@adaptabletools/adaptable-cjs 20.2.6 → 20.2.8

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

@@ -171,7 +171,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;

package/src/Redux/ActionsReducers/LayoutRedux.js

@@ -1,6 +1,6 @@
 "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.LayoutRemoveColumn = exports.LayoutAddColumn = 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;
 const tslib_1 = require("tslib");
 const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const AdaptableHelper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/AdaptableHelper"));
@@ -168,13 +168,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,
@@ -271,22 +264,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;

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.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;

package/src/View/Components/ReorderDraggable/index.js

@@ -17,7 +17,8 @@ function ReorderDraggable(props) {
             return (React.createElement(rebass_1.Flex, { className: `${baseClassName}__option`, alignItems: "center", mt: index ? 1 : 0, key: identifier ?? index, backgroundColor: 'primary', padding: 2, "data-index": index, "data-id": identifier, "data-name": "option", ...flexProps },
                 React.createElement(rebass_1.Flex, { flex: 1, flexDirection: "row", alignItems: "center" },
                     reorderable ? (React.createElement(rebass_1.Box, { mr: 3, ...dragHandleProps },
-                        React.createElement(icons_1.Icon, { name: "drag", style: { cursor: 'grab' } }))) : null,
+                        React.createElement(icons_1.Icon, { name: "drag", style: { cursor: 'grab' } }))) : (React.createElement(rebass_1.Box, { mr: 3 },
+                        React.createElement(icons_1.Icon, { name: "drag", style: { cursor: 'not-allowed', opacity: 0.3 } }))),
                     props.renderOption(option, index))));
         };
         const reorderable = isOptionDraggable ? isOptionDraggable(option) : true;

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" },
@@ -381,7 +383,9 @@ const ColumnsSection = (props) => {
                 React.createElement(rebass_1.Box, null,
                     React.createElement(icons_1.NaturallySizedIcon, { name: "info" })),
                 React.createElement(rebass_1.Text, { ml: 1 }, "Expand each Column to set Width, Pinnning and a custom Header")),
-            React.createElement(ReorderDraggable_1.ReorderDraggable, { toIdentifier: (option) => `${option.columnId}`, order: currentOrder, renderOption: (option) => {
+            React.createElement(ReorderDraggable_1.ReorderDraggable, { toIdentifier: (option) => `${option.columnId}`, isOptionDraggable: (option) => {
+                    return option.moveable;
+                }, order: currentOrder, renderOption: (option) => {
                     return (React.createElement(ColumnRow, { onColumnNameChange: handleColumnNameChange, onColumnWidthChange: handleColumnWidthChange, onColumnVisibilityChange: handleColumnVisibilityChange, onPinChange: handlePinChange, layout: layout, column: option }));
                 }, onChange: handleColumnsChange }),
             (0, ValueSelector_1.renderSelectionSection)({

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

@@ -27,7 +27,7 @@ const PivotRowGroupingSection = (props) => {
     const { data: layout } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const allGroupableColumns = adaptable.api.columnApi.getGroupableColumns();
     const sortedGroupableColumns = React.useMemo(() => {
-        return ArrayExtensions_1.default.sortArrayWithOrder(allGroupableColumns.map((col) => col.columnId), layout.RowGroupedColumns ?? [], { sortUnorderedItems: false }).map((colId) => adaptable.api.columnApi.getColumnWithColumnId(colId));
+        return ArrayExtensions_1.default.sortArrayWithOrder(allGroupableColumns.map((col) => col.columnId), layout.PivotGroupedColumns ?? [], { sortUnorderedItems: false }).map((colId) => adaptable.api.columnApi.getColumnWithColumnId(colId));
     }, [layout, allGroupableColumns]);
     const onChange = (layout) => {
         props.onChange((0, LayoutHelpers_1.normalizeLayout)(layout));

package/src/View/StateManagement/components/ExportDropdown.js

@@ -9,7 +9,7 @@ const ExportDropdown = (props) => {
     const handleChange = (destination) => {
         switch (props.type) {
             case 'adaptableState':
-                const adaptableState = props.api.stateApi.getPersistedState();
+                const adaptableState = props.api.stateApi.getPersistentState();
                 (0, handleExportState_1.handleExportState)(destination, 'adaptableState', adaptableState);
                 break;
             case 'initialState':

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/agGrid/AgGridAdapter.js

@@ -625,8 +625,8 @@ class AgGridAdapter {
         return false;
     }
     isColumnSortable(colDef) {
-        if (colDef && colDef.sortable != null) {
-            return colDef.sortable;
+        if (colDef) {
+            return colDef.sortable ?? true;
         }
         return false;
     }

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: 1751633664670 || Date.now(),
-    VERSION: "20.2.6" || '--current-version--',
+    PUBLISH_TIMESTAMP: 1752148722883 || Date.now(),
+    VERSION: "20.2.8" || '--current-version--',
 };

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

@@ -40,10 +40,6 @@ export interface BaseLayoutModel {
      * Same as RowSummaries, but for Pivot Layout
      */
     Ignore_RowSummaries?: any;
-    /**
-     * Same as above, but
-     */
-    Ignore_Name?: string;
     /**
      * Same as above, but for Column Headers
      */
@@ -51,6 +47,10 @@ export interface BaseLayoutModel {
     Ignore_Source?: string;
     Ignore_AdaptableVersion?: string;
     Ignore_Uuid?: string;
+    /**
+     * The Layout Name
+     */
+    Name?: string;
     ColumnVisibility?: {
         [columnId: string]: false;
     };

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

@@ -279,7 +279,7 @@ class LayoutManager extends LMEmitter_1.LMEmitter {
         }
         delete layout.TableColumns;
         const pivotLayout = {
-            Ignore_Name: layout.Ignore_Name,
+            Name: layout.Name,
             Ignore_GridFilter: layout.Ignore_GridFilter,
             Ignore_ColumnFilters: layout.Ignore_ColumnFilters,
             Ignore_ColumnHeaders: layout.Ignore_ColumnHeaders,
@@ -598,7 +598,7 @@ class LayoutManager extends LMEmitter_1.LMEmitter {
             }
         }
         const layout = (0, simplifyLayoutModel_1.simplifyTableLayoutModel)({
-            Ignore_Name: this.currentLayout?.Ignore_Name || 'Default',
+            Name: this.currentLayout?.Name || 'Default',
             Ignore_GridFilter: this.currentLayout?.Ignore_GridFilter,
             Ignore_ColumnFilters: this.currentLayout?.Ignore_ColumnFilters,
             Ignore_ColumnHeaders: this.currentLayout?.Ignore_ColumnHeaders,

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

@@ -56,7 +56,6 @@ exports.isTableLayoutEqual = isTableLayoutEqual;
 function clearIgnoredProperties(layout) {
     delete layout.Ignore_GridFilter;
     delete layout.Ignore_ColumnFilters;
-    delete layout.Ignore_Name;
     delete layout.Ignore_ColumnHeaders;
     delete layout.Ignore_AutoSizeColumns;
     delete layout.Ignore_RowSummaries;

package/src/metamodel/adaptable.metamodel.d.ts

@@ -5644,13 +5644,13 @@ export declare const ADAPTABLE_METAMODEL: {
             kind: string;
             desc: string;
             isOpt: boolean;
-            ref?: undefined;
+            ref: string;
         } | {
             name: string;
             kind: string;
             desc: string;
             isOpt: boolean;
-            ref: string;
+            ref?: undefined;
         } | {
             name: string;
             kind: string;