react-magma-dom 2.5.12 → 2.6.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 (19) hide show
  1. package/dist/components/Accordion/Accordion.stories.d.ts +8 -0
  2. package/dist/components/Alert/Alert.stories.d.ts +1 -0
  3. package/dist/components/Datagrid/Datagrid.d.ts +10 -1
  4. package/dist/components/Datagrid/Datagrid.stories.d.ts +10 -8
  5. package/dist/components/Heading/Heading.stories.d.ts +1 -1
  6. package/dist/components/IconButton/IconButton.stories.d.ts +4 -4
  7. package/dist/components/Table/Table.d.ts +6 -1
  8. package/dist/components/Table/Table.stories.d.ts +548 -3
  9. package/dist/components/Table/TableRow.d.ts +10 -1
  10. package/dist/components/Tabs/Tabs.stories.d.ts +2 -0
  11. package/dist/components/Tag/Tag.stories.d.ts +80 -80
  12. package/dist/esm/index.js +149 -59
  13. package/dist/esm/index.js.map +1 -1
  14. package/dist/properties.json +164 -84
  15. package/dist/react-magma-dom.cjs.development.js +149 -59
  16. package/dist/react-magma-dom.cjs.development.js.map +1 -1
  17. package/dist/react-magma-dom.cjs.production.min.js +1 -1
  18. package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
  19. package/package.json +1 -1
package/dist/components/Table/Table.stories.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
- import { TableProps } from './';
1
+ import React from 'react';
2
+ import { TableProps, TableDensity } from './';
3
3
  declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
4
4
  export default _default;
5
5
  export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TableProps>;
@@ -8,4 +8,549 @@ export declare const UncontrolledPagination: () => JSX.Element;
8
8
  export declare const PaginationInverse: () => JSX.Element;
9
9
  export declare const RowColors: () => JSX.Element;
10
10
  export declare const RowColorsInverse: () => JSX.Element;
11
- export declare const Sortable: () => JSX.Element;
11
+ export declare const Sortable: {
12
+ (args: any): JSX.Element;
13
+ args: {
14
+ density?: TableDensity;
15
+ hasHoverStyles?: boolean;
16
+ hasVerticalBorders?: boolean;
17
+ hasZebraStripes?: boolean;
18
+ isInverse?: boolean;
19
+ isSelectable?: boolean;
20
+ isSortableBySelected?: boolean;
21
+ minWidth?: number;
22
+ rowCount?: number;
23
+ selectedItems?: number[];
24
+ testId?: string;
25
+ defaultChecked?: boolean;
26
+ defaultValue?: string | number | readonly string[];
27
+ suppressContentEditableWarning?: boolean;
28
+ suppressHydrationWarning?: boolean;
29
+ accessKey?: string;
30
+ className?: string;
31
+ contentEditable?: boolean | "true" | "false" | "inherit";
32
+ contextMenu?: string;
33
+ dir?: string;
34
+ draggable?: boolean | "true" | "false";
35
+ hidden?: boolean;
36
+ id?: string;
37
+ lang?: string;
38
+ placeholder?: string;
39
+ slot?: string;
40
+ spellCheck?: boolean | "true" | "false";
41
+ style?: React.CSSProperties;
42
+ tabIndex?: number;
43
+ title?: string;
44
+ translate?: "yes" | "no";
45
+ radioGroup?: string;
46
+ role?: React.AriaRole;
47
+ about?: string;
48
+ datatype?: string;
49
+ inlist?: any;
50
+ prefix?: string;
51
+ property?: string;
52
+ resource?: string;
53
+ typeof?: string;
54
+ vocab?: string;
55
+ autoCapitalize?: string;
56
+ autoCorrect?: string;
57
+ autoSave?: string;
58
+ color?: string;
59
+ itemProp?: string;
60
+ itemScope?: boolean;
61
+ itemType?: string;
62
+ itemID?: string;
63
+ itemRef?: string;
64
+ results?: number;
65
+ security?: string;
66
+ unselectable?: "on" | "off";
67
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
68
+ is?: string;
69
+ 'aria-activedescendant'?: string;
70
+ 'aria-atomic'?: boolean | "true" | "false";
71
+ 'aria-autocomplete'?: "list" | "none" | "inline" | "both";
72
+ 'aria-busy'?: boolean | "true" | "false";
73
+ 'aria-checked'?: boolean | "true" | "false" | "mixed";
74
+ 'aria-colcount'?: number;
75
+ 'aria-colindex'?: number;
76
+ 'aria-colspan'?: number;
77
+ 'aria-controls'?: string;
78
+ 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
79
+ 'aria-describedby'?: string;
80
+ 'aria-details'?: string;
81
+ 'aria-disabled'?: boolean | "true" | "false";
82
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
83
+ 'aria-errormessage'?: string;
84
+ 'aria-expanded'?: boolean | "true" | "false";
85
+ 'aria-flowto'?: string;
86
+ 'aria-grabbed'?: boolean | "true" | "false";
87
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
88
+ 'aria-hidden'?: boolean | "true" | "false";
89
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
90
+ 'aria-keyshortcuts'?: string;
91
+ 'aria-label'?: string;
92
+ 'aria-labelledby'?: string;
93
+ 'aria-level'?: number;
94
+ 'aria-live'?: "off" | "assertive" | "polite";
95
+ 'aria-modal'?: boolean | "true" | "false";
96
+ 'aria-multiline'?: boolean | "true" | "false";
97
+ 'aria-multiselectable'?: boolean | "true" | "false";
98
+ 'aria-orientation'?: "horizontal" | "vertical";
99
+ 'aria-owns'?: string;
100
+ 'aria-placeholder'?: string;
101
+ 'aria-posinset'?: number;
102
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed";
103
+ 'aria-readonly'?: boolean | "true" | "false";
104
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
105
+ 'aria-required'?: boolean | "true" | "false";
106
+ 'aria-roledescription'?: string;
107
+ 'aria-rowcount'?: number;
108
+ 'aria-rowindex'?: number;
109
+ 'aria-rowspan'?: number;
110
+ 'aria-selected'?: boolean | "true" | "false";
111
+ 'aria-setsize'?: number;
112
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other";
113
+ 'aria-valuemax'?: number;
114
+ 'aria-valuemin'?: number;
115
+ 'aria-valuenow'?: number;
116
+ 'aria-valuetext'?: string;
117
+ children?: React.ReactNode;
118
+ dangerouslySetInnerHTML?: {
119
+ __html: string;
120
+ };
121
+ onCopy?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
122
+ onCopyCapture?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
123
+ onCut?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
124
+ onCutCapture?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
125
+ onPaste?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
126
+ onPasteCapture?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
127
+ onCompositionEnd?: (event: React.CompositionEvent<HTMLTableElement>) => void;
128
+ onCompositionEndCapture?: (event: React.CompositionEvent<HTMLTableElement>) => void;
129
+ onCompositionStart?: (event: React.CompositionEvent<HTMLTableElement>) => void;
130
+ onCompositionStartCapture?: (event: React.CompositionEvent<HTMLTableElement>) => void;
131
+ onCompositionUpdate?: (event: React.CompositionEvent<HTMLTableElement>) => void;
132
+ onCompositionUpdateCapture?: (event: React.CompositionEvent<HTMLTableElement>) => void;
133
+ onFocus?: (event: React.FocusEvent<HTMLTableElement, Element>) => void;
134
+ onFocusCapture?: (event: React.FocusEvent<HTMLTableElement, Element>) => void;
135
+ onBlur?: (event: React.FocusEvent<HTMLTableElement, Element>) => void;
136
+ onBlurCapture?: (event: React.FocusEvent<HTMLTableElement, Element>) => void;
137
+ onChange?: (event: React.FormEvent<HTMLTableElement>) => void;
138
+ onChangeCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
139
+ onBeforeInput?: (event: React.FormEvent<HTMLTableElement>) => void;
140
+ onBeforeInputCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
141
+ onInput?: (event: React.FormEvent<HTMLTableElement>) => void;
142
+ onInputCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
143
+ onReset?: (event: React.FormEvent<HTMLTableElement>) => void;
144
+ onResetCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
145
+ onSubmit?: (event: React.FormEvent<HTMLTableElement>) => void;
146
+ onSubmitCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
147
+ onInvalid?: (event: React.FormEvent<HTMLTableElement>) => void;
148
+ onInvalidCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
149
+ onLoad?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
150
+ onLoadCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
151
+ onError?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
152
+ onErrorCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
153
+ onKeyDown?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
154
+ onKeyDownCapture?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
155
+ onKeyPress?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
156
+ onKeyPressCapture?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
157
+ onKeyUp?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
158
+ onKeyUpCapture?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
159
+ onAbort?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
160
+ onAbortCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
161
+ onCanPlay?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
162
+ onCanPlayCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
163
+ onCanPlayThrough?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
164
+ onCanPlayThroughCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
165
+ onDurationChange?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
166
+ onDurationChangeCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
167
+ onEmptied?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
168
+ onEmptiedCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
169
+ onEncrypted?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
170
+ onEncryptedCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
171
+ onEnded?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
172
+ onEndedCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
173
+ onLoadedData?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
174
+ onLoadedDataCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
175
+ onLoadedMetadata?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
176
+ onLoadedMetadataCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
177
+ onLoadStart?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
178
+ onLoadStartCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
179
+ onPause?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
180
+ onPauseCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
181
+ onPlay?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
182
+ onPlayCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
183
+ onPlaying?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
184
+ onPlayingCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
185
+ onProgress?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
186
+ onProgressCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
187
+ onRateChange?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
188
+ onRateChangeCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
189
+ onSeeked?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
190
+ onSeekedCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
191
+ onSeeking?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
192
+ onSeekingCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
193
+ onStalled?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
194
+ onStalledCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
195
+ onSuspend?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
196
+ onSuspendCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
197
+ onTimeUpdate?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
198
+ onTimeUpdateCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
199
+ onVolumeChange?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
200
+ onVolumeChangeCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
201
+ onWaiting?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
202
+ onWaitingCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
203
+ onAuxClick?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
204
+ onAuxClickCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
205
+ onClick?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
206
+ onClickCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
207
+ onContextMenu?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
208
+ onContextMenuCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
209
+ onDoubleClick?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
210
+ onDoubleClickCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
211
+ onDrag?: (event: React.DragEvent<HTMLTableElement>) => void;
212
+ onDragCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
213
+ onDragEnd?: (event: React.DragEvent<HTMLTableElement>) => void;
214
+ onDragEndCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
215
+ onDragEnter?: (event: React.DragEvent<HTMLTableElement>) => void;
216
+ onDragEnterCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
217
+ onDragExit?: (event: React.DragEvent<HTMLTableElement>) => void;
218
+ onDragExitCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
219
+ onDragLeave?: (event: React.DragEvent<HTMLTableElement>) => void;
220
+ onDragLeaveCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
221
+ onDragOver?: (event: React.DragEvent<HTMLTableElement>) => void;
222
+ onDragOverCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
223
+ onDragStart?: (event: React.DragEvent<HTMLTableElement>) => void;
224
+ onDragStartCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
225
+ onDrop?: (event: React.DragEvent<HTMLTableElement>) => void;
226
+ onDropCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
227
+ onMouseDown?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
228
+ onMouseDownCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
229
+ onMouseEnter?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
230
+ onMouseLeave?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
231
+ onMouseMove?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
232
+ onMouseMoveCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
233
+ onMouseOut?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
234
+ onMouseOutCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
235
+ onMouseOver?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
236
+ onMouseOverCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
237
+ onMouseUp?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
238
+ onMouseUpCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
239
+ onSelect?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
240
+ onSelectCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
241
+ onTouchCancel?: (event: React.TouchEvent<HTMLTableElement>) => void;
242
+ onTouchCancelCapture?: (event: React.TouchEvent<HTMLTableElement>) => void;
243
+ onTouchEnd?: (event: React.TouchEvent<HTMLTableElement>) => void;
244
+ onTouchEndCapture?: (event: React.TouchEvent<HTMLTableElement>) => void;
245
+ onTouchMove?: (event: React.TouchEvent<HTMLTableElement>) => void;
246
+ onTouchMoveCapture?: (event: React.TouchEvent<HTMLTableElement>) => void;
247
+ onTouchStart?: (event: React.TouchEvent<HTMLTableElement>) => void;
248
+ onTouchStartCapture?: (event: React.TouchEvent<HTMLTableElement>) => void;
249
+ onPointerDown?: (event: React.PointerEvent<HTMLTableElement>) => void;
250
+ onPointerDownCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
251
+ onPointerMove?: (event: React.PointerEvent<HTMLTableElement>) => void;
252
+ onPointerMoveCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
253
+ onPointerUp?: (event: React.PointerEvent<HTMLTableElement>) => void;
254
+ onPointerUpCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
255
+ onPointerCancel?: (event: React.PointerEvent<HTMLTableElement>) => void;
256
+ onPointerCancelCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
257
+ onPointerEnter?: (event: React.PointerEvent<HTMLTableElement>) => void;
258
+ onPointerEnterCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
259
+ onPointerLeave?: (event: React.PointerEvent<HTMLTableElement>) => void;
260
+ onPointerLeaveCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
261
+ onPointerOver?: (event: React.PointerEvent<HTMLTableElement>) => void;
262
+ onPointerOverCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
263
+ onPointerOut?: (event: React.PointerEvent<HTMLTableElement>) => void;
264
+ onPointerOutCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
265
+ onGotPointerCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
266
+ onGotPointerCaptureCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
267
+ onLostPointerCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
268
+ onLostPointerCaptureCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
269
+ onScroll?: (event: React.UIEvent<HTMLTableElement, UIEvent>) => void;
270
+ onScrollCapture?: (event: React.UIEvent<HTMLTableElement, UIEvent>) => void;
271
+ onWheel?: (event: React.WheelEvent<HTMLTableElement>) => void;
272
+ onWheelCapture?: (event: React.WheelEvent<HTMLTableElement>) => void;
273
+ onAnimationStart?: (event: React.AnimationEvent<HTMLTableElement>) => void;
274
+ onAnimationStartCapture?: (event: React.AnimationEvent<HTMLTableElement>) => void;
275
+ onAnimationEnd?: (event: React.AnimationEvent<HTMLTableElement>) => void;
276
+ onAnimationEndCapture?: (event: React.AnimationEvent<HTMLTableElement>) => void;
277
+ onAnimationIteration?: (event: React.AnimationEvent<HTMLTableElement>) => void;
278
+ onAnimationIterationCapture?: (event: React.AnimationEvent<HTMLTableElement>) => void;
279
+ onTransitionEnd?: (event: React.TransitionEvent<HTMLTableElement>) => void;
280
+ onTransitionEndCapture?: (event: React.TransitionEvent<HTMLTableElement>) => void;
281
+ css?: import("@emotion/core").InterpolationWithTheme<any>;
282
+ };
283
+ };
284
+ export declare const WithDropdown: {
285
+ (args: any): JSX.Element;
286
+ args: {
287
+ density?: TableDensity;
288
+ hasHoverStyles?: boolean;
289
+ hasVerticalBorders?: boolean;
290
+ hasZebraStripes?: boolean;
291
+ isInverse?: boolean;
292
+ isSelectable?: boolean;
293
+ isSortableBySelected?: boolean;
294
+ minWidth?: number;
295
+ rowCount?: number;
296
+ selectedItems?: number[];
297
+ testId?: string;
298
+ defaultChecked?: boolean;
299
+ defaultValue?: string | number | readonly string[];
300
+ suppressContentEditableWarning?: boolean;
301
+ suppressHydrationWarning?: boolean;
302
+ accessKey?: string;
303
+ className?: string;
304
+ contentEditable?: boolean | "true" | "false" | "inherit";
305
+ contextMenu?: string;
306
+ dir?: string;
307
+ draggable?: boolean | "true" | "false";
308
+ hidden?: boolean;
309
+ id?: string;
310
+ lang?: string;
311
+ placeholder?: string;
312
+ slot?: string;
313
+ spellCheck?: boolean | "true" | "false";
314
+ style?: React.CSSProperties;
315
+ tabIndex?: number;
316
+ title?: string;
317
+ translate?: "yes" | "no";
318
+ radioGroup?: string;
319
+ role?: React.AriaRole;
320
+ about?: string;
321
+ datatype?: string;
322
+ inlist?: any;
323
+ prefix?: string;
324
+ property?: string;
325
+ resource?: string;
326
+ typeof?: string;
327
+ vocab?: string;
328
+ autoCapitalize?: string;
329
+ autoCorrect?: string;
330
+ autoSave?: string;
331
+ color?: string;
332
+ itemProp?: string;
333
+ itemScope?: boolean;
334
+ itemType?: string;
335
+ itemID?: string;
336
+ itemRef?: string;
337
+ results?: number;
338
+ security?: string;
339
+ unselectable?: "on" | "off";
340
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
341
+ is?: string;
342
+ 'aria-activedescendant'?: string;
343
+ 'aria-atomic'?: boolean | "true" | "false";
344
+ 'aria-autocomplete'?: "list" | "none" | "inline" | "both";
345
+ 'aria-busy'?: boolean | "true" | "false";
346
+ 'aria-checked'?: boolean | "true" | "false" | "mixed";
347
+ 'aria-colcount'?: number;
348
+ 'aria-colindex'?: number;
349
+ 'aria-colspan'?: number;
350
+ 'aria-controls'?: string;
351
+ 'aria-current'?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date";
352
+ 'aria-describedby'?: string;
353
+ 'aria-details'?: string;
354
+ 'aria-disabled'?: boolean | "true" | "false";
355
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
356
+ 'aria-errormessage'?: string;
357
+ 'aria-expanded'?: boolean | "true" | "false";
358
+ 'aria-flowto'?: string;
359
+ 'aria-grabbed'?: boolean | "true" | "false";
360
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
361
+ 'aria-hidden'?: boolean | "true" | "false";
362
+ 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
363
+ 'aria-keyshortcuts'?: string;
364
+ 'aria-label'?: string;
365
+ 'aria-labelledby'?: string;
366
+ 'aria-level'?: number;
367
+ 'aria-live'?: "off" | "assertive" | "polite";
368
+ 'aria-modal'?: boolean | "true" | "false";
369
+ 'aria-multiline'?: boolean | "true" | "false";
370
+ 'aria-multiselectable'?: boolean | "true" | "false";
371
+ 'aria-orientation'?: "horizontal" | "vertical";
372
+ 'aria-owns'?: string;
373
+ 'aria-placeholder'?: string;
374
+ 'aria-posinset'?: number;
375
+ 'aria-pressed'?: boolean | "true" | "false" | "mixed";
376
+ 'aria-readonly'?: boolean | "true" | "false";
377
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
378
+ 'aria-required'?: boolean | "true" | "false";
379
+ 'aria-roledescription'?: string;
380
+ 'aria-rowcount'?: number;
381
+ 'aria-rowindex'?: number;
382
+ 'aria-rowspan'?: number;
383
+ 'aria-selected'?: boolean | "true" | "false";
384
+ 'aria-setsize'?: number;
385
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other";
386
+ 'aria-valuemax'?: number;
387
+ 'aria-valuemin'?: number;
388
+ 'aria-valuenow'?: number;
389
+ 'aria-valuetext'?: string;
390
+ children?: React.ReactNode;
391
+ dangerouslySetInnerHTML?: {
392
+ __html: string;
393
+ };
394
+ onCopy?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
395
+ onCopyCapture?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
396
+ onCut?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
397
+ onCutCapture?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
398
+ onPaste?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
399
+ onPasteCapture?: (event: React.ClipboardEvent<HTMLTableElement>) => void;
400
+ onCompositionEnd?: (event: React.CompositionEvent<HTMLTableElement>) => void;
401
+ onCompositionEndCapture?: (event: React.CompositionEvent<HTMLTableElement>) => void;
402
+ onCompositionStart?: (event: React.CompositionEvent<HTMLTableElement>) => void;
403
+ onCompositionStartCapture?: (event: React.CompositionEvent<HTMLTableElement>) => void;
404
+ onCompositionUpdate?: (event: React.CompositionEvent<HTMLTableElement>) => void;
405
+ onCompositionUpdateCapture?: (event: React.CompositionEvent<HTMLTableElement>) => void;
406
+ onFocus?: (event: React.FocusEvent<HTMLTableElement, Element>) => void;
407
+ onFocusCapture?: (event: React.FocusEvent<HTMLTableElement, Element>) => void;
408
+ onBlur?: (event: React.FocusEvent<HTMLTableElement, Element>) => void;
409
+ onBlurCapture?: (event: React.FocusEvent<HTMLTableElement, Element>) => void;
410
+ onChange?: (event: React.FormEvent<HTMLTableElement>) => void;
411
+ onChangeCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
412
+ onBeforeInput?: (event: React.FormEvent<HTMLTableElement>) => void;
413
+ onBeforeInputCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
414
+ onInput?: (event: React.FormEvent<HTMLTableElement>) => void;
415
+ onInputCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
416
+ onReset?: (event: React.FormEvent<HTMLTableElement>) => void;
417
+ onResetCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
418
+ onSubmit?: (event: React.FormEvent<HTMLTableElement>) => void;
419
+ onSubmitCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
420
+ onInvalid?: (event: React.FormEvent<HTMLTableElement>) => void;
421
+ onInvalidCapture?: (event: React.FormEvent<HTMLTableElement>) => void;
422
+ onLoad?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
423
+ onLoadCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
424
+ onError?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
425
+ onErrorCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
426
+ onKeyDown?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
427
+ onKeyDownCapture?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
428
+ onKeyPress?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
429
+ onKeyPressCapture?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
430
+ onKeyUp?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
431
+ onKeyUpCapture?: (event: React.KeyboardEvent<HTMLTableElement>) => void;
432
+ onAbort?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
433
+ onAbortCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
434
+ onCanPlay?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
435
+ onCanPlayCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
436
+ onCanPlayThrough?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
437
+ onCanPlayThroughCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
438
+ onDurationChange?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
439
+ onDurationChangeCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
440
+ onEmptied?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
441
+ onEmptiedCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
442
+ onEncrypted?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
443
+ onEncryptedCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
444
+ onEnded?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
445
+ onEndedCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
446
+ onLoadedData?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
447
+ onLoadedDataCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
448
+ onLoadedMetadata?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
449
+ onLoadedMetadataCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
450
+ onLoadStart?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
451
+ onLoadStartCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
452
+ onPause?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
453
+ onPauseCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
454
+ onPlay?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
455
+ onPlayCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
456
+ onPlaying?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
457
+ onPlayingCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
458
+ onProgress?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
459
+ onProgressCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
460
+ onRateChange?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
461
+ onRateChangeCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
462
+ onSeeked?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
463
+ onSeekedCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
464
+ onSeeking?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
465
+ onSeekingCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
466
+ onStalled?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
467
+ onStalledCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
468
+ onSuspend?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
469
+ onSuspendCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
470
+ onTimeUpdate?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
471
+ onTimeUpdateCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
472
+ onVolumeChange?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
473
+ onVolumeChangeCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
474
+ onWaiting?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
475
+ onWaitingCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
476
+ onAuxClick?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
477
+ onAuxClickCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
478
+ onClick?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
479
+ onClickCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
480
+ onContextMenu?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
481
+ onContextMenuCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
482
+ onDoubleClick?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
483
+ onDoubleClickCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
484
+ onDrag?: (event: React.DragEvent<HTMLTableElement>) => void;
485
+ onDragCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
486
+ onDragEnd?: (event: React.DragEvent<HTMLTableElement>) => void;
487
+ onDragEndCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
488
+ onDragEnter?: (event: React.DragEvent<HTMLTableElement>) => void;
489
+ onDragEnterCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
490
+ onDragExit?: (event: React.DragEvent<HTMLTableElement>) => void;
491
+ onDragExitCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
492
+ onDragLeave?: (event: React.DragEvent<HTMLTableElement>) => void;
493
+ onDragLeaveCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
494
+ onDragOver?: (event: React.DragEvent<HTMLTableElement>) => void;
495
+ onDragOverCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
496
+ onDragStart?: (event: React.DragEvent<HTMLTableElement>) => void;
497
+ onDragStartCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
498
+ onDrop?: (event: React.DragEvent<HTMLTableElement>) => void;
499
+ onDropCapture?: (event: React.DragEvent<HTMLTableElement>) => void;
500
+ onMouseDown?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
501
+ onMouseDownCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
502
+ onMouseEnter?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
503
+ onMouseLeave?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
504
+ onMouseMove?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
505
+ onMouseMoveCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
506
+ onMouseOut?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
507
+ onMouseOutCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
508
+ onMouseOver?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
509
+ onMouseOverCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
510
+ onMouseUp?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
511
+ onMouseUpCapture?: (event: React.MouseEvent<HTMLTableElement, MouseEvent>) => void;
512
+ onSelect?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
513
+ onSelectCapture?: (event: React.SyntheticEvent<HTMLTableElement, Event>) => void;
514
+ onTouchCancel?: (event: React.TouchEvent<HTMLTableElement>) => void;
515
+ onTouchCancelCapture?: (event: React.TouchEvent<HTMLTableElement>) => void;
516
+ onTouchEnd?: (event: React.TouchEvent<HTMLTableElement>) => void;
517
+ onTouchEndCapture?: (event: React.TouchEvent<HTMLTableElement>) => void;
518
+ onTouchMove?: (event: React.TouchEvent<HTMLTableElement>) => void;
519
+ onTouchMoveCapture?: (event: React.TouchEvent<HTMLTableElement>) => void;
520
+ onTouchStart?: (event: React.TouchEvent<HTMLTableElement>) => void;
521
+ onTouchStartCapture?: (event: React.TouchEvent<HTMLTableElement>) => void;
522
+ onPointerDown?: (event: React.PointerEvent<HTMLTableElement>) => void;
523
+ onPointerDownCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
524
+ onPointerMove?: (event: React.PointerEvent<HTMLTableElement>) => void;
525
+ onPointerMoveCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
526
+ onPointerUp?: (event: React.PointerEvent<HTMLTableElement>) => void;
527
+ onPointerUpCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
528
+ onPointerCancel?: (event: React.PointerEvent<HTMLTableElement>) => void;
529
+ onPointerCancelCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
530
+ onPointerEnter?: (event: React.PointerEvent<HTMLTableElement>) => void;
531
+ onPointerEnterCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
532
+ onPointerLeave?: (event: React.PointerEvent<HTMLTableElement>) => void;
533
+ onPointerLeaveCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
534
+ onPointerOver?: (event: React.PointerEvent<HTMLTableElement>) => void;
535
+ onPointerOverCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
536
+ onPointerOut?: (event: React.PointerEvent<HTMLTableElement>) => void;
537
+ onPointerOutCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
538
+ onGotPointerCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
539
+ onGotPointerCaptureCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
540
+ onLostPointerCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
541
+ onLostPointerCaptureCapture?: (event: React.PointerEvent<HTMLTableElement>) => void;
542
+ onScroll?: (event: React.UIEvent<HTMLTableElement, UIEvent>) => void;
543
+ onScrollCapture?: (event: React.UIEvent<HTMLTableElement, UIEvent>) => void;
544
+ onWheel?: (event: React.WheelEvent<HTMLTableElement>) => void;
545
+ onWheelCapture?: (event: React.WheelEvent<HTMLTableElement>) => void;
546
+ onAnimationStart?: (event: React.AnimationEvent<HTMLTableElement>) => void;
547
+ onAnimationStartCapture?: (event: React.AnimationEvent<HTMLTableElement>) => void;
548
+ onAnimationEnd?: (event: React.AnimationEvent<HTMLTableElement>) => void;
549
+ onAnimationEndCapture?: (event: React.AnimationEvent<HTMLTableElement>) => void;
550
+ onAnimationIteration?: (event: React.AnimationEvent<HTMLTableElement>) => void;
551
+ onAnimationIterationCapture?: (event: React.AnimationEvent<HTMLTableElement>) => void;
552
+ onTransitionEnd?: (event: React.TransitionEvent<HTMLTableElement>) => void;
553
+ onTransitionEndCapture?: (event: React.TransitionEvent<HTMLTableElement>) => void;
554
+ css?: import("@emotion/core").InterpolationWithTheme<any>;
555
+ };
556
+ };
package/dist/components/Table/TableRow.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { TableRowColor } from './';
2
+ import { TableRowColor, TableSortDirection } from './';
3
3
  import { IndeterminateCheckboxStatus } from '../IndeterminateCheckbox';
4
4
  /**
5
5
  * @children required
@@ -12,6 +12,15 @@ export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement>
12
12
  headerRowStatus?: IndeterminateCheckboxStatus;
13
13
  isSelected?: boolean;
14
14
  isSelectableDisabled?: boolean;
15
+ /**
16
+ * Direction by which the column is sorted
17
+ * @default TableSortDirection.none
18
+ */
19
+ sortDirection?: TableSortDirection;
20
+ /**
21
+ * Event that fires when clicking the table header cell sort button
22
+ */
23
+ onSort?: () => void;
15
24
  onHeaderRowSelect?: (event: React.ChangeEvent<HTMLInputElement>) => void;
16
25
  onTableRowSelect?: (event: React.ChangeEvent<HTMLInputElement>) => void;
17
26
  rowIndex?: number;
package/dist/components/Tabs/Tabs.stories.d.ts CHANGED
@@ -5,3 +5,5 @@ export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("
5
5
  export declare const Icon: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;
6
6
  export declare const IconOnly: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;
7
7
  export declare const Scrolling: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;
8
+ export declare const Inverse: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;
9
+ export declare const WithDropdown: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, TabsProps>;