@mui/utils 5.1.0 → 5.2.2

package/CHANGELOG.md

@@ -1,5 +1,252 @@
 ### [Versions](https://mui.com/versions/)
 
+## 5.2.2
+
+<!-- generated comparing v5.2.1..master -->
+
+_Nov 29, 2021_
+
+A big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- ♿️ Improved accessibility of `Snackbar` and `TextField` in `@mui/material` (#29782) (#29850) (#29852) @eps1lon.
+- 🎉 Added support for `sx` syntax inside `styled()` utility (#29833) @mnajdova.
+- 🎉 Added support for more options for `createCssVarsProvider` in `@mui/system` (#29845) (#29857) @hbjORbj.
+- And many more 🐛 bug fixes and 📚 improvements.
+
+### `@mui/material@5.2.2`
+
+- &#8203;<!-- 14 -->[MenuList] Add component prop (#29882) @Harshikerfuffle
+- &#8203;<!-- 13 -->[Snackbar] Interrupt auto-hide on keyboard interaction (#29852) @eps1lon
+- &#8203;<!-- 12 -->[Snackbar] Dismiss on Escape press (#29850) @eps1lon
+- &#8203;<!-- 06 -->[TextField] Associate accessible name and description by default (#29782) @eps1lon
+
+### `@mui/joy@5.0.0-alpha.4`
+
+- &#8203;<!-- 15 -->[Joy] Add `Button` - 1st iteration (#29464) @siriwatknp
+
+### `@mui/codemod@5.2.1`
+
+- &#8203;<!-- 28 -->[codemod] Fix alias import for box-sx-prop (#29902) @siriwatknp
+
+### `@mui/system@5.2.2`
+
+- &#8203;<!-- 11 -->[system] CSSVarsProvider cleans up `html[style]` when unmounting (#29946) @eps1lon
+- &#8203;<!-- 10 -->[system] Add support for `disableTransitionOnChange` in `createCssVarsProvider` (#29857) @hbjORbj
+- &#8203;<!-- 09 -->[system] Add support for `enableColorScheme` in `createCssVarsProvider` (#29845) @hbjORbj
+
+### `@mui/utils@5.2.2`
+
+- &#8203;<!-- 05 -->[useId] Trade random collisions for collisions on overflow (#29781) @eps1lon
+- &#8203;<!-- 04 -->[useIsFocusVisible] Convert to TypeScript (#29779) @eps1lon
+
+### Docs
+
+- &#8203;<!-- 24 -->[docs] Fix v5-beta confusing example description (#29932) @oliviertassinari
+- &#8203;<!-- 23 -->[docs] Apply the z-index on the right DOM element (#29934) @oliviertassinari
+- &#8203;<!-- 22 -->[docs] Improve git diff format (#29935) @oliviertassinari
+- &#8203;<!-- 21 -->[docs] Fix typo (#29866) @sinclairity
+- &#8203;<!-- 20 -->[docs] Fix key display (#29933) @oliviertassinari
+- &#8203;<!-- 19 -->[docs] Fix outdated link to next/link docs (#29937) @radlinskii
+- &#8203;<!-- 18 -->[docs] Add how to pass `sx` prop (#29905) @siriwatknp
+- &#8203;<!-- 17 -->[docs] Fix typo in notifications @mbrookes
+- &#8203;<!-- 16 -->[docs] Black Friday sale notification @mbrookes
+- &#8203;<!-- 03 -->[website] Fix canonical links (#29938) @oliviertassinari
+- &#8203;<!-- 02 -->[website] Fix SEO issues (#29939) @oliviertassinari
+- &#8203;<!-- 01 -->[website] Improvements to the /x product page (#28964) @danilo-leal
+
+### Core
+
+- &#8203;<!-- 27 -->[core] Remove dead code (#29940) @oliviertassinari
+- &#8203;<!-- 26 -->[core] Move benchmark CI job from AZP to CircleCI (#29894) @eps1lon
+- &#8203;<!-- 25 -->[core] Fix PR detection pattern in test_bundle_size_monitor (#29895) @eps1lon
+- &#8203;<!-- 08 -->[test] Fix browser tests (#29929) @eps1lon
+- &#8203;<!-- 07 -->[test] Reject shorthand properties in style matchers (#29893) @eps1lon
+
+All contributors of this release in alphabetical order: @danilo-leal, @eps1lon, @Harshikerfuffle, @hbjORbj, @mbrookes, @oliviertassinari, @radlinskii, @sinclairity, @siriwatknp
+
+## 5.2.1
+
+<!-- generated comparing v5.2.0..master -->
+
+_Nov 25, 2021_
+
+A big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+This is an early release to fix `export 'useId' (imported as 'React') was not found in 'react'` when bundling code depending on MUI Core.
+
+- &#8203;<!-- 10 -->[AppBar][docs] Add a fully responsive demo to docs (#29829) @karakib2k18
+- &#8203;<!-- 9 -->[core] Fix PR run detection in test_bundle_size_monitor (#29879) @eps1lon
+- &#8203;<!-- 8 -->[core] Move bundle size monitoring to CircleCI (#29876) @eps1lon
+- &#8203;<!-- 7 -->[docs] Add keys to Responsive AppBar demo (#29884) @mbrookes
+- &#8203;<!-- 6 -->[docs] MUI's 2021 Developer survey (#29765) @newguy-123
+- &#8203;<!-- 5 -->[docs] Smoother image loading UX (#29858) @oliviertassinari
+- &#8203;<!-- 4 -->[Select] Fix select display value with React Nodes (#29836) @kegi
+- &#8203;<!-- 3 -->[system] Add `experimental_sx` utility (#29833) @mnajdova
+- &#8203;<!-- 2 -->[test] Ignore "detected multiple renderers" warning for now (#29854) @eps1lon
+- &#8203;<!-- 1 -->[useMediaQuery][utils] Remove usage of React 18 APIs (#29870) @eps1lon
+
+All contributors of this release in alphabetical order: @eps1lon, @karakib2k18, @kegi, @mbrookes, @mnajdova, @newguy-123, @oliviertassinari
+
+## 5.2.0
+
+<!-- generated comparing v5.1.1..master -->
+
+_Nov 23, 2021_
+
+A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
+
+- 🧪 Created another unstyled component: [TabsUnstyled](https://mui.com/components/tabs/#unstyled) (#29597) @mnajdova.
+- 🎉 Updated the Material Icons set with the latest changes from Google (#29328) @michaldudak / (#29818) @chao813.
+  This update adds 200 new icons and tweaks the appearance of many more.
+  With it, we're getting close to having 2000 icons in our set.
+- 🐛 Fixed bugs and improved the infrastructure and documentation 📚.
+
+### `@mui/material@5.2.0`
+
+- [IconButton] Remove on hover effect when `disableRipple` is set (#29298) @adamfitzgibbon
+- [i18n] Add the amharic language (#29153) @NatiG100
+- [material] Fix types for `variants.style` to accept callbacks (#29610) @mnajdova
+- [Popper] Simplify prop types (#29680) @michaldudak
+- [Select] Include aria-selected=false when option not selected (#29695) @michaldudak
+- [useMediaQuery] Fix crash in Safari < 14 and IE 11 (#29776) @eps1lon
+- [useMediaQuery] Ensure no tearing in React 18 (#28491) @eps1lon
+
+### `@mui/codemod@5.2.0`
+
+- [codemod] Fix `jss-to-styled` to support multiple withStyles (#29824) @siriwatknp
+
+### `@mui/icons-material@5.2.0`
+
+- [icons] Sync new Google Material Icons (#29818) @chao813
+- [icons] Sync recent Material Icons from Google (#29328) @michaldudak
+
+### `@mui/system@5.2.0`
+
+- [Box] Fix `sx` prop runtime issue when used as function (#29830) @mnajdova
+- [system] Fix `sx` throw error when value is `null` or `undefined` (#29756) @siriwatknp
+- [system] Fix minor CssVars issues (#29747) @siriwatknp
+
+### `@mui/styled-engine@5.2.0`
+
+- [styled-engine] Fix props inference in styled-engine (#29739) @Janpot
+
+### `@mui/base@5.0.0-alpha.56`
+
+- [FormControlUnstyled] `focused` is always false unless explicitly set to `true` @mwilkins91
+- [TabsUnstyled] Introduce new component (#29597) @mnajdova
+
+### `@mui/lab@5.0.0-alpha.56`
+
+- [DatePicker][timepicker] Add missing component declarations (#29517) @longzheng
+- [Masonry] exports from root package (#29754) @abhinav-22-tech
+- [pickers] Widen accepted `luxon` version range (#29761) @eps1lon
+
+### Docs
+
+- [blog] MUI X v5 blog post (#29590) @DanailH
+- [blog] Polish the Benny Joo joins MUI post (#29697) @oliviertassinari
+- [CHANGELOG] Explain why we do breaking changes @oliviertassinari
+- [core] Update latest issue template for codesandbox CI (#29783) @eps1lon
+- [core] Ensure `@mui/core` is an alias for `@mui/base` (#29762) @eps1lon
+- [docs] Fix broken Next and Previous links (#29711) @scallaway
+- [docs] Add a note that ToggleButton exclusive does not enforce selection (#29812) @mmacu
+- [docs] Update the list of supported locales (#29831) @michaldudak
+- [docs] Update tooltip doc to better define touch action (#29717) @gnowland
+- [website] Standardize the background color from the MUI team photos (#29738) @danilo-leal
+- [website] Add Bharat to the About Us Page (#29714) @bharatkashyap
+- [website] Add about page entry for jan (#29701) @Janpot
+- [website] Adding Prakhar to the about page (#29737) @danilo-leal
+
+### Core
+
+- [test] Allow debugging with Chrome and VSCode inspector (#29777) @eps1lon
+- [test] Use renderer clock instead of custom useFakeTimers call (#29778) @eps1lon
+- [test] Only mock Date in regression tests (#29763) @eps1lon
+- [test] Disable nightly integration tests on `next` branch (#29748) @eps1lon
+- [test] Allow configuring clock directly from `createRenderer` (#29684) @eps1lon
+- [test] Accept backslashes as path separators in test CLI (#29694) @michaldudak
+- [utils] Use built-in hook when available for useId (#26489) @eps1lon
+
+All contributors of this release in alphabetical order: @abhinav-22-tech, @adamfitzgibbon, @bharatkashyap, @chao813, @DanailH, @danilo-leal, @eps1lon, @gnowland, @Janpot, @longzheng, @michaldudak, @mmacu, @mnajdova, @mwilkins91, @NatiG100, @oliviertassinari, @scallaway, @siriwatknp
+
+## 5.1.1
+
+<!-- generated comparing v5.1.0..master -->
+
+_Nov 16, 2021_
+
+A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
+
+- 🛠 Renamed `@mui/core` to `@mui/base` (#29585) @michaldudak.
+- And many more 🐛 bug fixes and 📚 improvements.
+
+### `@mui/material@5.1.1`
+
+- &#8203;<!-- 34 -->[Breadcrumbs][divider] Replace decimal spacing values with integers and css calc (#29526) @anikcreative
+- &#8203;<!-- 10 -->[Select][nativeselect] Add `multiple` class (#29566) @aaronholla
+- &#8203;<!-- 09 -->[Popper] Split into PopperUnstyled and Popper (#29488) @michaldudak
+- &#8203;<!-- 08 -->[Select] Make it clear that `Select` is not a root component (#29593) @hbjORbj
+- &#8203;<!-- 13 -->[l10n] Improved Dutch (nl-NL) locale (#29592) @flipvrijn
+- &#8203;<!-- 10 -->[Table] Improve pagination range, use "en dash" over "hyphen" (#29579) @narekmal
+
+### `@mui/base@5.0.0-alpha.55`
+
+#### Breaking changes
+
+- &#8203;<!-- 27 -->[core] Rename mui/core to mui/base (#29585) @michaldudak
+
+  Based on the results of the [poll](https://twitter.com/michaldudak/status/1452630484706635779) and our internal discussions, we decided to rename the `@mui/core` package to `@mui/base`. The main rationale for this is the fact that we use the term "Core" to refer to the core components product family, the one that includes Material Design components, unstyled components, System utilities, etc. Therefore, @mui/core was effectively a subset of MUI Core. This was confusing.
+
+  The new name better reflects the purpose of the package: it contains unstyled components, hooks, and utilities that serve as a **base** to build on.
+
+  ```diff
+  -import { useSwitch } from '@mui/core/SwitchUnstyled';
+  +import { useSwitch } from '@mui/base/SwitchUnstyled';
+  ```
+
+### `@mui/lab@5.0.0-alpha.55`
+
+- &#8203;<!-- 12 -->[LoadingButton] Text variant spacing fixed for both start and end (#29194) @joshua-lawrence
+- &#8203;<!-- 11 -->[Masonry] Check if container or child exists to prevent error (#29452) @hbjORbj
+
+### Docs
+
+- &#8203;<!-- 25 -->[docs] Correct bundler configuration for using legacy MUI build (#29146) @petermikitsh
+- &#8203;<!-- 24 -->[docs] Fix typo on autocomplete.md (#29570) @netizer
+- &#8203;<!-- 23 -->[docs] Fix dark mode on branding pages (#29611) @alexfauquette
+- &#8203;<!-- 22 -->[docs] Do not render CSS section in API docs navbar if there are no CSS classes (#29622) @ZeeshanTamboli
+- &#8203;<!-- 21 -->[docs] Fix link locale handling (#29624) @oliviertassinari
+- &#8203;<!-- 20 -->[docs] Fix Search navigation (#29623) @oliviertassinari
+- &#8203;<!-- 19 -->[docs] Fix broken link & update MUI packages explanation (#29583) @siriwatknp
+- &#8203;<!-- 18 -->[docs] Do not repeat language snippet in url in Algolia search (#29483) @hbjORbj
+- &#8203;<!-- 17 -->[docs] Update `ThemeProvider` API link (#29573) @siriwatknp
+- &#8203;<!-- 16 -->[docs] Remove svg logos from the Support page (#29431) @oliviertassinari
+- &#8203;<!-- 15 -->[docs] Link UXPin integration (#29422) @oliviertassinari
+- &#8203;<!-- 14 -->[docs] Link to the new public roadmap for the design kits (#29433) @oliviertassinari
+- &#8203;<!-- 28 -->[docs] correct bundler configuration for using legacy MUI build (#29146) @petermikitsh
+- &#8203;<!-- 01 -->[website] Fix premium plan release date (#29430) @oliviertassinari
+- &#8203;<!-- 02 -->[website] Add GitHub icon button to the navbar (#29640) @danilo-leal
+- &#8203;<!-- 39 -->[blog] Support many authors in markdown pages (#29633) @m4theushw
+
+### Core
+
+- &#8203;<!-- 33 -->[core] Add `experiments` index page (#29582) @siriwatknp
+- &#8203;<!-- 32 -->[core] Move s3 bucket ownership to mui-org (#29609) @eps1lon
+- &#8203;<!-- 31 -->[core] Improve support request message (#29614) @mnajdova
+- &#8203;<!-- 30 -->[core] Use support request Github Action (#29594) @mnajdova
+- &#8203;<!-- 29 -->[core] Remove unused `getJsxPreview` util (#29586) @ZeeshanTamboli
+- &#8203;<!-- 28 -->[core] Use GitHub issue forms (#28038) @oliviertassinari
+- &#8203;<!-- 26 -->[core] Add playground (#29423) @oliviertassinari
+- &#8203;<!-- 07 -->[test] Correctly identify what the `raf` helper is for (#29683) @eps1lon
+- &#8203;<!-- 06 -->[test] Verify a quilted ImageList is created as test title suggests (#29565) @daniel-sachs
+- &#8203;<!-- 05 -->[test] Replace `createServerRender` with `createRenderer` (#29503) @eps1lon
+- &#8203;<!-- 04 -->[test] Always ignore "useLayoutEffect has no effect on the server"-warning (#29502) @eps1lon
+- &#8203;<!-- 03 -->[test] Restore StrictMode by default (#29589) @eps1lon
+- &#8203;<!-- 02 -->[test] createPickerRender -> createPickerRenderer (#29575) @eps1lon
+- &#8203;<!-- 09 -->[test] Allow experimental CLI to run exact test (#29685) @eps1lon
+
+All contributors of this release in alphabetical order: @aaronholla, @alexfauquette, @anikcreative, @daniel-sachs, @eps1lon, @flipvrijn, @hbjORbj, @joshua-lawrence, @michaldudak, @mnajdova, @netizer, @oliviertassinari, @petermikitsh, @siriwatknp, @ZeeshanTamboli
+
 ## 5.1.0
 
 <!-- generated comparing v5.0.6..master -->
@@ -142,16 +389,16 @@ _Oct 26, 2021_
 A big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:
 
 - 🔧 Implement `Masonry` using Flexbox by @hbjORbj.
-- 🧪 Add three components to `@mui/core` by @rebeccahongsf and @hbjORbj.
+- 🧪 Add three components to `@mui/base` by @rebeccahongsf and @hbjORbj.
 
 ### `@mui/codemod@5.0.5`
 
 - &#8203;<!-- 38 -->[codemod] Support new package name in `link-underline-hover` transformer (#29214) @siriwatknp
 
-### `@mui/core@5.0.0-alpha.52`
+### `@mui/base@5.0.0-alpha.52`
 
 - &#8203;<!-- 39 -->[ClickAwayListener] Move to the core package (#29186) @hbjORbj
-- &#8203;<!-- 13 -->[Popper] Move from mui-material to mui-core (#28923) @rebeccahongsf
+- &#8203;<!-- 13 -->[Popper] Move from mui-material to mui-base (#28923) @rebeccahongsf
 - &#8203;<!-- 04 -->[TextareaAutosize] Move to the core package (#29148) @hbjORbj
 
 ### `@mui/lab@5.0.0-alpha.52`
@@ -220,7 +467,7 @@ _Oct 14, 2021_
 
 A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
 
-- 🧪 Added `UnstyledInput` and `useInput` hook in the the first component in @mui/core package @michaldudak (#28053)
+- 🧪 Added `UnstyledInput` and `useInput` hook in the the first component in @mui/base package @michaldudak (#28053)
 - 🐛 Fixed many bugs and improved the documentation 📚.
 
 ### `@mui/material@5.0.4`
@@ -235,7 +482,7 @@ A big thanks to the 17 contributors who made this release possible. Here are som
 
 - &#8203;<!-- 05 -->[system] Update typing for `style` function (#28744) @hbjORbj
 
-### `@mui/core@5.0.0-alpha.51`
+### `@mui/base@5.0.0-alpha.51`
 
 - &#8203;<!-- 07 -->[InputUnstyled] Create unstyled input and useInput hook (#28053) @michaldudak
 
@@ -304,7 +551,7 @@ A big thanks to the 19 contributors who made this release possible. Here are som
 
 - &#8203;<!-- 42 -->Don't allow styled-components APIs on mui styled function (#28807) @hbjORbj
 
-### `@mui/core@5.0.0-alpha.50`
+### `@mui/base@5.0.0-alpha.50`
 
 - &#8203;<!-- 38 -->[ButtonUnstyled] Don't set redundant role=button (#28488) @michaldudak
 - &#8203;<!-- 43 -->[SliderUnstyled] Prevent unknown-prop error when using marks prop (#28868) @hbjORbj
@@ -683,10 +930,10 @@ A big thanks to the 18 contributors who made this release possible. Here are som
   ```
   @material-ui/core => @mui/material        // represents Material Design components.
   @material-ui/icons => @mui/icons-material // represents Material Design icons.
-  @material-ui/unstyled => @mui/core        // fully functional components with minimum styles.
+  @material-ui/unstyled => @mui/base        // fully functional components with minimum styles.
   ```
 
-  > **Note**: `@mui/core` (previously `@material-ui/unstyled`) is not the same as `@material-ui/core`.
+  > **Note**: `@mui/base` (previously `@material-ui/unstyled`) is not the same as `@material-ui/core`.
 
   We encourage you to use the [codemod](https://github.com/mui-org/material-ui/blob/next/packages/mui-codemod/README.md#mui-replace) for smooth migration.
 
@@ -701,7 +948,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
 - &#8203;<!-- 05 -->[ToggleButtonGroup] Add "disabled" prop (#27998) @chetas411
 - &#8203;<!-- 34 -->[core] Export types for module augmentation (#28078) @m4theushw
 
-### `@mui/core@5.0.0-alpha.45`
+### `@mui/base@5.0.0-alpha.45`
 
 - &#8203;<!-- 38 -->[Button] Create ButtonUnstyled and useButton (#27600) @michaldudak
 
@@ -1821,7 +2068,7 @@ _May 31, 2021_
 A big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
 
 - 👩‍🎤 We have completed the migration to emotion of all the components (`@material-ui/core` and `@material-ui/lab`) @siriwatknp, @mnajdova.
-- 📦 Save [10 kB gzipped](https://bundlephobia.com/result?p=@material-ui/core@5.0.0-alpha.34) by removing the dependency on `@material-ui/styles` (JSS) from the core and the lab (#26377, #26382, #26376) @mnajdova.
+- 📦 Save [10 kB gzipped](https://bundlephobia.com/package/@material-ui/core@5.0.0-alpha.34) by removing the dependency on `@material-ui/styles` (JSS) from the core and the lab (#26377, #26382, #26376) @mnajdova.
 - ⚒️ Add many new [codemods](https://github.com/mui-org/material-ui/blob/HEAD/packages/mui-codemod/README.md) to automate the migration from v4 to v5 (#24867) @mbrookes.
 - And many more 🐛 bug fixes and 📚 improvements.
 

package/HTMLElementType.d.ts

@@ -1,3 +1,3 @@
-export default function HTMLElementType(props: {
-    [key: string]: unknown;
-}, propName: string, componentName: string, location: string, propFullName: string): Error | null;
+export default function HTMLElementType(props: {
+    [key: string]: unknown;
+}, propName: string, componentName: string, location: string, propFullName: string): Error | null;

package/chainPropTypes.d.ts

@@ -1,2 +1,2 @@
-import PropTypes from 'prop-types';
-export default function chainPropTypes<A, B>(propType1: PropTypes.Validator<A>, propType2: PropTypes.Validator<B>): PropTypes.Validator<A & B>;
+import PropTypes from 'prop-types';
+export default function chainPropTypes<A, B>(propType1: PropTypes.Validator<A>, propType2: PropTypes.Validator<B>): PropTypes.Validator<A & B>;

package/createChainedFunction.d.ts

@@ -1,7 +1,7 @@
-/**
- * Safe chained function.
- *
- * Will only create a new function if needed,
- * otherwise will pass back existing functions or null.
- */
-export default function createChainedFunction<Args extends any[], This>(...funcs: Array<(this: This, ...args: Args) => any>): (this: This, ...args: Args) => void;
+/**
+ * Safe chained function.
+ *
+ * Will only create a new function if needed,
+ * otherwise will pass back existing functions or null.
+ */
+export default function createChainedFunction<Args extends any[], This>(...funcs: Array<(this: This, ...args: Args) => any>): (this: This, ...args: Args) => void;

package/deepmerge.d.ts

@@ -1,5 +1,5 @@
-export declare function isPlainObject(item: unknown): item is Record<keyof any, unknown>;
-export interface DeepmergeOptions {
-    clone?: boolean;
-}
-export default function deepmerge<T>(target: T, source: unknown, options?: DeepmergeOptions): T;
+export declare function isPlainObject(item: unknown): item is Record<keyof any, unknown>;
+export interface DeepmergeOptions {
+    clone?: boolean;
+}
+export default function deepmerge<T>(target: T, source: unknown, options?: DeepmergeOptions): T;

package/deepmerge.js

@@ -11,9 +11,7 @@ exports.isPlainObject = isPlainObject;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 function isPlainObject(item) {
-  return item !== null && typeof item === 'object' && // TS thinks `item is possibly null` even though this was our first guard.
-  // @ts-expect-error
-  item.constructor === Object;
+  return item !== null && typeof item === 'object' && item.constructor === Object;
 }
 
 function deepmerge(target, source, options = {

package/elementAcceptingRef.d.ts

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

package/elementTypeAcceptingRef.d.ts

@@ -1,3 +1,3 @@
-import PropTypes from 'prop-types';
-declare const _default: PropTypes.Validator<PropTypes.ReactComponentLike | null | undefined>;
-export default _default;
+import PropTypes from 'prop-types';
+declare const _default: PropTypes.Validator<PropTypes.ReactComponentLike | null | undefined>;
+export default _default;

package/esm/deepmerge.js

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 export function isPlainObject(item) {
-  return item !== null && typeof item === 'object' && // TS thinks `item is possibly null` even though this was our first guard.
-  // @ts-expect-error
-  item.constructor === Object;
+  return item !== null && typeof item === 'object' && item.constructor === Object;
 }
 export default function deepmerge(target, source, options = {
   clone: true

package/esm/useId.js

@@ -1,13 +1,16 @@
 import * as React from 'react';
+let globalId = 0;
 export default function useId(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;

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

@@ -1,2 +1,2 @@
-import { ValidationMap } from 'prop-types';
-export default function exactProp<T>(propTypes: ValidationMap<T>): ValidationMap<T>;
+import { ValidationMap } from 'prop-types';
+export default function exactProp<T>(propTypes: ValidationMap<T>): ValidationMap<T>;

package/formatMuiErrorMessage.d.ts

@@ -1,6 +1,6 @@
-/**
- * WARNING: Don't import this directly.
- * Use `MuiError` from `@mui/utils/macros/MuiError.macro` instead.
- * @param {number} code
- */
-export default function formatMuiErrorMessage(code: number): string;
+/**
+ * WARNING: Don't import this directly.
+ * Use `MuiError` from `@mui/utils/macros/MuiError.macro` instead.
+ * @param {number} code
+ */
+export default function formatMuiErrorMessage(code: number): string;

package/getDisplayName.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-export declare function getFunctionName(fn: Function): string;
-/**
- * cherry-pick from
- * https://github.com/facebook/react/blob/769b1f270e1251d9dbdce0fcbd9e92e502d059b8/packages/shared/getComponentName.js
- * originally forked from recompose/getDisplayName with added IE11 support
- */
-export default function getDisplayName(Component: React.ElementType): string | undefined;
+import * as React from 'react';
+export declare function getFunctionName(fn: Function): string;
+/**
+ * cherry-pick from
+ * https://github.com/facebook/react/blob/769b1f270e1251d9dbdce0fcbd9e92e502d059b8/packages/shared/getComponentName.js
+ * originally forked from recompose/getDisplayName with added IE11 support
+ */
+export default function getDisplayName(Component: React.ElementType): string | undefined;

package/getScrollbarSize.d.ts

@@ -1 +1 @@
-export default function getScrollbarSize(doc: Document): number;
+export default function getScrollbarSize(doc: Document): number;

package/index.d.ts

@@ -1,32 +1,32 @@
-export { default as chainPropTypes } from './chainPropTypes';
-export { default as deepmerge } from './deepmerge';
-export { isPlainObject } from './deepmerge';
-export { default as elementAcceptingRef } from './elementAcceptingRef';
-export { default as elementTypeAcceptingRef } from './elementTypeAcceptingRef';
-export { default as exactProp } from './exactProp';
-export { default as formatMuiErrorMessage } from './formatMuiErrorMessage';
-export { default as getDisplayName } from './getDisplayName';
-export { default as HTMLElementType } from './HTMLElementType';
-export { default as ponyfillGlobal } from './ponyfillGlobal';
-export { default as refType } from './refType';
-export { default as unstable_capitalize } from './capitalize';
-export { default as unstable_createChainedFunction } from './createChainedFunction';
-export { default as unstable_debounce } from './debounce';
-export { default as unstable_deprecatedPropType } from './deprecatedPropType';
-export { default as unstable_isMuiElement } from './isMuiElement';
-export { default as unstable_ownerDocument } from './ownerDocument';
-export { default as unstable_ownerWindow } from './ownerWindow';
-export { default as unstable_requirePropFactory } from './requirePropFactory';
-export { default as unstable_setRef } from './setRef';
-export { default as unstable_useEnhancedEffect } from './useEnhancedEffect';
-export { default as unstable_useId } from './useId';
-export { default as unstable_unsupportedProp } from './unsupportedProp';
-export { default as unstable_useControlled } from './useControlled';
-export { default as unstable_useEventCallback } from './useEventCallback';
-export { default as unstable_useForkRef } from './useForkRef';
-export { default as unstable_useIsFocusVisible } from './useIsFocusVisible';
-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 chainPropTypes } from './chainPropTypes';
+export { default as deepmerge } from './deepmerge';
+export { isPlainObject } from './deepmerge';
+export { default as elementAcceptingRef } from './elementAcceptingRef';
+export { default as elementTypeAcceptingRef } from './elementTypeAcceptingRef';
+export { default as exactProp } from './exactProp';
+export { default as formatMuiErrorMessage } from './formatMuiErrorMessage';
+export { default as getDisplayName } from './getDisplayName';
+export { default as HTMLElementType } from './HTMLElementType';
+export { default as ponyfillGlobal } from './ponyfillGlobal';
+export { default as refType } from './refType';
+export { default as unstable_capitalize } from './capitalize';
+export { default as unstable_createChainedFunction } from './createChainedFunction';
+export { default as unstable_debounce } from './debounce';
+export { default as unstable_deprecatedPropType } from './deprecatedPropType';
+export { default as unstable_isMuiElement } from './isMuiElement';
+export { default as unstable_ownerDocument } from './ownerDocument';
+export { default as unstable_ownerWindow } from './ownerWindow';
+export { default as unstable_requirePropFactory } from './requirePropFactory';
+export { default as unstable_setRef } from './setRef';
+export { default as unstable_useEnhancedEffect } from './useEnhancedEffect';
+export { default as unstable_useId } from './useId';
+export { default as unstable_unsupportedProp } from './unsupportedProp';
+export { default as unstable_useControlled } from './useControlled';
+export { default as unstable_useEventCallback } from './useEventCallback';
+export { default as unstable_useForkRef } from './useForkRef';
+export { default as unstable_useIsFocusVisible } from './useIsFocusVisible';
+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';

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.1.0
+/** @license MUI v5.2.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/integerPropType.d.ts

@@ -1,7 +1,7 @@
-export function getTypeByValue(value: any): any;
-declare function _default(props: any, propName: any, ...other: any[]): RangeError | null;
-declare namespace _default {
-    export { requiredInteger as isRequired };
-}
-export default _default;
-declare function requiredInteger(props: any, propName: any, componentName: any, location: any): RangeError | null;
+export function getTypeByValue(value: any): any;
+declare function _default(props: any, propName: any, ...other: any[]): RangeError | null;
+declare namespace _default {
+    export { requiredInteger as isRequired };
+}
+export default _default;
+declare function requiredInteger(props: any, propName: any, componentName: any, location: any): RangeError | null;

package/isMuiElement.d.ts

@@ -1 +1 @@
-export default function isMuiElement(element: any, muiNames: readonly string[]): boolean;
+export default function isMuiElement(element: any, muiNames: readonly string[]): boolean;

package/legacy/deepmerge.js

@@ -1,9 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 export function isPlainObject(item) {
-  return item !== null && _typeof(item) === 'object' && // TS thinks `item is possibly null` even though this was our first guard.
-  // @ts-expect-error
-  item.constructor === Object;
+  return item !== null && _typeof(item) === 'object' && item.constructor === Object;
 }
 export default function deepmerge(target, source) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.1.0
+/** @license MUI v5.2.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/useId.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+var globalId = 0;
 export default function useId(idOverride) {
   var _React$useState = React.useState(idOverride),
       defaultId = _React$useState[0],
@@ -8,9 +9,11 @@ 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;

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/deepmerge.js

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 export function isPlainObject(item) {
-  return item !== null && typeof item === 'object' && // TS thinks `item is possibly null` even though this was our first guard.
-  // @ts-expect-error
-  item.constructor === Object;
+  return item !== null && typeof item === 'object' && item.constructor === Object;
 }
 export default function deepmerge(target, source, options = {
   clone: true

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.1.0
+/** @license MUI v5.2.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/modern/useId.js

@@ -1,13 +1,16 @@
 import * as React from 'react';
+let globalId = 0;
 export default function useId(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;

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

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

package/ownerWindow.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/utils",
-  "version": "5.1.0",
+  "version": "5.2.2",
   "private": false,
   "author": "MUI Team",
   "description": "Utility functions for React components.",
@@ -25,7 +25,7 @@
     "react": "^17.0.2"
   },
   "dependencies": {
-    "@babel/runtime": "^7.16.0",
+    "@babel/runtime": "^7.16.3",
     "@types/prop-types": "^15.7.4",
     "@types/react-is": "^16.7.1 || ^17.0.0",
     "prop-types": "^15.7.2",

package/ponyfillGlobal.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
-export default _default;
+declare const _default: any;
+export 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/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-org/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-org/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/useEventCallback.d.ts

@@ -1,4 +1,4 @@
-/**
- * https://github.com/facebook/react/issues/14099#issuecomment-440013892
- */
-export default function useEventCallback<Args extends unknown[], Return>(fn: (...args: Args) => Return): (...args: Args) => Return;
+/**
+ * https://github.com/facebook/react/issues/14099#issuecomment-440013892
+ */
+export default function useEventCallback<Args extends unknown[], Return>(fn: (...args: Args) => Return): (...args: Args) => Return;

package/useEventCallback.spec.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/useForkRef.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
-export default function useForkRef<Instance>(refA: React.Ref<Instance> | null | undefined, refB: React.Ref<Instance> | null | undefined): React.Ref<Instance> | null;
+import * as React from 'react';
+export default function useForkRef<Instance>(refA: React.Ref<Instance> | null | undefined, refB: React.Ref<Instance> | null | undefined): React.Ref<Instance> | null;

package/useId.d.ts

@@ -1 +1 @@
-export default function useId(idOverride?: string): string | undefined;
+export default function useId(idOverride?: string): string | undefined;

package/useId.js

@@ -11,15 +11,19 @@ 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; }
 
+let globalId = 0;
+
 function useId(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;

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,

package/usePreviousProps.d.ts

@@ -1,2 +1,2 @@
-declare const usePreviousProps: (value: object) => object;
-export default usePreviousProps;
+declare const usePreviousProps: (value: object) => object;
+export default usePreviousProps;

package/visuallyHidden.d.ts

@@ -1,2 +1,2 @@
-declare const visuallyHidden: import('react').CSSProperties;
-export default visuallyHidden;
+declare const visuallyHidden: import('react').CSSProperties;
+export default visuallyHidden;