@mui/x-tree-view 8.23.0 → 8.24.0

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 _useStableCallback = require("@base-ui/utils/useStableCallback");
-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, _useStableCallback.useStableCallback)(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, _useStableCallback.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 = (0, _useStableCallback.useStableCallback)(() => {
-    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,231 +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 _useStableCallback = require("@base-ui/utils/useStableCallback");
-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 defaultIsItemSelectionDisabled = item => item.disableSelection === true;
-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 => _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, _useStableCallback.useStableCallback)(({
-    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, _useStableCallback.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 (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, _useStableCallback.useStableCallback)(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 `useStableCallback` to prevent unneeded context updates.
-  const handleItemClick = (0, _useStableCallback.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
-    }
-  };
-};
-exports.useTreeViewItems = useTreeViewItems;
-useTreeViewItems.getInitialState = params => ({
-  items: (0, _useTreeViewItems.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
-}) => (0, _extends2.default)({}, params, {
-  disabledItemsFocusable: params.disabledItemsFocusable ?? false,
-  itemChildrenIndentation: params.itemChildrenIndentation ?? '12px',
-  isItemSelectionDisabled: params.isItemSelectionDisabled ?? defaultIsItemSelectionDisabled
-});
-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,
-  isItemSelectionDisabled: true,
-  getItemLabel: true,
-  getItemChildren: true,
-  getItemId: true,
-  onItemClick: true,
-  itemChildrenIndentation: true
-};

package/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;
-};