@syncfusion/ej2-gantt 22.1.34 → 22.1.37

package/dist/es6/ej2-gantt.es5.js

@@ -1535,6 +1535,7 @@ var DateProcessor = /** @__PURE__ @class */ (function () {
             setValue('minStartDate', minStartDate, editArgs);
             setValue('maxEndDate', maxEndDate, editArgs);
         }
+        this.parent['isProjectDateUpdated'] = true;
     };
     /**
      *
@@ -2108,7 +2109,7 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
                             endDate = this.getEndDate(startDate, duration, data.ganttProperties.durationUnit, data.ganttProperties, false);
                         }
                         else if (!taskSettings.duration && taskSettings.endDate) {
-                            endDate = (!isNullOrUndefined(data.ganttProperties.endDate)) && endDate.getTime() >
+                            endDate = (!isNullOrUndefined(data.ganttProperties.endDate)) && endDate.getTime() <
                                 data.ganttProperties.endDate.getTime() && i !== segments.length - 1 ? endDate : data.ganttProperties.endDate;
                             duration = this.getDuration(startDate, endDate, data.ganttProperties.durationUnit, data.ganttProperties.isAutoSchedule, data.ganttProperties.isMilestone);
                             if (ganttSegments.length > 0 && endDate.getTime() < startDate.getTime()
@@ -2752,38 +2753,59 @@ var TaskProcessor = /** @__PURE__ @class */ (function (_super) {
             modifiedsDate = new Date(modifiedsDate.getTime() + ganttData.duration * 60 * 60 * 1000);
         }
         if (ganttData && ganttData.durationUnit == 'minute') {
-            modifiedsDate = new Date(modifiedsDate.getTime() + ganttData.duration * 60 * 60 * 60 * 1000);
+            modifiedsDate = new Date(modifiedsDate.getTime() + ganttData.duration * 60 * 1000);
         }
         for (var i = 0; i < this.parent.dayWorkingTime.length; i++) {
             hour = hour + this.parent.dayWorkingTime[i].to - this.parent.dayWorkingTime[i].from;
         }
         var dateDiff = modifiedsDate.getTime() - sDate.getTime();
-        if (tierMode === 'Day') {
-            if ((Math.floor((dateDiff / (1000 * 60 * 60)) % 24) >= hour || dateDiff === 0)) {
-                isValid = true;
+        if (ganttData && ganttData.durationUnit == 'minute' && ganttData.duration < (hour * 60)) {
+            if (tierMode === 'Day') {
+                if ((Math.floor((dateDiff / (1000 * 60 * 60)) % 24) >= hour || dateDiff === 0)) {
+                    isValid = true;
+                }
+                if (this.getSecondsInDecimal(sDate) === this.parent.defaultStartTime && isValid) {
+                    sDate.setHours(0, 0, 0, 0);
+                }
+                if (this.getSecondsInDecimal(eDate) === this.parent.defaultEndTime) {
+                    eDate.setHours(24);
+                }
+                if (this.getSecondsInDecimal(eDate) === this.parent.defaultStartTime) {
+                    eDate.setHours(0, 0, 0, 0);
+                }
             }
-            if (this.getSecondsInDecimal(sDate) === this.parent.defaultStartTime && isValid) {
-                sDate.setHours(0, 0, 0, 0);
+            else {
+                isValid = true;
             }
-            if (this.getSecondsInDecimal(eDate) === this.parent.defaultEndTime) {
-                eDate.setHours(24);
+            if ((sDate).getTime() === (eDate).getTime()) {
+                return (this.parent.perDayWidth);
             }
-            if (this.getSecondsInDecimal(eDate) === this.parent.defaultStartTime) {
-                eDate.setHours(0, 0, 0, 0);
+            else {
+                if (isValid) {
+                    return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24)) * this.parent.perDayWidth);
+                }
+                else {
+                    return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * hour)) * this.parent.perDayWidth);
+                }
             }
         }
         else {
-            isValid = true;
-        }
-        if ((sDate).getTime() === (eDate).getTime()) {
-            return (this.parent.perDayWidth);
-        }
-        else {
-            if (isValid) {
-                return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24)) * this.parent.perDayWidth);
+            if (tierMode === 'Day') {
+                if (this.getSecondsInDecimal(sDate) === this.parent.defaultStartTime) {
+                    sDate.setHours(0, 0, 0, 0);
+                }
+                if (this.getSecondsInDecimal(eDate) === this.parent.defaultEndTime) {
+                    eDate.setHours(24);
+                }
+                if (this.getSecondsInDecimal(eDate) === this.parent.defaultStartTime) {
+                    eDate.setHours(0, 0, 0, 0);
+                }
+            }
+            if ((sDate).getTime() === (eDate).getTime()) {
+                return (this.parent.perDayWidth);
             }
             else {
-                return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * hour)) * this.parent.perDayWidth);
+                return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24)) * this.parent.perDayWidth);
             }
         }
     };
@@ -4514,9 +4536,9 @@ var GanttChart = /** @__PURE__ @class */ (function () {
                     }
                 }
             }
-            if (this.parent.enableCriticalPath) {
-                var crtiticalModule = this.parent.criticalPathModule;
-                this.parent.criticalPathModule.criticalConnectorLine(crtiticalModule.criticalPathCollection, crtiticalModule.detailPredecessorCollection, this.parent.enableCriticalPath, crtiticalModule.predecessorCollectionTaskIds);
+            var criticalModule = this.parent.criticalPathModule;
+            if (this.parent.enableCriticalPath && criticalModule && criticalModule.criticalPathCollection) {
+                this.parent.criticalPathModule.criticalConnectorLine(criticalModule.criticalPathCollection, criticalModule.detailPredecessorCollection, this.parent.enableCriticalPath, criticalModule.predecessorCollectionTaskIds);
             }
             if (this.parent.viewType === 'ResourceView' && this.parent.showOverAllocation) {
                 this.renderOverAllocationContainer();
@@ -5111,8 +5133,8 @@ var GanttChart = /** @__PURE__ @class */ (function () {
         this.parent.updatedConnectorLineCollection = [];
         this.parent.predecessorModule.createConnectorLinesCollection();
         this.parent.connectorLineModule.renderConnectorLines(this.parent.updatedConnectorLineCollection);
-        if (this.parent.enableCriticalPath && this.parent.criticalPathModule) {
-            var criticalModule = this.parent.criticalPathModule;
+        var criticalModule = this.parent.criticalPathModule;
+        if (this.parent.enableCriticalPath && criticalModule && criticalModule.criticalPathCollection) {
             criticalModule.criticalConnectorLine(criticalModule.criticalPathCollection, criticalModule.detailPredecessorCollection, true, criticalModule.predecessorCollectionTaskIds);
         }
     };
@@ -5953,6 +5975,9 @@ var Timeline = /** @__PURE__ @class */ (function () {
      */
     Timeline.prototype.processZooming = function (isZoomIn) {
         this.isZoomToFit = false;
+        if (!this.parent['isProjectDateUpdated']) {
+            this.parent.dateValidationModule.calculateProjectDates();
+        }
         if (!isNullOrUndefined(this.parent.zoomingProjectStartDate)) {
             this.parent.cloneProjectStartDate = this.parent.cloneProjectStartDate.getTime() < this.parent.zoomingProjectStartDate.getTime()
                 ? this.parent.cloneProjectStartDate : this.parent.zoomingProjectStartDate;
@@ -6071,10 +6096,10 @@ var Timeline = /** @__PURE__ @class */ (function () {
             this.parent.zoomingProjectStartDate = this.parent.cloneProjectStartDate;
             this.parent.zoomingProjectEndDate = this.parent.cloneProjectEndDate;
         }
-        this.parent.dataOperation.calculateProjectDates();
         if (this.parent.zoomingProjectStartDate > this.parent.cloneProjectStartDate) {
             this.parent.cloneProjectStartDate = new Date(this.parent.allowUnscheduledTasks ? this.parent.zoomingProjectStartDate : this.parent.cloneProjectStartDate);
         }
+        this.parent.dataOperation.calculateProjectDates();
         var timeDifference = (this.parent.cloneProjectEndDate.getTime() - this.parent.cloneProjectStartDate.getTime());
         var totalDays = (timeDifference / (1000 * 3600 * 24));
         var chartWidth = this.parent.ganttChartModule.chartElement.offsetWidth;
@@ -7523,6 +7548,9 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
         var root = 'root';
         this.parent.treeGrid[root] = this.parent[root] ? this.parent[root] : this.parent;
         this.parent.treeGrid.appendTo(this.treeGridElement);
+        if (this.parent.treeGrid.grid && this.parent.toolbarModule && this.parent.isReact) {
+            this.parent.treeGrid.grid.portals = this.parent.portals;
+        }
         this.wireEvents();
     };
     GanttTreeGrid.prototype.composeProperties = function () {
@@ -7964,7 +7992,9 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
                 this.parent.getDateFormat().toLowerCase().indexOf('hh') !== -1 ? 'datetimepickeredit' : 'datepickeredit';
             column.format = column.format ? column.format : { type: 'date', format: this.parent.getDateFormat() };
             column.width = column.width ? column.width : 150;
-            column.edit = { params: { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) } };
+            if (!column.edit || (column.edit && !column.edit.create)) {
+                column.edit = { params: { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) } };
+            }
         }
         else if (taskSettings.endDate === column.field) {
             if (this.parent.isLocaleChanged && previousColumn) {
@@ -7977,7 +8007,9 @@ var GanttTreeGrid = /** @__PURE__ @class */ (function () {
             column.editType = column.editType ? column.editType :
                 this.parent.getDateFormat().toLowerCase().indexOf('hh') !== -1 ? 'datetimepickeredit' : 'datepickeredit';
             column.width = column.width ? column.width : 150;
-            column.edit = { params: { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) } };
+            if (!column.edit || (column.edit && !column.edit.create)) {
+                column.edit = { params: { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) } };
+            }
         }
         else if (taskSettings.duration === column.field) {
             column.width = column.width ? column.width : 150;
@@ -9932,7 +9964,7 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
             if (this.taskLabelTemplateFunction) {
                 var parentTaskLabelNode = this.taskLabelTemplateFunction(extend({ index: i }, data), this.parent, 'TaskLabelTemplate', this.getTemplateID('TaskLabelTemplate'), false, undefined, progressBarInnerDiv[0]);
                 if (parentTaskLabelNode && parentTaskLabelNode.length > 0) {
-                    div.appendChild(parentTaskLabelNode[0]);
+                    append(parentTaskLabelNode, div);
                     labelString = div.innerHTML;
                 }
             }
@@ -10521,7 +10553,7 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
             if (this.parent.renderBaseline && this.templateData.ganttProperties.baselineStartDate &&
                 this.templateData.ganttProperties.baselineEndDate) {
                 taskBaselineTemplateNode = ((this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.baselineEndDate.getTime()) || ((!isNullOrUndefined(this.templateData.ganttProperties.baselineStartDate) && !isNullOrUndefined(this.templateData.ganttProperties.startDate) && (this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.startDate.getTime()))
-                    && (!isNullOrUndefined(this.templateData.ganttProperties.baselineEndDate) && !isNullOrUndefined(this.templateData.ganttProperties.endDate) && (this.templateData.ganttProperties.baselineEndDate.toLocaleDateString() === this.templateData.ganttProperties.endDate.toLocaleDateString())) &&
+                    && (!isNullOrUndefined(this.templateData.ganttProperties.baselineEndDate) && !isNullOrUndefined(this.templateData.ganttProperties.endDate) && (this.templateData.ganttProperties.baselineEndDate.getTime() === this.templateData.ganttProperties.endDate.getTime())) &&
                     this.templateData.ganttProperties.isMilestone))
                     ? this.getMilestoneBaselineNode() : this.getTaskBaselineNode();
             }
@@ -10534,7 +10566,7 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
             if (this.parent.renderBaseline && this.templateData.ganttProperties.baselineStartDate &&
                 this.templateData.ganttProperties.baselineEndDate) {
                 taskBaselineTemplateNode = ((this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.baselineEndDate.getTime()) || ((!isNullOrUndefined(this.templateData.ganttProperties.baselineStartDate) && !isNullOrUndefined(this.templateData.ganttProperties.startDate) && (this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.startDate.getTime()))
-                    && (!isNullOrUndefined(this.templateData.ganttProperties.baselineEndDate) && !isNullOrUndefined(this.templateData.ganttProperties.endDate) && (this.templateData.ganttProperties.baselineEndDate.toLocaleDateString() === this.templateData.ganttProperties.endDate.toLocaleDateString())) &&
+                    && (!isNullOrUndefined(this.templateData.ganttProperties.baselineEndDate) && !isNullOrUndefined(this.templateData.ganttProperties.endDate) && (this.templateData.ganttProperties.baselineEndDate.getTime() === this.templateData.ganttProperties.endDate.getTime())) &&
                     this.templateData.ganttProperties.isMilestone))
                     ? this.getMilestoneBaselineNode() : this.getTaskBaselineNode();
             }
@@ -10582,7 +10614,7 @@ var ChartRows = /** @__PURE__ @class */ (function (_super) {
             if (this.parent.renderBaseline && this.templateData.ganttProperties.baselineStartDate &&
                 this.templateData.ganttProperties.baselineEndDate) {
                 taskBaselineTemplateNode = ((this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.baselineEndDate.getTime()) || ((!isNullOrUndefined(this.templateData.ganttProperties.baselineStartDate) && !isNullOrUndefined(this.templateData.ganttProperties.startDate) && (this.templateData.ganttProperties.baselineStartDate.getTime() === this.templateData.ganttProperties.startDate.getTime()))
-                    && (!isNullOrUndefined(this.templateData.ganttProperties.baselineEndDate) && !isNullOrUndefined(this.templateData.ganttProperties.endDate) && (this.templateData.ganttProperties.baselineEndDate.toLocaleDateString() === this.templateData.ganttProperties.endDate.toLocaleDateString())) &&
+                    && (!isNullOrUndefined(this.templateData.ganttProperties.baselineEndDate) && !isNullOrUndefined(this.templateData.ganttProperties.endDate) && (this.templateData.ganttProperties.baselineEndDate.getTime() === this.templateData.ganttProperties.endDate.getTime())) &&
                     this.templateData.ganttProperties.isMilestone))
                     ? this.getMilestoneBaselineNode() : this.getTaskBaselineNode();
             }
@@ -12965,6 +12997,7 @@ var Splitter$1 = /** @__PURE__ @class */ (function () {
         this.parent.splitterElement = createElement('div', { className: splitter });
         this.parent.treeGridPane = createElement('div', { className: treeGridPane });
         this.parent.chartPane = createElement('div', { className: ganttChartPane });
+        addClass([this.parent.chartPane], 'e-droppable');
         if (this.parent.enableRtl) {
             this.parent.splitterElement.appendChild(this.parent.chartPane);
             this.parent.splitterElement.appendChild(this.parent.treeGridPane);
@@ -13216,7 +13249,11 @@ var Tooltip$1 = /** @__PURE__ @class */ (function () {
                     if (parent.tooltipSettings.taskbar) {
                         taskbarTemplateNode = parent.tooltipModule.templateCompiler(parent.tooltipSettings.taskbar, parent, data, 'TooltipTaskbarTemplate');
                     }
-                    argsData.content = this.toolTipObj.content = taskbarTemplateNode ? taskbarTemplateNode[0] :
+                    var tooltipTemplate = document.createElement('div');
+                    if (taskbarTemplateNode) {
+                        append(taskbarTemplateNode, tooltipTemplate);
+                    }
+                    argsData.content = this.toolTipObj.content = taskbarTemplateNode ? tooltipTemplate :
                         parent.tooltipModule.getTooltipContent((data.ganttProperties.isMilestone ? 'milestone' : 'taskbar'), data, parent, args);
                 }
                 else if (args.target.classList.contains('e-baseline-bar') ||
@@ -13225,7 +13262,11 @@ var Tooltip$1 = /** @__PURE__ @class */ (function () {
                     if ((parent.tooltipSettings.baseline)) {
                         baseLineTemplateNode = parent.tooltipModule.templateCompiler(parent.tooltipSettings.baseline, parent, data, 'TooltipBaselineTemplate');
                     }
-                    argsData.content = this.toolTipObj.content = baseLineTemplateNode ? baseLineTemplateNode[0] :
+                    var baselineTemplate = document.createElement('div');
+                    if (baseLineTemplateNode) {
+                        append(baseLineTemplateNode, baselineTemplate);
+                    }
+                    argsData.content = this.toolTipObj.content = baseLineTemplateNode ? baselineTemplate :
                         parent.tooltipModule.getTooltipContent((data.ganttProperties.isMilestone ? 'milestone' : 'baseline'), data, parent, args);
                 }
                 else if (args.target.classList.contains('e-event-markers')) {
@@ -14771,8 +14812,8 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
                 this.updateRowHeightInConnectorLine(this.updatedConnectorLineCollection);
                 this.connectorLineModule.renderConnectorLines(this.updatedConnectorLineCollection);
             }
-            if (this.enableCriticalPath) {
-                var criticalModule = this.criticalPathModule;
+            var criticalModule = this.criticalPathModule;
+            if (this.enableCriticalPath && criticalModule && criticalModule.criticalPathCollection) {
                 this.criticalPathModule.criticalConnectorLine(criticalModule.criticalPathCollection, criticalModule.detailPredecessorCollection, true, criticalModule.predecessorCollectionTaskIds);
             }
         }
@@ -15211,8 +15252,8 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
                 document.getElementsByClassName('e-timeline-header-table-container')[i].children[0].children[0].children[j].children[0].setAttribute('tabindex', '-1');
             }
         }
-        if (this.enableCriticalPath && this.criticalPathModule) {
-            var criticalModule = this.criticalPathModule;
+        var criticalModule = this.criticalPathModule;
+        if (this.enableCriticalPath && criticalModule && criticalModule.criticalPathCollection) {
             this.criticalPathModule.criticalConnectorLine(criticalModule.criticalPathCollection, criticalModule.detailPredecessorCollection, true, criticalModule.predecessorCollectionTaskIds);
         }
         this.initialChartRowElements = this.ganttChartModule.getChartRows();
@@ -15315,7 +15356,9 @@ var Gantt = /** @__PURE__ @class */ (function (_super) {
                     if (this.enableCriticalPath && this.criticalPathModule) {
                         this.criticalPathModule.showCriticalPath(this.enableCriticalPath);
                         var criticalModule = this.criticalPathModule;
-                        this.criticalPathModule.criticalConnectorLine(criticalModule.criticalPathCollection, criticalModule.detailPredecessorCollection, true, criticalModule.predecessorCollectionTaskIds);
+                        if (criticalModule.criticalPathCollection) {
+                            this.criticalPathModule.criticalConnectorLine(criticalModule.criticalPathCollection, criticalModule.detailPredecessorCollection, true, criticalModule.predecessorCollectionTaskIds);
+                        }
                     }
                     else {
                         this.removeCriticalPathStyles();
@@ -20290,6 +20333,7 @@ var TaskbarEdit = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
+        this.parent['isProjectDateUpdated'] = false;
     };
     /**
      * To cancel the taskbar edt action.
@@ -28929,6 +28973,7 @@ var Selection$1 = /** @__PURE__ @class */ (function () {
      */
     Selection$$1.prototype.mouseUpHandler = function (e) {
         var isTaskbarEdited = false;
+        var elements = document.querySelectorAll('.e-drag-item');
         var targetElement = null;
         if (e.target.closest('.e-rowcell')) {
             targetElement = e.target;
@@ -28946,7 +28991,7 @@ var Selection$1 = /** @__PURE__ @class */ (function () {
                 isTaskbarEdited = true;
             }
         }
-        if (!isTaskbarEdited && this.parent.element.contains(e.target)) {
+        if (!isTaskbarEdited && this.parent.element.contains(e.target) && !(elements.length === 1)) {
             var parent_1 = parentsUntil(e.target, 'e-chart-row');
             var isSelected = e.target.classList.contains('e-rowcell') ||
                 e.target.classList.contains('e-row') ||
@@ -29098,6 +29143,12 @@ var Toolbar$3 = /** @__PURE__ @class */ (function () {
             this.createToolbar();
         }
     };
+    Toolbar$$1.prototype.addReactToolbarPortals = function (args) {
+        if (this.parent.isReact && args) {
+            this.parent.portals = this.parent.portals.concat(args);
+            this.parent.renderTemplates();
+        }
+    };
     Toolbar$$1.prototype.createToolbar = function () {
         var items = this.getItems();
         this.toolbar = new Toolbar$1({
@@ -29107,6 +29158,8 @@ var Toolbar$3 = /** @__PURE__ @class */ (function () {
             height: this.parent.isAdaptive ? 48 : 'auto'
         });
         this.toolbar.isStringTemplate = true;
+        this.toolbar.isReact = this.parent.isReact;
+        this.toolbar.on('render-react-toolbar-template', this.addReactToolbarPortals, this);
         this.toolbar.appendTo(this.element);
         var cancelItem = this.element.querySelector('#' + this.parent.element.id + '_cancel');
         var updateItem = this.element.querySelector('#' + this.parent.element.id + '_update');
@@ -29523,6 +29576,7 @@ var Toolbar$3 = /** @__PURE__ @class */ (function () {
         if (this.parent.isDestroyed) {
             return;
         }
+        this.toolbar.off('render-react-toolbar-template', this.addReactToolbarPortals);
         this.toolbar.destroy();
         if (this.parent.filterModule) {
             this.unWireEvent();