@syncfusion/ej2-treegrid 26.1.35-469198 → 26.1.35-760834

package/src/treegrid/actions/summary.d.ts

@@ -0,0 +1,47 @@
+import { TreeGrid } from '../base/treegrid';
+import { QueryOptions } from '@syncfusion/ej2-data';
+/**
+ * TreeGrid Aggregate module
+ *
+ * @hidden
+ */
+export declare class Aggregate {
+    private parent;
+    private flatChildRecords;
+    private summaryQuery;
+    /**
+     * Constructor for Aggregate module
+     *
+     * @param {TreeGrid} parent - Tree Grid instance
+     */
+    constructor(parent?: TreeGrid);
+    /**
+     * For internal use only - Get the module name.
+     *
+     * @private
+     * @returns {string} Returns Summary module name
+     */
+    private getModuleName;
+    removeEventListener(): void;
+    /**
+     * Function to calculate summary values
+     *
+     * @param {QueryOptions[]} summaryQuery - DataManager query for aggregate operations
+     * @param {Object[]} filteredData - Filtered data collection
+     * @param {boolean} isSort - Specified whether sorting operation performed
+     * @hidden
+     * @returns {Object[]} -  return flat records with summary values
+     */
+    calculateSummaryValue(summaryQuery: QueryOptions[], filteredData: Object[], isSort: boolean): Object[];
+    private getChildRecordsLength;
+    private createSummaryItem;
+    private getSummaryValues;
+    private getFormatFromType;
+    /**
+     * To destroy the Aggregate module
+     *
+     * @returns {void}
+     * @hidden
+     */
+    destroy(): void;
+}

package/src/treegrid/actions/toolbar.d.ts

@@ -0,0 +1,52 @@
+import { TreeGrid } from '../base';
+/**
+ * Toolbar Module for TreeGrid
+ *
+ * @hidden
+ */
+export declare class Toolbar {
+    private parent;
+    constructor(parent: TreeGrid);
+    /**
+     * For internal use only - Get the module name.
+     *
+     * @private
+     * @returns {string} - Returns Toolbar module name
+     */
+    private getModuleName;
+    /**
+     * @hidden
+     * @returns {void}
+     */
+    addEventListener(): void;
+    /**
+     * @hidden
+     * @returns {void}
+     */
+    removeEventListener(): void;
+    private refreshToolbar;
+    private toolbarClickHandler;
+    /**
+     * Gets the toolbar of the TreeGrid.
+     *
+     * @returns {Element} - Returns Toolbar element
+     * @hidden
+     */
+    getToolbar(): Element;
+    /**
+     * Enables or disables ToolBar items.
+     *
+     * @param {string[]} items - Defines the collection of itemID of ToolBar items.
+     * @param {boolean} isEnable - Defines the items to be enabled or disabled.
+     * @returns {void}
+     * @hidden
+     */
+    enableItems(items: string[], isEnable: boolean): void;
+    /**
+     * Destroys the ToolBar.
+     *
+     * @method destroy
+     * @returns {void}
+     */
+    destroy(): void;
+}

package/src/treegrid/actions/virtual-scroll.d.ts

@@ -0,0 +1,55 @@
+import { TreeGrid } from '../base/treegrid';
+import { VirtualScroll as GridVirtualScroll, IGrid, ServiceLocator } from '@syncfusion/ej2-grids';
+/**
+ * TreeGrid Virtual Scroll module will handle Virtualization
+ *
+ * @hidden
+ */
+export declare class VirtualScroll {
+    private parent;
+    private expandCollapseRec;
+    private prevstartIndex;
+    private prevendIndex;
+    private visualData;
+    private prevrequestType;
+    prevSelectedRecord: object;
+    /**
+     * Constructor for VirtualScroll module
+     *
+     * @param {TreeGrid} parent - Tree Grid instance
+     */
+    constructor(parent?: TreeGrid);
+    private returnVisualData;
+    /**
+     * For internal use only - Get the module name.
+     *
+     * @private
+     * @returns {string} - Returns VirtualScroll module name
+     */
+    protected getModuleName(): string;
+    /**
+     * @hidden
+     * @returns {void}
+     */
+    addEventListener(): void;
+    /**
+     * @hidden
+     * @returns {void}
+     */
+    removeEventListener(): void;
+    private collapseExpandVirtualchilds;
+    private virtualPageAction;
+    /**
+     * To destroy the virtualScroll module
+     *
+     * @returns {void}
+     * @hidden
+     */
+    destroy(): void;
+}
+export declare class TreeVirtual extends GridVirtualScroll {
+    constructor(parent: IGrid, locator?: ServiceLocator);
+    getModuleName(): string;
+    protected instantiateRenderers(): void;
+    ensurePageSize(): void;
+}

package/src/treegrid/actions/virtual-scroll.js

@@ -33,6 +33,7 @@ var VirtualScroll = /** @class */ (function () {
     function VirtualScroll(parent) {
         this.prevstartIndex = -1;
         this.prevendIndex = -1;
+        this.prevSelectedRecord = [];
         this.parent = parent;
         Grid.Inject(TreeVirtual);
         this.addEventListener();
@@ -88,6 +89,10 @@ var VirtualScroll = /** @class */ (function () {
             this.parent.selectionSettings.mode === 'Row' && !this.parent.selectionSettings.persistSelection) {
             this.parent.grid.clearSelection();
         }
+        if (getValue('isCollapseAll', this.parent) && this.parent.selectionSettings.persistSelection && this.parent.getSelectedRecords().length > 0) {
+            this.prevSelectedRecord = this.parent.getSelectedRecords();
+            this.parent.grid.clearSelection();
+        }
         var requestType = getValue('isCollapseAll', this.parent) ? 'collapseAll' : 'refresh';
         getValue('grid.renderModule', this.parent).dataManagerSuccess(ret, { requestType: requestType });
     };
@@ -118,7 +123,7 @@ var VirtualScroll = /** @class */ (function () {
         }
         else {
             var requestType = pageingDetails.actionArgs.requestType;
-            if (requestType === 'filtering' || requestType === 'collapseAll' || requestType === 'searching' ||
+            if (requestType === 'filtering' || requestType === 'collapseAll' || requestType === 'searching' || (requestType === 'refresh' && getValue('isExpandAll', this.parent)) ||
                 (requestType === 'refresh' && this.parent.enableCollapseAll && endIndex > visualData.length && isNullOrUndefined(this.expandCollapseRec))) {
                 startIndex = 0;
                 endIndex = this.parent.grid.pageSettings.pageSize - 1;
@@ -159,6 +164,12 @@ var VirtualScroll = /** @class */ (function () {
                 }
             }
             //}
+            if (this.prevrequestType === 'collapseAll' && pageingDetails.actionArgs.requestType === 'virtualscroll'
+                && !isNullOrUndefined(this.parent.idMapping) && startIndex === 0) {
+                startIndex = 0;
+                endIndex = this.parent.grid.pageSettings.pageSize - 1;
+                this.parent.grid.notify(events.virtualActionArgs, { setTop: true });
+            }
             if ((this.parent.enableCollapseAll || this.parent.expandStateMapping) && !isNullOrUndefined(this.expandCollapseRec)) {
                 if (pageingDetails.count < this.parent.getRows()[0].getBoundingClientRect().height) {
                     startIndex = 0;
@@ -177,6 +188,7 @@ var VirtualScroll = /** @class */ (function () {
             }
             this.prevstartIndex = startIndex;
             this.prevendIndex = endIndex;
+            this.prevrequestType = pageingDetails.actionArgs.requestType;
         }
         this.parent.notify('updateAction', pageingDetails);
     };

package/src/treegrid/base/constant.d.ts

@@ -0,0 +1,162 @@
+/**
+ *  @hidden
+ */
+export declare const load: string;
+/** @hidden */
+export declare const rowDataBound: string;
+/** @hidden */
+export declare const dataBound: string;
+/** @hidden */
+export declare const queryCellInfo: string;
+/** @hidden */
+export declare const beforeDataBound: string;
+/** @hidden */
+export declare const actionBegin: string;
+/** @hidden */
+export declare const dataStateChange: string;
+/** @hidden */
+export declare const actionComplete: string;
+/** @hidden */
+export declare const rowSelecting: string;
+/** @hidden */
+export declare const rowSelected: string;
+/** @hidden */
+export declare const checkboxChange: string;
+/** @hidden */
+export declare const rowDeselected: string;
+/** @hidden */
+export declare const toolbarClick: string;
+/** @hidden */
+export declare const beforeExcelExport: string;
+/** @hidden */
+export declare const beforePdfExport: string;
+/** @hidden */
+export declare const resizeStop: string;
+/** @hidden */
+export declare const expanded: string;
+/** @hidden */
+export declare const expanding: string;
+/** @hidden */
+export declare const collapsed: string;
+/** @hidden */
+export declare const collapsing: string;
+/** @hidden */
+export declare const remoteExpand: string;
+/** @hidden */
+export declare const localPagedExpandCollapse: string;
+/** @hidden */
+export declare const pagingActions: string;
+/** @hidden */
+export declare const printGridInit: string;
+/** @hidden */
+export declare const contextMenuOpen: string;
+/** @hidden */
+export declare const contextMenuClick: string;
+/** @hidden */
+export declare const beforeCopy: string;
+/** @hidden */
+export declare const beforePaste: string;
+/** @hidden */
+export declare const savePreviousRowPosition: string;
+/** @hidden */
+export declare const crudAction: string;
+/** @hidden */
+export declare const beginEdit: string;
+/** @hidden */
+export declare const beginAdd: string;
+/** @hidden */
+export declare const recordDoubleClick: string;
+/** @hidden */
+export declare const cellSave: string;
+/** @hidden */
+export declare const cellSaved: string;
+/** @hidden */
+export declare const cellEdit: string;
+/** @hidden */
+export declare const batchDelete: string;
+/** @hidden */
+export declare const batchCancel: string;
+/** @hidden */
+export declare const batchAdd: string;
+/** @hidden */
+export declare const beforeBatchDelete: string;
+/** @hidden */
+export declare const beforeBatchAdd: string;
+/** @hidden */
+export declare const beforeBatchSave: string;
+/** @hidden */
+export declare const batchSave: string;
+/** @hidden */
+export declare const keyPressed: string;
+/** @hidden */
+export declare const updateData: string;
+/** @hidden */
+export declare const doubleTap: string;
+/** @hidden */
+export declare const virtualColumnIndex: string;
+/** @hidden */
+export declare const virtualActionArgs: string;
+/** @hidden */
+export declare const destroy: string;
+/** @hidden */
+export declare const dataListener: string;
+/** @hidden */
+export declare const indexModifier: string;
+/** @hidden */
+export declare const beforeStartEdit: string;
+/** @hidden */
+export declare const beforeBatchCancel: string;
+/** @hidden */
+export declare const batchEditFormRendered: string;
+/** @hidden */
+export declare const detailDataBound: string;
+/** @hidden */
+export declare const rowDrag: string;
+/** @hidden */
+export declare const rowDragStartHelper: string;
+/** @hidden */
+export declare const rowDrop: string;
+/** @hidden */
+export declare const rowDragStart: string;
+/** @hidden */
+export declare const rowsAdd: string;
+/** @hidden */
+export declare const rowsRemove: string;
+/** @hidden */
+export declare const rowdraging: string;
+/** @hidden */
+export declare const rowDropped: string;
+/** @hidden */
+export declare const autoCol: string;
+/** @hidden */
+export declare const rowDeselecting: string;
+/** @hidden */
+export declare const headerContent: string;
+/** @hidden */
+export declare const movableContent: string;
+/** @hidden */
+export declare const movableHeader: string;
+/** @hidden */
+export declare const frozenContent: string;
+/** @hidden */
+export declare const frozenHeader: string;
+/** @hidden */
+export declare const content: string;
+/** @hidden */
+export declare const table: string;
+/** @hidden */
+export declare const leftRight: string;
+/** @hidden */
+export declare const frozenRight: string;
+/** @hidden */
+export declare const frozenLeft: string;
+/** @hidden */
+export declare const dataColIndex: string;
+/** @hidden */
+export declare const ariaColIndex: string;
+/** @hidden */
+export declare const dataRowIndex: string;
+/** @hidden */
+export declare const ariaRowIndex: string;
+/** @hidden */
+export declare const actionFailure: string;

package/src/treegrid/base/data.d.ts

@@ -0,0 +1,90 @@
+import { TreeGrid } from './treegrid';
+import { BeforeDataBoundArgs } from '@syncfusion/ej2-grids';
+/**
+ * Internal dataoperations for tree grid
+ *
+ * @hidden
+ */
+export declare class DataManipulation {
+    private taskIds;
+    private parentItems;
+    private zerothLevelData;
+    private storedIndex;
+    private batchChanges;
+    private addedRecords;
+    private parent;
+    private dataResults;
+    private sortedData;
+    private hierarchyData;
+    private isSelfReference;
+    private isSortAction;
+    private infiniteScrollData;
+    constructor(grid: TreeGrid);
+    /**
+     * @hidden
+     * @returns {void}
+     */
+    addEventListener(): void;
+    /**
+     * @hidden
+     * @returns {void}
+     */
+    removeEventListener(): void;
+    /**
+     * To destroy the dataModule
+     *
+     * @returns {void}
+     * @hidden
+     */
+    destroy(): void;
+    /**
+     * @hidden
+     * @returns {boolean} -Returns whether remote data binding
+     */
+    isRemote(): boolean;
+    /**
+     * Function to manipulate datasource
+     *
+     * @param {Object} data - Provide tree grid datasource to convert to flat data
+     * @hidden
+     * @returns {void}
+     */
+    convertToFlatData(data: Object): void;
+    private convertJSONData;
+    private selfReferenceUpdate;
+    /**
+     * Function to update the zeroth level parent records in remote binding
+     *
+     * @param {BeforeDataBoundArgs} args - contains data before its bounds to tree grid
+     * @hidden
+     * @returns {void}
+     */
+    private updateParentRemoteData;
+    /**
+     * Function to manipulate datasource
+     *
+     * @param {{record: ITreeData, rows: HTMLTableRowElement[], parentRow: HTMLTableRowElement}} rowDetails - Row details for which child rows has to be fetched
+     * @param {ITreeData} rowDetails.record - current expanding record
+     * @param {HTMLTableRowElement[]} rowDetails.rows - Expanding Row element
+     * @param {HTMLTableRowElement} rowDetails.parentRow  - Curent expanding row element
+     * @param {boolean} isChild - Specified whether current record is already a child record
+     * @hidden
+     * @returns {void}
+     */
+    private collectExpandingRecs;
+    private fetchRemoteChildData;
+    private remoteVirtualAction;
+    private beginSorting;
+    private createRecords;
+    /**
+     * Function to perform filtering/sorting action for local data
+     *
+     * @param {BeforeDataBoundArgs} args - data details to be processed before binding to grid
+     * @hidden
+     * @returns {void}
+     */
+    dataProcessor(args?: BeforeDataBoundArgs): void;
+    private paging;
+    private updateData;
+    private updateAction;
+}

package/src/treegrid/base/data.js

@@ -344,16 +344,20 @@ var DataManipulation = /** @class */ (function () {
         var clonequries = qry.queries.filter(function (e) { return e.fn !== 'onPage' && e.fn !== 'onWhere'; });
         qry.queries = clonequries;
         qry.isCountRequired = true;
+        var idMappingValue = parseInt(rowDetails.record[this.parent.idMapping], 10);
+        if (isNaN(idMappingValue)) {
+            idMappingValue = rowDetails.record[this.parent.idMapping].toString();
+        }
         if (this.parent.enableVirtualization && rowDetails.action === 'remoteExpand') {
             qry.take(this.parent.pageSettings.pageSize);
             var expandDetail = [];
-            expandDetail.push('ExpandingAction', parseInt(rowDetails.record[this.parent.idMapping], 10).toString());
+            expandDetail.push('ExpandingAction', idMappingValue.toString());
             qry.expand(expandDetail);
         }
         else if (this.parent.enableVirtualization && rowDetails.action === 'collapse') {
             qry.take(this.parent.grid.pageSettings.pageSize);
             var expandDetail = [];
-            expandDetail.push('CollapsingAction', parseInt(rowDetails.record[this.parent.idMapping], 10).toString());
+            expandDetail.push('CollapsingAction', idMappingValue.toString());
             qry.expand(expandDetail);
         }
         qry.where(this.parent.parentIdMapping, 'equal', rowDetails.record[this.parent.idMapping]);
@@ -548,6 +552,9 @@ var DataManipulation = /** @class */ (function () {
                     e["" + result_1] = _this.parent.summaryModule.calculateSummaryValue(summaryQuery, e["" + result_1], true);
                 }
             }
+            if (rowDetails.action === 'remoteExpand' && _this.parent.allowPaging && _this.parent.pageSettings.pageSizeMode === 'All') {
+                _this.parent.grid.pageSettings.totalRecordsCount = _this.parent.grid.currentViewData.length + result.length;
+            }
             if (_this.parent.enableVirtualization) {
                 _this.parent.grid.pageSettings.totalRecordsCount = e.count;
             }
@@ -601,7 +608,17 @@ var DataManipulation = /** @class */ (function () {
             }
             if ((!isNullOrUndefined(currentData[this.parent.childMapping]) && !isCountRequired(this.parent)) ||
                 ((currentData[this.parent.hasChildMapping]) && isCountRequired(this.parent))) {
-                currentData.hasChildRecords = true;
+                if (!isNullOrUndefined(currentData[this.parent.childMapping])) {
+                    if (currentData[this.parent.childMapping].length > 0) {
+                        currentData.hasChildRecords = true;
+                    }
+                    else {
+                        currentData.hasChildRecords = false;
+                    }
+                }
+                else {
+                    currentData.hasChildRecords = true;
+                }
                 if (this.parent.enableCollapseAll || !isNullOrUndefined(this.parent.dataStateChange)
                     && isNullOrUndefined(currentData[this.parent.childMapping])) {
                     currentData.expanded = false;

package/src/treegrid/base/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Base export
+ */
+export * from './treegrid';
+export * from './treegrid-model';
+export * from './constant';
+export * from './data';
+export * from './interface';
+export * from '../actions/reorder';
+export * from '../actions/resize';
+export * from '../actions/rowdragdrop';