cozy-ui-plus 1.1.0

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

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.locales = void 0;
+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"
+    }
+  }
+};
+var ru = {
+  Contacts: {
+    AddModal: {
+      error: {
+        save: "\u041F\u0440\u043E\u0438\u0437\u043E\u0448\u043B\u0430 \u043E\u0448\u0438\u0431\u043A\u0430 \u043F\u0440\u0438 \u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0438\u0438 \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u0430, \u043F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0435 \u0440\u0430\u0437"
+      },
+      "edit-contact": "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442",
+      create_contact: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u043A\u043E\u043D\u0442\u0430\u043A\u0442",
+      cancel: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C",
+      save: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C"
+    }
+  }
+};
+var vi = {
+  Contacts: {
+    AddModal: {
+      error: {
+        save: "C\xF3 l\u1ED7i x\u1EA3y ra khi l\u01B0u li\xEAn h\u1EC7, vui l\xF2ng th\u1EED l\u1EA1i"
+      },
+      "edit-contact": "Ch\u1EC9nh s\u1EEDa li\xEAn h\u1EC7",
+      create_contact: "T\u1EA1o li\xEAn h\u1EC7",
+      cancel: "H\u1EE7y",
+      save: "L\u01B0u"
+    }
+  }
+};
+var locales = {
+  en: en,
+  fr: fr,
+  ru: ru,
+  vi: vi
+};
+exports.locales = locales;

package/dist/Contacts/AddModal/mocks.js

@@ -0,0 +1,265 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.johnDoeFormValues = exports.johnDoeContactWithRelated = exports.johnDoeContact = void 0;
+var johnDoeContact = {
+  id: '9ecfbf4b-20e7-4bac-87f1-eea53350857d',
+  _id: '9ecfbf4b-20e7-4bac-87f1-eea53350857d',
+  _type: 'io.cozy.contacts',
+  _rev: '1-19c313536e8b27473aa26bf105b03269',
+  address: [{
+    formattedAddress: '94 Hinton Road 05034 Fresno, Singapore',
+    type: 'Home',
+    primary: true
+  }, {
+    pobox: '2',
+    street: '426 Runolfsson Knolls',
+    city: 'Port Easter',
+    region: undefined,
+    country: 'Cocos (Keeling) Islands',
+    postcode: '84573',
+    type: 'Work'
+  }],
+  email: [{
+    address: 'john.doe@posteo.net',
+    type: 'personal',
+    primary: false
+  }, {
+    address: 'john.doe@cozycloud.cc',
+    primary: true
+  }],
+  impp: [{
+    uri: 'john.doe@xmpp.net',
+    protocol: 'xmpp',
+    label: 'home',
+    primary: false
+  }, {
+    uri: 'john.doe@xmpp.net',
+    protocol: 'xmpp',
+    label: 'work',
+    primary: false
+  }, {
+    uri: 'john@doe.matrix.net',
+    protocol: 'matrix',
+    label: 'work',
+    primary: true
+  }, {
+    uri: 'john@doe.matrix.home',
+    protocol: 'matrix',
+    label: 'home'
+  }],
+  birthday: '1999-5-1',
+  birthplace: 'somewhere',
+  gender: 'male',
+  company: 'Cozy cloud',
+  jobTitle: 'Dreamer',
+  cozy: [{
+    type: 'MyCozy',
+    primary: true,
+    url: 'https://johndoe.mycozy.cloud'
+  }],
+  fullname: 'John Doe',
+  name: {
+    givenName: 'John',
+    familyName: 'Doe',
+    additionalName: 'J.'
+  },
+  metadata: {
+    cozy: true,
+    version: 1
+  },
+  note: 'Atque cupiditate saepe omnis quos ut molestiae labore voluptates omnis.',
+  phone: [{
+    number: '+33 (2)0 90 00 54 04',
+    primary: true
+  }, {
+    number: '+33 6 77 11 22 33',
+    primary: false
+  }, {
+    label: 'Mobile',
+    // could be this when importing from other sources i.e. google
+    number: '0876467998',
+    primary: false,
+    type: 'mobile'
+  }]
+};
+exports.johnDoeContact = johnDoeContact;
+var johnDoeFormValues = {
+  birthday: '1999-5-1',
+  birthplace: 'somewhere',
+  gender: 'male',
+  cozy: 'https://johndoe.mycozy.cloud',
+  cozyLabel: '{"type":"MyCozy"}',
+  matrix: 'john@doe.matrix.net',
+  address: [{
+    fieldId: 'fieldId_1',
+    address: '94 Hinton Road 05034 Fresno, Singapore',
+    addressLabel: '{"type":"Home"}',
+    addressapartment: undefined,
+    addressbuilding: undefined,
+    addresscity: undefined,
+    addresscode: undefined,
+    addressregion: undefined,
+    addresscountry: undefined,
+    addressentrycode: undefined,
+    addressfloor: undefined,
+    addresslocality: undefined,
+    addressnumber: undefined,
+    addressstairs: undefined,
+    addressstreet: '94 Hinton Road 05034 Fresno, Singapore'
+  }, {
+    fieldId: 'fieldId_2',
+    address: '426 Runolfsson Knolls 84573 Port Easter Cocos (Keeling) Islands',
+    addressLabel: '{"type":"Work"}',
+    addressapartment: undefined,
+    addressbuilding: undefined,
+    addresscity: 'Port Easter',
+    addressregion: undefined,
+    addresscode: '84573',
+    addresscountry: 'Cocos (Keeling) Islands',
+    addressentrycode: undefined,
+    addressfloor: undefined,
+    addresslocality: undefined,
+    addressnumber: undefined,
+    addressstairs: undefined,
+    addressstreet: '426 Runolfsson Knolls'
+  }],
+  email: [{
+    fieldId: 'fieldId_3',
+    email: 'john.doe@cozycloud.cc',
+    emailLabel: undefined
+  }, {
+    fieldId: 'fieldId_4',
+    email: 'john.doe@posteo.net',
+    emailLabel: '{"type":"personal"}'
+  }],
+  phone: [{
+    fieldId: 'fieldId_5',
+    phone: '+33 (2)0 90 00 54 04',
+    phoneLabel: undefined
+  }, {
+    fieldId: 'fieldId_6',
+    phone: '+33 6 77 11 22 33',
+    phoneLabel: undefined
+  }, {
+    fieldId: 'fieldId_7',
+    phone: '0876467998',
+    phoneLabel: '{"type":"mobile","label":"Mobile"}'
+  }],
+  givenName: 'John',
+  additionalName: 'J.',
+  familyName: 'Doe',
+  company: 'Cozy cloud',
+  jobTitle: 'Dreamer',
+  note: 'Atque cupiditate saepe omnis quos ut molestiae labore voluptates omnis.',
+  relatedContact: [{
+    relatedContactId: 'relatedContactID',
+    relatedContactLabel: '{"type":"related"}'
+  }]
+};
+exports.johnDoeFormValues = johnDoeFormValues;
+var johnDoeContactWithRelated = {
+  id: '9ecfbf4b-20e7-4bac-87f1-eea53350857d',
+  _id: '9ecfbf4b-20e7-4bac-87f1-eea53350857d',
+  _type: 'io.cozy.contacts',
+  _rev: '1-19c313536e8b27473aa26bf105b03269',
+  address: [{
+    formattedAddress: '94 Hinton Road 05034 Fresno, Singapore',
+    type: 'Home',
+    primary: true
+  }, {
+    pobox: '2',
+    street: '426 Runolfsson Knolls',
+    city: 'Port Easter',
+    region: undefined,
+    country: 'Cocos (Keeling) Islands',
+    postcode: '84573',
+    type: 'Work'
+  }],
+  impp: [{
+    uri: 'john.doe@xmpp.net',
+    protocol: 'xmpp',
+    label: 'home',
+    primary: false
+  }, {
+    uri: 'john@doe.matrix.net',
+    protocol: 'matrix',
+    label: 'work',
+    primary: true
+  }],
+  email: [{
+    address: 'john.doe@posteo.net',
+    type: 'personal',
+    primary: false
+  }, {
+    address: 'john.doe@cozycloud.cc',
+    primary: true
+  }],
+  birthday: '1999-5-1',
+  birthplace: 'somewhere',
+  gender: 'male',
+  company: 'Cozy cloud',
+  jobTitle: 'Dreamer',
+  cozy: [{
+    type: 'MyCozy',
+    primary: true,
+    url: 'https://johndoe.mycozy.cloud'
+  }],
+  fullname: 'John Doe',
+  name: {
+    givenName: 'John',
+    familyName: 'Doe',
+    additionalName: 'J.'
+  },
+  metadata: {
+    cozy: true,
+    version: 1
+  },
+  note: 'Atque cupiditate saepe omnis quos ut molestiae labore voluptates omnis.',
+  phone: [{
+    number: '+33 (2)0 90 00 54 04',
+    primary: true
+  }, {
+    number: '+33 6 77 11 22 33',
+    primary: false
+  }],
+  relationships: {
+    accounts: {
+      data: []
+    },
+    groups: {
+      data: []
+    },
+    related: {
+      data: [{
+        metadata: {
+          relationTypes: ['spouse']
+        },
+        _id: '5b49553c5916cf7b5b2a5f48600078a8',
+        _type: 'io.cozy.contacts'
+      }]
+    }
+  },
+  related: {
+    target: {
+      id: '4e33fd27e1d8e55a34742bac6d16d3bd',
+      _id: '4e33fd27e1d8e55a34742bac6d16d3bd',
+      _type: 'io.cozy.contacts',
+      _rev: '6-57f4ab78b1fb97bb90ea273ec881f196',
+      company: '',
+      fullname: 'John Doe',
+      me: true,
+      note: ''
+    },
+    name: 'related',
+    doctype: 'io.cozy.contacts',
+    data: [{
+      displayName: 'Alice Doe',
+      _id: '5b49553c5916cf7b5b2a5f48600078a8',
+      _type: 'io.cozy.contacts'
+    }]
+  }
+};
+exports.johnDoeContactWithRelated = johnDoeContactWithRelated;

package/dist/Contacts/AddModal/types.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.labelPropTypes = exports.fieldInputAttributesTypes = exports.FieldInputWrapperPropTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Icon = require("cozy-ui/transpiled/react/Icon");
+
+/**
+ * @typedef {'text'|'tel'|'email'|'button'|'url'|'date'} FieldType
+ */
+
+/**
+ * @typedef {Object} CustomLabelOptions
+ * @property {string} defaultType - The default type of the option
+ * @property {string} defaultLabel - The default label of the option
+ * @property {boolean} [hide] - Whether the radio choices is hidden
+ */
+
+/**
+ * @typedef {Object} LabelField
+ * @property {string} name - The name of the label field
+ * @property {boolean} select - Whether the field is a select
+ * @property {CustomLabelOptions} customLabelOptions - The custom label field options
+ * @property {Option[]} options - The options of the label field
+ */
+
+/**
+ * @typedef {Object} InputLabelProps
+ * @property {boolean} shrink - passed to InputLabelProps props
+ */
+
+/**
+ * @typedef {Object} Field
+ * @property {string} name - The name of the field
+ * @property {string|null} icon - The icon of the field
+ * @property {FieldType} type - The type of the field
+ * @property {boolean} [isSecondary] -  Whether the field is hidden from the main form
+ * @property {LabelField} [label] - Add a "label" field next to the main field
+ * @property {'accordion'|'array'} [layout] - Whether the field is an array (To add fields dynamically (e.g. email, address, etc.))
+ * @property {Field[]} [subFields] - The subfields of the field
+ * @property {InputLabelProps} [InputLabelProps] - The object passed to InputLabelProps props
+ * @property {boolean} [multiline] - Whether the field is multiline
+ * @property {number} [position] - Position of a field in the form. 1 is first.
+ */
+
+/**
+ * @typedef {Object} RelatedContact
+ * @property {string} relatedContactId - The id of the related contact
+ * @property {string} relatedContact - The displayName of the related contact
+ * @property {string} relatedContactLabel - Object with the type of the related contact stringified (e.g. '{\"type\":\"spouse\"}')
+ */
+var labelPropTypes = _propTypes.default.shape({
+  name: _propTypes.default.string,
+  options: _propTypes.default.arrayOf(_propTypes.default.shape({
+    value: _propTypes.default.string,
+    label: _propTypes.default.string
+  })),
+  customLabelOptions: _propTypes.default.shape({
+    hide: _propTypes.default.bool,
+    defaultType: _propTypes.default.string,
+    defaultLabel: _propTypes.default.string
+  })
+});
+
+exports.labelPropTypes = labelPropTypes;
+
+var fieldInputAttributesTypes = _propTypes.default.shape({
+  name: _propTypes.default.string,
+  icon: _Icon.iconPropType,
+  type: _propTypes.default.string,
+  label: labelPropTypes,
+  layout: _propTypes.default.string,
+  subFields: _propTypes.default.arrayOf(_propTypes.default.shape({
+    name: _propTypes.default.string.isRequired,
+    icon: _propTypes.default.string,
+    type: _propTypes.default.string.isRequired
+  })),
+  labelProps: _propTypes.default.shape({
+    shrink: _propTypes.default.bool
+  })
+});
+
+exports.fieldInputAttributesTypes = fieldInputAttributesTypes;
+var FieldInputWrapperPropTypes = {
+  // See official documentation for more information: https://final-form.org/docs/react-final-form/types/FieldRenderProps
+  input: _propTypes.default.object,
+  //
+  attributes: fieldInputAttributesTypes,
+  // Destructuring props
+  // See official documentation for more information: https://final-form.org/docs/react-final-form/types/FieldRenderProps
+  meta: _propTypes.default.object,
+  //
+  id: _propTypes.default.string,
+  label: _propTypes.default.string,
+  required: _propTypes.default.bool,
+  variant: _propTypes.default.string,
+  customLabelOptions: _propTypes.default.shape({
+    hide: _propTypes.default.bool,
+    defaultType: _propTypes.default.string.isRequired,
+    defaultLabel: _propTypes.default.string.isRequired
+  }),
+  fullWidth: _propTypes.default.bool
+};
+exports.FieldInputWrapperPropTypes = FieldInputWrapperPropTypes;

package/dist/Contacts/GroupsSelect/GroupCreation.js

@@ -0,0 +1,157 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _Plus = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Plus"));
+
+var _Input = _interopRequireDefault(require("cozy-ui/transpiled/react/legacy/Input"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+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; }
+
+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 = {
+  "container": "styles__container___w8t8I",
+  "contact-group-creation-divider": "styles__contact-group-creation-divider___2lJ2f",
+  "contact-group-create-div-icon": "styles__contact-group-create-div-icon___xO0pL"
+};
+
+var normalizeGroupData = function normalizeGroupData(name) {
+  return {
+    name: name,
+    metadata: {
+      version: 1
+    }
+  };
+};
+
+var GroupCreation = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(GroupCreation, _Component);
+
+  var _super = _createSuper(GroupCreation);
+
+  function GroupCreation(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, GroupCreation);
+    _this = _super.call(this, props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+      isInputDisplayed: false,
+      groupName: ''
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function () {
+      _this.setState({
+        isInputDisplayed: !_this.state.isInputDisplayed
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFocus", function (e) {
+      e.stopPropagation();
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClick", function (e) {
+      e.stopPropagation();
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "keyPress", /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (e.keyCode == 13) {
+                  _this.props.createGroup(normalizeGroupData(e.target.value));
+
+                  _this.textInput.current.value = '';
+                }
+
+                e.stopPropagation();
+
+              case 2:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseDown", function (e) {
+      e.stopPropagation();
+    });
+    _this.textInput = /*#__PURE__*/_react.default.createRef();
+    return _this;
+  }
+
+  (0, _createClass2.default)(GroupCreation, [{
+    key: "render",
+    value: function render() {
+      var isInputDisplayed = this.state.isInputDisplayed;
+      var t = this.props.t;
+      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles['contact-group-creation-divider']
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)('u-ml-half', 'u-mr-half', 'u-c-pointer', styles['container'])
+      }, !isInputDisplayed && /*#__PURE__*/_react.default.createElement("div", {
+        onClick: this.handleClick,
+        className: styles['contact-group-create-div-icon']
+      }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        icon: _Plus.default
+      }), /*#__PURE__*/_react.default.createElement("span", {
+        className: "u-pl-half"
+      }, t('Contacts.GroupsSelect.create'))), isInputDisplayed && /*#__PURE__*/_react.default.createElement(_Input.default, {
+        id: "createGroupInput",
+        ref: this.textInput,
+        type: "text",
+        placeholder: t('Contacts.GroupsSelect.name'),
+        onClick: this.onClick,
+        onFocus: this.onFocus,
+        onKeyDown: this.keyPress,
+        size: "tiny",
+        autoComplete: "off",
+        autoFocus: true,
+        onMouseDown: this.onMouseDown
+      })));
+    }
+  }]);
+  return GroupCreation;
+}(_react.Component);
+
+var _default = (0, _I18n.translate)()(GroupCreation);
+
+exports.default = _default;