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

package/useTreeItem/index.d.ts

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

package/useTreeItem/index.js

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

package/useTreeItem/useTreeItem.d.ts

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

@@ -1,20 +1,27 @@
+"use strict";
 'use client';
 
-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 => {
+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 => {
   const {
     runItemPlugins,
     items: {
@@ -28,9 +35,9 @@ export const useTreeItem = parameters => {
     instance,
     publicAPI,
     store
-  } = useTreeViewContext();
-  const depthContext = React.useContext(TreeViewItemDepthContext);
-  const depth = useSelector(store, (...params) => {
+  } = (0, _TreeViewProvider.useTreeViewContext)();
+  const depthContext = React.useContext(_TreeViewItemDepthContext.TreeViewItemDepthContext);
+  const depth = (0, _useSelector.useSelector)(store, (...params) => {
     if (typeof depthContext === 'function') {
       return depthContext(...params);
     }
@@ -51,22 +58,22 @@ export const useTreeItem = parameters => {
   const {
     interactions,
     status
-  } = useTreeItemUtils({
+  } = (0, _useTreeItemUtils.useTreeItemUtils)({
     itemId,
     children
   });
   const rootRefObject = React.useRef(null);
   const contentRefObject = React.useRef(null);
-  const handleRootRef = useForkRef(rootRef, pluginRootRef, rootRefObject);
-  const handleContentRef = useForkRef(contentRef, contentRefObject);
+  const handleRootRef = (0, _useForkRef.default)(rootRef, pluginRootRef, rootRefObject);
+  const handleContentRef = (0, _useForkRef.default)(contentRef, contentRefObject);
   const checkboxRef = React.useRef(null);
-  const treeId = useSelector(store, selectorTreeViewId);
-  const idAttribute = generateTreeItemIdAttribute({
+  const treeId = (0, _useSelector.useSelector)(store, _useTreeViewId2.selectorTreeViewId);
+  const idAttribute = (0, _useTreeViewId.generateTreeItemIdAttribute)({
     itemId,
     treeId,
     id
   });
-  const shouldBeAccessibleWithTab = useSelector(store, selectorIsItemTheDefaultFocusableItem, itemId);
+  const shouldBeAccessibleWithTab = (0, _useSelector.useSelector)(store, _useTreeViewFocus.selectorIsItemTheDefaultFocusableItem, itemId);
   const sharedPropsEnhancerParams = {
     rootRefObject,
     contentRefObject,
@@ -78,7 +85,7 @@ export const useTreeItem = parameters => {
     if (event.defaultMuiPrevented) {
       return;
     }
-    if (!status.focused && selectorCanItemBeFocused(store.value, itemId) && event.currentTarget === event.target) {
+    if (!status.focused && (0, _useTreeViewItems.selectorCanItemBeFocused)(store.value, itemId) && event.currentTarget === event.target) {
       instance.focusItem(event, itemId);
     }
   };
@@ -95,7 +102,7 @@ export 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 && isTargetInDescendants(event.relatedTarget, rootElement) && (event.target && event.target?.dataset?.element === 'labelInput' && isTargetInDescendants(event.target, rootElement) || event.relatedTarget?.dataset?.element === 'labelInput')) {
+    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')) {
       return;
     }
     instance.removeFocusedItem();
@@ -120,7 +127,7 @@ export const useTreeItem = parameters => {
     if (event.defaultMuiPrevented || checkboxRef.current?.contains(event.target)) {
       return;
     }
-    if (selectorItemExpansionTrigger(store.value) === 'content') {
+    if ((0, _useTreeViewExpansion.selectorItemExpansionTrigger)(store.value) === 'content') {
       interactions.handleExpansion(event);
     }
     if (!checkboxSelection) {
@@ -143,7 +150,7 @@ export const useTreeItem = parameters => {
     if (event.defaultMuiPrevented) {
       return;
     }
-    if (selectorItemExpansionTrigger(store.value) === 'iconContainer') {
+    if ((0, _useTreeViewExpansion.selectorItemExpansionTrigger)(store.value) === 'iconContainer') {
       interactions.handleExpansion(event);
     }
   };
@@ -152,7 +159,7 @@ export const useTreeItem = parameters => {
     id
   });
   const getRootProps = (externalProps = {}) => {
-    const externalEventHandlers = _extends({}, extractEventHandlers(parameters), extractEventHandlers(externalProps));
+    const externalEventHandlers = (0, _extends2.default)({}, (0, _extractEventHandlers.default)(parameters), (0, _extractEventHandlers.default)(externalProps));
 
     // https://www.w3.org/WAI/ARIA/apg/patterns/treeview/
     let ariaSelected;
@@ -166,7 +173,7 @@ export const useTreeItem = parameters => {
       // - all nodes that are selectable but not selected have aria-selected set to false.
       ariaSelected = false;
     }
-    const props = _extends({}, externalEventHandlers, {
+    const props = (0, _extends2.default)({}, externalEventHandlers, {
       ref: handleRootRef,
       role: 'treeitem',
       tabIndex: shouldBeAccessibleWithTab ? 0 : -1,
@@ -175,44 +182,44 @@ export const useTreeItem = parameters => {
       'aria-selected': ariaSelected,
       'aria-disabled': status.disabled || undefined
     }, externalProps, {
-      style: _extends({}, externalProps.style ?? {}, {
+      style: (0, _extends2.default)({}, externalProps.style ?? {}, {
         '--TreeView-itemDepth': depth
       }),
       onFocus: createRootHandleFocus(externalEventHandlers),
       onBlur: createRootHandleBlur(externalEventHandlers),
       onKeyDown: createRootHandleKeyDown(externalEventHandlers)
     });
-    const enhancedRootProps = propsEnhancers.root?.(_extends({}, sharedPropsEnhancerParams, {
+    const enhancedRootProps = propsEnhancers.root?.((0, _extends2.default)({}, sharedPropsEnhancerParams, {
       externalEventHandlers
     })) ?? {};
-    return _extends({}, props, enhancedRootProps);
+    return (0, _extends2.default)({}, props, enhancedRootProps);
   };
   const getContentProps = (externalProps = {}) => {
-    const externalEventHandlers = extractEventHandlers(externalProps);
-    const props = _extends({}, externalEventHandlers, externalProps, {
+    const externalEventHandlers = (0, _extractEventHandlers.default)(externalProps);
+    const props = (0, _extends2.default)({}, externalEventHandlers, externalProps, {
       ref: handleContentRef,
       onClick: createContentHandleClick(externalEventHandlers),
       onMouseDown: createContentHandleMouseDown(externalEventHandlers),
       status
     });
-    const enhancedContentProps = propsEnhancers.content?.(_extends({}, sharedPropsEnhancerParams, {
+    const enhancedContentProps = propsEnhancers.content?.((0, _extends2.default)({}, sharedPropsEnhancerParams, {
       externalEventHandlers
     })) ?? {};
-    return _extends({}, props, enhancedContentProps);
+    return (0, _extends2.default)({}, props, enhancedContentProps);
   };
   const getCheckboxProps = (externalProps = {}) => {
-    const externalEventHandlers = extractEventHandlers(externalProps);
-    const props = _extends({}, externalEventHandlers, {
+    const externalEventHandlers = (0, _extractEventHandlers.default)(externalProps);
+    const props = (0, _extends2.default)({}, externalEventHandlers, {
       ref: checkboxRef
     }, externalProps);
-    const enhancedCheckboxProps = propsEnhancers.checkbox?.(_extends({}, sharedPropsEnhancerParams, {
+    const enhancedCheckboxProps = propsEnhancers.checkbox?.((0, _extends2.default)({}, sharedPropsEnhancerParams, {
       externalEventHandlers
     })) ?? {};
-    return _extends({}, props, enhancedCheckboxProps);
+    return (0, _extends2.default)({}, props, enhancedCheckboxProps);
   };
   const getLabelProps = (externalProps = {}) => {
-    const externalEventHandlers = _extends({}, extractEventHandlers(externalProps));
-    const props = _extends({}, externalEventHandlers, {
+    const externalEventHandlers = (0, _extends2.default)({}, (0, _extractEventHandlers.default)(externalProps));
+    const props = (0, _extends2.default)({}, externalEventHandlers, {
       children: label
     }, externalProps, {
       onDoubleClick: createLabelHandleDoubleClick(externalEventHandlers)
@@ -223,21 +230,21 @@ export const useTreeItem = parameters => {
     return props;
   };
   const getLabelInputProps = (externalProps = {}) => {
-    const externalEventHandlers = extractEventHandlers(externalProps);
-    const enhancedLabelInputProps = propsEnhancers.labelInput?.(_extends({}, sharedPropsEnhancerParams, {
+    const externalEventHandlers = (0, _extractEventHandlers.default)(externalProps);
+    const enhancedLabelInputProps = propsEnhancers.labelInput?.((0, _extends2.default)({}, sharedPropsEnhancerParams, {
       externalEventHandlers
     })) ?? {};
-    return _extends({}, externalProps, enhancedLabelInputProps);
+    return (0, _extends2.default)({}, externalProps, enhancedLabelInputProps);
   };
   const getIconContainerProps = (externalProps = {}) => {
-    const externalEventHandlers = extractEventHandlers(externalProps);
-    return _extends({}, externalEventHandlers, externalProps, {
+    const externalEventHandlers = (0, _extractEventHandlers.default)(externalProps);
+    return (0, _extends2.default)({}, externalEventHandlers, externalProps, {
       onClick: createIconContainerHandleClick(externalEventHandlers)
     });
   };
   const getGroupTransitionProps = (externalProps = {}) => {
-    const externalEventHandlers = extractEventHandlers(externalProps);
-    const response = _extends({}, externalEventHandlers, {
+    const externalEventHandlers = (0, _extractEventHandlers.default)(externalProps);
+    const response = (0, _extends2.default)({}, externalEventHandlers, {
       unmountOnExit: true,
       component: 'ul',
       role: 'group',
@@ -247,11 +254,11 @@ export const useTreeItem = parameters => {
     return response;
   };
   const getDragAndDropOverlayProps = (externalProps = {}) => {
-    const externalEventHandlers = extractEventHandlers(externalProps);
-    const enhancedDragAndDropOverlayProps = propsEnhancers.dragAndDropOverlay?.(_extends({}, sharedPropsEnhancerParams, {
+    const externalEventHandlers = (0, _extractEventHandlers.default)(externalProps);
+    const enhancedDragAndDropOverlayProps = propsEnhancers.dragAndDropOverlay?.((0, _extends2.default)({}, sharedPropsEnhancerParams, {
       externalEventHandlers
     })) ?? {};
-    return _extends({}, externalProps, enhancedDragAndDropOverlayProps);
+    return (0, _extends2.default)({}, externalProps, enhancedDragAndDropOverlayProps);
   };
   return {
     getContextProviderProps,
@@ -267,4 +274,5 @@ export const useTreeItem = parameters => {
     status,
     publicAPI
   };
-};
+};
+exports.useTreeItem = useTreeItem;

package/useTreeItem/useTreeItem.types.d.ts

@@ -1,186 +1,175 @@
 import * as React from 'react';
-import { TreeViewItemId, TreeViewCancellableEventHandler } from '../models';
-import { TreeViewPublicAPI } from '../internals/models';
-import { UseTreeViewSelectionSignature } from '../internals/plugins/useTreeViewSelection';
-import { UseTreeViewItemsSignature } from '../internals/plugins/useTreeViewItems';
-import { UseTreeViewFocusSignature } from '../internals/plugins/useTreeViewFocus';
-import { UseTreeViewKeyboardNavigationSignature } from '../internals/plugins/useTreeViewKeyboardNavigation';
-import { UseTreeViewLabelSignature } from '../internals/plugins/useTreeViewLabel';
-import { UseTreeViewExpansionSignature } from '../internals/plugins/useTreeViewExpansion';
+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;
+  /**
+   * 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;
+  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 {
+  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 {
+  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>;
+  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;
+  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 interface UseTreeItemLabelInputSlotOwnProps {}
 export type UseTreeItemLabelInputSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItemLabelInputSlotOwnProps;
 export interface UseTreeItemCheckboxSlotOwnProps {
-    ref: React.RefObject<HTMLButtonElement | null>;
+  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;
+  unmountOnExit: boolean;
+  in: boolean;
+  component: 'ul';
+  role: 'group';
+  children: React.ReactNode;
 }
 export type UseTreeItemGroupTransitionSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItemGroupTransitionSlotOwnProps;
-export interface UseTreeItemDragAndDropOverlaySlotOwnProps {
-}
+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;
+  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>;
+  /**
+   * 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
-];
+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 [];
+export type UseTreeItemOptionalPlugins = readonly [];

package/useTreeItem/useTreeItem.types.js

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

package/RichTreeView/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/RichTreeView/index.js",
-  "types": "./index.d.ts"
-}

package/SimpleTreeView/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/SimpleTreeView/index.js",
-  "types": "./index.d.ts"
-}

package/TreeItem/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/TreeItem/index.js",
-  "types": "./index.d.ts"
-}