@adaptabletools/adaptable 12.2.2 → 14.0.0-canary.0

package/src/View/Components/NewScopeComponent.js

@@ -47,7 +47,7 @@ const DATA_TYPES_MAP = {
 };
 const DATA_TYPES_OPTIONS = Object.values(DATA_TYPES_MAP);
 const renderScopeSummary = (scope, labels) => {
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const scopeApi = adaptable.api.scopeApi;
     const columnsInScope = scopeApi.getColumnsForScope(scope);
     return (React.createElement(React.Fragment, null,
@@ -62,9 +62,9 @@ const renderScopeSummary = (scope, labels) => {
 };
 exports.renderScopeSummary = renderScopeSummary;
 const NewScopeComponent = (props) => {
-    const { api } = AdaptableContext_1.useAdaptable();
+    const { api } = (0, AdaptableContext_1.useAdaptable)();
     const { scopeApi, columnApi } = api;
-    const [columnsSearchText, setColumnsSearchText] = react_1.useState('');
+    const [columnsSearchText, setColumnsSearchText] = (0, react_1.useState)('');
     const scopeColumns = props.scopeColumns || columnApi.getColumns();
     const getScopeChoice = (scope) => {
         if (!scope) {

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

@@ -18,7 +18,7 @@ class PanelToolPanel extends React.Component {
             React.createElement(rebass_1.Flex, { className: "ab-ToolPanelPanel__header-text", flex: 1, alignItems: "center", marginLeft: 0 }, headerText),
             onConfigure && (React.createElement(ButtonConfigure_1.ButtonConfigure, { iconSize: 16, marginLeft: 1, className: "ab-ToolPanelPanel__header-configure-button", tooltip: 'Configure ' + headerText, onClick: () => onConfigure() })),
             onClose && (React.createElement(ButtonClose_1.ButtonClose, { marginLeft: 0, className: "ab-ToolPanelPanel__header-close-button", tooltip: 'Close ' + headerText, onClick: () => onClose(), disabled: props.disabled }))));
-        return (React.createElement(Panel_1.default, Object.assign({ border: "var(--ab-cmp-toolpanelpanel__border)" }, props, { className: join_1.default('ab-ToolPanelPanel', props.className), header: header, style: Object.assign({ color: 'var(--ab-cmp-toolpanelpanel__color)', fill: 'var(--ab-cmp-toolpanelpanel__fill)' }, props.style), headerProps: Object.assign(Object.assign({}, props.headerProps), { alignItems: 'stretch', style: Object.assign({ padding: 'var(--ab-cmp-toolpanelpanel_header__padding)', background: 'var(--ab-cmp-toolpanelpanel_header__background)', color: 'var(--ab-cmp-toolpanelpanel_header__color)', fill: 'var(--ab-cmp-toolpanelpanel_header__fill)' }, (props.headerProps ? props.headerProps.style : null)) }), bodyProps: Object.assign(Object.assign({}, props.bodyProps), { style: Object.assign(Object.assign({ padding: 'var(--ab-cmp-dashboardpanel_body__padding)', background: 'var(--ab-cmp-dashboardpanel_body__background)' }, (props.bodyProps ? props.bodyProps.style : null)), { display: 'flex', flexDirection: 'column' }) }) })));
+        return (React.createElement(Panel_1.default, Object.assign({ border: "var(--ab-cmp-toolpanelpanel__border)" }, props, { className: (0, join_1.default)('ab-ToolPanelPanel', props.className), header: header, style: Object.assign({ color: 'var(--ab-cmp-toolpanelpanel__color)', fill: 'var(--ab-cmp-toolpanelpanel__fill)' }, props.style), headerProps: Object.assign(Object.assign({}, props.headerProps), { alignItems: 'stretch', style: Object.assign({ padding: 'var(--ab-cmp-toolpanelpanel_header__padding)', background: 'var(--ab-cmp-toolpanelpanel_header__background)', color: 'var(--ab-cmp-toolpanelpanel_header__color)', fill: 'var(--ab-cmp-toolpanelpanel_header__fill)' }, (props.headerProps ? props.headerProps.style : null)) }), bodyProps: Object.assign(Object.assign({}, props.bodyProps), { style: Object.assign(Object.assign({ padding: 'var(--ab-cmp-dashboardpanel_body__padding)', background: 'var(--ab-cmp-dashboardpanel_body__background)' }, (props.bodyProps ? props.bodyProps.style : null)), { display: 'flex', flexDirection: 'column' }) }) })));
     }
 }
 exports.PanelToolPanel = PanelToolPanel;

package/src/View/Components/Panels/PanelWithImage.js

@@ -39,4 +39,4 @@ class PanelWithImageCmp extends React.Component {
 }
 // apparently it's very hard to type `withTheme()` result in typescript
 // @ts-ignore
-exports.PanelWithImage = styled_components_1.withTheme(PanelWithImageCmp);
+exports.PanelWithImage = (0, styled_components_1.withTheme)(PanelWithImageCmp);

package/src/View/Components/PermittedValuesSelector/PermitedValuesSelector.js

@@ -10,7 +10,7 @@ const AdaptableContext_1 = require("../../AdaptableContext");
 const ListBoxFilterForm_1 = require("../FilterForm/ListBoxFilterForm");
 const PermitedValuesSelector = (props) => {
     var _a;
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const columnId = props.scope.ColumnIds[0];
     const column = adaptable.api.columnApi.getColumnFromId(columnId);
     const distinctValues = ((_a = adaptable.api.columnApi.getDistinctDisplayValuesForColumn(columnId)) !== null && _a !== void 0 ? _a : []).map((value) => ({ value: value, label: value }));

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

@@ -17,10 +17,10 @@ const useMenuItems_1 = require("./useMenuItems");
 const AdaptablePopupDialog_1 = require("./AdaptablePopupDialog");
 const AdaptablePopup = (props) => {
     var _a, _b, _c;
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const settingsPanelOptions = adaptable.adaptableOptions.settingsPanelOptions;
     const settingsPanelTitle = adaptable.api.internalApi.getModuleFriendlyName('SettingsPanel');
-    const menuItems = useMenuItems_1.useMenuItems();
+    const menuItems = (0, useMenuItems_1.useMenuItems)();
     const isWindowModal = settingsPanelOptions.popupType === 'window';
     const modalContainer = (_b = (_a = adaptable.adaptableOptions) === null || _a === void 0 ? void 0 : _a.containerOptions) === null || _b === void 0 ? void 0 : _b.modalContainer;
     let friendlyName = null;
@@ -63,7 +63,7 @@ const AdaptablePopup = (props) => {
         moduleViewContent = (React.createElement(AdaptablePopupBody_1.AdaptablePopupBody, { api: props.api, module: module, componentName: props.componentName, moduleParams: props.moduleParams, onClearParams: props.onClearParams, onHide: props.onHide }));
     }
     const baseClassName = 'ab-Adaptable-Popup';
-    const className = join_1.default(baseClassName, `${baseClassName}--${isWindowModal ? 'window' : 'modal'}`, isStandalone ? `${baseClassName}--action-popup` : `${baseClassName}--settings-popup`);
+    const className = (0, join_1.default)(baseClassName, `${baseClassName}--${isWindowModal ? 'window' : 'modal'}`, isStandalone ? `${baseClassName}--action-popup` : `${baseClassName}--settings-popup`);
     return (React.createElement(PopupContext_1.default.Provider, { value: {
             hidePopup: () => {
                 if (props.onHide) {

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

@@ -12,20 +12,20 @@ const Utilities_1 = require("../Utilities");
 const WindowDialog = (props) => {
     var _a, _b;
     const { onChange, style, baseClassName, className, isActionModule, settingsPanelOptionsKey, onHide } = props, dialogProps = tslib_1.__rest(props, ["onChange", "style", "baseClassName", "className", "isActionModule", "settingsPanelOptionsKey", "onHide"]);
-    const adaptable = AdaptableContext_1.useAdaptable();
-    const dispatch = react_redux_1.useDispatch();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const settingsPanelOptions = adaptable.adaptableOptions.settingsPanelOptions;
-    let popupSettings = react_redux_1.useSelector((state) => { var _a, _b; return (_b = (_a = state === null || state === void 0 ? void 0 : state.System) === null || _a === void 0 ? void 0 : _a.SettingsPanel) === null || _b === void 0 ? void 0 : _b[settingsPanelOptionsKey]; });
+    let popupSettings = (0, react_redux_1.useSelector)((state) => { var _a, _b; return (_b = (_a = state === null || state === void 0 ? void 0 : state.System) === null || _a === void 0 ? void 0 : _a.SettingsPanel) === null || _b === void 0 ? void 0 : _b[settingsPanelOptionsKey]; });
     const handleWindowSettings = (settings) => {
-        dispatch(SystemRedux_1.SystemSettingsPanelSet(settingsPanelOptionsKey, settings));
+        dispatch((0, SystemRedux_1.SystemSettingsPanelSet)(settingsPanelOptionsKey, settings));
     };
     if (!popupSettings) {
         const size = isActionModule
-            ? Utilities_1.getActionPanelSize()
-            : (_a = settingsPanelOptions.size) !== null && _a !== void 0 ? _a : Utilities_1.getSettingsPanelSize();
+            ? (0, Utilities_1.getActionPanelSize)()
+            : (_a = settingsPanelOptions.size) !== null && _a !== void 0 ? _a : (0, Utilities_1.getSettingsPanelSize)();
         popupSettings = {
             size: size,
-            position: (_b = settingsPanelOptions.position) !== null && _b !== void 0 ? _b : Utilities_1.getMiddlePosition(size),
+            position: (_b = settingsPanelOptions.position) !== null && _b !== void 0 ? _b : (0, Utilities_1.getMiddlePosition)(size),
         };
     }
     const windowModalProps = {
@@ -67,7 +67,7 @@ const AdaptablePopupDialog = (props) => {
         else {
             ref = modalContainer;
         }
-        return react_dom_1.createPortal(React.createElement(Dialog_1.default, { modal: false, fixed: false, onDismiss: onHide, className: className }, children), ref);
+        return (0, react_dom_1.createPortal)(React.createElement(Dialog_1.default, { modal: false, fixed: false, onDismiss: onHide, className: className }, children), ref);
     }
     if (isWindowModal) {
         const settingsPanelOptionsKey = isActionModule ? `action-${friendlyName}` : 'settings';

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

@@ -19,7 +19,7 @@ const AdaptablePopupModuleView = (props) => {
      * This triggers an render for each redux change.
      * Not sure yet how to trigger this component to render when an item is edited.
      */
-    react_redux_1.useSelector((state) => state);
+    (0, react_redux_1.useSelector)((state) => state);
     const [abObjectType, setAbObjectType] = React.useState(null);
     const moduleInfo = props.module.moduleInfo;
     const items = (_a = props.module) === null || _a === void 0 ? void 0 : _a.toViewAll();
@@ -95,8 +95,8 @@ const AdaptablePopupModuleView = (props) => {
     const adaptableModule = props.api.internalApi
         .getModuleService()
         .getModuleById(props.module.moduleInfo.ModuleName);
-    const dispatch = react_redux_1.useDispatch();
-    const showLayoutNotAssociatedObjects = react_redux_1.useSelector((state) => state.System.ShowLayoutNotAssociatedObjects);
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const showLayoutNotAssociatedObjects = (0, react_redux_1.useSelector)((state) => state.System.ShowLayoutNotAssociatedObjects);
     const toggleButtonShowLayoutAssociatedObjects = () => {
         if (!(adaptableModule === null || adaptableModule === void 0 ? void 0 : adaptableModule.canBeAssociatedWithLayouts())) {
             return;
@@ -105,7 +105,7 @@ const AdaptablePopupModuleView = (props) => {
             return;
         }
         return (React.createElement(rebass_1.Flex, { justifyContent: "flex-start" },
-            React.createElement(CheckBox_1.CheckBox, { padding: 0, margin: 0, checked: showLayoutNotAssociatedObjects, onChange: (checked) => dispatch(SystemRedux_1.SystemLayoutShowNotAssociatedObjects(checked)) },
+            React.createElement(CheckBox_1.CheckBox, { padding: 0, margin: 0, checked: showLayoutNotAssociatedObjects, onChange: (checked) => dispatch((0, SystemRedux_1.SystemLayoutShowNotAssociatedObjects)(checked)) },
                 "Show ",
                 moduleInfo.FriendlyName,
                 "s not available in current Layout")));

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

@@ -8,7 +8,7 @@ const join_1 = tslib_1.__importDefault(require("../../../../components/utils/joi
 const useGlobalEvent_1 = require("../../../../components/utils/useGlobalEvent");
 const AdaptableIconComponent_1 = require("../../../../components/AdaptableIconComponent");
 const Navigation = (props) => {
-    const dispatch = react_redux_1.useDispatch();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const handleKeyPress = React.useCallback((event) => {
         if ((event.ctrlKey || event.metaKey) &&
             (event.code === 'ArrowUp' || event.code === 'ArrowDown')) {
@@ -32,7 +32,7 @@ const Navigation = (props) => {
             }
         }
     }, [props.activeItem, props.menuItems]);
-    useGlobalEvent_1.useGlobalEvent('keydown', handleKeyPress);
+    (0, useGlobalEvent_1.useGlobalEvent)('keydown', handleKeyPress);
     return (React.createElement("nav", { className: "ab-Adaptable-Popup__Navigation" },
         React.createElement("ul", { className: "ab-Adaptable-Popup__Navigation__List" }, props.menuItems.map((menuItem, index) => {
             var _a, _b, _c, _d, _e;
@@ -41,7 +41,7 @@ const Navigation = (props) => {
                 return React.createElement("li", { key: `separator-${index}`, className: `${baseClassName}__Separator` });
             }
             const isActive = props.activeItem === menuItem.module || menuItem.label === props.activeItem;
-            const className = join_1.default(baseClassName, isActive && `${baseClassName}--active`);
+            const className = (0, join_1.default)(baseClassName, isActive && `${baseClassName}--active`);
             let customIcon = (_d = (_c = (_b = (_a = props.customSettingsPanels) === null || _a === void 0 ? void 0 : _a.find) === null || _b === void 0 ? void 0 : _b.call(_a, (customSettingPanel) => customSettingPanel.name === menuItem.label)) === null || _c === void 0 ? void 0 : _c.icon) !== null && _d !== void 0 ? _d : null;
             return (React.createElement("li", { className: className, key: menuItem.label },
                 React.createElement("button", { type: "button", className: `${baseClassName}__Button`, onClick: () => {

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

@@ -9,7 +9,7 @@ const ButtonInfo_1 = require("../../Buttons/ButtonInfo");
 const Noop = () => React.createElement(React.Fragment, null);
 const PopupPanel = (props) => {
     const baseClassName = 'ab-Adaptable-Popup__Panel';
-    return (React.createElement(rebass_1.Flex, { flexDirection: "column", flex: "1 1 0", className: join_1.default(props.className, baseClassName) },
+    return (React.createElement(rebass_1.Flex, { flexDirection: "column", flex: "1 1 0", className: (0, join_1.default)(props.className, baseClassName) },
         React.createElement("div", { className: `${baseClassName}__Header` },
             React.createElement(rebass_1.Flex, { alignItems: "center" },
                 React.createElement(rebass_1.Box, { marginRight: 0, "data-name": "space-before" }),

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

@@ -10,7 +10,7 @@ const AdaptableIconComponent_1 = require("../../../../components/AdaptableIconCo
 const TopBar = (props) => {
     var _a;
     const baseClassName = 'ab-Adaptable-Popup__TopBar';
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const applicationIcon = (_a = adaptable.api.internalApi.getAdaptableOptions().userInterfaceOptions) === null || _a === void 0 ? void 0 : _a.applicationIcon;
     let icon = React.createElement(React.Fragment, null);
     const iconClassName = `${baseClassName}__Icon`;

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

@@ -8,9 +8,9 @@ const DefaultSettingsPanel_1 = require("../../../../Utilities/Defaults/DefaultSe
 const AdaptableContext_1 = require("../../../AdaptableContext");
 const PopupRedux = tslib_1.__importStar(require("../../../../Redux/ActionsReducers/PopupRedux"));
 const useMenuItems = () => {
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptable = (0, 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; });
+    const allMenuItems = (0, 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; });
     return React.useMemo(() => {
         var _a;
         let navigationItems = (_a = settingsPanelOptions === null || settingsPanelOptions === void 0 ? void 0 : settingsPanelOptions.navigation) === null || _a === void 0 ? void 0 : _a.items;

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

@@ -17,7 +17,7 @@ const AdaptablePopupAlert = (props) => {
     const msg = (_a = props.adaptableAlert.message) !== null && _a !== void 0 ? _a : '';
     const headerColor = UIHelper_1.UIHelper.getColorByMessageType(messageType);
     let header = messageType;
-    const { api, adaptableOptions } = AdaptableContext_1.useAdaptable();
+    const { api, adaptableOptions } = (0, AdaptableContext_1.useAdaptable)();
     if (props.adaptableAlert.header) {
         header = `${header}: ${props.adaptableAlert.header}`;
     }
@@ -35,7 +35,7 @@ const AdaptablePopupAlert = (props) => {
             ],
         };
     }, []);
-    const [formData, setFormData] = react_1.useState({});
+    const [formData, setFormData] = (0, react_1.useState)({});
     const context = React.useMemo(() => {
         return {
             alert: props.adaptableAlert,

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

@@ -11,7 +11,7 @@ const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
 const react_redux_1 = require("react-redux");
 const AdaptablePopupPrompt = (props) => {
     var _a;
-    const dispatch = react_redux_1.useDispatch();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const [promptText, setPromptText] = React.useState((_a = props.defaultValue) !== null && _a !== void 0 ? _a : '');
     const onCloseForm = () => {
         setPromptText('');

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

@@ -14,7 +14,7 @@ const HelpBlock_1 = tslib_1.__importDefault(require("../../../components/HelpBlo
 const Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
 const AdaptablePopupTeamSharing = (props) => {
     const { showPopup, onClose, onConfirm, header } = props;
-    const [config, setConfig] = react_1.useState({
+    const [config, setConfig] = (0, react_1.useState)({
         description: '',
         type: 'Snapshot',
     });

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

@@ -11,13 +11,13 @@ const AdaptableForm_1 = require("../../../../PredefinedConfig/Common/AdaptableFo
 const PopupRedux_1 = require("../../../../Redux/ActionsReducers/PopupRedux");
 const AdaptableContext_1 = require("../../../AdaptableContext");
 const FormDialog = ({ id, formProps, form, prepareContext, }) => {
-    const dispatch = react_redux_1.useDispatch();
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const [data, setData] = React.useState(() => {
-        return AdaptableForm_1.getDefaultAdaptableFormData(form);
+        return (0, AdaptableForm_1.getDefaultAdaptableFormData)(form);
     });
     const handleDismiss = () => {
-        dispatch(PopupRedux_1.PopupHideForm(id));
+        dispatch((0, PopupRedux_1.PopupHideForm)(id));
     };
     const context = Object.assign({ adaptableApi: adaptable.api, formData: data }, formProps);
     return (React.createElement(Dialog_1.default, { isOpen: true, showCloseButton: false, style: { minHeight: 'auto', minWidth: 400, maxHeight: '80vh' }, onDismiss: handleDismiss },
@@ -31,7 +31,7 @@ const FormDialog = ({ id, formProps, form, prepareContext, }) => {
 };
 exports.FormDialog = FormDialog;
 const FormPopups = () => {
-    const forms = react_redux_1.useSelector((state) => state.Popup.FormPopup.FormList);
+    const forms = (0, 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 }));
     })));

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

@@ -15,8 +15,8 @@ const getActionPanelSize = () => {
     const height = window.innerHeight;
     const width = window.innerWidth;
     return {
-        height: Helper_1.clamp(600, 0, height * 0.9),
-        width: Helper_1.clamp(800, 0, width * 0.9),
+        height: (0, Helper_1.clamp)(600, 0, height * 0.9),
+        width: (0, Helper_1.clamp)(800, 0, width * 0.9),
     };
 };
 exports.getActionPanelSize = getActionPanelSize;
@@ -24,12 +24,12 @@ const getSettingsPanelSize = () => {
     const height = window.innerHeight;
     const width = window.innerWidth;
     return {
-        height: Helper_1.clamp(height * 0.9, 0, 800),
-        width: Helper_1.clamp(width * 0.9, 0, 800),
+        height: (0, Helper_1.clamp)(height * 0.9, 0, 800),
+        width: (0, Helper_1.clamp)(width * 0.9, 0, 800),
     };
 };
 exports.getSettingsPanelSize = getSettingsPanelSize;
 const getWindowPopupSize = () => {
-    return exports.getSettingsPanelSize();
+    return (0, exports.getSettingsPanelSize)();
 };
 exports.getWindowPopupSize = getWindowPopupSize;

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

@@ -15,18 +15,18 @@ const NoopComponent = () => {
 };
 const WindowPopups = () => {
     const [windowModalSettings, setWindowModalSettings] = React.useState({});
-    const adaptable = AdaptableContext_1.useAdaptable();
-    const dispatch = react_redux_1.useDispatch();
-    const windowItems = react_redux_1.useSelector((state) => state.Popup.WindowPopup.PopupList);
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const windowItems = (0, react_redux_1.useSelector)((state) => state.Popup.WindowPopup.PopupList);
     return (React.createElement(React.Fragment, null, windowItems === null || windowItems === void 0 ? void 0 : windowItems.map((windowItem, index) => {
         var _a, _b, _c, _d, _e, _f;
         const Component = (_a = windowFactory_1.windowFactory[windowItem.Id]) !== null && _a !== void 0 ? _a : NoopComponent;
         const _g = (_b = windowItem === null || windowItem === void 0 ? void 0 : windowItem.PopupProps) !== null && _b !== void 0 ? _b : {}, { windowModalProps } = _g, restPopupProps = tslib_1.__rest(_g, ["windowModalProps"]);
         const handleDismiss = () => {
-            dispatch(PopupRedux_1.PopupHideWindow(windowItem.Id));
+            dispatch((0, PopupRedux_1.PopupHideWindow)(windowItem.Id));
         };
-        const size = (_d = (_c = windowModalSettings === null || windowModalSettings === void 0 ? void 0 : windowModalSettings[windowItem.Id]) === null || _c === void 0 ? void 0 : _c.size) !== null && _d !== void 0 ? _d : Utilities_1.getWindowPopupSize();
-        const position = (_f = (_e = windowModalSettings === null || windowModalSettings === void 0 ? void 0 : windowModalSettings[windowItem.Id]) === null || _e === void 0 ? void 0 : _e.position) !== null && _f !== void 0 ? _f : Utilities_1.getMiddlePosition(size);
+        const size = (_d = (_c = windowModalSettings === null || windowModalSettings === void 0 ? void 0 : windowModalSettings[windowItem.Id]) === null || _c === void 0 ? void 0 : _c.size) !== null && _d !== void 0 ? _d : (0, Utilities_1.getWindowPopupSize)();
+        const position = (_f = (_e = windowModalSettings === null || windowModalSettings === void 0 ? void 0 : windowModalSettings[windowItem.Id]) === null || _e === void 0 ? void 0 : _e.position) !== null && _f !== void 0 ? _f : (0, Utilities_1.getMiddlePosition)(size);
         return (React.createElement(Dialog_1.default, { "data-name": windowItem.Id, style: { height: '100%' }, className: "ab-Window-Modal", key: windowItem.Id, windowModal: true, windowModalProps: Object.assign(Object.assign({}, windowModalProps), { onChange: (settings) => {
                     setWindowModalSettings((settingsMap) => (Object.assign(Object.assign({}, settingsMap), { [windowItem.Id]: settings })));
                 }, handleSelector: '.ab-Window-Modal .ab-Panel__header', size: size, position: position }), fixed: false, padding: 0, onDismiss: handleDismiss, isOpen: true, showCloseButton: true },

package/src/View/Components/RangesComponent.js

@@ -94,7 +94,7 @@ class RangesComponent extends React.Component {
     onRangesTypeChanged(checked) {
         if (checked) {
             let columnComparison = {
-                Color: UIHelper_1.getHexForName(UIHelper_1.DARK_GREEN),
+                Color: (0, UIHelper_1.getHexForName)(UIHelper_1.DARK_GREEN),
                 MinValue: undefined,
                 MaxValue: undefined,
             };
@@ -149,7 +149,7 @@ class RangesComponent extends React.Component {
         this.state.ranges.push({
             Min: lastRange.Max == 'Col-Max' ? 0 : lastRange.Max,
             Max: lastRange.Max,
-            Color: UIHelper_1.getHexForName(UIHelper_1.GRAY),
+            Color: (0, UIHelper_1.getHexForName)(UIHelper_1.GRAY),
         }),
             this.props.updateRanges(this.state.ranges);
     }

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

@@ -27,7 +27,7 @@ class ColumnValueSelector extends React.Component {
             }
             // JW "fixed" this by replacing display values with raw values but really we should do it nicer in some way
             // so that you we show the display value but we work on the raw value
-            const columnDisplayValuePairs = await runIfNotResolvedIn_1.runIfNotResolvedIn(this.props.api.columnApi.getDistinctBulkUpdateDisplayValuesForColumn(this.props.selectedColumn.columnId, this.props.selectedGridCells), () => this.setState({ isDistinctColumnValuesLoading: true }));
+            const columnDisplayValuePairs = await (0, runIfNotResolvedIn_1.runIfNotResolvedIn)(this.props.api.columnApi.getDistinctBulkUpdateDisplayValuesForColumn(this.props.selectedColumn.columnId, this.props.selectedGridCells), () => this.setState({ isDistinctColumnValuesLoading: true }));
             this.setState({ isDistinctColumnValuesLoading: false });
             const newSortedColumnValues = ArrayExtensions_1.ArrayExtensions.sortArray(columnDisplayValuePairs, Enums_1.SortOrder.Asc).map((v) => ({
                 label: v,
@@ -63,7 +63,7 @@ class ColumnValueSelector extends React.Component {
             // placeholderText += ' or enter free text';
         }
         const baseClassName = 'ab-column-value-selector';
-        const className = join_1.default('ab-column-value-selector', this.state.isDistinctColumnValuesLoading && `${baseClassName}--loading`);
+        const className = (0, join_1.default)('ab-column-value-selector', this.state.isDistinctColumnValuesLoading && `${baseClassName}--loading`);
         const fieldWidth = 150;
         const items = this.state.isDistinctColumnValuesLoading
             ? [

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

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const ValueSelector_1 = require("../ValueSelector");
 const AdaptableContext_1 = require("../../AdaptableContext");
 const TagValueSelector = (props) => {
-    const { api } = AdaptableContext_1.useAdaptable();
+    const { api } = (0, AdaptableContext_1.useAdaptable)();
     const getDefaultTags = () => {
         var _a;
         return (_a = api.internalApi.getAvailableTags()) !== null && _a !== void 0 ? _a : [];
@@ -19,7 +19,7 @@ const TagValueSelector = (props) => {
 exports.TagValueSelector = TagValueSelector;
 const TagValueOptionsTags = (props) => {
     const { tags = [] } = props;
-    const { api } = AdaptableContext_1.useAdaptable();
+    const { api } = (0, 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

@@ -2,7 +2,7 @@
 import * as Redux from 'redux';
 import * as ToolPanelRedux from '../../../Redux/ActionsReducers/ToolPanelRedux';
 import * as SystemRedux from '../../../Redux/ActionsReducers/SystemRedux';
-import { IToolPanelParams } from '@ag-grid-community/all-modules';
+import { IToolPanelParams } from '@ag-grid-community/core';
 import { AdaptableApi } from '../../../types';
 import { AdaptableMenuItem } from '../../../PredefinedConfig/Common/Menu';
 import { AdaptableModuleButtons, AdaptableToolPanel } from '../../../PredefinedConfig/Common/Types';
@@ -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, import("react-redux").Omit<AdaptableToolPanelProps, "onClick" | "Columns" | "ToolPanels" | "ModuleButtons" | "MainMenuItems" | "onNewColumnListOrder" | "onShowToolPanel" | "onHideToolPanel" | "onExpandToolPanel" | "onCollapseToolPanel">>;
+export declare const ConnectedAdaptableToolPanel: import("react-redux").ConnectedComponent<(props: AdaptableToolPanelProps) => JSX.Element, import("react-redux").Omit<AdaptableToolPanelProps, "onClick" | "Columns" | "ModuleButtons" | "ToolPanels" | "MainMenuItems" | "onNewColumnListOrder" | "onShowToolPanel" | "onHideToolPanel" | "onExpandToolPanel" | "onCollapseToolPanel">>;
 export declare const getAdaptableToolPanelAgGridComponent: (adaptable?: IAdaptable) => {
     new (): {
         gui: HTMLElement;

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

@@ -138,7 +138,7 @@ const AdaptableToolPanelComponent = (props) => {
             toolPanelButtons.push(moduleButtons.map((x) => {
                 let menuItem = props.MainMenuItems.find((y) => y.isVisible && y.module == x);
                 if (menuItem) {
-                    return (React.createElement(SimpleButton_1.default, { "data-name": menuItem.module, key: menuItem.label, icon: menuItem.icon, tone: "none", variant: "text", className: `ab-ToolPanel__Home__${kebabCase_1.default(menuItem.label)}`, tooltip: menuItem.label, onClick: () => props.onClick(menuItem.reduxAction), accessLevel: 'Full' }));
+                    return (React.createElement(SimpleButton_1.default, { "data-name": menuItem.module, key: menuItem.label, icon: menuItem.icon, tone: "none", variant: "text", className: `ab-ToolPanel__Home__${(0, kebabCase_1.default)(menuItem.label)}`, tooltip: menuItem.label, onClick: () => props.onClick(menuItem.reduxAction), accessLevel: 'Full' }));
                 }
             }));
         }
@@ -162,8 +162,8 @@ const AdaptableToolPanelComponent = (props) => {
             const disabled = button.disabled && button.disabled(button, toolPanelContext);
             const buttonVariant = buttonStyle && buttonStyle.variant ? buttonStyle.variant : 'text';
             const buttonTone = buttonStyle && buttonStyle.tone ? buttonStyle.tone : 'none';
-            const uniqueKey = buttonLabel !== null && buttonLabel !== void 0 ? buttonLabel : uuid_1.createUuid();
-            return (React.createElement(SimpleButton_1.default, { key: uniqueKey, variant: buttonVariant, tone: buttonTone, className: `ab-ToolPanel__Home__${kebabCase_1.default(buttonLabel)} ${(buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className) || ''}`, tooltip: buttonTooltip, icon: buttonIcon, disabled: disabled, onClick: () => button.onClick(button, toolPanelContext), accessLevel: 'Full' }, buttonLabel));
+            const uniqueKey = buttonLabel !== null && buttonLabel !== void 0 ? buttonLabel : (0, uuid_1.createUuid)();
+            return (React.createElement(SimpleButton_1.default, { key: uniqueKey, variant: buttonVariant, tone: buttonTone, className: `ab-ToolPanel__Home__${(0, kebabCase_1.default)(buttonLabel)} ${(buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className) || ''}`, tooltip: buttonTooltip, icon: buttonIcon, disabled: disabled, onClick: () => button.onClick(button, toolPanelContext), accessLevel: 'Full' }, buttonLabel));
         });
     };
     const onSetColumnVisibility = (name) => {
@@ -225,7 +225,7 @@ function mapDispatchToProps(dispatch) {
         onCollapseToolPanel: (toolPanel) => dispatch(ToolPanelRedux.ToolPanelCollapseToolPanel(toolPanel)),
     };
 }
-exports.ConnectedAdaptableToolPanel = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(AdaptableToolPanelComponent);
+exports.ConnectedAdaptableToolPanel = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(AdaptableToolPanelComponent);
 const getAdaptableToolPanelAgGridComponent = (adaptable) => {
     return class AdaptableToolPanelAgGridComponent {
         init(params) {
@@ -238,7 +238,7 @@ const getAdaptableToolPanelAgGridComponent = (adaptable) => {
             this.gui.className = 'ag-adaptable-panel';
             this.gui.style.width = '100%';
             this.gui.style.overflow = 'auto';
-            react_dom_1.render(renderWithAdaptableContext_1.renderWithAdaptableContext(React.createElement(exports.ConnectedAdaptableToolPanel, { api: api, teamSharingActivated: false }), Adaptable), this.gui);
+            (0, react_dom_1.render)((0, renderWithAdaptableContext_1.renderWithAdaptableContext)(React.createElement(exports.ConnectedAdaptableToolPanel, { api: api, teamSharingActivated: false }), Adaptable), this.gui);
         }
         getGui() {
             if (!this.gui) {
@@ -252,4 +252,4 @@ const getAdaptableToolPanelAgGridComponent = (adaptable) => {
     };
 };
 exports.getAdaptableToolPanelAgGridComponent = getAdaptableToolPanelAgGridComponent;
-exports.AdaptableToolPanelAgGridComponent = exports.getAdaptableToolPanelAgGridComponent();
+exports.AdaptableToolPanelAgGridComponent = (0, exports.getAdaptableToolPanelAgGridComponent)();

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

@@ -11,12 +11,12 @@ const kebabCase_1 = tslib_1.__importDefault(require("lodash/kebabCase"));
 const CustomToolPanelContent = (props) => {
     var _a;
     const { customToolPanel } = props;
-    const { api } = AdaptableContext_1.useAdaptable();
-    const contentsDivDomRef = react_1.useRef();
+    const { api } = (0, AdaptableContext_1.useAdaptable)();
+    const contentsDivDomRef = (0, react_1.useRef)();
     const contentsDivId = `ab-ToolPanel__${customToolPanel.name}__contents`;
     const buttonsDivId = `ab-ToolPanel__${customToolPanel.name}__buttons`;
-    const [contentsHTML, setContentsHTML] = react_1.useState('');
-    react_1.useLayoutEffect(() => {
+    const [contentsHTML, setContentsHTML] = (0, react_1.useState)('');
+    (0, react_1.useLayoutEffect)(() => {
         const element = contentsDivDomRef.current;
         if (hasCustomRenderFn(customToolPanel)) {
             const customRenderContext = {
@@ -59,8 +59,8 @@ const CustomToolPanelContent = (props) => {
             const disabled = button.disabled && button.disabled(button, toolPanelContext);
             const buttonVariant = buttonStyle && buttonStyle.variant ? buttonStyle.variant : 'text';
             const buttonTone = buttonStyle && buttonStyle.tone ? buttonStyle.tone : 'none';
-            const uniqueKey = buttonLabel !== null && buttonLabel !== void 0 ? buttonLabel : uuid_1.createUuid();
-            return (React.createElement(SimpleButton_1.default, { key: uniqueKey, variant: buttonVariant, tone: buttonTone, className: `ab-ToolPanel__Home__${kebabCase_1.default(buttonLabel)} ${(buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className) || ''}`, tooltip: buttonTooltip, icon: buttonIcon, disabled: disabled, onClick: () => button.onClick(button, toolPanelContext), accessLevel: 'Full' }, buttonLabel));
+            const uniqueKey = buttonLabel !== null && buttonLabel !== void 0 ? buttonLabel : (0, uuid_1.createUuid)();
+            return (React.createElement(SimpleButton_1.default, { key: uniqueKey, variant: buttonVariant, tone: buttonTone, className: `ab-ToolPanel__Home__${(0, kebabCase_1.default)(buttonLabel)} ${(buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.className) || ''}`, tooltip: buttonTooltip, icon: buttonIcon, disabled: disabled, onClick: () => button.onClick(button, toolPanelContext), accessLevel: 'Full' }, buttonLabel));
         })))));
 };
 exports.CustomToolPanelContent = CustomToolPanelContent;

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, 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 declare let ToolPanelPopup: import("react-redux").ConnectedComponent<typeof ToolPanelPopupComponent, import("react-redux").Omit<React.ClassAttributes<ToolPanelPopupComponent> & ToolPanelPopupComponentProps, "key" | "ref" | "onSuspend" | "api" | "modalContainer" | "moduleInfo" | "accessLevel" | "popupParams" | "onClearPopupParams" | "teamSharingActivated" | "onClosePopup" | "onUnSuspend" | "ToolPanelState" | "GridState" | "onToolPanelSetModuleButtons" | "onToolPanelSetToolPanels">>;
 export {};

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

@@ -116,4 +116,4 @@ function mapDispatchToProps(dispatch) {
         onToolPanelSetToolPanels: (toolPanels) => dispatch(ToolPanelRedux.ToolPanelSetToolPanels(toolPanels)),
     };
 }
-exports.ToolPanelPopup = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(ToolPanelPopupComponent);
+exports.ToolPanelPopup = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(ToolPanelPopupComponent);

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

@@ -1,13 +1,15 @@
 /// <reference types="react" />
-import { XOR } from '../../../Utilities/Extensions/TypeExtensions';
 import { AdaptableToolPanel } from '../../../PredefinedConfig/Common/Types';
 import { CustomToolPanel } from '../../../AdaptableOptions/ToolPanelOptions';
 import { ToolPanelVisibilityMode } from '../../../PredefinedConfig/ToolPanelState';
-export declare type ToolPanelWrapperProps = XOR<{
+export declare type ToolPanelWrapperProps = {
     adaptableToolPanel: AdaptableToolPanel;
-}, {
+    customToolPanel?: undefined;
+    visibilityMode: ToolPanelVisibilityMode;
+    onVisibilityModeChange: (visibilityMode: ToolPanelVisibilityMode) => void;
+} | {
     customToolPanel: CustomToolPanel;
-}> & {
+    adaptableToolPanel?: undefined;
     visibilityMode: ToolPanelVisibilityMode;
     onVisibilityModeChange: (visibilityMode: ToolPanelVisibilityMode) => void;
 };

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

@@ -13,7 +13,7 @@ const PopupRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/
 const ModuleConstants_1 = require("../../../Utilities/Constants/ModuleConstants");
 const ToolPanelWrapper = (props) => {
     const { adaptableToolPanel, customToolPanel, visibilityMode: visibilityMode, onVisibilityModeChange: onVisibilityModeChange, } = props;
-    const { api } = AdaptableContext_1.useAdaptable();
+    const { api } = (0, AdaptableContext_1.useAdaptable)();
     const getToolPanelConfiguration = () => {
         var _a;
         if (adaptableToolPanel) {

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

@@ -15,7 +15,7 @@ const reorder_1 = require("../../../Utilities/reorder");
 const Tag_1 = require("../../../components/Tag");
 const AdaptableFormControlTextClear_1 = require("../Forms/AdaptableFormControlTextClear");
 function useValuesMap({ options, value, toIdentifier, selectedMap, }) {
-    const optionsMap = react_1.useMemo(() => {
+    const optionsMap = (0, react_1.useMemo)(() => {
         if (selectedMap) {
             return;
         }
@@ -25,7 +25,7 @@ function useValuesMap({ options, value, toIdentifier, selectedMap, }) {
         });
         return map;
     }, [options, selectedMap]);
-    const result = react_1.useMemo(() => {
+    const result = (0, react_1.useMemo)(() => {
         if (selectedMap) {
             return selectedMap;
         }
@@ -44,8 +44,8 @@ function ValueSelector(props) {
     const [searchInputValue, setSearchInputValue] = React.useState('');
     const baseClassName = 'ab-ValueSelector';
     const preparedToLabel = toListLabel !== null && toListLabel !== void 0 ? toListLabel : toLabel;
-    const [selectedOnly, doSetSelectedOnly] = react_1.useState(false);
-    const setSelectedOnly = react_1.useCallback((selectedOnly) => {
+    const [selectedOnly, doSetSelectedOnly] = (0, react_1.useState)(false);
+    const setSelectedOnly = (0, react_1.useCallback)((selectedOnly) => {
         doSetSelectedOnly(selectedOnly);
         onShowSelectedOnlyChange === null || onShowSelectedOnlyChange === void 0 ? void 0 : onShowSelectedOnlyChange(selectedOnly);
     }, [onShowSelectedOnlyChange]);
@@ -54,7 +54,7 @@ function ValueSelector(props) {
         toIdentifier,
         value,
     });
-    const notifyChange = react_1.useCallback(() => {
+    const notifyChange = (0, react_1.useCallback)(() => {
         const newSelection = [...selectedMap.keys()];
         if (!newSelection.length && selectedOnly) {
             setSelectedOnly(false);
@@ -134,7 +134,7 @@ function ValueSelector(props) {
                     }
                 }
                 const clone = new Map(selectedMap);
-                const newSelection = reorder_1.reorder(selection, source.index, destination.index);
+                const newSelection = (0, reorder_1.reorder)(selection, source.index, destination.index);
                 // and then pushed back in the new order, at the end
                 newSelection.push(...extraKeys);
                 selectedMap.clear();
@@ -188,7 +188,7 @@ function ValueOptionsTags(props) {
             renderLabel ? renderLabel(label) : label,
             readOnly ? null : (React.createElement(SimpleButton_1.default, { icon: "clear", ml: 2, iconSize: 14, variant: "text", style: { border: 'none' }, onClick: clear }))));
     };
-    const renderEllipsis = react_1.useCallback(({ remaining }) => {
+    const renderEllipsis = (0, react_1.useCallback)(({ remaining }) => {
         return (React.createElement(rebass_1.Text, { fontSize: 2, style: { whiteSpace: 'nowrap' } },
             "+",
             remaining,

package/src/View/Components/WizardSummaryRow.js

@@ -7,7 +7,7 @@ const AdaptableObjectRow_1 = require("./AdaptableObjectRow");
 const Helper_1 = require("../../Utilities/Helpers/Helper");
 class WizardSummaryRow extends React.Component {
     render() {
-        let colItems = Helper_1.cloneObject(this.props.colItems);
+        let colItems = (0, Helper_1.cloneObject)(this.props.colItems);
         colItems[0].Content = this.props.propertyName;
         colItems[1].Content = this.props.propertyValue;
         return React.createElement(AdaptableObjectRow_1.AdaptableObjectRow, { colItems: colItems, fontSize: 'medium' });

package/src/View/ConditionalStyle/ConditionalStyleSummary.js

@@ -105,4 +105,4 @@ function mapDispatchToProps(dispatch) {
         onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.ConditionalStyleModuleId, config)),
     };
 }
-exports.ConditionalStyleSummary = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(ConditionalStyleSummaryComponent);
+exports.ConditionalStyleSummary = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(ConditionalStyleSummaryComponent);