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

package/dist/column-manager/branch.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useCallback, useMemo } from "react";
-import { TreeBranch } from "../tree-view/branch/branch.js";
-import { ColumnItemContext } from "./context.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 Branch = forwardRef(function Branch({ item, label, labelWrapClassName, labelWrapStyle, ...props }, forwarded) {
-    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, { value: useMemo(() => ({ item }), [item]), children: _jsx(TreeBranch, { ...props, itemId: item.data.idOccurrence, ref: forwarded, onKeyDown: (ev) => {
-                props.onKeyDown?.(ev);
-                if (ev.key === " ") {
-                    toggle();
-                    ev.preventDefault();
-                }
-            }, labelWrap: _jsx(DropWrap, { "data-ln-column-manager-branch": true, "data-ln-column-id": item.data.idOccurrence, accepted: [accepted], className: labelWrapClassName, style: labelWrapStyle, onEnter: (el) => {
-                    const data = dragState.data
-                        .get()
-                        ?.siteLocalData?.[accepted]?.at(-1);
-                    if (!data)
-                        return;
-                    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");
-                } }), label: label }) }));
-});

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

@@ -1,13 +0,0 @@
-import { Root } from "./root.js";
-import { useColumnManager } from "./use-column-manager.js";
-import { VisibilityCheckbox } from "./visibility-checkbox.js";
-export declare const ColumnManager: {
-    Root: typeof Root;
-    Leaf: import("react").ForwardRefExoticComponent<Omit<import("./leaf.js").ColumnManagerLeafProps & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
-    Label: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./label.js").LabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Branch: import("react").ForwardRefExoticComponent<Omit<import("./branch.js").ColumnManagerBranchProps & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
-    Panel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
-    MoveHandle: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./move-handle.js").MoveHandleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    VisibilityCheckbox: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & VisibilityCheckbox, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    useColumnManager: typeof useColumnManager;
-};

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

@@ -1,18 +0,0 @@
-import { Branch } from "./branch.js";
-import { Label } from "./label.js";
-import { Leaf } from "./leaf.js";
-import { MoveHandle } from "./move-handle.js";
-import { Panel } from "./panel.js";
-import { Root } from "./root.js";
-import { useColumnManager } from "./use-column-manager.js";
-import { VisibilityCheckbox } from "./visibility-checkbox.js";
-export const ColumnManager = {
-    Root,
-    Leaf,
-    Label,
-    Branch,
-    Panel,
-    MoveHandle,
-    VisibilityCheckbox,
-    useColumnManager: useColumnManager,
-};

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

@@ -1,7 +0,0 @@
-import type { Column } from "../+types";
-import type { PathBranch, PathLeaf } from "@1771technologies/lytenyte-shared";
-export interface TreeItemContextValue {
-    readonly item: PathBranch<Column<any>> | PathLeaf<Column<any>>;
-}
-export declare const ColumnItemContext: import("react").Context<TreeItemContextValue>;
-export declare const useColumnItemContext: () => TreeItemContextValue;

package/dist/column-manager/context.js

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

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

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

package/dist/column-manager/label.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
-import { useColumnItemContext } from "./context.js";
-import { useSlot } from "@1771technologies/lytenyte-core/yinternal";
-export const Label = forwardRef(function Label({ as, ...props }, forwarded) {
-    const { item } = useColumnItemContext();
-    const label = useMemo(() => {
-        if (item.kind == "branch")
-            return item.id.split("#").at(-2);
-        return item.data.name ?? item.data.id;
-    }, [item]);
-    const rendered = useSlot({
-        props: [{ children: label }, props],
-        ref: forwarded,
-        slot: as ?? _jsx("div", {}),
-    });
-    return rendered;
-});

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

@@ -1,6 +0,0 @@
-import type { Column } from "../+types";
-import type { PathLeaf } from "@1771technologies/lytenyte-shared";
-export interface ColumnManagerLeafProps {
-    readonly item: PathLeaf<Column<any>>;
-}
-export declare const Leaf: import("react").ForwardRefExoticComponent<Omit<ColumnManagerLeafProps & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;

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>>;