@syncfusion/ej2-gantt 19.3.46 → 19.3.55

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.3.46
+*  version : 19.3.55
 *  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@19.3.45",
+  "_id": "@syncfusion/ej2-gantt@19.3.53",
   "_inBundle": false,
-  "_integrity": "sha512-RZLdEJYylDpfailqWhBOXPgh9R/pvL9s1BhtCTXdwpn/lfRqGQV0UlXqvqYnYRfy6DXyzvhfj0kvFX9nnKT1BA==",
+  "_integrity": "sha512-U/p3jxN5jnp69SFmscoROYZ5BzSZniFIGIaJoGYLzGA86OOXgeXaMnMe4ZX31hbDR994LlgTMolzp6uoHYsA9w==",
   "_location": "/@syncfusion/ej2-gantt",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-vue-gantt"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-gantt/-/ej2-gantt-19.3.45.tgz",
-  "_shasum": "d3e74c79b2a7f546bd6e8ec0effee6cb28b5db87",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-gantt/-/ej2-gantt-19.3.53.tgz",
+  "_shasum": "09ad17fec4db43b1da7931fd236686090ea7b6ea",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -35,19 +35,19 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.43",
-    "@syncfusion/ej2-buttons": "~19.3.44",
-    "@syncfusion/ej2-calendars": "~19.3.46",
-    "@syncfusion/ej2-data": "~19.3.46",
-    "@syncfusion/ej2-dropdowns": "~19.3.46",
-    "@syncfusion/ej2-grids": "~19.3.46",
-    "@syncfusion/ej2-inputs": "~19.3.44",
-    "@syncfusion/ej2-layouts": "~19.3.44",
-    "@syncfusion/ej2-lists": "~19.3.45",
-    "@syncfusion/ej2-navigations": "~19.3.46",
-    "@syncfusion/ej2-popups": "~19.3.43",
-    "@syncfusion/ej2-richtexteditor": "~19.3.46",
-    "@syncfusion/ej2-treegrid": "~19.3.46"
+    "@syncfusion/ej2-base": "~19.3.54",
+    "@syncfusion/ej2-buttons": "~19.3.53",
+    "@syncfusion/ej2-calendars": "~19.3.55",
+    "@syncfusion/ej2-data": "~19.3.53",
+    "@syncfusion/ej2-dropdowns": "~19.3.55",
+    "@syncfusion/ej2-grids": "~19.3.55",
+    "@syncfusion/ej2-inputs": "~19.3.53",
+    "@syncfusion/ej2-layouts": "~19.3.53",
+    "@syncfusion/ej2-lists": "~19.3.53",
+    "@syncfusion/ej2-navigations": "~19.3.54",
+    "@syncfusion/ej2-popups": "~19.3.53",
+    "@syncfusion/ej2-richtexteditor": "~19.3.55",
+    "@syncfusion/ej2-treegrid": "~19.3.55"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -75,6 +75,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "19.3.46",
+  "version": "19.3.55",
   "sideEffects": false
 }

package/src/gantt/actions/context-menu.js

@@ -248,6 +248,11 @@ var ContextMenu = /** @class */ (function () {
         var target = args.event ? args.event.target :
             !this.parent.focusModule ? this.parent.focusModule.getActiveElement() :
                 this.parent.ganttChartModule.targetElement;
+        // Closed edited cell before opening context menu
+        // eslint-disable-next-line
+        if (!isNullOrUndefined(this.parent.editModule) && this.parent.editModule.cellEditModule && this.parent.editModule.cellEditModule.isCellEdit && target.parentElement.classList.contains('e-row')) {
+            this.parent.treeGrid.closeEdit();
+        }
         if (!isNullOrUndefined(args.element) && args.element.id === this.parent.element.id + '_contextmenu') {
             this.clickedPosition = getValue('event', args).clientX;
         }

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

@@ -53,7 +53,8 @@ var DialogEdit = /** @class */ (function () {
             datetimepickeredit: DateTimePicker,
             maskededit: MaskedTextBox,
             numericedit: NumericTextBox,
-            stringedit: TextBox
+            stringedit: TextBox,
+            defaultedit: TextBox
         };
         this.processDialogFields();
         this.wireEvents();
@@ -360,7 +361,7 @@ var DialogEdit = /** @class */ (function () {
         dialogModel.position = position;
         //dialogModel.width = '750px';
         dialogModel.height = this.parent.isAdaptive ? '100%' : 'auto';
-        dialogModel.target = this.parent.element;
+        dialogModel.target = document.body;
         dialogModel.close = this.dialogClose.bind(this);
         dialogModel.closeOnEscape = true;
         dialogModel.open = function (args) {
@@ -648,15 +649,15 @@ var DialogEdit = /** @class */ (function () {
             this.resourceSelection(id);
         }
         else if (id === ganttObj.element.id + 'NotesTabContainer') {
-            ganttObj.element.querySelector('#' + id).ej2_instances[0].refresh();
+            document.getElementById(id).ej2_instances[0].refresh();
         }
         else if (id === ganttObj.element.id + 'SegmentsTabContainer') {
             if (isNullOrUndefined(this.beforeOpenArgs.rowData.ganttProperties.startDate)) {
-                ganttObj.element.querySelector('#' + id).ej2_instances[0]
+                document.getElementById(id).ej2_instances[0]
                     .enableToolbarItems([this.parent.element.id + 'SegmentsTabContainer' + '_add'], false);
             }
             else {
-                ganttObj.element.querySelector('#' + id).ej2_instances[0]
+                document.getElementById(id).ej2_instances[0]
                     .enableToolbarItems([this.parent.element.id + 'SegmentsTabContainer' + '_add'], true);
             }
         }
@@ -710,6 +711,7 @@ var DialogEdit = /** @class */ (function () {
                     fieldsModel[column.field] = checkboxModel;
                     break;
                 }
+            case 'defaultedit':
             case 'stringedit':
                 {
                     var textBox = common;
@@ -1616,7 +1618,7 @@ var DialogEdit = /** @class */ (function () {
     DialogEdit.prototype.updateResourceCollection = function (args, resourceTreeGridId) {
         if (!isNullOrUndefined(args.data) && Object.keys(args.data).length) {
             var ganttObj = this.parent;
-            var treeGridId = ganttObj.element.querySelector('#' + resourceTreeGridId);
+            var treeGridId = document.querySelector('#' + resourceTreeGridId);
             var resourceTreeGrid = treeGridId.ej2_instances[0];
             if (!isNullOrUndefined(resourceTreeGrid) && resourceTreeGrid.getSelectedRecords().length > 0) {
                 var tempRecords = resourceTreeGrid.getSelectedRecords();
@@ -1691,7 +1693,7 @@ var DialogEdit = /** @class */ (function () {
     };
     DialogEdit.prototype.resourceSelection = function (id) {
         var _this = this;
-        var resourceTreeGrid = this.parent.element.querySelector('#' + id).ej2_instances[0];
+        var resourceTreeGrid = document.querySelector('#' + id).ej2_instances[0];
         var currentViewData = resourceTreeGrid.getCurrentViewRecords();
         var resources = this.ganttResources;
         if (resources && resources.length > 0) {

package/src/gantt/actions/edit.js

@@ -1095,6 +1095,7 @@ var Edit = /** @class */ (function () {
         var eventArgs = {};
         eventArgs.requestType = 'beforeSave';
         eventArgs.data = args.data;
+        eventArgs.cancel = false;
         eventArgs.modifiedRecords = this.parent.editedRecords;
         if (!isNullOrUndefined(args.target)) {
             eventArgs.target = args.target;
@@ -1925,13 +1926,13 @@ var Edit = /** @class */ (function () {
                         changedRecords: eventArg.modifiedTaskData
                     };
                     var adaptor = data_1.adaptor;
+                    var query_1 = _this.parent.query instanceof Query ? _this.parent.query : new Query();
                     if (!(adaptor instanceof WebApiAdaptor && adaptor instanceof ODataAdaptor) || data_1.dataSource.batchUrl) {
-                        var crud = data_1.saveChanges(updatedData_1, _this.parent.taskFields.id);
+                        var crud = data_1.saveChanges(updatedData_1, _this.parent.taskFields.id, null, query_1);
                         crud.then(function () { return _this.deleteSuccess(args); })
                             .catch(function (e) { return _this.dmFailure(e, args); });
                     }
                     else {
-                        var query_1 = _this.parent.query instanceof Query ? _this.parent.query : new Query();
                         var deletedRecords = 'deletedRecords';
                         var deleteCrud = null;
                         for (var i = 0; i < updatedData_1[deletedRecords].length; i++) {

package/src/gantt/actions/rowdragdrop.js

@@ -172,80 +172,113 @@ var RowDD = /** @class */ (function () {
                 }
                 var count = 0;
                 var dragLength = dragRecords.length;
-                for (var i = 0; i < dragLength; i++) {
-                    this.parent.isOnEdit = true;
+                var _loop_1 = function (i) {
+                    this_1.parent.isOnEdit = true;
                     draggedRecord = dragRecords[i];
-                    this.draggedRecord = draggedRecord;
-                    if (this.dropPosition !== 'Invalid') {
-                        if (this.parent.viewType === 'ResourceView') {
-                            this.checkisSharedTask();
-                            this.previousParent = this.draggedRecord.parentItem.uniqueID;
+                    this_1.draggedRecord = draggedRecord;
+                    if (this_1.dropPosition !== 'Invalid') {
+                        if (this_1.parent.viewType === 'ResourceView') {
+                            this_1.checkisSharedTask();
+                            this_1.previousParent = this_1.draggedRecord.parentItem.uniqueID;
                         }
-                        if (this.isSharedTask) {
-                            return;
+                        if (this_1.isSharedTask) {
+                            return { value: void 0 };
                         }
                         if (isByMethod) {
-                            this.deleteDragRow();
+                            this_1.deleteDragRow();
                         }
-                        var recordIndex1 = this.treeGridData.indexOf(droppedRecord);
-                        if (this.dropPosition === 'topSegment') {
-                            this.dropAtTop(recordIndex1);
+                        var recordIndex1 = this_1.treeGridData.indexOf(droppedRecord);
+                        if (this_1.dropPosition === 'topSegment') {
+                            this_1.dropAtTop(recordIndex1);
                         }
-                        if (this.dropPosition === 'bottomSegment') {
-                            if (!this.isSharedTask) {
+                        if (this_1.dropPosition === 'bottomSegment') {
+                            if (!this_1.isSharedTask) {
                                 if (!droppedRecord.hasChildRecords) {
-                                    if (this.parent.taskFields.parentID && this.ganttData.length > 0) {
-                                        this.ganttData.splice(recordIndex1 + 1, 0, this.draggedRecord.taskData);
+                                    if (this_1.parent.taskFields.parentID && this_1.ganttData.length > 0) {
+                                        this_1.ganttData.splice(recordIndex1 + 1, 0, this_1.draggedRecord.taskData);
                                     }
-                                    this.treeGridData.splice(recordIndex1 + 1, 0, this.draggedRecord);
-                                    this.parent.ids.splice(recordIndex1 + 1, 0, this.draggedRecord.ganttProperties.rowUniqueID.toString());
-                                    if (this.parent.viewType === 'ResourceView') {
-                                        var taskId = this.draggedRecord.level === 0 ? 'R' + this.draggedRecord.ganttProperties.taskId : 'T' + this.draggedRecord.ganttProperties.taskId;
-                                        this.parent.getTaskIds().splice(recordIndex1 + 1, 0, taskId);
+                                    this_1.treeGridData.splice(recordIndex1 + 1, 0, this_1.draggedRecord);
+                                    this_1.parent.ids.splice(recordIndex1 + 1, 0, this_1.draggedRecord.ganttProperties.rowUniqueID.toString());
+                                    if (this_1.parent.viewType === 'ResourceView') {
+                                        var taskId = this_1.draggedRecord.level === 0 ? 'R' + this_1.draggedRecord.ganttProperties.taskId : 'T' + this_1.draggedRecord.ganttProperties.taskId;
+                                        this_1.parent.getTaskIds().splice(recordIndex1 + 1, 0, taskId);
                                     }
                                 }
                                 else {
-                                    count = this.parent.editModule.getChildCount(droppedRecord, 0);
-                                    if (this.parent.taskFields.parentID && this.ganttData.length > 0) {
-                                        this.ganttData.splice(recordIndex1 + count + 1, 0, this.draggedRecord.taskData);
+                                    count = this_1.parent.editModule.getChildCount(droppedRecord, 0);
+                                    if (this_1.parent.taskFields.parentID && this_1.ganttData.length > 0) {
+                                        this_1.ganttData.splice(recordIndex1 + count + 1, 0, this_1.draggedRecord.taskData);
                                     }
-                                    this.treeGridData.splice(recordIndex1 + count + 1, 0, this.draggedRecord);
+                                    this_1.treeGridData.splice(recordIndex1 + count + 1, 0, this_1.draggedRecord);
                                     /* eslint-disable-next-line */
-                                    this.parent.ids.splice(recordIndex1 + count + 1, 0, this.draggedRecord.ganttProperties.rowUniqueID.toString());
-                                    if (this.parent.viewType === 'ResourceView') {
-                                        var spliceId = this.draggedRecord.level === 0 ? 'R' + this.draggedRecord.ganttProperties.taskId : 'T' + this.draggedRecord.ganttProperties.taskId;
-                                        this.parent.getTaskIds().splice(recordIndex1 + count + 1, 0, spliceId);
+                                    this_1.parent.ids.splice(recordIndex1 + count + 1, 0, this_1.draggedRecord.ganttProperties.rowUniqueID.toString());
+                                    if (this_1.parent.viewType === 'ResourceView') {
+                                        var spliceId = this_1.draggedRecord.level === 0 ? 'R' + this_1.draggedRecord.ganttProperties.taskId : 'T' + this_1.draggedRecord.ganttProperties.taskId;
+                                        this_1.parent.getTaskIds().splice(recordIndex1 + count + 1, 0, spliceId);
                                     }
                                 }
-                                this.parent.setRecordValue('parentItem', this.treeGridData[recordIndex1].parentItem, draggedRecord);
-                                this.parent.setRecordValue('parentUniqueID', this.treeGridData[recordIndex1].parentUniqueID, draggedRecord);
-                                this.parent.setRecordValue('level', this.treeGridData[recordIndex1].level, draggedRecord);
+                                this_1.parent.setRecordValue('parentItem', this_1.treeGridData[recordIndex1].parentItem, draggedRecord);
+                                this_1.parent.setRecordValue('parentUniqueID', this_1.treeGridData[recordIndex1].parentUniqueID, draggedRecord);
+                                this_1.parent.setRecordValue('level', this_1.treeGridData[recordIndex1].level, draggedRecord);
                                 if (draggedRecord.hasChildRecords) {
                                     var level = 1;
-                                    this.updateChildRecordLevel(draggedRecord, level);
-                                    this.updateChildRecord(draggedRecord, recordIndex1 + count + 1);
+                                    this_1.updateChildRecordLevel(draggedRecord, level);
+                                    this_1.updateChildRecord(draggedRecord, recordIndex1 + count + 1);
                                 }
                                 if (droppedRecord.parentItem) {
-                                    var rec = this.parent.getParentTask(droppedRecord.parentItem).childRecords;
+                                    var rec = this_1.parent.getParentTask(droppedRecord.parentItem).childRecords;
                                     var childRecords = rec;
                                     var droppedRecordIndex = childRecords.indexOf(droppedRecord) + 1;
                                     childRecords.splice(droppedRecordIndex, 0, draggedRecord);
                                 }
                             }
                         }
-                        if (this.dropPosition === 'middleSegment') {
-                            this.dropMiddle(recordIndex1);
+                        if (this_1.dropPosition === 'middleSegment') {
+                            this_1.dropMiddle(recordIndex1);
                             if (droppedRecord.childRecords.length > 0) {
                                 delete droppedRecord.ganttProperties.segments;
-                                delete droppedRecord.taskData[this.parent.taskFields.segments];
+                                delete droppedRecord.taskData[this_1.parent.taskFields.segments];
                             }
                         }
                         // eslint-disable-next-line
-                        if (!isNullOrUndefined(draggedRecord.parentItem && this.updateParentRecords.indexOf(draggedRecord.parentItem) !== -1)) {
-                            this.updateParentRecords.push(draggedRecord.parentItem);
+                        if (!isNullOrUndefined(draggedRecord.parentItem && this_1.updateParentRecords.indexOf(draggedRecord.parentItem) !== -1)) {
+                            this_1.updateParentRecords.push(draggedRecord.parentItem);
+                        }
+                    }
+                    if (!this_1.parent.enableVirtualization) {
+                        var data_1 = gObj.flatData;
+                        var startIndex = void 0;
+                        var endIndex = void 0;
+                        if (draggedRecord.index < droppedRecord.index) {
+                            startIndex = draggedRecord.index;
+                            endIndex = droppedRecord.index;
+                        }
+                        else {
+                            startIndex = droppedRecord.index;
+                            endIndex = draggedRecord.index;
+                        }
+                        var _loop_2 = function (i_1) {
+                            if (!isNullOrUndefined(data_1[i_1])) {
+                                data_1[i_1].index = i_1;
+                                if (!isNullOrUndefined(data_1[i_1].parentItem)) {
+                                    var updatedParent = data_1.filter(function (e) {
+                                        return e.uniqueID === data_1[i_1].parentUniqueID;
+                                    })[0];
+                                    data_1[i_1].parentItem.index = updatedParent.index;
+                                }
+                            }
+                        };
+                        for (var i_1 = startIndex; i_1 <= endIndex; i_1++) {
+                            _loop_2(i_1);
                         }
                     }
                     gObj.rowDragAndDropModule.refreshDataSource();
+                };
+                var this_1 = this;
+                for (var i = 0; i < dragLength; i++) {
+                    var state_1 = _loop_1(i);
+                    if (typeof state_1 === "object")
+                        return state_1.value;
                 }
                 if (this.dropPosition === 'middleSegment') {
                     if (droppedRecord.ganttProperties.predecessor) {

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

@@ -311,6 +311,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
     TaskbarEdit.prototype.showHideTaskBarEditingElements = function (element, secondElement, fadeConnectorLine) {
         secondElement = secondElement ? secondElement : this.editElement;
         var isShowProgressResizer = this.parent.taskFields.progress ? true : false;
+        var isShowConnectorPoints = true;
         if (this.parent.readOnly) {
             return;
         }
@@ -320,6 +321,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
             if (!isNullOrUndefined(parentRecord)) {
                 if (!parentRecord.expanded) {
                     isShowProgressResizer = false;
+                    isShowConnectorPoints = false;
                 }
             }
         }
@@ -346,7 +348,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
             if (!isNullOrUndefined(this.parent.taskFields.dependency)
                 && (element.querySelector('.' + cls.connectorPointLeft)
                     || element.parentElement.querySelector('.' + cls.connectorPointLeft))
-                && isShowProgressResizer) {
+                && isShowConnectorPoints) {
                 var connectorElement = !isNullOrUndefined(element.querySelector('.' + cls.connectorPointLeft)) ?
                     element : element.parentElement;
                 addClass([connectorElement.querySelector('.' + cls.connectorPointLeft)], [cls.connectorPointLeftHover]);

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

@@ -1006,7 +1006,10 @@ var DateProcessor = /** @class */ (function () {
         }
     };
     DateProcessor.prototype.remove = function (date, timezone) {
-        return this.reverse(date, timezone, date.getTimezoneOffset());
+        if (!isNullOrUndefined(date)) {
+            date = this.reverse(date, timezone, date.getTimezoneOffset());
+        }
+        return date;
     };
     DateProcessor.prototype.reverse = function (date, fromOffset, toOffset) {
         if (typeof fromOffset === 'string') {

package/src/gantt/base/gantt.js

@@ -1108,6 +1108,9 @@ var Gantt = /** @class */ (function (_super) {
         if (this.keyboardModule) {
             this.keyboardModule.destroy();
         }
+        if (this.editModule && this.editModule.dialogModule) {
+            this.editModule.dialogModule.destroy();
+        }
         _super.prototype.destroy.call(this);
         this.chartVerticalLineContainer = null;
         this.element.innerHTML = '';

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

@@ -867,6 +867,7 @@ var TaskProcessor = /** @class */ (function (_super) {
             if (!isNullOrUndefined(ganttProperties.duration)) {
                 this.parent.setRecordValue('duration', updatedDuration, ganttProperties, true);
             }
+            this.parent.dataOperation.updateMappingData(ganttData, 'duration');
         }
     };
     /**

package/src/gantt/base/utils.js

@@ -103,7 +103,7 @@ export function getTaskData(records, isNotExtend, eventArgs, parent) {
         for (var i = 0; i < records.length; i++) {
             var data = void 0;
             if (!isNullOrUndefined(parent) && parent.timezone) {
-                this.updateDates(records[i], parent);
+                updateDates(records[i], parent);
             }
             // eslint-disable-next-line
             data = isNotExtend ? (records[i].taskData) : extend({}, records[i].taskData, {}, true);