@versini/ui-datagrid 3.0.10 → 3.0.12
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/131.js +1 -1
- package/dist/298.js +13 -18
- package/dist/46.js +1 -1
- package/dist/511.js +1 -1
- package/dist/926.js +1 -1
- package/dist/DataGrid/index.js +1 -1
- package/dist/DataGridAnimated/index.js +1 -1
- package/dist/DataGridBody/index.js +1 -1
- package/dist/DataGridCell/index.js +1 -1
- package/dist/DataGridCellSort/index.js +1 -1
- package/dist/DataGridConstants/index.js +1 -1
- package/dist/DataGridFooter/index.js +1 -1
- package/dist/DataGridHeader/index.js +1 -1
- package/dist/DataGridInfinite/index.js +1 -1
- package/dist/DataGridRow/index.js +1 -1
- package/dist/DataGridSorting/index.js +1 -1
- package/dist/utilities/classes.d.ts +8 -8
- package/package.json +2 -2
package/dist/131.js
CHANGED
package/dist/298.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
@versini/ui-datagrid v3.0.
|
|
2
|
+
@versini/ui-datagrid v3.0.12
|
|
3
3
|
© 2026 gizmette.com
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -68,29 +68,24 @@ const getTextColorClassesForHeaderFooter = ({ mode, hasBlur })=>clsx({
|
|
|
68
68
|
"backdrop-blur-lg": blurEffect === BlurEffects.LARGE
|
|
69
69
|
});
|
|
70
70
|
/**
|
|
71
|
-
* Loading text classes for loading state.
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
[TXT_ALT]: isAlt(mode),
|
|
76
|
-
[TXT_SYS]: isSys(mode)
|
|
77
|
-
});
|
|
71
|
+
* Loading text classes for loading state. Rendered as a high-contrast pill
|
|
72
|
+
* with a fixed dark background and light text so the message stays legible
|
|
73
|
+
* against the blurred content behind it regardless of the grid mode.
|
|
74
|
+
*/ const getLoadingTextClasses = ()=>"px-5 py-2 rounded-full shadow-lg text-sm font-semibold bg-surface-darker text-copy-light";
|
|
78
75
|
/**
|
|
79
|
-
* Overlay classes for loading state.
|
|
80
|
-
|
|
76
|
+
* Overlay classes for loading state. Uses z-30/z-40 to layer above the sticky
|
|
77
|
+
* header/footer (z-20), which sit later in the DOM within the same stacking
|
|
78
|
+
* context and would otherwise paint on top of an equal-z overlay.
|
|
79
|
+
*/ const getOverlayClasses = ()=>({
|
|
81
80
|
inner: "relative",
|
|
82
|
-
overlay: clsx("absolute inset-0 z-
|
|
83
|
-
loadingWrapper: clsx("absolute z-
|
|
84
|
-
loadingText: getLoadingTextClasses(
|
|
85
|
-
mode
|
|
86
|
-
})
|
|
81
|
+
overlay: clsx("absolute inset-0 z-30 cursor-not-allowed rounded-lg", "backdrop-blur-xs bg-white/30 dark:bg-black/30"),
|
|
82
|
+
loadingWrapper: clsx("absolute z-40 top-0 left-0 right-0 h-[min(100%,100vh)]", "flex items-center justify-center", "pointer-events-none"),
|
|
83
|
+
loadingText: getLoadingTextClasses()
|
|
87
84
|
});
|
|
88
85
|
/**
|
|
89
86
|
* Generates classes for the main DataGrid wrapper and grid.
|
|
90
87
|
*/ const getDataGridClasses = ({ mode, className, wrapperClassName, stickyHeader, stickyFooter, loading })=>{
|
|
91
|
-
const overlayClasses = loading ? getOverlayClasses(
|
|
92
|
-
mode
|
|
93
|
-
}) : null;
|
|
88
|
+
const overlayClasses = loading ? getOverlayClasses() : null;
|
|
94
89
|
const hasSticky = stickyHeader || stickyFooter;
|
|
95
90
|
return {
|
|
96
91
|
overlay: overlayClasses?.overlay ?? "",
|
package/dist/46.js
CHANGED
package/dist/511.js
CHANGED
package/dist/926.js
CHANGED
package/dist/DataGrid/index.js
CHANGED
|
@@ -35,17 +35,17 @@ export declare const getBlurClasses: ({ blurEffect }: {
|
|
|
35
35
|
blurEffect?: BlurEffect;
|
|
36
36
|
}) => string;
|
|
37
37
|
/**
|
|
38
|
-
* Loading text classes for loading state.
|
|
38
|
+
* Loading text classes for loading state. Rendered as a high-contrast pill
|
|
39
|
+
* with a fixed dark background and light text so the message stays legible
|
|
40
|
+
* against the blurred content behind it regardless of the grid mode.
|
|
39
41
|
*/
|
|
40
|
-
export declare const getLoadingTextClasses: (
|
|
41
|
-
mode: ThemeMode;
|
|
42
|
-
}) => string;
|
|
42
|
+
export declare const getLoadingTextClasses: () => string;
|
|
43
43
|
/**
|
|
44
|
-
* Overlay classes for loading state.
|
|
44
|
+
* Overlay classes for loading state. Uses z-30/z-40 to layer above the sticky
|
|
45
|
+
* header/footer (z-20), which sit later in the DOM within the same stacking
|
|
46
|
+
* context and would otherwise paint on top of an equal-z overlay.
|
|
45
47
|
*/
|
|
46
|
-
export declare const getOverlayClasses: (
|
|
47
|
-
mode: ThemeMode;
|
|
48
|
-
}) => {
|
|
48
|
+
export declare const getOverlayClasses: () => {
|
|
49
49
|
inner: string;
|
|
50
50
|
overlay: string;
|
|
51
51
|
loadingWrapper: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-datagrid",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.12",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -98,5 +98,5 @@
|
|
|
98
98
|
"sideEffects": [
|
|
99
99
|
"**/*.css"
|
|
100
100
|
],
|
|
101
|
-
"gitHead": "
|
|
101
|
+
"gitHead": "fc3839da4f630dd7954e8d9537f5cbf1762f9d85"
|
|
102
102
|
}
|