Diagram: fix ts issues (all files except ui.diagram.js)

Author: pharret31

packages/devextreme-themebuilder/tests/data/dependencies.ts

@@ -62,6 +62,6 @@ export const dependencies: FlatStylesDependencies = {
   pivotgrid: ['validation', 'button', 'loadindicator', 'textbox', 'contextmenu', 'popup', 'loadpanel', 'checkbox', 'treeview', 'scrollview', 'list'],
   scheduler: ['validation', 'button', 'popup', 'loadindicator', 'loadpanel', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'textbox', 'numberbox', 'checkbox', 'calendar', 'scrollview', 'list', 'selectbox', 'datebox', 'form', 'buttongroup', 'radiogroup', 'textarea', 'tagbox', 'switch', 'dropdownbutton', 'popover', 'tooltip', 'toolbar'],
   filemanager: ['toast', 'validation', 'button', 'loadindicator', 'textbox', 'contextmenu', 'checkbox', 'treeview', 'loadpanel', 'scrollview', 'popup', 'toolbar', 'numberbox', 'list', 'selectbox', 'calendar', 'box', 'datebox', 'multiview', 'tabs', 'tabpanel', 'responsivebox', 'form', 'menu', 'filterbuilder', 'buttongroup', 'dropdownbutton', 'sortable', 'datagrid', 'drawer', 'progressbar', 'fileuploader', 'textarea'],
-  diagram: ['loadindicator', 'validation', 'button', 'loadpanel', 'scrollview', 'popup', 'toolbar', 'textbox', 'contextmenu', 'list', 'checkbox', 'selectbox', 'numberbox', 'colorbox', 'popover', 'accordion', 'tooltip', 'multiview', 'tabs', 'tabpanel', 'progressbar', 'fileuploader'],
+  diagram: ['loadindicator', 'validation', 'button', 'loadpanel', 'scrollview', 'popup', 'textbox', 'list', 'checkbox', 'selectbox', 'numberbox', 'popover', 'tooltip', 'multiview', 'tabs', 'tabpanel', 'progressbar'],
   gantt: ['loadindicator', 'loadpanel', 'validation', 'button', 'popup', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'textbox', 'toast', 'numberbox', 'checkbox', 'calendar', 'scrollview', 'list', 'selectbox', 'datebox', 'form', 'tagbox', 'radiogroup', 'popover', 'actionsheet', 'toolbar', 'contextmenu', 'treeview', 'menu', 'filterbuilder', 'sortable', 'treelist', 'progressbar', 'textarea', 'buttongroup', 'dropdownbutton'],
 };

packages/devextreme/js/__internal/ui/diagram/diagram.bar.ts

@@ -1,44 +1,71 @@
-import { getDiagram } from './diagram.importer';
+// eslint-disable-next-line @stylistic/max-len
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types,@typescript-eslint/no-unused-vars */
+import { getDiagram } from '@ts/ui/diagram/diagram.importer';
 
 class DiagramBar {
-    constructor(owner) {
-        const { EventDispatcher } = getDiagram();
-        this.onChanged = new EventDispatcher(); // IBar.onChanged: EventDispatcher<IBarListener>
-        this._owner = owner;
-    }
-    raiseBarCommandExecuted(key, parameter) {
-        this.onChanged.raise('notifyBarCommandExecuted', parseInt(key), parameter);
-    }
-
-    getCommandKeys() { // IBar.getCommandKeys(): DiagramCommand[]
-        throw 'Not Implemented';
-    }
-    setItemValue(key, value) { // IBar.setItemValue(key: DiagramCommand, value: any)
-    }
-    setItemEnabled(key, enabled) { // IBar.setItemEnabled(key: DiagramCommand, enabled: boolean)
-    }
-    setItemVisible(key, enabled) { // IBar.setItemVisible(key: DiagramCommand, visible: boolean)
-    }
-    setEnabled(enabled) { // IBar.setEnabled(enabled: boolean)
-    }
-    setItemSubItems(key, items) { // IBar.setItemSubItems(key: DiagramCommand, items: any[])
-    }
-    isVisible() { // IBar.isVisible(): boolean
-        return true;
-    }
-
-    _getKeys(items) {
-        const keys = items.reduce((commands, item) => {
-            if(item.command !== undefined) {
-                commands.push(item.command);
-            }
-            if(item.items) {
-                commands = commands.concat(this._getKeys(item.items));
-            }
-            return commands;
-        }, []);
-        return keys;
-    }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  onChanged: any;
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  _owner: any;
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  constructor(owner: any) {
+    const { EventDispatcher } = getDiagram();
+    this.onChanged = new EventDispatcher(); // IBar.onChanged: EventDispatcher<IBarListener>
+    this._owner = owner;
+  }
+
+  raiseBarCommandExecuted(key, parameter): void {
+    this.onChanged.raise('notifyBarCommandExecuted', parseInt(key, 10), parameter);
+  }
+
+  getCommandKeys(): void {
+    // IBar.getCommandKeys(): DiagramCommand[]
+    throw 'Not Implemented';
+  }
+
+  setItemValue(key, value): void {
+    // IBar.setItemValue(key: DiagramCommand, value: any)
+  }
+
+  setItemEnabled(key, enabled): void {
+    // IBar.setItemEnabled(key: DiagramCommand, enabled: boolean)
+  }
+
+  setItemVisible(key, enabled): void {
+    // IBar.setItemVisible(key: DiagramCommand, visible: boolean)
+  }
+
+  setEnabled(enabled): void {
+    // IBar.setEnabled(enabled: boolean)
+  }
+
+  setItemSubItems(key, items): void {
+    // IBar.setItemSubItems(key: DiagramCommand, items: any[])
+  }
+
+  isVisible(): boolean {
+    // IBar.isVisible(): boolean
+    return true;
+  }
+
+  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+  _getKeys(items) {
+    const keys = items.reduce((commands, item) => {
+      if (item.command !== undefined) {
+        commands.push(item.command);
+      }
+      if (item.items) {
+        // eslint-disable-next-line no-param-reassign
+        commands = commands.concat(this._getKeys(item.items));
+      }
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+      return commands;
+    }, []);
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+    return keys;
+  }
 }
 
 export default DiagramBar;