cozy-viewer 13.3.2 → 14.0.0

package/CHANGELOG.md

@@ -3,6 +3,34 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [14.0.0](https://github.com/cozy/cozy-libs/compare/cozy-viewer@13.3.2...cozy-viewer@14.0.0) (2025-01-23)
+
+
+### Bug Fixes
+
+* **Viewer:** Adjust back button position in toolbar ([0cd2ecf](https://github.com/cozy/cozy-libs/commit/0cd2ecf3705b8d45f7ee0a9ddccf34b38339864e))
+* **Viewer:** Adjust title size for mobile ([68654e0](https://github.com/cozy/cozy-libs/commit/68654e0e0084c03024a3c840e5928f31a87d25e4))
+
+
+### Features
+
+* Upgrade packages ([3e8ad4d](https://github.com/cozy/cozy-libs/commit/3e8ad4d07ce0312fa3c2df567f952480dbd5cc7d))
+* **Viewer:** Add MoreMenu and move elements inside ([42e369a](https://github.com/cozy/cozy-libs/commit/42e369adbc3d0c1672eed77c26d041b47c390420))
+* **Viewer:** Add props to hide panel blocks ([a64460b](https://github.com/cozy/cozy-libs/commit/a64460b607e5433bf14321d106f3572227d9b3c9))
+* **Viewer:** Add sharingProvider and ShareModalProvider ([002ac22](https://github.com/cozy/cozy-libs/commit/002ac2243fab24043b7e0807ffafc825d86e0991))
+* **Viewer:** Remove ViewerWithCustomPanelAndFooter ([d93ff49](https://github.com/cozy/cozy-libs/commit/d93ff490a61ad54171696ed0f121f70c19eba1d6))
+* **Viewer:** Show Sharing panel again ([7cefd15](https://github.com/cozy/cozy-libs/commit/7cefd15beedc1b840bf1ec525532d4fadcf679f3))
+
+
+### BREAKING CHANGES
+
+* You must have `cozy-client >= 53.1.0`, `cozy-sharing >= 20.0.0` and `cozy-ui >= 117.1.0`
+* **Viewer:** You must replace `ViewerWithCustomPanelAndFooter` by default import.
+
+
+
+
+
 ## [13.3.2](https://github.com/cozy/cozy-libs/compare/cozy-viewer@13.3.1...cozy-viewer@13.3.2) (2025-01-22)
 
 **Note:** Version bump only for package cozy-viewer

package/dist/Footer/BottomSheetContent.d.ts

@@ -1,14 +1,2 @@
 export default BottomSheetContent;
-declare function BottomSheetContent({ file, isPublic, isReadOnly }: {
-    file: any;
-    isPublic: any;
-    isReadOnly: any;
-}): JSX.Element[];
-declare namespace BottomSheetContent {
-    namespace propTypes {
-        const file: PropTypes.Validator<object>;
-        const isPublic: PropTypes.Requireable<boolean>;
-        const isReadOnly: PropTypes.Requireable<boolean>;
-    }
-}
-import PropTypes from "prop-types";
+declare function BottomSheetContent(): JSX.Element[];

package/dist/Footer/BottomSheetContent.js

@@ -7,22 +7,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _BottomSheet = require("cozy-ui/transpiled/react/BottomSheet");
 
 var _getPanelBlocks = _interopRequireWildcard(require("../Panel/getPanelBlocks"));
 
+var _ViewerProvider = require("../providers/ViewerProvider");
+
 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 BottomSheetContent = function BottomSheetContent(_ref) {
-  var file = _ref.file,
-      isPublic = _ref.isPublic,
-      isReadOnly = _ref.isReadOnly;
+var BottomSheetContent = function BottomSheetContent() {
+  var _useViewer = (0, _ViewerProvider.useViewer)(),
+      file = _useViewer.file,
+      isPublic = _useViewer.isPublic,
+      isReadOnly = _useViewer.isReadOnly;
+
   var panelBlocks = (0, _getPanelBlocks.default)({
     panelBlocksSpecs: (0, _getPanelBlocks.getPanelBlocksSpecs)(isPublic),
     file: file
@@ -40,10 +42,4 @@ var BottomSheetContent = function BottomSheetContent(_ref) {
   });
 };
 
-BottomSheetContent.propTypes = {
-  file: _propTypes.default.object.isRequired,
-  isPublic: _propTypes.default.bool,
-  isReadOnly: _propTypes.default.bool
-};
-
 var _default = exports.default = BottomSheetContent;

package/dist/Footer/FooterContent.d.ts

@@ -1,17 +1,11 @@
 export default FooterContent;
-declare function FooterContent({ file, toolbarRef, children, isPublic, isReadOnly }: {
-    file: any;
+declare function FooterContent({ toolbarRef, children }: {
     toolbarRef: any;
     children: any;
-    isPublic: any;
-    isReadOnly: any;
 }): JSX.Element;
 declare namespace FooterContent {
     namespace propTypes {
-        const file: PropTypes.Validator<object>;
         const toolbarRef: PropTypes.Requireable<object>;
-        const isPublic: PropTypes.Requireable<boolean>;
-        const isReadOnly: PropTypes.Requireable<boolean>;
         const children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
     }
 }

package/dist/Footer/FooterContent.js

@@ -21,24 +21,12 @@ var _BottomSheetContent = _interopRequireDefault(require("./BottomSheetContent")
 
 var _helpers = require("./helpers");
 
-var _PrintButton = _interopRequireDefault(require("../components/PrintButton"));
+var _ViewerProvider = require("../providers/ViewerProvider");
 
 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 FooterButtons = function FooterButtons(_ref) {
-  var file = _ref.file,
-      _ref$FooterActionButt = _ref.FooterActionButtonsWithFile,
-      FooterActionButtonsWithFile = _ref$FooterActionButt === void 0 ? {
-    FooterActionButtonsWithFile: FooterActionButtonsWithFile
-  } : _ref$FooterActionButt;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, FooterActionButtonsWithFile, /*#__PURE__*/_react.default.createElement(_PrintButton.default, {
-    file: file,
-    variant: "button"
-  }));
-};
-
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     footer: {
@@ -57,13 +45,15 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
   };
 });
 
-var FooterContent = function FooterContent(_ref2) {
-  var file = _ref2.file,
-      toolbarRef = _ref2.toolbarRef,
-      children = _ref2.children,
-      isPublic = _ref2.isPublic,
-      isReadOnly = _ref2.isReadOnly;
+var FooterContent = function FooterContent(_ref) {
+  var toolbarRef = _ref.toolbarRef,
+      children = _ref.children;
   var styles = useStyles();
+
+  var _useViewer = (0, _ViewerProvider.useViewer)(),
+      file = _useViewer.file,
+      isPublic = _useViewer.isPublic;
+
   var toolbarProps = (0, _react.useMemo)(function () {
     return {
       ref: toolbarRef
@@ -86,21 +76,11 @@ var FooterContent = function FooterContent(_ref2) {
     settings: bottomSheetSettings
   }, /*#__PURE__*/_react.default.createElement(_BottomSheet.BottomSheetHeader, {
     className: (0, _classnames.default)('u-ph-1 u-pb-1', styles.bottomSheetHeader)
-  }, /*#__PURE__*/_react.default.createElement(FooterButtons, {
-    file: file,
-    FooterActionButtonsWithFile: FooterActionButtonsWithFile
-  })), /*#__PURE__*/_react.default.createElement(_BottomSheetContent.default, {
-    file: file,
-    isPublic: isPublic,
-    isReadOnly: isReadOnly
-  }));
+  }, /*#__PURE__*/_react.default.createElement(FooterActionButtonsWithFile, null)), /*#__PURE__*/_react.default.createElement(_BottomSheetContent.default, null));
 };
 
 FooterContent.propTypes = {
-  file: _propTypes.default.object.isRequired,
   toolbarRef: _propTypes.default.object,
-  isPublic: _propTypes.default.bool,
-  isReadOnly: _propTypes.default.bool,
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.arrayOf(_propTypes.default.node)])
 };
 

package/dist/Footer/ForwardButton.js

@@ -95,7 +95,7 @@ var ForwardButton = function ForwardButton(_ref) {
           case 11:
             _context.prev = 11;
             _context.next = 14;
-            return (0, _sharing.getSharingLink)(client, [file.id]);
+            return (0, _sharing.makeSharingLink)(client, [file.id]);
 
           case 14:
             url = _context.sent;

package/dist/Footer/{Sharing.d.ts → SharingButton.d.ts}

@@ -1,9 +1,10 @@
-export default Sharing;
-declare function Sharing({ file, variant }: {
+export default SharingButton;
+declare function SharingButton({ className, file, variant }: {
+    className: any;
     file: any;
     variant: any;
 }): JSX.Element;
-declare namespace Sharing {
+declare namespace SharingButton {
     namespace propTypes {
         const file: PropTypes.Requireable<object>;
         const variant: PropTypes.Requireable<string>;

package/dist/Footer/SharingButton.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _cozySharing = require("cozy-sharing");
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _IconButton = _interopRequireDefault(require("cozy-ui/transpiled/react/IconButton"));
+
+var _Share = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Share"));
+
+var _ShareModalProvider = require("../providers/ShareModalProvider");
+
+var SharingButton = function SharingButton(_ref) {
+  var className = _ref.className,
+      file = _ref.file,
+      variant = _ref.variant;
+
+  var _useShareModal = (0, _ShareModalProvider.useShareModal)(),
+      setShowShareModal = _useShareModal.setShowShareModal;
+
+  if (variant === 'iconButton') return /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    className: "u-white",
+    onClick: function onClick() {
+      return setShowShareModal(true);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Share.default
+  }));
+  return /*#__PURE__*/_react.default.createElement(_cozySharing.ShareButton, {
+    className: className,
+    fullWidth: true,
+    useShortLabel: true,
+    docId: file.id,
+    onClick: function onClick() {
+      return setShowShareModal(true);
+    }
+  });
+};
+
+SharingButton.propTypes = {
+  file: _propTypes.default.object,
+  variant: _propTypes.default.oneOf(['default', 'iconButton'])
+};
+SharingButton.defaultProptypes = {
+  variant: 'default'
+};
+
+var _default = exports.default = SharingButton;

package/dist/Panel/ActionMenuWrapper.js

@@ -27,13 +27,14 @@ var _ActionMenuMobile = _interopRequireDefault(require("./ActionMenuMobile"));
 
 var _helpers = require("../helpers");
 
+var _ViewerProvider = require("../providers/ViewerProvider");
+
 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 ActionMenuWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var file = _ref.file,
-      optionFile = _ref.optionFile,
+  var optionFile = _ref.optionFile,
       isReadOnly = _ref.isReadOnly,
       onClose = _ref.onClose;
   var name = optionFile.name,
@@ -42,6 +43,9 @@ var ActionMenuWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
   var _useBreakpoints = (0, _Breakpoints.default)(),
       isMobile = _useBreakpoints.isMobile;
 
+  var _useViewer = (0, _ViewerProvider.useViewer)(),
+      file = _useViewer.file;
+
   var _useI18n = (0, _I18n.useI18n)(),
       t = _useI18n.t;
 
@@ -97,8 +101,6 @@ var ActionMenuWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
 
   if (isMobile) {
     return /*#__PURE__*/_react.default.createElement(_ActionMenuMobile.default, {
-      file: file,
-      optionFile: optionFile,
       actions: {
         copy: {
           onClick: handleCopy
@@ -114,8 +116,6 @@ var ActionMenuWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
 
   return /*#__PURE__*/_react.default.createElement(_ActionMenuDesktop.default, {
     ref: ref,
-    file: file,
-    optionFile: optionFile,
     actions: {
       copy: {
         onClick: handleCopy

package/dist/Panel/PanelContent.js

@@ -9,8 +9,6 @@ exports.default = void 0;
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _Paper = _interopRequireDefault(require("cozy-ui/transpiled/react/Paper"));
@@ -23,17 +21,23 @@ var _getPanelBlocks = _interopRequireWildcard(require("./getPanelBlocks"));
 
 var _withViewerLocales = require("../hoc/withViewerLocales");
 
+var _ViewerProvider = require("../providers/ViewerProvider");
+
 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 PanelContent = function PanelContent(_ref) {
-  var file = _ref.file,
-      isPublic = _ref.isPublic,
-      isReadOnly = _ref.isReadOnly,
-      t = _ref.t;
+  var t = _ref.t;
+
+  var _useViewer = (0, _ViewerProvider.useViewer)(),
+      file = _useViewer.file,
+      isPublic = _useViewer.isPublic,
+      componentsProps = _useViewer.componentsProps,
+      isReadOnly = _useViewer.isReadOnly;
+
   var panelBlocks = (0, _getPanelBlocks.default)({
-    panelBlocksSpecs: (0, _getPanelBlocks.getPanelBlocksSpecs)(isPublic),
+    panelBlocksSpecs: (0, _getPanelBlocks.getPanelBlocksSpecs)(isPublic, componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.panel),
     file: file
   });
   return /*#__PURE__*/_react.default.createElement(_Stack.default, {
@@ -61,10 +65,4 @@ var PanelContent = function PanelContent(_ref) {
   }));
 };
 
-PanelContent.propTypes = {
-  file: _propTypes.default.object.isRequired,
-  isPublic: _propTypes.default.bool,
-  isReadOnly: _propTypes.default.bool
-};
-
 var _default = exports.default = (0, _withViewerLocales.withViewerLocales)(PanelContent);

package/dist/Panel/Qualification.js

@@ -27,17 +27,17 @@ var _QualificationModal = _interopRequireDefault(require("cozy-ui/transpiled/rea
 
 var _ActionMenuWrapper = _interopRequireDefault(require("./ActionMenuWrapper"));
 
-var _QualificationListItemContact = _interopRequireDefault(require("./QualificationListItemContact"));
+var _QualificationListItemContact = _interopRequireDefault(require("./Qualifications/QualificationListItemContact"));
 
-var _QualificationListItemDate = _interopRequireDefault(require("./QualificationListItemDate"));
+var _QualificationListItemDate = _interopRequireDefault(require("./Qualifications/QualificationListItemDate"));
 
-var _QualificationListItemInformation = _interopRequireDefault(require("./QualificationListItemInformation"));
+var _QualificationListItemInformation = _interopRequireDefault(require("./Qualifications/QualificationListItemInformation"));
 
-var _QualificationListItemOther = _interopRequireDefault(require("./QualificationListItemOther"));
+var _QualificationListItemOther = _interopRequireDefault(require("./Qualifications/QualificationListItemOther"));
 
-var _QualificationListItemQualification = _interopRequireDefault(require("./QualificationListItemQualification"));
+var _QualificationListItemQualification = _interopRequireDefault(require("./Qualifications/QualificationListItemQualification"));
 
-var _QualificationListItemQualificationEmpty = _interopRequireDefault(require("./QualificationListItemQualificationEmpty"));
+var _QualificationListItemQualificationEmpty = _interopRequireDefault(require("./Qualifications/QualificationListItemQualificationEmpty"));
 
 var _helpers = require("./helpers");
 
@@ -111,9 +111,7 @@ var Qualification = function Qualification(_ref) {
       return (_actionBtnRef$current = actionBtnRef.current[idx]) !== null && _actionBtnRef$current !== void 0 ? _actionBtnRef$current : /*#__PURE__*/(0, _react.createRef)();
     });
   }, [formattedMetadataQualification]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _paper.isExpiringSoon)(file) && !(0, _helpers.isExpirationAlertHidden)(file) && /*#__PURE__*/_react.default.createElement(_ExpirationAlert.default, {
-    file: file
-  }), (0, _qualification.hasSupportedQualification)(file) ? /*#__PURE__*/_react.default.createElement(_QualificationListItemQualification.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _paper.isExpiringSoon)(file) && !(0, _helpers.isExpirationAlertHidden)(file) && /*#__PURE__*/_react.default.createElement(_ExpirationAlert.default, null), (0, _qualification.hasSupportedQualification)(file) ? /*#__PURE__*/_react.default.createElement(_QualificationListItemQualification.default, {
     file: file,
     isReadOnly: isReadOnly,
     onClick: function onClick() {
@@ -151,7 +149,6 @@ var Qualification = function Qualification(_ref) {
     }));
   }), optionFile.name && /*#__PURE__*/_react.default.createElement(_ActionMenuWrapper.default, {
     ref: actionBtnRef.current[optionFile.id],
-    file: file,
     optionFile: optionFile,
     isReadOnly: isReadOnly,
     onClose: hideActionsMenu

package/dist/Panel/{QualificationListItemContact.js → Qualifications/QualificationListItemContact.js}

@@ -33,9 +33,9 @@ var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 
 var _QualificationListItemText = _interopRequireDefault(require("./QualificationListItemText"));
 
-var _IntentOpener = _interopRequireDefault(require("../components/IntentOpener"));
+var _IntentOpener = _interopRequireDefault(require("../../components/IntentOpener"));
 
-var _useReferencedContactName = _interopRequireDefault(require("../hooks/useReferencedContactName"));
+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); }
 

package/dist/Panel/{QualificationListItemDate.js → Qualifications/QualificationListItemDate.js}

@@ -35,9 +35,9 @@ var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 
 var _QualificationListItemText = _interopRequireDefault(require("./QualificationListItemText"));
 
-var _ExpirationAnnotation = _interopRequireDefault(require("../components/ExpirationAnnotation"));
+var _ExpirationAnnotation = _interopRequireDefault(require("../../components/ExpirationAnnotation"));
 
-var _IntentOpener = _interopRequireDefault(require("../components/IntentOpener"));
+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); }
 
@@ -83,9 +83,7 @@ var QualificationListItemDate = /*#__PURE__*/(0, _react.forwardRef)(function (_r
     }, formattedDate), isExpirationDate && ((0, _paper.isExpired)(file) || (0, _paper.isExpiringSoon)(file)) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
       component: "span",
       variant: "inherit"
-    }, ' · '), /*#__PURE__*/_react.default.createElement(_ExpirationAnnotation.default, {
-      file: file
-    }))) : formattedTitle,
+    }, ' · '), /*#__PURE__*/_react.default.createElement(_ExpirationAnnotation.default, null))) : formattedTitle,
     disabled: !value
   }), value ? /*#__PURE__*/_react.default.createElement(_ListItemSecondaryAction.default, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     ref: ref,

package/dist/Panel/{QualificationListItemInformation.js → Qualifications/QualificationListItemInformation.js}

@@ -43,7 +43,7 @@ var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 
 var _QualificationListItemText = _interopRequireDefault(require("./QualificationListItemText"));
 
-var _IntentOpener = _interopRequireDefault(require("../components/IntentOpener"));
+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); }
 

package/dist/Panel/{QualificationListItemOther.js → Qualifications/QualificationListItemOther.js}

@@ -35,7 +35,7 @@ var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 
 var _QualificationListItemText = _interopRequireDefault(require("./QualificationListItemText"));
 
-var _IntentOpener = _interopRequireDefault(require("../components/IntentOpener"));
+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); }
 

package/dist/Panel/{QualificationListItemQualification.js → Qualifications/QualificationListItemQualification.js}

@@ -29,7 +29,7 @@ var _QualificationIconStack = _interopRequireDefault(require("cozy-ui/transpiled
 
 var _I18n = require("cozy-ui/transpiled/react/providers/I18n");
 
-var _helpers = require("./helpers");
+var _helpers = require("../helpers");
 
 var QualificationListItemQualification = function QualificationListItemQualification(_ref) {
   var file = _ref.file,

package/dist/Panel/{QualificationListItemQualificationEmpty.js → Qualifications/QualificationListItemQualificationEmpty.js}

@@ -25,9 +25,9 @@ var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/Lis
 
 var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
 
-var _helpers = require("./helpers");
+var _helpers = require("../helpers");
 
-var _withViewerLocales = require("../hoc/withViewerLocales");
+var _withViewerLocales = require("../../hoc/withViewerLocales");
 
 var QualificationListItemQualificationEmpty = function QualificationListItemQualificationEmpty(_ref) {
   var file = _ref.file,

package/dist/Panel/Sharing.js

@@ -7,15 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _react = _interopRequireWildcard(require("react"));
-
-var _cozyClient = require("cozy-client");
+var _react = _interopRequireDefault(require("react"));
 
-var _cozySharing = _interopRequireWildcard(require("cozy-sharing"));
+var _cozySharing = require("cozy-sharing");
 
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
 
@@ -33,18 +29,14 @@ var _Spinner = _interopRequireDefault(require("cozy-ui/transpiled/react/Spinner"
 
 var _withViewerLocales = require("../hoc/withViewerLocales");
 
-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 _ShareModalProvider = require("../providers/ShareModalProvider");
 
 var Sharing = function Sharing(_ref) {
   var file = _ref.file,
       t = _ref.t;
 
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      showModal = _useState2[0],
-      setShowModal = _useState2[1];
+  var _useShareModal = (0, _ShareModalProvider.useShareModal)(),
+      setShowShareModal = _useShareModal.setShowShareModal;
 
   var _useSharingContext = (0, _cozySharing.useSharingContext)(),
       isOwner = _useSharingContext.isOwner,
@@ -66,7 +58,7 @@ var Sharing = function Sharing(_ref) {
     divider: true,
     button: true,
     onClick: function onClick() {
-      return setShowModal(true);
+      return setShowShareModal(true);
     }
   }, /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
     primary: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, t('Viewer.panel.sharing'), !allLoaded && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
@@ -88,14 +80,7 @@ var Sharing = function Sharing(_ref) {
       recipient: recipient,
       isOwner: _isOwner
     });
-  }) : /*#__PURE__*/_react.default.createElement(_cozySharing.OwnerRecipientDefaultLite, null)), showModal && /*#__PURE__*/_react.default.createElement(_cozySharing.ShareModal, {
-    document: file,
-    documentType: "Files",
-    sharingDesc: "",
-    onClose: function onClose() {
-      return setShowModal(false);
-    }
-  }));
+  }) : /*#__PURE__*/_react.default.createElement(_cozySharing.OwnerRecipientDefaultLite, null)));
 };
 
 Sharing.propTypes = {
@@ -103,20 +88,4 @@ Sharing.propTypes = {
   t: _propTypes.default.func
 };
 
-var DumbSharing = function DumbSharing(_ref2) {
-  var file = _ref2.file,
-      t = _ref2.t,
-      isPublic = _ref2.isPublic;
-  var client = (0, _cozyClient.useClient)();
-  return /*#__PURE__*/_react.default.createElement(_cozySharing.default, {
-    client: client,
-    doctype: "io.cozy.files",
-    documentType: "Files",
-    isPublic: isPublic
-  }, /*#__PURE__*/_react.default.createElement(Sharing, {
-    file: file,
-    t: t
-  }));
-};
-
-var _default = exports.default = (0, _withViewerLocales.withViewerLocales)(DumbSharing);
+var _default = exports.default = (0, _withViewerLocales.withViewerLocales)(Sharing);

package/dist/Panel/Summary.js

@@ -45,7 +45,7 @@ var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/Lis
 
 var _Alert = require("cozy-ui/transpiled/react/providers/Alert");
 
-var _QualificationListItemText = _interopRequireDefault(require("./QualificationListItemText"));
+var _QualificationListItemText = _interopRequireDefault(require("./Qualifications/QualificationListItemText"));
 
 var _SummaryDialog = _interopRequireDefault(require("./SummaryDialog"));
 

package/dist/Panel/getPanelBlocks.d.ts

@@ -1,4 +1,4 @@
-export function getPanelBlocksSpecs(isPublic?: boolean): PanelBlocksSpecs;
+export function getPanelBlocksSpecs(isPublic: boolean | undefined, panelProps: any): PanelBlocksSpecs;
 export default getPanelBlocks;
 export type PanelBlockSpec = {
     /**