Collection.Base: convert to ES6 Class

Author: EugeniyKiyashko

packages/devextreme/js/__internal/core/widget/widget.ts

@@ -47,14 +47,14 @@ export interface Properties<TComponent = any> extends WidgetOptions<TComponent>
 class Widget<
   TProperties extends Properties = Properties,
 > extends DOMComponent<Widget<TProperties>, TProperties> {
-  private readonly _feedbackHideTimeout = 400;
+  public _activeStateUnit!: string;
+
+  public _feedbackHideTimeout = 400;
 
   private readonly _feedbackShowTimeout = 30;
 
   private _contentReadyAction?: ((event?: Record<string, unknown>) => void) | null;
 
-  private readonly _activeStateUnit!: string;
-
   private _keyboardListenerId?: string | null;
 
   private _isReady?: boolean;

packages/devextreme/js/__internal/ui/calendar/m_calendar.ts

@@ -74,8 +74,6 @@ const SELECTION_STRATEGIES = {
 
 // @ts-expect-error
 const Calendar = Editor.inherit({
-  _activeStateUnit: `.${CALENDAR_CELL_CLASS}`,
-
   _getDefaultOptions() {
     return extend(this.callBase(), {
 
@@ -442,6 +440,8 @@ const Calendar = Editor.inherit({
 
   _init() {
     this.callBase();
+
+    this._activeStateUnit = `.${CALENDAR_CELL_CLASS}`;
     this._initSelectionStrategy();
     this._correctZoomLevel();
     this._initCurrentDate();

packages/devextreme/js/__internal/ui/collection/async.ts

@@ -1,11 +1,12 @@
 import CollectionWidgetAsync from '@js/ui/collection/ui.collection_widget.async';
-import type { CollectionWidgetOptions, ItemLike } from '@js/ui/collection/ui.collection_widget.base';
+import type { ItemLike } from '@js/ui/collection/ui.collection_widget.base';
+import type { CollectionWidgetBaseProperties } from '@ts/ui/collection/m_collection_widget.base';
 
 import CollectionWidgetEdit from './edit';
 
 declare class Async<
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    TProperties extends CollectionWidgetOptions<any, TItem, TKey>,
+    TProperties extends CollectionWidgetBaseProperties<any, TItem, TKey>,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     TItem extends ItemLike = any,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any

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

@@ -1,12 +1,12 @@
 import type { dxElementWrapper } from '@js/core/renderer';
-import type { CollectionWidgetOptions, ItemLike } from '@js/ui/collection/ui.collection_widget.base';
+import type { ItemLike } from '@js/ui/collection/ui.collection_widget.base';
 import CollectionWidgetEdit from '@js/ui/collection/ui.collection_widget.edit';
-
-import CollectionWidgetBase from './base';
+import type { CollectionWidgetBaseProperties } from '@ts/ui/collection/m_collection_widget.base';
+import CollectionWidgetBase from '@ts/ui/collection/m_collection_widget.base';
 
 declare class Edit<
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    TProperties extends CollectionWidgetOptions<any, TItem, TKey>,
+    TProperties extends CollectionWidgetBaseProperties<any, TItem, TKey>,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     TItem extends ItemLike = any,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any

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

@@ -1,11 +1,12 @@
-import type { CollectionWidgetOptions, ItemLike } from '@js/ui/collection/ui.collection_widget.base';
+import type { ItemLike } from '@js/ui/collection/ui.collection_widget.base';
 import CollectionWidgetLiveUpdate from '@js/ui/collection/ui.collection_widget.live_update';
+import type { CollectionWidgetBaseProperties } from '@ts/ui/collection/m_collection_widget.base';
 
 import CollectionWidgetAsync from './async';
 
 declare class LiveUpdate<
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    TProperties extends CollectionWidgetOptions<any, TItem, TKey>,
+    TProperties extends CollectionWidgetBaseProperties<any, TItem, TKey>,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     TItem extends ItemLike = any,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any