cozy-sharing 36.5.0 → 37.0.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.
 
+# [37.0.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@36.5.0...cozy-sharing@37.0.0) (2026-07-16)
+
+### Features
+
+- Display correct icon and colors for group avatar ([e630c7a](https://github.com/cozy/cozy-libs/commit/e630c7a9c9cc2d3b784c3bce1848bdcbbf257c25))
+- Update cozy-ui ([8d1d2a1](https://github.com/cozy/cozy-libs/commit/8d1d2a1a32963e7b1fc8efdc07ca76f3e48a430b))
+
+### BREAKING CHANGES
+
+- You need cozy-ui >= 140.5.0
+
 # [36.5.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@36.4.2...cozy-sharing@36.5.0) (2026-07-09)
 
 ### Features

package/dist/components/Avatar/AvatarList.js

@@ -88,7 +88,8 @@ var AvatarList = function AvatarList(_ref2) {
         "data-testid": "AvatarList-avatar".concat(recipient.status === 'owner' ? '-owner' : ''),
         key: recipient.index
       }, /*#__PURE__*/React.createElement(GroupAvatar, {
-        size: size
+        size: size,
+        color: recipient.color
       }));
     }
 

package/dist/components/Avatar/GroupAvatar.js

@@ -1,16 +1,20 @@
-import { Icon, Team } from '@linagora/twake-icons';
 import React from 'react';
-import Avatar from 'cozy-ui/transpiled/react/Avatar';
+import { Icon, Peoples } from '@linagora/twake-icons';
+import Avatar, { colorToGradient } from 'cozy-ui/transpiled/react/Avatar';
+import { COLORS } from 'cozy-ui/transpiled/react/ColorList/helpers';
+var DEFAULT_COLOR = COLORS[4];
 
 var GroupAvatar = function GroupAvatar(_ref) {
   var size = _ref.size,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? DEFAULT_COLOR : _ref$color,
       className = _ref.className;
   return /*#__PURE__*/React.createElement(Avatar, {
     size: size,
-    className: className,
-    border: true
+    color: colorToGradient(color),
+    className: className
   }, /*#__PURE__*/React.createElement(Icon, {
-    icon: Team
+    icon: Peoples
   }));
 };
 

package/dist/components/ContactSuggestion.js

@@ -18,7 +18,8 @@ export var ContactSuggestion = function ContactSuggestion(_ref) {
     return /*#__PURE__*/React.createElement(ListItem, {
       button: true
     }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(GroupAvatar, {
-      size: "m"
+      size: "m",
+      color: contactOrGroup.color
     })), /*#__PURE__*/React.createElement(ListItemText, {
       primary: contactOrGroup.name,
       secondary: t('Share.members.count', {

package/dist/components/Recipient/GroupRecipient.js

@@ -17,6 +17,7 @@ import { GroupAvatar } from '../Avatar/GroupAvatar';
 
 var GroupRecipient = function GroupRecipient(props) {
   var name = props.name,
+      color = props.color,
       members = props.members,
       fadeIn = props.fadeIn,
       owner = props.owner,
@@ -60,7 +61,8 @@ var GroupRecipient = function GroupRecipient(props) {
     gutters: isMobile ? 'default' : 'double',
     size: "small"
   }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(GroupAvatar, {
-    size: "m"
+    size: "m",
+    color: color
   })), /*#__PURE__*/React.createElement(ListItemText, {
     primary: /*#__PURE__*/React.createElement(Typography, {
       variant: "body1"

package/dist/components/Recipient/GroupRecipientPermissions.js

@@ -1,8 +1,8 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { Icon, CrossCircleOutline } from '@linagora/twake-icons';
 import React, { useState, useRef } from 'react';
+import { Icon, CrossCircleOutline } from '@linagora/twake-icons';
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu';
 import { makeActions } from 'cozy-ui/transpiled/react/ActionsMenu/Actions';
 import ActionsMenuMobileHeader from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuMobileHeader';
@@ -19,6 +19,7 @@ import { GroupAvatar } from '../Avatar/GroupAvatar';
 
 var GroupRecipientPermissions = function GroupRecipientPermissions(_ref) {
   var name = _ref.name,
+      color = _ref.color,
       isOwner = _ref.isOwner,
       isReadOnly = _ref.isReadOnly,
       sharingId = _ref.sharingId,
@@ -118,7 +119,8 @@ var GroupRecipientPermissions = function GroupRecipientPermissions(_ref) {
     autoClose: true,
     onClose: hideMenu
   }, /*#__PURE__*/React.createElement(ActionsMenuMobileHeader, null, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(GroupAvatar, {
-    size: "m"
+    size: "m",
+    color: color
   })), /*#__PURE__*/React.createElement(ListItemText, {
     primary: name,
     primaryTypographyProps: {

package/dist/components/ShareAutosuggest.js

@@ -188,7 +188,8 @@ var ShareAutosuggest = function ShareAutosuggest(_ref) {
         id: "recipient_".concat(idx),
         key: "key_recipient_".concat(idx),
         avatar: isContactGroup ? /*#__PURE__*/React.createElement(GroupAvatar, {
-          size: "xs"
+          size: "xs",
+          color: recipient.color
         }) : /*#__PURE__*/React.createElement(Avatar, {
           size: "xs"
         }, avatarText),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "36.5.0",
+  "version": "37.0.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -58,8 +58,8 @@
     "cozy-device-helper": "^4.0.0",
     "cozy-intent": "^2.31.1",
     "cozy-minilog": "^3.10.1",
-    "cozy-ui": "^139.0.2",
-    "cozy-ui-plus": "^12.0.1",
+    "cozy-ui": "^140.5.0",
+    "cozy-ui-plus": "^12.0.2",
     "jest": "30.3.0",
     "jest-environment-jsdom": "30.3.0",
     "react": "16.12.0",
@@ -75,7 +75,7 @@
     "cozy-flags": ">=4.8.1",
     "cozy-intent": ">=2.29.1",
     "cozy-minilog": ">=3.9.1",
-    "cozy-ui": ">=139.0.2",
+    "cozy-ui": ">=140.5.0",
     "cozy-ui-plus": ">=6.0.0",
     "prop-types": ">=15.7.2",
     "react": ">=16.12.0",
@@ -85,5 +85,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "8f766c3da5a35109325e1a3451e78e7c1b30e515"
+  "gitHead": "58606cf6a38bd7dbfcf6708135c2a9df4a31f284"
 }

package/src/components/Avatar/AvatarList.jsx

@@ -92,7 +92,7 @@ const AvatarList = ({
               }`}
               key={recipient.index}
             >
-              <GroupAvatar size={size} />
+              <GroupAvatar size={size} color={recipient.color} />
             </span>
           )
         }

package/src/components/Avatar/GroupAvatar.jsx

@@ -1,12 +1,15 @@
-import { Icon, Team } from '@linagora/twake-icons'
 import React from 'react'
 
-import Avatar from 'cozy-ui/transpiled/react/Avatar'
+import { Icon, Peoples } from '@linagora/twake-icons'
+import Avatar, { colorToGradient } from 'cozy-ui/transpiled/react/Avatar'
+import { COLORS } from 'cozy-ui/transpiled/react/ColorList/helpers'
 
-const GroupAvatar = ({ size, className }) => {
+const DEFAULT_COLOR = COLORS[4]
+
+const GroupAvatar = ({ size, color = DEFAULT_COLOR, className }) => {
   return (
-    <Avatar size={size} className={className} border>
-      <Icon icon={Team} />
+    <Avatar size={size} color={colorToGradient(color)} className={className}>
+      <Icon icon={Peoples} />
     </Avatar>
   )
 }

package/src/components/ContactSuggestion.jsx

@@ -18,7 +18,7 @@ export const ContactSuggestion = ({ contactOrGroup }) => {
     return (
       <ListItem button>
         <ListItemIcon>
-          <GroupAvatar size="m" />
+          <GroupAvatar size="m" color={contactOrGroup.color} />
         </ListItemIcon>
         <ListItemText
           primary={contactOrGroup.name}

package/src/components/Recipient/GroupRecipient.jsx

@@ -19,7 +19,7 @@ import {
 import { GroupAvatar } from '../Avatar/GroupAvatar'
 
 const GroupRecipient = props => {
-  const { name, members, fadeIn, owner, isOwner } = props
+  const { name, color, members, fadeIn, owner, isOwner } = props
   const { t } = useI18n()
   const client = useClient()
   const { isMobile } = useBreakpoints()
@@ -52,7 +52,7 @@ const GroupRecipient = props => {
           size="small"
         >
           <ListItemIcon>
-            <GroupAvatar size="m" />
+            <GroupAvatar size="m" color={color} />
           </ListItemIcon>
           <ListItemText
             primary={<Typography variant="body1">{name}</Typography>}

package/src/components/Recipient/GroupRecipientPermissions.jsx

@@ -1,6 +1,6 @@
-import { Icon, CrossCircleOutline } from '@linagora/twake-icons'
 import React, { useState, useRef } from 'react'
 
+import { Icon, CrossCircleOutline } from '@linagora/twake-icons'
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu'
 import { makeActions } from 'cozy-ui/transpiled/react/ActionsMenu/Actions'
 import ActionsMenuMobileHeader from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuMobileHeader'
@@ -18,6 +18,7 @@ import { GroupAvatar } from '../Avatar/GroupAvatar'
 
 const GroupRecipientPermissions = ({
   name,
+  color,
   isOwner,
   isReadOnly,
   sharingId,
@@ -83,7 +84,7 @@ const GroupRecipientPermissions = ({
           >
             <ActionsMenuMobileHeader>
               <ListItemIcon>
-                <GroupAvatar size="m" />
+                <GroupAvatar size="m" color={color} />
               </ListItemIcon>
               <ListItemText
                 primary={name}

package/src/components/ShareAutosuggest.jsx

@@ -161,7 +161,7 @@ const ShareAutosuggest = ({
             key={`key_recipient_${idx}`}
             avatar={
               isContactGroup ? (
-                <GroupAvatar size="xs" />
+                <GroupAvatar size="xs" color={recipient.color} />
               ) : (
                 <Avatar size="xs">{avatarText}</Avatar>
               )