@syncfusion/ej2-gantt 20.2.50 → 20.3.47

package/src/gantt/actions/filter.js

@@ -1,7 +1,7 @@
 import { TreeGrid, Filter as TreeGridFilter } from '@syncfusion/ej2-treegrid';
 import { filterAfterOpen } from '@syncfusion/ej2-grids';
 import { getActualProperties, getCustomDateFormat } from '@syncfusion/ej2-grids';
-import { getValue, isNullOrUndefined, remove, createElement, addClass, closest } from '@syncfusion/ej2-base';
+import { getValue, isNullOrUndefined, remove, createElement, addClass, closest, EventHandler } from '@syncfusion/ej2-base';
 import { TextBox } from '@syncfusion/ej2-inputs';
 import { DatePicker, DateTimePicker } from '@syncfusion/ej2-calendars';
 /**
@@ -45,10 +45,13 @@ var Filter = /** @class */ (function () {
         this.parent.on('actionComplete', this.actionComplete, this);
         this.parent.on('columnMenuOpen', this.columnMenuOpen, this);
     };
+    Filter.prototype.wireEvents = function (a) {
+        EventHandler.add(document.getElementById(a), 'click', this.mouseClickHandler, this);
+    };
     Filter.prototype.initiateFiltering = function (column) {
         var treeColumn = this.parent.getColumnByField(column.field, this.parent.treeGridModule.treeGridColumns);
         column.allowFiltering = column.allowFiltering === false ? false : true;
-        if (column.allowFiltering && this.parent.filterSettings.type === 'Menu' && !column.filter) {
+        if (column.allowFiltering && (this.parent.filterSettings.type === 'Menu' || this.parent.filterSettings.type === 'Excel') && !column.filter) {
             column.filter = { ui: this.getCustomFilterUi(column) };
         }
         if (treeColumn) {
@@ -78,6 +81,14 @@ var Filter = /** @class */ (function () {
         }
         return filterUI;
     };
+    Filter.prototype.mouseClickHandler = function (e) {
+        if (closest(e.target, ".e-excelfilter")) {
+            this.parent.treeGrid.grid.notify("click", e);
+        }
+    };
+    Filter.prototype.unWireEvents = function () {
+        EventHandler.remove(this.parent.element, 'click', this.mouseClickHandler);
+    };
     Filter.prototype.getDatePickerFilter = function (columnName) {
         var _this = this;
         var parent = this.parent;
@@ -199,6 +210,15 @@ var Filter = /** @class */ (function () {
         }
     };
     Filter.prototype.actionComplete = function (args) {
+        if (!isNullOrUndefined(args['filterModel'])) {
+            if (!isNullOrUndefined(args['filterModel']['dialogObj'])) {
+                if (!isNullOrUndefined(args['filterModel']['dialogObj']['element'])) {
+                    if (this.parent.filterSettings.type === 'Excel') {
+                        this.wireEvents(args['filterModel']['dialogObj']['element'].id);
+                    }
+                }
+            }
+        }
         if (args.requestType === filterAfterOpen) {
             if (this.parent.treeGrid.filterSettings.type === 'Menu') {
                 this.filterMenuElement = getValue('filterModel.dlgObj.element', args);
@@ -216,12 +236,15 @@ var Filter = /** @class */ (function () {
             if ((args.columnName === predecessor && isNullOrUndefined(getValue(predecessor, filterValues)))
                 || (args.columnName === resource && isNullOrUndefined(getValue(resource, filterValues)))) {
                 var element = this.filterMenuElement.querySelector('.e-dropdownlist');
-                var instanceObj = getValue('ej2_instances[0]', element);
-                instanceObj.index = 2;
-                instanceObj.dataBind();
+                var instanceObj = void 0;
+                if (!isNullOrUndefined(element)) {
+                    instanceObj = getValue('ej2_instances[0]', element);
+                    instanceObj.index = 2;
+                    instanceObj.dataBind();
+                }
             }
             else if (args.columnName === taskID && isNullOrUndefined(getValue(taskID, filterValues)) && this.parent.treeGrid.filterSettings.type === 'Menu') {
-                var element = this.filterMenuElement.querySelector('.e-numerictextbox');
+                var element = this.filterMenuElement.querySelector('.e-flmenu-input');
                 var instanceObj = getValue('ej2_instances[0]', element);
                 if (!isNullOrUndefined(instanceObj) && isNullOrUndefined(this.parent.columnByField[args.columnName].format)) {
                     instanceObj.format = 'n';
@@ -252,6 +275,7 @@ var Filter = /** @class */ (function () {
      */
     Filter.prototype.destroy = function () {
         this.removeEventListener();
+        this.unWireEvents();
     };
     return Filter;
 }());

package/src/gantt/actions/keyboard.js

@@ -248,7 +248,7 @@ var FocusModule = /** @class */ (function () {
             if (ganttObj.selectionSettings.mode !== 'Cell' && ganttObj.selectedRowIndex !== -1) {
                 var selectedItem = ganttObj.currentViewData[ganttObj.selectedRowIndex];
                 var focusedRowIndex = this.parent.ganttChartModule.focusedRowIndex;
-                var selectingRowIndex = focusedRowIndex > -1 ? focusedRowIndex : expandedRecords.indexOf(selectedItem);
+                var selectingRowIndex = expandedRecords.indexOf(selectedItem);
                 var currentSelectingRecord = e.action === 'downArrow' ? expandedRecords[selectingRowIndex + 1] :
                     expandedRecords[selectingRowIndex - 1];
                 ganttObj.selectionModule.selectRow(ganttObj.currentViewData.indexOf(currentSelectingRecord), false, true);

package/src/gantt/actions/rowdragdrop.js

@@ -119,7 +119,7 @@ var RowDD = /** @class */ (function () {
     };
     RowDD.prototype.rowDragStartHelper = function (args) {
         this.parent.trigger('rowDragStartHelper', args);
-        if (this.parent.readOnly || this.parent.filterSettings.columns.length > 0) {
+        if (this.parent.readOnly) {
             args.cancel = true;
         }
         if (this.parent.viewType === 'ResourceView' && getValue('level', args.data[0]) === 0) {
@@ -255,7 +255,7 @@ var RowDD = /** @class */ (function () {
                         var uniqueTaskID_1 = this_1.parent.taskFields.id;
                         if (draggedRecord.index < droppedRecord.index) {
                             startIndex = draggedRecord.index;
-                            var _loop_2 = function (i_1) {
+                            var _loop_3 = function (i_1) {
                                 var currentData = this_1.parent.currentViewData.filter(function (e) {
                                     return e[uniqueTaskID_1] === ganttData_1[i_1][uniqueTaskID_1];
                                 })[0];
@@ -265,14 +265,14 @@ var RowDD = /** @class */ (function () {
                                 }
                             };
                             for (var i_1 = 0; i_1 < ganttData_1.length; i_1++) {
-                                var state_2 = _loop_2(i_1);
+                                var state_2 = _loop_3(i_1);
                                 if (state_2 === "break")
                                     break;
                             }
                         }
                         else {
                             startIndex = droppedRecord.index;
-                            var _loop_3 = function (i_2) {
+                            var _loop_4 = function (i_2) {
                                 var currentData = this_1.parent.currentViewData.filter(function (e) {
                                     return e[uniqueTaskID_1] === ganttData_1[i_2][uniqueTaskID_1];
                                 })[0];
@@ -282,12 +282,12 @@ var RowDD = /** @class */ (function () {
                                 }
                             };
                             for (var i_2 = 0; i_2 < ganttData_1.length; i_2++) {
-                                var state_3 = _loop_3(i_2);
+                                var state_3 = _loop_4(i_2);
                                 if (state_3 === "break")
                                     break;
                             }
                         }
-                        var _loop_4 = function (i_3) {
+                        var _loop_5 = function (i_3) {
                             if (!isNullOrUndefined(data_1[i_3])) {
                                 data_1[i_3].index = i_3;
                                 if (!isNullOrUndefined(data_1[i_3].parentItem)) {
@@ -299,7 +299,7 @@ var RowDD = /** @class */ (function () {
                             }
                         };
                         for (var i_3 = startIndex; i_3 <= endIndex; i_3++) {
-                            _loop_4(i_3);
+                            _loop_5(i_3);
                         }
                     }
                     gObj.rowDragAndDropModule.refreshDataSource();
@@ -360,6 +360,66 @@ var RowDD = /** @class */ (function () {
                         this.updateSharedResourceTask();
                     }
                 }
+                if (this.parent.taskFields.dependency) {
+                    var isValidPredecessor = true;
+                    var draggedParent = void 0;
+                    var toParent_1;
+                    if (draggedRecord.parentItem) {
+                        draggedParent = this.parent.currentViewData[this.parent.ids.indexOf(draggedRecord.parentItem.taskId)];
+                    }
+                    else {
+                        draggedParent = draggedRecord;
+                    }
+                    if (droppedRecord.parentItem) {
+                        toParent_1 = this.parent.currentViewData[this.parent.ids.indexOf(droppedRecord.parentItem.taskId)];
+                    }
+                    else {
+                        toParent_1 = droppedRecord;
+                    }
+                    var validateRecords = void 0;
+                    if (toParent_1.uniqueID === draggedParent.uniqueID || (draggedParent.parentItem &&
+                        toParent_1.uniqueID == this.parent.currentViewData[this.parent.ids.indexOf(draggedParent.parentItem.taskId)].uniqueID)) {
+                        validateRecords = this.parent.currentViewData.filter(function (data) {
+                            if ((data.ganttProperties.predecessor && data.ganttProperties.predecessor.length > 0)) {
+                                for (var i = 0; i < data.ganttProperties.predecessor.length; i++) {
+                                    return (parseInt(data.ganttProperties.predecessor[i].to) === parseInt(toParent_1.ganttProperties.taskId) ||
+                                        parseInt(data.ganttProperties.predecessor[i].from) === parseInt(toParent_1.ganttProperties.taskId));
+                                }
+                            }
+                            return null;
+                        });
+                        var predName = [];
+                        for (var i = 0; i < validateRecords.length; i++) {
+                            predName = [];
+                            if (validateRecords[i].ganttProperties.predecessor) {
+                                for (var k = 0; k < validateRecords[i].ganttProperties.predecessor.length; k++) {
+                                    if (parseInt(validateRecords[i].ganttProperties.taskId) !==
+                                        parseInt(validateRecords[i].ganttProperties.predecessor[k].from)) {
+                                        predName.push(validateRecords[i].ganttProperties.predecessor[k].from);
+                                    }
+                                    else {
+                                        predName.push(validateRecords[i].ganttProperties.predecessor[k].to);
+                                    }
+                                }
+                            }
+                            var _loop_2 = function (j) {
+                                var name_1 = predName[j].replace(/\D/g, '');
+                                var toRec = this_2.parent.currentViewData.filter(function (data) {
+                                    return parseInt(data.ganttProperties.taskId) == parseInt(name_1);
+                                });
+                                isValidPredecessor = this_2.parent.connectorLineEditModule.validateParentPredecessor(validateRecords[i], toRec[0]);
+                                if (!isValidPredecessor) {
+                                    this_2.parent.dataOperation['resetDependency'](validateRecords[i]);
+                                    this_2.parent.dataOperation['resetDependency'](toRec[0]);
+                                }
+                            };
+                            var this_2 = this;
+                            for (var j = 0; j < predName.length; j++) {
+                                _loop_2(j);
+                            }
+                        }
+                    }
+                }
                 // method to update the edited parent records
                 for (var j = 0; j < this.updateParentRecords.length; j++) {
                     this.parent.dataOperation.updateParentItems(this.updateParentRecords[j]);
@@ -740,7 +800,7 @@ var RowDD = /** @class */ (function () {
                 }
                 var idx = void 0;
                 var ganttData = dataSource.length > 0 && this.parent.viewType !== 'ResourceView' ?
-                    dataSource : this.parent.updatedRecords;
+                    dataSource : this.parent.flatData;
                 for (var i = 0; i < ganttData.length; i++) {
                     if (this.parent.viewType === 'ResourceView') {
                         if (ganttData[i].ganttProperties.rowUniqueID === deletedRow.ganttProperties.rowUniqueID) {

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

@@ -102,6 +102,9 @@ var TaskbarEdit = /** @class */ (function (_super) {
         }
     };
     TaskbarEdit.prototype.mouseClickHandler = function (e) {
+        if (!this.parent.editSettings.allowTaskbarEditing) {
+            return;
+        }
         var targetElement = this.getElementByPosition(e);
         var element = parentsUntil(targetElement, cls.taskBarMainContainer);
         if (this.parent.selectionModule && this.parent.selectionModule.enableSelectMultiTouch) {
@@ -634,10 +637,13 @@ var TaskbarEdit = /** @class */ (function (_super) {
         var _this = this;
         this.stopScrollTimer();
         this.scrollTimer = window.setInterval(function () {
-            if (direction === 'right' || direction === 'bottom') {
+            if (direction === 'right') {
                 _this.timerCount = (_this.timerCount + 1) >= _this.parent.timelineModule.totalTimelineWidth ?
                     _this.parent.timelineModule.totalTimelineWidth : (_this.timerCount + 1);
             }
+            else if (direction === 'bottom') {
+                _this.timerCount = _this.timerCount + 1;
+            }
             else {
                 _this.timerCount = (_this.timerCount - 1) < 0 ? 0 : (_this.timerCount - 1);
             }
@@ -1745,8 +1751,14 @@ var TaskbarEdit = /** @class */ (function (_super) {
             }
             if ((this.parent.virtualScrollModule && this.parent.enableVirtualization &&
                 !this.elementOffsetLeft) || !this.parent.enableVirtualization) {
-                this.elementOffsetLeft = this.taskBarEditElement.offsetLeft;
-                this.elementOffsetTop = this.taskBarEditElement.offsetTop + scrollTop;
+                if (this.taskBarEditElement.children[0].classList.contains('e-manualparent-main-container')) {
+                    this.elementOffsetLeft = this.taskBarEditElement.children[0]['offsetLeft'] + this.taskBarEditElement.offsetLeft;
+                    this.elementOffsetTop = ((this.taskBarEditElement.offsetTop - 5) + this.taskBarEditElement.children[0]['offsetTop']) + scrollTop;
+                }
+                else {
+                    this.elementOffsetLeft = this.taskBarEditElement.offsetLeft;
+                    this.elementOffsetTop = this.taskBarEditElement.offsetTop + scrollTop;
+                }
                 this.elementOffsetWidth = this.taskBarEditElement.offsetWidth;
                 this.elementOffsetHeight = this.taskBarEditElement.offsetHeight;
             }

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

@@ -128,7 +128,9 @@ export declare type DialogFieldType =
  */
 export declare type FilterType = 
 /** Defines filter type as menu */
-'Menu';
+'Menu' | 
+/** Specifies the filtersetting type as excel */
+'Excel';
 /**
  * To define hierarchy mode on filter action
  */

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

@@ -175,7 +175,7 @@ var GanttChart = /** @class */ (function () {
     GanttChart.prototype.renderTimelineContainer = function () {
         this.chartTimelineContainer =
             createElement('div', { className: cls.timelineHeaderContainer });
-        this.chartTimelineContainer.setAttribute("role", "TimelineHeader");
+        this.chartTimelineContainer.setAttribute("role", "presentation");
         this.chartElement.appendChild(this.chartTimelineContainer);
     };
     /**
@@ -301,12 +301,10 @@ var GanttChart = /** @class */ (function () {
         }
     };
     GanttChart.prototype.ganttChartMouseClick = function (e) {
-        if (this.parent.editSettings.allowTaskbarEditing) {
-            if (this.parent.autoFocusTasks) {
-                this.scrollToTarget(e); /** Scroll to task */
-            }
-            this.parent.notify('chartMouseClick', e);
+        if (this.parent.autoFocusTasks) {
+            this.scrollToTarget(e); /** Scroll to task */
         }
+        this.parent.notify('chartMouseClick', e);
     };
     GanttChart.prototype.ganttChartMouseUp = function (e) {
         if (this.parent.editSettings.allowTaskbarEditing) {
@@ -640,6 +638,10 @@ var GanttChart = /** @class */ (function () {
         this.parent.updatedConnectorLineCollection = [];
         this.parent.predecessorModule.createConnectorLinesCollection();
         this.parent.connectorLineModule.renderConnectorLines(this.parent.updatedConnectorLineCollection);
+        if (this.parent.enableCriticalPath && this.parent.criticalPathModule) {
+            var criticalModule = this.parent.criticalPathModule;
+            criticalModule.criticalConnectorLine(criticalModule.criticalPathCollection, criticalModule.detailPredecessorCollection, true, criticalModule.predecessorCollectionTaskIds);
+        }
     };
     /**
      * To collapse gantt rows

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

@@ -1733,7 +1733,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * @returns {void} .
      * @public
      */
-    expandByID(id: number): void;
+    expandByID(id: number | string): void;
     /**
      * Collapse the record by index value.
      *
@@ -1749,7 +1749,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * @returns {void} .
      * @public
      */
-    collapseByID(id: number): void;
+    collapseByID(id: number | string): void;
     /**
      * Method to add record.
      *
@@ -1860,7 +1860,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * @returns {void} .
      * @public
      */
-    addPredecessor(id: number, predecessorString: string): void;
+    addPredecessor(id: number | string, predecessorString: string): void;
     /**
      * To remove dependency from task.
      *
@@ -1868,7 +1868,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * @returns {void} .
      * @public
      */
-    removePredecessor(id: number): void;
+    removePredecessor(id: number | string): void;
     /**
      * To modify current dependency values of Task by task id.
      *
@@ -1877,7 +1877,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * @returns {void} .
      * @public
      */
-    updatePredecessor(id: number, predecessorString: string): void;
+    updatePredecessor(id: number | string, predecessorString: string): void;
     /**
      * Method to open Add dialog.
      *
@@ -1892,7 +1892,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
      * @returns {void} .
      * @public
      */
-    openEditDialog(taskId?: number): void;
+    openEditDialog(taskId?: number | string): void;
     /**
      * Changes the TreeGrid column positions by field names.
      *

package/src/gantt/base/gantt.js

@@ -391,6 +391,7 @@ var Gantt = /** @class */ (function (_super) {
             if (this.enableValidation) {
                 this.dataOperation.updateGanttData();
             }
+            this.predecessorModule.updateParentPredecessor();
             if (this.dataSource instanceof Object && isCountRequired(this)) {
                 var count = getValue('count', this.dataSource);
                 this.treeGrid.dataSource = { result: this.flatData, count: count };
@@ -403,6 +404,7 @@ var Gantt = /** @class */ (function (_super) {
             if (this.enableValidation) {
                 this.dataOperation.updateGanttData();
             }
+            this.predecessorModule.updateParentPredecessor();
             this.treeGridPane.classList.remove('e-temp-content');
             remove(this.treeGridPane.querySelector('.e-gantt-temp-header'));
             this.notify('dataReady', {});
@@ -714,7 +716,7 @@ var Gantt = /** @class */ (function (_super) {
             {
                 topTier: { unit: 'Hour', format: 'ddd MMM, h a', count: 1 },
                 bottomTier: { unit: 'Minutes', format: 'mm', count: 30 }, timelineUnitSize: 66, level: 22,
-                timelineViewMode: 'Hour', weekStartDay: _WeekStartDay, updateTimescaleView: true, weekendBackground: null, showTooltip: true
+                timelineViewMode: 'Hour', weekStartDay: 0, updateTimescaleView: true, weekendBackground: null, showTooltip: true
             },
             {
                 topTier: { unit: 'Hour', format: 'ddd MMM, h a', count: 1 },
@@ -2055,7 +2057,7 @@ var Gantt = /** @class */ (function (_super) {
     Gantt.prototype.setSplitterPosition = function (value, type) {
         var tempSplitterSettings = {};
         tempSplitterSettings[type] = value;
-        var splitterPosition = this.splitterModule.calculateSplitterPosition(tempSplitterSettings, true);
+        var splitterPosition = this.splitterModule.calculateSplitterPosition(tempSplitterSettings);
         var pane1 = this.splitterModule.splitterObject.element.querySelectorAll('.e-pane')[0];
         var pane2 = this.splitterModule.splitterObject.element.querySelectorAll('.e-pane')[1];
         this.splitterModule.splitterPreviousPositionGrid = pane1.scrollWidth + 1 + 'px';
@@ -2137,7 +2139,10 @@ var Gantt = /** @class */ (function (_super) {
             if (this.viewType === 'ResourceView') {
                 this.editModule.addRowPosition = rowPosition;
                 this.editModule.addRowIndex = rowIndex;
-                var resources = data[this.taskFields.resourceInfo];
+                var resources = void 0;
+                if (!isNullOrUndefined(data)) {
+                    resources = data[this.taskFields.resourceInfo];
+                }
                 var id = void 0;
                 var parentTask = void 0;
                 if (!isNullOrUndefined(resources) && resources.length) {
@@ -2635,6 +2640,7 @@ var Gantt = /** @class */ (function (_super) {
      */
     Gantt.prototype.showColumn = function (keys, showBy) {
         this.treeGrid.showColumns(keys, showBy);
+        this.updateTreeColumns();
     };
     /**
      * Hides a column by column name.
@@ -2646,6 +2652,7 @@ var Gantt = /** @class */ (function (_super) {
      */
     Gantt.prototype.hideColumn = function (keys, hideBy) {
         this.treeGrid.hideColumns(keys, hideBy);
+        this.updateTreeColumns();
     };
     /**
      * To set scroll top for chart scroll container.

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

@@ -37,6 +37,10 @@ export interface IGanttData {
     parentItem?: IParent;
     /** Defines the parent unique id of task. */
     parentUniqueID?: string;
+    /**
+     * Specifies the checkbox state of a record
+     */
+    checkboxState?: string;
     /** Defines the data which specified in data source.
      *
      * @isGenericType true

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

@@ -17,11 +17,11 @@ export declare class Splitter {
     renderSplitter(): void;
     /**
      * @param {SplitterSettingsModel} splitter .
-     * @param {boolean} isDynamic .
+     
      * @returns {string} .
      * @private
      */
-    calculateSplitterPosition(splitter: SplitterSettingsModel, isDynamic?: boolean): string;
+    calculateSplitterPosition(splitter: SplitterSettingsModel): string;
     /**
      * @param {string} position .
      * @returns {string} .

package/src/gantt/base/splitter.js

@@ -74,11 +74,11 @@ var Splitter = /** @class */ (function () {
     };
     /**
      * @param {SplitterSettingsModel} splitter .
-     * @param {boolean} isDynamic .
+     
      * @returns {string} .
      * @private
      */
-    Splitter.prototype.calculateSplitterPosition = function (splitter, isDynamic) {
+    Splitter.prototype.calculateSplitterPosition = function (splitter) {
         if (!isNullOrUndefined(this.splitterObject) && this.parent.enablePersistence) {
             return this.splitterObject.paneSettings[0].size;
         }
@@ -94,8 +94,7 @@ var Splitter = /** @class */ (function () {
             }
             else if (!isNullOrUndefined(splitter.columnIndex) && splitter.columnIndex >= 0) {
                 if ((splitter.columnIndex * 150) < this.parent.ganttWidth || !this.parent.element.classList.contains('e-device')) {
-                    return isDynamic ? this.getSpliterPositionInPercentage(this.getTotalColumnWidthByIndex(splitter.columnIndex).toString() + 'px') :
-                        this.getSpliterPositionInPercentage((splitter.columnIndex * 150) + 'px');
+                    return this.getSpliterPositionInPercentage(this.getTotalColumnWidthByIndex(splitter.columnIndex).toString() + 'px');
                 }
                 else {
                     return this.getSpliterPositionInPercentage((splitter.columnIndex * 130) + 'px');
@@ -131,10 +130,10 @@ var Splitter = /** @class */ (function () {
      */
     Splitter.prototype.getTotalColumnWidthByIndex = function (index) {
         var width = 0;
-        var tr = this.parent.treeGrid.element.querySelectorAll('.e-headercell');
+        var tr = this.parent.ganttColumns;
         index = tr.length > index ? index : tr.length;
         for (var column = 0; column < index; column++) {
-            width = width + tr[column].offsetWidth;
+            width = width + parseInt(tr[column].width);
         }
         return width;
     };
@@ -145,7 +144,7 @@ var Splitter = /** @class */ (function () {
     Splitter.prototype.updateSplitterPosition = function () {
         this.splitterObject.separatorSize = this.parent.splitterSettings.separatorSize >= 4 ?
             this.parent.splitterSettings.separatorSize : 4;
-        var splitterPosition = this.calculateSplitterPosition(this.parent.splitterSettings, true);
+        var splitterPosition = this.calculateSplitterPosition(this.parent.splitterSettings);
         this.splitterObject.paneSettings[0].min = this.getSpliterPositionInPercentage(this.parent.splitterSettings.minimum);
         this.splitterObject.dataBind();
         this.splitterObject.paneSettings[0].size = splitterPosition;

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

@@ -223,7 +223,9 @@ var TaskProcessor = /** @class */ (function (_super) {
     };
     TaskProcessor.prototype.calculateSharedTaskUniqueIds = function () {
         var _loop_2 = function (i) {
-            var value = this_2.parent.getTaskIds()[i].match(/(\d+|[A-z]+)/g);
+            var value = [];
+            value[0] = this_2.parent.getTaskIds()[i][0];
+            value[1] = this_2.parent.getTaskIds()[i].slice(1);
             if (value[0] !== 'R') {
                 var sharedRecords_1 = [];
                 var ids_1 = [];
@@ -290,7 +292,6 @@ var TaskProcessor = /** @class */ (function (_super) {
                     this_3.parent.setRecordValue('autoDuration', this_3.calculateAutoDuration(parentProp), parentProp, true);
                     this_3.updateAutoWidthLeft(parentData);
                 }
-                this_3.resetDependency(parentData);
                 this_3.updateWidthLeft(parentData);
                 this_3.updateTaskData(parentData);
             }
@@ -315,7 +316,8 @@ var TaskProcessor = /** @class */ (function (_super) {
         var length = columns.length;
         if (length) {
             for (var i = 0; i < length; i++) {
-                if (ganttRecord[columns[i].field] === undefined) {
+                var fieldName = ganttRecord[columns[i].field];
+                if (fieldName === undefined) {
                     this.parent.setRecordValue(columns[i].field, data[columns[i].field], ganttRecord);
                 }
             }
@@ -364,6 +366,7 @@ var TaskProcessor = /** @class */ (function (_super) {
             this.parent.setRecordValue('parentId', data[taskSettings.parentID], ganttProperties, true);
         }
         this.addCustomFieldValue(data, ganttData);
+        ganttData.checkboxState = 'uncheck';
         this.parent.setRecordValue('isAutoSchedule', autoSchedule, ganttProperties, true);
         this.parent.setRecordValue('resourceInfo', this.setResourceInfo(data), ganttProperties, true);
         this.parent.setRecordValue('isMilestone', false, ganttProperties, true);
@@ -406,7 +409,6 @@ var TaskProcessor = /** @class */ (function (_super) {
         if (!isNullOrUndefined(data[taskSettings.child]) && data[taskSettings.child].length > 0) {
             this.parent.setRecordValue('hasChildRecords', true, ganttData);
             this.parent.setRecordValue('isMilestone', false, ganttProperties, true);
-            this.resetDependency(ganttData);
         }
         else {
             this.parent.setRecordValue('hasChildRecords', false, ganttData);
@@ -449,6 +451,9 @@ var TaskProcessor = /** @class */ (function (_super) {
         }
         else {
             var uniqueId = ganttData.uniqueID.replace(this.parent.element.id + '_data_', '');
+            if (this.parent.viewType === 'ResourceView' && typeof (ganttData.ganttProperties.taskId) === "string") {
+                uniqueId = ganttProperties.taskId.toString();
+            }
             this.parent.setRecordValue('rowUniqueID', uniqueId, ganttData);
             this.parent.setRecordValue('rowUniqueID', uniqueId, ganttProperties, true);
             this.parent.setRecordValue('sharedTaskUniqueIds', [], ganttProperties, true);
@@ -1568,10 +1573,12 @@ var TaskProcessor = /** @class */ (function (_super) {
     TaskProcessor.prototype.updateResourceName = function (data) {
         var resourceInfo = data.ganttProperties.resourceInfo;
         var resourceName = [];
+        var taskMapping = this.parent.taskFields;
         if (resourceInfo) {
+            var resourceLength = resourceInfo.length;
             var taskResources = extend([], [], data.taskData[this.parent.taskFields.resourceInfo], true);
             this.parent.setRecordValue('taskData.' + this.parent.taskFields.resourceInfo, [], data);
-            for (var i = 0; i < resourceInfo.length; i++) {
+            for (var i = 0; i < resourceLength; i++) {
                 var resource = resourceInfo[i];
                 var resName = resource[this.parent.resourceFields.name];
                 var resourceUnit = resource[this.parent.resourceFields.unit];
@@ -1580,7 +1587,7 @@ var TaskProcessor = /** @class */ (function (_super) {
                 }
                 resourceName.push(resName);
                 if (data.taskData) {
-                    var mapping = this.parent.taskFields.resourceInfo;
+                    var mapping = taskMapping.resourceInfo;
                     // eslint-disable-next-line
                     if (typeof (taskResources[i] === 'object')) {
                         data.taskData[mapping].push(taskResources[i]);
@@ -2260,7 +2267,6 @@ var TaskProcessor = /** @class */ (function (_super) {
                     this.parent.setRecordValue('autoDuration', this.calculateAutoDuration(parentProp), parentProp, true);
                     this.updateAutoWidthLeft(parentData);
                 }
-                this.resetDependency(parentData);
                 this.updateWidthLeft(parentData);
                 this.updateTaskData(parentData);
             }

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

@@ -587,11 +587,30 @@ var GanttTreeGrid = /** @class */ (function () {
      */
     GanttTreeGrid.prototype.composeIDColumn = function (column) {
         var isProjectView = this.parent.viewType === 'ProjectView';
+        var lengthDataSource = this.parent.dataSource['length'];
+        var taskIDName;
         column.isPrimaryKey = isProjectView ? true : false;
         column.headerText = column.headerText ? column.headerText : this.parent.localeObj.getConstant('id');
         column.width = column.width ? column.width : 100;
-        column.allowEditing = column.allowEditing ? column.allowEditing : false;
-        column.editType = column.editType ? column.editType : 'numericedit';
+        for (var i = 0; i < lengthDataSource; i++) {
+            if (!isNullOrUndefined(this.parent.dataSource[i][this.parent.taskFields.id])) {
+                taskIDName = this.parent.dataSource[i][this.parent.taskFields.id];
+                break;
+            }
+        }
+        if (typeof (taskIDName) === "string") {
+            if (this.parent.viewType === 'ResourceView') {
+                column.allowEditing = column.allowEditing ? column.allowEditing : false;
+            }
+            else {
+                column.allowEditing = column.allowEditing ? column.allowEditing : true;
+            }
+            column.editType = column.editType ? column.editType : 'stringedit';
+        }
+        else {
+            column.allowEditing = column.allowEditing ? column.allowEditing : false;
+            column.editType = column.editType ? column.editType : 'numericedit';
+        }
         column.valueAccessor = isProjectView ? null : this.idValueAccessor.bind(this);
     };
     GanttTreeGrid.prototype.composeUniqueIDColumn = function (column) {