@adaptabletools/adaptable 24.0.0-canary.0 → 24.0.0-canary.10

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

@@ -1,162 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { useState } from 'react';
-import StringExtensions from '../../../Utilities/Extensions/StringExtensions';
-import { OnePageWizard } from '../../Wizard/OnePageWizards';
-import { ConfigurationWizardColumnsStep } from './ConfigurationWizardColumnsStep';
-import GridOptionsForm from './GridOptionsForm';
-import EntitlementsForm from './EntitlementsForm';
-import { UIElementsForm } from './UIOptions/UiOptionsForm';
-import { applyDefaultAdaptableOptions } from '../../../AdaptableOptions/DefaultAdaptableOptions';
-export const ConfigurationWizard = (props) => {
-    const [isPrimaryKeySelected, setIsValid] = React.useState(true);
-    const [adaptableConfig, setAdaptableConfig] = useState(() => {
-        const gridOptionDefaults = {
-            sideBar: {
-                toolPanels: ['columns', 'filters', 'adaptable'],
-            },
-        };
-        const gridOptions = {
-            ...gridOptionDefaults,
-            ...props.adaptableConfig.gridOptions,
-        };
-        const adaptableOptions = applyDefaultAdaptableOptions(props.adaptableConfig.adaptableOptions);
-        return { gridOptions, adaptableOptions };
-    });
-    const [selectedColumns, setSelectedColumns] = useState(() => {
-        return props.adaptableConfig.gridOptions?.columnDefs?.reduce((acc, col) => {
-            acc[col.field] = true;
-            return acc;
-        }, {});
-    });
-    const columnsHandle = React.useRef(null);
-    const handleFinish = () => {
-        const newAdaptableOptions = { ...adaptableConfig.adaptableOptions };
-        const newGridOptions = { ...adaptableConfig.gridOptions };
-        if (columnsHandle.current) {
-            adaptableConfig.gridOptions.columnDefs = columnsHandle.current.getColumns().map((column) => {
-                const newColumn = {
-                    ...column,
-                    headerName: column.caption || StringExtensions.Humanize(column.field),
-                };
-                delete newColumn.caption;
-                return newColumn;
-            });
-            const columnDefs = adaptableConfig.gridOptions.columnDefs;
-            let Layouts = newAdaptableOptions.initialState?.Layout?.Layouts || [];
-            const NewLayout = {
-                TableColumns: columnDefs.map((col) => col.colId ?? col.field),
-                Name: 'Default Layout',
-            };
-            let currentLayoutName = NewLayout.Name;
-            let found = false;
-            if (!Layouts.length) {
-                Layouts = [NewLayout];
-            }
-            else {
-                Layouts = Layouts.map((layout) => {
-                    if (found) {
-                        return layout;
-                    }
-                    if (layout.TableColumns?.length === 0) {
-                        found = true;
-                        currentLayoutName = layout.Name;
-                        layout = { ...layout };
-                        layout.TableColumns = NewLayout.TableColumns;
-                    }
-                    return layout;
-                });
-                if (!found) {
-                    Layouts.push(NewLayout);
-                }
-            }
-            newAdaptableOptions.initialState = {
-                ...newAdaptableOptions.initialState,
-                Layout: {
-                    ...newAdaptableOptions.initialState.Layout,
-                    Layouts: Layouts,
-                    CurrentLayout: currentLayoutName,
-                },
-            };
-            newAdaptableOptions.primaryKey = columnsHandle.current.getPrimaryKey();
-        }
-        const newAdaptableConfig = {
-            adaptableOptions: newAdaptableOptions,
-            gridOptions: newGridOptions,
-        };
-        setAdaptableConfig(newAdaptableConfig);
-        props.onFinish(newAdaptableConfig);
-    };
-    const handlePrimaryKeyColumnIsNotSelected = React.useCallback((newIsValid) => {
-        setIsValid(newIsValid);
-    }, []);
-    const handleColumnsChange = React.useCallback((columns) => {
-        setAdaptableConfig((adaptableConfig) => ({
-            ...adaptableConfig,
-            gridOptions: { ...adaptableConfig.gridOptions, columnDefs: columns },
-        }));
-    }, []);
-    const handleColumnSelectionChange = React.useCallback((col, flag) => {
-        setSelectedColumns((selectedColumns) => {
-            const newSelectedColumns = selectedColumns ?? {};
-            newSelectedColumns[col.field] = flag;
-            return newSelectedColumns;
-        });
-    }, []);
-    const handleAdaptableOptionsChange = React.useCallback((adaptableOptions) => {
-        setAdaptableConfig((adaptableConfig) => ({
-            ...adaptableConfig,
-            adaptableOptions: adaptableOptions,
-        }));
-    }, []);
-    const handleGridOptionsChange = React.useCallback((gridOptions) => {
-        setAdaptableConfig((adaptableConfig) => ({
-            ...adaptableConfig,
-            gridOptions: gridOptions,
-        }));
-    }, []);
-    let sections = [
-        {
-            title: 'Columns',
-            details: 'Configure Columns',
-            isValid: () => {
-                if (!isPrimaryKeySelected) {
-                    return 'Primary key column must be included';
-                }
-                return true;
-            },
-            render: () => (_jsx(ConfigurationWizardColumnsStep, { adaptableConfig: adaptableConfig, setPrimaryKeyIsNotSelected: handlePrimaryKeyColumnIsNotSelected, onChange: setAdaptableConfig, selectedColumns: selectedColumns, onSelectionChange: handleColumnSelectionChange, onColumnChange: handleColumnsChange, columnsHandle: columnsHandle })),
-        },
-        {
-            title: 'AG Grid Options',
-            details: 'Configure AG Grid Options',
-            render: () => (_jsx(GridOptionsForm, { gridOptions: adaptableConfig.gridOptions, onChangedGridOptions: handleGridOptionsChange })),
-        },
-        {
-            title: 'UI Elements',
-            details: 'Configure UI Elements',
-            render: () => (_jsx(UIElementsForm, { adaptableOptions: adaptableConfig.adaptableOptions, gridOptions: adaptableConfig.gridOptions, onChangedAdaptableOptions: handleAdaptableOptionsChange, onChangedGridOptions: handleGridOptionsChange })),
-        },
-        {
-            title: 'Entitlements',
-            details: 'Configure Entitlements',
-            render: () => (_jsx(EntitlementsForm, { adaptableOptions: adaptableConfig.adaptableOptions, onChangedAptableOptions: handleAdaptableOptionsChange })),
-        },
-    ].filter(Boolean);
-    if (props.startSections) {
-        sections = [
-            ...props.startSections.map((section) => {
-                return {
-                    title: section.title,
-                    isValid: section.isValid,
-                    isVisible: section.isVisible,
-                    render: () => {
-                        return section.render(adaptableConfig, setAdaptableConfig, setSelectedColumns);
-                    },
-                };
-            }),
-            ...sections,
-        ];
-    }
-    return (_jsx(OnePageWizard, { data: adaptableConfig, name: "Configure", defaultCurrentSectionName: 'default section name', onHide: () => null, onFinish: handleFinish, sections: sections }));
-};

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

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { NocodeColumn } from './ColumnsList';
-import { AdaptableConfig } from './AdaptableConfig';
-export interface ConfigurationWizardColumnsStepProps {
-    adaptableConfig: AdaptableConfig;
-    onChange: (newConfig: AdaptableConfig) => void;
-    columnsHandle: React.MutableRefObject<{
-        getColumns: () => any[];
-        getPrimaryKey: () => string;
-    }>;
-    setPrimaryKeyIsNotSelected: (enabled: boolean) => void;
-    onColumnChange: (columns: NocodeColumn[]) => void;
-    onSelectionChange: (column: any, flag: boolean) => void;
-    selectedColumns: {
-        [key: string]: boolean;
-    };
-}
-export declare const ConfigurationWizardColumnsStep: React.FunctionComponent<ConfigurationWizardColumnsStepProps>;

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

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import ColumnsList from './ColumnsList';
-export const ConfigurationWizardColumnsStep = (props) => {
-    let theme = 'light';
-    if (typeof props.adaptableConfig.adaptableOptions.initialState === 'object' &&
-        props.adaptableConfig.adaptableOptions.initialState.Theme?.CurrentTheme) {
-        theme = props.adaptableConfig.adaptableOptions.initialState.Theme.CurrentTheme;
-    }
-    return (_jsx(ColumnsList, { theme: theme, handle: props.columnsHandle, onValidityChange: (valid) => {
-            props.setPrimaryKeyIsNotSelected(valid);
-        }, selectedColumns: props.selectedColumns, onChange: props.onColumnChange, onSelectionChange: props.onSelectionChange, columns: props.adaptableConfig.gridOptions?.columnDefs }));
-};

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

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { AdaptableOptions } from '../../../types';
-interface EntitlementsFormOptions {
-    adaptableOptions: AdaptableOptions;
-    onChangedAptableOptions: (adaptableOptions: AdaptableOptions) => void;
-}
-declare const EntitlementsForm: React.FunctionComponent<EntitlementsFormOptions>;
-export default EntitlementsForm;

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;