react-intl 6.0.5 → 6.0.6

package/tests/unit/components/time.tsx

@@ -0,0 +1,242 @@
+import * as React from 'react'
+import {FormattedTime, FormattedTimeParts} from '../../../'
+import {mountFormattedComponentWithProvider} from '../testUtils'
+import {createIntl} from '../../../src/components/provider'
+import {IntlShape} from '@formatjs/intl'
+import {render} from '@testing-library/react'
+
+const mountWithProvider = mountFormattedComponentWithProvider(FormattedTime)
+const mountPartsWithProvider =
+  mountFormattedComponentWithProvider(FormattedTimeParts)
+
+describe('<FormattedTime>', () => {
+  let intl: IntlShape<React.ReactNode>
+  const onError = jest.fn()
+  beforeEach(() => {
+    onError.mockClear()
+    intl = createIntl({
+      locale: 'en',
+      onError,
+    })
+  })
+
+  it('has a `displayName`', () => {
+    expect(typeof FormattedTime.displayName).toBe('string')
+  })
+
+  it('throws when <IntlProvider> is missing from ancestry', () => {
+    // So it doesn't spam the console
+    jest.spyOn(console, 'error').mockImplementation(() => {})
+    expect(() => render(<FormattedTime value={0} />)).toThrow(
+      '[React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry.'
+    )
+  })
+
+  it('requires a finite `value` prop', () => {
+    const {rerenderProps} = mountWithProvider({value: 0}, intl)
+    expect(onError).not.toHaveBeenCalled()
+
+    rerenderProps(
+      {
+        value: NaN,
+      },
+      intl
+    )
+    expect(onError).toHaveBeenCalledTimes(1)
+    expect(onError.mock.calls[0][0].code).toBe('FORMAT_ERROR')
+  })
+
+  it('renders a formatted time in a <>', () => {
+    const date = new Date()
+
+    const {getByTestId} = mountWithProvider({value: date}, intl)
+
+    expect(getByTestId('comp')).toHaveTextContent(intl.formatTime(date))
+  })
+
+  it('renders a formatted time w/o textComponent', () => {
+    const date = new Date()
+
+    const {getByTestId} = mountWithProvider(
+      {value: date},
+      {
+        ...intl,
+        // @ts-ignore
+        textComponent: null,
+      }
+    )
+
+    expect(getByTestId('comp')).toHaveTextContent(intl.formatTime(date))
+  })
+
+  it('accepts valid Intl.DateTimeFormat options as props', () => {
+    const date = Date.now()
+    const options: Intl.DateTimeFormatOptions = {hour: '2-digit'}
+
+    const {getByTestId} = mountWithProvider({value: date, ...options}, intl)
+
+    expect(getByTestId('comp')).toHaveTextContent(
+      intl.formatTime(date, options)
+    )
+  })
+
+  it('falls back and warns on invalid Intl.DateTimeFormat options', () => {
+    const date = new Date()
+
+    const {getByTestId} = mountWithProvider(
+      // @ts-expect-error invalid for testing
+      {value: date, hour: 'invalid'},
+      intl
+    )
+
+    expect(getByTestId('comp')).toHaveTextContent(String(date))
+    expect(onError.mock.calls[0][0].code).toBe('FORMAT_ERROR')
+    expect(onError).toHaveBeenCalledTimes(1)
+  })
+
+  it('accepts `format` prop', () => {
+    intl = createIntl({
+      onError: () => {},
+      locale: 'en',
+      formats: {
+        time: {
+          'hour-only': {
+            hour: '2-digit',
+            hour12: false,
+          },
+        },
+      },
+    })
+
+    const date = Date.now()
+    const format = 'hour-only'
+
+    const {getByTestId} = mountWithProvider({value: date, format}, intl)
+
+    expect(getByTestId('comp')).toHaveTextContent(
+      intl.formatTime(date, {format})
+    )
+  })
+
+  it('supports function-as-child pattern', () => {
+    const date = Date.now()
+
+    const spy = jest.fn().mockImplementation(() => <b data-testid="b">Jest</b>)
+    const {getByTestId} = mountWithProvider({value: date, children: spy}, intl)
+
+    expect(getByTestId('b').tagName).toBe('B')
+    expect(getByTestId('comp')).toHaveTextContent('Jest')
+
+    expect(spy).toHaveBeenCalledTimes(1)
+    expect(spy.mock.calls[0]).toEqual([intl.formatTime(date)])
+  })
+})
+
+describe('<FormattedTimeParts>', () => {
+  let intl: IntlShape<React.ReactNode>
+  const children = jest.fn(
+    parts => (Array.isArray(parts) && parts[0] && parts[0].value) || null
+  )
+  const onError = jest.fn()
+  beforeEach(() => {
+    onError.mockClear()
+    intl = createIntl({
+      locale: 'en',
+      onError,
+    })
+    children.mockClear()
+  })
+
+  it('has a `displayName`', () => {
+    expect(FormattedTimeParts.displayName).toBe('FormattedTimeParts')
+  })
+
+  it('throws when <IntlProvider> is missing from ancestry', () => {
+    // So it doesn't spam the console
+    jest.spyOn(console, 'error').mockImplementation(() => {})
+    expect(() =>
+      render(<FormattedTimeParts value={0} children={children} />)
+    ).toThrow(
+      '[React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry.'
+    )
+  })
+
+  it('requires a finite `value` prop', () => {
+    const {rerenderProps} = mountPartsWithProvider({value: 0, children}, intl)
+    expect(onError).not.toHaveBeenCalled()
+
+    rerenderProps(
+      {
+        children,
+        value: NaN,
+      },
+      intl
+    )
+    expect(onError.mock.calls[0][0].code).toBe('FORMAT_ERROR')
+    expect(onError).toHaveBeenCalledTimes(1)
+  })
+
+  it('accepts valid Intl.DateTimeFormat options as props', () => {
+    const date = new Date(1567130870626)
+    const options: Intl.DateTimeFormatOptions = {hour: '2-digit'}
+
+    mountPartsWithProvider({value: date, children, ...options}, intl)
+
+    expect(children.mock.calls[0][0]).toEqual(
+      intl.formatTimeToParts(date, options)
+    )
+  })
+
+  it('renders a string date', () => {
+    const date = new Date()
+
+    mountPartsWithProvider({value: date.toISOString(), children}, intl)
+
+    expect(children.mock.calls[0][0]).toEqual(intl.formatTimeToParts(date))
+  })
+
+  it('renders date 0 if value is ""', () => {
+    const date = new Date(0)
+
+    mountPartsWithProvider({value: '', children}, intl)
+
+    expect(children.mock.calls[0][0]).toEqual(intl.formatTimeToParts(date))
+  })
+
+  it('falls back and warns on invalid Intl.DateTimeFormat options', () => {
+    const date = new Date(1567130870626)
+
+    // @ts-expect-error invalid for testing
+    mountPartsWithProvider({value: date, hour: 'invalid', children}, intl)
+    expect(children.mock.calls[0][0]).toEqual(
+      // @ts-expect-error invalid for testing
+      intl.formatTimeToParts(date, {hour: 'invalid'})
+    )
+    expect(onError.mock.calls[0][0].code).toBe('FORMAT_ERROR')
+    expect(onError).toHaveBeenCalledTimes(2)
+  })
+
+  it('accepts `format` prop', () => {
+    intl = createIntl({
+      onError: () => {},
+      locale: 'en',
+      formats: {
+        time: {
+          'hour-only': {
+            hour: '2-digit',
+            hour12: false,
+          },
+        },
+      },
+    })
+
+    const date = new Date(1567130870626)
+    const format = 'hour-only'
+
+    mountPartsWithProvider({value: date, format, children}, intl)
+
+    expect(children.mock.calls[0][0]).toEqual(
+      intl.formatTimeToParts(date, {format})
+    )
+  })
+})

package/tests/unit/components/useIntl.tsx

@@ -0,0 +1,64 @@
+import * as React from 'react'
+import {render} from '@testing-library/react'
+import {IntlProvider} from '../../../'
+import useIntl from '../../../src/components/useIntl'
+
+const FunctionComponent = ({spy}: {spy?: Function}) => {
+  const hookReturns = useIntl()
+  spy!(hookReturns.locale)
+  return null
+}
+
+const FC = () => {
+  const {formatNumber} = useIntl()
+  return formatNumber(10000, {style: 'currency', currency: 'USD'}) as any
+}
+
+describe('useIntl() hook', () => {
+  it('throws when <IntlProvider> is missing from ancestry', () => {
+    // So it doesn't spam the console
+    jest.spyOn(console, 'error').mockImplementation(() => {})
+    expect(() => render(<FunctionComponent />)).toThrow(
+      '[React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry.'
+    )
+  })
+
+  it('hooks onto the intl context', () => {
+    const spy = jest.fn()
+    render(
+      <IntlProvider locale="en">
+        <FunctionComponent spy={spy} />
+      </IntlProvider>
+    )
+
+    expect(spy).toHaveBeenCalledWith('en')
+  })
+
+  it('should work when switching locale on provider', () => {
+    const {rerender, getByTestId} = render(
+      <IntlProvider locale="en">
+        <span data-testid="comp">
+          <FC />
+        </span>
+      </IntlProvider>
+    )
+    expect(getByTestId('comp')).toMatchSnapshot()
+    rerender(
+      <IntlProvider locale="es">
+        <span data-testid="comp">
+          <FC />
+        </span>
+      </IntlProvider>
+    )
+    expect(getByTestId('comp')).toMatchSnapshot()
+    rerender(
+      <IntlProvider locale="en">
+        <span data-testid="comp">
+          <FC />
+        </span>
+      </IntlProvider>
+    )
+
+    expect(getByTestId('comp')).toMatchSnapshot()
+  })
+})

package/tests/unit/components/withIntl.tsx

@@ -0,0 +1,66 @@
+import * as React from 'react'
+import IntlProvider from '../../../src/components/provider'
+import injectIntl, {
+  WrappedComponentProps,
+} from '../../../src/components/injectIntl'
+import {render} from '@testing-library/react'
+import {IntlShape} from '@formatjs/intl'
+
+const mountWithProvider = (el: JSX.Element) =>
+  render(<IntlProvider locale="en">{el}</IntlProvider>)
+
+describe('injectIntl()', () => {
+  let Wrapped: React.FC<WrappedComponentProps>
+
+  beforeEach(() => {
+    Wrapped = ({intl}: {intl: IntlShape<React.ReactNode>}) => (
+      <div data-testid="comp">{JSON.stringify(intl)}</div>
+    )
+    Wrapped.displayName = 'Wrapped'
+    // @ts-ignore
+    Wrapped.someNonReactStatic = {
+      foo: true,
+    }
+  })
+
+  it('allows introspection access to the wrapped component', () => {
+    expect(injectIntl(Wrapped).WrappedComponent).toBe(Wrapped)
+  })
+
+  it('hoists non-react statics', () => {
+    expect((injectIntl(Wrapped) as any).someNonReactStatic.foo).toBe(true)
+  })
+
+  describe('displayName', () => {
+    it('is descriptive by default', () => {
+      expect(injectIntl(() => null).displayName).toBe('injectIntl(Component)')
+    })
+
+    it("includes `WrappedComponent`'s `displayName`", () => {
+      Wrapped.displayName = 'Foo'
+      expect(injectIntl(Wrapped).displayName).toBe('injectIntl(Foo)')
+    })
+  })
+
+  it('throws when <IntlProvider> is missing from ancestry', () => {
+    // So it doesn't spam the console
+    jest.spyOn(console, 'error').mockImplementation(() => {})
+    const Injected = injectIntl(Wrapped)
+
+    expect(() => render(<Injected />)).toThrow(
+      '[React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry.'
+    )
+  })
+
+  it('propagates all props to <WrappedComponent>', () => {
+    const Injected = injectIntl(Wrapped) as any
+    const props = {
+      foo: 'bar',
+    }
+
+    const {getByTestId} = mountWithProvider(<Injected {...props} />)
+    expect(getByTestId('comp')).toHaveTextContent(
+      '{"formats":{},"messages":{},"defaultLocale":"en","defaultFormats":{},"fallbackOnEmptyString":true,"locale":"en","formatters":{}}'
+    )
+  })
+})

package/tests/unit/react-intl.ts

@@ -0,0 +1,88 @@
+import * as ReactIntl from '../../'
+import * as ts from 'typescript'
+import fs from 'fs'
+import lexer from 'cjs-module-lexer'
+import path from 'path'
+
+describe('react-intl', () => {
+  describe('exports', () => {
+    it('exports `defineMessages`', () => {
+      expect(typeof ReactIntl.defineMessages).toBe('function')
+    })
+
+    it('exports `defineMessage`', () => {
+      expect(typeof ReactIntl.defineMessage).toBe('function')
+    })
+
+    it('exports `injectIntl`', () => {
+      expect(typeof ReactIntl.injectIntl).toBe('function')
+    })
+
+    it('exports `useIntl`', () => {
+      expect(typeof ReactIntl.useIntl).toBe('function')
+    })
+
+    describe('React Components', () => {
+      it('exports `IntlProvider`', () => {
+        expect(typeof ReactIntl.IntlProvider).toBe('function')
+      })
+
+      it('exports `FormattedDate`', () => {
+        expect(typeof ReactIntl.FormattedDate).toBe('function')
+      })
+
+      it('exports `FormattedTime`', () => {
+        expect(typeof ReactIntl.FormattedTime).toBe('function')
+      })
+
+      it('exports `FormattedNumber`', () => {
+        expect(typeof ReactIntl.FormattedNumber).toBe('function')
+      })
+
+      it('exports `FormattedDateParts`', () => {
+        expect(typeof ReactIntl.FormattedDateParts).toBe('function')
+      })
+
+      it('exports `FormattedTimeParts`', () => {
+        expect(typeof ReactIntl.FormattedTimeParts).toBe('function')
+      })
+
+      it('exports `FormattedNumberParts`', () => {
+        expect(typeof ReactIntl.FormattedNumberParts).toBe('function')
+      })
+
+      it('exports `FormattedRelativeTime`', () => {
+        expect(typeof ReactIntl.FormattedRelativeTime).toBe('function')
+      })
+
+      it('exports `FormattedPlural`', () => {
+        expect(typeof ReactIntl.FormattedPlural).toBe('function')
+      })
+
+      it('exports `FormattedMessage`', () => {
+        expect(typeof ReactIntl.FormattedMessage).toBe('object')
+      })
+
+      it('exports `FormattedDisplayNames`', () => {
+        expect(typeof ReactIntl.FormattedDisplayName).toBe('function')
+      })
+    })
+  })
+  describe('static analysis of named exports ', () => {
+    // Parse dist file for statically analyzable named exports
+    const filePath = path.resolve(__dirname, '..', '..', 'index.ts')
+    const source = fs.readFileSync(filePath, 'utf8')
+    const {outputText} = ts.transpileModule(source, {
+      compilerOptions: {
+        esModuleInterop: true,
+        module: ts.ModuleKind.CommonJS,
+      },
+    })
+    const parsed = lexer.parse(outputText)
+    const keys = Object.keys(ReactIntl)
+
+    it.each(keys)('has named export "%s"', key => {
+      expect(parsed.exports).toContain(key)
+    })
+  })
+})

package/tests/unit/testUtils.tsx

@@ -0,0 +1,42 @@
+import * as React from 'react'
+import Provider from '../../src/components/provider'
+import {render} from '@testing-library/react'
+import type {IntlConfig} from '../../src/types'
+
+export function mountFormattedComponentWithProvider<P>(
+  Comp: React.ComponentType<P>
+) {
+  return (
+    props: P & {children?(nodes: React.ReactNode[]): React.ReactNode},
+    providerProps: IntlConfig = {locale: 'en'}
+  ) => {
+    const result = render(
+      <React.StrictMode>
+        <Provider {...providerProps}>
+          <span data-testid="comp">
+            <Comp {...props} />
+          </span>
+        </Provider>
+      </React.StrictMode>
+    )
+
+    const {rerender} = result
+    const rerenderProps = (
+      newProps: P & {
+        children?(nodes: React.ReactNode[]): React.ReactNode
+      } = props,
+      newProviderProps: IntlConfig = providerProps
+    ) =>
+      rerender(
+        <React.StrictMode>
+          <Provider {...newProviderProps}>
+            <span data-testid="comp">
+              <Comp {...newProps} />
+            </span>
+          </Provider>
+        </React.StrictMode>
+      )
+
+    return {...result, rerenderProps}
+  }
+}

package/tsconfig.json

@@ -0,0 +1,5 @@
+// @generated
+{
+  // This is purely for IDE, not for compilation
+  "extends": "../../tsconfig.json"
+}

package/index.d.ts

@@ -1,43 +0,0 @@
-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, { createIntl } from './src/components/provider';
-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';
-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 & {
-    value: string | number | Date | undefined;
-}>;
-export declare const FormattedTime: React.FC<Intl.DateTimeFormatOptions & CustomFormatConfig & {
-    value: string | number | Date | undefined;
-}>;
-export declare const FormattedNumber: React.FC<NumberFormatOptions & CustomFormatConfig & {
-    value: number | bigint;
-}>;
-export declare const FormattedList: React.FC<IntlListFormatOptions & {
-    value: readonly React.ReactNode[];
-}>;
-export declare const FormattedDisplayName: React.FC<DisplayNamesOptions & {
-    value: string | number | Record<string, unknown>;
-}>;
-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 & {
-    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';
-//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/react-intl/index.ts"],"names":[],"mappings":"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"}

package/index.js

@@ -1,51 +0,0 @@
-"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.defineMessage = exports.defineMessages = 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;
-var tslib_1 = require("tslib");
-var createFormattedComponent_1 = require("./src/components/createFormattedComponent");
-var injectIntl_1 = (0, 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 = (0, tslib_1.__importDefault)(require("./src/components/useIntl"));
-exports.useIntl = useIntl_1.default;
-var provider_1 = (0, tslib_1.__importStar)(require("./src/components/provider"));
-exports.IntlProvider = provider_1.default;
-Object.defineProperty(exports, "createIntl", { enumerable: true, get: function () { return provider_1.createIntl; } });
-var relative_1 = (0, tslib_1.__importDefault)(require("./src/components/relative"));
-exports.FormattedRelativeTime = relative_1.default;
-var plural_1 = (0, tslib_1.__importDefault)(require("./src/components/plural"));
-exports.FormattedPlural = plural_1.default;
-var message_1 = (0, tslib_1.__importDefault)(require("./src/components/message"));
-exports.FormattedMessage = message_1.default;
-var dateTimeRange_1 = (0, tslib_1.__importDefault)(require("./src/components/dateTimeRange"));
-exports.FormattedDateTimeRange = dateTimeRange_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, "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; } });
-function defineMessages(msgs) {
-    return msgs;
-}
-exports.defineMessages = defineMessages;
-function defineMessage(msg) {
-    return msg;
-}
-exports.defineMessage = defineMessage;
-// 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');
-// @ts-ignore issue w/ TS Intl types
-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, "FormattedNumberParts", { enumerable: true, get: function () { return createFormattedComponent_2.FormattedNumberParts; } });
-Object.defineProperty(exports, "FormattedListParts", { enumerable: true, get: function () { return createFormattedComponent_2.FormattedListParts; } });

package/lib/index.d.ts

@@ -1,43 +0,0 @@
-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, { createIntl } from './src/components/provider';
-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';
-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 & {
-    value: string | number | Date | undefined;
-}>;
-export declare const FormattedTime: React.FC<Intl.DateTimeFormatOptions & CustomFormatConfig & {
-    value: string | number | Date | undefined;
-}>;
-export declare const FormattedNumber: React.FC<NumberFormatOptions & CustomFormatConfig & {
-    value: number | bigint;
-}>;
-export declare const FormattedList: React.FC<IntlListFormatOptions & {
-    value: readonly React.ReactNode[];
-}>;
-export declare const FormattedDisplayName: React.FC<DisplayNamesOptions & {
-    value: string | number | Record<string, unknown>;
-}>;
-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 & {
-    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';
-//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/react-intl/index.ts"],"names":[],"mappings":"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"}