@1771technologies/lytenyte-pro 1.0.15 → 1.0.16

package/dist/sort-manager/sort-direction-select.d.ts

@@ -1,5 +1,5 @@
-import { type SlotComponent } from "@1771technologies/lytenyte-react-hooks";
 import type { Option } from "./+types";
+import { type SlotComponent } from "@1771technologies/lytenyte-core/yinternal";
 export interface SortDirectionSelectProps {
     readonly as?: SlotComponent<{
         options: Option[];

package/dist/sort-manager/sort-direction-select.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
 import { useSortRowCtx } from "./context.js";
+import { useSlot } from "@1771technologies/lytenyte-core/yinternal";
 export const SortDirectionSelect = forwardRef(function SortDirectionSelect({ as, ...props }, forwarded) {
     const row = useSortRowCtx();
     const el = (_jsx("select", { "aria-label": "Select sort direction", value: row.sortDirectionSelected?.value ?? "", onChange: (e) => {

package/dist/sort-manager/sort-remove.d.ts

@@ -1,4 +1,4 @@
-import { type SlotComponent } from "@1771technologies/lytenyte-react-hooks";
+import { type SlotComponent } from "@1771technologies/lytenyte-core/yinternal";
 export interface SortRemoveProps {
     readonly as?: SlotComponent<{
         onRemove: () => void;

package/dist/sort-manager/sort-remove.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
 import { useSortRowCtx } from "./context.js";
+import { useSlot } from "@1771technologies/lytenyte-core/yinternal";
 export const SortRemove = forwardRef(function SortRemove({ as, ...props }, forwarded) {
     const row = useSortRowCtx();
     const renderer = useSlot({

package/dist/sort-manager/sort-value-select.d.ts

@@ -1,5 +1,5 @@
-import { type SlotComponent } from "@1771technologies/lytenyte-react-hooks";
 import type { Option } from "./+types";
+import { type SlotComponent } from "@1771technologies/lytenyte-core/yinternal";
 export interface SortValueSelectProps {
     readonly as?: SlotComponent<{
         options: Option[];

package/dist/sort-manager/sort-value-select.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
 import { useSortRowCtx } from "./context.js";
+import { useSlot } from "@1771technologies/lytenyte-core/yinternal";
 export const SortValueSelect = forwardRef(function SortValueSelect({ as, ...props }, forwarded) {
     const row = useSortRowCtx();
     const el = (_jsxs("select", { "aria-label": "Select sort value", value: row.sortSelected?.value ?? "", onChange: (e) => {

package/dist/state/+types.d.ts

@@ -1,6 +1,7 @@
-import type { LayoutState, WriteSignal } from "@1771technologies/lytenyte-shared";
+import type { LayoutState } from "@1771technologies/lytenyte-shared";
 import type { Column, EditActivePosition, GridAtom, GridAtomReadonly, HeaderGroupCellLayout, PositionUnion, VirtualTarget } from "../+types";
 import type { DataRectSplit } from "../cell-selection/split-cell-selection-rect";
+import type { WriteSignal } from "@1771technologies/lytenyte-core/yinternal";
 export interface InternalAtoms {
     readonly headerRows: GridAtomReadonly<number>;
     readonly headerCols: GridAtomReadonly<number>;

package/dist/state/api/column-field.js

@@ -1,4 +1,4 @@
-import { get } from "@1771technologies/lytenyte-js-utils";
+import { get } from "@1771technologies/lytenyte-shared";
 export const makeColumnField = (grid) => {
     return (c, d) => {
         const meta = grid.state.columnMeta.get();

package/dist/state/api/edit-begin.js

@@ -1,5 +1,5 @@
 import { focusCell } from "@1771technologies/lytenyte-shared";
-import { runWithBackoff } from "@1771technologies/lytenyte-js-utils";
+import { runWithBackoff } from "@1771technologies/lytenyte-shared";
 import { editOnChange } from "../helpers/edit-on-change.js";
 export const makeEditBegin = (grid) => {
     return (params) => {

package/dist/state/api/focus-cell.js

@@ -1,5 +1,5 @@
 import { focusCell, getHeaderRows, handleNavigation, isColumnFloatingHeader, } from "@1771technologies/lytenyte-shared";
-import { clamp } from "@1771technologies/lytenyte-js-utils";
+import { clamp } from "@1771technologies/lytenyte-shared";
 export const makeFocusCell = (grid) => {
     return (position) => {
         const vp = grid.state.viewport.get();

package/dist/state/api/position-from-element.d.ts

@@ -1,2 +1,5 @@
-import type { GridApi } from "../../+types";
-export declare const makePositionFromElement: () => GridApi<any>["positionFromElement"];
+import type { Grid, GridApi } from "../../+types";
+import type { InternalAtoms } from "../+types";
+export declare const makePositionFromElement: (grid: Grid<any> & {
+    internal: InternalAtoms;
+}) => GridApi<any>["positionFromElement"];

package/dist/state/api/position-from-element.js

@@ -1,9 +1,9 @@
 import { getNearestFocusable, getPositionFromFocusable } from "@1771technologies/lytenyte-shared";
-export const makePositionFromElement = () => {
+export const makePositionFromElement = (grid) => {
     return (el) => {
-        const focusable = getNearestFocusable(el);
+        const focusable = getNearestFocusable(grid.state.gridId.get(), el);
         if (!focusable)
             return null;
-        return getPositionFromFocusable(focusable);
+        return getPositionFromFocusable(focusable, grid.state.gridId.get());
     };
 };

package/dist/state/api/row-handle-select.js

@@ -4,7 +4,7 @@ export const makeRowHandleSelect = (grid) => {
         const mode = grid.state.rowSelectionMode.get();
         if (mode === "none")
             return;
-        const rowEl = getNearestRow(e.target);
+        const rowEl = getNearestRow(grid.state.gridId.get(), e.target);
         if (!rowEl)
             return;
         const row = grid.api.rowByIndex(getRowIndexFromEl(rowEl));

package/dist/state/api/use-row-drag.js

@@ -1,10 +1,11 @@
-import { getNearestRow, getRowIndexFromEl, useDraggable } from "@1771technologies/lytenyte-shared";
+import { getNearestRow, getRowIndexFromEl } from "@1771technologies/lytenyte-shared";
+import { useDraggable } from "@1771technologies/lytenyte-core/yinternal";
 export const makeUseRowDrag = (grid) => {
     return (params) => {
         const c = useDraggable({
             ...params,
             getItems: (el) => {
-                const nearestRow = getNearestRow(el);
+                const nearestRow = getNearestRow(grid.state.gridId.get(), el);
                 if (!nearestRow)
                     return {};
                 const rowIndex = getRowIndexFromEl(nearestRow);

package/dist/state/helpers/column-add-row-group.js

@@ -1,5 +1,5 @@
 import { GROUP_COLUMN_MULTI_PREFIX, GROUP_COLUMN_PREFIX, GROUP_COLUMN_SINGLE_ID, } from "@1771technologies/lytenyte-shared";
-import { itemsWithIdToMap } from "@1771technologies/lytenyte-js-utils";
+import { itemsWithIdToMap } from "@1771technologies/lytenyte-shared";
 import { CellRowGroup } from "./cell-row-group.js";
 const baseGroup = {
     name: "Group",

package/dist/state/helpers/column-marker.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { COLUMN_MARKER_ID } from "@1771technologies/lytenyte-shared";
-import { itemsWithIdToMap } from "@1771technologies/lytenyte-js-utils";
+import { itemsWithIdToMap } from "@1771technologies/lytenyte-shared";
 export function columnHandleMarker({ columns, marker, markerEnabled, }) {
     const lookup = itemsWithIdToMap(columns);
     if (markerEnabled && !lookup.has(COLUMN_MARKER_ID)) {

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/package.json

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