@1771technologies/lytenyte-pro 1.0.0-beta.1 → 1.0.0-beta.11

package/dist/row-data-source-client/built-ins/built-ins.js

@@ -10,7 +10,7 @@ import { sum } from "./sum.js";
  * Collection of built-in array utility functions for numerical and statistical operations.
  * Each function handles null and undefined values gracefully.
  * @example
- * import { builtIns } from './builtIns';
+ * import { builtIns } from './builtIns.js';
  *
  * const data = [1, null, 3, 2];
  * builtIns.sum(data);  // Returns 6

package/dist/row-data-source-client/pivots/create-pivot-columns.js

@@ -1,5 +1,5 @@
-import { createColumnPivotsFromPaths } from "./create-pivot-columns-from-paths";
-import { createPivotTree } from "./create-pivot-tree";
+import { createColumnPivotsFromPaths } from "./create-pivot-columns-from-paths.js";
+import { createPivotTree } from "./create-pivot-tree.js";
 export function createPivotColumns(model, lookup, grid, leafRows) {
     const activeColumns = model.columns.filter((c) => lookup.has(c.field) && (c.active ?? true));
     const activeValues = model.values.filter((c) => lookup.has(c.field) && (c.active ?? true));

package/dist/row-data-source-client/tree/evaluator-aggregation.d.ts

@@ -1,2 +1,2 @@
-import type { AggregationItem } from "../+types";
+import type { AggregationItem } from "../+types.js";
 export declare function aggregationEvaluator<Data>(agg: AggregationItem<Data>[], data: Data[]): Record<string, unknown>;

package/dist/row-data-source-client/tree/evaluator-group.d.ts

@@ -1,2 +1,2 @@
-import type { GroupItem } from "../+types";
+import type { GroupItem } from "../+types.js";
 export declare function groupEvaluator<Data>(g: GroupItem<Data>[] | ((d: Data) => (string | null | undefined)[]), d: Data): (string | null | undefined)[];

package/dist/row-data-source-client/tree/traverse.d.ts

@@ -1,2 +1,2 @@
-import type { BranchNode, Root, TreeNode } from "../+types";
+import type { BranchNode, Root, TreeNode } from "../+types.js";
 export declare function traverse<Data>(root: Root<Data> | BranchNode<Data>, fn: (node: TreeNode<Data>, lookupKey: string | null) => boolean | void, comparator?: (l: TreeNode<Data>, r: TreeNode<Data>) => number): void;

package/dist/row-data-source-client/tree/traverse.js

@@ -1,4 +1,4 @@
-import { LEAF } from "../+constants";
+import { LEAF } from "../+constants.js";
 export function traverse(root, fn, comparator) {
     const entries = root instanceof Map ? root.entries() : root.children.entries();
     const stack = [...entries];

package/dist/row-data-source-client/use-client-data-source-paginated.d.ts

@@ -1,5 +1,5 @@
-import type { GridAtom, RowDataSourceClientPaginated } from "../+types";
-import { type ClientRowDataSourceParams } from "../+types";
+import type { GridAtom, RowDataSourceClientPaginated } from "../+types.js";
+import { type ClientRowDataSourceParams } from "../+types.js";
 interface DataAtoms<T> {
     readonly top: GridAtom<T[]>;
     readonly center: GridAtom<T[]>;

package/dist/row-data-source-client/use-client-data-source-paginated.js

@@ -1,12 +1,12 @@
-import {} from "../+types";
+import {} from "../+types.js";
 import { useRef } from "react";
 import { atom, createStore } from "@1771technologies/atom";
-import { traverse } from "./tree/traverse";
+import { traverse } from "./tree/traverse.js";
 import { dateComparator, makeGridAtom, numberComparator, stringComparator, } from "@1771technologies/lytenyte-shared";
 import { clamp, equal, get } from "@1771technologies/lytenyte-js-utils";
-import { makeClientTree } from "./tree/client-tree";
-import { computeFilteredRows } from "./filter/compute-filtered-rows";
-import { builtIns } from "./built-ins/built-ins";
+import { makeClientTree } from "./tree/client-tree.js";
+import { computeFilteredRows } from "./filter/compute-filtered-rows.js";
+import { builtIns } from "./built-ins/built-ins.js";
 export function makeClientDataSourcePaginated(p) {
     const rdsStore = createStore();
     const pageInternal = atom(0);
@@ -19,6 +19,9 @@ export function makeClientDataSourcePaginated(p) {
     const data = atom(p.data);
     const topData = atom(p.topData ?? []);
     const bottomData = atom(p.bottomData ?? []);
+    const dataToSrc$ = atom((g) => {
+        return new Map(g(data).map((c, i) => [c, i]));
+    });
     const cache = new Map();
     const centerNodes = atom((g) => {
         const nodes = [];
@@ -149,6 +152,13 @@ export function makeClientDataSourcePaginated(p) {
         };
         return comparator;
     });
+    const idToNode = atom((g) => {
+        const map = new Map();
+        traverse(g(tree).root, (node) => {
+            map.set(node.id, node);
+        });
+        return map;
+    });
     const initialized = atom(false);
     const flat = atom((g) => {
         if (!g(initialized))
@@ -299,30 +309,32 @@ export function makeClientDataSourcePaginated(p) {
     };
     const rowUpdate = (updates) => {
         const grid = rdsStore.get(grid$);
-        const t = rdsStore.get(tree);
         const d = rdsStore.get(data);
-        for (const [key, data] of updates.entries()) {
-            const rowIndex = typeof key === "number" ? key : rowToIndex(key);
-            const row = rowByIndex(rowIndex);
-            if (!row || !grid) {
-                console.error(`Failed to find the row at index ${rowIndex} which is being updated.`);
+        const idMap = rdsStore.get(idToNode);
+        const dataToSrc = rdsStore.get(dataToSrc$);
+        for (const [key, next] of updates.entries()) {
+            const row = typeof key === "string" ? rowById(key) : rowByIndex(key);
+            const treeNode = typeof key === "string" ? idMap.get(key) : null;
+            if ((!row && !treeNode) || !grid) {
+                console.error(`Failed to find the row with identifier ${key} which is being updated.`);
                 continue;
             }
-            if (row.kind === "branch") {
-                row.data = data;
+            if (row?.kind === "branch") {
+                row.data = next;
             }
             else {
-                const source = t.idToSourceIndex.get(row.id);
+                const data = row?.kind === "leaf" ? row.data : treeNode?.data.data;
+                const source = dataToSrc.get(data);
                 if (source == null) {
-                    console.error(`Failed to find the row at index ${rowIndex} which is being updated.`);
+                    console.error(`Failed to find the row with identifier ${key} which is being updated.`);
                     continue;
                 }
-                d[source] = data;
+                d[source] = next;
             }
-            grid.state.rowDataStore.rowInvalidateIndex(rowIndex);
         }
         rdsStore.set(data, [...d]);
         rdsStore.set(snapshot, (prev) => prev + 1);
+        grid.state.rowDataStore.rowClearCache();
     };
     const rowToIndex = (rowId) => {
         const f = rdsStore.get(flat);
@@ -375,11 +387,10 @@ export function makeClientDataSourcePaginated(p) {
                     const field = grid.api.columnField(c, row);
                     return field;
                 }));
-                return [...values].map((x) => {
-                    if (!p.transformInFilterItem)
-                        return { id: `${x}`, label: `${x}`, value: x };
-                    return p.transformInFilterItem({ field: x, column: c });
-                });
+                if (p.transformInFilterItem) {
+                    return p.transformInFilterItem({ column: c, values: [...values] });
+                }
+                return [...values].map((x) => ({ id: `${x}`, label: `${x}`, value: x }));
             },
             rowAreAllSelected: (rowId) => {
                 const g = rdsStore.get(grid$);
@@ -436,6 +447,11 @@ export function makeClientDataSourcePaginated(p) {
                 const grid = rdsStore.get(grid$);
                 grid?.state.rowDataStore.rowClearCache();
             },
+            rowSetCenterData: (d) => {
+                rdsStore.set(data, d);
+                const grid = rdsStore.get(grid$);
+                grid?.state.rowDataStore.rowClearCache();
+            },
             rowSetTopData: (data) => {
                 rdsStore.set(topData, data);
                 const grid = rdsStore.get(grid$);
@@ -527,12 +543,12 @@ export function useClientRowDataSourcePaginated(p) {
     if (p.reflectData) {
         // Need to queue the microtask since it we cannot update state during render.
         if (p.data !== da.center.get())
-            queueMicrotask(() => da.center.set(p.data));
+            queueMicrotask(() => ds.current.rowSetCenterData(p.data));
         if (!equal(p.topData ?? [], da.top.get())) {
-            queueMicrotask(() => da.top.set(p.topData ?? []));
+            queueMicrotask(() => ds.current.rowSetTopData(p.topData ?? []));
         }
         if (!equal(p.bottomData ?? [], da.bottom.get()))
-            queueMicrotask(() => da.bottom.set(p.bottomData ?? []));
+            queueMicrotask(() => ds.current.rowSetBotData(p.bottomData ?? []));
     }
     return ds.current;
 }

package/dist/row-data-source-client/use-client-data-source.d.ts

@@ -1,5 +1,5 @@
-import type { GridAtom, RowDataSourceClient } from "../+types";
-import { type ClientRowDataSourceParams } from "../+types";
+import type { GridAtom, RowDataSourceClient } from "../+types.js";
+import { type ClientRowDataSourceParams } from "../+types.js";
 interface DataAtoms<T> {
     readonly top: GridAtom<T[]>;
     readonly center: GridAtom<T[]>;

package/dist/row-data-source-client/use-client-data-source.js

@@ -1,19 +1,22 @@
-import {} from "../+types";
+import {} from "../+types.js";
 import { useRef } from "react";
 import { atom, createStore } from "@1771technologies/atom";
-import { traverse } from "./tree/traverse";
+import { traverse } from "./tree/traverse.js";
 import { dateComparator, makeGridAtom, numberComparator, stringComparator, } from "@1771technologies/lytenyte-shared";
 import { equal, get, itemsWithIdToMap } from "@1771technologies/lytenyte-js-utils";
-import { makeClientTree } from "./tree/client-tree";
-import { computeFilteredRows } from "./filter/compute-filtered-rows";
-import { builtIns } from "./built-ins/built-ins";
-import { createPivotColumns } from "./pivots/create-pivot-columns";
-import { createAggModel } from "./pivots/create-agg-model";
+import { computeFilteredRows } from "./filter/compute-filtered-rows.js";
+import { builtIns } from "./built-ins/built-ins.js";
+import { createPivotColumns } from "./pivots/create-pivot-columns.js";
+import { createAggModel } from "./pivots/create-agg-model.js";
+import { makeClientTree } from "./tree/client-tree.js";
 export function makeClientDataSource(p) {
     const rdsStore = createStore();
     const data = atom(p.data);
     const topData = atom(p.topData ?? []);
     const bottomData = atom(p.bottomData ?? []);
+    const dataToSrc$ = atom((g) => {
+        return new Map(g(data).map((c, i) => [c, i]));
+    });
     const cache = new Map();
     const centerNodes = atom((g) => {
         const nodes = [];
@@ -199,6 +202,13 @@ export function makeClientDataSource(p) {
         };
         return comparator;
     });
+    const idToNode = atom((g) => {
+        const map = new Map();
+        traverse(g(tree).root, (node) => {
+            map.set(node.id, node);
+        });
+        return map;
+    });
     const tree = atom((g) => (g(columnPivotMode) ? g(pivotTree) : g(normalTree)));
     const initialized = atom(false);
     const flatPivot = atom((g) => {
@@ -429,30 +439,32 @@ export function makeClientDataSource(p) {
     };
     const rowUpdate = (updates) => {
         const grid = rdsStore.get(grid$);
-        const t = rdsStore.get(normalTree);
         const d = rdsStore.get(data);
-        for (const [key, data] of updates.entries()) {
-            const rowIndex = typeof key === "number" ? key : rowToIndex(key);
-            const row = rowByIndex(rowIndex);
-            if (!row || !grid) {
-                console.error(`Failed to find the row at index ${rowIndex} which is being updated.`);
+        const idMap = rdsStore.get(idToNode);
+        const dataToSrc = rdsStore.get(dataToSrc$);
+        for (const [key, next] of updates.entries()) {
+            const row = typeof key === "string" ? rowById(key) : rowByIndex(key);
+            const treeNode = typeof key === "string" ? idMap.get(key) : null;
+            if ((!row && !treeNode) || !grid) {
+                console.error(`Failed to find the row with identifier ${key} which is being updated.`);
                 continue;
             }
-            if (row.kind === "branch") {
-                row.data = data;
+            if (row?.kind === "branch") {
+                row.data = next;
             }
             else {
-                const source = t.idToSourceIndex.get(row.id);
+                const data = row?.kind === "leaf" ? row.data : treeNode?.data.data;
+                const source = dataToSrc.get(data);
                 if (source == null) {
-                    console.error(`Failed to find the row at index ${rowIndex} which is being updated.`);
+                    console.error(`Failed to find the row with identifier ${key} which is being updated.`);
                     continue;
                 }
-                d[source] = data;
+                d[source] = next;
             }
-            grid.state.rowDataStore.rowInvalidateIndex(rowIndex);
         }
         rdsStore.set(data, [...d]);
         rdsStore.set(snapshot, (prev) => prev + 1);
+        grid.state.rowDataStore.rowClearCache();
     };
     const rowToIndex = (rowId) => {
         const f = rdsStore.get(flat);
@@ -500,11 +512,10 @@ export function makeClientDataSource(p) {
                     const field = grid.api.columnField(c, row);
                     return field;
                 }));
-                return [...values].map((x) => {
-                    if (!p.transformInFilterItem)
-                        return { id: `${x}`, label: `${x}`, value: x };
-                    return p.transformInFilterItem({ field: x, column: c });
-                });
+                if (p.transformInFilterItem) {
+                    return p.transformInFilterItem({ column: c, values: [...values] });
+                }
+                return [...values].map((x) => ({ id: `${x}`, label: `${x}`, value: x }));
             },
             rowAdd: (newRows, place = "end") => {
                 rdsStore.set(data, (prev) => {
@@ -546,6 +557,11 @@ export function makeClientDataSource(p) {
                 const grid = rdsStore.get(grid$);
                 grid?.state.rowDataStore.rowClearCache();
             },
+            rowSetCenterData: (d) => {
+                rdsStore.set(data, d);
+                const grid = rdsStore.get(grid$);
+                grid?.state.rowDataStore.rowClearCache();
+            },
             rowSetTopData: (data) => {
                 rdsStore.set(topData, data);
                 const grid = rdsStore.get(grid$);
@@ -656,12 +672,12 @@ export function useClientRowDataSource(p) {
     if (p.reflectData) {
         // Need to queue the microtask since it we cannot update state during render.
         if (p.data !== da.center.get())
-            queueMicrotask(() => da.center.set(p.data));
+            queueMicrotask(() => ds.current.rowSetCenterData(p.data));
         if (!equal(p.topData ?? [], da.top.get())) {
-            queueMicrotask(() => da.top.set(p.topData ?? []));
+            queueMicrotask(() => ds.current.rowSetTopData(p.topData ?? []));
         }
         if (!equal(p.bottomData ?? [], da.bottom.get()))
-            queueMicrotask(() => da.bottom.set(p.bottomData ?? []));
+            queueMicrotask(() => ds.current.rowSetBotData(p.bottomData ?? []));
     }
     return ds.current;
 }

package/dist/row-data-source-client/use-client-tree-data-source.d.ts

@@ -1,4 +1,4 @@
-import type { GridAtom, RowDataSourceClient, ClientTreeDataSourceParams } from "../+types";
+import type { GridAtom, RowDataSourceClient, ClientTreeDataSourceParams } from "../+types.js";
 interface DataAtoms<T> {
     readonly top: GridAtom<T[]>;
     readonly center: GridAtom<T[]>;

package/dist/row-data-source-client/use-client-tree-data-source.js

@@ -1,17 +1,20 @@
-import {} from "../+types";
+import {} from "../+types.js";
 import { useRef } from "react";
 import { atom, createStore } from "@1771technologies/atom";
-import { traverse } from "./tree/traverse";
+import { traverse } from "./tree/traverse.js";
 import { dateComparator, makeGridAtom, numberComparator, stringComparator, } from "@1771technologies/lytenyte-shared";
 import { equal } from "@1771technologies/lytenyte-js-utils";
-import { makeClientTree } from "./tree/client-tree";
-import { computeFilteredRows } from "./filter/compute-filtered-rows";
-import { builtIns } from "./built-ins/built-ins";
+import { makeClientTree } from "./tree/client-tree.js";
+import { computeFilteredRows } from "./filter/compute-filtered-rows.js";
+import { builtIns } from "./built-ins/built-ins.js";
 export function makeClientTreeDataSource(p) {
     const rdsStore = createStore();
     const data = atom(p.data);
     const topData = atom(p.topData ?? []);
     const bottomData = atom(p.bottomData ?? []);
+    const dataToSrc$ = atom((g) => {
+        return new Map(g(data).map((c, i) => [c, i]));
+    });
     const cache = new Map();
     const centerNodes = atom((g) => {
         const nodes = [];
@@ -130,6 +133,13 @@ export function makeClientTreeDataSource(p) {
         };
         return comparator;
     });
+    const idToNode = atom((g) => {
+        const map = new Map();
+        traverse(g(tree).root, (node) => {
+            map.set(node.id, node);
+        });
+        return map;
+    });
     const initialized = atom(false);
     const flat = atom((g) => {
         if (!g(initialized))
@@ -275,30 +285,32 @@ export function makeClientTreeDataSource(p) {
     };
     const rowUpdate = (updates) => {
         const grid = rdsStore.get(grid$);
-        const t = rdsStore.get(tree);
         const d = rdsStore.get(data);
-        for (const [key, data] of updates.entries()) {
-            const rowIndex = typeof key === "number" ? key : rowToIndex(key);
-            const row = rowByIndex(rowIndex);
-            if (!row || !grid) {
-                console.error(`Failed to find the row at index ${rowIndex} which is being updated.`);
+        const idMap = rdsStore.get(idToNode);
+        const dataToSrc = rdsStore.get(dataToSrc$);
+        for (const [key, next] of updates.entries()) {
+            const row = typeof key === "string" ? rowById(key) : rowByIndex(key);
+            const treeNode = typeof key === "string" ? idMap.get(key) : null;
+            if ((!row && !treeNode) || !grid) {
+                console.error(`Failed to find the row with identifier ${key} which is being updated.`);
                 continue;
             }
-            if (row.kind === "branch") {
-                row.data = data;
+            if (row?.kind === "branch") {
+                row.data = next;
             }
             else {
-                const source = t.idToSourceIndex.get(row.id);
+                const data = row?.kind === "leaf" ? row.data : treeNode?.data.data;
+                const source = dataToSrc.get(data);
                 if (source == null) {
-                    console.error(`Failed to find the row at index ${rowIndex} which is being updated.`);
+                    console.error(`Failed to find the row with identifier ${key} which is being updated.`);
                     continue;
                 }
-                d[source] = data;
+                d[source] = next;
             }
-            grid.state.rowDataStore.rowInvalidateIndex(rowIndex);
         }
         rdsStore.set(data, [...d]);
         rdsStore.set(snapshot, (prev) => prev + 1);
+        grid.state.rowDataStore.rowClearCache();
     };
     const rowToIndex = (rowId) => {
         const f = rdsStore.get(flat);
@@ -346,11 +358,10 @@ export function makeClientTreeDataSource(p) {
                     const field = grid.api.columnField(c, row);
                     return field;
                 }));
-                return [...values].map((x) => {
-                    if (!p.transformInFilterItem)
-                        return { id: `${x}`, label: `${x}`, value: x };
-                    return p.transformInFilterItem({ field: x, column: c });
-                });
+                if (p.transformInFilterItem) {
+                    return p.transformInFilterItem({ column: c, values: [...values] });
+                }
+                return [...values].map((x) => ({ id: `${x}`, label: `${x}`, value: x }));
             },
             rowAdd: (newRows, place = "end") => {
                 rdsStore.set(data, (prev) => {
@@ -392,6 +403,11 @@ export function makeClientTreeDataSource(p) {
                 const grid = rdsStore.get(grid$);
                 grid?.state.rowDataStore.rowClearCache();
             },
+            rowSetCenterData: (d) => {
+                rdsStore.set(data, d);
+                const grid = rdsStore.get(grid$);
+                grid?.state.rowDataStore.rowClearCache();
+            },
             rowSetTopData: (data) => {
                 rdsStore.set(topData, data);
                 const grid = rdsStore.get(grid$);
@@ -502,12 +518,12 @@ export function useClientTreeDataSource(p) {
     if (p.reflectData) {
         // Need to queue the microtask since it we cannot update state during render.
         if (p.data !== da.center.get())
-            queueMicrotask(() => da.center.set(p.data));
+            queueMicrotask(() => ds.current.rowSetCenterData(p.data));
         if (!equal(p.topData ?? [], da.top.get())) {
-            queueMicrotask(() => da.top.set(p.topData ?? []));
+            queueMicrotask(() => ds.current.rowSetTopData(p.topData ?? []));
         }
         if (!equal(p.bottomData ?? [], da.bottom.get()))
-            queueMicrotask(() => da.bottom.set(p.bottomData ?? []));
+            queueMicrotask(() => ds.current.rowSetBotData(p.bottomData ?? []));
     }
     return ds.current;
 }

package/dist/row-data-source-server/async-tree/apply-delete-action-to-tree.js

@@ -1,4 +1,4 @@
-import { getParentNodeByPath } from "./get-parent-node-by-path";
+import { getParentNodeByPath } from "./get-parent-node-by-path.js";
 export function applyDeleteActionToTree(p, tree) {
     // No op. We aren't deleting keys or indices
     if (!p.relIndices?.length && !p.paths?.length)

package/dist/row-data-source-server/async-tree/make-async-tree.js

@@ -1,6 +1,6 @@
-import { applyDeleteActionToTree } from "./apply-delete-action-to-tree";
-import { applySetActionToTree } from "./apply-set-action-to-tree";
-import { getParentNodeByPath } from "./get-parent-node-by-path";
+import { applyDeleteActionToTree } from "./apply-delete-action-to-tree.js";
+import { applySetActionToTree } from "./apply-set-action-to-tree.js";
+import { getParentNodeByPath } from "./get-parent-node-by-path.js";
 export function makeAsyncTree() {
     const tree = {
         kind: "root",

package/dist/row-data-source-server/use-server-data-source.d.ts

@@ -1,3 +1,3 @@
-import type { RowDataSourceServer, RowDataSourceServerParams } from "../+types";
+import type { RowDataSourceServer, RowDataSourceServerParams } from "../+types.js";
 export declare function makeServerDataSource<T>({ dataFetcher, dataColumnPivotFetcher, dataInFilterItemFetcher, cellUpdateHandler, cellUpdateOptimistically, blockSize, }: RowDataSourceServerParams<T>): RowDataSourceServer<T>;
 export declare function useServerDataSource<T>(p: RowDataSourceServerParams<T>): RowDataSourceServer<T>;

package/dist/row-data-source-server/use-server-data-source.js

@@ -1,11 +1,11 @@
 import { atom, createStore } from "@1771technologies/atom";
 import { useRef } from "react";
-import { makeAsyncTree } from "./async-tree/make-async-tree";
+import { makeAsyncTree } from "./async-tree/make-async-tree.js";
 import { makeGridAtom } from "@1771technologies/lytenyte-shared";
-import { getNodeDepth } from "./utils/get-node-depth";
-import { getRequestId } from "./utils/get-request-id";
-import { RangeTree } from "./range-tree/range-tree";
-import { getNodePath } from "./utils/get-node-path";
+import { getNodeDepth } from "./utils/get-node-depth.js";
+import { getRequestId } from "./utils/get-request-id.js";
+import { RangeTree } from "./range-tree/range-tree.js";
+import { getNodePath } from "./utils/get-node-path.js";
 import { equal } from "@1771technologies/lytenyte-js-utils";
 export function makeServerDataSource({ dataFetcher, dataColumnPivotFetcher, dataInFilterItemFetcher, cellUpdateHandler, cellUpdateOptimistically = true, blockSize = 200, }) {
     let grid = null;
@@ -651,6 +651,9 @@ export function makeServerDataSource({ dataFetcher, dataColumnPivotFetcher, data
         rowSelect,
         rowSelectAll,
         rowSetBotData,
+        rowSetCenterData: () => {
+            throw new Error("Server side data source does not support full row updates");
+        },
         rowSetTopData,
         rowToIndex,
         rowUpdate,

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

@@ -1,7 +1,7 @@
 import { type Dispatch, type SetStateAction } from "react";
-import type { SortItem } from "./+types";
-import type { SortRowItem } from "./hooks/use-sort-row-item";
-import type { Grid } from "../+types";
+import type { SortItem } from "./+types.js";
+import type { SortRowItem } from "./hooks/use-sort-row-item.js";
+import type { Grid } from "../+types.js";
 export interface SortManagerContext {
     readonly grid: Grid<any>;
     readonly sortItems: SortItem[];

package/dist/sort-manager/hooks/use-sort-manager.d.ts

@@ -1,5 +1,5 @@
 import type { Grid } from "../../+types";
-import type { SortItem } from "../+types";
+import type { SortItem } from "../+types.js";
 export interface UseSortManagerArgs<T> {
     readonly grid: Grid<T>;
     readonly pivotMode?: boolean;
@@ -11,5 +11,5 @@ export declare function useSortManager<T>({ grid, pivotMode }: UseSortManagerArg
         mode: boolean;
         grid: Grid<T>;
     };
-    rows: import("./use-sort-row-item").SortRowItem[];
+    rows: import("./use-sort-row-item.js").SortRowItem[];
 };

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

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useRef, useState } from "react";
-import { sortModelToSortItems } from "../utils/sort-model-to-sort-items";
+import { sortModelToSortItems } from "../utils/sort-model-to-sort-items.js";
 import { itemsWithIdToMap } from "@1771technologies/lytenyte-js-utils";
-import { useSortRowItems } from "./use-sort-row-item";
+import { useSortRowItems } from "./use-sort-row-item.js";
 import { useEvent } from "@1771technologies/lytenyte-react-hooks";
 export function useSortManager({ grid, pivotMode }) {
     const statePivotMode = grid.state.columnPivotMode.useValue();

package/dist/sort-manager/hooks/use-sort-row-item.d.ts

@@ -1,5 +1,5 @@
 import { type Dispatch, type SetStateAction } from "react";
-import type { SortItem } from "../+types";
+import type { SortItem } from "../+types.js";
 import type { Grid } from "../../+types";
 export interface SortRowItem {
     readonly isCustom: boolean;

package/dist/sort-manager/hooks/use-sort-row-item.js

@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import { useSortableColumnItems } from "./use-sortable-column-items";
+import { useSortableColumnItems } from "./use-sortable-column-items.js";
 import { itemsWithIdToMap } from "@1771technologies/lytenyte-js-utils";
 export function useSortRowItems(sortItems, setSortItems, grid, pivotMode) {
     const columnItems = useSortableColumnItems(grid, pivotMode);

package/dist/sort-manager/utils/sort-item-to-sort-model.d.ts

@@ -1,3 +1,3 @@
-import type { SortItem } from "../+types";
+import type { SortItem } from "../+types.js";
 import type { Column, SortModelItem } from "../../+types";
 export declare function sortItemsToSortModel(sortItems: SortItem[], lookup: Map<string, Column<any>>): SortModelItem<any>[];

package/dist/sort-manager/utils/sort-model-to-sort-items.d.ts

@@ -1,3 +1,3 @@
 import type { Column, SortModelItem } from "../../+types";
-import type { SortItem } from "../+types";
+import type { SortItem } from "../+types.js";
 export declare function sortModelToSortItems<T>(items: SortModelItem<T>[], lookup: Map<string, Column<T>>): SortItem[];

package/dist/state/api/column-autosize.d.ts

@@ -1,4 +1,4 @@
-import type { InternalAtoms } from "../+types";
+import type { InternalAtoms } from "../+types.js";
 import type { Grid, GridApi } from "../../+types";
 export declare const makeColumnAutosize: (grid: Grid<any> & {
     internal: InternalAtoms;

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

@@ -1,5 +1,5 @@
 import { measureText } from "@1771technologies/lytenyte-shared";
-import { resolveColumn } from "../helpers/resolve-column";
+import { resolveColumn } from "../helpers/resolve-column.js";
 export const makeColumnAutosize = (grid) => {
     return (params) => {
         const errorRef = { current: false };

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

@@ -1,4 +1,4 @@
-import { resolveColumn } from "../helpers/resolve-column";
+import { resolveColumn } from "../helpers/resolve-column.js";
 export const makeColumnMove = (grid) => {
     return (params) => {
         const meta = grid.state.columnMeta.get();

package/dist/state/api/dialog-frame.d.ts

@@ -1,4 +1,4 @@
-import type { InternalAtoms } from "../+types";
+import type { InternalAtoms } from "../+types.js";
 import type { Grid, GridApi } from "../../+types";
 export declare const makeDialogFrameOpen: (grid: Grid<any> & {
     internal: InternalAtoms;

package/dist/state/api/edit-begin.d.ts

@@ -1,4 +1,4 @@
-import type { InternalAtoms } from "../+types";
+import type { InternalAtoms } from "../+types.js";
 import type { Grid, GridApi } from "../../+types";
 export declare const makeEditBegin: (grid: Grid<any> & {
     internal: InternalAtoms;

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

@@ -1,6 +1,6 @@
 import { focusCell, isFullWidthMap } from "@1771technologies/lytenyte-shared";
 import { runWithBackoff } from "@1771technologies/lytenyte-js-utils";
-import { editOnChange } from "../helpers/edit-on-change";
+import { editOnChange } from "../helpers/edit-on-change.js";
 export const makeEditBegin = (grid) => {
     return (params) => {
         if (grid.state.editCellMode.get() === "readonly" || grid.state.columnPivotMode.get())