@adaptabletools/adaptable-cjs 19.2.3 → 20.0.0-canary.0

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

@@ -18,9 +18,8 @@ const tableDOMProps = {
     },
 };
 const EntitlementsListForm = (props) => {
-    var _a, _b, _c;
     let abOptions = props.adaptableOptions;
-    const entitlements = (_b = (_a = abOptions === null || abOptions === void 0 ? void 0 : abOptions.entitlementOptions) === null || _a === void 0 ? void 0 : _a.moduleEntitlements) !== null && _b !== void 0 ? _b : [];
+    const entitlements = abOptions?.entitlementOptions?.moduleEntitlements ?? [];
     if (typeof entitlements === 'function') {
         return (React.createElement(HelpBlock_1.default, { mt: 2 }, "Entitlements cannot be customized, they are handled by a custom function."));
     }
@@ -29,7 +28,7 @@ const EntitlementsListForm = (props) => {
             acc[entitlement.adaptableModule] = entitlement.accessLevel;
             return acc;
         }, {});
-    }, [abOptions === null || abOptions === void 0 ? void 0 : abOptions.entitlementOptions]);
+    }, [abOptions?.entitlementOptions]);
     const handleOnChange = React.useCallback((module, accessLevel) => {
         let newEntitlements = entitlements;
         // change
@@ -48,8 +47,14 @@ const EntitlementsListForm = (props) => {
                 { adaptableModule: module, accessLevel: accessLevel },
             ];
         }
-        props.onChangedAptableOptions(Object.assign(Object.assign({}, abOptions), { entitlementOptions: Object.assign(Object.assign({}, abOptions.entitlementOptions), { moduleEntitlements: newEntitlements }) }));
-    }, [abOptions === null || abOptions === void 0 ? void 0 : abOptions.entitlementOptions]);
+        props.onChangedAptableOptions({
+            ...abOptions,
+            entitlementOptions: {
+                ...abOptions.entitlementOptions,
+                moduleEntitlements: newEntitlements,
+            },
+        });
+    }, [abOptions?.entitlementOptions]);
     if (typeof entitlements === 'function') {
         return (React.createElement(HelpBlock_1.default, { mb: 2 }, "Entitlements cannot be customized, they are handled by a custom function."));
     }
@@ -89,7 +94,7 @@ const EntitlementsListForm = (props) => {
     const data = ALL_ENTITLEMENTS_MODULES.map((module) => ({ name: ModuleConstants_1.ADAPTABLE_MODULE_MAP[module] }));
     let theme = 'light';
     if (typeof props.adaptableOptions.predefinedConfig === 'object' &&
-        ((_c = props.adaptableOptions.predefinedConfig.Theme) === null || _c === void 0 ? void 0 : _c.CurrentTheme)) {
+        props.adaptableOptions.predefinedConfig.Theme?.CurrentTheme) {
         theme = props.adaptableOptions.predefinedConfig.Theme.CurrentTheme;
     }
     return (React.createElement(rebass_1.Box, { flex: 1, height: "100%", className: theme },
@@ -105,16 +110,21 @@ const EntitlementsListForm = (props) => {
                 }, columnHeaderHeight: 50, domProps: tableDOMProps, columns: columnsMap }))));
 };
 const DefaultEntitlementForm = (props) => {
-    var _a, _b;
     const abOptions = props.adaptableOptions;
-    const entitlementOptions = (_a = props.adaptableOptions) === null || _a === void 0 ? void 0 : _a.entitlementOptions;
-    const defaultEntitlement = entitlementOptions === null || entitlementOptions === void 0 ? void 0 : entitlementOptions.defaultAccessLevel;
+    const entitlementOptions = props.adaptableOptions?.entitlementOptions;
+    const defaultEntitlement = entitlementOptions?.defaultAccessLevel;
     if (typeof defaultEntitlement === 'function') {
         return React.createElement(HelpBlock_1.default, { mb: 2 }, "Default Entitlement is controlled by a custom function");
     }
     const handleDefaultEntitlementChange = React.useCallback((accessLevel) => {
-        props.onChangedAptableOptions(Object.assign(Object.assign({}, abOptions), { entitlementOptions: Object.assign(Object.assign({}, abOptions.entitlementOptions), { defaultAccessLevel: accessLevel }) }));
-    }, [(_b = abOptions === null || abOptions === void 0 ? void 0 : abOptions.entitlementOptions) === null || _b === void 0 ? void 0 : _b.defaultAccessLevel]);
+        props.onChangedAptableOptions({
+            ...abOptions,
+            entitlementOptions: {
+                ...abOptions.entitlementOptions,
+                defaultAccessLevel: accessLevel,
+            },
+        });
+    }, [abOptions?.entitlementOptions?.defaultAccessLevel]);
     return (React.createElement(FormLayout_1.default, { mb: 2 },
         React.createElement(FormLayout_1.FormRow, { label: "Default Entitlement:" },
             React.createElement(Radio_1.default, { onClick: () => handleDefaultEntitlementChange('Full'), checked: defaultEntitlement === 'Full', mr: 3 }, "Visible"),
@@ -124,7 +134,7 @@ const DefaultEntitlementForm = (props) => {
 const EntitlementsForm = (props) => {
     let abOptions = props.adaptableOptions;
     return (React.createElement(rebass_1.Flex, { height: "100%", flexDirection: "column", p: 2 },
-        React.createElement(DefaultEntitlementForm, Object.assign({}, props)),
-        React.createElement(EntitlementsListForm, Object.assign({}, props))));
+        React.createElement(DefaultEntitlementForm, { ...props }),
+        React.createElement(EntitlementsListForm, { ...props })));
 };
 exports.default = EntitlementsForm;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 This is no longer required since we cannot build FDC3 columns
 But keeping it like this as it was rather useful ...
 
-import { ColDef } from '@ag-grid-community/core';
+import { ColDef } from 'ag-grid-enterprise';
 import * as React from 'react';
 import { Box, BoxProps, Flex } from 'rebass';
 import { CheckBox } from '../../../../components/CheckBox';

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/GridOptionsForm.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { GridOptions } from '@ag-grid-community/core';
+import * as React from 'react';
+import { GridOptions } from 'ag-grid-enterprise';
 interface GridOptionsFormOptions {
     gridOptions: GridOptions;
     onChangedGridOptions: (gridOptions: GridOptions) => void;
 }
-declare const GridOptionsForm: (props: GridOptionsFormOptions) => JSX.Element;
+declare const GridOptionsForm: (props: GridOptionsFormOptions) => React.JSX.Element;
 export default GridOptionsForm;

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

@@ -7,31 +7,36 @@ const CheckBox_1 = require("../../../components/CheckBox");
 const HelpBlock_1 = tslib_1.__importDefault(require("../../../components/HelpBlock"));
 const rebass_1 = require("rebass");
 const GridOptionsForm = (props) => {
-    var _a;
     let { gridOptions } = props;
     return (React.createElement(rebass_1.Box, { p: 2 },
         React.createElement(HelpBlock_1.default, null, "Grid Options"),
         React.createElement(FormLayout_1.default, { margin: 2, columns: [{ name: 'children' }, { name: 'label', style: { textAlign: 'start' } }] },
             React.createElement(FormLayout_1.FormRow, { label: "Enable Cell Selection" },
                 React.createElement(CheckBox_1.CheckBox, { checked: !!gridOptions.cellSelection, onChange: (enableCellSelection) => {
-                        gridOptions = Object.assign(Object.assign({}, gridOptions), { cellSelection: enableCellSelection });
+                        gridOptions = { ...gridOptions, cellSelection: enableCellSelection };
                         props.onChangedGridOptions(gridOptions);
                     } })),
             React.createElement(FormLayout_1.FormRow, { label: "Show Filter Bar" },
-                React.createElement(CheckBox_1.CheckBox, { checked: (_a = gridOptions.defaultColDef) === null || _a === void 0 ? void 0 : _a.floatingFilter, onChange: (floatingFilter) => {
-                        gridOptions = Object.assign(Object.assign({}, gridOptions), { defaultColDef: {
+                React.createElement(CheckBox_1.CheckBox, { checked: gridOptions.defaultColDef?.floatingFilter, onChange: (floatingFilter) => {
+                        gridOptions = {
+                            ...gridOptions,
+                            defaultColDef: {
                                 floatingFilter,
-                            } });
+                            },
+                        };
                         props.onChangedGridOptions(gridOptions);
                     } })),
             React.createElement(FormLayout_1.FormRow, { label: "Suppress Column Virtualisation" },
                 React.createElement(CheckBox_1.CheckBox, { checked: gridOptions.suppressColumnVirtualisation, onChange: (suppressColumnVirtualisation) => {
-                        gridOptions = Object.assign(Object.assign({}, gridOptions), { suppressColumnVirtualisation: suppressColumnVirtualisation });
+                        gridOptions = {
+                            ...gridOptions,
+                            suppressColumnVirtualisation: suppressColumnVirtualisation,
+                        };
                         props.onChangedGridOptions(gridOptions);
                     } })),
             React.createElement(FormLayout_1.FormRow, { label: "Show Column Menu Button" },
                 React.createElement(CheckBox_1.CheckBox, { checked: gridOptions.suppressMenuHide, onChange: (suppressMenuHide) => {
-                        gridOptions = Object.assign(Object.assign({}, gridOptions), { suppressMenuHide: suppressMenuHide });
+                        gridOptions = { ...gridOptions, suppressMenuHide: suppressMenuHide };
                         props.onChangedGridOptions(gridOptions);
                     } })))));
 };

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/UIOptions/UIOptionsSidebarForm.d.ts

@@ -1,4 +1,4 @@
-import { GridOptions } from '@ag-grid-community/core';
+import { GridOptions } from 'ag-grid-enterprise';
 import * as React from 'react';
 export declare const UIOptionsSidebarForm: React.FunctionComponent<{
     gridOptions: GridOptions;

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/UIOptions/UIOptionsSidebarForm.js

@@ -27,25 +27,22 @@ const prepareSidebarDef = (sideBar) => {
             toolPanels: sideBar,
         };
     }
-    return sideBar !== null && sideBar !== void 0 ? sideBar : { toolPanels: [] };
+    return sideBar ?? { toolPanels: [] };
 };
 const isSidebarChecked = (sideBar, panelName) => {
-    var _a;
-    return ((_a = sideBar === null || sideBar === void 0 ? void 0 : sideBar.toolPanels) !== null && _a !== void 0 ? _a : []).some((panel) => {
+    return (sideBar?.toolPanels ?? []).some((panel) => {
         const panelId = typeof panel === 'string' ? panel : panel.id;
         return panelId === panelName;
     });
 };
 const UIOptionsSidebarForm = (props) => {
-    var _a;
     const { gridOptions, onChange } = props;
     const sideBar = prepareSidebarDef(gridOptions.sideBar);
     const renderSidebarCheckbox = (sidebarName) => {
         return (React.createElement(CheckBox_1.CheckBox, { mr: 3, key: sidebarName, checked: isSidebarChecked(sideBar, sidebarName), onChange: (check) => handleToolpanelsChange(sidebarName, check) }, StringExtensions_1.default.Humanize(sidebarName)));
     };
     const handleToolpanelsChange = (panelName, check) => {
-        var _a, _b;
-        let newPanels = (_a = sideBar === null || sideBar === void 0 ? void 0 : sideBar.toolPanels) !== null && _a !== void 0 ? _a : [];
+        let newPanels = sideBar?.toolPanels ?? [];
         if (check) {
             newPanels = [...newPanels, panelName];
         }
@@ -55,16 +52,29 @@ const UIOptionsSidebarForm = (props) => {
                 return panelId !== panelName;
             });
         }
-        let hiddenByDefault = (_b = sideBar.hiddenByDefault) !== null && _b !== void 0 ? _b : false;
+        let hiddenByDefault = sideBar.hiddenByDefault ?? false;
         if (newPanels.length === 0) {
             hiddenByDefault = true;
         }
-        const newGridOptions = Object.assign(Object.assign({}, gridOptions), { sideBar: Object.assign(Object.assign({}, sideBar), { toolPanels: newPanels, hiddenByDefault }) });
+        const newGridOptions = {
+            ...gridOptions,
+            sideBar: {
+                ...sideBar,
+                toolPanels: newPanels,
+                hiddenByDefault,
+            },
+        };
         props.onChange(newGridOptions);
     };
-    let sidebarPosition = (_a = sideBar === null || sideBar === void 0 ? void 0 : sideBar.position) !== null && _a !== void 0 ? _a : 'right';
+    let sidebarPosition = sideBar?.position ?? 'right';
     const handleSidebarPositionChange = (position) => {
-        const newGridOptions = Object.assign(Object.assign({}, gridOptions), { sideBar: Object.assign(Object.assign({}, sideBar), { position }) });
+        const newGridOptions = {
+            ...gridOptions,
+            sideBar: {
+                ...sideBar,
+                position,
+            },
+        };
         props.onChange(newGridOptions);
     };
     return (React.createElement(rebass_1.Box, null,

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/UIOptions/UIOptionsStatusbarForm.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridOptions } from '@ag-grid-community/core';
+import { GridOptions } from 'ag-grid-enterprise';
 export declare const UIOptionsStatusbarForm: React.FunctionComponent<{
     gridOptions: GridOptions;
     onChange: (gridOptions: GridOptions) => void;

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/UIOptions/UIOptionsStatusbarForm.js

@@ -12,12 +12,14 @@ const SimpleButton_1 = tslib_1.__importDefault(require("../../../../components/S
 const DropdownButton_1 = tslib_1.__importDefault(require("../../../../components/DropdownButton"));
 const FormBox_1 = require("../Components/FormBox");
 const UIOptionsStatusbarForm = (props) => {
-    var _a, _b, _c, _d;
-    const allPanels = (_c = (_b = (_a = props.gridOptions) === null || _a === void 0 ? void 0 : _a.statusBar) === null || _b === void 0 ? void 0 : _b.statusPanels) !== null && _c !== void 0 ? _c : [];
+    const allPanels = props.gridOptions?.statusBar?.statusPanels ?? [];
     const panelIdtoPanel = (panelsIds, align) => panelsIds.map((panelId) => {
         const previousItem = allPanels.find((panel) => panel.key === panelId || panel.statusPanel === panelId);
         if (previousItem) {
-            return Object.assign(Object.assign({}, previousItem), { align });
+            return {
+                ...previousItem,
+                align,
+            };
         }
         else {
             const newPanel = {
@@ -27,7 +29,7 @@ const UIOptionsStatusbarForm = (props) => {
             return newPanel;
         }
     });
-    const leftPanels = allPanels.filter((panel) => !(panel === null || panel === void 0 ? void 0 : panel.align) || panel.align === 'left');
+    const leftPanels = allPanels.filter((panel) => !panel?.align || panel.align === 'left');
     const centerPanels = allPanels.filter((panel) => panel.align === 'center');
     const rightPanels = allPanels.filter((panel) => panel.align === 'right');
     const handleTabChange = (tabs) => {
@@ -35,10 +37,16 @@ const UIOptionsStatusbarForm = (props) => {
         const centerPanels = panelIdtoPanel(tabs[1].Items, 'center');
         const rightPanels = panelIdtoPanel(tabs[2].Items, 'right');
         const newStatusbarPanels = [...leftPanels, ...centerPanels, ...rightPanels];
-        props.onChange(Object.assign(Object.assign({}, props.gridOptions), { statusBar: Object.assign(Object.assign({}, props.gridOptions.statusBar), { statusPanels: newStatusbarPanels }) }));
+        props.onChange({
+            ...props.gridOptions,
+            statusBar: {
+                ...props.gridOptions.statusBar,
+                statusPanels: newStatusbarPanels,
+            },
+        });
     };
     const disabled = false;
-    const panelToTabItemId = (panel) => { var _a; return (_a = panel.key) !== null && _a !== void 0 ? _a : panel.statusPanel; };
+    const panelToTabItemId = (panel) => panel.key ?? panel.statusPanel;
     const tabs = [
         {
             Name: 'Left',
@@ -78,7 +86,13 @@ const UIOptionsStatusbarForm = (props) => {
         const newStatusbarPanels = [...allPanels, newAdaptablePanel];
         setAdaptablePanelTitle('');
         setAdaptablePanelAlign('left');
-        props.onChange(Object.assign(Object.assign({}, props.gridOptions), { statusBar: Object.assign(Object.assign({}, props.gridOptions.statusBar), { statusPanels: newStatusbarPanels }) }));
+        props.onChange({
+            ...props.gridOptions,
+            statusBar: {
+                ...props.gridOptions.statusBar,
+                statusPanels: newStatusbarPanels,
+            },
+        });
     };
     return (React.createElement(rebass_1.Box, null,
         React.createElement(HelpBlock_1.default, null, "Status Bar"),
@@ -89,7 +103,7 @@ const UIOptionsStatusbarForm = (props) => {
                     React.createElement(FormLayout_1.FormRow, { label: "Panel Name" },
                         React.createElement(Input_1.default, { value: adaptablePanelTitle, placeholder: 'Adaptable Panel Name', onChange: (event) => setAdaptablePanelTitle(event.target.value) })),
                     React.createElement(FormLayout_1.FormRow, { label: "Align" },
-                        React.createElement(DropdownButton_1.default, { columns: ['label'], items: alignOptions }, (_d = alignOptions.find((option) => option.value === adaptablePanelAlign)) === null || _d === void 0 ? void 0 : _d.label)),
+                        React.createElement(DropdownButton_1.default, { columns: ['label'], items: alignOptions }, alignOptions.find((option) => option.value === adaptablePanelAlign)?.label)),
                     React.createElement(FormLayout_1.FormRow, { label: "" },
                         React.createElement(SimpleButton_1.default, { disabled: !isAdaptablePanelTitleAvailable, onClick: handleNewAdaptablePanel, icon: "plus", variant: "raised" }, "Add"),
                         !isAdaptablePanelTitleAvailable && (React.createElement(rebass_1.Box, { mt: 2, color: "var(--ab-color-error)" }, "Adaptable panel name must be unique."))))),

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/UIOptions/UiOptionsForm.d.ts

@@ -1,4 +1,4 @@
-import { GridOptions } from '@ag-grid-community/core';
+import { GridOptions } from 'ag-grid-enterprise';
 import * as React from 'react';
 import { AdaptableOptions } from '../../../../types';
 interface UIElementsOptionsProps {

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/UIOptions/UiOptionsForm.js

@@ -5,7 +5,6 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const rebass_1 = require("rebass");
 const Tabs_1 = require("../../../../components/Tabs");
-const UIOptionsActionColumnsForm_1 = require("./UIOptionsActionColumnsForm");
 const UIOptionsSidebarForm_1 = require("./UIOptionsSidebarForm");
 const UIOptionsStatusbarForm_1 = require("./UIOptionsStatusbarForm");
 const UIElementsForm = (props) => {
@@ -13,13 +12,10 @@ const UIElementsForm = (props) => {
         React.createElement(Tabs_1.Tabs, null,
             React.createElement(Tabs_1.Tabs.Tab, null, "Tool Panel"),
             React.createElement(Tabs_1.Tabs.Tab, null, "Status Bar"),
-            React.createElement(Tabs_1.Tabs.Tab, null, "Action Rows"),
             React.createElement(Tabs_1.Tabs.Content, null,
                 React.createElement(UIOptionsSidebarForm_1.UIOptionsSidebarForm, { gridOptions: props.gridOptions, onChange: props.onChangedGridOptions })),
             React.createElement(Tabs_1.Tabs.Content, null,
                 React.createElement(UIOptionsStatusbarForm_1.UIOptionsStatusbarForm, { gridOptions: props.gridOptions, onChange: props.onChangedGridOptions })),
-            ' ',
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(UIOptionsActionColumnsForm_1.UIOptionsActionColumnsForm, { abOptions: props.adaptableOptions, onChange: props.onChangedAdaptableOptions })))));
+            ' ')));
 };
 exports.UIElementsForm = UIElementsForm;

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

@@ -22,13 +22,16 @@ const useSelection = (columns, defaultValue, fieldName, changeListeners) => {
         isNoneSelected: () => Object.keys(selected).length === 0,
         selectColumn: (field) => {
             if (!selected[field]) {
-                setSelected(Object.assign(Object.assign({}, selected), { [field]: true }));
+                setSelected({
+                    ...selected,
+                    [field]: true,
+                });
                 onChange(getColumn(field), true);
             }
         },
         deselectColumn: (field) => {
             if (selected[field]) {
-                const newSelected = Object.assign({}, selected);
+                const newSelected = { ...selected };
                 delete newSelected[field];
                 setSelected(newSelected);
                 onChange(getColumn(field), false);

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Reducer, ReactNode } from 'react';
-import { GridOptions } from '@ag-grid-community/core';
+import { GridOptions } from 'ag-grid-enterprise';
 import { AdaptableOptions } from '../../types';
 import { ConfigurationWizardProps } from './AdaptableConfigurationDialog/ConfigurationWizard';
 export interface AdaptableWizardViewProps {
@@ -53,5 +53,5 @@ interface WizardState {
  * 2. Based on configuration:
  * Provide a schema, on how the data looks like.
  */
-export declare const Wizard: (props: AdaptableWizardViewProps) => JSX.Element;
+export declare const Wizard: (props: AdaptableWizardViewProps) => React.JSX.Element;
 export {};

package/src/View/AdaptableWizardView/Wizard.js

@@ -14,13 +14,27 @@ exports.initialState = {
 };
 const reducer = (state, action) => {
     if (action.type === 'DROPPED') {
-        return Object.assign(Object.assign({}, state), { adaptableOptions: action.payload.adaptableOptions, gridOptions: action.payload.gridOptions, dropped: true, error: null });
+        return {
+            ...state,
+            adaptableOptions: action.payload.adaptableOptions,
+            gridOptions: action.payload.gridOptions,
+            dropped: true,
+            error: null,
+        };
     }
     if (action.type === 'ERROR') {
-        return Object.assign(Object.assign({}, state), { dropped: false, error: action.payload });
+        return {
+            ...state,
+            dropped: false,
+            error: action.payload,
+        };
     }
     if (action.type === 'CANCEL') {
-        return Object.assign(Object.assign({}, state), { error: null, dropped: false });
+        return {
+            ...state,
+            error: null,
+            dropped: false,
+        };
     }
     return state;
 };
@@ -36,8 +50,11 @@ exports.reducer = reducer;
  * Provide a schema, on how the data looks like.
  */
 const Wizard = (props) => {
-    var _a;
-    const [state, dispatch] = (0, react_1.useReducer)(exports.reducer, Object.assign(Object.assign({}, exports.initialState), { adaptableOptions: props.adaptableOptions, gridOptions: props.gridOptions }));
+    const [state, dispatch] = (0, react_1.useReducer)(exports.reducer, {
+        ...exports.initialState,
+        adaptableOptions: props.adaptableOptions,
+        gridOptions: props.gridOptions,
+    });
     const [droppableKey, setDroppableKey] = (0, react_1.useState)(Date.now());
     const [isDataLoading, setIsDataLoading] = (0, react_1.useState)(false);
     const handleDataSource = (array, file) => {
@@ -52,7 +69,7 @@ const Wizard = (props) => {
             });
         }
         const gridOptions = (0, helper_1.prepareGridOptions)(dataSourceInfo, props.gridOptions);
-        const adaptableOptions = Object.assign({}, props.adaptableOptions);
+        const adaptableOptions = { ...props.adaptableOptions };
         adaptableOptions.adaptableId = adaptableOptions.adaptableId || (file ? file.name : '');
         if (dataSourceInfo.primaryKey) {
             adaptableOptions.primaryKey = dataSourceInfo.primaryKey;
@@ -93,7 +110,7 @@ const Wizard = (props) => {
             });
         }
     }, []);
-    const ddEnabled = (_a = props.ddEnabled) !== null && _a !== void 0 ? _a : !props.fetchData;
+    const ddEnabled = props.ddEnabled ?? !props.fetchData;
     return (React.createElement(React.Fragment, null,
         ddEnabled && (React.createElement(FileDroppable_1.default, { key: droppableKey, className: 'ab-NocodeWizard', toJSON: props.fileContentsToJSON, readFile: props.readFile, fileAccept: props.fileAccept, helpText: props.helpText, message: state.error, defaultText: props.defaultActionMessage, dragOverText: props.dragOverActionMessage, loadingText: props.loadingMessage, onDropSuccess: handleDataSource })),
         isDataLoading && (React.createElement(rebass_1.Flex, { className: 'ab-NocodeWizard', alignItems: "center", justifyContent: "center", flexDirection: "column" }, props.loadingMessage || 'Loading ...')),

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

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

package/src/View/AdaptableWizardView/helper.js

@@ -47,22 +47,21 @@ const prepareDataSource = (json, _file) => {
 };
 exports.prepareDataSource = prepareDataSource;
 const typeToColType = {
-    string: 'abColDefString',
-    number: 'abColDefNumber',
-    boolean: 'abColDefBoolean',
-    date: 'abColDefDate',
+    string: 'text',
+    number: 'number',
+    boolean: 'boolean',
+    date: 'date',
 };
-const abColDefCustom = 'abColDefCustom';
 const getColTypeFromValue = (value) => {
     const dataType = typeof value;
-    let columnType = typeToColType[dataType] || typeToColType.string;
+    let columnDataType = typeToColType[dataType] || typeToColType.string;
     if (value instanceof Date) {
-        columnType = typeToColType.date;
+        columnDataType = typeToColType.date;
     }
     if (Array.isArray(value) && value.length && typeof value[0] === 'number') {
-        columnType = abColDefCustom;
+        columnDataType = 'numberArray';
     }
-    return columnType;
+    return columnDataType;
 };
 exports.getColTypeFromValue = getColTypeFromValue;
 const prepareGridOptions = (dataSourceInfo, defaultGridOptions) => {
@@ -81,9 +80,19 @@ const prepareGridOptions = (dataSourceInfo, defaultGridOptions) => {
             editable: true,
         };
     });
-    const gridOptions = Object.assign(Object.assign({}, defaultGridOptions), { defaultColDef: {
+    const gridOptions = {
+        ...defaultGridOptions,
+        defaultColDef: {
             floatingFilter: true,
-        }, rowData: dataSourceInfo.data, columnDefs, cellSelection: true, rowSelection: 'multiple', rowHeight: 30 });
+        },
+        rowData: dataSourceInfo.data,
+        columnDefs,
+        cellSelection: true,
+        rowSelection: {
+            mode: 'multiRow',
+        },
+        rowHeight: 30,
+    };
     return gridOptions;
 };
 exports.prepareGridOptions = prepareGridOptions;

package/src/View/AdaptableWizardView/index.js

@@ -6,5 +6,5 @@ const styled_components_1 = require("styled-components");
 const theme_1 = tslib_1.__importDefault(require("../../theme"));
 const Wizard_1 = require("./Wizard");
 const AdaptableWizardView = (props) => (React.createElement(styled_components_1.ThemeProvider, { theme: theme_1.default },
-    React.createElement(Wizard_1.Wizard, Object.assign({}, props))));
+    React.createElement(Wizard_1.Wizard, { ...props })));
 exports.default = AdaptableWizardView;

package/src/View/Alert/ActiveAlertsPanel.js

@@ -10,7 +10,7 @@ const react_redux_1 = require("react-redux");
 const ActiveAlertsPanel = () => {
     const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const filterModule = adaptable.ModuleService.getModuleById(ModuleConstants.AlertModuleId);
-    const alerts = (0, react_redux_1.useSelector)((state) => state.System.AdaptableAlerts);
+    const alerts = (0, react_redux_1.useSelector)((state) => state.Internal.AdaptableAlerts);
     return React.createElement(AdaptableObjectCompactList_1.AdaptableObjectCompactList, { abObjects: alerts, module: filterModule });
 };
 exports.ActiveAlertsPanel = ActiveAlertsPanel;

package/src/View/Alert/ActiveAlertsPanelItemLabel.js

@@ -16,7 +16,7 @@ const ActiveAlertsPanelItemLabel = (props) => {
     const IconCmp = icons_1.allIcons[iconName];
     const icon = IconCmp ? React.createElement(IconCmp, null) : null;
     return (React.createElement(rebass_1.Box, null,
-        React.createElement(rebass_1.Text, { style: Object.assign({ float: 'left' }, iconStyle) }, icon),
+        React.createElement(rebass_1.Text, { style: { float: 'left', ...iconStyle } }, icon),
         props.data.header));
 };
 exports.ActiveAlertsPanelItemLabel = ActiveAlertsPanelItemLabel;

package/src/View/Alert/AlertEmptyView.js

@@ -10,7 +10,7 @@ const AlertEmptyView = (props) => {
         .getEntitlementAccessLevelForModule(props.module.moduleInfo.ModuleName);
     const text = accessLevel == 'ReadOnly'
         ? 'You have no Alert Definitions.'
-        : "Click 'New' to create a new Alert Definition. The Definition will include the Rule which triggers the Alert, and the behaviour of the Alert.";
+        : "Click 'New' to create a new Alert Definition - this will include the Rule which triggers the Alert, and the behaviour of the Alert.";
     return React.createElement(React.Fragment, null, text);
 };
 exports.AlertEmptyView = AlertEmptyView;

package/src/View/Alert/AlertStatusSubPanel.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const AlertStatusPanel: () => JSX.Element;
+import * as React from 'react';
+export declare const AlertStatusPanel: () => React.JSX.Element;

package/src/View/Alert/AlertStatusSubPanel.js

@@ -13,17 +13,19 @@ const initialStyle = { color: '', background: '' };
 const AlertStatusPanel = () => {
     const adaptableApi = (0, AdaptableContext_1.useAdaptable)().api;
     const [style, setStyle] = React.useState(initialStyle);
-    const module = adaptableApi.internalApi.getModuleService().getModuleById(ModuleConstants.AlertModuleId);
+    const module = adaptableApi.internalApi
+        .getModuleService()
+        .getModuleById(ModuleConstants.AlertModuleId);
     const statusbarHighlightDuration = adaptableApi.optionsApi.getAlertOptions().statusbarHighlightDuration;
     /**
      * Using a selector to so the component updates each time an alert is triggered.
      */
-    const alerts = (0, react_redux_1.useSelector)((state) => state.System.AdaptableAlerts);
+    const alerts = (0, react_redux_1.useSelector)((state) => state.Internal.AdaptableAlerts);
     const text = alerts.length == 0 ? '0 Alerts' : alerts.length == 1 ? '1 Alert' : alerts.length + ' Alerts';
     const handleAction = React.useCallback(() => adaptableApi.alertApi.openAlertSettingsPanel(), []);
     // blinking logic
     const previousAlerts = React.useRef(alerts);
-    const timeoutId = React.useRef();
+    const timeoutId = React.useRef(null);
     React.useEffect(() => {
         const noNewAlerts = previousAlerts.current.length === alerts.length;
         previousAlerts.current = alerts;

package/src/View/Alert/AlertViewPanel.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
+import * as InternalRedux from '../../Redux/ActionsReducers/InternalRedux';
 import { AlertDefinition } from '../../PredefinedConfig/AlertState';
 import { AdaptableAlert } from '../../PredefinedConfig/Common/AdaptableAlert';
 import { ViewPanelProps } from '../Components/SharedProps/ViewPanelProps';
 interface AlertViewPanelComponentProps extends ViewPanelProps {
     AlertDefinitions: AlertDefinition[];
     AdaptableAlerts: AdaptableAlert[];
-    onDeleteAlert: (alert: AdaptableAlert) => SystemRedux.SystemAlertDeleteAction;
-    onDeleteAllAlert: (alerts: AdaptableAlert[]) => SystemRedux.SystemAlertDeleteAllAction;
+    onDeleteAlert: (alert: AdaptableAlert) => InternalRedux.AdaptableAlertDeleteAction;
+    onDeleteAllAlert: (alerts: AdaptableAlert[]) => InternalRedux.AdaptableAlertDeleteAllAction;
 }
 interface AlertViewState {
     ShowMessage: boolean;
@@ -16,7 +16,9 @@ interface AlertViewState {
 declare class AlertViewPanelComponent extends React.Component<AlertViewPanelComponentProps, AlertViewState> {
     constructor(props: AlertViewPanelComponentProps);
     componentDidUpdate(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
-export declare const AlertViewPanelControl: import("react-redux").ConnectedComponent<typeof AlertViewPanelComponent, any>;
+export declare const AlertViewPanelControl: import("react-redux").ConnectedComponent<typeof AlertViewPanelComponent, {
+    [x: string]: any;
+}>;
 export {};

package/src/View/Alert/AlertViewPanel.js

@@ -4,7 +4,7 @@ exports.AlertViewPanelControl = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const react_redux_1 = require("react-redux");
-const SystemRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/SystemRedux"));
+const InternalRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/InternalRedux"));
 const AdaptablePopover_1 = require("../AdaptablePopover");
 const rebass_1 = require("rebass");
 const UIHelper_1 = tslib_1.__importDefault(require("../UIHelper"));
@@ -44,13 +44,13 @@ class AlertViewPanelComponent extends React.Component {
 function mapStateToProps(state, ownProps) {
     return {
         AlertDefinitions: state.Alert.AlertDefinitions,
-        AdaptableAlerts: state.System.AdaptableAlerts,
+        AdaptableAlerts: state.Internal.AdaptableAlerts,
     };
 }
 function mapDispatchToProps(dispatch) {
     return {
-        onDeleteAlert: (alert) => dispatch(SystemRedux.SystemAlertDelete(alert)),
-        onDeleteAllAlert: (alerts) => dispatch(SystemRedux.SystemAlertDeleteAll(alerts)),
+        onDeleteAlert: (alert) => dispatch(InternalRedux.AdaptableAlertDelete(alert)),
+        onDeleteAllAlert: (alerts) => dispatch(InternalRedux.AdaptableAlertDeleteAll(alerts)),
     };
 }
 exports.AlertViewPanelControl = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(AlertViewPanelComponent);

package/src/View/Alert/AlertsPanel.js

@@ -14,8 +14,7 @@ const ListGroup_1 = tslib_1.__importDefault(require("../../components/List/ListG
 const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
 class AlertsPanel extends React.Component {
     componentWillUnmount() {
-        var _a, _b;
-        (_b = (_a = this.props).onRender) === null || _b === void 0 ? void 0 : _b.call(_a);
+        this.props.onRender?.();
     }
     render() {
         let alerts = this.props.Alerts.map((alert, index) => {