cozy-ui 146.2.0 → 146.2.2

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [146.2.2](https://github.com/cozy/cozy-ui/compare/v146.2.1...v146.2.2) (2026-11-02)
+
+
+### Bug Fixes
+
+* **MuiCozyTheme:** Readable label on a primary Fab in dark mode ([804e3d6](https://github.com/cozy/cozy-ui/commit/804e3d6))
+
+## [146.2.1](https://github.com/cozy/cozy-ui/compare/v146.2.0...v146.2.1) (2026-11-02)
+
+
+### Bug Fixes
+
+* **MemberRoleMenuHeader:** Register its locales ([396d6b4](https://github.com/cozy/cozy-ui/commit/396d6b4))
+* **MemberRoleMenu:** Show the mobile header only with a member ([59b5d17](https://github.com/cozy/cozy-ui/commit/59b5d17))
+
 # [146.2.0](https://github.com/cozy/cozy-ui/compare/v146.1.0...v146.2.0) (2026-11-02)
 
 

package/package.json

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

package/react/MemberRow/MemberRoleMenu.jsx

@@ -17,6 +17,7 @@ const MemberRoleMenu = ({ member, value, roles, onChange }) => {
   const [isMenuDisplayed, setMenuDisplayed] = useState(false)
 
   const label = roles.find(role => role.value === value)?.label
+  const isHeaderShown = isMobile && member !== undefined
 
   const handleRoleClick = role => {
     if (role.value !== value) onChange(role.value)
@@ -44,7 +45,7 @@ const MemberRoleMenu = ({ member, value, roles, onChange }) => {
         onClose={() => setMenuDisplayed(false)}
       >
         {/* The header renders nothing on desktop but would still take the initial focus of the menu */}
-        {isMobile && <MemberRoleMenuHeader member={member} />}
+        {isHeaderShown && <MemberRoleMenuHeader member={member} />}
         {roles.map(role => (
           <ActionsMenuItem
             key={role.value}
@@ -62,7 +63,8 @@ const MemberRoleMenu = ({ member, value, roles, onChange }) => {
 }
 
 MemberRoleMenu.propTypes = {
-  member: memberPropType.isRequired,
+  /** Member shown in the header of the menu on mobile */
+  member: memberPropType,
   value: PropTypes.string.isRequired,
   roles: rolesPropType.isRequired,
   onChange: PropTypes.func.isRequired

package/react/MemberRow/MemberRoleMenuHeader.jsx

@@ -1,14 +1,16 @@
 import React from 'react'
-import { useI18n } from 'twake-i18n'
+import { useI18n, useExtendI18n } from 'twake-i18n'
 
 import MemberAvatar from './MemberAvatar'
 import MemberGroupAvatar from './MemberGroupAvatar'
+import { locales } from './locales'
 import { memberPropType } from './propTypes'
 import ActionsMenuMobileHeader from '../ActionsMenu/ActionsMenuMobileHeader'
 import ListItemIcon from '../ListItemIcon'
 import ListItemText from '../ListItemText'
 
 const MemberRoleMenuHeader = ({ member }) => {
+  useExtendI18n(locales)
   const { t } = useI18n()
   const { name, avatarUrl, initials, color, isGroup, isCurrentUser } = member
 

package/react/MuiCozyTheme/overrides/makeDarkOverrides.js

@@ -14,6 +14,11 @@ export const makeDarkOverrides = theme => {
       root: {
         backgroundColor: alpha(theme.palette.common.black, 0.5)
       }
+    },
+    MuiFab: {
+      primary: {
+        color: theme.palette.primary.contrastText
+      }
     }
   })
 

package/transpiled/react/MemberRow/MemberRoleMenu.d.ts

@@ -7,39 +7,14 @@ declare function MemberRoleMenu({ member, value, roles, onChange }: {
 }): JSX.Element;
 declare namespace MemberRoleMenu {
     namespace propTypes {
-        const member: PropTypes.Validator<PropTypes.InferProps<{
-            id: PropTypes.Validator<string>;
-            name: PropTypes.Requireable<string>;
-            subtitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            avatarUrl: PropTypes.Requireable<string>;
-            initials: PropTypes.Requireable<string>;
-            color: PropTypes.Requireable<string>;
-            isGroup: PropTypes.Requireable<boolean>;
-            isOwner: PropTypes.Requireable<boolean>;
-            isCurrentUser: PropTypes.Requireable<boolean>;
-            role: PropTypes.Requireable<string>;
-            roles: PropTypes.Requireable<(PropTypes.InferProps<{
-                value: PropTypes.Validator<string>;
-                label: PropTypes.Validator<string>;
-            }> | null)[]>;
-            canChangeRole: PropTypes.Requireable<boolean>;
-            canRemove: PropTypes.Requireable<boolean>;
-            removeIcon: PropTypes.Requireable<object>;
-            removeLabel: PropTypes.Requireable<string>;
-            action: PropTypes.Requireable<PropTypes.InferProps<{
-                label: PropTypes.Validator<string>;
-                onClick: PropTypes.Validator<(...args: any[]) => any>;
-            }>>;
-            isPending: PropTypes.Requireable<boolean>;
-            onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            data: PropTypes.Requireable<any>;
-        }>>;
-        const value: PropTypes.Validator<string>;
-        const roles: PropTypes.Validator<(PropTypes.InferProps<{
+        export { memberPropType as member };
+        export const value: PropTypes.Validator<string>;
+        export const roles: PropTypes.Validator<(PropTypes.InferProps<{
             value: PropTypes.Validator<string>;
             label: PropTypes.Validator<string>;
         }> | null)[]>;
-        const onChange: PropTypes.Validator<(...args: any[]) => any>;
+        export const onChange: PropTypes.Validator<(...args: any[]) => any>;
     }
 }
+import { memberPropType } from "./propTypes";
 import PropTypes from "prop-types";

package/transpiled/react/MemberRow/MemberRoleMenu.js

@@ -32,6 +32,7 @@ var MemberRoleMenu = function MemberRoleMenu(_ref) {
   var label = (_roles$find = roles.find(function (role) {
     return role.value === value;
   })) === null || _roles$find === void 0 ? void 0 : _roles$find.label;
+  var isHeaderShown = isMobile && member !== undefined;
 
   var handleRoleClick = function handleRoleClick(role) {
     if (role.value !== value) onChange(role.value);
@@ -62,7 +63,7 @@ var MemberRoleMenu = function MemberRoleMenu(_ref) {
     onClose: function onClose() {
       return setMenuDisplayed(false);
     }
-  }, isMobile && /*#__PURE__*/React.createElement(MemberRoleMenuHeader, {
+  }, isHeaderShown && /*#__PURE__*/React.createElement(MemberRoleMenuHeader, {
     member: member
   }), roles.map(function (role) {
     return /*#__PURE__*/React.createElement(ActionsMenuItem, {
@@ -79,7 +80,8 @@ var MemberRoleMenu = function MemberRoleMenu(_ref) {
 };
 
 MemberRoleMenu.propTypes = {
-  member: memberPropType.isRequired,
+  /** Member shown in the header of the menu on mobile */
+  member: memberPropType,
   value: PropTypes.string.isRequired,
   roles: rolesPropType.isRequired,
   onChange: PropTypes.func.isRequired

package/transpiled/react/MemberRow/MemberRoleMenuHeader.js

@@ -1,7 +1,8 @@
 import React from 'react';
-import { useI18n } from 'twake-i18n';
+import { useI18n, useExtendI18n } from 'twake-i18n';
 import MemberAvatar from "cozy-ui/transpiled/react/MemberRow/MemberAvatar";
 import MemberGroupAvatar from "cozy-ui/transpiled/react/MemberRow/MemberGroupAvatar";
+import { locales } from "cozy-ui/transpiled/react/MemberRow/locales";
 import { memberPropType } from "cozy-ui/transpiled/react/MemberRow/propTypes";
 import ActionsMenuMobileHeader from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuMobileHeader";
 import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
@@ -9,6 +10,7 @@ import ListItemText from "cozy-ui/transpiled/react/ListItemText";
 
 var MemberRoleMenuHeader = function MemberRoleMenuHeader(_ref) {
   var member = _ref.member;
+  useExtendI18n(locales);
 
   var _useI18n = useI18n(),
       t = _useI18n.t;

package/transpiled/react/MuiCozyTheme/overrides/makeDarkOverrides.d.ts

@@ -1777,4 +1777,9 @@ export function makeDarkOverrides(theme: any): {
             backgroundColor: string;
         };
     };
+    MuiFab: {
+        primary: {
+            color: any;
+        };
+    };
 };

package/transpiled/react/MuiCozyTheme/overrides/makeDarkOverrides.js

@@ -13,6 +13,11 @@ export var makeDarkOverrides = function makeDarkOverrides(theme) {
         root: {
           backgroundColor: alpha(theme.palette.common.black, 0.5)
         }
+      },
+      MuiFab: {
+        primary: {
+          color: theme.palette.primary.contrastText
+        }
       }
     };
   };