react-intl 7.1.11 → 7.1.13

package/lib/src/utils.js

@@ -12,10 +12,9 @@ export function invariantIntlContext(intl) {
         '<IntlProvider> needs to exist in the component ancestry.');
 }
 export var DEFAULT_INTL_CONFIG = __assign(__assign({}, CORE_DEFAULT_INTL_CONFIG), { textComponent: React.Fragment });
-var arbitraryKeyProps = { key: 42 };
-var toArbitrarilyKeyedReactNode = function (reactNode) {
+var toKeyedReactNode = function (reactNode, key) {
     return React.isValidElement(reactNode)
-        ? React.createElement(React.Fragment, arbitraryKeyProps, reactNode)
+        ? React.cloneElement(reactNode, { key: key })
         : reactNode;
 };
 /**
@@ -33,7 +32,7 @@ export var toKeyedReactNodeArray = function (children) { var _a;
  * every key anyway, so the auto-injected one doesn't even have to be unique.
  * This basically just tells React that it's explicit/intentional.
  */
-return (_a = React.Children.map(children, toArbitrarilyKeyedReactNode)) !== null && _a !== void 0 ? _a : []; };
+return (_a = React.Children.map(children, toKeyedReactNode)) !== null && _a !== void 0 ? _a : []; };
 /**
  * Takes a `formatXMLElementFn`, and composes it in function, which passes
  * argument `parts` through, assigning unique key to each part, to prevent
@@ -43,7 +42,7 @@ return (_a = React.Children.map(children, toArbitrarilyKeyedReactNode)) !== null
 export function assignUniqueKeysToParts(formatXMLElementFn) {
     return function (parts) {
         // eslint-disable-next-line prefer-rest-params
-        return formatXMLElementFn(React.Children.toArray(parts));
+        return formatXMLElementFn(toKeyedReactNodeArray(parts));
     };
 }
 export function shallowEqual(objA, objB) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-intl",
   "description": "Internationalize React apps. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations.",
-  "version": "7.1.11",
+  "version": "7.1.13",
   "license": "BSD-3-Clause",
   "author": "Eric Ferraiuolo <edf@ericf.me>",
   "sideEffects": false,
@@ -11,10 +11,10 @@
     "@types/react": "16 || 17 || 18 || 19",
     "hoist-non-react-statics": "^3.3.2",
     "tslib": "^2.8.0",
-    "intl-messageformat": "10.7.16",
-    "@formatjs/icu-messageformat-parser": "2.11.2",
-    "@formatjs/intl": "3.1.6",
-    "@formatjs/ecma402-abstract": "2.3.4"
+    "@formatjs/ecma402-abstract": "2.3.5",
+    "intl-messageformat": "10.7.17",
+    "@formatjs/intl": "3.1.7",
+    "@formatjs/icu-messageformat-parser": "2.11.3"
   },
   "peerDependencies": {
     "react": "16 || 17 || 18 || 19",

package/react-intl.iife.js

@@ -4224,8 +4224,8 @@ var ReactIntl = (() => {
     var filteredOptions = filterProps(options, LIST_FORMAT_OPTIONS);
     try {
       var richValues_1 = {};
-      var serializedValues = values.map(function(v, i) {
-        if (typeof v === "object") {
+      var serializedValues = Array.from(values).map(function(v, i) {
+        if (typeof v === "object" && v !== null) {
           var id = generateToken(i);
           richValues_1[id] = v;
           return id;
@@ -4394,8 +4394,7 @@ var ReactIntl = (() => {
   var DEFAULT_INTL_CONFIG2 = __spreadProps(__spreadValues({}, DEFAULT_INTL_CONFIG), {
     textComponent: React.Fragment
   });
-  var arbitraryKeyProps = { key: 42 };
-  var toArbitrarilyKeyedReactNode = (reactNode) => React.isValidElement(reactNode) ? React.createElement(React.Fragment, arbitraryKeyProps, reactNode) : reactNode;
+  var toKeyedReactNode = (reactNode, key) => React.isValidElement(reactNode) ? React.cloneElement(reactNode, { key }) : reactNode;
   var toKeyedReactNodeArray = (children) => {
     var _a2;
     return (
@@ -4404,12 +4403,12 @@ var ReactIntl = (() => {
        * every key anyway, so the auto-injected one doesn't even have to be unique.
        * This basically just tells React that it's explicit/intentional.
        */
-      (_a2 = React.Children.map(children, toArbitrarilyKeyedReactNode)) != null ? _a2 : []
+      (_a2 = React.Children.map(children, toKeyedReactNode)) != null ? _a2 : []
     );
   };
   function assignUniqueKeysToParts(formatXMLElementFn) {
     return function(parts) {
-      return formatXMLElementFn(React.Children.toArray(parts));
+      return formatXMLElementFn(toKeyedReactNodeArray(parts));
     };
   }
   function shallowEqual(objA, objB) {

package/src/utils.js

@@ -19,10 +19,9 @@ function invariantIntlContext(intl) {
         '<IntlProvider> needs to exist in the component ancestry.');
 }
 exports.DEFAULT_INTL_CONFIG = tslib_1.__assign(tslib_1.__assign({}, intl_1.DEFAULT_INTL_CONFIG), { textComponent: React.Fragment });
-var arbitraryKeyProps = { key: 42 };
-var toArbitrarilyKeyedReactNode = function (reactNode) {
+var toKeyedReactNode = function (reactNode, key) {
     return React.isValidElement(reactNode)
-        ? React.createElement(React.Fragment, arbitraryKeyProps, reactNode)
+        ? React.cloneElement(reactNode, { key: key })
         : reactNode;
 };
 /**
@@ -40,7 +39,7 @@ var toKeyedReactNodeArray = function (children) { var _a;
  * every key anyway, so the auto-injected one doesn't even have to be unique.
  * This basically just tells React that it's explicit/intentional.
  */
-return (_a = React.Children.map(children, toArbitrarilyKeyedReactNode)) !== null && _a !== void 0 ? _a : []; };
+return (_a = React.Children.map(children, toKeyedReactNode)) !== null && _a !== void 0 ? _a : []; };
 exports.toKeyedReactNodeArray = toKeyedReactNodeArray;
 /**
  * Takes a `formatXMLElementFn`, and composes it in function, which passes
@@ -51,7 +50,7 @@ exports.toKeyedReactNodeArray = toKeyedReactNodeArray;
 function assignUniqueKeysToParts(formatXMLElementFn) {
     return function (parts) {
         // eslint-disable-next-line prefer-rest-params
-        return formatXMLElementFn(React.Children.toArray(parts));
+        return formatXMLElementFn((0, exports.toKeyedReactNodeArray)(parts));
     };
 }
 function shallowEqual(objA, objB) {