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

package/esm/RichTreeViewPro/RichTreeViewPro.d.ts

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

package/{node → esm}/RichTreeViewPro/RichTreeViewPro.js

@@ -1,26 +1,19 @@
-"use strict";
 'use client';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RichTreeViewProRoot = exports.RichTreeViewPro = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _xLicense = require("@mui/x-license");
-var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
-var _internals = require("@mui/x-tree-view/internals");
-var _warning = require("@mui/x-internals/warning");
-var _zeroStyled = require("../internals/zero-styled");
-var _richTreeViewProClasses = require("./richTreeViewProClasses");
-var _RichTreeViewPro = require("./RichTreeViewPro.plugins");
-var _releaseInfo = require("../internals/utils/releaseInfo");
-var _jsxRuntime = require("react/jsx-runtime");
-const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiRichTreeViewPro');
+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 { useLicenseVerifier, Watermark } from '@mui/x-license';
+import useSlotProps from '@mui/utils/useSlotProps';
+import { useTreeView, TreeViewProvider, RichTreeViewItems } from '@mui/x-tree-view/internals';
+import { warnOnce } from '@mui/x-internals/warning';
+import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
+import { getRichTreeViewProUtilityClass } from "./richTreeViewProClasses.js";
+import { RICH_TREE_VIEW_PRO_PLUGINS } from "./RichTreeViewPro.plugins.js";
+import { getReleaseInfo } from "../internals/utils/releaseInfo.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useThemeProps = createUseThemeProps('MuiRichTreeViewPro');
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -28,9 +21,9 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _composeClasses.default)(slots, _richTreeViewProClasses.getRichTreeViewProUtilityClass, classes);
+  return composeClasses(slots, getRichTreeViewProUtilityClass, classes);
 };
-const RichTreeViewProRoot = exports.RichTreeViewProRoot = (0, _zeroStyled.styled)('ul', {
+export const RichTreeViewProRoot = styled('ul', {
   name: 'MuiRichTreeViewPro',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -41,7 +34,7 @@ const RichTreeViewProRoot = exports.RichTreeViewProRoot = (0, _zeroStyled.styled
   outline: 0,
   position: 'relative'
 });
-const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
+const releaseInfo = getReleaseInfo();
 
 /**
  *
@@ -53,22 +46,22 @@ const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
  *
  * - [RichTreeView API](https://mui.com/x/api/tree-view/rich-tree-view/)
  */
-const RichTreeViewPro = exports.RichTreeViewPro = /*#__PURE__*/React.forwardRef(function RichTreeViewPro(inProps, ref) {
+const RichTreeViewPro = /*#__PURE__*/React.forwardRef(function RichTreeViewPro(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiRichTreeViewPro'
   });
-  (0, _xLicense.useLicenseVerifier)('x-tree-view-pro', releaseInfo);
+  useLicenseVerifier('x-tree-view-pro', releaseInfo);
   if (process.env.NODE_ENV !== 'production') {
     if (props.children != null) {
-      (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/.']);
+      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/.']);
     }
   }
   const {
     getRootProps,
     contextValue
-  } = (0, _internals.useTreeView)({
-    plugins: _RichTreeViewPro.RICH_TREE_VIEW_PRO_PLUGINS,
+  } = useTreeView({
+    plugins: RICH_TREE_VIEW_PRO_PLUGINS,
     rootRef: ref,
     props
   });
@@ -78,20 +71,20 @@ const RichTreeViewPro = exports.RichTreeViewPro = /*#__PURE__*/React.forwardRef(
   } = props;
   const classes = useUtilityClasses(props);
   const Root = slots?.root ?? RichTreeViewProRoot;
-  const rootProps = (0, _useSlotProps.default)({
+  const rootProps = useSlotProps({
     elementType: Root,
     externalSlotProps: slotProps?.root,
     className: classes.root,
     getSlotProps: getRootProps,
     ownerState: props
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.TreeViewProvider, {
+  return /*#__PURE__*/_jsx(TreeViewProvider, {
     value: contextValue,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, (0, _extends2.default)({}, rootProps, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.RichTreeViewItems, {
+    children: /*#__PURE__*/_jsxs(Root, _extends({}, rootProps, {
+      children: [/*#__PURE__*/_jsx(RichTreeViewItems, {
         slots: slots,
         slotProps: slotProps
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
+      }), /*#__PURE__*/_jsx(Watermark, {
         packageName: "x-tree-view-pro",
         releaseInfo: releaseInfo
       })]
@@ -106,16 +99,18 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
   /**
    * The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.
    */
-  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,
-      selectItem: _propTypes.default.func.isRequired,
-      setItemExpansion: _propTypes.default.func.isRequired,
-      updateItemLabel: _propTypes.default.func.isRequired
+  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,
+      getParentId: PropTypes.func.isRequired,
+      setIsItemDisabled: PropTypes.func.isRequired,
+      setItemExpansion: PropTypes.func.isRequired,
+      setItemSelection: PropTypes.func.isRequired,
+      updateItemLabel: PropTypes.func.isRequired
     })
   }),
   /**
@@ -126,57 +121,65 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
    * @param {TreeViewItemReorderPosition} params.newPosition The new position of the item.
    * @returns {boolean} `true` if the item can move to the new position.
    */
-  canMoveItemToNewPosition: _propTypes.default.func,
+  canMoveItemToNewPosition: PropTypes.func,
   /**
    * If `true`, the Tree View renders a checkbox at the left of its label that allows selecting it.
    * @default false
    */
-  checkboxSelection: _propTypes.default.bool,
+  checkboxSelection: PropTypes.bool,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: _propTypes.default.object,
-  className: _propTypes.default.string,
+  classes: PropTypes.object,
+  className: PropTypes.string,
+  dataSource: PropTypes.shape({
+    getChildrenCount: PropTypes.func,
+    getTreeItems: PropTypes.func
+  }),
+  dataSourceCache: PropTypes.shape({
+    clear: PropTypes.func.isRequired,
+    get: PropTypes.func.isRequired,
+    set: PropTypes.func.isRequired
+  }),
   /**
    * Expanded item ids.
    * Used when the item's expansion is not controlled.
    * @default []
    */
-  defaultExpandedItems: _propTypes.default.arrayOf(_propTypes.default.string),
+  defaultExpandedItems: PropTypes.arrayOf(PropTypes.string),
   /**
    * Selected item ids. (Uncontrolled)
    * When `multiSelect` is true this takes an array of strings; when false (default) a string.
    * @default []
    */
-  defaultSelectedItems: _propTypes.default.any,
+  defaultSelectedItems: PropTypes.any,
   /**
    * If `true`, will allow focus on disabled items.
    * @default false
    */
-  disabledItemsFocusable: _propTypes.default.bool,
+  disabledItemsFocusable: PropTypes.bool,
   /**
    * If `true` selection is disabled.
    * @default false
    */
-  disableSelection: _propTypes.default.bool,
+  disableSelection: PropTypes.bool,
   /**
    * Expanded item ids.
    * Used when the item's expansion is controlled.
    */
-  expandedItems: _propTypes.default.arrayOf(_propTypes.default.string),
+  expandedItems: PropTypes.arrayOf(PropTypes.string),
   /**
    * The slot that triggers the item's expansion when clicked.
    * @default 'content'
    */
-  expansionTrigger: _propTypes.default.oneOf(['content', 'iconContainer']),
+  expansionTrigger: PropTypes.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.default.shape({
-    itemsReordering: _propTypes.default.bool,
-    labelEditing: _propTypes.default.bool
+  experimentalFeatures: PropTypes.shape({
+    lazyLoading: PropTypes.bool
   }),
   /**
    * Used to determine the id of a given item.
@@ -186,7 +189,7 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
    * @returns {string} The id of the item.
    * @default (item) => item.id
    */
-  getItemId: _propTypes.default.func,
+  getItemId: PropTypes.func,
   /**
    * Used to determine the string label for a given item.
    *
@@ -195,86 +198,82 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
    * @returns {string} The label of the item.
    * @default (item) => item.label
    */
-  getItemLabel: _propTypes.default.func,
+  getItemLabel: PropTypes.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.default.string,
+  id: PropTypes.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.default.func,
+  isItemDisabled: PropTypes.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.default.oneOfType([_propTypes.default.func, _propTypes.default.bool]),
+  isItemEditable: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
   /**
-   * Used to determine if a given item can be reordered.
+   * Determine if a given item can be reordered.
    * @param {string} itemId The id of the item to check.
    * @returns {boolean} `true` if the item can be reordered.
    * @default () => true
    */
-  isItemReorderable: _propTypes.default.func,
+  isItemReorderable: PropTypes.func,
   /**
    * Horizontal indentation between an item and its children.
    * Examples: 24, "24px", "2rem", "2em".
    * @default 12px
    */
-  itemChildrenIndentation: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  items: _propTypes.default.array.isRequired,
+  itemChildrenIndentation: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  items: PropTypes.array.isRequired,
   /**
    * If `true`, the reordering of items is enabled.
-   * Make sure to also enable the `itemsReordering` experimental feature:
-   * `<RichTreeViewPro experimentalFeatures={{ itemsReordering: true }} itemsReordering />`.
    * @default false
    */
-  itemsReordering: _propTypes.default.bool,
+  itemsReordering: PropTypes.bool,
   /**
    * If `true`, `ctrl` and `shift` will trigger multiselect.
    * @default false
    */
-  multiSelect: _propTypes.default.bool,
+  multiSelect: PropTypes.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.default.func,
+  onExpandedItemsChange: PropTypes.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.default.func,
+  onItemClick: PropTypes.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.default.func,
+  onItemExpansionToggle: PropTypes.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.default.func,
+  onItemFocus: PropTypes.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.default.func,
+  onItemLabelChange: PropTypes.func,
   /**
    * Callback fired when a Tree Item is moved in the tree.
    * @param {object} params The params describing the item re-ordering.
@@ -282,26 +281,26 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
    * @param {TreeViewItemReorderPosition} params.oldPosition The old position of the item.
    * @param {TreeViewItemReorderPosition} params.newPosition The new position of the item.
    */
-  onItemPositionChange: _propTypes.default.func,
+  onItemPositionChange: PropTypes.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.default.func,
+  onItemSelectionToggle: PropTypes.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.default.func,
+  onSelectedItemsChange: PropTypes.func,
   /**
    * Selected item ids. (Controlled)
    * When `multiSelect` is true this takes an array of strings; when false (default) a string.
    */
-  selectedItems: _propTypes.default.any,
+  selectedItems: PropTypes.any,
   /**
    * When `selectionPropagation.descendants` is set to `true`.
    *
@@ -318,22 +317,23 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
    *
    * @default { parents: false, descendants: false }
    */
-  selectionPropagation: _propTypes.default.shape({
-    descendants: _propTypes.default.bool,
-    parents: _propTypes.default.bool
+  selectionPropagation: PropTypes.shape({
+    descendants: PropTypes.bool,
+    parents: PropTypes.bool
   }),
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: _propTypes.default.object,
+  slotProps: PropTypes.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: _propTypes.default.object,
+  slots: PropTypes.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  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;
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
+} : void 0;
+export { RichTreeViewPro };

package/esm/RichTreeViewPro/RichTreeViewPro.plugins.d.ts

@@ -0,0 +1,7 @@
+import { UseTreeViewItemsParameters, UseTreeViewExpansionParameters, UseTreeViewSelectionParameters, UseTreeViewFocusParameters, UseTreeViewIconsParameters, ConvertPluginsIntoSignatures, MergeSignaturesProperty, TreeViewCorePluginParameters, UseTreeViewLabelParameters, UseTreeViewLazyLoadingParameters } from '@mui/x-tree-view/internals';
+import { UseTreeViewItemsReorderingParameters } from "../internals/plugins/useTreeViewItemsReordering/index.js";
+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("@mui/x-tree-view/internals").UseTreeViewLazyLoadingSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("../internals").UseTreeViewItemsReorderingSignature>];
+export type RichTreeViewProPluginSignatures = ConvertPluginsIntoSignatures<typeof RICH_TREE_VIEW_PRO_PLUGINS>;
+export type RichTreeViewProPluginSlots = MergeSignaturesProperty<RichTreeViewProPluginSignatures, 'slots'>;
+export type RichTreeViewProPluginSlotProps = MergeSignaturesProperty<RichTreeViewProPluginSignatures, 'slotProps'>;
+export interface RichTreeViewProPluginParameters<R extends {}, Multiple extends boolean | undefined> extends TreeViewCorePluginParameters, UseTreeViewItemsParameters<R>, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple>, UseTreeViewIconsParameters, UseTreeViewLabelParameters<R>, UseTreeViewLazyLoadingParameters<R>, UseTreeViewItemsReorderingParameters {}

package/esm/RichTreeViewPro/RichTreeViewPro.plugins.js

@@ -0,0 +1,6 @@
+import { useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons, useTreeViewLabel } from '@mui/x-tree-view/internals';
+import { useTreeViewItemsReordering } from "../internals/plugins/useTreeViewItemsReordering/index.js";
+import { useTreeViewLazyLoading } from "../internals/plugins/useTreeViewLazyLoading/index.js";
+export const RICH_TREE_VIEW_PRO_PLUGINS = [useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons, useTreeViewLabel, useTreeViewLazyLoading, useTreeViewItemsReordering];
+
+// We can't infer this type from the plugin, otherwise we would lose the generics.

package/esm/RichTreeViewPro/RichTreeViewPro.types.d.ts

@@ -0,0 +1,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 { TreeViewPublicAPI, TreeViewExperimentalFeatures, RichTreeViewItemsSlots, RichTreeViewItemsSlotProps } from '@mui/x-tree-view/internals';
+import { RichTreeViewProClasses } from "./richTreeViewProClasses.js";
+import { RichTreeViewProPluginParameters, RichTreeViewProPluginSlotProps, RichTreeViewProPluginSlots, RichTreeViewProPluginSignatures } from "./RichTreeViewPro.plugins.js";
+export interface RichTreeViewProSlots extends RichTreeViewProPluginSlots, RichTreeViewItemsSlots {
+  /**
+   * Element rendered at the root.
+   * @default RichTreeViewProRoot
+   */
+  root?: React.ElementType;
+}
+export interface RichTreeViewProSlotProps<R extends {}, Multiple extends boolean | undefined> extends RichTreeViewProPluginSlotProps, RichTreeViewItemsSlotProps {
+  root?: SlotComponentProps<'ul', {}, RichTreeViewProProps<R, Multiple>>;
+}
+export type RichTreeViewProApiRef = React.RefObject<TreeViewPublicAPI<RichTreeViewProPluginSignatures> | undefined>;
+export interface RichTreeViewProPropsBase extends React.HTMLAttributes<HTMLUListElement> {
+  className?: string;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<RichTreeViewProClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface RichTreeViewProProps<R extends {}, Multiple extends boolean | undefined> extends RichTreeViewProPluginParameters<R, Multiple>, RichTreeViewProPropsBase {
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: RichTreeViewProSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: RichTreeViewProSlotProps<R, Multiple>;
+  /**
+   * The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.
+   */
+  apiRef?: RichTreeViewProApiRef;
+  /**
+   * 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<RichTreeViewProPluginSignatures>;
+}

package/esm/RichTreeViewPro/RichTreeViewPro.types.js

@@ -0,0 +1 @@
+export {};

package/esm/RichTreeViewPro/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./RichTreeViewPro.js";
+export * from "./richTreeViewProClasses.js";
+export type { RichTreeViewProProps, RichTreeViewProPropsBase, RichTreeViewProSlots, RichTreeViewProSlotProps } from './RichTreeViewPro.types';

package/esm/RichTreeViewPro/index.js

@@ -0,0 +1,3 @@
+export * from "./RichTreeViewPro.js";
+export * from "./richTreeViewProClasses.js";
+export {};

package/esm/RichTreeViewPro/richTreeViewProClasses.d.ts

@@ -0,0 +1,7 @@
+export interface RichTreeViewProClasses {
+  /** Styles applied to the root element. */
+  root: string;
+}
+export type RichTreeViewProClassKey = keyof RichTreeViewProClasses;
+export declare function getRichTreeViewProUtilityClass(slot: string): string;
+export declare const richTreeViewProClasses: RichTreeViewProClasses;

package/esm/RichTreeViewPro/richTreeViewProClasses.js

@@ -0,0 +1,6 @@
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+export function getRichTreeViewProUtilityClass(slot) {
+  return generateUtilityClass('MuiRichTreeViewPro', slot);
+}
+export const richTreeViewProClasses = generateUtilityClasses('MuiRichTreeViewPro', ['root']);

package/esm/index.d.ts

@@ -0,0 +1,12 @@
+export * from '@mui/x-tree-view/SimpleTreeView';
+export * from "./RichTreeViewPro/index.js";
+export * from '@mui/x-tree-view/TreeItem';
+export * from '@mui/x-tree-view/useTreeItem';
+export * from '@mui/x-tree-view/TreeItemIcon';
+export * from '@mui/x-tree-view/TreeItemProvider';
+export * from '@mui/x-tree-view/TreeItemDragAndDropOverlay';
+export * from '@mui/x-tree-view/TreeItemLabelInput';
+export { unstable_resetCleanupTracking } from '@mui/x-tree-view/internals';
+export * from '@mui/x-tree-view/models';
+export * from '@mui/x-tree-view/icons';
+export * from '@mui/x-tree-view/hooks';

package/esm/index.js

@@ -0,0 +1,22 @@
+/**
+ * @mui/x-tree-view-pro v8.0.0-beta.0
+ *
+ * @license MUI X Commercial
+ * This source code is licensed under the commercial license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+// Tree View
+export * from '@mui/x-tree-view/SimpleTreeView';
+export * from "./RichTreeViewPro/index.js";
+
+// Tree Item
+export * from '@mui/x-tree-view/TreeItem';
+export * from '@mui/x-tree-view/useTreeItem';
+export * from '@mui/x-tree-view/TreeItemIcon';
+export * from '@mui/x-tree-view/TreeItemProvider';
+export * from '@mui/x-tree-view/TreeItemDragAndDropOverlay';
+export * from '@mui/x-tree-view/TreeItemLabelInput';
+export { unstable_resetCleanupTracking } from '@mui/x-tree-view/internals';
+export * from '@mui/x-tree-view/models';
+export * from '@mui/x-tree-view/icons';
+export * from '@mui/x-tree-view/hooks';

package/esm/internals/index.d.ts

@@ -0,0 +1 @@
+export { UseTreeViewItemsReorderingSignature } from "./plugins/useTreeViewItemsReordering/index.js";

package/esm/internals/index.js

@@ -0,0 +1 @@
+export { UseTreeViewItemsReorderingSignature } from "./plugins/useTreeViewItemsReordering/index.js";

package/esm/internals/plugins/useTreeViewItemsReordering/index.d.ts

@@ -0,0 +1,2 @@
+export { useTreeViewItemsReordering } from "./useTreeViewItemsReordering.js";
+export type { UseTreeViewItemsReorderingSignature, UseTreeViewItemsReorderingParameters, UseTreeViewItemsReorderingDefaultizedParameters, TreeViewItemReorderPosition } from './useTreeViewItemsReordering.types';

package/esm/internals/plugins/useTreeViewItemsReordering/index.js

@@ -0,0 +1 @@
+export { useTreeViewItemsReordering } from "./useTreeViewItemsReordering.js";

package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.d.ts

@@ -0,0 +1,3 @@
+import { TreeViewPlugin } from '@mui/x-tree-view/internals';
+import { UseTreeViewItemsReorderingSignature } from "./useTreeViewItemsReordering.types.js";
+export declare const useTreeViewItemsReordering: TreeViewPlugin<UseTreeViewItemsReorderingSignature>;

package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.d.ts

@@ -0,0 +1,3 @@
+import { TreeViewItemPlugin } from '@mui/x-tree-view/internals';
+export declare const isAndroid: () => boolean;
+export declare const useTreeViewItemsReorderingItemPlugin: TreeViewItemPlugin;

package/{node → esm}/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.js

@@ -1,29 +1,21 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTreeViewItemsReorderingItemPlugin = exports.isAndroid = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _internals = require("@mui/x-tree-view/internals");
-var _useTreeViewItemsReordering = require("./useTreeViewItemsReordering.selectors");
-const isAndroid = () => navigator.userAgent.toLowerCase().includes('android');
-exports.isAndroid = isAndroid;
-const useTreeViewItemsReorderingItemPlugin = ({
+import * as React from 'react';
+import { useTreeViewContext, isTargetInDescendants, useSelector } from '@mui/x-tree-view/internals';
+import { selectorItemsReorderingDraggedItemProperties, selectorItemsReorderingIsValidTarget } from "./useTreeViewItemsReordering.selectors.js";
+export const isAndroid = () => navigator.userAgent.toLowerCase().includes('android');
+export const useTreeViewItemsReorderingItemPlugin = ({
   props
 }) => {
   const {
     instance,
     store,
     itemsReordering
-  } = (0, _internals.useTreeViewContext)();
+  } = useTreeViewContext();
   const {
     itemId
   } = props;
   const validActionsRef = React.useRef(null);
-  const draggedItemProperties = (0, _internals.useSelector)(store, _useTreeViewItemsReordering.selectorItemsReorderingDraggedItemProperties, itemId);
-  const isValidTarget = (0, _internals.useSelector)(store, _useTreeViewItemsReordering.selectorItemsReorderingIsValidTarget, itemId);
+  const draggedItemProperties = useSelector(store, selectorItemsReorderingDraggedItemProperties, itemId);
+  const isValidTarget = useSelector(store, selectorItemsReorderingIsValidTarget, itemId);
   return {
     propsEnhancers: {
       root: ({
@@ -42,7 +34,7 @@ const useTreeViewItemsReorderingItemPlugin = ({
 
           // We don't use `event.currentTarget` here.
           // This is to allow people to pass `onDragStart` to another element than the root.
-          if ((0, _internals.isTargetInDescendants)(event.target, rootRefObject.current)) {
+          if (isTargetInDescendants(event.target, rootRefObject.current)) {
             return;
           }
 
@@ -131,5 +123,4 @@ const useTreeViewItemsReorderingItemPlugin = ({
       }
     }
   };
-};
-exports.useTreeViewItemsReorderingItemPlugin = useTreeViewItemsReorderingItemPlugin;
+};