@mui/x-tree-view 8.0.0-beta.2 → 8.0.0

package/modern/internals/useTreeView/useTreeViewModels.js

@@ -1,62 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-/**
- * Implements the same behavior as `useControlled` but for several models.
- * The controlled models are never stored in the state, and the state is only updated if the model is not controlled.
- */
-export const useTreeViewModels = (plugins, props) => {
-  const modelsRef = React.useRef({});
-  const [modelsState, setModelsState] = React.useState(() => {
-    const initialState = {};
-    plugins.forEach(plugin => {
-      if (plugin.models) {
-        Object.entries(plugin.models).forEach(([modelName, modelInitializer]) => {
-          modelsRef.current[modelName] = {
-            isControlled: props[modelName] !== undefined,
-            getDefaultValue: modelInitializer.getDefaultValue
-          };
-          initialState[modelName] = modelInitializer.getDefaultValue(props);
-        });
-      }
-    });
-    return initialState;
-  });
-  const models = Object.fromEntries(Object.entries(modelsRef.current).map(([modelName, model]) => {
-    const value = props[modelName] ?? modelsState[modelName];
-    return [modelName, {
-      value,
-      setControlledValue: newValue => {
-        if (!model.isControlled) {
-          setModelsState(prevState => _extends({}, prevState, {
-            [modelName]: newValue
-          }));
-        }
-      }
-    }];
-  }));
-
-  // We know that `modelsRef` do not vary across renders.
-  /* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */
-  if (process.env.NODE_ENV !== 'production') {
-    Object.entries(modelsRef.current).forEach(([modelName, model]) => {
-      const controlled = props[modelName];
-      const newDefaultValue = model.getDefaultValue(props);
-      React.useEffect(() => {
-        if (model.isControlled !== (controlled !== undefined)) {
-          console.error([`MUI X: A component is changing the ${model.isControlled ? '' : 'un'}controlled ${modelName} state of TreeView to be ${model.isControlled ? 'un' : ''}controlled.`, 'Elements should not switch from uncontrolled to controlled (or vice versa).', `Decide between using a controlled or uncontrolled ${modelName} ` + 'element for the lifetime of the component.', "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", 'More info: https://fb.me/react-controlled-components'].join('\n'));
-        }
-      }, [controlled]);
-      const {
-        current: defaultValue
-      } = React.useRef(newDefaultValue);
-      React.useEffect(() => {
-        if (!model.isControlled && defaultValue !== newDefaultValue) {
-          console.error([`MUI X: A component is changing the default ${modelName} state of an uncontrolled TreeView after being initialized. ` + `To suppress this warning opt to use a controlled TreeView.`].join('\n'));
-        }
-      }, [JSON.stringify(newDefaultValue)]);
-    });
-  }
-  /* eslint-enable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */
-
-  return models;
-};

package/modern/internals/utils/TreeViewStore.d.ts

@@ -1,12 +0,0 @@
-import type { TreeViewAnyPluginSignature, TreeViewState } from '../models';
-type Listener<T> = (value: T) => void;
-export type StoreUpdater<TSignatures extends readonly TreeViewAnyPluginSignature[]> = (prevState: TreeViewState<TSignatures>) => TreeViewState<TSignatures>;
-export declare class TreeViewStore<TSignatures extends readonly TreeViewAnyPluginSignature[]> {
-  value: TreeViewState<TSignatures>;
-  private listeners;
-  constructor(value: TreeViewState<TSignatures>);
-  subscribe: (fn: Listener<TreeViewState<TSignatures>>) => () => void;
-  getSnapshot: () => TreeViewState<TSignatures>;
-  update: (updater: StoreUpdater<TSignatures>) => void;
-}
-export {};

package/modern/internals/utils/TreeViewStore.js

@@ -1,24 +0,0 @@
-export class TreeViewStore {
-  constructor(value) {
-    this.value = void 0;
-    this.listeners = void 0;
-    this.subscribe = fn => {
-      this.listeners.add(fn);
-      return () => {
-        this.listeners.delete(fn);
-      };
-    };
-    this.getSnapshot = () => {
-      return this.value;
-    };
-    this.update = updater => {
-      const newState = updater(this.value);
-      if (newState !== this.value) {
-        this.value = newState;
-        this.listeners.forEach(l => l(newState));
-      }
-    };
-    this.value = value;
-    this.listeners = new Set();
-  }
-}

package/modern/internals/utils/cleanupTracking/CleanupTracking.d.ts

@@ -1,9 +0,0 @@
-export type UnregisterToken = {
-  cleanupToken: number;
-};
-export type UnsubscribeFn = () => void;
-export interface CleanupTracking {
-  register(object: any, unsubscribe: UnsubscribeFn, unregisterToken: UnregisterToken): void;
-  unregister(unregisterToken: UnregisterToken): void;
-  reset(): void;
-}

package/modern/internals/utils/cleanupTracking/CleanupTracking.js

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

package/modern/internals/utils/cleanupTracking/FinalizationRegistryBasedCleanupTracking.d.ts

@@ -1,7 +0,0 @@
-import { CleanupTracking, UnsubscribeFn, UnregisterToken } from "./CleanupTracking.js";
-export declare class FinalizationRegistryBasedCleanupTracking implements CleanupTracking {
-  registry: FinalizationRegistry<UnsubscribeFn>;
-  register(object: any, unsubscribe: UnsubscribeFn, unregisterToken: UnregisterToken): void;
-  unregister(unregisterToken: UnregisterToken): void;
-  reset(): void;
-}

package/modern/internals/utils/cleanupTracking/FinalizationRegistryBasedCleanupTracking.js

@@ -1,18 +0,0 @@
-export class FinalizationRegistryBasedCleanupTracking {
-  constructor() {
-    this.registry = new FinalizationRegistry(unsubscribe => {
-      if (typeof unsubscribe === 'function') {
-        unsubscribe();
-      }
-    });
-  }
-  register(object, unsubscribe, unregisterToken) {
-    this.registry.register(object, unsubscribe, unregisterToken);
-  }
-  unregister(unregisterToken) {
-    this.registry.unregister(unregisterToken);
-  }
-
-  // eslint-disable-next-line class-methods-use-this
-  reset() {}
-}

package/modern/internals/utils/cleanupTracking/TimerBasedCleanupTracking.d.ts

@@ -1,9 +0,0 @@
-import { CleanupTracking, UnregisterToken, UnsubscribeFn } from "./CleanupTracking.js";
-export declare class TimerBasedCleanupTracking implements CleanupTracking {
-  timeouts?: Map<number, NodeJS.Timeout> | undefined;
-  cleanupTimeout: number;
-  constructor(timeout?: number);
-  register(object: any, unsubscribe: UnsubscribeFn, unregisterToken: UnregisterToken): void;
-  unregister(unregisterToken: UnregisterToken): void;
-  reset(): void;
-}

package/modern/internals/utils/cleanupTracking/TimerBasedCleanupTracking.js

@@ -1,38 +0,0 @@
-// If no effect ran after this amount of time, we assume that the render was not committed by React
-const CLEANUP_TIMER_LOOP_MILLIS = 1000;
-export class TimerBasedCleanupTracking {
-  constructor(timeout = CLEANUP_TIMER_LOOP_MILLIS) {
-    this.timeouts = new Map();
-    this.cleanupTimeout = CLEANUP_TIMER_LOOP_MILLIS;
-    this.cleanupTimeout = timeout;
-  }
-  register(object, unsubscribe, unregisterToken) {
-    if (!this.timeouts) {
-      this.timeouts = new Map();
-    }
-    const timeout = setTimeout(() => {
-      if (typeof unsubscribe === 'function') {
-        unsubscribe();
-      }
-      this.timeouts.delete(unregisterToken.cleanupToken);
-    }, this.cleanupTimeout);
-    this.timeouts.set(unregisterToken.cleanupToken, timeout);
-  }
-  unregister(unregisterToken) {
-    const timeout = this.timeouts.get(unregisterToken.cleanupToken);
-    if (timeout) {
-      this.timeouts.delete(unregisterToken.cleanupToken);
-      clearTimeout(timeout);
-    }
-  }
-  reset() {
-    if (this.timeouts) {
-      this.timeouts.forEach((value, key) => {
-        this.unregister({
-          cleanupToken: key
-        });
-      });
-      this.timeouts = undefined;
-    }
-  }
-}

package/modern/internals/utils/plugins.d.ts

@@ -1,2 +0,0 @@
-import { TreeViewAnyPluginSignature, TreeViewInstance, TreeViewPlugin } from "../models/index.js";
-export declare const hasPlugin: <TSignature extends TreeViewAnyPluginSignature, TInstance extends TreeViewInstance<[], [TSignature]>>(instance: TInstance, plugin: TreeViewPlugin<TSignature>) => instance is Omit<TInstance, keyof TSignature["instance"]> & TSignature["instance"];

package/modern/internals/utils/plugins.js

@@ -1,4 +0,0 @@
-export const hasPlugin = (instance, plugin) => {
-  const plugins = instance.getAvailablePlugins();
-  return plugins.has(plugin);
-};

package/modern/internals/utils/publishTreeViewEvent.d.ts

@@ -1,5 +0,0 @@
-import { UseTreeViewInstanceEventsInstance } from "../corePlugins/useTreeViewInstanceEvents/useTreeViewInstanceEvents.types.js";
-import { TreeViewAnyPluginSignature, TreeViewUsedEvents } from "../models/index.js";
-export declare const publishTreeViewEvent: <Instance extends UseTreeViewInstanceEventsInstance & {
-  $$signature: TreeViewAnyPluginSignature;
-}, E extends keyof TreeViewUsedEvents<Instance["$$signature"]>>(instance: Instance, eventName: E, params: TreeViewUsedEvents<Instance["$$signature"]>[E]["params"]) => void;

package/modern/internals/utils/publishTreeViewEvent.js

@@ -1,3 +0,0 @@
-export const publishTreeViewEvent = (instance, eventName, params) => {
-  instance.$$publishEvent(eventName, params);
-};

package/modern/internals/utils/selectors.d.ts

@@ -1,16 +0,0 @@
-import { CreateSelectorFunction } from 'reselect';
-import { TreeViewAnyPluginSignature, TreeViewState } from "../models/index.js";
-/**
- * Type of a selector that take the whole tree view state as input and returns a value based on a required plugin.
- */
-export type TreeViewRootSelector<TSignature extends TreeViewAnyPluginSignature, IsOptional extends boolean = false> = <TSignatures extends [TSignature]>(state: TreeViewState<TSignatures>) => IsOptional extends true ? TSignature['state'][keyof TSignature['state']] | undefined : TSignature['state'][keyof TSignature['state']];
-/**
- * Type of a selector that take the whole tree view state as input and returns a value based on an optional plugin.
- */
-export type TreeViewRootSelectorForOptionalPlugin<TSignature extends TreeViewAnyPluginSignature> = <TSignatures extends [], TOptionalSignatures extends [TSignature]>(state: TreeViewState<TSignatures, TOptionalSignatures>) => TSignature['state'][keyof TSignature['state']] | undefined;
-export type TreeViewSelector<TState, TArgs, TResult> = (state: TState, args: TArgs) => TResult;
-/**
- * Method wrapping reselect's createSelector to provide caching for tree view instances.
- *
- */
-export declare const createSelector: CreateSelectorFunction;

package/modern/internals/utils/selectors.js

@@ -1,46 +0,0 @@
-import { lruMemoize, createSelectorCreator } from 'reselect';
-const reselectCreateSelector = createSelectorCreator({
-  memoize: lruMemoize,
-  memoizeOptions: {
-    maxSize: 1,
-    equalityCheck: Object.is
-  }
-});
-const cache = new WeakMap();
-
-/**
- * Type of a selector that take the whole tree view state as input and returns a value based on a required plugin.
- */
-
-/**
- * Type of a selector that take the whole tree view state as input and returns a value based on an optional plugin.
- */
-
-/**
- * Method wrapping reselect's createSelector to provide caching for tree view instances.
- *
- */
-export const createSelector = (...createSelectorArgs) => {
-  const selector = (state, selectorArgs) => {
-    const cacheKey = state.cacheKey;
-
-    // If there is no cache for the current tree view instance, create one.
-    let cacheForCurrentTreeViewInstance = cache.get(cacheKey);
-    if (!cacheForCurrentTreeViewInstance) {
-      cacheForCurrentTreeViewInstance = new Map();
-      cache.set(cacheKey, cacheForCurrentTreeViewInstance);
-    }
-
-    // If there is a cached selector, execute it.
-    const cachedSelector = cacheForCurrentTreeViewInstance.get(createSelectorArgs);
-    if (cachedSelector) {
-      return cachedSelector(state, selectorArgs);
-    }
-
-    // Otherwise, create a new selector and cache it and execute it.
-    const fn = reselectCreateSelector(...createSelectorArgs);
-    cacheForCurrentTreeViewInstance.set(createSelectorArgs, fn);
-    return fn(state, selectorArgs);
-  };
-  return selector;
-};

package/modern/internals/utils/tree.d.ts

@@ -1,32 +0,0 @@
-import { TreeViewState } from "../models/index.js";
-import type { UseTreeViewExpansionSignature } from '../plugins/useTreeViewExpansion';
-import type { UseTreeViewItemsSignature } from '../plugins/useTreeViewItems';
-export declare const getPreviousNavigableItem: (state: TreeViewState<[UseTreeViewItemsSignature, UseTreeViewExpansionSignature]>, itemId: string) => string | null;
-export declare const getNextNavigableItem: (state: TreeViewState<[UseTreeViewItemsSignature, UseTreeViewExpansionSignature]>, itemId: string) => string | null;
-export declare const getLastNavigableItem: (state: TreeViewState<[UseTreeViewExpansionSignature, UseTreeViewItemsSignature]>) => string;
-export declare const getFirstNavigableItem: (state: TreeViewState<[UseTreeViewExpansionSignature, UseTreeViewItemsSignature]>) => string;
-/**
- * This is used to determine the start and end of a selection range so
- * we can get the items between the two border items.
- *
- * It finds the items' common ancestor using
- * a naive implementation of a lowest common ancestor algorithm
- * (https://en.wikipedia.org/wiki/Lowest_common_ancestor).
- * Then compares the ancestor's 2 children that are ancestors of itemA and ItemB
- * so we can compare their indexes to work out which item comes first in a depth first search.
- * (https://en.wikipedia.org/wiki/Depth-first_search)
- *
- * Another way to put it is which item is shallower in a trémaux tree
- * https://en.wikipedia.org/wiki/Tr%C3%A9maux_tree
- */
-export declare const findOrderInTremauxTree: (state: TreeViewState<[UseTreeViewExpansionSignature, UseTreeViewItemsSignature]>, itemAId: string, itemBId: string) => string[];
-export declare const getNonDisabledItemsInRange: (state: TreeViewState<[UseTreeViewItemsSignature, UseTreeViewExpansionSignature]>, itemAId: string, itemBId: string) => string[];
-export declare const getAllNavigableItems: (state: TreeViewState<[UseTreeViewItemsSignature, UseTreeViewExpansionSignature]>) => string[];
-/**
- * Checks if the target is in a descendant of this item.
- * This can prevent from firing some logic on the ancestors on the interacted item when the event handler is on the root.
- * @param {HTMLElement} target The target to check
- * @param {HTMLElement | null} itemRoot The root of the item to check if the event target is in its descendants
- * @returns {boolean} Whether the target is in a descendant of this item
- */
-export declare const isTargetInDescendants: (target: HTMLElement, itemRoot: HTMLElement | null) => boolean;

package/modern/internals/utils/tree.js

@@ -1,203 +0,0 @@
-import { selectorIsItemExpandable, selectorIsItemExpanded } from "../plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.js";
-import { selectorCanItemBeFocused, selectorIsItemDisabled, selectorItemIndex, selectorItemMeta, selectorItemOrderedChildrenIds, selectorItemParentId } from "../plugins/useTreeViewItems/useTreeViewItems.selectors.js";
-const getLastNavigableItemInArray = (state, items) => {
-  // Equivalent to Array.prototype.findLastIndex
-  let itemIndex = items.length - 1;
-  while (itemIndex >= 0 && !selectorCanItemBeFocused(state, items[itemIndex])) {
-    itemIndex -= 1;
-  }
-  if (itemIndex === -1) {
-    return undefined;
-  }
-  return items[itemIndex];
-};
-export const getPreviousNavigableItem = (state, itemId) => {
-  const itemMeta = selectorItemMeta(state, itemId);
-  if (!itemMeta) {
-    return null;
-  }
-  const siblings = selectorItemOrderedChildrenIds(state, itemMeta.parentId);
-  const itemIndex = selectorItemIndex(state, itemId);
-
-  // TODO: What should we do if the parent is not navigable?
-  if (itemIndex === 0) {
-    return itemMeta.parentId;
-  }
-
-  // Finds the previous navigable sibling.
-  let previousNavigableSiblingIndex = itemIndex - 1;
-  while (!selectorCanItemBeFocused(state, siblings[previousNavigableSiblingIndex]) && previousNavigableSiblingIndex >= 0) {
-    previousNavigableSiblingIndex -= 1;
-  }
-  if (previousNavigableSiblingIndex === -1) {
-    // If we are at depth 0, then it means all the items above the current item are not navigable.
-    if (itemMeta.parentId == null) {
-      return null;
-    }
-
-    // Otherwise, we can try to go up a level and find the previous navigable item.
-    return getPreviousNavigableItem(state, itemMeta.parentId);
-  }
-
-  // Finds the last navigable ancestor of the previous navigable sibling.
-  let currentItemId = siblings[previousNavigableSiblingIndex];
-  let lastNavigableChild = getLastNavigableItemInArray(state, selectorItemOrderedChildrenIds(state, currentItemId));
-  while (selectorIsItemExpanded(state, currentItemId) && lastNavigableChild != null) {
-    currentItemId = lastNavigableChild;
-    lastNavigableChild = selectorItemOrderedChildrenIds(state, currentItemId).find(childId => selectorCanItemBeFocused(state, childId));
-  }
-  return currentItemId;
-};
-export const getNextNavigableItem = (state, itemId) => {
-  // If the item is expanded and has some navigable children, return the first of them.
-  if (selectorIsItemExpanded(state, itemId)) {
-    const firstNavigableChild = selectorItemOrderedChildrenIds(state, itemId).find(childId => selectorCanItemBeFocused(state, childId));
-    if (firstNavigableChild != null) {
-      return firstNavigableChild;
-    }
-  }
-  let itemMeta = selectorItemMeta(state, itemId);
-  while (itemMeta != null) {
-    // Try to find the first navigable sibling after the current item.
-    const siblings = selectorItemOrderedChildrenIds(state, itemMeta.parentId);
-    const currentItemIndex = selectorItemIndex(state, itemMeta.id);
-    if (currentItemIndex < siblings.length - 1) {
-      let nextItemIndex = currentItemIndex + 1;
-      while (!selectorCanItemBeFocused(state, siblings[nextItemIndex]) && nextItemIndex < siblings.length - 1) {
-        nextItemIndex += 1;
-      }
-      if (selectorCanItemBeFocused(state, siblings[nextItemIndex])) {
-        return siblings[nextItemIndex];
-      }
-    }
-
-    // If the sibling does not exist, go up a level to the parent and try again.
-    itemMeta = selectorItemMeta(state, itemMeta.parentId);
-  }
-  return null;
-};
-export const getLastNavigableItem = state => {
-  let itemId = null;
-  while (itemId == null || selectorIsItemExpanded(state, itemId)) {
-    const children = selectorItemOrderedChildrenIds(state, itemId);
-    const lastNavigableChild = getLastNavigableItemInArray(state, children);
-
-    // The item has no navigable children.
-    if (lastNavigableChild == null) {
-      return itemId;
-    }
-    itemId = lastNavigableChild;
-  }
-  return itemId;
-};
-export const getFirstNavigableItem = state => selectorItemOrderedChildrenIds(state, null).find(itemId => selectorCanItemBeFocused(state, itemId));
-
-/**
- * This is used to determine the start and end of a selection range so
- * we can get the items between the two border items.
- *
- * It finds the items' common ancestor using
- * a naive implementation of a lowest common ancestor algorithm
- * (https://en.wikipedia.org/wiki/Lowest_common_ancestor).
- * Then compares the ancestor's 2 children that are ancestors of itemA and ItemB
- * so we can compare their indexes to work out which item comes first in a depth first search.
- * (https://en.wikipedia.org/wiki/Depth-first_search)
- *
- * Another way to put it is which item is shallower in a trémaux tree
- * https://en.wikipedia.org/wiki/Tr%C3%A9maux_tree
- */
-export const findOrderInTremauxTree = (state, itemAId, itemBId) => {
-  if (itemAId === itemBId) {
-    return [itemAId, itemBId];
-  }
-  const itemMetaA = selectorItemMeta(state, itemAId);
-  const itemMetaB = selectorItemMeta(state, itemBId);
-  if (!itemMetaA || !itemMetaB) {
-    return [itemAId, itemBId];
-  }
-  if (itemMetaA.parentId === itemMetaB.id || itemMetaB.parentId === itemMetaA.id) {
-    return itemMetaB.parentId === itemMetaA.id ? [itemMetaA.id, itemMetaB.id] : [itemMetaB.id, itemMetaA.id];
-  }
-  const aFamily = [itemMetaA.id];
-  const bFamily = [itemMetaB.id];
-  let aAncestor = itemMetaA.parentId;
-  let bAncestor = itemMetaB.parentId;
-  let aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;
-  let bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;
-  let continueA = true;
-  let continueB = true;
-  while (!bAncestorIsCommon && !aAncestorIsCommon) {
-    if (continueA) {
-      aFamily.push(aAncestor);
-      aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;
-      continueA = aAncestor !== null;
-      if (!aAncestorIsCommon && continueA) {
-        aAncestor = selectorItemParentId(state, aAncestor);
-      }
-    }
-    if (continueB && !aAncestorIsCommon) {
-      bFamily.push(bAncestor);
-      bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;
-      continueB = bAncestor !== null;
-      if (!bAncestorIsCommon && continueB) {
-        bAncestor = selectorItemParentId(state, bAncestor);
-      }
-    }
-  }
-  const commonAncestor = aAncestorIsCommon ? aAncestor : bAncestor;
-  const ancestorFamily = selectorItemOrderedChildrenIds(state, commonAncestor);
-  const aSide = aFamily[aFamily.indexOf(commonAncestor) - 1];
-  const bSide = bFamily[bFamily.indexOf(commonAncestor) - 1];
-  return ancestorFamily.indexOf(aSide) < ancestorFamily.indexOf(bSide) ? [itemAId, itemBId] : [itemBId, itemAId];
-};
-export const getNonDisabledItemsInRange = (state, itemAId, itemBId) => {
-  const getNextItem = itemId => {
-    // If the item is expanded and has some children, return the first of them.
-    if (selectorIsItemExpandable(state, itemId) && selectorIsItemExpanded(state, itemId)) {
-      return selectorItemOrderedChildrenIds(state, itemId)[0];
-    }
-    let itemMeta = selectorItemMeta(state, itemId);
-    while (itemMeta != null) {
-      // Try to find the first navigable sibling after the current item.
-      const siblings = selectorItemOrderedChildrenIds(state, itemMeta.parentId);
-      const currentItemIndex = selectorItemIndex(state, itemMeta.id);
-      if (currentItemIndex < siblings.length - 1) {
-        return siblings[currentItemIndex + 1];
-      }
-
-      // If the item is the last of its siblings, go up a level to the parent and try again.
-      itemMeta = itemMeta.parentId ? selectorItemMeta(state, itemMeta.parentId) : null;
-    }
-    throw new Error('Invalid range');
-  };
-  const [first, last] = findOrderInTremauxTree(state, itemAId, itemBId);
-  const items = [first];
-  let current = first;
-  while (current !== last) {
-    current = getNextItem(current);
-    if (!selectorIsItemDisabled(state, current)) {
-      items.push(current);
-    }
-  }
-  return items;
-};
-export const getAllNavigableItems = state => {
-  let item = getFirstNavigableItem(state);
-  const navigableItems = [];
-  while (item != null) {
-    navigableItems.push(item);
-    item = getNextNavigableItem(state, item);
-  }
-  return navigableItems;
-};
-
-/**
- * Checks if the target is in a descendant of this item.
- * This can prevent from firing some logic on the ancestors on the interacted item when the event handler is on the root.
- * @param {HTMLElement} target The target to check
- * @param {HTMLElement | null} itemRoot The root of the item to check if the event target is in its descendants
- * @returns {boolean} Whether the target is in a descendant of this item
- */
-export const isTargetInDescendants = (target, itemRoot) => {
-  return itemRoot !== target.closest('*[role="treeitem"]');
-};

package/modern/internals/utils/utils.d.ts

@@ -1,2 +0,0 @@
-export declare const getActiveElement: (root?: Document | ShadowRoot) => Element | null;
-export declare function escapeOperandAttributeSelector(operand: string): string;

package/modern/internals/utils/utils.js

@@ -1,17 +0,0 @@
-// https://www.abeautifulsite.net/posts/finding-the-active-element-in-a-shadow-root/
-export const getActiveElement = (root = document) => {
-  const activeEl = root.activeElement;
-  if (!activeEl) {
-    return null;
-  }
-  if (activeEl.shadowRoot) {
-    return getActiveElement(activeEl.shadowRoot);
-  }
-  return activeEl;
-};
-
-// TODO, eventually replaces this function with CSS.escape, once available in jsdom, either added manually or built in
-// https://github.com/jsdom/jsdom/issues/1550#issuecomment-236734471
-export function escapeOperandAttributeSelector(operand) {
-  return operand.replace(/["\\]/g, '\\$&');
-}

package/modern/internals/zero-styled/index.d.ts

@@ -1,3 +0,0 @@
-import { useThemeProps } from '@mui/material/styles';
-export { styled } from '@mui/material/styles';
-export declare function createUseThemeProps(name: string): typeof useThemeProps;

package/modern/internals/zero-styled/index.js

@@ -1,7 +0,0 @@
-import { useThemeProps } from '@mui/material/styles';
-export { styled } from '@mui/material/styles';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export function createUseThemeProps(name) {
-  return useThemeProps;
-}

package/modern/models/events.d.ts

@@ -1,4 +0,0 @@
-export type TreeViewCancellableEvent = {
-  defaultMuiPrevented?: boolean;
-};
-export type TreeViewCancellableEventHandler<Event> = (event: Event & TreeViewCancellableEvent) => void;

package/modern/models/events.js

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

package/modern/models/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./items.js";
-export * from "./events.js";
-export type { PropsFromSlot } from '@mui/x-internals/slots';

package/modern/models/index.js

@@ -1,5 +0,0 @@
-export * from "./items.js";
-export * from "./events.js";
-
-// Utils shared across the X packages
-export {};

package/modern/models/items.d.ts

@@ -1,13 +0,0 @@
-export type TreeViewItemId = string;
-export type TreeViewDefaultItemModelProperties = {
-  id: string;
-  label: string;
-};
-export type TreeViewBaseItem<R extends {} = TreeViewDefaultItemModelProperties> = R & {
-  children?: TreeViewBaseItem<R>[];
-};
-export type TreeViewItemsReorderingAction = 'reorder-above' | 'reorder-below' | 'make-child' | 'move-to-parent';
-export interface TreeViewSelectionPropagation {
-  descendants?: boolean;
-  parents?: boolean;
-}

package/modern/models/items.js

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

package/modern/package.json

@@ -1 +0,0 @@
-{"type":"module","sideEffects":false}

package/modern/themeAugmentation/components.d.ts

@@ -1,21 +0,0 @@
-import { ComponentsProps, ComponentsOverrides, ComponentsVariants } from '@mui/material/styles';
-export interface TreeViewComponents<Theme = unknown> {
-  MuiSimpleTreeView?: {
-    defaultProps?: ComponentsProps['MuiSimpleTreeView'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiSimpleTreeView'];
-    variants?: ComponentsVariants<Theme>['MuiSimpleTreeView'];
-  };
-  MuiRichTreeView?: {
-    defaultProps?: ComponentsProps['MuiRichTreeView'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiRichTreeView'];
-    variants?: ComponentsVariants<Theme>['MuiRichTreeView'];
-  };
-  MuiTreeItem?: {
-    defaultProps?: ComponentsProps['MuiTreeItem'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiTreeItem'];
-    variants?: ComponentsVariants<Theme>['MuiTreeItem'];
-  };
-}
-declare module '@mui/material/styles' {
-  interface Components<Theme = unknown> extends TreeViewComponents<Theme> {}
-}

package/modern/themeAugmentation/index.d.ts

@@ -1,3 +0,0 @@
-export type * from './overrides';
-export type * from './props';
-export type * from './components';

package/modern/themeAugmentation/overrides.d.ts

@@ -1,16 +0,0 @@
-import { RichTreeViewClassKey } from "../RichTreeView/index.js";
-import { SimpleTreeViewClassKey } from "../SimpleTreeView/index.js";
-import { TreeItemClassKey } from "../TreeItem/index.js";
-
-// prettier-ignore
-export interface TreeViewComponentNameToClassKey {
-  MuiSimpleTreeView: SimpleTreeViewClassKey;
-  MuiRichTreeView: RichTreeViewClassKey;
-  MuiTreeItem: TreeItemClassKey;
-}
-declare module '@mui/material/styles' {
-  interface ComponentNameToClassKey extends TreeViewComponentNameToClassKey {}
-}
-
-// disable automatic export
-export {};