@1771technologies/lytenyte-pro 1.0.20 → 2.0.0-dev.1

package/dist/column-manager/leaf.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useCallback, useMemo } from "react";
-import { ColumnItemContext } from "./context.js";
-import { TreeLeaf } from "../tree-view/leaf.js";
-import { useGrid } from "../grid-provider/use-grid.js";
-import { useColumnsFromContext } from "./use-columns-from-context.js";
-import { dragState, DropWrap } from "@1771technologies/lytenyte-core/yinternal";
-export const Leaf = forwardRef(function ColumnManagerLeaf({ item, ...props }, forwarded) {
-    const context = useMemo(() => {
-        return { item: item };
-    }, [item]);
-    const grid = useGrid();
-    const id = grid.state.gridId.useValue();
-    const accepted = `${id}-columns`;
-    const base = grid.state.columnBase.useValue();
-    const columns = useColumnsFromContext(item);
-    const isVisible = useMemo(() => {
-        const allVisible = columns.every((c) => !(c.hide ?? base.hide));
-        return allVisible;
-    }, [base.hide, columns]);
-    const toggle = useCallback((s) => {
-        const next = s ?? isVisible;
-        grid.api.columnUpdate(Object.fromEntries(columns.map((c) => [c.id, { hide: next }])));
-    }, [columns, grid.api, isVisible]);
-    return (_jsx(ColumnItemContext.Provider, { value: context, children: _jsx(DropWrap, { accepted: [accepted], onEnter: (el) => {
-                const data = dragState.data
-                    .get()
-                    ?.siteLocalData?.[accepted]?.at(-1);
-                if (!data)
-                    return;
-                const columns = [item.data];
-                const move = data.id;
-                if (columns.some((c) => c.id === move))
-                    return;
-                const allColumns = grid.state.columns.get();
-                const moveIndex = allColumns.findIndex((c) => c.id === move);
-                if (moveIndex === -1)
-                    return;
-                const thisIndex = allColumns.findIndex((c) => c.id === columns[0].id);
-                const isBefore = thisIndex > moveIndex;
-                // Flipped since our source is the one moving
-                if (!isBefore) {
-                    el.setAttribute("data-ln-is-before", "true");
-                }
-                else {
-                    el.setAttribute("data-ln-is-after", "true");
-                }
-            }, onLeave: (el) => {
-                el.removeAttribute("data-ln-is-before");
-                el.removeAttribute("data-ln-is-after");
-            }, as: _jsx(TreeLeaf, { ...props, itemId: item.data.id, ref: forwarded, onKeyDown: (ev) => {
-                    props.onKeyDown?.(ev);
-                    if (ev.key === " ") {
-                        toggle();
-                        ev.preventDefault();
-                    }
-                }, "data-ln-column-manager-leaf": true, "data-ln-column-id": item.data.id }) }) }));
-});

package/dist/column-manager/move-handle.d.ts

@@ -1,5 +0,0 @@
-import { type SlotComponent } from "@1771technologies/lytenyte-core/yinternal";
-export interface MoveHandleProps {
-    readonly as?: SlotComponent;
-}
-export declare const MoveHandle: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & MoveHandleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/column-manager/move-handle.js

@@ -1,72 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
-import { useColumnItemContext } from "./context.js";
-import { useColumnsFromContext } from "./use-columns-from-context.js";
-import { useGrid } from "../grid-provider/use-grid.js";
-import { useCombinedRefs, useDraggable, useSlot, } from "@1771technologies/lytenyte-core/yinternal";
-export const MoveHandle = forwardRef(function MoveHandle({ as, ...props }, forwarded) {
-    const item = useColumnItemContext().item;
-    const grid = useGrid();
-    const columns = useColumnsFromContext(item);
-    const base = grid.state.columnBase.useValue();
-    const isMovable = useMemo(() => {
-        return columns.every((c) => c.uiHints?.movable ?? base.uiHints?.movable);
-    }, [base.uiHints?.movable, columns]);
-    const { dragProps: { ref, ...otherProps }, } = useDraggable({
-        getItems: () => {
-            const gridId = grid.state.gridId.get();
-            const isGroupable = columns.length === 1 && (columns[0].uiHints?.rowGroupable ?? base.uiHints?.rowGroupable);
-            if (isGroupable) {
-                return {
-                    siteLocalData: {
-                        [`${gridId}-columns`]: columns,
-                        [`${gridId}-group`]: columns[0].id,
-                    },
-                };
-            }
-            return {
-                siteLocalData: {
-                    [`${gridId}-columns`]: columns,
-                },
-            };
-        },
-        onDrop: (p) => {
-            const move = p.dropElement.getAttribute("data-ln-column-id");
-            if (!move)
-                return null;
-            if (columns.some((c) => c.id === move))
-                return;
-            const allColumns = grid.state.columns.get();
-            const moveIndex = allColumns.findIndex((c) => c.id === move);
-            if (moveIndex === -1)
-                return;
-            const thisIndex = allColumns.findIndex((c) => c.id === columns[0].id);
-            const isBefore = thisIndex > moveIndex;
-            grid.api.columnMove({
-                moveColumns: columns,
-                moveTarget: move,
-                before: isBefore,
-            });
-        },
-        placeholder: (_, el) => {
-            let current = el;
-            while (current &&
-                !current.getAttribute("data-ln-column-manager-leaf") &&
-                !current.getAttribute("data-ln-tree-branch")) {
-                current = current.parentElement;
-            }
-            if (current)
-                return current;
-            else
-                return el;
-        },
-    });
-    const combined = useCombinedRefs(ref, forwarded);
-    const additionalProps = isMovable ? otherProps : {};
-    const renderer = useSlot({
-        props: [{ "aria-label": "Drag to move column" }, additionalProps, props],
-        ref: isMovable ? combined : forwarded,
-        slot: as ?? _jsx("div", {}),
-    });
-    return renderer;
-});

package/dist/column-manager/panel.d.ts

@@ -1 +0,0 @@
-export declare const Panel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;

package/dist/column-manager/panel.js

@@ -1,2 +0,0 @@
-import { TreePanel } from "../tree-view/panel/panel.js";
-export const Panel = TreePanel;

package/dist/column-manager/root.d.ts

@@ -1,8 +0,0 @@
-import type { PropsWithChildren } from "react";
-import type { Column, Grid } from "../+types";
-import type { PathBranch } from "@1771technologies/lytenyte-shared";
-export interface ColumnManagerRootProps<T> {
-    readonly grid: Grid<T>;
-    readonly lookup: Record<string, PathBranch<Column<any>>>;
-}
-export declare function Root<T>({ grid, lookup, children }: PropsWithChildren<ColumnManagerRootProps<T>>): import("react/jsx-runtime").JSX.Element;

package/dist/column-manager/root.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { GridProvider } from "../grid-provider/provider.js";
-import { TreeRoot } from "../tree-view/root.js";
-import { branchLookupContext } from "./branch-lookup-context.js";
-export function Root({ grid, lookup, children }) {
-    return (_jsx(branchLookupContext.Provider, { value: lookup, children: _jsx(GridProvider, { value: grid, children: _jsx(TreeRoot, { children: children }) }) }));
-}

package/dist/column-manager/use-column-manager.d.ts

@@ -1,10 +0,0 @@
-import type { Column, Grid } from "../+types";
-import type { PathBranch } from "@1771technologies/lytenyte-shared";
-export interface UseColumnManagerProps<T> {
-    readonly grid: Grid<T>;
-    readonly query?: string;
-}
-export declare function useColumnManager<T>({ grid, query }: UseColumnManagerProps<T>): {
-    items: (PathBranch<Column<T>> | import("@1771technologies/lytenyte-shared").PathLeaf<Column<T>>)[];
-    lookup: Record<string, PathBranch<Column<any>>>;
-};

package/dist/column-manager/use-column-manager.js

@@ -1,24 +0,0 @@
-import { useMemo } from "react";
-import { useTreeViewPaths } from "../tree-view/hooks/use-tree-view-paths.js";
-export function useColumnManager({ grid, query }) {
-    const columns = grid.state.columns.useValue();
-    const filteredColumns = useMemo(() => {
-        if (!query)
-            return columns;
-        return columns.filter((c) => (c.name ?? c.id).toLowerCase().includes(query.toLowerCase()));
-    }, [columns, query]);
-    const items = useTreeViewPaths(filteredColumns, true);
-    const branchLookup = useMemo(() => {
-        const stack = [...items];
-        const lookup = {};
-        while (stack.length) {
-            const item = stack.pop();
-            if (item.kind === "leaf")
-                continue;
-            lookup[item.data.idOccurrence] = item;
-            stack.push(...item.children.values());
-        }
-        return lookup;
-    }, [items]);
-    return { items, lookup: branchLookup };
-}

package/dist/column-manager/use-columns-from-context.d.ts

@@ -1,3 +0,0 @@
-import type { Column } from "../+types.js";
-import type { PathBranch, PathLeaf } from "@1771technologies/lytenyte-shared";
-export declare function useColumnsFromContext<T>(item: PathBranch<Column<T>> | PathLeaf<Column<T>>): Column<any>[] | Column<T>[];

package/dist/column-manager/use-columns-from-context.js

@@ -1,23 +0,0 @@
-import { useMemo } from "react";
-import { useBranchLookup } from "./branch-lookup-context.js";
-export function useColumnsFromContext(item) {
-    const lookup = useBranchLookup();
-    const columns = useMemo(() => {
-        if (item.kind === "branch") {
-            const allChildren = [];
-            const branch = lookup[item.data.idOccurrence];
-            const stack = [...branch.children.values()];
-            while (stack.length) {
-                const p = stack.pop();
-                if (p.kind === "branch") {
-                    stack.push(...p.children.values());
-                    continue;
-                }
-                allChildren.push(p.data);
-            }
-            return allChildren;
-        }
-        return [item.data];
-    }, [item, lookup]);
-    return columns;
-}

package/dist/column-manager/visibility-checkbox.d.ts

@@ -1,9 +0,0 @@
-import { type SlotComponent } from "@1771technologies/lytenyte-core/yinternal";
-export interface VisibilityCheckbox {
-    readonly as?: SlotComponent<{
-        visible: boolean;
-        indeterminate: boolean;
-        toggle: (s?: boolean) => void;
-    }>;
-}
-export declare const VisibilityCheckbox: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & VisibilityCheckbox, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/column-manager/visibility-checkbox.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useColumnItemContext } from "./context.js";
-import { forwardRef, useCallback, useMemo } from "react";
-import { useGrid } from "../grid-provider/use-grid.js";
-import { useColumnsFromContext } from "./use-columns-from-context.js";
-import { useSlot } from "@1771technologies/lytenyte-core/yinternal";
-export const VisibilityCheckbox = forwardRef(function VisibilityCheckbox({ as, ...props }, forwarded) {
-    const { item } = useColumnItemContext();
-    const grid = useGrid();
-    const base = grid.state.columnBase.useValue();
-    const columns = useColumnsFromContext(item);
-    const [isVisible, isIndeterminate] = useMemo(() => {
-        const allVisible = columns.every((c) => !(c.hide ?? base.hide));
-        const someVisible = columns.some((c) => !(c.hide ?? base.hide));
-        return [allVisible, !allVisible && someVisible];
-    }, [base.hide, columns]);
-    const toggle = useCallback((s) => {
-        const next = s ?? isVisible;
-        grid.api.columnUpdate(Object.fromEntries(columns.map((c) => [c.id, { hide: next }])));
-    }, [columns, grid.api, isVisible]);
-    const rendered = useSlot({
-        props: [props],
-        ref: forwarded,
-        slot: as ?? (_jsx("input", { type: "checkbox", checked: isVisible, "aria-label": "visibility toggle", onChange: () => {
-                toggle();
-            } })),
-        state: { visible: isVisible, indeterminate: isIndeterminate, toggle },
-    });
-    return rendered;
-});

package/dist/context.d.ts

@@ -1,11 +0,0 @@
-import type { Grid } from "./+types.js";
-import type { InternalAtoms } from "./state/+types.js";
-import type { Provider } from "react";
-export interface GridRootContext {
-    readonly ref: (el: HTMLElement | null) => void;
-    readonly grid: Grid<any> & {
-        internal: InternalAtoms;
-    };
-}
-export declare const RootProvider: Provider<GridRootContext>;
-export declare const useGridRoot: () => GridRootContext;

package/dist/context.js

@@ -1,5 +0,0 @@
-import { RootProvider as CoreProvider, useGridRoot as useCoreRoot, } from "@1771technologies/lytenyte-core/yinternal";
-// The PRO context is a superset of the Core context, but we still want to leverage some of the core
-// components to share code. Hence we share the context functionality.
-export const RootProvider = CoreProvider;
-export const useGridRoot = useCoreRoot;

package/dist/filter-selects/apply.d.ts

@@ -1,7 +0,0 @@
-import { type SlotComponent } from "@1771technologies/lytenyte-core/yinternal";
-export interface ApplyProps {
-    readonly as?: SlotComponent<{
-        onApply: () => void;
-    }>;
-}
-export declare const Apply: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & ApplyProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/filter-selects/apply.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useSlot } from "@1771technologies/lytenyte-core/yinternal";
-import { forwardRef } from "react";
-import { useFilterSelectRoot } from "./context.js";
-function ApplyImpl({ as, ...props }, ref) {
-    const ctx = useFilterSelectRoot();
-    const slot = useSlot({
-        props: [
-            {
-                onClick: ctx.apply,
-            },
-            props,
-        ],
-        ref: ref,
-        slot: as ?? _jsx("button", { children: "Apply" }),
-        state: {
-            onReset: ctx.apply,
-        },
-    });
-    return slot;
-}
-export const Apply = forwardRef(ApplyImpl);

package/dist/filter-selects/clear.d.ts

@@ -1,7 +0,0 @@
-import { type SlotComponent } from "@1771technologies/lytenyte-core/yinternal";
-export interface ClearProps {
-    readonly as?: SlotComponent<{
-        onClear: () => void;
-    }>;
-}
-export declare const Clear: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & ClearProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/filter-selects/clear.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useSlot } from "@1771technologies/lytenyte-core/yinternal";
-import { forwardRef } from "react";
-import { useFilterSelectRoot } from "./context.js";
-function ClearImpl({ as, ...props }, ref) {
-    const ctx = useFilterSelectRoot();
-    const slot = useSlot({
-        props: [
-            {
-                onClick: ctx.clear,
-            },
-            props,
-        ],
-        ref: ref,
-        slot: as ?? _jsx("button", { children: "Clear" }),
-        state: {
-            onReset: ctx.clear,
-        },
-    });
-    return slot;
-}
-export const Clear = forwardRef(ClearImpl);

package/dist/filter-selects/context.d.ts

@@ -1,13 +0,0 @@
-import { type Dispatch, type SetStateAction } from "react";
-import type { FilterSelectFlat } from "./use-filter-select";
-export interface FilterSelectRoot {
-    readonly defaultFilter: FilterSelectFlat;
-    readonly filters: FilterSelectFlat[];
-    readonly setFilters: Dispatch<SetStateAction<FilterSelectFlat[]>>;
-    readonly maxCount: number;
-    readonly apply: () => void;
-    readonly reset: () => void;
-    readonly clear: () => void;
-}
-export declare const context: import("react").Context<FilterSelectRoot>;
-export declare const useFilterSelectRoot: () => FilterSelectRoot;

package/dist/filter-selects/context.js

@@ -1,3 +0,0 @@
-import { createContext, useContext } from "react";
-export const context = createContext({});
-export const useFilterSelectRoot = () => useContext(context);

package/dist/filter-selects/filter-combinator.d.ts

@@ -1,10 +0,0 @@
-import { type SlotComponent } from "@1771technologies/lytenyte-core/yinternal";
-export interface FilterCombinatorSlotProps {
-    readonly value: "AND" | "OR" | null;
-    readonly onChange: (v: "AND" | "OR" | null) => void;
-    readonly shouldShow: boolean;
-}
-export interface FilterCombinatorProps {
-    readonly as?: SlotComponent<FilterCombinatorSlotProps>;
-}
-export declare const FilterCombinator: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & FilterCombinatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/filter-selects/filter-combinator.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useSlot } from "@1771technologies/lytenyte-core/yinternal";
-import { forwardRef } from "react";
-import { useFilterRow } from "./filter-row-context.js";
-function FilterCombinatorImpl({ as, ...props }, ref) {
-    const ctx = useFilterRow();
-    const slot = useSlot({
-        props: [props],
-        ref: ref,
-        slot: as ?? (_jsx(_Fragment, { children: ctx.showExtender && (_jsxs("div", { ...props, ref: ref, children: [_jsxs("label", { children: ["AND", _jsx("input", { type: "radio", checked: ctx.extender === "AND", value: "AND", onChange: (e) => ctx.onExtenderChange(e.target.value) })] }), _jsxs("label", { children: ["OR", _jsx("input", { type: "radio", checked: ctx.extender === "OR", value: "OR", onChange: (e) => ctx.onExtenderChange(e.target.value) })] })] })) })),
-        state: {
-            onChange: ctx.onExtenderChange,
-            shouldShow: ctx.showExtender,
-            value: ctx.extender,
-        },
-    });
-    return slot;
-}
-export const FilterCombinator = forwardRef(FilterCombinatorImpl);

package/dist/filter-selects/filter-row-context.d.ts

@@ -1,30 +0,0 @@
-import type { SelectOption } from "./operator-select";
-import type { FilterSelectFlat } from "./use-filter-select";
-export declare const context: import("react").Context<{
-    readonly filter: FilterSelectFlat;
-    readonly extender: "AND" | "OR" | null;
-    readonly showExtender: boolean;
-    readonly onExtenderChange: (v: "AND" | "OR" | null) => void;
-    readonly operatorOptions: SelectOption[];
-    readonly operatorValue: SelectOption | null;
-    readonly operatorOnChange: (v: SelectOption) => void;
-    readonly value: string | number | null | undefined;
-    readonly valueDisabled: boolean;
-    readonly onValueChange: (v: string | number | null) => void;
-    readonly isNumberInput: boolean;
-    readonly filterHasNoValue: boolean;
-}>;
-export declare const useFilterRow: () => {
-    readonly filter: FilterSelectFlat;
-    readonly extender: "AND" | "OR" | null;
-    readonly showExtender: boolean;
-    readonly onExtenderChange: (v: "AND" | "OR" | null) => void;
-    readonly operatorOptions: SelectOption[];
-    readonly operatorValue: SelectOption | null;
-    readonly operatorOnChange: (v: SelectOption) => void;
-    readonly value: string | number | null | undefined;
-    readonly valueDisabled: boolean;
-    readonly onValueChange: (v: string | number | null) => void;
-    readonly isNumberInput: boolean;
-    readonly filterHasNoValue: boolean;
-};

package/dist/filter-selects/filter-row-context.js

@@ -1,3 +0,0 @@
-import { createContext, useContext } from "react";
-export const context = createContext({});
-export const useFilterRow = () => useContext(context);

package/dist/filter-selects/filter-row.d.ts

@@ -1,13 +0,0 @@
-import type { FilterSelectFlat } from "./use-filter-select";
-import type { SelectOption } from "./operator-select";
-export interface SelectSlotProps {
-    readonly options: SelectOption[];
-    readonly value: SelectOption | null;
-    readonly onChange: (v: SelectOption) => void;
-}
-export interface FilterRowProps {
-    readonly filter: FilterSelectFlat;
-}
-export declare const FilterRow: import("react").ForwardRefExoticComponent<FilterRowProps & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/filter-selects/filter-row.js

@@ -1,118 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useCallback, useMemo } from "react";
-import { useFilterSelectRoot } from "./context.js";
-import { context } from "./filter-row-context.js";
-import { dateOptions, filterNeedsValue, numberOptions, operatorsThatAreNumbers, operatorToOption, stringOptions, } from "./options.js";
-function FilterRowImpl({ filter, children }, forwarded) {
-    const ctx = useFilterSelectRoot();
-    const index = ctx.filters.indexOf(filter);
-    const isLast = ctx.filters.at(-1) === filter;
-    if (index === -1)
-        throw new Error("Filter should be defined among the root filters.");
-    const onOperatorChange = useCallback((opt) => {
-        ctx.setFilters((prev) => {
-            const next = [...prev];
-            const filter = next[index];
-            if (filter.kind === "function")
-                return prev;
-            next[index] = {
-                ...filter,
-                operator: opt.value,
-            };
-            return next;
-        });
-    }, [ctx, index]);
-    const options = useMemo(() => {
-        if (filter.kind === "function")
-            return [];
-        if (filter.kind === "number")
-            return numberOptions;
-        if (filter.kind === "date")
-            return dateOptions;
-        return stringOptions;
-    }, [filter.kind]);
-    const operatorValue = useMemo(() => {
-        if (filter.kind === "function")
-            return { value: "-", label: "-" };
-        return operatorToOption[filter.operator ?? "equals"];
-    }, [filter]);
-    const value = useMemo(() => {
-        if (filter.kind === "function")
-            return null;
-        return filter.value;
-    }, [filter]);
-    const onValueChange = useCallback((v) => {
-        if (filter.kind === "function")
-            return;
-        ctx.setFilters((prev) => {
-            const next = [...prev];
-            const filter = next[index];
-            if (filter.kind === "function")
-                return prev;
-            if (filter.kind === "number") {
-                next[index] = {
-                    ...filter,
-                    value: filter.operator === "not_equals" || filter.operator === "equals"
-                        ? typeof v === "number"
-                            ? v
-                            : !v
-                                ? null
-                                : Number.parseFloat(v)
-                        : typeof v === "number"
-                            ? v
-                            : Number.parseFloat(v ?? ""),
-                };
-                return next;
-            }
-            const isNumber = operatorsThatAreNumbers.has(filter.operator);
-            next[index] = {
-                ...filter,
-                value: isNumber ? (typeof v === "number" ? v : Number.parseFloat(v)) : v,
-            };
-            return next;
-        });
-    }, [ctx, filter.kind, index]);
-    const extenderValue = useMemo(() => {
-        return filter.kind == "function" ? null : (filter.nextExtender ?? "AND");
-    }, [filter]);
-    const onExtenderChange = useCallback((v) => {
-        ctx.setFilters((prev) => {
-            const next = [...prev];
-            const filter = next[index];
-            if (filter.kind === "function")
-                return prev;
-            next[index] = {
-                ...filter,
-                nextExtender: v,
-            };
-            return next;
-        });
-    }, [ctx, index]);
-    const showExtender = useMemo(() => {
-        if (filter.kind === "function")
-            return false;
-        // If the filter isn't the last one then show the extender
-        if (!isLast)
-            return true;
-        if (filter.operator != null && filter.value != null && index + 1 < ctx.maxCount)
-            return true;
-        return false;
-    }, [ctx.maxCount, filter, index, isLast]);
-    return (_jsx(context.Provider, { value: {
-            filter,
-            extender: extenderValue,
-            onExtenderChange,
-            showExtender: showExtender,
-            operatorOnChange: onOperatorChange,
-            operatorOptions: options,
-            operatorValue: operatorValue,
-            value,
-            onValueChange,
-            isNumberInput: filter.kind === "function"
-                ? false
-                : filter.kind === "number" || operatorsThatAreNumbers.has(filter.operator),
-            filterHasNoValue: filter.kind === "function" || filterNeedsValue.has(filter.operator),
-            valueDisabled: filter.kind === "function" || !filter.operator,
-        }, children: _jsx("div", { ref: forwarded, children: children }) }));
-}
-export const FilterRow = forwardRef(FilterRowImpl);

package/dist/filter-selects/index.d.ts

@@ -1,22 +0,0 @@
-import { Root } from "./root.js";
-export declare const FilterSelect: {
-    useFilterSelect: <T>({ grid, column, maxCount }: import("./use-filter-select.js").UseFilterSelectParams<T>) => {
-        reset: () => void;
-        apply: () => void;
-        clear: () => void;
-        defaultFilter: import("./use-filter-select.js").FilterSelectFlat;
-        filters: import("./use-filter-select.js").FilterSelectFlat[];
-        setFilters: (v: import("./use-filter-select.js").FilterSelectFlat[] | ((v: import("./use-filter-select.js").FilterSelectFlat[]) => import("./use-filter-select.js").FilterSelectFlat[])) => void;
-        maxCount: number;
-    };
-    Root: typeof Root;
-    FilterRow: import("react").ForwardRefExoticComponent<import("./filter-row.js").FilterRowProps & {
-        children?: import("react").ReactNode | undefined;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    OperatorSelect: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & import("./operator-select.js").OperatorSelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
-    ValueInput: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & import("./value-input.js").ValueInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-    FilterCombinator: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./filter-combinator.js").FilterCombinatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Apply: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./apply.js").ApplyProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Reset: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./reset.js").ResetProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Clear: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./clear.js").ClearProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-};

package/dist/filter-selects/index.js

@@ -1,20 +0,0 @@
-import { Apply } from "./apply.js";
-import { Clear } from "./clear.js";
-import { FilterCombinator } from "./filter-combinator.js";
-import { FilterRow } from "./filter-row.js";
-import { OperatorSelect } from "./operator-select.js";
-import { Reset } from "./reset.js";
-import { Root } from "./root.js";
-import { useFilterSelect } from "./use-filter-select.js";
-import { ValueInput } from "./value-input.js";
-export const FilterSelect = {
-    useFilterSelect,
-    Root,
-    FilterRow,
-    OperatorSelect,
-    ValueInput,
-    FilterCombinator,
-    Apply,
-    Reset,
-    Clear,
-};

package/dist/filter-selects/is-complete-filter.d.ts

@@ -1,2 +0,0 @@
-import type { FilterSelectFlat } from "./use-filter-select";
-export declare function isCompleteFilter(c: FilterSelectFlat): boolean;

package/dist/filter-selects/is-complete-filter.js

@@ -1,5 +0,0 @@
-export function isCompleteFilter(c) {
-    if (c.kind === "function")
-        return true;
-    return c.operator != null && c.value !== undefined;
-}