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

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

@@ -7,7 +7,7 @@ const react_redux_1 = require("react-redux");
 const DefaultSettingsPanel_1 = require("../../../../Utilities/Defaults/DefaultSettingsPanel");
 const AdaptableContext_1 = require("../../../AdaptableContext");
 const PopupRedux = tslib_1.__importStar(require("../../../../Redux/ActionsReducers/PopupRedux"));
-exports.useMenuItems = () => {
+const useMenuItems = () => {
     const adaptable = AdaptableContext_1.useAdaptable();
     const settingsPanelOptions = adaptable.adaptableOptions.settingsPanelOptions;
     const allMenuItems = react_redux_1.useSelector((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.Grid) === null || _a === void 0 ? void 0 : _a.SettingPanelModuleMenuItems; });
@@ -43,3 +43,4 @@ exports.useMenuItems = () => {
             .filter(Boolean);
     }, [allMenuItems]);
 };
+exports.useMenuItems = useMenuItems;

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

@@ -10,7 +10,8 @@ const Dialog_1 = tslib_1.__importDefault(require("../../../components/Dialog"));
 const AdaptableFormComponent_1 = require("../../../components/AdaptableFormComponent");
 const react_1 = require("react");
 const AdaptableContext_1 = require("../../AdaptableContext");
-exports.AdaptablePopupAlert = (props) => {
+const AdaptableIconComponent_1 = require("../../../components/AdaptableIconComponent");
+const AdaptablePopupAlert = (props) => {
     var _a;
     const messageType = props.adaptableAlert.alertDefinition.MessageType || 'Error';
     const msg = (_a = props.adaptableAlert.message) !== null && _a !== void 0 ? _a : '';
@@ -52,11 +53,9 @@ exports.AdaptablePopupAlert = (props) => {
         if (!icon) {
             return null;
         }
-        let width = icon.style && icon.style.width ? icon.style.width : 'var(--ab-cmp-simple-button__width)';
-        let height = icon.style && icon.style.height ? icon.style.height : 'var(--ab-cmp-simple-button__height)';
         return (React.createElement(rebass_1.Flex, { flexDirection: "column", alignSelf: "end", alignItems: "right" },
             ' ',
-            React.createElement("img", { className: "alert-popup__application-icon", src: icon.src, style: { width: width, height: height } })));
+            React.createElement(AdaptableIconComponent_1.AdaptableIconComponent, { icon: icon, iconClassName: 'alert-popup__application-icon' })));
     };
     const content = (React.createElement(PanelWithImage_1.PanelWithImage, { header: header, headerColor: headerColor, glyphicon: glyph, bodyProps: { padding: 2 } },
         React.createElement("div", null,
@@ -86,3 +85,4 @@ exports.AdaptablePopupAlert = (props) => {
             maxWidth: '70vw',
         } }, content));
 };
+exports.AdaptablePopupAlert = AdaptablePopupAlert;

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

@@ -9,7 +9,7 @@ const rebass_1 = require("rebass");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
 const react_redux_1 = require("react-redux");
-exports.AdaptablePopupPrompt = (props) => {
+const AdaptablePopupPrompt = (props) => {
     var _a;
     const dispatch = react_redux_1.useDispatch();
     const [promptText, setPromptText] = React.useState((_a = props.defaultValue) !== null && _a !== void 0 ? _a : '');
@@ -46,3 +46,4 @@ exports.AdaptablePopupPrompt = (props) => {
                     React.createElement("div", { style: { flex: 1 } }),
                     React.createElement(SimpleButton_1.default, { tone: "neutral", variant: "raised", onClick: () => onCloseForm(), "data-name": "cancel" }, "Cancel"))))));
 };
+exports.AdaptablePopupPrompt = AdaptablePopupPrompt;

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

@@ -12,7 +12,7 @@ const React = tslib_1.__importStar(require("react"));
 const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
 const HelpBlock_1 = tslib_1.__importDefault(require("../../../components/HelpBlock"));
 const Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
-exports.AdaptablePopupTeamSharing = (props) => {
+const AdaptablePopupTeamSharing = (props) => {
     const { showPopup, onClose, onConfirm, header } = props;
     const [config, setConfig] = react_1.useState({
         description: '',
@@ -47,3 +47,4 @@ exports.AdaptablePopupTeamSharing = (props) => {
                         React.createElement("div", { style: { flex: 1 } }),
                         React.createElement(SimpleButton_1.default, { tone: "accent", "data-name": "ok", variant: "raised", disabled: StringExtensions_1.StringExtensions.IsNullOrEmpty(config.description), onClick: () => onConfirm(config) }, "OK")))))));
 };
+exports.AdaptablePopupTeamSharing = AdaptablePopupTeamSharing;

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

@@ -8,7 +8,7 @@ const AdaptablePopupAlert_1 = require("./AdaptablePopupAlert");
 const react_toastify_1 = require("react-toastify");
 const apiInstances = new WeakMap();
 const weakMapKeys = new Map();
-exports.showToast = (props) => {
+const showToast = (props) => {
     // we're doing this hack and not simply using props.api in order not to have a memory
     // leak where the api is still kept around in memory by the toaster
     const adaptableOptions = props.api.internalApi.getAdaptableOptions();
@@ -63,3 +63,4 @@ exports.showToast = (props) => {
             break;
     }
 };
+exports.showToast = showToast;

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

@@ -10,7 +10,7 @@ const Dialog_1 = tslib_1.__importDefault(require("../../../../components/Dialog"
 const AdaptableForm_1 = require("../../../../PredefinedConfig/Common/AdaptableForm");
 const PopupRedux_1 = require("../../../../Redux/ActionsReducers/PopupRedux");
 const AdaptableContext_1 = require("../../../AdaptableContext");
-exports.FormDialog = ({ id, formProps, form, prepareContext, }) => {
+const FormDialog = ({ id, formProps, form, prepareContext, }) => {
     const dispatch = react_redux_1.useDispatch();
     const adaptable = AdaptableContext_1.useAdaptable();
     const [data, setData] = React.useState(() => {
@@ -29,9 +29,11 @@ exports.FormDialog = ({ id, formProps, form, prepareContext, }) => {
                     (_a = button.onClick) === null || _a === void 0 ? void 0 : _a.call(button, button, preparedContext);
                 } }))));
 };
-exports.FormPopups = () => {
+exports.FormDialog = FormDialog;
+const FormPopups = () => {
     const forms = react_redux_1.useSelector((state) => state.Popup.FormPopup.FormList);
     return (React.createElement(React.Fragment, null, forms.map((form) => {
         return (React.createElement(exports.FormDialog, { key: form.Id, prepareContext: form.prepareContext, id: form.Id, formProps: form.FormProps, form: form.Form }));
     })));
 };
+exports.FormPopups = FormPopups;

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getWindowPopupSize = exports.getSettingsPanelSize = exports.getActionPanelSize = exports.getMiddlePosition = void 0;
 const Helper_1 = require("../../../Utilities/Helpers/Helper");
-exports.getMiddlePosition = (size) => {
+const getMiddlePosition = (size) => {
     const height = window.innerHeight;
     const width = window.innerWidth;
     return {
@@ -10,7 +10,8 @@ exports.getMiddlePosition = (size) => {
         y: height / 2 - size.height / 2,
     };
 };
-exports.getActionPanelSize = () => {
+exports.getMiddlePosition = getMiddlePosition;
+const getActionPanelSize = () => {
     const height = window.innerHeight;
     const width = window.innerWidth;
     return {
@@ -18,7 +19,8 @@ exports.getActionPanelSize = () => {
         width: Helper_1.clamp(800, 0, width * 0.9),
     };
 };
-exports.getSettingsPanelSize = () => {
+exports.getActionPanelSize = getActionPanelSize;
+const getSettingsPanelSize = () => {
     const height = window.innerHeight;
     const width = window.innerWidth;
     return {
@@ -26,6 +28,8 @@ exports.getSettingsPanelSize = () => {
         width: Helper_1.clamp(width * 0.9, 0, 800),
     };
 };
-exports.getWindowPopupSize = () => {
+exports.getSettingsPanelSize = getSettingsPanelSize;
+const getWindowPopupSize = () => {
     return exports.getSettingsPanelSize();
 };
+exports.getWindowPopupSize = getWindowPopupSize;

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

@@ -13,7 +13,7 @@ const windowFactory_1 = require("./windowFactory");
 const NoopComponent = () => {
     return React.createElement(React.Fragment, null);
 };
-exports.WindowPopups = () => {
+const WindowPopups = () => {
     const [windowModalSettings, setWindowModalSettings] = React.useState({});
     const adaptable = AdaptableContext_1.useAdaptable();
     const dispatch = react_redux_1.useDispatch();
@@ -34,3 +34,4 @@ exports.WindowPopups = () => {
                 React.createElement(Component, { api: adaptable.api, onDismiss: handleDismiss, popupProps: restPopupProps }))));
     })));
 };
+exports.WindowPopups = WindowPopups;

package/src/View/Components/Selectors/ColumnSelector.js

@@ -35,7 +35,8 @@ class ColumnSelector extends React.Component {
             };
         });
         let currentColumnName = selectedColumnIds.length > 0
-            ? (_a = this.props.ColumnList.find((c) => c.columnId == selectedColumnIds[0])) === null || _a === void 0 ? void 0 : _a.friendlyName : 'Select a column';
+            ? (_a = this.props.ColumnList.find((c) => c.columnId == selectedColumnIds[0])) === null || _a === void 0 ? void 0 : _a.friendlyName
+            : 'Select a column';
         return (React.createElement("div", { "data-name": 'column-selector' },
             React.createElement(FormLayout_1.default, { columns: [{ name: 'columnSelector', style: { display: 'flex' } }], style: this.props.style },
                 React.createElement(FormLayout_1.FormRow, null,

package/src/View/Components/TagValueSelector/index.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const ValueSelector_1 = require("../ValueSelector");
 const AdaptableContext_1 = require("../../AdaptableContext");
-exports.TagValueSelector = (props) => {
+const TagValueSelector = (props) => {
     const { api } = AdaptableContext_1.useAdaptable();
     const getDefaultTags = () => {
         var _a;
@@ -16,8 +16,10 @@ exports.TagValueSelector = (props) => {
             onChange(selectedTagsIds.map((id) => selectedTagsMap.get(id)));
         }, selectionBoxPosition: 'top', toIdentifier: (tag) => api.internalApi.getLabelForTag(tag), toLabel: (tag) => api.internalApi.getLabelForTag(tag), noSelectionLabel: singleSelect ? 'Select a tag' : 'You have not selected any tags.', xSelectedLabel: singleSelect ? () => 'Selected tag:' : () => 'Selected tags:' }));
 };
-exports.TagValueOptionsTags = (props) => {
+exports.TagValueSelector = TagValueSelector;
+const TagValueOptionsTags = (props) => {
     const { tags = [] } = props;
     const { api } = AdaptableContext_1.useAdaptable();
     return (React.createElement(ValueSelector_1.ValueOptionsTags, { options: tags, value: tags.map((tag) => api.internalApi.getValueForTag(tag)), toIdentifier: (tag) => api.internalApi.getValueForTag(tag), toLabel: (tag) => api.internalApi.getLabelForTag(tag), allowWrap: true, readOnly: true }));
 };
+exports.TagValueOptionsTags = TagValueOptionsTags;

package/src/View/Components/ToolPanel/AdaptableToolPanel.d.ts

@@ -23,7 +23,7 @@ interface AdaptableToolPanelProps {
     onExpandToolPanel: (toolPanel: AdaptableToolPanel | string) => ToolPanelRedux.ToolPanelExpandToolPanelAction;
     onCollapseToolPanel: (toolPanel: AdaptableToolPanel | string) => ToolPanelRedux.ToolPanelCollapseToolPanelAction;
 }
-export declare const ConnectedAdaptableToolPanel: import("react-redux").ConnectedComponent<(props: AdaptableToolPanelProps) => JSX.Element, Pick<AdaptableToolPanelProps, "api" | "teamSharingActivated">>;
+export declare const ConnectedAdaptableToolPanel: import("react-redux").ConnectedComponent<(props: AdaptableToolPanelProps) => JSX.Element, import("react-redux").Omit<AdaptableToolPanelProps, "onClick" | "Columns" | "ToolPanels" | "ModuleButtons" | "MainMenuItems" | "onNewColumnListOrder" | "onShowToolPanel" | "onHideToolPanel" | "onExpandToolPanel" | "onCollapseToolPanel">>;
 export declare const getAdaptableToolPanelAgGridComponent: (adaptable?: IAdaptable) => {
     new (): {
         gui: HTMLElement;

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

@@ -205,6 +205,9 @@ const AdaptableToolPanelComponent = (props) => {
     const toolPanelButtons = renderToolPanelButtons();
     return (React.createElement(rebass_1.Flex, { className: "ab-ToolPanel", "data-name": "adaptable-tool-panel", flexDirection: "column", justifyContent: "center", padding: 2, style: {
             width: '100%',
+            // Cannot have the with of the parent, on windows, when you have scrollbars
+            // the inner-width is smaller
+            // minWidth: 'var(--ab-cmp-toolpanel__width)',
         } },
         React.createElement(rebass_1.Flex, { className: "ab-ToolPanel__header", flexDirection: "row", justifyContent: "left", padding: 1, flexWrap: "wrap", style: { width: '100%' } },
             isToolPanelModuleConfigurable && renderToolPanelDropdowns(),
@@ -233,7 +236,7 @@ function mapDispatchToProps(dispatch) {
     };
 }
 exports.ConnectedAdaptableToolPanel = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(AdaptableToolPanelComponent);
-exports.getAdaptableToolPanelAgGridComponent = (adaptable) => {
+const getAdaptableToolPanelAgGridComponent = (adaptable) => {
     return class AdaptableToolPanelAgGridComponent {
         init(params) {
             const agGridApi = params.api;
@@ -258,4 +261,5 @@ exports.getAdaptableToolPanelAgGridComponent = (adaptable) => {
         }
     };
 };
+exports.getAdaptableToolPanelAgGridComponent = getAdaptableToolPanelAgGridComponent;
 exports.AdaptableToolPanelAgGridComponent = exports.getAdaptableToolPanelAgGridComponent();

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

@@ -8,7 +8,7 @@ const AdaptableContext_1 = require("../../AdaptableContext");
 const uuid_1 = require("../../../components/utils/uuid");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 const kebabCase_1 = tslib_1.__importDefault(require("lodash/kebabCase"));
-exports.CustomToolPanelContent = (props) => {
+const CustomToolPanelContent = (props) => {
     var _a;
     const { customToolPanel } = props;
     const { api } = AdaptableContext_1.useAdaptable();
@@ -73,5 +73,6 @@ exports.CustomToolPanelContent = (props) => {
                 buttonLabel));
         })))));
 };
+exports.CustomToolPanelContent = CustomToolPanelContent;
 const hasCustomRenderFn = (customToolPanel) => customToolPanel.render;
 const hasCustomFrameworkComponent = (customToolPanel) => customToolPanel.frameworkComponent;

package/src/View/Components/ToolPanel/ToolPanelPopup.d.ts

@@ -23,5 +23,5 @@ declare class ToolPanelPopupComponent extends React.Component<ToolPanelPopupComp
     onShowGridPropertiesChanged(event: React.FormEvent<any>): void;
     onToolPanelToolPanelsChanged(selectedValues: AdaptableToolPanels): void;
 }
-export declare let ToolPanelPopup: import("react-redux").ConnectedComponent<typeof ToolPanelPopupComponent, Pick<React.ClassAttributes<ToolPanelPopupComponent> & ToolPanelPopupComponentProps, never>>;
+export declare let ToolPanelPopup: import("react-redux").ConnectedComponent<typeof ToolPanelPopupComponent, import("react-redux").Omit<React.ClassAttributes<ToolPanelPopupComponent> & ToolPanelPopupComponentProps, "ref" | "key" | "api" | "onSuspend" | "accessLevel" | "popupParams" | "onClearPopupParams" | "teamSharingActivated" | "onClosePopup" | "moduleInfo" | "onUnSuspend" | "modalContainer" | "ToolPanelState" | "GridState" | "onToolPanelSetModuleButtons" | "onToolPanelSetToolPanels">>;
 export {};

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

@@ -72,7 +72,7 @@ class ToolPanelPopupComponent extends React.Component {
             }
             return false;
         };
-        return (React.createElement(PopupPanel_1.PopupPanel, { headerText: "ToolPanel Configuration", glyphicon: this.props.moduleInfo.Glyph },
+        return (React.createElement(PopupPanel_1.PopupPanel, { headerText: "ToolPanel", glyphicon: this.props.moduleInfo.Glyph, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed() },
             React.createElement(Tabs_1.Tabs, { "data-name": 'toolPanelPopup-component', className: "ab-ToolPanelPopup", value: this.state.ToolPanelConfigView, style: { height: '100%' }, onValueChange: (value) => this.setState({ ToolPanelConfigView: value }) },
                 React.createElement(Tabs_1.Tabs.Tab, { value: ToolPanelConfigView.ToolPanels },
                     React.createElement(Radio_1.default, { margin: 0, value: ToolPanelConfigView.ToolPanels, checked: this.state.ToolPanelConfigView == ToolPanelConfigView.ToolPanels, tabIndex: -1 }, "Tool Panels")),

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

@@ -11,7 +11,7 @@ const ToolPanelRedux = tslib_1.__importStar(require("../../../Redux/ActionsReduc
 const PanelToolPanel_1 = require("../Panels/PanelToolPanel");
 const PopupRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/PopupRedux"));
 const ModuleConstants_1 = require("../../../Utilities/Constants/ModuleConstants");
-exports.ToolPanelWrapper = (props) => {
+const ToolPanelWrapper = (props) => {
     const { adaptableToolPanel, customToolPanel, visibilityMode: visibilityMode, onVisibilityModeChange: onVisibilityModeChange, } = props;
     const { api } = AdaptableContext_1.useAdaptable();
     const getToolPanelConfiguration = () => {
@@ -67,3 +67,4 @@ exports.ToolPanelWrapper = (props) => {
                 }
                 : null, onClose: () => api.internalApi.dispatchReduxAction(ToolPanelRedux.ToolPanelHideToolPanel(toolPanelName)) }, isMinimised ? null : toolPanelContent)))));
 };
+exports.ToolPanelWrapper = ToolPanelWrapper;

package/src/View/Components/WizardSummaryPage.js

@@ -16,8 +16,9 @@ const tableDOMProps = {
         margin: 'var(--ab-space-2)',
     },
 };
-exports.WizardSummaryPage = (props) => {
+const WizardSummaryPage = (props) => {
     return (React.createElement(WizardPanel_1.default, { bodyProps: { padding: 0 }, className: "ab-WizardSummary", "data-name": 'wizard-summary' },
         React.createElement(InfiniteTable_1.DataSource, { data: props.KeyValuePairs, primaryKey: "Key" },
             React.createElement(InfiniteTable_1.InfiniteTable, { showZebraRows: true, domProps: tableDOMProps, columns: columnsMap }))));
 };
+exports.WizardSummaryPage = WizardSummaryPage;

package/src/View/ConditionalStyle/Wizard/ConditionalStyleScopeWizardSection.js

@@ -6,13 +6,14 @@ const React = tslib_1.__importStar(require("react"));
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
 const DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE_1 = require("./DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE");
-exports.renderConditionalStyleScopeSummary = (data) => {
+const renderConditionalStyleScopeSummary = (data) => {
     return NewScopeComponent_1.renderScopeSummary(data.Scope, {
         scopeWholeRow: 'Matching rows will display the Conditionally Style',
         scopeColumns: 'Cells in selected columns will display the Conditionally Style',
         scopeDataTypes: 'Cells in columns of the selected data-types will display the Conditionally Style',
     });
 };
+exports.renderConditionalStyleScopeSummary = renderConditionalStyleScopeSummary;
 function ConditionalStyleScopeWizardSection(props) {
     const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     return (React.createElement(React.Fragment, null,

package/src/View/ConditionalStyle/Wizard/ConditionalStyleSettingsWizardSettings.js

@@ -8,10 +8,11 @@ const CheckBox_1 = require("../../../components/CheckBox");
 const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
 const Tabs_1 = require("../../../components/Tabs");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-exports.renderConditionalStyleSettingsSummary = (data) => (React.createElement(rebass_1.Box, { padding: 2 },
+const renderConditionalStyleSettingsSummary = (data) => (React.createElement(rebass_1.Box, { padding: 2 },
     React.createElement(rebass_1.Text, null, "Include grouped rows"),
     React.createElement(rebass_1.Text, { mt: 3 }, data.IncludeGroupedRows ? 'Yes' : 'No')));
-exports.ConditionalStyleSettingsWizardSettings = (props) => {
+exports.renderConditionalStyleSettingsSummary = renderConditionalStyleSettingsSummary;
+const ConditionalStyleSettingsWizardSettings = (props) => {
     const { data } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const onIncludeGroupedRowsChanged = (checked) => {
         props.onChange(Object.assign(Object.assign({}, data), { IncludeGroupedRows: checked }));
@@ -25,3 +26,4 @@ exports.ConditionalStyleSettingsWizardSettings = (props) => {
                         React.createElement(rebass_1.Flex, { alignItems: "center", marginLeft: 2 },
                             React.createElement(CheckBox_1.CheckBox, { checked: data.IncludeGroupedRows, onChange: onIncludeGroupedRowsChanged, mr: 2 }))))))));
 };
+exports.ConditionalStyleSettingsWizardSettings = ConditionalStyleSettingsWizardSettings;

package/src/View/ConditionalStyle/Wizard/ConditionalStyleStyleWizardSection.js

@@ -10,9 +10,10 @@ const StyleHelper_1 = require("../../../Utilities/Helpers/StyleHelper");
 const toStyle = (style) => {
     return Object.assign(Object.assign({}, StyleHelper_1.convertAdaptableStyleToCSS(style !== null && style !== void 0 ? style : {})), { borderWidth: (style === null || style === void 0 ? void 0 : style.BorderColor) ? 2 : 0, borderStyle: 'solid' });
 };
-exports.renderConditionalStyleStyleSummary = (data) => {
+const renderConditionalStyleStyleSummary = (data) => {
     return (React.createElement(rebass_1.Text, { padding: 2, style: toStyle(data.Style) }, "Preview result"));
 };
+exports.renderConditionalStyleStyleSummary = renderConditionalStyleStyleSummary;
 function ConditionalStyleStyleWizardSection(props) {
     const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     return (React.createElement(StyleComponent_1.StyleComponent, { headless: true, api: api, Style: data.Style, UpdateStyle: (Style) => {

package/src/View/ConditionalStyle/Wizard/ConditionalStyleWizard.js

@@ -19,7 +19,7 @@ const react_redux_1 = require("react-redux");
 const ConditionalStyleRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/ConditionalStyleRedux"));
 const ConditionalStyleSettingsWizardSettings_1 = require("./ConditionalStyleSettingsWizardSettings");
 const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
-exports.ConditionalStyleWizard = (props) => {
+const ConditionalStyleWizard = (props) => {
     var _a, _b;
     const data = (_a = props.data) !== null && _a !== void 0 ? _a : (_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.value;
     const [conditionalStyle, setConditionalStyle] = react_1.useState(() => {
@@ -111,3 +111,4 @@ exports.ConditionalStyleWizard = (props) => {
             },
         ] }));
 };
+exports.ConditionalStyleWizard = ConditionalStyleWizard;

package/src/View/CustomSort/Wizard/CustomSortColumnWizardSection.js

@@ -8,19 +8,21 @@ const Tabs_1 = require("../../../components/Tabs");
 const Tag_1 = require("../../../components/Tag");
 const ColumnSelector_1 = require("../../Components/ColumnSelector");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-exports.renderCustomSortColumn = (data) => {
+const renderCustomSortColumn = (data) => {
     const { api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     return (React.createElement(rebass_1.Text, { pr: 2, py: 2, fontSize: 2 },
         "Custom sort column: ",
         React.createElement(Tag_1.Tag, null, api.columnApi.getFriendlyNameFromColumnId(data.ColumnId))));
 };
-exports.isValidCustomSortColumn = (data) => {
+exports.renderCustomSortColumn = renderCustomSortColumn;
+const isValidCustomSortColumn = (data) => {
     if (!data.ColumnId) {
         return 'You have to select a Column for Custom Sort';
     }
     return true;
 };
-exports.CustomSortColumnWizardSection = (props) => {
+exports.isValidCustomSortColumn = isValidCustomSortColumn;
+const CustomSortColumnWizardSection = (props) => {
     const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const sortableCols = React.useMemo(() => {
         var _a, _b;
@@ -48,3 +50,4 @@ exports.CustomSortColumnWizardSection = (props) => {
                     props.onChange(Object.assign(Object.assign({}, data), { ColumnId: ids[0] }));
                 }, allowReorder: false }))));
 };
+exports.CustomSortColumnWizardSection = CustomSortColumnWizardSection;

package/src/View/CustomSort/Wizard/CustomSortValuesWizardSection.js

@@ -12,17 +12,19 @@ const runIfNotResolvedIn_1 = require("../../../Utilities/runIfNotResolvedIn");
 const sortWithOrder_1 = require("../../../Utilities/sortWithOrder");
 const ValueSelector_1 = require("../../Components/ValueSelector");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-exports.isValidCustomSortOrder = (data) => {
+const isValidCustomSortOrder = (data) => {
     if (!data.SortedValues || !data.SortedValues.length) {
         return 'You have to specify at least one value for Custom Sort order';
     }
     return true;
 };
-exports.renderCustomSortValuesSummary = (data) => {
+exports.isValidCustomSortOrder = isValidCustomSortOrder;
+const renderCustomSortValuesSummary = (data) => {
     return data.SortedValues.length ? (React.createElement(rebass_1.Text, { fontSize: 2 },
         React.createElement(ValueSelector_1.ValueOptionsTags, { options: data.SortedValues, value: data.SortedValues, toIdentifier: (x) => `${x}`, toLabel: (x) => `${x}`, allowWrap: true, readOnly: true }))) : null;
 };
-exports.CustomSortValuesWizardSection = (props) => {
+exports.renderCustomSortValuesSummary = renderCustomSortValuesSummary;
+const CustomSortValuesWizardSection = (props) => {
     const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const [distinctValues, setDistinctValues] = react_1.useState([]);
     const [isDistinctValuesLoading, setIsDistinctValuesLoading] = react_1.useState(false);
@@ -71,3 +73,4 @@ exports.CustomSortValuesWizardSection = (props) => {
                     props.onChange(Object.assign(Object.assign({}, data), { SortedValues }));
                 } }))));
 };
+exports.CustomSortValuesWizardSection = CustomSortValuesWizardSection;

package/src/View/CustomSort/Wizard/CustomSortWizard.js

@@ -13,7 +13,7 @@ const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/Obje
 const react_redux_1 = require("react-redux");
 const CustomSortRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/CustomSortRedux"));
 const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
-exports.CustomSortWizard = (props) => {
+const CustomSortWizard = (props) => {
     var _a, _b;
     let data = props.data;
     const allCustomSorts = react_redux_1.useSelector((state) => { var _a; return (_a = state.CustomSort) === null || _a === void 0 ? void 0 : _a.CustomSorts; });
@@ -79,3 +79,4 @@ exports.CustomSortWizard = (props) => {
             },
         ] }));
 };
+exports.CustomSortWizard = CustomSortWizard;

package/src/View/Dashboard/CustomDashboardButton.js

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const react_1 = require("react");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
 const kebabCase_1 = tslib_1.__importDefault(require("lodash/kebabCase"));
-exports.CustomDashboardButton = (props) => {
+const CustomDashboardButton = (props) => {
     const { button } = props;
     const [componentRevision, setComponentRevision] = react_1.useState(1);
     // TODO: variants of this mapping are present in several places (just search for api.internalApi.getStyleForButton() usages)
@@ -45,3 +45,4 @@ exports.CustomDashboardButton = (props) => {
         buttonIcon ? React.createElement("img", Object.assign({}, iconProps)) : null,
         buttonLabel));
 };
+exports.CustomDashboardButton = CustomDashboardButton;

package/src/View/Dashboard/CustomToolbarWrapper.js

@@ -7,7 +7,7 @@ const react_1 = require("react");
 const PanelDashboard_1 = require("../Components/Panels/PanelDashboard");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
 const AdaptableContext_1 = require("../AdaptableContext");
-exports.CustomToolbarWrapper = (props) => {
+const CustomToolbarWrapper = (props) => {
     let contentsDivId = 'ab-CustomToolbar__' + props.customToolbar.name + '__contents';
     let buttonsDivId = 'ab-CustomToolbar__' + props.customToolbar.name + '__buttons';
     const [contentsHTML, setContentsHTML] = react_1.useState('');
@@ -97,3 +97,4 @@ exports.CustomToolbarWrapper = (props) => {
                     buttonLabel));
             }))));
 };
+exports.CustomToolbarWrapper = CustomToolbarWrapper;

package/src/View/Dashboard/Dashboard.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import * as Redux from 'redux';
 import { ModuleViewPopupProps } from '../Components/SharedProps/ModuleViewPopupProps';
-import { DashboardState, AdaptableCoordinate } from '../../PredefinedConfig/DashboardState';
+import { AdaptableCoordinate, DashboardState } from '../../PredefinedConfig/DashboardState';
 import { GridState } from '../../PredefinedConfig/GridState';
 import * as DashboardRedux from '../../Redux/ActionsReducers/DashboardRedux';
 import * as PopupRedux from '../../Redux/ActionsReducers/PopupRedux';

package/src/View/Dashboard/Dashboard.js

@@ -6,6 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const react_redux_1 = require("react-redux");
 const AdaptableViewFactory_1 = require("../AdaptableViewFactory");
 const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
+const ModuleConstants_1 = require("../../Utilities/Constants/ModuleConstants");
 const DashboardRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/DashboardRedux"));
 const PopupRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/PopupRedux"));
 const QuickSearchRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/QuickSearchRedux"));
@@ -19,9 +20,8 @@ const useQuickSearchDebounced_1 = require("../QuickSearch/useQuickSearchDebounce
 const UIHelper_1 = tslib_1.__importDefault(require("../UIHelper"));
 const ModuleToolbarWrapper_1 = require("./ModuleToolbarWrapper");
 const CustomToolbarWrapper_1 = require("./CustomToolbarWrapper");
-const ModuleConstants_1 = require("../../Utilities/Constants/ModuleConstants");
-const ApplicationIcon_1 = require("../../components/ApplicationIcon");
 const CustomDashboardButton_1 = require("./CustomDashboardButton");
+const AdaptableIconComponent_1 = require("../../components/AdaptableIconComponent");
 const DashboardComponent = (props) => {
     const [searchText, search] = useQuickSearchDebounced_1.useQuickSearchDebounced(props);
     const dashboardAccessLevel = props.api.internalApi
@@ -106,6 +106,7 @@ const DashboardComponent = (props) => {
     let dashboardOptions = props.api.internalApi.getAdaptableOptions().dashboardOptions;
     const shouldRenderQuickSearchHeader = dashboardOptions.showQuickSearchInHeader &&
         props.api.internalApi.getModuleService().getModuleById(ModuleConstants_1.QuickSearchModuleId).isModuleAvailable();
+    const applicationIcon = props.api.internalApi.getAdaptableOptions().userInterfaceOptions.applicationIcon;
     return props.DashboardState.IsHidden ? (React.createElement("div", null)) : (React.createElement(Dashboard_1.Dashboard, { title: instanceName, canFloat: props.api.internalApi.getAdaptableOptions().dashboardOptions.canFloat, activeTabIndex: props.DashboardState.ActiveTabIndex, onActiveTabIndexChange: (ActiveTabIndex) => {
             props.onSetActiveTabIndex(ActiveTabIndex);
         }, collapsed: props.DashboardState.IsCollapsed, onCollapsedChange: (IsCollapsed) => {
@@ -123,7 +124,7 @@ const DashboardComponent = (props) => {
                 props.onSetFloatingPosition(FloatingPositionCallback);
             }
         }, left: React.createElement(React.Fragment, null,
-            React.createElement(ApplicationIcon_1.ApplicationIcon, { className: "ab-Dashboard__application-icon", icon: props.api.internalApi.getAdaptableOptions().userInterfaceOptions.applicationIcon }),
+            React.createElement(AdaptableIconComponent_1.AdaptableIconComponent, { icon: applicationIcon, iconClassName: "ab-Dashboard__application-icon" }),
             dashboardOptions.buttonsLocation === 'left' && renderModuleButtons()), right: React.createElement(React.Fragment, null,
             renderDashboardButtons(),
             dashboardOptions.buttonsLocation === 'right' && renderModuleButtons(),

package/src/View/Dashboard/DashboardPopup.js

@@ -70,7 +70,7 @@ class DashboardPopupComponent extends React.Component {
             }
             return false;
         };
-        return (React.createElement(PopupPanel_1.PopupPanel, { headerText: this.props.moduleInfo.FriendlyName, glyphicon: this.props.moduleInfo.Glyph },
+        return (React.createElement(PopupPanel_1.PopupPanel, { headerText: this.props.moduleInfo.FriendlyName, glyphicon: this.props.moduleInfo.Glyph, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed() },
             React.createElement(rebass_1.Flex, { flex: 1, height: "100%", flexDirection: "column" },
                 areDashboardSettingsVisible && (React.createElement(Panel_1.default, { header: 'Dashboard Views', style: { height: 'auto', overflow: 'visible' }, variant: "default", borderRadius: "none", marginLeft: 2, marginRight: 2 },
                     React.createElement(rebass_1.Flex, null,

package/src/View/Dashboard/ModuleToolbarWrapper.js

@@ -7,7 +7,7 @@ const PanelDashboard_1 = require("../Components/Panels/PanelDashboard");
 const PopupRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/PopupRedux"));
 const DashboardRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/DashboardRedux"));
 const AdaptableContext_1 = require("../AdaptableContext");
-exports.ModuleToolbarWrapper = (props) => {
+const ModuleToolbarWrapper = (props) => {
     const moduleName = props.moduleInfo.ModuleName;
     const moduleFriendlyName = props.moduleInfo.FriendlyName;
     const { api } = AdaptableContext_1.useAdaptable();
@@ -20,3 +20,4 @@ exports.ModuleToolbarWrapper = (props) => {
             api.internalApi.dispatchReduxAction(PopupRedux.PopupShowScreen(moduleName, props.moduleInfo.Popup, popupParams));
         }, onClose: () => api.internalApi.dispatchReduxAction(DashboardRedux.DashboardCloseToolbar(moduleName)), accessLevel: props.accessLevel }, props.children));
 };
+exports.ModuleToolbarWrapper = ModuleToolbarWrapper;

package/src/View/DataChangeHistory/DataChangeHistoryGrid.d.ts

@@ -1,5 +1,12 @@
 /// <reference types="react" />
 import { CellDataChangedInfo } from '../../PredefinedConfig/Common/CellDataChangedInfo';
+export interface DataChangeHistoryData {
+    primaryKey: string;
+    changeKey: string;
+    changeTriggerLabel: string;
+    changedColumnLabel: string;
+    changeInfo: CellDataChangedInfo;
+}
 export interface DataChangeHistoryGridProps {
     adaptableContainerId: string;
     agGridContainerId: string;

package/src/View/DataChangeHistory/DataChangeHistoryGrid.js

@@ -9,7 +9,7 @@ const react_1 = require("react");
 const usePrevious_1 = tslib_1.__importDefault(require("../../components/utils/usePrevious"));
 const ModuleConstants_1 = require("../../Utilities/Constants/ModuleConstants");
 const buildActionColumnButton_1 = require("./buildActionColumnButton");
-exports.DataChangeHistoryGrid = (props) => {
+const DataChangeHistoryGrid = (props) => {
     const { changeHistoryLog, adaptableContainerId, agGridContainerId, onUndoChange } = props;
     const mainAdaptableInstance = AdaptableContext_1.useAdaptable();
     const [_adaptableApi, setAdaptableApi] = react_1.useState(null);
@@ -72,13 +72,14 @@ exports.DataChangeHistoryGrid = (props) => {
     }, [changeHistoryLog]);
     return React.createElement(React.Fragment, null);
 };
+exports.DataChangeHistoryGrid = DataChangeHistoryGrid;
 const buildAdaptableOptions = (mainAdaptableInstance, gridOptions, adaptableContainerId, agGridContainerId, undoChangeEnabled, onUndoChange) => {
     var _a, _b, _c;
     const mainAdaptableOptions = mainAdaptableInstance.adaptableOptions;
     const mainAdaptableTheme = mainAdaptableInstance.api.themeApi.getCurrentTheme();
     const undoRowNode = (rowNode) => {
-        var _a;
-        const changeKey = (_a = rowNode === null || rowNode === void 0 ? void 0 : rowNode.data) === null || _a === void 0 ? void 0 : _a['changeKey'];
+        const rowData = rowNode === null || rowNode === void 0 ? void 0 : rowNode.data;
+        const changeKey = rowData === null || rowData === void 0 ? void 0 : rowData['changeKey'];
         changeKey && onUndoChange(changeKey);
     };
     const actionColumnButton = buildActionColumnButton_1.buildActionColumnButton((_a = mainAdaptableInstance.adaptableOptions) === null || _a === void 0 ? void 0 : _a.dataChangeHistoryOptions, undoRowNode);
@@ -113,9 +114,7 @@ const buildAdaptableOptions = (mainAdaptableInstance, gridOptions, adaptableCont
         layoutOptions: {
             createDefaultLayout: false,
         },
-        userInterfaceOptions: {
-            actionOptions: actionOptions,
-        },
+        actionOptions: actionOptions,
         predefinedConfig: {
             Layout: {
                 Revision: Date.now(),
@@ -201,6 +200,7 @@ const buildGridOptions = (mainAdaptableInstance, changeHistoryLog) => {
         },
         autoGroupColumnDef: {
             sortable: true,
+            // suppressMenu: true,
         },
         columnDefs: [
             {

package/src/View/DataChangeHistory/DataChangeHistoryStatusBarContent.js

@@ -4,6 +4,7 @@ exports.DataChangeHistoryStatusBarContent = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const DataChangeHistoryViewPanel_1 = require("./DataChangeHistoryViewPanel");
-exports.DataChangeHistoryStatusBarContent = () => {
+const DataChangeHistoryStatusBarContent = () => {
     return React.createElement(DataChangeHistoryViewPanel_1.DataChangeHistoryViewPanelControl, { gap: 0, buttonsPaddingY: 0 });
 };
+exports.DataChangeHistoryStatusBarContent = DataChangeHistoryStatusBarContent;