@mui/utils 5.10.6 → 5.10.14

package/legacy/integerPropType.js

@@ -1,71 +1,55 @@
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 export function getTypeByValue(value) {
   var valueType = _typeof(value);
-
   switch (valueType) {
     case 'number':
       if (Number.isNaN(value)) {
         return 'NaN';
       }
-
       if (!Number.isFinite(value)) {
         return 'Infinity';
       }
-
       if (value !== Math.floor(value)) {
         return 'float';
       }
-
       return 'number';
-
     case 'object':
       if (value === null) {
         return 'null';
       }
-
       return value.constructor.name;
-
     default:
       return valueType;
   }
-} // IE 11 support
+}
 
+// IE 11 support
 function ponyfillIsInteger(x) {
   // eslint-disable-next-line no-restricted-globals
   return typeof x === 'number' && isFinite(x) && Math.floor(x) === x;
 }
-
 var isInteger = Number.isInteger || ponyfillIsInteger;
-
 function requiredInteger(props, propName, componentName, location) {
   var propValue = props[propName];
-
   if (propValue == null || !isInteger(propValue)) {
     var propType = getTypeByValue(propValue);
     return new RangeError("Invalid ".concat(location, " `").concat(propName, "` of type `").concat(propType, "` supplied to `").concat(componentName, "`, expected `integer`."));
   }
-
   return null;
 }
-
 function validator(props, propName) {
   var propValue = props[propName];
-
   if (propValue === undefined) {
     return null;
   }
-
   for (var _len = arguments.length, other = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
     other[_key - 2] = arguments[_key];
   }
-
   return requiredInteger.apply(void 0, [props, propName].concat(other));
 }
-
 function validatorNoop() {
   return null;
 }
-
 validator.isRequired = requiredInteger;
 validatorNoop.isRequired = validatorNoop;
 export default process.env.NODE_ENV === 'production' ? validatorNoop : validator;

package/legacy/requirePropFactory.js

@@ -4,35 +4,28 @@ export default function requirePropFactory(componentNameInError, Component) {
     return function () {
       return null;
     };
-  } // eslint-disable-next-line react/forbid-foreign-prop-types
-
+  }
 
+  // eslint-disable-next-line react/forbid-foreign-prop-types
   var prevPropTypes = Component ? _extends({}, Component.propTypes) : null;
-
   var requireProp = function requireProp(requiredProp) {
     return function (props, propName, componentName, location, propFullName) {
       var propFullNameSafe = propFullName || propName;
       var defaultTypeChecker = prevPropTypes == null ? void 0 : prevPropTypes[propFullNameSafe];
-
       if (defaultTypeChecker) {
         for (var _len = arguments.length, args = new Array(_len > 5 ? _len - 5 : 0), _key = 5; _key < _len; _key++) {
           args[_key - 5] = arguments[_key];
         }
-
         var typeCheckerResult = defaultTypeChecker.apply(void 0, [props, propName, componentName, location, propFullName].concat(args));
-
         if (typeCheckerResult) {
           return typeCheckerResult;
         }
       }
-
       if (typeof props[propName] !== 'undefined' && !props[requiredProp]) {
         return new Error("The prop `".concat(propFullNameSafe, "` of ") + "`".concat(componentNameInError, "` can only be used together with the `").concat(requiredProp, "` prop."));
       }
-
       return null;
     };
   };
-
   return requireProp;
 }

package/legacy/resolveProps.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-
 /**
  * Add keys, values of `defaultProps` that does not exist in `props`
  * @param {object} defaultProps
@@ -8,7 +7,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
  */
 export default function resolveProps(defaultProps, props) {
   var output = _extends({}, props);
-
   Object.keys(defaultProps).forEach(function (propName) {
     if (output[propName] === undefined) {
       output[propName] = defaultProps[propName];

package/legacy/scrollLeft.js

@@ -1,5 +1,6 @@
 // Source from https://github.com/alitaheri/normalize-scroll-left
 var cachedType;
+
 /**
  * Based on the jquery plugin https://github.com/othree/jquery.rtl-scroll-type
  *
@@ -19,12 +20,10 @@ var cachedType;
  *
  * spec* https://drafts.csswg.org/cssom-view/#dom-window-scroll
  */
-
 export function detectScrollType() {
   if (cachedType) {
     return cachedType;
   }
-
   var dummy = document.createElement('div');
   var container = document.createElement('div');
   container.style.width = '10px';
@@ -39,37 +38,32 @@ export 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
 export function getNormalizedScrollLeft(element, direction) {
-  var scrollLeft = element.scrollLeft; // Perform the calculations only when direction is rtl to avoid messing up the ltr behavior
+  var scrollLeft = element.scrollLeft;
 
+  // Perform the calculations only when direction is rtl to avoid messing up the ltr behavior
   if (direction !== 'rtl') {
     return scrollLeft;
   }
-
   var type = detectScrollType();
-
   switch (type) {
     case 'negative':
       return element.scrollWidth - element.clientWidth + scrollLeft;
-
     case 'reverse':
       return element.scrollWidth - element.clientWidth - scrollLeft;
-
     default:
       return scrollLeft;
   }

package/legacy/unsupportedProp.js

@@ -2,12 +2,9 @@ export default function unsupportedProp(props, propName, componentName, location
   if (process.env.NODE_ENV === 'production') {
     return null;
   }
-
   var propFullNameSafe = propFullName || propName;
-
   if (typeof props[propName] !== 'undefined') {
     return new Error("The prop `".concat(propFullNameSafe, "` is not supported. Please remove it."));
   }
-
   return null;
 }

package/legacy/useControlled.js

@@ -2,38 +2,31 @@
 import * as React from 'react';
 export default function useControlled(_ref) {
   var controlled = _ref.controlled,
-      defaultProp = _ref.default,
-      name = _ref.name,
-      _ref$state = _ref.state,
-      state = _ref$state === void 0 ? 'value' : _ref$state;
-
+    defaultProp = _ref.default,
+    name = _ref.name,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? 'value' : _ref$state;
   // isControlled is ignored in the hook dependency lists as it should never change.
   var _React$useRef = React.useRef(controlled !== undefined),
-      isControlled = _React$useRef.current;
-
+    isControlled = _React$useRef.current;
   var _React$useState = React.useState(defaultProp),
-      valueState = _React$useState[0],
-      setValue = _React$useState[1];
-
+    valueState = _React$useState[0],
+    setValue = _React$useState[1];
   var value = isControlled ? controlled : valueState;
-
   if (process.env.NODE_ENV !== 'production') {
     React.useEffect(function () {
       if (isControlled !== (controlled !== undefined)) {
         console.error(["MUI: A component is changing the ".concat(isControlled ? '' : 'un', "controlled ").concat(state, " state of ").concat(name, " to be ").concat(isControlled ? 'un' : '', "controlled."), 'Elements should not switch from uncontrolled to controlled (or vice versa).', "Decide between using a controlled or uncontrolled ".concat(name, " ") + 'element for the lifetime of the component.', "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", 'More info: https://fb.me/react-controlled-components'].join('\n'));
       }
     }, [state, name, controlled]);
-
     var _React$useRef2 = React.useRef(defaultProp),
-        defaultValue = _React$useRef2.current;
-
+      defaultValue = _React$useRef2.current;
     React.useEffect(function () {
       if (!isControlled && defaultValue !== defaultProp) {
         console.error(["MUI: A component is changing the default ".concat(state, " state of an uncontrolled ").concat(name, " after being initialized. ") + "To suppress this warning opt to use a controlled ".concat(name, ".")].join('\n'));
       }
     }, [JSON.stringify(defaultProp)]);
   }
-
   var setValueIfUncontrolled = React.useCallback(function (newValue) {
     if (!isControlled) {
       setValue(newValue);

package/legacy/useEventCallback.js

@@ -1,16 +1,17 @@
 import * as React from 'react';
 import useEnhancedEffect from './useEnhancedEffect';
+
 /**
  * https://github.com/facebook/react/issues/14099#issuecomment-440013892
  */
-
 export default function useEventCallback(fn) {
   var ref = React.useRef(fn);
   useEnhancedEffect(function () {
     ref.current = fn;
   });
   return React.useCallback(function () {
-    return (// @ts-expect-error hide `this`
+    return (
+      // @ts-expect-error hide `this`
       // tslint:disable-next-line:ban-comma-operator
       (0, ref.current).apply(void 0, arguments)
     );

package/legacy/useForkRef.js

@@ -1,19 +1,25 @@
 import * as React from 'react';
 import setRef from './setRef';
-export default function useForkRef(refA, refB) {
+export default function useForkRef() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
   /**
-   * This will create a new function if the ref props change and are defined.
+   * This will create a new function if the refs passed to this hook change and are all defined.
    * This means react will call the old forkRef with `null` and the new forkRef
    * with the ref. Cleanup naturally emerges from this behavior.
    */
   return React.useMemo(function () {
-    if (refA == null && refB == null) {
+    if (refs.every(function (ref) {
+      return ref == null;
+    })) {
       return null;
     }
-
-    return function (refValue) {
-      setRef(refA, refValue);
-      setRef(refB, refValue);
+    return function (instance) {
+      refs.forEach(function (ref) {
+        setRef(ref, instance);
+      });
     };
-  }, [refA, refB]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, refs);
 }

package/legacy/useId.js

@@ -1,11 +1,9 @@
 import * as React from 'react';
 var globalId = 0;
-
 function useGlobalId(idOverride) {
   var _React$useState = React.useState(idOverride),
-      defaultId = _React$useState[0],
-      setDefaultId = _React$useState[1];
-
+    defaultId = _React$useState[0],
+    setDefaultId = _React$useState[1];
   var id = idOverride || defaultId;
   React.useEffect(function () {
     if (defaultId == null) {
@@ -18,9 +16,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
 var maybeReactUseId = React['useId' + ''];
 /**
  *
@@ -28,13 +26,11 @@ var maybeReactUseId = React['useId' + ''];
  * @param idOverride
  * @returns {string}
  */
-
 export default function useId(idOverride) {
   if (maybeReactUseId !== undefined) {
     var 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/legacy/useIsFocusVisible.js

@@ -18,6 +18,7 @@ var 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
@@ -25,26 +26,22 @@ var inputTypesWhitelist = {
  * @param {Element} node
  * @returns {boolean}
  */
-
 function focusTriggersKeyboardModality(node) {
   var _ref = node,
-      type = _ref.type,
-      tagName = _ref.tagName;
-
+    type = _ref.type,
+    tagName = _ref.tagName;
   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;
@@ -52,15 +49,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.
@@ -68,12 +63,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
@@ -85,7 +77,6 @@ function handleVisibilityChange() {
     }
   }
 }
-
 function prepare(doc) {
   doc.addEventListener('keydown', handleKeyDown, true);
   doc.addEventListener('mousedown', handlePointerDown, true);
@@ -93,7 +84,6 @@ function prepare(doc) {
   doc.addEventListener('touchstart', handlePointerDown, true);
   doc.addEventListener('visibilitychange', handleVisibilityChange, true);
 }
-
 export function teardown(doc) {
   doc.removeEventListener('keydown', handleKeyDown, true);
   doc.removeEventListener('mousedown', handlePointerDown, true);
@@ -101,23 +91,21 @@ export function teardown(doc) {
   doc.removeEventListener('touchstart', handlePointerDown, true);
   doc.removeEventListener('visibilitychange', handleVisibilityChange, true);
 }
-
 function isFocusVisible(event) {
   var target = event.target;
-
   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);
 }
-
 export default function useIsFocusVisible() {
   var ref = React.useCallback(function (node) {
     if (node != null) {
@@ -125,10 +113,10 @@ export default function useIsFocusVisible() {
     }
   }, []);
   var 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.
@@ -148,23 +136,19 @@ export default 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: isFocusVisibleRef,
     onFocus: handleFocusVisible,

package/legacy/usePreviousProps.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-
 var usePreviousProps = function usePreviousProps(value) {
   var ref = React.useRef({});
   React.useEffect(function () {
@@ -7,5 +6,4 @@ var usePreviousProps = function usePreviousProps(value) {
   });
   return ref.current;
 };
-
 export default usePreviousProps;

package/modern/ClassNameGenerator/ClassNameGenerator.js

@@ -1,22 +1,17 @@
 const defaultGenerator = componentName => componentName;
-
 const createClassNameGenerator = () => {
   let generate = defaultGenerator;
   return {
     configure(generator) {
       generate = generator;
     },
-
     generate(componentName) {
       return generate(componentName);
     },
-
     reset() {
       generate = defaultGenerator;
     }
-
   };
 };
-
 const ClassNameGenerator = createClassNameGenerator();
 export default ClassNameGenerator;

package/modern/HTMLElementType.js

@@ -2,17 +2,13 @@ export default function HTMLElementType(props, propName, componentName, location
   if (process.env.NODE_ENV === 'production') {
     return null;
   }
-
   const propValue = props[propName];
   const safePropName = propFullName || propName;
-
   if (propValue == null) {
     return null;
   }
-
   if (propValue && propValue.nodeType !== 1) {
     return new Error(`Invalid ${location} \`${safePropName}\` supplied to \`${componentName}\`. ` + `Expected an HTMLElement.`);
   }
-
   return null;
 }

package/modern/capitalize.js

@@ -7,6 +7,5 @@ export default function capitalize(string) {
   if (typeof string !== 'string') {
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`capitalize(string)\` expects a string argument.` : _formatMuiErrorMessage(7));
   }
-
   return string.charAt(0).toUpperCase() + string.slice(1);
 }

package/modern/chainPropTypes.js

@@ -2,7 +2,6 @@ export default function chainPropTypes(propType1, propType2) {
   if (process.env.NODE_ENV === 'production') {
     return () => null;
   }
-
   return function validate(...args) {
     return propType1(...args) || propType2(...args);
   };

package/modern/composeClasses/composeClasses.js

@@ -1,17 +1,16 @@
 export default function composeClasses(slots, getUtilityClass, classes) {
   const output = {};
-  Object.keys(slots).forEach( // `Objet.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
+  Object.keys(slots).forEach(
+  // `Objet.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
   // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208
   slot => {
     output[slot] = slots[slot].reduce((acc, key) => {
       if (key) {
         acc.push(getUtilityClass(key));
-
         if (classes && classes[key]) {
           acc.push(classes[key]);
         }
       }
-
       return acc;
     }, []).join(' ');
   });

package/modern/createChainedFunction.js

@@ -9,7 +9,6 @@ export default function createChainedFunction(...funcs) {
     if (func == null) {
       return acc;
     }
-
     return function chainedFunction(...args) {
       acc.apply(this, args);
       func.apply(this, args);

package/modern/debounce.js

@@ -2,19 +2,15 @@
 // A few bytes payload overhead when lodash/debounce is ~3 kB and debounce ~300 B.
 export default function debounce(func, wait = 166) {
   let timeout;
-
   function debounced(...args) {
     const later = () => {
       func.apply(this, args);
     };
-
     clearTimeout(timeout);
     timeout = setTimeout(later, wait);
   }
-
   debounced.clear = () => {
     clearTimeout(timeout);
   };
-
   return debounced;
 }

package/modern/deepmerge.js

@@ -6,14 +6,12 @@ export default function deepmerge(target, source, options = {
   clone: true
 }) {
   const output = options.clone ? _extends({}, target) : target;
-
   if (isPlainObject(target) && isPlainObject(source)) {
     Object.keys(source).forEach(key => {
       // Avoid prototype pollution
       if (key === '__proto__') {
         return;
       }
-
       if (isPlainObject(source[key]) && key in target && isPlainObject(target[key])) {
         // Since `output` is a clone of `target` and we have narrowed `target` in this block we can cast to the same type.
         output[key] = deepmerge(target[key], source[key], options);
@@ -22,6 +20,5 @@ export default function deepmerge(target, source, options = {
       }
     });
   }
-
   return output;
 }

package/modern/deprecatedPropType.js

@@ -2,15 +2,12 @@ export default function deprecatedPropType(validator, reason) {
   if (process.env.NODE_ENV === 'production') {
     return () => null;
   }
-
   return (props, propName, componentName, location, propFullName) => {
     const componentNameSafe = componentName || '<<anonymous>>';
     const propFullNameSafe = propFullName || propName;
-
     if (typeof props[propName] !== 'undefined') {
       return new Error(`The ${location} \`${propFullNameSafe}\` of ` + `\`${componentNameSafe}\` is deprecated. ${reason}`);
     }
-
     return null;
   };
 }