cozy-sharing 16.7.0 → 16.8.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [16.8.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@16.7.0...cozy-sharing@16.8.0) (2024-12-02)
+
+
+### Features
+
+* **Sharing:** Expose too new component to get recipients ([a5836f7](https://github.com/cozy/cozy-libs/commit/a5836f7ea3634de44689b4e6c34eeac9b5fcb731))
+
+
+
+
+
 # [16.7.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@16.6.1...cozy-sharing@16.7.0) (2024-11-26)
 
 

package/dist/components/Recipient/LinkRecipientLite.js

@@ -0,0 +1,61 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import Circle from 'cozy-ui/transpiled/react/Circle';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link';
+import ListItem from 'cozy-ui/transpiled/react/ListItem';
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
+import { checkIsReadOnlyPermissions } from '../../helpers/permissions';
+import withLocales from '../../hoc/withLocales';
+var styles = {
+  "recipient": "recipient__recipient___2DmZI",
+  "recipients-list-light": "recipient__recipients-list-light___Vq4op",
+  "recipient-idents": "recipient__recipient-idents___3s7rw",
+  "recipient-status-icon": "recipient__recipient-status-icon___-liGw",
+  "recipient-user": "recipient__recipient-user___1THIU",
+  "recipient-details": "recipient__recipient-details___2fZfc",
+  "avatar": "recipient__avatar___2LnIV",
+  "link-recipient-icon-circle": "recipient__link-recipient-icon-circle___3ZTU-",
+  "recipients-avatars": "recipient__recipients-avatars___1npjD",
+  "--interactive": "recipient__--interactive___160Bp",
+  "recipients-avatars--link": "recipient__recipients-avatars--link___1qeON",
+  "recipients-avatars--plusX": "recipient__recipients-avatars--plusX___3-6_l",
+  "recipients-avatars--avatar": "recipient__recipients-avatars--avatar___-owjC",
+  "spin": "recipient__spin___2tYv3",
+  "shake": "recipient__shake___TGyPp"
+};
+
+var LinkRecipientLite = function LinkRecipientLite(_ref) {
+  var permissions = _ref.permissions,
+      link = _ref.link;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  if (!link) return null;
+  var isReadOnlyPermissions = checkIsReadOnlyPermissions(permissions);
+  return /*#__PURE__*/React.createElement(ListItem, {
+    size: "small",
+    ellipsis: true
+  }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Circle, {
+    size: "small",
+    className: styles['link-recipient-icon-circle']
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: LinkIcon
+  }))), /*#__PURE__*/React.createElement(ListItemText, {
+    primary: t('Share.recipients.anyoneWithTheLink'),
+    secondary: link
+  }), /*#__PURE__*/React.createElement(Typography, {
+    className: "u-flex-shrink-0",
+    variant: "body2"
+  }, t("Share.type.".concat(isReadOnlyPermissions ? 'one-way' : 'two-way')).toLowerCase()));
+};
+
+LinkRecipientLite.propTypes = {
+  permissions: PropTypes.array,
+  link: PropTypes.string
+};
+export default withLocales(LinkRecipientLite);

package/dist/components/Recipient/MemberRecipientLite.js

@@ -0,0 +1,56 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["recipient", "isOwner"];
+import PropTypes from 'prop-types';
+import React from 'react';
+import { useClient } from 'cozy-client';
+import ListItem from 'cozy-ui/transpiled/react/ListItem';
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
+import MemberRecipientStatus from './MemberRecipientStatus';
+import { DEFAULT_DISPLAY_NAME } from '../../helpers/recipients';
+import withLocales from '../../hoc/withLocales';
+import { getDisplayName } from '../../models';
+import { MemberAvatar } from '../Avatar/MemberAvatar';
+
+var MemberRecipientLite = function MemberRecipientLite(_ref) {
+  var _recipient$type;
+
+  var recipient = _ref.recipient,
+      isOwner = _ref.isOwner,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var client = useClient();
+  var isMe = isOwner && recipient.status === 'owner' || recipient.instance === client.options.uri;
+  return /*#__PURE__*/React.createElement(ListItem, {
+    size: "small",
+    ellipsis: true
+  }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(MemberAvatar, _extends({
+    size: "small",
+    recipient: recipient
+  }, props))), /*#__PURE__*/React.createElement(ListItemText, {
+    primary: isMe ? t('Share.recipients.you') : getDisplayName(recipient, t(DEFAULT_DISPLAY_NAME)),
+    secondary: /*#__PURE__*/React.createElement(MemberRecipientStatus, {
+      status: recipient.status,
+      isMe: isMe,
+      instance: recipient.instance,
+      typographyProps: {
+        noWrap: true
+      }
+    })
+  }), /*#__PURE__*/React.createElement(Typography, {
+    className: "u-flex-shrink-0",
+    variant: "body2"
+  }, isMe ? t("Share.status.".concat(recipient.status)).toLowerCase() : t("Share.type.".concat((_recipient$type = recipient.type) !== null && _recipient$type !== void 0 ? _recipient$type : 'one-way')).toLowerCase()));
+};
+
+MemberRecipientLite.propTypes = {
+  recipient: PropTypes.object,
+  isOwner: PropTypes.bool
+};
+export default withLocales(MemberRecipientLite);

package/dist/components/Recipient/MemberRecipientStatus.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Icon from 'cozy-ui/transpiled/react/Icon';
 import EyeIcon from 'cozy-ui/transpiled/react/Icons/Eye';
@@ -27,7 +28,8 @@ var styles = {
 var MemberRecipientStatus = function MemberRecipientStatus(_ref) {
   var status = _ref.status,
       isMe = _ref.isMe,
-      instance = _ref.instance;
+      instance = _ref.instance,
+      typographyProps = _ref.typographyProps;
 
   var _useI18n = useI18n(),
       t = _useI18n.t;
@@ -53,10 +55,10 @@ var MemberRecipientStatus = function MemberRecipientStatus(_ref) {
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     size: 10
-  })), /*#__PURE__*/React.createElement(Bd, null, /*#__PURE__*/React.createElement(Typography, {
+  })), /*#__PURE__*/React.createElement(Bd, null, /*#__PURE__*/React.createElement(Typography, _extends({
     variant: "caption",
     color: "textSecondary"
-  }, text)));
+  }, typographyProps), text)));
 };
 
 export default MemberRecipientStatus;

package/dist/index.js

@@ -10,6 +10,8 @@ export { SharedStatus } from './SharedStatus';
 export { SharedBadge } from './SharedBadge';
 export { SharingOwnerAvatar } from './SharingOwnerAvatar';
 export { SharedRecipients } from './SharedRecipients';
+export { default as MemberRecipientLite } from './components/Recipient/MemberRecipientLite';
+export { default as LinkRecipientLite } from './components/Recipient/LinkRecipientLite';
 export { SharedRecipientsList } from './SharedRecipientsList';
 export { ShareButton } from './ShareButton';
 export { ShareModal } from './components/ShareModal/ShareModal';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "16.7.0",
+  "version": "16.8.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -71,5 +71,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "b049c601e43f5eb4aa906a2eec0ed280522cf08b"
+  "gitHead": "f248b0165931e5cc3c18606d77e94927d7a9f386"
 }

package/src/components/Recipient/LinkRecipient.jsx

@@ -27,7 +27,7 @@ const LinkRecipient = props => {
     <RecipientConfirm
       recipientConfirmationData={recipientConfirmationData}
       verifyRecipient={verifyRecipient}
-    ></RecipientConfirm>
+    />
   ) : (
     <LinkRecipientPermissions {...props} className="u-flex-shrink-0" />
   )

package/src/components/Recipient/LinkRecipientLite.jsx

@@ -0,0 +1,49 @@
+import PropTypes from 'prop-types'
+import React from 'react'
+
+import Circle from 'cozy-ui/transpiled/react/Circle'
+import Icon from 'cozy-ui/transpiled/react/Icon'
+import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link'
+import ListItem from 'cozy-ui/transpiled/react/ListItem'
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
+import Typography from 'cozy-ui/transpiled/react/Typography'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
+
+import { checkIsReadOnlyPermissions } from '../../helpers/permissions'
+import withLocales from '../../hoc/withLocales'
+import styles from '../../styles/recipient.styl'
+
+const LinkRecipientLite = ({ permissions, link }) => {
+  const { t } = useI18n()
+
+  if (!link) return null
+
+  const isReadOnlyPermissions = checkIsReadOnlyPermissions(permissions)
+
+  return (
+    <ListItem size="small" ellipsis>
+      <ListItemIcon>
+        <Circle size="small" className={styles['link-recipient-icon-circle']}>
+          <Icon icon={LinkIcon} />
+        </Circle>
+      </ListItemIcon>
+      <ListItemText
+        primary={t('Share.recipients.anyoneWithTheLink')}
+        secondary={link}
+      />
+      <Typography className="u-flex-shrink-0" variant="body2">
+        {t(
+          `Share.type.${isReadOnlyPermissions ? 'one-way' : 'two-way'}`
+        ).toLowerCase()}
+      </Typography>
+    </ListItem>
+  )
+}
+
+LinkRecipientLite.propTypes = {
+  permissions: PropTypes.array,
+  link: PropTypes.string
+}
+
+export default withLocales(LinkRecipientLite)

package/src/components/Recipient/MemberRecipientLite.jsx

@@ -0,0 +1,59 @@
+import PropTypes from 'prop-types'
+import React from 'react'
+
+import { useClient } from 'cozy-client'
+import ListItem from 'cozy-ui/transpiled/react/ListItem'
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
+import Typography from 'cozy-ui/transpiled/react/Typography'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
+
+import MemberRecipientStatus from './MemberRecipientStatus'
+import { DEFAULT_DISPLAY_NAME } from '../../helpers/recipients'
+import withLocales from '../../hoc/withLocales'
+import { getDisplayName } from '../../models'
+import { MemberAvatar } from '../Avatar/MemberAvatar'
+
+const MemberRecipientLite = ({ recipient, isOwner, ...props }) => {
+  const { t } = useI18n()
+  const client = useClient()
+
+  const isMe =
+    (isOwner && recipient.status === 'owner') ||
+    recipient.instance === client.options.uri
+
+  return (
+    <ListItem size="small" ellipsis>
+      <ListItemIcon>
+        <MemberAvatar size="small" recipient={recipient} {...props} />
+      </ListItemIcon>
+      <ListItemText
+        primary={
+          isMe
+            ? t('Share.recipients.you')
+            : getDisplayName(recipient, t(DEFAULT_DISPLAY_NAME))
+        }
+        secondary={
+          <MemberRecipientStatus
+            status={recipient.status}
+            isMe={isMe}
+            instance={recipient.instance}
+            typographyProps={{ noWrap: true }}
+          />
+        }
+      />
+      <Typography className="u-flex-shrink-0" variant="body2">
+        {isMe
+          ? t(`Share.status.${recipient.status}`).toLowerCase()
+          : t(`Share.type.${recipient.type ?? 'one-way'}`).toLowerCase()}
+      </Typography>
+    </ListItem>
+  )
+}
+
+MemberRecipientLite.propTypes = {
+  recipient: PropTypes.object,
+  isOwner: PropTypes.bool
+}
+
+export default withLocales(MemberRecipientLite)

package/src/components/Recipient/MemberRecipientStatus.jsx

@@ -10,7 +10,7 @@ import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import styles from '../../styles/recipient.styl'
 
-const MemberRecipientStatus = ({ status, isMe, instance }) => {
+const MemberRecipientStatus = ({ status, isMe, instance, typographyProps }) => {
   const { t } = useI18n()
 
   const isSendingEmail = !isMe && status === 'mail-not-sent'
@@ -37,7 +37,11 @@ const MemberRecipientStatus = ({ status, isMe, instance }) => {
         <Icon icon={icon} size={10} />
       </Img>
       <Bd>
-        <Typography variant="caption" color="textSecondary">
+        <Typography
+          variant="caption"
+          color="textSecondary"
+          {...typographyProps}
+        >
           {text}
         </Typography>
       </Bd>

package/src/index.jsx

@@ -14,6 +14,8 @@ export { SharedStatus } from './SharedStatus'
 export { SharedBadge } from './SharedBadge'
 export { SharingOwnerAvatar } from './SharingOwnerAvatar'
 export { SharedRecipients } from './SharedRecipients'
+export { default as MemberRecipientLite } from './components/Recipient/MemberRecipientLite'
+export { default as LinkRecipientLite } from './components/Recipient/LinkRecipientLite'
 export { SharedRecipientsList } from './SharedRecipientsList'
 export { ShareButton } from './ShareButton'
 export { ShareModal } from './components/ShareModal/ShareModal'