react-magma-dom 4.7.0-next.5 → 4.7.0-next.7

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 (30) 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/Combobox/ComboboxInput.d.ts +3 -1
  4. package/dist/components/Combobox/index.d.ts +25 -12
  5. package/dist/components/Datagrid/Datagrid.stories.d.ts +8 -8
  6. package/dist/components/DatePicker/index.d.ts +4 -0
  7. package/dist/components/Dropdown/Dropdown.d.ts +8 -0
  8. package/dist/components/Dropdown/Dropdown.stories.d.ts +1 -0
  9. package/dist/components/IconButton/IconButton.stories.d.ts +4 -4
  10. package/dist/components/Input/Input.stories.d.ts +36 -33
  11. package/dist/components/InputBase/index.d.ts +13 -4
  12. package/dist/components/Select/ItemsList.d.ts +6 -3
  13. package/dist/components/Select/SelectContainer.d.ts +1 -1
  14. package/dist/components/Select/SelectTriggerButton.d.ts +3 -1
  15. package/dist/components/Select/index.d.ts +22 -2
  16. package/dist/components/Table/Table.stories.d.ts +36 -36
  17. package/dist/components/Tag/Tag.stories.d.ts +68 -68
  18. package/dist/components/Textarea/Textarea.stories.d.ts +6 -6
  19. package/dist/components/ToggleButton/ToggleButton.stories.d.ts +24 -24
  20. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.d.ts +12 -12
  21. package/dist/components/TreeView/useTreeView.d.ts +1 -1
  22. package/dist/components/TreeView/utils.d.ts +3 -0
  23. package/dist/esm/index.js +2440 -171
  24. package/dist/esm/index.js.map +1 -1
  25. package/dist/properties.json +148 -102
  26. package/dist/react-magma-dom.cjs.development.js +298 -157
  27. package/dist/react-magma-dom.cjs.development.js.map +1 -1
  28. package/dist/react-magma-dom.cjs.production.min.js +1 -1
  29. package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
  30. package/package.json +2 -1
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/useTreeView.d.ts CHANGED
@@ -81,7 +81,7 @@ export declare function useTreeView(props: UseTreeViewProps): {
81
81
  onExpandedChange: (event: React.SyntheticEvent<Element, Event>) => void;
82
82
  selectable: TreeViewSelectable;
83
83
  selectedItems: any;
84
- initialExpandedItems: string[];
84
+ initialExpandedItems: any[];
85
85
  treeItemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>;
86
86
  registerTreeItem: (refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>, ref: React.MutableRefObject<Element>) => void;
87
87
  initialExpandedItemsNeedUpdate: boolean;
package/dist/components/TreeView/utils.d.ts CHANGED
@@ -48,3 +48,6 @@ export declare const selectMulti: ({ items, itemId, checkedStatus, checkChildren
48
48
  itemId: TreeViewItemInterface['itemId'];
49
49
  checkedStatus: TreeViewItemInterface['checkedStatus'];
50
50
  } & Pick<UseTreeViewProps, "checkParents" | "checkChildren">) => any;
51
+ export declare const getInitialExpandedIds: ({ items, initialExpandedItems }: {
52
+ items: TreeViewItemInterface[];
53
+ } & Pick<UseTreeViewProps, "initialExpandedItems">) => any[];