@mui/x-tree-view 8.0.0-alpha.11 → 8.0.0-alpha.13

package/esm/useTreeItem/useTreeItem.types.d.ts

@@ -0,0 +1,175 @@
+import * as React from 'react';
+import { TreeViewItemId, TreeViewCancellableEventHandler } from "../models/index.js";
+import { TreeViewPublicAPI } from "../internals/models/index.js";
+import { UseTreeViewSelectionSignature } from "../internals/plugins/useTreeViewSelection/index.js";
+import { UseTreeViewItemsSignature } from "../internals/plugins/useTreeViewItems/index.js";
+import { UseTreeViewFocusSignature } from "../internals/plugins/useTreeViewFocus/index.js";
+import { UseTreeViewKeyboardNavigationSignature } from "../internals/plugins/useTreeViewKeyboardNavigation/index.js";
+import { UseTreeViewLabelSignature } from "../internals/plugins/useTreeViewLabel/index.js";
+import { UseTreeViewExpansionSignature } from "../internals/plugins/useTreeViewExpansion/index.js";
+export interface UseTreeItemParameters {
+  /**
+   * The id attribute of the item. If not provided, it will be generated.
+   */
+  id?: string;
+  /**
+   * If `true`, the item is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * The id of the item.
+   * Must be unique.
+   */
+  itemId: TreeViewItemId;
+  /**
+   * The label of the item.
+   */
+  label?: React.ReactNode;
+  rootRef?: React.Ref<HTMLLIElement>;
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+}
+export interface UseTreeItemContextProviderProps {
+  itemId: string;
+  id: string | undefined;
+}
+export interface UseTreeItemRootSlotPropsFromUseTreeItem {
+  role: 'treeitem';
+  tabIndex: 0 | -1;
+  id: string;
+  'aria-expanded': React.AriaAttributes['aria-expanded'];
+  'aria-selected': React.AriaAttributes['aria-selected'];
+  'aria-disabled': React.AriaAttributes['aria-disabled'];
+  onFocus: TreeViewCancellableEventHandler<React.FocusEvent<HTMLElement>>;
+  onBlur: TreeViewCancellableEventHandler<React.FocusEvent<HTMLElement>>;
+  onKeyDown: TreeViewCancellableEventHandler<React.KeyboardEvent<HTMLElement>>;
+  ref: React.RefCallback<HTMLLIElement>;
+  style: React.CSSProperties;
+}
+export interface UseTreeItemRootSlotOwnProps extends UseTreeItemRootSlotPropsFromUseTreeItem {}
+export type UseTreeItemRootSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItemRootSlotOwnProps;
+export interface UseTreeItemContentSlotPropsFromUseTreeItem {
+  onClick: TreeViewCancellableEventHandler<React.MouseEvent>;
+  onMouseDown: TreeViewCancellableEventHandler<React.MouseEvent>;
+  ref: React.RefCallback<HTMLDivElement> | null;
+  status: UseTreeItemStatus;
+}
+export interface UseTreeItemContentSlotOwnProps extends UseTreeItemContentSlotPropsFromUseTreeItem {}
+export type UseTreeItemContentSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItemContentSlotOwnProps;
+export interface UseTreeItemIconContainerSlotOwnProps {
+  onClick: TreeViewCancellableEventHandler<React.MouseEvent>;
+}
+export type UseTreeItemIconContainerSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItemIconContainerSlotOwnProps;
+export interface UseTreeItemLabelSlotOwnProps {
+  children: React.ReactNode;
+  onDoubleClick: TreeViewCancellableEventHandler<React.MouseEvent>;
+  /**
+   * Only defined when the `isItemEditable` experimental feature is enabled.
+   */
+  editable?: boolean;
+}
+export type UseTreeItemLabelSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItemLabelSlotOwnProps;
+export interface UseTreeItemLabelInputSlotOwnProps {}
+export type UseTreeItemLabelInputSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItemLabelInputSlotOwnProps;
+export interface UseTreeItemCheckboxSlotOwnProps {
+  ref: React.RefObject<HTMLButtonElement | null>;
+}
+export type UseTreeItemCheckboxSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItemCheckboxSlotOwnProps;
+export interface UseTreeItemGroupTransitionSlotOwnProps {
+  unmountOnExit: boolean;
+  in: boolean;
+  component: 'ul';
+  role: 'group';
+  children: React.ReactNode;
+}
+export type UseTreeItemGroupTransitionSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItemGroupTransitionSlotOwnProps;
+export interface UseTreeItemDragAndDropOverlaySlotOwnProps {}
+export type UseTreeItemDragAndDropOverlaySlotProps<ExternalProps = {}> = ExternalProps & UseTreeItemDragAndDropOverlaySlotOwnProps;
+export interface UseTreeItemStatus {
+  expandable: boolean;
+  expanded: boolean;
+  focused: boolean;
+  selected: boolean;
+  disabled: boolean;
+  editing: boolean;
+  editable: boolean;
+}
+export interface UseTreeItemReturnValue<TSignatures extends UseTreeItemMinimalPlugins, TOptionalSignatures extends UseTreeItemOptionalPlugins> {
+  /**
+   * Resolver for the context provider's props.
+   * @returns {UseTreeItemContextProviderProps} Props that should be spread on the context provider slot.
+   */
+  getContextProviderProps: () => UseTreeItemContextProviderProps;
+  /**
+   * Resolver for the root slot's props.
+   * @param {ExternalProps} externalProps Additional props for the root slot.
+   * @returns {UseTreeItemRootSlotProps<ExternalProps>} Props that should be spread on the root slot.
+   */
+  getRootProps: <ExternalProps extends Record<string, any> = {}>(externalProps?: ExternalProps) => UseTreeItemRootSlotProps<ExternalProps>;
+  /**
+   * Resolver for the content slot's props.
+   * @param {ExternalProps} externalProps Additional props for the content slot.
+   * @returns {UseTreeItemContentSlotProps<ExternalProps>} Props that should be spread on the content slot.
+   */
+  getContentProps: <ExternalProps extends Record<string, any> = {}>(externalProps?: ExternalProps) => UseTreeItemContentSlotProps<ExternalProps>;
+  /**
+   * Resolver for the label slot's props.
+   * @param {ExternalProps} externalProps Additional props for the label slot.
+   * @returns {UseTreeItemLabelSlotProps<ExternalProps>} Props that should be spread on the label slot.
+   */
+  getLabelProps: <ExternalProps extends Record<string, any> = {}>(externalProps?: ExternalProps) => UseTreeItemLabelSlotProps<ExternalProps>;
+  /**
+   * Resolver for the labelInput slot's props.
+   * @param {ExternalProps} externalProps Additional props for the labelInput slot.
+   * @returns {UseTreeItemLabelInputSlotProps<ExternalProps>} Props that should be spread on the labelInput slot.
+   */
+  getLabelInputProps: <ExternalProps extends Record<string, any> = {}>(externalProps?: ExternalProps) => UseTreeItemLabelInputSlotProps<ExternalProps>;
+  /**
+   * Resolver for the checkbox slot's props.
+   * @param {ExternalProps} externalProps Additional props for the checkbox slot.
+   * @returns {UseTreeItemCheckboxSlotProps<ExternalProps>} Props that should be spread on the checkbox slot.
+   */
+  getCheckboxProps: <ExternalProps extends Record<string, any> = {}>(externalProps?: ExternalProps) => UseTreeItemCheckboxSlotProps<ExternalProps>;
+  /**
+   * Resolver for the iconContainer slot's props.
+   * @param {ExternalProps} externalProps Additional props for the iconContainer slot.
+   * @returns {UseTreeItemIconContainerSlotProps<ExternalProps>} Props that should be spread on the iconContainer slot.
+   */
+  getIconContainerProps: <ExternalProps extends Record<string, any> = {}>(externalProps?: ExternalProps) => UseTreeItemIconContainerSlotProps<ExternalProps>;
+  /**
+   * Resolver for the GroupTransition slot's props.
+   * @param {ExternalProps} externalProps Additional props for the GroupTransition slot.
+   * @returns {UseTreeItemGroupTransitionSlotProps<ExternalProps>} Props that should be spread on the GroupTransition slot.
+   */
+  getGroupTransitionProps: <ExternalProps extends Record<string, any> = {}>(externalProps?: ExternalProps) => UseTreeItemGroupTransitionSlotProps<ExternalProps>;
+  /**
+   * Resolver for the DragAndDropOverlay slot's props.
+   * Warning: This slot is only useful when using the `<RichTreeViewPro />` component.
+   * @param {ExternalProps} externalProps Additional props for the DragAndDropOverlay slot.
+   * @returns {UseTreeItemDragAndDropOverlaySlotProps<ExternalProps>} Props that should be spread on the DragAndDropOverlay slot.
+   */
+  getDragAndDropOverlayProps: <ExternalProps extends Record<string, any> = {}>(externalProps?: ExternalProps) => UseTreeItemDragAndDropOverlaySlotProps<ExternalProps>;
+  /**
+   * A ref to the component's root DOM element.
+   */
+  rootRef: React.RefCallback<HTMLLIElement> | null;
+  /**
+   * Current status of the item.
+   */
+  status: UseTreeItemStatus;
+  /**
+   * The object the allows Tree View manipulation.
+   */
+  publicAPI: TreeViewPublicAPI<TSignatures, TOptionalSignatures>;
+}
+/**
+ * Plugins that need to be present in the Tree View in order for `UseTreeItem` to work correctly.
+ */
+export type UseTreeItemMinimalPlugins = readonly [UseTreeViewSelectionSignature, UseTreeViewExpansionSignature, UseTreeViewItemsSignature, UseTreeViewFocusSignature, UseTreeViewKeyboardNavigationSignature, UseTreeViewLabelSignature];
+/**
+ * Plugins that `UseTreeItem` can use if they are present, but are not required.
+ */
+export type UseTreeItemOptionalPlugins = readonly [];

package/esm/useTreeItem/useTreeItem.types.js

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

package/hooks/index.d.ts

@@ -1,3 +1,3 @@
-export { useTreeViewApiRef } from './useTreeViewApiRef';
-export { useTreeItemUtils } from './useTreeItemUtils';
-export { useTreeItemModel } from './useTreeItemModel';
+export { useTreeViewApiRef } from "./useTreeViewApiRef.js";
+export { useTreeItemUtils } from "./useTreeItemUtils/index.js";
+export { useTreeItemModel } from "./useTreeItemModel.js";

package/hooks/index.js

@@ -1,3 +1,26 @@
-export { useTreeViewApiRef } from "./useTreeViewApiRef.js";
-export { useTreeItemUtils } from "./useTreeItemUtils/index.js";
-export { useTreeItemModel } from "./useTreeItemModel.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useTreeItemModel", {
+  enumerable: true,
+  get: function () {
+    return _useTreeItemModel.useTreeItemModel;
+  }
+});
+Object.defineProperty(exports, "useTreeItemUtils", {
+  enumerable: true,
+  get: function () {
+    return _useTreeItemUtils.useTreeItemUtils;
+  }
+});
+Object.defineProperty(exports, "useTreeViewApiRef", {
+  enumerable: true,
+  get: function () {
+    return _useTreeViewApiRef.useTreeViewApiRef;
+  }
+});
+var _useTreeViewApiRef = require("./useTreeViewApiRef");
+var _useTreeItemUtils = require("./useTreeItemUtils");
+var _useTreeItemModel = require("./useTreeItemModel");

package/hooks/useTreeItemModel.d.ts

@@ -1,2 +1,2 @@
-import { TreeViewBaseItem, TreeViewDefaultItemModelProperties, TreeViewItemId } from '../models';
-export declare const useTreeItemModel: <R extends {} = TreeViewDefaultItemModelProperties>(itemId: TreeViewItemId) => TreeViewBaseItem<R> | null;
+import { TreeViewBaseItem, TreeViewDefaultItemModelProperties, TreeViewItemId } from "../models/index.js";
+export declare const useTreeItemModel: <R extends {} = TreeViewDefaultItemModelProperties>(itemId: TreeViewItemId) => TreeViewBaseItem<R> | null;

package/hooks/useTreeItemModel.js

@@ -1,11 +1,17 @@
+"use strict";
 'use client';
 
-import { useTreeViewContext } from "../internals/TreeViewProvider/index.js";
-import { useSelector } from "../internals/hooks/useSelector.js";
-import { selectorItemModel } from "../internals/plugins/useTreeViewItems/useTreeViewItems.selectors.js";
-export const useTreeItemModel = itemId => {
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTreeItemModel = void 0;
+var _TreeViewProvider = require("../internals/TreeViewProvider");
+var _useSelector = require("../internals/hooks/useSelector");
+var _useTreeViewItems = require("../internals/plugins/useTreeViewItems/useTreeViewItems.selectors");
+const useTreeItemModel = itemId => {
   const {
     store
-  } = useTreeViewContext();
-  return useSelector(store, selectorItemModel, itemId);
-};
+  } = (0, _TreeViewProvider.useTreeViewContext)();
+  return (0, _useSelector.useSelector)(store, _useTreeViewItems.selectorItemModel, itemId);
+};
+exports.useTreeItemModel = useTreeItemModel;

package/hooks/useTreeItemUtils/index.d.ts

@@ -1 +1 @@
-export { useTreeItemUtils } from './useTreeItemUtils';
+export { useTreeItemUtils } from "./useTreeItemUtils.js";

package/hooks/useTreeItemUtils/index.js

@@ -1 +1,12 @@
-export { useTreeItemUtils } from "./useTreeItemUtils.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useTreeItemUtils", {
+  enumerable: true,
+  get: function () {
+    return _useTreeItemUtils.useTreeItemUtils;
+  }
+});
+var _useTreeItemUtils = require("./useTreeItemUtils");

package/hooks/useTreeItemUtils/useTreeItemUtils.d.ts

@@ -3,41 +3,39 @@ import type { UseTreeViewSelectionSignature } from '../../internals/plugins/useT
 import type { UseTreeViewExpansionSignature } from '../../internals/plugins/useTreeViewExpansion';
 import type { UseTreeViewItemsSignature } from '../../internals/plugins/useTreeViewItems';
 import type { UseTreeViewFocusSignature } from '../../internals/plugins/useTreeViewFocus';
-import { UseTreeViewLabelSignature } from '../../internals/plugins/useTreeViewLabel';
+import { UseTreeViewLabelSignature } from "../../internals/plugins/useTreeViewLabel/index.js";
 import type { UseTreeItemStatus } from '../../useTreeItem';
-import { TreeViewPublicAPI } from '../../internals/models';
+import { TreeViewPublicAPI } from "../../internals/models/index.js";
 export interface UseTreeItemInteractions {
-    handleExpansion: (event: React.MouseEvent) => void;
-    handleSelection: (event: React.MouseEvent) => void;
-    handleCheckboxSelection: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    toggleItemEditing: () => void;
-    handleSaveItemLabel: (event: React.SyntheticEvent, label: string) => void;
-    handleCancelItemLabelEditing: (event: React.SyntheticEvent) => void;
+  handleExpansion: (event: React.MouseEvent) => void;
+  handleSelection: (event: React.MouseEvent) => void;
+  handleCheckboxSelection: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  toggleItemEditing: () => void;
+  handleSaveItemLabel: (event: React.SyntheticEvent, label: string) => void;
+  handleCancelItemLabelEditing: (event: React.SyntheticEvent) => void;
 }
 /**
  * Plugins that need to be present in the Tree View in order for `useTreeItemUtils` to work correctly.
  */
-type UseTreeItemUtilsMinimalPlugins = readonly [
-    UseTreeViewSelectionSignature,
-    UseTreeViewExpansionSignature,
-    UseTreeViewItemsSignature,
-    UseTreeViewFocusSignature
-];
+type UseTreeItemUtilsMinimalPlugins = readonly [UseTreeViewSelectionSignature, UseTreeViewExpansionSignature, UseTreeViewItemsSignature, UseTreeViewFocusSignature];
 /**
  * Plugins that `useTreeItemUtils` can use if they are present, but are not required.
  */
 export type UseTreeItemUtilsOptionalPlugins = readonly [UseTreeViewLabelSignature];
 interface UseTreeItemUtilsReturnValue<TSignatures extends UseTreeItemUtilsMinimalPlugins, TOptionalSignatures extends UseTreeItemUtilsOptionalPlugins> {
-    interactions: UseTreeItemInteractions;
-    status: UseTreeItemStatus;
-    /**
-     * The object the allows Tree View manipulation.
-     */
-    publicAPI: TreeViewPublicAPI<TSignatures, TOptionalSignatures>;
+  interactions: UseTreeItemInteractions;
+  status: UseTreeItemStatus;
+  /**
+   * The object the allows Tree View manipulation.
+   */
+  publicAPI: TreeViewPublicAPI<TSignatures, TOptionalSignatures>;
 }
 export declare const isItemExpandable: (reactChildren: React.ReactNode) => boolean;
-export declare const useTreeItemUtils: <TSignatures extends UseTreeItemUtilsMinimalPlugins = UseTreeItemUtilsMinimalPlugins, TOptionalSignatures extends UseTreeItemUtilsOptionalPlugins = UseTreeItemUtilsOptionalPlugins>({ itemId, children, }: {
-    itemId: string;
-    children?: React.ReactNode;
+export declare const useTreeItemUtils: <TSignatures extends UseTreeItemUtilsMinimalPlugins = UseTreeItemUtilsMinimalPlugins, TOptionalSignatures extends UseTreeItemUtilsOptionalPlugins = UseTreeItemUtilsOptionalPlugins>({
+  itemId,
+  children
+}: {
+  itemId: string;
+  children?: React.ReactNode;
 }) => UseTreeItemUtilsReturnValue<TSignatures, TOptionalSignatures>;
-export {};
+export {};

package/hooks/useTreeItemUtils/useTreeItemUtils.js

@@ -1,15 +1,19 @@
+"use strict";
 'use client';
 
-import { useTreeViewContext } from "../../internals/TreeViewProvider/index.js";
-import { useTreeViewLabel } from "../../internals/plugins/useTreeViewLabel/index.js";
-import { hasPlugin } from "../../internals/utils/plugins.js";
-import { useSelector } from "../../internals/hooks/useSelector.js";
-import { selectorIsItemExpanded } from "../../internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.js";
-import { selectorIsItemFocused } from "../../internals/plugins/useTreeViewFocus/useTreeViewFocus.selectors.js";
-import { selectorIsItemDisabled } from "../../internals/plugins/useTreeViewItems/useTreeViewItems.selectors.js";
-import { selectorIsItemSelected } from "../../internals/plugins/useTreeViewSelection/useTreeViewSelection.selectors.js";
-import { selectorIsItemBeingEdited, selectorIsItemEditable } from "../../internals/plugins/useTreeViewLabel/useTreeViewLabel.selectors.js";
-
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTreeItemUtils = exports.isItemExpandable = void 0;
+var _TreeViewProvider = require("../../internals/TreeViewProvider");
+var _useTreeViewLabel = require("../../internals/plugins/useTreeViewLabel");
+var _plugins = require("../../internals/utils/plugins");
+var _useSelector = require("../../internals/hooks/useSelector");
+var _useTreeViewExpansion = require("../../internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors");
+var _useTreeViewFocus = require("../../internals/plugins/useTreeViewFocus/useTreeViewFocus.selectors");
+var _useTreeViewItems = require("../../internals/plugins/useTreeViewItems/useTreeViewItems.selectors");
+var _useTreeViewSelection = require("../../internals/plugins/useTreeViewSelection/useTreeViewSelection.selectors");
+var _useTreeViewLabel2 = require("../../internals/plugins/useTreeViewLabel/useTreeViewLabel.selectors");
 /**
  * Plugins that need to be present in the Tree View in order for `useTreeItemUtils` to work correctly.
  */
@@ -18,13 +22,14 @@ import { selectorIsItemBeingEdited, selectorIsItemEditable } from "../../interna
  * Plugins that `useTreeItemUtils` can use if they are present, but are not required.
  */
 
-export const isItemExpandable = reactChildren => {
+const isItemExpandable = reactChildren => {
   if (Array.isArray(reactChildren)) {
     return reactChildren.length > 0 && reactChildren.some(isItemExpandable);
   }
   return Boolean(reactChildren);
 };
-export const useTreeItemUtils = ({
+exports.isItemExpandable = isItemExpandable;
+const useTreeItemUtils = ({
   itemId,
   children
 }) => {
@@ -36,13 +41,13 @@ export const useTreeItemUtils = ({
       multiSelect
     },
     publicAPI
-  } = useTreeViewContext();
-  const isExpanded = useSelector(store, selectorIsItemExpanded, itemId);
-  const isFocused = useSelector(store, selectorIsItemFocused, itemId);
-  const isSelected = useSelector(store, selectorIsItemSelected, itemId);
-  const isDisabled = useSelector(store, selectorIsItemDisabled, itemId);
-  const isEditing = useSelector(store, state => label == null ? false : selectorIsItemBeingEdited(state, itemId));
-  const isEditable = useSelector(store, state => label == null ? false : selectorIsItemEditable(state, {
+  } = (0, _TreeViewProvider.useTreeViewContext)();
+  const isExpanded = (0, _useSelector.useSelector)(store, _useTreeViewExpansion.selectorIsItemExpanded, itemId);
+  const isFocused = (0, _useSelector.useSelector)(store, _useTreeViewFocus.selectorIsItemFocused, itemId);
+  const isSelected = (0, _useSelector.useSelector)(store, _useTreeViewSelection.selectorIsItemSelected, itemId);
+  const isDisabled = (0, _useSelector.useSelector)(store, _useTreeViewItems.selectorIsItemDisabled, itemId);
+  const isEditing = (0, _useSelector.useSelector)(store, state => label == null ? false : (0, _useTreeViewLabel2.selectorIsItemBeingEdited)(state, itemId));
+  const isEditable = (0, _useSelector.useSelector)(store, state => label == null ? false : (0, _useTreeViewLabel2.selectorIsItemEditable)(state, {
     itemId,
     isItemEditable: label.isItemEditable
   }));
@@ -65,7 +70,7 @@ export const useTreeItemUtils = ({
     const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);
 
     // If already expanded and trying to toggle selection don't close
-    if (status.expandable && !(multiple && selectorIsItemExpanded(store.value, itemId))) {
+    if (status.expandable && !(multiple && (0, _useTreeViewExpansion.selectorIsItemExpanded)(store.value, itemId))) {
       instance.toggleItemExpansion(event, itemId);
     }
   };
@@ -109,7 +114,7 @@ export const useTreeItemUtils = ({
     }
   };
   const toggleItemEditing = () => {
-    if (!hasPlugin(instance, useTreeViewLabel)) {
+    if (!(0, _plugins.hasPlugin)(instance, _useTreeViewLabel.useTreeViewLabel)) {
       return;
     }
     if (isEditable) {
@@ -121,24 +126,24 @@ export const useTreeItemUtils = ({
     }
   };
   const handleSaveItemLabel = (event, newLabel) => {
-    if (!hasPlugin(instance, useTreeViewLabel)) {
+    if (!(0, _plugins.hasPlugin)(instance, _useTreeViewLabel.useTreeViewLabel)) {
       return;
     }
 
     // As a side effect of `instance.focusItem` called here and in `handleCancelItemLabelEditing` the `labelInput` is blurred
     // The `onBlur` event is triggered, which calls `handleSaveItemLabel` again.
     // To avoid creating an unwanted behavior we need to check if the item is being edited before calling `updateItemLabel`
-    if (selectorIsItemBeingEdited(store.value, itemId)) {
+    if ((0, _useTreeViewLabel2.selectorIsItemBeingEdited)(store.value, itemId)) {
       instance.updateItemLabel(itemId, newLabel);
       toggleItemEditing();
       instance.focusItem(event, itemId);
     }
   };
   const handleCancelItemLabelEditing = event => {
-    if (!hasPlugin(instance, useTreeViewLabel)) {
+    if (!(0, _plugins.hasPlugin)(instance, _useTreeViewLabel.useTreeViewLabel)) {
       return;
     }
-    if (selectorIsItemBeingEdited(store.value, itemId)) {
+    if ((0, _useTreeViewLabel2.selectorIsItemBeingEdited)(store.value, itemId)) {
       toggleItemEditing();
       instance.focusItem(event, itemId);
     }
@@ -156,4 +161,5 @@ export const useTreeItemUtils = ({
     status,
     publicAPI
   };
-};
+};
+exports.useTreeItemUtils = useTreeItemUtils;

package/hooks/useTreeViewApiRef.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { TreeViewAnyPluginSignature, TreeViewPublicAPI } from '../internals/models';
-import { RichTreeViewPluginSignatures } from '../RichTreeView/RichTreeView.plugins';
+import { TreeViewAnyPluginSignature, TreeViewPublicAPI } from "../internals/models/index.js";
+import { RichTreeViewPluginSignatures } from "../RichTreeView/RichTreeView.plugins.js";
 /**
  * Hook that instantiates a [[TreeViewApiRef]].
  */
-export declare const useTreeViewApiRef: <TSignatures extends readonly TreeViewAnyPluginSignature[] = readonly [import("../internals").UseTreeViewItemsSignature, import("../internals").UseTreeViewExpansionSignature, import("../internals").UseTreeViewSelectionSignature, import("../internals").UseTreeViewFocusSignature, import("../internals").UseTreeViewKeyboardNavigationSignature, import("../internals").UseTreeViewIconsSignature, import("../internals").UseTreeViewLabelSignature]>() => React.RefObject<TreeViewPublicAPI<TSignatures> | undefined>;
+export declare const useTreeViewApiRef: <TSignatures extends readonly TreeViewAnyPluginSignature[] = readonly [import("../internals").UseTreeViewItemsSignature, import("../internals").UseTreeViewExpansionSignature, import("../internals").UseTreeViewSelectionSignature, import("../internals").UseTreeViewFocusSignature, import("../internals").UseTreeViewKeyboardNavigationSignature, import("../internals").UseTreeViewIconsSignature, import("../internals").UseTreeViewLabelSignature]>() => React.RefObject<TreeViewPublicAPI<TSignatures> | undefined>;

package/hooks/useTreeViewApiRef.js

@@ -1,7 +1,14 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTreeViewApiRef = void 0;
+var React = _interopRequireWildcard(require("react"));
 /**
  * Hook that instantiates a [[TreeViewApiRef]].
  */
-export const useTreeViewApiRef = () => React.useRef(undefined);
+const useTreeViewApiRef = () => React.useRef(undefined);
+exports.useTreeViewApiRef = useTreeViewApiRef;

package/icons/icons.d.ts

@@ -1,6 +1,6 @@
 export declare const TreeViewExpandIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
+  muiName: string;
 };
 export declare const TreeViewCollapseIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
+  muiName: string;
+};

package/icons/icons.js

@@ -1,9 +1,16 @@
-import { createSvgIcon } from '@mui/material/utils';
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const TreeViewExpandIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+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");
+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');
-export const TreeViewCollapseIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
+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/icons/index.d.ts

@@ -1 +1 @@
-export * from './icons';
+export * from "./icons.js";

package/icons/index.js

@@ -1 +1,16 @@
-export * from "./icons.js";
+"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/index.d.ts

@@ -1,12 +1,12 @@
-export * from './SimpleTreeView';
-export * from './RichTreeView';
-export * from './TreeItem';
-export * from './useTreeItem';
-export * from './TreeItemIcon';
-export * from './TreeItemProvider';
-export * from './TreeItemDragAndDropOverlay';
-export * from './TreeItemLabelInput';
-export { unstable_resetCleanupTracking } from './internals/hooks/useInstanceEventHandler';
-export * from './models';
-export * from './icons';
-export * from './hooks';
+export * from "./SimpleTreeView/index.js";
+export * from "./RichTreeView/index.js";
+export * from "./TreeItem/index.js";
+export * from "./useTreeItem/index.js";
+export * from "./TreeItemIcon/index.js";
+export * from "./TreeItemProvider/index.js";
+export * from "./TreeItemDragAndDropOverlay/index.js";
+export * from "./TreeItemLabelInput/index.js";
+export { unstable_resetCleanupTracking } from "./internals/hooks/useInstanceEventHandler.js";
+export * from "./models/index.js";
+export * from "./icons/index.js";
+export * from "./hooks/index.js";