@adaptabletools/adaptable 24.0.0-canary.7 → 24.0.0-canary.9

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

@@ -1,131 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import HelpBlock from '../../../components/HelpBlock';
-import { ALL_MODULES } from '../../../AdaptableState/Common/Types';
-import Radio from '../../../components/Radio';
-import FormLayout, { FormRow } from '../../../components/FormLayout';
-import { ACCESS_LEVEL_FULL, ACCESS_LEVEL_HIDDEN, ACCESS_LEVEL_READ_ONLY, } from '../../../Utilities/Constants/GeneralConstants';
-import { ADAPTABLE_MODULE_MAP } from '../../../Utilities/Constants/ModuleConstants';
-import { DataSource, InfiniteTableGrid, } from '../../../components/InfiniteTable';
-import { Box, Flex } from '../../../components/Flex';
-const ALL_ENTITLEMENTS_MODULES = ALL_MODULES;
-const tableDOMProps = {
-    style: {
-        height: '100%',
-        minWidth: '10rem',
-        minHeight: 600,
-    },
-};
-const columnTypes = {
-    default: {
-        defaultFlex: 1,
-        align: 'center',
-        defaultSortable: false,
-    },
-};
-const headerOptions = {
-    alwaysReserveSpaceForSortIcon: false,
-};
-const EntitlementsListForm = (props) => {
-    let abOptions = props.adaptableOptions;
-    const entitlements = abOptions?.entitlementOptions?.moduleEntitlements ?? [];
-    if (typeof entitlements === 'function') {
-        return (_jsx(HelpBlock, { className: "twa:mt-2", children: "Entitlements cannot be customized, they are handled by a custom function." }));
-    }
-    const entitlementsMap = React.useMemo(() => {
-        return entitlements.reduce((acc, entitlement) => {
-            acc[entitlement.adaptableModule] = entitlement.accessLevel;
-            return acc;
-        }, {});
-    }, [abOptions?.entitlementOptions]);
-    const handleOnChange = React.useCallback((module, accessLevel) => {
-        let newEntitlements = entitlements;
-        if (entitlementsMap[module]) {
-            newEntitlements = newEntitlements.map((entitlement) => {
-                if (entitlement.adaptableModule === module) {
-                    entitlement.accessLevel = accessLevel;
-                }
-                return entitlement;
-            });
-        }
-        else {
-            newEntitlements = [
-                ...newEntitlements,
-                { adaptableModule: module, accessLevel: accessLevel },
-            ];
-        }
-        props.onChangedAptableOptions({
-            ...abOptions,
-            entitlementOptions: {
-                ...abOptions.entitlementOptions,
-                moduleEntitlements: newEntitlements,
-            },
-        });
-    }, [abOptions?.entitlementOptions]);
-    if (typeof entitlements === 'function') {
-        return (_jsx(HelpBlock, { className: "twa:mb-2", children: "Entitlements cannot be customized, they are handled by a custom function." }));
-    }
-    const columnsMap = {
-        name: {
-            header: 'Module Name',
-            align: 'start',
-            renderValue: (params) => {
-                return _jsx(_Fragment, { children: params.data.name });
-            },
-        },
-        full: {
-            header: 'Full',
-            render: (params) => {
-                const module = params.data.name;
-                const accessLevel = entitlementsMap[module];
-                return (_jsx(Radio, { onClick: () => handleOnChange(module, ACCESS_LEVEL_FULL), checked: accessLevel === ACCESS_LEVEL_FULL }));
-            },
-        },
-        readonly: {
-            header: 'Read Only',
-            render: (params) => {
-                const module = params.data.name;
-                const accessLevel = entitlementsMap[module];
-                return (_jsx(Radio, { onClick: () => handleOnChange(module, ACCESS_LEVEL_READ_ONLY), checked: accessLevel === ACCESS_LEVEL_READ_ONLY }));
-            },
-        },
-        hidden: {
-            header: 'Hidden',
-            render: (params) => {
-                const module = params.data.name;
-                const accessLevel = entitlementsMap[module];
-                return (_jsx(Radio, { onClick: () => handleOnChange(module, ACCESS_LEVEL_HIDDEN), checked: accessLevel === ACCESS_LEVEL_HIDDEN }));
-            },
-        },
-    };
-    const data = ALL_ENTITLEMENTS_MODULES.map((module) => ({ name: ADAPTABLE_MODULE_MAP[module] }));
-    let theme = 'light';
-    if (typeof props.adaptableOptions.initialState === 'object' &&
-        props.adaptableOptions.initialState.Theme?.CurrentTheme) {
-        theme = props.adaptableOptions.initialState.Theme.CurrentTheme;
-    }
-    return (_jsx(Box, { className: `${theme} twa:flex-1 twa:h-full`, children: _jsx(DataSource, { data: data, primaryKey: "name", children: _jsx(InfiniteTableGrid, { columnTypes: columnTypes, headerOptions: headerOptions, domProps: tableDOMProps, columns: columnsMap }) }) }));
-};
-const DefaultEntitlementForm = (props) => {
-    const abOptions = props.adaptableOptions;
-    const entitlementOptions = props.adaptableOptions?.entitlementOptions;
-    const defaultEntitlement = entitlementOptions?.defaultAccessLevel;
-    if (typeof defaultEntitlement === 'function') {
-        return (_jsx(HelpBlock, { className: "twa:mb-2", children: "Default Entitlement is controlled by a custom function" }));
-    }
-    const handleDefaultEntitlementChange = React.useCallback((accessLevel) => {
-        props.onChangedAptableOptions({
-            ...abOptions,
-            entitlementOptions: {
-                ...abOptions.entitlementOptions,
-                defaultAccessLevel: accessLevel,
-            },
-        });
-    }, [abOptions?.entitlementOptions?.defaultAccessLevel]);
-    return (_jsx(FormLayout, { className: "twa:mb-2", children: _jsxs(FormRow, { label: "Default Entitlement:", children: [_jsx(Radio, { onClick: () => handleDefaultEntitlementChange(ACCESS_LEVEL_FULL), checked: defaultEntitlement === ACCESS_LEVEL_FULL, className: "twa:mr-3", children: "Visible" }), _jsx(Radio, { onClick: () => handleDefaultEntitlementChange(ACCESS_LEVEL_READ_ONLY), checked: defaultEntitlement === ACCESS_LEVEL_READ_ONLY, className: "twa:mr-3", children: "Read Only" }), _jsx(Radio, { onClick: () => handleDefaultEntitlementChange(ACCESS_LEVEL_HIDDEN), checked: defaultEntitlement === ACCESS_LEVEL_HIDDEN, children: "Hidden" })] }) }));
-};
-const EntitlementsForm = (props) => {
-    let abOptions = props.adaptableOptions;
-    return (_jsxs(Flex, { flexDirection: "column", className: "twa:p-2 twa:h-full", children: [_jsx(DefaultEntitlementForm, { ...props }), _jsx(EntitlementsListForm, { ...props })] }));
-};
-export default EntitlementsForm;

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

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

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

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import FormLayout, { FormRow } from '../../../components/FormLayout';
-import { CheckBox } from '../../../components/CheckBox';
-import HelpBlock from '../../../components/HelpBlock';
-import { Box } from '../../../components/Flex';
-const GridOptionsForm = (props) => {
-    let { gridOptions } = props;
-    return (_jsxs(Box, { className: "twa:p-2", children: [_jsx(HelpBlock, { children: "Grid Options" }), _jsxs(FormLayout, { className: "twa:m-2", columns: [{ name: 'children' }, { name: 'label', style: { textAlign: 'start' } }], children: [_jsx(FormRow, { label: "Enable Cell Selection", children: _jsx(CheckBox, { checked: !!gridOptions.cellSelection, onChange: (enableCellSelection) => {
-                                gridOptions = { ...gridOptions, cellSelection: enableCellSelection };
-                                props.onChangedGridOptions(gridOptions);
-                            } }) }), _jsx(FormRow, { label: "Show Filter Bar", children: _jsx(CheckBox, { checked: gridOptions.defaultColDef?.floatingFilter, onChange: (floatingFilter) => {
-                                gridOptions = {
-                                    ...gridOptions,
-                                    defaultColDef: {
-                                        floatingFilter,
-                                    },
-                                };
-                                props.onChangedGridOptions(gridOptions);
-                            } }) }), _jsx(FormRow, { label: "Suppress Column Virtualisation", children: _jsx(CheckBox, { checked: gridOptions.suppressColumnVirtualisation, onChange: (suppressColumnVirtualisation) => {
-                                gridOptions = {
-                                    ...gridOptions,
-                                    suppressColumnVirtualisation: suppressColumnVirtualisation,
-                                };
-                                props.onChangedGridOptions(gridOptions);
-                            } }) }), _jsx(FormRow, { label: "Show Column Menu Button", children: _jsx(CheckBox, { checked: gridOptions.suppressMenuHide, onChange: (suppressMenuHide) => {
-                                gridOptions = { ...gridOptions, suppressMenuHide: suppressMenuHide };
-                                props.onChangedGridOptions(gridOptions);
-                            } }) })] })] }));
-};
-export default GridOptionsForm;

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

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

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

@@ -1,80 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckBox } from '../../../../components/CheckBox';
-import { NewDropdownButton } from '../../../../components/DropdownButton';
-import FormLayout, { FormRow } from '../../../../components/FormLayout';
-import HelpBlock from '../../../../components/HelpBlock';
-import StringExtensions from '../../../../Utilities/Extensions/StringExtensions';
-import { Box, Flex } from '../../../../components/Flex';
-const ALL_SIDEBAR_OPTIONS = ['columns', 'filters', 'adaptable'];
-const prepareSidebarDef = (sideBar) => {
-    sideBar = sideBar;
-    if (typeof sideBar === 'boolean') {
-        sideBar = {
-            toolPanels: ALL_SIDEBAR_OPTIONS,
-        };
-    }
-    if (typeof sideBar === 'string') {
-        sideBar = {
-            toolPanels: [sideBar],
-        };
-    }
-    if (Array.isArray(sideBar)) {
-        sideBar = {
-            toolPanels: sideBar,
-        };
-    }
-    return sideBar ?? { toolPanels: [] };
-};
-const isSidebarChecked = (sideBar, panelName) => {
-    return (sideBar?.toolPanels ?? []).some((panel) => {
-        const panelId = typeof panel === 'string' ? panel : panel.id;
-        return panelId === panelName;
-    });
-};
-export const UIOptionsSidebarForm = (props) => {
-    const { gridOptions, onChange } = props;
-    const sideBar = prepareSidebarDef(gridOptions.sideBar);
-    const renderSidebarCheckbox = (sidebarName) => {
-        return (_jsx(CheckBox, { className: "twa:mr-3", checked: isSidebarChecked(sideBar, sidebarName), onChange: (check) => handleToolpanelsChange(sidebarName, check), children: StringExtensions.Humanize(sidebarName) }, sidebarName));
-    };
-    const handleToolpanelsChange = (panelName, check) => {
-        let newPanels = sideBar?.toolPanels ?? [];
-        if (check) {
-            newPanels = [...newPanels, panelName];
-        }
-        else {
-            newPanels = newPanels.filter((panel) => {
-                const panelId = typeof panel === 'string' ? panel : panel.id;
-                return panelId !== panelName;
-            });
-        }
-        let hiddenByDefault = sideBar.hiddenByDefault ?? false;
-        if (newPanels.length === 0) {
-            hiddenByDefault = true;
-        }
-        const newGridOptions = {
-            ...gridOptions,
-            sideBar: {
-                ...sideBar,
-                toolPanels: newPanels,
-                hiddenByDefault,
-            },
-        };
-        props.onChange(newGridOptions);
-    };
-    let sidebarPosition = sideBar?.position ?? 'right';
-    const handleSidebarPositionChange = (position) => {
-        const newGridOptions = {
-            ...gridOptions,
-            sideBar: {
-                ...sideBar,
-                position,
-            },
-        };
-        props.onChange(newGridOptions);
-    };
-    return (_jsxs(Box, { children: [_jsx(HelpBlock, { children: "Tool Panels" }), _jsxs(Box, { className: "twa:m-2", children: [_jsx(Flex, { className: "twa:mb-2", children: ALL_SIDEBAR_OPTIONS.map(renderSidebarCheckbox) }), _jsx(FormLayout, { columns: [{ name: 'label' }, { name: 'children' }], children: _jsx(FormRow, { label: "Position", children: _jsx(NewDropdownButton, { items: [
-                                    { label: 'Left', onClick: () => handleSidebarPositionChange('left') },
-                                    { label: 'Right', onClick: () => handleSidebarPositionChange('right') },
-                                ], children: sidebarPosition === 'left' ? 'Left' : 'Right' }) }) })] })] }));
-};

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

@@ -1,6 +0,0 @@
-import * as React from 'react';
-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

@@ -1,100 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { ModuleManager } from '../../../../components/DragAndDropContext/ModuleManager';
-import HelpBlock from '../../../../components/HelpBlock';
-import FormLayout, { FormRow } from '../../../../components/FormLayout';
-import Input from '../../../../components/Input';
-import { ButtonNew } from '../../../Components/Buttons/ButtonNew';
-import { NewDropdownButton } from '../../../../components/DropdownButton';
-import { NocodeWizardFormBox } from '../Components/FormBox';
-import { Box } from '../../../../components/Flex';
-export const UIOptionsStatusbarForm = (props) => {
-    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 {
-                ...previousItem,
-                align,
-            };
-        }
-        else {
-            const newPanel = {
-                statusPanel: panelId,
-                align,
-            };
-            return newPanel;
-        }
-    });
-    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) => {
-        const leftPanels = panelIdtoPanel(tabs[0].Items, 'left');
-        const centerPanels = panelIdtoPanel(tabs[1].Items, 'center');
-        const rightPanels = panelIdtoPanel(tabs[2].Items, 'right');
-        const newStatusbarPanels = [...leftPanels, ...centerPanels, ...rightPanels];
-        props.onChange({
-            ...props.gridOptions,
-            statusBar: {
-                ...props.gridOptions.statusBar,
-                statusPanels: newStatusbarPanels,
-            },
-        });
-    };
-    const disabled = false;
-    const panelToTabItemId = (panel) => panel.key ?? panel.statusPanel;
-    const tabs = [
-        {
-            Name: 'Left',
-            Items: leftPanels.map(panelToTabItemId),
-        },
-        {
-            Name: 'Center',
-            Items: centerPanels.map(panelToTabItemId),
-        },
-        {
-            Name: 'Right',
-            Items: rightPanels.map(panelToTabItemId),
-        },
-    ];
-    const allOptions = [
-        { Id: 'agTotalRowCountComponent', Title: 'Row Count' },
-        { Id: 'agTotalAndFilteredRowCountComponent', Title: 'Totals and Filtered Row Count' },
-        { Id: 'agFilteredRowCountComponent', Title: 'Filtered Row Count' },
-        { Id: 'agSelectedRowCountComponent', Title: 'Selected Row Count' },
-        { Id: 'agAggregationComponent', Title: 'Aggregation' },
-    ];
-    const availableItems = allOptions;
-    const [adaptablePanelTitle, setAdaptablePanelTitle] = React.useState('');
-    const [adaptablePanelAlign, setAdaptablePanelAlign] = React.useState('left');
-    const isAdaptablePanelTitleAvailable = !allPanels.some((panel) => panel.key === adaptablePanelTitle);
-    const alignOptions = [
-        { onClick: () => setAdaptablePanelAlign('left'), value: 'left', label: 'Left' },
-        { onClick: () => setAdaptablePanelAlign('center'), value: 'center', label: 'Center' },
-        { onClick: () => setAdaptablePanelAlign('right'), value: 'right', label: 'Right' },
-    ];
-    const handleNewAdaptablePanel = () => {
-        const newAdaptablePanel = {
-            statusPanel: 'AdaptableStatusPanel',
-            align: adaptablePanelAlign,
-            key: adaptablePanelTitle,
-        };
-        const newStatusbarPanels = [...allPanels, newAdaptablePanel];
-        setAdaptablePanelTitle('');
-        setAdaptablePanelAlign('left');
-        props.onChange({
-            ...props.gridOptions,
-            statusBar: {
-                ...props.gridOptions.statusBar,
-                statusPanels: newStatusbarPanels,
-            },
-        });
-    };
-    return (_jsxs(Box, { children: [_jsx(HelpBlock, { children: "Status Bar" }), _jsxs(Box, { className: "twa:p-2", children: [_jsxs(NocodeWizardFormBox, { children: [_jsx(Box, { as: "b", children: "Create Adaptable Statusbar Panel" }), _jsxs(FormLayout, { className: "twa:mt-2", children: [_jsx(FormRow, { label: "Panel Name", children: _jsx(Input, { value: adaptablePanelTitle, placeholder: 'Adaptable Panel Name', onChange: (event) => setAdaptablePanelTitle(event.target.value) }) }), _jsx(FormRow, { label: "Align", children: _jsx(NewDropdownButton, { items: alignOptions, children: alignOptions.find((option) => option.value === adaptablePanelAlign)?.label }) }), _jsxs(FormRow, { label: "", children: [_jsx(ButtonNew, { disabled: !isAdaptablePanelTitleAvailable, onClick: handleNewAdaptablePanel, children: "Add" }), !isAdaptablePanelTitleAvailable && (_jsx(Box, { className: "twa:mt-2 twa:text-destructive", children: "Adaptable panel name must be unique." }))] })] })] }), _jsx(ModuleManager, { permittedActions: {
-                            createTab: false,
-                            dragAndDropTab: false,
-                            deleteTab: false,
-                            editTabName: false,
-                        }, onTabsChange: handleTabChange, disabled: disabled, tabs: tabs, availableItems: availableItems, tabsTitle: 'Status Bar Panels', unusedPanelTitle: "Ag Grid Status Bar Panels", dragItemText: "Drag into a Status Bar Panel below" })] })] }));
-};

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

@@ -1,11 +0,0 @@
-import { GridOptions } from 'ag-grid-enterprise';
-import * as React from 'react';
-import { AdaptableOptions } from '../../../../types';
-interface UIElementsOptionsProps {
-    adaptableOptions: AdaptableOptions;
-    gridOptions: GridOptions;
-    onChangedAdaptableOptions: (adaptableOptions: AdaptableOptions) => void;
-    onChangedGridOptions: (gridOptions: GridOptions) => void;
-}
-export declare const UIElementsForm: React.FunctionComponent<UIElementsOptionsProps>;
-export {};

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

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tabs } from '../../../../components/Tabs';
-import { UIOptionsSidebarForm } from './UIOptionsSidebarForm';
-import { UIOptionsStatusbarForm } from './UIOptionsStatusbarForm';
-import { Box } from '../../../../components/Flex';
-export const UIElementsForm = (props) => {
-    return (_jsx(Box, { className: "twa:p-2", children: _jsxs(Tabs, { children: [_jsx(Tabs.Tab, { children: "Tool Panel" }), _jsx(Tabs.Tab, { children: "Status Bar" }), _jsx(Tabs.Content, { children: _jsx(UIOptionsSidebarForm, { gridOptions: props.gridOptions, onChange: props.onChangedGridOptions }) }), _jsx(Tabs.Content, { children: _jsx(UIOptionsStatusbarForm, { gridOptions: props.gridOptions, onChange: props.onChangedGridOptions }) }), ' '] }) }));
-};

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

@@ -1,2 +0,0 @@
-import { ConfigurationWizard } from './ConfigurationWizard';
-export default ConfigurationWizard;

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

@@ -1,2 +0,0 @@
-import { ConfigurationWizard } from './ConfigurationWizard';
-export default ConfigurationWizard;

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

@@ -1,21 +0,0 @@
-declare const useSelection: (columns: {
-    [key: string]: any;
-}[], defaultValue: boolean | {
-    [key: string]: boolean;
-}, fieldName: string | null, changeListeners?: {
-    onChange?: (column: any, flag: boolean) => void;
-    onBatchChange?: (flag: boolean) => void;
-}) => {
-    selected: {
-        [key: string]: boolean;
-    };
-    isSelected: (field: string) => boolean;
-    isAllSelected: () => boolean;
-    isNoneSelected: () => boolean;
-    selectColumn: (field: string) => void;
-    deselectColumn: (field: string) => void;
-    toggleColumn: (field: string) => void;
-    deselectAll: () => void;
-    selectAll: () => void;
-};
-export default useSelection;

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

@@ -1,63 +0,0 @@
-import { useState } from 'react';
-const useSelection = (columns, defaultValue, fieldName, changeListeners) => {
-    changeListeners = changeListeners || {};
-    const onChange = changeListeners.onChange || ((column, flag) => { });
-    const onBatchChange = changeListeners.onBatchChange || ((flag) => { });
-    const [selected, setSelected] = useState(typeof defaultValue === 'object'
-        ? defaultValue
-        : columns.reduce((acc, col) => {
-            const flag = fieldName ? col[fieldName] : defaultValue;
-            if (flag) {
-                acc[col.field] = flag;
-            }
-            return acc;
-        }, {}));
-    const getColumn = (field) => columns.filter((c) => c.field === field)[0];
-    const result = {
-        selected,
-        isSelected: (field) => !!selected[field],
-        isAllSelected: () => Object.keys(selected).length === columns.length,
-        isNoneSelected: () => Object.keys(selected).length === 0,
-        selectColumn: (field) => {
-            if (!selected[field]) {
-                setSelected({
-                    ...selected,
-                    [field]: true,
-                });
-                onChange(getColumn(field), true);
-            }
-        },
-        deselectColumn: (field) => {
-            if (selected[field]) {
-                const newSelected = { ...selected };
-                delete newSelected[field];
-                setSelected(newSelected);
-                onChange(getColumn(field), false);
-            }
-        },
-        toggleColumn: (field) => {
-            if (result.isSelected(field)) {
-                result.deselectColumn(field);
-            }
-            else {
-                result.selectColumn(field);
-            }
-        },
-        deselectAll: () => {
-            setSelected({});
-            columns.forEach((col) => {
-                onChange(col, false);
-            });
-            onBatchChange(false);
-        },
-        selectAll: () => {
-            setSelected(columns.reduce((acc, col) => {
-                acc[col.field] = true;
-                return acc;
-            }, {}));
-            onBatchChange(true);
-        },
-    };
-    return result;
-};
-export default useSelection;

package/src/View/AdaptableWizardView/Utilities/Utils.d.ts

@@ -1 +0,0 @@
-export declare const validDataSource: (dataSourceInfo: any) => boolean;

package/src/View/AdaptableWizardView/Utilities/Utils.js

@@ -1,21 +0,0 @@
-export const validDataSource = (dataSourceInfo) => {
-    if (!dataSourceInfo || !Array.isArray(dataSourceInfo.columns)) {
-        throw `We can't find any columns in your configuration`;
-    }
-    if (!dataSourceInfo.columns.length) {
-        throw 'You should have at least one column';
-    }
-    const allStringColumns = dataSourceInfo.columns.reduce((acc, col) => {
-        if (!col || typeof col !== 'string') {
-            return false;
-        }
-        return acc;
-    }, true);
-    if (!allStringColumns) {
-        throw `Some of your columns are not strings`;
-    }
-    if (!Array.isArray(dataSourceInfo.data)) {
-        throw `We can't find the data array in your configuration`;
-    }
-    return true;
-};

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

@@ -1,19 +0,0 @@
-import { GridOptions } from 'ag-grid-enterprise';
-export interface WizardDataSourceInfo {
-    columns: string[];
-    data: any[];
-    primaryKey?: string;
-}
-/**
- * There are two ways in which the datasource can be dropped in the wizard:
- *
- * 1. array of objects - eg: [{"lastName":"John","firstName":"Bobson"},{"lastName":"Mike","firstName":"Richardson"},...]
- * 2. array of arrays - eg: [["lastName","firstName"],["John","Bobson"],["Mike","Richardson"],...]
- *
- * Although the second one is more compact, the first one is what we need for the datasource of the grid,
- * so if we receive v2, we transform it to 1
- * @param json
- */
-export declare const prepareDataSource: (json: any, _file?: File) => WizardDataSourceInfo;
-export declare const getColTypeFromValue: (value: any) => string;
-export declare const prepareGridOptions: (dataSourceInfo: WizardDataSourceInfo, defaultGridOptions: Partial<GridOptions>) => GridOptions;

package/src/View/AdaptableWizardView/Utilities/helper.js

@@ -1,81 +0,0 @@
-export const prepareDataSource = (json, _file) => {
-    if (!Array.isArray(json) || !json.length) {
-        return {
-            primaryKey: undefined,
-            columns: [],
-            data: [],
-        };
-    }
-    let columns = [];
-    let data = [];
-    let primaryKey;
-    if (Array.isArray(json[0])) {
-        columns = json[0];
-        for (let i = 1, len = json.length; i < len; i++) {
-            const it = json[i];
-            const obj = {};
-            for (let j = 0; j < columns.length; j++) {
-                obj[columns[j]] = it[j];
-            }
-            data.push(obj);
-        }
-    }
-    else {
-        columns = Object.keys(json[0]);
-        data = json;
-    }
-    primaryKey = columns[0];
-    return {
-        primaryKey,
-        columns,
-        data,
-    };
-};
-const typeToColType = {
-    string: 'text',
-    number: 'number',
-    boolean: 'boolean',
-    date: 'date',
-};
-export const getColTypeFromValue = (value) => {
-    const dataType = typeof value;
-    let columnDataType = typeToColType[dataType] || typeToColType.string;
-    if (value instanceof Date) {
-        columnDataType = typeToColType.date;
-    }
-    if (Array.isArray(value) && value.length && typeof value[0] === 'number') {
-        columnDataType = 'numberArray';
-    }
-    return columnDataType;
-};
-export const prepareGridOptions = (dataSourceInfo, defaultGridOptions) => {
-    const firstItem = dataSourceInfo.data[0];
-    const columnDefs = dataSourceInfo.columns.map((columnName) => {
-        const firstItemValue = firstItem[columnName];
-        const columnType = getColTypeFromValue(firstItemValue);
-        return {
-            headerName: columnName,
-            field: columnName,
-            type: columnType,
-            filter: true,
-            sortable: true,
-            enableRowGroup: true,
-            resizable: true,
-            editable: true,
-        };
-    });
-    const gridOptions = {
-        ...defaultGridOptions,
-        defaultColDef: {
-            floatingFilter: true,
-        },
-        rowData: dataSourceInfo.data,
-        columnDefs,
-        cellSelection: true,
-        rowSelection: {
-            mode: 'multiRow',
-        },
-        rowHeight: 30,
-    };
-    return gridOptions;
-};