OtherUI: fix ts issues

Author: pharret31

packages/devextreme/js/__internal/grids/grid_core/editor_factory/m_editor_factory.ts

@@ -50,7 +50,7 @@ interface EditorFactoryMixinType {
 
 }
 
-const ViewControllerWithMixin: ModuleType<ViewController & EditorFactoryMixinType> = EditorFactoryMixin(modules.ViewController) as any;
+const ViewControllerWithMixin: ModuleType<ViewController & EditorFactoryMixinType> = EditorFactoryMixin(modules.ViewController);
 
 export class EditorFactory extends ViewControllerWithMixin {
   private _isFocusOverlay: any;

packages/devextreme/js/__internal/pagination/content.tsx

@@ -6,10 +6,10 @@ import type { RefObject } from '@ts/core/r1/types';
 import { Widget } from '@ts/core/r1/widget';
 import { createRef as infernoCreateRef } from 'inferno';
 
-import { registerKeyboardAction } from '../../ui/shared/accessibility';
 import type { EventCallback } from '../core/r1/event_callback';
 import type { DisposeEffectReturn } from '../core/r1/utils/effect_return';
 import { combineClasses } from '../core/r1/utils/render_utils';
+import { registerKeyboardAction } from '../ui/shared/accessibility';
 import {
   LIGHT_MODE_CLASS,
   PAGER_CLASS,

packages/devextreme/js/__internal/ui/file_manager/ui.file_manager.adaptivity.ts

@@ -8,6 +8,7 @@ import type { OptionChanged } from '@ts/core/widget/types';
 import type { WidgetProperties } from '@ts/core/widget/widget';
 import Widget from '@ts/core/widget/widget';
 import Drawer from '@ts/ui/drawer/drawer';
+import type { ActiveStateChangedEvent, ApplyPanelSizeEvent } from '@ts/ui/splitter_control';
 
 const window = getWindow();
 const ADAPTIVE_STATE_SCREEN_WIDTH = 573;
@@ -16,11 +17,6 @@ const FILE_MANAGER_ADAPTIVITY_DRAWER_PANEL_CLASS = 'dx-filemanager-adaptivity-dr
 const DRAWER_PANEL_CONTENT_INITIAL = 'dx-drawer-panel-content-initial';
 const DRAWER_PANEL_CONTENT_ADAPTIVE = 'dx-drawer-panel-content-adaptive';
 
-interface PanelSize {
-  leftPanelWidth: string | number;
-  rightPanelWidth: string | number;
-}
-
 interface FileManagerAdaptivityControlOptions extends WidgetProperties {
   drawerTemplate?: (container: dxElementWrapper | Element) => void;
   contentTemplate?: (container: dxElementWrapper) => void;
@@ -87,7 +83,7 @@ class FileManagerAdaptivityControl extends Widget<FileManagerAdaptivityControlOp
     this._checkAdaptiveState();
   }
 
-  _onApplyPanelSize(e: PanelSize): void {
+  _onApplyPanelSize(e: ApplyPanelSizeEvent): void {
     if (!hasWindow()) {
       return;
     }
@@ -100,9 +96,9 @@ class FileManagerAdaptivityControl extends Widget<FileManagerAdaptivityControlOp
     this._setDrawerWidth(e.leftPanelWidth);
   }
 
-  _onActiveStateChanged({ isActive }: { isActive: boolean }): void {
-    this._splitter?.disableSplitterCalculation(!isActive);
-    if (!isActive) {
+  _onActiveStateChanged(e: ActiveStateChangedEvent): void {
+    this._splitter?.disableSplitterCalculation(!e.isActive);
+    if (!e.isActive) {
       this._splitter?.$element().css('left', 'auto');
     }
   }

packages/devextreme/js/__internal/ui/gantt/ui.gantt.size_helper.ts

@@ -7,6 +7,7 @@ import {
 } from '@js/core/utils/size';
 import { hasWindow } from '@js/core/utils/window';
 import type Gantt from '@ts/ui/gantt/ui.gantt';
+import type { ApplyPanelSizeEvent } from '@ts/ui/splitter_control';
 
 type Dimension = 'width' | 'height';
 
@@ -34,10 +35,9 @@ export class GanttSizeHelper {
     this._gantt._setGanttViewOption(dimension, getter(this._gantt._$ganttView));
   }
 
-  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-  _getPanelsWidthByOption() {
+  _getPanelsWidthByOption(): ApplyPanelSizeEvent {
     const ganttWidth = getWidth(this._gantt.$element());
-    const leftPanelWidth = this._gantt.option('taskListWidth');
+    const { taskListWidth: leftPanelWidth } = this._gantt.option();
     // eslint-disable-next-line @typescript-eslint/init-declarations
     let rightPanelWidth;
     // @ts-expect-error ts-error
@@ -53,6 +53,7 @@ export class GanttSizeHelper {
       // @ts-expect-error ts-error
       rightPanelWidth = `${100 - parseInt(leftPanelWidth.replace('%', ''), 10)}%`;
     }
+    // @ts-expect-error ts-error
     return { leftPanelWidth, rightPanelWidth };
   }
 
@@ -85,7 +86,7 @@ export class GanttSizeHelper {
     }
   }
 
-  setInnerElementsWidth(widths?): void {
+  setInnerElementsWidth(widths?: ApplyPanelSizeEvent): void {
     if (!hasWindow()) {
       return;
     }
@@ -96,8 +97,8 @@ export class GanttSizeHelper {
       this._setTreeListDimension('width', 0);
       this._setGanttViewDimension('width', 0);
     }
-    this._setTreeListDimension('width', widths.leftPanelWidth);
-    this._setGanttViewDimension('width', widths.rightPanelWidth);
+    this._setTreeListDimension('width', widths?.leftPanelWidth);
+    this._setGanttViewDimension('width', widths?.rightPanelWidth);
     if (takeWithFromOption) {
       this._gantt._splitter?._setSplitterPositionLeft();
     }

packages/devextreme/js/__internal/ui/gantt/ui.gantt.ts

@@ -247,10 +247,8 @@ class Gantt extends Widget<Properties> {
         this._sizeHelper?.onApplyPanelSize(e);
       },
     });
-    this._splitter.option(
-      'initialLeftPanelWidth',
-      this.option('taskListWidth'),
-    );
+    const { taskListWidth } = this.option();
+    this._splitter.option('initialLeftPanelWidth', taskListWidth);
   }
 
   _renderBars(): void {