cozy-ui 127.13.1 → 127.15.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [127.15.0](https://github.com/cozy/cozy-ui/compare/v127.14.0...v127.15.0) (2025-08-25)
+
+
+### Features
+
+* **ActionsMenuButton:** Add component ([cd65a6c](https://github.com/cozy/cozy-ui/commit/cd65a6c))
+
+# [127.14.0](https://github.com/cozy/cozy-ui/compare/v127.13.1...v127.14.0) (2025-08-21)
+
+
+### Features
+
+* **Icons:** Add `AssignAdmin` and `AssignModerator` ([a66dedf](https://github.com/cozy/cozy-ui/commit/a66dedf))
+
 ## [127.13.1](https://github.com/cozy/cozy-ui/compare/v127.13.0...v127.13.1) (2025-08-21)
 
 

package/assets/icons/ui/assign-admin.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M11.2 10.896a.896.896 0 1 0 0-1.792.896.896 0 0 0 0 1.792Z"/><path fill-rule="evenodd" d="M11.2 11.6c-.584 0-1.752.288-1.792.864a2.19 2.19 0 0 0 1.792.936 2.19 2.19 0 0 0 1.792-.936c-.04-.576-1.208-.864-1.792-.864Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M12 6.472V2.616L6 0 0 2.616v3.928c0 3.632 2.56 7.032 6 7.856.44-.104.864-.256 1.28-.44A4.778 4.778 0 0 0 11.2 16c2.648 0 4.8-2.152 4.8-4.8a4.798 4.798 0 0 0-4-4.728ZM6.4 11.2c0 .448.064.888.184 1.296a5.27 5.27 0 0 1-.584.24c-2.536-.8-4.4-3.392-4.4-6.192v-2.88L6 1.744l4.4 1.92v2.808a4.798 4.798 0 0 0-4 4.728Zm4.8 3.2a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 1 1 0 6.4Z" clip-rule="evenodd"/></svg>

package/assets/icons/ui/assign-moderator.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16"><path d="M1.6 7.272v-3.76l4.8-1.8 4.8 1.8v2.952c.568.08 1.104.248 1.6.48V2.4L6.4 0 0 2.4v4.872C0 11.312 2.728 15.08 6.4 16c.024-.008.04-.016.064-.016a5.658 5.658 0 0 1-1.4-2.272C3.008 12.424 1.6 9.936 1.6 7.272Z"/><path d="M10.4 8c-2.208 0-4 1.792-4 4s1.792 4 4 4 4-1.792 4-4-1.792-4-4-4Zm2.4 4.4h-2v2H10v-2H8v-.8h2v-2h.8v2h2v.8Z"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "127.13.1",
+  "version": "127.15.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/ActionsMenu/Actions/locales/en.json

@@ -1,4 +1,5 @@
 {
+  "menu": "Menu",
   "viewInContacts": "View in Cozy Contacts",
   "viewInDrive": "Open",
   "modify": "Modify",

package/react/ActionsMenu/Actions/locales/fr.json

@@ -1,4 +1,5 @@
 {
+  "menu": "Menu",
   "viewInContacts": "Voir dans Cozy Contacts",
   "viewInDrive": "Ouvrir",
   "modify": "Modifier",

package/react/ActionsMenu/ActionsMenuButton.jsx

@@ -0,0 +1,45 @@
+import React, { useState, useRef } from 'react'
+
+import ActionsMenu from '.'
+import { locales } from './Actions/locales/withActionsLocales'
+import Icon from '../Icon'
+import IconButton from '../IconButton'
+import DotsIcon from '../Icons/Dots'
+import ListItemIcon from '../ListItemIcon'
+import { useI18n, useExtendI18n } from '../providers/I18n'
+
+const ActionsMenuButton = ({ docs, actions }) => {
+  const [showActions, setShowActions] = useState(false)
+  const actionsRef = useRef()
+  useExtendI18n(locales)
+  const { t } = useI18n()
+
+  return (
+    <>
+      <ListItemIcon>
+        <IconButton
+          ref={actionsRef}
+          arial-label={t('menu')}
+          onClick={() => setShowActions(true)}
+        >
+          <Icon icon={DotsIcon} />
+        </IconButton>
+      </ListItemIcon>
+      {showActions && (
+        <ActionsMenu
+          open
+          ref={actionsRef}
+          docs={docs}
+          actions={actions}
+          anchorOrigin={{
+            vertical: 'bottom',
+            horizontal: 'right'
+          }}
+          onClose={() => setShowActions(false)}
+        />
+      )}
+    </>
+  )
+}
+
+export default ActionsMenuButton

package/react/ContactsList/ContactCell.jsx

@@ -1,20 +1,9 @@
-import React, { useRef, useState } from 'react'
+import React from 'react'
 
 import ContactIdentity from './Contacts/ContactIdentity'
-import { locales } from './locales/withContactsListLocales'
-import ActionsMenu from '../ActionsMenu'
-import Icon from '../Icon'
-import IconButton from '../IconButton'
-import DotsIcon from '../Icons/Dots'
-import ListItemIcon from '../ListItemIcon'
-import { useI18n, useExtendI18n } from '../providers/I18n'
+import ActionsMenuButton from '../ActionsMenu/ActionsMenuButton'
 
 const Cell = ({ row, column, cell, actions }) => {
-  const [showActions, setShowActions] = useState(false)
-  useExtendI18n(locales)
-  const { t } = useI18n()
-  const actionsRef = useRef()
-
   if (column.id === 'fullname') {
     return <ContactIdentity contact={row} noWrapper />
   }
@@ -24,32 +13,7 @@ const Cell = ({ row, column, cell, actions }) => {
       return null
     }
 
-    return (
-      <>
-        <ListItemIcon>
-          <IconButton
-            ref={actionsRef}
-            arial-label={t('menu')}
-            onClick={() => setShowActions(true)}
-          >
-            <Icon icon={DotsIcon} />
-          </IconButton>
-        </ListItemIcon>
-        {showActions && (
-          <ActionsMenu
-            open
-            ref={actionsRef}
-            docs={[row]}
-            actions={actions}
-            anchorOrigin={{
-              vertical: 'bottom',
-              horizontal: 'right'
-            }}
-            onClose={() => setShowActions(false)}
-          />
-        )}
-      </>
-    )
+    return <ActionsMenuButton docs={[row]} actions={actions} />
   }
 
   return cell

package/react/ContactsList/locales/en.json

@@ -1,6 +1,5 @@
 {
   "empty": "EMPTY",
   "me": "me",
-  "favorite": "favorites",
-  "menu": "Menu"
+  "favorite": "favorites"
 }

package/react/ContactsList/locales/fr.json

@@ -1,6 +1,5 @@
 {
   "empty": "VIDE",
   "me": "moi",
-  "favorite": "favoris",
-  "menu": "Menu"
+  "favorite": "favoris"
 }

package/react/Icon/Readme.md

@@ -71,6 +71,8 @@ import Answer from 'cozy-ui/transpiled/react/Icons/Answer'
 import Apple from 'cozy-ui/transpiled/react/Icons/Apple'
 import Archive from 'cozy-ui/transpiled/react/Icons/Archive'
 import ArrowUp from 'cozy-ui/transpiled/react/Icons/ArrowUp'
+import AssignAdmin from 'cozy-ui/transpiled/react/Icons/AssignAdmin'
+import AssignModerator from 'cozy-ui/transpiled/react/Icons/AssignModerator'
 import Assistant from 'cozy-ui/transpiled/react/Icons/Assistant'
 import Attachment from 'cozy-ui/transpiled/react/Icons/Attachment'
 import Attention from 'cozy-ui/transpiled/react/Icons/Attention'
@@ -352,6 +354,8 @@ const icons = [
   Apple,
   Archive,
   ArrowUp,
+  AssignAdmin,
+  AssignModerator,
   Assistant,
   Attachment,
   Attention,
@@ -988,7 +992,7 @@ import Typography from 'cozy-ui/transpiled/react/Typography'
 
 const colors = ['#297EF2', '#08b442', '#B449E7', '#F52D2D', '#FF962F']
 let i = 0
-const availableIcons = ['album-add','album-remove','album','answer','apple','archive','arrowUp','attachment','attention','bank-check','bank','banking-add','banking','bell','benefit','bike','bill','bottom','browser-brave','browser-chrome','browser-duckduckgo','browser-edge','browser-edge-chromium','browser-firefox','browser-ie','browser-opera','browser-safari','burger','bus','calendar','camera','car','carbonCopy','carpooling','categories','certified','check-circle','check-list','check-square','check','checkbox','chess','child','circle-filled','clock','clock-outline','cloud-happy','cloud-rainbow','cloud-plus-outlined','cloud','cloud2','collect','cocktail','comment','company','compare','compass','connector','contract','contrast','copy','cozy-circle','cozy-laugh', 'cozy-lock', 'cozy-text', 'cozy-release', 'credit-card-add','credit-card','credit','crop','cross-circle-outline','cross-circle','cross-medium','cross-small','cross','cube','dash','dashboard','data-control','debit','desktop-download','devices','discuss','dots','down','download','drawing-arrow-up','dropdown-close','dropdown-open','dropdown','dropup','electric-bike','electric-car','electric-scooter','email-notification','email-open','email','eu','euro','exchange','eye-closed','eye','face-id','file-add','file-duotone','file-new','file-none','file-outline','file','filter','fingerprint','fitness','flag-outlined','flag','flash-auto','flashlight','folder-add','folder-moveto','folder-open','folder','forbidden','from-user','gear','globe','gouv','graph-circle','grid','group-list','groups','growth','hand','heart','help','help-outlined','history','home','hourglass','image','info-outlined','info','justice','key','key2','label-outlined','laudry','laptop','left','library','lightbulb','lightning','link-out','link','list','list-min','location','lock', 'lock-screen', 'logout','magic-trick','magnet','magnifier','merge','moped','mosaic','mosaic-min','motorcycle','mountain','movement-in','movement-out','mouvement','moveto','multi-files','music','new','next','note','notification-email','number','offline','online', 'openapp', 'openwith','palette','paper','paperplane','password','pen','people','peoples','percent-circle','percent','person-add','personal-data','phone-download','phone-upload','phone','pie-chart','pin','plane','plus-small','plus', 'pop-inside', 'previous','printer','qualify','radio-checked','radio-unchecked','refresh','relationship','remboursement','rename','repare','reply','restaurant','restore-straight','restore','right','rise','rotate-left','rotate-right','sad-cozy','safe','school','scooter','secutiry','select-all','server','setting','share-circle','share','shield','shop','sound','spinner','sport-bag','stack','star','star-outline','stats','stop', 'subway', 'support', 'swap', 'sync-cozy','sync','tab','tag','target','task','team','telecom','telephone','text','text-info','to-the-cloud','top','train','tram','trash','trophy', 'uncloud', 'unknow','unlink','unlock','up','upload','videos','walk','wallet-add','wallet-new','wallet','warn','warning-circle','warning','water','wrench-circle','work']
+const availableIcons = ['album-add','album-remove','album','answer','apple','archive','arrowUp','assign-admin','assign-moderator','attachment','attention','bank-check','bank','banking-add','banking','bell','benefit','bike','bill','bottom','browser-brave','browser-chrome','browser-duckduckgo','browser-edge','browser-edge-chromium','browser-firefox','browser-ie','browser-opera','browser-safari','burger','bus','calendar','camera','car','carbonCopy','carpooling','categories','certified','check-circle','check-list','check-square','check','checkbox','chess','child','circle-filled','clock','clock-outline','cloud-happy','cloud-rainbow','cloud-plus-outlined','cloud','cloud2','collect','cocktail','comment','company','compare','compass','connector','contract','contrast','copy','cozy-circle','cozy-laugh', 'cozy-lock', 'cozy-text', 'cozy-release', 'credit-card-add','credit-card','credit','crop','cross-circle-outline','cross-circle','cross-medium','cross-small','cross','cube','dash','dashboard','data-control','debit','desktop-download','devices','discuss','dots','down','download','drawing-arrow-up','dropdown-close','dropdown-open','dropdown','dropup','electric-bike','electric-car','electric-scooter','email-notification','email-open','email','eu','euro','exchange','eye-closed','eye','face-id','file-add','file-duotone','file-new','file-none','file-outline','file','filter','fingerprint','fitness','flag-outlined','flag','flash-auto','flashlight','folder-add','folder-moveto','folder-open','folder','forbidden','from-user','gear','globe','gouv','graph-circle','grid','group-list','groups','growth','hand','heart','help','help-outlined','history','home','hourglass','image','info-outlined','info','justice','key','key2','label-outlined','laudry','laptop','left','library','lightbulb','lightning','link-out','link','list','list-min','location','lock', 'lock-screen', 'logout','magic-trick','magnet','magnifier','merge','moped','mosaic','mosaic-min','motorcycle','mountain','movement-in','movement-out','mouvement','moveto','multi-files','music','new','next','note','notification-email','number','offline','online', 'openapp', 'openwith','palette','paper','paperplane','password','pen','people','peoples','percent-circle','percent','person-add','personal-data','phone-download','phone-upload','phone','pie-chart','pin','plane','plus-small','plus', 'pop-inside', 'previous','printer','qualify','radio-checked','radio-unchecked','refresh','relationship','remboursement','rename','repare','reply','restaurant','restore-straight','restore','right','rise','rotate-left','rotate-right','sad-cozy','safe','school','scooter','secutiry','select-all','server','setting','share-circle','share','shield','shop','sound','spinner','sport-bag','stack','star','star-outline','stats','stop', 'subway', 'support', 'swap', 'sync-cozy','sync','tab','tag','target','task','team','telecom','telephone','text','text-info','to-the-cloud','top','train','tram','trash','trophy', 'uncloud', 'unknow','unlink','unlock','up','upload','videos','walk','wallet-add','wallet-new','wallet','warn','warning-circle','warning','water','wrench-circle','work']
 ;
 
 <Grid container spacing={2}>

package/react/Icons/AssignAdmin.jsx

@@ -0,0 +1,22 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/assign-admin.svg` to regenerate;
+import React from 'react'
+
+function SvgAssignAdmin(props) {
+  return (
+    <svg {...props}>
+      <path d="M11.2 10.896a.896.896 0 100-1.792.896.896 0 000 1.792z" />
+      <path
+        fillRule="evenodd"
+        d="M11.2 11.6c-.584 0-1.752.288-1.792.864a2.19 2.19 0 001.792.936 2.19 2.19 0 001.792-.936c-.04-.576-1.208-.864-1.792-.864z"
+        clipRule="evenodd"
+      />
+      <path
+        fillRule="evenodd"
+        d="M12 6.472V2.616L6 0 0 2.616v3.928c0 3.632 2.56 7.032 6 7.856.44-.104.864-.256 1.28-.44A4.778 4.778 0 0011.2 16c2.648 0 4.8-2.152 4.8-4.8a4.798 4.798 0 00-4-4.728zM6.4 11.2c0 .448.064.888.184 1.296a5.27 5.27 0 01-.584.24c-2.536-.8-4.4-3.392-4.4-6.192v-2.88L6 1.744l4.4 1.92v2.808a4.798 4.798 0 00-4 4.728zm4.8 3.2a3.2 3.2 0 110-6.4 3.2 3.2 0 110 6.4z"
+        clipRule="evenodd"
+      />
+    </svg>
+  )
+}
+
+export default SvgAssignAdmin

package/react/Icons/AssignModerator.jsx

@@ -0,0 +1,13 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/assign-moderator.svg` to regenerate;
+import React from 'react'
+
+function SvgAssignModerator(props) {
+  return (
+    <svg {...props}>
+      <path d="M1.6 7.272v-3.76l4.8-1.8 4.8 1.8v2.952c.568.08 1.104.248 1.6.48V2.4L6.4 0 0 2.4v4.872C0 11.312 2.728 15.08 6.4 16c.024-.008.04-.016.064-.016a5.658 5.658 0 01-1.4-2.272C3.008 12.424 1.6 9.936 1.6 7.272z" />
+      <path d="M10.4 8c-2.208 0-4 1.792-4 4s1.792 4 4 4 4-1.792 4-4-1.792-4-4-4zm2.4 4.4h-2v2H10v-2H8v-.8h2v-2h.8v2h2v.8z" />
+    </svg>
+  )
+}
+
+export default SvgAssignModerator

package/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales.js

@@ -1,4 +1,5 @@
 var en = {
+  menu: "Menu",
   viewInContacts: "View in Cozy Contacts",
   viewInDrive: "Open",
   modify: "Modify",
@@ -27,6 +28,7 @@ var en = {
   call: "Call"
 };
 var fr = {
+  menu: "Menu",
   viewInContacts: "Voir dans Cozy Contacts",
   viewInDrive: "Ouvrir",
   modify: "Modifier",

package/transpiled/react/ActionsMenu/ActionsMenuButton.d.ts

@@ -0,0 +1,5 @@
+export default ActionsMenuButton;
+declare function ActionsMenuButton({ docs, actions }: {
+    docs: any;
+    actions: any;
+}): JSX.Element;

package/transpiled/react/ActionsMenu/ActionsMenuButton.js

@@ -0,0 +1,49 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState, useRef } from 'react';
+import ActionsMenu from "cozy-ui/transpiled/react/ActionsMenu";
+import { locales } from "cozy-ui/transpiled/react/ActionsMenu/Actions/locales/withActionsLocales";
+import Icon from "cozy-ui/transpiled/react/Icon";
+import IconButton from "cozy-ui/transpiled/react/IconButton";
+import DotsIcon from "cozy-ui/transpiled/react/Icons/Dots";
+import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
+import { useI18n, useExtendI18n } from "cozy-ui/transpiled/react/providers/I18n";
+
+var ActionsMenuButton = function ActionsMenuButton(_ref) {
+  var docs = _ref.docs,
+      actions = _ref.actions;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      showActions = _useState2[0],
+      setShowActions = _useState2[1];
+
+  var actionsRef = useRef();
+  useExtendI18n(locales);
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(IconButton, {
+    ref: actionsRef,
+    "arial-label": t('menu'),
+    onClick: function onClick() {
+      return setShowActions(true);
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: DotsIcon
+  }))), showActions && /*#__PURE__*/React.createElement(ActionsMenu, {
+    open: true,
+    ref: actionsRef,
+    docs: docs,
+    actions: actions,
+    anchorOrigin: {
+      vertical: 'bottom',
+      horizontal: 'right'
+    },
+    onClose: function onClose() {
+      return setShowActions(false);
+    }
+  }));
+};
+
+export default ActionsMenuButton;

package/transpiled/react/ContactsList/ContactCell.js

@@ -1,13 +1,6 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useRef, useState } from 'react';
+import React from 'react';
 import ContactIdentity from "cozy-ui/transpiled/react/ContactsList/Contacts/ContactIdentity";
-import { locales } from "cozy-ui/transpiled/react/ContactsList/locales/withContactsListLocales";
-import ActionsMenu from "cozy-ui/transpiled/react/ActionsMenu";
-import Icon from "cozy-ui/transpiled/react/Icon";
-import IconButton from "cozy-ui/transpiled/react/IconButton";
-import DotsIcon from "cozy-ui/transpiled/react/Icons/Dots";
-import ListItemIcon from "cozy-ui/transpiled/react/ListItemIcon";
-import { useI18n, useExtendI18n } from "cozy-ui/transpiled/react/providers/I18n";
+import ActionsMenuButton from "cozy-ui/transpiled/react/ActionsMenu/ActionsMenuButton";
 
 var Cell = function Cell(_ref) {
   var row = _ref.row,
@@ -15,18 +8,6 @@ var Cell = function Cell(_ref) {
       cell = _ref.cell,
       actions = _ref.actions;
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showActions = _useState2[0],
-      setShowActions = _useState2[1];
-
-  useExtendI18n(locales);
-
-  var _useI18n = useI18n(),
-      t = _useI18n.t;
-
-  var actionsRef = useRef();
-
   if (column.id === 'fullname') {
     return /*#__PURE__*/React.createElement(ContactIdentity, {
       contact: row,
@@ -39,27 +20,10 @@ var Cell = function Cell(_ref) {
       return null;
     }
 
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(IconButton, {
-      ref: actionsRef,
-      "arial-label": t('menu'),
-      onClick: function onClick() {
-        return setShowActions(true);
-      }
-    }, /*#__PURE__*/React.createElement(Icon, {
-      icon: DotsIcon
-    }))), showActions && /*#__PURE__*/React.createElement(ActionsMenu, {
-      open: true,
-      ref: actionsRef,
+    return /*#__PURE__*/React.createElement(ActionsMenuButton, {
       docs: [row],
-      actions: actions,
-      anchorOrigin: {
-        vertical: 'bottom',
-        horizontal: 'right'
-      },
-      onClose: function onClose() {
-        return setShowActions(false);
-      }
-    }));
+      actions: actions
+    });
   }
 
   return cell;

package/transpiled/react/ContactsList/locales/withContactsListLocales.js

@@ -1,14 +1,12 @@
 var en = {
   empty: "EMPTY",
   me: "me",
-  favorite: "favorites",
-  menu: "Menu"
+  favorite: "favorites"
 };
 var fr = {
   empty: "VIDE",
   me: "moi",
-  favorite: "favoris",
-  menu: "Menu"
+  favorite: "favoris"
 };
 import withOnlyLocales from "cozy-ui/transpiled/react/providers/I18n/withOnlyLocales";
 export var locales = {