cozy-sharing 32.1.2 → 32.3.2

package/src/components/Recipient/RecipientList.jsx

@@ -4,7 +4,6 @@ import { GroupRecipient } from './GroupRecipient'
 import MemberRecipient from './MemberRecipient'
 import { usePrevious } from '../../helpers/hooks'
 import { filterAndReworkRecipients } from '../../helpers/recipients'
-import SharedDriveRecipient from '../SharedDrive/SharedDriveRecipient'
 
 const RecipientList = ({
   recipients,
@@ -15,7 +14,6 @@ const RecipientList = ({
   documentType,
   onRevoke,
   onRevokeSelf,
-  onSetType,
   verifyRecipient
 }) => {
   const previousRecipients = usePrevious(recipients)
@@ -29,22 +27,6 @@ const RecipientList = ({
       user => user.email === recipient.email
     )
 
-    const isSharedDriveRecipient = recipient?.index
-      ?.toString()
-      .startsWith('virtual-shared-drive')
-
-    if (isSharedDriveRecipient) {
-      return (
-        <SharedDriveRecipient
-          {...recipient}
-          key={recipient.index}
-          onRevoke={onRevoke}
-          onSetType={onSetType}
-          fadeIn={recipient.hasBeenJustAdded}
-        />
-      )
-    }
-
     const isGroupRecipient = recipient.members
     if (isGroupRecipient) {
       return (

package/src/components/ShareAutosuggest.jsx

@@ -205,6 +205,7 @@ const ShareAutocomplete = ({
         renderInputComponent={renderInput}
         highlightFirstSuggestion
         inputProps={{
+          autoFocus: true,
           onFocus: onAutosuggestFocus,
           onChange: onAutosuggestChange,
           onPaste: onAutosuggestPaste,

package/src/components/ShareAutosuggest.spec.jsx

@@ -51,17 +51,22 @@ describe('ShareAutosuggest', () => {
     })
   })
 
-  it('should show loading only after user focus input', () => {
+  it('should show loading indicator when loading prop is true (autoFocus triggers onFocus on mount)', () => {
     const onPick = jest.fn()
     const onRemove = jest.fn()
 
     setup({ onPick, onRemove, loading: true })
 
-    const inputNode = screen.getByPlaceholderText('myPlaceHolder')
+    // autoFocus triggers onFocus on mount, which sets isLoadingDisplayed
+    expect(screen.getByText('loading')).toBeInTheDocument()
+  })
 
-    expect(screen.queryByText('loading')).toBeNull()
-    fireEvent.focus(inputNode)
+  it('should not show loading indicator when loading prop is false', () => {
+    const onPick = jest.fn()
+    const onRemove = jest.fn()
 
-    expect(screen.getByText('loading')).toBeInTheDocument()
+    setup({ onPick, onRemove, loading: false })
+
+    expect(screen.queryByText('loading')).toBeNull()
   })
 })

package/src/components/ShareDialogCozyToCozy.spec.jsx

@@ -169,20 +169,66 @@ describe('ShareDialogCozyToCozy', () => {
     ).not.toBeInTheDocument()
   })
 
-  it('main Share button calls onClose when there are no pending chips', () => {
+  it('main Done button calls onClose when there are no pending chips', () => {
     const onClose = jest.fn()
     const onShare = jest.fn()
     const props = { ...getMockProps(), onClose, onShare }
 
     const { getByRole } = setup(props)
 
-    fireEvent.click(getByRole('button', { name: 'Share' }))
+    fireEvent.click(getByRole('button', { name: 'Done' }))
 
     expect(onShare).not.toHaveBeenCalled()
     expect(onClose).toHaveBeenCalledTimes(1)
   })
 
-  it('main Share button calls onShare with chips then closes', async () => {
+  it('close action closes dialog when there are no pending chips', () => {
+    const onClose = jest.fn()
+    const props = { ...getMockProps(), onClose }
+
+    const { getByRole } = setup(props)
+
+    fireEvent.click(getByRole('button', { name: 'Close' }))
+
+    expect(onClose).toHaveBeenCalledTimes(1)
+  })
+
+  it('close action closes dialog when there are pending chips', () => {
+    const onClose = jest.fn()
+    const props = { ...getMockProps(), onClose }
+
+    const { getByPlaceholderText, getByRole, queryByText } = setup(props)
+
+    act(() => {
+      fireEvent.change(
+        getByPlaceholderText(
+          'Enter the email address or name of the recipient'
+        ),
+        {
+          target: { value: 'new@cozycloud.cc' }
+        }
+      )
+    })
+    act(() => {
+      fireEvent.keyPress(
+        getByPlaceholderText(
+          'Enter the email address or name of the recipient'
+        ),
+        {
+          key: 'Enter',
+          code: 'Enter',
+          charCode: 13
+        }
+      )
+    })
+
+    fireEvent.click(getByRole('button', { name: 'Close' }))
+
+    expect(queryByText("Discard the changes you haven't saved?")).toBe(null)
+    expect(onClose).toHaveBeenCalledTimes(1)
+  })
+
+  it('main Done button calls onShare with chips then closes', async () => {
     const onClose = jest.fn()
     const onShare = jest.fn().mockResolvedValue(undefined)
     const props = { ...getMockProps(), onClose, onShare }
@@ -213,7 +259,7 @@ describe('ShareDialogCozyToCozy', () => {
     })
 
     await act(async () => {
-      fireEvent.click(getByRole('button', { name: 'Share' }))
+      fireEvent.click(getByRole('button', { name: 'Done' }))
     })
 
     expect(onShare).toHaveBeenCalledWith(

package/src/components/ShareDiscardChangesModal.jsx

@@ -0,0 +1,40 @@
+import PropTypes from 'prop-types'
+import React from 'react'
+
+import Button from 'cozy-ui/transpiled/react/Buttons'
+import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
+import { useI18n } from 'twake-i18n'
+
+const ShareDiscardChangesModal = ({ onCancel, onConfirm }) => {
+  const { t } = useI18n()
+
+  return (
+    <ConfirmDialog
+      open
+      title={t('ShareDiscardChangesModal.title')}
+      actions={
+        <>
+          <Button
+            variant="secondary"
+            label={t('ShareDiscardChangesModal.cancel')}
+            className="u-fz-small"
+            onClick={onCancel}
+          />
+          <Button
+            variant="primary"
+            label={t('ShareDiscardChangesModal.discard')}
+            className="u-fz-small"
+            onClick={onConfirm}
+          />
+        </>
+      }
+    />
+  )
+}
+
+ShareDiscardChangesModal.propTypes = {
+  onCancel: PropTypes.func.isRequired,
+  onConfirm: PropTypes.func.isRequired
+}
+
+export { ShareDiscardChangesModal }

package/src/components/ShareModal/ShareModal.jsx

@@ -34,15 +34,15 @@ export const ShareModal = withLocales(props => {
     onRevokeSuccess?.(document)
   }
 
-  const isFederatedMode = flag('drive.federated-shared-folder.enabled')
-  if (isFederatedMode && allLoaded) {
-    return <FederatedFolderModal document={document} {...rest} />
-  }
-
   const isEditable =
     !byDocId[document.id] || isOwner(document.id) || canReshare(document.id)
 
   if (isEditable) {
+    const isFederatedMode = flag('drive.federated-shared-folder.enabled')
+    if (isFederatedMode && allLoaded) {
+      return <FederatedFolderModal document={document} {...rest} />
+    }
+
     return <EditableSharingModal document={document} {...rest} />
   }
 

package/src/components/ShareRecipientsInput.jsx

@@ -17,6 +17,8 @@ import {
  * We retrieve all the contacts that are reachable and the groups they belong to.
  * In order to display the total number of members in each group, we also retrieve the contacts that are not reachable.
  */
+const isCurrentUser = contact => contact.me === true
+
 const ShareRecipientsInput = ({
   currentRecipients,
   recipients,
@@ -57,6 +59,12 @@ const ShareRecipientsInput = ({
       (isQueryLoading(unreachableContactsWithGroupsResult) ||
         unreachableContactsWithGroupsResult.hasMore))
 
+  const reachableContacts = (reachableContactsResult.data || []).filter(
+    contact => !isCurrentUser(contact)
+  )
+  const unreachableContactsWithGroups = (
+    unreachableContactsWithGroupsResult.data || []
+  ).filter(contact => !isCurrentUser(contact))
   const currentRecipientGroups = currentRecipients
     .map(({ id }) => id)
     .filter(Boolean)
@@ -68,7 +76,7 @@ const ShareRecipientsInput = ({
     )
     .map(contactGroup => {
       const reachableMembers = getContactsFromGroupId(
-        reachableContactsResult.data,
+        reachableContacts,
         contactGroup.id
       ).map(contact => ({
         ...contact,
@@ -83,7 +91,7 @@ const ShareRecipientsInput = ({
       }
 
       const unreachableMembers = getContactsFromGroupId(
-        unreachableContactsWithGroupsResult.data,
+        unreachableContactsWithGroups,
         contactGroup.id
       ).map(contact => ({
         ...contact,
@@ -96,10 +104,7 @@ const ShareRecipientsInput = ({
       }
     })
 
-  const contactsAndGroups = [
-    ...(reachableContactsResult.data || []),
-    ...contactGroups
-  ]
+  const contactsAndGroups = [...reachableContacts, ...contactGroups]
 
   return (
     <ShareAutosuggest

package/src/components/ShareRecipientsInput.spec.jsx

@@ -116,6 +116,65 @@ describe('ShareRecipientsInput component', () => {
     ).toBeInTheDocument()
   })
 
+  it('should exclude current user from suggestions when me is true', async () => {
+    const contacts = [
+      {
+        id: 'df563cc4-6440',
+        _id: 'df563cc4-6440',
+        _type: 'io.cozy.contacts',
+        me: true,
+        name: {
+          givenName: 'My',
+          familyName: 'Self'
+        },
+        relationships: {
+          groups: {
+            data: [
+              {
+                _id: 'group-id',
+                _type: 'io.cozy.contacts.groups'
+              }
+            ]
+          }
+        }
+      },
+      {
+        id: '5a3b4ccf-c257',
+        _id: '5a3b4ccf-c257',
+        _type: 'io.cozy.contacts',
+        name: {
+          givenName: 'Teagan',
+          familyName: 'Wolf'
+        },
+        relationships: {
+          groups: {
+            data: [
+              {
+                _id: 'group-id',
+                _type: 'io.cozy.contacts.groups'
+              }
+            ]
+          }
+        }
+      }
+    ]
+
+    const contactGroups = [
+      {
+        id: 'group-id',
+        name: 'Friends',
+        _id: 'group-id',
+        _type: 'io.cozy.contacts.groups'
+      }
+    ]
+
+    setup({ contacts, contactGroups })
+
+    expect(screen.queryByText('My Self')).not.toBeInTheDocument()
+    expect(screen.getByText('Teagan Wolf')).toBeInTheDocument()
+    expect(screen.getByText('Friends - 1 members')).toBeInTheDocument()
+  })
+
   it('should include unreachable members when flag sharing.show-recipient-groups is activated', async () => {
     flag.mockReturnValue(true)
 

package/src/state.js

@@ -326,7 +326,11 @@ export const isSharedDrive = (state, docId) => {
 export const canReshare = (state, docId, instanceUri) => {
   const sharing = getDocumentSharing(state, docId)
   const me = sharing.attributes.members.find(matchingInstanceName(instanceUri))
-  return sharing.attributes.open_sharing === true && me && !me.read_only
+  if (sharing.drive) {
+    return me && !me.read_only
+  } else {
+    return sharing.attributes.open_sharing === true && me && !me.read_only
+  }
 }
 
 export const getOwner = (state, docId) =>

package/dist/components/SharedDrive/SharedDriveRecipient.js

@@ -1,61 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["fadeIn", "members"];
-import PropTypes from 'prop-types';
-import React from 'react';
-import Fade from 'cozy-ui/transpiled/react/Fade';
-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 Typography from 'cozy-ui/transpiled/react/Typography';
-import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints';
-import { useI18n } from 'twake-i18n';
-import SharedDriveRecipientPermissions from './SharedDriveRecipientPermissions';
-import SharedDriveRecipientStatus from './SharedDriveRecipientStatus';
-import { FADE_IN_DURATION, DEFAULT_DISPLAY_NAME } from '../../helpers/recipients';
-import { getDisplayName } from '../../models';
-import { GroupAvatar } from '../Avatar/GroupAvatar';
-import { MemberAvatar } from '../Avatar/MemberAvatar';
-
-var SharedDriveRecipient = function SharedDriveRecipient(props) {
-  var _useI18n = useI18n(),
-      t = _useI18n.t;
-
-  var _useBreakpoints = useBreakpoints(),
-      isMobile = _useBreakpoints.isMobile;
-
-  var fadeIn = props.fadeIn,
-      members = props.members,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  var defaultDisplayName = t(DEFAULT_DISPLAY_NAME);
-  var name = getDisplayName(rest, defaultDisplayName);
-  return /*#__PURE__*/React.createElement(Fade, {
-    in: true,
-    timeout: fadeIn ? FADE_IN_DURATION : 0
-  }, /*#__PURE__*/React.createElement(ListItem, {
-    gutters: isMobile ? 'default' : 'double',
-    size: "small"
-  }, /*#__PURE__*/React.createElement(ListItemIcon, null, members ? /*#__PURE__*/React.createElement(GroupAvatar, {
-    size: "m"
-  }) : /*#__PURE__*/React.createElement(MemberAvatar, {
-    size: "m",
-    recipient: props
-  })), /*#__PURE__*/React.createElement(ListItemText, {
-    primary: /*#__PURE__*/React.createElement(Typography, {
-      variant: "body1"
-    }, name),
-    secondary: /*#__PURE__*/React.createElement(SharedDriveRecipientStatus, props)
-  }), /*#__PURE__*/React.createElement(SharedDriveRecipientPermissions, _extends({}, props, {
-    className: "u-flex-shrink-0"
-  }))));
-};
-
-SharedDriveRecipient.propTypes = {
-  instance: PropTypes.string,
-  isOwner: PropTypes.bool,
-  status: PropTypes.string,
-  recipientConfirmationData: PropTypes.object,
-  verifyRecipient: PropTypes.func
-};
-export default SharedDriveRecipient;

package/dist/components/SharedDrive/SharedDriveRecipientPermissions.js

@@ -1,109 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useState, useRef } from 'react';
-import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu';
-import { makeActions } from 'cozy-ui/transpiled/react/ActionsMenu/Actions';
-import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import IconButton from 'cozy-ui/transpiled/react/IconButton';
-import CrossCircleOutlineIcon from 'cozy-ui/transpiled/react/Icons/CrossCircleOutline';
-import { useI18n } from 'twake-i18n';
-import { setReadOnlySharedPermission } from '../Recipient/actions/setReadOnlySharedPermission';
-import { setReadWriteSharedPermission } from '../Recipient/actions/setReadWriteSharedPermission';
-
-var ShareDriveRecipientPermissions = function ShareDriveRecipientPermissions(_ref) {
-  var index = _ref.index,
-      onSetType = _ref.onSetType,
-      type = _ref.type,
-      onRevoke = _ref.onRevoke;
-
-  var _useI18n = useI18n(),
-      t = _useI18n.t;
-
-  var buttonRef = useRef();
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isMenuDisplayed = _useState2[0],
-      setMenuDisplayed = _useState2[1];
-
-  var toggleMenu = function toggleMenu() {
-    return setMenuDisplayed(!isMenuDisplayed);
-  };
-
-  var hideMenu = function hideMenu() {
-    return setMenuDisplayed(false);
-  };
-
-  var handleRevocation = /*#__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:
-            onRevoke(index);
-            hideMenu();
-
-          case 2:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-
-    return function handleRevocation() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  var setType = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(newType) {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            if (newType !== type) {
-              onSetType(index, newType);
-            }
-
-            hideMenu();
-
-          case 2:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-
-    return function setType(_x) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-
-  var actions = makeActions([setReadOnlySharedPermission, setReadWriteSharedPermission], {
-    t: t,
-    type: type,
-    setType: setType
-  });
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DropdownButton, {
-    ref: buttonRef,
-    "aria-controls": "simple-menu",
-    "aria-haspopup": "true",
-    onClick: toggleMenu,
-    textVariant: "body2"
-  }, t("Share.type.".concat(type))), /*#__PURE__*/React.createElement(ActionsMenu, {
-    ref: buttonRef,
-    open: isMenuDisplayed,
-    actions: actions,
-    autoClose: true,
-    onClose: hideMenu
-  }), /*#__PURE__*/React.createElement(IconButton, {
-    onClick: handleRevocation,
-    size: "small",
-    className: "u-ml-half",
-    "aria-label": t('Share.members.revoke')
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: CrossCircleOutlineIcon
-  })));
-};
-
-export default ShareDriveRecipientPermissions;

package/dist/components/SharedDrive/SharedDriveRecipientStatus.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import Typography from 'cozy-ui/transpiled/react/Typography';
-import { useI18n } from 'twake-i18n';
-
-var SharedDriveRecipientStatus = function SharedDriveRecipientStatus(_ref) {
-  var members = _ref.members,
-      email = _ref.email;
-
-  var _useI18n = useI18n(),
-      t = _useI18n.t;
-
-  var text = members ? t('GroupRecipient.secondary', {
-    memberCount: members.length,
-    smart_count: members.length
-  }) : email;
-  return /*#__PURE__*/React.createElement(Typography, {
-    variant: "caption",
-    color: "textSecondary"
-  }, text);
-};
-
-export default SharedDriveRecipientStatus;

package/dist/components/SharedFolder/DumbBatchSharedFolderModal.js

@@ -1,145 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import Button from 'cozy-ui/transpiled/react/Buttons';
-import { FixedDialog } from 'cozy-ui/transpiled/react/CozyDialogs';
-import TextField from 'cozy-ui/transpiled/react/TextField';
-import Typography from 'cozy-ui/transpiled/react/Typography';
-import { useI18n } from 'twake-i18n';
-import withLocales from '../../hoc/withLocales';
-import AntivirusAlert from '../AntivirusAlert';
-import { default as DumbShareByEmail } from '../ShareByEmail';
-import ShareByLink from '../ShareByLink';
-import WhoHasAccess from '../WhoHasAccess';
-export var DumbBatchSharedFolderModal = withLocales(function (_ref) {
-  var title = _ref.title,
-      document = _ref.document,
-      folderName = _ref.folderName,
-      handleFolderNameChange = _ref.handleFolderNameChange,
-      recipients = _ref.recipients,
-      currentRecipients = _ref.currentRecipients,
-      onRevoke = _ref.onRevoke,
-      onSend = _ref.onSend,
-      onClose = _ref.onClose,
-      _ref$showNameField = _ref.showNameField,
-      showNameField = _ref$showNameField === void 0 ? false : _ref$showNameField,
-      sharingLink = _ref.sharingLink,
-      nameLabel = _ref.nameLabel,
-      shareLabel = _ref.shareLabel,
-      _ref$showShareByEmail = _ref.showShareByEmail,
-      showShareByEmail = _ref$showShareByEmail === void 0 ? true : _ref$showShareByEmail,
-      autoOpenShareRestriction = _ref.autoOpenShareRestriction,
-      showGenerateLinkButton = _ref.showGenerateLinkButton,
-      pendingRecipients = _ref.pendingRecipients,
-      onPendingRecipientsChange = _ref.onPendingRecipientsChange,
-      selectedOption = _ref.selectedOption,
-      onSelectedOptionChange = _ref.onSelectedOptionChange;
-
-  var _useI18n = useI18n(),
-      t = _useI18n.t;
-
-  var actionButtons = function () {
-    if (!showShareByEmail) {
-      return /*#__PURE__*/React.createElement(ShareByLink, {
-        link: sharingLink,
-        document: document,
-        documentType: "Files",
-        showGenerateLinkButton: showGenerateLinkButton,
-        autoOpenShareRestriction: autoOpenShareRestriction
-      });
-    }
-
-    if (!showNameField) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ShareByLink, {
-        link: sharingLink,
-        document: document,
-        documentType: "Files",
-        showGenerateLinkButton: showGenerateLinkButton,
-        autoOpenShareRestriction: autoOpenShareRestriction
-      }), /*#__PURE__*/React.createElement(Button, {
-        variant: "primary",
-        label: shareLabel,
-        disabled: !onSend,
-        onClick: onSend
-      }));
-    }
-
-    return null;
-  }();
-
-  return /*#__PURE__*/React.createElement(FixedDialog, {
-    open: true,
-    disableGutters: true,
-    onClose: onClose,
-    title: title,
-    classes: {
-      paper: 'u-ov-visible'
-    },
-    componentsProps: {
-      dialogContent: {
-        className: 'u-ov-visible'
-      }
-    },
-    content: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      className: "u-ph-2"
-    }, /*#__PURE__*/React.createElement(AntivirusAlert, {
-      document: document
-    }), showNameField && handleFolderNameChange && /*#__PURE__*/React.createElement(TextField, {
-      required: true,
-      label: nameLabel,
-      variant: "outlined",
-      size: "small",
-      className: "u-w-100 u-mt-1-half",
-      value: folderName !== null && folderName !== void 0 ? folderName : '',
-      onChange: handleFolderNameChange
-    }), /*#__PURE__*/React.createElement(Typography, {
-      variant: "h6",
-      className: "u-mt-1-half u-mb-half"
-    }, t('Share.contacts.addUsers')), showShareByEmail && /*#__PURE__*/React.createElement(DumbShareByEmail, {
-      currentRecipients: currentRecipients,
-      document: document,
-      documentType: "Files",
-      pendingRecipients: pendingRecipients,
-      onPendingRecipientsChange: onPendingRecipientsChange,
-      selectedOption: selectedOption,
-      onSelectedOptionChange: onSelectedOptionChange
-    })), /*#__PURE__*/React.createElement(WhoHasAccess, {
-      isOwner: true,
-      isSharedDrive: true,
-      recipients: recipients,
-      document: document,
-      documentType: "Files",
-      className: "u-w-100",
-      onRevoke: onRevoke,
-      link: sharingLink
-    })),
-    actions: actionButtons
-  });
-});
-DumbBatchSharedFolderModal.propTypes = {
-  title: PropTypes.string,
-  document: PropTypes.object,
-  folderName: PropTypes.string,
-  handleFolderNameChange: PropTypes.func,
-  recipients: PropTypes.array,
-  currentRecipients: PropTypes.array,
-  onRevoke: PropTypes.func.isRequired,
-  onCreate: PropTypes.func,
-  onSend: PropTypes.func,
-  onClose: PropTypes.func.isRequired,
-  onRename: PropTypes.func,
-  showNameField: PropTypes.bool,
-  sharingLink: PropTypes.string,
-  nameLabel: PropTypes.string,
-  addPeopleLabel: PropTypes.string,
-  cancelLabel: PropTypes.string,
-  createLabel: PropTypes.string,
-  shareLabel: PropTypes.string,
-  saveLabel: PropTypes.string,
-  showShareByEmail: PropTypes.bool,
-  autoOpenShareRestriction: PropTypes.bool,
-  showGenerateLinkButton: PropTypes.bool,
-  pendingRecipients: PropTypes.array,
-  onPendingRecipientsChange: PropTypes.func,
-  selectedOption: PropTypes.oneOf(['readWrite', 'readOnly']),
-  onSelectedOptionChange: PropTypes.func
-};