@adaptabletools/adaptable-cjs 20.2.7 → 20.2.9

package/src/Api/Implementation/ColumnApiImpl.js

@@ -10,6 +10,7 @@ const ColumnInternalApi_1 = require("../Internal/ColumnInternalApi");
 const normalizeLayoutModel_1 = require("../../layout-manager/src/normalizeLayoutModel");
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/ArrayExtensions"));
 const isPivotColumnTotal_1 = require("../../layout-manager/src/isPivotColumnTotal");
+const LayoutHelpers_1 = require("./LayoutHelpers");
 const ROW_GROUP_COLUMN_DEFAULTS = {
     columnId: '',
     isTreeColumn: false,
@@ -131,13 +132,17 @@ class ColumnApiImpl extends ApiBase_1.ApiBase {
     }
     getVisibleColumns() {
         const layout = this.getLayoutApi().getCurrentLayout();
+        const allcols = this.getColumns();
+        if ((0, LayoutHelpers_1.isPivotLayout)(layout)) {
+            return allcols;
+        }
         const visibleCols = layout.TableColumns.reduce((acc, colId) => {
             if (layout.ColumnVisibility?.[colId] !== false) {
                 acc.add(colId);
             }
             return acc;
         }, new Set());
-        return this.getColumns().filter((c) => visibleCols.has(c.columnId));
+        return allcols.filter((c) => visibleCols.has(c.columnId));
     }
     selectColumn(columnId) {
         this._adaptable.selectColumn(columnId);

package/src/Api/Implementation/LayoutApiImpl.d.ts

@@ -38,12 +38,8 @@ export declare class LayoutApiImpl extends ApiBase implements LayoutApi {
     showChangeColumnCaption(column: AdaptableColumn): void;
     openLayoutSettingsPanel(): void;
     showLayoutEditor(layoutName?: string, layoutType?: 'table' | 'pivot', action?: ModuleParams['action']): void;
-    isCurrentLayoutReadOnly(): boolean;
     deleteLayout(layout: Layout): void;
     deleteLayoutByName(layoutName: string): void;
     removeColumnFromCurrentLayout(columnId: string): void;
-    removeColumnFromAllLayouts(columnId: string): void;
-    removeColumnFromLayout(columnId: string, layoutName: string): void;
-    addColumnToTableLayout(columnId: string, layoutName: string): void;
-    addColumnToCurrentTableLayout(columnId: string): void;
+    addColumnToCurrentLayout(columnId: string): void;
 }

package/src/Api/Implementation/LayoutApiImpl.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LayoutApiImpl = void 0;
 const tslib_1 = require("tslib");
 const LayoutRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/LayoutRedux"));
-const LayoutRedux_1 = require("../../Redux/ActionsReducers/LayoutRedux");
 const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
 const ApiBase_1 = require("./ApiBase");
 const StringExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/StringExtensions"));
@@ -211,10 +210,11 @@ class LayoutApiImpl extends ApiBase_1.ApiBase {
     }
     setColumnCaption(columnId, caption) {
         if (StringExtensions_1.default.IsNotNullOrEmpty(columnId) && StringExtensions_1.default.IsNotNullOrEmpty(caption)) {
-            const currentLayoutName = this.getCurrentLayoutName();
-            if (StringExtensions_1.default.IsNotNullOrEmpty(currentLayoutName)) {
-                this.dispatchAction(LayoutRedux.LayoutSetColumnCaption(currentLayoutName, columnId, caption));
-            }
+            this.updateCurrentLayout((layout) => {
+                layout.ColumnHeaders = { ...layout.ColumnHeaders };
+                layout.ColumnHeaders[columnId] = caption;
+                return layout;
+            });
         }
     }
     createOrUpdateLayout(layout) {
@@ -226,13 +226,18 @@ class LayoutApiImpl extends ApiBase_1.ApiBase {
         }
     }
     showChangeColumnCaption(column) {
-        const customHeader = this.getCurrentLayout().ColumnHeaders?.[column.columnId] ?? column.friendlyName;
+        const currentLayout = this.getCurrentLayout();
+        const customHeader = currentLayout.ColumnHeaders?.[column.columnId] ?? column.friendlyName;
         this.dispatchAction((0, PopupRedux_1.PopupShowPrompt)({
             Header: `Change caption for '${column.friendlyName}'`,
             Msg: '',
             DefaultValue: customHeader,
-            ConfirmActionCreator: (inputText) => inputText !== customHeader &&
-                (0, LayoutRedux_1.LayoutSetColumnCaption)(this.getCurrentLayoutName(), column.columnId, inputText),
+            ConfirmActionCreator: (inputText) => {
+                if (inputText !== customHeader) {
+                    this.setColumnCaption(column.columnId, inputText);
+                }
+                return { type: 'NOOP' };
+            },
         }));
     }
     openLayoutSettingsPanel() {
@@ -257,13 +262,6 @@ class LayoutApiImpl extends ApiBase_1.ApiBase {
             },
         });
     }
-    isCurrentLayoutReadOnly() {
-        const currentLayout = this.getCurrentLayout();
-        if (currentLayout) {
-            return currentLayout.IsReadOnly;
-        }
-        return true;
-    }
     deleteLayout(layout) {
         const layoutCount = this.getLayouts().length;
         if (layoutCount === 1) {
@@ -281,39 +279,40 @@ class LayoutApiImpl extends ApiBase_1.ApiBase {
         return this.deleteLayout(layout);
     }
     removeColumnFromCurrentLayout(columnId) {
-        this.removeColumnFromLayout(columnId, this.getCurrentLayoutName());
-    }
-    removeColumnFromAllLayouts(columnId) {
-        this.getLayouts().forEach((layout) => {
-            this.removeColumnFromLayout(columnId, layout.Name);
-        });
-    }
-    removeColumnFromLayout(columnId, layoutName) {
         const column = this.getColumnApi().getColumnWithColumnId(columnId);
         if (column) {
-            const layout = this.getLayoutByName(layoutName);
-            if (layout && !(0, LayoutHelpers_1.isPivotLayout)(layout)) {
-                if (layout.TableColumns.includes(columnId)) {
-                    this.dispatchAction(LayoutRedux.LayoutRemoveColumn(layoutName, columnId));
-                    this.getColumnApi().hideColumn(columnId);
-                }
+            const layout = this.getCurrentLayout();
+            if (!(0, LayoutHelpers_1.isPivotLayout)(layout)) {
+                this.updateCurrentLayout((layout) => {
+                    layout.TableColumns = layout.TableColumns.filter((c) => c !== columnId);
+                    return layout;
+                });
+            }
+            else {
+                this.updateCurrentLayout((layout) => {
+                    layout.PivotColumns = layout.PivotColumns.filter((c) => c !== columnId);
+                    return layout;
+                });
             }
         }
     }
-    addColumnToTableLayout(columnId, layoutName) {
+    addColumnToCurrentLayout(columnId) {
         const column = this.getColumnApi().getColumnWithColumnId(columnId);
         if (column) {
-            const layout = this.getLayoutByName(layoutName);
-            if (layout && !(0, LayoutHelpers_1.isPivotLayout)(layout)) {
-                if (!layout.TableColumns.includes(columnId)) {
-                    this.dispatchAction(LayoutRedux.LayoutAddColumn(layoutName, columnId));
-                    this.getColumnApi().showColumn(columnId);
-                }
+            const layout = this.getCurrentLayout();
+            if (!(0, LayoutHelpers_1.isPivotLayout)(layout)) {
+                this.updateCurrentLayout((layout) => {
+                    layout.TableColumns.push(columnId);
+                    return layout;
+                });
+            }
+            else {
+                this.updateCurrentLayout((layout) => {
+                    layout.PivotColumns.push(columnId);
+                    return layout;
+                });
             }
         }
     }
-    addColumnToCurrentTableLayout(columnId) {
-        this.addColumnToTableLayout(columnId, this.getCurrentLayoutName());
-    }
 }
 exports.LayoutApiImpl = LayoutApiImpl;

package/src/Api/Implementation/LayoutHelpers.js

@@ -241,7 +241,6 @@ const pivotLayoutToPivotLayoutModel = (pivotLayout) => {
         Name: pivotLayout.Name,
         SuppressAggFuncInHeader: pivotLayout.SuppressAggFuncInHeader,
         ColumnWidths: pivotLayout.ColumnWidths,
-        ColumnVisibility: pivotLayout.ColumnVisibility,
         ColumnSorts: pivotLayout.ColumnSorts,
         PivotGroupedColumns: pivotLayout.PivotGroupedColumns,
         ColumnPinning: pivotLayout.ColumnPinning,
@@ -416,7 +415,6 @@ const pivotLayoutModelToPivotLayout = (layoutModel) => {
         PivotColumns: layoutModel.PivotColumns,
         TableColumns: layoutModel.TableColumns,
         ColumnWidths: layoutModel.ColumnWidths,
-        ColumnVisibility: layoutModel.ColumnVisibility,
         ColumnSorts: layoutModel.ColumnSorts,
         ColumnPinning: layoutModel.ColumnPinning,
         PivotExpandLevel: layoutModel.PivotExpandLevel,

package/src/Api/Internal/EventInternalApi.d.ts

@@ -4,6 +4,7 @@ import { CellDataChangedInfo } from '../../AdaptableState/Common/CellDataChanged
 import { AdaptableAlert, AdaptableFlashingCell, AdaptablePersistentState, AdaptableSharedEntity, AdaptableState, AdaptableTheme, CalculatedColumn, CreatedRowInfo, DashboardState, DataImportedInfo, DataSet, DeletedRowInfo, EditedRowInfo, LayoutState, RowDataChangedInfo, SystemStatusMessageInfo } from '../../types';
 import { ApiBase } from '../Implementation/ApiBase';
 import { BaseSchedule } from '../../AdaptableState/Common/Schedule';
+import { LayoutChangedAction } from '../Events/LayoutChanged';
 export declare class EventInternalApi extends ApiBase {
     fireGridSortedEvent(): void;
     fireCellChangedEvent(cellDataChangedInfo: CellDataChangedInfo): void;
@@ -11,7 +12,7 @@ export declare class EventInternalApi extends ApiBase {
     fireDashboardChangedEvent(trigger: string, oldDashboardState: DashboardState, newDashboardState: DashboardState): void;
     fireAlertFiredEvent(alertToFire: AdaptableAlert): void;
     fireThemeChangedEvent(theme: AdaptableTheme, trigger: 'ThemeSelected' | 'ThemeEdited'): void;
-    fireLayoutChangedEvent(trigger: string, oldState: LayoutState, newState: LayoutState): void;
+    fireLayoutChangedEvent(trigger: LayoutChangedAction, oldState: LayoutState, newState: LayoutState): void;
     fireScheduleTriggeredEvent(schedule: BaseSchedule): void;
     fireDataSetSelectedEvent(dataSet: DataSet): void;
     fireSystemStatusMessageDisplayedEvent(systemStatusMessageInfo: SystemStatusMessageInfo): void;

package/src/Api/LayoutApi.d.ts

@@ -88,26 +88,26 @@ export interface LayoutApi {
      */
     updateCurrentLayout(updateFn: (layout: TableLayout | PivotLayout) => TableLayout | PivotLayout): void;
     /**
-     * Creates new Layout in Adaptable State
+     * Creates a new Layout
      * @param layoutToCreate Layout to create
      * @returns created Layout object or `false` if Layout with the same name/Uuid already exists
      */
     createLayout(layoutToCreate: Layout): Layout | false;
     /**
-     * Creates new Layout in the state and then loads it into Grid
+     * Creates new Layout and loads it into Grid
      * @param layoutToCreate Layout to create
      * @returns created Layout object or `false` if creation failed
      */
     createAndSetLayout(layoutToCreate: Layout): Layout | false;
     /**
-     * Creates new Layout based on given Layout but with name provided
+     * Creates new Layout by cloning a given Layout
      * @param layoutToClone Layout to clone
-     * @param layoutName name to use for new Layout
+     * @param layoutName name of new Layout
      * @returns created Layout object or `false` if creation failed
      */
     cloneLayout(layoutToClone: Layout, layoutName: string): Layout | false;
     /**
-     * Creates new Layout based on given Layout but with name provided and then loads it into Grid
+     * Creates new Layout by cloning a given Layout and then loads it into Grid
      * @param layoutToClone Layout to clone
      * @param layoutName name to use for new Layout
      * @returns created Layout object or `false` if creation failed
@@ -148,40 +148,19 @@ export interface LayoutApi {
      * @param layout Name of the Layout to delete
      */
     deleteLayoutByName(layoutName: string): void;
-    /**
-     * Specifies where Current Layout is editable
-     */
-    isCurrentLayoutReadOnly(): boolean;
     /**
      * Opens Change Column Caption popup
      * @param column Column to open Popup for
      */
     showChangeColumnCaption(column: AdaptableColumn): void;
     /**
-     * Removes a Column from the Current Layout
+     * Removes a Column from Current Table or Pivot Layout
      * @param columnId Column to remove
      */
     removeColumnFromCurrentLayout(columnId: string): void;
     /**
-     * Removes a Column from all Layouts
-     * @param columnId Column to remove
-     */
-    removeColumnFromAllLayouts(columnId: string): void;
-    /**
-     * Removes a Column from a given Layout
-     * @param columnId Column to remove
-     * @param layoutName layout from which to remove Column
-     */
-    removeColumnFromLayout(columnId: string, layoutName: string): void;
-    /**
-     * Adds a Column to a given Table Layout
-     * @param columnId Column to add
-     * @param layoutName layout to which to add Column
-     */
-    addColumnToTableLayout(columnId: string, layoutName: string): void;
-    /**
-     * Adds a Column to Current (Table) Layout
+     * Adds a Column to Current Table or Pivot Layout
      * @param columnId Column to add
      */
-    addColumnToCurrentTableLayout(columnId: string): void;
+    addColumnToCurrentLayout(columnId: string): void;
 }

package/src/Redux/ActionsReducers/LayoutRedux.d.ts

@@ -2,10 +2,6 @@ import * as Redux from 'redux';
 import { AdaptableState } from '../../../types';
 import { LayoutState, Layout } from '../../AdaptableState/LayoutState';
 import { ColumnFilter } from '../../types';
-/**
- * @ReduxAction A new caption / header has been set for a Column in the Layout
- */
-export declare const LAYOUT_COLUMN_SET_CAPTION = "LAYOUT_COLUMN_SET_CAPTION";
 /**
  * @ReduxAction Layout Module is ready
  */
@@ -30,14 +26,6 @@ export declare const LAYOUT_SELECT = "LAYOUT_SELECT";
  * @ReduxAction A Layout has been (auto)saved
  */
 export declare const LAYOUT_SAVE = "LAYOUT_SAVE";
-/**
- * @ReduxAction A Column has been added
- */
-export declare const LAYOUT_COLUMN_ADD = "LAYOUT_COLUMN_ADD";
-/**
- * @ReduxAction A Column has been removed
- */
-export declare const LAYOUT_COLUMN_REMOVE = "LAYOUT_COLUMN_REMOVE";
 /**
  * @ReduxAction A Column Filter has been added
  */
@@ -83,7 +71,7 @@ export declare const LAYOUT_GRID_FILTER_SUSPEND = "LAYOUT_GRID_FILTER_SUSPEND";
  */
 export declare const LAYOUT_GRID_FILTER_UNSUSPEND = "LAYOUT_GRID_FILTER_UNSUSPEND";
 /**
- * @ReduxAction Edit Grid filter
+ * @ReduxAction The Grid Filter has been edited
  */
 export declare const LAYOUT_GRID_FILTER_SET = "LAYOUT_GRID_FILTER_SET";
 /**
@@ -171,9 +159,6 @@ export interface LayoutReadyAction extends Redux.Action {
 export declare const LayoutAdd: (layout: Layout) => LayoutAddAction;
 export declare const LayoutDelete: (layout: Layout) => LayoutDeleteAction;
 export declare const LayoutSave: (layout: Layout) => LayoutSaveAction;
-export declare const LayoutSetColumnCaption: (layoutName: string, columnId: string, caption: string) => LayoutSetColumnCaptionAction;
-export declare const LayoutAddColumn: (layoutName: string, columnId: string) => LayoutAddColumnAction;
-export declare const LayoutRemoveColumn: (layoutName: string, columnId: string) => LayoutRemoveColumnAction;
 export declare const LayoutSelect: (layoutName: string) => LayoutSelectAction;
 export declare const LayoutReady: (layoutState: LayoutState) => LayoutReadyAction;
 export declare const getColumnFiltersSelector: (state: AdaptableState) => ColumnFilter[];

package/src/Redux/ActionsReducers/LayoutRedux.js

@@ -1,14 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LayoutReducer = exports.getColumnFilterSelector = exports.getCurrentLayoutSelector = exports.getColumnFiltersSelector = exports.LayoutReady = exports.LayoutSelect = exports.LayoutRemoveColumn = exports.LayoutAddColumn = exports.LayoutSetColumnCaption = exports.LayoutSave = exports.LayoutDelete = exports.LayoutAdd = exports.LayoutGridFilterClear = exports.LayoutGridFilterUnSuspend = exports.LayoutGridFilterSuspend = exports.LayoutGridFilterSet = exports.LayoutColumnFilterUnSuspendAll = exports.LayoutColumnFilterSuspendAll = exports.LayoutColumnFilterUnSuspend = exports.LayoutColumnFilterSuspend = exports.LayoutColumnFilterClear = exports.LayoutColumnFilterClearAll = exports.LayoutColumnFilterSet = exports.LayoutColumnFilterEdit = exports.LayoutColumnFilterAdd = exports.LAYOUT_GRID_FILTER_CLEAR = exports.LAYOUT_GRID_FILTER_SET = exports.LAYOUT_GRID_FILTER_UNSUSPEND = exports.LAYOUT_GRID_FILTER_SUSPEND = exports.LAYOUT_COLUMN_FILTER_UNSUSPEND_ALL = exports.LAYOUT_COLUMN_FILTER_SUSPEND_ALL = exports.LAYOUT_COLUMN_FILTER_UNSUSPEND = exports.LAYOUT_COLUMN_FILTER_SUSPEND = exports.LAYOUT_COLUMN_FILTER_CLEAR = exports.LAYOUT_COLUMN_FILTER_CLEAR_ALL = exports.LAYOUT_COLUMN_FILTER_SET = exports.LAYOUT_COLUMN_FILTER_EDIT = exports.LAYOUT_COLUMN_FILTER_ADD = exports.LAYOUT_COLUMN_REMOVE = exports.LAYOUT_COLUMN_ADD = exports.LAYOUT_SAVE = exports.LAYOUT_SELECT = exports.LAYOUT_DELETE = exports.LAYOUT_EDIT = exports.LAYOUT_ADD = exports.LAYOUT_READY = exports.LAYOUT_COLUMN_SET_CAPTION = void 0;
+exports.LayoutReducer = exports.getColumnFilterSelector = exports.getCurrentLayoutSelector = exports.getColumnFiltersSelector = exports.LayoutReady = exports.LayoutSelect = exports.LayoutSave = exports.LayoutDelete = exports.LayoutAdd = exports.LayoutGridFilterClear = exports.LayoutGridFilterUnSuspend = exports.LayoutGridFilterSuspend = exports.LayoutGridFilterSet = exports.LayoutColumnFilterUnSuspendAll = exports.LayoutColumnFilterSuspendAll = exports.LayoutColumnFilterUnSuspend = exports.LayoutColumnFilterSuspend = exports.LayoutColumnFilterClear = exports.LayoutColumnFilterClearAll = exports.LayoutColumnFilterSet = exports.LayoutColumnFilterEdit = exports.LayoutColumnFilterAdd = exports.LAYOUT_GRID_FILTER_CLEAR = exports.LAYOUT_GRID_FILTER_SET = exports.LAYOUT_GRID_FILTER_UNSUSPEND = exports.LAYOUT_GRID_FILTER_SUSPEND = exports.LAYOUT_COLUMN_FILTER_UNSUSPEND_ALL = exports.LAYOUT_COLUMN_FILTER_SUSPEND_ALL = exports.LAYOUT_COLUMN_FILTER_UNSUSPEND = exports.LAYOUT_COLUMN_FILTER_SUSPEND = exports.LAYOUT_COLUMN_FILTER_CLEAR = exports.LAYOUT_COLUMN_FILTER_CLEAR_ALL = exports.LAYOUT_COLUMN_FILTER_SET = exports.LAYOUT_COLUMN_FILTER_EDIT = exports.LAYOUT_COLUMN_FILTER_ADD = exports.LAYOUT_SAVE = exports.LAYOUT_SELECT = exports.LAYOUT_DELETE = exports.LAYOUT_EDIT = exports.LAYOUT_ADD = exports.LAYOUT_READY = void 0;
 const tslib_1 = require("tslib");
 const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const AdaptableHelper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/AdaptableHelper"));
 const LayoutHelpers_1 = require("../../Api/Implementation/LayoutHelpers");
-/**
- * @ReduxAction A new caption / header has been set for a Column in the Layout
- */
-exports.LAYOUT_COLUMN_SET_CAPTION = 'LAYOUT_COLUMN_SET_CAPTION';
 /**
  * @ReduxAction Layout Module is ready
  */
@@ -33,14 +29,6 @@ exports.LAYOUT_SELECT = 'LAYOUT_SELECT';
  * @ReduxAction A Layout has been (auto)saved
  */
 exports.LAYOUT_SAVE = 'LAYOUT_SAVE';
-/**
- * @ReduxAction A Column has been added
- */
-exports.LAYOUT_COLUMN_ADD = 'LAYOUT_COLUMN_ADD';
-/**
- * @ReduxAction A Column has been removed
- */
-exports.LAYOUT_COLUMN_REMOVE = 'LAYOUT_COLUMN_REMOVE';
 /**
  * @ReduxAction A Column Filter has been added
  */
@@ -86,7 +74,7 @@ exports.LAYOUT_GRID_FILTER_SUSPEND = 'LAYOUT_GRID_FILTER_SUSPEND';
  */
 exports.LAYOUT_GRID_FILTER_UNSUSPEND = 'LAYOUT_GRID_FILTER_UNSUSPEND';
 /**
- * @ReduxAction Edit Grid filter
+ * @ReduxAction The Grid Filter has been edited
  */
 exports.LAYOUT_GRID_FILTER_SET = 'LAYOUT_GRID_FILTER_SET';
 /**
@@ -168,25 +156,6 @@ const LayoutSave = (layout) => ({
     layout: (0, LayoutHelpers_1.normalizeLayout)(layout),
 });
 exports.LayoutSave = LayoutSave;
-const LayoutSetColumnCaption = (layoutName, columnId, caption) => ({
-    type: exports.LAYOUT_COLUMN_SET_CAPTION,
-    layoutName,
-    columnId,
-    caption,
-});
-exports.LayoutSetColumnCaption = LayoutSetColumnCaption;
-const LayoutAddColumn = (layoutName, columnId) => ({
-    type: exports.LAYOUT_COLUMN_ADD,
-    layoutName,
-    columnId,
-});
-exports.LayoutAddColumn = LayoutAddColumn;
-const LayoutRemoveColumn = (layoutName, columnId) => ({
-    type: exports.LAYOUT_COLUMN_REMOVE,
-    layoutName,
-    columnId,
-});
-exports.LayoutRemoveColumn = LayoutRemoveColumn;
 const LayoutSelect = (layoutName) => ({
     type: exports.LAYOUT_SELECT,
     layoutName,
@@ -271,52 +240,6 @@ const LayoutReducer = (state = initialState, action) => {
                 Layouts: newLayouts,
             };
         }
-        case exports.LAYOUT_COLUMN_SET_CAPTION: {
-            const setColumnCaptionAction = action;
-            const currentLayoutName = setColumnCaptionAction.layoutName;
-            let currentLayout = state.Layouts.find((l) => l.Name === currentLayoutName);
-            if (currentLayout) {
-                if (!currentLayout.ColumnHeaders) {
-                    currentLayout.ColumnHeaders = {};
-                }
-                currentLayout.ColumnHeaders[setColumnCaptionAction.columnId] =
-                    setColumnCaptionAction.caption;
-                return Object.assign({}, state, {
-                    Layouts: state.Layouts.map((abObject) => abObject.Uuid === currentLayout.Uuid ? currentLayout : abObject),
-                });
-            }
-            return state;
-        }
-        case exports.LAYOUT_COLUMN_ADD: {
-            const addColumnAction = action;
-            const layoutname = addColumnAction.layoutName;
-            const colToAdd = addColumnAction.columnId;
-            let layoutToUpdate = state.Layouts.find((l) => l.Name === layoutname);
-            if (layoutToUpdate) {
-                layoutToUpdate.TableColumns.push(colToAdd);
-                return {
-                    ...state,
-                    Layouts: state.Layouts.map((abObject) => abObject.Uuid === layoutToUpdate.Uuid ? layoutToUpdate : abObject),
-                };
-            }
-            return state;
-        }
-        case exports.LAYOUT_COLUMN_REMOVE: {
-            const removeColumnAction = action;
-            const layoutname = removeColumnAction.layoutName;
-            const colToRemove = removeColumnAction.columnId;
-            let layoutToUpdate = state.Layouts.find((l) => l.Name === layoutname);
-            if (layoutToUpdate) {
-                layoutToUpdate.TableColumns = layoutToUpdate.TableColumns.filter((col) => {
-                    return col !== colToRemove;
-                });
-                return {
-                    ...state,
-                    Layouts: state.Layouts.map((abObject) => abObject.Uuid === layoutToUpdate.Uuid ? layoutToUpdate : abObject),
-                };
-            }
-            return state;
-        }
         case exports.LAYOUT_COLUMN_FILTER_SET: {
             let columnFilters = currentLayout.ColumnFilters ?? [];
             const columnFilterAction = action.columnFilter;

package/src/Redux/Store/AdaptableStore.js

@@ -888,7 +888,6 @@ const adaptableMiddleware = (adaptable) => (function(middlewareAPI) {
                 case LayoutRedux.LAYOUT_EDIT:
                 case LayoutRedux.LAYOUT_SAVE:
                 case LayoutRedux.LAYOUT_DELETE:
-                case LayoutRedux.LAYOUT_COLUMN_SET_CAPTION:
                 case LayoutRedux.LAYOUT_SELECT: {
                     const oldLayoutState = middlewareAPI.getState().Layout;
                     // this must be called before 'next(action)'
@@ -914,8 +913,7 @@ const adaptableMiddleware = (adaptable) => (function(middlewareAPI) {
                         adaptable.applyFiltering();
                     }
                     if (returnAction.type == LayoutRedux.LAYOUT_SELECT ||
-                        returnAction.type == LayoutRedux.LAYOUT_DELETE ||
-                        returnAction.type == LayoutRedux.LAYOUT_COLUMN_SET_CAPTION) {
+                        returnAction.type == LayoutRedux.LAYOUT_DELETE) {
                         // tell AdapTable the Layout has been selected
                         if (newLayout) {
                             adaptable.updateLayoutInManagerAfterStoreHasChanged(newLayout);

package/src/Strategy/LayoutModule.d.ts

@@ -24,4 +24,5 @@ export declare class LayoutModule extends AdaptableModuleBase implements IModule
     getViewProperties(): AdaptableModuleView;
     handleLayoutSelection(): void;
     getReferencedNamedQueryNames(layout: Layout): string[];
+    isCurrentLayoutReadOnly(): boolean;
 }

package/src/Strategy/LayoutModule.js

@@ -46,7 +46,7 @@ class LayoutModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     }
     getExplicitlyReferencedColumnIds(layout) {
         const columnIds = [];
-        if (layout.TableColumns) {
+        if (!(0, LayoutHelpers_1.isPivotLayout)(layout) && layout.TableColumns) {
             const visibility = layout.ColumnVisibility || {};
             columnIds.push(...layout.TableColumns.filter((colId) => {
                 return visibility[colId] !== false;
@@ -129,7 +129,7 @@ class LayoutModule extends AdaptableModuleBase_1.AdaptableModuleBase {
             return;
         }
         let returnColumnMenuItems = [];
-        const isReadOnlyLayout = this.api.layoutApi.isCurrentLayoutReadOnly();
+        const isReadOnlyLayout = this.isCurrentLayoutReadOnly();
         if (!isReadOnlyLayout) {
             returnColumnMenuItems.push(this.createMenuItemShowPopup('layout-edit', 'Edit Layout', this.moduleInfo.Popup, 'edit-table', {
                 action: 'Edit',
@@ -168,7 +168,7 @@ class LayoutModule extends AdaptableModuleBase_1.AdaptableModuleBase {
     }
     createContextMenuItems(menuContext) {
         let returnColumnMenuItems = [];
-        if (this.isModuleEditable() && !this.api.layoutApi.isCurrentLayoutReadOnly()) {
+        if (this.isModuleEditable() && !this.isCurrentLayoutReadOnly()) {
             returnColumnMenuItems.push(this.createMenuItemShowPopup('layout-edit', 'Edit Layout', this.moduleInfo.Popup, 'edit-table', {
                 action: 'Edit',
                 source: 'ColumnMenu',
@@ -454,5 +454,12 @@ class LayoutModule extends AdaptableModuleBase_1.AdaptableModuleBase {
         }
         return this.api.namedQueryApi.internalApi.getReferencedNamedQueryNames(layout.GridFilter.Expression);
     }
+    isCurrentLayoutReadOnly() {
+        const currentLayout = this.api.layoutApi.getCurrentLayout();
+        if (currentLayout) {
+            return currentLayout.IsReadOnly;
+        }
+        return true;
+    }
 }
 exports.LayoutModule = LayoutModule;

package/src/View/Components/ColumnFilter/components/FloatingFilterValues.js

@@ -80,7 +80,44 @@ const FloatingFilterValues = (props) => {
         columnId: props.columnId,
         searchValueRef,
     });
-    (0, react_1.useEffect)(triggerValuesLoad, []);
+    const valueRef = React.useRef(props.value);
+    (0, react_1.useEffect)(() => {
+        // we used to load values initially on mount, without any condition
+        const value = valueRef.current;
+        // but we now optimize it - if there are no values to show (for which we would need a label)
+        // then we skip it altogether, so we'll only load onMenuOpen
+        if (!value || !Array.isArray(value) || value.length === 0) {
+            return;
+        }
+        // however, if the `value` prop is a non-empty array, we need to load the values
+        // so we know which labels to show
+        triggerValuesLoad();
+    }, []);
+    const quickFilterValuesRef = React.useRef(quickFilterValues);
+    quickFilterValuesRef.current = quickFilterValues;
+    (0, react_1.useEffect)(() => {
+        // since we did the optimization above,
+        // we now hit a scenario where the value is set via an API method
+        // so we also need to account for that - so whenever props.value changes, we need to check
+        // and if we previously didn't have a valid array
+        // and now we do, we need to load the values - if they are not already loaded
+        if (quickFilterValuesRef.current.values.length > 0 ||
+            quickFilterValuesRef.current.dataLoadIsComplete) {
+            // values have already been loaded, so we can skip
+            return;
+        }
+        const currentValue = props.value;
+        const prevValue = valueRef.current;
+        valueRef.current = currentValue;
+        const prevValid = Array.isArray(prevValue) && prevValue.length > 0;
+        const currentValid = Array.isArray(currentValue) && currentValue.length > 0;
+        if (!currentValid) {
+            return;
+        }
+        if (!prevValid && currentValid) {
+            triggerValuesLoad();
+        }
+    }, [props.value]);
     const onMenuOpen = triggerValuesLoad;
     const onInputChange = React.useCallback((value) => {
         searchValueRef.current = value;

package/src/View/Layout/Wizard/sections/ColumnsSection.js

@@ -27,6 +27,7 @@ const AdaptableFormControlTextClear_1 = require("../../../Components/Forms/Adapt
 const sortColumnIdsByOrder_1 = require("../../../../layout-manager/src/sortColumnIdsByOrder");
 const HelpBlock_1 = tslib_1.__importDefault(require("../../../../components/HelpBlock"));
 const GeneralConstants_1 = require("../../../../Utilities/Constants/GeneralConstants");
+const isPivotLayout_1 = require("../../../../Utilities/isPivotLayout");
 const PropertyOrderText = (props) => (React.createElement(rebass_1.Text, { fontWeight: 600, fontSize: 2 }, props.children));
 const columnTypes = {
     default: {
@@ -161,7 +162,8 @@ const ColumnRow = (props) => {
     const { column } = props;
     // width
     const columnWidth = props.layout.ColumnWidths?.[column.columnId];
-    const visible = (props.layout.TableColumns.includes(column.columnId) &&
+    const visible = (!(0, isPivotLayout_1.isPivotLayout)(props.layout) &&
+        props.layout.TableColumns.includes(column.columnId) &&
         props.layout.ColumnVisibility?.[column.columnId] !== false) ||
         isRowGroupColumn;
     return (React.createElement(rebass_1.Box, { "data-name": props.column.columnId, className: "ab-Layout-Wizard__ColumnRow" },

package/src/agGrid/AdaptableAgGrid.js

@@ -3131,6 +3131,7 @@ You need to define at least one Layout!`);
                 }
             }
         }
+        const prevLayout = this._prevLayout;
         this._prevLayout = layout;
         const perfSetLayout = this.logger.beginPerf(`setLayout(${layout.Name})`);
         const isPivot = (0, LayoutHelpers_1.isPivotLayout)(layout);
@@ -3153,7 +3154,10 @@ You need to define at least one Layout!`);
         // need to refresh the header,
         // as the Layout.ColumnHeaders state property is not implemented in the LayoutManager
         // and is specific to Adaptable, therefore we need to refresh it manually
-        this.refreshHeader();
+        if (!prevLayout ||
+            JSON.stringify(prevLayout.ColumnHeaders) !== JSON.stringify(layout.ColumnHeaders)) {
+            this.refreshHeader();
+        }
         const layoutModel = (0, LayoutHelpers_1.layoutStateToLayoutModel)(layout);
         this.layoutManager?.setLayout(layoutModel, {
             skipApplyRowGroupsExpandedState: !shouldUpdateExpandState,

package/src/components/ColorPicker/ColorPicker.js

@@ -3,13 +3,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColorPicker = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
 const rebass_1 = require("rebass");
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const Input_1 = tslib_1.__importDefault(require("../Input"));
 const StyleHelper_1 = require("../../Utilities/Helpers/StyleHelper");
 const tinycolor2_1 = tslib_1.__importDefault(require("tinycolor2"));
 exports.ColorPicker = React.forwardRef((props, ref) => {
     const ColorPalette = props.api.userInterfaceApi.getColorPalette();
     let { api, value, includeAlpha = true, ...restProps } = props;
+    // Create a debounced version of onChange
+    // we need this because moving the mouse A LOT in the custom color picker can break the React rendering
+    const debouncedOnChange = (0, react_1.useCallback)((0, debounce_1.default)((color) => {
+        props.onChange(color);
+    }, 30), [props.onChange]);
+    // Clean up the debounce on unmount
+    (0, react_1.useEffect)(() => {
+        return () => {
+            debouncedOnChange.cancel();
+        };
+    }, [debouncedOnChange]);
     const optionsMap = ColorPalette.reduce((acc, colorItem) => ({ ...acc, [(0, StyleHelper_1.getVariableColor)(colorItem)]: colorItem }), {});
     const ABcolorChoicesOptions = Object.keys(optionsMap).map((x) => {
         return (React.createElement("option", { key: x, value: x }, x));
@@ -31,7 +44,7 @@ exports.ColorPicker = React.forwardRef((props, ref) => {
                  * The value is not in the map when the color is not in the palette.
                  */
                 const color = optionsMap[event.target.value] ?? event.target.value;
-                props.onChange(color);
+                debouncedOnChange(color);
             }, value: preparedValue, ref: ref, type: "color", style: {
                 width: 70,
                 padding: 0 /* we need this to be 0, since otherwise on Windows browsers, the chosen color cannot be seen */,
@@ -41,6 +54,6 @@ exports.ColorPicker = React.forwardRef((props, ref) => {
             React.createElement(rebass_1.Box, { mr: 1 }, "Opacity"),
             React.createElement(Input_1.default, { disabled: props.disabled, className: "ab-ColorPicker-range", style: { background: rangeBackround }, value: alpha, onChange: (event) => {
                     const color = (0, tinycolor2_1.default)(value).setAlpha(event.target.value).toRgbString();
-                    props.onChange(color);
+                    debouncedOnChange(color);
                 }, min: 0, max: 1, step: 0.01, type: "range" })))));
 });

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: 1751978327606 || Date.now(),
-    VERSION: "20.2.7" || '--current-version--',
+    PUBLISH_TIMESTAMP: 1752564904642 || Date.now(),
+    VERSION: "20.2.9" || '--current-version--',
 };