@proyecto-viviana/solid-stately 0.2.7 → 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/README.md +30 -283
- package/dist/autocomplete/createAutocompleteState.d.ts +2 -2
- package/dist/autocomplete/index.d.ts +1 -1
- package/dist/calendar/createCalendarState.d.ts +22 -7
- package/dist/calendar/createDateFieldState.d.ts +30 -7
- package/dist/calendar/createDatePickerState.d.ts +60 -0
- package/dist/calendar/createRangeCalendarState.d.ts +27 -8
- package/dist/calendar/createTimeFieldState.d.ts +34 -7
- package/dist/calendar/index.d.ts +7 -6
- package/dist/checkbox/createCheckboxGroupState.d.ts +6 -6
- package/dist/checkbox/index.d.ts +1 -1
- package/dist/collections/ListCollection.d.ts +1 -1
- package/dist/collections/createListState.d.ts +8 -8
- package/dist/collections/createMenuState.d.ts +7 -7
- package/dist/collections/createSelectionState.d.ts +5 -5
- package/dist/collections/index.d.ts +5 -5
- package/dist/collections/types.d.ts +12 -12
- package/dist/color/Color.d.ts +1 -1
- package/dist/color/createColorAreaState.d.ts +4 -2
- package/dist/color/createColorFieldState.d.ts +38 -12
- package/dist/color/createColorSliderState.d.ts +9 -2
- package/dist/color/createColorWheelState.d.ts +13 -2
- package/dist/color/getColorChannels.d.ts +1 -1
- package/dist/color/index.d.ts +6 -6
- package/dist/color/types.d.ts +4 -4
- package/dist/combobox/createComboBoxState.d.ts +27 -13
- package/dist/combobox/index.d.ts +1 -1
- package/dist/data/createAsyncList.d.ts +4 -4
- package/dist/data/createListData.d.ts +2 -2
- package/dist/data/createTreeData.d.ts +6 -2
- package/dist/data/index.d.ts +3 -3
- package/dist/datepicker/index.d.ts +2 -4
- package/dist/disclosure/createDisclosureState.d.ts +2 -2
- package/dist/disclosure/index.d.ts +1 -1
- package/dist/dnd/createDragState.d.ts +2 -2
- package/dist/dnd/createDraggableCollectionState.d.ts +2 -2
- package/dist/dnd/createDropState.d.ts +2 -2
- package/dist/dnd/createDroppableCollectionState.d.ts +3 -3
- package/dist/dnd/index.d.ts +5 -5
- package/dist/dnd/types.d.ts +16 -16
- package/dist/form/createFormValidationState.d.ts +3 -3
- package/dist/form/index.d.ts +1 -1
- package/dist/grid/createGridState.d.ts +2 -2
- package/dist/grid/index.d.ts +2 -2
- package/dist/grid/types.d.ts +13 -11
- package/dist/index.d.ts +31 -30
- package/dist/index.js +7924 -7238
- package/dist/index.js.map +1 -1
- package/dist/menu/index.d.ts +2 -2
- package/dist/numberfield/createNumberFieldState.d.ts +2 -2
- package/dist/numberfield/index.d.ts +1 -1
- package/dist/overlays/createOverlayTriggerState.d.ts +2 -2
- package/dist/overlays/index.d.ts +1 -1
- package/dist/radio/createRadioGroupState.d.ts +7 -7
- package/dist/radio/index.d.ts +1 -1
- package/dist/searchfield/createSearchFieldState.d.ts +2 -2
- package/dist/searchfield/index.d.ts +2 -2
- package/dist/select/createSelectState.d.ts +8 -8
- package/dist/select/index.d.ts +1 -1
- package/dist/selection/index.d.ts +5 -5
- package/dist/slider/createSliderState.d.ts +3 -3
- package/dist/slider/index.d.ts +2 -2
- package/dist/steplist/createStepListState.d.ts +48 -0
- package/dist/steplist/index.d.ts +1 -0
- package/dist/table/TableCollection.d.ts +3 -3
- package/dist/table/createTableColumnResizeState.d.ts +54 -0
- package/dist/table/createTableState.d.ts +2 -2
- package/dist/table/index.d.ts +5 -3
- package/dist/table/types.d.ts +10 -10
- package/dist/tabs/createTabListState.d.ts +5 -5
- package/dist/tabs/index.d.ts +1 -1
- package/dist/textfield/createTextFieldState.d.ts +2 -2
- package/dist/textfield/index.d.ts +1 -1
- package/dist/toast/createToastState.d.ts +8 -2
- package/dist/toast/index.d.ts +1 -1
- package/dist/toggle/createToggleGroupState.d.ts +4 -4
- package/dist/toggle/createToggleState.d.ts +2 -2
- package/dist/toggle/index.d.ts +2 -2
- package/dist/tooltip/createTooltipTriggerState.d.ts +2 -2
- package/dist/tooltip/index.d.ts +1 -1
- package/dist/tree/TreeCollection.d.ts +2 -2
- package/dist/tree/createTreeState.d.ts +2 -2
- package/dist/tree/index.d.ts +3 -3
- package/dist/tree/types.d.ts +19 -13
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/reactivity.d.ts +1 -1
- package/package.json +29 -30
- package/src/autocomplete/createAutocompleteState.d.ts +19 -17
- package/src/autocomplete/createAutocompleteState.ts +24 -30
- package/src/autocomplete/index.d.ts +6 -2
- package/src/autocomplete/index.ts +1 -1
- package/src/calendar/createCalendarState.d.ts +139 -117
- package/src/calendar/createCalendarState.ts +221 -74
- package/src/calendar/createDateFieldState.d.ts +130 -95
- package/src/calendar/createDateFieldState.ts +263 -151
- package/src/calendar/createDatePickerState.ts +347 -0
- package/src/calendar/createRangeCalendarState.d.ts +154 -129
- package/src/calendar/createRangeCalendarState.ts +293 -79
- package/src/calendar/createTimeFieldState.d.ts +81 -79
- package/src/calendar/createTimeFieldState.ts +187 -108
- package/src/calendar/index.d.ts +80 -7
- package/src/calendar/index.ts +21 -12
- package/src/checkbox/createCheckboxGroupState.d.ts +57 -55
- package/src/checkbox/createCheckboxGroupState.ts +20 -29
- package/src/checkbox/index.d.ts +6 -2
- package/src/checkbox/index.ts +1 -1
- package/src/collections/ListCollection.d.ts +25 -22
- package/src/collections/ListCollection.ts +6 -6
- package/src/collections/createListState.d.ts +73 -58
- package/src/collections/createListState.ts +19 -18
- package/src/collections/createMenuState.d.ts +36 -31
- package/src/collections/createMenuState.ts +18 -12
- package/src/collections/createSelectionState.d.ts +78 -65
- package/src/collections/createSelectionState.ts +36 -32
- package/src/collections/index.d.ts +38 -6
- package/src/collections/index.ts +5 -10
- package/src/collections/types.d.ts +101 -101
- package/src/collections/types.ts +12 -12
- package/src/color/Color.d.ts +20 -5
- package/src/color/Color.ts +357 -254
- package/src/color/createColorAreaState.d.ts +67 -65
- package/src/color/createColorAreaState.ts +21 -13
- package/src/color/createColorFieldState.d.ts +46 -44
- package/src/color/createColorFieldState.ts +285 -149
- package/src/color/createColorSliderState.d.ts +58 -56
- package/src/color/createColorSliderState.ts +45 -14
- package/src/color/createColorWheelState.d.ts +42 -40
- package/src/color/createColorWheelState.ts +101 -64
- package/src/color/getColorChannels.ts +7 -5
- package/src/color/index.d.ts +36 -7
- package/src/color/index.ts +6 -9
- package/src/color/types.d.ts +68 -63
- package/src/color/types.ts +11 -19
- package/src/combobox/createComboBoxState.d.ts +107 -105
- package/src/combobox/createComboBoxState.ts +176 -89
- package/src/combobox/index.d.ts +10 -2
- package/src/combobox/index.ts +1 -1
- package/src/data/createAsyncList.ts +89 -63
- package/src/data/createListData.ts +67 -67
- package/src/data/createTreeData.ts +304 -91
- package/src/data/index.ts +3 -3
- package/src/datepicker/index.ts +6 -10
- package/src/disclosure/createDisclosureState.d.ts +47 -43
- package/src/disclosure/createDisclosureState.ts +7 -21
- package/src/disclosure/index.d.ts +10 -2
- package/src/disclosure/index.ts +1 -1
- package/src/dnd/createDragState.d.ts +51 -42
- package/src/dnd/createDragState.ts +12 -14
- package/src/dnd/createDraggableCollectionState.d.ts +52 -41
- package/src/dnd/createDraggableCollectionState.ts +14 -21
- package/src/dnd/createDropState.d.ts +64 -45
- package/src/dnd/createDropState.ts +22 -32
- package/src/dnd/createDroppableCollectionState.d.ts +88 -59
- package/src/dnd/createDroppableCollectionState.ts +40 -43
- package/src/dnd/index.d.ts +54 -6
- package/src/dnd/index.ts +5 -18
- package/src/dnd/types.d.ts +167 -156
- package/src/dnd/types.ts +20 -21
- package/src/form/createFormValidationState.d.ts +47 -45
- package/src/form/createFormValidationState.ts +30 -63
- package/src/form/index.d.ts +16 -2
- package/src/form/index.ts +1 -1
- package/src/grid/createGridState.d.ts +7 -4
- package/src/grid/createGridState.ts +44 -51
- package/src/grid/index.d.ts +3 -3
- package/src/grid/index.ts +2 -8
- package/src/grid/types.d.ts +136 -129
- package/src/grid/types.ts +20 -18
- package/src/index.d.ts +310 -26
- package/src/index.ts +48 -89
- package/src/menu/index.ts +2 -4
- package/src/numberfield/createNumberFieldState.d.ts +56 -54
- package/src/numberfield/createNumberFieldState.ts +26 -31
- package/src/numberfield/index.d.ts +6 -2
- package/src/numberfield/index.ts +1 -1
- package/src/overlays/createOverlayTriggerState.d.ts +22 -20
- package/src/overlays/createOverlayTriggerState.ts +3 -4
- package/src/overlays/index.d.ts +6 -2
- package/src/overlays/index.ts +1 -1
- package/src/radio/createRadioGroupState.d.ts +54 -52
- package/src/radio/createRadioGroupState.ts +27 -29
- package/src/radio/index.d.ts +7 -2
- package/src/radio/index.ts +1 -1
- package/src/searchfield/createSearchFieldState.d.ts +16 -14
- package/src/searchfield/createSearchFieldState.ts +5 -11
- package/src/searchfield/index.d.ts +3 -3
- package/src/searchfield/index.ts +2 -5
- package/src/select/createSelectState.d.ts +63 -61
- package/src/select/createSelectState.ts +27 -27
- package/src/select/index.d.ts +2 -2
- package/src/select/index.ts +1 -5
- package/src/selection/index.ts +6 -7
- package/src/slider/createSliderState.d.ts +60 -60
- package/src/slider/createSliderState.ts +55 -33
- package/src/slider/index.d.ts +3 -3
- package/src/slider/index.ts +2 -6
- package/src/ssr/index.d.ts +1 -1
- package/src/ssr/index.ts +2 -2
- package/src/steplist/createStepListState.ts +191 -0
- package/src/steplist/index.ts +5 -0
- package/src/table/TableCollection.d.ts +42 -40
- package/src/table/TableCollection.ts +61 -64
- package/src/table/createTableColumnResizeState.ts +242 -0
- package/src/table/createTableState.d.ts +7 -4
- package/src/table/createTableState.ts +10 -7
- package/src/table/index.d.ts +14 -4
- package/src/table/index.ts +10 -3
- package/src/table/types.d.ts +98 -92
- package/src/table/types.ts +17 -13
- package/src/tabs/createTabListState.d.ts +59 -57
- package/src/tabs/createTabListState.ts +24 -31
- package/src/tabs/index.d.ts +8 -2
- package/src/tabs/index.ts +1 -1
- package/src/textfield/createTextFieldState.d.ts +16 -14
- package/src/textfield/createTextFieldState.ts +7 -18
- package/src/textfield/index.d.ts +6 -2
- package/src/textfield/index.ts +1 -1
- package/src/toast/createToastState.d.ts +92 -86
- package/src/toast/createToastState.ts +48 -43
- package/src/toast/index.d.ts +12 -2
- package/src/toast/index.ts +1 -1
- package/src/toggle/createToggleGroupState.ts +11 -21
- package/src/toggle/createToggleState.d.ts +19 -19
- package/src/toggle/createToggleState.ts +2 -16
- package/src/toggle/index.d.ts +2 -2
- package/src/toggle/index.ts +2 -6
- package/src/tooltip/createTooltipTriggerState.d.ts +17 -17
- package/src/tooltip/createTooltipTriggerState.ts +12 -11
- package/src/tooltip/index.d.ts +7 -2
- package/src/tooltip/index.ts +1 -1
- package/src/tree/TreeCollection.d.ts +26 -23
- package/src/tree/TreeCollection.ts +29 -22
- package/src/tree/createTreeState.d.ts +7 -4
- package/src/tree/createTreeState.ts +39 -41
- package/src/tree/index.d.ts +10 -4
- package/src/tree/index.ts +3 -3
- package/src/tree/types.d.ts +131 -126
- package/src/tree/types.ts +22 -13
- package/src/utils/index.d.ts +2 -2
- package/src/utils/index.ts +1 -1
- package/src/utils/reactivity.d.ts +2 -2
- package/src/utils/reactivity.ts +3 -3
package/src/grid/index.d.ts
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
* Grid state management module.
|
|
3
3
|
* Provides state hooks for Table and GridList components.
|
|
4
4
|
*/
|
|
5
|
-
export { createGridState } from
|
|
6
|
-
export type { GridState, GridStateOptions, GridCollection, GridNode, GridNodeType
|
|
7
|
-
//# sourceMappingURL=index.d.ts.map
|
|
5
|
+
export { createGridState } from "./createGridState";
|
|
6
|
+
export type { GridState, GridStateOptions, GridCollection, GridNode, GridNodeType } from "./types";
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
package/src/grid/index.ts
CHANGED
|
@@ -3,11 +3,5 @@
|
|
|
3
3
|
* Provides state hooks for Table and GridList components.
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
export { createGridState } from
|
|
7
|
-
export type {
|
|
8
|
-
GridState,
|
|
9
|
-
GridStateOptions,
|
|
10
|
-
GridCollection,
|
|
11
|
-
GridNode,
|
|
12
|
-
GridNodeType,
|
|
13
|
-
} from './types';
|
|
6
|
+
export { createGridState } from "./createGridState";
|
|
7
|
+
export type { GridState, GridStateOptions, GridCollection, GridNode, GridNodeType } from "./types";
|
package/src/grid/types.d.ts
CHANGED
|
@@ -2,155 +2,162 @@
|
|
|
2
2
|
* Grid collection types for Table and GridList components.
|
|
3
3
|
* Based on @react-types/grid.
|
|
4
4
|
*/
|
|
5
|
-
import type { Key, FocusStrategy } from
|
|
5
|
+
import type { Key, FocusStrategy } from "../collections/types";
|
|
6
6
|
/**
|
|
7
7
|
* Represents the type of a grid node.
|
|
8
8
|
*/
|
|
9
|
-
export type GridNodeType =
|
|
9
|
+
export type GridNodeType =
|
|
10
|
+
| "item"
|
|
11
|
+
| "cell"
|
|
12
|
+
| "column"
|
|
13
|
+
| "rowheader"
|
|
14
|
+
| "headerrow"
|
|
15
|
+
| "section"
|
|
16
|
+
| "placeholder";
|
|
10
17
|
/**
|
|
11
18
|
* Represents a node in a grid collection.
|
|
12
19
|
*/
|
|
13
20
|
export interface GridNode<T = unknown> {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
21
|
+
/** The type of grid node. */
|
|
22
|
+
type: GridNodeType;
|
|
23
|
+
/** A unique key for the node. */
|
|
24
|
+
key: Key;
|
|
25
|
+
/** The original value/data for this node. */
|
|
26
|
+
value: T | null;
|
|
27
|
+
/** The text content for accessibility and typeahead. */
|
|
28
|
+
textValue: string;
|
|
29
|
+
/** The rendered content (JSX) - optional for programmatic nodes. */
|
|
30
|
+
rendered?: unknown;
|
|
31
|
+
/** The level of nesting (0 for top-level). */
|
|
32
|
+
level: number;
|
|
33
|
+
/** The index within the parent. */
|
|
34
|
+
index: number;
|
|
35
|
+
/** The key of the parent node, if any. */
|
|
36
|
+
parentKey?: Key | null;
|
|
37
|
+
/** Whether this node has child nodes. */
|
|
38
|
+
hasChildNodes: boolean;
|
|
39
|
+
/** Child nodes (cells for rows, rows for sections). */
|
|
40
|
+
childNodes: GridNode<T>[];
|
|
41
|
+
/** Whether this item is disabled. */
|
|
42
|
+
isDisabled?: boolean;
|
|
43
|
+
/** ARIA label for this node. */
|
|
44
|
+
"aria-label"?: string;
|
|
45
|
+
/** Additional props for the node. */
|
|
46
|
+
props?: Record<string, unknown>;
|
|
47
|
+
/** Column index for cells. */
|
|
48
|
+
column?: number;
|
|
49
|
+
/** Column span for cells. */
|
|
50
|
+
colspan?: number;
|
|
51
|
+
/** Row index. */
|
|
52
|
+
rowIndex?: number;
|
|
53
|
+
/** Whether this row can be expanded (for tree grids). */
|
|
54
|
+
isExpandable?: boolean;
|
|
55
|
+
/** Whether this row is expanded. */
|
|
56
|
+
isExpanded?: boolean;
|
|
50
57
|
}
|
|
51
58
|
/**
|
|
52
59
|
* A collection of grid nodes with grid-specific navigation.
|
|
53
60
|
*/
|
|
54
61
|
export interface GridCollection<T = unknown> {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
62
|
+
/** The number of items in the collection. */
|
|
63
|
+
readonly size: number;
|
|
64
|
+
/** All rows in the grid (including header rows). */
|
|
65
|
+
readonly rows: GridNode<T>[];
|
|
66
|
+
/** All column definitions. */
|
|
67
|
+
readonly columns: GridNode<T>[];
|
|
68
|
+
/** Number of header rows. */
|
|
69
|
+
readonly headerRows: GridNode<T>[];
|
|
70
|
+
/** Number of body rows (excluding headers). */
|
|
71
|
+
readonly rowCount: number;
|
|
72
|
+
/** Number of columns. */
|
|
73
|
+
readonly columnCount: number;
|
|
74
|
+
/** Get all keys in the collection. */
|
|
75
|
+
getKeys(): Iterable<Key>;
|
|
76
|
+
/** Get a node by its key. */
|
|
77
|
+
getItem(key: Key): GridNode<T> | null;
|
|
78
|
+
/** Get a node by index. */
|
|
79
|
+
at(index: number): GridNode<T> | null;
|
|
80
|
+
/** Get the key before the given key. */
|
|
81
|
+
getKeyBefore(key: Key): Key | null;
|
|
82
|
+
/** Get the key after the given key. */
|
|
83
|
+
getKeyAfter(key: Key): Key | null;
|
|
84
|
+
/** Get the first key in the collection. */
|
|
85
|
+
getFirstKey(): Key | null;
|
|
86
|
+
/** Get the last key in the collection. */
|
|
87
|
+
getLastKey(): Key | null;
|
|
88
|
+
/** Get the children of a node. */
|
|
89
|
+
getChildren(key: Key): Iterable<GridNode<T>>;
|
|
90
|
+
/** Get the text value for a key. */
|
|
91
|
+
getTextValue(key: Key): string;
|
|
92
|
+
/** Get a cell by row and column key. */
|
|
93
|
+
getCell(rowKey: Key, columnKey: Key): GridNode<T> | null;
|
|
94
|
+
/** Iterator over all nodes. */
|
|
95
|
+
[Symbol.iterator](): Iterator<GridNode<T>>;
|
|
89
96
|
}
|
|
90
97
|
/**
|
|
91
98
|
* State for a grid component.
|
|
92
99
|
*/
|
|
93
100
|
export interface GridState<T, C extends GridCollection<T> = GridCollection<T>> {
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
101
|
+
/** The grid collection. */
|
|
102
|
+
readonly collection: C;
|
|
103
|
+
/** Keys of disabled rows. */
|
|
104
|
+
readonly disabledKeys: Set<Key>;
|
|
105
|
+
/** Whether keyboard navigation is disabled. */
|
|
106
|
+
readonly isKeyboardNavigationDisabled: boolean;
|
|
107
|
+
/** Currently focused key. */
|
|
108
|
+
readonly focusedKey: Key | null;
|
|
109
|
+
/** Focus strategy for child focus. */
|
|
110
|
+
readonly childFocusStrategy: FocusStrategy | null;
|
|
111
|
+
/** Whether the grid is focused. */
|
|
112
|
+
readonly isFocused: boolean;
|
|
113
|
+
/** The selection mode. */
|
|
114
|
+
readonly selectionMode: "none" | "single" | "multiple";
|
|
115
|
+
/** The currently selected keys. */
|
|
116
|
+
readonly selectedKeys: "all" | Set<Key>;
|
|
117
|
+
/** Check if a key is selected. */
|
|
118
|
+
isSelected(key: Key): boolean;
|
|
119
|
+
/** Check if a key is disabled. */
|
|
120
|
+
isDisabled(key: Key): boolean;
|
|
121
|
+
/** Set the focused key. */
|
|
122
|
+
setFocusedKey(key: Key | null, childFocusStrategy?: FocusStrategy): void;
|
|
123
|
+
/** Set focused state. */
|
|
124
|
+
setFocused(isFocused: boolean): void;
|
|
125
|
+
/** Toggle selection for a key. */
|
|
126
|
+
toggleSelection(key: Key): void;
|
|
127
|
+
/** Replace selection with a key. */
|
|
128
|
+
replaceSelection(key: Key): void;
|
|
129
|
+
/** Extend selection to a key (shift-click). */
|
|
130
|
+
extendSelection(toKey: Key): void;
|
|
131
|
+
/** Select all rows. */
|
|
132
|
+
selectAll(): void;
|
|
133
|
+
/** Clear selection. */
|
|
134
|
+
clearSelection(): void;
|
|
135
|
+
/** Toggle select all. */
|
|
136
|
+
toggleSelectAll(): void;
|
|
137
|
+
/** Set keyboard navigation disabled. */
|
|
138
|
+
setKeyboardNavigationDisabled(isDisabled: boolean): void;
|
|
132
139
|
}
|
|
133
140
|
/**
|
|
134
141
|
* Options for creating grid state.
|
|
135
142
|
*/
|
|
136
143
|
export interface GridStateOptions<T, C extends GridCollection<T> = GridCollection<T>> {
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
144
|
+
/** The grid collection. */
|
|
145
|
+
collection: C;
|
|
146
|
+
/** Keys of disabled rows. */
|
|
147
|
+
disabledKeys?: Iterable<Key>;
|
|
148
|
+
/** Focus mode: 'row' or 'cell'. */
|
|
149
|
+
focusMode?: "row" | "cell";
|
|
150
|
+
/** Selection mode. */
|
|
151
|
+
selectionMode?: "none" | "single" | "multiple";
|
|
152
|
+
/** Selection behavior. */
|
|
153
|
+
selectionBehavior?: "toggle" | "replace";
|
|
154
|
+
/** Whether empty selection is disallowed. */
|
|
155
|
+
disallowEmptySelection?: boolean;
|
|
156
|
+
/** Currently selected keys (controlled). */
|
|
157
|
+
selectedKeys?: "all" | Iterable<Key>;
|
|
158
|
+
/** Default selected keys (uncontrolled). */
|
|
159
|
+
defaultSelectedKeys?: "all" | Iterable<Key>;
|
|
160
|
+
/** Handler for selection changes. */
|
|
161
|
+
onSelectionChange?: (keys: "all" | Set<Key>) => void;
|
|
155
162
|
}
|
|
156
|
-
//# sourceMappingURL=types.d.ts.map
|
|
163
|
+
//# sourceMappingURL=types.d.ts.map
|
package/src/grid/types.ts
CHANGED
|
@@ -3,20 +3,20 @@
|
|
|
3
3
|
* Based on @react-types/grid.
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
import type { Key, FocusStrategy } from
|
|
6
|
+
import type { Key, FocusStrategy } from "../collections/types";
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* Represents the type of a grid node.
|
|
10
10
|
*/
|
|
11
11
|
export type GridNodeType =
|
|
12
|
-
|
|
|
13
|
-
|
|
|
14
|
-
|
|
|
15
|
-
|
|
|
16
|
-
|
|
|
17
|
-
|
|
|
18
|
-
|
|
|
19
|
-
|
|
|
12
|
+
| "item" // A selectable row
|
|
13
|
+
| "cell" // A cell within a row
|
|
14
|
+
| "column" // A column header
|
|
15
|
+
| "rowheader" // A cell that acts as a row header
|
|
16
|
+
| "headerrow" // A header row container
|
|
17
|
+
| "section" // A section/group
|
|
18
|
+
| "content" // A collection content placeholder
|
|
19
|
+
| "placeholder"; // A placeholder (e.g., empty row)
|
|
20
20
|
|
|
21
21
|
/**
|
|
22
22
|
* Represents a node in a grid collection.
|
|
@@ -49,7 +49,7 @@ export interface GridNode<T = unknown> {
|
|
|
49
49
|
/** Whether this item is disabled. */
|
|
50
50
|
isDisabled?: boolean;
|
|
51
51
|
/** ARIA label for this node. */
|
|
52
|
-
|
|
52
|
+
"aria-label"?: string;
|
|
53
53
|
/** Additional props for the node. */
|
|
54
54
|
props?: Record<string, unknown>;
|
|
55
55
|
/** Column index for cells. */
|
|
@@ -132,9 +132,11 @@ export interface GridState<T, C extends GridCollection<T> = GridCollection<T>> {
|
|
|
132
132
|
/** Whether the grid is focused. */
|
|
133
133
|
readonly isFocused: boolean;
|
|
134
134
|
/** The selection mode. */
|
|
135
|
-
readonly selectionMode:
|
|
135
|
+
readonly selectionMode: "none" | "single" | "multiple";
|
|
136
|
+
/** The selection behavior. */
|
|
137
|
+
readonly selectionBehavior: "toggle" | "replace";
|
|
136
138
|
/** The currently selected keys. */
|
|
137
|
-
readonly selectedKeys:
|
|
139
|
+
readonly selectedKeys: "all" | Set<Key>;
|
|
138
140
|
/** Check if a key is selected. */
|
|
139
141
|
isSelected(key: Key): boolean;
|
|
140
142
|
/** Check if a key is disabled. */
|
|
@@ -168,17 +170,17 @@ export interface GridStateOptions<T, C extends GridCollection<T> = GridCollectio
|
|
|
168
170
|
/** Keys of disabled rows. */
|
|
169
171
|
disabledKeys?: Iterable<Key>;
|
|
170
172
|
/** Focus mode: 'row' or 'cell'. */
|
|
171
|
-
focusMode?:
|
|
173
|
+
focusMode?: "row" | "cell";
|
|
172
174
|
/** Selection mode. */
|
|
173
|
-
selectionMode?:
|
|
175
|
+
selectionMode?: "none" | "single" | "multiple";
|
|
174
176
|
/** Selection behavior. */
|
|
175
|
-
selectionBehavior?:
|
|
177
|
+
selectionBehavior?: "toggle" | "replace";
|
|
176
178
|
/** Whether empty selection is disallowed. */
|
|
177
179
|
disallowEmptySelection?: boolean;
|
|
178
180
|
/** Currently selected keys (controlled). */
|
|
179
|
-
selectedKeys?:
|
|
181
|
+
selectedKeys?: "all" | Iterable<Key>;
|
|
180
182
|
/** Default selected keys (uncontrolled). */
|
|
181
|
-
defaultSelectedKeys?:
|
|
183
|
+
defaultSelectedKeys?: "all" | Iterable<Key>;
|
|
182
184
|
/** Handler for selection changes. */
|
|
183
|
-
onSelectionChange?: (keys:
|
|
185
|
+
onSelectionChange?: (keys: "all" | Set<Key>) => void;
|
|
184
186
|
}
|