Scheduler: refactor workspaces module (TS): part 3 (#33926)

Co-authored-by: Sergei Burkatskii <noreply@github.com>

Author: sjbur

packages/devextreme/js/__internal/scheduler/types.ts

@@ -305,3 +305,10 @@ export type ScrollToGroupValuesOrOptions = RawGroupValues
   | GroupValues
   | ScrollToOptions
   | undefined;
+
+export interface GroupBoundsOffset {
+  left: number;
+  right: number;
+  top: number;
+  bottom: number;
+}

packages/devextreme/js/__internal/scheduler/workspaces/cells_selection_controller.ts

@@ -1,10 +1,5 @@
 import { isDateAndTimeView } from '@ts/scheduler/r1/utils/index';
-import type { ViewCellData, ViewType } from '@ts/scheduler/types';
-
-interface GridPosition {
-  rowIndex: number;
-  columnIndex: number;
-}
+import type { CellPositionData, ViewCellData, ViewType } from '@ts/scheduler/types';
 
 interface EdgeIndices {
   firstColumnIndex: number;
@@ -15,7 +10,7 @@ interface EdgeIndices {
 
 interface ArrowClickOptions {
   key: 'up' | 'down' | 'left' | 'right';
-  focusedCellPosition?: GridPosition;
+  focusedCellPosition?: CellPositionData;
   focusedCellData: ViewCellData;
   edgeIndices: EdgeIndices;
   getCellDataByPosition: (rowIndex: number, columnIndex: number, isAllDay: boolean) => ViewCellData;
@@ -30,7 +25,7 @@ interface ArrowClickOptions {
 
 interface NextColumnPositionOptions extends ArrowClickOptions {
   direction: 'next' | 'prev';
-  focusedCellPosition: GridPosition;
+  focusedCellPosition: CellPositionData;
 }
 
 interface ProcessEdgeCellOptions {
@@ -67,7 +62,7 @@ export class CellsSelectionController {
       return focusedCellData;
     }
 
-    let nextCellIndices: GridPosition = focusedCellPosition;
+    let nextCellIndices: CellPositionData = focusedCellPosition;
 
     switch (key) {
       case 'down':
@@ -107,10 +102,10 @@ export class CellsSelectionController {
   }
 
   getCellFromNextRowPosition(
-    focusedCellPosition: GridPosition,
+    focusedCellPosition: CellPositionData,
     direction: 'next' | 'prev',
     edgeIndices: EdgeIndices,
-  ): GridPosition {
+  ): CellPositionData {
     const {
       columnIndex,
       rowIndex,
@@ -129,7 +124,7 @@ export class CellsSelectionController {
     };
   }
 
-  getCellFromNextColumnPosition(options: NextColumnPositionOptions): GridPosition {
+  getCellFromNextColumnPosition(options: NextColumnPositionOptions): CellPositionData {
     const {
       focusedCellPosition,
       direction,
@@ -178,7 +173,7 @@ export class CellsSelectionController {
     });
   }
 
-  private processEdgeCell(options: ProcessEdgeCellOptions): GridPosition {
+  private processEdgeCell(options: ProcessEdgeCellOptions): CellPositionData {
     const {
       nextColumnIndex,
       rowIndex,

packages/devextreme/js/__internal/scheduler/workspaces/m_work_space.ts

@@ -95,10 +95,10 @@ import {
   PositionHelper,
 } from './helpers/position_helper';
 import { VirtualScrollingDispatcher, VirtualScrollingRenderer } from './m_virtual_scrolling';
-import HorizontalGroupedStrategy from './m_work_space_grouped_strategy_horizontal';
-import VerticalGroupedStrategy from './m_work_space_grouped_strategy_vertical';
 import type { ViewDataProviderOptions } from './view_model/m_types';
 import ViewDataProvider from './view_model/m_view_data_provider';
+import HorizontalGroupedStrategy from './work_space_grouped_strategy_horizontal';
+import VerticalGroupedStrategy from './work_space_grouped_strategy_vertical';
 
 interface RenderComponentOptions {
   header?: boolean;
@@ -1338,11 +1338,11 @@ class SchedulerWorkSpace extends Widget<WorkspaceOptionsInternal> {
     return this.$headerPanel && getOuterHeight(this.$headerPanel, true);
   }
 
-  getTimePanelWidth() {
+  getTimePanelWidth(): number {
     return this.$timePanel && getBoundingRect(this.$timePanel.get(0)).width;
   }
 
-  getGroupTableWidth() {
+  getGroupTableWidth(): number {
     return this.$groupTable ? getOuterWidth(this.$groupTable) : 0;
   }
 
@@ -1412,7 +1412,7 @@ class SchedulerWorkSpace extends Widget<WorkspaceOptionsInternal> {
     return this.getDateTables().find(`.${DATE_TABLE_DROPPABLE_CELL_CLASS}`);
   }
 
-  protected getWorkSpaceWidth() {
+  protected getWorkSpaceWidth(): number {
     return this.cache.memo('workspaceWidth', () => {
       if (this.needCreateCrossScrolling()) {
         return getBoundingRect(this.$dateTable.get(0)).width;
@@ -1669,7 +1669,7 @@ class SchedulerWorkSpace extends Widget<WorkspaceOptionsInternal> {
   }
 
   // NOTE: refactor leftIndex calculation
-  getCellIndexByCoordinates(coordinates, allDay) {
+  getCellIndexByCoordinates(coordinates, allDay?) {
     const { horizontalScrollingState, verticalScrollingState } = this.virtualScrollingDispatcher;
 
     const cellCount = horizontalScrollingState?.itemCount ?? this.getTotalCellCount(this.getGroupCount());