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

package/es/HiColoredLabel/HiColoredLabel.js

@@ -1,207 +1,179 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import { capitalize } from '../utils/helpers';
-import { fade } from '@material-ui/core/styles/colorManipulator';
-export const styles = theme => ({
-  root: {
-    display: 'inline-block',
-    alignItems: 'baseline',
-    maxWidth: '100%',
-    padding: '2px 8px',
-    borderRadius: 2,
-    textOverflow: 'ellipsis',
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    lineHeight: 1
-  },
-  body1: _objectSpread({}, theme.typography.b1),
-  body2: _objectSpread({}, theme.typography.b2),
-  body3: _objectSpread({}, theme.typography.b3),
-  body4: _objectSpread({}, theme.typography.b4),
-  body5: _objectSpread({}, theme.typography.b5),
-  color: {
-    fontWeight: 400
-  },
-
-  /* Styles applied to the root element if `color="primary"`. */
-  colorPrimary: {
-    color: theme.palette.primary.main,
-    backgroundColor: fade(theme.palette.primary.main, 0.08)
-  },
-
-  /* Styles applied to the root element if `color="secondary"`. */
-  colorSecondary: {
-    color: theme.palette.secondary.main,
-    backgroundColor: fade(theme.palette.secondary.main, 0.08)
-  },
-
-  /* Styles applied to the root element if `color="positive"`. */
-  colorPositive: {
-    color: theme.palette.positive.main,
-    backgroundColor: fade(theme.palette.positive.main, 0.08)
-  },
-
-  /* Styles applied to the root element if `color="negative"`. */
-  colorNegative: {
-    color: theme.palette.negative.main,
-    backgroundColor: fade(theme.palette.negative.main, 0.08)
-  },
-
-  /* Styles applied to the root element if `color="middle"`. */
-  colorMiddle: {
-    color: theme.palette.middle.main,
-    backgroundColor: fade(theme.palette.middle.main, 0.08)
-  },
-
-  /* Styles applied to the root element if `color="neutral"`. */
-  colorNeutral: {
-    color: theme.palette.neutral.main,
-    backgroundColor: fade(theme.palette.neutral.main, 0.08)
-  },
-  activeColor: {
-    fontWeight: 500
-  },
-
-  /* Styles applied to the root element if `color="primary"`. */
-  activeColorPrimary: {
-    color: theme.palette.primary.contrastText,
-    backgroundColor: theme.palette.primary.main
-  },
-
-  /* Styles applied to the root element if `color="secondary"`. */
-  activeColorSecondary: {
-    color: theme.palette.secondary.contrastText,
-    backgroundColor: theme.palette.secondary.main
-  },
-
-  /* Styles applied to the root element if `color="positive"`. */
-  activeColorPositive: {
-    color: theme.palette.positive.contrastText,
-    backgroundColor: theme.palette.positive.main
-  },
-
-  /* Styles applied to the root element if `color="negative"`. */
-  activeColorNegative: {
-    color: theme.palette.negative.contrastText,
-    backgroundColor: theme.palette.negative.main
-  },
-
-  /* Styles applied to the root element if `color="middle"`. */
-  activeColorMiddle: {
-    color: theme.palette.middle.contrastText,
-    backgroundColor: theme.palette.middle.main
-  },
-
-  /* Styles applied to the root element if `color="neutral"`. */
-  activeColorNeutral: {
-    color: theme.palette.neutral.contrastText,
-    backgroundColor: theme.palette.neutral.main
-  },
-  outlined: {
-    border: '1px solid'
-  }
+"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 = exports.styles = void 0;
+
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+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 _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+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 _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _helpers = require("../utils/helpers");
+
+var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: 'inline-block',
+      alignItems: 'baseline',
+      maxWidth: '100%',
+      padding: '2px 8px',
+      borderRadius: 2,
+      textOverflow: 'ellipsis',
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      lineHeight: 1
+    },
+    body1: (0, _objectSpread2.default)({}, theme.typography.b1),
+    body2: (0, _objectSpread2.default)({}, theme.typography.b2),
+    body3: (0, _objectSpread2.default)({}, theme.typography.b3),
+    body4: (0, _objectSpread2.default)({}, theme.typography.b4),
+    body5: (0, _objectSpread2.default)({}, theme.typography.b5),
+    color: {
+      fontWeight: 400
+    },
+
+    /* Styles applied to the root element if `color="primary"`. */
+    colorPrimary: {
+      color: theme.palette.primary.main,
+      backgroundColor: (0, _colorManipulator.fade)(theme.palette.primary.main, 0.08)
+    },
+
+    /* Styles applied to the root element if `color="secondary"`. */
+    colorSecondary: {
+      color: theme.palette.secondary.main,
+      backgroundColor: (0, _colorManipulator.fade)(theme.palette.secondary.main, 0.08)
+    },
+
+    /* Styles applied to the root element if `color="positive"`. */
+    colorPositive: {
+      color: theme.palette.positive.main,
+      backgroundColor: (0, _colorManipulator.fade)(theme.palette.positive.main, 0.08)
+    },
+
+    /* Styles applied to the root element if `color="negative"`. */
+    colorNegative: {
+      color: theme.palette.negative.main,
+      backgroundColor: (0, _colorManipulator.fade)(theme.palette.negative.main, 0.08)
+    },
+
+    /* Styles applied to the root element if `color="middle"`. */
+    colorMiddle: {
+      color: theme.palette.middle.main,
+      backgroundColor: (0, _colorManipulator.fade)(theme.palette.middle.main, 0.08)
+    },
+
+    /* Styles applied to the root element if `color="neutral"`. */
+    colorNeutral: {
+      color: theme.palette.neutral.main,
+      backgroundColor: (0, _colorManipulator.fade)(theme.palette.neutral.main, 0.08)
+    },
+    activeColor: {
+      fontWeight: 500
+    },
+
+    /* Styles applied to the root element if `color="primary"`. */
+    activeColorPrimary: {
+      color: theme.palette.primary.contrastText,
+      backgroundColor: theme.palette.primary.main
+    },
+
+    /* Styles applied to the root element if `color="secondary"`. */
+    activeColorSecondary: {
+      color: theme.palette.secondary.contrastText,
+      backgroundColor: theme.palette.secondary.main
+    },
+
+    /* Styles applied to the root element if `color="positive"`. */
+    activeColorPositive: {
+      color: theme.palette.positive.contrastText,
+      backgroundColor: theme.palette.positive.main
+    },
+
+    /* Styles applied to the root element if `color="negative"`. */
+    activeColorNegative: {
+      color: theme.palette.negative.contrastText,
+      backgroundColor: theme.palette.negative.main
+    },
+
+    /* Styles applied to the root element if `color="middle"`. */
+    activeColorMiddle: {
+      color: theme.palette.middle.contrastText,
+      backgroundColor: theme.palette.middle.main
+    },
+
+    /* Styles applied to the root element if `color="neutral"`. */
+    activeColorNeutral: {
+      color: theme.palette.neutral.contrastText,
+      backgroundColor: theme.palette.neutral.main
+    },
+    outlined: {
+      border: '1px solid'
+    }
+  };
+};
 /**
  * HiColoredLabel
  *
  * Label with background color & text color
  */
 
+
+exports.styles = styles;
+
 function HiColoredLabel(props) {
-  const {
-    classes,
-    className,
-    fontSize,
-    label,
-    color: propsColor,
-    active,
-    outlined,
-    fontWeight,
-    style,
-    theme
-  } = props,
-        other = _objectWithoutProperties(props, ["classes", "className", "fontSize", "label", "color", "active", "outlined", "fontWeight", "style", "theme"]);
-
-  const color = propsColor || 'primary';
-  const isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
-  const isHexColor = !isHiColor && /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(color);
-  return React.createElement("div", _extends({
-    className: classNames(classes.root, {
-      [classes.color]: !active,
-      [classes.activeColor]: active,
-      [classes.outlined]: outlined,
-      [classes[`activeColor${capitalize(color)}`]]: active && isHiColor,
-      [classes[`color${capitalize(color)}`]]: !active && isHiColor,
-      [classes.body1]: fontSize >= 15,
-      [classes.body2]: fontSize === 14,
-      [classes.body3]: fontSize === 13,
-      [classes.body4]: fontSize === 12,
-      [classes.body5]: fontSize <= 11
-    }, className),
-    style: _objectSpread({}, style, isHexColor && {
-      backgroundColor: active ? color : fade(color, 0.08),
+  var _classNames;
+
+  var classes = props.classes,
+      className = props.className,
+      fontSize = props.fontSize,
+      label = props.label,
+      propsColor = props.color,
+      active = props.active,
+      outlined = props.outlined,
+      fontWeight = props.fontWeight,
+      style = props.style,
+      theme = props.theme,
+      other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "fontSize", "label", "color", "active", "outlined", "fontWeight", "style", "theme"]);
+  var color = propsColor || 'primary';
+  var isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
+  var isHexColor = !isHiColor && /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(color);
+  return _react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.color, !active), (0, _defineProperty2.default)(_classNames, classes.activeColor, active), (0, _defineProperty2.default)(_classNames, classes.outlined, outlined), (0, _defineProperty2.default)(_classNames, classes["activeColor".concat((0, _helpers.capitalize)(color))], active && isHiColor), (0, _defineProperty2.default)(_classNames, classes["color".concat((0, _helpers.capitalize)(color))], !active && isHiColor), (0, _defineProperty2.default)(_classNames, classes.body1, fontSize >= 15), (0, _defineProperty2.default)(_classNames, classes.body2, fontSize === 14), (0, _defineProperty2.default)(_classNames, classes.body3, fontSize === 13), (0, _defineProperty2.default)(_classNames, classes.body4, fontSize === 12), (0, _defineProperty2.default)(_classNames, classes.body5, fontSize <= 11), _classNames), className),
+    style: (0, _objectSpread2.default)({}, style, {}, isHexColor && {
+      backgroundColor: active ? color : (0, _colorManipulator.fade)(color, 0.08),
       color: active ? theme.palette.getContrastText(color) : color
-    }, fontWeight && {
-      fontWeight
+    }, {}, fontWeight && {
+      fontWeight: fontWeight
     })
   }, other), label);
 }
 
-HiColoredLabel.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Applique le style du label actif
-   * Background de la couleur pur et label blanc
-   */
-  active: PropTypes.bool,
-
-  /**
-   * Surcharge les classes du composant
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Surcharge les classes du composant
-   */
-  className: PropTypes.string,
-
-  /**
-   * Couleur du text & du background
-   */
-  color: PropTypes.string,
-
-  /**
-   * Taille du text
-   */
-  fontSize: PropTypes.number,
-
-  /**
-   * Graisse du text
-   */
-  fontWeight: PropTypes.number,
-
-  /**
-   * Label à afficher
-   */
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.node]).isRequired,
-
-  /**
-   * Ajoute une bordure
-   */
-  outlined: PropTypes.bool
-} : {};
 HiColoredLabel.defaultProps = {
   active: false,
   color: 'primary',
   fontSize: 15,
   outlined: false
 };
-export default withStyles(styles, {
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   withTheme: true,
   name: 'HmuiHiColoredLabel'
-})(HiColoredLabel);
+})(HiColoredLabel);
+
+exports.default = _default;

package/es/HiColoredLabel/index.js

@@ -1 +1,15 @@
-export { default } from './HiColoredLabel';
+"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
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _HiColoredLabel.default;
+  }
+});
+
+var _HiColoredLabel = _interopRequireDefault(require("./HiColoredLabel"));

package/es/HiDatePicker/Caption.js

@@ -1,72 +1,57 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import HiButton from '../HiButton';
-export const styles = theme => ({
-  caption: _objectSpread({
-    display: 'table-caption',
-    height: 40,
-    textAlign: 'center',
-    padding: '4px 0'
-  }, theme.typography.body1, {
-    color: theme.palette.neutral.main
-  })
+"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 = exports.styles = 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 _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _HiButton = _interopRequireDefault(require("../HiButton"));
+
+var styles = function styles(theme) {
+  return {
+    caption: (0, _objectSpread2.default)({
+      display: 'table-caption',
+      height: 40,
+      textAlign: 'center',
+      padding: '4px 0'
+    }, theme.typography.body1, {
+      color: theme.palette.neutral.main
+    })
+  };
+};
 
-const Caption = ({
-  classes,
-  date,
-  locale = 'en_US',
-  localeUtils,
-  onMonthClick,
-  onYearClick
-}) => {
-  const months = localeUtils.getMonths(locale);
-  return React.createElement("div", {
+exports.styles = styles;
+
+var Caption = function Caption(_ref) {
+  var classes = _ref.classes,
+      date = _ref.date,
+      _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? 'en_US' : _ref$locale,
+      localeUtils = _ref.localeUtils,
+      onMonthClick = _ref.onMonthClick,
+      onYearClick = _ref.onYearClick;
+  var months = localeUtils.getMonths(locale);
+  return _react.default.createElement("div", {
     className: classes.caption
-  }, React.createElement(HiButton, {
+  }, _react.default.createElement(_HiButton.default, {
     size: "small",
     onClick: onMonthClick
-  }, months[date.getMonth()]), React.createElement(HiButton, {
+  }, months[date.getMonth()]), _react.default.createElement(_HiButton.default, {
     size: "small",
     onClick: onYearClick
   }, date.getFullYear()));
 };
 
-Caption.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * ReactDayPicker prop
-   */
-  date: PropTypes.object.isRequired,
-
-  /**
-   * ReactDayPicker prop
-   */
-  locale: PropTypes.string,
-
-  /**
-   * ReactDayPicker prop
-   */
-  localeUtils: PropTypes.object.isRequired,
-
-  /**
-   * Fonction de callback au click
-   * Permet de modifier le mois
-   */
-  onMonthClick: PropTypes.func,
-
-  /**
-   * Fonction de callback au click
-   * Permet de modifier l'année
-   */
-  onYearClick: PropTypes.func
-} : {};
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCaption'
-})(Caption);
+})(Caption);
+
+exports.default = _default;