@adaptabletools/adaptable 23.1.0 → 24.0.0-canary.1

package/src/View/GridFilter/GridFilterPopupUI/index.d.ts

@@ -1,69 +0,0 @@
-import * as React from 'react';
-import { NamedQuery, CachedQuery } from '../../../AdaptableState/NamedQueryState';
-import { AccessLevel } from '../../../AdaptableState/Common/Entitlement';
-/**
- * Column item for the dropdown menu
- */
-export interface ColumnItem {
-    /** Column identifier */
-    columnId: string;
-    /** Display label for the column */
-    label: string;
-    /** Callback when column is selected */
-    onClick: () => void;
-}
-/**
- * Props for the GridFilterPopupUI component.
- * This is a pure presentation component that receives all data and callbacks as props.
- */
-export interface GridFilterPopupUIProps {
-    /** Current filter expression value */
-    expression: string;
-    /** Whether the current expression is valid */
-    isExpressionValid: boolean;
-    /** Whether the current expression matches a named query */
-    isExpressionNamedQuery: boolean;
-    /** Whether the grid filter is currently suspended */
-    isSuspended: boolean;
-    /** Whether the grid filter is read only */
-    isReadOnly: boolean;
-    /** Available columns for the dropdown menu */
-    availableColumns: ColumnItem[];
-    /** List of saved named queries */
-    namedQueries: NamedQuery[];
-    /** List of recently used cached queries */
-    cachedQueries: CachedQuery[];
-    /** Current grid filter expression (may differ from input expression) */
-    currentGridFilterExpression?: string;
-    /** Header text for the popup panel */
-    headerText: string;
-    /** Icon name for the popup panel */
-    glyphicon: string;
-    /** Help page URL for the info link */
-    infoLink?: string;
-    /** Whether the info link should be disabled */
-    infoLinkDisabled?: boolean;
-    /** Called when the expression input value changes */
-    onExpressionChange: (value: string) => void;
-    /** Called when the query should be executed */
-    onRunQuery: (expression?: string) => void;
-    /** Called when the clear button is clicked */
-    onClearQuery: () => void;
-    /** Called when the save button is clicked */
-    onSaveQuery: () => void;
-    /** Called when the suspend button is clicked */
-    onSuspend: () => void;
-    /** Called when the unsuspend/resume button is clicked */
-    onUnsuspend: () => void;
-    /** Called when the expand button is clicked */
-    onExpand: () => void;
-    /** Called when a named query is selected */
-    onSelectNamedQuery: (query: string) => void;
-    /** Called when setting the grid filter expression directly */
-    onSetGridFilterExpression: (query: string) => void;
-    /** Access level for grid filter operations */
-    gridFilterAccessLevel: AccessLevel;
-    /** Access level for named query operations */
-    namedQueryAccessLevel: AccessLevel;
-}
-export declare const GridFilterPopupUI: (props: GridFilterPopupUIProps) => React.JSX.Element;

package/src/View/GridFilter/GridFilterPopupUI/index.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { NewDropdownButton } from '../../../components/DropdownButton';
-import { Icon } from '../../../components/icons';
-import FieldWrap from '../../../components/FieldWrap';
-import Input from '../../../components/Input';
-import Panel from '../../../components/Panel';
-import StringExtensions from '../../../Utilities/Extensions/StringExtensions';
-import { ButtonClear } from '../../Components/Buttons/ButtonClear';
-import { ButtonExpand } from '../../Components/Buttons/ButtonExpand';
-import { ButtonInvalid } from '../../Components/Buttons/ButtonInvalid';
-import { ButtonPause } from '../../Components/Buttons/ButtonPause';
-import { ButtonPlay } from '../../Components/Buttons/ButtonPlay';
-import { ButtonSave } from '../../Components/Buttons/ButtonSave';
-import { ButtonUnsuspend } from '../../Components/Buttons/ButtonUnsuspend';
-import { PopupPanel } from '../../Components/Popups/AdaptablePopup/PopupPanel';
-import { NamedQuerySelector } from './../NamedQuerySelector';
-import { Box, Flex } from '../../../components/Flex';
-import { ACCESS_LEVEL_READ_ONLY } from '../../../Utilities/Constants/GeneralConstants';
-export const GridFilterPopupUI = (props) => {
-    const { expression, isExpressionValid, isExpressionNamedQuery, isSuspended, isReadOnly, availableColumns, namedQueries, cachedQueries, currentGridFilterExpression, headerText, glyphicon, infoLink, infoLinkDisabled, onExpressionChange, onRunQuery, onClearQuery, onSaveQuery, onSuspend, onUnsuspend, onExpand, onSelectNamedQuery, onSetGridFilterExpression, gridFilterAccessLevel, namedQueryAccessLevel, } = props;
-    const disabled = isReadOnly || isSuspended || gridFilterAccessLevel === ACCESS_LEVEL_READ_ONLY;
-    const handleKeyDown = (e) => {
-        if (e.key === 'Enter') {
-            onRunQuery();
-        }
-    };
-    return (_jsx(PopupPanel, { className: "ab-GridFilter", headerText: headerText, glyphicon: glyphicon, infoLink: infoLink, infoLinkDisabled: infoLinkDisabled, children: _jsx(Panel, { className: "twa:flex-1 twa:border-none twa:shadow-md twa:overflow-hidden", children: _jsx(Panel.FlexBody, { children: _jsxs(Box, { className: "twa:grid twa:gap-3 twa:grid-cols-[auto_1fr] twa:items-center", children: ["Expression:", _jsxs(FieldWrap, { className: "twa:mr-1 twa:w-full", children: [_jsx(ButtonExpand, { disabled: disabled, variant: "text", tone: "neutral", onClick: onExpand, tooltip: "Edit the Expression in UI", className: "twa:ml-1" }), _jsx(Input, { onKeyDown: handleKeyDown, disabled: disabled, type: "text", "data-name": "grid-filter-input", placeholder: "Grid Filter", spellCheck: false, value: expression, onChange: (e) => onExpressionChange(e.target.value), className: "twa:font-mono twa:text-2" }), isExpressionValid && (_jsx(ButtonPlay, { onClick: () => onRunQuery(), tooltip: '', accessLevel: gridFilterAccessLevel, variant: "text", tone: "accent", disabled: disabled || expression === '' || expression === currentGridFilterExpression, className: "twa:mr-1" })), currentGridFilterExpression && !isExpressionValid && (_jsx(ButtonInvalid, { variant: "text", tone: "neutral", tooltip: "Invalid Grid Filter", className: "twa:mr-1" })), ' ', StringExtensions.IsNotNullOrEmpty(expression) && (_jsx(ButtonClear, { onClick: () => onClearQuery(), tooltip: "Clear Grid Filter", accessLevel: gridFilterAccessLevel }))] }), _jsxs(Flex, { justifyContent: "space-around", className: "twa:col-start-2", children: [_jsx(ButtonSave, { onClick: () => onSaveQuery(), tooltip: "Save as Named Query", accessLevel: namedQueryAccessLevel, disabled: disabled || !isExpressionValid || isExpressionNamedQuery || expression === '', variant: "text", tone: "neutral", className: "twa:mr-1", children: "Save" }), isSuspended ? (_jsx(ButtonUnsuspend, { onClick: () => onUnsuspend(), tooltip: "Unsuspend Grid Filter", accessLevel: gridFilterAccessLevel, disabled: disabled || !isExpressionValid, variant: "text", tone: "neutral", className: "twa:mr-1", children: "Resume" })) : (_jsx(ButtonPause, { onClick: () => onSuspend(), tooltip: "Suspend Grid Filter", accessLevel: gridFilterAccessLevel, disabled: disabled || !isExpressionValid, variant: "text", tone: "neutral", className: "twa:mr-1", children: "Suspend" })), _jsxs(NewDropdownButton, { disabled: disabled, variant: "text", items: availableColumns, className: "twa:mr-1", tooltip: "Pick Columns", children: [_jsx(Icon, { name: "list" }), "Columns"] }), _jsx(NamedQuerySelector, { disabled: disabled, namedQueries: namedQueries, cachedQueries: cachedQueries, currentQuery: currentGridFilterExpression, onSelect: (query) => onSelectNamedQuery(query), setGridFilterExpression: (query) => onSetGridFilterExpression(query), children: "Named Queries" })] })] }) }) }) }));
-};

package/src/View/GridFilter/GridFilterWindowPopup.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { WindowPopupChildProps } from '../Components/Popups/WindowPopups/WindowPopups';
-export declare const GridFilterWindowPopup: React.FunctionComponent<WindowPopupChildProps>;

package/src/View/GridFilter/GridFilterWindowPopup.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { GridFilterExpressionEditor } from './GridFilterExpressionEditor';
-export const GridFilterWindowPopup = (props) => {
-    return (_jsx(GridFilterExpressionEditor, { expression: props.popupProps.value, onDismiss: props.onDismiss }));
-};

package/src/View/GridFilter/useGridFilterExpressionEditor.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { CachedQuery } from '../../AdaptableState/NamedQueryState';
-export declare const useGridFilterExpressionEditor: () => {
-    isReadOnly: boolean;
-    namedQueryModuleAccessLevel: import("../../types").AccessLevel;
-    cachedQueries: CachedQuery[];
-    expression: string;
-    setExpression: React.Dispatch<React.SetStateAction<string>>;
-    isExpressionNamedQuery: boolean;
-    isExpressionValid: boolean;
-    isSuspended: boolean;
-    gridFilter: import("../../types").GridFilter;
-    isAdaptableReady: boolean;
-    namedQueries: import("../../types").NamedQuery[];
-    onAddCachedQuery: (cachedQuery: CachedQuery) => void;
-    availableColumns: {
-        columnId: string;
-        label: string;
-        onClick: () => void;
-    }[];
-    runQuery: (newExpression?: string) => void;
-    clearQuery: () => void;
-    onExpand: () => void;
-    saveQuery: () => void;
-    suspendGridFilter: () => void;
-    unSuspendGridFilter: () => void;
-    setGridFilterExpression: (expression: string) => void;
-    gridFilterAccessLevel: import("../../types").AccessLevel;
-    gridFilterHelpPage: string;
-    gridFilterLinkDisabled: boolean;
-};

package/src/View/GridFilter/useGridFilterExpressionEditor.js

@@ -1,127 +0,0 @@
-import * as React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import * as InternalRedux from '../../Redux/ActionsReducers/InternalRedux';
-import { GridFilterModuleId, NamedQueryModuleId } from '../../Utilities/Constants/ModuleConstants';
-import StringExtensions from '../../Utilities/Extensions/StringExtensions';
-import { useAdaptable } from '../AdaptableContext';
-import * as PopupRedux from '../../Redux/ActionsReducers/PopupRedux';
-export const useGridFilterExpressionEditor = () => {
-    const adaptable = useAdaptable();
-    const dispatch = useDispatch();
-    const currentLayout = useSelector((state) => {
-        return state.Layout.Layouts.find((l) => l.Name == state.Layout.CurrentLayout);
-    });
-    const isReadOnly = Boolean(currentLayout?.IsReadOnly);
-    const gridFilter = currentLayout?.GridFilter;
-    const [isAdaptableReady, setIsAdaptableReady] = React.useState(false);
-    const [expression, setExpression] = React.useState(() => {
-        return adaptable.api.filterApi.gridFilterApi.getCurrentGridFilterExpression();
-    });
-    const namedQueries = useSelector((state) => state.NamedQuery.NamedQueries) ?? [];
-    const cachedQueries = useSelector((state) => state.Internal.CachedQueries) ?? [];
-    const isSuspended = gridFilter?.IsSuspended ?? false;
-    const onAddCachedQuery = (cachedQuery) => {
-        dispatch(InternalRedux.CachedQueryAdd(cachedQuery));
-    };
-    const gridFilterHelpPage = adaptable.ModuleService.getModuleById('GridFilter').moduleInfo.HelpPage;
-    const gridFilterLinkDisabled = !adaptable.api.internalApi.isDocumentationLinksDisplayed();
-    React.useEffect(() => {
-        adaptable.api.eventApi.on('AdaptableReady', () => {
-            setIsAdaptableReady(true);
-        });
-    }, []);
-    React.useEffect(() => {
-        if (gridFilter?.Expression != expression) {
-            setExpression(gridFilter?.Expression ?? '');
-        }
-    }, [gridFilter?.Expression]);
-    const isExpressionValid = expression == '' ||
-        adaptable.api.internalApi
-            .getQueryLanguageService()
-            .validateBoolean(expression, NamedQueryModuleId).isValid;
-    const isExpressionNamedQuery = namedQueries.find((sq) => sq.BooleanExpression == expression) != null;
-    const availableColumns = adaptable.api.columnApi.getColumns().map((col) => {
-        return {
-            columnId: col.columnId,
-            label: col.friendlyName,
-            onClick: () => {
-                const newExp = StringExtensions.IsNotNullOrEmpty(expression) ? expression : '';
-                setExpression(newExp + `[${col.columnId}]`);
-            },
-        };
-    });
-    const clearQuery = () => {
-        adaptable.api.filterApi.gridFilterApi.clearGridFilter();
-        setExpression('');
-    };
-    const runQuery = (newExpression = expression) => {
-        if (StringExtensions.IsNullOrEmpty(newExpression) &&
-            StringExtensions.IsNotNullOrEmpty(gridFilter?.Expression)) {
-            adaptable.api.filterApi.gridFilterApi.setGridFilterExpression('');
-            return;
-        }
-        if (!adaptable.api.internalApi
-            .getQueryLanguageService()
-            .validateBoolean(newExpression, NamedQueryModuleId).isValid) {
-            return;
-        }
-        if (StringExtensions.IsNotNullOrEmpty(expression)) {
-            let cachedQuery = {
-                expression: expression,
-                time: new Date(),
-            };
-            if (cachedQuery) {
-                onAddCachedQuery(cachedQuery);
-            }
-        }
-        adaptable.api.filterApi.gridFilterApi.setGridFilterExpression(newExpression);
-    };
-    const gridFilterAccessLevel = React.useMemo(() => {
-        return adaptable.api.entitlementApi.getEntitlementAccessLevelForModule(GridFilterModuleId);
-    }, []);
-    const namedQueryModuleAccessLevel = adaptable.api.entitlementApi.getEntitlementAccessLevelForModule(NamedQueryModuleId);
-    const onShowNamedQueries = (value, popup) => dispatch(PopupRedux.PopupShowScreen(NamedQueryModuleId, popup, {
-        action: 'New',
-        source: 'Other',
-        value,
-    }));
-    const saveQuery = () => {
-        const namedqueryPopuName = adaptable.api.internalApi
-            .getModuleService()
-            .getModuleById(NamedQueryModuleId).moduleInfo.Popup;
-        onShowNamedQueries(expression, namedqueryPopuName);
-    };
-    const suspendGridFilter = () => {
-        adaptable.api.filterApi.gridFilterApi.suspendGridFilter();
-    };
-    const unSuspendGridFilter = () => {
-        adaptable.api.filterApi.gridFilterApi.unSuspendGridFilter();
-    };
-    return {
-        isReadOnly,
-        namedQueryModuleAccessLevel,
-        cachedQueries,
-        expression,
-        setExpression,
-        isExpressionNamedQuery,
-        isExpressionValid,
-        isSuspended,
-        gridFilter,
-        isAdaptableReady,
-        namedQueries,
-        onAddCachedQuery,
-        availableColumns,
-        runQuery,
-        clearQuery,
-        onExpand: () => adaptable.api.filterApi.gridFilterApi.openUIEditorForGridFilter(expression),
-        saveQuery,
-        suspendGridFilter,
-        unSuspendGridFilter,
-        setGridFilterExpression: (expression) => {
-            adaptable.api.filterApi.gridFilterApi.setGridFilterExpression(expression);
-        },
-        gridFilterAccessLevel,
-        gridFilterHelpPage,
-        gridFilterLinkDisabled,
-    };
-};

package/src/View/GridFilter/useGridFilterOptionsForExpressionEditor.d.ts

@@ -1,4 +0,0 @@
-export declare const useGridFilterOptionsForExpressionEditorProps: () => {
-    showQueryBuilder: boolean;
-    showExpressionEditor: boolean;
-};

package/src/View/GridFilter/useGridFilterOptionsForExpressionEditor.js

@@ -1,9 +0,0 @@
-import { useAdaptable } from '../AdaptableContext';
-export const useGridFilterOptionsForExpressionEditorProps = () => {
-    const adaptable = useAdaptable();
-    const gridFilterEditors = adaptable.api.optionsApi.getFilterOptions().gridFilterOptions.availableFilterEditors;
-    return {
-        showQueryBuilder: gridFilterEditors.includes('QueryBuilder'),
-        showExpressionEditor: gridFilterEditors.includes('ExpressionEditor'),
-    };
-};

package/src/View/GridInfo/GridInfoPopup/AdaptableObjectsSummary.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../../lib/utils';
-import { Box } from '../../../components/Flex';
-import { useAdaptable } from '../../AdaptableContext';
-import { AdaptableObjectList } from '../../Components/AdaptableObjectList';
-import { useRerender } from '../../../components/utils/useRerender';
-import { useEffect } from 'react';
-export const AdaptableObjectsSummary = ({ className, }) => {
-    const adaptable = useAdaptable();
-    const rerender = useRerender();
-    useEffect(() => {
-        return adaptable.api.eventApi.on('AdaptableStateChanged', rerender);
-    }, [adaptable]);
-    const modules = adaptable.ModuleService.getModuleCollection();
-    const baseClassName = 'ab-AdaptableObjectsSummary';
-    return (_jsx(Box, { className: cn(baseClassName, className), children: [...modules].map(([moduleName, module]) => {
-            if (!module.isModuleVisible()) {
-                return null;
-            }
-            const items = module?.toViewAll?.();
-            if (!items?.length) {
-                return null;
-            }
-            return (_jsxs(Box, { "data-name": module.moduleInfo.ModuleName, className: `${baseClassName}__module-list`, children: [_jsx("b", { className: `${baseClassName}__header`, children: module.moduleInfo.FriendlyName }), items?.length && _jsx(AdaptableObjectList, { items: items, module: module })] }, module.moduleInfo.ModuleName));
-        }) }));
-};

package/src/View/GridInfo/GridInfoPopup/GridInfoPopup.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { ModuleViewPopupProps } from '../../Components/SharedProps/ModuleViewPopupProps';
-interface GridInfoPopupProps extends ModuleViewPopupProps<any> {
-}
-export declare const GridInfoPopup: (props: GridInfoPopupProps) => React.JSX.Element;
-export {};

package/src/View/GridInfo/GridInfoPopup/GridInfoPopup.js

@@ -1,210 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ArrayExtensions from '../../../Utilities/Extensions/ArrayExtensions';
-import { ADAPTABLE_VERSION } from '../../../EnvVars';
-import { AG_GRID_VERSION } from '../../../agGrid/AgGridModulesAdapter';
-import { DataSource, InfiniteTableGrid } from '../../../components/InfiniteTable';
-import Panel from '../../../components/Panel';
-import { Tabs } from '../../../components/Tabs';
-import { PopupPanel } from '../../Components/Popups/AdaptablePopup/PopupPanel';
-import { AdaptableObjectsSummary } from './AdaptableObjectsSummary';
-import { getDefaultAdaptableOptions } from '../../../AdaptableOptions/DefaultAdaptableOptions';
-import { cn } from '../../../lib/utils';
-const adaptableVersion = ADAPTABLE_VERSION;
-const agGridVersion = AG_GRID_VERSION;
-export const GridInfoPopup = (props) => {
-    const api = props.api;
-    const keyValuePairs = [];
-    const calcColumns = api.calculatedColumnApi
-        .getCalculatedColumns()
-        .map((c) => c.ColumnId);
-    const actionColumns = api.actionColumnApi
-        .getActionColumns()
-        .map((ac) => ac.columnId);
-    const freeTextColumns = api.freeTextColumnApi
-        .getFreeTextColumns()
-        .map((c) => c.ColumnId);
-    const columnFilterDescription = api.filterApi.columnFilterApi.columnFiltersToString(api.filterApi.columnFilterApi.getColumnFilters());
-    const gridFilterExpression = api.filterApi.gridFilterApi.getCurrentGridFilterExpression();
-    const sorts = ArrayExtensions.IsNotNullOrEmpty(props.api.gridApi.getColumnSorts())
-        ? api.gridApi.getColumnSorts().map((gs) => {
-            return api.columnApi.getFriendlyNameForColumnId(gs.ColumnId) + ': ' + gs.SortOrder;
-        })
-        : null;
-    const selectedRowInfo = api.gridApi.getSelectedRowInfo();
-    if (api.optionsApi.getUserInterfaceOptions()?.showAdapTableVersion) {
-        keyValuePairs.push({ Key: 'AdapTable Version', Value: adaptableVersion });
-    }
-    if (api.optionsApi.getUserInterfaceOptions()?.showAgGridVersion) {
-        keyValuePairs.push({ Key: 'AG Grid Version', Value: agGridVersion });
-    }
-    keyValuePairs.push({ Key: 'License Key', Value: api.optionsApi.getAdaptableOptions().licenseKey });
-    keyValuePairs.push({ Key: 'Sorted Columns', Value: ArrayExtensions.IsNotNullOrEmpty(sorts) ? sorts.join('; ') : 'None' });
-    keyValuePairs.push({ Key: 'Column Filters', Value: columnFilterDescription });
-    keyValuePairs.push({ Key: 'Grid Filter', Value: gridFilterExpression });
-    keyValuePairs.push({ Key: 'All Rows', Value: props.api.gridApi.getRowCount() });
-    keyValuePairs.push({ Key: 'Visible Rows', Value: props.api.gridApi.getVisibleRowCount() });
-    keyValuePairs.push({ Key: 'Selected Rows', Value: selectedRowInfo?.gridRows.length });
-    keyValuePairs.push({ Key: 'Visible Selected Rows', Value: selectedRowInfo?.gridRows.filter((gr) => gr.rowNode?.displayed == true).length });
-    keyValuePairs.push({ Key: 'All Columns', Value: props.api.gridApi.getColumnCount() });
-    keyValuePairs.push({ Key: 'Visible Columns', Value: props.api.gridApi.getVisibleColumnCount() });
-    keyValuePairs.push({ Key: 'Calculated Columns', Value: ArrayExtensions.IsNotNullOrEmpty(calcColumns)
-            ? ArrayExtensions.createCommaSeparatedString(calcColumns)
-            : 'None' });
-    keyValuePairs.push({ Key: 'Free Text Columns', Value: ArrayExtensions.IsNotNullOrEmpty(freeTextColumns)
-            ? ArrayExtensions.createCommaSeparatedString(freeTextColumns)
-            : 'None' });
-    keyValuePairs.push({ Key: 'Action Columns', Value: ArrayExtensions.IsNotNullOrEmpty(actionColumns)
-            ? ArrayExtensions.createCommaSeparatedString(actionColumns)
-            : 'None' });
-    const domProps = {
-        className: 'twa:flex-1 twa:min-h-0 twa:w-full',
-    };
-    keyValuePairs.map((keyValuePair) => {
-        return {
-            Key: keyValuePair.Key,
-            Value: keyValuePair.Value === 'Ignore' ? null : keyValuePair.Value,
-        };
-    })
-        .filter((x) => x.Value);
-    const columnsMap = {
-        Key: { field: 'Key', header: 'Property', defaultFlex: 1 },
-        Value: { field: 'Value', header: 'Value', defaultFlex: 3 },
-    };
-    const optionsColumnsMap = {
-        Key: { field: 'Key', header: 'Property', defaultFlex: 1 },
-        Value: {
-            field: 'Value',
-            header: 'Value',
-            defaultFlex: 3,
-            render: ({ value }) => (_jsx("span", { style: {
-                    whiteSpace: 'pre-wrap',
-                    wordBreak: 'break-word',
-                    overflowWrap: 'anywhere',
-                    display: 'block',
-                    lineHeight: '18px',
-                    paddingTop: 4,
-                    paddingBottom: 4,
-                }, children: String(value ?? '') })),
-        },
-    };
-    const titleCase = (camel) => camel
-        .replace(/([a-z])([A-Z])/g, '$1 $2')
-        .replace(/^./, (c) => c.toUpperCase())
-        .replace(/\s./g, (c) => c.toUpperCase());
-    const ONE_LINE_MAX = 60;
-    const fnReplacer = (_k, val) => typeof val === 'function' ? '[Function]' : val;
-    const formatValuePart = (v) => {
-        if (typeof v === 'function')
-            return '[Function]';
-        if (v === undefined)
-            return 'undefined';
-        if (v === null)
-            return 'null';
-        if (typeof v === 'string')
-            return JSON.stringify(v);
-        if (Array.isArray(v) || typeof v === 'object') {
-            try {
-                const oneLine = JSON.stringify(v, fnReplacer);
-                if (oneLine !== undefined && oneLine.length <= ONE_LINE_MAX)
-                    return oneLine;
-                return JSON.stringify(v, fnReplacer, 2);
-            }
-            catch {
-                return String(v);
-            }
-        }
-        return String(v);
-    };
-    const displayValue = (v) => {
-        if (typeof v === 'function')
-            return '[Function]';
-        if (v === undefined)
-            return '(undefined)';
-        if (v === null)
-            return '(null)';
-        if (Array.isArray(v)) {
-            return formatValuePart(v);
-        }
-        if (typeof v === 'object') {
-            const entries = Object.entries(v).filter(([, val]) => val !== undefined);
-            if (entries.length === 0)
-                return '{}';
-            return entries.map(([k, val]) => `${k}: ${formatValuePart(val)}`).join('\n');
-        }
-        return String(v);
-    };
-    const gridOptionsSections = (() => {
-        const opts = api.optionsApi.getAdaptableOptions();
-        const defaults = getDefaultAdaptableOptions();
-        const baseRows = [];
-        const groupSections = [];
-        const isUserProvidedFunction = (groupKey, propKey, fn) => {
-            if (typeof fn !== 'function')
-                return false;
-            const defaultGroup = defaults[groupKey];
-            if (!defaultGroup || typeof defaultGroup !== 'object')
-                return true;
-            return defaultGroup[propKey] !== fn;
-        };
-        Object.keys(opts).forEach((key) => {
-            if (key === 'licenseKey' || key === 'initialState')
-                return;
-            const value = opts[key];
-            if (value == null)
-                return;
-            if (typeof value === 'object' && !Array.isArray(value)) {
-                const rows = Object.keys(value)
-                    .filter((sk) => {
-                    const sv = value[sk];
-                    if (sv == null)
-                        return false;
-                    if (typeof sv === 'function' && !isUserProvidedFunction(key, sk, sv)) {
-                        return false;
-                    }
-                    return true;
-                })
-                    .map((sk) => ({ Key: sk, Value: displayValue(value[sk]) }));
-                if (rows.length === 0)
-                    return;
-                groupSections.push({ title: titleCase(key), rows });
-            }
-            else {
-                if (typeof value === 'function' && defaults[key] === value)
-                    return;
-                baseRows.push({ Key: key, Value: displayValue(value) });
-            }
-        });
-        const sections = [];
-        if (baseRows.length > 0)
-            sections.push({ title: 'Base Properties', rows: baseRows });
-        sections.push(...groupSections);
-        return sections;
-    })();
-    const VALUE_CHARS_PER_LINE = 70;
-    const visualLineCount = (text) => {
-        if (!text)
-            return 1;
-        return text
-            .split('\n')
-            .reduce((acc, line) => acc + Math.max(1, Math.ceil(line.length / VALUE_CHARS_PER_LINE)), 0);
-    };
-    const calculateRowHeight = (row) => {
-        const lines = visualLineCount(String(row?.Value ?? ''));
-        if (lines <= 1)
-            return 32;
-        return lines * 18 + 12;
-    };
-    const sectionHeight = (rows) => {
-        const total = rows.reduce((acc, r) => acc + calculateRowHeight(r), 0);
-        return Math.min(total + 40, 400);
-    };
-    const enabledTabs = api.optionsApi.getSettingsPanelOptions()?.gridInfoTabs ??
-        ['Grid Options', 'Grid Summary', 'Grid State'];
-    const showSummary = enabledTabs.includes('Grid Summary');
-    const showState = enabledTabs.includes('Grid State');
-    const showOptions = enabledTabs.includes('Grid Options');
-    const baseClassName = 'ab-GridInfo';
-    return (_jsx(PopupPanel, { className: cn(baseClassName), headerText: 'Grid Info', glyphicon: 'info', scrollable: false, children: _jsx(Panel, { className: "twa:flex-1 twa:border-none twa:shadow-md twa:overflow-hidden", children: _jsx(Panel.FlexBody, { children: _jsxs(Tabs, { className: "twa:flex-1 twa:min-h-0", children: [showSummary ? _jsx(Tabs.Tab, { children: "Grid Summary" }) : null, showState ? _jsx(Tabs.Tab, { children: "Grid State" }) : null, showOptions ? _jsx(Tabs.Tab, { children: "Grid Options" }) : null, showSummary ? (_jsx(Tabs.Content, { children: _jsx(DataSource, { data: keyValuePairs, primaryKey: "Key", children: _jsx(InfiniteTableGrid, { domProps: domProps, columns: columnsMap }) }) })) : null, showState ? (_jsx(Tabs.Content, { children: _jsx(AdaptableObjectsSummary, { className: "twa:min-h-0 twa:overflow-auto twa:p-2" }) })) : null, showOptions ? (_jsx(Tabs.Content, { children: _jsx("div", { className: "twa:min-h-0 twa:overflow-auto twa:p-2 twa:flex twa:flex-col twa:gap-4", children: gridOptionsSections.map((section) => (_jsxs("div", { children: [_jsx("h4", { className: "twa:font-semibold twa:mb-1", children: section.title }), _jsx(DataSource, { data: section.rows, primaryKey: "Key", children: _jsx(InfiniteTableGrid, { domProps: {
-                                                    style: { height: sectionHeight(section.rows), width: '100%' },
-                                                }, rowHeight: (rowInfo) => calculateRowHeight(rowInfo.data), columns: optionsColumnsMap }) })] }, section.title))) }) })) : null] }) }) }) }));
-};

package/src/View/GridInfo/GridInfoPopup/index.d.ts

@@ -1 +0,0 @@
-export * from './GridInfoPopup';

package/src/View/GridInfo/GridInfoPopup/index.js

@@ -1 +0,0 @@
-export * from './GridInfoPopup';

package/src/View/KeyHint.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { BoxProps } from '../components/Flex';
-export declare const KeyHint: (props: BoxProps & {
-    className?: string;
-    children?: React.ReactNode;
-}) => React.JSX.Element;

package/src/View/KeyHint.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '../components/Flex';
-import { twMerge } from '../twMerge';
-export const KeyHint = (props) => {
-    const cls = twMerge('twa:text-1 twa:text-input-foreground', props.className);
-    return _jsx(Box, { ...props, className: cls });
-};

package/src/View/Layout/Wizard/sections/Utilities.d.ts

@@ -1,2 +0,0 @@
-import { AdaptableColumn } from '../../../../types';
-export declare const columnFilter: (column: AdaptableColumn, searchText: string) => boolean;

package/src/View/Layout/Wizard/sections/columnLayoutHelpers.d.ts

@@ -1,30 +0,0 @@
-import type { ColumnSizingDefinition } from '../../../../AdaptableState/LayoutState';
-import type { ColumnSort, Layout } from '../../../../../types';
-export declare const COLUMN_PINNING_OPTIONS: {
-    value: 'left' | 'right' | 'None';
-    label: string;
-}[];
-export declare const COLUMN_SORT_OPTIONS: {
-    value: ColumnSort['SortOrder'] | 'None';
-    label: string;
-}[];
-export type ColumnDefaultWidthResolver = (columnId: string) => number;
-export declare function getLayoutPinnedColumnIds(layout: Layout, side: 'left' | 'right'): string[];
-/** Whether this column has sizing stored in the Layout that differs from grid defaults. */
-export declare function hasExplicitLayoutSizing(columnId: string, sizing: ColumnSizingDefinition | undefined, resolveDefaultWidth?: ColumnDefaultWidthResolver): boolean;
-export declare function getLayoutExplicitSizedColumnIds(layout: Layout, resolveDefaultWidth?: ColumnDefaultWidthResolver): string[];
-export declare function formatColumnSizingBrief(columnId: string, sizing: ColumnSizingDefinition | undefined, resolveDefaultWidth?: ColumnDefaultWidthResolver): string;
-/** Width/flex values to show in the sizing editor (default grid widths are omitted). */
-export declare function getExplicitSizingDisplayValues(columnId: string, sizing: ColumnSizingDefinition | undefined, resolveDefaultWidth?: ColumnDefaultWidthResolver): {
-    width: number | undefined;
-    flex: number | undefined;
-    minWidth: number | undefined;
-    maxWidth: number | undefined;
-};
-export declare function formatColumnInspectorPinning(layout: Layout, columnId: string): string;
-export declare function formatColumnInspectorSizing(columnId: string, sizing: ColumnSizingDefinition | undefined, resolveDefaultWidth?: ColumnDefaultWidthResolver): string;
-export declare function formatColumnInspectorSorting(layout: Layout, columnId: string): string;
-export declare function getColumnSortSelection(layout: Layout, columnId: string): ColumnSort['SortOrder'] | 'None';
-export declare function applyColumnPinChange(layout: Layout, columnId: string, pinning: 'left' | 'right' | null): Layout;
-export declare function applyColumnSortChange(layout: Layout, columnId: string, sortOrder: ColumnSort['SortOrder'] | 'None'): Layout;
-export declare function applyColumnSizingFieldChange(layout: Layout, columnId: string, field: 'width' | 'flex' | 'minWidth' | 'maxWidth', value: number | undefined, resolveDefaultWidth: ColumnDefaultWidthResolver): Layout;

package/src/View/Layout/Wizard/sections/layoutWizardAccordionHelpers.d.ts

@@ -1,8 +0,0 @@
-import { Layout, PivotLayout, TableLayout } from '../../../../types';
-export declare function getLayoutWizardInitialExpandedCardId(layoutWizardMode: 'create' | 'edit' | undefined, firstCardId: string, isSectionConfigured: boolean): string | null;
-export declare function isColumnsSectionConfigured(layout: TableLayout): boolean;
-export declare function isRowGroupingSectionConfigured(layout: Layout): boolean;
-export declare function isPivotRowGroupingSectionConfigured(layout: PivotLayout): boolean;
-export declare function isTableAggregationsSectionConfigured(layout: TableLayout): boolean;
-export declare function isPivotAggregationsSectionConfigured(layout: PivotLayout): boolean;
-export declare function isPivotColumnsSectionConfigured(layout: PivotLayout): boolean;

package/src/View/Layout/Wizard/sections/layoutWizardColumns.d.ts

@@ -1,11 +0,0 @@
-import { AdaptableColumn } from '../../../../AdaptableState/Common/AdaptableColumn';
-import type { IAdaptable } from '../../../../AdaptableInterfaces/IAdaptable';
-import type { Layout } from '../../../../../types';
-/** ValueSelector row sizing — matches Visibility and Order list rows. */
-export declare const LAYOUT_WIZARD_COLUMN_LIST_OPTION_CLASS = "twa:!py-1 twa:!px-1.5";
-/** Compact list header — spacing between Select All, Show Selected Only, and search. */
-export declare const LAYOUT_WIZARD_COLUMN_LIST_HEADER_CLASS = "twa:gap-4";
-/** Narrow search field (matches Visibility list column width, not full card width). */
-export declare const LAYOUT_WIZARD_COLUMN_LIST_SEARCH_CLASS = "twa:w-[12rem] twa:shrink-0 twa:min-w-0";
-/** Columns shown in Layout wizard column steps, in layout table order. */
-export declare function getLayoutWizardOrderedColumns(adaptable: IAdaptable, layout: Layout): AdaptableColumn[];