cozy-sharing 22.0.0 → 23.0.0

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [23.0.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@22.0.0...cozy-sharing@23.0.0) (2025-03-11)
+
+
+### Features
+
+* **Sharing:** Remove image avatar from stack ([904efbc](https://github.com/cozy/cozy-libs/commit/904efbca5855fef7d3cd23ffcbefd64810cdec26))
+* **Sharing:** Upgrade cozy-ui 116.0.0 to 119.0.1 ([393ce80](https://github.com/cozy/cozy-libs/commit/393ce806fe726355b165c7130653bb33b2c371cc))
+
+
+### BREAKING CHANGES
+
+* **Sharing:** You must have `cozy-ui >= 119.0.1`
+
+
+
+
+
 # [22.0.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@21.3.0...cozy-sharing@22.0.0) (2025-02-26)
 
 

package/dist/components/Avatar/AvatarList.js

@@ -2,8 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import cx from 'classnames';
 import React from 'react';
 import { useClient } from 'cozy-client';
-import Avatar from 'cozy-ui/transpiled/react/Avatar';
 import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link';
+import Avatar from 'cozy-ui/transpiled/react/legacy/Avatar';
 import { ExtraAvatar } from './ExtraAvatar';
 import { GroupAvatar } from './GroupAvatar';
 import { MemberAvatar } from './MemberAvatar';

package/dist/components/Avatar/ExtraAvatar.js

@@ -1,7 +1,7 @@
 import uniqueId from 'lodash/uniqueId';
 import PropTypes from 'prop-types';
 import React from 'react';
-import Avatar from 'cozy-ui/transpiled/react/Avatar';
+import Avatar from 'cozy-ui/transpiled/react/legacy/Avatar';
 import { SharingTooltip, TooltipRecipientList } from '../Tooltip';
 
 var ExtraAvatar = function ExtraAvatar(_ref) {

package/dist/components/Avatar/GroupAvatar.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import Avatar from 'cozy-ui/transpiled/react/Avatar';
 import TeamIcon from 'cozy-ui/transpiled/react/Icons/Team';
+import Avatar from 'cozy-ui/transpiled/react/legacy/Avatar';
 
 var GroupAvatar = function GroupAvatar(_ref) {
   var size = _ref.size,

package/dist/components/Avatar/MemberAvatar.js

@@ -8,20 +8,18 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React from 'react';
-import { useClient } from 'cozy-client';
-import Avatar from 'cozy-ui/transpiled/react/Avatar';
-import { getDisplayName, getInitials } from '../../models';
+import Avatar from 'cozy-ui/transpiled/react/legacy/Avatar';
 import logger from '../../logger';
+import { getDisplayName, getInitials } from '../../models';
 
 var MemberAvatar = function MemberAvatar(_ref) {
   var recipient = _ref.recipient,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  var client = useClient(); // There are cases when due to apparent memory leaks, the recipient does not exist
+  // There are cases when due to apparent memory leaks, the recipient does not exist
   // This will trigger an unhanded error in the Avatar component and crash the app
   // At the moment, we are not sure where is the root cause of this cascading undefined props
   // Nevertheless, we can prevent the crash by returning null if the recipient is undefined
-
   if (!recipient) {
     // eslint-disable-next-line
     logger.warn('RecipientAvatar: recipient is missing, see props:', _objectSpread({
@@ -31,18 +29,23 @@ var MemberAvatar = function MemberAvatar(_ref) {
   }
   /**
    * avatarPath is always the same for a recipient, but image
-   * can be different since the stack generate it on the fly.
+   * can be different since the stack generate it on the fly
+   * because they can be customized by the user.
    * 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
    */
+  // we comment this part for now because it's not compliant with Twake theme
+  // const image =
+  //   recipient.avatarPath && recipient.status
+  //     ? `${client.options.uri}${recipient.avatarPath}?v=${recipient.status}`
+  //     : null
 
 
-  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,
+  return /*#__PURE__*/React.createElement(Avatar // image={image}
+  , _extends({
     text: getInitials(recipient),
     textId: getDisplayName(recipient),
     disabled: recipient.status === 'pending' || recipient.status === 'mail-not-send'

package/dist/components/ContactSuggestion.js

@@ -1,10 +1,10 @@
 import PropTypes from 'prop-types';
 import React from 'react';
 import { models } from 'cozy-client';
-import Avatar from 'cozy-ui/transpiled/react/Avatar';
 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 Avatar from 'cozy-ui/transpiled/react/legacy/Avatar';
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { GroupAvatar } from './Avatar/GroupAvatar';
 import { Contact, Group, getDisplayName, getInitials } from '../models';

package/dist/components/Identity/MemberIdentity.js

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["instance"];
 import React from 'react';
-import Avatar from 'cozy-ui/transpiled/react/Avatar';
+import Avatar from 'cozy-ui/transpiled/react/legacy/Avatar';
 import Identity from './Identity';
 import { getDisplayName, getInitials } from '../../models';
 var styles = {

package/dist/components/Identity/OwnerIdentity.js

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["url", "size"];
 import React from 'react';
-import Avatar from 'cozy-ui/transpiled/react/Avatar';
+import Avatar from 'cozy-ui/transpiled/react/legacy/Avatar';
 import Identity from './Identity';
 import { getDisplayName, getInitials } from '../../models';
 var styles = {

package/dist/components/Recipient/GroupRecipientDetailWithAccess.js

@@ -1,11 +1,11 @@
 import React from 'react';
 import { useClient } from 'cozy-client';
-import Avatar from 'cozy-ui/transpiled/react/Avatar';
 import List from 'cozy-ui/transpiled/react/List';
 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 Avatar from 'cozy-ui/transpiled/react/legacy/Avatar';
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import MemberRecipientStatus from './MemberRecipientStatus';
 import { getInitials, getDisplayName } from '../../models';

package/dist/components/Recipient/GroupRecipientDetailWithoutAccess.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import Avatar from 'cozy-ui/transpiled/react/Avatar';
 import Icon from 'cozy-ui/transpiled/react/Icon';
 import ForbiddenIcon from 'cozy-ui/transpiled/react/Icons/Forbidden';
 import List from 'cozy-ui/transpiled/react/List';
@@ -7,6 +6,7 @@ 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 Avatar from 'cozy-ui/transpiled/react/legacy/Avatar';
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { DEFAULT_DISPLAY_NAME } from '../../helpers/recipients';
 import { getInitials, getDisplayName } from '../../models';

package/dist/components/ShareAutosuggest.js

@@ -3,9 +3,9 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import PropTypes from 'prop-types';
 import React, { useState, useRef } from 'react';
 import Autosuggest from 'react-autosuggest';
-import Avatar from 'cozy-ui/transpiled/react/Avatar';
 import Chip from 'cozy-ui/transpiled/react/Chips';
 import { Spinner } from 'cozy-ui/transpiled/react/Spinner';
+import Avatar from 'cozy-ui/transpiled/react/legacy/Avatar';
 import { GroupAvatar } from './Avatar/GroupAvatar';
 import ContactSuggestion from './ContactSuggestion';
 import { extractEmails, validateEmail } from '../helpers/email';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "22.0.0",
+  "version": "23.0.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -57,7 +57,7 @@
     "cozy-device-helper": "^3.7.1",
     "cozy-intent": "^2.29.2",
     "cozy-minilog": "^3.9.1",
-    "cozy-ui": "^116.0.0",
+    "cozy-ui": "^119.0.1",
     "jest": "26.6.3",
     "jest-environment-jsdom": "26.6.2",
     "react": "16.12.0",
@@ -70,7 +70,7 @@
     "cozy-device-helper": ">=3.7.1",
     "cozy-intent": ">=2.29.1",
     "cozy-minilog": ">=3.9.1",
-    "cozy-ui": ">=116.0.0",
+    "cozy-ui": ">=119.0.1",
     "prop-types": "^15.7.2",
     "react": "^16.12.0",
     "react-router": "^5.0.1"
@@ -78,5 +78,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "aec25fcc965f90749b846878d099c9db5d794656"
+  "gitHead": "3137450acf1734be5812063d86c1b55d29478913"
 }

package/src/components/Avatar/AvatarList.jsx

@@ -2,8 +2,8 @@ import cx from 'classnames'
 import React from 'react'
 
 import { useClient } from 'cozy-client'
-import Avatar from 'cozy-ui/transpiled/react/Avatar'
 import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link'
+import Avatar from 'cozy-ui/transpiled/react/legacy/Avatar'
 
 import { ExtraAvatar } from './ExtraAvatar'
 import { GroupAvatar } from './GroupAvatar'

package/src/components/Avatar/ExtraAvatar.jsx

@@ -2,7 +2,7 @@ import uniqueId from 'lodash/uniqueId'
 import PropTypes from 'prop-types'
 import React from 'react'
 
-import Avatar from 'cozy-ui/transpiled/react/Avatar'
+import Avatar from 'cozy-ui/transpiled/react/legacy/Avatar'
 
 import { SharingTooltip, TooltipRecipientList } from '../Tooltip'
 

package/src/components/Avatar/GroupAvatar.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 
-import Avatar from 'cozy-ui/transpiled/react/Avatar'
 import TeamIcon from 'cozy-ui/transpiled/react/Icons/Team'
+import Avatar from 'cozy-ui/transpiled/react/legacy/Avatar'
 
 const GroupAvatar = ({ size, className }) => {
   return <Avatar icon={TeamIcon} size={size} className={className} />

package/src/components/Avatar/MemberAvatar.jsx

@@ -1,14 +1,11 @@
 import React from 'react'
 
-import { useClient } from 'cozy-client'
-import Avatar from 'cozy-ui/transpiled/react/Avatar'
+import Avatar from 'cozy-ui/transpiled/react/legacy/Avatar'
 
-import { getDisplayName, getInitials } from '../../models'
 import logger from '../../logger'
+import { getDisplayName, getInitials } from '../../models'
 
 const MemberAvatar = ({ recipient, ...rest }) => {
-  const client = useClient()
-
   // There are cases when due to apparent memory leaks, the recipient does not exist
   // This will trigger an unhanded error in the Avatar component and crash the app
   // At the moment, we are not sure where is the root cause of this cascading undefined props
@@ -21,21 +18,23 @@ const MemberAvatar = ({ recipient, ...rest }) => {
 
   /**
    * avatarPath is always the same for a recipient, but image
-   * can be different since the stack generate it on the fly.
+   * can be different since the stack generate it on the fly
+   * because they can be customized by the user.
    * 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
    */
-  const image =
-    recipient.avatarPath && recipient.status
-      ? `${client.options.uri}${recipient.avatarPath}?v=${recipient.status}`
-      : null
+  // we comment this part for now because it's not compliant with Twake theme
+  // const image =
+  //   recipient.avatarPath && recipient.status
+  //     ? `${client.options.uri}${recipient.avatarPath}?v=${recipient.status}`
+  //     : null
 
   return (
     <Avatar
-      image={image}
+      // image={image}
       text={getInitials(recipient)}
       textId={getDisplayName(recipient)}
       disabled={

package/src/components/ContactSuggestion.jsx

@@ -2,10 +2,10 @@ import PropTypes from 'prop-types'
 import React from 'react'
 
 import { models } from 'cozy-client'
-import Avatar from 'cozy-ui/transpiled/react/Avatar'
 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 Avatar from 'cozy-ui/transpiled/react/legacy/Avatar'
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { GroupAvatar } from './Avatar/GroupAvatar'

package/src/components/Identity/MemberIdentity.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import Avatar from 'cozy-ui/transpiled/react/Avatar'
+import Avatar from 'cozy-ui/transpiled/react/legacy/Avatar'
 
 import Identity from './Identity'
 import { getDisplayName, getInitials } from '../../models'

package/src/components/Identity/OwnerIdentity.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import Avatar from 'cozy-ui/transpiled/react/Avatar'
+import Avatar from 'cozy-ui/transpiled/react/legacy/Avatar'
 
 import Identity from './Identity'
 import { getDisplayName, getInitials } from '../../models'

package/src/components/Recipient/GroupRecipientDetailWithAccess.jsx

@@ -1,12 +1,12 @@
 import React from 'react'
 
 import { useClient } from 'cozy-client'
-import Avatar from 'cozy-ui/transpiled/react/Avatar'
 import List from 'cozy-ui/transpiled/react/List'
 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 Avatar from 'cozy-ui/transpiled/react/legacy/Avatar'
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import MemberRecipientStatus from './MemberRecipientStatus'

package/src/components/Recipient/GroupRecipientDetailWithoutAccess.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
 
-import Avatar from 'cozy-ui/transpiled/react/Avatar'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import ForbiddenIcon from 'cozy-ui/transpiled/react/Icons/Forbidden'
 import List from 'cozy-ui/transpiled/react/List'
@@ -8,6 +7,7 @@ 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 Avatar from 'cozy-ui/transpiled/react/legacy/Avatar'
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { DEFAULT_DISPLAY_NAME } from '../../helpers/recipients'

package/src/components/ShareAutosuggest.jsx

@@ -2,9 +2,9 @@ import PropTypes from 'prop-types'
 import React, { useState, useRef } from 'react'
 import Autosuggest from 'react-autosuggest'
 
-import Avatar from 'cozy-ui/transpiled/react/Avatar'
 import Chip from 'cozy-ui/transpiled/react/Chips'
 import { Spinner } from 'cozy-ui/transpiled/react/Spinner'
+import Avatar from 'cozy-ui/transpiled/react/legacy/Avatar'
 
 import { GroupAvatar } from './Avatar/GroupAvatar'
 import ContactSuggestion from './ContactSuggestion'