@1771technologies/lytenyte-pro 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/cell-selection/adjust-rect-for-row-and-cell-span.d.ts

@@ -1,2 +1,2 @@
-import type { DataRect, Grid } from "../+types";
+import type { DataRect, Grid } from "../+types.js";
 export declare function adjustRectForRowAndCellSpan<T>(grid: Grid<T>, rect: DataRect): DataRect;

package/dist/cell-selection/adjust-rect-for-row-and-cell-span.js

@@ -1,4 +1,4 @@
-import { getRootCell } from "./get-root-cell";
+import { getRootCell } from "./get-root-cell.js";
 export function adjustRectForRowAndCellSpan(grid, rect) {
     let { rowStart, rowEnd, columnStart, columnEnd } = rect;
     // Check the top row of the rect.

package/dist/cell-selection/are-rects-equal.d.ts

@@ -1,2 +1,2 @@
-import type { DataRect } from "../+types";
+import type { DataRect } from "../+types.js";
 export declare function areRectsEqual(left: DataRect, right: DataRect): boolean;

package/dist/cell-selection/bound-selection-rect.d.ts

@@ -1,2 +1,2 @@
-import type { DataRect, Grid } from "../+types";
+import type { DataRect, Grid } from "../+types.js";
 export declare function boundSelectionRect(grid: Grid<any>, rect: DataRect): DataRect;

package/dist/cell-selection/deselect-rect-range.d.ts

@@ -1,2 +1,2 @@
-import type { DataRect } from "../+types";
+import type { DataRect } from "../+types.js";
 export declare function deselectRectRange(rect: DataRect, deselectRect: DataRect): DataRect[];

package/dist/cell-selection/deselect-rect-range.js

@@ -1,4 +1,4 @@
-import { isOverlappingRect } from "./is-overlapping-rect";
+import { isOverlappingRect } from "./is-overlapping-rect.js";
 export function deselectRectRange(rect, deselectRect) {
     if (!isOverlappingRect(rect, deselectRect))
         return [rect];

package/dist/cell-selection/expand-cell-selection-down.d.ts

@@ -1,5 +1,5 @@
-import type { Grid } from "../+types";
-import type { InternalAtoms } from "../state/+types";
+import type { Grid } from "../+types.js";
+import type { InternalAtoms } from "../state/+types.js";
 export declare function expandCellSelectionDown(grid: Grid<any> & {
     internal: InternalAtoms;
 }, meta: boolean): void;

package/dist/cell-selection/expand-cell-selection-down.js

@@ -1,4 +1,4 @@
-import { getRootCell } from "./get-root-cell";
+import { getRootCell } from "./get-root-cell.js";
 export function expandCellSelectionDown(grid, meta) {
     const cellSelections = grid.state.cellSelections.get();
     const rect = cellSelections.at(-1);

package/dist/cell-selection/expand-cell-selection-end.d.ts

@@ -1,5 +1,5 @@
-import type { Grid } from "../+types";
-import type { InternalAtoms } from "../state/+types";
+import type { Grid } from "../+types.js";
+import type { InternalAtoms } from "../state/+types.js";
 export declare function expandCellSelectionEnd(grid: Grid<any> & {
     internal: InternalAtoms;
 }, meta: boolean): void;

package/dist/cell-selection/expand-cell-selection-end.js

@@ -1,4 +1,4 @@
-import { getRootCell } from "./get-root-cell";
+import { getRootCell } from "./get-root-cell.js";
 export function expandCellSelectionEnd(grid, meta) {
     const selections = grid.state.cellSelections.get();
     const cellSelectionPivot = grid.internal.cellSelectionPivot.get();

package/dist/cell-selection/expand-cell-selection-start.d.ts

@@ -1,5 +1,5 @@
-import type { InternalAtoms } from "../state/+types";
-import type { Grid } from "../+types";
+import type { InternalAtoms } from "../state/+types.js";
+import type { Grid } from "../+types.js";
 export declare function expandCellSelectionStart(grid: Grid<any> & {
     internal: InternalAtoms;
 }, meta: boolean): void;

package/dist/cell-selection/expand-cell-selection-start.js

@@ -1,4 +1,4 @@
-import { getRootCell } from "./get-root-cell";
+import { getRootCell } from "./get-root-cell.js";
 export function expandCellSelectionStart(grid, meta) {
     const selections = grid.state.cellSelections.get();
     const cellSelectionPivot = grid.internal.cellSelectionPivot.get();

package/dist/cell-selection/expand-cell-selection-up.d.ts

@@ -1,5 +1,5 @@
-import type { InternalAtoms } from "../state/+types";
-import type { Grid } from "../+types";
+import type { InternalAtoms } from "../state/+types.js";
+import type { Grid } from "../+types.js";
 export declare function expandCellSelectionUp(grid: Grid<any> & {
     internal: InternalAtoms;
 }, meta: boolean): void;

package/dist/cell-selection/expand-cell-selection-up.js

@@ -1,4 +1,4 @@
-import { getRootCell } from "./get-root-cell";
+import { getRootCell } from "./get-root-cell.js";
 export function expandCellSelectionUp(grid, meta) {
     const selections = grid.state.cellSelections.get();
     const cellSelectionPivot = grid.internal.cellSelectionPivot.get();

package/dist/cell-selection/full-width-start-end-index.d.ts

@@ -1,2 +1,2 @@
-import type { Grid } from "../+types";
+import type { Grid } from "../+types.js";
 export declare function fullWidthStartEndIndex(grid: Grid<any>): number[];

package/dist/cell-selection/get-root-cell.d.ts

@@ -1,2 +1,2 @@
-import type { Grid, PositionGridCell } from "../+types";
+import type { Grid, PositionGridCell } from "../+types.js";
 export declare const getRootCell: (grid: Grid<any>, rowIndex: number, columnIndex: number) => PositionGridCell["root"];

package/dist/cell-selection/get-root-cell.js

@@ -1,5 +1,5 @@
-import { getSpanFn } from "../state/helpers/get-span-callback";
-import { getFullWidthCallback } from "../state/helpers/get-full-width-callback";
+import { getSpanFn } from "../state/helpers/get-span-callback.js";
+import { getFullWidthCallback } from "../state/helpers/get-full-width-callback.js";
 import { applyLayoutUpdate } from "@1771technologies/lytenyte-shared";
 export const getRootCell = (grid, rowIndex, columnIndex) => {
     const rds = grid.state.rowDataSource.get();

package/dist/cell-selection/is-bottom-rect.d.ts

@@ -1,2 +1,2 @@
-import type { DataRect, Grid } from "../+types";
+import type { DataRect, Grid } from "../+types.js";
 export declare function isBottomRect(grid: Grid<any>, rect: DataRect): boolean;

package/dist/cell-selection/is-center-col-rect.d.ts

@@ -1,4 +1,4 @@
-import type { Grid } from "../+types";
+import type { Grid } from "../+types.js";
 export declare function isCenterColRect(grid: Grid<any>, rect: {
     columnStart: number;
     columnEnd: number;

package/dist/cell-selection/is-center-rect.d.ts

@@ -1,2 +1,2 @@
-import type { DataRect, Grid } from "../+types";
+import type { DataRect, Grid } from "../+types.js";
 export declare function isCenterRect(grid: Grid<any>, rect: DataRect): boolean;

package/dist/cell-selection/is-end-rect.d.ts

@@ -1,4 +1,4 @@
-import type { Grid } from "../+types";
+import type { Grid } from "../+types.js";
 export declare function isEndRect(grid: Grid<any>, rect: {
     columnStart: number;
     columnEnd: number;

package/dist/cell-selection/is-overlapping-rect.d.ts

@@ -1,2 +1,2 @@
-import type { DataRect } from "../+types";
+import type { DataRect } from "../+types.js";
 export declare function isOverlappingRect(rect1: DataRect, rect2: DataRect): boolean;

package/dist/cell-selection/is-start-rect.d.ts

@@ -1,4 +1,4 @@
-import type { Grid } from "../+types";
+import type { Grid } from "../+types.js";
 export declare function isStartRect(grid: Grid<any>, rect: {
     columnStart: number;
     columnEnd: number;

package/dist/cell-selection/is-top-rect.d.ts

@@ -1,2 +1,2 @@
-import type { DataRect, Grid } from "../+types";
+import type { DataRect, Grid } from "../+types.js";
 export declare function isTopRect(grid: Grid<any>, rect: DataRect): boolean;

package/dist/cell-selection/is-within-selection-rect.d.ts

@@ -1,2 +1,2 @@
-import type { DataRect } from "../+types";
+import type { DataRect } from "../+types.js";
 export declare function isWithinSelectionRect(rect: DataRect, r: number, c: number): boolean;

package/dist/cell-selection/split-cell-selection-rect.d.ts

@@ -1,4 +1,4 @@
-import type { DataRect } from "../+types";
+import type { DataRect } from "../+types.js";
 interface SplitCellSelectionRectArgs {
     readonly rect: DataRect;
     readonly colStartCount: number;

package/dist/cell-selection/update-additive-cell-selection.d.ts

@@ -1,5 +1,5 @@
-import type { DataRect, Grid } from "../+types";
-import type { InternalAtoms } from "../state/+types";
+import type { DataRect, Grid } from "../+types.js";
+import type { InternalAtoms } from "../state/+types.js";
 export declare function updateAdditiveCellSelection(grid: Grid<any> & {
     internal: InternalAtoms;
 }, rect: DataRect): void;

package/dist/cell-selection/update-additive-cell-selection.js

@@ -1,7 +1,7 @@
-import { boundSelectionRect } from "./bound-selection-rect";
-import { adjustRectForRowAndCellSpan } from "./adjust-rect-for-row-and-cell-span";
-import { areRectsEqual } from "./are-rects-equal";
-import { splitCellSelectionRect } from "./split-cell-selection-rect";
+import { boundSelectionRect } from "./bound-selection-rect.js";
+import { adjustRectForRowAndCellSpan } from "./adjust-rect-for-row-and-cell-span.js";
+import { areRectsEqual } from "./are-rects-equal.js";
+import { splitCellSelectionRect } from "./split-cell-selection-rect.js";
 export function updateAdditiveCellSelection(grid, rect) {
     const s = grid.state.columnMeta.get();
     const ds = grid.state.rowDataStore;

package/dist/cell-selection/use-edge-scroll.d.ts

@@ -1,5 +1,5 @@
-import type { Grid } from "../+types";
-import type { InternalAtoms } from "../state/+types";
+import type { Grid } from "../+types.js";
+import type { InternalAtoms } from "../state/+types.js";
 export declare function useEdgeScroll(grid: Grid<any> & {
     internal: InternalAtoms;
 }): {

package/dist/column-manager/use-column-manager.d.ts

@@ -1,6 +1,6 @@
 import { type Dispatch, type JSX, type SetStateAction } from "react";
-import type { Column, Grid } from "../+types";
-import type { TreeVirtualItem } from "../tree-view/virtualized/make-virtual-tree";
+import type { Column, Grid } from "../+types.js";
+import type { TreeVirtualItem } from "../tree-view/virtualized/make-virtual-tree.js";
 import type { PathRoot } from "@1771technologies/lytenyte-shared";
 export interface UseColumnManagerReturn<T> {
     readonly rootProps: {

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

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { useVirtualizedTree } from "../tree-view/virtualized/use-virtualized-tree";
+import { useVirtualizedTree } from "../tree-view/virtualized/use-virtualized-tree.js";
 export function useColumnManager(grid) {
     const [expansions, onExpansionChange] = useState({});
     const columns = grid.state.columns.useValue();

package/dist/column-manager/use-columns-from-context.d.ts

@@ -1,3 +1,3 @@
-import type { TreeVirtualItem } from "../tree-view/virtualized/make-virtual-tree";
-import type { Column } from "../+types";
+import type { TreeVirtualItem } from "../tree-view/virtualized/make-virtual-tree.js";
+import type { Column } from "../+types.js";
 export declare function useColumnsFromContext(item: TreeVirtualItem<Column<any>>): Column<any>[];

package/dist/column-manager/use-columns-from-context.js

@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import { useBranchLookup } from "./branch-lookup-context";
+import { useBranchLookup } from "./branch-lookup-context.js";
 export function useColumnsFromContext(item) {
     const lookup = useBranchLookup();
     const columns = useMemo(() => {

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

@@ -1,14 +1,14 @@
-import { ForceSyncScrolling } from "../tree-view/virtualized/force-sync-scrolling";
-import { InclusionCheckbox } from "./inclusion-checkbox";
-import { Root } from "./root";
-import { useFilterTree } from "./hooks/use-filter-tree";
+import { ForceSyncScrolling } from "../tree-view/virtualized/force-sync-scrolling.js";
+import { InclusionCheckbox } from "./inclusion-checkbox.js";
+import { Root } from "./root.js";
+import { useFilterTree } from "./hooks/use-filter-tree.js";
 export declare const FilterTree: {
     Root: typeof Root;
     Panel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
     PassiveScroll: typeof ForceSyncScrolling;
-    Leaf: import("react").ForwardRefExoticComponent<Omit<import("./leaf").FilterTreeLeafProps & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
-    Branch: import("react").ForwardRefExoticComponent<Omit<import("./branch").FilterTreeBranch & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
-    Label: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./label").LabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Leaf: import("react").ForwardRefExoticComponent<Omit<import("./leaf.js").FilterTreeLeafProps & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+    Branch: import("react").ForwardRefExoticComponent<Omit<import("./branch.js").FilterTreeBranch & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./label.js").LabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Checkbox: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & InclusionCheckbox, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     useFilterTree: typeof useFilterTree;
 };

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

@@ -1,11 +1,11 @@
-import { TreePanel } from "../tree-view/panel/panel";
-import { ForceSyncScrolling } from "../tree-view/virtualized/force-sync-scrolling";
-import { Branch } from "./branch";
-import { InclusionCheckbox } from "./inclusion-checkbox";
-import { Label } from "./label";
-import { Leaf } from "./leaf";
-import { Root } from "./root";
-import { useFilterTree } from "./hooks/use-filter-tree";
+import { TreePanel } from "../tree-view/panel/panel.js";
+import { ForceSyncScrolling } from "../tree-view/virtualized/force-sync-scrolling.js";
+import { Branch } from "./branch.js";
+import { InclusionCheckbox } from "./inclusion-checkbox.js";
+import { Label } from "./label.js";
+import { Leaf } from "./leaf.js";
+import { Root } from "./root.js";
+import { useFilterTree } from "./hooks/use-filter-tree.js";
 export const FilterTree = {
     Root,
     Panel: TreePanel,

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

@@ -1,5 +1,5 @@
-import type { FilterInFilterItem } from "../../+types";
-import type { TreeVirtualItem } from "../../tree-view/virtualized/make-virtual-tree";
+import type { FilterInFilterItem } from "../../+types.js";
+import type { TreeVirtualItem } from "../../tree-view/virtualized/make-virtual-tree.js";
 export declare function useTreeItem(item: TreeVirtualItem<FilterInFilterItem>): {
     onCheckChange: (b?: boolean) => void;
     isChecked: boolean;

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

@@ -1,6 +1,6 @@
 import { useCallback, useMemo } from "react";
-import { useGrid } from "../../grid-provider/use-grid";
-import { useTreeContext } from "../context";
+import { useGrid } from "../../grid-provider/use-grid.js";
+import { useTreeContext } from "../context.js";
 function isSelectAll(item) {
     return item.kind === "leaf" && item.leaf.data.id === "__LNG__SELECT_ALL";
 }

package/dist/grid-box/+types.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { DropEventParams } from "../+types";
+import type { DropEventParams } from "../+types.js";
 export interface GridBoxItem<T = any> {
     readonly id: string;
     readonly label: string;

package/dist/grid-box/context.d.ts

@@ -1,4 +1,4 @@
-import type { DropEventParams } from "../+types";
+import type { DropEventParams } from "../+types.js";
 interface GridBoxContextValue {
     readonly accepted: string[];
     readonly orientation: "horizontal" | "vertical";

package/dist/grid-box/use-aggregation-box-items.d.ts

@@ -1,5 +1,5 @@
-import type { AggModelFn, DropEventParams, Grid } from "../+types";
-import type { GridBoxItem } from "./+types";
+import type { AggModelFn, DropEventParams, Grid } from "../+types.js";
+import type { GridBoxItem } from "./+types.js";
 export interface UseAggregationBoxItemsProps<T> {
     readonly grid: Grid<T>;
     readonly orientation?: "horizontal" | "vertical";

package/dist/grid-box/use-column-box-items.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from "react";
-import type { Column, DropEventParams, Grid } from "../+types";
-import type { GridBoxItem } from "./+types";
+import type { Column, DropEventParams, Grid } from "../+types.js";
+import type { GridBoxItem } from "./+types.js";
 export interface OnDropParams<T> {
     readonly target: Column<T>;
     readonly src: Column<T>;

package/dist/grid-box/use-row-group-box-items.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from "react";
-import type { DropEventParams, Grid, RowGroupModelItem } from "../+types";
-import type { GridBoxItem } from "./+types";
+import type { DropEventParams, Grid, RowGroupModelItem } from "../+types.js";
+import type { GridBoxItem } from "./+types.js";
 export interface UseRowGroupBoxItems<T> {
     readonly grid: Grid<T>;
     readonly orientation?: "horizontal" | "vertical";

package/dist/grid-provider/context.d.ts

@@ -1,5 +1,5 @@
-import type { Grid } from "../+types";
-import type { InternalAtoms } from "../state/+types";
+import type { Grid } from "../+types.js";
+import type { InternalAtoms } from "../state/+types.js";
 export declare const gridContext: import("react").Context<Grid<any> & {
     internal: InternalAtoms;
 }>;

package/dist/grid-provider/provider.d.ts

@@ -1,3 +1,3 @@
-export declare const GridProvider: import("react").Provider<import("../+types").Grid<any> & {
-    internal: import("../state/+types").InternalAtoms;
+export declare const GridProvider: import("react").Provider<import("../+types.js").Grid<any> & {
+    internal: import("../state/+types.js").InternalAtoms;
 }>;

package/dist/grid-provider/provider.js

@@ -1,2 +1,2 @@
-import { gridContext } from "./context";
+import { gridContext } from "./context.js";
 export const GridProvider = gridContext.Provider;

package/dist/grid-provider/use-grid.d.ts

@@ -1,3 +1,3 @@
-export declare const useGrid: () => import("../+types").Grid<any> & {
-    internal: import("../state/+types").InternalAtoms;
+export declare const useGrid: () => import("../+types.js").Grid<any> & {
+    internal: import("../state/+types.js").InternalAtoms;
 };

package/dist/grid-provider/use-grid.js

@@ -1,3 +1,3 @@
 import { useContext } from "react";
-import { gridContext } from "./context";
+import { gridContext } from "./context.js";
 export const useGrid = () => useContext(gridContext);

package/dist/grid.d.ts

@@ -15,6 +15,7 @@ export declare const Grid: {
     RowsContainer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     RowsBottom: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     RowsTop: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Row: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "onDrag"> & import("./rows/row/row").RowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     RowsCenter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Viewport: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     useLyteNyte: typeof useLyteNyte;

package/dist/grid.js

@@ -9,6 +9,7 @@ import { makeClientDataSourcePaginated, useClientRowDataSourcePaginated, } from
 import { makeClientTreeDataSource, useClientTreeDataSource, } from "./row-data-source-client/use-client-tree-data-source";
 import { makeServerDataSource, useServerDataSource, } from "./row-data-source-server/use-server-data-source";
 import { RowFullWidth } from "./rows/row-full-width";
+import { Row } from "./rows/row/row";
 import { RowsContainer } from "./rows/rows-container";
 import { RowsBottom, RowsCenter, RowsTop } from "./rows/rows-sections";
 import { useLyteNyte } from "./state/use-lytenyte";
@@ -24,6 +25,7 @@ export const Grid = {
     RowsContainer,
     RowsBottom,
     RowsTop,
+    Row,
     RowsCenter,
     Viewport,
     useLyteNyte,

package/dist/header/resize-handler.js

@@ -11,6 +11,7 @@ export function ResizeHandler({ slot, cell, xPositions, style, className, }) {
     const double = sx.state.columnDoubleClickToAutosize.useValue();
     const defaultProps = {
         role: "button",
+        "data-ln-header-resizer": "true",
         "aria-label": `Resize ${cell.column.name ?? cell.column.id}`,
         tabIndex: -1,
         onDoubleClick: () => {

package/dist/header/use-drag-move.d.ts

@@ -1,6 +1,6 @@
-import type { Grid, HeaderCellFloating, HeaderCellLayout, HeaderGroupCellLayout } from "../+types";
+import type { Grid, HeaderCellFloating, HeaderCellLayout, HeaderGroupCellLayout } from "../+types.js";
 import { type JSX } from "react";
-import type { InternalAtoms } from "../state/+types";
+import type { InternalAtoms } from "../state/+types.js";
 export declare function useDragMove<T>(grid: Grid<T> & {
     internal: InternalAtoms;
 }, cell: HeaderGroupCellLayout | HeaderCellLayout<T> | HeaderCellFloating<T>, onDragStart?: JSX.IntrinsicElements["div"]["onDragStart"]): {

package/dist/row-data-source-client/built-ins/built-ins.d.ts

@@ -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/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);

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,14 +1,14 @@
-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);

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,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 { 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);

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;

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())

package/dist/state/api/edit-end.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 makeEditEnd: (grid: Grid<any> & {
     internal: InternalAtoms;

package/dist/state/api/edit-is-cell-active.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 makeEditIsCellActive: (grid: Grid<any> & {
     internal: InternalAtoms;

package/dist/state/api/edit-update.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 makeEditUpdate: (grid: Grid<any> & {
     internal: InternalAtoms;

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

@@ -1,4 +1,4 @@
-import { editOnChange } from "../helpers/edit-on-change";
+import { editOnChange } from "../helpers/edit-on-change.js";
 export const makeEditUpdate = (grid) => {
     return (params) => {
         if (grid.state.editCellMode.get() === "readonly" || grid.state.columnPivotMode.get())

package/dist/state/api/export-csv.js

@@ -1,4 +1,4 @@
-import { getDataRect } from "../helpers/get-data-rect";
+import { getDataRect } from "../helpers/get-data-rect.js";
 export const makeExportCsv = (grid) => {
     return async (p) => {
         const visible = grid.state.columnMeta.get().columnsVisible;

package/dist/state/api/export-data-rect.js

@@ -1,4 +1,4 @@
-import { getDataRect } from "../helpers/get-data-rect";
+import { getDataRect } from "../helpers/get-data-rect.js";
 export const makeExportDataRect = (grid) => {
     return (p) => {
         const s = grid.state;

package/dist/state/api/focus-cell.d.ts

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

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

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

package/dist/state/api/row-detail-rendered-height.d.ts

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

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.2",
+  "version": "1.0.0-beta.4",
   "type": "module",
   "license": "COMMERCIAL",
   "files": [
@@ -44,11 +44,11 @@
   },
   "dependencies": {
     "@1771technologies/atom": "^1.0.2",
-    "@1771technologies/lytenyte-shared": "1.0.0-beta.2",
-    "@1771technologies/lytenyte-js-utils": "1.0.0-beta.2",
-    "@1771technologies/lytenyte-react-hooks": "1.0.0-beta.2",
-    "@1771technologies/lytenyte-dragon": "1.0.0-beta.2",
-    "@1771technologies/lytenyte-dom-utils": "1.0.0-beta.2"
+    "@1771technologies/lytenyte-dragon": "1.0.0-beta.4",
+    "@1771technologies/lytenyte-dom-utils": "1.0.0-beta.4",
+    "@1771technologies/lytenyte-shared": "1.0.0-beta.4",
+    "@1771technologies/lytenyte-js-utils": "1.0.0-beta.4",
+    "@1771technologies/lytenyte-react-hooks": "1.0.0-beta.4"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",