react-magma-dom 4.6.1-next.0 → 4.7.0-next.1

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 (26) hide show
  1. package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +6 -6
  2. package/dist/components/CharacterCounter/CharacterCounter.stories.d.ts +12 -12
  3. package/dist/components/Datagrid/Datagrid.stories.d.ts +8 -8
  4. package/dist/components/IconButton/IconButton.stories.d.ts +4 -4
  5. package/dist/components/Input/Input.stories.d.ts +30 -30
  6. package/dist/components/Table/Table.stories.d.ts +36 -36
  7. package/dist/components/Tag/Tag.stories.d.ts +68 -68
  8. package/dist/components/Textarea/Textarea.stories.d.ts +6 -6
  9. package/dist/components/ToggleButton/ToggleButton.stories.d.ts +24 -24
  10. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.d.ts +12 -12
  11. package/dist/components/TreeView/TreeItemContext.d.ts +0 -2
  12. package/dist/components/TreeView/TreeView.stories.d.ts +2 -0
  13. package/dist/components/TreeView/TreeViewContext.d.ts +10 -7
  14. package/dist/components/TreeView/index.d.ts +1 -0
  15. package/dist/components/TreeView/types.d.ts +5 -0
  16. package/dist/components/TreeView/useTreeItem.d.ts +0 -10
  17. package/dist/components/TreeView/useTreeView.d.ts +18 -13
  18. package/dist/components/TreeView/utils.d.ts +22 -16
  19. package/dist/esm/index.js +967 -1304
  20. package/dist/esm/index.js.map +1 -1
  21. package/dist/properties.json +80 -67
  22. package/dist/react-magma-dom.cjs.development.js +989 -1338
  23. package/dist/react-magma-dom.cjs.development.js.map +1 -1
  24. package/dist/react-magma-dom.cjs.production.min.js +1 -1
  25. package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
  26. package/package.json +1 -1
package/dist/components/Tag/Tag.stories.d.ts CHANGED
@@ -40,17 +40,52 @@ export declare const WithDelete: {
40
40
  isClickable?: boolean;
41
41
  isInverse?: boolean;
42
42
  theme?: import("../..").ThemeInterface;
43
- translate?: "yes" | "no";
44
- hidden?: boolean;
43
+ defaultChecked?: boolean;
44
+ defaultValue?: string | number | readonly string[];
45
+ suppressContentEditableWarning?: boolean;
46
+ suppressHydrationWarning?: boolean;
47
+ accessKey?: string;
45
48
  className?: string;
49
+ contentEditable?: boolean | "true" | "false" | "inherit";
50
+ contextMenu?: string;
51
+ dir?: string;
52
+ draggable?: boolean | "true" | "false";
53
+ hidden?: boolean;
46
54
  id?: string;
47
55
  lang?: string;
56
+ placeholder?: string;
57
+ slot?: string;
58
+ spellCheck?: boolean | "true" | "false";
48
59
  style?: React.CSSProperties;
49
- role?: React.AriaRole;
50
60
  tabIndex?: number;
61
+ title?: string;
62
+ translate?: "yes" | "no";
63
+ radioGroup?: string;
64
+ role?: React.AriaRole;
65
+ about?: string;
66
+ datatype?: string;
67
+ inlist?: any;
68
+ prefix?: string;
69
+ property?: string;
70
+ resource?: string;
71
+ typeof?: string;
72
+ vocab?: string;
73
+ autoCapitalize?: string;
74
+ autoCorrect?: string;
75
+ autoSave?: string;
76
+ itemProp?: string;
77
+ itemScope?: boolean;
78
+ itemType?: string;
79
+ itemID?: string;
80
+ itemRef?: string;
81
+ results?: number;
82
+ security?: string;
83
+ unselectable?: "on" | "off";
84
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
85
+ is?: string;
51
86
  'aria-activedescendant'?: string;
52
87
  'aria-atomic'?: boolean | "true" | "false";
53
- 'aria-autocomplete'?: "none" | "inline" | "list" | "both";
88
+ 'aria-autocomplete'?: "list" | "none" | "inline" | "both";
54
89
  'aria-busy'?: boolean | "true" | "false";
55
90
  'aria-checked'?: boolean | "true" | "false" | "mixed";
56
91
  'aria-colcount'?: number;
@@ -61,12 +96,12 @@ export declare const WithDelete: {
61
96
  'aria-describedby'?: string;
62
97
  'aria-details'?: string;
63
98
  'aria-disabled'?: boolean | "true" | "false";
64
- 'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup";
99
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
65
100
  'aria-errormessage'?: string;
66
101
  'aria-expanded'?: boolean | "true" | "false";
67
102
  'aria-flowto'?: string;
68
103
  'aria-grabbed'?: boolean | "true" | "false";
69
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
104
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
70
105
  'aria-hidden'?: boolean | "true" | "false";
71
106
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
72
107
  'aria-keyshortcuts'?: string;
@@ -83,7 +118,7 @@ export declare const WithDelete: {
83
118
  'aria-posinset'?: number;
84
119
  'aria-pressed'?: boolean | "true" | "false" | "mixed";
85
120
  'aria-readonly'?: boolean | "true" | "false";
86
- 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
121
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
87
122
  'aria-required'?: boolean | "true" | "false";
88
123
  'aria-roledescription'?: string;
89
124
  'aria-rowcount'?: number;
@@ -259,20 +294,40 @@ export declare const WithDelete: {
259
294
  onAnimationIterationCapture?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
260
295
  onTransitionEnd?: (event: React.TransitionEvent<HTMLButtonElement>) => void;
261
296
  onTransitionEndCapture?: (event: React.TransitionEvent<HTMLButtonElement>) => void;
297
+ } | {
298
+ onClick?: never;
299
+ onDelete?: () => void;
300
+ color?: TagColor;
301
+ size?: TagSize;
302
+ labelText?: React.ReactNode;
303
+ disabled?: boolean;
304
+ testId?: string;
305
+ icon?: React.ReactElement<import("react-magma-icons").IconProps, string | ((props: any) => React.ReactElement<any, any>) | (new (props: any) => React.Component<any, any, any>)>;
306
+ isClickable?: boolean;
307
+ isInverse?: boolean;
308
+ theme?: import("../..").ThemeInterface;
262
309
  defaultChecked?: boolean;
263
310
  defaultValue?: string | number | readonly string[];
264
311
  suppressContentEditableWarning?: boolean;
265
312
  suppressHydrationWarning?: boolean;
266
313
  accessKey?: string;
267
- contentEditable?: boolean | "inherit" | "true" | "false";
314
+ className?: string;
315
+ contentEditable?: boolean | "true" | "false" | "inherit";
268
316
  contextMenu?: string;
269
317
  dir?: string;
270
318
  draggable?: boolean | "true" | "false";
319
+ hidden?: boolean;
320
+ id?: string;
321
+ lang?: string;
271
322
  placeholder?: string;
272
323
  slot?: string;
273
324
  spellCheck?: boolean | "true" | "false";
325
+ style?: React.CSSProperties;
326
+ tabIndex?: number;
274
327
  title?: string;
328
+ translate?: "yes" | "no";
275
329
  radioGroup?: string;
330
+ role?: React.AriaRole;
276
331
  about?: string;
277
332
  datatype?: string;
278
333
  inlist?: any;
@@ -292,31 +347,11 @@ export declare const WithDelete: {
292
347
  results?: number;
293
348
  security?: string;
294
349
  unselectable?: "on" | "off";
295
- inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
350
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
296
351
  is?: string;
297
- } | {
298
- onClick?: never;
299
- onDelete?: () => void;
300
- color?: TagColor;
301
- size?: TagSize;
302
- labelText?: React.ReactNode;
303
- disabled?: boolean;
304
- testId?: string;
305
- icon?: React.ReactElement<import("react-magma-icons").IconProps, string | ((props: any) => React.ReactElement<any, any>) | (new (props: any) => React.Component<any, any, any>)>;
306
- isClickable?: boolean;
307
- isInverse?: boolean;
308
- theme?: import("../..").ThemeInterface;
309
- translate?: "yes" | "no";
310
- hidden?: boolean;
311
- className?: string;
312
- id?: string;
313
- lang?: string;
314
- style?: React.CSSProperties;
315
- role?: React.AriaRole;
316
- tabIndex?: number;
317
352
  'aria-activedescendant'?: string;
318
353
  'aria-atomic'?: boolean | "true" | "false";
319
- 'aria-autocomplete'?: "none" | "inline" | "list" | "both";
354
+ 'aria-autocomplete'?: "list" | "none" | "inline" | "both";
320
355
  'aria-busy'?: boolean | "true" | "false";
321
356
  'aria-checked'?: boolean | "true" | "false" | "mixed";
322
357
  'aria-colcount'?: number;
@@ -327,12 +362,12 @@ export declare const WithDelete: {
327
362
  'aria-describedby'?: string;
328
363
  'aria-details'?: string;
329
364
  'aria-disabled'?: boolean | "true" | "false";
330
- 'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup";
365
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
331
366
  'aria-errormessage'?: string;
332
367
  'aria-expanded'?: boolean | "true" | "false";
333
368
  'aria-flowto'?: string;
334
369
  'aria-grabbed'?: boolean | "true" | "false";
335
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
370
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
336
371
  'aria-hidden'?: boolean | "true" | "false";
337
372
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
338
373
  'aria-keyshortcuts'?: string;
@@ -349,7 +384,7 @@ export declare const WithDelete: {
349
384
  'aria-posinset'?: number;
350
385
  'aria-pressed'?: boolean | "true" | "false" | "mixed";
351
386
  'aria-readonly'?: boolean | "true" | "false";
352
- 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
387
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
353
388
  'aria-required'?: boolean | "true" | "false";
354
389
  'aria-roledescription'?: string;
355
390
  'aria-rowcount'?: number;
@@ -525,40 +560,5 @@ export declare const WithDelete: {
525
560
  onAnimationIterationCapture?: (event: React.AnimationEvent<HTMLButtonElement>) => void;
526
561
  onTransitionEnd?: (event: React.TransitionEvent<HTMLButtonElement>) => void;
527
562
  onTransitionEndCapture?: (event: React.TransitionEvent<HTMLButtonElement>) => void;
528
- defaultChecked?: boolean;
529
- defaultValue?: string | number | readonly string[];
530
- suppressContentEditableWarning?: boolean;
531
- suppressHydrationWarning?: boolean;
532
- accessKey?: string;
533
- contentEditable?: boolean | "inherit" | "true" | "false";
534
- contextMenu?: string;
535
- dir?: string;
536
- draggable?: boolean | "true" | "false";
537
- placeholder?: string;
538
- slot?: string;
539
- spellCheck?: boolean | "true" | "false";
540
- title?: string;
541
- radioGroup?: string;
542
- about?: string;
543
- datatype?: string;
544
- inlist?: any;
545
- prefix?: string;
546
- property?: string;
547
- resource?: string;
548
- typeof?: string;
549
- vocab?: string;
550
- autoCapitalize?: string;
551
- autoCorrect?: string;
552
- autoSave?: string;
553
- itemProp?: string;
554
- itemScope?: boolean;
555
- itemType?: string;
556
- itemID?: string;
557
- itemRef?: string;
558
- results?: number;
559
- security?: string;
560
- unselectable?: "on" | "off";
561
- inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
562
- is?: string;
563
563
  };
564
564
  };
package/dist/components/Textarea/Textarea.stories.d.ts CHANGED
@@ -46,7 +46,7 @@ export declare const OnClear: {
46
46
  suppressHydrationWarning?: boolean;
47
47
  accessKey?: string;
48
48
  className?: string;
49
- contentEditable?: boolean | "inherit" | "true" | "false";
49
+ contentEditable?: boolean | "true" | "false" | "inherit";
50
50
  contextMenu?: string;
51
51
  dir?: string;
52
52
  draggable?: boolean | "true" | "false";
@@ -81,11 +81,11 @@ export declare const OnClear: {
81
81
  results?: number;
82
82
  security?: string;
83
83
  unselectable?: "on" | "off";
84
- inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
84
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
85
85
  is?: string;
86
86
  'aria-activedescendant'?: string;
87
87
  'aria-atomic'?: boolean | "true" | "false";
88
- 'aria-autocomplete'?: "none" | "inline" | "list" | "both";
88
+ 'aria-autocomplete'?: "list" | "none" | "inline" | "both";
89
89
  'aria-busy'?: boolean | "true" | "false";
90
90
  'aria-checked'?: boolean | "true" | "false" | "mixed";
91
91
  'aria-colcount'?: number;
@@ -96,12 +96,12 @@ export declare const OnClear: {
96
96
  'aria-describedby'?: string;
97
97
  'aria-details'?: string;
98
98
  'aria-disabled'?: boolean | "true" | "false";
99
- 'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup";
99
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
100
100
  'aria-errormessage'?: string;
101
101
  'aria-expanded'?: boolean | "true" | "false";
102
102
  'aria-flowto'?: string;
103
103
  'aria-grabbed'?: boolean | "true" | "false";
104
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
104
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
105
105
  'aria-hidden'?: boolean | "true" | "false";
106
106
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
107
107
  'aria-keyshortcuts'?: string;
@@ -118,7 +118,7 @@ export declare const OnClear: {
118
118
  'aria-posinset'?: number;
119
119
  'aria-pressed'?: boolean | "true" | "false" | "mixed";
120
120
  'aria-readonly'?: boolean | "true" | "false";
121
- 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
121
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
122
122
  'aria-required'?: boolean | "true" | "false";
123
123
  'aria-roledescription'?: string;
124
124
  'aria-rowcount'?: number;
package/dist/components/ToggleButton/ToggleButton.stories.d.ts CHANGED
@@ -32,7 +32,7 @@ export declare const Text: {
32
32
  suppressHydrationWarning?: boolean;
33
33
  accessKey?: string;
34
34
  className?: string;
35
- contentEditable?: boolean | "inherit" | "true" | "false";
35
+ contentEditable?: boolean | "true" | "false" | "inherit";
36
36
  contextMenu?: string;
37
37
  dir?: string;
38
38
  draggable?: boolean | "true" | "false";
@@ -68,11 +68,11 @@ export declare const Text: {
68
68
  results?: number;
69
69
  security?: string;
70
70
  unselectable?: "on" | "off";
71
- inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
71
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
72
72
  is?: string;
73
73
  'aria-activedescendant'?: string;
74
74
  'aria-atomic'?: boolean | "true" | "false";
75
- 'aria-autocomplete'?: "none" | "inline" | "list" | "both";
75
+ 'aria-autocomplete'?: "list" | "none" | "inline" | "both";
76
76
  'aria-busy'?: boolean | "true" | "false";
77
77
  'aria-checked'?: boolean | "true" | "false" | "mixed";
78
78
  'aria-colcount'?: number;
@@ -83,12 +83,12 @@ export declare const Text: {
83
83
  'aria-describedby'?: string;
84
84
  'aria-details'?: string;
85
85
  'aria-disabled'?: boolean | "true" | "false";
86
- 'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup";
86
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
87
87
  'aria-errormessage'?: string;
88
88
  'aria-expanded'?: boolean | "true" | "false";
89
89
  'aria-flowto'?: string;
90
90
  'aria-grabbed'?: boolean | "true" | "false";
91
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
91
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
92
92
  'aria-hidden'?: boolean | "true" | "false";
93
93
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
94
94
  'aria-keyshortcuts'?: string;
@@ -104,7 +104,7 @@ export declare const Text: {
104
104
  'aria-posinset'?: number;
105
105
  'aria-pressed'?: boolean | "true" | "false" | "mixed";
106
106
  'aria-readonly'?: boolean | "true" | "false";
107
- 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
107
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
108
108
  'aria-required'?: boolean | "true" | "false";
109
109
  'aria-roledescription'?: string;
110
110
  'aria-rowcount'?: number;
@@ -310,7 +310,7 @@ export declare const Text: {
310
310
  suppressHydrationWarning?: boolean;
311
311
  accessKey?: string;
312
312
  className?: string;
313
- contentEditable?: boolean | "inherit" | "true" | "false";
313
+ contentEditable?: boolean | "true" | "false" | "inherit";
314
314
  contextMenu?: string;
315
315
  dir?: string;
316
316
  draggable?: boolean | "true" | "false";
@@ -346,11 +346,11 @@ export declare const Text: {
346
346
  results?: number;
347
347
  security?: string;
348
348
  unselectable?: "on" | "off";
349
- inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
349
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
350
350
  is?: string;
351
351
  'aria-activedescendant'?: string;
352
352
  'aria-atomic'?: boolean | "true" | "false";
353
- 'aria-autocomplete'?: "none" | "inline" | "list" | "both";
353
+ 'aria-autocomplete'?: "list" | "none" | "inline" | "both";
354
354
  'aria-busy'?: boolean | "true" | "false";
355
355
  'aria-checked'?: boolean | "true" | "false" | "mixed";
356
356
  'aria-colcount'?: number;
@@ -361,12 +361,12 @@ export declare const Text: {
361
361
  'aria-describedby'?: string;
362
362
  'aria-details'?: string;
363
363
  'aria-disabled'?: boolean | "true" | "false";
364
- 'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup";
364
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
365
365
  'aria-errormessage'?: string;
366
366
  'aria-expanded'?: boolean | "true" | "false";
367
367
  'aria-flowto'?: string;
368
368
  'aria-grabbed'?: boolean | "true" | "false";
369
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
369
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
370
370
  'aria-hidden'?: boolean | "true" | "false";
371
371
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
372
372
  'aria-keyshortcuts'?: string;
@@ -383,7 +383,7 @@ export declare const Text: {
383
383
  'aria-posinset'?: number;
384
384
  'aria-pressed'?: boolean | "true" | "false" | "mixed";
385
385
  'aria-readonly'?: boolean | "true" | "false";
386
- 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
386
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
387
387
  'aria-required'?: boolean | "true" | "false";
388
388
  'aria-roledescription'?: string;
389
389
  'aria-rowcount'?: number;
@@ -594,7 +594,7 @@ export declare const TextAndIcon: {
594
594
  suppressHydrationWarning?: boolean;
595
595
  accessKey?: string;
596
596
  className?: string;
597
- contentEditable?: boolean | "inherit" | "true" | "false";
597
+ contentEditable?: boolean | "true" | "false" | "inherit";
598
598
  contextMenu?: string;
599
599
  dir?: string;
600
600
  draggable?: boolean | "true" | "false";
@@ -630,11 +630,11 @@ export declare const TextAndIcon: {
630
630
  results?: number;
631
631
  security?: string;
632
632
  unselectable?: "on" | "off";
633
- inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
633
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
634
634
  is?: string;
635
635
  'aria-activedescendant'?: string;
636
636
  'aria-atomic'?: boolean | "true" | "false";
637
- 'aria-autocomplete'?: "none" | "inline" | "list" | "both";
637
+ 'aria-autocomplete'?: "list" | "none" | "inline" | "both";
638
638
  'aria-busy'?: boolean | "true" | "false";
639
639
  'aria-checked'?: boolean | "true" | "false" | "mixed";
640
640
  'aria-colcount'?: number;
@@ -645,12 +645,12 @@ export declare const TextAndIcon: {
645
645
  'aria-describedby'?: string;
646
646
  'aria-details'?: string;
647
647
  'aria-disabled'?: boolean | "true" | "false";
648
- 'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup";
648
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
649
649
  'aria-errormessage'?: string;
650
650
  'aria-expanded'?: boolean | "true" | "false";
651
651
  'aria-flowto'?: string;
652
652
  'aria-grabbed'?: boolean | "true" | "false";
653
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
653
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
654
654
  'aria-hidden'?: boolean | "true" | "false";
655
655
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
656
656
  'aria-keyshortcuts'?: string;
@@ -666,7 +666,7 @@ export declare const TextAndIcon: {
666
666
  'aria-posinset'?: number;
667
667
  'aria-pressed'?: boolean | "true" | "false" | "mixed";
668
668
  'aria-readonly'?: boolean | "true" | "false";
669
- 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
669
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
670
670
  'aria-required'?: boolean | "true" | "false";
671
671
  'aria-roledescription'?: string;
672
672
  'aria-rowcount'?: number;
@@ -872,7 +872,7 @@ export declare const TextAndIcon: {
872
872
  suppressHydrationWarning?: boolean;
873
873
  accessKey?: string;
874
874
  className?: string;
875
- contentEditable?: boolean | "inherit" | "true" | "false";
875
+ contentEditable?: boolean | "true" | "false" | "inherit";
876
876
  contextMenu?: string;
877
877
  dir?: string;
878
878
  draggable?: boolean | "true" | "false";
@@ -908,11 +908,11 @@ export declare const TextAndIcon: {
908
908
  results?: number;
909
909
  security?: string;
910
910
  unselectable?: "on" | "off";
911
- inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
911
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
912
912
  is?: string;
913
913
  'aria-activedescendant'?: string;
914
914
  'aria-atomic'?: boolean | "true" | "false";
915
- 'aria-autocomplete'?: "none" | "inline" | "list" | "both";
915
+ 'aria-autocomplete'?: "list" | "none" | "inline" | "both";
916
916
  'aria-busy'?: boolean | "true" | "false";
917
917
  'aria-checked'?: boolean | "true" | "false" | "mixed";
918
918
  'aria-colcount'?: number;
@@ -923,12 +923,12 @@ export declare const TextAndIcon: {
923
923
  'aria-describedby'?: string;
924
924
  'aria-details'?: string;
925
925
  'aria-disabled'?: boolean | "true" | "false";
926
- 'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup";
926
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
927
927
  'aria-errormessage'?: string;
928
928
  'aria-expanded'?: boolean | "true" | "false";
929
929
  'aria-flowto'?: string;
930
930
  'aria-grabbed'?: boolean | "true" | "false";
931
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
931
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
932
932
  'aria-hidden'?: boolean | "true" | "false";
933
933
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
934
934
  'aria-keyshortcuts'?: string;
@@ -945,7 +945,7 @@ export declare const TextAndIcon: {
945
945
  'aria-posinset'?: number;
946
946
  'aria-pressed'?: boolean | "true" | "false" | "mixed";
947
947
  'aria-readonly'?: boolean | "true" | "false";
948
- 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
948
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
949
949
  'aria-required'?: boolean | "true" | "false";
950
950
  'aria-roledescription'?: string;
951
951
  'aria-rowcount'?: number;
package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.d.ts CHANGED
@@ -28,7 +28,7 @@ export declare const AlignmentExample: {
28
28
  suppressHydrationWarning?: boolean;
29
29
  accessKey?: string;
30
30
  className?: string;
31
- contentEditable?: boolean | "inherit" | "true" | "false";
31
+ contentEditable?: boolean | "true" | "false" | "inherit";
32
32
  contextMenu?: string;
33
33
  dir?: string;
34
34
  draggable?: boolean | "true" | "false";
@@ -63,11 +63,11 @@ export declare const AlignmentExample: {
63
63
  results?: number;
64
64
  security?: string;
65
65
  unselectable?: "on" | "off";
66
- inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
66
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
67
67
  is?: string;
68
68
  'aria-activedescendant'?: string;
69
69
  'aria-atomic'?: boolean | "true" | "false";
70
- 'aria-autocomplete'?: "none" | "inline" | "list" | "both";
70
+ 'aria-autocomplete'?: "list" | "none" | "inline" | "both";
71
71
  'aria-busy'?: boolean | "true" | "false";
72
72
  'aria-checked'?: boolean | "true" | "false" | "mixed";
73
73
  'aria-colcount'?: number;
@@ -78,12 +78,12 @@ export declare const AlignmentExample: {
78
78
  'aria-describedby'?: string;
79
79
  'aria-details'?: string;
80
80
  'aria-disabled'?: boolean | "true" | "false";
81
- 'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup";
81
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
82
82
  'aria-errormessage'?: string;
83
83
  'aria-expanded'?: boolean | "true" | "false";
84
84
  'aria-flowto'?: string;
85
85
  'aria-grabbed'?: boolean | "true" | "false";
86
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
86
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
87
87
  'aria-hidden'?: boolean | "true" | "false";
88
88
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
89
89
  'aria-keyshortcuts'?: string;
@@ -100,7 +100,7 @@ export declare const AlignmentExample: {
100
100
  'aria-posinset'?: number;
101
101
  'aria-pressed'?: boolean | "true" | "false" | "mixed";
102
102
  'aria-readonly'?: boolean | "true" | "false";
103
- 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
103
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
104
104
  'aria-required'?: boolean | "true" | "false";
105
105
  'aria-roledescription'?: string;
106
106
  'aria-rowcount'?: number;
@@ -302,7 +302,7 @@ export declare const DifferentToggleButtons: {
302
302
  suppressHydrationWarning?: boolean;
303
303
  accessKey?: string;
304
304
  className?: string;
305
- contentEditable?: boolean | "inherit" | "true" | "false";
305
+ contentEditable?: boolean | "true" | "false" | "inherit";
306
306
  contextMenu?: string;
307
307
  dir?: string;
308
308
  draggable?: boolean | "true" | "false";
@@ -337,11 +337,11 @@ export declare const DifferentToggleButtons: {
337
337
  results?: number;
338
338
  security?: string;
339
339
  unselectable?: "on" | "off";
340
- inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
340
+ inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal";
341
341
  is?: string;
342
342
  'aria-activedescendant'?: string;
343
343
  'aria-atomic'?: boolean | "true" | "false";
344
- 'aria-autocomplete'?: "none" | "inline" | "list" | "both";
344
+ 'aria-autocomplete'?: "list" | "none" | "inline" | "both";
345
345
  'aria-busy'?: boolean | "true" | "false";
346
346
  'aria-checked'?: boolean | "true" | "false" | "mixed";
347
347
  'aria-colcount'?: number;
@@ -352,12 +352,12 @@ export declare const DifferentToggleButtons: {
352
352
  'aria-describedby'?: string;
353
353
  'aria-details'?: string;
354
354
  'aria-disabled'?: boolean | "true" | "false";
355
- 'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup";
355
+ 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
356
356
  'aria-errormessage'?: string;
357
357
  'aria-expanded'?: boolean | "true" | "false";
358
358
  'aria-flowto'?: string;
359
359
  'aria-grabbed'?: boolean | "true" | "false";
360
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "true" | "false" | "listbox" | "tree";
360
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
361
361
  'aria-hidden'?: boolean | "true" | "false";
362
362
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
363
363
  'aria-keyshortcuts'?: string;
@@ -374,7 +374,7 @@ export declare const DifferentToggleButtons: {
374
374
  'aria-posinset'?: number;
375
375
  'aria-pressed'?: boolean | "true" | "false" | "mixed";
376
376
  'aria-readonly'?: boolean | "true" | "false";
377
- 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
377
+ 'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
378
378
  'aria-required'?: boolean | "true" | "false";
379
379
  'aria-roledescription'?: string;
380
380
  'aria-rowcount'?: number;
package/dist/components/TreeView/TreeItemContext.d.ts CHANGED
@@ -6,9 +6,7 @@ interface TreeItemContextInterface {
6
6
  setExpanded: React.Dispatch<React.SetStateAction<boolean>>;
7
7
  checkedStatus: IndeterminateCheckboxStatus;
8
8
  checkboxChangeHandler: (event: React.ChangeEvent<HTMLInputElement>) => void;
9
- numberOfTreeItemChildren: number;
10
9
  hasOwnTreeItems: boolean;
11
- updateCheckedStatusFromChild: (index: number, status: IndeterminateCheckboxStatus) => void;
12
10
  parentDepth: number;
13
11
  }
14
12
  export declare const TreeItemContext: React.Context<TreeItemContextInterface>;
package/dist/components/TreeView/TreeView.stories.d.ts CHANGED
@@ -20,6 +20,8 @@ export declare const Complex: {
20
20
  itemId: string;
21
21
  checkedStatus: IndeterminateCheckboxStatus;
22
22
  }[];
23
+ checkParents: boolean;
24
+ checkChildren: boolean;
23
25
  testId: string;
24
26
  };
25
27
  };
package/dist/components/TreeView/TreeViewContext.d.ts CHANGED
@@ -1,10 +1,17 @@
1
1
  import * as React from 'react';
2
- import { TreeViewSelectable } from './useTreeView';
2
+ import { TreeViewSelectable } from './types';
3
3
  import { IndeterminateCheckboxStatus } from '../IndeterminateCheckbox';
4
4
  export interface TreeItemSelectedInterface {
5
5
  itemId?: string;
6
6
  checkedStatus: IndeterminateCheckboxStatus;
7
7
  }
8
+ export interface TreeViewItemInterface {
9
+ itemId?: string;
10
+ parentId?: string | null;
11
+ icon?: React.ReactNode;
12
+ checkedStatus: IndeterminateCheckboxStatus;
13
+ hasOwnTreeItems: boolean;
14
+ }
8
15
  export interface TreeViewContextInterface {
9
16
  children?: React.ReactNode[];
10
17
  hasIcons: boolean;
@@ -12,19 +19,15 @@ export interface TreeViewContextInterface {
12
19
  initialExpandedItemsNeedUpdate: boolean;
13
20
  onExpandedChange?: (event: React.SyntheticEvent) => void;
14
21
  onSelectedItemChange?: (selectedItems: Array<TreeItemSelectedInterface>) => void;
15
- preselectedItemsNeedUpdate: boolean;
16
22
  registerTreeItem: (itemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>, itemRef: React.MutableRefObject<Element>) => void;
17
23
  selectable: TreeViewSelectable;
18
24
  selectedItems: Array<TreeItemSelectedInterface>;
19
- selectedItemsChanged: boolean;
20
- setHasIcons: React.Dispatch<React.SetStateAction<boolean>>;
21
25
  setInitialExpandedItemsNeedUpdate: React.Dispatch<React.SetStateAction<any>>;
22
- setPreselectedItemsNeedUpdate: React.Dispatch<React.SetStateAction<any>>;
23
- setSelectedItems: React.Dispatch<React.SetStateAction<any>>;
24
- setSelectedItemsChanged: React.Dispatch<React.SetStateAction<any>>;
25
26
  treeItemRefArray?: React.MutableRefObject<React.MutableRefObject<Element>[]>;
26
27
  itemToFocus?: string;
27
28
  checkParents: boolean;
28
29
  checkChildren: boolean;
30
+ items: TreeViewItemInterface[];
31
+ selectItem: (data: Pick<TreeViewItemInterface, 'itemId' | 'checkedStatus'>) => void;
29
32
  }
30
33
  export declare const TreeViewContext: React.Context<TreeViewContextInterface>;
package/dist/components/TreeView/index.d.ts CHANGED
@@ -3,3 +3,4 @@ export * from './TreeItem';
3
3
  export * from './useTreeItem';
4
4
  export * from './useTreeView';
5
5
  export * from './utils';
6
+ export * from './types';
package/dist/components/TreeView/types.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export declare enum TreeViewSelectable {
2
+ single = "single",
3
+ multi = "multi",
4
+ off = "off"
5
+ }