@mui/x-tree-view 7.0.0-beta.6 → 7.0.0

package/node/TreeItem2/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TreeItem2", {
+  enumerable: true,
+  get: function () {
+    return _TreeItem.TreeItem2;
+  }
+});
+Object.defineProperty(exports, "TreeItem2Content", {
+  enumerable: true,
+  get: function () {
+    return _TreeItem.TreeItem2Content;
+  }
+});
+Object.defineProperty(exports, "TreeItem2GroupTransition", {
+  enumerable: true,
+  get: function () {
+    return _TreeItem.TreeItem2GroupTransition;
+  }
+});
+Object.defineProperty(exports, "TreeItem2IconContainer", {
+  enumerable: true,
+  get: function () {
+    return _TreeItem.TreeItem2IconContainer;
+  }
+});
+Object.defineProperty(exports, "TreeItem2Label", {
+  enumerable: true,
+  get: function () {
+    return _TreeItem.TreeItem2Label;
+  }
+});
+Object.defineProperty(exports, "TreeItem2Root", {
+  enumerable: true,
+  get: function () {
+    return _TreeItem.TreeItem2Root;
+  }
+});
+var _TreeItem = require("./TreeItem2");

package/node/TreeItem2Icon/TreeItem2Icon.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TreeItem2Icon = TreeItem2Icon;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _utils = require("@mui/base/utils");
+var _useTreeViewContext = require("../internals/TreeViewProvider/useTreeViewContext");
+var _icons = require("../icons");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function TreeItem2Icon(props) {
+  const {
+    slots,
+    slotProps,
+    status
+  } = props;
+  const context = (0, _useTreeViewContext.useTreeViewContext)();
+  const contextIcons = (0, _extends2.default)({}, context.icons.slots, {
+    expandIcon: context.icons.slots.expandIcon ?? _icons.TreeViewExpandIcon,
+    collapseIcon: context.icons.slots.collapseIcon ?? _icons.TreeViewCollapseIcon
+  });
+  const contextIconProps = context.icons.slotProps;
+  let iconName;
+  if (slots?.icon) {
+    iconName = 'icon';
+  } else if (status.expandable) {
+    if (status.expanded) {
+      iconName = 'collapseIcon';
+    } else {
+      iconName = 'expandIcon';
+    }
+  } else {
+    iconName = 'endIcon';
+  }
+  const Icon = slots?.[iconName] ?? contextIcons[iconName];
+  const iconProps = (0, _utils.useSlotProps)({
+    elementType: Icon,
+    externalSlotProps: tempOwnerState => (0, _extends2.default)({}, (0, _utils.resolveComponentProps)(contextIconProps[iconName], tempOwnerState), (0, _utils.resolveComponentProps)(slotProps?.[iconName], tempOwnerState)),
+    // TODO: Add proper ownerState
+    ownerState: {}
+  });
+  if (!Icon) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, (0, _extends2.default)({}, iconProps));
+}
+process.env.NODE_ENV !== "production" ? TreeItem2Icon.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: _propTypes.default.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: _propTypes.default.object,
+  status: _propTypes.default.shape({
+    disabled: _propTypes.default.bool.isRequired,
+    expandable: _propTypes.default.bool.isRequired,
+    expanded: _propTypes.default.bool.isRequired,
+    focused: _propTypes.default.bool.isRequired,
+    selected: _propTypes.default.bool.isRequired
+  }).isRequired
+} : void 0;

package/node/TreeItem2Icon/TreeItem2Icon.types.js

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

package/node/TreeItem2Icon/index.js

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

package/node/TreeItem2Provider/TreeItem2Provider.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TreeItem2Provider = TreeItem2Provider;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _useTreeViewContext = require("../internals/TreeViewProvider/useTreeViewContext");
+function TreeItem2Provider(props) {
+  const {
+    children,
+    itemId
+  } = props;
+  const {
+    wrapItem
+  } = (0, _useTreeViewContext.useTreeViewContext)();
+  return wrapItem({
+    children,
+    itemId
+  });
+}
+TreeItem2Provider.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  children: _propTypes.default.node,
+  itemId: _propTypes.default.string.isRequired
+};

package/node/TreeItem2Provider/TreeItem2Provider.types.js

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

package/node/TreeItem2Provider/index.js

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

package/node/TreeView/TreeView.js

@@ -39,7 +39,7 @@ const warn = () => {
 
 /**
  * This component has been deprecated in favor of the new `SimpleTreeView` component.
- * You can have a look at how to migrate to the new component in the v7 [migration guide](https://next.mui.com/x/migration/migration-tree-view-v6/#use-simpletreeview-instead-of-treeview)
+ * You can have a look at how to migrate to the new component in the v7 [migration guide](https://mui.com/x/migration/migration-tree-view-v6/#use-simpletreeview-instead-of-treeview)
  *
  * Demos:
  *
@@ -78,7 +78,7 @@ process.env.NODE_ENV !== "production" ? TreeView.propTypes = {
    */
   apiRef: _propTypes.default.shape({
     current: _propTypes.default.shape({
-      focusNode: _propTypes.default.func.isRequired,
+      focusItem: _propTypes.default.func.isRequired,
       getItem: _propTypes.default.func.isRequired
     })
   }),
@@ -92,17 +92,17 @@ process.env.NODE_ENV !== "production" ? TreeView.propTypes = {
   classes: _propTypes.default.object,
   className: _propTypes.default.string,
   /**
-   * Expanded node ids.
+   * Expanded item ids.
    * Used when the item's expansion is not controlled.
    * @default []
    */
-  defaultExpandedNodes: _propTypes.default.arrayOf(_propTypes.default.string),
+  defaultExpandedItems: _propTypes.default.arrayOf(_propTypes.default.string),
   /**
-   * Selected node ids. (Uncontrolled)
+   * Selected item ids. (Uncontrolled)
    * When `multiSelect` is true this takes an array of strings; when false (default) a string.
    * @default []
    */
-  defaultSelectedNodes: _propTypes.default.any,
+  defaultSelectedItems: _propTypes.default.any,
   /**
    * If `true`, will allow focus on disabled items.
    * @default false
@@ -114,10 +114,10 @@ process.env.NODE_ENV !== "production" ? TreeView.propTypes = {
    */
   disableSelection: _propTypes.default.bool,
   /**
-   * Expanded node ids.
+   * Expanded item ids.
    * Used when the item's expansion is controlled.
    */
-  expandedNodes: _propTypes.default.arrayOf(_propTypes.default.string),
+  expandedItems: _propTypes.default.arrayOf(_propTypes.default.string),
   /**
    * This prop is used to help implement the accessibility logic.
    * If you don't provide this prop. It falls back to a randomly generated id.
@@ -131,42 +131,42 @@ process.env.NODE_ENV !== "production" ? TreeView.propTypes = {
   /**
    * Callback fired when tree items are expanded/collapsed.
    * @param {React.SyntheticEvent} event The event source of the callback.
-   * @param {array} nodeIds The ids of the expanded nodes.
+   * @param {array} itemIds The ids of the expanded items.
    */
-  onExpandedNodesChange: _propTypes.default.func,
+  onExpandedItemsChange: _propTypes.default.func,
   /**
    * Callback fired when a tree item is expanded or collapsed.
    * @param {React.SyntheticEvent} event The event source of the callback.
-   * @param {array} nodeId The nodeId of the modified node.
-   * @param {array} isExpanded `true` if the node has just been expanded, `false` if it has just been collapsed.
+   * @param {array} itemId The itemId of the modified item.
+   * @param {array} isExpanded `true` if the item has just been expanded, `false` if it has just been collapsed.
    */
-  onNodeExpansionToggle: _propTypes.default.func,
+  onItemExpansionToggle: _propTypes.default.func,
   /**
    * Callback fired when tree items are focused.
    * @param {React.SyntheticEvent} event The event source of the callback **Warning**: This is a generic event not a focus event.
-   * @param {string} nodeId The id of the node focused.
-   * @param {string} value of the focused node.
+   * @param {string} itemId The id of the focused item.
+   * @param {string} value of the focused item.
    */
-  onNodeFocus: _propTypes.default.func,
+  onItemFocus: _propTypes.default.func,
   /**
    * Callback fired when a tree item is selected or deselected.
    * @param {React.SyntheticEvent} event The event source of the callback.
-   * @param {array} nodeId The nodeId of the modified node.
-   * @param {array} isSelected `true` if the node has just been selected, `false` if it has just been deselected.
+   * @param {array} itemId The itemId of the modified item.
+   * @param {array} isSelected `true` if the item has just been selected, `false` if it has just been deselected.
    */
-  onNodeSelectionToggle: _propTypes.default.func,
+  onItemSelectionToggle: _propTypes.default.func,
   /**
    * Callback fired when tree items are selected/deselected.
    * @param {React.SyntheticEvent} event The event source of the callback
-   * @param {string[] | string} nodeIds The ids of the selected nodes.
+   * @param {string[] | string} itemIds The ids of the selected items.
    * When `multiSelect` is `true`, this is an array of strings; when false (default) a string.
    */
-  onSelectedNodesChange: _propTypes.default.func,
+  onSelectedItemsChange: _propTypes.default.func,
   /**
-   * Selected node ids. (Controlled)
+   * Selected item ids. (Controlled)
    * When `multiSelect` is true this takes an array of strings; when false (default) a string.
    */
-  selectedNodes: _propTypes.default.any,
+  selectedItems: _propTypes.default.any,
   /**
    * The props used for each component slot.
    */

package/node/hooks/index.js

@@ -3,10 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "useTreeItem2Utils", {
+  enumerable: true,
+  get: function () {
+    return _useTreeItem2Utils.useTreeItem2Utils;
+  }
+});
 Object.defineProperty(exports, "useTreeViewApiRef", {
   enumerable: true,
   get: function () {
     return _useTreeViewApiRef.useTreeViewApiRef;
   }
 });
-var _useTreeViewApiRef = require("./useTreeViewApiRef");
+var _useTreeViewApiRef = require("./useTreeViewApiRef");
+var _useTreeItem2Utils = require("./useTreeItem2Utils");

package/node/hooks/useTreeItem2Utils/index.js

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

package/node/hooks/useTreeItem2Utils/useTreeItem2Utils.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTreeItem2Utils = void 0;
+var _useTreeViewContext = require("../../internals/TreeViewProvider/useTreeViewContext");
+const useTreeItem2Utils = ({
+  itemId,
+  children
+}) => {
+  const {
+    instance,
+    selection: {
+      multiSelect
+    }
+  } = (0, _useTreeViewContext.useTreeViewContext)();
+  const status = {
+    expandable: Boolean(Array.isArray(children) ? children.length : children),
+    expanded: instance.isNodeExpanded(itemId),
+    focused: instance.isNodeFocused(itemId),
+    selected: instance.isNodeSelected(itemId),
+    disabled: instance.isNodeDisabled(itemId)
+  };
+  const handleExpansion = event => {
+    if (status.disabled) {
+      return;
+    }
+    if (!status.focused) {
+      instance.focusItem(event, itemId);
+    }
+    const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);
+
+    // If already expanded and trying to toggle selection don't close
+    if (status.expandable && !(multiple && instance.isNodeExpanded(itemId))) {
+      instance.toggleNodeExpansion(event, itemId);
+    }
+  };
+  const handleSelection = event => {
+    if (status.disabled) {
+      return;
+    }
+    if (!status.focused) {
+      instance.focusItem(event, itemId);
+    }
+    const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);
+    if (multiple) {
+      if (event.shiftKey) {
+        instance.selectRange(event, {
+          end: itemId
+        });
+      } else {
+        instance.selectNode(event, itemId, true);
+      }
+    } else {
+      instance.selectNode(event, itemId);
+    }
+  };
+  const interactions = {
+    handleExpansion,
+    handleSelection
+  };
+  return {
+    interactions,
+    status
+  };
+};
+exports.useTreeItem2Utils = useTreeItem2Utils;

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v7.0.0-beta.6
+ * @mui/x-tree-view v7.0.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -19,18 +19,6 @@ Object.defineProperty(exports, "unstable_resetCleanupTracking", {
     return _useInstanceEventHandler.unstable_resetCleanupTracking;
   }
 });
-var _TreeItem = require("./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 _TreeView = require("./TreeView");
 Object.keys(_TreeView).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -67,6 +55,66 @@ Object.keys(_RichTreeView).forEach(function (key) {
     }
   });
 });
+var _TreeItem = require("./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 _TreeItem2 = require("./TreeItem2");
+Object.keys(_TreeItem2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TreeItem2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TreeItem2[key];
+    }
+  });
+});
+var _useTreeItem = require("./useTreeItem2");
+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 _TreeItem2Icon = require("./TreeItem2Icon");
+Object.keys(_TreeItem2Icon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TreeItem2Icon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TreeItem2Icon[key];
+    }
+  });
+});
+var _TreeItem2Provider = require("./TreeItem2Provider");
+Object.keys(_TreeItem2Provider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TreeItem2Provider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TreeItem2Provider[key];
+    }
+  });
+});
 var _useInstanceEventHandler = require("./internals/hooks/useInstanceEventHandler");
 var _models = require("./models");
 Object.keys(_models).forEach(function (key) {

package/node/internals/hooks/useLazyRef.js

@@ -1,19 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useLazyRef = useLazyRef;
-var React = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const UNINITIALIZED = {};
-
-// See https://github.com/facebook/react/issues/14490 for when to use this.
-function useLazyRef(init, initArg) {
-  const ref = React.useRef(UNINITIALIZED);
-  if (ref.current === UNINITIALIZED) {
-    ref.current = init(initArg);
+Object.defineProperty(exports, "useLazyRef", {
+  enumerable: true,
+  get: function () {
+    return _useLazyRef.default;
   }
-  return ref;
-}
+});
+var _useLazyRef = _interopRequireDefault(require("@mui/utils/useLazyRef"));

package/node/internals/hooks/useOnMount.js

@@ -1,15 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useOnMount = useOnMount;
-var React = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const EMPTY = [];
-function useOnMount(fn) {
-  /* eslint-disable react-hooks/exhaustive-deps */
-  React.useEffect(fn, EMPTY);
-  /* eslint-enable react-hooks/exhaustive-deps */
-}
+Object.defineProperty(exports, "useOnMount", {
+  enumerable: true,
+  get: function () {
+    return _useOnMount.default;
+  }
+});
+var _useOnMount = _interopRequireDefault(require("@mui/utils/useOnMount"));

package/node/internals/hooks/useTimeout.js

@@ -1,43 +1,13 @@
 "use strict";
-'use client';
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Timeout = void 0;
-exports.useTimeout = useTimeout;
-var _useLazyRef = require("./useLazyRef");
-var _useOnMount = require("./useOnMount");
-class Timeout {
-  constructor() {
-    this.currentId = null;
-    this.clear = () => {
-      if (this.currentId !== null) {
-        clearTimeout(this.currentId);
-        this.currentId = null;
-      }
-    };
-    this.disposeEffect = () => {
-      return this.clear;
-    };
+Object.defineProperty(exports, "useTimeout", {
+  enumerable: true,
+  get: function () {
+    return _useTimeout.default;
   }
-  static create() {
-    return new Timeout();
-  }
-  /**
-   * Executes `fn` after `delay`, clearing any previously scheduled call.
-   */
-  start(delay, fn) {
-    this.clear();
-    this.currentId = setTimeout(() => {
-      this.currentId = null;
-      fn();
-    }, delay);
-  }
-}
-exports.Timeout = Timeout;
-function useTimeout() {
-  const timeout = (0, _useLazyRef.useLazyRef)(Timeout.create).current;
-  (0, _useOnMount.useOnMount)(timeout.disposeEffect);
-  return timeout;
-}
+});
+var _useTimeout = _interopRequireDefault(require("@mui/utils/useTimeout"));