@atlaskit/share 3.5.9 → 3.6.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/share
 
+## 3.6.0
+
+### Minor Changes
+
+- [`9bd59066a1c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9bd59066a1c) - [ux] Added prop isBrowseUsersDisabled to handle users without permission to search for users and groups
+
+## 3.5.10
+
+### Patch Changes
+
+- [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving performance.
+
 ## 3.5.9
 
 ### Patch Changes

package/dist/cjs/components/CopyLinkButton.js

@@ -39,8 +39,6 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _constants = require("@atlaskit/theme/constants");
 
-var _tokens = require("@atlaskit/tokens");
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
 var _styled = require("./ShareFormWrapper/styled");
@@ -182,7 +180,7 @@ var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
             "data-testid": "message-container"
           }, (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_checkCircle.default, {
             label: "",
-            primaryColor: (0, _tokens.token)('color.icon.success', _colors.G300)
+            primaryColor: "var(--ds-icon-success, ".concat(_colors.G300, ")")
           }), (0, _react2.jsx)("div", {
             css: messageTextStyle
           }, copiedToClipboardText))));

package/dist/cjs/components/IntegrationButton.js

@@ -19,8 +19,6 @@ var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom
 
 var _colors = require("@atlaskit/theme/colors");
 
-var _tokens = require("@atlaskit/tokens");
-
 var _excluded = ["text", "textColor", "IntegrationIcon"];
 
 var _templateObject, _templateObject2;
@@ -36,7 +34,7 @@ var IntegrationButton = function IntegrationButton(props) {
   return (0, _react2.jsx)(_customThemeButton.default, restProps, (0, _react2.jsx)("span", {
     css: integrationButtonCopyWrapperStyle,
     style: {
-      color: textColor || (0, _tokens.token)('color.text', _colors.N500)
+      color: textColor || "var(--ds-text, ".concat(_colors.N500, ")")
     }
   }, (0, _react2.jsx)("span", {
     css: integrationIconWrapperStyle

package/dist/cjs/components/LazyShareForm/LazyShareForm.js

@@ -11,10 +11,14 @@ var _react = _interopRequireDefault(require("react"));
 
 var _react2 = require("@emotion/react");
 
+var _reactIntlNext = require("react-intl-next");
+
 var _analyticsNext = require("@atlaskit/analytics-next");
 
 var _constants = require("@atlaskit/theme/constants");
 
+var _i18n = require("../../i18n");
+
 var _analytics = require("../analytics/analytics");
 
 var _IntegrationForm = require("../IntegrationForm");
@@ -23,8 +27,12 @@ var _ShareForm = require("../ShareForm");
 
 var _ShareFormWrapper = require("../ShareFormWrapper");
 
+var _utils = require("../utils");
+
 /** @jsx jsx */
 
+/** @jsxFrag */
+
 /**
  * A Share form content which is lazy-loaded.
  * Make sure this component is not exported inside main entry points `src/index.ts`
@@ -62,7 +70,8 @@ function LazyShareForm(props) {
       shareError = props.shareError,
       defaultValue = props.defaultValue,
       showTitle = props.showTitle,
-      orgId = props.orgId;
+      orgId = props.orgId,
+      isBrowseUsersDisabled = props.isBrowseUsersDisabled;
   var footer = (0, _react2.jsx)("div", null, bottomMessage ? (0, _react2.jsx)("div", {
     css: {
       width: "".concat((0, _constants.gridSize)() * 44, "px")
@@ -77,6 +86,7 @@ function LazyShareForm(props) {
     setIsLoading(false);
   });
 
+  var allowEmail = (0, _utils.allowEmails)(config);
   return (0, _react2.jsx)(_ShareFormWrapper.ShareFormWrapper, {
     footer: footer // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
     // so we don't need to show title via ShareFormWrapper
@@ -89,7 +99,7 @@ function LazyShareForm(props) {
   }, (0, _react2.jsx)(_IntegrationForm.IntegrationForm, {
     Content: selectedIntegration.Content,
     onIntegrationClose: onDialogClose
-  })) : (0, _react2.jsx)(_ShareForm.ShareForm, {
+  })) : (0, _react2.jsx)(_react.default.Fragment, null, allowEmail || !isBrowseUsersDisabled ? (0, _react2.jsx)(_ShareForm.ShareForm, {
     copyLink: copyLink,
     loadOptions: loadOptions,
     title: shareFormTitle,
@@ -117,8 +127,9 @@ function LazyShareForm(props) {
     onLinkCopy: onLinkCopy,
     onUserSelectionChange: onUserSelectionChange,
     handleCloseDialog: onDialogClose,
-    onTabChange: onTabChange
-  }));
+    onTabChange: onTabChange,
+    isBrowseUsersDisabled: isBrowseUsersDisabled
+  }) : (0, _react2.jsx)("p", null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.formNoPermissions))));
 }
 
 var _default = LazyShareForm;

package/dist/cjs/components/ShareDialogContainer.js

@@ -449,7 +449,8 @@ var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Component) {
           shareAri = _this$props2.shareAri,
           tabIndex = _this$props2.tabIndex,
           copyTooltipText = _this$props2.copyTooltipText,
-          onDialogClose = _this$props2.onDialogClose;
+          onDialogClose = _this$props2.onDialogClose,
+          isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled;
       var _this$state = this.state,
           config = _this$state.config,
           isFetchingConfig = _this$state.isFetchingConfig;
@@ -494,7 +495,8 @@ var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Component) {
         shareAri: shareAri,
         tabIndex: tabIndex,
         copyTooltipText: copyTooltipText,
-        onDialogClose: onDialogClose
+        onDialogClose: onDialogClose,
+        isBrowseUsersDisabled: isBrowseUsersDisabled
       })));
     }
   }]);

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -488,7 +488,8 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
           tabIndex = _this$props7.tabIndex,
           copyTooltipText = _this$props7.copyTooltipText,
           integrationMode = _this$props7.integrationMode,
-          shareIntegrations = _this$props7.shareIntegrations;
+          shareIntegrations = _this$props7.shareIntegrations,
+          isBrowseUsersDisabled = _this$props7.isBrowseUsersDisabled;
       var style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
         outline: 'none'
       } : undefined;
@@ -539,7 +540,8 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
             onDialogClose: _this2.handleCloseDialog,
             onTabChange: _this2.onTabChange //ref
             ,
-            selectPortalRef: _this2.selectPortalRef
+            selectPortalRef: _this2.selectPortalRef,
+            isBrowseUsersDisabled: isBrowseUsersDisabled
           }));
         },
         isOpen: isDialogOpen,

package/dist/cjs/components/ShareForm.js

@@ -47,8 +47,6 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _constants = require("@atlaskit/theme/constants");
 
-var _tokens = require("@atlaskit/tokens");
-
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
 var _i18n = require("../i18n");
@@ -143,6 +141,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           copyTooltipText = _this$props.copyTooltipText,
           helperMessage = _this$props.helperMessage,
           orgId = _this$props.orgId,
+          isBrowseUsersDisabled = _this$props.isBrowseUsersDisabled,
           formatMessage = _this$props.intl.formatMessage;
       return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
         data: {
@@ -166,7 +165,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         selectPortalRef: selectPortalRef,
         isPublicLink: isPublicLink,
         helperMessage: helperMessage,
-        orgId: orgId
+        orgId: orgId,
+        isBrowseUsersDisabled: isBrowseUsersDisabled
       })), (0, _react2.jsx)("div", {
         css: formFieldStyles
       }, (0, _react2.jsx)(_CommentField.CommentField, {
@@ -209,7 +209,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         position: "top"
       }, (0, _react2.jsx)(_error.default, {
         label: formatMessage(_i18n.messages.shareFailureIconLabel),
-        primaryColor: (0, _tokens.token)('color.icon.danger', _colors.R400)
+        primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
       }))), (0, _react2.jsx)(_customThemeButton.default, {
         appearance: buttonAppearance,
         type: "submit",

package/dist/cjs/components/SplitButton.js

@@ -31,8 +31,6 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _constants = require("@atlaskit/theme/constants");
 
-var _tokens = require("@atlaskit/tokens");
-
 var _i18n = require("../i18n");
 
 var _analytics = require("./analytics/analytics");
@@ -106,7 +104,7 @@ var SplitButtonDropdown = function SplitButtonDropdown(props) {
     }, (0, _react2.jsx)("span", {
       css: dropDownIntegrationButtonWrapperStyles
     }, (0, _react2.jsx)(_IntegrationButton.default, {
-      textColor: (0, _tokens.token)('color.text', _colors.N800),
+      textColor: "var(--ds-text, ".concat(_colors.N800, ")"),
       appearance: "subtle",
       onClick: function onClick() {
         return onIntegrationButtonClick(integration);

package/dist/cjs/components/UserPickerField.js

@@ -79,6 +79,7 @@ var getNoOptionsMessage = function getNoOptionsMessage(isPublicLink, allowEmail)
 var getPlaceHolderMessageDescriptor = function getPlaceHolderMessageDescriptor() {
   var product = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'confluence';
   var allowEmail = arguments.length > 1 ? arguments[1] : undefined;
+  var isBrowseUsersDisabled = arguments.length > 2 ? arguments[2] : undefined;
 
   if (!allowEmail) {
     var _placeholderMessage = {
@@ -88,6 +89,10 @@ var getPlaceHolderMessageDescriptor = function getPlaceHolderMessageDescriptor()
     return _placeholderMessage[product];
   }
 
+  if (isBrowseUsersDisabled) {
+    return _i18n.messages.userPickerGenericEmailOnlyPlaceholder;
+  }
+
   var placeholderMessage = {
     jira: _i18n.messages.userPickerGenericPlaceholderJira,
     confluence: _i18n.messages.userPickerGenericPlaceholder
@@ -104,9 +109,13 @@ var requiredMessagesWithoutEmail = {
   jira: _i18n.messages.userPickerRequiredExistingUserOnlyMessageJira
 };
 
-var getRequiredMessage = function getRequiredMessage(product, allowEmail) {
-  var messages = allowEmail ? requiredMessagesWithEmail : requiredMessagesWithoutEmail;
-  return messages[product];
+var getRequiredMessage = function getRequiredMessage(product, allowEmail, isBrowseUsersDisabled) {
+  if (isBrowseUsersDisabled) {
+    return _i18n.messages.userPickerRequiredMessageEmailOnly;
+  }
+
+  var emailMessages = allowEmail ? requiredMessagesWithEmail : requiredMessagesWithoutEmail;
+  return emailMessages[product];
 }; // eslint-disable-next-line @repo/internal/react/no-class-components
 
 
@@ -179,8 +188,9 @@ var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
           cloudId = _this$props2.cloudId,
           selectPortalRef = _this$props2.selectPortalRef,
           isPublicLink = _this$props2.isPublicLink,
-          orgId = _this$props2.orgId;
-      var smartUserPickerProps = enableSmartUserPicker ? {
+          orgId = _this$props2.orgId,
+          isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled;
+      var smartUserPickerProps = enableSmartUserPicker && !isBrowseUsersDisabled ? {
         productKey: product,
         principalId: loggedInAccountId,
         siteId: cloudId || '',
@@ -190,13 +200,13 @@ var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
         orgId: orgId
       } : {};
       var allowEmail = (0, _utils.allowEmails)(config);
-      var requiredMessage = getRequiredMessage(product, allowEmail);
+      var requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
       var commonPickerProps = {
         fieldId: 'share',
         loadOptions: this.loadOptions,
         isMulti: true,
         width: '100%',
-        placeholder: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, getPlaceHolderMessageDescriptor(product, allowEmail)),
+        placeholder: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, getPlaceHolderMessageDescriptor(product, allowEmail, isBrowseUsersDisabled)),
         allowEmail: allowEmail,
         noOptionsMessage: getNoOptionsMessage(isPublicLink, allowEmail),
         isLoading: isLoading,
@@ -204,7 +214,7 @@ var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
         maxPickerHeight: _styles.MAX_PICKER_HEIGHT,
         textFieldBackgroundColor: true
       };
-      var UserPickerComponent = enableSmartUserPicker ? _smartUserPicker.default : _userPicker.default;
+      var UserPickerComponent = enableSmartUserPicker && !isBrowseUsersDisabled ? _smartUserPicker.default : _userPicker.default;
       var menuPortalTarget = (0, _utils.getMenuPortalTargetCurrentHTML)(selectPortalRef);
       return /*#__PURE__*/_react.default.createElement(_form.Field, {
         name: "users",

package/dist/cjs/components/analytics/analytics.js

@@ -19,7 +19,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "3.5.9"
+    packageVersion: "3.6.0"
   }, attributes);
 };
 

package/dist/cjs/i18n.js

@@ -38,6 +38,11 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Retry',
     description: 'Label for Share from retry button.'
   },
+  formNoPermissions: {
+    id: 'fabric.elements.share.form.no-permissions',
+    defaultMessage: 'You do not have the ability to share.',
+    description: 'Copy to show when a user can not share.'
+  },
   commentPlaceholder: {
     id: 'fabric.elements.share.form.comment.placeholder',
     defaultMessage: 'Add a message',
@@ -63,6 +68,11 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Enter name or team',
     description: 'Existing user only placeholder for the user picker field in Share form.'
   },
+  userPickerGenericEmailOnlyPlaceholder: {
+    id: 'fabric.elements.share.form.user-picker.placeholder.emailOnly',
+    defaultMessage: 'Enter email',
+    description: 'Email only placeholder for the user picker field in Share form.'
+  },
   userPickerAddMoreMessage: {
     id: 'fabric.elements.share.form.user-picker.add-more',
     defaultMessage: 'Enter more',
@@ -78,6 +88,11 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Select at least one user, team or email.',
     description: 'Required error message for the user picker field in Share form. ' + 'This message is used only for Jira product because Jira does not have Group concept.'
   },
+  userPickerRequiredMessageEmailOnly: {
+    id: 'fabric.elements.share.form.user-picker.validation.required.email-only',
+    defaultMessage: 'Select at least one email.',
+    description: 'Required error message for the user picker field when email only enabled in Share form. ' + 'This message is used for both jira and confluence.'
+  },
   userPickerRequiredExistingUserOnlyMessage: {
     id: 'fabric.elements.share.form.user-picker.validation.required.existingUserOnly',
     defaultMessage: 'Select at least one user, group or team.',

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.5.9"
+	"version": "3.6.0"
 }

package/dist/es2019/components/CopyLinkButton.js

@@ -9,7 +9,6 @@ import LinkFilledIcon from '@atlaskit/icon/glyph/link-filled';
 import Popup from '@atlaskit/popup';
 import { G300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
 import Tooltip from '@atlaskit/tooltip';
 import { InlineDialogContentWrapper } from './ShareFormWrapper/styled';
 import Button from './styles';
@@ -127,7 +126,7 @@ export class CopyLinkButton extends React.Component {
         "data-testid": "message-container"
       }, jsx(React.Fragment, null, jsx(CheckCircleIcon, {
         label: "",
-        primaryColor: token('color.icon.success', G300)
+        primaryColor: `var(--ds-icon-success, ${G300})`
       }), jsx("div", {
         css: messageTextStyle
       }, copiedToClipboardText)))),

package/dist/es2019/components/IntegrationButton.js

@@ -3,7 +3,6 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
 import { N500 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
 const integrationButtonCopyWrapperStyle = css`
   display: flex;
   justify-content: left;
@@ -22,7 +21,7 @@ const IntegrationButton = props => {
   return jsx(Button, restProps, jsx("span", {
     css: integrationButtonCopyWrapperStyle,
     style: {
-      color: textColor || token('color.text', N500)
+      color: textColor || `var(--ds-text, ${N500})`
     }
   }, jsx("span", {
     css: integrationIconWrapperStyle

package/dist/es2019/components/LazyShareForm/LazyShareForm.js

@@ -1,12 +1,17 @@
 /** @jsx jsx */
+
+/** @jsxFrag */
 import React from 'react';
 import { jsx } from '@emotion/react';
+import { FormattedMessage } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { gridSize } from '@atlaskit/theme/constants';
+import { messages } from '../../i18n';
 import { INTEGRATION_MODAL_SOURCE } from '../analytics/analytics';
 import { IntegrationForm } from '../IntegrationForm';
 import { ShareForm } from '../ShareForm';
 import { ShareFormWrapper } from '../ShareFormWrapper';
+import { allowEmails } from '../utils';
 
 /**
  * A Share form content which is lazy-loaded.
@@ -49,7 +54,8 @@ function LazyShareForm(props) {
     shareError,
     defaultValue,
     showTitle,
-    orgId
+    orgId,
+    isBrowseUsersDisabled
   } = props;
   const footer = jsx("div", null, bottomMessage ? jsx("div", {
     css: {
@@ -63,6 +69,7 @@ function LazyShareForm(props) {
   React.useEffect(() => {
     setIsLoading(false);
   });
+  const allowEmail = allowEmails(config);
   return jsx(ShareFormWrapper, {
     footer: footer // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
     // so we don't need to show title via ShareFormWrapper
@@ -75,7 +82,7 @@ function LazyShareForm(props) {
   }, jsx(IntegrationForm, {
     Content: selectedIntegration.Content,
     onIntegrationClose: onDialogClose
-  })) : jsx(ShareForm, {
+  })) : jsx(React.Fragment, null, allowEmail || !isBrowseUsersDisabled ? jsx(ShareForm, {
     copyLink: copyLink,
     loadOptions: loadOptions,
     title: shareFormTitle,
@@ -103,8 +110,9 @@ function LazyShareForm(props) {
     onLinkCopy: onLinkCopy,
     onUserSelectionChange: onUserSelectionChange,
     handleCloseDialog: onDialogClose,
-    onTabChange: onTabChange
-  }));
+    onTabChange: onTabChange,
+    isBrowseUsersDisabled: isBrowseUsersDisabled
+  }) : jsx("p", null, jsx(FormattedMessage, messages.formNoPermissions))));
 }
 
 export default LazyShareForm;

package/dist/es2019/components/ShareDialogContainer.js

@@ -355,7 +355,8 @@ export class ShareDialogContainerInternal extends React.Component {
       shareAri,
       tabIndex,
       copyTooltipText,
-      onDialogClose
+      onDialogClose,
+      isBrowseUsersDisabled
     } = this.props;
     const {
       config,
@@ -402,7 +403,8 @@ export class ShareDialogContainerInternal extends React.Component {
       shareAri: shareAri,
       tabIndex: tabIndex,
       copyTooltipText: copyTooltipText,
-      onDialogClose: onDialogClose
+      onDialogClose: onDialogClose,
+      isBrowseUsersDisabled: isBrowseUsersDisabled
     })));
   }
 

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -441,7 +441,8 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       tabIndex,
       copyTooltipText,
       integrationMode,
-      shareIntegrations
+      shareIntegrations,
+      isBrowseUsersDisabled
     } = this.props;
     const style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
       outline: 'none'
@@ -492,7 +493,8 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         onDialogClose: this.handleCloseDialog,
         onTabChange: this.onTabChange //ref
         ,
-        selectPortalRef: this.selectPortalRef
+        selectPortalRef: this.selectPortalRef,
+        isBrowseUsersDisabled: isBrowseUsersDisabled
       })),
       isOpen: isDialogOpen,
       onClose: this.handleCloseDialog,

package/dist/es2019/components/ShareForm.js

@@ -12,7 +12,6 @@ import ErrorIcon from '@atlaskit/icon/glyph/error';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import { R400 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../i18n';
 import { TabType } from '../types';
@@ -99,6 +98,7 @@ class InternalForm extends React.PureComponent {
         copyTooltipText,
         helperMessage,
         orgId,
+        isBrowseUsersDisabled,
         intl: {
           formatMessage
         }
@@ -125,7 +125,8 @@ class InternalForm extends React.PureComponent {
         selectPortalRef: selectPortalRef,
         isPublicLink: isPublicLink,
         helperMessage: helperMessage,
-        orgId: orgId
+        orgId: orgId,
+        isBrowseUsersDisabled: isBrowseUsersDisabled
       })), jsx("div", {
         css: formFieldStyles
       }, jsx(CommentField, {
@@ -172,7 +173,7 @@ class InternalForm extends React.PureComponent {
         position: "top"
       }, jsx(ErrorIcon, {
         label: formatMessage(messages.shareFailureIconLabel),
-        primaryColor: token('color.icon.danger', R400)
+        primaryColor: `var(--ds-icon-danger, ${R400})`
       }))), jsx(Button, {
         appearance: buttonAppearance,
         type: "submit",

package/dist/es2019/components/SplitButton.js

@@ -9,7 +9,6 @@ import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdow
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import { N800 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
 import { messages } from '../i18n';
 import { shareIntegrationButtonEvent } from './analytics/analytics';
 import IntegrationButton from './IntegrationButton';
@@ -90,7 +89,7 @@ const SplitButtonDropdown = props => {
   }, jsx("span", {
     css: dropDownIntegrationButtonWrapperStyles
   }, jsx(IntegrationButton, {
-    textColor: token('color.text', N800),
+    textColor: `var(--ds-text, ${N800})`,
     appearance: "subtle",
     onClick: () => onIntegrationButtonClick(integration),
     shouldFitContainer: true,

package/dist/es2019/components/UserPickerField.js

@@ -31,7 +31,7 @@ const getNoOptionsMessage = (isPublicLink, allowEmail) => ({
   }
 })) : null;
 
-const getPlaceHolderMessageDescriptor = (product = 'confluence', allowEmail) => {
+const getPlaceHolderMessageDescriptor = (product = 'confluence', allowEmail, isBrowseUsersDisabled) => {
   if (!allowEmail) {
     const placeholderMessage = {
       jira: messages.userPickerExistingUserOnlyPlaceholder,
@@ -40,6 +40,10 @@ const getPlaceHolderMessageDescriptor = (product = 'confluence', allowEmail) =>
     return placeholderMessage[product];
   }
 
+  if (isBrowseUsersDisabled) {
+    return messages.userPickerGenericEmailOnlyPlaceholder;
+  }
+
   const placeholderMessage = {
     jira: messages.userPickerGenericPlaceholderJira,
     confluence: messages.userPickerGenericPlaceholder
@@ -56,9 +60,13 @@ const requiredMessagesWithoutEmail = {
   jira: messages.userPickerRequiredExistingUserOnlyMessageJira
 };
 
-const getRequiredMessage = (product, allowEmail) => {
-  const messages = allowEmail ? requiredMessagesWithEmail : requiredMessagesWithoutEmail;
-  return messages[product];
+const getRequiredMessage = (product, allowEmail, isBrowseUsersDisabled) => {
+  if (isBrowseUsersDisabled) {
+    return messages.userPickerRequiredMessageEmailOnly;
+  }
+
+  const emailMessages = allowEmail ? requiredMessagesWithEmail : requiredMessagesWithoutEmail;
+  return emailMessages[product];
 }; // eslint-disable-next-line @repo/internal/react/no-class-components
 
 
@@ -122,9 +130,10 @@ export class UserPickerFieldComponent extends React.Component {
       cloudId,
       selectPortalRef,
       isPublicLink,
-      orgId
+      orgId,
+      isBrowseUsersDisabled
     } = this.props;
-    const smartUserPickerProps = enableSmartUserPicker ? {
+    const smartUserPickerProps = enableSmartUserPicker && !isBrowseUsersDisabled ? {
       productKey: product,
       principalId: loggedInAccountId,
       siteId: cloudId || '',
@@ -134,13 +143,13 @@ export class UserPickerFieldComponent extends React.Component {
       orgId
     } : {};
     const allowEmail = allowEmails(config);
-    const requiredMessage = getRequiredMessage(product, allowEmail);
+    const requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
     const commonPickerProps = {
       fieldId: 'share',
       loadOptions: this.loadOptions,
       isMulti: true,
       width: '100%',
-      placeholder: /*#__PURE__*/React.createElement(FormattedMessage, getPlaceHolderMessageDescriptor(product, allowEmail)),
+      placeholder: /*#__PURE__*/React.createElement(FormattedMessage, getPlaceHolderMessageDescriptor(product, allowEmail, isBrowseUsersDisabled)),
       allowEmail,
       noOptionsMessage: getNoOptionsMessage(isPublicLink, allowEmail),
       isLoading,
@@ -148,7 +157,7 @@ export class UserPickerFieldComponent extends React.Component {
       maxPickerHeight: MAX_PICKER_HEIGHT,
       textFieldBackgroundColor: true
     };
-    const UserPickerComponent = enableSmartUserPicker ? SmartUserPicker : UserPicker;
+    const UserPickerComponent = enableSmartUserPicker && !isBrowseUsersDisabled ? SmartUserPicker : UserPicker;
     const menuPortalTarget = getMenuPortalTargetCurrentHTML(selectPortalRef);
     return /*#__PURE__*/React.createElement(Field, {
       name: "users",

package/dist/es2019/components/analytics/analytics.js

@@ -2,7 +2,7 @@ import { isEmail, isTeam, isUser } from '@atlaskit/smart-user-picker';
 
 const buildAttributes = (attributes = {}) => ({
   packageName: "@atlaskit/share",
-  packageVersion: "3.5.9",
+  packageVersion: "3.6.0",
   ...attributes
 });
 

package/dist/es2019/i18n.js

@@ -30,6 +30,11 @@ export const messages = defineMessages({
     defaultMessage: 'Retry',
     description: 'Label for Share from retry button.'
   },
+  formNoPermissions: {
+    id: 'fabric.elements.share.form.no-permissions',
+    defaultMessage: 'You do not have the ability to share.',
+    description: 'Copy to show when a user can not share.'
+  },
   commentPlaceholder: {
     id: 'fabric.elements.share.form.comment.placeholder',
     defaultMessage: 'Add a message',
@@ -55,6 +60,11 @@ export const messages = defineMessages({
     defaultMessage: 'Enter name or team',
     description: 'Existing user only placeholder for the user picker field in Share form.'
   },
+  userPickerGenericEmailOnlyPlaceholder: {
+    id: 'fabric.elements.share.form.user-picker.placeholder.emailOnly',
+    defaultMessage: 'Enter email',
+    description: 'Email only placeholder for the user picker field in Share form.'
+  },
   userPickerAddMoreMessage: {
     id: 'fabric.elements.share.form.user-picker.add-more',
     defaultMessage: 'Enter more',
@@ -70,6 +80,11 @@ export const messages = defineMessages({
     defaultMessage: 'Select at least one user, team or email.',
     description: 'Required error message for the user picker field in Share form. ' + 'This message is used only for Jira product because Jira does not have Group concept.'
   },
+  userPickerRequiredMessageEmailOnly: {
+    id: 'fabric.elements.share.form.user-picker.validation.required.email-only',
+    defaultMessage: 'Select at least one email.',
+    description: 'Required error message for the user picker field when email only enabled in Share form. ' + 'This message is used for both jira and confluence.'
+  },
   userPickerRequiredExistingUserOnlyMessage: {
     id: 'fabric.elements.share.form.user-picker.validation.required.existingUserOnly',
     defaultMessage: 'Select at least one user, group or team.',

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.5.9"
+	"version": "3.6.0"
 }

package/dist/esm/components/CopyLinkButton.js

@@ -22,7 +22,6 @@ import LinkFilledIcon from '@atlaskit/icon/glyph/link-filled';
 import Popup from '@atlaskit/popup';
 import { G300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
 import Tooltip from '@atlaskit/tooltip';
 import { InlineDialogContentWrapper } from './ShareFormWrapper/styled';
 import Button from './styles';
@@ -155,7 +154,7 @@ export var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
             "data-testid": "message-container"
           }, jsx(React.Fragment, null, jsx(CheckCircleIcon, {
             label: "",
-            primaryColor: token('color.icon.success', G300)
+            primaryColor: "var(--ds-icon-success, ".concat(G300, ")")
           }), jsx("div", {
             css: messageTextStyle
           }, copiedToClipboardText))));

package/dist/esm/components/IntegrationButton.js

@@ -9,7 +9,6 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
 import { N500 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
 var integrationButtonCopyWrapperStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: left;\n"])));
 var integrationIconWrapperStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 1px 8px 0 0;\n"])));
 
@@ -22,7 +21,7 @@ var IntegrationButton = function IntegrationButton(props) {
   return jsx(Button, restProps, jsx("span", {
     css: integrationButtonCopyWrapperStyle,
     style: {
-      color: textColor || token('color.text', N500)
+      color: textColor || "var(--ds-text, ".concat(N500, ")")
     }
   }, jsx("span", {
     css: integrationIconWrapperStyle

package/dist/esm/components/LazyShareForm/LazyShareForm.js

@@ -1,12 +1,17 @@
 /** @jsx jsx */
+
+/** @jsxFrag */
 import React from 'react';
 import { jsx } from '@emotion/react';
+import { FormattedMessage } from 'react-intl-next';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { gridSize } from '@atlaskit/theme/constants';
+import { messages } from '../../i18n';
 import { INTEGRATION_MODAL_SOURCE } from '../analytics/analytics';
 import { IntegrationForm } from '../IntegrationForm';
 import { ShareForm } from '../ShareForm';
 import { ShareFormWrapper } from '../ShareFormWrapper';
+import { allowEmails } from '../utils';
 
 /**
  * A Share form content which is lazy-loaded.
@@ -45,7 +50,8 @@ function LazyShareForm(props) {
       shareError = props.shareError,
       defaultValue = props.defaultValue,
       showTitle = props.showTitle,
-      orgId = props.orgId;
+      orgId = props.orgId,
+      isBrowseUsersDisabled = props.isBrowseUsersDisabled;
   var footer = jsx("div", null, bottomMessage ? jsx("div", {
     css: {
       width: "".concat(gridSize() * 44, "px")
@@ -58,6 +64,7 @@ function LazyShareForm(props) {
   React.useEffect(function () {
     setIsLoading(false);
   });
+  var allowEmail = allowEmails(config);
   return jsx(ShareFormWrapper, {
     footer: footer // form title will be determined by `title` and `showTitle` prop passed to `ShareForm`,
     // so we don't need to show title via ShareFormWrapper
@@ -70,7 +77,7 @@ function LazyShareForm(props) {
   }, jsx(IntegrationForm, {
     Content: selectedIntegration.Content,
     onIntegrationClose: onDialogClose
-  })) : jsx(ShareForm, {
+  })) : jsx(React.Fragment, null, allowEmail || !isBrowseUsersDisabled ? jsx(ShareForm, {
     copyLink: copyLink,
     loadOptions: loadOptions,
     title: shareFormTitle,
@@ -98,8 +105,9 @@ function LazyShareForm(props) {
     onLinkCopy: onLinkCopy,
     onUserSelectionChange: onUserSelectionChange,
     handleCloseDialog: onDialogClose,
-    onTabChange: onTabChange
-  }));
+    onTabChange: onTabChange,
+    isBrowseUsersDisabled: isBrowseUsersDisabled
+  }) : jsx("p", null, jsx(FormattedMessage, messages.formNoPermissions))));
 }
 
 export default LazyShareForm;

package/dist/esm/components/ShareDialogContainer.js

@@ -424,7 +424,8 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
           shareAri = _this$props2.shareAri,
           tabIndex = _this$props2.tabIndex,
           copyTooltipText = _this$props2.copyTooltipText,
-          onDialogClose = _this$props2.onDialogClose;
+          onDialogClose = _this$props2.onDialogClose,
+          isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled;
       var _this$state = this.state,
           config = _this$state.config,
           isFetchingConfig = _this$state.isFetchingConfig;
@@ -469,7 +470,8 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
         shareAri: shareAri,
         tabIndex: tabIndex,
         copyTooltipText: copyTooltipText,
-        onDialogClose: onDialogClose
+        onDialogClose: onDialogClose,
+        isBrowseUsersDisabled: isBrowseUsersDisabled
       })));
     }
   }]);

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -475,7 +475,8 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
           tabIndex = _this$props7.tabIndex,
           copyTooltipText = _this$props7.copyTooltipText,
           integrationMode = _this$props7.integrationMode,
-          shareIntegrations = _this$props7.shareIntegrations;
+          shareIntegrations = _this$props7.shareIntegrations,
+          isBrowseUsersDisabled = _this$props7.isBrowseUsersDisabled;
       var style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
         outline: 'none'
       } : undefined;
@@ -526,7 +527,8 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
             onDialogClose: _this2.handleCloseDialog,
             onTabChange: _this2.onTabChange //ref
             ,
-            selectPortalRef: _this2.selectPortalRef
+            selectPortalRef: _this2.selectPortalRef,
+            isBrowseUsersDisabled: isBrowseUsersDisabled
           }));
         },
         isOpen: isDialogOpen,

package/dist/esm/components/ShareForm.js

@@ -29,7 +29,6 @@ import ErrorIcon from '@atlaskit/icon/glyph/error';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import { R400 } from '@atlaskit/theme/colors';
 import { gridSize } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../i18n';
 import { TabType } from '../types';
@@ -101,6 +100,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           copyTooltipText = _this$props.copyTooltipText,
           helperMessage = _this$props.helperMessage,
           orgId = _this$props.orgId,
+          isBrowseUsersDisabled = _this$props.isBrowseUsersDisabled,
           formatMessage = _this$props.intl.formatMessage;
       return jsx(AnalyticsContext, {
         data: {
@@ -124,7 +124,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         selectPortalRef: selectPortalRef,
         isPublicLink: isPublicLink,
         helperMessage: helperMessage,
-        orgId: orgId
+        orgId: orgId,
+        isBrowseUsersDisabled: isBrowseUsersDisabled
       })), jsx("div", {
         css: formFieldStyles
       }, jsx(CommentField, {
@@ -168,7 +169,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         position: "top"
       }, jsx(ErrorIcon, {
         label: formatMessage(messages.shareFailureIconLabel),
-        primaryColor: token('color.icon.danger', R400)
+        primaryColor: "var(--ds-icon-danger, ".concat(R400, ")")
       }))), jsx(Button, {
         appearance: buttonAppearance,
         type: "submit",

package/dist/esm/components/SplitButton.js

@@ -14,7 +14,6 @@ import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdow
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import { N800 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
-import { token } from '@atlaskit/tokens';
 import { messages } from '../i18n';
 import { shareIntegrationButtonEvent } from './analytics/analytics';
 import IntegrationButton from './IntegrationButton';
@@ -78,7 +77,7 @@ var SplitButtonDropdown = function SplitButtonDropdown(props) {
     }, jsx("span", {
       css: dropDownIntegrationButtonWrapperStyles
     }, jsx(IntegrationButton, {
-      textColor: token('color.text', N800),
+      textColor: "var(--ds-text, ".concat(N800, ")"),
       appearance: "subtle",
       onClick: function onClick() {
         return onIntegrationButtonClick(integration);

package/dist/esm/components/UserPickerField.js

@@ -48,6 +48,7 @@ var getNoOptionsMessage = function getNoOptionsMessage(isPublicLink, allowEmail)
 var getPlaceHolderMessageDescriptor = function getPlaceHolderMessageDescriptor() {
   var product = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'confluence';
   var allowEmail = arguments.length > 1 ? arguments[1] : undefined;
+  var isBrowseUsersDisabled = arguments.length > 2 ? arguments[2] : undefined;
 
   if (!allowEmail) {
     var _placeholderMessage = {
@@ -57,6 +58,10 @@ var getPlaceHolderMessageDescriptor = function getPlaceHolderMessageDescriptor()
     return _placeholderMessage[product];
   }
 
+  if (isBrowseUsersDisabled) {
+    return messages.userPickerGenericEmailOnlyPlaceholder;
+  }
+
   var placeholderMessage = {
     jira: messages.userPickerGenericPlaceholderJira,
     confluence: messages.userPickerGenericPlaceholder
@@ -73,9 +78,13 @@ var requiredMessagesWithoutEmail = {
   jira: messages.userPickerRequiredExistingUserOnlyMessageJira
 };
 
-var getRequiredMessage = function getRequiredMessage(product, allowEmail) {
-  var messages = allowEmail ? requiredMessagesWithEmail : requiredMessagesWithoutEmail;
-  return messages[product];
+var getRequiredMessage = function getRequiredMessage(product, allowEmail, isBrowseUsersDisabled) {
+  if (isBrowseUsersDisabled) {
+    return messages.userPickerRequiredMessageEmailOnly;
+  }
+
+  var emailMessages = allowEmail ? requiredMessagesWithEmail : requiredMessagesWithoutEmail;
+  return emailMessages[product];
 }; // eslint-disable-next-line @repo/internal/react/no-class-components
 
 
@@ -152,8 +161,9 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
           cloudId = _this$props2.cloudId,
           selectPortalRef = _this$props2.selectPortalRef,
           isPublicLink = _this$props2.isPublicLink,
-          orgId = _this$props2.orgId;
-      var smartUserPickerProps = enableSmartUserPicker ? {
+          orgId = _this$props2.orgId,
+          isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled;
+      var smartUserPickerProps = enableSmartUserPicker && !isBrowseUsersDisabled ? {
         productKey: product,
         principalId: loggedInAccountId,
         siteId: cloudId || '',
@@ -163,13 +173,13 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
         orgId: orgId
       } : {};
       var allowEmail = allowEmails(config);
-      var requiredMessage = getRequiredMessage(product, allowEmail);
+      var requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
       var commonPickerProps = {
         fieldId: 'share',
         loadOptions: this.loadOptions,
         isMulti: true,
         width: '100%',
-        placeholder: /*#__PURE__*/React.createElement(FormattedMessage, getPlaceHolderMessageDescriptor(product, allowEmail)),
+        placeholder: /*#__PURE__*/React.createElement(FormattedMessage, getPlaceHolderMessageDescriptor(product, allowEmail, isBrowseUsersDisabled)),
         allowEmail: allowEmail,
         noOptionsMessage: getNoOptionsMessage(isPublicLink, allowEmail),
         isLoading: isLoading,
@@ -177,7 +187,7 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
         maxPickerHeight: MAX_PICKER_HEIGHT,
         textFieldBackgroundColor: true
       };
-      var UserPickerComponent = enableSmartUserPicker ? SmartUserPicker : UserPicker;
+      var UserPickerComponent = enableSmartUserPicker && !isBrowseUsersDisabled ? SmartUserPicker : UserPicker;
       var menuPortalTarget = getMenuPortalTargetCurrentHTML(selectPortalRef);
       return /*#__PURE__*/React.createElement(Field, {
         name: "users",

package/dist/esm/components/analytics/analytics.js

@@ -10,7 +10,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "3.5.9"
+    packageVersion: "3.6.0"
   }, attributes);
 };
 

package/dist/esm/i18n.js

@@ -30,6 +30,11 @@ export var messages = defineMessages({
     defaultMessage: 'Retry',
     description: 'Label for Share from retry button.'
   },
+  formNoPermissions: {
+    id: 'fabric.elements.share.form.no-permissions',
+    defaultMessage: 'You do not have the ability to share.',
+    description: 'Copy to show when a user can not share.'
+  },
   commentPlaceholder: {
     id: 'fabric.elements.share.form.comment.placeholder',
     defaultMessage: 'Add a message',
@@ -55,6 +60,11 @@ export var messages = defineMessages({
     defaultMessage: 'Enter name or team',
     description: 'Existing user only placeholder for the user picker field in Share form.'
   },
+  userPickerGenericEmailOnlyPlaceholder: {
+    id: 'fabric.elements.share.form.user-picker.placeholder.emailOnly',
+    defaultMessage: 'Enter email',
+    description: 'Email only placeholder for the user picker field in Share form.'
+  },
   userPickerAddMoreMessage: {
     id: 'fabric.elements.share.form.user-picker.add-more',
     defaultMessage: 'Enter more',
@@ -70,6 +80,11 @@ export var messages = defineMessages({
     defaultMessage: 'Select at least one user, team or email.',
     description: 'Required error message for the user picker field in Share form. ' + 'This message is used only for Jira product because Jira does not have Group concept.'
   },
+  userPickerRequiredMessageEmailOnly: {
+    id: 'fabric.elements.share.form.user-picker.validation.required.email-only',
+    defaultMessage: 'Select at least one email.',
+    description: 'Required error message for the user picker field when email only enabled in Share form. ' + 'This message is used for both jira and confluence.'
+  },
   userPickerRequiredExistingUserOnlyMessage: {
     id: 'fabric.elements.share.form.user-picker.validation.required.existingUserOnly',
     defaultMessage: 'Select at least one user, group or team.',

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "3.5.9"
+	"version": "3.6.0"
 }

package/dist/types/components/LazyShareForm/LazyShareForm.d.ts

@@ -2,7 +2,7 @@ import { jsx } from '@emotion/react';
 import type { LoadOptions } from '@atlaskit/smart-user-picker';
 import type { ShareData, ShareDialogWithTriggerProps, ShareDialogWithTriggerStates } from '../../types';
 import { IntegrationFormProps } from '../IntegrationForm';
-export declare type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'integrationMode' | 'onDialogClose' | 'orgId'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
+export declare type LazyShareFormProps = Pick<ShareDialogWithTriggerProps, 'copyLink' | 'config' | 'isFetchingConfig' | 'loadUserOptions' | 'shareFormTitle' | 'shareFormHelperMessage' | 'bottomMessage' | 'submitButtonLabel' | 'product' | 'customFooter' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'cloudId' | 'shareFieldsFooter' | 'onUserSelectionChange' | 'isPublicLink' | 'copyTooltipText' | 'shareIntegrations' | 'integrationMode' | 'onDialogClose' | 'orgId' | 'isBrowseUsersDisabled'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
     onLinkCopy: () => void;
     onDismiss: (data: ShareData) => void;
     onSubmit: (data: ShareData) => void;

package/dist/types/components/ShareDialogContainer.d.ts

@@ -52,7 +52,7 @@ export declare class ShareDialogContainerInternal extends React.Component<WithAn
     getFormShareLink: () => string;
     render(): JSX.Element;
 }
-export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "onTriggerButtonClick" | "isAutoOpenDialog" | "shouldCloseOnEscapePress" | "dialogPlacement" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "onUserSelectionChange" | "renderCustomTriggerButton" | "shareContentType" | "shareFormTitle" | "shareFormHelperMessage" | "showFlags" | "loggedInAccountId" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "cloudId" | "bottomMessage" | "customFooter" | "isCopyDisabled" | "isPublicLink" | "integrationMode" | "shareFieldsFooter" | "shareIntegrations" | "shareAri" | "tabIndex" | "copyTooltipText" | "dialogZIndex" | "orgId" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "useUrlShortener"> & Partial<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "enableSmartUserPicker" | "product" | "shareeAction">> & Partial<Pick<{
+export declare const ShareDialogContainer: React.ForwardRefExoticComponent<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "onTriggerButtonClick" | "isAutoOpenDialog" | "shouldCloseOnEscapePress" | "dialogPlacement" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "onUserSelectionChange" | "renderCustomTriggerButton" | "shareContentType" | "shareFormTitle" | "shareFormHelperMessage" | "showFlags" | "loggedInAccountId" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "cloudId" | "bottomMessage" | "customFooter" | "isCopyDisabled" | "isPublicLink" | "integrationMode" | "shareFieldsFooter" | "shareIntegrations" | "shareAri" | "tabIndex" | "copyTooltipText" | "dialogZIndex" | "orgId" | "isBrowseUsersDisabled" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "useUrlShortener"> & Partial<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "enableSmartUserPicker" | "product" | "shareeAction">> & Partial<Pick<{
     enableSmartUserPicker: boolean;
     shareeAction: "view" | "edit";
     product: string;

package/dist/types/components/UserPickerField.d.ts

@@ -18,6 +18,7 @@ export declare type Props = {
     isPublicLink?: boolean;
     helperMessage?: string;
     orgId?: string;
+    isBrowseUsersDisabled?: boolean;
 };
 export declare class UserPickerFieldComponent extends React.Component<WrappedComponentProps & Props> {
     private loadOptions;

package/dist/types/i18n.d.ts

@@ -29,6 +29,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    formNoPermissions: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     commentPlaceholder: {
         id: string;
         defaultMessage: string;
@@ -54,6 +59,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    userPickerGenericEmailOnlyPlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     userPickerAddMoreMessage: {
         id: string;
         defaultMessage: string;
@@ -69,6 +79,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    userPickerRequiredMessageEmailOnly: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     userPickerRequiredExistingUserOnlyMessage: {
         id: string;
         defaultMessage: string;

package/dist/types/types/ShareDialogContainer.d.ts

@@ -141,4 +141,5 @@ export declare type ShareDialogContainerProps = {
      */
     tabIndex?: number;
     copyTooltipText?: string;
+    isBrowseUsersDisabled?: boolean;
 };

package/dist/types/types/ShareDialogWithTrigger.d.ts

@@ -19,7 +19,7 @@ export declare type DialogPlacement = Placement;
  * with the demo page and clearly visible options on that page.
  */
 export declare type DialogBoundariesElement = 'viewport' | 'window' | 'scrollParent';
-export declare type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'shareFieldsFooter' | 'shareIntegrations' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId'> & {
+export declare type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareFormTitle' | 'shareFormHelperMessage' | 'showFlags' | 'enableSmartUserPicker' | 'loggedInAccountId' | 'triggerButtonAppearance' | 'triggerButtonIcon' | 'triggerButtonStyle' | 'triggerButtonTooltipPosition' | 'triggerButtonTooltipText' | 'cloudId' | 'bottomMessage' | 'product' | 'customFooter' | 'isCopyDisabled' | 'isPublicLink' | 'integrationMode' | 'shareFieldsFooter' | 'shareIntegrations' | 'shareAri' | 'tabIndex' | 'copyTooltipText' | 'dialogZIndex' | 'orgId' | 'isBrowseUsersDisabled'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     children?: RenderCustomTriggerButton;

package/dist/types/types/ShareForm.d.ts

@@ -4,7 +4,7 @@ import type { ConfigResponse } from '../clients/ShareServiceClient';
 import type { ProductName } from './Products';
 import type { ShareData, ShareError } from './ShareContentState';
 import type { ShareDialogContainerProps } from './ShareDialogContainer';
-export declare type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' | 'shareIntegrations' | 'copyTooltipText' | 'isPublicLink' | 'onUserSelectionChange' | 'cloudId' | 'loggedInAccountId' | 'enableSmartUserPicker' | 'orgId'> & {
+export declare type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' | 'shareIntegrations' | 'copyTooltipText' | 'isPublicLink' | 'onUserSelectionChange' | 'cloudId' | 'loggedInAccountId' | 'enableSmartUserPicker' | 'orgId' | 'isBrowseUsersDisabled'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     copyLink: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "3.5.9",
+  "version": "3.6.0",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -61,10 +61,10 @@
   },
   "devDependencies": {
     "@atlaskit/docs": "^9.0.0",
-    "@atlaskit/editor-test-helpers": "^17.2.0",
+    "@atlaskit/editor-test-helpers": "^18.0.0",
     "@atlaskit/flag": "^15.0.0",
     "@atlaskit/section-message": "^6.3.0",
-    "@atlaskit/select": "^16.0.0",
+    "@atlaskit/select": "^16.1.0",
     "@atlaskit/toggle": "^12.5.0",
     "@atlaskit/util-data-test": "^17.6.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",

package/report.api.md

@@ -239,6 +239,7 @@ export const ShareDialogContainer: React_2.ForwardRefExoticComponent<
     | 'formatCopyLink'
     | 'integrationMode'
     | 'isAutoOpenDialog'
+    | 'isBrowseUsersDisabled'
     | 'isCopyDisabled'
     | 'isPublicLink'
     | 'loadUserOptions'
@@ -340,6 +341,7 @@ export type ShareDialogContainerProps = {
   shareIntegrations?: Array<Integration>;
   tabIndex?: number;
   copyTooltipText?: string;
+  isBrowseUsersDisabled?: boolean;
 };
 
 // @public (undocumented)

package/tmp/api-report-tmp.d.ts

@@ -189,7 +189,7 @@ export type ShareContentState = {
 };
 
 // @public (undocumented)
-export const ShareDialogContainer: React_2.ForwardRefExoticComponent<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "bottomMessage" | "cloudId" | "copyTooltipText" | "customFooter" | "dialogPlacement" | "dialogZIndex" | "formatCopyLink" | "integrationMode" | "isAutoOpenDialog" | "isCopyDisabled" | "isPublicLink" | "loadUserOptions" | "loggedInAccountId" | "onDialogClose" | "onDialogOpen" | "onTriggerButtonClick" | "onUserSelectionChange" | "orgId" | "originTracingFactory" | "productId" | "renderCustomTriggerButton" | "shareAri" | "shareClient" | "shareContentType" | "shareFieldsFooter" | "shareFormHelperMessage" | "shareFormTitle" | "shareIntegrations" | "shareLink" | "shareTitle" | "shortLinkData" | "shouldCloseOnEscapePress" | "showFlags" | "tabIndex" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "urlShortenerClient" | "useUrlShortener"> & Partial<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "enableSmartUserPicker" | "product" | "shareeAction">> & Partial<Pick<{
+export const ShareDialogContainer: React_2.ForwardRefExoticComponent<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "bottomMessage" | "cloudId" | "copyTooltipText" | "customFooter" | "dialogPlacement" | "dialogZIndex" | "formatCopyLink" | "integrationMode" | "isAutoOpenDialog" | "isBrowseUsersDisabled" | "isCopyDisabled" | "isPublicLink" | "loadUserOptions" | "loggedInAccountId" | "onDialogClose" | "onDialogOpen" | "onTriggerButtonClick" | "onUserSelectionChange" | "orgId" | "originTracingFactory" | "productId" | "renderCustomTriggerButton" | "shareAri" | "shareClient" | "shareContentType" | "shareFieldsFooter" | "shareFormHelperMessage" | "shareFormTitle" | "shareIntegrations" | "shareLink" | "shareTitle" | "shortLinkData" | "shouldCloseOnEscapePress" | "showFlags" | "tabIndex" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "urlShortenerClient" | "useUrlShortener"> & Partial<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "enableSmartUserPicker" | "product" | "shareeAction">> & Partial<Pick<{
     enableSmartUserPicker: boolean;
     shareeAction: "edit" | "view";
     product: string;
@@ -241,6 +241,7 @@ export type ShareDialogContainerProps = {
     shareIntegrations?: Array<Integration>;
     tabIndex?: number;
     copyTooltipText?: string;
+    isBrowseUsersDisabled?: boolean;
 };
 
 // @public (undocumented)