@mui/x-tree-view-pro 8.0.0-alpha.8 → 8.0.0-beta.0

package/index.js

@@ -1,22 +1,154 @@
 /**
- * @mui/x-tree-view-pro v8.0.0-alpha.8
+ * @mui/x-tree-view-pro v8.0.0-beta.0
  *
  * @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";
+"use strict";
 
-// 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';
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  unstable_resetCleanupTracking: true
+};
+Object.defineProperty(exports, "unstable_resetCleanupTracking", {
+  enumerable: true,
+  get: function () {
+    return _internals.unstable_resetCleanupTracking;
+  }
+});
+var _SimpleTreeView = require("@mui/x-tree-view/SimpleTreeView");
+Object.keys(_SimpleTreeView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SimpleTreeView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SimpleTreeView[key];
+    }
+  });
+});
+var _RichTreeViewPro = require("./RichTreeViewPro");
+Object.keys(_RichTreeViewPro).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _RichTreeViewPro[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RichTreeViewPro[key];
+    }
+  });
+});
+var _TreeItem = require("@mui/x-tree-view/TreeItem");
+Object.keys(_TreeItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TreeItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TreeItem[key];
+    }
+  });
+});
+var _useTreeItem = require("@mui/x-tree-view/useTreeItem");
+Object.keys(_useTreeItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useTreeItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useTreeItem[key];
+    }
+  });
+});
+var _TreeItemIcon = require("@mui/x-tree-view/TreeItemIcon");
+Object.keys(_TreeItemIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TreeItemIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TreeItemIcon[key];
+    }
+  });
+});
+var _TreeItemProvider = require("@mui/x-tree-view/TreeItemProvider");
+Object.keys(_TreeItemProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TreeItemProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TreeItemProvider[key];
+    }
+  });
+});
+var _TreeItemDragAndDropOverlay = require("@mui/x-tree-view/TreeItemDragAndDropOverlay");
+Object.keys(_TreeItemDragAndDropOverlay).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TreeItemDragAndDropOverlay[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TreeItemDragAndDropOverlay[key];
+    }
+  });
+});
+var _TreeItemLabelInput = require("@mui/x-tree-view/TreeItemLabelInput");
+Object.keys(_TreeItemLabelInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TreeItemLabelInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TreeItemLabelInput[key];
+    }
+  });
+});
+var _internals = require("@mui/x-tree-view/internals");
+var _models = require("@mui/x-tree-view/models");
+Object.keys(_models).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _models[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _models[key];
+    }
+  });
+});
+var _icons = require("@mui/x-tree-view/icons");
+Object.keys(_icons).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _icons[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _icons[key];
+    }
+  });
+});
+var _hooks = require("@mui/x-tree-view/hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hooks[key];
+    }
+  });
+});

package/internals/index.d.ts

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

package/internals/index.js

@@ -1 +1,12 @@
-export { UseTreeViewItemsReorderingSignature } from "./plugins/useTreeViewItemsReordering/index.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "UseTreeViewItemsReorderingSignature", {
+  enumerable: true,
+  get: function () {
+    return _useTreeViewItemsReordering.UseTreeViewItemsReorderingSignature;
+  }
+});
+var _useTreeViewItemsReordering = require("./plugins/useTreeViewItemsReordering");

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

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

package/internals/plugins/useTreeViewItemsReordering/index.js

@@ -1 +1,12 @@
-export { useTreeViewItemsReordering } from "./useTreeViewItemsReordering.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useTreeViewItemsReordering", {
+  enumerable: true,
+  get: function () {
+    return _useTreeViewItemsReordering.useTreeViewItemsReordering;
+  }
+});
+var _useTreeViewItemsReordering = require("./useTreeViewItemsReordering");

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

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

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

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

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

@@ -1,21 +1,29 @@
-import * as React from 'react';
-import { useTreeViewContext, isTargetInDescendants, useSelector } from '@mui/x-tree-view/internals';
-import { selectorItemsReorderingDraggedItemProperties, selectorItemsReorderingIsValidTarget } from "./useTreeViewItemsReordering.selectors.js";
-export const isAndroid = () => navigator.userAgent.toLowerCase().includes('android');
-export const useTreeViewItemsReorderingItemPlugin = ({
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTreeViewItemsReorderingItemPlugin = exports.isAndroid = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _internals = require("@mui/x-tree-view/internals");
+var _useTreeViewItemsReordering = require("./useTreeViewItemsReordering.selectors");
+const isAndroid = () => navigator.userAgent.toLowerCase().includes('android');
+exports.isAndroid = isAndroid;
+const useTreeViewItemsReorderingItemPlugin = ({
   props
 }) => {
   const {
     instance,
     store,
     itemsReordering
-  } = useTreeViewContext();
+  } = (0, _internals.useTreeViewContext)();
   const {
     itemId
   } = props;
   const validActionsRef = React.useRef(null);
-  const draggedItemProperties = useSelector(store, selectorItemsReorderingDraggedItemProperties, itemId);
-  const isValidTarget = useSelector(store, selectorItemsReorderingIsValidTarget, itemId);
+  const draggedItemProperties = (0, _internals.useSelector)(store, _useTreeViewItemsReordering.selectorItemsReorderingDraggedItemProperties, itemId);
+  const isValidTarget = (0, _internals.useSelector)(store, _useTreeViewItemsReordering.selectorItemsReorderingIsValidTarget, itemId);
   return {
     propsEnhancers: {
       root: ({
@@ -34,7 +42,7 @@ export const useTreeViewItemsReorderingItemPlugin = ({
 
           // 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)) {
+          if ((0, _internals.isTargetInDescendants)(event.target, rootRefObject.current)) {
             return;
           }
 
@@ -123,4 +131,5 @@ export const useTreeViewItemsReorderingItemPlugin = ({
       }
     }
   };
-};
+};
+exports.useTreeViewItemsReorderingItemPlugin = useTreeViewItemsReorderingItemPlugin;

package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js

@@ -1,11 +1,18 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { selectorItemIndex, selectorItemMeta, selectorItemOrderedChildrenIds } from '@mui/x-tree-view/internals';
-import { warnOnce } from '@mui/x-internals/warning';
-import { chooseActionToApply, isAncestor, moveItemInTree } from "./useTreeViewItemsReordering.utils.js";
-import { useTreeViewItemsReorderingItemPlugin } from "./useTreeViewItemsReordering.itemPlugin.js";
-import { selectorItemsReordering } from "./useTreeViewItemsReordering.selectors.js";
-export const useTreeViewItemsReordering = ({
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTreeViewItemsReordering = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _internals = require("@mui/x-tree-view/internals");
+var _useTreeViewItemsReordering = require("./useTreeViewItemsReordering.utils");
+var _useTreeViewItemsReordering2 = require("./useTreeViewItemsReordering.itemPlugin");
+var _useTreeViewItemsReordering3 = require("./useTreeViewItemsReordering.selectors");
+const useTreeViewItemsReordering = ({
   params,
   store
 }) => {
@@ -20,7 +27,7 @@ export const useTreeViewItemsReordering = ({
     return true;
   }, [params.itemsReordering, params.isItemReorderable]);
   const getDroppingTargetValidActions = React.useCallback(itemId => {
-    const itemsReordering = selectorItemsReordering(store.value);
+    const itemsReordering = (0, _useTreeViewItemsReordering3.selectorItemsReordering)(store.value);
     if (!itemsReordering) {
       throw new Error('There is no ongoing reordering.');
     }
@@ -28,10 +35,10 @@ export const useTreeViewItemsReordering = ({
       return {};
     }
     const canMoveItemToNewPosition = params.canMoveItemToNewPosition;
-    const targetItemMeta = selectorItemMeta(store.value, itemId);
-    const targetItemIndex = selectorItemIndex(store.value, targetItemMeta.id);
-    const draggedItemMeta = selectorItemMeta(store.value, itemsReordering.draggedItemId);
-    const draggedItemIndex = selectorItemIndex(store.value, draggedItemMeta.id);
+    const targetItemMeta = (0, _internals.selectorItemMeta)(store.value, itemId);
+    const targetItemIndex = (0, _internals.selectorItemIndex)(store.value, targetItemMeta.id);
+    const draggedItemMeta = (0, _internals.selectorItemMeta)(store.value, itemsReordering.draggedItemId);
+    const draggedItemIndex = (0, _internals.selectorItemIndex)(store.value, draggedItemMeta.id);
     const oldPosition = {
       parentId: draggedItemMeta.parentId,
       index: draggedItemIndex
@@ -67,7 +74,7 @@ export const useTreeViewItemsReordering = ({
       },
       'move-to-parent': targetItemMeta.parentId == null ? null : {
         parentId: targetItemMeta.parentId,
-        index: selectorItemOrderedChildrenIds(store.value, targetItemMeta.parentId).length
+        index: (0, _internals.selectorItemOrderedChildrenIds)(store.value, targetItemMeta.parentId).length
       }
     };
     const validActions = {};
@@ -80,7 +87,7 @@ export const useTreeViewItemsReordering = ({
     return validActions;
   }, [store, params.canMoveItemToNewPosition]);
   const startDraggingItem = React.useCallback(itemId => {
-    store.update(prevState => _extends({}, prevState, {
+    store.update(prevState => (0, _extends2.default)({}, prevState, {
       itemsReordering: {
         targetItemId: itemId,
         draggedItemId: itemId,
@@ -90,25 +97,25 @@ export const useTreeViewItemsReordering = ({
     }));
   }, [store]);
   const stopDraggingItem = React.useCallback(itemId => {
-    const itemsReordering = selectorItemsReordering(store.value);
+    const itemsReordering = (0, _useTreeViewItemsReordering3.selectorItemsReordering)(store.value);
     if (itemsReordering == null || itemsReordering.draggedItemId !== itemId) {
       return;
     }
     if (itemsReordering.draggedItemId === itemsReordering.targetItemId || itemsReordering.action == null || itemsReordering.newPosition == null) {
-      store.update(prevState => _extends({}, prevState, {
+      store.update(prevState => (0, _extends2.default)({}, prevState, {
         itemsReordering: null
       }));
       return;
     }
-    const draggedItemMeta = selectorItemMeta(store.value, itemsReordering.draggedItemId);
+    const draggedItemMeta = (0, _internals.selectorItemMeta)(store.value, itemsReordering.draggedItemId);
     const oldPosition = {
       parentId: draggedItemMeta.parentId,
-      index: selectorItemIndex(store.value, draggedItemMeta.id)
+      index: (0, _internals.selectorItemIndex)(store.value, draggedItemMeta.id)
     };
     const newPosition = itemsReordering.newPosition;
-    store.update(prevState => _extends({}, prevState, {
+    store.update(prevState => (0, _extends2.default)({}, prevState, {
       itemsReordering: null,
-      items: moveItemInTree({
+      items: (0, _useTreeViewItemsReordering.moveItemInTree)({
         itemToMoveId: itemId,
         newPosition,
         oldPosition,
@@ -132,10 +139,10 @@ export const useTreeViewItemsReordering = ({
   }) => {
     store.update(prevState => {
       const prevSubState = prevState.itemsReordering;
-      if (prevSubState == null || isAncestor(store, itemId, prevSubState.draggedItemId)) {
+      if (prevSubState == null || (0, _useTreeViewItemsReordering.isAncestor)(store, itemId, prevSubState.draggedItemId)) {
         return prevState;
       }
-      const action = chooseActionToApply({
+      const action = (0, _useTreeViewItemsReordering.chooseActionToApply)({
         itemChildrenIndentation: params.itemChildrenIndentation,
         validActions,
         targetHeight,
@@ -148,8 +155,8 @@ export const useTreeViewItemsReordering = ({
       if (prevSubState.targetItemId === itemId && prevSubState.action === action && prevSubState.newPosition?.parentId === newPosition?.parentId && prevSubState.newPosition?.index === newPosition?.index) {
         return prevState;
       }
-      return _extends({}, prevState, {
-        itemsReordering: _extends({}, prevSubState, {
+      return (0, _extends2.default)({}, prevState, {
+        itemsReordering: (0, _extends2.default)({}, prevSubState, {
           targetItemId: itemId,
           newPosition,
           action
@@ -174,21 +181,13 @@ export const useTreeViewItemsReordering = ({
     contextValue: pluginContextValue
   };
 };
-useTreeViewItemsReordering.itemPlugin = useTreeViewItemsReorderingItemPlugin;
+exports.useTreeViewItemsReordering = useTreeViewItemsReordering;
+useTreeViewItemsReordering.itemPlugin = _useTreeViewItemsReordering2.useTreeViewItemsReorderingItemPlugin;
 useTreeViewItemsReordering.getDefaultizedParams = ({
-  params,
-  experimentalFeatures
-}) => {
-  const canUseFeature = experimentalFeatures?.itemsReordering;
-  if (process.env.NODE_ENV !== 'production') {
-    if (params.itemsReordering && !canUseFeature) {
-      warnOnce(['MUI X: The items reordering feature requires the `itemsReordering` experimental feature to be enabled.', 'You can do it by passing `experimentalFeatures={{ itemsReordering: true }}` to the `<RichTreeViewPro />`component.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/']);
-    }
-  }
-  return _extends({}, params, {
-    itemsReordering: canUseFeature ? params.itemsReordering ?? false : false
-  });
-};
+  params
+}) => (0, _extends2.default)({}, params, {
+  itemsReordering: params.itemsReordering ?? false
+});
 useTreeViewItemsReordering.getInitialState = () => ({
   itemsReordering: null
 });