@syncfusion/ej2-gantt 22.2.5 → 22.2.7

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.2.5
+*  version : 22.2.7
 *  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-gantt@*",
-  "_id": "@syncfusion/ej2-gantt@22.1.39",
+  "_id": "@syncfusion/ej2-gantt@22.2.5",
   "_inBundle": false,
-  "_integrity": "sha512-BaZToryAhXozcJBwqEyD9K9htNmV3PTYvCDPk8h1v/Je1zOdHHgWDK7J4fjBZpHPvXhDV5oVqMFRSEzanRuGaw==",
+  "_integrity": "sha512-UDwacL/LfLOpFmKDI1ZYpjmlQyZtiKw/Nl11Nm7qIyi2ujoFpfwtx6Ba0e9JdEDR3If8g24FolNt5LRLzO04lQ==",
   "_location": "/@syncfusion/ej2-gantt",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-vue-gantt"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-22.1.39.tgz",
-  "_shasum": "5c1001858679a9709c098c4d2f36870ac74bbe52",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-22.2.5.tgz",
+  "_shasum": "95538b88216a3ffdfc5d9ee6cbb720c39e7a50e0",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -40,16 +40,16 @@
     "@syncfusion/ej2-calendars": "~22.2.5",
     "@syncfusion/ej2-data": "~22.2.5",
     "@syncfusion/ej2-dropdowns": "~22.2.5",
-    "@syncfusion/ej2-grids": "~22.2.5",
-    "@syncfusion/ej2-inputs": "~22.2.5",
+    "@syncfusion/ej2-grids": "~22.2.7",
+    "@syncfusion/ej2-inputs": "~22.2.7",
     "@syncfusion/ej2-layouts": "~22.2.5",
     "@syncfusion/ej2-lists": "~22.2.5",
-    "@syncfusion/ej2-navigations": "~22.2.5",
+    "@syncfusion/ej2-navigations": "~22.2.7",
     "@syncfusion/ej2-notifications": "~22.2.5",
-    "@syncfusion/ej2-popups": "~22.2.5",
+    "@syncfusion/ej2-popups": "~22.2.7",
     "@syncfusion/ej2-richtexteditor": "~22.2.5",
     "@syncfusion/ej2-svg-base": "~22.2.5",
-    "@syncfusion/ej2-treegrid": "~22.2.5"
+    "@syncfusion/ej2-treegrid": "~22.2.7"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -74,6 +74,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "22.2.5",
+  "version": "22.2.7",
   "sideEffects": false
 }

package/src/gantt/actions/critical-path.js

@@ -619,7 +619,7 @@ var CriticalPath = /** @class */ (function () {
             }
             var predecessorLength = flatRecords[index].ganttProperties.predecessor;
             var noSlackValue = 0 + ' ' + flatRecords[index].ganttProperties.durationUnit;
-            for (var i = 0; i < predecessorLength.length; i++) {
+            for (var i = predecessorLength.length - 1; i >= 0; i--) {
                 var toID = void 0;
                 if (this.parent.viewType === 'ProjectView') {
                     toID = this.parent.ids.indexOf(predecessorLength[i].to);
@@ -630,8 +630,19 @@ var CriticalPath = /** @class */ (function () {
                 var dateDifference = void 0;
                 var currentData = flatRecords[index].ganttProperties;
                 if (predecessorLength[i].type === 'FS') {
-                    /* eslint-disable-next-line */
-                    dateDifference = this.parent.dataOperation.getDuration(currentData.endDate, flatRecords[toID].ganttProperties.startDate, currentData.durationUnit, currentData.isAutoSchedule, currentData.isMilestone);
+                    if (predecessorLength[i].to != currentData.taskId.toString() || this.parent.viewType === 'ResourceView') {
+                        /* eslint-disable-next-line */
+                        dateDifference = this.parent.dataOperation.getDuration(currentData.endDate, flatRecords[toID].ganttProperties.startDate, currentData.durationUnit, currentData.isAutoSchedule, currentData.isMilestone);
+                    }
+                    else {
+                        toID = this.parent.ids.indexOf(predecessorLength[i].from);
+                        /* eslint-disable-next-line */
+                        dateDifference = this.parent.dataOperation.getDuration(flatRecords[toID].ganttProperties.endDate, currentData.startDate, currentData.durationUnit, currentData.isAutoSchedule, currentData.isMilestone);
+                        if (dateDifference === 0 && index !== toID && flatRecords[index].slack == noSlackValue) {
+                            flatRecords[toID].slack = flatRecords[index].slack;
+                            flatRecords[toID].ganttProperties.slack = flatRecords[index].slack;
+                        }
+                    }
                     if (dateDifference === 0 && index !== toID && flatRecords[index].slack !== noSlackValue) {
                         flatRecords[index].slack = flatRecords[toID].slack;
                         flatRecords[index].ganttProperties.slack = flatRecords[toID].slack;

package/src/gantt/actions/edit.js

@@ -1,5 +1,5 @@
 import { isNullOrUndefined, isUndefined, extend, setValue, getValue, deleteObject, createElement } from '@syncfusion/ej2-base';
-import { DataManager, Query, ODataAdaptor, WebApiAdaptor } from '@syncfusion/ej2-data';
+import { DataManager, Query, ODataAdaptor, WebApiAdaptor, ODataV4Adaptor } from '@syncfusion/ej2-data';
 import { getUid } from '@syncfusion/ej2-grids';
 import { getSwapKey, isScheduledTask, getTaskData, isRemoteData, getIndex, isCountRequired, updateDates } from '../base/utils';
 import { CellEdit } from './cell-edit';
@@ -2926,7 +2926,7 @@ var Edit = /** @class */ (function () {
                         /* tslint:disable-next-line */
                         var query = _this.parent.query instanceof Query ? _this.parent.query : new Query();
                         var adaptor = data_2.adaptor;
-                        if (!(adaptor instanceof WebApiAdaptor && adaptor instanceof ODataAdaptor) || data_2.dataSource.batchUrl) {
+                        if (!(adaptor instanceof WebApiAdaptor && adaptor instanceof ODataAdaptor && adaptor instanceof ODataV4Adaptor) || data_2.dataSource.batchUrl) {
                             /* tslint:disable-next-line */
                             var crud = data_2.saveChanges(updatedData_2, _this.parent.taskFields.id, null, query);
                             crud.then(function (e) {
@@ -3061,6 +3061,9 @@ var Edit = /** @class */ (function () {
             else if (ganttColumns[i].field === 'taskType') {
                 tempRecord[fieldName] = this.parent.taskType;
             }
+            else if (ganttColumns[i].field === taskSettingsFields.milestone) {
+                tempRecord[fieldName] = null;
+            }
             else {
                 tempRecord[this.parent.ganttColumns[i].field] = '';
             }

package/src/gantt/actions/taskbar-edit.js

@@ -1110,7 +1110,16 @@ var TaskbarEdit = /** @class */ (function (_super) {
                 }
                 else {
                     if (this.mouseMoveX < (item.left + segment.left)) {
-                        segment.width = this.parent.perDayWidth;
+                        var segmentWidth = (this.parent.timelineModule.isSingleTier &&
+                            (this.parent.timelineModule.customTimelineSettings.bottomTier.unit === "Hour" ||
+                                this.parent.timelineModule.customTimelineSettings.topTier.unit === "Hour" ||
+                                this.parent.timelineModule.customTimelineSettings.bottomTier.unit === "Minutes" ||
+                                this.parent.timelineModule.customTimelineSettings.topTier.unit === "Minutes")) ||
+                            (this.parent.timelineModule.customTimelineSettings.bottomTier.unit === "Hour" ||
+                                this.parent.timelineModule.customTimelineSettings.bottomTier.unit === "Minutes") ?
+                            this.parent.timelineModule.customTimelineSettings.timelineUnitSize :
+                            this.parent.perDayWidth;
+                        segment.width = segmentWidth;
                     }
                 }
             }

package/src/gantt/base/gantt-chart.js

@@ -120,6 +120,9 @@ var GanttChart = /** @class */ (function () {
         }
         this.updateWidthAndHeight();
         this.parent.notify('selectRowByIndex', {});
+        if (this.parent.timelineModule.isZoomToFit) {
+            this.parent.timelineModule.processZoomToFit();
+        }
     };
     /**
      * @param {IGanttData[]} records .

package/src/gantt/base/interface.d.ts

@@ -401,8 +401,6 @@ export interface IConnectorLineObject {
     isCritical?: boolean;
     parentEndPoint?: number;
     childEndPoint?: number;
-    isManualChild?: boolean;
-    isManualParent?: boolean;
 }
 export interface ISplitterResizedEventArgs {
     /** Defines the element. */

package/src/gantt/base/task-processor.js

@@ -2430,6 +2430,7 @@ var TaskProcessor = /** @class */ (function (_super) {
                     this.parent.setRecordValue('progress', Math.floor(parentProgress), parentProp, true);
                     this.parent.setRecordValue('totalProgress', totalProgress, parentProp, true);
                     this.parent.setRecordValue('totalDuration', totalDuration, parentProp, true);
+                    this.parent.setRecordValue('autoDuration', parentProp.duration, parentProp, true);
                     if (!parentProp.isAutoSchedule) {
                         this.parent.setRecordValue('autoDuration', this.calculateAutoDuration(parentProp), parentProp, true);
                         this.updateAutoWidthLeft(parentData);

package/src/gantt/base/tree-grid.js

@@ -620,8 +620,16 @@ var GanttTreeGrid = /** @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;
-            if (!column.edit || (column.edit && !column.edit.create)) {
-                column.edit = { params: { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) } };
+            if (column.edit && column.edit.params) {
+                column.edit.params['renderDayCell'] = this.parent.renderWorkingDayCell.bind(this.parent);
+            }
+            else {
+                if (column.edit) {
+                    column.edit.params = { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) };
+                }
+                else {
+                    column.edit = { params: { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) } };
+                }
             }
         }
         else if (taskSettings.endDate === column.field) {
@@ -635,8 +643,16 @@ var GanttTreeGrid = /** @class */ (function () {
             column.editType = column.editType ? column.editType :
                 this.parent.getDateFormat().toLowerCase().indexOf('hh') !== -1 ? 'datetimepickeredit' : 'datepickeredit';
             column.width = column.width ? column.width : 150;
-            if (!column.edit || (column.edit && !column.edit.create)) {
-                column.edit = { params: { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) } };
+            if (column.edit && column.edit.params) {
+                column.edit.params['renderDayCell'] = this.parent.renderWorkingDayCell.bind(this.parent);
+            }
+            else {
+                if (column.edit) {
+                    column.edit.params = { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) };
+                }
+                else {
+                    column.edit = { params: { renderDayCell: this.parent.renderWorkingDayCell.bind(this.parent) } };
+                }
             }
         }
         else if (taskSettings.duration === column.field) {

package/src/gantt/renderer/chart-rows.js

@@ -256,7 +256,7 @@ var ChartRows = /** @class */ (function (_super) {
                 childTaskbarNode = this.createDivElement(template);
             }
         }
-        if (this.parent.enableRtl && childTaskbarNode[0] && childTaskbarNode[0].querySelector('.e-task-label')) {
+        if (this.parent.enableRtl && !isNullOrUndefined(childTaskbarNode) && childTaskbarNode[0] && childTaskbarNode[0].querySelector('.e-task-label')) {
             childTaskbarNode[0].querySelector('.e-task-label').style.marginLeft = '15px';
             childTaskbarNode[0].querySelector('.e-task-label').style.marginRight = '8px';
             if (childTaskbarNode[0].querySelector('.e-gantt-child-progressbar')) {
@@ -638,8 +638,8 @@ var ChartRows = /** @class */ (function (_super) {
             milestoneNode = this.milestoneTemplateFunction(extend({ index: i }, data), this.parent, 'MilestoneTemplate', this.getTemplateID('MilestoneTemplate'), false, undefined, rootElement[0], this.parent.treeGrid['root']);
         }
         else {
-            var template = '<div class="' + cls.traceMilestone + '" style="width:' + ((this.parent.renderBaseline ? this.taskBarHeight - 3 : this.taskBarHeight - 7)) + 'px;height:' +
-                ((this.parent.renderBaseline ? this.taskBarHeight - 3 : this.taskBarHeight - 7)) + 'px;position:absolute;transform: rotate(45deg);top:' + (this.parent.rowHeight > 40 ? 0 : 2) + 'px;left:' + (this.parent.renderBaseline ? 2 : 1) + 'px;"> </div>';
+            var template = '<div class="' + cls.traceMilestone + '" style="width:' + ((this.parent.renderBaseline ? this.taskBarHeight : this.taskBarHeight - 6)) + 'px;height:' +
+                ((this.parent.renderBaseline ? this.taskBarHeight : this.taskBarHeight - 6)) + 'px;position:absolute;transform: rotate(45deg);top:' + (this.parent.rowHeight > 40 ? 0 : 1) + 'px;left:' + 1 + 'px;"> </div>';
             milestoneNode = this.createDivElement(template);
         }
         return milestoneNode;
@@ -667,9 +667,9 @@ var ChartRows = /** @class */ (function (_super) {
     ChartRows.prototype.getMilestoneBaselineNode = function () {
         var data = this.templateData;
         var baselineMilestoneHeight = this.parent.renderBaseline ? 5 : 2;
-        var template = '<div class="' + cls.baselineMilestoneContainer + '" style="width:' + ((this.parent.renderBaseline ? this.taskBarHeight - 5 : this.taskBarHeight - 10) + 2) + 'px;height:' +
-            ((this.parent.renderBaseline ? this.taskBarHeight - 5 : this.taskBarHeight - 10) + 2) + 'px;position:absolute;transform:rotate(45deg);' + (this.parent.enableRtl ? 'right:' : 'left:') + (this.parent.enableRtl ? (data.ganttProperties.left -
-            (this.milestoneHeight / 2) + 3) : (data.ganttProperties.baselineLeft - (this.milestoneHeight / 2) + 2)) + 'px;' + (this.baselineColor ? 'background-color: ' + this.baselineColor + ';' : '') + 'margin-top:' + ((-Math.floor(this.parent.rowHeight - this.milestoneMarginTop) + baselineMilestoneHeight) + 3) + 'px"> </div>';
+        var template = '<div class="' + cls.baselineMilestoneContainer + '" style="width:' + ((this.parent.renderBaseline ? this.taskBarHeight : this.taskBarHeight - 10)) + 'px;height:' +
+            ((this.parent.renderBaseline ? this.taskBarHeight : this.taskBarHeight - 10)) + 'px;position:absolute;transform:rotate(45deg);' + (this.parent.enableRtl ? 'right:' : 'left:') + (this.parent.enableRtl ? (data.ganttProperties.left -
+            (this.milestoneHeight / 2) + 3) : (data.ganttProperties.left - (this.milestoneHeight / 2) + 1)) + 'px;' + (this.baselineColor ? 'background-color: ' + this.baselineColor + ';' : '') + 'margin-top:' + ((-Math.floor(this.parent.rowHeight - this.milestoneMarginTop) + baselineMilestoneHeight) + 2) + 'px"> </div>';
         return this.createDivElement(template);
     };
     /**
@@ -1355,6 +1355,12 @@ var ChartRows = /** @class */ (function (_super) {
             (_a = this.ganttChartTableBody).replaceChildren.apply(_a, dupChartBody.childNodes);
             this.parent.initialChartRowElements = this.parent.ganttChartModule.getChartRows();
         }
+        if (this.parent.enableCriticalPath && this.parent.criticalPathModule) {
+            var criticalModule = this.parent.criticalPathModule;
+            if (criticalModule.criticalPathCollection) {
+                this.parent.criticalPathModule.criticalConnectorLine(criticalModule.criticalPathCollection, criticalModule.detailPredecessorCollection, true, criticalModule.predecessorCollectionTaskIds);
+            }
+        }
         this.parent.renderTemplates();
         this.triggerQueryTaskbarInfo();
         this.parent.modifiedRecords = [];
@@ -1369,6 +1375,7 @@ var ChartRows = /** @class */ (function (_super) {
                 }
             }
         }
+        this.parent.isGanttChartRendered = true;
         this.parent.renderTemplates();
     };
     /**

package/src/gantt/renderer/connector-line.d.ts

@@ -17,8 +17,6 @@ export declare class ConnectorLine {
     private y2;
     private y3;
     private y4;
-    private manualParent;
-    private manualChild;
     private point1;
     private point2;
     private parent;