@1771technologies/lytenyte-pro 1.0.5 → 1.0.7

package/dist/column-manager/use-column-manager.js

@@ -5,7 +5,7 @@ export function useColumnManager({ grid, query }) {
     const filteredColumns = useMemo(() => {
         if (!query)
             return columns;
-        return columns.filter((c) => (c.name ?? c.id).toLowerCase().includes(query));
+        return columns.filter((c) => (c.name ?? c.id).toLowerCase().includes(query.toLowerCase()));
     }, [columns, query]);
     const items = useTreeViewPaths(filteredColumns, true);
     const branchLookup = useMemo(() => {

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

@@ -33,5 +33,6 @@ export interface UseFilterTreeArgs<T> {
     treeItemHeight?: number;
     pivotMode?: boolean;
     applyChangesImmediately?: boolean;
+    query?: string;
 }
-export declare function useFilterTree<T>({ grid, column, treeItemHeight, pivotMode, applyChangesImmediately, }: UseFilterTreeArgs<T>): UseTreeFilterReturn<T>;
+export declare function useFilterTree<T>({ grid, column, treeItemHeight, pivotMode, applyChangesImmediately, query, }: UseFilterTreeArgs<T>): UseTreeFilterReturn<T>;

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

@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useState } from "react";
 import { useVirtualizedTree } from "../../tree-view/virtualized/use-virtualized-tree";
 import { useEvent } from "@1771technologies/lytenyte-react-hooks";
-export function useFilterTree({ grid, column, treeItemHeight = 24, pivotMode, applyChangesImmediately = false, }) {
+export function useFilterTree({ grid, column, treeItemHeight = 24, pivotMode, applyChangesImmediately = false, query, }) {
     const [items, setItems] = useState([]);
     const [expansions, onExpansionChange] = useState({});
     const [loading, setLoading] = useState(false);
@@ -41,9 +41,14 @@ export function useFilterTree({ grid, column, treeItemHeight = 24, pivotMode, ap
     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: "" }, ...items];
-    }, [items]);
+        return [{ id: "__LNG__SELECT_ALL", label: "(Select All)", value: "" }, ...filteredItems];
+    }, [filteredItems]);
     const virt = useVirtualizedTree({
         itemHeight: treeItemHeight,
         paths: itemsWithSelectAll,

package/dist/rows/row-detail-row.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getNearestRow, getRowIndexFromEl, sizeFromCoord, VIEWPORT_WIDTH_VARIABLE_USE, } from "@1771technologies/lytenyte-shared";
+import { getNearestRow, getRowIndexFromEl, SCROLL_WIDTH_VARIABLE_USE, sizeFromCoord, } from "@1771technologies/lytenyte-shared";
 import { useGridRoot } from "../context";
 import { useEffect, useState } from "react";
 import { getTabbables, isHTMLElement } from "@1771technologies/lytenyte-dom-utils";
@@ -115,17 +115,16 @@ function RowDetailImpl({ row, rowIndex }) {
     }, [cx.grid.internal.rowDetailAutoHeightCache, ref?.firstElementChild, rowIndex]);
     const isAuto = cx.grid.state.rowDetailHeight.useValue() === "auto";
     return (_jsx("div", { ref: setRef, role: "gridcell", style: {
-            gridColumnStart: "1",
-            gridColumnEnd: "2",
-            gridRowStart: "1",
-            gridRowEnd: "2",
-            marginTop: rowHeight,
             pointerEvents: "all",
+            position: "absolute",
+            left: 0,
+            width: SCROLL_WIDTH_VARIABLE_USE,
         }, children: _jsx("div", { tabIndex: -1, "data-ln-row-detail": true, style: {
                 position: "sticky",
                 right: rtl ? "0px" : undefined,
                 left: rtl ? undefined : "0px",
-                width: VIEWPORT_WIDTH_VARIABLE_USE,
+                marginTop: rowHeight,
+                width: cx.grid.state.viewportWidthInner.useValue(),
                 height: isAuto ? "auto" : height,
             }, children: _jsx(Renderer, { grid: cx.grid, row: row, rowIndex: rowIndex }) }) }));
 }

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