@mui/x-tree-view 8.11.0 → 8.11.2

package/hooks/useApplyPropagationToSelectedItemsOnMount.d.ts

@@ -0,0 +1,53 @@
+import { TreeViewItemId, TreeViewSelectionPropagation } from "../models/index.js";
+/**
+ * Applies the selection propagation rules to the selected items.
+ * The value is only computed during the first render, any update of the parameters will be ignored.
+ *
+ * Uncontrolled example:
+ * ```tsx
+ * const defaultSelectedItems = useApplyPropagationToSelectedItemsOnMount({
+ *   items: props.items,
+ *   selectionPropagation: props.selectionPropagation,
+ *   selectedItems: ['10', '11', '13', '14'],
+ * });
+ *
+ * return (
+ *   <RichTreeView
+ *     items={props.items}
+ *     selectionPropagation={props.selectionPropagation}
+ *     defaultSelectedItems={defaultSelectedItems}
+ *   />
+ * );
+ * ```
+ *
+ * Controlled example:
+ * ```tsx
+ * const initialSelectedItems = useApplyPropagationToSelectedItemsOnMount({
+ *   items: props.items,
+ *   selectionPropagation: props.selectionPropagation,
+ *   selectedItems: ['10', '11', '13', '14'],
+ * });
+ *
+ * const [selectedItems, setSelectedItems] = React.useState(initialSelectedItems);
+ *
+ * return (
+ *   <RichTreeView
+ *     items={props.items}
+ *     selectionPropagation={props.selectionPropagation}
+ *     selectedItems={selectedItems}
+ *     onSelectedItemsChange={setSelectedItems}
+ *   />
+ * );
+ * ```
+ */
+export declare function useApplyPropagationToSelectedItemsOnMount(parameters: UseApplyPropagationToDefaultSelectedItemsParameters<any>): string[];
+interface UseApplyPropagationToDefaultSelectedItemsParameters<R extends {
+  children?: R[];
+}> {
+  items: R[];
+  getItemId?: (item: R) => TreeViewItemId;
+  getItemChildren?: (item: R) => R[] | undefined;
+  selectedItems: string[];
+  selectionPropagation: TreeViewSelectionPropagation;
+}
+export {};

package/hooks/useApplyPropagationToSelectedItemsOnMount.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useApplyPropagationToSelectedItemsOnMount = useApplyPropagationToSelectedItemsOnMount;
+var _useLazyRef = _interopRequireDefault(require("@mui/utils/useLazyRef"));
+var _useTreeViewSelection = require("../internals/plugins/useTreeViewSelection/useTreeViewSelection.utils");
+const defaultGetItemId = item => item.id;
+const defaultGetItemChildren = item => item.children;
+
+/**
+ * Applies the selection propagation rules to the selected items.
+ * The value is only computed during the first render, any update of the parameters will be ignored.
+ *
+ * Uncontrolled example:
+ * ```tsx
+ * const defaultSelectedItems = useApplyPropagationToSelectedItemsOnMount({
+ *   items: props.items,
+ *   selectionPropagation: props.selectionPropagation,
+ *   selectedItems: ['10', '11', '13', '14'],
+ * });
+ *
+ * return (
+ *   <RichTreeView
+ *     items={props.items}
+ *     selectionPropagation={props.selectionPropagation}
+ *     defaultSelectedItems={defaultSelectedItems}
+ *   />
+ * );
+ * ```
+ *
+ * Controlled example:
+ * ```tsx
+ * const initialSelectedItems = useApplyPropagationToSelectedItemsOnMount({
+ *   items: props.items,
+ *   selectionPropagation: props.selectionPropagation,
+ *   selectedItems: ['10', '11', '13', '14'],
+ * });
+ *
+ * const [selectedItems, setSelectedItems] = React.useState(initialSelectedItems);
+ *
+ * return (
+ *   <RichTreeView
+ *     items={props.items}
+ *     selectionPropagation={props.selectionPropagation}
+ *     selectedItems={selectedItems}
+ *     onSelectedItemsChange={setSelectedItems}
+ *   />
+ * );
+ * ```
+ */
+function useApplyPropagationToSelectedItemsOnMount(parameters) {
+  const {
+    items: itemsParam,
+    getItemId = defaultGetItemId,
+    getItemChildren = defaultGetItemChildren,
+    selectedItems,
+    selectionPropagation
+  } = parameters;
+  return (0, _useLazyRef.default)(() => {
+    const lookup = (0, _useTreeViewSelection.getLookupFromArray)(selectedItems);
+    function walk(items, isParentSelected) {
+      for (const item of items) {
+        const itemId = getItemId(item);
+        let isSelected = lookup[itemId];
+        if (!isSelected && selectionPropagation.descendants && isParentSelected) {
+          lookup[itemId] = true;
+          isSelected = true;
+        }
+        const children = getItemChildren(item) ?? [];
+        if (children.length > 0) {
+          walk(children, isSelected);
+          if (!isSelected && selectionPropagation.parents) {
+            const areAllChildrenSelected = children.every(childId => lookup[getItemId(childId)]);
+            if (areAllChildrenSelected) {
+              lookup[itemId] = true;
+            }
+          }
+        }
+      }
+    }
+    walk(itemsParam, false);
+    return Object.keys(lookup);
+  }).current;
+}

package/hooks/useTreeItemModel.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTreeItemModel = void 0;
+var _store = require("@mui/x-internals/store");
 var _TreeViewProvider = require("../internals/TreeViewProvider");
-var _useSelector = require("../internals/hooks/useSelector");
-var _useTreeViewItems = require("../internals/plugins/useTreeViewItems/useTreeViewItems.selectors");
+var _useTreeViewItems = require("../internals/plugins/useTreeViewItems");
 const useTreeItemModel = itemId => {
   const {
     store
   } = (0, _TreeViewProvider.useTreeViewContext)();
-  return (0, _useSelector.useSelector)(store, _useTreeViewItems.selectorItemModel, itemId);
+  return (0, _store.useStore)(store, _useTreeViewItems.itemsSelectors.itemModel, itemId);
 };
 exports.useTreeItemModel = useTreeItemModel;

package/hooks/useTreeItemUtils/useTreeItemUtils.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTreeItemUtils = exports.itemHasChildren = void 0;
+var _store = require("@mui/x-internals/store");
 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");
@@ -39,18 +39,16 @@ const useTreeItemUtils = ({
     store,
     publicAPI
   } = (0, _TreeViewProvider.useTreeViewContext)();
-  const isItemExpandable = (0, _useSelector.useSelector)(store, _useTreeViewExpansion.selectorIsItemExpandable, itemId);
-  const isLazyLoadingEnabled = (0, _useSelector.useSelector)(store, _useTreeViewLazyLoading.selectorIsLazyLoadingEnabled);
-  const isMultiSelectEnabled = (0, _useSelector.useSelector)(store, _useTreeViewSelection.selectorIsMultiSelectEnabled);
-  const loading = (0, _useSelector.useSelector)(store, state => isLazyLoadingEnabled ? (0, _useTreeViewLazyLoading.selectorIsItemLoading)(state, itemId) : false);
-  const error = (0, _useSelector.useSelector)(store, state => isLazyLoadingEnabled ? Boolean((0, _useTreeViewLazyLoading.selectorGetTreeItemError)(state, itemId)) : false);
+  const isItemExpandable = (0, _store.useStore)(store, _useTreeViewExpansion.expansionSelectors.isItemExpandable, itemId);
+  const isLoading = (0, _store.useStore)(store, _useTreeViewLazyLoading.lazyLoadingSelectors.isItemLoading, itemId);
+  const hasError = (0, _store.useStore)(store, _useTreeViewLazyLoading.lazyLoadingSelectors.itemHasError, itemId);
   const isExpandable = itemHasChildren(children) || isItemExpandable;
-  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, _useTreeViewLabel2.selectorIsItemBeingEdited, itemId);
-  const isEditable = (0, _useSelector.useSelector)(store, _useTreeViewLabel2.selectorIsItemEditable, itemId);
+  const isExpanded = (0, _store.useStore)(store, _useTreeViewExpansion.expansionSelectors.isItemExpanded, itemId);
+  const isFocused = (0, _store.useStore)(store, _useTreeViewFocus.focusSelectors.isItemFocused, itemId);
+  const isSelected = (0, _store.useStore)(store, _useTreeViewSelection.selectionSelectors.isItemSelected, itemId);
+  const isDisabled = (0, _store.useStore)(store, _useTreeViewItems.itemsSelectors.isItemDisabled, itemId);
+  const isEditing = (0, _store.useStore)(store, _useTreeViewLabel2.labelSelectors.isItemBeingEdited, itemId);
+  const isEditable = (0, _store.useStore)(store, _useTreeViewLabel2.labelSelectors.isItemEditable, itemId);
   const status = {
     expandable: isExpandable,
     expanded: isExpanded,
@@ -59,8 +57,8 @@ const useTreeItemUtils = ({
     disabled: isDisabled,
     editing: isEditing,
     editable: isEditable,
-    loading,
-    error
+    loading: isLoading,
+    error: hasError
   };
   const handleExpansion = event => {
     if (status.disabled) {
@@ -69,10 +67,10 @@ const useTreeItemUtils = ({
     if (!status.focused) {
       instance.focusItem(event, itemId);
     }
-    const multiple = isMultiSelectEnabled && (event.shiftKey || event.ctrlKey || event.metaKey);
+    const multiple = _useTreeViewSelection.selectionSelectors.isMultiSelectEnabled(store.state) && (event.shiftKey || event.ctrlKey || event.metaKey);
 
     // If already expanded and trying to toggle selection don't close
-    if (status.expandable && !(multiple && (0, _useTreeViewExpansion.selectorIsItemExpanded)(store.value, itemId))) {
+    if (status.expandable && !(multiple && _useTreeViewExpansion.expansionSelectors.isItemExpanded(store.state, itemId))) {
       // make sure the children selection is propagated again
       instance.setItemExpansion({
         event,
@@ -87,7 +85,7 @@ const useTreeItemUtils = ({
     if (!status.focused && !status.editing) {
       instance.focusItem(event, itemId);
     }
-    const multiple = isMultiSelectEnabled && (event.shiftKey || event.ctrlKey || event.metaKey);
+    const multiple = _useTreeViewSelection.selectionSelectors.isMultiSelectEnabled(store.state) && (event.shiftKey || event.ctrlKey || event.metaKey);
     if (multiple) {
       if (event.shiftKey) {
         instance.expandSelectionRange(event, itemId);
@@ -108,6 +106,7 @@ const useTreeItemUtils = ({
   };
   const handleCheckboxSelection = event => {
     const hasShift = event.nativeEvent.shiftKey;
+    const isMultiSelectEnabled = _useTreeViewSelection.selectionSelectors.isMultiSelectEnabled(store.state);
     if (isMultiSelectEnabled && hasShift) {
       instance.expandSelectionRange(event, itemId);
     } else {
@@ -137,7 +136,7 @@ const useTreeItemUtils = ({
     // 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`
-    if ((0, _useTreeViewLabel2.selectorIsItemBeingEdited)(store.value, itemId)) {
+    if (_useTreeViewLabel2.labelSelectors.isItemBeingEdited(store.state, itemId)) {
       instance.updateItemLabel(itemId, newLabel);
       toggleItemEditing();
       instance.focusItem(event, itemId);
@@ -147,7 +146,7 @@ const useTreeItemUtils = ({
     if (!(0, _plugins.hasPlugin)(instance, _useTreeViewLabel.useTreeViewLabel)) {
       return;
     }
-    if ((0, _useTreeViewLabel2.selectorIsItemBeingEdited)(store.value, itemId)) {
+    if (_useTreeViewLabel2.labelSelectors.isItemBeingEdited(store.state, itemId)) {
       toggleItemEditing();
       instance.focusItem(event, itemId);
     }

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v8.11.0
+ * @mui/x-tree-view v8.11.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/TreeViewProvider/TreeViewChildrenItemProvider.js

@@ -32,7 +32,7 @@ function TreeViewChildrenItemProvider(props) {
     if (!rootRef.current) {
       return;
     }
-    const previousChildrenIds = (0, _useTreeViewItems.selectorItemOrderedChildrenIds)(store.value, itemId ?? null) ?? [];
+    const previousChildrenIds = _useTreeViewItems.itemsSelectors.itemOrderedChildrenIds(store.state, itemId ?? null) ?? [];
     const escapedIdAttr = (0, _utils.escapeOperandAttributeSelector)(idAttribute ?? rootRef.current.id);
 
     // If collapsed, skip childrenIds update prevents clearing the parent's indeterminate state after opening a sibling.

package/internals/TreeViewProvider/TreeViewProvider.types.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import { TreeItemWrapper, TreeRootWrapper, TreeViewAnyPluginSignature, TreeViewInstance, TreeViewItemPluginResponse, TreeViewPublicAPI } from "../models/index.js";
-import { TreeViewStore } from "../utils/TreeViewStore.js";
+import { TreeItemWrapper, TreeRootWrapper, TreeViewAnyPluginSignature, TreeViewInstance, TreeViewItemPluginResponse, TreeViewPublicAPI, TreeViewReadonlyStore } from "../models/index.js";
 import type { TreeItemProps } from "../../TreeItem/TreeItem.types.js";
 import { TreeViewClasses, TreeViewSlotProps, TreeViewSlots } from "./TreeViewStyleContext.js";
+import { TreeViewCorePluginSignatures } from "../corePlugins/index.js";
 export type TreeViewItemPluginsRunner = (props: TreeItemProps) => Required<TreeViewItemPluginResponse>;
 export interface TreeViewContextValue<TSignatures extends readonly TreeViewAnyPluginSignature[], TOptionalSignatures extends readonly TreeViewAnyPluginSignature[] = []> {
   instance: TreeViewInstance<TSignatures, TOptionalSignatures>;
   publicAPI: TreeViewPublicAPI<TSignatures, TOptionalSignatures>;
-  store: TreeViewStore<TSignatures>;
+  store: TreeViewReadonlyStore<readonly [...TreeViewCorePluginSignatures, ...TSignatures]>;
   rootRef: React.RefObject<HTMLUListElement | null>;
   wrapItem: TreeItemWrapper<TSignatures>;
   wrapRoot: TreeRootWrapper;

package/internals/components/RichTreeViewItems.js

@@ -10,11 +10,11 @@ exports.RichTreeViewItems = RichTreeViewItems;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
+var _store = require("@mui/x-internals/store");
 var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _fastObjectShallowCompare = require("@mui/x-internals/fastObjectShallowCompare");
 var _TreeItem = require("../../TreeItem");
-var _useSelector = require("../hooks/useSelector");
-var _useTreeViewItems = require("../plugins/useTreeViewItems/useTreeViewItems.selectors");
+var _useTreeViewItems = require("../plugins/useTreeViewItems");
 var _TreeViewProvider = require("../TreeViewProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["ownerState"];
@@ -29,8 +29,8 @@ const WrappedTreeItem = /*#__PURE__*/React.memo(function WrappedTreeItem({
   const {
     store
   } = (0, _TreeViewProvider.useTreeViewContext)();
-  const itemMeta = (0, _useSelector.useSelector)(store, _useTreeViewItems.selectorItemMeta, itemId);
-  const children = (0, _useSelector.useSelector)(store, _useTreeViewItems.selectorItemOrderedChildrenIds, itemId);
+  const itemMeta = (0, _store.useStore)(store, _useTreeViewItems.itemsSelectors.itemMeta, itemId);
+  const children = (0, _store.useStore)(store, _useTreeViewItems.itemsSelectors.itemOrderedChildrenIds, itemId);
   const Item = itemSlot ?? _TreeItem.TreeItem;
   const _useSlotProps = (0, _useSlotProps2.default)({
       elementType: Item,
@@ -61,7 +61,7 @@ function RichTreeViewItems(props) {
   } = (0, _TreeViewProvider.useTreeViewContext)();
   const itemSlot = slots?.item;
   const itemSlotProps = slotProps?.item;
-  const items = (0, _useSelector.useSelector)(store, _useTreeViewItems.selectorItemOrderedChildrenIds, null);
+  const items = (0, _store.useStore)(store, _useTreeViewItems.itemsSelectors.itemOrderedChildrenIds, null);
   const renderItem = React.useCallback(itemId => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedTreeItem, {
       itemSlot: itemSlot,

package/internals/corePlugins/useTreeViewId/index.d.ts

@@ -1,2 +1,3 @@
 export { useTreeViewId } from "./useTreeViewId.js";
-export type { UseTreeViewIdSignature, UseTreeViewIdParameters, UseTreeViewIdParametersWithDefaults } from "./useTreeViewId.types.js";
+export type { UseTreeViewIdSignature, UseTreeViewIdParameters, UseTreeViewIdParametersWithDefaults } from "./useTreeViewId.types.js";
+export { idSelectors } from "./useTreeViewId.selectors.js";

package/internals/corePlugins/useTreeViewId/index.js

@@ -3,10 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "idSelectors", {
+  enumerable: true,
+  get: function () {
+    return _useTreeViewId2.idSelectors;
+  }
+});
 Object.defineProperty(exports, "useTreeViewId", {
   enumerable: true,
   get: function () {
     return _useTreeViewId.useTreeViewId;
   }
 });
-var _useTreeViewId = require("./useTreeViewId");
+var _useTreeViewId = require("./useTreeViewId");
+var _useTreeViewId2 = require("./useTreeViewId.selectors");

package/internals/corePlugins/useTreeViewId/useTreeViewId.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useTreeViewId = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _useSelector = require("../../hooks/useSelector");
+var _store = require("@mui/x-internals/store");
 var _useTreeViewId = require("./useTreeViewId.selectors");
 var _useTreeViewId2 = require("./useTreeViewId.utils");
 const useTreeViewId = ({
@@ -17,18 +17,15 @@ const useTreeViewId = ({
   store
 }) => {
   React.useEffect(() => {
-    store.update(prevState => {
-      if (params.id === prevState.id.providedTreeId && prevState.id.treeId !== undefined) {
-        return prevState;
-      }
-      return (0, _extends2.default)({}, prevState, {
-        id: (0, _extends2.default)({}, prevState.id, {
-          treeId: params.id ?? (0, _useTreeViewId2.createTreeViewDefaultId)()
-        })
-      });
-    });
+    const prevIdState = store.state.id;
+    if (params.id === prevIdState.providedTreeId && prevIdState.treeId !== undefined) {
+      return;
+    }
+    store.set('id', (0, _extends2.default)({}, prevIdState, {
+      treeId: params.id ?? (0, _useTreeViewId2.createTreeViewDefaultId)()
+    }));
   }, [store, params.id]);
-  const treeId = (0, _useSelector.useSelector)(store, _useTreeViewId.selectorTreeViewId);
+  const treeId = (0, _store.useStore)(store, _useTreeViewId.idSelectors.treeId);
   return {
     getRootProps: () => ({
       id: treeId

package/internals/corePlugins/useTreeViewId/useTreeViewId.selectors.d.ts

@@ -1,36 +1,10 @@
-import { TreeViewRootSelector } from "../../utils/selectors.js";
 import { UseTreeViewIdSignature } from "./useTreeViewId.types.js";
-/**
- * Get the id attribute of the tree view.
- * @param {TreeViewState<[UseTreeViewIdSignature]>} state The state of the tree view.
- * @returns {string} The id attribute of the tree view.
- */
-export declare const selectorTreeViewId: ((state: import("./useTreeViewId.types.js").UseTreeViewIdState & Partial<{}> & {
-  cacheKey: import("../../models/index.js").TreeViewStateCacheKey;
-}) => string | undefined) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: {
-    treeId: string | undefined;
-    providedTreeId: string | undefined;
-  }) => string | undefined;
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    treeId: string | undefined;
-    providedTreeId: string | undefined;
-  }) => string | undefined) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => string | undefined;
-  dependencies: [TreeViewRootSelector<UseTreeViewIdSignature>];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
+import { TreeViewState } from "../../models/index.js";
+export declare const idSelectors: {
+  /**
+   * Get the id attribute of the tree view.
+   * @param {TreeViewState<[UseTreeViewIdSignature]>} state The state of the tree view.
+   * @returns {string} The id attribute of the tree view.
+   */
+  treeId: (state: TreeViewState<[UseTreeViewIdSignature]>) => string | undefined;
 };

package/internals/corePlugins/useTreeViewId/useTreeViewId.selectors.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectorTreeViewId = void 0;
-var _selectors = require("../../utils/selectors");
-const selectorTreeViewIdState = state => state.id;
-
-/**
- * Get the id attribute of the tree view.
- * @param {TreeViewState<[UseTreeViewIdSignature]>} state The state of the tree view.
- * @returns {string} The id attribute of the tree view.
- */
-const selectorTreeViewId = exports.selectorTreeViewId = (0, _selectors.createSelector)(selectorTreeViewIdState, idState => idState.treeId);
+exports.idSelectors = void 0;
+var _store = require("@mui/x-internals/store");
+const idSelectors = exports.idSelectors = {
+  /**
+   * Get the id attribute of the tree view.
+   * @param {TreeViewState<[UseTreeViewIdSignature]>} state The state of the tree view.
+   * @returns {string} The id attribute of the tree view.
+   */
+  treeId: (0, _store.createSelector)(state => state.id.treeId)
+};

package/internals/index.d.ts

@@ -3,31 +3,23 @@ export { TreeViewProvider, useTreeViewContext } from "./TreeViewProvider/index.j
 export { RichTreeViewItems } from "./components/RichTreeViewItems.js";
 export type { RichTreeViewItemsSlots, RichTreeViewItemsSlotProps } from "./components/RichTreeViewItems.js";
 export { unstable_resetCleanupTracking, useInstanceEventHandler } from "./hooks/useInstanceEventHandler.js";
-export { useSelector } from "./hooks/useSelector.js";
 export type { TreeViewPlugin, TreeViewPluginSignature, ConvertPluginsIntoSignatures, MergeSignaturesProperty, TreeViewPublicAPI, TreeViewState, TreeViewItemMeta, TreeViewInstance, TreeViewItemPlugin, TreeViewUsedStore } from "./models/index.js";
 export type { TreeViewCorePluginParameters } from "./corePlugins/index.js";
-export { useTreeViewExpansion } from "./plugins/useTreeViewExpansion/index.js";
+export { useTreeViewExpansion, expansionSelectors } from "./plugins/useTreeViewExpansion/index.js";
 export type { UseTreeViewExpansionSignature, UseTreeViewExpansionParameters } from "./plugins/useTreeViewExpansion/index.js";
-export { useTreeViewSelection } from "./plugins/useTreeViewSelection/index.js";
+export { useTreeViewSelection, selectionSelectors } from "./plugins/useTreeViewSelection/index.js";
 export type { UseTreeViewSelectionSignature, UseTreeViewSelectionParameters } from "./plugins/useTreeViewSelection/index.js";
 export { useTreeViewFocus } from "./plugins/useTreeViewFocus/index.js";
 export type { UseTreeViewFocusSignature, UseTreeViewFocusParameters } from "./plugins/useTreeViewFocus/index.js";
 export { useTreeViewKeyboardNavigation } from "./plugins/useTreeViewKeyboardNavigation/index.js";
 export type { UseTreeViewKeyboardNavigationSignature } from "./plugins/useTreeViewKeyboardNavigation/index.js";
-export { useTreeViewItems, buildSiblingIndexes, TREE_VIEW_ROOT_PARENT_ID } from "./plugins/useTreeViewItems/index.js";
-export { selectorItemMetaLookup, selectorItemMeta, selectorItemIndex, selectorItemOrderedChildrenIds } from "./plugins/useTreeViewItems/useTreeViewItems.selectors.js";
+export { useTreeViewItems, buildSiblingIndexes, itemsSelectors, TREE_VIEW_ROOT_PARENT_ID } from "./plugins/useTreeViewItems/index.js";
 export type { UseTreeViewItemsSignature, UseTreeViewItemsParameters, UseTreeViewItemsState } from "./plugins/useTreeViewItems/index.js";
-export { useTreeViewLabel } from "./plugins/useTreeViewLabel/index.js";
-export { selectorIsItemBeingEdited, selectorIsAnyItemBeingEdited } from "./plugins/useTreeViewLabel/useTreeViewLabel.selectors.js";
+export { useTreeViewLabel, labelSelectors } from "./plugins/useTreeViewLabel/index.js";
 export type { UseTreeViewLabelSignature, UseTreeViewLabelParameters } from "./plugins/useTreeViewLabel/index.js";
-export { selectorIsItemExpanded, selectorExpandedItems } from "./plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.js";
-export { selectorIsItemSelected } from "./plugins/useTreeViewSelection/useTreeViewSelection.selectors.js";
-export { selectorDataSourceState, selectorGetTreeItemError } from "./plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.selectors.js";
-export type { UseTreeViewLazyLoadingSignature } from "./plugins/useTreeViewLazyLoading/index.js";
-export type { UseTreeViewLazyLoadingParameters } from "./plugins/useTreeViewLazyLoading/index.js";
+export type { UseTreeViewLazyLoadingSignature, UseTreeViewLazyLoadingParameters, UseTreeViewLazyLoadingInstance } from "./plugins/useTreeViewLazyLoading/index.js";
+export { lazyLoadingSelectors } from "./plugins/useTreeViewLazyLoading/index.js";
 export { useTreeViewJSXItems } from "./plugins/useTreeViewJSXItems/index.js";
 export type { UseTreeViewJSXItemsSignature, UseTreeViewJSXItemsParameters } from "./plugins/useTreeViewJSXItems/index.js";
-export { createSelector } from "./utils/selectors.js";
 export { isTargetInDescendants } from "./utils/tree.js";
-export { TreeViewStore } from "./utils/TreeViewStore.js";
 export type { TreeViewClasses, TreeViewSlots, TreeViewSlotProps } from "./TreeViewProvider/TreeViewStyleContext.js";

package/internals/index.js

@@ -21,22 +21,16 @@ Object.defineProperty(exports, "TreeViewProvider", {
     return _TreeViewProvider.TreeViewProvider;
   }
 });
-Object.defineProperty(exports, "TreeViewStore", {
-  enumerable: true,
-  get: function () {
-    return _TreeViewStore.TreeViewStore;
-  }
-});
 Object.defineProperty(exports, "buildSiblingIndexes", {
   enumerable: true,
   get: function () {
     return _useTreeViewItems.buildSiblingIndexes;
   }
 });
-Object.defineProperty(exports, "createSelector", {
+Object.defineProperty(exports, "expansionSelectors", {
   enumerable: true,
   get: function () {
-    return _selectors.createSelector;
+    return _useTreeViewExpansion.expansionSelectors;
   }
 });
 Object.defineProperty(exports, "isTargetInDescendants", {
@@ -45,70 +39,28 @@ Object.defineProperty(exports, "isTargetInDescendants", {
     return _tree.isTargetInDescendants;
   }
 });
-Object.defineProperty(exports, "selectorDataSourceState", {
-  enumerable: true,
-  get: function () {
-    return _useTreeViewLazyLoading.selectorDataSourceState;
-  }
-});
-Object.defineProperty(exports, "selectorExpandedItems", {
-  enumerable: true,
-  get: function () {
-    return _useTreeViewExpansion2.selectorExpandedItems;
-  }
-});
-Object.defineProperty(exports, "selectorGetTreeItemError", {
-  enumerable: true,
-  get: function () {
-    return _useTreeViewLazyLoading.selectorGetTreeItemError;
-  }
-});
-Object.defineProperty(exports, "selectorIsAnyItemBeingEdited", {
-  enumerable: true,
-  get: function () {
-    return _useTreeViewLabel2.selectorIsAnyItemBeingEdited;
-  }
-});
-Object.defineProperty(exports, "selectorIsItemBeingEdited", {
-  enumerable: true,
-  get: function () {
-    return _useTreeViewLabel2.selectorIsItemBeingEdited;
-  }
-});
-Object.defineProperty(exports, "selectorIsItemExpanded", {
-  enumerable: true,
-  get: function () {
-    return _useTreeViewExpansion2.selectorIsItemExpanded;
-  }
-});
-Object.defineProperty(exports, "selectorIsItemSelected", {
-  enumerable: true,
-  get: function () {
-    return _useTreeViewSelection2.selectorIsItemSelected;
-  }
-});
-Object.defineProperty(exports, "selectorItemIndex", {
+Object.defineProperty(exports, "itemsSelectors", {
   enumerable: true,
   get: function () {
-    return _useTreeViewItems2.selectorItemIndex;
+    return _useTreeViewItems.itemsSelectors;
   }
 });
-Object.defineProperty(exports, "selectorItemMeta", {
+Object.defineProperty(exports, "labelSelectors", {
   enumerable: true,
   get: function () {
-    return _useTreeViewItems2.selectorItemMeta;
+    return _useTreeViewLabel.labelSelectors;
   }
 });
-Object.defineProperty(exports, "selectorItemMetaLookup", {
+Object.defineProperty(exports, "lazyLoadingSelectors", {
   enumerable: true,
   get: function () {
-    return _useTreeViewItems2.selectorItemMetaLookup;
+    return _useTreeViewLazyLoading.lazyLoadingSelectors;
   }
 });
-Object.defineProperty(exports, "selectorItemOrderedChildrenIds", {
+Object.defineProperty(exports, "selectionSelectors", {
   enumerable: true,
   get: function () {
-    return _useTreeViewItems2.selectorItemOrderedChildrenIds;
+    return _useTreeViewSelection.selectionSelectors;
   }
 });
 Object.defineProperty(exports, "unstable_resetCleanupTracking", {
@@ -123,12 +75,6 @@ Object.defineProperty(exports, "useInstanceEventHandler", {
     return _useInstanceEventHandler.useInstanceEventHandler;
   }
 });
-Object.defineProperty(exports, "useSelector", {
-  enumerable: true,
-  get: function () {
-    return _useSelector.useSelector;
-  }
-});
 Object.defineProperty(exports, "useTreeView", {
   enumerable: true,
   get: function () {
@@ -187,19 +133,12 @@ var _useTreeView = require("./useTreeView");
 var _TreeViewProvider = require("./TreeViewProvider");
 var _RichTreeViewItems = require("./components/RichTreeViewItems");
 var _useInstanceEventHandler = require("./hooks/useInstanceEventHandler");
-var _useSelector = require("./hooks/useSelector");
 var _useTreeViewExpansion = require("./plugins/useTreeViewExpansion");
 var _useTreeViewSelection = require("./plugins/useTreeViewSelection");
 var _useTreeViewFocus = require("./plugins/useTreeViewFocus");
 var _useTreeViewKeyboardNavigation = require("./plugins/useTreeViewKeyboardNavigation");
 var _useTreeViewItems = require("./plugins/useTreeViewItems");
-var _useTreeViewItems2 = require("./plugins/useTreeViewItems/useTreeViewItems.selectors");
 var _useTreeViewLabel = require("./plugins/useTreeViewLabel");
-var _useTreeViewLabel2 = require("./plugins/useTreeViewLabel/useTreeViewLabel.selectors");
-var _useTreeViewExpansion2 = require("./plugins/useTreeViewExpansion/useTreeViewExpansion.selectors");
-var _useTreeViewSelection2 = require("./plugins/useTreeViewSelection/useTreeViewSelection.selectors");
-var _useTreeViewLazyLoading = require("./plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.selectors");
+var _useTreeViewLazyLoading = require("./plugins/useTreeViewLazyLoading");
 var _useTreeViewJSXItems = require("./plugins/useTreeViewJSXItems");
-var _selectors = require("./utils/selectors");
-var _tree = require("./utils/tree");
-var _TreeViewStore = require("./utils/TreeViewStore");
+var _tree = require("./utils/tree");