@mui/x-tree-view-pro 8.0.0-alpha.9 → 8.0.0-beta.1

package/RichTreeViewPro/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/RichTreeViewPro/index.js",
-  "types": "./index.d.ts"
-}

package/internals/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/internals/index.js",
-  "types": "./index.d.ts"
-}

package/node/RichTreeViewPro/RichTreeViewPro.plugins.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RICH_TREE_VIEW_PRO_PLUGINS = void 0;
-var _internals = require("@mui/x-tree-view/internals");
-var _useTreeViewItemsReordering = require("../internals/plugins/useTreeViewItemsReordering");
-const RICH_TREE_VIEW_PRO_PLUGINS = exports.RICH_TREE_VIEW_PRO_PLUGINS = [_internals.useTreeViewItems, _internals.useTreeViewExpansion, _internals.useTreeViewSelection, _internals.useTreeViewFocus, _internals.useTreeViewKeyboardNavigation, _internals.useTreeViewIcons, _internals.useTreeViewLabel, _useTreeViewItemsReordering.useTreeViewItemsReordering];
-
-// We can't infer this type from the plugin, otherwise we would lose the generics.

package/node/RichTreeViewPro/RichTreeViewPro.types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/node/RichTreeViewPro/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _RichTreeViewPro = require("./RichTreeViewPro");
-Object.keys(_RichTreeViewPro).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _RichTreeViewPro[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _RichTreeViewPro[key];
-    }
-  });
-});
-var _richTreeViewProClasses = require("./richTreeViewProClasses");
-Object.keys(_richTreeViewProClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _richTreeViewProClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _richTreeViewProClasses[key];
-    }
-  });
-});

package/node/RichTreeViewPro/richTreeViewProClasses.js

@@ -1,14 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getRichTreeViewProUtilityClass = getRichTreeViewProUtilityClass;
-exports.richTreeViewProClasses = void 0;
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-function getRichTreeViewProUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiRichTreeViewPro', slot);
-}
-const richTreeViewProClasses = exports.richTreeViewProClasses = (0, _generateUtilityClasses.default)('MuiRichTreeViewPro', ['root']);

package/node/index.js

@@ -1,154 +0,0 @@
-/**
- * @mui/x-tree-view-pro v8.0.0-alpha.9
- *
- * @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.
- */
-"use strict";
-
-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/node/internals/index.js

@@ -1,12 +0,0 @@
-"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/node/internals/plugins/useTreeViewItemsReordering/index.js

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

package/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js

@@ -1,209 +0,0 @@
-"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 _warning = require("@mui/x-internals/warning");
-var _useTreeViewItemsReordering = require("./useTreeViewItemsReordering.utils");
-var _useTreeViewItemsReordering2 = require("./useTreeViewItemsReordering.itemPlugin");
-var _useTreeViewItemsReordering3 = require("./useTreeViewItemsReordering.selectors");
-const useTreeViewItemsReordering = ({
-  params,
-  store
-}) => {
-  const canItemBeDragged = React.useCallback(itemId => {
-    if (!params.itemsReordering) {
-      return false;
-    }
-    const isItemReorderable = params.isItemReorderable;
-    if (isItemReorderable) {
-      return isItemReorderable(itemId);
-    }
-    return true;
-  }, [params.itemsReordering, params.isItemReorderable]);
-  const getDroppingTargetValidActions = React.useCallback(itemId => {
-    const itemsReordering = (0, _useTreeViewItemsReordering3.selectorItemsReordering)(store.value);
-    if (!itemsReordering) {
-      throw new Error('There is no ongoing reordering.');
-    }
-    if (itemId === itemsReordering.draggedItemId) {
-      return {};
-    }
-    const canMoveItemToNewPosition = params.canMoveItemToNewPosition;
-    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
-    };
-    const checkIfPositionIsValid = positionAfterAction => {
-      let isValid;
-      // If the new position is equal to the old one, we don't want to show any dropping UI.
-      if (positionAfterAction.parentId === oldPosition.parentId && positionAfterAction.index === oldPosition.index) {
-        isValid = false;
-      } else if (canMoveItemToNewPosition) {
-        isValid = canMoveItemToNewPosition({
-          itemId: itemsReordering.draggedItemId,
-          oldPosition,
-          newPosition: positionAfterAction
-        });
-      } else {
-        isValid = true;
-      }
-      return isValid;
-    };
-    const positionsAfterAction = {
-      'make-child': {
-        parentId: targetItemMeta.id,
-        index: 0
-      },
-      'reorder-above': {
-        parentId: targetItemMeta.parentId,
-        index: targetItemMeta.parentId === draggedItemMeta.parentId && targetItemIndex > draggedItemIndex ? targetItemIndex - 1 : targetItemIndex
-      },
-      'reorder-below': targetItemMeta.expandable ? null : {
-        parentId: targetItemMeta.parentId,
-        index: targetItemMeta.parentId === draggedItemMeta.parentId && targetItemIndex > draggedItemIndex ? targetItemIndex : targetItemIndex + 1
-      },
-      'move-to-parent': targetItemMeta.parentId == null ? null : {
-        parentId: targetItemMeta.parentId,
-        index: (0, _internals.selectorItemOrderedChildrenIds)(store.value, targetItemMeta.parentId).length
-      }
-    };
-    const validActions = {};
-    Object.keys(positionsAfterAction).forEach(action => {
-      const positionAfterAction = positionsAfterAction[action];
-      if (positionAfterAction != null && checkIfPositionIsValid(positionAfterAction)) {
-        validActions[action] = positionAfterAction;
-      }
-    });
-    return validActions;
-  }, [store, params.canMoveItemToNewPosition]);
-  const startDraggingItem = React.useCallback(itemId => {
-    store.update(prevState => (0, _extends2.default)({}, prevState, {
-      itemsReordering: {
-        targetItemId: itemId,
-        draggedItemId: itemId,
-        action: null,
-        newPosition: null
-      }
-    }));
-  }, [store]);
-  const stopDraggingItem = React.useCallback(itemId => {
-    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 => (0, _extends2.default)({}, prevState, {
-        itemsReordering: null
-      }));
-      return;
-    }
-    const draggedItemMeta = (0, _internals.selectorItemMeta)(store.value, itemsReordering.draggedItemId);
-    const oldPosition = {
-      parentId: draggedItemMeta.parentId,
-      index: (0, _internals.selectorItemIndex)(store.value, draggedItemMeta.id)
-    };
-    const newPosition = itemsReordering.newPosition;
-    store.update(prevState => (0, _extends2.default)({}, prevState, {
-      itemsReordering: null,
-      items: (0, _useTreeViewItemsReordering.moveItemInTree)({
-        itemToMoveId: itemId,
-        newPosition,
-        oldPosition,
-        prevState: prevState.items
-      })
-    }));
-    const onItemPositionChange = params.onItemPositionChange;
-    onItemPositionChange?.({
-      itemId,
-      newPosition,
-      oldPosition
-    });
-  }, [store, params.onItemPositionChange]);
-  const setDragTargetItem = React.useCallback(({
-    itemId,
-    validActions,
-    targetHeight,
-    cursorY,
-    cursorX,
-    contentElement
-  }) => {
-    store.update(prevState => {
-      const prevSubState = prevState.itemsReordering;
-      if (prevSubState == null || (0, _useTreeViewItemsReordering.isAncestor)(store, itemId, prevSubState.draggedItemId)) {
-        return prevState;
-      }
-      const action = (0, _useTreeViewItemsReordering.chooseActionToApply)({
-        itemChildrenIndentation: params.itemChildrenIndentation,
-        validActions,
-        targetHeight,
-        targetDepth: prevState.items.itemMetaLookup[itemId].depth,
-        cursorY,
-        cursorX,
-        contentElement
-      });
-      const newPosition = action == null ? null : validActions[action];
-      if (prevSubState.targetItemId === itemId && prevSubState.action === action && prevSubState.newPosition?.parentId === newPosition?.parentId && prevSubState.newPosition?.index === newPosition?.index) {
-        return prevState;
-      }
-      return (0, _extends2.default)({}, prevState, {
-        itemsReordering: (0, _extends2.default)({}, prevSubState, {
-          targetItemId: itemId,
-          newPosition,
-          action
-        })
-      });
-    });
-  }, [store, params.itemChildrenIndentation]);
-  const pluginContextValue = React.useMemo(() => ({
-    itemsReordering: {
-      enabled: params.itemsReordering,
-      isItemReorderable: params.isItemReorderable
-    }
-  }), [params.itemsReordering, params.isItemReorderable]);
-  return {
-    instance: {
-      canItemBeDragged,
-      getDroppingTargetValidActions,
-      startDraggingItem,
-      stopDraggingItem,
-      setDragTargetItem
-    },
-    contextValue: pluginContextValue
-  };
-};
-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) {
-      (0, _warning.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 (0, _extends2.default)({}, params, {
-    itemsReordering: canUseFeature ? params.itemsReordering ?? false : false
-  });
-};
-useTreeViewItemsReordering.getInitialState = () => ({
-  itemsReordering: null
-});
-useTreeViewItemsReordering.params = {
-  itemsReordering: true,
-  isItemReorderable: true,
-  canMoveItemToNewPosition: true,
-  onItemPositionChange: true
-};

package/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.selectorItemsReorderingIsValidTarget = exports.selectorItemsReorderingDraggedItemProperties = exports.selectorItemsReordering = void 0;
-var _internals = require("@mui/x-tree-view/internals");
-/**
- * Get the items reordering state.
- * @param {TreeViewState<[UseTreeViewItemsReorderingSignature]>} state The state of the tree view.
- * @returns {TreeViewItemsReorderingState | null} The items reordering state.
- */
-const selectorItemsReordering = state => state.itemsReordering;
-
-/**
- * Get the properties of the dragged item.
- * @param {TreeViewState<[UseTreeViewItemsSignature, UseTreeViewItemsReorderingSignature]>} state The state of the tree view.
- * @param {string} itemId The id of the item.
- * @returns {TreeViewItemDraggedItemProperties | null} The properties of the dragged item if the current item is being dragged, `null` otherwise.
- */
-exports.selectorItemsReordering = selectorItemsReordering;
-const selectorItemsReorderingDraggedItemProperties = exports.selectorItemsReorderingDraggedItemProperties = (0, _internals.createSelector)([selectorItemsReordering, _internals.selectorItemMetaLookup, (_, itemId) => itemId], (itemsReordering, itemMetaLookup, itemId) => {
-  if (!itemsReordering || itemsReordering.targetItemId !== itemId || itemsReordering.action == null) {
-    return null;
-  }
-  const targetDepth = itemsReordering.newPosition?.parentId == null ? 0 :
-  // The depth is always defined because drag&drop is only usable with Rich Tree View components.
-  itemMetaLookup[itemId].depth + 1;
-  return {
-    newPosition: itemsReordering.newPosition,
-    action: itemsReordering.action,
-    targetDepth
-  };
-});
-
-/**
- * Check if the current item is a valid target for the dragged item.
- * @param {TreeViewState<[UseTreeViewItemsReorderingSignature]>} state The state of the tree view.
- * @param {string} itemId The id of the item.
- * @returns {boolean} `true` if the current item is a valid target for the dragged item, `false` otherwise.
- */
-const selectorItemsReorderingIsValidTarget = exports.selectorItemsReorderingIsValidTarget = (0, _internals.createSelector)([selectorItemsReordering, (_, itemId) => itemId], (itemsReordering, itemId) => itemsReordering && itemsReordering.draggedItemId !== itemId);

package/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/node/internals/utils/releaseInfo.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getReleaseInfo = void 0;
-var _ponyfillGlobal = _interopRequireDefault(require("@mui/utils/ponyfillGlobal"));
-const getReleaseInfo = () => {
-  const releaseInfo = "MTczNzY1ODgwMDAwMA==";
-  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.default.__MUI_RELEASE_INFO__;
-    }
-  }
-  return releaseInfo;
-};
-exports.getReleaseInfo = getReleaseInfo;

package/node/internals/zero-styled/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createUseThemeProps = createUseThemeProps;
-Object.defineProperty(exports, "styled", {
-  enumerable: true,
-  get: function () {
-    return _styles.styled;
-  }
-});
-var _styles = require("@mui/material/styles");
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-function createUseThemeProps(name) {
-  return _styles.useThemeProps;
-}

package/node/themeAugmentation/index.js

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

package/themeAugmentation/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/themeAugmentation/index.js",
-  "types": "./index.d.ts"
-}