react-intl 6.8.9 → 7.0.1

package/README.md

@@ -1,3 +1,3 @@
 # React Intl
 
-We've migrated the docs to https://formatjs.io/docs/getting-started/installation.
+We've migrated the docs to https://formatjs.github.io/docs/getting-started/installation.

package/index.d.ts

@@ -1,19 +1,16 @@
+import { CustomFormatConfig, FormatDateOptions, MessageDescriptor } from '@formatjs/intl';
 import * as React from 'react';
-import { MessageDescriptor, CustomFormatConfig, FormatDateOptions } from '@formatjs/intl';
-import { IntlListFormatOptions } from '@formatjs/intl-listformat';
-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 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';
 import FormattedDateTimeRange from './src/components/dateTimeRange';
-export { FormattedDateTimeRange, FormattedMessage, FormattedPlural, FormattedRelativeTime, IntlContext, IntlProvider, RawIntlProvider, WithIntlProps, WrappedComponentProps, createIntl, injectIntl, useIntl, };
-export { IntlConfig, ResolvedIntlConfig, IntlShape } from './src/types';
-export { createIntlCache, MessageDescriptor, IntlCache, Formatters, IntlFormatters, FormatDisplayNameOptions, FormatListOptions, FormatPluralOptions, FormatRelativeTimeOptions, FormatNumberOptions, FormatDateOptions, CustomFormatConfig, CustomFormats, UnsupportedFormatterError, InvalidConfigError, MissingDataError, MessageFormatError, MissingTranslationError, IntlErrorCode as ReactIntlErrorCode, IntlError as ReactIntlError, } from '@formatjs/intl';
+import injectIntl, { Context as IntlContext, Provider as RawIntlProvider, WithIntlProps, WrappedComponentProps } from './src/components/injectIntl';
+import FormattedMessage from './src/components/message';
+import FormattedPlural from './src/components/plural';
+import IntlProvider from './src/components/provider';
+import FormattedRelativeTime from './src/components/relative';
+import useIntl from './src/components/useIntl';
+export { createIntlCache, CustomFormatConfig, CustomFormats, FormatDateOptions, FormatDisplayNameOptions, FormatListOptions, FormatNumberOptions, FormatPluralOptions, FormatRelativeTimeOptions, Formatters, IntlCache, IntlFormatters, InvalidConfigError, MessageDescriptor, MessageFormatError, MissingDataError, MissingTranslationError, IntlError as ReactIntlError, IntlErrorCode as ReactIntlErrorCode, UnsupportedFormatterError, } from '@formatjs/intl';
+export { IntlConfig, IntlShape, ResolvedIntlConfig } from './src/types';
+export { createIntl, FormattedDateTimeRange, FormattedMessage, FormattedPlural, FormattedRelativeTime, injectIntl, IntlContext, IntlProvider, RawIntlProvider, useIntl, WithIntlProps, WrappedComponentProps, };
 export declare function defineMessages<K extends keyof any, T = MessageDescriptor, U extends Record<K, T> = Record<K, T>>(msgs: U): U;
 export declare function defineMessage<T extends MessageDescriptor>(msg: T): T;
 export declare const FormattedDate: React.FC<Intl.DateTimeFormatOptions & CustomFormatConfig & {
@@ -24,15 +21,15 @@ export declare const FormattedTime: React.FC<Intl.DateTimeFormatOptions & Custom
     value: string | number | Date | undefined;
     children?(formattedTime: string): React.ReactElement | null;
 }>;
-export declare const FormattedNumber: React.FC<Omit<NumberFormatOptions, 'localeMatcher'> & CustomFormatConfig<'number'> & {
+export declare const FormattedNumber: React.FC<Omit<Intl.NumberFormatOptions, 'localeMatcher'> & CustomFormatConfig<'number'> & {
     value: number;
     children?(formattedNumber: string): React.ReactElement | null;
 }>;
-export declare const FormattedList: React.FC<IntlListFormatOptions & {
+export declare const FormattedList: React.FC<Intl.ListFormatOptions & {
     value: readonly React.ReactNode[];
 }>;
-export declare const FormattedDisplayName: React.FC<DisplayNamesOptions & {
-    value: string | number | Record<string, unknown>;
+export declare const FormattedDisplayName: React.FC<Intl.DisplayNamesOptions & {
+    value: string;
 }>;
 export declare const FormattedDateParts: React.FC<FormatDateOptions & {
     value: Parameters<Intl.DateTimeFormat['format']>[0] | string;
@@ -42,6 +39,6 @@ export declare const FormattedTimeParts: React.FC<FormatDateOptions & {
     value: Parameters<Intl.DateTimeFormat['format']>[0] | string;
     children(val: Intl.DateTimeFormatPart[]): React.ReactElement | null;
 }>;
-export { FormattedNumberParts, FormattedListParts, } from './src/components/createFormattedComponent';
 export type { MessageFormatElement } from '@formatjs/icu-messageformat-parser';
 export type { PrimitiveType } from 'intl-messageformat';
+export { FormattedListParts, FormattedNumberParts, } from './src/components/createFormattedComponent';

package/index.js

@@ -1,37 +1,37 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormattedListParts = exports.FormattedNumberParts = exports.FormattedTimeParts = exports.FormattedDateParts = exports.FormattedDisplayName = exports.FormattedList = exports.FormattedNumber = exports.FormattedTime = exports.FormattedDate = exports.ReactIntlError = exports.ReactIntlErrorCode = exports.MissingTranslationError = exports.MessageFormatError = exports.MissingDataError = exports.InvalidConfigError = exports.UnsupportedFormatterError = exports.createIntlCache = exports.useIntl = exports.injectIntl = exports.createIntl = exports.RawIntlProvider = exports.IntlProvider = exports.IntlContext = exports.FormattedRelativeTime = exports.FormattedPlural = exports.FormattedMessage = exports.FormattedDateTimeRange = void 0;
+exports.FormattedNumberParts = exports.FormattedListParts = exports.FormattedTimeParts = exports.FormattedDateParts = exports.FormattedDisplayName = exports.FormattedList = exports.FormattedNumber = exports.FormattedTime = exports.FormattedDate = exports.useIntl = exports.RawIntlProvider = exports.IntlProvider = exports.IntlContext = exports.injectIntl = exports.FormattedRelativeTime = exports.FormattedPlural = exports.FormattedMessage = exports.FormattedDateTimeRange = exports.createIntl = exports.UnsupportedFormatterError = exports.ReactIntlErrorCode = exports.ReactIntlError = exports.MissingTranslationError = exports.MissingDataError = exports.MessageFormatError = exports.InvalidConfigError = exports.createIntlCache = void 0;
 exports.defineMessages = defineMessages;
 exports.defineMessage = defineMessage;
 var tslib_1 = require("tslib");
 var createFormattedComponent_1 = require("./src/components/createFormattedComponent");
+var createIntl_1 = require("./src/components/createIntl");
+Object.defineProperty(exports, "createIntl", { enumerable: true, get: function () { return createIntl_1.createIntl; } });
+var dateTimeRange_1 = tslib_1.__importDefault(require("./src/components/dateTimeRange"));
+exports.FormattedDateTimeRange = dateTimeRange_1.default;
 var injectIntl_1 = tslib_1.__importStar(require("./src/components/injectIntl"));
 exports.injectIntl = injectIntl_1.default;
-Object.defineProperty(exports, "RawIntlProvider", { enumerable: true, get: function () { return injectIntl_1.Provider; } });
 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;
+Object.defineProperty(exports, "RawIntlProvider", { enumerable: true, get: function () { return injectIntl_1.Provider; } });
+var message_1 = tslib_1.__importDefault(require("./src/components/message"));
+exports.FormattedMessage = message_1.default;
+var plural_1 = tslib_1.__importDefault(require("./src/components/plural"));
+exports.FormattedPlural = plural_1.default;
 var provider_1 = tslib_1.__importDefault(require("./src/components/provider"));
 exports.IntlProvider = provider_1.default;
-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"));
-exports.FormattedPlural = plural_1.default;
-var message_1 = tslib_1.__importDefault(require("./src/components/message"));
-exports.FormattedMessage = message_1.default;
-var dateTimeRange_1 = tslib_1.__importDefault(require("./src/components/dateTimeRange"));
-exports.FormattedDateTimeRange = dateTimeRange_1.default;
+var useIntl_1 = tslib_1.__importDefault(require("./src/components/useIntl"));
+exports.useIntl = useIntl_1.default;
 var intl_1 = require("@formatjs/intl");
 Object.defineProperty(exports, "createIntlCache", { enumerable: true, get: function () { return intl_1.createIntlCache; } });
-Object.defineProperty(exports, "UnsupportedFormatterError", { enumerable: true, get: function () { return intl_1.UnsupportedFormatterError; } });
 Object.defineProperty(exports, "InvalidConfigError", { enumerable: true, get: function () { return intl_1.InvalidConfigError; } });
-Object.defineProperty(exports, "MissingDataError", { enumerable: true, get: function () { return intl_1.MissingDataError; } });
 Object.defineProperty(exports, "MessageFormatError", { enumerable: true, get: function () { return intl_1.MessageFormatError; } });
+Object.defineProperty(exports, "MissingDataError", { enumerable: true, get: function () { return intl_1.MissingDataError; } });
 Object.defineProperty(exports, "MissingTranslationError", { enumerable: true, get: function () { return intl_1.MissingTranslationError; } });
-Object.defineProperty(exports, "ReactIntlErrorCode", { enumerable: true, get: function () { return intl_1.IntlErrorCode; } });
 Object.defineProperty(exports, "ReactIntlError", { enumerable: true, get: function () { return intl_1.IntlError; } });
+Object.defineProperty(exports, "ReactIntlErrorCode", { enumerable: true, get: function () { return intl_1.IntlErrorCode; } });
+Object.defineProperty(exports, "UnsupportedFormatterError", { enumerable: true, get: function () { return intl_1.UnsupportedFormatterError; } });
 function defineMessages(msgs) {
     return msgs;
 }
@@ -47,5 +47,5 @@ exports.FormattedDisplayName = (0, createFormattedComponent_1.createFormattedCom
 exports.FormattedDateParts = (0, createFormattedComponent_1.createFormattedDateTimePartsComponent)('formatDate');
 exports.FormattedTimeParts = (0, createFormattedComponent_1.createFormattedDateTimePartsComponent)('formatTime');
 var createFormattedComponent_2 = require("./src/components/createFormattedComponent");
-Object.defineProperty(exports, "FormattedNumberParts", { enumerable: true, get: function () { return createFormattedComponent_2.FormattedNumberParts; } });
 Object.defineProperty(exports, "FormattedListParts", { enumerable: true, get: function () { return createFormattedComponent_2.FormattedListParts; } });
+Object.defineProperty(exports, "FormattedNumberParts", { enumerable: true, get: function () { return createFormattedComponent_2.FormattedNumberParts; } });

package/lib/index.d.ts

@@ -1,19 +1,16 @@
+import { CustomFormatConfig, FormatDateOptions, MessageDescriptor } from '@formatjs/intl';
 import * as React from 'react';
-import { MessageDescriptor, CustomFormatConfig, FormatDateOptions } from '@formatjs/intl';
-import { IntlListFormatOptions } from '@formatjs/intl-listformat';
-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 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';
 import FormattedDateTimeRange from './src/components/dateTimeRange';
-export { FormattedDateTimeRange, FormattedMessage, FormattedPlural, FormattedRelativeTime, IntlContext, IntlProvider, RawIntlProvider, WithIntlProps, WrappedComponentProps, createIntl, injectIntl, useIntl, };
-export { IntlConfig, ResolvedIntlConfig, IntlShape } from './src/types';
-export { createIntlCache, MessageDescriptor, IntlCache, Formatters, IntlFormatters, FormatDisplayNameOptions, FormatListOptions, FormatPluralOptions, FormatRelativeTimeOptions, FormatNumberOptions, FormatDateOptions, CustomFormatConfig, CustomFormats, UnsupportedFormatterError, InvalidConfigError, MissingDataError, MessageFormatError, MissingTranslationError, IntlErrorCode as ReactIntlErrorCode, IntlError as ReactIntlError, } from '@formatjs/intl';
+import injectIntl, { Context as IntlContext, Provider as RawIntlProvider, WithIntlProps, WrappedComponentProps } from './src/components/injectIntl';
+import FormattedMessage from './src/components/message';
+import FormattedPlural from './src/components/plural';
+import IntlProvider from './src/components/provider';
+import FormattedRelativeTime from './src/components/relative';
+import useIntl from './src/components/useIntl';
+export { createIntlCache, CustomFormatConfig, CustomFormats, FormatDateOptions, FormatDisplayNameOptions, FormatListOptions, FormatNumberOptions, FormatPluralOptions, FormatRelativeTimeOptions, Formatters, IntlCache, IntlFormatters, InvalidConfigError, MessageDescriptor, MessageFormatError, MissingDataError, MissingTranslationError, IntlError as ReactIntlError, IntlErrorCode as ReactIntlErrorCode, UnsupportedFormatterError, } from '@formatjs/intl';
+export { IntlConfig, IntlShape, ResolvedIntlConfig } from './src/types';
+export { createIntl, FormattedDateTimeRange, FormattedMessage, FormattedPlural, FormattedRelativeTime, injectIntl, IntlContext, IntlProvider, RawIntlProvider, useIntl, WithIntlProps, WrappedComponentProps, };
 export declare function defineMessages<K extends keyof any, T = MessageDescriptor, U extends Record<K, T> = Record<K, T>>(msgs: U): U;
 export declare function defineMessage<T extends MessageDescriptor>(msg: T): T;
 export declare const FormattedDate: React.FC<Intl.DateTimeFormatOptions & CustomFormatConfig & {
@@ -24,15 +21,15 @@ export declare const FormattedTime: React.FC<Intl.DateTimeFormatOptions & Custom
     value: string | number | Date | undefined;
     children?(formattedTime: string): React.ReactElement | null;
 }>;
-export declare const FormattedNumber: React.FC<Omit<NumberFormatOptions, 'localeMatcher'> & CustomFormatConfig<'number'> & {
+export declare const FormattedNumber: React.FC<Omit<Intl.NumberFormatOptions, 'localeMatcher'> & CustomFormatConfig<'number'> & {
     value: number;
     children?(formattedNumber: string): React.ReactElement | null;
 }>;
-export declare const FormattedList: React.FC<IntlListFormatOptions & {
+export declare const FormattedList: React.FC<Intl.ListFormatOptions & {
     value: readonly React.ReactNode[];
 }>;
-export declare const FormattedDisplayName: React.FC<DisplayNamesOptions & {
-    value: string | number | Record<string, unknown>;
+export declare const FormattedDisplayName: React.FC<Intl.DisplayNamesOptions & {
+    value: string;
 }>;
 export declare const FormattedDateParts: React.FC<FormatDateOptions & {
     value: Parameters<Intl.DateTimeFormat['format']>[0] | string;
@@ -42,6 +39,6 @@ export declare const FormattedTimeParts: React.FC<FormatDateOptions & {
     value: Parameters<Intl.DateTimeFormat['format']>[0] | string;
     children(val: Intl.DateTimeFormatPart[]): React.ReactElement | null;
 }>;
-export { FormattedNumberParts, FormattedListParts, } from './src/components/createFormattedComponent';
 export type { MessageFormatElement } from '@formatjs/icu-messageformat-parser';
 export type { PrimitiveType } from 'intl-messageformat';
+export { FormattedListParts, FormattedNumberParts, } from './src/components/createFormattedComponent';

package/lib/index.js

@@ -1,14 +1,14 @@
 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 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';
 import FormattedDateTimeRange from './src/components/dateTimeRange';
-export { FormattedDateTimeRange, FormattedMessage, FormattedPlural, FormattedRelativeTime, IntlContext, IntlProvider, RawIntlProvider, createIntl, injectIntl, useIntl, };
-export { createIntlCache, UnsupportedFormatterError, InvalidConfigError, MissingDataError, MessageFormatError, MissingTranslationError, IntlErrorCode as ReactIntlErrorCode, IntlError as ReactIntlError, } from '@formatjs/intl';
+import injectIntl, { Context as IntlContext, Provider as RawIntlProvider, } from './src/components/injectIntl';
+import FormattedMessage from './src/components/message';
+import FormattedPlural from './src/components/plural';
+import IntlProvider from './src/components/provider';
+import FormattedRelativeTime from './src/components/relative';
+import useIntl from './src/components/useIntl';
+export { createIntlCache, InvalidConfigError, MessageFormatError, MissingDataError, MissingTranslationError, IntlError as ReactIntlError, IntlErrorCode as ReactIntlErrorCode, UnsupportedFormatterError, } from '@formatjs/intl';
+export { createIntl, FormattedDateTimeRange, FormattedMessage, FormattedPlural, FormattedRelativeTime, injectIntl, IntlContext, IntlProvider, RawIntlProvider, useIntl, };
 export function defineMessages(msgs) {
     return msgs;
 }
@@ -23,4 +23,4 @@ export var FormattedList = createFormattedComponent('formatList');
 export var FormattedDisplayName = createFormattedComponent('formatDisplayName');
 export var FormattedDateParts = createFormattedDateTimePartsComponent('formatDate');
 export var FormattedTimeParts = createFormattedDateTimePartsComponent('formatTime');
-export { FormattedNumberParts, FormattedListParts, } from './src/components/createFormattedComponent';
+export { FormattedListParts, FormattedNumberParts, } from './src/components/createFormattedComponent';

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

@@ -1,7 +1,6 @@
+import { FormatDateOptions, FormatDisplayNameOptions, FormatListOptions, FormatNumberOptions } from '@formatjs/intl';
 import * as React from 'react';
-import { FormatDateOptions, FormatNumberOptions, FormatListOptions, FormatDisplayNameOptions } from '@formatjs/intl';
 import { IntlShape } from '../types';
-import { Part } from '@formatjs/intl-listformat';
 type Formatter = {
     formatDate: FormatDateOptions;
     formatTime: FormatDateOptions;
@@ -15,7 +14,7 @@ export declare const FormattedNumberParts: React.FC<Formatter['formatNumber'] &
 }>;
 export declare const FormattedListParts: React.FC<Formatter['formatList'] & {
     value: Parameters<IntlShape['formatList']>[0];
-    children(val: Part[]): React.ReactElement | null;
+    children(val: ReturnType<Intl.ListFormat['formatToParts']>): React.ReactElement | null;
 }>;
 export declare function createFormattedDateTimePartsComponent<Name extends 'formatDate' | 'formatTime'>(name: Name): React.FC<Formatter[Name] & {
     value: Parameters<IntlShape[Name]>[0];

package/lib/src/components/createIntl.js

@@ -5,9 +5,9 @@
  */
 import { __assign, __rest, __spreadArray } from "tslib";
 import { createIntl as coreCreateIntl, formatMessage as coreFormatMessage, } from '@formatjs/intl';
+import { isFormatXMLElementFn, } from 'intl-messageformat';
 import * as React from 'react';
 import { DEFAULT_INTL_CONFIG, assignUniqueKeysToParts } from '../utils';
-import { isFormatXMLElementFn, } from 'intl-messageformat';
 function assignUniqueKeysToFormatXMLElementFnArgument(values) {
     if (!values) {
         return values;
@@ -55,9 +55,5 @@ export var createIntl = function (_a, cache) {
         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) });
+    return __assign(__assign({}, coreIntl), { formatMessage: formatMessage.bind(null, resolvedConfig, coreIntl.formatters), $t: formatMessage.bind(null, resolvedConfig, coreIntl.formatters) });
 };

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

@@ -1,9 +1,8 @@
-import * as React from 'react';
 import { FormatDateOptions } from '@formatjs/intl';
-import { DateTimeFormat } from '@formatjs/ecma402-abstract';
+import * as React from 'react';
 interface Props extends FormatDateOptions {
-    from: Parameters<DateTimeFormat['formatRange']>[0];
-    to: Parameters<DateTimeFormat['formatRange']>[1];
+    from: Parameters<Intl.DateTimeFormat['formatRange']>[0];
+    to: Parameters<Intl.DateTimeFormat['formatRange']>[1];
     children?(value: React.ReactNode): React.ReactElement | null;
 }
 declare const FormattedDateTimeRange: React.FC<Props>;

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

@@ -19,7 +19,7 @@ interface State {
 }
 export default class IntlProvider extends React.PureComponent<React.PropsWithChildren<IntlConfig>, State> {
     static displayName: string;
-    static defaultProps: Pick<import("../types").ResolvedIntlConfig, "timeZone" | "onError" | "fallbackOnEmptyString" | "formats" | "messages" | "defaultLocale" | "defaultFormats" | "textComponent">;
+    static defaultProps: Pick<import("../types").ResolvedIntlConfig, "timeZone" | "fallbackOnEmptyString" | "formats" | "messages" | "defaultLocale" | "defaultFormats" | "onError" | "textComponent">;
     private cache;
     state: State;
     static getDerivedStateFromProps(props: Readonly<IntlConfig>, { prevConfig, cache }: State): Partial<State> | null;

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

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import { RelativeTimeFormatSingularUnit } from '@formatjs/ecma402-abstract';
 import { FormatRelativeTimeOptions } from '@formatjs/intl';
 export interface Props extends FormatRelativeTimeOptions {
     value?: number;
-    unit?: RelativeTimeFormatSingularUnit;
+    unit?: Intl.RelativeTimeFormatUnit;
     updateIntervalInSeconds?: number;
     children?(value: string): React.ReactElement | null;
 }

package/lib/src/components/relative.js

@@ -5,7 +5,7 @@ import { __assign, __rest } from "tslib";
  * See the accompanying LICENSE file for terms.
  */
 import * as React from 'react';
-import { invariant, } from '@formatjs/ecma402-abstract';
+import { invariant } from '../utils';
 import useIntl from './useIntl';
 var MINUTE = 60;
 var HOUR = 60 * 60;

package/lib/src/utils.d.ts

@@ -1,6 +1,7 @@
-import { ResolvedIntlConfig } from './types';
-import * as React from 'react';
 import { FormatXMLElementFn } from 'intl-messageformat';
+import * as React from 'react';
+import { ResolvedIntlConfig } from './types';
+export declare function invariant(condition: boolean, message: string, Err?: any): asserts condition;
 export declare function invariantIntlContext(intl?: any): asserts intl;
 export declare const DEFAULT_INTL_CONFIG: Pick<ResolvedIntlConfig, 'fallbackOnEmptyString' | 'formats' | 'messages' | 'timeZone' | 'textComponent' | 'defaultLocale' | 'defaultFormats' | 'onError'>;
 /**

package/lib/src/utils.js

@@ -1,7 +1,12 @@
 import { __assign } from "tslib";
 import * as React from 'react';
-import { invariant } from '@formatjs/ecma402-abstract';
 import { DEFAULT_INTL_CONFIG as CORE_DEFAULT_INTL_CONFIG } from '@formatjs/intl';
+export function invariant(condition, message, Err) {
+    if (Err === void 0) { Err = Error; }
+    if (!condition) {
+        throw new Err(message);
+    }
+}
 export function invariantIntlContext(intl) {
     invariant(intl, '[React Intl] Could not find required `intl` object. ' +
         '<IntlProvider> needs to exist in the component ancestry.');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-intl",
-  "version": "6.8.9",
+  "version": "7.0.1",
   "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",
@@ -115,7 +115,7 @@
     "zouxuoz <zouxuoz@gmail.com>"
   ],
   "license": "BSD-3-Clause",
-  "homepage": "https://formatjs.io/docs/react-intl",
+  "homepage": "https://formatjs.github.io/docs/react-intl",
   "bugs": {
     "url": "https://github.com/formatjs/formatjs/issues"
   },
@@ -132,20 +132,13 @@
     "@types/react": "16 || 17 || 18",
     "hoist-non-react-statics": "3",
     "tslib": "2",
-    "@formatjs/ecma402-abstract": "2.2.4",
-    "@formatjs/intl": "2.10.15",
-    "@formatjs/intl-displaynames": "6.8.5",
+    "intl-messageformat": "10.7.7",
     "@formatjs/icu-messageformat-parser": "2.9.4",
-    "@formatjs/intl-listformat": "7.7.5",
-    "intl-messageformat": "10.7.7"
-  },
-  "devDependencies": {
-    "@formatjs/intl-relativetimeformat": "11.4.5",
-    "@formatjs/intl-numberformat": "8.14.5"
+    "@formatjs/intl": "3.0.1"
   },
   "peerDependencies": {
     "react": "^16.6.0 || 17 || 18",
-    "typescript": "^4.7 || 5"
+    "typescript": "5"
   },
   "peerDependenciesMeta": {
     "typescript": {

package/react-intl.iife.js

@@ -288,7 +288,7 @@ var ReactIntl = (() => {
         }
         return TYPE_STATICS[component["$$typeof"]] || REACT_STATICS;
       }
-      var defineProperty2 = Object.defineProperty;
+      var defineProperty = Object.defineProperty;
       var getOwnPropertyNames = Object.getOwnPropertyNames;
       var getOwnPropertySymbols = Object.getOwnPropertySymbols;
       var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
@@ -313,7 +313,7 @@ var ReactIntl = (() => {
             if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
               var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
               try {
-                defineProperty2(targetComponent, key, descriptor);
+                defineProperty(targetComponent, key, descriptor);
               } catch (e) {
               }
             }
@@ -368,64 +368,6 @@ var ReactIntl = (() => {
   // packages/react-intl/src/utils.ts
   var React = __toESM(window.React);
 
-  // node_modules/.aspect_rules_js/@formatjs+ecma402-abstract@0.0.0/node_modules/@formatjs/ecma402-abstract/lib/262.js
-  var MINUTES_PER_HOUR = 60;
-  var SECONDS_PER_MINUTE = 60;
-  var MS_PER_SECOND = 1e3;
-  var MS_PER_MINUTE = MS_PER_SECOND * SECONDS_PER_MINUTE;
-  var MS_PER_HOUR = MS_PER_MINUTE * MINUTES_PER_HOUR;
-
-  // node_modules/.aspect_rules_js/@formatjs+ecma402-abstract@0.0.0/node_modules/@formatjs/ecma402-abstract/lib/IsSanctionedSimpleUnitIdentifier.js
-  var SANCTIONED_UNITS = [
-    "angle-degree",
-    "area-acre",
-    "area-hectare",
-    "concentr-percent",
-    "digital-bit",
-    "digital-byte",
-    "digital-gigabit",
-    "digital-gigabyte",
-    "digital-kilobit",
-    "digital-kilobyte",
-    "digital-megabit",
-    "digital-megabyte",
-    "digital-petabyte",
-    "digital-terabit",
-    "digital-terabyte",
-    "duration-day",
-    "duration-hour",
-    "duration-millisecond",
-    "duration-minute",
-    "duration-month",
-    "duration-second",
-    "duration-week",
-    "duration-year",
-    "length-centimeter",
-    "length-foot",
-    "length-inch",
-    "length-kilometer",
-    "length-meter",
-    "length-mile-scandinavian",
-    "length-mile",
-    "length-millimeter",
-    "length-yard",
-    "mass-gram",
-    "mass-kilogram",
-    "mass-ounce",
-    "mass-pound",
-    "mass-stone",
-    "temperature-celsius",
-    "temperature-fahrenheit",
-    "volume-fluid-ounce",
-    "volume-gallon",
-    "volume-liter",
-    "volume-milliliter"
-  ];
-  function removeUnitNamespace(unit) {
-    return unit.slice(unit.indexOf("-") + 1);
-  }
-  var SIMPLE_UNITS = SANCTIONED_UNITS.map(removeUnitNamespace);
-
   // node_modules/.aspect_rules_js/tslib@2.8.1/node_modules/tslib/tslib.es6.mjs
   var extendStatics = function(d, b) {
     extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
@@ -549,95 +491,6 @@ var ReactIntl = (() => {
     monadic: strategyMonadic
   };
 
-  // node_modules/.aspect_rules_js/@formatjs+ecma402-abstract@0.0.0/node_modules/@formatjs/ecma402-abstract/lib/utils.js
-  function invariant(condition, message, Err) {
-    if (Err === void 0) {
-      Err = Error;
-    }
-    if (!condition) {
-      throw new Err(message);
-    }
-  }
-  var createMemoizedNumberFormat = memoize(function() {
-    var _a2;
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-      args[_i] = arguments[_i];
-    }
-    return new ((_a2 = Intl.NumberFormat).bind.apply(_a2, __spreadArray([void 0], args, false)))();
-  }, {
-    strategy: strategies.variadic
-  });
-  var createMemoizedDateTimeFormat = memoize(function() {
-    var _a2;
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-      args[_i] = arguments[_i];
-    }
-    return new ((_a2 = Intl.DateTimeFormat).bind.apply(_a2, __spreadArray([void 0], args, false)))();
-  }, {
-    strategy: strategies.variadic
-  });
-  var createMemoizedPluralRules = memoize(function() {
-    var _a2;
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-      args[_i] = arguments[_i];
-    }
-    return new ((_a2 = Intl.PluralRules).bind.apply(_a2, __spreadArray([void 0], args, false)))();
-  }, {
-    strategy: strategies.variadic
-  });
-  var createMemoizedLocale = memoize(function() {
-    var _a2;
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-      args[_i] = arguments[_i];
-    }
-    return new ((_a2 = Intl.Locale).bind.apply(_a2, __spreadArray([void 0], args, false)))();
-  }, {
-    strategy: strategies.variadic
-  });
-  var createMemoizedListFormat = memoize(function() {
-    var _a2;
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-      args[_i] = arguments[_i];
-    }
-    return new ((_a2 = Intl.ListFormat).bind.apply(_a2, __spreadArray([void 0], args, false)))();
-  }, {
-    strategy: strategies.variadic
-  });
-
-  // node_modules/.aspect_rules_js/@formatjs+ecma402-abstract@0.0.0/node_modules/@formatjs/ecma402-abstract/lib/regex.generated.js
-  var S_UNICODE_REGEX = /[\$\+<->\^`\|~\xA2-\xA6\xA8\xA9\xAC\xAE-\xB1\xB4\xB8\xD7\xF7\u02C2-\u02C5\u02D2-\u02DF\u02E5-\u02EB\u02ED\u02EF-\u02FF\u0375\u0384\u0385\u03F6\u0482\u058D-\u058F\u0606-\u0608\u060B\u060E\u060F\u06DE\u06E9\u06FD\u06FE\u07F6\u07FE\u07FF\u09F2\u09F3\u09FA\u09FB\u0AF1\u0B70\u0BF3-\u0BFA\u0C7F\u0D4F\u0D79\u0E3F\u0F01-\u0F03\u0F13\u0F15-\u0F17\u0F1A-\u0F1F\u0F34\u0F36\u0F38\u0FBE-\u0FC5\u0FC7-\u0FCC\u0FCE\u0FCF\u0FD5-\u0FD8\u109E\u109F\u1390-\u1399\u166D\u17DB\u1940\u19DE-\u19FF\u1B61-\u1B6A\u1B74-\u1B7C\u1FBD\u1FBF-\u1FC1\u1FCD-\u1FCF\u1FDD-\u1FDF\u1FED-\u1FEF\u1FFD\u1FFE\u2044\u2052\u207A-\u207C\u208A-\u208C\u20A0-\u20BF\u2100\u2101\u2103-\u2106\u2108\u2109\u2114\u2116-\u2118\u211E-\u2123\u2125\u2127\u2129\u212E\u213A\u213B\u2140-\u2144\u214A-\u214D\u214F\u218A\u218B\u2190-\u2307\u230C-\u2328\u232B-\u2426\u2440-\u244A\u249C-\u24E9\u2500-\u2767\u2794-\u27C4\u27C7-\u27E5\u27F0-\u2982\u2999-\u29D7\u29DC-\u29FB\u29FE-\u2B73\u2B76-\u2B95\u2B97-\u2BFF\u2CE5-\u2CEA\u2E50\u2E51\u2E80-\u2E99\u2E9B-\u2EF3\u2F00-\u2FD5\u2FF0-\u2FFB\u3004\u3012\u3013\u3020\u3036\u3037\u303E\u303F\u309B\u309C\u3190\u3191\u3196-\u319F\u31C0-\u31E3\u3200-\u321E\u322A-\u3247\u3250\u3260-\u327F\u328A-\u32B0\u32C0-\u33FF\u4DC0-\u4DFF\uA490-\uA4C6\uA700-\uA716\uA720\uA721\uA789\uA78A\uA828-\uA82B\uA836-\uA839\uAA77-\uAA79\uAB5B\uAB6A\uAB6B\uFB29\uFBB2-\uFBC1\uFDFC\uFDFD\uFE62\uFE64-\uFE66\uFE69\uFF04\uFF0B\uFF1C-\uFF1E\uFF3E\uFF40\uFF5C\uFF5E\uFFE0-\uFFE6\uFFE8-\uFFEE\uFFFC\uFFFD]|\uD800[\uDD37-\uDD3F\uDD79-\uDD89\uDD8C-\uDD8E\uDD90-\uDD9C\uDDA0\uDDD0-\uDDFC]|\uD802[\uDC77\uDC78\uDEC8]|\uD805\uDF3F|\uD807[\uDFD5-\uDFF1]|\uD81A[\uDF3C-\uDF3F\uDF45]|\uD82F\uDC9C|\uD834[\uDC00-\uDCF5\uDD00-\uDD26\uDD29-\uDD64\uDD6A-\uDD6C\uDD83\uDD84\uDD8C-\uDDA9\uDDAE-\uDDE8\uDE00-\uDE41\uDE45\uDF00-\uDF56]|\uD835[\uDEC1\uDEDB\uDEFB\uDF15\uDF35\uDF4F\uDF6F\uDF89\uDFA9\uDFC3]|\uD836[\uDC00-\uDDFF\uDE37-\uDE3A\uDE6D-\uDE74\uDE76-\uDE83\uDE85\uDE86]|\uD838[\uDD4F\uDEFF]|\uD83B[\uDCAC\uDCB0\uDD2E\uDEF0\uDEF1]|\uD83C[\uDC00-\uDC2B\uDC30-\uDC93\uDCA0-\uDCAE\uDCB1-\uDCBF\uDCC1-\uDCCF\uDCD1-\uDCF5\uDD0D-\uDDAD\uDDE6-\uDE02\uDE10-\uDE3B\uDE40-\uDE48\uDE50\uDE51\uDE60-\uDE65\uDF00-\uDFFF]|\uD83D[\uDC00-\uDED7\uDEE0-\uDEEC\uDEF0-\uDEFC\uDF00-\uDF73\uDF80-\uDFD8\uDFE0-\uDFEB]|\uD83E[\uDC00-\uDC0B\uDC10-\uDC47\uDC50-\uDC59\uDC60-\uDC87\uDC90-\uDCAD\uDCB0\uDCB1\uDD00-\uDD78\uDD7A-\uDDCB\uDDCD-\uDE53\uDE60-\uDE6D\uDE70-\uDE74\uDE78-\uDE7A\uDE80-\uDE86\uDE90-\uDEA8\uDEB0-\uDEB6\uDEC0-\uDEC2\uDED0-\uDED6\uDF00-\uDF92\uDF94-\uDFCA]/;
-
-  // node_modules/.aspect_rules_js/@formatjs+ecma402-abstract@0.0.0/node_modules/@formatjs/ecma402-abstract/lib/NumberFormat/format_to_parts.js
-  var CARET_S_UNICODE_REGEX = new RegExp("^".concat(S_UNICODE_REGEX.source));
-  var S_DOLLAR_UNICODE_REGEX = new RegExp("".concat(S_UNICODE_REGEX.source, "$"));
-
-  // node_modules/.aspect_rules_js/@formatjs+ecma402-abstract@0.0.0/node_modules/@formatjs/ecma402-abstract/lib/data.js
-  var MissingLocaleDataError = (
-    /** @class */
-    function(_super) {
-      __extends(MissingLocaleDataError2, _super);
-      function MissingLocaleDataError2() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.type = "MISSING_LOCALE_DATA";
-        return _this;
-      }
-      return MissingLocaleDataError2;
-    }(Error)
-  );
-
-  // node_modules/.aspect_rules_js/@formatjs+ecma402-abstract@0.0.0/node_modules/@formatjs/ecma402-abstract/lib/types/date-time.js
-  var RangePatternType;
-  (function(RangePatternType2) {
-    RangePatternType2["startRange"] = "startRange";
-    RangePatternType2["shared"] = "shared";
-    RangePatternType2["endRange"] = "endRange";
-  })(RangePatternType || (RangePatternType = {}));
-
   // node_modules/.aspect_rules_js/@formatjs+icu-messageformat-parser@0.0.0/node_modules/@formatjs/icu-messageformat-parser/lib/error.js
   var ErrorKind;
   (function(ErrorKind2) {
@@ -3512,7 +3365,7 @@ var ReactIntl = (() => {
   function isFormatXMLElementFn(el) {
     return typeof el === "function";
   }
-  function formatToParts2(els, locales, formatters, formats, values, currentPluralValue, originalMessage) {
+  function formatToParts(els, locales, formatters, formats, values, currentPluralValue, originalMessage) {
     if (els.length === 1 && isLiteralElement(els[0])) {
       return [
         {
@@ -3588,7 +3441,7 @@ var ReactIntl = (() => {
         if (!isFormatXMLElementFn(formatFn)) {
           throw new InvalidValueTypeError(value_1, "function", originalMessage);
         }
-        var parts = formatToParts2(children, locales, formatters, formats, values, currentPluralValue);
+        var parts = formatToParts(children, locales, formatters, formats, values, currentPluralValue);
         var chunks = formatFn(parts.map(function(p) {
           return p.value;
         }));
@@ -3607,7 +3460,7 @@ var ReactIntl = (() => {
         if (!opt) {
           throw new InvalidValueError(el.value, value, Object.keys(el.options), originalMessage);
         }
-        result.push.apply(result, formatToParts2(opt.value, locales, formatters, formats, values));
+        result.push.apply(result, formatToParts(opt.value, locales, formatters, formats, values));
         continue;
       }
       if (isPluralElement(el)) {
@@ -3622,7 +3475,7 @@ var ReactIntl = (() => {
         if (!opt) {
           throw new InvalidValueError(el.value, value, Object.keys(el.options), originalMessage);
         }
-        result.push.apply(result, formatToParts2(opt.value, locales, formatters, formats, values, value - (el.offset || 0)));
+        result.push.apply(result, formatToParts(opt.value, locales, formatters, formats, values, value - (el.offset || 0)));
         continue;
       }
     }
@@ -3738,7 +3591,7 @@ var ReactIntl = (() => {
           return result;
         };
         this.formatToParts = function(values) {
-          return formatToParts2(_this.ast, _this.locales, _this.formatters, _this.formats, values, void 0, _this.message);
+          return formatToParts(_this.ast, _this.locales, _this.formatters, _this.formats, values, void 0, _this.message);
         };
         this.resolvedOptions = function() {
           var _a3;
@@ -3950,6 +3803,14 @@ var ReactIntl = (() => {
   );
 
   // node_modules/.aspect_rules_js/@formatjs+intl@0.0.0/node_modules/@formatjs/intl/lib/src/utils.js
+  function invariant(condition, message, Err) {
+    if (Err === void 0) {
+      Err = Error;
+    }
+    if (!condition) {
+      throw new Err(message);
+    }
+  }
   function filterProps(props, allowlist, defaults) {
     if (defaults === void 0) {
       defaults = {};
@@ -4133,7 +3994,7 @@ var ReactIntl = (() => {
       messageDescriptor = { id: "" };
     }
     var msgId = messageDescriptor.id, defaultMessage = messageDescriptor.defaultMessage;
-    invariant(!!msgId, "[@formatjs/intl] An `id` must be provided to format a message. You can either:\n1. Configure your build toolchain with [babel-plugin-formatjs](https://formatjs.io/docs/tooling/babel-plugin)\nor [@formatjs/ts-transformer](https://formatjs.io/docs/tooling/ts-transformer) OR\n2. Configure your `eslint` config to include [eslint-plugin-formatjs](https://formatjs.io/docs/tooling/linter#enforce-id)\nto autofix this issue");
+    invariant(!!msgId, "[@formatjs/intl] An `id` must be provided to format a message. You can either:\n1. Configure your build toolchain with [babel-plugin-formatjs](https://formatjs.github.io/docs/tooling/babel-plugin)\nor [@formatjs/ts-transformer](https://formatjs.github.io/docs/tooling/ts-transformer) OR\n2. Configure your `eslint` config to include [eslint-plugin-formatjs](https://formatjs.github.io/docs/tooling/linter#enforce-id)\nto autofix this issue");
     var id = String(msgId);
     var message = (
       // In case messages is Object.create(null)
@@ -4446,9 +4307,13 @@ var ReactIntl = (() => {
     "unitDisplay",
     "numberingSystem",
     // ES2023 NumberFormat
+    // @ts-expect-error: TypeScript doesn't know about this yet
     "trailingZeroDisplay",
+    // @ts-expect-error: TypeScript doesn't know about this yet
     "roundingPriority",
+    // @ts-expect-error: TypeScript doesn't know about this yet
     "roundingIncrement",
+    // @ts-expect-error: TypeScript doesn't know about this yet
     "roundingMode"
   ];
   function getFormatter3(_a2, getNumberFormat, options) {
@@ -4491,7 +4356,7 @@ var ReactIntl = (() => {
   }
   function verifyConfigMessages(config) {
     if (config.onWarn && config.defaultRichTextElements && messagesContainString(config.messages || {})) {
-      config.onWarn('[@formatjs/intl] "defaultRichTextElements" was specified but "message" was not pre-compiled. \nPlease consider using "@formatjs/cli" to pre-compile your messages for performance.\nFor more details see https://formatjs.io/docs/getting-started/message-distribution');
+      config.onWarn('[@formatjs/intl] "defaultRichTextElements" was specified but "message" was not pre-compiled. \nPlease consider using "@formatjs/cli" to pre-compile your messages for performance.\nFor more details see https://formatjs.github.io/docs/getting-started/message-distribution');
     }
   }
   function createIntl(config, cache) {
@@ -4500,39 +4365,26 @@ var ReactIntl = (() => {
     var locale = resolvedConfig.locale, defaultLocale = resolvedConfig.defaultLocale, onError = resolvedConfig.onError;
     if (!locale) {
       if (onError) {
-        onError(new InvalidConfigError('"locale" was not configured, using "'.concat(defaultLocale, '" as fallback. See https://formatjs.io/docs/react-intl/api#intlshape for more details')));
+        onError(new InvalidConfigError('"locale" was not configured, using "'.concat(defaultLocale, '" as fallback. See https://formatjs.github.io/docs/react-intl/api#intlshape for more details')));
       }
       resolvedConfig.locale = resolvedConfig.defaultLocale || "en";
     } else if (!Intl.NumberFormat.supportedLocalesOf(locale).length && onError) {
-      onError(new MissingDataError('Missing locale data for locale: "'.concat(locale, '" in Intl.NumberFormat. Using default locale: "').concat(defaultLocale, '" as fallback. See https://formatjs.io/docs/react-intl#runtime-requirements for more details')));
+      onError(new MissingDataError('Missing locale data for locale: "'.concat(locale, '" in Intl.NumberFormat. Using default locale: "').concat(defaultLocale, '" as fallback. See https://formatjs.github.io/docs/react-intl#runtime-requirements for more details')));
     } else if (!Intl.DateTimeFormat.supportedLocalesOf(locale).length && onError) {
-      onError(new MissingDataError('Missing locale data for locale: "'.concat(locale, '" in Intl.DateTimeFormat. Using default locale: "').concat(defaultLocale, '" as fallback. See https://formatjs.io/docs/react-intl#runtime-requirements for more details')));
+      onError(new MissingDataError('Missing locale data for locale: "'.concat(locale, '" in Intl.DateTimeFormat. Using default locale: "').concat(defaultLocale, '" as fallback. See https://formatjs.github.io/docs/react-intl#runtime-requirements for more details')));
     }
     verifyConfigMessages(resolvedConfig);
-    return __assign(__assign({}, resolvedConfig), {
-      formatters,
-      formatNumber: formatNumber.bind(null, resolvedConfig, formatters.getNumberFormat),
-      formatNumberToParts: formatNumberToParts.bind(null, resolvedConfig, formatters.getNumberFormat),
-      formatRelativeTime: formatRelativeTime.bind(null, resolvedConfig, formatters.getRelativeTimeFormat),
-      formatDate: formatDate.bind(null, resolvedConfig, formatters.getDateTimeFormat),
-      formatDateToParts: formatDateToParts.bind(null, resolvedConfig, formatters.getDateTimeFormat),
-      formatTime: formatTime.bind(null, resolvedConfig, formatters.getDateTimeFormat),
-      formatDateTimeRange: formatDateTimeRange.bind(null, resolvedConfig, formatters.getDateTimeFormat),
-      formatTimeToParts: formatTimeToParts.bind(null, resolvedConfig, formatters.getDateTimeFormat),
-      formatPlural: formatPlural.bind(null, resolvedConfig, formatters.getPluralRules),
-      // @ts-expect-error TODO: will get to this later
-      formatMessage: formatMessage.bind(null, resolvedConfig, formatters),
-      // @ts-expect-error TODO: will get to this later
-      $t: formatMessage.bind(null, resolvedConfig, formatters),
-      formatList: formatList.bind(null, resolvedConfig, formatters.getListFormat),
-      formatListToParts: formatListToParts.bind(null, resolvedConfig, formatters.getListFormat),
-      formatDisplayName: formatDisplayName.bind(null, resolvedConfig, formatters.getDisplayNames)
-    });
+    return __assign(__assign({}, resolvedConfig), { formatters, formatNumber: formatNumber.bind(null, resolvedConfig, formatters.getNumberFormat), formatNumberToParts: formatNumberToParts.bind(null, resolvedConfig, formatters.getNumberFormat), formatRelativeTime: formatRelativeTime.bind(null, resolvedConfig, formatters.getRelativeTimeFormat), formatDate: formatDate.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatDateToParts: formatDateToParts.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatTime: formatTime.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatDateTimeRange: formatDateTimeRange.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatTimeToParts: formatTimeToParts.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatPlural: formatPlural.bind(null, resolvedConfig, formatters.getPluralRules), formatMessage: formatMessage.bind(null, resolvedConfig, formatters), $t: formatMessage.bind(null, resolvedConfig, formatters), formatList: formatList.bind(null, resolvedConfig, formatters.getListFormat), formatListToParts: formatListToParts.bind(null, resolvedConfig, formatters.getListFormat), formatDisplayName: formatDisplayName.bind(null, resolvedConfig, formatters.getDisplayNames) });
   }
 
   // packages/react-intl/src/utils.ts
+  function invariant2(condition, message, Err = Error) {
+    if (!condition) {
+      throw new Err(message);
+    }
+  }
   function invariantIntlContext(intl) {
-    invariant(
+    invariant2(
       intl,
       "[React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry."
     );
@@ -4670,9 +4522,6 @@ var ReactIntl = (() => {
     return Component;
   }
 
-  // packages/react-intl/src/components/provider.tsx
-  var React6 = __toESM(window.React);
-
   // packages/react-intl/src/components/createIntl.ts
   var React5 = __toESM(window.React);
   function assignUniqueKeysToFormatXMLElementFnArgument(values) {
@@ -4725,15 +4574,86 @@ var ReactIntl = (() => {
       formatMessage: formatMessage2.bind(
         null,
         resolvedConfig,
-        // @ts-expect-error fix this
         coreIntl.formatters
       ),
-      // @ts-expect-error fix this
       $t: formatMessage2.bind(null, resolvedConfig, coreIntl.formatters)
     });
   };
 
+  // packages/react-intl/src/components/dateTimeRange.tsx
+  var React6 = __toESM(window.React);
+  var FormattedDateTimeRange = (props) => {
+    const intl = useIntl();
+    const _a2 = props, { from, to, children } = _a2, formatProps = __objRest(_a2, ["from", "to", "children"]);
+    const formattedValue = intl.formatDateTimeRange(from, to, formatProps);
+    if (typeof children === "function") {
+      return children(formattedValue);
+    }
+    const Text = intl.textComponent || React6.Fragment;
+    return React6.createElement(Text, null, formattedValue);
+  };
+  FormattedDateTimeRange.displayName = "FormattedDateTimeRange";
+  var dateTimeRange_default = FormattedDateTimeRange;
+
+  // packages/react-intl/src/components/message.tsx
+  var React7 = __toESM(window.React);
+  function areEqual(prevProps, nextProps) {
+    const _a2 = prevProps, { values } = _a2, otherProps = __objRest(_a2, ["values"]);
+    const _b = nextProps, { values: nextValues } = _b, nextOtherProps = __objRest(_b, ["values"]);
+    return shallowEqual(nextValues, values) && shallowEqual(otherProps, nextOtherProps);
+  }
+  function FormattedMessage(props) {
+    const intl = useIntl();
+    const { formatMessage: formatMessage3, textComponent: Text = React7.Fragment } = intl;
+    const {
+      id,
+      description,
+      defaultMessage,
+      values,
+      children,
+      tagName: Component = Text,
+      ignoreTag
+    } = props;
+    const descriptor = { id, description, defaultMessage };
+    let nodes = formatMessage3(descriptor, values, {
+      ignoreTag
+    });
+    if (typeof children === "function") {
+      return children(Array.isArray(nodes) ? nodes : [nodes]);
+    }
+    if (Component) {
+      return React7.createElement(Component, null, React7.Children.toArray(nodes));
+    }
+    return React7.createElement(React7.Fragment, null, nodes);
+  }
+  FormattedMessage.displayName = "FormattedMessage";
+  var MemoizedFormattedMessage = React7.memo(
+    FormattedMessage,
+    areEqual
+  );
+  MemoizedFormattedMessage.displayName = "MemoizedFormattedMessage";
+  var message_default = MemoizedFormattedMessage;
+
+  // packages/react-intl/src/components/plural.tsx
+  var React8 = __toESM(window.React);
+  var FormattedPlural = (props) => {
+    const { formatPlural: formatPlural2, textComponent: Text } = useIntl();
+    const { value, other, children } = props;
+    const pluralCategory = formatPlural2(value, props);
+    const formattedPlural = props[pluralCategory] || other;
+    if (typeof children === "function") {
+      return children(formattedPlural);
+    }
+    if (Text) {
+      return React8.createElement(Text, null, formattedPlural);
+    }
+    return formattedPlural;
+  };
+  FormattedPlural.displayName = "FormattedPlural";
+  var plural_default = FormattedPlural;
+
   // packages/react-intl/src/components/provider.tsx
+  var React9 = __toESM(window.React);
   function processIntlConfig(config) {
     return {
       locale: config.locale,
@@ -4750,7 +4670,7 @@ var ReactIntl = (() => {
       defaultRichTextElements: config.defaultRichTextElements
     };
   }
-  var IntlProvider2 = class extends React6.PureComponent {
+  var IntlProvider2 = class extends React9.PureComponent {
     constructor() {
       super(...arguments);
       __publicField(this, "cache", createIntlCache());
@@ -4772,14 +4692,14 @@ var ReactIntl = (() => {
     }
     render() {
       invariantIntlContext(this.state.intl);
-      return React6.createElement(Provider, { value: this.state.intl }, this.props.children);
+      return React9.createElement(Provider, { value: this.state.intl }, this.props.children);
     }
   };
   __publicField(IntlProvider2, "displayName", "IntlProvider");
   __publicField(IntlProvider2, "defaultProps", DEFAULT_INTL_CONFIG2);
 
   // packages/react-intl/src/components/relative.tsx
-  var React7 = __toESM(window.React);
+  var React10 = __toESM(window.React);
   var MINUTE = 60;
   var HOUR = 60 * 60;
   var DAY = 60 * 60 * 24;
@@ -4837,9 +4757,9 @@ var ReactIntl = (() => {
       return children(formattedRelativeTime);
     }
     if (Text) {
-      return React7.createElement(Text, null, formattedRelativeTime);
+      return React10.createElement(Text, null, formattedRelativeTime);
     }
-    return React7.createElement(React7.Fragment, null, formattedRelativeTime);
+    return React10.createElement(React10.Fragment, null, formattedRelativeTime);
   };
   var FormattedRelativeTime = (_a2) => {
     var _b = _a2, {
@@ -4851,13 +4771,13 @@ var ReactIntl = (() => {
       "unit",
       "updateIntervalInSeconds"
     ]);
-    invariant(
+    invariant2(
       !updateIntervalInSeconds || !!(updateIntervalInSeconds && canIncrement(unit)),
       "Cannot schedule update with unit longer than hour"
     );
-    const [prevUnit, setPrevUnit] = React7.useState();
-    const [prevValue, setPrevValue] = React7.useState(0);
-    const [currentValueInSeconds, setCurrentValueInSeconds] = React7.useState(0);
+    const [prevUnit, setPrevUnit] = React10.useState();
+    const [prevValue, setPrevValue] = React10.useState(0);
+    const [currentValueInSeconds, setCurrentValueInSeconds] = React10.useState(0);
     let updateTimer;
     if (unit !== prevUnit || value !== prevValue) {
       setPrevValue(value || 0);
@@ -4866,7 +4786,7 @@ var ReactIntl = (() => {
         canIncrement(unit) ? valueToSeconds(value, unit) : 0
       );
     }
-    React7.useEffect(() => {
+    React10.useEffect(() => {
       function clearUpdateTimer() {
         clearTimeout(updateTimer);
       }
@@ -4901,7 +4821,7 @@ var ReactIntl = (() => {
       const unitDuration = getDurationInSeconds(currentUnit);
       currentValue = Math.round(currentValueInSeconds / unitDuration);
     }
-    return React7.createElement(
+    return React10.createElement(
       SimpleFormattedRelativeTime,
       __spreadValues({
         value: currentValue,
@@ -4912,78 +4832,6 @@ var ReactIntl = (() => {
   FormattedRelativeTime.displayName = "FormattedRelativeTime";
   var relative_default = FormattedRelativeTime;
 
-  // packages/react-intl/src/components/plural.tsx
-  var React8 = __toESM(window.React);
-  var FormattedPlural = (props) => {
-    const { formatPlural: formatPlural2, textComponent: Text } = useIntl();
-    const { value, other, children } = props;
-    const pluralCategory = formatPlural2(value, props);
-    const formattedPlural = props[pluralCategory] || other;
-    if (typeof children === "function") {
-      return children(formattedPlural);
-    }
-    if (Text) {
-      return React8.createElement(Text, null, formattedPlural);
-    }
-    return formattedPlural;
-  };
-  FormattedPlural.displayName = "FormattedPlural";
-  var plural_default = FormattedPlural;
-
-  // packages/react-intl/src/components/message.tsx
-  var React9 = __toESM(window.React);
-  function areEqual(prevProps, nextProps) {
-    const _a2 = prevProps, { values } = _a2, otherProps = __objRest(_a2, ["values"]);
-    const _b = nextProps, { values: nextValues } = _b, nextOtherProps = __objRest(_b, ["values"]);
-    return shallowEqual(nextValues, values) && shallowEqual(otherProps, nextOtherProps);
-  }
-  function FormattedMessage(props) {
-    const intl = useIntl();
-    const { formatMessage: formatMessage3, textComponent: Text = React9.Fragment } = intl;
-    const {
-      id,
-      description,
-      defaultMessage,
-      values,
-      children,
-      tagName: Component = Text,
-      ignoreTag
-    } = props;
-    const descriptor = { id, description, defaultMessage };
-    let nodes = formatMessage3(descriptor, values, {
-      ignoreTag
-    });
-    if (typeof children === "function") {
-      return children(Array.isArray(nodes) ? nodes : [nodes]);
-    }
-    if (Component) {
-      return React9.createElement(Component, null, React9.Children.toArray(nodes));
-    }
-    return React9.createElement(React9.Fragment, null, nodes);
-  }
-  FormattedMessage.displayName = "FormattedMessage";
-  var MemoizedFormattedMessage = React9.memo(
-    FormattedMessage,
-    areEqual
-  );
-  MemoizedFormattedMessage.displayName = "MemoizedFormattedMessage";
-  var message_default = MemoizedFormattedMessage;
-
-  // packages/react-intl/src/components/dateTimeRange.tsx
-  var React10 = __toESM(window.React);
-  var FormattedDateTimeRange = (props) => {
-    const intl = useIntl();
-    const _a2 = props, { from, to, children } = _a2, formatProps = __objRest(_a2, ["from", "to", "children"]);
-    const formattedValue = intl.formatDateTimeRange(from, to, formatProps);
-    if (typeof children === "function") {
-      return children(formattedValue);
-    }
-    const Text = intl.textComponent || React10.Fragment;
-    return React10.createElement(Text, null, formattedValue);
-  };
-  FormattedDateTimeRange.displayName = "FormattedDateTimeRange";
-  var dateTimeRange_default = FormattedDateTimeRange;
-
   // packages/react-intl/index.ts
   function defineMessages(msgs) {
     return msgs;

package/src/components/createFormattedComponent.d.ts

@@ -1,7 +1,6 @@
+import { FormatDateOptions, FormatDisplayNameOptions, FormatListOptions, FormatNumberOptions } from '@formatjs/intl';
 import * as React from 'react';
-import { FormatDateOptions, FormatNumberOptions, FormatListOptions, FormatDisplayNameOptions } from '@formatjs/intl';
 import { IntlShape } from '../types';
-import { Part } from '@formatjs/intl-listformat';
 type Formatter = {
     formatDate: FormatDateOptions;
     formatTime: FormatDateOptions;
@@ -15,7 +14,7 @@ export declare const FormattedNumberParts: React.FC<Formatter['formatNumber'] &
 }>;
 export declare const FormattedListParts: React.FC<Formatter['formatList'] & {
     value: Parameters<IntlShape['formatList']>[0];
-    children(val: Part[]): React.ReactElement | null;
+    children(val: ReturnType<Intl.ListFormat['formatToParts']>): React.ReactElement | null;
 }>;
 export declare function createFormattedDateTimePartsComponent<Name extends 'formatDate' | 'formatTime'>(name: Name): React.FC<Formatter[Name] & {
     value: Parameters<IntlShape[Name]>[0];

package/src/components/createIntl.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createIntl = void 0;
 var tslib_1 = require("tslib");
 var intl_1 = require("@formatjs/intl");
+var intl_messageformat_1 = require("intl-messageformat");
 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;
@@ -58,10 +58,6 @@ var createIntl = function (_a, cache) {
         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) });
+    return tslib_1.__assign(tslib_1.__assign({}, coreIntl), { formatMessage: formatMessage.bind(null, resolvedConfig, coreIntl.formatters), $t: formatMessage.bind(null, resolvedConfig, coreIntl.formatters) });
 };
 exports.createIntl = createIntl;

package/src/components/dateTimeRange.d.ts

@@ -1,9 +1,8 @@
-import * as React from 'react';
 import { FormatDateOptions } from '@formatjs/intl';
-import { DateTimeFormat } from '@formatjs/ecma402-abstract';
+import * as React from 'react';
 interface Props extends FormatDateOptions {
-    from: Parameters<DateTimeFormat['formatRange']>[0];
-    to: Parameters<DateTimeFormat['formatRange']>[1];
+    from: Parameters<Intl.DateTimeFormat['formatRange']>[0];
+    to: Parameters<Intl.DateTimeFormat['formatRange']>[1];
     children?(value: React.ReactNode): React.ReactElement | null;
 }
 declare const FormattedDateTimeRange: React.FC<Props>;

package/src/components/provider.d.ts

@@ -19,7 +19,7 @@ interface State {
 }
 export default class IntlProvider extends React.PureComponent<React.PropsWithChildren<IntlConfig>, State> {
     static displayName: string;
-    static defaultProps: Pick<import("../types").ResolvedIntlConfig, "timeZone" | "onError" | "fallbackOnEmptyString" | "formats" | "messages" | "defaultLocale" | "defaultFormats" | "textComponent">;
+    static defaultProps: Pick<import("../types").ResolvedIntlConfig, "timeZone" | "fallbackOnEmptyString" | "formats" | "messages" | "defaultLocale" | "defaultFormats" | "onError" | "textComponent">;
     private cache;
     state: State;
     static getDerivedStateFromProps(props: Readonly<IntlConfig>, { prevConfig, cache }: State): Partial<State> | null;

package/src/components/relative.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import { RelativeTimeFormatSingularUnit } from '@formatjs/ecma402-abstract';
 import { FormatRelativeTimeOptions } from '@formatjs/intl';
 export interface Props extends FormatRelativeTimeOptions {
     value?: number;
-    unit?: RelativeTimeFormatSingularUnit;
+    unit?: Intl.RelativeTimeFormatUnit;
     updateIntervalInSeconds?: number;
     children?(value: string): React.ReactElement | null;
 }

package/src/components/relative.js

@@ -7,7 +7,7 @@ var tslib_1 = require("tslib");
  * See the accompanying LICENSE file for terms.
  */
 var React = tslib_1.__importStar(require("react"));
-var ecma402_abstract_1 = require("@formatjs/ecma402-abstract");
+var utils_1 = require("../utils");
 var useIntl_1 = tslib_1.__importDefault(require("./useIntl"));
 var MINUTE = 60;
 var HOUR = 60 * 60;
@@ -73,7 +73,7 @@ var SimpleFormattedRelativeTime = function (props) {
 };
 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 = tslib_1.__rest(_a, ["value", "unit", "updateIntervalInSeconds"]);
-    (0, ecma402_abstract_1.invariant)(!updateIntervalInSeconds ||
+    (0, utils_1.invariant)(!updateIntervalInSeconds ||
         !!(updateIntervalInSeconds && canIncrement(unit)), 'Cannot schedule update with unit longer than hour');
     var _d = React.useState(), prevUnit = _d[0], setPrevUnit = _d[1];
     var _e = React.useState(0), prevValue = _e[0], setPrevValue = _e[1];

package/src/utils.d.ts

@@ -1,6 +1,7 @@
-import { ResolvedIntlConfig } from './types';
-import * as React from 'react';
 import { FormatXMLElementFn } from 'intl-messageformat';
+import * as React from 'react';
+import { ResolvedIntlConfig } from './types';
+export declare function invariant(condition: boolean, message: string, Err?: any): asserts condition;
 export declare function invariantIntlContext(intl?: any): asserts intl;
 export declare const DEFAULT_INTL_CONFIG: Pick<ResolvedIntlConfig, 'fallbackOnEmptyString' | 'formats' | 'messages' | 'timeZone' | 'textComponent' | 'defaultLocale' | 'defaultFormats' | 'onError'>;
 /**

package/src/utils.js

@@ -1,15 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEFAULT_INTL_CONFIG = void 0;
+exports.invariant = invariant;
 exports.invariantIntlContext = invariantIntlContext;
 exports.assignUniqueKeysToParts = assignUniqueKeysToParts;
 exports.shallowEqual = shallowEqual;
 var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));
-var ecma402_abstract_1 = require("@formatjs/ecma402-abstract");
 var intl_1 = require("@formatjs/intl");
+function invariant(condition, message, Err) {
+    if (Err === void 0) { Err = Error; }
+    if (!condition) {
+        throw new Err(message);
+    }
+}
 function invariantIntlContext(intl) {
-    (0, ecma402_abstract_1.invariant)(intl, '[React Intl] Could not find required `intl` object. ' +
+    invariant(intl, '[React Intl] Could not find required `intl` object. ' +
         '<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 });