@mui/x-tree-view 7.0.0-alpha.7 → 7.0.0-alpha.9
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/CHANGELOG.md +554 -51
- package/README.md +1 -1
- package/RichTreeView/RichTreeView.js +14 -79
- package/RichTreeView/RichTreeView.types.d.ts +6 -9
- package/RichTreeView/index.d.ts +1 -1
- package/SimpleTreeView/SimpleTreeView.js +17 -75
- package/SimpleTreeView/SimpleTreeView.plugins.d.ts +4 -2
- package/SimpleTreeView/SimpleTreeView.types.d.ts +8 -7
- package/SimpleTreeView/index.d.ts +1 -1
- package/TreeItem/TreeItem.js +62 -39
- package/TreeItem/TreeItem.types.d.ts +33 -17
- package/TreeItem/TreeItemContent.d.ts +0 -3
- package/TreeItem/TreeItemContent.js +2 -5
- package/TreeItem/index.d.ts +2 -2
- package/TreeItem/index.js +1 -1
- package/TreeItem/{useTreeItem.d.ts → useTreeItemState.d.ts} +1 -1
- package/TreeItem/{useTreeItem.js → useTreeItemState.js} +4 -2
- package/TreeView/TreeView.js +1 -22
- package/TreeView/TreeView.types.d.ts +5 -1
- package/TreeView/index.d.ts +1 -1
- package/icons/icons.d.ts +6 -0
- package/icons/icons.js +9 -0
- package/icons/index.d.ts +1 -0
- package/icons/index.js +1 -0
- package/icons/package.json +6 -0
- package/index.d.ts +1 -0
- package/index.js +3 -2
- package/internals/TreeViewProvider/TreeViewContext.d.ts +4 -2
- package/internals/TreeViewProvider/TreeViewProvider.types.d.ts +3 -11
- package/internals/TreeViewProvider/useTreeViewContext.js +1 -1
- package/internals/corePlugins/useTreeViewInstanceEvents/useTreeViewInstanceEvents.js +2 -1
- package/internals/corePlugins/useTreeViewInstanceEvents/useTreeViewInstanceEvents.types.d.ts +3 -2
- package/internals/index.d.ts +15 -0
- package/internals/index.js +4 -0
- package/internals/models/MuiCancellableEvent.d.ts +4 -0
- package/internals/models/helpers.d.ts +7 -1
- package/internals/models/plugin.d.ts +65 -20
- package/internals/models/treeView.d.ts +1 -2
- package/internals/package.json +6 -0
- package/internals/plugins/defaultPlugins.d.ts +6 -4
- package/internals/plugins/defaultPlugins.js +2 -2
- package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.js +14 -10
- package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.types.d.ts +7 -3
- package/internals/plugins/useTreeViewFocus/useTreeViewFocus.js +2 -5
- package/internals/plugins/useTreeViewFocus/useTreeViewFocus.types.d.ts +12 -6
- package/internals/plugins/useTreeViewIcons/index.d.ts +2 -0
- package/internals/plugins/useTreeViewIcons/index.js +1 -0
- package/internals/plugins/useTreeViewIcons/useTreeViewIcons.d.ts +3 -0
- package/internals/plugins/useTreeViewIcons/useTreeViewIcons.js +22 -0
- package/internals/plugins/useTreeViewIcons/useTreeViewIcons.types.d.ts +43 -0
- package/internals/plugins/useTreeViewId/useTreeViewId.js +3 -0
- package/internals/plugins/useTreeViewId/useTreeViewId.types.d.ts +6 -2
- package/internals/plugins/useTreeViewJSXNodes/useTreeViewJSXNodes.js +2 -1
- package/internals/plugins/useTreeViewJSXNodes/useTreeViewJSXNodes.types.d.ts +6 -4
- package/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.js +155 -112
- package/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.types.d.ts +9 -6
- package/internals/plugins/useTreeViewNodes/useTreeViewNodes.js +21 -3
- package/internals/plugins/useTreeViewNodes/useTreeViewNodes.types.d.ts +10 -2
- package/internals/plugins/useTreeViewSelection/useTreeViewSelection.js +17 -5
- package/internals/plugins/useTreeViewSelection/useTreeViewSelection.types.d.ts +15 -5
- package/internals/useTreeView/useTreeView.js +7 -3
- package/internals/useTreeView/useTreeView.types.d.ts +6 -6
- package/internals/useTreeView/useTreeViewModels.js +12 -13
- package/internals/utils/extractPluginParamsFromProps.d.ts +16 -0
- package/internals/utils/extractPluginParamsFromProps.js +38 -0
- package/legacy/RichTreeView/RichTreeView.js +15 -77
- package/legacy/SimpleTreeView/SimpleTreeView.js +14 -70
- package/legacy/TreeItem/TreeItem.js +63 -39
- package/legacy/TreeItem/TreeItemContent.js +9 -12
- package/legacy/TreeItem/index.js +1 -1
- package/legacy/TreeItem/{useTreeItem.js → useTreeItemState.js} +2 -2
- package/legacy/TreeView/TreeView.js +1 -22
- package/legacy/icons/icons.js +9 -0
- package/legacy/icons/index.js +1 -0
- package/legacy/index.js +3 -2
- package/legacy/internals/TreeViewProvider/useTreeViewContext.js +1 -1
- package/legacy/internals/corePlugins/useTreeViewInstanceEvents/useTreeViewInstanceEvents.js +2 -1
- package/legacy/internals/index.js +4 -0
- package/legacy/internals/plugins/defaultPlugins.js +2 -2
- package/legacy/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.js +16 -10
- package/legacy/internals/plugins/useTreeViewFocus/useTreeViewFocus.js +2 -5
- package/legacy/internals/plugins/useTreeViewIcons/index.js +1 -0
- package/legacy/internals/plugins/useTreeViewIcons/useTreeViewIcons.js +21 -0
- package/legacy/internals/plugins/useTreeViewIcons/useTreeViewIcons.types.js +1 -0
- package/legacy/internals/plugins/useTreeViewId/useTreeViewId.js +3 -0
- package/legacy/internals/plugins/useTreeViewJSXNodes/useTreeViewJSXNodes.js +2 -1
- package/legacy/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.js +157 -110
- package/legacy/internals/plugins/useTreeViewNodes/useTreeViewNodes.js +20 -2
- package/legacy/internals/plugins/useTreeViewSelection/useTreeViewSelection.js +20 -6
- package/legacy/internals/useTreeView/useTreeView.js +6 -2
- package/legacy/internals/useTreeView/useTreeViewModels.js +12 -13
- package/legacy/internals/utils/extractPluginParamsFromProps.js +36 -0
- package/modern/RichTreeView/RichTreeView.js +14 -79
- package/modern/SimpleTreeView/SimpleTreeView.js +17 -75
- package/modern/TreeItem/TreeItem.js +61 -39
- package/modern/TreeItem/TreeItemContent.js +2 -5
- package/modern/TreeItem/index.js +1 -1
- package/modern/TreeItem/{useTreeItem.js → useTreeItemState.js} +4 -2
- package/modern/TreeView/TreeView.js +1 -22
- package/modern/icons/icons.js +9 -0
- package/modern/icons/index.js +1 -0
- package/modern/index.js +3 -2
- package/modern/internals/TreeViewProvider/useTreeViewContext.js +1 -1
- package/modern/internals/corePlugins/useTreeViewInstanceEvents/useTreeViewInstanceEvents.js +2 -1
- package/modern/internals/index.js +4 -0
- package/modern/internals/models/MuiCancellableEvent.js +1 -0
- package/modern/internals/plugins/defaultPlugins.js +2 -2
- package/modern/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.js +14 -11
- package/modern/internals/plugins/useTreeViewFocus/useTreeViewFocus.js +3 -3
- package/modern/internals/plugins/useTreeViewIcons/index.js +1 -0
- package/modern/internals/plugins/useTreeViewIcons/useTreeViewIcons.js +22 -0
- package/modern/internals/plugins/useTreeViewIcons/useTreeViewIcons.types.js +1 -0
- package/modern/internals/plugins/useTreeViewId/useTreeViewId.js +3 -0
- package/modern/internals/plugins/useTreeViewJSXNodes/useTreeViewJSXNodes.js +2 -1
- package/modern/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.js +155 -112
- package/modern/internals/plugins/useTreeViewNodes/useTreeViewNodes.js +18 -3
- package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.js +18 -6
- package/modern/internals/useTreeView/useTreeView.js +7 -3
- package/modern/internals/useTreeView/useTreeViewModels.js +12 -13
- package/modern/internals/utils/extractPluginParamsFromProps.js +38 -0
- package/node/RichTreeView/RichTreeView.js +14 -79
- package/node/SimpleTreeView/SimpleTreeView.js +17 -75
- package/node/TreeItem/TreeItem.js +61 -39
- package/node/TreeItem/TreeItemContent.js +2 -5
- package/node/TreeItem/index.js +4 -4
- package/node/TreeItem/{useTreeItem.js → useTreeItemState.js} +5 -3
- package/node/TreeView/TreeView.js +1 -22
- package/node/icons/icons.js +17 -0
- package/node/icons/index.js +16 -0
- package/node/index.js +13 -1
- package/node/internals/TreeViewProvider/useTreeViewContext.js +1 -1
- package/node/internals/corePlugins/useTreeViewInstanceEvents/useTreeViewInstanceEvents.js +2 -1
- package/node/internals/index.js +33 -0
- package/node/internals/plugins/defaultPlugins.js +2 -2
- package/node/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.js +14 -11
- package/node/internals/plugins/useTreeViewFocus/useTreeViewFocus.js +3 -3
- package/node/internals/plugins/useTreeViewIcons/index.js +12 -0
- package/node/internals/plugins/useTreeViewIcons/useTreeViewIcons.js +29 -0
- package/node/internals/plugins/useTreeViewIcons/useTreeViewIcons.types.js +5 -0
- package/node/internals/plugins/useTreeViewId/useTreeViewId.js +4 -1
- package/node/internals/plugins/useTreeViewJSXNodes/useTreeViewJSXNodes.js +2 -1
- package/node/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.js +155 -112
- package/node/internals/plugins/useTreeViewNodes/useTreeViewNodes.js +18 -3
- package/node/internals/plugins/useTreeViewSelection/useTreeViewSelection.js +18 -6
- package/node/internals/useTreeView/useTreeView.js +7 -3
- package/node/internals/useTreeView/useTreeViewModels.js +12 -13
- package/node/internals/utils/extractPluginParamsFromProps.js +46 -0
- package/package.json +7 -7
- package/themeAugmentation/components.d.ts +4 -4
- package/internals/plugins/useTreeViewContextValueBuilder/index.d.ts +0 -2
- package/internals/plugins/useTreeViewContextValueBuilder/index.js +0 -1
- package/internals/plugins/useTreeViewContextValueBuilder/useTreeViewContextValueBuilder.d.ts +0 -3
- package/internals/plugins/useTreeViewContextValueBuilder/useTreeViewContextValueBuilder.js +0 -26
- package/internals/plugins/useTreeViewContextValueBuilder/useTreeViewContextValueBuilder.types.d.ts +0 -29
- package/legacy/internals/plugins/useTreeViewContextValueBuilder/index.js +0 -1
- package/legacy/internals/plugins/useTreeViewContextValueBuilder/useTreeViewContextValueBuilder.js +0 -28
- package/modern/internals/plugins/useTreeViewContextValueBuilder/index.js +0 -1
- package/modern/internals/plugins/useTreeViewContextValueBuilder/useTreeViewContextValueBuilder.js +0 -26
- package/node/internals/plugins/useTreeViewContextValueBuilder/index.js +0 -12
- package/node/internals/plugins/useTreeViewContextValueBuilder/useTreeViewContextValueBuilder.js +0 -33
- /package/internals/{plugins/useTreeViewContextValueBuilder/useTreeViewContextValueBuilder.types.js → models/MuiCancellableEvent.js} +0 -0
- /package/{legacy/internals/plugins/useTreeViewContextValueBuilder/useTreeViewContextValueBuilder.types.js → internals/plugins/useTreeViewIcons/useTreeViewIcons.types.js} +0 -0
- /package/{modern/internals/plugins/useTreeViewContextValueBuilder/useTreeViewContextValueBuilder.types.js → legacy/internals/models/MuiCancellableEvent.js} +0 -0
- /package/node/internals/{plugins/useTreeViewContextValueBuilder/useTreeViewContextValueBuilder.types.js → models/MuiCancellableEvent.js} +0 -0
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
export const useTreeViewContextValueBuilder = ({
|
|
2
|
-
instance,
|
|
3
|
-
params
|
|
4
|
-
}) => {
|
|
5
|
-
return {
|
|
6
|
-
contextValue: {
|
|
7
|
-
instance: instance,
|
|
8
|
-
multiSelect: params.multiSelect,
|
|
9
|
-
runItemPlugins: ({
|
|
10
|
-
props,
|
|
11
|
-
ref
|
|
12
|
-
}) => ({
|
|
13
|
-
props,
|
|
14
|
-
ref,
|
|
15
|
-
wrapItem: children => children
|
|
16
|
-
}),
|
|
17
|
-
disabledItemsFocusable: params.disabledItemsFocusable,
|
|
18
|
-
icons: {
|
|
19
|
-
defaultCollapseIcon: params.defaultCollapseIcon,
|
|
20
|
-
defaultEndIcon: params.defaultEndIcon,
|
|
21
|
-
defaultExpandIcon: params.defaultExpandIcon,
|
|
22
|
-
defaultParentIcon: params.defaultParentIcon
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
};
|
package/internals/plugins/useTreeViewContextValueBuilder/useTreeViewContextValueBuilder.types.d.ts
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { TreeViewPluginSignature } from '../../models';
|
|
3
|
-
import { UseTreeViewNodesSignature } from '../useTreeViewNodes';
|
|
4
|
-
import { UseTreeViewSelectionSignature } from '../useTreeViewSelection';
|
|
5
|
-
export interface UseTreeViewContextValueBuilderParameters {
|
|
6
|
-
/**
|
|
7
|
-
* The default icon used to collapse the node.
|
|
8
|
-
*/
|
|
9
|
-
defaultCollapseIcon?: React.ReactNode;
|
|
10
|
-
/**
|
|
11
|
-
* The default icon displayed next to a end node. This is applied to all
|
|
12
|
-
* tree nodes and can be overridden by the TreeItem `icon` prop.
|
|
13
|
-
*/
|
|
14
|
-
defaultEndIcon?: React.ReactNode;
|
|
15
|
-
/**
|
|
16
|
-
* The default icon used to expand the node.
|
|
17
|
-
*/
|
|
18
|
-
defaultExpandIcon?: React.ReactNode;
|
|
19
|
-
/**
|
|
20
|
-
* The default icon displayed next to a parent node. This is applied to all
|
|
21
|
-
* parent nodes and can be overridden by the TreeItem `icon` prop.
|
|
22
|
-
*/
|
|
23
|
-
defaultParentIcon?: React.ReactNode;
|
|
24
|
-
}
|
|
25
|
-
export type UseTreeViewContextValueBuilderDefaultizedParameters = UseTreeViewContextValueBuilderParameters;
|
|
26
|
-
export type UseTreeViewContextValueBuilderSignature = TreeViewPluginSignature<UseTreeViewContextValueBuilderParameters, UseTreeViewContextValueBuilderDefaultizedParameters, {}, {}, {}, never, [
|
|
27
|
-
UseTreeViewNodesSignature,
|
|
28
|
-
UseTreeViewSelectionSignature
|
|
29
|
-
]>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { useTreeViewContextValueBuilder } from './useTreeViewContextValueBuilder';
|
package/legacy/internals/plugins/useTreeViewContextValueBuilder/useTreeViewContextValueBuilder.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
export var useTreeViewContextValueBuilder = function useTreeViewContextValueBuilder(_ref) {
|
|
2
|
-
var instance = _ref.instance,
|
|
3
|
-
params = _ref.params;
|
|
4
|
-
return {
|
|
5
|
-
contextValue: {
|
|
6
|
-
instance: instance,
|
|
7
|
-
multiSelect: params.multiSelect,
|
|
8
|
-
runItemPlugins: function runItemPlugins(_ref2) {
|
|
9
|
-
var props = _ref2.props,
|
|
10
|
-
ref = _ref2.ref;
|
|
11
|
-
return {
|
|
12
|
-
props: props,
|
|
13
|
-
ref: ref,
|
|
14
|
-
wrapItem: function wrapItem(children) {
|
|
15
|
-
return children;
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
},
|
|
19
|
-
disabledItemsFocusable: params.disabledItemsFocusable,
|
|
20
|
-
icons: {
|
|
21
|
-
defaultCollapseIcon: params.defaultCollapseIcon,
|
|
22
|
-
defaultEndIcon: params.defaultEndIcon,
|
|
23
|
-
defaultExpandIcon: params.defaultExpandIcon,
|
|
24
|
-
defaultParentIcon: params.defaultParentIcon
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { useTreeViewContextValueBuilder } from './useTreeViewContextValueBuilder';
|
package/modern/internals/plugins/useTreeViewContextValueBuilder/useTreeViewContextValueBuilder.js
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
export const useTreeViewContextValueBuilder = ({
|
|
2
|
-
instance,
|
|
3
|
-
params
|
|
4
|
-
}) => {
|
|
5
|
-
return {
|
|
6
|
-
contextValue: {
|
|
7
|
-
instance: instance,
|
|
8
|
-
multiSelect: params.multiSelect,
|
|
9
|
-
runItemPlugins: ({
|
|
10
|
-
props,
|
|
11
|
-
ref
|
|
12
|
-
}) => ({
|
|
13
|
-
props,
|
|
14
|
-
ref,
|
|
15
|
-
wrapItem: children => children
|
|
16
|
-
}),
|
|
17
|
-
disabledItemsFocusable: params.disabledItemsFocusable,
|
|
18
|
-
icons: {
|
|
19
|
-
defaultCollapseIcon: params.defaultCollapseIcon,
|
|
20
|
-
defaultEndIcon: params.defaultEndIcon,
|
|
21
|
-
defaultExpandIcon: params.defaultExpandIcon,
|
|
22
|
-
defaultParentIcon: params.defaultParentIcon
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "useTreeViewContextValueBuilder", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _useTreeViewContextValueBuilder.useTreeViewContextValueBuilder;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _useTreeViewContextValueBuilder = require("./useTreeViewContextValueBuilder");
|
package/node/internals/plugins/useTreeViewContextValueBuilder/useTreeViewContextValueBuilder.js
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useTreeViewContextValueBuilder = void 0;
|
|
7
|
-
const useTreeViewContextValueBuilder = ({
|
|
8
|
-
instance,
|
|
9
|
-
params
|
|
10
|
-
}) => {
|
|
11
|
-
return {
|
|
12
|
-
contextValue: {
|
|
13
|
-
instance: instance,
|
|
14
|
-
multiSelect: params.multiSelect,
|
|
15
|
-
runItemPlugins: ({
|
|
16
|
-
props,
|
|
17
|
-
ref
|
|
18
|
-
}) => ({
|
|
19
|
-
props,
|
|
20
|
-
ref,
|
|
21
|
-
wrapItem: children => children
|
|
22
|
-
}),
|
|
23
|
-
disabledItemsFocusable: params.disabledItemsFocusable,
|
|
24
|
-
icons: {
|
|
25
|
-
defaultCollapseIcon: params.defaultCollapseIcon,
|
|
26
|
-
defaultEndIcon: params.defaultEndIcon,
|
|
27
|
-
defaultExpandIcon: params.defaultExpandIcon,
|
|
28
|
-
defaultParentIcon: params.defaultParentIcon
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
exports.useTreeViewContextValueBuilder = useTreeViewContextValueBuilder;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|