cozy-ui 127.14.0 → 127.16.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [127.16.0](https://github.com/cozy/cozy-ui/compare/v127.15.0...v127.16.0) (2025-08-26)
+
+
+### Features
+
+* Update FileImageLoader to be used in shared drive :sparkles: ([cb4db8f](https://github.com/cozy/cozy-ui/commit/cb4db8f))
+
+# [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)
 
 

package/package.json

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

package/react/ActionsMenu/Actions/download.js

@@ -36,7 +36,13 @@ export const download = ({ encryptedUrl }) => {
     icon,
     label,
     Component: makeComponent(label, icon),
-    action: (docs, { client, webviewIntent }) =>
-      downloadFile({ client, file: docs[0], url: encryptedUrl, webviewIntent })
+    action: (docs, { client, webviewIntent, driveId }) =>
+      downloadFile({
+        client,
+        file: docs[0],
+        url: encryptedUrl,
+        webviewIntent,
+        driveId
+      })
   }
 }

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/FileImageLoader/index.jsx

@@ -142,7 +142,7 @@ export class FileImageLoader extends Component {
         throw new Error('No pdf files fallback')
       }
       const src = await client
-        .collection('io.cozy.files')
+        .collection('io.cozy.files', { driveId: file.driveId })
         .getDownloadLinkById(this.getFileId(file), file.name)
       await checkImageSource(src)
       if (this._mounted) {

package/transpiled/react/ActionsMenu/Actions/download.d.ts

@@ -5,9 +5,10 @@ export function download({ encryptedUrl }: {
     icon: typeof DownloadIcon;
     label: any;
     Component: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-    action: (docs: any, { client, webviewIntent }: {
+    action: (docs: any, { client, webviewIntent, driveId }: {
         client: any;
         webviewIntent: any;
+        driveId: any;
     }) => any;
 };
 import DownloadIcon from "../../Icons/Download";

package/transpiled/react/ActionsMenu/Actions/download.js

@@ -37,12 +37,14 @@ export var download = function download(_ref) {
     Component: makeComponent(label, icon),
     action: function action(docs, _ref2) {
       var client = _ref2.client,
-          webviewIntent = _ref2.webviewIntent;
+          webviewIntent = _ref2.webviewIntent,
+          driveId = _ref2.driveId;
       return downloadFile({
         client: client,
         file: docs[0],
         url: encryptedUrl,
-        webviewIntent: webviewIntent
+        webviewIntent: webviewIntent,
+        driveId: driveId
       });
     }
   };

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 = {

package/transpiled/react/FileImageLoader/index.js

@@ -294,7 +294,9 @@ export var FileImageLoader = /*#__PURE__*/function (_Component) {
 
               case 5:
                 _context4.next = 7;
-                return client.collection('io.cozy.files').getDownloadLinkById(this.getFileId(file), file.name);
+                return client.collection('io.cozy.files', {
+                  driveId: file.driveId
+                }).getDownloadLinkById(this.getFileId(file), file.name);
 
               case 7:
                 src = _context4.sent;