@mui/x-tree-view-pro 7.12.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/LICENSE +11 -0
- package/README.md +26 -0
- package/build/CHANGELOG.md +4336 -0
- package/build/LICENSE +11 -0
- package/build/README.md +26 -0
- package/build/RichTreeViewPro/RichTreeViewPro.d.ts +20 -0
- package/build/RichTreeViewPro/RichTreeViewPro.js +359 -0
- package/build/RichTreeViewPro/RichTreeViewPro.plugins.d.ts +8 -0
- package/build/RichTreeViewPro/RichTreeViewPro.plugins.js +5 -0
- package/build/RichTreeViewPro/RichTreeViewPro.types.d.ts +65 -0
- package/build/RichTreeViewPro/RichTreeViewPro.types.js +1 -0
- package/build/RichTreeViewPro/index.d.ts +3 -0
- package/build/RichTreeViewPro/index.js +3 -0
- package/build/RichTreeViewPro/package.json +6 -0
- package/build/RichTreeViewPro/richTreeViewProClasses.d.ts +7 -0
- package/build/RichTreeViewPro/richTreeViewProClasses.js +6 -0
- package/build/index.d.ts +12 -0
- package/build/index.js +22 -0
- package/build/internals/index.d.ts +1 -0
- package/build/internals/index.js +1 -0
- package/build/internals/package.json +6 -0
- package/build/internals/plugins/useTreeViewItemsReordering/index.d.ts +2 -0
- package/build/internals/plugins/useTreeViewItemsReordering/index.js +1 -0
- package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.d.ts +3 -0
- package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.d.ts +4 -0
- package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.js +128 -0
- package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +193 -0
- package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.d.ts +140 -0
- package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.js +1 -0
- package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.d.ts +26 -0
- package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.js +150 -0
- package/build/internals/utils/releaseInfo.d.ts +1 -0
- package/build/internals/utils/releaseInfo.js +13 -0
- package/build/internals/zero-styled/index.d.ts +3 -0
- package/build/internals/zero-styled/index.js +7 -0
- package/build/modern/RichTreeViewPro/RichTreeViewPro.js +359 -0
- package/build/modern/RichTreeViewPro/RichTreeViewPro.plugins.js +5 -0
- package/build/modern/RichTreeViewPro/RichTreeViewPro.types.js +1 -0
- package/build/modern/RichTreeViewPro/index.js +3 -0
- package/build/modern/RichTreeViewPro/richTreeViewProClasses.js +6 -0
- package/build/modern/index.js +22 -0
- package/build/modern/internals/index.js +1 -0
- package/build/modern/internals/plugins/useTreeViewItemsReordering/index.js +1 -0
- package/build/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.js +128 -0
- package/build/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +193 -0
- package/build/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.js +1 -0
- package/build/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.js +150 -0
- package/build/modern/internals/utils/releaseInfo.js +13 -0
- package/build/modern/internals/zero-styled/index.js +7 -0
- package/build/modern/themeAugmentation/index.js +3 -0
- package/build/node/RichTreeViewPro/RichTreeViewPro.js +367 -0
- package/build/node/RichTreeViewPro/RichTreeViewPro.plugins.js +11 -0
- package/build/node/RichTreeViewPro/RichTreeViewPro.types.js +5 -0
- package/build/node/RichTreeViewPro/index.js +27 -0
- package/build/node/RichTreeViewPro/richTreeViewProClasses.js +14 -0
- package/build/node/index.js +154 -0
- package/build/node/internals/index.js +12 -0
- package/build/node/internals/plugins/useTreeViewItemsReordering/index.js +12 -0
- package/build/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.js +138 -0
- package/build/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +203 -0
- package/build/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.js +5 -0
- package/build/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.js +160 -0
- package/build/node/internals/utils/releaseInfo.js +20 -0
- package/build/node/internals/zero-styled/index.js +17 -0
- package/build/node/themeAugmentation/index.js +38 -0
- package/build/package.json +59 -0
- package/build/themeAugmentation/components.d.ts +13 -0
- package/build/themeAugmentation/index.d.ts +3 -0
- package/build/themeAugmentation/index.js +3 -0
- package/build/themeAugmentation/overrides.d.ts +13 -0
- package/build/themeAugmentation/package.json +6 -0
- package/build/themeAugmentation/props.d.ts +12 -0
- package/package.json +71 -0
- package/src/RichTreeViewPro/RichTreeViewPro.plugins.ts +54 -0
- package/src/RichTreeViewPro/RichTreeViewPro.test.tsx +20 -0
- package/src/RichTreeViewPro/RichTreeViewPro.tsx +383 -0
- package/src/RichTreeViewPro/RichTreeViewPro.types.ts +80 -0
- package/src/RichTreeViewPro/index.ts +8 -0
- package/src/RichTreeViewPro/richTreeViewProClasses.ts +18 -0
- package/src/index.ts +17 -0
- package/src/internals/index.ts +1 -0
- package/src/internals/plugins/useTreeViewItemsReordering/index.ts +7 -0
- package/src/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.ts +155 -0
- package/src/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.test.tsx +370 -0
- package/src/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.ts +278 -0
- package/src/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.ts +160 -0
- package/src/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.ts +199 -0
- package/src/internals/utils/releaseInfo.ts +15 -0
- package/src/internals/zero-styled/index.ts +8 -0
- package/src/themeAugmentation/components.d.ts +13 -0
- package/src/themeAugmentation/index.js +1 -0
- package/src/themeAugmentation/index.ts +3 -0
- package/src/themeAugmentation/overrides.d.ts +13 -0
- package/src/themeAugmentation/props.d.ts +12 -0
- package/src/themeAugmentation/themeAugmentation.spec.ts +26 -0
- package/tsconfig.build.json +21 -0
- package/tsconfig.build.tsbuildinfo +1 -0
- package/tsconfig.json +14 -0
|
@@ -0,0 +1,367 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.RichTreeViewProRoot = exports.RichTreeViewPro = void 0;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var React = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
12
|
+
var _xLicense = require("@mui/x-license");
|
|
13
|
+
var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
|
|
14
|
+
var _TreeItem = require("@mui/x-tree-view/TreeItem");
|
|
15
|
+
var _internals = require("@mui/x-tree-view/internals");
|
|
16
|
+
var _zeroStyled = require("../internals/zero-styled");
|
|
17
|
+
var _richTreeViewProClasses = require("./richTreeViewProClasses");
|
|
18
|
+
var _RichTreeViewPro = require("./RichTreeViewPro.plugins");
|
|
19
|
+
var _releaseInfo = require("../internals/utils/releaseInfo");
|
|
20
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
22
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
23
|
+
const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiRichTreeViewPro');
|
|
24
|
+
const useUtilityClasses = ownerState => {
|
|
25
|
+
const {
|
|
26
|
+
classes
|
|
27
|
+
} = ownerState;
|
|
28
|
+
const slots = {
|
|
29
|
+
root: ['root']
|
|
30
|
+
};
|
|
31
|
+
return (0, _composeClasses.default)(slots, _richTreeViewProClasses.getRichTreeViewProUtilityClass, classes);
|
|
32
|
+
};
|
|
33
|
+
const RichTreeViewProRoot = exports.RichTreeViewProRoot = (0, _zeroStyled.styled)('ul', {
|
|
34
|
+
name: 'MuiRichTreeViewPro',
|
|
35
|
+
slot: 'Root',
|
|
36
|
+
overridesResolver: (props, styles) => styles.root
|
|
37
|
+
})({
|
|
38
|
+
padding: 0,
|
|
39
|
+
margin: 0,
|
|
40
|
+
listStyle: 'none',
|
|
41
|
+
outline: 0,
|
|
42
|
+
position: 'relative'
|
|
43
|
+
});
|
|
44
|
+
function WrappedTreeItem({
|
|
45
|
+
slots,
|
|
46
|
+
slotProps,
|
|
47
|
+
label,
|
|
48
|
+
id,
|
|
49
|
+
itemId,
|
|
50
|
+
children
|
|
51
|
+
}) {
|
|
52
|
+
const Item = slots?.item ?? _TreeItem.TreeItem;
|
|
53
|
+
const itemProps = (0, _useSlotProps.default)({
|
|
54
|
+
elementType: Item,
|
|
55
|
+
externalSlotProps: slotProps?.item,
|
|
56
|
+
additionalProps: {
|
|
57
|
+
itemId,
|
|
58
|
+
id,
|
|
59
|
+
label
|
|
60
|
+
},
|
|
61
|
+
ownerState: {
|
|
62
|
+
itemId,
|
|
63
|
+
label
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Item, (0, _extends2.default)({}, itemProps, {
|
|
67
|
+
children: children
|
|
68
|
+
}));
|
|
69
|
+
}
|
|
70
|
+
process.env.NODE_ENV !== "production" ? WrappedTreeItem.propTypes = {
|
|
71
|
+
// ----------------------------- Warning --------------------------------
|
|
72
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
|
73
|
+
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
74
|
+
// ----------------------------------------------------------------------
|
|
75
|
+
/**
|
|
76
|
+
* The content of the component.
|
|
77
|
+
*/
|
|
78
|
+
children: _propTypes.default.node,
|
|
79
|
+
/**
|
|
80
|
+
* The id of the item.
|
|
81
|
+
*/
|
|
82
|
+
itemId: _propTypes.default.string.isRequired,
|
|
83
|
+
label: _propTypes.default.string.isRequired,
|
|
84
|
+
/**
|
|
85
|
+
* The props used for each component slot.
|
|
86
|
+
* @default {}
|
|
87
|
+
*/
|
|
88
|
+
slotProps: _propTypes.default.object,
|
|
89
|
+
/**
|
|
90
|
+
* Overridable component slots.
|
|
91
|
+
* @default {}
|
|
92
|
+
*/
|
|
93
|
+
slots: _propTypes.default.object
|
|
94
|
+
} : void 0;
|
|
95
|
+
const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
|
|
96
|
+
|
|
97
|
+
/**
|
|
98
|
+
*
|
|
99
|
+
* Demos:
|
|
100
|
+
*
|
|
101
|
+
* - [Tree View](https://mui.com/x/react-tree-view/)
|
|
102
|
+
*
|
|
103
|
+
* API:
|
|
104
|
+
*
|
|
105
|
+
* - [RichTreeView API](https://mui.com/x/api/tree-view/rich-tree-view/)
|
|
106
|
+
*/
|
|
107
|
+
const RichTreeViewPro = exports.RichTreeViewPro = /*#__PURE__*/React.forwardRef(function RichTreeViewPro(inProps, ref) {
|
|
108
|
+
const props = useThemeProps({
|
|
109
|
+
props: inProps,
|
|
110
|
+
name: 'MuiRichTreeViewPro'
|
|
111
|
+
});
|
|
112
|
+
(0, _xLicense.useLicenseVerifier)('x-tree-view-pro', releaseInfo);
|
|
113
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
114
|
+
if (props.children != null) {
|
|
115
|
+
(0, _internals.warnOnce)(['MUI X: The `RichTreeViewPro` component does not support JSX children.', 'If you want to add items, you need to use the `items` prop.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/.']);
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
const {
|
|
119
|
+
getRootProps,
|
|
120
|
+
contextValue,
|
|
121
|
+
instance
|
|
122
|
+
} = (0, _internals.useTreeView)({
|
|
123
|
+
plugins: _RichTreeViewPro.RICH_TREE_VIEW_PRO_PLUGINS,
|
|
124
|
+
rootRef: ref,
|
|
125
|
+
props
|
|
126
|
+
});
|
|
127
|
+
const {
|
|
128
|
+
slots,
|
|
129
|
+
slotProps
|
|
130
|
+
} = props;
|
|
131
|
+
const classes = useUtilityClasses(props);
|
|
132
|
+
const Root = slots?.root ?? RichTreeViewProRoot;
|
|
133
|
+
const rootProps = (0, _useSlotProps.default)({
|
|
134
|
+
elementType: Root,
|
|
135
|
+
externalSlotProps: slotProps?.root,
|
|
136
|
+
className: classes.root,
|
|
137
|
+
getSlotProps: getRootProps,
|
|
138
|
+
ownerState: props
|
|
139
|
+
});
|
|
140
|
+
const itemsToRender = instance.getItemsToRender();
|
|
141
|
+
const renderItem = ({
|
|
142
|
+
label,
|
|
143
|
+
itemId,
|
|
144
|
+
id,
|
|
145
|
+
children
|
|
146
|
+
}) => {
|
|
147
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedTreeItem, {
|
|
148
|
+
slots: slots,
|
|
149
|
+
slotProps: slotProps,
|
|
150
|
+
label: label,
|
|
151
|
+
id: id,
|
|
152
|
+
itemId: itemId,
|
|
153
|
+
children: children?.map(renderItem)
|
|
154
|
+
}, itemId);
|
|
155
|
+
};
|
|
156
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.TreeViewProvider, {
|
|
157
|
+
value: contextValue,
|
|
158
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, (0, _extends2.default)({}, rootProps, {
|
|
159
|
+
children: [itemsToRender.map(renderItem), /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
|
|
160
|
+
packageName: "x-tree-view-pro",
|
|
161
|
+
releaseInfo: releaseInfo
|
|
162
|
+
})]
|
|
163
|
+
}))
|
|
164
|
+
});
|
|
165
|
+
});
|
|
166
|
+
process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
|
|
167
|
+
// ----------------------------- Warning --------------------------------
|
|
168
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
|
169
|
+
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
170
|
+
// ----------------------------------------------------------------------
|
|
171
|
+
/**
|
|
172
|
+
* The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.
|
|
173
|
+
*/
|
|
174
|
+
apiRef: _propTypes.default.shape({
|
|
175
|
+
current: _propTypes.default.shape({
|
|
176
|
+
focusItem: _propTypes.default.func.isRequired,
|
|
177
|
+
getItem: _propTypes.default.func.isRequired,
|
|
178
|
+
getItemDOMElement: _propTypes.default.func.isRequired,
|
|
179
|
+
getItemOrderedChildrenIds: _propTypes.default.func.isRequired,
|
|
180
|
+
getItemTree: _propTypes.default.func.isRequired,
|
|
181
|
+
selectItem: _propTypes.default.func.isRequired,
|
|
182
|
+
setItemExpansion: _propTypes.default.func.isRequired
|
|
183
|
+
})
|
|
184
|
+
}),
|
|
185
|
+
/**
|
|
186
|
+
* Used to determine if a given item can move to some new position.
|
|
187
|
+
* @param {object} params The params describing the item re-ordering.
|
|
188
|
+
* @param {string} params.itemId The id of the item to check.
|
|
189
|
+
* @param {TreeViewItemReorderPosition} params.oldPosition The old position of the item.
|
|
190
|
+
* @param {TreeViewItemReorderPosition} params.newPosition The new position of the item.
|
|
191
|
+
* @returns {boolean} `true` if the item can move to the new position.
|
|
192
|
+
*/
|
|
193
|
+
canMoveItemToNewPosition: _propTypes.default.func,
|
|
194
|
+
/**
|
|
195
|
+
* If `true`, the tree view renders a checkbox at the left of its label that allows selecting it.
|
|
196
|
+
* @default false
|
|
197
|
+
*/
|
|
198
|
+
checkboxSelection: _propTypes.default.bool,
|
|
199
|
+
/**
|
|
200
|
+
* Override or extend the styles applied to the component.
|
|
201
|
+
*/
|
|
202
|
+
classes: _propTypes.default.object,
|
|
203
|
+
className: _propTypes.default.string,
|
|
204
|
+
/**
|
|
205
|
+
* Expanded item ids.
|
|
206
|
+
* Used when the item's expansion is not controlled.
|
|
207
|
+
* @default []
|
|
208
|
+
*/
|
|
209
|
+
defaultExpandedItems: _propTypes.default.arrayOf(_propTypes.default.string),
|
|
210
|
+
/**
|
|
211
|
+
* Selected item ids. (Uncontrolled)
|
|
212
|
+
* When `multiSelect` is true this takes an array of strings; when false (default) a string.
|
|
213
|
+
* @default []
|
|
214
|
+
*/
|
|
215
|
+
defaultSelectedItems: _propTypes.default.any,
|
|
216
|
+
/**
|
|
217
|
+
* If `true`, will allow focus on disabled items.
|
|
218
|
+
* @default false
|
|
219
|
+
*/
|
|
220
|
+
disabledItemsFocusable: _propTypes.default.bool,
|
|
221
|
+
/**
|
|
222
|
+
* If `true` selection is disabled.
|
|
223
|
+
* @default false
|
|
224
|
+
*/
|
|
225
|
+
disableSelection: _propTypes.default.bool,
|
|
226
|
+
/**
|
|
227
|
+
* Expanded item ids.
|
|
228
|
+
* Used when the item's expansion is controlled.
|
|
229
|
+
*/
|
|
230
|
+
expandedItems: _propTypes.default.arrayOf(_propTypes.default.string),
|
|
231
|
+
/**
|
|
232
|
+
* The slot that triggers the item's expansion when clicked.
|
|
233
|
+
* @default 'content'
|
|
234
|
+
*/
|
|
235
|
+
expansionTrigger: _propTypes.default.oneOf(['content', 'iconContainer']),
|
|
236
|
+
/**
|
|
237
|
+
* Unstable features, breaking changes might be introduced.
|
|
238
|
+
* For each feature, if the flag is not explicitly set to `true`,
|
|
239
|
+
* the feature will be fully disabled and any property / method call will not have any effect.
|
|
240
|
+
*/
|
|
241
|
+
experimentalFeatures: _propTypes.default.shape({
|
|
242
|
+
indentationAtItemLevel: _propTypes.default.bool,
|
|
243
|
+
itemsReordering: _propTypes.default.bool
|
|
244
|
+
}),
|
|
245
|
+
/**
|
|
246
|
+
* Used to determine the id of a given item.
|
|
247
|
+
*
|
|
248
|
+
* @template R
|
|
249
|
+
* @param {R} item The item to check.
|
|
250
|
+
* @returns {string} The id of the item.
|
|
251
|
+
* @default (item) => item.id
|
|
252
|
+
*/
|
|
253
|
+
getItemId: _propTypes.default.func,
|
|
254
|
+
/**
|
|
255
|
+
* Used to determine the string label for a given item.
|
|
256
|
+
*
|
|
257
|
+
* @template R
|
|
258
|
+
* @param {R} item The item to check.
|
|
259
|
+
* @returns {string} The label of the item.
|
|
260
|
+
* @default (item) => item.label
|
|
261
|
+
*/
|
|
262
|
+
getItemLabel: _propTypes.default.func,
|
|
263
|
+
/**
|
|
264
|
+
* This prop is used to help implement the accessibility logic.
|
|
265
|
+
* If you don't provide this prop. It falls back to a randomly generated id.
|
|
266
|
+
*/
|
|
267
|
+
id: _propTypes.default.string,
|
|
268
|
+
/**
|
|
269
|
+
* Used to determine if a given item should be disabled.
|
|
270
|
+
* @template R
|
|
271
|
+
* @param {R} item The item to check.
|
|
272
|
+
* @returns {boolean} `true` if the item should be disabled.
|
|
273
|
+
*/
|
|
274
|
+
isItemDisabled: _propTypes.default.func,
|
|
275
|
+
/**
|
|
276
|
+
* Used to determine if a given item can be reordered.
|
|
277
|
+
* @param {string} itemId The id of the item to check.
|
|
278
|
+
* @returns {boolean} `true` if the item can be reordered.
|
|
279
|
+
* @default () => true
|
|
280
|
+
*/
|
|
281
|
+
isItemReorderable: _propTypes.default.func,
|
|
282
|
+
/**
|
|
283
|
+
* Horizontal indentation between an item and its children.
|
|
284
|
+
* Examples: 24, "24px", "2rem", "2em".
|
|
285
|
+
* @default 12px
|
|
286
|
+
*/
|
|
287
|
+
itemChildrenIndentation: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
288
|
+
items: _propTypes.default.array.isRequired,
|
|
289
|
+
/**
|
|
290
|
+
* If `true`, the reordering of items is enabled.
|
|
291
|
+
* Make sure to also enable the `itemsReordering` experimental feature:
|
|
292
|
+
* `<RichTreeViewPro experimentalFeatures={{ itemsReordering: true }} itemsReordering />`.
|
|
293
|
+
* @default false
|
|
294
|
+
*/
|
|
295
|
+
itemsReordering: _propTypes.default.bool,
|
|
296
|
+
/**
|
|
297
|
+
* If `true`, `ctrl` and `shift` will trigger multiselect.
|
|
298
|
+
* @default false
|
|
299
|
+
*/
|
|
300
|
+
multiSelect: _propTypes.default.bool,
|
|
301
|
+
/**
|
|
302
|
+
* Callback fired when tree items are expanded/collapsed.
|
|
303
|
+
* @param {React.SyntheticEvent} event The DOM event that triggered the change.
|
|
304
|
+
* @param {array} itemIds The ids of the expanded items.
|
|
305
|
+
*/
|
|
306
|
+
onExpandedItemsChange: _propTypes.default.func,
|
|
307
|
+
/**
|
|
308
|
+
* Callback fired when the `content` slot of a given tree item is clicked.
|
|
309
|
+
* @param {React.MouseEvent} event The DOM event that triggered the change.
|
|
310
|
+
* @param {string} itemId The id of the focused item.
|
|
311
|
+
*/
|
|
312
|
+
onItemClick: _propTypes.default.func,
|
|
313
|
+
/**
|
|
314
|
+
* Callback fired when a tree item is expanded or collapsed.
|
|
315
|
+
* @param {React.SyntheticEvent} event The DOM event that triggered the change.
|
|
316
|
+
* @param {array} itemId The itemId of the modified item.
|
|
317
|
+
* @param {array} isExpanded `true` if the item has just been expanded, `false` if it has just been collapsed.
|
|
318
|
+
*/
|
|
319
|
+
onItemExpansionToggle: _propTypes.default.func,
|
|
320
|
+
/**
|
|
321
|
+
* Callback fired when a given tree item is focused.
|
|
322
|
+
* @param {React.SyntheticEvent | null} event The DOM event that triggered the change. **Warning**: This is a generic event not a focus event.
|
|
323
|
+
* @param {string} itemId The id of the focused item.
|
|
324
|
+
*/
|
|
325
|
+
onItemFocus: _propTypes.default.func,
|
|
326
|
+
/**
|
|
327
|
+
* Callback fired when a tree item is moved in the tree.
|
|
328
|
+
* @param {object} params The params describing the item re-ordering.
|
|
329
|
+
* @param {string} params.itemId The id of the item moved.
|
|
330
|
+
* @param {TreeViewItemReorderPosition} params.oldPosition The old position of the item.
|
|
331
|
+
* @param {TreeViewItemReorderPosition} params.newPosition The new position of the item.
|
|
332
|
+
*/
|
|
333
|
+
onItemPositionChange: _propTypes.default.func,
|
|
334
|
+
/**
|
|
335
|
+
* Callback fired when a tree item is selected or deselected.
|
|
336
|
+
* @param {React.SyntheticEvent} event The DOM event that triggered the change.
|
|
337
|
+
* @param {array} itemId The itemId of the modified item.
|
|
338
|
+
* @param {array} isSelected `true` if the item has just been selected, `false` if it has just been deselected.
|
|
339
|
+
*/
|
|
340
|
+
onItemSelectionToggle: _propTypes.default.func,
|
|
341
|
+
/**
|
|
342
|
+
* Callback fired when tree items are selected/deselected.
|
|
343
|
+
* @param {React.SyntheticEvent} event The DOM event that triggered the change.
|
|
344
|
+
* @param {string[] | string} itemIds The ids of the selected items.
|
|
345
|
+
* When `multiSelect` is `true`, this is an array of strings; when false (default) a string.
|
|
346
|
+
*/
|
|
347
|
+
onSelectedItemsChange: _propTypes.default.func,
|
|
348
|
+
/**
|
|
349
|
+
* Selected item ids. (Controlled)
|
|
350
|
+
* When `multiSelect` is true this takes an array of strings; when false (default) a string.
|
|
351
|
+
*/
|
|
352
|
+
selectedItems: _propTypes.default.any,
|
|
353
|
+
/**
|
|
354
|
+
* The props used for each component slot.
|
|
355
|
+
* @default {}
|
|
356
|
+
*/
|
|
357
|
+
slotProps: _propTypes.default.object,
|
|
358
|
+
/**
|
|
359
|
+
* Overridable component slots.
|
|
360
|
+
* @default {}
|
|
361
|
+
*/
|
|
362
|
+
slots: _propTypes.default.object,
|
|
363
|
+
/**
|
|
364
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
365
|
+
*/
|
|
366
|
+
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])
|
|
367
|
+
} : void 0;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.RICH_TREE_VIEW_PRO_PLUGINS = void 0;
|
|
7
|
+
var _internals = require("@mui/x-tree-view/internals");
|
|
8
|
+
var _useTreeViewItemsReordering = require("../internals/plugins/useTreeViewItemsReordering");
|
|
9
|
+
const RICH_TREE_VIEW_PRO_PLUGINS = exports.RICH_TREE_VIEW_PRO_PLUGINS = [_internals.useTreeViewItems, _internals.useTreeViewExpansion, _internals.useTreeViewSelection, _internals.useTreeViewFocus, _internals.useTreeViewKeyboardNavigation, _internals.useTreeViewIcons, _useTreeViewItemsReordering.useTreeViewItemsReordering];
|
|
10
|
+
|
|
11
|
+
// We can't infer this type from the plugin, otherwise we would lose the generics.
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _RichTreeViewPro = require("./RichTreeViewPro");
|
|
7
|
+
Object.keys(_RichTreeViewPro).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _RichTreeViewPro[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _RichTreeViewPro[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
var _richTreeViewProClasses = require("./richTreeViewProClasses");
|
|
18
|
+
Object.keys(_richTreeViewProClasses).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _richTreeViewProClasses[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _richTreeViewProClasses[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.getRichTreeViewProUtilityClass = getRichTreeViewProUtilityClass;
|
|
8
|
+
exports.richTreeViewProClasses = void 0;
|
|
9
|
+
var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
|
|
10
|
+
var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
|
|
11
|
+
function getRichTreeViewProUtilityClass(slot) {
|
|
12
|
+
return (0, _generateUtilityClass.default)('MuiRichTreeViewPro', slot);
|
|
13
|
+
}
|
|
14
|
+
const richTreeViewProClasses = exports.richTreeViewProClasses = (0, _generateUtilityClasses.default)('MuiRichTreeViewPro', ['root']);
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @mui/x-tree-view-pro v7.12.0
|
|
3
|
+
*
|
|
4
|
+
* @license MUI X Commercial
|
|
5
|
+
* This source code is licensed under the commercial license found in the
|
|
6
|
+
* LICENSE file in the root directory of this source tree.
|
|
7
|
+
*/
|
|
8
|
+
"use strict";
|
|
9
|
+
|
|
10
|
+
Object.defineProperty(exports, "__esModule", {
|
|
11
|
+
value: true
|
|
12
|
+
});
|
|
13
|
+
var _exportNames = {
|
|
14
|
+
unstable_resetCleanupTracking: true
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "unstable_resetCleanupTracking", {
|
|
17
|
+
enumerable: true,
|
|
18
|
+
get: function () {
|
|
19
|
+
return _internals.unstable_resetCleanupTracking;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
var _TreeView = require("@mui/x-tree-view/TreeView");
|
|
23
|
+
Object.keys(_TreeView).forEach(function (key) {
|
|
24
|
+
if (key === "default" || key === "__esModule") return;
|
|
25
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
26
|
+
if (key in exports && exports[key] === _TreeView[key]) return;
|
|
27
|
+
Object.defineProperty(exports, key, {
|
|
28
|
+
enumerable: true,
|
|
29
|
+
get: function () {
|
|
30
|
+
return _TreeView[key];
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
});
|
|
34
|
+
var _SimpleTreeView = require("@mui/x-tree-view/SimpleTreeView");
|
|
35
|
+
Object.keys(_SimpleTreeView).forEach(function (key) {
|
|
36
|
+
if (key === "default" || key === "__esModule") return;
|
|
37
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
38
|
+
if (key in exports && exports[key] === _SimpleTreeView[key]) return;
|
|
39
|
+
Object.defineProperty(exports, key, {
|
|
40
|
+
enumerable: true,
|
|
41
|
+
get: function () {
|
|
42
|
+
return _SimpleTreeView[key];
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
var _RichTreeViewPro = require("./RichTreeViewPro");
|
|
47
|
+
Object.keys(_RichTreeViewPro).forEach(function (key) {
|
|
48
|
+
if (key === "default" || key === "__esModule") return;
|
|
49
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
50
|
+
if (key in exports && exports[key] === _RichTreeViewPro[key]) return;
|
|
51
|
+
Object.defineProperty(exports, key, {
|
|
52
|
+
enumerable: true,
|
|
53
|
+
get: function () {
|
|
54
|
+
return _RichTreeViewPro[key];
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
var _TreeItem = require("@mui/x-tree-view/TreeItem");
|
|
59
|
+
Object.keys(_TreeItem).forEach(function (key) {
|
|
60
|
+
if (key === "default" || key === "__esModule") return;
|
|
61
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
62
|
+
if (key in exports && exports[key] === _TreeItem[key]) return;
|
|
63
|
+
Object.defineProperty(exports, key, {
|
|
64
|
+
enumerable: true,
|
|
65
|
+
get: function () {
|
|
66
|
+
return _TreeItem[key];
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
});
|
|
70
|
+
var _TreeItem2 = require("@mui/x-tree-view/TreeItem2");
|
|
71
|
+
Object.keys(_TreeItem2).forEach(function (key) {
|
|
72
|
+
if (key === "default" || key === "__esModule") return;
|
|
73
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
74
|
+
if (key in exports && exports[key] === _TreeItem2[key]) return;
|
|
75
|
+
Object.defineProperty(exports, key, {
|
|
76
|
+
enumerable: true,
|
|
77
|
+
get: function () {
|
|
78
|
+
return _TreeItem2[key];
|
|
79
|
+
}
|
|
80
|
+
});
|
|
81
|
+
});
|
|
82
|
+
var _useTreeItem = require("@mui/x-tree-view/useTreeItem2");
|
|
83
|
+
Object.keys(_useTreeItem).forEach(function (key) {
|
|
84
|
+
if (key === "default" || key === "__esModule") return;
|
|
85
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
86
|
+
if (key in exports && exports[key] === _useTreeItem[key]) return;
|
|
87
|
+
Object.defineProperty(exports, key, {
|
|
88
|
+
enumerable: true,
|
|
89
|
+
get: function () {
|
|
90
|
+
return _useTreeItem[key];
|
|
91
|
+
}
|
|
92
|
+
});
|
|
93
|
+
});
|
|
94
|
+
var _TreeItem2Icon = require("@mui/x-tree-view/TreeItem2Icon");
|
|
95
|
+
Object.keys(_TreeItem2Icon).forEach(function (key) {
|
|
96
|
+
if (key === "default" || key === "__esModule") return;
|
|
97
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
98
|
+
if (key in exports && exports[key] === _TreeItem2Icon[key]) return;
|
|
99
|
+
Object.defineProperty(exports, key, {
|
|
100
|
+
enumerable: true,
|
|
101
|
+
get: function () {
|
|
102
|
+
return _TreeItem2Icon[key];
|
|
103
|
+
}
|
|
104
|
+
});
|
|
105
|
+
});
|
|
106
|
+
var _TreeItem2Provider = require("@mui/x-tree-view/TreeItem2Provider");
|
|
107
|
+
Object.keys(_TreeItem2Provider).forEach(function (key) {
|
|
108
|
+
if (key === "default" || key === "__esModule") return;
|
|
109
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
110
|
+
if (key in exports && exports[key] === _TreeItem2Provider[key]) return;
|
|
111
|
+
Object.defineProperty(exports, key, {
|
|
112
|
+
enumerable: true,
|
|
113
|
+
get: function () {
|
|
114
|
+
return _TreeItem2Provider[key];
|
|
115
|
+
}
|
|
116
|
+
});
|
|
117
|
+
});
|
|
118
|
+
var _internals = require("@mui/x-tree-view/internals");
|
|
119
|
+
var _models = require("@mui/x-tree-view/models");
|
|
120
|
+
Object.keys(_models).forEach(function (key) {
|
|
121
|
+
if (key === "default" || key === "__esModule") return;
|
|
122
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
123
|
+
if (key in exports && exports[key] === _models[key]) return;
|
|
124
|
+
Object.defineProperty(exports, key, {
|
|
125
|
+
enumerable: true,
|
|
126
|
+
get: function () {
|
|
127
|
+
return _models[key];
|
|
128
|
+
}
|
|
129
|
+
});
|
|
130
|
+
});
|
|
131
|
+
var _icons = require("@mui/x-tree-view/icons");
|
|
132
|
+
Object.keys(_icons).forEach(function (key) {
|
|
133
|
+
if (key === "default" || key === "__esModule") return;
|
|
134
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
135
|
+
if (key in exports && exports[key] === _icons[key]) return;
|
|
136
|
+
Object.defineProperty(exports, key, {
|
|
137
|
+
enumerable: true,
|
|
138
|
+
get: function () {
|
|
139
|
+
return _icons[key];
|
|
140
|
+
}
|
|
141
|
+
});
|
|
142
|
+
});
|
|
143
|
+
var _hooks = require("@mui/x-tree-view/hooks");
|
|
144
|
+
Object.keys(_hooks).forEach(function (key) {
|
|
145
|
+
if (key === "default" || key === "__esModule") return;
|
|
146
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
147
|
+
if (key in exports && exports[key] === _hooks[key]) return;
|
|
148
|
+
Object.defineProperty(exports, key, {
|
|
149
|
+
enumerable: true,
|
|
150
|
+
get: function () {
|
|
151
|
+
return _hooks[key];
|
|
152
|
+
}
|
|
153
|
+
});
|
|
154
|
+
});
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "UseTreeViewItemsReorderingSignature", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _useTreeViewItemsReordering.UseTreeViewItemsReorderingSignature;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _useTreeViewItemsReordering = require("./plugins/useTreeViewItemsReordering");
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "useTreeViewItemsReordering", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _useTreeViewItemsReordering.useTreeViewItemsReordering;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _useTreeViewItemsReordering = require("./useTreeViewItemsReordering");
|