@syncfusion/ej2-gantt 19.3.46 → 19.3.55

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

@@ -113,7 +113,7 @@ function getTaskData(records, isNotExtend, eventArgs, parent) {
         for (let i = 0; i < records.length; i++) {
             let data;
             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);
@@ -1207,7 +1207,10 @@ class DateProcessor {
         }
     }
     remove(date, timezone) {
-        return this.reverse(date, timezone, date.getTimezoneOffset());
+        if (!isNullOrUndefined(date)) {
+            date = this.reverse(date, timezone, date.getTimezoneOffset());
+        }
+        return date;
     }
     reverse(date, fromOffset, toOffset) {
         if (typeof fromOffset === 'string') {
@@ -2320,6 +2323,7 @@ class TaskProcessor extends DateProcessor {
             if (!isNullOrUndefined(ganttProperties.duration)) {
                 this.parent.setRecordValue('duration', updatedDuration, ganttProperties, true);
             }
+            this.parent.dataOperation.updateMappingData(ganttData, 'duration');
         }
     }
     /**
@@ -13014,6 +13018,9 @@ let Gantt = class Gantt extends Component {
         if (this.keyboardModule) {
             this.keyboardModule.destroy();
         }
+        if (this.editModule && this.editModule.dialogModule) {
+            this.editModule.dialogModule.destroy();
+        }
         super.destroy();
         this.chartVerticalLineContainer = null;
         this.element.innerHTML = '';
@@ -16132,6 +16139,7 @@ class TaskbarEdit extends DateProcessor {
     showHideTaskBarEditingElements(element, secondElement, fadeConnectorLine) {
         secondElement = secondElement ? secondElement : this.editElement;
         let isShowProgressResizer = this.parent.taskFields.progress ? true : false;
+        let isShowConnectorPoints = true;
         if (this.parent.readOnly) {
             return;
         }
@@ -16141,6 +16149,7 @@ class TaskbarEdit extends DateProcessor {
             if (!isNullOrUndefined(parentRecord)) {
                 if (!parentRecord.expanded) {
                     isShowProgressResizer = false;
+                    isShowConnectorPoints = false;
                 }
             }
         }
@@ -16167,7 +16176,7 @@ class TaskbarEdit extends DateProcessor {
             if (!isNullOrUndefined(this.parent.taskFields.dependency)
                 && (element.querySelector('.' + connectorPointLeft)
                     || element.parentElement.querySelector('.' + connectorPointLeft))
-                && isShowProgressResizer) {
+                && isShowConnectorPoints) {
                 const connectorElement = !isNullOrUndefined(element.querySelector('.' + connectorPointLeft)) ?
                     element : element.parentElement;
                 addClass([connectorElement.querySelector('.' + connectorPointLeft)], [connectorPointLeftHover]);
@@ -17764,7 +17773,8 @@ class DialogEdit {
             datetimepickeredit: DateTimePicker,
             maskededit: MaskedTextBox,
             numericedit: NumericTextBox,
-            stringedit: TextBox
+            stringedit: TextBox,
+            defaultedit: TextBox
         };
         this.processDialogFields();
         this.wireEvents();
@@ -18069,7 +18079,7 @@ class DialogEdit {
         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 = (args) => {
@@ -18355,15 +18365,15 @@ class DialogEdit {
             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);
             }
         }
@@ -18416,6 +18426,7 @@ class DialogEdit {
                     fieldsModel[column.field] = checkboxModel;
                     break;
                 }
+            case 'defaultedit':
             case 'stringedit':
                 {
                     const textBox = common;
@@ -19310,7 +19321,7 @@ class DialogEdit {
     updateResourceCollection(args, resourceTreeGridId) {
         if (!isNullOrUndefined(args.data) && Object.keys(args.data).length) {
             const ganttObj = this.parent;
-            const treeGridId = ganttObj.element.querySelector('#' + resourceTreeGridId);
+            const treeGridId = document.querySelector('#' + resourceTreeGridId);
             const resourceTreeGrid = treeGridId.ej2_instances[0];
             if (!isNullOrUndefined(resourceTreeGrid) && resourceTreeGrid.getSelectedRecords().length > 0) {
                 const tempRecords = resourceTreeGrid.getSelectedRecords();
@@ -19383,7 +19394,7 @@ class DialogEdit {
         return divElement;
     }
     resourceSelection(id) {
-        const resourceTreeGrid = this.parent.element.querySelector('#' + id).ej2_instances[0];
+        const resourceTreeGrid = document.querySelector('#' + id).ej2_instances[0];
         let currentViewData = resourceTreeGrid.getCurrentViewRecords();
         let resources = this.ganttResources;
         if (resources && resources.length > 0) {
@@ -21758,6 +21769,7 @@ class Edit$2 {
         let eventArgs = {};
         eventArgs.requestType = 'beforeSave';
         eventArgs.data = args.data;
+        eventArgs.cancel = false;
         eventArgs.modifiedRecords = this.parent.editedRecords;
         if (!isNullOrUndefined(args.target)) {
             eventArgs.target = args.target;
@@ -22587,13 +22599,13 @@ class Edit$2 {
                         changedRecords: eventArg.modifiedTaskData
                     };
                     const adaptor = data.adaptor;
+                    const query = this.parent.query instanceof Query ? this.parent.query : new Query();
                     if (!(adaptor instanceof WebApiAdaptor && adaptor instanceof ODataAdaptor) || data.dataSource.batchUrl) {
-                        const crud = data.saveChanges(updatedData, this.parent.taskFields.id);
+                        const crud = data.saveChanges(updatedData, this.parent.taskFields.id, null, query);
                         crud.then(() => this.deleteSuccess(args))
                             .catch((e) => this.dmFailure(e, args));
                     }
                     else {
-                        const query = this.parent.query instanceof Query ? this.parent.query : new Query();
                         const deletedRecords = 'deletedRecords';
                         let deleteCrud = null;
                         for (let i = 0; i < updatedData[deletedRecords].length; i++) {
@@ -26051,6 +26063,11 @@ class ContextMenu$2 {
         const 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;
         }
@@ -26810,6 +26827,30 @@ class RowDD$1 {
                             this.updateParentRecords.push(draggedRecord.parentItem);
                         }
                     }
+                    if (!this.parent.enableVirtualization) {
+                        let data = gObj.flatData;
+                        let startIndex;
+                        let endIndex;
+                        if (draggedRecord.index < droppedRecord.index) {
+                            startIndex = draggedRecord.index;
+                            endIndex = droppedRecord.index;
+                        }
+                        else {
+                            startIndex = droppedRecord.index;
+                            endIndex = draggedRecord.index;
+                        }
+                        for (let i = startIndex; i <= endIndex; i++) {
+                            if (!isNullOrUndefined(data[i])) {
+                                data[i].index = i;
+                                if (!isNullOrUndefined(data[i].parentItem)) {
+                                    let updatedParent = data.filter((e) => {
+                                        return e.uniqueID === data[i].parentUniqueID;
+                                    })[0];
+                                    data[i].parentItem.index = updatedParent.index;
+                                }
+                            }
+                        }
+                    }
                     gObj.rowDragAndDropModule.refreshDataSource();
                 }
                 if (this.dropPosition === 'middleSegment') {