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

package/es/HiForm/HiTextField.js

@@ -1,122 +1,159 @@
-import _extends from "@babel/runtime/helpers/extends";
+"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 = void 0;
+
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+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 _HiFormControl = _interopRequireDefault(require("./HiFormControl"));
+
+var _HiInput = _interopRequireDefault(require("./HiInput"));
+
 // @inheritedComponent TextField
-import React from 'react';
-import PropTypes from 'prop-types';
-import HiFormControl from './HiFormControl';
-import HiInput from './HiInput';
+
 /**
  * Champs input pour formulaire
  */
-
-class HiTextField extends React.PureComponent {
-  constructor(props) {
-    super(props);
-
-    this.focus = () => {
-      this.input.focus();
-    };
-
-    this.state = {
+var HiTextField =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiTextField, _React$PureComponent);
+
+  function HiTextField(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiTextField);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiTextField).call(this, props));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "focus", function () {
+      _this.input.focus();
+    });
+    _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)(_this));
+    _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
   }
 
-  handleBlur(event) {
-    if (this.props.onBlur) {
-      this.props.onBlur(event);
+  (0, _createClass2.default)(HiTextField, [{
+    key: "handleBlur",
+    value: function handleBlur(event) {
+      if (this.props.onBlur) {
+        this.props.onBlur(event);
+      }
     }
-  }
-
-  handleChange(event) {
-    const value = event.target.value;
-
-    if (value.length <= this.props.maxLength) {
-      if (this.props.onChange) {
-        this.props.onChange(event);
+  }, {
+    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
+          });
+        }
       }
-
-      if (this.props.multiline === true) {
-        this.setState({
-          nbChars: value.length
-        });
+    }
+  }, {
+    key: "handleFocus",
+    value: function handleFocus(event) {
+      if (this.props.onFocus) {
+        this.props.onFocus(event);
       }
     }
-  }
-
-  handleFocus(event) {
-    if (this.props.onFocus) {
-      this.props.onFocus(event);
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      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,
+          HiInputLabelProps = _this$props.HiInputLabelProps,
+          name = _this$props.name,
+          rows = _this$props.rows,
+          maxLength = _this$props.maxLength;
+      var nbChars = this.state.nbChars;
+      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,
+        InputLabelProps: HiInputLabelProps
+      }, _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)));
     }
-  }
-
-  render() {
-    const {
-      className,
-      disabled,
-      error,
-      errorText,
-      id,
-      label,
-      helperText,
-      helperIcon,
-      fullWidth,
-      required,
-      type,
-      multiline,
-      placeholder,
-      value,
-      HiInputProps,
-      HiInputLabelProps,
-      name,
-      rows,
-      maxLength
-    } = this.props;
-    const {
-      nbChars
-    } = this.state;
-    return React.createElement(HiFormControl, {
-      label: label,
-      required: required,
-      disabled: disabled,
-      className: className,
-      error: error,
-      id: id,
-      errorText: errorText,
-      helperText: helperText,
-      helperIcon: helperIcon,
-      multiline: multiline,
-      maxLength: maxLength,
-      nbChars: nbChars,
-      InputLabelProps: HiInputLabelProps
-    }, React.createElement(HiInput, _extends({
-      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: input => {
-        this.input = input;
-      }
-    }, HiInputProps)));
-  }
+  }]);
+  return HiTextField;
+}(_react.default.PureComponent);
 
-}
-
-HiTextField.defaultProps = {
+(0, _defineProperty2.default)(HiTextField, "defaultProps", {
   name: '',
   type: 'text',
   fullWidth: true,
@@ -128,142 +165,6 @@ HiTextField.defaultProps = {
   helperIcon: false,
   multiline: false,
   maxLength: 280
-};
-HiTextField.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Classes CSS appliquées
-   */
-  className: PropTypes.string,
-
-  /**
-   * Si `true`, l'input sera inactif.
-   */
-  disabled: PropTypes.bool,
-
-  /**
-   * Si `true`, le champs sera en erreur.
-   */
-  error: PropTypes.bool,
-
-  /**
-   * Texte de l'erreur
-   */
-  errorText: PropTypes.string,
-
-  /**
-   * Si `true`, le chamsp prendra toute la largeur.
-   */
-  fullWidth: PropTypes.bool,
-
-  /**
-   * Si "true", le texte d'aide s'affichera seulement au clic sur l'icône "Information"
-   */
-  helperIcon: PropTypes.bool,
-
-  /**
-   * Texte de l'aide
-   */
-  helperText: PropTypes.string,
-
-  /**
-   * Propriétés appliquées au composant HiFormLabel
-   */
-  HiInputLabelProps: PropTypes.object,
-
-  /**
-   * Propriétés appliquées au composant HiInput
-   */
-  HiInputProps: PropTypes.object,
-
-  /**
-   * id de l'élément input, utile pour lié le label
-   */
-  id: PropTypes.string.isRequired,
-
-  /**
-   * id de l'élément input
-   */
-  inputRef: PropTypes.func,
-
-  /**
-   * Label du champs
-   */
-  label: PropTypes.string,
-
-  /**
-   * Nombre de caractères max pour un text area
-   * Valable uniquement si l'option multiline est à true
-   */
-  maxLength: PropTypes.number,
-
-  /**
-   * Si `true`, le champs input sera un textarea
-   */
-  multiline: PropTypes.bool,
-
-  /**
-   * Attribute name de l'élément `input`.
-   */
-  name: PropTypes.string,
-
-  /**
-   * Fonction de callback appelée lorsqu'on quitte le champs input
-   */
-  onBlur: PropTypes.func,
-
-  /**
-   * Fonction de callback appelée lorsqu'on remplie le champs de recherche
-   */
-  onChange: PropTypes.func,
-
-  /**
-   * Fonction de callback appelée au focus du champs
-   */
-  onFocus: PropTypes.func,
-
-  /**
-   * Fonction de callback appelée lorsqu'on clic sur l'icône de gauche
-   */
-  onLeftIconClick: PropTypes.func,
-
-  /**
-   * Fonction de callback appelée lorsqu'on vide le champs de recherche
-   */
-  onReset: PropTypes.func,
-
-  /**
-   * Fonction de callback appelée lorsqu'on clic sur l'icône de droite
-   */
-  onRightIconClick: PropTypes.func,
-
-  /**
-   * Placeholder
-   */
-  placeholder: PropTypes.string,
-
-  /**
-   * true si champs obligatoire
-   */
-  required: PropTypes.bool,
-
-  /**
-   * Nombre de lignes pour les textArea
-   */
-  rows: PropTypes.number,
-
-  /**
-   * Type du champs input. Doit être un type HTML5 valide.
-   */
-  type: PropTypes.string,
-
-  /**
-   * Valeur de l'élément input
-   */
-  value: PropTypes.string
-} : {};
-export default HiTextField;
+});
+var _default = HiTextField;
+exports.default = _default;