@hipay/hipay-material-ui 3.12.1 → 3.12.2

package/es/HiExpansionPanel/HiExpansionPanel.js

@@ -0,0 +1,184 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Accordion = _interopRequireDefault(require("@mui/material/Accordion"));
+
+var _AccordionSummary = _interopRequireDefault(require("@mui/material/AccordionSummary"));
+
+var _AccordionDetails = _interopRequireDefault(require("@mui/material/AccordionDetails"));
+
+var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _MenuUp = _interopRequireDefault(require("mdi-material-ui/MenuUp"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var useStyles = (0, _makeStyles.default)(function (theme) {
+  return {
+    summaryContent: {
+      display: 'flex',
+      alignItems: 'baseline',
+      justifyContent: 'space-between',
+      border: 'none',
+      '&$expanded': {
+        margin: 'initial'
+      },
+      maxWidth: '100%'
+    },
+    summaryRoot: {
+      borderBottom: '1px solid #E3E6E7',
+      height: 48,
+      minHeight: 48,
+      padding: 0,
+      '&$expanded': {
+        minHeight: 48
+      }
+    },
+    expanded: {},
+    collapseDisable: {
+      cursor: 'default',
+      pointerEvents: 'none'
+    },
+    heading: (0, _objectSpread2.default)({}, theme.typography.b1, {
+      height: 48,
+      display: 'flex',
+      alignItems: 'center',
+      fontSize: 20,
+      lineHeight: '24px',
+      fontWeight: theme.typography.fontWeightLight
+    }),
+    secondaryHeading: (0, _objectSpread2.default)({}, theme.typography.b3, {
+      color: theme.palette.neutral.light,
+      height: 48,
+      display: 'flex',
+      alignItems: 'center',
+      fontSize: 11,
+      '&>svg': {
+        fontSize: 18,
+        marginLeft: 3
+      },
+      '&>button': {
+        marginRight: -12
+      },
+      marginLeft: 24,
+      overflow: 'hidden'
+    }),
+    secondaryHeadingSpan: {
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis'
+    },
+    panel: {
+      boxShadow: 'none',
+      border: 'none'
+    },
+    panelDetails: {
+      padding: '8px 0 24px 0'
+    },
+    panelDetailsExited: {
+      display: 'none'
+    },
+    disabledPanel: {
+      backgroundColor: '#ffffff',
+      opacity: 1
+    },
+    expandIcon: {
+      width: 24,
+      height: 24,
+      right: 0
+    }
+  };
+});
+/**
+ * HiExpansionPanel
+ */
+
+var _ref = /*#__PURE__*/_react.default.createElement(_MenuUp.default, null);
+
+function HiExpansionPanel(props) {
+  var disabled = props.disabled,
+      heading = props.heading,
+      secondaryHeading = props.secondaryHeading,
+      secondaryHeadingDisabled = props.secondaryHeadingDisabled,
+      secondaryHeadingIcon = props.secondaryHeadingIcon,
+      collapseDisable = props.collapseDisable,
+      children = props.children,
+      expanded = props.expanded,
+      TransitionProps = props.TransitionProps,
+      others = (0, _objectWithoutProperties2.default)(props, ["disabled", "heading", "secondaryHeading", "secondaryHeadingDisabled", "secondaryHeadingIcon", "collapseDisable", "children", "expanded", "TransitionProps"]);
+  var classes = useStyles(props);
+
+  var _useState = (0, _react.useState)(!collapseDisable && !expanded),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      panelDetailsExited = _useState2[0],
+      setPanelDetailsExited = _useState2[1];
+
+  var effectiveDisabled = disabled || !children;
+  return /*#__PURE__*/_react.default.createElement(_Accordion.default, (0, _extends2.default)({
+    disabled: effectiveDisabled,
+    expanded: collapseDisable || expanded,
+    TransitionProps: (0, _objectSpread2.default)({
+      onExited: function onExited() {
+        return setPanelDetailsExited(true);
+      },
+      onEnter: function onEnter() {
+        return setPanelDetailsExited(false);
+      }
+    }, TransitionProps)
+  }, others, {
+    classes: {
+      root: classes.panel,
+      disabled: classes.disabledPanel
+    }
+  }), /*#__PURE__*/_react.default.createElement(_AccordionSummary.default, {
+    classes: {
+      root: classes.summaryRoot,
+      content: classes.summaryContent,
+      expanded: classes.expanded,
+      expandIcon: classes.expandIcon
+    },
+    className: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.collapseDisable, collapseDisable)),
+    expandIcon: !collapseDisable && _ref
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.heading
+  }, heading), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.secondaryHeading
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: classes.secondaryHeadingSpan
+  }, !effectiveDisabled ? secondaryHeading : secondaryHeadingDisabled), secondaryHeadingIcon)), !!children && /*#__PURE__*/_react.default.createElement(_AccordionDetails.default, {
+    className: (0, _classnames.default)(classes.panelDetails, (0, _defineProperty2.default)({}, classes.panelDetailsExited, panelDetailsExited))
+  }, children));
+}
+
+HiExpansionPanel.defaultProps = {
+  disabled: false,
+  secondaryHeading: '',
+  secondaryHeadingIcon: '',
+  secondaryHeadingDisabled: ''
+};
+var _default = HiExpansionPanel;
+exports.default = _default;

package/es/HiExpansionPanel/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _HiExpansionPanel = _interopRequireDefault(require("./HiExpansionPanel"));
+
+var _default = _HiExpansionPanel.default;
+exports.default = _default;

package/es/HiForm/HiAddressField.js

@@ -0,0 +1,156 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _HiSuggestSelectField = _interopRequireDefault(require("../HiSelect/HiSuggestSelectField"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+// OpenStreeMap API url
+var API_URL = 'https://nominatim.openstreetmap.org/search?q=';
+/**
+ * Champs input adresse pour formulaire
+ */
+
+var HiAddressField = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(HiAddressField, _React$Component);
+
+  var _super = _createSuper(HiAddressField);
+
+  function HiAddressField(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiAddressField);
+    _this = _super.call(this, props);
+
+    _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;
+        options.push({
+          id: prediction.place_id,
+          label: prediction.display_name,
+          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
+        });
+      }, (0, _assertThisInitialized2.default)(_this));
+
+      _this.setState({
+        options: options,
+        isExact: isExact
+      });
+    };
+
+    _this.state = {
+      inputValue: null,
+      options: [],
+      isExact: false
+    };
+    _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;
+  }
+
+  (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({
+        options: [],
+        isExact: false
+      });
+    }
+  }, {
+    key: "handleSelect",
+    value: function 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);
+    }
+  }, {
+    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 /*#__PURE__*/_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);
+
+var _default = HiAddressField;
+exports.default = _default;

package/es/HiForm/HiEmailField.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _validator = _interopRequireDefault(require("validator"));
+
+var _HiTextField = _interopRequireDefault(require("./HiTextField"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+/**
+ * Champs input email pour formulaire
+ */
+var HiEmailField = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(HiEmailField, _React$Component);
+
+  var _super = _createSuper(HiEmailField);
+
+  function HiEmailField(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiEmailField);
+    _this = _super.call(this, props);
+
+    _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();
+      }
+    };
+
+    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+
+  (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 /*#__PURE__*/_react.default.createElement(_HiTextField.default, (0, _extends2.default)({}, otherProps, {
+        type: "email",
+        error: error,
+        errorText: errorText,
+        onBlur: this.handleBlur
+      }));
+    }
+  }]);
+  return HiEmailField;
+}(_react.default.Component);
+
+var _default = HiEmailField;
+exports.default = _default;