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

package/es/HiCell/CellSentinel.js

@@ -1,8 +1,31 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import HiColoredLabel from '../HiColoredLabel';
-import { withStyles } from '@material-ui/core/styles';
-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 _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 _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = {
   flexContent: {
     display: 'flex',
     justifyContent: 'flex-end'
@@ -13,50 +36,56 @@ export const styles = {
  * Cette cellule permet d'afficher le résultat de Sentinel (score & fraudResult & smartDecision)
  */
 
-class CellSentinel extends React.PureComponent {
-  render() {
-    const {
-      active,
-      classes,
-      color,
-      label,
-      letter,
-      outlined,
-      reviewer,
-      value
-    } = this.props;
-    const effectiveLabel = label || value;
-    const effectiveLetter = letter || effectiveLabel[0];
-    return React.createElement("div", {
-      className: classes.flexContent,
-      title: reviewer ? `${effectiveLabel}\n${reviewer}` : effectiveLabel
-    }, React.createElement(HiColoredLabel, {
-      active: active,
-      classes: {
-        root: classes.label
-      },
-      color: color,
-      label: effectiveLetter,
-      outlined: outlined
-    }));
+exports.styles = styles;
+
+var CellSentinel =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(CellSentinel, _React$PureComponent);
+
+  function CellSentinel() {
+    (0, _classCallCheck2.default)(this, CellSentinel);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellSentinel).apply(this, arguments));
   }
 
-}
+  (0, _createClass2.default)(CellSentinel, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          active = _this$props.active,
+          classes = _this$props.classes,
+          color = _this$props.color,
+          label = _this$props.label,
+          letter = _this$props.letter,
+          outlined = _this$props.outlined,
+          reviewer = _this$props.reviewer,
+          value = _this$props.value;
+      var effectiveLabel = label || value;
+      var effectiveLetter = letter || effectiveLabel[0];
+      return _react.default.createElement("div", {
+        className: classes.flexContent,
+        title: reviewer ? "".concat(effectiveLabel, "\n").concat(reviewer) : effectiveLabel
+      }, _react.default.createElement(_HiColoredLabel.default, {
+        active: active,
+        classes: {
+          root: classes.label
+        },
+        color: color,
+        label: effectiveLetter,
+        outlined: outlined
+      }));
+    }
+  }]);
+  return CellSentinel;
+}(_react.default.PureComponent);
 
-CellSentinel.defaultProps = {
+(0, _defineProperty2.default)(CellSentinel, "defaultProps", {
   active: false,
   outlined: false
-};
-CellSentinel.propTypes = process.env.NODE_ENV !== "production" ? {
-  active: PropTypes.bool,
-  classes: PropTypes.object,
-  color: PropTypes.string,
-  label: PropTypes.string,
-  letter: PropTypes.string,
-  outlined: PropTypes.bool,
-  reviewer: PropTypes.string,
-  value: PropTypes.string
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellSentinel'
-})(CellSentinel);
+})(CellSentinel);
+
+exports.default = _default;

package/es/HiCell/CellSentinelScore.js

@@ -1,15 +1,39 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import HiColoredLabel from '../HiColoredLabel';
-import { withStyles } from '@material-ui/core/styles';
-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.sentinelColorById = 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 _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = {
   flexContent: {
     display: 'flex',
     justifyContent: 'flex-end'
   },
   label: {}
 };
-export const sentinelColorById = {
+exports.styles = styles;
+var sentinelColorById = {
   NOT_LAUNCHED: '#737373',
   ACCEPTED: '#00AF01',
   AUTHENTICATE: '#484A4B',
@@ -24,37 +48,47 @@ export const sentinelColorById = {
  * Cette cellule permet d'afficher le résultat de Sentinel (score & fraudResult & smartDecision)
  */
 
-class CellSentinelScore extends React.PureComponent {
-  render() {
-    const {
-      active,
-      classes,
-      result,
-      value
-    } = this.props;
-    return React.createElement("div", {
-      className: classes.flexContent
-    }, React.createElement(HiColoredLabel, {
-      active: active,
-      classes: {
-        root: classes.label
-      },
-      color: sentinelColorById[result],
-      label: value > 0 ? `+${value}` : `${value}`
-    }));
+exports.sentinelColorById = sentinelColorById;
+
+var CellSentinelScore =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(CellSentinelScore, _React$PureComponent);
+
+  function CellSentinelScore() {
+    (0, _classCallCheck2.default)(this, CellSentinelScore);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellSentinelScore).apply(this, arguments));
   }
 
-}
+  (0, _createClass2.default)(CellSentinelScore, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          active = _this$props.active,
+          classes = _this$props.classes,
+          result = _this$props.result,
+          value = _this$props.value;
+      return _react.default.createElement("div", {
+        className: classes.flexContent
+      }, _react.default.createElement(_HiColoredLabel.default, {
+        active: active,
+        classes: {
+          root: classes.label
+        },
+        color: sentinelColorById[result],
+        label: value > 0 ? "+".concat(value) : "".concat(value)
+      }));
+    }
+  }]);
+  return CellSentinelScore;
+}(_react.default.PureComponent);
 
-CellSentinelScore.defaultProps = {
+(0, _defineProperty2.default)(CellSentinelScore, "defaultProps", {
   active: false
-};
-CellSentinelScore.propTypes = process.env.NODE_ENV !== "production" ? {
-  active: PropTypes.bool,
-  classes: PropTypes.object,
-  result: PropTypes.string,
-  value: PropTypes.number
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellSentinelScore'
-})(CellSentinelScore);
+})(CellSentinelScore);
+
+exports.default = _default;

package/es/HiCell/CellText.js

@@ -1,8 +1,35 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import HiColoredLabel from '../HiColoredLabel';
-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 _slicedToArray2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray"));
+
+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 _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
+
+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 _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
+
+var styles = {
   leftEllipsisSpan: {
     display: 'inline-block',
     overflow: 'hidden',
@@ -22,177 +49,180 @@ export const styles = {
     whiteSpace: 'pre'
   }
 };
+exports.styles = styles;
+
+var CellText =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2.default)(CellText, _React$Component);
 
-class CellText extends React.Component {
-  constructor(props) {
-    super(props);
-    this.cellText = null;
-    this.buildEllipsis = this.buildEllipsis.bind(this);
+  function CellText(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, CellText);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellText).call(this, props));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "cellText", null);
+    _this.buildEllipsis = _this.buildEllipsis.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
   }
   /**
    * TODO - Ellipsis (middle, after-first-word)
    */
 
 
-  componentDidMount() {
-    this.buildEllipsis();
-  }
-
-  componentDidUpdate(prevProps) {
-    if (prevProps.label !== this.props.label) this.buildEllipsis();
-  }
-
-  buildEllipsis() {
-    /**
-     * Calcul l'espace disponible dans la cellule en plus du premier mot
-     * si il reste de l'espace, définit la largeur du span pour le reste du texte
-     */
-    if (this.props.ellipsis === 'after-first-word' || this.props.ellipsis === 'name') {
-      if (this.cellText !== null) {
-        const [startSpan, endSpan] = this.cellText.getElementsByTagName('span');
-
-        if (typeof startSpan !== 'undefined' && typeof endSpan !== 'undefined') {
-          const availableEndSpace = this.cellText.offsetWidth - startSpan.offsetWidth - 2;
-
-          if (availableEndSpace > 0) {
-            endSpan.style.width = `${availableEndSpace}px`;
-          } else {
-            startSpan.style.width = '100%';
+  (0, _createClass2.default)(CellText, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.buildEllipsis();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.label !== this.props.label) this.buildEllipsis();
+    }
+  }, {
+    key: "buildEllipsis",
+    value: function buildEllipsis() {
+      /**
+       * Calcul l'espace disponible dans la cellule en plus du premier mot
+       * si il reste de l'espace, définit la largeur du span pour le reste du texte
+       */
+      if (this.props.ellipsis === 'after-first-word' || this.props.ellipsis === 'name') {
+        if (this.cellText !== null) {
+          var _this$cellText$getEle = this.cellText.getElementsByTagName('span'),
+              _this$cellText$getEle2 = (0, _slicedToArray2.default)(_this$cellText$getEle, 2),
+              startSpan = _this$cellText$getEle2[0],
+              endSpan = _this$cellText$getEle2[1];
+
+          if (typeof startSpan !== 'undefined' && typeof endSpan !== 'undefined') {
+            var availableEndSpace = this.cellText.offsetWidth - startSpan.offsetWidth - 2;
+
+            if (availableEndSpace > 0) {
+              endSpan.style.width = "".concat(availableEndSpace, "px");
+            } else {
+              startSpan.style.width = '100%';
+            }
           }
         }
       }
-    }
-    /**
-     * Calcul l'espace pris par les 2 spans (les 2 moitiés du texte),
-     * si ils dépassent la largeur de la cellule :
-     * - diminue d'autant et proportionnellement chaque span
-     * - ajoute l'ellipse à gauche de la deuxième moitié du texte.
-     */
-
-
-    if (this.props.ellipsis === 'middle') {
-      if (this.cellText !== null) {
-        const [startSpan, endSpan] = this.cellText.getElementsByTagName('span');
-
-        if (typeof startSpan !== 'undefined' && typeof endSpan !== 'undefined') {
-          const availableEndSpace = this.cellText.offsetWidth - startSpan.offsetWidth - endSpan.offsetWidth;
-
-          if (availableEndSpace < 0) {
-            startSpan.style.width = '50%';
-            endSpan.style.width = '49%';
-          } else {
-            startSpan.style.width = 'initial';
-            endSpan.style.width = 'initial';
+      /**
+       * Calcul l'espace pris par les 2 spans (les 2 moitiés du texte),
+       * si ils dépassent la largeur de la cellule :
+       * - diminue d'autant et proportionnellement chaque span
+       * - ajoute l'ellipse à gauche de la deuxième moitié du texte.
+       */
+
+
+      if (this.props.ellipsis === 'middle') {
+        if (this.cellText !== null) {
+          var _this$cellText$getEle3 = this.cellText.getElementsByTagName('span'),
+              _this$cellText$getEle4 = (0, _slicedToArray2.default)(_this$cellText$getEle3, 2),
+              _startSpan = _this$cellText$getEle4[0],
+              _endSpan = _this$cellText$getEle4[1];
+
+          if (typeof _startSpan !== 'undefined' && typeof _endSpan !== 'undefined') {
+            var _availableEndSpace = this.cellText.offsetWidth - _startSpan.offsetWidth - _endSpan.offsetWidth;
+
+            if (_availableEndSpace < 0) {
+              _startSpan.style.width = '50%';
+              _endSpan.style.width = '49%';
+            } else {
+              _startSpan.style.width = 'initial';
+              _endSpan.style.width = 'initial';
+            }
           }
         }
       }
     }
-  }
-
-  render() {
-    const {
-      classes,
-      label,
-      ellipsis,
-      color
-    } = this.props;
-    let start;
-    let end;
-    let valueElement = '';
-    const valueString = label.toString();
-
-    switch (ellipsis) {
-      case 'name':
-      case 'after-first-word':
-        // Split value in 2 strings around first whitespace
-        start = valueString.substr(0, valueString.indexOf(' '));
-        end = valueString.substr(valueString.indexOf(' ') + 1);
-
-        if (start === '') {
-          start = end;
-          end = '';
-        }
-
-        valueElement = React.createElement("div", {
-          ref: div => {
-            this.cellText = div;
-          }
-        }, React.createElement("span", {
-          className: classes.rightEllipsisSpan
-        }, `${start} `), React.createElement("span", {
-          className: classes.leftEllipsisSpan
-        }, end));
-        break;
-
-      case 'middle':
-        // Split value in 2 strings
-        start = valueString.substr(0, Math.round(valueString.length / 2));
-        end = valueString.substr(Math.round(valueString.length / 2));
-        valueElement = React.createElement("div", {
-          ref: div => {
-            this.cellText = div;
-          }
-        }, React.createElement("span", {
-          className: classes.noEllipsisSpan
-        }, start), React.createElement("span", {
-          className: classes.leftEllipsisSpan
-        }, end));
-        break;
-
-      case 'left':
-        valueElement = color ? React.createElement(HiColoredLabel, {
-          className: classes.leftEllipsisSpan,
-          label: valueString,
-          color: color
-        }) : React.createElement("div", {
-          className: classes.leftEllipsisSpan,
-          style: {
-            width: '100%'
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          label = _this$props.label,
+          ellipsis = _this$props.ellipsis,
+          color = _this$props.color;
+      var start;
+      var end;
+      var valueElement = '';
+      var valueString = label.toString();
+
+      switch (ellipsis) {
+        case 'name':
+        case 'after-first-word':
+          // Split value in 2 strings around first whitespace
+          start = valueString.substr(0, valueString.indexOf(' '));
+          end = valueString.substr(valueString.indexOf(' ') + 1);
+
+          if (start === '') {
+            start = end;
+            end = '';
           }
-        }, valueString);
-        break;
-
-      case 'right':
-      default:
-        valueElement = color ? React.createElement(HiColoredLabel, {
-          className: classes.rightEllipsisSpan,
-          label: valueString,
-          color: color
-        }) : React.createElement("div", {
-          className: classes.rightEllipsisSpan,
-          style: {
-            width: '100%'
-          }
-        }, valueString);
-        break;
-    }
-
-    return valueElement;
-  }
-
-}
 
-CellText.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Couleur du text & du background
-   */
-  color: PropTypes.string,
+          valueElement = _react.default.createElement("div", {
+            ref: function ref(div) {
+              _this2.cellText = div;
+            }
+          }, _react.default.createElement("span", {
+            className: classes.rightEllipsisSpan
+          }, "".concat(start, " ")), _react.default.createElement("span", {
+            className: classes.leftEllipsisSpan
+          }, end));
+          break;
+
+        case 'middle':
+          // Split value in 2 strings
+          start = valueString.substr(0, Math.round(valueString.length / 2));
+          end = valueString.substr(Math.round(valueString.length / 2));
+          valueElement = _react.default.createElement("div", {
+            ref: function ref(div) {
+              _this2.cellText = div;
+            }
+          }, _react.default.createElement("span", {
+            className: classes.noEllipsisSpan
+          }, start), _react.default.createElement("span", {
+            className: classes.leftEllipsisSpan
+          }, end));
+          break;
+
+        case 'left':
+          valueElement = color ? _react.default.createElement(_HiColoredLabel.default, {
+            className: classes.leftEllipsisSpan,
+            label: valueString,
+            color: color
+          }) : _react.default.createElement("div", {
+            className: classes.leftEllipsisSpan,
+            style: {
+              width: '100%'
+            }
+          }, valueString);
+          break;
+
+        case 'right':
+        default:
+          valueElement = color ? _react.default.createElement(_HiColoredLabel.default, {
+            className: classes.rightEllipsisSpan,
+            label: valueString,
+            color: color
+          }) : _react.default.createElement("div", {
+            className: classes.rightEllipsisSpan,
+            style: {
+              width: '100%'
+            }
+          }, valueString);
+          break;
+      }
 
-  /**
-   * Ellipsis
-   */
-  ellipsis: PropTypes.oneOf(['left', 'right', 'middle', 'name', 'after-first-word']),
+      return valueElement;
+    }
+  }]);
+  return CellText;
+}(_react.default.Component);
 
-  /**
-   * Label à afficher
-   */
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
-} : {};
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellText'
-})(CellText);
+})(CellText);
+
+exports.default = _default;