@adaptabletools/adaptable-cjs 22.1.0 → 22.1.1-canary.0

package/src/View/GridInfo/GridInfoPopup/GridInfoPopup.js

@@ -11,6 +11,7 @@ const Panel_1 = tslib_1.__importDefault(require("../../../components/Panel"));
 const Tabs_1 = require("../../../components/Tabs");
 const PopupPanel_1 = require("../../Components/Popups/AdaptablePopup/PopupPanel");
 const AdaptableObjectsSummary_1 = require("./AdaptableObjectsSummary");
+const DefaultAdaptableOptions_1 = require("../../../AdaptableOptions/DefaultAdaptableOptions");
 const clsx_1 = tslib_1.__importDefault(require("clsx"));
 const adaptableVersion = EnvVars_1.ADAPTABLE_VERSION;
 const agGridVersion = AgGridModulesAdapter_1.AG_GRID_VERSION;
@@ -40,6 +41,7 @@ const GridInfoPopup = (props) => {
     if (api.optionsApi.getUserInterfaceOptions()?.showAgGridVersion) {
         keyValuePairs.push({ Key: 'AG Grid Version', Value: agGridVersion });
     }
+    keyValuePairs.push({ Key: 'License Key', Value: api.optionsApi.getAdaptableOptions().licenseKey });
     keyValuePairs.push({ Key: 'Sorted Columns', Value: ArrayExtensions_1.default.IsNotNullOrEmpty(sorts) ? sorts.join('; ') : 'None' });
     keyValuePairs.push({ Key: 'Column Filters', Value: columnFilterDescription });
     keyValuePairs.push({ Key: 'Grid Filter', Value: gridFilterExpression });
@@ -72,17 +74,188 @@ const GridInfoPopup = (props) => {
         Key: { field: 'Key', header: 'Property', defaultFlex: 1 },
         Value: { field: 'Value', header: 'Value', defaultFlex: 3 },
     };
+    // Variant used by the Grid Options tab — the Value column allows newlines
+    // in the rendered string (preserved via `white-space: pre-line`), so a
+    // nested *Options object can show one `"key": value` per line.
+    const optionsColumnsMap = {
+        Key: { field: 'Key', header: 'Property', defaultFlex: 1 },
+        Value: {
+            field: 'Value',
+            header: 'Value',
+            defaultFlex: 3,
+            render: ({ value }) => (React.createElement("span", { style: {
+                    whiteSpace: 'pre-wrap',
+                    wordBreak: 'break-word',
+                    overflowWrap: 'anywhere',
+                    display: 'block',
+                    lineHeight: '18px',
+                    paddingTop: 4,
+                    paddingBottom: 4,
+                } }, String(value ?? ''))),
+        },
+    };
+    // ---- Grid Options tab: build one InfiniteTableGrid section per non-empty
+    // ---- options group on the AdaptableOptions object.
+    const titleCase = (camel) => camel
+        .replace(/([a-z])([A-Z])/g, '$1 $2')
+        .replace(/^./, (c) => c.toUpperCase())
+        .replace(/\s./g, (c) => c.toUpperCase());
+    // Renders a single primitive / function / array / nested-object value
+    // (used for the inner key:value pairs when expanding a nested options
+    // object). Short objects/arrays stay on one line; longer ones get
+    // pretty-printed across multiple lines so they don't blow past the cell.
+    const ONE_LINE_MAX = 60;
+    const fnReplacer = (_k, val) => typeof val === 'function' ? '[Function]' : val;
+    const formatValuePart = (v) => {
+        if (typeof v === 'function')
+            return '[Function]';
+        if (v === undefined)
+            return 'undefined';
+        if (v === null)
+            return 'null';
+        if (typeof v === 'string')
+            return JSON.stringify(v);
+        if (Array.isArray(v) || typeof v === 'object') {
+            try {
+                const oneLine = JSON.stringify(v, fnReplacer);
+                if (oneLine !== undefined && oneLine.length <= ONE_LINE_MAX)
+                    return oneLine;
+                return JSON.stringify(v, fnReplacer, 2);
+            }
+            catch {
+                return String(v);
+            }
+        }
+        return String(v);
+    };
+    const displayValue = (v) => {
+        if (typeof v === 'function')
+            return '[Function]';
+        if (v === undefined)
+            return '(undefined)';
+        if (v === null)
+            return '(null)';
+        if (Array.isArray(v)) {
+            // Top-level array values (e.g. `colorPalette`, `systemFilterPredicates`).
+            // Short arrays stay on one line; longer ones get pretty-printed across
+            // multiple lines so they don't blow past the cell.
+            return formatValuePart(v);
+        }
+        if (typeof v === 'object') {
+            // Nested options-style object → render as one `key: value` per line.
+            // `undefined` entries are filtered out so empty defaults don't show up.
+            const entries = Object.entries(v).filter(([, val]) => val !== undefined);
+            if (entries.length === 0)
+                return '{}';
+            return entries.map(([k, val]) => `${k}: ${formatValuePart(val)}`).join('\n');
+        }
+        return String(v);
+    };
+    const gridOptionsSections = (() => {
+        const opts = api.optionsApi.getAdaptableOptions();
+        const defaults = (0, DefaultAdaptableOptions_1.getDefaultAdaptableOptions)();
+        const baseRows = [];
+        const groupSections = [];
+        // A function value should only be displayed when it has been explicitly
+        // provided by the user. AdapTable ships a handful of identity-function
+        // defaults (e.g. `stateOptions.applyState`) that are not interesting to
+        // surface here — we suppress those by reference-comparing against the
+        // values returned from `getDefaultAdaptableOptions()`.
+        const isUserProvidedFunction = (groupKey, propKey, fn) => {
+            if (typeof fn !== 'function')
+                return false;
+            const defaultGroup = defaults[groupKey];
+            if (!defaultGroup || typeof defaultGroup !== 'object')
+                return true;
+            return defaultGroup[propKey] !== fn;
+        };
+        Object.keys(opts).forEach((key) => {
+            if (key === 'licenseKey' || key === 'initialState')
+                return;
+            const value = opts[key];
+            if (value == null)
+                return;
+            if (typeof value === 'object' && !Array.isArray(value)) {
+                const rows = Object.keys(value)
+                    .filter((sk) => {
+                    const sv = value[sk];
+                    // skip empties (undefined / null)
+                    if (sv == null)
+                        return false;
+                    // suppress AdapTable's default callback implementations — keep
+                    // only user-provided overrides
+                    if (typeof sv === 'function' && !isUserProvidedFunction(key, sk, sv)) {
+                        return false;
+                    }
+                    return true;
+                })
+                    .map((sk) => ({ Key: sk, Value: displayValue(value[sk]) }));
+                if (rows.length === 0)
+                    return;
+                groupSections.push({ title: titleCase(key), rows });
+            }
+            else {
+                // top-level function defaults aren't a concern (none exist on the
+                // root of `AdaptableOptions`), but apply the same rule for safety
+                if (typeof value === 'function' && defaults[key] === value)
+                    return;
+                baseRows.push({ Key: key, Value: displayValue(value) });
+            }
+        });
+        const sections = [];
+        if (baseRows.length > 0)
+            sections.push({ title: 'Base Properties', rows: baseRows });
+        sections.push(...groupSections);
+        return sections;
+    })();
+    // Variable row height for Grid Options sections — counts the number of
+    // lines in the formatted value string (including visual wraps for very
+    // long unbroken lines) and grows the row to fit.
+    const VALUE_CHARS_PER_LINE = 70; // rough estimate at the Value column width
+    const visualLineCount = (text) => {
+        if (!text)
+            return 1;
+        return text
+            .split('\n')
+            .reduce((acc, line) => acc + Math.max(1, Math.ceil(line.length / VALUE_CHARS_PER_LINE)), 0);
+    };
+    const calculateRowHeight = (row) => {
+        const lines = visualLineCount(String(row?.Value ?? ''));
+        if (lines <= 1)
+            return 32;
+        return lines * 18 + 12;
+    };
+    const sectionHeight = (rows) => {
+        const total = rows.reduce((acc, r) => acc + calculateRowHeight(r), 0);
+        // 40px header, capped so a single huge group can't dominate the popup
+        return Math.min(total + 40, 400);
+    };
+    // Which tabs the user has opted in to. Falls back to all three (matching
+    // the default in `DefaultAdaptableOptions`) when the option isn't set.
+    const enabledTabs = api.optionsApi.getSettingsPanelOptions()?.gridInfoTabs ??
+        ['Grid Options', 'Grid Summary', 'Grid State'];
+    const showSummary = enabledTabs.includes('Grid Summary');
+    const showState = enabledTabs.includes('Grid State');
+    const showOptions = enabledTabs.includes('Grid Options');
     const baseClassName = 'ab-GridInfo';
     return (React.createElement(PopupPanel_1.PopupPanel, { className: (0, clsx_1.default)(baseClassName), headerText: 'Grid Info', glyphicon: 'info', scrollable: false },
         React.createElement(Panel_1.default, { className: "twa:flex-1 twa:border-none twa:shadow-md twa:overflow-hidden" },
             React.createElement(Panel_1.default.FlexBody, null,
                 React.createElement(Tabs_1.Tabs, { className: "twa:flex-1 twa:min-h-0" },
-                    React.createElement(Tabs_1.Tabs.Tab, null, "Grid Summary"),
-                    React.createElement(Tabs_1.Tabs.Tab, null, "Grid State"),
-                    React.createElement(Tabs_1.Tabs.Content, null,
+                    showSummary ? React.createElement(Tabs_1.Tabs.Tab, null, "Grid Summary") : null,
+                    showState ? React.createElement(Tabs_1.Tabs.Tab, null, "Grid State") : null,
+                    showOptions ? React.createElement(Tabs_1.Tabs.Tab, null, "Grid Options") : null,
+                    showSummary ? (React.createElement(Tabs_1.Tabs.Content, null,
                         React.createElement(InfiniteTable_1.DataSource, { data: keyValuePairs, primaryKey: "Key" },
-                            React.createElement(InfiniteTable_1.InfiniteTableGrid, { domProps: domProps, columns: columnsMap }))),
-                    React.createElement(Tabs_1.Tabs.Content, null,
-                        React.createElement(AdaptableObjectsSummary_1.AdaptableObjectsSummary, { className: "twa:min-h-0 twa:overflow-auto twa:p-2" })))))));
+                            React.createElement(InfiniteTable_1.InfiniteTableGrid, { domProps: domProps, columns: columnsMap })))) : null,
+                    showState ? (React.createElement(Tabs_1.Tabs.Content, null,
+                        React.createElement(AdaptableObjectsSummary_1.AdaptableObjectsSummary, { className: "twa:min-h-0 twa:overflow-auto twa:p-2" }))) : null,
+                    showOptions ? (React.createElement(Tabs_1.Tabs.Content, null,
+                        React.createElement("div", { className: "twa:min-h-0 twa:overflow-auto twa:p-2 twa:flex twa:flex-col twa:gap-4" }, gridOptionsSections.map((section) => (React.createElement("div", { key: section.title },
+                            React.createElement("h4", { className: "twa:font-semibold twa:mb-1" }, section.title),
+                            React.createElement(InfiniteTable_1.DataSource, { data: section.rows, primaryKey: "Key" },
+                                React.createElement(InfiniteTable_1.InfiniteTableGrid, { domProps: {
+                                        style: { height: sectionHeight(section.rows), width: '100%' },
+                                    }, rowHeight: (rowInfo) => calculateRowHeight(rowInfo.data), columns: optionsColumnsMap })))))))) : null)))));
 };
 exports.GridInfoPopup = GridInfoPopup;

package/src/View/Layout/LayoutCloneButton.js

@@ -6,9 +6,10 @@ const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
 const AdaptableContext_1 = require("../AdaptableContext");
 const isPivotLayout_1 = require("../../Utilities/isPivotLayout");
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const LayoutCloneButton = ({ data, accessLevel }) => {
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
-    const isDisabled = accessLevel === 'ReadOnly';
+    const isDisabled = accessLevel === GeneralConstants_1.ACCESS_LEVEL_READ_ONLY;
     const handleClick = React.useCallback(() => {
         adaptable.api.layoutApi.showLayoutEditor(data.Name, (0, isPivotLayout_1.isPivotLayout)(data) ? 'pivot' : 'table', 'Clone');
     }, []);

package/src/View/Layout/LayoutViewPanel.js

@@ -45,7 +45,9 @@ const LayoutViewPanelComponent = (props) => {
     return (React.createElement(Flex_1.Flex, { flexDirection: "row", className: `ab-${elementType}__Layout__wrap`, flexWrap: viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
         React.createElement(Flex_1.Flex, { style: layoutSelectStyle, className: "twa:flex-1" },
             React.createElement(Select_1.Select, { "aria-label": 'Select Layout', disabled: isErrorLayout, style: { width: '100%' }, options: availableLayoutOptions, className: `ab-${elementType}__Layout__select`, value: layoutEntity ? layoutEntity.Name : null, onChange: (layout) => onSelectLayout(layout) })),
-        React.createElement(Flex_1.Flex, { flexDirection: "row", className: (0, join_1.default)(accessLevel === 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__Layout__wrap`) },
+        React.createElement(Flex_1.Flex, { flexDirection: "row", className: (0, join_1.default)(accessLevel === GeneralConstants.ACCESS_LEVEL_READ_ONLY
+                ? GeneralConstants.READ_ONLY_STYLE
+                : '', `ab-${elementType}__Layout__wrap`) },
             React.createElement(ButtonEdit_1.ButtonEdit, { disabled: isErrorLayout, onClick: () => api.layoutApi.showLayoutEditor(layoutEntity.Name), tooltip: GeneralConstants_1.LAYOUT_EDIT_TOOLTIP, className: `ab-${elementType}__Layout__edit`, accessLevel: entityAccessLevel }),
             React.createElement(ButtonClone_1.ButtonClone, { disabled: isErrorLayout, onClick: () => api.layoutApi.showLayoutEditor(layoutEntity.Name, (0, isPivotLayout_1.isPivotLayout)(layoutEntity) ? 'pivot' : 'table', 'Clone'), tooltip: GeneralConstants_1.LAYOUT_CLONE_TOOLTIP, className: `ab-${elementType}__Layout__clone`, tone: "neutral", variant: "text", children: null, accessLevel: cloneAccessLevel }),
             React.createElement(DropdownButton_1.default, { variant: "text", tooltip: GeneralConstants_1.LAYOUT_NEW_TABLE_OR_PIVOT_TOOLTIP, columns: ['label'], "data-name": "new", items: [

package/src/View/Layout/TransposedPopup.js

@@ -9,6 +9,7 @@ const AdaptableContext_1 = require("../AdaptableContext");
 const ColumnSelector_1 = require("../Components/Selectors/ColumnSelector");
 const AdaptableAgGrid_1 = require("../../agGrid/AdaptableAgGrid");
 const Flex_1 = require("../../components/Flex");
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const ModuleConstants_1 = require("../../Utilities/Constants/ModuleConstants");
 const StringExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/StringExtensions"));
 const ADAPTABLE_CONTAINER_ID = 'transposed-adaptable-container';
@@ -27,7 +28,7 @@ function buildTransposedAdaptableOptions({ hostOptions, transposedRowsAndColumns
             adaptableContainer: ADAPTABLE_CONTAINER_ID,
             agGridContainer: AG_GRID_CONTAINER_ID,
         },
-        entitlementOptions: { defaultAccessLevel: 'Hidden' },
+        entitlementOptions: { defaultAccessLevel: GeneralConstants_1.ACCESS_LEVEL_HIDDEN },
         initialState: {
             Layout: {
                 Revision: Date.now(),

package/src/View/Note/NotePopup.js

@@ -11,6 +11,7 @@ const AdaptableButton_1 = require("../Components/AdaptableButton");
 const PopupPanel_1 = require("../Components/Popups/AdaptablePopup/PopupPanel");
 const StringExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/StringExtensions"));
 const FormatHelper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/FormatHelper"));
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const tableDOMProps = {
     style: {
         height: '100%',
@@ -35,7 +36,8 @@ const NotePopup = (props) => {
         ? adaptable.api.columnApi.getFriendlyNameForColumnId(adaptable.api.columnApi.getPrimaryKeyColumn().columnId)
         : StringExtensions_1.default.Humanize(adaptable.adaptableOptions.primaryKey);
     const allNotes = (0, react_redux_1.useSelector)((state) => (0, NoteRedux_1.GetAllNotesSelector)(state.Note));
-    const isReadOnlyModule = adaptable.api.entitlementApi.getEntitlementAccessLevelForModule('Note') === 'ReadOnly';
+    const isReadOnlyModule = adaptable.api.entitlementApi.getEntitlementAccessLevelForModule('Note') ===
+        GeneralConstants_1.ACCESS_LEVEL_READ_ONLY;
     const formatDate = (date, format) => {
         return FormatHelper_1.default.DateFormatter(date, { Pattern: format });
     };

package/src/View/SmartEdit/SmartEditViewPanel.js

@@ -10,6 +10,7 @@ const StringExtensions_1 = require("../../Utilities/Extensions/StringExtensions"
 const PreviewResultsPanel_1 = require("../Components/PreviewResultsPanel");
 const EnumExtensions_1 = require("../../Utilities/Extensions/EnumExtensions");
 const Input_1 = tslib_1.__importDefault(require("../../components/Input"));
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const ButtonApply_1 = require("../Components/Buttons/ButtonApply");
 const AdaptablePopover_1 = require("../AdaptablePopover");
 const UIHelper_1 = require("../UIHelper");
@@ -66,7 +67,7 @@ class SmartEditViewPanelComponent extends React.Component {
             color: statusColour,
             fill: 'currentColor',
         };
-        let shouldDisable = this.props.accessLevel == 'ReadOnly' ||
+        let shouldDisable = this.props.accessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY ||
             !this.props.IsValidSelection ||
             this.props.api.layoutApi.isCurrentLayoutPivot() == true;
         const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';

package/src/View/StateManagement/StateManagementViewPanel.js

@@ -12,7 +12,9 @@ const Flex_1 = require("../../components/Flex");
 const StateManagementViewPanel = (props) => {
     const isToolbar = props.viewType === 'Toolbar';
     const elementType = isToolbar ? 'DashboardToolbar' : 'ToolPanel';
-    return (React.createElement(Flex_1.Flex, { flexDirection: isToolbar ? 'row' : 'column', className: (0, join_1.default)(props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__StateManagement__wrap twa:min-h-input`) },
+    return (React.createElement(Flex_1.Flex, { flexDirection: isToolbar ? 'row' : 'column', className: (0, join_1.default)(props.accessLevel == GeneralConstants.ACCESS_LEVEL_READ_ONLY
+            ? GeneralConstants.READ_ONLY_STYLE
+            : '', `ab-${elementType}__StateManagement__wrap twa:min-h-input`) },
         React.createElement(Flex_1.Flex, { flexDirection: "row" },
             React.createElement(LoadButton_1.LoadButton, { tooltip: "Load Initial Adaptable State", variant: "text", icon: "upload", onLoad: (json) => props.api.stateApi.reloadInitialState(json), accessLevel: props.accessLevel }, !isToolbar && 'Load'),
             React.createElement(ClearButton_1.ClearButton, { icon: "delete", tooltip: "Clear User State", variant: "text", onClick: () => props.api.stateApi.reloadInitialState(), accessLevel: props.accessLevel }, !isToolbar && 'Clear')),

package/src/View/StatusBar/StatusBarPopup.js

@@ -10,6 +10,7 @@ const Types_1 = require("../../AdaptableState/Common/Types");
 const StatusBarRedux_1 = require("../../Redux/ActionsReducers/StatusBarRedux");
 const AdaptableContext_1 = require("../AdaptableContext");
 const PopupPanel_1 = require("../Components/Popups/AdaptablePopup/PopupPanel");
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const StatusBarPopup = (props) => {
     const statusPanels = (0, react_redux_1.useSelector)(StatusBarRedux_1.getStatusPanelsSelector);
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
@@ -36,7 +37,7 @@ const StatusBarPopup = (props) => {
         const module = adaptable.ModuleService.getModuleById(panel);
         return { Id: panel, Title: module.moduleInfo.FriendlyName };
     });
-    const disabled = props.accessLevel === 'ReadOnly';
+    const disabled = props.accessLevel === GeneralConstants_1.ACCESS_LEVEL_READ_ONLY;
     return (React.createElement(PopupPanel_1.PopupPanel, { headerText: props.moduleInfo.FriendlyName, glyphicon: props.moduleInfo.Glyph, infoLink: props.moduleInfo.HelpPage, infoLinkDisabled: !props.api.internalApi.isDocumentationLinksDisplayed() }, statusPanels.length ? (React.createElement(ModuleManager_1.ModuleManager, { permittedActions: {
             createTab: false,
             dragAndDropTab: false,

package/src/View/Theme/ThemeEditor.js

@@ -12,6 +12,7 @@ const Panel_1 = tslib_1.__importDefault(require("../../components/Panel"));
 const ThemeField_1 = require("./ThemeField");
 const VariantSelector_1 = require("./VariantSelector");
 const AdaptableHelper_1 = require("../../Utilities/Helpers/AdaptableHelper");
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const Flex_1 = require("../../components/Flex");
 const fields = [
     {
@@ -57,7 +58,7 @@ const ThemeEditor = (props) => {
         return adaptable.api.themeApi.getCurrentThemeObject();
     });
     const currentThemeAccessLevel = (0, AdaptableHelper_1.getAccessLevelForObject)(currentThemeObject, props.accessLevel);
-    const currentThemeIsReadOnly = currentThemeAccessLevel !== 'Full';
+    const currentThemeIsReadOnly = currentThemeAccessLevel !== GeneralConstants_1.ACCESS_LEVEL_FULL;
     // THEME variables
     const themeVariables = currentThemeObject?.CSSVariables;
     const valuesFromTheme = fields.reduce((acc, field) => {

package/src/View/Theme/ThemePopup.js

@@ -10,6 +10,7 @@ const FormLayout_1 = tslib_1.__importStar(require("../../components/FormLayout")
 const DropdownButton_1 = tslib_1.__importDefault(require("../../components/DropdownButton"));
 const ThemeEditor_1 = require("./ThemeEditor");
 const ObjectFactory_1 = tslib_1.__importDefault(require("../../Utilities/ObjectFactory"));
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
 const icons_1 = require("../../components/icons");
 const ThemeSelector_1 = require("./ThemeSelector");
@@ -19,7 +20,7 @@ class ThemePopupComponent extends React.Component {
         const isCustomTheme = this.props.api.themeApi
             .getUserThemes()
             .some((theme) => theme.Name === this.props.CurrentTheme);
-        const disabled = this.props.accessLevel === 'ReadOnly';
+        const disabled = this.props.accessLevel === GeneralConstants_1.ACCESS_LEVEL_READ_ONLY;
         const newButton = (React.createElement(DropdownButton_1.default, { className: "twa:ml-2", disabled: disabled, tone: "accent", variant: "raised", columns: ['label'], items: [
                 {
                     label: 'Dark',

package/src/View/Theme/ThemeSelector.js

@@ -6,6 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const react_redux_1 = require("react-redux");
 const Select_1 = require("../../components/Select");
 const ThemeRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/ThemeRedux"));
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const ModuleConstants_1 = require("../../Utilities/Constants/ModuleConstants");
 const AdaptableContext_1 = require("../AdaptableContext");
 const ThemeSelector = (props) => {
@@ -13,7 +14,8 @@ const ThemeSelector = (props) => {
     const dispatch = (0, react_redux_1.useDispatch)();
     const availableThemes = adaptable.api.themeApi.getThemes();
     const currentTheme = (0, react_redux_1.useSelector)((state) => state.Theme.CurrentTheme);
-    const disabled = adaptable.api.entitlementApi.getEntitlementAccessLevelForModule(ModuleConstants_1.ThemeModuleId) === 'ReadOnly';
+    const disabled = adaptable.api.entitlementApi.getEntitlementAccessLevelForModule(ModuleConstants_1.ThemeModuleId) ===
+        GeneralConstants_1.ACCESS_LEVEL_READ_ONLY;
     const optionThemes = availableThemes.map((theme) => {
         if (typeof theme === 'string') {
             // protection against old state, which could be string

package/src/View/Theme/ThemeViewPanel.js

@@ -8,7 +8,9 @@ const GeneralConstants = tslib_1.__importStar(require("../../Utilities/Constants
 const ThemeSelector_1 = require("./ThemeSelector");
 const ThemeViewPanelControl = (props) => {
     const elementType = props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-    return (React.createElement("div", { className: (0, join_1.default)(props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__Theme__wrap`) },
+    return (React.createElement("div", { className: (0, join_1.default)(props.accessLevel == GeneralConstants.ACCESS_LEVEL_READ_ONLY
+            ? GeneralConstants.READ_ONLY_STYLE
+            : '', `ab-${elementType}__Theme__wrap`) },
         React.createElement(ThemeSelector_1.ThemeSelector, null)));
 };
 exports.ThemeViewPanelControl = ThemeViewPanelControl;

package/src/View/Wizard/OnePageWizards.js

@@ -10,6 +10,7 @@ const Dialog_1 = tslib_1.__importDefault(require("../../components/Dialog"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
 const useProperty_1 = tslib_1.__importDefault(require("../../components/utils/useProperty"));
 const isMacLike_1 = require("../../Utilities/isMacLike");
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const KeyHint_1 = require("../KeyHint");
 const icons_1 = require("../../components/icons");
 const ResizeObserver_1 = require("../../components/ResizeObserver");
@@ -184,9 +185,9 @@ const OnePageWizard = (props) => {
                                 "to navigate")),
                         React.createElement(Flex_1.Flex, { flexDirection: "column", className: "ab-OnePageWizard__section-container twa:min-h-0 twa:min-w-0 twa:flex-1" }, renderSection(currentSection))),
                     React.createElement(Flex_1.Flex, { flexDirection: "row", alignItems: "center", className: "ab-WizardDialog__footer ab-OnePageWizard__footer twa:p-2" },
-                        React.createElement(SimpleButton_1.default, { tone: "neutral", variant: "text", "data-name": "close", onClick: () => props.onHide?.(), tooltip: props.closeTooltip ?? 'Close wizard', accessLevel: 'Full' }, props.closeText ?? 'CLOSE'),
+                        React.createElement(SimpleButton_1.default, { tone: "neutral", variant: "text", "data-name": "close", onClick: () => props.onHide?.(), tooltip: props.closeTooltip ?? 'Close wizard', accessLevel: GeneralConstants_1.ACCESS_LEVEL_FULL }, props.closeText ?? 'CLOSE'),
                         React.createElement(KeyHint_1.KeyHint, { className: "twa:ml-2" }, "Esc"),
                         React.createElement(Flex_1.Box, { className: "ab-OnePageWizard__error twa:text-2 twa:mr-3 twa:flex-1 twa:text-error twa:text-end" }, firstErrorMessage),
-                        React.createElement(SimpleButton_1.default, { tone: "accent", "data-name": "finish", variant: "raised", disabled: canFinish !== true, onClick: () => handleClickFinish(), icon: 'check', accessLevel: 'Full' }, props.finishText ?? 'Finish')))))));
+                        React.createElement(SimpleButton_1.default, { tone: "accent", "data-name": "finish", variant: "raised", disabled: canFinish !== true, onClick: () => handleClickFinish(), icon: 'check', accessLevel: GeneralConstants_1.ACCESS_LEVEL_FULL }, props.finishText ?? 'Finish')))))));
 };
 exports.OnePageWizard = OnePageWizard;

package/src/agGrid/AdaptableAgGrid.d.ts

@@ -26,7 +26,7 @@ import { RenderReactRootFn } from '../renderReactRoot';
 import { AgGridOptionsService } from './AgGridOptionsService';
 import { AgGridColumnAdapter } from './AgGridColumnAdapter';
 import { RowFormService } from '../Utilities/Services/RowFormService';
-import { GridCellWithChildren, GridCellWithCount } from '../AdaptableState/Selection/GridCell';
+import { CellUpdateRequest, GridCellWithChildren, GridCellWithCount } from '../AdaptableState/Selection/GridCell';
 import { FlashingCellService } from '../Utilities/Services/FlashingCellService';
 import { AgGridExportAdapter } from './AgGridExportAdapter';
 import { PivotLayoutModel, TableLayoutModel } from '../layout-manager/src/LayoutManagerModel';
@@ -300,7 +300,7 @@ export declare class AdaptableAgGrid implements IAdaptable {
     getRowNodesForPrimaryKeys(primaryKeyValues: any[]): any[];
     getRowNodeByIndex(index: number): IRowNode;
     getAgGridStatusPanels(): StatusPanelDef[];
-    setDataValue(value: any, column: AdaptableColumn, primaryKeyValue: any, rowNode?: IRowNode): void;
+    updateCell(cellUpdateRequest: CellUpdateRequest): void;
     forAllRowNodesDo(func: (rowNode: IRowNode, rowIndex: number) => void, config?: {
         includeGroupRows?: boolean;
         filterFn?: (rowNode: IRowNode) => boolean;

package/src/agGrid/AdaptableAgGrid.js

@@ -3305,38 +3305,16 @@ class AdaptableAgGrid {
     getAgGridStatusPanels() {
         return this.agGridAdapter.getGridOption('statusBar')?.statusPanels ?? [];
     }
-    setDataValue(value, column, primaryKeyValue, rowNode) {
+    updateCell(cellUpdateRequest) {
         // note: because we use RowNode.setDataValue() this will cause Validation to fire
         // see https://www.ag-grid.com/javascript-data-grid/change-detection/#triggering-value-change-detection
-        let newValue;
-        let dataType = column.dataType;
-        newValue = dataType == 'number' ? Number(value) : value;
-        if (dataType == undefined) {
-            return; // no point continuing as probably a wrong column
-        }
-        if (rowNode) {
-            rowNode.setDataValue(column.columnId, newValue);
-        }
-        else {
-            if (this.useRowNodeLookUp) {
-                const rowNode = this.agGridAdapter.getAgGridApi().getRowNode(primaryKeyValue);
-                if (rowNode != null) {
-                    rowNode.setDataValue(column.columnId, newValue);
-                }
-            }
-            else {
-                let isUpdated = false;
-                // prefer not to use this method but if we do then at least we can prevent further lookups once we find
-                this.agGridAdapter.getAgGridApi().forEachNode((rowNode) => {
-                    if (!isUpdated) {
-                        if (primaryKeyValue == this.getPrimaryKeyValueFromRowNode(rowNode)) {
-                            rowNode.setDataValue(column.columnId, newValue);
-                            isUpdated = true;
-                        }
-                    }
-                });
-            }
+        const rowNode = cellUpdateRequest.rowNode ?? this.getRowNodeForPrimaryKey(cellUpdateRequest.primaryKeyValue);
+        if (!rowNode) {
+            this.logger.warn(`updateCell() - rowNode not found for primaryKeyValue: ${cellUpdateRequest.primaryKeyValue}`);
+            return;
         }
+        // update the row node and set it as an edit (for AG Grid Cell Change Detection)
+        rowNode.setDataValue(cellUpdateRequest.columnId, cellUpdateRequest.newValue, 'edit');
     }
     forAllRowNodesDo(func, config) {
         this.agGridAdapter.getAgGridApi().forEachNode((rowNode, rowIndex) => {

package/src/agGrid/AgGridAdapter.js

@@ -750,7 +750,7 @@ class AgGridAdapter {
     }
     isColumnFilterable(colDef) {
         // follow agGrid logic which is that ONLY filterable if explicitly set
-        if (this.adaptableApi.entitlementApi.getEntitlementAccessLevelForModule(ModuleConstants.ColumnFilterModuleId) == 'Hidden') {
+        if (this.adaptableApi.entitlementApi.getEntitlementAccessLevelForModule(ModuleConstants.ColumnFilterModuleId) == GeneralConstants_1.ACCESS_LEVEL_HIDDEN) {
             return false;
         }
         return colDef != null && colDef.filter != null && colDef.filter != false;

package/src/agGrid/AgGridColumnAdapter.js

@@ -4,6 +4,7 @@ exports.AgGridColumnAdapter = void 0;
 exports.getEditorForColumnDataType = getEditorForColumnDataType;
 const tslib_1 = require("tslib");
 const kebabCase_1 = tslib_1.__importDefault(require("../Utilities/utils/kebabCase"));
+const AdaptableFormatPresets_1 = require("../AdaptableState/Common/AdaptableFormatPresets");
 const merge_1 = tslib_1.__importDefault(require("../Utilities/utils/merge"));
 const StyleHelper_1 = require("../Utilities/Helpers/StyleHelper");
 const StringExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/StringExtensions"));
@@ -735,8 +736,14 @@ class AgGridColumnAdapter {
                     // ALL FormatColumns are conditional and NONE of them are relevant for this row
                     return value;
                 }
-                const formatterOptions = mostRelevantFormatColumn.DisplayFormat.Options;
-                if (mostRelevantFormatColumn.DisplayFormat.Formatter === 'NumberFormatter') {
+                // Resolve once: a preset name (e.g. 'Dollar') is materialised
+                // into the concrete AdaptableFormat for this render call.
+                const resolvedDisplayFormat = (0, AdaptableFormatPresets_1.resolveDisplayFormat)(mostRelevantFormatColumn.DisplayFormat);
+                if (!resolvedDisplayFormat) {
+                    return value;
+                }
+                const formatterOptions = resolvedDisplayFormat.Options;
+                if (resolvedDisplayFormat.Formatter === 'NumberFormatter') {
                     // change the Number format - if the scope allows it
                     if (this.adaptableApi.columnScopeApi.isColumnInNumericScope(abColumn, mostRelevantFormatColumn.Scope)) {
                         let cellValue = params.value;
@@ -748,7 +755,7 @@ class AgGridColumnAdapter {
                         return this.adaptableApi.formatColumnApi.internalApi.getNumberFormattedValue(cellValue, params.node, abColumn, formatterOptions);
                     }
                 }
-                if (mostRelevantFormatColumn.DisplayFormat.Formatter === 'DateFormatter') {
+                if (resolvedDisplayFormat.Formatter === 'DateFormatter') {
                     // change the Date format - if the scope allows it
                     if (this.adaptableApi.columnScopeApi.isColumnInDateScope(abColumn, mostRelevantFormatColumn.Scope)) {
                         let cellValue = params.value;
@@ -760,7 +767,7 @@ class AgGridColumnAdapter {
                         return this.adaptableApi.formatColumnApi.internalApi.getDateFormattedValue(cellValue, params.node, abColumn, formatterOptions);
                     }
                 }
-                if (mostRelevantFormatColumn.DisplayFormat.Formatter === 'StringFormatter') {
+                if (resolvedDisplayFormat.Formatter === 'StringFormatter') {
                     // change the String format - if the scope allows it
                     if (this.adaptableApi.columnScopeApi.isColumnInTextScope(abColumn, mostRelevantFormatColumn.Scope)) {
                         let cellValue = params.value;

package/src/agGrid/AgGridExportAdapter.js

@@ -4,6 +4,7 @@ exports.AgGridExportAdapter = void 0;
 const tslib_1 = require("tslib");
 const tinycolor2_1 = tslib_1.__importDefault(require("tinycolor2"));
 const udsv_1 = require("udsv");
+const AdaptableFormatPresets_1 = require("../AdaptableState/Common/AdaptableFormatPresets");
 const Uuid_1 = require("../AdaptableState/Uuid");
 const GeneralConstants_1 = require("../Utilities/Constants/GeneralConstants");
 const ModuleConstants_1 = require("../Utilities/Constants/ModuleConstants");
@@ -643,9 +644,10 @@ class AgGridExportAdapter {
                     const abColumn = getAdaptableColumnWithColumnId(column.getColId());
                     if (!dateFormatPattern) {
                         const mostRelevantFormatColumn = this.adaptableApi.formatColumnApi.internalApi.getMostRelevantFormatColumnForColumn(getFormatColumnsWithDisplayFormatForColumn(column.getColId()), abColumn, { node, value: rawValue });
+                        const resolvedDisplayFormat = (0, AdaptableFormatPresets_1.resolveDisplayFormat)(mostRelevantFormatColumn?.DisplayFormat);
                         dateFormatPattern =
-                            mostRelevantFormatColumn?.DisplayFormat?.Formatter === 'DateFormatter' &&
-                                mostRelevantFormatColumn?.DisplayFormat?.Options?.Pattern;
+                            resolvedDisplayFormat?.Formatter === 'DateFormatter' &&
+                                resolvedDisplayFormat?.Options?.Pattern;
                     }
                     if (dateFormatPattern) {
                         const customDateFormatPattern = typeof dateFormatPattern === 'function'

package/src/agGrid/cellRenderers/ActionColumnRenderer.js

@@ -7,6 +7,7 @@ const React = tslib_1.__importStar(require("react"));
 const useRerender_1 = require("../../components/utils/useRerender");
 const renderWithAdaptableContext_1 = require("../../View/renderWithAdaptableContext");
 const LayoutRedux_1 = require("../../Redux/ActionsReducers/LayoutRedux");
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const ActionButtons = (props) => {
     const { buttons, adaptableApi, context, rerender } = props;
     return (React.createElement(React.Fragment, null, buttons.map((button, index) => {
@@ -34,7 +35,7 @@ const ActionButtons = (props) => {
             button.icon?.name ??
             button.tooltip ??
             `${index + 1}`;
-        return (React.createElement(SimpleButton_1.default, { key: button.Uuid, "data-name": `action-button-${identifier}`, variant: buttonStyle?.variant ?? 'text', disabled: disabled, tooltip: buttonTooltip, icon: buttonIcon, tone: buttonStyle?.tone ?? 'none', onClick: handleClick, className: buttonStyle?.className, accessLevel: 'Full' }, buttonLabel));
+        return (React.createElement(SimpleButton_1.default, { key: button.Uuid, "data-name": `action-button-${identifier}`, variant: buttonStyle?.variant ?? 'text', disabled: disabled, tooltip: buttonTooltip, icon: buttonIcon, tone: buttonStyle?.tone ?? 'none', onClick: handleClick, className: buttonStyle?.className, accessLevel: GeneralConstants_1.ACCESS_LEVEL_FULL }, buttonLabel));
     })));
 };
 const ReactActionColumnRenderer = (props) => {

package/src/components/Dashboard/Dashboard.js

@@ -8,6 +8,7 @@ const join_1 = tslib_1.__importDefault(require("../utils/join"));
 const useProperty_1 = tslib_1.__importDefault(require("../utils/useProperty"));
 const DashboardToolbar_1 = require("./DashboardToolbar");
 const DropdownButton_1 = tslib_1.__importDefault(require("../DropdownButton"));
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 function Dashboard(props) {
     const { title, children, left, right, onShowDashboardPopup } = props;
     const [activeTabIndex, setActiveTabIndex] = (0, useProperty_1.default)(props, 'activeTabIndex', 0);
@@ -68,7 +69,7 @@ function Dashboard(props) {
             !floating && renderTabs()),
         floating ? (React.createElement("div", { className: "ab-Dashboard__title", ref: handleRef, key: "title-drag", style: { cursor: 'move' } }, title)) : (React.createElement("div", { className: "ab-Dashboard__title", key: "title" }, title)),
         React.createElement("div", { className: "ab-Dashboard__header-right" }, right)));
-    const renderHomeToolbar = () => (React.createElement(DashboardToolbar_1.DashboardToolbar, { onConfigure: onShowDashboardPopup, className: "ab-Dashboard__home-toolbar", title: title, tooltip: `Configure Dashboard`, showConfigure: true, showClose: false, accessLevel: 'Full' },
+    const renderHomeToolbar = () => (React.createElement(DashboardToolbar_1.DashboardToolbar, { onConfigure: onShowDashboardPopup, className: "ab-Dashboard__home-toolbar", title: title, tooltip: `Configure Dashboard`, showConfigure: true, showClose: false, accessLevel: GeneralConstants_1.ACCESS_LEVEL_FULL },
         left,
         right,
         children && children.length > 1,

package/src/components/Dashboard/DashboardToolbar.js

@@ -5,6 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../SimpleButton"));
 const join_1 = tslib_1.__importDefault(require("../utils/join"));
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const Flex_1 = require("../Flex");
 function DashboardToolbar(props) {
     return (React.createElement("div", { className: (0, join_1.default)('ab-Dashboard__toolbar', props.className) },
@@ -12,5 +13,5 @@ function DashboardToolbar(props) {
         React.createElement(Flex_1.Flex, { className: "ab-Dashboard__toolbar-title twa:items-center twa:justify-center twa:px-2 twa:pb-1 twa:opacity-70", flexDirection: "row" },
             React.createElement("span", { className: "twa:text-2" }, props.title),
             props.showConfigure && (React.createElement(SimpleButton_1.default, { "aria-label": `Configure ${props.title}`, icon: "spanner", variant: "text", tone: "none", "data-name": "configure", iconSize: 16, className: "twa:ml-1", tooltip: props.tooltip || `Configure ${props.title}`, onClick: () => props.onConfigure() })),
-            props.showClose && (React.createElement(SimpleButton_1.default, { "aria-label": `Close ${props.title}`, style: { alignSelf: 'flex-end' }, disabled: props.accessLevel == 'ReadOnly', "data-name": "close", icon: "close", variant: "text", tone: "none", iconSize: 16, className: "twa:ml-1", tooltip: props.tooltip || `Close ${props.title} Toolbar`, onClick: () => props.onClose?.() })))));
+            props.showClose && (React.createElement(SimpleButton_1.default, { "aria-label": `Close ${props.title}`, style: { alignSelf: 'flex-end' }, disabled: props.accessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY, "data-name": "close", icon: "close", variant: "text", tone: "none", iconSize: 16, className: "twa:ml-1", tooltip: props.tooltip || `Close ${props.title} Toolbar`, onClick: () => props.onClose?.() })))));
 }