@mui/x-tree-view-pro 8.0.0-alpha.10 → 8.0.0-alpha.12

package/{node → esm}/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.js

@@ -1,17 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.moveItemInTree = exports.isAncestor = exports.chooseActionToApply = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _internals = require("@mui/x-tree-view/internals");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { buildSiblingIndexes, TREE_VIEW_ROOT_PARENT_ID, selectorItemMeta } from '@mui/x-tree-view/internals';
 /**
  * Checks if the item with the id itemIdB is an ancestor of the item with the id itemIdA.
  */
-const isAncestor = (store, itemIdA, itemIdB) => {
-  const itemMetaA = (0, _internals.selectorItemMeta)(store.value, itemIdA);
+export const isAncestor = (store, itemIdA, itemIdB) => {
+  const itemMetaA = selectorItemMeta(store.value, itemIdA);
   if (itemMetaA.parentId === itemIdB) {
     return true;
   }
@@ -26,7 +19,6 @@ const isAncestor = (store, itemIdA, itemIdB) => {
  * @param {string | null} itemChildrenIndentation The indentation as passed to the `itemChildrenIndentation` prop.
  * @param {HTMLElement} contentElement The DOM element to which the indentation will be applied.
  */
-exports.isAncestor = isAncestor;
 const parseItemChildrenIndentation = (itemChildrenIndentation, contentElement) => {
   if (typeof itemChildrenIndentation === 'number') {
     return itemChildrenIndentation;
@@ -45,7 +37,7 @@ const parseItemChildrenIndentation = (itemChildrenIndentation, contentElement) =
   contentElement.removeChild(tempElement);
   return value;
 };
-const chooseActionToApply = ({
+export const chooseActionToApply = ({
   itemChildrenIndentation,
   validActions,
   targetHeight,
@@ -90,24 +82,23 @@ const chooseActionToApply = ({
   }
   return action;
 };
-exports.chooseActionToApply = chooseActionToApply;
-const moveItemInTree = ({
+export const moveItemInTree = ({
   itemToMoveId,
   oldPosition,
   newPosition,
   prevState
 }) => {
   const itemToMoveMeta = prevState.itemMetaLookup[itemToMoveId];
-  const oldParentId = oldPosition.parentId ?? _internals.TREE_VIEW_ROOT_PARENT_ID;
-  const newParentId = newPosition.parentId ?? _internals.TREE_VIEW_ROOT_PARENT_ID;
+  const oldParentId = oldPosition.parentId ?? TREE_VIEW_ROOT_PARENT_ID;
+  const newParentId = newPosition.parentId ?? TREE_VIEW_ROOT_PARENT_ID;
 
   // 1. Update the `itemOrderedChildrenIds`.
-  const itemOrderedChildrenIds = (0, _extends2.default)({}, prevState.itemOrderedChildrenIdsLookup);
+  const itemOrderedChildrenIds = _extends({}, prevState.itemOrderedChildrenIdsLookup);
   if (oldParentId === newParentId) {
     const updatedChildren = [...itemOrderedChildrenIds[oldParentId]];
     updatedChildren.splice(oldPosition.index, 1);
     updatedChildren.splice(newPosition.index, 0, itemToMoveId);
-    itemOrderedChildrenIds[itemToMoveMeta.parentId ?? _internals.TREE_VIEW_ROOT_PARENT_ID] = updatedChildren;
+    itemOrderedChildrenIds[itemToMoveMeta.parentId ?? TREE_VIEW_ROOT_PARENT_ID] = updatedChildren;
   } else {
     const updatedOldParentChildren = [...itemOrderedChildrenIds[oldParentId]];
     updatedOldParentChildren.splice(oldPosition.index, 1);
@@ -118,51 +109,50 @@ const moveItemInTree = ({
   }
 
   // 2. Update the `itemChildrenIndexes`
-  const itemChildrenIndexes = (0, _extends2.default)({}, prevState.itemChildrenIndexesLookup);
-  itemChildrenIndexes[oldParentId] = (0, _internals.buildSiblingIndexes)(itemOrderedChildrenIds[oldParentId]);
+  const itemChildrenIndexes = _extends({}, prevState.itemChildrenIndexesLookup);
+  itemChildrenIndexes[oldParentId] = buildSiblingIndexes(itemOrderedChildrenIds[oldParentId]);
   if (newParentId !== oldParentId) {
-    itemChildrenIndexes[newParentId] = (0, _internals.buildSiblingIndexes)(itemOrderedChildrenIds[newParentId]);
+    itemChildrenIndexes[newParentId] = buildSiblingIndexes(itemOrderedChildrenIds[newParentId]);
   }
 
   // 3. Update the `itemMetaLookup`
-  const itemMetaLookup = (0, _extends2.default)({}, prevState.itemMetaLookup);
+  const itemMetaLookup = _extends({}, prevState.itemMetaLookup);
 
   // 3.1 Update the `expandable` property of the old and the new parent
   function updateExpandable(itemId) {
     const isExpandable = itemOrderedChildrenIds[itemId].length > 0;
     if (itemMetaLookup[itemId].expandable !== isExpandable) {
-      itemMetaLookup[itemId] = (0, _extends2.default)({}, itemMetaLookup[itemId], {
+      itemMetaLookup[itemId] = _extends({}, itemMetaLookup[itemId], {
         expandable: isExpandable
       });
     }
   }
-  if (oldParentId !== _internals.TREE_VIEW_ROOT_PARENT_ID && oldParentId !== newParentId) {
+  if (oldParentId !== TREE_VIEW_ROOT_PARENT_ID && oldParentId !== newParentId) {
     updateExpandable(oldParentId);
   }
-  if (newParentId !== _internals.TREE_VIEW_ROOT_PARENT_ID && newParentId !== oldParentId) {
+  if (newParentId !== TREE_VIEW_ROOT_PARENT_ID && newParentId !== oldParentId) {
     updateExpandable(newParentId);
   }
 
   // 3.2 Update the `parentId` and `depth` properties of the item to move
   // The depth is always defined because drag&drop is only usable with Rich Tree View components.
   const itemToMoveDepth = newPosition.parentId == null ? 0 : itemMetaLookup[newParentId].depth + 1;
-  itemMetaLookup[itemToMoveId] = (0, _extends2.default)({}, itemToMoveMeta, {
+  itemMetaLookup[itemToMoveId] = _extends({}, itemToMoveMeta, {
     parentId: newPosition.parentId,
     depth: itemToMoveDepth
   });
 
   // 3.3 Update the depth of all the children of the item to move
   const updateItemDepth = (itemId, depth) => {
-    itemMetaLookup[itemId] = (0, _extends2.default)({}, itemMetaLookup[itemId], {
+    itemMetaLookup[itemId] = _extends({}, itemMetaLookup[itemId], {
       depth
     });
     itemOrderedChildrenIds[itemId]?.forEach(childId => updateItemDepth(childId, depth + 1));
   };
   itemOrderedChildrenIds[itemToMoveId]?.forEach(childId => updateItemDepth(childId, itemToMoveDepth + 1));
-  return (0, _extends2.default)({}, prevState, {
+  return _extends({}, prevState, {
     itemOrderedChildrenIdsLookup: itemOrderedChildrenIds,
     itemChildrenIndexesLookup: itemChildrenIndexes,
     itemMetaLookup
   });
-};
-exports.moveItemInTree = moveItemInTree;
+};

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

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

package/esm/internals/utils/releaseInfo.js

@@ -0,0 +1,13 @@
+import ponyfillGlobal from '@mui/utils/ponyfillGlobal';
+export const getReleaseInfo = () => {
+  const releaseInfo = "MTczOTc0NjgwMDAwMA==";
+  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
+    if (releaseInfo === '__RELEASE' + '_INFO__') {
+      // eslint-disable-next-line no-underscore-dangle
+      return ponyfillGlobal.__MUI_RELEASE_INFO__;
+    }
+  }
+  return releaseInfo;
+};

package/esm/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/esm/internals/zero-styled/index.js

@@ -0,0 +1,7 @@
+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/esm/package.json

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

package/esm/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/esm/themeAugmentation/index.d.ts

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

package/esm/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/esm/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/index.d.ts

@@ -1,5 +1,5 @@
 export * from '@mui/x-tree-view/SimpleTreeView';
-export * from './RichTreeViewPro';
+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';
@@ -9,4 +9,4 @@ 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';
+export * from '@mui/x-tree-view/hooks';

package/index.js

@@ -1,22 +1,154 @@
 /**
- * @mui/x-tree-view-pro v8.0.0-alpha.10
+ * @mui/x-tree-view-pro v8.0.0-alpha.12
  *
  * @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;