@syncfusion/ej2-schedule 21.1.41 → 21.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.1.41
+*  version : 21.2.4
 *  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.39",
+  "_id": "@syncfusion/ej2-schedule@21.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-QCuW7EJLOWM4mzsfa7H6Y3GFtwpxmm/hoS9Zh7AM9yaczBZGfo1fVoMa1BX9kj/GvnVKd1dQKg4bww2ljX7wng==",
+  "_integrity": "sha512-iBQZrY80nX2tK6NN+/2FzLObcxL0QT+lykvtOE/FXSmTSvAaotT1s0xrP9moLkrA1oLJVTzavM327S43XI2oEA==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-vue-schedule"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-21.1.39.tgz",
-  "_shasum": "48df2b6ebc4f2cfc54708f2e049cf7b0add5e953",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-21.2.3.tgz",
+  "_shasum": "c6a62a12ee170e5e23a379e118d441e53850832c",
   "_spec": "@syncfusion/ej2-schedule@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -35,16 +35,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.1.40",
-    "@syncfusion/ej2-buttons": "~21.1.37",
-    "@syncfusion/ej2-calendars": "~21.1.41",
-    "@syncfusion/ej2-data": "~21.1.38",
-    "@syncfusion/ej2-dropdowns": "~21.1.41",
-    "@syncfusion/ej2-excel-export": "~21.1.37",
-    "@syncfusion/ej2-inputs": "~21.1.39",
-    "@syncfusion/ej2-lists": "~21.1.41",
-    "@syncfusion/ej2-navigations": "~21.1.39",
-    "@syncfusion/ej2-popups": "~21.1.41"
+    "@syncfusion/ej2-base": "~21.2.3",
+    "@syncfusion/ej2-buttons": "~21.2.3",
+    "@syncfusion/ej2-calendars": "~21.2.4",
+    "@syncfusion/ej2-data": "~21.2.4",
+    "@syncfusion/ej2-dropdowns": "~21.2.4",
+    "@syncfusion/ej2-excel-export": "~21.2.4",
+    "@syncfusion/ej2-inputs": "~21.2.4",
+    "@syncfusion/ej2-lists": "~21.2.3",
+    "@syncfusion/ej2-navigations": "~21.2.4",
+    "@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.",
@@ -73,6 +73,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "21.1.41",
+  "version": "21.2.4",
   "sideEffects": false
 }

package/src/schedule/actions/action-base.js

@@ -333,6 +333,9 @@ var ActionBase = /** @class */ (function () {
     };
     ActionBase.prototype.dynamicYearlyEventsRendering = function (event, isResize) {
         if (isResize === void 0) { isResize = false; }
+        if (!isNullOrUndefined(this.parent.eventDragArea)) {
+            return;
+        }
         var appWidth = this.actionObj.cellWidth - 7;
         if (isResize && (this.resizeEdges.left || this.resizeEdges.right)) {
             appWidth = this.actionObj.cellWidth * event.count;
@@ -404,6 +407,9 @@ var ActionBase = /** @class */ (function () {
     };
     ActionBase.prototype.dynamicEventsRendering = function (event) {
         var _this = this;
+        if (!isNullOrUndefined(this.parent.eventDragArea)) {
+            return;
+        }
         var dateRender = this.parent.activeView.renderDates;
         var workCells = [].slice.call(this.parent.element.querySelectorAll('.' + cls.WORK_CELLS_CLASS));
         var workDays = this.parent.activeViewOptions.workDays;
@@ -440,7 +446,7 @@ var ActionBase = /** @class */ (function () {
             this.monthEvent.applyResourceColor(appointmentElement, event_1, 'backgroundColor', groupOrder);
             setStyleAttribute(appointmentElement, { 'width': appWidth + 'px', 'border': '0px', 'pointer-events': 'none' });
             var cellTd = workCells[parseInt(day.toString(), 10)];
-            if (cellTd && isNullOrUndefined(this.parent.eventDragArea)) {
+            if (cellTd) {
                 this.monthEvent.renderElement(cellTd, appointmentElement, true);
                 this.actionObj.cloneElement.push(appointmentElement);
             }

package/src/schedule/actions/drag.js

@@ -965,10 +965,12 @@ var DragAndDrop = /** @class */ (function (_super) {
             }
         }
         var event = this.getUpdatedEvent(this.actionObj.start, this.actionObj.end, this.actionObj.event);
-        var eventWrappers = [].slice.call(this.parent.element.querySelectorAll('.' + cls.CLONE_ELEMENT_CLASS));
-        for (var _i = 0, eventWrappers_1 = eventWrappers; _i < eventWrappers_1.length; _i++) {
-            var wrapper = eventWrappers_1[_i];
-            remove(wrapper);
+        if (isNullOrUndefined(this.parent.eventDragArea)) {
+            var eventWrappers = [].slice.call(this.parent.element.querySelectorAll('.' + cls.CLONE_ELEMENT_CLASS));
+            for (var _i = 0, eventWrappers_1 = eventWrappers; _i < eventWrappers_1.length; _i++) {
+                var wrapper = eventWrappers_1[_i];
+                remove(wrapper);
+            }
         }
         if (this.multiData && this.multiData.length > 0) {
             var startTime = util.resetTime(new Date(event[this.parent.eventFields.startTime]));
@@ -1068,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/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/renderer/renderer.js

@@ -91,7 +91,7 @@ var Render = /** @class */ (function () {
             this.parent.virtualScrollModule.destroy();
             this.parent.virtualScrollModule = null;
         }
-        if ((['Agenda', 'Year'].indexOf(this.parent.currentView) === -1 ||
+        if ((['Agenda', 'MonthAgenda', 'Year', 'TimelineYear'].indexOf(this.parent.currentView) === -1 ||
             (this.parent.currentView === 'TimelineYear' && this.parent.activeViewOptions.orientation === 'Vertical'))
             && this.parent.activeViewOptions.allowVirtualScrolling
             && this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {