@atlaskit/share 0.34.3 → 1.0.0

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # @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

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"));
 
@@ -344,7 +344,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)
@@ -521,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

@@ -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"));
 
@@ -90,7 +90,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 +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),
@@ -186,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;
   }
@@ -222,7 +222,7 @@ var InternalForm = /*#__PURE__*/function (_React$PureComponent) {
           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)), integrationTabText(firstIntegration.type)))), /*#__PURE__*/_react.default.createElement(_tabs.TabPanel, {
           key: "share-tabPanel-default"
@@ -249,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

@@ -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/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',

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/share",
-	"version": "0.34.3"
+	"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';

package/dist/es2019/components/ShareForm.js

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

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,6 +1,6 @@
 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 Button from '@atlaskit/button/standard-button';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';

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',

package/dist/es2019/version.json

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

package/dist/esm/components/CommentField.js

@@ -2,30 +2,29 @@ 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 var CommentField = function CommentField(_ref) {
   var defaultValue = _ref.defaultValue;
+  var intl = useIntl();
   return /*#__PURE__*/React.createElement(Field, {
     name: "comment",
     defaultValue: defaultValue
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps;
-    return /*#__PURE__*/React.createElement(FormattedMessage, messages.commentPlaceholder, function (placeholder) {
-      return /*#__PURE__*/React.createElement(FieldTextArea, _extends({}, 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.createElement(FieldTextArea, _extends({}, 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(messages.commentPlaceholder)
+    }));
   });
 };

package/dist/esm/components/CopyLinkButton.js

@@ -21,7 +21,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/esm/components/MessagesIntlProvider.js

@@ -5,7 +5,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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) { _defineProperty(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; }
 
 import React, { useMemo } from 'react';
-import { IntlProvider, injectIntl } from 'react-intl';
+import { IntlProvider, injectIntl } from 'react-intl-next';
 import { getMessagesForLocale } from '../util/i18n-util';
 
 var MessagesIntlProvider = function MessagesIntlProvider(_ref) {
@@ -15,6 +15,7 @@ var MessagesIntlProvider = function MessagesIntlProvider(_ref) {
     return _objectSpread(_objectSpread({}, intl.messages), getMessagesForLocale(intl.locale));
   }, [intl.messages, intl.locale]);
   return /*#__PURE__*/React.createElement(IntlProvider, {
+    locale: intl.locale,
     messages: mergedMessages
   }, children);
 };

package/dist/esm/components/ShareDialogContainer.js

@@ -19,7 +19,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 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/esm/components/ShareDialogWithTrigger.js

@@ -26,7 +26,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';

package/dist/esm/components/ShareForm.js

@@ -22,7 +22,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';

package/dist/esm/components/ShareHeader.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2;
 
 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/esm/components/SplitButton.js

@@ -5,7 +5,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3;
 
 import React, { useCallback } from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import styled from 'styled-components';
 import Button from '@atlaskit/button/standard-button';
 import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';

package/dist/esm/components/UserPickerField.js

@@ -14,7 +14,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 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';
@@ -77,15 +77,15 @@ var getRequiredMessage = function getRequiredMessage(product, allowEmail) {
   return messages[product];
 };
 
-export var UserPickerField = /*#__PURE__*/function (_React$Component) {
-  _inherits(UserPickerField, _React$Component);
+export var UserPickerFieldComponent = /*#__PURE__*/function (_React$Component) {
+  _inherits(UserPickerFieldComponent, _React$Component);
 
-  var _super = _createSuper(UserPickerField);
+  var _super = _createSuper(UserPickerFieldComponent);
 
-  function UserPickerField() {
+  function UserPickerFieldComponent() {
     var _this;
 
-    _classCallCheck(this, UserPickerField);
+    _classCallCheck(this, UserPickerFieldComponent);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -133,7 +133,7 @@ export var UserPickerField = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(UserPickerField, [{
+  _createClass(UserPickerFieldComponent, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -142,6 +142,7 @@ export 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,
@@ -186,15 +187,14 @@ export var UserPickerField = /*#__PURE__*/function (_React$Component) {
 
         var inviteWarningMessage = _this2.getInviteWarningMessage();
 
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.userPickerAddMoreMessage, function (addMore) {
-          return /*#__PURE__*/React.createElement(UserPickerComponent, _extends({}, fieldProps, commonPickerProps, smartUserPickerProps, {
-            addMoreMessage: addMore,
-            menuPortalTarget: menuPortalTarget
-          }));
-        }), inviteWarningMessage && /*#__PURE__*/React.createElement(HelperMessage, null, inviteWarningMessage), !valid && error === REQUIRED && /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(FormattedMessage, requiredMessage)));
+        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)));
       });
     }
   }]);
 
-  return UserPickerField;
-}(React.Component);
+  return UserPickerFieldComponent;
+}(React.Component);
+export var UserPickerField = injectIntl(UserPickerFieldComponent);

package/dist/esm/i18n.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export var messages = defineMessages({
   formTitle: {
     id: 'fabric.elements.share.form.title',

package/dist/esm/version.json

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

package/dist/types/components/CopyLinkButton.d.ts

@@ -1,6 +1,6 @@
 import { TriggerProps } from '@atlaskit/popup';
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 export declare const AUTO_DISMISS_MS: number;
 export declare const MessageContainer: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 declare type InputProps = {
@@ -17,7 +17,7 @@ export declare type Props = {
 export declare type State = {
     shouldShowCopiedMessage: boolean;
 };
-export declare class CopyLinkButton extends React.Component<Props & InjectedIntlProps, State> {
+export declare class CopyLinkButton extends React.Component<Props & WrappedComponentProps, State> {
     private autoDismiss;
     private inputRef;
     state: {
@@ -30,7 +30,7 @@ export declare class CopyLinkButton extends React.Component<Props & InjectedIntl
     renderTriggerButton: (triggerProps: TriggerProps) => JSX.Element;
     render(): JSX.Element;
 }
-declare const _default: React.ComponentClass<Props, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/components/MessagesIntlProvider.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 export interface Props {
     children: React.ReactChild;
 }
-declare const _default: React.ComponentClass<Props, any> & {
-    WrappedComponent: ReactIntl.ComponentConstructor<Props & InjectedIntlProps>;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;
 };
 export default _default;

package/dist/types/components/ShareDialogWithTrigger.d.ts

@@ -3,7 +3,7 @@ import { Appearance } from '@atlaskit/button/types';
 import { TriggerProps } from '@atlaskit/popup';
 import { LoadOptions, Value } from '@atlaskit/user-picker';
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { ConfigResponse, DialogContentState, DialogPlacement, Flag, OriginTracing, ProductName, RenderCustomTriggerButton, ShareButtonStyle, ShareError, TooltipPosition, Integration } from '../types';
 import { IconProps } from '@atlaskit/icon';
 import { IntegrationMode } from '../types/ShareEntities';
@@ -65,7 +65,7 @@ export declare type Props = {
     copyTooltipText?: string;
 };
 export declare const defaultShareContentState: DialogContentState;
-declare type ShareDialogWithTriggerInternalProps = Props & InjectedIntlProps & WithAnalyticsEventsProps;
+declare type ShareDialogWithTriggerInternalProps = Props & WrappedComponentProps & WithAnalyticsEventsProps;
 export declare class ShareDialogWithTriggerInternal extends React.PureComponent<ShareDialogWithTriggerInternalProps, State> {
     static defaultProps: Partial<Props>;
     private containerRef;
@@ -95,5 +95,5 @@ export declare class ShareDialogWithTriggerInternal extends React.PureComponent<
     handleCloseSplitButton: () => void;
     render(): JSX.Element;
 }
-export declare const ShareDialogWithTrigger: React.ForwardRefExoticComponent<Pick<Props & WithAnalyticsEventsProps, "isPublicLink" | "children" | "tabIndex" | "isDisabled" | "triggerButtonAppearance" | "shareIntegrations" | "dialogZIndex" | "dialogPlacement" | "copyTooltipText" | "config" | "product" | "enableSmartUserPicker" | "loggedInAccountId" | "cloudId" | "isFetchingConfig" | "copyLink" | "submitButtonLabel" | "onUserSelectionChange" | "integrationMode" | "onTriggerButtonClick" | "isAutoOpenDialog" | "analyticsDecorator" | "loadUserOptions" | "onDialogOpen" | "onDialogClose" | "onShareSubmit" | "renderCustomTriggerButton" | "shareContentType" | "shareFormTitle" | "shareFormHelperMessage" | "copyLinkOrigin" | "formShareOrigin" | "shouldCloseOnEscapePress" | "showFlags" | "triggerButtonIcon" | "triggerButtonStyle" | "triggerButtonTooltipPosition" | "triggerButtonTooltipText" | "bottomMessage" | "customFooter" | "shareFieldsFooter" | "isCopyDisabled" | "shareAri"> & React.RefAttributes<any>>;
+export declare const ShareDialogWithTrigger: React.ComponentType<Props>;
 export {};

package/dist/types/components/ShareForm.d.ts

@@ -1,6 +1,6 @@
 import { LoadOptions, OptionData, Value } from '@atlaskit/user-picker';
 import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
+import { WrappedComponentProps } from 'react-intl-next';
 import { Comment, ConfigResponse, DialogContentState, FormChildrenArgs, Integration, ProductName } from '../types';
 import { IntegrationMode } from '../types/ShareEntities';
 interface FormWrapperType {
@@ -45,6 +45,6 @@ export declare type Props = {
     integrationMode?: IntegrationMode;
     shareIntegrations?: Array<Integration>;
 };
-export declare type InternalFormProps = FormChildrenArgs<ShareData> & Props & InjectedIntlProps;
+export declare type InternalFormProps = FormChildrenArgs<ShareData> & Props & WrappedComponentProps;
 export declare const ShareForm: React.FC<Props>;
 export {};

package/dist/types/components/SlackIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const SlackIcon: () => JSX.Element;
 export default SlackIcon;

package/dist/types/components/UserPickerField.d.ts

@@ -1,5 +1,6 @@
 import { LoadOptions, OptionData, Value } from '@atlaskit/user-picker';
 import React from 'react';
+import { WrappedComponentProps } from 'react-intl-next';
 import { ConfigResponse, ProductName } from '../types';
 export declare const REQUIRED = "REQUIRED";
 export declare type Props = {
@@ -17,9 +18,10 @@ export declare type Props = {
     isPublicLink?: boolean;
     helperMessage?: string;
 };
-export declare class UserPickerField extends React.Component<Props> {
+export declare class UserPickerFieldComponent extends React.Component<WrappedComponentProps & Props> {
     private loadOptions;
     private getInviteWarningMessage;
     private handleUserPickerTransform;
     render(): JSX.Element;
 }
+export declare const UserPickerField: React.ComponentType<Props>;

package/dist/types/components/monochromeSlackIcon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const SlackIcon: () => JSX.Element;
 export default SlackIcon;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/share",
-  "version": "0.34.3",
+  "version": "1.0.0",
   "description": "Fabric Share Element",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,21 +41,21 @@
     "@atlaskit/tabs": "^13.2.3",
     "@atlaskit/theme": "^12.0.0",
     "@atlaskit/tooltip": "^17.5.0",
-    "@atlaskit/user-picker": "^7.16.0",
+    "@atlaskit/user-picker": "^8.0.0",
     "@atlaskit/util-service-support": "^6.0.0",
     "@babel/runtime": "^7.0.0",
     "fast-deep-equal": "^3.1.1",
     "memoize-one": "^6.0.0",
+    "react-intl-next": "npm:react-intl@^5.18.1",
     "tiny-invariant": "^0.0.3"
   },
   "peerDependencies": {
     "react": "^16.8.0",
-    "react-intl": "^2.6.0",
     "styled-components": "^3.2.6"
   },
   "devDependencies": {
     "@atlaskit/docs": "^9.0.0",
-    "@atlaskit/editor-test-helpers": "^15.6.0",
+    "@atlaskit/editor-test-helpers": "^16.0.0",
     "@atlaskit/flag": "^14.4.0",
     "@atlaskit/section-message": "^6.0.0",
     "@atlaskit/select": "^15.0.0",
@@ -67,7 +67,6 @@
     "enzyme-react-intl": "^2.0.6",
     "jest-fetch-mock": "^3.0.3",
     "react": "^16.8.0",
-    "react-intl": "^2.6.0",
     "typescript": "3.9.6"
   },
   "keywords": [