@mui/x-tree-view 7.0.0-alpha.8 → 7.0.0-beta.0

package/node/RichTreeView/RichTreeView.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RichTreeViewRoot = exports.RichTreeView = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -20,7 +19,6 @@ var _TreeItem = require("../TreeItem");
 var _warning = require("../internals/utils/warning");
 var _extractPluginParamsFromProps = require("../internals/utils/extractPluginParamsFromProps");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps"];
 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); }
 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 && Object.prototype.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; }
 const useUtilityClasses = ownerState => {
@@ -90,19 +88,16 @@ const RichTreeView = exports.RichTreeView = /*#__PURE__*/React.forwardRef(functi
       childrenWarning();
     }
   }
-  const _extractPluginParamsF = (0, _extractPluginParamsFromProps.extractPluginParamsFromProps)({
-      props,
-      plugins: _plugins.DEFAULT_TREE_VIEW_PLUGINS,
-      rootRef: ref
-    }),
-    {
-      pluginParams,
-      otherProps: {
-        slots,
-        slotProps
-      }
-    } = _extractPluginParamsF,
-    otherProps = (0, _objectWithoutPropertiesLoose2.default)(_extractPluginParamsF.otherProps, _excluded);
+  const {
+    pluginParams,
+    slots,
+    slotProps,
+    otherProps
+  } = (0, _extractPluginParamsFromProps.extractPluginParamsFromProps)({
+    props,
+    plugins: _plugins.DEFAULT_TREE_VIEW_PLUGINS,
+    rootRef: ref
+  });
   const {
     getRootProps,
     contextValue,
@@ -150,34 +145,13 @@ process.env.NODE_ENV !== "production" ? RichTreeView.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
-  /**
-   * className applied to the root element.
-   */
   className: _propTypes.default.string,
-  /**
-   * The default icon used to collapse the node.
-   */
-  defaultCollapseIcon: _propTypes.default.node,
-  /**
-   * The default icon displayed next to a end node. This is applied to all
-   * tree nodes and can be overridden by the TreeItem `icon` prop.
-   */
-  defaultEndIcon: _propTypes.default.node,
   /**
    * Expanded node ids.
    * Used when the item's expansion is not controlled.
    * @default []
    */
   defaultExpandedNodes: _propTypes.default.arrayOf(_propTypes.default.string),
-  /**
-   * The default icon used to expand the node.
-   */
-  defaultExpandIcon: _propTypes.default.node,
-  /**
-   * The default icon displayed next to a parent node. This is applied to all
-   * parent nodes and can be overridden by the TreeItem `icon` prop.
-   */
-  defaultParentIcon: _propTypes.default.node,
   /**
    * Selected node ids. (Uncontrolled)
    * When `multiSelect` is true this takes an array of strings; when false (default) a string.

package/node/SimpleTreeView/SimpleTreeView.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SimpleTreeViewRoot = exports.SimpleTreeView = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/material/styles");
@@ -19,7 +18,6 @@ var _SimpleTreeView = require("./SimpleTreeView.plugins");
 var _warning = require("../internals/utils/warning");
 var _extractPluginParamsFromProps = require("../internals/utils/extractPluginParamsFromProps");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps"];
 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); }
 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 && Object.prototype.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; }
 const useUtilityClasses = ownerState => {
@@ -65,20 +63,18 @@ const SimpleTreeView = exports.SimpleTreeView = /*#__PURE__*/React.forwardRef(fu
       itemsPropWarning();
     }
   }
-  const _extractPluginParamsF = (0, _extractPluginParamsFromProps.extractPluginParamsFromProps)({
-      props: (0, _extends2.default)({}, props, {
-        items: EMPTY_ITEMS
-      }),
-      plugins: _SimpleTreeView.SIMPLE_TREE_VIEW_PLUGINS,
-      rootRef: ref
+  const {
+    pluginParams,
+    slots,
+    slotProps,
+    otherProps
+  } = (0, _extractPluginParamsFromProps.extractPluginParamsFromProps)({
+    props: (0, _extends2.default)({}, props, {
+      items: EMPTY_ITEMS
     }),
-    {
-      pluginParams,
-      otherProps: {
-        slots
-      }
-    } = _extractPluginParamsF,
-    otherProps = (0, _objectWithoutPropertiesLoose2.default)(_extractPluginParamsF.otherProps, _excluded);
+    plugins: _SimpleTreeView.SIMPLE_TREE_VIEW_PLUGINS,
+    rootRef: ref
+  });
   const {
     getRootProps,
     contextValue
@@ -87,7 +83,7 @@ const SimpleTreeView = exports.SimpleTreeView = /*#__PURE__*/React.forwardRef(fu
   const Root = slots?.root ?? SimpleTreeViewRoot;
   const rootProps = (0, _utils.useSlotProps)({
     elementType: Root,
-    externalSlotProps: {},
+    externalSlotProps: slotProps?.root,
     externalForwardedProps: otherProps,
     className: classes.root,
     getSlotProps: getRootProps,
@@ -111,34 +107,13 @@ process.env.NODE_ENV !== "production" ? SimpleTreeView.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
-  /**
-   * className applied to the root element.
-   */
   className: _propTypes.default.string,
-  /**
-   * The default icon used to collapse the node.
-   */
-  defaultCollapseIcon: _propTypes.default.node,
-  /**
-   * The default icon displayed next to a end node. This is applied to all
-   * tree nodes and can be overridden by the TreeItem `icon` prop.
-   */
-  defaultEndIcon: _propTypes.default.node,
   /**
    * Expanded node ids.
    * Used when the item's expansion is not controlled.
    * @default []
    */
   defaultExpandedNodes: _propTypes.default.arrayOf(_propTypes.default.string),
-  /**
-   * The default icon used to expand the node.
-   */
-  defaultExpandIcon: _propTypes.default.node,
-  /**
-   * The default icon displayed next to a parent node. This is applied to all
-   * parent nodes and can be overridden by the TreeItem `icon` prop.
-   */
-  defaultParentIcon: _propTypes.default.node,
   /**
    * Selected node ids. (Uncontrolled)
    * When `multiSelect` is true this takes an array of strings; when false (default) a string.
@@ -160,24 +135,6 @@ process.env.NODE_ENV !== "production" ? SimpleTreeView.propTypes = {
    * Used when the item's expansion is controlled.
    */
   expandedNodes: _propTypes.default.arrayOf(_propTypes.default.string),
-  /**
-   * Used to determine the string label for a given item.
-   *
-   * @template R
-   * @param {R} item The item to check.
-   * @returns {string} The id of the item.
-   * @default `(item) => item.id`
-   */
-  getItemId: _propTypes.default.func,
-  /**
-   * Used to determine the string label for a given item.
-   *
-   * @template R
-   * @param {R} item The item to check.
-   * @returns {string} The label of the item.
-   * @default `(item) => item.label`
-   */
-  getItemLabel: _propTypes.default.func,
   /**
    * This prop is used to help implement the accessibility logic.
    * If you don't provide this prop. It falls back to a randomly generated id.

package/node/TreeItem/TreeItem.js

@@ -11,6 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
+var _utils = require("@mui/base/utils");
 var _styles = require("@mui/material/styles");
 var _unsupportedProp = _interopRequireDefault(require("@mui/utils/unsupportedProp"));
 var _elementTypeAcceptingRef = _interopRequireDefault(require("@mui/utils/elementTypeAcceptingRef"));
@@ -18,8 +19,12 @@ var _base = require("@mui/base");
 var _TreeItemContent = require("./TreeItemContent");
 var _treeItemClasses = require("./treeItemClasses");
 var _useTreeViewContext = require("../internals/TreeViewProvider/useTreeViewContext");
+var _icons = require("../icons");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "className", "collapseIcon", "ContentComponent", "ContentProps", "endIcon", "expandIcon", "icon", "nodeId", "id", "label", "onClick", "onMouseDown", "TransitionComponent", "TransitionProps"];
+const _excluded = ["children", "className", "slots", "slotProps", "ContentComponent", "ContentProps", "nodeId", "id", "label", "onClick", "onMouseDown", "TransitionComponent", "TransitionProps"],
+  _excluded2 = ["ownerState"],
+  _excluded3 = ["ownerState"],
+  _excluded4 = ["ownerState"];
 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); }
 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 && Object.prototype.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; }
 const useUtilityClasses = ownerState => {
@@ -141,7 +146,9 @@ const TreeItem = exports.TreeItem = /*#__PURE__*/React.forwardRef(function TreeI
   const {
     icons: contextIcons,
     runItemPlugins,
-    multiSelect,
+    selection: {
+      multiSelect
+    },
     disabledItemsFocusable,
     instance
   } = (0, _useTreeViewContext.useTreeViewContext)();
@@ -160,12 +167,10 @@ const TreeItem = exports.TreeItem = /*#__PURE__*/React.forwardRef(function TreeI
   const {
       children,
       className,
-      collapseIcon,
+      slots: inSlots,
+      slotProps: inSlotProps,
       ContentComponent = _TreeItemContent.TreeItemContent,
       ContentProps,
-      endIcon,
-      expandIcon,
-      icon,
       nodeId,
       id,
       label,
@@ -175,6 +180,12 @@ const TreeItem = exports.TreeItem = /*#__PURE__*/React.forwardRef(function TreeI
       TransitionProps
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const slots = {
+    expandIcon: inSlots?.expandIcon ?? contextIcons.slots.expandIcon ?? _icons.TreeViewExpandIcon,
+    collapseIcon: inSlots?.collapseIcon ?? contextIcons.slots.collapseIcon ?? _icons.TreeViewCollapseIcon,
+    endIcon: inSlots?.endIcon ?? contextIcons.slots.endIcon,
+    icon: inSlots?.icon
+  };
   const expandable = Boolean(Array.isArray(children) ? children.length : children);
   const expanded = instance.isNodeExpanded(nodeId);
   const focused = instance.isNodeFocused(nodeId);
@@ -187,20 +198,40 @@ const TreeItem = exports.TreeItem = /*#__PURE__*/React.forwardRef(function TreeI
     disabled
   });
   const classes = useUtilityClasses(ownerState);
-  let displayIcon;
-  let expansionIcon;
-  if (expandable) {
-    if (!expanded) {
-      expansionIcon = expandIcon || contextIcons.defaultExpandIcon;
-    } else {
-      expansionIcon = collapseIcon || contextIcons.defaultCollapseIcon;
-    }
-  }
-  if (expandable) {
-    displayIcon = contextIcons.defaultParentIcon;
-  } else {
-    displayIcon = endIcon || contextIcons.defaultEndIcon;
-  }
+  const ExpansionIcon = expanded ? slots.collapseIcon : slots.expandIcon;
+  const _useSlotProps = (0, _utils.useSlotProps)({
+      elementType: ExpansionIcon,
+      ownerState: {},
+      externalSlotProps: tempOwnerState => {
+        if (expanded) {
+          return (0, _extends2.default)({}, (0, _utils.resolveComponentProps)(contextIcons.slotProps.collapseIcon, tempOwnerState), (0, _utils.resolveComponentProps)(inSlotProps?.collapseIcon, tempOwnerState));
+        }
+        return (0, _extends2.default)({}, (0, _utils.resolveComponentProps)(contextIcons.slotProps.expandIcon, tempOwnerState), (0, _utils.resolveComponentProps)(inSlotProps?.expandIcon, tempOwnerState));
+      }
+    }),
+    expansionIconProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
+  const expansionIcon = expandable && !!ExpansionIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ExpansionIcon, (0, _extends2.default)({}, expansionIconProps)) : null;
+  const DisplayIcon = expandable ? undefined : slots.endIcon;
+  const _useSlotProps2 = (0, _utils.useSlotProps)({
+      elementType: DisplayIcon,
+      ownerState: {},
+      externalSlotProps: tempOwnerState => {
+        if (expandable) {
+          return {};
+        }
+        return (0, _extends2.default)({}, (0, _utils.resolveComponentProps)(contextIcons.slotProps.endIcon, tempOwnerState), (0, _utils.resolveComponentProps)(inSlotProps?.endIcon, tempOwnerState));
+      }
+    }),
+    displayIconProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps2, _excluded3);
+  const displayIcon = DisplayIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(DisplayIcon, (0, _extends2.default)({}, displayIconProps)) : null;
+  const Icon = slots.icon;
+  const _useSlotProps3 = (0, _utils.useSlotProps)({
+      elementType: Icon,
+      ownerState: {},
+      externalSlotProps: inSlotProps?.icon
+    }),
+    iconProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps3, _excluded4);
+  const icon = Icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, (0, _extends2.default)({}, iconProps)) : null;
   let ariaSelected;
   if (multiSelect) {
     ariaSelected = selected;
@@ -281,14 +312,7 @@ TreeItem.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
-  /**
-   * className applied to the root element.
-   */
   className: _propTypes.default.string,
-  /**
-   * The icon used to collapse the node.
-   */
-  collapseIcon: _propTypes.default.node,
   /**
    * The component used for the content node.
    * @default TreeItemContent
@@ -303,18 +327,6 @@ TreeItem.propTypes = {
    * @default false
    */
   disabled: _propTypes.default.bool,
-  /**
-   * The icon displayed next to an end node.
-   */
-  endIcon: _propTypes.default.node,
-  /**
-   * The icon used to expand the node.
-   */
-  expandIcon: _propTypes.default.node,
-  /**
-   * The icon to display next to the tree node's label.
-   */
-  icon: _propTypes.default.node,
   /**
    * The tree node label.
    */
@@ -328,6 +340,16 @@ TreeItem.propTypes = {
    * Use the `onNodeFocus` callback on the tree if you need to monitor a node's focus.
    */
   onFocus: _unsupportedProp.default,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: _propTypes.default.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: _propTypes.default.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/node/TreeItem/TreeItemContent.js

@@ -10,7 +10,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _useTreeItem = require("./useTreeItem");
+var _useTreeItemState = require("./useTreeItemState");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["classes", "className", "displayIcon", "expansionIcon", "icon", "label", "nodeId", "onClick", "onMouseDown"];
 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); }
@@ -39,7 +39,7 @@ const TreeItemContent = exports.TreeItemContent = /*#__PURE__*/React.forwardRef(
     handleExpansion,
     handleSelection,
     preventSelection
-  } = (0, _useTreeItem.useTreeItem)(nodeId);
+  } = (0, _useTreeItemState.useTreeItemState)(nodeId);
   const icon = iconProp || expansionIcon || displayIcon;
   const handleMouseDown = event => {
     preventSelection(event);
@@ -81,9 +81,6 @@ process.env.NODE_ENV !== "production" ? TreeItemContent.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object.isRequired,
-  /**
-   * className applied to the root element.
-   */
   className: _propTypes.default.string,
   /**
    * The icon to display next to the tree node's label. Either a parent or end icon.

package/node/TreeItem/index.js

@@ -32,15 +32,15 @@ Object.keys(_treeItemClasses).forEach(function (key) {
     }
   });
 });
-var _useTreeItem = require("./useTreeItem");
-Object.keys(_useTreeItem).forEach(function (key) {
+var _useTreeItemState = require("./useTreeItemState");
+Object.keys(_useTreeItemState).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useTreeItem[key]) return;
+  if (key in exports && exports[key] === _useTreeItemState[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _useTreeItem[key];
+      return _useTreeItemState[key];
     }
   });
 });

package/node/TreeItem/{useTreeItem.js → useTreeItemState.js}

@@ -3,12 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTreeItem = useTreeItem;
+exports.useTreeItemState = useTreeItemState;
 var _useTreeViewContext = require("../internals/TreeViewProvider/useTreeViewContext");
-function useTreeItem(nodeId) {
+function useTreeItemState(nodeId) {
   const {
     instance,
-    multiSelect
+    selection: {
+      multiSelect
+    }
   } = (0, _useTreeViewContext.useTreeViewContext)();
   const expandable = instance.isNodeExpandable(nodeId);
   const expanded = instance.isNodeExpanded(nodeId);

package/node/TreeView/TreeView.js

@@ -81,34 +81,13 @@ process.env.NODE_ENV !== "production" ? TreeView.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
-  /**
-   * className applied to the root element.
-   */
   className: _propTypes.default.string,
-  /**
-   * The default icon used to collapse the node.
-   */
-  defaultCollapseIcon: _propTypes.default.node,
-  /**
-   * The default icon displayed next to a end node. This is applied to all
-   * tree nodes and can be overridden by the TreeItem `icon` prop.
-   */
-  defaultEndIcon: _propTypes.default.node,
   /**
    * Expanded node ids.
    * Used when the item's expansion is not controlled.
    * @default []
    */
   defaultExpandedNodes: _propTypes.default.arrayOf(_propTypes.default.string),
-  /**
-   * The default icon used to expand the node.
-   */
-  defaultExpandIcon: _propTypes.default.node,
-  /**
-   * The default icon displayed next to a parent node. This is applied to all
-   * parent nodes and can be overridden by the TreeItem `icon` prop.
-   */
-  defaultParentIcon: _propTypes.default.node,
   /**
    * Selected node ids. (Uncontrolled)
    * When `multiSelect` is true this takes an array of strings; when false (default) a string.
@@ -130,24 +109,6 @@ process.env.NODE_ENV !== "production" ? TreeView.propTypes = {
    * Used when the item's expansion is controlled.
    */
   expandedNodes: _propTypes.default.arrayOf(_propTypes.default.string),
-  /**
-   * Used to determine the string label for a given item.
-   *
-   * @template R
-   * @param {R} item The item to check.
-   * @returns {string} The id of the item.
-   * @default `(item) => item.id`
-   */
-  getItemId: _propTypes.default.func,
-  /**
-   * Used to determine the string label for a given item.
-   *
-   * @template R
-   * @param {R} item The item to check.
-   * @returns {string} The label of the item.
-   * @default `(item) => item.label`
-   */
-  getItemLabel: _propTypes.default.func,
   /**
    * This prop is used to help implement the accessibility logic.
    * If you don't provide this prop. It falls back to a randomly generated id.

package/node/icons/icons.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TreeViewExpandIcon = exports.TreeViewCollapseIcon = void 0;
+var _utils = require("@mui/material/utils");
+var React = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+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); }
+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 && Object.prototype.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; }
+const TreeViewExpandIcon = exports.TreeViewExpandIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
+}), 'TreeViewExpandIcon');
+const TreeViewCollapseIcon = exports.TreeViewCollapseIcon = (0, _utils.createSvgIcon)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
+}), 'TreeViewCollapseIcon');

package/node/icons/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _icons = require("./icons");
+Object.keys(_icons).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _icons[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _icons[key];
+    }
+  });
+});

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v7.0.0-alpha.8
+ * @mui/x-tree-view v7.0.0-beta.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -79,4 +79,16 @@ Object.keys(_models).forEach(function (key) {
       return _models[key];
     }
   });
+});
+var _icons = require("./icons");
+Object.keys(_icons).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _icons[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _icons[key];
+    }
+  });
 });

package/node/internals/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DEFAULT_TREE_VIEW_PLUGINS", {
+  enumerable: true,
+  get: function () {
+    return _defaultPlugins.DEFAULT_TREE_VIEW_PLUGINS;
+  }
+});
+Object.defineProperty(exports, "TreeViewProvider", {
+  enumerable: true,
+  get: function () {
+    return _TreeViewProvider.TreeViewProvider;
+  }
+});
+Object.defineProperty(exports, "extractPluginParamsFromProps", {
+  enumerable: true,
+  get: function () {
+    return _extractPluginParamsFromProps.extractPluginParamsFromProps;
+  }
+});
+Object.defineProperty(exports, "useTreeView", {
+  enumerable: true,
+  get: function () {
+    return _useTreeView.useTreeView;
+  }
+});
+var _useTreeView = require("./useTreeView");
+var _TreeViewProvider = require("./TreeViewProvider");
+var _defaultPlugins = require("./plugins/defaultPlugins");
+var _extractPluginParamsFromProps = require("./utils/extractPluginParamsFromProps");

package/node/internals/plugins/defaultPlugins.js

@@ -10,7 +10,7 @@ var _useTreeViewExpansion = require("./useTreeViewExpansion");
 var _useTreeViewSelection = require("./useTreeViewSelection");
 var _useTreeViewFocus = require("./useTreeViewFocus");
 var _useTreeViewKeyboardNavigation = require("./useTreeViewKeyboardNavigation");
-var _useTreeViewContextValueBuilder = require("./useTreeViewContextValueBuilder");
-const DEFAULT_TREE_VIEW_PLUGINS = exports.DEFAULT_TREE_VIEW_PLUGINS = [_useTreeViewId.useTreeViewId, _useTreeViewNodes.useTreeViewNodes, _useTreeViewExpansion.useTreeViewExpansion, _useTreeViewSelection.useTreeViewSelection, _useTreeViewFocus.useTreeViewFocus, _useTreeViewKeyboardNavigation.useTreeViewKeyboardNavigation, _useTreeViewContextValueBuilder.useTreeViewContextValueBuilder];
+var _useTreeViewIcons = require("./useTreeViewIcons");
+const DEFAULT_TREE_VIEW_PLUGINS = exports.DEFAULT_TREE_VIEW_PLUGINS = [_useTreeViewId.useTreeViewId, _useTreeViewNodes.useTreeViewNodes, _useTreeViewExpansion.useTreeViewExpansion, _useTreeViewSelection.useTreeViewSelection, _useTreeViewFocus.useTreeViewFocus, _useTreeViewKeyboardNavigation.useTreeViewKeyboardNavigation, _useTreeViewIcons.useTreeViewIcons];
 
 // We can't infer this type from the plugin, otherwise we would lose the generics.

package/node/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.js

@@ -16,6 +16,10 @@ const useTreeViewExpansion = ({
   params,
   models
 }) => {
+  const setExpandedNodes = (event, value) => {
+    params.onExpandedNodesChange?.(event, value);
+    models.expandedNodes.setControlledValue(value);
+  };
   const isNodeExpanded = React.useCallback(nodeId => {
     return Array.isArray(models.expandedNodes.value) ? models.expandedNodes.value.indexOf(nodeId) !== -1 : false;
   }, [models.expandedNodes.value]);
@@ -34,10 +38,7 @@ const useTreeViewExpansion = ({
     if (params.onNodeExpansionToggle) {
       params.onNodeExpansionToggle(event, nodeId, !isExpandedBefore);
     }
-    if (params.onExpandedNodesChange) {
-      params.onExpandedNodesChange(event, newExpanded);
-    }
-    models.expandedNodes.setValue(newExpanded);
+    setExpandedNodes(event, newExpanded);
   });
   const expandAllSiblings = (event, nodeId) => {
     const node = instance.getNode(nodeId);
@@ -50,10 +51,7 @@ const useTreeViewExpansion = ({
           params.onNodeExpansionToggle(event, newlyExpandedNodeId, true);
         });
       }
-      if (params.onExpandedNodesChange) {
-        params.onExpandedNodesChange(event, newExpanded);
-      }
-      models.expandedNodes.setValue(newExpanded);
+      setExpandedNodes(event, newExpanded);
     }
   };
   (0, _useTreeView.populateInstance)(instance, {
@@ -66,8 +64,7 @@ const useTreeViewExpansion = ({
 exports.useTreeViewExpansion = useTreeViewExpansion;
 useTreeViewExpansion.models = {
   expandedNodes: {
-    controlledProp: 'expandedNodes',
-    defaultProp: 'defaultExpandedNodes'
+    getDefaultValue: params => params.defaultExpandedNodes
   }
 };
 const DEFAULT_EXPANDED_NODES = [];

package/node/internals/plugins/useTreeViewFocus/useTreeViewFocus.js

@@ -95,9 +95,6 @@ exports.useTreeViewFocus = useTreeViewFocus;
 useTreeViewFocus.getInitialState = () => ({
   focusedNodeId: null
 });
-useTreeViewFocus.getDefaultizedParams = params => (0, _extends2.default)({}, params, {
-  disabledItemsFocusable: params.disabledItemsFocusable ?? false
-});
 useTreeViewFocus.params = {
   onNodeFocus: true
 };

package/node/internals/plugins/useTreeViewIcons/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useTreeViewIcons", {
+  enumerable: true,
+  get: function () {
+    return _useTreeViewIcons.useTreeViewIcons;
+  }
+});
+var _useTreeViewIcons = require("./useTreeViewIcons");