cozy-ui 146.3.0 → 146.3.1

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [146.3.1](https://github.com/cozy/cozy-ui/compare/v146.3.0...v146.3.1) (2026-11-03)
+
+
+### Bug Fixes
+
+* **MemberAutocomplete:** Enable Send only for a text giving members ([6ffaeb0](https://github.com/cozy/cozy-ui/commit/6ffaeb0))
+* **MuiCozyTheme:** Stop the CircularProgress animation in screenshots ([d5025ad](https://github.com/cozy/cozy-ui/commit/d5025ad))
+
 # [146.3.0](https://github.com/cozy/cozy-ui/compare/v146.2.2...v146.3.0) (2026-11-03)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "146.3.0",
+  "version": "146.3.1",
   "description": "Cozy apps UI SDK",
   "engines": {
     "node": "24.x"

package/react/MemberAutocomplete/MemberAutocomplete.spec.jsx

@@ -80,4 +80,28 @@ describe('MemberAutocomplete', () => {
 
     expect(input.value).toBe('bo')
   })
+
+  it('enables Send only for a typed text that gives members', () => {
+    const getMembersWithDomain = text =>
+      (text.match(/\S+@\S+\.\S+/g) || []).map(email => ({ id: email }))
+    render(
+      <DemoProvider>
+        <MemberAutocomplete
+          value={[]}
+          getMembersFromText={getMembersWithDomain}
+          placeholder="Add people"
+          onChange={() => {}}
+          onSubmit={() => {}}
+        />
+      </DemoProvider>
+    )
+    const input = screen.getByPlaceholderText('Add people')
+    const send = screen.getByRole('button', { name: 'Send' })
+
+    fireEvent.change(input, { target: { value: 'bob@example' } })
+    expect(send).toBeDisabled()
+
+    fireEvent.change(input, { target: { value: 'bob@example.com' } })
+    expect(send).toBeEnabled()
+  })
 })

package/react/MemberAutocomplete/index.jsx

@@ -6,7 +6,7 @@ import { useI18n, useExtendI18n } from 'twake-i18n'
 import MemberAutocompleteActions from './MemberAutocompleteActions'
 import MemberChip from './MemberChip'
 import MemberSuggestion from './MemberSuggestion'
-import { getUnpickedMembers, isEmailLike } from './helpers'
+import { getUnpickedMembers } from './helpers'
 import { locales } from './locales'
 import { useMemberInput } from './useMemberInput'
 import { useMemberSuggestions } from './useMemberSuggestions'
@@ -89,6 +89,7 @@ const MemberAutocomplete = ({
     debounceMs
   })
   const {
+    isTextAddedOnBlur,
     handleChange,
     handleInputChange,
     handleKeyDown,
@@ -112,7 +113,7 @@ const MemberAutocomplete = ({
   const titleId = `${inputId}-title`
   const isTitleShown = title !== undefined
   const isSubmitShown = onSubmit !== undefined
-  const hasMembersToSend = value.length > 0 || isEmailLike(inputValue)
+  const hasMembersToSend = value.length > 0 || isTextAddedOnBlur
   const isLoading = loading || isFetching
   const unpickedSuggestions = getUnpickedMembers(suggestions, value)
   const fieldPlaceholder = value.length === 0 ? placeholder : undefined

package/react/MemberAutocomplete/useMemberInput.js

@@ -64,13 +64,17 @@ export const useMemberInput = ({
     }
   }
 
+  const isTextAddedOnBlur =
+    isEmailLike(inputValue) && getKnownMembersFromText(inputValue).length > 0
+
   const handleBlur = () => {
-    if (isEmailLike(inputValue) && addMembersFromText(inputValue)) {
+    if (isTextAddedOnBlur && addMembersFromText(inputValue)) {
       onInputValueChange('')
     }
   }
 
   return {
+    isTextAddedOnBlur,
     handleChange,
     handleInputChange,
     handleKeyDown,

package/react/MuiCozyTheme/makeTheme.jsx

@@ -35,6 +35,14 @@ const themesCommonConfig = {
   ...(isTesting() && { transitions: { create: () => 'none' } })
 }
 
+// Keyframe animations ignore `transitions`, so they would change each screenshot
+const testingOverrides = {
+  MuiCircularProgress: {
+    indeterminate: { animation: 'none' },
+    circleIndeterminate: { animation: 'none' }
+  }
+}
+
 export const makeTheme = type => {
   // to hold the values of css variables, recoverable by getCssVariableValue()
   createNodeWithThemeCssVars(type)
@@ -48,7 +56,10 @@ export const makeTheme = type => {
     palette
   })
 
-  const overrides = makeOverridesByTheme(theme)[type]
+  const overrides = {
+    ...makeOverridesByTheme(theme)[type],
+    ...(isTesting() && testingOverrides)
+  }
 
   return {
     ...theme,

package/transpiled/react/MemberAutocomplete/index.js

@@ -13,7 +13,7 @@ import { useI18n, useExtendI18n } from 'twake-i18n';
 import MemberAutocompleteActions from "cozy-ui/transpiled/react/MemberAutocomplete/MemberAutocompleteActions";
 import MemberChip from "cozy-ui/transpiled/react/MemberAutocomplete/MemberChip";
 import MemberSuggestion from "cozy-ui/transpiled/react/MemberAutocomplete/MemberSuggestion";
-import { getUnpickedMembers, isEmailLike } from "cozy-ui/transpiled/react/MemberAutocomplete/helpers";
+import { getUnpickedMembers } from "cozy-ui/transpiled/react/MemberAutocomplete/helpers";
 import { locales } from "cozy-ui/transpiled/react/MemberAutocomplete/locales";
 import { useMemberInput } from "cozy-ui/transpiled/react/MemberAutocomplete/useMemberInput";
 import { useMemberSuggestions } from "cozy-ui/transpiled/react/MemberAutocomplete/useMemberSuggestions";
@@ -133,6 +133,7 @@ var MemberAutocomplete = function MemberAutocomplete(_ref2) {
     onInputValueChange: setInputValue,
     onChange: onChange
   }),
+      isTextAddedOnBlur = _useMemberInput.isTextAddedOnBlur,
       handleChange = _useMemberInput.handleChange,
       handleInputChange = _useMemberInput.handleInputChange,
       handleKeyDown = _useMemberInput.handleKeyDown,
@@ -148,7 +149,7 @@ var MemberAutocomplete = function MemberAutocomplete(_ref2) {
   var titleId = "".concat(inputId, "-title");
   var isTitleShown = title !== undefined;
   var isSubmitShown = onSubmit !== undefined;
-  var hasMembersToSend = value.length > 0 || isEmailLike(inputValue);
+  var hasMembersToSend = value.length > 0 || isTextAddedOnBlur;
   var isLoading = loading || isFetching;
   var unpickedSuggestions = getUnpickedMembers(suggestions, value);
   var fieldPlaceholder = value.length === 0 ? placeholder : undefined;

package/transpiled/react/MemberAutocomplete/useMemberInput.d.ts

@@ -6,6 +6,7 @@ export function useMemberInput({ inputValue, value, suggestions, getMembersFromT
     onInputValueChange: Function;
     onChange: Function;
 }): {
+    isTextAddedOnBlur: boolean;
     handleChange: (event: any, newValue: any, reason: any) => void;
     handleInputChange: (event: any, newInputValue: any, reason: any) => void;
     handleKeyDown: (event: any) => void;

package/transpiled/react/MemberAutocomplete/useMemberInput.js

@@ -60,13 +60,16 @@ export var useMemberInput = function useMemberInput(_ref) {
     }
   };
 
+  var isTextAddedOnBlur = isEmailLike(inputValue) && getKnownMembersFromText(inputValue).length > 0;
+
   var handleBlur = function handleBlur() {
-    if (isEmailLike(inputValue) && addMembersFromText(inputValue)) {
+    if (isTextAddedOnBlur && addMembersFromText(inputValue)) {
       onInputValueChange('');
     }
   };
 
   return {
+    isTextAddedOnBlur: isTextAddedOnBlur,
     handleChange: handleChange,
     handleInputChange: handleInputChange,
     handleKeyDown: handleKeyDown,

package/transpiled/react/MuiCozyTheme/makeTheme.js

@@ -43,8 +43,19 @@ var themesCommonConfig = _objectSpread({
       return 'none';
     }
   }
-});
+}); // Keyframe animations ignore `transitions`, so they would change each screenshot
 
+
+var testingOverrides = {
+  MuiCircularProgress: {
+    indeterminate: {
+      animation: 'none'
+    },
+    circleIndeterminate: {
+      animation: 'none'
+    }
+  }
+};
 export var makeTheme = function makeTheme(type) {
   // to hold the values of css variables, recoverable by getCssVariableValue()
   createNodeWithThemeCssVars(type);
@@ -55,7 +66,9 @@ export var makeTheme = function makeTheme(type) {
     type: type,
     palette: palette
   }));
-  var overrides = makeOverridesByTheme(theme)[type];
+
+  var overrides = _objectSpread(_objectSpread({}, makeOverridesByTheme(theme)[type]), isTesting() && testingOverrides);
+
   return _objectSpread(_objectSpread({}, theme), {}, {
     overrides: overrides
   });