react-intl 7.1.14 → 8.0.0

package/index.d.ts

@@ -1,25 +1,25 @@
 import { NumberFormatOptions } from '@formatjs/ecma402-abstract';
-import { CustomFormatConfig, FormatDateOptions, MessageDescriptor } from '@formatjs/intl';
+import { CustomFormatConfig, FormatDateOptions, FormatTimeOptions, MessageDescriptor } from '@formatjs/intl';
 import * as React from 'react';
-import { createIntl } from './src/components/createIntl';
-import FormattedDateTimeRange from './src/components/dateTimeRange';
-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';
-import { IntlShape } from './src/types';
+import { createIntl } from './src/components/createIntl.js';
+import FormattedDateTimeRange from './src/components/dateTimeRange.js';
+import injectIntl, { Context as IntlContext, Provider as RawIntlProvider, WithIntlProps, WrappedComponentProps } from './src/components/injectIntl.js';
+import FormattedMessage from './src/components/message.js';
+import FormattedPlural from './src/components/plural.js';
+import IntlProvider from './src/components/provider.js';
+import FormattedRelativeTime from './src/components/relative.js';
+import useIntl from './src/components/useIntl.js';
+import { IntlShape } from './src/types.js';
 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 { IntlConfig, IntlShape, ResolvedIntlConfig } from './src/types.js';
 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 & {
+export declare const FormattedDate: React.FC<Intl.DateTimeFormatOptions & CustomFormatConfig<'date'> & {
     value: string | number | Date | undefined;
     children?(formattedDate: string): React.ReactElement | null;
 }>;
-export declare const FormattedTime: React.FC<Intl.DateTimeFormatOptions & CustomFormatConfig & {
+export declare const FormattedTime: React.FC<Intl.DateTimeFormatOptions & CustomFormatConfig<'time'> & {
     value: string | number | Date | undefined;
     children?(formattedTime: string): React.ReactElement | null;
 }>;
@@ -37,10 +37,10 @@ export declare const FormattedDateParts: React.FC<FormatDateOptions & {
     value: Parameters<Intl.DateTimeFormat['format']>[0] | string;
     children(val: Intl.DateTimeFormatPart[]): React.ReactElement | null;
 }>;
-export declare const FormattedTimeParts: React.FC<FormatDateOptions & {
+export declare const FormattedTimeParts: React.FC<FormatTimeOptions & {
     value: Parameters<Intl.DateTimeFormat['format']>[0] | string;
     children(val: Intl.DateTimeFormatPart[]): React.ReactElement | null;
 }>;
 export type { MessageFormatElement } from '@formatjs/icu-messageformat-parser';
 export type { PrimitiveType } from 'intl-messageformat';
-export { FormattedListParts, FormattedNumberParts, } from './src/components/createFormattedComponent';
+export { FormattedListParts, FormattedNumberParts, } from './src/components/createFormattedComponent.js';

package/index.js

@@ -1,51 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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, "IntlContext", { enumerable: true, get: function () { return injectIntl_1.Context; } });
-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 relative_1 = tslib_1.__importDefault(require("./src/components/relative"));
-exports.FormattedRelativeTime = relative_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, "InvalidConfigError", { enumerable: true, get: function () { return intl_1.InvalidConfigError; } });
-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, "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) {
+import { createFormattedComponent, createFormattedDateTimePartsComponent, } from './src/components/createFormattedComponent.js';
+import { createIntl } from './src/components/createIntl.js';
+import FormattedDateTimeRange from './src/components/dateTimeRange.js';
+import injectIntl, { Context as IntlContext, Provider as RawIntlProvider, } from './src/components/injectIntl.js';
+import FormattedMessage from './src/components/message.js';
+import FormattedPlural from './src/components/plural.js';
+import IntlProvider from './src/components/provider.js';
+import FormattedRelativeTime from './src/components/relative.js';
+import useIntl from './src/components/useIntl.js';
+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;
 }
-function defineMessage(msg) {
+export function defineMessage(msg) {
     return msg;
 }
 // IMPORTANT: Explicit here to prevent api-extractor from outputing `import('./src/types').CustomFormatConfig`
-exports.FormattedDate = (0, createFormattedComponent_1.createFormattedComponent)('formatDate');
-exports.FormattedTime = (0, createFormattedComponent_1.createFormattedComponent)('formatTime');
-exports.FormattedNumber = (0, createFormattedComponent_1.createFormattedComponent)('formatNumber');
-exports.FormattedList = (0, createFormattedComponent_1.createFormattedComponent)('formatList');
-exports.FormattedDisplayName = (0, createFormattedComponent_1.createFormattedComponent)('formatDisplayName');
-exports.FormattedDateParts = (0, createFormattedComponent_1.createFormattedDateTimePartsComponent)('formatDate');
-exports.FormattedTimeParts = (0, createFormattedComponent_1.createFormattedDateTimePartsComponent)('formatTime');
-var createFormattedComponent_2 = require("./src/components/createFormattedComponent");
-Object.defineProperty(exports, "FormattedListParts", { enumerable: true, get: function () { return createFormattedComponent_2.FormattedListParts; } });
-Object.defineProperty(exports, "FormattedNumberParts", { enumerable: true, get: function () { return createFormattedComponent_2.FormattedNumberParts; } });
+export var FormattedDate = createFormattedComponent('formatDate');
+export var FormattedTime = createFormattedComponent('formatTime');
+export var FormattedNumber = createFormattedComponent('formatNumber');
+export var FormattedList = createFormattedComponent('formatList');
+export var FormattedDisplayName = createFormattedComponent('formatDisplayName');
+export var FormattedDateParts = createFormattedDateTimePartsComponent('formatDate');
+export var FormattedTimeParts = createFormattedDateTimePartsComponent('formatTime');
+export { FormattedListParts, FormattedNumberParts, } from './src/components/createFormattedComponent.js';

package/package.json

@@ -1,25 +1,8 @@
 {
   "name": "react-intl",
   "description": "Internationalize React apps. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations.",
-  "version": "7.1.14",
-  "license": "BSD-3-Clause",
+  "version": "8.0.0",
   "author": "Eric Ferraiuolo <edf@ericf.me>",
-  "sideEffects": false,
-  "types": "index.d.ts",
-  "dependencies": {
-    "@types/hoist-non-react-statics": "^3.3.1",
-    "@types/react": "16 || 17 || 18 || 19",
-    "hoist-non-react-statics": "^3.3.2",
-    "tslib": "^2.8.0",
-    "@formatjs/ecma402-abstract": "2.3.6",
-    "@formatjs/icu-messageformat-parser": "2.11.4",
-    "@formatjs/intl": "3.1.8",
-    "intl-messageformat": "10.7.18"
-  },
-  "peerDependencies": {
-    "react": "16 || 17 || 18 || 19",
-    "typescript": "^5.6.0"
-  },
   "browserslist": [
     "ie 11"
   ],
@@ -122,6 +105,18 @@
     "Yang Su <yang@quip.com>",
     "zouxuoz <zouxuoz@gmail.com>"
   ],
+  "dependencies": {
+    "@formatjs/ecma402-abstract": "3.0.0",
+    "@formatjs/icu-messageformat-parser": "3.0.0",
+    "@formatjs/intl": "4.0.0",
+    "@types/hoist-non-react-statics": "^3.3.1",
+    "hoist-non-react-statics": "^3.3.2",
+    "intl-messageformat": "11.0.0",
+    "tslib": "^2.8.0"
+  },
+  "exports": {
+    ".": "./index.js"
+  },
   "gitHead": "773d6ebf881357f6e4c2dd7e8984b1bd0f69b4ca",
   "homepage": "https://formatjs.github.io/docs/react-intl",
   "keywords": [
@@ -138,12 +133,19 @@
     "translate",
     "translation"
   ],
-  "main": "index.js",
-  "module": "lib/index.js",
+  "license": "BSD-3-Clause",
+  "peerDependencies": {
+    "@types/react": "19",
+    "react": "19",
+    "typescript": "5.8.3"
+  },
   "peerDependenciesMeta": {
     "typescript": {
       "optional": true
     }
   },
-  "repository": "git@github.com:formatjs/formatjs.git"
+  "repository": "git@github.com:formatjs/formatjs.git",
+  "sideEffects": false,
+  "type": "module",
+  "types": "index.d.ts"
 }