@hipay/hipay-material-ui 2.3.1-rc4 → 2.3.1-rc5

package/es/HiButton/HiButton.js

@@ -1,8 +1,23 @@
-import React from 'react';
-import Button from '@material-ui/core/Button';
-import { makeStyles } from '@material-ui/core/styles';
-import { fade } from '@material-ui/core/styles/colorManipulator';
-export var useStyles = makeStyles(function (theme) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.useStyles = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
+
+var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     root: {},
     // a style rule
@@ -13,7 +28,7 @@ export var useStyles = makeStyles(function (theme) {
         return {
           color: props.disabled ? theme.palette.action.disabled : theme.palette[props.color].main,
           '&:hover': {
-            backgroundColor: fade(theme.palette[props.color].main, theme.palette.action.hoverOpacity),
+            backgroundColor: (0, _colorManipulator.fade)(theme.palette[props.color].main, theme.palette.action.hoverOpacity),
             // Reset on touch devices, it doesn't add specificity
             '@media (hover: none)': {
               backgroundColor: 'transparent'
@@ -44,7 +59,7 @@ export var useStyles = makeStyles(function (theme) {
     outlined: function outlined(props) {
       return ['neutral', 'positive', 'middle', 'negative'].includes(props.color) && {
         color: theme.palette[props.color].main,
-        border: "1px solid ".concat(fade(theme.palette[props.color].main, 0.5)),
+        border: "1px solid ".concat((0, _colorManipulator.fade)(theme.palette[props.color].main, 0.5)),
         '&:hover': {
           border: "1px solid ".concat(theme.palette[props.color].main)
         }
@@ -57,10 +72,12 @@ export var useStyles = makeStyles(function (theme) {
  * Inherited from Button
  */
 
+exports.useStyles = useStyles;
+
 function HiButton(props) {
   var classes = useStyles(props);
   var color = ['neutral', 'positive', 'middle', 'negative'].includes(props.color) ? 'inherit' : props.color;
-  return React.createElement(Button, Object.assign({
+  return _react.default.createElement(_Button.default, (0, _extends2.default)({
     classes: classes
   }, props, {
     color: color
@@ -71,4 +88,5 @@ HiButton.defaultProps = {
   variant: 'text',
   color: 'neutral'
 };
-export default HiButton;
+var _default = HiButton;
+exports.default = _default;

package/es/HiButton/index.js

@@ -1,2 +1,13 @@
-import HiButton from './HiButton';
-export default HiButton;
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _HiButton = _interopRequireDefault(require("./HiButton"));
+
+var _default = _HiButton.default;
+exports.default = _default;

package/es/HiCell/CellAddress.js

@@ -1,12 +1,27 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
-import { withStyles } from '@material-ui/core/styles';
-export var styles = function styles() {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles() {
   return {
     rightEllipsisSpan: {
       overflow: 'hidden',
@@ -23,18 +38,20 @@ export var styles = function styles() {
  * - tous les champs définis sont affichés dans le tooltip
  */
 
+
+exports.styles = styles;
+
 var CellAddress =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  _inherits(CellAddress, _React$PureComponent);
+  (0, _inherits2.default)(CellAddress, _React$PureComponent);
 
   function CellAddress() {
-    _classCallCheck(this, CellAddress);
-
-    return _possibleConstructorReturn(this, _getPrototypeOf(CellAddress).apply(this, arguments));
+    (0, _classCallCheck2.default)(this, CellAddress);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellAddress).apply(this, arguments));
   }
 
-  _createClass(CellAddress, [{
+  (0, _createClass2.default)(CellAddress, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -59,20 +76,21 @@ function (_React$PureComponent) {
       if (country && isoCountry) title += "".concat(country, ", ").concat(isoCountry);
       if (country && !isoCountry) title += country;
       if (isoCountry && !country) title += isoCountry;
-      return React.createElement("div", {
+      return _react.default.createElement("div", {
         className: classes.rightEllipsisSpan,
         title: title
       }, label);
     }
   }]);
-
   return CellAddress;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-_defineProperty(CellAddress, "defaultProps", {
+CellAddress.defaultProps = {
   view: 'l'
-});
+};
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellAddress'
-})(CellAddress);
+})(CellAddress);
+
+exports.default = _default;

package/es/HiCell/CellDate.js

@@ -1,15 +1,31 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
-import moment from 'moment';
-import 'moment/locale/fr';
-import { withStyles } from '@material-ui/core/styles';
-export var styles = {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _moment = _interopRequireDefault(require("moment"));
+
+require("moment/locale/fr");
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = {
   rightEllipsisSpan: {
     display: 'inline-block',
     overflow: 'hidden',
@@ -22,30 +38,30 @@ export var styles = {
  * Cette cellule permet d'afficher une date en fonction de la locale de l'utilisateur
  */
 
+exports.styles = styles;
+
 var CellDate =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  _inherits(CellDate, _React$PureComponent);
+  (0, _inherits2.default)(CellDate, _React$PureComponent);
 
   function CellDate() {
     var _getPrototypeOf2;
 
     var _this;
 
-    _classCallCheck(this, CellDate);
+    (0, _classCallCheck2.default)(this, CellDate);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(CellDate)).call.apply(_getPrototypeOf2, [this].concat(args)));
-
-    _defineProperty(_assertThisInitialized(_this), "formatLong", 'dddd DD MMMM YYYY HH:mm:ss');
-
+    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(CellDate)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this.formatLong = 'dddd DD MMMM YYYY HH:mm:ss';
     return _this;
   }
 
-  _createClass(CellDate, [{
+  (0, _createClass2.default)(CellDate, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -56,7 +72,7 @@ function (_React$PureComponent) {
           view = _this$props.view,
           formatShort = _this$props.formatShort;
       if (!date) return '';
-      var mdate = moment(date);
+      var mdate = (0, _moment.default)(date);
       mdate.locale(locale);
       var label;
 
@@ -68,22 +84,23 @@ function (_React$PureComponent) {
         label = displayTime ? mdate.format("".concat(formatShort.replace('YYYY', 'YY'), " HH:mm:ss")) : mdate.format(formatShort.replace('YYYY', 'YY'));
       }
 
-      return React.createElement("div", {
+      return _react.default.createElement("div", {
         className: classes.rightEllipsisSpan
       }, label);
     }
   }]);
-
   return CellDate;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-_defineProperty(CellDate, "defaultProps", {
+CellDate.defaultProps = {
   displayTime: false,
   formatShort: 'DD/MM/YYYY',
   locale: 'en',
   view: 'm'
-});
+};
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellDate'
-})(CellDate);
+})(CellDate);
+
+exports.default = _default;

package/es/HiCell/CellIcon.js

@@ -1,14 +1,31 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
-import { withStyles } from '@material-ui/core/styles';
-import HiIcon from '../HiIcon';
-import HiIconButton from '../HiIconButton';
-export var styles = {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
+var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
+
+var styles = {
   icon: {
     float: 'left'
   },
@@ -32,18 +49,19 @@ export var styles = {
  * En vue small (s) elle affiche uniquement l'icône avec une largeur fixe.
  */
 
+exports.styles = styles;
+
 var CellIcon =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  _inherits(CellIcon, _React$PureComponent);
+  (0, _inherits2.default)(CellIcon, _React$PureComponent);
 
   function CellIcon() {
-    _classCallCheck(this, CellIcon);
-
-    return _possibleConstructorReturn(this, _getPrototypeOf(CellIcon).apply(this, arguments));
+    (0, _classCallCheck2.default)(this, CellIcon);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellIcon).apply(this, arguments));
   }
 
-  _createClass(CellIcon, [{
+  (0, _createClass2.default)(CellIcon, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -57,10 +75,10 @@ function (_React$PureComponent) {
           view = _this$props.view;
 
       if (onClick) {
-        return React.createElement("div", {
+        return _react.default.createElement("div", {
           className: align === 'right' ? classes.flexContent : classes.wrapper,
           title: label
-        }, React.createElement(HiIconButton, {
+        }, _react.default.createElement(_HiIconButton.default, {
           color: 'inherit',
           style: {
             color: color,
@@ -69,19 +87,19 @@ function (_React$PureComponent) {
             maxWidth: 31
           },
           onClick: onClick
-        }, React.createElement(HiIcon, {
+        }, _react.default.createElement(_HiIcon.default, {
           className: classes.icon,
           icon: icon,
           color: color
-        }), view !== 's' && label && React.createElement("span", {
+        }), view !== 's' && label && _react.default.createElement("span", {
           className: classes.label
         }, label)));
       }
 
-      return React.createElement("div", {
+      return _react.default.createElement("div", {
         className: align === 'right' ? classes.flexContent : classes.wrapper,
         title: label
-      }, React.createElement(HiIcon, {
+      }, _react.default.createElement(_HiIcon.default, {
         color: 'inherit',
         style: {
           color: color,
@@ -89,20 +107,21 @@ function (_React$PureComponent) {
         },
         className: classes.icon,
         icon: icon
-      }), view !== 's' && label && React.createElement("span", {
+      }), view !== 's' && label && _react.default.createElement("span", {
         className: classes.label
       }, label));
     }
   }]);
-
   return CellIcon;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-_defineProperty(CellIcon, "defaultProps", {
+CellIcon.defaultProps = {
   view: 'm',
   color: 'neutral'
-});
+};
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellIcon'
-})(CellIcon);
+})(CellIcon);
+
+exports.default = _default;

package/es/HiCell/CellImage.js

@@ -1,12 +1,27 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
-import { withStyles } from '@material-ui/core/styles';
-export var styles = function styles() {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles() {
   return {
     img: {
       height: 'auto',
@@ -25,6 +40,8 @@ export var styles = function styles() {
   };
 };
 
+exports.styles = styles;
+
 var handleError = function handleError(fallbackImage) {
   return function (e) {
     if (fallbackImage) {
@@ -44,15 +61,14 @@ var handleError = function handleError(fallbackImage) {
 var CellImage =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  _inherits(CellImage, _React$PureComponent);
+  (0, _inherits2.default)(CellImage, _React$PureComponent);
 
   function CellImage() {
-    _classCallCheck(this, CellImage);
-
-    return _possibleConstructorReturn(this, _getPrototypeOf(CellImage).apply(this, arguments));
+    (0, _classCallCheck2.default)(this, CellImage);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellImage).apply(this, arguments));
   }
 
-  _createClass(CellImage, [{
+  (0, _createClass2.default)(CellImage, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -65,32 +81,33 @@ function (_React$PureComponent) {
           fallbackImage = _this$props.fallbackImage,
           title = _this$props.title;
       if (!path || path === '') return '';
-      return React.createElement("div", {
+      return _react.default.createElement("div", {
         className: classes.wrapper,
         title: label
-      }, React.createElement("img", {
+      }, _react.default.createElement("img", {
         src: path,
         alt: label,
         title: title,
         className: classes.img,
         width: size,
         onError: handleError(fallbackImage)
-      }), shortLabel && view === 'm' && React.createElement("span", {
+      }), shortLabel && view === 'm' && _react.default.createElement("span", {
         className: classes.label
-      }, shortLabel), label && (view === 'l' || view === 'm' && !shortLabel) && React.createElement("span", {
+      }, shortLabel), label && (view === 'l' || view === 'm' && !shortLabel) && _react.default.createElement("span", {
         className: classes.label
       }, label));
     }
   }]);
-
   return CellImage;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-_defineProperty(CellImage, "defaultProps", {
+CellImage.defaultProps = {
   size: 24,
   view: 's'
-});
+};
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellImage'
-})(CellImage);
+})(CellImage);
+
+exports.default = _default;

package/es/HiCell/CellNumeric.js

@@ -1,13 +1,29 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
-import { withStyles } from '@material-ui/core/styles';
-import { formatNumber, formatCurrencyAmount } from '../utils/helpers';
-export var styles = function styles() {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _helpers = require("../utils/helpers");
+
+var styles = function styles() {
   return {
     wrapper: {
       textAlign: 'right'
@@ -18,18 +34,20 @@ export var styles = function styles() {
  * Cette cellule permet d'afficher un volume ou un montant avec devise
  */
 
+
+exports.styles = styles;
+
 var CellNumeric =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  _inherits(CellNumeric, _React$PureComponent);
+  (0, _inherits2.default)(CellNumeric, _React$PureComponent);
 
   function CellNumeric() {
-    _classCallCheck(this, CellNumeric);
-
-    return _possibleConstructorReturn(this, _getPrototypeOf(CellNumeric).apply(this, arguments));
+    (0, _classCallCheck2.default)(this, CellNumeric);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellNumeric).apply(this, arguments));
   }
 
-  _createClass(CellNumeric, [{
+  (0, _createClass2.default)(CellNumeric, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -43,28 +61,29 @@ function (_React$PureComponent) {
       var title = '';
 
       if (currency) {
-        displayedValue = formatCurrencyAmount(value, view, locale, currency, precision);
-        title = formatCurrencyAmount(value, 'l', locale, currency);
+        displayedValue = (0, _helpers.formatCurrencyAmount)(value, view, locale, currency, precision);
+        title = (0, _helpers.formatCurrencyAmount)(value, 'l', locale, currency);
       } else {
-        displayedValue = formatNumber(value, view, locale, precision);
-        title = formatNumber(value, 'l', locale, precision);
+        displayedValue = (0, _helpers.formatNumber)(value, view, locale, precision);
+        title = (0, _helpers.formatNumber)(value, 'l', locale, precision);
       }
 
-      return React.createElement("div", {
+      return _react.default.createElement("div", {
         className: classes.wrapper,
         title: title
       }, displayedValue);
     }
   }]);
-
   return CellNumeric;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-_defineProperty(CellNumeric, "defaultProps", {
+CellNumeric.defaultProps = {
   view: 'm',
   locale: 'en'
-});
+};
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellNumeric'
-})(CellNumeric);
+})(CellNumeric);
+
+exports.default = _default;