react-magma-dom 4.8.1-next.2 → 4.9.0-next.11

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 (57) hide show
  1. package/dist/components/BlockQuote/BlockQuoteItem.d.ts +1 -1
  2. package/dist/components/Button/index.d.ts +2 -1
  3. package/dist/components/Checkbox/index.d.ts +2 -1
  4. package/dist/components/Combobox/ComboboxInput.d.ts +2 -2
  5. package/dist/components/Combobox/index.d.ts +1 -1
  6. package/dist/components/Drawer/index.d.ts +1 -1
  7. package/dist/components/Dropdown/DropdownButton.d.ts +1 -1
  8. package/dist/components/Dropdown/DropdownExpandableMenuButton.d.ts +1 -1
  9. package/dist/components/Dropdown/DropdownExpandableMenuListItem.d.ts +1 -1
  10. package/dist/components/Dropdown/DropdownExpandableMenuPanel.d.ts +2 -3
  11. package/dist/components/Grid/index.d.ts +1 -1
  12. package/dist/components/Hyperlink/index.d.ts +2 -2
  13. package/dist/components/IconButton/index.d.ts +1 -1
  14. package/dist/components/IndeterminateCheckbox/index.d.ts +1 -1
  15. package/dist/components/InputBase/index.d.ts +5 -3
  16. package/dist/components/Label/index.d.ts +2 -1
  17. package/dist/components/List/ListItem.d.ts +1 -1
  18. package/dist/components/NavTabs/NavTab.d.ts +3 -2
  19. package/dist/components/NavTabs/NavTabs.d.ts +3 -4
  20. package/dist/components/Paragraph/index.d.ts +2 -1
  21. package/dist/components/PasswordInput/index.d.ts +1 -1
  22. package/dist/components/Popover/Popover.d.ts +102 -0
  23. package/dist/components/Popover/PopoverContent.d.ts +12 -0
  24. package/dist/components/Popover/PopoverSection.d.ts +13 -0
  25. package/dist/components/Popover/PopoverTrigger.d.ts +37 -0
  26. package/dist/components/Popover/index.d.ts +4 -0
  27. package/dist/components/Select/ItemsList.d.ts +1 -1
  28. package/dist/components/Select/SelectContainer.d.ts +1 -1
  29. package/dist/components/Select/SelectTriggerButton.d.ts +1 -1
  30. package/dist/components/Select/index.d.ts +1 -1
  31. package/dist/components/SkipLink/index.d.ts +2 -2
  32. package/dist/components/Stepper/Step.d.ts +1 -1
  33. package/dist/components/Table/TableCell.d.ts +2 -1
  34. package/dist/components/Table/TableRow.d.ts +1 -1
  35. package/dist/components/Tabs/Tab.d.ts +2 -2
  36. package/dist/components/Tabs/Tabs.d.ts +2 -2
  37. package/dist/components/Tag/index.d.ts +1 -1
  38. package/dist/components/Textarea/index.d.ts +1 -1
  39. package/dist/components/Toggle/index.d.ts +2 -1
  40. package/dist/components/ToggleButton/ToggleButton.d.ts +2 -2
  41. package/dist/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
  42. package/dist/components/TreeView/TreeItem.d.ts +2 -3
  43. package/dist/components/TreeView/TreeViewContext.d.ts +2 -0
  44. package/dist/components/TreeView/useTreeItem.d.ts +1 -0
  45. package/dist/components/TreeView/useTreeView.d.ts +11 -0
  46. package/dist/components/TreeView/utils.d.ts +8 -8
  47. package/dist/components/Typography/index.d.ts +2 -1
  48. package/dist/esm/index.js +10423 -17302
  49. package/dist/esm/index.js.map +1 -1
  50. package/dist/index.d.ts +5 -5
  51. package/dist/properties.json +862 -256
  52. package/dist/react-magma-dom.cjs.development.js +3305 -2692
  53. package/dist/react-magma-dom.cjs.development.js.map +1 -1
  54. package/dist/react-magma-dom.cjs.production.min.js +1 -1
  55. package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
  56. package/dist/theme/styled.d.ts +1 -0
  57. package/package.json +29 -28
@@ -32,5 +32,7 @@ export interface TreeViewContextInterface {
32
32
  items: TreeViewItemInterface[];
33
33
  selectItem: (data: Pick<TreeViewItemInterface, 'itemId' | 'checkedStatus'>) => void;
34
34
  handleExpandedChange: (event: React.SyntheticEvent, expandedItemId: string) => void;
35
+ expandedSet: Set<string>;
36
+ isTopLevelSelectable?: boolean;
35
37
  }
36
38
  export declare const TreeViewContext: React.Context<TreeViewContextInterface>;
@@ -46,6 +46,7 @@ export interface UseTreeItemProps extends React.HTMLAttributes<HTMLLIElement> {
46
46
  labelStyle?: React.CSSProperties;
47
47
  /**
48
48
  * @internal
49
+ * Whether this item is a top-level item (no parent)
49
50
  */
50
51
  topLevel?: boolean;
51
52
  }
@@ -8,6 +8,8 @@ export interface TreeViewApi {
8
8
  clearAll(): void;
9
9
  showMore(): void;
10
10
  showLess(): void;
11
+ expandAll(): void;
12
+ collapseAll(): void;
11
13
  }
12
14
  export interface UseTreeViewProps {
13
15
  /**
@@ -77,6 +79,8 @@ export interface UseTreeViewProps {
77
79
  * clearAll(): void - action that allows to unselect all items.
78
80
  * showMore(): void - action that gets called when a tree has hidden items and they get expanded.
79
81
  * showLess(): void - action that gets called when a tree has hidden items and they get collapsed.
82
+ * expandAll(): void - action that allows to expand all items.
83
+ * collapseAll(): void - action that allows to collapse all items.
80
84
  */
81
85
  apiRef?: React.MutableRefObject<TreeViewApi | undefined>;
82
86
  /**
@@ -84,6 +88,12 @@ export interface UseTreeViewProps {
84
88
  * @default false
85
89
  */
86
90
  isDisabled?: boolean;
91
+ /**
92
+ * If false, top-level items will not be selectable in multi-select mode.
93
+ * Their checkboxes will be hidden, and they will only function as expandable groups.
94
+ * @default true
95
+ */
96
+ isTopLevelSelectable?: boolean;
87
97
  }
88
98
  export declare function useTreeView(props: UseTreeViewProps): {
89
99
  contextValue: {
@@ -104,6 +114,7 @@ export declare function useTreeView(props: UseTreeViewProps): {
104
114
  selectItem: ({ itemId, checkedStatus, }: Pick<TreeViewItemInterface, 'itemId'> & Partial<Pick<TreeViewItemInterface, 'checkedStatus'>>) => void;
105
115
  handleExpandedChange: (event: React.SyntheticEvent, itemId: string) => void;
106
116
  expandedSet: Set<string>;
117
+ isTopLevelSelectable: boolean;
107
118
  };
108
119
  };
109
120
  export declare type UseTreeViewReturn = ReturnType<typeof useTreeView>;
@@ -1,7 +1,7 @@
1
- import { ThemeInterface } from '../../theme/magma';
2
- import { UseTreeViewProps } from './useTreeView';
3
- import { TreeViewSelectable } from './types';
4
1
  import React from 'react';
2
+ import { TreeViewSelectable } from './types';
3
+ import { UseTreeViewProps } from './useTreeView';
4
+ import { ThemeInterface } from '../../theme/magma';
5
5
  import { IndeterminateCheckboxStatus } from '../IndeterminateCheckbox';
6
6
  import { TreeItemSelectedInterface, TreeViewItemInterface } from './TreeViewContext';
7
7
  export declare enum TreeNodeType {
@@ -34,7 +34,7 @@ export declare const getChildrenIds: ({ items, itemId, }: {
34
34
  items: TreeViewItemInterface[];
35
35
  itemId: TreeViewItemInterface['itemId'];
36
36
  }) => any;
37
- export declare const getInitialItems: ({ children, preselectedItems: rawPreselectedItems, checkParents, checkChildren, selectable, isDisabled: isTreeViewDisabled, }: Pick<UseTreeViewProps, 'children' | 'preselectedItems' | 'checkParents' | 'checkChildren' | 'selectable' | 'isDisabled'>) => any;
37
+ export declare const getInitialItems: ({ children, preselectedItems: rawPreselectedItems, checkParents, checkChildren, selectable, isDisabled: isTreeViewDisabled, isTopLevelSelectable, }: Pick<UseTreeViewProps, 'children' | 'preselectedItems' | 'checkParents' | 'checkChildren' | 'selectable' | 'isDisabled' | 'isTopLevelSelectable'>) => any;
38
38
  export declare const selectSingle: ({ items, itemId, checkedStatus, }: {
39
39
  items: TreeViewItemInterface[];
40
40
  itemId: TreeViewItemInterface['itemId'];
@@ -47,16 +47,16 @@ export declare const selectSingle: ({ items, itemId, checkedStatus, }: {
47
47
  hasOwnTreeItems: boolean;
48
48
  isDisabled?: boolean;
49
49
  }[];
50
- export declare const toggleMulti: ({ items, itemId, checkedStatus: rawCheckedStatus, forceCheckedStatus, checkChildren, checkParents, }: {
50
+ export declare const toggleMulti: ({ items, itemId, checkedStatus: rawCheckedStatus, forceCheckedStatus, checkChildren, checkParents, isTopLevelSelectable, }: {
51
51
  items: TreeViewItemInterface[];
52
52
  itemId: TreeViewItemInterface['itemId'];
53
53
  checkedStatus: TreeViewItemInterface['checkedStatus'];
54
54
  forceCheckedStatus?: boolean;
55
- } & Pick<UseTreeViewProps, "checkChildren" | "checkParents">) => any;
56
- export declare const toggleAllMulti: ({ items, checkedStatus, checkChildren, checkParents, }: {
55
+ } & Pick<UseTreeViewProps, "checkChildren" | "checkParents" | "isTopLevelSelectable">) => any;
56
+ export declare const toggleAllMulti: ({ items, checkedStatus, checkChildren, checkParents, isTopLevelSelectable, }: {
57
57
  items: TreeViewItemInterface[];
58
58
  checkedStatus: TreeViewItemInterface['checkedStatus'];
59
- } & Pick<UseTreeViewProps, "checkChildren" | "checkParents">) => any;
59
+ } & Pick<UseTreeViewProps, "checkChildren" | "checkParents" | "isTopLevelSelectable">) => any;
60
60
  export declare const getInitialExpandedIds: ({ items, initialExpandedItems, }: {
61
61
  items: TreeViewItemInterface[];
62
62
  } & Pick<UseTreeViewProps, "initialExpandedItems">) => any[];
@@ -1,4 +1,5 @@
1
1
  import * as React from 'react';
2
+ import { ThemeInterface } from '../../theme/magma';
2
3
  export interface TypographyProps<T = HTMLParagraphElement> extends React.HTMLAttributes<T> {
3
4
  as?: string;
4
5
  children?: any;
@@ -14,7 +15,7 @@ export interface TypographyProps<T = HTMLParagraphElement> extends React.HTMLAtt
14
15
  * @internal
15
16
  */
16
17
  testId?: string;
17
- theme?: any;
18
+ theme?: ThemeInterface;
18
19
  visualStyle?: TypographyVisualStyle;
19
20
  }
20
21
  export declare enum TypographyColor {