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

package/es/HiCell/CellNumeric.js

@@ -1,80 +1,91 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import { formatNumber, formatCurrencyAmount } from '../utils/helpers';
-export const styles = () => ({
-  wrapper: {
-    textAlign: 'right'
-  }
+"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 _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+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 _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _helpers = require("../utils/helpers");
+
+var styles = function styles() {
+  return {
+    wrapper: {
+      textAlign: 'right'
+    }
+  };
+};
 /**
  * Cette cellule permet d'afficher un volume ou un montant avec devise
  */
 
-class CellNumeric extends React.PureComponent {
-  render() {
-    const {
-      classes,
-      value,
-      locale,
-      currency,
-      view,
-      precision
-    } = this.props;
-    let displayedValue = '';
-    let title = '';
-
-    if (currency) {
-      displayedValue = formatCurrencyAmount(value, view, locale, currency, precision);
-      title = formatCurrencyAmount(value, 'l', locale, currency);
-    } else {
-      displayedValue = formatNumber(value, view, locale, precision);
-      title = formatNumber(value, 'l', locale, precision);
-    }
 
-    return React.createElement("div", {
-      className: classes.wrapper,
-      title: title
-    }, displayedValue);
+exports.styles = styles;
+
+var CellNumeric =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(CellNumeric, _React$PureComponent);
+
+  function CellNumeric() {
+    (0, _classCallCheck2.default)(this, CellNumeric);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellNumeric).apply(this, arguments));
   }
 
-}
+  (0, _createClass2.default)(CellNumeric, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          value = _this$props.value,
+          locale = _this$props.locale,
+          currency = _this$props.currency,
+          view = _this$props.view,
+          precision = _this$props.precision;
+      var displayedValue = '';
+      var title = '';
+
+      if (currency) {
+        displayedValue = (0, _helpers.formatCurrencyAmount)(value, view, locale, currency, precision);
+        title = (0, _helpers.formatCurrencyAmount)(value, 'l', locale, currency);
+      } else {
+        displayedValue = (0, _helpers.formatNumber)(value, view, locale, precision);
+        title = (0, _helpers.formatNumber)(value, 'l', locale, precision);
+      }
 
-CellNumeric.defaultProps = {
+      return _react.default.createElement("div", {
+        className: classes.wrapper,
+        title: title
+      }, displayedValue);
+    }
+  }]);
+  return CellNumeric;
+}(_react.default.PureComponent);
+
+(0, _defineProperty2.default)(CellNumeric, "defaultProps", {
   view: 'm',
   locale: 'en'
-};
-CellNumeric.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Code de la devise (ISO 4217)
-   */
-  currency: PropTypes.string,
-
-  /**
-   * Locale BCP 47
-   */
-  locale: PropTypes.string,
-
-  /**
-   * Nombre de chiffres après la virgule
-   */
-  precision: PropTypes.number,
-
-  /**
-   * Volume/Amount
-   */
-  value: PropTypes.number.isRequired,
-
-  /**
-   * View (L/M/S)
-   */
-  view: PropTypes.oneOf(['l', 'm', 's'])
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellNumeric'
-})(CellNumeric);
+})(CellNumeric);
+
+exports.default = _default;

package/es/HiCell/CellPinToAction.js

@@ -1,8 +1,29 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import HiPin from '../HiPin';
-export const styles = {
+"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 _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _HiPin = _interopRequireDefault(require("../HiPin"));
+
+var styles = {
   wrapper: {
     maxWidth: '100%',
     display: 'inline-flex'
@@ -12,42 +33,41 @@ export const styles = {
  * Cette cellule permet d'afficher un pin avec callback (optionnel).
  */
 
-var _ref = React.createElement(HiPin, null, "0");
-
-class CellPinToAction extends React.PureComponent {
-  render() {
-    const {
-      classes,
-      onClick,
-      number
-    } = this.props;
-    if (number === undefined) return '';
-    return React.createElement("div", {
-      className: classes.wrapper
-    }, number === 0 ? _ref : React.createElement(HiPin, {
-      color: "primary",
-      onClick: onClick
-    }, number));
+exports.styles = styles;
+
+var _ref = _react.default.createElement(_HiPin.default, null, "0");
+
+var CellPinToAction =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(CellPinToAction, _React$PureComponent);
+
+  function CellPinToAction() {
+    (0, _classCallCheck2.default)(this, CellPinToAction);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellPinToAction).apply(this, arguments));
   }
 
-}
-
-CellPinToAction.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Pin number to display
-   */
-  number: PropTypes.number,
-
-  /**
-   * Fonction de callback onClick sur le pin
-   */
-  onClick: PropTypes.func
-} : {};
-export default withStyles(styles, {
+  (0, _createClass2.default)(CellPinToAction, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          onClick = _this$props.onClick,
+          number = _this$props.number;
+      if (number === undefined) return '';
+      return _react.default.createElement("div", {
+        className: classes.wrapper
+      }, number === 0 ? _ref : _react.default.createElement(_HiPin.default, {
+        color: "primary",
+        onClick: onClick
+      }, number));
+    }
+  }]);
+  return CellPinToAction;
+}(_react.default.PureComponent);
+
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellPin'
-})(CellPinToAction);
+})(CellPinToAction);
+
+exports.default = _default;

package/es/HiCell/CellRate.js

@@ -1,146 +1,150 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { ArrowBottomRight, ArrowTopRight, Equal } from 'mdi-material-ui';
-import { formatRate } from '../utils/helpers';
-import { withStyles } from '@material-ui/core/styles';
-export const styles = theme => ({
-  flexContent: {
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center',
-    overflow: 'hidden',
-    position: 'relative',
-    textAlign: 'right',
-    maxHeight: '32px'
-  },
-  trendChipIcon: {
-    width: 14,
-    height: 14,
-    position: 'relative',
-    top: 2
-  },
-  positive: {
-    color: theme.palette.positive.main
-  },
-  negative: {
-    color: theme.palette.negative.main
-  },
-  neutral: {
-    color: theme.palette.neutral.main
-  },
-  spanIndicator: {
-    float: 'right',
-    color: '#737373',
-    position: 'relative',
-    right: 3
-  },
-  rateDiv: {
-    position: 'relative'
-  }
+"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 _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+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 _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _mdiMaterialUi = require("mdi-material-ui");
+
+var _helpers = require("../utils/helpers");
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
+  return {
+    flexContent: {
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'center',
+      overflow: 'hidden',
+      position: 'relative',
+      textAlign: 'right',
+      maxHeight: '32px'
+    },
+    trendChipIcon: {
+      width: 14,
+      height: 14,
+      position: 'relative',
+      top: 2
+    },
+    positive: {
+      color: theme.palette.positive.main
+    },
+    negative: {
+      color: theme.palette.negative.main
+    },
+    neutral: {
+      color: theme.palette.neutral.main
+    },
+    spanIndicator: {
+      float: 'right',
+      color: '#737373',
+      position: 'relative',
+      right: 3
+    },
+    rateDiv: {
+      position: 'relative'
+    }
+  };
+};
 /**
  * Cette cellule permet d'afficher un pourcentage
  * avec une icône d'évolution (optionnelle) et un indicateur du type de données représentées (optionnel)
  */
 
-class CellRate extends React.PureComponent {
-  render() {
-    const {
-      classes,
-      value,
-      trendchip,
-      isPositive,
-      indicator,
-      locale,
-      view
-    } = this.props;
-    let trendIcon;
-    const displayedRate = formatRate(value, view, locale);
-
-    switch (trendchip) {
-      case 'equal':
-        trendIcon = React.createElement(Equal, {
-          className: classNames(classes.trendChipIcon, classes.neutral)
-        });
-        break;
-
-      case 'up':
-        trendIcon = React.createElement(ArrowTopRight, {
-          className: classNames(classes.trendChipIcon, {
-            [classes.positive]: isPositive,
-            [classes.negative]: !isPositive
-          })
-        });
-        break;
-
-      case 'down':
-        trendIcon = React.createElement(ArrowBottomRight, {
-          className: classNames(classes.trendChipIcon, {
-            [classes.positive]: !isPositive,
-            [classes.negative]: isPositive
-          })
-        });
-        break;
-
-      default:
-        break;
-    }
 
-    return React.createElement("div", {
-      className: classes.flexContent
-    }, React.createElement("div", {
-      className: typeof indicator === 'undefined' && classes.rateDiv || ''
-    }, displayedRate, trendIcon), typeof indicator !== 'undefined' && React.createElement("span", {
-      className: classes.spanIndicator,
-      style: {
-        fontSize: view !== 'l' ? 10 : 11
-      }
-    }, indicator));
+exports.styles = styles;
+
+var CellRate =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(CellRate, _React$PureComponent);
+
+  function CellRate() {
+    (0, _classCallCheck2.default)(this, CellRate);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellRate).apply(this, arguments));
   }
 
-}
+  (0, _createClass2.default)(CellRate, [{
+    key: "render",
+    value: function render() {
+      var _classNames, _classNames2;
+
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          value = _this$props.value,
+          trendchip = _this$props.trendchip,
+          isPositive = _this$props.isPositive,
+          indicator = _this$props.indicator,
+          locale = _this$props.locale,
+          view = _this$props.view;
+      var trendIcon;
+      var displayedRate = (0, _helpers.formatRate)(value, view, locale);
+
+      switch (trendchip) {
+        case 'equal':
+          trendIcon = _react.default.createElement(_mdiMaterialUi.Equal, {
+            className: (0, _classnames.default)(classes.trendChipIcon, classes.neutral)
+          });
+          break;
+
+        case 'up':
+          trendIcon = _react.default.createElement(_mdiMaterialUi.ArrowTopRight, {
+            className: (0, _classnames.default)(classes.trendChipIcon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.positive, isPositive), (0, _defineProperty2.default)(_classNames, classes.negative, !isPositive), _classNames))
+          });
+          break;
+
+        case 'down':
+          trendIcon = _react.default.createElement(_mdiMaterialUi.ArrowBottomRight, {
+            className: (0, _classnames.default)(classes.trendChipIcon, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.positive, !isPositive), (0, _defineProperty2.default)(_classNames2, classes.negative, isPositive), _classNames2))
+          });
+          break;
 
-CellRate.defaultProps = {
+        default:
+          break;
+      }
+
+      return _react.default.createElement("div", {
+        className: classes.flexContent
+      }, _react.default.createElement("div", {
+        className: typeof indicator === 'undefined' && classes.rateDiv || ''
+      }, displayedRate, trendIcon), typeof indicator !== 'undefined' && _react.default.createElement("span", {
+        className: classes.spanIndicator,
+        style: {
+          fontSize: view !== 'l' ? 10 : 11
+        }
+      }, indicator));
+    }
+  }]);
+  return CellRate;
+}(_react.default.PureComponent);
+
+(0, _defineProperty2.default)(CellRate, "defaultProps", {
   isPositive: true,
   locale: 'en'
-};
-CellRate.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Spécifie le type de donnée évalué (ex: 'volume', 'amount', ...)
-   */
-  indicator: PropTypes.string,
-
-  /**
-   * True si une augmentation est considérée comme positive, détermine la couleur de l'icône
-   */
-  isPositive: PropTypes.bool,
-
-  /**
-   * Locale BCP 47
-   */
-  locale: PropTypes.string,
-
-  /**
-   * Évolution par rapport à la période précédente, détermine l'icône associée
-   */
-  trendchip: PropTypes.oneOf(['up', 'down', 'equal']).isRequired,
-
-  /**
-   * Rate
-   */
-  value: PropTypes.number.isRequired,
-
-  /**
-   * View (L/M/S)
-   */
-  view: PropTypes.oneOf(['l', 'm', 's'])
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellRate'
-})(CellRate);
+})(CellRate);
+
+exports.default = _default;