react-intl 4.7.5 → 5.0.2

package/CHANGELOG.md

@@ -3,6 +3,64 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.0.2](https://github.com/formatjs/formatjs/compare/react-intl@5.0.1...react-intl@5.0.2) (2020-07-03)
+
+**Note:** Version bump only for package react-intl
+
+
+
+
+
+## [5.0.1](https://github.com/formatjs/formatjs/compare/react-intl@5.0.0...react-intl@5.0.1) (2020-07-03)
+
+**Note:** Version bump only for package react-intl
+
+
+
+
+
+# [5.0.0](https://github.com/formatjs/formatjs/compare/react-intl@4.7.6...react-intl@5.0.0) (2020-07-03)
+
+
+### Features
+
+* **intl-messageformat:** make FormatXMLElementFn non-variadic ([f2963bf](https://github.com/formatjs/formatjs/commit/f2963bf17ec9809b13fffdb52d68f70439ba186b))
+* **react-intl:** fail fast when intl Provider is missing ([42fa3c1](https://github.com/formatjs/formatjs/commit/42fa3c1c084b6da969790ee0b77b2f7fd6353488))
+* **react-intl:** merge chunks in FormatXMLElementFn ([1b5892f](https://github.com/formatjs/formatjs/commit/1b5892febb8bbd71613761ba253f702dc18fb522)), closes [#1623](https://github.com/formatjs/formatjs/issues/1623)
+
+
+### BREAKING CHANGES
+
+* **react-intl:** This also comes from Dropbox internal developer feedback. `FormattedMessage` has a default English renderer that masks `Provider` setup issues which causes them to not be handled during testing phase.
+* **intl-messageformat:** This effectively change the signature for formatter
+function from `(...chunks) => any` to `(chunks) => any`. This solves a
+couple of issues:
+1. We received user feedback that variadic function is not as ergonomic
+2. Right now there's not way to distinguish between 2 chunks that have
+the same tag, e.g `<b>on</b> and <b>on</b>`. The function would
+receive 2 chunks that are identical. By consoliding to the 1st param we
+can reserve additional params to provide mode metadata in the future
+* **react-intl:** This turns rich text formatting callback function to
+non-variadic. So `(...chunks) => React.ReactNode` becomes `(chunks) =>
+React.ReactNode`. This solves a couple of issues:
+1. We receive feedback that variadic callback fn is not ergonomic
+2. This solves the missing key issue when we render rich text
+3. This allows us to utilize extra param to distinguish when 2 React
+element are exactly the same except for their indices, e.g `<b>one</b>
+and <b>one</b>` and you want to render them differently
+
+
+
+
+
+## [4.7.6](https://github.com/formatjs/formatjs/compare/react-intl@4.7.5...react-intl@4.7.6) (2020-07-01)
+
+**Note:** Version bump only for package react-intl
+
+
+
+
+
 ## [4.7.5](https://github.com/formatjs/formatjs/compare/react-intl@4.7.4...react-intl@4.7.5) (2020-06-26)
 
 **Note:** Version bump only for package react-intl

package/dist/components/message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../src/components/message.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,aAAa,EAAE,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAErE,OAAO,EAAC,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAmC3C,MAAM,WAAW,KAAK,CACpB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAC/D,SAAQ,iBAAiB;IACzB,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IACjC,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAED,cAAM,gBAAgB,CACpB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CACpC,MAAM,EACJ,aAAa,GACb,KAAK,CAAC,YAAY,GAClB,kBAAkB,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CACvD,CACD,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACjC,MAAM,CAAC,WAAW,SAAsB;IAExC,qBAAqB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,OAAO;IASnD,MAAM,IAAI,GAAG,CAAC,OAAO;CA6CtB;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../src/components/message.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,aAAa,EAAE,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAErE,OAAO,EAAC,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAM3C,MAAM,WAAW,KAAK,CACpB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAC/D,SAAQ,iBAAiB;IACzB,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IACjC,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAED,cAAM,gBAAgB,CACpB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CACpC,MAAM,EACJ,aAAa,GACb,KAAK,CAAC,YAAY,GAClB,kBAAkB,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CACvD,CACD,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACjC,MAAM,CAAC,WAAW,SAAsB;IAExC,qBAAqB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,OAAO;IASnD,MAAM,IAAI,GAAG,CAAC,OAAO;CAwCtB;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/message.js

@@ -17,17 +17,6 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -49,16 +38,9 @@ var __spreadArrays = (this && this.__spreadArrays) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = require("react");
 var injectIntl_1 = require("./injectIntl");
-var message_1 = require("../formatters/message");
 var utils_1 = require("../utils");
 var shallowEquals_ = require("shallow-equal/objects");
 var shallowEquals = shallowEquals_.default || shallowEquals_;
-function defaultFormatMessage(descriptor, values) {
-    if (process.env.NODE_ENV !== 'production') {
-        console.error('[React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry. Using default message as fallback.');
-    }
-    return message_1.formatMessage(__assign(__assign({}, utils_1.DEFAULT_INTL_CONFIG), { locale: 'en' }), utils_1.createFormatters(), descriptor, values);
-}
 var FormattedMessage = /** @class */ (function (_super) {
     __extends(FormattedMessage, _super);
     function FormattedMessage() {
@@ -73,18 +55,16 @@ var FormattedMessage = /** @class */ (function (_super) {
     FormattedMessage.prototype.render = function () {
         var _this = this;
         return (React.createElement(injectIntl_1.Context.Consumer, null, function (intl) {
-            if (!_this.props.defaultMessage) {
-                utils_1.invariantIntlContext(intl);
-            }
-            var _a = intl || {}, _b = _a.formatMessage, formatMessage = _b === void 0 ? defaultFormatMessage : _b, _c = _a.textComponent, Text = _c === void 0 ? React.Fragment : _c;
-            var _d = _this.props, id = _d.id, description = _d.description, defaultMessage = _d.defaultMessage, values = _d.values, children = _d.children, _e = _d.tagName, Component = _e === void 0 ? Text : _e;
+            utils_1.invariantIntlContext(intl);
+            var formatMessage = intl.formatMessage, _a = intl.textComponent, Text = _a === void 0 ? React.Fragment : _a;
+            var _b = _this.props, id = _b.id, description = _b.description, defaultMessage = _b.defaultMessage, values = _b.values, children = _b.children, _c = _b.tagName, Component = _c === void 0 ? Text : _c;
             var descriptor = { id: id, description: description, defaultMessage: defaultMessage };
             var nodes = formatMessage(descriptor, values);
             if (!Array.isArray(nodes)) {
                 nodes = [nodes];
             }
             if (typeof children === 'function') {
-                return children.apply(void 0, nodes);
+                return children(nodes);
             }
             if (Component) {
                 // Needs to use `createElement()` instead of JSX, otherwise React will

package/dist/components/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","sourceRoot":"","sources":["../../src/components/message.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6BAA+B;AAE/B,2CAAqC;AAErC,iDAAoD;AACpD,kCAIkB;AAClB,sDAAwD;AACxD,IAAM,aAAa,GAChB,cAAsB,CAAC,OAAO,IAAI,cAAc,CAAC;AAEpD,SAAS,oBAAoB,CAC3B,UAA6B,EAC7B,MAGC;IAED,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,OAAO,CAAC,KAAK,CACX,iJAAiJ,CAClJ,CAAC;KACH;IAED,OAAO,uBAAa,uBAEb,2BAAmB,KACtB,MAAM,EAAE,IAAI,KAEd,wBAAgB,EAAE,EAClB,UAAU,EACV,MAAa,CACd,CAAC;AACJ,CAAC;AAUD;IAOU,oCAAyB;IAPnC;;IAgEA,CAAC;IAtDC,gDAAqB,GAArB,UAAsB,SAAmB;QACvC,IAAM,eAAoC,EAAnC,kBAAM,EAAE,mCAA2B,CAAC;QACpC,IAAA,6BAAkB,EAAE,8CAAiB,CAAc;QAC1D,OAAO,CACL,CAAC,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC;YAClC,CAAC,aAAa,CAAC,UAAU,EAAE,cAAc,CAAC,CAC3C,CAAC;IACJ,CAAC;IAED,iCAAM,GAAN;QAAA,iBA4CC;QA3CC,OAAO,CACL,oBAAC,oBAAO,CAAC,QAAQ,QACd,UAAC,IAAI;YACJ,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,cAAc,EAAE;gBAC9B,4BAAoB,CAAC,IAAI,CAAC,CAAC;aAC5B;YAEK,IAAA,eAGQ,EAFZ,qBAAoC,EAApC,yDAAoC,EACpC,qBAAoC,EAApC,0CACY,CAAC;YACT,IAAA,gBAOQ,EANZ,UAAE,EACF,4BAAW,EACX,kCAAc,EACd,kBAAM,EACN,sBAAQ,EACR,eAAyB,EAAzB,qCACY,CAAC;YAEf,IAAM,UAAU,GAAG,EAAC,EAAE,IAAA,EAAE,WAAW,aAAA,EAAE,cAAc,gBAAA,EAAC,CAAC;YACrD,IAAI,KAAK,GAAkC,aAAa,CACtD,UAAU,EACV,MAAM,CACP,CAAC;YAEF,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACzB,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC;aACjB;YAED,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;gBAClC,OAAO,QAAQ,eAAI,KAAK,EAAE;aAC3B;YAED,IAAI,SAAS,EAAE;gBACb,sEAAsE;gBACtE,qEAAqE;gBACrE,OAAO,KAAK,CAAC,aAAa,OAAnB,KAAK,kBAAe,SAAS,EAAE,IAAI,GAAK,KAAK,GAAE;aACvD;YACD,OAAO,KAAK,CAAC;QACf,CAAC,CACgB,CACpB,CAAC;IACJ,CAAC;IAvDM,4BAAW,GAAG,kBAAkB,CAAC;IAwD1C,uBAAC;CAAA,AAhED,CAOU,KAAK,CAAC,SAAS,GAyDxB;AAED,kBAAe,gBAAgB,CAAC"}
+{"version":3,"file":"message.js","sourceRoot":"","sources":["../../src/components/message.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6BAA+B;AAE/B,2CAAqC;AAErC,kCAA8C;AAC9C,sDAAwD;AACxD,IAAM,aAAa,GAChB,cAAsB,CAAC,OAAO,IAAI,cAAc,CAAC;AAUpD;IAOU,oCAAyB;IAPnC;;IA2DA,CAAC;IAjDC,gDAAqB,GAArB,UAAsB,SAAmB;QACvC,IAAM,eAAoC,EAAnC,kBAAM,EAAE,mCAA2B,CAAC;QACpC,IAAA,6BAAkB,EAAE,8CAAiB,CAAc;QAC1D,OAAO,CACL,CAAC,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC;YAClC,CAAC,aAAa,CAAC,UAAU,EAAE,cAAc,CAAC,CAC3C,CAAC;IACJ,CAAC;IAED,iCAAM,GAAN;QAAA,iBAuCC;QAtCC,OAAO,CACL,oBAAC,oBAAO,CAAC,QAAQ,QACd,UAAC,IAAI;YACJ,4BAAoB,CAAC,IAAI,CAAC,CAAC;YAEpB,IAAA,kCAAa,EAAE,uBAAoC,EAApC,0CAAoC,CAAS;YAC7D,IAAA,gBAOQ,EANZ,UAAE,EACF,4BAAW,EACX,kCAAc,EACd,kBAAM,EACN,sBAAQ,EACR,eAAyB,EAAzB,qCACY,CAAC;YAEf,IAAM,UAAU,GAAG,EAAC,EAAE,IAAA,EAAE,WAAW,aAAA,EAAE,cAAc,gBAAA,EAAC,CAAC;YACrD,IAAI,KAAK,GAAkC,aAAa,CACtD,UAAU,EACV,MAAM,CACP,CAAC;YAEF,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACzB,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC;aACjB;YAED,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;gBAClC,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;aACxB;YAED,IAAI,SAAS,EAAE;gBACb,sEAAsE;gBACtE,qEAAqE;gBACrE,OAAO,KAAK,CAAC,aAAa,OAAnB,KAAK,kBAAe,SAAS,EAAE,IAAI,GAAK,KAAK,GAAE;aACvD;YACD,OAAO,KAAK,CAAC;QACf,CAAC,CACgB,CACpB,CAAC;IACJ,CAAC;IAlDM,4BAAW,GAAG,kBAAkB,CAAC;IAmD1C,uBAAC;CAAA,AA3DD,CAOU,KAAK,CAAC,SAAS,GAoDxB;AAED,kBAAe,gBAAgB,CAAC"}

package/dist/formatters/message.d.ts

@@ -1,4 +1,6 @@
+import * as React from 'react';
 import { Formatters, IntlConfig, MessageDescriptor } from '../types';
 import { FormatXMLElementFn, PrimitiveType } from 'intl-messageformat';
+export declare function assignUniqueKeysToFormatXMLElementFnArgument(values: Record<string, PrimitiveType | React.ReactNode | FormatXMLElementFn<React.ReactNode>>): typeof values;
 export declare function formatMessage({ locale, formats, messages, defaultLocale, defaultFormats, onError, }: Pick<IntlConfig, 'locale' | 'formats' | 'messages' | 'defaultLocale' | 'defaultFormats' | 'onError'>, state: Formatters, messageDescriptor?: MessageDescriptor, values?: Record<string, PrimitiveType | FormatXMLElementFn<string, string>>): string;
 //# sourceMappingURL=message.d.ts.map

package/dist/formatters/message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../src/formatters/message.ts"],"names":[],"mappings":"AASA,OAAO,EACL,UAAU,EACV,UAAU,EACV,iBAAiB,EAElB,MAAM,UAAU,CAAC;AAElB,OAA0B,EACxB,kBAAkB,EAClB,aAAa,EACd,MAAM,oBAAoB,CAAC;AAgE5B,wBAAgB,aAAa,CAC3B,EACE,MAAM,EACN,OAAO,EACP,QAAQ,EACR,aAAa,EACb,cAAc,EACd,OAAO,GACR,EAAE,IAAI,CACL,UAAU,EACR,QAAQ,GACR,SAAS,GACT,UAAU,GACV,eAAe,GACf,gBAAgB,GAChB,SAAS,CACZ,EACD,KAAK,EAAE,UAAU,EACjB,iBAAiB,CAAC,EAAE,iBAAiB,EACrC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,GAAG,kBAAkB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAC1E,MAAM,CAAC"}
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../src/formatters/message.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EACL,UAAU,EACV,UAAU,EACV,iBAAiB,EAElB,MAAM,UAAU,CAAC;AAElB,OAA0B,EACxB,kBAAkB,EAClB,aAAa,EAEd,MAAM,oBAAoB,CAAC;AAuD5B,wBAAgB,4CAA4C,CAC1D,MAAM,EAAE,MAAM,CACZ,MAAM,EACN,aAAa,GAAG,KAAK,CAAC,SAAS,GAAG,kBAAkB,CAAC,KAAK,CAAC,SAAS,CAAC,CACtE,GACA,OAAO,MAAM,CAQf;AAWD,wBAAgB,aAAa,CAC3B,EACE,MAAM,EACN,OAAO,EACP,QAAQ,EACR,aAAa,EACb,cAAc,EACd,OAAO,GACR,EAAE,IAAI,CACL,UAAU,EACR,QAAQ,GACR,SAAS,GACT,UAAU,GACV,eAAe,GACf,gBAAgB,GAChB,SAAS,CACZ,EACD,KAAK,EAAE,UAAU,EACjB,iBAAiB,CAAC,EAAE,iBAAiB,EACrC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,GAAG,kBAAkB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAC1E,MAAM,CAAC"}

package/dist/formatters/message.js

@@ -25,6 +25,7 @@ var __spreadArrays = (this && this.__spreadArrays) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = require("react");
 var intl_utils_1 = require("@formatjs/intl-utils");
+var utils_1 = require("../utils");
 var intl_messageformat_1 = require("intl-messageformat");
 var error_1 = require("../error");
 function setTimeZoneInOptions(opts, timeZone) {
@@ -47,6 +48,16 @@ function deepMergeFormatsAndSetTimeZone(f1, timeZone) {
     var mfFormats = intl_messageformat_1.default.formats;
     return __assign(__assign(__assign({}, mfFormats), f1), { date: deepMergeOptions(setTimeZoneInOptions(mfFormats.date, timeZone), setTimeZoneInOptions(f1.date || {}, timeZone)), time: deepMergeOptions(setTimeZoneInOptions(mfFormats.time, timeZone), setTimeZoneInOptions(f1.time || {}, timeZone)) });
 }
+function assignUniqueKeysToFormatXMLElementFnArgument(values) {
+    return Object.keys(values).reduce(function (acc, k) {
+        var v = values[k];
+        acc[k] = intl_messageformat_1.isFormatXMLElementFn(v)
+            ? utils_1.assignUniqueKeysToParts(v)
+            : v;
+        return acc;
+    }, {});
+}
+exports.assignUniqueKeysToFormatXMLElementFnArgument = assignUniqueKeysToFormatXMLElementFnArgument;
 function prepareIntlMessageFormatHtmlOutput(chunks, shouldWrap) {
     return Array.isArray(chunks) && shouldWrap
         ? React.createElement.apply(React, __spreadArrays([React.Fragment, null], chunks)) : chunks;
@@ -62,6 +73,7 @@ function formatMessage(_a, state, messageDescriptor, values) {
     if (!values && message && typeof message === 'string') {
         return message.replace(/'\{(.*?)\}'/gi, "{$1}");
     }
+    var patchedValues = values && assignUniqueKeysToFormatXMLElementFnArgument(values);
     formats = deepMergeFormatsAndSetTimeZone(formats, timeZone);
     defaultFormats = deepMergeFormatsAndSetTimeZone(defaultFormats, timeZone);
     if (!message) {
@@ -75,7 +87,7 @@ function formatMessage(_a, state, messageDescriptor, values) {
         if (defaultMessage) {
             try {
                 var formatter = state.getMessageFormat(defaultMessage, defaultLocale, defaultFormats);
-                return prepareIntlMessageFormatHtmlOutput(formatter.format(values), wrapRichTextChunksInFragment);
+                return prepareIntlMessageFormatHtmlOutput(formatter.format(patchedValues), wrapRichTextChunksInFragment);
             }
             catch (e) {
                 onError(new error_1.MessageFormatError("Error formatting default message for: \"" + id + "\", rendering default message verbatim", locale, messageDescriptor, e));
@@ -89,7 +101,7 @@ function formatMessage(_a, state, messageDescriptor, values) {
         var formatter = state.getMessageFormat(message, locale, formats, {
             formatters: state,
         });
-        return prepareIntlMessageFormatHtmlOutput(formatter.format(values), wrapRichTextChunksInFragment);
+        return prepareIntlMessageFormatHtmlOutput(formatter.format(patchedValues), wrapRichTextChunksInFragment);
     }
     catch (e) {
         onError(new error_1.MessageFormatError("Error formatting message: \"" + id + "\", using " + (defaultMessage ? 'default message' : 'id') + " as fallback.", locale, messageDescriptor, e));
@@ -97,7 +109,7 @@ function formatMessage(_a, state, messageDescriptor, values) {
     if (defaultMessage) {
         try {
             var formatter = state.getMessageFormat(defaultMessage, defaultLocale, defaultFormats);
-            return prepareIntlMessageFormatHtmlOutput(formatter.format(values), wrapRichTextChunksInFragment);
+            return prepareIntlMessageFormatHtmlOutput(formatter.format(patchedValues), wrapRichTextChunksInFragment);
         }
         catch (e) {
             onError(new error_1.MessageFormatError("Error formatting the default message for: \"" + id + "\", rendering message verbatim", locale, messageDescriptor, e));

package/dist/formatters/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","sourceRoot":"","sources":["../../src/formatters/message.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;;;;;;;;;;;;;;;AAEH,6BAA+B;AAC/B,mDAA+C;AAS/C,yDAG4B;AAC5B,kCAAqE;AAErE,SAAS,oBAAoB,CAC3B,IAAgD,EAChD,QAAgB;IAEhB,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAC7B,UAAC,GAA+C,EAAE,CAAC;QACjD,GAAG,CAAC,CAAC,CAAC,cACJ,QAAQ,UAAA,IACL,IAAI,CAAC,CAAC,CAAC,CACX,CAAC;QACF,OAAO,GAAG,CAAC;IACb,CAAC,EACD,EAAE,CACH,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CACvB,KAAiD,EACjD,KAAiD;IAEjD,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,uBAAK,KAAK,GAAK,KAAK,EAAE,CAAC;IAC/C,OAAO,IAAI,CAAC,MAAM,CAAC,UAAC,GAA+C,EAAE,CAAC;QACpE,GAAG,CAAC,CAAC,CAAC,yBACD,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,GAChB,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CACpB,CAAC;QACF,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC;AAED,SAAS,8BAA8B,CACrC,EAAiB,EACjB,QAAiB;IAEjB,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,EAAE,CAAC;KACX;IACD,IAAM,SAAS,GAAG,4BAAiB,CAAC,OAAO,CAAC;IAC5C,sCACK,SAAS,GACT,EAAE,KACL,IAAI,EAAE,gBAAgB,CACpB,oBAAoB,CAAC,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,EAC9C,oBAAoB,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE,EAAE,QAAQ,CAAC,CAC9C,EACD,IAAI,EAAE,gBAAgB,CACpB,oBAAoB,CAAC,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,EAC9C,oBAAoB,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE,EAAE,QAAQ,CAAC,CAC9C,IACD;AACJ,CAAC;AAED,SAAS,kCAAkC,CACzC,MAAuB,EACvB,UAAoB;IAEpB,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,UAAU;QACxC,CAAC,CAAC,KAAK,CAAC,aAAa,OAAnB,KAAK,kBAAe,KAAK,CAAC,QAAQ,EAAE,IAAI,GAAK,MAAM,GACrD,CAAC,CAAC,MAAM,CAAC;AACb,CAAC;AAuBD,SAAgB,aAAa,CAC3B,EAmBC,EACD,KAAiB,EACjB,iBAA+C,EAC/C,MAKC;QA1BC,kBAAM,EACN,oBAAO,EACP,sBAAQ,EACR,gCAAa,EACb,kCAAc,EACd,oBAAO,EACP,sBAAQ,EACR,8DAA4B;IAa9B,kCAAA,EAAA,sBAAwC,EAAE,EAAE,EAAE,EAAC;IAQxC,IAAA,yBAAE,EAAE,iDAAc,CAAsB;IAE/C,oDAAoD;IACpD,sBAAS,CAAC,CAAC,CAAC,EAAE,EAAE,4DAA4D,CAAC,CAAC;IAC9E,IAAM,OAAO,GAAG,QAAQ,IAAI,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;IACjD,sDAAsD;IACtD,IAAI,CAAC,MAAM,IAAI,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;QACrD,OAAO,OAAO,CAAC,OAAO,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;KACjD;IACD,OAAO,GAAG,8BAA8B,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC5D,cAAc,GAAG,8BAA8B,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAE1E,IAAI,CAAC,OAAO,EAAE;QACZ,IACE,CAAC,cAAc;YACf,CAAC,MAAM,IAAI,MAAM,CAAC,WAAW,EAAE,KAAK,aAAa,CAAC,WAAW,EAAE,CAAC,EAChE;YACA,mEAAmE;YACnE,gEAAgE;YAChE,kBAAkB;YAClB,OAAO,CAAC,IAAI,+BAAuB,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAC;SACjE;QACD,IAAI,cAAc,EAAE;YAClB,IAAI;gBACF,IAAM,SAAS,GAAG,KAAK,CAAC,gBAAgB,CACtC,cAAc,EACd,aAAa,EACb,cAAc,CACf,CAAC;gBAEF,OAAO,kCAAkC,CACvC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,EACxB,4BAA4B,CAC7B,CAAC;aACH;YAAC,OAAO,CAAC,EAAE;gBACV,OAAO,CACL,IAAI,0BAAkB,CACpB,6CAA0C,EAAE,2CAAuC,EACnF,MAAM,EACN,iBAAiB,EACjB,CAAC,CACF,CACF,CAAC;gBACF,OAAO,cAAc,CAAC;aACvB;SACF;QACD,OAAO,EAAE,CAAC;KACX;IAED,iCAAiC;IACjC,IAAI;QACF,IAAM,SAAS,GAAG,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE;YACjE,UAAU,EAAE,KAAK;SAClB,CAAC,CAAC;QAEH,OAAO,kCAAkC,CACvC,SAAS,CAAC,MAAM,CAAkB,MAAM,CAAC,EACzC,4BAA4B,CAC7B,CAAC;KACH;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,CACL,IAAI,0BAAkB,CACpB,iCAA8B,EAAE,mBAC9B,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,mBAC5B,EACf,MAAM,EACN,iBAAiB,EACjB,CAAC,CACF,CACF,CAAC;KACH;IAED,IAAI,cAAc,EAAE;QAClB,IAAI;YACF,IAAM,SAAS,GAAG,KAAK,CAAC,gBAAgB,CACtC,cAAc,EACd,aAAa,EACb,cAAc,CACf,CAAC;YAEF,OAAO,kCAAkC,CACvC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,EACxB,4BAA4B,CAC7B,CAAC;SACH;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CACL,IAAI,0BAAkB,CACpB,iDAA8C,EAAE,mCAA+B,EAC/E,MAAM,EACN,iBAAiB,EACjB,CAAC,CACF,CACF,CAAC;SACH;KACF;IACD,OAAO,OAAO,IAAI,cAAc,IAAI,EAAE,CAAC;AACzC,CAAC;AA9HD,sCA8HC"}
+{"version":3,"file":"message.js","sourceRoot":"","sources":["../../src/formatters/message.ts"],"names":[],"mappings":"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"}

package/dist/react-intl.d.ts

@@ -259,7 +259,7 @@ declare interface Formatters_2 {
     getPluralRules(...args: ConstructorParameters<typeof Intl.PluralRules>): Intl.PluralRules;
 }
 
-declare type FormatXMLElementFn<T, R = string | Array<string | T>> = (...args: Array<string | T>) => R;
+declare type FormatXMLElementFn<T, R = string | Array<string | T>> = (parts: Array<string | T>) => R;
 
 export declare function injectIntl<IntlPropName extends string = 'intl', P extends WrappedComponentProps<IntlPropName> = WrappedComponentProps<any>>(WrappedComponent: React_2.ComponentType<P>, options?: Opts<IntlPropName, false>): React_2.FC<WithIntlProps<P>> & {
     WrappedComponent: React_2.ComponentType<P>;

package/dist/react-intl.js

@@ -3700,7 +3700,7 @@
                     throw new InvalidValueTypeError(value_1, 'function', originalMessage);
                 }
                 var parts = formatToParts(children, locales, formatters, formats, values, currentPluralValue);
-                var chunks = formatFn.apply(void 0, parts.map(function (p) { return p.value; }));
+                var chunks = formatFn(parts.map(function (p) { return p.value; }));
                 if (!Array.isArray(chunks)) {
                     chunks = [chunks];
                 }
@@ -4081,6 +4081,18 @@
         }
         onError(new UnsupportedFormatterError("No " + type + " format named: " + name));
     }
+    /**
+     * Takes a `formatXMLElementFn`, and composes it in function, which passes
+     * argument `parts` through, assigning unique key to each part, to prevent
+     * "Each child in a list should have a unique "key"" React error.
+     * @param formatXMLElementFn
+     */
+    function assignUniqueKeysToParts(formatXMLElementFn) {
+        return function (parts) {
+            // eslint-disable-next-line prefer-rest-params
+            return formatXMLElementFn(React.Children.toArray(parts));
+        };
+    }
 
     function createCommonjsModule(fn, module) {
     	return module = { exports: {} }, fn(module, module.exports), module.exports;
@@ -4597,6 +4609,15 @@
         var mfFormats = IntlMessageFormat.formats;
         return __assign$5(__assign$5(__assign$5({}, mfFormats), f1), { date: deepMergeOptions(setTimeZoneInOptions(mfFormats.date, timeZone), setTimeZoneInOptions(f1.date || {}, timeZone)), time: deepMergeOptions(setTimeZoneInOptions(mfFormats.time, timeZone), setTimeZoneInOptions(f1.time || {}, timeZone)) });
     }
+    function assignUniqueKeysToFormatXMLElementFnArgument(values) {
+        return Object.keys(values).reduce(function (acc, k) {
+            var v = values[k];
+            acc[k] = isFormatXMLElementFn(v)
+                ? assignUniqueKeysToParts(v)
+                : v;
+            return acc;
+        }, {});
+    }
     function prepareIntlMessageFormatHtmlOutput(chunks, shouldWrap) {
         return Array.isArray(chunks) && shouldWrap
             ? React.createElement.apply(React, __spreadArrays$2([React.Fragment, null], chunks)) : chunks;
@@ -4612,6 +4633,7 @@
         if (!values && message && typeof message === 'string') {
             return message.replace(/'\{(.*?)\}'/gi, "{$1}");
         }
+        var patchedValues = values && assignUniqueKeysToFormatXMLElementFnArgument(values);
         formats = deepMergeFormatsAndSetTimeZone(formats, timeZone);
         defaultFormats = deepMergeFormatsAndSetTimeZone(defaultFormats, timeZone);
         if (!message) {
@@ -4625,7 +4647,7 @@
             if (defaultMessage) {
                 try {
                     var formatter = state.getMessageFormat(defaultMessage, defaultLocale, defaultFormats);
-                    return prepareIntlMessageFormatHtmlOutput(formatter.format(values), wrapRichTextChunksInFragment);
+                    return prepareIntlMessageFormatHtmlOutput(formatter.format(patchedValues), wrapRichTextChunksInFragment);
                 }
                 catch (e) {
                     onError(new MessageFormatError("Error formatting default message for: \"" + id + "\", rendering default message verbatim", locale, messageDescriptor, e));
@@ -4639,7 +4661,7 @@
             var formatter = state.getMessageFormat(message, locale, formats, {
                 formatters: state,
             });
-            return prepareIntlMessageFormatHtmlOutput(formatter.format(values), wrapRichTextChunksInFragment);
+            return prepareIntlMessageFormatHtmlOutput(formatter.format(patchedValues), wrapRichTextChunksInFragment);
         }
         catch (e) {
             onError(new MessageFormatError("Error formatting message: \"" + id + "\", using " + (defaultMessage ? 'default message' : 'id') + " as fallback.", locale, messageDescriptor, e));
@@ -4647,7 +4669,7 @@
         if (defaultMessage) {
             try {
                 var formatter = state.getMessageFormat(defaultMessage, defaultLocale, defaultFormats);
-                return prepareIntlMessageFormatHtmlOutput(formatter.format(values), wrapRichTextChunksInFragment);
+                return prepareIntlMessageFormatHtmlOutput(formatter.format(patchedValues), wrapRichTextChunksInFragment);
             }
             catch (e) {
                 onError(new MessageFormatError("Error formatting the default message for: \"" + id + "\", rendering message verbatim", locale, messageDescriptor, e));
@@ -5086,17 +5108,6 @@
             d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
         };
     })();
-    var __assign$8 = (undefined && undefined.__assign) || function () {
-        __assign$8 = Object.assign || function(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign$8.apply(this, arguments);
-    };
     var __rest$1 = (undefined && undefined.__rest) || function (s, e) {
         var t = {};
         for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -5116,9 +5127,6 @@
         return r;
     };
     var shallowEquals$1 = objects || shallowEquals_;
-    function defaultFormatMessage(descriptor, values) {
-        return formatMessage(__assign$8(__assign$8({}, DEFAULT_INTL_CONFIG), { locale: 'en' }), createFormatters(), descriptor, values);
-    }
     var FormattedMessage = /** @class */ (function (_super) {
         __extends$5(FormattedMessage, _super);
         function FormattedMessage() {
@@ -5133,18 +5141,16 @@
         FormattedMessage.prototype.render = function () {
             var _this = this;
             return (React.createElement(Context.Consumer, null, function (intl) {
-                if (!_this.props.defaultMessage) {
-                    invariantIntlContext(intl);
-                }
-                var _a = intl || {}, _b = _a.formatMessage, formatMessage = _b === void 0 ? defaultFormatMessage : _b, _c = _a.textComponent, Text = _c === void 0 ? React.Fragment : _c;
-                var _d = _this.props, id = _d.id, description = _d.description, defaultMessage = _d.defaultMessage, values = _d.values, children = _d.children, _e = _d.tagName, Component = _e === void 0 ? Text : _e;
+                invariantIntlContext(intl);
+                var formatMessage = intl.formatMessage, _a = intl.textComponent, Text = _a === void 0 ? React.Fragment : _a;
+                var _b = _this.props, id = _b.id, description = _b.description, defaultMessage = _b.defaultMessage, values = _b.values, children = _b.children, _c = _b.tagName, Component = _c === void 0 ? Text : _c;
                 var descriptor = { id: id, description: description, defaultMessage: defaultMessage };
                 var nodes = formatMessage(descriptor, values);
                 if (!Array.isArray(nodes)) {
                     nodes = [nodes];
                 }
                 if (typeof children === 'function') {
-                    return children.apply(void 0, nodes);
+                    return children(nodes);
                 }
                 if (Component) {
                     // Needs to use `createElement()` instead of JSX, otherwise React will