@atlaskit/share 0.34.0 → 1.0.0

package/dist/cjs/components/analytics.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.formShareSubmitted = exports.copyLinkButtonClicked = exports.shortUrlGenerated = exports.shortUrlRequested = exports.cancelShare = exports.shareTriggerButtonClicked = exports.errorEncountered = exports.shareIntegrationButtonEvent = exports.shareSplitButtonEvent = exports.screenEvent = exports.INTEGRATION_MODAL_SOURCE = exports.ANALYTICS_SOURCE = exports.CHANNEL_ID = void 0;
+exports.shortUrlRequested = exports.shortUrlGenerated = exports.shareTriggerButtonClicked = exports.shareSplitButtonEvent = exports.shareIntegrationButtonEvent = exports.screenEvent = exports.formShareSubmitted = exports.errorEncountered = exports.copyLinkButtonClicked = exports.cancelShare = exports.INTEGRATION_MODAL_SOURCE = exports.CHANNEL_ID = exports.ANALYTICS_SOURCE = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

package/dist/cjs/components/localStorageUtils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setIsOnboardingDismissed = exports.getIsOnboardingDismissed = exports.setDefaultSlackWorkSpace = exports.getDefaultSlackWorkSpace = void 0;
+exports.setIsOnboardingDismissed = exports.setDefaultSlackWorkSpace = exports.getIsOnboardingDismissed = exports.getDefaultSlackWorkSpace = void 0;
 
 var getLocalStorageKey = function getLocalStorageKey(key) {
   try {

package/dist/cjs/components/styles.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.InlineDialogContentWrapper = exports.MAX_PICKER_HEIGHT = void 0;
+exports.default = exports.MAX_PICKER_HEIGHT = exports.InlineDialogContentWrapper = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/dist/cjs/components/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.allowEmails = exports.optionDataToUsers = exports.getMenuPortalTargetCurrentHTML = exports.generateSelectZIndex = exports.zIndexAddition = void 0;
+exports.zIndexAddition = exports.optionDataToUsers = exports.getMenuPortalTargetCurrentHTML = exports.generateSelectZIndex = exports.allowEmails = void 0;
 
 var _theme = require("@atlaskit/theme");
 

package/dist/cjs/i18n/index.js

@@ -5,34 +5,46 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "zh", {
+Object.defineProperty(exports, "cs", {
   enumerable: true,
   get: function get() {
-    return _zh.default;
+    return _cs.default;
   }
 });
-Object.defineProperty(exports, "zh_TW", {
+Object.defineProperty(exports, "da", {
   enumerable: true,
   get: function get() {
-    return _zh_TW.default;
+    return _da.default;
   }
 });
-Object.defineProperty(exports, "cs", {
+Object.defineProperty(exports, "de", {
   enumerable: true,
   get: function get() {
-    return _cs.default;
+    return _de.default;
   }
 });
-Object.defineProperty(exports, "da", {
+Object.defineProperty(exports, "en", {
   enumerable: true,
   get: function get() {
-    return _da.default;
+    return _en.default;
   }
 });
-Object.defineProperty(exports, "nl", {
+Object.defineProperty(exports, "en_GB", {
   enumerable: true,
   get: function get() {
-    return _nl.default;
+    return _en_GB.default;
+  }
+});
+Object.defineProperty(exports, "en_ZZ", {
+  enumerable: true,
+  get: function get() {
+    return _en_ZZ.default;
+  }
+});
+Object.defineProperty(exports, "es", {
+  enumerable: true,
+  get: function get() {
+    return _es.default;
   }
 });
 Object.defineProperty(exports, "et", {
@@ -53,16 +65,16 @@ Object.defineProperty(exports, "fr", {
     return _fr.default;
   }
 });
-Object.defineProperty(exports, "de", {
+Object.defineProperty(exports, "hu", {
   enumerable: true,
   get: function get() {
-    return _de.default;
+    return _hu.default;
   }
 });
-Object.defineProperty(exports, "hu", {
+Object.defineProperty(exports, "is", {
   enumerable: true,
   get: function get() {
-    return _hu.default;
+    return _is.default;
   }
 });
 Object.defineProperty(exports, "it", {
@@ -89,6 +101,12 @@ Object.defineProperty(exports, "nb", {
     return _nb.default;
   }
 });
+Object.defineProperty(exports, "nl", {
+  enumerable: true,
+  get: function get() {
+    return _nl.default;
+  }
+});
 Object.defineProperty(exports, "pl", {
   enumerable: true,
   get: function get() {
@@ -107,22 +125,22 @@ Object.defineProperty(exports, "pt_PT", {
     return _pt_PT.default;
   }
 });
-Object.defineProperty(exports, "ru", {
+Object.defineProperty(exports, "ro", {
   enumerable: true,
   get: function get() {
-    return _ru.default;
+    return _ro.default;
   }
 });
-Object.defineProperty(exports, "sk", {
+Object.defineProperty(exports, "ru", {
   enumerable: true,
   get: function get() {
-    return _sk.default;
+    return _ru.default;
   }
 });
-Object.defineProperty(exports, "es", {
+Object.defineProperty(exports, "sk", {
   enumerable: true,
   get: function get() {
-    return _es.default;
+    return _sk.default;
   }
 });
 Object.defineProperty(exports, "sv", {
@@ -155,34 +173,16 @@ Object.defineProperty(exports, "vi", {
     return _vi.default;
   }
 });
-Object.defineProperty(exports, "en_ZZ", {
-  enumerable: true,
-  get: function get() {
-    return _en_ZZ.default;
-  }
-});
-Object.defineProperty(exports, "en", {
-  enumerable: true,
-  get: function get() {
-    return _en.default;
-  }
-});
-Object.defineProperty(exports, "en_GB", {
-  enumerable: true,
-  get: function get() {
-    return _en_GB.default;
-  }
-});
-Object.defineProperty(exports, "is", {
+Object.defineProperty(exports, "zh", {
   enumerable: true,
   get: function get() {
-    return _is.default;
+    return _zh.default;
   }
 });
-Object.defineProperty(exports, "ro", {
+Object.defineProperty(exports, "zh_TW", {
   enumerable: true,
   get: function get() {
-    return _ro.default;
+    return _zh_TW.default;
   }
 });
 

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.0"
+	"version": "1.0.0"
 }

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,7 +8,7 @@ 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';
@@ -18,7 +18,6 @@ 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;
@@ -303,6 +302,7 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
         } = this.state;
         button = renderCustomTriggerButton({
           error: shareError,
+          isDisabled,
           isSelected: isDialogOpen,
           onClick: this.onTriggerClick
         }, triggerProps);
@@ -329,7 +329,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,
@@ -348,10 +348,9 @@ export class ShareDialogWithTriggerInternal extends React.PureComponent {
     });
 
     _defineProperty(this, "handleOpenSplitButton", () => {
-      this.handleDialogOpen();
       this.setState({
         isUsingSplitButton: true
-      });
+      }, () => this.handleCloseDialog());
       this.createAndFireEvent(shareSplitButtonEvent());
     });
 
@@ -431,7 +430,7 @@ 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,
         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,24 @@ class InternalForm extends React.PureComponent {
   render() {
     const {
       title,
-      integrationMode = IntegrationMode.Off,
+      integrationMode = 'off',
       shareIntegrations
     } = 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"
       }, /*#__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/i18n.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const messages = defineMessages({
   formTitle: {
     id: 'fabric.elements.share.form.title',
@@ -155,5 +155,10 @@ export const messages = 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'
   }
 });

package/dist/es2019/types/ShareEntities.js

@@ -1,8 +1 @@
-// Third party integrations
-export let IntegrationMode;
-
-(function (IntegrationMode) {
-  IntegrationMode[IntegrationMode["Tabs"] = 0] = "Tabs";
-  IntegrationMode[IntegrationMode["Split"] = 1] = "Split";
-  IntegrationMode[IntegrationMode["Off"] = 2] = "Off";
-})(IntegrationMode || (IntegrationMode = {}));
+export {};

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "0.34.0"
+	"version": "1.0.0"
 }