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

package/dist/filter-tree/hooks/use-filter-tree.js

@@ -1,101 +0,0 @@
-import { useEffect, useMemo, useState } from "react";
-import { useVirtualizedTree } from "../../tree-view/virtualized/use-virtualized-tree.js";
-import { useEvent } from "@1771technologies/lytenyte-core/yinternal";
-export function useFilterTree({ grid, column, treeItemHeight = 24, pivotMode, applyChangesImmediately = false, query, }) {
-    const [items, setItems] = useState([]);
-    const [expansions, onExpansionChange] = useState({});
-    const [loading, setLoading] = useState(false);
-    const [error, setError] = useState();
-    const rds = grid.state.rowDataSource.useValue();
-    const filterModel = grid.state.filterInModel.useValue();
-    const pivotModel = grid.state.columnPivotModel.useValue().filtersIn;
-    const currentPivotMode = grid.state.columnPivotMode.useValue();
-    const model = (pivotMode ?? currentPivotMode) ? pivotModel : filterModel;
-    const existingFilter = useMemo(() => {
-        const filter = model[column.id];
-        return filter ?? { kind: "in", operator: "not_in", value: new Set() };
-    }, [column.id, model]);
-    const [changes, setChanges] = useState(() => existingFilter);
-    // Keep in sync with any external changes.
-    useEffect(() => {
-        setChanges(existingFilter);
-    }, [existingFilter]);
-    const fetchItems = useEvent(() => {
-        const items = rds.inFilterItems(column);
-        if ("then" in items) {
-            setLoading(true);
-            items
-                .then((res) => {
-                setItems(res);
-                setError(null);
-            })
-                .catch((error) => setError(error))
-                .finally(() => setLoading(false));
-        }
-        else {
-            setItems(items);
-            setError(null);
-            setLoading(false);
-        }
-    });
-    useEffect(() => {
-        fetchItems();
-    }, [column, fetchItems, rds]);
-    const filteredItems = useMemo(() => {
-        if (!query)
-            return items;
-        return items.filter((c) => c.label.toLowerCase().includes(query.toLowerCase()));
-    }, [items, query]);
-    const itemsWithSelectAll = useMemo(() => {
-        return [{ id: "__LNG__SELECT_ALL", label: "(Select All)", value: "" }, ...filteredItems];
-    }, [filteredItems]);
-    const virt = useVirtualizedTree({
-        itemHeight: treeItemHeight,
-        paths: itemsWithSelectAll,
-        expansions,
-        expansionDefault: true,
-        nonAdjacentPathTrees: false,
-    });
-    const apply = useEvent(() => {
-        if (applyChangesImmediately)
-            return;
-        if (pivotMode) {
-            grid.state.columnPivotModel.set((prev) => {
-                return {
-                    ...prev,
-                    filtersIn: { ...prev.filtersIn, [column.id]: changes },
-                };
-            });
-        }
-        else {
-            grid.state.filterInModel.set((prev) => ({ ...prev, [column.id]: changes }));
-        }
-    });
-    const reset = useEvent(() => {
-        if (applyChangesImmediately)
-            return;
-        setChanges(existingFilter);
-    });
-    return {
-        rootProps: {
-            fetchItems,
-            items,
-            grid,
-            columnId: column.id,
-            expansions,
-            pivotMode: pivotMode ?? currentPivotMode,
-            onExpansionChange,
-            treeRef: virt.ref,
-            loading,
-            error,
-            filterIn: changes,
-            filterInChange: setChanges,
-            applyChangesImmediately,
-            ...virt.rootProps,
-        },
-        spacer: virt.spacer,
-        tree: virt.virtualTree,
-        apply,
-        reset,
-    };
-}

package/dist/filter-tree/hooks/use-tree-item.d.ts

@@ -1,8 +0,0 @@
-import type { FilterInFilterItem } from "../../+types.js";
-import type { TreeVirtualItem } from "../../tree-view/virtualized/make-virtual-tree.js";
-export declare function useTreeItem(item: TreeVirtualItem<FilterInFilterItem>): {
-    onCheckChange: (b?: boolean) => void;
-    isChecked: boolean;
-    isIndeterminate: boolean;
-    item: TreeVirtualItem<FilterInFilterItem>;
-};

package/dist/filter-tree/hooks/use-tree-item.js

@@ -1,116 +0,0 @@
-import { useCallback, useMemo } from "react";
-import { useGrid } from "../../grid-provider/use-grid.js";
-import { useTreeContext } from "../context.js";
-function isSelectAll(item) {
-    return item.kind === "leaf" && item.leaf.data.id === "__LNG__SELECT_ALL";
-}
-export function useTreeItem(item) {
-    const { filter, filterChange, pivotMode, columnId, items, applyChangesImmediately } = useTreeContext();
-    const grid = useGrid();
-    const itemValues = useMemo(() => {
-        if (item.kind === "leaf")
-            return [item.leaf.data.value];
-        const leafItems = [];
-        const stack = [...item.children.values()];
-        while (stack.length) {
-            const c = stack.pop();
-            if (c.kind === "leaf")
-                leafItems.push(c.leaf.data.value);
-            else
-                stack.push(...c.children.values());
-        }
-        return leafItems;
-    }, [item]);
-    const isChecked = useMemo(() => {
-        if (filter.operator === "in") {
-            if (isSelectAll(item)) {
-                return items.every((c) => filter.value.has(c.value));
-            }
-            return itemValues.every((c) => filter.value.has(c));
-        }
-        else {
-            if (isSelectAll(item)) {
-                return filter.value.size === 0;
-            }
-            return itemValues.every((c) => !filter.value.has(c));
-        }
-    }, [filter.operator, filter.value, item, itemValues, items]);
-    const isIndeterminate = useMemo(() => {
-        if (filter.operator === "in") {
-            if (isSelectAll(item)) {
-                return !isChecked && items.some((c) => filter.value.has(c));
-            }
-            return !isChecked && itemValues.some((c) => filter.value.has(c));
-        }
-        else {
-            if (isSelectAll(item)) {
-                return (!isChecked && filter.value.size > 0 && items.some((c) => !filter.value.has(c)));
-            }
-            return !isChecked && itemValues.some((c) => !filter.value.has(c));
-        }
-    }, [item, isChecked, itemValues, filter, items]);
-    const onCheckChange = useCallback((b) => {
-        const checked = b ?? !isChecked;
-        let nextValue;
-        const operator = filter.operator;
-        if (isSelectAll(item)) {
-            if (operator === "in") {
-                nextValue = checked ? new Set(items.map((c) => c.value)) : new Set();
-            }
-            else {
-                nextValue = checked ? new Set() : new Set(items.map((c) => c.value));
-            }
-        }
-        else {
-            nextValue = new Set(filter.value);
-            if (operator === "in") {
-                if (checked)
-                    itemValues.forEach((c) => nextValue.add(c));
-                else
-                    itemValues.forEach((c) => nextValue.delete(c));
-            }
-            else {
-                if (checked)
-                    itemValues.forEach((c) => nextValue.delete(c));
-                else
-                    itemValues.forEach((c) => nextValue.add(c));
-            }
-        }
-        if (!applyChangesImmediately) {
-            filterChange({ kind: "in", operator, value: nextValue });
-        }
-        else {
-            if (pivotMode) {
-                grid.state.columnPivotModel.set((prev) => {
-                    return {
-                        ...prev,
-                        filtersIn: {
-                            ...prev.filtersIn,
-                            [columnId]: { kind: "in", operator, value: nextValue },
-                        },
-                    };
-                });
-            }
-            else {
-                grid.state.filterInModel.set((prev) => ({
-                    ...prev,
-                    [columnId]: { kind: "in", operator, value: nextValue },
-                }));
-            }
-        }
-    }, [
-        isChecked,
-        item,
-        itemValues,
-        filter.operator,
-        filter.value,
-        applyChangesImmediately,
-        items,
-        filterChange,
-        pivotMode,
-        grid.state.columnPivotModel,
-        grid.state.filterInModel,
-        columnId,
-    ]);
-    return useMemo(() => ({ onCheckChange, isChecked, isIndeterminate, item }), [isChecked, isIndeterminate, item, onCheckChange]);
-}

package/dist/filter-tree/inclusion-checkbox.d.ts

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

package/dist/filter-tree/inclusion-checkbox.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { useTreeItemContext } from "./context.js";
-import { useSlot } from "@1771technologies/lytenyte-core/yinternal";
-export const InclusionCheckbox = forwardRef(function InclusionCheckbox({ as, ...props }, forwarded) {
-    const { isChecked, onCheckChange, isIndeterminate } = useTreeItemContext();
-    const rendered = useSlot({
-        props: [props],
-        ref: forwarded,
-        state: { checked: isChecked, toggle: onCheckChange, indeterminate: isIndeterminate },
-        slot: as ?? (_jsx("input", { type: "checkbox", checked: isChecked, "aria-label": "visibility toggle", onChange: () => onCheckChange() })),
-    });
-    return rendered;
-});

package/dist/filter-tree/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/filter-tree/label.js

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

package/dist/filter-tree/leaf.d.ts

@@ -1,6 +0,0 @@
-import type { TreeVirtualLeaf } from "../tree-view/virtualized/make-virtual-tree";
-import type { FilterInFilterItem } from "../+types";
-export interface FilterTreeLeafProps {
-    readonly item: TreeVirtualLeaf<FilterInFilterItem>;
-}
-export declare const Leaf: import("react").ForwardRefExoticComponent<Omit<FilterTreeLeafProps & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;

package/dist/filter-tree/leaf.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { TreeLeaf } from "../tree-view/leaf.js";
-import { FilterTreeItemContext } from "./context.js";
-import { useTreeItem } from "./hooks/use-tree-item.js";
-export const Leaf = forwardRef(function Leaf({ item, ...props }, forwarded) {
-    const value = useTreeItem(item);
-    return (_jsx(FilterTreeItemContext.Provider, { value: value, children: _jsx(TreeLeaf, { ...props, itemId: item.leaf.data.id, ref: forwarded, ...item.attrs, style: { ...props.style, ...item.attrs.style }, onClick: () => value.onCheckChange(), onKeyDown: (ev) => {
-                if (ev.key === " ") {
-                    ev.preventDefault();
-                    value.onCheckChange();
-                }
-            } }) }));
-});

package/dist/filter-tree/root.d.ts

@@ -1,13 +0,0 @@
-import { type PropsWithChildren } from "react";
-import type { Grid } from "../+types";
-import type { UseTreeFilterReturn } from "./hooks/use-filter-tree";
-import { type SlotComponent } from "@1771technologies/lytenyte-core/yinternal";
-export type FilterTreeRootProps<T> = UseTreeFilterReturn<T>["rootProps"] & {
-    readonly grid: Grid<T>;
-    readonly loadingAs?: SlotComponent;
-    readonly errorAs?: SlotComponent<{
-        error: any;
-        refetch: () => void;
-    }>;
-};
-export declare function Root<T>({ grid, treeRef, filterIn, pivotMode, columnId, children, error, loading, errorAs, loadingAs, fetchItems, items, applyChangesImmediately, filterInChange, ...rootProps }: PropsWithChildren<FilterTreeRootProps<T>>): import("react/jsx-runtime").JSX.Element;

package/dist/filter-tree/root.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { GridProvider } from "../grid-provider/provider.js";
-import { TreeRoot } from "../tree-view/root.js";
-import { FilterTreeContext } from "./context.js";
-import { useSlot } from "@1771technologies/lytenyte-core/yinternal";
-export function Root({ grid, treeRef, filterIn, pivotMode, columnId, children, error, loading, errorAs, loadingAs, fetchItems, items, applyChangesImmediately, filterInChange, ...rootProps }) {
-    const value = useMemo(() => {
-        return {
-            filter: filterIn,
-            filterChange: filterInChange,
-            pivotMode,
-            columnId,
-            items,
-            applyChangesImmediately,
-        };
-    }, [applyChangesImmediately, columnId, filterIn, filterInChange, items, pivotMode]);
-    const loadingSlot = useSlot({
-        slot: loadingAs ?? _jsx("div", { children: "Loading..." }),
-    });
-    const errorSlot = useSlot({
-        slot: errorAs ?? _jsx("div", { children: "Error Occurred Fetching" }),
-        state: { error, refetch: fetchItems },
-    });
-    if (loading)
-        return loadingSlot;
-    if (error)
-        return errorSlot;
-    return (_jsx(GridProvider, { value: grid, children: _jsx(FilterTreeContext.Provider, { value: value, children: _jsx(TreeRoot, { selectMode: "none", transitionEnter: 0, transitionExit: 0, expansionDefault: true, ref: treeRef, ...rootProps, children: children }) }) }));
-}

package/dist/grid/cell.d.ts

@@ -1,6 +0,0 @@
-import { type JSX, type ReactNode } from "react";
-import type { RowCellLayout } from "../+types";
-export interface CellProps {
-    readonly cell: RowCellLayout<any>;
-}
-export declare const Cell: (props: Omit<JSX.IntrinsicElements["div"], "children"> & CellProps) => ReactNode;

package/dist/grid/cell.js

@@ -1,3 +0,0 @@
-import {} from "react";
-import { Cell as CellCore } from "@1771technologies/lytenyte-core/yinternal";
-export const Cell = CellCore;

package/dist/grid/dialog-driver.d.ts

@@ -1 +0,0 @@
-export declare function DialogDriver(): import("react/jsx-runtime").JSX.Element;

package/dist/grid/dialog-driver.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useGridRoot } from "../context.js";
-export function DialogDriver() {
-    const grid = useGridRoot().grid;
-    const openFrameState = grid.internal.dialogFrames.useValue();
-    const frames = grid.state.dialogFrames.useValue();
-    const frameIds = Object.keys(openFrameState);
-    const openFrames = frameIds
-        .map((c) => {
-        const frame = frames[c];
-        if (!frame) {
-            console.error(`Failed to find a dialog frame with id ${c}`);
-            return null;
-        }
-        return frame;
-    })
-        .filter((c) => c);
-    return (_jsx(_Fragment, { children: openFrames.map((frame, i) => {
-            return (_jsx(frame.component, { frame: frame, grid: grid, context: openFrameState[frameIds[i]] }, frameIds[i]));
-        }) }));
-}

package/dist/grid/header-cell.d.ts

@@ -1,10 +0,0 @@
-import { type CSSProperties, type JSX, type ReactNode } from "react";
-import type { HeaderCellFloating, HeaderCellLayout } from "../+types";
-import { type SlotComponent } from "@1771technologies/lytenyte-core/yinternal";
-export interface HeaderCellProps<T> {
-    readonly cell: HeaderCellLayout<T> | HeaderCellFloating<T>;
-    readonly resizerAs?: SlotComponent;
-    readonly resizerClassName?: string;
-    readonly resizerStyle?: CSSProperties;
-}
-export declare const HeaderCell: (props: JSX.IntrinsicElements["div"] & HeaderCellProps<any>) => ReactNode;

package/dist/grid/header-cell.js

@@ -1,3 +0,0 @@
-import {} from "react";
-import { HeaderCell as HeaderCellCore, } from "@1771technologies/lytenyte-core/yinternal";
-export const HeaderCell = HeaderCellCore;

package/dist/grid/header-group-cell.d.ts

@@ -1,6 +0,0 @@
-import { type JSX, type ReactNode } from "react";
-import type { HeaderGroupCellLayout } from "../+types";
-export interface HeaderGroupCellProps {
-    readonly cell: HeaderGroupCellLayout;
-}
-export declare const HeaderGroupCell: (props: JSX.IntrinsicElements["div"] & HeaderGroupCellProps) => ReactNode;

package/dist/grid/header-group-cell.js

@@ -1,3 +0,0 @@
-import {} from "react";
-import { HeaderGroupCell as Core } from "@1771technologies/lytenyte-core/yinternal";
-export const HeaderGroupCell = Core;

package/dist/grid/header-row.d.ts

@@ -1,5 +0,0 @@
-import type { JSX, ReactNode } from "react";
-export interface HeaderRowProps {
-    readonly headerRowIndex: number;
-}
-export declare const HeaderRow: (props: JSX.IntrinsicElements["div"] & HeaderRowProps) => ReactNode;

package/dist/grid/header-row.js

@@ -1,2 +0,0 @@
-import { HeaderRow as Core } from "@1771technologies/lytenyte-core/yinternal";
-export const HeaderRow = Core;

package/dist/grid/header.d.ts

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

package/dist/grid/header.js

@@ -1,2 +0,0 @@
-import { Header as Core } from "@1771technologies/lytenyte-core/yinternal";
-export const Header = Core;

package/dist/grid/popover-driver.d.ts

@@ -1 +0,0 @@
-export declare function PopoverDriver(): import("react/jsx-runtime").JSX.Element;

package/dist/grid/popover-driver.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useGridRoot } from "../context.js";
-export function PopoverDriver() {
-    const grid = useGridRoot().grid;
-    const openFrameState = grid.internal.popoverFrames.useValue();
-    const frames = grid.state.popoverFrames.useValue();
-    const frameIds = Object.keys(openFrameState);
-    const openFrames = frameIds
-        .map((c) => {
-        const frame = frames[c];
-        if (!frame) {
-            console.error(`Failed to find a dialog frame with id ${c}`);
-            return null;
-        }
-        return frame;
-    })
-        .filter((c) => c);
-    return (_jsx(_Fragment, { children: openFrames.map((frame, i) => {
-            return (_jsx(frame.component, { frame: frame, grid: grid, context: openFrameState[frameIds[i]].context, target: openFrameState[frameIds[i]].target }, frameIds[i]));
-        }) }));
-}

package/dist/grid/root.d.ts

@@ -1,8 +0,0 @@
-import { type PropsWithChildren } from "react";
-import type { Grid, GridEvents } from "../+types";
-export type RootProps<T> = {
-    readonly grid: Grid<T>;
-} & {
-    [k in keyof GridEvents<T> as `on${Capitalize<k>}`]: GridEvents<T>[k];
-};
-export declare function Root<T = any>({ children, grid, ...props }: PropsWithChildren<RootProps<T>>): import("react/jsx-runtime").JSX.Element;

package/dist/grid/root.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { DialogDriver } from "./dialog-driver.js";
-import { PopoverDriver } from "./popover-driver.js";
-import { CellSelectionDriver } from "../cell-selection/cell-selection-driver.js";
-import { hasAValidLicense, licenseState } from "../license.js";
-import { Root as RootCore } from "@1771technologies/lytenyte-core/yinternal";
-export function Root({ children, grid, ...props }) {
-    useEffect(() => {
-        if (hasAValidLicense)
-            return;
-        const existing = document.getElementById("lng1771-watermark");
-        if (existing)
-            return;
-        const invalidLicenseWatermark = document.createElement("div");
-        invalidLicenseWatermark.style.position = "fixed";
-        invalidLicenseWatermark.style.bottom = "0px";
-        invalidLicenseWatermark.style.insetInlineEnd = "0px";
-        invalidLicenseWatermark.style.background = "rgb(255, 167, 167)";
-        invalidLicenseWatermark.style.color = "black";
-        invalidLicenseWatermark.style.fontSize = "1.2rem";
-        invalidLicenseWatermark.style.fontWeight = "bold";
-        invalidLicenseWatermark.style.border = "1px solid black";
-        invalidLicenseWatermark.style.padding = "16px";
-        if (licenseState === "expired")
-            invalidLicenseWatermark.innerHTML = `LyteNyte Grid: License key expired. Your license covers earlier versions only.`;
-        else if (licenseState === "invalid")
-            invalidLicenseWatermark.innerHTML = `LyteNyte Grid: Invalid license key. Please verify the key and try again.`;
-        else
-            invalidLicenseWatermark.innerHTML = `LyteNyte Grid PRO is being used for evaluation. 
-      <a href="https://1771Technologies.com/pricing">Click here</a> to secure your license.`;
-        document.body.appendChild(invalidLicenseWatermark);
-        return () => invalidLicenseWatermark.remove();
-    }, []);
-    const cellSelectionMode = grid.state.cellSelectionMode.useValue();
-    return (_jsxs(RootCore, { ...props, grid: grid, children: [_jsx(DialogDriver, {}), _jsx(PopoverDriver, {}), cellSelectionMode !== "none" && _jsx(CellSelectionDriver, {}), children] }));
-}

package/dist/grid/row-full-width.d.ts

@@ -1,9 +0,0 @@
-import { type JSX, type ReactNode } from "react";
-import type { RowFullWidthRowLayout } from "../+types";
-import { type DropWrapProps } from "@1771technologies/lytenyte-core/yinternal";
-export interface RowFullWidthProps extends Omit<DropWrapProps, "accepted"> {
-    readonly row: RowFullWidthRowLayout<any>;
-    readonly space?: "viewport" | "scroll-width";
-    readonly accepted?: string[];
-}
-export declare const RowFullWidth: (props: JSX.IntrinsicElements["div"] & RowFullWidthProps) => ReactNode;

package/dist/grid/row-full-width.js

@@ -1,3 +0,0 @@
-import {} from "react";
-import { RowFullWidth as RowFullWidthCore, } from "@1771technologies/lytenyte-core/yinternal";
-export const RowFullWidth = RowFullWidthCore;

package/dist/grid/row.d.ts

@@ -1,8 +0,0 @@
-import { type JSX, type ReactNode } from "react";
-import type { RowNormalRowLayout } from "../+types";
-import { type DropWrapProps } from "@1771technologies/lytenyte-core/yinternal";
-export interface RowProps extends Omit<DropWrapProps, "accepted"> {
-    readonly row: RowNormalRowLayout<any>;
-    readonly accepted?: string[];
-}
-export declare const Row: (props: Omit<JSX.IntrinsicElements["div"], "onDrag"> & RowProps) => ReactNode;

package/dist/grid/row.js

@@ -1,3 +0,0 @@
-import {} from "react";
-import { Row as RowCore } from "@1771technologies/lytenyte-core/yinternal";
-export const Row = RowCore;

package/dist/grid/rows-container.d.ts

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

package/dist/grid/rows-container.js

@@ -1,2 +0,0 @@
-import { RowsContainer as RowsContainerCore } from "@1771technologies/lytenyte-core/yinternal";
-export const RowsContainer = RowsContainerCore;

package/dist/grid/rows-sections.d.ts

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

package/dist/grid/rows-sections.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { RowsTop as RowsTopCore, RowsBottom as RowsBottomCore, RowsCenter as RowsCenterCore, NativeScroller, } from "@1771technologies/lytenyte-core/yinternal";
-import { CellSelectionBottom, CellSelectionCenter, CellSelectionTop, } from "../cell-selection/cell-selection-containers.js";
-export const RowsTop = forwardRef(function RowsTop(props, forwarded) {
-    return (_jsxs(RowsTopCore, { ...props, ref: forwarded, children: [props.children, _jsx(CellSelectionTop, {})] }));
-});
-export const RowsCenter = forwardRef(function RowsCenter({ children, ...props }, forwarded) {
-    return (_jsx(RowsCenterCore, { ...props, ref: forwarded, children: _jsxs(NativeScroller, { children: [_jsx(CellSelectionCenter, {}), children] }) }));
-});
-export const RowsBottom = forwardRef(function RowsBottom(props, forwarded) {
-    return (_jsxs(RowsBottomCore, { ...props, ref: forwarded, children: [_jsx(CellSelectionBottom, {}), props.children] }));
-});

package/dist/grid/viewport.d.ts

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

package/dist/grid/viewport.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { useGridRoot } from "../context.js";
-import { Viewport as Core } from "@1771technologies/lytenyte-core/yinternal";
-export const Viewport = forwardRef(function Viewport(props, forwarded) {
-    const ctx = useGridRoot();
-    const cellSelectionMode = ctx.grid.state.cellSelectionMode.useValue();
-    return (_jsx(Core, { ...props, "data-ln-has-cell-selection": cellSelectionMode !== "none", ref: forwarded }));
-});

package/dist/grid-box/+types.d.ts

@@ -1,15 +0,0 @@
-import type { DropEventParams } from "../+types.js";
-export interface GridBoxItem<T = any> {
-    readonly id: string;
-    readonly label: string;
-    readonly data: T;
-    readonly dragData: Record<string, any>;
-    readonly draggable: boolean;
-    readonly dragPlaceholder?: (el: HTMLElement) => HTMLElement;
-    readonly onDrop: (p: DropEventParams) => void;
-    readonly onAction: (el: HTMLElement) => void;
-    readonly onDelete: (el: HTMLElement) => void;
-    readonly index: number;
-    readonly source: string;
-    readonly active?: boolean;
-}

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

@@ -1,9 +0,0 @@
-import type { DropEventParams } from "../+types.js";
-interface GridBoxContextValue {
-    readonly accepted: string[];
-    readonly orientation: "horizontal" | "vertical";
-    readonly onRootDrop: (p: DropEventParams) => void;
-}
-export declare const GridBoxContext: import("react").Context<GridBoxContextValue>;
-export declare const useGridBoxContext: () => GridBoxContextValue;
-export {};

package/dist/grid-box/context.js

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

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

@@ -1,12 +0,0 @@
-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 declare const GridBox: {
-    Root: typeof GridBoxRoot;
-    Panel: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "onDrop">, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Item: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./item.js").GridBoxItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    useColumnBoxItems: typeof useColumnBoxItems;
-    useRowGroupBoxItems: typeof useRowGroupBoxItems;
-    useAggregationBoxItems: typeof useAggregationBoxItems;
-};