@hipay/hipay-material-ui 4.0.0 → 4.0.1-beta5

package/styles/MuiThemeProvider.js

@@ -1,28 +1,48 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _warning = _interopRequireDefault(require("warning"));
+
 var _brcast = _interopRequireDefault(require("brcast"));
+
 var _themeListener = _interopRequireWildcard(require("./themeListener"));
+
 var _exactProp = _interopRequireDefault(require("../utils/exactProp"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 /**
  * This component takes a `theme` property.
  * It makes the `theme` available down the React tree thanks to React context.
@@ -30,44 +50,55 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
  */
 var MuiThemeProvider = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(MuiThemeProvider, _React$Component);
+
   var _super = _createSuper(MuiThemeProvider);
+
+  // We are not using the React state in order to avoid unnecessary rerender.
   function MuiThemeProvider(props, context) {
     var _this;
+
     (0, _classCallCheck2.default)(this, MuiThemeProvider);
-    _this = _super.call(this);
-    // Get the outer theme from the context, can be null
+    _this = _super.call(this); // Get the outer theme from the context, can be null
+
     _this.broadcast = (0, _brcast.default)();
     _this.unsubscribeId = null;
-    // We are not using the React state in order to avoid unnecessary rerender.
     _this.outerTheme = null;
-    _this.outerTheme = _themeListener.default.initial(context);
-    // Propagate the theme so it can be accessed by the children
+    _this.outerTheme = _themeListener.default.initial(context); // Propagate the theme so it can be accessed by the children
+
     _this.broadcast.setState(_this.mergeOuterLocalTheme(props.theme));
+
     return _this;
   }
+
   (0, _createClass2.default)(MuiThemeProvider, [{
     key: "getChildContext",
     value: function getChildContext() {
+      var _ref;
+
       var _this$props = this.props,
-        sheetsManager = _this$props.sheetsManager,
-        disableStylesGeneration = _this$props.disableStylesGeneration;
+          sheetsManager = _this$props.sheetsManager,
+          disableStylesGeneration = _this$props.disableStylesGeneration;
       var muiThemeProviderOptions = this.context.muiThemeProviderOptions || {};
+
       if (sheetsManager !== undefined) {
         muiThemeProviderOptions.sheetsManager = sheetsManager;
       }
+
       if (disableStylesGeneration !== undefined) {
         muiThemeProviderOptions.disableStylesGeneration = disableStylesGeneration;
       }
-      return (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _themeListener.CHANNEL, this.broadcast), "muiThemeProviderOptions", muiThemeProviderOptions);
+
+      return _ref = {}, (0, _defineProperty2.default)(_ref, _themeListener.CHANNEL, this.broadcast), (0, _defineProperty2.default)(_ref, "muiThemeProviderOptions", muiThemeProviderOptions), _ref;
     }
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
+
       // Subscribe on the outer theme, if present
       this.unsubscribeId = _themeListener.default.subscribe(this.context, function (outerTheme) {
-        _this2.outerTheme = outerTheme;
-        // Forward the parent theme update to the children
+        _this2.outerTheme = outerTheme; // Forward the parent theme update to the children
+
         _this2.broadcast.setState(_this2.mergeOuterLocalTheme(_this2.props.theme));
       });
     }
@@ -85,9 +116,8 @@ var MuiThemeProvider = /*#__PURE__*/function (_React$Component) {
       if (this.unsubscribeId !== null) {
         _themeListener.default.unsubscribe(this.context, this.unsubscribeId);
       }
-    }
+    } // Simple merge between the outer theme and the local theme
 
-    // Simple merge between the outer theme and the local theme
   }, {
     key: "mergeOuterLocalTheme",
     value: function mergeOuterLocalTheme(localTheme) {
@@ -96,9 +126,11 @@ var MuiThemeProvider = /*#__PURE__*/function (_React$Component) {
         process.env.NODE_ENV !== "production" ? (0, _warning.default)(this.outerTheme, ['Material-UI: you are providing a theme function property ' + 'to the MuiThemeProvider component:', '<MuiThemeProvider theme={outerTheme => outerTheme} />', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n')) : void 0;
         return localTheme(this.outerTheme);
       }
+
       if (!this.outerTheme) {
         return localTheme;
       }
+
       return (0, _objectSpread2.default)({}, this.outerTheme, {}, localTheme);
     }
   }, {
@@ -118,10 +150,12 @@ var MuiThemeProvider = /*#__PURE__*/function (_React$Component) {
   }]);
   return MuiThemeProvider;
 }(_react.default.Component);
+
 MuiThemeProvider.childContextTypes = (0, _objectSpread2.default)({}, _themeListener.default.contextTypes, {
   muiThemeProviderOptions: _propTypes.default.object
 });
 MuiThemeProvider.contextTypes = (0, _objectSpread2.default)({}, _themeListener.default.contextTypes, {
   muiThemeProviderOptions: _propTypes.default.object
 });
-var _default = exports.default = MuiThemeProvider;
+var _default = MuiThemeProvider;
+exports.default = _default;

package/styles/colorManipulator.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -14,7 +15,9 @@ exports.getLuminance = getLuminance;
 exports.lighten = lighten;
 exports.recomposeColor = recomposeColor;
 exports.rgbToHex = rgbToHex;
+
 var _warning = _interopRequireDefault(require("warning"));
+
 /* eslint-disable no-use-before-define */
 
 /**
@@ -29,58 +32,67 @@ function clamp(value) {
   var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
   process.env.NODE_ENV !== "production" ? (0, _warning.default)(value >= min && value <= max, "Material-UI: the value provided ".concat(value, " is out of range [").concat(min, ", ").concat(max, "].")) : void 0;
+
   if (value < min) {
     return min;
   }
+
   if (value > max) {
     return max;
   }
+
   return value;
 }
-
 /**
  * Converts a color from CSS hex format to CSS rgb format.
  *
  * @param {string} color - Hex color, i.e. #nnn or #nnnnnn
  * @returns {string} A CSS rgb color string
  */
+
+
 function convertHexToRGB(color) {
   color = color.substr(1);
   var re = new RegExp(".{1,".concat(color.length / 3, "}"), 'g');
   var colors = color.match(re);
+
   if (colors && colors[0].length === 1) {
     colors = colors.map(function (n) {
       return n + n;
     });
   }
+
   return colors ? "rgb(".concat(colors.map(function (n) {
     return parseInt(n, 16);
   }).join(', '), ")") : '';
 }
-
 /**
  * Converts a color from CSS rgb format to CSS hex format.
  *
  * @param {string} color - RGB color, i.e. rgb(n, n, n)
  * @returns {string} A CSS rgb color string, i.e. #nnnnnn
  */
+
+
 function rgbToHex(color) {
   // Pass hex straight through
   if (color.indexOf('#') === 0) {
     return color;
   }
+
   function intToHex(c) {
     var hex = c.toString(16);
     return hex.length === 1 ? "0".concat(hex) : hex;
   }
+
   var _decomposeColor = decomposeColor(color),
-    values = _decomposeColor.values;
+      values = _decomposeColor.values;
+
   values = values.map(function (n) {
     return intToHex(n);
   });
   return "#".concat(values.join(''));
 }
-
 /**
  * Returns an object with the type and values of a color.
  *
@@ -89,27 +101,31 @@ function rgbToHex(color) {
  * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
  * @returns {object} - A MUI color object: {type: string, values: number[]}
  */
+
+
 function decomposeColor(color) {
   if (color.charAt(0) === '#') {
     return decomposeColor(convertHexToRGB(color));
   }
+
   var marker = color.indexOf('(');
   var type = color.substring(0, marker);
   var values = color.substring(marker + 1, color.length - 1).split(',');
   values = values.map(function (value) {
     return parseFloat(value);
   });
+
   if (process.env.NODE_ENV !== 'production') {
     if (['rgb', 'rgba', 'hsl', 'hsla'].indexOf(type) === -1) {
       throw new Error(["Material-UI: unsupported `".concat(color, "` color."), 'We support the following formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla().'].join('\n'));
     }
   }
+
   return {
     type: type,
     values: values
   };
 }
-
 /**
  * Converts a color object with type and values to a string.
  *
@@ -118,22 +134,26 @@ function decomposeColor(color) {
  * @param {array} color.values - [n,n,n] or [n,n,n,n]
  * @returns {string} A CSS color string
  */
+
+
 function recomposeColor(color) {
   var type = color.type;
   var values = color.values;
+
   if (type.indexOf('rgb') !== -1) {
     // Only convert the first 3 values to int (i.e. not alpha)
     values = values.map(function (n, i) {
       return i < 3 ? parseInt(n, 10) : n;
     });
   }
+
   if (type.indexOf('hsl') !== -1) {
     values[1] = "".concat(values[1], "%");
     values[2] = "".concat(values[2], "%");
   }
+
   return "".concat(color.type, "(").concat(values.join(', '), ")");
 }
-
 /**
  * Calculates the contrast ratio between two colors.
  *
@@ -143,12 +163,13 @@ function recomposeColor(color) {
  * @param {string} background - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
  * @returns {number} A contrast ratio value in the range 0 - 21.
  */
+
+
 function getContrastRatio(foreground, background) {
   var lumA = getLuminance(foreground);
   var lumB = getLuminance(background);
   return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);
 }
-
 /**
  * The relative brightness of any point in a color space,
  * normalized to 0 for darkest black and 1 for lightest white.
@@ -158,21 +179,24 @@ function getContrastRatio(foreground, background) {
  * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
  * @returns {number} The relative brightness of the color in the range 0 - 1
  */
+
+
 function getLuminance(color) {
   var decomposedColor = decomposeColor(color);
+
   if (decomposedColor.type.indexOf('rgb') !== -1) {
     var rgb = decomposedColor.values.map(function (val) {
       val /= 255; // normalized
+
       return val <= 0.03928 ? val / 12.92 : Math.pow((val + 0.055) / 1.055, 2.4);
-    });
-    // Truncate at 3 digits
+    }); // Truncate at 3 digits
+
     return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));
-  }
+  } // else if (decomposedColor.type.indexOf('hsl') !== -1)
+
 
-  // else if (decomposedColor.type.indexOf('hsl') !== -1)
   return decomposedColor.values[2] / 100;
 }
-
 /**
  * Darken or lighten a colour, depending on its luminance.
  * Light colors are darkened, dark colors are lightened.
@@ -181,11 +205,12 @@ function getLuminance(color) {
  * @param {number} coefficient=0.15 - multiplier in the range 0 - 1
  * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
+
+
 function emphasize(color) {
   var coefficient = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.15;
   return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);
 }
-
 /**
  * Set the absolute transparency of a color.
  * Any existing alpha values are overwritten.
@@ -194,18 +219,21 @@ function emphasize(color) {
  * @param {number} value - value to set the alpha channel to in the range 0 -1
  * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
+
+
 function fade(color, value) {
   process.env.NODE_ENV !== "production" ? (0, _warning.default)(color, "Material-UI: missing color argument in fade(".concat(color, ", ").concat(value, ").")) : void 0;
   if (!color) return color;
   color = decomposeColor(color);
   value = clamp(value);
+
   if (color.type === 'rgb' || color.type === 'hsl') {
     color.type += 'a';
   }
+
   color.values[3] = value;
   return recomposeColor(color);
 }
-
 /**
  * Darkens a color.
  *
@@ -213,11 +241,14 @@ function fade(color, value) {
  * @param {number} coefficient - multiplier in the range 0 - 1
  * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
+
+
 function darken(color, coefficient) {
   process.env.NODE_ENV !== "production" ? (0, _warning.default)(color, "Material-UI: missing color argument in darken(".concat(color, ", ").concat(coefficient, ").")) : void 0;
   if (!color) return color;
   color = decomposeColor(color);
   coefficient = clamp(coefficient);
+
   if (color.type.indexOf('hsl') !== -1) {
     color.values[2] *= 1 - coefficient;
   } else if (color.type.indexOf('rgb') !== -1) {
@@ -225,9 +256,9 @@ function darken(color, coefficient) {
       color.values[i] *= 1 - coefficient;
     }
   }
+
   return recomposeColor(color);
 }
-
 /**
  * Lightens a color.
  *
@@ -235,11 +266,14 @@ function darken(color, coefficient) {
  * @param {number} coefficient - multiplier in the range 0 - 1
  * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
+
+
 function lighten(color, coefficient) {
   process.env.NODE_ENV !== "production" ? (0, _warning.default)(color, "Material-UI: missing color argument in lighten(".concat(color, ", ").concat(coefficient, ").")) : void 0;
   if (!color) return color;
   color = decomposeColor(color);
   coefficient = clamp(coefficient);
+
   if (color.type.indexOf('hsl') !== -1) {
     color.values[2] += (100 - color.values[2]) * coefficient;
   } else if (color.type.indexOf('rgb') !== -1) {
@@ -247,5 +281,6 @@ function lighten(color, coefficient) {
       color.values[i] += (255 - color.values[i]) * coefficient;
     }
   }
+
   return recomposeColor(color);
 }

package/styles/createBreakpoints.js

@@ -1,59 +1,74 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createBreakpoints;
 exports.keys = void 0;
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 // Sorted ASC by size. That's important.
 // It can't be configured as it's used statically for propTypes.
-var keys = exports.keys = ['xs', 'sm', 'md', 'lg', 'xl'];
+var keys = ['xs', 'sm', 'md', 'lg', 'xl']; // Keep in mind that @media is inclusive by the CSS specification.
+
+exports.keys = keys;
 
-// Keep in mind that @media is inclusive by the CSS specification.
 function createBreakpoints(breakpoints) {
   var _breakpoints$values = breakpoints.values,
-    values = _breakpoints$values === void 0 ? {
-      xs: 0,
-      sm: 600,
-      md: 960,
-      lg: 1280,
-      xl: 1920
-    } : _breakpoints$values,
-    _breakpoints$unit = breakpoints.unit,
-    unit = _breakpoints$unit === void 0 ? 'px' : _breakpoints$unit,
-    _breakpoints$step = breakpoints.step,
-    step = _breakpoints$step === void 0 ? 5 : _breakpoints$step,
-    other = (0, _objectWithoutProperties2.default)(breakpoints, ["values", "unit", "step"]);
+      values = _breakpoints$values === void 0 ? {
+    xs: 0,
+    sm: 600,
+    md: 960,
+    lg: 1280,
+    xl: 1920
+  } : _breakpoints$values,
+      _breakpoints$unit = breakpoints.unit,
+      unit = _breakpoints$unit === void 0 ? 'px' : _breakpoints$unit,
+      _breakpoints$step = breakpoints.step,
+      step = _breakpoints$step === void 0 ? 5 : _breakpoints$step,
+      other = (0, _objectWithoutProperties2.default)(breakpoints, ["values", "unit", "step"]);
+
   function up(key) {
     var value = typeof values[key] === 'number' ? values[key] : key;
     return "@media (min-width:".concat(value).concat(unit, ")");
   }
+
   function down(key) {
     var endIndex = keys.indexOf(key) + 1;
     var upperbound = values[keys[endIndex]];
+
     if (endIndex === keys.length) {
       // xl down applies to all sizes
       return up('xs');
     }
+
     var value = typeof upperbound === 'number' && endIndex > 0 ? upperbound : key;
     return "@media (max-width:".concat(value - step / 100).concat(unit, ")");
   }
+
   function between(start, end) {
     var endIndex = keys.indexOf(end) + 1;
+
     if (endIndex === keys.length) {
       return up(start);
     }
+
     return "@media (min-width:".concat(values[start]).concat(unit, ") and ") + "(max-width:".concat(values[keys[endIndex]] - step / 100).concat(unit, ")");
   }
+
   function only(key) {
     return between(key, key);
   }
+
   function width(key) {
     return values[key];
   }
+
   return (0, _objectSpread2.default)({
     keys: keys,
     values: values,

package/styles/createGenerateClassName.js

@@ -1,76 +1,86 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createGenerateClassName;
+
 var _warning = _interopRequireDefault(require("warning"));
-/* eslint-disable no-underscore-dangle */
 
+/* eslint-disable no-underscore-dangle */
 // People might bundle this classname generator twice.
 // We need to use a global.
 global.__MUI_GENERATOR_COUNTER__ = 0;
 var escapeRegex = /([[\].#*$><+~=|^:(),"'`\s])/g;
+
 function safePrefix(classNamePrefix) {
   var prefix = String(classNamePrefix);
-  process.env.NODE_ENV !== "production" ? (0, _warning.default)(prefix.length < 256, "Material-UI: the class name prefix is too long: ".concat(prefix, ".")) : void 0;
-  // Sanitize the string as will be used to prefix the generated class name.
-  return prefix.replace(escapeRegex, '-');
-}
+  process.env.NODE_ENV !== "production" ? (0, _warning.default)(prefix.length < 256, "Material-UI: the class name prefix is too long: ".concat(prefix, ".")) : void 0; // Sanitize the string as will be used to prefix the generated class name.
 
-// Returns a function which generates unique class names based on counters.
+  return prefix.replace(escapeRegex, '-');
+} // Returns a function which generates unique class names based on counters.
 // When new generator function is created, rule counter is reset.
 // We need to reset the rule counter for SSR for each request.
 //
 // It's inspired by
 // https://github.com/cssinjs/jss/blob/4e6a05dd3f7b6572fdd3ab216861d9e446c20331/src/utils/createGenerateClassName.js
+
+
 function createGenerateClassName() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _options$dangerouslyU = options.dangerouslyUseGlobalCSS,
-    dangerouslyUseGlobalCSS = _options$dangerouslyU === void 0 ? false : _options$dangerouslyU,
-    _options$productionPr = options.productionPrefix,
-    productionPrefix = _options$productionPr === void 0 ? 'jss' : _options$productionPr;
-  var ruleCounter = 0;
-
-  // - HMR can lead to many class name generators being instantiated,
+      dangerouslyUseGlobalCSS = _options$dangerouslyU === void 0 ? false : _options$dangerouslyU,
+      _options$productionPr = options.productionPrefix,
+      productionPrefix = _options$productionPr === void 0 ? 'jss' : _options$productionPr;
+  var ruleCounter = 0; // - HMR can lead to many class name generators being instantiated,
   // so the warning is only triggered in production.
   // - We expect a class name generator to be instantiated per new request on the server,
   // so the warning is only triggered client side.
+
   if (process.env.NODE_ENV === 'production' && typeof window !== 'undefined') {
     global.__MUI_GENERATOR_COUNTER__ += 1;
+
     if (global.__MUI_GENERATOR_COUNTER__ > 2) {
       // eslint-disable-next-line no-console
       console.error(['Material-UI: we have detected more than needed creation of the class name generator.', 'You should only use one class name generator on the client side.', 'If you do otherwise, you take the risk to have conflicting class names in production.'].join('\n'));
     }
   }
+
   return function (rule, styleSheet) {
     ruleCounter += 1;
-    process.env.NODE_ENV !== "production" ? (0, _warning.default)(ruleCounter < 1e10, ['Material-UI: you might have a memory leak.', 'The ruleCounter is not supposed to grow that much.'].join('')) : void 0;
+    process.env.NODE_ENV !== "production" ? (0, _warning.default)(ruleCounter < 1e10, ['Material-UI: you might have a memory leak.', 'The ruleCounter is not supposed to grow that much.'].join('')) : void 0; // Code branch the whole block at the expense of more code.
 
-    // Code branch the whole block at the expense of more code.
     if (dangerouslyUseGlobalCSS) {
       if (styleSheet) {
         if (styleSheet.options.name) {
           return "".concat(styleSheet.options.name, "-").concat(rule.key);
         }
+
         if (styleSheet.options.classNamePrefix && process.env.NODE_ENV !== 'production') {
           var prefix = safePrefix(styleSheet.options.classNamePrefix);
           return "".concat(prefix, "-").concat(rule.key, "-").concat(ruleCounter);
         }
       }
+
       if (process.env.NODE_ENV === 'production') {
         return "".concat(productionPrefix).concat(ruleCounter);
       }
+
       return "".concat(rule.key, "-").concat(ruleCounter);
     }
+
     if (process.env.NODE_ENV === 'production') {
       return "".concat(productionPrefix).concat(ruleCounter);
     }
+
     if (styleSheet && styleSheet.options.classNamePrefix) {
       var _prefix = safePrefix(styleSheet.options.classNamePrefix);
+
       return "".concat(_prefix, "-").concat(rule.key, "-").concat(ruleCounter);
     }
+
     return "".concat(rule.key, "-").concat(ruleCounter);
   };
 }

package/styles/createMixins.js

@@ -1,13 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createMixins;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 function createMixins(breakpoints, spacing, mixins) {
+  var _toolbar;
+
   return (0, _objectSpread3.default)({
     gutters: function gutters() {
       var styles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -19,12 +25,12 @@ function createMixins(breakpoints, spacing, mixins) {
         paddingRight: spacing(6)
       }, styles[breakpoints.up('sm')])));
     },
-    toolbar: (0, _defineProperty2.default)((0, _defineProperty2.default)({
+    toolbar: (_toolbar = {
       minHeight: 56
-    }, "".concat(breakpoints.up('xs'), " and (orientation: landscape)"), {
+    }, (0, _defineProperty2.default)(_toolbar, "".concat(breakpoints.up('xs'), " and (orientation: landscape)"), {
       minHeight: 48
-    }), breakpoints.up('sm'), {
+    }), (0, _defineProperty2.default)(_toolbar, breakpoints.up('sm'), {
       minHeight: 64
-    })
+    }), _toolbar)
   }, mixins);
 }