@mui/x-tree-view-pro 8.0.0-alpha.11 → 8.0.0-alpha.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (110) hide show
  1. package/CHANGELOG.md +460 -1
  2. package/RichTreeViewPro/RichTreeViewPro.d.ts +4 -4
  3. package/RichTreeViewPro/RichTreeViewPro.js +81 -75
  4. package/RichTreeViewPro/RichTreeViewPro.plugins.d.ts +2 -3
  5. package/RichTreeViewPro/RichTreeViewPro.plugins.js +9 -3
  6. package/RichTreeViewPro/RichTreeViewPro.types.d.ts +38 -38
  7. package/RichTreeViewPro/RichTreeViewPro.types.js +5 -1
  8. package/RichTreeViewPro/index.d.ts +3 -3
  9. package/RichTreeViewPro/index.js +27 -3
  10. package/RichTreeViewPro/richTreeViewProClasses.d.ts +3 -3
  11. package/RichTreeViewPro/richTreeViewProClasses.js +13 -5
  12. package/esm/RichTreeViewPro/RichTreeViewPro.d.ts +20 -0
  13. package/{node → esm}/RichTreeViewPro/RichTreeViewPro.js +75 -81
  14. package/esm/RichTreeViewPro/RichTreeViewPro.plugins.d.ts +7 -0
  15. package/esm/RichTreeViewPro/RichTreeViewPro.plugins.js +5 -0
  16. package/esm/RichTreeViewPro/RichTreeViewPro.types.d.ts +51 -0
  17. package/esm/RichTreeViewPro/RichTreeViewPro.types.js +1 -0
  18. package/esm/RichTreeViewPro/index.d.ts +3 -0
  19. package/esm/RichTreeViewPro/index.js +3 -0
  20. package/esm/RichTreeViewPro/richTreeViewProClasses.d.ts +7 -0
  21. package/esm/RichTreeViewPro/richTreeViewProClasses.js +6 -0
  22. package/esm/index.d.ts +12 -0
  23. package/esm/index.js +22 -0
  24. package/esm/internals/index.d.ts +1 -0
  25. package/esm/internals/index.js +1 -0
  26. package/esm/internals/plugins/useTreeViewItemsReordering/index.d.ts +2 -0
  27. package/esm/internals/plugins/useTreeViewItemsReordering/index.js +1 -0
  28. package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.d.ts +3 -0
  29. package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.d.ts +3 -0
  30. package/{node → esm}/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.js +10 -19
  31. package/{node → esm}/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +26 -35
  32. package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.d.ts +179 -0
  33. package/{node → esm}/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.js +4 -11
  34. package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.d.ts +132 -0
  35. package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.js +1 -0
  36. package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.d.ts +37 -0
  37. package/{node → esm}/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.js +21 -31
  38. package/esm/internals/utils/releaseInfo.d.ts +1 -0
  39. package/esm/internals/utils/releaseInfo.js +13 -0
  40. package/esm/internals/zero-styled/index.d.ts +3 -0
  41. package/esm/internals/zero-styled/index.js +7 -0
  42. package/esm/package.json +1 -0
  43. package/esm/themeAugmentation/components.d.ts +11 -0
  44. package/esm/themeAugmentation/index.d.ts +3 -0
  45. package/esm/themeAugmentation/index.js +0 -0
  46. package/esm/themeAugmentation/overrides.d.ts +12 -0
  47. package/esm/themeAugmentation/props.d.ts +10 -0
  48. package/index.d.ts +2 -2
  49. package/index.js +147 -15
  50. package/internals/index.d.ts +1 -1
  51. package/internals/index.js +12 -1
  52. package/internals/plugins/useTreeViewItemsReordering/index.d.ts +2 -2
  53. package/internals/plugins/useTreeViewItemsReordering/index.js +12 -1
  54. package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.d.ts +2 -2
  55. package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.d.ts +1 -1
  56. package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.js +19 -10
  57. package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +35 -26
  58. package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.d.ts +134 -134
  59. package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.js +11 -4
  60. package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.d.ts +108 -114
  61. package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.js +5 -1
  62. package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.d.ts +28 -15
  63. package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.js +31 -21
  64. package/internals/utils/releaseInfo.d.ts +1 -1
  65. package/internals/utils/releaseInfo.js +13 -5
  66. package/internals/zero-styled/index.d.ts +1 -1
  67. package/internals/zero-styled/index.js +14 -4
  68. package/modern/RichTreeViewPro/RichTreeViewPro.d.ts +20 -0
  69. package/modern/RichTreeViewPro/RichTreeViewPro.plugins.d.ts +7 -0
  70. package/modern/RichTreeViewPro/RichTreeViewPro.types.d.ts +51 -0
  71. package/modern/RichTreeViewPro/index.d.ts +3 -0
  72. package/modern/RichTreeViewPro/richTreeViewProClasses.d.ts +7 -0
  73. package/modern/index.d.ts +12 -0
  74. package/modern/index.js +1 -1
  75. package/modern/internals/index.d.ts +1 -0
  76. package/modern/internals/plugins/useTreeViewItemsReordering/index.d.ts +2 -0
  77. package/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.d.ts +3 -0
  78. package/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.d.ts +3 -0
  79. package/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.d.ts +179 -0
  80. package/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.d.ts +132 -0
  81. package/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.d.ts +37 -0
  82. package/modern/internals/utils/releaseInfo.d.ts +1 -0
  83. package/modern/internals/utils/releaseInfo.js +1 -1
  84. package/modern/internals/zero-styled/index.d.ts +3 -0
  85. package/modern/package.json +1 -0
  86. package/modern/themeAugmentation/components.d.ts +11 -0
  87. package/modern/themeAugmentation/index.d.ts +3 -0
  88. package/modern/themeAugmentation/overrides.d.ts +12 -0
  89. package/modern/themeAugmentation/props.d.ts +10 -0
  90. package/package.json +40 -10
  91. package/themeAugmentation/components.d.ts +1 -3
  92. package/themeAugmentation/index.d.ts +1 -1
  93. package/themeAugmentation/index.js +1 -0
  94. package/themeAugmentation/overrides.d.ts +2 -3
  95. package/themeAugmentation/props.d.ts +2 -4
  96. package/tsconfig.build.tsbuildinfo +1 -0
  97. package/RichTreeViewPro/package.json +0 -6
  98. package/internals/package.json +0 -6
  99. package/node/RichTreeViewPro/RichTreeViewPro.plugins.js +0 -11
  100. package/node/RichTreeViewPro/RichTreeViewPro.types.js +0 -5
  101. package/node/RichTreeViewPro/index.js +0 -27
  102. package/node/RichTreeViewPro/richTreeViewProClasses.js +0 -14
  103. package/node/index.js +0 -154
  104. package/node/internals/index.js +0 -12
  105. package/node/internals/plugins/useTreeViewItemsReordering/index.js +0 -12
  106. package/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.js +0 -5
  107. package/node/internals/utils/releaseInfo.js +0 -21
  108. package/node/internals/zero-styled/index.js +0 -17
  109. package/node/themeAugmentation/index.js +0 -1
  110. package/themeAugmentation/package.json +0 -6
@@ -1,26 +1,19 @@
1
- "use strict";
2
1
  'use client';
3
2
 
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.RichTreeViewProRoot = exports.RichTreeViewPro = 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 _xLicense = require("@mui/x-license");
15
- var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
16
- var _internals = require("@mui/x-tree-view/internals");
17
- var _warning = require("@mui/x-internals/warning");
18
- var _zeroStyled = require("../internals/zero-styled");
19
- var _richTreeViewProClasses = require("./richTreeViewProClasses");
20
- var _RichTreeViewPro = require("./RichTreeViewPro.plugins");
21
- var _releaseInfo = require("../internals/utils/releaseInfo");
22
- var _jsxRuntime = require("react/jsx-runtime");
23
- const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiRichTreeViewPro');
3
+ import _extends from "@babel/runtime/helpers/esm/extends";
4
+ import * as React from 'react';
5
+ import PropTypes from 'prop-types';
6
+ import composeClasses from '@mui/utils/composeClasses';
7
+ import { useLicenseVerifier, Watermark } from '@mui/x-license';
8
+ import useSlotProps from '@mui/utils/useSlotProps';
9
+ import { useTreeView, TreeViewProvider, RichTreeViewItems } from '@mui/x-tree-view/internals';
10
+ import { warnOnce } from '@mui/x-internals/warning';
11
+ import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
12
+ import { getRichTreeViewProUtilityClass } from "./richTreeViewProClasses.js";
13
+ import { RICH_TREE_VIEW_PRO_PLUGINS } from "./RichTreeViewPro.plugins.js";
14
+ import { getReleaseInfo } from "../internals/utils/releaseInfo.js";
15
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
16
+ const useThemeProps = createUseThemeProps('MuiRichTreeViewPro');
24
17
  const useUtilityClasses = ownerState => {
25
18
  const {
26
19
  classes
@@ -28,9 +21,9 @@ const useUtilityClasses = ownerState => {
28
21
  const slots = {
29
22
  root: ['root']
30
23
  };
31
- return (0, _composeClasses.default)(slots, _richTreeViewProClasses.getRichTreeViewProUtilityClass, classes);
24
+ return composeClasses(slots, getRichTreeViewProUtilityClass, classes);
32
25
  };
33
- const RichTreeViewProRoot = exports.RichTreeViewProRoot = (0, _zeroStyled.styled)('ul', {
26
+ export const RichTreeViewProRoot = styled('ul', {
34
27
  name: 'MuiRichTreeViewPro',
35
28
  slot: 'Root',
36
29
  overridesResolver: (props, styles) => styles.root
@@ -41,7 +34,7 @@ const RichTreeViewProRoot = exports.RichTreeViewProRoot = (0, _zeroStyled.styled
41
34
  outline: 0,
42
35
  position: 'relative'
43
36
  });
44
- const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
37
+ const releaseInfo = getReleaseInfo();
45
38
 
46
39
  /**
47
40
  *
@@ -53,22 +46,22 @@ const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
53
46
  *
54
47
  * - [RichTreeView API](https://mui.com/x/api/tree-view/rich-tree-view/)
55
48
  */
56
- const RichTreeViewPro = exports.RichTreeViewPro = /*#__PURE__*/React.forwardRef(function RichTreeViewPro(inProps, ref) {
49
+ const RichTreeViewPro = /*#__PURE__*/React.forwardRef(function RichTreeViewPro(inProps, ref) {
57
50
  const props = useThemeProps({
58
51
  props: inProps,
59
52
  name: 'MuiRichTreeViewPro'
60
53
  });
61
- (0, _xLicense.useLicenseVerifier)('x-tree-view-pro', releaseInfo);
54
+ useLicenseVerifier('x-tree-view-pro', releaseInfo);
62
55
  if (process.env.NODE_ENV !== 'production') {
63
56
  if (props.children != null) {
64
- (0, _warning.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/.']);
57
+ 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/.']);
65
58
  }
66
59
  }
67
60
  const {
68
61
  getRootProps,
69
62
  contextValue
70
- } = (0, _internals.useTreeView)({
71
- plugins: _RichTreeViewPro.RICH_TREE_VIEW_PRO_PLUGINS,
63
+ } = useTreeView({
64
+ plugins: RICH_TREE_VIEW_PRO_PLUGINS,
72
65
  rootRef: ref,
73
66
  props
74
67
  });
@@ -78,20 +71,20 @@ const RichTreeViewPro = exports.RichTreeViewPro = /*#__PURE__*/React.forwardRef(
78
71
  } = props;
79
72
  const classes = useUtilityClasses(props);
80
73
  const Root = slots?.root ?? RichTreeViewProRoot;
81
- const rootProps = (0, _useSlotProps.default)({
74
+ const rootProps = useSlotProps({
82
75
  elementType: Root,
83
76
  externalSlotProps: slotProps?.root,
84
77
  className: classes.root,
85
78
  getSlotProps: getRootProps,
86
79
  ownerState: props
87
80
  });
88
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.TreeViewProvider, {
81
+ return /*#__PURE__*/_jsx(TreeViewProvider, {
89
82
  value: contextValue,
90
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, (0, _extends2.default)({}, rootProps, {
91
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.RichTreeViewItems, {
83
+ children: /*#__PURE__*/_jsxs(Root, _extends({}, rootProps, {
84
+ children: [/*#__PURE__*/_jsx(RichTreeViewItems, {
92
85
  slots: slots,
93
86
  slotProps: slotProps
94
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
87
+ }), /*#__PURE__*/_jsx(Watermark, {
95
88
  packageName: "x-tree-view-pro",
96
89
  releaseInfo: releaseInfo
97
90
  })]
@@ -106,16 +99,16 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
106
99
  /**
107
100
  * The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.
108
101
  */
109
- apiRef: _propTypes.default.shape({
110
- current: _propTypes.default.shape({
111
- focusItem: _propTypes.default.func.isRequired,
112
- getItem: _propTypes.default.func.isRequired,
113
- getItemDOMElement: _propTypes.default.func.isRequired,
114
- getItemOrderedChildrenIds: _propTypes.default.func.isRequired,
115
- getItemTree: _propTypes.default.func.isRequired,
116
- selectItem: _propTypes.default.func.isRequired,
117
- setItemExpansion: _propTypes.default.func.isRequired,
118
- updateItemLabel: _propTypes.default.func.isRequired
102
+ apiRef: PropTypes.shape({
103
+ current: PropTypes.shape({
104
+ focusItem: PropTypes.func.isRequired,
105
+ getItem: PropTypes.func.isRequired,
106
+ getItemDOMElement: PropTypes.func.isRequired,
107
+ getItemOrderedChildrenIds: PropTypes.func.isRequired,
108
+ getItemTree: PropTypes.func.isRequired,
109
+ selectItem: PropTypes.func.isRequired,
110
+ setItemExpansion: PropTypes.func.isRequired,
111
+ updateItemLabel: PropTypes.func.isRequired
119
112
  })
120
113
  }),
121
114
  /**
@@ -126,55 +119,55 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
126
119
  * @param {TreeViewItemReorderPosition} params.newPosition The new position of the item.
127
120
  * @returns {boolean} `true` if the item can move to the new position.
128
121
  */
129
- canMoveItemToNewPosition: _propTypes.default.func,
122
+ canMoveItemToNewPosition: PropTypes.func,
130
123
  /**
131
124
  * If `true`, the Tree View renders a checkbox at the left of its label that allows selecting it.
132
125
  * @default false
133
126
  */
134
- checkboxSelection: _propTypes.default.bool,
127
+ checkboxSelection: PropTypes.bool,
135
128
  /**
136
129
  * Override or extend the styles applied to the component.
137
130
  */
138
- classes: _propTypes.default.object,
139
- className: _propTypes.default.string,
131
+ classes: PropTypes.object,
132
+ className: PropTypes.string,
140
133
  /**
141
134
  * Expanded item ids.
142
135
  * Used when the item's expansion is not controlled.
143
136
  * @default []
144
137
  */
145
- defaultExpandedItems: _propTypes.default.arrayOf(_propTypes.default.string),
138
+ defaultExpandedItems: PropTypes.arrayOf(PropTypes.string),
146
139
  /**
147
140
  * Selected item ids. (Uncontrolled)
148
141
  * When `multiSelect` is true this takes an array of strings; when false (default) a string.
149
142
  * @default []
150
143
  */
151
- defaultSelectedItems: _propTypes.default.any,
144
+ defaultSelectedItems: PropTypes.any,
152
145
  /**
153
146
  * If `true`, will allow focus on disabled items.
154
147
  * @default false
155
148
  */
156
- disabledItemsFocusable: _propTypes.default.bool,
149
+ disabledItemsFocusable: PropTypes.bool,
157
150
  /**
158
151
  * If `true` selection is disabled.
159
152
  * @default false
160
153
  */
161
- disableSelection: _propTypes.default.bool,
154
+ disableSelection: PropTypes.bool,
162
155
  /**
163
156
  * Expanded item ids.
164
157
  * Used when the item's expansion is controlled.
165
158
  */
166
- expandedItems: _propTypes.default.arrayOf(_propTypes.default.string),
159
+ expandedItems: PropTypes.arrayOf(PropTypes.string),
167
160
  /**
168
161
  * The slot that triggers the item's expansion when clicked.
169
162
  * @default 'content'
170
163
  */
171
- expansionTrigger: _propTypes.default.oneOf(['content', 'iconContainer']),
164
+ expansionTrigger: PropTypes.oneOf(['content', 'iconContainer']),
172
165
  /**
173
166
  * Unstable features, breaking changes might be introduced.
174
167
  * For each feature, if the flag is not explicitly set to `true`,
175
168
  * the feature will be fully disabled and any property / method call will not have any effect.
176
169
  */
177
- experimentalFeatures: _propTypes.default.object,
170
+ experimentalFeatures: PropTypes.object,
178
171
  /**
179
172
  * Used to determine the id of a given item.
180
173
  *
@@ -183,7 +176,7 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
183
176
  * @returns {string} The id of the item.
184
177
  * @default (item) => item.id
185
178
  */
186
- getItemId: _propTypes.default.func,
179
+ getItemId: PropTypes.func,
187
180
  /**
188
181
  * Used to determine the string label for a given item.
189
182
  *
@@ -192,19 +185,19 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
192
185
  * @returns {string} The label of the item.
193
186
  * @default (item) => item.label
194
187
  */
195
- getItemLabel: _propTypes.default.func,
188
+ getItemLabel: PropTypes.func,
196
189
  /**
197
190
  * This prop is used to help implement the accessibility logic.
198
191
  * If you don't provide this prop. It falls back to a randomly generated id.
199
192
  */
200
- id: _propTypes.default.string,
193
+ id: PropTypes.string,
201
194
  /**
202
195
  * Used to determine if a given item should be disabled.
203
196
  * @template R
204
197
  * @param {R} item The item to check.
205
198
  * @returns {boolean} `true` if the item should be disabled.
206
199
  */
207
- isItemDisabled: _propTypes.default.func,
200
+ isItemDisabled: PropTypes.func,
208
201
  /**
209
202
  * Determine if a given item can be edited.
210
203
  * @template R
@@ -212,62 +205,62 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
212
205
  * @returns {boolean} `true` if the item can be edited.
213
206
  * @default () => false
214
207
  */
215
- isItemEditable: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.bool]),
208
+ isItemEditable: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
216
209
  /**
217
210
  * Determine if a given item can be reordered.
218
211
  * @param {string} itemId The id of the item to check.
219
212
  * @returns {boolean} `true` if the item can be reordered.
220
213
  * @default () => true
221
214
  */
222
- isItemReorderable: _propTypes.default.func,
215
+ isItemReorderable: PropTypes.func,
223
216
  /**
224
217
  * Horizontal indentation between an item and its children.
225
218
  * Examples: 24, "24px", "2rem", "2em".
226
219
  * @default 12px
227
220
  */
228
- itemChildrenIndentation: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
229
- items: _propTypes.default.array.isRequired,
221
+ itemChildrenIndentation: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
222
+ items: PropTypes.array.isRequired,
230
223
  /**
231
224
  * If `true`, the reordering of items is enabled.
232
225
  * @default false
233
226
  */
234
- itemsReordering: _propTypes.default.bool,
227
+ itemsReordering: PropTypes.bool,
235
228
  /**
236
229
  * If `true`, `ctrl` and `shift` will trigger multiselect.
237
230
  * @default false
238
231
  */
239
- multiSelect: _propTypes.default.bool,
232
+ multiSelect: PropTypes.bool,
240
233
  /**
241
234
  * Callback fired when Tree Items are expanded/collapsed.
242
235
  * @param {React.SyntheticEvent} event The DOM event that triggered the change.
243
236
  * @param {array} itemIds The ids of the expanded items.
244
237
  */
245
- onExpandedItemsChange: _propTypes.default.func,
238
+ onExpandedItemsChange: PropTypes.func,
246
239
  /**
247
240
  * Callback fired when the `content` slot of a given Tree Item is clicked.
248
241
  * @param {React.MouseEvent} event The DOM event that triggered the change.
249
242
  * @param {string} itemId The id of the focused item.
250
243
  */
251
- onItemClick: _propTypes.default.func,
244
+ onItemClick: PropTypes.func,
252
245
  /**
253
246
  * Callback fired when a Tree Item is expanded or collapsed.
254
247
  * @param {React.SyntheticEvent} event The DOM event that triggered the change.
255
248
  * @param {array} itemId The itemId of the modified item.
256
249
  * @param {array} isExpanded `true` if the item has just been expanded, `false` if it has just been collapsed.
257
250
  */
258
- onItemExpansionToggle: _propTypes.default.func,
251
+ onItemExpansionToggle: PropTypes.func,
259
252
  /**
260
253
  * Callback fired when a given Tree Item is focused.
261
254
  * @param {React.SyntheticEvent | null} event The DOM event that triggered the change. **Warning**: This is a generic event not a focus event.
262
255
  * @param {string} itemId The id of the focused item.
263
256
  */
264
- onItemFocus: _propTypes.default.func,
257
+ onItemFocus: PropTypes.func,
265
258
  /**
266
259
  * Callback fired when the label of an item changes.
267
260
  * @param {TreeViewItemId} itemId The id of the item that was edited.
268
261
  * @param {string} newLabel The new label of the items.
269
262
  */
270
- onItemLabelChange: _propTypes.default.func,
263
+ onItemLabelChange: PropTypes.func,
271
264
  /**
272
265
  * Callback fired when a Tree Item is moved in the tree.
273
266
  * @param {object} params The params describing the item re-ordering.
@@ -275,26 +268,26 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
275
268
  * @param {TreeViewItemReorderPosition} params.oldPosition The old position of the item.
276
269
  * @param {TreeViewItemReorderPosition} params.newPosition The new position of the item.
277
270
  */
278
- onItemPositionChange: _propTypes.default.func,
271
+ onItemPositionChange: PropTypes.func,
279
272
  /**
280
273
  * Callback fired when a Tree Item is selected or deselected.
281
274
  * @param {React.SyntheticEvent} event The DOM event that triggered the change.
282
275
  * @param {array} itemId The itemId of the modified item.
283
276
  * @param {array} isSelected `true` if the item has just been selected, `false` if it has just been deselected.
284
277
  */
285
- onItemSelectionToggle: _propTypes.default.func,
278
+ onItemSelectionToggle: PropTypes.func,
286
279
  /**
287
280
  * Callback fired when Tree Items are selected/deselected.
288
281
  * @param {React.SyntheticEvent} event The DOM event that triggered the change.
289
282
  * @param {string[] | string} itemIds The ids of the selected items.
290
283
  * When `multiSelect` is `true`, this is an array of strings; when false (default) a string.
291
284
  */
292
- onSelectedItemsChange: _propTypes.default.func,
285
+ onSelectedItemsChange: PropTypes.func,
293
286
  /**
294
287
  * Selected item ids. (Controlled)
295
288
  * When `multiSelect` is true this takes an array of strings; when false (default) a string.
296
289
  */
297
- selectedItems: _propTypes.default.any,
290
+ selectedItems: PropTypes.any,
298
291
  /**
299
292
  * When `selectionPropagation.descendants` is set to `true`.
300
293
  *
@@ -311,22 +304,23 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
311
304
  *
312
305
  * @default { parents: false, descendants: false }
313
306
  */
314
- selectionPropagation: _propTypes.default.shape({
315
- descendants: _propTypes.default.bool,
316
- parents: _propTypes.default.bool
307
+ selectionPropagation: PropTypes.shape({
308
+ descendants: PropTypes.bool,
309
+ parents: PropTypes.bool
317
310
  }),
318
311
  /**
319
312
  * The props used for each component slot.
320
313
  * @default {}
321
314
  */
322
- slotProps: _propTypes.default.object,
315
+ slotProps: PropTypes.object,
323
316
  /**
324
317
  * Overridable component slots.
325
318
  * @default {}
326
319
  */
327
- slots: _propTypes.default.object,
320
+ slots: PropTypes.object,
328
321
  /**
329
322
  * The system prop that allows defining system overrides as well as additional CSS styles.
330
323
  */
331
- 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])
332
- } : void 0;
324
+ sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
325
+ } : void 0;
326
+ export { RichTreeViewPro };
@@ -0,0 +1,7 @@
1
+ import { UseTreeViewItemsParameters, UseTreeViewExpansionParameters, UseTreeViewSelectionParameters, UseTreeViewFocusParameters, UseTreeViewIconsParameters, ConvertPluginsIntoSignatures, MergeSignaturesProperty, TreeViewCorePluginParameters, UseTreeViewLabelParameters } from '@mui/x-tree-view/internals';
2
+ import { UseTreeViewItemsReorderingParameters } from "../internals/plugins/useTreeViewItemsReordering/index.js";
3
+ export declare const RICH_TREE_VIEW_PRO_PLUGINS: readonly [import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewItemsSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewExpansionSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewSelectionSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewFocusSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewKeyboardNavigationSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewIconsSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewLabelSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("../internals").UseTreeViewItemsReorderingSignature>];
4
+ export type RichTreeViewProPluginSignatures = ConvertPluginsIntoSignatures<typeof RICH_TREE_VIEW_PRO_PLUGINS>;
5
+ export type RichTreeViewProPluginSlots = MergeSignaturesProperty<RichTreeViewProPluginSignatures, 'slots'>;
6
+ export type RichTreeViewProPluginSlotProps = MergeSignaturesProperty<RichTreeViewProPluginSignatures, 'slotProps'>;
7
+ export interface RichTreeViewProPluginParameters<R extends {}, Multiple extends boolean | undefined> extends TreeViewCorePluginParameters, UseTreeViewItemsParameters<R>, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple>, UseTreeViewIconsParameters, UseTreeViewLabelParameters<R>, UseTreeViewItemsReorderingParameters {}
@@ -0,0 +1,5 @@
1
+ import { useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons, useTreeViewLabel } from '@mui/x-tree-view/internals';
2
+ import { useTreeViewItemsReordering } from "../internals/plugins/useTreeViewItemsReordering/index.js";
3
+ export const RICH_TREE_VIEW_PRO_PLUGINS = [useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons, useTreeViewLabel, useTreeViewItemsReordering];
4
+
5
+ // We can't infer this type from the plugin, otherwise we would lose the generics.
@@ -0,0 +1,51 @@
1
+ import * as React from 'react';
2
+ import { Theme } from '@mui/material/styles';
3
+ import { SxProps } from '@mui/system/styleFunctionSx';
4
+ import { SlotComponentProps } from '@mui/utils/types';
5
+ import { TreeViewPublicAPI, TreeViewExperimentalFeatures, RichTreeViewItemsSlots, RichTreeViewItemsSlotProps } from '@mui/x-tree-view/internals';
6
+ import { RichTreeViewProClasses } from "./richTreeViewProClasses.js";
7
+ import { RichTreeViewProPluginParameters, RichTreeViewProPluginSlotProps, RichTreeViewProPluginSlots, RichTreeViewProPluginSignatures } from "./RichTreeViewPro.plugins.js";
8
+ export interface RichTreeViewProSlots extends RichTreeViewProPluginSlots, RichTreeViewItemsSlots {
9
+ /**
10
+ * Element rendered at the root.
11
+ * @default RichTreeViewProRoot
12
+ */
13
+ root?: React.ElementType;
14
+ }
15
+ export interface RichTreeViewProSlotProps<R extends {}, Multiple extends boolean | undefined> extends RichTreeViewProPluginSlotProps, RichTreeViewItemsSlotProps {
16
+ root?: SlotComponentProps<'ul', {}, RichTreeViewProProps<R, Multiple>>;
17
+ }
18
+ export type RichTreeViewProApiRef = React.RefObject<TreeViewPublicAPI<RichTreeViewProPluginSignatures> | undefined>;
19
+ export interface RichTreeViewProPropsBase extends React.HTMLAttributes<HTMLUListElement> {
20
+ className?: string;
21
+ /**
22
+ * Override or extend the styles applied to the component.
23
+ */
24
+ classes?: Partial<RichTreeViewProClasses>;
25
+ /**
26
+ * The system prop that allows defining system overrides as well as additional CSS styles.
27
+ */
28
+ sx?: SxProps<Theme>;
29
+ }
30
+ export interface RichTreeViewProProps<R extends {}, Multiple extends boolean | undefined> extends RichTreeViewProPluginParameters<R, Multiple>, RichTreeViewProPropsBase {
31
+ /**
32
+ * Overridable component slots.
33
+ * @default {}
34
+ */
35
+ slots?: RichTreeViewProSlots;
36
+ /**
37
+ * The props used for each component slot.
38
+ * @default {}
39
+ */
40
+ slotProps?: RichTreeViewProSlotProps<R, Multiple>;
41
+ /**
42
+ * The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.
43
+ */
44
+ apiRef?: RichTreeViewProApiRef;
45
+ /**
46
+ * Unstable features, breaking changes might be introduced.
47
+ * For each feature, if the flag is not explicitly set to `true`,
48
+ * the feature will be fully disabled and any property / method call will not have any effect.
49
+ */
50
+ experimentalFeatures?: TreeViewExperimentalFeatures<RichTreeViewProPluginSignatures>;
51
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,3 @@
1
+ export * from "./RichTreeViewPro.js";
2
+ export * from "./richTreeViewProClasses.js";
3
+ export type { RichTreeViewProProps, RichTreeViewProPropsBase, RichTreeViewProSlots, RichTreeViewProSlotProps } from './RichTreeViewPro.types';
@@ -0,0 +1,3 @@
1
+ export * from "./RichTreeViewPro.js";
2
+ export * from "./richTreeViewProClasses.js";
3
+ export {};
@@ -0,0 +1,7 @@
1
+ export interface RichTreeViewProClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export type RichTreeViewProClassKey = keyof RichTreeViewProClasses;
6
+ export declare function getRichTreeViewProUtilityClass(slot: string): string;
7
+ export declare const richTreeViewProClasses: RichTreeViewProClasses;
@@ -0,0 +1,6 @@
1
+ import generateUtilityClass from '@mui/utils/generateUtilityClass';
2
+ import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
3
+ export function getRichTreeViewProUtilityClass(slot) {
4
+ return generateUtilityClass('MuiRichTreeViewPro', slot);
5
+ }
6
+ export const richTreeViewProClasses = generateUtilityClasses('MuiRichTreeViewPro', ['root']);
package/esm/index.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ export * from '@mui/x-tree-view/SimpleTreeView';
2
+ export * from "./RichTreeViewPro/index.js";
3
+ export * from '@mui/x-tree-view/TreeItem';
4
+ export * from '@mui/x-tree-view/useTreeItem';
5
+ export * from '@mui/x-tree-view/TreeItemIcon';
6
+ export * from '@mui/x-tree-view/TreeItemProvider';
7
+ export * from '@mui/x-tree-view/TreeItemDragAndDropOverlay';
8
+ export * from '@mui/x-tree-view/TreeItemLabelInput';
9
+ export { unstable_resetCleanupTracking } from '@mui/x-tree-view/internals';
10
+ export * from '@mui/x-tree-view/models';
11
+ export * from '@mui/x-tree-view/icons';
12
+ export * from '@mui/x-tree-view/hooks';
package/esm/index.js ADDED
@@ -0,0 +1,22 @@
1
+ /**
2
+ * @mui/x-tree-view-pro v8.0.0-alpha.13
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
+ // Tree View
9
+ export * from '@mui/x-tree-view/SimpleTreeView';
10
+ export * from "./RichTreeViewPro/index.js";
11
+
12
+ // Tree Item
13
+ export * from '@mui/x-tree-view/TreeItem';
14
+ export * from '@mui/x-tree-view/useTreeItem';
15
+ export * from '@mui/x-tree-view/TreeItemIcon';
16
+ export * from '@mui/x-tree-view/TreeItemProvider';
17
+ export * from '@mui/x-tree-view/TreeItemDragAndDropOverlay';
18
+ export * from '@mui/x-tree-view/TreeItemLabelInput';
19
+ export { unstable_resetCleanupTracking } from '@mui/x-tree-view/internals';
20
+ export * from '@mui/x-tree-view/models';
21
+ export * from '@mui/x-tree-view/icons';
22
+ export * from '@mui/x-tree-view/hooks';
@@ -0,0 +1 @@
1
+ export { UseTreeViewItemsReorderingSignature } from "./plugins/useTreeViewItemsReordering/index.js";
@@ -0,0 +1 @@
1
+ export { UseTreeViewItemsReorderingSignature } from "./plugins/useTreeViewItemsReordering/index.js";
@@ -0,0 +1,2 @@
1
+ export { useTreeViewItemsReordering } from "./useTreeViewItemsReordering.js";
2
+ export type { UseTreeViewItemsReorderingSignature, UseTreeViewItemsReorderingParameters, UseTreeViewItemsReorderingDefaultizedParameters, TreeViewItemReorderPosition } from './useTreeViewItemsReordering.types';
@@ -0,0 +1 @@
1
+ export { useTreeViewItemsReordering } from "./useTreeViewItemsReordering.js";
@@ -0,0 +1,3 @@
1
+ import { TreeViewPlugin } from '@mui/x-tree-view/internals';
2
+ import { UseTreeViewItemsReorderingSignature } from "./useTreeViewItemsReordering.types.js";
3
+ export declare const useTreeViewItemsReordering: TreeViewPlugin<UseTreeViewItemsReorderingSignature>;
@@ -0,0 +1,3 @@
1
+ import { TreeViewItemPlugin } from '@mui/x-tree-view/internals';
2
+ export declare const isAndroid: () => boolean;
3
+ export declare const useTreeViewItemsReorderingItemPlugin: TreeViewItemPlugin;
@@ -1,29 +1,21 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.useTreeViewItemsReorderingItemPlugin = exports.isAndroid = void 0;
8
- var React = _interopRequireWildcard(require("react"));
9
- var _internals = require("@mui/x-tree-view/internals");
10
- var _useTreeViewItemsReordering = require("./useTreeViewItemsReordering.selectors");
11
- const isAndroid = () => navigator.userAgent.toLowerCase().includes('android');
12
- exports.isAndroid = isAndroid;
13
- const useTreeViewItemsReorderingItemPlugin = ({
1
+ import * as React from 'react';
2
+ import { useTreeViewContext, isTargetInDescendants, useSelector } from '@mui/x-tree-view/internals';
3
+ import { selectorItemsReorderingDraggedItemProperties, selectorItemsReorderingIsValidTarget } from "./useTreeViewItemsReordering.selectors.js";
4
+ export const isAndroid = () => navigator.userAgent.toLowerCase().includes('android');
5
+ export const useTreeViewItemsReorderingItemPlugin = ({
14
6
  props
15
7
  }) => {
16
8
  const {
17
9
  instance,
18
10
  store,
19
11
  itemsReordering
20
- } = (0, _internals.useTreeViewContext)();
12
+ } = useTreeViewContext();
21
13
  const {
22
14
  itemId
23
15
  } = props;
24
16
  const validActionsRef = React.useRef(null);
25
- const draggedItemProperties = (0, _internals.useSelector)(store, _useTreeViewItemsReordering.selectorItemsReorderingDraggedItemProperties, itemId);
26
- const isValidTarget = (0, _internals.useSelector)(store, _useTreeViewItemsReordering.selectorItemsReorderingIsValidTarget, itemId);
17
+ const draggedItemProperties = useSelector(store, selectorItemsReorderingDraggedItemProperties, itemId);
18
+ const isValidTarget = useSelector(store, selectorItemsReorderingIsValidTarget, itemId);
27
19
  return {
28
20
  propsEnhancers: {
29
21
  root: ({
@@ -42,7 +34,7 @@ const useTreeViewItemsReorderingItemPlugin = ({
42
34
 
43
35
  // We don't use `event.currentTarget` here.
44
36
  // This is to allow people to pass `onDragStart` to another element than the root.
45
- if ((0, _internals.isTargetInDescendants)(event.target, rootRefObject.current)) {
37
+ if (isTargetInDescendants(event.target, rootRefObject.current)) {
46
38
  return;
47
39
  }
48
40
 
@@ -131,5 +123,4 @@ const useTreeViewItemsReorderingItemPlugin = ({
131
123
  }
132
124
  }
133
125
  };
134
- };
135
- exports.useTreeViewItemsReorderingItemPlugin = useTreeViewItemsReorderingItemPlugin;
126
+ };