@syncfusion/ej2-gantt 22.1.36 → 22.1.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.1.36
+*  version : 22.1.38
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-gantt@*",
-  "_id": "@syncfusion/ej2-gantt@21.1.36",
+  "_id": "@syncfusion/ej2-gantt@22.1.37",
   "_inBundle": false,
-  "_integrity": "sha512-tDyjXzp2Ee+tpcZOq1yfm3Bvfzm9wNegYHa5DjMIylljMQbbDOc2vWstdSvDAkCPcnAlVlIpczkl5+q5mSglsA==",
+  "_integrity": "sha512-TPv0yQVVQ7urz0QkQgQRYrexjSghhirdKW9uclu5RPOsByATIf6kwgskqNxLI3rgUg9r7DuT5U73Exa/RxkwBA==",
   "_location": "/@syncfusion/ej2-gantt",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-vue-gantt"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-21.1.36.tgz",
-  "_shasum": "41c1dff00c5d26c0c8c9553da0e920a32aad398c",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-22.1.37.tgz",
+  "_shasum": "86f0da8b12060d757e0b729750fdbd8e7d1cbb08",
   "_spec": "@syncfusion/ej2-gantt@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -35,21 +35,21 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.1.34",
-    "@syncfusion/ej2-buttons": "~21.1.36",
-    "@syncfusion/ej2-calendars": "~22.1.36",
-    "@syncfusion/ej2-data": "~22.1.36",
-    "@syncfusion/ej2-dropdowns": "~22.1.36",
-    "@syncfusion/ej2-grids": "~22.1.36",
-    "@syncfusion/ej2-inputs": "~22.1.34",
-    "@syncfusion/ej2-layouts": "~22.1.36",
+    "@syncfusion/ej2-base": "~22.1.38",
+    "@syncfusion/ej2-buttons": "~22.1.38",
+    "@syncfusion/ej2-calendars": "~22.1.38",
+    "@syncfusion/ej2-data": "~22.1.38",
+    "@syncfusion/ej2-dropdowns": "~22.1.38",
+    "@syncfusion/ej2-grids": "~22.1.38",
+    "@syncfusion/ej2-inputs": "~22.1.38",
+    "@syncfusion/ej2-layouts": "~22.1.37",
     "@syncfusion/ej2-lists": "~22.1.34",
-    "@syncfusion/ej2-navigations": "~22.1.36",
+    "@syncfusion/ej2-navigations": "~22.1.38",
     "@syncfusion/ej2-notifications": "~22.1.34",
-    "@syncfusion/ej2-popups": "~22.1.36",
-    "@syncfusion/ej2-richtexteditor": "~22.1.36",
+    "@syncfusion/ej2-popups": "~22.1.38",
+    "@syncfusion/ej2-richtexteditor": "~22.1.38",
     "@syncfusion/ej2-svg-base": "~22.1.34",
-    "@syncfusion/ej2-treegrid": "~22.1.36"
+    "@syncfusion/ej2-treegrid": "~22.1.38"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component",
@@ -74,6 +74,6 @@
     "url": "git+https://github.com/syncfusion/ej2-gantt.git"
   },
   "typings": "index.d.ts",
-  "version": "22.1.36",
+  "version": "22.1.38",
   "sideEffects": false
 }

package/src/gantt/actions/context-menu.js

@@ -101,65 +101,79 @@ var ContextMenu = /** @class */ (function () {
         }
         switch (this.item) {
             case 'TaskInformation':
-                if (isNaN(Number(this.rowData.ganttProperties.rowUniqueID))) {
-                    this.parent.openEditDialog(this.rowData.ganttProperties.rowUniqueID);
-                }
-                else {
-                    this.parent.openEditDialog(Number(this.rowData.ganttProperties.rowUniqueID));
+                if (!isNullOrUndefined(this.rowData)) {
+                    if (isNaN(Number(this.rowData.ganttProperties.rowUniqueID))) {
+                        this.parent.openEditDialog(this.rowData.ganttProperties.rowUniqueID);
+                    }
+                    else {
+                        this.parent.openEditDialog(Number(this.rowData.ganttProperties.rowUniqueID));
+                    }
                 }
                 break;
             case 'Above':
             case 'Below':
             case 'Child':
-                position = this.item;
-                data = extend({}, {}, this.rowData.taskData, true);
-                taskfields = this.parent.taskFields;
-                if (data[taskfields.startDate]) {
-                    this.parent.setRecordValue(taskfields.startDate, this.rowData.ganttProperties.startDate, data, true);
-                }
-                if (data[taskfields.endDate]) {
-                    this.parent.setRecordValue(taskfields.endDate, this.rowData.ganttProperties.endDate, data, true);
-                }
-                if (!isNullOrUndefined(taskfields.dependency)) {
-                    data[taskfields.dependency] = null;
-                }
-                if (!isNullOrUndefined(taskfields.child) && data[taskfields.child]) {
-                    delete data[taskfields.child];
-                }
-                if (!isNullOrUndefined(taskfields.parentID) && data[taskfields.parentID]) {
-                    data[taskfields.parentID] = null;
+                if (!isNullOrUndefined(this.rowData)) {
+                    position = this.item;
+                    data = extend({}, {}, this.rowData.taskData, true);
+                    taskfields = this.parent.taskFields;
+                    if (data[taskfields.startDate]) {
+                        this.parent.setRecordValue(taskfields.startDate, this.rowData.ganttProperties.startDate, data, true);
+                    }
+                    if (data[taskfields.endDate]) {
+                        this.parent.setRecordValue(taskfields.endDate, this.rowData.ganttProperties.endDate, data, true);
+                    }
+                    if (!isNullOrUndefined(taskfields.dependency)) {
+                        data[taskfields.dependency] = null;
+                    }
+                    if (!isNullOrUndefined(taskfields.child) && data[taskfields.child]) {
+                        delete data[taskfields.child];
+                    }
+                    if (!isNullOrUndefined(taskfields.parentID) && data[taskfields.parentID]) {
+                        data[taskfields.parentID] = null;
+                    }
+                    if (this.rowData) {
+                        var rowIndex = this.parent.updatedRecords.indexOf(this.rowData);
+                        this.parent.addRecord(data, position, rowIndex);
+                    }
                 }
-                if (this.rowData) {
-                    var rowIndex = this.parent.updatedRecords.indexOf(this.rowData);
-                    this.parent.addRecord(data, position, rowIndex);
+                else if (this.parent.flatData.length === 0) {
+                    this.parent.addRecord();
                 }
                 break;
             case 'Milestone':
             case 'ToMilestone':
-                this.parent.convertToMilestone(this.rowData.ganttProperties.rowUniqueID);
+                if (!isNullOrUndefined(this.rowData)) {
+                    this.parent.convertToMilestone(this.rowData.ganttProperties.rowUniqueID);
+                }
+                else if (this.parent.flatData.length === 0) {
+                    this.parent.addRecord();
+                }
                 break;
             case 'DeleteTask':
                 this.parent.editModule.deleteRecord(this.rowData);
                 break;
             case 'ToTask':
-                data = extend({}, {}, this.rowData.taskData, true);
-                taskfields = this.parent.taskFields;
-                if (!isNullOrUndefined(taskfields.duration)) {
-                    var ganttProp = this.rowData.ganttProperties;
-                    data[taskfields.duration] = '1 ' + ganttProp.durationUnit;
-                }
-                else {
-                    data[taskfields.startDate] = new Date(this.rowData.taskData[taskfields.startDate]);
-                    var endDate = new Date(this.rowData.taskData[taskfields.startDate]);
-                    endDate.setDate(endDate.getDate() + 1);
-                    data[taskfields.endDate] = endDate;
-                }
-                if (!isNullOrUndefined(data[taskfields.milestone])) {
-                    if (data[taskfields.milestone] === true) {
-                        data[taskfields.milestone] = false;
+                if (!isNullOrUndefined(this.rowData)) {
+                    data = extend({}, {}, this.rowData.taskData, true);
+                    taskfields = this.parent.taskFields;
+                    if (!isNullOrUndefined(taskfields.duration)) {
+                        var ganttProp = this.rowData.ganttProperties;
+                        data[taskfields.duration] = '1 ' + ganttProp.durationUnit;
+                    }
+                    else {
+                        data[taskfields.startDate] = new Date(this.rowData.taskData[taskfields.startDate]);
+                        var endDate = new Date(this.rowData.taskData[taskfields.startDate]);
+                        endDate.setDate(endDate.getDate() + 1);
+                        data[taskfields.endDate] = endDate;
                     }
+                    if (!isNullOrUndefined(data[taskfields.milestone])) {
+                        if (data[taskfields.milestone] === true) {
+                            data[taskfields.milestone] = false;
+                        }
+                    }
+                    this.parent.updateRecordByID(data);
                 }
-                this.parent.updateRecordByID(data);
                 break;
             case 'Cancel':
                 this.parent.cancelEdit();
@@ -315,7 +329,7 @@ var ContextMenu = /** @class */ (function () {
             this.contextMenu.enableItems(['Add', 'Save', 'Convert', 'Delete Dependency', 'Delete Task', 'TaskMode', 'Indent', 'Outdent', 'SplitTask', 'MergeTask'], false);
         }
         if ((isNullOrUndefined(args.gridRow) && isNullOrUndefined(args.chartRow)) || this.contentMenuItems.length === 0) {
-            if (!isNullOrUndefined(args.parentItem) && !isNullOrUndefined(menuElement)) {
+            if (!isNullOrUndefined(args.parentItem) && !isNullOrUndefined(menuElement) || !isNullOrUndefined(closest(target, '.e-content'))) {
                 args.cancel = false;
             }
             else {
@@ -355,7 +369,7 @@ var ContextMenu = /** @class */ (function () {
             args.disableItems = this.disableItems;
             args.hideItems = this.hideItems;
             args.hideChildItems = [];
-            if (args.rowData.level === 0 && this.parent.viewType === 'ResourceView') {
+            if (!isNullOrUndefined(args.rowData) && args.rowData.level === 0 && this.parent.viewType === 'ResourceView') {
                 args.cancel = true;
                 return;
             }
@@ -397,6 +411,9 @@ var ContextMenu = /** @class */ (function () {
                     if (!this.parent.editSettings.allowEditing || !this.parent.editModule) {
                         this.updateItemVisibility(item.text);
                     }
+                    if (this.parent.flatData.length === 0) {
+                        this.hideItems.push(item.text);
+                    }
                     break;
                 case 'Add':
                     if (!this.parent.editSettings.allowAdding || !this.parent.editModule) {
@@ -408,14 +425,14 @@ var ContextMenu = /** @class */ (function () {
                     this.hideItems.push(item.text);
                     break;
                 case 'Convert':
-                    if (this.rowData.hasChildRecords) {
+                    if (!isNullOrUndefined(this.rowData) && this.rowData.hasChildRecords) {
                         this.hideItems.push(item.text);
                     }
                     else if (!this.parent.editSettings.allowEditing || !this.parent.editModule) {
                         this.updateItemVisibility(item.text);
                     }
                     else {
-                        if (!this.rowData.ganttProperties.isMilestone) {
+                        if (!isNullOrUndefined(this.rowData) && !this.rowData.ganttProperties.isMilestone) {
                             subMenu.push(this.createItemModel(cons.content, 'ToMilestone', this.getLocale('toMilestone')));
                         }
                         else {
@@ -423,11 +440,14 @@ var ContextMenu = /** @class */ (function () {
                         }
                         item.items = subMenu;
                     }
+                    if (this.parent.flatData.length === 0) {
+                        this.hideItems.push(item.text);
+                    }
                     break;
                 case 'DeleteDependency':
                     {
                         var items = this.getPredecessorsItems();
-                        if (this.rowData.hasChildRecords) {
+                        if (!isNullOrUndefined(this.rowData) && this.rowData.hasChildRecords) {
                             this.hideItems.push(item.text);
                         }
                         else if (!this.parent.editSettings.allowDeleting || items.length === 0 || !this.parent.editModule) {
@@ -442,6 +462,9 @@ var ContextMenu = /** @class */ (function () {
                     if (!this.parent.editSettings.allowDeleting || !this.parent.editModule) {
                         this.updateItemVisibility(item.text);
                     }
+                    if (this.parent.flatData.length === 0) {
+                        this.hideItems.push(item.text);
+                    }
                     break;
                 case 'TaskMode':
                     if (this.parent.taskMode !== 'Custom') {

package/src/gantt/actions/dependency.js

@@ -330,6 +330,9 @@ var Dependency = /** @class */ (function () {
             ganttRecord = predecessorsCollection[count];
             if ((!ganttRecord.hasChildRecords && !this.parent.allowParentDependency) || this.parent.allowParentDependency) {
                 this.updatePredecessorHelper(ganttRecord, predecessorsCollection);
+                if (!ganttRecord.ganttProperties.isAutoSchedule) {
+                    this.parent.connectorLineEditModule['calculateOffset'](ganttRecord);
+                }
             }
         }
     };
@@ -760,6 +763,9 @@ var Dependency = /** @class */ (function () {
                 if (validationOn !== 'predecessor' && this.parent.isValidationEnabled) {
                     this.validateChildGanttRecord(parentGanttRecord, record);
                 }
+                else if (!record.ganttProperties.isAutoSchedule && this.parent.UpdateOffsetOnTaskbarEdit) {
+                    this.parent.connectorLineEditModule['calculateOffset'](record);
+                }
                 if (parentGanttRecord.expanded === false || record.expanded === false) {
                     if (record) {
                         this.validatePredecessor(record, undefined, 'successor');

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

@@ -1749,6 +1749,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
                 }
             }
         }
+        this.parent['isProjectDateUpdated'] = false;
     };
     /**
      * To cancel the taskbar edt action.

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

@@ -1270,8 +1270,16 @@ var DateProcessor = /** @class */ (function () {
             viewData.forEach(function (data) {
                 taskRange = [];
                 var task = data.ganttProperties;
-                var tempStartDate = _this.getValidStartDate(task);
-                var tempEndDate = _this.getValidEndDate(task);
+                var tempStartDate;
+                var tempEndDate;
+                if (isNullOrUndefined(task.startDate) && isNullOrUndefined(task.endDate)) {
+                    tempStartDate = null;
+                    tempEndDate = null;
+                }
+                else {
+                    tempStartDate = _this.getValidStartDate(task);
+                    tempEndDate = _this.getValidEndDate(task);
+                }
                 addDateToList(minStartDate);
                 addDateToList(maxEndDate);
                 addDateToList(tempStartDate);
@@ -1331,6 +1339,7 @@ var DateProcessor = /** @class */ (function () {
             setValue('minStartDate', minStartDate, editArgs);
             setValue('maxEndDate', maxEndDate, editArgs);
         }
+        this.parent['isProjectDateUpdated'] = true;
     };
     /**
      *

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

@@ -762,7 +762,6 @@ var GanttChart = /** @class */ (function () {
         this.updateWidthAndHeight();
         this.reRenderConnectorLines();
         getValue('chartRow', args).setAttribute('aria-expanded', 'false');
-        this.parent.trigger('collapsed', args);
     };
     /**
      * To expand gantt rows
@@ -817,7 +816,6 @@ var GanttChart = /** @class */ (function () {
         this.updateWidthAndHeight();
         this.reRenderConnectorLines();
         getValue('chartRow', args).setAttribute('aria-expanded', 'true');
-        this.parent.trigger('expanded', args);
     };
     GanttChart.prototype.renderMultiTaskbar = function (record) {
         if (this.parent.enableMultiTaskbar) {
@@ -861,20 +859,27 @@ var GanttChart = /** @class */ (function () {
                 removeClass([targetElement[t]], 'e-row-expand');
             }
         }
-        var childRecords = record.childRecords;
-        var chartRows = this.getChartRows();
-        var rows = [];
-        for (var i = 0; i < chartRows.length; i++) {
-            if (chartRows[i].classList.contains('gridrowtaskId'
-                + record.ganttProperties.rowUniqueID + 'level' + (record.level + 1))) {
-                rows.push(chartRows[i]);
+        if (!this.parent.enableVirtualization) {
+            var childRecords = record.childRecords;
+            var chartRows = this.getChartRows();
+            var rows = [];
+            for (var i = 0; i < chartRows.length; i++) {
+                if (chartRows[i].classList.contains("gridrowtaskId" +
+                    record.ganttProperties.rowUniqueID +
+                    "level" +
+                    (record.level + 1))) {
+                    rows.push(chartRows[i]);
+                }
             }
-        }
-        for (var i = 0; i < rows.length; i++) {
-            rows[i].style.display = displayType;
-            if ((childRecords[i].childRecords && childRecords[i].childRecords.length)
-                && (action === 'collapse' || childRecords[i].expanded || this.isExpandAll)) {
-                this.expandCollapseChartRows(action, rows[i], childRecords[i], true);
+            for (var i = 0; i < rows.length; i++) {
+                rows[i].style.display = displayType;
+                if (childRecords[i].childRecords &&
+                    childRecords[i].childRecords.length &&
+                    (action === "collapse" ||
+                        childRecords[i].expanded ||
+                        this.isExpandAll)) {
+                    this.expandCollapseChartRows(action, rows[i], childRecords[i], true);
+                }
             }
         }
     };

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

@@ -86,6 +86,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
     /** @hidden */
     private headerMaskTable;
     /** @hidden */
+    private isProjectDateUpdated;
     columnLoop: any;
     showIndicator: boolean;
     singleTier: number;

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

@@ -548,7 +548,7 @@ var TaskProcessor = /** @class */ (function (_super) {
                             endDate = this.getEndDate(startDate, duration, data.ganttProperties.durationUnit, data.ganttProperties, false);
                         }
                         else if (!taskSettings.duration && taskSettings.endDate) {
-                            endDate = (!isNullOrUndefined(data.ganttProperties.endDate)) && endDate.getTime() >
+                            endDate = (!isNullOrUndefined(data.ganttProperties.endDate)) && endDate.getTime() <
                                 data.ganttProperties.endDate.getTime() && i !== segments.length - 1 ? endDate : data.ganttProperties.endDate;
                             duration = this.getDuration(startDate, endDate, data.ganttProperties.durationUnit, data.ganttProperties.isAutoSchedule, data.ganttProperties.isMilestone);
                             if (ganttSegments.length > 0 && endDate.getTime() < startDate.getTime()
@@ -1192,38 +1192,59 @@ var TaskProcessor = /** @class */ (function (_super) {
             modifiedsDate = new Date(modifiedsDate.getTime() + ganttData.duration * 60 * 60 * 1000);
         }
         if (ganttData && ganttData.durationUnit == 'minute') {
-            modifiedsDate = new Date(modifiedsDate.getTime() + ganttData.duration * 60 * 60 * 60 * 1000);
+            modifiedsDate = new Date(modifiedsDate.getTime() + ganttData.duration * 60 * 1000);
         }
         for (var i = 0; i < this.parent.dayWorkingTime.length; i++) {
             hour = hour + this.parent.dayWorkingTime[i].to - this.parent.dayWorkingTime[i].from;
         }
         var dateDiff = modifiedsDate.getTime() - sDate.getTime();
-        if (tierMode === 'Day') {
-            if ((Math.floor((dateDiff / (1000 * 60 * 60)) % 24) >= hour || dateDiff === 0)) {
-                isValid = true;
+        if (ganttData && ganttData.durationUnit == 'minute' && ganttData.duration < (hour * 60)) {
+            if (tierMode === 'Day') {
+                if ((Math.floor((dateDiff / (1000 * 60 * 60)) % 24) >= hour || dateDiff === 0)) {
+                    isValid = true;
+                }
+                if (this.getSecondsInDecimal(sDate) === this.parent.defaultStartTime && isValid) {
+                    sDate.setHours(0, 0, 0, 0);
+                }
+                if (this.getSecondsInDecimal(eDate) === this.parent.defaultEndTime) {
+                    eDate.setHours(24);
+                }
+                if (this.getSecondsInDecimal(eDate) === this.parent.defaultStartTime) {
+                    eDate.setHours(0, 0, 0, 0);
+                }
             }
-            if (this.getSecondsInDecimal(sDate) === this.parent.defaultStartTime && isValid) {
-                sDate.setHours(0, 0, 0, 0);
+            else {
+                isValid = true;
             }
-            if (this.getSecondsInDecimal(eDate) === this.parent.defaultEndTime) {
-                eDate.setHours(24);
+            if ((sDate).getTime() === (eDate).getTime()) {
+                return (this.parent.perDayWidth);
             }
-            if (this.getSecondsInDecimal(eDate) === this.parent.defaultStartTime) {
-                eDate.setHours(0, 0, 0, 0);
+            else {
+                if (isValid) {
+                    return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24)) * this.parent.perDayWidth);
+                }
+                else {
+                    return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * hour)) * this.parent.perDayWidth);
+                }
             }
         }
         else {
-            isValid = true;
-        }
-        if ((sDate).getTime() === (eDate).getTime()) {
-            return (this.parent.perDayWidth);
-        }
-        else {
-            if (isValid) {
-                return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24)) * this.parent.perDayWidth);
+            if (tierMode === 'Day') {
+                if (this.getSecondsInDecimal(sDate) === this.parent.defaultStartTime) {
+                    sDate.setHours(0, 0, 0, 0);
+                }
+                if (this.getSecondsInDecimal(eDate) === this.parent.defaultEndTime) {
+                    eDate.setHours(24);
+                }
+                if (this.getSecondsInDecimal(eDate) === this.parent.defaultStartTime) {
+                    eDate.setHours(0, 0, 0, 0);
+                }
+            }
+            if ((sDate).getTime() === (eDate).getTime()) {
+                return (this.parent.perDayWidth);
             }
             else {
-                return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * hour)) * this.parent.perDayWidth);
+                return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24)) * this.parent.perDayWidth);
             }
         }
     };

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

@@ -241,25 +241,60 @@ var GanttTreeGrid = /** @class */ (function () {
     GanttTreeGrid.prototype.collapsing = function (args) {
         // Collapsing event
         var callBackPromise = new Deferred();
+        var collapsingArgs;
+        var record = getValue('data', args);
+        var recordLength = record.length;
         if (!this.parent.ganttChartModule.isExpandCollapseFromChart) {
-            var collapsingArgs = this.createExpandCollapseArgs(args);
-            this.parent.ganttChartModule.collapseGanttRow(collapsingArgs);
-            setValue('cancel', getValue('cancel', collapsingArgs), args);
+            if (!isNullOrUndefined(recordLength)) {
+                for (var i = 0; i < recordLength; i++) {
+                    collapsingArgs = this.createExpandCollapseArgs(args, record[i]);
+                    this.parent.ganttChartModule.collapseGanttRow(collapsingArgs);
+                }
+                setValue('cancel', getValue('cancel', collapsingArgs), args);
+            }
+            else {
+                collapsingArgs = this.createExpandCollapseArgs(args, null);
+                this.parent.ganttChartModule.collapseGanttRow(collapsingArgs);
+                setValue('cancel', getValue('cancel', collapsingArgs), args);
+            }
         }
     };
     GanttTreeGrid.prototype.expanding = function (args) {
         // Expanding event
         var callBackPromise = new Deferred();
+        var expandingArgs;
+        var record = getValue('data', args);
+        var recordLength = record.length;
         if (!this.parent.ganttChartModule.isExpandCollapseFromChart) {
-            var expandingArgs = this.createExpandCollapseArgs(args);
-            this.parent.ganttChartModule.expandGanttRow(expandingArgs);
-            setValue('cancel', getValue('cancel', expandingArgs), args);
+            if (!isNullOrUndefined(recordLength)) {
+                for (var i = 0; i < recordLength; i++) {
+                    expandingArgs = this.createExpandCollapseArgs(args, record[i]);
+                    this.parent.ganttChartModule.expandGanttRow(expandingArgs);
+                }
+                setValue('cancel', getValue('cancel', expandingArgs), args);
+            }
+            else {
+                expandingArgs = this.createExpandCollapseArgs(args, null);
+                this.parent.ganttChartModule.expandGanttRow(expandingArgs);
+                setValue('cancel', getValue('cancel', expandingArgs), args);
+            }
         }
     };
     GanttTreeGrid.prototype.collapsed = function (args) {
         if (!this.parent.ganttChartModule.isExpandCollapseFromChart && !this.parent.isExpandCollapseLevelMethod) {
-            var collapsedArgs = this.createExpandCollapseArgs(args);
-            this.parent.ganttChartModule.collapsedGanttRow(collapsedArgs);
+            var collapsedArgs = void 0;
+            var record = getValue('data', args);
+            var recordLength = record.length;
+            if (!isNullOrUndefined(recordLength)) {
+                for (var i = 0; i < recordLength; i++) {
+                    collapsedArgs = this.createExpandCollapseArgs(args, record[i]);
+                    this.parent.ganttChartModule.collapsedGanttRow(collapsedArgs);
+                }
+            }
+            else {
+                collapsedArgs = this.createExpandCollapseArgs(args, null);
+                this.parent.ganttChartModule.collapsedGanttRow(collapsedArgs);
+            }
             if (this.parent.viewType === 'ResourceView' && !this.parent.allowTaskbarOverlap && collapsedArgs['gridRow']) {
                 collapsedArgs['gridRow'].style.height = collapsedArgs['chartRow'].style.height;
                 this.parent.contentHeight = this.parent.enableRtl ? this.parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
@@ -273,19 +308,29 @@ var GanttTreeGrid = /** @class */ (function () {
         else {
             this.parent.hideSpinner();
         }
+        this.parent.trigger('collapsed', args);
     };
     GanttTreeGrid.prototype.expanded = function (args) {
         if (!this.parent.ganttChartModule.isExpandCollapseFromChart && !this.parent.isExpandCollapseLevelMethod) {
-            if (!args['data'].length) {
-                var expandedArgs = this.createExpandCollapseArgs(args);
-                this.parent.ganttChartModule.expandedGanttRow(expandedArgs);
-                if (this.parent.viewType === 'ResourceView' && !this.parent.allowTaskbarOverlap && args['row']) {
-                    args['row'].style.height = this.parent.rowHeight + 'px';
-                    this.parent.contentHeight = this.parent.enableRtl ? this.parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
-                        this.parent['element'].getElementsByClassName('e-content')[0].children[0]['offsetHeight'];
-                    document.getElementsByClassName('e-chart-rows-container')[0]['style'].height = this.parent.contentHeight + 'px';
+            var expandedArgs = void 0;
+            var record = getValue('data', args);
+            var recordLength = record.length;
+            if (!isNullOrUndefined(recordLength)) {
+                for (var i = 0; i < recordLength; i++) {
+                    expandedArgs = this.createExpandCollapseArgs(args, record[i]);
+                    this.parent.ganttChartModule.expandedGanttRow(expandedArgs);
                 }
             }
+            else {
+                expandedArgs = this.createExpandCollapseArgs(args, null);
+                this.parent.ganttChartModule.expandedGanttRow(expandedArgs);
+            }
+            if (this.parent.viewType === 'ResourceView' && !this.parent.allowTaskbarOverlap && args['row']) {
+                args['row'].style.height = this.parent.rowHeight + 'px';
+                this.parent.contentHeight = this.parent.enableRtl ? this.parent['element'].getElementsByClassName('e-content')[2].children[0]['offsetHeight'] :
+                    this.parent['element'].getElementsByClassName('e-content')[0].children[0]['offsetHeight'];
+                document.getElementsByClassName('e-chart-rows-container')[0]['style'].height = this.parent.contentHeight + 'px';
+            }
         }
         if (!isNullOrUndefined(this.parent.loadingIndicator) && this.parent.loadingIndicator.indicatorType === "Shimmer") {
             this.parent.hideMaskRow();
@@ -293,6 +338,7 @@ var GanttTreeGrid = /** @class */ (function () {
         else {
             this.parent.hideSpinner();
         }
+        this.parent.trigger('expanded', args);
     };
     GanttTreeGrid.prototype.actionBegin = function (args) {
         this.parent.notify('actionBegin', args);
@@ -316,13 +362,23 @@ var GanttTreeGrid = /** @class */ (function () {
     GanttTreeGrid.prototype.actionFailure = function (args) {
         this.parent.trigger('actionFailure', args);
     };
-    GanttTreeGrid.prototype.createExpandCollapseArgs = function (args) {
-        var record = getValue('data', args);
-        var gridRow = getValue('row', args);
+    GanttTreeGrid.prototype.createExpandCollapseArgs = function (args, currentRecord) {
         var chartRow;
-        chartRow = this.parent.ganttChartModule.getChartRows()[this.parent.currentViewData.indexOf(record)];
-        var eventArgs = { data: record, gridRow: gridRow, chartRow: chartRow, cancel: false };
-        return eventArgs;
+        var record = getValue('data', args);
+        var recordLength = record.length;
+        if (!isNullOrUndefined(recordLength)) {
+            var gridRow = getValue('row', args);
+            chartRow = this.parent.ganttChartModule.getChartRows()[this.parent.currentViewData.indexOf(currentRecord)];
+            var eventArgs = { data: currentRecord, gridRow: gridRow, chartRow: chartRow, cancel: false };
+            return eventArgs;
+        }
+        else {
+            var record_1 = getValue('data', args);
+            var gridRow = getValue('row', args);
+            chartRow = this.parent.ganttChartModule.getChartRows()[this.parent.currentViewData.indexOf(record_1)];
+            var eventArgs = { data: record_1, gridRow: gridRow, chartRow: chartRow, cancel: false };
+            return eventArgs;
+        }
     };
     GanttTreeGrid.prototype.treeActionComplete = function (args) {
         var updatedArgs = extend({}, args);