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

package/modern/RichTreeViewPro/RichTreeViewPro.js

@@ -1,351 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import composeClasses from '@mui/utils/composeClasses';
-import { useLicenseVerifier, Watermark } from '@mui/x-license';
-import useSlotProps from '@mui/utils/useSlotProps';
-import { useTreeView, TreeViewProvider, RichTreeViewItems } from '@mui/x-tree-view/internals';
-import { warnOnce } from '@mui/x-internals/warning';
-import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
-import { getRichTreeViewProUtilityClass } from "./richTreeViewProClasses.js";
-import { RICH_TREE_VIEW_PRO_PLUGINS } from "./RichTreeViewPro.plugins.js";
-import { getReleaseInfo } from "../internals/utils/releaseInfo.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useThemeProps = createUseThemeProps('MuiRichTreeViewPro');
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  return React.useMemo(() => {
-    const slots = {
-      root: ['root'],
-      item: ['item'],
-      itemContent: ['itemContent'],
-      itemGroupTransition: ['itemGroupTransition'],
-      itemIconContainer: ['itemIconContainer'],
-      itemLabel: ['itemLabel'],
-      itemLabelInput: ['itemLabelInput'],
-      itemCheckbox: ['itemCheckbox'],
-      itemDragAndDropOverlay: ['itemDragAndDropOverlay'],
-      itemErrorIcon: ['itemErrorIcon']
-    };
-    return composeClasses(slots, getRichTreeViewProUtilityClass, classes);
-  }, [classes]);
-};
-export const RichTreeViewProRoot = styled('ul', {
-  name: 'MuiRichTreeViewPro',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})({
-  padding: 0,
-  margin: 0,
-  listStyle: 'none',
-  outline: 0,
-  position: 'relative'
-});
-const releaseInfo = getReleaseInfo();
-
-/**
- *
- * Demos:
- *
- * - [Tree View](https://mui.com/x/react-tree-view/)
- *
- * API:
- *
- * - [RichTreeView API](https://mui.com/x/api/tree-view/rich-tree-view/)
- */
-const RichTreeViewPro = /*#__PURE__*/React.forwardRef(function RichTreeViewPro(inProps, ref) {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'MuiRichTreeViewPro'
-  });
-  useLicenseVerifier('x-tree-view-pro', releaseInfo);
-  if (process.env.NODE_ENV !== 'production') {
-    if (props.children != null) {
-      warnOnce(['MUI X: The `<RichTreeViewPro />` component does not support JSX children.', 'If you want to add items, you need to use the `items` prop.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/.']);
-    }
-  }
-  const {
-    getRootProps,
-    contextValue
-  } = useTreeView({
-    plugins: RICH_TREE_VIEW_PRO_PLUGINS,
-    rootRef: ref,
-    props
-  });
-  const {
-    slots,
-    slotProps
-  } = props;
-  const classes = useUtilityClasses(props);
-  const Root = slots?.root ?? RichTreeViewProRoot;
-  const rootProps = useSlotProps({
-    elementType: Root,
-    externalSlotProps: slotProps?.root,
-    className: classes.root,
-    getSlotProps: getRootProps,
-    ownerState: props
-  });
-  return /*#__PURE__*/_jsx(TreeViewProvider, {
-    contextValue: contextValue,
-    classes: classes,
-    children: /*#__PURE__*/_jsxs(Root, _extends({}, rootProps, {
-      children: [/*#__PURE__*/_jsx(RichTreeViewItems, {
-        slots: slots,
-        slotProps: slotProps
-      }), /*#__PURE__*/_jsx(Watermark, {
-        packageName: "x-tree-view-pro",
-        releaseInfo: releaseInfo
-      })]
-    }))
-  });
-});
-process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.
-   */
-  apiRef: PropTypes.shape({
-    current: PropTypes.shape({
-      focusItem: PropTypes.func.isRequired,
-      getItem: PropTypes.func.isRequired,
-      getItemDOMElement: PropTypes.func.isRequired,
-      getItemOrderedChildrenIds: PropTypes.func.isRequired,
-      getItemTree: PropTypes.func.isRequired,
-      getParentId: PropTypes.func.isRequired,
-      setIsItemDisabled: PropTypes.func.isRequired,
-      setItemExpansion: PropTypes.func.isRequired,
-      setItemSelection: PropTypes.func.isRequired,
-      updateItemLabel: PropTypes.func.isRequired
-    })
-  }),
-  /**
-   * Used to determine if a given item can move to some new position.
-   * @param {object} params The params describing the item re-ordering.
-   * @param {string} params.itemId The id of the item that is being moved to a new position.
-   * @param {TreeViewItemReorderPosition} params.oldPosition The old position of the item.
-   * @param {TreeViewItemReorderPosition} params.newPosition The new position of the item.
-   * @returns {boolean} `true` if the item can move to the new position.
-   */
-  canMoveItemToNewPosition: PropTypes.func,
-  /**
-   * If `true`, the Tree View renders a checkbox at the left of its label that allows selecting it.
-   * @default false
-   */
-  checkboxSelection: PropTypes.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  className: PropTypes.string,
-  dataSource: PropTypes.shape({
-    getChildrenCount: PropTypes.func.isRequired,
-    getTreeItems: PropTypes.func.isRequired
-  }),
-  dataSourceCache: PropTypes.shape({
-    clear: PropTypes.func.isRequired,
-    get: PropTypes.func.isRequired,
-    set: PropTypes.func.isRequired
-  }),
-  /**
-   * Expanded item ids.
-   * Used when the item's expansion is not controlled.
-   * @default []
-   */
-  defaultExpandedItems: PropTypes.arrayOf(PropTypes.string),
-  /**
-   * Selected item ids. (Uncontrolled)
-   * When `multiSelect` is true this takes an array of strings; when false (default) a string.
-   * @default []
-   */
-  defaultSelectedItems: PropTypes.any,
-  /**
-   * If `true`, will allow focus on disabled items.
-   * @default false
-   */
-  disabledItemsFocusable: PropTypes.bool,
-  /**
-   * If `true` selection is disabled.
-   * @default false
-   */
-  disableSelection: PropTypes.bool,
-  /**
-   * Expanded item ids.
-   * Used when the item's expansion is controlled.
-   */
-  expandedItems: PropTypes.arrayOf(PropTypes.string),
-  /**
-   * The slot that triggers the item's expansion when clicked.
-   * @default 'content'
-   */
-  expansionTrigger: PropTypes.oneOf(['content', 'iconContainer']),
-  /**
-   * Unstable features, breaking changes might be introduced.
-   * For each feature, if the flag is not explicitly set to `true`,
-   * the feature will be fully disabled and any property / method call will not have any effect.
-   */
-  experimentalFeatures: PropTypes.shape({
-    lazyLoading: PropTypes.bool
-  }),
-  /**
-   * Used to determine the id of a given item.
-   *
-   * @template R
-   * @param {R} item The item to check.
-   * @returns {string} The id of the item.
-   * @default (item) => item.id
-   */
-  getItemId: PropTypes.func,
-  /**
-   * Used to determine the string label for a given item.
-   *
-   * @template R
-   * @param {R} item The item to check.
-   * @returns {string} The label of the item.
-   * @default (item) => item.label
-   */
-  getItemLabel: PropTypes.func,
-  /**
-   * This prop is used to help implement the accessibility logic.
-   * If you don't provide this prop. It falls back to a randomly generated id.
-   */
-  id: PropTypes.string,
-  /**
-   * Used to determine if a given item should be disabled.
-   * @template R
-   * @param {R} item The item to check.
-   * @returns {boolean} `true` if the item should be disabled.
-   */
-  isItemDisabled: PropTypes.func,
-  /**
-   * 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: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
-  /**
-   * Determine if a given item can be reordered.
-   * @param {string} itemId The id of the item to check.
-   * @returns {boolean} `true` if the item can be reordered.
-   * @default () => true
-   */
-  isItemReorderable: PropTypes.func,
-  /**
-   * Horizontal indentation between an item and its children.
-   * Examples: 24, "24px", "2rem", "2em".
-   * @default 12px
-   */
-  itemChildrenIndentation: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  items: PropTypes.array.isRequired,
-  /**
-   * If `true`, the reordering of items is enabled.
-   * @default false
-   */
-  itemsReordering: PropTypes.bool,
-  /**
-   * If `true`, `ctrl` and `shift` will trigger multiselect.
-   * @default false
-   */
-  multiSelect: PropTypes.bool,
-  /**
-   * 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 {array} itemIds The ids of the expanded items.
-   */
-  onExpandedItemsChange: PropTypes.func,
-  /**
-   * Callback fired when the `content` slot of a given Tree Item is clicked.
-   * @param {React.MouseEvent} event The DOM event that triggered the change.
-   * @param {string} itemId The id of the focused item.
-   */
-  onItemClick: PropTypes.func,
-  /**
-   * 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 {array} itemId The itemId of the modified item.
-   * @param {array} isExpanded `true` if the item has just been expanded, `false` if it has just been collapsed.
-   */
-  onItemExpansionToggle: PropTypes.func,
-  /**
-   * 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 {string} itemId The id of the focused item.
-   */
-  onItemFocus: PropTypes.func,
-  /**
-   * 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: PropTypes.func,
-  /**
-   * Callback fired when a Tree Item is moved in the tree.
-   * @param {object} params The params describing the item re-ordering.
-   * @param {string} params.itemId The id of the item moved.
-   * @param {TreeViewItemReorderPosition} params.oldPosition The old position of the item.
-   * @param {TreeViewItemReorderPosition} params.newPosition The new position of the item.
-   */
-  onItemPositionChange: PropTypes.func,
-  /**
-   * Callback fired when a Tree Item is selected or deselected.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemSelection()` method.
-   * @param {array} itemId The itemId of the modified item.
-   * @param {array} isSelected `true` if the item has just been selected, `false` if it has just been deselected.
-   */
-  onItemSelectionToggle: PropTypes.func,
-  /**
-   * Callback fired when Tree Items are selected/deselected.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemSelection()` method.
-   * @param {string[] | string} itemIds The ids of the selected items.
-   * When `multiSelect` is `true`, this is an array of strings; when false (default) a string.
-   */
-  onSelectedItemsChange: PropTypes.func,
-  /**
-   * Selected item ids. (Controlled)
-   * When `multiSelect` is true this takes an array of strings; when false (default) a string.
-   */
-  selectedItems: PropTypes.any,
-  /**
-   * When `selectionPropagation.descendants` is set to `true`.
-   *
-   * - Selecting a parent selects all its descendants automatically.
-   * - Deselecting a parent deselects all its descendants automatically.
-   *
-   * When `selectionPropagation.parents` is set to `true`.
-   *
-   * - Selecting all the descendants of a parent selects the parent automatically.
-   * - Deselecting a descendant of a selected parent deselects the parent automatically.
-   *
-   * Only works when `multiSelect` is `true`.
-   * On the <SimpleTreeView />, only the expanded items are considered (since the collapsed item are not passed to the Tree View component at all)
-   *
-   * @default { parents: false, descendants: false }
-   */
-  selectionPropagation: PropTypes.shape({
-    descendants: PropTypes.bool,
-    parents: PropTypes.bool
-  }),
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: PropTypes.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { RichTreeViewPro };

package/modern/RichTreeViewPro/RichTreeViewPro.plugins.d.ts

@@ -1,7 +0,0 @@
-import { UseTreeViewItemsParameters, UseTreeViewExpansionParameters, UseTreeViewSelectionParameters, UseTreeViewFocusParameters, UseTreeViewIconsParameters, ConvertPluginsIntoSignatures, MergeSignaturesProperty, TreeViewCorePluginParameters, UseTreeViewLabelParameters, UseTreeViewLazyLoadingParameters } from '@mui/x-tree-view/internals';
-import { UseTreeViewItemsReorderingParameters } from "../internals/plugins/useTreeViewItemsReordering/index.js";
-export declare const RICH_TREE_VIEW_PRO_PLUGINS: readonly [import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewItemsSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewExpansionSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewSelectionSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewFocusSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewKeyboardNavigationSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewIconsSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewLabelSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewLazyLoadingSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("../internals").UseTreeViewItemsReorderingSignature>];
-export type RichTreeViewProPluginSignatures = ConvertPluginsIntoSignatures<typeof RICH_TREE_VIEW_PRO_PLUGINS>;
-export type RichTreeViewProPluginSlots = MergeSignaturesProperty<RichTreeViewProPluginSignatures, 'slots'>;
-export type RichTreeViewProPluginSlotProps = MergeSignaturesProperty<RichTreeViewProPluginSignatures, 'slotProps'>;
-export interface RichTreeViewProPluginParameters<R extends {}, Multiple extends boolean | undefined> extends TreeViewCorePluginParameters, UseTreeViewItemsParameters<R>, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple>, UseTreeViewIconsParameters, UseTreeViewLabelParameters<R>, UseTreeViewLazyLoadingParameters<R>, UseTreeViewItemsReorderingParameters {}

package/modern/RichTreeViewPro/RichTreeViewPro.plugins.js

@@ -1,6 +0,0 @@
-import { useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons, useTreeViewLabel } from '@mui/x-tree-view/internals';
-import { useTreeViewItemsReordering } from "../internals/plugins/useTreeViewItemsReordering/index.js";
-import { useTreeViewLazyLoading } from "../internals/plugins/useTreeViewLazyLoading/index.js";
-export const RICH_TREE_VIEW_PRO_PLUGINS = [useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons, useTreeViewLabel, useTreeViewLazyLoading, useTreeViewItemsReordering];
-
-// We can't infer this type from the plugin, otherwise we would lose the generics.

package/modern/RichTreeViewPro/RichTreeViewPro.types.d.ts

@@ -1,51 +0,0 @@
-import * as React from 'react';
-import { Theme } from '@mui/material/styles';
-import { SxProps } from '@mui/system/styleFunctionSx';
-import { SlotComponentProps } from '@mui/utils/types';
-import { TreeViewPublicAPI, TreeViewExperimentalFeatures, RichTreeViewItemsSlots, RichTreeViewItemsSlotProps } from '@mui/x-tree-view/internals';
-import { RichTreeViewProClasses } from "./richTreeViewProClasses.js";
-import { RichTreeViewProPluginParameters, RichTreeViewProPluginSlotProps, RichTreeViewProPluginSlots, RichTreeViewProPluginSignatures } from "./RichTreeViewPro.plugins.js";
-export interface RichTreeViewProSlots extends RichTreeViewProPluginSlots, RichTreeViewItemsSlots {
-  /**
-   * Element rendered at the root.
-   * @default RichTreeViewProRoot
-   */
-  root?: React.ElementType;
-}
-export interface RichTreeViewProSlotProps<R extends {}, Multiple extends boolean | undefined> extends RichTreeViewProPluginSlotProps, RichTreeViewItemsSlotProps {
-  root?: SlotComponentProps<'ul', {}, RichTreeViewProProps<R, Multiple>>;
-}
-export type RichTreeViewProApiRef = React.RefObject<TreeViewPublicAPI<RichTreeViewProPluginSignatures> | undefined>;
-export interface RichTreeViewProPropsBase extends React.HTMLAttributes<HTMLUListElement> {
-  className?: string;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<RichTreeViewProClasses>;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-}
-export interface RichTreeViewProProps<R extends {}, Multiple extends boolean | undefined> extends RichTreeViewProPluginParameters<R, Multiple>, RichTreeViewProPropsBase {
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: RichTreeViewProSlots;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: RichTreeViewProSlotProps<R, Multiple>;
-  /**
-   * The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.
-   */
-  apiRef?: RichTreeViewProApiRef;
-  /**
-   * Unstable features, breaking changes might be introduced.
-   * For each feature, if the flag is not explicitly set to `true`,
-   * the feature will be fully disabled and any property / method call will not have any effect.
-   */
-  experimentalFeatures?: TreeViewExperimentalFeatures<RichTreeViewProPluginSignatures>;
-}

package/modern/RichTreeViewPro/RichTreeViewPro.types.js

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

package/modern/RichTreeViewPro/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./RichTreeViewPro.js";
-export * from "./richTreeViewProClasses.js";
-export type { RichTreeViewProProps, RichTreeViewProPropsBase, RichTreeViewProSlots, RichTreeViewProSlotProps } from './RichTreeViewPro.types';

package/modern/RichTreeViewPro/index.js

@@ -1,3 +0,0 @@
-export * from "./RichTreeViewPro.js";
-export * from "./richTreeViewProClasses.js";
-export {};

package/modern/RichTreeViewPro/richTreeViewProClasses.d.ts

@@ -1,5 +0,0 @@
-import { TreeViewClasses } from '@mui/x-tree-view/internals';
-export interface RichTreeViewProClasses extends TreeViewClasses {}
-export type RichTreeViewProClassKey = keyof RichTreeViewProClasses;
-export declare function getRichTreeViewProUtilityClass(slot: string): string;
-export declare const richTreeViewProClasses: RichTreeViewProClasses;

package/modern/RichTreeViewPro/richTreeViewProClasses.js

@@ -1,6 +0,0 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getRichTreeViewProUtilityClass(slot) {
-  return generateUtilityClass('MuiRichTreeViewPro', slot);
-}
-export const richTreeViewProClasses = generateUtilityClasses('MuiRichTreeViewPro', ['root', 'item', 'itemContent', 'itemGroupTransition', 'itemIconContainer', 'itemLabel', 'itemCheckbox', 'itemLabelInput', 'itemDragAndDropOverlay', 'itemErrorIcon', 'itemLoadingIcon']);

package/modern/index.d.ts

@@ -1,12 +0,0 @@
-export * from '@mui/x-tree-view/SimpleTreeView';
-export * from "./RichTreeViewPro/index.js";
-export * from '@mui/x-tree-view/TreeItem';
-export * from '@mui/x-tree-view/useTreeItem';
-export * from '@mui/x-tree-view/TreeItemIcon';
-export * from '@mui/x-tree-view/TreeItemProvider';
-export * from '@mui/x-tree-view/TreeItemDragAndDropOverlay';
-export * from '@mui/x-tree-view/TreeItemLabelInput';
-export { unstable_resetCleanupTracking } from '@mui/x-tree-view/internals';
-export * from '@mui/x-tree-view/models';
-export * from '@mui/x-tree-view/icons';
-export * from '@mui/x-tree-view/hooks';

package/modern/index.js

@@ -1,22 +0,0 @@
-/**
- * @mui/x-tree-view-pro v8.0.0-beta.2
- *
- * @license MUI X Commercial
- * This source code is licensed under the commercial license found in the
- * LICENSE file in the root directory of this source tree.
- */
-// Tree View
-export * from '@mui/x-tree-view/SimpleTreeView';
-export * from "./RichTreeViewPro/index.js";
-
-// Tree Item
-export * from '@mui/x-tree-view/TreeItem';
-export * from '@mui/x-tree-view/useTreeItem';
-export * from '@mui/x-tree-view/TreeItemIcon';
-export * from '@mui/x-tree-view/TreeItemProvider';
-export * from '@mui/x-tree-view/TreeItemDragAndDropOverlay';
-export * from '@mui/x-tree-view/TreeItemLabelInput';
-export { unstable_resetCleanupTracking } from '@mui/x-tree-view/internals';
-export * from '@mui/x-tree-view/models';
-export * from '@mui/x-tree-view/icons';
-export * from '@mui/x-tree-view/hooks';

package/modern/internals/index.d.ts

@@ -1 +0,0 @@
-export { UseTreeViewItemsReorderingSignature } from "./plugins/useTreeViewItemsReordering/index.js";

package/modern/internals/index.js

@@ -1 +0,0 @@
-export { UseTreeViewItemsReorderingSignature } from "./plugins/useTreeViewItemsReordering/index.js";

package/modern/internals/plugins/useTreeViewItemsReordering/index.d.ts

@@ -1,2 +0,0 @@
-export { useTreeViewItemsReordering } from "./useTreeViewItemsReordering.js";
-export type { UseTreeViewItemsReorderingSignature, UseTreeViewItemsReorderingParameters, UseTreeViewItemsReorderingDefaultizedParameters, TreeViewItemReorderPosition } from './useTreeViewItemsReordering.types';

package/modern/internals/plugins/useTreeViewItemsReordering/index.js

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

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

@@ -1,3 +0,0 @@
-import { TreeViewPlugin } from '@mui/x-tree-view/internals';
-import { UseTreeViewItemsReorderingSignature } from "./useTreeViewItemsReordering.types.js";
-export declare const useTreeViewItemsReordering: TreeViewPlugin<UseTreeViewItemsReorderingSignature>;

package/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.d.ts

@@ -1,3 +0,0 @@
-import { TreeViewItemPlugin } from '@mui/x-tree-view/internals';
-export declare const isAndroid: () => boolean;
-export declare const useTreeViewItemsReorderingItemPlugin: TreeViewItemPlugin;

package/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.js

@@ -1,126 +0,0 @@
-import * as React from 'react';
-import { useTreeViewContext, isTargetInDescendants, useSelector } from '@mui/x-tree-view/internals';
-import { selectorCanItemBeReordered, selectorDraggedItemProperties, selectorIsItemValidReorderingTarget } from "./useTreeViewItemsReordering.selectors.js";
-export const isAndroid = () => navigator.userAgent.toLowerCase().includes('android');
-export const useTreeViewItemsReorderingItemPlugin = ({
-  props
-}) => {
-  const {
-    instance,
-    store
-  } = useTreeViewContext();
-  const {
-    itemId
-  } = props;
-  const validActionsRef = React.useRef(null);
-  const draggedItemProperties = useSelector(store, selectorDraggedItemProperties, itemId);
-  const canItemBeReordered = useSelector(store, selectorCanItemBeReordered);
-  const isValidTarget = useSelector(store, selectorIsItemValidReorderingTarget, itemId);
-  return {
-    propsEnhancers: {
-      root: ({
-        rootRefObject,
-        contentRefObject,
-        externalEventHandlers
-      }) => {
-        if (!canItemBeReordered) {
-          return {};
-        }
-        const handleDragStart = event => {
-          externalEventHandlers.onDragStart?.(event);
-          if (event.defaultMuiPrevented || event.defaultPrevented) {
-            return;
-          }
-
-          // We don't use `event.currentTarget` here.
-          // This is to allow people to pass `onDragStart` to another element than the root.
-          if (isTargetInDescendants(event.target, rootRefObject.current)) {
-            return;
-          }
-
-          // Comment to show the children in the drag preview
-          // TODO: Improve the customization of the drag preview
-          event.dataTransfer.effectAllowed = 'move';
-          event.dataTransfer.setDragImage(contentRefObject.current, 0, 0);
-          const {
-            types
-          } = event.dataTransfer;
-          if (isAndroid() && !types.includes('text/plain') && !types.includes('text/uri-list')) {
-            event.dataTransfer.setData('text/plain', 'android-fallback');
-          }
-
-          // iOS requires a media type to be defined
-          event.dataTransfer.setData('application/mui-x', '');
-          instance.startDraggingItem(itemId);
-        };
-        const handleRootDragOver = event => {
-          externalEventHandlers.onDragOver?.(event);
-          if (event.defaultMuiPrevented) {
-            return;
-          }
-          event.preventDefault();
-        };
-        const handleRootDragEnd = event => {
-          externalEventHandlers.onDragEnd?.(event);
-          if (event.defaultMuiPrevented) {
-            return;
-          }
-          instance.stopDraggingItem(itemId);
-        };
-        return {
-          draggable: true,
-          onDragStart: handleDragStart,
-          onDragOver: handleRootDragOver,
-          onDragEnd: handleRootDragEnd
-        };
-      },
-      content: ({
-        externalEventHandlers,
-        contentRefObject
-      }) => {
-        if (!isValidTarget) {
-          return {};
-        }
-        const handleDragOver = event => {
-          externalEventHandlers.onDragOver?.(event);
-          if (event.defaultMuiPrevented || validActionsRef.current == null) {
-            return;
-          }
-          const rect = event.target.getBoundingClientRect();
-          const y = event.clientY - rect.top;
-          const x = event.clientX - rect.left;
-          instance.setDragTargetItem({
-            itemId,
-            validActions: validActionsRef.current,
-            targetHeight: rect.height,
-            cursorY: y,
-            cursorX: x,
-            contentElement: contentRefObject.current
-          });
-        };
-        const handleDragEnter = event => {
-          externalEventHandlers.onDragEnter?.(event);
-          if (event.defaultMuiPrevented) {
-            return;
-          }
-          validActionsRef.current = instance.getDroppingTargetValidActions(itemId);
-        };
-        return {
-          onDragEnter: handleDragEnter,
-          onDragOver: handleDragOver
-        };
-      },
-      dragAndDropOverlay: () => {
-        if (!draggedItemProperties) {
-          return {};
-        }
-        return {
-          action: draggedItemProperties.action,
-          style: {
-            '--TreeView-targetDepth': draggedItemProperties.targetDepth
-          }
-        };
-      }
-    }
-  };
-};