@atlaskit/share 4.12.3 → 4.14.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/share
 
+## 4.14.0
+
+### Minor Changes
+
+- [#72864](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72864) [`967b26e5f6b8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/967b26e5f6b8) - [ux] Added new `userPickerCustomHeader` and `noOptionsMessage` prop to Share Dialog. `userPickerCustomHeader` adds custom header to User Picker Option List and `noOptionsMessage` renders a custom message when the user picker returns an empty options list.
+
+## 4.13.0
+
+### Minor Changes
+
+- [#71584](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/71584) [`7962a0e6599c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7962a0e6599c) - [ux] Added new `userPickerCustomHeader` and `noOptionsMessage` prop to Share Dialog. `userPickerCustomHeader` adds custom header to User Picker Option List and `noOptionsMessage` renders a custom message when the user picker returns an empty options list.
+
 ## 4.12.3
 
 ### Patch Changes

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

@@ -59,7 +59,8 @@ function LazyShareForm(props) {
     defaultValue = props.defaultValue,
     showTitle = props.showTitle,
     orgId = props.orgId,
-    isBrowseUsersDisabled = props.isBrowseUsersDisabled;
+    isBrowseUsersDisabled = props.isBrowseUsersDisabled,
+    userPickerOptions = props.userPickerOptions;
   var footer = (0, _react2.jsx)("div", null, bottomMessage ? (0, _react2.jsx)("div", {
     css: {
       width: "".concat((0, _constants.gridSize)() * 44, "px")
@@ -115,7 +116,8 @@ function LazyShareForm(props) {
     onUserSelectionChange: onUserSelectionChange,
     handleCloseDialog: onDialogClose,
     onTabChange: onTabChange,
-    isBrowseUsersDisabled: isBrowseUsersDisabled
+    isBrowseUsersDisabled: isBrowseUsersDisabled,
+    userPickerOptions: userPickerOptions
   }) : (0, _react2.jsx)("p", null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.formNoPermissions))));
 }
 var _default = exports.default = LazyShareForm;

package/dist/cjs/components/ShareDialogContainer.js

@@ -357,7 +357,8 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         tabIndex = _this$props2.tabIndex,
         copyTooltipText = _this$props2.copyTooltipText,
         onDialogClose = _this$props2.onDialogClose,
-        isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled;
+        isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled,
+        userPickerOptions = _this$props2.userPickerOptions;
       var _this$state = this.state,
         config = _this$state.config,
         isFetchingConfig = _this$state.isFetchingConfig;
@@ -405,7 +406,8 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         tabIndex: tabIndex,
         copyTooltipText: copyTooltipText,
         onDialogClose: onDialogClose,
-        isBrowseUsersDisabled: isBrowseUsersDisabled
+        isBrowseUsersDisabled: isBrowseUsersDisabled,
+        userPickerOptions: userPickerOptions
       })));
     }
   }]);

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -514,7 +514,8 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
         copyTooltipText = _this$props7.copyTooltipText,
         integrationMode = _this$props7.integrationMode,
         shareIntegrations = _this$props7.shareIntegrations,
-        isBrowseUsersDisabled = _this$props7.isBrowseUsersDisabled;
+        isBrowseUsersDisabled = _this$props7.isBrowseUsersDisabled,
+        userPickerOptions = _this$props7.userPickerOptions;
       var style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
         outline: 'none'
       } : undefined;
@@ -569,7 +570,8 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
             //ref
             ,
             selectPortalRef: _this2.selectPortalRef,
-            isBrowseUsersDisabled: isBrowseUsersDisabled
+            isBrowseUsersDisabled: isBrowseUsersDisabled,
+            userPickerOptions: userPickerOptions
           }));
         },
         isOpen: isDialogOpen,

package/dist/cjs/components/ShareForm.js

@@ -98,7 +98,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         orgId = _this$props.orgId,
         isBrowseUsersDisabled = _this$props.isBrowseUsersDisabled,
         formatMessage = _this$props.intl.formatMessage,
-        shareError = _this$props.shareError;
+        shareError = _this$props.shareError,
+        userPickerOptions = _this$props.userPickerOptions;
       return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
         data: {
           source: _analytics.ANALYTICS_SOURCE
@@ -125,7 +126,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         helperMessage: helperMessage,
         orgId: orgId,
         isBrowseUsersDisabled: isBrowseUsersDisabled,
-        shareError: shareError
+        shareError: shareError,
+        userPickerOptions: userPickerOptions
       })), (0, _react2.jsx)("div", {
         css: formFieldStyles
       }, (0, _react2.jsx)(_CommentField.CommentField, {

package/dist/cjs/components/UserPickerField.js

@@ -40,9 +40,16 @@ var getNoOptionsMessageDescriptor = function getNoOptionsMessageDescriptor(email
   }
   return _i18n.messages.userPickerGenericNoOptionsMessage;
 };
-var getNoOptionsMessage = function getNoOptionsMessage(isPublicLink, allowEmail) {
+var getNoOptionsMessage = function getNoOptionsMessage(isPublicLink, allowEmail, noOptionsMessageHandler) {
   return function (_ref) {
     var inputValue = _ref.inputValue;
+    if (noOptionsMessageHandler) {
+      return noOptionsMessageHandler({
+        inputValue: inputValue,
+        isPublicLink: isPublicLink,
+        allowEmail: allowEmail
+      });
+    }
     return inputValue && inputValue.trim().length > 0 ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, getNoOptionsMessageDescriptor((0, _smartUserPicker.isValidEmail)(inputValue), isPublicLink, allowEmail), {
       values: {
         inputValue: inputValue
@@ -172,7 +179,8 @@ var UserPickerFieldComponent = exports.UserPickerFieldComponent = /*#__PURE__*/f
         isPublicLink = _this$props2.isPublicLink,
         orgId = _this$props2.orgId,
         isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled,
-        shareError = _this$props2.shareError;
+        shareError = _this$props2.shareError,
+        userPickerOptions = _this$props2.userPickerOptions;
       var smartUserPickerProps = enableSmartUserPicker && !isBrowseUsersDisabled ? {
         productKey: product,
         principalId: loggedInAccountId,
@@ -184,17 +192,21 @@ var UserPickerFieldComponent = exports.UserPickerFieldComponent = /*#__PURE__*/f
       } : {};
       var allowEmail = (0, _utils.allowEmails)(config);
       var requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
+      var _ref2 = userPickerOptions !== null && userPickerOptions !== void 0 ? userPickerOptions : {},
+        header = _ref2.header,
+        noOptionsMessageHandler = _ref2.noOptionsMessageHandler;
       var commonPickerProps = {
         fieldId: 'share',
         loadOptions: this.loadOptions,
         isMulti: true,
         width: '100%',
         allowEmail: allowEmail,
-        noOptionsMessage: getNoOptionsMessage(isPublicLink, allowEmail),
+        noOptionsMessage: getNoOptionsMessage(isPublicLink, allowEmail, noOptionsMessageHandler),
         isLoading: isLoading,
         onInputChange: onInputChange,
         maxPickerHeight: _styles.MAX_PICKER_HEIGHT,
-        textFieldBackgroundColor: true
+        textFieldBackgroundColor: true,
+        header: header
       };
       var UserPickerComponent = enableSmartUserPicker && !isBrowseUsersDisabled ? _smartUserPicker.default : _userPicker.default;
       var menuPortalTarget = (0, _utils.getMenuPortalTargetCurrentHTML)(selectPortalRef);
@@ -207,10 +219,10 @@ var UserPickerFieldComponent = exports.UserPickerFieldComponent = /*#__PURE__*/f
         defaultValue: defaultValue,
         transform: this.handleUserPickerTransform,
         isRequired: true
-      }, function (_ref2) {
-        var fieldProps = _ref2.fieldProps,
-          fieldValidationError = _ref2.error,
-          fieldValid = _ref2.meta.valid;
+      }, function (_ref3) {
+        var fieldProps = _ref3.fieldProps,
+          fieldValidationError = _ref3.error,
+          fieldValid = _ref3.meta.valid;
         var helperMessage = _this2.getHelperMessageOrDefault();
         var addMoreMessage = shareError !== null && shareError !== void 0 && shareError.errorCode ? null : intl.formatMessage(_i18n.messages.userPickerAddMoreMessage);
         var wasValidationOrShareError = !!fieldValidationError || !!shareError;

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

@@ -13,7 +13,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "4.12.3"
+    packageVersion: "4.14.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/cjs/types/UserPickerOptions.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -54,7 +54,8 @@ function LazyShareForm(props) {
     defaultValue,
     showTitle,
     orgId,
-    isBrowseUsersDisabled
+    isBrowseUsersDisabled,
+    userPickerOptions
   } = props;
   const footer = jsx("div", null, bottomMessage ? jsx("div", {
     css: {
@@ -111,7 +112,8 @@ function LazyShareForm(props) {
     onUserSelectionChange: onUserSelectionChange,
     handleCloseDialog: onDialogClose,
     onTabChange: onTabChange,
-    isBrowseUsersDisabled: isBrowseUsersDisabled
+    isBrowseUsersDisabled: isBrowseUsersDisabled,
+    userPickerOptions: userPickerOptions
   }) : jsx("p", null, jsx(FormattedMessage, messages.formNoPermissions))));
 }
 export default LazyShareForm;

package/dist/es2019/components/ShareDialogContainer.js

@@ -303,7 +303,8 @@ export class ShareDialogContainerInternal extends React.Component {
       tabIndex,
       copyTooltipText,
       onDialogClose,
-      isBrowseUsersDisabled
+      isBrowseUsersDisabled,
+      userPickerOptions
     } = this.props;
     const {
       config,
@@ -353,7 +354,8 @@ export class ShareDialogContainerInternal extends React.Component {
       tabIndex: tabIndex,
       copyTooltipText: copyTooltipText,
       onDialogClose: onDialogClose,
-      isBrowseUsersDisabled: isBrowseUsersDisabled
+      isBrowseUsersDisabled: isBrowseUsersDisabled,
+      userPickerOptions: userPickerOptions
     })));
   }
 }

package/dist/es2019/components/ShareDialogWithTrigger.js

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

package/dist/es2019/components/ShareForm.js

@@ -102,7 +102,8 @@ class InternalForm extends React.PureComponent {
         intl: {
           formatMessage
         },
-        shareError
+        shareError,
+        userPickerOptions
       } = this.props;
       return jsx(AnalyticsContext, {
         data: {
@@ -130,7 +131,8 @@ class InternalForm extends React.PureComponent {
         helperMessage: helperMessage,
         orgId: orgId,
         isBrowseUsersDisabled: isBrowseUsersDisabled,
-        shareError: shareError
+        shareError: shareError,
+        userPickerOptions: userPickerOptions
       })), jsx("div", {
         css: formFieldStyles
       }, jsx(CommentField, {

package/dist/es2019/components/UserPickerField.js

@@ -22,13 +22,22 @@ const getNoOptionsMessageDescriptor = (emailValidity, isPublicLink, allowEmail)
   }
   return messages.userPickerGenericNoOptionsMessage;
 };
-const getNoOptionsMessage = (isPublicLink, allowEmail) => ({
+const getNoOptionsMessage = (isPublicLink, allowEmail, noOptionsMessageHandler) => ({
   inputValue
-}) => inputValue && inputValue.trim().length > 0 ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, getNoOptionsMessageDescriptor(isValidEmail(inputValue), isPublicLink, allowEmail), {
-  values: {
-    inputValue
+}) => {
+  if (noOptionsMessageHandler) {
+    return noOptionsMessageHandler({
+      inputValue,
+      isPublicLink,
+      allowEmail
+    });
   }
-})) : null;
+  return inputValue && inputValue.trim().length > 0 ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, getNoOptionsMessageDescriptor(isValidEmail(inputValue), isPublicLink, allowEmail), {
+    values: {
+      inputValue
+    }
+  })) : null;
+};
 const getPlaceHolderMessageDescriptor = (product = 'confluence', allowEmail, isBrowseUsersDisabled) => {
   if (!allowEmail) {
     const placeholderMessage = {
@@ -136,7 +145,8 @@ export class UserPickerFieldComponent extends React.Component {
       isPublicLink,
       orgId,
       isBrowseUsersDisabled,
-      shareError
+      shareError,
+      userPickerOptions
     } = this.props;
     const smartUserPickerProps = enableSmartUserPicker && !isBrowseUsersDisabled ? {
       productKey: product,
@@ -149,17 +159,22 @@ export class UserPickerFieldComponent extends React.Component {
     } : {};
     const allowEmail = allowEmails(config);
     const requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
+    const {
+      header,
+      noOptionsMessageHandler
+    } = userPickerOptions !== null && userPickerOptions !== void 0 ? userPickerOptions : {};
     const commonPickerProps = {
       fieldId: 'share',
       loadOptions: this.loadOptions,
       isMulti: true,
       width: '100%',
       allowEmail,
-      noOptionsMessage: getNoOptionsMessage(isPublicLink, allowEmail),
+      noOptionsMessage: getNoOptionsMessage(isPublicLink, allowEmail, noOptionsMessageHandler),
       isLoading,
       onInputChange: onInputChange,
       maxPickerHeight: MAX_PICKER_HEIGHT,
-      textFieldBackgroundColor: true
+      textFieldBackgroundColor: true,
+      header
     };
     const UserPickerComponent = enableSmartUserPicker && !isBrowseUsersDisabled ? SmartUserPicker : UserPicker;
     const menuPortalTarget = getMenuPortalTargetCurrentHTML(selectPortalRef);

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

@@ -1,7 +1,7 @@
 import { isEmail, isTeam, isUser } from '@atlaskit/smart-user-picker';
 const buildAttributes = (attributes = {}) => ({
   packageName: "@atlaskit/share",
-  packageVersion: "4.12.3",
+  packageVersion: "4.14.0",
   ...attributes
 });
 const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({

package/dist/es2019/types/UserPickerOptions.js

@@ -0,0 +1 @@
+export {};

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

@@ -50,7 +50,8 @@ function LazyShareForm(props) {
     defaultValue = props.defaultValue,
     showTitle = props.showTitle,
     orgId = props.orgId,
-    isBrowseUsersDisabled = props.isBrowseUsersDisabled;
+    isBrowseUsersDisabled = props.isBrowseUsersDisabled,
+    userPickerOptions = props.userPickerOptions;
   var footer = jsx("div", null, bottomMessage ? jsx("div", {
     css: {
       width: "".concat(gridSize() * 44, "px")
@@ -106,7 +107,8 @@ function LazyShareForm(props) {
     onUserSelectionChange: onUserSelectionChange,
     handleCloseDialog: onDialogClose,
     onTabChange: onTabChange,
-    isBrowseUsersDisabled: isBrowseUsersDisabled
+    isBrowseUsersDisabled: isBrowseUsersDisabled,
+    userPickerOptions: userPickerOptions
   }) : jsx("p", null, jsx(FormattedMessage, messages.formNoPermissions))));
 }
 export default LazyShareForm;

package/dist/esm/components/ShareDialogContainer.js

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

package/dist/esm/components/ShareDialogWithTrigger.js

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

package/dist/esm/components/ShareForm.js

@@ -88,7 +88,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         orgId = _this$props.orgId,
         isBrowseUsersDisabled = _this$props.isBrowseUsersDisabled,
         formatMessage = _this$props.intl.formatMessage,
-        shareError = _this$props.shareError;
+        shareError = _this$props.shareError,
+        userPickerOptions = _this$props.userPickerOptions;
       return jsx(AnalyticsContext, {
         data: {
           source: ANALYTICS_SOURCE
@@ -115,7 +116,8 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         helperMessage: helperMessage,
         orgId: orgId,
         isBrowseUsersDisabled: isBrowseUsersDisabled,
-        shareError: shareError
+        shareError: shareError,
+        userPickerOptions: userPickerOptions
       })), jsx("div", {
         css: formFieldStyles
       }, jsx(CommentField, {

package/dist/esm/components/UserPickerField.js

@@ -30,9 +30,16 @@ var getNoOptionsMessageDescriptor = function getNoOptionsMessageDescriptor(email
   }
   return messages.userPickerGenericNoOptionsMessage;
 };
-var getNoOptionsMessage = function getNoOptionsMessage(isPublicLink, allowEmail) {
+var getNoOptionsMessage = function getNoOptionsMessage(isPublicLink, allowEmail, noOptionsMessageHandler) {
   return function (_ref) {
     var inputValue = _ref.inputValue;
+    if (noOptionsMessageHandler) {
+      return noOptionsMessageHandler({
+        inputValue: inputValue,
+        isPublicLink: isPublicLink,
+        allowEmail: allowEmail
+      });
+    }
     return inputValue && inputValue.trim().length > 0 ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, getNoOptionsMessageDescriptor(isValidEmail(inputValue), isPublicLink, allowEmail), {
       values: {
         inputValue: inputValue
@@ -162,7 +169,8 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
         isPublicLink = _this$props2.isPublicLink,
         orgId = _this$props2.orgId,
         isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled,
-        shareError = _this$props2.shareError;
+        shareError = _this$props2.shareError,
+        userPickerOptions = _this$props2.userPickerOptions;
       var smartUserPickerProps = enableSmartUserPicker && !isBrowseUsersDisabled ? {
         productKey: product,
         principalId: loggedInAccountId,
@@ -174,17 +182,21 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
       } : {};
       var allowEmail = allowEmails(config);
       var requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
+      var _ref2 = userPickerOptions !== null && userPickerOptions !== void 0 ? userPickerOptions : {},
+        header = _ref2.header,
+        noOptionsMessageHandler = _ref2.noOptionsMessageHandler;
       var commonPickerProps = {
         fieldId: 'share',
         loadOptions: this.loadOptions,
         isMulti: true,
         width: '100%',
         allowEmail: allowEmail,
-        noOptionsMessage: getNoOptionsMessage(isPublicLink, allowEmail),
+        noOptionsMessage: getNoOptionsMessage(isPublicLink, allowEmail, noOptionsMessageHandler),
         isLoading: isLoading,
         onInputChange: onInputChange,
         maxPickerHeight: MAX_PICKER_HEIGHT,
-        textFieldBackgroundColor: true
+        textFieldBackgroundColor: true,
+        header: header
       };
       var UserPickerComponent = enableSmartUserPicker && !isBrowseUsersDisabled ? SmartUserPicker : UserPicker;
       var menuPortalTarget = getMenuPortalTargetCurrentHTML(selectPortalRef);
@@ -197,10 +209,10 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
         defaultValue: defaultValue,
         transform: this.handleUserPickerTransform,
         isRequired: true
-      }, function (_ref2) {
-        var fieldProps = _ref2.fieldProps,
-          fieldValidationError = _ref2.error,
-          fieldValid = _ref2.meta.valid;
+      }, function (_ref3) {
+        var fieldProps = _ref3.fieldProps,
+          fieldValidationError = _ref3.error,
+          fieldValid = _ref3.meta.valid;
         var helperMessage = _this2.getHelperMessageOrDefault();
         var addMoreMessage = shareError !== null && shareError !== void 0 && shareError.errorCode ? null : intl.formatMessage(messages.userPickerAddMoreMessage);
         var wasValidationOrShareError = !!fieldValidationError || !!shareError;

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

@@ -6,7 +6,7 @@ var buildAttributes = function buildAttributes() {
   var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return _objectSpread({
     packageName: "@atlaskit/share",
-    packageVersion: "4.12.3"
+    packageVersion: "4.14.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

package/dist/esm/types/UserPickerOptions.js

@@ -0,0 +1 @@
+export {};

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 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'> & {
+export 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' | 'userPickerOptions'> & 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

@@ -50,7 +50,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" | "shareContentSubType" | "shareContentId" | "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" | "workspaceAri"> & 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" | "shareContentSubType" | "shareContentId" | "shareFormTitle" | "shareFormHelperMessage" | "showFlags" | "loggedInAccountId" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "cloudId" | "bottomMessage" | "customFooter" | "isCopyDisabled" | "isPublicLink" | "integrationMode" | "shareFieldsFooter" | "shareIntegrations" | "shareAri" | "tabIndex" | "copyTooltipText" | "dialogZIndex" | "orgId" | "isBrowseUsersDisabled" | "userPickerOptions" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "useUrlShortener" | "workspaceAri"> & 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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
 import { LoadOptions, OptionData, Value } from '@atlaskit/smart-user-picker';
-import { ConfigResponse, ProductName, ShareError } from '../types';
+import { ConfigResponse, ProductName, ShareError, UserPickerOptions } from '../types';
 export declare const REQUIRED = "REQUIRED";
 export type Props = {
     loadOptions?: LoadOptions;
@@ -20,6 +20,7 @@ export type Props = {
     orgId?: string;
     isBrowseUsersDisabled?: boolean;
     shareError?: ShareError;
+    userPickerOptions?: UserPickerOptions;
 };
 export declare class UserPickerFieldComponent extends React.Component<WrappedComponentProps & Props> {
     private loadOptions;

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

@@ -10,6 +10,7 @@ import type { ProductId, ProductName } from './Products';
 import type { ShareButtonStyle, TooltipPosition } from './ShareButton';
 import type { DialogPlacement, RenderCustomTriggerButton } from './ShareDialogWithTrigger';
 import type { Integration, IntegrationMode } from './ShareEntities';
+import type { UserPickerOptions } from './UserPickerOptions';
 export type ShareDialogContainerProps = {
     onTriggerButtonClick?: () => void;
     onDialogOpen?: () => void;
@@ -137,6 +138,7 @@ export type ShareDialogContainerProps = {
      * Footer for the share dialog.
      */
     customFooter?: React.ReactNode;
+    userPickerOptions?: UserPickerOptions;
     onUserSelectionChange?: (value: Value) => void;
     shareFieldsFooter?: React.ReactNode;
     isCopyDisabled?: boolean;

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

@@ -19,7 +19,7 @@ export type DialogPlacement = Placement;
  * with the demo page and clearly visible options on that page.
  */
 export type DialogBoundariesElement = 'viewport' | 'window' | 'scrollParent';
-export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | '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'> & {
+export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | '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' | 'userPickerOptions'> & {
     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 type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' | 'shareIntegrations' | 'copyTooltipText' | 'isPublicLink' | 'onUserSelectionChange' | 'cloudId' | 'loggedInAccountId' | 'enableSmartUserPicker' | 'orgId' | 'isBrowseUsersDisabled'> & {
+export type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' | 'shareIntegrations' | 'copyTooltipText' | 'isPublicLink' | 'onUserSelectionChange' | 'cloudId' | 'loggedInAccountId' | 'enableSmartUserPicker' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     copyLink: string;

package/dist/types/types/UserPickerOptions.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export type UserPickerOptions = {
+    header?: React.ReactNode;
+    /** Message to be shown when the menu is open but no options are provided.
+     * If message is null, no message will be displayed.
+     * If message is undefined, default message will be displayed.
+     */
+    noOptionsMessageHandler?: ((value: {
+        inputValue: string;
+        isPublicLink?: boolean;
+        allowEmail?: boolean;
+    }) => string | null | React.ReactNode) | null;
+};

package/dist/types/types/index.d.ts

@@ -15,3 +15,4 @@ export type KeysOfType<T, TProp> = {
 }[keyof T];
 export type { ShareDialogContainerProps } from './ShareDialogContainer';
 export type { ShareFormProps } from './ShareForm';
+export type { UserPickerOptions } from './UserPickerOptions';

package/dist/types-ts4.5/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 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'> & {
+export 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' | 'userPickerOptions'> & Pick<ShareDialogWithTriggerStates, 'showIntegrationForm' | 'selectedIntegration' | 'isSharing' | 'shareError' | 'defaultValue'> & Pick<IntegrationFormProps, 'Content'> & {
     onLinkCopy: () => void;
     onDismiss: (data: ShareData) => void;
     onSubmit: (data: ShareData) => void;

package/dist/types-ts4.5/components/ShareDialogContainer.d.ts

@@ -50,7 +50,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" | "shareContentSubType" | "shareContentId" | "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" | "workspaceAri"> & 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" | "shareContentSubType" | "shareContentId" | "shareFormTitle" | "shareFormHelperMessage" | "showFlags" | "loggedInAccountId" | "triggerButtonAppearance" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "cloudId" | "bottomMessage" | "customFooter" | "isCopyDisabled" | "isPublicLink" | "integrationMode" | "shareFieldsFooter" | "shareIntegrations" | "shareAri" | "tabIndex" | "copyTooltipText" | "dialogZIndex" | "orgId" | "isBrowseUsersDisabled" | "userPickerOptions" | "shareClient" | "urlShortenerClient" | "shortLinkData" | "formatCopyLink" | "originTracingFactory" | "productId" | "shareLink" | "shareTitle" | "useUrlShortener" | "workspaceAri"> & Partial<Pick<Omit<WithAnalyticsEventsProps & ShareDialogContainerProps, keyof WithAnalyticsEventsProps>, "enableSmartUserPicker" | "product" | "shareeAction">> & Partial<Pick<{
     enableSmartUserPicker: boolean;
     shareeAction: "view" | "edit";
     product: string;

package/dist/types-ts4.5/components/UserPickerField.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { WrappedComponentProps } from 'react-intl-next';
 import { LoadOptions, OptionData, Value } from '@atlaskit/smart-user-picker';
-import { ConfigResponse, ProductName, ShareError } from '../types';
+import { ConfigResponse, ProductName, ShareError, UserPickerOptions } from '../types';
 export declare const REQUIRED = "REQUIRED";
 export type Props = {
     loadOptions?: LoadOptions;
@@ -20,6 +20,7 @@ export type Props = {
     orgId?: string;
     isBrowseUsersDisabled?: boolean;
     shareError?: ShareError;
+    userPickerOptions?: UserPickerOptions;
 };
 export declare class UserPickerFieldComponent extends React.Component<WrappedComponentProps & Props> {
     private loadOptions;

package/dist/types-ts4.5/types/ShareDialogContainer.d.ts

@@ -10,6 +10,7 @@ import type { ProductId, ProductName } from './Products';
 import type { ShareButtonStyle, TooltipPosition } from './ShareButton';
 import type { DialogPlacement, RenderCustomTriggerButton } from './ShareDialogWithTrigger';
 import type { Integration, IntegrationMode } from './ShareEntities';
+import type { UserPickerOptions } from './UserPickerOptions';
 export type ShareDialogContainerProps = {
     onTriggerButtonClick?: () => void;
     onDialogOpen?: () => void;
@@ -137,6 +138,7 @@ export type ShareDialogContainerProps = {
      * Footer for the share dialog.
      */
     customFooter?: React.ReactNode;
+    userPickerOptions?: UserPickerOptions;
     onUserSelectionChange?: (value: Value) => void;
     shareFieldsFooter?: React.ReactNode;
     isCopyDisabled?: boolean;

package/dist/types-ts4.5/types/ShareDialogWithTrigger.d.ts

@@ -19,7 +19,7 @@ export type DialogPlacement = Placement;
  * with the demo page and clearly visible options on that page.
  */
 export type DialogBoundariesElement = 'viewport' | 'window' | 'scrollParent';
-export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | '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'> & {
+export type ShareDialogWithTriggerProps = Pick<ShareDialogContainerProps, 'onTriggerButtonClick' | 'isAutoOpenDialog' | 'shouldCloseOnEscapePress' | 'dialogPlacement' | 'loadUserOptions' | 'onDialogOpen' | 'onDialogClose' | 'onUserSelectionChange' | 'renderCustomTriggerButton' | 'shareContentType' | 'shareContentSubType' | 'shareContentId' | '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' | 'userPickerOptions'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     children?: RenderCustomTriggerButton;

package/dist/types-ts4.5/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 type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' | 'shareIntegrations' | 'copyTooltipText' | 'isPublicLink' | 'onUserSelectionChange' | 'cloudId' | 'loggedInAccountId' | 'enableSmartUserPicker' | 'orgId' | 'isBrowseUsersDisabled'> & {
+export type ShareFormProps = Pick<ShareDialogContainerProps, 'integrationMode' | 'shareIntegrations' | 'copyTooltipText' | 'isPublicLink' | 'onUserSelectionChange' | 'cloudId' | 'loggedInAccountId' | 'enableSmartUserPicker' | 'orgId' | 'isBrowseUsersDisabled' | 'userPickerOptions'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     copyLink: string;

package/dist/types-ts4.5/types/UserPickerOptions.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export type UserPickerOptions = {
+    header?: React.ReactNode;
+    /** Message to be shown when the menu is open but no options are provided.
+     * If message is null, no message will be displayed.
+     * If message is undefined, default message will be displayed.
+     */
+    noOptionsMessageHandler?: ((value: {
+        inputValue: string;
+        isPublicLink?: boolean;
+        allowEmail?: boolean;
+    }) => string | null | React.ReactNode) | null;
+};

package/dist/types-ts4.5/types/index.d.ts

@@ -15,3 +15,4 @@ export type KeysOfType<T, TProp> = {
 }[keyof T];
 export type { ShareDialogContainerProps } from './ShareDialogContainer';
 export type { ShareFormProps } from './ShareForm';
+export type { UserPickerOptions } from './UserPickerOptions';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "4.12.3",
+  "version": "4.14.0",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -42,8 +42,8 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.2.0",
-    "@atlaskit/button": "^17.3.0",
-    "@atlaskit/dropdown-menu": "^12.4.0",
+    "@atlaskit/button": "^17.4.0",
+    "@atlaskit/dropdown-menu": "^12.5.0",
     "@atlaskit/form": "^9.0.3",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/popper": "^5.5.4",
@@ -54,7 +54,7 @@
     "@atlaskit/tabs": "^14.0.0",
     "@atlaskit/textarea": "^5.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.35.0",
+    "@atlaskit/tokens": "^1.37.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/user-picker": "^10.16.0",
@@ -72,7 +72,7 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/editor-test-helpers": "^18.17.0",
+    "@atlaskit/editor-test-helpers": "^18.18.0",
     "@atlaskit/flag": "^15.2.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/react": "^12.1.5",