react-intl 6.0.6 → 6.0.8

package/src/components/createFormattedComponent.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { FormatDateOptions, FormatNumberOptions, FormatListOptions, FormatDisplayNameOptions } from '@formatjs/intl';
+import { IntlShape } from '../types';
+import { Part } from '@formatjs/intl-listformat';
+declare type Formatter = {
+    formatDate: FormatDateOptions;
+    formatTime: FormatDateOptions;
+    formatNumber: FormatNumberOptions;
+    formatList: FormatListOptions;
+    formatDisplayName: FormatDisplayNameOptions;
+};
+export declare const FormattedNumberParts: React.FC<Formatter['formatNumber'] & {
+    value: Parameters<IntlShape['formatNumber']>[0];
+    children(val: Intl.NumberFormatPart[]): React.ReactElement | null;
+}>;
+export declare const FormattedListParts: React.FC<Formatter['formatList'] & {
+    value: Parameters<IntlShape['formatList']>[0];
+    children(val: Part[]): React.ReactElement | null;
+}>;
+export declare function createFormattedDateTimePartsComponent<Name extends 'formatDate' | 'formatTime'>(name: Name): React.FC<Formatter[Name] & {
+    value: Parameters<IntlShape[Name]>[0];
+    children(val: Intl.DateTimeFormatPart[]): React.ReactElement | null;
+}>;
+export declare function createFormattedComponent<Name extends keyof Formatter>(name: Name): React.FC<Formatter[Name] & {
+    value: Parameters<IntlShape[Name]>[0];
+    children?(val: string): React.ReactElement | null;
+}>;
+export {};
+//# sourceMappingURL=createFormattedComponent.d.ts.map

package/src/components/createFormattedComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFormattedComponent.d.ts","sourceRoot":"","sources":["createFormattedComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,wBAAwB,EACzB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,UAAU,CAAA;AAElC,OAAO,EAAC,IAAI,EAAC,MAAM,2BAA2B,CAAA;AAmB9C,aAAK,SAAS,GAAG;IACf,UAAU,EAAE,iBAAiB,CAAA;IAC7B,UAAU,EAAE,iBAAiB,CAAA;IAC7B,YAAY,EAAE,mBAAmB,CAAA;IACjC,UAAU,EAAE,iBAAiB,CAAA;IAC7B,iBAAiB,EAAE,wBAAwB,CAAA;CAC5C,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CACzC,SAAS,CAAC,cAAc,CAAC,GAAG;IAC1B,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAE/C,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,gBAAgB,EAAE,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;CAClE,CAKF,CAAA;AAGD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CACvC,SAAS,CAAC,YAAY,CAAC,GAAG;IACxB,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAE7C,QAAQ,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;CACjD,CAKF,CAAA;AAGD,wBAAgB,qCAAqC,CACnD,IAAI,SAAS,YAAY,GAAG,YAAY,EAExC,IAAI,EAAE,IAAI,GACT,KAAK,CAAC,EAAE,CACT,SAAS,CAAC,IAAI,CAAC,GAAG;IAChB,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IACrC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,kBAAkB,EAAE,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;CACpE,CACF,CAoBA;AAED,wBAAgB,wBAAwB,CAAC,IAAI,SAAS,MAAM,SAAS,EACnE,IAAI,EAAE,IAAI,GACT,KAAK,CAAC,EAAE,CACT,SAAS,CAAC,IAAI,CAAC,GAAG;IAChB,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IACrC,QAAQ,CAAC,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;CAClD,CACF,CAsBA"}

package/src/components/createFormattedComponent.js

@@ -0,0 +1,69 @@
+"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"));
+var DisplayName;
+(function (DisplayName) {
+    DisplayName["formatDate"] = "FormattedDate";
+    DisplayName["formatTime"] = "FormattedTime";
+    DisplayName["formatNumber"] = "FormattedNumber";
+    DisplayName["formatList"] = "FormattedList";
+    // Note that this DisplayName is the locale display name, not to be confused with
+    // the name of the enum, which is for React component display name in dev tools.
+    DisplayName["formatDisplayName"] = "FormattedDisplayName";
+})(DisplayName || (DisplayName = {}));
+var DisplayNameParts;
+(function (DisplayNameParts) {
+    DisplayNameParts["formatDate"] = "FormattedDateParts";
+    DisplayNameParts["formatTime"] = "FormattedTimeParts";
+    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"]);
+    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"]);
+    return children(intl.formatListToParts(value, formatProps));
+};
+exports.FormattedListParts = FormattedListParts;
+exports.FormattedNumberParts.displayName = 'FormattedNumberParts';
+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 date = typeof value === 'string' ? new Date(value || 0) : value;
+        var formattedParts = name === 'formatDate'
+            ? intl.formatDateToParts(date, formatProps)
+            : intl.formatTimeToParts(date, formatProps);
+        return children(formattedParts);
+    };
+    ComponentParts.displayName = DisplayNameParts[name];
+    return ComponentParts;
+}
+exports.createFormattedDateTimePartsComponent = createFormattedDateTimePartsComponent;
+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
+        // TODO: fix TS type definition for localeMatcher upstream
+        , ["value", "children"]);
+        // TODO: fix TS type definition for localeMatcher upstream
+        var formattedValue = intl[name](value, formatProps);
+        if (typeof children === 'function') {
+            return children(formattedValue);
+        }
+        var Text = intl.textComponent || React.Fragment;
+        return React.createElement(Text, null, formattedValue);
+    };
+    Component.displayName = DisplayName[name];
+    return Component;
+}
+exports.createFormattedComponent = createFormattedComponent;

package/src/components/dateTimeRange.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { FormatDateOptions } from '@formatjs/intl';
+import { DateTimeFormat } from '@formatjs/ecma402-abstract';
+interface Props extends FormatDateOptions {
+    from: Parameters<DateTimeFormat['formatRange']>[0];
+    to: Parameters<DateTimeFormat['formatRange']>[1];
+    children?(value: React.ReactNode): React.ReactElement | null;
+}
+declare const FormattedDateTimeRange: React.FC<Props>;
+export default FormattedDateTimeRange;
+//# sourceMappingURL=dateTimeRange.d.ts.map

package/src/components/dateTimeRange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimeRange.d.ts","sourceRoot":"","sources":["dateTimeRange.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAGzD,UAAU,KAAM,SAAQ,iBAAiB;IACvC,IAAI,EAAE,UAAU,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAClD,EAAE,EAAE,UAAU,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAChD,QAAQ,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;CAC7D;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAW3C,CAAA;AAGD,eAAe,sBAAsB,CAAA"}

package/src/components/dateTimeRange.js

@@ -0,0 +1,17 @@
+"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"));
+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 formattedValue = intl.formatDateTimeRange(from, to, formatProps);
+    if (typeof children === 'function') {
+        return children(formattedValue);
+    }
+    var Text = intl.textComponent || React.Fragment;
+    return React.createElement(Text, null, formattedValue);
+};
+FormattedDateTimeRange.displayName = 'FormattedDateTimeRange';
+exports.default = FormattedDateTimeRange;

package/src/components/injectIntl.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { IntlShape } from '../types';
+export declare const Provider: React.Provider<IntlShape>;
+export declare const Context: React.Context<IntlShape>;
+export interface Opts<IntlPropName extends string = 'intl', ForwardRef extends boolean = false> {
+    intlPropName?: IntlPropName;
+    forwardRef?: ForwardRef;
+    enforceContext?: boolean;
+}
+export declare type WrappedComponentProps<IntlPropName extends string = 'intl'> = {
+    [k in IntlPropName]: IntlShape;
+};
+export declare type WithIntlProps<P> = Omit<P, keyof WrappedComponentProps> & {
+    forwardedRef?: React.Ref<any>;
+};
+export default function injectIntl<IntlPropName extends string = 'intl', P extends WrappedComponentProps<IntlPropName> = WrappedComponentProps<any>>(WrappedComponent: React.ComponentType<P>, options?: Opts<IntlPropName, false>): React.FC<WithIntlProps<P>> & {
+    WrappedComponent: React.ComponentType<P>;
+};
+export default function injectIntl<IntlPropName extends string = 'intl', P extends WrappedComponentProps<IntlPropName> = WrappedComponentProps<any>, T extends React.ComponentType<P> = any>(WrappedComponent: React.ComponentType<P>, options?: Opts<IntlPropName, true>): React.ForwardRefExoticComponent<React.PropsWithoutRef<WithIntlProps<React.PropsWithChildren<P>>> & React.RefAttributes<T>> & {
+    WrappedComponent: React.ComponentType<P>;
+};
+//# sourceMappingURL=injectIntl.d.ts.map

package/src/components/injectIntl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectIntl.d.ts","sourceRoot":"","sources":["injectIntl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAC,SAAS,EAAC,MAAM,UAAU,CAAA;AAUlC,eAAO,MAAM,QAAQ,2BAAe,CAAA;AACpC,eAAO,MAAM,OAAO,0BAAc,CAAA;AAElC,MAAM,WAAW,IAAI,CACnB,YAAY,SAAS,MAAM,GAAG,MAAM,EACpC,UAAU,SAAS,OAAO,GAAG,KAAK;IAElC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,oBAAY,qBAAqB,CAAC,YAAY,SAAS,MAAM,GAAG,MAAM,IAAI;KACvE,CAAC,IAAI,YAAY,GAAG,SAAS;CAC/B,CAAA;AAED,oBAAY,aAAa,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,qBAAqB,CAAC,GAAG;IACpE,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAC9B,CAAA;AAID,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,YAAY,SAAS,MAAM,GAAG,MAAM,EACpC,CAAC,SAAS,qBAAqB,CAAC,YAAY,CAAC,GAAG,qBAAqB,CAAC,GAAG,CAAC,EAE1E,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACxC,OAAO,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,GAClC,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG;IAC9B,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;CACzC,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,YAAY,SAAS,MAAM,GAAG,MAAM,EACpC,CAAC,SAAS,qBAAqB,CAAC,YAAY,CAAC,GAAG,qBAAqB,CAAC,GAAG,CAAC,EAC1E,CAAC,SAAS,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,GAAG,EAEtC,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACxC,OAAO,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,GACjC,KAAK,CAAC,yBAAyB,CAChC,KAAK,CAAC,eAAe,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,GAC9D,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CACzB,GAAG;IACF,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;CACzC,CAAA"}

package/src/components/injectIntl.js

@@ -0,0 +1,33 @@
+"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");
+function getDisplayName(Component) {
+    return Component.displayName || Component.name || 'Component';
+}
+// TODO: We should provide initial value here
+var IntlContext = React.createContext(null);
+var IntlConsumer = IntlContext.Consumer, IntlProvider = IntlContext.Provider;
+exports.Provider = IntlProvider;
+exports.Context = IntlContext;
+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);
+        }
+        var intlProp = (_a = {}, _a[intlPropName] = intl, _a);
+        return (React.createElement(WrappedComponent, tslib_1.__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 (0, hoist_non_react_statics_1.default)(WithIntl, WrappedComponent);
+}
+exports.default = injectIntl;

package/src/components/message.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { FormatXMLElementFn, Options as IntlMessageFormatOptions, PrimitiveType } from 'intl-messageformat';
+import { MessageDescriptor } from '@formatjs/intl';
+export interface Props<V extends Record<string, any> = Record<string, React.ReactNode | PrimitiveType | FormatXMLElementFn<React.ReactNode, React.ReactNode>>> extends MessageDescriptor {
+    values?: V;
+    tagName?: React.ElementType<any>;
+    children?(nodes: React.ReactNode[]): React.ReactElement | null;
+    ignoreTag?: IntlMessageFormatOptions['ignoreTag'];
+}
+declare const MemoizedFormattedMessage: React.NamedExoticComponent<Props<Record<string, string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal | Date | FormatXMLElementFn<React.ReactNode, React.ReactNode> | null | undefined>>>;
+export default MemoizedFormattedMessage;
+//# sourceMappingURL=message.d.ts.map

package/src/components/message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["message.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EACV,kBAAkB,EAClB,OAAO,IAAI,wBAAwB,EACnC,aAAa,EACd,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAA;AAIhD,MAAM,WAAW,KAAK,CACpB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CACpC,MAAM,EACJ,KAAK,CAAC,SAAS,GACf,aAAa,GACb,kBAAkB,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CACvD,CACD,SAAQ,iBAAiB;IACzB,MAAM,CAAC,EAAE,CAAC,CAAA;IACV,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;IAChC,QAAQ,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IAC9D,SAAS,CAAC,EAAE,wBAAwB,CAAC,WAAW,CAAC,CAAA;CAClD;AAwCD,QAAA,MAAM,wBAAwB,8QAAgD,CAAA;AAG9E,eAAe,wBAAwB,CAAA"}

package/src/components/message.js

@@ -0,0 +1,37 @@
+"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");
+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));
+}
+function FormattedMessage(props) {
+    var intl = (0, useIntl_1.default)();
+    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 };
+    var nodes = formatMessage(descriptor, values, {
+        ignoreTag: ignoreTag,
+    });
+    if (typeof children === 'function') {
+        return children(Array.isArray(nodes) ? nodes : [nodes]);
+    }
+    if (Component) {
+        return React.createElement(Component, null, React.Children.toArray(nodes));
+    }
+    return React.createElement(React.Fragment, null, nodes);
+}
+FormattedMessage.displayName = 'FormattedMessage';
+var MemoizedFormattedMessage = React.memo(FormattedMessage, areEqual);
+MemoizedFormattedMessage.displayName = 'MemoizedFormattedMessage';
+exports.default = MemoizedFormattedMessage;

package/src/components/plural.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { FormatPluralOptions } from '@formatjs/intl';
+interface Props extends FormatPluralOptions {
+    value: number;
+    other: React.ReactNode;
+    zero?: React.ReactNode;
+    one?: React.ReactNode;
+    two?: React.ReactNode;
+    few?: React.ReactNode;
+    many?: React.ReactNode;
+    children?(value: React.ReactNode): React.ReactElement | null;
+}
+declare const FormattedPlural: React.FC<Props>;
+export default FormattedPlural;
+//# sourceMappingURL=plural.d.ts.map

package/src/components/plural.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plural.d.ts","sourceRoot":"","sources":["plural.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGlD,UAAU,KAAM,SAAQ,mBAAmB;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;CAC7D;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAepC,CAAA;AAQD,eAAe,eAAe,CAAA"}

package/src/components/plural.js

@@ -0,0 +1,29 @@
+"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 FormattedPlural = function (props) {
+    var _a = (0, useIntl_1.default)(), 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;
+    if (typeof children === 'function') {
+        return children(formattedPlural);
+    }
+    if (Text) {
+        return React.createElement(Text, null, formattedPlural);
+    }
+    // Work around @types/react where React.FC cannot return string
+    return formattedPlural;
+};
+FormattedPlural.defaultProps = {
+    type: 'cardinal',
+};
+FormattedPlural.displayName = 'FormattedPlural';
+exports.default = FormattedPlural;

package/src/components/provider.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import type { IntlConfig, IntlShape, ResolvedIntlConfig } from '../types';
+import { IntlCache, CreateIntlFn } from '@formatjs/intl';
+interface State {
+    /**
+     * Explicit intl cache to prevent memory leaks
+     */
+    cache: IntlCache;
+    /**
+     * Intl object we created
+     */
+    intl?: IntlShape;
+    /**
+     * list of memoized config we care about.
+     * This is important since creating intl is
+     * very expensive
+     */
+    prevConfig: IntlConfig;
+}
+/**
+ * Create intl object
+ * @param config intl config
+ * @param cache cache for formatter instances to prevent memory leak
+ */
+export declare const createIntl: CreateIntlFn<React.ReactNode, IntlConfig, IntlShape>;
+export default class IntlProvider extends React.PureComponent<React.PropsWithChildren<IntlConfig>, State> {
+    static displayName: string;
+    static defaultProps: Pick<ResolvedIntlConfig, "onError" | "timeZone" | "fallbackOnEmptyString" | "formats" | "messages" | "defaultLocale" | "defaultFormats" | "textComponent">;
+    private cache;
+    state: State;
+    static getDerivedStateFromProps(props: Readonly<IntlConfig>, { prevConfig, cache }: State): Partial<State> | null;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=provider.d.ts.map

package/src/components/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["provider.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAE,kBAAkB,EAAC,MAAM,UAAU,CAAA;AACvE,OAAO,EAEL,SAAS,EAET,YAAY,EAGb,MAAM,gBAAgB,CAAA;AAQvB,UAAU,KAAK;IACb;;OAEG;IACH,KAAK,EAAE,SAAS,CAAA;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;OAIG;IACH,UAAU,EAAE,UAAU,CAAA;CACvB;AAmED;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,YAAY,CACnC,KAAK,CAAC,SAAS,EACf,UAAU,EACV,SAAS,CAwCV,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,aAAa,CAG3D,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,EACnC,KAAK,CACN;IACC,MAAM,CAAC,WAAW,SAAiB;IACnC,MAAM,CAAC,YAAY,6JAAsB;IACzC,OAAO,CAAC,KAAK,CAA+B;IAC5C,KAAK,EAAE,KAAK,CAIX;IAED,MAAM,CAAC,wBAAwB,CAC7B,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,EAC3B,EAAC,UAAU,EAAE,KAAK,EAAC,EAAE,KAAK,GACzB,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI;IAWxB,MAAM,IAAI,GAAG,CAAC,OAAO;CAItB"}

package/src/components/provider.js

@@ -0,0 +1,116 @@
+"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 React = tslib_1.__importStar(require("react"));
+var injectIntl_1 = require("./injectIntl");
+var utils_1 = require("../utils");
+var intl_1 = require("@formatjs/intl");
+var intl_messageformat_1 = require("intl-messageformat");
+function processIntlConfig(config) {
+    return {
+        locale: config.locale,
+        timeZone: config.timeZone,
+        fallbackOnEmptyString: config.fallbackOnEmptyString,
+        formats: config.formats,
+        textComponent: config.textComponent,
+        messages: config.messages,
+        defaultLocale: config.defaultLocale,
+        defaultFormats: config.defaultFormats,
+        onError: config.onError,
+        onWarn: config.onWarn,
+        wrapRichTextChunksInFragment: config.wrapRichTextChunksInFragment,
+        defaultRichTextElements: config.defaultRichTextElements,
+    };
+}
+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)
+            : v;
+        return acc;
+    }, {});
+}
+var formatMessage = function (config, formatters, descriptor, rawValues) {
+    var rest = [];
+    for (var _i = 4; _i < arguments.length; _i++) {
+        rest[_i - 4] = arguments[_i];
+    }
+    var values = assignUniqueKeysToFormatXMLElementFnArgument(rawValues);
+    var chunks = intl_1.formatMessage.apply(void 0, tslib_1.__spreadArray([config,
+        formatters,
+        descriptor,
+        values], rest, false));
+    if (Array.isArray(chunks)) {
+        return React.Children.toArray(chunks);
+    }
+    return chunks;
+};
+/**
+ * Create intl object
+ * @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"]);
+    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 resolvedConfig = {
+        locale: coreIntl.locale,
+        timeZone: coreIntl.timeZone,
+        fallbackOnEmptyString: coreIntl.fallbackOnEmptyString,
+        formats: coreIntl.formats,
+        defaultLocale: coreIntl.defaultLocale,
+        defaultFormats: coreIntl.defaultFormats,
+        messages: coreIntl.messages,
+        onError: coreIntl.onError,
+        defaultRichTextElements: defaultRichTextElements,
+    };
+    return tslib_1.__assign(tslib_1.__assign({}, coreIntl), { 
+        // @ts-expect-error fix this
+        formatMessage: formatMessage.bind(null, resolvedConfig, 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);
+    function IntlProvider() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.cache = (0, intl_1.createIntlCache)();
+        _this.state = {
+            cache: _this.cache,
+            intl: (0, exports.createIntl)(processIntlConfig(_this.props), _this.cache),
+            prevConfig: processIntlConfig(_this.props),
+        };
+        return _this;
+    }
+    IntlProvider.getDerivedStateFromProps = function (props, _a) {
+        var prevConfig = _a.prevConfig, cache = _a.cache;
+        var config = processIntlConfig(props);
+        if (!(0, utils_1.shallowEqual)(prevConfig, config)) {
+            return {
+                intl: (0, exports.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);
+    };
+    IntlProvider.displayName = 'IntlProvider';
+    IntlProvider.defaultProps = utils_1.DEFAULT_INTL_CONFIG;
+    return IntlProvider;
+}(React.PureComponent));
+exports.default = IntlProvider;

package/src/components/relative.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { RelativeTimeFormatSingularUnit } from '@formatjs/ecma402-abstract';
+import { FormatRelativeTimeOptions } from '@formatjs/intl';
+export interface Props extends FormatRelativeTimeOptions {
+    value?: number;
+    unit?: RelativeTimeFormatSingularUnit;
+    updateIntervalInSeconds?: number;
+    children?(value: string): React.ReactElement | null;
+}
+declare const FormattedRelativeTime: React.FC<Props>;
+export default FormattedRelativeTime;
+//# sourceMappingURL=relative.d.ts.map

package/src/components/relative.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"relative.d.ts","sourceRoot":"","sources":["relative.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAEL,8BAA8B,EAC/B,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAC,yBAAyB,EAAC,MAAM,gBAAgB,CAAA;AAuDxD,MAAM,WAAW,KAAM,SAAQ,yBAAyB;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,8BAA8B,CAAA;IACrC,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;CACpD;AA8BD,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmF1C,CAAA;AAQD,eAAe,qBAAqB,CAAA"}

package/src/components/relative.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("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"));
+var MINUTE = 60;
+var HOUR = 60 * 60;
+var DAY = 60 * 60 * 24;
+function selectUnit(seconds) {
+    var absValue = Math.abs(seconds);
+    if (absValue < MINUTE) {
+        return 'second';
+    }
+    if (absValue < HOUR) {
+        return 'minute';
+    }
+    if (absValue < DAY) {
+        return 'hour';
+    }
+    return 'day';
+}
+function getDurationInSeconds(unit) {
+    switch (unit) {
+        case 'second':
+            return 1;
+        case 'minute':
+            return MINUTE;
+        case 'hour':
+            return HOUR;
+        default:
+            return DAY;
+    }
+}
+function valueToSeconds(value, unit) {
+    if (!value) {
+        return 0;
+    }
+    switch (unit) {
+        case 'second':
+            return value;
+        case 'minute':
+            return value * MINUTE;
+        default:
+            return value * HOUR;
+    }
+}
+var INCREMENTABLE_UNITS = [
+    'second',
+    'minute',
+    'hour',
+];
+function canIncrement(unit) {
+    if (unit === void 0) { unit = 'second'; }
+    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 formattedRelativeTime = formatRelativeTime(value || 0, unit, otherProps);
+    if (typeof children === 'function') {
+        return children(formattedRelativeTime);
+    }
+    if (Text) {
+        return React.createElement(Text, null, formattedRelativeTime);
+    }
+    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 ||
+        !!(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];
+    var _d = React.useState(0), currentValueInSeconds = _d[0], setCurrentValueInSeconds = _d[1];
+    var updateTimer;
+    if (unit !== prevUnit || value !== prevValue) {
+        setPrevValue(value || 0);
+        setPrevUnit(unit);
+        setCurrentValueInSeconds(canIncrement(unit) ? valueToSeconds(value, unit) : 0);
+    }
+    React.useEffect(function () {
+        function clearUpdateTimer() {
+            clearTimeout(updateTimer);
+        }
+        clearUpdateTimer();
+        // If there's no interval and we cannot increment this unit, do nothing
+        if (!updateIntervalInSeconds || !canIncrement(unit)) {
+            return clearUpdateTimer;
+        }
+        // Figure out the next interesting time
+        var nextValueInSeconds = currentValueInSeconds - updateIntervalInSeconds;
+        var nextUnit = selectUnit(nextValueInSeconds);
+        // We've reached the max auto incrementable unit, don't schedule another update
+        if (nextUnit === 'day') {
+            return clearUpdateTimer;
+        }
+        var unitDuration = getDurationInSeconds(nextUnit);
+        var remainder = nextValueInSeconds % unitDuration;
+        var prevInterestingValueInSeconds = nextValueInSeconds - remainder;
+        var nextInterestingValueInSeconds = prevInterestingValueInSeconds >= currentValueInSeconds
+            ? prevInterestingValueInSeconds - unitDuration
+            : prevInterestingValueInSeconds;
+        var delayInSeconds = Math.abs(nextInterestingValueInSeconds - currentValueInSeconds);
+        if (currentValueInSeconds !== nextInterestingValueInSeconds) {
+            updateTimer = setTimeout(function () { return setCurrentValueInSeconds(nextInterestingValueInSeconds); }, delayInSeconds * 1e3);
+        }
+        return clearUpdateTimer;
+    }, [currentValueInSeconds, updateIntervalInSeconds, unit]);
+    var currentValue = value || 0;
+    var currentUnit = unit;
+    if (canIncrement(unit) &&
+        typeof currentValueInSeconds === 'number' &&
+        updateIntervalInSeconds) {
+        currentUnit = selectUnit(currentValueInSeconds);
+        var unitDuration = getDurationInSeconds(currentUnit);
+        currentValue = Math.round(currentValueInSeconds / unitDuration);
+    }
+    return (React.createElement(SimpleFormattedRelativeTime, tslib_1.__assign({ value: currentValue, unit: currentUnit }, otherProps)));
+};
+FormattedRelativeTime.displayName = 'FormattedRelativeTime';
+FormattedRelativeTime.defaultProps = {
+    value: 0,
+    unit: 'second',
+};
+exports.default = FormattedRelativeTime;

package/src/components/useIntl.d.ts

@@ -0,0 +1,3 @@
+import { IntlShape } from '../types';
+export default function useIntl(): IntlShape;
+//# sourceMappingURL=useIntl.d.ts.map

package/src/components/useIntl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntl.d.ts","sourceRoot":"","sources":["useIntl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,UAAU,CAAA;AAElC,MAAM,CAAC,OAAO,UAAU,OAAO,IAAI,SAAS,CAI3C"}

package/src/components/useIntl.js

@@ -0,0 +1,12 @@
+"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);
+    return intl;
+}
+exports.default = useIntl;