@hipay/hipay-material-ui 2.3.0-rc.4 → 2.3.0-rc.PSYCHE-2530

package/es/styles/colorManipulator.js

@@ -1,5 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.convertHexToRGB = convertHexToRGB;
+exports.rgbToHex = rgbToHex;
+exports.decomposeColor = decomposeColor;
+exports.recomposeColor = recomposeColor;
+exports.getContrastRatio = getContrastRatio;
+exports.getLuminance = getLuminance;
+exports.emphasize = emphasize;
+exports.fade = fade;
+exports.darken = darken;
+exports.lighten = lighten;
+
+var _warning = _interopRequireDefault(require("warning"));
+
 /* eslint-disable no-use-before-define */
-import warning from 'warning';
+
 /**
  * Returns a number whose value is limited to the given range.
  *
@@ -8,9 +28,10 @@ import warning from 'warning';
  * @param {number} max The upper boundary of the output range
  * @returns {number} A number in the range [min, max]
  */
-
-function clamp(value, min = 0, max = 1) {
-  process.env.NODE_ENV !== "production" ? warning(value >= min && value <= max, `Material-UI: the value provided ${value} is out of range [${min}, ${max}].`) : void 0;
+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;
@@ -30,16 +51,20 @@ function clamp(value, min = 0, max = 1) {
  */
 
 
-export function convertHexToRGB(color) {
+function convertHexToRGB(color) {
   color = color.substr(1);
-  const re = new RegExp(`.{1,${color.length / 3}}`, 'g');
-  let colors = color.match(re);
+  var re = new RegExp(".{1,".concat(color.length / 3, "}"), 'g');
+  var colors = color.match(re);
 
   if (colors && colors[0].length === 1) {
-    colors = colors.map(n => n + n);
+    colors = colors.map(function (n) {
+      return n + n;
+    });
   }
 
-  return colors ? `rgb(${colors.map(n => parseInt(n, 16)).join(', ')})` : '';
+  return colors ? "rgb(".concat(colors.map(function (n) {
+    return parseInt(n, 16);
+  }).join(', '), ")") : '';
 }
 /**
  * Converts a color from CSS rgb format to CSS hex format.
@@ -48,22 +73,25 @@ export function convertHexToRGB(color) {
  * @returns {string} A CSS rgb color string, i.e. #nnnnnn
  */
 
-export function rgbToHex(color) {
+
+function rgbToHex(color) {
   // Pass hex straight through
   if (color.indexOf('#') === 0) {
     return color;
   }
 
   function intToHex(c) {
-    const hex = c.toString(16);
-    return hex.length === 1 ? `0${hex}` : hex;
+    var hex = c.toString(16);
+    return hex.length === 1 ? "0".concat(hex) : hex;
   }
 
-  let {
-    values
-  } = decomposeColor(color);
-  values = values.map(n => intToHex(n));
-  return `#${values.join('')}`;
+  var _decomposeColor = decomposeColor(color),
+      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.
@@ -74,25 +102,28 @@ export function rgbToHex(color) {
  * @returns {object} - A MUI color object: {type: string, values: number[]}
  */
 
-export function decomposeColor(color) {
+
+function decomposeColor(color) {
   if (color.charAt(0) === '#') {
     return decomposeColor(convertHexToRGB(color));
   }
 
-  const marker = color.indexOf('(');
-  const type = color.substring(0, marker);
-  let values = color.substring(marker + 1, color.length - 1).split(',');
-  values = values.map(value => parseFloat(value));
+  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 \`${color}\` color.`, 'We support the following formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla().'].join('\n'));
+      throw new Error(["Material-UI: unsupported `".concat(color, "` color."), 'We support the following formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla().'].join('\n'));
     }
   }
 
   return {
-    type,
-    values
+    type: type,
+    values: values
   };
 }
 /**
@@ -104,25 +135,24 @@ export function decomposeColor(color) {
  * @returns {string} A CSS color string
  */
 
-export function recomposeColor(color) {
-  const {
-    type
-  } = color;
-  let {
-    values
-  } = color;
+
+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((n, i) => i < 3 ? parseInt(n, 10) : n);
+    values = values.map(function (n, i) {
+      return i < 3 ? parseInt(n, 10) : n;
+    });
   }
 
   if (type.indexOf('hsl') !== -1) {
-    values[1] = `${values[1]}%`;
-    values[2] = `${values[2]}%`;
+    values[1] = "".concat(values[1], "%");
+    values[2] = "".concat(values[2], "%");
   }
 
-  return `${color.type}(${values.join(', ')})`;
+  return "".concat(color.type, "(").concat(values.join(', '), ")");
 }
 /**
  * Calculates the contrast ratio between two colors.
@@ -134,9 +164,10 @@ export function recomposeColor(color) {
  * @returns {number} A contrast ratio value in the range 0 - 21.
  */
 
-export function getContrastRatio(foreground, background) {
-  const lumA = getLuminance(foreground);
-  const lumB = getLuminance(background);
+
+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);
 }
 /**
@@ -149,14 +180,15 @@ export function getContrastRatio(foreground, background) {
  * @returns {number} The relative brightness of the color in the range 0 - 1
  */
 
-export function getLuminance(color) {
-  const decomposedColor = decomposeColor(color);
+
+function getLuminance(color) {
+  var decomposedColor = decomposeColor(color);
 
   if (decomposedColor.type.indexOf('rgb') !== -1) {
-    const rgb = decomposedColor.values.map(val => {
+    var rgb = decomposedColor.values.map(function (val) {
       val /= 255; // normalized
 
-      return val <= 0.03928 ? val / 12.92 : ((val + 0.055) / 1.055) ** 2.4;
+      return val <= 0.03928 ? val / 12.92 : Math.pow((val + 0.055) / 1.055, 2.4);
     }); // Truncate at 3 digits
 
     return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));
@@ -174,7 +206,9 @@ export function getLuminance(color) {
  * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
 
-export function emphasize(color, coefficient = 0.15) {
+
+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);
 }
 /**
@@ -186,8 +220,9 @@ export function emphasize(color, coefficient = 0.15) {
  * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
 
-export function fade(color, value) {
-  process.env.NODE_ENV !== "production" ? warning(color, `Material-UI: missing color argument in fade(${color}, ${value}).`) : void 0;
+
+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);
@@ -207,8 +242,9 @@ export function fade(color, value) {
  * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
 
-export function darken(color, coefficient) {
-  process.env.NODE_ENV !== "production" ? warning(color, `Material-UI: missing color argument in darken(${color}, ${coefficient}).`) : void 0;
+
+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);
@@ -216,7 +252,7 @@ export function darken(color, coefficient) {
   if (color.type.indexOf('hsl') !== -1) {
     color.values[2] *= 1 - coefficient;
   } else if (color.type.indexOf('rgb') !== -1) {
-    for (let i = 0; i < 3; i += 1) {
+    for (var i = 0; i < 3; i += 1) {
       color.values[i] *= 1 - coefficient;
     }
   }
@@ -231,8 +267,9 @@ export function darken(color, coefficient) {
  * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
 
-export function lighten(color, coefficient) {
-  process.env.NODE_ENV !== "production" ? warning(color, `Material-UI: missing color argument in lighten(${color}, ${coefficient}).`) : void 0;
+
+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);
@@ -240,7 +277,7 @@ export function lighten(color, coefficient) {
   if (color.type.indexOf('hsl') !== -1) {
     color.values[2] += (100 - color.values[2]) * coefficient;
   } else if (color.type.indexOf('rgb') !== -1) {
-    for (let i = 0; i < 3; i += 1) {
+    for (var i = 0; i < 3; i += 1) {
       color.values[i] += (255 - color.values[i]) * coefficient;
     }
   }

package/es/styles/createBreakpoints.js

@@ -1,51 +1,64 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createBreakpoints;
+exports.keys = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 // Sorted ASC by size. That's important.
 // It can't be configured as it's used statically for propTypes.
-export const keys = ['xs', 'sm', 'md', 'lg', 'xl']; // Keep in mind that @media is inclusive by the CSS specification.
-
-export default function createBreakpoints(breakpoints) {
-  const {
-    // The breakpoint **start** at this value.
-    // For instance with the first breakpoint xs: [xs, sm[.
-    values = {
-      xs: 0,
-      sm: 600,
-      md: 960,
-      lg: 1280,
-      xl: 1920
-    },
-    unit = 'px',
-    step = 5
-  } = breakpoints,
-        other = _objectWithoutProperties(breakpoints, ["values", "unit", "step"]);
+var keys = ['xs', 'sm', 'md', 'lg', 'xl']; // Keep in mind that @media is inclusive by the CSS specification.
+
+exports.keys = keys;
+
+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"]);
 
   function up(key) {
-    const value = typeof values[key] === 'number' ? values[key] : key;
-    return `@media (min-width:${value}${unit})`;
+    var value = typeof values[key] === 'number' ? values[key] : key;
+    return "@media (min-width:".concat(value).concat(unit, ")");
   }
 
   function down(key) {
-    const endIndex = keys.indexOf(key) + 1;
-    const upperbound = values[keys[endIndex]];
+    var endIndex = keys.indexOf(key) + 1;
+    var upperbound = values[keys[endIndex]];
 
     if (endIndex === keys.length) {
       // xl down applies to all sizes
       return up('xs');
     }
 
-    const value = typeof upperbound === 'number' && endIndex > 0 ? upperbound : key;
-    return `@media (max-width:${value - step / 100}${unit})`;
+    var value = typeof upperbound === 'number' && endIndex > 0 ? upperbound : key;
+    return "@media (max-width:".concat(value - step / 100).concat(unit, ")");
   }
 
   function between(start, end) {
-    const endIndex = keys.indexOf(end) + 1;
+    var endIndex = keys.indexOf(end) + 1;
 
     if (endIndex === keys.length) {
       return up(start);
     }
 
-    return `@media (min-width:${values[start]}${unit}) and ` + `(max-width:${values[keys[endIndex]] - step / 100}${unit})`;
+    return "@media (min-width:".concat(values[start]).concat(unit, ") and ") + "(max-width:".concat(values[keys[endIndex]] - step / 100).concat(unit, ")");
   }
 
   function only(key) {
@@ -56,13 +69,13 @@ export default function createBreakpoints(breakpoints) {
     return values[key];
   }
 
-  return _objectSpread({
-    keys,
-    values,
-    up,
-    down,
-    between,
-    only,
-    width
+  return (0, _objectSpread2.default)({
+    keys: keys,
+    values: values,
+    up: up,
+    down: down,
+    between: between,
+    only: only,
+    width: width
   }, other);
 }

package/es/styles/createGenerateClassName.js

@@ -1,13 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createGenerateClassName;
+
+var _warning = _interopRequireDefault(require("warning"));
+
 /* eslint-disable no-underscore-dangle */
-import warning from 'warning'; // People might bundle this classname generator twice.
+// People might bundle this classname generator twice.
 // We need to use a global.
-
 global.__MUI_GENERATOR_COUNTER__ = 0;
-const escapeRegex = /([[\].#*$><+~=|^:(),"'`\s])/g;
+var escapeRegex = /([[\].#*$><+~=|^:(),"'`\s])/g;
 
 function safePrefix(classNamePrefix) {
-  const prefix = String(classNamePrefix);
-  process.env.NODE_ENV !== "production" ? warning(prefix.length < 256, `Material-UI: the class name prefix is too long: ${prefix}.`) : void 0; // Sanitize the string as will be used to prefix the generated class name.
+  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, '-');
 } // Returns a function which generates unique class names based on counters.
@@ -18,12 +28,13 @@ function safePrefix(classNamePrefix) {
 // https://github.com/cssinjs/jss/blob/4e6a05dd3f7b6572fdd3ab216861d9e446c20331/src/utils/createGenerateClassName.js
 
 
-export default function createGenerateClassName(options = {}) {
-  const {
-    dangerouslyUseGlobalCSS = false,
-    productionPrefix = 'jss'
-  } = options;
-  let ruleCounter = 0; // - HMR can lead to many class name generators being instantiated,
+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,
   // 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.
@@ -37,38 +48,39 @@ export default function createGenerateClassName(options = {}) {
     }
   }
 
-  return (rule, styleSheet) => {
+  return function (rule, styleSheet) {
     ruleCounter += 1;
-    process.env.NODE_ENV !== "production" ? warning(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.
+    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.
 
     if (dangerouslyUseGlobalCSS) {
       if (styleSheet) {
         if (styleSheet.options.name) {
-          return `${styleSheet.options.name}-${rule.key}`;
+          return "".concat(styleSheet.options.name, "-").concat(rule.key);
         }
 
         if (styleSheet.options.classNamePrefix && process.env.NODE_ENV !== 'production') {
-          const prefix = safePrefix(styleSheet.options.classNamePrefix);
-          return `${prefix}-${rule.key}-${ruleCounter}`;
+          var prefix = safePrefix(styleSheet.options.classNamePrefix);
+          return "".concat(prefix, "-").concat(rule.key, "-").concat(ruleCounter);
         }
       }
 
       if (process.env.NODE_ENV === 'production') {
-        return `${productionPrefix}${ruleCounter}`;
+        return "".concat(productionPrefix).concat(ruleCounter);
       }
 
-      return `${rule.key}-${ruleCounter}`;
+      return "".concat(rule.key, "-").concat(ruleCounter);
     }
 
     if (process.env.NODE_ENV === 'production') {
-      return `${productionPrefix}${ruleCounter}`;
+      return "".concat(productionPrefix).concat(ruleCounter);
     }
 
     if (styleSheet && styleSheet.options.classNamePrefix) {
-      const prefix = safePrefix(styleSheet.options.classNamePrefix);
-      return `${prefix}-${rule.key}-${ruleCounter}`;
+      var _prefix = safePrefix(styleSheet.options.classNamePrefix);
+
+      return "".concat(_prefix, "-").concat(rule.key, "-").concat(ruleCounter);
     }
 
-    return `${rule.key}-${ruleCounter}`;
+    return "".concat(rule.key, "-").concat(ruleCounter);
   };
 }

package/es/styles/createMixins.js

@@ -1,25 +1,36 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-export default function createMixins(breakpoints, spacing, mixins) {
-  return _objectSpread({
-    gutters: (styles = {}) => {
-      return _objectSpread({
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createMixins;
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectSpread3 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@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] : {};
+      return (0, _objectSpread3.default)({
         paddingLeft: spacing(4),
         paddingRight: spacing(4)
-      }, styles, {
-        [breakpoints.up('sm')]: _objectSpread({
-          paddingLeft: spacing(6),
-          paddingRight: spacing(6)
-        }, styles[breakpoints.up('sm')])
-      });
+      }, styles, (0, _defineProperty2.default)({}, breakpoints.up('sm'), (0, _objectSpread3.default)({
+        paddingLeft: spacing(6),
+        paddingRight: spacing(6)
+      }, styles[breakpoints.up('sm')])));
     },
-    toolbar: {
-      minHeight: 56,
-      [`${breakpoints.up('xs')} and (orientation: landscape)`]: {
-        minHeight: 48
-      },
-      [breakpoints.up('sm')]: {
-        minHeight: 64
-      }
-    }
+    toolbar: (_toolbar = {
+      minHeight: 56
+    }, (0, _defineProperty2.default)(_toolbar, "".concat(breakpoints.up('xs'), " and (orientation: landscape)"), {
+      minHeight: 48
+    }), (0, _defineProperty2.default)(_toolbar, breakpoints.up('sm'), {
+      minHeight: 64
+    }), _toolbar)
   }, mixins);
 }