@versini/ui-datagrid 0.2.4 → 0.3.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.js +1 -1
- package/dist/DataGrid/DataGridContext.js +1 -1
- package/dist/DataGrid/index.js +1 -1
- package/dist/DataGrid/utilities.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/index.js +1 -1
- package/dist/DataGridCell/DataGridCell.d.ts +4 -2
- package/dist/DataGridCell/DataGridCell.js +18 -4
- 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/InfiniteScrollMarker.js +1 -1
- package/dist/DataGridInfinite/index.js +1 -1
- package/dist/DataGridInfinite/useInfiniteScroll.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/common/utilities.js +1 -1
- package/package.json +2 -2
package/dist/DataGrid/index.js
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import type { DataGridCellProps } from "../DataGrid/DataGridTypes";
|
|
2
2
|
import { type CellWrapperType, type ThemeMode } from "../DataGridConstants";
|
|
3
|
-
export declare const getCellClasses: ({ cellWrapper, className, compact, align, active, mode, }: {
|
|
3
|
+
export declare const getCellClasses: ({ cellWrapper, className, compact, align, active, mode, borderLeft, borderRight, }: {
|
|
4
4
|
cellWrapper?: CellWrapperType;
|
|
5
5
|
className?: string;
|
|
6
6
|
mode?: ThemeMode;
|
|
7
7
|
compact?: boolean;
|
|
8
8
|
align?: "left" | "center" | "right";
|
|
9
9
|
active?: boolean;
|
|
10
|
+
borderLeft?: boolean;
|
|
11
|
+
borderRight?: boolean;
|
|
10
12
|
}) => string;
|
|
11
|
-
export declare const DataGridCell: ({ className, children, align, active, colSpan, style, ...rest }: DataGridCellProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare const DataGridCell: ({ className, children, align, active, borderLeft, borderRight, colSpan, style, ...rest }: DataGridCellProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
@versini/ui-datagrid v0.
|
|
2
|
+
@versini/ui-datagrid v0.3.0
|
|
3
3
|
© 2026 gizmette.com
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -21,7 +21,7 @@ import { CellWrapper } from "../DataGridConstants/index.js";
|
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
|
|
24
|
-
const getCellClasses = ({ cellWrapper, className, compact, align, active, mode })=>{
|
|
24
|
+
const getCellClasses = ({ cellWrapper, className, compact, align, active, mode, borderLeft, borderRight })=>{
|
|
25
25
|
const isHeader = cellWrapper === CellWrapper.HEADER;
|
|
26
26
|
const mainClasses = clsx(// Base padding.
|
|
27
27
|
{
|
|
@@ -42,6 +42,18 @@ const getCellClasses = ({ cellWrapper, className, compact, align, active, mode }
|
|
|
42
42
|
"before:bg-table-active-light": active && mode === "light",
|
|
43
43
|
"before:bg-table-active-dark dark:before:bg-table-active-light": active && mode === "system",
|
|
44
44
|
"before:bg-table-active-light dark:before:bg-table-active-dark": active && mode === "alt-system"
|
|
45
|
+
}, // Vertical borders.
|
|
46
|
+
// self-stretch ensures border spans full row height in grid layout.
|
|
47
|
+
{
|
|
48
|
+
"self-stretch": borderLeft || borderRight,
|
|
49
|
+
"border-l border-l-table-dark": borderLeft && mode === "dark",
|
|
50
|
+
"border-l border-l-table-light": borderLeft && mode === "light",
|
|
51
|
+
"border-l border-l-table-dark dark:border-l-table-light": borderLeft && mode === "system",
|
|
52
|
+
"border-l border-l-table-light dark:border-l-table-dark": borderLeft && mode === "alt-system",
|
|
53
|
+
"border-r border-r-table-dark": borderRight && mode === "dark",
|
|
54
|
+
"border-r border-r-table-light": borderRight && mode === "light",
|
|
55
|
+
"border-r border-r-table-dark dark:border-r-table-light": borderRight && mode === "system",
|
|
56
|
+
"border-r border-r-table-light dark:border-r-table-dark": borderRight && mode === "alt-system"
|
|
45
57
|
}, className);
|
|
46
58
|
return mainClasses;
|
|
47
59
|
};
|
|
@@ -55,7 +67,7 @@ const getCellClasses = ({ cellWrapper, className, compact, align, active, mode }
|
|
|
55
67
|
};
|
|
56
68
|
/* =============================================================================
|
|
57
69
|
* DataGridCell
|
|
58
|
-
* ========================================================================== */ const DataGridCell = ({ className, children, align, active, colSpan, style, ...rest })=>{
|
|
70
|
+
* ========================================================================== */ const DataGridCell = ({ className, children, align, active, borderLeft, borderRight, colSpan, style, ...rest })=>{
|
|
59
71
|
return /*#__PURE__*/ jsx(DataGridContext.Consumer, {
|
|
60
72
|
children: ({ mode, compact, cellWrapper })=>{
|
|
61
73
|
const mainClasses = getCellClasses({
|
|
@@ -64,7 +76,9 @@ const getCellClasses = ({ cellWrapper, className, compact, align, active, mode }
|
|
|
64
76
|
mode,
|
|
65
77
|
compact,
|
|
66
78
|
align,
|
|
67
|
-
active
|
|
79
|
+
active,
|
|
80
|
+
borderLeft,
|
|
81
|
+
borderRight
|
|
68
82
|
});
|
|
69
83
|
const role = getCellRole(cellWrapper);
|
|
70
84
|
// Apply grid-column span for colSpan > 1
|
package/dist/common/utilities.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-datagrid",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -94,5 +94,5 @@
|
|
|
94
94
|
"sideEffects": [
|
|
95
95
|
"**/*.css"
|
|
96
96
|
],
|
|
97
|
-
"gitHead": "
|
|
97
|
+
"gitHead": "f67b8a86233049086793d0b19d160c25fbfc0828"
|
|
98
98
|
}
|