cozy-sharing 30.2.2 → 30.3.1

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [30.3.1](https://github.com/cozy/cozy-libs/compare/cozy-sharing@30.3.0...cozy-sharing@30.3.1) (2026-04-24)
+
+### Bug Fixes
+
+- **cozy-sharing:** Flatten contact name object in formatRecipients ([c804f59](https://github.com/cozy/cozy-libs/commit/c804f59d87d40cc8a6bfc5e96e88d88a13cbaadb))
+
+# [30.3.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@30.2.2...cozy-sharing@30.3.0) (2026-04-23)
+
+### Features
+
+- **cozy-sharing:** Auto-scroll highlighted suggestion into view ([8a367f7](https://github.com/cozy/cozy-libs/commit/8a367f73e36c9cce98cd492845faaf04ec4d1771))
+
 ## [30.2.2](https://github.com/cozy/cozy-libs/compare/cozy-sharing@30.2.1...cozy-sharing@30.2.2) (2026-04-22)
 
 **Note:** Version bump only for package cozy-sharing

package/dist/components/ShareAutosuggest.js

@@ -53,6 +53,7 @@ var ShareAutocomplete = function ShareAutocomplete(_ref) {
       setLoadingDisplayed = _useState8[1];
 
   var autosuggestRef = useRef(null);
+  var containerRef = useRef(null);
 
   var computeSuggestions = function computeSuggestions(value) {
     var inputValue = value.trim().toLowerCase();
@@ -151,6 +152,19 @@ var ShareAutocomplete = function ShareAutocomplete(_ref) {
     autosuggestRef === null || autosuggestRef === void 0 || (_autosuggestRef$curre2 = autosuggestRef.current) === null || _autosuggestRef$curre2 === void 0 || (_autosuggestRef$curre2 = _autosuggestRef$curre2.input) === null || _autosuggestRef$curre2 === void 0 || _autosuggestRef$curre2.focus();
   };
 
+  var onSuggestionHighlighted = function onSuggestionHighlighted() {
+    requestAnimationFrame(function () {
+      if (!containerRef.current) return;
+      var highlighted = containerRef.current.querySelector('[aria-selected="true"]');
+
+      if (highlighted) {
+        highlighted.scrollIntoView({
+          block: 'nearest'
+        });
+      }
+    });
+  };
+
   var renderInput = function renderInput(inputProps) {
     return /*#__PURE__*/React.createElement("div", {
       className: styles['recipientsContainer']
@@ -186,7 +200,9 @@ var ShareAutocomplete = function ShareAutocomplete(_ref) {
     });
   };
 
-  return /*#__PURE__*/React.createElement(Autosuggest, {
+  return /*#__PURE__*/React.createElement("div", {
+    ref: containerRef
+  }, /*#__PURE__*/React.createElement(Autosuggest, {
     ref: autosuggestRef,
     theme: styles,
     suggestions: suggestions.slice(0, 20),
@@ -195,6 +211,7 @@ var ShareAutocomplete = function ShareAutocomplete(_ref) {
     },
     onSuggestionsFetchRequested: onSuggestionsFetchRequested,
     onSuggestionsClearRequested: onSuggestionsClearRequested,
+    onSuggestionHighlighted: onSuggestionHighlighted,
     renderSuggestion: renderSuggestion,
     renderInputComponent: renderInput,
     highlightFirstSuggestion: true,
@@ -209,7 +226,7 @@ var ShareAutocomplete = function ShareAutocomplete(_ref) {
       className: styles['suggestionInput'],
       disabled: disabled
     }
-  });
+  }));
 };
 
 ShareAutocomplete.propTypes = {

package/dist/components/SharedDrive/helpers.js

@@ -68,7 +68,7 @@ export var formatRecipients = function formatRecipients(sharedDriveRecipients) {
     recipients.push({
       index: "".concat(RECIPIENT_INDEX_PREFIX).concat(r._id),
       email: ContactModel.getPrimaryEmail(r),
-      public_name: r.displayName || r.name,
+      public_name: ContactModel.getDisplayName(r),
       memberIndex: r._id,
       type: 'two-way',
       members: r.members
@@ -78,7 +78,7 @@ export var formatRecipients = function formatRecipients(sharedDriveRecipients) {
     recipients.push({
       index: "".concat(RECIPIENT_INDEX_PREFIX).concat(r._id),
       email: ContactModel.getPrimaryEmail(r),
-      public_name: r.displayName || r.name,
+      public_name: ContactModel.getDisplayName(r),
       memberIndex: r._id,
       type: 'one-way',
       members: r.members

package/dist/components/SharedDrive/helpers.spec.js

@@ -182,6 +182,25 @@ describe('formatRecipients', function () {
       public_name: 'Bob'
     });
   });
+  it('should flatten an object-shaped contact name into a string public_name', function () {
+    var input = {
+      recipients: [{
+        _id: '3',
+        name: {
+          givenName: 'Arya',
+          familyName: 'Stark'
+        },
+        email: [{
+          address: 'arya@example.com',
+          primary: true
+        }]
+      }],
+      readOnlyRecipients: []
+    };
+    var result = formatRecipients(input);
+    expect(typeof result[0].public_name).toBe('string');
+    expect(result[0].public_name).toBe('Arya Stark');
+  });
   it('should sort recipients by public_name', function () {
     var input = {
       recipients: [{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "30.2.2",
+  "version": "30.3.1",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -84,5 +84,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "54d377d08003a9d2eb2bd96f9eeb87d27637d841"
+  "gitHead": "8248557488c88af8242923be0f395fb252a57883"
 }

package/src/components/ShareAutosuggest.jsx

@@ -33,6 +33,7 @@ const ShareAutocomplete = ({
   const [isLoadingDisplayed, setLoadingDisplayed] = useState(false)
 
   const autosuggestRef = useRef(null)
+  const containerRef = useRef(null)
 
   const computeSuggestions = value => {
     const inputValue = value.trim().toLowerCase()
@@ -138,6 +139,18 @@ const ShareAutocomplete = ({
     autosuggestRef?.current?.input?.focus()
   }
 
+  const onSuggestionHighlighted = () => {
+    requestAnimationFrame(() => {
+      if (!containerRef.current) return
+      const highlighted = containerRef.current.querySelector(
+        '[aria-selected="true"]'
+      )
+      if (highlighted) {
+        highlighted.scrollIntoView({ block: 'nearest' })
+      }
+    })
+  }
+
   const renderInput = inputProps => (
     <div className={styles['recipientsContainer']}>
       {recipients.map((recipient, idx) => {
@@ -175,28 +188,31 @@ const ShareAutocomplete = ({
   )
 
   return (
-    <Autosuggest
-      ref={autosuggestRef}
-      theme={styles}
-      suggestions={suggestions.slice(0, 20)}
-      getSuggestionValue={contact => contact}
-      onSuggestionsFetchRequested={onSuggestionsFetchRequested}
-      onSuggestionsClearRequested={onSuggestionsClearRequested}
-      renderSuggestion={renderSuggestion}
-      renderInputComponent={renderInput}
-      highlightFirstSuggestion
-      inputProps={{
-        onFocus: onAutosuggestFocus,
-        onChange: onAutosuggestChange,
-        onPaste: onAutosuggestPaste,
-        onBlur: onAutosuggestBlur,
-        value: inputValue,
-        type: 'email',
-        placeholder,
-        className: styles['suggestionInput'],
-        disabled
-      }}
-    />
+    <div ref={containerRef}>
+      <Autosuggest
+        ref={autosuggestRef}
+        theme={styles}
+        suggestions={suggestions.slice(0, 20)}
+        getSuggestionValue={contact => contact}
+        onSuggestionsFetchRequested={onSuggestionsFetchRequested}
+        onSuggestionsClearRequested={onSuggestionsClearRequested}
+        onSuggestionHighlighted={onSuggestionHighlighted}
+        renderSuggestion={renderSuggestion}
+        renderInputComponent={renderInput}
+        highlightFirstSuggestion
+        inputProps={{
+          onFocus: onAutosuggestFocus,
+          onChange: onAutosuggestChange,
+          onPaste: onAutosuggestPaste,
+          onBlur: onAutosuggestBlur,
+          value: inputValue,
+          type: 'email',
+          placeholder,
+          className: styles['suggestionInput'],
+          disabled
+        }}
+      />
+    </div>
   )
 }
 

package/src/components/SharedDrive/helpers.js

@@ -73,7 +73,7 @@ export const formatRecipients = sharedDriveRecipients => {
     recipients.push({
       index: `${RECIPIENT_INDEX_PREFIX}${r._id}`,
       email: ContactModel.getPrimaryEmail(r),
-      public_name: r.displayName || r.name,
+      public_name: ContactModel.getDisplayName(r),
       memberIndex: r._id,
       type: 'two-way',
       members: r.members
@@ -84,7 +84,7 @@ export const formatRecipients = sharedDriveRecipients => {
     recipients.push({
       index: `${RECIPIENT_INDEX_PREFIX}${r._id}`,
       email: ContactModel.getPrimaryEmail(r),
-      public_name: r.displayName || r.name,
+      public_name: ContactModel.getDisplayName(r),
       memberIndex: r._id,
       type: 'one-way',
       members: r.members

package/src/components/SharedDrive/helpers.spec.js

@@ -138,6 +138,22 @@ describe('formatRecipients', () => {
     })
   })
 
+  it('should flatten an object-shaped contact name into a string public_name', () => {
+    const input = {
+      recipients: [
+        {
+          _id: '3',
+          name: { givenName: 'Arya', familyName: 'Stark' },
+          email: [{ address: 'arya@example.com', primary: true }]
+        }
+      ],
+      readOnlyRecipients: []
+    }
+    const result = formatRecipients(input)
+    expect(typeof result[0].public_name).toBe('string')
+    expect(result[0].public_name).toBe('Arya Stark')
+  })
+
   it('should sort recipients by public_name', () => {
     const input = {
       recipients: [