cozy-sharing 18.0.0 → 20.0.0

package/dist/components/ShareByLink.js

@@ -1,31 +1,22 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-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) { _defineProperty(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; }
-
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import PropTypes from 'prop-types';
-import React, { useState, useEffect, useCallback } from 'react';
-import Alert from 'cozy-ui/transpiled/react/Alert';
+import React, { useReducer } from 'react';
 import Button from 'cozy-ui/transpiled/react/Buttons';
 import Icon from 'cozy-ui/transpiled/react/Icon';
 import CopyIcon from 'cozy-ui/transpiled/react/Icons/Copy';
 import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link';
-import Snackbar from 'cozy-ui/transpiled/react/Snackbar';
+import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints';
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
-import EditLinkPermissionDialog from './EditLinkPermissionDialog';
-import { isOnlyReadOnlyLinkAllowed } from '../helpers/link';
-import logger from '../logger';
+import { ShareRestrictionModal } from './ShareRestrictionModal/ShareRestrictionModal';
+import { copyToClipboard } from './ShareRestrictionModal/helpers';
 
 var ShareByLink = function ShareByLink(_ref) {
   var link = _ref.link,
       document = _ref.document,
-      documentType = _ref.documentType,
-      onEnable = _ref.onEnable;
+      documentType = _ref.documentType;
 
   var _useI18n = useI18n(),
       t = _useI18n.t;
@@ -33,200 +24,80 @@ var ShareByLink = function ShareByLink(_ref) {
   var _useBreakpoints = useBreakpoints(),
       isMobile = _useBreakpoints.isMobile;
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      loading = _useState2[0],
-      setLoading = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      shouldCopyToClipboard = _useState4[0],
-      setShouldCopyToClipboard = _useState4[1];
+  var _useAlert = useAlert(),
+      showAlert = _useAlert.showAlert;
 
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      alert = _useState6[0],
-      setAlert = _useState6[1];
+  var showCopyAndSendButtons = link && isMobile && navigator.share;
+  var showOnlyCopyButton = link && !isMobile || link && isMobile && !navigator.share;
 
-  var _useState7 = useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      isEditDialogOpen = _useState8[0],
-      setIsEditDialogOpen = _useState8[1];
+  var _useReducer = useReducer(function (state) {
+    return !state;
+  }, false),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      isEditDialogOpen = _useReducer2[0],
+      toggleEditDialogOpen = _useReducer2[1];
 
-  var copyLinkToClipboard = useCallback( /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
-      var isAutomaticCopy;
+  var copyLinkToClipboard = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            isAutomaticCopy = _ref2.isAutomaticCopy;
-            _context.prev = 1;
-            _context.next = 4;
-            return navigator.clipboard.writeText(link);
-
-          case 4:
-            setAlert({
-              open: true,
-              severity: 'success',
-              message: t("".concat(documentType, ".share.shareByLink.copied"))
+            _context.next = 2;
+            return copyToClipboard(link, {
+              t: t,
+              showAlert: showAlert
             });
-            _context.next = 10;
-            break;
-
-          case 7:
-            _context.prev = 7;
-            _context.t0 = _context["catch"](1);
 
-            if (!isAutomaticCopy) {
-              // In case of automatic copy, the browser can block the copy request. This is not shown to the user since it is expected and can be circumvented by clicking directly on the copy link
-              setAlert({
-                open: true,
-                severity: 'error',
-                message: t("".concat(documentType, ".share.shareByLink.failed"))
-              });
-            }
-
-          case 10:
+          case 2:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 7]]);
+      }, _callee);
     }));
 
-    return function (_x) {
-      return _ref3.apply(this, arguments);
-    };
-  }(), [documentType, link, t]);
-
-  var onPermissionsSelected = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(options) {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.prev = 0;
-            setLoading(true);
-            _context2.next = 4;
-            return onEnable(document, options);
-
-          case 4:
-            _context2.next = 10;
-            break;
-
-          case 6:
-            _context2.prev = 6;
-            _context2.t0 = _context2["catch"](0);
-            setAlert({
-              open: true,
-              severity: 'error',
-              message: t("".concat(documentType, ".share.error.generic"))
-            });
-            logger.log(_context2.t0);
-
-          case 10:
-            _context2.prev = 10;
-            setLoading(false);
-            setShouldCopyToClipboard(true);
-            return _context2.finish(10);
-
-          case 14:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2, null, [[0, 6, 10, 14]]);
-    }));
-
-    return function onPermissionsSelected(_x2) {
-      return _ref4.apply(this, arguments);
+    return function copyLinkToClipboard() {
+      return _ref2.apply(this, arguments);
     };
   }();
 
-  var onCreate = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            if (isOnlyReadOnlyLinkAllowed({
-              documentType: documentType
-            })) {
-              onPermissionsSelected({
-                verbs: ['GET']
-              });
-            } else {
-              setIsEditDialogOpen(true);
-            }
-
-          case 1:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3);
-    }));
-
-    return function onCreate() {
-      return _ref5.apply(this, arguments);
-    };
-  }();
-
-  useEffect(function () {
-    if (link && shouldCopyToClipboard) {
-      copyLinkToClipboard({
-        isAutomaticCopy: true
-      });
-      setShouldCopyToClipboard(false);
-    }
-  }, [link, shouldCopyToClipboard, copyLinkToClipboard]);
-
-  var onClose = function onClose() {
-    setIsEditDialogOpen(false);
-  };
-
-  var onCloseAlert = function onCloseAlert() {
-    setAlert(_objectSpread(_objectSpread({}, alert), {}, {
-      open: false
-    }));
-  };
-
-  var showCopyAndSendButtons = link && isMobile && navigator.share;
-  var showOnlyCopyButton = link && !isMobile || link && isMobile && !navigator.share;
-
   var shareLink = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var shareData;
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _context4.prev = 0;
+            _context2.prev = 0;
             shareData = {
               text: t("".concat(documentType, ".share.shareByLink.shareDescription"), {
                 name: document.name || ''
               }),
               url: link
             };
-            _context4.next = 4;
+            _context2.next = 4;
             return navigator.share(shareData);
 
           case 4:
-            _context4.next = 9;
+            _context2.next = 9;
             break;
 
           case 6:
-            _context4.prev = 6;
-            _context4.t0 = _context4["catch"](0);
-            setAlert({
-              open: true,
+            _context2.prev = 6;
+            _context2.t0 = _context2["catch"](0);
+            showAlert({
+              message: t("".concat(documentType, ".share.error.generic")),
               severity: 'error',
-              message: t("".concat(documentType, ".share.error.generic"))
+              variant: 'filled'
             });
 
           case 9:
           case "end":
-            return _context4.stop();
+            return _context2.stop();
         }
-      }, _callee4, null, [[0, 6]]);
+      }, _callee2, null, [[0, 6]]);
     }));
 
     return function shareLink() {
-      return _ref6.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
 
@@ -240,12 +111,11 @@ var ShareByLink = function ShareByLink(_ref) {
       icon: LinkIcon
     }),
     className: "u-flex-auto",
-    busy: loading,
     style: {
       position: 'initial'
     } // fix z-index bug on iOS when under a BottomDrawer due to relative position
     ,
-    onClick: onCreate
+    onClick: toggleEditDialogOpen
   }), showCopyAndSendButtons && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
     label: t("".concat(documentType, ".share.shareByLink.send")),
     variant: "secondary",
@@ -271,25 +141,15 @@ var ShareByLink = function ShareByLink(_ref) {
     }),
     className: "u-flex-auto u-mr-half",
     onClick: copyLinkToClipboard
-  }), isEditDialogOpen && /*#__PURE__*/React.createElement(EditLinkPermissionDialog, {
-    open: true,
-    onClose: onClose,
-    document: document,
-    onPermissionsSelected: onPermissionsSelected
-  }), /*#__PURE__*/React.createElement(Snackbar, {
-    open: alert.open,
-    onClose: onCloseAlert
-  }, /*#__PURE__*/React.createElement(Alert, {
-    variant: "filled",
-    severity: alert.severity,
-    onClose: onCloseAlert
-  }, alert.message)));
+  }), isEditDialogOpen && /*#__PURE__*/React.createElement(ShareRestrictionModal, {
+    file: document,
+    onClose: toggleEditDialogOpen
+  }));
 };
 
 ShareByLink.propTypes = {
   link: PropTypes.string,
   document: PropTypes.object.isRequired,
-  documentType: PropTypes.string.isRequired,
-  onEnable: PropTypes.func.isRequired
+  documentType: PropTypes.string.isRequired
 };
 export default ShareByLink;

package/dist/components/ShareDialogCozyToCozy.js

@@ -56,9 +56,7 @@ var SharingContent = function SharingContent(_ref) {
       recipientsToBeConfirmed = _ref.recipientsToBeConfirmed,
       verifyRecipient = _ref.verifyRecipient,
       link = _ref.link,
-      permissions = _ref.permissions,
-      onUpdateShareLinkPermissions = _ref.onUpdateShareLinkPermissions,
-      onRevokeLink = _ref.onRevokeLink;
+      permissions = _ref.permissions;
 
   var _useI18n = useI18n(),
       t = _useI18n.t;
@@ -96,9 +94,7 @@ var SharingContent = function SharingContent(_ref) {
     recipientsToBeConfirmed: recipientsToBeConfirmed,
     verifyRecipient: verifyRecipient,
     link: link,
-    permissions: permissions,
-    onUpdateShareLinkPermissions: onUpdateShareLinkPermissions,
-    onRevokeLink: onRevokeLink
+    permissions: permissions
   }));
 };
 /**

package/dist/components/ShareDialogOnlyByLink.js

@@ -16,9 +16,6 @@ var ShareDialogOnlyByLink = function ShareDialogOnlyByLink(_ref) {
       documentType = _ref.documentType,
       link = _ref.link,
       onClose = _ref.onClose,
-      onRevokeLink = _ref.onRevokeLink,
-      onShareByLink = _ref.onShareByLink,
-      onUpdateShareLinkPermissions = _ref.onUpdateShareLinkPermissions,
       permissions = _ref.permissions;
 
   var _useI18n = useI18n(),
@@ -46,16 +43,13 @@ var ShareDialogOnlyByLink = function ShareDialogOnlyByLink(_ref) {
       onRevokeSelf: onRevokeSelf,
       recipients: recipients,
       link: link,
-      permissions: permissions,
-      onUpdateShareLinkPermissions: onUpdateShareLinkPermissions,
-      onRevokeLink: onRevokeLink
+      permissions: permissions
     }), /*#__PURE__*/React.createElement("div", {
       className: cx('u-mt-half', isMobile ? 'u-ph-1 u-mb-1' : 'u-ph-2 u-mb-1-half')
     }, /*#__PURE__*/React.createElement(DumbShareByLink, {
       link: link,
       document: document,
-      documentType: documentType,
-      onEnable: onShareByLink
+      documentType: documentType
     })))
   });
 };

package/dist/components/ShareDialogTwoStepsConfirmationContainer.js

@@ -109,7 +109,6 @@ var ShareDialogTwoStepsConfirmationContainer = function ShareDialogTwoStepsConfi
       onRevokeLink = _ref4.onRevokeLink,
       onRevokeSelf = _ref4.onRevokeSelf,
       onShare = _ref4.onShare,
-      onShareByLink = _ref4.onShareByLink,
       onUpdateShareLinkPermissions = _ref4.onUpdateShareLinkPermissions,
       permissions = _ref4.permissions,
       recipients = _ref4.recipients,
@@ -262,8 +261,7 @@ var ShareDialogTwoStepsConfirmationContainer = function ShareDialogTwoStepsConfi
     dialogActions = DialogActionsOnShare ? /*#__PURE__*/React.createElement(DialogActionsOnShare, {
       link: link,
       document: document,
-      documentType: documentType,
-      onEnable: onShareByLink
+      documentType: documentType
     }) : null;
   } else if (status === 'confirmingRecipient') {
     dialogTitle = t("Share.twoStepsConfirmation.title");

package/dist/components/ShareModal/EditableSharingModal.js

@@ -26,10 +26,7 @@ export var EditableSharingModal = function EditableSharingModal(_ref) {
       isOwner = _useSharingContext.isOwner,
       revoke = _useSharingContext.revoke,
       revokeSelf = _useSharingContext.revokeSelf,
-      revokeSharingLink = _useSharingContext.revokeSharingLink,
-      share = _useSharingContext.share,
-      shareByLink = _useSharingContext.shareByLink,
-      updateDocumentPermissions = _useSharingContext.updateDocumentPermissions;
+      share = _useSharingContext.share;
 
   return /*#__PURE__*/React.createElement(ShareModal, _extends({
     createContact: function createContact(contact) {
@@ -42,11 +39,8 @@ export var EditableSharingModal = function EditableSharingModal(_ref) {
     isOwner: isOwner(document.id),
     link: getSharingLink(document.id),
     onRevoke: revoke,
-    onRevokeLink: revokeSharingLink,
     onRevokeSelf: revokeSelf,
     onShare: share,
-    onShareByLink: shareByLink,
-    onUpdateShareLinkPermissions: updateDocumentPermissions,
     permissions: getDocumentPermissions(document.id),
     recipients: getRecipients(document.id),
     sharing: getSharingForSelf(document.id)

package/dist/components/ShareModal.js

@@ -14,11 +14,8 @@ export var ShareModal = function ShareModal(_ref) {
       needsContactsPermission = _ref.needsContactsPermission,
       onClose = _ref.onClose,
       onRevoke = _ref.onRevoke,
-      onRevokeLink = _ref.onRevokeLink,
       onRevokeSelf = _ref.onRevokeSelf,
       onShare = _ref.onShare,
-      onShareByLink = _ref.onShareByLink,
-      onUpdateShareLinkPermissions = _ref.onUpdateShareLinkPermissions,
       permissions = _ref.permissions,
       recipients = _ref.recipients,
       sharing = _ref.sharing,
@@ -38,9 +35,6 @@ export var ShareModal = function ShareModal(_ref) {
     documentType: documentType,
     link: link,
     onClose: onClose,
-    onRevokeLink: onRevokeLink,
-    onShareByLink: onShareByLink,
-    onUpdateShareLinkPermissions: onUpdateShareLinkPermissions,
     permissions: permissions
   }) : /*#__PURE__*/React.createElement(ShareDialogCozyToCozy, {
     createContact: createContact,
@@ -52,11 +46,8 @@ export var ShareModal = function ShareModal(_ref) {
     needsContactsPermission: needsContactsPermission,
     onClose: onClose,
     onRevoke: onRevoke,
-    onRevokeLink: onRevokeLink,
     onRevokeSelf: onRevokeSelf,
     onShare: onShare,
-    onShareByLink: onShareByLink,
-    onUpdateShareLinkPermissions: onUpdateShareLinkPermissions,
     permissions: permissions,
     recipients: recipients,
     sharing: sharing,
@@ -80,10 +71,7 @@ ShareModal.propTypes = {
   needsContactsPermission: PropTypes.bool,
   onClose: PropTypes.func.isRequired,
   onRevoke: PropTypes.func.isRequired,
-  onRevokeLink: PropTypes.func.isRequired,
   onShare: PropTypes.func.isRequired,
-  onShareByLink: PropTypes.func.isRequired,
-  onUpdateShareLinkPermissions: PropTypes.func.isRequired,
   permissions: PropTypes.array.isRequired,
   recipients: PropTypes.array.isRequired,
   sharingDesc: PropTypes.string,

package/dist/components/ShareRestrictionModal/BoxDate.js

@@ -0,0 +1,77 @@
+import { format } from 'date-fns';
+import PropTypes from 'prop-types';
+import React from 'react';
+import Box from 'cozy-ui/transpiled/react/Box';
+import DatePicker from 'cozy-ui/transpiled/react/DatePicker';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+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 ListItemSecondaryAction from 'cozy-ui/transpiled/react/ListItemSecondaryAction';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import Switch from 'cozy-ui/transpiled/react/Switch';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
+export var BoxDate = function BoxDate(_ref) {
+  var onChange = _ref.onChange,
+      date = _ref.date,
+      toggle = _ref.toggle,
+      onToggle = _ref.onToggle;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t,
+      lang = _useI18n.lang;
+
+  var formatDate = lang === 'fr' ? 'dd/MM/yyyy' : 'MM/dd/yyyy';
+
+  var handleDateToggle = function handleDateToggle(val) {
+    var _val$target$checked, _val$target;
+
+    var value = (_val$target$checked = val === null || val === void 0 || (_val$target = val.target) === null || _val$target === void 0 ? void 0 : _val$target.checked) !== null && _val$target$checked !== void 0 ? _val$target$checked : val;
+    onToggle(value);
+  };
+
+  return /*#__PURE__*/React.createElement(Box, {
+    borderRadius: "0.5rem",
+    border: "1px solid var(--borderMainColor)"
+  }, /*#__PURE__*/React.createElement(List, {
+    className: "u-p-0"
+  }, /*#__PURE__*/React.createElement(ListItem, {
+    button: true,
+    size: "large",
+    ellipsis: false,
+    onClick: function onClick() {
+      return handleDateToggle(!toggle);
+    }
+  }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+    icon: "calendar"
+  })), /*#__PURE__*/React.createElement(ListItemText, {
+    primary: t('BoxDate.text')
+  }), /*#__PURE__*/React.createElement(ListItemSecondaryAction, null, /*#__PURE__*/React.createElement(Switch, {
+    edge: "end",
+    color: "primary",
+    checked: toggle,
+    onChange: handleDateToggle
+  })))), toggle && /*#__PURE__*/React.createElement("div", {
+    className: "u-pt-half u-ph-1 u-pb-1"
+  }, /*#__PURE__*/React.createElement(DatePicker, {
+    className: "u-w-100",
+    enableKeyboard: true,
+    label: t('BoxDate.label'),
+    placeholder: format(new Date(), formatDate),
+    value: date,
+    minDate: new Date(),
+    onChange: onChange,
+    inputProps: {
+      inputMode: 'numeric'
+    },
+    KeyboardButtonProps: {
+      'aria-label': t('BoxDate.label')
+    }
+  })));
+};
+BoxDate.propTypes = {
+  onChange: PropTypes.func.isRequired,
+  date: PropTypes.instanceOf(Date),
+  toggle: PropTypes.bool.isRequired,
+  onToggle: PropTypes.func.isRequired
+};

package/dist/components/ShareRestrictionModal/BoxEditingRights.js

@@ -0,0 +1,83 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import PropTypes from 'prop-types';
+import React, { useReducer, useRef } from 'react';
+import { isDirectory as isDir } from 'cozy-client/dist/models/file';
+import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu';
+import { makeActions } from 'cozy-ui/transpiled/react/ActionsMenu/Actions';
+import Box from 'cozy-ui/transpiled/react/Box';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+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 { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
+import { useSharingContext } from '../../hooks/useSharingContext';
+import { editPermissionLink } from '../Recipient/actions/editPermissionLink';
+import { readOnlyPermissionLink } from '../Recipient/actions/readOnlyPermissionLink';
+export var BoxEditingRights = function BoxEditingRights(_ref) {
+  var file = _ref.file,
+      editingRights = _ref.editingRights,
+      setEditingRights = _ref.setEditingRights;
+
+  var _useReducer = useReducer(function (state) {
+    return !state;
+  }, false),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      isMenuDisplayed = _useReducer2[0],
+      toggleMenuDisplayed = _useReducer2[1];
+
+  var buttonRef = useRef();
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useSharingContext = useSharingContext(),
+      documentType = _useSharingContext.documentType;
+
+  var isDirectory = isDir(file);
+  var actions = makeActions([readOnlyPermissionLink, editPermissionLink], {
+    t: t,
+    editingRights: editingRights,
+    setEditingRights: setEditingRights,
+    documentType: documentType,
+    isDirectory: isDirectory
+  });
+  var textSecondary = editingRights === 'readOnly' ? t('Share.permissionLink.readDescription') : t('Share.permissionLink.writeDescription');
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
+    borderRadius: "0.5rem",
+    border: "1px solid var(--borderMainColor)",
+    ref: buttonRef
+  }, /*#__PURE__*/React.createElement(List, {
+    className: "u-p-0"
+  }, /*#__PURE__*/React.createElement(ListItem, {
+    button: true,
+    size: "large",
+    ellipsis: false,
+    onClick: toggleMenuDisplayed
+  }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+    icon: "people"
+  })), /*#__PURE__*/React.createElement(ListItemText, {
+    primary: t('BoxEditingRights.text'),
+    secondary: textSecondary
+  }), /*#__PURE__*/React.createElement(ListItemIcon, {
+    className: "u-mr-half"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: "bottom"
+  }))))), /*#__PURE__*/React.createElement(ActionsMenu, {
+    ref: buttonRef,
+    open: isMenuDisplayed,
+    docs: [file],
+    actions: actions,
+    anchorOrigin: {
+      vertical: 'bottom',
+      horizontal: 'right'
+    },
+    autoClose: true,
+    onClose: toggleMenuDisplayed
+  }));
+};
+BoxEditingRights.propTypes = {
+  file: PropTypes.object.isRequired,
+  editingRights: PropTypes.oneOf(['readOnly', 'write']).isRequired,
+  setEditingRights: PropTypes.func.isRequired
+};