@mui/material 5.13.5 → 5.13.6

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

@@ -1,31 +1,31 @@
-import * as React from 'react';
-import { DistributiveOmit } from '@mui/types';
-declare module '@mui/material/OverridableComponent' {
-    /**
-     * A component whose root component can be controlled via a `component` prop.
-     *
-     * Adjusts valid props based on the type of `component`.
-     */
-    interface OverridableComponent<M extends OverridableTypeMap> {
-        <C extends React.ElementType>(props: {
-            /**
-             * The component used for the root node.
-             * Either a string to use a HTML element or a component.
-             */
-            component: C;
-        } & OverridePropsVer2<M, C>): JSX.Element;
-        (props: DefaultComponentPropsVer2<M>): JSX.Element;
-    }
-    /**
-     * Props of the component if `component={Component}` is used.
-     */
-    type OverridePropsVer2<M extends OverridableTypeMap, C extends React.ElementType> = (BaseProps<M> & DistributiveOmit<React.ComponentPropsWithoutRef<C>, keyof BaseProps<M>> & {
-        ref?: React.Ref<Element>;
-    });
-    /**
-     * Props if `component={Component}` is NOT used.
-     */
-    type DefaultComponentPropsVer2<M extends OverridableTypeMap> = BaseProps<M> & DistributiveOmit<React.ComponentPropsWithoutRef<M['defaultComponent']>, keyof BaseProps<M>> & {
-        ref?: React.Ref<Element>;
-    };
-}
+import * as React from 'react';
+import { DistributiveOmit } from '@mui/types';
+declare module '@mui/material/OverridableComponent' {
+    /**
+     * A component whose root component can be controlled via a `component` prop.
+     *
+     * Adjusts valid props based on the type of `component`.
+     */
+    interface OverridableComponent<M extends OverridableTypeMap> {
+        <C extends React.ElementType>(props: {
+            /**
+             * The component used for the root node.
+             * Either a string to use a HTML element or a component.
+             */
+            component: C;
+        } & OverridePropsVer2<M, C>): JSX.Element;
+        (props: DefaultComponentPropsVer2<M>): JSX.Element;
+    }
+    /**
+     * Props of the component if `component={Component}` is used.
+     */
+    type OverridePropsVer2<M extends OverridableTypeMap, C extends React.ElementType> = (BaseProps<M> & DistributiveOmit<React.ComponentPropsWithoutRef<C>, keyof BaseProps<M>> & {
+        ref?: React.Ref<Element>;
+    });
+    /**
+     * Props if `component={Component}` is NOT used.
+     */
+    type DefaultComponentPropsVer2<M extends OverridableTypeMap> = BaseProps<M> & DistributiveOmit<React.ComponentPropsWithoutRef<M['defaultComponent']>, keyof BaseProps<M>> & {
+        ref?: React.Ref<Element>;
+    };
+}

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.13.5
+ * @mui/material v5.13.6
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -1968,6 +1968,7 @@
     let timeout;
     function debounced(...args) {
       const later = () => {
+        // @ts-ignore
         func.apply(this, args);
       };
       clearTimeout(timeout);
@@ -4270,7 +4271,7 @@
 
   var pkg = {
   	name: "@emotion/react",
-  	version: "11.11.0",
+  	version: "11.11.1",
   	main: "dist/emotion-react.cjs.js",
   	module: "dist/emotion-react.esm.js",
   	browser: {
@@ -14616,6 +14617,14 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
      */
     onClose: PropTypes.func,
+    /**
+     * A function called when a transition enters.
+     */
+    onTransitionEnter: PropTypes.func,
+    /**
+     * A function called when a transition has exited.
+     */
+    onTransitionExited: PropTypes.func,
     /**
      * If `true`, the component is shown.
      */
@@ -14980,13 +14989,16 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       // @ts-ignore
       let newValue = event.target.valueAsNumber;
       if (marks && step == null) {
-        newValue = newValue < value ? marksValues[marksIndex - 1] : marksValues[marksIndex + 1];
+        const maxMarksValue = marksValues[marksValues.length - 1];
+        if (newValue > maxMarksValue) {
+          newValue = maxMarksValue;
+        } else if (newValue < marksValues[0]) {
+          newValue = marksValues[0];
+        } else {
+          newValue = newValue < value ? marksValues[marksIndex - 1] : marksValues[marksIndex + 1];
+        }
       }
       newValue = clamp$2(newValue, min, max);
-      if (marks && step == null) {
-        const currentMarkIndex = marksValues.indexOf(values[index]);
-        newValue = newValue < values[index] ? marksValues[currentMarkIndex - 1] : marksValues[currentMarkIndex + 1];
-      }
       if (range) {
         // Bound the new value to the thumb's neighbours.
         if (disableSwap) {
@@ -15292,7 +15304,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         type: 'range',
         min: parameters.min,
         max: parameters.max,
-        step: (_parameters$step = parameters.step) != null ? _parameters$step : undefined,
+        step: parameters.step === null && parameters.marks ? 'any' : (_parameters$step = parameters.step) != null ? _parameters$step : undefined,
         disabled
       }, mergedEventHandlers, {
         style: _extends({}, visuallyHidden$1, {
@@ -15888,7 +15900,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     }) : [];
     const previousProps = usePreviousProps$1({
       filteredOptions,
-      value
+      value,
+      inputValue
     });
     React__namespace.useEffect(() => {
       const valueChange = value !== previousProps.value;
@@ -16081,7 +16094,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         const label2 = value2 ? getOptionLabel(value2) : '';
         return label1 === label2;
       };
-      if (highlightedIndexRef.current !== -1 && previousProps.filteredOptions && previousProps.filteredOptions.length !== filteredOptions.length && (multiple ? value.length === previousProps.value.length && previousProps.value.every((val, i) => getOptionLabel(value[i]) === getOptionLabel(val)) : isSameValue(previousProps.value, value))) {
+      if (highlightedIndexRef.current !== -1 && previousProps.filteredOptions && previousProps.filteredOptions.length !== filteredOptions.length && previousProps.inputValue === inputValue && (multiple ? value.length === previousProps.value.length && previousProps.value.every((val, i) => getOptionLabel(value[i]) === getOptionLabel(val)) : isSameValue(previousProps.value, value))) {
         const previousHighlightedOption = previousProps.filteredOptions[highlightedIndexRef.current];
         if (previousHighlightedOption) {
           const previousHighlightedOptionExists = filteredOptions.some(option => {
@@ -16099,8 +16112,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         return;
       }
 
-      // Check if the previously highlighted option still exists in the updated filtered options list and if the value hasn't changed
-      // If it exists and the value hasn't changed, return, otherwise continue execution
+      // Check if the previously highlighted option still exists in the updated filtered options list and if the value and inputValue haven't changed
+      // If it exists and the value and the inputValue haven't changed, return, otherwise continue execution
       if (checkHighlightedOptionExists()) {
         return;
       }
@@ -16717,7 +16730,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       width: '1em',
       height: '1em',
       display: 'inline-block',
-      fill: 'currentColor',
+      // the <svg> will define the property that has `currentColor`
+      // e.g. heroicons uses fill="none" and stroke="currentColor"
+      fill: ownerState.hasSvgAsChild ? undefined : 'currentColor',
       flexShrink: 0,
       transition: (_theme$transitions = theme.transitions) == null ? void 0 : (_theme$transitions$cr = _theme$transitions.create) == null ? void 0 : _theme$transitions$cr.call(_theme$transitions, 'fill', {
         duration: (_theme$transitions2 = theme.transitions) == null ? void 0 : (_theme$transitions2$d = _theme$transitions2.duration) == null ? void 0 : _theme$transitions2$d.shorter
@@ -16753,13 +16768,15 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         viewBox = '0 0 24 24'
       } = props,
       other = _objectWithoutPropertiesLoose(props, _excluded$23);
+    const hasSvgAsChild = /*#__PURE__*/React__namespace.isValidElement(children) && children.type === 'svg';
     const ownerState = _extends({}, props, {
       color,
       component,
       fontSize,
       instanceFontSize: inProps.fontSize,
       inheritViewBox,
-      viewBox
+      viewBox,
+      hasSvgAsChild
     });
     const more = {};
     if (!inheritViewBox) {
@@ -16774,9 +16791,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       "aria-hidden": titleAccess ? undefined : true,
       role: titleAccess ? 'img' : undefined,
       ref: ref
-    }, more, other, {
+    }, more, other, hasSvgAsChild && children.props, {
       ownerState: ownerState,
-      children: [children, titleAccess ? /*#__PURE__*/jsxRuntime_1("title", {
+      children: [hasSvgAsChild ? children.props.children : children, titleAccess ? /*#__PURE__*/jsxRuntime_1("title", {
         children: titleAccess
       }) : null]
     }));
@@ -19029,14 +19046,16 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     const ignoringMouseDown = React__namespace.useRef(false);
     // We use a timer in order to only show the ripples for touch "click" like events.
     // We don't want to display the ripple for touch scroll events.
-    const startTimer = React__namespace.useRef(null);
+    const startTimer = React__namespace.useRef(0);
 
     // This is the hook called once the previous timeout is ready.
     const startTimerCommit = React__namespace.useRef(null);
     const container = React__namespace.useRef(null);
     React__namespace.useEffect(() => {
       return () => {
-        clearTimeout(startTimer.current);
+        if (startTimer.current) {
+          clearTimeout(startTimer.current);
+        }
       };
     }, []);
     const startCommit = React__namespace.useCallback(params => {
@@ -27759,6 +27778,14 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
      */
     onClose: PropTypes.func,
+    /**
+     * A function called when a transition enters.
+     */
+    onTransitionEnter: PropTypes.func,
+    /**
+     * A function called when a transition has exited.
+     */
+    onTransitionExited: PropTypes.func,
     /**
      * If `true`, the component is shown.
      */
@@ -43012,7 +43039,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     });
     const {
         arrow = false,
-        children,
+        children: childrenProp,
         components = {},
         componentsProps = {},
         describeChild = false,
@@ -43040,6 +43067,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         TransitionProps
       } = props,
       other = _objectWithoutPropertiesLoose(props, _excluded$v);
+
+    // to prevent runtime errors, developers will need to provide a child as a React element anyway.
+    const children = /*#__PURE__*/React__namespace.isValidElement(childrenProp) ? childrenProp : /*#__PURE__*/jsxRuntime_1("span", {
+      children: childrenProp
+    });
     const theme = useTheme();
     const isRtl = theme.direction === 'rtl';
     const [childNode, setChildNode] = React__namespace.useState();