cozy-viewer 5.1.0 → 6.0.0

package/CHANGELOG.md

@@ -3,6 +3,31 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.0.0](https://github.com/cozy/cozy-libs/compare/cozy-viewer@5.1.1...cozy-viewer@6.0.0) (2024-12-03)
+
+
+### Features
+
+* **Viewer:** Add sharing block ([1de9627](https://github.com/cozy/cozy-libs/commit/1de962750c277b91a4332c6b6d247d7783ce9b6a))
+* **Viewer:** Upgrade cozy-sharing ([de71cfd](https://github.com/cozy/cozy-libs/commit/de71cfdaf17874670ac6c993c59e2d6ca3314a44))
+
+
+### BREAKING CHANGES
+
+* **Viewer:** You must have `cozy-sharing => 16.8.0`
+
+
+
+
+
+## [5.1.1](https://github.com/cozy/cozy-libs/compare/cozy-viewer@5.1.0...cozy-viewer@5.1.1) (2024-11-28)
+
+**Note:** Version bump only for package cozy-viewer
+
+
+
+
+
 # [5.1.0](https://github.com/cozy/cozy-libs/compare/cozy-viewer@5.0.0...cozy-viewer@5.1.0) (2024-11-28)
 
 

package/dist/Footer/Sharing.js

@@ -15,9 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _cozyClient = require("cozy-client");
 
-var _cozySharing = require("cozy-sharing");
-
-var _SharingProvider = require("cozy-sharing/dist/SharingProvider");
+var _cozySharing = _interopRequireWildcard(require("cozy-sharing"));
 
 var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
 
@@ -54,7 +52,7 @@ var Sharing = function Sharing(_ref) {
       return setShowShareModal(true);
     }
   });
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SharingProvider.SharingProvider, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_cozySharing.default, {
     client: client,
     doctype: "io.cozy.files",
     documentType: "Files"

package/dist/Panel/Sharing.d.ts

@@ -0,0 +1,2 @@
+declare var _default: any;
+export default _default;

package/dist/Panel/Sharing.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _cozySharing = require("cozy-sharing");
+
+var _Divider = _interopRequireDefault(require("cozy-ui/transpiled/react/Divider"));
+
+var _Icon = _interopRequireDefault(require("cozy-ui/transpiled/react/Icon"));
+
+var _Right = _interopRequireDefault(require("cozy-ui/transpiled/react/Icons/Right"));
+
+var _List = _interopRequireDefault(require("cozy-ui/transpiled/react/List"));
+
+var _ListItem = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItem"));
+
+var _ListItemIcon = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemIcon"));
+
+var _ListItemText = _interopRequireDefault(require("cozy-ui/transpiled/react/ListItemText"));
+
+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 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 _useSharingContext = (0, _cozySharing.useSharingContext)(),
+      isOwner = _useSharingContext.isOwner,
+      getDocumentPermissions = _useSharingContext.getDocumentPermissions,
+      getSharingLink = _useSharingContext.getSharingLink,
+      allLoaded = _useSharingContext.allLoaded,
+      getRecipients = _useSharingContext.getRecipients;
+
+  var recipients = getRecipients(file._id);
+  var permissions = getDocumentPermissions(file._id);
+  var link = getSharingLink(file._id);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_List.default, null, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    button: true,
+    onClick: function onClick() {
+      return setShowModal(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, {
+      className: "u-ml-half",
+      noMargin: true
+    })),
+    primaryTypographyProps: {
+      variant: 'h6'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icon: _Right.default
+  })))), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement(_List.default, null, /*#__PURE__*/_react.default.createElement(_cozySharing.LinkRecipientLite, {
+    permissions: permissions,
+    link: link
+  }), recipients.map(function (recipient) {
+    return /*#__PURE__*/_react.default.createElement(_cozySharing.MemberRecipientLite, {
+      key: recipient.index,
+      recipient: recipient,
+      isOwner: isOwner(file._id)
+    });
+  })), showModal && /*#__PURE__*/_react.default.createElement(_cozySharing.ShareModal, {
+    document: file,
+    documentType: "Files",
+    onClose: function onClose() {
+      return setShowModal(false);
+    }
+  }));
+};
+
+Sharing.propTypes = {
+  file: _propTypes.default.object.isRequired,
+  t: _propTypes.default.func
+};
+
+var _default = (0, _withViewerLocales.withViewerLocales)(Sharing);
+
+exports.default = _default;

package/dist/Panel/getPanelBlocks.js

@@ -15,6 +15,8 @@ var _Informations = _interopRequireDefault(require("./Informations"));
 
 var _Qualification = _interopRequireDefault(require("./Qualification"));
 
+var _Sharing = _interopRequireDefault(require("./Sharing"));
+
 var _Summary = _interopRequireDefault(require("./Summary"));
 
 /**
@@ -56,6 +58,12 @@ var getPanelBlocksSpecs = function getPanelBlocksSpecs() {
         return true;
       },
       component: _Informations.default
+    },
+    sharing: {
+      condition: function condition() {
+        return true;
+      },
+      component: _Sharing.default
     }
   };
 };

package/dist/locales/index.js

@@ -33,6 +33,7 @@ var en = {
     openInOnlyOffice: "Open with Only Office",
     panel: {
       summary: "Summary",
+      sharing: "Who has access?",
       informations: {
         format: {
           title: "%{format} Document",
@@ -112,6 +113,7 @@ var fr = {
     openInOnlyOffice: "Ouvrir avec Only Office",
     panel: {
       summary: "R\xE9sum\xE9",
+      sharing: "Qui a acc\xE8s ?",
       informations: {
         format: {
           title: "Document %{format}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-viewer",
-  "version": "5.1.0",
+  "version": "6.0.0",
   "description": "Cozy-Viewer provides a component to show files in a viewer.",
   "main": "dist/index.js",
   "license": "MIT",
@@ -27,10 +27,10 @@
     "babel-preset-cozy-app": "^2.8.1",
     "cozy-client": "50.0.0",
     "cozy-device-helper": "2.0.0",
-    "cozy-harvest-lib": "^30.8.3",
+    "cozy-harvest-lib": "^31.0.1",
     "cozy-intent": "^2.29.1",
     "cozy-logger": "^1.16.1",
-    "cozy-sharing": "14.1.0",
+    "cozy-sharing": "^16.8.0",
     "cozy-ui": "^113.7.0",
     "enzyme": "3.11.0",
     "enzyme-adapter-react-16": "1.15.6",
@@ -55,10 +55,10 @@
     "cozy-harvest-lib": ">=30.8.0",
     "cozy-intent": ">=2.26.0",
     "cozy-logger": ">=1.9.0",
-    "cozy-sharing": ">=14.1.0",
+    "cozy-sharing": ">=16.8.0",
     "cozy-ui": ">=113.7.0",
     "react": ">=16.12.0",
     "react-dom": ">=16.12.0"
   },
-  "gitHead": "47d422f3e552e810b645c228056d2980de4e52fa"
+  "gitHead": "1ef3aa4ead2e15345ae0274fea1580d0cb175023"
 }

package/src/Footer/Sharing.jsx

@@ -2,8 +2,7 @@ import PropTypes from 'prop-types'
 import React, { useState } from 'react'
 
 import { useClient } from 'cozy-client'
-import { ShareModal, ShareButton } from 'cozy-sharing'
-import { SharingProvider } from 'cozy-sharing/dist/SharingProvider'
+import SharingProvider, { ShareModal, ShareButton } from 'cozy-sharing'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import IconButton from 'cozy-ui/transpiled/react/IconButton'
 import ShareIcon from 'cozy-ui/transpiled/react/Icons/Share'

package/src/Panel/Sharing.jsx

@@ -0,0 +1,80 @@
+import PropTypes from 'prop-types'
+import React, { useState } from 'react'
+
+import {
+  ShareModal,
+  useSharingContext,
+  MemberRecipientLite,
+  LinkRecipientLite
+} from 'cozy-sharing'
+import Divider from 'cozy-ui/transpiled/react/Divider'
+import Icon from 'cozy-ui/transpiled/react/Icon'
+import RightIcon from 'cozy-ui/transpiled/react/Icons/Right'
+import List from 'cozy-ui/transpiled/react/List'
+import ListItem from 'cozy-ui/transpiled/react/ListItem'
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
+import Spinner from 'cozy-ui/transpiled/react/Spinner'
+
+import { withViewerLocales } from '../hoc/withViewerLocales'
+
+const Sharing = ({ file, t }) => {
+  const [showModal, setShowModal] = useState(false)
+  const {
+    isOwner,
+    getDocumentPermissions,
+    getSharingLink,
+    allLoaded,
+    getRecipients
+  } = useSharingContext()
+
+  const recipients = getRecipients(file._id)
+  const permissions = getDocumentPermissions(file._id)
+  const link = getSharingLink(file._id)
+
+  return (
+    <>
+      <List>
+        <ListItem button onClick={() => setShowModal(true)}>
+          <ListItemText
+            primary={
+              <>
+                {t('Viewer.panel.sharing')}
+                {!allLoaded && <Spinner className="u-ml-half" noMargin />}
+              </>
+            }
+            primaryTypographyProps={{ variant: 'h6' }}
+          />
+          <ListItemIcon>
+            <Icon icon={RightIcon} />
+          </ListItemIcon>
+        </ListItem>
+      </List>
+      <Divider />
+      <List>
+        <LinkRecipientLite permissions={permissions} link={link} />
+        {recipients.map(recipient => (
+          <MemberRecipientLite
+            key={recipient.index}
+            recipient={recipient}
+            isOwner={isOwner(file._id)}
+          />
+        ))}
+      </List>
+      {showModal && (
+        <ShareModal
+          document={file}
+          documentType="Files"
+          onClose={() => setShowModal(false)}
+        />
+      )}
+    </>
+  )
+}
+
+Sharing.propTypes = {
+  file: PropTypes.object.isRequired,
+  t: PropTypes.func
+}
+
+export default withViewerLocales(Sharing)

package/src/Panel/getPanelBlocks.jsx

@@ -6,6 +6,7 @@ import KonnectorBlock from 'cozy-harvest-lib/dist/components/KonnectorBlock'
 
 import Informations from './Informations'
 import Qualification from './Qualification'
+import Sharing from './Sharing'
 import Summary from './Summary'
 
 /**
@@ -39,6 +40,10 @@ export const getPanelBlocksSpecs = (isPublic = false) => ({
   informations: {
     condition: () => true,
     component: Informations
+  },
+  sharing: {
+    condition: () => true,
+    component: Sharing
   }
 })
 

package/src/Panel/getPanelBlocks.spec.jsx

@@ -1,5 +1,9 @@
+import React from 'react'
+
 import getPanelBlocks, { getPanelBlocksSpecs } from './getPanelBlocks'
 
+jest.mock('./Sharing', () => () => <div data-testid="SharingBlock" />)
+
 jest.mock('cozy-harvest-lib/dist/components/KonnectorBlock', () => jest.fn())
 const block1Component = jest.fn()
 const block2Component = jest.fn()
@@ -77,6 +81,10 @@ describe('getPanelBlocksSpecs', () => {
       informations: {
         condition: expect.any(Function),
         component: expect.anything()
+      },
+      sharing: {
+        condition: expect.any(Function),
+        component: expect.anything()
       }
     })
   })

package/src/locales/en.json

@@ -27,6 +27,7 @@
     "openInOnlyOffice": "Open with Only Office",
     "panel": {
       "summary": "Summary",
+      "sharing": "Who has access?",
       "informations": {
         "format": {
           "title": "%{format} Document",

package/src/locales/fr.json

@@ -27,6 +27,7 @@
     "openInOnlyOffice": "Ouvrir avec Only Office",
     "panel": {
       "summary": "Résumé",
+      "sharing": "Qui a accès ?",
       "informations": {
         "format": {
           "title": "Document %{format}",