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

package/README.md

@@ -15,7 +15,7 @@ This component has the following peer dependencies that you need to install as w
 
 ```json
 "peerDependencies": {
-  "@mui/material": "^5.15.14 || ^6.0.0",
+  "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0",
   "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
   "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
 },

package/RichTreeView/RichTreeView.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { RichTreeViewProps } from './RichTreeView.types';
-export declare const RichTreeViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, keyof React.ClassAttributes<HTMLUListElement> | keyof React.HTMLAttributes<HTMLUListElement>>, {}>;
+import { RichTreeViewProps } from "./RichTreeView.types.js";
+export declare const RichTreeViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, keyof React.HTMLAttributes<HTMLUListElement> | keyof React.ClassAttributes<HTMLUListElement>>, {}>;
 type RichTreeViewComponent = (<R extends {}, Multiple extends boolean | undefined = undefined>(props: RichTreeViewProps<R, Multiple> & React.RefAttributes<HTMLUListElement>) => React.JSX.Element) & {
-    propTypes?: any;
+  propTypes?: any;
 };
 /**
  *
@@ -15,4 +15,4 @@ type RichTreeViewComponent = (<R extends {}, Multiple extends boolean | undefine
  * - [RichTreeView API](https://mui.com/x/api/tree-view/rich-tree-view/)
  */
 declare const RichTreeView: RichTreeViewComponent;
-export { RichTreeView };
+export { RichTreeView };

package/RichTreeView/RichTreeView.js

@@ -1,19 +1,30 @@
+"use strict";
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import composeClasses from '@mui/utils/composeClasses';
-import useSlotProps from '@mui/utils/useSlotProps';
-import { warnOnce } from '@mui/x-internals/warning';
-import { getRichTreeViewUtilityClass } from "./richTreeViewClasses.js";
-import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
-import { useTreeView } from "../internals/useTreeView/index.js";
-import { TreeViewProvider } from "../internals/TreeViewProvider/index.js";
-import { RICH_TREE_VIEW_PLUGINS } from "./RichTreeView.plugins.js";
-import { RichTreeViewItems } from "../internals/components/RichTreeViewItems.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useThemeProps = createUseThemeProps('MuiRichTreeView');
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RichTreeViewRoot = exports.RichTreeView = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _warning = require("@mui/x-internals/warning");
+var _richTreeViewClasses = require("./richTreeViewClasses");
+var _zeroStyled = require("../internals/zero-styled");
+var _useTreeView = require("../internals/useTreeView");
+var _TreeViewProvider = require("../internals/TreeViewProvider");
+var _RichTreeView = require("./RichTreeView.plugins");
+var _RichTreeViewItems = require("../internals/components/RichTreeViewItems");
+var _useSelector = require("../internals/hooks/useSelector");
+var _useTreeViewItems = require("../internals/plugins/useTreeViewItems/useTreeViewItems.selectors");
+var _jsxRuntime = require("react/jsx-runtime");
+const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiRichTreeView');
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -21,9 +32,9 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return composeClasses(slots, getRichTreeViewUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _richTreeViewClasses.getRichTreeViewUtilityClass, classes);
 };
-export const RichTreeViewRoot = styled('ul', {
+const RichTreeViewRoot = exports.RichTreeViewRoot = (0, _zeroStyled.styled)('ul', {
   name: 'MuiRichTreeView',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -44,41 +55,54 @@ export const RichTreeViewRoot = styled('ul', {
  *
  * - [RichTreeView API](https://mui.com/x/api/tree-view/rich-tree-view/)
  */
-const RichTreeView = /*#__PURE__*/React.forwardRef(function RichTreeView(inProps, ref) {
+const RichTreeView = exports.RichTreeView = /*#__PURE__*/React.forwardRef(function RichTreeView(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiRichTreeView'
   });
   if (process.env.NODE_ENV !== 'production') {
     if (props.children != null) {
-      warnOnce(['MUI X: The Rich Tree View 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/.']);
+      (0, _warning.warnOnce)(['MUI X: The Rich Tree View 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/.']);
     }
   }
   const {
     getRootProps,
     contextValue
-  } = useTreeView({
-    plugins: RICH_TREE_VIEW_PLUGINS,
+  } = (0, _useTreeView.useTreeView)({
+    plugins: _RichTreeView.RICH_TREE_VIEW_PLUGINS,
     rootRef: ref,
     props
   });
+  const isLoading = (0, _useSelector.useSelector)(contextValue.store, _useTreeViewItems.selectorIsTreeViewLoading);
+  const treeViewError = (0, _useSelector.useSelector)(contextValue.store, _useTreeViewItems.selectorGetTreeViewError);
   const {
     slots,
     slotProps
   } = props;
   const classes = useUtilityClasses(props);
   const Root = slots?.root ?? RichTreeViewRoot;
-  const rootProps = useSlotProps({
+  const rootProps = (0, _useSlotProps.default)({
     elementType: Root,
     externalSlotProps: slotProps?.root,
     className: classes.root,
     getSlotProps: getRootProps,
     ownerState: props
   });
-  return /*#__PURE__*/_jsx(TreeViewProvider, {
+  if (isLoading) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      children: "Loading..."
+    });
+  }
+  if (treeViewError) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
+      severity: "error",
+      children: treeViewError.message
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TreeViewProvider.TreeViewProvider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(Root, _extends({}, rootProps, {
-      children: /*#__PURE__*/_jsx(RichTreeViewItems, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, (0, _extends2.default)({}, rootProps, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RichTreeViewItems.RichTreeViewItems, {
         slots: slots,
         slotProps: slotProps
       })
@@ -93,68 +117,68 @@ process.env.NODE_ENV !== "production" ? RichTreeView.propTypes = {
   /**
    * The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.
    */
-  apiRef: PropTypes.shape({
-    current: PropTypes.shape({
-      focusItem: PropTypes.func.isRequired,
-      getItem: PropTypes.func.isRequired,
-      getItemDOMElement: PropTypes.func.isRequired,
-      getItemOrderedChildrenIds: PropTypes.func.isRequired,
-      getItemTree: PropTypes.func.isRequired,
-      selectItem: PropTypes.func.isRequired,
-      setItemExpansion: PropTypes.func.isRequired,
-      updateItemLabel: PropTypes.func.isRequired
+  apiRef: _propTypes.default.shape({
+    current: _propTypes.default.shape({
+      focusItem: _propTypes.default.func.isRequired,
+      getItem: _propTypes.default.func.isRequired,
+      getItemDOMElement: _propTypes.default.func.isRequired,
+      getItemOrderedChildrenIds: _propTypes.default.func.isRequired,
+      getItemTree: _propTypes.default.func.isRequired,
+      getParentId: _propTypes.default.func.isRequired,
+      setIsItemDisabled: _propTypes.default.func.isRequired,
+      setItemExpansion: _propTypes.default.func.isRequired,
+      setItemSelection: _propTypes.default.func.isRequired,
+      updateItemLabel: _propTypes.default.func.isRequired
     })
   }),
   /**
    * If `true`, the Tree View renders a checkbox at the left of its label that allows selecting it.
    * @default false
    */
-  checkboxSelection: PropTypes.bool,
+  checkboxSelection: _propTypes.default.bool,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
-  className: PropTypes.string,
+  classes: _propTypes.default.object,
+  className: _propTypes.default.string,
   /**
    * Expanded item ids.
    * Used when the item's expansion is not controlled.
    * @default []
    */
-  defaultExpandedItems: PropTypes.arrayOf(PropTypes.string),
+  defaultExpandedItems: _propTypes.default.arrayOf(_propTypes.default.string),
   /**
    * Selected item ids. (Uncontrolled)
    * When `multiSelect` is true this takes an array of strings; when false (default) a string.
    * @default []
    */
-  defaultSelectedItems: PropTypes.any,
+  defaultSelectedItems: _propTypes.default.any,
   /**
    * If `true`, will allow focus on disabled items.
    * @default false
    */
-  disabledItemsFocusable: PropTypes.bool,
+  disabledItemsFocusable: _propTypes.default.bool,
   /**
    * If `true` selection is disabled.
    * @default false
    */
-  disableSelection: PropTypes.bool,
+  disableSelection: _propTypes.default.bool,
   /**
    * Expanded item ids.
    * Used when the item's expansion is controlled.
    */
-  expandedItems: PropTypes.arrayOf(PropTypes.string),
+  expandedItems: _propTypes.default.arrayOf(_propTypes.default.string),
   /**
    * The slot that triggers the item's expansion when clicked.
    * @default 'content'
    */
-  expansionTrigger: PropTypes.oneOf(['content', 'iconContainer']),
+  expansionTrigger: _propTypes.default.oneOf(['content', 'iconContainer']),
   /**
    * Unstable features, breaking changes might be introduced.
    * For each feature, if the flag is not explicitly set to `true`,
    * the feature will be fully disabled and any property / method call will not have any effect.
    */
-  experimentalFeatures: PropTypes.shape({
-    labelEditing: PropTypes.bool
-  }),
+  experimentalFeatures: _propTypes.default.object,
   /**
    * Used to determine the id of a given item.
    *
@@ -163,7 +187,7 @@ process.env.NODE_ENV !== "production" ? RichTreeView.propTypes = {
    * @returns {string} The id of the item.
    * @default (item) => item.id
    */
-  getItemId: PropTypes.func,
+  getItemId: _propTypes.default.func,
   /**
    * Used to determine the string label for a given item.
    *
@@ -172,91 +196,89 @@ process.env.NODE_ENV !== "production" ? RichTreeView.propTypes = {
    * @returns {string} The label of the item.
    * @default (item) => item.label
    */
-  getItemLabel: PropTypes.func,
+  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.
    */
-  id: PropTypes.string,
+  id: _propTypes.default.string,
   /**
    * Used to determine if a given item should be disabled.
    * @template R
    * @param {R} item The item to check.
    * @returns {boolean} `true` if the item should be disabled.
    */
-  isItemDisabled: PropTypes.func,
+  isItemDisabled: _propTypes.default.func,
   /**
-   * Determines if a given item is editable or not.
-   * Make sure to also enable the `labelEditing` experimental feature:
-   * `<RichTreeViewPro experimentalFeatures={{ labelEditing: true }}  />`.
-   * By default, the items are not editable.
+   * Determine if a given item can be edited.
    * @template R
    * @param {R} item The item to check.
-   * @returns {boolean} `true` if the item is editable.
+   * @returns {boolean} `true` if the item can be edited.
+   * @default () => false
    */
-  isItemEditable: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
+  isItemEditable: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.bool]),
   /**
    * Horizontal indentation between an item and its children.
    * Examples: 24, "24px", "2rem", "2em".
    * @default 12px
    */
-  itemChildrenIndentation: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  items: PropTypes.array.isRequired,
+  itemChildrenIndentation: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  items: _propTypes.default.array.isRequired,
   /**
    * If `true`, `ctrl` and `shift` will trigger multiselect.
    * @default false
    */
-  multiSelect: PropTypes.bool,
+  multiSelect: _propTypes.default.bool,
   /**
    * Callback fired when Tree Items are expanded/collapsed.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change.
+   * @param {React.SyntheticEvent} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemExpansion()` method.
    * @param {array} itemIds The ids of the expanded items.
    */
-  onExpandedItemsChange: PropTypes.func,
+  onExpandedItemsChange: _propTypes.default.func,
   /**
    * Callback fired when the `content` slot of a given Tree Item is clicked.
    * @param {React.MouseEvent} event The DOM event that triggered the change.
    * @param {string} itemId The id of the focused item.
    */
-  onItemClick: PropTypes.func,
+  onItemClick: _propTypes.default.func,
   /**
    * Callback fired when a Tree Item is expanded or collapsed.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change.
+   * @param {React.SyntheticEvent | null} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemExpansion()` method.
    * @param {array} itemId The itemId of the modified item.
    * @param {array} isExpanded `true` if the item has just been expanded, `false` if it has just been collapsed.
    */
-  onItemExpansionToggle: PropTypes.func,
+  onItemExpansionToggle: _propTypes.default.func,
   /**
    * Callback fired when a given Tree Item is focused.
    * @param {React.SyntheticEvent | null} event The DOM event that triggered the change. **Warning**: This is a generic event not a focus event.
    * @param {string} itemId The id of the focused item.
    */
-  onItemFocus: PropTypes.func,
+  onItemFocus: _propTypes.default.func,
   /**
    * Callback fired when the label of an item changes.
    * @param {TreeViewItemId} itemId The id of the item that was edited.
    * @param {string} newLabel The new label of the items.
    */
-  onItemLabelChange: PropTypes.func,
+  onItemLabelChange: _propTypes.default.func,
   /**
    * Callback fired when a Tree Item is selected or deselected.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change.
+   * @param {React.SyntheticEvent} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemSelection()` method.
    * @param {array} itemId The itemId of the modified item.
    * @param {array} isSelected `true` if the item has just been selected, `false` if it has just been deselected.
    */
-  onItemSelectionToggle: PropTypes.func,
+  onItemSelectionToggle: _propTypes.default.func,
   /**
    * Callback fired when Tree Items are selected/deselected.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change.
+   * @param {React.SyntheticEvent} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemSelection()` method.
    * @param {string[] | string} itemIds The ids of the selected items.
    * When `multiSelect` is `true`, this is an array of strings; when false (default) a string.
    */
-  onSelectedItemsChange: PropTypes.func,
+  onSelectedItemsChange: _propTypes.default.func,
   /**
    * Selected item ids. (Controlled)
    * When `multiSelect` is true this takes an array of strings; when false (default) a string.
    */
-  selectedItems: PropTypes.any,
+  selectedItems: _propTypes.default.any,
   /**
    * When `selectionPropagation.descendants` is set to `true`.
    *
@@ -273,23 +295,22 @@ process.env.NODE_ENV !== "production" ? RichTreeView.propTypes = {
    *
    * @default { parents: false, descendants: false }
    */
-  selectionPropagation: PropTypes.shape({
-    descendants: PropTypes.bool,
-    parents: PropTypes.bool
+  selectionPropagation: _propTypes.default.shape({
+    descendants: _propTypes.default.bool,
+    parents: _propTypes.default.bool
   }),
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: PropTypes.object,
+  slotProps: _propTypes.default.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: PropTypes.object,
+  slots: _propTypes.default.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { RichTreeView };
+  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])
+} : void 0;

package/RichTreeView/RichTreeView.plugins.d.ts

@@ -1,14 +1,13 @@
-import { TreeViewCorePluginParameters } from '../internals/corePlugins';
-import { UseTreeViewItemsParameters } from '../internals/plugins/useTreeViewItems';
-import { UseTreeViewExpansionParameters } from '../internals/plugins/useTreeViewExpansion';
-import { UseTreeViewSelectionParameters } from '../internals/plugins/useTreeViewSelection';
-import { UseTreeViewFocusParameters } from '../internals/plugins/useTreeViewFocus';
-import { UseTreeViewIconsParameters } from '../internals/plugins/useTreeViewIcons';
-import { ConvertPluginsIntoSignatures, MergeSignaturesProperty } from '../internals/models';
-import { UseTreeViewLabelParameters } from '../internals/plugins/useTreeViewLabel';
+import { TreeViewCorePluginParameters } from "../internals/corePlugins/index.js";
+import { UseTreeViewItemsParameters } from "../internals/plugins/useTreeViewItems/index.js";
+import { UseTreeViewExpansionParameters } from "../internals/plugins/useTreeViewExpansion/index.js";
+import { UseTreeViewSelectionParameters } from "../internals/plugins/useTreeViewSelection/index.js";
+import { UseTreeViewFocusParameters } from "../internals/plugins/useTreeViewFocus/index.js";
+import { UseTreeViewIconsParameters } from "../internals/plugins/useTreeViewIcons/index.js";
+import { ConvertPluginsIntoSignatures, MergeSignaturesProperty } from "../internals/models/index.js";
+import { UseTreeViewLabelParameters } from "../internals/plugins/useTreeViewLabel/index.js";
 export declare const RICH_TREE_VIEW_PLUGINS: readonly [import("../internals").TreeViewPlugin<import("../internals").UseTreeViewItemsSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewExpansionSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewSelectionSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewFocusSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewKeyboardNavigationSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewIconsSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewLabelSignature>];
 export type RichTreeViewPluginSignatures = ConvertPluginsIntoSignatures<typeof RICH_TREE_VIEW_PLUGINS>;
 export type RichTreeViewPluginSlots = MergeSignaturesProperty<RichTreeViewPluginSignatures, 'slots'>;
 export type RichTreeViewPluginSlotProps = MergeSignaturesProperty<RichTreeViewPluginSignatures, 'slotProps'>;
-export interface RichTreeViewPluginParameters<R extends {}, Multiple extends boolean | undefined> extends TreeViewCorePluginParameters, UseTreeViewItemsParameters<R>, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple>, UseTreeViewIconsParameters, UseTreeViewLabelParameters<R> {
-}
+export interface RichTreeViewPluginParameters<R extends {}, Multiple extends boolean | undefined> extends TreeViewCorePluginParameters, UseTreeViewItemsParameters<R>, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple>, UseTreeViewIconsParameters, UseTreeViewLabelParameters<R> {}

package/RichTreeView/RichTreeView.plugins.js

@@ -1,10 +1,16 @@
-import { useTreeViewItems } from "../internals/plugins/useTreeViewItems/index.js";
-import { useTreeViewExpansion } from "../internals/plugins/useTreeViewExpansion/index.js";
-import { useTreeViewSelection } from "../internals/plugins/useTreeViewSelection/index.js";
-import { useTreeViewFocus } from "../internals/plugins/useTreeViewFocus/index.js";
-import { useTreeViewKeyboardNavigation } from "../internals/plugins/useTreeViewKeyboardNavigation/index.js";
-import { useTreeViewIcons } from "../internals/plugins/useTreeViewIcons/index.js";
-import { useTreeViewLabel } from "../internals/plugins/useTreeViewLabel/index.js";
-export const RICH_TREE_VIEW_PLUGINS = [useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons, useTreeViewLabel];
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RICH_TREE_VIEW_PLUGINS = void 0;
+var _useTreeViewItems = require("../internals/plugins/useTreeViewItems");
+var _useTreeViewExpansion = require("../internals/plugins/useTreeViewExpansion");
+var _useTreeViewSelection = require("../internals/plugins/useTreeViewSelection");
+var _useTreeViewFocus = require("../internals/plugins/useTreeViewFocus");
+var _useTreeViewKeyboardNavigation = require("../internals/plugins/useTreeViewKeyboardNavigation");
+var _useTreeViewIcons = require("../internals/plugins/useTreeViewIcons");
+var _useTreeViewLabel = require("../internals/plugins/useTreeViewLabel");
+const RICH_TREE_VIEW_PLUGINS = exports.RICH_TREE_VIEW_PLUGINS = [_useTreeViewItems.useTreeViewItems, _useTreeViewExpansion.useTreeViewExpansion, _useTreeViewSelection.useTreeViewSelection, _useTreeViewFocus.useTreeViewFocus, _useTreeViewKeyboardNavigation.useTreeViewKeyboardNavigation, _useTreeViewIcons.useTreeViewIcons, _useTreeViewLabel.useTreeViewLabel];
 
 // We can't infer this type from the plugin, otherwise we would lose the generics.

package/RichTreeView/RichTreeView.types.d.ts

@@ -2,51 +2,51 @@ import * as React from 'react';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system/styleFunctionSx';
 import { SlotComponentProps } from '@mui/utils/types';
-import { RichTreeViewClasses } from './richTreeViewClasses';
-import { RichTreeViewPluginParameters, RichTreeViewPluginSlotProps, RichTreeViewPluginSlots, RichTreeViewPluginSignatures } from './RichTreeView.plugins';
-import { TreeViewExperimentalFeatures, TreeViewPublicAPI } from '../internals/models';
-import { RichTreeViewItemsSlotProps, RichTreeViewItemsSlots } from '../internals/components/RichTreeViewItems';
+import { RichTreeViewClasses } from "./richTreeViewClasses.js";
+import { RichTreeViewPluginParameters, RichTreeViewPluginSlotProps, RichTreeViewPluginSlots, RichTreeViewPluginSignatures } from "./RichTreeView.plugins.js";
+import { TreeViewExperimentalFeatures, TreeViewPublicAPI } from "../internals/models/index.js";
+import { RichTreeViewItemsSlotProps, RichTreeViewItemsSlots } from "../internals/components/RichTreeViewItems.js";
 export interface RichTreeViewSlots extends RichTreeViewPluginSlots, RichTreeViewItemsSlots {
-    /**
-     * Element rendered at the root.
-     * @default RichTreeViewRoot
-     */
-    root?: React.ElementType;
+  /**
+   * Element rendered at the root.
+   * @default RichTreeViewRoot
+   */
+  root?: React.ElementType;
 }
 export interface RichTreeViewSlotProps<R extends {}, Multiple extends boolean | undefined> extends RichTreeViewPluginSlotProps, RichTreeViewItemsSlotProps {
-    root?: SlotComponentProps<'ul', {}, RichTreeViewProps<R, Multiple>>;
+  root?: SlotComponentProps<'ul', {}, RichTreeViewProps<R, Multiple>>;
 }
 export type RichTreeViewApiRef = React.RefObject<TreeViewPublicAPI<RichTreeViewPluginSignatures> | undefined>;
 export interface RichTreeViewPropsBase extends React.HTMLAttributes<HTMLUListElement> {
-    className?: string;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<RichTreeViewClasses>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
+  className?: string;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<RichTreeViewClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
 }
 export interface RichTreeViewProps<R extends {}, Multiple extends boolean | undefined> extends RichTreeViewPluginParameters<R, Multiple>, RichTreeViewPropsBase {
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: RichTreeViewSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: RichTreeViewSlotProps<R, Multiple>;
-    /**
-     * The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.
-     */
-    apiRef?: RichTreeViewApiRef;
-    /**
-     * Unstable features, breaking changes might be introduced.
-     * For each feature, if the flag is not explicitly set to `true`,
-     * the feature will be fully disabled and any property / method call will not have any effect.
-     */
-    experimentalFeatures?: TreeViewExperimentalFeatures<RichTreeViewPluginSignatures>;
-}
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: RichTreeViewSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: RichTreeViewSlotProps<R, Multiple>;
+  /**
+   * The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.
+   */
+  apiRef?: RichTreeViewApiRef;
+  /**
+   * Unstable features, breaking changes might be introduced.
+   * For each feature, if the flag is not explicitly set to `true`,
+   * the feature will be fully disabled and any property / method call will not have any effect.
+   */
+  experimentalFeatures?: TreeViewExperimentalFeatures<RichTreeViewPluginSignatures>;
+}

package/RichTreeView/RichTreeView.types.js

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

package/RichTreeView/index.d.ts

@@ -1,5 +1,5 @@
-export * from './RichTreeView';
-export * from './richTreeViewClasses';
-export type { RichTreeViewProps, RichTreeViewPropsBase, RichTreeViewSlots, RichTreeViewSlotProps, } from './RichTreeView.types';
-export { RICH_TREE_VIEW_PLUGINS } from './RichTreeView.plugins';
-export type { RichTreeViewPluginSlots, RichTreeViewPluginSlotProps, RichTreeViewPluginParameters, } from './RichTreeView.plugins';
+export * from "./RichTreeView.js";
+export * from "./richTreeViewClasses.js";
+export type { RichTreeViewProps, RichTreeViewPropsBase, RichTreeViewSlots, RichTreeViewSlotProps } from './RichTreeView.types';
+export { RICH_TREE_VIEW_PLUGINS } from "./RichTreeView.plugins.js";
+export type { RichTreeViewPluginSlots, RichTreeViewPluginSlotProps, RichTreeViewPluginParameters } from './RichTreeView.plugins';

package/RichTreeView/index.js

@@ -1,3 +1,39 @@
-export * from "./RichTreeView.js";
-export * from "./richTreeViewClasses.js";
-export { RICH_TREE_VIEW_PLUGINS } from "./RichTreeView.plugins.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  RICH_TREE_VIEW_PLUGINS: true
+};
+Object.defineProperty(exports, "RICH_TREE_VIEW_PLUGINS", {
+  enumerable: true,
+  get: function () {
+    return _RichTreeView2.RICH_TREE_VIEW_PLUGINS;
+  }
+});
+var _RichTreeView = require("./RichTreeView");
+Object.keys(_RichTreeView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _RichTreeView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RichTreeView[key];
+    }
+  });
+});
+var _richTreeViewClasses = require("./richTreeViewClasses");
+Object.keys(_richTreeViewClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _richTreeViewClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _richTreeViewClasses[key];
+    }
+  });
+});
+var _RichTreeView2 = require("./RichTreeView.plugins");

package/RichTreeView/richTreeViewClasses.d.ts

@@ -1,7 +1,7 @@
 export interface RichTreeViewClasses {
-    /** Styles applied to the root element. */
-    root: string;
+  /** Styles applied to the root element. */
+  root: string;
 }
 export type RichTreeViewClassKey = keyof RichTreeViewClasses;
 export declare function getRichTreeViewUtilityClass(slot: string): string;
-export declare const richTreeViewClasses: RichTreeViewClasses;
+export declare const richTreeViewClasses: RichTreeViewClasses;

package/RichTreeView/richTreeViewClasses.js

@@ -1,6 +1,14 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getRichTreeViewUtilityClass(slot) {
-  return generateUtilityClass('MuiRichTreeView', slot);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getRichTreeViewUtilityClass = getRichTreeViewUtilityClass;
+exports.richTreeViewClasses = void 0;
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+function getRichTreeViewUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiRichTreeView', slot);
 }
-export const richTreeViewClasses = generateUtilityClasses('MuiRichTreeView', ['root']);
+const richTreeViewClasses = exports.richTreeViewClasses = (0, _generateUtilityClasses.default)('MuiRichTreeView', ['root']);