@adaptabletools/adaptable 12.2.2 → 14.0.0-canary.0

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

@@ -33,14 +33,14 @@ const inputStyle = {
     textAlign: 'start',
 };
 const useForceRender = () => {
-    const [, setNow] = react_1.useState(Date.now());
+    const [, setNow] = (0, react_1.useState)(Date.now());
     return () => {
         setNow(Date.now());
     };
 };
 const ThrottledInput = React.memo((props) => {
-    const [stateValue, setStateValue] = react_1.useState(props.value);
-    const throttleOnChange = React.useRef(throttle_1.default(props.onChange, 600, { leading: false }));
+    const [stateValue, setStateValue] = (0, react_1.useState)(props.value);
+    const throttleOnChange = React.useRef((0, throttle_1.default)(props.onChange, 600, { leading: false }));
     const handleChange = React.useCallback((event) => {
         const newValue = event.target.value;
         setStateValue(newValue);
@@ -60,7 +60,7 @@ const tableDOMProps = {
 };
 const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSelectionChange, selectedColumns, }) => {
     const rerender = useForceRender();
-    const columnsRef = react_1.useRef(cols);
+    const columnsRef = (0, react_1.useRef)(cols);
     const silentSetColumns = (columns) => {
         columnsRef.current = columns;
         onChange === null || onChange === void 0 ? void 0 : onChange(columns);
@@ -105,12 +105,12 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
         setColumns(cols);
     };
     const [primaryKeyField, setPrimaryKeyField] = React.useState(columns[0].field);
-    const { selected: includedColumnsMap, isSelected: isIncludedColumn, isAllSelected: isAllIncludedColumns, isNoneSelected: isNoneIncludedColumns, selectColumn: includeColumn, deselectColumn: excludeColumn, selectAll: includeAllColumns, deselectAll: excludeAllColumns, } = useSelection_1.default(columns, selectedColumns !== null && selectedColumns !== void 0 ? selectedColumns : true, null, { onChange: onSelectionChange });
+    const { selected: includedColumnsMap, isSelected: isIncludedColumn, isAllSelected: isAllIncludedColumns, isNoneSelected: isNoneIncludedColumns, selectColumn: includeColumn, deselectColumn: excludeColumn, selectAll: includeAllColumns, deselectAll: excludeAllColumns, } = (0, useSelection_1.default)(columns, selectedColumns !== null && selectedColumns !== void 0 ? selectedColumns : true, null, { onChange: onSelectionChange });
     handle.current = {
         getColumns: () => getColumns().filter((col) => isIncludedColumn(col.field)),
         getPrimaryKey: () => primaryKeyField,
     };
-    const { isSelected: isSortableColumn, isAllSelected: isAllSortableColumns, isNoneSelected: isNoneSortableColumns, selectColumn: setSortableColumn, deselectColumn: setUnsortableColumn, selectAll: setAllSortable, deselectAll: setAllUnsortable, } = useSelection_1.default(columns, true, 'sortable', {
+    const { isSelected: isSortableColumn, isAllSelected: isAllSortableColumns, isNoneSelected: isNoneSortableColumns, selectColumn: setSortableColumn, deselectColumn: setUnsortableColumn, selectAll: setAllSortable, deselectAll: setAllUnsortable, } = (0, useSelection_1.default)(columns, true, 'sortable', {
         onBatchChange: (flag) => {
             onColumnBatchChange(flag, 'sortable');
         },
@@ -118,7 +118,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
             onColumnChange(col, flag, 'sortable');
         },
     });
-    const { isSelected: isGroupableColumn, isAllSelected: isAllGroupableColumns, isNoneSelected: isNoneGroupableColumns, selectColumn: setGroupableColumn, deselectColumn: setUngroupableColumn, selectAll: setAllGroupable, deselectAll: setAllUngroupable, } = useSelection_1.default(columns, true, 'enableRowGroup', {
+    const { isSelected: isGroupableColumn, isAllSelected: isAllGroupableColumns, isNoneSelected: isNoneGroupableColumns, selectColumn: setGroupableColumn, deselectColumn: setUngroupableColumn, selectAll: setAllGroupable, deselectAll: setAllUngroupable, } = (0, useSelection_1.default)(columns, true, 'enableRowGroup', {
         onBatchChange: (flag) => {
             onColumnBatchChange(flag, 'enableRowGroup');
         },
@@ -126,7 +126,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
             onColumnChange(col, flag, 'enableRowGroup');
         },
     });
-    const { isSelected: isResizableColumn, isAllSelected: isAllResizableColumns, isNoneSelected: isNoneResizableColumns, selectColumn: setResizableColumn, deselectColumn: setUnresizableColumn, selectAll: setAllResizable, deselectAll: setAllUnresizable, } = useSelection_1.default(columns, true, 'resizable', {
+    const { isSelected: isResizableColumn, isAllSelected: isAllResizableColumns, isNoneSelected: isNoneResizableColumns, selectColumn: setResizableColumn, deselectColumn: setUnresizableColumn, selectAll: setAllResizable, deselectAll: setAllUnresizable, } = (0, useSelection_1.default)(columns, true, 'resizable', {
         onBatchChange: (flag) => {
             onColumnBatchChange(flag, 'resizable');
         },
@@ -134,7 +134,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
             onColumnChange(col, flag, 'resizable');
         },
     });
-    const { isSelected: isEditableColumn, isAllSelected: isAllEditableColumns, isNoneSelected: isNoneEditableColumns, selectColumn: setEditableColumn, deselectColumn: setUneditableColumn, selectAll: setAllEditable, deselectAll: setAllUneditable, } = useSelection_1.default(columns, true, 'editable', {
+    const { isSelected: isEditableColumn, isAllSelected: isAllEditableColumns, isNoneSelected: isNoneEditableColumns, selectColumn: setEditableColumn, deselectColumn: setUneditableColumn, selectAll: setAllEditable, deselectAll: setAllUneditable, } = (0, useSelection_1.default)(columns, true, 'editable', {
         onBatchChange: (flag) => {
             onColumnBatchChange(flag, 'editable');
         },
@@ -142,7 +142,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
             onColumnChange(col, flag, 'editable');
         },
     });
-    const { isSelected: isFilterableColumn, isAllSelected: isAllFilterableColumns, isNoneSelected: isNoneFilterableColumns, selectColumn: setFilterableColumn, deselectColumn: setUnFilterableColumn, selectAll: setAllFilterable, deselectAll: setAllUnfilterable, } = useSelection_1.default(columns, true, 'filter', {
+    const { isSelected: isFilterableColumn, isAllSelected: isAllFilterableColumns, isNoneSelected: isNoneFilterableColumns, selectColumn: setFilterableColumn, deselectColumn: setUnFilterableColumn, selectAll: setAllFilterable, deselectAll: setAllUnfilterable, } = (0, useSelection_1.default)(columns, true, 'filter', {
         onBatchChange: (flag) => {
             onColumnBatchChange(flag, 'filter');
         },

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/Components/FormBox.js

@@ -5,5 +5,5 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const rebass_1 = require("rebass");
 const join_1 = tslib_1.__importDefault(require("../../../../components/utils/join"));
-const NocodeWizardFormBox = (props) => (React.createElement(rebass_1.Box, Object.assign({}, props, { padding: 2, mb: 2, className: join_1.default('ab-NocodeWizardFormBox', props.className) })));
+const NocodeWizardFormBox = (props) => (React.createElement(rebass_1.Box, Object.assign({}, props, { padding: 2, mb: 2, className: (0, join_1.default)('ab-NocodeWizardFormBox', props.className) })));
 exports.NocodeWizardFormBox = NocodeWizardFormBox;

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

@@ -15,7 +15,7 @@ const FinanceForm_1 = require("./FinanceForm");
 const ConfigurationWizard = (props) => {
     var _a, _b;
     const [isPrimaryKeySelected, setIsValid] = React.useState(true);
-    const [adaptableOptions, setAdaptableOptions] = react_1.useState(() => {
+    const [adaptableOptions, setAdaptableOptions] = (0, react_1.useState)(() => {
         var _a;
         const gridOptionDefaults = {
             sideBar: {
@@ -24,7 +24,7 @@ const ConfigurationWizard = (props) => {
         };
         return Object.assign(Object.assign({}, props.adaptableOptions), { gridOptions: Object.assign(Object.assign({}, gridOptionDefaults), (_a = props === null || props === void 0 ? void 0 : props.adaptableOptions) === null || _a === void 0 ? void 0 : _a.gridOptions) });
     });
-    const [selectedColumns, setSelectedColumns] = react_1.useState(() => {
+    const [selectedColumns, setSelectedColumns] = (0, react_1.useState)(() => {
         return props.adaptableOptions.gridOptions.columnDefs.reduce((acc, col) => {
             acc[col.field] = true;
             return acc;
@@ -99,7 +99,7 @@ const ConfigurationWizard = (props) => {
             details: 'Finance Options',
             render: () => (React.createElement(FinanceForm_1.FinanceForm, { adaptableOptions: adaptableOptions, onChangeadAptableOptions: setAdaptableOptions })),
         },
-    ];
+    ].filter(Boolean);
     if (props.startSections) {
         sections = [
             ...props.startSections.map((section) => {

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

@@ -5,7 +5,7 @@ const useSelection = (columns, defaultValue, fieldName, changeListeners) => {
     changeListeners = changeListeners || {};
     const onChange = changeListeners.onChange || ((column, flag) => { });
     const onBatchChange = changeListeners.onBatchChange || ((flag) => { });
-    const [selected, setSelected] = react_1.useState(typeof defaultValue === 'object'
+    const [selected, setSelected] = (0, react_1.useState)(typeof defaultValue === 'object'
         ? defaultValue
         : columns.reduce((acc, col) => {
             const flag = fieldName ? col[fieldName] : defaultValue;

package/src/View/AdaptableWizardView/Wizard.js

@@ -37,14 +37,14 @@ exports.reducer = reducer;
  */
 const Wizard = (props) => {
     var _a;
-    const [state, dispatch] = react_1.useReducer(exports.reducer, Object.assign(Object.assign({}, exports.initialState), { adaptableOptions: props.adaptableOptions }));
-    const [droppableKey, setDroppableKey] = react_1.useState(Date.now());
-    const [isDataLoading, setIsDataLoading] = react_1.useState(false);
+    const [state, dispatch] = (0, react_1.useReducer)(exports.reducer, Object.assign(Object.assign({}, exports.initialState), { adaptableOptions: props.adaptableOptions }));
+    const [droppableKey, setDroppableKey] = (0, react_1.useState)(Date.now());
+    const [isDataLoading, setIsDataLoading] = (0, react_1.useState)(false);
     const handleDataSource = (array, file) => {
         var _a;
         const dataSourceInfo = (props.prepareData || helper_1.prepareDataSource)(array, file);
         try {
-            Utils_1.validDataSource(dataSourceInfo);
+            (0, Utils_1.validDataSource)(dataSourceInfo);
         }
         catch (err) {
             return dispatch({
@@ -52,7 +52,7 @@ const Wizard = (props) => {
                 payload: `Invalid adaptable configuration - ${err}`,
             });
         }
-        const gridOptions = helper_1.prepareGridOptions(dataSourceInfo, (_a = props.adaptableOptions) === null || _a === void 0 ? void 0 : _a.gridOptions);
+        const gridOptions = (0, helper_1.prepareGridOptions)(dataSourceInfo, (_a = props.adaptableOptions) === null || _a === void 0 ? void 0 : _a.gridOptions);
         const adaptableOptions = Object.assign({}, props.adaptableOptions);
         adaptableOptions.adaptableId = adaptableOptions.adaptableId || (file ? file.name : '');
         adaptableOptions.gridOptions = gridOptions;
@@ -83,7 +83,7 @@ const Wizard = (props) => {
                 props.onInit(adaptableOptions);
             } }));
     }
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (props.fetchData) {
             setIsDataLoading(true);
             props.fetchData().then((data) => {

package/src/View/AdaptableWizardView/helper.d.ts

@@ -1,4 +1,4 @@
-import { GridOptions } from '@ag-grid-community/all-modules';
+import { GridOptions } from '@ag-grid-community/core';
 export interface WizardDataSourceInfo {
     columns: string[];
     data: any[];

package/src/View/AdaptableWizardView/helper.js

@@ -69,7 +69,7 @@ const prepareGridOptions = (dataSourceInfo, defaultGridOptions) => {
     const firstItem = dataSourceInfo.data[0];
     const columnDefs = dataSourceInfo.columns.map((columnName) => {
         const firstItemValue = firstItem[columnName];
-        const columnType = exports.getColTypeFromValue(firstItemValue);
+        const columnType = (0, exports.getColTypeFromValue)(firstItemValue);
         return {
             headerName: columnName,
             field: columnName,

package/src/View/Alert/ActiveAlertsPanel.js

@@ -8,9 +8,9 @@ const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/
 const AdaptableObjectCompactList_1 = require("../Components/AdaptableObjectList/AdaptableObjectCompactList");
 const react_redux_1 = require("react-redux");
 const ActiveAlertsPanel = () => {
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const filterModule = adaptable.ModuleService.getModuleById(ModuleConstants.AlertModuleId);
-    const alerts = react_redux_1.useSelector((state) => state.System.AdaptableAlerts);
+    const alerts = (0, react_redux_1.useSelector)((state) => state.System.AdaptableAlerts);
     return React.createElement(AdaptableObjectCompactList_1.AdaptableObjectCompactList, { abObjects: alerts, module: filterModule });
 };
 exports.ActiveAlertsPanel = ActiveAlertsPanel;

package/src/View/Alert/AlertEmptyView.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const AdaptableContext_1 = require("../AdaptableContext");
 const AlertEmptyView = (props) => {
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const accessLevel = adaptable.api.internalApi
         .getEntitlementService()
         .getEntitlementAccessLevelForModule(props.module.moduleInfo.ModuleName);

package/src/View/Alert/AlertEntityRow.js

@@ -12,7 +12,7 @@ class AlertEntityRow extends React.Component {
     render() {
         let alertDefinition = this.props.adaptableObject;
         let messageTypes = ['Info', 'Success', 'Warning', 'Error'];
-        let colItems = Helper_1.cloneObject(this.props.colItems);
+        let colItems = (0, Helper_1.cloneObject)(this.props.colItems);
         colItems[0].Content = (React.createElement(EntityRowItem_1.EntityRowItem, { Content: this.props.api.scopeApi.getScopeToString(alertDefinition.Scope) }));
         colItems[1].Content = (React.createElement(EntityRowItem_1.EntityRowItem, { Content: this.props.api.alertApi.getAlertRuleDescription(alertDefinition) }));
         colItems[2].Content = (React.createElement("div", null,

package/src/View/Alert/AlertStatusSubPanel.js

@@ -11,14 +11,14 @@ const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/
 const ActiveAlertsPanel_1 = require("./ActiveAlertsPanel");
 const initialStyle = { color: '', background: '' };
 const AlertStatusPanel = () => {
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const [style, setStyle] = React.useState(initialStyle);
     const module = adaptable.ModuleService.getModuleById(ModuleConstants.AlertModuleId);
     const statusbarHighlightDuration = adaptable.adaptableOptions.alertOptions.statusbarHighlightDuration;
     /**
      * Using a selector to so the component updates each time an alert is triggered.
      */
-    const alerts = react_redux_1.useSelector((state) => state.System.AdaptableAlerts);
+    const alerts = (0, react_redux_1.useSelector)((state) => state.System.AdaptableAlerts);
     const text = alerts.length == 0 ? '0 Alerts' : alerts.length == 1 ? '1 Alert' : alerts.length + ' Alerts';
     const handleAction = React.useCallback(() => adaptable.api.alertApi.showAlertPopup(), []);
     // blinking logic
@@ -33,7 +33,7 @@ const AlertStatusPanel = () => {
         if (noNewAlerts) {
             return;
         }
-        const { color, background } = getAlertButtonStyle_1.getAlertButtonStyle(alerts);
+        const { color, background } = (0, getAlertButtonStyle_1.getAlertButtonStyle)(alerts);
         setStyle({ color, background });
         if (timeoutId.current) {
             clearTimeout(timeoutId.current);

package/src/View/Alert/AlertViewPanel.js

@@ -25,7 +25,7 @@ class AlertViewPanelComponent extends React.Component {
     }
     render() {
         const messageType = UIHelper_1.default.getMessageTypeFromAdaptableAlerts(this.props.AdaptableAlerts);
-        const { color: buttonTextColor, background: buttonBackground } = getAlertButtonStyle_1.getAlertButtonStyle(this.props.AdaptableAlerts);
+        const { color: buttonTextColor, background: buttonBackground } = (0, getAlertButtonStyle_1.getAlertButtonStyle)(this.props.AdaptableAlerts);
         const collapsedText = this.props.AdaptableAlerts.length == 0
             ? '0 Alerts'
             : this.props.AdaptableAlerts.length == 1
@@ -53,4 +53,4 @@ function mapDispatchToProps(dispatch) {
         onDeleteAllAlert: (alerts) => dispatch(SystemRedux.SystemAlertDeleteAll(alerts)),
     };
 }
-exports.AlertViewPanelControl = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(AlertViewPanelComponent);
+exports.AlertViewPanelControl = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(AlertViewPanelComponent);

package/src/View/Alert/Wizard/AlertBehaviourWizardSection.js

@@ -16,7 +16,7 @@ const AdaptableContext_1 = require("../../AdaptableContext");
 const StylePreview_1 = require("../../../components/StylePreview");
 const Panel_1 = tslib_1.__importDefault(require("../../../components/Panel"));
 const HighlightStyle = (props) => {
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const options = [
         {
             label: 'Use Message Type',
@@ -40,7 +40,7 @@ const HighlightStyle = (props) => {
             Boolean(props.highlight) && (React.createElement(DropdownButton_1.default, { items: options, columns: ['label'] }, typeof props.highlight === 'boolean' ? (React.createElement(rebass_1.Text, { fontSize: 2, mt: 1 },
                 "Use Message Type's",
                 ' ',
-                AdaptableContext_1.useAdaptable().api.internalApi.getCorrectEnglishVariant('Colour'))) : (React.createElement(rebass_1.Text, { fontSize: 2, mt: 1 }, "Create a Custom Style"))))),
+                (0, AdaptableContext_1.useAdaptable)().api.internalApi.getCorrectEnglishVariant('Colour'))) : (React.createElement(rebass_1.Text, { fontSize: 2, mt: 1 }, "Create a Custom Style"))))),
         typeof props.highlight === 'object' && (React.createElement(Panel_1.default, { margin: 2 },
             React.createElement(rebass_1.Box, { paddingLeft: 3 },
                 React.createElement(StyleComponent_1.StyleComponent, { headless: true, api: adaptable.api, Style: props.highlight, UpdateStyle: (style) => {
@@ -48,8 +48,8 @@ const HighlightStyle = (props) => {
                     } }))))));
 };
 const renderAlertBehaviourWizardSummary = (alertDefinition) => {
-    const { api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
-    return exports.renderAlertBehaviourSummary(alertDefinition, api);
+    const { api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    return (0, exports.renderAlertBehaviourSummary)(alertDefinition, api);
 };
 exports.renderAlertBehaviourWizardSummary = renderAlertBehaviourWizardSummary;
 const renderAlertBehaviourSummary = (alert, api, allowWrap = false) => {
@@ -88,7 +88,7 @@ const renderAlertBehaviourSummary = (alert, api, allowWrap = false) => {
 };
 exports.renderAlertBehaviourSummary = renderAlertBehaviourSummary;
 const AlertBehaviourWizardSection = (props) => {
-    const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const { AlertProperties = {} } = data;
     const rowAddedAlert = api.internalApi.isAlertDefinitionForAddedRowChangeEvent(data);
     const rowRemovedAlert = api.internalApi.isAlertDefinitionForRemovedRowChangeEvent(data);

package/src/View/Alert/Wizard/AlertButtonsEditor.js

@@ -17,7 +17,7 @@ const AlertButtonsEditor = (props) => {
     const onChange = (newButtons) => {
         props.onChange(newButtons);
     };
-    const AlertButtons = Helper_1.cloneObject(props.AlertButtons || []) || [];
+    const AlertButtons = (0, Helper_1.cloneObject)(props.AlertButtons || []) || [];
     const buttonActions = [];
     buttonActions.push('highlight-row', 'jump-to-row', 'highlight-cell', 'jump-to-cell', 'undo');
     buttonActions.push('suspend');
@@ -136,7 +136,7 @@ const AlertButtonsEditor = (props) => {
                                     }));
                                 }, checked: button.Action === actionName ||
                                     (Array.isArray(button.Action) && button.Action.includes(actionName)) },
-                                React.createElement(rebass_1.Text, { fontSize: 2 }, sentence_case_1.sentenceCase(actionName))));
+                                React.createElement(rebass_1.Text, { fontSize: 2 }, (0, sentence_case_1.sentenceCase)(actionName))));
                         }),
                         btnUserFunctions.length ? (React.createElement(CheckBox_1.CheckBox, { checked: true, disabled: true },
                             React.createElement(rebass_1.Text, { fontSize: 2 },

package/src/View/Alert/Wizard/AlertDisplayWizardSection.js

@@ -22,7 +22,7 @@ const DEFAULT_BUTTONS = [
 ];
 const renderAlertDisplaySummary = () => {
     var _a;
-    const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     if (!((_a = data.AlertProperties) === null || _a === void 0 ? void 0 : _a.DisplayNotification)) {
         return (React.createElement(rebass_1.Text, { fontSize: 2 },
             "Alert type ",
@@ -59,7 +59,7 @@ const AlertPreview = (_a) => {
 exports.AlertPreview = AlertPreview;
 const AlertDisplayWizardSection = (props) => {
     var _a, _b, _c, _d;
-    const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const messageType = data.MessageType;
     const messageText = api.alertApi.getAlertDescription(data);
     const adaptableAlert = {

package/src/View/Alert/Wizard/AlertWizard.js

@@ -21,10 +21,10 @@ const AlertRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/
 const AdaptableContext_1 = require("../../AdaptableContext");
 const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 const AlertWizard = (props) => {
-    const [alertDefinition, setAlertDefinition] = react_1.useState(() => {
+    const [alertDefinition, setAlertDefinition] = (0, react_1.useState)(() => {
         var _a;
         const alertDefinition = props.data
-            ? Helper_1.cloneObject(props.data)
+            ? (0, Helper_1.cloneObject)(props.data)
             : ObjectFactory_1.default.CreateEmptyAlertDefinition();
         if (!alertDefinition.Rule.BooleanExpression &&
             !alertDefinition.Rule.ObservableExpression &&
@@ -35,7 +35,7 @@ const AlertWizard = (props) => {
         alertDefinition.MessageType = (_a = alertDefinition.MessageType) !== null && _a !== void 0 ? _a : GeneralConstants_1.ALERT_DEFAULT_MESSAGE_TYPE;
         return alertDefinition;
     });
-    const { api } = AdaptableContext_1.useAdaptable();
+    const { api } = (0, AdaptableContext_1.useAdaptable)();
     const updateAlertDefinition = (alertDefinition) => {
         var _a;
         // we need to adjust the alert actions&behaviours based on the predicate type(row/cell based)
@@ -114,7 +114,7 @@ const AlertWizard = (props) => {
         }
         setAlertDefinition(alertDefinition);
     };
-    const dispatch = react_redux_1.useDispatch();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const handleFinish = () => {
         if (props.data) {
             dispatch(AlertRedux.AlertDefinitionEdit(alertDefinition));

package/src/View/Alert/Wizard/BaseAlertRulesWizardSection.js

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const EntityRulesEditor_1 = require("../../Components/EntityRulesEditor");
 const BaseAlertRulesWizardSection = (props) => {
-    const { data, api, moduleInfo } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { data, api, moduleInfo } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const wholeRowScope = props.wholeRowScope != null ? props.wholeRowScope : api.scopeApi.scopeIsAll(data.Scope);
     const predicateDefs = api.alertApi.getAlertPredicateDefsForScope(data.Scope);
     return (React.createElement(EntityRulesEditor_1.EntityRulesEditor, { module: moduleInfo.ModuleName, defaultPredicateId: "Any", data: data, predicateDefs: predicateDefs, onChange: props.onChange, showAggregation: !wholeRowScope ? false : true, showObservable: !wholeRowScope ? false : true, showBoolean: true, showPredicate: true, descriptions: {

package/src/View/Alert/Wizard/BaseAlertScopeWizardSection.js

@@ -8,7 +8,7 @@ const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
 const ValueSelector_1 = require("../../Components/ValueSelector");
 const BaseAlertScopeWizardSection = (props) => {
-    const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     return (React.createElement(rebass_1.Flex, { flexDirection: "column", style: { height: '100%' }, padding: 2 },
         React.createElement(NewScopeComponent_1.NewScopeComponent, { descriptions: {
                 rowScope: 'Changes anywhere in the row will trigger an alert',
@@ -42,7 +42,7 @@ const BaseAlertScopeWizardSection = (props) => {
 };
 exports.BaseAlertScopeWizardSection = BaseAlertScopeWizardSection;
 const renderBaseAlertScopeSummary = (data) => {
-    const { api: { scopeApi }, } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { api: { scopeApi }, } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const columnsInScope = scopeApi.getColumnsForScope(data.Scope);
     return (React.createElement(React.Fragment, null,
         React.createElement(rebass_1.Box, null,

package/src/View/BulkUpdate/BulkUpdatePopup.js

@@ -110,4 +110,4 @@ function mapDispatchToProps(dispatch) {
         onRunBulkUpdate: () => dispatch(BulkUpdateRedux.BulkUpdateComplete(false)),
     };
 }
-exports.BulkUpdatePopup = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(BulkUpdatePopupComponent);
+exports.BulkUpdatePopup = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(BulkUpdatePopupComponent);

package/src/View/BulkUpdate/BulkUpdateViewPanel.js

@@ -50,7 +50,7 @@ class BulkUpdateViewPanelComponent extends React.Component {
             fill: 'currentColor',
         };
         const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-        return (React.createElement(rebass_1.Flex, { flexDirection: "row", className: join_1.default(shouldDisable ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__BulkUpdate__wrap`), flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
+        return (React.createElement(rebass_1.Flex, { flexDirection: "row", className: (0, join_1.default)(shouldDisable ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__BulkUpdate__wrap`), flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
             React.createElement(rebass_1.Flex, null,
                 React.createElement(ColumnValueSelector_1.ColumnValueSelector, { selectedGridCells: this.props.SelectedGridCells, newLabel: "New", existingLabel: "Existing", dropdownButtonProps: {
                         listMinWidth: 160,
@@ -106,4 +106,4 @@ function mapDispatchToProps(dispatch) {
         onRunBulkUpdate: () => dispatch(BulkUpdateRedux.BulkUpdateComplete(false)),
     };
 }
-exports.BulkUpdateViewPanelControl = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(BulkUpdateViewPanelComponent);
+exports.BulkUpdateViewPanelControl = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(BulkUpdateViewPanelComponent);

package/src/View/CalculatedColumn/CalculatedColumnSummary.d.ts

@@ -15,4 +15,4 @@ export declare class CalculatedColumnSummaryComponent extends React.Component<Ca
     onCloseWizard(): void;
     onFinishWizard: (calculatedColumn: CalculatedColumn) => void;
 }
-export declare let CalculatedColumnSummary: import("react-redux").ConnectedComponent<typeof CalculatedColumnSummaryComponent, import("react-redux").Omit<React.ClassAttributes<CalculatedColumnSummaryComponent> & CalculatedColumnSummaryProps, "ref" | "key" | "api" | "onSuspend" | "accessLevel" | "popupParams" | "onClearPopupParams" | "teamSharingActivated" | "onClosePopup" | "moduleInfo" | "onUnSuspend" | "modalContainer" | "onShare" | "onEdit" | "summarisedColumn" | "CalculatedColumns" | "onDeleteConfirm">>;
+export declare let CalculatedColumnSummary: import("react-redux").ConnectedComponent<typeof CalculatedColumnSummaryComponent, import("react-redux").Omit<React.ClassAttributes<CalculatedColumnSummaryComponent> & CalculatedColumnSummaryProps, "key" | "ref" | "onSuspend" | "api" | "CalculatedColumns" | "modalContainer" | "moduleInfo" | "accessLevel" | "popupParams" | "onClearPopupParams" | "teamSharingActivated" | "onClosePopup" | "onUnSuspend" | "onShare" | "onEdit" | "summarisedColumn" | "onDeleteConfirm">>;

package/src/View/CalculatedColumn/CalculatedColumnSummary.js

@@ -60,4 +60,4 @@ function mapDispatchToProps(dispatch) {
         onEdit: (calculatedColumn) => dispatch(CalculatedColumnRedux.CalculatedColumnEdit(calculatedColumn)),
     };
 }
-exports.CalculatedColumnSummary = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(CalculatedColumnSummaryComponent);
+exports.CalculatedColumnSummary = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(CalculatedColumnSummaryComponent);

package/src/View/CalculatedColumn/Wizard/CalculatedColumnDefinitionWizardSection.js

@@ -35,7 +35,7 @@ const isValidCalculatedColumnDefinition = (data, api) => {
 exports.isValidCalculatedColumnDefinition = isValidCalculatedColumnDefinition;
 const CalculatedColumnDefinitionWizardSection = (props) => {
     var _a;
-    const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const handleColumnIdChange = (event) => {
         let e = event.target;
         props.onChange(Object.assign(Object.assign({}, data), { ColumnId: e.value }));
@@ -45,9 +45,9 @@ const CalculatedColumnDefinitionWizardSection = (props) => {
         props.onChange(Object.assign(Object.assign({}, data), { FriendlyName: e.value }));
     };
     const inEdit = props.isEdit;
-    const validCheck = exports.isValidCalculatedColumnDefinition(data, api);
+    const validCheck = (0, exports.isValidCalculatedColumnDefinition)(data, api);
     const ErrorMessage = validCheck === true ? null : validCheck;
-    const [ColumnNameFocused, setColumnNameFocused] = react_1.useState(false);
+    const [ColumnNameFocused, setColumnNameFocused] = (0, react_1.useState)(false);
     const ColumnName = data.FriendlyName;
     const ColumnId = data.ColumnId;
     const { ShowToolTip, HeaderToolTip } = (_a = data.CalculatedColumnSettings) !== null && _a !== void 0 ? _a : {};

package/src/View/CalculatedColumn/Wizard/CalculatedColumnExpressionWizardSection.js

@@ -11,7 +11,7 @@ const Tabs_1 = require("../../../components/Tabs");
 const CodeBlock_1 = require("../../../components/CodeBlock");
 const Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
 const renderCalculatedColumnExpressionSummary = (data) => {
-    const { api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     return (React.createElement(rebass_1.Box, { fontSize: 2 },
         "Column scalar expression:",
         ' ',
@@ -45,8 +45,8 @@ QueryTab.defaultProps = {
     isTabsTab: true,
 };
 const CalculatedColumnExpressionWizardSection = (props) => {
-    const { api, data, moduleInfo } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
-    const initialData = react_1.useMemo(() => api.internalApi.getQueryPreviewData(), []);
+    const { api, data, moduleInfo } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const initialData = (0, react_1.useMemo)(() => api.internalApi.getQueryPreviewData(), []);
     const [selectedTab, setSelectedTab] = React.useState(() => {
         return data.Query.AggregatedScalarExpression == undefined
             ? 'ScalarExpression'

package/src/View/CalculatedColumn/Wizard/CalculatedColumnSettingsWizardSection.js

@@ -15,7 +15,7 @@ const ValueSelector_1 = require("../../Components/ValueSelector");
 const SpecialColumnSettingsWizardStep_1 = require("../../SpecialColumnSettingsWizardStep");
 const getCalculatedColumnSettingsTags_1 = require("../Utilities/getCalculatedColumnSettingsTags");
 const renderCalculatedColumnSettingsSummary = (data) => {
-    const options = getCalculatedColumnSettingsTags_1.getCalculatedColumnSettingsTags(data.CalculatedColumnSettings);
+    const options = (0, getCalculatedColumnSettingsTags_1.getCalculatedColumnSettingsTags)(data.CalculatedColumnSettings);
     return (React.createElement(rebass_1.Box, { fontSize: 2 },
         React.createElement(ValueSelector_1.ValueOptionsTags, { toLabel: (x) => x, toIdentifier: (c) => c, readOnly: true, options: options, value: options })));
 };
@@ -30,14 +30,14 @@ const isValidCalculatedColumnSettings = (data) => {
 exports.isValidCalculatedColumnSettings = isValidCalculatedColumnSettings;
 const CalculatedColumnSettingsWizardSection = (props) => {
     var _a, _b;
-    const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
-    const calculatedColumnExpressionService = react_1.useMemo(() => api.internalApi.getCalculatedColumnExpressionService(), []);
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const calculatedColumnExpressionService = (0, react_1.useMemo)(() => api.internalApi.getCalculatedColumnExpressionService(), []);
     const handleDataTypeChange = (dataType) => {
         var _a;
         const aggregatable = dataType == 'Number' ? (_a = data.CalculatedColumnSettings) === null || _a === void 0 ? void 0 : _a.Aggregatable : false;
         props.onChange(Object.assign(Object.assign({}, data), { CalculatedColumnSettings: Object.assign(Object.assign({}, data.CalculatedColumnSettings), { DataType: dataType, Aggregatable: aggregatable }) }));
     };
-    const validCheck = exports.isValidCalculatedColumnSettings(data);
+    const validCheck = (0, exports.isValidCalculatedColumnSettings)(data);
     const ErrorMessage = validCheck === true ? null : validCheck;
     let options = [
         { value: 'Number', label: 'Number' },

package/src/View/CalculatedColumn/Wizard/CalculatedColumnWizard.js

@@ -17,12 +17,12 @@ const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection"
 const CalculatedColumnSettingsWizardSection_1 = require("./CalculatedColumnSettingsWizardSection");
 const CalculatedColumnWizard = (props) => {
     var _a;
-    const adaptable = AdaptableContext_1.useAdaptable();
-    const allCalculatedColumns = react_redux_1.useSelector((state) => state.CalculatedColumn.CalculatedColumns);
-    const [calculatedColumn, setCalculatedColumn] = react_1.useState(() => {
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const allCalculatedColumns = (0, react_redux_1.useSelector)((state) => state.CalculatedColumn.CalculatedColumns);
+    const [calculatedColumn, setCalculatedColumn] = (0, react_1.useState)(() => {
         var _a;
         if (props.data) {
-            return Helper_1.cloneObject(props.data);
+            return (0, Helper_1.cloneObject)(props.data);
         }
         if ((_a = props.popupParams) === null || _a === void 0 ? void 0 : _a.column) {
             const calculatedColumn = allCalculatedColumns.find((calculatedColumn) => calculatedColumn.ColumnId === props.popupParams.column.columnId);
@@ -32,7 +32,7 @@ const CalculatedColumnWizard = (props) => {
         }
         return ObjectFactory_1.default.CreateEmptyCalculatedColumn();
     });
-    const dispatch = react_redux_1.useDispatch();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const isEdit = Boolean(props.data) || ((_a = props.popupParams) === null || _a === void 0 ? void 0 : _a.action) === 'Edit';
     const handleFinish = () => {
         if (isEdit) {

package/src/View/CellSummary/CellSummaryPopup.js

@@ -34,4 +34,4 @@ function mapDispatchToProps(dispatch) {
         onCreateCellSummary: () => dispatch(GridRedux.GridCreateCellSummary()),
     };
 }
-exports.CellSummaryPopup = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(CellSummaryPopupComponent);
+exports.CellSummaryPopup = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(CellSummaryPopupComponent);

package/src/View/CellSummary/CellSummaryStatusBarSubPanelPopover.js

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const CellSummaryDetails_1 = require("./CellSummaryDetails");
 const react_redux_1 = require("react-redux");
 const CellSummaryStatusBarSubPanelPopover = () => {
-    const cellSummary = react_redux_1.useSelector((state) => state.Grid.CellSummary);
+    const cellSummary = (0, react_redux_1.useSelector)((state) => state.Grid.CellSummary);
     const summary = React.createElement(CellSummaryDetails_1.CellSummaryDetails, { CellSummary: cellSummary });
     return cellSummary && cellSummary.Count ? (summary) : (
     // the extra wrapper is added because the empty text is rendered

package/src/View/CellSummary/CellSummaryStatusPanel.js

@@ -11,8 +11,8 @@ const GridRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/Grid
 const CellSummaryStatusBarSubPanelPopover_1 = require("./CellSummaryStatusBarSubPanelPopover");
 const CellSummaryStatusPanel = () => {
     var _a;
-    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 cellSummaryApi = adaptable.api.cellSummaryApi;
     const module = adaptable.ModuleService.getModuleById(ModuleConstants.CellSummaryModuleId);
     const text = `${cellSummaryApi.getCurrentCellSummaryOperation()}: ${(_a = cellSummaryApi.getCurrentCellSummaryOperationValue()) !== null && _a !== void 0 ? _a : 'N/A'}`;

package/src/View/CellSummary/CellSummaryViewPanel.js

@@ -90,4 +90,4 @@ function mapDispatchToProps(dispatch) {
         onCreateCellSummary: () => dispatch(GridRedux.GridCreateCellSummary()),
     };
 }
-exports.CellSummaryViewPanelControl = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(CellSummaryViewPanelComponent);
+exports.CellSummaryViewPanelControl = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(CellSummaryViewPanelComponent);