@syncfusion/ej2-schedule 21.1.39 → 21.2.3

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.1.39
+*  version : 21.2.3
 *  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.38",
+  "_id": "@syncfusion/ej2-schedule@21.1.41",
   "_inBundle": false,
-  "_integrity": "sha512-jPAJzAQE5jigxLxQ332/yTx/gSPQ+ULU57cvZt74shmRjK75My/O+tBI2RDHhf2gZWqA60Skm+1BP9C6Auiaug==",
+  "_integrity": "sha512-3TzRE+vjuSqMo3rnt+t+iu5n2GtQPJ5H40YcVuZInxT3NkV7CmlY4wyIxw1oTF/bWCqiG9SQc9ShPxy9RkgkPg==",
   "_location": "/@syncfusion/ej2-schedule",
   "_phantomChildren": {},
   "_requested": {
@@ -18,13 +18,10 @@
   },
   "_requiredBy": [
     "/",
-    "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-schedule",
-    "/@syncfusion/ej2-react-schedule",
-    "/@syncfusion/ej2-vue-schedule"
+    "/@syncfusion/ej2"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-21.1.38.tgz",
-  "_shasum": "749859087a3dbcf2959367298d72399caef697fc",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-schedule/-/ej2-schedule-21.1.41.tgz",
+  "_shasum": "50faf8c7a5144da5b93b743315134014912cc5d4",
   "_spec": "@syncfusion/ej2-schedule@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -35,16 +32,16 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.1.39",
-    "@syncfusion/ej2-buttons": "~21.1.37",
-    "@syncfusion/ej2-calendars": "~21.1.38",
-    "@syncfusion/ej2-data": "~21.1.38",
-    "@syncfusion/ej2-dropdowns": "~21.1.39",
-    "@syncfusion/ej2-excel-export": "~21.1.37",
-    "@syncfusion/ej2-inputs": "~21.1.39",
-    "@syncfusion/ej2-lists": "~21.1.39",
-    "@syncfusion/ej2-navigations": "~21.1.39",
-    "@syncfusion/ej2-popups": "~21.1.37"
+    "@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-lists": "~21.2.3",
+    "@syncfusion/ej2-navigations": "~21.2.3",
+    "@syncfusion/ej2-popups": "~21.2.3"
   },
   "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 +70,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "21.1.39",
+  "version": "21.2.3",
   "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]));

package/src/schedule/base/resource.js

@@ -432,7 +432,7 @@ var ResourceBase = /** @class */ (function () {
                 return resData[resourceLevel.idField] === resource.groupOrder[parseInt(i.toString(), 10)];
             });
             var resourceName = createElement('div', { className: cls.RESOURCE_NAME });
-            resourceName.innerText = this_2.parent.sanitize(resourceText[0][resourceLevel.textField]);
+            this_2.parent.sanitize(resourceText[0][resourceLevel.textField], resourceName);
             headerCollection.push(resourceName);
             var levelIcon = createElement('div', { className: 'e-icons e-icon-next' });
             headerCollection.push(levelIcon);

package/src/schedule/base/schedule.d.ts

@@ -911,13 +911,14 @@ export declare class Schedule extends Component<HTMLElement> implements INotifyP
      */
     resetTemplates(templates?: string[]): void;
     /**
-     * Method to sanitize any suspected untrusted strings and scripts before rendering them.
+     * This method renders untrusted strings and scripts securely by sanitizing them first.
      *
      * @param {string} value - A string value representing the HTML string value to be sanitized.
-     * @returns {string} A sanitized Html string.
+     * @param {HTMLElement} element - An HTML element to which the sanitized or unsanitized HTML string will be assigned.
+     * @returns {void}
      * @private
      */
-    sanitize(value: string): string;
+    sanitize(value: string, element: HTMLElement): void;
     private initializeResources;
     /**
      * Method to render the layout elements

package/src/schedule/base/schedule.js

@@ -160,17 +160,20 @@ var Schedule = /** @class */ (function (_super) {
         }
     };
     /**
-     * Method to sanitize any suspected untrusted strings and scripts before rendering them.
+     * This method renders untrusted strings and scripts securely by sanitizing them first.
      *
      * @param {string} value - A string value representing the HTML string value to be sanitized.
-     * @returns {string} A sanitized Html string.
+     * @param {HTMLElement} element - An HTML element to which the sanitized or unsanitized HTML string will be assigned.
+     * @returns {void}
      * @private
      */
-    Schedule.prototype.sanitize = function (value) {
+    Schedule.prototype.sanitize = function (value, element) {
         if (this.enableHtmlSanitizer) {
-            return SanitizeHtmlHelper.sanitize(value);
+            element.innerText = SanitizeHtmlHelper.sanitize(value);
+        }
+        else {
+            element.innerHTML = value;
         }
-        return value;
     };
     Schedule.prototype.initializeResources = function (isSetModel) {
         if (isSetModel === void 0) { isSetModel = false; }

package/src/schedule/event-renderer/agenda-base.js

@@ -111,11 +111,11 @@ var AgendaBase = /** @class */ (function (_super) {
             eventSubject += ',';
         }
         var appSubjectText = createElement('div', { className: cls.SUBJECT_CLASS });
-        appSubjectText.innerText = this.parent.sanitize(eventSubject);
+        this.parent.sanitize(eventSubject, appSubjectText);
         appSubjectWrap.appendChild(appSubjectText);
         if (!isNullOrUndefined(eventLocation) && eventLocation !== '') {
             var appLocation = createElement('div', { className: cls.LOCATION_CLASS });
-            appLocation.innerText = this.parent.sanitize(eventLocation);
+            this.parent.sanitize(eventLocation, appLocation);
             appSubjectWrap.appendChild(appLocation);
         }
         if (!isNullOrUndefined(event[fieldMapping.recurrenceRule])) {

package/src/schedule/event-renderer/event-base.js

@@ -1118,7 +1118,7 @@ var EventBase = /** @class */ (function () {
         }
         else {
             var appointmentSubject = createElement('div', { className: cls.SUBJECT_CLASS });
-            appointmentSubject.innerText = this.parent.sanitize(eventSubject);
+            this.parent.sanitize(eventSubject, appointmentSubject);
             templateElement = [appointmentSubject];
         }
         append(templateElement, appointmentWrapper);

package/src/schedule/event-renderer/month.js

@@ -410,7 +410,7 @@ var MonthEvent = /** @class */ (function (_super) {
         else {
             var eventLocation = (record[this.fields.location] || this.parent.eventSettings.fields.location.default || '');
             var appointmentSubject = createElement('div', { className: cls.SUBJECT_CLASS });
-            appointmentSubject.innerText = this.parent.sanitize((eventSubject + (eventLocation ? '; ' + eventLocation : '')));
+            this.parent.sanitize((eventSubject + (eventLocation ? '; ' + eventLocation : '')), appointmentSubject);
             var appointmentStartTime = createElement('div', {
                 className: cls.APPOINTMENT_TIME + (this.parent.isAdaptive ? ' ' + cls.DISABLE_CLASS : ''),
                 innerHTML: this.parent.getTimeString(eventData[this.fields.startTime])
@@ -454,7 +454,7 @@ var MonthEvent = /** @class */ (function (_super) {
                         className: cls.APPOINTMENT_TIME + (this.parent.isAdaptive ? ' ' + cls.DISABLE_CLASS : ''), innerHTML: timeString
                     });
                     var appLocation = createElement('div', { className: cls.LOCATION_CLASS });
-                    appLocation.innerText = this.parent.sanitize(eventLocation);
+                    this.parent.sanitize(eventLocation, appLocation);
                     innerElement = [appointmentSubject, appTime, appLocation];
                 }
                 var wrap = createElement('div', { className: 'e-inner-wrap' });

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

@@ -345,7 +345,7 @@ var VerticalEvent = /** @class */ (function (_super) {
         }
         else {
             var appointmentSubject = createElement('div', { className: cls.SUBJECT_CLASS });
-            appointmentSubject.innerText = this.parent.sanitize(recordSubject);
+            this.parent.sanitize(recordSubject, appointmentSubject);
             if (isAllDay) {
                 if (record[fieldMapping.isAllDay]) {
                     templateElement = [appointmentSubject];
@@ -378,7 +378,7 @@ var VerticalEvent = /** @class */ (function (_super) {
                     innerHTML: timeStr
                 });
                 var appointmentLocation = createElement('div', { className: cls.LOCATION_CLASS });
-                appointmentLocation.innerText = this.parent.sanitize((record[fieldMapping.location] || this.parent.eventSettings.fields.location.default || ''));
+                this.parent.sanitize((record[fieldMapping.location] || this.parent.eventSettings.fields.location.default || ''), appointmentLocation);
                 templateElement = [appointmentSubject, appointmentTime, appointmentLocation];
             }
         }

package/src/schedule/popups/event-window.js

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { createElement, isNullOrUndefined, addClass, remove, EventHandler, extend, append, detach } from '@syncfusion/ej2-base';
-import { cldrData, removeClass, getValue, getDefaultDateObject, closest } from '@syncfusion/ej2-base';
+import { cldrData, removeClass, getValue, getDefaultDateObject, closest, SanitizeHtmlHelper } from '@syncfusion/ej2-base';
 import { Query, Deferred } from '@syncfusion/ej2-data';
 import { CheckBox, Button } from '@syncfusion/ej2-buttons';
 import { Dialog } from '@syncfusion/ej2-popups';
@@ -262,6 +262,7 @@ var EventWindow = /** @class */ (function () {
                     var element = formElements_1[_i];
                     remove(element);
                 }
+                this.parent.resetTemplates(['editorTemplate']);
             }
             var templateId = this.parent.element.id + '_editorTemplate';
             var tempEle = [].slice.call(this.parent.getEditorTemplate()(args || {}, this.parent, 'editorTemplate', templateId, false));
@@ -836,10 +837,13 @@ var EventWindow = /** @class */ (function () {
         }
     };
     EventWindow.prototype.applyFormValidation = function () {
+        var form = this.element.querySelector('.' + cls.FORM_CLASS);
+        if (!form) {
+            return;
+        }
         var getValidationRule = function (rules) {
             return (rules && Object.keys(rules).length > 0) ? rules : undefined;
         };
-        var form = this.element.querySelector('.' + cls.FORM_CLASS);
         var rules = {};
         var subjectRule = getValidationRule(this.parent.eventSettings.fields.subject.validation);
         if (!isNullOrUndefined(subjectRule)) {
@@ -1670,7 +1674,8 @@ var EventWindow = /** @class */ (function () {
                 value = element.checked;
             }
             else {
-                value = this.parent.sanitize(element.value);
+                value = this.parent.enableHtmlSanitizer ?
+                    SanitizeHtmlHelper.sanitize(element.value) : element.value;
             }
         }
         return value;
@@ -1815,6 +1820,9 @@ var EventWindow = /** @class */ (function () {
             else if (element.classList.contains('e-multiselect')) {
                 instance = element.ej2_instances;
             }
+            else if (element.classList.contains('e-numerictextbox')) {
+                instance = element.ej2_instances;
+            }
             if (instance && instance[0]) {
                 instance[0].destroy();
             }

package/src/schedule/popups/quick-popups.js

@@ -332,7 +332,7 @@ var QuickPopups = /** @class */ (function () {
                 }
                 else {
                     appointmentElement.appendChild(createElement('div', { className: cls.SUBJECT_CLASS }));
-                    appointmentElement.firstElementChild.innerText = this_1.parent.sanitize(eventText);
+                    this_1.parent.sanitize(eventText, appointmentElement.firstElementChild);
                 }
                 if (!isNullOrUndefined(groupIndex)) {
                     appointmentElement.setAttribute('data-group-index', groupIndex);
@@ -592,7 +592,7 @@ var QuickPopups = /** @class */ (function () {
             var templateWrapper = createElement('div', { innerHTML: header });
             if (headerType === 'Event') {
                 var subjectText = templateWrapper.querySelector('.' + cls.SUBJECT_CLASS);
-                subjectText.innerText = this.parent.sanitize(args.eventSubject);
+                this.parent.sanitize(args.eventSubject, subjectText);
             }
             append([].slice.call(templateWrapper.childNodes), headerTemplate);
         }
@@ -656,19 +656,19 @@ var QuickPopups = /** @class */ (function () {
             if (data[this.parent.eventFields.location]) {
                 var locationDetails = templateWrapper.querySelector('.' + cls.LOCATION_DETAILS_CLASS);
                 if (!isNullOrUndefined(locationDetails)) {
-                    locationDetails.innerText = this.parent.sanitize(data[this.parent.eventFields.location]);
+                    this.parent.sanitize(data[this.parent.eventFields.location], locationDetails);
                 }
             }
             if (data[this.parent.eventFields.description]) {
                 var descriptionDetails = templateWrapper.querySelector('.' + cls.DESCRIPTION_DETAILS_CLASS);
                 if (!isNullOrUndefined(descriptionDetails)) {
-                    descriptionDetails.innerText = this.parent.sanitize(data[this.parent.eventFields.description]);
+                    this.parent.sanitize(data[this.parent.eventFields.description], descriptionDetails);
                 }
             }
             if (resourceText) {
                 var resourceDetails = templateWrapper.querySelector('.' + cls.RESOURCE_DETAILS_CLASS);
                 if (!isNullOrUndefined(resourceDetails)) {
-                    resourceDetails.innerText = this.parent.sanitize(resourceText);
+                    this.parent.sanitize(resourceText, resourceDetails);
                 }
             }
             append([].slice.call(templateWrapper.childNodes), contentTemplate);

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) {

package/src/schedule/renderer/view-base.js

@@ -425,7 +425,7 @@ var ViewBase = /** @class */ (function () {
         }
         else {
             var resourceText = createElement('div', { className: className });
-            resourceText.innerText = this.parent.sanitize(tdData.resourceData[tdData.resource.textField]);
+            this.parent.sanitize(tdData.resourceData[tdData.resource.textField], resourceText);
             tdElement.appendChild(resourceText);
         }
     };