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

package/TreeItem/treeItemClasses.d.ts

@@ -1,33 +1,33 @@
 export interface TreeItemClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the transition component. */
-    groupTransition: string;
-    /** Styles applied to the content element. */
-    content: string;
-    /** State class applied to the content element when expanded. */
-    expanded: string;
-    /** State class applied to the content element when selected. */
-    selected: string;
-    /** State class applied to the content element when focused. */
-    focused: string;
-    /** State class applied to the element when disabled. */
-    disabled: string;
-    /** Styles applied to the Tree Item icon. */
-    iconContainer: string;
-    /** Styles applied to the label element. */
-    label: string;
-    /** Styles applied to the checkbox element. */
-    checkbox: string;
-    /** Styles applied to the input element that is visible when editing is enabled. */
-    labelInput: string;
-    /** Styles applied to the content element when editing is enabled. */
-    editing: string;
-    /** Styles applied to the content of the items that are editable. */
-    editable: string;
-    /** Styles applied to the drag and drop overlay. */
-    dragAndDropOverlay: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the transition component. */
+  groupTransition: string;
+  /** Styles applied to the content element. */
+  content: string;
+  /** State class applied to the content element when expanded. */
+  expanded: string;
+  /** State class applied to the content element when selected. */
+  selected: string;
+  /** State class applied to the content element when focused. */
+  focused: string;
+  /** State class applied to the element when disabled. */
+  disabled: string;
+  /** Styles applied to the Tree Item icon. */
+  iconContainer: string;
+  /** Styles applied to the label element. */
+  label: string;
+  /** Styles applied to the checkbox element. */
+  checkbox: string;
+  /** Styles applied to the input element that is visible when editing is enabled. */
+  labelInput: string;
+  /** Styles applied to the content element when editing is enabled. */
+  editing: string;
+  /** Styles applied to the content of the items that are editable. */
+  editable: string;
+  /** Styles applied to the drag and drop overlay. */
+  dragAndDropOverlay: string;
 }
 export type TreeItemClassKey = keyof TreeItemClasses;
 export declare function getTreeItemUtilityClass(slot: string): string;
-export declare const treeItemClasses: TreeItemClasses;
+export declare const treeItemClasses: TreeItemClasses;

package/TreeItem/treeItemClasses.js

@@ -1,6 +1,14 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getTreeItemUtilityClass(slot) {
-  return generateUtilityClass('MuiTreeItem', slot);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTreeItemUtilityClass = getTreeItemUtilityClass;
+exports.treeItemClasses = void 0;
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+function getTreeItemUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiTreeItem', slot);
 }
-export const treeItemClasses = generateUtilityClasses('MuiTreeItem', ['root', 'groupTransition', 'content', 'expanded', 'selected', 'focused', 'disabled', 'iconContainer', 'label', 'checkbox', 'labelInput', 'editable', 'editing', 'dragAndDropOverlay']);
+const treeItemClasses = exports.treeItemClasses = (0, _generateUtilityClasses.default)('MuiTreeItem', ['root', 'groupTransition', 'content', 'expanded', 'selected', 'focused', 'disabled', 'iconContainer', 'label', 'checkbox', 'labelInput', 'editable', 'editing', 'dragAndDropOverlay']);

package/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { TreeItemDragAndDropOverlayProps } from './TreeItemDragAndDropOverlay.types';
+import { TreeItemDragAndDropOverlayProps } from "./TreeItemDragAndDropOverlay.types.js";
 declare function TreeItemDragAndDropOverlay(props: TreeItemDragAndDropOverlayProps): React.JSX.Element | null;
 declare namespace TreeItemDragAndDropOverlay {
-    var propTypes: any;
+  var propTypes: any;
 }
-export { TreeItemDragAndDropOverlay };
+export { TreeItemDragAndDropOverlay };

package/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.js

@@ -1,17 +1,24 @@
+"use strict";
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { alpha } from '@mui/material/styles';
-import { shouldForwardProp } from '@mui/system/createStyled';
-import { styled } from "../internals/zero-styled/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const TreeItemDragAndDropOverlayRoot = styled('div', {
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TreeItemDragAndDropOverlay = TreeItemDragAndDropOverlay;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _createStyled = require("@mui/system/createStyled");
+var _zeroStyled = require("../internals/zero-styled");
+var _jsxRuntime = require("react/jsx-runtime");
+const TreeItemDragAndDropOverlayRoot = (0, _zeroStyled.styled)('div', {
   name: 'MuiTreeItemDragAndDropOverlay',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root,
-  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'action'
+  shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'action'
 })(({
   theme
 }) => ({
@@ -29,7 +36,7 @@ const TreeItemDragAndDropOverlayRoot = styled('div', {
     style: {
       marginLeft: 'calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))',
       borderRadius: theme.shape.borderRadius,
-      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.darkChannel} / ${theme.vars.palette.action.focusOpacity})` : alpha(theme.palette.primary.dark, theme.palette.action.focusOpacity)
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.darkChannel} / ${theme.vars.palette.action.focusOpacity})` : (0, _styles.alpha)(theme.palette.primary.dark, theme.palette.action.focusOpacity)
     }
   }, {
     props: {
@@ -61,14 +68,13 @@ function TreeItemDragAndDropOverlay(props) {
   if (props.action == null) {
     return null;
   }
-  return /*#__PURE__*/_jsx(TreeItemDragAndDropOverlayRoot, _extends({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TreeItemDragAndDropOverlayRoot, (0, _extends2.default)({}, props));
 }
 process.env.NODE_ENV !== "production" ? TreeItemDragAndDropOverlay.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
-  action: PropTypes.oneOf(['make-child', 'move-to-parent', 'reorder-above', 'reorder-below']),
-  style: PropTypes.object
-} : void 0;
-export { TreeItemDragAndDropOverlay };
+  action: _propTypes.default.oneOf(['make-child', 'move-to-parent', 'reorder-above', 'reorder-below']),
+  style: _propTypes.default.object
+} : void 0;

package/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.types.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { TreeViewItemsReorderingAction } from '../models';
+import { TreeViewItemsReorderingAction } from "../models/index.js";
 export interface TreeItemDragAndDropOverlayProps {
-    action?: TreeViewItemsReorderingAction;
-    style?: React.CSSProperties;
-}
+  action?: TreeViewItemsReorderingAction;
+  style?: React.CSSProperties;
+}

package/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.types.js

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

package/TreeItemDragAndDropOverlay/index.d.ts

@@ -1,2 +1,2 @@
-export { TreeItemDragAndDropOverlay } from './TreeItemDragAndDropOverlay';
-export type { TreeItemDragAndDropOverlayProps } from './TreeItemDragAndDropOverlay.types';
+export { TreeItemDragAndDropOverlay } from "./TreeItemDragAndDropOverlay.js";
+export type { TreeItemDragAndDropOverlayProps } from './TreeItemDragAndDropOverlay.types';

package/TreeItemDragAndDropOverlay/index.js

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

package/TreeItemIcon/TreeItemIcon.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { TreeItemIconProps } from './TreeItemIcon.types';
+import { TreeItemIconProps } from "./TreeItemIcon.types.js";
 declare function TreeItemIcon(props: TreeItemIconProps): React.JSX.Element | null;
 declare namespace TreeItemIcon {
-    var propTypes: any;
+  var propTypes: any;
 }
-export { TreeItemIcon };
+export { TreeItemIcon };

package/TreeItemIcon/TreeItemIcon.js

@@ -1,23 +1,30 @@
+"use strict";
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import resolveComponentProps from '@mui/utils/resolveComponentProps';
-import useSlotProps from '@mui/utils/useSlotProps';
-import { useTreeViewContext } from "../internals/TreeViewProvider/index.js";
-import { TreeViewCollapseIcon, TreeViewExpandIcon } from "../icons/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TreeItemIcon = TreeItemIcon;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _TreeViewProvider = require("../internals/TreeViewProvider");
+var _icons = require("../icons");
+var _jsxRuntime = require("react/jsx-runtime");
 function TreeItemIcon(props) {
   const {
     slots,
     slotProps,
     status
   } = props;
-  const context = useTreeViewContext();
-  const contextIcons = _extends({}, context.icons.slots, {
-    expandIcon: context.icons.slots.expandIcon ?? TreeViewExpandIcon,
-    collapseIcon: context.icons.slots.collapseIcon ?? TreeViewCollapseIcon
+  const context = (0, _TreeViewProvider.useTreeViewContext)();
+  const contextIcons = (0, _extends2.default)({}, context.icons.slots, {
+    expandIcon: context.icons.slots.expandIcon ?? _icons.TreeViewExpandIcon,
+    collapseIcon: context.icons.slots.collapseIcon ?? _icons.TreeViewCollapseIcon
   });
   const contextIconProps = context.icons.slotProps;
   let iconName;
@@ -33,16 +40,16 @@ function TreeItemIcon(props) {
     iconName = 'endIcon';
   }
   const Icon = slots?.[iconName] ?? contextIcons[iconName];
-  const iconProps = useSlotProps({
+  const iconProps = (0, _useSlotProps.default)({
     elementType: Icon,
-    externalSlotProps: tempOwnerState => _extends({}, resolveComponentProps(contextIconProps[iconName], tempOwnerState), resolveComponentProps(slotProps?.[iconName], tempOwnerState)),
+    externalSlotProps: tempOwnerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(contextIconProps[iconName], tempOwnerState), (0, _resolveComponentProps.default)(slotProps?.[iconName], tempOwnerState)),
     // TODO: Add proper ownerState
     ownerState: {}
   });
   if (!Icon) {
     return null;
   }
-  return /*#__PURE__*/_jsx(Icon, _extends({}, iconProps));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, (0, _extends2.default)({}, iconProps));
 }
 process.env.NODE_ENV !== "production" ? TreeItemIcon.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -53,20 +60,19 @@ process.env.NODE_ENV !== "production" ? TreeItemIcon.propTypes = {
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: PropTypes.object,
+  slotProps: _propTypes.default.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: PropTypes.object,
-  status: PropTypes.shape({
-    disabled: PropTypes.bool.isRequired,
-    editable: PropTypes.bool.isRequired,
-    editing: PropTypes.bool.isRequired,
-    expandable: PropTypes.bool.isRequired,
-    expanded: PropTypes.bool.isRequired,
-    focused: PropTypes.bool.isRequired,
-    selected: PropTypes.bool.isRequired
+  slots: _propTypes.default.object,
+  status: _propTypes.default.shape({
+    disabled: _propTypes.default.bool.isRequired,
+    editable: _propTypes.default.bool.isRequired,
+    editing: _propTypes.default.bool.isRequired,
+    expandable: _propTypes.default.bool.isRequired,
+    expanded: _propTypes.default.bool.isRequired,
+    focused: _propTypes.default.bool.isRequired,
+    selected: _propTypes.default.bool.isRequired
   }).isRequired
-} : void 0;
-export { TreeItemIcon };
+} : void 0;

package/TreeItemIcon/TreeItemIcon.types.d.ts

@@ -1,40 +1,40 @@
 import * as React from 'react';
 import { SlotComponentProps } from '@mui/utils/types';
-import { UseTreeItemStatus } from '../useTreeItem';
+import { UseTreeItemStatus } from "../useTreeItem/index.js";
 export interface TreeItemIconSlots {
-    /**
-     * The icon used to collapse the item.
-     */
-    collapseIcon?: React.ElementType;
-    /**
-     * The icon used to expand the item.
-     */
-    expandIcon?: React.ElementType;
-    /**
-     * The icon displayed next to an end item.
-     */
-    endIcon?: React.ElementType;
-    /**
-     * The icon to display next to the Tree Item's label.
-     */
-    icon?: React.ElementType;
+  /**
+   * The icon used to collapse the item.
+   */
+  collapseIcon?: React.ElementType;
+  /**
+   * The icon used to expand the item.
+   */
+  expandIcon?: React.ElementType;
+  /**
+   * The icon displayed next to an end item.
+   */
+  endIcon?: React.ElementType;
+  /**
+   * The icon to display next to the Tree Item's label.
+   */
+  icon?: React.ElementType;
 }
 export interface TreeItemIconSlotProps {
-    collapseIcon?: SlotComponentProps<'svg', {}, {}>;
-    expandIcon?: SlotComponentProps<'svg', {}, {}>;
-    endIcon?: SlotComponentProps<'svg', {}, {}>;
-    icon?: SlotComponentProps<'svg', {}, {}>;
+  collapseIcon?: SlotComponentProps<'svg', {}, {}>;
+  expandIcon?: SlotComponentProps<'svg', {}, {}>;
+  endIcon?: SlotComponentProps<'svg', {}, {}>;
+  icon?: SlotComponentProps<'svg', {}, {}>;
 }
 export interface TreeItemIconProps {
-    status: UseTreeItemStatus;
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: TreeItemIconSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: TreeItemIconSlotProps;
-}
+  status: UseTreeItemStatus;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: TreeItemIconSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: TreeItemIconSlotProps;
+}

package/TreeItemIcon/TreeItemIcon.types.js

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

package/TreeItemIcon/index.d.ts

@@ -1,2 +1,2 @@
-export { TreeItemIcon } from './TreeItemIcon';
-export type { TreeItemIconProps, TreeItemIconSlots, TreeItemIconSlotProps, } from './TreeItemIcon.types';
+export { TreeItemIcon } from "./TreeItemIcon.js";
+export type { TreeItemIconProps, TreeItemIconSlots, TreeItemIconSlotProps } from './TreeItemIcon.types';

package/TreeItemIcon/index.js

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

package/TreeItemLabelInput/TreeItemLabelInput.d.ts

@@ -2,4 +2,4 @@
  * @ignore - internal component.
  */
 declare const TreeItemLabelInput: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import("react").ClassAttributes<HTMLInputElement> | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, {}>;
-export { TreeItemLabelInput };
+export { TreeItemLabelInput };

package/TreeItemLabelInput/TreeItemLabelInput.js

@@ -1,16 +1,22 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { styled } from "../internals/zero-styled/index.js";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TreeItemLabelInput = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _zeroStyled = require("../internals/zero-styled");
 /**
  * @ignore - internal component.
  */
-const TreeItemLabelInput = styled('input', {
+const TreeItemLabelInput = exports.TreeItemLabelInput = (0, _zeroStyled.styled)('input', {
   name: 'MuiTreeItem',
   slot: 'LabelInput',
   overridesResolver: (props, styles) => styles.labelInput
 })(({
   theme
-}) => _extends({}, theme.typography.body1, {
+}) => (0, _extends2.default)({}, theme.typography.body1, {
   width: '100%',
   backgroundColor: theme.palette.background.paper,
   borderRadius: theme.shape.borderRadius,
@@ -20,5 +26,4 @@ const TreeItemLabelInput = styled('input', {
   '&:focus': {
     outline: `1px solid ${theme.palette.primary.main}`
   }
-}));
-export { TreeItemLabelInput };
+}));

package/TreeItemLabelInput/TreeItemLabelInput.types.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
-import { TreeViewCancellableEventHandler } from '../models';
+import { TreeViewCancellableEventHandler } from "../models/index.js";
 export interface TreeItemLabelInputProps {
-    value?: string;
-    /**
-     * Used to determine if the target of keydown or blur events is the input and prevent the event from propagating to the root.
-     */
-    'data-element'?: 'labelInput';
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    onKeyDown?: TreeViewCancellableEventHandler<React.KeyboardEvent<HTMLInputElement>>;
-    onBlur?: TreeViewCancellableEventHandler<React.FocusEvent<HTMLInputElement>>;
-    autoFocus?: true;
-    type?: 'text';
-}
+  value?: string;
+  /**
+   * Used to determine if the target of keydown or blur events is the input and prevent the event from propagating to the root.
+   */
+  'data-element'?: 'labelInput';
+  onChange?: React.ChangeEventHandler<HTMLInputElement>;
+  onKeyDown?: TreeViewCancellableEventHandler<React.KeyboardEvent<HTMLInputElement>>;
+  onBlur?: TreeViewCancellableEventHandler<React.FocusEvent<HTMLInputElement>>;
+  autoFocus?: true;
+  type?: 'text';
+}

package/TreeItemLabelInput/TreeItemLabelInput.types.js

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

package/TreeItemLabelInput/index.d.ts

@@ -1,2 +1,2 @@
-export { TreeItemLabelInput } from './TreeItemLabelInput';
-export type { TreeItemLabelInputProps } from './TreeItemLabelInput.types';
+export { TreeItemLabelInput } from "./TreeItemLabelInput.js";
+export type { TreeItemLabelInputProps } from './TreeItemLabelInput.types';

package/TreeItemLabelInput/index.js

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

package/TreeItemProvider/TreeItemProvider.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { TreeItemProviderProps } from './TreeItemProvider.types';
+import { TreeItemProviderProps } from "./TreeItemProvider.types.js";
 declare function TreeItemProvider(props: TreeItemProviderProps): React.JSX.Element;
 declare namespace TreeItemProvider {
-    var propTypes: any;
+  var propTypes: any;
 }
-export { TreeItemProvider };
+export { TreeItemProvider };

package/TreeItemProvider/TreeItemProvider.js

@@ -1,12 +1,19 @@
+"use strict";
 'use client';
 
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useTreeViewContext } from "../internals/TreeViewProvider/index.js";
-import { generateTreeItemIdAttribute } from "../internals/corePlugins/useTreeViewId/useTreeViewId.utils.js";
-import { useSelector } from "../internals/hooks/useSelector.js";
-import { selectorTreeViewId } from "../internals/corePlugins/useTreeViewId/useTreeViewId.selectors.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TreeItemProvider = TreeItemProvider;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _TreeViewProvider = require("../internals/TreeViewProvider");
+var _useTreeViewId = require("../internals/corePlugins/useTreeViewId/useTreeViewId.utils");
+var _useSelector = require("../internals/hooks/useSelector");
+var _useTreeViewId2 = require("../internals/corePlugins/useTreeViewId/useTreeViewId.selectors");
+var _jsxRuntime = require("react/jsx-runtime");
 function TreeItemProvider(props) {
   const {
     children,
@@ -17,14 +24,14 @@ function TreeItemProvider(props) {
     wrapItem,
     instance,
     store
-  } = useTreeViewContext();
-  const treeId = useSelector(store, selectorTreeViewId);
-  const idAttribute = generateTreeItemIdAttribute({
+  } = (0, _TreeViewProvider.useTreeViewContext)();
+  const treeId = (0, _useSelector.useSelector)(store, _useTreeViewId2.selectorTreeViewId);
+  const idAttribute = (0, _useTreeViewId.generateTreeItemIdAttribute)({
     itemId,
     treeId,
     id
   });
-  return /*#__PURE__*/_jsx(React.Fragment, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
     children: wrapItem({
       children,
       itemId,
@@ -38,8 +45,7 @@ process.env.NODE_ENV !== "production" ? TreeItemProvider.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
-  children: PropTypes.node,
-  id: PropTypes.string,
-  itemId: PropTypes.string.isRequired
-} : void 0;
-export { TreeItemProvider };
+  children: _propTypes.default.node,
+  id: _propTypes.default.string,
+  itemId: _propTypes.default.string.isRequired
+} : void 0;

package/TreeItemProvider/TreeItemProvider.types.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { TreeViewItemId } from '../models';
+import { TreeViewItemId } from "../models/index.js";
 export interface TreeItemProviderProps {
-    children: React.ReactNode;
-    itemId: TreeViewItemId;
-    id: string | undefined;
-}
+  children: React.ReactNode;
+  itemId: TreeViewItemId;
+  id: string | undefined;
+}

package/TreeItemProvider/TreeItemProvider.types.js

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

package/TreeItemProvider/index.d.ts

@@ -1,2 +1,2 @@
-export { TreeItemProvider } from './TreeItemProvider';
-export type { TreeItemProviderProps } from './TreeItemProvider.types';
+export { TreeItemProvider } from "./TreeItemProvider.js";
+export type { TreeItemProviderProps } from './TreeItemProvider.types';

package/TreeItemProvider/index.js

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