@hipay/hipay-material-ui 3.11.1 → 3.12.0

package/theme/palette.js

@@ -1,106 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.palette = void 0;
-
-var _colors = require("@mui/material/colors");
-
-var _common = _interopRequireDefault(require("@mui/material/colors/common"));
-
-var palette = {
-  primary: {
-    light: '#5bc8ef',
-    main: '#00ade9',
-    dark: '#007ca9',
-    contrastText: '#FFFFFF'
-  },
-  secondary: {
-    light: '#ffd94f',
-    main: '#ffcf21',
-    dark: '#E9BE30',
-    contrastText: '#FFFFFF'
-  },
-  positive: {
-    light: '#66CF66',
-    main: '#00AF00',
-    dark: '#008300',
-    contrastText: '#FFFFFF'
-  },
-  negative: {
-    ultraLight: '#EA9494',
-    light: '#E66666',
-    main: '#D50000',
-    dark: '#A00000',
-    contrastText: '#FFFFFF'
-  },
-  middle: {
-    light: '#F4A647',
-    main: '#F99408',
-    dark: '#F78700',
-    contrastText: '#FFFFFF'
-  },
-  neutral: {
-    ultraLight: '#8B8B8B',
-    light: '#838383',
-    main: '#737373',
-    dark: '#20272B',
-    contrastText: '#FFFFFF'
-  },
-  error: {
-    light: _colors.red[300],
-    main: _colors.red[500],
-    dark: _colors.red[700]
-  },
-  lookup: {
-    light: '#FFFF8D',
-    main: '#EDED14'
-  },
-  // The colors used to style the action elements.
-  action: {
-    // The color of an active action like an icon button.
-    active: 'rgba(0, 0, 0, 0.54)',
-    // The color of an hovered action.
-    hover: 'rgba(0, 0, 0, 0.08)',
-    hoverOpacity: 0.08,
-    // The color of a selected action.
-    selected: '#F8F9FB',
-    // The color of a disabled action.
-    disabled: 'rgba(0, 0, 0, 0.24)',
-    // The background color of a disabled action.
-    disabledBackground: 'rgba(0, 0, 0, 0.12)'
-  },
-  input: {
-    bottomLine: '#E0E0E0',
-    helperText: 'rgba(0, 0, 0, 0.54)',
-    labelText: 'rgba(0, 0, 0, 0.54)',
-    inputText: 'rgba(0, 0, 0, 0.87)',
-    disabled: '#FAFAFA'
-  },
-  background1: '#F8F9FB',
-  background2: '#F5F5F5',
-  background3: '#FFFFFF',
-  // The colors used to style the text.
-  text: {
-    // The most important text.
-    primary: '#20272B',
-    // Secondary text.
-    secondary: 'rgba(0, 0, 0, 0.54)',
-    // Disabled text have even lower visual prominence.
-    disabled: '#999999',
-    // Text hints.
-    hint: 'rgba(0, 0, 0, 0.38)'
-  },
-  // The color used to divide different elements.
-  divider: '#D9D9DB',
-  // The background colors used to style the surfaces.
-  // Consistency between these values is important.
-  background: {
-    paper: _common.default.white,
-    default: _colors.grey[50]
-  }
-};
-exports.palette = palette;

package/theme/typography.js

@@ -1,170 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.typography = void 0;
-
-var _require = require("./palette"),
-    palette = _require.palette;
-
-var fontFamily = '"Roboto", "Helvetica", "Arial", sans-serif'; // The default font size of the Material Specification.
-
-var fontSize = 14; // px
-
-var fontWeightLight = 300;
-var fontWeightRegular = 400;
-var fontWeightMedium = 500; // Tell Material-UI what's the font-size on the html element.
-// 16px is the default font-size used by browsers.
-
-var htmlFontSize = 16;
-
-var round = function round(value) {
-  return Math.round(value * 1e5) / 1e5;
-};
-
-var coef = fontSize / 14;
-
-var pxToRem = function pxToRem(value) {
-  return "".concat(value / htmlFontSize * coef, "rem");
-};
-
-var typography = {
-  pxToRem: pxToRem,
-  round: round,
-  fontFamily: fontFamily,
-  fontSize: fontSize,
-  fontWeightLight: fontWeightLight,
-  fontWeightRegular: fontWeightRegular,
-  fontWeightMedium: fontWeightMedium,
-  display4: {
-    fontSize: pxToRem(112),
-    fontWeight: fontWeightLight,
-    fontFamily: fontFamily,
-    letterSpacing: '-.04em',
-    lineHeight: "".concat(round(128 / 112), "em"),
-    marginLeft: '-.04em',
-    color: palette.text.secondary
-  },
-  display3: {
-    fontSize: pxToRem(56),
-    fontWeight: fontWeightRegular,
-    fontFamily: fontFamily,
-    letterSpacing: '-.02em',
-    lineHeight: "".concat(round(73 / 56), "em"),
-    marginLeft: '-.02em',
-    color: palette.text.secondary
-  },
-  display2: {
-    fontSize: pxToRem(45),
-    fontWeight: fontWeightRegular,
-    fontFamily: fontFamily,
-    lineHeight: "".concat(round(51 / 45), "em"),
-    marginLeft: '-.02em',
-    color: palette.text.secondary
-  },
-  display1: {
-    fontSize: pxToRem(34),
-    fontWeight: fontWeightRegular,
-    fontFamily: fontFamily,
-    lineHeight: "".concat(round(41 / 34), "em"),
-    color: palette.text.secondary
-  },
-  headline: {
-    fontSize: pxToRem(24),
-    fontWeight: fontWeightRegular,
-    fontFamily: fontFamily,
-    lineHeight: "".concat(round(32.5 / 24), "em"),
-    color: palette.text.primary
-  },
-  title: {
-    fontSize: pxToRem(21),
-    fontWeight: fontWeightMedium,
-    fontFamily: fontFamily,
-    lineHeight: "".concat(round(24.5 / 21), "em"),
-    color: palette.text.primary
-  },
-  subheading: {
-    fontSize: pxToRem(16),
-    fontWeight: fontWeightRegular,
-    fontFamily: fontFamily,
-    lineHeight: "".concat(round(24 / 16), "em"),
-    color: palette.text.primary
-  },
-  body3: {
-    fontSize: pxToRem(14),
-    fontWeight: fontWeightRegular,
-    fontFamily: fontFamily,
-    lineHeight: "".concat(round(26 / 14), "em"),
-    color: palette.text.primary
-  },
-  body2: {
-    fontSize: pxToRem(14),
-    fontWeight: fontWeightMedium,
-    fontFamily: fontFamily,
-    lineHeight: "".concat(round(24 / 14), "em"),
-    color: palette.text.primary
-  },
-  body1: {
-    fontSize: pxToRem(14),
-    fontWeight: fontWeightRegular,
-    fontFamily: fontFamily,
-    lineHeight: "".concat(round(20.5 / 14), "em"),
-    color: palette.text.primary
-  },
-  h1: {
-    fontSize: 24,
-    fontFamily: fontFamily
-  },
-  h2: {
-    fontSize: 20,
-    fontFamily: fontFamily
-  },
-  h3: {
-    fontSize: 18,
-    fontFamily: fontFamily
-  },
-  h4: {
-    fontSize: 16,
-    fontFamily: fontFamily
-  },
-  h5: {
-    fontSize: 14,
-    fontFamily: fontFamily
-  },
-  b1: {
-    fontSize: 15,
-    fontFamily: fontFamily
-  },
-  b2: {
-    fontSize: 14,
-    fontFamily: fontFamily
-  },
-  b3: {
-    fontSize: 13,
-    fontFamily: fontFamily
-  },
-  b4: {
-    fontSize: 12,
-    fontFamily: fontFamily
-  },
-  b5: {
-    fontSize: 11,
-    fontFamily: fontFamily
-  },
-  caption: {
-    fontSize: pxToRem(12),
-    fontWeight: fontWeightRegular,
-    fontFamily: fontFamily,
-    lineHeight: "".concat(round(16.5 / 12), "em"),
-    color: palette.text.secondary
-  },
-  button: {
-    fontSize: pxToRem(14),
-    textTransform: 'uppercase',
-    fontWeight: fontWeightMedium,
-    fontFamily: fontFamily,
-    color: palette.text.primary
-  }
-};
-exports.typography = typography;

package/theme.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styles = require("@mui/material/styles");
-
-var _palette = require("./theme/palette");
-
-var _typography = require("./theme/typography");
-
-var _default = (0, _styles.createTheme)((0, _styles.adaptV4Theme)({
-  palette: _palette.palette,
-  typography: _typography.typography,
-  spacing: 4
-}));
-
-exports.default = _default;

package/transitions/utils.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getTransitionProps = getTransitionProps;
-exports.reflow = void 0;
-
-var reflow = function reflow(node) {
-  return node.scrollTop;
-};
-
-exports.reflow = reflow;
-
-function getTransitionProps(props, options) {
-  var timeout = props.timeout,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style;
-  return {
-    duration: style.transitionDuration || typeof timeout === 'number' ? timeout : timeout[options.mode],
-    delay: style.transitionDelay
-  };
-}

package/utils/exactProp.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.specialProperty = exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-// This module is based on https://github.com/airbnb/prop-types-exact repository.
-// However, in order to reduce the number of dependencies and to remove some extra safe checks
-// the module was forked.
-// Only exported for test purposes.
-var specialProperty = "exact-prop: \u200B";
-exports.specialProperty = specialProperty;
-
-function exactProp(propTypes) {
-  /* istanbul ignore if */
-  if (process.env.NODE_ENV === 'production') {
-    return propTypes;
-  }
-
-  return (0, _objectSpread3.default)({}, propTypes, (0, _defineProperty2.default)({}, specialProperty, function (props) {
-    var unsupportedProps = Object.keys(props).filter(function (prop) {
-      return !propTypes.hasOwnProperty(prop);
-    });
-
-    if (unsupportedProps.length > 0) {
-      return new Error("The following properties are not supported: ".concat(unsupportedProps.map(function (prop) {
-        return "`".concat(prop, "`");
-      }).join(', '), ". Please remove them."));
-    }
-
-    return null;
-  }));
-}
-
-var _default = exactProp;
-exports.default = _default;

package/utils/helpers.js

@@ -1,345 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.arrayUnique = arrayUnique;
-exports.camelize = camelize;
-exports.capitalize = capitalize;
-exports.contains = contains;
-exports.createChainedFunction = createChainedFunction;
-exports.escapeHTML = escapeHTML;
-exports.find = find;
-exports.findIndex = findIndex;
-exports.foldAccents = foldAccents;
-exports.formatCurrencyAmount = formatCurrencyAmount;
-exports.formatNumber = formatNumber;
-exports.formatRate = formatRate;
-exports.getNextItemSelectable = getNextItemSelectable;
-exports.uniqueId = uniqueId;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
-
-var _warning = _interopRequireDefault(require("warning"));
-
-function camelize(string) {
-  string = string.replace(/(_\w)/g, function (m) {
-    return m[1].toUpperCase();
-  });
-  return string.replace(/(?:^\w|[A-Z]|\b\w|\s+)/g, function (match, index) {
-    if (+match === 0) return ''; // or if (/\s+/.test(match)) for white spaces
-
-    return index === 0 ? match.toLowerCase() : match.toUpperCase();
-  });
-}
-
-function capitalize(string) {
-  if (process.env.NODE_ENV !== 'production' && typeof string !== 'string') {
-    throw new Error('Material-UI: capitalize(string) expects a string argument.');
-  }
-
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
-
-function contains(obj, pred) {
-  return Object.keys(pred).every(function (key) {
-    return obj.hasOwnProperty(key) && obj[key] === pred[key];
-  });
-}
-/**
- * Echappe les caractères HTML d'une chaîne de catactères
- * Sauf la balise <strong>, <br>, and <a>
- *
- * @param unsafeStr
- * @returns {*}
- */
-
-
-function escapeHTML(unsafeStr) {
-  return unsafeStr.replace(/<br\/?>/g, '[br]').replace(/<strong>/g, '[[').replace(/<\/?strong>/g, ']]').replace(/<a(?: (.*?)=[\"\'](.*?)[\"\'])(?: (.*?)=[\"\'](.*?)[\"\'])?>(.*?)<\/a>/g, '[a::$1::$2::$3::$4]$5[a]').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;').replace(/\[a::(.*?)::(.*?)::(.*?)::(.*?)\](.*?)\[a\]/g, '<a $1=$2 $3=$4>$5</a>').replace(/\[\[/g, '<strong>').replace(/\]\]/g, '</strong>').replace(/\[br\]/g, '<br>');
-}
-
-function findIndex(arr, pred) {
-  var predType = (0, _typeof2.default)(pred);
-
-  for (var i = 0; i < arr.length; i += 1) {
-    if (predType === 'function' && !!pred(arr[i], i, arr) === true) {
-      return i;
-    }
-
-    if (predType === 'object' && contains(arr[i], pred)) {
-      return i;
-    }
-
-    if (['string', 'number', 'boolean'].indexOf(predType) !== -1) {
-      return arr.indexOf(pred);
-    }
-  }
-
-  return -1;
-}
-
-function find(arr, pred) {
-  var index = findIndex(arr, pred);
-  return index > -1 ? arr[index] : undefined;
-}
-/**
- * Safe chained function
- *
- * Will only create a new function if needed,
- * otherwise will pass back existing functions or null.
- *
- * @param {function} functions to chain
- * @returns {function|null}
- */
-
-
-function createChainedFunction() {
-  for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
-    funcs[_key] = arguments[_key];
-  }
-
-  return funcs.reduce(function (acc, func) {
-    if (func == null) {
-      return acc;
-    }
-
-    process.env.NODE_ENV !== "production" ? (0, _warning.default)(typeof func === 'function', 'Material-UI: invalid Argument Type, must only provide functions, undefined, or null.') : void 0;
-    return function chainedFunction() {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-
-      acc.apply(this, args);
-      func.apply(this, args);
-    };
-  }, function () {});
-}
-/**
- * Remove duplicate items from array useful after concat arrays
- *
- * arrayUnique(array1.concat(array2))
- *
- * @param array
- */
-
-
-function arrayUnique(array) {
-  var a = (0, _toConsumableArray2.default)(array);
-
-  for (var i = 0; i < a.length; i + 1) {
-    for (var j = i + 1; j < a.length; j + 1) {
-      if (a[i] === a[j]) a.splice(j - 1, 1);
-    }
-  }
-
-  return a;
-}
-/**
- * Format number relative to required size and locale
- *
- * @param number
- * @param size
- * @param locale
- * @param precision
- */
-
-
-function formatNumber(number) {
-  var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'l';
-  var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en-EN';
-  var precision = arguments.length > 3 ? arguments[3] : undefined;
-
-  // Round number
-  switch (size) {
-    case 'm':
-      number = Math.round(number);
-      break;
-
-    case 's':
-      number = Math.round(number);
-      break;
-
-    case 'l':
-    default:
-      number = Math.round(number * 100) / 100;
-      break;
-  }
-
-  var effectivePrecision = Number.isInteger(precision) ? precision : size === 'l' ? 2 : 0; // To locale
-
-  var options = {
-    minimumFractionDigits: effectivePrecision,
-    maximumFractionDigits: effectivePrecision,
-    useGrouping: true
-  };
-  return number.toLocaleString(locale.replace(/_/g, '-'), options);
-}
-/**
- * Format currency amount relative to required size, locale and currency
- *
- * large/fr-FR/EUR : 123456789,123 -> 123 465 789,123 €
- * large/en-EN/USD : 123456789,123 -> $ 123,465,789.123
- * large/en-EN/EUR : 123456789,123 -> € 123,465,789.123
- * small/en-EN/EUR : 123456789,123 -> € 123,456,789
- * tiny/en-EN/EUR  : 123456789,123 -> € 123M
- * tiny/en-EN/EUR  :  23456789,123 -> € 23,456k
- * tiny/en-EN/EUR  :     56789,123 -> € 56,789
- *
- * @param amount
- * @param size      - l | m | s
- * @param locale
- * @param currency  - ISO 4217
- */
-
-
-function formatCurrencyAmount(amount) {
-  var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'l';
-  var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en-EN';
-  var currency = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'EUR';
-  var precision = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
-  var value = amount;
-  var unit = ''; // Round number
-
-  switch (size) {
-    case 'm':
-      value = Math.round(amount);
-      break;
-
-    case 's':
-      if (amount > 99999999) {
-        amount /= 1000000;
-        unit = 'M';
-      } else if (amount > 99999) {
-        amount /= 1000;
-        unit = 'k';
-      }
-
-      value = Math.round(amount);
-      break;
-
-    case 'l':
-    default:
-      value = Math.round(amount * 100) / 100;
-      break;
-  }
-
-  var effectivePrecision = Number.isInteger(precision) ? precision : size === 'l' ? 2 : 0; // To locale
-
-  var options = {
-    minimumFractionDigits: effectivePrecision,
-    maximumFractionDigits: effectivePrecision,
-    useGrouping: true,
-    style: 'currency',
-    currency: currency,
-    currencyDisplay: 'symbol'
-  };
-  var returnValue = value.toLocaleString(locale.replace(/_/g, '-'), options); // Place unit (k, M) after number (don't move currency symbol !)
-
-  if (unit !== '') {
-    returnValue = returnValue.replace(/([\D]*)([\d,.\s]+)([\D]*)/, function (match, p1, p2, p3) {
-      return [p1, p2, unit, p3].join('');
-    });
-  }
-
-  return returnValue;
-}
-/**
- * Format rate relative to required size and locale
- * large/en-EN  : 12.34
- *
- * @param rate
- * @param size
- * @param locale
- */
-
-
-function formatRate(rate) {
-  var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'l';
-  var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en-EN';
-  var effectiveSize = 0;
-  if (size === 'l') effectiveSize = 2;
-  if (size === 'm') effectiveSize = 1; // To locale
-
-  var options = {
-    minimumFractionDigits: effectiveSize,
-    maximumFractionDigits: effectiveSize,
-    style: 'percent'
-  };
-  return rate.toLocaleString(locale.replace(/_/g, '-'), options);
-}
-/**
- * Retourne l'item selectionnable suivant.
- * @param node
- * @param direction
- * @returns {*}
- */
-
-
-function getNextItemSelectable(node, direction) {
-  if (direction === 'down') {
-    if (node.nextSibling === null) {
-      return null;
-    }
-
-    if (node.nextSibling.tabIndex === -1) {
-      return getNextItemSelectable(node.nextSibling, direction);
-    }
-
-    return node.nextSibling;
-  }
-
-  if (node.previousSibling === null) {
-    return null;
-  }
-
-  if (node.previousSibling.tabIndex === -1) {
-    return getNextItemSelectable(node.previousSibling, direction);
-  }
-
-  return node.previousSibling;
-}
-/**
- * Retourne la chaîne de caractères passée en entrée sans les accents
- * @param toFold
- * @returns {*}
- */
-
-
-function foldAccents(toFold) {
-  return toFold.replace(/([àáâãäå])|([ç])|([èéêë])|([ìíîï])|([ñ])|([òóôõöø])|([ß])|([ùúûü])|([ÿ])|([æ])|([œ])|([+])|([\\])|([[])|([\]])|([(])|([)])|([?])|([*])/g, function (str, a, c, e, i, n, o, s, u, y, ae, oe, plus, backSlash, lc, rc, lp, rp, interogation, star) {
-    if (a) return 'a';
-    if (c) return 'c';
-    if (e) return 'e';
-    if (i) return 'i';
-    if (n) return 'n';
-    if (o) return 'o';
-    if (s) return 's';
-    if (u) return 'u';
-    if (y) return 'y';
-    if (ae) return 'ae';
-    if (oe) return 'oe';
-    if (plus) return '\\+';
-    if (backSlash) return '\\\\';
-    if (lc) return '\\[';
-    if (rc) return '\\]';
-    if (lp) return '\\(';
-    if (rp) return '\\)';
-    if (interogation) return '\\?';
-    if (star) return '\\*';
-    return str;
-  });
-}
-/**
- * Generate a unique ID
- * @returns {string}
- */
-
-
-function uniqueId() {
-  return '_' + Math.random().toString(36).substr(2, 9);
-}