@mui/x-tree-view 7.22.1 → 8.0.0-alpha.0
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 +143 -92
- package/README.md +2 -2
- package/RichTreeView/RichTreeView.js +20 -1
- package/RichTreeView/RichTreeView.types.d.ts +4 -4
- package/SimpleTreeView/SimpleTreeView.js +21 -3
- package/TreeItem/TreeItem.d.ts +20 -2
- package/TreeItem/TreeItem.js +238 -368
- package/TreeItem/TreeItem.types.d.ts +51 -86
- package/TreeItem/index.d.ts +1 -4
- package/TreeItem/index.js +2 -4
- package/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.d.ts +7 -0
- package/{modern/TreeItem2DragAndDropOverlay/TreeItem2DragAndDropOverlay.js → TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.js} +8 -6
- package/{TreeItem2DragAndDropOverlay/TreeItem2DragAndDropOverlay.types.d.ts → TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.types.d.ts} +1 -1
- package/TreeItemDragAndDropOverlay/index.d.ts +2 -0
- package/TreeItemDragAndDropOverlay/index.js +1 -0
- package/{TreeItem2LabelInput → TreeItemDragAndDropOverlay}/package.json +1 -1
- package/TreeItemIcon/TreeItemIcon.d.ts +7 -0
- package/{TreeItem2Icon/TreeItem2Icon.js → TreeItemIcon/TreeItemIcon.js} +5 -3
- package/{TreeItem2Icon/TreeItem2Icon.types.d.ts → TreeItemIcon/TreeItemIcon.types.d.ts} +7 -7
- package/TreeItemIcon/index.d.ts +2 -0
- package/TreeItemIcon/index.js +1 -0
- package/{useTreeItem2 → TreeItemIcon}/package.json +1 -1
- package/TreeItemLabelInput/TreeItemLabelInput.d.ts +5 -0
- package/{TreeItem2LabelInput/TreeItem2LabelInput.js → TreeItemLabelInput/TreeItemLabelInput.js} +3 -3
- package/{TreeItem2LabelInput/TreeItem2LabelInput.types.d.ts → TreeItemLabelInput/TreeItemLabelInput.types.d.ts} +1 -1
- package/TreeItemLabelInput/index.d.ts +2 -0
- package/TreeItemLabelInput/index.js +1 -0
- package/{TreeItem2Provider → TreeItemLabelInput}/package.json +1 -1
- package/TreeItemProvider/TreeItemProvider.d.ts +9 -0
- package/{TreeItem2Provider/TreeItem2Provider.js → TreeItemProvider/TreeItemProvider.js} +7 -3
- package/{TreeItem2Provider/TreeItem2Provider.types.d.ts → TreeItemProvider/TreeItemProvider.types.d.ts} +1 -1
- package/TreeItemProvider/index.d.ts +2 -0
- package/TreeItemProvider/index.js +1 -0
- package/{TreeItem2Icon → TreeItemProvider}/package.json +1 -1
- package/hooks/index.d.ts +1 -1
- package/hooks/index.js +1 -1
- package/hooks/useTreeItemUtils/index.d.ts +1 -0
- package/hooks/useTreeItemUtils/index.js +1 -0
- package/hooks/{useTreeItem2Utils/useTreeItem2Utils.d.ts → useTreeItemUtils/useTreeItemUtils.d.ts} +11 -11
- package/{modern/hooks/useTreeItem2Utils/useTreeItem2Utils.js → hooks/useTreeItemUtils/useTreeItemUtils.js} +5 -3
- package/index.d.ts +5 -7
- package/index.js +6 -8
- package/internals/TreeViewProvider/TreeViewProvider.types.d.ts +2 -1
- package/internals/components/RichTreeViewItems.d.ts +1 -2
- package/internals/index.d.ts +1 -1
- package/internals/models/helpers.d.ts +0 -2
- package/internals/models/itemPlugin.d.ts +11 -8
- package/internals/models/plugin.d.ts +1 -1
- package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.types.d.ts +2 -1
- package/internals/plugins/useTreeViewItems/useTreeViewItems.js +2 -4
- package/internals/plugins/useTreeViewItems/useTreeViewItems.types.d.ts +3 -5
- package/internals/plugins/useTreeViewLabel/useTreeViewLabel.itemPlugin.d.ts +1 -1
- package/internals/plugins/useTreeViewLabel/useTreeViewLabel.types.d.ts +6 -5
- package/internals/plugins/useTreeViewSelection/useTreeViewSelection.itemPlugin.d.ts +2 -0
- package/internals/plugins/useTreeViewSelection/useTreeViewSelection.itemPlugin.js +86 -0
- package/internals/plugins/useTreeViewSelection/useTreeViewSelection.js +43 -18
- package/internals/plugins/useTreeViewSelection/useTreeViewSelection.types.d.ts +33 -3
- package/internals/plugins/useTreeViewSelection/useTreeViewSelection.utils.d.ts +20 -1
- package/internals/plugins/useTreeViewSelection/useTreeViewSelection.utils.js +95 -0
- package/models/items.d.ts +4 -0
- package/modern/RichTreeView/RichTreeView.js +20 -1
- package/modern/SimpleTreeView/SimpleTreeView.js +21 -3
- package/modern/TreeItem/TreeItem.js +238 -368
- package/modern/TreeItem/index.js +2 -4
- package/{TreeItem2DragAndDropOverlay/TreeItem2DragAndDropOverlay.js → modern/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.js} +8 -6
- package/modern/TreeItemDragAndDropOverlay/index.js +1 -0
- package/modern/{TreeItem2Icon/TreeItem2Icon.js → TreeItemIcon/TreeItemIcon.js} +5 -3
- package/modern/TreeItemIcon/index.js +1 -0
- package/modern/{TreeItem2LabelInput/TreeItem2LabelInput.js → TreeItemLabelInput/TreeItemLabelInput.js} +3 -3
- package/modern/TreeItemLabelInput/index.js +1 -0
- package/modern/{TreeItem2Provider/TreeItem2Provider.js → TreeItemProvider/TreeItemProvider.js} +7 -3
- package/modern/TreeItemProvider/index.js +1 -0
- package/modern/hooks/index.js +1 -1
- package/modern/hooks/useTreeItemUtils/index.js +1 -0
- package/{hooks/useTreeItem2Utils/useTreeItem2Utils.js → modern/hooks/useTreeItemUtils/useTreeItemUtils.js} +5 -3
- package/modern/index.js +6 -8
- package/modern/internals/plugins/useTreeViewItems/useTreeViewItems.js +2 -4
- package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.itemPlugin.js +86 -0
- package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.js +43 -18
- package/modern/internals/plugins/useTreeViewSelection/useTreeViewSelection.utils.js +95 -0
- package/modern/useTreeItem/index.js +1 -0
- package/modern/{useTreeItem2/useTreeItem2.js → useTreeItem/useTreeItem.js} +21 -42
- package/node/RichTreeView/RichTreeView.js +20 -1
- package/node/SimpleTreeView/SimpleTreeView.js +21 -3
- package/node/TreeItem/TreeItem.js +239 -369
- package/node/TreeItem/index.js +38 -16
- package/node/{TreeItem2DragAndDropOverlay/TreeItem2DragAndDropOverlay.js → TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.js} +7 -6
- package/node/TreeItemDragAndDropOverlay/index.js +12 -0
- package/node/{TreeItem2Icon/TreeItem2Icon.js → TreeItemIcon/TreeItemIcon.js} +4 -3
- package/node/TreeItemIcon/index.js +12 -0
- package/node/{TreeItem2LabelInput/TreeItem2LabelInput.js → TreeItemLabelInput/TreeItemLabelInput.js} +3 -3
- package/node/TreeItemLabelInput/index.js +12 -0
- package/node/{TreeItem2Provider/TreeItem2Provider.js → TreeItemProvider/TreeItemProvider.js} +6 -3
- package/node/TreeItemProvider/index.js +12 -0
- package/node/hooks/index.js +3 -3
- package/node/hooks/useTreeItemUtils/index.js +12 -0
- package/node/hooks/{useTreeItem2Utils/useTreeItem2Utils.js → useTreeItemUtils/useTreeItemUtils.js} +6 -5
- package/node/index.js +18 -42
- package/node/internals/plugins/useTreeViewItems/useTreeViewItems.js +2 -4
- package/node/internals/plugins/useTreeViewSelection/useTreeViewSelection.itemPlugin.js +94 -0
- package/node/internals/plugins/useTreeViewSelection/useTreeViewSelection.js +42 -17
- package/node/internals/plugins/useTreeViewSelection/useTreeViewSelection.utils.js +99 -2
- package/node/useTreeItem/index.js +12 -0
- package/node/{useTreeItem2/useTreeItem2.js → useTreeItem/useTreeItem.js} +22 -44
- package/package.json +3 -3
- package/themeAugmentation/components.d.ts +0 -10
- package/themeAugmentation/overrides.d.ts +0 -3
- package/themeAugmentation/props.d.ts +1 -5
- package/useTreeItem/index.d.ts +2 -0
- package/useTreeItem/index.js +1 -0
- package/{TreeItem2 → useTreeItem}/package.json +1 -1
- package/useTreeItem/useTreeItem.d.ts +2 -0
- package/{useTreeItem2/useTreeItem2.js → useTreeItem/useTreeItem.js} +21 -42
- package/{useTreeItem2/useTreeItem2.types.d.ts → useTreeItem/useTreeItem.types.d.ts} +42 -58
- package/TreeItem/TreeItemContent.d.ts +0 -61
- package/TreeItem/TreeItemContent.js +0 -146
- package/TreeItem/useTreeItemState.d.ts +0 -21
- package/TreeItem/useTreeItemState.js +0 -143
- package/TreeItem2/TreeItem2.d.ts +0 -34
- package/TreeItem2/TreeItem2.js +0 -387
- package/TreeItem2/TreeItem2.types.d.ts +0 -92
- package/TreeItem2/index.d.ts +0 -2
- package/TreeItem2/index.js +0 -1
- package/TreeItem2DragAndDropOverlay/TreeItem2DragAndDropOverlay.d.ts +0 -7
- package/TreeItem2DragAndDropOverlay/index.d.ts +0 -2
- package/TreeItem2DragAndDropOverlay/index.js +0 -1
- package/TreeItem2DragAndDropOverlay/package.json +0 -6
- package/TreeItem2Icon/TreeItem2Icon.d.ts +0 -7
- package/TreeItem2Icon/index.d.ts +0 -2
- package/TreeItem2Icon/index.js +0 -1
- package/TreeItem2LabelInput/TreeItem2LabelInput.d.ts +0 -5
- package/TreeItem2LabelInput/index.d.ts +0 -2
- package/TreeItem2LabelInput/index.js +0 -1
- package/TreeItem2Provider/TreeItem2Provider.d.ts +0 -6
- package/TreeItem2Provider/index.d.ts +0 -2
- package/TreeItem2Provider/index.js +0 -1
- package/TreeView/TreeView.d.ts +0 -21
- package/TreeView/TreeView.js +0 -211
- package/TreeView/TreeView.types.d.ts +0 -9
- package/TreeView/index.d.ts +0 -3
- package/TreeView/index.js +0 -3
- package/TreeView/package.json +0 -6
- package/TreeView/treeViewClasses.d.ts +0 -7
- package/TreeView/treeViewClasses.js +0 -6
- package/hooks/useTreeItem2Utils/index.d.ts +0 -1
- package/hooks/useTreeItem2Utils/index.js +0 -1
- package/modern/TreeItem/TreeItemContent.js +0 -146
- package/modern/TreeItem/useTreeItemState.js +0 -143
- package/modern/TreeItem2/TreeItem2.js +0 -387
- package/modern/TreeItem2/index.js +0 -1
- package/modern/TreeItem2DragAndDropOverlay/index.js +0 -1
- package/modern/TreeItem2Icon/index.js +0 -1
- package/modern/TreeItem2LabelInput/index.js +0 -1
- package/modern/TreeItem2Provider/TreeItem2Provider.types.js +0 -1
- package/modern/TreeItem2Provider/index.js +0 -1
- package/modern/TreeView/TreeView.js +0 -211
- package/modern/TreeView/TreeView.types.js +0 -1
- package/modern/TreeView/index.js +0 -3
- package/modern/TreeView/treeViewClasses.js +0 -6
- package/modern/hooks/useTreeItem2Utils/index.js +0 -1
- package/modern/useTreeItem2/index.js +0 -4
- package/modern/useTreeItem2/useTreeItem2.types.js +0 -1
- package/node/TreeItem/TreeItemContent.js +0 -153
- package/node/TreeItem/useTreeItemState.js +0 -148
- package/node/TreeItem2/TreeItem2.js +0 -394
- package/node/TreeItem2/index.js +0 -48
- package/node/TreeItem2DragAndDropOverlay/index.js +0 -12
- package/node/TreeItem2Icon/index.js +0 -12
- package/node/TreeItem2LabelInput/index.js +0 -12
- package/node/TreeItem2Provider/index.js +0 -12
- package/node/TreeView/TreeView.js +0 -217
- package/node/TreeView/TreeView.types.js +0 -5
- package/node/TreeView/index.js +0 -27
- package/node/TreeView/treeViewClasses.js +0 -14
- package/node/hooks/useTreeItem2Utils/index.js +0 -12
- package/node/useTreeItem2/index.js +0 -10
- package/node/useTreeItem2/useTreeItem2.types.js +0 -5
- package/useTreeItem2/index.d.ts +0 -3
- package/useTreeItem2/index.js +0 -4
- package/useTreeItem2/useTreeItem2.d.ts +0 -2
- package/useTreeItem2/useTreeItem2.types.js +0 -1
- /package/{TreeItem2/TreeItem2.types.js → TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.types.js} +0 -0
- /package/{TreeItem2DragAndDropOverlay/TreeItem2DragAndDropOverlay.types.js → TreeItemIcon/TreeItemIcon.types.js} +0 -0
- /package/{TreeItem2Icon/TreeItem2Icon.types.js → TreeItemLabelInput/TreeItemLabelInput.types.js} +0 -0
- /package/{TreeItem2LabelInput/TreeItem2LabelInput.types.js → TreeItemProvider/TreeItemProvider.types.js} +0 -0
- /package/{TreeItem2Provider/TreeItem2Provider.types.js → modern/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.types.js} +0 -0
- /package/{TreeView/TreeView.types.js → modern/TreeItemIcon/TreeItemIcon.types.js} +0 -0
- /package/modern/{TreeItem2/TreeItem2.types.js → TreeItemLabelInput/TreeItemLabelInput.types.js} +0 -0
- /package/modern/{TreeItem2DragAndDropOverlay/TreeItem2DragAndDropOverlay.types.js → TreeItemProvider/TreeItemProvider.types.js} +0 -0
- /package/modern/{TreeItem2Icon/TreeItem2Icon.types.js → useTreeItem/useTreeItem.types.js} +0 -0
- /package/node/{TreeItem2/TreeItem2.types.js → TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.types.js} +0 -0
- /package/node/{TreeItem2DragAndDropOverlay/TreeItem2DragAndDropOverlay.types.js → TreeItemIcon/TreeItemIcon.types.js} +0 -0
- /package/node/{TreeItem2Icon/TreeItem2Icon.types.js → TreeItemLabelInput/TreeItemLabelInput.types.js} +0 -0
- /package/node/{TreeItem2LabelInput/TreeItem2LabelInput.types.js → TreeItemProvider/TreeItemProvider.types.js} +0 -0
- /package/node/{TreeItem2Provider/TreeItem2Provider.types.js → useTreeItem/useTreeItem.types.js} +0 -0
- /package/{modern/TreeItem2LabelInput/TreeItem2LabelInput.types.js → useTreeItem/useTreeItem.types.js} +0 -0
package/node/TreeItem2/index.js
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "TreeItem2", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _TreeItem.TreeItem2;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "TreeItem2Checkbox", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return _TreeItem.TreeItem2Checkbox;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "TreeItem2Content", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _TreeItem.TreeItem2Content;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
Object.defineProperty(exports, "TreeItem2GroupTransition", {
|
|
25
|
-
enumerable: true,
|
|
26
|
-
get: function () {
|
|
27
|
-
return _TreeItem.TreeItem2GroupTransition;
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
Object.defineProperty(exports, "TreeItem2IconContainer", {
|
|
31
|
-
enumerable: true,
|
|
32
|
-
get: function () {
|
|
33
|
-
return _TreeItem.TreeItem2IconContainer;
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
Object.defineProperty(exports, "TreeItem2Label", {
|
|
37
|
-
enumerable: true,
|
|
38
|
-
get: function () {
|
|
39
|
-
return _TreeItem.TreeItem2Label;
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
Object.defineProperty(exports, "TreeItem2Root", {
|
|
43
|
-
enumerable: true,
|
|
44
|
-
get: function () {
|
|
45
|
-
return _TreeItem.TreeItem2Root;
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
var _TreeItem = require("./TreeItem2");
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "TreeItem2DragAndDropOverlay", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _TreeItem2DragAndDropOverlay.TreeItem2DragAndDropOverlay;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _TreeItem2DragAndDropOverlay = require("./TreeItem2DragAndDropOverlay");
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "TreeItem2Icon", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _TreeItem2Icon.TreeItem2Icon;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _TreeItem2Icon = require("./TreeItem2Icon");
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "TreeItem2LabelInput", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _TreeItem2LabelInput.TreeItem2LabelInput;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _TreeItem2LabelInput = require("./TreeItem2LabelInput");
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "TreeItem2Provider", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _TreeItem2Provider.TreeItem2Provider;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _TreeItem2Provider = require("./TreeItem2Provider");
|
|
@@ -1,217 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
|
|
4
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
6
|
-
Object.defineProperty(exports, "__esModule", {
|
|
7
|
-
value: true
|
|
8
|
-
});
|
|
9
|
-
exports.TreeView = void 0;
|
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
var React = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
14
|
-
var _zeroStyled = require("../internals/zero-styled");
|
|
15
|
-
var _treeViewClasses = require("./treeViewClasses");
|
|
16
|
-
var _SimpleTreeView = require("../SimpleTreeView");
|
|
17
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
|
-
const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiTreeView');
|
|
19
|
-
const useUtilityClasses = ownerState => {
|
|
20
|
-
const {
|
|
21
|
-
classes
|
|
22
|
-
} = ownerState;
|
|
23
|
-
const slots = {
|
|
24
|
-
root: ['root']
|
|
25
|
-
};
|
|
26
|
-
return (0, _composeClasses.default)(slots, _treeViewClasses.getTreeViewUtilityClass, classes);
|
|
27
|
-
};
|
|
28
|
-
const TreeViewRoot = (0, _zeroStyled.styled)(_SimpleTreeView.SimpleTreeViewRoot, {
|
|
29
|
-
name: 'MuiTreeView',
|
|
30
|
-
slot: 'Root',
|
|
31
|
-
overridesResolver: (props, styles) => styles.root
|
|
32
|
-
})({});
|
|
33
|
-
let warnedOnce = false;
|
|
34
|
-
const warn = () => {
|
|
35
|
-
if (!warnedOnce) {
|
|
36
|
-
console.warn(['MUI X: The TreeView component was renamed SimpleTreeView.', 'The component with the old naming will be removed in the version v8.0.0.', '', "You should use `import { SimpleTreeView } from '@mui/x-tree-view'`", "or `import { SimpleTreeView } from '@mui/x-tree-view/TreeView'`"].join('\n'));
|
|
37
|
-
warnedOnce = true;
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
/**
|
|
42
|
-
* This component has been deprecated in favor of the new Simple Tree View component.
|
|
43
|
-
* You can have a look at how to migrate to the new component in the v7 [migration guide](https://mui.com/x/migration/migration-tree-view-v6/#use-simpletreeview-instead-of-treeview)
|
|
44
|
-
*
|
|
45
|
-
* Demos:
|
|
46
|
-
*
|
|
47
|
-
* - [Tree View](https://mui.com/x/react-tree-view/)
|
|
48
|
-
*
|
|
49
|
-
* API:
|
|
50
|
-
*
|
|
51
|
-
* - [TreeView API](https://mui.com/x/api/tree-view/tree-view/)
|
|
52
|
-
*
|
|
53
|
-
* @deprecated
|
|
54
|
-
*/
|
|
55
|
-
const TreeView = exports.TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
|
|
56
|
-
if (process.env.NODE_ENV !== 'production' && process.env.NODE_ENV !== 'test') {
|
|
57
|
-
warn();
|
|
58
|
-
}
|
|
59
|
-
const props = useThemeProps({
|
|
60
|
-
props: inProps,
|
|
61
|
-
name: 'MuiTreeView'
|
|
62
|
-
});
|
|
63
|
-
const classes = useUtilityClasses(props);
|
|
64
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SimpleTreeView.SimpleTreeView, (0, _extends2.default)({}, props, {
|
|
65
|
-
ref: ref,
|
|
66
|
-
classes: classes,
|
|
67
|
-
slots: (0, _extends2.default)({
|
|
68
|
-
root: TreeViewRoot
|
|
69
|
-
}, props.slots)
|
|
70
|
-
}));
|
|
71
|
-
});
|
|
72
|
-
process.env.NODE_ENV !== "production" ? TreeView.propTypes = {
|
|
73
|
-
// ----------------------------- Warning --------------------------------
|
|
74
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
75
|
-
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
76
|
-
// ----------------------------------------------------------------------
|
|
77
|
-
/**
|
|
78
|
-
* The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.
|
|
79
|
-
*/
|
|
80
|
-
apiRef: _propTypes.default.shape({
|
|
81
|
-
current: _propTypes.default.shape({
|
|
82
|
-
focusItem: _propTypes.default.func.isRequired,
|
|
83
|
-
getItem: _propTypes.default.func.isRequired,
|
|
84
|
-
getItemDOMElement: _propTypes.default.func.isRequired,
|
|
85
|
-
getItemOrderedChildrenIds: _propTypes.default.func.isRequired,
|
|
86
|
-
getItemTree: _propTypes.default.func.isRequired,
|
|
87
|
-
selectItem: _propTypes.default.func.isRequired,
|
|
88
|
-
setItemExpansion: _propTypes.default.func.isRequired
|
|
89
|
-
})
|
|
90
|
-
}),
|
|
91
|
-
/**
|
|
92
|
-
* If `true`, the Tree View renders a checkbox at the left of its label that allows selecting it.
|
|
93
|
-
* @default false
|
|
94
|
-
*/
|
|
95
|
-
checkboxSelection: _propTypes.default.bool,
|
|
96
|
-
/**
|
|
97
|
-
* The content of the component.
|
|
98
|
-
*/
|
|
99
|
-
children: _propTypes.default.node,
|
|
100
|
-
/**
|
|
101
|
-
* Override or extend the styles applied to the component.
|
|
102
|
-
*/
|
|
103
|
-
classes: _propTypes.default.object,
|
|
104
|
-
className: _propTypes.default.string,
|
|
105
|
-
/**
|
|
106
|
-
* Expanded item ids.
|
|
107
|
-
* Used when the item's expansion is not controlled.
|
|
108
|
-
* @default []
|
|
109
|
-
*/
|
|
110
|
-
defaultExpandedItems: _propTypes.default.arrayOf(_propTypes.default.string),
|
|
111
|
-
/**
|
|
112
|
-
* Selected item ids. (Uncontrolled)
|
|
113
|
-
* When `multiSelect` is true this takes an array of strings; when false (default) a string.
|
|
114
|
-
* @default []
|
|
115
|
-
*/
|
|
116
|
-
defaultSelectedItems: _propTypes.default.any,
|
|
117
|
-
/**
|
|
118
|
-
* If `true`, will allow focus on disabled items.
|
|
119
|
-
* @default false
|
|
120
|
-
*/
|
|
121
|
-
disabledItemsFocusable: _propTypes.default.bool,
|
|
122
|
-
/**
|
|
123
|
-
* If `true` selection is disabled.
|
|
124
|
-
* @default false
|
|
125
|
-
*/
|
|
126
|
-
disableSelection: _propTypes.default.bool,
|
|
127
|
-
/**
|
|
128
|
-
* Expanded item ids.
|
|
129
|
-
* Used when the item's expansion is controlled.
|
|
130
|
-
*/
|
|
131
|
-
expandedItems: _propTypes.default.arrayOf(_propTypes.default.string),
|
|
132
|
-
/**
|
|
133
|
-
* The slot that triggers the item's expansion when clicked.
|
|
134
|
-
* @default 'content'
|
|
135
|
-
*/
|
|
136
|
-
expansionTrigger: _propTypes.default.oneOf(['content', 'iconContainer']),
|
|
137
|
-
/**
|
|
138
|
-
* Unstable features, breaking changes might be introduced.
|
|
139
|
-
* For each feature, if the flag is not explicitly set to `true`,
|
|
140
|
-
* the feature will be fully disabled and any property / method call will not have any effect.
|
|
141
|
-
*/
|
|
142
|
-
experimentalFeatures: _propTypes.default.shape({
|
|
143
|
-
indentationAtItemLevel: _propTypes.default.bool
|
|
144
|
-
}),
|
|
145
|
-
/**
|
|
146
|
-
* This prop is used to help implement the accessibility logic.
|
|
147
|
-
* If you don't provide this prop. It falls back to a randomly generated id.
|
|
148
|
-
*/
|
|
149
|
-
id: _propTypes.default.string,
|
|
150
|
-
/**
|
|
151
|
-
* Horizontal indentation between an item and its children.
|
|
152
|
-
* Examples: 24, "24px", "2rem", "2em".
|
|
153
|
-
* @default 12px
|
|
154
|
-
*/
|
|
155
|
-
itemChildrenIndentation: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
156
|
-
/**
|
|
157
|
-
* If `true`, `ctrl` and `shift` will trigger multiselect.
|
|
158
|
-
* @default false
|
|
159
|
-
*/
|
|
160
|
-
multiSelect: _propTypes.default.bool,
|
|
161
|
-
/**
|
|
162
|
-
* Callback fired when Tree Items are expanded/collapsed.
|
|
163
|
-
* @param {React.SyntheticEvent} event The DOM event that triggered the change.
|
|
164
|
-
* @param {array} itemIds The ids of the expanded items.
|
|
165
|
-
*/
|
|
166
|
-
onExpandedItemsChange: _propTypes.default.func,
|
|
167
|
-
/**
|
|
168
|
-
* Callback fired when the `content` slot of a given Tree Item is clicked.
|
|
169
|
-
* @param {React.MouseEvent} event The DOM event that triggered the change.
|
|
170
|
-
* @param {string} itemId The id of the focused item.
|
|
171
|
-
*/
|
|
172
|
-
onItemClick: _propTypes.default.func,
|
|
173
|
-
/**
|
|
174
|
-
* Callback fired when a Tree Item is expanded or collapsed.
|
|
175
|
-
* @param {React.SyntheticEvent} event The DOM event that triggered the change.
|
|
176
|
-
* @param {array} itemId The itemId of the modified item.
|
|
177
|
-
* @param {array} isExpanded `true` if the item has just been expanded, `false` if it has just been collapsed.
|
|
178
|
-
*/
|
|
179
|
-
onItemExpansionToggle: _propTypes.default.func,
|
|
180
|
-
/**
|
|
181
|
-
* Callback fired when a given Tree Item is focused.
|
|
182
|
-
* @param {React.SyntheticEvent | null} event The DOM event that triggered the change. **Warning**: This is a generic event not a focus event.
|
|
183
|
-
* @param {string} itemId The id of the focused item.
|
|
184
|
-
*/
|
|
185
|
-
onItemFocus: _propTypes.default.func,
|
|
186
|
-
/**
|
|
187
|
-
* Callback fired when a Tree Item is selected or deselected.
|
|
188
|
-
* @param {React.SyntheticEvent} event The DOM event that triggered the change.
|
|
189
|
-
* @param {array} itemId The itemId of the modified item.
|
|
190
|
-
* @param {array} isSelected `true` if the item has just been selected, `false` if it has just been deselected.
|
|
191
|
-
*/
|
|
192
|
-
onItemSelectionToggle: _propTypes.default.func,
|
|
193
|
-
/**
|
|
194
|
-
* Callback fired when Tree Items are selected/deselected.
|
|
195
|
-
* @param {React.SyntheticEvent} event The DOM event that triggered the change.
|
|
196
|
-
* @param {string[] | string} itemIds The ids of the selected items.
|
|
197
|
-
* When `multiSelect` is `true`, this is an array of strings; when false (default) a string.
|
|
198
|
-
*/
|
|
199
|
-
onSelectedItemsChange: _propTypes.default.func,
|
|
200
|
-
/**
|
|
201
|
-
* Selected item ids. (Controlled)
|
|
202
|
-
* When `multiSelect` is true this takes an array of strings; when false (default) a string.
|
|
203
|
-
*/
|
|
204
|
-
selectedItems: _propTypes.default.any,
|
|
205
|
-
/**
|
|
206
|
-
* The props used for each component slot.
|
|
207
|
-
*/
|
|
208
|
-
slotProps: _propTypes.default.object,
|
|
209
|
-
/**
|
|
210
|
-
* Overridable component slots.
|
|
211
|
-
*/
|
|
212
|
-
slots: _propTypes.default.object,
|
|
213
|
-
/**
|
|
214
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
215
|
-
*/
|
|
216
|
-
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
|
|
217
|
-
} : void 0;
|
package/node/TreeView/index.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _TreeView = require("./TreeView");
|
|
7
|
-
Object.keys(_TreeView).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _TreeView[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function () {
|
|
13
|
-
return _TreeView[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
var _treeViewClasses = require("./treeViewClasses");
|
|
18
|
-
Object.keys(_treeViewClasses).forEach(function (key) {
|
|
19
|
-
if (key === "default" || key === "__esModule") return;
|
|
20
|
-
if (key in exports && exports[key] === _treeViewClasses[key]) return;
|
|
21
|
-
Object.defineProperty(exports, key, {
|
|
22
|
-
enumerable: true,
|
|
23
|
-
get: function () {
|
|
24
|
-
return _treeViewClasses[key];
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
});
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.getTreeViewUtilityClass = getTreeViewUtilityClass;
|
|
8
|
-
exports.treeViewClasses = void 0;
|
|
9
|
-
var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
|
|
10
|
-
var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
|
|
11
|
-
function getTreeViewUtilityClass(slot) {
|
|
12
|
-
return (0, _generateUtilityClass.default)('MuiTreeView', slot);
|
|
13
|
-
}
|
|
14
|
-
const treeViewClasses = exports.treeViewClasses = (0, _generateUtilityClasses.default)('MuiTreeView', ['root']);
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "useTreeItem2Utils", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _useTreeItem2Utils.useTreeItem2Utils;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _useTreeItem2Utils = require("./useTreeItem2Utils");
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useTreeItem2 = exports.unstable_useTreeItem2 = void 0;
|
|
7
|
-
var _useTreeItem = require("./useTreeItem2");
|
|
8
|
-
const useTreeItem2 = exports.useTreeItem2 = _useTreeItem.useTreeItem2;
|
|
9
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
10
|
-
const unstable_useTreeItem2 = exports.unstable_useTreeItem2 = _useTreeItem.useTreeItem2;
|
package/useTreeItem2/index.d.ts
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export declare const useTreeItem2: <TSignatures extends import("./useTreeItem2.types").UseTreeItem2MinimalPlugins = import("./useTreeItem2.types").UseTreeItem2MinimalPlugins, TOptionalSignatures extends import("./useTreeItem2.types").UseTreeItem2OptionalPlugins = readonly []>(parameters: import("@mui/x-tree-view/useTreeItem2").UseTreeItem2Parameters) => import("@mui/x-tree-view/useTreeItem2").UseTreeItem2ReturnValue<TSignatures, TOptionalSignatures>;
|
|
2
|
-
export declare const unstable_useTreeItem2: <TSignatures extends import("./useTreeItem2.types").UseTreeItem2MinimalPlugins = import("./useTreeItem2.types").UseTreeItem2MinimalPlugins, TOptionalSignatures extends import("./useTreeItem2.types").UseTreeItem2OptionalPlugins = readonly []>(parameters: import("@mui/x-tree-view/useTreeItem2").UseTreeItem2Parameters) => import("@mui/x-tree-view/useTreeItem2").UseTreeItem2ReturnValue<TSignatures, TOptionalSignatures>;
|
|
3
|
-
export type { UseTreeItem2Parameters, UseTreeItem2ReturnValue, UseTreeItem2Status, UseTreeItem2RootSlotOwnProps, UseTreeItem2ContentSlotOwnProps, UseTreeItem2LabelInputSlotOwnProps, UseTreeItem2LabelSlotOwnProps, UseTreeItem2CheckboxSlotOwnProps, UseTreeItem2IconContainerSlotOwnProps, UseTreeItem2GroupTransitionSlotOwnProps, UseTreeItem2DragAndDropOverlaySlotOwnProps, } from './useTreeItem2.types';
|
package/useTreeItem2/index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import { UseTreeItem2Parameters, UseTreeItem2ReturnValue, UseTreeItem2MinimalPlugins, UseTreeItem2OptionalPlugins } from './useTreeItem2.types';
|
|
2
|
-
export declare const useTreeItem2: <TSignatures extends UseTreeItem2MinimalPlugins = UseTreeItem2MinimalPlugins, TOptionalSignatures extends UseTreeItem2OptionalPlugins = readonly []>(parameters: UseTreeItem2Parameters) => UseTreeItem2ReturnValue<TSignatures, TOptionalSignatures>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
File without changes
|
|
File without changes
|
/package/{TreeItem2Icon/TreeItem2Icon.types.js → TreeItemLabelInput/TreeItemLabelInput.types.js}
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/modern/{TreeItem2/TreeItem2.types.js → TreeItemLabelInput/TreeItemLabelInput.types.js}
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/node/{TreeItem2Provider/TreeItem2Provider.types.js → useTreeItem/useTreeItem.types.js}
RENAMED
|
File without changes
|
|
File without changes
|