cozy-sharing 18.0.0 → 19.0.0

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
+};

package/dist/components/ShareRestrictionModal/BoxPassword.js

@@ -0,0 +1,138 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import PropTypes from 'prop-types';
+import React, { useState } from 'react';
+import Box from 'cozy-ui/transpiled/react/Box';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import IconButton from 'cozy-ui/transpiled/react/IconButton';
+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 TextField from 'cozy-ui/transpiled/react/TextField';
+import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
+import { copyToClipboard } from './helpers';
+export var BoxPassword = function BoxPassword(_ref) {
+  var onChange = _ref.onChange,
+      password = _ref.password,
+      onToggle = _ref.onToggle,
+      toggle = _ref.toggle,
+      helperText = _ref.helperText,
+      inputProps = _ref.inputProps;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useAlert = useAlert(),
+      showAlert = _useAlert.showAlert;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      displayHelper = _useState2[0],
+      setDisplayHelper = _useState2[1];
+
+  var inputRef = React.useRef();
+
+  var handlePasswordToggle = function handlePasswordToggle(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);
+  };
+
+  var handleChange = function handleChange(val) {
+    var _val$target$value, _val$target2;
+
+    var value = (_val$target$value = val === null || val === void 0 || (_val$target2 = val.target) === null || _val$target2 === void 0 ? void 0 : _val$target2.value) !== null && _val$target$value !== void 0 ? _val$target$value : val;
+    onChange(value);
+  };
+
+  var handleOnFocus = function handleOnFocus() {
+    setDisplayHelper(false);
+  };
+
+  var handleOnBlur = function handleOnBlur() {
+    handleChange(inputRef.current.value.trim());
+    setDisplayHelper(true);
+  };
+
+  var handleCopy = /*#__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:
+            _context.next = 2;
+            return copyToClipboard(password, {
+              t: t,
+              showAlert: showAlert
+            });
+
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+
+    return function handleCopy() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  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 handlePasswordToggle(!toggle);
+    }
+  }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+    icon: "password"
+  })), /*#__PURE__*/React.createElement(ListItemText, {
+    primary: t('BoxPassword.text')
+  }), /*#__PURE__*/React.createElement(ListItemSecondaryAction, null, /*#__PURE__*/React.createElement(Switch, {
+    edge: "end",
+    color: "primary",
+    checked: toggle,
+    onChange: handlePasswordToggle
+  })))), toggle && /*#__PURE__*/React.createElement("div", {
+    className: "u-pt-half u-ph-1 u-pb-1"
+  }, /*#__PURE__*/React.createElement(TextField, {
+    inputRef: inputRef,
+    label: t('BoxPassword.label'),
+    value: password,
+    error: displayHelper && !!helperText,
+    helperText: displayHelper && helperText,
+    onChange: handleChange,
+    onFocus: handleOnFocus,
+    onBlur: handleOnBlur,
+    fullWidth: true,
+    type: "text",
+    variant: "outlined",
+    InputProps: {
+      endAdornment: /*#__PURE__*/React.createElement(IconButton, {
+        onClick: handleCopy
+      }, /*#__PURE__*/React.createElement(Icon, {
+        icon: "copy"
+      }))
+    },
+    inputProps: inputProps
+  })));
+};
+BoxPassword.propTypes = {
+  onChange: PropTypes.func.isRequired,
+  password: PropTypes.string,
+  onToggle: PropTypes.func.isRequired,
+  toggle: PropTypes.bool.isRequired,
+  helperText: PropTypes.string,
+  inputProps: PropTypes.object
+};

package/dist/components/ShareRestrictionModal/ShareRestrictionContentModal.js

@@ -0,0 +1,94 @@
+import { addDays } from 'date-fns';
+import PropTypes from 'prop-types';
+import React from 'react';
+import Box from 'cozy-ui/transpiled/react/Box';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
+import { BoxDate } from './BoxDate';
+import { BoxEditingRights } from './BoxEditingRights';
+import { BoxPassword } from './BoxPassword';
+var PASSWORD_MIN_LENGTH = 4;
+export var ShareRestrictionContentModal = function ShareRestrictionContentModal(_ref) {
+  var file = _ref.file,
+      selectedDate = _ref.selectedDate,
+      setSelectedDate = _ref.setSelectedDate,
+      dateToggle = _ref.dateToggle,
+      setDateToggle = _ref.setDateToggle,
+      setIsValidDate = _ref.setIsValidDate,
+      helperTextPassword = _ref.helperTextPassword,
+      password = _ref.password,
+      setPassword = _ref.setPassword,
+      passwordToggle = _ref.passwordToggle,
+      setPasswordToggle = _ref.setPasswordToggle,
+      setIsValidPassword = _ref.setIsValidPassword,
+      editingRights = _ref.editingRights,
+      setEditingRights = _ref.setEditingRights;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var handlePasswordToggle = function handlePasswordToggle(val) {
+    setPasswordToggle(val);
+  };
+
+  var handlePassword = function handlePassword(value) {
+    setPassword(value);
+    setIsValidPassword(value.trim().length === 0 || value.trim().length >= PASSWORD_MIN_LENGTH);
+  };
+
+  var handleDateToggle = function handleDateToggle(val) {
+    if (!val) {
+      setIsValidDate(true);
+    }
+
+    var defaultValue = val ? addDays(new Date(), 30) : null;
+    setSelectedDate(defaultValue, true);
+    setDateToggle(val);
+  };
+
+  return /*#__PURE__*/React.createElement(Box, {
+    display: "flex",
+    flexDirection: "column",
+    gridGap: "1rem"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "h4",
+    className: "u-mb-half u-ml-half"
+  }, t('ShareRestrictionModal.title')), /*#__PURE__*/React.createElement(BoxEditingRights, {
+    file: file,
+    editingRights: editingRights,
+    setEditingRights: setEditingRights
+  }), /*#__PURE__*/React.createElement(BoxDate, {
+    onChange: setSelectedDate,
+    date: selectedDate,
+    onToggle: handleDateToggle,
+    toggle: dateToggle
+  }), /*#__PURE__*/React.createElement(BoxPassword, {
+    onChange: handlePassword,
+    password: password,
+    onToggle: handlePasswordToggle,
+    toggle: passwordToggle,
+    helperText: helperTextPassword,
+    inputProps: {
+      minLength: PASSWORD_MIN_LENGTH
+    }
+  }));
+};
+ShareRestrictionContentModal.propTypes = {
+  file: PropTypes.object.isRequired,
+  // Date
+  selectedDate: PropTypes.object,
+  setSelectedDate: PropTypes.func.isRequired,
+  dateToggle: PropTypes.bool,
+  setDateToggle: PropTypes.func.isRequired,
+  setIsValidDate: PropTypes.func.isRequired,
+  // Password
+  helperTextPassword: PropTypes.string,
+  password: PropTypes.string,
+  setPassword: PropTypes.func.isRequired,
+  passwordToggle: PropTypes.bool.isRequired,
+  setPasswordToggle: PropTypes.func.isRequired,
+  setIsValidPassword: PropTypes.func.isRequired,
+  // Editing rights
+  editingRights: PropTypes.oneOf(['readOnly', 'write']),
+  setEditingRights: PropTypes.func.isRequired
+};