cozy-sharing 5.0.0 → 6.0.0

package/dist/components/Recipient/RecipientStatus.js

@@ -0,0 +1,64 @@
+import React from 'react';
+import { useI18n } from 'cozy-ui/transpiled/react/I18n';
+import { Media, Img, Bd } from 'cozy-ui/transpiled/react/Media';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import PaperplaneIcon from 'cozy-ui/transpiled/react/Icons/Paperplane';
+import ToTheCloudIcon from 'cozy-ui/transpiled/react/Icons/ToTheCloud';
+import EyeIcon from 'cozy-ui/transpiled/react/Icons/Eye';
+var styles = {
+  "CozyTheme--inverted": "recipient__CozyTheme--inverted___2Hb9c",
+  "CozyTheme--normal": "recipient__CozyTheme--normal___3WdEw",
+  "recipient": "recipient__recipient___2zWmH",
+  "recipients-list-light": "recipient__recipients-list-light___1-dkI",
+  "recipient-idents": "recipient__recipient-idents___3F3zL",
+  "recipient-status-icon": "recipient__recipient-status-icon___1GvS9",
+  "recipient-user": "recipient__recipient-user___3hOyK",
+  "recipient-details": "recipient__recipient-details___3fmFE",
+  "avatar": "recipient__avatar___2NIEb",
+  "link-recipient-icon-circle": "recipient__link-recipient-icon-circle___3gmgy",
+  "recipients-avatars": "recipient__recipients-avatars___MXhiL",
+  "--interactive": "recipient__--interactive___1gDjM",
+  "recipients-avatars--link": "recipient__recipients-avatars--link___2s02h",
+  "recipients-avatars--plusX": "recipient__recipients-avatars--plusX___WRllr",
+  "recipients-avatars--avatar": "recipient__recipients-avatars--avatar___3j3_A",
+  "spin": "recipient__spin___3_Uja",
+  "shake": "recipient__shake___TrWC0"
+};
+
+var RecipientStatus = function RecipientStatus(_ref) {
+  var status = _ref.status,
+      isMe = _ref.isMe,
+      instance = _ref.instance;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var isSendingEmail = !isMe && status === 'mail-not-sent';
+  var isReady = isMe || status === 'ready';
+  var text, icon;
+
+  if (isReady) {
+    text = instance;
+    icon = ToTheCloudIcon;
+  } else if (isSendingEmail) {
+    text = t('Share.status.mail-not-sent');
+    icon = PaperplaneIcon;
+  } else {
+    var supportedStatus = ['pending', 'seen'];
+    text = supportedStatus.includes(status) ? t("Share.status.".concat(status)) : t('Share.status.pending');
+    icon = status === 'seen' ? EyeIcon : PaperplaneIcon;
+  }
+
+  return /*#__PURE__*/React.createElement(Media, null, /*#__PURE__*/React.createElement(Img, {
+    className: styles['recipient-status-icon']
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: icon,
+    size: 10
+  })), /*#__PURE__*/React.createElement(Bd, null, /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    color: "textSecondary"
+  }, text)));
+};
+
+export default RecipientStatus;

package/dist/components/Recipient/RecipientWithoutStatus.js

@@ -0,0 +1,45 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["instance"];
+import React from 'react';
+import Avatar from 'cozy-ui/transpiled/react/Avatar';
+var styles = {
+  "CozyTheme--inverted": "recipient__CozyTheme--inverted___2Hb9c",
+  "CozyTheme--normal": "recipient__CozyTheme--normal___3WdEw",
+  "recipient": "recipient__recipient___2zWmH",
+  "recipients-list-light": "recipient__recipients-list-light___1-dkI",
+  "recipient-idents": "recipient__recipient-idents___3F3zL",
+  "recipient-status-icon": "recipient__recipient-status-icon___1GvS9",
+  "recipient-user": "recipient__recipient-user___3hOyK",
+  "recipient-details": "recipient__recipient-details___3fmFE",
+  "avatar": "recipient__avatar___2NIEb",
+  "link-recipient-icon-circle": "recipient__link-recipient-icon-circle___3gmgy",
+  "recipients-avatars": "recipient__recipients-avatars___MXhiL",
+  "--interactive": "recipient__--interactive___1gDjM",
+  "recipients-avatars--link": "recipient__recipients-avatars--link___2s02h",
+  "recipients-avatars--plusX": "recipient__recipients-avatars--plusX___WRllr",
+  "recipients-avatars--avatar": "recipient__recipients-avatars--avatar___3j3_A",
+  "spin": "recipient__spin___3_Uja",
+  "shake": "recipient__shake___TrWC0"
+};
+import { getDisplayName, getInitials } from '../../models';
+import Identity from './Identity';
+
+var RecipientWithoutStatus = function RecipientWithoutStatus(_ref) {
+  var instance = _ref.instance,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var name = getDisplayName(rest);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles['recipient']
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    text: getInitials(rest),
+    textId: name
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles['recipient-ident-status']
+  }, /*#__PURE__*/React.createElement(Identity, {
+    name: name,
+    details: instance
+  })));
+};
+
+export default RecipientWithoutStatus;

package/dist/components/Recipient/RecipientsAvatars.js

@@ -0,0 +1,100 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import cx from 'classnames';
+import { useClient } from 'cozy-client';
+import Avatar from 'cozy-ui/transpiled/react/Avatar';
+import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link';
+import RecipientAvatar from './RecipientAvatar';
+import AvatarPlusX from './AvatarPlusX';
+var styles = {
+  "CozyTheme--inverted": "recipient__CozyTheme--inverted___2Hb9c",
+  "CozyTheme--normal": "recipient__CozyTheme--normal___3WdEw",
+  "recipient": "recipient__recipient___2zWmH",
+  "recipients-list-light": "recipient__recipients-list-light___1-dkI",
+  "recipient-idents": "recipient__recipient-idents___3F3zL",
+  "recipient-status-icon": "recipient__recipient-status-icon___1GvS9",
+  "recipient-user": "recipient__recipient-user___3hOyK",
+  "recipient-details": "recipient__recipient-details___3fmFE",
+  "avatar": "recipient__avatar___2NIEb",
+  "link-recipient-icon-circle": "recipient__link-recipient-icon-circle___3gmgy",
+  "recipients-avatars": "recipient__recipients-avatars___MXhiL",
+  "--interactive": "recipient__--interactive___1gDjM",
+  "recipients-avatars--link": "recipient__recipients-avatars--link___2s02h",
+  "recipients-avatars--plusX": "recipient__recipients-avatars--plusX___WRllr",
+  "recipients-avatars--avatar": "recipient__recipients-avatars--avatar___3j3_A",
+  "spin": "recipient__spin___3_Uja",
+  "shake": "recipient__shake___TrWC0"
+};
+import { getDisplayName } from '../../models';
+export var MAX_DISPLAYED_RECIPIENTS = 3;
+/**
+ * Exclude me from the list of recipients.
+ * @typedef {object} Recipient
+ * @param {array<Recipient>} recipients - List of recipients
+ * @param {boolean} isOwner - Indicates if I'm the owner or not
+ * @param {object} client - CozyClient instance
+ * @returns {array<Recipient>} List of recipients without me if I'm the owner
+ */
+
+export var excludeMeAsOwnerFromRecipients = function excludeMeAsOwnerFromRecipients(_ref) {
+  var recipients = _ref.recipients,
+      isOwner = _ref.isOwner,
+      client = _ref.client;
+  return recipients.filter(function (recipient) {
+    if (isOwner) {
+      return recipient.status !== 'owner';
+    }
+
+    return recipient.instance !== client.options.uri;
+  });
+};
+
+var RecipientsAvatars = function RecipientsAvatars(_ref2) {
+  var recipients = _ref2.recipients,
+      link = _ref2.link,
+      size = _ref2.size,
+      className = _ref2.className,
+      onClick = _ref2.onClick,
+      isOwner = _ref2.isOwner,
+      showMeAsOwner = _ref2.showMeAsOwner;
+  var client = useClient();
+  var filteredRecipients = showMeAsOwner ? recipients.slice().reverse() // we slice first to clone the original array because reverser() mutates it
+  : excludeMeAsOwnerFromRecipients({
+    recipients: recipients,
+    isOwner: isOwner,
+    client: client
+  }).reverse(); // we reverse the recipients array because we use `flex-direction: row-reverse` to display them correctly
+
+  var isAvatarPlusX = filteredRecipients.length > MAX_DISPLAYED_RECIPIENTS;
+  var extraRecipients = filteredRecipients.slice(MAX_DISPLAYED_RECIPIENTS).map(function (recipient) {
+    return getDisplayName(recipient);
+  });
+  var shownRecipients = filteredRecipients.slice(0, MAX_DISPLAYED_RECIPIENTS);
+  return /*#__PURE__*/React.createElement("div", {
+    className: cx(styles['recipients-avatars'], _defineProperty({}, styles['--interactive'], onClick), className),
+    onClick: onClick
+  }, link && /*#__PURE__*/React.createElement("span", {
+    "data-testid": "recipientsAvatars-link"
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    className: styles['recipients-avatars--link'],
+    icon: LinkIcon,
+    size: size
+  })), isAvatarPlusX && /*#__PURE__*/React.createElement("span", {
+    "data-testid": "recipientsAvatars-plusX"
+  }, /*#__PURE__*/React.createElement(AvatarPlusX, {
+    className: styles['recipients-avatars--plusX'],
+    extraRecipients: extraRecipients,
+    size: size
+  })), shownRecipients.map(function (recipient, idx) {
+    return /*#__PURE__*/React.createElement("span", {
+      "data-testid": "recipientsAvatars-avatar".concat(recipient.status === 'owner' ? '-owner' : ''),
+      key: idx
+    }, /*#__PURE__*/React.createElement(RecipientAvatar, {
+      recipient: recipient,
+      size: size,
+      className: cx(styles['recipients-avatars--avatar'])
+    }));
+  }));
+};
+
+export default RecipientsAvatars;

package/dist/components/{RecipientsAvatars.spec.js → Recipient/RecipientsAvatars.spec.js}

@@ -5,8 +5,8 @@ var _excluded = ["recipients", "link", "isOwner", "onClick"];
 import React from 'react';
 import { createMockClient } from 'cozy-client';
 import { render } from '@testing-library/react';
-import { RecipientsAvatars, MAX_DISPLAYED_RECIPIENTS } from './Recipient';
-import AppLike from '../../test/AppLike';
+import RecipientsAvatars, { MAX_DISPLAYED_RECIPIENTS, excludeMeAsOwnerFromRecipients } from './RecipientsAvatars';
+import AppLike from '../../../test/AppLike';
 var mockRecipients = new Array(MAX_DISPLAYED_RECIPIENTS - 1).fill({
   status: 'owner',
   public_name: 'cozy'
@@ -101,4 +101,45 @@ describe('RecipientsAvatars', function () {
     expect(getByTestId('recipientsAvatars-plusX')).toBeTruthy();
     expect(getByTestId('recipientsAvatars-link')).toBeTruthy();
   });
+});
+describe('excludeMeAsOwnerFromRecipients', function () {
+  test('excludeMeAsOwnerFromRecipients behavior', function () {
+    var recipients = [{
+      status: 'owner',
+      instance: 'http://foo1.cozy.bar'
+    }, {
+      status: 'pending',
+      instance: 'http://foo2.cozy.bar'
+    }, {
+      status: 'pending',
+      instance: 'http://foo3.cozy.bar'
+    }];
+    var client = {
+      options: {
+        uri: 'http://foo2.cozy.bar'
+      }
+    };
+    expect(excludeMeAsOwnerFromRecipients({
+      recipients: recipients,
+      isOwner: true,
+      client: client
+    })).toEqual([{
+      status: 'pending',
+      instance: 'http://foo2.cozy.bar'
+    }, {
+      status: 'pending',
+      instance: 'http://foo3.cozy.bar'
+    }]);
+    expect(excludeMeAsOwnerFromRecipients({
+      recipients: recipients,
+      isOwner: false,
+      client: client
+    })).toEqual([{
+      status: 'owner',
+      instance: 'http://foo1.cozy.bar'
+    }, {
+      status: 'pending',
+      instance: 'http://foo3.cozy.bar'
+    }]);
+  });
 });

package/dist/components/{recipient.styl → Recipient/recipient.styl}

@@ -52,6 +52,11 @@
     .recipient-user
         font-size 1.125rem
 
+.link-recipient-icon-circle
+    border 1px solid var(--borderMainColor)
+    background-color unset
+    color unset
+
 .recipients-avatars
     display inline-flex
     flex-direction row-reverse
@@ -74,5 +79,4 @@
 
     &--plusX,
     &--avatar
-        margin-right -0.6rem
-
+        margin-right -0.6rem