@adaptabletools/adaptable 12.0.0-canary.3 → 12.0.0-canary.4

package/src/View/Schedule/Wizard/ScheduleScheduleSummary.js

@@ -6,9 +6,10 @@ const React = tslib_1.__importStar(require("react"));
 const Tag_1 = require("../../../components/Tag");
 const UIHelper_1 = require("../../UIHelper");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-exports.ScheduleScheduleSummary = () => {
+const ScheduleScheduleSummary = () => {
     const { data } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     return (React.createElement(OnePageAdaptableWizard_1.SummaryText, null,
         "Schedule: ",
         React.createElement(Tag_1.Tag, null, UIHelper_1.UIHelper.getScheduleDescription(data.Schedule))));
 };
+exports.ScheduleScheduleSummary = ScheduleScheduleSummary;

package/src/View/Schedule/Wizard/ScheduleScheduleWizard.js

@@ -11,7 +11,7 @@ const Tabs_1 = require("../../../components/Tabs");
 const ArrayExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/Extensions/ArrayExtensions"));
 const AdaptableInput_1 = tslib_1.__importDefault(require("../../Components/AdaptableInput"));
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-exports.isScheduleValid = (schedule, isOneOff) => {
+const isScheduleValid = (schedule, isOneOff) => {
     var _a;
     if (!schedule.Schedule) {
         return 'Schedule is not specified';
@@ -27,6 +27,7 @@ exports.isScheduleValid = (schedule, isOneOff) => {
     }
     return true;
 };
+exports.isScheduleValid = isScheduleValid;
 const daysMap = [
     {
         label: 'Monday',
@@ -57,7 +58,7 @@ const daysMap = [
         value: 'Sunday',
     },
 ];
-exports.ScheduleScheduleWizard = (props) => {
+const ScheduleScheduleWizard = (props) => {
     var _a, _b, _c, _d, _e;
     const { data } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const handleIsOneOfChange = (isOneOffNew) => {
@@ -108,3 +109,4 @@ exports.ScheduleScheduleWizard = (props) => {
                     React.createElement(FormLayout_1.FormRow, { label: "Time" },
                         React.createElement(AdaptableInput_1.default, { width: 300, value: timeValue, type: "time", onChange: handleTimeChange })))))));
 };
+exports.ScheduleScheduleWizard = ScheduleScheduleWizard;

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsGlue42.js

@@ -7,7 +7,7 @@ const rebass_1 = require("rebass");
 const Tabs_1 = require("../../../../components/Tabs");
 const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
 const DropdownButton_1 = tslib_1.__importDefault(require("../../../../components/DropdownButton"));
-exports.ScheduleSettingsGlue42 = (props) => {
+const ScheduleSettingsGlue42 = (props) => {
     var _a, _b;
     const reportOptions = props.allReports.map((report) => ({
         label: report.Name,
@@ -22,3 +22,4 @@ exports.ScheduleSettingsGlue42 = (props) => {
                     React.createElement(FormLayout_1.FormRow, { label: "Select Report" },
                         React.createElement(DropdownButton_1.default, { width: 300, disabled: props.allReports.length == 0, items: reportOptions }, ((_b = (_a = props === null || props === void 0 ? void 0 : props.glue42) === null || _a === void 0 ? void 0 : _a.Glue42Report) === null || _b === void 0 ? void 0 : _b.ReportName) || 'Select Report')))))));
 };
+exports.ScheduleSettingsGlue42 = ScheduleSettingsGlue42;

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsIPushPull.js

@@ -9,7 +9,7 @@ const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLa
 const Radio_1 = tslib_1.__importDefault(require("../../../../components/Radio"));
 const DropdownButton_1 = tslib_1.__importDefault(require("../../../../components/DropdownButton"));
 const OnePageAdaptableWizard_1 = require("../../../Wizard/OnePageAdaptableWizard");
-exports.ScheduleSettingsIPushPull = (props) => {
+const ScheduleSettingsIPushPull = (props) => {
     var _a, _b, _c, _d, _e, _f;
     const reportOptions = props.allReports.map((report) => ({
         label: report.Name,
@@ -44,3 +44,4 @@ exports.ScheduleSettingsIPushPull = (props) => {
                     React.createElement(FormLayout_1.FormRow, { label: "" },
                         React.createElement(OnePageAdaptableWizard_1.FormDescriptionText, null, "Choose whether to send ipushpull Data as 'Snapshot' (One-off report) or 'Live Data' (updating as Grid updates)")))))));
 };
+exports.ScheduleSettingsIPushPull = ScheduleSettingsIPushPull;

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsOpenFin.js

@@ -7,7 +7,7 @@ const rebass_1 = require("rebass");
 const Tabs_1 = require("../../../../components/Tabs");
 const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
 const DropdownButton_1 = tslib_1.__importDefault(require("../../../../components/DropdownButton"));
-exports.ScheduleSettingsOpenFin = (props) => {
+const ScheduleSettingsOpenFin = (props) => {
     var _a, _b;
     const reportOptions = props.allReports.map((report) => ({
         label: report.Name,
@@ -22,3 +22,4 @@ exports.ScheduleSettingsOpenFin = (props) => {
                     React.createElement(FormLayout_1.FormRow, { label: "Select Report" },
                         React.createElement(DropdownButton_1.default, { columns: ['label'], style: { width: 300 }, disabled: props.allReports.length == 0, items: reportOptions }, ((_b = (_a = props === null || props === void 0 ? void 0 : props.openFin) === null || _a === void 0 ? void 0 : _a.OpenFinReport) === null || _b === void 0 ? void 0 : _b.ReportName) || 'Select Report')))))));
 };
+exports.ScheduleSettingsOpenFin = ScheduleSettingsOpenFin;

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsReminder.js

@@ -10,7 +10,7 @@ const Input_1 = tslib_1.__importDefault(require("../../../../components/Input"))
 const DropdownButton_1 = tslib_1.__importDefault(require("../../../../components/DropdownButton"));
 const CheckBox_1 = require("../../../../components/CheckBox");
 const MESSAGE_TYPES = ['Success', 'Info', 'Warning', 'Error'];
-exports.ScheduleSettingsReminder = (props) => {
+const ScheduleSettingsReminder = (props) => {
     var _a, _b, _c, _d;
     const messageTypes = MESSAGE_TYPES.map((messageType) => ({
         label: messageType,
@@ -44,3 +44,4 @@ exports.ScheduleSettingsReminder = (props) => {
                     React.createElement(FormLayout_1.FormRow, { label: "" },
                         React.createElement(CheckBox_1.CheckBox, { checked: (_d = props.reminderSchedule) === null || _d === void 0 ? void 0 : _d.DisplayNotification, onChange: handleDisplayNotificationChange }, "Show the Reminder as an Alert")))))));
 };
+exports.ScheduleSettingsReminder = ScheduleSettingsReminder;

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsReport.js

@@ -8,7 +8,7 @@ const Tabs_1 = require("../../../../components/Tabs");
 const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
 const DropdownButton_1 = tslib_1.__importDefault(require("../../../../components/DropdownButton"));
 const DESTINATIONS = ['Excel', 'CSV', 'Clipboard', 'JSON'];
-exports.ScheduleSettingsReport = (props) => {
+const ScheduleSettingsReport = (props) => {
     var _a, _b;
     const reportOptions = props.allReports.map((report) => ({
         label: report.Name,
@@ -33,3 +33,4 @@ exports.ScheduleSettingsReport = (props) => {
                     React.createElement(FormLayout_1.FormRow, { label: "Destination" },
                         React.createElement(DropdownButton_1.default, { style: { width: 300 }, items: destinationOptions }, ((_b = props === null || props === void 0 ? void 0 : props.report) === null || _b === void 0 ? void 0 : _b.ExportDestination) || 'Select Destination')))))));
 };
+exports.ScheduleSettingsReport = ScheduleSettingsReport;

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsSummary.js

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const Tag_1 = require("../../../../components/Tag");
 const Enums_1 = require("../../../../PredefinedConfig/Common/Enums");
 const OnePageAdaptableWizard_1 = require("../../../Wizard/OnePageAdaptableWizard");
-exports.getScheduleSettingsValues = (data) => {
+const getScheduleSettingsValues = (data) => {
     if (data.ScheduleType === Enums_1.ScheduleType.Reminder) {
         const reminder = data;
         return [
@@ -82,10 +82,12 @@ exports.getScheduleSettingsValues = (data) => {
     }
     return [];
 };
-exports.ScheduleSettingsSummary = () => {
+exports.getScheduleSettingsValues = getScheduleSettingsValues;
+const ScheduleSettingsSummary = () => {
     const { data } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     return (React.createElement(React.Fragment, null, exports.getScheduleSettingsValues(data).map((description, index) => (React.createElement(OnePageAdaptableWizard_1.SummaryText, { key: index },
         description.label,
         ": ",
         React.createElement(Tag_1.Tag, null, description.value))))));
 };
+exports.ScheduleSettingsSummary = ScheduleSettingsSummary;

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsWizard.js

@@ -10,7 +10,7 @@ const ScheduleSettingsReport_1 = require("./ScheduleSettingsReport");
 const ScheduleSettingsIPushPull_1 = require("./ScheduleSettingsIPushPull");
 const ScheduleSettingsOpenFin_1 = require("./ScheduleSettingsOpenFin");
 const ScheduleSettingsGlue42_1 = require("./ScheduleSettingsGlue42");
-exports.ScheduleSettingsWizard = (props) => {
+const ScheduleSettingsWizard = (props) => {
     const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const allReports = api.exportApi.getAllReports();
     if ((data === null || data === void 0 ? void 0 : data.ScheduleType) === Enums_1.ScheduleType.Reminder) {
@@ -35,3 +35,4 @@ exports.ScheduleSettingsWizard = (props) => {
     }
     return React.createElement(React.Fragment, null);
 };
+exports.ScheduleSettingsWizard = ScheduleSettingsWizard;

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/isSettingsValid.js

@@ -4,7 +4,7 @@ exports.isSettingsValid = void 0;
 const tslib_1 = require("tslib");
 const Enums_1 = require("../../../../PredefinedConfig/Common/Enums");
 const StringExtensions_1 = tslib_1.__importDefault(require("../../../../Utilities/Extensions/StringExtensions"));
-exports.isSettingsValid = (schedule) => {
+const isSettingsValid = (schedule) => {
     var _a, _b, _c, _d, _e;
     if (schedule.ScheduleType === Enums_1.ScheduleType.Reminder) {
         const reminder = schedule;
@@ -53,3 +53,4 @@ exports.isSettingsValid = (schedule) => {
     }
     return true;
 };
+exports.isSettingsValid = isSettingsValid;

package/src/View/Schedule/Wizard/ScheduleWizard.js

@@ -13,7 +13,7 @@ const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/Obje
 const react_redux_1 = require("react-redux");
 const ScheduleRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/ScheduleRedux"));
 const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
-exports.ScheduleWizard = (props) => {
+const ScheduleWizard = (props) => {
     var _a, _b, _c, _d;
     const data = (_a = props.data) !== null && _a !== void 0 ? _a : (_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.value;
     const isNew = ((_c = props.popupParams) === null || _c === void 0 ? void 0 : _c.action) ? props.popupParams.action === 'New' : !props.data;
@@ -120,3 +120,4 @@ exports.ScheduleWizard = (props) => {
             },
         ] }));
 };
+exports.ScheduleWizard = ScheduleWizard;

package/src/View/Shortcut/Wizard/ShortcutScopeWizardSection.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
-exports.ShortcutScopeWizardSection = (props) => {
+const ShortcutScopeWizardSection = (props) => {
     const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const availableColumns = React.useMemo(() => api.columnApi.getNumericColumns(), []);
     return (React.createElement(NewScopeComponent_1.NewScopeComponent, { availableDataTypes: ['Number'], scopeColumns: availableColumns, scope: data.Scope, descriptions: {
@@ -20,3 +20,4 @@ exports.ShortcutScopeWizardSection = (props) => {
             props.onChange(Object.assign(Object.assign({}, data), { Scope: preparedScope }));
         } }));
 };
+exports.ShortcutScopeWizardSection = ShortcutScopeWizardSection;

package/src/View/Shortcut/Wizard/ShortcutSettingsWizard.js

@@ -13,7 +13,7 @@ const Tabs_1 = require("../../../components/Tabs");
 const DropdownButton_1 = tslib_1.__importDefault(require("../../../components/DropdownButton"));
 const OnePageAdaptableWizard_2 = require("../../../View/Wizard/OnePageAdaptableWizard");
 const Tag_1 = require("../../../components/Tag");
-exports.isSettingsValid = (data) => {
+const isSettingsValid = (data) => {
     const shortcutKey = data.ShortcutKey && typeof data.ShortcutKey === 'string' ? '' : 'Shortcut key is not selected';
     const shortcutValue = typeof data.ShortcutValue === 'number' ? '' : 'Shortcut value is not specified';
     const shortcutOperation = data.ShortcutOperation && typeof data.ShortcutOperation === 'string'
@@ -22,7 +22,8 @@ exports.isSettingsValid = (data) => {
     const result = [shortcutKey, shortcutValue, shortcutOperation].filter(Boolean);
     return result.length ? result.join(', ') : true;
 };
-exports.ShortcutSettingsSummary = () => {
+exports.isSettingsValid = isSettingsValid;
+const ShortcutSettingsSummary = () => {
     var _a, _b;
     const { data: shortcut } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     return (React.createElement(React.Fragment, null,
@@ -36,7 +37,8 @@ exports.ShortcutSettingsSummary = () => {
             "Operation ",
             React.createElement(Tag_1.Tag, null, (_b = shortcut.ShortcutOperation) !== null && _b !== void 0 ? _b : 'Not Specified'))));
 };
-exports.ShortcutSettingsWizard = (props) => {
+exports.ShortcutSettingsSummary = ShortcutSettingsSummary;
+const ShortcutSettingsWizard = (props) => {
     var _a;
     const { data: shortcut } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const handleKeyChange = React.useCallback((ShortcutKey) => {
@@ -78,3 +80,4 @@ exports.ShortcutSettingsWizard = (props) => {
                                     "The number that is used - together with the shortcut's mathematical 'operation' and the current cell value - in order to calculate the new total for the cell.",
                                 ] }))))))));
 };
+exports.ShortcutSettingsWizard = ShortcutSettingsWizard;

package/src/View/Shortcut/Wizard/ShortcutWizard.js

@@ -15,7 +15,7 @@ const ShortcutRedux = tslib_1.__importStar(require("../../../Redux/ActionsReduce
 const shortcutKeys_1 = require("../shortcutKeys");
 const AdaptableContext_1 = require("../../AdaptableContext");
 const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
-exports.ShortcutWizard = (props) => {
+const ShortcutWizard = (props) => {
     const [shortcut, setShortcut] = React.useState(() => {
         var _a;
         const shortcut = props.data ? Helper_1.cloneObject(props.data) : ObjectFactory_1.default.CreateEmptyShortcut();
@@ -90,3 +90,4 @@ exports.ShortcutWizard = (props) => {
             },
         ] }));
 };
+exports.ShortcutWizard = ShortcutWizard;

package/src/View/SpecialColumnSettingsWizardStep.js

@@ -9,7 +9,7 @@ const CheckBox_1 = require("../components/CheckBox");
 const FormLayout_1 = tslib_1.__importStar(require("../components/FormLayout"));
 const Tabs_1 = require("../components/Tabs");
 const AdaptableContext_1 = require("./AdaptableContext");
-exports.SpecialColumnSettingsWizardStep = (props) => {
+const SpecialColumnSettingsWizardStep = (props) => {
     var _a, _b;
     const adaptable = AdaptableContext_1.useAdaptable();
     const possibleColumnTypes = adaptable.api.internalApi.getAdaptableOptions().columnOptions.columnTypes;
@@ -60,3 +60,4 @@ exports.SpecialColumnSettingsWizardStep = (props) => {
                         second && (React.createElement(CheckBox_1.CheckBox, { onChange: (checked) => handleColumnTypeChange(second, checked), checked: (_f = (_e = (_d = props.settings) === null || _d === void 0 ? void 0 : _d.ColumnTypes) === null || _e === void 0 ? void 0 : _e.includes) === null || _f === void 0 ? void 0 : _f.call(_e, second) }, second))));
                 })))))));
 };
+exports.SpecialColumnSettingsWizardStep = SpecialColumnSettingsWizardStep;

package/src/View/StateManagement/StateManagementPopup.js

@@ -10,7 +10,7 @@ const LoadButton_1 = require("./components/LoadButton");
 const ClearButton_1 = require("./components/ClearButton");
 const ExportDropdown_1 = require("./components/ExportDropdown");
 const Panel_1 = tslib_1.__importDefault(require("../../components/Panel"));
-exports.StateManagementPopup = (props) => {
+const StateManagementPopup = (props) => {
     return (React.createElement(PopupPanel_1.PopupPanel, { headerText: props.moduleInfo.FriendlyName, glyphicon: props.moduleInfo.Glyph, infoLink: props.moduleInfo.HelpPage, infoLinkDisabled: !props.api.internalApi.isDocumentationLinksDisplayed() },
         React.createElement(rebass_1.Box, null,
             React.createElement(Panel_1.default, { header: 'User State', style: { height: 'auto' }, variant: "default", borderRadius: "none", marginTop: 3, marginRight: 2 },
@@ -30,3 +30,4 @@ exports.StateManagementPopup = (props) => {
                 ' ',
                 React.createElement(ExportDropdown_1.ExportDropdown, { api: props.api, type: "predefinedConfig", marginRight: 3, style: { flex: 1, maxWidth: 'none' }, columns: ['label'] }, "Select Export Destination")))));
 };
+exports.StateManagementPopup = StateManagementPopup;

package/src/View/StateManagement/StateManagementViewPanel.js

@@ -9,7 +9,7 @@ const LoadButton_1 = require("./components/LoadButton");
 const ClearButton_1 = require("./components/ClearButton");
 const rebass_1 = require("rebass");
 const ExportDropdown_1 = require("./components/ExportDropdown");
-exports.StateManagementViewPanel = (props) => {
+const StateManagementViewPanel = (props) => {
     const isToolbar = props.viewType === 'Toolbar';
     const elementType = isToolbar ? 'DashboardToolbar' : 'ToolPanel';
     return (React.createElement(rebass_1.Flex, { flexDirection: isToolbar ? 'row' : 'column', className: join_1.default(props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__StateManagement__wrap`) },
@@ -19,3 +19,4 @@ exports.StateManagementViewPanel = (props) => {
         React.createElement(ExportDropdown_1.ExportDropdown, { api: props.api, type: "adaptableState" }, "All State"),
         React.createElement(ExportDropdown_1.ExportDropdown, { api: props.api, type: "predefinedConfig" }, "Predefined Config")));
 };
+exports.StateManagementViewPanel = StateManagementViewPanel;

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

@@ -4,6 +4,7 @@ exports.ClearButton = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
-exports.ClearButton = (props) => {
+const ClearButton = (props) => {
     return (React.createElement(SimpleButton_1.default, Object.assign({}, props, { className: "ab-StateManagement__Clear-Button", tooltip: "Clear User State" }), props.children));
 };
+exports.ClearButton = ClearButton;

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

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const DropdownButton_1 = tslib_1.__importDefault(require("../../../components/DropdownButton"));
 const handleExportState_1 = require("../handleExportState");
-exports.ExportDropdown = (props) => {
+const ExportDropdown = (props) => {
     const handleChange = (destination) => {
         switch (props.type) {
             case 'adaptableState':
@@ -37,3 +37,4 @@ exports.ExportDropdown = (props) => {
     ];
     return (React.createElement(DropdownButton_1.default, Object.assign({ className: "ab-StateManagement__Export-Dropdown" }, props, { items: destinationOptions, value: undefined })));
 };
+exports.ExportDropdown = ExportDropdown;

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

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const FileDroppable_1 = require("../../../components/FileDroppable");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
-exports.LoadButton = (props) => {
+const LoadButton = (props) => {
     const onLoadPredefinedConfig = (e) => {
         const nativeEvent = e.nativeEvent;
         let files;
@@ -36,3 +36,4 @@ exports.LoadButton = (props) => {
         ' ',
         props.children));
 };
+exports.LoadButton = LoadButton;

package/src/View/StateManagement/handleExportState.js

@@ -4,7 +4,7 @@ exports.handleExportState = void 0;
 const tslib_1 = require("tslib");
 const Helper_1 = tslib_1.__importDefault(require("../../Utilities/Helpers/Helper"));
 const LoggingHelper_1 = require("../../Utilities/Helpers/LoggingHelper");
-exports.handleExportState = (type, name, state) => {
+const handleExportState = (type, name, state) => {
     switch (type) {
         case 'Clipboard':
             let stringifiedState = JSON.stringify(state);
@@ -20,3 +20,4 @@ exports.handleExportState = (type, name, state) => {
             break;
     }
 };
+exports.handleExportState = handleExportState;

package/src/View/StatusBar/AdaptableStatusBar.js

@@ -8,7 +8,7 @@ const rebass_1 = require("rebass");
 const StatusBarRedux_1 = require("../../Redux/ActionsReducers/StatusBarRedux");
 const AdaptableContext_1 = require("../AdaptableContext");
 const StatusBarPanel_1 = require("./StatusBarPanel");
-exports.AdaptableStatusBar = (props) => {
+const AdaptableStatusBar = (props) => {
     var _a;
     /**
      * All state is selected so the Status Bar is re-rendered for all adaptable state changes
@@ -42,3 +42,4 @@ exports.AdaptableStatusBar = (props) => {
         return (React.createElement(StatusBarPanel_1.StatusBarPanel, Object.assign({ "data-name": subPanel }, statusBarPanelProps, { tooltip: moduleInfo.FriendlyName, onAction: onAction, icon: (_f = statusBarPanelProps.icon) !== null && _f !== void 0 ? _f : moduleInfo.Glyph, key: subPanel })));
     })));
 };
+exports.AdaptableStatusBar = AdaptableStatusBar;

package/src/View/StatusBar/StatusBarPanel.js

@@ -13,7 +13,7 @@ const AdaptablePopover_1 = require("../AdaptablePopover");
  * - action
  * - icon
  */
-exports.StatusBarPanel = (props) => {
+const StatusBarPanel = (props) => {
     var _a;
     const { icon, content, popover, popoverMinWidth, view, onAction, extraActions, triggerActionOnWrapperClick = true, tooltip } = props, flexProps = tslib_1.__rest(props, ["icon", "content", "popover", "popoverMinWidth", "view", "onAction", "extraActions", "triggerActionOnWrapperClick", "tooltip"]);
     const handleAction = () => onAction();
@@ -44,3 +44,4 @@ exports.StatusBarPanel = (props) => {
         popover ? (React.createElement(AdaptablePopover_1.AdaptablePopover, { tooltipText: tooltip, showIcon: false, bodyText: [popoverContent], MessageType: 'Info', showEvent: 'focus', hideEvent: "blur", popoverMinWidth: popoverMinWidth }, preparedContent)) : (preparedContent),
         ArrayExtensions_1.default.IsNotNullOrEmpty(extraActions) && (React.createElement(rebass_1.Box, { ml: 1 }, (_a = extraActions === null || extraActions === void 0 ? void 0 : extraActions.map) === null || _a === void 0 ? void 0 : _a.call(extraActions, (action, index) => React.createElement(action, { key: index }))))));
 };
+exports.StatusBarPanel = StatusBarPanel;

package/src/View/StatusBar/StatusBarPopup.js

@@ -10,7 +10,7 @@ const Types_1 = require("../../PredefinedConfig/Common/Types");
 const StatusBarRedux_1 = require("../../Redux/ActionsReducers/StatusBarRedux");
 const AdaptableContext_1 = require("../AdaptableContext");
 const PopupPanel_1 = require("../Components/Popups/AdaptablePopup/PopupPanel");
-exports.StatusBarPopup = (props) => {
+const StatusBarPopup = (props) => {
     const statusPanels = react_redux_1.useSelector(StatusBarRedux_1.getStatusPanelsSelector);
     const adaptable = AdaptableContext_1.useAdaptable();
     const tabs = React.useMemo(() => statusPanels.map((statusPanel) => {
@@ -24,7 +24,7 @@ exports.StatusBarPopup = (props) => {
             const statusPanel = statusPanels.find((sp) => sp.Key === tab.Name);
             return Object.assign(Object.assign({}, statusPanel), { StatusBarPanels: tab.Items });
         });
-        adaptable.api.statusBarApi.setStatusPanels(newStatusPanels);
+        adaptable.api.statusBarApi.setStatusBarPanels(newStatusPanels);
     }, [statusPanels]);
     const availableItems = Types_1.ALL_STATUS_SUB_PANELS.filter((panel) => {
         const module = adaptable.ModuleService.getModuleById(panel);
@@ -34,10 +34,11 @@ exports.StatusBarPopup = (props) => {
         return { Id: panel, Title: module.moduleInfo.FriendlyName };
     });
     const disabled = props.accessLevel === 'ReadOnly';
-    return (React.createElement(PopupPanel_1.PopupPanel, { headerText: props.moduleInfo.FriendlyName, glyphicon: props.moduleInfo.Glyph }, statusPanels.length ? (React.createElement(ModuleManager_1.ModuleManager, { permittedActions: {
+    return (React.createElement(PopupPanel_1.PopupPanel, { headerText: props.moduleInfo.FriendlyName, glyphicon: props.moduleInfo.Glyph, infoLink: props.moduleInfo.HelpPage, infoLinkDisabled: !props.api.internalApi.isDocumentationLinksDisplayed() }, statusPanels.length ? (React.createElement(ModuleManager_1.ModuleManager, { permittedActions: {
             createTab: false,
             dragAndDropTab: false,
             deleteTab: false,
             editTabName: false,
-        }, onTabsChange: handleTabChange, disabled: disabled, tabs: tabs, availableItems: availableItems, tabsTitle: 'Status Bar Panels', unusedPanelTitle: "Available Status Panels" })) : (React.createElement(EmptyContent_1.default, null, "To enable this feature add to Grid Options statusPanels the Adaptable Status Panel."))));
+        }, onTabsChange: handleTabChange, disabled: disabled, tabs: tabs, availableItems: availableItems, tabsTitle: 'Status Bar Panels', unusedPanelTitle: "Available Status Panels", dragItemText: "Drag into a Status Bar Panel below" })) : (React.createElement(EmptyContent_1.default, null, "To enable this feature add to Grid Options statusPanels the Adaptable Status Panel."))));
 };
+exports.StatusBarPopup = StatusBarPopup;

package/src/View/SystemStatus/SystemStatusStatusBarContent.js

@@ -6,10 +6,11 @@ const React = tslib_1.__importStar(require("react"));
 const rebass_1 = require("rebass");
 const AdaptableContext_1 = require("../AdaptableContext");
 const getStatusItemStyle_1 = require("./Utilities/getStatusItemStyle");
-exports.SystemStatusStatusBarContent = () => {
+const SystemStatusStatusBarContent = () => {
     const adaptable = AdaptableContext_1.useAdaptable();
     const currentSystemStatusMessageInfo = adaptable.api.systemStatusApi.getCurrentSystemStatusMessageInfo();
     const { color, background } = getStatusItemStyle_1.getStatusItemStyle(currentSystemStatusMessageInfo);
     const message = currentSystemStatusMessageInfo === null || currentSystemStatusMessageInfo === void 0 ? void 0 : currentSystemStatusMessageInfo.statusMessage;
     return (React.createElement(rebass_1.Box, { style: { borderRadius: 'var(--ab__border-radius)' }, padding: 1, color: message && color, backgroundColor: message && background }, message || '0 Messages'));
 };
+exports.SystemStatusStatusBarContent = SystemStatusStatusBarContent;

package/src/View/SystemStatus/SystemStatusViewPanel.d.ts

@@ -8,5 +8,5 @@ declare class SystemStatusViewPanelComponent extends React.Component<SystemStatu
     constructor(props: SystemStatusViewPanelComponentProps);
     render(): JSX.Element;
 }
-export declare let SystemStatusViewPanel: import("react-redux").ConnectedComponent<typeof SystemStatusViewPanelComponent, Pick<React.ClassAttributes<SystemStatusViewPanelComponent> & SystemStatusViewPanelComponentProps, "ref" | "key">>;
+export declare let SystemStatusViewPanel: import("react-redux").ConnectedComponent<typeof SystemStatusViewPanelComponent, import("react-redux").Omit<React.ClassAttributes<SystemStatusViewPanelComponent> & SystemStatusViewPanelComponentProps, "api" | "accessLevel" | "moduleInfo" | "SystemStatusMessageInfos" | "viewType">>;
 export {};

package/src/View/SystemStatus/Utilities/getStatusItemStyle.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStatusItemStyle = void 0;
 const tslib_1 = require("tslib");
 const UIHelper_1 = tslib_1.__importDefault(require("../../UIHelper"));
-exports.getStatusItemStyle = (systemStatusMessageInfo) => {
+const getStatusItemStyle = (systemStatusMessageInfo) => {
     var _a;
     const background = UIHelper_1.default.getColorByMessageType((_a = systemStatusMessageInfo === null || systemStatusMessageInfo === void 0 ? void 0 : systemStatusMessageInfo.statusType) !== null && _a !== void 0 ? _a : 'Success');
     const color = systemStatusMessageInfo
@@ -14,3 +14,4 @@ exports.getStatusItemStyle = (systemStatusMessageInfo) => {
         color,
     };
 };
+exports.getStatusItemStyle = getStatusItemStyle;

package/src/View/Theme/ThemeStatusPanelPopover.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const SelectList_1 = require("../../components/SelectList");
 const AdaptableContext_1 = require("../AdaptableContext");
-exports.ThemeStatusPanelPopover = () => {
+const ThemeStatusPanelPopover = () => {
     const adaptable = AdaptableContext_1.useAdaptable();
     const themes = adaptable.api.themeApi.getAllTheme();
     const handleThemeChange = React.useCallback((option) => {
@@ -14,3 +14,4 @@ exports.ThemeStatusPanelPopover = () => {
     const options = themes.map((theme) => ({ label: theme.Name, value: theme.Uuid }));
     return React.createElement(SelectList_1.SelectList, { options: options, onChange: handleThemeChange });
 };
+exports.ThemeStatusPanelPopover = ThemeStatusPanelPopover;

package/src/View/UIHelper.d.ts

@@ -50,6 +50,7 @@ export declare function getButtonColourForAdaptableAlerts(adaptableAlerts: Adapt
 export declare function getButtonTextColourForArrayandMessageType(adaptableAlerts: AdaptableAlert[], messageType: AdaptableMessageType): string;
 export declare function getButtonTextColourForMessageType(messageType: AdaptableMessageType): string;
 export declare function getAdaptableToolPanelWidth(): number;
+export declare function getSimpleButtonPaddingWidth(): number;
 export declare function getCSSVariableValue(cssVariable: string): string | undefined;
 export declare function setCSSVariableValue(cssVariable: string, value: string): void;
 export declare function isBrowserDocumentAvailable(): boolean;
@@ -81,5 +82,6 @@ export declare const UIHelper: {
     setCSSVariableValue: typeof setCSSVariableValue;
     getAdaptableToolPanelWidth: typeof getAdaptableToolPanelWidth;
     isBrowserDocumentAvailable: typeof isBrowserDocumentAvailable;
+    getSimpleButtonPaddingWidth: typeof getSimpleButtonPaddingWidth;
 };
 export default UIHelper;

package/src/View/UIHelper.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UIHelper = exports.isBrowserDocumentAvailable = exports.setCSSVariableValue = exports.getCSSVariableValue = 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;
+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");
@@ -428,19 +428,19 @@ function getButtonTextColourForMessageType(messageType) {
     }
 }
 exports.getButtonTextColourForMessageType = getButtonTextColourForMessageType;
-function getAdaptableToolPanelWidth() {
+function getNumericCSSVariableValue(stringValue, defaultValue) {
     var _a;
-    const adaptableWidth = getCSSVariableValue('--ab-cmp-toolpanel__width');
-    if (typeof adaptableWidth === 'string') {
-        const numericWidth = +((_a = adaptableWidth.match(/\d/g)) === null || _a === void 0 ? void 0 : _a.join(''));
-        if (typeof numericWidth === 'number') {
-            return numericWidth;
-        }
-    }
-    // default
-    return 200;
+    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;
+}
+function getAdaptableToolPanelWidth() {
+    return getNumericCSSVariableValue(getCSSVariableValue('--ab-cmp-toolpanel__width'), 200);
 }
 exports.getAdaptableToolPanelWidth = getAdaptableToolPanelWidth;
+function getSimpleButtonPaddingWidth() {
+    return getNumericCSSVariableValue(getCSSVariableValue('--ab-space-1'), 4);
+}
+exports.getSimpleButtonPaddingWidth = getSimpleButtonPaddingWidth;
 function getCSSVariableValue(cssVariable) {
     if (!isBrowserDocumentAvailable()) {
         // possible during static/server-side rendering (should happen only in test cases)
@@ -489,5 +489,6 @@ exports.UIHelper = {
     setCSSVariableValue,
     getAdaptableToolPanelWidth,
     isBrowserDocumentAvailable,
+    getSimpleButtonPaddingWidth,
 };
 exports.default = exports.UIHelper;

package/src/View/Wizard/AdaptableWizard.js

@@ -16,9 +16,10 @@ exports.AdaptableWizardContext = React.createContext({
     onRender: (ActiveStep) => { },
     api: null,
 });
-exports.useWizardContext = () => {
+const useWizardContext = () => {
     return React.useContext(exports.AdaptableWizardContext);
 };
+exports.useWizardContext = useWizardContext;
 class DummyActiveStep {
     canNext() {
         return false;

package/src/View/Wizard/ObjectTagsWizardSection.js

@@ -7,7 +7,7 @@ const Tabs_1 = require("../../components/Tabs");
 const TagValueSelector_1 = require("../Components/TagValueSelector");
 const OnePageAdaptableWizard_1 = require("./OnePageAdaptableWizard");
 const rebass_1 = require("rebass");
-exports.ObjectTagsWizardSection = (props) => {
+const ObjectTagsWizardSection = (props) => {
     const { onChange } = props;
     const { data } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     return (React.createElement(Tabs_1.Tabs, { style: { height: '100%' } },
@@ -15,8 +15,10 @@ exports.ObjectTagsWizardSection = (props) => {
         React.createElement(Tabs_1.Tabs.Content, null,
             React.createElement(TagValueSelector_1.TagValueSelector, { selectedTags: data.Tags, onChange: (selectedTags) => onChange(Object.assign(Object.assign({}, data), { Tags: selectedTags })) }))));
 };
-exports.renderObjectTagsSummary = (data) => {
+exports.ObjectTagsWizardSection = ObjectTagsWizardSection;
+const renderObjectTagsSummary = (data) => {
     var _a;
     return ((_a = data.Tags) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(rebass_1.Text, { fontSize: 2 },
         React.createElement(TagValueSelector_1.TagValueOptionsTags, { tags: data.Tags }))) : null;
 };
+exports.renderObjectTagsSummary = renderObjectTagsSummary;

package/src/View/Wizard/OnePageAdaptableWizard.js

@@ -13,9 +13,12 @@ const Tabs_1 = require("../../components/Tabs");
 const NamedQueryContext_1 = require("../../components/ExpressionEditor/NamedQueryContext");
 const OnePageWizards_1 = require("./OnePageWizards");
 const kebabCase_1 = tslib_1.__importDefault(require("lodash/kebabCase"));
-exports.SummaryTag = (props) => React.createElement(rebass_1.Text, Object.assign({}, props));
-exports.SummaryText = (props) => (React.createElement(rebass_1.Text, Object.assign({ fontSize: 2, mb: 3 }, props)));
-exports.FormDescriptionText = (props) => (React.createElement(rebass_1.Text, Object.assign({ fontSize: 2, mt: 1 }, props)));
+const SummaryTag = (props) => React.createElement(rebass_1.Text, Object.assign({}, props));
+exports.SummaryTag = SummaryTag;
+const SummaryText = (props) => (React.createElement(rebass_1.Text, Object.assign({ fontSize: 2, mb: 3 }, props)));
+exports.SummaryText = SummaryText;
+const FormDescriptionText = (props) => (React.createElement(rebass_1.Text, Object.assign({ fontSize: 2, mt: 1 }, props)));
+exports.FormDescriptionText = FormDescriptionText;
 exports.OnePageAdaptableWizardContext = React.createContext({
     data: null,
     sections: [],
@@ -27,7 +30,7 @@ function useOnePageAdaptableWizardContext() {
     return React.useContext(exports.OnePageAdaptableWizardContext);
 }
 exports.useOnePageAdaptableWizardContext = useOnePageAdaptableWizardContext;
-exports.OnePageAdaptableWizard = (props) => {
+const OnePageAdaptableWizard = (props) => {
     const { api } = AdaptableContext_1.useAdaptable();
     const dispatch = react_redux_1.useDispatch();
     const saveNamedQuery = React.useCallback((namedQuery) => dispatch(QueryRedux.NamedQueryAdd(namedQuery)), []);
@@ -70,7 +73,8 @@ exports.OnePageAdaptableWizard = (props) => {
         React.createElement(NamedQueryContext_1.NamedQueryContext.Provider, { value: { namedQuery, setNamedQuery } },
             React.createElement(OnePageWizards_1.OnePageWizard, Object.assign({}, props, { name: name, sections: sections, onFinish: handleClickFinish })))));
 };
-exports.OnePageWizardSummary = () => {
+exports.OnePageAdaptableWizard = OnePageAdaptableWizard;
+const OnePageWizardSummary = () => {
     const { setCurrentSection } = OnePageWizards_1.useOnePageWizardContext();
     const { sections, data, api } = useOnePageAdaptableWizardContext();
     const renderEdit = (index) => (React.createElement(SimpleButton_1.default, { px: 1, variant: "text", style: {
@@ -97,3 +101,4 @@ exports.OnePageWizardSummary = () => {
     })
         .filter(Boolean)));
 };
+exports.OnePageWizardSummary = OnePageWizardSummary;