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.
- package/dist/components/BlockQuote/BlockQuoteItem.d.ts +1 -1
- package/dist/components/Button/index.d.ts +2 -1
- package/dist/components/Checkbox/index.d.ts +2 -1
- package/dist/components/Combobox/ComboboxInput.d.ts +2 -2
- package/dist/components/Combobox/index.d.ts +1 -1
- package/dist/components/Drawer/index.d.ts +1 -1
- package/dist/components/Dropdown/DropdownButton.d.ts +1 -1
- package/dist/components/Dropdown/DropdownExpandableMenuButton.d.ts +1 -1
- package/dist/components/Dropdown/DropdownExpandableMenuListItem.d.ts +1 -1
- package/dist/components/Dropdown/DropdownExpandableMenuPanel.d.ts +2 -3
- package/dist/components/Grid/index.d.ts +1 -1
- package/dist/components/Hyperlink/index.d.ts +2 -2
- package/dist/components/IconButton/index.d.ts +1 -1
- package/dist/components/IndeterminateCheckbox/index.d.ts +1 -1
- package/dist/components/InputBase/index.d.ts +5 -3
- package/dist/components/Label/index.d.ts +2 -1
- package/dist/components/List/ListItem.d.ts +1 -1
- package/dist/components/NavTabs/NavTab.d.ts +3 -2
- package/dist/components/NavTabs/NavTabs.d.ts +3 -4
- package/dist/components/Paragraph/index.d.ts +2 -1
- package/dist/components/PasswordInput/index.d.ts +1 -1
- package/dist/components/Popover/Popover.d.ts +102 -0
- package/dist/components/Popover/PopoverContent.d.ts +12 -0
- package/dist/components/Popover/PopoverSection.d.ts +13 -0
- package/dist/components/Popover/PopoverTrigger.d.ts +37 -0
- package/dist/components/Popover/index.d.ts +4 -0
- package/dist/components/Select/ItemsList.d.ts +1 -1
- package/dist/components/Select/SelectContainer.d.ts +1 -1
- package/dist/components/Select/SelectTriggerButton.d.ts +1 -1
- package/dist/components/Select/index.d.ts +1 -1
- package/dist/components/SkipLink/index.d.ts +2 -2
- package/dist/components/Stepper/Step.d.ts +1 -1
- package/dist/components/Table/TableCell.d.ts +2 -1
- package/dist/components/Table/TableRow.d.ts +1 -1
- package/dist/components/Tabs/Tab.d.ts +2 -2
- package/dist/components/Tabs/Tabs.d.ts +2 -2
- package/dist/components/Tag/index.d.ts +1 -1
- package/dist/components/Textarea/index.d.ts +1 -1
- package/dist/components/Toggle/index.d.ts +2 -1
- package/dist/components/ToggleButton/ToggleButton.d.ts +2 -2
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
- package/dist/components/TreeView/TreeItem.d.ts +2 -3
- package/dist/components/TreeView/TreeViewContext.d.ts +2 -0
- package/dist/components/TreeView/useTreeItem.d.ts +1 -0
- package/dist/components/TreeView/useTreeView.d.ts +11 -0
- package/dist/components/TreeView/utils.d.ts +8 -8
- package/dist/components/Typography/index.d.ts +2 -1
- package/dist/esm/index.js +10423 -17302
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +5 -5
- package/dist/properties.json +862 -256
- package/dist/react-magma-dom.cjs.development.js +3305 -2692
- package/dist/react-magma-dom.cjs.development.js.map +1 -1
- package/dist/react-magma-dom.cjs.production.min.js +1 -1
- package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
- package/dist/theme/styled.d.ts +1 -0
- 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>;
|
|
@@ -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?:
|
|
18
|
+
theme?: ThemeInterface;
|
|
18
19
|
visualStyle?: TypographyVisualStyle;
|
|
19
20
|
}
|
|
20
21
|
export declare enum TypographyColor {
|