@mui/x-tree-view 8.22.0 → 8.24.0

package/esm/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.js

@@ -1,149 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { useAssertModelConsistency } from '@mui/x-internals/useAssertModelConsistency';
-import { useEventCallback } from '@base-ui-components/utils/useEventCallback';
-import { useIsoLayoutEffect } from '@base-ui-components/utils/useIsoLayoutEffect';
-import { expansionSelectors } from "./useTreeViewExpansion.selectors.js";
-import { getExpansionTrigger } from "./useTreeViewExpansion.utils.js";
-import { itemsSelectors } from "../useTreeViewItems/useTreeViewItems.selectors.js";
-import { publishTreeViewEvent } from "../../utils/publishTreeViewEvent.js";
-export const useTreeViewExpansion = ({
-  instance,
-  store,
-  params
-}) => {
-  useAssertModelConsistency({
-    componentName: 'Tree View',
-    propName: 'expandedItems',
-    controlled: params.expandedItems,
-    defaultValue: params.defaultExpandedItems
-  });
-  useIsoLayoutEffect(() => {
-    const newExpansionTrigger = getExpansionTrigger({
-      isItemEditable: params.isItemEditable,
-      expansionTrigger: params.expansionTrigger
-    });
-    if (store.state.expansion.expansionTrigger === newExpansionTrigger) {
-      return;
-    }
-    store.set('expansion', _extends({}, store.state.expansion, {
-      expansionTrigger: newExpansionTrigger
-    }));
-  }, [store, params.isItemEditable, params.expansionTrigger]);
-  const setExpandedItems = (event, value) => {
-    if (params.expandedItems === undefined) {
-      store.set('expansion', _extends({}, store.state.expansion, {
-        expandedItems: value
-      }));
-    }
-    params.onExpandedItemsChange?.(event, value);
-  };
-  const resetItemExpansion = useEventCallback(() => {
-    setExpandedItems(null, []);
-  });
-  const applyItemExpansion = useEventCallback(({
-    itemId,
-    event,
-    shouldBeExpanded
-  }) => {
-    const oldExpanded = expansionSelectors.expandedItemsRaw(store.state);
-    let newExpanded;
-    if (shouldBeExpanded) {
-      newExpanded = [itemId].concat(oldExpanded);
-    } else {
-      newExpanded = oldExpanded.filter(id => id !== itemId);
-    }
-    if (params.onItemExpansionToggle) {
-      params.onItemExpansionToggle(event, itemId, shouldBeExpanded);
-    }
-    setExpandedItems(event, newExpanded);
-  });
-  const setItemExpansion = useEventCallback(({
-    itemId,
-    event = null,
-    shouldBeExpanded
-  }) => {
-    const isExpandedBefore = expansionSelectors.isItemExpanded(store.state, itemId);
-    const cleanShouldBeExpanded = shouldBeExpanded ?? !isExpandedBefore;
-    if (isExpandedBefore === cleanShouldBeExpanded) {
-      return;
-    }
-    const eventParameters = {
-      isExpansionPrevented: false,
-      shouldBeExpanded: cleanShouldBeExpanded,
-      event,
-      itemId
-    };
-    publishTreeViewEvent(instance, 'beforeItemToggleExpansion', eventParameters);
-    if (eventParameters.isExpansionPrevented) {
-      return;
-    }
-    instance.applyItemExpansion({
-      itemId,
-      event,
-      shouldBeExpanded: cleanShouldBeExpanded
-    });
-  });
-  const isItemExpanded = useEventCallback(itemId => {
-    return expansionSelectors.isItemExpanded(store.state, itemId);
-  });
-  const expandAllSiblings = (event, itemId) => {
-    const itemMeta = itemsSelectors.itemMeta(store.state, itemId);
-    if (itemMeta == null) {
-      return;
-    }
-    const siblings = itemsSelectors.itemOrderedChildrenIds(store.state, itemMeta.parentId);
-    const diff = siblings.filter(child => expansionSelectors.isItemExpandable(store.state, child) && !expansionSelectors.isItemExpanded(store.state, child));
-    const newExpanded = expansionSelectors.expandedItemsRaw(store.state).concat(diff);
-    if (diff.length > 0) {
-      if (params.onItemExpansionToggle) {
-        diff.forEach(newlyExpandedItemId => {
-          params.onItemExpansionToggle(event, newlyExpandedItemId, true);
-        });
-      }
-      setExpandedItems(event, newExpanded);
-    }
-  };
-
-  /**
-   * Update the controlled model when the `expandedItems` prop changes.
-   */
-  useIsoLayoutEffect(() => {
-    const expandedItems = params.expandedItems;
-    if (expandedItems !== undefined) {
-      store.set('expansion', _extends({}, store.state.expansion, {
-        expandedItems
-      }));
-    }
-  }, [store, params.expandedItems]);
-  return {
-    publicAPI: {
-      setItemExpansion,
-      isItemExpanded
-    },
-    instance: {
-      setItemExpansion,
-      applyItemExpansion,
-      expandAllSiblings,
-      resetItemExpansion
-    }
-  };
-};
-const DEFAULT_EXPANDED_ITEMS = [];
-useTreeViewExpansion.applyDefaultValuesToParams = ({
-  params
-}) => _extends({}, params, {
-  defaultExpandedItems: params.defaultExpandedItems ?? DEFAULT_EXPANDED_ITEMS
-});
-useTreeViewExpansion.getInitialState = params => ({
-  expansion: {
-    expandedItems: params.expandedItems === undefined ? params.defaultExpandedItems : params.expandedItems,
-    expansionTrigger: getExpansionTrigger(params)
-  }
-});
-useTreeViewExpansion.params = {
-  expandedItems: true,
-  defaultExpandedItems: true,
-  onExpandedItemsChange: true,
-  onItemExpansionToggle: true,
-  expansionTrigger: true
-};

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

@@ -1,28 +0,0 @@
-import { TreeViewState } from "../../models/index.js";
-import { UseTreeViewExpansionSignature } from "./useTreeViewExpansion.types.js";
-export declare const expansionSelectors: {
-  /**
-   * Gets the expanded items as provided to the component.
-   */
-  expandedItemsRaw: (state: TreeViewState<[UseTreeViewExpansionSignature]>) => readonly string[];
-  /**
-   * Gets the expanded items as a Map.
-   */
-  expandedItemsMap: (args_0: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("./useTreeViewExpansion.types.js").UseTreeViewExpansionState & Partial<{}>) => Map<string, true>;
-  /**
-   * Gets the items to render as a flat list (the descendants of an expanded item are listed as siblings of the item).
-   */
-  flatList: (args_0: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("./useTreeViewExpansion.types.js").UseTreeViewExpansionState & Partial<{}>) => string[];
-  /**
-   * Gets the slot that triggers the item's expansion when clicked.
-   */
-  triggerSlot: (state: TreeViewState<[UseTreeViewExpansionSignature]>) => "content" | "iconContainer";
-  /**
-   * Checks whether an item is expanded.
-   */
-  isItemExpanded: (args_0: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("./useTreeViewExpansion.types.js").UseTreeViewExpansionState & Partial<{}>, itemId: string) => boolean;
-  /**
-   * Checks whether an item is expandable.
-   */
-  isItemExpandable: (args_0: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("../useTreeViewItems/index.js").UseTreeViewItemsState<import("../../../index.js").TreeViewDefaultItemModelProperties> & Partial<{}>, _itemId: string) => boolean;
-};

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 { useEventCallback } from '@base-ui-components/utils/useEventCallback';
-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 = useEventCallback(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 = 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 = useEventCallback(() => {
-    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>;