@versini/ui-datagrid 0.5.0 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/DataGrid/DataGrid.d.ts +1 -1
- package/dist/DataGrid/DataGrid.js +6 -4
- package/dist/DataGrid/DataGridContext.js +1 -1
- package/dist/DataGrid/DataGridTypes.d.ts +5 -0
- package/dist/DataGrid/DataGridTypes.js +1 -1
- package/dist/DataGrid/index.js +1 -1
- package/dist/DataGridAnimated/AnimatedWrapper.js +1 -1
- package/dist/DataGridAnimated/index.js +1 -1
- package/dist/DataGridAnimated/useAnimatedHeight.js +1 -1
- package/dist/DataGridBody/DataGridBody.js +1 -1
- package/dist/DataGridBody/getBodyClass.js +1 -1
- package/dist/DataGridBody/index.js +1 -1
- package/dist/DataGridBody/useColumnMeasurement.js +1 -1
- package/dist/DataGridCell/DataGridCell.js +1 -1
- package/dist/DataGridCell/index.js +1 -1
- package/dist/DataGridCellSort/DataGridCellSort.js +1 -1
- package/dist/DataGridCellSort/index.js +1 -1
- package/dist/DataGridConstants/DataGridConstants.js +1 -1
- package/dist/DataGridConstants/index.js +1 -1
- package/dist/DataGridFooter/DataGridFooter.js +1 -1
- package/dist/DataGridFooter/index.js +1 -1
- package/dist/DataGridHeader/DataGridHeader.js +1 -1
- package/dist/DataGridHeader/index.js +1 -1
- package/dist/DataGridInfinite/DataGridInfiniteBody.js +1 -1
- package/dist/DataGridInfinite/index.js +1 -1
- package/dist/DataGridRow/DataGridRow.js +1 -1
- package/dist/DataGridRow/index.js +1 -1
- package/dist/DataGridSorting/index.js +1 -1
- package/dist/DataGridSorting/sortingUtils.js +1 -1
- package/dist/utilities/classes.d.ts +2 -1
- package/dist/utilities/classes.js +3 -2
- package/package.json +2 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { DataGridProps } from "./DataGridTypes";
|
|
2
|
-
export declare const DataGrid: ({ className, wrapperClassName, children, mode, compact, stickyHeader, stickyFooter, blurEffect, maxHeight, loading, columns, ...rest }: DataGridProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const DataGrid: ({ className, wrapperClassName, children, mode, compact, stickyHeader, stickyFooter, blurEffect, maxHeight, loading, columns, noBorder, ...rest }: DataGridProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
@versini/ui-datagrid v0.
|
|
2
|
+
@versini/ui-datagrid v0.6.0
|
|
3
3
|
© 2026 gizmette.com
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -27,7 +27,7 @@ import { DataGridContext } from "./DataGridContext.js";
|
|
|
27
27
|
|
|
28
28
|
/* =============================================================================
|
|
29
29
|
* DataGrid (main component)
|
|
30
|
-
* ========================================================================== */ const DataGrid = ({ className, wrapperClassName, children, mode = "system", compact = false, stickyHeader = false, stickyFooter = false, blurEffect = BlurEffects.NONE, maxHeight, loading = false, columns, ...rest })=>{
|
|
30
|
+
* ========================================================================== */ const DataGrid = ({ className, wrapperClassName, children, mode = "system", compact = false, stickyHeader = false, stickyFooter = false, blurEffect = BlurEffects.NONE, maxHeight, loading = false, columns, noBorder = false, ...rest })=>{
|
|
31
31
|
/**
|
|
32
32
|
* Track registered header/footer components via context registration. Uses
|
|
33
33
|
* counter-based tracking to properly handle multiple instances. Components
|
|
@@ -75,14 +75,16 @@ import { DataGridContext } from "./DataGridContext.js";
|
|
|
75
75
|
wrapperClassName,
|
|
76
76
|
stickyHeader: effectiveStickyHeader,
|
|
77
77
|
stickyFooter: effectiveStickyFooter,
|
|
78
|
-
loading: Boolean(loading)
|
|
78
|
+
loading: Boolean(loading),
|
|
79
|
+
noBorder
|
|
79
80
|
}), [
|
|
80
81
|
mode,
|
|
81
82
|
className,
|
|
82
83
|
wrapperClassName,
|
|
83
84
|
effectiveStickyHeader,
|
|
84
85
|
effectiveStickyFooter,
|
|
85
|
-
loading
|
|
86
|
+
loading,
|
|
87
|
+
noBorder
|
|
86
88
|
]);
|
|
87
89
|
const contextValue = useMemo(()=>({
|
|
88
90
|
mode,
|
|
@@ -78,6 +78,11 @@ export type DataGridProps = {
|
|
|
78
78
|
* @example ["200px", "1fr", "min-content"] - Fixed, flexible, and content-sized columns
|
|
79
79
|
*/
|
|
80
80
|
columns?: ReadonlyArray<DataGridColumnSize>;
|
|
81
|
+
/**
|
|
82
|
+
* Whether or not to render the DataGrid with a border.
|
|
83
|
+
* @default false
|
|
84
|
+
*/
|
|
85
|
+
noBorder?: boolean;
|
|
81
86
|
};
|
|
82
87
|
export type DataGridHeaderProps = {
|
|
83
88
|
/**
|
package/dist/DataGrid/index.js
CHANGED
|
@@ -68,8 +68,9 @@ export declare const getOverlayClasses: ({ mode }: {
|
|
|
68
68
|
/**
|
|
69
69
|
* Generates classes for the main DataGrid wrapper and grid.
|
|
70
70
|
*/
|
|
71
|
-
export declare const getDataGridClasses: ({ mode, className, wrapperClassName, stickyHeader, stickyFooter, loading, }: {
|
|
71
|
+
export declare const getDataGridClasses: ({ mode, noBorder, className, wrapperClassName, stickyHeader, stickyFooter, loading, }: {
|
|
72
72
|
mode: ThemeMode;
|
|
73
|
+
noBorder?: boolean;
|
|
73
74
|
className?: string;
|
|
74
75
|
loading?: boolean;
|
|
75
76
|
stickyFooter?: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
@versini/ui-datagrid v0.
|
|
2
|
+
@versini/ui-datagrid v0.6.0
|
|
3
3
|
© 2026 gizmette.com
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -95,7 +95,7 @@ const getTextColorClassesForHeaderFooter = ({ mode, hasBlur })=>{
|
|
|
95
95
|
});
|
|
96
96
|
/**
|
|
97
97
|
* Generates classes for the main DataGrid wrapper and grid.
|
|
98
|
-
*/ const getDataGridClasses = ({ mode, className, wrapperClassName, stickyHeader, stickyFooter, loading })=>{
|
|
98
|
+
*/ const getDataGridClasses = ({ mode, noBorder, className, wrapperClassName, stickyHeader, stickyFooter, loading })=>{
|
|
99
99
|
const overlayClasses = loading ? getOverlayClasses({
|
|
100
100
|
mode
|
|
101
101
|
}) : null;
|
|
@@ -106,6 +106,7 @@ const getTextColorClassesForHeaderFooter = ({ mode, hasBlur })=>{
|
|
|
106
106
|
loadingWrapper: overlayClasses?.loadingWrapper ?? "",
|
|
107
107
|
loadingText: overlayClasses?.loadingText ?? "",
|
|
108
108
|
wrapper: clsx("not-prose relative w-full rounded-lg shadow-md", {
|
|
109
|
+
"ring-2 ring-table-dark": !noBorder,
|
|
109
110
|
"overflow-x-auto": !hasSticky && !loading,
|
|
110
111
|
"overflow-hidden flex flex-col": hasSticky || loading
|
|
111
112
|
}, getSurfaceBackgroundClasses({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-datagrid",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -99,5 +99,5 @@
|
|
|
99
99
|
"sideEffects": [
|
|
100
100
|
"**/*.css"
|
|
101
101
|
],
|
|
102
|
-
"gitHead": "
|
|
102
|
+
"gitHead": "a933817303d7fbc7682562b7db2579f93c1b9b42"
|
|
103
103
|
}
|