@mui/material 5.4.1 → 5.4.4

package/node/SwipeableDrawer/SwipeableDrawer.js

@@ -32,8 +32,6 @@ var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallbac
 
 var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEffect"));
 
-var _createTransitions = require("../styles/createTransitions");
-
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 
 var _utils2 = require("../transitions/utils");
@@ -156,16 +154,16 @@ function computeHasNativeHandler({
 }
 
 const iOS = typeof navigator !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent);
-const transitionDurationDefault = {
-  enter: _createTransitions.duration.enteringScreen,
-  exit: _createTransitions.duration.leavingScreen
-};
 const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(inProps, ref) {
   const props = (0, _system.useThemeProps)({
     name: 'MuiSwipeableDrawer',
     props: inProps
   });
   const theme = (0, _useTheme.default)();
+  const transitionDurationDefault = {
+    enter: theme.transitions.duration.enteringScreen,
+    exit: theme.transitions.duration.leavingScreen
+  };
   const {
     anchor = 'left',
     disableBackdropTransition = false,
@@ -641,7 +639,10 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
-   * @default { enter: duration.enteringScreen, exit: duration.leavingScreen }
+   * @default {
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
+   * }
    */
   transitionDuration: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
     appear: _propTypes.default.number,

package/node/ToggleButton/ToggleButton.js

@@ -222,12 +222,18 @@ process.env.NODE_ENV !== "production" ? ToggleButton.propTypes
   fullWidth: _propTypes.default.bool,
 
   /**
-   * @ignore
+   * Callback fired when the state changes.
+   *
+   * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
+   * @param {any} value of the selected button.
    */
   onChange: _propTypes.default.func,
 
   /**
-   * @ignore
+   * Callback fired when the button is clicked.
+   *
+   * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
+   * @param {any} value of the selected button.
    */
   onClick: _propTypes.default.func,
 

package/node/Zoom/Zoom.js

@@ -19,8 +19,6 @@ var _reactTransitionGroup = require("react-transition-group");
 
 var _utils = require("@mui/utils");
 
-var _createTransitions = require("../styles/createTransitions");
-
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 
 var _utils2 = require("../transitions/utils");
@@ -43,10 +41,6 @@ const styles = {
     transform: 'none'
   }
 };
-const defaultTimeout = {
-  enter: _createTransitions.duration.enteringScreen,
-  exit: _createTransitions.duration.leavingScreen
-};
 /**
  * The Zoom transition can be used for the floating variant of the
  * [Button](/components/buttons/#floating-action-buttons) component.
@@ -54,6 +48,11 @@ const defaultTimeout = {
  */
 
 const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
+  const theme = (0, _useTheme.default)();
+  const defaultTimeout = {
+    enter: theme.transitions.duration.enteringScreen,
+    exit: theme.transitions.duration.leavingScreen
+  };
   const {
     addEndListener,
     appear = true,
@@ -72,7 +71,6 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     TransitionComponent = _reactTransitionGroup.Transition
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const theme = (0, _useTheme.default)();
   const nodeRef = React.useRef(null);
   const foreignRef = (0, _useForkRef.default)(children.ref, ref);
   const handleRef = (0, _useForkRef.default)(nodeRef, foreignRef);
@@ -237,8 +235,8 @@ process.env.NODE_ENV !== "production" ? Zoom.propTypes
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    * @default {
-   *   enter: duration.enteringScreen,
-   *   exit: duration.leavingScreen,
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
   timeout: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.4.1
+/** @license MUI v5.4.4
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -96,6 +96,7 @@ var _exportNames = {
   Paper: true,
   Popover: true,
   Popper: true,
+  Portal: true,
   Radio: true,
   RadioGroup: true,
   Rating: true,
@@ -647,6 +648,12 @@ Object.defineProperty(exports, "Popper", {
     return _Popper.default;
   }
 });
+Object.defineProperty(exports, "Portal", {
+  enumerable: true,
+  get: function () {
+    return _Portal.default;
+  }
+});
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
   get: function () {
@@ -2161,6 +2168,20 @@ Object.keys(_Popper).forEach(function (key) {
   });
 });
 
+var _Portal = _interopRequireWildcard(require("./Portal"));
+
+Object.keys(_Portal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Portal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Portal[key];
+    }
+  });
+});
+
 var _Radio = _interopRequireWildcard(require("./Radio"));
 
 Object.keys(_Radio).forEach(function (key) {

package/node/locale/index.js

@@ -1842,9 +1842,12 @@ const itIT = {
 
           return 'Vai alla pagina precedente';
         },
-        labelRowsPerPage: 'Righe per pagina:' // labelDisplayedRows: ({ from, to, count }) =>
-        //   `${from}–${to} di ${count !== -1 ? count : `more than ${to}`}`,
-
+        labelRowsPerPage: 'Righe per pagina:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from}–${to} di ${count !== -1 ? count : `più di ${to}`}`
       }
     },
     MuiRating: {
@@ -2410,9 +2413,12 @@ const plPL = {
 
           return 'Przejdź do poprzedniej strony';
         },
-        labelRowsPerPage: 'Wierszy na stronę:' // labelDisplayedRows: ({ from, to, count }) =>
-        //   `${from}–${to} z ${count !== -1 ? count : `more than ${to}`}`,
-
+        labelRowsPerPage: 'Wierszy na stronę:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from}–${to} z ${count !== -1 ? count : `ponad ${to}`}`
       }
     },
     MuiRating: {

package/node/styles/makeStyles.js

@@ -8,7 +8,7 @@ exports.default = makeStyles;
 var _utils = require("@mui/utils");
 
 function makeStyles() {
-  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: makeStyles is not longer exported from @mui/material/styles.
+  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: makeStyles is no longer exported from @mui/material/styles.
 You have to import it from @mui/styles.
 See https://mui.com/r/migration-v4/#mui-material-styles for more details.` : (0, _utils.formatMuiErrorMessage)(14));
 }

package/node/styles/withStyles.js

@@ -8,7 +8,7 @@ exports.default = withStyles;
 var _utils = require("@mui/utils");
 
 function withStyles() {
-  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: withStyles is not longer exported from @mui/material/styles.
+  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: withStyles is no longer exported from @mui/material/styles.
 You have to import it from @mui/styles.
 See https://mui.com/r/migration-v4/#mui-material-styles for more details.` : (0, _utils.formatMuiErrorMessage)(15));
 }

package/node/styles/withTheme.js

@@ -8,7 +8,7 @@ exports.default = withTheme;
 var _utils = require("@mui/utils");
 
 function withTheme() {
-  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: withTheme is not longer exported from @mui/material/styles.
+  throw new Error(process.env.NODE_ENV !== "production" ? `MUI: withTheme is no longer exported from @mui/material/styles.
 You have to import it from @mui/styles.
 See https://mui.com/r/migration-v4/#mui-material-styles for more details.` : (0, _utils.formatMuiErrorMessage)(16));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.4.1",
+  "version": "5.4.4",
   "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.",
@@ -45,11 +45,11 @@
     }
   },
   "dependencies": {
-    "@babel/runtime": "^7.17.0",
-    "@mui/base": "5.0.0-alpha.68",
-    "@mui/system": "^5.4.1",
-    "@mui/types": "^7.1.1",
-    "@mui/utils": "^5.4.1",
+    "@babel/runtime": "^7.17.2",
+    "@mui/base": "5.0.0-alpha.70",
+    "@mui/system": "^5.4.4",
+    "@mui/types": "^7.1.2",
+    "@mui/utils": "^5.4.4",
     "@types/react-transition-group": "^4.4.4",
     "clsx": "^1.1.1",
     "csstype": "^3.0.10",