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

package/esm/internals/plugins/useTreeViewLazyLoading/utils.js

@@ -0,0 +1,85 @@
+const MAX_CONCURRENT_REQUESTS = Infinity;
+export let RequestStatus = /*#__PURE__*/function (RequestStatus) {
+  RequestStatus[RequestStatus["QUEUED"] = 0] = "QUEUED";
+  RequestStatus[RequestStatus["PENDING"] = 1] = "PENDING";
+  RequestStatus[RequestStatus["SETTLED"] = 2] = "SETTLED";
+  RequestStatus[RequestStatus["UNKNOWN"] = 3] = "UNKNOWN";
+  return RequestStatus;
+}({});
+
+/**
+ * Plugins that need to be present in the Tree View in order for the `NestedDataManager` class to work correctly.
+ */
+
+/**
+ * Plugins that the `NestedDataManager` class can use if they are present, but are not required.
+ */
+
+/**
+ * Fetches row children from the server with option to limit the number of concurrent requests
+ * Determines the status of a request based on the enum `RequestStatus`
+ * Uses `ParentId` to uniquely identify a request
+ */
+export class NestedDataManager {
+  constructor(instance, maxConcurrentRequests = MAX_CONCURRENT_REQUESTS) {
+    this.pendingRequests = new Set();
+    this.queuedRequests = new Set();
+    this.settledRequests = new Set();
+    this.instance = void 0;
+    this.maxConcurrentRequests = void 0;
+    this.processQueue = async () => {
+      if (this.queuedRequests.size === 0 || this.pendingRequests.size >= this.maxConcurrentRequests) {
+        return;
+      }
+      const loopLength = Math.min(this.maxConcurrentRequests - this.pendingRequests.size, this.queuedRequests.size);
+      if (loopLength === 0) {
+        return;
+      }
+      const fetchQueue = Array.from(this.queuedRequests);
+      const fetchPromises = [];
+      for (let i = 0; i < loopLength; i += 1) {
+        const id = fetchQueue[i];
+        this.queuedRequests.delete(id);
+        this.pendingRequests.add(id);
+        fetchPromises.push(this.instance.fetchItemChildren(id));
+      }
+      await Promise.all(fetchPromises);
+    };
+    this.queue = async ids => {
+      const loadingIds = {};
+      ids.forEach(id => {
+        this.queuedRequests.add(id);
+        loadingIds[id] = true;
+      });
+      await this.processQueue();
+    };
+    this.setRequestSettled = async id => {
+      this.pendingRequests.delete(id);
+      this.settledRequests.add(id);
+      await this.processQueue();
+    };
+    this.clear = () => {
+      this.queuedRequests.clear();
+      Array.from(this.pendingRequests).forEach(id => this.clearPendingRequest(id));
+    };
+    this.clearPendingRequest = async id => {
+      this.pendingRequests.delete(id);
+      await this.processQueue();
+    };
+    this.getRequestStatus = id => {
+      if (this.pendingRequests.has(id)) {
+        return RequestStatus.PENDING;
+      }
+      if (this.queuedRequests.has(id)) {
+        return RequestStatus.QUEUED;
+      }
+      if (this.settledRequests.has(id)) {
+        return RequestStatus.SETTLED;
+      }
+      return RequestStatus.UNKNOWN;
+    };
+    this.getActiveRequestsCount = () => this.pendingRequests.size + this.queuedRequests.size;
+    this.instance = instance;
+    this.maxConcurrentRequests = maxConcurrentRequests;
+  }
+}

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 = "MTc0MjUxNTIwMDAwMA==";
+  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.9
+ * @mui/x-tree-view-pro v8.0.0-beta.1
  *
  * @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();
+    store
+  } = (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.selectorDraggedItemProperties, itemId);
+  const canItemBeReordered = (0, _internals.useSelector)(store, _useTreeViewItemsReordering.selectorCanItemBeReordered);
+  const isValidTarget = (0, _internals.useSelector)(store, _useTreeViewItemsReordering.selectorIsItemValidReorderingTarget, itemId);
   return {
     propsEnhancers: {
       root: ({
@@ -23,7 +31,7 @@ export const useTreeViewItemsReorderingItemPlugin = ({
         contentRefObject,
         externalEventHandlers
       }) => {
-        if (!itemsReordering.enabled || itemsReordering.isItemReorderable && !itemsReordering.isItemReorderable(itemId)) {
+        if (!canItemBeReordered) {
           return {};
         }
         const handleDragStart = event => {
@@ -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;