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

package/src/Utilities/Helpers/FormatHelper.js

@@ -81,22 +81,33 @@ function NumberFormatter(input, options = {}, rowNode, column, api) {
         let decimalCount = Math.floor(n) === n ? 0 : n.toString().split(fractionsSepatator)[1]?.length || 0;
         digitsToUse = decimalCount;
     }
-    s = n.toLocaleString('en-US', {
-        minimumIntegerDigits: options.IntegerDigits || undefined,
-        minimumFractionDigits: digitsToUse,
-        maximumFractionDigits: digitsToUse,
-    });
-    if (options.FractionSeparator !== undefined) {
-        s = s.replace(/\./g, options.FractionSeparator);
-    }
-    if (options.IntegerSeparator !== undefined) {
-        // if fraction separator is not a comma then simply replace all instances
-        if (options.FractionSeparator !== ',') {
-            s = s.replace(/\,/g, options.IntegerSeparator);
+    if (options.Notation === 'scientific') {
+        // Scientific notation: bypass locale grouping. Use toExponential
+        // for predictable mantissa-digit control and apply only the
+        // FractionSeparator post-hoc.
+        s = n.toExponential(options.FractionDigits != null ? digitsToUse : undefined);
+        if (options.FractionSeparator !== undefined && options.FractionSeparator !== '.') {
+            s = s.replace('.', options.FractionSeparator);
         }
-        else {
-            // otherwise don't replace the last instance
-            s = StringExtensions_1.default.ReplaceAllOccurencesExceptLastOne(s, ',', options.IntegerSeparator);
+    }
+    else {
+        s = n.toLocaleString('en-US', {
+            minimumIntegerDigits: options.IntegerDigits || undefined,
+            minimumFractionDigits: digitsToUse,
+            maximumFractionDigits: digitsToUse,
+        });
+        if (options.FractionSeparator !== undefined) {
+            s = s.replace(/\./g, options.FractionSeparator);
+        }
+        if (options.IntegerSeparator !== undefined) {
+            // if fraction separator is not a comma then simply replace all instances
+            if (options.FractionSeparator !== ',') {
+                s = s.replace(/\,/g, options.IntegerSeparator);
+            }
+            else {
+                // otherwise don't replace the last instance
+                s = StringExtensions_1.default.ReplaceAllOccurencesExceptLastOne(s, ',', options.IntegerSeparator);
+            }
         }
     }
     s = (options.Prefix || '') + s + (options.Suffix || '');

package/src/Utilities/Services/AnnotationsService.js

@@ -102,7 +102,16 @@ class AnnotationsService {
         }
         const cellNote = this.api.noteApi.getNoteForCell(cellPosition);
         const cellComments = this.api.commentApi.getCommentThreadForCell(cellPosition);
-        if (!cellNote && !cellComments) {
+        // Notes / Comments only open on hover when explicitly opted in via
+        // `noteOptions.openNote = 'hover'` / `commentOptions.showComment =
+        // 'hover'` (the defaults). When either is set to 'menu' the popup is
+        // only opened via the Cell Menu, so we ignore that side of the
+        // annotation when deciding whether to show the popup here.
+        const openNoteMode = this.api.optionsApi.getNoteOptions()?.showNoteAction ?? 'hover';
+        const showCommentMode = this.api.optionsApi.getCommentOptions()?.showCommentAction ?? 'hover';
+        const shouldOpenForNote = !!cellNote && openNoteMode === 'hover';
+        const shouldOpenForComment = !!cellComments && showCommentMode === 'hover';
+        if (!shouldOpenForNote && !shouldOpenForComment) {
             return;
         }
         this.showPopup(cellPosition, false);

package/src/Utilities/Services/Interface/IMetamodelService.d.ts

@@ -15,7 +15,6 @@ export interface GridInfoOption {
 }
 export interface IMetamodelService extends IAdaptableService {
     getAdaptableOptions: () => AdaptableOptions;
-    getGridInfoOptions(): GridInfoOptions;
     getGridInfoNoCodeOptions(): GridInfoOptions;
     validateAdaptableOptionsValues(): void;
 }

package/src/Utilities/Services/MetamodelService.d.ts

@@ -1,10 +1,8 @@
 import { GridInfoOptions, IMetamodelService } from './Interface/IMetamodelService';
 import { AdaptableOptions } from '../../../types';
 export declare class MetamodelService implements IMetamodelService {
-    private gridInfoOptions;
     getAdaptableOptions: () => AdaptableOptions;
     constructor(getAdaptableOptions: () => AdaptableOptions, validateOptions?: boolean);
-    getGridInfoOptions(): GridInfoOptions;
     getGridInfoNoCodeOptions(): GridInfoOptions;
     validateAdaptableOptionsValues(): void;
     private validateOptionsObject;

package/src/Utilities/Services/MetamodelService.js

@@ -9,23 +9,16 @@ const AdaptableLogger_1 = require("../../agGrid/AdaptableLogger");
 const DefaultAdaptableOptions_1 = require("../../AdaptableOptions/DefaultAdaptableOptions");
 const supportedMetamodelTypes = ['s', 'n', 'b', 'a', 'f', 'R'];
 class MetamodelService {
-    gridInfoOptions = new Map();
     getAdaptableOptions = () => null;
     constructor(getAdaptableOptions, validateOptions) {
         this.getAdaptableOptions = getAdaptableOptions;
-        this.gridInfoOptions = this.buildGridInfoOptions();
         if (validateOptions) {
             this.validateAdaptableOptionsValues();
         }
     }
-    getGridInfoOptions() {
-        return this.gridInfoOptions;
-    }
     getGridInfoNoCodeOptions() {
         return this.buildGridInfoOptions({
-            filterItemProperty: (itemProperty) => {
-                return itemProperty.nC === 'item';
-            },
+            filterItemProperty: (itemProperty) => itemProperty.nC === 'item',
             filterEmptyAdaptableOptions: false,
         });
     }
@@ -93,7 +86,7 @@ class MetamodelService {
         }
     }
     buildGridInfoOptions(options) {
-        const { filterItemProperty, filterEmptyAdaptableOptions = true } = options || {};
+        const { filterItemProperty, filterEmptyAdaptableOptions = true } = options;
         const gridInfoOptions = new Map();
         const adaptableMetamodel = this.getAdaptableMetamodel();
         const adaptableOptionsMetamodel = this.getAdaptableOptionsMetamodel();
@@ -109,9 +102,10 @@ class MetamodelService {
             containerLabel: 'Base Options',
             items: baseOptionsItems,
         });
-        // map containers
+        // map containers — any top-level property that points to another
+        // metamodel item (k === 'R') is a nested *Options object
         adaptableOptionsMetamodel.p
-            .filter((optionItem) => optionItem.g === 'container')
+            .filter((optionItem) => optionItem.k === 'R')
             .forEach((containerOptionItem) => {
             const containerMetamodelName = containerOptionItem.r;
             const adaptableOptionsName = containerOptionItem.n;
@@ -134,7 +128,7 @@ class MetamodelService {
         });
         return gridInfoOptions;
     }
-    mapGridInfoContainerItems(optionItemContainer, adaptableOptionsValues, defaultAdaptableOptionsValues, filter = (itemProperty) => itemProperty.g === 'item') {
+    mapGridInfoContainerItems(optionItemContainer, adaptableOptionsValues, defaultAdaptableOptionsValues, filter) {
         return optionItemContainer.p.filter(filter).map((itemProperty) => {
             return {
                 name: itemProperty.n,

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/EntitlementsForm.js

@@ -6,6 +6,7 @@ const HelpBlock_1 = tslib_1.__importDefault(require("../../../components/HelpBlo
 const Types_1 = require("../../../AdaptableState/Common/Types");
 const Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
 const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
+const GeneralConstants_1 = require("../../../Utilities/Constants/GeneralConstants");
 const ModuleConstants_1 = require("../../../Utilities/Constants/ModuleConstants");
 const InfiniteTable_1 = require("../../../components/InfiniteTable");
 const Flex_1 = require("../../../components/Flex");
@@ -81,7 +82,7 @@ const EntitlementsListForm = (props) => {
             render: (params) => {
                 const module = params.data.name;
                 const accessLevel = entitlementsMap[module];
-                return (React.createElement(Radio_1.default, { onClick: () => handleOnChange(module, 'Full'), checked: accessLevel === 'Full' }));
+                return (React.createElement(Radio_1.default, { onClick: () => handleOnChange(module, GeneralConstants_1.ACCESS_LEVEL_FULL), checked: accessLevel === GeneralConstants_1.ACCESS_LEVEL_FULL }));
             },
         },
         readonly: {
@@ -89,7 +90,7 @@ const EntitlementsListForm = (props) => {
             render: (params) => {
                 const module = params.data.name;
                 const accessLevel = entitlementsMap[module];
-                return (React.createElement(Radio_1.default, { onClick: () => handleOnChange(module, 'ReadOnly'), checked: accessLevel === 'ReadOnly' }));
+                return (React.createElement(Radio_1.default, { onClick: () => handleOnChange(module, GeneralConstants_1.ACCESS_LEVEL_READ_ONLY), checked: accessLevel === GeneralConstants_1.ACCESS_LEVEL_READ_ONLY }));
             },
         },
         hidden: {
@@ -97,7 +98,7 @@ const EntitlementsListForm = (props) => {
             render: (params) => {
                 const module = params.data.name;
                 const accessLevel = entitlementsMap[module];
-                return (React.createElement(Radio_1.default, { onClick: () => handleOnChange(module, 'Hidden'), checked: accessLevel === 'Hidden' }));
+                return (React.createElement(Radio_1.default, { onClick: () => handleOnChange(module, GeneralConstants_1.ACCESS_LEVEL_HIDDEN), checked: accessLevel === GeneralConstants_1.ACCESS_LEVEL_HIDDEN }));
             },
         },
     };
@@ -129,9 +130,9 @@ const DefaultEntitlementForm = (props) => {
     }, [abOptions?.entitlementOptions?.defaultAccessLevel]);
     return (React.createElement(FormLayout_1.default, { className: "twa:mb-2" },
         React.createElement(FormLayout_1.FormRow, { label: "Default Entitlement:" },
-            React.createElement(Radio_1.default, { onClick: () => handleDefaultEntitlementChange('Full'), checked: defaultEntitlement === 'Full', className: "twa:mr-3" }, "Visible"),
-            React.createElement(Radio_1.default, { onClick: () => handleDefaultEntitlementChange('ReadOnly'), checked: defaultEntitlement === 'ReadOnly', className: "twa:mr-3" }, "Read Only"),
-            React.createElement(Radio_1.default, { onClick: () => handleDefaultEntitlementChange('Hidden'), checked: defaultEntitlement === 'Hidden' }, "Hidden"))));
+            React.createElement(Radio_1.default, { onClick: () => handleDefaultEntitlementChange(GeneralConstants_1.ACCESS_LEVEL_FULL), checked: defaultEntitlement === GeneralConstants_1.ACCESS_LEVEL_FULL, className: "twa:mr-3" }, "Visible"),
+            React.createElement(Radio_1.default, { onClick: () => handleDefaultEntitlementChange(GeneralConstants_1.ACCESS_LEVEL_READ_ONLY), checked: defaultEntitlement === GeneralConstants_1.ACCESS_LEVEL_READ_ONLY, className: "twa:mr-3" }, "Read Only"),
+            React.createElement(Radio_1.default, { onClick: () => handleDefaultEntitlementChange(GeneralConstants_1.ACCESS_LEVEL_HIDDEN), checked: defaultEntitlement === GeneralConstants_1.ACCESS_LEVEL_HIDDEN }, "Hidden"))));
 };
 const EntitlementsForm = (props) => {
     let abOptions = props.adaptableOptions;

package/src/View/Alert/AlertEmptyView.js

@@ -3,11 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlertEmptyView = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const AdaptableContext_1 = require("../AdaptableContext");
 const AlertEmptyView = (props) => {
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const accessLevel = adaptable.api.entitlementApi.getEntitlementAccessLevelForModule(props.module.moduleInfo.ModuleName);
-    const text = accessLevel == 'ReadOnly'
+    const text = accessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY
         ? 'You have no Alert Definitions.'
         : "Click 'New' to create a new Alert Definition - this will include the Rule which triggers the Alert, and the behaviour of the Alert.";
     return React.createElement(React.Fragment, null, text);

package/src/View/BulkUpdate/BulkUpdateViewPanel.js

@@ -42,7 +42,7 @@ class BulkUpdateViewPanelComponent extends React.Component {
         let statusColour = this.getStatusColour();
         let selectedColumn = this.props.BulkUpdateValidationResult.Column;
         let previewPanel = (React.createElement(PreviewResultsPanel_1.PreviewResultsPanel, { previewInfo: this.props.PreviewInfo, api: this.props.api, selectedColumn: selectedColumn, showPanel: true, showHeader: false }));
-        const valueSelectorDisabled = this.props.accessLevel == 'ReadOnly' ||
+        const valueSelectorDisabled = this.props.accessLevel == GeneralConstants.ACCESS_LEVEL_READ_ONLY ||
             !this.props.BulkUpdateValidationResult.IsValid ||
             this.props.api.layoutApi.isCurrentLayoutPivot();
         const valueOperationDisabled = valueSelectorDisabled ||

package/src/View/CellSummary/CellSummaryViewPanel.js

@@ -48,7 +48,8 @@ class CellSummaryViewPanelComponent extends React.Component {
                 };
             });
         let cellSummaryPopover = React.createElement(CellSummaryPopover_1.CellSummaryPopover, { CellSummary: this.props.CellSummary });
-        let shouldDisable = this.props.accessLevel == 'ReadOnly' || this.props.CellSummary == null;
+        let shouldDisable = this.props.accessLevel == GeneralConstants.ACCESS_LEVEL_READ_ONLY ||
+            this.props.CellSummary == null;
         const isToolbar = this.props.viewType === 'Toolbar';
         const elementType = isToolbar ? 'DashboardToolbar' : 'ToolPanel';
         const operationValue = this.getOperationValue() ?? 'N/A';

package/src/View/Comments/CommentsEditor.js

@@ -13,6 +13,7 @@ const AdaptableContext_1 = require("../AdaptableContext");
 const AdaptableInput_1 = tslib_1.__importDefault(require("../Components/AdaptableInput"));
 const FormatHelper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/FormatHelper"));
 const Flex_1 = require("../../components/Flex");
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 // Edit Mode
 // [author] [edit, delete]
 // [text-editor] * this is different
@@ -29,7 +30,7 @@ const CommentsEditor = (props) => {
         return api.optionsApi.getUserName();
     }, []);
     const commentThread = (0, react_redux_1.useSelector)((state) => CommentsRedux.GetCellCommentSelector(state.Comment, cellAddress));
-    const isReadOnlyModule = api.entitlementApi.getEntitlementAccessLevelForModule('Comment') === 'ReadOnly';
+    const isReadOnlyModule = api.entitlementApi.getEntitlementAccessLevelForModule('Comment') === GeneralConstants_1.ACCESS_LEVEL_READ_ONLY;
     const [activeEditingComment, setActiveEditingComment] = React.useState(() => {
         /**
          * When opening the popup and there is only one comment, we want to open it in edit mode.

package/src/View/Comments/CommentsPopup.js

@@ -10,6 +10,7 @@ const AdaptableContext_1 = require("../AdaptableContext");
 const PopupPanel_1 = require("../Components/Popups/AdaptablePopup/PopupPanel");
 const AdaptableButton_1 = require("../Components/AdaptableButton");
 const FormatHelper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/FormatHelper"));
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const Flex_1 = require("../../components/Flex");
 const tableDOMProps = {
     style: {
@@ -29,7 +30,8 @@ const headerOptions = {
 };
 const CellComments = (props) => {
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
-    const isReadOnlyModule = adaptable.api.entitlementApi.getEntitlementAccessLevelForModule('Comment') === 'ReadOnly';
+    const isReadOnlyModule = adaptable.api.entitlementApi.getEntitlementAccessLevelForModule('Comment') ===
+        GeneralConstants_1.ACCESS_LEVEL_READ_ONLY;
     const formatDate = (date, format) => {
         return FormatHelper_1.default.DateFormatter(date, { Pattern: format });
     };

package/src/View/Components/Buttons/ButtonBase/index.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonBase = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
+const GeneralConstants_1 = require("../../../../Utilities/Constants/GeneralConstants");
 const Flex_1 = require("../../../../components/Flex");
 const clsx_1 = tslib_1.__importDefault(require("clsx"));
 const twMerge_1 = require("../../../../twMerge");
@@ -17,12 +18,12 @@ class ButtonBase extends React.Component {
         glyph: '',
         displayMode: 'Glyph+Text',
         transformGlyph: false,
-        accessLevel: 'Full',
+        accessLevel: GeneralConstants_1.ACCESS_LEVEL_FULL,
         showDefaultStyle: false,
     };
     render() {
         let isDisabled;
-        isDisabled = this.props.accessLevel == 'Hidden';
+        isDisabled = this.props.accessLevel == GeneralConstants_1.ACCESS_LEVEL_HIDDEN;
         if (this.props.overrideDisableButton || this.props.disabled) {
             isDisabled = true;
         }

package/src/View/Components/Buttons/EntityListActionButtons.js

@@ -8,6 +8,7 @@ const ButtonClone_1 = require("./ButtonClone");
 const ButtonDelete_1 = require("./ButtonDelete");
 const ButtonShare_1 = require("./ButtonShare");
 const SuspendToggleButton_1 = require("./SuspendToggleButton/SuspendToggleButton");
+const GeneralConstants_1 = require("../../../Utilities/Constants/GeneralConstants");
 const Flex_1 = require("../../../components/Flex");
 const clsx_1 = tslib_1.__importDefault(require("clsx"));
 const stopPropagation = (e) => {
@@ -27,7 +28,7 @@ class EntityListActionButtons extends React.Component {
         overrideDisableShare: false,
         confirmDeleteAction: null,
         entityType: '',
-        accessLevel: 'Full',
+        accessLevel: GeneralConstants_1.ACCESS_LEVEL_FULL,
         editSize: 'xsmall',
         deleteSize: 'xsmall',
         shareSize: 'xsmall',
@@ -40,11 +41,11 @@ class EntityListActionButtons extends React.Component {
             'twa:justify-end': justifyContent === 'end',
         }) || 'twa:justify-center';
         return (React.createElement(Flex_1.Flex, { className: `${justifyContentClassName} twa:m-0 twa:p-0`, onClick: stopPropagation },
-            this.props.showEdit && (React.createElement(ButtonEdit_1.ButtonEdit, { onClick: () => (this.props.editClick ? this.props.editClick() : null), className: `twa:ml-0 twa:mr-[2px] twa:my-[2px] twa:text-text-on-edit twa:bg-action-edit twa:fill-text-on-edit`, disabled: this.props.overrideDisableEdit || this.props.accessLevel == 'ReadOnly', tooltip: this.props.overrideTooltipEdit, accessLevel: this.props.accessLevel })),
-            this.props.showClone && (React.createElement(ButtonClone_1.ButtonClone, { onClick: () => (this.props.cloneClick ? this.props.cloneClick() : null), className: `twa:ml-0 twa:mr-[2px] twa:my-[2px] twa:text-text-on-clone twa:bg-action-clone twa:fill-text-on-clone`, children: null, disabled: this.props.overrideDisableClone || this.props.cloneAccessLevel == 'ReadOnly', tooltip: this.props.overrideTooltipClone, accessLevel: this.props.cloneAccessLevel })),
-            this.props.showDelete && (React.createElement(ButtonDelete_1.ButtonDelete, { "data-name": "delete", className: `twa:mx-[px] twa:my-[2px] twa:text-text-on-delete twa:bg-action-delete twa:fill-text-on-delete`, disabled: this.props.overrideDisableDelete || this.props.accessLevel == 'ReadOnly', tooltip: this.props.overrideTooltipDelete, ConfirmAction: this.props.confirmDeleteAction, ConfirmationMsg: 'Are you sure you want to delete this ' + this.props.entityType + '?', ConfirmationTitle: 'Delete ' + this.props.entityType, accessLevel: this.props.accessLevel })),
-            this.props.showShare && (React.createElement(ButtonShare_1.ButtonShare, { className: `twa:mx-[1px] twa:my-[2px] twa:text-text-on-share twa:bg-action-share twa:fill-text-on-share`, onShare: (config) => this.props.shareClick ? this.props.shareClick(config) : null, Header: `TeamSharing ${this.props.entityType}`, disabled: this.props.overrideDisableShare || this.props.accessLevel == 'ReadOnly', tooltip: this.props.overrideTooltipShare, accessLevel: this.props.accessLevel })),
-            this.props.showSuspend && this.props.suspendableObject && (React.createElement(SuspendToggleButton_1.SuspendToggleButton, { className: `twa:ml-[2px] twa:align-self-center`, onSuspend: this.props.onSuspend, onUnSuspend: this.props.onUnSuspend, suspendableObject: this.props.suspendableObject, disabled: this.props.accessLevel == 'ReadOnly' }))));
+            this.props.showEdit && (React.createElement(ButtonEdit_1.ButtonEdit, { onClick: () => (this.props.editClick ? this.props.editClick() : null), className: `twa:ml-0 twa:mr-[2px] twa:my-[2px] twa:text-text-on-edit twa:bg-action-edit twa:fill-text-on-edit`, disabled: this.props.overrideDisableEdit || this.props.accessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY, tooltip: this.props.overrideTooltipEdit, accessLevel: this.props.accessLevel })),
+            this.props.showClone && (React.createElement(ButtonClone_1.ButtonClone, { onClick: () => (this.props.cloneClick ? this.props.cloneClick() : null), className: `twa:ml-0 twa:mr-[2px] twa:my-[2px] twa:text-text-on-clone twa:bg-action-clone twa:fill-text-on-clone`, children: null, disabled: this.props.overrideDisableClone || this.props.cloneAccessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY, tooltip: this.props.overrideTooltipClone, accessLevel: this.props.cloneAccessLevel })),
+            this.props.showDelete && (React.createElement(ButtonDelete_1.ButtonDelete, { "data-name": "delete", className: `twa:mx-[px] twa:my-[2px] twa:text-text-on-delete twa:bg-action-delete twa:fill-text-on-delete`, disabled: this.props.overrideDisableDelete || this.props.accessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY, tooltip: this.props.overrideTooltipDelete, ConfirmAction: this.props.confirmDeleteAction, ConfirmationMsg: 'Are you sure you want to delete this ' + this.props.entityType + '?', ConfirmationTitle: 'Delete ' + this.props.entityType, accessLevel: this.props.accessLevel })),
+            this.props.showShare && (React.createElement(ButtonShare_1.ButtonShare, { className: `twa:mx-[1px] twa:my-[2px] twa:text-text-on-share twa:bg-action-share twa:fill-text-on-share`, onShare: (config) => this.props.shareClick ? this.props.shareClick(config) : null, Header: `TeamSharing ${this.props.entityType}`, disabled: this.props.overrideDisableShare || this.props.accessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY, tooltip: this.props.overrideTooltipShare, accessLevel: this.props.accessLevel })),
+            this.props.showSuspend && this.props.suspendableObject && (React.createElement(SuspendToggleButton_1.SuspendToggleButton, { className: `twa:ml-[2px] twa:align-self-center`, onSuspend: this.props.onSuspend, onUnSuspend: this.props.onUnSuspend, suspendableObject: this.props.suspendableObject, disabled: this.props.accessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY }))));
     }
 }
 exports.EntityListActionButtons = EntityListActionButtons;

package/src/View/Components/Buttons/SuspendToggleButton/SuspendToggleButton.js

@@ -4,6 +4,7 @@ exports.SuspendToggleButton = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const ToggleButton_1 = require("../../../../components/ToggleButton");
+const GeneralConstants_1 = require("../../../../Utilities/Constants/GeneralConstants");
 const clsx_1 = tslib_1.__importDefault(require("clsx"));
 exports.SuspendToggleButton = React.memo(({ suspendableObject, onUnSuspend, onSuspend, style, disabled, accessLevel, className }) => {
     const handleOnChange = React.useCallback((checked) => {
@@ -14,7 +15,7 @@ exports.SuspendToggleButton = React.memo(({ suspendableObject, onUnSuspend, onSu
             onSuspend(suspendableObject);
         }
     }, [onUnSuspend, onSuspend]);
-    const preparedDisabled = (accessLevel && accessLevel === 'ReadOnly') || disabled;
+    const preparedDisabled = (accessLevel && accessLevel === GeneralConstants_1.ACCESS_LEVEL_READ_ONLY) || disabled;
     const isSuspended = suspendableObject.IsSuspended;
     return (React.createElement(ToggleButton_1.ToggleButton, { className: (0, clsx_1.default)(`ab-SuspendButton`, className), "data-name": suspendableObject.IsSuspended ? 'un-suspend' : 'suspend', disabled: preparedDisabled, style: style, onChange: handleOnChange, checked: !isSuspended }, isSuspended ? 'inactive' : 'active'));
 });

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

@@ -81,7 +81,6 @@ const ColumnFilterInput = (props) => {
             } }));
     }
     if (usePrimitiveInputs === false && (type === 'number' || type === 'text')) {
-        // we use the permitted values selector
         return (React.createElement(PermittedValuesSelector_1.PermittedValuesSelector, { allowNewValues: true, searchable: 'inline', value: liveValue, columnId: columnId, onFocus: onFocus, onBlur: onBlur, onChange: (value) => {
                 if (value == undefined) {
                     onClear();
@@ -101,7 +100,9 @@ const ColumnFilterInput = (props) => {
                 borderRadius: 0,
                 border: 'none',
             }
-            : {}, "data-name": "floating-filter-input", onFocus: onFocus, onBlur: onBlur, disabled: disabled, type: type === 'number' ? 'text' : type, 
+            : {
+                width: '100%',
+            }, "data-name": "floating-filter-input", onFocus: onFocus, onBlur: onBlur, disabled: disabled, type: type === 'number' ? 'text' : type, 
         // autoFocus has to be FALSE because if the input receives focus in the init phase,
         // it may scroll the AG Grid header viewport into view and de-synchronize it (relative to the content viewport)
         autoFocus: false, value: liveValue ?? '', onKeyDown: onKeyDown, showClearButton: false, className: "twa:flex-1", onChange: (e) => {

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

@@ -40,7 +40,10 @@ const ColumnFilterInputList = (props) => {
     }
     return (React.createElement(React.Fragment, null, (matchingInputs ?? []).map((input, index) => {
         const value = props?.predicate?.args?.[index];
-        return (React.createElement(ColumnFilterInput_1.ColumnFilterInput, { columnId: props.columnId, usePrimitiveInputs: false, key: index, disabled: props.disabled, type: input, value: value, onKeyDown: props.onKeyDown, onClear: () => {
+        const operator = props.predicate?.operator;
+        const usePermittedValuesSelector = input === 'number' ||
+            (input === 'text' && (operator === 'Equals' || operator === 'NotEquals'));
+        return (React.createElement(ColumnFilterInput_1.ColumnFilterInput, { columnId: props.columnId, usePrimitiveInputs: !usePermittedValuesSelector, key: index, disabled: props.disabled, type: input, value: value, onKeyDown: props.onKeyDown, onClear: () => {
                 const args = [...props.predicate.args];
                 args.splice(index, 1);
                 const newPredicate = {

package/src/View/Components/Panels/PanelDashboard/index.js

@@ -4,6 +4,7 @@ exports.PanelDashboard = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const Dashboard_1 = require("../../../../components/Dashboard");
+const GeneralConstants_1 = require("../../../../Utilities/Constants/GeneralConstants");
 class PanelDashboard extends React.Component {
     static defaultProps = {
         showConfigureActionButton: true,
@@ -11,7 +12,7 @@ class PanelDashboard extends React.Component {
         headerText: 'Module',
         onClose: null,
         onConfigure: null,
-        accessLevel: 'Full',
+        accessLevel: GeneralConstants_1.ACCESS_LEVEL_FULL,
     };
     render() {
         const { headerText, showConfigureActionButton, showCloseActionButton, onConfigure, onClose, accessLevel, children, } = this.props;

package/src/View/Components/Popups/AdaptablePopup/AdaptablePopup.js

@@ -32,7 +32,7 @@ const AdaptablePopup = (props) => {
     let isStandalone = false;
     let moduleViewContent = null;
     let activeItem = null;
-    let accessLevel = 'Full';
+    let accessLevel = GeneralConstants.ACCESS_LEVEL_FULL;
     const firstMenuItem = menuItems.find((menuItem) => menuItem !== '-');
     const firstMenuModule = firstMenuItem?.category;
     let componentModule = props.componentModule;
@@ -74,7 +74,9 @@ const AdaptablePopup = (props) => {
         } },
         React.createElement(AdaptablePopupDialog_1.AdaptablePopupDialog, { dataName: componentModule, baseClassName: baseClassName, className: className, friendlyName: friendlyName, isActionModule: isStandalone, isWindowModal: isWindowModal, onHide: props.onHide, modalContainer: modalContainer },
             !isStandalone && React.createElement(TopBar_1.default, { icon: settingsPanelOptions.icon }, settingsPanelTitle),
-            React.createElement(Flex_1.Box, { className: (0, clsx_1.default)('twa:flex twa:flex-row twa:flex-1 twa:min-h-0', 'twa:bg-defaultbackground twa:text-text-on-defaultbackground', accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '') },
+            React.createElement(Flex_1.Box, { className: (0, clsx_1.default)('twa:flex twa:flex-row twa:flex-1 twa:min-h-0', 'twa:bg-defaultbackground twa:text-text-on-defaultbackground', accessLevel == GeneralConstants.ACCESS_LEVEL_READ_ONLY
+                    ? GeneralConstants.READ_ONLY_STYLE
+                    : '') },
                 !isStandalone && (React.createElement(Navigation_1.Navigation, { menuItems: menuItems, api: props.api, activeItem: activeItem, customSettingsPanels: settingsPanelOptions.customSettingsPanels })),
                 React.createElement(Flex_1.Box, { className: (0, clsx_1.default)('ab-Adaptable-Popup__Body', 'twa:bg-primarylight twa:text-primarylight-foreground', 'twa:flex twa:flex-1 twa:min-w-0 twa:overflow-auto', !isStandalone && 'twa:*:p-3') }, moduleViewContent)))));
 };

package/src/View/Components/Popups/AdaptablePopup/AdaptablePopupModuleView.js

@@ -4,6 +4,7 @@ exports.AdaptablePopupModuleView = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const react_redux_1 = require("react-redux");
+const GeneralConstants_1 = require("../../../../Utilities/Constants/GeneralConstants");
 const DropdownButton_1 = tslib_1.__importDefault(require("../../../../components/DropdownButton"));
 const EmptyContent_1 = tslib_1.__importDefault(require("../../../../components/EmptyContent"));
 const icons_1 = require("../../../../components/icons");
@@ -70,7 +71,7 @@ const AdaptablePopupModuleView = (props) => {
     if (moduleViewProperties?.abObjectTypes?.length) {
         const items = moduleViewProperties?.abObjectTypes.map((abObjectType) => {
             return {
-                disabled: abObjectType?.accessLevel === 'ReadOnly',
+                disabled: abObjectType?.accessLevel === GeneralConstants_1.ACCESS_LEVEL_READ_ONLY,
                 onClick: () => {
                     setAbObjectType(abObjectType);
                     handleOpenEditPopup();

package/src/View/Components/ToolPanel/AdaptableToolPanel.js

@@ -4,6 +4,7 @@ exports.getAdaptableToolPanelAgGridComponent = exports.ConnectedAdaptableToolPan
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const kebabCase_1 = tslib_1.__importDefault(require("../../../Utilities/utils/kebabCase"));
+const GeneralConstants_1 = require("../../../Utilities/Constants/GeneralConstants");
 const ToolPanelRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/ToolPanelRedux"));
 const react_redux_1 = require("react-redux");
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/Extensions/ArrayExtensions"));
@@ -133,7 +134,7 @@ const AdaptableToolPanelComponent = (props) => {
             toolPanelButtons.push(moduleButtons.map((x) => {
                 let menuItem = props.MainMenuItems.find((y) => y.isVisible && y.category == x);
                 if (menuItem) {
-                    return (React.createElement(SimpleButton_1.default, { "data-name": menuItem.category, key: menuItem.label, icon: menuItem.icon, tone: "none", variant: "text", className: `ab-ToolPanel__Home__${(0, kebabCase_1.default)(menuItem.label)}`, tooltip: menuItem.label, onClick: () => props.onClick(menuItem.reduxAction), accessLevel: 'Full' }));
+                    return (React.createElement(SimpleButton_1.default, { "data-name": menuItem.category, key: menuItem.label, icon: menuItem.icon, tone: "none", variant: "text", className: `ab-ToolPanel__Home__${(0, kebabCase_1.default)(menuItem.label)}`, tooltip: menuItem.label, onClick: () => props.onClick(menuItem.reduxAction), accessLevel: GeneralConstants_1.ACCESS_LEVEL_FULL }));
                 }
             }));
         }
@@ -158,7 +159,7 @@ const AdaptableToolPanelComponent = (props) => {
             const buttonVariant = buttonStyle && buttonStyle.variant ? buttonStyle.variant : 'text';
             const buttonTone = buttonStyle && buttonStyle.tone ? buttonStyle.tone : 'none';
             const uniqueKey = buttonLabel ?? (0, uuid_1.createUuid)();
-            return (React.createElement(SimpleButton_1.default, { key: uniqueKey, variant: buttonVariant, tone: buttonTone, className: `ab-ToolPanel__Home__${(0, kebabCase_1.default)(buttonLabel)} ${buttonStyle?.className || ''}`, tooltip: buttonTooltip, icon: buttonIcon, disabled: disabled, onClick: () => button.onClick(button, toolPanelContext), accessLevel: 'Full' }, buttonLabel));
+            return (React.createElement(SimpleButton_1.default, { key: uniqueKey, variant: buttonVariant, tone: buttonTone, className: `ab-ToolPanel__Home__${(0, kebabCase_1.default)(buttonLabel)} ${buttonStyle?.className || ''}`, tooltip: buttonTooltip, icon: buttonIcon, disabled: disabled, onClick: () => button.onClick(button, toolPanelContext), accessLevel: GeneralConstants_1.ACCESS_LEVEL_FULL }, buttonLabel));
         });
     };
     const onSetToolPanelVisibility = (name, checked) => {

package/src/View/Components/ToolPanel/CustomToolPanelContent.js

@@ -8,6 +8,7 @@ const AdaptableContext_1 = require("../../AdaptableContext");
 const uuid_1 = require("../../../components/utils/uuid");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 const kebabCase_1 = tslib_1.__importDefault(require("../../../Utilities/utils/kebabCase"));
+const GeneralConstants_1 = require("../../../Utilities/Constants/GeneralConstants");
 const CustomToolPanelContent = (props) => {
     const { customToolPanel } = props;
     const { api } = (0, AdaptableContext_1.useAdaptable)();
@@ -63,7 +64,7 @@ const CustomToolPanelContent = (props) => {
             const buttonVariant = buttonStyle && buttonStyle.variant ? buttonStyle.variant : 'text';
             const buttonTone = buttonStyle && buttonStyle.tone ? buttonStyle.tone : 'none';
             const uniqueKey = buttonLabel ?? (0, uuid_1.createUuid)();
-            return (React.createElement(SimpleButton_1.default, { key: uniqueKey, variant: buttonVariant, tone: buttonTone, className: `ab-ToolPanel__Home__${(0, kebabCase_1.default)(buttonLabel)} ${buttonStyle?.className || ''}`, tooltip: buttonTooltip, icon: buttonIcon, disabled: disabled, onClick: () => button.onClick(button, toolPanelContext), accessLevel: 'Full' }, buttonLabel));
+            return (React.createElement(SimpleButton_1.default, { key: uniqueKey, variant: buttonVariant, tone: buttonTone, className: `ab-ToolPanel__Home__${(0, kebabCase_1.default)(buttonLabel)} ${buttonStyle?.className || ''}`, tooltip: buttonTooltip, icon: buttonIcon, disabled: disabled, onClick: () => button.onClick(button, toolPanelContext), accessLevel: GeneralConstants_1.ACCESS_LEVEL_FULL }, buttonLabel));
         })))));
 };
 exports.CustomToolPanelContent = CustomToolPanelContent;

package/src/View/Dashboard/CustomDashboardButton.js

@@ -6,6 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const react_1 = require("react");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
 const kebabCase_1 = tslib_1.__importDefault(require("../../Utilities/utils/kebabCase"));
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const CustomDashboardButton = (props) => {
     const { button } = props;
     const [componentRevision, setComponentRevision] = (0, react_1.useState)(1);
@@ -23,12 +24,12 @@ const CustomDashboardButton = (props) => {
         return null;
     }
     const disabled = button.disabled && button.disabled(button, dashboardContext);
-    return (React.createElement(SimpleButton_1.default, { key: buttonLabel, "aria-label": buttonLabel, variant: buttonStyle && buttonStyle.variant ? buttonStyle.variant : 'text', tone: buttonStyle && buttonStyle.tone ? buttonStyle.tone : 'none', className: `ab-DashboardToolbar__Home__${(0, kebabCase_1.default)(buttonLabel)} ${buttonStyle?.className || ''}`, tooltip: buttonTooltip, icon: buttonIcon, disabled: disabled || props.accessLevel == 'ReadOnly', onClick: () => {
+    return (React.createElement(SimpleButton_1.default, { key: buttonLabel, "aria-label": buttonLabel, variant: buttonStyle && buttonStyle.variant ? buttonStyle.variant : 'text', tone: buttonStyle && buttonStyle.tone ? buttonStyle.tone : 'none', className: `ab-DashboardToolbar__Home__${(0, kebabCase_1.default)(buttonLabel)} ${buttonStyle?.className || ''}`, tooltip: buttonTooltip, icon: buttonIcon, disabled: disabled || props.accessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY, onClick: () => {
             button.onClick?.(button, dashboardContext);
             setTimeout(() => {
                 // mutate state to force a re-rendering
                 setComponentRevision(componentRevision + 1);
             }, 16);
-        }, accessLevel: 'Full' }, buttonLabel));
+        }, accessLevel: GeneralConstants_1.ACCESS_LEVEL_FULL }, buttonLabel));
 };
 exports.CustomDashboardButton = CustomDashboardButton;

package/src/View/Dashboard/Dashboard.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dashboard = void 0;
 const tslib_1 = require("tslib");
 const kebabCase_1 = tslib_1.__importDefault(require("../../Utilities/utils/kebabCase"));
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const React = tslib_1.__importStar(require("react"));
 const react_redux_1 = require("react-redux");
 const Dashboard_1 = require("../../components/Dashboard");
@@ -30,7 +31,7 @@ const DashboardComponent = (props) => {
         let visibleDashboardElements = visibleToolbarNames.map((visibleToolbarName) => {
             let customToolbar = customToolbars && customToolbars.find((ct) => ct.name == visibleToolbarName);
             if (customToolbar) {
-                if (dashboardAccessLevel != 'Hidden') {
+                if (dashboardAccessLevel != GeneralConstants_1.ACCESS_LEVEL_HIDDEN) {
                     return (React.createElement(Flex_1.Box, { key: customToolbar.name, className: `ab-Dashboard__container ab-Dashboard__container--customToolbar` },
                         React.createElement(CustomToolbar_1.CustomToolbarWrapper, { customToolbar: customToolbar, dashboardRevision: props.DashboardRevision })));
                 }
@@ -67,7 +68,7 @@ const DashboardComponent = (props) => {
             shortcuts = shortcutsArray.map((x, index) => {
                 let menuItem = props.InternalState.Dashboard.DashboardModuleButtons.find((y) => y.isVisible && y.category == x);
                 if (menuItem) {
-                    return (React.createElement(AdaptableButton_1.AdaptableButtonComponent, { "data-name": `dashboard-module-button-${menuItem.category ?? 'custom-' + index}`, "aria-label": menuItem.label, key: menuItem.label, variant: menuItem.category === 'SystemStatus' ? 'outlined' : 'text', tone: menuItem.category === 'SystemStatus' ? 'neutral' : 'none', className: `ab-DashboardToolbar__Home__${(0, kebabCase_1.default)(menuItem.label)}`, icon: menuItem.icon, tooltip: menuItem.label, disabled: props.accessLevel == 'ReadOnly', onClick: () => props.dispatch(menuItem.reduxAction), accessLevel: 'Full', style: menuItem.category === 'SystemStatus'
+                    return (React.createElement(AdaptableButton_1.AdaptableButtonComponent, { "data-name": `dashboard-module-button-${menuItem.category ?? 'custom-' + index}`, "aria-label": menuItem.label, key: menuItem.label, variant: menuItem.category === 'SystemStatus' ? 'outlined' : 'text', tone: menuItem.category === 'SystemStatus' ? 'neutral' : 'none', className: `ab-DashboardToolbar__Home__${(0, kebabCase_1.default)(menuItem.label)}`, icon: menuItem.icon, tooltip: menuItem.label, disabled: props.accessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY, onClick: () => props.dispatch(menuItem.reduxAction), accessLevel: GeneralConstants_1.ACCESS_LEVEL_FULL, style: menuItem.category === 'SystemStatus'
                             ? {
                                 ...UIHelper_1.default.getStyleForMessageType(props.api.systemStatusApi.getCurrentSystemStatusMessageInfo()?.statusType ??
                                     'Success'),

package/src/View/Dashboard/DashboardPopup.js

@@ -7,6 +7,7 @@ const react_redux_1 = require("react-redux");
 const DashboardRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/DashboardRedux"));
 const PopupPanel_1 = require("../Components/Popups/AdaptablePopup/PopupPanel");
 const DashboardManager_1 = tslib_1.__importDefault(require("../../components/Dashboard/DashboardManager"));
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const ModuleValueSelector_1 = require("../Components/ModuleValueSelector");
 const PinnedToolbarsSelector_1 = require("./PinnedToolbarsSelector");
 const Flex_1 = require("../../components/Flex");
@@ -60,8 +61,8 @@ class DashboardPopupComponent extends React.Component {
         const allModuleButtons = this.props.InternalState.SettingsPanelModuleEntries.map((x) => x.category);
         const baseClassName = 'ab-Dashboard-Popup';
         const dashboardAccessLevel = this.props.api.entitlementApi.getEntitlementAccessLevelForModule('Dashboard');
-        const areDashboardSettingsVisible = dashboardAccessLevel == 'Full' || dashboardAccessLevel == 'ReadOnly';
-        const isDashboardDisabled = dashboardAccessLevel === 'ReadOnly';
+        const areDashboardSettingsVisible = dashboardAccessLevel == GeneralConstants_1.ACCESS_LEVEL_FULL || dashboardAccessLevel == GeneralConstants_1.ACCESS_LEVEL_READ_ONLY;
+        const isDashboardDisabled = dashboardAccessLevel === GeneralConstants_1.ACCESS_LEVEL_READ_ONLY;
         const isModuleCheckboxDisabled = (module) => {
             if (module === 'SettingsPanel') {
                 return this.props.api.optionsApi.getSettingsPanelOptions().alwaysShowInDashboard;

package/src/View/Dashboard/PinnedToolbarsSelector.js

@@ -6,11 +6,12 @@ const React = tslib_1.__importStar(require("react"));
 const react_redux_1 = require("react-redux");
 const ModuleManager_1 = require("../../components/DragAndDropContext/ModuleManager");
 const DashboardRedux_1 = require("../../Redux/ActionsReducers/DashboardRedux");
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const AdaptableContext_1 = require("../AdaptableContext");
 const PinnedToolbarsSelector = (props) => {
     const { api } = (0, AdaptableContext_1.useAdaptable)();
     const dashboardAccessLevel = api.entitlementApi.getEntitlementAccessLevelForModule('Dashboard');
-    const isDashboardDisabled = dashboardAccessLevel === 'ReadOnly';
+    const isDashboardDisabled = dashboardAccessLevel === GeneralConstants_1.ACCESS_LEVEL_READ_ONLY;
     const dashboardState = (0, react_redux_1.useSelector)((state) => state.Dashboard);
     const dispatch = (0, react_redux_1.useDispatch)();
     const pinnedToolbars = dashboardState.PinnedToolbars;

package/src/View/DataChangeHistory/DataChangeHistoryGrid.js

@@ -6,6 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const react_1 = require("react");
 const AdaptableContext_1 = require("../AdaptableContext");
 const usePrevious_1 = tslib_1.__importDefault(require("../../components/utils/usePrevious"));
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
 const ModuleConstants_1 = require("../../Utilities/Constants/ModuleConstants");
 const buildActionColumnButton_1 = require("./buildActionColumnButton");
 const AdaptableAgGrid_1 = require("../../agGrid/AdaptableAgGrid");
@@ -120,7 +121,7 @@ const buildAdaptableOptions = (mainAdaptableInstance, adaptableContainerId, agGr
             agGridContainer: agGridContainerId,
         },
         entitlementOptions: {
-            defaultAccessLevel: 'Hidden',
+            defaultAccessLevel: GeneralConstants_1.ACCESS_LEVEL_HIDDEN,
         },
         actionColumnOptions: actionColumnOptions,
         initialState: {

package/src/View/Export/ExportViewPanel.js

@@ -39,7 +39,9 @@ const ExportViewPanel = (props) => {
         }) },
         React.createElement(ReportNameSelector_1.ReportNameSelector, { viewType: props.viewType, reportName: currentReportName, userReports: userReports, onReportNameSelected: (reportName) => exportApi.selectReport(reportName) }),
         React.createElement(ReportFormatSelector_1.ReportFormatSelector, { viewType: props.viewType, reportName: currentReportName, reportFormat: currentFormat, onReportFormatSelected: (reportFormat) => exportApi.selectFormat(reportFormat) }),
-        React.createElement(Flex_1.Flex, { className: (0, join_1.default)(accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__Export__controls twa:w-full`) },
+        React.createElement(Flex_1.Flex, { className: (0, join_1.default)(accessLevel == GeneralConstants.ACCESS_LEVEL_READ_ONLY
+                ? GeneralConstants.READ_ONLY_STYLE
+                : '', `ab-${elementType}__Export__controls twa:w-full`) },
             React.createElement(Flex_1.Flex, { className: "twa:min-w-[44px]" },
                 React.createElement(ExportDestinationPicker_1.ExportDestinationPicker, { viewType: props.viewType, reportName: currentReportName, reportFormat: currentFormat })),
             React.createElement(Flex_1.Flex, null,