@1771technologies/lytenyte-pro 1.0.0-beta.22 → 1.0.0-beta.24

package/dist/+types.d.ts

@@ -2874,7 +2874,7 @@ export interface GridApi<T> {
      * Returns the raw cell data within a rectangular selection of the grid.
      *   This can be useful for custom data processing or exporting workflows.
      */
-    readonly exportDataRect: (params?: ExportDataRectParams) => ExportDataRectResult<T>;
+    readonly exportDataRect: (params?: ExportDataRectParams) => Promise<ExportDataRectResult<T>>;
     /**
      * Exports the cell data for a given rectangle of the grid as a CSV-formatted string.
      *   The rectangle can be customized through parameters such as selected rows, columns, or cell ranges.
@@ -4844,7 +4844,7 @@ export type ExportDataRectFn<T> = (
 /**
  * Optional parameters for exporting a DataRect.
  */
-params: ExportDataRectParams) => ExportDataRectResult<T>;
+params: ExportDataRectParams) => Promise<ExportDataRectResult<T>>;
 /**
  * Parameters for exporting a specific rectangular region of the grid using a DataRect.
  */

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { SortManager } from "./sort-manager/sort-manager.js";
 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 { 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";

package/dist/index.js

@@ -3,6 +3,7 @@ export { SortManager } from "./sort-manager/sort-manager.js";
 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 { 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";

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

@@ -210,14 +210,27 @@ export function makeClientDataSourcePaginated(p) {
         const currentPage = rdsStore.get(pageInternal);
         const center = clamp(0, rowCount - currentPage * perPage, perPage);
         store.rowCenterCount.set(center);
-        cleanup.push(rdsStore.sub(flatLength, () => {
-            grid.state.rowDataStore.rowClearCache();
+        const updateCounts = () => {
             const rowCount = rdsStore.get(flatLength);
             const perPage = rdsStore.get(rowsPerPage);
             const currentPage = rdsStore.get(pageInternal);
             const center = clamp(0, rowCount - currentPage * perPage, perPage);
+            // Move to the last page if we are past the boundary
+            if (center === 0 && currentPage !== 0) {
+                const currentPage = rdsStore.get(pageCount) - 1;
+                rdsStore.set(page, currentPage);
+                rdsStore.set(snapshot, (prev) => prev + 1);
+                const center = clamp(0, rowCount - currentPage * perPage, perPage);
+                store.rowCenterCount.set(center);
+                grid.state.rowDataStore.rowClearCache();
+                return;
+            }
             store.rowCenterCount.set(center);
-        }));
+            grid.state.rowDataStore.rowClearCache();
+        };
+        cleanup.push(rdsStore.sub(flatLength, updateCounts));
+        cleanup.push(rdsStore.sub(page, updateCounts));
+        cleanup.push(rdsStore.sub(rowsPerPage, updateCounts));
         cleanup.push(rdsStore.sub(pageInternal, () => {
             grid.state.rowDataStore.rowClearCache();
         }));

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

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

package/dist/state/use-lytenyte.js

@@ -323,12 +323,13 @@ export function makeLyteNyte(p) {
             .map((x) => rds.rowToIndex(x))
             .filter((x) => x != null)
             .map((x) => [x, api.rowByIndex(x)]));
+        const headerHeight = g(headerHeightTotal);
         return computeRowPositions(rowCount, g(rowHeight), g(rowAutoHeightGuess), g(internal_rowAutoHeightCache), (i) => {
             const row = rows[i];
             if (!row || !api.rowDetailIsExpanded(row))
                 return 0;
             return api.rowDetailRenderedHeight(row);
-        }, innerHeight);
+        }, innerHeight - headerHeight);
     });
     const heightTotal = atom((g) => g(yPositions).at(-1));
     let prevLayout = DEFAULT_PREVIOUS_LAYOUT;

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