react-intl 6.5.4 → 6.6.0

package/index.d.ts

@@ -5,7 +5,8 @@ import { DisplayNamesOptions } from '@formatjs/intl-displaynames';
 import { NumberFormatOptions } from '@formatjs/ecma402-abstract';
 import injectIntl, { Provider as RawIntlProvider, Context as IntlContext, WithIntlProps, WrappedComponentProps } from './src/components/injectIntl';
 import useIntl from './src/components/useIntl';
-import IntlProvider, { createIntl } from './src/components/provider';
+import IntlProvider from './src/components/provider';
+import { createIntl } from './src/components/createIntl';
 import FormattedRelativeTime from './src/components/relative';
 import FormattedPlural from './src/components/plural';
 import FormattedMessage from './src/components/message';

package/index.js

@@ -9,9 +9,10 @@ Object.defineProperty(exports, "RawIntlProvider", { enumerable: true, get: funct
 Object.defineProperty(exports, "IntlContext", { enumerable: true, get: function () { return injectIntl_1.Context; } });
 var useIntl_1 = tslib_1.__importDefault(require("./src/components/useIntl"));
 exports.useIntl = useIntl_1.default;
-var provider_1 = tslib_1.__importStar(require("./src/components/provider"));
+var provider_1 = tslib_1.__importDefault(require("./src/components/provider"));
 exports.IntlProvider = provider_1.default;
-Object.defineProperty(exports, "createIntl", { enumerable: true, get: function () { return provider_1.createIntl; } });
+var createIntl_1 = require("./src/components/createIntl");
+Object.defineProperty(exports, "createIntl", { enumerable: true, get: function () { return createIntl_1.createIntl; } });
 var relative_1 = tslib_1.__importDefault(require("./src/components/relative"));
 exports.FormattedRelativeTime = relative_1.default;
 var plural_1 = tslib_1.__importDefault(require("./src/components/plural"));

package/lib/index.d.ts

@@ -5,7 +5,8 @@ import { DisplayNamesOptions } from '@formatjs/intl-displaynames';
 import { NumberFormatOptions } from '@formatjs/ecma402-abstract';
 import injectIntl, { Provider as RawIntlProvider, Context as IntlContext, WithIntlProps, WrappedComponentProps } from './src/components/injectIntl';
 import useIntl from './src/components/useIntl';
-import IntlProvider, { createIntl } from './src/components/provider';
+import IntlProvider from './src/components/provider';
+import { createIntl } from './src/components/createIntl';
 import FormattedRelativeTime from './src/components/relative';
 import FormattedPlural from './src/components/plural';
 import FormattedMessage from './src/components/message';

package/lib/index.js

@@ -1,7 +1,8 @@
 import { createFormattedComponent, createFormattedDateTimePartsComponent, } from './src/components/createFormattedComponent';
 import injectIntl, { Provider as RawIntlProvider, Context as IntlContext, } from './src/components/injectIntl';
 import useIntl from './src/components/useIntl';
-import IntlProvider, { createIntl } from './src/components/provider';
+import IntlProvider from './src/components/provider';
+import { createIntl } from './src/components/createIntl';
 import FormattedRelativeTime from './src/components/relative';
 import FormattedPlural from './src/components/plural';
 import FormattedMessage from './src/components/message';

package/lib/src/components/createIntl.d.ts

@@ -0,0 +1,9 @@
+import { CreateIntlFn } from '@formatjs/intl';
+import * as React from 'react';
+import type { IntlConfig, IntlShape } from '../types';
+/**
+ * Create intl object
+ * @param config intl config
+ * @param cache cache for formatter instances to prevent memory leak
+ */
+export declare const createIntl: CreateIntlFn<React.ReactNode, IntlConfig, IntlShape>;

package/lib/src/components/createIntl.js

@@ -0,0 +1,63 @@
+/*
+ * Copyright 2015, Yahoo Inc.
+ * Copyrights licensed under the New BSD License.
+ * See the accompanying LICENSE file for terms.
+ */
+import { __assign, __rest, __spreadArray } from "tslib";
+import { createIntl as coreCreateIntl, formatMessage as coreFormatMessage, } from '@formatjs/intl';
+import * as React from 'react';
+import { DEFAULT_INTL_CONFIG, assignUniqueKeysToParts } from '../utils';
+import { isFormatXMLElementFn, } from 'intl-messageformat';
+function assignUniqueKeysToFormatXMLElementFnArgument(values) {
+    if (!values) {
+        return values;
+    }
+    return Object.keys(values).reduce(function (acc, k) {
+        var v = values[k];
+        acc[k] = isFormatXMLElementFn(v)
+            ? assignUniqueKeysToParts(v)
+            : v;
+        return acc;
+    }, {});
+}
+var formatMessage = function (config, formatters, descriptor, rawValues) {
+    var rest = [];
+    for (var _i = 4; _i < arguments.length; _i++) {
+        rest[_i - 4] = arguments[_i];
+    }
+    var values = assignUniqueKeysToFormatXMLElementFnArgument(rawValues);
+    var chunks = coreFormatMessage.apply(void 0, __spreadArray([config,
+        formatters,
+        descriptor,
+        values], rest, false));
+    if (Array.isArray(chunks)) {
+        return React.Children.toArray(chunks);
+    }
+    return chunks;
+};
+/**
+ * Create intl object
+ * @param config intl config
+ * @param cache cache for formatter instances to prevent memory leak
+ */
+export var createIntl = function (_a, cache) {
+    var rawDefaultRichTextElements = _a.defaultRichTextElements, config = __rest(_a, ["defaultRichTextElements"]);
+    var defaultRichTextElements = assignUniqueKeysToFormatXMLElementFnArgument(rawDefaultRichTextElements);
+    var coreIntl = coreCreateIntl(__assign(__assign(__assign({}, DEFAULT_INTL_CONFIG), config), { defaultRichTextElements: defaultRichTextElements }), cache);
+    var resolvedConfig = {
+        locale: coreIntl.locale,
+        timeZone: coreIntl.timeZone,
+        fallbackOnEmptyString: coreIntl.fallbackOnEmptyString,
+        formats: coreIntl.formats,
+        defaultLocale: coreIntl.defaultLocale,
+        defaultFormats: coreIntl.defaultFormats,
+        messages: coreIntl.messages,
+        onError: coreIntl.onError,
+        defaultRichTextElements: defaultRichTextElements,
+    };
+    return __assign(__assign({}, coreIntl), { formatMessage: formatMessage.bind(null, resolvedConfig, 
+        // @ts-expect-error fix this
+        coreIntl.formatters), 
+        // @ts-expect-error fix this
+        $t: formatMessage.bind(null, resolvedConfig, coreIntl.formatters) });
+};

package/lib/src/components/plural.js

@@ -19,8 +19,5 @@ var FormattedPlural = function (props) {
     // Work around @types/react where React.FC cannot return string
     return formattedPlural;
 };
-FormattedPlural.defaultProps = {
-    type: 'cardinal',
-};
 FormattedPlural.displayName = 'FormattedPlural';
 export default FormattedPlural;

package/lib/src/components/provider.d.ts

@@ -1,6 +1,6 @@
-import { CreateIntlFn, IntlCache } from '@formatjs/intl';
+import { IntlCache } from '@formatjs/intl';
 import * as React from 'react';
-import type { IntlConfig, IntlShape, ResolvedIntlConfig } from '../types';
+import type { IntlConfig, IntlShape } from '../types';
 interface State {
     /**
      * Explicit intl cache to prevent memory leaks
@@ -17,15 +17,9 @@ interface State {
      */
     prevConfig: IntlConfig;
 }
-/**
- * Create intl object
- * @param config intl config
- * @param cache cache for formatter instances to prevent memory leak
- */
-export declare const createIntl: CreateIntlFn<React.ReactNode, IntlConfig, IntlShape>;
 export default class IntlProvider extends React.PureComponent<React.PropsWithChildren<IntlConfig>, State> {
     static displayName: string;
-    static defaultProps: Pick<ResolvedIntlConfig, "timeZone" | "onError" | "fallbackOnEmptyString" | "formats" | "messages" | "defaultLocale" | "defaultFormats" | "textComponent">;
+    static defaultProps: Pick<import("../types").ResolvedIntlConfig, "timeZone" | "onError" | "fallbackOnEmptyString" | "formats" | "messages" | "defaultLocale" | "defaultFormats" | "textComponent">;
     private cache;
     state: State;
     static getDerivedStateFromProps(props: Readonly<IntlConfig>, { prevConfig, cache }: State): Partial<State> | null;

package/lib/src/components/provider.js

@@ -3,12 +3,12 @@
  * Copyrights licensed under the New BSD License.
  * See the accompanying LICENSE file for terms.
  */
-import { __assign, __extends, __rest, __spreadArray } from "tslib";
-import { createIntl as coreCreateIntl, formatMessage as coreFormatMessage, createIntlCache, } from '@formatjs/intl';
+import { __extends } from "tslib";
+import { createIntlCache } from '@formatjs/intl';
 import * as React from 'react';
-import { DEFAULT_INTL_CONFIG, assignUniqueKeysToParts, invariantIntlContext, shallowEqual, } from '../utils';
+import { DEFAULT_INTL_CONFIG, invariantIntlContext, shallowEqual } from '../utils';
 import { Provider } from './injectIntl';
-import { isFormatXMLElementFn, } from 'intl-messageformat';
+import { createIntl } from './createIntl';
 function processIntlConfig(config) {
     return {
         locale: config.locale,
@@ -25,59 +25,6 @@ function processIntlConfig(config) {
         defaultRichTextElements: config.defaultRichTextElements,
     };
 }
-function assignUniqueKeysToFormatXMLElementFnArgument(values) {
-    if (!values) {
-        return values;
-    }
-    return Object.keys(values).reduce(function (acc, k) {
-        var v = values[k];
-        acc[k] = isFormatXMLElementFn(v)
-            ? assignUniqueKeysToParts(v)
-            : v;
-        return acc;
-    }, {});
-}
-var formatMessage = function (config, formatters, descriptor, rawValues) {
-    var rest = [];
-    for (var _i = 4; _i < arguments.length; _i++) {
-        rest[_i - 4] = arguments[_i];
-    }
-    var values = assignUniqueKeysToFormatXMLElementFnArgument(rawValues);
-    var chunks = coreFormatMessage.apply(void 0, __spreadArray([config,
-        formatters,
-        descriptor,
-        values], rest, false));
-    if (Array.isArray(chunks)) {
-        return React.Children.toArray(chunks);
-    }
-    return chunks;
-};
-/**
- * Create intl object
- * @param config intl config
- * @param cache cache for formatter instances to prevent memory leak
- */
-export var createIntl = function (_a, cache) {
-    var rawDefaultRichTextElements = _a.defaultRichTextElements, config = __rest(_a, ["defaultRichTextElements"]);
-    var defaultRichTextElements = assignUniqueKeysToFormatXMLElementFnArgument(rawDefaultRichTextElements);
-    var coreIntl = coreCreateIntl(__assign(__assign(__assign({}, DEFAULT_INTL_CONFIG), config), { defaultRichTextElements: defaultRichTextElements }), cache);
-    var resolvedConfig = {
-        locale: coreIntl.locale,
-        timeZone: coreIntl.timeZone,
-        fallbackOnEmptyString: coreIntl.fallbackOnEmptyString,
-        formats: coreIntl.formats,
-        defaultLocale: coreIntl.defaultLocale,
-        defaultFormats: coreIntl.defaultFormats,
-        messages: coreIntl.messages,
-        onError: coreIntl.onError,
-        defaultRichTextElements: defaultRichTextElements,
-    };
-    return __assign(__assign({}, coreIntl), { formatMessage: formatMessage.bind(null, resolvedConfig, 
-        // @ts-expect-error fix this
-        coreIntl.formatters), 
-        // @ts-expect-error fix this
-        $t: formatMessage.bind(null, resolvedConfig, coreIntl.formatters) });
-};
 var IntlProvider = /** @class */ (function (_super) {
     __extends(IntlProvider, _super);
     function IntlProvider() {

package/lib/src/components/relative.js

@@ -70,12 +70,12 @@ var SimpleFormattedRelativeTime = function (props) {
     return React.createElement(React.Fragment, null, formattedRelativeTime);
 };
 var FormattedRelativeTime = function (_a) {
-    var value = _a.value, unit = _a.unit, updateIntervalInSeconds = _a.updateIntervalInSeconds, otherProps = __rest(_a, ["value", "unit", "updateIntervalInSeconds"]);
+    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"]);
     invariant(!updateIntervalInSeconds ||
         !!(updateIntervalInSeconds && canIncrement(unit)), 'Cannot schedule update with unit longer than hour');
-    var _b = React.useState(), prevUnit = _b[0], setPrevUnit = _b[1];
-    var _c = React.useState(0), prevValue = _c[0], setPrevValue = _c[1];
-    var _d = React.useState(0), currentValueInSeconds = _d[0], setCurrentValueInSeconds = _d[1];
+    var _d = React.useState(), prevUnit = _d[0], setPrevUnit = _d[1];
+    var _e = React.useState(0), prevValue = _e[0], setPrevValue = _e[1];
+    var _f = React.useState(0), currentValueInSeconds = _f[0], setCurrentValueInSeconds = _f[1];
     var updateTimer;
     if (unit !== prevUnit || value !== prevValue) {
         setPrevValue(value || 0);
@@ -122,8 +122,4 @@ var FormattedRelativeTime = function (_a) {
     return (React.createElement(SimpleFormattedRelativeTime, __assign({ value: currentValue, unit: currentUnit }, otherProps)));
 };
 FormattedRelativeTime.displayName = 'FormattedRelativeTime';
-FormattedRelativeTime.defaultProps = {
-    value: 0,
-    unit: 'second',
-};
 export default FormattedRelativeTime;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-intl",
-  "version": "6.5.4",
+  "version": "6.6.0",
   "description": "Internationalize React apps. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations.",
   "keywords": [
     "intl",
@@ -132,20 +132,20 @@
     "@types/react": "16 || 17 || 18",
     "hoist-non-react-statics": "^3.3.2",
     "tslib": "^2.4.0",
-    "@formatjs/intl-displaynames": "6.6.3",
-    "@formatjs/intl": "2.9.8",
-    "@formatjs/icu-messageformat-parser": "2.7.2",
-    "@formatjs/ecma402-abstract": "1.17.4",
-    "@formatjs/intl-listformat": "7.5.2",
-    "intl-messageformat": "10.5.7"
+    "@formatjs/ecma402-abstract": "1.18.1",
+    "@formatjs/intl": "2.9.10",
+    "@formatjs/icu-messageformat-parser": "2.7.4",
+    "@formatjs/intl-displaynames": "6.6.5",
+    "intl-messageformat": "10.5.9",
+    "@formatjs/intl-listformat": "7.5.4"
   },
   "devDependencies": {
-    "@formatjs/intl-numberformat": "8.8.2",
-    "@formatjs/intl-relativetimeformat": "11.2.9"
+    "@formatjs/intl-numberformat": "8.9.1",
+    "@formatjs/intl-relativetimeformat": "11.2.11"
   },
   "peerDependencies": {
     "react": "^16.6.0 || 17 || 18",
-    "typescript": "5"
+    "typescript": "^4.7 || 5"
   },
   "peerDependenciesMeta": {
     "typescript": {

package/react-intl.iife.js

@@ -4548,23 +4548,10 @@ var ReactIntl = (() => {
   }
 
   // ../../../../../../../../execroot/formatjs/bazel-out/darwin_arm64-fastbuild/bin/packages/react-intl/lib/src/components/provider.js
+  var React6 = __toESM(window.React);
+
+  // ../../../../../../../../execroot/formatjs/bazel-out/darwin_arm64-fastbuild/bin/packages/react-intl/lib/src/components/createIntl.js
   var React5 = __toESM(window.React);
-  function processIntlConfig(config) {
-    return {
-      locale: config.locale,
-      timeZone: config.timeZone,
-      fallbackOnEmptyString: config.fallbackOnEmptyString,
-      formats: config.formats,
-      textComponent: config.textComponent,
-      messages: config.messages,
-      defaultLocale: config.defaultLocale,
-      defaultFormats: config.defaultFormats,
-      onError: config.onError,
-      onWarn: config.onWarn,
-      wrapRichTextChunksInFragment: config.wrapRichTextChunksInFragment,
-      defaultRichTextElements: config.defaultRichTextElements
-    };
-  }
   function assignUniqueKeysToFormatXMLElementFnArgument(values) {
     if (!values) {
       return values;
@@ -4618,6 +4605,24 @@ var ReactIntl = (() => {
       $t: formatMessage2.bind(null, resolvedConfig, coreIntl.formatters)
     });
   };
+
+  // ../../../../../../../../execroot/formatjs/bazel-out/darwin_arm64-fastbuild/bin/packages/react-intl/lib/src/components/provider.js
+  function processIntlConfig(config) {
+    return {
+      locale: config.locale,
+      timeZone: config.timeZone,
+      fallbackOnEmptyString: config.fallbackOnEmptyString,
+      formats: config.formats,
+      textComponent: config.textComponent,
+      messages: config.messages,
+      defaultLocale: config.defaultLocale,
+      defaultFormats: config.defaultFormats,
+      onError: config.onError,
+      onWarn: config.onWarn,
+      wrapRichTextChunksInFragment: config.wrapRichTextChunksInFragment,
+      defaultRichTextElements: config.defaultRichTextElements
+    };
+  }
   var IntlProvider2 = (
     /** @class */
     function(_super) {
@@ -4645,17 +4650,17 @@ var ReactIntl = (() => {
       };
       IntlProvider3.prototype.render = function() {
         invariantIntlContext(this.state.intl);
-        return React5.createElement(Provider, { value: this.state.intl }, this.props.children);
+        return React6.createElement(Provider, { value: this.state.intl }, this.props.children);
       };
       IntlProvider3.displayName = "IntlProvider";
       IntlProvider3.defaultProps = DEFAULT_INTL_CONFIG2;
       return IntlProvider3;
-    }(React5.PureComponent)
+    }(React6.PureComponent)
   );
   var provider_default = IntlProvider2;
 
   // ../../../../../../../../execroot/formatjs/bazel-out/darwin_arm64-fastbuild/bin/packages/react-intl/lib/src/components/relative.js
-  var React6 = __toESM(window.React);
+  var React7 = __toESM(window.React);
   var MINUTE = 60;
   var HOUR = 60 * 60;
   var DAY = 60 * 60 * 24;
@@ -4716,23 +4721,23 @@ var ReactIntl = (() => {
       return children(formattedRelativeTime);
     }
     if (Text) {
-      return React6.createElement(Text, null, formattedRelativeTime);
+      return React7.createElement(Text, null, formattedRelativeTime);
     }
-    return React6.createElement(React6.Fragment, null, formattedRelativeTime);
+    return React7.createElement(React7.Fragment, null, formattedRelativeTime);
   };
   var FormattedRelativeTime = function(_a2) {
-    var value = _a2.value, unit = _a2.unit, updateIntervalInSeconds = _a2.updateIntervalInSeconds, otherProps = __rest(_a2, ["value", "unit", "updateIntervalInSeconds"]);
+    var _b = _a2.value, value = _b === void 0 ? 0 : _b, _c = _a2.unit, unit = _c === void 0 ? "second" : _c, updateIntervalInSeconds = _a2.updateIntervalInSeconds, otherProps = __rest(_a2, ["value", "unit", "updateIntervalInSeconds"]);
     invariant(!updateIntervalInSeconds || !!(updateIntervalInSeconds && canIncrement(unit)), "Cannot schedule update with unit longer than hour");
-    var _b = React6.useState(), prevUnit = _b[0], setPrevUnit = _b[1];
-    var _c = React6.useState(0), prevValue = _c[0], setPrevValue = _c[1];
-    var _d = React6.useState(0), currentValueInSeconds = _d[0], setCurrentValueInSeconds = _d[1];
+    var _d = React7.useState(), prevUnit = _d[0], setPrevUnit = _d[1];
+    var _e = React7.useState(0), prevValue = _e[0], setPrevValue = _e[1];
+    var _f = React7.useState(0), currentValueInSeconds = _f[0], setCurrentValueInSeconds = _f[1];
     var updateTimer;
     if (unit !== prevUnit || value !== prevValue) {
       setPrevValue(value || 0);
       setPrevUnit(unit);
       setCurrentValueInSeconds(canIncrement(unit) ? valueToSeconds(value, unit) : 0);
     }
-    React6.useEffect(function() {
+    React7.useEffect(function() {
       function clearUpdateTimer() {
         clearTimeout(updateTimer);
       }
@@ -4764,17 +4769,13 @@ var ReactIntl = (() => {
       var unitDuration = getDurationInSeconds(currentUnit);
       currentValue = Math.round(currentValueInSeconds / unitDuration);
     }
-    return React6.createElement(SimpleFormattedRelativeTime, __assign({ value: currentValue, unit: currentUnit }, otherProps));
+    return React7.createElement(SimpleFormattedRelativeTime, __assign({ value: currentValue, unit: currentUnit }, otherProps));
   };
   FormattedRelativeTime.displayName = "FormattedRelativeTime";
-  FormattedRelativeTime.defaultProps = {
-    value: 0,
-    unit: "second"
-  };
   var relative_default = FormattedRelativeTime;
 
   // ../../../../../../../../execroot/formatjs/bazel-out/darwin_arm64-fastbuild/bin/packages/react-intl/lib/src/components/plural.js
-  var React7 = __toESM(window.React);
+  var React8 = __toESM(window.React);
   var FormattedPlural = function(props) {
     var _a2 = useIntl(), formatPlural2 = _a2.formatPlural, Text = _a2.textComponent;
     var value = props.value, other = props.other, children = props.children;
@@ -4784,18 +4785,15 @@ var ReactIntl = (() => {
       return children(formattedPlural);
     }
     if (Text) {
-      return React7.createElement(Text, null, formattedPlural);
+      return React8.createElement(Text, null, formattedPlural);
     }
     return formattedPlural;
   };
-  FormattedPlural.defaultProps = {
-    type: "cardinal"
-  };
   FormattedPlural.displayName = "FormattedPlural";
   var plural_default = FormattedPlural;
 
   // ../../../../../../../../execroot/formatjs/bazel-out/darwin_arm64-fastbuild/bin/packages/react-intl/lib/src/components/message.js
-  var React8 = __toESM(window.React);
+  var React9 = __toESM(window.React);
   function areEqual(prevProps, nextProps) {
     var values = prevProps.values, otherProps = __rest(prevProps, ["values"]);
     var nextValues = nextProps.values, nextOtherProps = __rest(nextProps, ["values"]);
@@ -4803,7 +4801,7 @@ var ReactIntl = (() => {
   }
   function FormattedMessage(props) {
     var intl = useIntl();
-    var formatMessage3 = intl.formatMessage, _a2 = intl.textComponent, Text = _a2 === void 0 ? React8.Fragment : _a2;
+    var formatMessage3 = intl.formatMessage, _a2 = intl.textComponent, Text = _a2 === void 0 ? React9.Fragment : _a2;
     var id = props.id, description = props.description, defaultMessage = props.defaultMessage, values = props.values, children = props.children, _b = props.tagName, Component = _b === void 0 ? Text : _b, ignoreTag = props.ignoreTag;
     var descriptor = { id, description, defaultMessage };
     var nodes = formatMessage3(descriptor, values, {
@@ -4813,17 +4811,17 @@ var ReactIntl = (() => {
       return children(Array.isArray(nodes) ? nodes : [nodes]);
     }
     if (Component) {
-      return React8.createElement(Component, null, React8.Children.toArray(nodes));
+      return React9.createElement(Component, null, React9.Children.toArray(nodes));
     }
-    return React8.createElement(React8.Fragment, null, nodes);
+    return React9.createElement(React9.Fragment, null, nodes);
   }
   FormattedMessage.displayName = "FormattedMessage";
-  var MemoizedFormattedMessage = React8.memo(FormattedMessage, areEqual);
+  var MemoizedFormattedMessage = React9.memo(FormattedMessage, areEqual);
   MemoizedFormattedMessage.displayName = "MemoizedFormattedMessage";
   var message_default = MemoizedFormattedMessage;
 
   // ../../../../../../../../execroot/formatjs/bazel-out/darwin_arm64-fastbuild/bin/packages/react-intl/lib/src/components/dateTimeRange.js
-  var React9 = __toESM(window.React);
+  var React10 = __toESM(window.React);
   var FormattedDateTimeRange = function(props) {
     var intl = useIntl();
     var from = props.from, to = props.to, children = props.children, formatProps = __rest(props, ["from", "to", "children"]);
@@ -4831,8 +4829,8 @@ var ReactIntl = (() => {
     if (typeof children === "function") {
       return children(formattedValue);
     }
-    var Text = intl.textComponent || React9.Fragment;
-    return React9.createElement(Text, null, formattedValue);
+    var Text = intl.textComponent || React10.Fragment;
+    return React10.createElement(Text, null, formattedValue);
   };
   FormattedDateTimeRange.displayName = "FormattedDateTimeRange";
   var dateTimeRange_default = FormattedDateTimeRange;

package/src/components/createIntl.d.ts

@@ -0,0 +1,9 @@
+import { CreateIntlFn } from '@formatjs/intl';
+import * as React from 'react';
+import type { IntlConfig, IntlShape } from '../types';
+/**
+ * Create intl object
+ * @param config intl config
+ * @param cache cache for formatter instances to prevent memory leak
+ */
+export declare const createIntl: CreateIntlFn<React.ReactNode, IntlConfig, IntlShape>;

package/src/components/createIntl.js

@@ -0,0 +1,67 @@
+"use strict";
+/*
+ * Copyright 2015, Yahoo Inc.
+ * Copyrights licensed under the New BSD License.
+ * See the accompanying LICENSE file for terms.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createIntl = void 0;
+var tslib_1 = require("tslib");
+var intl_1 = require("@formatjs/intl");
+var React = tslib_1.__importStar(require("react"));
+var utils_1 = require("../utils");
+var intl_messageformat_1 = require("intl-messageformat");
+function assignUniqueKeysToFormatXMLElementFnArgument(values) {
+    if (!values) {
+        return values;
+    }
+    return Object.keys(values).reduce(function (acc, k) {
+        var v = values[k];
+        acc[k] = (0, intl_messageformat_1.isFormatXMLElementFn)(v)
+            ? (0, utils_1.assignUniqueKeysToParts)(v)
+            : v;
+        return acc;
+    }, {});
+}
+var formatMessage = function (config, formatters, descriptor, rawValues) {
+    var rest = [];
+    for (var _i = 4; _i < arguments.length; _i++) {
+        rest[_i - 4] = arguments[_i];
+    }
+    var values = assignUniqueKeysToFormatXMLElementFnArgument(rawValues);
+    var chunks = intl_1.formatMessage.apply(void 0, tslib_1.__spreadArray([config,
+        formatters,
+        descriptor,
+        values], rest, false));
+    if (Array.isArray(chunks)) {
+        return React.Children.toArray(chunks);
+    }
+    return chunks;
+};
+/**
+ * Create intl object
+ * @param config intl config
+ * @param cache cache for formatter instances to prevent memory leak
+ */
+var createIntl = function (_a, cache) {
+    var rawDefaultRichTextElements = _a.defaultRichTextElements, config = tslib_1.__rest(_a, ["defaultRichTextElements"]);
+    var defaultRichTextElements = assignUniqueKeysToFormatXMLElementFnArgument(rawDefaultRichTextElements);
+    var coreIntl = (0, intl_1.createIntl)(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, utils_1.DEFAULT_INTL_CONFIG), config), { defaultRichTextElements: defaultRichTextElements }), cache);
+    var resolvedConfig = {
+        locale: coreIntl.locale,
+        timeZone: coreIntl.timeZone,
+        fallbackOnEmptyString: coreIntl.fallbackOnEmptyString,
+        formats: coreIntl.formats,
+        defaultLocale: coreIntl.defaultLocale,
+        defaultFormats: coreIntl.defaultFormats,
+        messages: coreIntl.messages,
+        onError: coreIntl.onError,
+        defaultRichTextElements: defaultRichTextElements,
+    };
+    return tslib_1.__assign(tslib_1.__assign({}, coreIntl), { formatMessage: formatMessage.bind(null, resolvedConfig, 
+        // @ts-expect-error fix this
+        coreIntl.formatters), 
+        // @ts-expect-error fix this
+        $t: formatMessage.bind(null, resolvedConfig, coreIntl.formatters) });
+};
+exports.createIntl = createIntl;

package/src/components/plural.js

@@ -22,8 +22,5 @@ var FormattedPlural = function (props) {
     // Work around @types/react where React.FC cannot return string
     return formattedPlural;
 };
-FormattedPlural.defaultProps = {
-    type: 'cardinal',
-};
 FormattedPlural.displayName = 'FormattedPlural';
 exports.default = FormattedPlural;

package/src/components/provider.d.ts

@@ -1,6 +1,6 @@
-import { CreateIntlFn, IntlCache } from '@formatjs/intl';
+import { IntlCache } from '@formatjs/intl';
 import * as React from 'react';
-import type { IntlConfig, IntlShape, ResolvedIntlConfig } from '../types';
+import type { IntlConfig, IntlShape } from '../types';
 interface State {
     /**
      * Explicit intl cache to prevent memory leaks
@@ -17,15 +17,9 @@ interface State {
      */
     prevConfig: IntlConfig;
 }
-/**
- * Create intl object
- * @param config intl config
- * @param cache cache for formatter instances to prevent memory leak
- */
-export declare const createIntl: CreateIntlFn<React.ReactNode, IntlConfig, IntlShape>;
 export default class IntlProvider extends React.PureComponent<React.PropsWithChildren<IntlConfig>, State> {
     static displayName: string;
-    static defaultProps: Pick<ResolvedIntlConfig, "timeZone" | "onError" | "fallbackOnEmptyString" | "formats" | "messages" | "defaultLocale" | "defaultFormats" | "textComponent">;
+    static defaultProps: Pick<import("../types").ResolvedIntlConfig, "timeZone" | "onError" | "fallbackOnEmptyString" | "formats" | "messages" | "defaultLocale" | "defaultFormats" | "textComponent">;
     private cache;
     state: State;
     static getDerivedStateFromProps(props: Readonly<IntlConfig>, { prevConfig, cache }: State): Partial<State> | null;

package/src/components/provider.js

@@ -5,13 +5,12 @@
  * See the accompanying LICENSE file for terms.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createIntl = void 0;
 var tslib_1 = require("tslib");
 var intl_1 = require("@formatjs/intl");
 var React = tslib_1.__importStar(require("react"));
 var utils_1 = require("../utils");
 var injectIntl_1 = require("./injectIntl");
-var intl_messageformat_1 = require("intl-messageformat");
+var createIntl_1 = require("./createIntl");
 function processIntlConfig(config) {
     return {
         locale: config.locale,
@@ -28,60 +27,6 @@ function processIntlConfig(config) {
         defaultRichTextElements: config.defaultRichTextElements,
     };
 }
-function assignUniqueKeysToFormatXMLElementFnArgument(values) {
-    if (!values) {
-        return values;
-    }
-    return Object.keys(values).reduce(function (acc, k) {
-        var v = values[k];
-        acc[k] = (0, intl_messageformat_1.isFormatXMLElementFn)(v)
-            ? (0, utils_1.assignUniqueKeysToParts)(v)
-            : v;
-        return acc;
-    }, {});
-}
-var formatMessage = function (config, formatters, descriptor, rawValues) {
-    var rest = [];
-    for (var _i = 4; _i < arguments.length; _i++) {
-        rest[_i - 4] = arguments[_i];
-    }
-    var values = assignUniqueKeysToFormatXMLElementFnArgument(rawValues);
-    var chunks = intl_1.formatMessage.apply(void 0, tslib_1.__spreadArray([config,
-        formatters,
-        descriptor,
-        values], rest, false));
-    if (Array.isArray(chunks)) {
-        return React.Children.toArray(chunks);
-    }
-    return chunks;
-};
-/**
- * Create intl object
- * @param config intl config
- * @param cache cache for formatter instances to prevent memory leak
- */
-var createIntl = function (_a, cache) {
-    var rawDefaultRichTextElements = _a.defaultRichTextElements, config = tslib_1.__rest(_a, ["defaultRichTextElements"]);
-    var defaultRichTextElements = assignUniqueKeysToFormatXMLElementFnArgument(rawDefaultRichTextElements);
-    var coreIntl = (0, intl_1.createIntl)(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, utils_1.DEFAULT_INTL_CONFIG), config), { defaultRichTextElements: defaultRichTextElements }), cache);
-    var resolvedConfig = {
-        locale: coreIntl.locale,
-        timeZone: coreIntl.timeZone,
-        fallbackOnEmptyString: coreIntl.fallbackOnEmptyString,
-        formats: coreIntl.formats,
-        defaultLocale: coreIntl.defaultLocale,
-        defaultFormats: coreIntl.defaultFormats,
-        messages: coreIntl.messages,
-        onError: coreIntl.onError,
-        defaultRichTextElements: defaultRichTextElements,
-    };
-    return tslib_1.__assign(tslib_1.__assign({}, coreIntl), { formatMessage: formatMessage.bind(null, resolvedConfig, 
-        // @ts-expect-error fix this
-        coreIntl.formatters), 
-        // @ts-expect-error fix this
-        $t: formatMessage.bind(null, resolvedConfig, coreIntl.formatters) });
-};
-exports.createIntl = createIntl;
 var IntlProvider = /** @class */ (function (_super) {
     tslib_1.__extends(IntlProvider, _super);
     function IntlProvider() {
@@ -89,7 +34,7 @@ var IntlProvider = /** @class */ (function (_super) {
         _this.cache = (0, intl_1.createIntlCache)();
         _this.state = {
             cache: _this.cache,
-            intl: (0, exports.createIntl)(processIntlConfig(_this.props), _this.cache),
+            intl: (0, createIntl_1.createIntl)(processIntlConfig(_this.props), _this.cache),
             prevConfig: processIntlConfig(_this.props),
         };
         return _this;
@@ -99,7 +44,7 @@ var IntlProvider = /** @class */ (function (_super) {
         var config = processIntlConfig(props);
         if (!(0, utils_1.shallowEqual)(prevConfig, config)) {
             return {
-                intl: (0, exports.createIntl)(config, cache),
+                intl: (0, createIntl_1.createIntl)(config, cache),
                 prevConfig: config,
             };
         }

package/src/components/relative.js

@@ -72,12 +72,12 @@ var SimpleFormattedRelativeTime = function (props) {
     return React.createElement(React.Fragment, null, formattedRelativeTime);
 };
 var FormattedRelativeTime = function (_a) {
-    var value = _a.value, unit = _a.unit, updateIntervalInSeconds = _a.updateIntervalInSeconds, otherProps = tslib_1.__rest(_a, ["value", "unit", "updateIntervalInSeconds"]);
+    var _b = _a.value, value = _b === void 0 ? 0 : _b, _c = _a.unit, unit = _c === void 0 ? 'second' : _c, updateIntervalInSeconds = _a.updateIntervalInSeconds, otherProps = tslib_1.__rest(_a, ["value", "unit", "updateIntervalInSeconds"]);
     (0, ecma402_abstract_1.invariant)(!updateIntervalInSeconds ||
         !!(updateIntervalInSeconds && canIncrement(unit)), 'Cannot schedule update with unit longer than hour');
-    var _b = React.useState(), prevUnit = _b[0], setPrevUnit = _b[1];
-    var _c = React.useState(0), prevValue = _c[0], setPrevValue = _c[1];
-    var _d = React.useState(0), currentValueInSeconds = _d[0], setCurrentValueInSeconds = _d[1];
+    var _d = React.useState(), prevUnit = _d[0], setPrevUnit = _d[1];
+    var _e = React.useState(0), prevValue = _e[0], setPrevValue = _e[1];
+    var _f = React.useState(0), currentValueInSeconds = _f[0], setCurrentValueInSeconds = _f[1];
     var updateTimer;
     if (unit !== prevUnit || value !== prevValue) {
         setPrevValue(value || 0);
@@ -124,8 +124,4 @@ var FormattedRelativeTime = function (_a) {
     return (React.createElement(SimpleFormattedRelativeTime, tslib_1.__assign({ value: currentValue, unit: currentUnit }, otherProps)));
 };
 FormattedRelativeTime.displayName = 'FormattedRelativeTime';
-FormattedRelativeTime.defaultProps = {
-    value: 0,
-    unit: 'second',
-};
 exports.default = FormattedRelativeTime;