cozy-sharing 5.0.0 → 6.0.1

package/dist/components/Recipient.js

@@ -1,450 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["recipient"],
-    _excluded2 = ["url", "size"],
-    _excluded3 = ["instance", "isOwner", "status", "recipientConfirmationData", "verifyRecipient"],
-    _excluded4 = ["instance"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useState, useCallback } from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { useClient } from 'cozy-client';
-import Spinner from 'cozy-ui/transpiled/react/Spinner';
-import { useI18n } from 'cozy-ui/transpiled/react/I18n';
-import Avatar from 'cozy-ui/transpiled/react/Avatar';
-import Button from 'cozy-ui/transpiled/react/Button';
-import CompositeRow from 'cozy-ui/transpiled/react/CompositeRow';
-import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
-import ActionMenu, { ActionMenuItem } from 'cozy-ui/transpiled/react/ActionMenu';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import { Media, Img, Bd } from 'cozy-ui/transpiled/react/Media';
-import RenameIcon from 'cozy-ui/transpiled/react/Icons/Rename';
-import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash';
-import EyeIcon from 'cozy-ui/transpiled/react/Icons/Eye';
-import PaperplaneIcon from 'cozy-ui/transpiled/react/Icons/Paperplane';
-import ToTheCloudIcon from 'cozy-ui/transpiled/react/Icons/ToTheCloud';
-import AvatarPlusX from './AvatarPlusX';
-var styles = {
-  "CozyTheme--inverted": "recipient__CozyTheme--inverted___2anJa",
-  "CozyTheme--normal": "recipient__CozyTheme--normal___994FQ",
-  "recipient": "recipient__recipient___2FlkK",
-  "recipients-list-light": "recipient__recipients-list-light___1Rt5q",
-  "recipient-idents": "recipient__recipient-idents___3-fjp",
-  "recipient-status-icon": "recipient__recipient-status-icon___J4sIm",
-  "recipient-user": "recipient__recipient-user___2cNHW",
-  "recipient-details": "recipient__recipient-details___4SMW5",
-  "avatar": "recipient__avatar___pPmxN",
-  "recipients-avatars": "recipient__recipients-avatars___2Qth2",
-  "--interactive": "recipient__--interactive___1V89N",
-  "recipients-avatars--link": "recipient__recipients-avatars--link___12LyR",
-  "recipients-avatars--plusX": "recipient__recipients-avatars--plusX___28dFs",
-  "recipients-avatars--avatar": "recipient__recipients-avatars--avatar___15hBo",
-  "spin": "recipient__spin___2cogO",
-  "shake": "recipient__shake___3lxk5"
-};
-var modalStyles = {
-  "share-modal-content": "share__share-modal-content___XTtaK",
-  "coz-form": "share__coz-form___33NYF",
-  "coz-form-group": "share__coz-form-group___1PLAZ",
-  "coz-form-desc": "share__coz-form-desc___-pmK5",
-  "coz-form-label": "share__coz-form-label___31jb0",
-  "coz-form-label--error": "share__coz-form-label--error___2EXCl",
-  "coz-form-errors": "share__coz-form-errors___1rk2R",
-  "coz-form-controls": "share__coz-form-controls___39Uwg",
-  "coz-form-controls--full": "share__coz-form-controls--full___1YpNp",
-  "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___3JXzz",
-  "error": "share__error___6Ycal",
-  "CozyTheme--inverted": "share__CozyTheme--inverted___2pLD2",
-  "CozyTheme--normal": "share__CozyTheme--normal___qSFyr",
-  "share-byemail-onlybylink": "share__share-byemail-onlybylink___C_7b_",
-  "aligned-dropdown-button": "share__aligned-dropdown-button___CeTDs",
-  "share-type-control": "share__share-type-control___KcpDf",
-  "select-wrapper": "share__select-wrapper___3FfiH",
-  "select-option": "share__select-option___13o6b",
-  "select-option-label": "share__select-option-label___Zj_RU",
-  "select-option-desc": "share__select-option-desc___6uaQq",
-  "share-details-created": "share__share-details-created___13BO0",
-  "share-details-perm": "share__share-details-perm___23_VF",
-  "share-details-perm-desc": "share__share-details-perm-desc___tqfXx",
-  "spin": "share__spin___1P7nU",
-  "shake": "share__shake___1EeCI"
-};
-import { getDisplayName, getInitials } from '../models';
-import Identity from './Identity';
-import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link';
-import Typography from 'cozy-ui/transpiled/react/Typography';
-export var MAX_DISPLAYED_RECIPIENTS = 3;
-var DEFAULT_DISPLAY_NAME = 'Share.contacts.defaultDisplayName';
-/**
- * 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;
-  });
-};
-export 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 var RecipientAvatar = function RecipientAvatar(_ref3) {
-  var recipient = _ref3.recipient,
-      rest = _objectWithoutProperties(_ref3, _excluded);
-
-  var client = useClient();
-  /**
-   * avatarPath is always the same for a recipient, but image
-   * can be different since the stack generate it on the fly.
-   * It can be "gray" during the first load depending of the
-   * status' sharing, but can become active (from the realtime)
-   * so we need a way to "refresh" the image. Passing the
-   * status in the url force the refresh of the image when the
-   * status changes
-   */
-
-  var image = recipient.avatarPath && recipient.status ? "".concat(client.options.uri).concat(recipient.avatarPath, "?v=").concat(recipient.status) : null;
-  return /*#__PURE__*/React.createElement(Avatar, _extends({
-    image: image,
-    text: getInitials(recipient),
-    textId: getDisplayName(recipient),
-    disabled: recipient.status === 'pending' || recipient.status === 'mail-not-send'
-  }, rest));
-};
-export var OwnerIdentity = function OwnerIdentity(_ref4) {
-  var url = _ref4.url,
-      size = _ref4.size,
-      rest = _objectWithoutProperties(_ref4, _excluded2);
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles['avatar']
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    text: getInitials(rest),
-    size: size,
-    textId: getDisplayName(rest)
-  }), /*#__PURE__*/React.createElement(Identity, {
-    name: getDisplayName(rest),
-    details: url
-  }));
-};
-export var Permissions = function Permissions(_ref5) {
-  var isOwner = _ref5.isOwner,
-      status = _ref5.status,
-      instance = _ref5.instance,
-      type = _ref5.type,
-      document = _ref5.document,
-      documentType = _ref5.documentType,
-      className = _ref5.className,
-      onRevoke = _ref5.onRevoke,
-      onRevokeSelf = _ref5.onRevokeSelf,
-      sharingId = _ref5.sharingId,
-      index = _ref5.index;
-
-  var _useI18n = useI18n(),
-      t = _useI18n.t;
-
-  var client = useClient();
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      revoking = _useState2[0],
-      setRevoking = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isMenuDisplayed = _useState4[0],
-      setIsMenuDisplayed = _useState4[1];
-
-  var instanceMatchesClient = instance !== undefined && instance === client.options.uri;
-  var contactIsOwner = status === 'owner';
-  var shouldShowMenu = !revoking && !contactIsOwner && (instanceMatchesClient && !isOwner || isOwner);
-
-  var showMenu = function showMenu() {
-    return setIsMenuDisplayed(true);
-  };
-
-  var hideMenu = function hideMenu() {
-    return setIsMenuDisplayed(false);
-  };
-
-  var onRevokeClick = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            setRevoking(true);
-
-            if (!isOwner) {
-              _context.next = 6;
-              break;
-            }
-
-            _context.next = 4;
-            return onRevoke(document, sharingId, index);
-
-          case 4:
-            _context.next = 8;
-            break;
-
-          case 6:
-            _context.next = 8;
-            return onRevokeSelf(document);
-
-          case 8:
-            setRevoking(false);
-
-          case 9:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })), [isOwner, onRevoke, onRevokeSelf, document, sharingId, index]);
-  var buttonRef = /*#__PURE__*/React.createRef();
-  var PermissionIcon = type === 'two-way' ? RenameIcon : EyeIcon;
-  return /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, revoking && /*#__PURE__*/React.createElement(Spinner, null), !shouldShowMenu && !revoking && /*#__PURE__*/React.createElement("span", null, t("Share.status.".concat(status))), shouldShowMenu && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownButton, {
-    onClick: showMenu,
-    ref: buttonRef,
-    className: modalStyles['aligned-dropdown-button']
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "body1"
-  }, t("Share.type.".concat(type)))), isMenuDisplayed && /*#__PURE__*/React.createElement(ActionMenu, {
-    onClose: hideMenu,
-    popperOptions: {
-      placement: 'bottom-end',
-      modifiers: [{
-        name: 'preventOverflow'
-      }]
-    },
-    anchorElRef: buttonRef
-  }, /*#__PURE__*/React.createElement(ActionMenuItem, {
-    left: /*#__PURE__*/React.createElement(Icon, {
-      icon: PermissionIcon,
-      color: "var(--primaryTextColor)"
-    })
-  }, t("Share.type.".concat(type))), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement(ActionMenuItem, {
-    onClick: onRevokeClick,
-    left: /*#__PURE__*/React.createElement(Icon, {
-      icon: TrashIcon,
-      color: "var(--errorColor)"
-    })
-  }, /*#__PURE__*/React.createElement(Typography, {
-    className: "u-error",
-    variant: "body1"
-  }, isOwner ? t("".concat(documentType, ".share.revoke.title")) : t("".concat(documentType, ".share.revokeSelf.title"))), /*#__PURE__*/React.createElement(Typography, {
-    variant: "caption",
-    color: "textSecondary"
-  }, isOwner ? t("".concat(documentType, ".share.revoke.desc")) : t("".concat(documentType, ".share.revokeSelf.desc")))))));
-};
-
-var Status = function Status(_ref7) {
-  var status = _ref7.status,
-      isMe = _ref7.isMe,
-      instance = _ref7.instance;
-
-  var _useI18n2 = useI18n(),
-      t = _useI18n2.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)));
-};
-/**
- * Displays the confirmation interface that allows to confirm or reject a recipient
- */
-
-
-var RecipientConfirm = function RecipientConfirm(_ref8) {
-  var recipientConfirmationData = _ref8.recipientConfirmationData,
-      verifyRecipient = _ref8.verifyRecipient;
-
-  var _useI18n3 = useI18n(),
-      t = _useI18n3.t;
-
-  var verify = function verify() {
-    verifyRecipient(recipientConfirmationData);
-  };
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    style: {
-      position: 'initial'
-    } // fix z-index bug on iOS when under a BottomDrawer due to relative position
-    ,
-    theme: "text",
-    className: modalStyles['aligned-dropdown-button'],
-    onClick: verify,
-    label: t("Share.twoStepsConfirmation.verify")
-  }));
-};
-
-RecipientConfirm.propTypes = {
-  recipientConfirmationData: PropTypes.object.isRequired,
-  verifyRecipient: PropTypes.func.isRequired
-};
-
-var Recipient = function Recipient(props) {
-  var _useI18n4 = useI18n(),
-      t = _useI18n4.t;
-
-  var client = useClient();
-
-  var instance = props.instance,
-      isOwner = props.isOwner,
-      status = props.status,
-      recipientConfirmationData = props.recipientConfirmationData,
-      verifyRecipient = props.verifyRecipient,
-      rest = _objectWithoutProperties(props, _excluded3);
-
-  var isMe = isOwner && status === 'owner' || instance === client.options.uri;
-  var defaultDisplayName = t(DEFAULT_DISPLAY_NAME);
-  var name = getDisplayName(rest, defaultDisplayName);
-  var RightPart = recipientConfirmationData ? /*#__PURE__*/React.createElement(RecipientConfirm, {
-    recipientConfirmationData: recipientConfirmationData,
-    verifyRecipient: verifyRecipient
-  }) : /*#__PURE__*/React.createElement(Permissions, _extends({}, props, {
-    className: "u-flex-shrink-0"
-  }));
-  return /*#__PURE__*/React.createElement(CompositeRow, {
-    dense: true,
-    className: cx(styles['recipient'], 'u-ph-0'),
-    primaryText: /*#__PURE__*/React.createElement(Typography, {
-      className: "u-ellipsis",
-      variant: "body1"
-    }, isMe ? t('Share.recipients.you') : name),
-    secondaryText: /*#__PURE__*/React.createElement(Status, {
-      status: status,
-      isMe: isMe,
-      instance: instance
-    }),
-    image: /*#__PURE__*/React.createElement(RecipientAvatar, {
-      recipient: props
-    }),
-    right: RightPart
-  });
-};
-
-Recipient.propTypes = {
-  instance: PropTypes.string,
-  isOwner: PropTypes.bool,
-  status: PropTypes.string,
-  recipientConfirmationData: PropTypes.object,
-  verifyRecipient: PropTypes.func
-};
-export default Recipient;
-export var RecipientWithoutStatus = function RecipientWithoutStatus(_ref9) {
-  var instance = _ref9.instance,
-      rest = _objectWithoutProperties(_ref9, _excluded4);
-
-  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 var RecipientPlusX = function RecipientPlusX(_ref10, _ref11) {
-  var extraRecipients = _ref10.extraRecipients;
-  var t = _ref11.t;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles['recipient']
-  }, /*#__PURE__*/React.createElement(AvatarPlusX, {
-    extraRecipients: extraRecipients.map(function (recipient) {
-      return getDisplayName(recipient);
-    })
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles['recipient-ident-status']
-  }, /*#__PURE__*/React.createElement(Identity, {
-    name: t('Share.members.otherContacts', extraRecipients.length)
-  })));
-};
-RecipientPlusX.contextTypes = {
-  t: PropTypes.func.isRequired
-};

package/src/SharingBanner/helpers/queries.js

@@ -1,14 +0,0 @@
-import CozyClient, { Q } from 'cozy-client'
-
-const DEFAULT_CACHE_TIMEOUT_QUERIES = 9 * 60 * 1000
-const defaultFetchPolicy = CozyClient.fetchPolicies.olderThan(
-  DEFAULT_CACHE_TIMEOUT_QUERIES
-)
-
-export const buildSharingsByIdQuery = sharingId => ({
-  definition: Q('io.cozy.sharings').getById(sharingId),
-  options: {
-    as: `io.cozy.sharings/${sharingId}`,
-    fetchPolicy: defaultFetchPolicy
-  }
-})

package/src/components/ContactsAndGroupsDataLoader.jsx

@@ -1,30 +0,0 @@
-import { Component } from 'react'
-
-class ContactsAndGroupsDataLoader extends Component {
-  shouldComponentUpdate(nextProps) {
-    return (
-      nextProps.contacts.hasMore !== this.props.contacts.hasMore ||
-      nextProps.contacts.fetchStatus !== this.props.contacts.fetchStatus ||
-      nextProps.contacts.data.length !== this.props.contacts.data.length ||
-      nextProps.groups.hasMore !== this.props.groups.hasMore ||
-      nextProps.groups.fetchStatus !== this.props.groups.fetchStatus ||
-      nextProps.groups.data.length !== this.props.groups.data.length
-    )
-  }
-
-  componentDidUpdate() {
-    if (this.props.contacts.hasMore) {
-      this.props.contacts.fetchMore()
-    }
-
-    if (this.props.groups.hasMore) {
-      this.props.groups.fetchMore()
-    }
-  }
-
-  render() {
-    return this.props.children
-  }
-}
-
-export default ContactsAndGroupsDataLoader