@syncfusion/ej2-gantt 19.3.44 → 19.3.48

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

@@ -1,7 +1,7 @@
 import { Browser, ChildProperty, Collection, Complex, Component, Event, EventHandler, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Property, addClass, append, classList, closest, compile, createElement, deleteObject, extend, formatUnit, getValue, isNullOrUndefined, isObject, isObjectArray, isUndefined, merge, remove, removeClass, setValue } from '@syncfusion/ej2-base';
 import { Dialog, Tooltip, createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
 import { Edit, ForeignKey, Grid, Page, Predicate, Toolbar, ValueFormatter, click, filterAfterOpen, getActualProperties, getCustomDateFormat, getFilterMenuPostion, getForeignData, getObject, getUid, parentsUntil, setCssInGridPopUp } from '@syncfusion/ej2-grids';
-import { CacheAdaptor, DataManager, DataUtil, Deferred, JsonAdaptor, ODataAdaptor, ODataV4Adaptor, Query, RemoteSaveAdaptor, UrlAdaptor, WebApiAdaptor, WebMethodAdaptor } from '@syncfusion/ej2-data';
+import { CacheAdaptor, DataManager, DataUtil, Deferred, ODataAdaptor, ODataV4Adaptor, Query, RemoteSaveAdaptor, UrlAdaptor, WebApiAdaptor, WebMethodAdaptor } from '@syncfusion/ej2-data';
 import { ColumnMenu, ContextMenu, Edit as Edit$1, ExcelExport, Filter, Reorder, Resize, RowDD, Selection, Sort, TreeGrid, VirtualScroll } from '@syncfusion/ej2-treegrid';
 import { Splitter } from '@syncfusion/ej2-layouts';
 import { ContextMenu as ContextMenu$1, Tab, Toolbar as Toolbar$1 } from '@syncfusion/ej2-navigations';
@@ -85,7 +85,7 @@ function isRemoteData(dataSource) {
         return (adaptor instanceof ODataAdaptor || (adaptor instanceof ODataV4Adaptor) ||
             (adaptor instanceof WebApiAdaptor) || (adaptor instanceof WebMethodAdaptor) ||
             (adaptor instanceof CacheAdaptor) || (adaptor instanceof RemoteSaveAdaptor) ||
-            (adaptor instanceof JsonAdaptor) || adaptor instanceof UrlAdaptor);
+            adaptor instanceof UrlAdaptor);
     }
     return false;
 }
@@ -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') {
@@ -2113,6 +2116,13 @@ class TaskProcessor extends DateProcessor {
                     const id = data[taskSettings.id];
                     const index = this.taskIds.indexOf(id.toString());
                     const tempData = (index > -1) ? this.dataArray[index] : {};
+                    if (!isNullOrUndefined(this.parent.taskFields.segmentId)) {
+                        const segmentDataCollection = this.segmentCollection.
+                            filter((x) => x.key === tempData[this.parent.taskFields.id]);
+                        if (segmentDataCollection.length > 0) {
+                            tempData[this.parent.taskFields.segments] = segmentDataCollection[0].items;
+                        }
+                    }
                     this.parent.setRecordValue('taskData', tempData, ganttData);
                 }
                 else {
@@ -2313,6 +2323,7 @@ class TaskProcessor extends DateProcessor {
             if (!isNullOrUndefined(ganttProperties.duration)) {
                 this.parent.setRecordValue('duration', updatedDuration, ganttProperties, true);
             }
+            this.parent.dataOperation.updateMappingData(ganttData, 'duration');
         }
     }
     /**
@@ -13007,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 = '';
@@ -13253,6 +13267,23 @@ let Gantt = class Gantt extends Component {
         this.treeGrid.height = this.ganttHeight - toolbarHeight -
             this.treeGrid.grid.getHeaderContent().offsetHeight;
         this.splitterModule.splitterObject.height = (this.ganttHeight - toolbarHeight).toString();
+        if (!isNullOrUndefined(this.chartVerticalLineContainer)) {
+            this.chartVerticalLineContainer.style.height = this.ganttHeight + 'px';
+        }
+        if (!isNullOrUndefined(this.dayMarkersModule)) {
+            const holidayContainer$$1 = getValue('nonworkingDayRender.holidayContainer', this.dayMarkersModule);
+            const weekendContainer$$1 = getValue('nonworkingDayRender.weekendContainer', this.dayMarkersModule);
+            const eventMarkersContainer$$1 = getValue('eventMarkerRender.eventMarkersContainer', this.dayMarkersModule);
+            if (holidayContainer$$1) {
+                holidayContainer$$1.style.height = this.ganttHeight + 'px';
+            }
+            if (weekendContainer$$1) {
+                weekendContainer$$1.style.height = this.ganttHeight + 'px';
+            }
+            if (eventMarkersContainer$$1) {
+                eventMarkersContainer$$1.style.height = this.ganttHeight + 'px';
+            }
+        }
         this.splitterModule.splitterObject.width = this.ganttWidth.toString();
         this.ganttChartModule.scrollObject.
             setHeight(this.ganttHeight - this.ganttChartModule.chartTimelineContainer.offsetHeight - toolbarHeight);
@@ -15538,6 +15569,7 @@ class CellEdit {
                 this.parent.editModule.dialogModule.isResourceUpdate = true;
                 this.parent.editModule.dialogModule.previousResource = previousResource;
             }
+            this.updateDates(args);
             this.updateEditedRecord(args);
         }
     }
@@ -16107,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;
         }
@@ -16116,6 +16149,7 @@ class TaskbarEdit extends DateProcessor {
             if (!isNullOrUndefined(parentRecord)) {
                 if (!parentRecord.expanded) {
                     isShowProgressResizer = false;
+                    isShowConnectorPoints = false;
                 }
             }
         }
@@ -16142,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]);
@@ -18044,7 +18078,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) => {
@@ -18330,15 +18364,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);
             }
         }
@@ -19285,7 +19319,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();
@@ -19358,7 +19392,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) {
@@ -21168,7 +21202,10 @@ class Edit$2 {
             if (ganttProp.work > 0 || column === 'work') {
                 switch (taskType) {
                     case 'FixedUnit':
-                        if (isAutoSchedule && ganttProp.resourceInfo.length &&
+                        if (ganttProp.resourceInfo.length === 0) {
+                            return;
+                        }
+                        else if (isAutoSchedule && ganttProp.resourceInfo.length &&
                             (column === 'work' || (column === 'resource'))) {
                             this.parent.dataOperation.updateDurationWithWork(currentData);
                         }
@@ -21730,6 +21767,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;
@@ -22559,13 +22597,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++) {
@@ -26023,6 +26061,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;
         }
@@ -26782,6 +26825,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') {
@@ -29558,7 +29625,7 @@ class ExportHelper {
         const taskFields = this.parent.taskFields;
         const ganttProps = data.ganttProperties;
         if (column.editType === 'datepickeredit' || column.editType === 'datetimepickeredit') {
-            cell.value = this.parent.getFormatedDate(data[column.field], this.parent.getDateFormat());
+            cell.value = data[column.field];
         }
         else if (column.field === taskFields.duration) {
             cell.value = this.parent.getDurationString(ganttProps.duration, ganttProps.durationUnit);
@@ -29581,20 +29648,18 @@ class ExportHelper {
         else {
             cell.style.format.paragraphIndent = cell.row.level * 10;
         }
-        if (this.parent.pdfQueryCellInfo != null) {
-            const args = {
-                data: data,
-                value: cell.value,
-                column: column,
-                style: cell.style,
-                cell: cell
-            };
-            args.value = this.exportValueFormatter.formatCellValue(args);
-            if (this.parent.pdfQueryCellInfo) {
-                this.parent.trigger('pdfQueryCellInfo', args);
-            }
-            cell.value = args.value;
+        const args = {
+            data: data,
+            value: cell.value,
+            column: column,
+            style: cell.style,
+            cell: cell
+        };
+        args.value = this.exportValueFormatter.formatCellValue(args);
+        if (this.parent.pdfQueryCellInfo) {
+            this.parent.trigger('pdfQueryCellInfo', args);
         }
+        cell.value = args.value;
     }
     /**
      * Method for create the taskbar collection for rendering