react-intl 6.5.3 → 6.5.4

package/lib/index.js

@@ -1,50 +1,25 @@
-"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 = tslib_1.__importStar(require("./src/components/injectIntl"));
-exports.injectIntl = injectIntl_1.default;
-Object.defineProperty(exports, "RawIntlProvider", { enumerable: true, get: function () { return injectIntl_1.Provider; } });
-Object.defineProperty(exports, "IntlContext", { enumerable: true, get: function () { return injectIntl_1.Context; } });
-var useIntl_1 = tslib_1.__importDefault(require("./src/components/useIntl"));
-exports.useIntl = useIntl_1.default;
-var provider_1 = 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 = tslib_1.__importDefault(require("./src/components/relative"));
-exports.FormattedRelativeTime = relative_1.default;
-var plural_1 = tslib_1.__importDefault(require("./src/components/plural"));
-exports.FormattedPlural = plural_1.default;
-var message_1 = tslib_1.__importDefault(require("./src/components/message"));
-exports.FormattedMessage = message_1.default;
-var dateTimeRange_1 = tslib_1.__importDefault(require("./src/components/dateTimeRange"));
-exports.FormattedDateTimeRange = dateTimeRange_1.default;
-var 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) {
+import { createFormattedComponent, createFormattedDateTimePartsComponent, } from './src/components/createFormattedComponent';
+import injectIntl, { Provider as RawIntlProvider, Context as IntlContext, } from './src/components/injectIntl';
+import useIntl from './src/components/useIntl';
+import IntlProvider, { 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, createIntl, injectIntl, useIntl, };
+export { createIntlCache, UnsupportedFormatterError, InvalidConfigError, MissingDataError, MessageFormatError, MissingTranslationError, IntlErrorCode as ReactIntlErrorCode, IntlError as ReactIntlError, } from '@formatjs/intl';
+export function defineMessages(msgs) {
     return msgs;
 }
-exports.defineMessages = defineMessages;
-function defineMessage(msg) {
+export 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');
-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; } });
+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 { FormattedNumberParts, FormattedListParts, } from './src/components/createFormattedComponent';

package/lib/src/components/createFormattedComponent.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createFormattedComponent = exports.createFormattedDateTimePartsComponent = exports.FormattedListParts = exports.FormattedNumberParts = void 0;
-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';
 var DisplayName;
 (function (DisplayName) {
     DisplayName["formatDate"] = "FormattedDate";
@@ -21,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)
@@ -48,11 +43,10 @@ function createFormattedDateTimePartsComponent(name) {
     ComponentParts.displayName = DisplayNameParts[name];
     return ComponentParts;
 }
-exports.createFormattedDateTimePartsComponent = createFormattedDateTimePartsComponent;
-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
@@ -66,4 +60,3 @@ function createFormattedComponent(name) {
     Component.displayName = DisplayName[name];
     return Component;
 }
-exports.createFormattedComponent = createFormattedComponent;

package/lib/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';
 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/lib/src/components/injectIntl.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Context = exports.Provider = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var hoist_non_react_statics_1 = tslib_1.__importDefault(require("hoist-non-react-statics"));
-var utils_1 = require("../utils");
+import { __assign } from "tslib";
+import * as React from 'react';
+import hoistNonReactStatics from 'hoist-non-react-statics';
+import { invariantIntlContext } from '../utils';
 function getDisplayName(Component) {
     return Component.displayName || Component.name || 'Component';
 }
@@ -15,23 +12,22 @@ 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)(React.forwardRef(function (props, ref) { return (React.createElement(WithIntl, tslib_1.__assign({}, props, { forwardedRef: ref }))); }), WrappedComponent);
+        return hoistNonReactStatics(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);
 }
-exports.default = injectIntl;

package/lib/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 useIntl_1 = tslib_1.__importDefault(require("./useIntl"));
-var utils_1 = require("../utils");
+import { __rest } from "tslib";
+import * as React from 'react';
+import useIntl from './useIntl';
+import { shallowEqual } from '../utils';
 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/lib/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';
 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;
@@ -26,4 +23,4 @@ FormattedPlural.defaultProps = {
     type: 'cardinal',
 };
 FormattedPlural.displayName = 'FormattedPlural';
-exports.default = FormattedPlural;
+export default FormattedPlural;

package/lib/src/components/provider.js

@@ -1,17 +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 });
-exports.createIntl = void 0;
-var tslib_1 = require("tslib");
-var intl_1 = require("@formatjs/intl");
-var React = tslib_1.__importStar(require("react"));
-var utils_1 = require("../utils");
-var injectIntl_1 = require("./injectIntl");
-var intl_messageformat_1 = require("intl-messageformat");
+import { __assign, __extends, __rest, __spreadArray } from "tslib";
+import { createIntl as coreCreateIntl, formatMessage as coreFormatMessage, createIntlCache, } from '@formatjs/intl';
+import * as React from 'react';
+import { DEFAULT_INTL_CONFIG, assignUniqueKeysToParts, invariantIntlContext, shallowEqual, } from '../utils';
+import { Provider } from './injectIntl';
+import { isFormatXMLElementFn, } from 'intl-messageformat';
 function processIntlConfig(config) {
     return {
         locale: config.locale,
@@ -34,8 +31,8 @@ function assignUniqueKeysToFormatXMLElementFnArgument(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;
     }, {});
@@ -46,7 +43,7 @@ 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));
@@ -60,10 +57,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,
@@ -75,21 +72,20 @@ var createIntl = function (_a, cache) {
         onError: coreIntl.onError,
         defaultRichTextElements: defaultRichTextElements,
     };
-    return tslib_1.__assign(tslib_1.__assign({}, coreIntl), { formatMessage: formatMessage.bind(null, resolvedConfig, 
+    return __assign(__assign({}, coreIntl), { formatMessage: formatMessage.bind(null, resolvedConfig, 
         // @ts-expect-error fix this
         coreIntl.formatters), 
         // @ts-expect-error fix this
         $t: formatMessage.bind(null, resolvedConfig, coreIntl.formatters) });
 };
-exports.createIntl = createIntl;
 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, exports.createIntl)(processIntlConfig(_this.props), _this.cache),
+            intl: createIntl(processIntlConfig(_this.props), _this.cache),
             prevConfig: processIntlConfig(_this.props),
         };
         return _this;
@@ -97,20 +93,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, exports.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/lib/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 ecma402_abstract_1 = require("@formatjs/ecma402-abstract");
-var useIntl_1 = tslib_1.__importDefault(require("./useIntl"));
+import * as React from 'react';
+import { invariant, } from '@formatjs/ecma402-abstract';
+import useIntl from './useIntl';
 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 value = _a.value, unit = _a.unit, updateIntervalInSeconds = _a.updateIntervalInSeconds, otherProps = tslib_1.__rest(_a, ["value", "unit", "updateIntervalInSeconds"]);
-    (0, ecma402_abstract_1.invariant)(!updateIntervalInSeconds ||
+    var value = _a.value, unit = _a.unit, updateIntervalInSeconds = _a.updateIntervalInSeconds, otherProps = __rest(_a, ["value", "unit", "updateIntervalInSeconds"]);
+    invariant(!updateIntervalInSeconds ||
         !!(updateIntervalInSeconds && canIncrement(unit)), 'Cannot schedule update with unit longer than hour');
     var _b = React.useState(), prevUnit = _b[0], setPrevUnit = _b[1];
     var _c = React.useState(0), prevValue = _c[0], setPrevValue = _c[1];
@@ -121,11 +119,11 @@ 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';
 FormattedRelativeTime.defaultProps = {
     value: 0,
     unit: 'second',
 };
-exports.default = FormattedRelativeTime;
+export default FormattedRelativeTime;

package/lib/src/components/useIntl.js

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

package/lib/src/types.js

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

package/lib/src/utils.js

@@ -1,30 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.shallowEqual = exports.assignUniqueKeysToParts = exports.DEFAULT_INTL_CONFIG = exports.invariantIntlContext = void 0;
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var ecma402_abstract_1 = require("@formatjs/ecma402-abstract");
-var intl_1 = require("@formatjs/intl");
-function invariantIntlContext(intl) {
-    (0, ecma402_abstract_1.invariant)(intl, '[React Intl] Could not find required `intl` object. ' +
+import { __assign } from "tslib";
+import * as React from 'react';
+import { invariant } from '@formatjs/ecma402-abstract';
+import { DEFAULT_INTL_CONFIG as CORE_DEFAULT_INTL_CONFIG } from '@formatjs/intl';
+export function invariantIntlContext(intl) {
+    invariant(intl, '[React Intl] Could not find required `intl` object. ' +
         '<IntlProvider> needs to exist in the component ancestry.');
 }
-exports.invariantIntlContext = invariantIntlContext;
-exports.DEFAULT_INTL_CONFIG = tslib_1.__assign(tslib_1.__assign({}, intl_1.DEFAULT_INTL_CONFIG), { textComponent: React.Fragment });
+export var DEFAULT_INTL_CONFIG = __assign(__assign({}, CORE_DEFAULT_INTL_CONFIG), { textComponent: React.Fragment });
 /**
  * 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(React.Children.toArray(parts));
     };
 }
-exports.assignUniqueKeysToParts = assignUniqueKeysToParts;
-function shallowEqual(objA, objB) {
+export function shallowEqual(objA, objB) {
     if (objA === objB) {
         return true;
     }
@@ -46,4 +41,3 @@ function shallowEqual(objA, objB) {
     }
     return true;
 }
-exports.shallowEqual = shallowEqual;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-intl",
-  "version": "6.5.3",
+  "version": "6.5.4",
   "description": "Internationalize React apps. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations.",
   "keywords": [
     "intl",
@@ -133,11 +133,11 @@
     "hoist-non-react-statics": "^3.3.2",
     "tslib": "^2.4.0",
     "@formatjs/intl-displaynames": "6.6.3",
-    "@formatjs/ecma402-abstract": "1.17.4",
-    "@formatjs/intl": "2.9.7",
+    "@formatjs/intl": "2.9.8",
     "@formatjs/icu-messageformat-parser": "2.7.2",
+    "@formatjs/ecma402-abstract": "1.17.4",
     "@formatjs/intl-listformat": "7.5.2",
-    "intl-messageformat": "10.5.6"
+    "intl-messageformat": "10.5.7"
   },
   "devDependencies": {
     "@formatjs/intl-numberformat": "8.8.2",