cozy-viewer 28.0.32 → 28.1.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [28.1.0](https://github.com/cozy/cozy-libs/compare/cozy-viewer@28.0.32...cozy-viewer@28.1.0) (2026-06-08)
+
+### Features
+
+- **viewer:** Add an Edit button to the PDF viewer ([e6bc365](https://github.com/cozy/cozy-libs/commit/e6bc36506d7eb3d728028b4e81191e991653b672))
+
 ## [28.0.32](https://github.com/cozy/cozy-libs/compare/cozy-viewer@28.0.31...cozy-viewer@28.0.32) (2026-06-04)
 
 **Note:** Version bump only for package cozy-viewer

package/dist/Viewer.d.ts

@@ -18,6 +18,14 @@ declare namespace Viewer {
                 /** To open the Only Office file */
                 opener: PropTypes.Requireable<(...args: any[]) => any>;
             }>>;
+            /** Used to open a PDF in an external editor */
+            PdfViewer: PropTypes.Requireable<PropTypes.InferProps<{
+                /** Whether PDF editing is enabled by the host app */
+                isPdfEditorEnabled: PropTypes.Requireable<boolean>;
+                /** Opens the PDF in the editor; an "Edit" button is shown when editing is
+                 * enabled, this is set and the user has write access */
+                opener: PropTypes.Requireable<(...args: any[]) => any>;
+            }>>;
             toolbarProps: PropTypes.Requireable<PropTypes.InferProps<{
                 showToolbar: PropTypes.Requireable<boolean>;
                 showClose: PropTypes.Requireable<boolean>;

package/dist/Viewer.js

@@ -188,6 +188,16 @@ Viewer.propTypes = {
       /** To open the Only Office file */
       opener: _propTypes.default.func
     }),
+
+    /** Used to open a PDF in an external editor */
+    PdfViewer: _propTypes.default.shape({
+      /** Whether PDF editing is enabled by the host app */
+      isPdfEditorEnabled: _propTypes.default.bool,
+
+      /** Opens the PDF in the editor; an "Edit" button is shown when editing is
+       * enabled, this is set and the user has write access */
+      opener: _propTypes.default.func
+    }),
     toolbarProps: _propTypes.default.shape(_proptypes.toolbarPropsPropType)
   })
 };

package/dist/ViewerContainer.js

@@ -234,6 +234,16 @@ ViewerContainer.propTypes = {
       opener: _propTypes.default.func
     }),
 
+    /** Used to open a PDF in an external editor */
+    PdfViewer: _propTypes.default.shape({
+      /** Whether PDF editing is enabled by the host app */
+      isPdfEditorEnabled: _propTypes.default.bool,
+
+      /** Opens the PDF in the editor; an "Edit" button is shown when editing is
+       * enabled, this is set and the user has write access */
+      opener: _propTypes.default.func
+    }),
+
     /** Used to spread props to Panel components */
     panel: _propTypes.default.shape({
       qualifications: _propTypes.default.shape({

package/dist/ViewersByFile/PdfJsViewer.d.ts

@@ -45,8 +45,12 @@ export class PdfJsViewer extends React.Component<any, any, any> {
 export namespace PdfJsViewer {
     namespace propTypes {
         let url: PropTypes.Validator<string>;
+        let file: PropTypes.Requireable<object>;
         let gestures: PropTypes.Requireable<object>;
         let renderFallbackExtraContent: PropTypes.Requireable<(...args: any[]) => any>;
+        let isReadOnly: PropTypes.Requireable<boolean>;
+        let isPdfEditorEnabled: PropTypes.Requireable<boolean>;
+        let editPdfOpener: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
 declare const _default: any;

package/dist/ViewersByFile/PdfJsViewer.js

@@ -35,6 +35,12 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactPdf = require("react-pdf");
 
+var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _Pen = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Pen"));
+
 var _NoViewer = _interopRequireDefault(require("../NoViewer"));
 
 var _PdfToolbarButton = _interopRequireDefault(require("../components/PdfToolbarButton"));
@@ -281,7 +287,10 @@ var PdfJsViewer = /*#__PURE__*/function (_Component) {
           url = _this$props.url,
           file = _this$props.file,
           renderFallbackExtraContent = _this$props.renderFallbackExtraContent,
-          t = _this$props.t;
+          t = _this$props.t,
+          isReadOnly = _this$props.isReadOnly,
+          isPdfEditorEnabled = _this$props.isPdfEditorEnabled,
+          editPdfOpener = _this$props.editPdfOpener;
       var _this$state = this.state,
           loaded = _this$state.loaded,
           errored = _this$state.errored,
@@ -340,7 +349,20 @@ var PdfJsViewer = /*#__PURE__*/function (_Component) {
             keepToolbarDisplayed: false
           });
         }
-      }, !renderAllPages && /*#__PURE__*/_react.default.createElement("span", {
+      }, isPdfEditorEnabled && editPdfOpener && !isReadOnly && /*#__PURE__*/_react.default.createElement(_Buttons.default, {
+        variant: "text",
+        color: "secondary",
+        className: "u-p-half u-m-half",
+        startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+          icon: _Pen.default,
+          size: 16
+        }),
+        label: t('Viewer.editPdf'),
+        onClick: function onClick() {
+          return editPdfOpener(file);
+        },
+        "data-testid": "pdf-edit-button"
+      }), !renderAllPages && /*#__PURE__*/_react.default.createElement("span", {
         className: "u-mh-half"
       }, /*#__PURE__*/_react.default.createElement(_PdfToolbarButton.default, {
         icon: "top",
@@ -388,8 +410,20 @@ exports.PdfJsViewer = PdfJsViewer;
 (0, _defineProperty2.default)(PdfJsViewer, "contextType", _ViewerProvider.ViewerContext);
 PdfJsViewer.propTypes = {
   url: _propTypes.default.string.isRequired,
+  file: _propTypes.default.object,
   gestures: _propTypes.default.object,
-  renderFallbackExtraContent: _propTypes.default.func
+  renderFallbackExtraContent: _propTypes.default.func,
+
+  /** Whether the user only has read access; hides the "Edit" button. */
+  isReadOnly: _propTypes.default.bool,
+
+  /** Whether PDF editing is enabled by the host app. The "Edit" button is only
+   * shown when this is true, an opener is provided and the user has write
+   * access. */
+  isPdfEditorEnabled: _propTypes.default.bool,
+
+  /** Opens the file in an external PDF editor. */
+  editPdfOpener: _propTypes.default.func
 };
 
 var _default = (0, _flow.default)(_withFileUrl.default, _withViewerLocales.withViewerLocales)(PdfJsViewer);

package/dist/components/ViewerByFile.js

@@ -88,7 +88,7 @@ var getViewerComponentName = function getViewerComponentName(_ref) {
 
 exports.getViewerComponentName = getViewerComponentName;
 var ViewerByFile = (0, _withBreakpoints.default)()(function (_ref2) {
-  var _componentsProps$Only, _componentsProps$Only2;
+  var _componentsProps$Only, _componentsProps$Only2, _componentsProps$PdfV, _componentsProps$PdfV2;
 
   var onClose = _ref2.onClose,
       renderFallbackExtraContent = _ref2.renderFallbackExtraContent,
@@ -99,10 +99,13 @@ var ViewerByFile = (0, _withBreakpoints.default)()(function (_ref2) {
       componentsProps = _ref2.componentsProps;
 
   var _useViewer = (0, _ViewerProvider.useViewer)(),
-      file = _useViewer.file;
+      file = _useViewer.file,
+      isReadOnly = _useViewer.isReadOnly;
 
   var isOnlyOfficeEnabled = componentsProps === null || componentsProps === void 0 ? void 0 : (_componentsProps$Only = componentsProps.OnlyOfficeViewer) === null || _componentsProps$Only === void 0 ? void 0 : _componentsProps$Only.isEnabled;
   var onlyOfficeOpener = componentsProps === null || componentsProps === void 0 ? void 0 : (_componentsProps$Only2 = componentsProps.OnlyOfficeViewer) === null || _componentsProps$Only2 === void 0 ? void 0 : _componentsProps$Only2.opener;
+  var isPdfEditorEnabled = componentsProps === null || componentsProps === void 0 ? void 0 : (_componentsProps$PdfV = componentsProps.PdfViewer) === null || _componentsProps$PdfV === void 0 ? void 0 : _componentsProps$PdfV.isPdfEditorEnabled;
+  var editPdfOpener = componentsProps === null || componentsProps === void 0 ? void 0 : (_componentsProps$PdfV2 = componentsProps.PdfViewer) === null || _componentsProps$PdfV2 === void 0 ? void 0 : _componentsProps$PdfV2.opener;
 
   var _useEncrypted = (0, _Encrypted.useEncrypted)(),
       url = _useEncrypted.url;
@@ -121,6 +124,9 @@ var ViewerByFile = (0, _withBreakpoints.default)()(function (_ref2) {
     gestures: gestures,
     gesturesRef: gesturesRef,
     onlyOfficeOpener: onlyOfficeOpener,
+    isReadOnly: isReadOnly,
+    isPdfEditorEnabled: isPdfEditorEnabled,
+    editPdfOpener: editPdfOpener,
     onSwipe: onSwipe,
     onClose: onClose
   });

package/dist/locales/index.js

@@ -35,6 +35,7 @@ var en = {
     next: "Next",
     openWith: "Open with...",
     openInOnlyOffice: "Open with Only Office",
+    editPdf: "Edit",
     panel: {
       collapse: "Collapse",
       header: "Details",
@@ -151,6 +152,7 @@ var fr = {
     next: "Suivante",
     openWith: "Ouvrir avec...",
     openInOnlyOffice: "Ouvrir avec Only Office",
+    editPdf: "\xC9diter",
     panel: {
       collapse: "R\xE9duire",
       header: "D\xE9tails",
@@ -267,6 +269,7 @@ var ru = {
     next: "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439",
     openWith: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0441 \u043F\u043E\u043C\u043E\u0449\u044C\u044E...",
     openInOnlyOffice: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0432 Only Office",
+    editPdf: "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C",
     panel: {
       collapse: "\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C",
       header: "\u0421\u0432\u0435\u0434\u0435\u043D\u0438\u044F",
@@ -383,6 +386,7 @@ var vi = {
     next: "Ti\u1EBFp theo",
     openWith: "M\u1EDF b\u1EB1ng...",
     openInOnlyOffice: "M\u1EDF b\u1EB1ng Only Office",
+    editPdf: "Ch\u1EC9nh s\u1EEDa",
     panel: {
       collapse: "Thu g\u1ECDn",
       header: "Chi ti\u1EBFt",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-viewer",
-  "version": "28.0.32",
+  "version": "28.1.0",
   "description": "Cozy-Viewer provides a component to show files in a viewer.",
   "main": "dist/index.js",
   "license": "MIT",
@@ -31,10 +31,10 @@
     "babel-preset-cozy-app": "^2.8.4",
     "cozy-client": "^60.20.0",
     "cozy-device-helper": "2.0.0",
-    "cozy-harvest-lib": "^37.0.31",
+    "cozy-harvest-lib": "^37.0.32",
     "cozy-intent": "^2.31.1",
     "cozy-logger": "^1.18.1",
-    "cozy-sharing": "^33.1.1",
+    "cozy-sharing": "^33.1.2",
     "cozy-ui": "^138.1.0",
     "cozy-ui-plus": "^8.0.1",
     "identity-obj-proxy": "3.0.0",
@@ -71,5 +71,5 @@
     "react-router-dom": ">=6.14.2",
     "twake-i18n": ">=0.3.0"
   },
-  "gitHead": "a6e1d756c4f41496383878fd9ce59afbb443f5b7"
+  "gitHead": "4f63c28ae3cd8cac22487e6640006de4f5c31cfc"
 }

package/src/Viewer.jsx

@@ -126,6 +126,14 @@ Viewer.propTypes = {
       /** To open the Only Office file */
       opener: PropTypes.func
     }),
+    /** Used to open a PDF in an external editor */
+    PdfViewer: PropTypes.shape({
+      /** Whether PDF editing is enabled by the host app */
+      isPdfEditorEnabled: PropTypes.bool,
+      /** Opens the PDF in the editor; an "Edit" button is shown when editing is
+       * enabled, this is set and the user has write access */
+      opener: PropTypes.func
+    }),
     toolbarProps: PropTypes.shape(toolbarPropsPropType)
   })
 }

package/src/ViewerContainer.jsx

@@ -165,6 +165,14 @@ ViewerContainer.propTypes = {
       /** To open the Only Office file */
       opener: PropTypes.func
     }),
+    /** Used to open a PDF in an external editor */
+    PdfViewer: PropTypes.shape({
+      /** Whether PDF editing is enabled by the host app */
+      isPdfEditorEnabled: PropTypes.bool,
+      /** Opens the PDF in the editor; an "Edit" button is shown when editing is
+       * enabled, this is set and the user has write access */
+      opener: PropTypes.func
+    }),
     /** Used to spread props to Panel components */
     panel: PropTypes.shape({
       qualifications: PropTypes.shape({

package/src/ViewersByFile/PdfJsViewer.jsx

@@ -5,6 +5,10 @@ import PropTypes from 'prop-types'
 import React, { Component } from 'react'
 import { Document, Page } from 'react-pdf'
 
+import Button from 'cozy-ui/transpiled/react/Buttons'
+import Icon from 'cozy-ui/transpiled/react/Icon'
+import PenIcon from 'cozy-ui/transpiled/react/Icons/Pen'
+
 import styles from './styles.styl'
 import NoViewer from '../NoViewer'
 import ToolbarButton from '../components/PdfToolbarButton'
@@ -195,7 +199,15 @@ export class PdfJsViewer extends Component {
   }
 
   render() {
-    const { url, file, renderFallbackExtraContent, t } = this.props
+    const {
+      url,
+      file,
+      renderFallbackExtraContent,
+      t,
+      isReadOnly,
+      isPdfEditorEnabled,
+      editPdfOpener
+    } = this.props
     const {
       loaded,
       errored,
@@ -273,6 +285,17 @@ export class PdfJsViewer extends Component {
               this.setState({ keepToolbarDisplayed: false })
             }
           >
+            {isPdfEditorEnabled && editPdfOpener && !isReadOnly && (
+              <Button
+                variant="text"
+                color="secondary"
+                className="u-p-half u-m-half"
+                startIcon={<Icon icon={PenIcon} size={16} />}
+                label={t('Viewer.editPdf')}
+                onClick={() => editPdfOpener(file)}
+                data-testid="pdf-edit-button"
+              />
+            )}
             {!renderAllPages && (
               <span className="u-mh-half">
                 <ToolbarButton
@@ -329,8 +352,17 @@ export class PdfJsViewer extends Component {
 
 PdfJsViewer.propTypes = {
   url: PropTypes.string.isRequired,
+  file: PropTypes.object,
   gestures: PropTypes.object,
-  renderFallbackExtraContent: PropTypes.func
+  renderFallbackExtraContent: PropTypes.func,
+  /** Whether the user only has read access; hides the "Edit" button. */
+  isReadOnly: PropTypes.bool,
+  /** Whether PDF editing is enabled by the host app. The "Edit" button is only
+   * shown when this is true, an opener is provided and the user has write
+   * access. */
+  isPdfEditorEnabled: PropTypes.bool,
+  /** Opens the file in an external PDF editor. */
+  editPdfOpener: PropTypes.func
 }
 
 export default flow(withFileUrl, withViewerLocales)(PdfJsViewer)

package/src/components/ViewerByFile.jsx

@@ -64,9 +64,11 @@ const ViewerByFile = withBreakpoints()(({
   breakpoints: { isDesktop },
   componentsProps
 }) => {
-  const { file } = useViewer()
+  const { file, isReadOnly } = useViewer()
   const isOnlyOfficeEnabled = componentsProps?.OnlyOfficeViewer?.isEnabled
   const onlyOfficeOpener = componentsProps?.OnlyOfficeViewer?.opener
+  const isPdfEditorEnabled = componentsProps?.PdfViewer?.isPdfEditorEnabled
+  const editPdfOpener = componentsProps?.PdfViewer?.opener
 
   const { url } = useEncrypted()
 
@@ -88,6 +90,9 @@ const ViewerByFile = withBreakpoints()(({
       gestures={gestures}
       gesturesRef={gesturesRef}
       onlyOfficeOpener={onlyOfficeOpener}
+      isReadOnly={isReadOnly}
+      isPdfEditorEnabled={isPdfEditorEnabled}
+      editPdfOpener={editPdfOpener}
       onSwipe={onSwipe}
       onClose={onClose}
     />

package/src/locales/en.json

@@ -26,6 +26,7 @@
     "next": "Next",
     "openWith": "Open with...",
     "openInOnlyOffice": "Open with Only Office",
+    "editPdf": "Edit",
     "panel": {
       "collapse": "Collapse",
       "header": "Details",

package/src/locales/fr.json

@@ -26,6 +26,7 @@
     "next": "Suivante",
     "openWith": "Ouvrir avec...",
     "openInOnlyOffice": "Ouvrir avec Only Office",
+    "editPdf": "Éditer",
     "panel": {
       "collapse": "Réduire",
       "header": "Détails",

package/src/locales/ru.json

@@ -26,6 +26,7 @@
     "next": "Следующий",
     "openWith": "Открыть с помощью...",
     "openInOnlyOffice": "Открыть в Only Office",
+    "editPdf": "Редактировать",
     "panel": {
       "collapse": "Свернуть",
       "header": "Сведения",
@@ -113,4 +114,4 @@
       "loadingText": "Создание резюме"
     }
   }
-}
+}

package/src/locales/vi.json

@@ -26,6 +26,7 @@
     "next": "Tiếp theo",
     "openWith": "Mở bằng...",
     "openInOnlyOffice": "Mở bằng Only Office",
+    "editPdf": "Chỉnh sửa",
     "panel": {
       "collapse": "Thu gọn",
       "header": "Chi tiết",
@@ -113,4 +114,4 @@
       "loadingText": "Đang tóm tắt nội dung"
     }
   }
-}
+}