cozy-ui-plus 1.1.0

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

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.locales = void 0;
+var en = {
+  Contacts: {
+    Header: {
+      create: "Create",
+      filter: {
+        "no-group": "Create contact groups to facilitate filing and sharing!"
+      },
+      "import": {
+        title: "Import",
+        store: "From other sources",
+        vcard: "From a vCard file"
+      }
+    }
+  }
+};
+var fr = {
+  Contacts: {
+    Header: {
+      create: "Cr\xE9er",
+      filter: {
+        "no-group": "Cr\xE9er des groupes de contacts pour faciliter leur classement et le partage !"
+      },
+      "import": {
+        title: "Importer",
+        store: "Depuis d'autres sources",
+        vcard: "Depuis un fichier vCard"
+      }
+    }
+  }
+};
+var ru = {
+  Contacts: {
+    Header: {
+      create: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C",
+      filter: {
+        "no-group": "\u0421\u043E\u0437\u0434\u0430\u0439\u0442\u0435 \u0433\u0440\u0443\u043F\u043F\u044B \u043A\u043E\u043D\u0442\u0430\u043A\u0442\u043E\u0432 \u0434\u043B\u044F \u0443\u043F\u0440\u043E\u0449\u0435\u043D\u0438\u044F \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u043E\u0431\u043C\u0435\u043D\u0430!"
+      },
+      "import": {
+        title: "\u0418\u043C\u043F\u043E\u0440\u0442",
+        store: "\u0418\u0437 \u0434\u0440\u0443\u0433\u0438\u0445 \u0438\u0441\u0442\u043E\u0447\u043D\u0438\u043A\u043E\u0432",
+        vcard: "\u0418\u0437 \u0444\u0430\u0439\u043B\u0430 vCard"
+      }
+    }
+  }
+};
+var vi = {
+  Contacts: {
+    Header: {
+      create: "T\u1EA1o",
+      filter: {
+        "no-group": "T\u1EA1o nh\xF3m li\xEAn h\u1EC7 \u0111\u1EC3 d\u1EC5 d\xE0ng ph\xE2n lo\u1EA1i v\xE0 chia s\u1EBB!"
+      },
+      "import": {
+        title: "Nh\u1EADp",
+        store: "T\u1EEB ngu\u1ED3n kh\xE1c",
+        vcard: "T\u1EEB t\u1EADp tin vCard"
+      }
+    }
+  }
+};
+var locales = {
+  en: en,
+  fr: fr,
+  ru: ru,
+  vi: vi
+};
+exports.locales = locales;

package/dist/ContactsList/ContactCell.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ActionsMenuButton = _interopRequireDefault(require("cozy-ui/transpiled/react/ActionsMenu/ActionsMenuButton"));
+
+var _ContactIdentity = _interopRequireDefault(require("./Contacts/ContactIdentity"));
+
+var Cell = function Cell(_ref) {
+  var row = _ref.row,
+      column = _ref.column,
+      cell = _ref.cell,
+      actions = _ref.actions;
+
+  if (column.id === 'fullname') {
+    return /*#__PURE__*/_react.default.createElement(_ContactIdentity.default, {
+      contact: row,
+      noWrapper: true
+    });
+  }
+
+  if (column.id === 'actions') {
+    if (!actions) {
+      return null;
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_ActionsMenuButton.default, {
+      docs: [row],
+      actions: actions
+    });
+  }
+
+  return cell;
+};
+
+var _default = /*#__PURE__*/_react.default.memo(Cell);
+
+exports.default = _default;

package/dist/ContactsList/ContactRow.js

@@ -0,0 +1,84 @@
+"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/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 _cozyClient = require("cozy-client");
+
+var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));
+
+var _Breakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/Breakpoints"));
+
+var _ContactCozy = _interopRequireDefault(require("./Contacts/ContactCozy"));
+
+var _ContactEmail = _interopRequireDefault(require("./Contacts/ContactEmail"));
+
+var _ContactIdentity = _interopRequireDefault(require("./Contacts/ContactIdentity"));
+
+var _ContactPhone = _interopRequireDefault(require("./Contacts/ContactPhone"));
+
+var _excluded = ["className", "contact", "onClick", "divider"];
+var _models$contact = _cozyClient.models.contact,
+    getPrimaryCozy = _models$contact.getPrimaryCozy,
+    getPrimaryPhone = _models$contact.getPrimaryPhone,
+    getPrimaryEmail = _models$contact.getPrimaryEmail;
+
+var ContactRow = function ContactRow(_ref) {
+  var className = _ref.className,
+      contact = _ref.contact,
+      _onClick = _ref.onClick,
+      divider = _ref.divider,
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useBreakpoints = (0, _Breakpoints.default)(),
+      isMobile = _useBreakpoints.isMobile;
+
+  var phone = getPrimaryPhone(contact) || undefined;
+  var email = getPrimaryEmail(contact) || undefined;
+  var cozyUrl = getPrimaryCozy(contact) || undefined;
+
+  var _useBreakpoints2 = (0, _Breakpoints.default)(),
+      isDesktop = _useBreakpoints2.isDesktop;
+
+  return /*#__PURE__*/_react.default.createElement(_ListItem.default, (0, _extends2.default)({
+    "data-testid": "contact-listItem",
+    className: (0, _classnames.default)({
+      'u-c-pointer': _onClick
+    }, className),
+    divider: divider,
+    gutters: isDesktop ? 'double' : 'default',
+    onClick: function onClick() {
+      return _onClick === null || _onClick === void 0 ? void 0 : _onClick(contact);
+    }
+  }, rest), /*#__PURE__*/_react.default.createElement(_ContactIdentity.default, {
+    contact: contact
+  }), !isMobile && /*#__PURE__*/_react.default.createElement(_ContactEmail.default, {
+    email: email
+  }), !isMobile && /*#__PURE__*/_react.default.createElement(_ContactPhone.default, {
+    phone: phone
+  }), !isMobile && /*#__PURE__*/_react.default.createElement(_ContactCozy.default, {
+    cozyUrl: cozyUrl
+  }));
+};
+
+ContactRow.propTypes = {
+  contact: _propTypes.default.object.isRequired,
+  onClick: _propTypes.default.func,
+  divider: _propTypes.default.bool
+};
+var _default = ContactRow;
+exports.default = _default;

package/dist/ContactsList/Contacts/ContactCozy.js

@@ -0,0 +1,44 @@
+"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 _Table = require("cozy-ui/transpiled/react/deprecated/Table");
+
+var styles = {
+  "contact": "styles__contact___1A48V",
+  "contact--clickable": "styles__contact--clickable___3kKvW",
+  "contact-phone": "styles__contact-phone___2fSrd",
+  "contact-cozyurl": "styles__contact-cozyurl___V4Pb_",
+  "contact-email": "styles__contact-email___2ol8_",
+  "contact-myself": "styles__contact-myself___8Ck4d",
+  "contact-identity": "styles__contact-identity___1PxJr",
+  "contact-firstname": "styles__contact-firstname___3BKoY",
+  "contact-avatar": "styles__contact-avatar___1PilR"
+};
+
+var ContactCozy = function ContactCozy(_ref) {
+  var cozyUrl = _ref.cozyUrl;
+  return /*#__PURE__*/_react.default.createElement(_Table.TableCell, {
+    "data-testid": "ContactCozy" // used by a test in cozy-contacts
+    ,
+    className: "".concat(styles['contact-cozyurl'], " u-ellipsis u-p-0")
+  }, cozyUrl);
+};
+
+ContactCozy.propTypes = {
+  cozyUrl: _propTypes.default.string
+};
+ContactCozy.defaultProps = {
+  cozyUrl: '—'
+};
+var _default = ContactCozy;
+exports.default = _default;

package/dist/ContactsList/Contacts/ContactEmail.js

@@ -0,0 +1,44 @@
+"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 _Table = require("cozy-ui/transpiled/react/deprecated/Table");
+
+var styles = {
+  "contact": "styles__contact___1A48V",
+  "contact--clickable": "styles__contact--clickable___3kKvW",
+  "contact-phone": "styles__contact-phone___2fSrd",
+  "contact-cozyurl": "styles__contact-cozyurl___V4Pb_",
+  "contact-email": "styles__contact-email___2ol8_",
+  "contact-myself": "styles__contact-myself___8Ck4d",
+  "contact-identity": "styles__contact-identity___1PxJr",
+  "contact-firstname": "styles__contact-firstname___3BKoY",
+  "contact-avatar": "styles__contact-avatar___1PilR"
+};
+
+var ContactEmail = function ContactEmail(_ref) {
+  var email = _ref.email;
+  return /*#__PURE__*/_react.default.createElement(_Table.TableCell, {
+    "data-testid": "ContactEmail" // used by a test in cozy-contacts
+    ,
+    className: "".concat(styles['contact-email'], " u-ellipsis u-p-0")
+  }, email);
+};
+
+ContactEmail.propTypes = {
+  email: _propTypes.default.string
+};
+ContactEmail.defaultProps = {
+  email: '—'
+};
+var _default = ContactEmail;
+exports.default = _default;

package/dist/ContactsList/Contacts/ContactIdentity.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _contact = require("cozy-client/dist/models/contact");
+
+var _Avatar = _interopRequireDefault(require("cozy-ui/transpiled/react/Avatar"));
+
+var _Table = require("cozy-ui/transpiled/react/deprecated/Table");
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _ContactName = _interopRequireDefault(require("./ContactName"));
+
+var _withContactsListLocales = require("../locales/withContactsListLocales");
+
+var _excluded = ["noWrapper"];
+var styles = {
+  "contact": "styles__contact___1A48V",
+  "contact--clickable": "styles__contact--clickable___3kKvW",
+  "contact-phone": "styles__contact-phone___2fSrd",
+  "contact-cozyurl": "styles__contact-cozyurl___V4Pb_",
+  "contact-email": "styles__contact-email___2ol8_",
+  "contact-myself": "styles__contact-myself___8Ck4d",
+  "contact-identity": "styles__contact-identity___1PxJr",
+  "contact-firstname": "styles__contact-firstname___3BKoY",
+  "contact-avatar": "styles__contact-avatar___1PilR"
+};
+
+var MyselfMarker = function MyselfMarker() {
+  (0, _I18n.useExtendI18n)(_withContactsListLocales.locales);
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: "".concat(styles['contact-myself'])
+  }, "(", t('me'), ")");
+};
+
+var ContactIdentity = function ContactIdentity(_ref) {
+  var contact = _ref.contact;
+  var isMyself = !!contact.me;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
+    display: "inline",
+    size: "s"
+  }, (0, _contact.getInitials)(contact)), /*#__PURE__*/_react.default.createElement(_ContactName.default, {
+    contact: contact
+  }), isMyself && /*#__PURE__*/_react.default.createElement(MyselfMarker, null));
+};
+
+ContactIdentity.propTypes = {
+  contact: _propTypes.default.object.isRequired
+};
+
+var ContactIdentityWrapper = function ContactIdentityWrapper(_ref2) {
+  var noWrapper = _ref2.noWrapper,
+      props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+
+  if (noWrapper) {
+    return /*#__PURE__*/_react.default.createElement(ContactIdentity, props);
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Table.TableCell, {
+    "data-testid": "ContactIdentity" // used by a test in cozy-contacts
+    ,
+    className: "".concat(styles['contact-identity'], " u-flex u-flex-items-center u-ellipsis u-p-0")
+  }, /*#__PURE__*/_react.default.createElement(ContactIdentity, props));
+};
+
+ContactIdentityWrapper.defaultProps = {
+  noWrapper: false
+};
+var _default = ContactIdentityWrapper;
+exports.default = _default;

package/dist/ContactsList/Contacts/ContactName.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+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 _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
+
+var ContactName = function ContactName(_ref) {
+  var _contact$name;
+
+  var contact = _ref.contact;
+  var familyName = (_contact$name = contact.name) === null || _contact$name === void 0 ? void 0 : _contact$name.familyName;
+  var displayName = (0, _contact.getDisplayName)(contact);
+  var namesToDisplay = displayName === null || displayName === void 0 ? void 0 : displayName.split(' ');
+  return /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    "data-testid": "ContactName" // used by a test in cozy-contacts
+    ,
+    className: "u-ml-1",
+    noWrap: true,
+    display: "inline"
+  }, namesToDisplay === null || namesToDisplay === void 0 ? void 0 : namesToDisplay.map(function (name, index) {
+    var isLastItem = index === namesToDisplay.length - 1;
+    return /*#__PURE__*/_react.default.createElement("span", {
+      key: "display-".concat(index),
+      className: (0, _classnames.default)({
+        'u-fw-bold': name === familyName
+      })
+    }, name, !isLastItem && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "\xA0"));
+  }));
+};
+
+ContactName.propTypes = {
+  contact: _propTypes.default.object.isRequired
+};
+var _default = ContactName;
+exports.default = _default;

package/dist/ContactsList/Contacts/ContactPhone.js

@@ -0,0 +1,44 @@
+"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 _Table = require("cozy-ui/transpiled/react/deprecated/Table");
+
+var styles = {
+  "contact": "styles__contact___1A48V",
+  "contact--clickable": "styles__contact--clickable___3kKvW",
+  "contact-phone": "styles__contact-phone___2fSrd",
+  "contact-cozyurl": "styles__contact-cozyurl___V4Pb_",
+  "contact-email": "styles__contact-email___2ol8_",
+  "contact-myself": "styles__contact-myself___8Ck4d",
+  "contact-identity": "styles__contact-identity___1PxJr",
+  "contact-firstname": "styles__contact-firstname___3BKoY",
+  "contact-avatar": "styles__contact-avatar___1PilR"
+};
+
+var ContactPhone = function ContactPhone(_ref) {
+  var phone = _ref.phone;
+  return /*#__PURE__*/_react.default.createElement(_Table.TableCell, {
+    "data-testid": "ContactPhone" // used by a test in cozy-contacts
+    ,
+    className: "".concat(styles['contact-phone'], " u-ellipsis u-p-0")
+  }, phone);
+};
+
+ContactPhone.propTypes = {
+  phone: _propTypes.default.string
+};
+ContactPhone.defaultProps = {
+  phone: '—'
+};
+var _default = ContactPhone;
+exports.default = _default;

package/dist/ContactsList/ContactsList.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _List = _interopRequireDefault(require("cozy-ui/transpiled/react/List"));
+
+var _ListSubheader = _interopRequireDefault(require("cozy-ui/transpiled/react/ListSubheader"));
+
+var _Table = require("cozy-ui/transpiled/react/deprecated/Table");
+
+var _Breakpoints = _interopRequireDefault(require("cozy-ui/transpiled/react/providers/Breakpoints"));
+
+var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
+
+var _ContactRow = _interopRequireDefault(require("./ContactRow"));
+
+var _helpers = require("./helpers");
+
+var _withContactsListLocales = _interopRequireDefault(require("./locales/withContactsListLocales"));
+
+var _excluded = ["contacts", "onItemClick"];
+
+var ContactsList = function ContactsList(_ref) {
+  var contacts = _ref.contacts,
+      onItemClick = _ref.onItemClick,
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useI18n = (0, _I18n.useI18n)(),
+      t = _useI18n.t;
+
+  var sortedContacts = (0, _helpers.sortContacts)(contacts);
+  var categorizedContacts = (0, _helpers.categorizeContacts)(sortedContacts, t);
+  var sortedHeaders = (0, _helpers.sortHeaders)(categorizedContacts, t);
+
+  var _useBreakpoints = (0, _Breakpoints.default)(),
+      isDesktop = _useBreakpoints.isDesktop;
+
+  return /*#__PURE__*/_react.default.createElement(_Table.Table, rest, sortedHeaders.map(function (header) {
+    return /*#__PURE__*/_react.default.createElement(_List.default, {
+      key: header,
+      subheader: /*#__PURE__*/_react.default.createElement(_ListSubheader.default, {
+        gutters: isDesktop ? 'double' : 'default'
+      }, header)
+    }, categorizedContacts[header].map(function (contact, index) {
+      return /*#__PURE__*/_react.default.createElement(_ContactRow.default, {
+        key: contact._id,
+        id: contact._id,
+        contact: contact,
+        divider: index !== categorizedContacts[header].length - 1,
+        onClick: onItemClick
+      });
+    }));
+  }));
+};
+
+ContactsList.propTypes = {
+  contacts: _propTypes.default.array.isRequired,
+  onItemClick: _propTypes.default.func
+};
+
+var _default = (0, _withContactsListLocales.default)(ContactsList);
+
+exports.default = _default;