cozy-viewer 9.0.2 → 9.1.0

package/CHANGELOG.md

@@ -3,6 +3,21 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [9.1.0](https://github.com/cozy/cozy-libs/compare/cozy-viewer@9.0.2...cozy-viewer@9.1.0) (2024-12-18)
+
+
+### Features
+
+* **Viewer:** Add isReadOnly props on ViewerContainer ([01fefc2](https://github.com/cozy/cozy-libs/commit/01fefc25bf87a29a9d5ac1872b1cd104f599166c))
+* **Viewer:** Create IntentOpener to share props ([03923ad](https://github.com/cozy/cozy-libs/commit/03923adf41b49b8b3b67300ff0901f0a741089b6))
+* **Viewer:** Move Summary block below Qualification block ([b3d9b26](https://github.com/cozy/cozy-libs/commit/b3d9b262eabace3642446d3c483c5f4081fbf8b7))
+* **Viewer:** Remove click/edit action if isReadOnly ([4b9f832](https://github.com/cozy/cozy-libs/commit/4b9f832e337bf7e41cd0a80938b178b2f390de21))
+* **Viewer:** Use intent to edit metadata qualification ([ec65534](https://github.com/cozy/cozy-libs/commit/ec65534c47e15c7aff350fc9e473567b5d9cfca7))
+
+
+
+
+
 ## [9.0.2](https://github.com/cozy/cozy-libs/compare/cozy-viewer@9.0.1...cozy-viewer@9.0.2) (2024-12-16)
 
 

package/dist/Panel/PanelContent.js

@@ -30,6 +30,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var PanelContent = function PanelContent(_ref) {
   var file = _ref.file,
       isPublic = _ref.isPublic,
+      isReadOnly = _ref.isReadOnly,
       t = _ref.t;
   var panelBlocks = (0, _getPanelBlocks.default)({
     panelBlocksSpecs: (0, _getPanelBlocks.getPanelBlocksSpecs)(isPublic),
@@ -54,14 +55,16 @@ var PanelContent = function PanelContent(_ref) {
       square: true
     }, /*#__PURE__*/_react.default.createElement(PanelBlock, {
       file: file,
-      isPublic: isPublic
+      isPublic: isPublic,
+      isReadOnly: isReadOnly
     }));
   }));
 };
 
 PanelContent.propTypes = {
   file: _propTypes.default.object.isRequired,
-  isPublic: _propTypes.default.bool
+  isPublic: _propTypes.default.bool,
+  isReadOnly: _propTypes.default.bool
 };
 
 var _default = exports.default = (0, _withViewerLocales.withViewerLocales)(PanelContent);

package/dist/Panel/Qualification.js

@@ -56,7 +56,8 @@ var ComponentFromMetadataQualificationType = {
 };
 
 var Qualification = function Qualification(_ref) {
-  var file = _ref.file;
+  var file = _ref.file,
+      isReadOnly = _ref.isReadOnly;
   var _file$metadata = file.metadata,
       metadata = _file$metadata === void 0 ? {} : _file$metadata;
   var actionBtnRef = (0, _react.useRef)([]);
@@ -112,10 +113,13 @@ var Qualification = function Qualification(_ref) {
     file: file
   }), (0, _file.hasQualifications)(file) ? /*#__PURE__*/_react.default.createElement(_QualificationListItemQualification.default, {
     file: file,
+    isReadOnly: isReadOnly,
     onClick: function onClick() {
       return setShowQualifModal(true);
     }
   }) : /*#__PURE__*/_react.default.createElement(_QualificationListItemQualificationEmpty.default, {
+    file: file,
+    isReadOnly: isReadOnly,
     onClick: function onClick() {
       return setShowQualifModal(true);
     }
@@ -133,6 +137,7 @@ var Qualification = function Qualification(_ref) {
       key: idx
     }, /*#__PURE__*/_react.default.createElement(QualificationListItemComp, {
       file: file,
+      isReadOnly: isReadOnly,
       ref: actionBtnRef.current[idx],
       formattedMetadataQualification: meta,
       toggleActionsMenu: function toggleActionsMenu(val) {

package/dist/Panel/QualificationListItemContact.d.ts

@@ -1,10 +1,12 @@
 export default QualificationListItemContact;
-declare function QualificationListItemContact({ file }: {
+declare function QualificationListItemContact({ file, isReadOnly }: {
     file: any;
+    isReadOnly: any;
 }): JSX.Element | null;
 declare namespace QualificationListItemContact {
     namespace propTypes {
         const file: PropTypes.Validator<object>;
+        const isReadOnly: PropTypes.Requireable<boolean>;
     }
 }
 import PropTypes from "prop-types";

package/dist/Panel/QualificationListItemContact.js

@@ -37,6 +37,8 @@ var _ActionMenuWrapper = _interopRequireDefault(require("./ActionMenuWrapper"));
 
 var _QualificationListItemText = _interopRequireDefault(require("./QualificationListItemText"));
 
+var _IntentOpener = _interopRequireDefault(require("../components/IntentOpener"));
+
 var _useReferencedContactName = _interopRequireDefault(require("../hooks/useReferencedContactName"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -44,7 +46,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var QualificationListItemContact = function QualificationListItemContact(_ref) {
-  var file = _ref.file;
+  var file = _ref.file,
+      isReadOnly = _ref.isReadOnly;
 
   var _useI18n = (0, _I18n.useI18n)(),
       lang = _useI18n.lang;
@@ -78,6 +81,7 @@ var QualificationListItemContact = function QualificationListItemContact(_ref) {
   var formattedTitle = (0, _paper.getTranslatedNameForContact)({
     lang: lang
   });
+  var qualificationLabel = file.metadata.qualification.label;
 
   var hideActionsMenu = function hideActionsMenu() {
     return setOptionFile({
@@ -99,7 +103,16 @@ var QualificationListItemContact = function QualificationListItemContact(_ref) {
     });
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ListItem.default, null, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_IntentOpener.default, {
+    action: "OPEN",
+    doctype: "io.cozy.files.paper",
+    options: {
+      path: "".concat(qualificationLabel, "/").concat(file._id, "/edit/contact")
+    },
+    disabled: !!formattedValue || isReadOnly
+  }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    button: !formattedValue && !isReadOnly
+  }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _People.default
   })), /*#__PURE__*/_react.default.createElement(_QualificationListItemText.default, {
     primary: formattedTitle,
@@ -111,7 +124,7 @@ var QualificationListItemContact = function QualificationListItemContact(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Dots.default
-  })))), optionFile.value && /*#__PURE__*/_react.default.createElement(_ActionMenuWrapper.default, {
+  }))))), optionFile.value && /*#__PURE__*/_react.default.createElement(_ActionMenuWrapper.default, {
     onClose: hideActionsMenu,
     file: file,
     optionFile: optionFile,
@@ -120,7 +133,8 @@ var QualificationListItemContact = function QualificationListItemContact(_ref) {
 };
 
 QualificationListItemContact.propTypes = {
-  file: _propTypes.default.object.isRequired
+  file: _propTypes.default.object.isRequired,
+  isReadOnly: _propTypes.default.bool
 };
 
 var _default = exports.default = QualificationListItemContact;

package/dist/Panel/QualificationListItemDate.js

@@ -37,12 +37,15 @@ var _QualificationListItemText = _interopRequireDefault(require("./Qualification
 
 var _ExpirationAnnotation = _interopRequireDefault(require("../components/ExpirationAnnotation"));
 
+var _IntentOpener = _interopRequireDefault(require("../components/IntentOpener"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var QualificationListItemDate = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var file = _ref.file,
+      isReadOnly = _ref.isReadOnly,
       formattedMetadataQualification = _ref.formattedMetadataQualification,
       toggleActionsMenu = _ref.toggleActionsMenu;
 
@@ -52,6 +55,7 @@ var QualificationListItemDate = /*#__PURE__*/(0, _react.forwardRef)(function (_r
 
   var name = formattedMetadataQualification.name,
       value = formattedMetadataQualification.value;
+  var qualificationLabel = file.metadata.qualification.label;
   var formattedTitle = (0, _paper.getTranslatedNameForDateMetadata)(name, {
     lang: lang
   });
@@ -60,7 +64,16 @@ var QualificationListItemDate = /*#__PURE__*/(0, _react.forwardRef)(function (_r
     lang: lang
   });
   var isExpirationDate = name === 'expirationDate';
-  return /*#__PURE__*/_react.default.createElement(_ListItem.default, null, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  return /*#__PURE__*/_react.default.createElement(_IntentOpener.default, {
+    action: "OPEN",
+    doctype: "io.cozy.files.paper",
+    options: {
+      path: "".concat(qualificationLabel, "/").concat(file._id, "/edit/information?metadata=").concat(name)
+    },
+    disabled: !!value || isReadOnly
+  }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    button: !value && !isReadOnly
+  }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Calendar.default
   })), /*#__PURE__*/_react.default.createElement(_QualificationListItemText.default, {
     primary: value ? formattedTitle : undefined,
@@ -81,14 +94,15 @@ var QualificationListItemDate = /*#__PURE__*/(0, _react.forwardRef)(function (_r
     }
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Dots.default
-  }))) : /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }))) : !isReadOnly && /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Right.default,
     color: "var(--secondaryTextColor)"
-  })));
+  }))));
 });
 QualificationListItemDate.displayName = 'QualificationListItemDate';
 QualificationListItemDate.propTypes = {
   file: _propTypes.default.object.isRequired,
+  isReadOnly: _propTypes.default.bool,
   formattedMetadataQualification: _propTypes.default.shape({
     name: _propTypes.default.string,
     value: _propTypes.default.string

package/dist/Panel/QualificationListItemInformation.js

@@ -43,6 +43,8 @@ var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 
 var _QualificationListItemText = _interopRequireDefault(require("./QualificationListItemText"));
 
+var _IntentOpener = _interopRequireDefault(require("../components/IntentOpener"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -58,6 +60,7 @@ var makeInformationMetadataIcon = function makeInformationMetadataIcon(name) {
 var QualificationListItemInformation = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var formattedMetadataQualification = _ref.formattedMetadataQualification,
       file = _ref.file,
+      isReadOnly = _ref.isReadOnly,
       toggleActionsMenu = _ref.toggleActionsMenu;
 
   var _useI18n = (0, _I18n.useI18n)(),
@@ -79,7 +82,16 @@ var QualificationListItemInformation = /*#__PURE__*/(0, _react.forwardRef)(funct
   var titleComponent = formattedTitle === name ? /*#__PURE__*/_react.default.createElement(_MidEllipsis.default, {
     text: name
   }) : formattedTitle;
-  return /*#__PURE__*/_react.default.createElement(_ListItem.default, null, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  return /*#__PURE__*/_react.default.createElement(_IntentOpener.default, {
+    action: "OPEN",
+    doctype: "io.cozy.files.paper",
+    options: {
+      path: "".concat(qualificationLabel, "/").concat(file._id, "/edit/information?metadata=").concat(name)
+    },
+    disabled: !!value || isReadOnly
+  }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    button: !value && !isReadOnly
+  }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: InformationIcon
   })), /*#__PURE__*/_react.default.createElement(_QualificationListItemText.default, {
     primary: value ? titleComponent : undefined,
@@ -93,13 +105,15 @@ var QualificationListItemInformation = /*#__PURE__*/(0, _react.forwardRef)(funct
     "data-testid": "toggleActionsMenuBtn"
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Dots.default
-  }))) : /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }))) : !isReadOnly && /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Right.default,
     color: "var(--secondaryTextColor)"
-  })));
+  }))));
 });
 QualificationListItemInformation.displayName = 'QualificationListItemNumber';
 QualificationListItemInformation.propTypes = {
+  file: _propTypes.default.object.isRequired,
+  isReadOnly: _propTypes.default.bool,
   formattedMetadataQualification: _propTypes.default.shape({
     name: _propTypes.default.string,
     value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])

package/dist/Panel/QualificationListItemOther.js

@@ -35,12 +35,16 @@ var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 
 var _QualificationListItemText = _interopRequireDefault(require("./QualificationListItemText"));
 
+var _IntentOpener = _interopRequireDefault(require("../components/IntentOpener"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var QualificationListItemOther = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var formattedMetadataQualification = _ref.formattedMetadataQualification,
+  var file = _ref.file,
+      isReadOnly = _ref.isReadOnly,
+      formattedMetadataQualification = _ref.formattedMetadataQualification,
       toggleActionsMenu = _ref.toggleActionsMenu;
 
   var _useI18n = (0, _I18n.useI18n)(),
@@ -48,6 +52,7 @@ var QualificationListItemOther = /*#__PURE__*/(0, _react.forwardRef)(function (_
 
   var name = formattedMetadataQualification.name,
       value = formattedMetadataQualification.value;
+  var qualificationLabel = file.metadata.qualification.label;
   if (!value) return null;
   var formattedTitle = (0, _paper.getTranslatedNameForOtherMetadata)(name, {
     lang: lang
@@ -56,7 +61,16 @@ var QualificationListItemOther = /*#__PURE__*/(0, _react.forwardRef)(function (_
     lang: lang,
     name: name
   });
-  return /*#__PURE__*/_react.default.createElement(_ListItem.default, null, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  return /*#__PURE__*/_react.default.createElement(_IntentOpener.default, {
+    action: "OPEN",
+    doctype: "io.cozy.files.paper",
+    options: {
+      path: "".concat(qualificationLabel, "/").concat(file._id, "/edit/information?metadata=").concat(name)
+    },
+    disabled: !!value || isReadOnly
+  }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    button: !value && !isReadOnly
+  }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _File.default
   })), /*#__PURE__*/_react.default.createElement(_QualificationListItemText.default, {
     primary: value ? formattedTitle : undefined,
@@ -70,13 +84,15 @@ var QualificationListItemOther = /*#__PURE__*/(0, _react.forwardRef)(function (_
     }
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Dots.default
-  }))) : /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }))) : !isReadOnly && /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Right.default,
     color: "var(--secondaryTextColor)"
-  })));
+  }))));
 });
 QualificationListItemOther.displayName = 'QualificationListItemOther';
 QualificationListItemOther.propTypes = {
+  file: _propTypes.default.object.isRequired,
+  isReadOnly: _propTypes.default.bool,
   formattedMetadataQualification: _propTypes.default.shape({
     name: _propTypes.default.string,
     value: _propTypes.default.string

package/dist/Panel/QualificationListItemQualification.d.ts

@@ -1,6 +1,7 @@
 export default QualificationListItemQualification;
-declare function QualificationListItemQualification({ file, onClick }: {
+declare function QualificationListItemQualification({ file, isReadOnly, onClick }: {
     file: any;
+    isReadOnly: any;
     onClick: any;
 }): JSX.Element;
 declare namespace QualificationListItemQualification {

package/dist/Panel/QualificationListItemQualification.js

@@ -33,6 +33,7 @@ var _helpers = require("./helpers");
 
 var QualificationListItemQualification = function QualificationListItemQualification(_ref) {
   var file = _ref.file,
+      isReadOnly = _ref.isReadOnly,
       onClick = _ref.onClick;
 
   var _useI18n = (0, _I18n.useI18n)(),
@@ -46,8 +47,8 @@ var QualificationListItemQualification = function QualificationListItemQualifica
   return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
     size: "large",
     divider: true,
-    button: (0, _helpers.canEditQualification)(file),
-    onClick: (0, _helpers.canEditQualification)(file) ? onClick : undefined
+    button: (0, _helpers.canEditQualification)(file, isReadOnly),
+    onClick: (0, _helpers.canEditQualification)(file, isReadOnly) ? onClick : undefined
   }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_QualificationIconStack.default, {
     qualification: value
   })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
@@ -57,7 +58,7 @@ var QualificationListItemQualification = function QualificationListItemQualifica
     primaryTypographyProps: {
       variant: 'h6'
     }
-  }), (0, _helpers.canEditQualification)(file) && /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }), (0, _helpers.canEditQualification)(file, isReadOnly) && /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Right.default,
     color: "var(--secondaryTextColor)"
   })));

package/dist/Panel/QualificationListItemQualificationEmpty.js

@@ -25,14 +25,18 @@ var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/Lis
 
 var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
 
+var _helpers = require("./helpers");
+
 var _withViewerLocales = require("../hoc/withViewerLocales");
 
 var QualificationListItemQualificationEmpty = function QualificationListItemQualificationEmpty(_ref) {
-  var t = _ref.t,
+  var file = _ref.file,
+      isReadOnly = _ref.isReadOnly,
+      t = _ref.t,
       onClick = _ref.onClick;
   return /*#__PURE__*/_react.default.createElement(_List.default, null, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
-    button: true,
-    onClick: onClick
+    button: (0, _helpers.canEditQualification)(file, isReadOnly),
+    onClick: (0, _helpers.canEditQualification)(file, isReadOnly) ? onClick : undefined
   }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _LabelOutlined.default
   })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
@@ -47,7 +51,7 @@ var QualificationListItemQualificationEmpty = function QualificationListItemQual
     },
     primary: t('Viewer.panel.qualification.empty.primary'),
     secondary: t('Viewer.panel.qualification.empty.secondary')
-  }), /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }), (0, _helpers.canEditQualification)(file, isReadOnly) && /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Right.default,
     color: "var(--secondaryTextColor)"
   }))));

package/dist/Panel/Summary.js

@@ -59,6 +59,7 @@ var Summary = function Summary(_ref) {
   var _file$metadata;
 
   var file = _ref.file,
+      isReadOnly = _ref.isReadOnly,
       t = _ref.t;
 
   var _useState = (0, _react.useState)(false),
@@ -78,32 +79,40 @@ var Summary = function Summary(_ref) {
 
   var label = t('Viewer.panel.summary');
   var value = (_file$metadata = file.metadata) === null || _file$metadata === void 0 ? void 0 : _file$metadata.description;
-  var actions = (0, _Actions.makeActions)([_Actions.copyToClipboard, _Actions.editAttribute]);
+  var actions = (0, _Actions.makeActions)([_Actions.copyToClipboard, !isReadOnly && _Actions.editAttribute]);
 
   var handleClick = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
+            if (!isReadOnly) {
+              _context.next = 2;
+              break;
+            }
+
+            return _context.abrupt("return");
+
+          case 2:
             if (!value) {
-              _context.next = 5;
+              _context.next = 7;
               break;
             }
 
-            _context.next = 3;
+            _context.next = 5;
             return (0, _Actions.copyToClipboard)().action(undefined, {
               showAlert: showAlert,
               copyValue: value
             });
 
-          case 3:
-            _context.next = 6;
+          case 5:
+            _context.next = 8;
             break;
 
-          case 5:
+          case 7:
             setShowModal(true);
 
-          case 6:
+          case 8:
           case "end":
             return _context.stop();
         }
@@ -116,7 +125,7 @@ var Summary = function Summary(_ref) {
   }();
 
   return /*#__PURE__*/_react.default.createElement(_List.default, null, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
-    button: true,
+    button: !isReadOnly,
     onClick: handleClick
   }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Text.default
@@ -136,7 +145,7 @@ var Summary = function Summary(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Dots.default
-  }))) : /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }))) : !isReadOnly && /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Right.default,
     color: "var(--secondaryTextColor)"
   }))), showModal && /*#__PURE__*/_react.default.createElement(_SummaryDialog.default, {

package/dist/Panel/getPanelBlocks.js

@@ -37,17 +37,17 @@ var _Summary = _interopRequireDefault(require("./Summary"));
 var getPanelBlocksSpecs = exports.getPanelBlocksSpecs = function getPanelBlocksSpecs() {
   var isPublic = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   return {
-    summary: {
+    qualifications: {
       condition: function condition() {
         return true;
       },
-      component: _Summary.default
+      component: _Qualification.default
     },
-    qualifications: {
+    summary: {
       condition: function condition() {
         return true;
       },
-      component: _Qualification.default
+      component: _Summary.default
     },
     konnector: {
       condition: function condition(file) {

package/dist/Panel/helpers.d.ts

@@ -81,4 +81,4 @@ export namespace metadataByQualificationLabel {
 }
 export function makeFormattedMetadataQualification(file: any): array;
 export function isExpirationAlertHidden(file: any): boolean;
-export function canEditQualification(file: any): boolean;
+export function canEditQualification(file: any, isReadOnly: boolean): boolean;

package/dist/Panel/helpers.js

@@ -200,10 +200,11 @@ var isExpirationAlertHidden = exports.isExpirationAlertHidden = function isExpir
 /**
  *
  * @param {import("cozy-client/types").IOCozyFile} file - io.cozy.file
+ * @param {boolean} isReadOnly - Is sharing read-only
  * @returns {boolean}
  */
 
 
-var canEditQualification = exports.canEditQualification = function canEditQualification(file) {
-  return !(0, _file.isFromKonnector)(file);
+var canEditQualification = exports.canEditQualification = function canEditQualification(file, isReadOnly) {
+  return !(0, _file.isFromKonnector)(file) && !isReadOnly;
 };

package/dist/ViewerContainer.js

@@ -7,10 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -19,6 +25,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _cozyClient = require("cozy-client");
+
+var _permission = require("cozy-client/dist/models/permission");
+
 var _Modal = _interopRequireDefault(require("cozy-ui/transpiled/react/Modal"));
 
 var _proptypes = require("cozy-ui/transpiled/react/proptypes");
@@ -76,6 +86,12 @@ var ViewerContainer = function ViewerContainer(props) {
   var _useBreakpoints = (0, _Breakpoints.default)(),
       isDesktop = _useBreakpoints.isDesktop;
 
+  var _useState = (0, _react.useState)(true),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isReadOnly = _useState2[0],
+      setIsReadOnly = _useState2[1];
+
+  var client = (0, _cozyClient.useClient)();
   (0, _I18n.useExtendI18n)(_locales.locales);
   var currentFile = files[currentIndex];
   var fileCount = files.length;
@@ -90,6 +106,37 @@ var ViewerContainer = function ViewerContainer(props) {
     }, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.toolbarProps)
   });
 
+  (0, _react.useEffect)(function () {
+    var getIsReadOnly = /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        var res;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return (0, _permission.isDocumentReadOnly)({
+                document: currentFile,
+                client: client
+              });
+
+            case 2:
+              res = _context.sent;
+              setIsReadOnly(res);
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+
+      return function getIsReadOnly() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+
+    getIsReadOnly();
+  }, [client, currentFile]);
   return /*#__PURE__*/_react.default.createElement(_Alert.default, null, /*#__PURE__*/_react.default.createElement(_ActionMenuProvider.ActionMenuProvider, {
     editPathByModelProps: editPathByModelProps
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -106,6 +153,7 @@ var ViewerContainer = function ViewerContainer(props) {
     toolbarRef: toolbarRef
   }), children)), /*#__PURE__*/_react.default.createElement(_ViewerInformationsWrapper.default, {
     isPublic: isPublic,
+    isReadOnly: isReadOnly,
     disableFooter: disableFooter,
     validForPanel: validForPanel,
     currentFile: currentFile,
@@ -174,19 +222,19 @@ ViewerContainer.defaultProps = {
   showNavigation: true
 };
 
-var ViewerContainerWrapper = function ViewerContainerWrapper(_ref) {
-  var disableModal = _ref.disableModal,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded2);
+var ViewerContainerWrapper = function ViewerContainerWrapper(_ref2) {
+  var disableModal = _ref2.disableModal,
+      props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
 
   var _useCozyTheme = (0, _CozyTheme.useCozyTheme)(),
       type = _useCozyTheme.type,
       variant = _useCozyTheme.variant;
 
-  var _ref2 = props.componentsProps || {},
-      _ref2$modalProps = _ref2.modalProps,
-      modalProps = _ref2$modalProps === void 0 ? {
+  var _ref3 = props.componentsProps || {},
+      _ref3$modalProps = _ref3.modalProps,
+      modalProps = _ref3$modalProps === void 0 ? {
     open: true
-  } : _ref2$modalProps;
+  } : _ref3$modalProps;
 
   if (disableModal) {
     return /*#__PURE__*/_react.default.createElement(ViewerContainer, props);