@mui/x-tree-view 7.0.0-alpha.7 → 7.0.0-alpha.9

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

@@ -32,7 +32,7 @@ const TreeViewRoot = (0, _styles.styled)(_SimpleTreeView.SimpleTreeViewRoot, {
 let warnedOnce = false;
 const warn = () => {
   if (!warnedOnce) {
-    console.warn(['MUI: The TreeView component was renamed SimpleTreeView.', 'The component with the old naming will be removed in the version v8.0.0.', '', "You should use `import { SimpleTreeView } from '@mui/x-tree-view'`", "or `import { SimpleTreeView } from '@mui/x-tree-view/TreeView'`"].join('\n'));
+    console.warn(['MUI X: The TreeView component was renamed SimpleTreeView.', 'The component with the old naming will be removed in the version v8.0.0.', '', "You should use `import { SimpleTreeView } from '@mui/x-tree-view'`", "or `import { SimpleTreeView } from '@mui/x-tree-view/TreeView'`"].join('\n'));
     warnedOnce = true;
   }
 };
@@ -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.

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.7
+ * @mui/x-tree-view v7.0.0-alpha.9
  *
  * @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/TreeViewProvider/useTreeViewContext.js

@@ -11,7 +11,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const useTreeViewContext = () => {
   const context = React.useContext(_TreeViewContext.TreeViewContext);
   if (context == null) {
-    throw new Error(['MUI: Could not find the Tree View context.', 'It looks like you rendered your component outside of a SimpleTreeView or RichTreeView parent component.', 'This can also happen if you are bundling multiple versions of the Tree View.'].join('\n'));
+    throw new Error(['MUI X: Could not find the Tree View context.', 'It looks like you rendered your component outside of a SimpleTreeView or RichTreeView parent component.', 'This can also happen if you are bundling multiple versions of the Tree View.'].join('\n'));
   }
   return context;
 };

package/node/internals/corePlugins/useTreeViewInstanceEvents/useTreeViewInstanceEvents.js

@@ -35,4 +35,5 @@ const useTreeViewInstanceEvents = ({
     $$subscribeEvent: subscribeEvent
   });
 };
-exports.useTreeViewInstanceEvents = useTreeViewInstanceEvents;
+exports.useTreeViewInstanceEvents = useTreeViewInstanceEvents;
+useTreeViewInstanceEvents.params = {};

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,11 +64,16 @@ const useTreeViewExpansion = ({
 exports.useTreeViewExpansion = useTreeViewExpansion;
 useTreeViewExpansion.models = {
   expandedNodes: {
-    controlledProp: 'expandedNodes',
-    defaultProp: 'defaultExpandedNodes'
+    getDefaultValue: params => params.defaultExpandedNodes
   }
 };
 const DEFAULT_EXPANDED_NODES = [];
 useTreeViewExpansion.getDefaultizedParams = params => (0, _extends2.default)({}, params, {
   defaultExpandedNodes: params.defaultExpandedNodes ?? DEFAULT_EXPANDED_NODES
-});
+});
+useTreeViewExpansion.params = {
+  expandedNodes: true,
+  defaultExpandedNodes: true,
+  onExpandedNodesChange: true,
+  onNodeExpansionToggle: true
+};

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

@@ -95,6 +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");

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTreeViewIcons = void 0;
+const useTreeViewIcons = ({
+  slots,
+  slotProps
+}) => {
+  return {
+    contextValue: {
+      icons: {
+        slots: {
+          collapseIcon: slots.collapseIcon,
+          expandIcon: slots.expandIcon,
+          endIcon: slots.endIcon
+        },
+        slotProps: {
+          collapseIcon: slotProps.collapseIcon,
+          expandIcon: slotProps.expandIcon,
+          endIcon: slotProps.endIcon
+        }
+      }
+    }
+  };
+};
+exports.useTreeViewIcons = useTreeViewIcons;
+useTreeViewIcons.params = {};

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/internals/plugins/useTreeViewId/useTreeViewId.js

@@ -25,4 +25,7 @@ const useTreeViewId = ({
     })
   };
 };
-exports.useTreeViewId = useTreeViewId;
+exports.useTreeViewId = useTreeViewId;
+useTreeViewId.params = {
+  id: true
+};

package/node/internals/plugins/useTreeViewJSXNodes/useTreeViewJSXNodes.js

@@ -120,4 +120,5 @@ const useTreeViewJSXNodesItemPlugin = ({
     })
   };
 };
-useTreeViewJSXNodes.itemPlugin = useTreeViewJSXNodesItemPlugin;
+useTreeViewJSXNodes.itemPlugin = useTreeViewJSXNodesItemPlugin;
+useTreeViewJSXNodes.params = {};