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

package/dist/grid-box/grid-box.js

@@ -1,14 +0,0 @@
-import { BoxItem } from "./item.js";
-import { GridBoxPanel } from "./panel.js";
-import { GridBoxRoot } from "./root.js";
-import { useAggregationBoxItems } from "./use-aggregation-box-items.js";
-import { useColumnBoxItems } from "./use-column-box-items.js";
-import { useRowGroupBoxItems } from "./use-row-group-box-items.js";
-export const GridBox = {
-    Root: GridBoxRoot,
-    Panel: GridBoxPanel,
-    Item: BoxItem,
-    useColumnBoxItems,
-    useRowGroupBoxItems,
-    useAggregationBoxItems,
-};

package/dist/grid-box/item.d.ts

@@ -1,10 +0,0 @@
-import { type CSSProperties } from "react";
-import type { GridBoxItem } from "./+types";
-import { type SlotComponent } from "@1771technologies/lytenyte-core/yinternal";
-export interface GridBoxItemProps {
-    readonly item: GridBoxItem;
-    readonly itemAs?: SlotComponent;
-    readonly itemClassName?: string;
-    readonly itemStyle?: CSSProperties;
-}
-export declare const BoxItem: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & GridBoxItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/grid-box/item.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { Item } from "../listbox/item.js";
-import { useGridBoxContext } from "./context.js";
-import { dragState, DropWrap, useCombinedRefs, useDraggable, useSlot, } from "@1771technologies/lytenyte-core/yinternal";
-export const BoxItem = forwardRef(function BoxItem({ item, itemAs, itemClassName, itemStyle, children, ...props }, forwarded) {
-    const { accepted } = useGridBoxContext();
-    const { dragProps } = useDraggable({
-        getItems: () => {
-            return {
-                siteLocalData: item.dragData,
-            };
-        },
-        placeholder: item.dragPlaceholder ? (_, el) => item.dragPlaceholder(el) : undefined,
-    });
-    const ref = useCombinedRefs(forwarded, dragProps.ref);
-    const extraProps = item.draggable ? { ...dragProps, ref } : { ref: forwarded };
-    const renderer = useSlot({
-        props: [
-            {
-                children: (_jsx(Item, { ...extraProps, onKeyDown: (ev) => {
-                        if (ev.key === " ") {
-                            item.onAction?.(ev.currentTarget);
-                            ev.preventDefault();
-                        }
-                        if (ev.key === "Backspace" || ev.key === "Delete")
-                            item.onDelete?.(ev.currentTarget);
-                    }, onClick: (ev) => item.onAction(ev.currentTarget), className: itemClassName, style: itemStyle, "data-ln-source": item.source, "data-ln-index": item.index, children: children })),
-            },
-        ],
-        slot: itemAs ?? _jsx("div", {}),
-    });
-    return (_jsx(DropWrap, { ...props, active: item.active, onEnter: (e) => {
-            const data = dragState.active.get();
-            const thisSource = e.getAttribute("data-ln-source");
-            const dragSource = data?.getAttribute("data-ln-source");
-            if (!data)
-                return;
-            if (thisSource !== dragSource) {
-                e.setAttribute("data-ln-is-after", "true");
-                return;
-            }
-            const overIndex = Number.parseInt(e.getAttribute("data-ln-index"));
-            const dragIndex = Number.parseInt(data.getAttribute("data-ln-index"));
-            if (Number.isNaN(dragIndex) || Number.isNaN(overIndex) || overIndex === dragIndex)
-                return;
-            if (overIndex < dragIndex) {
-                e.setAttribute("data-ln-is-before", "true");
-            }
-            else {
-                e.setAttribute("data-ln-is-after", "true");
-            }
-        }, onLeave: (el) => {
-            el.removeAttribute("data-ln-is-before");
-            el.removeAttribute("data-ln-is-after");
-        }, "data-ln-source": item.source, "data-ln-index": item.index, accepted: item.active === false ? [] : accepted, onDrop: (e) => {
-            const el = e.dropElement;
-            el.removeAttribute("data-ln-is-before");
-            el.removeAttribute("data-ln-is-after");
-            item.onDrop(e);
-        }, as: renderer }));
-});

package/dist/grid-box/panel.d.ts

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

package/dist/grid-box/panel.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { Panel } from "../listbox/panel.js";
-import { useGridBoxContext } from "./context.js";
-import { DropWrap } from "@1771technologies/lytenyte-core/yinternal";
-export const GridBoxPanel = forwardRef(function GridBoxPanel(props, forwarded) {
-    const ctx = useGridBoxContext();
-    return (_jsx(DropWrap, { ...props, accepted: ctx.accepted, "data-ln-orientation": ctx.orientation, onDrop: ctx.onRootDrop, ref: forwarded, as: _jsx(Panel, {}) }));
-});

package/dist/grid-box/root.d.ts

@@ -1,9 +0,0 @@
-import { type PropsWithChildren } from "react";
-import type { DropEventParams, Grid } from "../+types.js";
-export interface GridBoxRootProps<T> {
-    readonly orientation?: "vertical" | "horizontal";
-    readonly onRootDrop: (p: DropEventParams) => void;
-    readonly accepted: string[];
-    readonly grid: Grid<T>;
-}
-export declare function GridBoxRoot<T>({ grid, orientation, accepted, onRootDrop, children, }: PropsWithChildren<GridBoxRootProps<T>>): import("react/jsx-runtime").JSX.Element;

package/dist/grid-box/root.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { Root } from "../listbox/root.js";
-import { GridProvider } from "../grid-provider/provider.js";
-import { GridBoxContext } from "./context.js";
-export function GridBoxRoot({ grid, orientation = "vertical", accepted, onRootDrop, children, }) {
-    return (_jsx(GridProvider, { value: grid, children: _jsx(GridBoxContext.Provider, { value: useMemo(() => ({ accepted, orientation, onRootDrop }), [accepted, onRootDrop, orientation]), children: _jsx(Root, { orientation: orientation, children: children }) }) }));
-}

package/dist/grid-box/use-aggregation-box-items.d.ts

@@ -1,18 +0,0 @@
-import type { AggModelFn, DropEventParams, Grid } from "../+types.js";
-import type { GridBoxItem } from "./+types.js";
-export interface UseAggregationBoxItemsProps<T> {
-    readonly grid: Grid<T>;
-    readonly orientation?: "horizontal" | "vertical";
-}
-export declare function useAggregationBoxItems<T>({ grid, orientation }: UseAggregationBoxItemsProps<T>): {
-    rootProps: {
-        accepted: string[];
-        onRootDrop: (p: DropEventParams) => void;
-        orientation: "horizontal" | "vertical" | undefined;
-        grid: Grid<T>;
-    };
-    items: GridBoxItem<{
-        id: string;
-        agg: AggModelFn<T>;
-    }>[];
-};

package/dist/grid-box/use-aggregation-box-items.js

@@ -1,61 +0,0 @@
-import { useMemo } from "react";
-import { useEvent } from "@1771technologies/lytenyte-core/yinternal";
-export function useAggregationBoxItems({ grid, orientation }) {
-    const model = grid.state.aggModel.useValue();
-    const gridId = grid.state.gridId.useValue();
-    const items = useMemo(() => {
-        const items = Object.entries(model).map(([id, agg], i) => {
-            const column = grid.api.columnById(id);
-            const name = column?.name ?? column?.id ?? id;
-            return {
-                draggable: false,
-                id,
-                index: i,
-                source: "aggregation",
-                data: { id, agg },
-                dragData: {},
-                label: name,
-                onAction: () => { },
-                onDelete: () => {
-                    grid.state.aggModel.set((prev) => {
-                        const next = { ...prev };
-                        delete next[id];
-                        return next;
-                    });
-                },
-                onDrop: () => { },
-                dragPlaceholder: undefined,
-            };
-        });
-        return items;
-    }, [model, grid.api, grid.state.aggModel]);
-    const onRootDrop = useEvent((p) => {
-        const aggId = `${gridId}-agg`;
-        const c = p.state.siteLocalData?.[aggId];
-        if (!c)
-            return;
-        const current = model[c.id];
-        if (!current) {
-            const base = grid.state.columnBase.get();
-            const agg = c.uiHints?.aggDefault ??
-                c.uiHints?.aggsAllowed?.[0] ??
-                base.uiHints?.aggDefault ??
-                base.uiHints?.aggsAllowed?.[0];
-            if (!agg)
-                return;
-            const next = { fn: agg };
-            grid.state.aggModel.set((prev) => ({ ...prev, [c.id]: next }));
-        }
-    });
-    return useMemo(() => {
-        return {
-            rootProps: {
-                accepted: [`${gridId}-agg`],
-                onRootDrop,
-                orientation,
-                grid,
-            },
-            items,
-        };
-    }, [grid, gridId, items, onRootDrop, orientation]);
-}

package/dist/grid-box/use-column-box-items.d.ts

@@ -1,34 +0,0 @@
-import type { Column, DropEventParams, Grid } from "../+types.js";
-import type { GridBoxItem } from "./+types.js";
-export interface OnDropParams<T> {
-    readonly target: Column<T>;
-    readonly src: Column<T>;
-    readonly isBefore: boolean;
-}
-export interface OnRootDropParams<T> {
-    readonly column: Column<T>;
-}
-export interface OnActionParams<T> {
-    readonly column: Column<T>;
-    readonly el: HTMLElement;
-}
-export interface UseColumnBoxItemArgs<T> {
-    readonly grid: Grid<T>;
-    readonly orientation?: "horizontal" | "vertical";
-    readonly draggable?: boolean;
-    readonly itemFilter?: (c: Column<T>) => boolean;
-    readonly placeholder?: (el: HTMLElement) => HTMLElement;
-    readonly onRootDrop?: (p: OnRootDropParams<T>) => void;
-    readonly onDrop?: (p: OnDropParams<T>) => void;
-    readonly onAction?: (c: OnActionParams<T>) => void;
-    readonly onDelete?: (c: OnActionParams<T>) => void;
-}
-export declare function useColumnBoxItems<T>({ grid, onRootDrop, onDrop, onDelete, onAction, orientation, draggable, itemFilter, placeholder, }: UseColumnBoxItemArgs<T>): {
-    rootProps: {
-        accepted: string[];
-        orientation: "horizontal" | "vertical" | undefined;
-        onRootDrop: (p: DropEventParams) => void;
-        grid: Grid<T>;
-    };
-    items: GridBoxItem<Column<T>>[];
-};

package/dist/grid-box/use-column-box-items.js

@@ -1,78 +0,0 @@
-import { useMemo } from "react";
-import { useEvent } from "@1771technologies/lytenyte-core/yinternal";
-export function useColumnBoxItems({ grid, onRootDrop, onDrop, onDelete, onAction, orientation, draggable = true, itemFilter, placeholder, }) {
-    const columns = grid.state.columns.useValue();
-    const base = grid.state.columnBase.useValue();
-    const gridId = grid.state.gridId.useValue();
-    const items = useMemo(() => {
-        const groupId = `${gridId}-group`;
-        const aggId = `${gridId}-agg`;
-        const columnId = `${gridId}-column`;
-        return columns
-            .filter((c) => {
-            return itemFilter ? itemFilter(c) : true;
-        })
-            .map((c, i) => {
-            const canGroup = c.uiHints?.rowGroupable ?? base.uiHints?.rowGroupable ?? false;
-            const canAgg = Boolean(c.uiHints?.aggDefault ??
-                c.uiHints?.aggDefault?.length ??
-                base.uiHints?.aggDefault ??
-                base.uiHints?.aggsAllowed?.length);
-            const data = {
-                [columnId]: c,
-            };
-            if (canGroup)
-                data[groupId] = c.id;
-            if (canAgg)
-                data[aggId] = c;
-            return {
-                label: c.name ?? c.id,
-                id: c.id,
-                index: i,
-                source: "columns",
-                draggable,
-                data: c,
-                dragPlaceholder: placeholder,
-                dragData: data,
-                onAction: (el) => onAction?.({ column: c, el }),
-                onDelete: (el) => onDelete?.({ column: c, el }),
-                onDrop: (p) => {
-                    const src = p.state.siteLocalData?.[columnId];
-                    const target = c;
-                    const dragIndex = columns.findIndex((x) => x.id === src.id);
-                    const overIndex = columns.findIndex((x) => x.id === c.id);
-                    const isBefore = overIndex < dragIndex;
-                    if (overIndex === dragIndex)
-                        return;
-                    onDrop?.({ src, target, isBefore });
-                },
-            };
-        });
-    }, [
-        base.uiHints?.aggDefault,
-        base.uiHints?.aggsAllowed?.length,
-        base.uiHints?.rowGroupable,
-        columns,
-        draggable,
-        gridId,
-        itemFilter,
-        onAction,
-        onDelete,
-        onDrop,
-        placeholder,
-    ]);
-    const onRootDropEv = useEvent((p) => {
-        const columnId = `${gridId}-column`;
-        const src = p.state.siteLocalData?.[columnId];
-        onRootDrop?.(src);
-    });
-    return useMemo(() => ({
-        rootProps: {
-            accepted: [`${gridId}-column`],
-            orientation: orientation,
-            onRootDrop: onRootDropEv,
-            grid,
-        },
-        items,
-    }), [grid, gridId, items, onRootDropEv, orientation]);
-}

package/dist/grid-box/use-row-group-box-items.d.ts

@@ -1,18 +0,0 @@
-import type { DropEventParams, Grid, RowGroupModelItem } from "../+types.js";
-import type { GridBoxItem } from "./+types.js";
-export interface UseRowGroupBoxItems<T> {
-    readonly grid: Grid<T>;
-    readonly orientation?: "horizontal" | "vertical";
-    readonly hideColumnOnGroup?: boolean;
-    readonly includeGroupables?: boolean;
-    readonly placeholder?: (el: HTMLElement) => HTMLElement;
-}
-export declare function useRowGroupBoxItems<T>({ grid, orientation, hideColumnOnGroup, includeGroupables, placeholder, }: UseRowGroupBoxItems<T>): {
-    rootProps: {
-        accepted: string[];
-        onRootDrop: (p: DropEventParams) => void;
-        orientation: "horizontal" | "vertical" | undefined;
-        grid: Grid<T>;
-    };
-    items: GridBoxItem<RowGroupModelItem<T>>[];
-};

package/dist/grid-box/use-row-group-box-items.js

@@ -1,169 +0,0 @@
-import { useMemo } from "react";
-import { useEvent } from "@1771technologies/lytenyte-core/yinternal";
-export function useRowGroupBoxItems({ grid, orientation, hideColumnOnGroup = true, includeGroupables = false, placeholder, }) {
-    const rowGroupModel = grid.state.rowGroupModel.useValue();
-    const gridId = grid.state.gridId.useValue();
-    const columns = grid.state.columns.useValue();
-    const base = grid.state.columnBase.useValue();
-    const items = useMemo(() => {
-        const groupId = `${gridId}-group`;
-        const groupables = (includeGroupables
-            ? columns.map((c) => {
-                const canGroup = c.uiHints?.rowGroupable ?? base.uiHints?.rowGroupable;
-                if (!canGroup)
-                    return null;
-                if (rowGroupModel.find((x) => typeof x === "string" && x === c.id))
-                    return null;
-                return c;
-            })
-            : [])
-            .filter((c) => c != null)
-            .map((c, i) => {
-            return {
-                data: c.id,
-                dragData: { [groupId]: c.id },
-                draggable: false,
-                source: "groups",
-                id: c.id,
-                index: i + rowGroupModel.length,
-                label: c.name ?? c.id,
-                onAction: () => { },
-                onDelete: () => { },
-                onDrop: () => { },
-                active: false,
-            };
-        });
-        return rowGroupModel
-            .map((c, i) => {
-            const onDelete = () => {
-                grid.state.rowGroupModel.set((prev) => prev.filter((x) => x !== c));
-                if (typeof c === "string")
-                    grid.api.columnUpdate({ [c]: { hide: false } });
-            };
-            const onDrop = (p) => {
-                const target = c;
-                const src = p.state.siteLocalData?.[groupId];
-                const overIndex = rowGroupModel.findIndex((x) => x === c);
-                const dragIndex = rowGroupModel.findIndex((x) => x === src);
-                const isBefore = overIndex < dragIndex;
-                if (overIndex === dragIndex)
-                    return;
-                const srcIndex = rowGroupModel.findIndex((x) => {
-                    if (typeof src !== typeof x)
-                        return;
-                    const cid = typeof src === "string" ? src : src.id;
-                    const xid = typeof x === "string" ? x : x.id;
-                    return cid === xid;
-                });
-                const targetIndex = rowGroupModel.indexOf(target);
-                // This is an external
-                if (srcIndex === -1) {
-                    grid.state.rowGroupModel.set((prev) => {
-                        const next = [...prev];
-                        next.splice(isBefore ? targetIndex : targetIndex + 1, 0, src);
-                        return next;
-                    });
-                    if (typeof src === "string" && hideColumnOnGroup) {
-                        grid.api.columnUpdate({ [src]: { hide: true } });
-                    }
-                }
-                else {
-                    grid.state.rowGroupModel.set((prev) => {
-                        const next = [...prev];
-                        next.splice(srcIndex, 1);
-                        const targetIndex = next.indexOf(target);
-                        next.splice(isBefore ? targetIndex : targetIndex + 1, 0, src);
-                        return next;
-                    });
-                }
-            };
-            if (typeof c === "string") {
-                const column = grid.api.columnById(c);
-                if (!column)
-                    return null;
-                return {
-                    dragData: { [groupId]: c },
-                    data: c,
-                    draggable: true,
-                    source: "groups",
-                    id: c,
-                    index: i,
-                    label: column.name ?? column.id,
-                    onAction: () => { },
-                    onDelete: onDelete,
-                    onDrop: onDrop,
-                    dragPlaceholder: placeholder,
-                    active: true,
-                };
-            }
-            else {
-                return {
-                    dragData: { [groupId]: c },
-                    data: c,
-                    draggable: true,
-                    id: c.id,
-                    source: "groups",
-                    index: i,
-                    label: c.name ?? c.id,
-                    onAction: () => { },
-                    onDelete: onDelete,
-                    onDrop,
-                    active: true,
-                    dragPlaceholder: placeholder,
-                };
-            }
-        })
-            .filter((c) => c !== null)
-            .concat(groupables);
-    }, [
-        base.uiHints?.rowGroupable,
-        columns,
-        grid.api,
-        grid.state.rowGroupModel,
-        gridId,
-        hideColumnOnGroup,
-        includeGroupables,
-        placeholder,
-        rowGroupModel,
-    ]);
-    const onRootDrop = useEvent((p) => {
-        const groupId = `${gridId}-group`;
-        const c = p.state.siteLocalData?.[groupId];
-        if (!c)
-            return;
-        // Is the item in the model.
-        const currentIndex = rowGroupModel.findIndex((x) => {
-            if (typeof c !== typeof x)
-                return;
-            const cid = typeof c === "string" ? c : c.id;
-            const xid = typeof x === "string" ? x : x.id;
-            return cid === xid;
-        });
-        // We failed to find the item, so add it to the end. If
-        if (currentIndex === -1) {
-            grid.state.rowGroupModel.set((prev) => [...prev, c]);
-            if (typeof c === "string" && hideColumnOnGroup) {
-                grid.api.columnUpdate({ [c]: { hide: true } });
-            }
-        }
-        else {
-            grid.state.rowGroupModel.set((prev) => {
-                const next = [...prev];
-                next.splice(currentIndex, 1);
-                next.push(c);
-                return next;
-            });
-        }
-    });
-    return useMemo(() => {
-        return {
-            rootProps: {
-                accepted: [`${gridId}-group`],
-                onRootDrop,
-                orientation,
-                grid,
-            },
-            items,
-        };
-    }, [grid, gridId, items, onRootDrop, orientation]);
-}

package/dist/grid-provider/context.d.ts

@@ -1,5 +0,0 @@
-import type { Grid } from "../+types.js";
-import type { InternalAtoms } from "../state/+types.js";
-export declare const gridContext: import("react").Context<Grid<any> & {
-    internal: InternalAtoms;
-}>;

package/dist/grid-provider/context.js

@@ -1,2 +0,0 @@
-import { createContext } from "react";
-export const gridContext = createContext(null);

package/dist/grid-provider/provider.d.ts

@@ -1,3 +0,0 @@
-export declare const GridProvider: import("react").Provider<import("../+types.js").Grid<any> & {
-    internal: import("../state/+types.js").InternalAtoms;
-}>;

package/dist/grid-provider/provider.js

@@ -1,2 +0,0 @@
-import { gridContext } from "./context.js";
-export const GridProvider = gridContext.Provider;

package/dist/grid-provider/use-grid.d.ts

@@ -1,3 +0,0 @@
-export declare const useGrid: () => import("../+types.js").Grid<any> & {
-    internal: import("../state/+types.js").InternalAtoms;
-};

package/dist/grid-provider/use-grid.js

@@ -1,3 +0,0 @@
-import { useContext } from "react";
-import { gridContext } from "./context.js";
-export const useGrid = () => useContext(gridContext);

package/dist/grid.d.ts

@@ -1,18 +0,0 @@
-import { Root } from "./grid/root.js";
-import { useLyteNyte } from "./state/use-lytenyte.js";
-export declare const Grid: {
-    Root: typeof Root;
-    Header: import("react").NamedExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    HeaderGroupCell: (props: import("react").JSX.IntrinsicElements["div"] & import("./grid/header-group-cell.js").HeaderGroupCellProps) => import("react").ReactNode;
-    HeaderRow: (props: import("react").JSX.IntrinsicElements["div"] & import("./grid/header-row.js").HeaderRowProps) => import("react").ReactNode;
-    HeaderCell: (props: import("react").JSX.IntrinsicElements["div"] & import("./grid/header-cell.js").HeaderCellProps<any>) => import("react").ReactNode;
-    Cell: (props: Omit<import("react").JSX.IntrinsicElements["div"], "children"> & import("./grid/cell.js").CellProps) => import("react").ReactNode;
-    RowFullWidth: (props: import("react").JSX.IntrinsicElements["div"] & import("./grid/row-full-width.js").RowFullWidthProps) => import("react").ReactNode;
-    RowsContainer: import("react").NamedExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    RowsBottom: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    RowsTop: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Row: (props: Omit<import("react").JSX.IntrinsicElements["div"], "onDrag"> & import("./grid/row.js").RowProps) => import("react").ReactNode;
-    RowsCenter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Viewport: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    useLyteNyte: typeof useLyteNyte;
-};

package/dist/grid.js

@@ -1,28 +0,0 @@
-import { Cell } from "./grid/cell.js";
-import { Header } from "./grid/header.js";
-import { HeaderCell } from "./grid/header-cell.js";
-import { HeaderGroupCell } from "./grid/header-group-cell.js";
-import { HeaderRow } from "./grid/header-row.js";
-import { Root } from "./grid/root.js";
-import { RowFullWidth } from "./grid/row-full-width.js";
-import { Row } from "./grid/row.js";
-import { RowsContainer } from "./grid/rows-container.js";
-import { RowsBottom, RowsCenter, RowsTop } from "./grid/rows-sections.js";
-import { useLyteNyte } from "./state/use-lytenyte.js";
-import { Viewport } from "./grid/viewport.js";
-export const Grid = {
-    Root,
-    Header,
-    HeaderGroupCell,
-    HeaderRow,
-    HeaderCell,
-    Cell,
-    RowFullWidth,
-    RowsContainer,
-    RowsBottom,
-    RowsTop,
-    Row,
-    RowsCenter,
-    Viewport,
-    useLyteNyte,
-};

package/dist/icons/index.d.ts

@@ -1 +0,0 @@
-export { AddIcon, AddSmallIcon, AggregateIcon, AggregationIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightCurvedIcon, ArrowRightIcon, ArrowUpIcon, AutosizeIcon, BackIcon, BookmarkIcon, BooleanIcon, CalendarIcon, ChartIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, Close2Icon, CloseIcon, CollapseGroupIcon, Columns2Icon, ColumnsIcon, CopyIcon, CornerRadiusIcon, CustomizeThemeIcon, CutIcon, CsvIcon, DeleteIcon, DocsIcon, DownloadIcon, Drag2Icon, DragDotsIcon, DragDotsSmallIcon, DragIcon, DuplicateIcon, EditIcon, EmailIcon, ExcelIcon, ExpandGroupIcon, ExpandIcon, Expression2Icon, ExpressionIcon, ExternalLinkIcon, File2Icon, FileIcon, FilterIcon, FolderIcon, GlobeIcon, GridViewIcon, GroupByColIcon, HamburgerIcon, HelpIcon, HiddenIcon, HistoryIcon, ImportIcon, LinkIcon, ListViewIcon, LoadingIcon, LocationIcon, ModalIcon, MoreIcon, MoreVerticalIcon, MultilineIcon, NumberIcon, PasteIcon, PieIcon, PinColumnIcon, RefreshIcon, SearchIcon, SettingsIcon, ShareIcon, SingleLineIcon, Sort2Icon, SortIcon, SpacingHIcon, SpacingIcon, StickColumnIcon, SwapIcon, TagIcon, TaskIcon, TextIcon, ThemesIcon, Tickmark2Icon, TickmarkIcon, TimeIcon, UploadIcon, UserIcon, ViewIcon, } from "@1771technologies/lytenyte-core/icons";

package/dist/icons/index.js

@@ -1 +0,0 @@
-export { AddIcon, AddSmallIcon, AggregateIcon, AggregationIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightCurvedIcon, ArrowRightIcon, ArrowUpIcon, AutosizeIcon, BackIcon, BookmarkIcon, BooleanIcon, CalendarIcon, ChartIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, Close2Icon, CloseIcon, CollapseGroupIcon, Columns2Icon, ColumnsIcon, CopyIcon, CornerRadiusIcon, CustomizeThemeIcon, CutIcon, CsvIcon, DeleteIcon, DocsIcon, DownloadIcon, Drag2Icon, DragDotsIcon, DragDotsSmallIcon, DragIcon, DuplicateIcon, EditIcon, EmailIcon, ExcelIcon, ExpandGroupIcon, ExpandIcon, Expression2Icon, ExpressionIcon, ExternalLinkIcon, File2Icon, FileIcon, FilterIcon, FolderIcon, GlobeIcon, GridViewIcon, GroupByColIcon, HamburgerIcon, HelpIcon, HiddenIcon, HistoryIcon, ImportIcon, LinkIcon, ListViewIcon, LoadingIcon, LocationIcon, ModalIcon, MoreIcon, MoreVerticalIcon, MultilineIcon, NumberIcon, PasteIcon, PieIcon, PinColumnIcon, RefreshIcon, SearchIcon, SettingsIcon, ShareIcon, SingleLineIcon, Sort2Icon, SortIcon, SpacingHIcon, SpacingIcon, StickColumnIcon, SwapIcon, TagIcon, TaskIcon, TextIcon, ThemesIcon, Tickmark2Icon, TickmarkIcon, TimeIcon, UploadIcon, UserIcon, ViewIcon, } from "@1771technologies/lytenyte-core/icons";

package/dist/listbox/context.d.ts

@@ -1,6 +0,0 @@
-export interface ListboxContext {
-    readonly orientation: "horizontal" | "vertical";
-    readonly rtl: boolean;
-}
-export declare const context: import("react").Context<ListboxContext>;
-export declare const useListboxContext: () => ListboxContext;

package/dist/listbox/context.js

@@ -1,3 +0,0 @@
-import { createContext, useContext } from "react";
-export const context = createContext({ orientation: "vertical", rtl: false });
-export const useListboxContext = () => useContext(context);

package/dist/listbox/item.d.ts

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

package/dist/listbox/item.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { useListboxContext } from "./context.js";
-import { getTabbables } from "@1771technologies/lytenyte-shared";
-export const Item = forwardRef(function Item(props, forwarded) {
-    const ctx = useListboxContext();
-    return (_jsx("div", { ...props, role: "option", onKeyDownCapture: (ev) => {
-            const next = ctx.rtl ? "ArrowLeft" : "ArrowRight";
-            const prev = ctx.rtl ? "ArrowRight" : "ArrowLeft";
-            if (ev.key !== next && ev.key !== prev)
-                return;
-            ev.preventDefault();
-            const items = getTabbables(ev.currentTarget);
-            if (!items.length)
-                return;
-            items.unshift(ev.currentTarget);
-            const index = items.findIndex((c) => document.activeElement === c);
-            const nextIndex = ev.key === next ? index + 1 : index - 1;
-            const itemToFocus = items[nextIndex];
-            if (!itemToFocus)
-                return;
-            ev.stopPropagation();
-            itemToFocus.focus();
-        }, ref: forwarded, tabIndex: 0, "data-ln-listbox-item": true }));
-});

package/dist/listbox/panel.d.ts

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