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

package/dist/+types.d.ts

@@ -892,7 +892,8 @@ export interface HeaderGroupCellLayout {
      */
     readonly isCollapsible: boolean;
     /**
-     * A unique identifier that can be used for rendering keys or tracking elements.
+     * The id for the header group. Note this is not unique across all header groups. In particular
+     *       split header groups with the same path will share the same id. Prefer `idOccurrence` for unique keys.
      */
     readonly id: string;
     /**
@@ -1704,12 +1705,12 @@ export interface ClientRowDataSourceParams<T> {
      */
     readonly rowIdLeaf?: (d: RowLeaf<T>, i: number) => string;
     /**
-     * Callback that transforms a column in-filter item before it's applied.
+     * Callback that transforms a set of values for a given column into the in filter items LyteNyte Grid should use.
      */
     readonly transformInFilterItem?: (params: {
-        field: unknown;
         column: Column<T>;
-    }) => FilterInFilterItem;
+        values: unknown[];
+    }) => FilterInFilterItem[];
 }
 /**
  * Parameters for initializing a tree-structured data source in LyteNyte Grid.
@@ -1740,12 +1741,12 @@ export interface ClientTreeDataSourceParams<T> {
      */
     readonly rowIdLeaf?: (d: RowLeaf<T>, i: number) => string;
     /**
-     * Callback that transforms a column in-filter item before it's applied.
+     * Callback that transforms a set of values for a given column into the in filter items LyteNyte Grid should use.
      */
     readonly transformInFilterItem?: (params: {
-        field: unknown;
         column: Column<T>;
-    }) => FilterInFilterItem;
+        values: unknown[];
+    }) => FilterInFilterItem[];
     /**
      * Returns the hierarchical path to group a given data row in tree mode.
      */
@@ -1806,6 +1807,10 @@ export interface RowDataSourceClientPaginated<T> {
      * Adds new rows to the grid optionally at a specific index, beginning, or end.
      */
     readonly rowAdd: (newRows: any[], atIndex?: number | "beginning" | "end") => void;
+    /**
+     * Sets the data for the center rows (scrollable rows) of the grid. Effectively replacing the current row data.
+     */
+    readonly rowSetCenterData: (newRows: any[]) => void;
     /**
      * Sets the data for rows pinned to the top section.
      */
@@ -1899,6 +1904,10 @@ export interface RowDataSourceClient<T> {
      * Adds new rows to the grid optionally at a specific index, beginning, or end.
      */
     readonly rowAdd: (newRows: any[], atIndex?: number | "beginning" | "end") => void;
+    /**
+     * Sets the data for the center rows (scrollable rows) of the grid. Effectively replacing the current row data.
+     */
+    readonly rowSetCenterData: (newRows: any[]) => void;
     /**
      * Sets the data for rows pinned to the top section.
      */
@@ -1966,6 +1975,10 @@ export interface RowDataSource<T> {
      * Adds new rows to the grid optionally at a specific index, beginning, or end.
      */
     readonly rowAdd: (newRows: any[], atIndex?: number | "beginning" | "end") => void;
+    /**
+     * Sets the data for the center rows (scrollable rows) of the grid. Effectively replacing the current row data.
+     */
+    readonly rowSetCenterData: (newRows: any[]) => void;
     /**
      * Sets the data for rows pinned to the top section.
      */
@@ -2039,6 +2052,10 @@ export interface RowDataSourceServer<T> {
      * Adds new rows to the grid optionally at a specific index, beginning, or end.
      */
     readonly rowAdd: (newRows: any[], atIndex?: number | "beginning" | "end") => void;
+    /**
+     * Sets the data for the center rows (scrollable rows) of the grid. Effectively replacing the current row data.
+     */
+    readonly rowSetCenterData: (newRows: any[]) => void;
     /**
      * Sets the data for rows pinned to the top section.
      */

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/cell-selection-driver.js

@@ -2,7 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { useGridRoot } from "../context";
 import { useEdgeScroll } from "./use-edge-scroll";
-import { getClientX, getClientY, getRelativeXPosition, getRelativeYPosition, } from "@1771technologies/lytenyte-js-utils";
+import { equal, getClientX, getClientY, getRelativeXPosition, getRelativeYPosition, } from "@1771technologies/lytenyte-js-utils";
 import { getNearestFocusable, getPositionFromFocusable } from "@1771technologies/lytenyte-shared";
 import { isHTMLElement } from "@1771technologies/lytenyte-dom-utils";
 import { updateAdditiveCellSelection } from "./update-additive-cell-selection";
@@ -238,8 +238,16 @@ export function CellSelectionDriver() {
         };
     }, [cancelX, cancelY, edgeScrollX, edgeScrollY, grid, mode, viewport]);
     useEffect(() => {
+        let prev = null;
         return grid.internal.focusActive.watch(() => {
             const focus = grid.internal.focusActive.get();
+            // If the focus is null, then we should just return. This keeps the existing selection
+            // in place - for things like copy and paste.
+            if (!focus)
+                return;
+            if (equal(prev, focus))
+                return;
+            prev = focus;
             if (focus?.kind !== "cell" && focus?.kind !== "full-width") {
                 grid.state.cellSelections.set([]);
                 grid.internal.cellSelectionPivot.set(null);

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/cells/cell.js

@@ -10,9 +10,10 @@ const CellImpl = forwardRef(function Cell({ cell, children, ...props }, forwarde
     const grid = useGridRoot().grid;
     const cx = grid.state;
     grid.internal.refreshKey.useValue();
+    const base = grid.state.columnBase.useValue();
     const row = cell.row.useValue();
     const renderers = cx.cellRenderers.useValue();
-    const providedRenderer = children ?? cell.column.cellRenderer;
+    const providedRenderer = children ?? cell.column.cellRenderer ?? base.cellRenderer;
     const Renderer = providedRenderer
         ? typeof providedRenderer === "string"
             ? (renderers[providedRenderer] ?? CellDefault)

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/icons/index.d.ts

@@ -0,0 +1 @@
+export { AddIcon, AddSmallIcon, AggregateIcon, AggregationIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightCurvedIcon, ArrowRightIcon, ArrowUpIcon, AutosizeIcon, BackIcon, BookmarkIcon, BooleanIcon, CalendarIcon, ChartIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, Close2Icon, CloseIcon, CollapseGroupIcon, Columns2Icon, ColumnsIcon, CopyIcon, CornerRadiusIcon, CustomizeThemeIcon, CutIcon, CsvIcon, DeleteIcon, DocsIcon, DownloadIcon, Drag2Icon, DragDotsIcon, DragDotsSmallIcon, DragIcon, DuplicateIcon, EditIcon, EmailIcon, ExcelIcon, ExpandGroupIcon, ExpandIcon, Expression2Icon, ExpressionIcon, ExternalLinkIcon, File2Icon, FileIcon, FilterIcon, FolderIcon, GlobeIcon, GridViewIcon, GroupByColIcon, HamburgerIcon, HelpIcon, HiddenIcon, HistoryIcon, ImportIcon, LinkIcon, ListViewIcon, LoadingIcon, LocationIcon, ModalIcon, MoreIcon, MoreVerticalIcon, MultilineIcon, NumberIcon, PasteIcon, PieIcon, PinColumnIcon, RefreshIcon, SearchIcon, SettingsIcon, ShareIcon, SingleLineIcon, Sort2Icon, SortIcon, SpacingHIcon, SpacingIcon, StickColumnIcon, SwapIcon, TagIcon, TaskIcon, TextIcon, ThemesIcon, Tickmark2Icon, TickmarkIcon, TimeIcon, UploadIcon, UserIcon, ViewIcon, } from "@1771technologies/lytenyte-core/icons";

package/dist/icons/index.js

@@ -0,0 +1 @@
+export { AddIcon, AddSmallIcon, AggregateIcon, AggregationIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightCurvedIcon, ArrowRightIcon, ArrowUpIcon, AutosizeIcon, BackIcon, BookmarkIcon, BooleanIcon, CalendarIcon, ChartIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, Close2Icon, CloseIcon, CollapseGroupIcon, Columns2Icon, ColumnsIcon, CopyIcon, CornerRadiusIcon, CustomizeThemeIcon, CutIcon, CsvIcon, DeleteIcon, DocsIcon, DownloadIcon, Drag2Icon, DragDotsIcon, DragDotsSmallIcon, DragIcon, DuplicateIcon, EditIcon, EmailIcon, ExcelIcon, ExpandGroupIcon, ExpandIcon, Expression2Icon, ExpressionIcon, ExternalLinkIcon, File2Icon, FileIcon, FilterIcon, FolderIcon, GlobeIcon, GridViewIcon, GroupByColIcon, HamburgerIcon, HelpIcon, HiddenIcon, HistoryIcon, ImportIcon, LinkIcon, ListViewIcon, LoadingIcon, LocationIcon, ModalIcon, MoreIcon, MoreVerticalIcon, MultilineIcon, NumberIcon, PasteIcon, PieIcon, PinColumnIcon, RefreshIcon, SearchIcon, SettingsIcon, ShareIcon, SingleLineIcon, Sort2Icon, SortIcon, SpacingHIcon, SpacingIcon, StickColumnIcon, SwapIcon, TagIcon, TaskIcon, TextIcon, ThemesIcon, Tickmark2Icon, TickmarkIcon, TimeIcon, UploadIcon, UserIcon, ViewIcon, } from "@1771technologies/lytenyte-core/icons";

package/dist/index.d.ts

@@ -4,3 +4,4 @@ export { FilterTree } from "./filter-tree/filter-tree.js";
 export { ColumnManager } from "./column-manager/column-manager.js";
 export { GridBox } from "./grid-box/grid-box.js";
 export { activateLicense } from "./license.js";
+export { measureText } from "@1771technologies/lytenyte-shared";

package/dist/index.js

@@ -4,3 +4,4 @@ export { FilterTree } from "./filter-tree/filter-tree.js";
 export { ColumnManager } from "./column-manager/column-manager.js";
 export { GridBox } from "./grid-box/grid-box.js";
 export { activateLicense } from "./license.js";
+export { measureText } from "@1771technologies/lytenyte-shared";

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