@mui/x-tree-view-pro 7.12.0 → 7.13.0

package/build/package.json

@@ -1,59 +0,0 @@
-{
-  "name": "@mui/x-tree-view-pro",
-  "version": "7.12.0",
-  "description": "The Pro plan edition of the Tree View components (MUI X).",
-  "author": "MUI Team",
-  "main": "./node/index.js",
-  "license": "SEE LICENSE IN LICENSE",
-  "bugs": {
-    "url": "https://github.com/mui/mui-x/issues"
-  },
-  "homepage": "https://mui.com/x/react-tree-view/",
-  "funding": {
-    "type": "opencollective",
-    "url": "https://opencollective.com/mui-org"
-  },
-  "sideEffects": false,
-  "publishConfig": {
-    "access": "public"
-  },
-  "keywords": [
-    "react",
-    "react-component",
-    "mui",
-    "mui-x",
-    "material-ui",
-    "material design",
-    "treeview"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/mui/mui-x.git",
-    "directory": "packages/x-tree-view-pro"
-  },
-  "dependencies": {
-    "@babel/runtime": "^7.25.0",
-    "@mui/system": "^5.16.5",
-    "@mui/utils": "^5.16.5",
-    "@mui/x-internals": "workspace:*",
-    "@mui/x-license": "workspace:*",
-    "@mui/x-tree-view": "workspace:*",
-    "@types/react-transition-group": "^4.4.10",
-    "clsx": "^2.1.1",
-    "prop-types": "^15.8.1",
-    "react-transition-group": "^4.4.5"
-  },
-  "peerDependencies": {
-    "@emotion/react": "^11.9.0",
-    "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.14",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
-  },
-  "engines": {
-    "node": ">=14.0.0"
-  },
-  "private": false,
-  "module": "./index.js",
-  "types": "./index.d.ts"
-}

package/src/RichTreeViewPro/RichTreeViewPro.plugins.ts

@@ -1,54 +0,0 @@
-import {
-  useTreeViewItems,
-  UseTreeViewItemsParameters,
-  useTreeViewExpansion,
-  UseTreeViewExpansionParameters,
-  useTreeViewSelection,
-  UseTreeViewSelectionParameters,
-  useTreeViewFocus,
-  UseTreeViewFocusParameters,
-  useTreeViewKeyboardNavigation,
-  useTreeViewIcons,
-  UseTreeViewIconsParameters,
-  ConvertPluginsIntoSignatures,
-  MergeSignaturesProperty,
-  TreeViewCorePluginParameters,
-} from '@mui/x-tree-view/internals';
-import {
-  useTreeViewItemsReordering,
-  UseTreeViewItemsReorderingParameters,
-} from '../internals/plugins/useTreeViewItemsReordering';
-
-export const RICH_TREE_VIEW_PRO_PLUGINS = [
-  useTreeViewItems,
-  useTreeViewExpansion,
-  useTreeViewSelection,
-  useTreeViewFocus,
-  useTreeViewKeyboardNavigation,
-  useTreeViewIcons,
-  useTreeViewItemsReordering,
-] as const;
-
-export type RichTreeViewProPluginSignatures = ConvertPluginsIntoSignatures<
-  typeof RICH_TREE_VIEW_PRO_PLUGINS
->;
-
-export type RichTreeViewProPluginSlots = MergeSignaturesProperty<
-  RichTreeViewProPluginSignatures,
-  'slots'
->;
-
-export type RichTreeViewProPluginSlotProps = MergeSignaturesProperty<
-  RichTreeViewProPluginSignatures,
-  'slotProps'
->;
-
-// We can't infer this type from the plugin, otherwise we would lose the generics.
-export interface RichTreeViewProPluginParameters<R extends {}, Multiple extends boolean | undefined>
-  extends TreeViewCorePluginParameters,
-    UseTreeViewItemsParameters<R>,
-    UseTreeViewExpansionParameters,
-    UseTreeViewFocusParameters,
-    UseTreeViewSelectionParameters<Multiple>,
-    UseTreeViewIconsParameters,
-    UseTreeViewItemsReorderingParameters {}

package/src/RichTreeViewPro/RichTreeViewPro.test.tsx

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { createRenderer } from '@mui/internal-test-utils';
-import {
-  RichTreeViewPro,
-  richTreeViewProClasses as classes,
-} from '@mui/x-tree-view-pro/RichTreeViewPro';
-import { describeConformance } from 'test/utils/describeConformance';
-
-describe('<RichTreeViewPro />', () => {
-  const { render } = createRenderer();
-
-  describeConformance(<RichTreeViewPro items={[]} />, () => ({
-    classes,
-    inheritComponent: 'ul',
-    render,
-    refInstanceof: window.HTMLUListElement,
-    muiName: 'MuiRichTreeViewPro',
-    skip: ['componentProp', 'componentsProp', 'themeVariants'],
-  }));
-});

package/src/RichTreeViewPro/RichTreeViewPro.tsx

@@ -1,383 +0,0 @@
-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 { TreeItem, TreeItemProps } from '@mui/x-tree-view/TreeItem';
-import { useTreeView, TreeViewProvider, warnOnce } from '@mui/x-tree-view/internals';
-import { styled, createUseThemeProps } from '../internals/zero-styled';
-import { getRichTreeViewProUtilityClass } from './richTreeViewProClasses';
-import { RichTreeViewProProps } from './RichTreeViewPro.types';
-import {
-  RICH_TREE_VIEW_PRO_PLUGINS,
-  RichTreeViewProPluginSignatures,
-} from './RichTreeViewPro.plugins';
-import { getReleaseInfo } from '../internals/utils/releaseInfo';
-
-const useThemeProps = createUseThemeProps('MuiRichTreeViewPro');
-
-const useUtilityClasses = <R extends {}, Multiple extends boolean | undefined>(
-  ownerState: RichTreeViewProProps<R, Multiple>,
-) => {
-  const { classes } = ownerState;
-
-  const slots = {
-    root: ['root'],
-  };
-
-  return composeClasses(slots, getRichTreeViewProUtilityClass, classes);
-};
-
-export const RichTreeViewProRoot = styled('ul', {
-  name: 'MuiRichTreeViewPro',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root,
-})<{ ownerState: RichTreeViewProProps<any, any> }>({
-  padding: 0,
-  margin: 0,
-  listStyle: 'none',
-  outline: 0,
-  position: 'relative',
-});
-
-type RichTreeViewProComponent = (<R extends {}, Multiple extends boolean | undefined = undefined>(
-  props: RichTreeViewProProps<R, Multiple> & React.RefAttributes<HTMLUListElement>,
-) => React.JSX.Element) & { propTypes?: any };
-
-function WrappedTreeItem<R extends {}>({
-  slots,
-  slotProps,
-  label,
-  id,
-  itemId,
-  children,
-}: Pick<RichTreeViewProProps<R, any>, 'slots' | 'slotProps'> &
-  Pick<TreeItemProps, 'id' | 'itemId' | 'children'> & { label: string }) {
-  const Item = slots?.item ?? TreeItem;
-  const itemProps = useSlotProps({
-    elementType: Item,
-    externalSlotProps: slotProps?.item,
-    additionalProps: { itemId, id, label },
-    ownerState: { itemId, label },
-  });
-
-  return <Item {...itemProps}>{children}</Item>;
-}
-
-WrappedTreeItem.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * The id of the item.
-   */
-  itemId: PropTypes.string.isRequired,
-  label: PropTypes.string.isRequired,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: PropTypes.object,
-} as any;
-
-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 = React.forwardRef(function RichTreeViewPro<
-  R extends {},
-  Multiple extends boolean | undefined = undefined,
->(inProps: RichTreeViewProProps<R, Multiple>, ref: React.Ref<HTMLUListElement>) {
-  const props = useThemeProps({ props: inProps, name: 'MuiRichTreeViewPro' });
-
-  useLicenseVerifier('x-tree-view-pro', releaseInfo);
-
-  if (process.env.NODE_ENV !== 'production') {
-    if ((props as any).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, instance } = useTreeView<
-    RichTreeViewProPluginSignatures,
-    typeof props
-  >({
-    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 as RichTreeViewProProps<any, any>,
-  });
-
-  const itemsToRender = instance.getItemsToRender();
-
-  const renderItem = ({
-    label,
-    itemId,
-    id,
-    children,
-  }: ReturnType<typeof instance.getItemsToRender>[number]) => {
-    return (
-      <WrappedTreeItem
-        slots={slots}
-        slotProps={slotProps}
-        key={itemId}
-        label={label}
-        id={id}
-        itemId={itemId}
-      >
-        {children?.map(renderItem)}
-      </WrappedTreeItem>
-    );
-  };
-
-  return (
-    <TreeViewProvider value={contextValue}>
-      <Root {...rootProps}>
-        {itemsToRender.map(renderItem)}
-        <Watermark packageName="x-tree-view-pro" releaseInfo={releaseInfo} />
-      </Root>
-    </TreeViewProvider>
-  );
-}) as RichTreeViewProComponent;
-
-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,
-      selectItem: PropTypes.func.isRequired,
-      setItemExpansion: 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 to check.
-   * @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,
-  /**
-   * 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({
-    indentationAtItemLevel: PropTypes.bool,
-    itemsReordering: 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,
-  /**
-   * Used to 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.
-   * Make sure to also enable the `itemsReordering` experimental feature:
-   * `<RichTreeViewPro experimentalFeatures={{ itemsReordering: true }} itemsReordering />`.
-   * @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.
-   * @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} event The DOM event that triggered the change.
-   * @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 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.
-   * @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.
-   * @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,
-  /**
-   * 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,
-  ]),
-} as any;
-
-export { RichTreeViewPro };

package/src/RichTreeViewPro/RichTreeViewPro.types.ts

@@ -1,80 +0,0 @@
-import * as React from 'react';
-import { Theme } from '@mui/material/styles';
-import { SxProps } from '@mui/system';
-import { SlotComponentProps } from '@mui/utils';
-import { TreeItem, TreeItemProps } from '@mui/x-tree-view/TreeItem';
-import { TreeItem2Props } from '@mui/x-tree-view/TreeItem2';
-import { TreeViewItemId } from '@mui/x-tree-view/models';
-import { TreeViewPublicAPI, TreeViewExperimentalFeatures } from '@mui/x-tree-view/internals';
-import { RichTreeViewProClasses } from './richTreeViewProClasses';
-import {
-  RichTreeViewProPluginParameters,
-  RichTreeViewProPluginSlotProps,
-  RichTreeViewProPluginSlots,
-  RichTreeViewProPluginSignatures,
-} from './RichTreeViewPro.plugins';
-
-interface RichTreeViewItemProSlotOwnerState {
-  itemId: TreeViewItemId;
-  label: string;
-}
-
-export interface RichTreeViewProSlots extends RichTreeViewProPluginSlots {
-  /**
-   * Element rendered at the root.
-   * @default RichTreeViewProRoot
-   */
-  root?: React.ElementType;
-  /**
-   * Custom component for the item.
-   * @default TreeItem.
-   */
-  item?: React.JSXElementConstructor<TreeItemProps> | React.JSXElementConstructor<TreeItem2Props>;
-}
-
-export interface RichTreeViewProSlotProps<R extends {}, Multiple extends boolean | undefined>
-  extends RichTreeViewProPluginSlotProps {
-  root?: SlotComponentProps<'ul', {}, RichTreeViewProProps<R, Multiple>>;
-  item?: SlotComponentProps<typeof TreeItem, {}, RichTreeViewItemProSlotOwnerState>;
-}
-
-export type RichTreeViewProApiRef = React.MutableRefObject<
-  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/src/RichTreeViewPro/index.ts

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

package/src/RichTreeViewPro/richTreeViewProClasses.ts

@@ -1,18 +0,0 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-
-export interface RichTreeViewProClasses {
-  /** Styles applied to the root element. */
-  root: string;
-}
-
-export type RichTreeViewProClassKey = keyof RichTreeViewProClasses;
-
-export function getRichTreeViewProUtilityClass(slot: string): string {
-  return generateUtilityClass('MuiRichTreeViewPro', slot);
-}
-
-export const richTreeViewProClasses: RichTreeViewProClasses = generateUtilityClasses(
-  'MuiRichTreeViewPro',
-  ['root'],
-);

package/src/index.ts

@@ -1,17 +0,0 @@
-// Tree View
-export * from '@mui/x-tree-view/TreeView';
-export * from '@mui/x-tree-view/SimpleTreeView';
-export * from './RichTreeViewPro';
-
-// Tree Item
-export * from '@mui/x-tree-view/TreeItem';
-export * from '@mui/x-tree-view/TreeItem2';
-export * from '@mui/x-tree-view/useTreeItem2';
-export * from '@mui/x-tree-view/TreeItem2Icon';
-export * from '@mui/x-tree-view/TreeItem2Provider';
-
-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/src/internals/index.ts

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

package/src/internals/plugins/useTreeViewItemsReordering/index.ts

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