@redis-ui/table 2.18.0 → 2.23.2

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.
Files changed (83) hide show
  1. package/dist/Table/Table.cjs +30 -4
  2. package/dist/Table/Table.context.d.ts +1 -0
  3. package/dist/Table/Table.d.ts +26 -21
  4. package/dist/Table/Table.js +30 -4
  5. package/dist/Table/Table.style.cjs +37 -9
  6. package/dist/Table/Table.style.d.ts +277 -5
  7. package/dist/Table/Table.style.js +37 -9
  8. package/dist/Table/Table.types.d.ts +3 -1
  9. package/dist/Table/components/Compose/Compose.cjs +4 -1
  10. package/dist/Table/components/Compose/Compose.d.ts +1 -1
  11. package/dist/Table/components/Compose/Compose.js +4 -1
  12. package/dist/Table/components/ExpandRowButton/ExpandAllRowsButton.cjs +20 -0
  13. package/dist/Table/components/ExpandRowButton/ExpandAllRowsButton.d.ts +8 -0
  14. package/dist/Table/components/ExpandRowButton/ExpandAllRowsButton.js +20 -0
  15. package/dist/Table/components/ExpandRowButton/ExpandAllRowsButton.test.d.ts +1 -0
  16. package/dist/Table/components/ExpandRowButton/useExpanderColumn.cjs +19 -0
  17. package/dist/Table/components/ExpandRowButton/useExpanderColumn.d.ts +6 -0
  18. package/dist/Table/components/ExpandRowButton/useExpanderColumn.js +19 -0
  19. package/dist/Table/components/ExpandRowButton/useExpanderColumn.test.d.ts +1 -0
  20. package/dist/Table/components/PluggableTable/compositionComponents.d.ts +6 -6
  21. package/dist/Table/components/RowSelection/HeaderMultiRowSelectionButton.cjs +1 -0
  22. package/dist/Table/components/RowSelection/HeaderMultiRowSelectionButton.d.ts +1 -1
  23. package/dist/Table/components/RowSelection/HeaderMultiRowSelectionButton.js +1 -0
  24. package/dist/Table/components/RowSelection/useRowSelectionColumn.cjs +26 -0
  25. package/dist/Table/components/RowSelection/useRowSelectionColumn.d.ts +8 -0
  26. package/dist/Table/components/RowSelection/useRowSelectionColumn.js +26 -0
  27. package/dist/Table/components/RowSelection/useRowSelectionColumn.test.d.ts +1 -0
  28. package/dist/Table/components/ShowOnRowHover/ShowOnRowHover.style.cjs +3 -1
  29. package/dist/Table/components/ShowOnRowHover/ShowOnRowHover.style.js +3 -1
  30. package/dist/Table/components/TableBody/TableBody.d.ts +1 -1
  31. package/dist/Table/components/TableBody/components/Compose/Compose.cjs +2 -3
  32. package/dist/Table/components/TableBody/components/Compose/Compose.js +2 -3
  33. package/dist/Table/components/TableBodyCell/TableBodyCell.cjs +1 -5
  34. package/dist/Table/components/TableBodyCell/TableBodyCell.d.ts +4 -7
  35. package/dist/Table/components/TableBodyCell/TableBodyCell.js +1 -5
  36. package/dist/Table/components/TableBodyCell/components/Compose/Compose.cjs +21 -1
  37. package/dist/Table/components/TableBodyCell/components/Compose/Compose.d.ts +8 -2
  38. package/dist/Table/components/TableBodyCell/components/Compose/Compose.js +21 -1
  39. package/dist/Table/components/TableBodyCell/components/Compose/Compose.test.d.ts +1 -0
  40. package/dist/Table/components/TableBodyRow/TableBodyRow.cjs +12 -2
  41. package/dist/Table/components/TableBodyRow/TableBodyRow.d.ts +3 -3
  42. package/dist/Table/components/TableBodyRow/TableBodyRow.js +12 -2
  43. package/dist/Table/components/TableBodyRow/components/Compose/Compose.d.ts +2 -1
  44. package/dist/Table/components/TableHeader/TableHeader.d.ts +3 -3
  45. package/dist/Table/components/TableHeader/components/Compose/Compose.d.ts +2 -1
  46. package/dist/Table/components/TableHeaderCell/SRSortingNotification.cjs +4 -5
  47. package/dist/Table/components/TableHeaderCell/SRSortingNotification.d.ts +1 -1
  48. package/dist/Table/components/TableHeaderCell/SRSortingNotification.js +4 -5
  49. package/dist/Table/components/TableHeaderCell/TableHeaderCell.cjs +2 -6
  50. package/dist/Table/components/TableHeaderCell/TableHeaderCell.d.ts +2 -2
  51. package/dist/Table/components/TableHeaderCell/TableHeaderCell.js +2 -6
  52. package/dist/Table/components/TableHeaderCell/components/Compose/Compose.cjs +13 -5
  53. package/dist/Table/components/TableHeaderCell/components/Compose/Compose.js +13 -5
  54. package/dist/Table/components/TableHeaderCell/components/Compose/Compose.test.d.ts +1 -0
  55. package/dist/Table/components/TableHeaderCell/components/Heading/Heading.cjs +6 -5
  56. package/dist/Table/components/TableHeaderCell/components/Heading/Heading.js +7 -6
  57. package/dist/Table/components/TableHeaderCell/components/SortableHeading/SortableHeading.d.ts +1 -1
  58. package/dist/Table/components/TableHeaderCell/components/SortableHeading/components/Compose/Compose.cjs +1 -0
  59. package/dist/Table/components/TableHeaderCell/components/SortableHeading/components/Compose/Compose.js +1 -0
  60. package/dist/Table/components/TablePagination/TablePagination.cjs +4 -2
  61. package/dist/Table/components/TablePagination/TablePagination.js +4 -2
  62. package/dist/Table/components/TableRoot/TableRoot.cjs +9 -1
  63. package/dist/Table/components/TableRoot/TableRoot.d.ts +2 -1
  64. package/dist/Table/components/TableRoot/TableRoot.js +9 -1
  65. package/dist/Table/plugins/ExpandableRowPlugin.cjs +11 -5
  66. package/dist/Table/plugins/ExpandableRowPlugin.d.ts +7 -1
  67. package/dist/Table/plugins/ExpandableRowPlugin.js +11 -5
  68. package/dist/Table/plugins/PaginationPlugin.cjs +2 -0
  69. package/dist/Table/plugins/PaginationPlugin.d.ts +2 -1
  70. package/dist/Table/plugins/PaginationPlugin.js +2 -0
  71. package/dist/Table/plugins/RowNavigationPlugin.cjs +139 -0
  72. package/dist/Table/plugins/RowNavigationPlugin.d.ts +44 -0
  73. package/dist/Table/plugins/RowNavigationPlugin.js +139 -0
  74. package/dist/Table/plugins/SortingPlugin.cjs +1 -1
  75. package/dist/Table/plugins/SortingPlugin.d.ts +1 -1
  76. package/dist/Table/plugins/SortingPlugin.js +1 -1
  77. package/dist/Table/tanStackExtendedTypes.d.ts +9 -0
  78. package/dist/Table/utils/plugin.utils.d.ts +1 -1
  79. package/dist/Table/utils/table.utils.cjs +13 -0
  80. package/dist/Table/utils/table.utils.d.ts +2 -0
  81. package/dist/Table/utils/table.utils.js +13 -0
  82. package/dist/Table/utils/table.utils.test.d.ts +1 -0
  83. package/package.json +5 -5
@@ -1,15 +1,287 @@
1
+ /// <reference types="react" />
2
+ /// <reference types="react" />
1
3
  export declare const TableContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
2
4
  export declare const Table: import("styled-components").StyledComponent<"table", any, {}, never>;
3
- export declare const TableHead: import("styled-components").StyledComponent<"thead", any, {}, never>;
5
+ export declare const TableHead: import("styled-components").StyledComponent<"thead", any, {
6
+ id?: string | undefined;
7
+ onChange?: import("react").FormEventHandler<HTMLTableSectionElement> | undefined;
8
+ slot?: string | undefined;
9
+ style?: import("react").CSSProperties | undefined;
10
+ title?: string | undefined;
11
+ defaultChecked?: boolean | undefined;
12
+ defaultValue?: string | number | readonly string[] | undefined;
13
+ suppressContentEditableWarning?: boolean | undefined;
14
+ suppressHydrationWarning?: boolean | undefined;
15
+ accessKey?: string | undefined;
16
+ autoFocus?: boolean | undefined;
17
+ className?: string | undefined;
18
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
19
+ contextMenu?: string | undefined;
20
+ dir?: string | undefined;
21
+ draggable?: (boolean | "true" | "false") | undefined;
22
+ hidden?: boolean | undefined;
23
+ lang?: string | undefined;
24
+ nonce?: string | undefined;
25
+ spellCheck?: (boolean | "true" | "false") | undefined;
26
+ tabIndex?: number | undefined;
27
+ translate?: "yes" | "no" | undefined;
28
+ radioGroup?: string | undefined;
29
+ role?: import("react").AriaRole | undefined;
30
+ about?: string | undefined;
31
+ content?: string | undefined;
32
+ datatype?: string | undefined;
33
+ inlist?: any;
34
+ prefix?: string | undefined;
35
+ property?: string | undefined;
36
+ rel?: string | undefined;
37
+ resource?: string | undefined;
38
+ rev?: string | undefined;
39
+ typeof?: string | undefined;
40
+ vocab?: string | undefined;
41
+ autoCapitalize?: string | undefined;
42
+ autoCorrect?: string | undefined;
43
+ autoSave?: string | undefined;
44
+ color?: string | undefined;
45
+ itemProp?: string | undefined;
46
+ itemScope?: boolean | undefined;
47
+ itemType?: string | undefined;
48
+ itemID?: string | undefined;
49
+ itemRef?: string | undefined;
50
+ results?: number | undefined;
51
+ security?: string | undefined;
52
+ unselectable?: "on" | "off" | undefined;
53
+ inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
54
+ is?: string | undefined;
55
+ "aria-activedescendant"?: string | undefined;
56
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
57
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
58
+ "aria-braillelabel"?: string | undefined;
59
+ "aria-brailleroledescription"?: string | undefined;
60
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
61
+ "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
62
+ "aria-colcount"?: number | undefined;
63
+ "aria-colindex"?: number | undefined;
64
+ "aria-colindextext"?: string | undefined;
65
+ "aria-colspan"?: number | undefined;
66
+ "aria-controls"?: string | undefined;
67
+ "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
68
+ "aria-describedby"?: string | undefined;
69
+ "aria-description"?: string | undefined;
70
+ "aria-details"?: string | undefined;
71
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
72
+ "aria-dropeffect"?: "link" | "move" | "copy" | "none" | "execute" | "popup" | undefined;
73
+ "aria-errormessage"?: string | undefined;
74
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
75
+ "aria-flowto"?: string | undefined;
76
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
77
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
78
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
79
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
80
+ "aria-keyshortcuts"?: string | undefined;
81
+ "aria-label"?: string | undefined;
82
+ "aria-labelledby"?: string | undefined;
83
+ "aria-level"?: number | undefined;
84
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
85
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
86
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
87
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
88
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
89
+ "aria-owns"?: string | undefined;
90
+ "aria-placeholder"?: string | undefined;
91
+ "aria-posinset"?: number | undefined;
92
+ "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
93
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
94
+ "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
95
+ "aria-required"?: (boolean | "true" | "false") | undefined;
96
+ "aria-roledescription"?: string | undefined;
97
+ "aria-rowcount"?: number | undefined;
98
+ "aria-rowindex"?: number | undefined;
99
+ "aria-rowindextext"?: string | undefined;
100
+ "aria-rowspan"?: number | undefined;
101
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
102
+ "aria-setsize"?: number | undefined;
103
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
104
+ "aria-valuemax"?: number | undefined;
105
+ "aria-valuemin"?: number | undefined;
106
+ "aria-valuenow"?: number | undefined;
107
+ "aria-valuetext"?: string | undefined;
108
+ children?: import("react").ReactNode;
109
+ dangerouslySetInnerHTML?: {
110
+ __html: string | TrustedHTML;
111
+ } | undefined;
112
+ onCopy?: import("react").ClipboardEventHandler<HTMLTableSectionElement> | undefined;
113
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLTableSectionElement> | undefined;
114
+ onCut?: import("react").ClipboardEventHandler<HTMLTableSectionElement> | undefined;
115
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLTableSectionElement> | undefined;
116
+ onPaste?: import("react").ClipboardEventHandler<HTMLTableSectionElement> | undefined;
117
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLTableSectionElement> | undefined;
118
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLTableSectionElement> | undefined;
119
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLTableSectionElement> | undefined;
120
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLTableSectionElement> | undefined;
121
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLTableSectionElement> | undefined;
122
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLTableSectionElement> | undefined;
123
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLTableSectionElement> | undefined;
124
+ onFocus?: import("react").FocusEventHandler<HTMLTableSectionElement> | undefined;
125
+ onFocusCapture?: import("react").FocusEventHandler<HTMLTableSectionElement> | undefined;
126
+ onBlur?: import("react").FocusEventHandler<HTMLTableSectionElement> | undefined;
127
+ onBlurCapture?: import("react").FocusEventHandler<HTMLTableSectionElement> | undefined;
128
+ onChangeCapture?: import("react").FormEventHandler<HTMLTableSectionElement> | undefined;
129
+ onBeforeInput?: import("react").FormEventHandler<HTMLTableSectionElement> | undefined;
130
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLTableSectionElement> | undefined;
131
+ onInput?: import("react").FormEventHandler<HTMLTableSectionElement> | undefined;
132
+ onInputCapture?: import("react").FormEventHandler<HTMLTableSectionElement> | undefined;
133
+ onReset?: import("react").FormEventHandler<HTMLTableSectionElement> | undefined;
134
+ onResetCapture?: import("react").FormEventHandler<HTMLTableSectionElement> | undefined;
135
+ onSubmit?: import("react").FormEventHandler<HTMLTableSectionElement> | undefined;
136
+ onSubmitCapture?: import("react").FormEventHandler<HTMLTableSectionElement> | undefined;
137
+ onInvalid?: import("react").FormEventHandler<HTMLTableSectionElement> | undefined;
138
+ onInvalidCapture?: import("react").FormEventHandler<HTMLTableSectionElement> | undefined;
139
+ onLoad?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
140
+ onLoadCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
141
+ onError?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
142
+ onErrorCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
143
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLTableSectionElement> | undefined;
144
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLTableSectionElement> | undefined;
145
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLTableSectionElement> | undefined;
146
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLTableSectionElement> | undefined;
147
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLTableSectionElement> | undefined;
148
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLTableSectionElement> | undefined;
149
+ onAbort?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
150
+ onAbortCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
151
+ onCanPlay?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
152
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
153
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
154
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
155
+ onDurationChange?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
156
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
157
+ onEmptied?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
158
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
159
+ onEncrypted?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
160
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
161
+ onEnded?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
162
+ onEndedCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
163
+ onLoadedData?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
164
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
165
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
166
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
167
+ onLoadStart?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
168
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
169
+ onPause?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
170
+ onPauseCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
171
+ onPlay?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
172
+ onPlayCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
173
+ onPlaying?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
174
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
175
+ onProgress?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
176
+ onProgressCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
177
+ onRateChange?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
178
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
179
+ onResize?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
180
+ onResizeCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
181
+ onSeeked?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
182
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
183
+ onSeeking?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
184
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
185
+ onStalled?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
186
+ onStalledCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
187
+ onSuspend?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
188
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
189
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
190
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
191
+ onVolumeChange?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
192
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
193
+ onWaiting?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
194
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
195
+ onAuxClick?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
196
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
197
+ onClick?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
198
+ onClickCapture?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
199
+ onContextMenu?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
200
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
201
+ onDoubleClick?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
202
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
203
+ onDrag?: import("react").DragEventHandler<HTMLTableSectionElement> | undefined;
204
+ onDragCapture?: import("react").DragEventHandler<HTMLTableSectionElement> | undefined;
205
+ onDragEnd?: import("react").DragEventHandler<HTMLTableSectionElement> | undefined;
206
+ onDragEndCapture?: import("react").DragEventHandler<HTMLTableSectionElement> | undefined;
207
+ onDragEnter?: import("react").DragEventHandler<HTMLTableSectionElement> | undefined;
208
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLTableSectionElement> | undefined;
209
+ onDragExit?: import("react").DragEventHandler<HTMLTableSectionElement> | undefined;
210
+ onDragExitCapture?: import("react").DragEventHandler<HTMLTableSectionElement> | undefined;
211
+ onDragLeave?: import("react").DragEventHandler<HTMLTableSectionElement> | undefined;
212
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLTableSectionElement> | undefined;
213
+ onDragOver?: import("react").DragEventHandler<HTMLTableSectionElement> | undefined;
214
+ onDragOverCapture?: import("react").DragEventHandler<HTMLTableSectionElement> | undefined;
215
+ onDragStart?: import("react").DragEventHandler<HTMLTableSectionElement> | undefined;
216
+ onDragStartCapture?: import("react").DragEventHandler<HTMLTableSectionElement> | undefined;
217
+ onDrop?: import("react").DragEventHandler<HTMLTableSectionElement> | undefined;
218
+ onDropCapture?: import("react").DragEventHandler<HTMLTableSectionElement> | undefined;
219
+ onMouseDown?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
220
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
221
+ onMouseEnter?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
222
+ onMouseLeave?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
223
+ onMouseMove?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
224
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
225
+ onMouseOut?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
226
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
227
+ onMouseOver?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
228
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
229
+ onMouseUp?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
230
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLTableSectionElement> | undefined;
231
+ onSelect?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
232
+ onSelectCapture?: import("react").ReactEventHandler<HTMLTableSectionElement> | undefined;
233
+ onTouchCancel?: import("react").TouchEventHandler<HTMLTableSectionElement> | undefined;
234
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLTableSectionElement> | undefined;
235
+ onTouchEnd?: import("react").TouchEventHandler<HTMLTableSectionElement> | undefined;
236
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLTableSectionElement> | undefined;
237
+ onTouchMove?: import("react").TouchEventHandler<HTMLTableSectionElement> | undefined;
238
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLTableSectionElement> | undefined;
239
+ onTouchStart?: import("react").TouchEventHandler<HTMLTableSectionElement> | undefined;
240
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLTableSectionElement> | undefined;
241
+ onPointerDown?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
242
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
243
+ onPointerMove?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
244
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
245
+ onPointerUp?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
246
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
247
+ onPointerCancel?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
248
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
249
+ onPointerEnter?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
250
+ onPointerLeave?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
251
+ onPointerOver?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
252
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
253
+ onPointerOut?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
254
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
255
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
256
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
257
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
258
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLTableSectionElement> | undefined;
259
+ onScroll?: import("react").UIEventHandler<HTMLTableSectionElement> | undefined;
260
+ onScrollCapture?: import("react").UIEventHandler<HTMLTableSectionElement> | undefined;
261
+ onWheel?: import("react").WheelEventHandler<HTMLTableSectionElement> | undefined;
262
+ onWheelCapture?: import("react").WheelEventHandler<HTMLTableSectionElement> | undefined;
263
+ onAnimationStart?: import("react").AnimationEventHandler<HTMLTableSectionElement> | undefined;
264
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLTableSectionElement> | undefined;
265
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLTableSectionElement> | undefined;
266
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLTableSectionElement> | undefined;
267
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLTableSectionElement> | undefined;
268
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLTableSectionElement> | undefined;
269
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLTableSectionElement> | undefined;
270
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLTableSectionElement> | undefined;
271
+ key?: import("react").Key | null | undefined;
272
+ ref?: ((instance: HTMLTableSectionElement | null) => void) | import("react").RefObject<HTMLTableSectionElement> | null | undefined;
273
+ theme: any;
274
+ 'data-role': string;
275
+ }, "id" | "onChange" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "theme" | "ref" | "key" | "data-role">;
4
276
  export declare const TableHeaderRow: import("styled-components").StyledComponent<"tr", any, {}, never>;
5
- export declare const SortableHeadingCompose: import("styled-components").StyledComponent<"button", any, {}, never>;
277
+ export declare const SortableHeadingCompose: import("styled-components").StyledComponent<"button", any, {
278
+ $custom: boolean;
279
+ }, never>;
6
280
  export declare const HeaderTitleWrapper: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("@redislabsdev/redis-ui-components").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {
7
281
  $isTextual: boolean;
8
282
  }, never>;
9
283
  export declare const TableTh: import("styled-components").StyledComponent<"th", any, {}, never>;
10
- export declare const TableBody: import("styled-components").StyledComponent<"tbody", any, {
11
- maxHeight?: string | undefined;
12
- }, never>;
284
+ export declare const TableBody: import("styled-components").StyledComponent<"tbody", any, {}, never>;
13
285
  export declare const TableBodyRow: import("styled-components").StyledComponent<"tr", any, {
14
286
  $stripedRows: boolean;
15
287
  }, never>;
@@ -2,6 +2,7 @@ import _styled, { css } from "styled-components";
2
2
  import { useTheme, getFocusStyle } from "@redislabsdev/redis-ui-styles";
3
3
  import { Typography } from "@redislabsdev/redis-ui-components";
4
4
  import { ShowOnRowHover } from "./components/ShowOnRowHover/ShowOnRowHover.style.js";
5
+ import { useTableContext } from "./Table.context.js";
5
6
  const TableContainer = _styled.div.withConfig({
6
7
  displayName: "Tablestyle__TableContainer",
7
8
  componentId: "RedisUI__sc-o0xfty-0"
@@ -9,11 +10,28 @@ const TableContainer = _styled.div.withConfig({
9
10
  const Table = _styled.table.withConfig({
10
11
  displayName: "Tablestyle__Table",
11
12
  componentId: "RedisUI__sc-o0xfty-1"
12
- })(["width:100%;border-collapse:collapse;border-spacing:0;overflow-x:auto;display:block;table-layout:fixed;"]);
13
- const TableHead = _styled.thead.withConfig({
13
+ })(["width:100%;border-collapse:collapse;border-spacing:0;overflow-x:auto;display:block;table-layout:fixed;", ""], () => {
14
+ const {
15
+ table
16
+ } = useTableContext();
17
+ return css`
18
+ overflow-x: ${table.getRowModel().rows.length ? "auto" : "hidden"};
19
+ `;
20
+ });
21
+ const TableHead = _styled.thead.attrs((props) => ({
22
+ "data-role": "table-header",
23
+ ...props
24
+ })).withConfig({
14
25
  displayName: "Tablestyle__TableHead",
15
26
  componentId: "RedisUI__sc-o0xfty-2"
16
- })(["display:table;table-layout:fixed;"]);
27
+ })(["display:table;table-layout:fixed;", ""], () => {
28
+ const {
29
+ minWidth
30
+ } = useTableContext();
31
+ return css`
32
+ min-width: ${minWidth || void 0};
33
+ `;
34
+ });
17
35
  const TableHeaderRow = _styled.tr.withConfig({
18
36
  displayName: "Tablestyle__TableHeaderRow",
19
37
  componentId: "RedisUI__sc-o0xfty-3"
@@ -21,7 +39,9 @@ const TableHeaderRow = _styled.tr.withConfig({
21
39
  const SortableHeadingCompose = _styled.button.withConfig({
22
40
  displayName: "Tablestyle__SortableHeadingCompose",
23
41
  componentId: "RedisUI__sc-o0xfty-4"
24
- })(["all:unset;border-radius:0.03rem;display:flex;align-items:center;justify-content:flex-start;gap:0.8rem;height:100%;width:100%;min-height:35px;max-width:100%;overflow:hidden;", " svg{flex:none;}"], getFocusStyle("0.6rem"));
42
+ })(["all:unset;border-radius:0.03rem;display:flex;align-items:center;justify-content:flex-start;gap:0.8rem;height:100%;width:100%;min-height:35px;max-width:100%;overflow:", ";", " svg{flex:none;}"], ({
43
+ $custom
44
+ }) => $custom ? void 0 : "hidden", getFocusStyle("0.6rem"));
25
45
  const HeaderTitleWrapper = _styled(Typography.Body).withConfig({
26
46
  displayName: "Tablestyle__HeaderTitleWrapper",
27
47
  componentId: "RedisUI__sc-o0xfty-5"
@@ -35,17 +55,25 @@ const HeaderTitleWrapper = _styled(Typography.Body).withConfig({
35
55
  const TableTh = _styled.th.withConfig({
36
56
  displayName: "Tablestyle__TableTh",
37
57
  componentId: "RedisUI__sc-o0xfty-6"
38
- })(["padding:1.05rem 1.2rem;color:", ";user-select:none;white-space:nowrap;word-break:break-word;line-height:normal;position:relative;&:not(:last-child)::after{content:'';position:absolute;inset:1.05rem 0 1.05rem auto;border-right:1px solid ", ";}"], () => useTheme().components.table.table.tableTh.color, () => useTheme().components.table.table.tableTh.borderRight);
58
+ })(["padding:1.05rem 1.2rem;color:", ";user-select:none;white-space:nowrap;word-break:break-word;line-height:normal;position:relative;overflow:hidden;&[aria-sort]{cursor:pointer;}&:not(:last-child)::after{content:'';position:absolute;inset:1.05rem 0 1.05rem auto;border-right:1px solid ", ";}"], () => useTheme().components.table.table.tableTh.color, () => useTheme().components.table.table.tableTh.borderRight);
39
59
  const TableBody = _styled.tbody.withConfig({
40
60
  displayName: "Tablestyle__TableBody",
41
61
  componentId: "RedisUI__sc-o0xfty-7"
42
- })(["max-height:", ";overflow-y:auto;overflow-x:hidden;display:inline-block;table-layout:fixed;"], ({
43
- maxHeight
44
- }) => maxHeight);
62
+ })(["", " overflow-y:auto;overflow-x:hidden;display:inline-block;table-layout:fixed;"], () => {
63
+ const {
64
+ maxHeight,
65
+ minWidth,
66
+ table
67
+ } = useTableContext();
68
+ return css`
69
+ max-height: ${maxHeight};
70
+ min-width: ${table.getRowModel().rows.length && minWidth || void 0};
71
+ `;
72
+ });
45
73
  const TableBodyRow = _styled.tr.withConfig({
46
74
  displayName: "Tablestyle__TableBodyRow",
47
75
  componentId: "RedisUI__sc-o0xfty-8"
48
- })(["border-top:1px solid ", ";height:4.8rem;transition:box-shadow 0.2s ease-in-out;position:relative;&:hover,&:focus{cursor:", ";z-index:1;box-shadow:", ";", "{opacity:1;visibility:visible;}}", " display:table;width:100%;table-layout:fixed;"], () => useTheme().components.table.table.tableBodyRow.borderTop, ({
76
+ })(["border-top:1px solid ", ";height:4.8rem;transition:box-shadow 0.2s ease-in-out;position:relative;&:hover,&:focus,&:focus-within{cursor:", ";z-index:1;box-shadow:", ";", "{opacity:1;visibility:visible;}}", " display:table;width:100%;table-layout:fixed;"], () => useTheme().components.table.table.tableBodyRow.borderTop, ({
49
77
  onClick
50
78
  }) => onClick ? "pointer" : "default", () => useTheme().components.table.table.tableBodyRow.hoverBoxShadow, ShowOnRowHover, ({
51
79
  $stripedRows
@@ -4,6 +4,7 @@ import { TablePaginationParams } from './plugins/PaginationPlugin';
4
4
  import { TableRowSelectionParams } from './plugins/RowSelectionPlugin';
5
5
  import { TableSortingParams } from './plugins/SortingPlugin';
6
6
  import { EmptyStateProps } from './components/EmptyState/EmptyState';
7
+ import { TableRowNavigationParams } from './plugins/RowNavigationPlugin';
7
8
  export * from '@tanstack/react-table';
8
9
  /** @deprecated use ColumnDef */
9
10
  export type ColumnDefinition<T extends object> = ColumnDef<T>;
@@ -18,13 +19,14 @@ export type SortingTypes = SortingState;
18
19
  type TableExpandableRowProps<T extends object> = Omit<TableExpandableRowParams<T>, 'getRowCanExpand'> & {
19
20
  getIsRowExpandable?: (rowData: T) => boolean;
20
21
  };
21
- export interface TableProps<T extends object> extends TableSortingParams, TableExpandableRowProps<T>, TablePaginationParams, TableRowSelectionParams<T> {
22
+ export interface TableProps<T extends object> extends TableSortingParams, TableExpandableRowProps<T>, TablePaginationParams, TableRowSelectionParams<T>, TableRowNavigationParams {
22
23
  data: T[];
23
24
  columns: ColumnDef<T>[];
24
25
  getRowId?: (rowData: T, index: number) => string;
25
26
  onRowClick?: (rowData: T) => void;
26
27
  emptyState?: EmptyStateProps['emptyStateRender'];
27
28
  maxHeight?: string;
29
+ minWidth?: string;
28
30
  stripedRows?: boolean;
29
31
  caption?: string;
30
32
  }
@@ -13,6 +13,7 @@ const TableCompose = ({
13
13
  tableOptions,
14
14
  components,
15
15
  maxHeight,
16
+ minWidth,
16
17
  stripedRows,
17
18
  ...restProps
18
19
  }) => {
@@ -22,6 +23,7 @@ const TableCompose = ({
22
23
  columns,
23
24
  getCoreRowModel: index$1.getCoreRowModel(),
24
25
  enableSorting: false,
26
+ enableColumnResizing: false,
25
27
  ...tableOptions,
26
28
  ...mergedPluginsData == null ? void 0 : mergedPluginsData.tableOptions
27
29
  });
@@ -30,7 +32,8 @@ const TableCompose = ({
30
32
  plugins: mergedPluginsData.context,
31
33
  components,
32
34
  stripedRows,
33
- maxHeight
35
+ maxHeight,
36
+ minWidth
34
37
  };
35
38
  return jsxRuntime.jsxRuntimeExports.jsx(Table_context.TableContextProvider, {
36
39
  value: tableContext,
@@ -10,4 +10,4 @@ export type OwnTableComposeProps<T extends object> = TableMainContextProps & Pic
10
10
  };
11
11
  export type RestTableComposeProps = ComposeElementProps;
12
12
  export type TableComposeProps<T extends object> = OwnTableComposeProps<T> & RestTableComposeProps;
13
- export declare const TableCompose: <T extends object>({ data, columns, pluginsData, tableOptions, components, maxHeight, stripedRows, ...restProps }: TableComposeProps<T>) => import("react/jsx-runtime").JSX.Element;
13
+ export declare const TableCompose: <T extends object>({ data, columns, pluginsData, tableOptions, components, maxHeight, minWidth, stripedRows, ...restProps }: TableComposeProps<T>) => import("react/jsx-runtime").JSX.Element;
@@ -11,6 +11,7 @@ const TableCompose = ({
11
11
  tableOptions,
12
12
  components,
13
13
  maxHeight,
14
+ minWidth,
14
15
  stripedRows,
15
16
  ...restProps
16
17
  }) => {
@@ -20,6 +21,7 @@ const TableCompose = ({
20
21
  columns,
21
22
  getCoreRowModel: getCoreRowModel(),
22
23
  enableSorting: false,
24
+ enableColumnResizing: false,
23
25
  ...tableOptions,
24
26
  ...mergedPluginsData == null ? void 0 : mergedPluginsData.tableOptions
25
27
  });
@@ -28,7 +30,8 @@ const TableCompose = ({
28
30
  plugins: mergedPluginsData.context,
29
31
  components,
30
32
  stripedRows,
31
- maxHeight
33
+ maxHeight,
34
+ minWidth
32
35
  };
33
36
  return jsxRuntimeExports.jsx(TableContextProvider, {
34
37
  value: tableContext,
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
4
+ const redisUiComponents = require("@redislabsdev/redis-ui-components");
5
+ const redisUiIcons = require("@redislabsdev/redis-ui-icons");
6
+ const ExpandAllRowsButton = ({
7
+ table,
8
+ expandedIcon,
9
+ collapsedIcon,
10
+ ...restProps
11
+ }) => table.getCanSomeRowsExpand() ? jsxRuntime.jsxRuntimeExports.jsx(redisUiComponents.IconButton, {
12
+ ...restProps,
13
+ icon: table.getIsAllRowsExpanded() ? expandedIcon ?? redisUiIcons.DoubleChevronUpIcon : collapsedIcon ?? redisUiIcons.DoubleChevronDownIcon,
14
+ "aria-label": table.getIsAllRowsExpanded() ? "Collapse All" : "Expand All",
15
+ onClick: (e) => {
16
+ e.stopPropagation();
17
+ table.toggleAllRowsExpanded();
18
+ }
19
+ }) : null;
20
+ exports.ExpandAllRowsButton = ExpandAllRowsButton;
@@ -0,0 +1,8 @@
1
+ import { IconButtonProps } from '@redislabsdev/redis-ui-components';
2
+ import { Table } from '@tanstack/react-table';
3
+ export interface ExpandAllRowsButtonProps extends Omit<IconButtonProps, 'icon' | 'onClick'> {
4
+ table: Table<any>;
5
+ expandedIcon?: IconButtonProps['icon'];
6
+ collapsedIcon?: IconButtonProps['icon'];
7
+ }
8
+ export declare const ExpandAllRowsButton: ({ table, expandedIcon, collapsedIcon, ...restProps }: ExpandAllRowsButtonProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1,20 @@
1
+ import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
2
+ import { IconButton } from "@redislabsdev/redis-ui-components";
3
+ import { DoubleChevronUpIcon, DoubleChevronDownIcon } from "@redislabsdev/redis-ui-icons";
4
+ const ExpandAllRowsButton = ({
5
+ table,
6
+ expandedIcon,
7
+ collapsedIcon,
8
+ ...restProps
9
+ }) => table.getCanSomeRowsExpand() ? jsxRuntimeExports.jsx(IconButton, {
10
+ ...restProps,
11
+ icon: table.getIsAllRowsExpanded() ? expandedIcon ?? DoubleChevronUpIcon : collapsedIcon ?? DoubleChevronDownIcon,
12
+ "aria-label": table.getIsAllRowsExpanded() ? "Collapse All" : "Expand All",
13
+ onClick: (e) => {
14
+ e.stopPropagation();
15
+ table.toggleAllRowsExpanded();
16
+ }
17
+ }) : null;
18
+ export {
19
+ ExpandAllRowsButton
20
+ };
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const ExpandAllRowsButton = require("./ExpandAllRowsButton.cjs");
4
+ const ExpandRowButton = require("./ExpandRowButton.cjs");
5
+ const useExpanderColumn = ({
6
+ allowExpandAll,
7
+ ...colDef
8
+ } = {}) => ({
9
+ id: "expander",
10
+ size: 4,
11
+ minSize: 4,
12
+ sizeUnit: "rem",
13
+ header: allowExpandAll ? ExpandAllRowsButton.ExpandAllRowsButton : "expander",
14
+ isHeaderCustom: !!allowExpandAll,
15
+ isHeaderHidden: !allowExpandAll,
16
+ cell: ExpandRowButton.ExpandRowButton,
17
+ ...colDef
18
+ });
19
+ exports.useExpanderColumn = useExpanderColumn;
@@ -0,0 +1,6 @@
1
+ import { ColumnDef } from '@tanstack/react-table';
2
+ export type UseExpanderColumnParams<T extends object> = Partial<ColumnDef<T>> & {
3
+ /** Show Expand All rows button in column header */
4
+ allowExpandAll?: boolean;
5
+ };
6
+ export declare const useExpanderColumn: <T extends object>({ allowExpandAll, ...colDef }?: UseExpanderColumnParams<T>) => ColumnDef<T, unknown>;
@@ -0,0 +1,19 @@
1
+ import { ExpandAllRowsButton } from "./ExpandAllRowsButton.js";
2
+ import { ExpandRowButton } from "./ExpandRowButton.js";
3
+ const useExpanderColumn = ({
4
+ allowExpandAll,
5
+ ...colDef
6
+ } = {}) => ({
7
+ id: "expander",
8
+ size: 4,
9
+ minSize: 4,
10
+ sizeUnit: "rem",
11
+ header: allowExpandAll ? ExpandAllRowsButton : "expander",
12
+ isHeaderCustom: !!allowExpandAll,
13
+ isHeaderHidden: !allowExpandAll,
14
+ cell: ExpandRowButton,
15
+ ...colDef
16
+ });
17
+ export {
18
+ useExpanderColumn
19
+ };
@@ -1,20 +1,20 @@
1
1
  /// <reference types="react" />
2
2
  import { SRSortingNotification } from '../TableHeaderCell/SRSortingNotification';
3
3
  export declare const compositionComponents: {
4
- Compose: <T extends object>({ data, columns, pluginsData, tableOptions, components, maxHeight, stripedRows, ...restProps }: import("../Compose/Compose").TableComposeProps<T>) => import("react/jsx-runtime").JSX.Element;
5
- Root: import("styled-components").StyledComponent<"table", any, {}, never>;
4
+ Compose: <T extends object>({ data, columns, pluginsData, tableOptions, components, maxHeight, minWidth, stripedRows, ...restProps }: import("../Compose/Compose").TableComposeProps<T>) => import("react/jsx-runtime").JSX.Element;
5
+ Root: (props: import("react").HTMLAttributes<HTMLTableElement>) => import("react/jsx-runtime").JSX.Element;
6
6
  SRCaption: ({ caption }: {
7
7
  caption?: string | undefined;
8
8
  }) => import("react/jsx-runtime").JSX.Element | null;
9
9
  Header: (<T_1 extends object>(props: import("../TableHeader/TableHeader").RestTableHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
10
- Compose: import("styled-components").StyledComponent<"thead", any, {}, never>;
10
+ Compose: import("react").FC<import("../TableHeader/components/Compose/Compose").TableHeaderComposeProps>;
11
11
  Row: (<T_2 extends object>(props: import("../TableHeaderRow/TableHeaderRow").OwnTableHeaderRowProps<T_2> & import("../TableHeaderRow/TableHeaderRow").RestTableHeaderRowProps & import("react").RefAttributes<HTMLTableRowElement>) => import("react").ReactElement<any, any> | null) & {
12
12
  Compose: import("styled-components").StyledComponent<"tr", any, {}, never>;
13
13
  };
14
14
  Cell: (<T_3 extends object>(props: import("../TableHeaderCell/TableHeaderCell").OwnTableHeaderCellProps<T_3> & import("../TableHeaderCell/TableHeaderCell").RestTableHeaderCellProps & import("react").RefAttributes<HTMLTableCellElement>) => import("react").ReactElement<any, any> | null) & {
15
15
  Compose: <T_4 extends object>(props: import("../TableHeaderCell/components/Compose/Compose").OwnTableHeaderCellComposeProps<T_4> & import("@redislabsdev/redis-ui-components").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLTableCellElement>, "content" | "children"> & import("react").RefAttributes<HTMLTableCellElement>) => import("react").ReactElement<any, any> | null;
16
- SortableHeading: (({ children, ...restProps }: import("@redislabsdev/redis-ui-components").ComposeElementProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element) & {
17
- Compose: ((props: import("@redislabsdev/redis-ui-components").ComposeElementProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element) & {
16
+ SortableHeading: (({ children, ...restProps }: import("@redislabsdev/redis-ui-components").ComposeElementProps<HTMLElement>) => import("react/jsx-runtime").JSX.Element) & {
17
+ Compose: ((props: import("@redislabsdev/redis-ui-components").ComposeElementProps<HTMLElement>) => import("react/jsx-runtime").JSX.Element) & {
18
18
  SortIndicator: () => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
19
19
  };
20
20
  SortIndicator: () => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
@@ -38,7 +38,7 @@ export declare const compositionComponents: {
38
38
  };
39
39
  ExpandableRow: <T_8 extends object>(props: import("../TableBodyRow/TableBodyRow").OwnTableBodyRowProps<T_8> & import("../TableBodyRow/TableBodyRow").RestTableBodyRowProps & import("react").RefAttributes<HTMLTableRowElement>) => import("react").ReactElement<any, any> | null;
40
40
  Cell: (<T_9 extends object>(props: import("../TableBodyCell/TableBodyCell").OwnTableBodyCellProps<T_9> & import("../TableBodyCell/TableBodyCell").RestTableBodyCellProps & import("react").RefAttributes<HTMLTableCellElement>) => import("react").ReactElement<any, any> | null) & {
41
- Compose: import("styled-components").StyledComponent<"td", any, {}, never>;
41
+ Compose: <T_10 extends object>(props: import("@redislabsdev/redis-ui-components").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLTableCellElement>, "content" | "children"> & import("../TableBodyCell/components/Compose/Compose").OwnTableBodyCellComposeProps<T_10> & import("react").RefAttributes<HTMLTableCellElement>) => import("react").ReactElement<any, any> | null;
42
42
  };
43
43
  };
44
44
  Pagination: (() => import("react/jsx-runtime").JSX.Element | null) & {