@mui/x-tree-view 8.11.3 → 8.13.0

package/internals/plugins/useTreeViewLabel/useTreeViewLabel.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useTreeViewLabel = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _useIsoLayoutEffect = require("@base-ui-components/utils/useIsoLayoutEffect");
 var _useTreeViewLabel = require("./useTreeViewLabel.itemPlugin");
 var _useTreeViewLabel2 = require("./useTreeViewLabel.selectors");
 const useTreeViewLabel = ({
@@ -43,7 +43,7 @@ const useTreeViewLabel = ({
       params.onItemLabelChange(itemId, label);
     }
   };
-  (0, _useEnhancedEffect.default)(() => {
+  (0, _useIsoLayoutEffect.useIsoLayoutEffect)(() => {
     store.set('label', (0, _extends2.default)({}, store.state.items, {
       isItemEditable: params.isItemEditable
     }));

package/internals/plugins/useTreeViewLazyLoading/index.d.ts

@@ -1,2 +1,2 @@
-export type { UseTreeViewLazyLoadingSignature, UseTreeViewLazyLoadingParameters, UseTreeViewLazyLoadingInstance } from "./useTreeViewLazyLoading.types.js";
+export type { UseTreeViewLazyLoadingSignature, UseTreeViewLazyLoadingParameters, UseTreeViewLazyLoadingInstance, DataSource } from "./useTreeViewLazyLoading.types.js";
 export { lazyLoadingSelectors } from "./useTreeViewLazyLoading.selectors.js";

package/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.selectors.d.ts

@@ -12,9 +12,13 @@ export declare const lazyLoadingSelectors: {
   /**
    * Checks whether an item is loading.
    */
-  isItemLoading: (state: TreeViewState<[], [UseTreeViewLazyLoadingSignature]>, itemId: string) => boolean;
+  isItemLoading: (state: TreeViewState<[], [UseTreeViewLazyLoadingSignature]>, itemId: string | null) => boolean;
   /**
    * Checks whether an item has errors.
    */
-  itemHasError: (state: TreeViewState<[], [UseTreeViewLazyLoadingSignature]>, itemId: string) => boolean;
+  itemHasError: (state: TreeViewState<[], [UseTreeViewLazyLoadingSignature]>, itemId: string | null) => boolean;
+  /**
+   * Get an item error.
+   */
+  itemError: (state: TreeViewState<[], [UseTreeViewLazyLoadingSignature]>, itemId: string | null) => Error | null | undefined;
 };

package/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.selectors.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.lazyLoadingSelectors = void 0;
 var _store = require("@mui/x-internals/store");
+var _useTreeViewItems = require("../useTreeViewItems");
 const lazyLoadingSelectors = exports.lazyLoadingSelectors = {
   /**
    * Gets the data source used to lazy load items.
@@ -13,9 +14,13 @@ const lazyLoadingSelectors = exports.lazyLoadingSelectors = {
   /**
    * Checks whether an item is loading.
    */
-  isItemLoading: (0, _store.createSelector)((state, itemId) => state.lazyLoading?.dataSource.loading[itemId] ?? false),
+  isItemLoading: (0, _store.createSelector)((state, itemId) => state.lazyLoading?.dataSource.loading[itemId ?? _useTreeViewItems.TREE_VIEW_ROOT_PARENT_ID] ?? false),
   /**
    * Checks whether an item has errors.
    */
-  itemHasError: (0, _store.createSelector)((state, itemId) => !!state.lazyLoading?.dataSource.errors[itemId])
+  itemHasError: (0, _store.createSelector)((state, itemId) => !!state.lazyLoading?.dataSource.errors[itemId ?? _useTreeViewItems.TREE_VIEW_ROOT_PARENT_ID]),
+  /**
+   * Get an item error.
+   */
+  itemError: (0, _store.createSelector)((state, itemId) => state.lazyLoading?.dataSource.errors[itemId ?? _useTreeViewItems.TREE_VIEW_ROOT_PARENT_ID])
 };

package/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.types.d.ts

@@ -5,7 +5,7 @@ import { TreeViewItemId } from "../../../models/index.js";
 import { UseTreeViewItemsSignature } from "../useTreeViewItems/index.js";
 import { UseTreeViewExpansionSignature } from "../useTreeViewExpansion/index.js";
 import { UseTreeViewSelectionSignature } from "../useTreeViewSelection/index.js";
-type DataSource<R extends {}> = {
+export type DataSource<R extends {}> = {
   /**
    * Used to determine the number of children the item has.
    * Only relevant for lazy-loaded trees.
@@ -43,7 +43,7 @@ export interface UseTreeViewLazyLoadingInstance extends UseTreeViewLazyLoadingPu
    * @param {TreeViewItemId[]} parentIds The ids of the items to fetch the children of.
    * @returns {Promise<void>} The promise resolved when the items are fetched.
    */
-  fetchItems: (parentIds?: TreeViewItemId[]) => Promise<void>;
+  fetchItems: (parentIds: TreeViewItemId[]) => Promise<void>;
   /**
    * Method used for fetching an item's children.
    * Only relevant for lazy-loaded tree views.
@@ -54,21 +54,21 @@ export interface UseTreeViewLazyLoadingInstance extends UseTreeViewLazyLoadingPu
    * @returns {Promise<void>} The promise resolved when the items are fetched.
    */
   fetchItemChildren: (parameters: {
-    itemId: TreeViewItemId;
+    itemId: TreeViewItemId | null;
     forceRefresh?: boolean;
   }) => Promise<void>;
   /**
    * Set the loading state of an item.
-   * @param {TreeViewItemId} itemId The id of the item to set the loading state of.
+   * @param {TreeViewItemId} itemId The id of the item to set the loading state of. If `null` is passed, it will set the loading state of the root.
    * @param {boolean} isLoading True if the item is loading.
    */
-  setDataSourceLoading: (itemId: TreeViewItemId, isLoading: boolean) => void;
+  setDataSourceLoading: (itemId: TreeViewItemId | null, isLoading: boolean) => void;
   /**
    * Set the error state of an item.
-   * @param {TreeViewItemId} itemId The id of the item to set the error state of.
+   * @param {TreeViewItemId} itemId The id of the item to set the error state of. If `null` is passed, it will set the error state of the root.
    * @param {Error | null} error The error caught on the item.
    */
-  setDataSourceError: (itemId: TreeViewItemId, error: Error | null) => void;
+  setDataSourceError: (itemId: TreeViewItemId | null, error: Error | null) => void;
 }
 export interface UseTreeViewLazyLoadingParameters<R extends {}> {
   /**
@@ -97,5 +97,4 @@ export type UseTreeViewLazyLoadingSignature = TreeViewPluginSignature<{
   instance: UseTreeViewLazyLoadingInstance;
   state: UseTreeViewLazyLoadingState;
   dependencies: [UseTreeViewItemsSignature, UseTreeViewExpansionSignature, UseTreeViewSelectionSignature];
-}>;
-export {};
+}>;

package/internals/plugins/useTreeViewSelection/useTreeViewSelection.itemPlugin.js

@@ -25,11 +25,20 @@ const selectorCheckboxSelectionStatus = (0, _store.createSelector)((state, itemI
     _useTreeViewItems.itemsSelectors.itemOrderedChildrenIds(state, itemToTraverseId).forEach(traverseDescendants);
   };
   traverseDescendants(itemId);
-  if (hasSelectedDescendant && hasUnSelectedDescendant) {
+  const shouldSelectBasedOnDescendants = _useTreeViewSelection.selectionSelectors.propagationRules(state).parents;
+  if (shouldSelectBasedOnDescendants) {
+    if (hasSelectedDescendant && hasUnSelectedDescendant) {
+      return 'indeterminate';
+    }
+    if (hasSelectedDescendant && !hasUnSelectedDescendant) {
+      return 'checked';
+    }
+    return 'empty';
+  }
+  if (hasSelectedDescendant) {
     return 'indeterminate';
   }
-  const shouldSelectBasedOnDescendants = _useTreeViewSelection.selectionSelectors.propagationRules(state).parents;
-  return shouldSelectBasedOnDescendants && hasSelectedDescendant && !hasUnSelectedDescendant ? 'checked' : 'empty';
+  return 'empty';
 });
 const useTreeViewSelectionItemPlugin = ({
   props

package/internals/plugins/useTreeViewSelection/useTreeViewSelection.js

@@ -9,7 +9,7 @@ exports.useTreeViewSelection = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _useAssertModelConsistency = require("@mui/x-internals/useAssertModelConsistency");
-var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _useIsoLayoutEffect = require("@base-ui-components/utils/useIsoLayoutEffect");
 var _tree = require("../../utils/tree");
 var _useTreeViewSelection = require("./useTreeViewSelection.utils");
 var _useTreeViewSelection2 = require("./useTreeViewSelection.selectors");
@@ -176,7 +176,7 @@ const useTreeViewSelection = ({
     }
     setSelectedItems(event, newSelectedItems);
   };
-  (0, _useEnhancedEffect.default)(() => {
+  (0, _useIsoLayoutEffect.useIsoLayoutEffect)(() => {
     store.set('selection', {
       selectedItems: params.selectedItems === undefined ? store.state.selection.selectedItems : params.selectedItems,
       isEnabled: !params.disableSelection,

package/internals/useTreeView/useTreeView.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _useRefWithInit = require("@base-ui-components/utils/useRefWithInit");
 var _store = require("@mui/x-internals/store");
-var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _useMergedRefs = require("@base-ui-components/utils/useMergedRefs");
 var _corePlugins = require("../corePlugins");
 var _useExtractPluginParamsFromProps = require("./useExtractPluginParamsFromProps");
 var _useTreeViewBuildContext = require("./useTreeViewBuildContext");
@@ -55,7 +55,7 @@ const useTreeView = ({
   const instance = (0, _useRefWithInit.useRefWithInit)(() => ({})).current;
   const publicAPI = useTreeViewApiInitialization(apiRef);
   const innerRootRef = React.useRef(null);
-  const handleRootRef = (0, _useForkRef.default)(innerRootRef, rootRef);
+  const handleRootRef = (0, _useMergedRefs.useMergedRefs)(innerRootRef, rootRef);
   const store = (0, _useRefWithInit.useRefWithInit)(() => {
     const initialState = {};
     for (const plugin of plugins) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view",
-  "version": "8.11.3",
+  "version": "8.13.0",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Tree View components.",
   "license": "MIT",
@@ -31,14 +31,14 @@
     "directory": "packages/x-tree-view"
   },
   "dependencies": {
-    "@babel/runtime": "^7.28.2",
+    "@babel/runtime": "^7.28.4",
     "@base-ui-components/utils": "0.1.1",
     "@mui/utils": "^7.3.2",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "8.11.3"
+    "@mui/x-internals": "8.12.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/useTreeItem/useTreeItem.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _store = require("@mui/x-internals/store");
 var _extractEventHandlers = _interopRequireDefault(require("@mui/utils/extractEventHandlers"));
-var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _useMergedRefs = require("@base-ui-components/utils/useMergedRefs");
 var _TreeViewProvider = require("../internals/TreeViewProvider");
 var _useTreeItemUtils = require("../hooks/useTreeItemUtils");
 var _TreeViewItemDepthContext = require("../internals/TreeViewItemDepthContext");
@@ -57,8 +57,8 @@ const useTreeItem = parameters => {
   });
   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 = (0, _useMergedRefs.useMergedRefs)(rootRef, pluginRootRef, rootRefObject);
+  const handleContentRef = (0, _useMergedRefs.useMergedRefs)(contentRef, contentRefObject);
   const checkboxRef = React.useRef(null);
   const treeId = (0, _store.useStore)(store, _useTreeViewId2.idSelectors.treeId);
   const isSelectionEnabledForItem = (0, _store.useStore)(store, _useTreeViewSelection.selectionSelectors.canItemBeSelected, itemId);

package/esm/internals/hooks/useLazyRef.d.ts

@@ -1 +0,0 @@
-export { default as useLazyRef } from '@mui/utils/useLazyRef';

package/esm/internals/hooks/useLazyRef.js

@@ -1 +0,0 @@
-export { default as useLazyRef } from '@mui/utils/useLazyRef';

package/esm/internals/hooks/useOnMount.d.ts

@@ -1 +0,0 @@
-export { default as useOnMount } from '@mui/utils/useOnMount';

package/esm/internals/hooks/useOnMount.js

@@ -1 +0,0 @@
-export { default as useOnMount } from '@mui/utils/useOnMount';

package/esm/internals/hooks/useTimeout.d.ts

@@ -1 +0,0 @@
-export { default as useTimeout } from '@mui/utils/useTimeout';

package/esm/internals/hooks/useTimeout.js

@@ -1 +0,0 @@
-export { default as useTimeout } from '@mui/utils/useTimeout';

package/internals/hooks/useLazyRef.d.ts

@@ -1 +0,0 @@
-export { default as useLazyRef } from '@mui/utils/useLazyRef';

package/internals/hooks/useLazyRef.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useLazyRef", {
-  enumerable: true,
-  get: function () {
-    return _useLazyRef.default;
-  }
-});
-var _useLazyRef = _interopRequireDefault(require("@mui/utils/useLazyRef"));

package/internals/hooks/useOnMount.d.ts

@@ -1 +0,0 @@
-export { default as useOnMount } from '@mui/utils/useOnMount';

package/internals/hooks/useOnMount.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useOnMount", {
-  enumerable: true,
-  get: function () {
-    return _useOnMount.default;
-  }
-});
-var _useOnMount = _interopRequireDefault(require("@mui/utils/useOnMount"));

package/internals/hooks/useTimeout.d.ts

@@ -1 +0,0 @@
-export { default as useTimeout } from '@mui/utils/useTimeout';

package/internals/hooks/useTimeout.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useTimeout", {
-  enumerable: true,
-  get: function () {
-    return _useTimeout.default;
-  }
-});
-var _useTimeout = _interopRequireDefault(require("@mui/utils/useTimeout"));