@atlaskit/share 0.34.0 → 1.0.0

package/CHANGELOG.md

@@ -1,5 +1,71 @@
 # @atlaskit/share
 
+## 1.0.0
+
+### Major Changes
+
+- [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
+
+  What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs.
+  Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
+  How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.
+
+  Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias
+
+  ```js
+  "react-intl": "^2.6.0",
+  "react-intl-next": "npm:react-intl@^5.18.1",
+  ```
+
+  ```js
+  import { IntlProvider } from 'react-intl';
+  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
+
+  return (
+    <IntlProvider
+      key={locale}
+      data-test-language={locale}
+      locale={locale}
+      defaultLocale={DEFAULT_LOCALE}
+      messages={messages}
+    >
+      <IntlNextProvider
+        key={locale}
+        data-test-language={locale}
+        locale={locale}
+        defaultLocale={DEFAULT_LOCALE}
+        messages={messages}
+      >
+        {children}
+      </IntlNextProvider>
+    </IntlProvider>
+  );
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.34.3
+
+### Patch Changes
+
+- [`d506d312f89`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d506d312f89) - Updating ts Type to be string restricted for easier use. Tests updated to accommodate.
+
+## 0.34.2
+
+### Patch Changes
+
+- [`89aa3e3f314`](https://bitbucket.org/atlassian/atlassian-frontend/commits/89aa3e3f314) - Update dependency of dropdown menu to the lite mode version. Update all usages to cater to the new API. The padding within dropdown menu items is 8px more, which makes the menu look bigger.
+- [`12bfc09a21e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/12bfc09a21e) - Fixing internal prop calls for testId and removing references to the old DropdownMenuStateless export when using the new default export.
+- Updated dependencies
+
+## 0.34.1
+
+### Patch Changes
+
+- [`00ded488f98`](https://bitbucket.org/atlassian/atlassian-frontend/commits/00ded488f98) - Update existing isDisabled prop to be used in renderCustomTriggerButton component callback
+
 ## 0.34.0
 
 ### Minor Changes

package/dist/cjs/clients/ShareServiceClient.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ShareServiceClient = exports.DEFAULT_SHARE_SERVICE_URL = exports.SHARE_CONFIG_PATH = exports.DEFAULT_SHARE_PATH = void 0;
+exports.ShareServiceClient = exports.SHARE_CONFIG_PATH = exports.DEFAULT_SHARE_SERVICE_URL = exports.DEFAULT_SHARE_PATH = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

package/dist/cjs/components/CommentField.js

@@ -15,33 +15,32 @@ var _form = require("@atlaskit/form");
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _i18n = require("../i18n");
 
 var CommentField = function CommentField(_ref) {
   var defaultValue = _ref.defaultValue;
+  var intl = (0, _reactIntlNext.useIntl)();
   return /*#__PURE__*/_react.default.createElement(_form.Field, {
     name: "comment",
     defaultValue: defaultValue
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps;
-    return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.commentPlaceholder, function (placeholder) {
-      return /*#__PURE__*/_react.default.createElement(_fieldTextArea.default, (0, _extends2.default)({}, fieldProps, {
-        onChange: function onChange(event) {
-          return 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
-      }));
-    });
+    return /*#__PURE__*/_react.default.createElement(_fieldTextArea.default, (0, _extends2.default)({}, fieldProps, {
+      onChange: function onChange(event) {
+        return 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(_i18n.messages.commentPlaceholder)
+    }));
   });
 };
 

package/dist/cjs/components/CopyLinkButton.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.CopyLinkButton = exports.HiddenInput = exports.MessageContainer = exports.AUTO_DISMISS_MS = void 0;
+exports.default = exports.MessageContainer = exports.HiddenInput = exports.CopyLinkButton = exports.AUTO_DISMISS_MS = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -41,7 +41,7 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -152,7 +152,7 @@ var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
           size: "medium"
         }),
         onClick: _this.handleClick
-      }, triggerProps), /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, isPublicLink ? _i18n.messages.copyPublicLinkButtonText : _i18n.messages.copyLinkButtonText));
+      }, triggerProps), /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, isPublicLink ? _i18n.messages.copyPublicLinkButtonText : _i18n.messages.copyLinkButtonText));
     });
     return _this;
   }
@@ -180,7 +180,7 @@ var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
           return /*#__PURE__*/_react.default.createElement(_styles.InlineDialogContentWrapper, null, /*#__PURE__*/_react.default.createElement(MessageContainer, null, /*#__PURE__*/_react.default.createElement(_checkCircle.default, {
             label: formatMessage(_i18n.messages.copiedToClipboardIconLabel),
             primaryColor: _colors.G300
-          }), /*#__PURE__*/_react.default.createElement(MessageSpan, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.copiedToClipboardMessage))));
+          }), /*#__PURE__*/_react.default.createElement(MessageSpan, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.copiedToClipboardMessage))));
         },
         isOpen: shouldShowCopiedMessage,
         onClose: this.handleDismissCopiedMessage,
@@ -199,6 +199,6 @@ var CopyLinkButton = /*#__PURE__*/function (_React$Component) {
 
 exports.CopyLinkButton = CopyLinkButton;
 
-var _default = (0, _reactIntl.injectIntl)(CopyLinkButton);
+var _default = (0, _reactIntlNext.injectIntl)(CopyLinkButton);
 
 exports.default = _default;

package/dist/cjs/components/MessagesIntlProvider.js

@@ -13,7 +13,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _i18nUtil = require("../util/i18n-util");
 
@@ -31,11 +31,12 @@ var MessagesIntlProvider = function MessagesIntlProvider(_ref) {
   var mergedMessages = (0, _react.useMemo)(function () {
     return _objectSpread(_objectSpread({}, intl.messages), (0, _i18nUtil.getMessagesForLocale)(intl.locale));
   }, [intl.messages, intl.locale]);
-  return /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
+  return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+    locale: intl.locale,
     messages: mergedMessages
   }, children);
 };
 
-var _default = (0, _reactIntl.injectIntl)(MessagesIntlProvider);
+var _default = (0, _reactIntlNext.injectIntl)(MessagesIntlProvider);
 
 exports.default = _default;

package/dist/cjs/components/ShareDialogContainer.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ShareDialogContainer = exports.ShareDialogContainerInternal = exports.defaultConfig = void 0;
+exports.defaultConfig = exports.ShareDialogContainerInternal = exports.ShareDialogContainer = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -31,7 +31,7 @@ var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
 
@@ -458,7 +458,7 @@ var ShareDialogContainerInternal = /*#__PURE__*/function (_React$Component) {
         triggerButtonTooltipPosition: triggerButtonTooltipPosition,
         triggerButtonTooltipText: triggerButtonTooltipText,
         bottomMessage: bottomMessage,
-        submitButtonLabel: shareeAction === 'edit' && /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.inviteTriggerButtonText),
+        submitButtonLabel: shareeAction === 'edit' && /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.inviteTriggerButtonText),
         product: product,
         customFooter: customFooter,
         onUserSelectionChange: onUserSelectionChange,

package/dist/cjs/components/ShareDialogWithTrigger.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ShareDialogWithTrigger = exports.ShareDialogWithTriggerInternal = exports.defaultShareContentState = void 0;
+exports.defaultShareContentState = exports.ShareDialogWithTriggerInternal = exports.ShareDialogWithTrigger = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -41,7 +41,7 @@ var _constants = require("@atlaskit/theme/constants");
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -61,8 +61,6 @@ var _styles = require("./styles");
 
 var _IntegrationForm = require("./IntegrationForm");
 
-var _ShareEntities = require("../types/ShareEntities");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -339,13 +337,14 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
         var shareError = _this.state.shareError;
         button = renderCustomTriggerButton({
           error: shareError,
+          isDisabled: isDisabled,
           isSelected: isDialogOpen,
           onClick: _this.onTriggerClick
         }, triggerProps);
       } else {
         button = /*#__PURE__*/_react.default.createElement(_ShareButton.default, (0, _extends2.default)({
           appearance: triggerButtonAppearance,
-          text: triggerButtonStyle !== 'icon-only' ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.shareTriggerButtonText) : null,
+          text: triggerButtonStyle !== 'icon-only' ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.shareTriggerButtonText) : null,
           onClick: _this.onTriggerClick,
           iconBefore: triggerButtonStyle !== 'text-only' ? /*#__PURE__*/_react.default.createElement(ShareButtonIcon, {
             label: formatMessage(_i18n.messages.shareTriggerButtonIconLabel)
@@ -365,7 +364,7 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
       } // If there are any integrations, wrap the share button in a split button with integrations.
 
 
-      if (integrationMode === _ShareEntities.IntegrationMode.Split && shareIntegrations !== null && shareIntegrations !== void 0 && shareIntegrations.length) {
+      if (integrationMode === 'split' && shareIntegrations !== null && shareIntegrations !== void 0 && shareIntegrations.length) {
         button = /*#__PURE__*/_react.default.createElement(_SplitButton.default, {
           shareButton: button,
           handleOpenSplitButton: _this.handleOpenSplitButton,
@@ -383,10 +382,10 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
       return button;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOpenSplitButton", function () {
-      _this.handleDialogOpen();
-
       _this.setState({
         isUsingSplitButton: true
+      }, function () {
+        return _this.handleCloseDialog();
       });
 
       _this.createAndFireEvent((0, _analytics.shareSplitButtonEvent)());
@@ -473,7 +472,7 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
             isSharing: isSharing,
             onSubmit: _this2.handleShareSubmit,
             title: shareFormTitle,
-            showTitle: integrationMode !== _ShareEntities.IntegrationMode.Tabs || !shareIntegrations || !shareIntegrations.length,
+            showTitle: integrationMode !== 'tabs' || !shareIntegrations || !shareIntegrations.length,
             helperMessage: shareFormHelperMessage,
             shareError: shareError,
             onDismiss: _this2.handleFormDismiss,
@@ -522,5 +521,5 @@ exports.ShareDialogWithTriggerInternal = ShareDialogWithTriggerInternal;
   triggerButtonTooltipPosition: 'top',
   dialogZIndex: _constants.layers.modal()
 });
-var ShareDialogWithTrigger = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntl.injectIntl)(ShareDialogWithTriggerInternal));
+var ShareDialogWithTrigger = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(ShareDialogWithTriggerInternal));
 exports.ShareDialogWithTrigger = ShareDialogWithTrigger;

package/dist/cjs/components/ShareForm.js

@@ -7,9 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ShareForm = exports.FormFooter = exports.FormWrapper = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+exports.ShareForm = exports.FormWrapper = exports.FormFooter = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -25,6 +23,8 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
@@ -43,7 +43,7 @@ var _tabs = _interopRequireWildcard(require("@atlaskit/tabs"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -59,8 +59,6 @@ var _UserPickerField = require("./UserPickerField");
 
 var _IntegrationForm = require("./IntegrationForm");
 
-var _ShareEntities = require("../types/ShareEntities");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
 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); }
@@ -91,6 +89,14 @@ var IntegrationWrapper = _styledComponents.default.div(_templateObject6 || (_tem
 
 var IntegrationIconWrapper = _styledComponents.default.span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: 5px;\n"])));
 
+var integrationTabText = function integrationTabText(integrationName) {
+  return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.shareInIntegrationButtonText, {
+    values: {
+      integrationName: integrationName
+    }
+  }));
+};
+
 var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(InternalForm, _React$PureComponent);
 
@@ -170,7 +176,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       var buttonLabel = shareError ? _i18n.messages.formRetry : sendLabel;
       var ButtonLabelWrapper = buttonAppearance === 'warning' ? 'strong' : _react.default.Fragment;
       return /*#__PURE__*/_react.default.createElement(SubmitButtonWrapper, null, /*#__PURE__*/_react.default.createElement(CenterAlignedIconWrapper, null, shouldShowWarning && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-        content: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.shareFailureMessage),
+        content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.shareFailureMessage),
         position: "top"
       }, /*#__PURE__*/_react.default.createElement(_error.default, {
         label: formatMessage(_i18n.messages.shareFailureIconLabel),
@@ -180,7 +186,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         type: "submit",
         isLoading: isSharing,
         isDisabled: isDisabled
-      }, /*#__PURE__*/_react.default.createElement(ButtonLabelWrapper, null, submitButtonLabel || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, buttonLabel))));
+      }, /*#__PURE__*/_react.default.createElement(ButtonLabelWrapper, null, submitButtonLabel || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, buttonLabel))));
     });
     return _this;
   }
@@ -202,23 +208,23 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props4 = this.props,
           title = _this$props4.title,
           _this$props4$integrat = _this$props4.integrationMode,
-          integrationMode = _this$props4$integrat === void 0 ? _ShareEntities.IntegrationMode.Off : _this$props4$integrat,
+          integrationMode = _this$props4$integrat === void 0 ? 'off' : _this$props4$integrat,
           shareIntegrations = _this$props4.shareIntegrations;
 
-      if (integrationMode === _ShareEntities.IntegrationMode.Off || !shareIntegrations || !shareIntegrations.length) {
+      if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
         return this.renderShareForm();
       }
 
       var firstIntegration = shareIntegrations[0];
 
-      if (integrationMode === _ShareEntities.IntegrationMode.Tabs) {
+      if (integrationMode === 'tabs') {
         return /*#__PURE__*/_react.default.createElement(_tabs.default, {
           id: "ShareForm-Tabs-Integrations"
         }, /*#__PURE__*/_react.default.createElement(_tabs.TabList, null, /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
           key: "share-tab-default"
-        }, title || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.formTitle)), /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
+        }, title || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.formTitle)), /*#__PURE__*/_react.default.createElement(_tabs.Tab, {
           key: "share-tab-".concat(firstIntegration.type)
-        }, /*#__PURE__*/_react.default.createElement(IntegrationWrapper, null, /*#__PURE__*/_react.default.createElement(IntegrationIconWrapper, null, /*#__PURE__*/_react.default.createElement(firstIntegration.Icon, null)), firstIntegration.type))), /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
+        }, /*#__PURE__*/_react.default.createElement(IntegrationWrapper, null, /*#__PURE__*/_react.default.createElement(IntegrationIconWrapper, null, /*#__PURE__*/_react.default.createElement(firstIntegration.Icon, null)), integrationTabText(firstIntegration.type)))), /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
           key: "share-tabPanel-default"
         }, /*#__PURE__*/_react.default.createElement(FormWrapper, {
           isMainShare: true
@@ -243,7 +249,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
 (0, _defineProperty2.default)(InternalForm, "defaultProps", {
   onSubmit: function onSubmit() {}
 });
-var InternalFormWithIntl = (0, _reactIntl.injectIntl)(InternalForm);
+var InternalFormWithIntl = (0, _reactIntlNext.injectIntl)(InternalForm);
 
 var ShareForm = function ShareForm(props) {
   return /*#__PURE__*/_react.default.createElement(_form.default, {

package/dist/cjs/components/ShareHeader.js

@@ -11,7 +11,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -31,7 +31,7 @@ exports.FormHeaderTitle = FormHeaderTitle;
 
 var ShareHeader = function ShareHeader(_ref) {
   var title = _ref.title;
-  return /*#__PURE__*/_react.default.createElement(HeaderWrapper, null, /*#__PURE__*/_react.default.createElement(FormHeaderTitle, null, title || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.formTitle)));
+  return /*#__PURE__*/_react.default.createElement(HeaderWrapper, null, /*#__PURE__*/_react.default.createElement(FormHeaderTitle, null, title || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.formTitle)));
 };
 
 exports.ShareHeader = ShareHeader;

package/dist/cjs/components/SplitButton.js

@@ -9,17 +9,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = SplitButton;
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _dropdownMenu = require("@atlaskit/dropdown-menu");
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+
+var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
+
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 
 var _colors = require("@atlaskit/theme/colors");
 
@@ -44,7 +50,7 @@ var DropdownMenuWrapper = _styledComponents.default.div(_templateObject2 || (_te
 var DropDownIntegrationButtonWrapper = _styledComponents.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  button:hover {\n    background: rgba(255, 255, 255, 0);\n  }\n"])));
 
 var integrationButtonText = function integrationButtonText(integrationName) {
-  return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.shareToIntegrationButtonText, {
+  return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.shareToIntegrationButtonText, {
     values: {
       integrationName: integrationName
     }
@@ -72,19 +78,26 @@ var SplitButtonDropdown = function SplitButtonDropdown(props) {
     onIntegrationClick(integration);
     createAndFireEvent((0, _analytics.shareIntegrationButtonEvent)(integration.type));
   }, [createAndFireEvent, onIntegrationClick]);
-  return /*#__PURE__*/_react.default.createElement(DropdownMenuWrapper, null, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownMenuStateless, {
-    "data-testid": "split-button-dropdown",
-    triggerButtonProps: {
-      appearance: triggerButtonAppearance
+  return /*#__PURE__*/_react.default.createElement(DropdownMenuWrapper, null, /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
+    testId: "split-button-dropdown",
+    trigger: function trigger(_ref2) {
+      var triggerRef = _ref2.triggerRef,
+          providedProps = (0, _objectWithoutProperties2.default)(_ref2, ["triggerRef"]);
+      return /*#__PURE__*/_react.default.createElement(_standardButton.default, (0, _extends2.default)({}, providedProps, {
+        ref: triggerRef,
+        iconBefore: /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
+          label: ""
+        }),
+        appearance: triggerButtonAppearance
+      }));
     },
-    triggerType: "button",
-    position: "bottom right",
+    placement: "bottom-end",
     isOpen: isUsingSplitButton,
     onOpenChange: onOpenChange
   }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, shareIntegrations.map(function (integration) {
     return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
       key: integration.type,
-      "data-testid": "split-button-dropdownitem-".concat(integration.type)
+      testId: "split-button-dropdownitem-".concat(integration.type)
     }, /*#__PURE__*/_react.default.createElement(DropDownIntegrationButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_IntegrationButton.default, {
       textColor: _colors.N800,
       appearance: "subtle",
@@ -100,17 +113,17 @@ var SplitButtonDropdown = function SplitButtonDropdown(props) {
 
 SplitButtonDropdown.displayName = 'SplitButtonDropdown';
 
-function SplitButton(_ref2) {
-  var shareButton = _ref2.shareButton,
-      handleOpenSplitButton = _ref2.handleOpenSplitButton,
-      handleCloseSplitButton = _ref2.handleCloseSplitButton,
-      isUsingSplitButton = _ref2.isUsingSplitButton,
-      shareIntegrations = _ref2.shareIntegrations,
-      onIntegrationClick = _ref2.onIntegrationClick,
-      triggerButtonAppearance = _ref2.triggerButtonAppearance,
-      dialogZIndex = _ref2.dialogZIndex,
-      dialogPlacement = _ref2.dialogPlacement,
-      createAndFireEvent = _ref2.createAndFireEvent;
+function SplitButton(_ref3) {
+  var shareButton = _ref3.shareButton,
+      handleOpenSplitButton = _ref3.handleOpenSplitButton,
+      handleCloseSplitButton = _ref3.handleCloseSplitButton,
+      isUsingSplitButton = _ref3.isUsingSplitButton,
+      shareIntegrations = _ref3.shareIntegrations,
+      onIntegrationClick = _ref3.onIntegrationClick,
+      triggerButtonAppearance = _ref3.triggerButtonAppearance,
+      dialogZIndex = _ref3.dialogZIndex,
+      dialogPlacement = _ref3.dialogPlacement,
+      createAndFireEvent = _ref3.createAndFireEvent;
   return /*#__PURE__*/_react.default.createElement(SplitButtonWrapper, {
     "data-testid": "split-button"
   }, shareButton, /*#__PURE__*/_react.default.createElement(SplitButtonDropdown, {

package/dist/cjs/components/UserPickerField.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UserPickerField = exports.REQUIRED = void 0;
+exports.UserPickerFieldComponent = exports.UserPickerField = exports.REQUIRED = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -31,7 +31,7 @@ var _userPicker = _interopRequireWildcard(require("@atlaskit/user-picker"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _i18n = require("../i18n");
 
@@ -66,7 +66,7 @@ var getNoOptionsMessageDescriptor = function getNoOptionsMessageDescriptor(email
 var getNoOptionsMessage = function getNoOptionsMessage(isPublicLink, allowEmail) {
   return function (_ref) {
     var inputValue = _ref.inputValue;
-    return inputValue && inputValue.trim().length > 0 ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, getNoOptionsMessageDescriptor((0, _userPicker.isValidEmail)(inputValue), isPublicLink, allowEmail), {
+    return inputValue && inputValue.trim().length > 0 ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, getNoOptionsMessageDescriptor((0, _userPicker.isValidEmail)(inputValue), isPublicLink, allowEmail), {
       values: {
         inputValue: inputValue
       }
@@ -107,15 +107,15 @@ var getRequiredMessage = function getRequiredMessage(product, allowEmail) {
   return messages[product];
 };
 
-var UserPickerField = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(UserPickerField, _React$Component);
+var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(UserPickerFieldComponent, _React$Component);
 
-  var _super = _createSuper(UserPickerField);
+  var _super = _createSuper(UserPickerFieldComponent);
 
-  function UserPickerField() {
+  function UserPickerFieldComponent() {
     var _this;
 
-    (0, _classCallCheck2.default)(this, UserPickerField);
+    (0, _classCallCheck2.default)(this, UserPickerFieldComponent);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -145,7 +145,7 @@ var UserPickerField = /*#__PURE__*/function (_React$Component) {
         return helperMessage;
       }
 
-      return product === 'jira' ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.infoMessageDefaultJira) : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.infoMessageDefaultConfluence);
+      return product === 'jira' ? /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.infoMessageDefaultJira) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.infoMessageDefaultConfluence);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleUserPickerTransform", function (event, current) {
       var onChange = _this.props.onChange;
@@ -159,7 +159,7 @@ var UserPickerField = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  (0, _createClass2.default)(UserPickerField, [{
+  (0, _createClass2.default)(UserPickerFieldComponent, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -168,6 +168,7 @@ var UserPickerField = /*#__PURE__*/function (_React$Component) {
           defaultValue = _this$props2.defaultValue,
           enableSmartUserPicker = _this$props2.enableSmartUserPicker,
           config = _this$props2.config,
+          intl = _this$props2.intl,
           isLoading = _this$props2.isLoading,
           product = _this$props2.product,
           onInputChange = _this$props2.onInputChange,
@@ -190,7 +191,7 @@ var UserPickerField = /*#__PURE__*/function (_React$Component) {
         loadOptions: this.loadOptions,
         isMulti: true,
         width: '100%',
-        placeholder: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, getPlaceHolderMessageDescriptor(product, allowEmail)),
+        placeholder: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, getPlaceHolderMessageDescriptor(product, allowEmail)),
         allowEmail: allowEmail,
         noOptionsMessage: getNoOptionsMessage(isPublicLink, allowEmail),
         isLoading: isLoading,
@@ -212,16 +213,16 @@ var UserPickerField = /*#__PURE__*/function (_React$Component) {
 
         var inviteWarningMessage = _this2.getInviteWarningMessage();
 
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.userPickerAddMoreMessage, function (addMore) {
-          return /*#__PURE__*/_react.default.createElement(UserPickerComponent, (0, _extends2.default)({}, fieldProps, commonPickerProps, smartUserPickerProps, {
-            addMoreMessage: addMore,
-            menuPortalTarget: menuPortalTarget
-          }));
-        }), inviteWarningMessage && /*#__PURE__*/_react.default.createElement(_form.HelperMessage, null, inviteWarningMessage), !valid && error === REQUIRED && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, requiredMessage)));
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(UserPickerComponent, (0, _extends2.default)({}, fieldProps, commonPickerProps, smartUserPickerProps, {
+          addMoreMessage: intl.formatMessage(_i18n.messages.userPickerAddMoreMessage),
+          menuPortalTarget: menuPortalTarget
+        })), inviteWarningMessage && /*#__PURE__*/_react.default.createElement(_form.HelperMessage, null, inviteWarningMessage), !valid && error === REQUIRED && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, requiredMessage)));
       });
     }
   }]);
-  return UserPickerField;
+  return UserPickerFieldComponent;
 }(_react.default.Component);
 
+exports.UserPickerFieldComponent = UserPickerFieldComponent;
+var UserPickerField = (0, _reactIntlNext.injectIntl)(UserPickerFieldComponent);
 exports.UserPickerField = UserPickerField;