@mui/x-tree-view 7.22.1 → 8.0.0-alpha.1

package/node/TreeItem/index.js

@@ -5,7 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   TreeItem: true,
-  TreeItemContent: true
+  TreeItemRoot: true,
+  TreeItemContent: true,
+  TreeItemIconContainer: true,
+  TreeItemGroupTransition: true,
+  TreeItemCheckbox: true,
+  TreeItemLabel: true
 };
 Object.defineProperty(exports, "TreeItem", {
   enumerable: true,
@@ -13,10 +18,40 @@ Object.defineProperty(exports, "TreeItem", {
     return _TreeItem.TreeItem;
   }
 });
+Object.defineProperty(exports, "TreeItemCheckbox", {
+  enumerable: true,
+  get: function () {
+    return _TreeItem.TreeItemCheckbox;
+  }
+});
 Object.defineProperty(exports, "TreeItemContent", {
   enumerable: true,
   get: function () {
-    return _TreeItemContent.TreeItemContent;
+    return _TreeItem.TreeItemContent;
+  }
+});
+Object.defineProperty(exports, "TreeItemGroupTransition", {
+  enumerable: true,
+  get: function () {
+    return _TreeItem.TreeItemGroupTransition;
+  }
+});
+Object.defineProperty(exports, "TreeItemIconContainer", {
+  enumerable: true,
+  get: function () {
+    return _TreeItem.TreeItemIconContainer;
+  }
+});
+Object.defineProperty(exports, "TreeItemLabel", {
+  enumerable: true,
+  get: function () {
+    return _TreeItem.TreeItemLabel;
+  }
+});
+Object.defineProperty(exports, "TreeItemRoot", {
+  enumerable: true,
+  get: function () {
+    return _TreeItem.TreeItemRoot;
   }
 });
 var _TreeItem = require("./TreeItem");
@@ -31,17 +66,4 @@ Object.keys(_treeItemClasses).forEach(function (key) {
       return _treeItemClasses[key];
     }
   });
-});
-var _useTreeItemState = require("./useTreeItemState");
-Object.keys(_useTreeItemState).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useTreeItemState[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useTreeItemState[key];
-    }
-  });
-});
-var _TreeItemContent = require("./TreeItemContent");
+});

package/node/{TreeItem2DragAndDropOverlay/TreeItem2DragAndDropOverlay.js → TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.js}

@@ -1,11 +1,12 @@
 "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.TreeItem2DragAndDropOverlay = TreeItem2DragAndDropOverlay;
+exports.TreeItemDragAndDropOverlay = TreeItemDragAndDropOverlay;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -13,8 +14,8 @@ var _styles = require("@mui/material/styles");
 var _system = require("@mui/system");
 var _zeroStyled = require("../internals/zero-styled");
 var _jsxRuntime = require("react/jsx-runtime");
-const TreeItem2DragAndDropOverlayRoot = (0, _zeroStyled.styled)('div', {
-  name: 'MuiTreeItem2DragAndDropOverlay',
+const TreeItemDragAndDropOverlayRoot = (0, _zeroStyled.styled)('div', {
+  name: 'MuiTreeItemDragAndDropOverlay',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root,
   shouldForwardProp: prop => (0, _system.shouldForwardProp)(prop) && prop !== 'action'
@@ -63,13 +64,13 @@ const TreeItem2DragAndDropOverlayRoot = (0, _zeroStyled.styled)('div', {
     }
   }]
 }));
-function TreeItem2DragAndDropOverlay(props) {
+function TreeItemDragAndDropOverlay(props) {
   if (props.action == null) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TreeItem2DragAndDropOverlayRoot, (0, _extends2.default)({}, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TreeItemDragAndDropOverlayRoot, (0, _extends2.default)({}, props));
 }
-process.env.NODE_ENV !== "production" ? TreeItem2DragAndDropOverlay.propTypes = {
+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"  |

package/node/TreeItemDragAndDropOverlay/index.js

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

package/node/{TreeItem2Icon/TreeItem2Icon.js → TreeItemIcon/TreeItemIcon.js}

@@ -1,11 +1,12 @@
 "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.TreeItem2Icon = TreeItem2Icon;
+exports.TreeItemIcon = TreeItemIcon;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -14,7 +15,7 @@ var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _TreeViewProvider = require("../internals/TreeViewProvider");
 var _icons = require("../icons");
 var _jsxRuntime = require("react/jsx-runtime");
-function TreeItem2Icon(props) {
+function TreeItemIcon(props) {
   const {
     slots,
     slotProps,
@@ -50,7 +51,7 @@ function TreeItem2Icon(props) {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, (0, _extends2.default)({}, iconProps));
 }
-process.env.NODE_ENV !== "production" ? TreeItem2Icon.propTypes = {
+process.env.NODE_ENV !== "production" ? TreeItemIcon.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/node/TreeItemIcon/index.js

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

package/node/{TreeItem2LabelInput/TreeItem2LabelInput.js → TreeItemLabelInput/TreeItemLabelInput.js}

@@ -4,14 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TreeItem2LabelInput = void 0;
+exports.TreeItemLabelInput = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _zeroStyled = require("../internals/zero-styled");
 /**
  * @ignore - internal component.
  */
-const TreeItem2LabelInput = exports.TreeItem2LabelInput = (0, _zeroStyled.styled)('input', {
-  name: 'MuiTreeItem2',
+const TreeItemLabelInput = exports.TreeItemLabelInput = (0, _zeroStyled.styled)('input', {
+  name: 'MuiTreeItem',
   slot: 'LabelInput',
   overridesResolver: (props, styles) => styles.labelInput
 })(({

package/node/TreeItemLabelInput/index.js

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

package/node/{TreeItem2Provider/TreeItem2Provider.js → TreeItemProvider/TreeItemProvider.js}

@@ -4,29 +4,45 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TreeItem2Provider = TreeItem2Provider;
+exports.TreeItemProvider = TreeItemProvider;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _TreeViewProvider = require("../internals/TreeViewProvider");
-function TreeItem2Provider(props) {
+var _useTreeViewId = require("../internals/corePlugins/useTreeViewId/useTreeViewId.utils");
+var _useSelector = require("../internals/hooks/useSelector");
+var _useTreeViewId2 = require("../internals/corePlugins/useTreeViewId/useTreeViewId.selectors");
+/**
+ * @ignore - internal component.
+ */
+function TreeItemProvider(props) {
   const {
     children,
-    itemId
+    itemId,
+    id
   } = props;
   const {
     wrapItem,
-    instance
+    instance,
+    store
   } = (0, _TreeViewProvider.useTreeViewContext)();
+  const treeId = (0, _useSelector.useSelector)(store, _useTreeViewId2.selectorTreeViewId);
+  const idAttribute = (0, _useTreeViewId.generateTreeItemIdAttribute)({
+    itemId,
+    treeId,
+    id
+  });
   return wrapItem({
     children,
     itemId,
-    instance
+    instance,
+    idAttribute
   });
 }
-TreeItem2Provider.propTypes = {
+TreeItemProvider.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   children: _propTypes.default.node,
+  id: _propTypes.default.string,
   itemId: _propTypes.default.string.isRequired
 };

package/node/TreeItemProvider/index.js

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

package/node/hooks/index.js

@@ -3,10 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "useTreeItem2Utils", {
+Object.defineProperty(exports, "useTreeItemModel", {
   enumerable: true,
   get: function () {
-    return _useTreeItem2Utils.useTreeItem2Utils;
+    return _useTreeItemModel.useTreeItemModel;
+  }
+});
+Object.defineProperty(exports, "useTreeItemUtils", {
+  enumerable: true,
+  get: function () {
+    return _useTreeItemUtils.useTreeItemUtils;
   }
 });
 Object.defineProperty(exports, "useTreeViewApiRef", {
@@ -16,4 +22,5 @@ Object.defineProperty(exports, "useTreeViewApiRef", {
   }
 });
 var _useTreeViewApiRef = require("./useTreeViewApiRef");
-var _useTreeItem2Utils = require("./useTreeItem2Utils");
+var _useTreeItemUtils = require("./useTreeItemUtils");
+var _useTreeItemModel = require("./useTreeItemModel");

package/node/hooks/useTreeItemModel.js

@@ -0,0 +1,17 @@
+"use strict";
+'use client';
+
+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
+  } = (0, _TreeViewProvider.useTreeViewContext)();
+  return (0, _useSelector.useSelector)(store, _useTreeViewItems.selectorItemModel, itemId);
+};
+exports.useTreeItemModel = useTreeItemModel;

package/node/hooks/useTreeItemUtils/index.js

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

package/node/hooks/{useTreeItem2Utils/useTreeItem2Utils.js → useTreeItemUtils/useTreeItemUtils.js}

@@ -1,18 +1,25 @@
 "use strict";
+'use client';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTreeItem2Utils = void 0;
+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 `useTreeItem2Utils` to work correctly.
+ * Plugins that need to be present in the Tree View in order for `useTreeItemUtils` to work correctly.
  */
 
 /**
- * Plugins that `useTreeItem2Utils` can use if they are present, but are not required.
+ * Plugins that `useTreeItemUtils` can use if they are present, but are not required.
  */
 
 const isItemExpandable = reactChildren => {
@@ -21,25 +28,37 @@ const isItemExpandable = reactChildren => {
   }
   return Boolean(reactChildren);
 };
-const useTreeItem2Utils = ({
+exports.isItemExpandable = isItemExpandable;
+const useTreeItemUtils = ({
   itemId,
   children
 }) => {
   const {
     instance,
+    label,
+    store,
     selection: {
       multiSelect
     },
     publicAPI
   } = (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
+  }));
   const status = {
     expandable: isItemExpandable(children),
-    expanded: instance.isItemExpanded(itemId),
-    focused: instance.isItemFocused(itemId),
-    selected: instance.isItemSelected(itemId),
-    disabled: instance.isItemDisabled(itemId),
-    editing: instance?.isItemBeingEdited ? instance?.isItemBeingEdited(itemId) : false,
-    editable: instance.isItemEditable ? instance.isItemEditable(itemId) : false
+    expanded: isExpanded,
+    focused: isFocused,
+    selected: isSelected,
+    disabled: isDisabled,
+    editing: isEditing,
+    editable: isEditable
   };
   const handleExpansion = event => {
     if (status.disabled) {
@@ -51,7 +70,7 @@ const useTreeItem2Utils = ({
     const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);
 
     // If already expanded and trying to toggle selection don't close
-    if (status.expandable && !(multiple && instance.isItemExpanded(itemId))) {
+    if (status.expandable && !(multiple && (0, _useTreeViewExpansion.selectorIsItemExpanded)(store.value, itemId))) {
       instance.toggleItemExpansion(event, itemId);
     }
   };
@@ -98,15 +117,15 @@ const useTreeItem2Utils = ({
     if (!(0, _plugins.hasPlugin)(instance, _useTreeViewLabel.useTreeViewLabel)) {
       return;
     }
-    if (instance.isItemEditable(itemId)) {
-      if (instance.isItemBeingEdited(itemId)) {
+    if (isEditable) {
+      if (isEditing) {
         instance.setEditedItemId(null);
       } else {
         instance.setEditedItemId(itemId);
       }
     }
   };
-  const handleSaveItemLabel = (event, label) => {
+  const handleSaveItemLabel = (event, newLabel) => {
     if (!(0, _plugins.hasPlugin)(instance, _useTreeViewLabel.useTreeViewLabel)) {
       return;
     }
@@ -114,9 +133,8 @@ const useTreeItem2Utils = ({
     // 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`
-    // using `instance.isItemBeingEditedRef` instead of `instance.isItemBeingEdited` since the state is not yet updated in this point
-    if (instance.isItemBeingEditedRef(itemId)) {
-      instance.updateItemLabel(itemId, label);
+    if ((0, _useTreeViewLabel2.selectorIsItemBeingEdited)(store.value, itemId)) {
+      instance.updateItemLabel(itemId, newLabel);
       toggleItemEditing();
       instance.focusItem(event, itemId);
     }
@@ -125,7 +143,7 @@ const useTreeItem2Utils = ({
     if (!(0, _plugins.hasPlugin)(instance, _useTreeViewLabel.useTreeViewLabel)) {
       return;
     }
-    if (instance.isItemBeingEditedRef(itemId)) {
+    if ((0, _useTreeViewLabel2.selectorIsItemBeingEdited)(store.value, itemId)) {
       toggleItemEditing();
       instance.focusItem(event, itemId);
     }
@@ -144,4 +162,4 @@ const useTreeItem2Utils = ({
     publicAPI
   };
 };
-exports.useTreeItem2Utils = useTreeItem2Utils;
+exports.useTreeItemUtils = useTreeItemUtils;

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v7.22.1
+ * @mui/x-tree-view v8.0.0-alpha.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -19,18 +19,6 @@ Object.defineProperty(exports, "unstable_resetCleanupTracking", {
     return _useInstanceEventHandler.unstable_resetCleanupTracking;
   }
 });
-var _TreeView = require("./TreeView");
-Object.keys(_TreeView).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TreeView[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _TreeView[key];
-    }
-  });
-});
 var _SimpleTreeView = require("./SimpleTreeView");
 Object.keys(_SimpleTreeView).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -67,19 +55,7 @@ Object.keys(_TreeItem).forEach(function (key) {
     }
   });
 });
-var _TreeItem2 = require("./TreeItem2");
-Object.keys(_TreeItem2).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TreeItem2[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _TreeItem2[key];
-    }
-  });
-});
-var _useTreeItem = require("./useTreeItem2");
+var _useTreeItem = require("./useTreeItem");
 Object.keys(_useTreeItem).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -91,51 +67,51 @@ Object.keys(_useTreeItem).forEach(function (key) {
     }
   });
 });
-var _TreeItem2Icon = require("./TreeItem2Icon");
-Object.keys(_TreeItem2Icon).forEach(function (key) {
+var _TreeItemIcon = require("./TreeItemIcon");
+Object.keys(_TreeItemIcon).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TreeItem2Icon[key]) return;
+  if (key in exports && exports[key] === _TreeItemIcon[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _TreeItem2Icon[key];
+      return _TreeItemIcon[key];
     }
   });
 });
-var _TreeItem2Provider = require("./TreeItem2Provider");
-Object.keys(_TreeItem2Provider).forEach(function (key) {
+var _TreeItemProvider = require("./TreeItemProvider");
+Object.keys(_TreeItemProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TreeItem2Provider[key]) return;
+  if (key in exports && exports[key] === _TreeItemProvider[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _TreeItem2Provider[key];
+      return _TreeItemProvider[key];
     }
   });
 });
-var _TreeItem2DragAndDropOverlay = require("./TreeItem2DragAndDropOverlay");
-Object.keys(_TreeItem2DragAndDropOverlay).forEach(function (key) {
+var _TreeItemDragAndDropOverlay = require("./TreeItemDragAndDropOverlay");
+Object.keys(_TreeItemDragAndDropOverlay).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TreeItem2DragAndDropOverlay[key]) return;
+  if (key in exports && exports[key] === _TreeItemDragAndDropOverlay[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _TreeItem2DragAndDropOverlay[key];
+      return _TreeItemDragAndDropOverlay[key];
     }
   });
 });
-var _TreeItem2LabelInput = require("./TreeItem2LabelInput");
-Object.keys(_TreeItem2LabelInput).forEach(function (key) {
+var _TreeItemLabelInput = require("./TreeItemLabelInput");
+Object.keys(_TreeItemLabelInput).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TreeItem2LabelInput[key]) return;
+  if (key in exports && exports[key] === _TreeItemLabelInput[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _TreeItem2LabelInput[key];
+      return _TreeItemLabelInput[key];
     }
   });
 });

package/node/internals/TreeViewProvider/TreeViewChildrenItemProvider.js

@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useTreeViewContext = require("./useTreeViewContext");
 var _utils = require("../utils/utils");
-var _useTreeViewId = require("../corePlugins/useTreeViewId/useTreeViewId.utils");
+var _useTreeViewItems = require("../plugins/useTreeViewItems/useTreeViewItems.selectors");
 var _jsxRuntime = require("react/jsx-runtime");
 const TreeViewChildrenItemContext = exports.TreeViewChildrenItemContext = /*#__PURE__*/React.createContext(null);
 if (process.env.NODE_ENV !== 'production') {
@@ -20,11 +20,12 @@ if (process.env.NODE_ENV !== 'production') {
 function TreeViewChildrenItemProvider(props) {
   const {
     children,
-    itemId = null
+    itemId = null,
+    idAttribute
   } = props;
   const {
     instance,
-    treeId,
+    store,
     rootRef
   } = (0, _useTreeViewContext.useTreeViewContext)();
   const childrenIdAttrToIdRef = React.useRef(new Map());
@@ -32,25 +33,8 @@ function TreeViewChildrenItemProvider(props) {
     if (!rootRef.current) {
       return;
     }
-    let idAttr = null;
-    if (itemId == null) {
-      idAttr = rootRef.current.id;
-    } else {
-      // Undefined during 1st render
-      const itemMeta = instance.getItemMeta(itemId);
-      if (itemMeta !== undefined) {
-        idAttr = (0, _useTreeViewId.generateTreeItemIdAttribute)({
-          itemId,
-          treeId,
-          id: itemMeta.idAttribute
-        });
-      }
-    }
-    if (idAttr == null) {
-      return;
-    }
-    const previousChildrenIds = instance.getItemOrderedChildrenIds(itemId ?? null) ?? [];
-    const escapedIdAttr = (0, _utils.escapeOperandAttributeSelector)(idAttr);
+    const previousChildrenIds = (0, _useTreeViewItems.selectorItemOrderedChildrenIds)(store.value, itemId ?? null) ?? [];
+    const escapedIdAttr = (0, _utils.escapeOperandAttributeSelector)(idAttribute ?? rootRef.current.id);
     const childrenElements = rootRef.current.querySelectorAll(`${itemId == null ? '' : `*[id="${escapedIdAttr}"] `}[role="treeitem"]:not(*[id="${escapedIdAttr}"] [role="treeitem"] [role="treeitem"])`);
     const childrenIds = Array.from(childrenElements).map(child => childrenIdAttrToIdRef.current.get(child.id));
     const hasChanged = childrenIds.length !== previousChildrenIds.length || childrenIds.some((childId, index) => childId !== previousChildrenIds[index]);

package/node/internals/TreeViewProvider/TreeViewProvider.js

@@ -21,8 +21,7 @@ function TreeViewProvider(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TreeViewContext.TreeViewContext.Provider, {
     value: value,
     children: value.wrapRoot({
-      children,
-      instance: value.instance
+      children
     })
   });
 }