@mui/x-tree-view-pro 8.0.0-alpha.11 → 8.0.0-alpha.13

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

@@ -0,0 +1,132 @@
+import * as React from 'react';
+import { DefaultizedProps } from '@mui/x-internals/types';
+import { TreeViewPluginSignature, UseTreeViewItemsSignature } from '@mui/x-tree-view/internals';
+import { TreeViewItemId, TreeViewItemsReorderingAction, TreeViewCancellableEventHandler } from '@mui/x-tree-view/models';
+import { TreeItemDragAndDropOverlayProps } from '@mui/x-tree-view/TreeItemDragAndDropOverlay';
+export interface UseTreeViewItemsReorderingInstance {
+  /**
+   * Check if a given item can be dragged.
+   * @param {TreeViewItemId} itemId The id of the item to check.
+   * @returns {boolean} `true` if the item can be dragged, `false` otherwise.
+   */
+  canItemBeDragged: (itemId: TreeViewItemId) => boolean;
+  /**
+   * Get the valid reordering action if a given item is the target of the ongoing reordering.
+   * @param {TreeViewItemId} itemId The id of the item to get the action of.
+   * @returns {TreeViewItemItemReorderingValidActions} The valid actions for the item.
+   */
+  getDroppingTargetValidActions: (itemId: TreeViewItemId) => TreeViewItemItemReorderingValidActions;
+  /**
+   * Start a reordering for the given item.
+   * @param {TreeViewItemId} itemId The id of the item to start the reordering for.
+   */
+  startDraggingItem: (itemId: TreeViewItemId) => void;
+  /**
+   * Stop the reordering of a given item.
+   * @param {TreeViewItemId} itemId The id of the item to stop the reordering for.
+   */
+  stopDraggingItem: (itemId: TreeViewItemId) => void;
+  /**
+   * Set the new target item for the ongoing reordering.
+   * The action will be determined based on the position of the cursor inside the target and the valid actions for this target.
+   * @param {object} params The params describing the new target item.
+   * @param {TreeViewItemId} params.itemId The id of the new target item.
+   * @param {TreeViewItemItemReorderingValidActions} params.validActions The valid actions for the new target item.
+   * @param {number} params.targetHeight The height of the target item.
+   * @param {number} params.cursorY The Y coordinate of the mouse cursor.
+   * @param {number} params.cursorX The X coordinate of the mouse cursor.
+   * @param {HTMLDivElement} params.contentElement The DOM element rendered for the content slot.
+   */
+  setDragTargetItem: (params: {
+    itemId: TreeViewItemId;
+    validActions: TreeViewItemItemReorderingValidActions;
+    targetHeight: number;
+    cursorY: number;
+    cursorX: number;
+    contentElement: HTMLDivElement;
+  }) => void;
+}
+export interface TreeViewItemReorderPosition {
+  parentId: string | null;
+  index: number;
+}
+export type TreeViewItemItemReorderingValidActions = { [key in TreeViewItemsReorderingAction]?: TreeViewItemReorderPosition };
+export interface UseTreeViewItemsReorderingParameters {
+  /**
+   * If `true`, the reordering of items is enabled.
+   * @default false
+   */
+  itemsReordering?: boolean;
+  /**
+   * 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?: (itemId: string) => boolean;
+  /**
+   * 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?: (params: {
+    itemId: string;
+    oldPosition: TreeViewItemReorderPosition;
+    newPosition: TreeViewItemReorderPosition;
+  }) => boolean;
+  /**
+   * 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?: (params: {
+    itemId: string;
+    oldPosition: TreeViewItemReorderPosition;
+    newPosition: TreeViewItemReorderPosition;
+  }) => void;
+}
+export type UseTreeViewItemsReorderingDefaultizedParameters = DefaultizedProps<UseTreeViewItemsReorderingParameters, 'itemsReordering'>;
+export interface UseTreeViewItemsReorderingState {
+  itemsReordering: {
+    draggedItemId: string;
+    targetItemId: string;
+    newPosition: TreeViewItemReorderPosition | null;
+    action: TreeViewItemsReorderingAction | null;
+  } | null;
+}
+interface UseTreeViewItemsReorderingContextValue {
+  itemsReordering: {
+    enabled: boolean;
+    isItemReorderable: ((itemId: string) => boolean) | undefined;
+  };
+}
+export type UseTreeViewItemsReorderingSignature = TreeViewPluginSignature<{
+  params: UseTreeViewItemsReorderingParameters;
+  defaultizedParams: UseTreeViewItemsReorderingDefaultizedParameters;
+  instance: UseTreeViewItemsReorderingInstance;
+  state: UseTreeViewItemsReorderingState;
+  contextValue: UseTreeViewItemsReorderingContextValue;
+  dependencies: [UseTreeViewItemsSignature];
+}>;
+export interface UseTreeItemRootSlotPropsFromItemsReordering {
+  draggable?: true;
+  onDragStart?: TreeViewCancellableEventHandler<React.DragEvent>;
+  onDragOver?: TreeViewCancellableEventHandler<React.DragEvent>;
+  onDragEnd?: TreeViewCancellableEventHandler<React.DragEvent>;
+}
+export interface UseTreeItemContentSlotPropsFromItemsReordering {
+  onDragEnter?: TreeViewCancellableEventHandler<React.DragEvent>;
+  onDragOver?: TreeViewCancellableEventHandler<React.DragEvent>;
+}
+export interface UseTreeItemDragAndDropOverlaySlotPropsFromItemsReordering extends TreeItemDragAndDropOverlayProps {}
+declare module '@mui/x-tree-view/useTreeItem' {
+  interface UseTreeItemRootSlotOwnProps extends UseTreeItemRootSlotPropsFromItemsReordering {}
+  interface UseTreeItemContentSlotOwnProps extends UseTreeItemContentSlotPropsFromItemsReordering {}
+  interface UseTreeItemDragAndDropOverlaySlotOwnProps extends UseTreeItemDragAndDropOverlaySlotPropsFromItemsReordering {}
+}
+export {};

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

@@ -0,0 +1,37 @@
+import { TreeViewUsedStore, UseTreeViewItemsState } from '@mui/x-tree-view/internals';
+import { TreeViewItemId, TreeViewItemsReorderingAction } from '@mui/x-tree-view/models';
+import { TreeViewItemItemReorderingValidActions, TreeViewItemReorderPosition, UseTreeViewItemsReorderingSignature } from "./useTreeViewItemsReordering.types.js";
+/**
+ * Checks if the item with the id itemIdB is an ancestor of the item with the id itemIdA.
+ */
+export declare const isAncestor: (store: TreeViewUsedStore<UseTreeViewItemsReorderingSignature>, itemIdA: string, itemIdB: string) => boolean;
+interface GetNewPositionParams {
+  itemChildrenIndentation: string | number;
+  validActions: TreeViewItemItemReorderingValidActions;
+  targetHeight: number;
+  targetDepth: number;
+  cursorY: number;
+  cursorX: number;
+  contentElement: HTMLDivElement;
+}
+export declare const chooseActionToApply: ({
+  itemChildrenIndentation,
+  validActions,
+  targetHeight,
+  targetDepth,
+  cursorX,
+  cursorY,
+  contentElement
+}: GetNewPositionParams) => TreeViewItemsReorderingAction | null;
+export declare const moveItemInTree: <R extends {}>({
+  itemToMoveId,
+  oldPosition,
+  newPosition,
+  prevState
+}: {
+  itemToMoveId: TreeViewItemId;
+  oldPosition: TreeViewItemReorderPosition;
+  newPosition: TreeViewItemReorderPosition;
+  prevState: UseTreeViewItemsState<R>["items"];
+}) => UseTreeViewItemsState<R>["items"];
+export {};

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

@@ -0,0 +1 @@
+export declare const getReleaseInfo: () => any;

package/modern/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import ponyfillGlobal from '@mui/utils/ponyfillGlobal';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTczODg4MjgwMDAwMA==";
+  const releaseInfo = "MTc0MDY5NzIwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

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

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

package/modern/package.json

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

package/modern/themeAugmentation/components.d.ts

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

package/modern/themeAugmentation/index.d.ts

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

package/modern/themeAugmentation/overrides.d.ts

@@ -0,0 +1,12 @@
+import { RichTreeViewProClassKey } from "../RichTreeViewPro/index.js";
+
+// prettier-ignore
+export interface TreeViewComponentNameToClassKey {
+  MuiRichTreeViewPro: RichTreeViewProClassKey;
+}
+declare module '@mui/material/styles' {
+  interface ComponentNameToClassKey extends TreeViewComponentNameToClassKey {}
+}
+
+// disable automatic export
+export {};

package/modern/themeAugmentation/props.d.ts

@@ -0,0 +1,10 @@
+import { RichTreeViewProProps } from "../RichTreeViewPro/index.js";
+export interface TreeViewComponentsPropsList {
+  MuiRichTreeViewPro: RichTreeViewProProps<any, any>;
+}
+declare module '@mui/material/styles' {
+  interface ComponentsPropsList extends TreeViewComponentsPropsList {}
+}
+
+// disable automatic export
+export {};

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@mui/x-tree-view-pro",
-  "version": "8.0.0-alpha.11",
+  "version": "8.0.0-alpha.13",
   "description": "The Pro plan edition of the Tree View components (MUI X).",
   "author": "MUI Team",
-  "main": "./node/index.js",
+  "main": "./index.js",
   "license": "SEE LICENSE IN LICENSE",
   "bugs": {
     "url": "https://github.com/mui/mui-x/issues"
@@ -33,23 +33,23 @@
     "directory": "packages/x-tree-view-pro"
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.7",
-    "@mui/utils": "^5.16.6 || ^6.0.0",
+    "@babel/runtime": "^7.26.9",
+    "@mui/utils": "^5.16.6 || ^6.0.0 || ^7.0.0-alpha",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
     "reselect": "^5.1.1",
     "use-sync-external-store": "^1.4.0",
-    "@mui/x-internals": "8.0.0-alpha.11",
-    "@mui/x-license": "8.0.0-alpha.11",
-    "@mui/x-tree-view": "8.0.0-alpha.11"
+    "@mui/x-internals": "8.0.0-alpha.13",
+    "@mui/x-tree-view": "8.0.0-alpha.13",
+    "@mui/x-license": "8.0.0-alpha.13"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.15.14 || ^6.0.0",
-    "@mui/system": "^5.15.14 || ^6.0.0",
+    "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0-alpha",
+    "@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0-alpha",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
@@ -65,6 +65,36 @@
     "node": ">=14.0.0"
   },
   "private": false,
-  "module": "./index.js",
+  "module": "./esm/index.js",
+  "exports": {
+    ".": {
+      "require": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      },
+      "import": {
+        "types": "./esm/index.d.ts",
+        "default": "./esm/index.js"
+      },
+      "mui-modern": {
+        "types": "./modern/index.d.ts",
+        "default": "./modern/index.js"
+      }
+    },
+    "./*": {
+      "require": {
+        "types": "./*/index.d.ts",
+        "default": "./*/index.js"
+      },
+      "import": {
+        "types": "./esm/*/index.d.ts",
+        "default": "./esm/*/index.js"
+      },
+      "mui-modern": {
+        "types": "./modern/*/index.d.ts",
+        "default": "./modern/*/index.js"
+      }
+    }
+  },
   "types": "./index.d.ts"
 }

package/themeAugmentation/components.d.ts

@@ -1,5 +1,4 @@
 import { ComponentsProps, ComponentsOverrides, ComponentsVariants } from '@mui/material/styles';
-
 export interface TreeViewComponents<Theme = unknown> {
   MuiRichTreeViewPro?: {
     defaultProps?: ComponentsProps['MuiRichTreeViewPro'];
@@ -7,7 +6,6 @@ export interface TreeViewComponents<Theme = unknown> {
     variants?: ComponentsVariants<Theme>['MuiRichTreeViewPro'];
   };
 }
-
 declare module '@mui/material/styles' {
   interface Components<Theme = unknown> extends TreeViewComponents<Theme> {}
-}
+}

package/themeAugmentation/index.d.ts

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

package/themeAugmentation/index.js

@@ -0,0 +1 @@
+"use strict";

package/themeAugmentation/overrides.d.ts

@@ -1,13 +1,12 @@
-import { RichTreeViewProClassKey } from '../RichTreeViewPro';
+import { RichTreeViewProClassKey } from "../RichTreeViewPro/index.js";
 
 // prettier-ignore
 export interface TreeViewComponentNameToClassKey {
   MuiRichTreeViewPro: RichTreeViewProClassKey;
 }
-
 declare module '@mui/material/styles' {
   interface ComponentNameToClassKey extends TreeViewComponentNameToClassKey {}
 }
 
 // disable automatic export
-export {};
+export {};

package/themeAugmentation/props.d.ts

@@ -1,12 +1,10 @@
-import { RichTreeViewProProps } from '../RichTreeViewPro';
-
+import { RichTreeViewProProps } from "../RichTreeViewPro/index.js";
 export interface TreeViewComponentsPropsList {
   MuiRichTreeViewPro: RichTreeViewProProps<any, any>;
 }
-
 declare module '@mui/material/styles' {
   interface ComponentsPropsList extends TreeViewComponentsPropsList {}
 }
 
 // disable automatic export
-export {};
+export {};