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

package/es/HiSwitch/HiSwitchState.js

@@ -1,190 +1,150 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import HiButton from '../HiButton';
-import { withStyles } from '@material-ui/core/styles';
-import { capitalize } from '../utils/helpers';
-export const styles = theme => ({
-  root: {
-    display: 'inline-flex',
-    maxHeight: 40,
-    marginRight: 12,
-    padding: 4,
-    backgroundColor: theme.palette.background2,
-    borderRadius: '2px 2px 0 0',
-    width: '100%',
-    maxWidth: 200,
-    minWidth: 120,
-    borderBottom: `solid 1px ${theme.palette.grey[300]}`
-  },
-  button: {
-    whiteSpace: 'nowrap',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    backgroundColor: theme.palette.background2,
-    color: theme.palette.text.disabled,
-    textTransform: 'inherit',
-    width: '50%',
-    fontSize: 15,
-    fontWeight: 400
-  },
-  buttonLeft: {
-    borderBottomRightRadius: 0,
-    borderTopRightRadius: 0
-  },
-  buttonRight: {
-    borderBottomLeftRadius: 0,
-    borderTopLeftRadius: 0
-  },
-  checked: {
-    boxShadow: theme.shadows[2]
-  },
-  checkedPrimary: {
-    '&:not($disabled)': {
-      backgroundColor: theme.palette.primary.main,
-      color: theme.palette.primary.contrastText
-    }
-  },
-  checkedSecondary: {
-    '&:not($disabled)': {
-      backgroundColor: theme.palette.secondary.main,
-      color: theme.palette.secondary.contrastText
-    }
-  },
-  checkedPositive: {
-    '&:not($disabled)': {
-      backgroundColor: theme.palette.positive.main,
-      color: theme.palette.positive.contrastText
-    }
-  },
-  checkedNegative: {
-    '&:not($disabled)': {
-      backgroundColor: theme.palette.negative.main,
-      color: theme.palette.negative.contrastText
-    }
-  },
-  checkedMiddle: {
-    '&:not($disabled)': {
-      backgroundColor: theme.palette.middle.main,
-      color: theme.palette.middle.contrastText
-    }
-  },
-  checkedNeutral: {
-    '&:not($disabled)': {
-      backgroundColor: theme.palette.neutral.main,
-      color: theme.palette.neutral.contrastText
-    }
-  },
-  disabled: {
-    '&$checked': {
-      backgroundColor: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800],
-      color: theme.palette.type === 'light' ? theme.palette.grey[50] : theme.palette.grey[400]
-    },
-    boxShadow: 'none'
-  }
+"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 _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 _HiButton = _interopRequireDefault(require("../HiButton"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _helpers = require("../utils/helpers");
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: 'inline-flex',
+      maxHeight: 40,
+      marginRight: 12,
+      padding: 4,
+      backgroundColor: theme.palette.background2,
+      borderRadius: '2px 2px 0 0',
+      width: '100%',
+      maxWidth: 200,
+      minWidth: 120,
+      borderBottom: "solid 1px ".concat(theme.palette.grey[300])
+    },
+    button: {
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      backgroundColor: theme.palette.background2,
+      color: theme.palette.text.disabled,
+      textTransform: 'inherit',
+      width: '50%',
+      fontSize: 15,
+      fontWeight: 400
+    },
+    buttonLeft: {
+      borderBottomRightRadius: 0,
+      borderTopRightRadius: 0
+    },
+    buttonRight: {
+      borderBottomLeftRadius: 0,
+      borderTopLeftRadius: 0
+    },
+    checked: {
+      boxShadow: theme.shadows[2]
+    },
+    checkedPrimary: {
+      '&:not($disabled)': {
+        backgroundColor: theme.palette.primary.main,
+        color: theme.palette.primary.contrastText
+      }
+    },
+    checkedSecondary: {
+      '&:not($disabled)': {
+        backgroundColor: theme.palette.secondary.main,
+        color: theme.palette.secondary.contrastText
+      }
+    },
+    checkedPositive: {
+      '&:not($disabled)': {
+        backgroundColor: theme.palette.positive.main,
+        color: theme.palette.positive.contrastText
+      }
+    },
+    checkedNegative: {
+      '&:not($disabled)': {
+        backgroundColor: theme.palette.negative.main,
+        color: theme.palette.negative.contrastText
+      }
+    },
+    checkedMiddle: {
+      '&:not($disabled)': {
+        backgroundColor: theme.palette.middle.main,
+        color: theme.palette.middle.contrastText
+      }
+    },
+    checkedNeutral: {
+      '&:not($disabled)': {
+        backgroundColor: theme.palette.neutral.main,
+        color: theme.palette.neutral.contrastText
+      }
+    },
+    disabled: {
+      '&$checked': {
+        backgroundColor: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800],
+        color: theme.palette.type === 'light' ? theme.palette.grey[50] : theme.palette.grey[400]
+      },
+      boxShadow: 'none'
+    }
+  };
+};
 /**
  * Ce composant affiche un switch entre 2 valeurs associées à deux labels.
  * par défaut ON/OFF associé à true/false.
  */
 
+
+exports.styles = styles;
+
 function HiSwitchState(props) {
-  const {
-    classes,
-    className,
-    checked,
-    color,
-    leftLabel,
-    rightLabel,
-    leftValue,
-    rightValue,
-    disabled,
-    onChange
-  } = props;
-  const isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
-  const buttonLeftClass = classNames(classes.button, classes.buttonLeft, {
-    [classes.checked]: checked === leftValue,
-    [classes.checkedNeutral]: !disabled && checked === leftValue && !isHiColor,
-    [classes[`checked${capitalize(color)}`]]: !disabled && checked === leftValue && isHiColor,
-    [classes.disabled]: disabled
-  });
-  const buttonRightClass = classNames(classes.button, classes.buttonRight, {
-    [classes.checked]: checked === rightValue,
-    [classes.checkedNeutral]: !disabled && checked === rightValue && !isHiColor,
-    [classes[`checked${capitalize(color)}`]]: !disabled && checked === rightValue && isHiColor,
-    [classes.disabled]: disabled
-  });
-  return React.createElement("div", {
-    className: classNames(classes.root, className)
-  }, React.createElement(HiButton, {
+  var _classNames, _classNames2;
+
+  var classes = props.classes,
+      className = props.className,
+      checked = props.checked,
+      color = props.color,
+      leftLabel = props.leftLabel,
+      rightLabel = props.rightLabel,
+      leftValue = props.leftValue,
+      rightValue = props.rightValue,
+      disabled = props.disabled,
+      onChange = props.onChange;
+  var isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
+  var buttonLeftClass = (0, _classnames.default)(classes.button, classes.buttonLeft, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.checked, checked === leftValue), (0, _defineProperty2.default)(_classNames, classes.checkedNeutral, !disabled && checked === leftValue && !isHiColor), (0, _defineProperty2.default)(_classNames, classes["checked".concat((0, _helpers.capitalize)(color))], !disabled && checked === leftValue && isHiColor), (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), _classNames));
+  var buttonRightClass = (0, _classnames.default)(classes.button, classes.buttonRight, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.checked, checked === rightValue), (0, _defineProperty2.default)(_classNames2, classes.checkedNeutral, !disabled && checked === rightValue && !isHiColor), (0, _defineProperty2.default)(_classNames2, classes["checked".concat((0, _helpers.capitalize)(color))], !disabled && checked === rightValue && isHiColor), (0, _defineProperty2.default)(_classNames2, classes.disabled, disabled), _classNames2));
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)(classes.root, className)
+  }, _react.default.createElement(_HiButton.default, {
     size: "small",
     className: buttonLeftClass,
     value: leftValue,
-    onClick: event => onChange(event, leftValue),
+    onClick: function onClick(event) {
+      return onChange(event, leftValue);
+    },
     disabled: disabled
-  }, leftLabel), React.createElement(HiButton, {
+  }, leftLabel), _react.default.createElement(_HiButton.default, {
     size: "small",
     className: buttonRightClass,
     value: rightValue,
-    onClick: event => onChange(event, rightValue),
+    onClick: function onClick(event) {
+      return onChange(event, rightValue);
+    },
     disabled: disabled
   }, rightLabel));
 }
 
-HiSwitchState.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Value checked.
-   */
-  checked: PropTypes.string,
-
-  /**
-   * Surcharge les classes du composant
-   */
-  classes: PropTypes.object,
-
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-
-  /**
-   * The color of the component. It supports those theme colors that make sense for this component.
-   */
-  color: PropTypes.oneOf(['inherit', 'primary', 'secondary', 'action', 'error', 'disabled', 'positive', 'negative', 'middle', 'neutral']),
-
-  /**
-   * If `true`, the switch will be disabled.
-   */
-  disabled: PropTypes.bool,
-
-  /**
-   * Label du premier bouton (dans l'ordre de lecture)
-   */
-  leftLabel: PropTypes.string,
-
-  /**
-   * value du premier bouton (dans l'ordre de lecture)
-   */
-  leftValue: PropTypes.string,
-
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {string} nom du champs
-   * @param {boolean} checked The `checked` value of the switch
-   */
-  onChange: PropTypes.func,
-
-  /**
-   * Label du deuxieme bouton (dans l'ordre de lecture)
-   */
-  rightLabel: PropTypes.string,
-
-  /**
-   * value du deuxieme bouton (dans l'ordre de lecture)
-   */
-  rightValue: PropTypes.string
-} : {};
 HiSwitchState.defaultProps = {
   checked: 'on',
   color: 'inherit',
@@ -194,7 +154,10 @@ HiSwitchState.defaultProps = {
   rightValue: 'on',
   disabled: false
 };
-export default withStyles(styles, {
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiSwitchState'
-})(HiSwitchState);
+})(HiSwitchState);
+
+exports.default = _default;

package/es/HiSwitch/index.js

@@ -1,2 +1,23 @@
-export { default } from './HiSwitch';
-export { default as HiSwitchState } from './HiSwitchState';
+"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 _HiSwitch.default;
+  }
+});
+Object.defineProperty(exports, "HiSwitchState", {
+  enumerable: true,
+  get: function get() {
+    return _HiSwitchState.default;
+  }
+});
+
+var _HiSwitch = _interopRequireDefault(require("./HiSwitch"));
+
+var _HiSwitchState = _interopRequireDefault(require("./HiSwitchState"));

package/es/HiTable/HiCellBuilder.js

@@ -1,32 +1,83 @@
+"use strict";
+
+var _interopRequireWildcard = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireWildcard");
+
+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 = 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 _getPrototypeOf3 = _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 _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
+
+var _CellAddress = _interopRequireDefault(require("../HiCell/CellAddress"));
+
+var _CellDate = _interopRequireDefault(require("../HiCell/CellDate"));
+
+var _CellIcon = _interopRequireDefault(require("../HiCell/CellIcon"));
+
+var _CellImage = _interopRequireDefault(require("../HiCell/CellImage"));
+
+var _CellNumeric = _interopRequireDefault(require("../HiCell/CellNumeric"));
+
+var _CellSentinel = _interopRequireDefault(require("../HiCell/CellSentinel"));
+
+var _CellSentinelScore = _interopRequireDefault(require("../HiCell/CellSentinelScore"));
+
+var _CellTextStyled = _interopRequireDefault(require("../HiCell/CellTextStyled"));
+
+var _CellRate = _interopRequireDefault(require("../HiCell/CellRate"));
+
+var _CellPinToAction = _interopRequireDefault(require("../HiCell/CellPinToAction"));
+
+var cst = _interopRequireWildcard(require("./constants"));
+
 // @inheritedComponent CellBuilder
-import React from 'react';
-import PropTypes from 'prop-types';
-import TableCell from '@material-ui/core/TableCell';
-import CellAddress from '../HiCell/CellAddress';
-import CellDate from '../HiCell/CellDate';
-import CellIcon from '../HiCell/CellIcon';
-import CellImage from '../HiCell/CellImage';
-import CellNumeric from '../HiCell/CellNumeric';
-import CellSentinel from '../HiCell/CellSentinel';
-import CellSentinelScore from '../HiCell/CellSentinelScore';
-import CellTextStyled from '../HiCell/CellTextStyled';
-import CellRate from '../HiCell/CellRate';
-import CellPinToAction from '../HiCell/CellPinToAction';
-import * as cst from './constants';
-
-class HiCellBuilder extends React.PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    this.createCell = (cell, rowdata, locale) => {
+var HiCellBuilder =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiCellBuilder, _React$PureComponent);
+
+  function HiCellBuilder() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiCellBuilder);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiCellBuilder)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createCell", function (cell, rowdata, locale) {
       if (rowdata.datas[cell.colId]) {
-        let datacell = rowdata.datas[cell.colId];
+        var datacell = rowdata.datas[cell.colId];
 
         if (cell.data !== undefined) {
-          const refproperties = cell.data.find(el => el.id === datacell.value);
+          var refproperties = cell.data.find(function (el) {
+            return el.id === datacell.value;
+          });
 
           if (refproperties) {
-            Object.keys(refproperties).forEach(key => {
+            Object.keys(refproperties).forEach(function (key) {
               datacell[key] = refproperties[key];
             });
           } else {
@@ -37,7 +88,7 @@ class HiCellBuilder extends React.PureComponent {
         if (datacell) {
           switch (cell.type) {
             case cst.TYPE_NUMERIC:
-              return React.createElement(CellNumeric, {
+              return _react.default.createElement(_CellNumeric.default, {
                 value: datacell.value,
                 view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
                 precision: cell.precision,
@@ -46,7 +97,7 @@ class HiCellBuilder extends React.PureComponent {
               });
 
             case cst.TYPE_COUNTRY:
-              return React.createElement(CellImage, {
+              return _react.default.createElement(_CellImage.default, {
                 label: datacell.label,
                 shortLabel: datacell.id,
                 path: datacell.img,
@@ -55,7 +106,7 @@ class HiCellBuilder extends React.PureComponent {
               });
 
             case cst.TYPE_IMAGE:
-              return React.createElement(CellImage, {
+              return _react.default.createElement(_CellImage.default, {
                 label: datacell.label,
                 shortLabel: datacell.id,
                 path: datacell.img,
@@ -66,7 +117,7 @@ class HiCellBuilder extends React.PureComponent {
               });
 
             case cst.TYPE_RATE:
-              return React.createElement(CellRate, {
+              return _react.default.createElement(_CellRate.default, {
                 indicator: datacell.indicator,
                 isPositive: datacell.isPositive,
                 locale: datacell.locale || cell.locale || locale,
@@ -76,7 +127,7 @@ class HiCellBuilder extends React.PureComponent {
               });
 
             case cst.TYPE_ADDRESS:
-              return React.createElement(CellAddress, {
+              return _react.default.createElement(_CellAddress.default, {
                 city: datacell.city,
                 country: datacell.country,
                 isoCountry: datacell.isoCountry,
@@ -87,7 +138,7 @@ class HiCellBuilder extends React.PureComponent {
               });
 
             case cst.TYPE_DATE:
-              return React.createElement(CellDate, {
+              return _react.default.createElement(_CellDate.default, {
                 date: datacell.date,
                 displayTime: datacell.displayTime,
                 formatShort: datacell.formatShort,
@@ -96,7 +147,7 @@ class HiCellBuilder extends React.PureComponent {
               });
 
             case cst.TYPE_ICON:
-              return React.createElement(CellIcon, {
+              return _react.default.createElement(_CellIcon.default, {
                 align: cell.align,
                 color: datacell.color,
                 icon: datacell.icon,
@@ -107,7 +158,7 @@ class HiCellBuilder extends React.PureComponent {
               });
 
             case cst.TYPE_THIRD_PARTY_SECURITY:
-              return React.createElement(CellIcon, {
+              return _react.default.createElement(_CellIcon.default, {
                 color: datacell.color,
                 icon: datacell.icon,
                 label: datacell.label,
@@ -116,7 +167,7 @@ class HiCellBuilder extends React.PureComponent {
               });
 
             case cst.TYPE_SENTINEL:
-              return React.createElement(CellSentinel, {
+              return _react.default.createElement(_CellSentinel.default, {
                 color: datacell.color,
                 label: datacell.label,
                 letter: datacell.label2,
@@ -126,14 +177,14 @@ class HiCellBuilder extends React.PureComponent {
               });
 
             case cst.TYPE_SENTINEL_SCORE:
-              return React.createElement(CellSentinelScore, {
+              return _react.default.createElement(_CellSentinelScore.default, {
                 value: datacell.value,
                 result: datacell.result,
                 active: datacell.active
               });
 
             case cst.TYPE_PIN_TO_ACTION:
-              return React.createElement(CellPinToAction, {
+              return _react.default.createElement(_CellPinToAction.default, {
                 number: datacell.number // eslint-disable-next-line react/jsx-handler-names
                 ,
                 onClick: datacell.onClick
@@ -142,7 +193,7 @@ class HiCellBuilder extends React.PureComponent {
             case cst.TYPE_ACCOUNT_NUMBER:
             case cst.TYPE_CUSTOMER_ACCOUNT_NUMBER:
             default:
-              return React.createElement(CellTextStyled, {
+              return _react.default.createElement(_CellTextStyled.default, {
                 active: datacell.active,
                 color: datacell.color,
                 label: datacell.label,
@@ -156,42 +207,25 @@ class HiCellBuilder extends React.PureComponent {
       }
 
       return null;
-    };
-  }
-
-  render() {
-    const {
-      className,
-      column,
-      data,
-      locale
-    } = this.props;
-    return React.createElement(TableCell, {
-      className: className
-    }, this.createCell(column, data, locale));
+    });
+    return _this;
   }
 
-}
-
-HiCellBuilder.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Override TableCell style
-   */
-  className: PropTypes.string,
-
-  /**
-   * Propriétés de la colonne
-   */
-  column: PropTypes.object.isRequired,
-
-  /**
-   * Données de la cellule
-   */
-  data: PropTypes.object.isRequired,
-
-  /**
-   * Locale pour afficher les nombres et montants
-   */
-  locale: PropTypes.string
-} : {};
-export default HiCellBuilder;
+  (0, _createClass2.default)(HiCellBuilder, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          className = _this$props.className,
+          column = _this$props.column,
+          data = _this$props.data,
+          locale = _this$props.locale;
+      return _react.default.createElement(_TableCell.default, {
+        className: className
+      }, this.createCell(column, data, locale));
+    }
+  }]);
+  return HiCellBuilder;
+}(_react.default.PureComponent);
+
+var _default = HiCellBuilder;
+exports.default = _default;