cozy-viewer 31.1.7 → 31.2.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [31.2.0](https://github.com/cozy/cozy-libs/compare/cozy-viewer@31.1.7...cozy-viewer@31.2.0) (2026-10-13)
+
+### Bug Fixes
+
+- **cozy-viewer:** Pass generateWebLink to the View in Drive action ([3dd9b85](https://github.com/cozy/cozy-libs/commit/3dd9b85c767bd9880f3e86ef903ebb6aea2bb436))
+
+### Features
+
+- **cozy-viewer:** Let the host app handle a click on the file path ([32346cc](https://github.com/cozy/cozy-libs/commit/32346ccfde79439ff652b566586bf0383e6f0e7d))
+
 ## [31.1.7](https://github.com/cozy/cozy-libs/compare/cozy-viewer@31.1.6...cozy-viewer@31.1.7) (2026-10-13)
 
 ### Bug Fixes

package/dist/Panel/Informations.js

@@ -71,7 +71,8 @@ var Informations = function Informations(_ref) {
   var hasElectronicSafe = (0, _has.default)(file, 'metadata.electronicSafe');
   var anchorRef = (0, _react.useRef)();
   var actions = (0, _Actions.makeActions)([_Actions.viewInDrive], {
-    client: client
+    client: client,
+    generateWebLink: _cozyClient.generateWebLink
   });
   return /*#__PURE__*/_react.default.createElement(_List.default, null, /*#__PURE__*/_react.default.createElement(_ListItem.default, null, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
     icon: _twakeIcons.FileOutline

package/dist/Viewer.d.ts

@@ -31,6 +31,7 @@ declare namespace Viewer {
                 showClose: PropTypes.Requireable<boolean>;
                 toolbarRef: PropTypes.Requireable<object>;
                 showFilePath: PropTypes.Requireable<boolean>;
+                onFilePathClick: PropTypes.Requireable<(...args: any[]) => any>;
                 hideSummarizeBtn: PropTypes.Requireable<boolean>;
             }>>;
         }>>;

package/dist/components/Toolbar.js

@@ -75,6 +75,7 @@ var Toolbar = function Toolbar(_ref) {
       isDesktop = _ref.breakpoints.isDesktop,
       children = _ref.children,
       showFilePath = _ref.showFilePath,
+      onFilePathClick = _ref.onFilePathClick,
       onPaywallRedirect = _ref.onPaywallRedirect,
       hideSummarizeBtn = _ref.hideSummarizeBtn;
   var client = (0, _cozyClient.useClient)();
@@ -129,7 +130,9 @@ var Toolbar = function Toolbar(_ref) {
     noWrap: true
   }, /*#__PURE__*/_react.default.createElement(_MidEllipsis.default, {
     text: file.name
-  })), showFilePath ? /*#__PURE__*/_react.default.createElement(_ToolbarFilePath.ToolbarFilePath, null) : null), isDesktop && /*#__PURE__*/_react.default.createElement("div", {
+  })), showFilePath ? /*#__PURE__*/_react.default.createElement(_ToolbarFilePath.ToolbarFilePath, {
+    onClick: onFilePathClick
+  }) : null), isDesktop && /*#__PURE__*/_react.default.createElement("div", {
     className: "u-flex u-flex-items-center"
   }, !isCozySharing && !isOwner(file._id) && /*#__PURE__*/_react.default.createElement(_cozySharing.ShareButton, {
     className: "u-white",
@@ -175,6 +178,7 @@ Toolbar.propTypes = {
   onMouseLeave: _propTypes.default.func.isRequired,
   onClose: _propTypes.default.func,
   showFilePath: _propTypes.default.bool,
+  onFilePathClick: _propTypes.default.func,
   onPaywallRedirect: _propTypes.default.func,
   hideSummarizeBtn: _propTypes.default.bool
 };

package/dist/components/ToolbarFilePath.d.ts

@@ -1 +1,3 @@
-export function ToolbarFilePath(): JSX.Element;
+export function ToolbarFilePath({ onClick }: {
+    onClick: any;
+}): JSX.Element;

package/dist/components/ToolbarFilePath.js

@@ -37,7 +37,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-var ToolbarFilePath = function ToolbarFilePath() {
+var ToolbarFilePath = function ToolbarFilePath(_ref) {
+  var _onClick = _ref.onClick;
   var client = (0, _cozyClient.useClient)();
 
   var _useBreakpoints = (0, _Breakpoints.default)(),
@@ -65,6 +66,20 @@ var ToolbarFilePath = function ToolbarFilePath() {
       slug: appSlug
     });
 
+    if (isDesktop && link && _onClick) {
+      return /*#__PURE__*/_react.default.createElement(_Link.default, {
+        href: link,
+        onClick: function onClick(ev) {
+          ev.preventDefault();
+
+          _onClick(fileWithPath);
+        },
+        color: "inherit"
+      }, /*#__PURE__*/_react.default.createElement(_FilePath.default, {
+        className: "u-white"
+      }, path));
+    }
+
     if (isDesktop && link) {
       return /*#__PURE__*/_react.default.createElement(_AppLinker.default, {
         app: {
@@ -72,9 +87,9 @@ var ToolbarFilePath = function ToolbarFilePath() {
         },
         nativePath: nativePath,
         href: link
-      }, function (_ref) {
-        var href = _ref.href,
-            onClick = _ref.onClick;
+      }, function (_ref2) {
+        var href = _ref2.href,
+            onClick = _ref2.onClick;
         return /*#__PURE__*/_react.default.createElement(_Link.default, {
           href: href,
           onClick: onClick,

package/dist/components/ToolbarFilePath.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ViewerControls.js

@@ -203,6 +203,7 @@ var ViewerControls = /*#__PURE__*/function (_Component) {
           showClose = toolbarProps.showClose,
           toolbarRef = toolbarProps.toolbarRef,
           showFilePath = toolbarProps.showFilePath,
+          onFilePathClick = toolbarProps.onFilePathClick,
           onPaywallRedirect = toolbarProps.onPaywallRedirect,
           hideSummarizeBtn = toolbarProps.hideSummarizeBtn;
       var hidden = this.state.hidden;
@@ -214,6 +215,7 @@ var ViewerControls = /*#__PURE__*/function (_Component) {
       }, showToolbar && /*#__PURE__*/_react.default.createElement(_Toolbar.default, {
         toolbarRef: toolbarRef,
         showFilePath: showFilePath,
+        onFilePathClick: onFilePathClick,
         onMouseEnter: this.showControls,
         onMouseLeave: this.hideControls,
         onClose: showClose ? onClose : undefined,

package/dist/proptypes.d.ts

@@ -3,6 +3,7 @@ export namespace toolbarPropsPropType {
     let showClose: PropTypes.Requireable<boolean>;
     let toolbarRef: PropTypes.Requireable<object>;
     let showFilePath: PropTypes.Requireable<boolean>;
+    let onFilePathClick: PropTypes.Requireable<(...args: any[]) => any>;
     let hideSummarizeBtn: PropTypes.Requireable<boolean>;
 }
 import PropTypes from 'prop-types';

package/dist/proptypes.js

@@ -22,6 +22,9 @@ var toolbarPropsPropType = {
   /** Whether to show file path below his name */
   showFilePath: _propTypes.default.bool,
 
+  /** Called with the file when its path is clicked, instead of opening the folder in Drive */
+  onFilePathClick: _propTypes.default.func,
+
   /** Whether to hide summize button or not */
   hideSummarizeBtn: _propTypes.default.bool
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-viewer",
-  "version": "31.1.7",
+  "version": "31.2.0",
   "description": "Cozy-Viewer provides a component to show files in a viewer.",
   "main": "dist/index.js",
   "license": "MIT",
@@ -72,5 +72,5 @@
     "react-router-dom": ">=6.14.2",
     "twake-i18n": ">=0.3.0"
   },
-  "gitHead": "4b518060cd1cd1b19d4100e24f2e3db92242710c"
+  "gitHead": "92afbfa840f1a56b17a7cf6adfb1583e03be9ff7"
 }

package/src/Panel/Informations.jsx

@@ -12,7 +12,7 @@ import {
   Safe,
   Server
 } from '@linagora/twake-icons'
-import { useClient } from 'cozy-client'
+import { generateWebLink, useClient } from 'cozy-client'
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu'
 import {
   makeActions,
@@ -43,7 +43,7 @@ const Informations = ({ file, isPublic, t }) => {
   const hasElectronicSafe = has(file, 'metadata.electronicSafe')
   const anchorRef = useRef()
 
-  const actions = makeActions([viewInDrive], { client })
+  const actions = makeActions([viewInDrive], { client, generateWebLink })
 
   return (
     <List>

package/src/components/Toolbar.jsx

@@ -37,6 +37,7 @@ const Toolbar = ({
   breakpoints: { isDesktop },
   children,
   showFilePath,
+  onFilePathClick,
   onPaywallRedirect,
   hideSummarizeBtn
 }) => {
@@ -86,7 +87,7 @@ const Toolbar = ({
         >
           <MidEllipsis text={file.name} />
         </Typography>
-        {showFilePath ? <ToolbarFilePath /> : null}
+        {showFilePath ? <ToolbarFilePath onClick={onFilePathClick} /> : null}
       </div>
 
       {isDesktop && (
@@ -142,6 +143,7 @@ Toolbar.propTypes = {
   onMouseLeave: PropTypes.func.isRequired,
   onClose: PropTypes.func,
   showFilePath: PropTypes.bool,
+  onFilePathClick: PropTypes.func,
   onPaywallRedirect: PropTypes.func,
   hideSummarizeBtn: PropTypes.bool
 }

package/src/components/ToolbarFilePath.jsx

@@ -15,7 +15,7 @@ import {
 import { useViewer } from '../providers/ViewerProvider'
 import { buildFileByIdQuery } from '../queries'
 
-const ToolbarFilePath = () => {
+const ToolbarFilePath = ({ onClick }) => {
   const client = useClient()
   const { isDesktop } = useBreakpoints()
   const { file } = useViewer()
@@ -44,6 +44,21 @@ const ToolbarFilePath = () => {
     const path = removeFilenameFromPath(fileWithPath.path)
     const link = makeWebLink({ client, path: nativePath, slug: appSlug })
 
+    if (isDesktop && link && onClick) {
+      return (
+        <Link
+          href={link}
+          onClick={ev => {
+            ev.preventDefault()
+            onClick(fileWithPath)
+          }}
+          color="inherit"
+        >
+          <FilePath className="u-white">{path}</FilePath>
+        </Link>
+      )
+    }
+
     if (isDesktop && link) {
       return (
         <AppLinker app={{ slug: appSlug }} nativePath={nativePath} href={link}>

package/src/components/ToolbarFilePath.spec.jsx

@@ -0,0 +1,53 @@
+import '@testing-library/jest-dom'
+import { fireEvent, render, screen } from '@testing-library/react'
+import React from 'react'
+
+import { ToolbarFilePath } from './ToolbarFilePath'
+
+const file = {
+  _id: 'file-id',
+  _type: 'io.cozy.files',
+  name: 'notes.md',
+  dir_id: 'dir-id',
+  driveId: 'drive-id'
+}
+
+jest.mock('cozy-client', () => ({
+  ...jest.requireActual('cozy-client'),
+  useClient: () => ({
+    getStackClient: () => ({ uri: 'https://alice.cozy.example' }),
+    getInstanceOptions: () => ({ subdomain: 'flat' })
+  }),
+  useQuery: () => ({
+    data: { _id: 'dir-id', path: '/Space/Documents' }
+  })
+}))
+jest.mock('cozy-ui/transpiled/react/providers/Breakpoints', () => () => ({
+  isDesktop: true
+}))
+jest.mock('../providers/ViewerProvider', () => ({
+  useViewer: () => ({ file })
+}))
+
+describe('ToolbarFilePath', () => {
+  it('should link to the folder in Drive by default', () => {
+    render(<ToolbarFilePath />)
+
+    expect(screen.getByRole('link')).toHaveAttribute(
+      'href',
+      'https://alice-drive.cozy.example/#/shareddrive/drive-id/dir-id'
+    )
+  })
+
+  it('should hand the click to onClick when given', () => {
+    const onClick = jest.fn()
+    render(<ToolbarFilePath onClick={onClick} />)
+
+    const clicked = fireEvent.click(screen.getByRole('link'))
+
+    expect(clicked).toBe(false)
+    expect(onClick).toHaveBeenCalledWith(
+      expect.objectContaining({ _id: 'file-id', dir_id: 'dir-id' })
+    )
+  })
+})

package/src/components/ViewerControls.jsx

@@ -129,6 +129,7 @@ class ViewerControls extends Component {
       showClose,
       toolbarRef,
       showFilePath,
+      onFilePathClick,
       onPaywallRedirect,
       hideSummarizeBtn
     } = toolbarProps
@@ -149,6 +150,7 @@ class ViewerControls extends Component {
           <Toolbar
             toolbarRef={toolbarRef}
             showFilePath={showFilePath}
+            onFilePathClick={onFilePathClick}
             onMouseEnter={this.showControls}
             onMouseLeave={this.hideControls}
             onClose={showClose ? onClose : undefined}

package/src/proptypes.js

@@ -9,6 +9,8 @@ export const toolbarPropsPropType = {
   toolbarRef: PropTypes.object,
   /** Whether to show file path below his name */
   showFilePath: PropTypes.bool,
+  /** Called with the file when its path is clicked, instead of opening the folder in Drive */
+  onFilePathClick: PropTypes.func,
   /** Whether to hide summize button or not */
   hideSummarizeBtn: PropTypes.bool
 }