@hipay/hipay-material-ui 1.0.0-beta.8 → 2.0.0-beta.35

package/HiForm/HiTextField.js

@@ -1,63 +1,49 @@
-'use strict';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
-
-var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _createClass2 = require('babel-runtime/helpers/createClass');
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _createClass3 = _interopRequireDefault(_createClass2);
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _inherits2 = require('babel-runtime/helpers/inherits');
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _inherits3 = _interopRequireDefault(_inherits2);
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
-var _react = require('react');
+var _react = _interopRequireDefault(require("react"));
 
-var _react2 = _interopRequireDefault(_react);
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _propTypes = require('prop-types');
+var _HiFormControl = _interopRequireDefault(require("./HiFormControl"));
 
-var _propTypes2 = _interopRequireDefault(_propTypes);
+var _HiInput = _interopRequireDefault(require("./HiInput"));
 
-var _HiFormControl = require('./HiFormControl');
-
-var _HiFormControl2 = _interopRequireDefault(_HiFormControl);
-
-var _HiInput = require('./HiInput');
-
-var _HiInput2 = _interopRequireDefault(_HiInput);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// @inheritedComponent TextField
 
 /**
  * Champs input pour formulaire
  */
-// @inheritedComponent TextField
-
-var HiTextField = function (_React$PureComponent) {
-  (0, _inherits3.default)(HiTextField, _React$PureComponent);
+var HiTextField =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiTextField, _React$PureComponent);
 
   function HiTextField(props) {
-    (0, _classCallCheck3.default)(this, HiTextField);
+    var _this;
 
-    var _this = (0, _possibleConstructorReturn3.default)(this, (HiTextField.__proto__ || (0, _getPrototypeOf2.default)(HiTextField)).call(this, props));
+    (0, _classCallCheck2.default)(this, HiTextField);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiTextField).call(this, props));
 
     _this.focus = function () {
       _this.input.focus();
@@ -66,109 +52,106 @@ var HiTextField = function (_React$PureComponent) {
     _this.state = {
       nbChars: props.value ? props.value.length : 0
     };
-
-    _this.handleBlur = _this.handleBlur.bind(_this);
-    _this.handleChange = _this.handleChange.bind(_this);
-    _this.handleFocus = _this.handleFocus.bind(_this);
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
 
-  (0, _createClass3.default)(HiTextField, [{
-    key: 'handleBlur',
+  (0, _createClass2.default)(HiTextField, [{
+    key: "handleBlur",
     value: function handleBlur(event) {
       if (this.props.onBlur) {
         this.props.onBlur(event);
       }
     }
   }, {
-    key: 'handleChange',
+    key: "handleChange",
     value: function handleChange(event) {
       var value = event.target.value;
+
       if (value.length <= this.props.maxLength) {
         if (this.props.onChange) {
           this.props.onChange(event);
         }
+
         if (this.props.multiline === true) {
-          this.setState({ nbChars: value.length });
+          this.setState({
+            nbChars: value.length
+          });
         }
       }
     }
   }, {
-    key: 'handleFocus',
+    key: "handleFocus",
     value: function handleFocus(event) {
       if (this.props.onFocus) {
         this.props.onFocus(event);
       }
     }
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
       var _this2 = this;
 
-      var _props = this.props,
-          className = _props.className,
-          disabled = _props.disabled,
-          error = _props.error,
-          errorText = _props.errorText,
-          id = _props.id,
-          label = _props.label,
-          helperText = _props.helperText,
-          helperIcon = _props.helperIcon,
-          fullWidth = _props.fullWidth,
-          required = _props.required,
-          type = _props.type,
-          multiline = _props.multiline,
-          placeholder = _props.placeholder,
-          value = _props.value,
-          HiInputProps = _props.HiInputProps,
-          name = _props.name,
-          rows = _props.rows,
-          maxLength = _props.maxLength;
+      var _this$props = this.props,
+          className = _this$props.className,
+          disabled = _this$props.disabled,
+          error = _this$props.error,
+          errorText = _this$props.errorText,
+          id = _this$props.id,
+          label = _this$props.label,
+          helperText = _this$props.helperText,
+          helperIcon = _this$props.helperIcon,
+          fullWidth = _this$props.fullWidth,
+          required = _this$props.required,
+          type = _this$props.type,
+          multiline = _this$props.multiline,
+          placeholder = _this$props.placeholder,
+          value = _this$props.value,
+          HiInputProps = _this$props.HiInputProps,
+          name = _this$props.name,
+          rows = _this$props.rows,
+          maxLength = _this$props.maxLength;
       var nbChars = this.state.nbChars;
-
-
-      return _react2.default.createElement(
-        _HiFormControl2.default,
-        {
-          label: label,
-          required: required,
-          disabled: disabled,
-          className: className,
-          error: error,
-          id: id,
-          errorText: errorText,
-          helperText: helperText,
-          helperIcon: helperIcon,
-          multiline: multiline,
-          maxLength: maxLength,
-          nbChars: nbChars
-        },
-        _react2.default.createElement(_HiInput2.default, (0, _extends3.default)({
-          inputId: id,
-          name: name,
-          type: type,
-          placeholder: placeholder,
-          value: value,
-          disabled: disabled,
-          error: error,
-          multiline: multiline,
-          fullWidth: fullWidth,
-          onBlur: this.handleBlur,
-          onChange: this.handleChange,
-          onReset: this.props.onReset,
-          onFocus: this.handleFocus,
-          onRightIconClick: this.props.onRightIconClick,
-          onLeftIconClick: this.props.onLeftIconClick,
-          rows: rows,
-          inputRef: function inputRef(input) {
-            _this2.input = input;
-          }
-        }, HiInputProps))
-      );
+      return _react.default.createElement(_HiFormControl.default, {
+        label: label,
+        required: required,
+        disabled: disabled,
+        className: className,
+        error: error,
+        id: id,
+        errorText: errorText,
+        helperText: helperText,
+        helperIcon: helperIcon,
+        multiline: multiline,
+        maxLength: maxLength,
+        nbChars: nbChars
+      }, _react.default.createElement(_HiInput.default, (0, _extends2.default)({
+        inputId: id,
+        name: name,
+        type: type,
+        placeholder: placeholder,
+        value: value,
+        disabled: disabled,
+        error: error,
+        multiline: multiline,
+        fullWidth: fullWidth,
+        onBlur: this.handleBlur,
+        onChange: this.handleChange,
+        onReset: this.props.onReset,
+        onFocus: this.handleFocus,
+        onRightIconClick: this.props.onRightIconClick,
+        onLeftIconClick: this.props.onLeftIconClick,
+        rows: rows,
+        inputRef: function inputRef(input) {
+          _this2.input = input;
+        }
+      }, HiInputProps)));
     }
   }]);
   return HiTextField;
-}(_react2.default.PureComponent);
+}(_react.default.PureComponent);
 
 HiTextField.defaultProps = {
   name: '',
@@ -187,107 +170,133 @@ HiTextField.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * Useful to extend the style applied to components.
    */
-  classes: _propTypes2.default.object,
+  classes: _propTypes.default.object,
+
   /**
    * Classes CSS appliquées
    */
-  className: _propTypes2.default.string,
+  className: _propTypes.default.string,
+
   /**
    * Si `true`, l'input sera inactif.
    */
-  disabled: _propTypes2.default.bool,
+  disabled: _propTypes.default.bool,
+
   /**
    * Si `true`, le champs sera en erreur.
    */
-  error: _propTypes2.default.bool,
+  error: _propTypes.default.bool,
+
   /**
    * Texte de l'erreur
    */
-  errorText: _propTypes2.default.string,
+  errorText: _propTypes.default.string,
+
   /**
    * Si `true`, le chamsp prendra toute la largeur.
    */
-  fullWidth: _propTypes2.default.bool,
+  fullWidth: _propTypes.default.bool,
+
   /**
    * Si "true", le texte d'aide s'affichera seulement au clic sur l'icône "Information"
    */
-  helperIcon: _propTypes2.default.bool,
+  helperIcon: _propTypes.default.bool,
+
   /**
    * Texte de l'aide
    */
-  helperText: _propTypes2.default.string,
+  helperText: _propTypes.default.string,
+
   /**
    * Propriétés appliquées au composant HiInput
    */
-  HiInputProps: _propTypes2.default.object,
+  HiInputProps: _propTypes.default.object,
+
   /**
    * id de l'élément input, utile pour lié le label
    */
-  id: _propTypes2.default.string.isRequired,
+  id: _propTypes.default.string.isRequired,
+
   /**
    * id de l'élément input
    */
-  inputRef: _propTypes2.default.func,
+  inputRef: _propTypes.default.func,
+
   /**
    * Label du champs
    */
-  label: _propTypes2.default.string,
+  label: _propTypes.default.string,
+
   /**
    * Nombre de caractères max pour un text area
    * Valable uniquement si l'option multiline est à true
    */
-  maxLength: _propTypes2.default.number,
+  maxLength: _propTypes.default.number,
+
   /**
    * Si `true`, le champs input sera un textarea
    */
-  multiline: _propTypes2.default.bool,
+  multiline: _propTypes.default.bool,
+
   /**
    * Attribute name de l'élément `input`.
    */
-  name: _propTypes2.default.string,
+  name: _propTypes.default.string,
+
   /**
    * Fonction de callback appelée lorsqu'on quitte le champs input
    */
-  onBlur: _propTypes2.default.func,
+  onBlur: _propTypes.default.func,
+
   /**
    * Fonction de callback appelée lorsqu'on remplie le champs de recherche
    */
-  onChange: _propTypes2.default.func,
+  onChange: _propTypes.default.func,
+
   /**
    * Fonction de callback appelée au focus du champs
    */
-  onFocus: _propTypes2.default.func,
+  onFocus: _propTypes.default.func,
+
   /**
    * Fonction de callback appelée lorsqu'on clic sur l'icône de gauche
    */
-  onLeftIconClick: _propTypes2.default.func,
+  onLeftIconClick: _propTypes.default.func,
+
   /**
    * Fonction de callback appelée lorsqu'on vide le champs de recherche
    */
-  onReset: _propTypes2.default.func,
+  onReset: _propTypes.default.func,
+
   /**
    * Fonction de callback appelée lorsqu'on clic sur l'icône de droite
    */
-  onRightIconClick: _propTypes2.default.func,
+  onRightIconClick: _propTypes.default.func,
+
   /**
    * Placeholder
    */
-  placeholder: _propTypes2.default.string,
+  placeholder: _propTypes.default.string,
+
   /**
    * true si champs obligatoire
    */
-  required: _propTypes2.default.bool,
+  required: _propTypes.default.bool,
+
   /**
    * Nombre de lignes pour les textArea
    */
-  rows: _propTypes2.default.number,
+  rows: _propTypes.default.number,
+
   /**
    * Type du champs input. Doit être un type HTML5 valide.
    */
-  type: _propTypes2.default.string,
+  type: _propTypes.default.string,
+
   /**
    * Valeur de l'élément input
    */
-  value: _propTypes2.default.string
+  value: _propTypes.default.string
 } : {};
-exports.default = HiTextField;
+var _default = HiTextField;
+exports.default = _default;

package/HiForm/index.js

@@ -1,70 +1,63 @@
-'use strict';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _HiEmailField = require('./HiEmailField');
-
-Object.defineProperty(exports, 'HiEmailField', {
+Object.defineProperty(exports, "HiEmailField", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_HiEmailField).default;
+    return _HiEmailField.default;
   }
 });
-
-var _HiFormControl = require('./HiFormControl');
-
-Object.defineProperty(exports, 'HiFormControl', {
+Object.defineProperty(exports, "HiFormControl", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_HiFormControl).default;
+    return _HiFormControl.default;
   }
 });
-
-var _HiFormLabel = require('./HiFormLabel');
-
-Object.defineProperty(exports, 'HiFormLabel', {
+Object.defineProperty(exports, "HiFormLabel", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_HiFormLabel).default;
+    return _HiFormLabel.default;
   }
 });
-
-var _HiInput = require('./HiInput');
-
-Object.defineProperty(exports, 'HiInput', {
+Object.defineProperty(exports, "HiInput", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_HiInput).default;
+    return _HiInput.default;
   }
 });
-
-var _HiPasswordField = require('./HiPasswordField');
-
-Object.defineProperty(exports, 'HiPasswordField', {
+Object.defineProperty(exports, "HiPasswordField", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_HiPasswordField).default;
+    return _HiPasswordField.default;
   }
 });
-
-var _HiTextField = require('./HiTextField');
-
-Object.defineProperty(exports, 'HiTextField', {
+Object.defineProperty(exports, "HiSearchField", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_HiTextField).default;
+    return _HiSearchField.default;
   }
 });
-
-var _HiSearchField = require('./HiSearchField');
-
-Object.defineProperty(exports, 'HiSearchField', {
+Object.defineProperty(exports, "HiTextField", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_HiSearchField).default;
+    return _HiTextField.default;
   }
 });
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _HiEmailField = _interopRequireDefault(require("./HiEmailField"));
+
+var _HiFormControl = _interopRequireDefault(require("./HiFormControl"));
+
+var _HiFormLabel = _interopRequireDefault(require("./HiFormLabel"));
+
+var _HiInput = _interopRequireDefault(require("./HiInput"));
+
+var _HiPasswordField = _interopRequireDefault(require("./HiPasswordField"));
+
+var _HiSearchField = _interopRequireDefault(require("./HiSearchField"));
+
+var _HiTextField = _interopRequireDefault(require("./HiTextField"));