@mui/x-tree-view 8.23.0 → 8.24.0

package/esm/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/esm/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.types.js

@@ -1 +0,0 @@
-export {};

package/esm/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/esm/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/esm/internals/plugins/useTreeViewFocus/index.js

@@ -1,2 +0,0 @@
-export { useTreeViewFocus } from "./useTreeViewFocus.js";
-export { focusSelectors } from "./useTreeViewFocus.selectors.js";

package/esm/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/esm/internals/plugins/useTreeViewFocus/useTreeViewFocus.js

@@ -1,113 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { useStableCallback } from '@base-ui/utils/useStableCallback';
-import { useStoreEffect } from '@mui/x-internals/store';
-import { focusSelectors } from "./useTreeViewFocus.selectors.js";
-import { expansionSelectors } from "../useTreeViewExpansion/useTreeViewExpansion.selectors.js";
-import { itemsSelectors } from "../useTreeViewItems/useTreeViewItems.selectors.js";
-export const useTreeViewFocus = ({
-  instance,
-  params,
-  store
-}) => {
-  const setFocusedItemId = useStableCallback(itemId => {
-    const focusedItemId = focusSelectors.focusedItemId(store.state);
-    if (focusedItemId === itemId) {
-      return;
-    }
-    store.set('focus', _extends({}, store.state.focus, {
-      focusedItemId: itemId
-    }));
-  });
-  const isItemVisible = itemId => {
-    const itemMeta = itemsSelectors.itemMeta(store.state, itemId);
-    return itemMeta && (itemMeta.parentId == null || 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 = useStableCallback((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 = useStableCallback(() => {
-    const focusedItemId = focusSelectors.focusedItemId(store.state);
-    if (focusedItemId == null) {
-      return;
-    }
-    const itemMeta = 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.
-  useStoreEffect(store, itemsSelectors.itemMetaLookup, () => {
-    const focusedItemId = focusSelectors.focusedItemId(store.state);
-    if (focusedItemId == null) {
-      return;
-    }
-    const hasItemBeenRemoved = !itemsSelectors.itemMeta(store.state, focusedItemId);
-    if (!hasItemBeenRemoved) {
-      return;
-    }
-    const defaultFocusableItemId = 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 = 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
-    }
-  };
-};
-useTreeViewFocus.getInitialState = () => ({
-  focus: {
-    focusedItemId: null
-  }
-});
-useTreeViewFocus.params = {
-  onItemFocus: true
-};

package/esm/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/esm/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/esm/internals/plugins/useTreeViewFocus/useTreeViewFocus.types.js

@@ -1 +0,0 @@
-export {};

package/esm/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/esm/internals/plugins/useTreeViewItems/index.js

@@ -1,3 +0,0 @@
-export { useTreeViewItems } from "./useTreeViewItems.js";
-export { buildSiblingIndexes, TREE_VIEW_ROOT_PARENT_ID } from "./useTreeViewItems.utils.js";
-export { itemsSelectors } from "./useTreeViewItems.selectors.js";

package/esm/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/esm/internals/plugins/useTreeViewItems/useTreeViewItems.js

@@ -1,223 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useStableCallback } from '@base-ui/utils/useStableCallback';
-import { buildItemsLookups, buildItemsState, TREE_VIEW_ROOT_PARENT_ID } from "./useTreeViewItems.utils.js";
-import { TreeViewItemDepthContext } from "../../TreeViewItemDepthContext/index.js";
-import { itemsSelectors } from "./useTreeViewItems.selectors.js";
-import { idSelectors } from "../../corePlugins/useTreeViewId/index.js";
-import { generateTreeItemIdAttribute } from "../../corePlugins/useTreeViewId/useTreeViewId.utils.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const defaultIsItemSelectionDisabled = item => item.disableSelection === true;
-export const useTreeViewItems = ({
-  instance,
-  params,
-  store
-}) => {
-  const itemsConfig = React.useMemo(() => ({
-    isItemDisabled: params.isItemDisabled,
-    isItemSelectionDisabled: params.isItemSelectionDisabled,
-    getItemLabel: params.getItemLabel,
-    getItemChildren: params.getItemChildren,
-    getItemId: params.getItemId
-  }), [params.isItemDisabled, params.isItemSelectionDisabled, params.getItemLabel, params.getItemChildren, params.getItemId]);
-  const getItem = React.useCallback(itemId => itemsSelectors.itemModel(store.state, itemId), [store]);
-  const getParentId = React.useCallback(itemId => {
-    const itemMeta = itemsSelectors.itemMeta(store.state, itemId);
-    return itemMeta?.parentId || null;
-  }, [store]);
-  const setIsItemDisabled = useStableCallback(({
-    itemId,
-    shouldBeDisabled
-  }) => {
-    if (!store.state.items.itemMetaLookup[itemId]) {
-      return;
-    }
-    const itemMetaLookup = _extends({}, store.state.items.itemMetaLookup);
-    itemMetaLookup[itemId] = _extends({}, itemMetaLookup[itemId], {
-      disabled: shouldBeDisabled ?? !itemMetaLookup[itemId].disabled
-    });
-    store.set('items', _extends({}, store.state.items, {
-      itemMetaLookup
-    }));
-  });
-  const getItemTree = React.useCallback(() => {
-    const getItemFromItemId = itemId => {
-      const item = itemsSelectors.itemModel(store.state, itemId);
-      const itemToMutate = _extends({}, item);
-      const newChildren = itemsSelectors.itemOrderedChildrenIds(store.state, itemId);
-      if (newChildren.length > 0) {
-        itemToMutate.children = newChildren.map(getItemFromItemId);
-      } else {
-        delete itemToMutate.children;
-      }
-      return itemToMutate;
-    };
-    return itemsSelectors.itemOrderedChildrenIds(store.state, null).map(getItemFromItemId);
-  }, [store]);
-  const getItemOrderedChildrenIds = React.useCallback(itemId => itemsSelectors.itemOrderedChildrenIds(store.state, itemId), [store]);
-  const getItemDOMElement = itemId => {
-    const itemMeta = itemsSelectors.itemMeta(store.state, itemId);
-    if (itemMeta == null) {
-      return null;
-    }
-    const idAttribute = generateTreeItemIdAttribute({
-      treeId: 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 ?? TREE_VIEW_ROOT_PARENT_ID;
-    const parentDepth = parentId == null ? -1 : itemsSelectors.itemDepth(store.state, parentId);
-    const {
-      metaLookup,
-      modelLookup,
-      orderedChildrenIds,
-      childrenIndexes
-    } = buildItemsLookups({
-      config: itemsConfig,
-      items,
-      parentId,
-      depth: parentDepth + 1,
-      isItemExpandable: getChildrenCount ? item => getChildrenCount(item) > 0 : () => false,
-      otherItemsMetaLookup: itemsSelectors.itemMetaLookup(store.state)
-    });
-    const lookups = {
-      itemModelLookup: _extends({}, store.state.items.itemModelLookup, modelLookup),
-      itemMetaLookup: _extends({}, store.state.items.itemMetaLookup, metaLookup),
-      itemOrderedChildrenIdsLookup: _extends({}, store.state.items.itemOrderedChildrenIdsLookup, {
-        [parentIdWithDefault]: orderedChildrenIds
-      }),
-      itemChildrenIndexesLookup: _extends({}, store.state.items.itemChildrenIndexesLookup, {
-        [parentIdWithDefault]: childrenIndexes
-      })
-    };
-    store.set('items', _extends({}, store.state.items, lookups));
-  };
-  const removeChildren = useStableCallback(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 _extends({}, acc, {
-        [item.id]: item
-      });
-    }, {});
-    const newItemOrderedChildrenIdsLookup = _extends({}, store.state.items.itemOrderedChildrenIdsLookup);
-    const newItemChildrenIndexesLookup = _extends({}, store.state.items.itemChildrenIndexesLookup);
-    const cleanId = parentId ?? TREE_VIEW_ROOT_PARENT_ID;
-    delete newItemChildrenIndexesLookup[cleanId];
-    delete newItemOrderedChildrenIdsLookup[cleanId];
-    store.set('items', _extends({}, store.state.items, {
-      itemMetaLookup: newMetaMap,
-      itemOrderedChildrenIdsLookup: newItemOrderedChildrenIdsLookup,
-      itemChildrenIndexesLookup: newItemChildrenIndexesLookup
-    }));
-  });
-  const addExpandableItems = useStableCallback(items => {
-    const newItemMetaLookup = _extends({}, store.state.items.itemMetaLookup);
-    for (const itemId of items) {
-      newItemMetaLookup[itemId] = _extends({}, newItemMetaLookup[itemId], {
-        expandable: true
-      });
-    }
-    store.set('items', _extends({}, store.state.items, {
-      itemMetaLookup: newItemMetaLookup
-    }));
-  });
-  React.useEffect(() => {
-    if (instance.areItemUpdatesPrevented()) {
-      return;
-    }
-    const newState = buildItemsState({
-      disabledItemsFocusable: params.disabledItemsFocusable,
-      items: params.items,
-      config: itemsConfig
-    });
-    store.set('items', _extends({}, store.state.items, newState));
-  }, [instance, store, params.items, params.disabledItemsFocusable, itemsConfig]);
-
-  // Wrap `props.onItemClick` with `useStableCallback` to prevent unneeded context updates.
-  const handleItemClick = useStableCallback((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
-    }
-  };
-};
-useTreeViewItems.getInitialState = params => ({
-  items: buildItemsState({
-    items: params.items,
-    disabledItemsFocusable: params.disabledItemsFocusable,
-    config: {
-      isItemDisabled: params.isItemDisabled,
-      isItemSelectionDisabled: params.isItemSelectionDisabled,
-      getItemId: params.getItemId,
-      getItemLabel: params.getItemLabel,
-      getItemChildren: params.getItemChildren
-    }
-  })
-});
-useTreeViewItems.applyDefaultValuesToParams = ({
-  params
-}) => _extends({}, params, {
-  disabledItemsFocusable: params.disabledItemsFocusable ?? false,
-  itemChildrenIndentation: params.itemChildrenIndentation ?? '12px',
-  isItemSelectionDisabled: params.isItemSelectionDisabled ?? defaultIsItemSelectionDisabled
-});
-useTreeViewItems.wrapRoot = ({
-  children
-}) => {
-  return /*#__PURE__*/_jsx(TreeViewItemDepthContext.Provider, {
-    value: itemsSelectors.itemDepth,
-    children: children
-  });
-};
-if (process.env.NODE_ENV !== "production") useTreeViewItems.wrapRoot.displayName = "useTreeViewItems.wrapRoot";
-useTreeViewItems.params = {
-  disabledItemsFocusable: true,
-  items: true,
-  isItemDisabled: true,
-  isItemSelectionDisabled: true,
-  getItemLabel: true,
-  getItemChildren: true,
-  getItemId: true,
-  onItemClick: true,
-  itemChildrenIndentation: true
-};

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

@@ -1,60 +0,0 @@
-import { TreeViewItemMeta, TreeViewState } from "../../models/index.js";
-import { UseTreeViewItemsSignature } from "./useTreeViewItems.types.js";
-export declare const itemsSelectors: {
-  /**
-   * Gets the DOM structure of the Tree View.
-   */
-  domStructure: (state: TreeViewState<[UseTreeViewItemsSignature]>) => "flat" | "nested";
-  /**
-   * Checks whether the disabled items are focusable.
-   */
-  disabledItemFocusable: (state: TreeViewState<[UseTreeViewItemsSignature]>) => boolean;
-  /**
-   * Gets the meta-information of all items.
-   */
-  itemMetaLookup: (state: TreeViewState<[UseTreeViewItemsSignature]>) => {
-    [itemId: string]: TreeViewItemMeta;
-  };
-  /**
-   * Gets the ordered children ids of all items.
-   */
-  itemOrderedChildrenIdsLookup: (state: TreeViewState<[UseTreeViewItemsSignature]>) => {
-    [parentItemId: string]: string[];
-  };
-  /**
-   * Gets the meta-information of an item.
-   */
-  itemMeta: (state: TreeViewState<[UseTreeViewItemsSignature]>, itemId: string | null) => TreeViewItemMeta | null;
-  /**
-   * Gets the ordered children ids of an item.
-   */
-  itemOrderedChildrenIds: (state: TreeViewState<[UseTreeViewItemsSignature]>, itemId: string | null) => string[];
-  /**
-   * Gets the model of an item.
-   */
-  itemModel: (state: TreeViewState<[UseTreeViewItemsSignature]>, itemId: string) => import("../../../index.js").TreeViewBaseItem<import("../../../index.js").TreeViewDefaultItemModelProperties>;
-  /**
-   * Checks whether an item is disabled.
-   */
-  isItemDisabled: (state: TreeViewState<[UseTreeViewItemsSignature]>, itemId: string) => boolean;
-  /**
-   * Gets the index of an item in its parent's children.
-   */
-  itemIndex: (state: TreeViewState<[UseTreeViewItemsSignature]>, itemId: string) => number;
-  /**
-   * Gets the id of an item's parent.
-   */
-  itemParentId: (state: TreeViewState<[UseTreeViewItemsSignature]>, itemId: string) => string | null;
-  /**
-   * Gets the depth of an item (items at the root level have a depth of 0).
-   */
-  itemDepth: (state: TreeViewState<[UseTreeViewItemsSignature]>, itemId: string) => number;
-  /**
-   * Checks whether an item can be focused.
-   */
-  canItemBeFocused: (state: TreeViewState<[UseTreeViewItemsSignature]>, itemId: string) => boolean;
-  /**
-   * Checks whether an item is selectable based on the `isItemSelectionDisabled` prop.
-   */
-  isItemSelectable: (state: TreeViewState<[UseTreeViewItemsSignature]>, itemId: string) => boolean;
-};