@atlaskit/share 4.15.0 → 4.16.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/share
 
+## 4.16.0
+
+### Minor Changes
+
+- [#75188](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/75188) [`4887bdaf0d92`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4887bdaf0d92) - [ux] Introducing includeNonLicensedUsers to the Share component. Enabling this feature would include Non-licensed user in the Smart User Picker search result. Non-licensed users are users who don't have a license to the product specified in the product prop.
+
 ## 4.15.0
 
 ### Minor Changes

package/dist/cjs/components/UserPickerField.js

@@ -24,6 +24,8 @@ var _styles = require("./styles");
 var _utils = require("./utils");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var REQUIRED = exports.REQUIRED = 'REQUIRED';
@@ -159,29 +161,20 @@ var UserPickerFieldComponent = exports.UserPickerFieldComponent = /*#__PURE__*/f
       }
       return event;
     });
-    return _this;
-  }
-  (0, _createClass2.default)(UserPickerFieldComponent, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props2 = this.props,
-        defaultValue = _this$props2.defaultValue,
-        enableSmartUserPicker = _this$props2.enableSmartUserPicker,
-        config = _this$props2.config,
-        intl = _this$props2.intl,
-        isLoading = _this$props2.isLoading,
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getSmartUserPickerProps", function () {
+      var _this$props2 = _this.props,
         product = _this$props2.product,
-        onInputChange = _this$props2.onInputChange,
+        intl = _this$props2.intl,
         loggedInAccountId = _this$props2.loggedInAccountId,
         cloudId = _this$props2.cloudId,
-        selectPortalRef = _this$props2.selectPortalRef,
-        isPublicLink = _this$props2.isPublicLink,
         orgId = _this$props2.orgId,
+        enableSmartUserPicker = _this$props2.enableSmartUserPicker,
         isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled,
-        shareError = _this$props2.shareError,
         userPickerOptions = _this$props2.userPickerOptions;
-      var smartUserPickerProps = enableSmartUserPicker && !isBrowseUsersDisabled ? {
+      if (!enableSmartUserPicker || isBrowseUsersDisabled) {
+        return {};
+      }
+      var baseProps = {
         productKey: product,
         principalId: loggedInAccountId,
         siteId: cloudId || '',
@@ -189,7 +182,43 @@ var UserPickerFieldComponent = exports.UserPickerFieldComponent = /*#__PURE__*/f
         includeGroups: true,
         debounceTime: DEBOUNCE_MS,
         orgId: orgId
-      } : {};
+      };
+      var externalUserBylineByProduct = {
+        confluence: intl.formatMessage(_i18n.messages.inviteToConfluence),
+        jira: intl.formatMessage(_i18n.messages.inviteToJira)
+      };
+      if (userPickerOptions !== null && userPickerOptions !== void 0 && userPickerOptions.includeNonLicensedUsers) {
+        var externalUserByline = externalUserBylineByProduct[product] || '';
+        var overrideByline = product === 'confluence' || product === 'jira' ? function (item) {
+          return item.isExternal ? externalUserByline : '';
+        } : undefined;
+        return _objectSpread(_objectSpread({}, baseProps), {}, {
+          includeNonLicensedUsers: true,
+          overrideByline: overrideByline
+        });
+      }
+      return baseProps;
+    });
+    return _this;
+  }
+  (0, _createClass2.default)(UserPickerFieldComponent, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props3 = this.props,
+        defaultValue = _this$props3.defaultValue,
+        enableSmartUserPicker = _this$props3.enableSmartUserPicker,
+        config = _this$props3.config,
+        intl = _this$props3.intl,
+        isLoading = _this$props3.isLoading,
+        product = _this$props3.product,
+        onInputChange = _this$props3.onInputChange,
+        selectPortalRef = _this$props3.selectPortalRef,
+        isPublicLink = _this$props3.isPublicLink,
+        isBrowseUsersDisabled = _this$props3.isBrowseUsersDisabled,
+        shareError = _this$props3.shareError,
+        userPickerOptions = _this$props3.userPickerOptions;
+      var smartUserPickerProps = this.getSmartUserPickerProps();
       var allowEmail = (0, _utils.allowEmails)(config);
       var requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
       var _ref2 = userPickerOptions !== null && userPickerOptions !== void 0 ? userPickerOptions : {},

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

package/dist/cjs/i18n.js

@@ -233,5 +233,15 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.elements.share.main.tab.text.confluence',
     defaultMessage: 'Share page',
     description: 'Text for the main share tab for confluence'
+  },
+  inviteToConfluence: {
+    id: 'fabric.elements.share.invite.to.confluence',
+    defaultMessage: 'Invite to Confluence',
+    description: 'Text for the byline of the non-licensed users'
+  },
+  inviteToJira: {
+    id: 'fabric.elements.share.invite.to.jira',
+    defaultMessage: 'Invite to Jira',
+    description: 'Text for the byline of the non-licensed users'
   }
 });

package/dist/es2019/components/UserPickerField.js

@@ -129,6 +129,44 @@ export class UserPickerFieldComponent extends React.Component {
       }
       return event;
     });
+    _defineProperty(this, "getSmartUserPickerProps", () => {
+      const {
+        product,
+        intl,
+        loggedInAccountId,
+        cloudId,
+        orgId,
+        enableSmartUserPicker,
+        isBrowseUsersDisabled,
+        userPickerOptions
+      } = this.props;
+      if (!enableSmartUserPicker || isBrowseUsersDisabled) {
+        return {};
+      }
+      const baseProps = {
+        productKey: product,
+        principalId: loggedInAccountId,
+        siteId: cloudId || '',
+        includeTeams: true,
+        includeGroups: true,
+        debounceTime: DEBOUNCE_MS,
+        orgId
+      };
+      const externalUserBylineByProduct = {
+        confluence: intl.formatMessage(messages.inviteToConfluence),
+        jira: intl.formatMessage(messages.inviteToJira)
+      };
+      if (userPickerOptions !== null && userPickerOptions !== void 0 && userPickerOptions.includeNonLicensedUsers) {
+        const externalUserByline = externalUserBylineByProduct[product] || '';
+        const overrideByline = product === 'confluence' || product === 'jira' ? item => item.isExternal ? externalUserByline : '' : undefined;
+        return {
+          ...baseProps,
+          includeNonLicensedUsers: true,
+          overrideByline
+        };
+      }
+      return baseProps;
+    });
   }
   render() {
     const {
@@ -139,24 +177,13 @@ export class UserPickerFieldComponent extends React.Component {
       isLoading,
       product,
       onInputChange,
-      loggedInAccountId,
-      cloudId,
       selectPortalRef,
       isPublicLink,
-      orgId,
       isBrowseUsersDisabled,
       shareError,
       userPickerOptions
     } = this.props;
-    const smartUserPickerProps = enableSmartUserPicker && !isBrowseUsersDisabled ? {
-      productKey: product,
-      principalId: loggedInAccountId,
-      siteId: cloudId || '',
-      includeTeams: true,
-      includeGroups: true,
-      debounceTime: DEBOUNCE_MS,
-      orgId
-    } : {};
+    const smartUserPickerProps = this.getSmartUserPickerProps();
     const allowEmail = allowEmails(config);
     const requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
     const {

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.15.0",
+  packageVersion: "4.16.0",
   ...attributes
 });
 const createEvent = (eventType, source, action, actionSubject, actionSubjectId, attributes = {}) => ({

package/dist/es2019/i18n.js

@@ -227,5 +227,15 @@ export const messages = defineMessages({
     id: 'fabric.elements.share.main.tab.text.confluence',
     defaultMessage: 'Share page',
     description: 'Text for the main share tab for confluence'
+  },
+  inviteToConfluence: {
+    id: 'fabric.elements.share.invite.to.confluence',
+    defaultMessage: 'Invite to Confluence',
+    description: 'Text for the byline of the non-licensed users'
+  },
+  inviteToJira: {
+    id: 'fabric.elements.share.invite.to.jira',
+    defaultMessage: 'Invite to Jira',
+    description: 'Text for the byline of the non-licensed users'
   }
 });

package/dist/esm/components/UserPickerField.js

@@ -6,6 +6,8 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import React from 'react';
@@ -149,29 +151,20 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
       }
       return event;
     });
-    return _this;
-  }
-  _createClass(UserPickerFieldComponent, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props2 = this.props,
-        defaultValue = _this$props2.defaultValue,
-        enableSmartUserPicker = _this$props2.enableSmartUserPicker,
-        config = _this$props2.config,
-        intl = _this$props2.intl,
-        isLoading = _this$props2.isLoading,
+    _defineProperty(_assertThisInitialized(_this), "getSmartUserPickerProps", function () {
+      var _this$props2 = _this.props,
         product = _this$props2.product,
-        onInputChange = _this$props2.onInputChange,
+        intl = _this$props2.intl,
         loggedInAccountId = _this$props2.loggedInAccountId,
         cloudId = _this$props2.cloudId,
-        selectPortalRef = _this$props2.selectPortalRef,
-        isPublicLink = _this$props2.isPublicLink,
         orgId = _this$props2.orgId,
+        enableSmartUserPicker = _this$props2.enableSmartUserPicker,
         isBrowseUsersDisabled = _this$props2.isBrowseUsersDisabled,
-        shareError = _this$props2.shareError,
         userPickerOptions = _this$props2.userPickerOptions;
-      var smartUserPickerProps = enableSmartUserPicker && !isBrowseUsersDisabled ? {
+      if (!enableSmartUserPicker || isBrowseUsersDisabled) {
+        return {};
+      }
+      var baseProps = {
         productKey: product,
         principalId: loggedInAccountId,
         siteId: cloudId || '',
@@ -179,7 +172,43 @@ export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
         includeGroups: true,
         debounceTime: DEBOUNCE_MS,
         orgId: orgId
-      } : {};
+      };
+      var externalUserBylineByProduct = {
+        confluence: intl.formatMessage(messages.inviteToConfluence),
+        jira: intl.formatMessage(messages.inviteToJira)
+      };
+      if (userPickerOptions !== null && userPickerOptions !== void 0 && userPickerOptions.includeNonLicensedUsers) {
+        var externalUserByline = externalUserBylineByProduct[product] || '';
+        var overrideByline = product === 'confluence' || product === 'jira' ? function (item) {
+          return item.isExternal ? externalUserByline : '';
+        } : undefined;
+        return _objectSpread(_objectSpread({}, baseProps), {}, {
+          includeNonLicensedUsers: true,
+          overrideByline: overrideByline
+        });
+      }
+      return baseProps;
+    });
+    return _this;
+  }
+  _createClass(UserPickerFieldComponent, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props3 = this.props,
+        defaultValue = _this$props3.defaultValue,
+        enableSmartUserPicker = _this$props3.enableSmartUserPicker,
+        config = _this$props3.config,
+        intl = _this$props3.intl,
+        isLoading = _this$props3.isLoading,
+        product = _this$props3.product,
+        onInputChange = _this$props3.onInputChange,
+        selectPortalRef = _this$props3.selectPortalRef,
+        isPublicLink = _this$props3.isPublicLink,
+        isBrowseUsersDisabled = _this$props3.isBrowseUsersDisabled,
+        shareError = _this$props3.shareError,
+        userPickerOptions = _this$props3.userPickerOptions;
+      var smartUserPickerProps = this.getSmartUserPickerProps();
       var allowEmail = allowEmails(config);
       var requiredMessage = getRequiredMessage(product, allowEmail, isBrowseUsersDisabled);
       var _ref2 = userPickerOptions !== null && userPickerOptions !== void 0 ? userPickerOptions : {},

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

package/dist/esm/i18n.js

@@ -227,5 +227,15 @@ export var messages = defineMessages({
     id: 'fabric.elements.share.main.tab.text.confluence',
     defaultMessage: 'Share page',
     description: 'Text for the main share tab for confluence'
+  },
+  inviteToConfluence: {
+    id: 'fabric.elements.share.invite.to.confluence',
+    defaultMessage: 'Invite to Confluence',
+    description: 'Text for the byline of the non-licensed users'
+  },
+  inviteToJira: {
+    id: 'fabric.elements.share.invite.to.jira',
+    defaultMessage: 'Invite to Jira',
+    description: 'Text for the byline of the non-licensed users'
   }
 });

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" | "userPickerOptions" | "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>, "orgId" | "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" | "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

@@ -26,6 +26,7 @@ export declare class UserPickerFieldComponent extends React.Component<WrappedCom
     private loadOptions;
     private getHelperMessageOrDefault;
     private handleUserPickerTransform;
+    private getSmartUserPickerProps;
     render(): JSX.Element;
 }
 export declare const UserPickerField: React.ComponentType<Props>;

package/dist/types/i18n.d.ts

@@ -219,4 +219,14 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    inviteToConfluence: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    inviteToJira: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import type { UserPickerProps } from '@atlaskit/user-picker';
-export type UserPickerOptions = Pick<UserPickerProps, 'onFocus' | 'header'> & {
+import type { Props as SmartUserPickerProps } from '@atlaskit/smart-user-picker';
+export type UserPickerOptions = Pick<SmartUserPickerProps, 'onFocus' | 'header' | 'includeNonLicensedUsers'> & {
     /** 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.

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" | "userPickerOptions" | "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>, "orgId" | "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" | "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

@@ -26,6 +26,7 @@ export declare class UserPickerFieldComponent extends React.Component<WrappedCom
     private loadOptions;
     private getHelperMessageOrDefault;
     private handleUserPickerTransform;
+    private getSmartUserPickerProps;
     render(): JSX.Element;
 }
 export declare const UserPickerField: React.ComponentType<Props>;

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

@@ -219,4 +219,14 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    inviteToConfluence: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    inviteToJira: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import type { UserPickerProps } from '@atlaskit/user-picker';
-export type UserPickerOptions = Pick<UserPickerProps, 'onFocus' | 'header'> & {
+import type { Props as SmartUserPickerProps } from '@atlaskit/smart-user-picker';
+export type UserPickerOptions = Pick<SmartUserPickerProps, 'onFocus' | 'header' | 'includeNonLicensedUsers'> & {
     /** 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.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "4.15.0",
+  "version": "4.16.0",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -45,7 +45,7 @@
     "@atlaskit/button": "^17.4.0",
     "@atlaskit/dropdown-menu": "^12.5.0",
     "@atlaskit/form": "^9.0.3",
-    "@atlaskit/icon": "^22.0.0",
+    "@atlaskit/icon": "^22.1.0",
     "@atlaskit/popper": "^5.5.4",
     "@atlaskit/popup": "^1.12.0",
     "@atlaskit/portal": "^4.4.0",