@mui/material 5.14.14 → 5.14.16

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.14
+ * @mui/material v5.14.16
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -2138,10 +2138,10 @@
     useEnhancedEffect$1(() => {
       ref.current = fn;
     });
-    return React__namespace.useCallback((...args) =>
+    return React__namespace.useRef((...args) =>
     // @ts-expect-error hide `this`
     // tslint:disable-next-line:ban-comma-operator
-    (0, ref.current)(...args), []);
+    (0, ref.current)(...args)).current;
   }
 
   function useForkRef(...refs) {
@@ -15484,7 +15484,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     if (!getSlotProps) {
       // The simpler case - getSlotProps is not defined, so no internal event handlers are defined,
       // so we can simply merge all the props without having to worry about extracting event handlers.
-      const joinedClasses = clsx(externalForwardedProps == null ? void 0 : externalForwardedProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className, className, additionalProps == null ? void 0 : additionalProps.className);
+      const joinedClasses = clsx(additionalProps == null ? void 0 : additionalProps.className, className, externalForwardedProps == null ? void 0 : externalForwardedProps.className, externalSlotProps == null ? void 0 : externalSlotProps.className);
       const mergedStyle = _extends({}, additionalProps == null ? void 0 : additionalProps.style, externalForwardedProps == null ? void 0 : externalForwardedProps.style, externalSlotProps == null ? void 0 : externalSlotProps.style);
       const props = _extends({}, additionalProps, externalForwardedProps, externalSlotProps);
       if (joinedClasses.length > 0) {
@@ -20033,25 +20033,33 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       }
     }, [value, multiple, focusedTag, focusTag]);
     function validOptionIndex(index, direction) {
-      if (!listboxRef.current || index === -1) {
+      if (!listboxRef.current || index < 0 || index >= filteredOptions.length) {
         return -1;
       }
       let nextFocus = index;
       while (true) {
-        // Out of range
-        if (direction === 'next' && nextFocus === filteredOptions.length || direction === 'previous' && nextFocus === -1) {
-          return -1;
-        }
         const option = listboxRef.current.querySelector(`[data-option-index="${nextFocus}"]`);
 
         // Same logic as MenuList.js
         const nextFocusDisabled = disabledItemsFocusable ? false : !option || option.disabled || option.getAttribute('aria-disabled') === 'true';
-        if (option && !option.hasAttribute('tabindex') || nextFocusDisabled) {
-          // Move to the next element.
-          nextFocus += direction === 'next' ? 1 : -1;
-        } else {
+        if (option && option.hasAttribute('tabindex') && !nextFocusDisabled) {
+          // The next option is available
           return nextFocus;
         }
+
+        // The next option is disabled, move to the next element.
+        // with looped index
+        if (direction === 'next') {
+          nextFocus = (nextFocus + 1) % filteredOptions.length;
+        } else {
+          nextFocus = (nextFocus - 1 + filteredOptions.length) % filteredOptions.length;
+        }
+
+        // We end up with initial index, that means we don't have available options.
+        // All of them are disabled
+        if (nextFocus === index) {
+          return -1;
+        }
       }
     }
     const setHighlightedIndex = useEventCallback(({
@@ -26637,7 +26645,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }, ownerState.edge === 'end' && {
     marginRight: ownerState.size === 'small' ? -3 : -12
   }));
-  const SwitchBaseInput = styled$1('input')({
+  const SwitchBaseInput = styled$1('input', {
+    shouldForwardProp: rootShouldForwardProp
+  })({
     cursor: 'inherit',
     position: 'absolute',
     opacity: 0,
@@ -26909,7 +26919,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       const {
         ownerState
       } = props;
-      return [styles.root, ownerState.indeterminate && styles.indeterminate, ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`]];
+      return [styles.root, ownerState.indeterminate && styles.indeterminate, styles[`size${capitalize(ownerState.size)}`], ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`]];
     }
   })(({
     theme,
@@ -33780,7 +33790,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       } = props;
       return [{
         [`& .${formLabelClasses$1.asterisk}`]: styles.asterisk
-      }, styles.root, ownerState.formControl && styles.formControl, ownerState.size === 'small' && styles.sizeSmall, ownerState.shrink && styles.shrink, !ownerState.disableAnimation && styles.animated, styles[ownerState.variant]];
+      }, styles.root, ownerState.formControl && styles.formControl, ownerState.size === 'small' && styles.sizeSmall, ownerState.shrink && styles.shrink, !ownerState.disableAnimation && styles.animated, ownerState.focused && styles.focused, styles[ownerState.variant]];
     }
   })(({
     theme,
@@ -33863,7 +33873,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     const fcs = formControlState({
       props,
       muiFormControl,
-      states: ['size', 'variant', 'required']
+      states: ['size', 'variant', 'required', 'focused']
     });
     const ownerState = _extends({}, props, {
       disableAnimation,
@@ -33871,7 +33881,8 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       shrink,
       size: fcs.size,
       variant: fcs.variant,
-      required: fcs.required
+      required: fcs.required,
+      focused: fcs.focused
     });
     const classes = useUtilityClasses$T(ownerState);
     return /*#__PURE__*/jsxRuntime_1(InputLabelRoot, _extends({
@@ -37562,7 +37573,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
 
   var _span$1;
   const _excluded$M = ["children", "classes", "className", "label", "notched"];
-  const NotchedOutlineRoot$1 = styled$1('fieldset')({
+  const NotchedOutlineRoot$1 = styled$1('fieldset', {
+    shouldForwardProp: rootShouldForwardProp
+  })({
     textAlign: 'left',
     position: 'absolute',
     bottom: 0,
@@ -37578,7 +37591,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     overflow: 'hidden',
     minWidth: '0%'
   });
-  const NotchedOutlineLegend = styled$1('legend')(({
+  const NotchedOutlineLegend = styled$1('legend', {
+    shouldForwardProp: rootShouldForwardProp
+  })(({
     ownerState,
     theme
   }) => _extends({
@@ -38738,7 +38753,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
   }), 'RadioButtonChecked');
 
-  const RadioButtonIconRoot = styled$1('span')({
+  const RadioButtonIconRoot = styled$1('span', {
+    shouldForwardProp: rootShouldForwardProp
+  })({
     position: 'relative',
     display: 'flex'
   });
@@ -38847,7 +38864,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       const {
         ownerState
       } = props;
-      return [styles.root, styles[`color${capitalize(ownerState.color)}`]];
+      return [styles.root, ownerState.size !== 'medium' && styles[`size${capitalize(ownerState.size)}`], styles[`color${capitalize(ownerState.color)}`]];
     }
   })(({
     theme,
@@ -45225,7 +45242,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   var Stepper$1 = Stepper;
 
   const _excluded$l = ["anchor", "classes", "className", "width", "style"];
-  const SwipeAreaRoot = styled$1('div')(({
+  const SwipeAreaRoot = styled$1('div', {
+    shouldForwardProp: rootShouldForwardProp
+  })(({
     theme,
     ownerState
   }) => _extends({
@@ -49413,7 +49432,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   function getToggleButtonUtilityClass(slot) {
     return generateUtilityClass('MuiToggleButton', slot);
   }
-  const toggleButtonClasses = generateUtilityClasses('MuiToggleButton', ['root', 'disabled', 'selected', 'standard', 'primary', 'secondary', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
+  const toggleButtonClasses = generateUtilityClasses('MuiToggleButton', ['root', 'disabled', 'selected', 'standard', 'primary', 'secondary', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'fullWidth']);
   var toggleButtonClasses$1 = toggleButtonClasses;
 
   const _excluded$2 = ["children", "className", "color", "disabled", "disableFocusRipple", "fullWidth", "onChange", "onClick", "selected", "size", "value"];
@@ -49639,7 +49658,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   function getToggleButtonGroupUtilityClass(slot) {
     return generateUtilityClass('MuiToggleButtonGroup', slot);
   }
-  const toggleButtonGroupClasses = generateUtilityClasses('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical']);
+  const toggleButtonGroupClasses = generateUtilityClasses('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical', 'fullWidth']);
   var toggleButtonGroupClasses$1 = toggleButtonGroupClasses;
 
   const _excluded$1 = ["children", "className", "color", "disabled", "exclusive", "fullWidth", "onChange", "orientation", "size", "value"];