react-intl 8.0.9 → 8.0.10

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": "8.0.9",
+  "version": "8.0.10",
   "license": "BSD-3-Clause",
   "author": "Eric Ferraiuolo <edf@ericf.me>",
   "type": "module",
@@ -14,10 +14,10 @@
     "@types/hoist-non-react-statics": "^3.3.1",
     "hoist-non-react-statics": "^3.3.2",
     "tslib": "^2.8.0",
-    "@formatjs/ecma402-abstract": "3.0.6",
-    "@formatjs/icu-messageformat-parser": "3.2.0",
-    "@formatjs/intl": "4.0.7",
-    "intl-messageformat": "11.0.7"
+    "@formatjs/ecma402-abstract": "3.0.7",
+    "@formatjs/intl": "4.0.8",
+    "@formatjs/icu-messageformat-parser": "3.2.1",
+    "intl-messageformat": "11.0.8"
   },
   "peerDependencies": {
     "@types/react": "19",

package/react-intl.iife.js

@@ -3328,8 +3328,8 @@ var ReactIntl = (() => {
       }
       var value = values[varName];
       if (isArgumentElement(el)) {
-        if (!value || typeof value === "string" || typeof value === "number") {
-          value = typeof value === "string" || typeof value === "number" ? String(value) : "";
+        if (!value || typeof value === "string" || typeof value === "number" || typeof value === "bigint") {
+          value = typeof value === "string" || typeof value === "number" || typeof value === "bigint" ? String(value) : "";
         }
         result.push({
           type: typeof value === "string" ? PART_TYPE.literal : PART_TYPE.object,
@@ -3356,7 +3356,15 @@ var ReactIntl = (() => {
       if (isNumberElement(el)) {
         var style = typeof el.style === "string" ? formats.number[el.style] : isNumberSkeleton(el.style) ? el.style.parsedOptions : void 0;
         if (style && style.scale) {
-          value = value * (style.scale || 1);
+          var scale = style.scale || 1;
+          if (typeof value === "bigint") {
+            if (!Number.isInteger(scale)) {
+              throw new TypeError("Cannot apply fractional scale ".concat(scale, " to bigint value. Scale must be an integer when formatting bigint."));
+            }
+            value = value * BigInt(scale);
+          } else {
+            value = value * scale;
+          }
         }
         result.push({
           type: PART_TYPE.literal,
@@ -3385,7 +3393,8 @@ var ReactIntl = (() => {
         }));
       }
       if (isSelectElement(el)) {
-        var opt = el.options[value] || el.options.other;
+        var key = value;
+        var opt = (Object.prototype.hasOwnProperty.call(el.options, key) ? el.options[key] : void 0) || el.options.other;
         if (!opt) {
           throw new InvalidValueError(el.value, value, Object.keys(el.options), originalMessage);
         }
@@ -3393,18 +3402,21 @@ var ReactIntl = (() => {
         continue;
       }
       if (isPluralElement(el)) {
-        var opt = el.options["=".concat(value)];
+        var exactKey = "=".concat(value);
+        var opt = Object.prototype.hasOwnProperty.call(el.options, exactKey) ? el.options[exactKey] : void 0;
         if (!opt) {
           if (!Intl.PluralRules) {
             throw new FormatError('Intl.PluralRules is not available in this environment.\nTry polyfilling it using "@formatjs/intl-pluralrules"\n', ErrorCode.MISSING_INTL_API, originalMessage);
           }
-          var rule = formatters.getPluralRules(locales, { type: el.pluralType }).select(value - (el.offset || 0));
-          opt = el.options[rule] || el.options.other;
+          var numericValue_1 = typeof value === "bigint" ? Number(value) : value;
+          var rule = formatters.getPluralRules(locales, { type: el.pluralType }).select(numericValue_1 - (el.offset || 0));
+          opt = (Object.prototype.hasOwnProperty.call(el.options, rule) ? el.options[rule] : void 0) || el.options.other;
         }
         if (!opt) {
           throw new InvalidValueError(el.value, value, Object.keys(el.options), originalMessage);
         }
-        result.push.apply(result, formatToParts(opt.value, locales, formatters, formats, values, value - (el.offset || 0)));
+        var numericValue = typeof value === "bigint" ? Number(value) : value;
+        result.push.apply(result, formatToParts(opt.value, locales, formatters, formats, values, numericValue - (el.offset || 0)));
         continue;
       }
     }

package/src/components/createFormattedComponent.js

@@ -1,4 +1,5 @@
 import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import useIntl from './useIntl.js';
 var DisplayName;
@@ -55,7 +56,7 @@ export function createFormattedComponent(name) {
             return children(formattedValue);
         }
         var Text = intl.textComponent || React.Fragment;
-        return React.createElement(Text, null, formattedValue);
+        return _jsx(Text, { children: formattedValue });
     };
     Component.displayName = DisplayName[name];
     return Component;

package/src/components/dateTimeRange.js

@@ -1,4 +1,5 @@
 import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import useIntl from './useIntl.js';
 var FormattedDateTimeRange = function (props) {
@@ -9,7 +10,7 @@ var FormattedDateTimeRange = function (props) {
         return children(formattedValue);
     }
     var Text = intl.textComponent || React.Fragment;
-    return React.createElement(Text, null, formattedValue);
+    return _jsx(Text, { children: formattedValue });
 };
 FormattedDateTimeRange.displayName = 'FormattedDateTimeRange';
 export default FormattedDateTimeRange;

package/src/components/injectIntl.js

@@ -1,5 +1,6 @@
 var _a;
 import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as hoistNonReactStaticsNs from 'hoist-non-react-statics';
 import * as React from 'react';
 import { invariantIntlContext } from '../utils.js';
@@ -18,20 +19,20 @@ export var Provider = IntlProvider;
 export var Context = IntlContext;
 export default function injectIntl(WrappedComponent, options) {
     var _a = options || {}, _b = _a.intlPropName, intlPropName = _b === void 0 ? 'intl' : _b, _c = _a.forwardRef, forwardRef = _c === void 0 ? false : _c, _d = _a.enforceContext, enforceContext = _d === void 0 ? true : _d;
-    var WithIntl = function (props) { return (React.createElement(IntlConsumer, null, function (intl) {
-        var _a;
-        if (enforceContext) {
-            invariantIntlContext(intl);
-        }
-        var intlProp = (_a = {}, _a[intlPropName] = intl, _a);
-        return (React.createElement(WrappedComponent, __assign({}, props, intlProp, { ref: forwardRef ? props.forwardedRef : null })));
-    })); };
+    var WithIntl = function (props) { return (_jsx(IntlConsumer, { children: function (intl) {
+            var _a;
+            if (enforceContext) {
+                invariantIntlContext(intl);
+            }
+            var intlProp = (_a = {}, _a[intlPropName] = intl, _a);
+            return (_jsx(WrappedComponent, __assign({}, props, intlProp, { ref: forwardRef ? props.forwardedRef : null })));
+        } })); };
     WithIntl.displayName = "injectIntl(".concat(getDisplayName(WrappedComponent), ")");
     WithIntl.WrappedComponent = WrappedComponent;
     if (forwardRef) {
         return hoistNonReactStatics(
         // @ts-expect-error
-        React.forwardRef(function (props, ref) { return (React.createElement(WithIntl, __assign({}, props, { forwardedRef: ref }))); }), WrappedComponent);
+        React.forwardRef(function (props, ref) { return (_jsx(WithIntl, __assign({}, props, { forwardedRef: ref }))); }), WrappedComponent);
     }
     return hoistNonReactStatics(WithIntl, WrappedComponent);
 }

package/src/components/message.js

@@ -1,9 +1,5 @@
-/*
- * Copyright 2015, Yahoo Inc.
- * Copyrights licensed under the New BSD License.
- * See the accompanying LICENSE file for terms.
- */
 import { __rest } from "tslib";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import { shallowEqual } from '../utils.js';
 import useIntl from './useIntl.js';
@@ -25,9 +21,9 @@ function FormattedMessage(props) {
         return children(Array.isArray(nodes) ? nodes : [nodes]);
     }
     if (Component) {
-        return React.createElement(Component, null, nodes);
+        return _jsx(Component, { children: nodes });
     }
-    return React.createElement(React.Fragment, null, nodes);
+    return _jsx(_Fragment, { children: nodes });
 }
 FormattedMessage.displayName = 'FormattedMessage';
 var MemoizedFormattedMessage = React.memo(FormattedMessage, areEqual);

package/src/components/plural.js

@@ -1,9 +1,4 @@
-/*
- * Copyright 2015, Yahoo Inc.
- * Copyrights licensed under the New BSD License.
- * See the accompanying LICENSE file for terms.
- */
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import useIntl from './useIntl.js';
 var FormattedPlural = function (props) {
     var _a = useIntl(), formatPlural = _a.formatPlural, Text = _a.textComponent;
@@ -14,7 +9,7 @@ var FormattedPlural = function (props) {
         return children(formattedPlural);
     }
     if (Text) {
-        return React.createElement(Text, null, formattedPlural);
+        return _jsx(Text, { children: formattedPlural });
     }
     // Work around @types/react where React.FC cannot return string
     return formattedPlural;

package/src/components/provider.js

@@ -1,9 +1,10 @@
+import { __extends } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
 /*
  * Copyright 2015, Yahoo Inc.
  * Copyrights licensed under the New BSD License.
  * See the accompanying LICENSE file for terms.
  */
-import { __extends } from "tslib";
 import { createIntlCache } from '@formatjs/intl';
 import * as React from 'react';
 import { DEFAULT_INTL_CONFIG, invariantIntlContext, shallowEqual, } from '../utils.js';
@@ -50,7 +51,7 @@ var IntlProvider = /** @class */ (function (_super) {
     };
     IntlProvider.prototype.render = function () {
         invariantIntlContext(this.state.intl);
-        return React.createElement(Provider, { value: this.state.intl }, this.props.children);
+        return _jsx(Provider, { value: this.state.intl, children: this.props.children });
     };
     IntlProvider.displayName = 'IntlProvider';
     IntlProvider.defaultProps = DEFAULT_INTL_CONFIG;

package/src/components/relative.js

@@ -1,4 +1,5 @@
 import { __assign, __rest } from "tslib";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 /*
  * Copyright 2015, Yahoo Inc.
  * Copyrights licensed under the New BSD License.
@@ -65,9 +66,9 @@ var SimpleFormattedRelativeTime = function (props) {
         return children(formattedRelativeTime);
     }
     if (Text) {
-        return React.createElement(Text, null, formattedRelativeTime);
+        return _jsx(Text, { children: formattedRelativeTime });
     }
-    return React.createElement(React.Fragment, null, formattedRelativeTime);
+    return _jsx(_Fragment, { children: formattedRelativeTime });
 };
 var FormattedRelativeTime = function (_a) {
     var _b = _a.value, value = _b === void 0 ? 0 : _b, _c = _a.unit, unit = _c === void 0 ? 'second' : _c, updateIntervalInSeconds = _a.updateIntervalInSeconds, otherProps = __rest(_a, ["value", "unit", "updateIntervalInSeconds"]);
@@ -119,7 +120,7 @@ var FormattedRelativeTime = function (_a) {
         var unitDuration = getDurationInSeconds(currentUnit);
         currentValue = Math.round(currentValueInSeconds / unitDuration);
     }
-    return (React.createElement(SimpleFormattedRelativeTime, __assign({ value: currentValue, unit: currentUnit }, otherProps)));
+    return (_jsx(SimpleFormattedRelativeTime, __assign({ value: currentValue, unit: currentUnit }, otherProps)));
 };
 FormattedRelativeTime.displayName = 'FormattedRelativeTime';
 export default FormattedRelativeTime;

package/src/utils.js

@@ -1,4 +1,5 @@
 import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { DEFAULT_INTL_CONFIG as CORE_DEFAULT_INTL_CONFIG } from '@formatjs/intl';
 export function invariant(condition, message, Err) {
@@ -28,7 +29,7 @@ export var toKeyedReactNodeArray = function (children) {
         // For React elements, wrap in a keyed Fragment
         // This creates a new element with a key rather than trying to add one after creation
         if (React.isValidElement(child)) {
-            return React.createElement(React.Fragment, { key: index }, child);
+            return _jsx(React.Fragment, { children: child }, index);
         }
         return child;
     });