@adaptabletools/adaptable 23.1.0-canary.2 → 24.0.0-canary.0

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

@@ -1,77 +0,0 @@
-import React from 'react';
-type SelectItemType = {
-    label: React.ReactNode;
-    value: any;
-    disabled?: boolean;
-    /**
-     * Explicit accessible name for the item. Use when `label` is a React node
-     * (so a readable string can't be derived) and the `value` is not meaningful
-     * to assistive technologies.
-     */
-    ariaLabel?: string;
-    /**
-     * Tooltip content shown on hover when `showItemTooltip` is enabled. Takes
-     * precedence over the label-derived text.
-     */
-    tooltip?: React.ReactNode;
-};
-type SelectGroupType<T extends SelectItemType> = {
-    label: React.ReactNode;
-    items: T[];
-};
-type NewSelectBaseProps<T extends SelectItemType> = {
-    chevronIcon?: React.ReactNode;
-    'data-name'?: string;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    showClear?: boolean;
-    extraWidthChars?: number;
-    multiple?: boolean;
-    disabled?: boolean;
-    value?: T['value'] | T['value'][];
-    defaultValue?: T['value'] | T['value'][];
-    ariaLabel?: string;
-    size?: 'small' | 'normal';
-    onValueChange?: (value: T['value'] | T['value'][]) => void;
-    container?: HTMLElement | null;
-    placeholder?: string;
-    invalid?: boolean | string;
-    className?: string;
-    /**
-     * When `true`, stops the native `mousedown` from bubbling beyond the popup.
-     * Use this when the trigger lives inside an outside-click-detecting overlay
-     * (e.g. ag-grid's column menu) that would otherwise close itself on
-     * mousedowns happening inside the portaled popup.
-     */
-    stopMouseDownPropagation?: boolean;
-    /** Single mode: the matching item. Multi mode: items for each selected value (unknown values omitted). */
-    renderValue?: (selected: T | T[]) => React.ReactNode;
-    /**
-     * When true, each item is wrapped in a `Tooltip` showing its plain-text label
-     * on hover. Useful when labels can be truncated. Defaults to `false`.
-     */
-    showItemTooltip?: boolean;
-};
-type SelectDataProps<T extends SelectItemType> = {
-    items: T[];
-    groups?: never;
-} | {
-    groups: SelectGroupType<T>[];
-    items?: never;
-};
-export type NewSelectProps<T extends SelectItemType> = NewSelectBaseProps<T> & SelectDataProps<T>;
-export type SingleSelectProps<T extends SelectItemType> = Omit<NewSelectBaseProps<T>, 'multiple' | 'value' | 'defaultValue' | 'onValueChange' | 'renderValue'> & {
-    value?: T['value'];
-    defaultValue?: T['value'];
-    onValueChange?: (value: T['value']) => void;
-    renderValue?: (item: T) => React.ReactNode;
-} & SelectDataProps<T>;
-export declare const SingleSelect: <T extends SelectItemType>(props: SingleSelectProps<T>) => React.JSX.Element;
-export type MultiSelectProps<T extends SelectItemType> = Omit<NewSelectBaseProps<T>, 'multiple' | 'value' | 'defaultValue' | 'onValueChange' | 'renderValue'> & {
-    value?: T['value'][];
-    defaultValue?: T['value'][];
-    onValueChange?: (value: T['value'][]) => void;
-    renderValue?: (items: T[]) => React.ReactNode;
-} & SelectDataProps<T>;
-export declare const MultiSelect: <T extends SelectItemType>(props: MultiSelectProps<T>) => React.JSX.Element;
-export {};

package/src/components/NewSelect/index.js

@@ -1,86 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, } from '../ui/select';
-import { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip';
-import { cn } from '../../lib/utils';
-import React from 'react';
-const getItemTitle = (label, value) => {
-    if (typeof label === 'string')
-        return label;
-    if (typeof label === 'number')
-        return String(label);
-    return String(value);
-};
-const isItemEqualToValue = (itemValue, value) => {
-    return itemValue === value;
-};
-const NewSelect = (props) => {
-    const isInvalid = !!props.invalid;
-    let allItems = [];
-    let groups = [];
-    if ('groups' in props) {
-        groups = props.groups;
-        allItems = groups.flatMap((group) => group.items);
-    }
-    else {
-        groups = [
-            {
-                label: null,
-                items: props.items,
-            },
-        ];
-        allItems = props.items;
-    }
-    const maxLabelLength = allItems.reduce((max, item) => Math.max(max, typeof item.label === 'string' || typeof item.label === 'number'
-        ? String(item.label).length
-        : typeof item.tooltip === 'string' || typeof item.tooltip === 'number'
-            ? String(item.tooltip).length
-            : 0), 0);
-    const contentStyle = {
-        width: `max(${maxLabelLength + (props.extraWidthChars ?? 3)}ch, calc(var(--ab-base-space) * 20), var(--anchor-width))`,
-    };
-    const renderValueProp = props.renderValue;
-    const renderValueChild = renderValueProp
-        ? (rawValue) => {
-            if (props.multiple) {
-                const values = Array.isArray(rawValue) ? rawValue : rawValue == null ? [] : [rawValue];
-                const selectedItems = values
-                    .map((v) => allItems.find((item) => isItemEqualToValue(item.value, v)))
-                    .filter((item) => item !== undefined);
-                return renderValueProp(selectedItems);
-            }
-            const item = allItems.find((i) => isItemEqualToValue(i.value, rawValue));
-            return item !== undefined ? renderValueProp(item) : undefined;
-        }
-        : undefined;
-    return (_jsxs(Select, { multiple: props.multiple, open: props.open, onOpenChange: props.onOpenChange, isItemEqualToValue: isItemEqualToValue, items: allItems, disabled: props.disabled, value: props.value, onValueChange: props.onValueChange, "aria-label": props.ariaLabel, defaultValue: props.defaultValue, children: [_jsx(SelectTrigger, { size: props.size === 'small' ? 'sm' : 'default', className: cn('twa:max-w-80 ab-Select', props.className), "aria-invalid": isInvalid, "aria-label": props.ariaLabel, "data-name": props['data-name'], icon: props.chevronIcon, onMouseDown: props.stopMouseDownPropagation
-                    ? (e) => {
-                        e.stopPropagation();
-                        e.nativeEvent?.stopPropagation?.();
-                    }
-                    : undefined, onClick: props.stopMouseDownPropagation
-                    ? (e) => {
-                        e.stopPropagation();
-                        e.nativeEvent?.stopPropagation?.();
-                    }
-                    : undefined, children: _jsx(SelectValue, { placeholder: props.placeholder, className: 'twa:truncate twa:block!', children: renderValueChild }) }), _jsx(SelectContent, { "aria-label": props.ariaLabel ? `${props.ariaLabel} content` : undefined, alignItemWithTrigger: false, container: props.container, stopMouseDownPropagation: props.stopMouseDownPropagation, style: contentStyle, children: groups.map((group, index) => {
-                    return (_jsxs(React.Fragment, { children: [_jsxs(SelectGroup, { children: [group.label && _jsx(SelectLabel, { children: group.label }), group.items.map((item) => {
-                                        const itemTitle = getItemTitle(item.label, item.value);
-                                        const tooltipText = props.showItemTooltip ? item.tooltip ?? itemTitle : undefined;
-                                        const itemContent = item.label;
-                                        const itemElement = (_jsx(SelectItem, { value: item.value, "aria-label": item.ariaLabel ||
-                                                itemTitle ||
-                                                (typeof item.tooltip === 'string' ? item.tooltip : undefined) ||
-                                                undefined, className: 'ab-Select-Row', disabled: item.disabled, children: itemContent }, item.value));
-                                        if (tooltipText != null) {
-                                            return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { render: itemElement, children: itemContent }), _jsx(TooltipContent, { side: "right", children: tooltipText })] }, item.value));
-                                        }
-                                        return itemElement;
-                                    })] }), index < groups.length - 1 && _jsx(SelectSeparator, {})] }, typeof group.label === 'string' ? group.label : `${index}`));
-                }) })] }));
-};
-export const SingleSelect = (props) => {
-    return _jsx(NewSelect, { ...props, multiple: false });
-};
-export const MultiSelect = (props) => {
-    return _jsx(NewSelect, { ...props, multiple: true });
-};

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

@@ -1,8 +0,0 @@
-import * as React from 'react';
-export type NewTooltipProps = {
-    label?: React.ReactNode;
-    children: React.ReactNode;
-    side?: 'top' | 'bottom' | 'left' | 'right';
-    align?: 'start' | 'center' | 'end';
-};
-export declare function NewTooltip({ label, children, side, align }: NewTooltipProps): React.JSX.Element;

package/src/components/NewTooltip/index.js

@@ -1,8 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tooltip, TooltipTrigger, TooltipContent } from '../ui/tooltip';
-export function NewTooltip({ label, children, side, align }) {
-    if (!label) {
-        return _jsx(_Fragment, { children: children });
-    }
-    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { render: _jsx("div", { className: "twa:inline-flex twa:flex-none" }), children: children }), _jsx(TooltipContent, { side: side, align: align, children: label })] }));
-}

package/src/components/Tree/treeUtils.d.ts

@@ -1,10 +0,0 @@
-export declare function toDisplayValueDefault(value: any[][] | string[]): string;
-/**
- * Formats the closed TreeDropdown input using each option's `label` for the stored `value` path
- * segments (same shape as {@link toDisplayValueDefault}, but resolves raw values to labels).
- */
-export declare function toDisplayValueFromOptionTree<T extends {
-    value: any;
-    label: string;
-    children?: T[];
-}>(paths: any[][] | string[], options: T[]): string;

package/src/components/Tree/treeUtils.js

@@ -1,21 +0,0 @@
-export function toDisplayValueDefault(value) {
-    if (!Array.isArray(value)) {
-        return `${value}`;
-    }
-    return value.map((v) => (Array.isArray(v) ? v.join('-') : v)).join(', ');
-}
-export function toDisplayValueFromOptionTree(paths, options) {
-    const valueToLabel = new Map();
-    const walk = (node) => {
-        valueToLabel.set(node.value, node.label);
-        if (Array.isArray(node.children)) {
-            node.children.forEach(walk);
-        }
-    };
-    options.forEach(walk);
-    return paths
-        .map((path) => Array.isArray(path)
-        ? path.map((segment) => valueToLabel.get(segment) ?? String(segment)).join('-')
-        : valueToLabel.get(path) ?? String(path))
-        .join(', ');
-}

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

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { BoxProps } from '../Flex';
-export declare const baseClassName = "ab-WarningBox";
-export declare const WarningBox: (props: BoxProps & {
-    className?: string;
-    children?: React.ReactNode;
-    style?: React.CSSProperties;
-}) => React.JSX.Element;

package/src/components/WarningBox/index.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-import { Box } from '../Flex';
-export const baseClassName = 'ab-WarningBox';
-export const WarningBox = (props) => {
-    return (_jsx(Box, { ...props, className: cn('twa:p-3 twa:rounded-standard twa:bg-warn twa:text-warn-foreground', baseClassName, props.className) }));
-};

package/src/components/ui/button.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { type VariantProps } from 'class-variance-authority';
-declare const buttonVariants: (props?: {
-    variant?: "link" | "secondary" | "default" | "ghost" | "outline" | "destructive";
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
-} & import("class-variance-authority/dist/types").ClassProp) => string;
-declare const Button: React.ForwardRefExoticComponent<Omit<import("@base-ui/react/button").ButtonProps & VariantProps<(props?: {
-    variant?: "link" | "secondary" | "default" | "ghost" | "outline" | "destructive";
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
-} & import("class-variance-authority/dist/types").ClassProp) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { Button, buttonVariants };

package/src/components/ui/button.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { Button as ButtonPrimitive } from '@base-ui/react/button';
-import { cva } from 'class-variance-authority';
-import { cn } from '../../lib/utils';
-const buttonVariants = cva('twa:group/button twa:inline-flex twa:shrink-0 twa:items-center twa:justify-center twa:rounded-button twa:border twa:border-transparent twa:bg-clip-padding twa:text-sm twa:font-medium twa:whitespace-nowrap twa:transition-all twa:outline-none twa:select-none twa:focus-visible:border-ring twa:focus-visible:ring-3 twa:focus-visible:ring-ring/50 twa:active:translate-y-px twa:disabled:pointer-events-none twa:disabled:opacity-50 twa:aria-invalid:border-destructive twa:aria-invalid:ring-3 twa:aria-invalid:ring-destructive/20 twa:dark:aria-invalid:border-destructive/50 twa:dark:aria-invalid:ring-destructive/40 twa:[&_svg]:pointer-events-none twa:[&_svg]:shrink-0 twa:[&_svg:not([class*=size-])]:size-4', {
-    variants: {
-        variant: {
-            default: 'twa:bg-primary twa:text-primary-foreground twa:hover:bg-primary/80',
-            outline: 'twa:border-border twa:bg-background twa:shadow-xs twa:hover:bg-muted twa:hover:text-foreground twa:aria-expanded:bg-muted twa:aria-expanded:text-foreground twa:dark:border-input  twa:dark:hover:bg-input/50',
-            secondary: 'twa:bg-secondary twa:text-secondary-foreground twa:hover:bg-secondary/80 twa:aria-expanded:bg-secondary twa:aria-expanded:text-secondary-foreground',
-            ghost: 'twa:bg-transparent twa:hover:bg-muted twa:hover:text-foreground twa:aria-expanded:bg-muted twa:aria-expanded:text-foreground twa:dark:hover:bg-muted/50',
-            destructive: 'twa:bg-destructive/10 twa:text-destructive twa:hover:bg-destructive/20 twa:focus-visible:border-destructive/40 twa:focus-visible:ring-destructive/20 twa:dark:bg-destructive/20 twa:dark:hover:bg-destructive/30 twa:dark:focus-visible:ring-destructive/40',
-            link: 'twa:text-primary twa:underline-offset-4 twa:hover:underline',
-        },
-        size: {
-            default: 'twa:min-h-input twa:h-9 twa:gap-1.5 twa:px-2.5 twa:in-data-[slot=button-group]:rounded-md twa:has-data-[icon=inline-end]:pr-2 twa:has-data-[icon=inline-start]:pl-2',
-            xs: 'twa:h-6 twa:gap-1 twa:rounded-[min(var(--radius-md),8px)] twa:px-2 twa:text-xs twa:in-data-[slot=button-group]:rounded-md twa:has-data-[icon=inline-end]:pr-1.5 twa:has-data-[icon=inline-start]:pl-1.5 twa:[&_svg:not([class*=size-])]:size-3',
-            sm: 'twa:h-8 twa:gap-1 twa:rounded-[min(var(--radius-md),10px)] twa:px-2.5 twa:in-data-[slot=button-group]:rounded-md twa:has-data-[icon=inline-end]:pr-1.5 twa:has-data-[icon=inline-start]:pl-1.5',
-            lg: 'twa:h-10 twa:gap-1.5 twa:px-2.5 twa:has-data-[icon=inline-end]:pr-3 twa:has-data-[icon=inline-start]:pl-3',
-            icon: 'twa:size-9',
-            'icon-xs': 'twa:size-6 twa:rounded-[min(var(--radius-md),8px)] twa:in-data-[slot=button-group]:rounded-md twa:[&_svg:not([class*=size-])]:size-3',
-            'icon-sm': 'twa:size-8 twa:rounded-[min(var(--radius-md),10px)] twa:in-data-[slot=button-group]:rounded-md',
-            'icon-lg': 'twa:size-10',
-        },
-    },
-    defaultVariants: {
-        variant: 'default',
-        size: 'default',
-    },
-});
-const Button = React.forwardRef(function Button({ className, variant = 'default', size = 'default', ...props }, ref) {
-    return (_jsx(ButtonPrimitive, { "data-slot": "button", className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props }));
-});
-export { Button, buttonVariants };

package/src/components/ui/combobox.d.ts

@@ -1,50 +0,0 @@
-import * as React from 'react';
-import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
-declare const useFilteredItems: typeof ComboboxPrimitive.useFilteredItems;
-export { useFilteredItems, ComboboxPrimitive };
-declare const Combobox: typeof ComboboxPrimitive.Root;
-declare const RESIZABLE_VIRTUALIZED_LIST_CLASS = "twa:group-data-resizable/combobox-content:max-h-none twa:group-data-resizable/combobox-content:flex-1 twa:group-data-resizable/combobox-content:min-h-0 twa:group-data-resizable/combobox-content:flex twa:group-data-resizable/combobox-content:flex-col";
-declare const RESIZABLE_VIRTUALIZED_SCROLL_CLASS = "twa:group-data-resizable/combobox-content:h-auto twa:group-data-resizable/combobox-content:max-h-none twa:group-data-resizable/combobox-content:flex-1 twa:group-data-resizable/combobox-content:min-h-0";
-declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): React.JSX.Element;
-declare const ComboboxTrigger: React.ForwardRefExoticComponent<Omit<import("@base-ui/react/combobox").ComboboxTriggerProps & {
-    icon?: React.ReactNode;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const ComboboxClear: React.ForwardRefExoticComponent<Omit<import("@base-ui/react/combobox").ComboboxClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const ComboboxInput: React.ForwardRefExoticComponent<Omit<import("@base-ui/react/combobox").ComboboxInputProps & {
-    isLoading?: boolean;
-    showTrigger?: boolean;
-    showClear?: boolean;
-    /** Ref to the visible `InputGroup` wrapper. Use as the popup anchor so the popup
-     * lines up with the perceived combobox box (input + buttons), not just the bare input. */
-    groupRef?: React.Ref<HTMLDivElement>;
-}, "ref"> & React.RefAttributes<HTMLInputElement>>;
-declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, resizable, contentRef, style, ...props }: ComboboxPrimitive.Popup.Props & Pick<ComboboxPrimitive.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & {
-    resizable?: boolean;
-    contentRef?: (el: HTMLDivElement | null) => void;
-    maxLabelLength?: number;
-}): React.JSX.Element;
-declare const ComboboxList: React.ForwardRefExoticComponent<Omit<import("@base-ui/react/combobox").ComboboxListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ComboboxItem: React.ForwardRefExoticComponent<Omit<import("@base-ui/react/combobox").ComboboxItemProps & {
-    renderCheckboxIndicator?: boolean | null | ComboboxPrimitive.ItemIndicator.Props["render"];
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ComboboxGroup: React.ForwardRefExoticComponent<Omit<import("@base-ui/react/combobox").ComboboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ComboboxLabel: React.ForwardRefExoticComponent<Omit<import("@base-ui/react/combobox").ComboboxGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare function ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props): React.JSX.Element;
-declare const ComboboxEmpty: React.ForwardRefExoticComponent<Omit<import("@base-ui/react/combobox").ComboboxEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ComboboxSeparator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react/combobox").ComboboxSeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ComboboxChips: React.ForwardRefExoticComponent<Omit<import("@base-ui/react/combobox").ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ComboboxChip: React.ForwardRefExoticComponent<Omit<import("@base-ui/react/combobox").ComboboxChipProps & {
-    showRemove?: boolean;
-    /**
-     * Optional override for the remove action. When provided, a plain button
-     * is rendered in place of `ComboboxPrimitive.ChipRemove` so the caller can
-     * control exactly which value is removed. This is required when the chips
-     * rendered don't map 1:1 (or don't share order) with the combobox's own
-     * `selectedValue` array — the primitive's `ChipRemove` otherwise removes by
-     * the chip's composite list index and would target the wrong value.
-     */
-    onRemove?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ComboboxChipsInput: React.ForwardRefExoticComponent<Omit<import("@base-ui/react/combobox").ComboboxInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-declare function useComboboxAnchor(): React.RefObject<HTMLDivElement>;
-export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxGroup, ComboboxLabel, ComboboxCollection, ComboboxEmpty, ComboboxSeparator, ComboboxChips, ComboboxChip, ComboboxChipsInput, ComboboxTrigger, ComboboxValue, useComboboxAnchor, RESIZABLE_VIRTUALIZED_LIST_CLASS, RESIZABLE_VIRTUALIZED_SCROLL_CLASS, };

package/src/components/ui/combobox.js

@@ -1,126 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
-import { cn, POPUP_Z_INDEX } from '../../lib/utils';
-import { Button } from './button';
-import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from './input-group';
-import { CheckIcon, ChevronDownIcon, XIcon, Loader2Icon } from 'lucide-react';
-import { CheckBox } from '../CheckBox';
-const useFilteredItems = ComboboxPrimitive.useFilteredItems;
-export { useFilteredItems, ComboboxPrimitive };
-const Combobox = ComboboxPrimitive.Root;
-const RESIZABLE_LIST_CLASS = 'twa:group-data-resizable/combobox-content:max-h-none twa:group-data-resizable/combobox-content:flex-1 twa:group-data-resizable/combobox-content:min-h-0';
-const RESIZABLE_VIRTUALIZED_LIST_CLASS = `${RESIZABLE_LIST_CLASS} twa:group-data-resizable/combobox-content:flex twa:group-data-resizable/combobox-content:flex-col`;
-const RESIZABLE_VIRTUALIZED_SCROLL_CLASS = 'twa:group-data-resizable/combobox-content:h-auto twa:group-data-resizable/combobox-content:max-h-none twa:group-data-resizable/combobox-content:flex-1 twa:group-data-resizable/combobox-content:min-h-0';
-function ComboboxValue({ ...props }) {
-    return _jsx(ComboboxPrimitive.Value, { "data-slot": "combobox-value", ...props });
-}
-const ComboboxTrigger = React.forwardRef(function ComboboxTrigger({ className, children, icon, ...props }, ref) {
-    return (_jsxs(ComboboxPrimitive.Trigger, { "data-slot": "combobox-trigger", className: cn('twa:[&_svg:not([class*=size-])]:size-4', className), ref: ref, ...props, children: [children, icon !== undefined ? (icon) : (_jsx(ChevronDownIcon, { className: "twa:pointer-events-none twa:size-4 twa:text-muted-foreground" }))] }));
-});
-export const ComboboxClear = React.forwardRef(function ComboboxClear({ className, ...props }, ref) {
-    return (_jsx(ComboboxPrimitive.Clear, { "data-slot": "combobox-clear", render: _jsx(InputGroupButton, { variant: "ghost", size: "icon-xs", className: "twa:min-h-auto!" }), className: className, ref: ref, ...props, children: _jsx(XIcon, { className: "twa:pointer-events-none", strokeWidth: 1 }) }));
-});
-const ComboboxInput = React.forwardRef(function ComboboxInput({ className, children, disabled = false, isLoading = false, showTrigger = true, showClear = false, groupRef, ...props }, ref) {
-    const { 'aria-label': ariaLabel, ...rest } = props;
-    return (_jsxs(InputGroup, { ref: groupRef, className: cn('twa:w-auto', className), "aria-label": ariaLabel, children: [_jsx(ComboboxPrimitive.Input, { ref: ref, render: _jsx(InputGroupInput, { disabled: disabled }), ...rest }), _jsxs(InputGroupAddon, { align: "inline-end", children: [isLoading && (_jsx(Loader2Icon, { className: "twa:size-4 twa:text-muted-foreground twa:animate-spin" })), showTrigger && (_jsx(InputGroupButton, { size: "icon-xs", variant: "ghost", render: _jsx(ComboboxTrigger, {}), "data-slot": "combobox-toggle", className: "twa:group-has-data-[slot=combobox-clear]/input-group:hidden twa:data-pressed:bg-transparent twa:min-h-auto!", disabled: disabled })), showClear && _jsx(ComboboxClear, { disabled: disabled })] }), children] }));
-});
-function ComboboxContent({ className, side = 'bottom', sideOffset = 6, align = 'start', alignOffset = 0, anchor, resizable = false, contentRef, style, ...props }) {
-    const [userSize, setUserSize] = React.useState(null);
-    const styleObject = typeof style === 'function' ? undefined : style;
-    const expectedSizeRef = React.useRef({});
-    expectedSizeRef.current = {
-        width: userSize?.width ?? styleObject?.width,
-        height: userSize?.height ?? styleObject?.height,
-    };
-    const styleObserverRef = React.useRef(null);
-    const pendingUserSizeRef = React.useRef(null);
-    const pinTimerRef = React.useRef(null);
-    const flushPendingUserSize = React.useCallback(() => {
-        if (pinTimerRef.current) {
-            clearTimeout(pinTimerRef.current);
-            pinTimerRef.current = null;
-        }
-        if (pendingUserSizeRef.current) {
-            setUserSize(pendingUserSizeRef.current);
-            pendingUserSizeRef.current = null;
-        }
-    }, []);
-    const popupRef = React.useCallback((el) => {
-        styleObserverRef.current?.disconnect();
-        styleObserverRef.current = null;
-        if (!el) {
-            flushPendingUserSize();
-        }
-        contentRef?.(el);
-        if (el && resizable) {
-            const observer = new MutationObserver(() => {
-                const { width, height } = el.style;
-                const expected = expectedSizeRef.current;
-                const isUserSize = (actual, expectedValue) => !!actual && actual !== expectedValue && actual.endsWith('px');
-                if (!isUserSize(width, expected.width) && !isUserSize(height, expected.height)) {
-                    return;
-                }
-                pendingUserSizeRef.current = {
-                    width: width || `${el.offsetWidth}px`,
-                    height: height || `${el.offsetHeight}px`,
-                };
-                if (pinTimerRef.current) {
-                    clearTimeout(pinTimerRef.current);
-                }
-                pinTimerRef.current = setTimeout(flushPendingUserSize, 150);
-            });
-            observer.observe(el, { attributes: true, attributeFilter: ['style'] });
-            styleObserverRef.current = observer;
-        }
-    }, [resizable, contentRef, flushPendingUserSize]);
-    const resizableStyle = resizable
-        ? { resize: 'both' }
-        : undefined;
-    return (_jsx(ComboboxPrimitive.Portal, { children: _jsx(ComboboxPrimitive.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, anchor: anchor, className: `twa:isolate ${POPUP_Z_INDEX}`, children: _jsx(ComboboxPrimitive.Popup, { ref: popupRef, "data-slot": "combobox-content", "data-chips": !!anchor, "data-resizable": resizable || undefined, style: { ...resizableStyle, ...styleObject, ...userSize }, className: cn('twa:group/combobox-content twa:relative twa:origin-(--transform-origin) twa:overflow-hidden twa:rounded-input twa:bg-popover twa:text-popover-foreground twa:shadow-md twa:ring-1 twa:ring-foreground/10 twa:duration-100 twa:data-[side=bottom]:slide-in-from-top-2 twa:data-[side=inline-end]:slide-in-from-left-2 twa:data-[side=inline-start]:slide-in-from-right-2 twa:data-[side=left]:slide-in-from-right-2 twa:data-[side=right]:slide-in-from-left-2 twa:data-[side=top]:slide-in-from-bottom-2 twa:*:data-[slot=input-group]:m-1 twa:*:data-[slot=input-group]:mb-0 twa:*:data-[slot=input-group]:h-8 twa:*:data-[slot=input-group]:border-input/30 twa:*:data-[slot=input-group]:bg-input/30 twa:*:data-[slot=input-group]:shadow-none twa:data-open:animate-in twa:data-open:fade-in-0 twa:data-open:zoom-in-95 twa:data-closed:animate-out twa:data-closed:fade-out-0 twa:data-closed:zoom-out-95', 'twa:max-h-[min(var(--available-height,80vh),80vh)]', 'twa:max-w-[min(var(--available-width,80vw),80vw)]', 'twa:min-w-[min(calc(var(--anchor-width)+--spacing(7)),var(--available-width),80vw)]', resizable ? 'twa:flex twa:flex-col twa:min-h-24' : 'twa:w-(--anchor-width)', className), ...props }) }) }));
-}
-const ComboboxList = React.forwardRef(function ComboboxList({ className, ...props }, ref) {
-    return (_jsx(ComboboxPrimitive.List, { "data-slot": "combobox-list", className: cn('twa:no-scrollbar twa:max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] twa:scroll-py-1 twa:overflow-y-auto twa:overscroll-contain twa:p-1 twa:data-empty:p-0', RESIZABLE_LIST_CLASS, className), ref: ref, ...props }));
-});
-const checkboxIndicatorRender = (props, state) => {
-    const clsForSquare = state.selected ? 'twa:ring-1 twa:ring-accent-foreground' : '';
-    return (_jsx(CheckBox, { checked: state.selected, tabIndex: -1, checkSquareClassName: clsForSquare, className: "twa:p-0 twa:m-0 twa:cursor-pointer" }));
-};
-const ComboboxItem = React.forwardRef(function ComboboxItem({ className, children, renderCheckboxIndicator, ...props }, ref) {
-    return (_jsxs(ComboboxPrimitive.Item, { ref: ref, className: cn('twa:relative twa:flex twa:w-full twa:cursor-default twa:items-center twa:gap-2 twa:rounded-input twa:py-1.5 twa:pl-2 twa:text-sm twa:outline-hidden twa:select-none twa:data-highlighted:bg-accent twa:data-highlighted:text-accent-foreground twa:not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground twa:data-disabled:pointer-events-none twa:data-disabled:opacity-50 twa:[&_svg]:pointer-events-none twa:[&_svg]:shrink-0 twa:[&_svg:not([class*=size-])]:size-4', 'twa:cursor-pointer', renderCheckboxIndicator ? 'twa:pr-2' : 'twa:pr-8', className), ...props, "data-slot": "combobox-item", children: [renderCheckboxIndicator ? (_jsx(ComboboxPrimitive.ItemIndicator, { keepMounted: true, render: renderCheckboxIndicator === true ? checkboxIndicatorRender : renderCheckboxIndicator })) : null, children, !renderCheckboxIndicator && (_jsx(ComboboxPrimitive.ItemIndicator, { render: _jsx("span", { className: "twa:pointer-events-none twa:absolute twa:right-2 twa:flex twa:size-4 twa:items-center twa:justify-center" }), children: _jsx(CheckIcon, { className: "twa:pointer-events-none" }) }))] }));
-});
-const ComboboxGroup = React.forwardRef(function ComboboxGroup({ className, ...props }, ref) {
-    return (_jsx(ComboboxPrimitive.Group, { "data-slot": "combobox-group", className: cn(className), ref: ref, ...props }));
-});
-const ComboboxLabel = React.forwardRef(function ComboboxLabel({ className, ...props }, ref) {
-    return (_jsx(ComboboxPrimitive.GroupLabel, { "data-slot": "combobox-label", className: cn('twa:px-2 twa:py-1.5 twa:text-xs twa:text-muted-foreground', className), ref: ref, ...props }));
-});
-function ComboboxCollection({ ...props }) {
-    return _jsx(ComboboxPrimitive.Collection, { "data-slot": "combobox-collection", ...props });
-}
-const ComboboxEmpty = React.forwardRef(function ComboboxEmpty({ className, ...props }, ref) {
-    return (_jsx(ComboboxPrimitive.Empty, { "data-slot": "combobox-empty", className: cn('twa:hidden twa:w-full twa:justify-center twa:py-2 twa:text-center twa:text-sm twa:text-muted-foreground twa:group-data-empty/combobox-content:flex', className), ref: ref, ...props }));
-});
-const ComboboxSeparator = React.forwardRef(function ComboboxSeparator({ className, ...props }, ref) {
-    return (_jsx(ComboboxPrimitive.Separator, { "data-slot": "combobox-separator", className: cn('twa:-mx-1 twa:my-1 twa:h-px twa:bg-border', className), ref: ref, ...props }));
-});
-const ComboboxChips = React.forwardRef(function ComboboxChips({ className, ...props }, ref) {
-    return (_jsx(ComboboxPrimitive.Chips, { "data-slot": "combobox-chips", className: cn('twa:focus-within:outline-none', 'twa:flex twa:flex-wrap twa:items-center twa:gap-1.5 twa:rounded-input twa:border twa:border-input twa:bg-input-background twa:bg-clip-padding twa:text-sm twa:shadow-xs twa:transition-[color,box-shadow] twa:focus-within:border-ring twa:focus-within:ring-3 twa:focus-within:ring-ring/50 twa:has-aria-invalid:border-destructive twa:has-aria-invalid:ring-3 twa:has-aria-invalid:ring-destructive/20 twa:has-data-[slot=combobox-chip]:px-1.5 twa:dark:has-aria-invalid:border-destructive/50 twa:dark:has-aria-invalid:ring-destructive/40', 'twa:py-1', 'twa:px-2.5', 'twa:min-h-input', 'twa:[&>input]:max-h-[calc(var(--ab-input-height)-1.5*var(--ab-base-space))]!', className), ref: ref, ...props }));
-});
-const ComboboxChip = React.forwardRef(function ComboboxChip({ className, children, showRemove = true, onRemove, ...props }, ref) {
-    return (_jsxs(ComboboxPrimitive.Chip, { ref: ref, "data-slot": "combobox-chip", className: cn('twa:flex twa:h-[calc(--spacing(5.5))] twa:w-fit twa:items-center twa:justify-center twa:gap-1 twa:rounded-input twa:bg-muted twa:px-1.5 twa:text-xs twa:font-medium twa:whitespace-nowrap twa:text-input-foreground twa:has-disabled:pointer-events-none twa:has-disabled:cursor-not-allowed twa:has-disabled:opacity-50 twa:has-data-[slot=combobox-chip-remove]:pr-0', className), ...props, children: [children, showRemove &&
-                (onRemove ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", tabIndex: -1, "data-slot": "combobox-chip-remove", className: "twa:-ml-1 twa:opacity-50 twa:hover:opacity-100", onMouseDown: (e) => {
-                        e.preventDefault();
-                        e.stopPropagation();
-                    }, onClick: (e) => {
-                        e.stopPropagation();
-                        onRemove(e);
-                    }, children: _jsx(XIcon, { className: "twa:pointer-events-none" }) })) : (_jsx(ComboboxPrimitive.ChipRemove, { render: _jsx(Button, { variant: "ghost", size: "icon-xs" }), className: "twa:-ml-1 twa:opacity-50 twa:hover:opacity-100", "data-slot": "combobox-chip-remove", children: _jsx(XIcon, { className: "twa:pointer-events-none" }) })))] }));
-});
-const ComboboxChipsInput = React.forwardRef(function ComboboxChipsInput({ className, ...props }, ref) {
-    return (_jsx(ComboboxPrimitive.Input, { "data-slot": "combobox-chip-input", className: cn('twa:placeholder:text-muted-foreground twa:min-w-16 twa:flex-1 twa:px-2.5 twa:outline-none twa:border-none twa:bg-transparent twa:min-h-auto!', className), ref: ref, ...props }));
-});
-function useComboboxAnchor() {
-    return React.useRef(null);
-}
-export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxGroup, ComboboxLabel, ComboboxCollection, ComboboxEmpty, ComboboxSeparator, ComboboxChips, ComboboxChip, ComboboxChipsInput, ComboboxTrigger, ComboboxValue, useComboboxAnchor, RESIZABLE_VIRTUALIZED_LIST_CLASS, RESIZABLE_VIRTUALIZED_SCROLL_CLASS, };

package/src/components/ui/textarea.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
-export { Textarea };

package/src/components/ui/textarea.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { cn } from '../../lib/utils';
-const Textarea = React.forwardRef(function Textarea({ className, ...props }, ref) {
-    return (_jsx("textarea", { "data-slot": "textarea", className: cn('twa:text-input-foreground twa:flex twa:field-sizing-content twa:min-h-16 twa:w-full twa:rounded-md twa:border twa:border-input twa:bg-transparent twa:px-2.5 twa:py-2 twa:text-base twa:shadow-xs twa:transition-[color,box-shadow] twa:outline-none twa:placeholder:text-muted-foreground twa:focus-visible:border-ring twa:focus-visible:ring-3 twa:focus-visible:ring-ring/50 twa:disabled:cursor-not-allowed twa:disabled:opacity-50 twa:aria-invalid:border-destructive twa:aria-invalid:ring-3 twa:aria-invalid:ring-destructive/20 twa:md:text-sm twa:dark:aria-invalid:border-destructive/50 twa:dark:aria-invalid:ring-destructive/40', className), ref: ref, ...props }));
-});
-export { Textarea };

package/src/components/utils/useSelectionRange.d.ts

@@ -1,5 +0,0 @@
-export declare function useSelectionRange<T extends HTMLInputElement | HTMLTextAreaElement>(): {
-    ref: (node: T) => void;
-    selectionStart: number;
-    selectionEnd: number;
-};

package/src/components/utils/useSelectionRange.js

@@ -1,20 +0,0 @@
-import { useState, useRef, useCallback } from 'react';
-export function useSelectionRange() {
-    const [range, setRange] = useState([null, null]);
-    const onSelectionChange = () => {
-        const isActive = ref.current === document.activeElement;
-        const start = isActive ? ref.current.selectionStart : null;
-        const end = isActive ? ref.current.selectionEnd : null;
-        setRange([start, end]);
-    };
-    const ref = useRef(null);
-    const refCallback = useCallback((newNode) => {
-        const oldNode = ref.current;
-        if (oldNode)
-            document.removeEventListener('selectionchange', onSelectionChange);
-        if (newNode)
-            document.addEventListener('selectionchange', onSelectionChange);
-        ref.current = newNode;
-    }, []);
-    return { ref: refCallback, selectionStart: range[0], selectionEnd: range[1] };
-}

package/src/parser/src/ExpressionEvaluationError.d.ts

@@ -1,4 +0,0 @@
-export declare class ExpressionEvaluationError extends Error {
-    readonly expressionFnName: string;
-    constructor(expressionFnName: string, message: string);
-}

package/src/parser/src/ExpressionEvaluationError.js

@@ -1,8 +0,0 @@
-export class ExpressionEvaluationError extends Error {
-    expressionFnName;
-    constructor(expressionFnName, message) {
-        super(message);
-        this.expressionFnName = expressionFnName;
-        this.name = 'ExpressionEvaluationError';
-    }
-}

package/src/parser/src/evaluator.d.ts

@@ -1,2 +0,0 @@
-import { ExpressionContext } from './types';
-export declare function evaluateNode(node: any, context: ExpressionContext): any;

package/src/parser/src/evaluator.js

@@ -1,23 +0,0 @@
-import { ExpressionEvaluationError } from './ExpressionEvaluationError';
-export function evaluateNode(node, context) {
-    if (typeof node === 'boolean' ||
-        typeof node === 'number' ||
-        typeof node === 'string' ||
-        node == null) {
-        return node;
-    }
-    if (Array.isArray(node)) {
-        return node.map((n) => evaluateNode(n, context));
-    }
-    const functionDef = context.functions[node.type];
-    if (functionDef) {
-        if (functionDef.hasEagerEvaluation) {
-            return functionDef.handler(node.args, context);
-        }
-        const args = node.args.map((n) => evaluateNode(n, context));
-        return functionDef.handler(args, context);
-    }
-    else {
-        throw new ExpressionEvaluationError('', `Function is not available in this context: "${node.type}"`);
-    }
-}

package/src/parser/src/index.d.ts

@@ -1,9 +0,0 @@
-import { AST, ExpressionContext } from './types';
-export { findPathTo } from './utils';
-export declare function parse(input: string): {
-    ast: any;
-    evaluate: (context: ExpressionContext) => any;
-};
-export declare function getAST(input: string): any;
-export declare function evaluate(input: string, context: ExpressionContext): any;
-export declare function getAbstractSyntaxTree(expression: string): AST;

package/src/parser/src/index.js

@@ -1,28 +0,0 @@
-import { evaluateNode } from './evaluator';
-import parser from './parser';
-export { findPathTo } from './utils';
-const getParser = () => {
-    return parser;
-};
-export function parse(input) {
-    const ast = getParser().parse(input.trim());
-    const evaluate = (context) => {
-        const result = evaluateNode(ast, context);
-        const lastResult = result[result.length - 1];
-        return lastResult;
-    };
-    return { ast, evaluate };
-}
-export function getAST(input) {
-    const { ast } = parse(input);
-    return ast;
-}
-const cache = {};
-export function evaluate(input, context) {
-    cache[input] = cache[input] || parse(input);
-    return cache[input].evaluate(context);
-}
-export function getAbstractSyntaxTree(expression) {
-    const { ast } = parse(expression);
-    return ast;
-}

package/src/parser/src/parser.d.ts

@@ -1,2 +0,0 @@
-declare var parser: any;
-export default parser;