@mui/material 5.10.5 → 5.10.6

package/transitions/transition.d.ts

@@ -1,13 +1,13 @@
-import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
-import * as React from 'react';
-export declare type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
-export declare type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
-export interface EasingProps {
-    easing: string | {
-        enter?: string;
-        exit?: string;
-    };
-}
-export declare type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
-export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {
-}
+import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
+import * as React from 'react';
+export declare type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
+export declare type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
+export interface EasingProps {
+    easing: string | {
+        enter?: string;
+        exit?: string;
+    };
+}
+export declare type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
+export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {
+}

package/transitions/utils.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
-export declare const reflow: (node: Element) => number;
-interface ComponentProps {
-    easing: string | {
-        enter?: string;
-        exit?: string;
-    } | undefined;
-    style: React.CSSProperties | undefined;
-    timeout: number | {
-        enter?: number;
-        exit?: number;
-    };
-}
-interface Options {
-    mode: 'enter' | 'exit';
-}
-interface TransitionProps {
-    duration: string | number;
-    easing: string | undefined;
-    delay: string | undefined;
-}
-export declare function getTransitionProps(props: ComponentProps, options: Options): TransitionProps;
-export {};
+import * as React from 'react';
+export declare const reflow: (node: Element) => number;
+interface ComponentProps {
+    easing: string | {
+        enter?: string;
+        exit?: string;
+    } | undefined;
+    style: React.CSSProperties | undefined;
+    timeout: number | {
+        enter?: number;
+        exit?: number;
+    };
+}
+interface Options {
+    mode: 'enter' | 'exit';
+}
+interface TransitionProps {
+    duration: string | number;
+    easing: string | undefined;
+    delay: string | undefined;
+}
+export declare function getTransitionProps(props: ComponentProps, options: Options): TransitionProps;
+export {};

package/umd/material-ui.development.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.10.5
+/** @license MUI v5.10.6
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -1838,6 +1838,16 @@
   };
 
   var isBrowser$3 = typeof document !== 'undefined';
+
+  var syncFallback = function syncFallback(create) {
+    return create();
+  };
+
+  var useInsertionEffect = React__namespace['useInsertion' + 'Effect'] ? React__namespace['useInsertion' + 'Effect'] : false;
+  var useInsertionEffectAlwaysWithSyncFallback = !isBrowser$3 ? syncFallback : useInsertionEffect || syncFallback;
+  var useInsertionEffectWithLayoutFallback = useInsertionEffect || React.useLayoutEffect;
+
+  var isBrowser$2 = typeof document !== 'undefined';
   var hasOwnProperty$1 = {}.hasOwnProperty;
 
   var EmotionCacheContext = /* #__PURE__ */React.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
@@ -1865,7 +1875,7 @@
     });
   };
 
-  if (!isBrowser$3) {
+  if (!isBrowser$2) {
     withEmotionCache = function withEmotionCache(func) {
       return function (props) {
         var cache = React.useContext(EmotionCacheContext);
@@ -1895,18 +1905,6 @@
     ThemeContext$2.displayName = 'EmotionThemeContext';
   }
 
-  var isBrowser$1$1 = typeof document !== 'undefined';
-  var useInsertionEffect$2 = React__namespace['useInsertion' + 'Effect'] ? React__namespace['useInsertion' + 'Effect'] : function useInsertionEffect(create) {
-    create();
-  };
-  function useInsertionEffectMaybe$1(create) {
-    if (!isBrowser$1$1) {
-      return create();
-    }
-
-    useInsertionEffect$2(create);
-  }
-
   var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
   var labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';
 
@@ -1915,11 +1913,11 @@
         serialized = _ref.serialized,
         isStringTag = _ref.isStringTag;
     registerStyles(cache, serialized, isStringTag);
-    var rules = useInsertionEffectMaybe$1(function () {
+    var rules = useInsertionEffectAlwaysWithSyncFallback(function () {
       return insertStyles(cache, serialized, isStringTag);
     });
 
-    if (!isBrowser$3 && rules !== undefined) {
+    if (!isBrowser$2 && rules !== undefined) {
       var _ref2;
 
       var serializedNames = serialized.name;
@@ -1991,7 +1989,7 @@
 
   var pkg = {
   	name: "@emotion/react",
-  	version: "11.10.0",
+  	version: "11.10.4",
   	main: "dist/emotion-react.cjs.js",
   	module: "dist/emotion-react.esm.js",
   	browser: {
@@ -2057,6 +2055,7 @@
   		"@emotion/babel-plugin": "^11.10.0",
   		"@emotion/cache": "^11.10.0",
   		"@emotion/serialize": "^1.1.0",
+  		"@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
   		"@emotion/utils": "^1.2.0",
   		"@emotion/weak-memoize": "^0.3.0",
   		"hoist-non-react-statics": "^3.3.1"
@@ -2079,7 +2078,7 @@
   		"@emotion/css": "11.10.0",
   		"@emotion/css-prettifier": "1.1.0",
   		"@emotion/server": "11.10.0",
-  		"@emotion/styled": "11.10.0",
+  		"@emotion/styled": "11.10.4",
   		"html-tag-names": "^1.1.2",
   		react: "16.14.0",
   		"svg-tag-names": "^1.1.1",
@@ -2111,7 +2110,6 @@
   	}
   };
 
-  var useInsertionEffect$1 = React__namespace['useInsertion' + 'Effect'] ? React__namespace['useInsertion' + 'Effect'] : React.useLayoutEffect;
   var warnedAboutCssPropForGlobal = false; // maintain place over rerenders.
   // initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild
   // initial client-side render from SSR, use place of hydrating tag
@@ -2129,7 +2127,7 @@
     var styles = props.styles;
     var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext$2));
 
-    if (!isBrowser$3) {
+    if (!isBrowser$2) {
       var _ref;
 
       var serializedNames = serialized.name;
@@ -2162,7 +2160,7 @@
 
 
     var sheetRef = React.useRef();
-    useInsertionEffect$1(function () {
+    useInsertionEffectWithLayoutFallback(function () {
       var key = cache.key + "-global"; // use case of https://github.com/emotion-js/emotion/issues/2675
 
       var sheet = new cache.sheet.constructor({
@@ -2191,7 +2189,7 @@
         sheet.flush();
       };
     }, [cache]);
-    useInsertionEffect$1(function () {
+    useInsertionEffectWithLayoutFallback(function () {
       var sheetRefCurrent = sheetRef.current;
       var sheet = sheetRefCurrent[0],
           rehydrating = sheetRefCurrent[1];
@@ -2309,23 +2307,23 @@
   var Insertion$1 = function Insertion(_ref) {
     var cache = _ref.cache,
         serializedArr = _ref.serializedArr;
-    var rules = useInsertionEffectMaybe$1(function () {
+    var rules = useInsertionEffectAlwaysWithSyncFallback(function () {
       var rules = '';
 
       for (var i = 0; i < serializedArr.length; i++) {
         var res = insertStyles(cache, serializedArr[i], false);
 
-        if (!isBrowser$3 && res !== undefined) {
+        if (!isBrowser$2 && res !== undefined) {
           rules += res;
         }
       }
 
-      if (!isBrowser$3) {
+      if (!isBrowser$2) {
         return rules;
       }
     });
 
-    if (!isBrowser$3 && rules.length !== 0) {
+    if (!isBrowser$2 && rules.length !== 0) {
       var _ref2;
 
       return /*#__PURE__*/React.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedArr.map(function (serialized) {
@@ -2388,15 +2386,15 @@
   }
 
   {
-    var isBrowser$2 = typeof document !== 'undefined'; // #1727 for some reason Jest evaluates modules twice if some consuming module gets mocked with jest.mock
+    var isBrowser$1 = typeof document !== 'undefined'; // #1727 for some reason Jest evaluates modules twice if some consuming module gets mocked with jest.mock
 
     var isJest = typeof jest !== 'undefined';
 
-    if (isBrowser$2 && !isJest) {
+    if (isBrowser$1 && !isJest) {
       // globalThis has wide browser support - https://caniuse.com/?search=globalThis, Node.js 12 and later
       var globalContext = // $FlowIgnore
       typeof globalThis !== 'undefined' ? globalThis // eslint-disable-line no-undef
-      : isBrowser$2 ? window : global$1;
+      : isBrowser$1 ? window : global$1;
       var globalKey = "__EMOTION_REACT_" + pkg.version.split('.')[0] + "__";
 
       if (globalContext[globalKey]) {
@@ -2436,31 +2434,19 @@
     return shouldForwardProp;
   };
 
-  var isBrowser = typeof document !== 'undefined';
-  var useInsertionEffect = React__namespace['useInsertion' + 'Effect'] ? React__namespace['useInsertion' + 'Effect'] : function useInsertionEffect(create) {
-    create();
-  };
-  function useInsertionEffectMaybe(create) {
-    if (!isBrowser) {
-      return create();
-    }
-
-    useInsertionEffect(create);
-  }
-
   var ILLEGAL_ESCAPE_SEQUENCE_ERROR = "You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences";
-  var isBrowser$1 = typeof document !== 'undefined';
+  var isBrowser = typeof document !== 'undefined';
 
   var Insertion = function Insertion(_ref) {
     var cache = _ref.cache,
         serialized = _ref.serialized,
         isStringTag = _ref.isStringTag;
     registerStyles(cache, serialized, isStringTag);
-    var rules = useInsertionEffectMaybe(function () {
+    var rules = useInsertionEffectAlwaysWithSyncFallback(function () {
       return insertStyles(cache, serialized, isStringTag);
     });
 
-    if (!isBrowser$1 && rules !== undefined) {
+    if (!isBrowser && rules !== undefined) {
       var _ref2;
 
       var serializedNames = serialized.name;
@@ -10439,7 +10425,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
    *
    * Demos:
    *
-   * - [Click-away listener](https://mui.com/base/react-click-away-listener/)
+   * - [Click-Away Listener](https://mui.com/base/react-click-away-listener/)
    *
    * API:
    *
@@ -14162,8 +14148,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     const {
       children,
       className,
-      value,
-      theme
+      value
     } = props;
     const classes = useValueLabelClasses(props);
     return /*#__PURE__*/React__namespace.cloneElement(children, {
@@ -14171,7 +14156,6 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     }, /*#__PURE__*/jsxRuntime_2(React__namespace.Fragment, {
       children: [children.props.children, /*#__PURE__*/jsxRuntime_1("span", {
         className: clsx(classes.offset, className),
-        theme: theme,
         "aria-hidden": true,
         children: /*#__PURE__*/jsxRuntime_1("span", {
           className: classes.circle,
@@ -27124,9 +27108,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * The component used for the root node.
      * Either a string to use a HTML element or a component.
      */
-    component: PropTypes
-    /* @typescript-to-proptypes-ignore */
-    .elementType,
+    component: PropTypes.elementType,
 
     /**
      * If `true`, `subheader` and `title` won't be wrapped by a Typography component.
@@ -39027,6 +39009,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }) => _extends({
     float: 'unset',
     // Fix conflict with bootstrap
+    width: 'auto',
+    // Fix conflict with bootstrap
     overflow: 'hidden'
   }, !ownerState.withLabel && {
     padding: 0,
@@ -39039,8 +39023,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }, ownerState.withLabel && _extends({
     display: 'block',
     // Fix conflict with normalize.css and sanitize.css
-    width: 'auto',
-    // Fix conflict with bootstrap
     padding: 0,
     height: 11,
     // sync with `lineHeight` in `legend` styles
@@ -52735,6 +52717,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   exports.Tooltip = Tooltip$1;
   exports.Typography = Typography$1;
   exports.Unstable_Grid2 = Grid2$1;
+  exports.Unstable_TrapFocus = TrapFocus;
   exports.Zoom = Zoom$1;
   exports.accordionActionsClasses = accordionActionsClasses$1;
   exports.accordionClasses = accordionClasses$1;