@atlaskit/reactions 20.1.0 → 21.0.0

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # @atlaskit/reactions
 
+## 21.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
+
 ## 20.1.0
 
 ### Minor Changes

package/dist/cjs/components/ReactionTooltip.js

@@ -13,7 +13,7 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _typestyle = require("typestyle");
 
@@ -74,7 +74,7 @@ var ReactionTooltip = function ReactionTooltip(_ref) {
     }, user.displayName);
   }), users.length > TOOLTIP_USERS_LIMIT ? /*#__PURE__*/_react.default.createElement("li", {
     className: footerStyle
-  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.otherUsers, {
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.otherUsers, {
     values: {
       count: users.length - TOOLTIP_USERS_LIMIT
     }

package/dist/cjs/components/Reactions.js

@@ -27,7 +27,7 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _typestyle = require("typestyle");
 
@@ -91,11 +91,11 @@ var ReactionsWithoutAnalytics = /*#__PURE__*/function (_React$PureComponent) {
 
       switch (status) {
         case _ReactionStatus.ReactionStatus.error:
-          return errorMessage ? errorMessage : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.unexpectedError);
+          return errorMessage ? errorMessage : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.unexpectedError);
 
         case _ReactionStatus.ReactionStatus.loading:
         case _ReactionStatus.ReactionStatus.notLoaded:
-          return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.loadingReactions);
+          return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.loadingReactions);
 
         default:
           return undefined;

package/dist/cjs/components/ShowMore.js

@@ -37,7 +37,7 @@ var _typestyle = require("typestyle");
 
 var _i18n = require("./i18n");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 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); }; }
 
@@ -93,7 +93,7 @@ var ShowMore = /*#__PURE__*/function (_React$PureComponent) {
         style: style.container
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: separatorStyle
-      }), /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.moreEmoji, function (text) {
+      }), /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.moreEmoji, function (text) {
         return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
           content: text
         }, /*#__PURE__*/_react.default.createElement("button", {

package/dist/cjs/components/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)({
   loadingReactions: {
     id: 'fabric.reactions.loading',
     defaultMessage: 'Loading...',

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "20.1.0"
+	"version": "21.0.0"
 }

package/dist/es2019/components/ReactionTooltip.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import Tooltip from '@atlaskit/tooltip';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { style } from 'typestyle';
 import { token } from '@atlaskit/tokens';
 import { N90 } from '@atlaskit/theme/colors';

package/dist/es2019/components/Reactions.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import Tooltip from '@atlaskit/tooltip';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { style } from 'typestyle';
 import { createAndFireSafe, createPickerButtonClickedEvent, createPickerCancelledEvent, createPickerMoreClickedEvent, createReactionSelectionEvent, createReactionsRenderedEvent } from '../analytics';
 import { ReactionStatus } from '../types/ReactionStatus';

package/dist/es2019/components/ShowMore.js

@@ -8,7 +8,7 @@ import cx from 'classnames';
 import React from 'react';
 import { style } from 'typestyle';
 import { messages } from './i18n';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 const moreEmojiContainerStyle = style({
   display: 'flex'
 });

package/dist/es2019/components/i18n.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const messages = defineMessages({
   loadingReactions: {
     id: 'fabric.reactions.loading',

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "20.1.0"
+	"version": "21.0.0"
 }

package/dist/esm/components/ReactionTooltip.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import Tooltip from '@atlaskit/tooltip';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { style } from 'typestyle';
 import { token } from '@atlaskit/tokens';
 import { N90 } from '@atlaskit/theme/colors';

package/dist/esm/components/Reactions.js

@@ -13,7 +13,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import Tooltip from '@atlaskit/tooltip';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { style } from 'typestyle';
 import { createAndFireSafe, createPickerButtonClickedEvent, createPickerCancelledEvent, createPickerMoreClickedEvent, createReactionSelectionEvent, createReactionsRenderedEvent } from '../analytics';
 import { ReactionStatus } from '../types/ReactionStatus';

package/dist/esm/components/ShowMore.js

@@ -18,7 +18,7 @@ import cx from 'classnames';
 import React from 'react';
 import { style } from 'typestyle';
 import { messages } from './i18n';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 var moreEmojiContainerStyle = style({
   display: 'flex'
 });

package/dist/esm/components/i18n.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export var messages = defineMessages({
   loadingReactions: {
     id: 'fabric.reactions.loading',

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/reactions",
-	"version": "20.1.0"
+	"version": "21.0.0"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/reactions",
-  "version": "20.1.0",
+  "version": "21.0.0",
   "description": "Reactions component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -29,7 +29,7 @@
     "@atlaskit/analytics-namespaced-context": "^6.3.0",
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/button": "^16.0.0",
-    "@atlaskit/emoji": "^63.1.0",
+    "@atlaskit/emoji": "^64.0.0",
     "@atlaskit/icon": "^21.9.0",
     "@atlaskit/popper": "^5.0.0",
     "@atlaskit/theme": "^12.0.0",
@@ -44,12 +44,12 @@
   "peerDependencies": {
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
-    "react-intl": "^2.6.0"
+    "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
     "@atlaskit/analytics-viewer": "^0.4.5",
     "@atlaskit/docs": "^9.0.0",
-    "@atlaskit/editor-test-helpers": "^15.6.0",
+    "@atlaskit/editor-test-helpers": "^16.0.0",
     "@atlaskit/elements-test-helpers": "^0.7.0",
     "@atlaskit/tooltip": "^17.5.0",
     "@atlaskit/util-data-test": "^17.0.0",
@@ -60,7 +60,7 @@
     "fetch-mock": "^8.0.0",
     "jest-fetch-mock": "^3.0.3",
     "react": "^16.8.0",
-    "react-intl": "^2.6.0",
+    "react-intl-next": "npm:react-intl@^5.18.1",
     "typescript": "3.9.6",
     "wait-for-expect": "^1.2.0"
   },