Drawer: enable interactive states for List in the panel (DevExpress#30291)

Author: EugeniyKiyashko

apps/demos/Demos/Drawer/LeftOrRightPosition/Angular/app/app.component.html

@@ -14,9 +14,6 @@
         class="panel-list"
         [elementAttr]="listElementAttr"
         [dataSource]="navigation"
-        [hoverStateEnabled]="false"
-        [activeStateEnabled]="false"
-        [focusStateEnabled]="false"
       >
       </dx-list>
     </div>

apps/demos/Demos/Drawer/LeftOrRightPosition/React/NavigationList.tsx

@@ -7,9 +7,6 @@ function NavigationList() {
     <div className="list" style={{ width: '200px' }}>
       <List
         dataSource={navigation}
-        hoverStateEnabled={false}
-        activeStateEnabled={false}
-        focusStateEnabled={false}
         className="panel-list" />
     </div>
   );

apps/demos/Demos/Drawer/LeftOrRightPosition/ReactJs/NavigationList.js

@@ -10,9 +10,6 @@ function NavigationList() {
     >
       <List
         dataSource={navigation}
-        hoverStateEnabled={false}
-        activeStateEnabled={false}
-        focusStateEnabled={false}
         className="panel-list"
       />
     </div>

apps/demos/Demos/Drawer/LeftOrRightPosition/Vue/NavigationList.vue

@@ -2,9 +2,6 @@
   <div style="width: 200px;">
     <DxList
       :data-source="navigation"
-      :active-state-enabled="false"
-      :hover-state-enabled="false"
-      :focus-state-enabled="false"
       class="panel-list"
     />
   </div>

apps/demos/Demos/Drawer/LeftOrRightPosition/jQuery/index.js

@@ -10,9 +10,6 @@ $(() => {
 
       return $list.dxList({
         dataSource: navigation,
-        hoverStateEnabled: false,
-        focusStateEnabled: false,
-        activeStateEnabled: false,
       });
     },
   }).dxDrawer('instance');

apps/demos/Demos/Drawer/TopOrBottomPosition/Angular/app/app.component.html

@@ -10,14 +10,7 @@
     [closeOnOutsideClick]="true"
   >
     <div *dxTemplate="let data of 'template'">
-      <dx-list
-        class="panel-list"
-        [hoverStateEnabled]="false"
-        [activeStateEnabled]="false"
-        [focusStateEnabled]="false"
-        [dataSource]="navigation"
-      >
-      </dx-list>
+      <dx-list class="panel-list" [dataSource]="navigation"> </dx-list>
     </div>
     <div id="content" [innerHTML]="text"></div>
   </dx-drawer>

apps/demos/Demos/Drawer/TopOrBottomPosition/Vue/NavigationList.vue

@@ -2,9 +2,6 @@
   <div>
     <DxList
       :data-source="navigation"
-      :active-state-enabled="false"
-      :hover-state-enabled="false"
-      :focus-state-enabled="false"
       class="panel-list"
     />
   </div>

apps/demos/Demos/Drawer/TopOrBottomPosition/jQuery/index.js

@@ -11,9 +11,6 @@ $(() => {
 
       return $list.dxList({
         dataSource: navigation,
-        hoverStateEnabled: false,
-        focusStateEnabled: false,
-        activeStateEnabled: false,
       });
     },
   }).dxDrawer('instance');