@mui/utils 5.10.9 → 5.10.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/utils",
-  "version": "5.10.9",
+  "version": "5.10.15",
   "private": false,
   "author": "MUI Team",
   "description": "Utility functions for React components.",
@@ -29,7 +29,7 @@
     "react": "^17.0.0 || ^18.0.0"
   },
   "dependencies": {
-    "@babel/runtime": "^7.19.0",
+    "@babel/runtime": "^7.20.1",
     "@types/prop-types": "^15.7.5",
     "@types/react-is": "^16.7.1 || ^17.0.0",
     "prop-types": "^15.8.1",

package/ponyfillGlobal.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /* eslint-disable */
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
 var _default = typeof window != 'undefined' && window.Math == Math ? window : typeof self != 'undefined' && self.Math == Math ? self : Function('return this')();
-
 exports.default = _default;

package/refType.js

@@ -1,15 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 const refType = _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]);
-
 var _default = refType;
 exports.default = _default;

package/requirePropFactory.js

@@ -1,40 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = requirePropFactory;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 function requirePropFactory(componentNameInError, Component) {
   if (process.env.NODE_ENV === 'production') {
     return () => null;
-  } // eslint-disable-next-line react/forbid-foreign-prop-types
-
+  }
 
+  // eslint-disable-next-line react/forbid-foreign-prop-types
   const prevPropTypes = Component ? (0, _extends2.default)({}, Component.propTypes) : null;
-
   const requireProp = requiredProp => (props, propName, componentName, location, propFullName, ...args) => {
     const propFullNameSafe = propFullName || propName;
     const defaultTypeChecker = prevPropTypes == null ? void 0 : prevPropTypes[propFullNameSafe];
-
     if (defaultTypeChecker) {
       const typeCheckerResult = defaultTypeChecker(props, propName, componentName, location, propFullName, ...args);
-
       if (typeCheckerResult) {
         return typeCheckerResult;
       }
     }
-
     if (typeof props[propName] !== 'undefined' && !props[requiredProp]) {
       return new Error(`The prop \`${propFullNameSafe}\` of ` + `\`${componentNameInError}\` can only be used together with the \`${requiredProp}\` prop.`);
     }
-
     return null;
   };
-
   return requireProp;
 }

package/resolveProps.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = resolveProps;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 /**
  * Add keys, values of `defaultProps` that does not exist in `props`
  * @param {object} defaultProps

package/scrollLeft.js

@@ -7,6 +7,7 @@ exports.detectScrollType = detectScrollType;
 exports.getNormalizedScrollLeft = getNormalizedScrollLeft;
 // Source from https://github.com/alitaheri/normalize-scroll-left
 let cachedType;
+
 /**
  * Based on the jquery plugin https://github.com/othree/jquery.rtl-scroll-type
  *
@@ -26,12 +27,10 @@ let cachedType;
  *
  * spec* https://drafts.csswg.org/cssom-view/#dom-window-scroll
  */
-
 function detectScrollType() {
   if (cachedType) {
     return cachedType;
   }
-
   const dummy = document.createElement('div');
   const container = document.createElement('div');
   container.style.width = '10px';
@@ -46,38 +45,32 @@ function detectScrollType() {
   dummy.style.overflow = 'scroll';
   document.body.appendChild(dummy);
   cachedType = 'reverse';
-
   if (dummy.scrollLeft > 0) {
     cachedType = 'default';
   } else {
     dummy.scrollLeft = 1;
-
     if (dummy.scrollLeft === 0) {
       cachedType = 'negative';
     }
   }
-
   document.body.removeChild(dummy);
   return cachedType;
-} // Based on https://stackoverflow.com/a/24394376
-
+}
 
+// Based on https://stackoverflow.com/a/24394376
 function getNormalizedScrollLeft(element, direction) {
-  const scrollLeft = element.scrollLeft; // Perform the calculations only when direction is rtl to avoid messing up the ltr behavior
+  const scrollLeft = element.scrollLeft;
 
+  // Perform the calculations only when direction is rtl to avoid messing up the ltr behavior
   if (direction !== 'rtl') {
     return scrollLeft;
   }
-
   const type = detectScrollType();
-
   switch (type) {
     case 'negative':
       return element.scrollWidth - element.clientWidth + scrollLeft;
-
     case 'reverse':
       return element.scrollWidth - element.clientWidth - scrollLeft;
-
     default:
       return scrollLeft;
   }

package/setRef.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = setRef;
-
 /**
  * TODO v5: consider making it private
  *

package/unsupportedProp.js

@@ -4,17 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = unsupportedProp;
-
 function unsupportedProp(props, propName, componentName, location, propFullName) {
   if (process.env.NODE_ENV === 'production') {
     return null;
   }
-
   const propFullNameSafe = propFullName || propName;
-
   if (typeof props[propName] !== 'undefined') {
     return new Error(`The prop \`${propFullNameSafe}\` is not supported. Please remove it.`);
   }
-
   return null;
 }

package/useControlled.js

@@ -4,14 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useControlled;
-
 var React = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */
+
 function useControlled({
   controlled,
   default: defaultProp,
@@ -24,7 +21,6 @@ function useControlled({
   } = React.useRef(controlled !== undefined);
   const [valueState, setValue] = React.useState(defaultProp);
   const value = isControlled ? controlled : valueState;
-
   if (process.env.NODE_ENV !== 'production') {
     React.useEffect(() => {
       if (isControlled !== (controlled !== undefined)) {
@@ -40,7 +36,6 @@ function useControlled({
       }
     }, [JSON.stringify(defaultProp)]);
   }
-
   const setValueIfUncontrolled = React.useCallback(newValue => {
     if (!isControlled) {
       setValue(newValue);

package/useEnhancedEffect.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 var _default = useEnhancedEffect;
 exports.default = _default;

package/useEventCallback.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useEventCallback;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _useEnhancedEffect = _interopRequireDefault(require("./useEnhancedEffect"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * https://github.com/facebook/react/issues/14099#issuecomment-440013892
  */
@@ -23,7 +17,8 @@ function useEventCallback(fn) {
   (0, _useEnhancedEffect.default)(() => {
     ref.current = fn;
   });
-  return React.useCallback((...args) => // @ts-expect-error hide `this`
+  return React.useCallback((...args) =>
+  // @ts-expect-error hide `this`
   // tslint:disable-next-line:ban-comma-operator
   (0, ref.current)(...args), []);
 }

package/useForkRef.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useForkRef;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _setRef = _interopRequireDefault(require("./setRef"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function useForkRef(...refs) {
   /**
    * This will create a new function if the refs passed to this hook change and are all defined.
@@ -25,11 +19,11 @@ function useForkRef(...refs) {
     if (refs.every(ref => ref == null)) {
       return null;
     }
-
     return instance => {
       refs.forEach(ref => {
         (0, _setRef.default)(ref, instance);
       });
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, refs);
 }

package/useId.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useId;
-
 var React = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 let globalId = 0;
-
 function useGlobalId(idOverride) {
   const [defaultId, setDefaultId] = React.useState(idOverride);
   const id = idOverride || defaultId;
@@ -27,9 +22,9 @@ function useGlobalId(idOverride) {
     }
   }, [defaultId]);
   return id;
-} // eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814
-
+}
 
+// eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814
 const maybeReactUseId = React['useId' + ''];
 /**
  *
@@ -37,13 +32,11 @@ const maybeReactUseId = React['useId' + ''];
  * @param idOverride
  * @returns {string}
  */
-
 function useId(idOverride) {
   if (maybeReactUseId !== undefined) {
     const reactId = maybeReactUseId();
     return idOverride != null ? idOverride : reactId;
-  } // eslint-disable-next-line react-hooks/rules-of-hooks -- `React.useId` is invariant at runtime.
-
-
+  }
+  // eslint-disable-next-line react-hooks/rules-of-hooks -- `React.useId` is invariant at runtime.
   return useGlobalId(idOverride);
 }

package/useIsFocusVisible.js

@@ -5,14 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = useIsFocusVisible;
 exports.teardown = teardown;
-
 var React = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // based on https://github.com/WICG/focus-visible/blob/v4.1.5/src/focus-visible.js
+
 let hadKeyboardEvent = true;
 let hadFocusVisibleRecently = false;
 let hadFocusVisibleRecentlyTimeout;
@@ -31,6 +28,7 @@ const inputTypesWhitelist = {
   datetime: true,
   'datetime-local': true
 };
+
 /**
  * Computes whether the given element should automatically trigger the
  * `focus-visible` class being added, i.e. whether it should always match
@@ -38,27 +36,23 @@ const inputTypesWhitelist = {
  * @param {Element} node
  * @returns {boolean}
  */
-
 function focusTriggersKeyboardModality(node) {
   const {
     type,
     tagName
   } = node;
-
   if (tagName === 'INPUT' && inputTypesWhitelist[type] && !node.readOnly) {
     return true;
   }
-
   if (tagName === 'TEXTAREA' && !node.readOnly) {
     return true;
   }
-
   if (node.isContentEditable) {
     return true;
   }
-
   return false;
 }
+
 /**
  * Keep track of our keyboard modality state with `hadKeyboardEvent`.
  * If the most recent user interaction was via the keyboard;
@@ -66,15 +60,13 @@ function focusTriggersKeyboardModality(node) {
  * then the modality is keyboard. Otherwise, the modality is not keyboard.
  * @param {KeyboardEvent} event
  */
-
-
 function handleKeyDown(event) {
   if (event.metaKey || event.altKey || event.ctrlKey) {
     return;
   }
-
   hadKeyboardEvent = true;
 }
+
 /**
  * If at any point a user clicks with a pointing device, ensure that we change
  * the modality away from keyboard.
@@ -82,12 +74,9 @@ function handleKeyDown(event) {
  * element, and then clicks on a different element, focusing it with a
  * pointing device, while we still think we're in keyboard modality.
  */
-
-
 function handlePointerDown() {
   hadKeyboardEvent = false;
 }
-
 function handleVisibilityChange() {
   if (this.visibilityState === 'hidden') {
     // If the tab becomes active again, the browser will handle calling focus
@@ -99,7 +88,6 @@ function handleVisibilityChange() {
     }
   }
 }
-
 function prepare(doc) {
   doc.addEventListener('keydown', handleKeyDown, true);
   doc.addEventListener('mousedown', handlePointerDown, true);
@@ -107,7 +95,6 @@ function prepare(doc) {
   doc.addEventListener('touchstart', handlePointerDown, true);
   doc.addEventListener('visibilitychange', handleVisibilityChange, true);
 }
-
 function teardown(doc) {
   doc.removeEventListener('keydown', handleKeyDown, true);
   doc.removeEventListener('mousedown', handlePointerDown, true);
@@ -115,25 +102,23 @@ function teardown(doc) {
   doc.removeEventListener('touchstart', handlePointerDown, true);
   doc.removeEventListener('visibilitychange', handleVisibilityChange, true);
 }
-
 function isFocusVisible(event) {
   const {
     target
   } = event;
-
   try {
     return target.matches(':focus-visible');
-  } catch (error) {// Browsers not implementing :focus-visible will throw a SyntaxError.
+  } catch (error) {
+    // Browsers not implementing :focus-visible will throw a SyntaxError.
     // We use our own heuristic for those browsers.
     // Rethrow might be better if it's not the expected error but do we really
     // want to crash if focus-visible malfunctioned?
-  } // No need for validFocusTarget check. The user does that by attaching it to
-  // focusable events only.
-
+  }
 
+  // No need for validFocusTarget check. The user does that by attaching it to
+  // focusable events only.
   return hadKeyboardEvent || focusTriggersKeyboardModality(target);
 }
-
 function useIsFocusVisible() {
   const ref = React.useCallback(node => {
     if (node != null) {
@@ -141,10 +126,10 @@ function useIsFocusVisible() {
     }
   }, []);
   const isFocusVisibleRef = React.useRef(false);
+
   /**
    * Should be called if a blur event is fired
    */
-
   function handleBlurVisible() {
     // checking against potential state variable does not suffice if we focus and blur synchronously.
     // React wouldn't have time to trigger a re-render so `focusVisible` would be stale.
@@ -164,23 +149,19 @@ function useIsFocusVisible() {
       isFocusVisibleRef.current = false;
       return true;
     }
-
     return false;
   }
+
   /**
    * Should be called if a blur event is fired
    */
-
-
   function handleFocusVisible(event) {
     if (isFocusVisible(event)) {
       isFocusVisibleRef.current = true;
       return true;
     }
-
     return false;
   }
-
   return {
     isFocusVisibleRef,
     onFocus: handleFocusVisible,

package/usePreviousProps.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const usePreviousProps = value => {
   const ref = React.useRef({});
   React.useEffect(() => {
@@ -18,6 +14,5 @@ const usePreviousProps = value => {
   });
   return ref.current;
 };
-
 var _default = usePreviousProps;
 exports.default = _default;