box-ui-elements 16.0.0-beta.9 → 16.0.0

package/es/features/unified-share-modal/UnifiedShareForm.js

@@ -101,8 +101,9 @@ function (_React$Component) {
       var inviteCollabsContacts = _this.state.inviteCollabsContacts;
       var _this$props = _this.props,
           isCollabRestrictionJustificationAllowed = _this$props.isCollabRestrictionJustificationAllowed,
-          restrictedCollabEmails = _this$props.restrictedCollabEmails;
-      var hasRestrictedCollabs = hasRestrictedContacts(inviteCollabsContacts, restrictedCollabEmails);
+          restrictedCollabEmails = _this$props.restrictedCollabEmails,
+          restrictedGroups = _this$props.restrictedGroups;
+      var hasRestrictedCollabs = hasRestrictedContacts(inviteCollabsContacts, restrictedCollabEmails, restrictedGroups);
       return hasRestrictedCollabs && isCollabRestrictionJustificationAllowed;
     });
 
@@ -171,7 +172,8 @@ function (_React$Component) {
           groupIDs = data.groupIDs,
           justificationReason = data.justificationReason,
           message = data.message,
-          restrictedEmails = data.restrictedEmails;
+          restrictedEmails = data.restrictedEmails,
+          restrictedGroups = data.restrictedGroups;
       var params = {
         emails: emails.join(','),
         groupIDs: groupIDs.join(','),
@@ -181,7 +183,7 @@ function (_React$Component) {
         numOfInviteeGroups: groupIDs.length
       };
       var hasJustificationReason = !!justificationReason;
-      var hasRestrictedInvitees = !isEmpty(restrictedEmails);
+      var hasRestrictedInvitees = !isEmpty(restrictedEmails) || !isEmpty(restrictedGroups);
       var shouldSubmitJustificationReason = hasJustificationReason && hasRestrictedInvitees && isCollabRestrictionJustificationAllowed;
 
       if (shouldSubmitJustificationReason) {
@@ -349,17 +351,19 @@ function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "isRemovingAllRestrictedCollabs", function (currentInviteCollabsContacts, newInviteCollabsContacts) {
-      var restrictedCollabEmails = _this.props.restrictedCollabEmails;
-      var hasRestrictedCollabs = hasRestrictedContacts(currentInviteCollabsContacts, restrictedCollabEmails);
-      var hasRestrictedCollabsAfterUpdate = hasRestrictedContacts(newInviteCollabsContacts, restrictedCollabEmails);
+      var _this$props5 = _this.props,
+          restrictedCollabEmails = _this$props5.restrictedCollabEmails,
+          restrictedGroups = _this$props5.restrictedGroups;
+      var hasRestrictedCollabs = hasRestrictedContacts(currentInviteCollabsContacts, restrictedCollabEmails, restrictedGroups);
+      var hasRestrictedCollabsAfterUpdate = hasRestrictedContacts(newInviteCollabsContacts, restrictedCollabEmails, restrictedGroups);
       return hasRestrictedCollabs && !hasRestrictedCollabsAfterUpdate;
     });
 
     _defineProperty(_assertThisInitialized(_this), "updateInviteCollabsContacts", function (inviteCollabsContacts) {
       var currentInviteCollabsContacts = _this.state.inviteCollabsContacts;
-      var _this$props5 = _this.props,
-          onRemoveAllRestrictedCollabs = _this$props5.onRemoveAllRestrictedCollabs,
-          setUpdatedContacts = _this$props5.setUpdatedContacts;
+      var _this$props6 = _this.props,
+          onRemoveAllRestrictedCollabs = _this$props6.onRemoveAllRestrictedCollabs,
+          setUpdatedContacts = _this$props6.setUpdatedContacts;
 
       var isRemovingAllRestrictedCollabs = _this.isRemovingAllRestrictedCollabs(currentInviteCollabsContacts, inviteCollabsContacts);
 
@@ -383,11 +387,11 @@ function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "shouldAutoFocusSharedLink", function () {
-      var _this$props6 = _this.props,
-          focusSharedLinkOnLoad = _this$props6.focusSharedLinkOnLoad,
-          sharedLink = _this$props6.sharedLink,
-          sharedLinkLoaded = _this$props6.sharedLinkLoaded,
-          createSharedLinkOnLoad = _this$props6.createSharedLinkOnLoad;
+      var _this$props7 = _this.props,
+          focusSharedLinkOnLoad = _this$props7.focusSharedLinkOnLoad,
+          sharedLink = _this$props7.sharedLink,
+          sharedLinkLoaded = _this$props7.sharedLinkLoaded,
+          createSharedLinkOnLoad = _this$props7.createSharedLinkOnLoad;
 
       if (!createSharedLinkOnLoad && !focusSharedLinkOnLoad) {
         return false;
@@ -423,13 +427,15 @@ function (_React$Component) {
   _createClass(UnifiedShareForm, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      var _this$props7 = this.props,
-          isCollabRestrictionJustificationAllowed = _this$props7.isCollabRestrictionJustificationAllowed,
-          item = _this$props7.item,
-          restrictedCollabEmails = _this$props7.restrictedCollabEmails;
-      var prevRestrictedCollabEmails = prevProps.restrictedCollabEmails,
+      var _this$props8 = this.props,
+          isCollabRestrictionJustificationAllowed = _this$props8.isCollabRestrictionJustificationAllowed,
+          item = _this$props8.item,
+          restrictedCollabEmails = _this$props8.restrictedCollabEmails,
+          restrictedGroups = _this$props8.restrictedGroups;
+      var prevRestrictedGroups = prevProps.restrictedGroups,
+          prevRestrictedCollabEmails = prevProps.restrictedCollabEmails,
           prevIsCollabRestrictionJustificationAllowed = prevProps.isCollabRestrictionJustificationAllowed;
-      var didCollabRestrictionsChange = !isEqual(restrictedCollabEmails, prevRestrictedCollabEmails) || isCollabRestrictionJustificationAllowed !== prevIsCollabRestrictionJustificationAllowed;
+      var didCollabRestrictionsChange = !isEqual(restrictedGroups, prevRestrictedGroups) || !isEqual(restrictedCollabEmails, prevRestrictedCollabEmails) || isCollabRestrictionJustificationAllowed !== prevIsCollabRestrictionJustificationAllowed;
 
       if (didCollabRestrictionsChange && this.shouldRequireCollabJustification()) {
         this.fetchJustificationReasons(item, JUSTIFICATION_CHECKPOINT_EXTERNAL_COLLAB);
@@ -438,31 +444,32 @@ function (_React$Component) {
   }, {
     key: "renderInviteSection",
     value: function renderInviteSection() {
-      var _this$props8 = this.props,
-          canInvite = _this$props8.canInvite,
-          collabRestrictionType = _this$props8.collabRestrictionType,
-          collaborationRestrictionWarning = _this$props8.collaborationRestrictionWarning,
-          config = _this$props8.config,
-          contactLimit = _this$props8.contactLimit,
-          getCollaboratorContacts = _this$props8.getCollaboratorContacts,
-          getContactAvatarUrl = _this$props8.getContactAvatarUrl,
-          handleFtuxCloseClick = _this$props8.handleFtuxCloseClick,
-          item = _this$props8.item,
-          _this$props8$recommen = _this$props8.recommendedSharingTooltipCalloutName,
-          recommendedSharingTooltipCalloutName = _this$props8$recommen === void 0 ? null : _this$props8$recommen,
-          restrictedCollabEmails = _this$props8.restrictedCollabEmails,
-          sendInvitesError = _this$props8.sendInvitesError,
-          shouldRenderFTUXTooltip = _this$props8.shouldRenderFTUXTooltip,
-          _this$props8$showEnte = _this$props8.showEnterEmailsCallout,
-          showEnterEmailsCallout = _this$props8$showEnte === void 0 ? false : _this$props8$showEnte,
-          _this$props8$showCall = _this$props8.showCalloutForUser,
-          showCalloutForUser = _this$props8$showCall === void 0 ? false : _this$props8$showCall,
-          _this$props8$showUpgr = _this$props8.showUpgradeInlineNotice,
-          showUpgradeInlineNotice = _this$props8$showUpgr === void 0 ? false : _this$props8$showUpgr,
-          showUpgradeOptions = _this$props8.showUpgradeOptions,
-          submitting = _this$props8.submitting,
-          suggestedCollaborators = _this$props8.suggestedCollaborators,
-          trackingProps = _this$props8.trackingProps;
+      var _this$props9 = this.props,
+          canInvite = _this$props9.canInvite,
+          collabRestrictionType = _this$props9.collabRestrictionType,
+          collaborationRestrictionWarning = _this$props9.collaborationRestrictionWarning,
+          config = _this$props9.config,
+          contactLimit = _this$props9.contactLimit,
+          getCollaboratorContacts = _this$props9.getCollaboratorContacts,
+          getContactAvatarUrl = _this$props9.getContactAvatarUrl,
+          handleFtuxCloseClick = _this$props9.handleFtuxCloseClick,
+          item = _this$props9.item,
+          _this$props9$recommen = _this$props9.recommendedSharingTooltipCalloutName,
+          recommendedSharingTooltipCalloutName = _this$props9$recommen === void 0 ? null : _this$props9$recommen,
+          restrictedCollabEmails = _this$props9.restrictedCollabEmails,
+          restrictedGroups = _this$props9.restrictedGroups,
+          sendInvitesError = _this$props9.sendInvitesError,
+          shouldRenderFTUXTooltip = _this$props9.shouldRenderFTUXTooltip,
+          _this$props9$showEnte = _this$props9.showEnterEmailsCallout,
+          showEnterEmailsCallout = _this$props9$showEnte === void 0 ? false : _this$props9$showEnte,
+          _this$props9$showCall = _this$props9.showCalloutForUser,
+          showCalloutForUser = _this$props9$showCall === void 0 ? false : _this$props9$showCall,
+          _this$props9$showUpgr = _this$props9.showUpgradeInlineNotice,
+          showUpgradeInlineNotice = _this$props9$showUpgr === void 0 ? false : _this$props9$showUpgr,
+          showUpgradeOptions = _this$props9.showUpgradeOptions,
+          submitting = _this$props9.submitting,
+          suggestedCollaborators = _this$props9.suggestedCollaborators,
+          trackingProps = _this$props9.trackingProps;
       var type = item.type;
       var _this$state3 = this.state,
           isFetchingJustificationReasons = _this$state3.isFetchingJustificationReasons,
@@ -529,6 +536,7 @@ function (_React$Component) {
         openInviteCollaboratorsSection: this.openInviteCollaboratorsSection,
         recommendedSharingTooltipCalloutName: recommendedSharingTooltipCalloutName,
         restrictedEmails: restrictedCollabEmails,
+        restrictedGroups: restrictedGroups,
         showEnterEmailsCallout: showEnterEmailsCallout,
         submitting: submitting,
         selectedContacts: this.state.inviteCollabsContacts,
@@ -539,12 +547,12 @@ function (_React$Component) {
   }, {
     key: "renderCollaboratorAvatars",
     value: function renderCollaboratorAvatars() {
-      var _this$props9 = this.props,
-          collaboratorsList = _this$props9.collaboratorsList,
-          canInvite = _this$props9.canInvite,
-          currentUserID = _this$props9.currentUserID,
-          item = _this$props9.item,
-          trackingProps = _this$props9.trackingProps;
+      var _this$props10 = this.props,
+          collaboratorsList = _this$props10.collaboratorsList,
+          canInvite = _this$props10.canInvite,
+          currentUserID = _this$props10.currentUserID,
+          item = _this$props10.item,
+          trackingProps = _this$props10.trackingProps;
       var modalTracking = trackingProps.modalTracking;
       var avatarsContent = null;
 
@@ -587,11 +595,11 @@ function (_React$Component) {
   }, {
     key: "renderUpgradeLinkDescription",
     value: function renderUpgradeLinkDescription() {
-      var _this$props10 = this.props,
-          _this$props10$openUpg = _this$props10.openUpgradePlanModal,
-          openUpgradePlanModal = _this$props10$openUpg === void 0 ? function () {} : _this$props10$openUpg,
-          _this$props10$trackin = _this$props10.trackingProps,
-          trackingProps = _this$props10$trackin === void 0 ? {} : _this$props10$trackin;
+      var _this$props11 = this.props,
+          _this$props11$openUpg = _this$props11.openUpgradePlanModal,
+          openUpgradePlanModal = _this$props11$openUpg === void 0 ? function () {} : _this$props11$openUpg,
+          _this$props11$trackin = _this$props11.trackingProps,
+          trackingProps = _this$props11$trackin === void 0 ? {} : _this$props11$trackin;
       var _trackingProps$invite = trackingProps.inviteCollabsEmailTracking,
           inviteCollabsEmailTracking = _trackingProps$invite === void 0 ? {} : _trackingProps$invite;
       var _inviteCollabsEmailTr = inviteCollabsEmailTracking.upgradeLinkProps,
@@ -619,12 +627,12 @@ function (_React$Component) {
   }, {
     key: "renderInviteePermissionsDropdown",
     value: function renderInviteePermissionsDropdown() {
-      var _this$props11 = this.props,
-          inviteePermissions = _this$props11.inviteePermissions,
-          item = _this$props11.item,
-          submitting = _this$props11.submitting,
-          canInvite = _this$props11.canInvite,
-          trackingProps = _this$props11.trackingProps;
+      var _this$props12 = this.props,
+          inviteePermissions = _this$props12.inviteePermissions,
+          item = _this$props12.item,
+          submitting = _this$props12.submitting,
+          canInvite = _this$props12.canInvite,
+          trackingProps = _this$props12.trackingProps;
       var type = item.type;
       var inviteCollabTracking = trackingProps.inviteCollabTracking;
       return inviteePermissions && React.createElement(InviteePermissionsMenu, {
@@ -639,10 +647,10 @@ function (_React$Component) {
   }, {
     key: "renderCollaboratorList",
     value: function renderCollaboratorList() {
-      var _this$props12 = this.props,
-          item = _this$props12.item,
-          collaboratorsList = _this$props12.collaboratorsList,
-          trackingProps = _this$props12.trackingProps;
+      var _this$props13 = this.props,
+          item = _this$props13.item,
+          collaboratorsList = _this$props13.collaboratorsList,
+          trackingProps = _this$props13.trackingProps;
       var name = item.name,
           type = item.type;
       var collaboratorListTracking = trackingProps.collaboratorListTracking;
@@ -666,42 +674,42 @@ function (_React$Component) {
     key: "render",
     value: function render() {
       // Shared link section props
-      var _this$props13 = this.props,
-          allShareRestrictionWarning = _this$props13.allShareRestrictionWarning,
-          changeSharedLinkAccessLevel = _this$props13.changeSharedLinkAccessLevel,
-          createSharedLinkOnLoad = _this$props13.createSharedLinkOnLoad,
-          changeSharedLinkPermissionLevel = _this$props13.changeSharedLinkPermissionLevel,
-          config = _this$props13.config,
-          displayInModal = _this$props13.displayInModal,
-          focusSharedLinkOnLoad = _this$props13.focusSharedLinkOnLoad,
-          getSharedLinkContacts = _this$props13.getSharedLinkContacts,
-          getContactAvatarUrl = _this$props13.getContactAvatarUrl,
-          intl = _this$props13.intl,
-          isAllowEditSharedLinkForFileEnabled = _this$props13.isAllowEditSharedLinkForFileEnabled,
-          isFetching = _this$props13.isFetching,
-          item = _this$props13.item,
-          onAddLink = _this$props13.onAddLink,
-          onCopyError = _this$props13.onCopyError,
-          onCopyInit = _this$props13.onCopyInit,
-          onCopySuccess = _this$props13.onCopySuccess,
-          _this$props13$onDismi = _this$props13.onDismissTooltip,
-          onDismissTooltip = _this$props13$onDismi === void 0 ? function () {} : _this$props13$onDismi,
-          onSettingsClick = _this$props13.onSettingsClick,
-          sendSharedLinkError = _this$props13.sendSharedLinkError,
-          sharedLink = _this$props13.sharedLink,
-          sharedLinkEditTagTargetingApi = _this$props13.sharedLinkEditTagTargetingApi,
-          sharedLinkEditTooltipTargetingApi = _this$props13.sharedLinkEditTooltipTargetingApi,
-          _this$props13$showEnt = _this$props13.showEnterEmailsCallout,
-          showEnterEmailsCallout = _this$props13$showEnt === void 0 ? false : _this$props13$showEnt,
-          _this$props13$showSha = _this$props13.showSharedLinkSettingsCallout,
-          showSharedLinkSettingsCallout = _this$props13$showSha === void 0 ? false : _this$props13$showSha,
-          _this$props13$showUpg = _this$props13.showUpgradeInlineNotice,
-          showUpgradeInlineNotice = _this$props13$showUpg === void 0 ? false : _this$props13$showUpg,
-          showUpgradeOptions = _this$props13.showUpgradeOptions,
-          submitting = _this$props13.submitting,
-          _this$props13$tooltip = _this$props13.tooltips,
-          tooltips = _this$props13$tooltip === void 0 ? {} : _this$props13$tooltip,
-          trackingProps = _this$props13.trackingProps;
+      var _this$props14 = this.props,
+          allShareRestrictionWarning = _this$props14.allShareRestrictionWarning,
+          changeSharedLinkAccessLevel = _this$props14.changeSharedLinkAccessLevel,
+          createSharedLinkOnLoad = _this$props14.createSharedLinkOnLoad,
+          changeSharedLinkPermissionLevel = _this$props14.changeSharedLinkPermissionLevel,
+          config = _this$props14.config,
+          displayInModal = _this$props14.displayInModal,
+          focusSharedLinkOnLoad = _this$props14.focusSharedLinkOnLoad,
+          getSharedLinkContacts = _this$props14.getSharedLinkContacts,
+          getContactAvatarUrl = _this$props14.getContactAvatarUrl,
+          intl = _this$props14.intl,
+          isAllowEditSharedLinkForFileEnabled = _this$props14.isAllowEditSharedLinkForFileEnabled,
+          isFetching = _this$props14.isFetching,
+          item = _this$props14.item,
+          onAddLink = _this$props14.onAddLink,
+          onCopyError = _this$props14.onCopyError,
+          onCopyInit = _this$props14.onCopyInit,
+          onCopySuccess = _this$props14.onCopySuccess,
+          _this$props14$onDismi = _this$props14.onDismissTooltip,
+          onDismissTooltip = _this$props14$onDismi === void 0 ? function () {} : _this$props14$onDismi,
+          onSettingsClick = _this$props14.onSettingsClick,
+          sendSharedLinkError = _this$props14.sendSharedLinkError,
+          sharedLink = _this$props14.sharedLink,
+          sharedLinkEditTagTargetingApi = _this$props14.sharedLinkEditTagTargetingApi,
+          sharedLinkEditTooltipTargetingApi = _this$props14.sharedLinkEditTooltipTargetingApi,
+          _this$props14$showEnt = _this$props14.showEnterEmailsCallout,
+          showEnterEmailsCallout = _this$props14$showEnt === void 0 ? false : _this$props14$showEnt,
+          _this$props14$showSha = _this$props14.showSharedLinkSettingsCallout,
+          showSharedLinkSettingsCallout = _this$props14$showSha === void 0 ? false : _this$props14$showSha,
+          _this$props14$showUpg = _this$props14.showUpgradeInlineNotice,
+          showUpgradeInlineNotice = _this$props14$showUpg === void 0 ? false : _this$props14$showUpg,
+          showUpgradeOptions = _this$props14.showUpgradeOptions,
+          submitting = _this$props14.submitting,
+          _this$props14$tooltip = _this$props14.tooltips,
+          tooltips = _this$props14$tooltip === void 0 ? {} : _this$props14$tooltip,
+          trackingProps = _this$props14.trackingProps;
       var sharedLinkTracking = trackingProps.sharedLinkTracking,
           sharedLinkEmailTracking = trackingProps.sharedLinkEmailTracking;
       var _this$state4 = this.state,
@@ -772,6 +780,7 @@ _defineProperty(UnifiedShareForm, "defaultProps", {
   createSharedLinkOnLoad: false,
   focusSharedLinkOnLoad: false,
   restrictedCollabEmails: [],
+  retrictedGroups: [],
   trackingProps: {
     collaboratorListTracking: {},
     inviteCollabsEmailTracking: {},

package/es/features/unified-share-modal/UnifiedShareForm.js.flow

@@ -57,6 +57,7 @@ class UnifiedShareForm extends React.Component<USFProps, State> {
         createSharedLinkOnLoad: false,
         focusSharedLinkOnLoad: false,
         restrictedCollabEmails: [],
+        retrictedGroups: [],
         trackingProps: {
             collaboratorListTracking: {},
             inviteCollabsEmailTracking: {},
@@ -85,13 +86,15 @@ class UnifiedShareForm extends React.Component<USFProps, State> {
     }
 
     componentDidUpdate(prevProps: USFProps) {
-        const { isCollabRestrictionJustificationAllowed, item, restrictedCollabEmails } = this.props;
+        const { isCollabRestrictionJustificationAllowed, item, restrictedCollabEmails, restrictedGroups } = this.props;
         const {
+            restrictedGroups: prevRestrictedGroups,
             restrictedCollabEmails: prevRestrictedCollabEmails,
             isCollabRestrictionJustificationAllowed: prevIsCollabRestrictionJustificationAllowed,
         } = prevProps;
 
         const didCollabRestrictionsChange =
+            !isEqual(restrictedGroups, prevRestrictedGroups) ||
             !isEqual(restrictedCollabEmails, prevRestrictedCollabEmails) ||
             isCollabRestrictionJustificationAllowed !== prevIsCollabRestrictionJustificationAllowed;
 
@@ -127,9 +130,13 @@ class UnifiedShareForm extends React.Component<USFProps, State> {
 
     shouldRequireCollabJustification = () => {
         const { inviteCollabsContacts } = this.state;
-        const { isCollabRestrictionJustificationAllowed, restrictedCollabEmails } = this.props;
+        const { isCollabRestrictionJustificationAllowed, restrictedCollabEmails, restrictedGroups } = this.props;
 
-        const hasRestrictedCollabs = hasRestrictedContacts(inviteCollabsContacts, restrictedCollabEmails);
+        const hasRestrictedCollabs = hasRestrictedContacts(
+            inviteCollabsContacts,
+            restrictedCollabEmails,
+            restrictedGroups,
+        );
         return hasRestrictedCollabs && isCollabRestrictionJustificationAllowed;
     };
 
@@ -185,7 +192,7 @@ class UnifiedShareForm extends React.Component<USFProps, State> {
         const { classificationLabelId, inviteePermissionLevel } = this.state;
         const defaultPermissionLevel = getDefaultPermissionLevel(inviteePermissions);
         const selectedPermissionLevel = inviteePermissionLevel || defaultPermissionLevel;
-        const { emails, groupIDs, justificationReason, message, restrictedEmails } = data;
+        const { emails, groupIDs, justificationReason, message, restrictedEmails, restrictedGroups } = data;
 
         let params = {
             emails: emails.join(','),
@@ -197,7 +204,7 @@ class UnifiedShareForm extends React.Component<USFProps, State> {
         };
 
         const hasJustificationReason = !!justificationReason;
-        const hasRestrictedInvitees = !isEmpty(restrictedEmails);
+        const hasRestrictedInvitees = !isEmpty(restrictedEmails) || !isEmpty(restrictedGroups);
         const shouldSubmitJustificationReason =
             hasJustificationReason && hasRestrictedInvitees && isCollabRestrictionJustificationAllowed;
 
@@ -348,10 +355,18 @@ class UnifiedShareForm extends React.Component<USFProps, State> {
         currentInviteCollabsContacts: Array<Contact>,
         newInviteCollabsContacts: Array<Contact>,
     ) => {
-        const { restrictedCollabEmails } = this.props;
+        const { restrictedCollabEmails, restrictedGroups } = this.props;
 
-        const hasRestrictedCollabs = hasRestrictedContacts(currentInviteCollabsContacts, restrictedCollabEmails);
-        const hasRestrictedCollabsAfterUpdate = hasRestrictedContacts(newInviteCollabsContacts, restrictedCollabEmails);
+        const hasRestrictedCollabs = hasRestrictedContacts(
+            currentInviteCollabsContacts,
+            restrictedCollabEmails,
+            restrictedGroups,
+        );
+        const hasRestrictedCollabsAfterUpdate = hasRestrictedContacts(
+            newInviteCollabsContacts,
+            restrictedCollabEmails,
+            restrictedGroups,
+        );
 
         return hasRestrictedCollabs && !hasRestrictedCollabsAfterUpdate;
     };
@@ -413,6 +428,7 @@ class UnifiedShareForm extends React.Component<USFProps, State> {
             item,
             recommendedSharingTooltipCalloutName = null,
             restrictedCollabEmails,
+            restrictedGroups,
             sendInvitesError,
             shouldRenderFTUXTooltip,
             showEnterEmailsCallout = false,
@@ -498,6 +514,7 @@ class UnifiedShareForm extends React.Component<USFProps, State> {
                             openInviteCollaboratorsSection={this.openInviteCollaboratorsSection}
                             recommendedSharingTooltipCalloutName={recommendedSharingTooltipCalloutName}
                             restrictedEmails={restrictedCollabEmails}
+                            restrictedGroups={restrictedGroups}
                             showEnterEmailsCallout={showEnterEmailsCallout}
                             submitting={submitting}
                             selectedContacts={this.state.inviteCollabsContacts}