@1771technologies/lytenyte-pro 1.0.7 → 1.0.9

package/dist/grid.js

@@ -1,15 +1,15 @@
-import { Cell } from "./cells/cell";
-import { Header } from "./header/header";
-import { HeaderCell } from "./header/header-cell";
-import { HeaderGroupCell } from "./header/header-group-cell";
-import { HeaderRow } from "./header/header-row";
-import { Root } from "./root/root";
-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";
-import { Viewport } from "./viewport/viewport";
+import { Cell } from "./cells/cell.js";
+import { Header } from "./header/header.js";
+import { HeaderCell } from "./header/header-cell.js";
+import { HeaderGroupCell } from "./header/header-group-cell.js";
+import { HeaderRow } from "./header/header-row.js";
+import { Root } from "./root/root.js";
+import { RowFullWidth } from "./rows/row-full-width.js";
+import { Row } from "./rows/row/row.js";
+import { RowsContainer } from "./rows/rows-container.js";
+import { RowsBottom, RowsCenter, RowsTop } from "./rows/rows-sections.js";
+import { useLyteNyte } from "./state/use-lytenyte.js";
+import { Viewport } from "./viewport/viewport.js";
 export const Grid = {
     Root,
     Header,

package/dist/header/header-cell.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { COLUMN_MARKER_ID, HeaderCellReact } from "@1771technologies/lytenyte-shared";
 import { fastDeepMemo, useCombinedRefs, } from "@1771technologies/lytenyte-react-hooks";
-import { useHeaderCellRenderer } from "./use-header-cell-renderer";
-import { ResizeHandler } from "./resize-handler";
-import { useDragMove } from "./use-drag-move";
+import { useHeaderCellRenderer } from "./use-header-cell-renderer.js";
+import { ResizeHandler } from "./resize-handler.js";
+import { useDragMove } from "./use-drag-move.js";
 const HeaderCellImpl = forwardRef(function HeaderCell({ cell, resizerAs, resizerStyle, resizerClassName, children, ...props }, forwarded) {
     const grid = useGridRoot().grid;
     const ctx = grid.state;

package/dist/header/header-group-cell.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { HeaderGroupCellReact } from "@1771technologies/lytenyte-shared";
 import { fastDeepMemo, useCombinedRefs } from "@1771technologies/lytenyte-react-hooks";
-import { useDragMove } from "./use-drag-move";
+import { useDragMove } from "./use-drag-move.js";
 const HeaderGroupCellImpl = forwardRef(function HeaderCell({ cell, children, ...props }, forwarded) {
     const grid = useGridRoot().grid;
     const ctx = grid.state;

package/dist/header/header-row.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { fastDeepMemo } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { HeaderRowReact } from "@1771technologies/lytenyte-shared";
 const HeaderRowImpl = forwardRef(function HeaderRow(props, forwarded) {
     const maxRow = useGridRoot().grid.view.get().header.maxRow;

package/dist/header/header.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { fastDeepMemo } from "@1771technologies/lytenyte-react-hooks";
 import { HeaderReact } from "@1771technologies/lytenyte-shared";
 const HeaderImpl = forwardRef(function Header(props, forwarded) {

package/dist/header/resize-handler.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import {} from "react";
 import { DEFAULT_COLUMN_WIDTH_MAX, DEFAULT_COLUMN_WIDTH_MIN, getColIndexFromEl, getTranslate, sizeFromCoord, } from "@1771technologies/lytenyte-shared";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { getComputedStyle, isHTMLElement } from "@1771technologies/lytenyte-dom-utils";
 import { clamp, getClientX } from "@1771technologies/lytenyte-js-utils";
 export function ResizeHandler({ as, cell, xPositions, style, className, }) {

package/dist/header/use-header-cell-renderer.js

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 function DefaultRenderer(p) {
     return _jsx(_Fragment, { children: p.column.name ?? p.column.id });
 }

package/dist/icons/index.js

@@ -1 +1,3 @@
-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";
+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,
+// eslint-disable-next-line import/extensions
+ } from "@1771technologies/lytenyte-core/icons";

package/dist/index.d.ts

@@ -7,7 +7,7 @@ export { GridBox } from "./grid-box/grid-box.js";
 export { DropWrap } from "@1771technologies/lytenyte-dragon";
 export { activateLicense } from "./license.js";
 export { measureText } from "@1771technologies/lytenyte-shared";
-export { makeClientDataSource, useClientRowDataSource, } from "./row-data-source-client/use-client-data-source";
-export { makeClientDataSourcePaginated, useClientRowDataSourcePaginated, } from "./row-data-source-client/use-client-data-source-paginated";
-export { makeClientTreeDataSource, useClientTreeDataSource, } from "./row-data-source-client/use-client-tree-data-source";
-export { makeServerDataSource, useServerDataSource, } from "./row-data-source-server/use-server-data-source";
+export { makeClientDataSource, useClientRowDataSource, } from "./row-data-source-client/use-client-data-source.js";
+export { makeClientDataSourcePaginated, useClientRowDataSourcePaginated, } from "./row-data-source-client/use-client-data-source-paginated.js";
+export { makeClientTreeDataSource, useClientTreeDataSource, } from "./row-data-source-client/use-client-tree-data-source.js";
+export { makeServerDataSource, useServerDataSource, } from "./row-data-source-server/use-server-data-source.js";

package/dist/index.js

@@ -7,7 +7,7 @@ export { GridBox } from "./grid-box/grid-box.js";
 export { DropWrap } from "@1771technologies/lytenyte-dragon";
 export { activateLicense } from "./license.js";
 export { measureText } from "@1771technologies/lytenyte-shared";
-export { makeClientDataSource, useClientRowDataSource, } from "./row-data-source-client/use-client-data-source";
-export { makeClientDataSourcePaginated, useClientRowDataSourcePaginated, } from "./row-data-source-client/use-client-data-source-paginated";
-export { makeClientTreeDataSource, useClientTreeDataSource, } from "./row-data-source-client/use-client-tree-data-source";
-export { makeServerDataSource, useServerDataSource, } from "./row-data-source-server/use-server-data-source";
+export { makeClientDataSource, useClientRowDataSource, } from "./row-data-source-client/use-client-data-source.js";
+export { makeClientDataSourcePaginated, useClientRowDataSourcePaginated, } from "./row-data-source-client/use-client-data-source-paginated.js";
+export { makeClientTreeDataSource, useClientTreeDataSource, } from "./row-data-source-client/use-client-tree-data-source.js";
+export { makeServerDataSource, useServerDataSource, } from "./row-data-source-server/use-server-data-source.js";

package/dist/listbox/item.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useListboxContext } from "./context";
+import { useListboxContext } from "./context.js";
 import { getTabbables } from "@1771technologies/lytenyte-dom-utils";
 export const Item = forwardRef(function Item(props, forwarded) {
     const ctx = useListboxContext();

package/dist/listbox/panel.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useEffect, useState } from "react";
-import { useListboxContext } from "./context";
+import { useListboxContext } from "./context.js";
 import { useCombinedRefs } from "@1771technologies/lytenyte-react-hooks";
 import { getTabbables } from "@1771technologies/lytenyte-dom-utils";
 export const Panel = forwardRef(function Panel(props, forwarded) {

package/dist/listbox/root.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { context } from "./context";
+import { context } from "./context.js";
 export function Root(props) {
     const value = useMemo(() => {
         return {

package/dist/root/dialog-driver.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 export function DialogDriver() {
     const grid = useGridRoot().grid;
     const openFrameState = grid.internal.dialogFrames.useValue();

package/dist/root/popover-driver.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 export function PopoverDriver() {
     const grid = useGridRoot().grid;
     const openFrameState = grid.internal.popoverFrames.useValue();

package/dist/root/root.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useMemo } from "react";
 import { useEvent, useMeasure } from "@1771technologies/lytenyte-react-hooks";
-import { RootProvider } from "../context";
-import { DialogDriver } from "./dialog-driver";
-import { PopoverDriver } from "./popover-driver";
-import { CellSelectionDriver } from "../cell-selection/cell-selection-driver";
-import { hasAValidLicense } from "../license";
+import { RootProvider } from "../context.js";
+import { DialogDriver } from "./dialog-driver.js";
+import { PopoverDriver } from "./popover-driver.js";
+import { CellSelectionDriver } from "../cell-selection/cell-selection-driver.js";
+import { hasAValidLicense } from "../license.js";
 export function Root({ grid, children, ...events }) {
     useEffect(() => {
         if (hasAValidLicense)

package/dist/row-data-source-client/pivots/create-agg-model.d.ts

@@ -1,6 +1,6 @@
-import { type Column, type ColumnPivotModel } from "../../+types";
+import { type Column, type ColumnPivotModel } from "../../+types.js";
 export declare function createAggModel<T>(model: ColumnPivotModel<T>, columns: Column<T>[], separator: string): {
     [k: string]: {
-        readonly fn: import("../../+types").AggModelFn<T>;
+        readonly fn: import("../../+types.js").AggModelFn<T>;
     };
 };

package/dist/row-data-source-client/pivots/create-agg-model.js

@@ -1,4 +1,4 @@
-import {} from "../../+types";
+import {} from "../../+types.js";
 export function createAggModel(model, columns, separator) {
     const aggFunToId = new Map(model.values.map((c) => [c.field, c.aggFn]));
     const aggModel = columns

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

@@ -333,6 +333,7 @@ export function makeClientDataSourcePaginated(p) {
                     continue;
                 }
                 d[source] = next;
+                cache.delete(source);
             }
         }
         data.set([...d]);
@@ -459,6 +460,7 @@ export function makeClientDataSourcePaginated(p) {
                 data.set(d);
                 const grid = grid$();
                 grid?.state.rowDataStore.rowClearCache();
+                cache.clear();
             },
             rowData: (section) => {
                 const d = [];

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

@@ -428,6 +428,7 @@ export function makeClientDataSource(p) {
                     continue;
                 }
                 d[source] = next;
+                cache.delete(source);
             }
         }
         data.set([...d]);
@@ -534,6 +535,7 @@ export function makeClientDataSource(p) {
                 data.set(d);
                 const grid = peek(grid$);
                 grid?.state.rowDataStore.rowClearCache();
+                cache.clear();
             },
             rowData: (section) => {
                 const d = [];

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

@@ -277,6 +277,7 @@ export function makeClientTreeDataSource(p) {
                     continue;
                 }
                 d[source] = next;
+                cache.delete(source);
             }
         }
         data.set([...d]);
@@ -383,6 +384,7 @@ export function makeClientTreeDataSource(p) {
                 data.set(d);
                 const grid = peek(grid$);
                 grid?.state.rowDataStore.rowClearCache();
+                cache.clear();
             },
             rowExpand: (expansions) => {
                 const grid = peek(grid$);

package/dist/rows/row/context.d.ts

@@ -1,6 +1,14 @@
+import type { CellRendererFn, ColumnBase, RowNode } from "../../+types";
 export interface RowMetaData {
     readonly selected: boolean;
     readonly indeterminate: boolean;
+    readonly colBounds: [number, number];
+    readonly row: RowNode<any> | null;
+    readonly xPositions: Uint32Array;
+    readonly yPositions: Uint32Array;
+    readonly base: ColumnBase<any>;
+    readonly renderers: Record<string, CellRendererFn<any>>;
+    readonly rtl: boolean;
 }
 export declare const RowContext: import("react").Context<RowMetaData>;
 export declare const useRowMeta: () => RowMetaData;

package/dist/rows/row/context.js

@@ -1,3 +1,13 @@
 import { createContext, useContext } from "react";
-export const RowContext = createContext({ selected: false, indeterminate: false });
+export const RowContext = createContext({
+    selected: false,
+    indeterminate: false,
+    colBounds: [0, 0],
+    row: null,
+    xPositions: new Uint32Array(),
+    yPositions: new Uint32Array(),
+    base: null,
+    renderers: null,
+    rtl: false,
+});
 export const useRowMeta = () => useContext(RowContext);

package/dist/rows/row/row.d.ts

@@ -1,4 +1,4 @@
-import type { RowNormalRowLayout } from "../../+types";
+import type { RowNormalRowLayout } from "../../+types.js";
 import { type DropWrapProps } from "@1771technologies/lytenyte-shared";
 export interface RowProps extends Omit<DropWrapProps, "accepted"> {
     readonly row: RowNormalRowLayout<any>;

package/dist/rows/row/row.js

@@ -1,18 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, memo } from "react";
-import { useGridRoot } from "../../context";
-import { RowDetailRow } from "../row-detail-row";
+import { useGridRoot } from "../../context.js";
+import { RowDetailRow } from "../row-detail-row.js";
 import { RowReact } from "@1771technologies/lytenyte-shared";
-import { useRowContextValue } from "./use-row-context-value";
-import { RowContext } from "./context";
+import { useRowContextValue } from "./use-row-context-value.js";
+import { RowContext } from "./context.js";
 import { equal } from "@1771technologies/lytenyte-js-utils";
-import { CellSpacerNoPin } from "../../cells/cell-spacer";
+import { CellSpacerNoPin } from "../../cells/cell-spacer.js";
 const empty = [];
 const RowImpl = forwardRef(function Rows({ row, ...props }, forwarded) {
     const ctx = useGridRoot().grid;
-    const rowMeta = useRowContextValue(ctx, row.row);
+    const yPos = ctx.state.yPositions.useValue();
+    const rowMeta = useRowContextValue(ctx, row.row, yPos);
+    const hasSpans = ctx.internal.hasSpans.useValue();
     const accepted = props.accepted ?? empty;
-    return (_jsx(RowContext.Provider, { value: rowMeta, children: _jsxs(RowReact, { ...props, ref: forwarded, accepted: accepted, gridId: ctx.state.gridId.useValue(), rowIndex: row.rowIndex, rowFirstPinBottom: row.rowFirstPinBottom, rowLastPinTop: row.rowLastPinTop, rowIsFocusRow: row.rowIsFocusRow ?? false, yPositions: ctx.state.yPositions.useValue(), "data-ln-row-selected": rowMeta.selected, children: [_jsx(CellSpacerNoPin, {}), props.children, _jsx(RowDetailRow, { layout: row })] }) }));
+    return (_jsx(RowContext.Provider, { value: rowMeta, children: _jsxs(RowReact, { ...props, ref: forwarded, accepted: accepted, gridId: ctx.state.gridId.useValue(), rowIndex: row.rowIndex, rowFirstPinBottom: row.rowFirstPinBottom, rowLastPinTop: row.rowLastPinTop, rowIsFocusRow: row.rowIsFocusRow ?? false, rowPin: row.rowPin, topOffset: ctx.view.useValue().rows.rowTopTotalHeight, yPositions: yPos, hasSpans: hasSpans, "data-ln-row-selected": rowMeta.selected, children: [_jsx(CellSpacerNoPin, { xPositions: rowMeta.xPositions }), props.children, _jsx(RowDetailRow, { layout: row })] }) }));
 });
 export const Row = memo(RowImpl, (prev, next) => {
     const { row: rowP, ...propsP } = prev;

package/dist/rows/row/use-row-context-value.d.ts

@@ -1,6 +1,6 @@
-import type { Grid, GridAtomReadonlyUnwatchable, RowNode } from "../../+types";
-import type { InternalAtoms } from "../../state/+types";
-import type { RowMetaData } from "./context";
+import type { Grid, GridAtomReadonlyUnwatchable, RowNode } from "../../+types.js";
+import type { InternalAtoms } from "../../state/+types.js";
+import type { RowMetaData } from "./context.js";
 export declare function useRowContextValue(grid: Grid<any> & {
     internal: InternalAtoms;
-}, row: GridAtomReadonlyUnwatchable<RowNode<any> | null>): RowMetaData;
+}, row: GridAtomReadonlyUnwatchable<RowNode<any> | null>, yPositions: Uint32Array): RowMetaData;

package/dist/rows/row/use-row-context-value.js

@@ -1,8 +1,13 @@
 import { useEffect, useMemo, useState } from "react";
-export function useRowContextValue(grid, row) {
+export function useRowContextValue(grid, row, yPositions) {
     const r = row.useValue();
+    const xPositions = grid.state.xPositions.useValue();
     const [indeterminate, setIndeterminate] = useState(false);
     const [selected, setSelected] = useState(false);
+    const colBounds = grid.internal.colBounds.useValue();
+    const rtl = grid.state.rtl.useValue();
+    const base = grid.state.columnBase.useValue();
+    const renderers = grid.state.cellRenderers.useValue();
     useEffect(() => {
         function handleSelection() {
             if (!r)
@@ -23,7 +28,17 @@ export function useRowContextValue(grid, row) {
         return grid.state.rowSelectedIds.watch(() => handleSelection());
     }, [grid.state.rowDataSource, grid.state.rowSelectedIds, r]);
     const value = useMemo(() => {
-        return { selected, indeterminate };
-    }, [indeterminate, selected]);
+        return {
+            selected,
+            indeterminate,
+            colBounds,
+            row: r,
+            xPositions,
+            yPositions,
+            rtl,
+            base,
+            renderers,
+        };
+    }, [base, colBounds, indeterminate, r, renderers, rtl, selected, xPositions, yPositions]);
     return value;
 }

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getNearestRow, getRowIndexFromEl, SCROLL_WIDTH_VARIABLE_USE, sizeFromCoord, } from "@1771technologies/lytenyte-shared";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { useEffect, useState } from "react";
 import { getTabbables, isHTMLElement } from "@1771technologies/lytenyte-dom-utils";
 export function RowDetailRow({ layout, }) {

package/dist/rows/row-full-width.js

@@ -1,17 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { fastDeepMemo } from "@1771technologies/lytenyte-react-hooks";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { RowFullWidthReact } from "@1771technologies/lytenyte-shared";
-import { RowDetailRow } from "./row-detail-row";
-import { useRowContextValue } from "./row/use-row-context-value";
+import { RowDetailRow } from "./row-detail-row.js";
+import { useRowContextValue } from "./row/use-row-context-value.js";
 const empty = [];
 const RowFullWidthImpl = forwardRef(function RowFullWidth({ row: layout, space, children, ...props }, forwarded) {
     const grid = useGridRoot().grid;
     const Renderer = grid.state.rowFullWidthRenderer.useValue().fn;
     const row = layout.row.useValue();
-    const meta = useRowContextValue(grid, layout.row);
-    return (_jsx(RowFullWidthReact, { ...props, ref: forwarded, accepted: props.accepted ?? empty, detail: _jsx(RowDetailRow, { layout: layout }), detailHeight: grid.api.rowDetailRenderedHeight(row ?? ""), gridId: grid.state.gridId.useValue(), rtl: grid.state.rtl.useValue(), rowFirstPinBottom: layout.rowFirstPinBottom, rowLastPinTop: layout.rowLastPinTop, rowIndex: layout.rowIndex, rowIsFocusRow: layout.rowIsFocusRow ?? false, yPositions: grid.state.yPositions.useValue(), space: space, "data-ln-row-selected": meta.selected, children: children ??
+    const yPositions = grid.state.yPositions.useValue();
+    const hasSpans = grid.internal.hasSpans.useValue();
+    const meta = useRowContextValue(grid, layout.row, yPositions);
+    return (_jsx(RowFullWidthReact, { ...props, ref: forwarded, accepted: props.accepted ?? empty, detail: _jsx(RowDetailRow, { layout: layout }), detailHeight: grid.api.rowDetailRenderedHeight(row ?? ""), gridId: grid.state.gridId.useValue(), rtl: meta.rtl, hasSpans: hasSpans, rowFirstPinBottom: layout.rowFirstPinBottom, rowLastPinTop: layout.rowLastPinTop, rowIndex: layout.rowIndex, rowIsFocusRow: layout.rowIsFocusRow ?? false, rowPin: layout.rowPin, topOffset: grid.view.useValue().rows.rowTopTotalHeight, yPositions: yPositions, space: space, "data-ln-row-selected": meta.selected, children: children ??
             (row ? (_jsx(Renderer, { grid: grid, row: row, rowIndex: layout.rowIndex, rowSelected: meta.selected, rowIndeterminate: meta.indeterminate })) : null) }));
 });
 export const RowFullWidth = fastDeepMemo(RowFullWidthImpl);

package/dist/rows/rows-container.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { useGridRoot } from "../context";
+import { useGridRoot } from "../context.js";
 import { fastDeepMemo } from "@1771technologies/lytenyte-react-hooks";
 import { RowsContainerReact } from "@1771technologies/lytenyte-shared";
 export const RowsContainer = fastDeepMemo(forwardRef(function Rows(props, forwarded) {

package/dist/rows/rows-sections.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { fastDeepMemo } from "@1771technologies/lytenyte-react-hooks";
-import { useGridRoot } from "../context";
-import { NativeScroller } from "./scrollers/native-scroller";
+import { useGridRoot } from "../context.js";
+import { NativeScroller } from "./scrollers/native-scroller.js";
 import { RowsBottomReact, RowsCenterReact, RowsTopReact } from "@1771technologies/lytenyte-shared";
-import { CellSelectionBottom, CellSelectionCenter, CellSelectionTop, } from "../cell-selection/cell-selection-containers";
+import { CellSelectionBottom, CellSelectionCenter, CellSelectionTop, } from "../cell-selection/cell-selection-containers.js";
 export const RowsTop = fastDeepMemo(forwardRef(function RowsTop(props, forwarded) {
     const cx = useGridRoot().grid;
     const view = cx.view.useValue().rows;

package/dist/rows/scrollers/native-scroller.js

@@ -1,18 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useGridRoot } from "../../context";
-import { sizeFromCoord } from "@1771technologies/lytenyte-shared";
 export function NativeScroller(props) {
-    const cx = useGridRoot().grid;
-    const view = cx.view.useValue().rows;
-    const yPos = cx.state.yPositions.useValue();
-    let offset = yPos[view.rowFirstCenter] - view.rowTopTotalHeight;
-    if (view.rowFocusedIndex != null && view.rowFocusedIndex < view.rowFirstCenter) {
-        const size = sizeFromCoord(view.rowFocusedIndex, yPos);
-        offset -= size;
-    }
-    const offsetPx = `${offset}px`;
-    return (_jsx("div", { role: "presentation", style: {
-            transform: `translate3d(0px, ${offset}px, 0px)`,
-            "--ln-y-offset": offsetPx,
-        }, children: props.children }));
+    return _jsx("div", { role: "presentation", children: props.children });
 }

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

@@ -1,3 +1,3 @@
 import { type PropsWithChildren } from "react";
-import { type SortManagerContext } from "./context";
+import { type SortManagerContext } from "./context.js";
 export declare function Root({ sortItems, setSortItems, grid, mode, children, }: PropsWithChildren<SortManagerContext>): import("react/jsx-runtime").JSX.Element;

package/dist/sort-manager/root.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { context } from "./context";
+import { context } from "./context.js";
 export function Root({ sortItems, setSortItems, grid, mode, children, }) {
     const value = useMemo(() => {
         return {

package/dist/sort-manager/sort-add.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
-import { useSortRowCtx } from "./context";
+import { useSortRowCtx } from "./context.js";
 export const SortAdd = forwardRef(function SortAdd({ as: as, ...props }, forwarded) {
     const row = useSortRowCtx();
     const renderer = useSlot({

package/dist/sort-manager/sort-apply.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEvent, useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
-import { useSortManagerCtx } from "./context";
+import { useSortManagerCtx } from "./context.js";
 import { itemsWithIdToMap } from "@1771technologies/lytenyte-js-utils";
-import { sortItemsToSortModel } from "./utils/sort-item-to-sort-model";
+import { sortItemsToSortModel } from "./utils/sort-item-to-sort-model.js";
 export const SortApply = forwardRef(function SortApply({ as, ...props }, forwarded) {
     const ctx = useSortManagerCtx();
     const onApply = useEvent(() => {

package/dist/sort-manager/sort-cancel.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEvent, useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
-import { useSortManagerCtx } from "./context";
-import { sortModelToSortItems } from "./utils/sort-model-to-sort-items";
+import { useSortManagerCtx } from "./context.js";
+import { sortModelToSortItems } from "./utils/sort-model-to-sort-items.js";
 import { itemsWithIdToMap } from "@1771technologies/lytenyte-js-utils";
 export const SortCancel = forwardRef(function SortCancel({ as, ...props }, forwarded) {
     const ctx = useSortManagerCtx();

package/dist/sort-manager/sort-clear.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEvent, useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
-import { useSortManagerCtx } from "./context";
+import { useSortManagerCtx } from "./context.js";
 export const SortClear = forwardRef(function SortClear({ as, ...props }, forwarded) {
     const ctx = useSortManagerCtx();
     const onClear = useEvent(() => {

package/dist/sort-manager/sort-column-select.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
-import { useSortRowCtx } from "./context";
+import { useSortRowCtx } from "./context.js";
 export const SortColumnSelect = forwardRef(function SortColumnSelect({ as, ...props }, forwarded) {
     const row = useSortRowCtx();
     const el = (_jsxs("select", { "aria-label": "Select column to sort", value: row.columnItem?.value ?? "", onChange: (e) => {

package/dist/sort-manager/sort-direction-select.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
-import { useSortRowCtx } from "./context";
+import { useSortRowCtx } from "./context.js";
 export const SortDirectionSelect = forwardRef(function SortDirectionSelect({ as, ...props }, forwarded) {
     const row = useSortRowCtx();
     const el = (_jsx("select", { "aria-label": "Select sort direction", value: row.sortDirectionSelected?.value ?? "", onChange: (e) => {

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

@@ -1,16 +1,16 @@
-import { Root } from "./root";
-import { useSortManager } from "./hooks/use-sort-manager";
+import { Root } from "./root.js";
+import { useSortManager } from "./hooks/use-sort-manager.js";
 export declare const SortManager: {
     Root: typeof Root;
-    Row: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./sort-row").SortRowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Row: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./sort-row.js").SortRowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     Rows: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    ColumnSelect: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./sort-column-select").SortColumnSelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
-    ValueSelect: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./sort-value-select").SortValueSelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
-    DirectionSelect: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./sort-direction-select").SortDirectionSelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
-    Add: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-add").SortAddProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Remove: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-remove").SortRemoveProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Cancel: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-cancel").SortCancelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Clear: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-clear").SortClearProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Apply: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-apply").SortApplyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ColumnSelect: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./sort-column-select.js").SortColumnSelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+    ValueSelect: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./sort-value-select.js").SortValueSelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+    DirectionSelect: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./sort-direction-select.js").SortDirectionSelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+    Add: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-add.js").SortAddProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Remove: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-remove.js").SortRemoveProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Cancel: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-cancel.js").SortCancelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Clear: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-clear.js").SortClearProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Apply: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("./sort-apply.js").SortApplyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
     useSortManager: typeof useSortManager;
 };