@1771technologies/lytenyte-pro 1.0.14 → 1.0.16

package/dist/state/use-lytenyte.js

@@ -1,9 +1,10 @@
 import {} from "../+types.js";
 import { useRef } from "react";
 import { makeColumnView } from "./helpers/column-view.js";
-import { computeBounds, computeColumnPositions, computed, computeRowPositions, effect, makeAtom, makeLayoutState, makeRowStore, signal, updateFull, } from "@1771technologies/lytenyte-shared";
+import { computeBounds, computeColumnPositions, computeRowPositions, makeLayoutState, updateFull, } from "@1771technologies/lytenyte-shared";
+import { computed, effect, makeAtom, signal } from "@1771technologies/lytenyte-core/yinternal";
 import { makeRowLayout } from "./helpers/row-layout/row-layout.js";
-import { equal, rangesOverlap } from "@1771technologies/lytenyte-js-utils";
+import { equal, rangesOverlap } from "@1771technologies/lytenyte-shared";
 import { makeColumnLayout } from "./helpers/column-layout.js";
 import { emptyRowDataSource } from "./helpers/empty-row-data-source.js";
 import { getFullWidthCallback } from "./helpers/get-full-width-callback.js";
@@ -50,6 +51,7 @@ import { splitCellSelectionRect, } from "../cell-selection/split-cell-selection-
 import { boundSelectionRect } from "../cell-selection/bound-selection-rect.js";
 import { makeCellRoot } from "./api/cell-root.js";
 import { splitOnPivot } from "../cell-selection/split-on-pivot.js";
+import { makeRowStore } from "@1771technologies/lytenyte-core/yinternal";
 const EMPTY_POSITION_ARRAY = new Uint32Array();
 const DEFAULT_HEADER_HEIGHT = 40;
 const COLUMN_GROUP_JOIN_DELIMITER = "-->";
@@ -142,7 +144,9 @@ export function makeLyteNyte(p) {
     const internal_cellSelectionAdditive = signal(null);
     const internal_cellSelectionSplits = computed(() => {
         const selections = cellSelections();
+        // @ts-expect-error the $() is defined but not typed.
         const topCount = rowDataStore.rowTopCount.$();
+        // @ts-expect-error the $() is defined but not typed.
         const centerCount = rowDataStore.rowCenterCount.$();
         const meta = columnMeta();
         const p = internal_cellSelectionPivot();
@@ -190,8 +194,11 @@ export function makeLyteNyte(p) {
     });
     const layoutState = makeLayoutState(0);
     const layoutState$ = computed(() => {
+        // @ts-expect-error the $() is defined but not typed.
         rowDataStore.rowBottomCount.$();
+        // @ts-expect-error the $() is defined but not typed.
         rowDataStore.rowCenterCount.$();
+        // @ts-expect-error the $() is defined but not typed.
         rowDataStore.rowTopCount.$();
         rowDataSource();
         rowDetailExpansions();
@@ -203,6 +210,7 @@ export function makeLyteNyte(p) {
         columnPivotModel();
         columns();
         columnPivotColumns();
+        // @ts-expect-error the $() is defined but not typed.
         const rowCount = rowDataStore.rowCount.$();
         const columnCount = columnCount$();
         if (rowCount > layoutState.computed.length || columnCount != layoutState.base.length) {
@@ -225,7 +233,9 @@ export function makeLyteNyte(p) {
         const scrollLeft = xScroll();
         const xPos = xPositions();
         const yPos = yPositions();
+        // @ts-expect-error the $() is defined but not typed.
         const topCount = rowDataStore.rowTopCount.$();
+        // @ts-expect-error the $() is defined but not typed.
         const bottomCount = rowDataStore.rowBottomCount.$();
         const start = startCount();
         const end = endCount();
@@ -382,6 +392,7 @@ export function makeLyteNyte(p) {
         filterModel();
         rowGroupModel();
         columnPivotModel();
+        // @ts-expect-error the $() is defined but not typed.
         const rowCount = rowDataStore.rowCount.$();
         const innerHeight = viewportHeightInner();
         const detailExpansions = rowDetailExpansions();
@@ -428,8 +439,11 @@ export function makeLyteNyte(p) {
         const columns = columnMeta().columnsVisible;
         const rds = rowDataSource();
         const { layout, cache } = layoutState$();
+        // @ts-expect-error the $() is defined but not typed.
         const topCount = rowDataStore.rowTopCount.$();
+        // @ts-expect-error the $() is defined but not typed.
         const botCount = rowDataStore.rowBottomCount.$();
+        // @ts-expect-error the $() is defined but not typed.
         const rowCount = rowDataStore.rowCount.$();
         const expansions = rowDetailExpansions();
         const fullWidthPredicate = rowFullWidthPredicate().fn;
@@ -615,7 +629,7 @@ export function makeLyteNyte(p) {
         dialogFrameOpen: makeDialogFrameOpen(grid),
         popoverFrameClose: makePopoverFrameClose(grid),
         popoverFrameOpen: makePopoverFrameOpen(grid),
-        positionFromElement: makePositionFromElement(),
+        positionFromElement: makePositionFromElement(grid),
     });
     Object.assign(grid, {
         internal: {
@@ -654,6 +668,7 @@ export function makeLyteNyte(p) {
     rowDataSource.set(p.rowDataSource ?? emptyRowDataSource);
     // Ensure cell selections are bounded.
     effect(() => {
+        // @ts-expect-error the $() is defined but not typed.
         rowDataStore.rowCount.$();
         columnMeta();
         const selections = cellSelections();

package/dist/tree-view/branch/branch.d.ts

@@ -1,4 +1,4 @@
-import { type SlotComponent } from "@1771technologies/lytenyte-react-hooks";
+import { type SlotComponent } from "@1771technologies/lytenyte-core/yinternal";
 export interface TreeBranchProps {
     readonly itemId: string;
     readonly labelWrap?: SlotComponent;

package/dist/tree-view/branch/branch.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useEffect } from "react";
 import { depthContext, useDepth } from "../depth-provider.js";
-import { useEvent, useSlot, useTransitionedOpen, } from "@1771technologies/lytenyte-react-hooks";
 import { useTreeRoot } from "../context.js";
 import { useBranchKeys } from "./use-branch-keys.js";
+import { useEvent, useSlot, useTransitionedOpen, } from "@1771technologies/lytenyte-core/yinternal";
 export const TreeBranch = forwardRef(function TreeBranch({ itemId, label, expander, transitionEnterMs, transitionExitMs, gridWrapped, labelWrap, ...props }, forwarded) {
     const depth = useDepth();
     const root = useTreeRoot();

package/dist/tree-view/branch/use-branch-keys.js

@@ -1,4 +1,3 @@
-import { useEvent } from "@1771technologies/lytenyte-react-hooks";
 import { useTreeRoot } from "../context.js";
 import { getFocusableNodes } from "../utils/get-focusable-nodes.js";
 import { getFocusedNode } from "../utils/get-focused-node.js";
@@ -6,7 +5,8 @@ import { isBranchNode } from "../utils/is-branch-node.js";
 import { getTreeNodeId } from "../utils/get-tree-node-id.js";
 import { getParentNode } from "../utils/get-parent-node.js";
 import { getSiblingBranches } from "../utils/get-sibling-branches.js";
-import { getFocusables } from "@1771technologies/lytenyte-dom-utils";
+import { getFocusables } from "@1771technologies/lytenyte-shared";
+import { useEvent } from "@1771technologies/lytenyte-core/yinternal";
 const accepted = ["ArrowRight", "ArrowLeft", "Enter", "*"];
 export function useBranchKeys(id, defaultExpansion, current) {
     const ctx = useTreeRoot();

package/dist/tree-view/leaf.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { useDepth } from "./depth-provider.js";
 import { useTreeRoot } from "./context.js";
-import { getFocusables } from "@1771technologies/lytenyte-dom-utils";
+import { getFocusables } from "@1771technologies/lytenyte-shared";
 export const TreeLeaf = forwardRef(function TreeLeaf({ itemId, ...props }, forwarded) {
     const depth = useDepth();
     const root = useTreeRoot();

package/dist/tree-view/panel/make-handle-navigation.js

@@ -1,4 +1,4 @@
-import { isInView } from "@1771technologies/lytenyte-dom-utils";
+import { isInView } from "@1771technologies/lytenyte-shared";
 import { getFirstNode } from "../navigation/get-first-node.js";
 import { getLastNode } from "../navigation/get-last-node.js";
 import { getNextNode } from "../navigation/get-next-node.js";

package/dist/tree-view/panel/make-handle-selection.js

@@ -1,4 +1,4 @@
-import { isInView } from "@1771technologies/lytenyte-dom-utils";
+import { isInView } from "@1771technologies/lytenyte-shared";
 import { getFirstNode } from "../navigation/get-first-node.js";
 import { getLastNode } from "../navigation/get-last-node.js";
 import { getNextNode } from "../navigation/get-next-node.js";

package/dist/tree-view/panel/panel.js

@@ -2,13 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useRef } from "react";
 import { depthContext } from "../depth-provider.js";
 import { useTreeRoot } from "../context.js";
-import { useForkRef } from "@1771technologies/lytenyte-react-hooks";
 import { useTreeNavigation } from "./use-tree-navigation.js";
 import { getFocusedNode } from "../utils/get-focused-node.js";
 import { getFirstNode } from "../navigation/get-first-node.js";
+import { useCombinedRefs } from "@1771technologies/lytenyte-core/yinternal";
 export const TreePanel = forwardRef(function TreePanel(props, forwarded) {
     const ctx = useTreeRoot();
-    const ref = useForkRef(ctx.panelRef, forwarded);
+    const ref = useCombinedRefs(ctx.panelRef, forwarded);
     const focused = useTreeNavigation();
     const focusTime = useRef(null);
     return (_jsxs(depthContext.Provider, { value: 0, children: [_jsx("ul", { ...props, role: "tree", ref: ref, tabIndex: focused ? -1 : 0, "aria-multiselectable": ctx.selectionMode === "multiple", "aria-orientation": "vertical", "data-ln-tree-panel": true, onFocus: () => {

package/dist/tree-view/panel/use-tree-navigation.js

@@ -5,7 +5,7 @@ import { makeHandleTypeahead } from "./make-handle-typeahead.js";
 import { makeHandleNavigation } from "./make-handle-navigation.js";
 import { makeHandleSelection } from "./make-handle-selection.js";
 import { getTreeNodeId } from "../utils/get-tree-node-id.js";
-import { getTabbables } from "@1771technologies/lytenyte-dom-utils";
+import { getTabbables } from "@1771technologies/lytenyte-shared";
 export function useTreeNavigation() {
     const ctx = useTreeRoot();
     const [focused, setFocused] = useState(false);

package/dist/tree-view/root.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useMemo, useRef, useState } from "react";
 import { context } from "./context.js";
-import { useCombinedRefs, useEvent } from "@1771technologies/lytenyte-react-hooks";
 import { getAllIds } from "./navigation/get-all-ids.js";
 import { getIdsBetweenNodes } from "./utils/get-ids-between-nodes.js";
+import { useCombinedRefs, useEvent } from "@1771technologies/lytenyte-core/yinternal";
 export const TreeRoot = forwardRef((p, forwarded) => {
     const [panel, setPanel] = useState(null);
     const [expansions, onExpansionChange] = useState({});

package/dist/tree-view/utils/get-focusable-nodes.js

@@ -1,4 +1,4 @@
-import { getFocusables, isHTMLElement } from "@1771technologies/lytenyte-dom-utils";
+import { getFocusables, isHTMLElement } from "@1771technologies/lytenyte-shared";
 export function getFocusableNodes(panel) {
     const focusNodes = getFocusables(panel).filter((c) => isHTMLElement(c) && c.getAttribute("data-ln-tree-node") === "true");
     return focusNodes;

package/dist/tree-view/utils/get-focused-node.js

@@ -1,4 +1,4 @@
-import { isLastTraversableNode } from "@1771technologies/lytenyte-dom-utils";
+import { isLastTraversableNode } from "@1771technologies/lytenyte-shared";
 export function getFocusedNode() {
     if (!document.activeElement)
         return null;

package/dist/tree-view/utils/get-sibling-branches.js

@@ -1,4 +1,4 @@
-import { isHTMLElement } from "@1771technologies/lytenyte-dom-utils";
+import { isHTMLElement } from "@1771technologies/lytenyte-shared";
 import { isBranchNode } from "./is-branch-node.js";
 export function getSiblingBranches(el) {
     const children = el.parentElement?.children;

package/dist/tree-view/virtualized/use-row-start-and-end.d.ts

@@ -1,2 +1,2 @@
-import type { RectReadOnly } from "@1771technologies/lytenyte-react-hooks";
+import type { RectReadOnly } from "@1771technologies/lytenyte-core/yinternal";
 export declare function useRowStartAndEnd(panel: HTMLElement | null | undefined, itemHeight: number, bounds: RectReadOnly, size: number): number[];

package/dist/tree-view/virtualized/use-row-start-and-end.js

@@ -1,4 +1,4 @@
-import { clamp } from "@1771technologies/lytenyte-js-utils";
+import { clamp } from "@1771technologies/lytenyte-shared";
 import { useEffect, useMemo, useState } from "react";
 export function useRowStartAndEnd(panel, itemHeight, bounds, size) {
     const [startOffset, setStartOffset] = useState(0);

package/dist/tree-view/virtualized/use-virtualized-tree.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import {} from "@1771technologies/lytenyte-shared";
-import { useEvent, useMeasure } from "@1771technologies/lytenyte-react-hooks";
 import { useMemo, useState } from "react";
 import { buildVirtualTreePartial } from "./get-virtual-tree-paths.js";
 import { makeVirtualTree } from "./make-virtual-tree.js";
 import { useFlattenedTree } from "./use-flattened-tree.js";
 import { useRowStartAndEnd } from "./use-row-start-and-end.js";
 import { getTreeNodeId } from "../utils/get-tree-node-id.js";
+import { useEvent, useMeasure } from "@1771technologies/lytenyte-core/yinternal";
 export function useVirtualizedTree({ itemHeight, expansions, expansionDefault = false, nonAdjacentPathTrees, paths, }) {
     const [ref, bounds, _, panel] = useMeasure({ scroll: true });
     const { flat, nodeToIndex, indexToId, allIds, idToNode, root } = useFlattenedTree(paths, expansions, expansionDefault, nonAdjacentPathTrees);

package/dist/types/types.d.ts

@@ -1,8 +1,8 @@
 export type * from "../+types";
-export type { CellProps } from "../cells/cell";
-export type { HeaderCellProps } from "../header/header-cell";
-export type { HeaderGroupCellProps } from "../header/header-group-cell";
-export type { HeaderRowProps } from "../header/header-row";
-export type { RootProps } from "../root/root";
-export type { RowFullWidthProps } from "../rows/row-full-width";
+export type { CellProps } from "../grid/cell";
+export type { HeaderCellProps } from "../grid/header-cell";
+export type { HeaderRowProps } from "../grid/header-row";
+export type { HeaderGroupCellProps } from "../grid/header-group-cell";
+export type { RootProps } from "../grid/root";
+export type { RowFullWidthProps } from "../grid/row-full-width";
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@1771technologies/lytenyte-pro",
   "description": "Blazingly fast headless React data grid with 100s of features.",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "type": "module",
   "license": "COMMERCIAL",
   "files": [
@@ -48,12 +48,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@1771technologies/lytenyte-core": "1.0.14",
-    "@1771technologies/lytenyte-dragon": "1.0.14",
-    "@1771technologies/lytenyte-shared": "1.0.14",
-    "@1771technologies/lytenyte-dom-utils": "1.0.14",
-    "@1771technologies/lytenyte-js-utils": "1.0.14",
-    "@1771technologies/lytenyte-react-hooks": "1.0.14"
+    "@1771technologies/lytenyte-core": "1.0.16",
+    "@1771technologies/lytenyte-shared": "1.0.16"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/dist/__play__/grid-navigation/cell-spans-large.play.d.ts

@@ -1,3 +0,0 @@
-export default function CellSpansLarge({ rtl }: {
-    rtl?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/__play__/grid-navigation/cell-spans-large.play.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import NormalLayout from "./normal-layout.play.js";
-const columns = [
-    {
-        id: "age",
-        colSpan: (c) => {
-            return c.rowIndex === 0 ? 10 : 1;
-        },
-    },
-    { id: "marital" },
-    { id: "default" },
-    { id: "housing", colSpan: 2 },
-    { id: "loan" },
-    { id: "contact" },
-    { id: "day" },
-    { id: "month" },
-    { id: "duration" },
-    { id: "campaign" },
-    { id: "pdays" },
-    { id: "previous" },
-    { id: "poutcome", colSpan: 2 },
-    { id: "y" },
-];
-export default function CellSpansLarge({ rtl }) {
-    return _jsx(NormalLayout, { columns: columns, rtl: rtl });
-}

package/dist/__play__/grid-navigation/cell-spans-with-pins.play.d.ts

@@ -1,3 +0,0 @@
-export default function CellSpansWithPins({ rtl }: {
-    rtl?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/__play__/grid-navigation/cell-spans-with-pins.play.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import NormalLayout from "./normal-layout.play.js";
-const columns = [
-    {
-        id: "age",
-        pin: "start",
-        colSpan: (c) => {
-            return c.rowIndex === 0 ? 10 : 1;
-        },
-    },
-    { id: "marital", pin: "start" },
-    { id: "default" },
-    { id: "housing", colSpan: 2 },
-    { id: "loan" },
-    { id: "contact", pin: "end" },
-    { id: "day", pin: "end" },
-    { id: "month" },
-    { id: "duration" },
-    { id: "campaign" },
-    { id: "pdays" },
-    { id: "previous" },
-    { id: "poutcome", colSpan: 2 },
-    { id: "y" },
-];
-export default function CellSpansWithPins({ rtl }) {
-    return _jsx(NormalLayout, { columns: columns, rtl: rtl });
-}

package/dist/__play__/grid-navigation/cell-spans.play.d.ts

@@ -1,3 +0,0 @@
-export default function CellSpans({ rtl }: {
-    rtl?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/__play__/grid-navigation/cell-spans.play.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import NormalLayout from "./normal-layout.play.js";
-const columns = [
-    {
-        id: "age",
-        colSpan: (c) => {
-            return c.rowIndex === 0 || c.rowIndex === 12 ? 3 : 1;
-        },
-    },
-    {
-        id: "job",
-        colSpan: (c) => {
-            return c.rowIndex === 2 ? 3 : 1;
-        },
-    },
-    { id: "balance" },
-    {
-        id: "education",
-        colSpan: (t) => {
-            if (t.rowIndex === 4)
-                return 2;
-            if (t.rowIndex === 12)
-                return 2;
-            return 1;
-        },
-        rowSpan: (t) => {
-            if (t.rowIndex === 4)
-                return 3;
-            if (t.rowIndex === 8)
-                return 3;
-            if (t.rowIndex === 12)
-                return 2;
-            return 1;
-        },
-    },
-    { id: "marital" },
-    { id: "default" },
-    { id: "housing", colSpan: 2 },
-    { id: "loan" },
-    { id: "contact" },
-    { id: "day" },
-    { id: "month" },
-    { id: "duration" },
-    { id: "campaign" },
-    { id: "pdays" },
-    { id: "previous" },
-    { id: "poutcome", colSpan: 2 },
-    { id: "y" },
-];
-export default function CellSpans({ rtl }) {
-    return _jsx(NormalLayout, { columns: columns, rtl: rtl });
-}

package/dist/__play__/grid-navigation/cell-with-tabbables.play.d.ts

@@ -1,3 +0,0 @@
-export default function CellWithTabbables({ rtl }: {
-    rtl?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/__play__/grid-navigation/cell-with-tabbables.play.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import NormalLayout from "./normal-layout.play.js";
-const columns = [
-    {
-        id: "age",
-        colSpan: (c) => {
-            return c.rowIndex === 0 || c.rowIndex === 12 ? 3 : 1;
-        },
-        cellRenderer: () => {
-            return (_jsxs(_Fragment, { children: [_jsx("button", { tabIndex: 0, children: "A" }), _jsx("button", { tabIndex: 0, children: "B" }), _jsx("button", { tabIndex: 0, children: "C" })] }));
-        },
-    },
-    {
-        id: "job",
-        colSpan: (c) => {
-            return c.rowIndex === 2 ? 3 : 1;
-        },
-    },
-    { id: "balance" },
-    {
-        id: "education",
-        colSpan: (t) => {
-            if (t.rowIndex === 4)
-                return 2;
-            if (t.rowIndex === 12)
-                return 2;
-            return 1;
-        },
-        cellRenderer: () => {
-            return (_jsxs(_Fragment, { children: [_jsx("button", { tabIndex: 0, children: "Prev" }), _jsx("button", { tabIndex: -1, children: "Not Tabbable" }), _jsx("button", { tabIndex: 0, children: "Next" })] }));
-        },
-        rowSpan: (t) => {
-            if (t.rowIndex === 4)
-                return 3;
-            if (t.rowIndex === 8)
-                return 3;
-            if (t.rowIndex === 12)
-                return 2;
-            return 1;
-        },
-    },
-    { id: "marital" },
-    { id: "default" },
-];
-export default function CellWithTabbables({ rtl }) {
-    return _jsx(NormalLayout, { columns: columns, rtl: rtl });
-}

package/dist/__play__/grid-navigation/column-groups.play.d.ts

@@ -1,3 +0,0 @@
-export default function ColumnGroups({ rtl }: {
-    rtl?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/__play__/grid-navigation/column-groups.play.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import NormalLayout from "./normal-layout.play.js";
-const columns = [
-    {
-        id: "age",
-        groupPath: ["A", "B"],
-    },
-    { id: "marital", groupPath: ["A"] },
-    { id: "default", groupPath: ["T"] },
-    { id: "housing" },
-    { id: "loan" },
-    { id: "contact", groupPath: ["A", "B", "C"] },
-    { id: "day", groupPath: ["A", "B"] },
-    { id: "month", groupPath: ["A"] },
-    { id: "duration" },
-    { id: "campaign" },
-    { id: "pdays", groupPath: ["C"] },
-    { id: "previous", groupPath: ["C", "D"] },
-    { id: "poutcome", colSpan: 2 },
-    { id: "y" },
-];
-export default function ColumnGroups({ rtl }) {
-    return _jsx(NormalLayout, { columns: columns, rtl: rtl, floatingRow: true });
-}

package/dist/__play__/grid-navigation/full-width-rows.play.d.ts

@@ -1,6 +0,0 @@
-import "./navigation.css";
-import type { Column } from "../../+types.js";
-export default function FullWidthRows({ rtl, columns, }: {
-    rtl?: boolean;
-    columns?: Column<any>[];
-}): import("react/jsx-runtime").JSX.Element;

package/dist/__play__/grid-navigation/full-width-rows.play.js

@@ -1,67 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "./navigation.css";
-import { useLyteNyte } from "../../state/use-lytenyte.js";
-import { bankDataSmall } from "../test-utils/bank-data-smaller.js";
-import { Root } from "../../root/root.js";
-import { Viewport } from "../../viewport/viewport.js";
-import { Header } from "../../header/header.js";
-import { HeaderRow } from "../../header/header-row.js";
-import { HeaderGroupCell } from "../../header/header-group-cell.js";
-import { HeaderCell } from "../../header/header-cell.js";
-import { RowsContainer } from "../../rows/rows-container.js";
-import { RowsBottom, RowsCenter, RowsTop } from "../../rows/rows-sections.js";
-import { RowHandler } from "../test-utils/row-handler.js";
-import { useClientRowDataSource } from "../../row-data-source-client/use-client-data-source.js";
-const baseColumns = [
-    { id: "age" },
-    { id: "job" },
-    { id: "balance" },
-    { id: "education" },
-    { id: "marital" },
-    { id: "default" },
-    { id: "housing" },
-    { id: "loan" },
-    { id: "contact" },
-    { id: "day" },
-    { id: "month" },
-    { id: "duration" },
-    { id: "campaign" },
-    { id: "pdays" },
-    { id: "previous" },
-    { id: "poutcome" },
-    { id: "y" },
-];
-export default function FullWidthRows({ rtl, columns, }) {
-    const ds = useClientRowDataSource({
-        data: bankDataSmall,
-    });
-    const g = useLyteNyte({
-        gridId: "x",
-        columns: columns ?? baseColumns,
-        rowDataSource: ds,
-        rtl: rtl,
-        rowFullWidthPredicate: (r) => r.rowIndex === 2 || r.rowIndex == 4,
-        rowFullWidthRenderer: (r) => {
-            if (r.rowIndex === 2)
-                return _jsx("div", { children: "Nothing" });
-            return (_jsxs("div", { children: [_jsx("button", { tabIndex: 0, children: "A" }), _jsx("button", { tabIndex: 0, children: "B" }), _jsx("button", { tabIndex: 0, children: "C" })] }));
-        },
-    });
-    const view = g.view.useValue();
-    return (_jsxs("div", { children: [_jsx("button", { tabIndex: 0, onClick: () => { }, children: "Top Capture" }), _jsx("div", { style: { width: "100%", height: "90vh", border: "1px solid black" }, children: _jsx(Root, { grid: g, children: _jsxs(Viewport, { children: [_jsx(Header, { children: view.header.layout.map((row, i) => {
-                                    return (_jsx(HeaderRow, { headerRowIndex: i, children: row.map((c) => {
-                                            if (c.kind === "group") {
-                                                return _jsx(HeaderGroupCell, { cell: c }, c.idOccurrence);
-                                            }
-                                            return (_jsx(HeaderCell, { cell: c, style: {
-                                                    paddingInline: "16px",
-                                                    background: "light-dark(rgb(200,200,200),rgb(57, 39, 39))",
-                                                    color: "light-dark(black,white)",
-                                                    display: "flex",
-                                                    alignItems: "center",
-                                                    borderBottom: "1px solid light-dark(gray, #444242)",
-                                                    borderRight: "1px solid light-dark(gray, #444242)",
-                                                } }, c.column.id));
-                                        }) }, i));
-                                }) }), _jsxs(RowsContainer, { children: [_jsx(RowsTop, { children: _jsx(RowHandler, { rows: view.rows.top, withStyles: true, pinned: true }) }), _jsx(RowsCenter, { children: _jsx(RowHandler, { rows: view.rows.center, withStyles: true }) }), _jsx(RowsBottom, { children: _jsx(RowHandler, { rows: view.rows.bottom, withStyles: true, pinned: true }) })] })] }) }) }), _jsx("button", { tabIndex: 0, onClick: () => { }, children: "Bottom Capture" })] }));
-}

package/dist/__play__/grid-navigation/horizontal-navigation.pt.d.ts

@@ -1 +0,0 @@
-export {};