@mui/material 5.2.4 → 5.2.8

package/node/Slider/Slider.js

@@ -406,11 +406,11 @@ const shouldSpreadOwnerState = Component => {
   return !Component || !(0, _base.isHostComponent)(Component);
 };
 
-const Slider = /*#__PURE__*/React.forwardRef(function Slider(inputProps, ref) {
+const Slider = /*#__PURE__*/React.forwardRef(function Slider(sliderProps, ref) {
   var _componentsProps$root, _componentsProps$thum, _componentsProps$trac, _componentsProps$valu;
 
   const props = (0, _useThemeProps.default)({
-    props: inputProps,
+    props: sliderProps,
     name: 'MuiSlider'
   });
   const theme = (0, _useTheme.default)();
@@ -531,6 +531,7 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * @default {}
    */
   components: _propTypes.default.shape({
+    Input: _propTypes.default.elementType,
     Mark: _propTypes.default.elementType,
     MarkLabel: _propTypes.default.elementType,
     Rail: _propTypes.default.elementType,
@@ -544,7 +545,24 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * The props used for each slot inside the Slider.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    input: _propTypes.default.object,
+    mark: _propTypes.default.object,
+    markLabel: _propTypes.default.object,
+    rail: _propTypes.default.object,
+    root: _propTypes.default.object,
+    thumb: _propTypes.default.object,
+    track: _propTypes.default.object,
+    valueLabel: _propTypes.default.shape({
+      className: _propTypes.default.string,
+      components: _propTypes.default.shape({
+        Root: _propTypes.default.elementType
+      }),
+      style: _propTypes.default.object,
+      value: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.number]),
+      valueLabelDisplay: _propTypes.default.oneOf(['auto', 'off', 'on'])
+    })
+  }),
 
   /**
    * The default value. Use when the component is not controlled.

package/node/StepLabel/StepLabel.js

@@ -227,7 +227,9 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes
    * The props used for each slot inside.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    label: _propTypes.default.object
+  }),
 
   /**
    * If `true`, the step is marked as failed.

package/node/SvgIcon/SvgIcon.js

@@ -29,7 +29,7 @@ var _svgIconClasses = require("./svgIconClasses");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["children", "className", "color", "component", "fontSize", "htmlColor", "titleAccess", "viewBox"];
+const _excluded = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -98,6 +98,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
     component = 'svg',
     fontSize = 'medium',
     htmlColor,
+    inheritViewBox = false,
     titleAccess,
     viewBox = '0 0 24 24'
   } = props,
@@ -106,20 +107,26 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
     color,
     component,
     fontSize,
+    inheritViewBox,
     viewBox
   });
+  const more = {};
+
+  if (!inheritViewBox) {
+    more.viewBox = viewBox;
+  }
+
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SvgIconRoot, (0, _extends2.default)({
     as: component,
     className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
     focusable: "false",
-    viewBox: viewBox,
     color: htmlColor,
     "aria-hidden": titleAccess ? undefined : true,
     role: titleAccess ? 'img' : undefined,
     ref: ref
-  }, other, {
+  }, more, other, {
     children: [children, titleAccess ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
       children: titleAccess
     }) : null]
@@ -176,6 +183,15 @@ process.env.NODE_ENV !== "production" ? SvgIcon.propTypes
    */
   htmlColor: _propTypes.default.string,
 
+  /**
+   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
+   * prop will be ignored.
+   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
+   * `component`'s viewBox to the root node.
+   * @default false
+   */
+  inheritViewBox: _propTypes.default.bool,
+
   /**
    * The shape-rendering attribute. The behavior of the different options is described on the
    * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).

package/node/TextField/TextField.js

@@ -322,6 +322,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
 
   /**
    * Props applied to the [`InputLabel`](/api/input-label/) element.
+   * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
    */
   InputLabelProps: _propTypes.default.object,
 

package/node/Tooltip/Tooltip.js

@@ -712,7 +712,12 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
    * and `componentsProps.transition` prop values win over `TransitionProps` if both are applied.
    * @default {}
    */
-  componentsProps: _propTypes.default.object,
+  componentsProps: _propTypes.default.shape({
+    arrow: _propTypes.default.object,
+    popper: _propTypes.default.object,
+    tooltip: _propTypes.default.object,
+    transition: _propTypes.default.object
+  }),
 
   /**
    * Set to `true` if the `title` acts as an accessible description.

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.2.4
+/** @license MUI v5.2.8
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/locale/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.zhTW = exports.zhHK = exports.zhCN = exports.viVN = exports.ukUA = exports.trTR = exports.thTH = exports.svSE = exports.skSK = exports.siLK = exports.ruRU = exports.roRO = exports.ptPT = exports.ptBR = exports.plPL = exports.nlNL = exports.kzKZ = exports.koKR = exports.khKH = exports.jaJP = exports.itIT = exports.isIS = exports.idID = exports.hyAM = exports.huHU = exports.hiIN = exports.heIL = exports.frFR = exports.fiFI = exports.faIR = exports.etEE = exports.esES = exports.enUS = exports.elGR = exports.deDE = exports.csCZ = exports.caES = exports.bnBD = exports.bgBG = exports.azAZ = exports.arSD = exports.arEG = exports.amET = void 0;
+exports.zhTW = exports.zhHK = exports.zhCN = exports.viVN = exports.ukUA = exports.trTR = exports.thTH = exports.svSE = exports.skSK = exports.siLK = exports.ruRU = exports.roRO = exports.ptPT = exports.ptBR = exports.plPL = exports.nlNL = exports.nbNO = exports.kzKZ = exports.koKR = exports.khKH = exports.jaJP = exports.itIT = exports.isIS = exports.idID = exports.hyAM = exports.huHU = exports.hiIN = exports.heIL = exports.frFR = exports.fiFI = exports.faIR = exports.etEE = exports.esES = exports.enUS = exports.elGR = exports.deDE = exports.daDK = exports.csCZ = exports.caES = exports.bnBD = exports.bgBG = exports.azAZ = exports.arSD = exports.arEG = exports.amET = void 0;
 const amET = {
   components: {
     MuiBreadcrumbs: {
@@ -655,6 +655,87 @@ const csCZ = {
   }
 };
 exports.csCZ = csCZ;
+const daDK = {
+  components: {
+    MuiBreadcrumbs: {
+      defaultProps: {
+        expandText: 'Vis sti'
+      }
+    },
+    MuiTablePagination: {
+      defaultProps: {
+        getItemAriaLabel: type => {
+          if (type === 'first') {
+            return 'Gå til den første side';
+          }
+
+          if (type === 'last') {
+            return 'Gå til den sidste side';
+          }
+
+          if (type === 'next') {
+            return 'Gå til den næste side';
+          } // if (type === 'previous') {
+
+
+          return 'Gå til den forrige side';
+        },
+        labelRowsPerPage: 'Rækker pr side:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from}-${to} af ${count !== -1 ? count : `mere end ${to}`}`
+      }
+    },
+    MuiRating: {
+      defaultProps: {
+        getLabelText: value => `${value} Stjern${value !== 1 ? 'er' : ''}`,
+        emptyLabelText: 'Tom'
+      }
+    },
+    MuiAutocomplete: {
+      defaultProps: {
+        clearText: 'Slet',
+        closeText: 'Luk',
+        loadingText: 'Indlæser…',
+        noOptionsText: 'Ingen muligheder',
+        openText: 'Åben'
+      }
+    },
+    MuiAlert: {
+      defaultProps: {
+        closeText: 'Luk'
+      }
+    },
+    MuiPagination: {
+      defaultProps: {
+        'aria-label': 'Sideinddelings navigation',
+        getItemAriaLabel: (type, page, selected) => {
+          if (type === 'page') {
+            return `${selected ? '' : 'Go to '}page ${page}`;
+          }
+
+          if (type === 'first') {
+            return 'Gå til den første side';
+          }
+
+          if (type === 'last') {
+            return 'Gå til den sidste side';
+          }
+
+          if (type === 'next') {
+            return 'Gå til den næste side';
+          } // if (type === 'previous') {
+
+
+          return 'Gå til den forrige side';
+        }
+      }
+    }
+  }
+};
+exports.daDK = daDK;
 const deDE = {
   components: {
     MuiBreadcrumbs: {
@@ -824,7 +905,7 @@ const enUS = {
     MuiBreadcrumbs: { defaultProps: {
       expandText: 'Show path',
     }},
-    MuiTablePagination: { defaultProps: { 
+    MuiTablePagination: { defaultProps: {
       getItemAriaLabel: (type) => {
         if (type === 'first') {
           return 'Go to first page';
@@ -842,21 +923,21 @@ const enUS = {
       labelDisplayedRows: ({ from, to, count }) =>
   `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`,
     }},
-    MuiRating: { defaultProps: { 
+    MuiRating: { defaultProps: {
       getLabelText: value => `${value} Star${value !== 1 ? 's' : ''}`,
       emptyLabelText: 'Empty',
     }},
-    MuiAutocomplete: { defaultProps: { 
+    MuiAutocomplete: { defaultProps: {
       clearText: 'Clear',
       closeText: 'Close',
       loadingText: 'Loading…',
       noOptionsText: 'No options',
       openText: 'Open',
     }},
-    MuiAlert: { defaultProps: { 
+    MuiAlert: { defaultProps: {
       closeText: 'Close',
     }},
-    MuiPagination: {  defaultProps: { 
+    MuiPagination: {  defaultProps: {
       'aria-label': 'Pagination navigation',
       getItemAriaLabel: (type, page, selected) => {
         if (type === 'page') {
@@ -874,7 +955,7 @@ const enUS = {
         // if (type === 'previous') {
         return 'Go to previous page';
       },
-    },
+    }},
   },
   */
 };
@@ -1146,9 +1227,12 @@ const fiFI = {
 
           return 'Mene edelliselle sivulle';
         },
-        labelRowsPerPage: 'Rivejä per sivu:' // labelDisplayedRows: ({ from, to, count }) =>
-        //   `${from}–${to} / ${count !== -1 ? count : `more than ${to}`}`,
-
+        labelRowsPerPage: 'Rivejä per sivu:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from}–${to} / ${count !== -1 ? count : `enemmän kuin ${to}`}`
       }
     },
     MuiRating: {
@@ -2139,6 +2223,87 @@ const kzKZ = {
   }
 };
 exports.kzKZ = kzKZ;
+const nbNO = {
+  components: {
+    MuiBreadcrumbs: {
+      defaultProps: {
+        expandText: 'Vis sti'
+      }
+    },
+    MuiTablePagination: {
+      defaultProps: {
+        getItemAriaLabel: type => {
+          if (type === 'first') {
+            return 'Gå til første side';
+          }
+
+          if (type === 'last') {
+            return 'Gå til siste side';
+          }
+
+          if (type === 'next') {
+            return 'Gå til neste side';
+          } // if (type === 'previous') {
+
+
+          return 'Gå til forrige side';
+        },
+        labelRowsPerPage: 'Rader per side:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from}–${to} av ${count !== -1 ? count : `mer enn ${to}`}`
+      }
+    },
+    MuiRating: {
+      defaultProps: {
+        getLabelText: value => `${value} Stjerne${value !== 1 ? 'r' : ''}`,
+        emptyLabelText: 'Tom'
+      }
+    },
+    MuiAutocomplete: {
+      defaultProps: {
+        clearText: 'Tøm',
+        closeText: 'Lukk',
+        loadingText: 'Laster inn…',
+        noOptionsText: 'Ingen alternativer',
+        openText: 'Åpne'
+      }
+    },
+    MuiAlert: {
+      defaultProps: {
+        closeText: 'Lukk'
+      }
+    },
+    MuiPagination: {
+      defaultProps: {
+        'aria-label': 'Paginering navigasjon',
+        getItemAriaLabel: (type, page, selected) => {
+          if (type === 'page') {
+            return `${selected ? '' : 'Gå til '}side ${page}`;
+          }
+
+          if (type === 'first') {
+            return 'Gå til første side';
+          }
+
+          if (type === 'last') {
+            return 'Gå til siste side';
+          }
+
+          if (type === 'next') {
+            return 'Gå til neste side';
+          } // if (type === 'previous') {
+
+
+          return 'Gå til forrige side';
+        }
+      }
+    }
+  }
+};
+exports.nbNO = nbNO;
 const nlNL = {
   components: {
     MuiBreadcrumbs: {
@@ -3151,26 +3316,29 @@ const ukUA = {
 exports.ukUA = ukUA;
 const viVN = {
   components: {
-    // MuiBreadcrumbs: {
-    //   defaultProps: {
-    //     expandText: 'Show path',
-    //   },
-    // },
+    MuiBreadcrumbs: {
+      defaultProps: {
+        expandText: 'Mở ra'
+      }
+    },
     MuiTablePagination: {
       defaultProps: {
-        // getItemAriaLabel: (type) => {
-        //   if (type === 'first') {
-        //     return 'Go to first page';
-        //   }
-        //   if (type === 'last') {
-        //     return 'Go to last page';
-        //   }
-        //   if (type === 'next') {
-        //     return 'Go to next page';
-        //   }
-        //   // if (type === 'previous') {
-        //   return 'Go to previous page';
-        // },
+        getItemAriaLabel: type => {
+          if (type === 'first') {
+            return 'Tới trang đầu tiên';
+          }
+
+          if (type === 'last') {
+            return 'Tới trang cuối cùng';
+          }
+
+          if (type === 'next') {
+            return 'Tới trang tiếp theo';
+          } // if (type === 'previous') {
+
+
+          return 'Về trang trước đó';
+        },
         labelRowsPerPage: 'Số hàng mỗi trang:',
         labelDisplayedRows: ({
           from,
@@ -3182,7 +3350,7 @@ const viVN = {
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} sao`,
-        emptyLabelText: 'Trống'
+        emptyLabelText: 'Không có dữ liệu'
       }
     },
     MuiAutocomplete: {
@@ -3190,7 +3358,7 @@ const viVN = {
         clearText: 'Xóa',
         closeText: 'Đóng',
         loadingText: 'Đang tải…',
-        noOptionsText: 'Không có lựa chọn',
+        noOptionsText: 'Không có lựa chọn nào',
         openText: 'Mở'
       }
     },
@@ -3198,28 +3366,32 @@ const viVN = {
       defaultProps: {
         closeText: 'Đóng'
       }
-    } // MuiPagination: {
-    //   defaultProps: {
-    //     'aria-label': 'Pagination navigation',
-    //     getItemAriaLabel: (type, page, selected) => {
-    //       if (type === 'page') {
-    //         return `${selected ? '' : 'Go to '}page ${page}`;
-    //       }
-    //       if (type === 'first') {
-    //         return 'Go to first page';
-    //       }
-    //       if (type === 'last') {
-    //         return 'Go to last page';
-    //       }
-    //       if (type === 'next') {
-    //         return 'Go to next page';
-    //       }
-    //       // if (type === 'previous') {
-    //       return 'Go to previous page';
-    //     },
-    //   },
-    // },
+    },
+    MuiPagination: {
+      defaultProps: {
+        'aria-label': 'Thanh điều khiển trang',
+        getItemAriaLabel: (type, page, selected) => {
+          if (type === 'page') {
+            return `${selected ? '' : 'Tới '}trang ${page}`;
+          }
 
+          if (type === 'first') {
+            return 'Tới trang đầu tiên';
+          }
+
+          if (type === 'last') {
+            return 'Tới trang cuối cùng';
+          }
+
+          if (type === 'next') {
+            return 'Tới trang tiếp theo';
+          } // if (type === 'previous') {
+
+
+          return 'Về trang trước đó';
+        }
+      }
+    }
   }
 };
 exports.viVN = viVN;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.2.4",
+  "version": "5.2.8",
   "private": false,
   "author": "MUI Team",
   "description": "Quickly build beautiful React apps. MUI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.",
@@ -46,8 +46,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.16.3",
-    "@mui/base": "5.0.0-alpha.60",
-    "@mui/system": "^5.2.4",
+    "@mui/base": "5.0.0-alpha.64",
+    "@mui/system": "^5.2.8",
     "@mui/types": "^7.1.0",
     "@mui/utils": "^5.2.3",
     "@types/react-transition-group": "^4.4.4",