@mui/utils 5.10.9 → 5.10.14

package/modern/scrollLeft.js

@@ -1,5 +1,6 @@
 // Source from https://github.com/alitaheri/normalize-scroll-left
 let cachedType;
+
 /**
  * Based on the jquery plugin https://github.com/othree/jquery.rtl-scroll-type
  *
@@ -19,12 +20,10 @@ let cachedType;
  *
  * spec* https://drafts.csswg.org/cssom-view/#dom-window-scroll
  */
-
 export function detectScrollType() {
   if (cachedType) {
     return cachedType;
   }
-
   const dummy = document.createElement('div');
   const 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) {
-  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/modern/unsupportedProp.js

@@ -2,12 +2,9 @@ export default function unsupportedProp(props, propName, componentName, location
   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/modern/useControlled.js

@@ -12,7 +12,6 @@ export default 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)) {
@@ -28,7 +27,6 @@ export default function useControlled({
       }
     }, [JSON.stringify(defaultProp)]);
   }
-
   const setValueIfUncontrolled = React.useCallback(newValue => {
     if (!isControlled) {
       setValue(newValue);

package/modern/useEventCallback.js

@@ -1,15 +1,16 @@
 import * as React from 'react';
 import useEnhancedEffect from './useEnhancedEffect';
+
 /**
  * https://github.com/facebook/react/issues/14099#issuecomment-440013892
  */
-
 export default function useEventCallback(fn) {
   const ref = React.useRef(fn);
   useEnhancedEffect(() => {
     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/modern/useForkRef.js

@@ -10,11 +10,11 @@ export default function useForkRef(...refs) {
     if (refs.every(ref => ref == null)) {
       return null;
     }
-
     return instance => {
       refs.forEach(ref => {
         setRef(ref, instance);
       });
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, refs);
 }

package/modern/useId.js

@@ -1,6 +1,5 @@
 import * as React from 'react';
 let globalId = 0;
-
 function useGlobalId(idOverride) {
   const [defaultId, setDefaultId] = React.useState(idOverride);
   const id = idOverride || defaultId;
@@ -15,9 +14,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' + ''];
 /**
  *
@@ -25,13 +24,11 @@ const maybeReactUseId = React['useId' + ''];
  * @param idOverride
  * @returns {string}
  */
-
 export default function useId(idOverride) {
   if (maybeReactUseId !== undefined) {
     const reactId = maybeReactUseId();
     return 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/modern/useIsFocusVisible.js

@@ -18,6 +18,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
@@ -25,27 +26,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;
@@ -53,15 +50,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.
@@ -69,12 +64,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
@@ -86,7 +78,6 @@ function handleVisibilityChange() {
     }
   }
 }
-
 function prepare(doc) {
   doc.addEventListener('keydown', handleKeyDown, true);
   doc.addEventListener('mousedown', handlePointerDown, true);
@@ -94,7 +85,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);
@@ -102,25 +92,23 @@ export 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);
 }
-
 export default function useIsFocusVisible() {
   const ref = React.useCallback(node => {
     if (node != null) {
@@ -128,10 +116,10 @@ export default 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.
@@ -151,23 +139,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,
     onFocus: handleFocusVisible,

package/modern/usePreviousProps.js

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

package/ownerDocument.d.ts

@@ -1 +1 @@
-export default function ownerDocument(node: Node | null | undefined): Document;
+export default function ownerDocument(node: Node | null | undefined): Document;

package/ownerDocument.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ownerDocument;
-
 function ownerDocument(node) {
   return node && node.ownerDocument || document;
 }

package/ownerWindow.d.ts

@@ -1 +1 @@
-export default function ownerWindow(node: Node | undefined): Window;
+export default function ownerWindow(node: Node | undefined): Window;

package/ownerWindow.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ownerWindow;
-
 var _ownerDocument = _interopRequireDefault(require("./ownerDocument"));
-
 function ownerWindow(node) {
   const doc = (0, _ownerDocument.default)(node);
   return doc.defaultView || window;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/utils",
-  "version": "5.10.9",
+  "version": "5.10.14",
   "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.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
-export default _default;
+declare const _default: any;
+export default _default;

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.d.ts

@@ -1,3 +1,3 @@
-import PropTypes from 'prop-types';
-declare const refType: PropTypes.Requireable<object>;
-export default refType;
+import PropTypes from 'prop-types';
+declare const refType: PropTypes.Requireable<object>;
+export default refType;

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.d.ts

@@ -1,9 +1,9 @@
-/**
- * Add keys, values of `defaultProps` that does not exist in `props`
- * @param {object} defaultProps
- * @param {object} props
- * @returns {object} resolved props
- */
-export default function resolveProps<T extends {
-    className?: string;
-} & Record<string, unknown>>(defaultProps: T, props: T): T;
+/**
+ * Add keys, values of `defaultProps` that does not exist in `props`
+ * @param {object} defaultProps
+ * @param {object} props
+ * @returns {object} resolved props
+ */
+export default function resolveProps<T extends {
+    className?: string;
+} & Record<string, unknown>>(defaultProps: T, props: T): T;

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.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
-/**
- * TODO v5: consider making it private
- *
- * passes {value} to {ref}
- *
- * WARNING: Be sure to only call this inside a callback that is passed as a ref.
- * Otherwise, make sure to cleanup the previous {ref} if it changes. See
- * https://github.com/mui/material-ui/issues/13539
- *
- * Useful if you want to expose the ref of an inner component to the public API
- * while still using it inside the component.
- * @param ref A ref callback or ref object. If anything falsy, this is a no-op.
- */
-export default function setRef<T>(ref: React.MutableRefObject<T | null> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
+import * as React from 'react';
+/**
+ * TODO v5: consider making it private
+ *
+ * passes {value} to {ref}
+ *
+ * WARNING: Be sure to only call this inside a callback that is passed as a ref.
+ * Otherwise, make sure to cleanup the previous {ref} if it changes. See
+ * https://github.com/mui/material-ui/issues/13539
+ *
+ * Useful if you want to expose the ref of an inner component to the public API
+ * while still using it inside the component.
+ * @param ref A ref callback or ref object. If anything falsy, this is a no-op.
+ */
+export default function setRef<T>(ref: React.MutableRefObject<T | null> | ((instance: T | null) => void) | null | undefined, value: T | null): void;

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;