@syncfusion/ej2-gantt 20.2.49 → 20.3.47

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) {