react-magma-dom 4.7.0-next.3 → 4.7.0-next.30

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 +8 -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 +9 -3
  29. package/dist/components/TreeView/utils.d.ts +15 -4
  30. package/dist/esm/index.js +3578 -782
  31. package/dist/esm/index.js.map +1 -1
  32. package/dist/index.d.ts +4 -2
  33. package/dist/properties.json +471 -113
  34. package/dist/react-magma-dom.cjs.development.js +1397 -712
  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,6 +1,7 @@
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
6
  selectItem({ itemId, checkedStatus }: Pick<TreeViewItemInterface, 'itemId' | 'checkedStatus'>): void;
6
7
  selectAll(): void;
@@ -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,7 +31,7 @@ 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;
34
+ export declare const getInitialItems: ({ children, preselectedItems: rawPreselectedItems, checkParents, checkChildren, selectable, isDisabled: isTreeViewDisabled }: Pick<UseTreeViewProps, 'children' | 'preselectedItems' | 'checkParents' | 'checkChildren' | 'selectable' | 'isDisabled'>) => any;
35
35
  export declare const selectSingle: ({ items, itemId, checkedStatus }: {
36
36
  items: TreeViewItemInterface[];
37
37
  itemId: TreeViewItemInterface['itemId'];
@@ -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;