cozy-sharing 37.0.1 → 37.1.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [37.1.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@37.0.2...cozy-sharing@37.1.0) (2026-07-21)
+
+### Features
+
+- Display image from user in chip ([fd7a03b](https://github.com/cozy/cozy-libs/commit/fd7a03bc6607e7688d639b63f6b0ecc00a936369))
+
+## [37.0.2](https://github.com/cozy/cozy-libs/compare/cozy-sharing@37.0.1...cozy-sharing@37.0.2) (2026-07-21)
+
+**Note:** Version bump only for package cozy-sharing
+
 ## [37.0.1](https://github.com/cozy/cozy-libs/compare/cozy-sharing@37.0.0...cozy-sharing@37.0.1) (2026-07-17)
 
 ### Bug Fixes

package/dist/components/ShareAutosuggest.js

@@ -3,14 +3,14 @@ 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 { GroupAvatar } from './Avatar/GroupAvatar';
+import { MemberAvatar } from './Avatar/MemberAvatar';
 import ContactSuggestion from './ContactSuggestion';
 import { isContactToBeCreated } from '../helpers/contacts';
 import { extractEmails, validateEmail } from '../helpers/email';
-import { getDisplayName, getInitials, Contact, Group } from '../models';
+import { getDisplayName, Contact, Group } from '../models';
 var styles = {
   "container": "autosuggest__container___1Yro7",
   "suggestionsContainer": "autosuggest__suggestionsContainer___3EDuG",
@@ -182,7 +182,6 @@ var ShareAutosuggest = function ShareAutosuggest(_ref) {
       className: styles['recipientsContainer']
     }, recipients.map(function (recipient, idx) {
       var isContactGroup = recipient._type === Group.doctype;
-      var avatarText = getInitials(recipient);
       var name = getDisplayName(recipient);
       return /*#__PURE__*/React.createElement(Chip, {
         id: "recipient_".concat(idx),
@@ -190,9 +189,10 @@ var ShareAutosuggest = function ShareAutosuggest(_ref) {
         avatar: isContactGroup ? /*#__PURE__*/React.createElement(GroupAvatar, {
           size: "xs",
           color: recipient.color
-        }) : /*#__PURE__*/React.createElement(Avatar, {
-          size: "xs"
-        }, avatarText),
+        }) : /*#__PURE__*/React.createElement(MemberAvatar, {
+          size: "xs",
+          recipient: recipient
+        }),
         label: name,
         onDelete: function onDelete() {
           onAutosuggestRemove(recipient);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "37.0.1",
+  "version": "37.1.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -59,7 +59,7 @@
     "cozy-intent": "^2.31.1",
     "cozy-minilog": "^3.10.1",
     "cozy-ui": "^140.5.0",
-    "cozy-ui-plus": "^12.0.3",
+    "cozy-ui-plus": "^12.1.1",
     "jest": "30.3.0",
     "jest-environment-jsdom": "30.3.0",
     "react": "16.12.0",
@@ -85,5 +85,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "6326a5cba450641157e2f03754a99a38cc634d5a"
+  "gitHead": "bcee49f770c0e868d6f8d84a73211559cf67c40d"
 }

package/src/components/ShareAutosuggest.jsx

@@ -2,15 +2,15 @@ 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 { GroupAvatar } from './Avatar/GroupAvatar'
+import { MemberAvatar } from './Avatar/MemberAvatar'
 import ContactSuggestion from './ContactSuggestion'
 import { isContactToBeCreated } from '../helpers/contacts'
 import { extractEmails, validateEmail } from '../helpers/email'
-import { getDisplayName, getInitials, Contact, Group } from '../models'
+import { getDisplayName, Contact, Group } from '../models'
 import styles from '../styles/autosuggest.styl'
 import { contactOrGroupMatch } from '../suggestionMatchers'
 
@@ -153,7 +153,6 @@ const ShareAutosuggest = ({
     <div className={styles['recipientsContainer']}>
       {recipients.map((recipient, idx) => {
         const isContactGroup = recipient._type === Group.doctype
-        const avatarText = getInitials(recipient)
         const name = getDisplayName(recipient)
         return (
           <Chip
@@ -163,7 +162,7 @@ const ShareAutosuggest = ({
               isContactGroup ? (
                 <GroupAvatar size="xs" color={recipient.color} />
               ) : (
-                <Avatar size="xs">{avatarText}</Avatar>
+                <MemberAvatar size="xs" recipient={recipient} />
               )
             }
             label={name}