@atlaskit/share 0.34.1 → 1.0.1

package/dist/cjs/i18n/uk.js

@@ -33,8 +33,11 @@ var _default = {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Введіть ім’я або команду',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Введіть ім’я, групу, команду або електронну адресу',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Введіть ім’я, назву команди або електронну адресу',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Введіть ім’я, групу або команду',
   'fabric.elements.share.form.user-picker.validation.required': 'Виберіть принаймні одного користувача, групу або електронну пошту.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Виберіть принаймні одного користувача, групу або команду.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Виберіть принаймні одного користувача, команду або електронну адресу.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Виберіть принаймні одного користувача або команду.',
   'fabric.elements.share.success.message': '{object, select, blogpost {Ви поділилися дописом у блозі} board {Ви поділилися дошкою} calendar {Ви поділилися календарем} draft {Ви поділилися чернеткою} filter {Ви поділилися фільтром} issue {Ви поділилися проблемою} media {Ви поділилися файлом мультимедіа} page {Ви поділилися сторінкою} project {Ви поділилися проектом} pullrequest {Ви поділилися запитом Pull request} question {Ви поділилися запитанням} report {Ви поділилися звітом} repository {Ви поділилися сховищем} request {Ви поділилися запитом} roadmap {Ви поділилися календарним планом} site {Ви поділилися сайтом} space {Ви поділилися розділом} other {Ви поділилися посиланням}}',
   'fabric.elements.share.to.integration.button': 'Надіслати в {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Надіслати піктограму',

package/dist/cjs/i18n/vi.js

@@ -33,8 +33,11 @@ var _default = {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Nhập tên hoặc nhóm',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Nhập tên, đội, nhóm hoặc email',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Điền tên, nhóm hoặc email',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Nhập tên, nhóm hoặc đội',
   'fabric.elements.share.form.user-picker.validation.required': 'Chọn ít nhất một người dùng, đội, nhóm hoặc email.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Chọn ít nhất một người dùng, nhóm hoặc đội ngũ.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Chọn ít nhất một người dùng, nhóm hoặc email.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Chọn ít nhất một người dùng hoặc đội ngũ.',
   'fabric.elements.share.success.message': '{object, select, blogpost {Đã chia sẻ bài đăng} board {Đã chia sẻ bảng} calendar {Đã chia sẻ lịch} draft {Đã chia sẻ bản nháp} filter {Đã chia sẻ bộ lọc} issue {Đã chia sẻ vấn đề} media {Đã chia sẻ phương tiện} page {Đã chia sẻ trang} project {Đã chia sẻ dự án} pullrequest {Đã chia sẻ yêu cầu kéo} question {Đã chia sẻ câu hỏi} report {Đã chia sẻ báo cáo} repository {Đã chia sẻ kho lưu trữ} request {Đã chia sẻ yêu cầu} roadmap {Đã chia sẻ lộ trình} site {Đã chia sẻ trang} space {Đã chia sẻ không gian} other {Đã chia sẻ liên kết}}',
   'fabric.elements.share.to.integration.button': 'Chia sẻ với {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Biểu tượng chia sẻ',

package/dist/cjs/i18n/zh.js

@@ -33,8 +33,11 @@ var _default = {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': '输入名称或团队',
   'fabric.elements.share.form.user-picker.placeholder.generic': '输入用户名、组、团队或电子邮件',
   'fabric.elements.share.form.user-picker.placeholder.jira': '输入用户名、团队或电子邮件地址',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': '输入姓名、群组或团队',
   'fabric.elements.share.form.user-picker.validation.required': '请至少选择一个用户、组、团队或电子邮件。',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': '请至少选择一个用户、群组或团队。',
   'fabric.elements.share.form.user-picker.validation.required.jira': '请至少选择一个用户、团队或电子邮件地址。',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': '请至少选择一个用户或团队。',
   'fabric.elements.share.success.message': '{object, select, blogpost {已共享博客文章} board {已共享看板} calendar {已共享日历} draft {已共享草稿} filter {已共享筛选器} issue {已共享事务} media {已共享媒体} page {已共享页面} project {已共享项目} pullrequest {已共享拉取请求} question {已共享问题} report {已共享报告} repository {已共享存储库} request {已共享请求} roadmap {已共享路线图} site {已共享站点} space {已共享空间} other {已共享链接}}',
   'fabric.elements.share.to.integration.button': '分享到 {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': '共享图标',

package/dist/cjs/i18n/zh_TW.js

@@ -33,8 +33,11 @@ var _default = {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': '輸入名稱或團隊',
   'fabric.elements.share.form.user-picker.placeholder.generic': '輸入名稱、群組、團隊或電子郵件',
   'fabric.elements.share.form.user-picker.placeholder.jira': '輸入名稱、團隊或電子郵件',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': '輸入名稱、群組或團隊',
   'fabric.elements.share.form.user-picker.validation.required': '請至少選取一個使用者、群組、團隊或電子郵件。',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': '至少選取一個使用者、群組或團隊。',
   'fabric.elements.share.form.user-picker.validation.required.jira': '請選取至少一個使用者、團隊或電子郵件。',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': '至少選取一個使用者或團隊。',
   'fabric.elements.share.success.message': '{object, select, blogpost {已分享部落格貼文} board {已分享看板} calendar {已分享日曆} draft {已分享草稿} filter {已分享篩選條件} issue {已分享問題} media {已分享媒體} page {已分享頁面} project {已分享專案} pullrequest {已分享提取請求} question {已分享問題} report {已分享報告} repository {已分享存放庫} request {已分享請求} roadmap {已分享藍圖} site {已分享網站} space {已分享空間} other {已分享連結}}',
   'fabric.elements.share.to.integration.button': '與 {integrationName} 分享',
   'fabric.elements.share.trigger.button.icon.label': '分享圖示',

package/dist/cjs/i18n.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = void 0;
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
-var messages = (0, _reactIntl.defineMessages)({
+var messages = (0, _reactIntlNext.defineMessages)({
   formTitle: {
     id: 'fabric.elements.share.form.title',
     defaultMessage: 'Share',
@@ -163,6 +163,11 @@ var messages = (0, _reactIntl.defineMessages)({
     id: 'fabric.elements.share.to.integration.button',
     defaultMessage: 'Share to {integrationName}',
     description: 'Text for the button that allows the user to share the currently viewed item through a 3rd party app like Slack'
+  },
+  shareInIntegrationButtonText: {
+    id: 'fabric.elements.share.in.integration.button',
+    defaultMessage: 'Share in {integrationName}',
+    description: 'Text for the button that allows the user to share the currently viewed item through a 3rd party app like Slack'
   }
 });
 exports.messages = messages;

package/dist/cjs/index.js

@@ -3,28 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ShareServiceClient", {
+Object.defineProperty(exports, "ADMIN_NOTIFIED", {
   enumerable: true,
   get: function get() {
-    return _ShareServiceClient.ShareServiceClient;
+    return _types.ADMIN_NOTIFIED;
   }
 });
-Object.defineProperty(exports, "ShareDialogContainer", {
+Object.defineProperty(exports, "OBJECT_SHARED", {
   enumerable: true,
   get: function get() {
-    return _ShareDialogContainer.ShareDialogContainer;
+    return _types.OBJECT_SHARED;
   }
 });
-Object.defineProperty(exports, "ADMIN_NOTIFIED", {
+Object.defineProperty(exports, "ShareDialogContainer", {
   enumerable: true,
   get: function get() {
-    return _types.ADMIN_NOTIFIED;
+    return _ShareDialogContainer.ShareDialogContainer;
   }
 });
-Object.defineProperty(exports, "OBJECT_SHARED", {
+Object.defineProperty(exports, "ShareServiceClient", {
   enumerable: true,
   get: function get() {
-    return _types.OBJECT_SHARED;
+    return _ShareServiceClient.ShareServiceClient;
   }
 });
 

package/dist/cjs/types/Flag.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ADMIN_NOTIFIED = exports.OBJECT_SHARED = void 0;
+exports.OBJECT_SHARED = exports.ADMIN_NOTIFIED = void 0;
 var OBJECT_SHARED = 'object-shared';
 exports.OBJECT_SHARED = OBJECT_SHARED;
 var ADMIN_NOTIFIED = 'admin-notified';

package/dist/cjs/types/ShareEntities.js

@@ -2,14 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.IntegrationMode = void 0;
-// Third party integrations
-var IntegrationMode;
-exports.IntegrationMode = IntegrationMode;
-
-(function (IntegrationMode) {
-  IntegrationMode[IntegrationMode["Tabs"] = 0] = "Tabs";
-  IntegrationMode[IntegrationMode["Split"] = 1] = "Split";
-  IntegrationMode[IntegrationMode["Off"] = 2] = "Off";
-})(IntegrationMode || (exports.IntegrationMode = IntegrationMode = {}));
+});

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "0.34.1"
+	"version": "1.0.1"
 }

package/dist/es2019/components/CommentField.js

@@ -2,24 +2,27 @@ import _extends from "@babel/runtime/helpers/extends";
 import FieldTextArea from '@atlaskit/field-text-area';
 import { Field } from '@atlaskit/form';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { useIntl } from 'react-intl-next';
 import { messages } from '../i18n';
 export const CommentField = ({
   defaultValue
-}) => /*#__PURE__*/React.createElement(Field, {
-  name: "comment",
-  defaultValue: defaultValue
-}, ({
-  fieldProps
-}) => /*#__PURE__*/React.createElement(FormattedMessage, messages.commentPlaceholder, placeholder => /*#__PURE__*/React.createElement(FieldTextArea, _extends({}, fieldProps, {
-  onChange: event => fieldProps.onChange({
-    format: 'plain_text',
-    value: event.target.value
-  }),
-  value: fieldProps.value && fieldProps.value.value,
-  maxLength: 500,
-  minimumRows: 3,
-  shouldFitContainer: true,
-  isLabelHidden: true,
-  placeholder: placeholder
-}))));
+}) => {
+  const intl = useIntl();
+  return /*#__PURE__*/React.createElement(Field, {
+    name: "comment",
+    defaultValue: defaultValue
+  }, ({
+    fieldProps
+  }) => /*#__PURE__*/React.createElement(FieldTextArea, _extends({}, fieldProps, {
+    onChange: event => fieldProps.onChange({
+      format: 'plain_text',
+      value: event.target.value
+    }),
+    value: fieldProps.value && fieldProps.value.value,
+    maxLength: 500,
+    minimumRows: 3,
+    shouldFitContainer: true,
+    isLabelHidden: true,
+    placeholder: intl.formatMessage(messages.commentPlaceholder)
+  })));
+};

package/dist/es2019/components/CopyLinkButton.js

@@ -7,7 +7,7 @@ import { G300 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import React from 'react';
-import { FormattedMessage, injectIntl } from 'react-intl';
+import { FormattedMessage, injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import Button, { InlineDialogContentWrapper } from './styles';
 import { messages } from '../i18n';

package/dist/es2019/components/MessagesIntlProvider.js

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { IntlProvider, injectIntl } from 'react-intl';
+import { IntlProvider, injectIntl } from 'react-intl-next';
 import { getMessagesForLocale } from '../util/i18n-util';
 
 const MessagesIntlProvider = ({
@@ -12,6 +12,7 @@ const MessagesIntlProvider = ({
     };
   }, [intl.messages, intl.locale]);
   return /*#__PURE__*/React.createElement(IntlProvider, {
+    locale: intl.locale,
     messages: mergedMessages
   }, children);
 };

package/dist/es2019/components/ShareDialogContainer.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import memoizeOne from 'memoize-one';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import assert from 'tiny-invariant';
 import { AtlassianUrlShortenerClient } from '../clients/AtlassianUrlShortenerClient';
 import { ShareServiceClient } from '../clients/ShareServiceClient';

package/dist/es2019/components/ShareDialogWithTrigger.js

@@ -8,17 +8,16 @@ import Portal from '@atlaskit/portal';
 import Aktooltip from '@atlaskit/tooltip';
 import { gridSize, layers } from '@atlaskit/theme/constants';
 import React from 'react';
-import { FormattedMessage, injectIntl } from 'react-intl';
+import { FormattedMessage, injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import { messages } from '../i18n';
 import { OBJECT_SHARED } from '../types';
-import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, formShareSubmitted, screenEvent, shareTriggerButtonClicked, shareSplitButtonEvent, ANALYTICS_SOURCE } from './analytics';
+import { cancelShare, CHANNEL_ID, copyLinkButtonClicked, formShareSubmitted, screenEvent, shareTriggerButtonClicked, shareSplitButtonEvent, ANALYTICS_SOURCE, shareTabClicked } from './analytics';
 import ShareButton from './ShareButton';
 import { ShareForm } from './ShareForm';
 import { generateSelectZIndex } from './utils';
 import { InlineDialogContentWrapper } from './styles';
 import { IntegrationForm } from './IntegrationForm';
-import { IntegrationMode } from '../types/ShareEntities';
 const ShareButtonWrapper = styled.div`
   display: inline-flex;
   outline: none;
@@ -98,6 +97,16 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       }
     });
 
+    _defineProperty(this, "onTabChange", index => {
+      let subjectId = 'shareTab';
+
+      if (index === 1) {
+        subjectId = 'shareToSlackTab';
+      }
+
+      this.createAndFireEvent(shareTabClicked(subjectId));
+    });
+
     _defineProperty(this, "getFlags", () => {
       const {
         intl: {
@@ -330,7 +339,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
       } // If there are any integrations, wrap the share button in a split button with integrations.
 
 
-      if (integrationMode === IntegrationMode.Split && shareIntegrations !== null && shareIntegrations !== void 0 && shareIntegrations.length) {
+      if (integrationMode === 'split' && shareIntegrations !== null && shareIntegrations !== void 0 && shareIntegrations.length) {
         button = /*#__PURE__*/React.createElement(SplitButton, {
           shareButton: button,
           handleOpenSplitButton: this.handleOpenSplitButton,
@@ -349,10 +358,9 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
     });
 
     _defineProperty(this, "handleOpenSplitButton", () => {
-      this.handleDialogOpen();
       this.setState({
         isUsingSplitButton: true
-      });
+      }, () => this.handleCloseDialog());
       this.createAndFireEvent(shareSplitButtonEvent());
     });
 
@@ -432,7 +440,8 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         isSharing: isSharing,
         onSubmit: this.handleShareSubmit,
         title: shareFormTitle,
-        showTitle: integrationMode !== IntegrationMode.Tabs || !shareIntegrations || !shareIntegrations.length,
+        showTitle: integrationMode !== 'tabs' || !shareIntegrations || !shareIntegrations.length,
+        onTabChange: this.onTabChange,
         helperMessage: shareFormHelperMessage,
         shareError: shareError,
         onDismiss: this.handleFormDismiss,

package/dist/es2019/components/ShareForm.js

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
 import Button from '@atlaskit/button/custom-theme-button';
 import Form from '@atlaskit/form';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
@@ -8,7 +8,7 @@ import { gridSize } from '@atlaskit/theme/constants';
 import Tooltip from '@atlaskit/tooltip';
 import Tabs, { Tab, TabList, TabPanel } from '@atlaskit/tabs';
 import React from 'react';
-import { FormattedMessage, injectIntl } from 'react-intl';
+import { FormattedMessage, injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import { messages } from '../i18n';
 import { CommentField } from './CommentField';
@@ -16,7 +16,6 @@ import CopyLinkButton from './CopyLinkButton';
 import { ShareHeader } from './ShareHeader';
 import { UserPickerField } from './UserPickerField';
 import { IntegrationForm } from './IntegrationForm';
-import { IntegrationMode } from '../types/ShareEntities';
 const SubmitButtonWrapper = styled.div`
   display: flex;
   margin-left: auto;
@@ -55,6 +54,12 @@ const IntegrationIconWrapper = styled.span`
   margin-right: 5px;
 `;
 
+const integrationTabText = integrationName => /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.shareInIntegrationButtonText, {
+  values: {
+    integrationName
+  }
+}));
+
 class InternalForm extends React.PureComponent {
   constructor(...args) {
     super(...args);
@@ -155,24 +160,28 @@ class InternalForm extends React.PureComponent {
   render() {
     const {
       title,
-      integrationMode = IntegrationMode.Off,
-      shareIntegrations
+      integrationMode = 'off',
+      shareIntegrations,
+      onTabChange
     } = this.props;
 
-    if (integrationMode === IntegrationMode.Off || !shareIntegrations || !shareIntegrations.length) {
+    if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
       return this.renderShareForm();
     }
 
     const firstIntegration = shareIntegrations[0];
 
-    if (integrationMode === IntegrationMode.Tabs) {
+    if (integrationMode === 'tabs') {
       return /*#__PURE__*/React.createElement(Tabs, {
-        id: "ShareForm-Tabs-Integrations"
+        id: "ShareForm-Tabs-Integrations",
+        onChange: index => {
+          onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(index);
+        }
       }, /*#__PURE__*/React.createElement(TabList, null, /*#__PURE__*/React.createElement(Tab, {
         key: `share-tab-default`
       }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.formTitle)), /*#__PURE__*/React.createElement(Tab, {
         key: `share-tab-${firstIntegration.type}`
-      }, /*#__PURE__*/React.createElement(IntegrationWrapper, null, /*#__PURE__*/React.createElement(IntegrationIconWrapper, null, /*#__PURE__*/React.createElement(firstIntegration.Icon, null)), firstIntegration.type))), /*#__PURE__*/React.createElement(TabPanel, {
+      }, /*#__PURE__*/React.createElement(IntegrationWrapper, null, /*#__PURE__*/React.createElement(IntegrationIconWrapper, null, /*#__PURE__*/React.createElement(firstIntegration.Icon, null)), integrationTabText(firstIntegration.type)))), /*#__PURE__*/React.createElement(TabPanel, {
         key: `share-tabPanel-default`
       }, /*#__PURE__*/React.createElement(FormWrapper, {
         isMainShare: true

package/dist/es2019/components/ShareHeader.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import styled from 'styled-components';
 import { gridSize } from '@atlaskit/theme/constants';
 import { h500 } from '@atlaskit/theme/typography';

package/dist/es2019/components/SplitButton.js

@@ -1,8 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import styled from 'styled-components';
-import { DropdownMenuStateless, DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
+import Button from '@atlaskit/button/standard-button';
+import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
+import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 import { N800 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { messages } from '../i18n';
@@ -61,18 +63,24 @@ const SplitButtonDropdown = props => {
     onIntegrationClick(integration);
     createAndFireEvent(shareIntegrationButtonEvent(integration.type));
   }, [createAndFireEvent, onIntegrationClick]);
-  return /*#__PURE__*/React.createElement(DropdownMenuWrapper, null, /*#__PURE__*/React.createElement(DropdownMenuStateless, {
-    "data-testid": "split-button-dropdown",
-    triggerButtonProps: {
+  return /*#__PURE__*/React.createElement(DropdownMenuWrapper, null, /*#__PURE__*/React.createElement(DropdownMenu, {
+    testId: "split-button-dropdown",
+    trigger: ({
+      triggerRef,
+      ...providedProps
+    }) => /*#__PURE__*/React.createElement(Button, _extends({}, providedProps, {
+      ref: triggerRef,
+      iconBefore: /*#__PURE__*/React.createElement(ChevronDownIcon, {
+        label: ""
+      }),
       appearance: triggerButtonAppearance
-    },
-    triggerType: "button",
-    position: "bottom right",
+    })),
+    placement: "bottom-end",
     isOpen: isUsingSplitButton,
     onOpenChange: onOpenChange
   }, /*#__PURE__*/React.createElement(DropdownItemGroup, null, shareIntegrations.map(integration => /*#__PURE__*/React.createElement(DropdownItem, {
     key: integration.type,
-    "data-testid": `split-button-dropdownitem-${integration.type}`
+    testId: `split-button-dropdownitem-${integration.type}`
   }, /*#__PURE__*/React.createElement(DropDownIntegrationButtonWrapper, null, /*#__PURE__*/React.createElement(IntegrationButton, {
     textColor: N800,
     appearance: "subtle",

package/dist/es2019/components/UserPickerField.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import { ErrorMessage, Field, HelperMessage } from '@atlaskit/form';
 import UserPicker, { isValidEmail, SmartUserPicker } from '@atlaskit/user-picker';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { injectIntl, FormattedMessage } from 'react-intl-next';
 import { messages } from '../i18n';
 import { allowEmails, getMenuPortalTargetCurrentHTML } from './utils';
 import { MAX_PICKER_HEIGHT } from './styles';
@@ -60,7 +60,7 @@ const getRequiredMessage = (product, allowEmail) => {
   return messages[product];
 };
 
-export class UserPickerField extends React.Component {
+export class UserPickerFieldComponent extends React.Component {
   constructor(...args) {
     super(...args);
 
@@ -112,6 +112,7 @@ export class UserPickerField extends React.Component {
       defaultValue,
       enableSmartUserPicker,
       config,
+      intl,
       isLoading,
       product,
       onInputChange,
@@ -158,11 +159,12 @@ export class UserPickerField extends React.Component {
       }
     }) => {
       const inviteWarningMessage = this.getInviteWarningMessage();
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.userPickerAddMoreMessage, addMore => /*#__PURE__*/React.createElement(UserPickerComponent, _extends({}, fieldProps, commonPickerProps, smartUserPickerProps, {
-        addMoreMessage: addMore,
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UserPickerComponent, _extends({}, fieldProps, commonPickerProps, smartUserPickerProps, {
+        addMoreMessage: intl.formatMessage(messages.userPickerAddMoreMessage),
         menuPortalTarget: menuPortalTarget
-      }))), inviteWarningMessage && /*#__PURE__*/React.createElement(HelperMessage, null, inviteWarningMessage), !valid && error === REQUIRED && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(FormattedMessage, requiredMessage)));
+      })), inviteWarningMessage && /*#__PURE__*/React.createElement(HelperMessage, null, inviteWarningMessage), !valid && error === REQUIRED && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(FormattedMessage, requiredMessage)));
     });
   }
 
-}
+}
+export const UserPickerField = injectIntl(UserPickerFieldComponent);

package/dist/es2019/components/analytics.js

@@ -39,6 +39,7 @@ export const errorEncountered = (actionSubjectId, attributes = {}) => createEven
 }); // = share dialog invoked. Not to be confused with "share submitted"
 
 export const shareTriggerButtonClicked = () => createEvent('ui', ANALYTICS_SOURCE, 'clicked', 'button', 'share');
+export const shareTabClicked = subjectId => createEvent('ui', ANALYTICS_SOURCE, 'clicked', 'tab', subjectId || 'shareTab');
 export const cancelShare = start => createEvent('ui', ANALYTICS_SOURCE, 'pressed', 'keyboardShortcut', 'cancelShare', {
   source: ANALYTICS_SOURCE,
   duration: duration(start)

package/dist/es2019/i18n/cs.js

@@ -26,8 +26,11 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Zadejte jméno nebo tým',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Zadejte jméno, skupinu, tým nebo e-mail',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Zadejte jméno, tým nebo e-mail',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Zadejte jméno, skupinu nebo tým.',
   'fabric.elements.share.form.user-picker.validation.required': 'Vyberte alespoň jednoho uživatele, skupinu, tým nebo e-mail.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Vyberte alespoň jednoho uživatele, skupinu nebo tým.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Vyberte alespoň jednoho uživatele, tým nebo e-mail.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Vyberte alespoň jednoho uživatele nebo tým.',
   'fabric.elements.share.success.message': '{object, select, blogpost {Příspěvek na blogu je sdílen} board {Board je sdílen} calendar {Kalendář je sdílen} draft {Koncept je sdílen} filter {Filtr je sdílen} issue {Požadavek je sdílen} media {Multimediální soubor je sdílen} page {Stránka je sdílena} project {Projekt je sdílen} pullrequest {Pull request je sdílen} question {Otázka je sdílena} report {Sestava je sdílena} repository {Repozitář je sdílen} request {Žádost je sdílena} roadmap {Plán je sdílen} site {Web je sdílen} space {Prostor je sdílen} other {Odkaz je sdílen}}',
   'fabric.elements.share.to.integration.button': 'Sdílet ve službě {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Ikona sdílení',

package/dist/es2019/i18n/da.js

@@ -26,8 +26,11 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Indtast navn eller team',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Indtast navn, gruppe, team eller e-mail',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Indtast navn, team eller e-mailadresse',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Indtast navn, gruppe eller team',
   'fabric.elements.share.form.user-picker.validation.required': 'Vælg mindst én bruger, én gruppe, ét team eller én e-mail.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Vælg mindst én bruger, én gruppe eller ét team.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Vælg mindst én bruger, ét team eller én e-mailadresse.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Vælg mindst én bruger eller ét team.',
   'fabric.elements.share.success.message': '{object, select, blogpost {Blogindlæg blev delt} board {Tavle blev delt} calendar {Kalender blev delt} draft {Kladde blev delt} filter {Filter blev delt} issue {Sag blev delt} media {Medie blev delt} page {Side blev delt} project {Projekt blev delt} pullrequest {Pullanmodning blev delt} question {Spørgsmål blev delt} report {Rapport blev delt} repository {Lager blev delt} request {Anmodning blev delt} roadmap {Oversigt blev delt} site {Side blev delt} space {Område blev delt} other {Link blev delt}}',
   'fabric.elements.share.to.integration.button': 'Del med {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Del ikon',

package/dist/es2019/i18n/de.js

@@ -26,8 +26,11 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Namen oder Team eingeben',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Namen, Gruppe, Team oder E-Mail-Adresse eingeben',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Namen, Team oder E-Mail-Adresse eingeben',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Namen, Gruppe oder Team eingeben',
   'fabric.elements.share.form.user-picker.validation.required': 'Wählen Sie mindestens einen Benutzer, eine Gruppe, ein Team oder eine E-Mail-Adresse aus.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Wählen Sie mindestens einen Benutzer, eine Gruppe oder ein Team aus.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Bitte wählen Sie mindestens einen Benutzer, ein Team oder eine E-Mail-Adresse aus.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Wählen Sie mindestens einen Benutzer oder ein Team aus.',
   'fabric.elements.share.success.message': '{object, select, blogpost {Geteilter Blogpost} board {Geteiltes Board} calendar {Geteilter Kalender} draft {Geteilter Entwurf} filter {Geteilter Filter} issue {Geteilter Vorgang} media {Geteilte Medien} page {Geteilte Seite} project {Geteiltes Projekt} pullrequest {Geteilte Pull-Anfrage} question {Geteilte Frage} report {Geteilter Bericht} repository {Geteiltes Repository} request {Geteilte Anfrage} roadmap {Geteilte Roadmap} site {Geteilte Site} space {Geteilter Bereich} other {Geteilter Link}}',
   'fabric.elements.share.to.integration.button': 'Mit {integrationName} teilen',
   'fabric.elements.share.trigger.button.icon.label': 'Teilen-Symbol',

package/dist/es2019/i18n/en_ZZ.js

@@ -26,8 +26,12 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': '⁣⁢Enter name or team⁡‍؜‍؜⁠‌⁡⁣⁤',
   'fabric.elements.share.form.user-picker.placeholder.generic': '⁣⁢Enter name, group, team or email⁡؜‌‍؜؜‍⁣⁤',
   'fabric.elements.share.form.user-picker.placeholder.jira': '⁣⁢Enter name, team or email‌‍⁠‌‌⁡⁠⁡؜‍؜⁣⁤',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': '⁣⁢Enter name, group or team‍‌‍⁠⁡‌⁡⁠‍⁡⁠⁠⁡⁣⁤',
   'fabric.elements.share.form.user-picker.validation.required': '⁣⁢Select at least one user, group, team or email.⁡⁡؜‌‍‌⁠؜⁣⁤',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': '⁣⁢Select at least one user, group or team.‍‌⁠⁡؜‌⁠⁠‌⁡‍‍⁣⁤',
   'fabric.elements.share.form.user-picker.validation.required.jira': '⁣⁢Select at least one user, team or email.؜⁠‍؜‍‍‌⁠⁠⁣⁤',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': '⁣⁢Select at least one user or team.‌؜⁠‌‍⁡؜‌‍⁡‌⁠⁡⁣⁤',
+  'fabric.elements.share.in.integration.button': '⁣⁢Share in {integrationName}⁠؜⁡⁡‌⁡؜‌‌‌⁣⁤',
   'fabric.elements.share.success.message': '{object, select, blogpost {⁣⁢Blog post shared⁡‌‍⁡⁠⁠⁡⁠⁡⁠⁣⁤} board {⁣⁢Board shared‍⁡‍؜⁠⁠‌⁣⁤} calendar {⁣⁢Calendar shared‌⁡⁠⁡⁡‍؜⁠⁠⁣⁤} draft {⁣⁢Draft shared⁠‌‍⁠‍‍‍؜‍⁠؜⁣⁤} filter {⁣⁢Filter shared‍؜؜‍؜⁡‍⁣⁤} issue {⁣⁢Issue shared⁡⁡‍⁡⁡‍⁠؜⁡⁠‌⁣⁤} media {⁣⁢Media shared؜‌‍‌⁠⁠⁣⁤} page {⁣⁢Page shared‍⁡‍‍‌؜‌؜‍⁣⁤} project {⁣⁢Project shared⁡‍⁠⁡‍؜⁡‍‌‌⁡⁣⁤} pullrequest {⁣⁢Pull Request shared‌⁡⁡؜⁠⁡؜‍⁠؜‌⁠؜⁣⁤} question {⁣⁢Question shared⁠‍⁠‍⁠؜‌‌⁣⁤} report {⁣⁢Report shared‍؜⁡⁠‍⁡⁠‍⁠‌⁣⁤} repository {⁣⁢Repository shared‍‌‌‌⁡⁡؜⁣⁤} request {⁣⁢Request shared⁡‌⁡⁡؜‍‌‌‌؜‌⁡⁣⁤} roadmap {⁣⁢Roadmap shared‍‍‌⁡⁡؜⁠⁡‌⁣⁤} site {⁣⁢Site shared؜⁡⁡؜⁡؜؜⁡؜⁠‍⁣⁤} space {⁣⁢Space shared⁡‍‍‍؜؜⁡⁡⁡⁣⁤} other {⁣⁢Link Shared‌‌‍‌‍⁡⁣⁤}}',
   'fabric.elements.share.to.integration.button': '⁣⁢Share to {integrationName}‌⁡‌⁠⁡⁡⁡⁠‍‍؜‌⁡⁣⁤',
   'fabric.elements.share.trigger.button.icon.label': '⁣⁢Share icon‌‍؜‍‍؜‌⁡⁣⁤',

package/dist/es2019/i18n/es.js

@@ -26,8 +26,11 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Introduce un nombre o equipo',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Introduce un nombre, grupo, equipo o correo electrónico',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Introducir nombre, equipo o correo electrónico',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Introduce el nombre, el grupo o el equipo',
   'fabric.elements.share.form.user-picker.validation.required': 'Selecciona al menos un usuario, grupo, equipo o correo electrónico.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Selecciona al menos un usuario, grupo o equipo.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Selecciona al menos un usuario, equipo o correo electrónico.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Selecciona al menos un usuario o equipo.',
   'fabric.elements.share.success.message': '{object, select, blogpost {Entrada de blog compartida} board {Tablero compartido} calendar {Calendario compartido} draft {Borrador compartido} filter {Filtro compartido} issue {Incidencia compartida} media {Soportes compartidos} page {Página compartida} project {Proyecto compartido} pullrequest {Solicitud de extracción compartida} question {Pregunta compartida} report {Informe compartido} repository {Repositorio compartido} request {Solicitud compartida} roadmap {Hoja de ruta compartida} site {Sitio compartido} space {Espacio compartido} other {Enlace compartido}}',
   'fabric.elements.share.to.integration.button': 'Compartir en {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Icono de compartir',

package/dist/es2019/i18n/fi.js

@@ -26,8 +26,11 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Anna nimi tai tiimi',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Syötä nimi, ryhmä, tiimi tai sähköpostiosoite',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Syötä nimi, tiimi tai sähköpostiosoite',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Syötä nimi, ryhmä tai tiimi',
   'fabric.elements.share.form.user-picker.validation.required': 'Valitse vähintään yksi käyttäjä, ryhmä, tiimi tai sähköpostiosoite.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Valitse vähintään yksi käyttäjä, ryhmä tai tiimi.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Valitse vähintään yksi käyttäjä, tiimi tai sähköpostiosoite.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Valitse vähintään yksi käyttäjä tai tiimi.',
   'fabric.elements.share.success.message': '{object, select, blogpost {Blogijulkaisu jaettu} board {Taulu jaettu} calendar {Kalenteri jaettu} draft {Luonnos jaettu} filter {Suodatin jaettu} issue {Asia jaettu} media {Media jaettu} page {Sivu jaettu} project {Projekti jaettu} pullrequest {Pull-pyyntö jaettu} question {Kysymys jaettu} report {Raportti jaettu} repository {Säilö jaettu} request {Pyyntö jaettu} roadmap {Etenemissuunnitelma jaettu} site {Sivusto jaettu} space {Työtila jaettu} other {Linkki jaettu}}',
   'fabric.elements.share.to.integration.button': 'Jaa kohteeseen {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Jaa kuvake',

package/dist/es2019/i18n/fr.js

@@ -26,8 +26,11 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Saisir un nom ou une équipe',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Saisir un nom, un groupe, une équipe ou une adresse e-mail',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Saisissez un nom, une équipe ou une adresse e-mail',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Saisissez un nom, un groupe ou une équipe',
   'fabric.elements.share.form.user-picker.validation.required': 'Sélectionnez au moins un utilisateur, un groupe, une équipe ou une adresse e-mail.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Sélectionnez au moins un utilisateur, un groupe ou une équipe.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Sélectionnez au moins un utilisateur, une équipe ou une adresse e-mail.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Sélectionnez au moins un utilisateur ou une équipe.',
   'fabric.elements.share.success.message': '{object, select, blogpost {Billet de blog partagé} board {Tableau partagé} calendar {Calendrier partagé} draft {Brouillon partagé} filter {Filtre partagé} issue {Ticket partagé} media {Support partagé} page {Page partagée} project {Projet partagé} pullrequest {Pull request partagée} question {Question partagée} report {Rapport partagé} repository {Dépôt partagé} request {Demande partagée} roadmap {Feuille de route partagée} site {Site partagé} space {Espace partagé} other {Lien partagé}}',
   'fabric.elements.share.to.integration.button': 'Partager avec {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Icône de partage',

package/dist/es2019/i18n/hu.js

@@ -26,8 +26,11 @@ export default {
   'fabric.elements.share.form.user-picker.placeholder.existingUserOnly': 'Add meg a nevet vagy csapatot',
   'fabric.elements.share.form.user-picker.placeholder.generic': 'Név, csoport, csapat vagy e-mail-cím megadása',
   'fabric.elements.share.form.user-picker.placeholder.jira': 'Írd be a nevet, a csapatot vagy az e-mail-címet',
+  'fabric.elements.share.form.user-picker.placholder.generic.existingUserOnly': 'Add meg a nevet, csoportot vagy csapatot',
   'fabric.elements.share.form.user-picker.validation.required': 'Válassz ki legalább egy felhasználót, csoportot, csapatot vagy e-mail-címet.',
+  'fabric.elements.share.form.user-picker.validation.required.existingUserOnly': 'Válassz ki legalább egy felhasználót, csoportot vagy csapatot.',
   'fabric.elements.share.form.user-picker.validation.required.jira': 'Válassz ki legalább egy felhasználót, csapatot vagy e-mail-címet.',
+  'fabric.elements.share.form.user-picker.validation.required.jira.existingUserOnly': 'Válassz ki legalább egy felhasználót vagy csapatot.',
   'fabric.elements.share.success.message': '{object, select, blogpost {Blogposzt megosztva} board {Tábla megosztva} calendar {Naptár megosztva} draft {Piszkozat megosztva} filter {Szűrő megosztva} issue {Ügy megosztva} media {Médiatartalom megosztva} page {Oldal megosztva} project {Projekt megosztva} pullrequest {Pull-kérelem megosztva} question {Kérdés megosztva} report {Jelentés megosztva} repository {Adattár megosztva} request {Kérés megosztva} roadmap {Útvonalterv megosztva} site {Webhely megosztva} space {Munkatér megosztva} other {Link megosztva}}',
   'fabric.elements.share.to.integration.button': 'Megosztás itt: {integrationName}',
   'fabric.elements.share.trigger.button.icon.label': 'Ikon megosztása',