@mui/x-tree-view 8.0.0-beta.3 → 8.1.0

package/modern/themeAugmentation/props.d.ts

@@ -1,14 +0,0 @@
-import { SimpleTreeViewProps } from "../SimpleTreeView/index.js";
-import { RichTreeViewProps } from "../RichTreeView/index.js";
-import { TreeItemProps } from "../TreeItem/index.js";
-export interface TreeViewComponentsPropsList {
-  MuiSimpleTreeView: SimpleTreeViewProps<any>;
-  MuiRichTreeView: RichTreeViewProps<any, any>;
-  MuiTreeItem: TreeItemProps;
-}
-declare module '@mui/material/styles' {
-  interface ComponentsPropsList extends TreeViewComponentsPropsList {}
-}
-
-// disable automatic export
-export {};

package/modern/useTreeItem/index.d.ts

@@ -1,2 +0,0 @@
-export { useTreeItem } from "./useTreeItem.js";
-export type { UseTreeItemParameters, UseTreeItemReturnValue, UseTreeItemStatus, UseTreeItemRootSlotOwnProps, UseTreeItemContentSlotOwnProps, UseTreeItemLabelInputSlotOwnProps, UseTreeItemLabelSlotOwnProps, UseTreeItemCheckboxSlotOwnProps, UseTreeItemIconContainerSlotOwnProps, UseTreeItemGroupTransitionSlotOwnProps, UseTreeItemDragAndDropOverlaySlotOwnProps } from './useTreeItem.types';

package/modern/useTreeItem/index.js

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

package/modern/useTreeItem/useTreeItem.d.ts

@@ -1,2 +0,0 @@
-import { UseTreeItemParameters, UseTreeItemReturnValue, UseTreeItemMinimalPlugins, UseTreeItemOptionalPlugins } from "./useTreeItem.types.js";
-export declare const useTreeItem: <TSignatures extends UseTreeItemMinimalPlugins = UseTreeItemMinimalPlugins, TOptionalSignatures extends UseTreeItemOptionalPlugins = UseTreeItemOptionalPlugins>(parameters: UseTreeItemParameters) => UseTreeItemReturnValue<TSignatures, TOptionalSignatures>;

package/modern/useTreeItem/useTreeItem.js

@@ -1,282 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import extractEventHandlers from '@mui/utils/extractEventHandlers';
-import useForkRef from '@mui/utils/useForkRef';
-import { useTreeViewContext } from "../internals/TreeViewProvider/index.js";
-import { useTreeItemUtils } from "../hooks/useTreeItemUtils/index.js";
-import { TreeViewItemDepthContext } from "../internals/TreeViewItemDepthContext/index.js";
-import { isTargetInDescendants } from "../internals/utils/tree.js";
-import { useSelector } from "../internals/hooks/useSelector.js";
-import { selectorIsItemTheDefaultFocusableItem } from "../internals/plugins/useTreeViewFocus/useTreeViewFocus.selectors.js";
-import { generateTreeItemIdAttribute } from "../internals/corePlugins/useTreeViewId/useTreeViewId.utils.js";
-import { selectorCanItemBeFocused } from "../internals/plugins/useTreeViewItems/useTreeViewItems.selectors.js";
-import { selectorTreeViewId } from "../internals/corePlugins/useTreeViewId/useTreeViewId.selectors.js";
-import { selectorItemExpansionTrigger } from "../internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.js";
-import { selectorIsCheckboxSelectionEnabled, selectorIsItemSelectionEnabled } from "../internals/plugins/useTreeViewSelection/useTreeViewSelection.selectors.js";
-export const useTreeItem = parameters => {
-  const {
-    runItemPlugins,
-    instance,
-    publicAPI,
-    store
-  } = useTreeViewContext();
-  const depthContext = React.useContext(TreeViewItemDepthContext);
-  const depth = useSelector(store, (...params) => {
-    if (typeof depthContext === 'function') {
-      return depthContext(...params);
-    }
-    return depthContext;
-  }, parameters.itemId);
-  const {
-    id,
-    itemId,
-    label,
-    children,
-    rootRef
-  } = parameters;
-  const {
-    rootRef: pluginRootRef,
-    contentRef,
-    propsEnhancers
-  } = runItemPlugins(parameters);
-  const {
-    interactions,
-    status
-  } = useTreeItemUtils({
-    itemId,
-    children
-  });
-  const rootRefObject = React.useRef(null);
-  const contentRefObject = React.useRef(null);
-  const handleRootRef = useForkRef(rootRef, pluginRootRef, rootRefObject);
-  const handleContentRef = useForkRef(contentRef, contentRefObject);
-  const checkboxRef = React.useRef(null);
-  const treeId = useSelector(store, selectorTreeViewId);
-  const isSelectionEnabledForItem = useSelector(store, selectorIsItemSelectionEnabled, itemId);
-  const isCheckboxSelectionEnabled = useSelector(store, selectorIsCheckboxSelectionEnabled);
-  const idAttribute = generateTreeItemIdAttribute({
-    itemId,
-    treeId,
-    id
-  });
-  const shouldBeAccessibleWithTab = useSelector(store, selectorIsItemTheDefaultFocusableItem, itemId);
-  const sharedPropsEnhancerParams = {
-    rootRefObject,
-    contentRefObject,
-    interactions
-  };
-  const createRootHandleFocus = otherHandlers => event => {
-    otherHandlers.onFocus?.(event);
-    if (event.defaultMuiPrevented) {
-      return;
-    }
-    if (!status.focused && selectorCanItemBeFocused(store.value, itemId) && event.currentTarget === event.target) {
-      instance.focusItem(event, itemId);
-    }
-  };
-  const createRootHandleBlur = otherHandlers => event => {
-    otherHandlers.onBlur?.(event);
-    if (event.defaultMuiPrevented) {
-      return;
-    }
-    const rootElement = instance.getItemDOMElement(itemId);
-
-    // Don't blur the root when switching to editing mode
-    // the input that triggers the root blur can be either the relatedTarget (when entering editing state) or the target (when exiting editing state)
-    // when we enter the editing state, we focus the input -> we don't want to remove the focused item from the state
-    if (status.editing ||
-    // we can exit the editing state by clicking outside the input (within the Tree Item) or by pressing Enter or Escape -> we don't want to remove the focused item from the state in these cases
-    // we can also exit the editing state by clicking on the root itself -> want to remove the focused item from the state in this case
-    event.relatedTarget && isTargetInDescendants(event.relatedTarget, rootElement) && (event.target && event.target?.dataset?.element === 'labelInput' && isTargetInDescendants(event.target, rootElement) || event.relatedTarget?.dataset?.element === 'labelInput')) {
-      return;
-    }
-    instance.removeFocusedItem();
-  };
-  const createRootHandleKeyDown = otherHandlers => event => {
-    otherHandlers.onKeyDown?.(event);
-    if (event.defaultMuiPrevented || event.target?.dataset?.element === 'labelInput') {
-      return;
-    }
-    instance.handleItemKeyDown(event, itemId);
-  };
-  const createLabelHandleDoubleClick = otherHandlers => event => {
-    otherHandlers.onDoubleClick?.(event);
-    if (event.defaultMuiPrevented) {
-      return;
-    }
-    interactions.toggleItemEditing();
-  };
-  const createContentHandleClick = otherHandlers => event => {
-    otherHandlers.onClick?.(event);
-    instance.handleItemClick(event, itemId);
-    if (event.defaultMuiPrevented || checkboxRef.current?.contains(event.target)) {
-      return;
-    }
-    if (selectorItemExpansionTrigger(store.value) === 'content') {
-      interactions.handleExpansion(event);
-    }
-    if (!isCheckboxSelectionEnabled) {
-      interactions.handleSelection(event);
-    }
-  };
-  const createContentHandleMouseDown = otherHandlers => event => {
-    otherHandlers.onMouseDown?.(event);
-    if (event.defaultMuiPrevented) {
-      return;
-    }
-
-    // Prevent text selection
-    if (event.shiftKey || event.ctrlKey || event.metaKey || status.disabled) {
-      event.preventDefault();
-    }
-  };
-  const createIconContainerHandleClick = otherHandlers => event => {
-    otherHandlers.onClick?.(event);
-    if (event.defaultMuiPrevented) {
-      return;
-    }
-    if (selectorItemExpansionTrigger(store.value) === 'iconContainer') {
-      interactions.handleExpansion(event);
-    }
-  };
-  const getContextProviderProps = () => ({
-    itemId,
-    id
-  });
-  const getRootProps = (externalProps = {}) => {
-    const externalEventHandlers = _extends({}, extractEventHandlers(parameters), extractEventHandlers(externalProps));
-
-    // https://www.w3.org/WAI/ARIA/apg/patterns/treeview/
-    let ariaSelected;
-    if (status.selected) {
-      // - each selected node has aria-selected set to true.
-      ariaSelected = true;
-    } else if (!isSelectionEnabledForItem) {
-      // - if the tree contains nodes that are not selectable, aria-selected is not present on those nodes.
-      ariaSelected = undefined;
-    } else {
-      // - all nodes that are selectable but not selected have aria-selected set to false.
-      ariaSelected = false;
-    }
-    const props = _extends({}, externalEventHandlers, {
-      ref: handleRootRef,
-      role: 'treeitem',
-      tabIndex: shouldBeAccessibleWithTab ? 0 : -1,
-      id: idAttribute,
-      'aria-expanded': status.expandable ? status.expanded : undefined,
-      'aria-selected': ariaSelected,
-      'aria-disabled': status.disabled || undefined
-    }, externalProps, {
-      style: _extends({}, externalProps.style ?? {}, {
-        '--TreeView-itemDepth': depth
-      }),
-      onFocus: createRootHandleFocus(externalEventHandlers),
-      onBlur: createRootHandleBlur(externalEventHandlers),
-      onKeyDown: createRootHandleKeyDown(externalEventHandlers)
-    });
-    const enhancedRootProps = propsEnhancers.root?.(_extends({}, sharedPropsEnhancerParams, {
-      externalEventHandlers
-    })) ?? {};
-    return _extends({}, props, enhancedRootProps);
-  };
-  const getContentProps = (externalProps = {}) => {
-    const externalEventHandlers = extractEventHandlers(externalProps);
-    const props = _extends({}, externalEventHandlers, externalProps, {
-      ref: handleContentRef,
-      onClick: createContentHandleClick(externalEventHandlers),
-      onMouseDown: createContentHandleMouseDown(externalEventHandlers),
-      status
-    });
-    ['expanded', 'selected', 'focused', 'disabled', 'editing', 'editable'].forEach(key => {
-      if (status[key]) {
-        props[`data-${key}`] = '';
-      }
-    });
-    const enhancedContentProps = propsEnhancers.content?.(_extends({}, sharedPropsEnhancerParams, {
-      externalEventHandlers
-    })) ?? {};
-    return _extends({}, props, enhancedContentProps);
-  };
-  const getCheckboxProps = (externalProps = {}) => {
-    const externalEventHandlers = extractEventHandlers(externalProps);
-    const props = _extends({}, externalEventHandlers, {
-      ref: checkboxRef
-    }, externalProps);
-    const enhancedCheckboxProps = propsEnhancers.checkbox?.(_extends({}, sharedPropsEnhancerParams, {
-      externalEventHandlers
-    })) ?? {};
-    return _extends({}, props, enhancedCheckboxProps);
-  };
-  const getLabelProps = (externalProps = {}) => {
-    const externalEventHandlers = _extends({}, extractEventHandlers(externalProps));
-    const props = _extends({}, externalEventHandlers, {
-      children: label
-    }, externalProps, {
-      onDoubleClick: createLabelHandleDoubleClick(externalEventHandlers)
-    });
-    const enhancedLabelProps = propsEnhancers.label?.(_extends({}, sharedPropsEnhancerParams, {
-      externalEventHandlers
-    })) ?? {};
-    return _extends({}, enhancedLabelProps, props);
-  };
-  const getLabelInputProps = (externalProps = {}) => {
-    const externalEventHandlers = extractEventHandlers(externalProps);
-    const enhancedLabelInputProps = propsEnhancers.labelInput?.(_extends({}, sharedPropsEnhancerParams, {
-      externalEventHandlers
-    })) ?? {};
-    return _extends({}, externalProps, enhancedLabelInputProps);
-  };
-  const getIconContainerProps = (externalProps = {}) => {
-    const externalEventHandlers = extractEventHandlers(externalProps);
-    return _extends({}, externalEventHandlers, externalProps, {
-      onClick: createIconContainerHandleClick(externalEventHandlers)
-    });
-  };
-  const getErrorContainerProps = (externalProps = {}) => {
-    const externalEventHandlers = extractEventHandlers(externalProps);
-    return _extends({}, externalEventHandlers, externalProps);
-  };
-  const getLoadingContainerProps = (externalProps = {}) => {
-    const externalEventHandlers = extractEventHandlers(externalProps);
-    return _extends({
-      size: '12px',
-      thickness: 6
-    }, externalEventHandlers, externalProps);
-  };
-  const getGroupTransitionProps = (externalProps = {}) => {
-    const externalEventHandlers = extractEventHandlers(externalProps);
-    const response = _extends({}, externalEventHandlers, {
-      unmountOnExit: true,
-      component: 'ul',
-      role: 'group',
-      in: status.expanded,
-      children
-    }, externalProps);
-    return response;
-  };
-  const getDragAndDropOverlayProps = (externalProps = {}) => {
-    const externalEventHandlers = extractEventHandlers(externalProps);
-    const enhancedDragAndDropOverlayProps = propsEnhancers.dragAndDropOverlay?.(_extends({}, sharedPropsEnhancerParams, {
-      externalEventHandlers
-    })) ?? {};
-    return _extends({}, externalProps, enhancedDragAndDropOverlayProps);
-  };
-  return {
-    getContextProviderProps,
-    getRootProps,
-    getContentProps,
-    getGroupTransitionProps,
-    getIconContainerProps,
-    getCheckboxProps,
-    getLabelProps,
-    getLabelInputProps,
-    getDragAndDropOverlayProps,
-    getErrorContainerProps,
-    getLoadingContainerProps,
-    rootRef: handleRootRef,
-    status,
-    publicAPI
-  };
-};

package/modern/useTreeItem/useTreeItem.types.d.ts

@@ -1,201 +0,0 @@
-import * as React from 'react';
-import { TreeViewItemId, TreeViewCancellableEventHandler } from "../models/index.js";
-import { TreeViewPublicAPI } from "../internals/models/index.js";
-import { UseTreeViewSelectionSignature } from "../internals/plugins/useTreeViewSelection/index.js";
-import { UseTreeViewItemsSignature } from "../internals/plugins/useTreeViewItems/index.js";
-import { UseTreeViewFocusSignature } from "../internals/plugins/useTreeViewFocus/index.js";
-import { UseTreeViewKeyboardNavigationSignature } from "../internals/plugins/useTreeViewKeyboardNavigation/index.js";
-import { UseTreeViewLabelSignature } from "../internals/plugins/useTreeViewLabel/index.js";
-import { UseTreeViewExpansionSignature } from "../internals/plugins/useTreeViewExpansion/index.js";
-export interface UseTreeItemParameters {
-  /**
-   * The id attribute of the item. If not provided, it will be generated.
-   */
-  id?: string;
-  /**
-   * If `true`, the item is disabled.
-   * @default false
-   */
-  disabled?: boolean;
-  /**
-   * The id of the item.
-   * Must be unique.
-   */
-  itemId: TreeViewItemId;
-  /**
-   * The label of the item.
-   */
-  label?: React.ReactNode;
-  rootRef?: React.Ref<HTMLLIElement>;
-  /**
-   * The content of the component.
-   */
-  children?: React.ReactNode;
-}
-export interface UseTreeItemContextProviderProps {
-  itemId: string;
-  id: string | undefined;
-}
-export interface UseTreeItemRootSlotPropsFromUseTreeItem {
-  role: 'treeitem';
-  tabIndex: 0 | -1;
-  id: string;
-  'aria-expanded': React.AriaAttributes['aria-expanded'];
-  'aria-selected': React.AriaAttributes['aria-selected'];
-  'aria-disabled': React.AriaAttributes['aria-disabled'];
-  onFocus: TreeViewCancellableEventHandler<React.FocusEvent<HTMLElement>>;
-  onBlur: TreeViewCancellableEventHandler<React.FocusEvent<HTMLElement>>;
-  onKeyDown: TreeViewCancellableEventHandler<React.KeyboardEvent<HTMLElement>>;
-  ref: React.RefCallback<HTMLLIElement>;
-  style: React.CSSProperties;
-}
-export interface UseTreeItemRootSlotOwnProps extends UseTreeItemRootSlotPropsFromUseTreeItem {}
-export type UseTreeItemRootSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItemRootSlotOwnProps;
-export interface UseTreeItemContentSlotPropsFromUseTreeItem {
-  onClick: TreeViewCancellableEventHandler<React.MouseEvent>;
-  onMouseDown: TreeViewCancellableEventHandler<React.MouseEvent>;
-  ref: React.RefCallback<HTMLDivElement> | null;
-  /**
-   * @deprecated Will be removed in the next major version. Please use the data-attrs instead.
-   */
-  status: UseTreeItemStatus;
-  'data-expanded'?: '';
-  'data-selected'?: '';
-  'data-focused'?: '';
-  'data-disabled'?: '';
-  'data-editing'?: '';
-  'data-editable'?: '';
-}
-export interface UseTreeItemContentSlotOwnProps extends UseTreeItemContentSlotPropsFromUseTreeItem {}
-export type UseTreeItemContentSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItemContentSlotOwnProps;
-export interface UseTreeItemIconContainerSlotOwnProps {
-  onClick: TreeViewCancellableEventHandler<React.MouseEvent>;
-}
-export type UseTreeItemIconContainerSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItemIconContainerSlotOwnProps;
-export interface UseTreeItemLabelSlotOwnProps {
-  children: React.ReactNode;
-  onDoubleClick: TreeViewCancellableEventHandler<React.MouseEvent>;
-}
-export type UseTreeItemLabelSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItemLabelSlotOwnProps;
-export interface UseTreeItemLabelInputSlotOwnProps {}
-export type UseTreeItemLabelInputSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItemLabelInputSlotOwnProps;
-export interface UseTreeItemCheckboxSlotOwnProps {
-  ref: React.RefObject<HTMLButtonElement | null>;
-}
-export type UseTreeItemCheckboxSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItemCheckboxSlotOwnProps;
-export type UseTreeItemErrorContainerSlotProps<ExternalProps = {}> = ExternalProps & {};
-export type UseTreeItemLoadingContainerSlotProps<ExternalProps = {}> = ExternalProps & {
-  size: string;
-  thickness: number;
-};
-export interface UseTreeItemGroupTransitionSlotOwnProps {
-  unmountOnExit: boolean;
-  in: boolean;
-  component: 'ul';
-  role: 'group';
-  children: React.ReactNode;
-}
-export type UseTreeItemGroupTransitionSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItemGroupTransitionSlotOwnProps;
-export interface UseTreeItemDragAndDropOverlaySlotOwnProps {}
-export type UseTreeItemDragAndDropOverlaySlotProps<ExternalProps = {}> = ExternalProps & UseTreeItemDragAndDropOverlaySlotOwnProps;
-export interface UseTreeItemStatus {
-  expandable: boolean;
-  expanded: boolean;
-  focused: boolean;
-  selected: boolean;
-  disabled: boolean;
-  editing: boolean;
-  editable: boolean;
-  loading: boolean;
-  error: boolean;
-}
-export interface UseTreeItemReturnValue<TSignatures extends UseTreeItemMinimalPlugins, TOptionalSignatures extends UseTreeItemOptionalPlugins> {
-  /**
-   * Resolver for the context provider's props.
-   * @returns {UseTreeItemContextProviderProps} Props that should be spread on the context provider slot.
-   */
-  getContextProviderProps: () => UseTreeItemContextProviderProps;
-  /**
-   * Resolver for the root slot's props.
-   * @param {ExternalProps} externalProps Additional props for the root slot.
-   * @returns {UseTreeItemRootSlotProps<ExternalProps>} Props that should be spread on the root slot.
-   */
-  getRootProps: <ExternalProps extends Record<string, any> = {}>(externalProps?: ExternalProps) => UseTreeItemRootSlotProps<ExternalProps>;
-  /**
-   * Resolver for the content slot's props.
-   * @param {ExternalProps} externalProps Additional props for the content slot.
-   * @returns {UseTreeItemContentSlotProps<ExternalProps>} Props that should be spread on the content slot.
-   */
-  getContentProps: <ExternalProps extends Record<string, any> = {}>(externalProps?: ExternalProps) => UseTreeItemContentSlotProps<ExternalProps>;
-  /**
-   * Resolver for the label slot's props.
-   * @param {ExternalProps} externalProps Additional props for the label slot.
-   * @returns {UseTreeItemLabelSlotProps<ExternalProps>} Props that should be spread on the label slot.
-   */
-  getLabelProps: <ExternalProps extends Record<string, any> = {}>(externalProps?: ExternalProps) => UseTreeItemLabelSlotProps<ExternalProps>;
-  /**
-   * Resolver for the labelInput slot's props.
-   * @param {ExternalProps} externalProps Additional props for the labelInput slot.
-   * @returns {UseTreeItemLabelInputSlotProps<ExternalProps>} Props that should be spread on the labelInput slot.
-   */
-  getLabelInputProps: <ExternalProps extends Record<string, any> = {}>(externalProps?: ExternalProps) => UseTreeItemLabelInputSlotProps<ExternalProps>;
-  /**
-   * Resolver for the checkbox slot's props.
-   * @param {ExternalProps} externalProps Additional props for the checkbox slot.
-   * @returns {UseTreeItemCheckboxSlotProps<ExternalProps>} Props that should be spread on the checkbox slot.
-   */
-  getCheckboxProps: <ExternalProps extends Record<string, any> = {}>(externalProps?: ExternalProps) => UseTreeItemCheckboxSlotProps<ExternalProps>;
-  /**
-   * Resolver for the iconContainer slot's props.
-   * @param {ExternalProps} externalProps Additional props for the iconContainer slot.
-   * @returns {UseTreeItemIconContainerSlotProps<ExternalProps>} Props that should be spread on the iconContainer slot.
-   */
-  getIconContainerProps: <ExternalProps extends Record<string, any> = {}>(externalProps?: ExternalProps) => UseTreeItemIconContainerSlotProps<ExternalProps>;
-  /**
-   * Resolver for the GroupTransition slot's props.
-   * @param {ExternalProps} externalProps Additional props for the GroupTransition slot.
-   * @returns {UseTreeItemGroupTransitionSlotProps<ExternalProps>} Props that should be spread on the GroupTransition slot.
-   */
-  getGroupTransitionProps: <ExternalProps extends Record<string, any> = {}>(externalProps?: ExternalProps) => UseTreeItemGroupTransitionSlotProps<ExternalProps>;
-  /**
-   * Resolver for the DragAndDropOverlay slot's props.
-   * Warning: This slot is only useful when using the `<RichTreeViewPro />` component.
-   * @param {ExternalProps} externalProps Additional props for the DragAndDropOverlay slot.
-   * @returns {UseTreeItemDragAndDropOverlaySlotProps<ExternalProps>} Props that should be spread on the DragAndDropOverlay slot.
-   */
-  getDragAndDropOverlayProps: <ExternalProps extends Record<string, any> = {}>(externalProps?: ExternalProps) => UseTreeItemDragAndDropOverlaySlotProps<ExternalProps>;
-  /**
-   * Resolver for the ErrorIcon slot's props.
-   * Warning: This slot is only useful when using the `<RichTreeView />` component when lazy loading is enabled.
-   * @param {ExternalProps} externalProps Additional props for the ErrorIcon slot.
-   * @returns {UseTreeItemErrorContainerSlotProps<ExternalProps>} Props that should be spread on the ErrorIcon slot.
-   */
-  getErrorContainerProps: <ExternalProps extends Record<string, any> = {}>(externalProps?: ExternalProps) => UseTreeItemErrorContainerSlotProps<ExternalProps>;
-  /**
-   * Resolver for the LoadingIcon slot's props.
-   * Warning: This slot is only useful when using the `<RichTreeView />` component when lazy loading is enabled.
-   * @param {ExternalProps} externalProps Additional props for the LoadingIcon slot.
-   * @returns {UseTreeItemLoadingContainerSlotProps<ExternalProps>} Props that should be spread on the LoadingIcon slot.
-   */
-  getLoadingContainerProps: <ExternalProps extends Record<string, any> = {}>(externalProps?: ExternalProps) => UseTreeItemLoadingContainerSlotProps<ExternalProps>;
-  /**
-   * A ref to the component's root DOM element.
-   */
-  rootRef: React.RefCallback<HTMLLIElement> | null;
-  /**
-   * Current status of the item.
-   */
-  status: UseTreeItemStatus;
-  /**
-   * The object the allows Tree View manipulation.
-   */
-  publicAPI: TreeViewPublicAPI<TSignatures, TOptionalSignatures>;
-}
-/**
- * Plugins that need to be present in the Tree View in order for `UseTreeItem` to work correctly.
- */
-export type UseTreeItemMinimalPlugins = readonly [UseTreeViewSelectionSignature, UseTreeViewExpansionSignature, UseTreeViewItemsSignature, UseTreeViewFocusSignature, UseTreeViewKeyboardNavigationSignature, UseTreeViewLabelSignature];
-/**
- * Plugins that `UseTreeItem` can use if they are present, but are not required.
- */
-export type UseTreeItemOptionalPlugins = readonly [];

package/modern/useTreeItem/useTreeItem.types.js

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

package/modern/utils/cache.d.ts

@@ -1,38 +0,0 @@
-import { TreeViewItemMeta } from "../internals/models/index.js";
-type DataSourceCacheDefaultConfig = {
-  /**
-   * Time To Live for each cache entry in milliseconds.
-   * After this time the cache entry will become stale and the next query will result in cache miss.
-   * @default 300000 (5 minutes)
-   */
-  ttl?: number;
-};
-export interface DataSourceCache {
-  /**
-   * Set the cache entry for the given key.
-   * @param {string} key The key of type `string`
-   * @param {TreeViewItemMeta[]} value The value to be stored in the cache
-   */
-  set: (key: string, value: TreeViewItemMeta[]) => void;
-  /**
-   * Get the cache entry for the given key.
-   * @param {string} key The key of type `string`
-   * @returns {TreeViewItemMeta[]} The value stored in the cache
-   */
-  get: (key: string) => TreeViewItemMeta[] | undefined | -1;
-  /**
-   * Clear the cache.
-   */
-  clear: () => void;
-}
-export declare class DataSourceCacheDefault {
-  private cache;
-  private ttl;
-  constructor({
-    ttl
-  }: DataSourceCacheDefaultConfig);
-  set(key: string, value: TreeViewItemMeta[]): void;
-  get(key: string): TreeViewItemMeta[] | undefined | -1;
-  clear(): void;
-}
-export {};

package/modern/utils/cache.js

@@ -1,31 +0,0 @@
-export class DataSourceCacheDefault {
-  constructor({
-    ttl = 300000
-  }) {
-    this.cache = void 0;
-    this.ttl = void 0;
-    this.cache = {};
-    this.ttl = ttl;
-  }
-  set(key, value) {
-    const expiry = Date.now() + this.ttl;
-    this.cache[key] = {
-      value,
-      expiry
-    };
-  }
-  get(key) {
-    const entry = this.cache[key];
-    if (!entry) {
-      return undefined;
-    }
-    if (Date.now() > entry.expiry) {
-      delete this.cache[key];
-      return -1;
-    }
-    return entry.value;
-  }
-  clear() {
-    this.cache = {};
-  }
-}

package/modern/utils/index.d.ts

@@ -1 +0,0 @@
-export * from "./cache.js";

package/modern/utils/index.js

@@ -1 +0,0 @@
-export * from "./cache.js";