@adaptabletools/adaptable 20.1.4 → 20.1.6

package/src/agGrid/AdaptableAgGrid.js

@@ -143,7 +143,6 @@ const adaptableInstances = {};
 const publishTimestamp = Number(ADAPTABLE_PUBLISH_TIMESTAMP);
 export class AdaptableAgGrid {
     constructor(config) {
-        this.filteredOutPrimaryKeys = new Set();
         this.columnMinMaxValuesCache = {};
         this.renderReactRoot = (node, container) => defaultRenderReactRoot(node, container);
         /**
@@ -380,9 +379,7 @@ export class AdaptableAgGrid {
             gridApi: agGridApi,
             debugId: this.adaptableOptions.adaptableId,
         });
-        this.layoutManager.silentSetCurrentLayout(layoutModel, {
-            normalize: true,
-        });
+        this.silentUpdateCurrentLayoutModel(layoutModel);
         // this shouldn't be needed
         // but AG Grid has a bug, and in pivot layout,
         // even if we provide an initial AG Grid state with
@@ -395,8 +392,7 @@ export class AdaptableAgGrid {
             });
         }
         this.layoutManager.onChange((layoutModel) => {
-            const currentLayout = this.api.layoutApi.getCurrentLayout();
-            const newLayoutObject = layoutModelToLayoutState(layoutModel, currentLayout);
+            const newLayoutObject = layoutModelToLayoutState(layoutModel);
             this.onLayoutChange(newLayoutObject);
         });
         this.layoutManager.onColumnDefsChanged(() => {
@@ -405,7 +401,7 @@ export class AdaptableAgGrid {
         this.logger.info(`Hide Loading Screen`);
         this.unmountLoadingScreen?.();
         perfInitAgGrid.end();
-        // we need to intercept several AG Grid Api methods and trigger Adaptale state changes
+        // we need to intercept several AG Grid Api methods and trigger Adaptable state changes
         this.agGridAdapter.setAgGridApi(agGridApi);
         this.agGridAdapter.monkeyPatchingGridOptionsUpdates(agGridApi);
         this.lifecycleState = 'agGridReady';
@@ -428,7 +424,6 @@ export class AdaptableAgGrid {
         this.refreshHeader();
         const currentLayout = this.api.layoutApi.getCurrentLayout();
         checkForDuplicateColumns(currentLayout);
-        this.layoutManager.silentSetCurrentLayout(layoutStateToLayoutModel(currentLayout));
         if (isPivotLayout(currentLayout)) {
             // this is very very strange!
             // for some projects, if the initial layout is pivot, the columnDefs of the pivot resutl columns are NOT derived correctly from the main colDefs
@@ -548,6 +543,21 @@ You need to define at least one Layout!`);
         state.ToolPanel = toolPanelState;
         return state;
     }
+    getCurrentLayoutModel() {
+        const currentLayout = this.api.layoutApi.getCurrentLayout();
+        if (!currentLayout) {
+            return null;
+        }
+        return layoutStateToLayoutModel(currentLayout);
+    }
+    silentUpdateCurrentLayoutModel(layoutModel = this.getCurrentLayoutModel()) {
+        if (!layoutModel) {
+            return;
+        }
+        this.layoutManager.silentSetCurrentLayout(layoutModel, {
+            normalize: true,
+        });
+    }
     applyFiltering() {
         const agGridApi = this.agGridAdapter.getAgGridApi();
         this._emit('AdapTableFiltersApplied');
@@ -763,12 +773,7 @@ You need to define at least one Layout!`);
          * `doesExternalFilterPass`
          */
         this.agGridOptionsService.setGridOptionsProperty(gridOptions, 'doesExternalFilterPass', (original_doesExternalFilterPass) => {
-            const { filteredOutPrimaryKeys } = this;
-            filteredOutPrimaryKeys.clear();
             return (node) => {
-                if (node.rowIndex === 0) {
-                    filteredOutPrimaryKeys.clear();
-                }
                 if (!this.isAvailable) {
                     return true;
                 }
@@ -800,14 +805,12 @@ You need to define at least one Layout!`);
                         // Not sure about this - what should we do with an invalid Grid Filter?
                         // Here we essentially clear the Grid for invalid Grid Filter by returning false for each row
                         if (!isCurrentGridFilterValid) {
-                            filteredOutPrimaryKeys.add(primaryKey);
                             return false;
                         }
                         const gridFilterEvaluationResult = this.api.internalApi
                             .getQueryLanguageService()
                             .evaluateBooleanExpression(currentGridFilterExpression, GridFilterModuleId, node);
                         if (!gridFilterEvaluationResult) {
-                            filteredOutPrimaryKeys.add(primaryKey);
                             return false;
                         }
                     }
@@ -821,7 +824,6 @@ You need to define at least one Layout!`);
                             if (evaluateColumnFilterOnClient) {
                                 const columnFilterEvaluationResult = this.api.filterApi.columnFilterApi.internalApi.evaluateColumnFilter(columnFilter, node);
                                 if (!columnFilterEvaluationResult) {
-                                    filteredOutPrimaryKeys.add(primaryKey);
                                     return false;
                                 }
                             }
@@ -830,15 +832,11 @@ You need to define at least one Layout!`);
                 }
                 catch (ex) {
                     this.logger.error(ex);
-                    filteredOutPrimaryKeys.add(primaryKey);
                     return false;
                 }
                 const result = original_doesExternalFilterPass
                     ? original_doesExternalFilterPass(node)
                     : true;
-                if (!result) {
-                    filteredOutPrimaryKeys.add(primaryKey);
-                }
                 return result;
             };
         });
@@ -1353,8 +1351,8 @@ You need to define at least one Layout!`);
          * Action2: Set Selected Cells (on a debounce)
          */
         this.agGridAdapter.getAgGridApi().addEventListener('sortChanged', (this.listenerSortChanged = () => {
-            this.api.eventApi.internalApi.fireGridSortedEvent();
             this.debouncedSetSelectedCells();
+            this.api.eventApi.internalApi.fireGridSortedEvent();
         }));
         /**
          * Use Case: Charts have been created or destroyed, Chart ranges selected or Chart options changed
@@ -1617,6 +1615,17 @@ You need to define at least one Layout!`);
         }
         return this.createGridCell(rowNode, columnId);
     }
+    isRowNodeAvailableAfterFiltering(rowNode) {
+        if (rowNode.displayed) {
+            return true;
+        }
+        const parentRowNode = rowNode.parent;
+        if (parentRowNode == null || parentRowNode.id == 'ROOT_NODE_ID') {
+            return false;
+        }
+        const foundNode = parentRowNode.childrenAfterFilter?.find((c) => c.id == rowNode.id);
+        return foundNode != null;
+    }
     /**
      * Use (lazy evaluated) getters to avoid unnecessary calculations and memoization to avoid recalculating the same values
      */
@@ -1647,7 +1656,7 @@ You need to define at least one Layout!`);
                 return getRawValue();
             },
             get visible() {
-                return self.isPrimaryKeyVisible(this.primaryKeyValue);
+                return self.isRowNodeAvailableAfterFiltering(rowNode);
             },
             get displayValue() {
                 if (_displayValue === undefined) {
@@ -2289,9 +2298,6 @@ You need to define at least one Layout!`);
             return gridCells;
         }
     }
-    isPrimaryKeyVisible(primaryKey) {
-        return !this.filteredOutPrimaryKeys.has(primaryKey);
-    }
     addDistinctColumnValue(rowNode, columnId) {
         // we do not return the values of the aggregates when in grouping mode
         // otherwise they would appear in the filter dropdown etc....
@@ -2318,29 +2324,39 @@ You need to define at least one Layout!`);
             }
             return value;
         };
+        const self = this;
+        // those are grid cells unique per primary key - so cells corresponding to this column
+        // by for every row in the grid
+        // but here we want to collapse them down to values/cells unique by the
+        // value of this column: eg - if this is country column and we have multiple rownodes
+        // in the grid with country: UK, and multiple with country: France, then the end result
+        // of the current function should be 2 cells: one for UK and one for France
         gridCells.forEach((dataItem) => {
             const value = getter(dataItem);
-            const primaryKey = dataItem.primaryKeyValue;
             if (!cache.has(value)) {
                 cache.set(value, {
                     count: 1,
                     cell: dataItem,
-                    visible: this.isPrimaryKeyVisible(primaryKey),
+                    rowNodesWithSameCellValue: [dataItem.rowNode],
                 });
             }
             else {
                 const data = cache.get(value);
                 data.count++;
-                data.visible = data.visible || this.isPrimaryKeyVisible(primaryKey);
+                data.rowNodesWithSameCellValue.push(dataItem.rowNode);
             }
         });
         const result = [];
-        cache.forEach(({ count, cell, visible }) => {
-            result.push({
-                ...cell,
-                count,
-                visible,
+        cache.forEach(({ count, cell, rowNodesWithSameCellValue }) => {
+            const cellWithCount = cell;
+            cellWithCount.count = count;
+            // the visibility of this cell is true if any of the row nodes with this value is visible
+            Object.defineProperty(cellWithCount, 'visible', {
+                get: () => {
+                    return (rowNodesWithSameCellValue.findIndex((pk) => self.isRowNodeAvailableAfterFiltering(pk) === true) !== -1);
+                },
             });
+            result.push(cellWithCount);
         });
         return result;
     }
@@ -2814,57 +2830,23 @@ You need to define at least one Layout!`);
                 config.destroyAgGrid = true;
             }
         }
-        this.__prevLayoutForOnChange = undefined;
+        this.__prevLayoutForRefresh = undefined;
         this.layoutManager?.destroy();
         this.layoutManager = null;
-        this.filteredOutPrimaryKeys?.clear();
-        if (this.agGridAdapter?.getAgGridApi() && !this.agGridAdapter.getAgGridApi().isDestroyed()) {
-            this.agGridAdapter
-                .getAgGridApi()
-                .removeEventListener('firstDataRendered', this.listenerFirstDataRendered);
-            this.agGridAdapter
-                .getAgGridApi()
-                .removeEventListener('columnPivotChanged', this.listenerPivotChanged);
-            this.agGridAdapter
-                .getAgGridApi()
-                .removeEventListener('cellEditingStarted', this.listenerCellEditingStarted);
-            this.agGridAdapter
-                .getAgGridApi()
-                .removeEventListener('columnRowGroupChanged', this.listenerColumnRowGroupChanged);
-            this.agGridAdapter
-                .getAgGridApi()
-                .removeEventListener('cellSelectionChanged', this.listenerCellSelectionChanged);
-            this.agGridAdapter
-                .getAgGridApi()
-                .removeEventListener('columnResized', this.listenerColumnResized);
-            this.agGridAdapter
-                .getAgGridApi()
-                .removeEventListener('sortChanged', this.listenerSortChanged);
-            this.agGridAdapter
-                .getAgGridApi()
-                .removeEventListener('modelUpdated', this.listenerModelUpdated);
-            this.agGridAdapter.getAgGridApi().removeGlobalListener(this.listenerGlobalSetRowSelection);
-            this.agGridAdapter
-                .getAgGridApi()
-                .removeGlobalListener(this.listenerGlobalColumnEventsThatTriggerStateChange);
-            this.agGridAdapter
-                .getAgGridApi()
-                .removeGlobalListener(this.listenerGlobalColumnEventsThatTriggerAutoLayoutSave);
-            this.agGridAdapter
-                .getAgGridApi()
-                .removeGlobalListener(this.listenerGlobalRowGroupEventsThatTriggerAutoLayoutSave);
+        const agGridApi = this.agGridAdapter?.getAgGridApi();
+        if (agGridApi && !agGridApi.isDestroyed()) {
+            agGridApi.removeEventListener('firstDataRendered', this.listenerFirstDataRendered);
+            agGridApi.removeEventListener('columnPivotChanged', this.listenerPivotChanged);
+            agGridApi.removeEventListener('cellEditingStarted', this.listenerCellEditingStarted);
+            agGridApi.removeEventListener('cellSelectionChanged', this.listenerCellSelectionChanged);
+            agGridApi.removeEventListener('sortChanged', this.listenerSortChanged);
+            agGridApi.removeGlobalListener(this.listenerGlobalSetRowSelection);
             this.listenerFirstDataRendered = null;
             this.listenerPivotChanged = null;
             this.listenerCellEditingStarted = null;
-            this.listenerColumnRowGroupChanged = null;
             this.listenerCellSelectionChanged = null;
-            this.listenerColumnResized = null;
             this.listenerGlobalSetRowSelection = null;
             this.listenerSortChanged = null;
-            this.listenerModelUpdated = null;
-            this.listenerGlobalColumnEventsThatTriggerStateChange = null;
-            this.listenerGlobalColumnEventsThatTriggerAutoLayoutSave = null;
-            this.listenerGlobalRowGroupEventsThatTriggerAutoLayoutSave = null;
             this.throttleFilterOnDataChange = null;
             const liveGridOptions = this.agGridAdapter.DANGER_getLiveGridOptions();
             if (liveGridOptions) {
@@ -3007,10 +2989,7 @@ You need to define at least one Layout!`);
     getChartRef(chartId) {
         return this.agGridAdapter.getAgGridApi().getChartRef(chartId);
     }
-    setLayout(layout) {
-        if (!layout) {
-            layout = this.api.layoutApi.getCurrentLayout();
-        }
+    updateLayoutInManagerAfterStoreHasChanged(layout = this.api.layoutApi.getCurrentLayout()) {
         checkForDuplicateColumns(layout);
         const isLayoutSwitch = this._prevLayout && layout.Name != this._prevLayout.Name;
         let shouldUpdateExpandState = isLayoutSwitch;
@@ -3045,9 +3024,11 @@ You need to define at least one Layout!`);
         // and is specific to Adaptable, therefore we need to refresh it manually
         this.refreshHeader();
         const layoutModel = layoutStateToLayoutModel(layout);
-        const layoutChanged = this.layoutManager?.setLayout(layoutModel, {
+        this.layoutManager?.setLayout(layoutModel, {
             skipApplyRowGroupsExpandedState: !shouldUpdateExpandState,
+            skipTriggerChange: true,
         });
+        this.refreshAdaptableAfterLayoutChange(layout);
         if (layout.AutoSizeColumns) {
             if (isPivot) {
                 requestAnimationFrame(() => {
@@ -3068,15 +3049,6 @@ You need to define at least one Layout!`);
                 plugin.afterSetLayout(this, layout);
             }
         });
-        if (!layoutChanged) {
-            // we won't get an onLayoutChange event
-            // most likely only filters have changed (column or grid filters)
-            // and because filters are not part of the layout manager
-            // there will be no change to the layout
-            // so we need to manually trigger the onLayoutChange event
-            // for other layout-related updates
-            this.onLayoutChange(layout, { skipRefresh: true });
-        }
         perfSetLayout.end();
     }
     getActiveAdaptableAggFuncForCol(columnId) {
@@ -3355,7 +3327,7 @@ You need to define at least one Layout!`);
         this.agGridAdapter.setGridOption('columnDefs', columnDefs);
         // this is needed here for when we call setAdaptableStateKey
         // and pass a new config
-        this.setLayout();
+        this.updateLayoutInManagerAfterStoreHasChanged();
         this.applyFiltering();
     }
     isRowGroupDifferentInLayout(one, other) {
@@ -3385,25 +3357,25 @@ You need to define at least one Layout!`);
         };
         return hasPivotTotals(one) || hasPivotTotals(other);
     }
-    onLayoutChange(layout, options) {
-        this.logger.info('onLayoutChange()');
-        const skipRefresh = options?.skipRefresh;
-        if (!skipRefresh) {
-            const prevOnChangeLayout = this.__prevLayoutForOnChange || this.api.layoutApi.getCurrentLayout();
-            // see #on-regroup-expect-group-column-to-be-recomputed-and-setup-properly
-            const rowGroupsChanged = this.isRowGroupDifferentInLayout(prevOnChangeLayout, layout);
-            const hasPivotTotalsInLayout = this.hasPivotTotalsInLayout(prevOnChangeLayout, layout);
-            const pivotColsChanged = JSON.stringify(layout.PivotColumns) !== JSON.stringify(prevOnChangeLayout.PivotColumns);
-            if (rowGroupsChanged || pivotColsChanged || hasPivotTotalsInLayout) {
-                this.updateColumnModelAndRefreshGrid();
-            }
-            else {
-                this.deriveAdaptableColumnStateFromAgGrid();
-            }
-        }
-        this.__prevLayoutForOnChange = layout;
+    onLayoutChange(layout) {
+        this.refreshAdaptableAfterLayoutChange(layout);
         this.api.layoutApi.createOrUpdateLayout(layout);
     }
+    refreshAdaptableAfterLayoutChange(layout) {
+        this.logger.info('refreshAdaptableAfterLayoutChange()');
+        const prevLayoutForRefresh = this.__prevLayoutForRefresh || this.api.layoutApi.getCurrentLayout();
+        // see #on-regroup-expect-group-column-to-be-recomputed-and-setup-properly
+        const rowGroupsChanged = this.isRowGroupDifferentInLayout(prevLayoutForRefresh, layout);
+        const hasPivotTotalsInLayout = this.hasPivotTotalsInLayout(prevLayoutForRefresh, layout);
+        const pivotColsChanged = JSON.stringify(layout.PivotColumns) !== JSON.stringify(prevLayoutForRefresh.PivotColumns);
+        if (rowGroupsChanged || pivotColsChanged || hasPivotTotalsInLayout) {
+            this.updateColumnModelAndRefreshGrid();
+        }
+        else {
+            this.deriveAdaptableColumnStateFromAgGrid();
+        }
+        this.__prevLayoutForRefresh = layout;
+    }
     validateColumnDefTypes(columnDefs) {
         // in Adaptable version 20 we switched from colDef.type to colDef.cellDataType
         // although we documented this change and try to infer the correct cellDataTypes, it's best to also check if the client dev forgot to adjust his colDefs

package/src/components/ExpressionEditor/BaseEditorInput.js

@@ -24,6 +24,7 @@ const filterableCategories = [
     'logical',
     'maths',
     'strings',
+    'changes',
     'comparison',
     'observable',
     'aggregation',
@@ -38,6 +39,7 @@ const getCategoryOrder = (category) => {
         strings: 5,
         maths: 6,
         dates: 7,
+        changes: 8,
     };
     return predefinedOrder[category] || 0;
 };

package/src/components/Select/Select.d.ts

@@ -14,6 +14,7 @@ export type SelectProps<SelectValue extends unknown, IsMulti extends boolean = f
     menuStyle?: React.CSSProperties;
     menuMinWidth?: string | number;
     searchable?: boolean;
+    resizable?: boolean;
     isClearable?: boolean;
     closeMenuOnSelect?: boolean;
     hideSelectedOptions?: boolean;

package/src/components/Select/Select.js

@@ -4,9 +4,18 @@ import ReactSelect, { components, } from 'react-select';
 import CreatableSelect from 'react-select/creatable';
 import { Icon } from '../icons';
 import { Box } from 'rebass';
-import { DataSource, InfiniteTable, } from '@infinite-table/infinite-react';
-import { useMemo } from 'react';
+import { DataSource, InfiniteTable, components as InfiniteTableComponents, } from '@infinite-table/infinite-react';
+import { useCallback, useMemo } from 'react';
 import join from '../utils/join';
+import { Resizable } from 're-resizable';
+const resizableDirections = {
+    right: true,
+    bottom: true,
+    bottomRight: true,
+};
+const defaultResizableSize = {
+    width: '100%',
+};
 const checkboxStyle = {
     position: 'relative',
     top: 1,
@@ -15,7 +24,7 @@ const INFINITE_DOM_PROPS = {
     style: {
         height: '100%',
         minHeight: `var(--ab-cmp-select-menu__min-height, 25rem)`,
-        maxHeight: '50vh',
+        // maxHeight: '50vh',
         width: '100%',
     },
 };
@@ -28,7 +37,12 @@ const INFINITE_COLUMNS_WITH_CHECKBOX = {
         },
         resizable: false,
         defaultSortable: false,
-        renderSelectionCheckBox: true,
+        renderSelectionCheckBox: (params) => {
+            // disable reacting to onChange
+            // as we handle selection change in the onCellClick
+            return React.createElement(InfiniteTableComponents.CheckBox, { checked: params.rowInfo?.rowSelected ?? false });
+        },
+        renderHeaderSelectionCheckBox: true,
         className: 'ab-Select-CheckboxColumn',
         renderValue: ({ renderBag }) => {
             return React.createElement("div", { className: "InfiniteCell_content_value" }, renderBag.value);
@@ -148,6 +162,7 @@ export const Select = function (props) {
                 } }));
         };
     }, []);
+    const resizable = props.resizable ?? false;
     const ValueContainer = React.useMemo(() => {
         return (props) => {
             let { children, ...inputProps } = props;
@@ -176,24 +191,33 @@ export const Select = function (props) {
                 } }, children));
         };
     }, [renderMultipleValues, props.placeholder]);
+    const sizeRef = React.useRef({ ...defaultResizableSize });
     const MenuComponent = React.useMemo(() => {
         return (inputProps) => {
             const { isLoading } = inputProps;
+            const theChildren = (React.createElement(React.Fragment, null,
+                inputProps.children,
+                React.createElement("div", { style: {
+                        display: isLoading ? 'block' : 'none',
+                        position: 'absolute',
+                        inset: 0,
+                        background: `var(--ab-cmp-select-loading__background)`,
+                        zIndex: 1,
+                    } })));
+            const onResizeStop = useCallback((_e, _direction, ref) => {
+                const newSize = {
+                    width: ref.style.width,
+                    height: ref.style.height,
+                };
+                sizeRef.current = newSize;
+            }, []);
             return (React.createElement(React.Fragment, null,
                 React.createElement(components.Menu, { ...inputProps, innerProps: {
                         'data-name': 'menu-container',
                         ...inputProps.innerProps,
-                    } },
-                    inputProps.children,
-                    React.createElement("div", { style: {
-                            display: isLoading ? 'block' : 'none',
-                            position: 'absolute',
-                            inset: 0,
-                            background: `var(--ab-cmp-select-loading__background)`,
-                            zIndex: 1,
-                        } }))));
+                    } }, resizable ? (React.createElement(Resizable, { enable: resizableDirections, minWidth: '100%', maxHeight: '60vh', maxWidth: '60vw', defaultSize: sizeRef.current, onResizeStop: onResizeStop }, theChildren)) : (theChildren))));
         };
-    }, []);
+    }, [resizable]);
     const SelectComponent = props.isCreatable ? CreatableSelect : ReactSelect;
     const ClearIndicator = React.useMemo(() => {
         return (clearIndicatorProps) => {
@@ -324,8 +348,10 @@ export const Select = function (props) {
                 setValue({ value }, 'select-option');
             }, [setValue]);
             const onCellClick = React.useCallback(({ rowIndex, api, dataSourceApi }) => {
-                const pk = dataSourceApi.getPrimaryKeyByIndex(rowIndex);
-                api.rowSelectionApi.toggleRowSelection(pk);
+                if (isMulti) {
+                    const pk = dataSourceApi.getPrimaryKeyByIndex(rowIndex);
+                    api.rowSelectionApi.toggleRowSelection(pk);
+                }
                 // see #ensure-select-closes-after-clicking-outside
                 requestAnimationFrame(() => {
                     ref.current?.focus();
@@ -425,7 +451,7 @@ export const Select = function (props) {
                     zIndex: 999999,
                     boxShadow: 'var(--ab-cmp-select-menu__box-shadow)',
                     minWidth: `var(--ab-cmp-select-menu__min-width)`,
-                    width: `${Math.max(maxLabelLength, 10)}ch`,
+                    width: resizable ? '100%' : `${Math.max(maxLabelLength, 10)}ch`,
                     '--ab-cmp-select-menu__min-height': `min(${(props.options || []).length + (showHeaderSelectionCheckbox ? 1 : 0)} * var(--ab-grid-row-height), 20rem)`,
                     maxHeight: 'var(--ab-cmp-select-menu__max-height)',
                     maxWidth: 'var(--ab-cmp-select-menu__max-width)',

package/src/env.js

@@ -1,5 +1,5 @@
 export 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: 1747747693470 || Date.now(),
-    VERSION: "20.1.4" || '--current-version--',
+    PUBLISH_TIMESTAMP: 1748524771920 || Date.now(),
+    VERSION: "20.1.6" || '--current-version--',
 };

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

@@ -18,11 +18,38 @@ export interface BaseLayoutModel {
      * fully specified back to Adaptable, with this prop
      * set as it was when we received it from Adaptable
      */
-    ColumnFilters?: any;
+    Ignore_ColumnFilters?: any[];
     /**
      * Same as ColumnFilters, but for Grid Filter
      */
-    GridFilter?: any;
+    Ignore_GridFilter?: any;
+    /**
+     * Same as AutoSizeColumns, but for Pivot Layout
+     */
+    Ignore_AutoSizeColumns?: any;
+    /**
+     * Same as above, but for IsReadOnly
+     */
+    Ignore_IsReadOnly?: boolean;
+    /**
+     * Same as above, but for Tags
+     */
+    Ignore_Tags?: any[];
+    /**
+     * Same as RowSummaries, but for Pivot Layout
+     */
+    Ignore_RowSummaries?: any;
+    /**
+     * Same as above, but
+     */
+    Ignore_Name?: string;
+    /**
+     * Same as above, but for Column Headers
+     */
+    Ignore_ColumnHeaders?: any;
+    Ignore_Source?: string;
+    Ignore_AdaptableVersion?: string;
+    Ignore_Uuid?: string;
     ColumnVisibility?: {
         [columnId: string]: false;
     };

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

@@ -54,8 +54,11 @@ export declare class LayoutManager<DATA_TYPE = any> extends LMEmitter {
     }): void;
     setLayout(layout: TableLayoutModel | PivotLayoutModel, options?: ApplyLayoutOptions & {
         force?: boolean;
+        skipTriggerChange?: boolean;
     }): boolean;
     isCurrentLayoutPivot(): boolean;
+    private suspendAgGridListener;
+    private resumeAgGridListener;
     private applyLayout;
     private applyTableLayout;
     private getRowGroupNodePathsAs;