@adaptabletools/adaptable-cjs 20.0.2 → 20.0.3-canary.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adaptabletools/adaptable-cjs",
-  "version": "20.0.2",
+  "version": "20.0.3-canary.0",
   "description": "Powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements",
   "keywords": [
     "web-components",

package/src/AdaptableOptions/FilterOptions.d.ts

@@ -26,7 +26,7 @@ export interface FilterOptions<TData = any> {
      */
     clearFiltersOnStartUp?: boolean;
     /**
-     * Provide custom values (or sorting / count) info when using In Filter
+     * Provide custom values (or sorting / count info) when using the `In` Filter
      * @param context
      * @returns
      */

package/src/AdaptableState/LayoutState.d.ts

@@ -51,7 +51,7 @@ export interface LayoutBase extends AdaptableObject {
      */
     ColumnHeaders?: ColumnStringMap;
     /**
-     * Hides aggFunc name in Column header: e.g. 'sum(Price)' becomes 'Price'
+     * Hides the aggFunc in Column header: e.g. 'sum(Price)' becomes 'Price'
      */
     SuppressAggFuncInHeader?: boolean;
     /**

package/src/Api/Implementation/LayoutHelpers.js

@@ -70,6 +70,8 @@ const normalizeTableLayout = (tableLayout, options) => {
     const Source = tableLayout.Source;
     const Uuid = tableLayout.Uuid;
     const AdaptableVersion = tableLayout.AdaptableVersion;
+    const ColumnFilters = tableLayout.ColumnFilters;
+    const GridFilter = tableLayout.GridFilter;
     let model = (0, exports.tableLayoutToTableLayoutModel)(tableLayout);
     model = (0, normalizeLayoutModel_1.normalizeTableLayoutModel)(model, options);
     tableLayout = (0, exports.tableLayoutModelToTableLayout)(model, tableLayout);
@@ -82,6 +84,12 @@ const normalizeTableLayout = (tableLayout, options) => {
     if (AdaptableVersion) {
         tableLayout.AdaptableVersion = AdaptableVersion;
     }
+    if (ColumnFilters) {
+        tableLayout.ColumnFilters = ColumnFilters;
+    }
+    if (GridFilter) {
+        tableLayout.GridFilter = GridFilter;
+    }
     return tableLayout;
 };
 exports.normalizeTableLayout = normalizeTableLayout;
@@ -89,6 +97,8 @@ const normalizePivotLayout = (pivotLayout) => {
     const Source = pivotLayout.Source;
     const Uuid = pivotLayout.Uuid;
     const AdaptableVersion = pivotLayout.AdaptableVersion;
+    const ColumnFilters = pivotLayout.ColumnFilters;
+    const GridFilter = pivotLayout.GridFilter;
     let model = (0, exports.pivotLayoutToPivotLayoutModel)(pivotLayout);
     model = (0, normalizeLayoutModel_1.normalizePivotLayoutModel)(model);
     pivotLayout = (0, exports.pivotLayoutModelToPivotLayout)(model, pivotLayout);
@@ -101,6 +111,12 @@ const normalizePivotLayout = (pivotLayout) => {
     if (AdaptableVersion) {
         pivotLayout.AdaptableVersion = AdaptableVersion;
     }
+    if (ColumnFilters) {
+        pivotLayout.ColumnFilters = ColumnFilters;
+    }
+    if (GridFilter) {
+        pivotLayout.GridFilter = GridFilter;
+    }
     return pivotLayout;
 };
 exports.normalizePivotLayout = normalizePivotLayout;
@@ -171,6 +187,12 @@ const tableLayoutToTableLayoutModel = (tableLayout) => {
     if (tableLayout.RowGroupDisplayType) {
         result.RowGroupDisplayType = tableLayout.RowGroupDisplayType;
     }
+    if (tableLayout.ColumnFilters) {
+        result.ColumnFilters = tableLayout.ColumnFilters;
+    }
+    if (tableLayout.GridFilter) {
+        result.GridFilter = tableLayout.GridFilter;
+    }
     return result;
 };
 exports.tableLayoutToTableLayoutModel = tableLayoutToTableLayoutModel;
@@ -193,7 +215,24 @@ const pivotLayoutToPivotLayoutModel = (pivotLayout) => {
                 AggFunc: toAggFunc(AggFunc),
             };
         }),
+        RowGroupValues: pivotLayout.RowGroupValues
+            ? pivotLayout.RowGroupValues.RowGroupDefaultBehavior === 'always-collapsed' ||
+                pivotLayout.RowGroupValues.RowGroupDefaultBehavior === 'always-expanded'
+                ? {
+                    RowGroupDisplay: pivotLayout.RowGroupValues.RowGroupDefaultBehavior,
+                }
+                : {
+                    RowGroupDisplay: pivotLayout.RowGroupValues.RowGroupDefaultBehavior,
+                    Values: pivotLayout.RowGroupValues.ExceptionGroupKeys || [],
+                }
+            : undefined,
     });
+    if (pivotLayout.ColumnFilters) {
+        result.ColumnFilters = pivotLayout.ColumnFilters;
+    }
+    if (pivotLayout.GridFilter) {
+        result.GridFilter = pivotLayout.GridFilter;
+    }
     return result;
 };
 exports.pivotLayoutToPivotLayoutModel = pivotLayoutToPivotLayoutModel;
@@ -251,6 +290,12 @@ const tableLayoutModelToTableLayout = (layoutModel, defaults) => {
     else {
         delete tableLayout.TableAggregationColumns;
     }
+    if (layoutModel.ColumnFilters) {
+        tableLayout.ColumnFilters = layoutModel.ColumnFilters;
+    }
+    if (layoutModel.GridFilter) {
+        tableLayout.GridFilter = layoutModel.GridFilter;
+    }
     cleanupAdaptableObjectPrimitives(tableLayout);
     return tableLayout;
 };
@@ -281,7 +326,18 @@ const pivotLayoutModelToPivotLayout = (layoutModel, defaults) => {
     else {
         delete pivotLayout.PivotGroupedColumns;
     }
-    if (!layoutModel.RowGroupValues) {
+    if (layoutModel.RowGroupValues) {
+        pivotLayout.RowGroupValues = {
+            RowGroupDefaultBehavior: layoutModel.RowGroupValues.RowGroupDisplay,
+        };
+        if ((layoutModel.RowGroupValues.RowGroupDisplay === 'collapsed' ||
+            layoutModel.RowGroupValues.RowGroupDisplay === 'expanded') &&
+            layoutModel.RowGroupValues.Values) {
+            // @ts-ignore
+            pivotLayout.RowGroupValues.ExceptionGroupKeys = layoutModel.RowGroupValues.Values;
+        }
+    }
+    else {
         delete pivotLayout.RowGroupValues;
     }
     if (layoutModel.PivotAggregationColumns) {
@@ -293,6 +349,12 @@ const pivotLayoutModelToPivotLayout = (layoutModel, defaults) => {
     else {
         delete pivotLayout.PivotAggregationColumns;
     }
+    if (layoutModel.ColumnFilters) {
+        pivotLayout.ColumnFilters = layoutModel.ColumnFilters;
+    }
+    if (layoutModel.GridFilter) {
+        pivotLayout.GridFilter = layoutModel.GridFilter;
+    }
     return pivotLayout;
 };
 exports.pivotLayoutModelToPivotLayout = pivotLayoutModelToPivotLayout;

package/src/Api/Internal/LayoutInternalApi.js

@@ -152,7 +152,7 @@ class LayoutInternalApi extends ApiBase_1.ApiBase {
         if (!layout) {
             layout = this.getLayoutApi().getCurrentLayout();
         }
-        return layout?.RowGroupedColumns?.length > 0;
+        return (layout?.RowGroupedColumns?.length || layout?.PivotGroupedColumns?.length) > 0;
     }
     setupRowSummaries() {
         const rowSummaries = this.getAdaptableState().Internal?.RowSummary?.rowSummaries ?? [];

package/src/Redux/Store/AdaptableStore.js

@@ -930,7 +930,8 @@ const adaptableMiddleware = (adaptable) => (function(middlewareAPI) {
                  * Action: Apply Column Filtering and fire associated events
                  */
                 case LayoutRedux.LAYOUT_COLUMN_FILTER_ADD:
-                case LayoutRedux.LAYOUT_COLUMN_FILTER_EDIT:
+                // see ref "also-this-handles-the-LAYOUT_COLUMN_FILTER_EDIT-case"
+                // case LayoutRedux.LAYOUT_COLUMN_FILTER_EDIT:
                 case LayoutRedux.LAYOUT_COLUMN_FILTER_SET:
                 case LayoutRedux.LAYOUT_COLUMN_FILTER_CLEAR:
                 case LayoutRedux.LAYOUT_COLUMN_FILTER_CLEAR_ALL:
@@ -947,7 +948,7 @@ const adaptableMiddleware = (adaptable) => (function(middlewareAPI) {
                         if (shouldTriggerColumnFiltering) {
                             adaptable.applyFiltering();
                         }
-                    }, 5);
+                    }, 50);
                     adaptable.api.eventApi.internalApi.fireColumnFilterAppliedEvent();
                     adaptable.api.eventApi.internalApi.fireLayoutChangedEvent(action.type, oldLayoutState, middlewareAPI.getState().Layout);
                     return returnAction;

package/src/View/Components/Selectors/BulkUpdateValueSelector.js

@@ -22,7 +22,7 @@ const BulkUpdateValueSelector = (props) => {
     // not sure that we need to
     const permittedValueSelector = (React.createElement(rebass_1.Box, null,
         React.createElement(PermittedValuesSelector_1.PermittedValuesSelector, { allowNewValues: true, disabled: props.disabled || !props.selectedColumn, value: props.selectedColumnValue === '' ? null : props.selectedColumnValue, columnId: columnId, placeholder: isDateType ? 'Select' : 'Select or type new value', loadValues: (0, react_1.useCallback)(({ currentSearchValue }) => {
-                if (!columnId) {
+                if (!columnId || !props.selectedGridCells.length) {
                     return Promise.resolve([]);
                 }
                 return adaptable.api.gridApi.internalApi.getDistinctEditDisplayValuesForColumn({
@@ -32,8 +32,8 @@ const BulkUpdateValueSelector = (props) => {
                 });
             }, [
                 columnId,
-                props.selectedGridCells[0]?.column.columnId,
-                props.selectedGridCells[0]?.primaryKeyValue,
+                props.selectedGridCells?.[0]?.column.columnId,
+                props.selectedGridCells?.[0]?.primaryKeyValue,
             ]), onChange: (value) => {
                 props.onColumnValueChange(value || null);
             } })));

package/src/agGrid/AdaptableAgGrid.js

@@ -445,9 +445,7 @@ class AdaptableAgGrid {
             // see test /tests/pages/quick-search/pivot-search.spec.ts
             this.updateColumnModelAndRefreshGrid();
         }
-        else {
-            this.layoutManager.applyRowGroupValues((0, LayoutHelpers_1.layoutStateToLayoutModel)(currentLayout).RowGroupValues);
-        }
+        this.layoutManager.applyRowGroupValues((0, LayoutHelpers_1.layoutStateToLayoutModel)(currentLayout).RowGroupValues);
         this.autoSizeLayoutIfNeeded();
         this.ModuleService.createModuleUIItems();
         const adaptableContainerElem = this.getAdaptableContainerElement();
@@ -1890,11 +1888,8 @@ You need to define at least one Layout!`);
         if (!layout) {
             layout = this.api.layoutApi.getCurrentLayout();
         }
-        if (!(0, LayoutHelpers_1.isPivotLayout)(layout)) {
-            const layoutModel = (0, LayoutHelpers_1.tableLayoutToTableLayoutModel)(layout);
-            this.layoutManager.applyRowGroupValues(layoutModel.RowGroupValues);
-            return;
-        }
+        const layoutModel = (0, LayoutHelpers_1.layoutStateToLayoutModel)(layout);
+        this.layoutManager.applyRowGroupValues(layoutModel.RowGroupValues);
     }
     isGroupRowNode(rowNode) {
         if (!rowNode) {

package/src/agGrid/getAgGridFilterNotifyModelFn.d.ts

@@ -1,2 +1,2 @@
 import { AdaptableApi } from '../types';
-export declare function getAgGridFilterNotifyModelFn(adaptableApi: AdaptableApi, colId: string, onModelChange: (model: any) => void): () => void;
+export declare function getAgGridFilterNotifyModelFn(adaptableApi: AdaptableApi, colId: string, onModelChange: (model: any) => void): import("lodash").DebouncedFunc<() => void>;

package/src/agGrid/getAgGridFilterNotifyModelFn.js

@@ -1,14 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAgGridFilterNotifyModelFn = void 0;
+const tslib_1 = require("tslib");
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 function getAgGridFilterNotifyModelFn(adaptableApi, colId, onModelChange) {
-    const notifyModel = () => {
+    const notifyModel = (0, debounce_1.default)(() => {
         const isActive = adaptableApi.filterApi.columnFilterApi.isColumnFilterActiveForColumn(colId);
-        // call it with non null to indicate that the filter is active
-        // call it with null to indicate that the filter is not active
-        // as per the AG Grid documentation
-        onModelChange(isActive ? true : null);
-    };
+        setTimeout(() => {
+            // call it with non null to indicate that the filter is active
+            // call it with null to indicate that the filter is not active
+            // as per the AG Grid documentation
+            // ref: also-this-handles-the-LAYOUT_COLUMN_FILTER_EDIT-case
+            onModelChange(isActive ? true : null);
+        }, 50);
+    }, 50, {
+        trailing: true,
+    });
     return notifyModel;
 }
 exports.getAgGridFilterNotifyModelFn = getAgGridFilterNotifyModelFn;

package/src/env.js

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
     NEXT_PUBLIC_INFINITE_TABLE_LICENSE_KEY: "StartDate=2021-06-29|EndDate=2030-01-01|Owner=Adaptable|Type=distribution|TS=1624971462479|C=137829811,1004007071,2756196225,1839832928,3994409405,636616862" || '',
-    PUBLISH_TIMESTAMP: 1743601283268 || Date.now(),
-    VERSION: "20.0.2" || '--current-version--',
+    PUBLISH_TIMESTAMP: 1743753806257 || Date.now(),
+    VERSION: "20.0.3-canary.0" || '--current-version--',
 };

package/src/layout-manager/src/LayoutManagerModel.d.ts

@@ -12,6 +12,17 @@ export interface ColumnSortModel {
     SortOrder: 'Asc' | 'Desc';
 }
 export interface BaseLayoutModel {
+    /**
+     * Those are not actually used by the LayoutManager,
+     * but we need to keep them here so we can give the layout
+     * fully specified back to Adaptable, with this prop
+     * set as it was when we received it from Adaptable
+     */
+    ColumnFilters?: any;
+    /**
+     * Same as ColumnFilters, but for Grid Filter
+     */
+    GridFilter?: any;
     ColumnVisibility?: {
         [columnId: string]: false;
     };

package/src/layout-manager/src/index.js

@@ -271,7 +271,7 @@ class LayoutManager extends LMEmitter_1.LMEmitter {
         let ColumnSorts = [];
         let RowGroupedColumns = [];
         let RowGroupValues = undefined;
-        let TableAggregationColumnsv = [];
+        let TableAggregationColumns = [];
         let ColumnPinning = {};
         const gridState = this.gridApi.getState();
         const prevLayout = this.currentLayout;
@@ -321,7 +321,7 @@ class LayoutManager extends LMEmitter_1.LMEmitter {
             return acc;
         }, {});
         if (gridState.aggregation) {
-            TableAggregationColumnsv = gridState.aggregation.aggregationModel.map((agg) => {
+            TableAggregationColumns = gridState.aggregation.aggregationModel.map((agg) => {
                 const prevAggForColumn = prevAggColumnsMap?.[agg.colId];
                 if (prevAggForColumn && prevAggForColumn.AggFunc.aggFunc === agg.aggFunc) {
                     return prevAggForColumn;
@@ -383,7 +383,7 @@ class LayoutManager extends LMEmitter_1.LMEmitter {
                     delete ColumnVisibility[colId];
                 }
             });
-            TableAggregationColumnsv = TableAggregationColumnsv.filter((agg) => {
+            TableAggregationColumns = TableAggregationColumns.filter((agg) => {
                 if (columnOrderSet.has(agg.ColumnId)) {
                     return true;
                 }
@@ -434,7 +434,7 @@ class LayoutManager extends LMEmitter_1.LMEmitter {
             ColumnWidths: ColumnWidths,
             ColumnSorts,
             RowGroupedColumns,
-            TableAggregationColumns: TableAggregationColumnsv,
+            TableAggregationColumns,
             ColumnPinning: ColumnPinning,
             RowGroupValues,
         });
@@ -679,7 +679,7 @@ class LayoutManager extends LMEmitter_1.LMEmitter {
             try {
                 const perfApplyPivot = this.beginPerf('applyLayout:pivot');
                 this.gridApi.setGridOption('pivotMode', true);
-                this.applyPivotLayout(layout);
+                this.applyPivotLayout(layout, options);
                 perfApplyPivot.end();
             }
             finally {
@@ -740,44 +740,45 @@ class LayoutManager extends LMEmitter_1.LMEmitter {
         return result;
     }
     applyRowGroupValues(RowGroupValues) {
-        if (RowGroupValues) {
-            if (RowGroupValues.RowGroupDisplay === 'always-expanded') {
-                this.gridApi.expandAll();
-                return;
-            }
-            if (RowGroupValues.RowGroupDisplay === 'always-collapsed') {
-                this.gridApi.collapseAll();
-                return;
-            }
-            const defaultExpanded = RowGroupValues.RowGroupDisplay === 'expanded';
-            if (RowGroupValues.Values) {
-                const deepMap = new infinite_react_1.DeepMap();
-                RowGroupValues.Values.forEach((rowGroupValue) => {
-                    deepMap.set(rowGroupValue, true);
-                });
-                this.gridApi.forEachNode((node) => {
-                    if (!node.group) {
-                        return;
-                    }
-                    if (node.group) {
-                        const nodePath = [];
-                        let currentNode = node;
-                        do {
-                            nodePath.unshift(currentNode.key);
-                            currentNode = currentNode.parent;
-                        } while (currentNode.parent);
-                        const shouldBeExpanded = defaultExpanded
-                            ? // by default nodes should be expanded
-                                // but this node should be expanded if it is not in the map
-                                !deepMap.has(nodePath)
-                            : // by default nodes should be collapsed
-                                // but this node should be expanded if it is in the map
-                                deepMap.has(nodePath);
-                        node.expanded = shouldBeExpanded;
-                    }
-                });
-                this.gridApi.onGroupExpandedOrCollapsed();
-            }
+        if (!RowGroupValues) {
+            return;
+        }
+        if (RowGroupValues.RowGroupDisplay === 'always-expanded') {
+            this.gridApi.expandAll();
+            return;
+        }
+        if (RowGroupValues.RowGroupDisplay === 'always-collapsed') {
+            this.gridApi.collapseAll();
+            return;
+        }
+        const defaultExpanded = RowGroupValues.RowGroupDisplay === 'expanded';
+        if (RowGroupValues.Values) {
+            const deepMap = new infinite_react_1.DeepMap();
+            RowGroupValues.Values.forEach((rowGroupValue) => {
+                deepMap.set(rowGroupValue, true);
+            });
+            this.gridApi.forEachNode((node) => {
+                if (!node.group) {
+                    return;
+                }
+                if (node.group) {
+                    const nodePath = [];
+                    let currentNode = node;
+                    do {
+                        nodePath.unshift(currentNode.key);
+                        currentNode = currentNode.parent;
+                    } while (currentNode.parent);
+                    const shouldBeExpanded = defaultExpanded
+                        ? // by default nodes should be expanded
+                            // but this node should be expanded if it is not in the map
+                            !deepMap.has(nodePath)
+                        : // by default nodes should be collapsed
+                            // but this node should be expanded if it is in the map
+                            deepMap.has(nodePath);
+                    node.expanded = shouldBeExpanded;
+                }
+            });
+            this.gridApi.onGroupExpandedOrCollapsed();
         }
     }
     computeColumnStateForPivotLayout(layout) {
@@ -984,7 +985,7 @@ class LayoutManager extends LMEmitter_1.LMEmitter {
         this.gridApi.autoSizeColumns(columnIds);
         return columnIds;
     }
-    applyPivotLayout(layout) {
+    applyPivotLayout(layout, options) {
         const columnState = this.computeColumnStateForPivotLayout(layout);
         // by simply calling this.gridApi.applyColumnState(columnState)
         // the order of aggregations is not preserved/guaranteed by ag-grid
@@ -1006,6 +1007,11 @@ class LayoutManager extends LMEmitter_1.LMEmitter {
         this.computePivotAggregations(layout, columnState);
         this.gridApi.applyColumnState(columnState);
         this.applyPivotExpandLevel(layout);
+        const hasGroupedColumns = layout.PivotGroupedColumns && layout.PivotGroupedColumns.length;
+        // but also let's not forget to apply the row group values
+        if (hasGroupedColumns && layout.RowGroupValues && !options?.skipApplyRowGroupsExpandedState) {
+            this.applyRowGroupValues(layout.RowGroupValues);
+        }
     }
     applyPivotExpandLevel(layout) {
         const PivotExpandLevel = layout.PivotExpandLevel ?? -1;

package/src/layout-manager/src/simplifyLayoutModel.js

@@ -73,7 +73,7 @@ function simplifyPivotLayoutModel(layout) {
     if (layout.ColumnSorts && !layout.ColumnSorts.length) {
         delete layout.ColumnSorts;
     }
-    if (!layout.RowGroupedColumns && layout.RowGroupValues) {
+    if (!layout.PivotGroupedColumns && layout.RowGroupValues) {
         delete layout.RowGroupValues;
     }
     return layout;