@adaptabletools/adaptable 17.0.0-canary.3 → 17.0.0-canary.5

package/src/View/Theme/ThemeSelector.js

@@ -1,14 +1,18 @@
-import * as React from 'react';
-import { useDispatch } from 'react-redux';
-import { Select } from '../../components/Select';
-import * as ThemeRedux from '../../Redux/ActionsReducers/ThemeRedux';
-import { ThemeModuleId } from '../../Utilities/Constants/ModuleConstants';
-import { useAdaptable } from '../AdaptableContext';
-export const ThemeSelector = (props) => {
-    const adaptable = useAdaptable();
-    const dispatch = useDispatch();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeSelector = void 0;
+const tslib_1 = require("tslib");
+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 ModuleConstants_1 = require("../../Utilities/Constants/ModuleConstants");
+const AdaptableContext_1 = require("../AdaptableContext");
+const ThemeSelector = (props) => {
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const availableThemes = adaptable.api.themeApi.getThemes();
-    const disabled = adaptable.api.entitlementApi.getEntitlementAccessLevelForModule(ThemeModuleId) === 'ReadOnly';
+    const disabled = adaptable.api.entitlementApi.getEntitlementAccessLevelForModule(ModuleConstants_1.ThemeModuleId) === 'ReadOnly';
     const optionThemes = availableThemes.map((theme) => {
         if (typeof theme === 'string') {
             // protection against old state, which could be string
@@ -23,7 +27,8 @@ export const ThemeSelector = (props) => {
         };
     });
     const theme = adaptable.api.themeApi.getCurrentThemeObject();
-    return (React.createElement(Select, { "data-name": "select-theme-dropdown", options: optionThemes, value: theme.Name, disabled: disabled, size: props.size, onChange: (themeName) => {
+    return (React.createElement(Select_1.Select, { "data-name": "select-theme-dropdown", options: optionThemes, value: theme.Name, disabled: disabled, size: props.size, onChange: (themeName) => {
             dispatch(ThemeRedux.ThemeSelect(themeName));
         } }));
 };
+exports.ThemeSelector = ThemeSelector;

package/src/View/Theme/ThemeStatusbar.js

@@ -1,9 +1,14 @@
-import React from 'react';
-import { Box } from 'rebass';
-import { ThemeSelector } from './ThemeSelector';
-export const ThemeStatusbar = () => {
-    return (React.createElement(Box, { onClick: (event) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeStatusbar = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const rebass_1 = require("rebass");
+const ThemeSelector_1 = require("./ThemeSelector");
+const ThemeStatusbar = () => {
+    return (react_1.default.createElement(rebass_1.Box, { onClick: (event) => {
             event.stopPropagation();
         } },
-        React.createElement(ThemeSelector, { size: "small" })));
+        react_1.default.createElement(ThemeSelector_1.ThemeSelector, { size: "small" })));
 };
+exports.ThemeStatusbar = ThemeStatusbar;

package/src/View/Theme/ThemeViewPanel.js

@@ -1,9 +1,14 @@
-import * as React from 'react';
-import join from '../../components/utils/join';
-import * as GeneralConstants from '../../Utilities/Constants/GeneralConstants';
-import { ThemeSelector } from './ThemeSelector';
-export const ThemeViewPanelControl = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeViewPanelControl = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const join_1 = tslib_1.__importDefault(require("../../components/utils/join"));
+const GeneralConstants = tslib_1.__importStar(require("../../Utilities/Constants/GeneralConstants"));
+const ThemeSelector_1 = require("./ThemeSelector");
+const ThemeViewPanelControl = (props) => {
     const elementType = props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-    return (React.createElement("div", { className: join(props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__Theme__wrap`) },
-        React.createElement(ThemeSelector, null)));
+    return (React.createElement("div", { className: (0, join_1.default)(props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__Theme__wrap`) },
+        React.createElement(ThemeSelector_1.ThemeSelector, null)));
 };
+exports.ThemeViewPanelControl = ThemeViewPanelControl;

package/src/View/Theme/VariantSelector.js

@@ -1,10 +1,14 @@
-import * as React from 'react';
-import DropdownButton from '../../components/DropdownButton';
-import SimpleButton from '../../components/SimpleButton';
-import { useAdaptable } from '../AdaptableContext';
-export const VariantSelector = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VariantSelector = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DropdownButton_1 = tslib_1.__importDefault(require("../../components/DropdownButton"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
+const AdaptableContext_1 = require("../AdaptableContext");
+const VariantSelector = (props) => {
     var _a;
-    const adaptable = useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const systemTemes = adaptable.api.themeApi.getSystemThemes();
     const options = systemTemes.map((theme) => ({
         label: theme.Description,
@@ -15,6 +19,7 @@ export const VariantSelector = (props) => {
         ? (_a = options.find((theme) => theme.value === props.theme.Variant)) === null || _a === void 0 ? void 0 : _a.label
         : 'Select a theme';
     return (React.createElement(React.Fragment, null,
-        React.createElement(DropdownButton, { mr: 2, columns: ['label'], items: options }, label),
-        React.createElement(SimpleButton, { onClick: () => props.onChange(null), disabled: !props.theme.Variant, icon: "delete" })));
+        React.createElement(DropdownButton_1.default, { mr: 2, columns: ['label'], items: options }, label),
+        React.createElement(SimpleButton_1.default, { onClick: () => props.onChange(null), disabled: !props.theme.Variant, icon: "delete" })));
 };
+exports.VariantSelector = VariantSelector;

package/src/View/UIHelper.js

@@ -1,106 +1,113 @@
-import { WizardStatus, } from './Components/SharedProps/EditableConfigEntityState';
-import { FontWeight, FontStyle, StatusColour } from '../PredefinedConfig/Common/Enums';
-import { StringExtensions } from '../Utilities/Extensions/StringExtensions';
-import ArrayExtensions from '../Utilities/Extensions/ArrayExtensions';
-export const BLACK = 'Black';
-export const WHITE = 'White';
-export const LIGHT_GRAY = 'LightGray';
-export const GRAY = 'Gray';
-export const BROWN = 'Brown';
-export const DARK_GREEN = 'DarkGreen';
-export const GREEN = 'Green';
-export const LIME_GREEN = 'LimeGreen';
-export const YELLOW = 'Yellow';
-export const LIGHT_YELLOW = 'LightYellow';
-export const DARK_BLUE = 'DarkBlue';
-export const BLUE = 'Blue';
-export const LIGHT_BLUE = 'LightBlue';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIHelper = exports.isBrowserDocumentAvailable = exports.setCSSVariableValue = exports.getCSSVariableValue = exports.getSimpleButtonPaddingWidth = exports.getAdaptableToolPanelWidth = exports.getButtonTextColourForMessageType = exports.getButtonTextColourForArrayandMessageType = exports.getButtonColourForAdaptableAlerts = exports.getMessageTypeFromAdaptableAlerts = exports.getWeekDayByIndex = exports.getScheduleDescription = exports.getButtonToneForMessageType = exports.getGlyphForMessageType = exports.getGlyphForStatusColour = exports.getStyleForMessageType = exports.getStyleForStatusColour = exports.getColorByMessageType = exports.getGlyphByMessageType = exports.getButtonToneByMessageType = exports.getMessageTypeByStatusColour = exports.IsNotEmptyStyle = exports.IsEmptyStyle = exports.getModalContainer = exports.getPlaceholderForDataType = exports.getDescriptionForDataType = exports.getEmptyConfigState = exports.getDefaultColors = exports.getHexForName = exports.ORANGE = exports.LIGHT_RED = exports.RED = exports.DARK_RED = exports.PURPLE = exports.MAGENTA = exports.CYAN = exports.LIGHT_BLUE = exports.BLUE = exports.DARK_BLUE = exports.LIGHT_YELLOW = exports.YELLOW = exports.LIME_GREEN = exports.GREEN = exports.DARK_GREEN = exports.BROWN = exports.GRAY = exports.LIGHT_GRAY = exports.WHITE = exports.BLACK = void 0;
+const tslib_1 = require("tslib");
+const EditableConfigEntityState_1 = require("./Components/SharedProps/EditableConfigEntityState");
+const Enums_1 = require("../PredefinedConfig/Common/Enums");
+const StringExtensions_1 = require("../Utilities/Extensions/StringExtensions");
+const ArrayExtensions_1 = tslib_1.__importDefault(require("../Utilities/Extensions/ArrayExtensions"));
+exports.BLACK = 'Black';
+exports.WHITE = 'White';
+exports.LIGHT_GRAY = 'LightGray';
+exports.GRAY = 'Gray';
+exports.BROWN = 'Brown';
+exports.DARK_GREEN = 'DarkGreen';
+exports.GREEN = 'Green';
+exports.LIME_GREEN = 'LimeGreen';
+exports.YELLOW = 'Yellow';
+exports.LIGHT_YELLOW = 'LightYellow';
+exports.DARK_BLUE = 'DarkBlue';
+exports.BLUE = 'Blue';
+exports.LIGHT_BLUE = 'LightBlue';
 //xport const LIGHT_GREEN: string = 'LightGreen';
-export const CYAN = 'Cyan';
-export const MAGENTA = 'Magenta';
-export const PURPLE = 'Purple';
-export const DARK_RED = 'DarkRed';
-export const RED = 'Red';
-export const LIGHT_RED = 'LightRed';
-export const ORANGE = 'Orange';
-export function getHexForName(name) {
+exports.CYAN = 'Cyan';
+exports.MAGENTA = 'Magenta';
+exports.PURPLE = 'Purple';
+exports.DARK_RED = 'DarkRed';
+exports.RED = 'Red';
+exports.LIGHT_RED = 'LightRed';
+exports.ORANGE = 'Orange';
+function getHexForName(name) {
     switch (name) {
-        case BLACK:
+        case exports.BLACK:
             return '#000000';
-        case WHITE:
+        case exports.WHITE:
             return '#FFFFFF';
-        case LIGHT_GRAY:
+        case exports.LIGHT_GRAY:
             return '#D3D3D3';
-        case GRAY:
+        case exports.GRAY:
             return '#808080';
-        case BROWN:
+        case exports.BROWN:
             return '#A52A2A';
-        case DARK_GREEN:
+        case exports.DARK_GREEN:
             return '#006400';
-        case GREEN:
+        case exports.GREEN:
             return '#008000';
-        case LIME_GREEN:
+        case exports.LIME_GREEN:
             return '#32CD32';
-        case YELLOW:
+        case exports.YELLOW:
             return '#FFFF00';
-        case LIGHT_YELLOW:
+        case exports.LIGHT_YELLOW:
             return '#FFFFE0';
-        case DARK_BLUE:
+        case exports.DARK_BLUE:
             return '#00008B';
-        case BLUE:
+        case exports.BLUE:
             return '#0000FF';
-        case LIGHT_BLUE:
+        case exports.LIGHT_BLUE:
             return '#87CEFA';
-        case CYAN:
+        case exports.CYAN:
             return '#00FFFF';
-        case MAGENTA:
+        case exports.MAGENTA:
             return '#FF00FF';
-        case PURPLE:
+        case exports.PURPLE:
             return '#800080';
-        case DARK_RED:
+        case exports.DARK_RED:
             return '#8B0000';
-        case RED:
+        case exports.RED:
             return '#FF0000';
-        case LIGHT_RED:
+        case exports.LIGHT_RED:
             return '#DC143C';
-        case ORANGE:
+        case exports.ORANGE:
             return '#FFA500';
         default:
             return 'not found';
     }
 }
-export function getDefaultColors() {
+exports.getHexForName = getHexForName;
+function getDefaultColors() {
     return [
-        getHexForName(BLACK),
-        getHexForName(WHITE),
-        getHexForName(LIGHT_GRAY),
-        getHexForName(GRAY),
-        getHexForName(BROWN),
-        getHexForName(DARK_GREEN),
-        getHexForName(GREEN),
-        getHexForName(LIME_GREEN),
-        getHexForName(YELLOW),
-        getHexForName(LIGHT_YELLOW),
-        getHexForName(DARK_BLUE),
-        getHexForName(BLUE),
-        getHexForName(LIGHT_BLUE),
-        getHexForName(CYAN),
-        getHexForName(MAGENTA),
-        getHexForName(PURPLE),
-        getHexForName(DARK_RED),
-        getHexForName(RED),
-        getHexForName(LIGHT_RED),
-        getHexForName(ORANGE),
+        getHexForName(exports.BLACK),
+        getHexForName(exports.WHITE),
+        getHexForName(exports.LIGHT_GRAY),
+        getHexForName(exports.GRAY),
+        getHexForName(exports.BROWN),
+        getHexForName(exports.DARK_GREEN),
+        getHexForName(exports.GREEN),
+        getHexForName(exports.LIME_GREEN),
+        getHexForName(exports.YELLOW),
+        getHexForName(exports.LIGHT_YELLOW),
+        getHexForName(exports.DARK_BLUE),
+        getHexForName(exports.BLUE),
+        getHexForName(exports.LIGHT_BLUE),
+        getHexForName(exports.CYAN),
+        getHexForName(exports.MAGENTA),
+        getHexForName(exports.PURPLE),
+        getHexForName(exports.DARK_RED),
+        getHexForName(exports.RED),
+        getHexForName(exports.LIGHT_RED),
+        getHexForName(exports.ORANGE),
     ];
 }
-export function getEmptyConfigState() {
+exports.getDefaultColors = getDefaultColors;
+function getEmptyConfigState() {
     return {
         editedAdaptableObject: null,
         wizardStartIndex: 0,
-        wizardStatus: WizardStatus.None,
+        wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
     };
 }
-export function getDescriptionForDataType(dataType) {
+exports.getEmptyConfigState = getEmptyConfigState;
+function getDescriptionForDataType(dataType) {
     switch (dataType) {
         case 'String':
             return 'string';
@@ -110,7 +117,8 @@ export function getDescriptionForDataType(dataType) {
             return 'date';
     }
 }
-export function getPlaceholderForDataType(dataType) {
+exports.getDescriptionForDataType = getDescriptionForDataType;
+function getPlaceholderForDataType(dataType) {
     switch (dataType) {
         case 'String':
             return 'Enter Value';
@@ -120,7 +128,8 @@ export function getPlaceholderForDataType(dataType) {
             return 'Enter Date';
     }
 }
-export function getModalContainer(adaptableOptions, document) {
+exports.getPlaceholderForDataType = getPlaceholderForDataType;
+function getModalContainer(adaptableOptions, document) {
     let modalContainer;
     if (adaptableOptions.containerOptions.modalContainer) {
         // this has been set, so we use the property
@@ -140,31 +149,35 @@ export function getModalContainer(adaptableOptions, document) {
     }
     return modalContainer;
 }
-export function IsEmptyStyle(style) {
+exports.getModalContainer = getModalContainer;
+function IsEmptyStyle(style) {
     return !IsNotEmptyStyle(style);
 }
-export function IsNotEmptyStyle(style) {
+exports.IsEmptyStyle = IsEmptyStyle;
+function IsNotEmptyStyle(style) {
     return (style.BackColor != null ||
         style.ForeColor != null ||
         style.BorderColor != null ||
-        style.FontWeight != FontWeight.Normal ||
-        style.FontStyle != FontStyle.Normal ||
+        style.FontWeight != Enums_1.FontWeight.Normal ||
+        style.FontStyle != Enums_1.FontStyle.Normal ||
         style.FontSize != null ||
-        StringExtensions.IsNotNullOrEmpty(style.ClassName));
+        StringExtensions_1.StringExtensions.IsNotNullOrEmpty(style.ClassName));
 }
-export function getMessageTypeByStatusColour(statusColour) {
+exports.IsNotEmptyStyle = IsNotEmptyStyle;
+function getMessageTypeByStatusColour(statusColour) {
     switch (statusColour) {
-        case StatusColour.Error:
+        case Enums_1.StatusColour.Error:
             return 'Error';
-        case StatusColour.Warn:
+        case Enums_1.StatusColour.Warn:
             return 'Warning';
-        case StatusColour.Success:
+        case Enums_1.StatusColour.Success:
             return 'Success';
-        case StatusColour.Info:
+        case Enums_1.StatusColour.Info:
             return 'Info';
     }
 }
-export function getButtonToneByMessageType(messageType) {
+exports.getMessageTypeByStatusColour = getMessageTypeByStatusColour;
+function getButtonToneByMessageType(messageType) {
     switch (messageType) {
         case 'Info':
             return 'info';
@@ -178,7 +191,8 @@ export function getButtonToneByMessageType(messageType) {
             return 'neutral';
     }
 }
-export function getGlyphByMessageType(messageType) {
+exports.getButtonToneByMessageType = getButtonToneByMessageType;
+function getGlyphByMessageType(messageType) {
     switch (messageType) {
         case 'Info':
             return 'info';
@@ -190,7 +204,8 @@ export function getGlyphByMessageType(messageType) {
             return 'error';
     }
 }
-export function getColorByMessageType(messageType) {
+exports.getGlyphByMessageType = getGlyphByMessageType;
+function getColorByMessageType(messageType) {
     switch (messageType) {
         case 'Error':
             return 'var(--ab-color-error)';
@@ -202,25 +217,26 @@ export function getColorByMessageType(messageType) {
             return 'var(--ab-color-info)';
     }
 }
-export function getStyleForStatusColour(statusColour) {
+exports.getColorByMessageType = getColorByMessageType;
+function getStyleForStatusColour(statusColour) {
     let result;
     switch (statusColour) {
-        case StatusColour.Info:
+        case Enums_1.StatusColour.Info:
             result = {
                 fill: 'var(--ab-color-info)',
             };
             break;
-        case StatusColour.Success:
+        case Enums_1.StatusColour.Success:
             result = {
                 fill: 'var(--ab-color-success)',
             };
             break;
-        case StatusColour.Warn:
+        case Enums_1.StatusColour.Warn:
             result = {
                 fill: 'var(--ab-color-warn)',
             };
             break;
-        case StatusColour.Error:
+        case Enums_1.StatusColour.Error:
             result = {
                 fill: 'var(--ab-color-error)',
             };
@@ -231,7 +247,8 @@ export function getStyleForStatusColour(statusColour) {
     }
     return result;
 }
-export function getStyleForMessageType(messageType) {
+exports.getStyleForStatusColour = getStyleForStatusColour;
+function getStyleForMessageType(messageType) {
     let result;
     switch (messageType) {
         case 'Info':
@@ -260,19 +277,21 @@ export function getStyleForMessageType(messageType) {
     }
     return result;
 }
-export function getGlyphForStatusColour(statusColour) {
+exports.getStyleForMessageType = getStyleForMessageType;
+function getGlyphForStatusColour(statusColour) {
     switch (statusColour) {
-        case StatusColour.Info:
+        case Enums_1.StatusColour.Info:
             return 'info';
-        case StatusColour.Success:
+        case Enums_1.StatusColour.Success:
             return 'check';
-        case StatusColour.Warn:
+        case Enums_1.StatusColour.Warn:
             return 'warning';
-        case StatusColour.Error:
+        case Enums_1.StatusColour.Error:
             return 'error';
     }
 }
-export function getGlyphForMessageType(messageType) {
+exports.getGlyphForStatusColour = getGlyphForStatusColour;
+function getGlyphForMessageType(messageType) {
     switch (messageType) {
         case 'Info':
             return 'info';
@@ -284,7 +303,8 @@ export function getGlyphForMessageType(messageType) {
             return 'error';
     }
 }
-export function getButtonToneForMessageType(messageType) {
+exports.getGlyphForMessageType = getGlyphForMessageType;
+function getButtonToneForMessageType(messageType) {
     switch (messageType) {
         case 'Info':
             return 'info';
@@ -296,19 +316,20 @@ export function getButtonToneForMessageType(messageType) {
             return 'success';
     }
 }
-export function getScheduleDescription(schedule) {
+exports.getButtonToneForMessageType = getButtonToneForMessageType;
+function getScheduleDescription(schedule) {
     if (schedule == null) {
         return '[No Schedule]';
     }
     let dateString;
     if (schedule.OneOffDate == null) {
-        if (ArrayExtensions.ContainsItem(schedule.DaysOfWeek, 'Monday') &&
-            ArrayExtensions.ContainsItem(schedule.DaysOfWeek, 'Tuesday') &&
-            ArrayExtensions.ContainsItem(schedule.DaysOfWeek, 'Wednesday') &&
-            ArrayExtensions.ContainsItem(schedule.DaysOfWeek, 'Thursday') &&
-            ArrayExtensions.ContainsItem(schedule.DaysOfWeek, 'Friday')) {
-            if (ArrayExtensions.ContainsItem(schedule.DaysOfWeek, 'Sunday') &&
-                ArrayExtensions.ContainsItem(schedule.DaysOfWeek, 'Saturday')) {
+        if (ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Monday') &&
+            ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Tuesday') &&
+            ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Wednesday') &&
+            ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Thursday') &&
+            ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Friday')) {
+            if (ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Sunday') &&
+                ArrayExtensions_1.default.ContainsItem(schedule.DaysOfWeek, 'Saturday')) {
                 dateString = 'Everyday';
             }
             else {
@@ -317,7 +338,7 @@ export function getScheduleDescription(schedule) {
         }
         else {
             const names = schedule.DaysOfWeek.sort().map((d) => getShortenedDayString(d));
-            dateString = ArrayExtensions.createCommaSeparatedString(names);
+            dateString = ArrayExtensions_1.default.createCommaSeparatedString(names);
         }
     }
     else {
@@ -325,6 +346,7 @@ export function getScheduleDescription(schedule) {
     }
     return `${dateString} @ ${addLeadingZero(schedule.Hour)}:${addLeadingZero(schedule.Minute)}`;
 }
+exports.getScheduleDescription = getScheduleDescription;
 function getShortenedDayString(dayOfWeek) {
     switch (dayOfWeek) {
         case 'Sunday':
@@ -343,7 +365,7 @@ function getShortenedDayString(dayOfWeek) {
             return 'Sat';
     }
 }
-export function getWeekDayByIndex(dayOfWeek) {
+function getWeekDayByIndex(dayOfWeek) {
     switch (dayOfWeek) {
         case 0:
             return 'Sunday';
@@ -361,6 +383,7 @@ export function getWeekDayByIndex(dayOfWeek) {
             return 'Saturday';
     }
 }
+exports.getWeekDayByIndex = getWeekDayByIndex;
 function addLeadingZero(item) {
     item = item || 0;
     if (item < 10) {
@@ -368,7 +391,7 @@ function addLeadingZero(item) {
     }
     return item.toString();
 }
-export function getMessageTypeFromAdaptableAlerts(adaptableAlerts) {
+function getMessageTypeFromAdaptableAlerts(adaptableAlerts) {
     if (adaptableAlerts.find((a) => a.alertDefinition.MessageType == 'Error') != null) {
         return 'Error';
     }
@@ -380,16 +403,19 @@ export function getMessageTypeFromAdaptableAlerts(adaptableAlerts) {
     }
     return 'Info';
 }
-export function getButtonColourForAdaptableAlerts(adaptableAlerts, messageTypeColor) {
-    return ArrayExtensions.IsNotNullOrEmpty(adaptableAlerts) ? messageTypeColor : 'primary';
+exports.getMessageTypeFromAdaptableAlerts = getMessageTypeFromAdaptableAlerts;
+function getButtonColourForAdaptableAlerts(adaptableAlerts, messageTypeColor) {
+    return ArrayExtensions_1.default.IsNotNullOrEmpty(adaptableAlerts) ? messageTypeColor : 'primary';
 }
-export function getButtonTextColourForArrayandMessageType(adaptableAlerts, messageType) {
-    if (ArrayExtensions.IsNullOrEmpty(adaptableAlerts)) {
+exports.getButtonColourForAdaptableAlerts = getButtonColourForAdaptableAlerts;
+function getButtonTextColourForArrayandMessageType(adaptableAlerts, messageType) {
+    if (ArrayExtensions_1.default.IsNullOrEmpty(adaptableAlerts)) {
         return 'text-on-primary';
     }
     return this.getButtonTextColourForMessageType(messageType);
 }
-export function getButtonTextColourForMessageType(messageType) {
+exports.getButtonTextColourForArrayandMessageType = getButtonTextColourForArrayandMessageType;
+function getButtonTextColourForMessageType(messageType) {
     switch (messageType) {
         case 'Info':
             return 'var( --ab-color-text-on-info)';
@@ -401,35 +427,41 @@ export function getButtonTextColourForMessageType(messageType) {
             return 'var( --ab-color-text-on-error)';
     }
 }
+exports.getButtonTextColourForMessageType = getButtonTextColourForMessageType;
 function getNumericCSSVariableValue(stringValue, defaultValue) {
     var _a;
     const numericValue = typeof stringValue === 'string' ? +((_a = stringValue.match(/\d/g)) === null || _a === void 0 ? void 0 : _a.join('')) : stringValue;
     return typeof numericValue === 'number' ? numericValue : defaultValue;
 }
-export function getAdaptableToolPanelWidth() {
+function getAdaptableToolPanelWidth() {
     return getNumericCSSVariableValue(getCSSVariableValue('--ab-cmp-toolpanel__width'), 200);
 }
-export function getSimpleButtonPaddingWidth() {
+exports.getAdaptableToolPanelWidth = getAdaptableToolPanelWidth;
+function getSimpleButtonPaddingWidth() {
     return getNumericCSSVariableValue(getCSSVariableValue('--ab-space-1'), 4);
 }
-export function getCSSVariableValue(cssVariable) {
+exports.getSimpleButtonPaddingWidth = getSimpleButtonPaddingWidth;
+function getCSSVariableValue(cssVariable) {
     if (!isBrowserDocumentAvailable()) {
         // possible during static/server-side rendering (should happen only in test cases)
         return undefined;
     }
     return getComputedStyle(document.documentElement).getPropertyValue(cssVariable);
 }
-export function setCSSVariableValue(cssVariable, value) {
+exports.getCSSVariableValue = getCSSVariableValue;
+function setCSSVariableValue(cssVariable, value) {
     if (!isBrowserDocumentAvailable()) {
         // possible during static/server-side rendering (should happen only in test cases)
         return undefined;
     }
     document.documentElement.style.setProperty(cssVariable, value);
 }
-export function isBrowserDocumentAvailable() {
+exports.setCSSVariableValue = setCSSVariableValue;
+function isBrowserDocumentAvailable() {
     return typeof window !== 'undefined' && typeof window.document !== 'undefined';
 }
-export const UIHelper = {
+exports.isBrowserDocumentAvailable = isBrowserDocumentAvailable;
+exports.UIHelper = {
     getHexForName,
     getDefaultColors,
     getEmptyConfigState,
@@ -459,4 +491,4 @@ export const UIHelper = {
     isBrowserDocumentAvailable,
     getSimpleButtonPaddingWidth,
 };
-export default UIHelper;
+exports.default = exports.UIHelper;

package/src/View/UIInterfaces.js

@@ -1,2 +1,3 @@
+"use strict";
 // NOTE:  this file will include only those interfaces that are used in the UI / views,
-export {};
+Object.defineProperty(exports, "__esModule", { value: true });