@mui/material 5.15.17 → 5.15.19

package/node/Autocomplete/Autocomplete.js

@@ -14,8 +14,7 @@ Object.defineProperty(exports, "createFilterOptions", {
 exports.default = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
+var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _integerPropType = _interopRequireDefault(require("@mui/utils/integerPropType"));
@@ -41,7 +40,9 @@ var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _ClearIcon, _ArrowDropDownIcon;
 const _excluded = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "ChipProps", "className", "clearIcon", "clearOnBlur", "clearOnEscape", "clearText", "closeText", "componentsProps", "defaultValue", "disableClearable", "disableCloseOnSelect", "disabled", "disabledItemsFocusable", "disableListWrap", "disablePortal", "filterOptions", "filterSelectedOptions", "forcePopupIcon", "freeSolo", "fullWidth", "getLimitTagsText", "getOptionDisabled", "getOptionKey", "getOptionLabel", "isOptionEqualToValue", "groupBy", "handleHomeEndKeys", "id", "includeInputInList", "inputValue", "limitTags", "ListboxComponent", "ListboxProps", "loading", "loadingText", "multiple", "noOptionsText", "onChange", "onClose", "onHighlightChange", "onInputChange", "onOpen", "open", "openOnFocus", "openText", "options", "PaperComponent", "PopperComponent", "popupIcon", "readOnly", "renderGroup", "renderInput", "renderOption", "renderTags", "selectOnFocus", "size", "slotProps", "value"],
-  _excluded2 = ["ref"];
+  _excluded2 = ["ref"],
+  _excluded3 = ["key"],
+  _excluded4 = ["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; }
 const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiAutocomplete');
@@ -104,21 +105,11 @@ const AutocompleteRoot = (0, _zeroStyled.styled)('div', {
     }, styles.root, fullWidth && styles.fullWidth, hasPopupIcon && styles.hasPopupIcon, hasClearIcon && styles.hasClearIcon];
   }
 })({
-  [`&.${_autocompleteClasses.default.focused} .${_autocompleteClasses.default.clearIndicator}`]: {
-    visibility: 'visible'
-  },
-  /* Avoid double tap issue on iOS */
-  '@media (pointer: fine)': {
-    [`&:hover .${_autocompleteClasses.default.clearIndicator}`]: {
-      visibility: 'visible'
-    }
-  },
   [`& .${_autocompleteClasses.default.tag}`]: {
     margin: 3,
     maxWidth: 'calc(100% - 6px)'
   },
   [`& .${_autocompleteClasses.default.inputRoot}`]: {
-    flexWrap: 'wrap',
     [`.${_autocompleteClasses.default.hasPopupIcon}&, .${_autocompleteClasses.default.hasClearIcon}&`]: {
       paddingRight: 26 + 4
     },
@@ -130,6 +121,23 @@ const AutocompleteRoot = (0, _zeroStyled.styled)('div', {
       minWidth: 30
     }
   },
+  [`&.${_autocompleteClasses.default.focused}`]: {
+    [`& .${_autocompleteClasses.default.clearIndicator}`]: {
+      visibility: 'visible'
+    },
+    [`& .${_autocompleteClasses.default.input}`]: {
+      minWidth: 0
+    }
+  },
+  /* Avoid double tap issue on iOS */
+  '@media (pointer: fine)': {
+    [`&:hover .${_autocompleteClasses.default.clearIndicator}`]: {
+      visibility: 'visible'
+    },
+    [`&:hover .${_autocompleteClasses.default.input}`]: {
+      minWidth: 0
+    }
+  },
   [`& .${_inputClasses.default.root}`]: {
     paddingBottom: 1,
     '& .MuiInput-input': {
@@ -236,6 +244,15 @@ const AutocompleteRoot = (0, _zeroStyled.styled)('div', {
         opacity: 1
       }
     }
+  }, {
+    props: {
+      multiple: true
+    },
+    style: {
+      [`& .${_autocompleteClasses.default.inputRoot}`]: {
+        flexWrap: 'wrap'
+      }
+    }
   }]
 });
 const AutocompleteEndAdornment = (0, _zeroStyled.styled)('div', {
@@ -537,12 +554,19 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
     if (renderTags) {
       startAdornment = renderTags(value, getCustomizedTagProps, ownerState);
     } else {
-      startAdornment = value.map((option, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, (0, _extends2.default)({
-        label: getOptionLabel(option),
-        size: size
-      }, getCustomizedTagProps({
-        index
-      }), ChipProps)));
+      startAdornment = value.map((option, index) => {
+        const _getCustomizedTagProp = getCustomizedTagProps({
+            index
+          }),
+          {
+            key
+          } = _getCustomizedTagProp,
+          customTagProps = (0, _objectWithoutPropertiesLoose2.default)(_getCustomizedTagProp, _excluded3);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, (0, _extends2.default)({
+          label: getOptionLabel(option),
+          size: size
+        }, customTagProps, ChipProps), key);
+      });
     }
   }
   if (limitTags > -1 && Array.isArray(startAdornment)) {
@@ -570,9 +594,13 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
   const renderGroup = renderGroupProp || defaultRenderGroup;
   const defaultRenderOption = (props2, option) => {
     // Need to clearly apply key because of https://github.com/vercel/next.js/issues/55642
-    return /*#__PURE__*/(0, _react.createElement)("li", (0, _extends2.default)({}, props2, {
-      key: props2.key
-    }), getOptionLabel(option));
+    const {
+        key
+      } = props2,
+      otherProps = (0, _objectWithoutPropertiesLoose2.default)(props2, _excluded4);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", (0, _extends2.default)({}, otherProps, {
+      children: getOptionLabel(option)
+    }), key);
   };
   const renderOption = renderOptionProp || defaultRenderOption;
   const renderListOption = (option, index) => {

package/node/Hidden/Hidden.js

@@ -16,6 +16,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["implementation", "lgDown", "lgUp", "mdDown", "mdUp", "smDown", "smUp", "xlDown", "xlUp", "xsDown", "xsUp"];
 /**
  * Responsively hides children based on the selected implementation.
+ *
+ * @deprecated The Hidden component was deprecated in Material UI v5. To learn more, see [the Hidden section](/material-ui/migration/v5-component-changes/#hidden) of the migration docs.
  */
 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/node/Pagination/Pagination.js

@@ -201,7 +201,7 @@ process.env.NODE_ENV !== "production" ? Pagination.propTypes /* remove-proptypes
    */
   onChange: _propTypes.default.func,
   /**
-   * The current page.
+   * The current page. Unlike `TablePagination`, which starts numbering from `0`, this pagination starts from `1`.
    */
   page: _integerPropType.default,
   /**

package/node/Slider/Slider.js

@@ -344,7 +344,7 @@ const SliderThumb = exports.SliderThumb = (0, _zeroStyled.styled)('span', {
           }
         }),
         [`&.${_sliderClasses.default.active}`]: (0, _extends2.default)({}, theme.vars ? {
-          boxShadow: `0px 0px 0px 14px rgba(${theme.vars.palette[color].mainChannel} / 0.16)}`
+          boxShadow: `0px 0px 0px 14px rgba(${theme.vars.palette[color].mainChannel} / 0.16)`
         } : {
           boxShadow: `0px 0px 0px 14px ${(0, _colorManipulator.alpha)(theme.palette[color].main, 0.16)}`
         })

package/node/ToggleButtonGroup/toggleButtonGroupClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getToggleButtonGroupUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiToggleButtonGroup', slot);
 }
-const toggleButtonGroupClasses = (0, _generateUtilityClasses.default)('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical', 'fullWidth', 'firstButton', 'lastButton', 'middleButton']);
+const toggleButtonGroupClasses = (0, _generateUtilityClasses.default)('MuiToggleButtonGroup', ['root', 'selected', 'horizontal', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical', 'fullWidth', 'firstButton', 'lastButton', 'middleButton']);
 var _default = exports.default = toggleButtonGroupClasses;

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.15.17
+ * @mui/material v5.15.19
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/styles/responsiveFontSizes.js

@@ -25,6 +25,9 @@ function responsiveFontSizes(themeInput, options = {}) {
   const breakpointValues = breakpoints.map(x => theme.breakpoints.values[x]);
   variants.forEach(variant => {
     const style = typography[variant];
+    if (!style) {
+      return;
+    }
     const remFontSize = parseFloat(convert(style.fontSize, 'rem'));
     if (remFontSize <= 1) {
       return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.15.17",
+  "version": "5.15.19",
   "private": false,
   "author": "MUI Team",
   "description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
@@ -34,11 +34,11 @@
     "prop-types": "^15.8.1",
     "react-is": "^18.2.0",
     "react-transition-group": "^4.4.5",
-    "@mui/core-downloads-tracker": "^5.15.17",
     "@mui/base": "5.0.0-beta.40",
-    "@mui/types": "^7.2.14",
+    "@mui/system": "^5.15.15",
+    "@mui/core-downloads-tracker": "^5.15.19",
     "@mui/utils": "^5.15.14",
-    "@mui/system": "^5.15.15"
+    "@mui/types": "^7.2.14"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",

package/styles/responsiveFontSizes.js

@@ -18,6 +18,9 @@ export default function responsiveFontSizes(themeInput, options = {}) {
   const breakpointValues = breakpoints.map(x => theme.breakpoints.values[x]);
   variants.forEach(variant => {
     const style = typography[variant];
+    if (!style) {
+      return;
+    }
     const remFontSize = parseFloat(convert(style.fontSize, 'rem'));
     if (remFontSize <= 1) {
       return;

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.15.17
+ * @mui/material v5.15.19
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -11028,6 +11028,9 @@
     });
     variants.forEach(function (variant) {
       var style = typography[variant];
+      if (!style) {
+        return;
+      }
       var remFontSize = parseFloat(convert(style.fontSize, 'rem'));
       if (remFontSize <= 1) {
         return;
@@ -23045,22 +23048,24 @@
         size = ownerState.size;
       return [_defineProperty({}, "& .".concat(autocompleteClasses$1.tag), styles.tag), _defineProperty({}, "& .".concat(autocompleteClasses$1.tag), styles["tagSize".concat(capitalize(size))]), _defineProperty({}, "& .".concat(autocompleteClasses$1.inputRoot), styles.inputRoot), _defineProperty({}, "& .".concat(autocompleteClasses$1.input), styles.input), _defineProperty({}, "& .".concat(autocompleteClasses$1.input), inputFocused && styles.inputFocused), styles.root, fullWidth && styles.fullWidth, hasPopupIcon && styles.hasPopupIcon, hasClearIcon && styles.hasClearIcon];
     }
-  })((_styled = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_styled, "&.".concat(autocompleteClasses$1.focused, " .").concat(autocompleteClasses$1.clearIndicator), {
-    visibility: 'visible'
-  }), '@media (pointer: fine)', _defineProperty({}, "&:hover .".concat(autocompleteClasses$1.clearIndicator), {
-    visibility: 'visible'
-  })), "& .".concat(autocompleteClasses$1.tag), {
+  })((_styled = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_styled, "& .".concat(autocompleteClasses$1.tag), {
     margin: 3,
     maxWidth: 'calc(100% - 6px)'
-  }), "& .".concat(autocompleteClasses$1.inputRoot), _defineProperty(_defineProperty(_defineProperty({
-    flexWrap: 'wrap'
-  }, ".".concat(autocompleteClasses$1.hasPopupIcon, "&, .").concat(autocompleteClasses$1.hasClearIcon, "&"), {
+  }), "& .".concat(autocompleteClasses$1.inputRoot), _defineProperty(_defineProperty(_defineProperty({}, ".".concat(autocompleteClasses$1.hasPopupIcon, "&, .").concat(autocompleteClasses$1.hasClearIcon, "&"), {
     paddingRight: 26 + 4
   }), ".".concat(autocompleteClasses$1.hasPopupIcon, ".").concat(autocompleteClasses$1.hasClearIcon, "&"), {
     paddingRight: 52 + 4
   }), "& .".concat(autocompleteClasses$1.input), {
     width: 0,
     minWidth: 30
+  })), "&.".concat(autocompleteClasses$1.focused), _defineProperty(_defineProperty({}, "& .".concat(autocompleteClasses$1.clearIndicator), {
+    visibility: 'visible'
+  }), "& .".concat(autocompleteClasses$1.input), {
+    minWidth: 0
+  })), '@media (pointer: fine)', _defineProperty(_defineProperty({}, "&:hover .".concat(autocompleteClasses$1.clearIndicator), {
+    visibility: 'visible'
+  }), "&:hover .".concat(autocompleteClasses$1.input), {
+    minWidth: 0
   })), "& .".concat(inputClasses$1.root), {
     paddingBottom: 1,
     '& .MuiInput-input': {
@@ -23138,6 +23143,13 @@
     style: _defineProperty({}, "& .".concat(autocompleteClasses$1.input), {
       opacity: 1
     })
+  }, {
+    props: {
+      multiple: true
+    },
+    style: _defineProperty({}, "& .".concat(autocompleteClasses$1.inputRoot), {
+      flexWrap: 'wrap'
+    })
   }])));
   var AutocompleteEndAdornment = styled$1('div', {
     name: 'MuiAutocomplete',
@@ -23487,12 +23499,15 @@
         startAdornment = renderTags(value, getCustomizedTagProps, ownerState);
       } else {
         startAdornment = value.map(function (option, index) {
+          var _getCustomizedTagProp = getCustomizedTagProps({
+              index: index
+            }),
+            key = _getCustomizedTagProp.key,
+            customTagProps = _objectWithoutProperties(_getCustomizedTagProp, ["key"]);
           return /*#__PURE__*/jsxRuntime_1(Chip$1, _extends({
             label: getOptionLabel(option),
             size: size
-          }, getCustomizedTagProps({
-            index: index
-          }), ChipProps));
+          }, customTagProps, ChipProps), key);
         });
       }
     }
@@ -23523,9 +23538,11 @@
     var renderGroup = renderGroupProp || defaultRenderGroup;
     var defaultRenderOption = function defaultRenderOption(props2, option) {
       // Need to clearly apply key because of https://github.com/vercel/next.js/issues/55642
-      return /*#__PURE__*/React.createElement("li", _extends({}, props2, {
-        key: props2.key
-      }), getOptionLabel(option));
+      var key = props2.key,
+        otherProps = _objectWithoutProperties(props2, ["key"]);
+      return /*#__PURE__*/jsxRuntime_1("li", _extends({}, otherProps, {
+        children: getOptionLabel(option)
+      }), key);
     };
     var renderOption = renderOptionProp || defaultRenderOption;
     var renderListOption = function renderListOption(option, index) {
@@ -39140,7 +39157,7 @@
      */
     onChange: PropTypes.func,
     /**
-     * The current page.
+     * The current page. Unlike `TablePagination`, which starts numbering from `0`, this pagination starts from `1`.
      */
     page: integerPropType,
     /**
@@ -41780,7 +41797,7 @@
             boxShadow: 'none'
           }
         })), "&.".concat(sliderClasses$1.active), _extends({}, theme.vars ? {
-          boxShadow: "0px 0px 0px 14px rgba(".concat(theme.vars.palette[color].mainChannel, " / 0.16)}")
+          boxShadow: "0px 0px 0px 14px rgba(".concat(theme.vars.palette[color].mainChannel, " / 0.16)")
         } : {
           boxShadow: "0px 0px 0px 14px ".concat(alpha(theme.palette[color].main, 0.16))
         }))
@@ -50372,7 +50389,7 @@
   function getToggleButtonGroupUtilityClass(slot) {
     return generateUtilityClass$1('MuiToggleButtonGroup', slot);
   }
-  var toggleButtonGroupClasses = generateUtilityClasses$1('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical', 'fullWidth', 'firstButton', 'lastButton', 'middleButton']);
+  var toggleButtonGroupClasses = generateUtilityClasses$1('MuiToggleButtonGroup', ['root', 'selected', 'horizontal', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical', 'fullWidth', 'firstButton', 'lastButton', 'middleButton']);
   var toggleButtonGroupClasses$1 = toggleButtonGroupClasses;
 
   var useUtilityClasses = function useUtilityClasses(ownerState) {