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