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

package/es/HiForm/HiAddressField.js

@@ -1,134 +1,153 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-// @inheritedComponent HiSuggestSelectField
-import React from 'react';
-import PropTypes from 'prop-types';
-import HiSuggestSelectField from '../HiSelect/HiSuggestSelectField'; // OpenStreeMap API url
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+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"));
 
-const API_URL = 'https://nominatim.openstreetmap.org/search?q=';
+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 _HiSuggestSelectField = _interopRequireDefault(require("../HiSelect/HiSuggestSelectField"));
+
+// @inheritedComponent HiSuggestSelectField
+// OpenStreeMap API url
+var API_URL = 'https://nominatim.openstreetmap.org/search?q=';
 /**
  * Champs input adresse pour formulaire
  */
 
-class HiAddressField extends React.Component {
-  constructor(props) {
-    super(props);
+var HiAddressField =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2.default)(HiAddressField, _React$Component);
+
+  function HiAddressField(props) {
+    var _this;
 
-    this.displaySuggestions = predictions => {
-      const options = [];
-      let isExact = false;
-      predictions.forEach(prediction => {
+    (0, _classCallCheck2.default)(this, HiAddressField);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiAddressField).call(this, props));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "displaySuggestions", function (predictions) {
+      var options = [];
+      var isExact = false;
+      predictions.forEach(function (prediction) {
         // Si le texte saisi est identique à une des propositions, on estime que la valeur de l'adresse est exacte.
-        isExact = prediction.display_name === this.state.inputValue ? true : isExact;
+        isExact = prediction.display_name === _this.state.inputValue ? true : isExact;
         options.push({
           id: prediction.place_id,
           label: prediction.display_name,
-          labelHighlight: prediction.display_name.replace(new RegExp(this.value, 'gi'), '<strong>$&</strong>'),
+          labelHighlight: prediction.display_name.replace(new RegExp(_this.value, 'gi'), '<strong>$&</strong>'),
           // Liste des types d'adresse : https://github.com/openstreetmap/Nominatim/blob/80df4d3b560f5b1fd550dcf8cdc09a992b69fee0/settings/partitionedtags.def
           icon: ['amenity', 'building'].includes(prediction.category) ? 'domain' : 'place',
           type: 'icon',
           key: prediction.id
         });
-      }, this);
-      this.setState({
-        options,
-        isExact
-      });
-    };
+      }, (0, _assertThisInitialized2.default)(_this));
 
-    this.state = {
+      _this.setState({
+        options: options,
+        isExact: isExact
+      });
+    });
+    _this.state = {
       inputValue: null,
       options: [],
       isExact: false
     };
-    this.handleSearch = this.handleSearch.bind(this);
-    this.handleSelect = this.handleSelect.bind(this);
-    this.handleReset = this.handleReset.bind(this);
-    this.displaySuggestions = this.displaySuggestions.bind(this);
+    _this.handleSearch = _this.handleSearch.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(_this));
+    _this.displaySuggestions = _this.displaySuggestions.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
   }
 
-  handleSearch(event) {
-    if (event.target.value) {
+  (0, _createClass2.default)(HiAddressField, [{
+    key: "handleSearch",
+    value: function handleSearch(event) {
+      var _this2 = this;
+
+      if (event.target.value) {
+        this.setState({
+          inputValue: event.target.value
+        });
+        fetch("".concat(API_URL, " + ").concat(this.state.inputValue, " + &format=jsonv2&limit=5&bounded=1&dedupe=1&namedetails=1")).then(function (result) {
+          return result.json();
+        }).then(function (data) {
+          _this2.displaySuggestions(data, 'OK');
+        });
+      } else {
+        this.setState({
+          options: []
+        });
+      }
+
+      this.props.onSearch(event);
+    }
+  }, {
+    key: "handleReset",
+    value: function handleReset() {
+      this.props.onReset();
       this.setState({
-        inputValue: event.target.value
-      });
-      fetch(`${API_URL} + ${this.state.inputValue} + &format=jsonv2&limit=5&bounded=1&dedupe=1&namedetails=1`).then(result => result.json()).then(data => {
-        this.displaySuggestions(data, 'OK');
+        options: [],
+        isExact: false
       });
-    } else {
+    }
+  }, {
+    key: "handleSelect",
+    value: function handleSelect(event, value) {
+      // Mise à jour de la valeur du champ + la valeur de l'adresse est exacte
       this.setState({
-        options: []
+        options: [],
+        isExact: true
       });
+      this.props.onSelect(event, value.label);
     }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          exactOnly = _this$props.exactOnly,
+          onSearch = _this$props.onSearch,
+          onReset = _this$props.onReset,
+          onSelect = _this$props.onSelect,
+          otherProps = (0, _objectWithoutProperties2.default)(_this$props, ["exactOnly", "onSearch", "onReset", "onSelect"]);
+      var _this$state = this.state,
+          options = _this$state.options,
+          isExact = _this$state.isExact; // On met le champ en erreur si une adresse exacte est éxigée
+      // et si l'adresse courante n'est pas complète
+
+      var showError = exactOnly && !isExact;
+      return _react.default.createElement(_HiSuggestSelectField.default, (0, _extends2.default)({
+        error: showError,
+        options: options,
+        onSearch: this.handleSearch,
+        onSelect: this.handleSelect,
+        onReset: this.handleReset,
+        isExact: isExact
+      }, otherProps));
+    }
+  }]);
+  return HiAddressField;
+}(_react.default.Component);
 
-    this.props.onSearch(event);
-  }
-
-  handleReset() {
-    this.props.onReset();
-    this.setState({
-      options: [],
-      isExact: false
-    });
-  }
-
-  handleSelect(event, value) {
-    // Mise à jour de la valeur du champ + la valeur de l'adresse est exacte
-    this.setState({
-      options: [],
-      isExact: true
-    });
-    this.props.onSelect(event, value.label);
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      exactOnly,
-      onSearch,
-      onReset,
-      onSelect
-    } = _this$props,
-          otherProps = _objectWithoutProperties(_this$props, ["exactOnly", "onSearch", "onReset", "onSelect"]);
-
-    const {
-      options,
-      isExact
-    } = this.state; // On met le champ en erreur si une adresse exacte est éxigée
-    // et si l'adresse courante n'est pas complète
-
-    const showError = exactOnly && !isExact;
-    return React.createElement(HiSuggestSelectField, _extends({
-      error: showError,
-      options: options,
-      onSearch: this.handleSearch,
-      onSelect: this.handleSelect,
-      onReset: this.handleReset,
-      isExact: isExact
-    }, otherProps));
-  }
-
-}
-
-HiAddressField.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Est-ce qu'on n'accepte que les adresses trouvées par GMaps
-   */
-  exactOnly: PropTypes.bool,
-
-  /**
-   *  Callback function called to empty the field.
-   */
-  onReset: PropTypes.func,
-
-  /**
-   *  Callback function called when we write in the input.
-   */
-  onSearch: PropTypes.func,
-
-  /**
-   *  Callback function called when a suggestion is selected.
-   */
-  onSelect: PropTypes.func
-} : {};
-export default HiAddressField;
+var _default = HiAddressField;
+exports.default = _default;

package/es/HiForm/HiEmailField.js

@@ -1,78 +1,81 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"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 _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+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 _validator = _interopRequireDefault(require("validator"));
+
+var _HiTextField = _interopRequireDefault(require("./HiTextField"));
+
 // @inheritedComponent HiTextField
-import React from 'react';
-import PropTypes from 'prop-types';
-import validator from 'validator';
-import HiTextField from './HiTextField';
+
 /**
  * Champs input email pour formulaire
  */
+var HiEmailField =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2.default)(HiEmailField, _React$Component);
 
-class HiEmailField extends React.Component {
-  constructor(props) {
-    super(props);
+  function HiEmailField(props) {
+    var _this;
 
-    this.handleBlur = () => {
-      if (this.props.onError && this.props.value !== '' && !validator.isEmail(this.props.value)) {
-        this.props.onError();
+    (0, _classCallCheck2.default)(this, HiEmailField);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiEmailField).call(this, props));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleBlur", function () {
+      if (_this.props.onError && _this.props.value !== '' && !_validator.default.isEmail(_this.props.value)) {
+        _this.props.onError();
       }
 
-      if (this.props.onBlur) {
-        this.props.onBlur();
+      if (_this.props.onBlur) {
+        _this.props.onBlur();
       }
-    };
-
-    this.handleBlur = this.handleBlur.bind(this);
+    });
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
   }
 
-  render() {
-    const _this$props = this.props,
-          {
-      error,
-      errorText
-    } = _this$props,
-          otherProps = _objectWithoutProperties(_this$props, ["error", "errorText"]);
-
-    return React.createElement(HiTextField, _extends({}, otherProps, {
-      type: "email",
-      error: error,
-      errorText: errorText,
-      onBlur: this.handleBlur
-    }));
-  }
+  (0, _createClass2.default)(HiEmailField, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          error = _this$props.error,
+          errorText = _this$props.errorText,
+          otherProps = (0, _objectWithoutProperties2.default)(_this$props, ["error", "errorText"]);
+      return _react.default.createElement(_HiTextField.default, (0, _extends2.default)({}, otherProps, {
+        type: "email",
+        error: error,
+        errorText: errorText,
+        onBlur: this.handleBlur
+      }));
+    }
+  }]);
+  return HiEmailField;
+}(_react.default.Component);
 
-}
-
-HiEmailField.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Si `true`, le champs sera en erreur.
-   */
-  error: PropTypes.bool,
-
-  /**
-   * Texte de l'erreur
-   */
-  errorText: PropTypes.string,
-
-  /**
-   * Fonction de callback appelée lorsqu'on quitte le champs input
-   */
-  onBlur: PropTypes.func,
-
-  /**
-   * Fonction appelée en cas d'erreur
-   */
-  onError: PropTypes.func,
-
-  /**
-   * Valeur de l'élément input
-   */
-  value: PropTypes.string
-} : {};
-export default HiEmailField;
+var _default = HiEmailField;
+exports.default = _default;