@syncfusion/ej2-gantt 22.1.34 → 22.1.37

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

@@ -1528,6 +1528,7 @@ class DateProcessor {
             setValue('minStartDate', minStartDate, editArgs);
             setValue('maxEndDate', maxEndDate, editArgs);
         }
+        this.parent['isProjectDateUpdated'] = true;
     }
     /**
      *
@@ -2070,7 +2071,7 @@ class TaskProcessor extends DateProcessor {
                             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()
@@ -2713,38 +2714,59 @@ class TaskProcessor extends DateProcessor {
             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 (let i = 0; i < this.parent.dayWorkingTime.length; i++) {
             hour = hour + this.parent.dayWorkingTime[i].to - this.parent.dayWorkingTime[i].from;
         }
         let 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);
             }
         }
     }
@@ -4465,9 +4487,9 @@ class GanttChart {
                     }
                 }
             }
-            if (this.parent.enableCriticalPath) {
-                let crtiticalModule = this.parent.criticalPathModule;
-                this.parent.criticalPathModule.criticalConnectorLine(crtiticalModule.criticalPathCollection, crtiticalModule.detailPredecessorCollection, this.parent.enableCriticalPath, crtiticalModule.predecessorCollectionTaskIds);
+            let 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();
@@ -5066,8 +5088,8 @@ class GanttChart {
         this.parent.updatedConnectorLineCollection = [];
         this.parent.predecessorModule.createConnectorLinesCollection();
         this.parent.connectorLineModule.renderConnectorLines(this.parent.updatedConnectorLineCollection);
-        if (this.parent.enableCriticalPath && this.parent.criticalPathModule) {
-            const criticalModule = this.parent.criticalPathModule;
+        const criticalModule = this.parent.criticalPathModule;
+        if (this.parent.enableCriticalPath && criticalModule && criticalModule.criticalPathCollection) {
             criticalModule.criticalConnectorLine(criticalModule.criticalPathCollection, criticalModule.detailPredecessorCollection, true, criticalModule.predecessorCollectionTaskIds);
         }
     }
@@ -5894,6 +5916,9 @@ class Timeline {
      */
     processZooming(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;
@@ -6011,10 +6036,10 @@ class Timeline {
             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();
         const timeDifference = (this.parent.cloneProjectEndDate.getTime() - this.parent.cloneProjectStartDate.getTime());
         const totalDays = (timeDifference / (1000 * 3600 * 24));
         const chartWidth = this.parent.ganttChartModule.chartElement.offsetWidth;
@@ -7455,6 +7480,9 @@ class GanttTreeGrid {
         const 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();
     }
     composeProperties() {
@@ -7892,7 +7920,9 @@ class GanttTreeGrid {
                 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) {
@@ -7905,7 +7935,9 @@ class GanttTreeGrid {
             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;
@@ -9527,7 +9559,7 @@ class ChartRows extends DateProcessor {
             if (this.taskLabelTemplateFunction) {
                 const 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;
                 }
             }
@@ -10115,7 +10147,7 @@ class ChartRows extends DateProcessor {
             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();
             }
@@ -10128,7 +10160,7 @@ class ChartRows extends DateProcessor {
             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();
             }
@@ -10176,7 +10208,7 @@ class ChartRows extends DateProcessor {
             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();
             }
@@ -12551,6 +12583,7 @@ class Splitter$1 {
         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);
@@ -12801,7 +12834,11 @@ class Tooltip$1 {
                     if (parent.tooltipSettings.taskbar) {
                         taskbarTemplateNode = parent.tooltipModule.templateCompiler(parent.tooltipSettings.taskbar, parent, data, 'TooltipTaskbarTemplate');
                     }
-                    argsData.content = this.toolTipObj.content = taskbarTemplateNode ? taskbarTemplateNode[0] :
+                    let 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') ||
@@ -12810,7 +12847,11 @@ class Tooltip$1 {
                     if ((parent.tooltipSettings.baseline)) {
                         baseLineTemplateNode = parent.tooltipModule.templateCompiler(parent.tooltipSettings.baseline, parent, data, 'TooltipBaselineTemplate');
                     }
-                    argsData.content = this.toolTipObj.content = baseLineTemplateNode ? baseLineTemplateNode[0] :
+                    let 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')) {
@@ -14339,8 +14380,8 @@ let Gantt = class Gantt extends Component {
                 this.updateRowHeightInConnectorLine(this.updatedConnectorLineCollection);
                 this.connectorLineModule.renderConnectorLines(this.updatedConnectorLineCollection);
             }
-            if (this.enableCriticalPath) {
-                let criticalModule = this.criticalPathModule;
+            let criticalModule = this.criticalPathModule;
+            if (this.enableCriticalPath && criticalModule && criticalModule.criticalPathCollection) {
                 this.criticalPathModule.criticalConnectorLine(criticalModule.criticalPathCollection, criticalModule.detailPredecessorCollection, true, criticalModule.predecessorCollectionTaskIds);
             }
         }
@@ -14777,8 +14818,8 @@ let Gantt = class Gantt extends Component {
                 document.getElementsByClassName('e-timeline-header-table-container')[i].children[0].children[0].children[j].children[0].setAttribute('tabindex', '-1');
             }
         }
-        if (this.enableCriticalPath && this.criticalPathModule) {
-            let criticalModule = this.criticalPathModule;
+        let criticalModule = this.criticalPathModule;
+        if (this.enableCriticalPath && criticalModule && criticalModule.criticalPathCollection) {
             this.criticalPathModule.criticalConnectorLine(criticalModule.criticalPathCollection, criticalModule.detailPredecessorCollection, true, criticalModule.predecessorCollectionTaskIds);
         }
         this.initialChartRowElements = this.ganttChartModule.getChartRows();
@@ -14880,7 +14921,9 @@ let Gantt = class Gantt extends Component {
                     if (this.enableCriticalPath && this.criticalPathModule) {
                         this.criticalPathModule.showCriticalPath(this.enableCriticalPath);
                         let 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();
@@ -19817,6 +19860,7 @@ class TaskbarEdit extends DateProcessor {
                 }
             }
         }
+        this.parent['isProjectDateUpdated'] = false;
     }
     /**
      * To cancel the taskbar edt action.
@@ -28374,6 +28418,7 @@ class Selection$1 {
      */
     mouseUpHandler(e) {
         let isTaskbarEdited = false;
+        var elements = document.querySelectorAll('.e-drag-item');
         let targetElement = null;
         if (e.target.closest('.e-rowcell')) {
             targetElement = e.target;
@@ -28391,7 +28436,7 @@ class Selection$1 {
                 isTaskbarEdited = true;
             }
         }
-        if (!isTaskbarEdited && this.parent.element.contains(e.target)) {
+        if (!isTaskbarEdited && this.parent.element.contains(e.target) && !(elements.length === 1)) {
             const parent = parentsUntil(e.target, 'e-chart-row');
             const isSelected = e.target.classList.contains('e-rowcell') ||
                 e.target.classList.contains('e-row') ||
@@ -28541,6 +28586,12 @@ class Toolbar$3 {
             this.createToolbar();
         }
     }
+    addReactToolbarPortals(args) {
+        if (this.parent.isReact && args) {
+            this.parent.portals = this.parent.portals.concat(args);
+            this.parent.renderTemplates();
+        }
+    }
     createToolbar() {
         const items = this.getItems();
         this.toolbar = new Toolbar$1({
@@ -28550,6 +28601,8 @@ class Toolbar$3 {
             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);
         const cancelItem = this.element.querySelector('#' + this.parent.element.id + '_cancel');
         const updateItem = this.element.querySelector('#' + this.parent.element.id + '_update');
@@ -28962,6 +29015,7 @@ class Toolbar$3 {
         if (this.parent.isDestroyed) {
             return;
         }
+        this.toolbar.off('render-react-toolbar-template', this.addReactToolbarPortals);
         this.toolbar.destroy();
         if (this.parent.filterModule) {
             this.unWireEvent();