@atlaskit/share 4.12.2 → 4.13.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/share
 
+## 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
+
+- [#71144](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/71144) [`d8feaa592375`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d8feaa592375) - This package has been added to the Jira push model.
+
 ## 4.12.2
 
 ### Patch Changes

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

@@ -59,7 +59,9 @@ function LazyShareForm(props) {
     defaultValue = props.defaultValue,
     showTitle = props.showTitle,
     orgId = props.orgId,
-    isBrowseUsersDisabled = props.isBrowseUsersDisabled;
+    isBrowseUsersDisabled = props.isBrowseUsersDisabled,
+    userPickerCustomHeader = props.userPickerCustomHeader,
+    noOptionsMessage = props.noOptionsMessage;
   var footer = (0, _react2.jsx)("div", null, bottomMessage ? (0, _react2.jsx)("div", {
     css: {
       width: "".concat((0, _constants.gridSize)() * 44, "px")
@@ -115,7 +117,9 @@ function LazyShareForm(props) {
     onUserSelectionChange: onUserSelectionChange,
     handleCloseDialog: onDialogClose,
     onTabChange: onTabChange,
-    isBrowseUsersDisabled: isBrowseUsersDisabled
+    isBrowseUsersDisabled: isBrowseUsersDisabled,
+    userPickerCustomHeader: userPickerCustomHeader,
+    noOptionsMessage: noOptionsMessage
   }) : (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,9 @@ 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,
+        userPickerCustomHeader = _this$props2.userPickerCustomHeader,
+        noOptionsMessage = _this$props2.noOptionsMessage;
       var _this$state = this.state,
         config = _this$state.config,
         isFetchingConfig = _this$state.isFetchingConfig;
@@ -405,7 +407,9 @@ var ShareDialogContainerInternal = exports.ShareDialogContainerInternal = /*#__P
         tabIndex: tabIndex,
         copyTooltipText: copyTooltipText,
         onDialogClose: onDialogClose,
-        isBrowseUsersDisabled: isBrowseUsersDisabled
+        isBrowseUsersDisabled: isBrowseUsersDisabled,
+        userPickerCustomHeader: userPickerCustomHeader,
+        noOptionsMessage: noOptionsMessage
       })));
     }
   }]);

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -514,7 +514,9 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
         copyTooltipText = _this$props7.copyTooltipText,
         integrationMode = _this$props7.integrationMode,
         shareIntegrations = _this$props7.shareIntegrations,
-        isBrowseUsersDisabled = _this$props7.isBrowseUsersDisabled;
+        isBrowseUsersDisabled = _this$props7.isBrowseUsersDisabled,
+        userPickerCustomHeader = _this$props7.userPickerCustomHeader,
+        noOptionsMessage = _this$props7.noOptionsMessage;
       var style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
         outline: 'none'
       } : undefined;
@@ -541,6 +543,8 @@ var ShareDialogWithTriggerInternal = exports.ShareDialogWithTriggerInternal = /*
             isSharing: isSharing,
             shareFormTitle: shareFormTitle,
             showTitle: integrationMode !== 'tabs' || !shareIntegrations || !shareIntegrations.length,
+            noOptionsMessage: noOptionsMessage,
+            userPickerCustomHeader: userPickerCustomHeader,
             shareFormHelperMessage: shareFormHelperMessage,
             shareError: shareError,
             defaultValue: defaultValue,

package/dist/cjs/components/ShareForm.js

@@ -98,7 +98,9 @@ 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,
+        userPickerCustomHeader = _this$props.userPickerCustomHeader,
+        noOptionsMessage = _this$props.noOptionsMessage;
       return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
         data: {
           source: _analytics.ANALYTICS_SOURCE
@@ -125,7 +127,9 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         helperMessage: helperMessage,
         orgId: orgId,
         isBrowseUsersDisabled: isBrowseUsersDisabled,
-        shareError: shareError
+        shareError: shareError,
+        header: userPickerCustomHeader,
+        noOptionsMessage: noOptionsMessage
       })), (0, _react2.jsx)("div", {
         css: formFieldStyles
       }, (0, _react2.jsx)(_CommentField.CommentField, {

package/dist/cjs/components/UserPickerField.js

@@ -172,7 +172,9 @@ 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,
+        header = _this$props2.header,
+        noOptionsMessage = _this$props2.noOptionsMessage;
       var smartUserPickerProps = enableSmartUserPicker && !isBrowseUsersDisabled ? {
         productKey: product,
         principalId: loggedInAccountId,
@@ -184,17 +186,21 @@ var UserPickerFieldComponent = exports.UserPickerFieldComponent = /*#__PURE__*/f
       } : {};
       var allowEmail = (0, _utils.allowEmails)(config);
       var requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
+      var noOptionsMessageProp = noOptionsMessage ? typeof noOptionsMessage === 'function' ? noOptionsMessage : function () {
+        return noOptionsMessage;
+      } : null;
       var commonPickerProps = {
         fieldId: 'share',
         loadOptions: this.loadOptions,
         isMulti: true,
         width: '100%',
         allowEmail: allowEmail,
-        noOptionsMessage: getNoOptionsMessage(isPublicLink, allowEmail),
+        noOptionsMessage: noOptionsMessageProp ? noOptionsMessageProp(isPublicLink, allowEmail) : getNoOptionsMessage(isPublicLink, allowEmail),
         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);

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.2"
+    packageVersion: "4.13.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

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

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

package/dist/es2019/components/ShareDialogContainer.js

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

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -459,7 +459,9 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       copyTooltipText,
       integrationMode,
       shareIntegrations,
-      isBrowseUsersDisabled
+      isBrowseUsersDisabled,
+      userPickerCustomHeader,
+      noOptionsMessage
     } = this.props;
     const style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
       outline: 'none'
@@ -486,6 +488,8 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         isSharing: isSharing,
         shareFormTitle: shareFormTitle,
         showTitle: integrationMode !== 'tabs' || !shareIntegrations || !shareIntegrations.length,
+        noOptionsMessage: noOptionsMessage,
+        userPickerCustomHeader: userPickerCustomHeader,
         shareFormHelperMessage: shareFormHelperMessage,
         shareError: shareError,
         defaultValue: defaultValue,

package/dist/es2019/components/ShareForm.js

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

package/dist/es2019/components/UserPickerField.js

@@ -136,7 +136,9 @@ export class UserPickerFieldComponent extends React.Component {
       isPublicLink,
       orgId,
       isBrowseUsersDisabled,
-      shareError
+      shareError,
+      header,
+      noOptionsMessage
     } = this.props;
     const smartUserPickerProps = enableSmartUserPicker && !isBrowseUsersDisabled ? {
       productKey: product,
@@ -149,17 +151,19 @@ export class UserPickerFieldComponent extends React.Component {
     } : {};
     const allowEmail = allowEmails(config);
     const requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
+    const noOptionsMessageProp = noOptionsMessage ? typeof noOptionsMessage === 'function' ? noOptionsMessage : () => noOptionsMessage : null;
     const commonPickerProps = {
       fieldId: 'share',
       loadOptions: this.loadOptions,
       isMulti: true,
       width: '100%',
       allowEmail,
-      noOptionsMessage: getNoOptionsMessage(isPublicLink, allowEmail),
+      noOptionsMessage: noOptionsMessageProp ? noOptionsMessageProp(isPublicLink, allowEmail) : getNoOptionsMessage(isPublicLink, allowEmail),
       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.2",
+  packageVersion: "4.13.0",
   ...attributes
 });
 const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({

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

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

package/dist/esm/components/ShareDialogContainer.js

@@ -350,7 +350,9 @@ 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,
+        userPickerCustomHeader = _this$props2.userPickerCustomHeader,
+        noOptionsMessage = _this$props2.noOptionsMessage;
       var _this$state = this.state,
         config = _this$state.config,
         isFetchingConfig = _this$state.isFetchingConfig;
@@ -398,7 +400,9 @@ export var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Componen
         tabIndex: tabIndex,
         copyTooltipText: copyTooltipText,
         onDialogClose: onDialogClose,
-        isBrowseUsersDisabled: isBrowseUsersDisabled
+        isBrowseUsersDisabled: isBrowseUsersDisabled,
+        userPickerCustomHeader: userPickerCustomHeader,
+        noOptionsMessage: noOptionsMessage
       })));
     }
   }]);

package/dist/esm/components/ShareDialogWithTrigger.js

@@ -510,7 +510,9 @@ 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,
+        userPickerCustomHeader = _this$props7.userPickerCustomHeader,
+        noOptionsMessage = _this$props7.noOptionsMessage;
       var style = typeof tabIndex !== 'undefined' && tabIndex >= 0 ? {
         outline: 'none'
       } : undefined;
@@ -537,6 +539,8 @@ export var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureCo
             isSharing: isSharing,
             shareFormTitle: shareFormTitle,
             showTitle: integrationMode !== 'tabs' || !shareIntegrations || !shareIntegrations.length,
+            noOptionsMessage: noOptionsMessage,
+            userPickerCustomHeader: userPickerCustomHeader,
             shareFormHelperMessage: shareFormHelperMessage,
             shareError: shareError,
             defaultValue: defaultValue,

package/dist/esm/components/ShareForm.js

@@ -88,7 +88,9 @@ 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,
+        userPickerCustomHeader = _this$props.userPickerCustomHeader,
+        noOptionsMessage = _this$props.noOptionsMessage;
       return jsx(AnalyticsContext, {
         data: {
           source: ANALYTICS_SOURCE
@@ -115,7 +117,9 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         helperMessage: helperMessage,
         orgId: orgId,
         isBrowseUsersDisabled: isBrowseUsersDisabled,
-        shareError: shareError
+        shareError: shareError,
+        header: userPickerCustomHeader,
+        noOptionsMessage: noOptionsMessage
       })), jsx("div", {
         css: formFieldStyles
       }, jsx(CommentField, {

package/dist/esm/components/UserPickerField.js

@@ -162,7 +162,9 @@ 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,
+        header = _this$props2.header,
+        noOptionsMessage = _this$props2.noOptionsMessage;
       var smartUserPickerProps = enableSmartUserPicker && !isBrowseUsersDisabled ? {
         productKey: product,
         principalId: loggedInAccountId,
@@ -174,17 +176,21 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
       } : {};
       var allowEmail = allowEmails(config);
       var requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
+      var noOptionsMessageProp = noOptionsMessage ? typeof noOptionsMessage === 'function' ? noOptionsMessage : function () {
+        return noOptionsMessage;
+      } : null;
       var commonPickerProps = {
         fieldId: 'share',
         loadOptions: this.loadOptions,
         isMulti: true,
         width: '100%',
         allowEmail: allowEmail,
-        noOptionsMessage: getNoOptionsMessage(isPublicLink, allowEmail),
+        noOptionsMessage: noOptionsMessageProp ? noOptionsMessageProp(isPublicLink, allowEmail) : getNoOptionsMessage(isPublicLink, allowEmail),
         isLoading: isLoading,
         onInputChange: onInputChange,
         maxPickerHeight: MAX_PICKER_HEIGHT,
-        textFieldBackgroundColor: true
+        textFieldBackgroundColor: true,
+        header: header
       };
       var UserPickerComponent = enableSmartUserPicker && !isBrowseUsersDisabled ? SmartUserPicker : UserPicker;
       var menuPortalTarget = getMenuPortalTargetCurrentHTML(selectPortalRef);

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.2"
+    packageVersion: "4.13.0"
   }, attributes);
 };
 var createEvent = function createEvent(eventType, source, action, actionSubject, actionSubjectId) {

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' | 'userPickerCustomHeader' | 'noOptionsMessage'> & 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" | "userPickerCustomHeader" | "noOptionsMessage" | "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

@@ -5,6 +5,9 @@ import { ConfigResponse, ProductName, ShareError } from '../types';
 export declare const REQUIRED = "REQUIRED";
 export type Props = {
     loadOptions?: LoadOptions;
+    noOptionsMessage?: ((isPublicLink?: boolean, allowEmail?: boolean) => (value: {
+        inputValue: string;
+    }) => string | null | React.ReactNode) | null | React.ReactNode;
     defaultValue?: OptionData[];
     config?: ConfigResponse;
     isLoading?: boolean;
@@ -20,6 +23,7 @@ export type Props = {
     orgId?: string;
     isBrowseUsersDisabled?: boolean;
     shareError?: ShareError;
+    header?: React.ReactNode;
 };
 export declare class UserPickerFieldComponent extends React.Component<WrappedComponentProps & Props> {
     private loadOptions;

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

@@ -137,6 +137,14 @@ export type ShareDialogContainerProps = {
      * Footer for the share dialog.
      */
     customFooter?: React.ReactNode;
+    userPickerCustomHeader?: 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.
+     */
+    noOptionsMessage?: ((isPublicLink?: boolean, allowEmail?: boolean) => (value: {
+        inputValue: string;
+    }) => string | null | React.ReactNode) | null | React.ReactNode;
     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' | 'userPickerCustomHeader' | 'noOptionsMessage'> & {
     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' | 'userPickerCustomHeader' | 'noOptionsMessage'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     copyLink: string;

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' | 'userPickerCustomHeader' | 'noOptionsMessage'> & 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" | "userPickerCustomHeader" | "noOptionsMessage" | "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

@@ -5,6 +5,9 @@ import { ConfigResponse, ProductName, ShareError } from '../types';
 export declare const REQUIRED = "REQUIRED";
 export type Props = {
     loadOptions?: LoadOptions;
+    noOptionsMessage?: ((isPublicLink?: boolean, allowEmail?: boolean) => (value: {
+        inputValue: string;
+    }) => string | null | React.ReactNode) | null | React.ReactNode;
     defaultValue?: OptionData[];
     config?: ConfigResponse;
     isLoading?: boolean;
@@ -20,6 +23,7 @@ export type Props = {
     orgId?: string;
     isBrowseUsersDisabled?: boolean;
     shareError?: ShareError;
+    header?: React.ReactNode;
 };
 export declare class UserPickerFieldComponent extends React.Component<WrappedComponentProps & Props> {
     private loadOptions;

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

@@ -137,6 +137,14 @@ export type ShareDialogContainerProps = {
      * Footer for the share dialog.
      */
     customFooter?: React.ReactNode;
+    userPickerCustomHeader?: 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.
+     */
+    noOptionsMessage?: ((isPublicLink?: boolean, allowEmail?: boolean) => (value: {
+        inputValue: string;
+    }) => string | null | React.ReactNode) | null | React.ReactNode;
     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' | 'userPickerCustomHeader' | 'noOptionsMessage'> & {
     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' | 'userPickerCustomHeader' | 'noOptionsMessage'> & {
     config?: ConfigResponse;
     isFetchingConfig?: boolean;
     copyLink: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "4.12.2",
+  "version": "4.13.0",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,6 +24,9 @@
   "atlassian": {
     "team": "People and Teams Collective",
     "releaseModel": "continuous",
+    "productPushConsumption": [
+      "jira"
+    ],
     "website": {
       "name": "Share"
     }
@@ -38,23 +41,23 @@
     "access": "private"
   },
   "dependencies": {
-    "@atlaskit/analytics-next": "^9.1.0",
+    "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/button": "^17.3.0",
-    "@atlaskit/dropdown-menu": "^12.3.0",
+    "@atlaskit/dropdown-menu": "^12.5.0",
     "@atlaskit/form": "^9.0.3",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/popper": "^5.5.4",
-    "@atlaskit/popup": "^1.11.0",
+    "@atlaskit/popup": "^1.12.0",
     "@atlaskit/portal": "^4.4.0",
-    "@atlaskit/smart-user-picker": "^6.6.0",
+    "@atlaskit/smart-user-picker": "^6.7.0",
     "@atlaskit/spinner": "^16.0.0",
     "@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.15.0",
+    "@atlaskit/user-picker": "^10.16.0",
     "@atlaskit/util-service-support": "^6.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -69,7 +72,7 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/editor-test-helpers": "^18.15.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",