@1771technologies/lytenyte-pro 1.0.7 → 1.0.9

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

@@ -1,15 +1,15 @@
-import { Root } from "./root";
-import { SortRow } from "./sort-row";
-import { SortRows } from "./sort-rows";
-import { useSortManager } from "./hooks/use-sort-manager";
-import { SortColumnSelect } from "./sort-column-select";
-import { SortValueSelect } from "./sort-value-select";
-import { SortDirectionSelect } from "./sort-direction-select";
-import { SortAdd } from "./sort-add";
-import { SortRemove } from "./sort-remove";
-import { SortCancel } from "./sort-cancel";
-import { SortClear } from "./sort-clear";
-import { SortApply } from "./sort-apply";
+import { Root } from "./root.js";
+import { SortRow } from "./sort-row.js";
+import { SortRows } from "./sort-rows.js";
+import { useSortManager } from "./hooks/use-sort-manager.js";
+import { SortColumnSelect } from "./sort-column-select.js";
+import { SortValueSelect } from "./sort-value-select.js";
+import { SortDirectionSelect } from "./sort-direction-select.js";
+import { SortAdd } from "./sort-add.js";
+import { SortRemove } from "./sort-remove.js";
+import { SortCancel } from "./sort-cancel.js";
+import { SortClear } from "./sort-clear.js";
+import { SortApply } from "./sort-apply.js";
 export const SortManager = {
     Root,
     Row: SortRow,

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";
+import { useSortRowCtx } from "./context.js";
 export const SortRemove = forwardRef(function SortRemove({ as, ...props }, forwarded) {
     const row = useSortRowCtx();
     const renderer = useSlot({

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

@@ -1,4 +1,4 @@
-import type { SortRowItem } from "./hooks/use-sort-row-item";
+import type { SortRowItem } from "./hooks/use-sort-row-item.js";
 export interface SortRowProps {
     readonly row: SortRowItem;
 }

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { Item } from "../listbox/item";
-import { rowContext } from "./context";
+import { Item } from "../listbox/item.js";
+import { rowContext } from "./context.js";
 export const SortRow = forwardRef(function SortRow({ row, ...props }, forwarded) {
     return (_jsx(rowContext.Provider, { value: row, children: _jsx(Item, { ...props, ref: forwarded }) }));
 });

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { Panel } from "../listbox/panel";
+import { Panel } from "../listbox/panel.js";
 export const SortRows = forwardRef(function SortRows(props, forwarded) {
     return _jsx(Panel, { ...props, ref: forwarded });
 });

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";
+import { useSortRowCtx } from "./context.js";
 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

@@ -8,6 +8,8 @@ export interface InternalAtoms {
     readonly xScroll: GridAtom<number>;
     readonly yScroll: GridAtom<number>;
     readonly layout: LayoutState;
+    readonly hasSpans: GridAtomReadonly<boolean>;
+    readonly colBounds: GridAtomReadonly<[number, number]>;
     readonly focusActive: GridAtom<PositionUnion | null>;
     readonly focusPrevColIndex: GridAtom<number | null>;
     readonly focusPrevRowIndex: GridAtom<number | null>;

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

@@ -1,6 +1,6 @@
 import { CONTAINS_DEAD_CELLS, FULL_WIDTH, updateLayout } from "@1771technologies/lytenyte-shared";
-import { getSpanFn } from "../helpers/get-span-callback";
-import { getFullWidthCallback } from "../helpers/get-full-width-callback";
+import { getSpanFn } from "../helpers/get-span-callback.js";
+import { getFullWidthCallback } from "../helpers/get-full-width-callback.js";
 export const makeCellRoot = (grid) => {
     return (row, column) => {
         const l = grid.internal.layout;

package/dist/state/helpers/row-layout/row-layout.js

@@ -69,9 +69,6 @@ const partition = (n, row) => {
     };
 };
 function handleViewLayout({ columns, spanLayout: n, rowStart, rowEnd, rowPin, layout, viewCache, container, rowForIndex, }) {
-    /**
-     * TOP ROW LAYOUT START
-     */
     for (let r = rowStart; r < rowEnd; r++) {
         const status = layout.special[r];
         const computed = layout.computed[r];
@@ -87,7 +84,9 @@ function handleViewLayout({ columns, spanLayout: n, rowStart, rowEnd, rowPin, la
         const rowLastPinTop = n.rowTopEnd - 1 === r ? true : undefined;
         if (status === FULL_WIDTH) {
             const row = {
-                id: node.get()?.id ?? `${r}`,
+                get id() {
+                    return node.get()?.id ?? `${r}`;
+                },
                 rowIndex: r,
                 kind: "full-width",
                 rowPin,
@@ -155,7 +154,7 @@ function handleViewLayout({ columns, spanLayout: n, rowStart, rowEnd, rowPin, la
                 rowIndex: r,
                 rowSpan: cellSpec?.[c * 4] || 1,
                 colSpan: cellSpec?.[c * 4 + 1] || 1,
-                rowPin: "top",
+                rowPin,
                 colPin: "end",
                 isDeadCol,
                 isDeadRow,
@@ -166,11 +165,13 @@ function handleViewLayout({ columns, spanLayout: n, rowStart, rowEnd, rowPin, la
             });
         }
         const row = {
-            id: node.get()?.id ?? `${r}`,
+            get id() {
+                return node.get()?.id ?? `${r}`;
+            },
             rowIndex: r,
             kind: "row",
             cells: cellLayout,
-            rowPin: "top",
+            rowPin,
             row: node,
             rowLastPinTop,
         };

package/dist/state/use-lytenyte.js

@@ -246,6 +246,10 @@ export function makeLyteNyte(p) {
         });
         return bounds;
     }, { dirty: (prev, next) => !equal(prev, next) });
+    const internal_colBounds = computed(() => {
+        const b = bounds();
+        return [b.colCenterStart, b.colCenterEnd];
+    }, { dirty: (l, r) => !equal(l, r) });
     /**
      * COLUMN VIEW
      * Compute the column layout. This impacts both the row layout and header layout. Column layout
@@ -390,6 +394,10 @@ export function makeLyteNyte(p) {
         }, innerHeight - headerHeight);
     });
     const heightTotal = computed(() => yPositions().at(-1));
+    const hasSpans = computed(() => {
+        const visible = columnMeta().columnsVisible;
+        return cellSelectionMode() !== "none" || !visible.every((c) => !(c.colSpan || c.rowSpan));
+    });
     const rowView = computed(() => {
         if (!viewport())
             return {
@@ -412,7 +420,7 @@ export function makeLyteNyte(p) {
         const rowScan = rowScanDistance();
         const columns = columnMeta().columnsVisible;
         const rds = rowDataSource();
-        const { layout } = layoutState$();
+        const { layout, cache } = layoutState$();
         const topCount = rowDataStore.rowTopCount.$();
         const botCount = rowDataStore.rowBottomCount.$();
         const rowCount = rowDataStore.rowCount.$();
@@ -441,7 +449,7 @@ export function makeLyteNyte(p) {
         const focus = internal_focusActive();
         const view = makeRowLayout({
             view: n,
-            viewCache: new Map(),
+            viewCache: cache,
             layout,
             rds: rowDataStore,
             columns,
@@ -609,6 +617,8 @@ export function makeLyteNyte(p) {
             xScroll: makeAtom(xScroll),
             yScroll: makeAtom(yScroll),
             layout: layoutState,
+            colBounds: makeAtom(internal_colBounds),
+            hasSpans: makeAtom(hasSpans),
             focusActive: makeAtom(internal_focusActive),
             focusPrevColIndex: makeAtom(internal_focusPrevCol),
             focusPrevRowIndex: makeAtom(internal_focusPrevRow),

package/dist/tree-view/root.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useMemo, useRef, useState } from "react";
-import { context } from "./context";
+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";

package/dist/viewport/viewport.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { useCombinedRefs } from "@1771technologies/lytenyte-react-hooks";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { handleNavigationKeys, handleSkipInner, useFocusTracking, } from "@1771technologies/lytenyte-shared";
-import { beginEditing } from "./begin-editing";
+import { beginEditing } from "./begin-editing.js";
 export const Viewport = forwardRef(function Viewport({ children, style, ...props }, forwarded) {
     const ctx = useGridRoot();
     const ref = useCombinedRefs(ctx.ref, forwarded);

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.7",
+  "version": "1.0.9",
   "type": "module",
   "license": "COMMERCIAL",
   "files": [
@@ -49,12 +49,12 @@
   },
   "dependencies": {
     "@1771technologies/atom": "^1.0.2",
-    "@1771technologies/lytenyte-core": "1.0.7",
-    "@1771technologies/lytenyte-shared": "1.0.7",
-    "@1771technologies/lytenyte-dom-utils": "1.0.7",
-    "@1771technologies/lytenyte-js-utils": "1.0.7",
-    "@1771technologies/lytenyte-dragon": "1.0.7",
-    "@1771technologies/lytenyte-react-hooks": "1.0.7"
+    "@1771technologies/lytenyte-core": "1.0.9",
+    "@1771technologies/lytenyte-dom-utils": "1.0.9",
+    "@1771technologies/lytenyte-react-hooks": "1.0.9",
+    "@1771technologies/lytenyte-dragon": "1.0.9",
+    "@1771technologies/lytenyte-js-utils": "1.0.9",
+    "@1771technologies/lytenyte-shared": "1.0.9"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",