Scheduler: refactor ts in m_scheduler.ts

packages/devextreme/js/__internal/scheduler/__tests__/appointment_tooltip.test.ts

@@ -438,7 +438,7 @@ describe.each([
 
         const initialTarget = POM.tooltip.target;
 
-        scheduler.addAppointment({
+        await scheduler.addAppointment({
           text: 'New Apt',
           startDate: new Date(2017, 4, 20, 9, 30),
           endDate: new Date(2017, 4, 20, 10, 30),

packages/devextreme/js/__internal/scheduler/appointments/m_appointment_collection.ts

@@ -16,18 +16,28 @@ import { each } from '@js/core/utils/iterator';
 import { getBoundingRect } from '@js/core/utils/position';
 import { setOuterHeight, setOuterWidth } from '@js/core/utils/size';
 import { isDeferred, isPlainObject } from '@js/core/utils/type';
+import type {
+  AppointmentClickEvent,
+  AppointmentContextMenuEvent,
+  AppointmentDblClickEvent,
+  AppointmentRenderedEvent,
+} from '@js/ui/scheduler';
 import { dateUtilsTs } from '@ts/core/utils/date';
 import type { SupportedKeys } from '@ts/core/widget/widget';
 import CollectionWidget from '@ts/ui/collection/collection_widget.edit';
 
+import type NotifyScheduler from '../base/widget_notify_scheduler';
 import {
   AGENDA_LAST_IN_DATE_APPOINTMENT_CLASS,
   APPOINTMENT_CONTENT_CLASSES,
   APPOINTMENT_DRAG_SOURCE_CLASS,
   APPOINTMENT_ITEM_CLASS,
 } from '../classes';
 import { APPOINTMENT_SETTINGS_KEY } from '../constants';
-import type { CompactAppointmentOptions } from '../types';
+import type { TimeZoneCalculator } from '../r1/timezone_calculator/index';
+import type { DesktopTooltipStrategy } from '../tooltip_strategies/desktop_tooltip_strategy';
+import type { MobileTooltipStrategy } from '../tooltip_strategies/mobile_tooltip_strategy';
+import type { CompactAppointmentOptions, DOMMetaData, ScrollToGroupValuesOrOptions } from '../types';
 import { AppointmentAdapter } from '../utils/appointment_adapter/appointment_adapter';
 import type { AppointmentDataAccessor } from '../utils/data_accessor/appointment_data_accessor';
 import {
@@ -38,13 +48,15 @@ import { getAppointmentGroupValues } from '../utils/resource_manager/appointment
 import { getGroupTexts } from '../utils/resource_manager/group_utils';
 import type { ResourceManager } from '../utils/resource_manager/resource_manager';
 import timeZoneUtils from '../utils_time_zone';
+import type { AppointmentDataSource } from '../view_model/m_appointment_data_source';
 import type {
   AppointmentAgendaViewModel,
   AppointmentCollectorViewModel,
   AppointmentItemViewModel,
   AppointmentViewModelPlain,
   SortedEntity,
 } from '../view_model/types';
+import type ViewDataProvider from '../workspaces/view_model/view_data_provider';
 import { AgendaAppointment } from './appointment/agenda_appointment';
 import { Appointment } from './appointment/m_appointment';
 import { createAgendaAppointmentLayout, createAppointmentLayout } from './m_appointment_layout';
@@ -54,6 +66,40 @@ import { getAppointmentDateRange } from './resizing/m_core';
 import { isNeedToAdd } from './utils/get_arrays_diff';
 import { getViewModelDiff } from './utils/get_view_model_diff';
 
+export interface AppointmentCollectionOptions {
+  getResourceManager: () => ResourceManager;
+  getAppointmentDataSource: () => AppointmentDataSource;
+  getSortedAppointments: () => SortedEntity[];
+  scrollTo: (
+    date: Date,
+    groupValuesOrOptions?: ScrollToGroupValuesOrOptions,
+    allDay?: boolean,
+  ) => void;
+  appointmentTooltip: MobileTooltipStrategy | DesktopTooltipStrategy;
+  dataAccessors: AppointmentDataAccessor;
+  notifyScheduler: NotifyScheduler;
+  onItemRendered: (args: AppointmentRenderedEvent) => void;
+  onItemClick: (args: AppointmentClickEvent) => void;
+  onItemContextMenu: (args: AppointmentContextMenuEvent) => void;
+  onAppointmentDblClick: (args: AppointmentDblClickEvent) => void;
+  tabIndex: number;
+  focusStateEnabled: boolean;
+  allowDrag: boolean;
+  allowDelete: boolean;
+  allowResize: boolean;
+  allowAllDayResize: boolean;
+  rtlEnabled: boolean;
+  groups: string[];
+  groupByDate: boolean;
+  timeZoneCalculator: TimeZoneCalculator;
+  getResizableStep: () => number;
+  getDOMElementsMetaData: () => DOMMetaData | undefined;
+  getViewDataProvider: () => ViewDataProvider | undefined;
+  isVerticalGroupedWorkSpace: () => boolean;
+  isDateAndTimeView: () => boolean;
+  onContentReady: () => void;
+}
+
 const COMPONENT_CLASS = 'dx-scheduler-scrollable-appointments';
 
 const DBLCLICK_EVENT_NAME = addNamespace(dblclickEvent, 'dxSchedulerAppointment');

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

@@ -91,7 +91,7 @@ export class CompactAppointmentsHelper {
         getItemSettings,
       };
 
-      workSpace.createDragBehaviorBase($element, $schedulerElement, options);
+      workSpace?.createDragBehaviorBase($element, $schedulerElement, options);
     };
   }
 
@@ -105,7 +105,6 @@ export class CompactAppointmentsHelper {
   private createCompactButton(template, options: CompactAppointmentOptions) {
     const $button = this.createCompactButtonElement(options);
 
-    // @ts-expect-error
     return this.instance._createComponent($button, Button, {
       type: 'default',
       width: options.width,