@adaptabletools/adaptable 23.0.0-canary.1 → 23.0.0-canary.10

package/src/View/DataChangeHistory/DataChangeHistoryGrid.js

@@ -1,290 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import { useAdaptable } from '../AdaptableContext';
-import usePrevious from '../../components/utils/usePrevious';
-import { ACCESS_LEVEL_HIDDEN } from '../../Utilities/Constants/GeneralConstants';
-import { DataChangeHistoryModuleId } from '../../Utilities/Constants/ModuleConstants';
-import { buildActionColumnButton } from './buildActionColumnButton';
-import { AdaptableAgGrid } from '../../agGrid/AdaptableAgGrid';
-export const DataChangeHistoryGrid = (props) => {
-    const { changeHistoryLog, adaptableContainerId, agGridContainerId, onUndoChange, onClearRow } = props;
-    const mainAdaptableInstance = useAdaptable();
-    const [_adaptableApi, setAdaptableApi] = useState(null);
-    const adaptableApiRef = useRef(null);
-    adaptableApiRef.current = _adaptableApi;
-    const undoChangeEnabled = mainAdaptableInstance.api.entitlementApi.isModuleFullEntitlement(DataChangeHistoryModuleId);
-    const previousChangeHistoryLog = usePrevious(changeHistoryLog, changeHistoryLog);
-    // initialize Adaptable grid
-    useEffect(() => {
-        const initializeAdaptableGrid = async () => {
-            const gridOptions = buildGridOptions(mainAdaptableInstance, changeHistoryLog);
-            const adaptableOptions = buildAdaptableOptions(mainAdaptableInstance, adaptableContainerId, agGridContainerId, undoChangeEnabled, onUndoChange, onClearRow);
-            const modules = mainAdaptableInstance.agGridModulesAdapter.getAgGridRegisteredModules();
-            const dataChangeHistoryAdaptableApi = await AdaptableAgGrid._initInternal({
-                variant: 'vanilla',
-                adaptableOptions,
-                gridOptions,
-                modules,
-            });
-            setAdaptableApi(dataChangeHistoryAdaptableApi);
-        };
-        initializeAdaptableGrid();
-        return () => {
-            requestAnimationFrame(() => {
-                adaptableApiRef.current?.internalApi
-                    .getAdaptableInstance()
-                    .destroy({ unmount: true, destroyAgGrid: true });
-            });
-        };
-    }, []);
-    // update row data
-    useEffect(() => {
-        const adaptableApi = adaptableApiRef.current;
-        if (!adaptableApi) {
-            // initial render
-            return;
-        }
-        const addedChangeKeys = Object.keys(changeHistoryLog).filter((newChangeKey) => {
-            const previousChangeWithSameKey = previousChangeHistoryLog[newChangeKey];
-            if (!previousChangeWithSameKey) {
-                return true;
-            }
-            const addedChange = changeHistoryLog[newChangeKey];
-            return addedChange.changedAt !== previousChangeWithSameKey.changedAt;
-        });
-        const removedChangeKeys = Object.keys(previousChangeHistoryLog).filter((previousChangeKey) => {
-            const newChangeWithSameKey = changeHistoryLog[previousChangeKey];
-            if (!newChangeWithSameKey) {
-                return true;
-            }
-            const previousChange = previousChangeHistoryLog[previousChangeKey];
-            return previousChange.changedAt !== newChangeWithSameKey.changedAt;
-        });
-        const addedChangeHistoryLogs = filterChangeHistoryLog(changeHistoryLog, addedChangeKeys);
-        const removedChangeHistoryLogs = filterChangeHistoryLog(previousChangeHistoryLog, removedChangeKeys);
-        // here we access directly the AG Grid API, but this is OK because:
-        // 1. this method (gridAPi.applyTransaction() is NOT accessible otherwise and making it public opens other cans of worms
-        // 2. this UI will be reimplemented with Infinite Table anyway
-        const addedRows = mapChangeHistoryRowData(addedChangeHistoryLogs, mainAdaptableInstance);
-        const removedRows = mapChangeHistoryRowData(removedChangeHistoryLogs, mainAdaptableInstance);
-        adaptableApi.agGridApi.applyTransactionAsync({
-            add: addedRows,
-            remove: removedRows,
-        });
-    }, [changeHistoryLog]);
-    return _jsx(_Fragment, {});
-};
-const buildAdaptableOptions = (mainAdaptableInstance, adaptableContainerId, agGridContainerId, undoChangeEnabled, onUndoChange, onClearRow) => {
-    const mainAdaptableOptions = mainAdaptableInstance.adaptableOptions;
-    const mainAdaptableTheme = mainAdaptableInstance.api.themeApi.getCurrentTheme();
-    const undoRowNode = (rowNode) => {
-        const rowData = rowNode?.data;
-        const changeKey = rowData?.['changeKey'];
-        changeKey && onUndoChange(changeKey);
-    };
-    const clearRow = (rowNode) => {
-        const rowData = rowNode?.data;
-        const changeKey = rowData?.['changeKey'];
-        changeKey && onClearRow(changeKey);
-    };
-    const actionColumnButton = buildActionColumnButton(mainAdaptableInstance.adaptableOptions?.dataChangeHistoryOptions, mainAdaptableInstance.api, undoRowNode, clearRow);
-    let actionColumnOptions = undefined;
-    if (actionColumnButton) {
-        actionColumnOptions = {
-            actionColumns: [
-                {
-                    columnId: 'undoActionColumn',
-                    friendlyName: ' ',
-                    rowScope: {
-                        ExcludeGroupRows: true,
-                        ExcludeSummaryRows: true,
-                        ExcludeTotalRows: true,
-                    },
-                    actionColumnSettings: { suppressMenu: true, suppressMovable: true },
-                    actionColumnButton,
-                },
-            ],
-        };
-    }
-    const options = {
-        primaryKey: 'primaryKey',
-        licenseKey: mainAdaptableOptions.licenseKey,
-        userName: `${mainAdaptableOptions.userName}`,
-        adaptableId: `${mainAdaptableOptions.adaptableId}::DataChangeHistory`,
-        containerOptions: {
-            adaptableContainer: adaptableContainerId,
-            agGridContainer: agGridContainerId,
-        },
-        entitlementOptions: {
-            defaultAccessLevel: ACCESS_LEVEL_HIDDEN,
-        },
-        actionColumnOptions: actionColumnOptions,
-        initialState: {
-            Layout: {
-                Revision: Date.now(),
-                CurrentLayout: 'DataChangeHistoryLayout',
-                Layouts: [
-                    {
-                        Name: 'DataChangeHistoryLayout',
-                        TableColumns: [
-                            'changeInfo.primaryKeyValue',
-                            'changedColumnLabel',
-                            'changeInfo.oldValue',
-                            'changeInfo.newValue',
-                            'changeInfo.changedAt',
-                            'changeTriggerLabel',
-                            'undoActionColumn',
-                        ],
-                        ColumnSorts: [
-                            {
-                                ColumnId: 'changeInfo.changedAt',
-                                SortOrder: 'Desc',
-                            },
-                        ],
-                        ColumnSizing: {
-                            'changeInfo.primaryKeyValue': { Flex: 3 },
-                            changedColumnLabel: { Flex: 3 },
-                            'changeInfo.oldValue': { Flex: 3 },
-                            'changeInfo.newValue': { Flex: 3 },
-                            'changeInfo.changedAt': { Flex: 3 },
-                            changeTriggerLabel: { Flex: 2 },
-                            undoActionColumn: { Width: 110 },
-                        },
-                        ColumnPinning: {
-                            undoActionColumn: 'right',
-                        },
-                        AutoSizeColumns: true,
-                    },
-                ],
-            },
-            FormatColumn: {
-                Revision: Date.now(),
-                FormatColumns: [
-                    {
-                        Name: 'Changed At',
-                        Scope: {
-                            ColumnIds: ['changeInfo.changedAt'],
-                        },
-                        DisplayFormat: {
-                            Formatter: 'DateFormatter',
-                            Options: {
-                                Pattern: `${mainAdaptableOptions.userInterfaceOptions?.dateInputOptions?.dateFormat} HH:mm:ss`,
-                            },
-                        },
-                    },
-                ],
-            },
-            Theme: {
-                Revision: Date.now(),
-                CurrentTheme: mainAdaptableTheme,
-            },
-        },
-    };
-    if (!undoChangeEnabled) {
-        const layoutColumns = options.initialState.Layout.Layouts[0].TableColumns;
-        if (layoutColumns.includes('undoActionColumn')) {
-            // remove action column from layout
-            options.initialState.Layout.Layouts[0].TableColumns = layoutColumns.filter((columnId) => columnId !== 'undoActionColumn');
-        }
-    }
-    return options;
-};
-const buildGridOptions = (mainAdaptableInstance, changeHistoryLog) => {
-    const mainPrimaryKeyColumnHeader = mainAdaptableInstance.api.columnApi.getPrimaryKeyColumn()?.friendlyName ?? 'Row ID';
-    const options = {
-        loading: false,
-        overlayNoRowsTemplate: '<div style="font-size: var(--ab-font-size-2);color: var(--ab-color-text-on-primary);">No Data Changes</div>',
-        defaultColDef: {
-            floatingFilter: true,
-            filter: true,
-            sortable: true,
-            resizable: true,
-            enableRowGroup: true,
-            editable: false,
-            enablePivot: false,
-            enableValue: false,
-            lockPinned: true,
-            // default set to true to pass this to the action column
-            suppressAutoSize: true,
-            menuTabs: ['generalMenuTab', 'filterMenuTab'],
-        },
-        autoGroupColumnDef: {
-            sortable: true,
-        },
-        columnDefs: [
-            {
-                field: 'primaryKey',
-                cellDataType: 'text',
-                hide: true,
-            },
-            {
-                headerName: `Row (${mainPrimaryKeyColumnHeader})`,
-                field: 'changeInfo.primaryKeyValue',
-                cellDataType: 'text',
-            },
-            {
-                headerName: 'Column',
-                field: 'changedColumnLabel',
-                cellDataType: 'text',
-            },
-            {
-                headerName: 'Previous',
-                field: 'changeInfo.oldValue',
-                cellDataType: 'text',
-            },
-            {
-                headerName: 'New',
-                field: 'changeInfo.newValue',
-                cellDataType: 'text',
-            },
-            {
-                headerName: 'Changed',
-                field: 'changeInfo.changedAt',
-                cellDataType: 'date',
-            },
-            {
-                headerName: 'Source',
-                field: 'changeTriggerLabel',
-                cellDataType: 'text',
-            },
-        ],
-        rowData: mapChangeHistoryRowData(changeHistoryLog, mainAdaptableInstance),
-        cellSelection: true,
-        suppressColumnVirtualisation: false,
-        sideBar: false,
-        rowSelection: {
-            mode: 'multiRow',
-        },
-        skipHeaderOnAutoSize: true,
-    };
-    return options;
-};
-const mapChangeHistoryRowData = (changeHistoryLog = {}, mainAdaptableInstance) => {
-    return Object.entries(changeHistoryLog).map(([changeKey, changeInfo]) => {
-        return {
-            primaryKey: `${changeKey}::${changeInfo.changedAt}`,
-            changeKey,
-            changeTriggerLabel: getChangeTriggerLabel(changeInfo),
-            changedColumnLabel: getColumnHeaderLabel(changeInfo.column.columnId, mainAdaptableInstance),
-            changeInfo,
-        };
-    });
-};
-// memoize headers to avoid unnecessary main grid lookups
-const headerMap = new Map();
-const getColumnHeaderLabel = (columnId, mainAdaptableInstance) => {
-    if (!headerMap.has(columnId)) {
-        headerMap.set(columnId, mainAdaptableInstance.api.columnApi.getColumnWithColumnId(columnId)?.friendlyName ?? columnId);
-    }
-    return headerMap.get(columnId);
-};
-const getChangeTriggerLabel = (changeInfo) => {
-    return changeInfo.trigger === 'tick' ? 'Ticking' : 'User Edit';
-};
-const filterChangeHistoryLog = (changeObject, filterValues) => {
-    const result = {};
-    filterValues.forEach((allowedKey) => {
-        result[allowedKey] = changeObject[allowedKey];
-    });
-    return result;
-};

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { AdaptableColumn } from '../../../../AdaptableState/Common/AdaptableColumn';
-import { AggregationColumnValue, TableAggregationColumns } from '../../../../AdaptableState/Common/AggregationColumns';
-export declare const ParameterizedAggFuncPicker: React.FunctionComponent<{
-    column: AdaptableColumn;
-    aggValue?: AggregationColumnValue;
-    aggregationColumnsMap: Record<string, string>;
-    numberColumns: AdaptableColumn[];
-    aggregationEntries: TableAggregationColumns;
-    onChangeEntries: (entries: TableAggregationColumns) => void;
-    availableAggregationFunctions?: string[];
-}>;

package/src/View/Layout/Wizard/sections/ParameterizedAggFuncPicker.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import DropdownButton from '../../../../components/DropdownButton';
-import { getParameterizedAggregationDefinitionByAgGridName } from '../../../../Aggregation/ParameterizedAggregationRegistry';
-import { formatParameterizedArgSelectionLabel, getAdaptableAggFuncNamesForColumn, getParameterizedArgColumnLabel, resolveAggFuncValueFromWizardSelection, upsertColumnAggregationEntry, } from '../../../../Aggregation/parameterizedAggregationWizardHelpers';
-import { useAdaptable } from '../../../AdaptableContext';
-import { Box, Flex } from '../../../../components/Flex';
-export const ParameterizedAggFuncPicker = (props) => {
-    const adaptable = useAdaptable();
-    const adaptableAggFunctions = getAdaptableAggFuncNamesForColumn(props.column);
-    const availableAggregationFunctions = props.availableAggregationFunctions ?? props.column.availableAggregationFunctions ?? [];
-    const aggOptions = [
-        ...new Set([...availableAggregationFunctions, ...adaptableAggFunctions]),
-    ].map((fnName) => ({
-        label: fnName,
-        onClick: () => {
-            const aggFuncValue = resolveAggFuncValueFromWizardSelection(fnName);
-            props.onChangeEntries(upsertColumnAggregationEntry(props.aggregationEntries, props.column.columnId, aggFuncValue));
-        },
-    }));
-    const currentAggFnName = props.aggregationColumnsMap[props.column.columnId];
-    const parameterizedDefinition = currentAggFnName
-        ? getParameterizedAggregationDefinitionByAgGridName(currentAggFnName)
-        : undefined;
-    const numericColumnsOptions = props.numberColumns
-        .filter((col) => col.columnId !== props.column.columnId)
-        .map((col) => {
-        return {
-            label: col.friendlyName,
-            onClick: () => {
-                const definition = parameterizedDefinition;
-                if (!definition?.createDefinition) {
-                    return;
-                }
-                props.onChangeEntries(upsertColumnAggregationEntry(props.aggregationEntries, props.column.columnId, definition.createDefinition(col.columnId)));
-            },
-        };
-    });
-    const argSelectionLabel = formatParameterizedArgSelectionLabel(adaptable.api, props.column.columnId, props.aggValue);
-    if (!props.aggValue) {
-        return null;
-    }
-    return (_jsxs(_Fragment, { children: [_jsx(DropdownButton, { columns: ['label'], items: aggOptions, className: "twa:ml-2", children: currentAggFnName }), parameterizedDefinition && (_jsxs(Flex, { className: "twa:bg-primary twa:ml-3", alignItems: "center", children: [_jsx(Box, { children: getParameterizedArgColumnLabel(currentAggFnName) }), ' ', _jsx(DropdownButton, { columns: ['label'], items: numericColumnsOptions, className: "twa:ml-2", children: argSelectionLabel })] }))] }));
-};

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnBadgeSettings.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { StyledColumn } from '../../../../../types';
-export declare const StyledColumnBadgeSettings: React.FunctionComponent<React.PropsWithChildren<{
-    data: StyledColumn;
-}>>;

package/src/View/StyledColumn/Wizard/StyledColumnWizardStyleSection/Components/StyledColumnBadgeSettings.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tag } from '../../../../../components/Tag';
-import { useAdaptable } from '../../../../AdaptableContext';
-import { Box, Flex } from '../../../../../components/Flex';
-export const StyledColumnBadgeSettings = ({ data }) => {
-    const adaptable = useAdaptable();
-    const badgeStyle = data.BadgeStyle;
-    if (!badgeStyle || !badgeStyle.Badges || badgeStyle.Badges.length === 0) {
-        return _jsx("div", { children: "No Badges Defined" });
-    }
-    const density = badgeStyle.Density ?? 'Normal';
-    const spacing = typeof badgeStyle.Spacing === 'number' ? badgeStyle.Spacing : null;
-    const overflowMode = badgeStyle.OverflowMode ?? 'Truncate';
-    return (_jsxs(Flex, { flexDirection: "column", children: [_jsxs(Flex, { className: "twa:my-1 twa:flex-wrap twa:gap-2", children: [_jsxs(Tag, { children: ["Density: ", density] }), spacing != null && _jsxs(Tag, { children: ["Spacing: ", spacing, "px"] }), _jsxs(Tag, { children: ["Overflow: ", overflowMode] })] }), badgeStyle.Badges.map((badge, index) => {
-                let ruleString = 'No Rule';
-                if (badge.Predicate) {
-                    ruleString = adaptable.api.predicateApi.predicateToString(badge.Predicate);
-                }
-                if (badge.Expression) {
-                    ruleString = badge.Expression.BooleanExpression;
-                }
-                const iconOnly = badge.Icon && badge.IconOnly;
-                const hasIconPosition = badge.Icon && badge.IconPosition;
-                const iconPosition = hasIconPosition ? 'Icon Position: ' + badge.IconPosition : '';
-                const shape = badge.Shape;
-                return (_jsxs(Box, { className: "twa:my-2", children: [_jsx(Tag, { children: ruleString }), shape && _jsx(Tag, { className: "twa:ml-2", children: `Shape: ${shape}` }), iconOnly && _jsx(Tag, { className: "twa:ml-2", children: 'Icon Only' }), hasIconPosition && _jsx(Tag, { className: "twa:ml-2", children: iconPosition }), typeof badge.IconGap === 'number' && (_jsx(Tag, { className: "twa:ml-2", children: `Icon Gap: ${badge.IconGap}px` }))] }, index));
-            })] }));
-};

package/src/View/Theme/VariantSelector.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { AdaptableTheme } from '../../types';
-export interface VariantSelectorProps {
-    theme: AdaptableTheme;
-    onChange: (variant: AdaptableTheme['Variant'] | null) => void;
-    disabled?: boolean;
-}
-export declare const VariantSelector: React.FunctionComponent<VariantSelectorProps>;

package/src/View/Theme/VariantSelector.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import DropdownButton from '../../components/DropdownButton';
-import SimpleButton from '../../components/SimpleButton';
-import { useAdaptable } from '../AdaptableContext';
-import { OS_THEME } from '../../Utilities/Constants/GeneralConstants';
-export const VariantSelector = (props) => {
-    const adaptable = useAdaptable();
-    const systemTemes = adaptable.api.themeApi
-        .getSystemThemes()
-        .filter((theme) => theme.Name !== OS_THEME);
-    const options = systemTemes.map((theme) => ({
-        label: theme.Description,
-        value: theme.Name,
-        onClick: () => props.onChange(theme.Name),
-    }));
-    const label = props.theme.Variant
-        ? options.find((theme) => theme.value === props.theme.Variant)?.label
-        : 'Select a theme';
-    return (_jsxs(_Fragment, { children: [_jsx(DropdownButton, { className: "twa:mr-2", columns: ['label'], items: options, disabled: props.disabled, children: label }), _jsx(SimpleButton, { onClick: () => props.onChange(null), disabled: !props.theme.Variant || props.disabled, hidden: props.disabled, icon: "delete" })] }));
-};

package/src/agGrid/cellRenderers/shouldRenderStyledColumnOnRow.d.ts

@@ -1,30 +0,0 @@
-import type { IRowNode } from 'ag-grid-enterprise';
-import type { AdaptableApi } from '../../Api/AdaptableApi';
-import type { StyledColumn } from '../../AdaptableState/StyledColumnState';
-/**
- * Returns `true` when the Styled Column should render on the given row.
- *
- * Single source of truth consulted by every styled-column cell renderer
- * (Badge / Icon / Rating / Percent Bar / Bullet Chart / Range Bar) and
- * by `getStyledColumnStyle` (Gradient / Percent Bar cellStyle).
- *
- * Semantics:
- *  - **Type capabilities** first: some types never target certain row kinds
- *    (see `styledColumnRowKindSupport.ts`). Unsupported kinds always
- *    return `false` regardless of `RowScope`.
- *  - When `StyledColumn.RowScope` is **set**, the explicit `Exclude*`
- *    flags win. Unset flags default to "include" — i.e. `RowScope: {}`
- *    means "render on every *supported* row kind".
- *  - When `StyledColumn.RowScope` is **unset**, the historical per-type
- *    default applies:
- *      - Badge: render on every row kind (that the type supports).
- *      - All other types: render on every row kind *except* group rows
- *        (matches the hardcoded "isGroupRowNode → plain text" check that
- *        every other styled-column renderer used to carry), again
- *        intersected with type capabilities (e.g. Sparkline → data only).
- *
- * The per-type default lets us promote `RowScope` cleanly without
- * altering existing user-visible behaviour: state that doesn't mention
- * `RowScope` keeps rendering exactly as before.
- */
-export declare const shouldRenderStyledColumnOnRow: (styledColumn: StyledColumn, node: IRowNode, api: AdaptableApi) => boolean;

package/src/components/DropdownButton/DropdownButtonItem.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-type DropdownButtonItem = {
-    onClick?: (e: React.SyntheticEvent, item: DropdownButtonItem) => any;
-    onChange?: (e: React.SyntheticEvent, item: DropdownButtonItem) => any;
-    disabled?: boolean;
-    clickable?: boolean;
-    label?: ReactNode;
-    icon?: ReactNode;
-    separator?: boolean;
-    [key: string]: any;
-};
-export default DropdownButtonItem;

package/src/components/DropdownButton/renderItem.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import DropdownButtonItem from './DropdownButtonItem';
-type Params = {
-    item: DropdownButtonItem;
-    index: number;
-    columns: string[];
-    style: React.CSSProperties;
-    className: string;
-    idProperty?: string;
-    onItemClick?: (...args: any[]) => void;
-    domProps?: any;
-};
-declare const _default: ({ domProps, item, onItemClick, index, columns, className, idProperty, style, }: Params) => React.JSX.Element;
-export default _default;

package/src/components/DropdownButton/renderItem.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import isPlainObject from '../../Utilities/utils/isPlainObject';
-export default ({ domProps, item, onItemClick, index, columns, className, idProperty, style, }) => {
-    const key = item[idProperty] || index;
-    if (!isPlainObject(item)) {
-        return (_jsx("tr", { onClick: onItemClick, className: className, ...domProps, children: _jsx("td", { colSpan: columns.length, style: style, children: item }) }, key));
-    }
-    return (_jsx("tr", { onClick: onItemClick, className: className, ...domProps, children: columns.map((col) => {
-            return (_jsx("td", { style: style, children: item[col] }, col));
-        }) }, key));
-};

package/src/components/DropdownButton/useExpanded.d.ts

@@ -1,24 +0,0 @@
-import { RefObject } from 'react';
-import { ConstrainToType } from '../OverlayTrigger';
-export interface PositionInfo {
-    verticalPosition: 'top' | 'bottom';
-    horizontalPosition: 'left' | 'right';
-    maxHeight: number | string;
-    maxWidth: number | string;
-}
-export type ExpandedProps = {
-    expanded?: boolean;
-    constrainTo?: ConstrainToType;
-    defaultExpanded?: boolean;
-    onExpand?: () => void;
-    onCollapse?: () => void;
-    onExpandedChange?: (expanded: boolean) => void;
-    onToggle?: (expanded: boolean) => void;
-};
-declare const _default: (props: ExpandedProps, positionerRef: RefObject<HTMLDivElement>) => {
-    expanded: boolean;
-    setExpanded: (newExpanded: boolean) => void;
-    toggle: () => void;
-    positionInfo: PositionInfo;
-};
-export default _default;

package/src/components/DropdownButton/useExpanded.js

@@ -1,56 +0,0 @@
-import { useRef } from 'react';
-import useProperty from '../utils/useProperty';
-import getAvailableSizeInfo from '../utils/getAvailableSizeInfo';
-import { getConstrainRect } from '../OverlayTrigger';
-export default (props, positionerRef) => {
-    const positionInfoRef = useRef({
-        maxHeight: '50vh',
-        maxWidth: '50vw',
-        verticalPosition: 'bottom',
-        horizontalPosition: 'right',
-    });
-    const updatePosition = () => {
-        const positionRect = positionerRef.current.getBoundingClientRect();
-        positionInfoRef.current = getAvailableSizeInfo({
-            constrainRect: getConstrainRect(positionerRef.current, props.constrainTo),
-            targetRect: positionRect,
-            maxSizeOffset: 30,
-        });
-    };
-    const [expanded, doSetExpanded] = useProperty(props, 'expanded', false, {
-        onChange: (expanded) => {
-            if (expanded) {
-                if (props.onExpand) {
-                    props.onExpand();
-                }
-            }
-            else if (props.onCollapse) {
-                props.onCollapse();
-            }
-            if (props.onToggle) {
-                props.onToggle(expanded);
-            }
-            if (props.onExpandedChange) {
-                props.onExpandedChange(expanded);
-            }
-        },
-    });
-    const setExpanded = (newExpanded) => {
-        // if (!newExpanded) {
-        //   return;
-        // }
-        if (!expanded && newExpanded) {
-            updatePosition();
-        }
-        doSetExpanded(newExpanded);
-    };
-    const toggle = () => {
-        setExpanded(!expanded);
-    };
-    return {
-        expanded,
-        setExpanded,
-        toggle,
-        positionInfo: positionInfoRef.current,
-    };
-};

package/src/components/NewDropdownButton/index.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { AccessLevel } from '../../AdaptableState/Common/Entitlement';
-import { SimpleButtonProps } from '../SimpleButton';
-export type NewDropdownButtonItem = {
-    label: React.ReactNode;
-    onClick?: (e?: React.SyntheticEvent) => void;
-    disabled?: boolean;
-    dataName?: string;
-    separator?: boolean;
-    icon?: React.ReactNode;
-};
-export type NewDropdownButtonProps = {
-    items: NewDropdownButtonItem[];
-    children?: React.ReactNode;
-    className?: string;
-    disabled?: boolean;
-    tooltip?: string;
-    variant?: SimpleButtonProps['variant'];
-    size?: SimpleButtonProps['size'];
-    accessLevel?: AccessLevel;
-    side?: 'top' | 'bottom' | 'left' | 'right';
-    align?: 'start' | 'center' | 'end';
-    'data-name'?: string;
-    tone?: SimpleButtonProps['tone'];
-};
-export declare const NewDropdownButton: React.ForwardRefExoticComponent<NewDropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/src/components/NewDropdownButton/index.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "../ui/dropdown-menu";
-import { NewTooltip } from '../NewTooltip';
-import { cn } from '../../lib/utils';
-import { ChevronDownIcon } from 'lucide-react';
-import SimpleButton from '../SimpleButton';
-export const NewDropdownButton = React.forwardRef((props, ref) => {
-    const { items, children, className, disabled, tooltip, variant = 'text', accessLevel, side = 'bottom', align = 'start', 'data-name': dataName, tone = 'neutral', } = props;
-    const isHidden = accessLevel === 'Hidden';
-    const isReadOnly = accessLevel === 'ReadOnly';
-    const isDisabled = disabled || isHidden || isReadOnly;
-    const trigger = (_jsxs(DropdownMenuTrigger, { render: _jsx(SimpleButton, { ref: ref, tone: tone, variant: variant, disabled: isDisabled, className: cn(className, 'twa:pr-1 twa:active:translate-y-0 twa:flex-row twa:flex-none', variant !== 'text' ? 'twa:gap-1' : 'twa:gap-0.5'), "data-name": dataName }), children: [children, _jsx("div", { className: cn('twa:h-full twa:my-1', variant !== 'text' ? 'twa:border-l twa:border-border' : '') }), _jsx(ChevronDownIcon, { className: "twa:size-3.5 twa:opacity-60 twa:transition-transform twa:duration-200 twa:[[data-popup-open]_&]:rotate-180" })] }));
-    const maxLabelLength = items.reduce((max, item) => Math.max(max, typeof item.label === 'string' ? item.label.length : 0), 0);
-    return (_jsxs(DropdownMenu, { children: [tooltip ? _jsx(NewTooltip, { label: tooltip, children: trigger }) : trigger, _jsx(DropdownMenuContent, { side: side, align: align, style: {
-                    // minWidth: `min(max(${maxLabelLength + 5}ch, calc(var(--ab-base-space) * 32)),80vw)`,
-                    width: `max(${maxLabelLength + 3}ch, calc(var(--ab-base-space) * 20), var(--anchor-width))`,
-                }, children: items.map((item, index) => {
-                    if (item.separator) {
-                        return _jsx(DropdownMenuSeparator, {}, index);
-                    }
-                    return (_jsxs(DropdownMenuItem, { disabled: item.disabled, "data-name": item.dataName, onClick: (e) => item.onClick?.(e), children: [item.icon, item.label] }, item.dataName ?? index));
-                }) })] }));
-});

package/src/components/Select/CSSNumericVariableWatch.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-type CSSVariableWatcherProps = {
-    varName: string;
-    onChange: (value: number) => void;
-    allowInts?: boolean;
-};
-export declare const useCSSVariableWatch: (params: CSSVariableWatcherProps & {
-    ref: React.MutableRefObject<HTMLElement | null>;
-}) => void;
-export declare const CSSNumericVariableWatch: (props: CSSVariableWatcherProps) => React.JSX.Element;
-export {};