react-magma-dom 4.7.0-next.4 → 4.7.0-next.41

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 (99) hide show
  1. package/dist/components/BlockQuote/BlockQuote.d.ts +2 -2
  2. package/dist/components/Button/index.d.ts +1 -0
  3. package/dist/components/Combobox/ComboboxInput.d.ts +3 -1
  4. package/dist/components/Combobox/index.d.ts +25 -12
  5. package/dist/components/DatePicker/CalendarContext.d.ts +1 -0
  6. package/dist/components/DatePicker/HelperInformation.d.ts +1 -0
  7. package/dist/components/DatePicker/index.d.ts +4 -0
  8. package/dist/components/Dropdown/Dropdown.d.ts +10 -0
  9. package/dist/components/InputBase/index.d.ts +33 -4
  10. package/dist/components/List/ListItem.d.ts +3 -3
  11. package/dist/components/NavTabs/NavTab.d.ts +6 -1
  12. package/dist/components/NavTabs/NavTabs.d.ts +2 -1
  13. package/dist/components/Select/ItemsList.d.ts +6 -3
  14. package/dist/components/Select/SelectContainer.d.ts +1 -1
  15. package/dist/components/Select/SelectTriggerButton.d.ts +3 -1
  16. package/dist/components/Select/index.d.ts +22 -2
  17. package/dist/components/Select/shared.d.ts +5 -0
  18. package/dist/components/Stepper/ResponsiveStepperContainer.d.ts +17 -0
  19. package/dist/components/Stepper/Step.d.ts +5 -1
  20. package/dist/components/Stepper/Stepper.d.ts +13 -0
  21. package/dist/components/Stepper/index.d.ts +1 -0
  22. package/dist/components/StyledButton/styles.d.ts +0 -1
  23. package/dist/components/Tabs/Tab.d.ts +6 -1
  24. package/dist/components/Tabs/Tabs.d.ts +7 -4
  25. package/dist/components/Tabs/shared.d.ts +4 -0
  26. package/dist/components/TreeView/TreeViewContext.d.ts +2 -0
  27. package/dist/components/TreeView/useTreeItem.d.ts +1 -5
  28. package/dist/components/TreeView/useTreeView.d.ts +11 -5
  29. package/dist/components/TreeView/utils.d.ts +16 -5
  30. package/dist/esm/index.js +3692 -815
  31. package/dist/esm/index.js.map +1 -1
  32. package/dist/index.d.ts +4 -2
  33. package/dist/properties.json +475 -117
  34. package/dist/react-magma-dom.cjs.development.js +1511 -745
  35. package/dist/react-magma-dom.cjs.development.js.map +1 -1
  36. package/dist/react-magma-dom.cjs.production.min.js +1 -1
  37. package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
  38. package/dist/utils/index.d.ts +7 -0
  39. package/package.json +2 -1
  40. package/dist/components/Accordion/Accordion.stories.d.ts +0 -16
  41. package/dist/components/Alert/Alert.stories.d.ts +0 -4
  42. package/dist/components/Announce/Announce.stories.d.ts +0 -3
  43. package/dist/components/AppBar/AppBar.stories.d.ts +0 -5
  44. package/dist/components/Badge/Badge.stories.d.ts +0 -4
  45. package/dist/components/Banner/Banner.stories.d.ts +0 -5
  46. package/dist/components/BlockQuote/BlockQuote.stories.d.ts +0 -5
  47. package/dist/components/Breadcrumb/Breadcrumb.stories.d.ts +0 -5
  48. package/dist/components/BreakpointsContainer/BreakpointsContainer.stories.d.ts +0 -3
  49. package/dist/components/Button/Button.stories.d.ts +0 -9
  50. package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +0 -278
  51. package/dist/components/Card/Card.stories.d.ts +0 -12
  52. package/dist/components/CharacterCounter/CharacterCounter.stories.d.ts +0 -556
  53. package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -4
  54. package/dist/components/Combobox/Combobox.stories.d.ts +0 -39
  55. package/dist/components/Container/Container.stories.d.ts +0 -7
  56. package/dist/components/Datagrid/Datagrid.stories.d.ts +0 -14
  57. package/dist/components/DatePicker/DatePicker.stories.d.ts +0 -33
  58. package/dist/components/Drawer/Drawer.stories.d.ts +0 -17
  59. package/dist/components/Dropdown/Dropdown.stories.d.ts +0 -17
  60. package/dist/components/Flex/Flex.stories.d.ts +0 -10
  61. package/dist/components/Form/Form.stories.d.ts +0 -5
  62. package/dist/components/FormGroup/FormGroup.stories.d.ts +0 -3
  63. package/dist/components/Grid/Grid.stories.d.ts +0 -4
  64. package/dist/components/Heading/Heading.stories.d.ts +0 -11
  65. package/dist/components/HideAtBreakpoint/HideAtBreakpoint.stories.d.ts +0 -3
  66. package/dist/components/Hyperlink/Hyperlink.stories.d.ts +0 -32
  67. package/dist/components/IconButton/IconButton.stories.d.ts +0 -18
  68. package/dist/components/IndeterminateCheckbox/IndeterminateCheckbox.stories.d.ts +0 -5
  69. package/dist/components/Input/Input.stories.d.ts +0 -1009
  70. package/dist/components/InputBase/InputBase.stories.d.ts +0 -7
  71. package/dist/components/List/List.stories.d.ts +0 -64
  72. package/dist/components/LoadingIndicator/LoadingIndicator.stories.d.ts +0 -10
  73. package/dist/components/Modal/Modal.stories.d.ts +0 -16
  74. package/dist/components/NativeSelect/NativeSelect.stories.d.ts +0 -12
  75. package/dist/components/NavTabs/NavTabs.stories.d.ts +0 -7
  76. package/dist/components/Pagination/Pagination.stories.d.ts +0 -10
  77. package/dist/components/Paragraph/Paragraph.stories.d.ts +0 -3
  78. package/dist/components/PasswordInput/PasswordInput.stories.d.ts +0 -7
  79. package/dist/components/ProgressBar/ProgressBar.stories.d.ts +0 -19
  80. package/dist/components/Radio/Radio.stories.d.ts +0 -4
  81. package/dist/components/Search/Search.stories.d.ts +0 -4
  82. package/dist/components/Select/Select.stories.d.ts +0 -12
  83. package/dist/components/SkipLink/SkipLink.stories.d.ts +0 -3
  84. package/dist/components/Spacer/Spacer.stories.d.ts +0 -5
  85. package/dist/components/Spinner/Spinner.stories.d.ts +0 -4
  86. package/dist/components/Stepper/Stepper.stories.d.ts +0 -6
  87. package/dist/components/Table/Table.stories.d.ts +0 -1670
  88. package/dist/components/Tabs/Tabs.stories.d.ts +0 -11
  89. package/dist/components/Tag/Tag.stories.d.ts +0 -564
  90. package/dist/components/Textarea/Textarea.stories.d.ts +0 -298
  91. package/dist/components/TimePicker/TimePicker.stories.d.ts +0 -7
  92. package/dist/components/Toast/Toast.stories.d.ts +0 -21
  93. package/dist/components/Toggle/Toggle.stories.d.ts +0 -4
  94. package/dist/components/ToggleButton/ToggleButton.stories.d.ts +0 -1131
  95. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.d.ts +0 -554
  96. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -10
  97. package/dist/components/Transition/Transition.stories.d.ts +0 -79
  98. package/dist/components/TreeView/TreeView.stories.d.ts +0 -104
  99. package/dist/components/VisuallyHidden/VisuallyHidden.stories.d.ts +0 -3
@@ -1,8 +1,9 @@
1
1
  import * as React from 'react';
2
2
  import { TreeItemSelectedInterface, TreeViewItemInterface } from './TreeViewContext';
3
3
  import { TreeViewSelectable } from './types';
4
+ export { TreeItemSelectedInterface };
4
5
  export interface TreeViewApi {
5
- selectItem({ itemId, checkedStatus }: Pick<TreeViewItemInterface, 'itemId' | 'checkedStatus'>): void;
6
+ selectItem({ itemId, checkedStatus, }: Pick<TreeViewItemInterface, 'itemId' | 'checkedStatus'>): void;
6
7
  selectAll(): void;
7
8
  clearAll(): void;
8
9
  }
@@ -63,7 +64,7 @@ export interface UseTreeViewProps {
63
64
  * @default true
64
65
  */
65
66
  checkChildren?: boolean;
66
- children?: React.ReactNode[];
67
+ children?: React.ReactNode[] | React.ReactNode;
67
68
  /**
68
69
  * The ref object that allows TreeView manipulation.
69
70
  * Actions available:
@@ -71,7 +72,12 @@ export interface UseTreeViewProps {
71
72
  * selectAll(): void - action that allows to select all items,
72
73
  * clearAll(): void - action that allows to unselect all items.
73
74
  */
74
- apiRef?: React.MutableRefObject<TreeViewApi>;
75
+ apiRef?: React.MutableRefObject<TreeViewApi | undefined>;
76
+ /**
77
+ * If true, every item is disabled
78
+ * @default false
79
+ */
80
+ isDisabled?: boolean;
75
81
  }
76
82
  export declare function useTreeView(props: UseTreeViewProps): {
77
83
  contextValue: {
@@ -81,7 +87,7 @@ export declare function useTreeView(props: UseTreeViewProps): {
81
87
  onExpandedChange: (event: React.SyntheticEvent<Element, Event>) => void;
82
88
  selectable: TreeViewSelectable;
83
89
  selectedItems: any;
84
- initialExpandedItems: string[];
90
+ initialExpandedItems: any[];
85
91
  treeItemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>;
86
92
  registerTreeItem: (refArray: React.MutableRefObject<React.MutableRefObject<Element>[]>, ref: React.MutableRefObject<Element>) => void;
87
93
  initialExpandedItemsNeedUpdate: boolean;
@@ -89,7 +95,7 @@ export declare function useTreeView(props: UseTreeViewProps): {
89
95
  checkChildren: boolean;
90
96
  checkParents: boolean;
91
97
  items: any;
92
- selectItem: ({ itemId, checkedStatus }: Pick<TreeViewItemInterface, 'itemId' | 'checkedStatus'>) => void;
98
+ selectItem: ({ itemId, checkedStatus, }: Pick<TreeViewItemInterface, 'itemId'> & Partial<Pick<TreeViewItemInterface, 'checkedStatus'>>) => void;
93
99
  };
94
100
  };
95
101
  export declare type UseTreeViewReturn = ReturnType<typeof useTreeView>;
@@ -3,7 +3,7 @@ import { UseTreeViewProps } from './useTreeView';
3
3
  import { TreeViewSelectable } from './types';
4
4
  import React from 'react';
5
5
  import { IndeterminateCheckboxStatus } from '../IndeterminateCheckbox';
6
- import { TreeViewItemInterface } from './TreeViewContext';
6
+ import { TreeItemSelectedInterface, TreeViewItemInterface } from './TreeViewContext';
7
7
  export declare enum TreeNodeType {
8
8
  branch = "branch",
9
9
  leaf = "leaf"
@@ -31,8 +31,8 @@ export declare function filterNullEntries(obj: any): {
31
31
  } | {
32
32
  current?: undefined;
33
33
  };
34
- export declare const getInitialItems: ({ children, preselectedItems: rawPreselectedItems, checkParents, selectable }: Pick<UseTreeViewProps, 'children' | 'preselectedItems' | 'checkParents' | 'selectable'>) => any;
35
- export declare const selectSingle: ({ items, itemId, checkedStatus }: {
34
+ export declare const getInitialItems: ({ children, preselectedItems: rawPreselectedItems, checkParents, checkChildren, selectable, isDisabled: isTreeViewDisabled, }: Pick<UseTreeViewProps, 'children' | 'preselectedItems' | 'checkParents' | 'checkChildren' | 'selectable' | 'isDisabled'>) => any;
35
+ export declare const selectSingle: ({ items, itemId, checkedStatus, }: {
36
36
  items: TreeViewItemInterface[];
37
37
  itemId: TreeViewItemInterface['itemId'];
38
38
  checkedStatus: TreeViewItemInterface['checkedStatus'];
@@ -42,9 +42,20 @@ export declare const selectSingle: ({ items, itemId, checkedStatus }: {
42
42
  parentId?: string;
43
43
  icon?: React.ReactNode;
44
44
  hasOwnTreeItems: boolean;
45
+ isDisabled?: boolean;
45
46
  }[];
46
- export declare const selectMulti: ({ items, itemId, checkedStatus, checkChildren, checkParents }: {
47
+ export declare const toggleMulti: ({ items, itemId, checkedStatus: rawCheckedStatus, forceCheckedStatus, checkChildren, checkParents, }: {
47
48
  items: TreeViewItemInterface[];
48
49
  itemId: TreeViewItemInterface['itemId'];
49
50
  checkedStatus: TreeViewItemInterface['checkedStatus'];
50
- } & Pick<UseTreeViewProps, "checkParents" | "checkChildren">) => any;
51
+ forceCheckedStatus?: boolean;
52
+ } & Pick<UseTreeViewProps, "checkChildren" | "checkParents">) => any;
53
+ export declare const toggleAllMulti: ({ items, checkedStatus, checkChildren, checkParents, }: {
54
+ items: TreeViewItemInterface[];
55
+ checkedStatus: TreeViewItemInterface['checkedStatus'];
56
+ } & Pick<UseTreeViewProps, "checkChildren" | "checkParents">) => any;
57
+ export declare const getInitialExpandedIds: ({ items, initialExpandedItems, }: {
58
+ items: TreeViewItemInterface[];
59
+ } & Pick<UseTreeViewProps, "initialExpandedItems">) => any[];
60
+ export declare const isEqualArrays: <T>(arrayA: T[], arrayB: T[]) => boolean;
61
+ export declare const isSelectedItemsChanged: (prevSelectedItems: TreeItemSelectedInterface[] | null, selectedItems: TreeItemSelectedInterface[]) => boolean;