@versini/ui-datagrid 1.2.0 → 1.3.1

package/README.md

@@ -355,7 +355,15 @@ function MySortableTable({ data }) {
 | `captionClassName` | `string`    | -       | CSS class for the caption element        |
 | `className`        | `string`    | -       | CSS class for the header                 |
 
-### DataGridBody / DataGridFooter
+### DataGridBody
+
+| Prop         | Type      | Default | Description                                        |
+| ------------ | --------- | ------- | -------------------------------------------------- |
+| `noData`     | `boolean` | `false` | Display empty state instead of children             |
+| `noDataText` | `string`  | `'No Data'` | Custom text for the empty state                |
+| `className`  | `string`  | -       | CSS class for the element                          |
+
+### DataGridFooter
 
 | Prop        | Type     | Default | Description               |
 | ----------- | -------- | ------- | ------------------------- |
@@ -405,6 +413,8 @@ function MySortableTable({ data }) {
 | `threshold`            | `number`                                    | `5`     | Items before marker to allow seamless scrolling   |
 | `rootMargin`           | `string`                                    | `'20px'`| IntersectionObserver margin                       |
 | `onVisibleCountChange` | `(visibleCount: number, total: number) => void` | -   | Callback when visible count changes               |
+| `noData`               | `boolean`                                   | `false` | Display empty state instead of infinite scroll    |
+| `noDataText`           | `string`                                    | `'No Data'` | Custom text for the empty state               |
 | `className`            | `string`                                    | -       | CSS class for the body element                    |
 | `ref`                  | `React.Ref<DataGridInfiniteBodyRef>`        | -       | Ref to access imperative methods                  |
 

package/dist/{926.js → 415.js}

@@ -1,9 +1,9 @@
 /*!
-  @versini/ui-datagrid v1.2.0
+  @versini/ui-datagrid v1.3.1
   © 2026 gizmette.com
 */
 
-import { createContext } from "./511.js";
+import { createContext } from "react";
 
 
 
@@ -12,4 +12,3 @@ const DataGridContext = createContext({
 });
 
 export { DataGridContext };
-export { default as clsx } from "clsx";

package/dist/{298.js → 76.js}

@@ -1,10 +1,11 @@
 /*!
-  @versini/ui-datagrid v1.2.0
+  @versini/ui-datagrid v1.3.1
   © 2026 gizmette.com
 */
 
-import { clsx } from "./926.js";
-import { BlurEffects, CellWrapper } from "./46.js";
+import clsx from "clsx";
+import { BlurEffects, CellWrapper } from "./772.js";
+
 
 
 

package/dist/{131.js → 763.js}

@@ -1,10 +1,12 @@
 /*!
-  @versini/ui-datagrid v1.2.0
+  @versini/ui-datagrid v1.3.1
   © 2026 gizmette.com
 */
 
-import { DataGridContext, clsx } from "./926.js";
-import { useRef, useContext, useLayoutEffect } from "./511.js";
+import clsx from "clsx";
+import { useContext, useLayoutEffect, useRef } from "react";
+import { DataGridContext } from "./415.js";
+
 
 
 /**
@@ -19,6 +21,7 @@ import { useRef, useContext, useLayoutEffect } from "./511.js";
 
 
 
+
 /**
  * Snap a CSS pixel value to the nearest device pixel.
  *

package/dist/{46.js → 772.js}

@@ -1,5 +1,5 @@
 /*!
-  @versini/ui-datagrid v1.2.0
+  @versini/ui-datagrid v1.3.1
   © 2026 gizmette.com
 */
 

package/dist/DataGrid/DataGridTypes.d.ts

@@ -109,6 +109,10 @@ export type DataGridBodyProps = ({
      * The content of the body (DataGridRow elements).
      */
     children?: React.ReactNode;
+    /**
+     * Custom text to display in the empty state. Defaults to "No Data".
+     */
+    noDataText?: string;
 } | {
     /**
      * If true, applies styles for an empty state (e.g. removing extra row borders).
@@ -120,6 +124,7 @@ export type DataGridBodyProps = ({
      * The content of the body (DataGridRow elements).
      */
     children: React.ReactNode;
+    noDataText?: never;
 }) & {
     /**
      * CSS class to apply to the body.

package/dist/DataGrid/index.js

@@ -1,12 +1,15 @@
 /*!
-  @versini/ui-datagrid v1.2.0
+  @versini/ui-datagrid v1.3.1
   © 2026 gizmette.com
 */
 
-import { jsxs, Fragment, useState, useCallback, useMemo, jsx } from "../511.js";
-import { BlurEffects } from "../46.js";
-import { getDataGridClasses } from "../298.js";
-import { DataGridContext } from "../926.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from "react";
+import { BlurEffects } from "../772.js";
+import { getDataGridClasses } from "../76.js";
+import { DataGridContext } from "../415.js";
+
+
 
 
 
@@ -172,4 +175,4 @@ import { DataGridContext } from "../926.js";
 
 
 export { DataGrid };
-export { DataGridContext } from "../926.js";
+export { DataGridContext } from "../415.js";

package/dist/DataGridAnimated/index.js

@@ -1,9 +1,12 @@
 /*!
-  @versini/ui-datagrid v1.2.0
+  @versini/ui-datagrid v1.3.1
   © 2026 gizmette.com
 */
 
-import { useState, useLayoutEffect, useRef, jsx } from "../511.js";
+import { jsx } from "react/jsx-runtime";
+import { useLayoutEffect, useRef, useState } from "react";
+
+
 
 
 const DEFAULT_ANIMATION_DURATION = 300;

package/dist/DataGridBody/DataGridBody.d.ts

@@ -1,2 +1,2 @@
 import type { DataGridBodyProps } from "../DataGrid/DataGridTypes";
-export declare const DataGridBody: ({ className, children, noData, ...rest }: DataGridBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DataGridBody: ({ className, children, noData, noDataText, ...rest }: DataGridBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/DataGridBody/index.js

@@ -1,12 +1,15 @@
 /*!
-  @versini/ui-datagrid v1.2.0
+  @versini/ui-datagrid v1.3.1
   © 2026 gizmette.com
 */
 
-import { useRef, useContext, jsx } from "../511.js";
-import { DataGridContext } from "../926.js";
-import { getBodyClass, useColumnMeasurement } from "../131.js";
-import { CellWrapper } from "../46.js";
+import { jsx } from "react/jsx-runtime";
+import { useContext, useRef } from "react";
+import { DataGridContext } from "../415.js";
+import { getBodyClass, useColumnMeasurement } from "../763.js";
+import { CellWrapper } from "../772.js";
+
+
 
 
 
@@ -16,7 +19,7 @@ import { CellWrapper } from "../46.js";
 
 /* =============================================================================
  * DataGridBody
- * ========================================================================== */ const DataGridBody = ({ className, children, noData = false, ...rest })=>{
+ * ========================================================================== */ const DataGridBody = ({ className, children, noData = false, noDataText, ...rest })=>{
     const ctx = useContext(DataGridContext);
     const bodyRef = useRef(null);
     // Measure column widths for sticky header/footer sync.
@@ -43,7 +46,7 @@ import { CellWrapper } from "../46.js";
                         textAlign: "center",
                         width: "100%"
                     },
-                    children: children ?? "No Data"
+                    children: noDataText ?? "No Data"
                 })
             }) : children
         })

package/dist/DataGridCell/index.js

@@ -1,11 +1,12 @@
 /*!
-  @versini/ui-datagrid v1.2.0
+  @versini/ui-datagrid v1.3.1
   © 2026 gizmette.com
 */
 
-import { jsx } from "../511.js";
-import { DataGridContext } from "../926.js";
-import { getCellRole, getCellClasses } from "../298.js";
+import { jsx } from "react/jsx-runtime";
+import { DataGridContext } from "../415.js";
+import { getCellRole, getCellClasses } from "../76.js";
+
 
 
 

package/dist/DataGridCellSort/index.js

@@ -1,13 +1,18 @@
 /*!
-  @versini/ui-datagrid v1.2.0
+  @versini/ui-datagrid v1.3.1
   © 2026 gizmette.com
 */
 
+import { jsx, jsxs } from "react/jsx-runtime";
 import { IconSort, IconSortDown, IconSortUp } from "@versini/ui-icons";
-import { jsxs, jsx } from "../511.js";
-import { DataGridContext, clsx } from "../926.js";
-import { BlurEffects } from "../46.js";
-import { getCellClasses, getTextColorClassesForHeaderFooter } from "../298.js";
+import clsx from "clsx";
+import { BlurEffects } from "../772.js";
+import { getCellClasses, getTextColorClassesForHeaderFooter } from "../76.js";
+import { DataGridContext } from "../415.js";
+
+
+
+
 
 
 

package/dist/DataGridConstants/index.js

@@ -1,9 +1,9 @@
 /*!
-  @versini/ui-datagrid v1.2.0
+  @versini/ui-datagrid v1.3.1
   © 2026 gizmette.com
 */
 
 
 
 
-export { BlurEffects, CellWrapper, SortDirections, ThemeModes } from "../46.js";
+export { BlurEffects, CellWrapper, SortDirections, ThemeModes } from "../772.js";

package/dist/DataGridFooter/index.js

@@ -1,12 +1,15 @@
 /*!
-  @versini/ui-datagrid v1.2.0
+  @versini/ui-datagrid v1.3.1
   © 2026 gizmette.com
 */
 
-import { useLayoutEffect, useRef, useEffect, jsx } from "../511.js";
-import { DataGridContext } from "../926.js";
-import { CellWrapper } from "../46.js";
-import { getFooterClasses } from "../298.js";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useRef } from "react";
+import { DataGridContext } from "../415.js";
+import { CellWrapper } from "../772.js";
+import { getFooterClasses } from "../76.js";
+
+
 
 
 

package/dist/DataGridHeader/index.js

@@ -1,12 +1,15 @@
 /*!
-  @versini/ui-datagrid v1.2.0
+  @versini/ui-datagrid v1.3.1
   © 2026 gizmette.com
 */
 
-import { jsxs, useLayoutEffect, useId, useRef, useEffect, jsx } from "../511.js";
-import { DataGridContext } from "../926.js";
-import { CellWrapper } from "../46.js";
-import { getCaptionClasses, getHeaderClasses } from "../298.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useLayoutEffect, useRef } from "react";
+import { DataGridContext } from "../415.js";
+import { CellWrapper } from "../772.js";
+import { getCaptionClasses, getHeaderClasses } from "../76.js";
+
+
 
 
 

package/dist/DataGridInfinite/DataGridInfiniteBody.d.ts

@@ -14,9 +14,9 @@ export type DataGridInfiniteBodyProps<T> = ({
      */
     children?: (item: T, index: number) => React.ReactNode;
     /**
-     * Custom content to display in the empty state. Defaults to "No Data".
+     * Custom text to display in the empty state. Defaults to "No Data".
      */
-    noDataContent?: React.ReactNode;
+    noDataText?: string;
 } | {
     /**
      * If true, displays an empty state instead of infinite scroll content.
@@ -32,7 +32,7 @@ export type DataGridInfiniteBodyProps<T> = ({
      * consumer is responsible for providing the key prop on the returned element.
      */
     children: (item: T, index: number) => React.ReactNode;
-    noDataContent?: never;
+    noDataText?: never;
 }) & {
     /**
      * Number of items to show initially and to add on each scroll.
@@ -113,6 +113,6 @@ export type DataGridInfiniteBodyRef = {
  * ```
  *
  */
-export declare function DataGridInfiniteBody<T>({ data, children: renderRow, batchSize, threshold, rootMargin, onVisibleCountChange, className, noData, noDataContent, ref, }: DataGridInfiniteBodyProps<T> & {
+export declare function DataGridInfiniteBody<T>({ data, children: renderRow, batchSize, threshold, rootMargin, onVisibleCountChange, className, noData, noDataText, ref, }: DataGridInfiniteBodyProps<T> & {
     ref?: React.Ref<DataGridInfiniteBodyRef>;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/DataGridInfinite/index.js

@@ -1,12 +1,15 @@
 /*!
-  @versini/ui-datagrid v1.2.0
+  @versini/ui-datagrid v1.3.1
   © 2026 gizmette.com
 */
 
-import { useMemo, useContext, useImperativeHandle, useState, useCallback, useRef, useEffect, jsx } from "../511.js";
-import { DataGridContext } from "../926.js";
-import { CellWrapper } from "../46.js";
-import { getBodyClass, useColumnMeasurement } from "../131.js";
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { DataGridContext } from "../415.js";
+import { CellWrapper } from "../772.js";
+import { getBodyClass, useColumnMeasurement } from "../763.js";
+
+
 
 
 
@@ -75,7 +78,7 @@ const ROW_INDEX_DATA_ATTR = "data-row-index";
  * </DataGrid>
  * ```
  *
- */ function DataGridInfiniteBody({ data = [], children: renderRow, batchSize = DEFAULT_BATCH_SIZE, threshold = DEFAULT_THRESHOLD, rootMargin = DEFAULT_ROOT_MARGIN, onVisibleCountChange, className, noData = false, noDataContent, ref }) {
+ */ function DataGridInfiniteBody({ data = [], children: renderRow, batchSize = DEFAULT_BATCH_SIZE, threshold = DEFAULT_THRESHOLD, rootMargin = DEFAULT_ROOT_MARGIN, onVisibleCountChange, className, noData = false, noDataText, ref }) {
     const ctx = useContext(DataGridContext);
     const bodyRef = useRef(null);
     const observerRef = useRef(null);
@@ -319,7 +322,7 @@ const ROW_INDEX_DATA_ATTR = "data-row-index";
                         textAlign: "center",
                         width: "100%"
                     },
-                    children: noDataContent ?? "No Data"
+                    children: noDataText ?? "No Data"
                 })
             }) : renderedContent
         })

package/dist/DataGridRow/index.js

@@ -1,12 +1,15 @@
 /*!
-  @versini/ui-datagrid v1.2.0
+  @versini/ui-datagrid v1.3.1
   © 2026 gizmette.com
 */
 
-import { react, jsx } from "../511.js";
-import { DataGridContext } from "../926.js";
-import { CellWrapper } from "../46.js";
-import { getRowClasses } from "../298.js";
+import { jsx } from "react/jsx-runtime";
+import react from "react";
+import { DataGridContext } from "../415.js";
+import { CellWrapper } from "../772.js";
+import { getRowClasses } from "../76.js";
+
+
 
 
 

package/dist/DataGridSorting/index.js

@@ -1,9 +1,9 @@
 /*!
-  @versini/ui-datagrid v1.2.0
+  @versini/ui-datagrid v1.3.1
   © 2026 gizmette.com
 */
 
-import { SortDirections } from "../46.js";
+import { SortDirections } from "../772.js";
 
 
 /**
@@ -233,4 +233,4 @@ import { SortDirections } from "../46.js";
 
 
 export { getNextSortConfig, getOppositeSortDirection, sortByBoolean, sortByDate, sortByNumber, sortByString, sortItems, toggleSortDirection };
-export { SortDirections } from "../46.js";
+export { SortDirections } from "../772.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-datagrid",
-	"version": "1.2.0",
+	"version": "1.3.1",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -87,16 +87,16 @@
 	},
 	"devDependencies": {
 		"@testing-library/jest-dom": "6.9.1",
-		"@versini/ui-button": "12.0.3",
+		"@versini/ui-button": "12.0.4",
 		"@versini/ui-types": "8.3.0"
 	},
 	"dependencies": {
-		"@versini/ui-icons": "4.19.0",
+		"@versini/ui-icons": "4.19.2",
 		"clsx": "2.1.1",
 		"tailwindcss": "4.2.1"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "4fcf4b9c61ae979d4dfc6b054c9df706ceeb3619"
+	"gitHead": "6b50d466dbc1261a8539f469016ab438e4e8e51c"
 }

package/dist/511.js

@@ -1,9 +0,0 @@
-/*!
-  @versini/ui-datagrid v1.2.0
-  © 2026 gizmette.com
-*/
-
-
-
-export { Fragment, jsx, jsxs } from "react/jsx-runtime";
-export { createContext, default as react, useCallback, useContext, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";