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

package/{node → esm}/internals/utils/tree.js

@@ -1,15 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isTargetInDescendants = exports.getPreviousNavigableItem = exports.getNonDisabledItemsInRange = exports.getNextNavigableItem = exports.getLastNavigableItem = exports.getFirstNavigableItem = exports.getAllNavigableItems = exports.findOrderInTremauxTree = void 0;
-var _useTreeViewExpansion = require("../plugins/useTreeViewExpansion/useTreeViewExpansion.selectors");
-var _useTreeViewItems = require("../plugins/useTreeViewItems/useTreeViewItems.selectors");
+import { selectorIsItemExpandable, selectorIsItemExpanded } from "../plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.js";
+import { selectorCanItemBeFocused, selectorIsItemDisabled, selectorItemIndex, selectorItemMeta, selectorItemOrderedChildrenIds, selectorItemParentId } from "../plugins/useTreeViewItems/useTreeViewItems.selectors.js";
 const getLastNavigableItemInArray = (state, items) => {
   // Equivalent to Array.prototype.findLastIndex
   let itemIndex = items.length - 1;
-  while (itemIndex >= 0 && !(0, _useTreeViewItems.selectorCanItemBeFocused)(state, items[itemIndex])) {
+  while (itemIndex >= 0 && !selectorCanItemBeFocused(state, items[itemIndex])) {
     itemIndex -= 1;
   }
   if (itemIndex === -1) {
@@ -17,13 +11,13 @@ const getLastNavigableItemInArray = (state, items) => {
   }
   return items[itemIndex];
 };
-const getPreviousNavigableItem = (state, itemId) => {
-  const itemMeta = (0, _useTreeViewItems.selectorItemMeta)(state, itemId);
+export const getPreviousNavigableItem = (state, itemId) => {
+  const itemMeta = selectorItemMeta(state, itemId);
   if (!itemMeta) {
     return null;
   }
-  const siblings = (0, _useTreeViewItems.selectorItemOrderedChildrenIds)(state, itemMeta.parentId);
-  const itemIndex = (0, _useTreeViewItems.selectorItemIndex)(state, itemId);
+  const siblings = selectorItemOrderedChildrenIds(state, itemMeta.parentId);
+  const itemIndex = selectorItemIndex(state, itemId);
 
   // TODO: What should we do if the parent is not navigable?
   if (itemIndex === 0) {
@@ -32,7 +26,7 @@ const getPreviousNavigableItem = (state, itemId) => {
 
   // Finds the previous navigable sibling.
   let previousNavigableSiblingIndex = itemIndex - 1;
-  while (!(0, _useTreeViewItems.selectorCanItemBeFocused)(state, siblings[previousNavigableSiblingIndex]) && previousNavigableSiblingIndex >= 0) {
+  while (!selectorCanItemBeFocused(state, siblings[previousNavigableSiblingIndex]) && previousNavigableSiblingIndex >= 0) {
     previousNavigableSiblingIndex -= 1;
   }
   if (previousNavigableSiblingIndex === -1) {
@@ -47,47 +41,45 @@ const getPreviousNavigableItem = (state, itemId) => {
 
   // Finds the last navigable ancestor of the previous navigable sibling.
   let currentItemId = siblings[previousNavigableSiblingIndex];
-  let lastNavigableChild = getLastNavigableItemInArray(state, (0, _useTreeViewItems.selectorItemOrderedChildrenIds)(state, currentItemId));
-  while ((0, _useTreeViewExpansion.selectorIsItemExpanded)(state, currentItemId) && lastNavigableChild != null) {
+  let lastNavigableChild = getLastNavigableItemInArray(state, selectorItemOrderedChildrenIds(state, currentItemId));
+  while (selectorIsItemExpanded(state, currentItemId) && lastNavigableChild != null) {
     currentItemId = lastNavigableChild;
-    lastNavigableChild = (0, _useTreeViewItems.selectorItemOrderedChildrenIds)(state, currentItemId).find(childId => (0, _useTreeViewItems.selectorCanItemBeFocused)(state, childId));
+    lastNavigableChild = selectorItemOrderedChildrenIds(state, currentItemId).find(childId => selectorCanItemBeFocused(state, childId));
   }
   return currentItemId;
 };
-exports.getPreviousNavigableItem = getPreviousNavigableItem;
-const getNextNavigableItem = (state, itemId) => {
+export const getNextNavigableItem = (state, itemId) => {
   // If the item is expanded and has some navigable children, return the first of them.
-  if ((0, _useTreeViewExpansion.selectorIsItemExpanded)(state, itemId)) {
-    const firstNavigableChild = (0, _useTreeViewItems.selectorItemOrderedChildrenIds)(state, itemId).find(childId => (0, _useTreeViewItems.selectorCanItemBeFocused)(state, childId));
+  if (selectorIsItemExpanded(state, itemId)) {
+    const firstNavigableChild = selectorItemOrderedChildrenIds(state, itemId).find(childId => selectorCanItemBeFocused(state, childId));
     if (firstNavigableChild != null) {
       return firstNavigableChild;
     }
   }
-  let itemMeta = (0, _useTreeViewItems.selectorItemMeta)(state, itemId);
+  let itemMeta = selectorItemMeta(state, itemId);
   while (itemMeta != null) {
     // Try to find the first navigable sibling after the current item.
-    const siblings = (0, _useTreeViewItems.selectorItemOrderedChildrenIds)(state, itemMeta.parentId);
-    const currentItemIndex = (0, _useTreeViewItems.selectorItemIndex)(state, itemMeta.id);
+    const siblings = selectorItemOrderedChildrenIds(state, itemMeta.parentId);
+    const currentItemIndex = selectorItemIndex(state, itemMeta.id);
     if (currentItemIndex < siblings.length - 1) {
       let nextItemIndex = currentItemIndex + 1;
-      while (!(0, _useTreeViewItems.selectorCanItemBeFocused)(state, siblings[nextItemIndex]) && nextItemIndex < siblings.length - 1) {
+      while (!selectorCanItemBeFocused(state, siblings[nextItemIndex]) && nextItemIndex < siblings.length - 1) {
         nextItemIndex += 1;
       }
-      if ((0, _useTreeViewItems.selectorCanItemBeFocused)(state, siblings[nextItemIndex])) {
+      if (selectorCanItemBeFocused(state, siblings[nextItemIndex])) {
         return siblings[nextItemIndex];
       }
     }
 
     // If the sibling does not exist, go up a level to the parent and try again.
-    itemMeta = (0, _useTreeViewItems.selectorItemMeta)(state, itemMeta.parentId);
+    itemMeta = selectorItemMeta(state, itemMeta.parentId);
   }
   return null;
 };
-exports.getNextNavigableItem = getNextNavigableItem;
-const getLastNavigableItem = state => {
+export const getLastNavigableItem = state => {
   let itemId = null;
-  while (itemId == null || (0, _useTreeViewExpansion.selectorIsItemExpanded)(state, itemId)) {
-    const children = (0, _useTreeViewItems.selectorItemOrderedChildrenIds)(state, itemId);
+  while (itemId == null || selectorIsItemExpanded(state, itemId)) {
+    const children = selectorItemOrderedChildrenIds(state, itemId);
     const lastNavigableChild = getLastNavigableItemInArray(state, children);
 
     // The item has no navigable children.
@@ -98,8 +90,7 @@ const getLastNavigableItem = state => {
   }
   return itemId;
 };
-exports.getLastNavigableItem = getLastNavigableItem;
-const getFirstNavigableItem = state => (0, _useTreeViewItems.selectorItemOrderedChildrenIds)(state, null).find(itemId => (0, _useTreeViewItems.selectorCanItemBeFocused)(state, itemId));
+export const getFirstNavigableItem = state => selectorItemOrderedChildrenIds(state, null).find(itemId => selectorCanItemBeFocused(state, itemId));
 
 /**
  * This is used to determine the start and end of a selection range so
@@ -115,13 +106,12 @@ const getFirstNavigableItem = state => (0, _useTreeViewItems.selectorItemOrdered
  * Another way to put it is which item is shallower in a trémaux tree
  * https://en.wikipedia.org/wiki/Tr%C3%A9maux_tree
  */
-exports.getFirstNavigableItem = getFirstNavigableItem;
-const findOrderInTremauxTree = (state, itemAId, itemBId) => {
+export const findOrderInTremauxTree = (state, itemAId, itemBId) => {
   if (itemAId === itemBId) {
     return [itemAId, itemBId];
   }
-  const itemMetaA = (0, _useTreeViewItems.selectorItemMeta)(state, itemAId);
-  const itemMetaB = (0, _useTreeViewItems.selectorItemMeta)(state, itemBId);
+  const itemMetaA = selectorItemMeta(state, itemAId);
+  const itemMetaB = selectorItemMeta(state, itemBId);
   if (!itemMetaA || !itemMetaB) {
     return [itemAId, itemBId];
   }
@@ -142,7 +132,7 @@ const findOrderInTremauxTree = (state, itemAId, itemBId) => {
       aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;
       continueA = aAncestor !== null;
       if (!aAncestorIsCommon && continueA) {
-        aAncestor = (0, _useTreeViewItems.selectorItemParentId)(state, aAncestor);
+        aAncestor = selectorItemParentId(state, aAncestor);
       }
     }
     if (continueB && !aAncestorIsCommon) {
@@ -150,34 +140,33 @@ const findOrderInTremauxTree = (state, itemAId, itemBId) => {
       bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;
       continueB = bAncestor !== null;
       if (!bAncestorIsCommon && continueB) {
-        bAncestor = (0, _useTreeViewItems.selectorItemParentId)(state, bAncestor);
+        bAncestor = selectorItemParentId(state, bAncestor);
       }
     }
   }
   const commonAncestor = aAncestorIsCommon ? aAncestor : bAncestor;
-  const ancestorFamily = (0, _useTreeViewItems.selectorItemOrderedChildrenIds)(state, commonAncestor);
+  const ancestorFamily = selectorItemOrderedChildrenIds(state, commonAncestor);
   const aSide = aFamily[aFamily.indexOf(commonAncestor) - 1];
   const bSide = bFamily[bFamily.indexOf(commonAncestor) - 1];
   return ancestorFamily.indexOf(aSide) < ancestorFamily.indexOf(bSide) ? [itemAId, itemBId] : [itemBId, itemAId];
 };
-exports.findOrderInTremauxTree = findOrderInTremauxTree;
-const getNonDisabledItemsInRange = (state, itemAId, itemBId) => {
+export const getNonDisabledItemsInRange = (state, itemAId, itemBId) => {
   const getNextItem = itemId => {
     // If the item is expanded and has some children, return the first of them.
-    if ((0, _useTreeViewExpansion.selectorIsItemExpandable)(state, itemId) && (0, _useTreeViewExpansion.selectorIsItemExpanded)(state, itemId)) {
-      return (0, _useTreeViewItems.selectorItemOrderedChildrenIds)(state, itemId)[0];
+    if (selectorIsItemExpandable(state, itemId) && selectorIsItemExpanded(state, itemId)) {
+      return selectorItemOrderedChildrenIds(state, itemId)[0];
     }
-    let itemMeta = (0, _useTreeViewItems.selectorItemMeta)(state, itemId);
+    let itemMeta = selectorItemMeta(state, itemId);
     while (itemMeta != null) {
       // Try to find the first navigable sibling after the current item.
-      const siblings = (0, _useTreeViewItems.selectorItemOrderedChildrenIds)(state, itemMeta.parentId);
-      const currentItemIndex = (0, _useTreeViewItems.selectorItemIndex)(state, itemMeta.id);
+      const siblings = selectorItemOrderedChildrenIds(state, itemMeta.parentId);
+      const currentItemIndex = selectorItemIndex(state, itemMeta.id);
       if (currentItemIndex < siblings.length - 1) {
         return siblings[currentItemIndex + 1];
       }
 
       // If the item is the last of its siblings, go up a level to the parent and try again.
-      itemMeta = itemMeta.parentId ? (0, _useTreeViewItems.selectorItemMeta)(state, itemMeta.parentId) : null;
+      itemMeta = itemMeta.parentId ? selectorItemMeta(state, itemMeta.parentId) : null;
     }
     throw new Error('Invalid range');
   };
@@ -186,14 +175,13 @@ const getNonDisabledItemsInRange = (state, itemAId, itemBId) => {
   let current = first;
   while (current !== last) {
     current = getNextItem(current);
-    if (!(0, _useTreeViewItems.selectorIsItemDisabled)(state, current)) {
+    if (!selectorIsItemDisabled(state, current)) {
       items.push(current);
     }
   }
   return items;
 };
-exports.getNonDisabledItemsInRange = getNonDisabledItemsInRange;
-const getAllNavigableItems = state => {
+export const getAllNavigableItems = state => {
   let item = getFirstNavigableItem(state);
   const navigableItems = [];
   while (item != null) {
@@ -210,8 +198,6 @@ const getAllNavigableItems = state => {
  * @param {HTMLElement | null} itemRoot The root of the item to check if the event target is in its descendants
  * @returns {boolean} Whether the target is in a descendant of this item
  */
-exports.getAllNavigableItems = getAllNavigableItems;
-const isTargetInDescendants = (target, itemRoot) => {
+export const isTargetInDescendants = (target, itemRoot) => {
   return itemRoot !== target.closest('*[role="treeitem"]');
-};
-exports.isTargetInDescendants = isTargetInDescendants;
+};

package/esm/internals/utils/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getActiveElement: (root?: Document | ShadowRoot) => Element | null;
+export declare function escapeOperandAttributeSelector(operand: string): string;

package/{node → esm}/internals/utils/utils.js

@@ -1,12 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.escapeOperandAttributeSelector = escapeOperandAttributeSelector;
-exports.getActiveElement = void 0;
 // https://www.abeautifulsite.net/posts/finding-the-active-element-in-a-shadow-root/
-const getActiveElement = (root = document) => {
+export const getActiveElement = (root = document) => {
   const activeEl = root.activeElement;
   if (!activeEl) {
     return null;
@@ -19,7 +12,6 @@ const getActiveElement = (root = document) => {
 
 // TODO, eventually replaces this function with CSS.escape, once available in jsdom, either added manually or built in
 // https://github.com/jsdom/jsdom/issues/1550#issuecomment-236734471
-exports.getActiveElement = getActiveElement;
-function escapeOperandAttributeSelector(operand) {
+export function escapeOperandAttributeSelector(operand) {
   return operand.replace(/["\\]/g, '\\$&');
 }

package/esm/internals/zero-styled/index.d.ts

@@ -0,0 +1,3 @@
+import { useThemeProps } from '@mui/material/styles';
+export { styled } from '@mui/material/styles';
+export declare function createUseThemeProps(name: string): typeof useThemeProps;

package/esm/internals/zero-styled/index.js

@@ -0,0 +1,7 @@
+import { useThemeProps } from '@mui/material/styles';
+export { styled } from '@mui/material/styles';
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export function createUseThemeProps(name) {
+  return useThemeProps;
+}

package/esm/models/events.d.ts

@@ -0,0 +1,4 @@
+export type TreeViewCancellableEvent = {
+  defaultMuiPrevented?: boolean;
+};
+export type TreeViewCancellableEventHandler<Event> = (event: Event & TreeViewCancellableEvent) => void;

package/esm/models/events.js

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

package/esm/models/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./items.js";
+export * from "./events.js";
+export type { PropsFromSlot } from '@mui/x-internals/slots';

package/esm/models/index.js

@@ -0,0 +1,5 @@
+export * from "./items.js";
+export * from "./events.js";
+
+// Utils shared across the X packages
+export {};

package/esm/models/items.d.ts

@@ -0,0 +1,13 @@
+export type TreeViewItemId = string;
+export type TreeViewDefaultItemModelProperties = {
+  id: string;
+  label: string;
+};
+export type TreeViewBaseItem<R extends {} = TreeViewDefaultItemModelProperties> = R & {
+  children?: TreeViewBaseItem<R>[];
+};
+export type TreeViewItemsReorderingAction = 'reorder-above' | 'reorder-below' | 'make-child' | 'move-to-parent';
+export interface TreeViewSelectionPropagation {
+  descendants?: boolean;
+  parents?: boolean;
+}

package/esm/models/items.js

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

package/esm/package.json

@@ -0,0 +1 @@
+{"type":"module","sideEffects":false}

package/esm/themeAugmentation/components.d.ts

@@ -0,0 +1,21 @@
+import { ComponentsProps, ComponentsOverrides, ComponentsVariants } from '@mui/material/styles';
+export interface TreeViewComponents<Theme = unknown> {
+  MuiSimpleTreeView?: {
+    defaultProps?: ComponentsProps['MuiSimpleTreeView'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiSimpleTreeView'];
+    variants?: ComponentsVariants<Theme>['MuiSimpleTreeView'];
+  };
+  MuiRichTreeView?: {
+    defaultProps?: ComponentsProps['MuiRichTreeView'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiRichTreeView'];
+    variants?: ComponentsVariants<Theme>['MuiRichTreeView'];
+  };
+  MuiTreeItem?: {
+    defaultProps?: ComponentsProps['MuiTreeItem'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiTreeItem'];
+    variants?: ComponentsVariants<Theme>['MuiTreeItem'];
+  };
+}
+declare module '@mui/material/styles' {
+  interface Components<Theme = unknown> extends TreeViewComponents<Theme> {}
+}

package/esm/themeAugmentation/index.d.ts

@@ -0,0 +1,3 @@
+export type * from './overrides';
+export type * from './props';
+export type * from './components';

package/esm/themeAugmentation/overrides.d.ts

@@ -0,0 +1,16 @@
+import { RichTreeViewClassKey } from "../RichTreeView/index.js";
+import { SimpleTreeViewClassKey } from "../SimpleTreeView/index.js";
+import { TreeItemClassKey } from "../TreeItem/index.js";
+
+// prettier-ignore
+export interface TreeViewComponentNameToClassKey {
+  MuiSimpleTreeView: SimpleTreeViewClassKey;
+  MuiRichTreeView: RichTreeViewClassKey;
+  MuiTreeItem: TreeItemClassKey;
+}
+declare module '@mui/material/styles' {
+  interface ComponentNameToClassKey extends TreeViewComponentNameToClassKey {}
+}
+
+// disable automatic export
+export {};

package/esm/themeAugmentation/props.d.ts

@@ -0,0 +1,14 @@
+import { SimpleTreeViewProps } from "../SimpleTreeView/index.js";
+import { RichTreeViewProps } from "../RichTreeView/index.js";
+import { TreeItemProps } from "../TreeItem/index.js";
+export interface TreeViewComponentsPropsList {
+  MuiSimpleTreeView: SimpleTreeViewProps<any>;
+  MuiRichTreeView: RichTreeViewProps<any, any>;
+  MuiTreeItem: TreeItemProps;
+}
+declare module '@mui/material/styles' {
+  interface ComponentsPropsList extends TreeViewComponentsPropsList {}
+}
+
+// disable automatic export
+export {};

package/esm/useTreeItem/index.d.ts

@@ -0,0 +1,2 @@
+export { useTreeItem } from "./useTreeItem.js";
+export type { UseTreeItemParameters, UseTreeItemReturnValue, UseTreeItemStatus, UseTreeItemRootSlotOwnProps, UseTreeItemContentSlotOwnProps, UseTreeItemLabelInputSlotOwnProps, UseTreeItemLabelSlotOwnProps, UseTreeItemCheckboxSlotOwnProps, UseTreeItemIconContainerSlotOwnProps, UseTreeItemGroupTransitionSlotOwnProps, UseTreeItemDragAndDropOverlaySlotOwnProps } from './useTreeItem.types';

package/esm/useTreeItem/index.js

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

package/esm/useTreeItem/useTreeItem.d.ts

@@ -0,0 +1,2 @@
+import { UseTreeItemParameters, UseTreeItemReturnValue, UseTreeItemMinimalPlugins, UseTreeItemOptionalPlugins } from "./useTreeItem.types.js";
+export declare const useTreeItem: <TSignatures extends UseTreeItemMinimalPlugins = UseTreeItemMinimalPlugins, TOptionalSignatures extends UseTreeItemOptionalPlugins = readonly []>(parameters: UseTreeItemParameters) => UseTreeItemReturnValue<TSignatures, TOptionalSignatures>;

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

@@ -1,27 +1,20 @@
-"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.useTreeItem = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _extractEventHandlers = _interopRequireDefault(require("@mui/utils/extractEventHandlers"));
-var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
-var _TreeViewProvider = require("../internals/TreeViewProvider");
-var _useTreeItemUtils = require("../hooks/useTreeItemUtils");
-var _TreeViewItemDepthContext = require("../internals/TreeViewItemDepthContext");
-var _tree = require("../internals/utils/tree");
-var _useSelector = require("../internals/hooks/useSelector");
-var _useTreeViewFocus = require("../internals/plugins/useTreeViewFocus/useTreeViewFocus.selectors");
-var _useTreeViewId = require("../internals/corePlugins/useTreeViewId/useTreeViewId.utils");
-var _useTreeViewItems = require("../internals/plugins/useTreeViewItems/useTreeViewItems.selectors");
-var _useTreeViewId2 = require("../internals/corePlugins/useTreeViewId/useTreeViewId.selectors");
-var _useTreeViewExpansion = require("../internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors");
-const useTreeItem = parameters => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import extractEventHandlers from '@mui/utils/extractEventHandlers';
+import useForkRef from '@mui/utils/useForkRef';
+import { useTreeViewContext } from "../internals/TreeViewProvider/index.js";
+import { useTreeItemUtils } from "../hooks/useTreeItemUtils/index.js";
+import { TreeViewItemDepthContext } from "../internals/TreeViewItemDepthContext/index.js";
+import { isTargetInDescendants } from "../internals/utils/tree.js";
+import { useSelector } from "../internals/hooks/useSelector.js";
+import { selectorIsItemTheDefaultFocusableItem } from "../internals/plugins/useTreeViewFocus/useTreeViewFocus.selectors.js";
+import { generateTreeItemIdAttribute } from "../internals/corePlugins/useTreeViewId/useTreeViewId.utils.js";
+import { selectorCanItemBeFocused } from "../internals/plugins/useTreeViewItems/useTreeViewItems.selectors.js";
+import { selectorTreeViewId } from "../internals/corePlugins/useTreeViewId/useTreeViewId.selectors.js";
+import { selectorItemExpansionTrigger } from "../internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.js";
+export const useTreeItem = parameters => {
   const {
     runItemPlugins,
     items: {
@@ -35,9 +28,9 @@ const useTreeItem = parameters => {
     instance,
     publicAPI,
     store
-  } = (0, _TreeViewProvider.useTreeViewContext)();
-  const depthContext = React.useContext(_TreeViewItemDepthContext.TreeViewItemDepthContext);
-  const depth = (0, _useSelector.useSelector)(store, (...params) => {
+  } = useTreeViewContext();
+  const depthContext = React.useContext(TreeViewItemDepthContext);
+  const depth = useSelector(store, (...params) => {
     if (typeof depthContext === 'function') {
       return depthContext(...params);
     }
@@ -58,22 +51,22 @@ const useTreeItem = parameters => {
   const {
     interactions,
     status
-  } = (0, _useTreeItemUtils.useTreeItemUtils)({
+  } = useTreeItemUtils({
     itemId,
     children
   });
   const rootRefObject = React.useRef(null);
   const contentRefObject = React.useRef(null);
-  const handleRootRef = (0, _useForkRef.default)(rootRef, pluginRootRef, rootRefObject);
-  const handleContentRef = (0, _useForkRef.default)(contentRef, contentRefObject);
+  const handleRootRef = useForkRef(rootRef, pluginRootRef, rootRefObject);
+  const handleContentRef = useForkRef(contentRef, contentRefObject);
   const checkboxRef = React.useRef(null);
-  const treeId = (0, _useSelector.useSelector)(store, _useTreeViewId2.selectorTreeViewId);
-  const idAttribute = (0, _useTreeViewId.generateTreeItemIdAttribute)({
+  const treeId = useSelector(store, selectorTreeViewId);
+  const idAttribute = generateTreeItemIdAttribute({
     itemId,
     treeId,
     id
   });
-  const shouldBeAccessibleWithTab = (0, _useSelector.useSelector)(store, _useTreeViewFocus.selectorIsItemTheDefaultFocusableItem, itemId);
+  const shouldBeAccessibleWithTab = useSelector(store, selectorIsItemTheDefaultFocusableItem, itemId);
   const sharedPropsEnhancerParams = {
     rootRefObject,
     contentRefObject,
@@ -85,7 +78,7 @@ const useTreeItem = parameters => {
     if (event.defaultMuiPrevented) {
       return;
     }
-    if (!status.focused && (0, _useTreeViewItems.selectorCanItemBeFocused)(store.value, itemId) && event.currentTarget === event.target) {
+    if (!status.focused && selectorCanItemBeFocused(store.value, itemId) && event.currentTarget === event.target) {
       instance.focusItem(event, itemId);
     }
   };
@@ -102,7 +95,7 @@ const useTreeItem = parameters => {
     if (status.editing ||
     // we can exit the editing state by clicking outside the input (within the Tree Item) or by pressing Enter or Escape -> we don't want to remove the focused item from the state in these cases
     // we can also exit the editing state by clicking on the root itself -> want to remove the focused item from the state in this case
-    event.relatedTarget && (0, _tree.isTargetInDescendants)(event.relatedTarget, rootElement) && (event.target && event.target?.dataset?.element === 'labelInput' && (0, _tree.isTargetInDescendants)(event.target, rootElement) || event.relatedTarget?.dataset?.element === 'labelInput')) {
+    event.relatedTarget && isTargetInDescendants(event.relatedTarget, rootElement) && (event.target && event.target?.dataset?.element === 'labelInput' && isTargetInDescendants(event.target, rootElement) || event.relatedTarget?.dataset?.element === 'labelInput')) {
       return;
     }
     instance.removeFocusedItem();
@@ -127,7 +120,7 @@ const useTreeItem = parameters => {
     if (event.defaultMuiPrevented || checkboxRef.current?.contains(event.target)) {
       return;
     }
-    if ((0, _useTreeViewExpansion.selectorItemExpansionTrigger)(store.value) === 'content') {
+    if (selectorItemExpansionTrigger(store.value) === 'content') {
       interactions.handleExpansion(event);
     }
     if (!checkboxSelection) {
@@ -150,7 +143,7 @@ const useTreeItem = parameters => {
     if (event.defaultMuiPrevented) {
       return;
     }
-    if ((0, _useTreeViewExpansion.selectorItemExpansionTrigger)(store.value) === 'iconContainer') {
+    if (selectorItemExpansionTrigger(store.value) === 'iconContainer') {
       interactions.handleExpansion(event);
     }
   };
@@ -159,7 +152,7 @@ const useTreeItem = parameters => {
     id
   });
   const getRootProps = (externalProps = {}) => {
-    const externalEventHandlers = (0, _extends2.default)({}, (0, _extractEventHandlers.default)(parameters), (0, _extractEventHandlers.default)(externalProps));
+    const externalEventHandlers = _extends({}, extractEventHandlers(parameters), extractEventHandlers(externalProps));
 
     // https://www.w3.org/WAI/ARIA/apg/patterns/treeview/
     let ariaSelected;
@@ -173,7 +166,7 @@ const useTreeItem = parameters => {
       // - all nodes that are selectable but not selected have aria-selected set to false.
       ariaSelected = false;
     }
-    const props = (0, _extends2.default)({}, externalEventHandlers, {
+    const props = _extends({}, externalEventHandlers, {
       ref: handleRootRef,
       role: 'treeitem',
       tabIndex: shouldBeAccessibleWithTab ? 0 : -1,
@@ -182,44 +175,44 @@ const useTreeItem = parameters => {
       'aria-selected': ariaSelected,
       'aria-disabled': status.disabled || undefined
     }, externalProps, {
-      style: (0, _extends2.default)({}, externalProps.style ?? {}, {
+      style: _extends({}, externalProps.style ?? {}, {
         '--TreeView-itemDepth': depth
       }),
       onFocus: createRootHandleFocus(externalEventHandlers),
       onBlur: createRootHandleBlur(externalEventHandlers),
       onKeyDown: createRootHandleKeyDown(externalEventHandlers)
     });
-    const enhancedRootProps = propsEnhancers.root?.((0, _extends2.default)({}, sharedPropsEnhancerParams, {
+    const enhancedRootProps = propsEnhancers.root?.(_extends({}, sharedPropsEnhancerParams, {
       externalEventHandlers
     })) ?? {};
-    return (0, _extends2.default)({}, props, enhancedRootProps);
+    return _extends({}, props, enhancedRootProps);
   };
   const getContentProps = (externalProps = {}) => {
-    const externalEventHandlers = (0, _extractEventHandlers.default)(externalProps);
-    const props = (0, _extends2.default)({}, externalEventHandlers, externalProps, {
+    const externalEventHandlers = extractEventHandlers(externalProps);
+    const props = _extends({}, externalEventHandlers, externalProps, {
       ref: handleContentRef,
       onClick: createContentHandleClick(externalEventHandlers),
       onMouseDown: createContentHandleMouseDown(externalEventHandlers),
       status
     });
-    const enhancedContentProps = propsEnhancers.content?.((0, _extends2.default)({}, sharedPropsEnhancerParams, {
+    const enhancedContentProps = propsEnhancers.content?.(_extends({}, sharedPropsEnhancerParams, {
       externalEventHandlers
     })) ?? {};
-    return (0, _extends2.default)({}, props, enhancedContentProps);
+    return _extends({}, props, enhancedContentProps);
   };
   const getCheckboxProps = (externalProps = {}) => {
-    const externalEventHandlers = (0, _extractEventHandlers.default)(externalProps);
-    const props = (0, _extends2.default)({}, externalEventHandlers, {
+    const externalEventHandlers = extractEventHandlers(externalProps);
+    const props = _extends({}, externalEventHandlers, {
       ref: checkboxRef
     }, externalProps);
-    const enhancedCheckboxProps = propsEnhancers.checkbox?.((0, _extends2.default)({}, sharedPropsEnhancerParams, {
+    const enhancedCheckboxProps = propsEnhancers.checkbox?.(_extends({}, sharedPropsEnhancerParams, {
       externalEventHandlers
     })) ?? {};
-    return (0, _extends2.default)({}, props, enhancedCheckboxProps);
+    return _extends({}, props, enhancedCheckboxProps);
   };
   const getLabelProps = (externalProps = {}) => {
-    const externalEventHandlers = (0, _extends2.default)({}, (0, _extractEventHandlers.default)(externalProps));
-    const props = (0, _extends2.default)({}, externalEventHandlers, {
+    const externalEventHandlers = _extends({}, extractEventHandlers(externalProps));
+    const props = _extends({}, externalEventHandlers, {
       children: label
     }, externalProps, {
       onDoubleClick: createLabelHandleDoubleClick(externalEventHandlers)
@@ -230,21 +223,21 @@ const useTreeItem = parameters => {
     return props;
   };
   const getLabelInputProps = (externalProps = {}) => {
-    const externalEventHandlers = (0, _extractEventHandlers.default)(externalProps);
-    const enhancedLabelInputProps = propsEnhancers.labelInput?.((0, _extends2.default)({}, sharedPropsEnhancerParams, {
+    const externalEventHandlers = extractEventHandlers(externalProps);
+    const enhancedLabelInputProps = propsEnhancers.labelInput?.(_extends({}, sharedPropsEnhancerParams, {
       externalEventHandlers
     })) ?? {};
-    return (0, _extends2.default)({}, externalProps, enhancedLabelInputProps);
+    return _extends({}, externalProps, enhancedLabelInputProps);
   };
   const getIconContainerProps = (externalProps = {}) => {
-    const externalEventHandlers = (0, _extractEventHandlers.default)(externalProps);
-    return (0, _extends2.default)({}, externalEventHandlers, externalProps, {
+    const externalEventHandlers = extractEventHandlers(externalProps);
+    return _extends({}, externalEventHandlers, externalProps, {
       onClick: createIconContainerHandleClick(externalEventHandlers)
     });
   };
   const getGroupTransitionProps = (externalProps = {}) => {
-    const externalEventHandlers = (0, _extractEventHandlers.default)(externalProps);
-    const response = (0, _extends2.default)({}, externalEventHandlers, {
+    const externalEventHandlers = extractEventHandlers(externalProps);
+    const response = _extends({}, externalEventHandlers, {
       unmountOnExit: true,
       component: 'ul',
       role: 'group',
@@ -254,11 +247,11 @@ const useTreeItem = parameters => {
     return response;
   };
   const getDragAndDropOverlayProps = (externalProps = {}) => {
-    const externalEventHandlers = (0, _extractEventHandlers.default)(externalProps);
-    const enhancedDragAndDropOverlayProps = propsEnhancers.dragAndDropOverlay?.((0, _extends2.default)({}, sharedPropsEnhancerParams, {
+    const externalEventHandlers = extractEventHandlers(externalProps);
+    const enhancedDragAndDropOverlayProps = propsEnhancers.dragAndDropOverlay?.(_extends({}, sharedPropsEnhancerParams, {
       externalEventHandlers
     })) ?? {};
-    return (0, _extends2.default)({}, externalProps, enhancedDragAndDropOverlayProps);
+    return _extends({}, externalProps, enhancedDragAndDropOverlayProps);
   };
   return {
     getContextProviderProps,
@@ -274,5 +267,4 @@ const useTreeItem = parameters => {
     status,
     publicAPI
   };
-};
-exports.useTreeItem = useTreeItem;
+};