@syncfusion/ej2-schedule 30.2.7 → 31.1.17

package/dist/ts/schedule/actions/work-cells.ts

@@ -0,0 +1,151 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { extend, closest, isNullOrUndefined, EventHandler } from '@syncfusion/ej2-base';
+import { Schedule } from '../base/schedule';
+import { CellClickEventArgs, HoverEventArgs, InlineClickArgs } from '../base/interface';
+import { View } from '../base/type';
+import * as event from '../base/constant';
+import * as cls from '../base/css-constant';
+
+/**
+ * Work cell interactions
+ */
+export class WorkCellInteraction {
+    private parent: Schedule;
+
+    constructor(parent: Schedule) {
+        this.parent = parent;
+        EventHandler.add(this.parent.element, 'mouseover', this.onHover, this);
+    }
+
+    public cellMouseDown(e: Event): void {
+        if (this.isPreventAction(e)) {
+            return;
+        }
+        this.parent.notify(event.cellMouseDown, { event: e });
+    }
+
+    public cellClick(e: Event & MouseEvent): void {
+        if (this.isPreventAction(e)) {
+            return;
+        }
+        const queryStr: string = '.' + cls.WORK_CELLS_CLASS + ',.' + cls.ALLDAY_CELLS_CLASS + ',.' + cls.HEADER_CELLS_CLASS;
+        const target: HTMLTableCellElement = closest((e.target as Element), queryStr) as HTMLTableCellElement;
+        if (isNullOrUndefined(target)) {
+            return;
+        }
+        if (!isNullOrUndefined(closest(e.target as Element, '.' + cls.NEW_EVENT_CLASS))) {
+            this.parent.eventWindow.openEditor(this.parent.activeCellsData as unknown as Record<string, any>, 'Add');
+            return;
+        }
+        const isWorkCell: boolean = target.classList.contains(cls.WORK_CELLS_CLASS) ||
+            target.classList.contains(cls.ALLDAY_CELLS_CLASS);
+        if (this.parent.uiStateValues.isTapHold && !this.parent.uiStateValues.action && isWorkCell) {
+            this.parent.uiStateValues.isTapHold = false;
+            this.parent.eventBase.removeSelectedAppointmentClass();
+            this.parent.selectedElements = [];
+        }
+        const navigateEle: Element = closest((e.target as Element), '.' + cls.NAVIGATE_CLASS);
+        const navigateView: View = this.parent.getNavigateView();
+        const sameView: boolean = this.parent.currentView === navigateView;
+        if (isNullOrUndefined(navigateEle) || sameView ||
+            isNullOrUndefined(this.parent.viewOptions[navigateView.charAt(0).toLowerCase() + navigateView.slice(1)])) {
+            if (this.parent.activeViewOptions.readonly && this.parent.currentView !== 'MonthAgenda') {
+                if (this.parent.quickPopup) {
+                    this.parent.quickPopup.quickPopupHide();
+                }
+                return;
+            }
+            if (this.parent.isAdaptive && ((e.target as Element).classList.contains(cls.MORE_INDICATOR_CLASS) ||
+                closest((e.target as Element), '.' + cls.MORE_INDICATOR_CLASS))) {
+                return;
+            }
+            if (isWorkCell && e.shiftKey && e.which === 1 && this.parent.keyboardInteractionModule) {
+                this.parent.keyboardInteractionModule.onMouseSelection(e);
+                return;
+            }
+            this.parent.activeCellsData = this.parent.getCellDetails(target);
+            const args: CellClickEventArgs =
+                <CellClickEventArgs>extend(this.parent.activeCellsData, { cancel: false, event: e, name: 'cellClick' });
+            this.parent.trigger(event.cellClick, args, (clickArgs: CellClickEventArgs) => {
+                if (!clickArgs.cancel) {
+                    if (isWorkCell) {
+                        this.parent.selectCell(target);
+                    }
+                    if (this.parent.allowInline) {
+                        const inlineArgs: InlineClickArgs = {
+                            element: clickArgs.element as HTMLElement,
+                            groupIndex: clickArgs.groupIndex, type: 'Cell'
+                        };
+                        this.parent.notify(event.inlineClick, inlineArgs);
+                    } else {
+                        this.parent.notify(event.cellClick, clickArgs);
+                    }
+                } else {
+                    if (this.parent.quickPopup) {
+                        this.parent.quickPopup.quickPopupHide();
+                    }
+                }
+            });
+        } else {
+            const date: Date = this.parent.getDateFromElement(target);
+            if (!isNullOrUndefined(date) && this.parent.isMinMaxDate(date)) {
+                this.parent.setProperties({ selectedDate: date }, true);
+                this.parent.changeView(this.parent.getNavigateView(), e);
+            }
+        }
+    }
+
+    public cellDblClick(e: Event): void {
+        const queryStr: string = '.' + cls.WORK_CELLS_CLASS + ',.' + cls.ALLDAY_CELLS_CLASS + ',.' + cls.HEADER_CELLS_CLASS;
+        const target: HTMLTableCellElement = closest((e.target as Element), queryStr) as HTMLTableCellElement;
+        if (this.parent.activeViewOptions.readonly || this.isPreventAction(e) || isNullOrUndefined(target)) {
+            return;
+        }
+        const args: CellClickEventArgs =
+            <CellClickEventArgs>extend(this.parent.activeCellsData, { cancel: false, event: e, name: 'cellDoubleClick' });
+        this.parent.trigger(event.cellDoubleClick, args, (clickArgs: CellClickEventArgs) => {
+            if (!clickArgs.startTime) { return; }
+            const date: Date = new Date(clickArgs.startTime.getTime());
+            if (!this.parent.isMinMaxDate(new Date(date.setHours(0, 0, 0, 0)))) {
+                return;
+            }
+            if (!clickArgs.cancel) {
+                this.parent.eventWindow.openEditor(this.parent.activeCellsData as unknown as Record<string, any>, 'Add');
+            }
+        });
+    }
+
+    private onHover(e: MouseEvent): void {
+        const targetSelector: string = '.' + cls.WORK_CELLS_CLASS + ',.' + cls.TIME_SLOT_CLASS + ',.' + cls.ALLDAY_CELLS_CLASS + ',.' +
+            cls.HEADER_CELLS_CLASS + ',.' + cls.RESOURCE_CELLS_CLASS + ',.' + cls.APPOINTMENT_CLASS + ',.' + cls.WEEK_NUMBER_CLASS +
+            ',.' + cls.MONTH_HEADER_CLASS;
+        const hoverTarget: HTMLElement = closest((e.target as Element), targetSelector) as HTMLElement;
+        if (hoverTarget) {
+            const hoverArgs: HoverEventArgs = { element: hoverTarget, event: e };
+            this.parent.trigger(event.hover, hoverArgs);
+        }
+    }
+
+    private isPreventAction(e: Event): boolean {
+        if (closest((e.target as Element), '.' + cls.NAVIGATE_CLASS)) {
+            return false;
+        }
+        if (closest((e.target as Element), '.' + cls.APPOINTMENT_WRAPPER_CLASS) &&
+            !closest((e.target as Element), '.' + cls.MORE_INDICATOR_CLASS)) {
+            return true;
+        }
+        let target: Element = closest((e.target as Element), '.' + cls.APPOINTMENT_CLASS + ',.' + cls.RESOURCE_GROUP_CELLS_CLASS);
+        if (!isNullOrUndefined(target)) {
+            return true;
+        }
+        target = closest((e.target as Element), '.' + cls.HEADER_CELLS_CLASS);
+        if (this.parent.activeView && this.parent.activeView.isTimelineView() && !isNullOrUndefined(target)) {
+            return true;
+        }
+        return false;
+    }
+
+    public destroy(): void {
+        EventHandler.remove(this.parent.element, 'mouseover', this.onHover);
+    }
+}

package/dist/ts/schedule/base/constant.d.ts

@@ -0,0 +1,102 @@
+/**
+ * Constants
+ */
+/** @private */
+export declare const cellClick: string;
+/** @private */
+export declare const cellDoubleClick: string;
+/** @private */
+export declare const moreEventsClick: string;
+/** @private */
+export declare const select: string;
+/** @private */
+export declare const hover: string;
+/** @private */
+export declare const actionBegin: string;
+/** @private */
+export declare const actionComplete: string;
+/** @private */
+export declare const actionFailure: string;
+/** @private */
+export declare const navigating: string;
+/** @private */
+export declare const renderCell: string;
+/** @private */
+export declare const eventClick: string;
+/** @private */
+export declare const eventDoubleClick: string;
+/** @private */
+export declare const eventRendered: string;
+/** @private */
+export declare const dataBinding: string;
+/** @private */
+export declare const dataBound: string;
+/** @private */
+export declare const popupOpen: string;
+/** @private */
+export declare const popupClose: string;
+/** @private */
+export declare const dragStart: string;
+/** @private */
+export declare const drag: string;
+/** @private */
+export declare const dragStop: string;
+/** @private */
+export declare const resizeStart: string;
+/** @private */
+export declare const resizing: string;
+/** @private */
+export declare const resizeStop: string;
+/** @private */
+export declare const inlineClick: string;
+/** @private */
+export declare const cellSelect: string;
+/** @private */
+export declare const virtualScrollStart: string;
+/** @private */
+export declare const virtualScrollStop: string;
+/** @private */
+export declare const noEvents: string;
+/** @private */
+export declare const agendaCells: string;
+/** @private */
+export declare const resourceHeader: string;
+/** @private */
+export declare const dateHeader: string;
+/** @private */
+export declare const beforePaste: string;
+/** @private */
+export declare const beforePrint: string;
+/** @private */
+export declare const excelExport: string;
+/** @private */
+export declare const tooltipOpen: string;
+/**
+ * Specifies schedule internal events
+ */
+/** @private */
+export declare const initialLoad: string;
+/** @private */
+export declare const initialEnd: string;
+/** @private */
+export declare const print: string;
+/** @private */
+export declare const dataReady: string;
+/** @private */
+export declare const eventsLoaded: string;
+/** @private */
+export declare const contentReady: string;
+/** @private */
+export declare const scroll: string;
+/** @private */
+export declare const virtualScroll: string;
+/** @private */
+export declare const scrollUiUpdate: string;
+/** @private */
+export declare const uiUpdate: string;
+/** @private */
+export declare const documentClick: string;
+/** @private */
+export declare const documentPaste: string;
+/** @private */
+export declare const cellMouseDown: string;

package/dist/ts/schedule/base/constant.ts

@@ -0,0 +1,103 @@
+/**
+ * Constants
+ */
+/** @private */
+export const cellClick: string = 'cellClick';
+/** @private */
+export const cellDoubleClick: string = 'cellDoubleClick';
+/** @private */
+export const moreEventsClick: string = 'moreEventsClick';
+/** @private */
+export const select: string = 'select';
+/** @private */
+export const hover: string = 'hover';
+/** @private */
+export const actionBegin: string = 'actionBegin';
+/** @private */
+export const actionComplete: string = 'actionComplete';
+/** @private */
+export const actionFailure: string = 'actionFailure';
+/** @private */
+export const navigating: string = 'navigating';
+/** @private */
+export const renderCell: string = 'renderCell';
+/** @private */
+export const eventClick: string = 'eventClick';
+/** @private */
+export const eventDoubleClick: string = 'eventDoubleClick';
+/** @private */
+export const eventRendered: string = 'eventRendered';
+/** @private */
+export const dataBinding: string = 'dataBinding';
+/** @private */
+export const dataBound: string = 'dataBound';
+/** @private */
+export const popupOpen: string = 'popupOpen';
+/** @private */
+export const popupClose: string = 'popupClose';
+/** @private */
+export const dragStart: string = 'dragStart';
+/** @private */
+export const drag: string = 'drag';
+/** @private */
+export const dragStop: string = 'dragStop';
+/** @private */
+export const resizeStart: string = 'resizeStart';
+/** @private */
+export const resizing: string = 'resizing';
+/** @private */
+export const resizeStop: string = 'resizeStop';
+/** @private */
+export const inlineClick: string = 'inlineClick';
+/** @private */
+export const cellSelect: string = 'cellSelect';
+/** @private */
+export const virtualScrollStart: string = 'virtualScrollStart';
+/** @private */
+export const virtualScrollStop: string = 'virtualScrollStop';
+/** @private */
+export const noEvents: string = 'noEvents';
+/** @private */
+export const agendaCells: string = 'agendaCells';
+/** @private */
+export const resourceHeader: string = 'resourceHeader';
+/** @private */
+export const dateHeader: string = 'dateHeader';
+/** @private */
+export const beforePaste: string = 'beforePaste';
+/** @private */
+export const beforePrint: string = 'beforePrint';
+/** @private */
+export const excelExport: string = 'excelExport';
+/** @private */
+export const tooltipOpen: string = 'tooltipOpen';
+
+/**
+ * Specifies schedule internal events
+ */
+/** @private */
+export const initialLoad: string = 'initial-load';
+/** @private */
+export const initialEnd: string = 'initial-end';
+/** @private */
+export const print: string = 'print';
+/** @private */
+export const dataReady: string = 'data-ready';
+/** @private */
+export const eventsLoaded: string = 'events-loaded';
+/** @private */
+export const contentReady: string = 'content-ready';
+/** @private */
+export const scroll: string = 'scroll';
+/** @private */
+export const virtualScroll: string = 'virtual-scroll';
+/** @private */
+export const scrollUiUpdate: string = 'scroll-ui-update';
+/** @private */
+export const uiUpdate: string = 'ui-update';
+/** @private */
+export const documentClick: string = 'document-click';
+/** @private */
+export const documentPaste: string = 'document-paste';
+/** @private */
+export const cellMouseDown: string = 'cell-mouse-down';