@mui/x-tree-view 8.22.0 → 8.24.0

package/esm/internals/plugins/useTreeViewJSXItems/useTreeViewJSXItems.js

@@ -1,104 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useEventCallback } from '@base-ui-components/utils/useEventCallback';
-import { TreeViewChildrenItemProvider } from "../../TreeViewProvider/TreeViewChildrenItemProvider.js";
-import { buildSiblingIndexes, TREE_VIEW_ROOT_PARENT_ID } from "../useTreeViewItems/useTreeViewItems.utils.js";
-import { TreeViewItemDepthContext } from "../../TreeViewItemDepthContext/index.js";
-import { useTreeViewJSXItemsItemPlugin } from "./itemPlugin.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const useTreeViewJSXItems = ({
-  instance,
-  store
-}) => {
-  instance.preventItemUpdates();
-  const insertJSXItem = useEventCallback(item => {
-    if (store.state.items.itemMetaLookup[item.id] != null) {
-      throw new Error(['MUI X: The Tree View component requires all items to have a unique `id` property.', 'Alternatively, you can use the `getItemId` prop to specify a custom id for each item.', `Two items were provided with the same id in the \`items\` prop: "${item.id}"`].join('\n'));
-    }
-    store.set('items', _extends({}, store.state.items, {
-      itemMetaLookup: _extends({}, store.state.items.itemMetaLookup, {
-        [item.id]: item
-      }),
-      // For Simple Tree View, we don't have a proper `item` object, so we create a very basic one.
-      itemModelLookup: _extends({}, store.state.items.itemModelLookup, {
-        [item.id]: {
-          id: item.id,
-          label: item.label ?? ''
-        }
-      })
-    }));
-    return () => {
-      const newItemMetaLookup = _extends({}, store.state.items.itemMetaLookup);
-      const newItemModelLookup = _extends({}, store.state.items.itemModelLookup);
-      delete newItemMetaLookup[item.id];
-      delete newItemModelLookup[item.id];
-      store.set('items', _extends({}, store.state.items, {
-        itemMetaLookup: newItemMetaLookup,
-        itemModelLookup: newItemModelLookup
-      }));
-    };
-  });
-  const setJSXItemsOrderedChildrenIds = (parentId, orderedChildrenIds) => {
-    const parentIdWithDefault = parentId ?? TREE_VIEW_ROOT_PARENT_ID;
-    store.set('items', _extends({}, store.state.items, {
-      itemOrderedChildrenIdsLookup: _extends({}, store.state.items.itemOrderedChildrenIdsLookup, {
-        [parentIdWithDefault]: orderedChildrenIds
-      }),
-      itemChildrenIndexesLookup: _extends({}, store.state.items.itemChildrenIndexesLookup, {
-        [parentIdWithDefault]: buildSiblingIndexes(orderedChildrenIds)
-      })
-    }));
-  };
-  const mapLabelFromJSX = useEventCallback((itemId, label) => {
-    instance.updateLabelMap(labelMap => {
-      labelMap[itemId] = label;
-      return labelMap;
-    });
-    return () => {
-      instance.updateLabelMap(labelMap => {
-        const newMap = _extends({}, labelMap);
-        delete newMap[itemId];
-        return newMap;
-      });
-    };
-  });
-  return {
-    instance: {
-      insertJSXItem,
-      setJSXItemsOrderedChildrenIds,
-      mapLabelFromJSX
-    }
-  };
-};
-useTreeViewJSXItems.itemPlugin = useTreeViewJSXItemsItemPlugin;
-useTreeViewJSXItems.wrapItem = ({
-  children,
-  itemId,
-  idAttribute
-}) => {
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const depthContext = React.useContext(TreeViewItemDepthContext);
-  return /*#__PURE__*/_jsx(TreeViewChildrenItemProvider, {
-    itemId: itemId,
-    idAttribute: idAttribute,
-    children: /*#__PURE__*/_jsx(TreeViewItemDepthContext.Provider, {
-      value: depthContext + 1,
-      children: children
-    })
-  });
-};
-if (process.env.NODE_ENV !== "production") useTreeViewJSXItems.wrapItem.displayName = "useTreeViewJSXItems.wrapItem";
-useTreeViewJSXItems.wrapRoot = ({
-  children
-}) => /*#__PURE__*/_jsx(TreeViewChildrenItemProvider, {
-  itemId: null,
-  idAttribute: null,
-  children: /*#__PURE__*/_jsx(TreeViewItemDepthContext.Provider, {
-    value: 0,
-    children: children
-  })
-});
-if (process.env.NODE_ENV !== "production") useTreeViewJSXItems.wrapRoot.displayName = "useTreeViewJSXItems.wrapRoot";
-useTreeViewJSXItems.params = {};

package/esm/internals/plugins/useTreeViewJSXItems/useTreeViewJSXItems.types.js

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

package/esm/internals/plugins/useTreeViewKeyboardNavigation/index.d.ts

@@ -1,2 +0,0 @@
-export { useTreeViewKeyboardNavigation } from "./useTreeViewKeyboardNavigation.js";
-export type { UseTreeViewKeyboardNavigationSignature } from "./useTreeViewKeyboardNavigation.types.js";

package/esm/internals/plugins/useTreeViewKeyboardNavigation/index.js

@@ -1 +0,0 @@
-export { useTreeViewKeyboardNavigation } from "./useTreeViewKeyboardNavigation.js";

package/esm/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.d.ts

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

package/esm/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.js

@@ -1,305 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { useStore } from '@mui/x-internals/store';
-import { useRtl } from '@mui/system/RtlProvider';
-import { useTimeout } from '@base-ui-components/utils/useTimeout';
-import { useEventCallback } from '@base-ui-components/utils/useEventCallback';
-import { getFirstNavigableItem, getLastNavigableItem, getNextNavigableItem, getPreviousNavigableItem, isTargetInDescendants } from "../../utils/tree.js";
-import { hasPlugin } from "../../utils/plugins.js";
-import { useTreeViewLabel } from "../useTreeViewLabel/index.js";
-import { itemsSelectors } from "../useTreeViewItems/useTreeViewItems.selectors.js";
-import { labelSelectors } from "../useTreeViewLabel/useTreeViewLabel.selectors.js";
-import { selectionSelectors } from "../useTreeViewSelection/useTreeViewSelection.selectors.js";
-import { expansionSelectors } from "../useTreeViewExpansion/useTreeViewExpansion.selectors.js";
-function isPrintableKey(string) {
-  return !!string && string.length === 1 && !!string.match(/\S/);
-}
-const TYPEAHEAD_TIMEOUT = 500;
-export const useTreeViewKeyboardNavigation = ({
-  instance,
-  store,
-  params
-}) => {
-  const isRtl = useRtl();
-  const labelMap = React.useRef({});
-  const typeaheadQueryRef = React.useRef('');
-  const typeaheadTimeout = useTimeout();
-  const updateLabelMap = useEventCallback(callback => {
-    labelMap.current = callback(labelMap.current);
-  });
-  const itemMetaLookup = useStore(store, itemsSelectors.itemMetaLookup);
-  React.useEffect(() => {
-    if (instance.areItemUpdatesPrevented()) {
-      return;
-    }
-    const newLabelMap = {};
-    const processItem = item => {
-      newLabelMap[item.id] = item.label.toLowerCase();
-    };
-    Object.values(itemMetaLookup).forEach(processItem);
-    labelMap.current = newLabelMap;
-  }, [itemMetaLookup, params.getItemId, instance]);
-  const getNextItem = itemIdToCheck => {
-    const nextItemId = getNextNavigableItem(store.state, itemIdToCheck);
-    // We reached the end of the tree, check from the beginning
-    if (nextItemId === null) {
-      return getFirstNavigableItem(store.state);
-    }
-    return nextItemId;
-  };
-  const getNextMatchingItemId = (itemId, query) => {
-    let matchingItemId = null;
-    const checkedItems = {};
-    // If query length > 1, first check if current item matches
-    let currentItemId = query.length > 1 ? itemId : getNextItem(itemId);
-    // The "!checkedItems[currentItemId]" condition avoids an infinite loop when there is no matching item.
-    while (matchingItemId == null && !checkedItems[currentItemId]) {
-      const itemLabel = labelMap.current[currentItemId];
-      if (itemLabel?.startsWith(query)) {
-        matchingItemId = currentItemId;
-      } else {
-        checkedItems[currentItemId] = true;
-        currentItemId = getNextItem(currentItemId);
-      }
-    }
-    return matchingItemId;
-  };
-  const getFirstMatchingItem = (itemId, newKey) => {
-    const cleanNewKey = newKey.toLowerCase();
-
-    // Try matching with accumulated query + new key
-    const concatenatedQuery = `${typeaheadQueryRef.current}${cleanNewKey}`;
-
-    // check if the entire typed query matches an item
-    const concatenatedQueryMatchingItemId = getNextMatchingItemId(itemId, concatenatedQuery);
-    if (concatenatedQueryMatchingItemId != null) {
-      typeaheadQueryRef.current = concatenatedQuery;
-      return concatenatedQueryMatchingItemId;
-    }
-    const newKeyMatchingItemId = getNextMatchingItemId(itemId, cleanNewKey);
-    if (newKeyMatchingItemId != null) {
-      typeaheadQueryRef.current = cleanNewKey;
-      return newKeyMatchingItemId;
-    }
-    typeaheadQueryRef.current = '';
-    return null;
-  };
-  const canToggleItemSelection = itemId => selectionSelectors.enabled(store.state) && !itemsSelectors.isItemDisabled(store.state, itemId);
-  const canToggleItemExpansion = itemId => {
-    return !itemsSelectors.isItemDisabled(store.state, itemId) && expansionSelectors.isItemExpandable(store.state, itemId);
-  };
-
-  // ARIA specification: https://www.w3.org/WAI/ARIA/apg/patterns/treeview/#keyboardinteraction
-  const handleItemKeyDown = async (event, itemId) => {
-    if (event.defaultMuiPrevented) {
-      return;
-    }
-    if (event.altKey || isTargetInDescendants(event.target, event.currentTarget)) {
-      return;
-    }
-    const ctrlPressed = event.ctrlKey || event.metaKey;
-    const key = event.key;
-    const isMultiSelectEnabled = selectionSelectors.isMultiSelectEnabled(store.state);
-
-    // eslint-disable-next-line default-case
-    switch (true) {
-      // Select the item when pressing "Space"
-      case key === ' ' && canToggleItemSelection(itemId):
-        {
-          event.preventDefault();
-          if (isMultiSelectEnabled && event.shiftKey) {
-            instance.expandSelectionRange(event, itemId);
-          } else {
-            instance.setItemSelection({
-              event,
-              itemId,
-              keepExistingSelection: isMultiSelectEnabled,
-              shouldBeSelected: undefined
-            });
-          }
-          break;
-        }
-
-      // If the focused item has children, we expand it.
-      // If the focused item has no children, we select it.
-      case key === 'Enter':
-        {
-          if (hasPlugin(instance, useTreeViewLabel) && labelSelectors.isItemEditable(store.state, itemId) && !labelSelectors.isItemBeingEdited(store.state, itemId)) {
-            instance.setEditedItem(itemId);
-          } else if (canToggleItemExpansion(itemId)) {
-            instance.setItemExpansion({
-              event,
-              itemId
-            });
-            event.preventDefault();
-          } else if (canToggleItemSelection(itemId)) {
-            if (isMultiSelectEnabled) {
-              event.preventDefault();
-              instance.setItemSelection({
-                event,
-                itemId,
-                keepExistingSelection: true
-              });
-            } else if (!selectionSelectors.isItemSelected(store.state, itemId)) {
-              instance.setItemSelection({
-                event,
-                itemId
-              });
-              event.preventDefault();
-            }
-          }
-          break;
-        }
-
-      // Focus the next focusable item
-      case key === 'ArrowDown':
-        {
-          const nextItem = getNextNavigableItem(store.state, itemId);
-          if (nextItem) {
-            event.preventDefault();
-            instance.focusItem(event, nextItem);
-
-            // Multi select behavior when pressing Shift + ArrowDown
-            // Toggles the selection state of the next item
-            if (isMultiSelectEnabled && event.shiftKey && canToggleItemSelection(nextItem)) {
-              instance.selectItemFromArrowNavigation(event, itemId, nextItem);
-            }
-          }
-          break;
-        }
-
-      // Focuses the previous focusable item
-      case key === 'ArrowUp':
-        {
-          const previousItem = getPreviousNavigableItem(store.state, itemId);
-          if (previousItem) {
-            event.preventDefault();
-            instance.focusItem(event, previousItem);
-
-            // Multi select behavior when pressing Shift + ArrowUp
-            // Toggles the selection state of the previous item
-            if (isMultiSelectEnabled && event.shiftKey && canToggleItemSelection(previousItem)) {
-              instance.selectItemFromArrowNavigation(event, itemId, previousItem);
-            }
-          }
-          break;
-        }
-
-      // If the focused item is expanded, we move the focus to its first child
-      // If the focused item is collapsed and has children, we expand it
-      case key === 'ArrowRight' && !isRtl || key === 'ArrowLeft' && isRtl:
-        {
-          if (ctrlPressed) {
-            return;
-          }
-          if (expansionSelectors.isItemExpanded(store.state, itemId)) {
-            const nextItemId = getNextNavigableItem(store.state, itemId);
-            if (nextItemId) {
-              instance.focusItem(event, nextItemId);
-              event.preventDefault();
-            }
-          } else if (canToggleItemExpansion(itemId)) {
-            instance.setItemExpansion({
-              event,
-              itemId
-            });
-            event.preventDefault();
-          }
-          break;
-        }
-
-      // If the focused item is expanded, we collapse it
-      // If the focused item is collapsed and has a parent, we move the focus to this parent
-      case key === 'ArrowLeft' && !isRtl || key === 'ArrowRight' && isRtl:
-        {
-          if (ctrlPressed) {
-            return;
-          }
-          if (canToggleItemExpansion(itemId) && expansionSelectors.isItemExpanded(store.state, itemId)) {
-            instance.setItemExpansion({
-              event,
-              itemId
-            });
-            event.preventDefault();
-          } else {
-            const parent = itemsSelectors.itemParentId(store.state, itemId);
-            if (parent) {
-              instance.focusItem(event, parent);
-              event.preventDefault();
-            }
-          }
-          break;
-        }
-
-      // Focuses the first item in the tree
-      case key === 'Home':
-        {
-          // Multi select behavior when pressing Ctrl + Shift + Home
-          // Selects the focused item and all items up to the first item.
-          if (canToggleItemSelection(itemId) && isMultiSelectEnabled && ctrlPressed && event.shiftKey) {
-            instance.selectRangeFromStartToItem(event, itemId);
-          } else {
-            instance.focusItem(event, getFirstNavigableItem(store.state));
-          }
-          event.preventDefault();
-          break;
-        }
-
-      // Focuses the last item in the tree
-      case key === 'End':
-        {
-          // Multi select behavior when pressing Ctrl + Shirt + End
-          // Selects the focused item and all the items down to the last item.
-          if (canToggleItemSelection(itemId) && isMultiSelectEnabled && ctrlPressed && event.shiftKey) {
-            instance.selectRangeFromItemToEnd(event, itemId);
-          } else {
-            instance.focusItem(event, getLastNavigableItem(store.state));
-          }
-          event.preventDefault();
-          break;
-        }
-
-      // Expand all siblings that are at the same level as the focused item
-      case key === '*':
-        {
-          instance.expandAllSiblings(event, itemId);
-          event.preventDefault();
-          break;
-        }
-
-      // Multi select behavior when pressing Ctrl + a
-      // Selects all the items
-      case String.fromCharCode(event.keyCode) === 'A' && ctrlPressed && isMultiSelectEnabled && selectionSelectors.enabled(store.state):
-        {
-          instance.selectAllNavigableItems(event);
-          event.preventDefault();
-          break;
-        }
-
-      // Type-ahead
-      case !ctrlPressed && !event.shiftKey && isPrintableKey(key):
-        {
-          typeaheadTimeout.clear();
-          const matchingItem = getFirstMatchingItem(itemId, key);
-          if (matchingItem != null) {
-            instance.focusItem(event, matchingItem);
-            event.preventDefault();
-          } else {
-            typeaheadQueryRef.current = '';
-          }
-          typeaheadTimeout.start(TYPEAHEAD_TIMEOUT, () => {
-            typeaheadQueryRef.current = '';
-          });
-          break;
-        }
-    }
-  };
-  return {
-    instance: {
-      updateLabelMap,
-      handleItemKeyDown
-    }
-  };
-};
-useTreeViewKeyboardNavigation.params = {};

package/esm/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.types.d.ts

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import { TreeViewPluginSignature } from "../../models/index.js";
-import { UseTreeViewItemsSignature } from "../useTreeViewItems/index.js";
-import { UseTreeViewSelectionSignature } from "../useTreeViewSelection/index.js";
-import { UseTreeViewFocusSignature } from "../useTreeViewFocus/index.js";
-import { UseTreeViewExpansionSignature } from "../useTreeViewExpansion/index.js";
-import { UseTreeViewLabelSignature } from "../useTreeViewLabel/index.js";
-import { TreeViewItemId, TreeViewCancellableEvent } from "../../../models/index.js";
-export interface UseTreeViewKeyboardNavigationInstance {
-  /**
-   * Updates the `labelMap` to add/remove the first character of some item's labels.
-   * This map is used to navigate the tree using type-ahead search.
-   * This method is only used by the `useTreeViewJSXItems` plugin, otherwise the updates are handled internally.
-   * @param {(map: TreeViewLabelMap) => TreeViewLabelMap} updater The function to update the map.
-   */
-  updateLabelMap: (updater: (map: TreeViewLabelMap) => TreeViewLabelMap) => void;
-  /**
-   * Callback fired when a key is pressed on an item.
-   * Handles all the keyboard navigation logic.
-   * @param {React.KeyboardEvent<HTMLElement> & TreeViewCancellableEvent} event The keyboard event that triggered the callback.
-   * @param {TreeViewItemId} itemId The id of the item that the event was triggered on.
-   */
-  handleItemKeyDown: (event: React.KeyboardEvent<HTMLElement> & TreeViewCancellableEvent, itemId: TreeViewItemId) => void;
-}
-export type UseTreeViewKeyboardNavigationSignature = TreeViewPluginSignature<{
-  instance: UseTreeViewKeyboardNavigationInstance;
-  dependencies: [UseTreeViewItemsSignature, UseTreeViewSelectionSignature, UseTreeViewFocusSignature, UseTreeViewExpansionSignature];
-  optionalDependencies: [UseTreeViewLabelSignature];
-}>;
-export type TreeViewLabelMap = {
-  [itemId: string]: string;
-};

package/esm/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.types.js

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

package/esm/internals/plugins/useTreeViewLabel/index.d.ts

@@ -1,3 +0,0 @@
-export { useTreeViewLabel } from "./useTreeViewLabel.js";
-export type { UseTreeViewLabelSignature, UseTreeViewLabelParameters } from "./useTreeViewLabel.types.js";
-export { labelSelectors } from "./useTreeViewLabel.selectors.js";

package/esm/internals/plugins/useTreeViewLabel/index.js

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

package/esm/internals/plugins/useTreeViewLabel/useTreeViewLabel.d.ts

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

package/esm/internals/plugins/useTreeViewLabel/useTreeViewLabel.js

@@ -1,70 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { useIsoLayoutEffect } from '@base-ui-components/utils/useIsoLayoutEffect';
-import { useTreeViewLabelItemPlugin } from "./itemPlugin.js";
-import { labelSelectors } from "./useTreeViewLabel.selectors.js";
-export const useTreeViewLabel = ({
-  store,
-  params
-}) => {
-  const setEditedItem = editedItemId => {
-    if (editedItemId !== null) {
-      const isEditable = labelSelectors.isItemEditable(store.state, editedItemId);
-      if (!isEditable) {
-        return;
-      }
-    }
-    store.set('label', _extends({}, store.state.label, {
-      editedItemId
-    }));
-  };
-  const updateItemLabel = (itemId, label) => {
-    if (!label) {
-      throw new Error(['MUI X: The Tree View component requires all items to have a `label` property.', 'The label of an item cannot be empty.', itemId].join('\n'));
-    }
-    const item = store.state.items.itemMetaLookup[itemId];
-    if (item.label === label) {
-      return;
-    }
-    store.set('items', _extends({}, store.state.items, {
-      itemMetaLookup: _extends({}, store.state.items.itemMetaLookup, {
-        [itemId]: _extends({}, item, {
-          label
-        })
-      })
-    }));
-    if (params.onItemLabelChange) {
-      params.onItemLabelChange(itemId, label);
-    }
-  };
-  useIsoLayoutEffect(() => {
-    store.set('label', _extends({}, store.state.label, {
-      isItemEditable: params.isItemEditable
-    }));
-  }, [store, params.isItemEditable]);
-  return {
-    instance: {
-      setEditedItem,
-      updateItemLabel
-    },
-    publicAPI: {
-      setEditedItem,
-      updateItemLabel
-    }
-  };
-};
-useTreeViewLabel.itemPlugin = useTreeViewLabelItemPlugin;
-useTreeViewLabel.applyDefaultValuesToParams = ({
-  params
-}) => _extends({}, params, {
-  isItemEditable: params.isItemEditable ?? false
-});
-useTreeViewLabel.getInitialState = params => ({
-  label: {
-    isItemEditable: params.isItemEditable,
-    editedItemId: null
-  }
-});
-useTreeViewLabel.params = {
-  onItemLabelChange: true,
-  isItemEditable: true
-};

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

@@ -1,16 +0,0 @@
-import { UseTreeViewLabelSignature } from "./useTreeViewLabel.types.js";
-import { TreeViewState } from "../../models/index.js";
-export declare const labelSelectors: {
-  /**
-   * Checks whether an item is editable.
-   */
-  isItemEditable: (args_0: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("../useTreeViewItems/index.js").UseTreeViewItemsState<import("../../../index.js").TreeViewDefaultItemModelProperties> & Partial<{}>, _itemId: string) => boolean;
-  /**
-   * Checks whether an item is being edited.
-   */
-  isItemBeingEdited: (state: TreeViewState<[], [UseTreeViewLabelSignature]>, itemId: string | null) => boolean;
-  /**
-   * Checks whether any item is being edited.
-   */
-  isAnyItemBeingEdited: (state: TreeViewState<[], [UseTreeViewLabelSignature]>) => boolean;
-};

package/esm/internals/plugins/useTreeViewLabel/useTreeViewLabel.types.d.ts

@@ -1,50 +0,0 @@
-import { DefaultizedProps } from '@mui/x-internals/types';
-import { TreeViewPluginSignature } from "../../models/index.js";
-import { TreeViewItemId } from "../../../models/index.js";
-import { UseTreeViewItemsSignature } from "../useTreeViewItems/index.js";
-export interface UseTreeViewLabelPublicAPI {
-  /**
-   * Used to update the label of an item.
-   * @param {TreeViewItemId} itemId The id of the item to update the label of.
-   * @param {string} newLabel The new label of the item.
-   */
-  updateItemLabel: (itemId: TreeViewItemId, newLabel: string) => void;
-  /**
-   * Set which item is currently being edited.
-   * You can pass `null` to exit editing mode.
-   * @param {TreeViewItemId | null} itemId The id of the item to edit, or `null` to exit editing mode.
-   */
-  setEditedItem: (itemId: TreeViewItemId | null) => void;
-}
-export interface UseTreeViewLabelInstance extends UseTreeViewLabelPublicAPI {}
-export interface UseTreeViewLabelParameters<R extends {}> {
-  /**
-   * Callback fired when the label of an item changes.
-   * @param {TreeViewItemId} itemId The id of the item that was edited.
-   * @param {string} newLabel The new label of the items.
-   */
-  onItemLabelChange?: (itemId: TreeViewItemId, newLabel: string) => void;
-  /**
-   * Determine if a given item can be edited.
-   * @template R
-   * @param {R} item The item to check.
-   * @returns {boolean} `true` if the item can be edited.
-   * @default () => false
-   */
-  isItemEditable?: boolean | ((item: R) => boolean);
-}
-export type UseTreeViewLabelParametersWithDefaults<R extends {}> = DefaultizedProps<UseTreeViewLabelParameters<R>, 'isItemEditable'>;
-export interface UseTreeViewLabelState {
-  label: {
-    isItemEditable: ((item: any) => boolean) | boolean;
-    editedItemId: TreeViewItemId | null;
-  };
-}
-export type UseTreeViewLabelSignature = TreeViewPluginSignature<{
-  params: UseTreeViewLabelParameters<any>;
-  paramsWithDefaults: UseTreeViewLabelParametersWithDefaults<any>;
-  publicAPI: UseTreeViewLabelPublicAPI;
-  instance: UseTreeViewLabelInstance;
-  state: UseTreeViewLabelState;
-  dependencies: [UseTreeViewItemsSignature];
-}>;

package/esm/internals/plugins/useTreeViewLabel/useTreeViewLabel.types.js

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

package/esm/internals/plugins/useTreeViewLazyLoading/index.d.ts

@@ -1,2 +0,0 @@
-export type { UseTreeViewLazyLoadingSignature, UseTreeViewLazyLoadingParameters, UseTreeViewLazyLoadingInstance, DataSource } from "./useTreeViewLazyLoading.types.js";
-export { lazyLoadingSelectors } from "./useTreeViewLazyLoading.selectors.js";

package/esm/internals/plugins/useTreeViewLazyLoading/index.js

@@ -1 +0,0 @@
-export { lazyLoadingSelectors } from "./useTreeViewLazyLoading.selectors.js";

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

@@ -1,24 +0,0 @@
-import { TreeViewItemId } from "../../../models/index.js";
-import { UseTreeViewLazyLoadingSignature } from "./useTreeViewLazyLoading.types.js";
-import { TreeViewState } from "../../models/index.js";
-export declare const lazyLoadingSelectors: {
-  /**
-   * Gets the data source used to lazy load items.
-   */
-  dataSource: (state: TreeViewState<[], [UseTreeViewLazyLoadingSignature]>) => {
-    loading: Record<TreeViewItemId, boolean>;
-    errors: Record<TreeViewItemId, Error | null>;
-  } | undefined;
-  /**
-   * Checks whether an item is loading.
-   */
-  isItemLoading: (state: TreeViewState<[], [UseTreeViewLazyLoadingSignature]>, itemId: string | null) => boolean;
-  /**
-   * Checks whether an item has errors.
-   */
-  itemHasError: (state: TreeViewState<[], [UseTreeViewLazyLoadingSignature]>, itemId: string | null) => boolean;
-  /**
-   * Get an item error.
-   */
-  itemError: (state: TreeViewState<[], [UseTreeViewLazyLoadingSignature]>, itemId: string | null) => Error | null | undefined;
-};

package/esm/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.selectors.js

@@ -1,20 +0,0 @@
-import { createSelector } from '@mui/x-internals/store';
-import { TREE_VIEW_ROOT_PARENT_ID } from "../useTreeViewItems/index.js";
-export const lazyLoadingSelectors = {
-  /**
-   * Gets the data source used to lazy load items.
-   */
-  dataSource: createSelector(state => state.lazyLoading?.dataSource),
-  /**
-   * Checks whether an item is loading.
-   */
-  isItemLoading: createSelector((state, itemId) => state.lazyLoading?.dataSource.loading[itemId ?? TREE_VIEW_ROOT_PARENT_ID] ?? false),
-  /**
-   * Checks whether an item has errors.
-   */
-  itemHasError: createSelector((state, itemId) => !!state.lazyLoading?.dataSource.errors[itemId ?? TREE_VIEW_ROOT_PARENT_ID]),
-  /**
-   * Get an item error.
-   */
-  itemError: createSelector((state, itemId) => state.lazyLoading?.dataSource.errors[itemId ?? TREE_VIEW_ROOT_PARENT_ID])
-};