@syncfusion/ej2-schedule 20.2.36 → 20.2.43

package/dist/es6/ej2-schedule.es2015.js

@@ -5154,7 +5154,7 @@ class EventBase {
             if (timeZonePropChanged) {
                 this.processTimezoneChange(event, oldTimezone);
             }
-            else if (!this.parent.isPrinting && !this.parent.uiStateValues.isResize) {
+            else if (!this.parent.isPrinting && !this.parent.uiStateValues.isPreventTimezone) {
                 event = this.processTimezone(event);
             }
             for (let level = 0; level < resourceCollection.length; level++) {
@@ -5966,8 +5966,9 @@ class EventBase {
             }
         }
         const occurrenceCollection = [];
-        for (const date of dates) {
+        for (let date of dates) {
             const clonedObject = extend({}, event, null, true);
+            date = this.getDSTAdjustedTime(date, clonedObject);
             clonedObject[this.parent.eventFields.startTime] = new Date(date);
             clonedObject[this.parent.eventFields.endTime] = new Date(new Date(date).setMilliseconds(duration));
             clonedObject[this.parent.eventFields.recurrenceID] = clonedObject[this.parent.eventFields.id];
@@ -5978,6 +5979,21 @@ class EventBase {
         }
         return occurrenceCollection;
     }
+    getDSTAdjustedTime(date, event) {
+        let occurDate = date;
+        if (this.parent.timezone &&
+            (event[this.parent.eventFields.startTimezone] || event[this.parent.eventFields.endTimezone])) {
+            const eventOffset = this.getDSTDiff(event[this.parent.eventFields.startTime], new Date(date), event[this.parent.eventFields.startTimezone]);
+            const schOffset = this.getDSTDiff(event[this.parent.eventFields.startTime], new Date(date), this.parent.timezone);
+            occurDate = (new Date(date).getTime() - (eventOffset - schOffset) * 60000);
+        }
+        return occurDate;
+    }
+    getDSTDiff(startDate, occurDate, timezone) {
+        const startOffset = this.parent.tzModule.offset(new Date(startDate), timezone);
+        const occurOffset = this.parent.tzModule.offset(new Date(occurDate), timezone);
+        return startOffset - occurOffset;
+    }
     getParentEvent(eventObj, isParent = false) {
         let parentEvent;
         do {
@@ -11274,6 +11290,7 @@ class EventWindow {
     setDialogContent() {
         this.dialogObject.content = this.getEventWindowContent();
         this.dialogObject.dataBind();
+        this.applyFormValidation();
     }
     preventEventSave(e) {
         if (this.parent && !this.parent.allowKeyboardInteraction && e.code === 'Enter') {
@@ -13385,7 +13402,7 @@ class Crud {
             const resultData = extend([], args.result, null, true);
             this.parent.eventsData = resultData.filter((data) => !data[this.parent.eventFields.isBlock]);
             this.parent.blockData = resultData.filter((data) => data[this.parent.eventFields.isBlock]);
-            this.parent.refreshEvents(false);
+            this.refreshProcessedData();
             if (this.parent.dragAndDropModule && this.parent.dragAndDropModule.actionObj.action === 'drag') {
                 this.parent.dragAndDropModule.navigationWrapper();
             }
@@ -13403,6 +13420,31 @@ class Crud {
         }
         this.parent.trigger(actionFailure, { error: e }, () => this.parent.hideSpinner());
     }
+    refreshProcessedData() {
+        if (this.parent.dragAndDropModule) {
+            this.parent.dragAndDropModule.actionObj.action = '';
+            removeClass([this.parent.element], 'e-event-action');
+        }
+        if (this.parent.activeViewOptions && this.parent.activeViewOptions.eventTemplate) {
+            let templateNames = ['eventTemplate'];
+            if (this.crudObj.isCrudAction &&
+                ['Agenda', 'MonthAgenda', 'Year', 'TimelineYear'].indexOf(this.parent.currentView) === -1) {
+                templateNames = [];
+                for (let i = 0, len = this.crudObj.sourceEvent.length; i < len; i++) {
+                    templateNames.push('eventTemplate_' + this.crudObj.sourceEvent[i].groupIndex);
+                    if (this.crudObj.targetEvent[i] && this.crudObj.sourceEvent[i].groupIndex !==
+                        this.crudObj.targetEvent[i].groupIndex) {
+                        templateNames.push('eventTemplate_' + this.crudObj.targetEvent[i].groupIndex);
+                    }
+                }
+            }
+            this.parent.resetTemplates(templateNames);
+        }
+        const eventsData = this.parent.eventsData || [];
+        const blockData = this.parent.blockData || [];
+        const data = eventsData.concat(blockData);
+        this.parent.notify(dataReady, { processedData: this.parent.eventBase ? this.parent.eventBase.processData(data) : [] });
+    }
     refreshData(args) {
         const actionArgs = {
             requestType: args.requestType, cancel: false, data: args.data,
@@ -15902,7 +15944,7 @@ let Schedule = class Schedule extends Component {
         if (this && isNullOrUndefined(this.uiStateValues) || !(this.enablePersistence)) {
             this.uiStateValues = {
                 expand: false, isInitial: true, left: 0, top: 0, isGroupAdaptive: false,
-                isIgnoreOccurrence: false, groupIndex: 0, action: false, isBlock: false, isCustomMonth: true, isResize: false
+                isIgnoreOccurrence: false, groupIndex: 0, action: false, isBlock: false, isCustomMonth: true, isPreventTimezone: false
             };
         }
         this.activeCellsData = { startTime: this.getCurrentTime(), endTime: this.getCurrentTime(), isAllDay: false };
@@ -16362,11 +16404,9 @@ let Schedule = class Schedule extends Component {
         }
         if (this.currentView === 'Month' || ((this.currentView !== 'Agenda' && this.currentView !== 'MonthAgenda')
             && !this.activeViewOptions.timeScale.enable) || this.activeView.isTimelineView()) {
-            this.uiStateValues.isResize = true;
             this.activeView.resetColWidth();
             this.notify(scrollUiUpdate, { cssProperties: this.getCssProperties(), isPreventScrollUpdate: true });
             this.refreshEvents(false);
-            this.uiStateValues.isResize = false;
         }
         else {
             this.notify(contentReady, {});
@@ -17432,25 +17472,15 @@ let Schedule = class Schedule extends Component {
             this.crudModule.refreshDataManager();
         }
         else {
-            if (this.activeViewOptions && this.activeViewOptions.eventTemplate) {
-                let templateNames = ['eventTemplate'];
-                if (this.crudModule && this.crudModule.crudObj.isCrudAction &&
-                    ['Agenda', 'MonthAgenda', 'Year', 'TimelineYear'].indexOf(this.currentView) === -1) {
-                    templateNames = [];
-                    for (let i = 0, len = this.crudModule.crudObj.sourceEvent.length; i < len; i++) {
-                        templateNames.push('eventTemplate_' + this.crudModule.crudObj.sourceEvent[i].groupIndex);
-                        if (this.crudModule.crudObj.targetEvent[i] && this.crudModule.crudObj.sourceEvent[i].groupIndex !==
-                            this.crudModule.crudObj.targetEvent[i].groupIndex) {
-                            templateNames.push('eventTemplate_' + this.crudModule.crudObj.targetEvent[i].groupIndex);
-                        }
-                    }
-                }
-                this.resetTemplates(templateNames);
+            if (this.uiStateValues) {
+                this.uiStateValues.isPreventTimezone = true;
+            }
+            if (this.crudModule) {
+                this.crudModule.refreshProcessedData();
+            }
+            if (this.uiStateValues) {
+                this.uiStateValues.isPreventTimezone = false;
             }
-            const eventsData = this.eventsData || [];
-            const blockData = this.blockData || [];
-            const data = eventsData.concat(blockData);
-            this.notify(dataReady, { processedData: this.eventBase ? this.eventBase.processData(data) : [] });
         }
     }
     /**
@@ -23228,6 +23258,14 @@ class Year extends ViewBase {
             EventHandler.add(element, 'scroll', this.onContentScroll, this);
         }
     }
+    scrollToDate(scrollDate) {
+        const date = +new Date(resetTime(scrollDate));
+        let element = this.element.querySelector('.' + WORK_CELLS_CLASS + ':not(.' + OTHERMONTH_CLASS + ')[data-date="' + date + '"]');
+        if (element) {
+            element = closest(element, '.e-month-calendar');
+            this.getContentAreaElement().scrollTop = element.offsetTop;
+        }
+    }
     destroy() {
         if (!this.parent || this.parent && this.parent.isDestroyed) {
             return;
@@ -24020,6 +24058,20 @@ class Agenda extends AgendaBase {
             contentArea.style.height = formatUnit(this.parent.element.offsetHeight - headerHeight);
         }
     }
+    scrollToDate(scrollDate) {
+        const date = new Date(+resetTime(scrollDate));
+        if (this.parent.activeViewOptions.allowVirtualScrolling) {
+            if (!this.parent.hideEmptyAgendaDays || this.parent.getEvents(date, addDays(date, 1), true).length > 0) {
+                this.parent.changeDate(date);
+            }
+        }
+        else {
+            const dateElement = this.element.querySelector('.' + AGENDA_CELLS_CLASS + '[data-date="' + date.getTime() + '"]');
+            if (dateElement) {
+                this.getContentAreaElement().scrollTop = dateElement.offsetTop;
+            }
+        }
+    }
     destroy() {
         if (!this.parent || this.parent && this.parent.isDestroyed) {
             return;
@@ -24339,9 +24391,12 @@ class TimelineViews extends VerticalView {
         if (scrollDate) {
             index = this.parent.getIndexOfDate(this.renderDates, resetTime(scrollDate));
             if (index >= 0) {
-                const timeString = hour.split(':');
-                if (timeString.length === 2) {
-                    date = new Date(scrollDate.setHours(parseInt(timeString[0], 10), parseInt(timeString[1], 10), 0));
+                date = scrollDate;
+                if (!isNullOrUndefined(hour)) {
+                    const timeString = hour.split(':');
+                    if (timeString.length === 2) {
+                        date = new Date(scrollDate.setHours(parseInt(timeString[0], 10), parseInt(timeString[1], 10), 0));
+                    }
                 }
             }
         }
@@ -24349,8 +24404,14 @@ class TimelineViews extends VerticalView {
         if (isNullOrUndefined(date)) {
             return;
         }
-        const scrollLeft = isNullOrUndefined(scrollDate) ? this.getLeftFromDateTime(null, date) :
-            this.getLeftFromDateTime([index], date);
+        let scrollLeft;
+        if (isNullOrUndefined(hour) || !this.parent.activeViewOptions.timeScale.enable) {
+            scrollLeft = index * this.getWorkCellWidth();
+        }
+        else {
+            scrollLeft = isNullOrUndefined(scrollDate) ? this.getLeftFromDateTime(null, date) :
+                this.getLeftFromDateTime([index], date);
+        }
         this.getScrollableElement().scrollLeft = !this.parent.enableRtl ? scrollLeft : -scrollLeft;
     }
     generateColumnLevels() {
@@ -25107,13 +25168,25 @@ class TimelineYear extends Year {
         append(cellTemplate, td);
     }
     scrollToDate(scrollDate) {
-        if (this.parent.activeViewOptions.group.resources.length === 0) {
-            const date = +new Date(resetTime(scrollDate));
-            const element = this.element.querySelector('[data-date="' + date + '"]');
-            if (element) {
-                this.getScrollableElement().scrollLeft = element.offsetLeft;
-                this.getScrollableElement().scrollTop = element.offsetTop;
+        let date;
+        if (this.parent.activeViewOptions.group.resources !== null && this.parent.activeViewOptions.group.resources.length > 0 &&
+            !this.parent.uiStateValues.isGroupAdaptive) {
+            date = +new Date(resetTime(firstDateOfMonth(scrollDate)));
+        }
+        else {
+            date = +new Date(resetTime(scrollDate));
+        }
+        const element = this.element.querySelector('[data-date="' + date + '"]');
+        if (element) {
+            const wrap = this.getScrollableElement();
+            if (this.parent.enableRtl) {
+                const conTable = this.element.querySelector('.' + CONTENT_TABLE_CLASS);
+                wrap.scrollLeft = -(conTable.offsetWidth - element.offsetLeft - element.offsetWidth);
+            }
+            else {
+                wrap.scrollLeft = element.offsetLeft;
             }
+            wrap.scrollTop = element.offsetTop;
         }
     }
     getScrollableElement() {
@@ -25135,6 +25208,10 @@ class ICalendarExport {
         this.parent = parent;
     }
     initializeCalendarExport(fileName, customData) {
+        const icsString = this.getCalendarString(fileName, customData);
+        this.download(icsString, fileName);
+    }
+    getCalendarString(fileName, customData) {
         let eventsData = (customData) ? customData :
             extend([], this.parent.eventsData, null, true);
         eventsData = this.parent.eventBase.sortByTime(eventsData);
@@ -25144,7 +25221,7 @@ class ICalendarExport {
         const timeZone = this.parent.timezone || this.parent.tzModule.getLocalTimezoneName();
         const fields = this.parent.eventFields;
         eventsData.forEach((eventObj) => {
-            let uId = this.parent.eventBase.generateGuid();
+            let uId = eventObj[fields.id] || eventObj.Guid || this.parent.eventBase.generateGuid();
             const editedExDate = [];
             if (eventObj[fields.recurrenceID]) {
                 const filter = this.filterEvents(filterCollection, fields.id, eventObj[fields.recurrenceID]);
@@ -25217,7 +25294,7 @@ class ICalendarExport {
             'X-WR-TIMEZONE:' + timeZone
         ].join(SEPARATOR);
         const icsString = iCalendar + SEPARATOR + iCalendarEvents.join(SEPARATOR) + SEPARATOR + 'END:VCALENDAR';
-        this.download(icsString, fileName);
+        return icsString;
     }
     customFieldFilter(eventObj, fields) {
         const defaultFields = Object.keys(fields).map((key) => fields[key]);
@@ -25343,8 +25420,16 @@ class ICalendarImport {
                             break;
                         case 'UID':
                             curEvent[uId] = value;
-                            curEvent[fields.id] = typeof (id) === 'string' ? id + count.toString() : id + count;
-                            count++;
+                            if (typeof (id) == 'number') {
+                                curEvent[fields.id] = parseInt(value, 10);
+                                if (isNaN(curEvent[fields.id])) {
+                                    curEvent[fields.id] = id + count;
+                                    count++;
+                                }
+                            }
+                            else {
+                                curEvent[fields.id] = value;
+                            }
                             break;
                         case 'SUMMARY':
                             curEvent[fields.subject] = value;
@@ -25380,6 +25465,10 @@ class ICalendarImport {
         const appoint = [];
         const uId = 'UID';
         const fields = this.parent.eventFields;
+        let appointmentIds = [];
+        this.parent.eventsData.forEach((eventObj) => {
+            appointmentIds.push(eventObj[fields.id]);
+        });
         app.forEach((eventObj) => {
             let parentObj;
             let id;
@@ -25388,24 +25477,26 @@ class ICalendarImport {
                 parentObj = eventObj;
                 id = eventObj[fields.id];
             }
-            const data = app.filter((data) => data.UID === eventObj[uId]);
-            if (data.length > 1 && isNullOrUndefined(eventObj[fields.recurrenceID])) {
-                for (let i = 0; i < data.length; i++) {
-                    // eslint-disable-next-line no-prototype-builtins
-                    if (data[i].hasOwnProperty(fields.recurrenceID)) {
-                        const exdate = data[i][fields.recurrenceID];
-                        data[i][fields.recurrenceID] = id;
-                        data[i][fields.recurrenceException] = null;
-                        parentObj[fields.recurrenceException] = (isNullOrUndefined(parentObj[fields.recurrenceException])) ?
-                            exdate : parentObj[fields.recurrenceException] + ',' + exdate;
-                        appoint.push(data[i]);
+            if (appointmentIds.indexOf(eventObj[fields.id]) < 0) {
+                const data = app.filter((data) => data.UID === eventObj[uId]);
+                if (data.length > 1 && isNullOrUndefined(eventObj[fields.recurrenceID])) {
+                    for (let i = 0; i < data.length; i++) {
+                        // eslint-disable-next-line no-prototype-builtins
+                        if (data[i].hasOwnProperty(fields.recurrenceID)) {
+                            const exdate = data[i][fields.recurrenceID];
+                            data[i][fields.recurrenceID] = id;
+                            data[i][fields.recurrenceException] = null;
+                            parentObj[fields.recurrenceException] = (isNullOrUndefined(parentObj[fields.recurrenceException])) ?
+                                exdate : parentObj[fields.recurrenceException] + ',' + exdate;
+                            appoint.push(data[i]);
+                        }
                     }
+                    appoint.push(parentObj);
+                    // eslint-disable-next-line no-prototype-builtins
+                }
+                else if (!eventObj.hasOwnProperty(fields.recurrenceID)) {
+                    appoint.push(eventObj);
                 }
-                appoint.push(parentObj);
-                // eslint-disable-next-line no-prototype-builtins
-            }
-            else if (!eventObj.hasOwnProperty(fields.recurrenceID)) {
-                appoint.push(eventObj);
             }
         });
         return appoint;