@formatjs/intl 2.10.15 → 3.0.0

package/README.md

@@ -1,3 +1,3 @@
 # @formatjs/intl
 
-We've migrated the docs to https://formatjs.io/docs/intl.
+We've migrated the docs to https://formatjs.github.io/docs/intl.

package/lib/src/create-intl.d.ts

@@ -1,4 +1,4 @@
-import { IntlCache, IntlShape, IntlConfig } from './types';
+import { IntlCache, IntlConfig, IntlShape } from './types';
 export interface CreateIntlFn<T = string, C extends IntlConfig<T> = IntlConfig<T>, S extends IntlShape<T> = IntlShape<T>> {
     (config: C, cache?: IntlCache): S;
 }

package/lib/src/create-intl.js

@@ -1,13 +1,13 @@
 import { __assign } from "tslib";
-import { createFormatters, DEFAULT_INTL_CONFIG } from './utils';
+import { formatDate, formatDateTimeRange, formatDateToParts, formatTime, formatTimeToParts, } from './dateTime';
+import { formatDisplayName } from './displayName';
 import { InvalidConfigError, MissingDataError } from './error';
+import { formatList, formatListToParts } from './list';
+import { formatMessage } from './message';
 import { formatNumber, formatNumberToParts } from './number';
-import { formatRelativeTime } from './relativeTime';
-import { formatDate, formatDateToParts, formatTime, formatTimeToParts, formatDateTimeRange, } from './dateTime';
 import { formatPlural } from './plural';
-import { formatMessage } from './message';
-import { formatList, formatListToParts } from './list';
-import { formatDisplayName } from './displayName';
+import { formatRelativeTime } from './relativeTime';
+import { createFormatters, DEFAULT_INTL_CONFIG } from './utils';
 function messagesContainString(messages) {
     var firstMessage = messages ? messages[Object.keys(messages)[0]] : undefined;
     return typeof firstMessage === 'string';
@@ -16,7 +16,7 @@ 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");
     }
 }
 /**
@@ -30,7 +30,7 @@ export function createIntl(config, cache) {
     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")));
         }
         // Since there's no registered locale data for `locale`, this will
         // fallback to the `defaultLocale` to make sure things can render.
@@ -40,11 +40,11 @@ export function createIntl(config, cache) {
         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: 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), 

package/lib/src/displayName.js

@@ -1,5 +1,5 @@
 import { filterProps } from './utils';
-import { FormatError, ErrorCode } from 'intl-messageformat';
+import { ErrorCode, FormatError } from 'intl-messageformat';
 import { IntlFormatError } from './error';
 var DISPLAY_NAMES_OPTONS = [
     'style',

package/lib/src/list.d.ts

@@ -1,5 +1,4 @@
-import { Formatters, IntlFormatters, OnErrorFn } from './types';
-import type { Part } from '@formatjs/intl-listformat';
+import { Formatters, IntlFormatters, OnErrorFn, Part } from './types';
 export declare function formatList(opts: {
     locale: string;
     onError: OnErrorFn;

package/lib/src/list.js

@@ -1,7 +1,7 @@
 import { __assign } from "tslib";
-import { filterProps } from './utils';
-import { FormatError, ErrorCode } from 'intl-messageformat';
+import { ErrorCode, FormatError } from 'intl-messageformat';
 import { IntlFormatError } from './error';
+import { filterProps } from './utils';
 var LIST_FORMAT_OPTIONS = [
     'type',
     'style',
@@ -48,9 +48,9 @@ export function formatListToParts(_a, getListFormat, values, options) {
         return getListFormat(locale, filteredOptions)
             .formatToParts(serializedValues)
             .map(function (part) {
-            return part.type === 'literal'
+            return (part.type === 'literal'
                 ? part
-                : __assign(__assign({}, part), { value: richValues_1[part.value] || part.value });
+                : __assign(__assign({}, part), { value: richValues_1[part.value] || part.value }));
         });
     }
     catch (e) {

package/lib/src/message.d.ts

@@ -1,6 +1,6 @@
-import { Formatters, MessageDescriptor, CustomFormats, OnErrorFn } from './types';
-import { FormatXMLElementFn, PrimitiveType, Formatters as IntlMessageFormatFormatters, Options } from 'intl-messageformat';
+import { CustomFormats, Formatters, MessageDescriptor, OnErrorFn } from './types';
 import { MessageFormatElement } from '@formatjs/icu-messageformat-parser';
+import { FormatXMLElementFn, Formatters as IntlMessageFormatFormatters, Options, PrimitiveType } from 'intl-messageformat';
 export type FormatMessageFn<T> = ({ locale, formats, messages, defaultLocale, defaultFormats, fallbackOnEmptyString, onError, timeZone, defaultRichTextElements, }: {
     locale: string;
     timeZone?: string;

package/lib/src/message.js

@@ -1,8 +1,8 @@
 import { __assign } from "tslib";
 import { invariant } from '@formatjs/ecma402-abstract';
-import { IntlMessageFormat, } from 'intl-messageformat';
-import { MissingTranslationError, MessageFormatError } from './error';
 import { TYPE } from '@formatjs/icu-messageformat-parser';
+import { IntlMessageFormat, } from 'intl-messageformat';
+import { MessageFormatError, MissingTranslationError } from './error';
 function setTimeZoneInOptions(opts, timeZone) {
     return Object.keys(opts).reduce(function (all, k) {
         all[k] = __assign({ timeZone: timeZone }, opts[k]);
@@ -28,7 +28,7 @@ export var formatMessage = function (_a, state, messageDescriptor, values, opts)
     if (messageDescriptor === void 0) { messageDescriptor = { id: '' }; }
     var msgId = messageDescriptor.id, defaultMessage = messageDescriptor.defaultMessage;
     // `id` is a required field of a Message Descriptor.
-    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)

package/lib/src/types.d.ts

@@ -1,10 +1,12 @@
 import { DateTimeFormat, NumberFormatOptions } from '@formatjs/ecma402-abstract';
 import { MessageFormatElement } from '@formatjs/icu-messageformat-parser';
-import { DisplayNames, DisplayNamesOptions } from '@formatjs/intl-displaynames';
-import IntlListFormat, { IntlListFormatOptions, Part } from '@formatjs/intl-listformat';
 import { FormatError, Formats, FormatXMLElementFn, IntlMessageFormat, Options as IntlMessageFormatOptions, PrimitiveType } from 'intl-messageformat';
 import { InvalidConfigError, MessageFormatError, MissingDataError, MissingTranslationError, UnsupportedFormatterError } from './error';
 import { DEFAULT_INTL_CONFIG } from './utils';
+export interface Part<T = string> {
+    type: 'element' | 'literal';
+    value: T;
+}
 declare global {
     namespace FormatjsIntl {
         interface Message {
@@ -50,8 +52,8 @@ export type FormatDateOptions = Omit<Intl.DateTimeFormatOptions, 'localeMatcher'
 export type FormatNumberOptions = Omit<NumberFormatOptions, 'localeMatcher'> & CustomFormatConfig<'number'>;
 export type FormatRelativeTimeOptions = Omit<Intl.RelativeTimeFormatOptions, 'localeMatcher'> & CustomFormatConfig<'time'>;
 export type FormatPluralOptions = Omit<Intl.PluralRulesOptions, 'localeMatcher'> & CustomFormatConfig;
-export type FormatListOptions = Omit<IntlListFormatOptions, 'localeMatcher'>;
-export type FormatDisplayNameOptions = Omit<DisplayNamesOptions, 'localeMatcher'>;
+export type FormatListOptions = Omit<Intl.ListFormatOptions, 'localeMatcher'>;
+export type FormatDisplayNameOptions = Omit<Intl.DisplayNamesOptions, 'localeMatcher'>;
 /**
  * `TBase` is the type constraints of the rich text element in the formatted output.
  * For example, with React, `TBase` should be `React.ReactNode`.
@@ -73,7 +75,7 @@ export interface IntlFormatters<TBase = unknown> {
     formatList(this: void, values: ReadonlyArray<string>, opts?: FormatListOptions): string;
     formatList<T extends TBase>(this: void, values: ReadonlyArray<string | T>, opts?: FormatListOptions): T | string | (string | T)[];
     formatListToParts<T extends TBase>(this: void, values: ReadonlyArray<string | T>, opts?: FormatListOptions): Part[];
-    formatDisplayName(this: void, value: Parameters<DisplayNames['of']>[0], opts: FormatDisplayNameOptions): string | undefined;
+    formatDisplayName(this: void, value: Parameters<Intl.DisplayNames['of']>[0], opts: FormatDisplayNameOptions): string | undefined;
 }
 export interface Formatters {
     getDateTimeFormat(this: void, ...args: ConstructorParameters<typeof Intl.DateTimeFormat>): DateTimeFormat;
@@ -81,8 +83,8 @@ export interface Formatters {
     getMessageFormat(this: void, ...args: ConstructorParameters<typeof IntlMessageFormat>): IntlMessageFormat;
     getRelativeTimeFormat(this: void, ...args: ConstructorParameters<typeof Intl.RelativeTimeFormat>): Intl.RelativeTimeFormat;
     getPluralRules(this: void, ...args: ConstructorParameters<typeof Intl.PluralRules>): Intl.PluralRules;
-    getListFormat(this: void, ...args: ConstructorParameters<typeof IntlListFormat>): IntlListFormat;
-    getDisplayNames(this: void, ...args: ConstructorParameters<typeof DisplayNames>): DisplayNames;
+    getListFormat(this: void, ...args: ConstructorParameters<typeof Intl.ListFormat>): Intl.ListFormat;
+    getDisplayNames(this: void, ...args: ConstructorParameters<typeof Intl.DisplayNames>): Intl.DisplayNames;
 }
 export interface IntlShape<T = string> extends ResolvedIntlConfig<T>, IntlFormatters<T> {
     formatters: Formatters;
@@ -93,8 +95,8 @@ export interface IntlCache {
     message: Record<string, IntlMessageFormat>;
     relativeTime: Record<string, Intl.RelativeTimeFormat>;
     pluralRules: Record<string, Intl.PluralRules>;
-    list: Record<string, IntlListFormat>;
-    displayNames: Record<string, DisplayNames>;
+    list: Record<string, Intl.ListFormat>;
+    displayNames: Record<string, Intl.DisplayNames>;
 }
 export interface MessageDescriptor {
     id?: MessageIds;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formatjs/intl",
-  "version": "2.10.15",
+  "version": "3.0.0",
   "description": "Internationalize JS apps. This library provides an API to format dates, numbers, and strings, including pluralization and handling translations.",
   "keywords": [
     "intl",
@@ -17,7 +17,7 @@
   ],
   "author": "Long Ho <holevietlong@gmail.com>",
   "license": "MIT",
-  "homepage": "https://formatjs.io",
+  "homepage": "https://formatjs.github.io",
   "bugs": {
     "url": "https://github.com/formatjs/formatjs/issues"
   },
@@ -31,18 +31,12 @@
   "dependencies": {
     "tslib": "2",
     "@formatjs/ecma402-abstract": "2.2.4",
-    "@formatjs/icu-messageformat-parser": "2.9.4",
-    "@formatjs/intl-listformat": "7.7.5",
     "@formatjs/fast-memoize": "2.2.3",
-    "@formatjs/intl-displaynames": "6.8.5",
-    "intl-messageformat": "10.7.7"
-  },
-  "devDependencies": {
-    "@formatjs/intl-datetimeformat": "6.16.5",
-    "@formatjs/intl-numberformat": "8.14.5"
+    "intl-messageformat": "10.7.7",
+    "@formatjs/icu-messageformat-parser": "2.9.4"
   },
   "peerDependencies": {
-    "typescript": "^4.7 || 5"
+    "typescript": "5"
   },
   "peerDependenciesMeta": {
     "typescript": {

package/src/create-intl.d.ts

@@ -1,4 +1,4 @@
-import { IntlCache, IntlShape, IntlConfig } from './types';
+import { IntlCache, IntlConfig, IntlShape } from './types';
 export interface CreateIntlFn<T = string, C extends IntlConfig<T> = IntlConfig<T>, S extends IntlShape<T> = IntlShape<T>> {
     (config: C, cache?: IntlCache): S;
 }

package/src/create-intl.js

@@ -2,15 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createIntl = createIntl;
 var tslib_1 = require("tslib");
-var utils_1 = require("./utils");
+var dateTime_1 = require("./dateTime");
+var displayName_1 = require("./displayName");
 var error_1 = require("./error");
+var list_1 = require("./list");
+var message_1 = require("./message");
 var number_1 = require("./number");
-var relativeTime_1 = require("./relativeTime");
-var dateTime_1 = require("./dateTime");
 var plural_1 = require("./plural");
-var message_1 = require("./message");
-var list_1 = require("./list");
-var displayName_1 = require("./displayName");
+var relativeTime_1 = require("./relativeTime");
+var utils_1 = require("./utils");
 function messagesContainString(messages) {
     var firstMessage = messages ? messages[Object.keys(messages)[0]] : undefined;
     return typeof firstMessage === 'string';
@@ -19,7 +19,7 @@ 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");
     }
 }
 /**
@@ -33,7 +33,7 @@ function createIntl(config, cache) {
     var locale = resolvedConfig.locale, defaultLocale = resolvedConfig.defaultLocale, onError = resolvedConfig.onError;
     if (!locale) {
         if (onError) {
-            onError(new error_1.InvalidConfigError("\"locale\" was not configured, using \"".concat(defaultLocale, "\" as fallback. See https://formatjs.io/docs/react-intl/api#intlshape for more details")));
+            onError(new error_1.InvalidConfigError("\"locale\" was not configured, using \"".concat(defaultLocale, "\" as fallback. See https://formatjs.github.io/docs/react-intl/api#intlshape for more details")));
         }
         // Since there's no registered locale data for `locale`, this will
         // fallback to the `defaultLocale` to make sure things can render.
@@ -43,11 +43,11 @@ function createIntl(config, cache) {
         resolvedConfig.locale = resolvedConfig.defaultLocale || 'en';
     }
     else if (!Intl.NumberFormat.supportedLocalesOf(locale).length && onError) {
-        onError(new error_1.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 error_1.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 error_1.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 error_1.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 tslib_1.__assign(tslib_1.__assign({}, resolvedConfig), { formatters: formatters, formatNumber: number_1.formatNumber.bind(null, resolvedConfig, formatters.getNumberFormat), formatNumberToParts: number_1.formatNumberToParts.bind(null, resolvedConfig, formatters.getNumberFormat), formatRelativeTime: relativeTime_1.formatRelativeTime.bind(null, resolvedConfig, formatters.getRelativeTimeFormat), formatDate: dateTime_1.formatDate.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatDateToParts: dateTime_1.formatDateToParts.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatTime: dateTime_1.formatTime.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatDateTimeRange: dateTime_1.formatDateTimeRange.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatTimeToParts: dateTime_1.formatTimeToParts.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatPlural: plural_1.formatPlural.bind(null, resolvedConfig, formatters.getPluralRules), 

package/src/list.d.ts

@@ -1,5 +1,4 @@
-import { Formatters, IntlFormatters, OnErrorFn } from './types';
-import type { Part } from '@formatjs/intl-listformat';
+import { Formatters, IntlFormatters, OnErrorFn, Part } from './types';
 export declare function formatList(opts: {
     locale: string;
     onError: OnErrorFn;

package/src/list.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.formatList = formatList;
 exports.formatListToParts = formatListToParts;
 var tslib_1 = require("tslib");
-var utils_1 = require("./utils");
 var intl_messageformat_1 = require("intl-messageformat");
 var error_1 = require("./error");
+var utils_1 = require("./utils");
 var LIST_FORMAT_OPTIONS = [
     'type',
     'style',
@@ -52,9 +52,9 @@ function formatListToParts(_a, getListFormat, values, options) {
         return getListFormat(locale, filteredOptions)
             .formatToParts(serializedValues)
             .map(function (part) {
-            return part.type === 'literal'
+            return (part.type === 'literal'
                 ? part
-                : tslib_1.__assign(tslib_1.__assign({}, part), { value: richValues_1[part.value] || part.value });
+                : tslib_1.__assign(tslib_1.__assign({}, part), { value: richValues_1[part.value] || part.value }));
         });
     }
     catch (e) {

package/src/message.d.ts

@@ -1,6 +1,6 @@
-import { Formatters, MessageDescriptor, CustomFormats, OnErrorFn } from './types';
-import { FormatXMLElementFn, PrimitiveType, Formatters as IntlMessageFormatFormatters, Options } from 'intl-messageformat';
+import { CustomFormats, Formatters, MessageDescriptor, OnErrorFn } from './types';
 import { MessageFormatElement } from '@formatjs/icu-messageformat-parser';
+import { FormatXMLElementFn, Formatters as IntlMessageFormatFormatters, Options, PrimitiveType } from 'intl-messageformat';
 export type FormatMessageFn<T> = ({ locale, formats, messages, defaultLocale, defaultFormats, fallbackOnEmptyString, onError, timeZone, defaultRichTextElements, }: {
     locale: string;
     timeZone?: string;

package/src/message.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.formatMessage = void 0;
 var tslib_1 = require("tslib");
 var ecma402_abstract_1 = require("@formatjs/ecma402-abstract");
+var icu_messageformat_parser_1 = require("@formatjs/icu-messageformat-parser");
 var intl_messageformat_1 = require("intl-messageformat");
 var error_1 = require("./error");
-var icu_messageformat_parser_1 = require("@formatjs/icu-messageformat-parser");
 function setTimeZoneInOptions(opts, timeZone) {
     return Object.keys(opts).reduce(function (all, k) {
         all[k] = tslib_1.__assign({ timeZone: timeZone }, opts[k]);
@@ -31,7 +31,7 @@ var formatMessage = function (_a, state, messageDescriptor, values, opts) {
     if (messageDescriptor === void 0) { messageDescriptor = { id: '' }; }
     var msgId = messageDescriptor.id, defaultMessage = messageDescriptor.defaultMessage;
     // `id` is a required field of a Message Descriptor.
-    (0, ecma402_abstract_1.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");
+    (0, ecma402_abstract_1.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)

package/src/types.d.ts

@@ -1,10 +1,12 @@
 import { DateTimeFormat, NumberFormatOptions } from '@formatjs/ecma402-abstract';
 import { MessageFormatElement } from '@formatjs/icu-messageformat-parser';
-import { DisplayNames, DisplayNamesOptions } from '@formatjs/intl-displaynames';
-import IntlListFormat, { IntlListFormatOptions, Part } from '@formatjs/intl-listformat';
 import { FormatError, Formats, FormatXMLElementFn, IntlMessageFormat, Options as IntlMessageFormatOptions, PrimitiveType } from 'intl-messageformat';
 import { InvalidConfigError, MessageFormatError, MissingDataError, MissingTranslationError, UnsupportedFormatterError } from './error';
 import { DEFAULT_INTL_CONFIG } from './utils';
+export interface Part<T = string> {
+    type: 'element' | 'literal';
+    value: T;
+}
 declare global {
     namespace FormatjsIntl {
         interface Message {
@@ -50,8 +52,8 @@ export type FormatDateOptions = Omit<Intl.DateTimeFormatOptions, 'localeMatcher'
 export type FormatNumberOptions = Omit<NumberFormatOptions, 'localeMatcher'> & CustomFormatConfig<'number'>;
 export type FormatRelativeTimeOptions = Omit<Intl.RelativeTimeFormatOptions, 'localeMatcher'> & CustomFormatConfig<'time'>;
 export type FormatPluralOptions = Omit<Intl.PluralRulesOptions, 'localeMatcher'> & CustomFormatConfig;
-export type FormatListOptions = Omit<IntlListFormatOptions, 'localeMatcher'>;
-export type FormatDisplayNameOptions = Omit<DisplayNamesOptions, 'localeMatcher'>;
+export type FormatListOptions = Omit<Intl.ListFormatOptions, 'localeMatcher'>;
+export type FormatDisplayNameOptions = Omit<Intl.DisplayNamesOptions, 'localeMatcher'>;
 /**
  * `TBase` is the type constraints of the rich text element in the formatted output.
  * For example, with React, `TBase` should be `React.ReactNode`.
@@ -73,7 +75,7 @@ export interface IntlFormatters<TBase = unknown> {
     formatList(this: void, values: ReadonlyArray<string>, opts?: FormatListOptions): string;
     formatList<T extends TBase>(this: void, values: ReadonlyArray<string | T>, opts?: FormatListOptions): T | string | (string | T)[];
     formatListToParts<T extends TBase>(this: void, values: ReadonlyArray<string | T>, opts?: FormatListOptions): Part[];
-    formatDisplayName(this: void, value: Parameters<DisplayNames['of']>[0], opts: FormatDisplayNameOptions): string | undefined;
+    formatDisplayName(this: void, value: Parameters<Intl.DisplayNames['of']>[0], opts: FormatDisplayNameOptions): string | undefined;
 }
 export interface Formatters {
     getDateTimeFormat(this: void, ...args: ConstructorParameters<typeof Intl.DateTimeFormat>): DateTimeFormat;
@@ -81,8 +83,8 @@ export interface Formatters {
     getMessageFormat(this: void, ...args: ConstructorParameters<typeof IntlMessageFormat>): IntlMessageFormat;
     getRelativeTimeFormat(this: void, ...args: ConstructorParameters<typeof Intl.RelativeTimeFormat>): Intl.RelativeTimeFormat;
     getPluralRules(this: void, ...args: ConstructorParameters<typeof Intl.PluralRules>): Intl.PluralRules;
-    getListFormat(this: void, ...args: ConstructorParameters<typeof IntlListFormat>): IntlListFormat;
-    getDisplayNames(this: void, ...args: ConstructorParameters<typeof DisplayNames>): DisplayNames;
+    getListFormat(this: void, ...args: ConstructorParameters<typeof Intl.ListFormat>): Intl.ListFormat;
+    getDisplayNames(this: void, ...args: ConstructorParameters<typeof Intl.DisplayNames>): Intl.DisplayNames;
 }
 export interface IntlShape<T = string> extends ResolvedIntlConfig<T>, IntlFormatters<T> {
     formatters: Formatters;
@@ -93,8 +95,8 @@ export interface IntlCache {
     message: Record<string, IntlMessageFormat>;
     relativeTime: Record<string, Intl.RelativeTimeFormat>;
     pluralRules: Record<string, Intl.PluralRules>;
-    list: Record<string, IntlListFormat>;
-    displayNames: Record<string, DisplayNames>;
+    list: Record<string, Intl.ListFormat>;
+    displayNames: Record<string, Intl.DisplayNames>;
 }
 export interface MessageDescriptor {
     id?: MessageIds;