@mui/x-tree-view 8.22.0 → 8.24.0

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

@@ -1,112 +0,0 @@
-import * as React from 'react';
-import { DefaultizedProps } from '@mui/x-internals/types';
-import { TreeViewPluginSignature } from "../../models/index.js";
-import { UseTreeViewItemsSignature } from "../useTreeViewItems/index.js";
-import { TreeViewItemId } from "../../../models/index.js";
-import { UseTreeViewLabelSignature } from "../useTreeViewLabel/index.js";
-export interface UseTreeViewExpansionPublicAPI {
-  /**
-   * Change the expansion status of a given item.
-   * @param {object} parameters The parameters of the method.
-   * @param {TreeViewItemId} parameters.itemId The id of the item to expand of collapse.
-   * @param {React.SyntheticEvent} parameters.event The DOM event that triggered the change.
-   * @param {boolean} parameters.shouldBeExpanded If `true` the item will be expanded. If `false` the item will be collapsed. If not defined, the item's expansion status will be the toggled.
-   */
-  setItemExpansion: (parameters: {
-    itemId: TreeViewItemId;
-    event?: React.SyntheticEvent;
-    shouldBeExpanded?: boolean;
-  }) => void;
-  /**
-   * Check if an item is expanded.
-   * @param {TreeViewItemId} itemId The id of the item to check.
-   * @returns {boolean} `true` if the item is expanded, `false` otherwise.
-   */
-  isItemExpanded: (itemId: TreeViewItemId) => boolean;
-}
-export interface UseTreeViewExpansionInstance extends Omit<UseTreeViewExpansionPublicAPI, 'isItemExpanded'> {
-  /**
-   * Expand all the siblings (i.e.: the items that have the same parent) of a given item.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change.
-   * @param {TreeViewItemId} itemId The id of the item whose siblings will be expanded.
-   */
-  expandAllSiblings: (event: React.KeyboardEvent, itemId: TreeViewItemId) => void;
-  /**
-   * Apply the new expansion status of a given item.
-   * Is used by the `setItemExpansion` method and by the `useTreeViewLazyLoading` plugin.
-   * Unlike `setItemExpansion`, this method does not trigger the lazy loading.
-   * @param {object} parameters The parameters of the method.
-   * @param {TreeViewItemId} parameters.itemId The id of the item to expand of collapse.
-   * @param {React.SyntheticEvent | null} parameters.event The DOM event that triggered the change.
-   * @param {boolean} parameters.shouldBeExpanded If `true` the item will be expanded. If `false` the item will be collapsed.
-   */
-  applyItemExpansion: (parameters: {
-    itemId: TreeViewItemId;
-    event: React.SyntheticEvent | null;
-    shouldBeExpanded: boolean;
-  }) => void;
-  /**
-   * Reset the expansion state of all items.
-   */
-  resetItemExpansion: () => void;
-}
-export interface UseTreeViewExpansionParameters {
-  /**
-   * Expanded item ids.
-   * Used when the item's expansion is controlled.
-   */
-  expandedItems?: readonly TreeViewItemId[];
-  /**
-   * Expanded item ids.
-   * Used when the item's expansion is not controlled.
-   * @default []
-   */
-  defaultExpandedItems?: readonly TreeViewItemId[];
-  /**
-   * Callback fired when Tree Items are expanded/collapsed.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemExpansion()` method.
-   * @param {TreeViewItemId[]} itemIds The ids of the expanded items.
-   */
-  onExpandedItemsChange?: (event: React.SyntheticEvent | null, itemIds: TreeViewItemId[]) => void;
-  /**
-   * Callback fired when a Tree Item is expanded or collapsed.
-   * @param {React.SyntheticEvent | null} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemExpansion()` method.
-   * @param {TreeViewItemId} itemId The itemId of the modified item.
-   * @param {boolean} isExpanded `true` if the item has just been expanded, `false` if it has just been collapsed.
-   */
-  onItemExpansionToggle?: (event: React.SyntheticEvent | null, itemId: TreeViewItemId, isExpanded: boolean) => void;
-  /**
-   * The slot that triggers the item's expansion when clicked.
-   * @default 'content'
-   */
-  expansionTrigger?: 'content' | 'iconContainer';
-}
-export type UseTreeViewExpansionParametersWithDefaults = DefaultizedProps<UseTreeViewExpansionParameters, 'defaultExpandedItems'>;
-export interface UseTreeViewExpansionState {
-  expansion: {
-    expandedItems: readonly TreeViewItemId[];
-    expansionTrigger: 'content' | 'iconContainer';
-  };
-}
-interface UseTreeViewExpansionEventLookup {
-  beforeItemToggleExpansion: {
-    params: {
-      isExpansionPrevented: boolean;
-      shouldBeExpanded: boolean;
-      event: React.SyntheticEvent | null;
-      itemId: TreeViewItemId;
-    };
-  };
-}
-export type UseTreeViewExpansionSignature = TreeViewPluginSignature<{
-  params: UseTreeViewExpansionParameters;
-  paramsWithDefaults: UseTreeViewExpansionParametersWithDefaults;
-  instance: UseTreeViewExpansionInstance;
-  publicAPI: UseTreeViewExpansionPublicAPI;
-  modelNames: 'expandedItems';
-  state: UseTreeViewExpansionState;
-  dependencies: [UseTreeViewItemsSignature];
-  optionalDependencies: [UseTreeViewLabelSignature];
-  events: UseTreeViewExpansionEventLookup;
-}>;
-export {};

package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.types.js

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

package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.utils.d.ts

@@ -1,6 +0,0 @@
-import { TreeViewUsedParamsWithDefaults } from "../../models/index.js";
-import { UseTreeViewExpansionSignature } from "./useTreeViewExpansion.types.js";
-export declare const getExpansionTrigger: ({
-  isItemEditable,
-  expansionTrigger
-}: Pick<TreeViewUsedParamsWithDefaults<UseTreeViewExpansionSignature>, "isItemEditable" | "expansionTrigger">) => "content" | "iconContainer";

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

@@ -1,3 +0,0 @@
-export { useTreeViewFocus } from "./useTreeViewFocus.js";
-export type { UseTreeViewFocusSignature, UseTreeViewFocusParameters, UseTreeViewFocusParametersWithDefaults } from "./useTreeViewFocus.types.js";
-export { focusSelectors } from "./useTreeViewFocus.selectors.js";

package/internals/plugins/useTreeViewFocus/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "focusSelectors", {
-  enumerable: true,
-  get: function () {
-    return _useTreeViewFocus2.focusSelectors;
-  }
-});
-Object.defineProperty(exports, "useTreeViewFocus", {
-  enumerable: true,
-  get: function () {
-    return _useTreeViewFocus.useTreeViewFocus;
-  }
-});
-var _useTreeViewFocus = require("./useTreeViewFocus");
-var _useTreeViewFocus2 = require("./useTreeViewFocus.selectors");

package/internals/plugins/useTreeViewFocus/useTreeViewFocus.d.ts

@@ -1,3 +0,0 @@
-import { TreeViewPlugin } from "../../models/index.js";
-import { UseTreeViewFocusSignature } from "./useTreeViewFocus.types.js";
-export declare const useTreeViewFocus: TreeViewPlugin<UseTreeViewFocusSignature>;

package/internals/plugins/useTreeViewFocus/useTreeViewFocus.js

@@ -1,121 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTreeViewFocus = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _useEventCallback = require("@base-ui-components/utils/useEventCallback");
-var _store = require("@mui/x-internals/store");
-var _useTreeViewFocus = require("./useTreeViewFocus.selectors");
-var _useTreeViewExpansion = require("../useTreeViewExpansion/useTreeViewExpansion.selectors");
-var _useTreeViewItems = require("../useTreeViewItems/useTreeViewItems.selectors");
-const useTreeViewFocus = ({
-  instance,
-  params,
-  store
-}) => {
-  const setFocusedItemId = (0, _useEventCallback.useEventCallback)(itemId => {
-    const focusedItemId = _useTreeViewFocus.focusSelectors.focusedItemId(store.state);
-    if (focusedItemId === itemId) {
-      return;
-    }
-    store.set('focus', (0, _extends2.default)({}, store.state.focus, {
-      focusedItemId: itemId
-    }));
-  });
-  const isItemVisible = itemId => {
-    const itemMeta = _useTreeViewItems.itemsSelectors.itemMeta(store.state, itemId);
-    return itemMeta && (itemMeta.parentId == null || _useTreeViewExpansion.expansionSelectors.isItemExpanded(store.state, itemMeta.parentId));
-  };
-  const innerFocusItem = (event, itemId) => {
-    const itemElement = instance.getItemDOMElement(itemId);
-    if (itemElement) {
-      itemElement.focus();
-    }
-    setFocusedItemId(itemId);
-    if (params.onItemFocus) {
-      params.onItemFocus(event, itemId);
-    }
-  };
-  const focusItem = (0, _useEventCallback.useEventCallback)((event, itemId) => {
-    // If we receive an itemId, and it is visible, the focus will be set to it
-    if (isItemVisible(itemId)) {
-      innerFocusItem(event, itemId);
-    }
-  });
-  const removeFocusedItem = (0, _useEventCallback.useEventCallback)(() => {
-    const focusedItemId = _useTreeViewFocus.focusSelectors.focusedItemId(store.state);
-    if (focusedItemId == null) {
-      return;
-    }
-    const itemMeta = _useTreeViewItems.itemsSelectors.itemMeta(store.state, focusedItemId);
-    if (itemMeta) {
-      const itemElement = instance.getItemDOMElement(focusedItemId);
-      if (itemElement) {
-        itemElement.blur();
-      }
-    }
-    setFocusedItemId(null);
-  });
-
-  // Whenever the items change, we need to ensure the focused item is still present.
-  (0, _store.useStoreEffect)(store, _useTreeViewItems.itemsSelectors.itemMetaLookup, () => {
-    const focusedItemId = _useTreeViewFocus.focusSelectors.focusedItemId(store.state);
-    if (focusedItemId == null) {
-      return;
-    }
-    const hasItemBeenRemoved = !_useTreeViewItems.itemsSelectors.itemMeta(store.state, focusedItemId);
-    if (!hasItemBeenRemoved) {
-      return;
-    }
-    const defaultFocusableItemId = _useTreeViewFocus.focusSelectors.defaultFocusableItemId(store.state);
-    if (defaultFocusableItemId == null) {
-      setFocusedItemId(null);
-      return;
-    }
-    innerFocusItem(null, defaultFocusableItemId);
-  });
-  const createRootHandleFocus = otherHandlers => event => {
-    otherHandlers.onFocus?.(event);
-    if (event.defaultMuiPrevented) {
-      return;
-    }
-
-    // if the event bubbled (which is React specific) we don't want to steal focus
-    const defaultFocusableItemId = _useTreeViewFocus.focusSelectors.defaultFocusableItemId(store.state);
-    if (event.target === event.currentTarget && defaultFocusableItemId != null) {
-      innerFocusItem(event, defaultFocusableItemId);
-    }
-  };
-  const createRootHandleBlur = otherHandlers => event => {
-    otherHandlers.onBlur?.(event);
-    if (event.defaultMuiPrevented) {
-      return;
-    }
-    setFocusedItemId(null);
-  };
-  return {
-    getRootProps: otherHandlers => ({
-      onFocus: createRootHandleFocus(otherHandlers),
-      onBlur: createRootHandleBlur(otherHandlers)
-    }),
-    publicAPI: {
-      focusItem
-    },
-    instance: {
-      focusItem,
-      removeFocusedItem
-    }
-  };
-};
-exports.useTreeViewFocus = useTreeViewFocus;
-useTreeViewFocus.getInitialState = () => ({
-  focus: {
-    focusedItemId: null
-  }
-});
-useTreeViewFocus.params = {
-  onItemFocus: true
-};

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

@@ -1,22 +0,0 @@
-import { UseTreeViewFocusSignature } from "./useTreeViewFocus.types.js";
-import { TreeViewState } from "../../models/index.js";
-export declare const focusSelectors: {
-  /**
-   * Gets the item that should be sequentially focusable (usually with the Tab key).
-   * At any point in time, there is a single item that can be sequentially focused in the Tree View.
-   * This item is the first selected item (that is both visible and navigable), if any, or the first navigable item if no item is selected.
-   */
-  defaultFocusableItemId: (args_0: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("../useTreeViewItems/index.js").UseTreeViewItemsState<import("../../../index.js").TreeViewDefaultItemModelProperties> & Partial<{}>) => string | null;
-  /**
-   * Checks whether an item is the default focusable item.
-   */
-  isItemTheDefaultFocusableItem: (args_0: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("../useTreeViewItems/index.js").UseTreeViewItemsState<import("../../../index.js").TreeViewDefaultItemModelProperties> & Partial<{}>, itemId: any) => boolean;
-  /**
-   * Gets the id of the item that is currently focused.
-   */
-  focusedItemId: (state: TreeViewState<[UseTreeViewFocusSignature]>) => string | null;
-  /**
-   * Checks whether an item is focused.
-   */
-  isItemFocused: (state: TreeViewState<[UseTreeViewFocusSignature]>, itemId: string) => boolean;
-};

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

@@ -1,45 +0,0 @@
-import * as React from 'react';
-import { TreeViewPluginSignature } from "../../models/index.js";
-import type { UseTreeViewItemsSignature } from "../useTreeViewItems/index.js";
-import type { UseTreeViewSelectionSignature } from "../useTreeViewSelection/index.js";
-import { UseTreeViewExpansionSignature } from "../useTreeViewExpansion/index.js";
-import { TreeViewItemId } from "../../../models/index.js";
-export interface UseTreeViewFocusPublicAPI {
-  /**
-   * Focus the item with the given id.
-   *
-   * If the item is the child of a collapsed item, then this method will do nothing.
-   * Make sure to expand the ancestors of the item before calling this method if needed.
-   * @param {React.SyntheticEvent | null} event The DOM event that triggered the change.
-   * @param {TreeViewItemId} itemId The id of the item to focus.
-   */
-  focusItem: (event: React.SyntheticEvent | null, itemId: TreeViewItemId) => void;
-}
-export interface UseTreeViewFocusInstance extends UseTreeViewFocusPublicAPI {
-  /**
-   * Remove the focus from the currently focused item (both from the internal state and the DOM).
-   */
-  removeFocusedItem: () => void;
-}
-export interface UseTreeViewFocusParameters {
-  /**
-   * Callback fired when a given Tree Item is focused.
-   * @param {React.SyntheticEvent | null} event The DOM event that triggered the change. **Warning**: This is a generic event not a focus event.
-   * @param {TreeViewItemId} itemId The id of the focused item.
-   */
-  onItemFocus?: (event: React.SyntheticEvent | null, itemId: TreeViewItemId) => void;
-}
-export type UseTreeViewFocusParametersWithDefaults = UseTreeViewFocusParameters;
-export interface UseTreeViewFocusState {
-  focus: {
-    focusedItemId: TreeViewItemId | null;
-  };
-}
-export type UseTreeViewFocusSignature = TreeViewPluginSignature<{
-  params: UseTreeViewFocusParameters;
-  paramsWithDefaults: UseTreeViewFocusParametersWithDefaults;
-  instance: UseTreeViewFocusInstance;
-  publicAPI: UseTreeViewFocusPublicAPI;
-  state: UseTreeViewFocusState;
-  dependencies: [UseTreeViewItemsSignature, UseTreeViewSelectionSignature, UseTreeViewExpansionSignature];
-}>;

package/internals/plugins/useTreeViewFocus/useTreeViewFocus.types.js

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

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

@@ -1,4 +0,0 @@
-export { useTreeViewItems } from "./useTreeViewItems.js";
-export type { UseTreeViewItemsSignature, UseTreeViewItemsParameters, UseTreeViewItemsParametersWithDefaults, UseTreeViewItemsState } from "./useTreeViewItems.types.js";
-export { buildSiblingIndexes, TREE_VIEW_ROOT_PARENT_ID } from "./useTreeViewItems.utils.js";
-export { itemsSelectors } from "./useTreeViewItems.selectors.js";

package/internals/plugins/useTreeViewItems/index.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "TREE_VIEW_ROOT_PARENT_ID", {
-  enumerable: true,
-  get: function () {
-    return _useTreeViewItems2.TREE_VIEW_ROOT_PARENT_ID;
-  }
-});
-Object.defineProperty(exports, "buildSiblingIndexes", {
-  enumerable: true,
-  get: function () {
-    return _useTreeViewItems2.buildSiblingIndexes;
-  }
-});
-Object.defineProperty(exports, "itemsSelectors", {
-  enumerable: true,
-  get: function () {
-    return _useTreeViewItems3.itemsSelectors;
-  }
-});
-Object.defineProperty(exports, "useTreeViewItems", {
-  enumerable: true,
-  get: function () {
-    return _useTreeViewItems.useTreeViewItems;
-  }
-});
-var _useTreeViewItems = require("./useTreeViewItems");
-var _useTreeViewItems2 = require("./useTreeViewItems.utils");
-var _useTreeViewItems3 = require("./useTreeViewItems.selectors");

package/internals/plugins/useTreeViewItems/useTreeViewItems.d.ts

@@ -1,3 +0,0 @@
-import { TreeViewPlugin } from "../../models/index.js";
-import { UseTreeViewItemsSignature } from "./useTreeViewItems.types.js";
-export declare const useTreeViewItems: TreeViewPlugin<UseTreeViewItemsSignature>;

package/internals/plugins/useTreeViewItems/useTreeViewItems.js

@@ -1,226 +0,0 @@
-"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.useTreeViewItems = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _useEventCallback = require("@base-ui-components/utils/useEventCallback");
-var _useTreeViewItems = require("./useTreeViewItems.utils");
-var _TreeViewItemDepthContext = require("../../TreeViewItemDepthContext");
-var _useTreeViewItems2 = require("./useTreeViewItems.selectors");
-var _useTreeViewId = require("../../corePlugins/useTreeViewId");
-var _useTreeViewId2 = require("../../corePlugins/useTreeViewId/useTreeViewId.utils");
-var _jsxRuntime = require("react/jsx-runtime");
-const useTreeViewItems = ({
-  instance,
-  params,
-  store
-}) => {
-  const itemsConfig = React.useMemo(() => ({
-    isItemDisabled: params.isItemDisabled,
-    getItemLabel: params.getItemLabel,
-    getItemChildren: params.getItemChildren,
-    getItemId: params.getItemId
-  }), [params.isItemDisabled, params.getItemLabel, params.getItemChildren, params.getItemId]);
-  const getItem = React.useCallback(itemId => _useTreeViewItems2.itemsSelectors.itemModel(store.state, itemId), [store]);
-  const getParentId = React.useCallback(itemId => {
-    const itemMeta = _useTreeViewItems2.itemsSelectors.itemMeta(store.state, itemId);
-    return itemMeta?.parentId || null;
-  }, [store]);
-  const setIsItemDisabled = (0, _useEventCallback.useEventCallback)(({
-    itemId,
-    shouldBeDisabled
-  }) => {
-    if (!store.state.items.itemMetaLookup[itemId]) {
-      return;
-    }
-    const itemMetaLookup = (0, _extends2.default)({}, store.state.items.itemMetaLookup);
-    itemMetaLookup[itemId] = (0, _extends2.default)({}, itemMetaLookup[itemId], {
-      disabled: shouldBeDisabled ?? !itemMetaLookup[itemId].disabled
-    });
-    store.set('items', (0, _extends2.default)({}, store.state.items, {
-      itemMetaLookup
-    }));
-  });
-  const getItemTree = React.useCallback(() => {
-    const getItemFromItemId = itemId => {
-      const item = _useTreeViewItems2.itemsSelectors.itemModel(store.state, itemId);
-      const itemToMutate = (0, _extends2.default)({}, item);
-      const newChildren = _useTreeViewItems2.itemsSelectors.itemOrderedChildrenIds(store.state, itemId);
-      if (newChildren.length > 0) {
-        itemToMutate.children = newChildren.map(getItemFromItemId);
-      } else {
-        delete itemToMutate.children;
-      }
-      return itemToMutate;
-    };
-    return _useTreeViewItems2.itemsSelectors.itemOrderedChildrenIds(store.state, null).map(getItemFromItemId);
-  }, [store]);
-  const getItemOrderedChildrenIds = React.useCallback(itemId => _useTreeViewItems2.itemsSelectors.itemOrderedChildrenIds(store.state, itemId), [store]);
-  const getItemDOMElement = itemId => {
-    const itemMeta = _useTreeViewItems2.itemsSelectors.itemMeta(store.state, itemId);
-    if (itemMeta == null) {
-      return null;
-    }
-    const idAttribute = (0, _useTreeViewId2.generateTreeItemIdAttribute)({
-      treeId: _useTreeViewId.idSelectors.treeId(store.state),
-      itemId,
-      id: itemMeta.idAttribute
-    });
-    return document.getElementById(idAttribute);
-  };
-  const areItemUpdatesPreventedRef = React.useRef(false);
-  const preventItemUpdates = React.useCallback(() => {
-    areItemUpdatesPreventedRef.current = true;
-  }, []);
-  const areItemUpdatesPrevented = React.useCallback(() => areItemUpdatesPreventedRef.current, []);
-  const setItemChildren = ({
-    items,
-    parentId,
-    getChildrenCount
-  }) => {
-    const parentIdWithDefault = parentId ?? _useTreeViewItems.TREE_VIEW_ROOT_PARENT_ID;
-    const parentDepth = parentId == null ? -1 : _useTreeViewItems2.itemsSelectors.itemDepth(store.state, parentId);
-    const {
-      metaLookup,
-      modelLookup,
-      orderedChildrenIds,
-      childrenIndexes
-    } = (0, _useTreeViewItems.buildItemsLookups)({
-      config: itemsConfig,
-      items,
-      parentId,
-      depth: parentDepth + 1,
-      isItemExpandable: getChildrenCount ? item => getChildrenCount(item) > 0 : () => false,
-      otherItemsMetaLookup: _useTreeViewItems2.itemsSelectors.itemMetaLookup(store.state)
-    });
-    const lookups = {
-      itemModelLookup: (0, _extends2.default)({}, store.state.items.itemModelLookup, modelLookup),
-      itemMetaLookup: (0, _extends2.default)({}, store.state.items.itemMetaLookup, metaLookup),
-      itemOrderedChildrenIdsLookup: (0, _extends2.default)({}, store.state.items.itemOrderedChildrenIdsLookup, {
-        [parentIdWithDefault]: orderedChildrenIds
-      }),
-      itemChildrenIndexesLookup: (0, _extends2.default)({}, store.state.items.itemChildrenIndexesLookup, {
-        [parentIdWithDefault]: childrenIndexes
-      })
-    };
-    store.set('items', (0, _extends2.default)({}, store.state.items, lookups));
-  };
-  const removeChildren = (0, _useEventCallback.useEventCallback)(parentId => {
-    const newMetaMap = Object.keys(store.state.items.itemMetaLookup).reduce((acc, key) => {
-      const item = store.state.items.itemMetaLookup[key];
-      if (item.parentId === parentId) {
-        return acc;
-      }
-      return (0, _extends2.default)({}, acc, {
-        [item.id]: item
-      });
-    }, {});
-    const newItemOrderedChildrenIdsLookup = (0, _extends2.default)({}, store.state.items.itemOrderedChildrenIdsLookup);
-    const newItemChildrenIndexesLookup = (0, _extends2.default)({}, store.state.items.itemChildrenIndexesLookup);
-    const cleanId = parentId ?? _useTreeViewItems.TREE_VIEW_ROOT_PARENT_ID;
-    delete newItemChildrenIndexesLookup[cleanId];
-    delete newItemOrderedChildrenIdsLookup[cleanId];
-    store.set('items', (0, _extends2.default)({}, store.state.items, {
-      itemMetaLookup: newMetaMap,
-      itemOrderedChildrenIdsLookup: newItemOrderedChildrenIdsLookup,
-      itemChildrenIndexesLookup: newItemChildrenIndexesLookup
-    }));
-  });
-  const addExpandableItems = (0, _useEventCallback.useEventCallback)(items => {
-    const newItemMetaLookup = (0, _extends2.default)({}, store.state.items.itemMetaLookup);
-    for (const itemId of items) {
-      newItemMetaLookup[itemId] = (0, _extends2.default)({}, newItemMetaLookup[itemId], {
-        expandable: true
-      });
-    }
-    store.set('items', (0, _extends2.default)({}, store.state.items, {
-      itemMetaLookup: newItemMetaLookup
-    }));
-  });
-  React.useEffect(() => {
-    if (instance.areItemUpdatesPrevented()) {
-      return;
-    }
-    const newState = (0, _useTreeViewItems.buildItemsState)({
-      disabledItemsFocusable: params.disabledItemsFocusable,
-      items: params.items,
-      config: itemsConfig
-    });
-    store.set('items', (0, _extends2.default)({}, store.state.items, newState));
-  }, [instance, store, params.items, params.disabledItemsFocusable, itemsConfig]);
-
-  // Wrap `props.onItemClick` with `useEventCallback` to prevent unneeded context updates.
-  const handleItemClick = (0, _useEventCallback.useEventCallback)((event, itemId) => {
-    if (params.onItemClick) {
-      params.onItemClick(event, itemId);
-    }
-  });
-  return {
-    getRootProps: () => ({
-      style: {
-        '--TreeView-itemChildrenIndentation': typeof params.itemChildrenIndentation === 'number' ? `${params.itemChildrenIndentation}px` : params.itemChildrenIndentation
-      }
-    }),
-    publicAPI: {
-      getItem,
-      getItemDOMElement,
-      getItemTree,
-      getItemOrderedChildrenIds,
-      setIsItemDisabled,
-      getParentId
-    },
-    instance: {
-      getItemDOMElement,
-      preventItemUpdates,
-      areItemUpdatesPrevented,
-      setItemChildren,
-      removeChildren,
-      addExpandableItems,
-      handleItemClick
-    }
-  };
-};
-exports.useTreeViewItems = useTreeViewItems;
-useTreeViewItems.getInitialState = params => ({
-  items: (0, _useTreeViewItems.buildItemsState)({
-    items: params.items,
-    disabledItemsFocusable: params.disabledItemsFocusable,
-    config: {
-      isItemDisabled: params.isItemDisabled,
-      getItemId: params.getItemId,
-      getItemLabel: params.getItemLabel,
-      getItemChildren: params.getItemChildren
-    }
-  })
-});
-useTreeViewItems.applyDefaultValuesToParams = ({
-  params
-}) => (0, _extends2.default)({}, params, {
-  disabledItemsFocusable: params.disabledItemsFocusable ?? false,
-  itemChildrenIndentation: params.itemChildrenIndentation ?? '12px'
-});
-useTreeViewItems.wrapRoot = ({
-  children
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TreeViewItemDepthContext.TreeViewItemDepthContext.Provider, {
-    value: _useTreeViewItems2.itemsSelectors.itemDepth,
-    children: children
-  });
-};
-if (process.env.NODE_ENV !== "production") useTreeViewItems.wrapRoot.displayName = "useTreeViewItems.wrapRoot";
-useTreeViewItems.params = {
-  disabledItemsFocusable: true,
-  items: true,
-  isItemDisabled: true,
-  getItemLabel: true,
-  getItemChildren: true,
-  getItemId: true,
-  onItemClick: true,
-  itemChildrenIndentation: true
-};