@mui/utils 5.16.0 → 5.16.2

package/CHANGELOG.md

@@ -1,5 +1,58 @@
 # [Versions](https://mui.com/versions/)
 
+## v5.16.2
+
+<!-- generated comparing v5.16.1..master -->
+
+_Jul 16, 2024_
+
+A big thanks to the 2 contributors who made this release possible.
+
+### `@mui/material@5.16.2`
+
+- &#8203;<!-- 2 -->[material] Remove dependency to @mui/base (@mnajdova) (#42917) @mnajdova
+
+### Core
+
+- &#8203;<!-- 1 -->[website] Sync /about page @oliviertassinari
+
+All contributors of this release in alphabetical order: @mnajdova, @oliviertassinari
+
+## v5.16.1
+
+_Jul 11, 2024_
+
+A big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
+
+- ⚛️ All packages, including Material UI, are now compatible with React 18.3.1
+
+### `@mui/material@5.16.1`
+
+- [AppBar] Fix inherit color is inconsistent between ThemeProvider and CssVarsProvider (#42713) @ZeeshanTamboli
+
+### `@mui/joy@5.0.0-beta.48`
+
+- [Autocomplete] Fix React spread key warning (#42856) @aarongarciah
+
+### Docs
+
+- [material-ui] Fix React 18.3 key spread warnings in Autocomplete demos (#42854) @aarongarciah
+- [material-ui] Fix type error in virtualized table demo (#42852) @aarongarciah
+- Fix typos (@omahs) (#42888) @omahs
+- Fix 301 @oliviertassinari
+
+### Core
+
+- [core] Bump React to 18.3.1 (#42846) @aarongarciah
+- [core] Remove react-test-renderer (#42853) @aarongarciah
+- [core] Replace enzyme in describeConformance (#42847) @aarongarciah
+- [test] Remove enzyme (#42850) @aarongarciah
+- [test] Remove createMount test util (#42849) @aarongarciah
+- [base-ui] Fix React spread key warning in test (#42855) @aarongarciah
+- [styles][withStyles] Expect React defaultProps warning in test (#42752) (#42851) @aarongarciah
+
+All contributors of this release in alphabetical order: @aarongarciah, @oliviertassinari, @omahs, @ZeeshanTamboli
+
 ## v5.16.0
 
 <!-- generated comparing v5.15.21..master -->

package/ClassNameGenerator/ClassNameGenerator.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 const defaultGenerator = componentName => componentName;
 const createClassNameGenerator = () => {
   let generate = defaultGenerator;
@@ -14,4 +20,4 @@ const createClassNameGenerator = () => {
   };
 };
 const ClassNameGenerator = createClassNameGenerator();
-export default ClassNameGenerator;
+var _default = exports.default = ClassNameGenerator;

package/ClassNameGenerator/index.js

@@ -1 +1,13 @@
-export { default } from './ClassNameGenerator';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _ClassNameGenerator.default;
+  }
+});
+var _ClassNameGenerator = _interopRequireDefault(require("./ClassNameGenerator"));

package/ClassNameGenerator/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/ClassNameGenerator/index.js",
+  "module": "../esm/ClassNameGenerator/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/HTMLElementType/HTMLElementType.js

@@ -1,4 +1,10 @@
-export default function HTMLElementType(props, propName, componentName, location, propFullName) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = HTMLElementType;
+function HTMLElementType(props, propName, componentName, location, propFullName) {
   if (process.env.NODE_ENV === 'production') {
     return null;
   }

package/HTMLElementType/index.js

@@ -1 +1,13 @@
-export { default } from './HTMLElementType';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _HTMLElementType.default;
+  }
+});
+var _HTMLElementType = _interopRequireDefault(require("./HTMLElementType"));

package/HTMLElementType/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/HTMLElementType/index.js",
+  "module": "../esm/HTMLElementType/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/appendOwnerState/appendOwnerState.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { Simplify } from '@mui/types';
+/**
+ * Type of the ownerState based on the type of an element it applies to.
+ * This resolves to the provided OwnerState for React components and `undefined` for host components.
+ * Falls back to `OwnerState | undefined` when the exact type can't be determined in development time.
+ */
+type OwnerStateWhenApplicable<ElementType extends React.ElementType, OwnerState> = ElementType extends React.ComponentType<any> ? OwnerState : ElementType extends keyof React.JSX.IntrinsicElements ? undefined : OwnerState | undefined;
+export type AppendOwnerStateReturnType<ElementType extends React.ElementType, OtherProps, OwnerState> = Simplify<OtherProps & {
+    ownerState: OwnerStateWhenApplicable<ElementType, OwnerState>;
+}>;
+/**
+ * Appends the ownerState object to the props, merging with the existing one if necessary.
+ *
+ * @param elementType Type of the element that owns the `existingProps`. If the element is a DOM node or undefined, `ownerState` is not applied.
+ * @param otherProps Props of the element.
+ * @param ownerState
+ */
+declare function appendOwnerState<ElementType extends React.ElementType, OtherProps extends Record<string, any>, OwnerState>(elementType: ElementType | undefined, otherProps: OtherProps, ownerState: OwnerState): AppendOwnerStateReturnType<ElementType, OtherProps, OwnerState>;
+export default appendOwnerState;

package/appendOwnerState/appendOwnerState.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _isHostComponent = _interopRequireDefault(require("../isHostComponent"));
+/**
+ * Type of the ownerState based on the type of an element it applies to.
+ * This resolves to the provided OwnerState for React components and `undefined` for host components.
+ * Falls back to `OwnerState | undefined` when the exact type can't be determined in development time.
+ */
+
+/**
+ * Appends the ownerState object to the props, merging with the existing one if necessary.
+ *
+ * @param elementType Type of the element that owns the `existingProps`. If the element is a DOM node or undefined, `ownerState` is not applied.
+ * @param otherProps Props of the element.
+ * @param ownerState
+ */
+function appendOwnerState(elementType, otherProps, ownerState) {
+  if (elementType === undefined || (0, _isHostComponent.default)(elementType)) {
+    return otherProps;
+  }
+  return (0, _extends2.default)({}, otherProps, {
+    ownerState: (0, _extends2.default)({}, otherProps.ownerState, ownerState)
+  });
+}
+var _default = exports.default = appendOwnerState;

package/appendOwnerState/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './appendOwnerState';
+export type { AppendOwnerStateReturnType } from './appendOwnerState';

package/{node/capitalize → appendOwnerState}/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _capitalize.default;
+    return _appendOwnerState.default;
   }
 });
-var _capitalize = _interopRequireDefault(require("./capitalize"));
+var _appendOwnerState = _interopRequireDefault(require("./appendOwnerState"));

package/appendOwnerState/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../esm/appendOwnerState/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/capitalize/capitalize.js

@@ -1,11 +1,18 @@
-import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = capitalize;
+var _formatMuiErrorMessage2 = _interopRequireDefault(require("@mui/utils/formatMuiErrorMessage"));
 // It should to be noted that this function isn't equivalent to `text-transform: capitalize`.
 //
 // A strict capitalization should uppercase the first letter of each word in the sentence.
 // We only handle the first word.
-export default function capitalize(string) {
+function capitalize(string) {
   if (typeof string !== 'string') {
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`capitalize(string)\` expects a string argument.` : _formatMuiErrorMessage(7));
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`capitalize(string)\` expects a string argument.` : (0, _formatMuiErrorMessage2.default)(7));
   }
   return string.charAt(0).toUpperCase() + string.slice(1);
 }

package/capitalize/index.js

@@ -1 +1,13 @@
-export { default } from './capitalize';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _capitalize.default;
+  }
+});
+var _capitalize = _interopRequireDefault(require("./capitalize"));

package/capitalize/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/capitalize/index.js",
+  "module": "../esm/capitalize/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/chainPropTypes/chainPropTypes.js

@@ -1,4 +1,10 @@
-export default function chainPropTypes(propType1, propType2) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = chainPropTypes;
+function chainPropTypes(propType1, propType2) {
   if (process.env.NODE_ENV === 'production') {
     return () => null;
   }

package/chainPropTypes/index.js

@@ -1 +1,13 @@
-export { default } from './chainPropTypes';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _chainPropTypes.default;
+  }
+});
+var _chainPropTypes = _interopRequireDefault(require("./chainPropTypes"));

package/chainPropTypes/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/chainPropTypes/index.js",
+  "module": "../esm/chainPropTypes/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/clamp/clamp.js

@@ -1,4 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 function clamp(val, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
   return Math.max(min, Math.min(val, max));
 }
-export default clamp;
+var _default = exports.default = clamp;

package/clamp/index.js

@@ -1 +1,13 @@
-export { default } from './clamp';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _clamp.default;
+  }
+});
+var _clamp = _interopRequireDefault(require("./clamp"));

package/clamp/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/clamp/index.js",
+  "module": "../esm/clamp/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/composeClasses/composeClasses.js

@@ -1,4 +1,10 @@
-export default function composeClasses(slots, getUtilityClass, classes = undefined) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = composeClasses;
+function composeClasses(slots, getUtilityClass, classes = undefined) {
   const output = {};
   Object.keys(slots).forEach(
   // `Object.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.

package/composeClasses/index.js

@@ -1 +1,13 @@
-export { default } from './composeClasses';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _composeClasses.default;
+  }
+});
+var _composeClasses = _interopRequireDefault(require("./composeClasses"));

package/composeClasses/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/composeClasses/index.js",
+  "module": "../esm/composeClasses/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/createChainedFunction/createChainedFunction.js

@@ -1,10 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createChainedFunction;
 /**
  * Safe chained function.
  *
  * Will only create a new function if needed,
  * otherwise will pass back existing functions or null.
  */
-export default function createChainedFunction(...funcs) {
+function createChainedFunction(...funcs) {
   return funcs.reduce((acc, func) => {
     if (func == null) {
       return acc;

package/createChainedFunction/index.js

@@ -1 +1,13 @@
-export { default } from './createChainedFunction';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _createChainedFunction.default;
+  }
+});
+var _createChainedFunction = _interopRequireDefault(require("./createChainedFunction"));

package/createChainedFunction/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/createChainedFunction/index.js",
+  "module": "../esm/createChainedFunction/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/debounce/debounce.js

@@ -1,6 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = debounce;
 // Corresponds to 10 frames at 60 Hz.
 // A few bytes payload overhead when lodash/debounce is ~3 kB and debounce ~300 B.
-export default function debounce(func, wait = 166) {
+function debounce(func, wait = 166) {
   let timeout;
   function debounced(...args) {
     const later = () => {

package/debounce/index.js

@@ -1,2 +1,26 @@
-export { default } from './debounce';
-export * from './debounce';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _debounce.default;
+  }
+});
+var _debounce = _interopRequireWildcard(require("./debounce"));
+Object.keys(_debounce).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _debounce[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _debounce[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/debounce/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/debounce/index.js",
+  "module": "../esm/debounce/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/deepmerge/deepmerge.js

@@ -1,6 +1,14 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = deepmerge;
+exports.isPlainObject = isPlainObject;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 // https://github.com/sindresorhus/is-plain-obj/blob/main/index.js
-export function isPlainObject(item) {
+function isPlainObject(item) {
   if (typeof item !== 'object' || item === null) {
     return false;
   }
@@ -17,10 +25,10 @@ function deepClone(source) {
   });
   return output;
 }
-export default function deepmerge(target, source, options = {
+function deepmerge(target, source, options = {
   clone: true
 }) {
-  const output = options.clone ? _extends({}, target) : target;
+  const output = options.clone ? (0, _extends2.default)({}, target) : target;
   if (isPlainObject(target) && isPlainObject(source)) {
     Object.keys(source).forEach(key => {
       if (isPlainObject(source[key]) &&

package/deepmerge/index.js

@@ -1,2 +1,26 @@
-export { default } from './deepmerge';
-export * from './deepmerge';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _deepmerge.default;
+  }
+});
+var _deepmerge = _interopRequireWildcard(require("./deepmerge"));
+Object.keys(_deepmerge).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _deepmerge[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _deepmerge[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/deepmerge/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/deepmerge/index.js",
+  "module": "../esm/deepmerge/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/deprecatedPropType/deprecatedPropType.js

@@ -1,4 +1,10 @@
-export default function deprecatedPropType(validator, reason) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = deprecatedPropType;
+function deprecatedPropType(validator, reason) {
   if (process.env.NODE_ENV === 'production') {
     return () => null;
   }

package/deprecatedPropType/index.js

@@ -1 +1,13 @@
-export { default } from './deprecatedPropType';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _deprecatedPropType.default;
+  }
+});
+var _deprecatedPropType = _interopRequireDefault(require("./deprecatedPropType"));

package/deprecatedPropType/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/deprecatedPropType/index.js",
+  "module": "../esm/deprecatedPropType/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/elementAcceptingRef/elementAcceptingRef.js

@@ -1,5 +1,12 @@
-import PropTypes from 'prop-types';
-import chainPropTypes from '../chainPropTypes';
+"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"));
+var _chainPropTypes = _interopRequireDefault(require("../chainPropTypes"));
 function isClassComponent(elementType) {
   // elementType.prototype?.isReactComponent
   const {
@@ -37,6 +44,6 @@ function acceptingRef(props, propName, componentName, location, propFullName) {
   }
   return null;
 }
-const elementAcceptingRef = chainPropTypes(PropTypes.element, acceptingRef);
-elementAcceptingRef.isRequired = chainPropTypes(PropTypes.element.isRequired, acceptingRef);
-export default elementAcceptingRef;
+const elementAcceptingRef = (0, _chainPropTypes.default)(_propTypes.default.element, acceptingRef);
+elementAcceptingRef.isRequired = (0, _chainPropTypes.default)(_propTypes.default.element.isRequired, acceptingRef);
+var _default = exports.default = elementAcceptingRef;

package/elementAcceptingRef/index.js

@@ -1 +1,13 @@
-export { default } from './elementAcceptingRef';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _elementAcceptingRef.default;
+  }
+});
+var _elementAcceptingRef = _interopRequireDefault(require("./elementAcceptingRef"));

package/elementAcceptingRef/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/elementAcceptingRef/index.js",
+  "module": "../esm/elementAcceptingRef/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }