@syncfusion/ej2-schedule 31.1.21 → 31.2.2

package/dist/global/index.d.ts

@@ -1,7 +1,7 @@
 /*!
 *  filename: index.d.ts
-*  version : 31.1.21
-*  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
+*  version : 31.2.2
+*  Copyright Syncfusion Inc. 2001 - 2025. 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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@syncfusion/ej2-schedule",
-  "version": "31.1.21",
+  "version": "31.2.2",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
   "main": "./dist/ej2-schedule.umd.min.js",
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-schedule.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.1.20",
-    "@syncfusion/ej2-buttons": "~31.1.21",
-    "@syncfusion/ej2-calendars": "~31.1.21",
-    "@syncfusion/ej2-data": "~31.1.17",
-    "@syncfusion/ej2-dropdowns": "~31.1.20",
-    "@syncfusion/ej2-excel-export": "~31.1.17",
-    "@syncfusion/ej2-inputs": "~31.1.21",
-    "@syncfusion/ej2-lists": "~31.1.17",
-    "@syncfusion/ej2-navigations": "~31.1.20",
-    "@syncfusion/ej2-popups": "~31.1.20"
+    "@syncfusion/ej2-base": "~31.2.2",
+    "@syncfusion/ej2-buttons": "~31.2.2",
+    "@syncfusion/ej2-calendars": "~31.2.2",
+    "@syncfusion/ej2-data": "~31.2.2",
+    "@syncfusion/ej2-dropdowns": "~31.2.2",
+    "@syncfusion/ej2-excel-export": "~31.2.2",
+    "@syncfusion/ej2-inputs": "~31.2.2",
+    "@syncfusion/ej2-lists": "~31.2.2",
+    "@syncfusion/ej2-navigations": "~31.2.2",
+    "@syncfusion/ej2-popups": "~31.2.2"
   },
   "devDependencies": {},
   "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.",

package/src/schedule/actions/virtual-scroll.d.ts

@@ -45,6 +45,7 @@ export declare class VirtualScroll {
     private updateHorizontalContent;
     private updateMonthViewContent;
     private updateOtherViewContent;
+    private getIdentifier;
     private mergeNewTdData;
     private getBufferCollection;
     private setTranslate;

package/src/schedule/actions/virtual-scroll.js

@@ -88,7 +88,13 @@ var VirtualScroll = /** @class */ (function () {
     };
     VirtualScroll.prototype.setItemSize = function () {
         if (this.isHorizontalScroll) {
-            this.itemSize = util.getElementWidthFromClass(this.parent.activeView.element, cls.WORK_CELLS_CLASS, this.parent.uiStateValues.isTransformed) || this.itemSize;
+            if (this.parent.group.byDate) {
+                var colElement = this.parent.element.querySelector('.' + cls.DATE_HEADER_WRAP_CLASS + ' table col');
+                this.itemSize = colElement ? util.getElementWidth(colElement, this.parent.uiStateValues.isTransformed) : this.itemSize;
+            }
+            else {
+                this.itemSize = util.getElementWidthFromClass(this.parent.activeView.element, cls.WORK_CELLS_CLASS, this.parent.uiStateValues.isTransformed) || this.itemSize;
+            }
         }
         else {
             this.itemSize = this.parent.getElementHeightFromClass(this.parent.activeView.element, cls.WORK_CELLS_CLASS) || this.itemSize;
@@ -448,17 +454,19 @@ var VirtualScroll = /** @class */ (function () {
         append(contentRows, conWrap.querySelector('tbody'));
     };
     VirtualScroll.prototype.updateOtherViewContent = function (conWrap, resCollection, renderedRows) {
+        var _this = this;
         var tbody = conWrap.querySelector('tbody');
         var colGroup = conWrap.querySelector('colgroup');
         var thead = conWrap.querySelector('thead');
         var table = conWrap.querySelector('table');
         this.parent.activeView.colLevels[this.parent.activeView.colLevels.length - 1] = resCollection;
-        var newGroupIndices = new Set(resCollection.map(function (data) { return data.groupIndex; }));
+        var newIndices = this.parent.activeViewOptions.group.byDate
+            ? new Set(resCollection.map(function (data) { return data.date.getTime(); }))
+            : new Set(resCollection.map(function (data) { return data.groupIndex; }));
         renderedRows.forEach(function (row) {
-            var tdElements = row.querySelectorAll('td');
+            var tdElements = Array.from(row.querySelectorAll('td'));
             tdElements.forEach(function (td) {
-                var groupIndex = parseInt(td.getAttribute('data-group-index'), 10);
-                if (!newGroupIndices.has(groupIndex)) {
+                if (!newIndices.has(_this.getIdentifier(td))) {
                     td.remove();
                 }
             });
@@ -480,7 +488,15 @@ var VirtualScroll = /** @class */ (function () {
         var contentRows = this.parent.activeView.getContentRows();
         this.mergeNewTdData(tbody, contentRows);
     };
+    VirtualScroll.prototype.getIdentifier = function (td) {
+        if (this.parent.activeViewOptions.group.byDate) {
+            var date = new Date(parseInt(td.getAttribute('data-date'), 10));
+            return util.resetTime(date).getTime();
+        }
+        return parseInt(td.getAttribute('data-group-index'), 10);
+    };
     VirtualScroll.prototype.mergeNewTdData = function (tbody, contentRows) {
+        var _this = this;
         var existingRows = Array.from(tbody.querySelectorAll('tr'));
         existingRows.forEach(function (existingRow, rowIndex) {
             if (rowIndex < contentRows.length) {
@@ -488,12 +504,10 @@ var VirtualScroll = /** @class */ (function () {
                 var existingTds_1 = Array.from(existingRow.querySelectorAll('td'));
                 var newTds = Array.from(newRow.querySelectorAll('td'));
                 newTds.forEach(function (newTd) {
-                    var newGroupIndex = parseInt(newTd.getAttribute('data-group-index').toString(), 10);
                     var inserted = false;
                     for (var _i = 0, existingTds_2 = existingTds_1; _i < existingTds_2.length; _i++) {
                         var existingTd = existingTds_2[_i];
-                        var existingGroupIndex = parseInt(existingTd.getAttribute('data-group-index').toString(), 10);
-                        if (newGroupIndex < existingGroupIndex) {
+                        if (_this.getIdentifier(newTd) < _this.getIdentifier(existingTd)) {
                             existingRow.insertBefore(newTd, existingTd);
                             inserted = true;
                             break;

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

@@ -965,8 +965,11 @@ var EventBase = /** @class */ (function () {
         })[0];
     };
     EventBase.prototype.generateGuid = function () {
+        var randomNumbers = new Uint8Array(32);
+        window.crypto.getRandomValues(randomNumbers);
+        var index = 0;
         return 'xyxxxxyx-xxxy-yxxx-xyxx-xxyxxxxyyxxx'.replace(/[xy]/g, function (c) {
-            var r = Math.random() * 16 | 0;
+            var r = randomNumbers[index++] & 0xf;
             var v = (c === 'x') ? r : (r & 0x3 | 0x8);
             return v.toString(16);
         });

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

@@ -616,7 +616,8 @@ var YearEvent = /** @class */ (function (_super) {
             var app = appointments_1[_i];
             var appStart = new Date(app[this.fields.startTime].getTime());
             var appEnd = new Date(app[this.fields.endTime].getTime());
-            var timeCondition = app[this.fields.isAllDay] ? util.resetTime(appEnd).getTime() > dateStart :
+            var timeCondition = app[this.fields.isAllDay] ? (util.resetTime(appEnd).getTime() > dateStart ||
+                (util.resetTime(appEnd).getTime() === dateStart && appEnd.getTime() !== util.resetTime(appEnd).getTime())) :
                 util.resetTime(appEnd).getTime() >= dateStart;
             if (((util.resetTime(appStart).getTime() <= dateStart) && (timeCondition)) ||
                 (util.resetTime(appStart).getTime() >= dateStart) && (util.resetTime(appEnd).getTime() <= dateEnd)) {

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

@@ -76,6 +76,7 @@ var EventTooltip = /** @class */ (function () {
         }
         var record = this.parent.eventBase.getEventByGuid(args.target.getAttribute('data-guid'));
         if (isNullOrUndefined(record)) {
+            this.setContent('No Title');
             return;
         }
         if (!isNullOrUndefined(this.parent.eventSettings.tooltipTemplate)) {

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

@@ -690,16 +690,18 @@ var VerticalView = /** @class */ (function (_super) {
         var rows = [];
         var tr = createElement('tr');
         var td = createElement('td');
-        var existingGroupIndices = this.getGroupIndices();
+        var existingIndices = [];
+        if (this.parent.virtualScrollModule && this.parent.activeViewOptions.group.resources.length > 0) {
+            existingIndices = this.parent.activeViewOptions.group.byDate ? this.getRenderedDate() : this.getGroupIndices();
+        }
         var handler = function (r) {
             var ntr = tr.cloneNode();
             for (var _i = 0, _a = _this.colLevels[_this.colLevels.length - 1]; _i < _a.length; _i++) {
                 var tdData = _a[_i];
                 var isAllowTdCreation = true;
                 if (_this.parent.virtualScrollModule && _this.parent.activeViewOptions.group.resources.length > 0) {
-                    if (existingGroupIndices.indexOf(tdData.groupIndex) > -1) {
-                        isAllowTdCreation = false;
-                    }
+                    var index = _this.parent.activeViewOptions.group.byDate ? tdData.date.getTime() : tdData.groupIndex;
+                    isAllowTdCreation = existingIndices.indexOf(index) < 0;
                 }
                 if (isAllowTdCreation) {
                     var ntd = _this.createContentTd(tdData, r, td);

package/src/schedule/renderer/view-base.d.ts

@@ -78,6 +78,8 @@ export declare class ViewBase {
     getViewEndDate(): Date;
     getAdjustedDate(startTime: Date): Date;
     resetColLevels(): void;
+    private getCollection;
     getGroupIndices(dataCollection?: TdData[]): number[];
+    getRenderedDate(dataCollection?: TdData[]): number[];
     destroy(): void;
 }

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

@@ -643,14 +643,26 @@ var ViewBase = /** @class */ (function () {
             this.parent.resourceBase.expandedResources = this.colLevels[this.colLevels.length - 1];
         }
     };
-    ViewBase.prototype.getGroupIndices = function (dataCollection) {
-        var groupIndices = [];
-        if (this.parent.virtualScrollModule && this.parent.activeViewOptions.group.resources.length > 0 && (dataCollection ||
-            this.parent.virtualScrollModule.existingDataCollection.length > 0) && !this.parent.uiStateValues.isGroupAdaptive) {
-            dataCollection = isNullOrUndefined(dataCollection) ? this.parent.virtualScrollModule.existingDataCollection : dataCollection;
-            groupIndices = dataCollection.map(function (data) { return data.groupIndex; });
+    ViewBase.prototype.getCollection = function (dataCollection) {
+        if (this.parent.virtualScrollModule && this.parent.activeViewOptions.group.resources.length > 0 &&
+            !this.parent.uiStateValues.isGroupAdaptive && (dataCollection ||
+            this.parent.virtualScrollModule.existingDataCollection.length > 0)) {
+            return isNullOrUndefined(dataCollection) ? this.parent.virtualScrollModule.existingDataCollection : dataCollection;
         }
-        return groupIndices;
+        return [];
+    };
+    ViewBase.prototype.getGroupIndices = function (dataCollection) {
+        return this.getCollection(dataCollection).map(function (data) { return data.groupIndex; });
+    };
+    ViewBase.prototype.getRenderedDate = function (dataCollection) {
+        var processedDates = [];
+        this.getCollection(dataCollection).forEach(function (tdData) {
+            var date = tdData.date.getTime();
+            if (processedDates.indexOf(date) === -1) {
+                processedDates.push(date);
+            }
+        });
+        return processedDates;
     };
     ViewBase.prototype.destroy = function () {
         if (this.element && this.element.parentNode) {