@syncfusion/ej2-gantt 23.2.5 → 24.1.41

package/src/gantt/actions/edit.js

@@ -913,9 +913,12 @@ var Edit = /** @class */ (function () {
                 this.parent.dataOperation.updateParentItems(ganttRecord, true);
             }
             var parentData = this.parent.getRecordByID(ganttRecord.parentItem.taskId);
-            if (!parentData.ganttProperties.predecessorsName) {
-                this.parent.predecessorModule.validatePredecessor(parentData, [], '');
-                this.updateParentItemOnEditing();
+            if (!isNullOrUndefined(parentData)) {
+                if (!parentData.ganttProperties.predecessorsName) {
+                    this.parent.predecessorModule.validatePredecessor(parentData, [], '');
+                    this.updateParentItemOnEditing();
+                    this.parent.ganttChartModule.reRenderConnectorLines();
+                }
             }
         }
         if (this.parent.UpdateOffsetOnTaskbarEdit && this.parent.connectorLineEditModule && args.data) {
@@ -1241,12 +1244,18 @@ var Edit = /** @class */ (function () {
         var ganttObj = this.parent;
         var currentBaselineStart = __assign({}, eventArgs.data.ganttProperties.baselineStartDate);
         var currentBaselineEnd = __assign({}, eventArgs.data.ganttProperties.baselineEndDate);
+        var currentProgress = eventArgs.data.ganttProperties.progress;
         this.parent.trigger('actionBegin', eventArgs, function (eventArg) {
             if (currentBaselineStart != eventArg.data["ganttProperties"].baselineStartDate
                 || currentBaselineEnd != eventArg.data["ganttProperties"].baselineEndDate) {
                 ganttObj.setRecordValue('baselineLeft', ganttObj.dataOperation.calculateBaselineLeft(eventArg.data['ganttProperties']), eventArg.data['ganttProperties'], true);
                 ganttObj.setRecordValue('baselineWidth', ganttObj.dataOperation.calculateBaselineWidth(eventArg.data['ganttProperties']), eventArg.data['ganttProperties'], true);
             }
+            if (!isNullOrUndefined(_this.parent.taskFields.progress) && currentProgress != eventArg.data["ganttProperties"].progress) {
+                var width = eventArg.data['ganttProperties'].isAutoSchedule ? eventArg.data['ganttProperties'].width :
+                    eventArg.data['ganttProperties'].autoWidth;
+                _this.parent.setRecordValue('progressWidth', _this.parent.dataOperation.getProgressWidth(width, eventArg.data['ganttProperties'].progress), eventArg.data['ganttProperties'], true);
+            }
             if (!isNullOrUndefined(_this.parent.loadingIndicator) && _this.parent.loadingIndicator.indicatorType === "Shimmer") {
                 _this.parent.showMaskRow();
             }
@@ -1422,9 +1431,10 @@ var Edit = /** @class */ (function () {
                 }
             }
             if (this.parent.isConnectorLineUpdate && !isNullOrUndefined(this.parent.connectorLineEditModule)) {
-                // this.parent.updatedConnectorLineCollection = [];
-                // this.parent.connectorLineIds = [];
+                this.parent.updatedConnectorLineCollection = [];
+                this.parent.connectorLineIds = [];
                 this.parent.connectorLineEditModule.refreshEditedRecordConnectorLine(this.parent.editedRecords);
+                this.parent.ganttChartModule.reRenderConnectorLines();
                 this.updateScheduleDatesOnEditing(args);
             }
         }
@@ -1447,6 +1457,9 @@ var Edit = /** @class */ (function () {
             }
             this.endEditAction(args);
             this.parent.trigger('actionComplete', eventArgs);
+            if (this.parent.allowTaskbarDragAndDrop && this.parent.rowDragAndDropModule && this.parent.rowDragAndDropModule['draggedRecord']) {
+                this.parent.rowDragAndDropModule['draggedRecord'] = null;
+            }
             if (!isNullOrUndefined(this.parent.loadingIndicator) && this.parent.loadingIndicator.indicatorType === "Shimmer") {
                 this.parent.hideMaskRow();
             }
@@ -2560,33 +2573,41 @@ var Edit = /** @class */ (function () {
         var childRecord;
         var predecessorIndex;
         var updatedPredecessor = [];
+        var validPredecessor;
         for (var count = 0; count < len; count++) {
-            if (predecessorCollection[count].to === parentRecordTaskData.rowUniqueID.toString()) {
-                childRecord = this.parent.getRecordByID(predecessorCollection[count].from);
-                predecessorIndex = getIndex(predecessorCollection[count], 'from', childRecord.ganttProperties.predecessor, 'to');
-                // eslint-disable-next-line
-                var predecessorCollections = (extend([], childRecord.ganttProperties.predecessor, [], true));
-                predecessorCollections.splice(predecessorIndex, 1);
-                this.parent.setRecordValue('predecessor', predecessorCollections, childRecord.ganttProperties, true);
-            }
-            else if (predecessorCollection[count].from === parentRecordTaskData.rowUniqueID.toString()) {
-                childRecord = this.parent.getRecordByID(predecessorCollection[count].to);
-                var prdcList = (childRecord.ganttProperties.predecessorsName.toString()).split(',');
-                var str = predecessorCollection[count].from + predecessorCollection[count].type;
-                var ind = prdcList.indexOf(str);
-                prdcList.splice(ind, 1);
-                this.parent.setRecordValue('predecessorsName', prdcList.join(','), childRecord.ganttProperties, true);
-                this.parent.setRecordValue(this.parent.taskFields.dependency, prdcList.join(','), childRecord);
-                predecessorIndex = getIndex(predecessorCollection[count], 'from', childRecord.ganttProperties.predecessor, 'to');
-                // eslint-disable-next-line
-                var temppredecessorCollection = (extend([], childRecord.ganttProperties.predecessor, [], true));
-                temppredecessorCollection.splice(predecessorIndex, 1);
-                this.parent.setRecordValue('predecessor', temppredecessorCollection, childRecord.ganttProperties, true);
-                this.parent.predecessorModule.validatePredecessorDates(childRecord);
-            }
+            var fromRecord = this.parent.getRecordByID(predecessorCollection[count].from);
+            var toRecord = this.parent.getRecordByID(predecessorCollection[count].to);
+            validPredecessor = this.parent.connectorLineEditModule.validateParentPredecessor(fromRecord, toRecord);
+            if (!validPredecessor) {
+                if (predecessorCollection[count].to === parentRecordTaskData.rowUniqueID.toString()) {
+                    childRecord = this.parent.getRecordByID(predecessorCollection[count].from);
+                    predecessorIndex = getIndex(predecessorCollection[count], 'from', childRecord.ganttProperties.predecessor, 'to');
+                    // eslint-disable-next-line
+                    var predecessorCollections = (extend([], childRecord.ganttProperties.predecessor, [], true));
+                    predecessorCollections.splice(predecessorIndex, 1);
+                    this.parent.setRecordValue('predecessor', predecessorCollections, childRecord.ganttProperties, true);
+                }
+                else if (predecessorCollection[count].from === parentRecordTaskData.rowUniqueID.toString()) {
+                    childRecord = this.parent.getRecordByID(predecessorCollection[count].to);
+                    var prdcList = (childRecord.ganttProperties.predecessorsName.toString()).split(',');
+                    var str = predecessorCollection[count].from + predecessorCollection[count].type;
+                    var ind = prdcList.indexOf(str);
+                    prdcList.splice(ind, 1);
+                    this.parent.setRecordValue('predecessorsName', prdcList.join(','), childRecord.ganttProperties, true);
+                    this.parent.setRecordValue(this.parent.taskFields.dependency, prdcList.join(','), childRecord);
+                    predecessorIndex = getIndex(predecessorCollection[count], 'from', childRecord.ganttProperties.predecessor, 'to');
+                    // eslint-disable-next-line
+                    var temppredecessorCollection = (extend([], childRecord.ganttProperties.predecessor, [], true));
+                    temppredecessorCollection.splice(predecessorIndex, 1);
+                    this.parent.setRecordValue('predecessor', temppredecessorCollection, childRecord.ganttProperties, true);
+                    this.parent.predecessorModule.validatePredecessorDates(childRecord);
+                }
+            }
+        }
+        if (!validPredecessor) {
+            this.parent.setRecordValue('predecessor', updatedPredecessor, parentRecord.ganttProperties, true);
+            this.parent.setRecordValue('predecessorsName', '', parentRecord.ganttProperties, true);
         }
-        this.parent.setRecordValue('predecessor', updatedPredecessor, parentRecord.ganttProperties, true);
-        this.parent.setRecordValue('predecessorsName', '', parentRecord.ganttProperties, true);
     };
     /**
      * @param {IPredecessor[]} predecessorCollection .
@@ -2898,11 +2919,30 @@ var Edit = /** @class */ (function () {
             }
             if (getValue(this.parent.taskFields.id, dataCollection[i]).toString() ===
                 this.addRowSelectedItem.ganttProperties.rowUniqueID.toString()) {
+                var index = void 0;
+                if (this.parent.rowDragAndDropModule && this.parent.rowDragAndDropModule['droppedRecord'] && this.parent.viewType === 'ResourceView') {
+                    for (var i_1 = 0; i_1 < dataCollection.length; i_1++) {
+                        if (dataCollection[i_1][this.parent.taskFields.id] == this.parent.rowDragAndDropModule['droppedRecord'].ganttProperties.taskId) {
+                            index = i_1;
+                            break;
+                        }
+                    }
+                }
                 if (rowPosition === 'Above') {
-                    dataCollection.splice(i, 0, record);
+                    if (index) {
+                        dataCollection.splice(index, 0, record);
+                    }
+                    else {
+                        dataCollection.splice(i, 0, record);
+                    }
                 }
                 else if (rowPosition === 'Below') {
-                    dataCollection.splice(i + 1, 0, record);
+                    if (index) {
+                        dataCollection.splice(index + 1, 0, record);
+                    }
+                    else {
+                        dataCollection.splice(i + 1, 0, record);
+                    }
                 }
                 else if (rowPosition === 'Child') {
                     if (dataCollection[i][child] && dataCollection[i][child].length > 0) {
@@ -3104,6 +3144,9 @@ var Edit = /** @class */ (function () {
                         }
                         _this.updateTreeGridUniqueID(cAddedRecord_1, 'add');
                         _this.refreshNewlyAddedRecord(args, cAddedRecord_1);
+                        if (_this.parent.viewType === 'ResourceView' && _this.parent.taskFields.work) {
+                            _this.parent.dataOperation.updateParentItems(ganttData, true);
+                        }
                         _this._resetProperties();
                     }
                 }
@@ -3475,6 +3518,7 @@ var Edit = /** @class */ (function () {
         }
     };
     Edit.prototype.reArrangeRows = function (args, isByMethod) {
+        var _this = this;
         this.dropPosition = args.dropPosition;
         if (args.dropPosition !== 'Invalid' && this.parent.editModule) {
             var obj = this.parent;
@@ -3552,12 +3596,22 @@ var Edit = /** @class */ (function () {
                 this.refreshDataSource();
             }
             if (this.dropPosition === 'middleSegment') {
-                if (droppedRec.ganttProperties.predecessor) {
-                    this.parent.editModule.removePredecessorOnDelete(droppedRec);
-                    droppedRec.ganttProperties.predecessor = null;
-                    droppedRec.ganttProperties.predecessorsName = null;
-                    droppedRec[this.parent.taskFields.dependency] = null;
-                    droppedRec.taskData[this.parent.taskFields.dependency] = null;
+                if (!isNullOrUndefined(droppedRec.ganttProperties.predecessor)) {
+                    var len = droppedRec.ganttProperties.predecessor.length;
+                    for (var count = 0; count < len; count++) {
+                        if (!isNullOrUndefined(droppedRec.ganttProperties.predecessor)) {
+                            var fromRecord = this.parent.getRecordByID(droppedRec.ganttProperties.predecessor[count].from);
+                            var toRecord = this.parent.getRecordByID(droppedRec.ganttProperties.predecessor[count].to);
+                            var validPredecessor = this.parent.connectorLineEditModule.validateParentPredecessor(fromRecord, toRecord);
+                            if (droppedRec.ganttProperties.predecessor && !validPredecessor) {
+                                this.parent.editModule.removePredecessorOnDelete(droppedRec);
+                                droppedRec.ganttProperties.predecessor = null;
+                                droppedRec.ganttProperties.predecessorsName = null;
+                                droppedRec[this.parent.taskFields.dependency] = null;
+                                droppedRec.taskData[this.parent.taskFields.dependency] = null;
+                            }
+                        }
+                    }
                 }
                 if (droppedRec.ganttProperties.isMilestone) {
                     this.parent.setRecordValue('isMilestone', false, droppedRec.ganttProperties, true);
@@ -3571,6 +3625,12 @@ var Edit = /** @class */ (function () {
             for (var k = 0; k < this.updateParentRecords.length; k++) {
                 this.parent.dataOperation.updateParentItems(this.updateParentRecords[k]);
             }
+            this.parent.editedRecords.forEach(function (record) {
+                _this.parent.predecessorModule.validatePredecessor(record, [], '');
+            });
+            for (var k = 0; k < this.updateParentRecords.length; k++) {
+                this.parent.dataOperation.updateParentItems(this.updateParentRecords[k]);
+            }
             this.updateParentRecords = [];
             this.parent.isOnEdit = false;
         }
@@ -3640,6 +3700,9 @@ var Edit = /** @class */ (function () {
         else {
             this.parent.hideSpinner();
         }
+        if (this.parent.rowDragAndDropModule) {
+            this.parent.rowDragAndDropModule['draggedRecord'] = null;
+        }
         this.parent.editedRecords = [];
     };
     Edit.prototype.refreshDataSource = function () {
@@ -3903,9 +3966,9 @@ var Edit = /** @class */ (function () {
                     data.splice(indx, 1);
                 }
                 var gridIndx = void 0;
-                for (var i_1 = 0; i_1 < this.treeGridData.length; i_1++) {
-                    if (this.treeGridData[i_1][this.parent.taskFields.id] === currentRec.taskData[this.parent.taskFields.id]) {
-                        gridIndx = i_1;
+                for (var i_2 = 0; i_2 < this.treeGridData.length; i_2++) {
+                    if (this.treeGridData[i_2][this.parent.taskFields.id] === currentRec.taskData[this.parent.taskFields.id]) {
+                        gridIndx = i_2;
                     }
                 }
                 this.treeGridData.splice(gridIndx, 1);

package/src/gantt/actions/keyboard.js

@@ -1,4 +1,4 @@
-import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, getValue, removeClass } from '@syncfusion/ej2-base';
 /**
  * Focus module is used to handle certain action on focus elements in keyboard navigations.
  */
@@ -256,6 +256,10 @@ var FocusModule = /** @class */ (function () {
         if (ganttObj.selectionModule) {
             if (ganttObj.selectionSettings.mode !== 'Cell' && ganttObj.selectedRowIndex !== -1) {
                 var selectedItem = ganttObj.currentViewData[ganttObj.selectedRowIndex];
+                var focussedElement = ganttObj.element.querySelector('.e-focused');
+                if (focussedElement) {
+                    removeClass([focussedElement], 'e-focused');
+                }
                 var focusedRowIndex = this.parent.ganttChartModule.focusedRowIndex;
                 var selectingRowIndex = expandedRecords.indexOf(selectedItem);
                 var currentSelectingRecord = e.action === 'downArrow' ? expandedRecords[selectingRowIndex + 1] :

package/src/gantt/actions/pdf-export.js

@@ -81,18 +81,26 @@ var PdfExport = /** @class */ (function () {
             if (pdfExportProperties.exportType === 'CurrentViewData') {
                 this.helper.beforeSinglePageExport['cloneFlatData'] = extend([], this.parent.currentViewData, null, true);
             }
-            else {
+            else if (pdfExportProperties.exportType === 'AllData') {
                 this.helper.beforeSinglePageExport['cloneFlatData'] = extend([], this.parent.flatData, null, true);
             }
+            else {
+                this.helper.beforeSinglePageExport['cloneFlatData'] = extend([], this.parent.updatedRecords, null, true);
+            }
             this.helper.beforeSinglePageExport['cloneCurrentViewData'] = extend([], this.parent.currentViewData, null, true);
             data = this.helper.beforeSinglePageExport['cloneFlatData'];
         }
         else {
-            if (pdfExportProperties.exportType === 'CurrentViewData') {
-                data = this.parent.currentViewData;
+            if (!isNullOrUndefined(pdfExportProperties.exportType)) {
+                if (pdfExportProperties.exportType === 'CurrentViewData') {
+                    data = this.parent.currentViewData;
+                }
+                else {
+                    data = this.parent.flatData;
+                }
             }
             else {
-                data = this.parent.flatData;
+                data = this.parent.updatedRecords;
             }
         }
         this.initGantt();

package/src/gantt/actions/rowdragdrop.js

@@ -335,11 +335,30 @@ var RowDD = /** @class */ (function () {
                 }
                 if (this.dropPosition === 'middleSegment') {
                     if (droppedRecord.ganttProperties.predecessor) {
-                        this.parent.editModule.removePredecessorOnDelete(droppedRecord);
-                        droppedRecord.ganttProperties.predecessor = null;
-                        droppedRecord.ganttProperties.predecessorsName = null;
-                        droppedRecord[this.parent.taskFields.dependency] = null;
-                        droppedRecord.taskData[this.parent.taskFields.dependency] = null;
+                        var len = droppedRecord.ganttProperties.predecessor.length;
+                        for (var count_1 = 0; count_1 < len; count_1++) {
+                            if (droppedRecord.ganttProperties.predecessor && droppedRecord.ganttProperties.predecessor[count_1]) {
+                                var fromRecord = this.parent.getRecordByID(droppedRecord.ganttProperties.predecessor[count_1].from);
+                                var toRecord = this.parent.getRecordByID(droppedRecord.ganttProperties.predecessor[count_1].to);
+                                var validPredecessor = this.parent.connectorLineEditModule.validateParentPredecessor(fromRecord, toRecord);
+                                if (droppedRecord.ganttProperties.predecessor && !validPredecessor) {
+                                    this.parent.editModule.removePredecessorOnDelete(droppedRecord);
+                                    droppedRecord.ganttProperties.predecessor.splice(0, 1);
+                                    if (droppedRecord.ganttProperties.predecessorsName) {
+                                        var splittedName = droppedRecord.ganttProperties.predecessorsName.split(',');
+                                        for (var i = 0; i < splittedName.length; i++) {
+                                            if (splittedName[i].indexOf(draggedRecord.ganttProperties.taskId + '') != -1) {
+                                                splittedName.splice(i, 1);
+                                            }
+                                        }
+                                        var validatedPredecessorNames = splittedName.join();
+                                        droppedRecord.ganttProperties.predecessorsName = validatedPredecessorNames;
+                                        droppedRecord[this.parent.taskFields.dependency] = validatedPredecessorNames;
+                                        droppedRecord.taskData[this.parent.taskFields.dependency] = validatedPredecessorNames;
+                                    }
+                                }
+                            }
+                        }
                     }
                     if (droppedRecord.ganttProperties.isMilestone) {
                         this.parent.setRecordValue('isMilestone', false, droppedRecord.ganttProperties, true);

package/src/gantt/actions/selection.js

@@ -90,6 +90,9 @@ var Selection = /** @class */ (function () {
             this.selectedRowIndexes = index;
         }
         if (this.parent.autoFocusTasks) {
+            if (this.parent.enableTimelineVirtualization) {
+                this.parent['isRowSelected'] = true;
+            }
             this.parent.ganttChartModule.updateScrollLeft(getValue('data.ganttProperties.left', args));
         }
         args.target = this.actualTarget;
@@ -206,7 +209,7 @@ var Selection = /** @class */ (function () {
             index = this.parent.flatData.indexOf(this.parent.currentViewData[index]);
             this.parent.treeGridModule.addedRecord = false;
         }
-        var selectedRow = ganttRow.filter(function (e) { return parseInt(e.getAttribute('aria-rowindex'), 0) === index; })[0];
+        var selectedRow = ganttRow.filter(function (e) { return parseInt(e.getAttribute('data-rowindex'), 0) === index; })[0];
         var condition;
         if (index === -1 || isNullOrUndefined(selectedRow) || this.parent.selectionSettings.mode === 'Cell') {
             return;
@@ -325,7 +328,7 @@ var Selection = /** @class */ (function () {
         this.isSelectionFromChart = fromChart;
         if (fromChart) {
             var selectedRow = closest(e.target, 'tr.e-chart-row');
-            var rIndex = parseInt(selectedRow.getAttribute('aria-rowindex'), 10);
+            var rIndex = parseInt(selectedRow.getAttribute('data-rowindex'), 10);
             var isToggle = this.parent.selectionSettings.enableToggle;
             if (this.parent.selectionSettings.type === 'Single' || (!this.isMultiCtrlRequest && !this.isMultiShiftRequest)) {
                 if (!this.parent.allowTaskbarDragAndDrop || (this.parent.allowTaskbarDragAndDrop && (this.parent.rowDragAndDropModule &&
@@ -381,7 +384,7 @@ var Selection = /** @class */ (function () {
         var _loop_2 = function (i) {
             var selectedRow = ganttRow.filter(function (e) {
                 // eslint-disable-next-line
-                return parseInt(e.getAttribute('aria-rowindex'), 0) === records[i];
+                return parseInt(e.getAttribute('data-rowindex'), 0) === records[i];
             })[0];
             if (!isNullOrUndefined(selectedRow)) {
                 // eslint-disable-next-line

package/src/gantt/actions/taskbar-edit.d.ts

@@ -61,6 +61,11 @@ export declare class TaskbarEdit extends DateProcessor {
     private taskbarResizer;
     private currentIndex;
     private currentData;
+    private isClonedElement;
+    private draggedTreeGridRowElement;
+    private draggedTreeGridRowHeight;
+    private updatePosition;
+    private tooltipValue;
     constructor(ganttObj?: Gantt);
     private wireEvents;
     /**
@@ -111,6 +116,15 @@ export declare class TaskbarEdit extends DateProcessor {
      */
     private updateMouseDownProperties;
     private isMouseDragCheck;
+    removeFirstBorder(element: any): void;
+    removeLastBorder(element: any): void;
+    private removetopOrBottomBorder;
+    private topOrBottomBorder;
+    private removeChildBorder;
+    private addRemoveClasses;
+    private addErrorElem;
+    private removeErrorElem;
+    ensurePosition(draggedRecords: IGanttData[], currentRecord: IGanttData): void;
     /**
      * To handle mouse move action in chart
      *