react-magma-dom 5.3.0 → 6.0.0-next.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 (145) hide show
  1. package/dist/components/AIButton/StyledAIButtonTemplate.d.ts +2 -2
  2. package/dist/components/AIButton/index.d.ts +10 -10
  3. package/dist/components/Accordion/Accordion.d.ts +3 -4
  4. package/dist/components/Accordion/AccordionButton.d.ts +3 -4
  5. package/dist/components/Accordion/AccordionItem.d.ts +3 -4
  6. package/dist/components/Accordion/AccordionPanel.d.ts +3 -4
  7. package/dist/components/Alert/index.d.ts +3 -4
  8. package/dist/components/AlertBase/index.d.ts +1 -1
  9. package/dist/components/Announce/index.d.ts +4 -5
  10. package/dist/components/AppBar/AppBar.d.ts +3 -4
  11. package/dist/components/Badge/index.d.ts +3 -4
  12. package/dist/components/Banner/index.d.ts +3 -4
  13. package/dist/components/BlockQuote/BlockQuote.d.ts +3 -4
  14. package/dist/components/BlockQuote/BlockQuoteItem.d.ts +3 -4
  15. package/dist/components/Breadcrumb/Breadcrumb.d.ts +3 -4
  16. package/dist/components/Breadcrumb/BreadcrumbItem.d.ts +3 -4
  17. package/dist/components/BreakpointsContainer/index.d.ts +3 -4
  18. package/dist/components/Button/index.d.ts +3 -4
  19. package/dist/components/Card/Card.d.ts +3 -4
  20. package/dist/components/Card/CardBody.d.ts +3 -4
  21. package/dist/components/Card/CardHeading.d.ts +3 -4
  22. package/dist/components/Checkbox/index.d.ts +1 -1
  23. package/dist/components/Container/Container.d.ts +3 -4
  24. package/dist/components/Datagrid/Datagrid.d.ts +3 -4
  25. package/dist/components/DatePicker/DateField/StyledDateFieldInput.d.ts +4 -4
  26. package/dist/components/DatePicker/StyledSelect.d.ts +1 -1
  27. package/dist/components/Dropdown/DropdownContent.d.ts +3 -4
  28. package/dist/components/Dropdown/DropdownExpandableMenuPanel.d.ts +2 -3
  29. package/dist/components/Dropdown/DropdownHeader.d.ts +3 -4
  30. package/dist/components/Dropdown/DropdownMenuGroup.d.ts +3 -4
  31. package/dist/components/Dropdown/DropdownMenuItem.d.ts +1 -1
  32. package/dist/components/EmptyState/styles.d.ts +4 -4
  33. package/dist/components/Flex/Flex.d.ts +3 -4
  34. package/dist/components/Form/index.d.ts +3 -4
  35. package/dist/components/FormGroup/index.d.ts +3 -4
  36. package/dist/components/Grid/Grid.d.ts +12 -14
  37. package/dist/components/Heading/index.d.ts +4 -5
  38. package/dist/components/HideAtBreakpoint/index.d.ts +3 -4
  39. package/dist/components/InputBase/index.d.ts +3 -3
  40. package/dist/components/List/List.d.ts +3 -4
  41. package/dist/components/List/ListItem.d.ts +3 -4
  42. package/dist/components/Modal/Modal.d.ts +3 -4
  43. package/dist/components/NativeSelect/NativeSelect.d.ts +3 -4
  44. package/dist/components/Paragraph/index.d.ts +3 -4
  45. package/dist/components/RadioGroup/index.d.ts +3 -4
  46. package/dist/components/Select/SelectContainer.d.ts +1 -1
  47. package/dist/components/Select/shared.d.ts +8 -8
  48. package/dist/components/SkipLinkContent/index.d.ts +3 -4
  49. package/dist/components/Stepper/Step.d.ts +1 -1
  50. package/dist/components/StyledButton/index.d.ts +2 -2
  51. package/dist/components/Table/Table.d.ts +7 -20
  52. package/dist/components/Table/TableBody.d.ts +3 -4
  53. package/dist/components/Table/TableHead.d.ts +3 -4
  54. package/dist/components/Table/TableRow.d.ts +3 -4
  55. package/dist/components/Tabs/Tab.d.ts +2 -2
  56. package/dist/components/Tabs/TabPanelsContainer.d.ts +2 -1
  57. package/dist/components/Tabs/Tabs.d.ts +3 -3
  58. package/dist/components/Tabs/TabsContainer.d.ts +1 -1
  59. package/dist/components/Tag/Tag.d.ts +3 -4
  60. package/dist/components/TimePicker/TimePicker.d.ts +2 -2
  61. package/dist/components/Toast/index.d.ts +3 -4
  62. package/dist/components/Tooltip/index.d.ts +3 -3
  63. package/dist/components/Transition/Transition.d.ts +4 -5
  64. package/dist/components/TreeView/TreeItem.d.ts +0 -1
  65. package/dist/components/TreeView/useTreeItem.d.ts +1 -1
  66. package/dist/components/TreeView/useTreeView.d.ts +1 -1
  67. package/dist/components/TreeView/utils.d.ts +1 -1
  68. package/dist/components/Typography/index.d.ts +1 -1
  69. package/dist/components/VisuallyHidden/index.d.ts +3 -4
  70. package/dist/esm/index.js +5185 -6622
  71. package/dist/esm/index.js.map +1 -1
  72. package/dist/index.d.ts +73 -147
  73. package/dist/properties.json +13603 -11295
  74. package/dist/react-magma-dom.cjs.development.js +2782 -2710
  75. package/dist/react-magma-dom.cjs.development.js.map +1 -1
  76. package/dist/react-magma-dom.cjs.production.min.js +1 -1
  77. package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
  78. package/package.json +21 -24
  79. package/dist/components/AIButton/AIButton.stories.d.ts +0 -35
  80. package/dist/components/Accordion/Accordion.stories.d.ts +0 -54
  81. package/dist/components/Alert/Alert.stories.d.ts +0 -5
  82. package/dist/components/Announce/Announce.stories.d.ts +0 -4
  83. package/dist/components/AppBar/AppBar.stories.d.ts +0 -20
  84. package/dist/components/Badge/Badge.stories.d.ts +0 -7
  85. package/dist/components/Banner/Banner.stories.d.ts +0 -14
  86. package/dist/components/BlockQuote/BlockQuote.stories.d.ts +0 -16
  87. package/dist/components/Breadcrumb/Breadcrumb.stories.d.ts +0 -16
  88. package/dist/components/BreakpointsContainer/BreakpointsContainer.stories.d.ts +0 -4
  89. package/dist/components/Button/Button.stories.d.ts +0 -41
  90. package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +0 -24
  91. package/dist/components/Card/Card.stories.d.ts +0 -13
  92. package/dist/components/CharacterCounter/CharacterCounter.stories.d.ts +0 -38
  93. package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -39
  94. package/dist/components/Combobox/Combobox.stories.d.ts +0 -178
  95. package/dist/components/Container/Container.stories.d.ts +0 -33
  96. package/dist/components/Datagrid/Datagrid.stories.d.ts +0 -332
  97. package/dist/components/DatePicker/DatePicker.stories.d.ts +0 -55
  98. package/dist/components/DateTimePicker/DateTimePicker.stories.d.ts +0 -25
  99. package/dist/components/DefinitionList/DefinitionList.stories.d.ts +0 -32
  100. package/dist/components/Drawer/Drawer.stories.d.ts +0 -44
  101. package/dist/components/Dropdown/Dropdown.stories.d.ts +0 -85
  102. package/dist/components/EmptyState/EmptyState.stories.d.ts +0 -137
  103. package/dist/components/Fieldset/Fieldset.stories.d.ts +0 -46
  104. package/dist/components/Flex/Flex.stories.d.ts +0 -46
  105. package/dist/components/Form/Form.stories.d.ts +0 -28
  106. package/dist/components/FormGroup/FormGroup.stories.d.ts +0 -4
  107. package/dist/components/Grid/Grid.stories.d.ts +0 -5
  108. package/dist/components/Heading/Heading.stories.d.ts +0 -14
  109. package/dist/components/HideAtBreakpoint/HideAtBreakpoint.stories.d.ts +0 -4
  110. package/dist/components/Hyperlink/Hyperlink.stories.d.ts +0 -34
  111. package/dist/components/IconButton/IconButton.stories.d.ts +0 -55
  112. package/dist/components/IndeterminateCheckbox/IndeterminateCheckbox.stories.d.ts +0 -38
  113. package/dist/components/Input/Input.stories.d.ts +0 -168
  114. package/dist/components/InputBase/InputBase.stories.d.ts +0 -10
  115. package/dist/components/List/List.stories.d.ts +0 -65
  116. package/dist/components/LoadingIndicator/LoadingIndicator.stories.d.ts +0 -11
  117. package/dist/components/Modal/Modal.stories.d.ts +0 -30
  118. package/dist/components/NativeSelect/NativeSelect.stories.d.ts +0 -93
  119. package/dist/components/NavTabs/NavTabs.stories.d.ts +0 -25
  120. package/dist/components/Pagination/Pagination.stories.d.ts +0 -88
  121. package/dist/components/Paragraph/Paragraph.stories.d.ts +0 -6
  122. package/dist/components/PasswordInput/PasswordInput.stories.d.ts +0 -27
  123. package/dist/components/Popover/Popover.stories.d.ts +0 -146
  124. package/dist/components/ProgressBar/ProgressBar.stories.d.ts +0 -30
  125. package/dist/components/Radio/Radio.stories.d.ts +0 -5
  126. package/dist/components/Search/Search.stories.d.ts +0 -8
  127. package/dist/components/Select/Select.stories.d.ts +0 -247
  128. package/dist/components/Skeleton/Skeleton.stories.d.ts +0 -48
  129. package/dist/components/SkipLink/SkipLink.stories.d.ts +0 -4
  130. package/dist/components/Spacer/Spacer.stories.d.ts +0 -14
  131. package/dist/components/Spinner/Spinner.stories.d.ts +0 -6
  132. package/dist/components/Stepper/Stepper.stories.d.ts +0 -29
  133. package/dist/components/Table/Table.stories.d.ts +0 -194
  134. package/dist/components/Tabs/Tabs.stories.d.ts +0 -80
  135. package/dist/components/Tag/Tag.stories.d.ts +0 -21
  136. package/dist/components/Textarea/Textarea.stories.d.ts +0 -15
  137. package/dist/components/TimePicker/TimePicker.stories.d.ts +0 -21
  138. package/dist/components/Toast/Toast.stories.d.ts +0 -31
  139. package/dist/components/Toggle/Toggle.stories.d.ts +0 -5
  140. package/dist/components/ToggleButton/ToggleButton.stories.d.ts +0 -24
  141. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.d.ts +0 -33
  142. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -53
  143. package/dist/components/Transition/Transition.stories.d.ts +0 -81
  144. package/dist/components/TreeView/TreeView.stories.d.ts +0 -280
  145. package/dist/components/VisuallyHidden/VisuallyHidden.stories.d.ts +0 -4
@@ -1,280 +0,0 @@
1
- import React from 'react';
2
- import { IndeterminateCheckboxStatus, TreeViewProps } from '../..';
3
- import { TreeViewSelectable } from '.';
4
- declare const _default: any;
5
- export default _default;
6
- export declare const Simple: {
7
- render: (args: Partial<TreeViewProps>) => React.JSX.Element;
8
- parameters: {
9
- controls: {
10
- exclude: string[];
11
- };
12
- };
13
- };
14
- export declare const Complex: {
15
- render: (args: Partial<TreeViewProps>) => React.JSX.Element;
16
- args: {
17
- selectable: TreeViewSelectable;
18
- ariaLabel: string;
19
- initialExpandedItems: string[];
20
- preselectedItems: ({
21
- itemId: string;
22
- checkedStatus: IndeterminateCheckboxStatus;
23
- isDisabled?: undefined;
24
- } | {
25
- itemId: string;
26
- checkedStatus: IndeterminateCheckboxStatus;
27
- isDisabled: boolean;
28
- })[];
29
- checkParents: boolean;
30
- checkChildren: boolean;
31
- isDisabled: boolean;
32
- testId: string;
33
- };
34
- };
35
- export declare const NoIcons: {
36
- render: (args: Partial<TreeViewProps>) => React.JSX.Element;
37
- args: {
38
- initialExpandedItems: string[];
39
- preselectedItems: {
40
- itemId: string;
41
- checkedStatus: IndeterminateCheckboxStatus;
42
- }[];
43
- };
44
- };
45
- export declare const Textbook: {
46
- render: (args: Partial<TreeViewProps>) => React.JSX.Element;
47
- args: {
48
- ariaLabelledBy: string;
49
- };
50
- };
51
- export declare const DefaultIcon: {
52
- render: (args: Partial<TreeViewProps>) => React.JSX.Element;
53
- parameters: {
54
- controls: {
55
- exclude: string[];
56
- };
57
- };
58
- };
59
- export declare const FirstItemLeaf: {
60
- render: (args: Partial<TreeViewProps>) => React.JSX.Element;
61
- args: {
62
- initialExpandedItems: string[];
63
- preselectedItems: {
64
- itemId: string;
65
- checkedStatus: IndeterminateCheckboxStatus;
66
- }[];
67
- };
68
- parameters: {
69
- controls: {
70
- exclude: string[];
71
- };
72
- };
73
- };
74
- export declare const FirstItemBranch: {
75
- render: (args: Partial<TreeViewProps>) => React.JSX.Element;
76
- args: {
77
- ariaLabel: string;
78
- selectable: TreeViewSelectable;
79
- preselectedItems: {
80
- itemId: string;
81
- checkedStatus: IndeterminateCheckboxStatus;
82
- }[];
83
- initialExpandedItems: string[];
84
- };
85
- };
86
- export declare const FlatTree: {
87
- render: (args: Partial<TreeViewProps>) => React.JSX.Element;
88
- args: {
89
- selectable: TreeViewSelectable;
90
- };
91
- parameters: {
92
- controls: {
93
- exclude: string[];
94
- };
95
- };
96
- };
97
- export declare const ParentsAndChildrenNotAutoChecked: {
98
- render: (args: Partial<TreeViewProps>) => React.JSX.Element;
99
- args: {
100
- checkParents: boolean;
101
- checkChildren: boolean;
102
- ariaLabel: string;
103
- selectable: TreeViewSelectable;
104
- testId: string;
105
- };
106
- parameters: {
107
- controls: {
108
- exclude: string[];
109
- };
110
- };
111
- };
112
- export declare const InvalidTreeItems: {
113
- render: (args: Partial<TreeViewProps>) => React.JSX.Element;
114
- parameters: {
115
- controls: {
116
- exclude: string[];
117
- };
118
- };
119
- };
120
- export declare const AccordionSectionWithTreeView: (props: any) => React.JSX.Element;
121
- export declare const AccordionTreeWithShowAllAndExpandAll: {
122
- render: (props: any) => React.JSX.Element;
123
- parameters: {
124
- controls: {
125
- exclude: string[];
126
- };
127
- };
128
- };
129
- export declare const ComplexTreeWithShowAllAndExpandAll: {
130
- render: (args: Partial<TreeViewProps>) => React.JSX.Element;
131
- args: {
132
- checkParents: boolean;
133
- checkChildren: boolean;
134
- selectable: TreeViewSelectable;
135
- ariaLabel: string;
136
- };
137
- parameters: {
138
- controls: {
139
- exclude: string[];
140
- };
141
- };
142
- };
143
- export declare const ComplexTreeWithLargeDataSet: {
144
- render: (args: Partial<TreeViewProps>) => React.JSX.Element;
145
- args: {
146
- checkParents: boolean;
147
- checkChildren: boolean;
148
- selectable: TreeViewSelectable;
149
- ariaLabel: string;
150
- };
151
- parameters: {
152
- controls: {
153
- exclude: string[];
154
- };
155
- };
156
- };
157
- export declare const ComplexWithTopLevelNotSelectable: {
158
- render: (args: Partial<TreeViewProps>) => React.JSX.Element;
159
- args: {
160
- selectable: TreeViewSelectable;
161
- isTopLevelSelectable: boolean;
162
- ariaLabel: string;
163
- initialExpandedItems: string[];
164
- preselectedItems: ({
165
- itemId: string;
166
- checkedStatus: IndeterminateCheckboxStatus;
167
- isDisabled?: undefined;
168
- } | {
169
- itemId: string;
170
- checkedStatus: IndeterminateCheckboxStatus;
171
- isDisabled: boolean;
172
- })[];
173
- checkParents: boolean;
174
- checkChildren: boolean;
175
- isDisabled: boolean;
176
- testId: string;
177
- };
178
- };
179
- export declare const DynamicTreeItems: {
180
- render: (args: Partial<TreeViewProps>) => React.JSX.Element;
181
- parameters: {
182
- controls: {
183
- exclude: string[];
184
- };
185
- };
186
- };
187
- export declare const ComplexWithAdditionalContent: {
188
- render: (args: Partial<TreeViewProps>) => React.JSX.Element;
189
- args: {
190
- ariaLabel: string;
191
- initialExpandedItems: string[];
192
- checkParents: boolean;
193
- checkChildren: boolean;
194
- isDisabled: boolean;
195
- testId: string;
196
- };
197
- };
198
- export declare function TreeViewWithDifferentElements(args: Partial<TreeViewProps>): React.JSX.Element;
199
- export declare function CustomExpandIconArrowAndTreeItemStyles(): React.JSX.Element;
200
- export declare const VirtualizedLargeTree: {
201
- render: (args: Partial<TreeViewProps>) => React.JSX.Element;
202
- args: {
203
- ariaLabel: string;
204
- selectable: TreeViewSelectable;
205
- initialExpandedItems: any[];
206
- checkParents: boolean;
207
- checkChildren: boolean;
208
- isDisabled: boolean;
209
- testId: string;
210
- enableVirtualization: boolean;
211
- };
212
- };
213
- export declare const SelectChildrenOnly: {
214
- render: (args: TreeViewProps) => React.JSX.Element;
215
- args: {
216
- selectable: TreeViewSelectable;
217
- selectParents: boolean;
218
- };
219
- };
220
- /**
221
- * Performance reproduction story.
222
- *
223
- * Generates a large multi-select tree (default LEVELS=4, CHILDREN=15 → ~54,240 nodes)
224
- * to reproduce the lag that happens when a parent checkbox is clicked
225
- * with selectable=multi, checkChildren=true, checkParents=true.
226
- *
227
- * Two amplifiers are intentionally enabled:
228
- * - large total node count (N) — makes processChildrenSelection's per-call
229
- * `new Map(items.map(...))` rebuild expensive (O(K·N) per click).
230
- * - top-level nodes are pre-expanded — so the re-render storm hits
231
- * every mounted TreeItem (each does `items.find()` → O(N²) per render).
232
- *
233
- * Repro steps:
234
- * 1. Open the story.
235
- * 2. Click the checkbox of any top-level parent — the UI will freeze.
236
- *
237
- * Reduce LEVELS / CHILDREN args if your machine cannot handle the default.
238
- */
239
- export declare const LargeTreePerformanceIssue: {
240
- render: (args: Partial<TreeViewProps> & {
241
- levels: number;
242
- childrenCount: number;
243
- preExpandTopLevel: boolean;
244
- }) => React.JSX.Element;
245
- argTypes: {
246
- levels: {
247
- control: {
248
- type: string;
249
- min: number;
250
- max: number;
251
- step: number;
252
- };
253
- description: string;
254
- };
255
- childrenCount: {
256
- control: {
257
- type: string;
258
- min: number;
259
- max: number;
260
- step: number;
261
- };
262
- description: string;
263
- };
264
- preExpandTopLevel: {
265
- control: string;
266
- description: string;
267
- };
268
- };
269
- args: {
270
- selectable: TreeViewSelectable;
271
- checkParents: boolean;
272
- checkChildren: boolean;
273
- isTopLevelSelectable: boolean;
274
- selectParents: boolean;
275
- enableVirtualization: boolean;
276
- preExpandTopLevel: boolean;
277
- levels: number;
278
- childrenCount: number;
279
- };
280
- };
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- declare const _default: any;
3
- export default _default;
4
- export declare const Default: () => React.JSX.Element;