List(Base, Edit), Resizable, Toolbar, ScrollView: convert into ES6 class (DevExpress#29225) (DevExpress#29245)

Author: EugeniyKiyashko

packages/devextreme/js/__internal/ui/collection/collection_widget.base.ts

@@ -109,7 +109,7 @@ export interface CollectionWidgetBaseProperties<
 
   encodeNoDataText?: boolean;
 
-  _itemAttributes?: Record<string, string>;
+  _itemAttributes?: Record<string, unknown>;
 
   selectOnFocus?: boolean;
 }

packages/devextreme/js/__internal/ui/collection/m_collection_widget.edit.ts

@@ -1,4 +1,4 @@
-import type { SingleMultipleOrNone } from '@js/common';
+import type { SingleMultipleAllOrNone, SingleMultipleOrNone } from '@js/common';
 import type { ItemInfo } from '@js/common/core/events';
 import eventsEngine from '@js/common/core/events/core/events_engine';
 import { DataSource } from '@js/common/data/data_source/data_source';
@@ -28,6 +28,7 @@ import PlainEditStrategy from '@ts/ui/collection/m_collection_widget.edit.strate
 import Selection from '@ts/ui/selection/m_selection';
 
 import type MenuBaseEditStrategy from '../context_menu/m_menu_base.edit.strategy';
+import type GroupedEditStrategy from '../list/m_list.edit.strategy.grouped';
 
 const ITEM_DELETING_DATA_KEY = 'dxItemDeleting';
 const NOT_EXISTING_INDEX = -1;
@@ -42,7 +43,7 @@ export interface CollectionWidgetEditProperties<
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   TKey = any,
 > extends CollectionWidgetBaseProperties<TComponent, TItem, TKey> {
-  selectionMode?: SingleMultipleOrNone;
+  selectionMode?: SingleMultipleOrNone | SingleMultipleAllOrNone;
 }
 
 class CollectionWidget<
@@ -57,7 +58,7 @@ class CollectionWidget<
 
   _selection!: Selection;
 
-  _editStrategy!: PlainEditStrategy<this> | MenuBaseEditStrategy;
+  _editStrategy!: PlainEditStrategy<this> | MenuBaseEditStrategy | GroupedEditStrategy;
 
   _actions!: Record<string, (args: Record<string, unknown>) => void>;
 
@@ -492,7 +493,7 @@ class CollectionWidget<
 
   _itemSelectHandler(
     e: DxEvent,
-    shouldIgnoreSelectByClick?: boolean,
+    shouldIgnoreSelectByClick?: boolean | number,
   // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
   ): DeferredObj<unknown> | void {
     if (!shouldIgnoreSelectByClick && !this.option('selectByClick')) {
@@ -585,7 +586,7 @@ class CollectionWidget<
   }
 
   // eslint-disable-next-line @typescript-eslint/no-unused-vars, class-methods-use-this
-  _updateSelection(addedSelection: unknown[], removedSelection: unknown[]): void {}
+  _updateSelection(addedSelection?: unknown[], removedSelection?: unknown[]): void {}
 
   _setAriaSelectionAttribute(
     $target: dxElementWrapper,

packages/devextreme/js/__internal/ui/list/m_item.ts

@@ -1,4 +1,5 @@
 import $ from '@js/core/renderer';
+import type { Item } from '@js/ui/list';
 import CollectionWidgetItem from '@ts/ui/collection/m_item';
 
 const LIST_ITEM_BADGE_CONTAINER_CLASS = 'dx-list-item-badge-container';
@@ -8,17 +9,15 @@ const BADGE_CLASS = 'dx-badge';
 const LIST_ITEM_CHEVRON_CONTAINER_CLASS = 'dx-list-item-chevron-container';
 const LIST_ITEM_CHEVRON_CLASS = 'dx-list-item-chevron';
 
-// @ts-expect-error
-const ListItem = CollectionWidgetItem.inherit({
-
-  _renderWatchers() {
-    this.callBase();
+class ListItem extends CollectionWidgetItem<Item> {
+  _renderWatchers(): void {
+    super._renderWatchers();
 
     this._startWatcher('badge', this._renderBadge.bind(this));
     this._startWatcher('showChevron', this._renderShowChevron.bind(this));
-  },
+  }
 
-  _renderBadge(badge) {
+  _renderBadge(badge): void {
     this._$element.children(`.${LIST_ITEM_BADGE_CONTAINER_CLASS}`).remove();
 
     if (!badge) {
@@ -34,9 +33,9 @@ const ListItem = CollectionWidgetItem.inherit({
 
     const $chevron = this._$element.children(`.${LIST_ITEM_CHEVRON_CONTAINER_CLASS}`).first();
     $chevron.length > 0 ? $badge.insertBefore($chevron) : $badge.appendTo(this._$element);
-  },
+  }
 
-  _renderShowChevron(showChevron) {
+  _renderShowChevron(showChevron): void {
     this._$element.children(`.${LIST_ITEM_CHEVRON_CONTAINER_CLASS}`).remove();
 
     if (!showChevron) {
@@ -47,8 +46,7 @@ const ListItem = CollectionWidgetItem.inherit({
     const $chevron = $('<div>').addClass(LIST_ITEM_CHEVRON_CLASS);
 
     $chevronContainer.append($chevron).appendTo(this._$element);
-  },
-
-});
+  }
+}
 
 export default ListItem;