@adaptabletools/adaptable-cjs 21.2.1 → 22.0.0-canary.0

package/src/Utilities/ObjectFactory.js

@@ -1,6 +1,45 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ObjectFactory = exports.CreateToastOptions = exports.CreateEmptyCommentThread = exports.CreateEmptyTheme = exports.CreateCustomDisplayFormatterContext = exports.CreateEmptyChartDefinition = exports.CreateDefaultStyledColumnBadge = exports.CreateEmptyStyledColumn = exports.CreateColumnFilter = exports.CreateEmptyCellSummmary = exports.CreateSystemStatusMessageInfo = exports.CreateEmptyStyle = exports.CreateEmptyLayout = exports.CreateEmptyTableLayout = exports.CreateEmptyPivotLayout = exports.CreateEmptyFreeTextColumn = exports.CreateEmptyFormatColumn = exports.CreateEmptyShortcut = exports.CreateEmptySchedule = exports.CreateReportSchedule = exports.CreateIPushPullSchedule = exports.CreateEmptyOpenFinSchedule = exports.CreateEmptyIPushPullSchedule = exports.CreateEmptyOpenFinReport = exports.CreateEmptyIPushPullReport = exports.CreateEmptyReportSchedule = exports.CreateEmptyReminderSchedule = exports.CreateEmptyBaseSchedule = exports.CreateEmptyReport = exports.CreateInternalAlertDefinitionForMessages = exports.CreateEmptyFlashingCellDefinition = exports.CreateEmptyAlertDefinition = exports.CreateRowChangedAlert = exports.CreateCellChangedAlert = exports.CreateGenericAlert = exports.CreateEmptyPlusMinusNudge = exports.CreateEmptyNamedQuery = exports.CreateEmptyCalculatedColumn = exports.CreateAdaptableComment = exports.CreateEmptyCustomSort = void 0;
+exports.ObjectFactory = void 0;
+exports.CreateEmptyCustomSort = CreateEmptyCustomSort;
+exports.CreateAdaptableComment = CreateAdaptableComment;
+exports.CreateEmptyCalculatedColumn = CreateEmptyCalculatedColumn;
+exports.CreateEmptyNamedQuery = CreateEmptyNamedQuery;
+exports.CreateEmptyPlusMinusNudge = CreateEmptyPlusMinusNudge;
+exports.CreateGenericAlert = CreateGenericAlert;
+exports.CreateCellChangedAlert = CreateCellChangedAlert;
+exports.CreateRowChangedAlert = CreateRowChangedAlert;
+exports.CreateEmptyAlertDefinition = CreateEmptyAlertDefinition;
+exports.CreateEmptyFlashingCellDefinition = CreateEmptyFlashingCellDefinition;
+exports.CreateInternalAlertDefinitionForMessages = CreateInternalAlertDefinitionForMessages;
+exports.CreateEmptyReport = CreateEmptyReport;
+exports.CreateEmptyBaseSchedule = CreateEmptyBaseSchedule;
+exports.CreateEmptyReminderSchedule = CreateEmptyReminderSchedule;
+exports.CreateEmptyReportSchedule = CreateEmptyReportSchedule;
+exports.CreateEmptyIPushPullReport = CreateEmptyIPushPullReport;
+exports.CreateEmptyOpenFinReport = CreateEmptyOpenFinReport;
+exports.CreateEmptyIPushPullSchedule = CreateEmptyIPushPullSchedule;
+exports.CreateEmptyOpenFinSchedule = CreateEmptyOpenFinSchedule;
+exports.CreateIPushPullSchedule = CreateIPushPullSchedule;
+exports.CreateReportSchedule = CreateReportSchedule;
+exports.CreateEmptySchedule = CreateEmptySchedule;
+exports.CreateEmptyShortcut = CreateEmptyShortcut;
+exports.CreateEmptyFormatColumn = CreateEmptyFormatColumn;
+exports.CreateEmptyFreeTextColumn = CreateEmptyFreeTextColumn;
+exports.CreateEmptyPivotLayout = CreateEmptyPivotLayout;
+exports.CreateEmptyTableLayout = CreateEmptyTableLayout;
+exports.CreateEmptyLayout = CreateEmptyLayout;
+exports.CreateEmptyStyle = CreateEmptyStyle;
+exports.CreateSystemStatusMessageInfo = CreateSystemStatusMessageInfo;
+exports.CreateEmptyCellSummmary = CreateEmptyCellSummmary;
+exports.CreateColumnFilter = CreateColumnFilter;
+exports.CreateEmptyStyledColumn = CreateEmptyStyledColumn;
+exports.CreateDefaultStyledColumnBadge = CreateDefaultStyledColumnBadge;
+exports.CreateEmptyChartDefinition = CreateEmptyChartDefinition;
+exports.CreateCustomDisplayFormatterContext = CreateCustomDisplayFormatterContext;
+exports.CreateEmptyTheme = CreateEmptyTheme;
+exports.CreateEmptyCommentThread = CreateEmptyCommentThread;
+exports.CreateToastOptions = CreateToastOptions;
 const Enums_1 = require("../AdaptableState/Common/Enums");
 const Uuid_1 = require("../AdaptableState/Uuid");
 const GeneralConstants_1 = require("./Constants/GeneralConstants");
@@ -11,7 +50,6 @@ const LayoutHelpers_1 = require("../Api/Implementation/LayoutHelpers");
 function CreateEmptyCustomSort() {
     return { Uuid: (0, Uuid_1.createUuid)(), ColumnId: GeneralConstants_1.EMPTY_STRING, SortedValues: [] };
 }
-exports.CreateEmptyCustomSort = CreateEmptyCustomSort;
 function CreateAdaptableComment(text, api) {
     const comment = {
         Value: text,
@@ -24,7 +62,6 @@ function CreateAdaptableComment(text, api) {
     };
     return comment;
 }
-exports.CreateAdaptableComment = CreateAdaptableComment;
 function CreateEmptyCalculatedColumn(defaultSpecialColumnSettings) {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
@@ -39,7 +76,6 @@ function CreateEmptyCalculatedColumn(defaultSpecialColumnSettings) {
         },
     };
 }
-exports.CreateEmptyCalculatedColumn = CreateEmptyCalculatedColumn;
 function CreateEmptyNamedQuery(expression) {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
@@ -47,7 +83,6 @@ function CreateEmptyNamedQuery(expression) {
         BooleanExpression: expression || GeneralConstants_1.EMPTY_STRING,
     };
 }
-exports.CreateEmptyNamedQuery = CreateEmptyNamedQuery;
 function CreateEmptyPlusMinusNudge() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
@@ -56,7 +91,6 @@ function CreateEmptyPlusMinusNudge() {
         NudgeValue: ObjectDefaultConstants_1.PLUS_MINUS_DEFAULT_NUDGE_VALUE,
     };
 }
-exports.CreateEmptyPlusMinusNudge = CreateEmptyPlusMinusNudge;
 function CreateGenericAlert(alertHeader, alertMessage, alertDefinition) {
     return {
         alertType: 'generic',
@@ -66,7 +100,6 @@ function CreateGenericAlert(alertHeader, alertMessage, alertDefinition) {
         alertDefinition: alertDefinition,
     };
 }
-exports.CreateGenericAlert = CreateGenericAlert;
 function CreateCellChangedAlert(alertHeader, alertMessage, alertDefinition, cellDataChangedInfo) {
     return {
         alertType: 'cellChanged',
@@ -77,7 +110,6 @@ function CreateCellChangedAlert(alertHeader, alertMessage, alertDefinition, cell
         cellDataChangedInfo: cellDataChangedInfo,
     };
 }
-exports.CreateCellChangedAlert = CreateCellChangedAlert;
 function CreateRowChangedAlert(alertHeader, alertMessage, alertDefinition, rowDataChangedInfo) {
     return {
         alertType: 'rowChanged',
@@ -88,7 +120,6 @@ function CreateRowChangedAlert(alertHeader, alertMessage, alertDefinition, rowDa
         rowDataChangedInfo: rowDataChangedInfo,
     };
 }
-exports.CreateRowChangedAlert = CreateRowChangedAlert;
 function CreateEmptyAlertDefinition() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
@@ -100,7 +131,6 @@ function CreateEmptyAlertDefinition() {
         AlertProperties: {},
     };
 }
-exports.CreateEmptyAlertDefinition = CreateEmptyAlertDefinition;
 function CreateEmptyFlashingCellDefinition() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
@@ -114,7 +144,6 @@ function CreateEmptyFlashingCellDefinition() {
         },
     };
 }
-exports.CreateEmptyFlashingCellDefinition = CreateEmptyFlashingCellDefinition;
 function CreateInternalAlertDefinitionForMessages(messageType, alertProperties) {
     alertProperties = alertProperties ?? {
         DisplayNotification: ObjectDefaultConstants_1.ALERT_DEFAULT_SHOW_POPUP,
@@ -129,7 +158,6 @@ function CreateInternalAlertDefinitionForMessages(messageType, alertProperties)
         AlertProperties: alertProperties,
     };
 }
-exports.CreateInternalAlertDefinitionForMessages = CreateInternalAlertDefinitionForMessages;
 function CreateEmptyReport() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
@@ -140,7 +168,6 @@ function CreateEmptyReport() {
         Query: undefined,
     };
 }
-exports.CreateEmptyReport = CreateEmptyReport;
 function CreateEmptyBaseSchedule(scheduleType) {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
@@ -148,7 +175,6 @@ function CreateEmptyBaseSchedule(scheduleType) {
         Schedule: CreateEmptySchedule(),
     };
 }
-exports.CreateEmptyBaseSchedule = CreateEmptyBaseSchedule;
 function CreateEmptyReminderSchedule() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
@@ -161,7 +187,6 @@ function CreateEmptyReminderSchedule() {
         DisplaySystemStatusMessage: false,
     };
 }
-exports.CreateEmptyReminderSchedule = CreateEmptyReminderSchedule;
 function CreateEmptyReportSchedule() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
@@ -172,7 +197,6 @@ function CreateEmptyReportSchedule() {
         ExportDestination: 'Download',
     };
 }
-exports.CreateEmptyReportSchedule = CreateEmptyReportSchedule;
 function CreateEmptyIPushPullReport() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
@@ -181,14 +205,12 @@ function CreateEmptyIPushPullReport() {
         Page: GeneralConstants_1.EMPTY_STRING,
     };
 }
-exports.CreateEmptyIPushPullReport = CreateEmptyIPushPullReport;
 function CreateEmptyOpenFinReport() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
         ReportName: GeneralConstants_1.EMPTY_STRING,
     };
 }
-exports.CreateEmptyOpenFinReport = CreateEmptyOpenFinReport;
 function CreateEmptyIPushPullSchedule() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
@@ -198,7 +220,6 @@ function CreateEmptyIPushPullSchedule() {
         Transmission: 'Snapshot',
     };
 }
-exports.CreateEmptyIPushPullSchedule = CreateEmptyIPushPullSchedule;
 function CreateEmptyOpenFinSchedule() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
@@ -208,7 +229,6 @@ function CreateEmptyOpenFinSchedule() {
         Transmission: 'Live Data',
     };
 }
-exports.CreateEmptyOpenFinSchedule = CreateEmptyOpenFinSchedule;
 function CreateIPushPullSchedule(iPushPullReport) {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
@@ -218,7 +238,6 @@ function CreateIPushPullSchedule(iPushPullReport) {
         Transmission: 'Snapshot',
     };
 }
-exports.CreateIPushPullSchedule = CreateIPushPullSchedule;
 function CreateReportSchedule(reportName, reportFormat) {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
@@ -228,7 +247,6 @@ function CreateReportSchedule(reportName, reportFormat) {
         ReportFormat: reportFormat,
     };
 }
-exports.CreateReportSchedule = CreateReportSchedule;
 function CreateEmptySchedule() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
@@ -238,7 +256,6 @@ function CreateEmptySchedule() {
         Minute: 0,
     };
 }
-exports.CreateEmptySchedule = CreateEmptySchedule;
 function CreateEmptyShortcut() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
@@ -248,7 +265,6 @@ function CreateEmptyShortcut() {
         ShortcutOperation: Enums_1.MathOperation.Multiply,
     };
 }
-exports.CreateEmptyShortcut = CreateEmptyShortcut;
 function CreateEmptyFormatColumn() {
     return {
         Scope: undefined,
@@ -259,7 +275,6 @@ function CreateEmptyFormatColumn() {
         Target: 'cell',
     };
 }
-exports.CreateEmptyFormatColumn = CreateEmptyFormatColumn;
 function CreateEmptyFreeTextColumn(defaultSpecialColumnSettings) {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
@@ -273,7 +288,6 @@ function CreateEmptyFreeTextColumn(defaultSpecialColumnSettings) {
         },
     };
 }
-exports.CreateEmptyFreeTextColumn = CreateEmptyFreeTextColumn;
 function CreateEmptyPivotLayout(pivotLayout) {
     const result = {
         ...pivotLayout,
@@ -289,7 +303,6 @@ function CreateEmptyPivotLayout(pivotLayout) {
     };
     return result;
 }
-exports.CreateEmptyPivotLayout = CreateEmptyPivotLayout;
 function CreateEmptyTableLayout(tableLayout) {
     const result = {
         ...tableLayout,
@@ -304,7 +317,6 @@ function CreateEmptyTableLayout(tableLayout) {
     };
     return result;
 }
-exports.CreateEmptyTableLayout = CreateEmptyTableLayout;
 function CreateEmptyLayout(layout) {
     if ((0, LayoutHelpers_1.isPivotLayout)(layout)) {
         return CreateEmptyPivotLayout(layout);
@@ -313,7 +325,6 @@ function CreateEmptyLayout(layout) {
         return CreateEmptyTableLayout(layout);
     }
 }
-exports.CreateEmptyLayout = CreateEmptyLayout;
 function CreateEmptyStyle() {
     return {
         BackColor: undefined,
@@ -325,7 +336,6 @@ function CreateEmptyStyle() {
         ClassName: undefined,
     };
 }
-exports.CreateEmptyStyle = CreateEmptyStyle;
 function CreateSystemStatusMessageInfo(message, type, furtherInfo) {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
@@ -335,7 +345,6 @@ function CreateSystemStatusMessageInfo(message, type, furtherInfo) {
         timestamp: new Date(),
     };
 }
-exports.CreateSystemStatusMessageInfo = CreateSystemStatusMessageInfo;
 function CreateEmptyCellSummmary() {
     return {
         Sum: undefined,
@@ -350,7 +359,6 @@ function CreateEmptyCellSummmary() {
         Only: undefined,
     };
 }
-exports.CreateEmptyCellSummmary = CreateEmptyCellSummmary;
 function CreateColumnFilter(ColumnId, PredicateId, Inputs) {
     return {
         ColumnId,
@@ -362,14 +370,12 @@ function CreateColumnFilter(ColumnId, PredicateId, Inputs) {
         ],
     };
 }
-exports.CreateColumnFilter = CreateColumnFilter;
 function CreateEmptyStyledColumn() {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
         ColumnId: GeneralConstants_1.EMPTY_STRING,
     };
 }
-exports.CreateEmptyStyledColumn = CreateEmptyStyledColumn;
 function CreateDefaultStyledColumnBadge() {
     return {
         Style: {
@@ -379,14 +385,12 @@ function CreateDefaultStyledColumnBadge() {
         },
     };
 }
-exports.CreateDefaultStyledColumnBadge = CreateDefaultStyledColumnBadge;
 function CreateEmptyChartDefinition(chartDefinition) {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
         ...chartDefinition,
     };
 }
-exports.CreateEmptyChartDefinition = CreateEmptyChartDefinition;
 function CreateCustomDisplayFormatterContext(value, node, abColumn, api) {
     return {
         adaptableColumn: abColumn,
@@ -395,7 +399,6 @@ function CreateCustomDisplayFormatterContext(value, node, abColumn, api) {
         ...api.internalApi.buildBaseContext(),
     };
 }
-exports.CreateCustomDisplayFormatterContext = CreateCustomDisplayFormatterContext;
 function CreateEmptyTheme(name) {
     return {
         Uuid: (0, Uuid_1.createUuid)(),
@@ -403,14 +406,12 @@ function CreateEmptyTheme(name) {
         Description: name || 'Custom Theme',
     };
 }
-exports.CreateEmptyTheme = CreateEmptyTheme;
 function CreateEmptyCommentThread(cellAddress) {
     return {
         ...cellAddress,
         Comments: [],
     };
 }
-exports.CreateEmptyCommentThread = CreateEmptyCommentThread;
 function getToastPosition(position) {
     switch (position) {
         case 'BottomLeft':
@@ -465,7 +466,6 @@ function CreateToastOptions(notificationsOptions, { onClose, containerId }, over
     };
     return toastProps;
 }
-exports.CreateToastOptions = CreateToastOptions;
 exports.ObjectFactory = {
     CreateEmptyCustomSort,
     CreateEmptyCalculatedColumn,

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

@@ -20,5 +20,5 @@ export interface IAlertService extends IAdaptableService {
     getReactiveActiveAlerts(): AlertDefinition[];
     isReactiveAlertActive(alertDefinition: AlertDefinition): boolean;
 }
-export declare const isRowDataChangedInfo: (value: CellDataChangedInfo | RowDataChangedInfo) => value is RowDataChangedInfo<any>;
-export declare const isCellDataChangedInfo: (value: CellDataChangedInfo | RowDataChangedInfo) => value is CellDataChangedInfo<any>;
+export declare const isRowDataChangedInfo: (value: CellDataChangedInfo | RowDataChangedInfo) => value is RowDataChangedInfo;
+export declare const isCellDataChangedInfo: (value: CellDataChangedInfo | RowDataChangedInfo) => value is CellDataChangedInfo;

package/src/Utilities/Services/LicenseService/shouldLogThankYouMessage.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.shouldLogThankYouMessage = void 0;
+exports.shouldLogThankYouMessage = shouldLogThankYouMessage;
 function shouldLogThankYouMessage() {
     try {
         if (process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test') {
@@ -12,4 +12,3 @@ function shouldLogThankYouMessage() {
         return false;
     }
 }
-exports.shouldLogThankYouMessage = shouldLogThankYouMessage;

package/src/Utilities/adaptableOverrideCheck.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isProvidedByAdaptable = exports.tagProvidedByAdaptable = void 0;
+exports.tagProvidedByAdaptable = tagProvidedByAdaptable;
+exports.isProvidedByAdaptable = isProvidedByAdaptable;
 const PROVIDED_BY_ADAPTABLE = Symbol('isProvidedByAdaptable');
 function tagProvidedByAdaptable(fn) {
     fn[PROVIDED_BY_ADAPTABLE] = true;
     return fn;
 }
-exports.tagProvidedByAdaptable = tagProvidedByAdaptable;
 function isProvidedByAdaptable(fn) {
     return fn && !!fn[PROVIDED_BY_ADAPTABLE];
 }
-exports.isProvidedByAdaptable = isProvidedByAdaptable;

package/src/Utilities/createAgStatusPanelComponent.d.ts

@@ -9,7 +9,7 @@ export interface StatusPanelProps {
         Key: string;
     };
 }
-export declare const createAgStatusPanelComponent: (component: React.FunctionComponent<StatusPanelProps>, adaptable: IAdaptable, context: StatusPanelProps['context']) => ((props: IStatusPanelParams) => React.JSX.Element) | {
+export declare const createAgStatusPanelComponent: (component: React.FunctionComponent<StatusPanelProps>, adaptable: IAdaptable, context: StatusPanelProps["context"]) => ((props: IStatusPanelParams) => React.JSX.Element) | {
     new (): {
         params: IStatusPanelParams;
         eGui: HTMLElement;

package/src/Utilities/getObjectTagsViewItems.js

@@ -33,7 +33,7 @@ const getObjectTagsViewItems = (object, api) => {
                 const editAction = viewOptions.getEditAction(newObject);
                 dispatch(editAction);
             }, [hasCurrentLayoutAsTag, props.data]);
-            return (react_1.default.createElement(SimpleButton_1.default, { onClick: handleToggleTag, mt: 1, icon: hasCurrentLayoutAsTag ? 'minus' : 'plus' }, hasCurrentLayoutAsTag ? 'Remove from Layout' : 'Add to Layout'));
+            return (react_1.default.createElement(SimpleButton_1.default, { onClick: handleToggleTag, className: "twa:mt-1", icon: hasCurrentLayoutAsTag ? 'minus' : 'plus' }, hasCurrentLayoutAsTag ? 'Remove from Layout' : 'Add to Layout'));
         },
     };
 };

package/src/Utilities/license/hashing.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.compute_string=void 0;const r=3988292384;function t(r=3988292384){var t,e,n,o=new Array;for(t=0;t<256;t++){for(n=t,e=8;e>0;e--)1&~n?n>>>=1:n=n>>>1^r;o[t]=n}return o}function e(){return 4294967295}function n(r,t,e){return t=t>>>8^r[e^255&t]}function o(r){return r=(r=~r)<0?4294967295+r+1:r}function u(r,u=3988292384){var c,i=t(u),f=0;for(f=e(),c=0;c<r.length;c++)f=n(i,f,r.charCodeAt(c));return`${f=o(f)}`}exports.compute_string=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.compute_string=u;const r=3988292384;function t(t=r){var n,e,o,u=new Array;for(n=0;n<256;n++){for(o=n,e=8;e>0;e--)1&~o?o>>>=1:o=o>>>1^t;u[n]=o}return u}function n(){return 4294967295}function e(r,t,n){return t=t>>>8^r[n^255&t]}function o(r){return r=(r=~r)<0?4294967295+r+1:r}function u(u,c=r){var f,i=t(c),s=0;for(s=n(),f=0;f<u.length;f++)s=e(i,s,u.charCodeAt(f));return`${s=o(s)}`}

package/src/Utilities/runIfNotResolvedIn.d.ts

@@ -5,4 +5,4 @@
  * @param callback Called if promise does not resolve in the time defined by 'delay'
  * @param delay Time after which if the promise was not resolved the callback (fn) is called.
  */
-export declare const runIfNotResolvedIn: <T>(promise: Promise<T>, callback: () => void, delay?: number) => Promise<T>;
+export declare const runIfNotResolvedIn: <T>(promise: Promise<T>, callback: () => void, delay?: number) => typeof promise;

package/src/Utilities/sortColumnStateForVisibleColumns.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sortColumnStateForVisibleColumns = void 0;
+exports.sortColumnStateForVisibleColumns = sortColumnStateForVisibleColumns;
 function insertAtCorrectIndex(result, colState, visibleColumnsIndexes, offset = 0, lastVisibleOffset = 0) {
     const prevColState = result[result.length - 1 - offset];
     if (!prevColState) {
@@ -47,4 +47,3 @@ function sortColumnStateForVisibleColumns(columnState, visibleColumns) {
     }
     return result;
 }
-exports.sortColumnStateForVisibleColumns = sortColumnStateForVisibleColumns;

package/src/Utilities/updateSingleToMultiplePredicates.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateSingleToMultiplePredicates = void 0;
+exports.updateSingleToMultiplePredicates = updateSingleToMultiplePredicates;
 function updateSingleToMultiplePredicates(rule) {
     if ('Predicate' in rule && rule.Predicate) {
         rule.Predicates = [rule.Predicate, ...(rule.Predicates ?? [])];
@@ -8,4 +8,3 @@ function updateSingleToMultiplePredicates(rule) {
     }
     return rule;
 }
-exports.updateSingleToMultiplePredicates = updateSingleToMultiplePredicates;

package/src/Utilities/waitForTimeout.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.waitForTimeout = void 0;
+exports.waitForTimeout = waitForTimeout;
 // waits for the given ms milliseconds
 function waitForTimeout(ms) {
     return new Promise((resolve) => {
@@ -9,4 +9,3 @@ function waitForTimeout(ms) {
         }, ms);
     });
 }
-exports.waitForTimeout = waitForTimeout;

package/src/View/AdaptableComputedCSSVarsContext.js

@@ -4,6 +4,8 @@ exports.useAdaptableComputedCSSVar = exports.useAdaptableComputedCSSVars = expor
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const CSSNumericVariableWatch_1 = require("../components/Select/CSSNumericVariableWatch");
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
+const react_1 = require("react");
 const computedCSSVarNames = [
     '--ab-cmp-select-menu__max-width',
     '--ab-cmp-select-menu__min-width',
@@ -12,7 +14,10 @@ const computedCSSVarNames = [
 const defaultValues = Object.fromEntries(computedCSSVarNames.map((varName) => [varName, 0]));
 exports.AdaptableComputedCSSVarsContext = React.createContext(defaultValues);
 const WithAdaptableComputedCSSVars = ({ children }) => {
-    const [computedCSSVars, setComputedCSSVars] = React.useState(defaultValues);
+    const [computedCSSVars, doSetComputedCSSVars] = React.useState(defaultValues);
+    const setComputedCSSVars = (0, react_1.useMemo)(() => {
+        return (0, debounce_1.default)(doSetComputedCSSVars, 300, { leading: false, trailing: true });
+    }, [doSetComputedCSSVars]);
     return (React.createElement(exports.AdaptableComputedCSSVarsContext.Provider, { value: computedCSSVars },
         children,
         computedCSSVarNames.map((varName) => (React.createElement(CSSNumericVariableWatch_1.CSSNumericVariableWatch, { key: varName, varName: varName, onChange: (value) => {

package/src/View/AdaptablePopover/index.d.ts

@@ -14,7 +14,7 @@ export interface AdaptablePopoverProps extends React.ClassAttributes<React.Props
     tooltipText?: string;
     popoverMinWidth?: number;
     popoverMaxWidth?: number;
-    popupPadding?: number;
+    popupPadding?: 0 | 2;
     alignPosition?: OverlayShowParams['alignPosition'];
     visible?: boolean;
 }

package/src/View/AdaptablePopover/index.js

@@ -8,7 +8,7 @@ const UIHelper_1 = require("../UIHelper");
 const ButtonInfo_1 = require("../Components/Buttons/ButtonInfo");
 const icons_1 = require("../../components/icons");
 const OverlayTrigger_1 = tslib_1.__importDefault(require("../../components/OverlayTrigger"));
-const rebass_1 = require("rebass");
+const Flex_1 = require("../../components/Flex");
 class AdaptablePopover extends React.Component {
     render() {
         let messageType = this.props.MessageType != null ? this.props.MessageType : 'Info';
@@ -18,21 +18,21 @@ class AdaptablePopover extends React.Component {
         const title = StringExtensions_1.StringExtensions.IsNotNullOrEmpty(this.props.headerText)
             ? this.props.headerText
             : '';
-        const popoverClickRootClose = (React.createElement(rebass_1.Box, { className: "ab-Popover", style: {
+        const popoverClickRootClose = (React.createElement(Flex_1.Box, { className: "ab-Popover", style: {
                 margin: '0px',
                 padding: '0px',
                 minWidth: popoverMinWidth,
                 maxWidth: this.props.popoverMaxWidth ?? 300,
             } },
-            title ? (React.createElement(rebass_1.Text, { fontSize: 4, padding: 2 }, title)) : null,
-            React.createElement(rebass_1.Box, { className: "ab-Popover__body", padding: this.props.popupPadding ?? 2 }, this.props.bodyText.map((textOrHTML, index) => (React.createElement("span", { key: index }, textOrHTML))))));
+            title ? React.createElement(Flex_1.Box, { className: "twa:text-4 twa:p-2" }, title) : null,
+            React.createElement(Flex_1.Box, { className: `ab-Popover__body ${(this.props.popupPadding ?? 2) === 0 ? 'twa:p-0' : 'twa:p-2'}` }, this.props.bodyText.map((textOrHTML, index) => (React.createElement("span", { key: index }, textOrHTML))))));
         const icon = 'info'; // - think this is wrong - UIHelper.getGlyphByMessageType(messageType);
         const color = UIHelper_1.UIHelper.getColorByMessageType(messageType);
         const iconStyle = {
             color,
             fill: 'currentColor',
         };
-        return (React.createElement(rebass_1.Flex, { alignItems: "center", className: this.props.className },
+        return (React.createElement(Flex_1.Flex, { alignItems: "center", className: this.props.className },
             React.createElement(OverlayTrigger_1.default
             // showTriangle
             , { 

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

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AdaptableOptionsForm = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
 const CheckBox_1 = require("../../../components/CheckBox");
 const DropdownButton_1 = tslib_1.__importDefault(require("../../../components/DropdownButton"));
 const HelpBlock_1 = tslib_1.__importDefault(require("../../../components/HelpBlock"));
@@ -11,13 +10,13 @@ const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
 const StringExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/Extensions/StringExtensions"));
 const MetamodelService_1 = require("../../../Utilities/Services/MetamodelService");
 const AdaptablePopover_1 = require("../../AdaptablePopover");
-const LABEL_WIDTH = 250;
+const Flex_1 = require("../../../components/Flex");
 const SUPPORTED_PRIMITEVE_TYPES = ['s', 'n', 'b'];
 const OptionInput = (props) => {
     const { name, defaultValue, value, description, uiLabel } = props.option;
     const label = uiLabel ?? StringExtensions_1.default.Humanize(name);
     let input = React.createElement(React.Fragment, null);
-    const info = (React.createElement(rebass_1.Box, { ml: 2 },
+    const info = (React.createElement(Flex_1.Box, { className: "twa:ml-2" },
         React.createElement(AdaptablePopover_1.AdaptablePopover, { headerText: null, bodyText: [description] })));
     const handleInputChange = (event) => props.onChange({ ...props.option, value: event.currentTarget.value });
     const handleCheckboxChange = (checked) => props.onChange({ ...props.option, value: checked });
@@ -66,25 +65,25 @@ const OptionInput = (props) => {
         }
     }
     let content = (React.createElement(React.Fragment, null,
-        React.createElement(rebass_1.Flex, { minWidth: LABEL_WIDTH, alignItems: "center" },
+        React.createElement(Flex_1.Flex, { alignItems: "center", className: "twa:min-w-[250px]" },
             label,
             " ",
             info),
         input));
     if (option.kind === 'b') {
-        content = (React.createElement(rebass_1.Flex, { alignItems: "center" },
+        content = (React.createElement(Flex_1.Flex, { alignItems: "center" },
             input,
             " ",
             info));
     }
-    return (React.createElement(rebass_1.Flex, { mb: 2, pl: 1 }, content));
+    return React.createElement(Flex_1.Flex, { className: "twa:mb-2 twa:pl-1" }, content);
 };
 const OptionsSection = (props) => {
     if (!props.options.length) {
         return React.createElement(React.Fragment, null);
     }
-    return (React.createElement(rebass_1.Box, { mb: 2 },
-        React.createElement(HelpBlock_1.default, { mb: 2 }, props.name ?? props.id),
+    return (React.createElement(Flex_1.Box, { className: "twa:mb-2" },
+        React.createElement(HelpBlock_1.default, { className: "twa:mb-2" }, props.name ?? props.id),
         props.options.map((option, index) => (React.createElement(OptionInput, { key: index, option: option, onChange: props.onChange })))));
 };
 const AdaptableOptionsForm = (props) => {
@@ -108,7 +107,7 @@ const AdaptableOptionsForm = (props) => {
         }
         props.onChangedAdaptableOptions(adaptableOptions);
     };
-    return (React.createElement(rebass_1.Box, { p: 2 }, nocodeOptions.map(([sectionName, { containerLabel, items }]) => {
+    return (React.createElement(Flex_1.Box, { className: "twa:p-2" }, nocodeOptions.map(([sectionName, { containerLabel, items }]) => {
         return (React.createElement(OptionsSection, { onChange: handleOptionChange(sectionName), key: sectionName, id: sectionName, name: containerLabel, options: items }));
     })));
 };

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

@@ -10,8 +10,9 @@ const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
 const react_1 = require("react");
 const StringExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/Extensions/StringExtensions"));
 const InfiniteTable_1 = require("../../../components/InfiniteTable");
-const rebass_1 = require("rebass");
+const Flex_1 = require("../../../components/Flex");
 const throttle_1 = tslib_1.__importDefault(require("lodash/throttle"));
+const twMerge_1 = require("../../../twMerge");
 const dataTypes = [
     {
         value: 'text',
@@ -157,7 +158,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
     }, [includedColumnsMap, primaryKeyField]);
     const data = columns;
     const CellWrapper = (props) => {
-        return (React.createElement(rebass_1.Flex, { ...props, style: {
+        return (React.createElement(Flex_1.Flex, { ...props, style: {
                 ...props.style,
                 position: 'absolute',
                 textAlign: 'center',
@@ -168,12 +169,12 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
                 whiteSpace: 'normal',
             }, justifyContent: "center", alignItems: "center" }, props.children));
     };
-    const HeaderCellWrapper = (props) => (React.createElement(CellWrapper, { ...props, fontSize: 3, style: { fontWeight: 600 } }));
+    const HeaderCellWrapper = (props) => (React.createElement(CellWrapper, { ...props, className: (0, twMerge_1.twMerge)('twa:text-3 twa:font-bold', props.className) }));
     const HeaderWithCheckbox = (props) => {
         const { label, onChange, checked, ...flexProps } = props;
         return (React.createElement(HeaderCellWrapper, { ...flexProps, flexDirection: "column" },
-            React.createElement(rebass_1.Box, null, label),
-            React.createElement(rebass_1.Box, { style: { textAlign: 'center' } },
+            React.createElement(Flex_1.Box, null, label),
+            React.createElement(Flex_1.Box, { className: "twa:text-center twa:ml-1" },
                 React.createElement(CheckBox_1.CheckBox, { checked: checked, onChange: onChange }))));
     };
     const columnsMap = {
@@ -226,7 +227,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
             render: (params) => {
                 const column = params.data;
                 const humanized = StringExtensions_1.default.Humanize(column.field);
-                return (React.createElement(rebass_1.Box, { p: 2 },
+                return (React.createElement(Flex_1.Box, { className: "twa:p-2" },
                     React.createElement(ThrottledInput, { key: column.field, style: inputStyle, value: column.caption != undefined ? column.caption : humanized, placeholder: humanized, onChange: (value) => {
                             setColumnCaption(value, column.field);
                         } })));
@@ -238,7 +239,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
             renderMenuIcon: false,
             render: (params) => {
                 const column = params.data;
-                return (React.createElement(CellWrapper, { paddingLeft: 1, paddingRight: 1 },
+                return (React.createElement(CellWrapper, { className: "twa:px-1" },
                     React.createElement(Dropdown_1.default, { style: inputStyle, showClearButton: false, options: dataTypes, value: column?.type ?? '', onChange: onColumnTypeChange.bind(null, column) })));
             },
         },
@@ -332,7 +333,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
             },
         },
     };
-    return (React.createElement(rebass_1.Box, { p: 2, style: { height: '100%' }, className: theme },
+    return (React.createElement(Flex_1.Box, { className: (0, twMerge_1.twMerge)('twa:p-2 twa:h-full', theme) },
         React.createElement(InfiniteTable_1.DataSource, { data: data, primaryKey: "colId" },
             React.createElement(InfiniteTable_1.InfiniteTableGrid, { columnTypes: {
                     default: {