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/appointment_collection_options.ts

@@ -0,0 +1,51 @@
+import type {
+  AppointmentClickEvent,
+  AppointmentContextMenuEvent,
+  AppointmentDblClickEvent,
+  AppointmentRenderedEvent,
+} from '@js/ui/scheduler';
+
+import type NotifyScheduler from '../base/widget_notify_scheduler';
+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 { DOMMetaData, ScrollToGroupValuesOrOptions } from '../types';
+import type { AppointmentDataAccessor } from '../utils/data_accessor/appointment_data_accessor';
+import type { ResourceManager } from '../utils/resource_manager/resource_manager';
+import type { AppointmentDataSource } from '../view_model/m_appointment_data_source';
+import type { SortedEntity } from '../view_model/types';
+import type ViewDataProvider from '../workspaces/view_model/view_data_provider';
+
+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;
+}

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,