cozy-ui 128.2.0 → 128.3.0

package/transpiled/react/Contacts/AddModal/CustomLabelDialog/index.js

@@ -0,0 +1,113 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import PropTypes from 'prop-types';
+import React, { useState } from 'react';
+import { locales } from "cozy-ui/transpiled/react/Contacts/AddModal/CustomLabelDialog/locales";
+import Button from "cozy-ui/transpiled/react/Buttons";
+import { ConfirmDialog } from "cozy-ui/transpiled/react/CozyDialogs";
+import FormControlLabel from "cozy-ui/transpiled/react/FormControlLabel";
+import RadioGroup from "cozy-ui/transpiled/react/RadioGroup";
+import Radio from "cozy-ui/transpiled/react/Radios";
+import TextField from "cozy-ui/transpiled/react/TextField";
+import { useBreakpoints } from "cozy-ui/transpiled/react/providers/Breakpoints";
+import { useI18n, useExtendI18n } from "cozy-ui/transpiled/react/providers/I18n";
+
+var CustomLabelDialog = function CustomLabelDialog(_ref) {
+  var customValue = _ref.customValue,
+      setCustomValue = _ref.setCustomValue,
+      customLabelOptions = _ref.customLabelOptions,
+      onSubmit = _ref.onSubmit,
+      onClose = _ref.onClose;
+  var customValueObj = JSON.parse(customValue || '{}');
+  useExtendI18n(locales);
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useBreakpoints = useBreakpoints(),
+      isMobile = _useBreakpoints.isMobile;
+
+  var _useState = useState(customValueObj.type || customLabelOptions.defaultType),
+      _useState2 = _slicedToArray(_useState, 2),
+      type = _useState2[0],
+      setType = _useState2[1];
+
+  var _useState3 = useState(customValueObj.label || customLabelOptions.defaultLabel),
+      _useState4 = _slicedToArray(_useState3, 2),
+      label = _useState4[0],
+      setLabel = _useState4[1];
+
+  var handleSubmit = function handleSubmit() {
+    setCustomValue(JSON.stringify({
+      type: type,
+      label: label
+    }));
+    onSubmit({
+      target: {
+        value: JSON.stringify({
+          type: type,
+          label: label
+        })
+      }
+    });
+    onClose();
+  };
+
+  return /*#__PURE__*/React.createElement(ConfirmDialog, {
+    open: true,
+    title: t('Contacts.AddModal.CustomLabelDialog.label.custom'),
+    content: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextField, {
+      className: "u-mt-half",
+      variant: "outlined",
+      fullWidth: true,
+      autoFocus: true,
+      value: type,
+      onChange: function onChange(ev) {
+        return setType(ev.target.value);
+      }
+    }), !customLabelOptions.hide && /*#__PURE__*/React.createElement(RadioGroup, {
+      style: {
+        flexDirection: 'row'
+      },
+      className: "u-mt-half u-ml-half",
+      "aria-label": "radio",
+      name: "label",
+      value: label,
+      onChange: function onChange(ev) {
+        return setLabel(ev.target.value);
+      }
+    }, /*#__PURE__*/React.createElement(FormControlLabel, {
+      value: "home",
+      label: t('Contacts.AddModal.CustomLabelDialog.label.home'),
+      control: /*#__PURE__*/React.createElement(Radio, null)
+    }), /*#__PURE__*/React.createElement(FormControlLabel, {
+      value: "work",
+      label: t('Contacts.AddModal.CustomLabelDialog.label.work'),
+      control: /*#__PURE__*/React.createElement(Radio, null)
+    }))),
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+      variant: "secondary",
+      fullWidth: isMobile,
+      label: t('Contacts.AddModal.CustomLabelDialog.cancel'),
+      onClick: onClose
+    }), /*#__PURE__*/React.createElement(Button, {
+      label: t('Contacts.AddModal.CustomLabelDialog.ok'),
+      fullWidth: isMobile,
+      disabled: !type,
+      onClick: handleSubmit
+    })),
+    onClose: onClose
+  });
+};
+
+CustomLabelDialog.propTypes = {
+  customValue: PropTypes.string,
+  setCustomValue: PropTypes.func,
+  customLabelOptions: PropTypes.shape({
+    hide: PropTypes.bool,
+    defaultType: PropTypes.string,
+    defaultLabel: PropTypes.string
+  }),
+  onSubmit: PropTypes.func,
+  onClose: PropTypes.func
+};
+export default CustomLabelDialog;

package/transpiled/react/Contacts/AddModal/CustomLabelDialog/locales/index.d.ts

@@ -0,0 +1,6 @@
+export namespace locales {
+    export { en };
+    export { fr };
+}
+import en from "./en.json";
+import fr from "./fr.json";

package/transpiled/react/Contacts/AddModal/CustomLabelDialog/locales/index.js

@@ -0,0 +1,34 @@
+var en = {
+  Contacts: {
+    AddModal: {
+      CustomLabelDialog: {
+        label: {
+          custom: "Customised label",
+          home: "Personal",
+          work: "Pro"
+        },
+        cancel: "Cancel",
+        ok: "Ok"
+      }
+    }
+  }
+};
+var fr = {
+  Contacts: {
+    AddModal: {
+      CustomLabelDialog: {
+        label: {
+          custom: "Libell\xE9 personnalis\xE9",
+          home: "Perso",
+          work: "Pro"
+        },
+        cancel: "Annuler",
+        ok: "Ok"
+      }
+    }
+  }
+};
+export var locales = {
+  en: en,
+  fr: fr
+};

package/transpiled/react/Contacts/AddModal/index.d.ts

@@ -0,0 +1,7 @@
+export default AddModal;
+declare function AddModal({ contacts, contact, onSubmit, onClose }: {
+    contacts: any;
+    contact: any;
+    onSubmit: any;
+    onClose: any;
+}): JSX.Element;

package/transpiled/react/Contacts/AddModal/index.js

@@ -0,0 +1,109 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useState } from 'react';
+import ContactForm, { getSubmitContactForm } from "cozy-ui/transpiled/react/Contacts/AddModal/ContactForm";
+import { locales } from "cozy-ui/transpiled/react/Contacts/AddModal/locales";
+import Button from "cozy-ui/transpiled/react/Buttons";
+import { FixedDialog } from "cozy-ui/transpiled/react/CozyDialogs";
+import { useAlert } from "cozy-ui/transpiled/react/providers/Alert";
+import { useI18n, useExtendI18n } from "cozy-ui/transpiled/react/providers/I18n";
+
+var AddModal = function AddModal(_ref) {
+  var contacts = _ref.contacts,
+      contact = _ref.contact,
+      onSubmit = _ref.onSubmit,
+      onClose = _ref.onClose;
+  useExtendI18n(locales);
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useAlert = useAlert(),
+      showAlert = _useAlert.showAlert;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isBusy = _useState2[0],
+      setIsBusy = _useState2[1]; // Tip to prevent fields from being filled with old information for a short period of time during form submission.
+
+
+  var _useState3 = useState(contact),
+      _useState4 = _slicedToArray(_useState3, 2),
+      selfContact = _useState4[0],
+      setSelfContact = _useState4[1];
+
+  var handleClick = function handleClick(event) {
+    var submitContactForm = getSubmitContactForm();
+    submitContactForm(event);
+  };
+  /**
+   * @param {import('cozy-client/types/types').IOCozyContact} formData - Contact document (except _id, _rev & _type attrs to create a new contact)
+   */
+
+
+  var handleFormSubmit = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(formData) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              setSelfContact(formData);
+              setIsBusy(true);
+              _context.prev = 2;
+              _context.next = 5;
+              return onSubmit(formData);
+
+            case 5:
+              onClose();
+              _context.next = 13;
+              break;
+
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](2);
+              setIsBusy(false);
+              console.warn(_context.t0); // eslint-disable-line no-console
+
+              showAlert({
+                severity: 'error',
+                message: t('Contacts.AddModal.error.save')
+              });
+
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2, 8]]);
+    }));
+
+    return function handleFormSubmit(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/React.createElement(FixedDialog, {
+    open: true,
+    onClose: onClose,
+    title: contact ? t('Contacts.AddModal.edit-contact') : t('Contacts.AddModal.create_contact'),
+    content: /*#__PURE__*/React.createElement(ContactForm, {
+      contacts: contacts,
+      contact: selfContact,
+      onSubmit: handleFormSubmit
+    }),
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+      variant: "secondary",
+      label: t('Contacts.AddModal.cancel'),
+      onClick: onClose
+    }), /*#__PURE__*/React.createElement(Button, {
+      className: "u-ml-half",
+      type: "submit",
+      label: t('Contacts.AddModal.save'),
+      busy: isBusy,
+      onClick: handleClick
+    }))
+  });
+};
+
+export default AddModal;

package/transpiled/react/Contacts/AddModal/locales/index.d.ts

@@ -0,0 +1,6 @@
+export namespace locales {
+    export { en };
+    export { fr };
+}
+import en from "./en.json";
+import fr from "./fr.json";

package/transpiled/react/Contacts/AddModal/locales/index.js

@@ -0,0 +1,30 @@
+var en = {
+  Contacts: {
+    AddModal: {
+      error: {
+        save: "An error occurred while saving the contact, please try again"
+      },
+      "edit-contact": "Edit contact",
+      create_contact: "Create a contact",
+      cancel: "Cancel",
+      save: "Save"
+    }
+  }
+};
+var fr = {
+  Contacts: {
+    AddModal: {
+      error: {
+        save: "Une erreur est survenue lors de l'enregistrement du contact, veuillez r\xE9essayer"
+      },
+      "edit-contact": "Edit contact",
+      create_contact: "Cr\xE9er un contact",
+      cancel: "Annuler",
+      save: "Enregistrer"
+    }
+  }
+};
+export var locales = {
+  en: en,
+  fr: fr
+};

package/transpiled/react/Contacts/AddModal/mocks.d.ts

@@ -0,0 +1,270 @@
+export namespace johnDoeContact {
+    const id: string;
+    const _id: string;
+    const _type: string;
+    const _rev: string;
+    const address: ({
+        formattedAddress: string;
+        type: string;
+        primary: boolean;
+        pobox?: undefined;
+        street?: undefined;
+        city?: undefined;
+        region?: undefined;
+        country?: undefined;
+        postcode?: undefined;
+    } | {
+        pobox: string;
+        street: string;
+        city: string;
+        region: undefined;
+        country: string;
+        postcode: string;
+        type: string;
+        formattedAddress?: undefined;
+        primary?: undefined;
+    })[];
+    const email: ({
+        address: string;
+        type: string;
+        primary: boolean;
+    } | {
+        address: string;
+        primary: boolean;
+        type?: undefined;
+    })[];
+    const birthday: string;
+    const birthplace: string;
+    const gender: string;
+    const company: string;
+    const jobTitle: string;
+    const cozy: {
+        type: string;
+        primary: boolean;
+        url: string;
+    }[];
+    const fullname: string;
+    namespace name {
+        const givenName: string;
+        const familyName: string;
+        const additionalName: string;
+    }
+    namespace metadata {
+        const cozy_1: boolean;
+        export { cozy_1 as cozy };
+        export const version: number;
+    }
+    const note: string;
+    const phone: {
+        number: string;
+        primary: boolean;
+    }[];
+}
+export namespace johnDoeFormValues {
+    const birthday_1: string;
+    export { birthday_1 as birthday };
+    const birthplace_1: string;
+    export { birthplace_1 as birthplace };
+    const gender_1: string;
+    export { gender_1 as gender };
+    const cozy_2: string;
+    export { cozy_2 as cozy };
+    export const cozyLabel: string;
+    const address_1: ({
+        fieldId: string;
+        address: string;
+        addressLabel: string;
+        addressapartment: undefined;
+        addressbuilding: undefined;
+        addresscity: undefined;
+        addresscode: undefined;
+        addressregion: undefined;
+        addresscountry: undefined;
+        addressentrycode: undefined;
+        addressfloor: undefined;
+        addresslocality: undefined;
+        addressnumber: undefined;
+        addressstairs: undefined;
+        addressstreet: string;
+    } | {
+        fieldId: string;
+        address: string;
+        addressLabel: string;
+        addressapartment: undefined;
+        addressbuilding: undefined;
+        addresscity: string;
+        addressregion: undefined;
+        addresscode: string;
+        addresscountry: string;
+        addressentrycode: undefined;
+        addressfloor: undefined;
+        addresslocality: undefined;
+        addressnumber: undefined;
+        addressstairs: undefined;
+        addressstreet: string;
+    })[];
+    export { address_1 as address };
+    const email_1: ({
+        fieldId: string;
+        email: string;
+        emailLabel: undefined;
+    } | {
+        fieldId: string;
+        email: string;
+        emailLabel: string;
+    })[];
+    export { email_1 as email };
+    const phone_1: {
+        fieldId: string;
+        phone: string;
+        phoneLabel: undefined;
+    }[];
+    export { phone_1 as phone };
+    const givenName_1: string;
+    export { givenName_1 as givenName };
+    const additionalName_1: string;
+    export { additionalName_1 as additionalName };
+    const familyName_1: string;
+    export { familyName_1 as familyName };
+    const company_1: string;
+    export { company_1 as company };
+    const jobTitle_1: string;
+    export { jobTitle_1 as jobTitle };
+    const note_1: string;
+    export { note_1 as note };
+    export const relatedContact: {
+        relatedContactId: string;
+        relatedContactLabel: string;
+    }[];
+}
+export namespace johnDoeContactWithRelated {
+    const id_1: string;
+    export { id_1 as id };
+    const _id_1: string;
+    export { _id_1 as _id };
+    const _type_1: string;
+    export { _type_1 as _type };
+    const _rev_1: string;
+    export { _rev_1 as _rev };
+    const address_2: ({
+        formattedAddress: string;
+        type: string;
+        primary: boolean;
+        pobox?: undefined;
+        street?: undefined;
+        city?: undefined;
+        region?: undefined;
+        country?: undefined;
+        postcode?: undefined;
+    } | {
+        pobox: string;
+        street: string;
+        city: string;
+        region: undefined;
+        country: string;
+        postcode: string;
+        type: string;
+        formattedAddress?: undefined;
+        primary?: undefined;
+    })[];
+    export { address_2 as address };
+    const email_2: ({
+        address: string;
+        type: string;
+        primary: boolean;
+    } | {
+        address: string;
+        primary: boolean;
+        type?: undefined;
+    })[];
+    export { email_2 as email };
+    const birthday_2: string;
+    export { birthday_2 as birthday };
+    const birthplace_2: string;
+    export { birthplace_2 as birthplace };
+    const gender_2: string;
+    export { gender_2 as gender };
+    const company_2: string;
+    export { company_2 as company };
+    const jobTitle_2: string;
+    export { jobTitle_2 as jobTitle };
+    const cozy_3: {
+        type: string;
+        primary: boolean;
+        url: string;
+    }[];
+    export { cozy_3 as cozy };
+    const fullname_1: string;
+    export { fullname_1 as fullname };
+    export namespace name_1 {
+        const givenName_2: string;
+        export { givenName_2 as givenName };
+        const familyName_2: string;
+        export { familyName_2 as familyName };
+        const additionalName_2: string;
+        export { additionalName_2 as additionalName };
+    }
+    export { name_1 as name };
+    export namespace metadata_1 {
+        const cozy_4: boolean;
+        export { cozy_4 as cozy };
+        const version_1: number;
+        export { version_1 as version };
+    }
+    export { metadata_1 as metadata };
+    const note_2: string;
+    export { note_2 as note };
+    const phone_2: {
+        number: string;
+        primary: boolean;
+    }[];
+    export { phone_2 as phone };
+    export namespace relationships {
+        namespace accounts {
+            const data: never[];
+        }
+        namespace groups {
+            const data_1: never[];
+            export { data_1 as data };
+        }
+        namespace related {
+            const data_2: {
+                metadata: {
+                    relationTypes: string[];
+                };
+                _id: string;
+                _type: string;
+            }[];
+            export { data_2 as data };
+        }
+    }
+    export namespace related_1 {
+        export namespace target {
+            const id_2: string;
+            export { id_2 as id };
+            const _id_2: string;
+            export { _id_2 as _id };
+            const _type_2: string;
+            export { _type_2 as _type };
+            const _rev_2: string;
+            export { _rev_2 as _rev };
+            const company_3: string;
+            export { company_3 as company };
+            const fullname_2: string;
+            export { fullname_2 as fullname };
+            export const me: boolean;
+            const note_3: string;
+            export { note_3 as note };
+        }
+        const name_2: string;
+        export { name_2 as name };
+        export const doctype: string;
+        const data_3: {
+            displayName: string;
+            _id: string;
+            _type: string;
+        }[];
+        export { data_3 as data };
+    }
+    export { related_1 as related };
+}