@atlaskit/share 0.34.3 → 1.0.3

package/CHANGELOG.md

@@ -1,5 +1,69 @@
 # @atlaskit/share
 
+## 1.0.3
+
+### Patch Changes
+
+- [`6eb7be4e83d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6eb7be4e83d) - [ux] Implementing the product specific tab share titles for the experiment
+
+## 1.0.2
+
+### Patch Changes
+
+- [`1bc9346871a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1bc9346871a) - Updates to prop passing from share to integration. The share-to-slack form needs to make use of this onClose prop in the actual form
+
+## 1.0.1
+
+### Patch Changes
+
+- [`b8afeefa482`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b8afeefa482) - Analytics update to tabs onChange event
+
+## 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

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

@@ -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

@@ -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

@@ -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"));
 
@@ -150,6 +150,15 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
         createAnalyticsEvent(payload).fire(_analytics.CHANNEL_ID);
       }
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onTabChange", function (index) {
+      var subjectId = 'shareTab';
+
+      if (index === 1) {
+        subjectId = 'shareToSlackTab';
+      }
+
+      _this.createAndFireEvent((0, _analytics.shareTabClicked)(subjectId));
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getFlags", function () {
       var formatMessage = _this.props.intl.formatMessage; // The reason for providing message property is that in jira,
       // the Flag system takes only Message Descriptor as payload
@@ -344,7 +353,7 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
       } 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)
@@ -473,6 +482,7 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
             onSubmit: _this2.handleShareSubmit,
             title: shareFormTitle,
             showTitle: integrationMode !== 'tabs' || !shareIntegrations || !shareIntegrations.length,
+            onTabChange: _this2.onTabChange,
             helperMessage: shareFormHelperMessage,
             shareError: shareError,
             onDismiss: _this2.handleFormDismiss,
@@ -491,6 +501,7 @@ var ShareDialogWithTriggerInternal = /*#__PURE__*/function (_React$PureComponent
             isPublicLink: isPublicLink,
             copyTooltipText: copyTooltipText,
             integrationMode: integrationMode,
+            handleCloseDialog: _this2.handleCloseDialog,
             shareIntegrations: shareIntegrations
           })), bottomMessage ? /*#__PURE__*/_react.default.createElement(BottomMessageWrapper, null, bottomMessage) : null, customFooter && /*#__PURE__*/_react.default.createElement(CustomFooterWrapper, null, customFooter)));
         },
@@ -521,5 +532,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

@@ -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"));
 
@@ -65,6 +65,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function ownKeys(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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -90,7 +94,7 @@ 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(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.shareInIntegrationButtonText, {
+  return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.shareInIntegrationButtonText, {
     values: {
       integrationName: integrationName
     }
@@ -176,7 +180,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),
@@ -186,7 +190,23 @@ 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))));
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMainTabTitle", function () {
+      var _this$props3 = _this.props,
+          title = _this$props3.title,
+          product = _this$props3.product;
+
+      if (title) {
+        return title;
+      }
+
+      if (!product) {
+        return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.formTitle);
+      }
+
+      var productShareType = product === 'jira' ? _objectSpread({}, _i18n.messages.shareMainTabTextJira) : _objectSpread({}, _i18n.messages.shareMainTabTextConfluence);
+      return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, productShareType);
     });
     return _this;
   }
@@ -194,9 +214,9 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   (0, _createClass2.default)(InternalForm, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$props3 = this.props,
-          onDismiss = _this$props3.onDismiss,
-          getValues = _this$props3.getValues;
+      var _this$props4 = this.props,
+          onDismiss = _this$props4.onDismiss,
+          getValues = _this$props4.getValues;
 
       if (onDismiss) {
         onDismiss(getValues());
@@ -205,11 +225,12 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props4 = this.props,
-          title = _this$props4.title,
-          _this$props4$integrat = _this$props4.integrationMode,
-          integrationMode = _this$props4$integrat === void 0 ? 'off' : _this$props4$integrat,
-          shareIntegrations = _this$props4.shareIntegrations;
+      var _this$props5 = this.props,
+          _this$props5$integrat = _this$props5.integrationMode,
+          integrationMode = _this$props5$integrat === void 0 ? 'off' : _this$props5$integrat,
+          shareIntegrations = _this$props5.shareIntegrations,
+          onTabChange = _this$props5.onTabChange,
+          handleCloseDialog = _this$props5.handleCloseDialog;
 
       if (integrationMode === 'off' || !shareIntegrations || !shareIntegrations.length) {
         return this.renderShareForm();
@@ -219,10 +240,13 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
 
       if (integrationMode === 'tabs') {
         return /*#__PURE__*/_react.default.createElement(_tabs.default, {
-          id: "ShareForm-Tabs-Integrations"
+          id: "ShareForm-Tabs-Integrations",
+          onChange: function onChange(index) {
+            onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(index);
+          }
         }, /*#__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, {
+        }, this.renderMainTabTitle()), /*#__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)), integrationTabText(firstIntegration.type)))), /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
           key: "share-tabPanel-default"
@@ -235,7 +259,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
         }, /*#__PURE__*/_react.default.createElement(_IntegrationForm.IntegrationForm, {
           Content: firstIntegration.Content,
           onIntegrationClose: function onIntegrationClose() {
-            return null;
+            return handleCloseDialog === null || handleCloseDialog === void 0 ? void 0 : handleCloseDialog();
           }
         }))));
       }
@@ -249,7 +273,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

@@ -17,7 +17,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -50,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
     }

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;

package/dist/cjs/components/analytics.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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;
+exports.shortUrlRequested = exports.shortUrlGenerated = exports.shareTriggerButtonClicked = exports.shareTabClicked = 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"));
 
@@ -94,6 +94,12 @@ var shareTriggerButtonClicked = function shareTriggerButtonClicked() {
 
 exports.shareTriggerButtonClicked = shareTriggerButtonClicked;
 
+var shareTabClicked = function shareTabClicked(subjectId) {
+  return createEvent('ui', ANALYTICS_SOURCE, 'clicked', 'tab', subjectId || 'shareTab');
+};
+
+exports.shareTabClicked = shareTabClicked;
+
 var cancelShare = function cancelShare(start) {
   return createEvent('ui', ANALYTICS_SOURCE, 'pressed', 'keyboardShortcut', 'cancelShare', {
     source: ANALYTICS_SOURCE,

package/dist/cjs/i18n/cs.js

@@ -33,8 +33,11 @@ var _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/cjs/i18n/da.js

@@ -33,8 +33,12 @@ var _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.in.integration.button': 'Del i {integrationName}',
   '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/cjs/i18n/de.js

@@ -33,8 +33,11 @@ var _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/cjs/i18n/en_ZZ.js

@@ -33,8 +33,12 @@ var _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/cjs/i18n/es.js

@@ -33,8 +33,12 @@ var _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.in.integration.button': 'Compartir en {integrationName}',
   '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',