cozy-ui-plus 1.1.0

package/dist/ContactPicker/index.js

@@ -0,0 +1,129 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _contact = require("cozy-client/dist/models/contact");
+
+var _ContactsListModal = _interopRequireDefault(require("../ContactsListModal"));
+
+var _excluded = ["className", "children"],
+    _excluded2 = ["placeholder", "onChange", "value", "listPlaceholder", "listEmptyMessage", "addContactLabel", "initialOpen"];
+
+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; } }
+
+var styles = {
+  "SelectControl": "styles__SelectControl___3NQnK",
+  "is-error": "styles__is-error___2DxUG"
+};
+
+var SelectControl = function SelectControl(props) {
+  var className = props.className,
+      children = props.children,
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
+    type: "button",
+    className: (0, _classnames.default)(styles.SelectControl, className)
+  }, rest), children);
+};
+
+var ContactPicker = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(ContactPicker, _React$Component);
+
+  var _super = _createSuper(ContactPicker);
+
+  function ContactPicker(props, context) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, ContactPicker);
+    _this = _super.call(this, props, context);
+    _this.state = {
+      opened: _this.props.initialOpen
+    };
+    _this.open = _this.open.bind((0, _assertThisInitialized2.default)(_this));
+    _this.close = _this.close.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+
+  (0, _createClass2.default)(ContactPicker, [{
+    key: "open",
+    value: function open() {
+      this.setState({
+        opened: true
+      });
+    }
+  }, {
+    key: "close",
+    value: function close() {
+      this.setState({
+        opened: false
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          placeholder = _this$props.placeholder,
+          onChange = _this$props.onChange,
+          value = _this$props.value,
+          listPlaceholder = _this$props.listPlaceholder,
+          listEmptyMessage = _this$props.listEmptyMessage,
+          addContactLabel = _this$props.addContactLabel,
+          initialOpen = _this$props.initialOpen,
+          rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded2);
+      var opened = this.state.opened;
+
+      var handleChange = function handleChange(contact) {
+        onChange(contact);
+      };
+
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SelectControl, (0, _extends2.default)({}, rest, {
+        onClick: this.open
+      }), value ? (0, _contact.getDisplayName)(value) : placeholder), opened && /*#__PURE__*/_react.default.createElement(_ContactsListModal.default, {
+        dismissAction: this.close,
+        onItemClick: handleChange,
+        placeholder: listPlaceholder,
+        emptyMessage: listEmptyMessage,
+        addContactLabel: addContactLabel
+      }));
+    }
+  }]);
+  return ContactPicker;
+}(_react.default.Component);
+
+ContactPicker.defaultProps = {
+  initialOpen: false
+};
+ContactPicker.propTypes = {
+  initialOpen: _propTypes.default.bool
+};
+var _default = ContactPicker;
+exports.default = _default;

package/dist/Contacts/AddModal/ContactAddressDialog/helpers.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.makeFormattedAddressWithSubFields = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _contact = require("cozy-client/dist/models/contact");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+/**
+ * Make formatted address
+ * @param {{ name: string, value: string }[]} subFieldsState - State of address sub fields
+ * @returns {string} - Formatted address
+ */
+var makeFormattedAddressWithSubFields = function makeFormattedAddressWithSubFields(subFieldsState, t) {
+  var normalizedAddress = subFieldsState.reduce(function (acc, curr) {
+    var key = curr.name.split('.').pop().replace(/address/, '');
+    return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, key, curr.value || ''));
+  }, {});
+  return (0, _contact.cleanFormattedAddress)(t('formatted.address', normalizedAddress));
+};
+
+exports.makeFormattedAddressWithSubFields = makeFormattedAddressWithSubFields;

package/dist/Contacts/AddModal/ContactAddressDialog/index.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactFinalForm = require("react-final-form");
+
+var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
+var _CozyDialogs = require("cozy-ui/transpiled/react/CozyDialogs");
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _helpers = require("./helpers");
+
+var _locales = require("./locales");
+
+var _FieldInputWrapper = _interopRequireDefault(require("../ContactForm/FieldInputWrapper"));
+
+var _types = require("../types");
+
+var ContactAddressModal = function ContactAddressModal(_ref) {
+  var onClose = _ref.onClose,
+      name = _ref.name,
+      subFields = _ref.subFields;
+  (0, _I18n.useExtendI18n)(_locales.locales);
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useForm = (0, _reactFinalForm.useForm)(),
+      getFieldState = _useForm.getFieldState,
+      change = _useForm.change;
+
+  var subFieldsState = subFields.map(function (subField) {
+    return getFieldState("".concat(name).concat(subField.name));
+  });
+
+  var onConfirm = function onConfirm() {
+    var hasBeenModified = subFieldsState.some(function (state) {
+      return !state.pristine;
+    });
+
+    if (!hasBeenModified) {
+      return onClose();
+    }
+
+    var formattedAddress = (0, _helpers.makeFormattedAddressWithSubFields)(subFieldsState, t);
+    change(name, formattedAddress);
+    onClose();
+  };
+
+  var onCancel = function onCancel() {
+    subFieldsState.forEach(function (_ref2) {
+      var name = _ref2.name,
+          initial = _ref2.initial;
+      return change(name, initial);
+    });
+    onClose();
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_CozyDialogs.FixedDialog, {
+    open: true,
+    onClose: onClose,
+    size: "small",
+    title: t('Contacts.AddModal.ContactAddressDialog.fields.address'),
+    content: subFields.map(function (subField) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: subField.name,
+        className: "u-mt-1"
+      }, /*#__PURE__*/_react.default.createElement(_reactFinalForm.Field, {
+        label: t("Contacts.AddModal.ContactAddressDialog.fields.".concat(subField.name)),
+        attributes: {
+          type: subField.type
+        },
+        name: "".concat(name).concat(subField.name),
+        component: _FieldInputWrapper.default
+      }));
+    }),
+    actions: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+      variant: "secondary",
+      label: t('Contacts.AddModal.ContactAddressDialog.cancel'),
+      onClick: onCancel
+    }), /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+      className: "u-ml-half",
+      label: t('Contacts.AddModal.ContactAddressDialog.ok'),
+      onClick: onConfirm
+    }))
+  });
+};
+
+ContactAddressModal.propTypes = {
+  onClose: _propTypes.default.func.isRequired,
+  name: _propTypes.default.string.isRequired,
+  subFields: _propTypes.default.arrayOf(_types.fieldInputAttributesTypes).isRequired
+};
+var _default = ContactAddressModal;
+exports.default = _default;

package/dist/Contacts/AddModal/ContactAddressDialog/locales/index.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.locales = void 0;
+var en = {
+  Contacts: {
+    AddModal: {
+      ContactAddressDialog: {
+        fields: {
+          address: "Address",
+          number: "Lane number",
+          street: "Postal address",
+          code: "Postal code",
+          city: "City",
+          country: "Country",
+          locality: "Locality",
+          building: "Building",
+          stairs: "Stairs",
+          floor: "Floor",
+          apartment: "Apartment",
+          region: "Region",
+          entrycode: "Entry code"
+        },
+        cancel: "Cancel",
+        ok: "Ok"
+      }
+    }
+  }
+};
+var fr = {
+  Contacts: {
+    AddModal: {
+      ContactAddressDialog: {
+        fields: {
+          address: "Adresse",
+          number: "Num\xE9ro de voie",
+          street: "Adresse postal",
+          code: "Code postal",
+          city: "Ville",
+          country: "Pays",
+          locality: "Lieu-dit",
+          building: "B\xE2timent",
+          stairs: "Escalier",
+          floor: "Etage",
+          apartment: "Appartement",
+          region: "R\xE9gion",
+          entrycode: "Code d'entr\xE9e"
+        },
+        cancel: "Annuler",
+        ok: "Ok"
+      }
+    }
+  }
+};
+var ru = {
+  Contacts: {
+    AddModal: {
+      ContactAddressDialog: {
+        fields: {
+          address: "\u0410\u0434\u0440\u0435\u0441",
+          number: "\u041D\u043E\u043C\u0435\u0440 \u0434\u043E\u043C\u0430",
+          street: "\u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0430\u0434\u0440\u0435\u0441",
+          code: "\u041F\u043E\u0447\u0442\u043E\u0432\u044B\u0439 \u0438\u043D\u0434\u0435\u043A\u0441",
+          city: "\u0413\u043E\u0440\u043E\u0434",
+          country: "\u0421\u0442\u0440\u0430\u043D\u0430",
+          locality: "\u0420\u0430\u0439\u043E\u043D",
+          building: "\u0417\u0434\u0430\u043D\u0438\u0435",
+          stairs: "\u041F\u043E\u0434\u044A\u0435\u0437\u0434",
+          floor: "\u042D\u0442\u0430\u0436",
+          apartment: "\u041A\u0432\u0430\u0440\u0442\u0438\u0440\u0430",
+          region: "\u0420\u0435\u0433\u0438\u043E\u043D",
+          entrycode: "\u041A\u043E\u0434 \u043F\u043E\u0434\u044A\u0435\u0437\u0434\u0430"
+        },
+        cancel: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C",
+        ok: "\u041E\u041A"
+      }
+    }
+  }
+};
+var vi = {
+  Contacts: {
+    AddModal: {
+      ContactAddressDialog: {
+        fields: {
+          address: "\u0110\u1ECBa ch\u1EC9",
+          number: "S\u1ED1 nh\xE0",
+          street: "\u0110\u1ECBa ch\u1EC9 b\u01B0u \u0111i\u1EC7n",
+          code: "M\xE3 b\u01B0u \u0111i\u1EC7n",
+          city: "Th\xE0nh ph\u1ED1",
+          country: "Qu\u1ED1c gia",
+          locality: "\u0110\u1ECBa ph\u01B0\u01A1ng",
+          building: "T\xF2a nh\xE0",
+          stairs: "C\u1EA7u thang",
+          floor: "T\u1EA7ng",
+          apartment: "C\u0103n h\u1ED9",
+          region: "V\xF9ng",
+          entrycode: "M\xE3 ra v\xE0o"
+        },
+        cancel: "H\u1EE7y",
+        ok: "Ok"
+      }
+    }
+  }
+};
+var locales = {
+  en: en,
+  fr: fr,
+  ru: ru,
+  vi: vi
+};
+exports.locales = locales;

package/dist/Contacts/AddModal/ContactForm/FieldInput.js

@@ -0,0 +1,164 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactFinalForm = require("react-final-form");
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _FieldInputWrapper = _interopRequireDefault(require("./FieldInputWrapper"));
+
+var _HasValueCondition = _interopRequireDefault(require("./HasValueCondition"));
+
+var _RelatedContactList = require("./RelatedContactList");
+
+var _locales = require("./locales");
+
+var _ContactAddressDialog = _interopRequireDefault(require("../ContactAddressDialog"));
+
+var _types = require("../types");
+
+var _excluded = ["subFields"];
+
+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 styles = {
+  "contact-form-field__wrapper": "styles__contact-form-field__wrapper___13Usq"
+};
+
+var FieldInput = function FieldInput(_ref) {
+  var name = _ref.name,
+      labelProps = _ref.labelProps,
+      className = _ref.className,
+      _ref$attributes = _ref.attributes,
+      subFields = _ref$attributes.subFields,
+      restAttributes = (0, _objectWithoutProperties2.default)(_ref$attributes, _excluded),
+      contacts = _ref.contacts,
+      error = _ref.error,
+      helperText = _ref.helperText,
+      label = _ref.label,
+      isInvisible = _ref.isInvisible,
+      required = _ref.required;
+
+  var _useState = (0, _react.useState)((0, _uniqueId.default)('field_')),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+      id = _useState2[0]; // state only use to generate id once and not at each render
+
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      hasBeenFocused = _useState4[0],
+      setHasBeenFocused = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      isAddressDialogOpen = _useState6[0],
+      setIsAddressDialogOpen = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      isRelatedContactDialogOpen = _useState8[0],
+      setIsRelatedContactDialogOpen = _useState8[1];
+
+  (0, _I18n.useExtendI18n)(_locales.locales);
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var handleClick = function handleClick() {
+    if (name.includes('address')) {
+      setIsAddressDialogOpen(true);
+    }
+
+    if (name.includes('relatedContact')) {
+      setIsRelatedContactDialogOpen(true);
+    }
+  };
+
+  var onFocus = function onFocus() {
+    setHasBeenFocused(true);
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(className, styles['contact-form-field__wrapper'], 'u-flex-column-s', {
+      'u-flex': !isInvisible,
+      'u-dn': isInvisible
+    })
+  }, /*#__PURE__*/_react.default.createElement(_reactFinalForm.Field, {
+    required: required,
+    error: error,
+    helperText: helperText,
+    label: label,
+    id: id,
+    attributes: restAttributes,
+    name: name,
+    component: _FieldInputWrapper.default,
+    onFocus: onFocus,
+    onClick: handleClick
+  }), isAddressDialogOpen && /*#__PURE__*/_react.default.createElement(_ContactAddressDialog.default, {
+    onClose: function onClose() {
+      return setIsAddressDialogOpen(false);
+    },
+    name: name,
+    subFields: subFields
+  }), isRelatedContactDialogOpen && /*#__PURE__*/_react.default.createElement(_RelatedContactList.RelatedContactList, {
+    onClose: function onClose() {
+      return setIsRelatedContactDialogOpen(false);
+    },
+    name: name,
+    contacts: contacts
+  }), labelProps && /*#__PURE__*/_react.default.createElement(_HasValueCondition.default, {
+    name: name,
+    otherCondition: hasBeenFocused
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-mt-half-s u-ml-half u-ml-0-s u-flex-shrink-0 u-w-auto u-miw-4"
+  }, /*#__PURE__*/_react.default.createElement(_reactFinalForm.Field, {
+    attributes: labelProps,
+    name: "".concat(name, "Label"),
+    label: t('Contacts.AddModal.ContactForm.fields.label'),
+    component: _FieldInputWrapper.default,
+    onFocus: onFocus
+  }))));
+};
+
+FieldInput.propTypes = {
+  name: _propTypes.default.string.isRequired,
+  className: _propTypes.default.string,
+  labelProps: _types.labelPropTypes,
+  attributes: _types.fieldInputAttributesTypes,
+
+  /** Whether the field is visible by the user or not (still in the DOM anyway) */
+  isInvisible: _propTypes.default.bool,
+  contacts: _propTypes.default.shape({
+    data: _propTypes.default.arrayOf(_propTypes.default.object)
+  }),
+  // Destructuring props
+  id: _propTypes.default.string,
+  label: _propTypes.default.string,
+  required: _propTypes.default.bool
+};
+FieldInput.defaultProps = {
+  labelProps: null,
+  required: false
+};
+var _default = FieldInput;
+exports.default = _default;

package/dist/Contacts/AddModal/ContactForm/FieldInputAccordion.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
+var _Dropdown = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Dropdown"));
+
+var _Dropup = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Dropup"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _FieldInput = _interopRequireDefault(require("./FieldInput"));
+
+var _locales = require("./locales");
+
+var _excluded = ["name", "label", "subFields"],
+    _excluded2 = ["name"];
+
+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 FieldInputAccordion = function FieldInputAccordion(_ref) {
+  var _ref$attributes = _ref.attributes,
+      name = _ref$attributes.name,
+      label = _ref$attributes.label,
+      subFields = _ref$attributes.subFields,
+      restAttributes = (0, _objectWithoutProperties2.default)(_ref$attributes, _excluded),
+      contacts = _ref.contacts,
+      error = _ref.error,
+      helperText = _ref.helperText;
+  (0, _I18n.useExtendI18n)(_locales.locales);
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      showExtended = _useState2[0],
+      setShowExtended = _useState2[1];
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "u-flex u-flex-items-baseline"
+  }, /*#__PURE__*/_react.default.createElement(_FieldInput.default, {
+    attributes: restAttributes,
+    contacts: contacts,
+    error: error,
+    helperText: helperText,
+    name: name,
+    label: t("Contacts.AddModal.ContactForm.fields.".concat(name)),
+    labelProps: label
+  }), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    className: "u-ml-half",
+    size: "medium",
+    onClick: function onClick() {
+      return setShowExtended(function (v) {
+        return !v;
+      });
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: showExtended ? _Dropup.default : _Dropdown.default
+  }))), subFields.map(function (_ref2, index) {
+    var name = _ref2.name,
+        attributes = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+    return /*#__PURE__*/_react.default.createElement(_FieldInput.default, {
+      key: index,
+      className: "u-mt-1",
+      attributes: attributes,
+      name: name,
+      isInvisible: !showExtended,
+      label: t("Contacts.AddModal.ContactForm.fields.".concat(name))
+    });
+  }));
+};
+
+var _default = FieldInputAccordion;
+exports.default = _default;