@1771technologies/lytenyte-pro 1.0.0-beta.20 → 1.0.0-beta.21

package/dist/+types.d.ts

@@ -1676,6 +1676,46 @@ export interface ColumnGroupMeta {
  * Used to build dynamic, collapsible column group layouts in LyteNyte Grid.
  */
 export type ColumnGroupVisibility = "always" | "close" | "open";
+/**
+ * Parameters required to initialize a client-side row data source.
+ */
+export interface ClientRowDataSourcePaginatedParams<T> {
+    /**
+     * The primary dataset passed to LyteNyte Grid for display.
+     */
+    readonly data: T[];
+    /**
+     * Rows to pin to the top of the grid, rendered above all scrollable rows.
+     */
+    readonly topData?: T[];
+    /**
+     * Rows to pin to the bottom of the grid, rendered below all scrollable rows.
+     */
+    readonly bottomData?: T[];
+    /**
+     * If true, the data source will reflect external mutations to the original data array.
+     */
+    readonly reflectData?: boolean;
+    /**
+     * Callback to derive a unique id for grouped (branch) rows based on group value path.
+     */
+    readonly rowIdBranch?: (path: string[]) => string;
+    /**
+     * Callback to derive a unique id for each leaf row. Receives the row data and index.
+     */
+    readonly rowIdLeaf?: (d: RowLeaf<T>, i: number) => string;
+    /**
+     * Callback that transforms a set of values for a given column into the in filter items LyteNyte Grid should use.
+     */
+    readonly transformInFilterItem?: (params: {
+        column: Column<T>;
+        values: unknown[];
+    }) => FilterInFilterItem[];
+    /**
+     * The number of rows to have per page. This will impact the total page count.
+     */
+    readonly rowsPerPage?: number;
+}
 /**
  * Enhanced parameters for a client-side row data source with additional filtering support.
  */

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

@@ -9,6 +9,8 @@ const HeaderGroupCellImpl = forwardRef(function HeaderCell({ cell, children, ...
     const ctx = grid.state;
     const { ref, ...dragProps } = useDragMove(grid, cell, props.onDragStart);
     const combined = useCombinedRefs(ref, forwarded);
-    return (_jsx(HeaderGroupCellReact, { ...props, ...dragProps, ref: combined, cell: cell, cellId: cell.id, height: ctx.headerGroupHeight.useValue(), rtl: ctx.rtl.useValue(), viewportWidth: ctx.viewportWidthInner.useValue(), xPositions: ctx.xPositions.useValue(), isHiddenMove: cell.isHiddenMove ?? false, children: children == undefined ? cell.id : children }));
+    const isExpanded = grid.state.columnGroupExpansions.useValue()[cell.id] ??
+        grid.state.columnGroupDefaultExpansion.get();
+    return (_jsx(HeaderGroupCellReact, { ...props, ...dragProps, ref: combined, cell: cell, cellId: cell.id, height: ctx.headerGroupHeight.useValue(), rtl: ctx.rtl.useValue(), viewportWidth: ctx.viewportWidthInner.useValue(), xPositions: ctx.xPositions.useValue(), isHiddenMove: cell.isHiddenMove ?? false, "data-ln-collapsible": cell.isCollapsible, "data-ln-collapsed": !isExpanded, children: children == undefined ? cell.id : children }));
 });
 export const HeaderGroupCell = fastDeepMemo(HeaderGroupCellImpl);

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

@@ -2,7 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useGridRoot } from "../context";
 function DefaultRenderer(p) {
-    return _jsx(_Fragment, { children: p.column.id });
+    return _jsx(_Fragment, { children: p.column.name ?? p.column.id });
 }
 export function useHeaderCellRenderer(cell) {
     const ctx = useGridRoot().grid;

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

@@ -1,10 +1,10 @@
 import type { GridAtom, RowDataSourceClientPaginated } from "../+types.js";
-import { type ClientRowDataSourceParams } from "../+types.js";
+import { type ClientRowDataSourcePaginatedParams } from "../+types.js";
 interface DataAtoms<T> {
     readonly top: GridAtom<T[]>;
     readonly center: GridAtom<T[]>;
     readonly bottom: GridAtom<T[]>;
 }
-export declare function makeClientDataSourcePaginated<T>(p: ClientRowDataSourceParams<T>): [RowDataSourceClientPaginated<T>, DataAtoms<T>];
-export declare function useClientRowDataSourcePaginated<T>(p: ClientRowDataSourceParams<T>): RowDataSourceClientPaginated<T>;
+export declare function makeClientDataSourcePaginated<T>(p: ClientRowDataSourcePaginatedParams<T>): [RowDataSourceClientPaginated<T>, DataAtoms<T>];
+export declare function useClientRowDataSourcePaginated<T>(p: ClientRowDataSourcePaginatedParams<T>): RowDataSourceClientPaginated<T>;
 export {};

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

@@ -10,7 +10,7 @@ import { builtIns } from "./built-ins/built-ins.js";
 export function makeClientDataSourcePaginated(p) {
     const rdsStore = createStore();
     const pageInternal = atom(0);
-    const rowsPerPage = atom(50);
+    const rowsPerPage = atom(p.rowsPerPage ?? 50);
     const pageCount = atom((g) => Math.max(Math.ceil(g(flatLength) / g(rowsPerPage)), 1));
     const page = atom((g) => clamp(0, g(pageInternal), g(pageCount) - 1), (g, s, n) => {
         const res = typeof n === "function" ? n(g(pageInternal)) : n;

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