@navikt/ds-react 8.10.2 → 8.10.3
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/cjs/data/table/column-header/DataTableColumnHeader.js +3 -1
- package/cjs/data/table/column-header/DataTableColumnHeader.js.map +1 -1
- package/cjs/data/table/column-header/useTableColumnResize.d.ts +24 -2
- package/cjs/data/table/column-header/useTableColumnResize.js +31 -15
- package/cjs/data/table/column-header/useTableColumnResize.js.map +1 -1
- package/cjs/data/table/helpers/collectTableRowEntries.d.ts +10 -2
- package/cjs/data/table/helpers/collectTableRowEntries.js +25 -17
- package/cjs/data/table/helpers/collectTableRowEntries.js.map +1 -1
- package/cjs/data/table/helpers/selection/SelectionSubtreeHelper.d.ts +46 -0
- package/cjs/data/table/helpers/selection/SelectionSubtreeHelper.js +112 -0
- package/cjs/data/table/helpers/selection/SelectionSubtreeHelper.js.map +1 -0
- package/cjs/data/table/helpers/selection/getMultipleSelectProps.d.ts +3 -2
- package/cjs/data/table/helpers/selection/getMultipleSelectProps.js +43 -19
- package/cjs/data/table/helpers/selection/getMultipleSelectProps.js.map +1 -1
- package/cjs/data/table/helpers/selection/selection.types.d.ts +1 -0
- package/cjs/data/table/helpers/table-keyboard.d.ts +1 -2
- package/cjs/data/table/helpers/table-keyboard.js +1 -2
- package/cjs/data/table/helpers/table-keyboard.js.map +1 -1
- package/cjs/data/table/hooks/useTableExpansion.d.ts +1 -3
- package/cjs/data/table/hooks/useTableExpansion.js +7 -1
- package/cjs/data/table/hooks/useTableExpansion.js.map +1 -1
- package/cjs/data/table/hooks/useTableItems.d.ts +7 -3
- package/cjs/data/table/hooks/useTableItems.js +18 -7
- package/cjs/data/table/hooks/useTableItems.js.map +1 -1
- package/cjs/data/table/hooks/useTableSelection.d.ts +3 -2
- package/cjs/data/table/hooks/useTableSelection.js +5 -4
- package/cjs/data/table/hooks/useTableSelection.js.map +1 -1
- package/cjs/data/table/root/DataTable.types.d.ts +5 -4
- package/cjs/data/table/root/DataTableAuto.d.ts +9 -1
- package/cjs/data/table/root/DataTableAuto.js +50 -50
- package/cjs/data/table/root/DataTableAuto.js.map +1 -1
- package/cjs/data/table/root/DataTableRoot.js +2 -3
- package/cjs/data/table/root/DataTableRoot.js.map +1 -1
- package/cjs/form/checkbox/Checkbox.js +1 -0
- package/cjs/form/checkbox/Checkbox.js.map +1 -1
- package/cjs/form/radio/Radio.js +7 -1
- package/cjs/form/radio/Radio.js.map +1 -1
- package/cjs/modal/types.d.ts +8 -4
- package/esm/data/table/column-header/DataTableColumnHeader.js +3 -1
- package/esm/data/table/column-header/DataTableColumnHeader.js.map +1 -1
- package/esm/data/table/column-header/useTableColumnResize.d.ts +24 -2
- package/esm/data/table/column-header/useTableColumnResize.js +32 -16
- package/esm/data/table/column-header/useTableColumnResize.js.map +1 -1
- package/esm/data/table/helpers/collectTableRowEntries.d.ts +10 -2
- package/esm/data/table/helpers/collectTableRowEntries.js +25 -17
- package/esm/data/table/helpers/collectTableRowEntries.js.map +1 -1
- package/esm/data/table/helpers/selection/SelectionSubtreeHelper.d.ts +46 -0
- package/esm/data/table/helpers/selection/SelectionSubtreeHelper.js +109 -0
- package/esm/data/table/helpers/selection/SelectionSubtreeHelper.js.map +1 -0
- package/esm/data/table/helpers/selection/getMultipleSelectProps.d.ts +3 -2
- package/esm/data/table/helpers/selection/getMultipleSelectProps.js +43 -19
- package/esm/data/table/helpers/selection/getMultipleSelectProps.js.map +1 -1
- package/esm/data/table/helpers/selection/selection.types.d.ts +1 -0
- package/esm/data/table/helpers/table-keyboard.d.ts +1 -2
- package/esm/data/table/helpers/table-keyboard.js +1 -2
- package/esm/data/table/helpers/table-keyboard.js.map +1 -1
- package/esm/data/table/hooks/useTableExpansion.d.ts +1 -3
- package/esm/data/table/hooks/useTableExpansion.js +7 -1
- package/esm/data/table/hooks/useTableExpansion.js.map +1 -1
- package/esm/data/table/hooks/useTableItems.d.ts +7 -3
- package/esm/data/table/hooks/useTableItems.js +18 -7
- package/esm/data/table/hooks/useTableItems.js.map +1 -1
- package/esm/data/table/hooks/useTableSelection.d.ts +3 -2
- package/esm/data/table/hooks/useTableSelection.js +5 -4
- package/esm/data/table/hooks/useTableSelection.js.map +1 -1
- package/esm/data/table/root/DataTable.types.d.ts +5 -4
- package/esm/data/table/root/DataTableAuto.d.ts +9 -1
- package/esm/data/table/root/DataTableAuto.js +51 -51
- package/esm/data/table/root/DataTableAuto.js.map +1 -1
- package/esm/data/table/root/DataTableRoot.js +3 -4
- package/esm/data/table/root/DataTableRoot.js.map +1 -1
- package/esm/form/checkbox/Checkbox.js +1 -0
- package/esm/form/checkbox/Checkbox.js.map +1 -1
- package/esm/form/radio/Radio.js +7 -1
- package/esm/form/radio/Radio.js.map +1 -1
- package/esm/modal/types.d.ts +8 -4
- package/package.json +3 -3
- package/src/data/table/column-header/DataTableColumnHeader.tsx +5 -1
- package/src/data/table/column-header/useTableColumnResize.ts +73 -17
- package/src/data/table/helpers/collectTableRowEntries.ts +57 -25
- package/src/data/table/helpers/selection/SelectionSubtreeHelper.test.ts +66 -0
- package/src/data/table/helpers/selection/SelectionSubtreeHelper.ts +162 -0
- package/src/data/table/helpers/selection/getMultipleSelectProps.ts +57 -20
- package/src/data/table/helpers/selection/selection.types.ts +1 -0
- package/src/data/table/helpers/table-keyboard.ts +1 -2
- package/src/data/table/hooks/__tests__/useTableItems.test.ts +14 -0
- package/src/data/table/hooks/__tests__/useTableSelection.test.ts +132 -21
- package/src/data/table/hooks/useTableExpansion.tsx +8 -3
- package/src/data/table/hooks/useTableItems.ts +50 -27
- package/src/data/table/hooks/useTableSelection.ts +10 -6
- package/src/data/table/root/DataTable.types.ts +5 -4
- package/src/data/table/root/DataTableAuto.test.tsx +128 -2
- package/src/data/table/root/DataTableAuto.tsx +144 -135
- package/src/data/table/root/DataTableRoot.tsx +6 -7
- package/src/form/checkbox/Checkbox.tsx +1 -0
- package/src/form/radio/Radio.tsx +7 -1
- package/src/modal/types.ts +8 -4
- package/src/data/table/hooks/__tests__/useTableExpansion.test.tsx +0 -115
|
@@ -62,14 +62,16 @@ const SORT_ICON = {
|
|
|
62
62
|
* Toggling `data-block-keyboard-nav` does not work since the created "grid" does not update when toggling this attribute.
|
|
63
63
|
*/
|
|
64
64
|
const DataTableColumnHeader = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
65
|
-
var { className, children, sortable = false, sortDirection = "none", onSortClick, style, width, minWidth, maxWidth, onWidthChange,
|
|
65
|
+
var { className, children, sortable = false, sortDirection = "none", onSortClick, resizable = true, style, width, defaultWidth, autoWidth, minWidth, maxWidth, onWidthChange, colSpan, rowSpan, UNSAFE_isSelection } = _a, rest = __rest(_a, ["className", "children", "sortable", "sortDirection", "onSortClick", "resizable", "style", "width", "defaultWidth", "autoWidth", "minWidth", "maxWidth", "onWidthChange", "colSpan", "rowSpan", "UNSAFE_isSelection"]);
|
|
66
66
|
const contentRef = react_1.default.useRef(null);
|
|
67
67
|
const thRef = (0, react_1.useRef)(null);
|
|
68
68
|
const mergedRef = (0, hooks_1.useMergeRefs)(forwardedRef, thRef);
|
|
69
69
|
const resizeResult = (0, useTableColumnResize_1.useTableColumnResize)({
|
|
70
|
+
resizable,
|
|
70
71
|
thRef,
|
|
71
72
|
width,
|
|
72
73
|
defaultWidth,
|
|
74
|
+
autoWidth,
|
|
73
75
|
minWidth,
|
|
74
76
|
maxWidth,
|
|
75
77
|
onWidthChange,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableColumnHeader.js","sourceRoot":"","sources":["../../../../src/data/table/column-header/DataTableColumnHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,qDAM6B;AAC7B,oDAA4C;AAC5C,gDAAoD;AACpD,sEAGwC;AAExC,iEAAgF;AA2BhF,MAAM,SAAS,GAAoD;IACjE,GAAG,EAAE,wBAAU;IACf,IAAI,EAAE,0BAAY;IAClB,IAAI,EAAE,8BAAgB;CACvB,CAAC;AAEF;;;;GAIG;AACH,MAAM,qBAAqB,GAAG,IAAA,kBAAU,EAItC,CACE,
|
|
1
|
+
{"version":3,"file":"DataTableColumnHeader.js","sourceRoot":"","sources":["../../../../src/data/table/column-header/DataTableColumnHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
import { type DOMAttributes } from "react";
|
|
2
2
|
type ColumnWidth = number | string;
|
|
3
3
|
type ResizeProps = {
|
|
4
|
+
/**
|
|
5
|
+
* Whether the column should be resizable by the user.
|
|
6
|
+
*
|
|
7
|
+
* **NB:** This is always disabled when `layout="auto"` on the root component.
|
|
8
|
+
* @default true
|
|
9
|
+
*/
|
|
10
|
+
resizable?: boolean;
|
|
4
11
|
/**
|
|
5
12
|
* Controlled width of the column.
|
|
6
13
|
*
|
|
@@ -8,9 +15,20 @@ type ResizeProps = {
|
|
|
8
15
|
*/
|
|
9
16
|
width?: ColumnWidth;
|
|
10
17
|
/**
|
|
11
|
-
* Initial width of the column. Only used when `width` is not set.
|
|
18
|
+
* Initial width of the column. Only used when `width` is not set and `resizable` is true.
|
|
12
19
|
*/
|
|
13
20
|
defaultWidth?: ColumnWidth;
|
|
21
|
+
/**
|
|
22
|
+
* Whether the column should automatically resize to fit its content. **Runs only once.**
|
|
23
|
+
*
|
|
24
|
+
* `onWidthChange` will be called with the new size. `minWidth` and `maxWidth` will be respected.
|
|
25
|
+
*
|
|
26
|
+
* If you don't need manual resizing support and want most of the columns to resize automatically,
|
|
27
|
+
* consider using `layout="auto"` on the root instead for better performance.
|
|
28
|
+
*
|
|
29
|
+
* **NB:** This can cause a layout shift. Set a good initial width with `width` or `defaultWidth` to mitigate this.
|
|
30
|
+
*/
|
|
31
|
+
autoWidth?: boolean;
|
|
14
32
|
/**
|
|
15
33
|
* Minimum width of the column.
|
|
16
34
|
*
|
|
@@ -36,7 +54,11 @@ type ResizeProps = {
|
|
|
36
54
|
*/
|
|
37
55
|
colSpan?: number;
|
|
38
56
|
};
|
|
39
|
-
type
|
|
57
|
+
type WithUndefined<T> = {
|
|
58
|
+
[K in keyof T]: T[K] | undefined;
|
|
59
|
+
};
|
|
60
|
+
type Unomittable<T> = WithUndefined<Required<T>>;
|
|
61
|
+
type TableColumnResizeArgs = Unomittable<ResizeProps> & {
|
|
40
62
|
thRef: React.RefObject<HTMLTableCellElement | null>;
|
|
41
63
|
};
|
|
42
64
|
type TableColumnResizeResult = {
|
|
@@ -11,11 +11,11 @@ const DataTableRoot_context_1 = require("../root/DataTableRoot.context");
|
|
|
11
11
|
* be able to set "1fr" or similar and have it fill remaining space.
|
|
12
12
|
*/
|
|
13
13
|
function useTableColumnResize(args) {
|
|
14
|
-
const { thRef, width: userWidth, defaultWidth, onWidthChange, maxWidth = Infinity, minWidth = 40, style, colSpan, } = args;
|
|
14
|
+
const { resizable, thRef, width: userWidth, defaultWidth, autoWidth, onWidthChange, maxWidth = Infinity, minWidth = 40, style, colSpan, } = args;
|
|
15
15
|
const tableContext = (0, DataTableRoot_context_1.useDataTableContext)();
|
|
16
16
|
const [isResizingWithKeyboard, setIsResizingWithKeyboard] = (0, react_1.useState)(false);
|
|
17
17
|
const ignoreNextOnClick = (0, react_1.useRef)(false);
|
|
18
|
-
const [width,
|
|
18
|
+
const [width, setWidth] = (0, hooks_1.useControllableState)({
|
|
19
19
|
value: userWidth,
|
|
20
20
|
defaultValue: defaultWidth !== null && defaultWidth !== void 0 ? defaultWidth : (colSpan !== null && colSpan !== void 0 ? colSpan : 1) * 140,
|
|
21
21
|
/**
|
|
@@ -25,13 +25,23 @@ function useTableColumnResize(args) {
|
|
|
25
25
|
*/
|
|
26
26
|
onChange: onWidthChange,
|
|
27
27
|
});
|
|
28
|
-
const
|
|
28
|
+
const setClampedWidth = (0, react_1.useCallback)((newWidth) => {
|
|
29
29
|
var _a, _b;
|
|
30
30
|
const min = (_a = parseWidth(minWidth)) !== null && _a !== void 0 ? _a : 0;
|
|
31
31
|
const max = (_b = parseWidth(maxWidth)) !== null && _b !== void 0 ? _b : Infinity;
|
|
32
32
|
const clamped = Math.min(Math.max(newWidth, min), max);
|
|
33
|
-
|
|
34
|
-
}, [minWidth, maxWidth,
|
|
33
|
+
setWidth(clamped);
|
|
34
|
+
}, [minWidth, maxWidth, setWidth]);
|
|
35
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies: We only want to run this on mount and when autoWidth changes
|
|
36
|
+
(0, react_1.useEffect)(function autoResizeColumn() {
|
|
37
|
+
if (!autoWidth) {
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
const newColumnWidth = getAutoColumnWidth(thRef);
|
|
41
|
+
if (newColumnWidth) {
|
|
42
|
+
setClampedWidth(newColumnWidth);
|
|
43
|
+
}
|
|
44
|
+
}, [autoWidth]);
|
|
35
45
|
const handleOnClick = (0, react_1.useCallback)(() => {
|
|
36
46
|
// We need to use the onClick event in order to support screen readers properly,
|
|
37
47
|
// since some of them only send a mouse click when pressing enter/space.
|
|
@@ -51,26 +61,26 @@ function useTableColumnResize(args) {
|
|
|
51
61
|
if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
|
|
52
62
|
event.preventDefault();
|
|
53
63
|
const delta = event.key === "ArrowRight" ? 20 : -20;
|
|
54
|
-
|
|
64
|
+
setClampedWidth(currentWidth + delta);
|
|
55
65
|
return;
|
|
56
66
|
}
|
|
57
67
|
if (event.key === "Home") {
|
|
58
68
|
event.preventDefault();
|
|
59
|
-
|
|
69
|
+
setClampedWidth(0); // will fall back to minWidth
|
|
60
70
|
return;
|
|
61
71
|
}
|
|
62
72
|
if (event.key === "End") {
|
|
63
73
|
event.preventDefault();
|
|
64
|
-
const
|
|
65
|
-
if (
|
|
66
|
-
|
|
74
|
+
const newWidth = getAutoColumnWidth(thRef);
|
|
75
|
+
if (newWidth && newWidth > currentWidth) {
|
|
76
|
+
setClampedWidth(newWidth);
|
|
67
77
|
}
|
|
68
78
|
return;
|
|
69
79
|
}
|
|
70
80
|
if (event.key === "Escape") {
|
|
71
81
|
setIsResizingWithKeyboard(false);
|
|
72
82
|
}
|
|
73
|
-
}, [isResizingWithKeyboard,
|
|
83
|
+
}, [isResizingWithKeyboard, setClampedWidth, thRef]);
|
|
74
84
|
const startResize = (0, react_1.useCallback)((startX) => {
|
|
75
85
|
var _a, _b;
|
|
76
86
|
const startWidth = (_b = (_a = thRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) !== null && _b !== void 0 ? _b : 0;
|
|
@@ -88,7 +98,7 @@ function useTableColumnResize(args) {
|
|
|
88
98
|
setWidth(newWidth > currentWidth ? newWidth : currentWidth);
|
|
89
99
|
return;
|
|
90
100
|
}
|
|
91
|
-
|
|
101
|
+
setClampedWidth(newWidth);
|
|
92
102
|
}
|
|
93
103
|
function onMouseMove(e) {
|
|
94
104
|
onPointerMove(e.clientX);
|
|
@@ -110,7 +120,7 @@ function useTableColumnResize(args) {
|
|
|
110
120
|
document.addEventListener("mouseup", cleanup, { once: true });
|
|
111
121
|
document.addEventListener("touchend", cleanup, { once: true });
|
|
112
122
|
document.addEventListener("touchcancel", cleanup, { once: true });
|
|
113
|
-
}, [maxWidth, minWidth, setWidth, thRef]);
|
|
123
|
+
}, [maxWidth, minWidth, setWidth, setClampedWidth, thRef]);
|
|
114
124
|
const handleMouseDown = (0, react_1.useCallback)((event) => {
|
|
115
125
|
startResize(event.clientX);
|
|
116
126
|
}, [startResize]);
|
|
@@ -121,15 +131,21 @@ function useTableColumnResize(args) {
|
|
|
121
131
|
const handleDoubleClick = (0, react_1.useCallback)(() => {
|
|
122
132
|
const newColumnWidth = getAutoColumnWidth(thRef);
|
|
123
133
|
if (newColumnWidth) {
|
|
124
|
-
|
|
134
|
+
setClampedWidth(newColumnWidth);
|
|
125
135
|
}
|
|
126
|
-
}, [
|
|
136
|
+
}, [setClampedWidth, thRef]);
|
|
127
137
|
if (tableContext.layout !== "fixed") {
|
|
128
138
|
return {
|
|
129
139
|
style,
|
|
130
140
|
enabled: false,
|
|
131
141
|
};
|
|
132
142
|
}
|
|
143
|
+
if (!resizable) {
|
|
144
|
+
return {
|
|
145
|
+
style: Object.assign(Object.assign({}, style), { width }),
|
|
146
|
+
enabled: false,
|
|
147
|
+
};
|
|
148
|
+
}
|
|
133
149
|
return {
|
|
134
150
|
style: Object.assign(Object.assign({}, style), { width }),
|
|
135
151
|
resizeHandlerProps: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTableColumnResize.js","sourceRoot":"","sources":["../../../../src/data/table/column-header/useTableColumnResize.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"useTableColumnResize.js","sourceRoot":"","sources":["../../../../src/data/table/column-header/useTableColumnResize.ts"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,14 @@ interface ItemDetail<T> {
|
|
|
11
11
|
parent: null | T;
|
|
12
12
|
children: readonly T[];
|
|
13
13
|
}
|
|
14
|
-
|
|
14
|
+
type CollectTableRowEntriesReturn<T> = {
|
|
15
|
+
itemDetails: Map<T, ItemDetail<T>>;
|
|
16
|
+
/**
|
|
17
|
+
* Direct child ids for each row, used to traverse nested selection groups
|
|
18
|
+
* without storing every descendant list on each ancestor.
|
|
19
|
+
*/
|
|
20
|
+
childRowIdsById: Map<TableRowEntryId, TableRowEntryId[]>;
|
|
21
|
+
};
|
|
22
|
+
declare function collectTableRowEntries<T>({ items, getRowId, getSubRows, isSubRowExpandable, }: CollectTableRowEntriesArgs<T>): CollectTableRowEntriesReturn<T>;
|
|
15
23
|
export { collectTableRowEntries };
|
|
16
|
-
export type { CollectTableRowEntriesArgs, TableRowEntryId, ItemDetail };
|
|
24
|
+
export type { CollectTableRowEntriesArgs, CollectTableRowEntriesReturn, TableRowEntryId, ItemDetail, };
|
|
@@ -3,25 +3,33 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.collectTableRowEntries = collectTableRowEntries;
|
|
4
4
|
function collectTableRowEntries({ items, getRowId, getSubRows, isSubRowExpandable, }) {
|
|
5
5
|
const itemDetailsMap = new Map();
|
|
6
|
-
const
|
|
6
|
+
const childRowIdsById = new Map();
|
|
7
|
+
const traverseRow = (rowData, rowIndex, level, parent, parentId) => {
|
|
7
8
|
var _a, _b, _c;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
9
|
+
const rowId = (_a = getRowId === null || getRowId === void 0 ? void 0 : getRowId(rowData, rowIndex)) !== null && _a !== void 0 ? _a : (parentId == null ? rowIndex : `${parentId}-${rowIndex}`);
|
|
10
|
+
const isRowExpandable = (_b = isSubRowExpandable === null || isSubRowExpandable === void 0 ? void 0 : isSubRowExpandable(rowData)) !== null && _b !== void 0 ? _b : true;
|
|
11
|
+
const children = (_c = (isRowExpandable ? getSubRows === null || getSubRows === void 0 ? void 0 : getSubRows(rowData) : [])) !== null && _c !== void 0 ? _c : [];
|
|
12
|
+
itemDetailsMap.set(rowData, {
|
|
13
|
+
id: rowId,
|
|
14
|
+
level,
|
|
15
|
+
parent,
|
|
16
|
+
children,
|
|
17
|
+
});
|
|
18
|
+
const childRowIds = [];
|
|
19
|
+
for (let childIndex = 0; childIndex < children.length; childIndex++) {
|
|
20
|
+
const childRow = children[childIndex];
|
|
21
|
+
const childRowId = traverseRow(childRow, childIndex, level + 1, rowData, rowId);
|
|
22
|
+
childRowIds.push(childRowId);
|
|
22
23
|
}
|
|
24
|
+
childRowIdsById.set(rowId, childRowIds);
|
|
25
|
+
return rowId;
|
|
26
|
+
};
|
|
27
|
+
for (let rowIndex = 0; rowIndex < items.length; rowIndex++) {
|
|
28
|
+
traverseRow(items[rowIndex], rowIndex, 0, null);
|
|
29
|
+
}
|
|
30
|
+
return {
|
|
31
|
+
itemDetails: itemDetailsMap,
|
|
32
|
+
childRowIdsById,
|
|
23
33
|
};
|
|
24
|
-
traverseRows(items, 0, null);
|
|
25
|
-
return itemDetailsMap;
|
|
26
34
|
}
|
|
27
35
|
//# sourceMappingURL=collectTableRowEntries.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collectTableRowEntries.js","sourceRoot":"","sources":["../../../../src/data/table/helpers/collectTableRowEntries.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"collectTableRowEntries.js","sourceRoot":"","sources":["../../../../src/data/table/helpers/collectTableRowEntries.ts"],"names":[],"mappings":";;AAmFS,wDAAsB;AA1D/B,SAAS,sBAAsB,CAAI,EACjC,KAAK,EACL,QAAQ,EACR,UAAU,EACV,kBAAkB,GACY;IAC9B,MAAM,cAAc,GAAG,IAAI,GAAG,EAAoB,CAAC;IACnD,MAAM,eAAe,GAAG,IAAI,GAAG,EAAsC,CAAC;IAEtE,MAAM,WAAW,GAAG,CAClB,OAAU,EACV,QAAgB,EAChB,KAAa,EACb,MAAgB,EAChB,QAA0B,EACT,EAAE;;QACnB,MAAM,KAAK,GACT,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,OAAO,EAAE,QAAQ,CAAC,mCAC7B,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,QAAQ,EAAE,CAAC,CAAC;QAC5D,MAAM,eAAe,GAAG,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG,OAAO,CAAC,mCAAI,IAAI,CAAC;QAC9D,MAAM,QAAQ,GAAG,MAAA,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,mCAAI,EAAE,CAAC;QAEtE,cAAc,CAAC,GAAG,CAAC,OAAO,EAAE;YAC1B,EAAE,EAAE,KAAK;YACT,KAAK;YACL,MAAM;YACN,QAAQ;SACT,CAAC,CAAC;QAEH,MAAM,WAAW,GAAsB,EAAE,CAAC;QAE1C,KAAK,IAAI,UAAU,GAAG,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC;YACpE,MAAM,QAAQ,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;YACtC,MAAM,UAAU,GAAG,WAAW,CAC5B,QAAQ,EACR,UAAU,EACV,KAAK,GAAG,CAAC,EACT,OAAO,EACP,KAAK,CACN,CAAC;YACF,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC/B,CAAC;QAED,eAAe,CAAC,GAAG,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QAExC,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,KAAK,IAAI,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;QAC3D,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;IAClD,CAAC;IAED,OAAO;QACL,WAAW,EAAE,cAAc;QAC3B,eAAe;KAChB,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
type SelectionKey = string | number;
|
|
2
|
+
type SelectionStats = {
|
|
3
|
+
selectableCount: number;
|
|
4
|
+
selectedCount: number;
|
|
5
|
+
};
|
|
6
|
+
type SelectionSubtreeHelperArgs = {
|
|
7
|
+
childRowIdsById?: Map<SelectionKey, SelectionKey[]>;
|
|
8
|
+
disabledKeysSet: Set<SelectionKey>;
|
|
9
|
+
selectedKeysSet: Set<SelectionKey>;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* Helper class for managing selection state in a tree structure.
|
|
13
|
+
* - It provides methods to get selectable keys in a subtree
|
|
14
|
+
* - Compute selection statistics for a subtree
|
|
15
|
+
* - Determine if a subtree is fully selected.
|
|
16
|
+
*
|
|
17
|
+
* Results of selection statistics are cached to optimize performance for repeated calls on the same subtree.
|
|
18
|
+
*/
|
|
19
|
+
declare class SelectionSubtreeHelper {
|
|
20
|
+
private childRowIdsById;
|
|
21
|
+
private disabledKeysSet;
|
|
22
|
+
private selectedKeysSet;
|
|
23
|
+
private selectionStatsCache;
|
|
24
|
+
constructor({ childRowIdsById, disabledKeysSet, selectedKeysSet, }: SelectionSubtreeHelperArgs);
|
|
25
|
+
getSelectableKeys(rootIds: SelectionKey[]): SelectionKey[];
|
|
26
|
+
/**
|
|
27
|
+
* Returns the number of selectable and selected rows in the subtree of the given root ID.
|
|
28
|
+
* Results are cached after the first computation to optimize repeated calls for the same root ID.
|
|
29
|
+
*
|
|
30
|
+
* The selectable count excludes disabled rows, and the selected count excludes disabled rows that are selected.
|
|
31
|
+
* The method is implemented iteratively to handle deep trees without hitting call stack limits.
|
|
32
|
+
*
|
|
33
|
+
* How it works:
|
|
34
|
+
* - Manually add root ID to stack to get processing going. Note that the ready-flag is `false`.
|
|
35
|
+
* - Pop stack until empty. For each entry:
|
|
36
|
+
* - - If entry is already cached, skip it.
|
|
37
|
+
* - - If entry is not ready, push it back as ready and push all its children as not ready.
|
|
38
|
+
* - - If entry is ready, compute its stats based on its own state and the stats of its children, then cache the result.
|
|
39
|
+
* - Since we add all the children to the stack after pushing element with ready: true, while "popping" the stack we will always encounter the children before their parent is ready, ensuring that the stats for all children are computed and cached before computing the stats for their parent.
|
|
40
|
+
* - Finally, return the cached stats for the root ID.
|
|
41
|
+
*/
|
|
42
|
+
getSelectionStats(rootId: SelectionKey): SelectionStats;
|
|
43
|
+
isFullySelected(rootId: SelectionKey): boolean;
|
|
44
|
+
}
|
|
45
|
+
export { SelectionSubtreeHelper };
|
|
46
|
+
export type { SelectionKey, SelectionStats, SelectionSubtreeHelperArgs };
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SelectionSubtreeHelper = void 0;
|
|
4
|
+
/**
|
|
5
|
+
* Helper class for managing selection state in a tree structure.
|
|
6
|
+
* - It provides methods to get selectable keys in a subtree
|
|
7
|
+
* - Compute selection statistics for a subtree
|
|
8
|
+
* - Determine if a subtree is fully selected.
|
|
9
|
+
*
|
|
10
|
+
* Results of selection statistics are cached to optimize performance for repeated calls on the same subtree.
|
|
11
|
+
*/
|
|
12
|
+
class SelectionSubtreeHelper {
|
|
13
|
+
constructor({ childRowIdsById, disabledKeysSet, selectedKeysSet, }) {
|
|
14
|
+
this.selectionStatsCache = new Map();
|
|
15
|
+
this.childRowIdsById = childRowIdsById !== null && childRowIdsById !== void 0 ? childRowIdsById : new Map();
|
|
16
|
+
this.disabledKeysSet = disabledKeysSet;
|
|
17
|
+
this.selectedKeysSet = selectedKeysSet;
|
|
18
|
+
}
|
|
19
|
+
getSelectableKeys(rootIds) {
|
|
20
|
+
var _a;
|
|
21
|
+
const visitedKeys = new Set();
|
|
22
|
+
const selectableKeys = [];
|
|
23
|
+
const stack = [...rootIds].reverse();
|
|
24
|
+
while (stack.length > 0) {
|
|
25
|
+
const key = stack.pop();
|
|
26
|
+
if (key == null || visitedKeys.has(key)) {
|
|
27
|
+
continue;
|
|
28
|
+
}
|
|
29
|
+
visitedKeys.add(key);
|
|
30
|
+
if (!this.disabledKeysSet.has(key)) {
|
|
31
|
+
selectableKeys.push(key);
|
|
32
|
+
}
|
|
33
|
+
const childRowIds = (_a = this.childRowIdsById.get(key)) !== null && _a !== void 0 ? _a : [];
|
|
34
|
+
for (let childIndex = childRowIds.length - 1; childIndex >= 0; childIndex--) {
|
|
35
|
+
stack.push(childRowIds[childIndex]);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
return selectableKeys;
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Returns the number of selectable and selected rows in the subtree of the given root ID.
|
|
42
|
+
* Results are cached after the first computation to optimize repeated calls for the same root ID.
|
|
43
|
+
*
|
|
44
|
+
* The selectable count excludes disabled rows, and the selected count excludes disabled rows that are selected.
|
|
45
|
+
* The method is implemented iteratively to handle deep trees without hitting call stack limits.
|
|
46
|
+
*
|
|
47
|
+
* How it works:
|
|
48
|
+
* - Manually add root ID to stack to get processing going. Note that the ready-flag is `false`.
|
|
49
|
+
* - Pop stack until empty. For each entry:
|
|
50
|
+
* - - If entry is already cached, skip it.
|
|
51
|
+
* - - If entry is not ready, push it back as ready and push all its children as not ready.
|
|
52
|
+
* - - If entry is ready, compute its stats based on its own state and the stats of its children, then cache the result.
|
|
53
|
+
* - Since we add all the children to the stack after pushing element with ready: true, while "popping" the stack we will always encounter the children before their parent is ready, ensuring that the stats for all children are computed and cached before computing the stats for their parent.
|
|
54
|
+
* - Finally, return the cached stats for the root ID.
|
|
55
|
+
*/
|
|
56
|
+
getSelectionStats(rootId) {
|
|
57
|
+
var _a, _b, _c;
|
|
58
|
+
const cachedStats = this.selectionStatsCache.get(rootId);
|
|
59
|
+
if (cachedStats) {
|
|
60
|
+
return cachedStats;
|
|
61
|
+
}
|
|
62
|
+
/* Compute subtree totals iteratively so deep trees do not depend on call stack depth. */
|
|
63
|
+
const stack = [
|
|
64
|
+
{ key: rootId, ready: false },
|
|
65
|
+
];
|
|
66
|
+
while (stack.length > 0) {
|
|
67
|
+
const entry = stack.pop();
|
|
68
|
+
if (!entry) {
|
|
69
|
+
continue;
|
|
70
|
+
}
|
|
71
|
+
if (this.selectionStatsCache.has(entry.key)) {
|
|
72
|
+
continue;
|
|
73
|
+
}
|
|
74
|
+
if (entry.ready) {
|
|
75
|
+
let selectableCount = this.disabledKeysSet.has(entry.key) ? 0 : 1;
|
|
76
|
+
let selectedCount = !this.disabledKeysSet.has(entry.key) &&
|
|
77
|
+
this.selectedKeysSet.has(entry.key)
|
|
78
|
+
? 1
|
|
79
|
+
: 0;
|
|
80
|
+
for (const childKey of (_a = this.childRowIdsById.get(entry.key)) !== null && _a !== void 0 ? _a : []) {
|
|
81
|
+
const childStats = this.selectionStatsCache.get(childKey);
|
|
82
|
+
if (!childStats) {
|
|
83
|
+
continue;
|
|
84
|
+
}
|
|
85
|
+
selectableCount += childStats.selectableCount;
|
|
86
|
+
selectedCount += childStats.selectedCount;
|
|
87
|
+
}
|
|
88
|
+
this.selectionStatsCache.set(entry.key, {
|
|
89
|
+
selectableCount,
|
|
90
|
+
selectedCount,
|
|
91
|
+
});
|
|
92
|
+
continue;
|
|
93
|
+
}
|
|
94
|
+
stack.push({ key: entry.key, ready: true });
|
|
95
|
+
for (const childKey of (_b = this.childRowIdsById.get(entry.key)) !== null && _b !== void 0 ? _b : []) {
|
|
96
|
+
if (!this.selectionStatsCache.has(childKey)) {
|
|
97
|
+
stack.push({ key: childKey, ready: false });
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
return ((_c = this.selectionStatsCache.get(rootId)) !== null && _c !== void 0 ? _c : {
|
|
102
|
+
selectableCount: 0,
|
|
103
|
+
selectedCount: 0,
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
isFullySelected(rootId) {
|
|
107
|
+
const stats = this.getSelectionStats(rootId);
|
|
108
|
+
return (stats.selectableCount > 0 && stats.selectedCount === stats.selectableCount);
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
exports.SelectionSubtreeHelper = SelectionSubtreeHelper;
|
|
112
|
+
//# sourceMappingURL=SelectionSubtreeHelper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectionSubtreeHelper.js","sourceRoot":"","sources":["../../../../../src/data/table/helpers/selection/SelectionSubtreeHelper.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,9 +4,10 @@ type GetMultipleSelectPropsArgs = {
|
|
|
4
4
|
selectedKeys: (string | number)[];
|
|
5
5
|
setSelectedKeys: (keys: (string | number)[]) => void;
|
|
6
6
|
disabledKeysSet: Set<string | number>;
|
|
7
|
-
|
|
7
|
+
visibleRowIds: (string | number)[];
|
|
8
|
+
childRowIdsById?: Map<string | number, (string | number)[]>;
|
|
8
9
|
};
|
|
9
|
-
declare function getMultipleSelectProps({ selectedKeysSet, selectedKeys, setSelectedKeys, disabledKeysSet,
|
|
10
|
+
declare function getMultipleSelectProps({ selectedKeysSet, selectedKeys, setSelectedKeys, disabledKeysSet, visibleRowIds, childRowIdsById, }: GetMultipleSelectPropsArgs): {
|
|
10
11
|
getTheadCheckboxProps: () => CheckboxInputProps;
|
|
11
12
|
getRowCheckboxProps: (key: string | number) => CheckboxInputProps;
|
|
12
13
|
toggleSelection: (key: string | number) => void;
|
|
@@ -1,34 +1,53 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.getMultipleSelectProps = getMultipleSelectProps;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
4
|
+
const SelectionSubtreeHelper_1 = require("./SelectionSubtreeHelper");
|
|
5
|
+
function getMultipleSelectProps({ selectedKeysSet, selectedKeys, setSelectedKeys, disabledKeysSet, visibleRowIds, childRowIdsById, }) {
|
|
6
|
+
const subtreeHelper = new SelectionSubtreeHelper_1.SelectionSubtreeHelper({
|
|
7
|
+
childRowIdsById,
|
|
8
|
+
disabledKeysSet,
|
|
9
|
+
selectedKeysSet,
|
|
10
|
+
});
|
|
11
|
+
// Header selection traverses the visible roots and skips already visited
|
|
12
|
+
// descendants, so expanded trees stay linear in the number of rows.
|
|
13
|
+
const headerSelectableKeys = subtreeHelper.getSelectableKeys(visibleRowIds);
|
|
14
|
+
const headerSelectableKeysSet = new Set(headerSelectableKeys);
|
|
15
|
+
const selectedSelectableCount = headerSelectableKeys.filter((k) => selectedKeysSet.has(k)).length;
|
|
16
|
+
const allSelectableSelected = headerSelectableKeys.length > 0 &&
|
|
17
|
+
selectedSelectableCount === headerSelectableKeys.length;
|
|
10
18
|
const indeterminate = selectedSelectableCount > 0 &&
|
|
11
|
-
selectedSelectableCount <
|
|
12
|
-
const selectedKeysNotInView = selectedKeys.filter((k) => !
|
|
19
|
+
selectedSelectableCount < headerSelectableKeys.length;
|
|
20
|
+
const selectedKeysNotInView = selectedKeys.filter((k) => !headerSelectableKeysSet.has(k));
|
|
13
21
|
const disabledSelected = selectedKeys.filter((k) => disabledKeysSet.has(k));
|
|
14
|
-
const preservedKeys = [
|
|
22
|
+
const preservedKeys = [
|
|
23
|
+
...new Set([...selectedKeysNotInView, ...disabledSelected]),
|
|
24
|
+
];
|
|
25
|
+
const isGroupFullySelected = (key) => {
|
|
26
|
+
const groupStats = subtreeHelper.getSelectionStats(key);
|
|
27
|
+
return (groupStats.selectableCount > 0 &&
|
|
28
|
+
groupStats.selectedCount === groupStats.selectableCount);
|
|
29
|
+
};
|
|
15
30
|
const handleToggleAll = () => {
|
|
16
31
|
if (allSelectableSelected) {
|
|
17
32
|
setSelectedKeys(preservedKeys);
|
|
18
33
|
}
|
|
19
34
|
else {
|
|
20
|
-
setSelectedKeys([
|
|
35
|
+
setSelectedKeys([
|
|
36
|
+
...new Set([...preservedKeys, ...headerSelectableKeys]),
|
|
37
|
+
]);
|
|
21
38
|
}
|
|
22
39
|
};
|
|
23
40
|
const handleToggleRow = (key) => {
|
|
24
41
|
if (disabledKeysSet.has(key)) {
|
|
25
42
|
return;
|
|
26
43
|
}
|
|
27
|
-
|
|
28
|
-
|
|
44
|
+
const groupKeys = subtreeHelper.getSelectableKeys([key]);
|
|
45
|
+
if (isGroupFullySelected(key)) {
|
|
46
|
+
const groupKeysSet = new Set(groupKeys);
|
|
47
|
+
setSelectedKeys(selectedKeys.filter((selectedKey) => !groupKeysSet.has(selectedKey)));
|
|
29
48
|
}
|
|
30
49
|
else {
|
|
31
|
-
setSelectedKeys([...selectedKeys,
|
|
50
|
+
setSelectedKeys([...new Set([...selectedKeys, ...groupKeys])]);
|
|
32
51
|
}
|
|
33
52
|
};
|
|
34
53
|
return {
|
|
@@ -36,13 +55,18 @@ function getMultipleSelectProps({ selectedKeysSet, selectedKeys, setSelectedKeys
|
|
|
36
55
|
onChange: handleToggleAll,
|
|
37
56
|
checked: allSelectableSelected,
|
|
38
57
|
indeterminate,
|
|
39
|
-
disabled:
|
|
40
|
-
}),
|
|
41
|
-
getRowCheckboxProps: (key) => ({
|
|
42
|
-
onChange: () => handleToggleRow(key),
|
|
43
|
-
checked: selectedKeysSet.has(key),
|
|
44
|
-
disabled: disabledKeysSet.has(key),
|
|
58
|
+
disabled: headerSelectableKeys.length === 0,
|
|
45
59
|
}),
|
|
60
|
+
getRowCheckboxProps: (key) => {
|
|
61
|
+
const groupStats = subtreeHelper.getSelectionStats(key);
|
|
62
|
+
return {
|
|
63
|
+
onChange: () => handleToggleRow(key),
|
|
64
|
+
checked: isGroupFullySelected(key),
|
|
65
|
+
indeterminate: groupStats.selectedCount > 0 &&
|
|
66
|
+
groupStats.selectedCount < groupStats.selectableCount,
|
|
67
|
+
disabled: disabledKeysSet.has(key),
|
|
68
|
+
};
|
|
69
|
+
},
|
|
46
70
|
toggleSelection: handleToggleRow,
|
|
47
71
|
};
|
|
48
72
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getMultipleSelectProps.js","sourceRoot":"","sources":["../../../../../src/data/table/helpers/selection/getMultipleSelectProps.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"getMultipleSelectProps.js","sourceRoot":"","sources":["../../../../../src/data/table/helpers/selection/getMultipleSelectProps.ts"],"names":[],"mappings":";;AA8GS,wDAAsB;AA7G/B,qEAAkE;AAWlE,SAAS,sBAAsB,CAAC,EAC9B,eAAe,EACf,YAAY,EACZ,eAAe,EACf,eAAe,EACf,aAAa,EACb,eAAe,GACY;IAC3B,MAAM,aAAa,GAAG,IAAI,+CAAsB,CAAC;QAC/C,eAAe;QACf,eAAe;QACf,eAAe;KAChB,CAAC,CAAC;IAEH,yEAAyE;IACzE,oEAAoE;IACpE,MAAM,oBAAoB,GAAG,aAAa,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC5E,MAAM,uBAAuB,GAAG,IAAI,GAAG,CAAC,oBAAoB,CAAC,CAAC;IAE9D,MAAM,uBAAuB,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAChE,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,CACvB,CAAC,MAAM,CAAC;IAET,MAAM,qBAAqB,GACzB,oBAAoB,CAAC,MAAM,GAAG,CAAC;QAC/B,uBAAuB,KAAK,oBAAoB,CAAC,MAAM,CAAC;IAE1D,MAAM,aAAa,GACjB,uBAAuB,GAAG,CAAC;QAC3B,uBAAuB,GAAG,oBAAoB,CAAC,MAAM,CAAC;IAExD,MAAM,qBAAqB,GAAG,YAAY,CAAC,MAAM,CAC/C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC,CACvC,CAAC;IACF,MAAM,gBAAgB,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5E,MAAM,aAAa,GAAG;QACpB,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,qBAAqB,EAAE,GAAG,gBAAgB,CAAC,CAAC;KAC5D,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,GAAoB,EAAE,EAAE;QACpD,MAAM,UAAU,GAAG,aAAa,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;QAExD,OAAO,CACL,UAAU,CAAC,eAAe,GAAG,CAAC;YAC9B,UAAU,CAAC,aAAa,KAAK,UAAU,CAAC,eAAe,CACxD,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,qBAAqB,EAAE,CAAC;YAC1B,eAAe,CAAC,aAAa,CAAC,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,eAAe,CAAC;gBACd,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,aAAa,EAAE,GAAG,oBAAoB,CAAC,CAAC;aACxD,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,GAAoB,EAAE,EAAE;QAC/C,IAAI,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QAED,MAAM,SAAS,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAEzD,IAAI,oBAAoB,CAAC,GAAG,CAAC,EAAE,CAAC;YAC9B,MAAM,YAAY,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC;YACxC,eAAe,CACb,YAAY,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CACrE,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,YAAY,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;QACjE,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,qBAAqB,EAAE,GAAuB,EAAE,CAAC,CAAC;YAChD,QAAQ,EAAE,eAAe;YACzB,OAAO,EAAE,qBAAqB;YAC9B,aAAa;YACb,QAAQ,EAAE,oBAAoB,CAAC,MAAM,KAAK,CAAC;SAC5C,CAAC;QACF,mBAAmB,EAAE,CAAC,GAAoB,EAAsB,EAAE;YAChE,MAAM,UAAU,GAAG,aAAa,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;YAExD,OAAO;gBACL,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC;gBACpC,OAAO,EAAE,oBAAoB,CAAC,GAAG,CAAC;gBAClC,aAAa,EACX,UAAU,CAAC,aAAa,GAAG,CAAC;oBAC5B,UAAU,CAAC,aAAa,GAAG,UAAU,CAAC,eAAe;gBACvD,QAAQ,EAAE,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC;aACnC,CAAC;QACJ,CAAC;QACD,eAAe,EAAE,eAAe;KACjC,CAAC;AACJ,CAAC"}
|
|
@@ -8,6 +8,7 @@ type SelectionProps = {
|
|
|
8
8
|
* When set to "single", only one row can be selected at a time (renders radio buttons).
|
|
9
9
|
*
|
|
10
10
|
* When set to "multiple", multiple rows can be selected (renders checkboxes).
|
|
11
|
+
* Nested rows use cascading selection, so selecting a parent toggles its descendants too.
|
|
11
12
|
*
|
|
12
13
|
* @default "none"
|
|
13
14
|
*/
|
|
@@ -16,8 +16,7 @@ type NavigationAction = {
|
|
|
16
16
|
};
|
|
17
17
|
/**
|
|
18
18
|
* Maps keyboard events to navigation actions.
|
|
19
|
-
* Supports arrow keys, Home/End (row navigation), Ctrl/Cmd+Home/End (table navigation)
|
|
20
|
-
* and PageUp/PageDown (multi-row navigation).
|
|
19
|
+
* Supports arrow keys, Home/End (row navigation), Ctrl/Cmd+Home/End (table navigation).
|
|
21
20
|
*/
|
|
22
21
|
declare function getNavigationAction(event: KeyboardEvent): NavigationAction | null;
|
|
23
22
|
/**
|