@1771technologies/lytenyte-pro 1.0.0-beta.3 → 1.0.0-beta.30

package/dist/state/use-lytenyte.js

@@ -14,7 +14,7 @@ import { makeSortForColumn } from "./api/sort-for-column.js";
 import { columnAddRowGroup } from "./helpers/column-add-row-group.js";
 import { makeEventListeners } from "./api/event-listeners.js";
 import { makeScrollIntoView } from "./api/scroll-into-view.js";
-import { makeColumnFromIndex } from "./api/column-from-index.js";
+import { makeColumnByIndex } from "./api/column-from-index.js";
 import { makeColumnIndex } from "./api/column-index.js";
 import { makeRowGroupColumnIndex } from "./api/row-group-column-index.js";
 import { makeRowGroupIsExpanded } from "./api/row-group-is-expanded.js";
@@ -72,7 +72,13 @@ export function makeLyteNyte(p) {
     const columnGroupExpansions = atom(p.columnGroupExpansions ?? {});
     const columnGroupDefaultExpansion = atom(p.columnGroupDefaultExpansion ?? true);
     const rowDataSource = atom(emptyRowDataSource);
-    const rowHeight = atom(p.rowHeight ?? 40);
+    const rowHeight = atom(40);
+    if (typeof p.rowHeight === "function") {
+        store.set(rowHeight, () => p.rowHeight);
+    }
+    else {
+        store.set(rowHeight, p.rowHeight ?? 40);
+    }
     const rowAutoHeightGuess = atom(p.rowAutoHeightGuess ?? 40);
     const rowScanDistance = atom(p.rowScanDistance ?? 100);
     const colScanDistance = atom(p.colScanDistance ?? 100);
@@ -132,6 +138,7 @@ export function makeLyteNyte(p) {
     const columnPivotRowGroupExpansions = atom({});
     const cellSelections = atom(p.cellSelections ?? []);
     const cellSelectionMode = atom(p.cellSelectionMode ?? "none");
+    const internal__rowGroupColumnState = atom({});
     const internal_cellSelectionPivot = atom(null);
     const internal_cellSelectionAdditive = atom(null);
     const internal_cellSelectionSplits = atom((g) => {
@@ -220,6 +227,7 @@ export function makeLyteNyte(p) {
      * is impacted by the column definitions, the group expansions, the row group display mode.
      */
     const columnView = atom((g) => {
+        const groupState = g(internal__rowGroupColumnState);
         const pivotMode = g(columnPivotMode);
         let cols;
         if (pivotMode) {
@@ -229,6 +237,7 @@ export function makeLyteNyte(p) {
                 rowGroupDisplayMode: "single-column",
                 rowGroupModel: model.rows.filter((c) => c.active ?? true).map((c) => c.field),
                 rowGroupTemplate: g(rowGroupColumn),
+                rowGroupColumnState: groupState,
             });
         }
         else {
@@ -237,6 +246,7 @@ export function makeLyteNyte(p) {
                 rowGroupDisplayMode: g(rowGroupDisplayMode),
                 rowGroupModel: g(rowGroupModel),
                 rowGroupTemplate: g(rowGroupColumn),
+                rowGroupColumnState: groupState,
             });
         }
         const colsWithMarker = columnHandleMarker({
@@ -313,12 +323,13 @@ export function makeLyteNyte(p) {
             .map((x) => rds.rowToIndex(x))
             .filter((x) => x != null)
             .map((x) => [x, api.rowByIndex(x)]));
+        const headerHeight = g(headerHeightTotal);
         return computeRowPositions(rowCount, g(rowHeight), g(rowAutoHeightGuess), g(internal_rowAutoHeightCache), (i) => {
             const row = rows[i];
             if (!row || !api.rowDetailIsExpanded(row))
                 return 0;
             return api.rowDetailRenderedHeight(row);
-        }, innerHeight);
+        }, innerHeight - headerHeight);
     });
     const heightTotal = atom((g) => g(yPositions).at(-1));
     let prevLayout = DEFAULT_PREVIOUS_LAYOUT;
@@ -473,7 +484,7 @@ export function makeLyteNyte(p) {
     const listeners = makeEventListeners();
     Object.assign(api, {
         columnField: makeColumnField(grid),
-        columnFromIndex: makeColumnFromIndex(grid),
+        columnByIndex: makeColumnByIndex(grid),
         columnIndex: makeColumnIndex(grid),
         columnById: makeColumnById(grid),
         columnResize: makeColumnResize(grid),
@@ -543,6 +554,7 @@ export function makeLyteNyte(p) {
             cellSelectionAdditiveRects: makeGridAtom(internal_cellSelectionAdditive, store),
             cellSelectionIsDeselect: makeGridAtom(atom(false), store),
             cellSelectionSplits: makeGridAtom(internal_cellSelectionSplits, store),
+            rowGroupColumnState: makeGridAtom(internal__rowGroupColumnState, store),
             store: store,
         },
     });

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

@@ -3,7 +3,10 @@ export interface TreeBranchProps {
     readonly itemId: string;
     readonly labelWrap?: SlotComponent;
     readonly label?: SlotComponent;
-    readonly expander?: SlotComponent;
+    readonly expander?: SlotComponent<{
+        expanded: boolean;
+        toggle: () => void;
+    }>;
     readonly transitionEnterMs?: number;
     readonly transitionExitMs?: number;
     readonly gridWrapped?: boolean;

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

@@ -31,7 +31,8 @@ export const TreeBranch = forwardRef(function TreeBranch({ itemId, label, expand
         slot: label ?? _jsx("div", {}),
     });
     const expandedProps = {
-        onClick: () => {
+        onClick: (e) => {
+            e.stopPropagation();
             onExpansionChange(!expanded);
         },
     };
@@ -51,7 +52,7 @@ export const TreeBranch = forwardRef(function TreeBranch({ itemId, label, expand
     });
     return (_jsx(depthContext.Provider, { value: depth + 1, children: _jsxs("li", { ...props, onKeyDown: useBranchKeys(itemId, root.expansionDefault ?? false, props.onKeyDown), tabIndex: -1, ref: forwarded, role: "treeitem", "aria-expanded": open, "aria-selected": root.selection.has(itemId), "aria-level": depth + 1, "data-ln-selected": root.selection.has(itemId), "data-ln-tree-node": true, "data-ln-tree-branch": true, "data-ln-tree-id": itemId, style: {
                 ...props.style,
-                "--tree-depth": depth,
+                "--ln-tree-depth": depth,
             }, children: [labelWrapSlot, _jsx("div", { children: _jsx(Wrapped, { wrapped: wrapped, expanded: open, children: shouldMount && (_jsx("ul", { "data-tree-branch-children": true, "data-expanded": open, "data-open-state": state, role: "group", children: props.children })) }) })] }) }));
 });
 function Wrapped(props) {

package/dist/tree-view/hooks/use-tree-view-paths.d.ts

@@ -1,2 +1,2 @@
 import { type PathProvidedItem } from "@1771technologies/lytenyte-shared";
-export declare function useTreeViewPaths<T extends PathProvidedItem>(paths: T[]): (import("@1771technologies/lytenyte-shared").PathBranch<T> | import("@1771technologies/lytenyte-shared").PathLeaf<T>)[];
+export declare function useTreeViewPaths<T extends PathProvidedItem>(paths: T[], nonAdjacentAreDistinct?: boolean): (import("@1771technologies/lytenyte-shared").PathBranch<T> | import("@1771technologies/lytenyte-shared").PathLeaf<T>)[];

package/dist/tree-view/hooks/use-tree-view-paths.js

@@ -1,9 +1,9 @@
 import { computePathTree } from "@1771technologies/lytenyte-shared";
 import { useMemo } from "react";
-export function useTreeViewPaths(paths) {
+export function useTreeViewPaths(paths, nonAdjacentAreDistinct) {
     const tree = useMemo(() => {
-        const result = computePathTree(paths);
+        const result = computePathTree(paths, {}, nonAdjacentAreDistinct);
         return [...result.children.values()];
-    }, [paths]);
+    }, [nonAdjacentAreDistinct, paths]);
     return tree;
 }

package/dist/tree-view/leaf.js

@@ -13,6 +13,7 @@ export const TreeLeaf = forwardRef(function TreeLeaf({ itemId, ...props }, forwa
                 e.ctrlKey ||
                 e.shiftKey)
                 return;
+            e.preventDefault();
             const nodes = getFocusables(e.currentTarget);
             const index = nodes.indexOf(document.activeElement);
             if (index === -1) {

package/dist/viewport/begin-editing.js

@@ -6,7 +6,7 @@ export function beginEditing(grid, activator, init) {
         return;
     if (activator && editActivator !== activator)
         return;
-    const column = grid.api.columnFromIndex(focusPos.colIndex);
+    const column = grid.api.columnByIndex(focusPos.colIndex);
     if (!column)
         return;
     if (grid.api.editIsCellActive({ column, rowIndex: focusPos.rowIndex }))

package/main.css

@@ -312,4 +312,8 @@
       border-bottom: 1px solid var(--lng1771-primary-50);
     }
   }
+
+  [data-ln-cell-selection-rect] {
+    background-color: var(--lng1771-primary-30);
+  }
 }

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.0-beta.3",
+  "version": "1.0.0-beta.30",
   "type": "module",
   "license": "COMMERCIAL",
   "files": [
@@ -32,6 +32,11 @@
       "import": "./dist/index.js",
       "require": "./dist/index.js"
     },
+    "./icons": {
+      "types": "./dist/icons/index.d.ts",
+      "import": "./dist/icons/index.js",
+      "require": "./dist/icons/index.js"
+    },
     "./types": {
       "types": "./dist/+types.d.ts",
       "import": "./dist/+types.js",
@@ -44,11 +49,12 @@
   },
   "dependencies": {
     "@1771technologies/atom": "^1.0.2",
-    "@1771technologies/lytenyte-js-utils": "1.0.0-beta.3",
-    "@1771technologies/lytenyte-dom-utils": "1.0.0-beta.3",
-    "@1771technologies/lytenyte-shared": "1.0.0-beta.3",
-    "@1771technologies/lytenyte-dragon": "1.0.0-beta.3",
-    "@1771technologies/lytenyte-react-hooks": "1.0.0-beta.3"
+    "@1771technologies/lytenyte-dom-utils": "1.0.0-beta.30",
+    "@1771technologies/lytenyte-js-utils": "1.0.0-beta.30",
+    "@1771technologies/lytenyte-dragon": "1.0.0-beta.30",
+    "@1771technologies/lytenyte-shared": "1.0.0-beta.30",
+    "@1771technologies/lytenyte-react-hooks": "1.0.0-beta.30",
+    "@1771technologies/lytenyte-core": "1.0.0-beta.30"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/dist/column-manager/passive-scroll.d.ts

@@ -1,2 +0,0 @@
-import { ForceSyncScrolling } from "../tree-view/virtualized/force-sync-scrolling";
-export declare const ColumnManagerPassiveScroll: typeof ForceSyncScrolling;

package/dist/column-manager/passive-scroll.js

@@ -1,2 +0,0 @@
-import { ForceSyncScrolling } from "../tree-view/virtualized/force-sync-scrolling";
-export const ColumnManagerPassiveScroll = ForceSyncScrolling;