@syncfusion/ej2-schedule 21.2.3 → 21.2.5

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.2.3
+*  version : 21.2.5
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-schedule@*",
-  "_id": "@syncfusion/ej2-schedule@21.1.41",
+  "_id": "@syncfusion/ej2-schedule@21.2.4",
   "_inBundle": false,
-  "_integrity": "sha512-3TzRE+vjuSqMo3rnt+t+iu5n2GtQPJ5H40YcVuZInxT3NkV7CmlY4wyIxw1oTF/bWCqiG9SQc9ShPxy9RkgkPg==",
+  "_integrity": "sha512-Cla0X2FzqLyZKXiuKq+zyVF1qZ8MX1VHc8jIYvkdtNbDHzwrS4e2YSpelZ5xoyWR2svYhZoOSZNL1Wu5f7bM2A==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -18,10 +18,13 @@
   },
   "_requiredBy": [
     "/",
-    "/@syncfusion/ej2"
+    "/@syncfusion/ej2",
+    "/@syncfusion/ej2-angular-schedule",
+    "/@syncfusion/ej2-react-schedule",
+    "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-21.1.41.tgz",
-  "_shasum": "50faf8c7a5144da5b93b743315134014912cc5d4",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-21.2.4.tgz",
+  "_shasum": "e7dcded313247a3cf0ffa986dd88c88b2c931d36",
   "_spec": "@syncfusion/ej2-schedule@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -33,15 +36,15 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~21.2.3",
-    "@syncfusion/ej2-buttons": "~21.2.3",
-    "@syncfusion/ej2-calendars": "~21.2.3",
-    "@syncfusion/ej2-data": "~21.2.3",
-    "@syncfusion/ej2-dropdowns": "~21.2.3",
-    "@syncfusion/ej2-excel-export": "~21.2.3",
-    "@syncfusion/ej2-inputs": "~21.2.3",
+    "@syncfusion/ej2-buttons": "~21.2.5",
+    "@syncfusion/ej2-calendars": "~21.2.5",
+    "@syncfusion/ej2-data": "~21.2.4",
+    "@syncfusion/ej2-dropdowns": "~21.2.5",
+    "@syncfusion/ej2-excel-export": "~21.2.4",
+    "@syncfusion/ej2-inputs": "~21.2.4",
     "@syncfusion/ej2-lists": "~21.2.3",
-    "@syncfusion/ej2-navigations": "~21.2.3",
-    "@syncfusion/ej2-popups": "~21.2.3"
+    "@syncfusion/ej2-navigations": "~21.2.5",
+    "@syncfusion/ej2-popups": "~21.2.4"
   },
   "deprecated": false,
   "description": "Flexible scheduling library with more built-in features and enhanced customization options similar to outlook and google calendar, allowing the users to plan and manage their appointments with efficient data-binding support.",
@@ -70,6 +73,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "21.2.3",
+  "version": "21.2.5",
   "sideEffects": false
 }

package/src/schedule/actions/drag.js

@@ -1070,9 +1070,12 @@ var DragAndDrop = /** @class */ (function (_super) {
         }
         else {
             if (this.isCursorAhead || cursorDrag) {
-                eventStart.setMinutes(eventStart.getMinutes() +
-                    (this.isTimelineDayProcess ? MINUTES_PER_DAY : this.actionObj.slotInterval));
+                var minutes = this.isTimelineDayProcess ? MINUTES_PER_DAY : this.actionObj.slotInterval;
+                eventStart.setMinutes(eventStart.getMinutes() + minutes);
                 eventStart.setMilliseconds(-(eventDuration));
+                if (eventStart.getTime() === util.resetTime(eventStart).getTime() && eventStart.getMinutes() === 0 && eventDuration === 0) {
+                    eventStart.setMinutes(-minutes);
+                }
             }
             else {
                 eventStart.setMinutes(eventStart.getMinutes() -

package/src/schedule/event-renderer/inline-edit.js

@@ -112,7 +112,9 @@ var InlineEdit = /** @class */ (function () {
                     allDayElements[0].offsetHeight) - 1;
             }
             verticalEvent.allDayLevel = allDayLevel;
-            verticalEvent.renderAllDayEvents(saveObj, index, resIndex, daysCount, this.parent.allowInline);
+            var appHeight = util.getElementHeightFromClass(this.parent.element.querySelector('.' + cls.ALLDAY_APPOINTMENT_WRAPPER_CLASS), cls.APPOINTMENT_CLASS);
+            var cellTop = verticalEvent.allDayElement.length > 0 ? verticalEvent.allDayElement[0].offsetTop : 0;
+            verticalEvent.renderAllDayEvents(saveObj, index, resIndex, daysCount, this.parent.allowInline, cellTop, appHeight);
         }
         else {
             verticalEvent.renderNormalEvents(saveObj, index, resIndex, daysCount, this.parent.allowInline);

package/src/schedule/event-renderer/timeline-view.d.ts

@@ -25,6 +25,7 @@ export declare class TimelineEvent extends MonthEvent {
     renderEvents(event: Record<string, any>, resIndex: number, appointmentsList?: Record<string, any>[]): void;
     private renderTimelineMoreIndicator;
     updateCellHeight(cell: HTMLElement, height: number): void;
+    private adjustAppointments;
     private getFirstChild;
     updateBlockElements(): void;
     getStartTime(event: Record<string, any>, eventData: Record<string, any>): Date;

package/src/schedule/event-renderer/timeline-view.js

@@ -197,10 +197,21 @@ var TimelineEvent = /** @class */ (function (_super) {
                     'width': appWidth + 'px', 'left': appLeft + 'px', 'right': appRight + 'px', 'top': appTop + 'px'
                 });
                 this.wireAppointmentEvents(appointmentElement, event);
-                this.renderEventElement(event, appointmentElement, cellTd);
                 if (this.parent.rowAutoHeight) {
+                    var conWrap = this.parent.element.querySelector('.' + cls.CONTENT_WRAP_CLASS);
+                    var conWidth = conWrap.getBoundingClientRect().width;
+                    var isWithoutScroll = conWrap.offsetHeight === conWrap.clientHeight &&
+                        conWrap.offsetWidth === conWrap.clientWidth;
+                    this.renderEventElement(event, appointmentElement, cellTd);
                     var firstChild = this.getFirstChild(resIndex);
                     this.updateCellHeight(firstChild, height);
+                    if (isWithoutScroll &&
+                        (conWrap.offsetWidth > conWrap.clientWidth || conWidth !== conWrap.getBoundingClientRect().width)) {
+                        this.adjustAppointments(conWidth);
+                    }
+                }
+                else {
+                    this.renderEventElement(event, appointmentElement, cellTd);
                 }
             }
             else {
@@ -292,6 +303,22 @@ var TimelineEvent = /** @class */ (function (_super) {
             }
         }
     };
+    TimelineEvent.prototype.adjustAppointments = function (conWidth) {
+        var _this = this;
+        var tr = this.parent.element.querySelector('.' + cls.CONTENT_TABLE_CLASS + ' tbody tr');
+        this.cellWidth = this.workCells[0].getBoundingClientRect().width;
+        var currentPercentage = (this.cellWidth * tr.children.length) / (conWidth / 100);
+        var apps = [].slice.call(this.parent.element.querySelectorAll('.' + cls.APPOINTMENT_CLASS));
+        apps.forEach(function (app) {
+            if (_this.parent.enableRtl && app.style.right !== '0px') {
+                app.style.right = ((parseFloat(app.style.right) / 100) * currentPercentage) + 'px';
+            }
+            else if (app.style.left !== '0px') {
+                app.style.left = ((parseFloat(app.style.left) / 100) * currentPercentage) + 'px';
+            }
+            app.style.width = ((parseFloat(app.style.width) / 100) * currentPercentage) + 'px';
+        });
+    };
     TimelineEvent.prototype.getFirstChild = function (index) {
         var query = '.' + cls.CONTENT_TABLE_CLASS + ' tbody td';
         var groupIndex = '';

package/src/schedule/event-renderer/vertical-view.d.ts

@@ -40,7 +40,7 @@ export declare class VerticalEvent extends EventBase {
     private createMoreIndicator;
     isSpannedEvent(record: Record<string, any>, day: number, resource: number): Record<string, any>;
     private isWorkDayAvailable;
-    renderAllDayEvents(eventObj: Record<string, any>, dayIndex: number, resource: number, dayCount: number, inline?: boolean): void;
+    renderAllDayEvents(eventObj: Record<string, any>, dayIndex: number, resource: number, dayCount: number, inline: boolean, cellTop: number, eventHeight: number): void;
     renderNormalEvents(eventObj: Record<string, any>, dayIndex: number, resource: number, dayCount: number, inline?: boolean): void;
     private getEventWidth;
     private getEventLeft;

package/src/schedule/event-renderer/vertical-view.js

@@ -96,6 +96,7 @@ var VerticalEvent = /** @class */ (function (_super) {
             removeClass(this.allDayElement, cls.ALLDAY_ROW_ANIMATE_CLASS);
             this.slots.push(this.parent.activeView.renderDates.map(function (date) { return +date; }));
             this.renderEvents('allDayEvents');
+            this.animation.animate(this.allDayElement[0]);
         }
         this.parent.notify(events.contentReady, {});
         addClass(this.allDayElement, cls.ALLDAY_ROW_ANIMATE_CLASS);
@@ -198,6 +199,8 @@ var VerticalEvent = /** @class */ (function (_super) {
         var resources = this.getResourceList();
         var dateCount = this.getStartCount();
         var isRender;
+        var appHeight = eventType === 'allDayEvents' ? util.getElementHeightFromClass(this.element.querySelector('.' + cls.ALLDAY_APPOINTMENT_WRAPPER_CLASS), cls.APPOINTMENT_CLASS) : 0;
+        var allDayRowTop = eventType === 'allDayEvents' && this.allDayElement.length > 0 ? this.allDayElement[0].offsetTop : 0;
         var _loop_1 = function (resource) {
             isRender = true;
             if (this_1.parent.crudModule && this_1.parent.crudModule.crudObj.isCrudAction && eventType !== 'allDayEvents'
@@ -224,7 +227,7 @@ var VerticalEvent = /** @class */ (function (_super) {
                             this_1.setValues(event_2, resource);
                         }
                         if (eventType === 'allDayEvents') {
-                            this_1.renderAllDayEvents(event_2, day, resource, dateCount);
+                            this_1.renderAllDayEvents(event_2, day, resource, dateCount, false, allDayRowTop, appHeight);
                         }
                         else {
                             if (this_1.isAllDayAppointment(event_2)) {
@@ -460,7 +463,8 @@ var VerticalEvent = /** @class */ (function (_super) {
         }
         return true;
     };
-    VerticalEvent.prototype.renderAllDayEvents = function (eventObj, dayIndex, resource, dayCount, inline) {
+    // eslint-disable-next-line max-len
+    VerticalEvent.prototype.renderAllDayEvents = function (eventObj, dayIndex, resource, dayCount, inline, cellTop, eventHeight) {
         var _this = this;
         var currentDates = this.getRenderedDates(this.dateRender[parseInt(resource.toString(), 10)]) ||
             this.dateRender[parseInt(resource.toString(), 10)];
@@ -469,8 +473,6 @@ var VerticalEvent = /** @class */ (function (_super) {
             currentDates = [this.dateRender[parseInt(resource.toString(), 10)][parseInt(dayIndex.toString(), 10)]];
         }
         var record = this.splitEvent(eventObj, currentDates)[0];
-        var allDayRowCell = this.element.querySelector('.' + cls.ALLDAY_CELLS_CLASS + ':first-child');
-        var cellTop = allDayRowCell.offsetTop;
         var eStart = new Date(record[this.parent.eventFields.startTime].getTime());
         var eEnd = new Date(record[this.parent.eventFields.endTime].getTime());
         var appWidth = 0;
@@ -523,8 +525,7 @@ var VerticalEvent = /** @class */ (function (_super) {
                 this.parent.trigger(events.eventRendered, args, function (eventArgs) {
                     if (!eventArgs.cancel) {
                         eventWrapper_1.appendChild(appointmentElement_1);
-                        var appHeight = appointmentElement_1.offsetHeight;
-                        topValue += (allDayIndex_1 === 0 ? cellTop : (cellTop + (allDayIndex_1 * appHeight))) + 1;
+                        topValue += (allDayIndex_1 === 0 ? cellTop : (cellTop + (allDayIndex_1 * eventHeight))) + 1;
                         setStyleAttribute(appointmentElement_1, { 'width': appWidth + '%', 'top': formatUnit(topValue) });
                         if (allDayIndex_1 > 1) {
                             _this.moreEvents.push(appointmentElement_1);
@@ -532,9 +533,9 @@ var VerticalEvent = /** @class */ (function (_super) {
                                 _this.createMoreIndicator(allDayRow_1, count, wIndex_1);
                             }
                         }
-                        allDayRowCell.setAttribute('data-count', _this.allDayLevel.toString());
+                        _this.allDayElement[0].setAttribute('data-count', _this.allDayLevel.toString());
                         var allDayRowHeight = ((!_this.parent.uiStateValues.expand && _this.allDayLevel > 2) ?
-                            (3 * appHeight) : ((_this.allDayLevel + 1) * appHeight)) + 4;
+                            (3 * eventHeight) : ((_this.allDayLevel + 1) * eventHeight)) + 4;
                         _this.setAllDayRowHeight(allDayRowHeight);
                         _this.addOrRemoveClass();
                         _this.wireAppointmentEvents(appointmentElement_1, eventObj);
@@ -764,14 +765,12 @@ var VerticalEvent = /** @class */ (function (_super) {
             this.parent.eventBase.allDayExpandScroll(dateHeader);
         }
         else {
-            dateHeader.scrollTop = 0;
             for (var _i = 0, _a = this.allDayElement; _i < _a.length; _i++) {
                 var element = _a[_i];
                 element.style.height = (height / 12) + 'em';
             }
             removeClass([dateHeader], cls.ALLDAY_APPOINTMENT_SCROLL);
         }
-        this.animation.animate(this.allDayElement[0]);
     };
     VerticalEvent.prototype.addOrRemoveClass = function () {
         var _this = this;
@@ -831,8 +830,10 @@ var VerticalEvent = /** @class */ (function (_super) {
             target.setAttribute('title', this.parent.localeObj.getConstant('expandAllDaySection'));
             target.setAttribute('aria-label', 'Expand section');
             rowHeight = (3 * this.getEventHeight()) + 4;
+            this.parent.element.querySelector('.' + cls.DATE_HEADER_WRAP_CLASS).scrollTop = 0;
         }
         this.setAllDayRowHeight(rowHeight);
+        this.animation.animate(this.allDayElement[0]);
         this.addOrRemoveClass();
         this.animation.animate(target);
     };