@plesk/ui-library 3.36.0 → 3.37.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.
Files changed (90) hide show
  1. package/cjs/components/Card/helpers.js +0 -1
  2. package/cjs/components/Carousel/Carousel.js +182 -77
  3. package/cjs/components/ComboBox/ComboBoxOption.js +2 -1
  4. package/cjs/components/Drawer/DrawerProgress.js +1 -1
  5. package/cjs/components/List/List.js +102 -314
  6. package/cjs/components/List/ListAction.js +0 -1
  7. package/cjs/components/Panel/Panel.js +61 -98
  8. package/cjs/components/Select/SelectControl.js +4 -0
  9. package/cjs/components/Select/SelectOption.js +2 -1
  10. package/cjs/components/Toaster/Toaster.js +3 -3
  11. package/cjs/components/Toolbar/ToolbarMenu.js +0 -1
  12. package/cjs/components/index.js +42 -22
  13. package/cjs/index.js +1 -1
  14. package/dist/plesk-ui-library-rtl.css +1 -1
  15. package/dist/plesk-ui-library-rtl.css.map +1 -1
  16. package/dist/plesk-ui-library.css +1 -1
  17. package/dist/plesk-ui-library.css.map +1 -1
  18. package/dist/plesk-ui-library.js +574 -678
  19. package/dist/plesk-ui-library.js.map +1 -1
  20. package/dist/plesk-ui-library.min.js +10 -10
  21. package/dist/plesk-ui-library.min.js.map +1 -1
  22. package/esm/components/Card/helpers.js +0 -1
  23. package/esm/components/Carousel/Carousel.js +183 -78
  24. package/esm/components/ComboBox/ComboBoxOption.js +2 -1
  25. package/esm/components/Drawer/DrawerProgress.js +1 -1
  26. package/esm/components/List/List.js +102 -314
  27. package/esm/components/List/ListAction.js +0 -1
  28. package/esm/components/Panel/Panel.js +62 -99
  29. package/esm/components/Select/SelectControl.js +4 -0
  30. package/esm/components/Select/SelectOption.js +2 -1
  31. package/esm/components/Toaster/Toaster.js +3 -3
  32. package/esm/components/Toolbar/ToolbarMenu.js +0 -1
  33. package/esm/components/index.js +2 -4
  34. package/esm/index.js +1 -1
  35. package/package.json +41 -41
  36. package/styleguide/build/bundle.c3d05006.js +2 -0
  37. package/styleguide/index.html +2 -2
  38. package/types/src/components/Action/Action.d.ts +1 -1
  39. package/types/src/components/Action/index.d.ts +1 -0
  40. package/types/src/components/Alert/Alert.d.ts +1 -1
  41. package/types/src/components/Alert/index.d.ts +1 -0
  42. package/types/src/components/AutoClosable/AutoClosable.d.ts +1 -1
  43. package/types/src/components/AutoClosable/index.d.ts +1 -0
  44. package/types/src/components/AuxiliaryActions/AuxiliaryActions.d.ts +1 -1
  45. package/types/src/components/AuxiliaryActions/index.d.ts +1 -0
  46. package/types/src/components/Badge/Badge.d.ts +1 -1
  47. package/types/src/components/Badge/index.d.ts +1 -0
  48. package/types/src/components/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  49. package/types/src/components/Breadcrumbs/index.d.ts +1 -0
  50. package/types/src/components/Button/ButtonContext.d.ts +1 -0
  51. package/types/src/components/ButtonGroup/ButtonGroup.d.ts +1 -1
  52. package/types/src/components/ButtonGroup/index.d.ts +1 -0
  53. package/types/src/components/Carousel/Carousel.d.ts +43 -8
  54. package/types/src/components/Checkbox/Checkbox.d.ts +1 -1
  55. package/types/src/components/Checkbox/index.d.ts +1 -0
  56. package/types/src/components/ComboBox/ComboBox.d.ts +1 -1
  57. package/types/src/components/ComboBox/ComboBoxOption.d.ts +1 -1
  58. package/types/src/components/ComboBox/index.d.ts +2 -0
  59. package/types/src/components/ConsoleOutput/ConsoleOutput.d.ts +1 -1
  60. package/types/src/components/ConsoleOutput/index.d.ts +1 -0
  61. package/types/src/components/ContentLoader/ContentLoader.d.ts +1 -1
  62. package/types/src/components/ContentLoader/index.d.ts +1 -0
  63. package/types/src/components/Cuttable/Cuttable.d.ts +1 -1
  64. package/types/src/components/Cuttable/index.d.ts +1 -0
  65. package/types/src/components/DistractionFreeModeContext/DistractionFreeModeContext.d.ts +1 -0
  66. package/types/src/components/Drawer/DrawerProgress.d.ts +1 -1
  67. package/types/src/components/Form/DisabledContext.d.ts +1 -0
  68. package/types/src/components/Form/FormContext.d.ts +1 -0
  69. package/types/src/components/Form/ScrollableElementFormContext.d.ts +1 -0
  70. package/types/src/components/List/List.d.ts +637 -0
  71. package/types/src/components/List/ListAction.d.ts +21 -18
  72. package/types/src/components/List/ListActionsDivider.d.ts +1 -1
  73. package/types/src/components/List/ListEmptyView.d.ts +1 -1
  74. package/types/src/components/List/index.d.ts +12 -0
  75. package/types/src/components/OnDarkContext/OnDarkContext.d.ts +1 -0
  76. package/types/src/components/Pagination/Pagination.d.ts +1 -1
  77. package/types/src/components/Pagination/index.d.ts +1 -0
  78. package/types/src/components/Panel/Panel.d.ts +4 -21
  79. package/types/src/components/Panel/index.d.ts +1 -0
  80. package/types/src/components/Radio/Radio.d.ts +4 -6
  81. package/types/src/components/Radio/index.d.ts +1 -0
  82. package/types/src/components/ResponsiveContext/ResponsiveContext.d.ts +1 -0
  83. package/types/src/components/Section/Section.d.ts +1 -1
  84. package/types/src/components/Toolbar/RegistryContext.d.ts +1 -0
  85. package/types/src/components/Translate/Translate.d.ts +4 -3
  86. package/types/src/components/Translate/index.d.ts +1 -1
  87. package/types/src/components/VerticalContext/VerticalContext.d.ts +1 -0
  88. package/types/src/components/index.d.ts +17 -4
  89. package/styleguide/build/bundle.2c956ff2.js +0 -2
  90. /package/styleguide/build/{bundle.2c956ff2.js.LICENSE.txt → bundle.c3d05006.js.LICENSE.txt} +0 -0
@@ -0,0 +1,637 @@
1
+ import { Component, ReactNode, ReactElement, SyntheticEvent, HTMLAttributes, RefObject, ElementType } from 'react';
2
+ import { IProps as ReorderableListProps } from '@plesk/react-movable';
3
+ import { ContentRect } from 'react-measure';
4
+ import { CheckboxProps } from '../Checkbox';
5
+ import { Translator } from '../Translate';
6
+ import { PaginationProps } from '../Pagination';
7
+ import './List.less';
8
+ type RowKey = string;
9
+ type SortDirectionEnum = 'ASC' | 'DESC';
10
+ type EmptyViewEnum = 'all' | 'items';
11
+ type ListData = Record<string, any>;
12
+ type ListRowData<T extends ListData> = T & {
13
+ /**
14
+ * Unique column key. This property can by renamed using `rowKey` property of List.
15
+ */
16
+ key?: RowKey;
17
+ /**
18
+ * Optional property for disabling ability to select this row.
19
+ */
20
+ disabled?: boolean;
21
+ /**
22
+ * Optional array of children rows.
23
+ */
24
+ data?: ListRowData<T>[];
25
+ /**
26
+ * An optional property to change the appearance of this row.<br />
27
+ * `inactive, info, success, warning, danger`. (Since: 3.33.0)
28
+ */
29
+ intent?: 'inactive' | 'info' | 'success' | 'warning' | 'danger';
30
+ virtual?: boolean;
31
+ /**
32
+ * @ignore
33
+ */
34
+ className?: string;
35
+ };
36
+ export type ListColumn<T extends ListData> = {
37
+ key: string;
38
+ title?: ReactNode;
39
+ render?: (row: ListRowData<T>, opts?: {
40
+ parent?: ListRowData<T>;
41
+ }) => ReactNode | {
42
+ children: ReactNode;
43
+ };
44
+ sortable?: boolean;
45
+ /**
46
+ * Optional function for row comparison: `(row1, row2) => -1 | 0 | 1`
47
+ */
48
+ sort?: (row1: ListRowData<T>, row2: ListRowData<T>) => -1 | 0 | 1;
49
+ /**
50
+ * Column alignment.
51
+ */
52
+ align?: 'left' | 'center' | 'right';
53
+ /**
54
+ * Truncate the text in cell with an ellipsis.
55
+ */
56
+ truncate?: boolean;
57
+ /**
58
+ * Determine type of column content.
59
+ *
60
+ * * title - There should a title of the row.
61
+ * * controls - There should be some control: a button or a dropdown.
62
+ * * actions - There should be the ListAction component.
63
+ */
64
+ type?: 'title' | 'controls' | 'actions';
65
+ width?: number | string;
66
+ /**
67
+ * @ignore
68
+ */
69
+ className?: string;
70
+ };
71
+ type ListRealColumn<T extends ListData> = Omit<ListColumn<T>, 'type'> & {
72
+ cellProps?: HTMLAttributes<HTMLTableCellElement>;
73
+ type?: 'title' | 'controls' | 'actions' | 'internal';
74
+ } & Pick<HTMLAttributes<HTMLTableCellElement>, 'onClick' | 'style'>;
75
+ export interface ListProps<T extends ListData> {
76
+ /**
77
+ * Columns definition.
78
+ *
79
+ * In addition to the properties described below, you can use any native properties
80
+ * supported by the `TH` element like `className`, `style`, etc.
81
+ * @since 0.0.42
82
+ */
83
+ columns: ListColumn<T>[];
84
+ /**
85
+ * Array of row objects.
86
+ *
87
+ * Each row must contains `key` property, all columns keys, and can contain `disabled` property.
88
+ * @since 0.0.42
89
+ */
90
+ data?: ListRowData<T>[];
91
+ /**
92
+ * Row's key getter. Could be a string or function like: `row => <unique_string>`
93
+ * @since 0.0.45
94
+ */
95
+ rowKey?: string | ((row: ListRowData<T>) => RowKey);
96
+ /**
97
+ * Current sort column key
98
+ * @since 0.0.42
99
+ */
100
+ sortColumn?: ListColumn<T>['key'];
101
+ /**
102
+ * Sort direction of the column being sorted.
103
+ * @since 0.0.42
104
+ */
105
+ sortDirection?: SortDirectionEnum;
106
+ /**
107
+ * Sort change handler
108
+ * @since 0.0.42
109
+ */
110
+ onSortChange?: (value: {
111
+ sortColumn: ListColumn<T>['key'];
112
+ sortDirection: SortDirectionEnum;
113
+ }) => void;
114
+ /**
115
+ * Array of keys of selected rows
116
+ * @since 0.0.42
117
+ */
118
+ selection?: any[];
119
+ /**
120
+ * Selection change handler for list. Checkboxes will only be rendered if this prop is defined.
121
+ * @since 0.0.42
122
+ */
123
+ onSelectionChange?: (selection: any[]) => void;
124
+ /**
125
+ * Renderer for a selection checkbox. Allow to replace checkboxes in the List by a custom implementation.
126
+ * @since 3.19.0
127
+ */
128
+ renderSelectionCheckbox?: (opt: CheckboxProps, row?: ListRowData<T>) => ReactNode;
129
+ /**
130
+ * Renderer for a row body. Should return ReactNode.
131
+ * @since 1.12.0
132
+ */
133
+ renderRowBody?: (row: ListRowData<T>, opts: {
134
+ index?: number;
135
+ parent?: ListRowData<T>;
136
+ }) => ReactNode;
137
+ /**
138
+ * Array of keys of expanded rows
139
+ * @since 1.12.0
140
+ */
141
+ expandedRows?: any[];
142
+ /**
143
+ * Array of keys of rows which not have expand indicator
144
+ * @since 1.12.0
145
+ */
146
+ notExpandableRows?: any[];
147
+ /**
148
+ * Rows expanding change handler.
149
+ * @since 1.12.0
150
+ */
151
+ onExpandedRowsChange?: (args: any[]) => void;
152
+ /**
153
+ * Array of keys of loading rows. They are displayed instead of checkboxes.
154
+ * @since 2.5.0
155
+ */
156
+ loadingRows?: any[];
157
+ /**
158
+ * A `Pagination` element. It displays at the top and the bottom of the list. When pagination is defined, the built-in sort is disabled.
159
+ * @since 2.4.0
160
+ */
161
+ pagination?: ReactElement<PaginationProps>;
162
+ /**
163
+ * Total rows count, including nested rows. Usually, it uses together with pagination.
164
+ * @since 2.4.0
165
+ */
166
+ totalRows?: number;
167
+ /**
168
+ * A `Toolbar` element.
169
+ * @since 2.4.0
170
+ */
171
+ toolbar?: ReactElement;
172
+ /**
173
+ * A flag that all rows are selected.
174
+ * @since 2.4.0
175
+ */
176
+ allRowsSelected?: boolean;
177
+ /**
178
+ * A callback executed when the allRowsSelected prop is changed.
179
+ * @since 2.4.0
180
+ */
181
+ onAllRowsSelectedChange?: (arg: boolean) => void;
182
+ /**
183
+ * Filtered list. Manages toolbar visibility when data is absent and defines the defaults for empty view.
184
+ * @since 3.0.1
185
+ */
186
+ filtered?: boolean;
187
+ /**
188
+ * A custom view for the case when data is absent.
189
+ * @since 2.5.0
190
+ */
191
+ emptyView?: ReactElement;
192
+ /**
193
+ * Which part of the List component should be replaced by the empty view.
194
+ * @since 2.6.0
195
+ * @deprecated Use `filtered` instead.
196
+ */
197
+ emptyViewMode?: EmptyViewEnum;
198
+ /**
199
+ * A slot on the right of the items.
200
+ * @since 2.6.0
201
+ */
202
+ sidebar?: ReactElement;
203
+ /**
204
+ * Custom localization messages.
205
+ * @since 2.6.0
206
+ */
207
+ locale?: {
208
+ selectAll?: Translator;
209
+ deselectAll?: Translator;
210
+ all?: Translator;
211
+ totalRows?: Translator;
212
+ selectedRows?: Translator;
213
+ };
214
+ /**
215
+ * Render List row's content vertically.
216
+ * When some number is specified, it turns into vertical mode automatically if the List's width is less than the provided number.
217
+ * @since 3.3.0
218
+ */
219
+ vertical?: boolean | number;
220
+ /**
221
+ * Indicate the loading state of the list.
222
+ * @since 3.3.1
223
+ */
224
+ loading?: boolean;
225
+ /**
226
+ * Apply some props to each row.
227
+ *
228
+ * `virtual` - Virtual row does not have any controls.
229
+ *
230
+ * @since 3.11.0
231
+ */
232
+ rowProps?: {
233
+ virtual?: boolean;
234
+ } | ((row: ListRowData<T>) => HTMLAttributes<HTMLTableRowElement> & {
235
+ virtual?: boolean;
236
+ [p: `data-${string}`]: any;
237
+ });
238
+ /**
239
+ * Enable reorderable view.
240
+ * @since 3.18.0
241
+ */
242
+ reorderable?: boolean;
243
+ /**
244
+ * Reorder end handler.
245
+ * @since 3.18.0
246
+ */
247
+ onReorderEnd?: (value: {
248
+ oldIndex: number;
249
+ newIndex: number;
250
+ }) => void;
251
+ /**
252
+ * @ignore
253
+ */
254
+ className?: string;
255
+ /**
256
+ * @ignore
257
+ */
258
+ baseClassName?: string;
259
+ }
260
+ type PartialReorderableList<T extends ListData> = ElementType<Omit<ReorderableListProps<{
261
+ row: ListRowData<T>;
262
+ }>, 'voiceover' | 'transitionDuration' | 'removableByMove'>>;
263
+ type ListState<T extends ListData> = {
264
+ sortInPlace: boolean;
265
+ sortColumn?: ListColumn<T>['key'];
266
+ sortDirection?: SortDirectionEnum;
267
+ vertical: boolean;
268
+ expandedRows: any[];
269
+ selection: any[];
270
+ ReorderableList?: PartialReorderableList<T>;
271
+ reorderableItemWidths?: string[];
272
+ prevExpandedRows?: any[];
273
+ prevSelection?: any[];
274
+ prevSortDirection?: SortDirectionEnum;
275
+ prevSortColumn?: ListColumn<T>['key'];
276
+ prevData?: T[];
277
+ prevPagination: ReactNode;
278
+ };
279
+ /**
280
+ * `List` component is used for displaying a collection of tabular data.
281
+ * [More details about designing of lists.](#!/Sets%20of%20Objects)
282
+ * @since 0.0.42
283
+ */
284
+ declare class List<T extends ListData> extends Component<ListProps<T>, ListState<T>> {
285
+ static defaultProps: {
286
+ data: never[];
287
+ sortColumn: undefined;
288
+ sortDirection: SortDirectionEnum;
289
+ onSortChange: undefined;
290
+ onSelectionChange: undefined;
291
+ selection: never[];
292
+ renderSelectionCheckbox: undefined;
293
+ rowKey: string;
294
+ renderRowBody: undefined;
295
+ expandedRows: never[];
296
+ notExpandableRows: never[];
297
+ onExpandedRowsChange: undefined;
298
+ loadingRows: never[];
299
+ className: string;
300
+ baseClassName: string;
301
+ pagination: undefined;
302
+ totalRows: undefined;
303
+ toolbar: undefined;
304
+ allRowsSelected: boolean;
305
+ onAllRowsSelectedChange: undefined;
306
+ filtered: boolean;
307
+ emptyView: undefined;
308
+ emptyViewMode: EmptyViewEnum;
309
+ sidebar: undefined;
310
+ locale: undefined;
311
+ vertical: number;
312
+ loading: boolean;
313
+ rowProps: undefined;
314
+ reorderable: boolean;
315
+ onReorderEnd: undefined;
316
+ };
317
+ state: ListState<T>;
318
+ static getDerivedStateFromProps<T extends ListData>({ sortColumn, sortDirection, selection, expandedRows, notExpandableRows, renderRowBody, data, pagination, vertical, rowKey, totalRows, filtered, }: ListProps<T>, { prevSortColumn, prevSortDirection, prevData, prevSelection, prevPagination, prevExpandedRows, ...state }: ListState<T>): ListState<T>;
319
+ componentDidMount(): void;
320
+ componentDidUpdate(prevProps: ListProps<T>): void;
321
+ needScroll: boolean;
322
+ applyReorderableList(): void;
323
+ anchorRef: RefObject<HTMLSpanElement>;
324
+ getData(): ListRowData<T>[];
325
+ sort(columnKey: ListColumn<T>['key']): void;
326
+ flatData: (data: ListRowData<T>[]) => ListRowData<T>[];
327
+ isRowSelected(row: ListRowData<T>): boolean;
328
+ handleRowSelectionChange: (checked: boolean, rowKey: RowKey) => void;
329
+ handleGlobalSelectionChange: (headerChecked: boolean) => void;
330
+ handleResize: ({ bounds }: ContentRect) => void;
331
+ setSelection(selection: RowKey[]): void;
332
+ isRowLoading: (row: ListRowData<T>) => boolean;
333
+ getRowTitle: (row: ListRowData<T>) => any;
334
+ getRowProps: (row: ListRowData<T>) => {
335
+ [x: `data-${string}`]: any;
336
+ defaultChecked?: boolean | undefined;
337
+ defaultValue?: string | number | readonly string[] | undefined;
338
+ suppressContentEditableWarning?: boolean | undefined;
339
+ suppressHydrationWarning?: boolean | undefined;
340
+ accessKey?: string | undefined;
341
+ autoFocus?: boolean | undefined;
342
+ className?: string | undefined;
343
+ contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
344
+ contextMenu?: string | undefined;
345
+ dir?: string | undefined;
346
+ draggable?: (boolean | "false" | "true") | undefined;
347
+ hidden?: boolean | undefined;
348
+ id?: string | undefined;
349
+ lang?: string | undefined;
350
+ nonce?: string | undefined;
351
+ slot?: string | undefined;
352
+ spellCheck?: (boolean | "false" | "true") | undefined;
353
+ style?: import("react").CSSProperties | undefined;
354
+ tabIndex?: number | undefined;
355
+ title?: string | undefined;
356
+ translate?: "yes" | "no" | undefined;
357
+ radioGroup?: string | undefined;
358
+ role?: import("react").AriaRole | undefined;
359
+ about?: string | undefined;
360
+ content?: string | undefined;
361
+ datatype?: string | undefined;
362
+ inlist?: any;
363
+ prefix?: string | undefined;
364
+ property?: string | undefined;
365
+ rel?: string | undefined;
366
+ resource?: string | undefined;
367
+ rev?: string | undefined;
368
+ typeof?: string | undefined;
369
+ vocab?: string | undefined;
370
+ autoCapitalize?: string | undefined;
371
+ autoCorrect?: string | undefined;
372
+ autoSave?: string | undefined;
373
+ color?: string | undefined;
374
+ itemProp?: string | undefined;
375
+ itemScope?: boolean | undefined;
376
+ itemType?: string | undefined;
377
+ itemID?: string | undefined;
378
+ itemRef?: string | undefined;
379
+ results?: number | undefined;
380
+ security?: string | undefined;
381
+ unselectable?: "off" | "on" | undefined;
382
+ inputMode?: "search" | "numeric" | "none" | "url" | "text" | "email" | "tel" | "decimal" | undefined;
383
+ is?: string | undefined;
384
+ "aria-activedescendant"?: string | undefined;
385
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
386
+ "aria-autocomplete"?: "inline" | "both" | "none" | "list" | undefined;
387
+ "aria-braillelabel"?: string | undefined;
388
+ "aria-brailleroledescription"?: string | undefined;
389
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
390
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
391
+ "aria-colcount"?: number | undefined;
392
+ "aria-colindex"?: number | undefined;
393
+ "aria-colindextext"?: string | undefined;
394
+ "aria-colspan"?: number | undefined;
395
+ "aria-controls"?: string | undefined;
396
+ "aria-current"?: boolean | "false" | "time" | "location" | "page" | "true" | "step" | "date" | undefined;
397
+ "aria-describedby"?: string | undefined;
398
+ "aria-description"?: string | undefined;
399
+ "aria-details"?: string | undefined;
400
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
401
+ "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
402
+ "aria-errormessage"?: string | undefined;
403
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
404
+ "aria-flowto"?: string | undefined;
405
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
406
+ "aria-haspopup"?: boolean | "false" | "grid" | "dialog" | "menu" | "listbox" | "true" | "tree" | undefined;
407
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
408
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
409
+ "aria-keyshortcuts"?: string | undefined;
410
+ "aria-label"?: string | undefined;
411
+ "aria-labelledby"?: string | undefined;
412
+ "aria-level"?: number | undefined;
413
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
414
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
415
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
416
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
417
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
418
+ "aria-owns"?: string | undefined;
419
+ "aria-placeholder"?: string | undefined;
420
+ "aria-posinset"?: number | undefined;
421
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
422
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
423
+ "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
424
+ "aria-required"?: (boolean | "false" | "true") | undefined;
425
+ "aria-roledescription"?: string | undefined;
426
+ "aria-rowcount"?: number | undefined;
427
+ "aria-rowindex"?: number | undefined;
428
+ "aria-rowindextext"?: string | undefined;
429
+ "aria-rowspan"?: number | undefined;
430
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
431
+ "aria-setsize"?: number | undefined;
432
+ "aria-sort"?: "none" | "other" | "ascending" | "descending" | undefined;
433
+ "aria-valuemax"?: number | undefined;
434
+ "aria-valuemin"?: number | undefined;
435
+ "aria-valuenow"?: number | undefined;
436
+ "aria-valuetext"?: string | undefined;
437
+ children?: ReactNode;
438
+ dangerouslySetInnerHTML?: {
439
+ __html: string | TrustedHTML;
440
+ } | undefined;
441
+ onCopy?: import("react").ClipboardEventHandler<HTMLTableRowElement> | undefined;
442
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLTableRowElement> | undefined;
443
+ onCut?: import("react").ClipboardEventHandler<HTMLTableRowElement> | undefined;
444
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLTableRowElement> | undefined;
445
+ onPaste?: import("react").ClipboardEventHandler<HTMLTableRowElement> | undefined;
446
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLTableRowElement> | undefined;
447
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLTableRowElement> | undefined;
448
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLTableRowElement> | undefined;
449
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLTableRowElement> | undefined;
450
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLTableRowElement> | undefined;
451
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLTableRowElement> | undefined;
452
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLTableRowElement> | undefined;
453
+ onFocus?: import("react").FocusEventHandler<HTMLTableRowElement> | undefined;
454
+ onFocusCapture?: import("react").FocusEventHandler<HTMLTableRowElement> | undefined;
455
+ onBlur?: import("react").FocusEventHandler<HTMLTableRowElement> | undefined;
456
+ onBlurCapture?: import("react").FocusEventHandler<HTMLTableRowElement> | undefined;
457
+ onChange?: import("react").FormEventHandler<HTMLTableRowElement> | undefined;
458
+ onChangeCapture?: import("react").FormEventHandler<HTMLTableRowElement> | undefined;
459
+ onBeforeInput?: import("react").FormEventHandler<HTMLTableRowElement> | undefined;
460
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLTableRowElement> | undefined;
461
+ onInput?: import("react").FormEventHandler<HTMLTableRowElement> | undefined;
462
+ onInputCapture?: import("react").FormEventHandler<HTMLTableRowElement> | undefined;
463
+ onReset?: import("react").FormEventHandler<HTMLTableRowElement> | undefined;
464
+ onResetCapture?: import("react").FormEventHandler<HTMLTableRowElement> | undefined;
465
+ onSubmit?: import("react").FormEventHandler<HTMLTableRowElement> | undefined;
466
+ onSubmitCapture?: import("react").FormEventHandler<HTMLTableRowElement> | undefined;
467
+ onInvalid?: import("react").FormEventHandler<HTMLTableRowElement> | undefined;
468
+ onInvalidCapture?: import("react").FormEventHandler<HTMLTableRowElement> | undefined;
469
+ onLoad?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
470
+ onLoadCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
471
+ onError?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
472
+ onErrorCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
473
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLTableRowElement> | undefined;
474
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLTableRowElement> | undefined;
475
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLTableRowElement> | undefined;
476
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLTableRowElement> | undefined;
477
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLTableRowElement> | undefined;
478
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLTableRowElement> | undefined;
479
+ onAbort?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
480
+ onAbortCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
481
+ onCanPlay?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
482
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
483
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
484
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
485
+ onDurationChange?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
486
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
487
+ onEmptied?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
488
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
489
+ onEncrypted?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
490
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
491
+ onEnded?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
492
+ onEndedCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
493
+ onLoadedData?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
494
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
495
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
496
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
497
+ onLoadStart?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
498
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
499
+ onPause?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
500
+ onPauseCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
501
+ onPlay?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
502
+ onPlayCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
503
+ onPlaying?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
504
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
505
+ onProgress?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
506
+ onProgressCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
507
+ onRateChange?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
508
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
509
+ onResize?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
510
+ onResizeCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
511
+ onSeeked?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
512
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
513
+ onSeeking?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
514
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
515
+ onStalled?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
516
+ onStalledCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
517
+ onSuspend?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
518
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
519
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
520
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
521
+ onVolumeChange?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
522
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
523
+ onWaiting?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
524
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
525
+ onAuxClick?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
526
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
527
+ onClick?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
528
+ onClickCapture?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
529
+ onContextMenu?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
530
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
531
+ onDoubleClick?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
532
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
533
+ onDrag?: import("react").DragEventHandler<HTMLTableRowElement> | undefined;
534
+ onDragCapture?: import("react").DragEventHandler<HTMLTableRowElement> | undefined;
535
+ onDragEnd?: import("react").DragEventHandler<HTMLTableRowElement> | undefined;
536
+ onDragEndCapture?: import("react").DragEventHandler<HTMLTableRowElement> | undefined;
537
+ onDragEnter?: import("react").DragEventHandler<HTMLTableRowElement> | undefined;
538
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLTableRowElement> | undefined;
539
+ onDragExit?: import("react").DragEventHandler<HTMLTableRowElement> | undefined;
540
+ onDragExitCapture?: import("react").DragEventHandler<HTMLTableRowElement> | undefined;
541
+ onDragLeave?: import("react").DragEventHandler<HTMLTableRowElement> | undefined;
542
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLTableRowElement> | undefined;
543
+ onDragOver?: import("react").DragEventHandler<HTMLTableRowElement> | undefined;
544
+ onDragOverCapture?: import("react").DragEventHandler<HTMLTableRowElement> | undefined;
545
+ onDragStart?: import("react").DragEventHandler<HTMLTableRowElement> | undefined;
546
+ onDragStartCapture?: import("react").DragEventHandler<HTMLTableRowElement> | undefined;
547
+ onDrop?: import("react").DragEventHandler<HTMLTableRowElement> | undefined;
548
+ onDropCapture?: import("react").DragEventHandler<HTMLTableRowElement> | undefined;
549
+ onMouseDown?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
550
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
551
+ onMouseEnter?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
552
+ onMouseLeave?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
553
+ onMouseMove?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
554
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
555
+ onMouseOut?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
556
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
557
+ onMouseOver?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
558
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
559
+ onMouseUp?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
560
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
561
+ onSelect?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
562
+ onSelectCapture?: import("react").ReactEventHandler<HTMLTableRowElement> | undefined;
563
+ onTouchCancel?: import("react").TouchEventHandler<HTMLTableRowElement> | undefined;
564
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLTableRowElement> | undefined;
565
+ onTouchEnd?: import("react").TouchEventHandler<HTMLTableRowElement> | undefined;
566
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLTableRowElement> | undefined;
567
+ onTouchMove?: import("react").TouchEventHandler<HTMLTableRowElement> | undefined;
568
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLTableRowElement> | undefined;
569
+ onTouchStart?: import("react").TouchEventHandler<HTMLTableRowElement> | undefined;
570
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLTableRowElement> | undefined;
571
+ onPointerDown?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
572
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
573
+ onPointerMove?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
574
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
575
+ onPointerUp?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
576
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
577
+ onPointerCancel?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
578
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
579
+ onPointerEnter?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
580
+ onPointerEnterCapture?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
581
+ onPointerLeave?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
582
+ onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
583
+ onPointerOver?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
584
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
585
+ onPointerOut?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
586
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
587
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
588
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
589
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
590
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLTableRowElement> | undefined;
591
+ onScroll?: import("react").UIEventHandler<HTMLTableRowElement> | undefined;
592
+ onScrollCapture?: import("react").UIEventHandler<HTMLTableRowElement> | undefined;
593
+ onWheel?: import("react").WheelEventHandler<HTMLTableRowElement> | undefined;
594
+ onWheelCapture?: import("react").WheelEventHandler<HTMLTableRowElement> | undefined;
595
+ onAnimationStart?: import("react").AnimationEventHandler<HTMLTableRowElement> | undefined;
596
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLTableRowElement> | undefined;
597
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLTableRowElement> | undefined;
598
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLTableRowElement> | undefined;
599
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLTableRowElement> | undefined;
600
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLTableRowElement> | undefined;
601
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLTableRowElement> | undefined;
602
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLTableRowElement> | undefined;
603
+ virtual?: boolean | undefined;
604
+ };
605
+ isRowExpanded(row: ListRowData<T>): boolean;
606
+ isRowExpandable(row: ListRowData<T>): boolean;
607
+ isAllRowsChecked: (this: any, rows: any, selectedKeys: any) => boolean;
608
+ isAnyRowsExpanded: (this: any, rows: any, expandedRows: any) => boolean;
609
+ handleRowExpandingChange(row: ListRowData<T>): void;
610
+ handleGlobalExpandingChange: () => void;
611
+ createRowClickHandler: (row: ListRowData<T>) => (e: SyntheticEvent<HTMLElement, MouseEvent>) => void;
612
+ setExpandedRows(expandedRows: RowKey[]): void;
613
+ renderRow({ row, index, hasTitle, realColumn, parent, isDragged, reorderableProps, }: {
614
+ row: ListRowData<T>;
615
+ hasTitle: boolean;
616
+ realColumn: ListRealColumn<T>[];
617
+ index?: number;
618
+ parent?: ListRowData<T>;
619
+ isDragged?: boolean;
620
+ reorderableProps?: any;
621
+ }): import("react/jsx-runtime").JSX.Element;
622
+ renderRowBody({ row, index, realColumn, parent, }: {
623
+ row: ListRowData<T>;
624
+ index?: number;
625
+ realColumn: ListRealColumn<T>[];
626
+ parent?: ListRowData<T>;
627
+ }): import("react/jsx-runtime").JSX.Element | null;
628
+ renderSelectAllButton(): import("react/jsx-runtime").JSX.Element | null;
629
+ renderDeselectAllButton(): import("react/jsx-runtime").JSX.Element | null;
630
+ renderToolbar(): import("react/jsx-runtime").JSX.Element | null;
631
+ shouldBePagination(): boolean;
632
+ renderHeader(): import("react/jsx-runtime").JSX.Element | null;
633
+ renderEmptyView(): import("react/jsx-runtime").JSX.Element;
634
+ renderPagination(placement: 'header' | 'footer'): ReactElement<PaginationProps, string | import("react").JSXElementConstructor<any>> | null;
635
+ render(): import("react/jsx-runtime").JSX.Element;
636
+ }
637
+ export default List;