react-intl 7.1.14 → 8.0.1

package/src/components/createFormattedComponent.d.ts

@@ -1,6 +1,6 @@
 import { FormatDateOptions, FormatDisplayNameOptions, FormatListOptions, FormatNumberOptions } from '@formatjs/intl';
 import * as React from 'react';
-import { IntlShape } from '../types';
+import { IntlShape } from '../types.js';
 type Formatter = {
     formatDate: FormatDateOptions;
     formatTime: FormatDateOptions;

package/src/components/createFormattedComponent.js

@@ -1,11 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormattedListParts = exports.FormattedNumberParts = void 0;
-exports.createFormattedDateTimePartsComponent = createFormattedDateTimePartsComponent;
-exports.createFormattedComponent = createFormattedComponent;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var useIntl_1 = tslib_1.__importDefault(require("./useIntl"));
+import { __rest } from "tslib";
+import * as React from 'react';
+import useIntl from './useIntl.js';
 var DisplayName;
 (function (DisplayName) {
     DisplayName["formatDate"] = "FormattedDate";
@@ -23,24 +18,22 @@ var DisplayNameParts;
     DisplayNameParts["formatNumber"] = "FormattedNumberParts";
     DisplayNameParts["formatList"] = "FormattedListParts";
 })(DisplayNameParts || (DisplayNameParts = {}));
-var FormattedNumberParts = function (props) {
-    var intl = (0, useIntl_1.default)();
-    var value = props.value, children = props.children, formatProps = tslib_1.__rest(props, ["value", "children"]);
+export var FormattedNumberParts = function (props) {
+    var intl = useIntl();
+    var value = props.value, children = props.children, formatProps = __rest(props, ["value", "children"]);
     return children(intl.formatNumberToParts(value, formatProps));
 };
-exports.FormattedNumberParts = FormattedNumberParts;
-exports.FormattedNumberParts.displayName = 'FormattedNumberParts';
-var FormattedListParts = function (props) {
-    var intl = (0, useIntl_1.default)();
-    var value = props.value, children = props.children, formatProps = tslib_1.__rest(props, ["value", "children"]);
+FormattedNumberParts.displayName = 'FormattedNumberParts';
+export var FormattedListParts = function (props) {
+    var intl = useIntl();
+    var value = props.value, children = props.children, formatProps = __rest(props, ["value", "children"]);
     return children(intl.formatListToParts(value, formatProps));
 };
-exports.FormattedListParts = FormattedListParts;
-exports.FormattedNumberParts.displayName = 'FormattedNumberParts';
-function createFormattedDateTimePartsComponent(name) {
+FormattedNumberParts.displayName = 'FormattedNumberParts';
+export function createFormattedDateTimePartsComponent(name) {
     var ComponentParts = function (props) {
-        var intl = (0, useIntl_1.default)();
-        var value = props.value, children = props.children, formatProps = tslib_1.__rest(props, ["value", "children"]);
+        var intl = useIntl();
+        var value = props.value, children = props.children, formatProps = __rest(props, ["value", "children"]);
         var date = typeof value === 'string' ? new Date(value || 0) : value;
         var formattedParts = name === 'formatDate'
             ? intl.formatDateToParts(date, formatProps)
@@ -50,10 +43,10 @@ function createFormattedDateTimePartsComponent(name) {
     ComponentParts.displayName = DisplayNameParts[name];
     return ComponentParts;
 }
-function createFormattedComponent(name) {
+export function createFormattedComponent(name) {
     var Component = function (props) {
-        var intl = (0, useIntl_1.default)();
-        var value = props.value, children = props.children, formatProps = tslib_1.__rest(props
+        var intl = useIntl();
+        var value = props.value, children = props.children, formatProps = __rest(props
         // TODO: fix TS type definition for localeMatcher upstream
         , ["value", "children"]);
         // TODO: fix TS type definition for localeMatcher upstream

package/src/components/createIntl.d.ts

@@ -1,6 +1,6 @@
 import { CreateIntlFn } from '@formatjs/intl';
 import * as React from 'react';
-import type { IntlConfig, IntlShape } from '../types';
+import type { IntlConfig, IntlShape } from '../types.js';
 /**
  * Create intl object
  * @param config intl config

package/src/components/createIntl.js

@@ -1,23 +1,20 @@
-"use strict";
 /*
  * Copyright 2015, Yahoo Inc.
  * Copyrights licensed under the New BSD License.
  * See the accompanying LICENSE file for terms.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createIntl = void 0;
-var tslib_1 = require("tslib");
-var intl_1 = require("@formatjs/intl");
-var intl_messageformat_1 = require("intl-messageformat");
-var utils_1 = require("../utils");
+import { __assign, __rest, __spreadArray } from "tslib";
+import { createIntl as coreCreateIntl, formatMessage as coreFormatMessage, } from '@formatjs/intl';
+import { isFormatXMLElementFn, } from 'intl-messageformat';
+import { DEFAULT_INTL_CONFIG, assignUniqueKeysToParts, toKeyedReactNodeArray, } from '../utils.js';
 function assignUniqueKeysToFormatXMLElementFnArgument(values) {
     if (!values) {
         return values;
     }
     return Object.keys(values).reduce(function (acc, k) {
         var v = values[k];
-        acc[k] = (0, intl_messageformat_1.isFormatXMLElementFn)(v)
-            ? (0, utils_1.assignUniqueKeysToParts)(v)
+        acc[k] = isFormatXMLElementFn(v)
+            ? assignUniqueKeysToParts(v)
             : v;
         return acc;
     }, {});
@@ -28,12 +25,12 @@ var formatMessage = function (config, formatters, descriptor, rawValues) {
         rest[_i - 4] = arguments[_i];
     }
     var values = assignUniqueKeysToFormatXMLElementFnArgument(rawValues);
-    var chunks = intl_1.formatMessage.apply(void 0, tslib_1.__spreadArray([config,
+    var chunks = coreFormatMessage.apply(void 0, __spreadArray([config,
         formatters,
         descriptor,
         values], rest, false));
     if (Array.isArray(chunks)) {
-        return (0, utils_1.toKeyedReactNodeArray)(chunks);
+        return toKeyedReactNodeArray(chunks);
     }
     return chunks;
 };
@@ -42,10 +39,10 @@ var formatMessage = function (config, formatters, descriptor, rawValues) {
  * @param config intl config
  * @param cache cache for formatter instances to prevent memory leak
  */
-var createIntl = function (_a, cache) {
-    var rawDefaultRichTextElements = _a.defaultRichTextElements, config = tslib_1.__rest(_a, ["defaultRichTextElements"]);
+export var createIntl = function (_a, cache) {
+    var rawDefaultRichTextElements = _a.defaultRichTextElements, config = __rest(_a, ["defaultRichTextElements"]);
     var defaultRichTextElements = assignUniqueKeysToFormatXMLElementFnArgument(rawDefaultRichTextElements);
-    var coreIntl = (0, intl_1.createIntl)(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, utils_1.DEFAULT_INTL_CONFIG), config), { defaultRichTextElements: defaultRichTextElements }), cache);
+    var coreIntl = coreCreateIntl(__assign(__assign(__assign({}, DEFAULT_INTL_CONFIG), config), { defaultRichTextElements: defaultRichTextElements }), cache);
     var resolvedConfig = {
         locale: coreIntl.locale,
         timeZone: coreIntl.timeZone,
@@ -57,6 +54,5 @@ var createIntl = function (_a, cache) {
         onError: coreIntl.onError,
         defaultRichTextElements: defaultRichTextElements,
     };
-    return tslib_1.__assign(tslib_1.__assign({}, coreIntl), { formatMessage: formatMessage.bind(null, resolvedConfig, coreIntl.formatters), $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) });
 };
-exports.createIntl = createIntl;

package/src/components/dateTimeRange.js

@@ -1,11 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var useIntl_1 = tslib_1.__importDefault(require("./useIntl"));
+import { __rest } from "tslib";
+import * as React from 'react';
+import useIntl from './useIntl.js';
 var FormattedDateTimeRange = function (props) {
-    var intl = (0, useIntl_1.default)();
-    var from = props.from, to = props.to, children = props.children, formatProps = tslib_1.__rest(props, ["from", "to", "children"]);
+    var intl = useIntl();
+    var from = props.from, to = props.to, children = props.children, formatProps = __rest(props, ["from", "to", "children"]);
     var formattedValue = intl.formatDateTimeRange(from, to, formatProps);
     if (typeof children === 'function') {
         return children(formattedValue);
@@ -14,4 +12,4 @@ var FormattedDateTimeRange = function (props) {
     return React.createElement(Text, null, formattedValue);
 };
 FormattedDateTimeRange.displayName = 'FormattedDateTimeRange';
-exports.default = FormattedDateTimeRange;
+export default FormattedDateTimeRange;

package/src/components/injectIntl.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IntlShape } from '../types';
+import { IntlShape } from '../types.js';
 declare global {
     interface Window {
         /**

package/src/components/injectIntl.js

@@ -1,11 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Context = exports.Provider = void 0;
-exports.default = injectIntl;
-var tslib_1 = require("tslib");
-var hoist_non_react_statics_1 = tslib_1.__importDefault(require("hoist-non-react-statics"));
-var React = tslib_1.__importStar(require("react"));
-var utils_1 = require("../utils");
+var _a;
+import { __assign } from "tslib";
+import * as hoistNonReactStaticsNs from 'hoist-non-react-statics';
+import * as React from 'react';
+import { invariantIntlContext } from '../utils.js';
+var hoistNonReactStatics = (_a = hoistNonReactStaticsNs.default) !== null && _a !== void 0 ? _a : hoistNonReactStaticsNs;
 function getDisplayName(Component) {
     return Component.displayName || Component.name || 'Component';
 }
@@ -16,24 +14,24 @@ var IntlContext = typeof window !== 'undefined' && !window.__REACT_INTL_BYPASS_G
         (window.__REACT_INTL_CONTEXT__ = React.createContext(null))
     : React.createContext(null);
 var IntlConsumer = IntlContext.Consumer, IntlProvider = IntlContext.Provider;
-exports.Provider = IntlProvider;
-exports.Context = IntlContext;
-function injectIntl(WrappedComponent, options) {
+export var Provider = IntlProvider;
+export var Context = IntlContext;
+export default function injectIntl(WrappedComponent, options) {
     var _a = options || {}, _b = _a.intlPropName, intlPropName = _b === void 0 ? 'intl' : _b, _c = _a.forwardRef, forwardRef = _c === void 0 ? false : _c, _d = _a.enforceContext, enforceContext = _d === void 0 ? true : _d;
     var WithIntl = function (props) { return (React.createElement(IntlConsumer, null, function (intl) {
         var _a;
         if (enforceContext) {
-            (0, utils_1.invariantIntlContext)(intl);
+            invariantIntlContext(intl);
         }
         var intlProp = (_a = {}, _a[intlPropName] = intl, _a);
-        return (React.createElement(WrappedComponent, tslib_1.__assign({}, props, intlProp, { ref: forwardRef ? props.forwardedRef : null })));
+        return (React.createElement(WrappedComponent, __assign({}, props, intlProp, { ref: forwardRef ? props.forwardedRef : null })));
     })); };
     WithIntl.displayName = "injectIntl(".concat(getDisplayName(WrappedComponent), ")");
     WithIntl.WrappedComponent = WrappedComponent;
     if (forwardRef) {
-        return (0, hoist_non_react_statics_1.default)(
+        return hoistNonReactStatics(
         // @ts-expect-error
-        React.forwardRef(function (props, ref) { return (React.createElement(WithIntl, tslib_1.__assign({}, props, { forwardedRef: ref }))); }), WrappedComponent);
+        React.forwardRef(function (props, ref) { return (React.createElement(WithIntl, __assign({}, props, { forwardedRef: ref }))); }), WrappedComponent);
     }
-    return (0, hoist_non_react_statics_1.default)(WithIntl, WrappedComponent);
+    return hoistNonReactStatics(WithIntl, WrappedComponent);
 }

package/src/components/message.js

@@ -1,22 +1,20 @@
-"use strict";
 /*
  * Copyright 2015, Yahoo Inc.
  * Copyrights licensed under the New BSD License.
  * See the accompanying LICENSE file for terms.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var utils_1 = require("../utils");
-var useIntl_1 = tslib_1.__importDefault(require("./useIntl"));
+import { __rest } from "tslib";
+import * as React from 'react';
+import { shallowEqual } from '../utils.js';
+import useIntl from './useIntl.js';
 function areEqual(prevProps, nextProps) {
-    var values = prevProps.values, otherProps = tslib_1.__rest(prevProps, ["values"]);
-    var nextValues = nextProps.values, nextOtherProps = tslib_1.__rest(nextProps, ["values"]);
-    return ((0, utils_1.shallowEqual)(nextValues, values) &&
-        (0, utils_1.shallowEqual)(otherProps, nextOtherProps));
+    var values = prevProps.values, otherProps = __rest(prevProps, ["values"]);
+    var nextValues = nextProps.values, nextOtherProps = __rest(nextProps, ["values"]);
+    return (shallowEqual(nextValues, values) &&
+        shallowEqual(otherProps, nextOtherProps));
 }
 function FormattedMessage(props) {
-    var intl = (0, useIntl_1.default)();
+    var intl = useIntl();
     var formatMessage = intl.formatMessage, _a = intl.textComponent, Text = _a === void 0 ? React.Fragment : _a;
     var id = props.id, description = props.description, defaultMessage = props.defaultMessage, values = props.values, children = props.children, _b = props.tagName, Component = _b === void 0 ? Text : _b, ignoreTag = props.ignoreTag;
     var descriptor = { id: id, description: description, defaultMessage: defaultMessage };
@@ -34,4 +32,4 @@ function FormattedMessage(props) {
 FormattedMessage.displayName = 'FormattedMessage';
 var MemoizedFormattedMessage = React.memo(FormattedMessage, areEqual);
 MemoizedFormattedMessage.displayName = 'MemoizedFormattedMessage';
-exports.default = MemoizedFormattedMessage;
+export default MemoizedFormattedMessage;

package/src/components/plural.js

@@ -1,15 +1,12 @@
-"use strict";
 /*
  * Copyright 2015, Yahoo Inc.
  * Copyrights licensed under the New BSD License.
  * See the accompanying LICENSE file for terms.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var useIntl_1 = tslib_1.__importDefault(require("./useIntl"));
+import * as React from 'react';
+import useIntl from './useIntl.js';
 var FormattedPlural = function (props) {
-    var _a = (0, useIntl_1.default)(), formatPlural = _a.formatPlural, Text = _a.textComponent;
+    var _a = useIntl(), formatPlural = _a.formatPlural, Text = _a.textComponent;
     var value = props.value, other = props.other, children = props.children;
     var pluralCategory = formatPlural(value, props);
     var formattedPlural = props[pluralCategory] || other;
@@ -23,4 +20,4 @@ var FormattedPlural = function (props) {
     return formattedPlural;
 };
 FormattedPlural.displayName = 'FormattedPlural';
-exports.default = FormattedPlural;
+export default FormattedPlural;

package/src/components/provider.d.ts

@@ -1,7 +1,7 @@
 import { IntlCache } from '@formatjs/intl';
 import * as React from 'react';
-import type { IntlConfig, IntlShape } from '../types';
-import { DefaultIntlConfig } from '../utils';
+import type { IntlConfig, IntlShape } from '../types.js';
+import { DefaultIntlConfig } from '../utils.js';
 interface State {
     /**
      * Explicit intl cache to prevent memory leaks

package/src/components/provider.js

@@ -1,16 +1,14 @@
-"use strict";
 /*
  * Copyright 2015, Yahoo Inc.
  * Copyrights licensed under the New BSD License.
  * See the accompanying LICENSE file for terms.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var intl_1 = require("@formatjs/intl");
-var React = tslib_1.__importStar(require("react"));
-var utils_1 = require("../utils");
-var createIntl_1 = require("./createIntl");
-var injectIntl_1 = require("./injectIntl");
+import { __extends } from "tslib";
+import { createIntlCache } from '@formatjs/intl';
+import * as React from 'react';
+import { DEFAULT_INTL_CONFIG, invariantIntlContext, shallowEqual, } from '../utils.js';
+import { createIntl } from './createIntl.js';
+import { Provider } from './injectIntl.js';
 function processIntlConfig(config) {
     return {
         locale: config.locale,
@@ -28,13 +26,13 @@ function processIntlConfig(config) {
     };
 }
 var IntlProvider = /** @class */ (function (_super) {
-    tslib_1.__extends(IntlProvider, _super);
+    __extends(IntlProvider, _super);
     function IntlProvider() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.cache = (0, intl_1.createIntlCache)();
+        _this.cache = createIntlCache();
         _this.state = {
             cache: _this.cache,
-            intl: (0, createIntl_1.createIntl)(processIntlConfig(_this.props), _this.cache),
+            intl: createIntl(processIntlConfig(_this.props), _this.cache),
             prevConfig: processIntlConfig(_this.props),
         };
         return _this;
@@ -42,20 +40,20 @@ var IntlProvider = /** @class */ (function (_super) {
     IntlProvider.getDerivedStateFromProps = function (props, _a) {
         var prevConfig = _a.prevConfig, cache = _a.cache;
         var config = processIntlConfig(props);
-        if (!(0, utils_1.shallowEqual)(prevConfig, config)) {
+        if (!shallowEqual(prevConfig, config)) {
             return {
-                intl: (0, createIntl_1.createIntl)(config, cache),
+                intl: createIntl(config, cache),
                 prevConfig: config,
             };
         }
         return null;
     };
     IntlProvider.prototype.render = function () {
-        (0, utils_1.invariantIntlContext)(this.state.intl);
-        return React.createElement(injectIntl_1.Provider, { value: this.state.intl }, this.props.children);
+        invariantIntlContext(this.state.intl);
+        return React.createElement(Provider, { value: this.state.intl }, this.props.children);
     };
     IntlProvider.displayName = 'IntlProvider';
-    IntlProvider.defaultProps = utils_1.DEFAULT_INTL_CONFIG;
+    IntlProvider.defaultProps = DEFAULT_INTL_CONFIG;
     return IntlProvider;
 }(React.PureComponent));
-exports.default = IntlProvider;
+export default IntlProvider;

package/src/components/relative.js

@@ -1,14 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+import { __assign, __rest } from "tslib";
 /*
  * Copyright 2015, Yahoo Inc.
  * Copyrights licensed under the New BSD License.
  * See the accompanying LICENSE file for terms.
  */
-var React = tslib_1.__importStar(require("react"));
-var utils_1 = require("../utils");
-var useIntl_1 = tslib_1.__importDefault(require("./useIntl"));
+import * as React from 'react';
+import { invariant } from '../utils.js';
+import useIntl from './useIntl.js';
 var MINUTE = 60;
 var HOUR = 60 * 60;
 var DAY = 60 * 60 * 24;
@@ -60,8 +58,8 @@ function canIncrement(unit) {
     return INCREMENTABLE_UNITS.indexOf(unit) > -1;
 }
 var SimpleFormattedRelativeTime = function (props) {
-    var _a = (0, useIntl_1.default)(), formatRelativeTime = _a.formatRelativeTime, Text = _a.textComponent;
-    var children = props.children, value = props.value, unit = props.unit, otherProps = tslib_1.__rest(props, ["children", "value", "unit"]);
+    var _a = useIntl(), formatRelativeTime = _a.formatRelativeTime, Text = _a.textComponent;
+    var children = props.children, value = props.value, unit = props.unit, otherProps = __rest(props, ["children", "value", "unit"]);
     var formattedRelativeTime = formatRelativeTime(value || 0, unit, otherProps);
     if (typeof children === 'function') {
         return children(formattedRelativeTime);
@@ -72,8 +70,8 @@ var SimpleFormattedRelativeTime = function (props) {
     return React.createElement(React.Fragment, null, formattedRelativeTime);
 };
 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, utils_1.invariant)(!updateIntervalInSeconds ||
+    var _b = _a.value, value = _b === void 0 ? 0 : _b, _c = _a.unit, unit = _c === void 0 ? 'second' : _c, updateIntervalInSeconds = _a.updateIntervalInSeconds, otherProps = __rest(_a, ["value", "unit", "updateIntervalInSeconds"]);
+    invariant(!updateIntervalInSeconds ||
         !!(updateIntervalInSeconds && canIncrement(unit)), 'Cannot schedule update with unit longer than hour');
     var _d = React.useState(), prevUnit = _d[0], setPrevUnit = _d[1];
     var _e = React.useState(0), prevValue = _e[0], setPrevValue = _e[1];
@@ -121,7 +119,7 @@ var FormattedRelativeTime = function (_a) {
         var unitDuration = getDurationInSeconds(currentUnit);
         currentValue = Math.round(currentValueInSeconds / unitDuration);
     }
-    return (React.createElement(SimpleFormattedRelativeTime, tslib_1.__assign({ value: currentValue, unit: currentUnit }, otherProps)));
+    return (React.createElement(SimpleFormattedRelativeTime, __assign({ value: currentValue, unit: currentUnit }, otherProps)));
 };
 FormattedRelativeTime.displayName = 'FormattedRelativeTime';
-exports.default = FormattedRelativeTime;
+export default FormattedRelativeTime;

package/src/components/useIntl.d.ts

@@ -1,2 +1,2 @@
-import { IntlShape } from '../types';
+import { IntlShape } from '../types.js';
 export default function useIntl(this: void): IntlShape;

package/src/components/useIntl.js

@@ -1,12 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = useIntl;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var utils_1 = require("../utils");
-var injectIntl_1 = require("./injectIntl");
-function useIntl() {
-    var intl = React.useContext(injectIntl_1.Context);
-    (0, utils_1.invariantIntlContext)(intl);
+import * as React from 'react';
+import { invariantIntlContext } from '../utils.js';
+import { Context } from './injectIntl.js';
+export default function useIntl() {
+    var intl = React.useContext(Context);
+    invariantIntlContext(intl);
     return intl;
 }

package/src/types.d.ts

@@ -1,7 +1,7 @@
 import { ResolvedIntlConfig as CoreResolvedIntlConfig, Formatters, IntlFormatters, MessageDescriptor } from '@formatjs/intl';
 import { FormatXMLElementFn, Options as IntlMessageFormatOptions, PrimitiveType } from 'intl-messageformat';
 import * as React from 'react';
-import { DEFAULT_INTL_CONFIG } from './utils';
+import { DEFAULT_INTL_CONFIG } from './utils.js';
 export type IntlConfig = Omit<ResolvedIntlConfig, keyof typeof DEFAULT_INTL_CONFIG> & Partial<typeof DEFAULT_INTL_CONFIG>;
 export interface ResolvedIntlConfig extends CoreResolvedIntlConfig<React.ReactNode> {
     textComponent?: React.ComponentType | keyof React.JSX.IntrinsicElements;

package/src/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/src/utils.d.ts

@@ -1,6 +1,6 @@
 import { FormatXMLElementFn } from 'intl-messageformat';
 import * as React from 'react';
-import { ResolvedIntlConfig } from './types';
+import { ResolvedIntlConfig } from './types.js';
 export declare function invariant(condition: boolean, message: string, Err?: any): asserts condition;
 export declare function invariantIntlContext(intl?: any): asserts intl;
 export type DefaultIntlConfig = Pick<ResolvedIntlConfig, 'fallbackOnEmptyString' | 'formats' | 'messages' | 'timeZone' | 'textComponent' | 'defaultLocale' | 'defaultFormats' | 'onError'>;
@@ -13,6 +13,7 @@ export declare const DEFAULT_INTL_CONFIG: DefaultIntlConfig;
  * React doesn't recommend doing this because it makes reordering inefficient,
  * but we mostly need this for message chunks, which don't tend to reorder to
  * begin with.
+ *
  */
 export declare const toKeyedReactNodeArray: typeof React.Children.toArray;
 /**

package/src/utils.js

@@ -1,29 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.toKeyedReactNodeArray = 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 intl_1 = require("@formatjs/intl");
-function invariant(condition, message, Err) {
+import { __assign } from "tslib";
+import * as React from 'react';
+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);
     }
 }
-function invariantIntlContext(intl) {
+export function invariantIntlContext(intl) {
     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 });
-var toKeyedReactNode = function (reactNode, key) {
-    return React.isValidElement(reactNode)
-        ? React.cloneElement(reactNode, { key: key })
-        : reactNode;
-};
+export var DEFAULT_INTL_CONFIG = __assign(__assign({}, CORE_DEFAULT_INTL_CONFIG), { textComponent: React.Fragment });
 /**
  * Builds an array of {@link React.ReactNode}s with index-based keys, similar to
  * {@link React.Children.toArray}. However, this function tells React that it
@@ -32,28 +20,32 @@ var toKeyedReactNode = function (reactNode, key) {
  * React doesn't recommend doing this because it makes reordering inefficient,
  * but we mostly need this for message chunks, which don't tend to reorder to
  * begin with.
+ *
  */
-var toKeyedReactNodeArray = function (children) { var _a; 
-/**
- * Note: {@link React.Children.map} will add its own index-based prefix to
- * every key anyway, so the auto-injected one doesn't even have to be unique.
- * This basically just tells React that it's explicit/intentional.
- */
-return (_a = React.Children.map(children, toKeyedReactNode)) !== null && _a !== void 0 ? _a : []; };
-exports.toKeyedReactNodeArray = toKeyedReactNodeArray;
+export var toKeyedReactNodeArray = function (children) {
+    var childrenArray = React.Children.toArray(children);
+    return childrenArray.map(function (child, index) {
+        // For React elements, wrap in a keyed Fragment
+        // This creates a new element with a key rather than trying to add one after creation
+        if (React.isValidElement(child)) {
+            return React.createElement(React.Fragment, { key: index }, child);
+        }
+        return child;
+    });
+};
 /**
  * Takes a `formatXMLElementFn`, and composes it in function, which passes
  * argument `parts` through, assigning unique key to each part, to prevent
  * "Each child in a list should have a unique "key"" React error.
  * @param formatXMLElementFn
  */
-function assignUniqueKeysToParts(formatXMLElementFn) {
+export function assignUniqueKeysToParts(formatXMLElementFn) {
     return function (parts) {
         // eslint-disable-next-line prefer-rest-params
-        return formatXMLElementFn((0, exports.toKeyedReactNodeArray)(parts));
+        return formatXMLElementFn(toKeyedReactNodeArray(parts));
     };
 }
-function shallowEqual(objA, objB) {
+export function shallowEqual(objA, objB) {
     if (objA === objB) {
         return true;
     }

package/lib/index.d.ts

@@ -1,46 +0,0 @@
-import { NumberFormatOptions } from '@formatjs/ecma402-abstract';
-import { CustomFormatConfig, FormatDateOptions, 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';
-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 & {
-    value: string | number | Date | undefined;
-    children?(formattedDate: string): React.ReactElement | null;
-}>;
-export declare const FormattedTime: React.FC<Intl.DateTimeFormatOptions & CustomFormatConfig & {
-    value: string | number | Date | undefined;
-    children?(formattedTime: string): React.ReactElement | null;
-}>;
-export declare const FormattedNumber: React.FC<Omit<NumberFormatOptions, 'localeMatcher'> & CustomFormatConfig<'number'> & {
-    value: Parameters<IntlShape['formatNumber']>[0];
-    children?(formattedNumber: string): React.ReactElement | null;
-}>;
-export declare const FormattedList: React.FC<Intl.ListFormatOptions & {
-    value: readonly React.ReactNode[];
-}>;
-export declare const FormattedDisplayName: React.FC<Intl.DisplayNamesOptions & {
-    value: string;
-}>;
-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 type { MessageFormatElement } from '@formatjs/icu-messageformat-parser';
-export type { PrimitiveType } from 'intl-messageformat';
-export { FormattedListParts, FormattedNumberParts, } from './src/components/createFormattedComponent';