@mui/utils 5.2.1 → 5.4.1

package/esm/index.js

@@ -29,4 +29,5 @@ export { default as unstable_getScrollbarSize } from './getScrollbarSize';
 export { detectScrollType as unstable_detectScrollType, getNormalizedScrollLeft as unstable_getNormalizedScrollLeft } from './scrollLeft';
 export { default as usePreviousProps } from './usePreviousProps';
 export { default as visuallyHidden } from './visuallyHidden';
-export { default as integerPropType } from './integerPropType';
+export { default as integerPropType } from './integerPropType';
+export { default as internal_resolveProps } from './resolveProps';

package/esm/resolveProps.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+
+/**
+ * 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(defaultProps, props) {
+  const output = _extends({}, props);
+
+  Object.keys(defaultProps).forEach(propName => {
+    if (output[propName] === undefined) {
+      output[propName] = defaultProps[propName];
+    }
+  });
+  return output;
+}

package/esm/setRef.js

@@ -5,7 +5,7 @@
  *
  * 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-org/material-ui/issues/13539
+ * 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.

package/esm/useId.js

@@ -1,14 +1,37 @@
 import * as React from 'react';
-export default function useId(idOverride) {
+let globalId = 0;
+
+function useGlobalId(idOverride) {
   const [defaultId, setDefaultId] = React.useState(idOverride);
   const id = idOverride || defaultId;
   React.useEffect(() => {
     if (defaultId == null) {
       // Fallback to this default id when possible.
-      // Use the random value for client-side rendering only.
+      // Use the incrementing value for client-side rendering only.
       // We can't use it server-side.
-      setDefaultId(`mui-${Math.round(Math.random() * 1e9)}`);
+      // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem
+      globalId += 1;
+      setDefaultId(`mui-${globalId}`);
     }
   }, [defaultId]);
   return id;
+} // eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814
+
+
+const maybeReactUseId = React['useId' + ''];
+/**
+ *
+ * @example <div id={useId()} />
+ * @param idOverride
+ * @returns {string}
+ */
+
+export default 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.
+
+
+  return useGlobalId(idOverride);
 }

package/esm/useIsFocusVisible.js

@@ -2,7 +2,7 @@
 import * as React from 'react';
 let hadKeyboardEvent = true;
 let hadFocusVisibleRecently = false;
-let hadFocusVisibleRecentlyTimeout = null;
+let hadFocusVisibleRecentlyTimeout;
 const inputTypesWhitelist = {
   text: true,
   search: true,

package/index.d.ts

@@ -30,3 +30,4 @@ export { detectScrollType as unstable_detectScrollType, getNormalizedScrollLeft
 export { default as usePreviousProps } from './usePreviousProps';
 export { default as visuallyHidden } from './visuallyHidden';
 export { default as integerPropType } from './integerPropType';
+export { default as internal_resolveProps } from './resolveProps';

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.2.1
+/** @license MUI v5.4.1
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -64,6 +64,12 @@ Object.defineProperty(exports, "integerPropType", {
     return _integerPropType.default;
   }
 });
+Object.defineProperty(exports, "internal_resolveProps", {
+  enumerable: true,
+  get: function () {
+    return _resolveProps.default;
+  }
+});
 Object.defineProperty(exports, "isPlainObject", {
   enumerable: true,
   get: function () {
@@ -271,6 +277,8 @@ var _visuallyHidden = _interopRequireDefault(require("./visuallyHidden"));
 
 var _integerPropType = _interopRequireDefault(require("./integerPropType"));
 
+var _resolveProps = _interopRequireDefault(require("./resolveProps"));
+
 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; }

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.2.1
+/** @license MUI v5.4.1
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -34,4 +34,5 @@ export { default as unstable_getScrollbarSize } from './getScrollbarSize';
 export { detectScrollType as unstable_detectScrollType, getNormalizedScrollLeft as unstable_getNormalizedScrollLeft } from './scrollLeft';
 export { default as usePreviousProps } from './usePreviousProps';
 export { default as visuallyHidden } from './visuallyHidden';
-export { default as integerPropType } from './integerPropType';
+export { default as integerPropType } from './integerPropType';
+export { default as internal_resolveProps } from './resolveProps';

package/legacy/resolveProps.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+
+/**
+ * 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(defaultProps, props) {
+  var output = _extends({}, props);
+
+  Object.keys(defaultProps).forEach(function (propName) {
+    if (output[propName] === undefined) {
+      output[propName] = defaultProps[propName];
+    }
+  });
+  return output;
+}

package/legacy/setRef.js

@@ -5,7 +5,7 @@
  *
  * 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-org/material-ui/issues/13539
+ * 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.

package/legacy/useId.js

@@ -1,5 +1,7 @@
 import * as React from 'react';
-export default function useId(idOverride) {
+var globalId = 0;
+
+function useGlobalId(idOverride) {
   var _React$useState = React.useState(idOverride),
       defaultId = _React$useState[0],
       setDefaultId = _React$useState[1];
@@ -8,10 +10,31 @@ export default function useId(idOverride) {
   React.useEffect(function () {
     if (defaultId == null) {
       // Fallback to this default id when possible.
-      // Use the random value for client-side rendering only.
+      // Use the incrementing value for client-side rendering only.
       // We can't use it server-side.
-      setDefaultId("mui-".concat(Math.round(Math.random() * 1e9)));
+      // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem
+      globalId += 1;
+      setDefaultId("mui-".concat(globalId));
     }
   }, [defaultId]);
   return id;
+} // eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814
+
+
+var maybeReactUseId = React['useId' + ''];
+/**
+ *
+ * @example <div id={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.
+
+
+  return useGlobalId(idOverride);
 }

package/legacy/useIsFocusVisible.js

@@ -2,7 +2,7 @@
 import * as React from 'react';
 var hadKeyboardEvent = true;
 var hadFocusVisibleRecently = false;
-var hadFocusVisibleRecentlyTimeout = null;
+var hadFocusVisibleRecentlyTimeout;
 var inputTypesWhitelist = {
   text: true,
   search: true,
@@ -27,8 +27,9 @@ var inputTypesWhitelist = {
  */
 
 function focusTriggersKeyboardModality(node) {
-  var type = node.type,
-      tagName = node.tagName;
+  var _ref = node,
+      type = _ref.type,
+      tagName = _ref.tagName;
 
   if (tagName === 'INPUT' && inputTypesWhitelist[type] && !node.readOnly) {
     return true;

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.2.1
+/** @license MUI v5.4.1
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -34,4 +34,5 @@ export { default as unstable_getScrollbarSize } from './getScrollbarSize';
 export { detectScrollType as unstable_detectScrollType, getNormalizedScrollLeft as unstable_getNormalizedScrollLeft } from './scrollLeft';
 export { default as usePreviousProps } from './usePreviousProps';
 export { default as visuallyHidden } from './visuallyHidden';
-export { default as integerPropType } from './integerPropType';
+export { default as integerPropType } from './integerPropType';
+export { default as internal_resolveProps } from './resolveProps';

package/modern/resolveProps.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+
+/**
+ * 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(defaultProps, props) {
+  const output = _extends({}, props);
+
+  Object.keys(defaultProps).forEach(propName => {
+    if (output[propName] === undefined) {
+      output[propName] = defaultProps[propName];
+    }
+  });
+  return output;
+}

package/modern/setRef.js

@@ -5,7 +5,7 @@
  *
  * 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-org/material-ui/issues/13539
+ * 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.

package/modern/useId.js

@@ -1,14 +1,37 @@
 import * as React from 'react';
-export default function useId(idOverride) {
+let globalId = 0;
+
+function useGlobalId(idOverride) {
   const [defaultId, setDefaultId] = React.useState(idOverride);
   const id = idOverride || defaultId;
   React.useEffect(() => {
     if (defaultId == null) {
       // Fallback to this default id when possible.
-      // Use the random value for client-side rendering only.
+      // Use the incrementing value for client-side rendering only.
       // We can't use it server-side.
-      setDefaultId(`mui-${Math.round(Math.random() * 1e9)}`);
+      // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem
+      globalId += 1;
+      setDefaultId(`mui-${globalId}`);
     }
   }, [defaultId]);
   return id;
+} // eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814
+
+
+const maybeReactUseId = React['useId' + ''];
+/**
+ *
+ * @example <div id={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.
+
+
+  return useGlobalId(idOverride);
 }

package/modern/useIsFocusVisible.js

@@ -2,7 +2,7 @@
 import * as React from 'react';
 let hadKeyboardEvent = true;
 let hadFocusVisibleRecently = false;
-let hadFocusVisibleRecentlyTimeout = null;
+let hadFocusVisibleRecentlyTimeout;
 const inputTypesWhitelist = {
   text: true,
   search: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/utils",
-  "version": "5.2.1",
+  "version": "5.4.1",
   "private": false,
   "author": "MUI Team",
   "description": "Utility functions for React components.",
@@ -13,19 +13,23 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/mui-org/material-ui.git",
+    "url": "https://github.com/mui/material-ui.git",
     "directory": "packages/mui-utils"
   },
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/mui-org/material-ui/issues"
+    "url": "https://github.com/mui/material-ui/issues"
+  },
+  "homepage": "https://github.com/mui/material-ui/tree/master/packages/mui-utils",
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/mui"
   },
-  "homepage": "https://github.com/mui-org/material-ui/tree/master/packages/mui-utils",
   "peerDependencies": {
-    "react": "^17.0.2"
+    "react": "^17.0.0"
   },
   "dependencies": {
-    "@babel/runtime": "^7.16.3",
+    "@babel/runtime": "^7.17.0",
     "@types/prop-types": "^15.7.4",
     "@types/react-is": "^16.7.1 || ^17.0.0",
     "prop-types": "^15.7.2",

package/resolveProps.d.ts

@@ -0,0 +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;

package/resolveProps.js

@@ -0,0 +1,26 @@
+"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
+ * @param {object} props
+ * @returns {object} resolved props
+ */
+function resolveProps(defaultProps, props) {
+  const output = (0, _extends2.default)({}, props);
+  Object.keys(defaultProps).forEach(propName => {
+    if (output[propName] === undefined) {
+      output[propName] = defaultProps[propName];
+    }
+  });
+  return output;
+}

package/setRef.d.ts

@@ -6,7 +6,7 @@ import * as React from 'react';
  *
  * 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-org/material-ui/issues/13539
+ * 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.

package/setRef.js

@@ -12,7 +12,7 @@ exports.default = setRef;
  *
  * 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-org/material-ui/issues/13539
+ * 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.

package/useId.d.ts

@@ -1 +1,7 @@
+/**
+ *
+ * @example <div id={useId()} />
+ * @param idOverride
+ * @returns {string}
+ */
 export default function useId(idOverride?: string): string | undefined;

package/useId.js

@@ -11,16 +11,39 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 useId(idOverride) {
+let globalId = 0;
+
+function useGlobalId(idOverride) {
   const [defaultId, setDefaultId] = React.useState(idOverride);
   const id = idOverride || defaultId;
   React.useEffect(() => {
     if (defaultId == null) {
       // Fallback to this default id when possible.
-      // Use the random value for client-side rendering only.
+      // Use the incrementing value for client-side rendering only.
       // We can't use it server-side.
-      setDefaultId(`mui-${Math.round(Math.random() * 1e9)}`);
+      // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem
+      globalId += 1;
+      setDefaultId(`mui-${globalId}`);
     }
   }, [defaultId]);
   return id;
+} // eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814
+
+
+const maybeReactUseId = React['useId' + ''];
+/**
+ *
+ * @example <div id={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.
+
+
+  return useGlobalId(idOverride);
 }

package/useIsFocusVisible.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
-
-export default function useIsFocusVisible(): {
-  isFocusVisibleRef: React.MutableRefObject<boolean>;
-  onBlur: (event: React.FocusEvent<any>) => void;
-  onFocus: (event: React.FocusEvent<any>) => void;
-  ref: React.Ref<unknown>;
-};
+export declare function teardown(doc: Document): void;
+export interface UseIsFocusVisibleResult {
+    isFocusVisibleRef: React.MutableRefObject<boolean>;
+    onBlur: (event: React.FocusEvent<any>) => void;
+    onFocus: (event: React.FocusEvent<any>) => void;
+    ref: React.Ref<unknown>;
+}
+export default function useIsFocusVisible(): UseIsFocusVisibleResult;

package/useIsFocusVisible.js

@@ -15,7 +15,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 // based on https://github.com/WICG/focus-visible/blob/v4.1.5/src/focus-visible.js
 let hadKeyboardEvent = true;
 let hadFocusVisibleRecently = false;
-let hadFocusVisibleRecentlyTimeout = null;
+let hadFocusVisibleRecentlyTimeout;
 const inputTypesWhitelist = {
   text: true,
   search: true,