react-intl 2.2.0 → 2.3.0

package/src/components/relative.js

@@ -1,163 +0,0 @@
-/*
- * Copyright 2015, Yahoo Inc.
- * Copyrights licensed under the New BSD License.
- * See the accompanying LICENSE file for terms.
- */
-
-import React, {Component, PropTypes} from 'react';
-import {intlShape, relativeFormatPropTypes} from '../types';
-import {invariantIntlContext, shouldIntlComponentUpdate} from '../utils';
-
-const SECOND = 1000;
-const MINUTE = 1000 * 60;
-const HOUR   = 1000 * 60 * 60;
-const DAY    = 1000 * 60 * 60 * 24;
-
-// The maximum timer delay value is a 32-bit signed integer.
-// See: https://mdn.io/setTimeout
-const MAX_TIMER_DELAY = 2147483647;
-
-function selectUnits(delta) {
-    let absDelta = Math.abs(delta);
-
-    if (absDelta < MINUTE) {
-        return 'second';
-    }
-
-    if (absDelta < HOUR) {
-        return 'minute';
-    }
-
-    if (absDelta < DAY) {
-        return 'hour';
-    }
-
-    // The maximum scheduled delay will be measured in days since the maximum
-    // timer delay is less than the number of milliseconds in 25 days.
-    return 'day';
-}
-
-function getUnitDelay(units) {
-    switch (units) {
-    case 'second': return SECOND;
-    case 'minute': return MINUTE;
-    case 'hour'  : return HOUR;
-    case 'day'   : return DAY;
-    default      : return MAX_TIMER_DELAY;
-    }
-}
-
-function isSameDate(a, b) {
-    if (a === b) {
-        return true;
-    }
-
-    let aTime = new Date(a).getTime();
-    let bTime = new Date(b).getTime();
-
-    return isFinite(aTime) && isFinite(bTime) && aTime === bTime;
-}
-
-export default class FormattedRelative extends Component {
-    static displayName = 'FormattedRelative';
-
-    static contextTypes = {
-        intl: intlShape,
-    };
-
-    static propTypes = {
-        ...relativeFormatPropTypes,
-        value         : PropTypes.any.isRequired,
-        format        : PropTypes.string,
-        updateInterval: PropTypes.number,
-        initialNow    : PropTypes.any,
-        children      : PropTypes.func,
-    };
-
-    static defaultProps = {
-        updateInterval: 1000 * 10,
-    };
-
-    constructor(props, context) {
-        super(props, context);
-        invariantIntlContext(context);
-
-        let now = isFinite(props.initialNow) ?
-                Number(props.initialNow) : context.intl.now();
-
-        // `now` is stored as state so that `render()` remains a function of
-        // props + state, instead of accessing `Date.now()` inside `render()`.
-        this.state = {now};
-    }
-
-    scheduleNextUpdate(props, state) {
-        const {updateInterval} = props;
-
-        // If the `updateInterval` is falsy, including `0`, then auto updates
-        // have been turned off, so we bail and skip scheduling an update.
-        if (!updateInterval) {
-            return;
-        }
-
-        let time  = new Date(props.value).getTime();
-        let delta = time - state.now;
-        let units = props.units || selectUnits(delta);
-
-        let unitDelay     = getUnitDelay(units);
-        let unitRemainder = Math.abs(delta % unitDelay);
-
-        // We want the largest possible timer delay which will still display
-        // accurate information while reducing unnecessary re-renders. The delay
-        // should be until the next "interesting" moment, like a tick from
-        // "1 minute ago" to "2 minutes ago" when the delta is 120,000ms.
-        let delay = delta < 0 ?
-            Math.max(updateInterval, unitDelay - unitRemainder) :
-            Math.max(updateInterval, unitRemainder);
-
-        clearTimeout(this._timer);
-
-        this._timer = setTimeout(() => {
-            this.setState({now: this.context.intl.now()});
-        }, delay);
-    }
-
-    componentDidMount() {
-        this.scheduleNextUpdate(this.props, this.state);
-    }
-
-    componentWillReceiveProps({value: nextValue}) {
-        // When the `props.value` date changes, `state.now` needs to be updated,
-        // and the next update can be rescheduled.
-        if (!isSameDate(nextValue, this.props.value)) {
-            this.setState({now: this.context.intl.now()});
-        }
-    }
-
-    shouldComponentUpdate(...next) {
-        return shouldIntlComponentUpdate(this, ...next);
-    }
-
-    componentWillUpdate(nextProps, nextState) {
-        this.scheduleNextUpdate(nextProps, nextState);
-    }
-
-    componentWillUnmount() {
-        clearTimeout(this._timer);
-    }
-
-    render() {
-        const {formatRelative, textComponent: Text} = this.context.intl;
-        const {value, children} = this.props;
-
-        let formattedRelative = formatRelative(value, {
-            ...this.props,
-            ...this.state,
-        });
-
-        if (typeof children === 'function') {
-            return children(formattedRelative);
-        }
-
-        return <Text>{formattedRelative}</Text>;
-    }
-}

package/src/components/time.js

@@ -1,46 +0,0 @@
-/*
- * Copyright 2015, Yahoo Inc.
- * Copyrights licensed under the New BSD License.
- * See the accompanying LICENSE file for terms.
- */
-
-import React, {Component, PropTypes} from 'react';
-import {intlShape, dateTimeFormatPropTypes} from '../types';
-import {invariantIntlContext, shouldIntlComponentUpdate} from '../utils';
-
-export default class FormattedTime extends Component {
-    static displayName = 'FormattedTime';
-
-    static contextTypes = {
-        intl: intlShape,
-    };
-
-    static propTypes = {
-        ...dateTimeFormatPropTypes,
-        value   : PropTypes.any.isRequired,
-        format  : PropTypes.string,
-        children: PropTypes.func,
-    };
-
-    constructor(props, context) {
-        super(props, context);
-        invariantIntlContext(context);
-    }
-
-    shouldComponentUpdate(...next) {
-        return shouldIntlComponentUpdate(this, ...next);
-    }
-
-    render() {
-        const {formatTime, textComponent: Text} = this.context.intl;
-        const {value, children} = this.props;
-
-        let formattedTime = formatTime(value, this.props);
-
-        if (typeof children === 'function') {
-            return children(formattedTime);
-        }
-
-        return <Text>{formattedTime}</Text>;
-    }
-}

package/src/define-messages.js

@@ -1,11 +0,0 @@
-/*
- * Copyright 2015, Yahoo Inc.
- * Copyrights licensed under the New BSD License.
- * See the accompanying LICENSE file for terms.
- */
-
-export default function defineMessages(messageDescriptors) {
-    // This simply returns what's passed-in because it's meant to be a hook for
-    // babel-plugin-react-intl.
-    return messageDescriptors;
-}

package/src/en.js

@@ -1,2 +0,0 @@
-// GENERATED FILE
-export default {"locale":"en","pluralRuleFunction":function (n,ord){var s=String(n).split("."),v0=!s[1],t0=Number(s[0])==n,n10=t0&&s[0].slice(-1),n100=t0&&s[0].slice(-2);if(ord)return n10==1&&n100!=11?"one":n10==2&&n100!=12?"two":n10==3&&n100!=13?"few":"other";return n==1&&v0?"one":"other"},"fields":{"year":{"displayName":"year","relative":{"0":"this year","1":"next year","-1":"last year"},"relativeTime":{"future":{"one":"in {0} year","other":"in {0} years"},"past":{"one":"{0} year ago","other":"{0} years ago"}}},"month":{"displayName":"month","relative":{"0":"this month","1":"next month","-1":"last month"},"relativeTime":{"future":{"one":"in {0} month","other":"in {0} months"},"past":{"one":"{0} month ago","other":"{0} months ago"}}},"day":{"displayName":"day","relative":{"0":"today","1":"tomorrow","-1":"yesterday"},"relativeTime":{"future":{"one":"in {0} day","other":"in {0} days"},"past":{"one":"{0} day ago","other":"{0} days ago"}}},"hour":{"displayName":"hour","relativeTime":{"future":{"one":"in {0} hour","other":"in {0} hours"},"past":{"one":"{0} hour ago","other":"{0} hours ago"}}},"minute":{"displayName":"minute","relativeTime":{"future":{"one":"in {0} minute","other":"in {0} minutes"},"past":{"one":"{0} minute ago","other":"{0} minutes ago"}}},"second":{"displayName":"second","relative":{"0":"now"},"relativeTime":{"future":{"one":"in {0} second","other":"in {0} seconds"},"past":{"one":"{0} second ago","other":"{0} seconds ago"}}}}};

package/src/format.js

@@ -1,275 +0,0 @@
-/*
- * Copyright 2015, Yahoo Inc.
- * Copyrights licensed under the New BSD License.
- * See the accompanying LICENSE file for terms.
- */
-
-import invariant from 'invariant';
-import IntlRelativeFormat from 'intl-relativeformat';
-
-import {
-    dateTimeFormatPropTypes,
-    numberFormatPropTypes,
-    relativeFormatPropTypes,
-    pluralFormatPropTypes,
-} from './types';
-
-import {
-    escape,
-    filterProps,
-} from './utils';
-
-const DATE_TIME_FORMAT_OPTIONS = Object.keys(dateTimeFormatPropTypes);
-const NUMBER_FORMAT_OPTIONS    = Object.keys(numberFormatPropTypes);
-const RELATIVE_FORMAT_OPTIONS  = Object.keys(relativeFormatPropTypes);
-const PLURAL_FORMAT_OPTIONS    = Object.keys(pluralFormatPropTypes);
-
-const RELATIVE_FORMAT_THRESHOLDS = {
-    second: 60, // seconds to minute
-    minute: 60, // minutes to hour
-    hour  : 24, // hours to day
-    day   : 30, // days to month
-    month : 12, // months to year
-};
-
-function updateRelativeFormatThresholds(newThresholds) {
-    const {thresholds} = IntlRelativeFormat;
-    ({
-        second: thresholds.second,
-        minute: thresholds.minute,
-        hour  : thresholds.hour,
-        day   : thresholds.day,
-        month : thresholds.month,
-    } = newThresholds);
-}
-
-function getNamedFormat(formats, type, name) {
-    let format = formats && formats[type] && formats[type][name];
-    if (format) {
-        return format;
-    }
-
-    if (process.env.NODE_ENV !== 'production') {
-        console.error(
-            `[React Intl] No ${type} format named: ${name}`
-        );
-    }
-}
-
-export function formatDate(config, state, value, options = {}) {
-    const {locale, formats} = config;
-    const {format}          = options;
-
-    let date            = new Date(value);
-    let defaults        = format && getNamedFormat(formats, 'date', format);
-    let filteredOptions = filterProps(options, DATE_TIME_FORMAT_OPTIONS, defaults);
-
-    try {
-        return state.getDateTimeFormat(locale, filteredOptions).format(date);
-    } catch (e) {
-        if (process.env.NODE_ENV !== 'production') {
-            console.error(
-                `[React Intl] Error formatting date.\n${e}`
-            );
-        }
-    }
-
-    return String(date);
-}
-
-export function formatTime(config, state, value, options = {}) {
-    const {locale, formats} = config;
-    const {format}          = options;
-
-    let date            = new Date(value);
-    let defaults        = format && getNamedFormat(formats, 'time', format);
-    let filteredOptions = filterProps(options, DATE_TIME_FORMAT_OPTIONS, defaults);
-
-    if (!filteredOptions.hour && !filteredOptions.minute && !filteredOptions.second) {
-        // Add default formatting options if hour, minute, or second isn't defined.
-        filteredOptions = { ...filteredOptions, hour: 'numeric', minute: 'numeric'};
-    }
-
-    try {
-        return state.getDateTimeFormat(locale, filteredOptions).format(date);
-    } catch (e) {
-        if (process.env.NODE_ENV !== 'production') {
-            console.error(
-                `[React Intl] Error formatting time.\n${e}`
-            );
-        }
-    }
-
-    return String(date);
-}
-
-export function formatRelative(config, state, value, options = {}) {
-    const {locale, formats} = config;
-    const {format}          = options;
-
-    let date            = new Date(value);
-    let now             = new Date(options.now);
-    let defaults        = format && getNamedFormat(formats, 'relative', format);
-    let filteredOptions = filterProps(options, RELATIVE_FORMAT_OPTIONS, defaults);
-
-    // Capture the current threshold values, then temporarily override them with
-    // specific values just for this render.
-    const oldThresholds = {...IntlRelativeFormat.thresholds};
-    updateRelativeFormatThresholds(RELATIVE_FORMAT_THRESHOLDS);
-
-    try {
-        return state.getRelativeFormat(locale, filteredOptions).format(date, {
-            now: isFinite(now) ? now : state.now(),
-        });
-    } catch (e) {
-        if (process.env.NODE_ENV !== 'production') {
-            console.error(
-                `[React Intl] Error formatting relative time.\n${e}`
-            );
-        }
-    } finally {
-        updateRelativeFormatThresholds(oldThresholds);
-    }
-
-    return String(date);
-}
-
-export function formatNumber(config, state, value, options = {}) {
-    const {locale, formats} = config;
-    const {format}          = options;
-
-    let defaults        = format && getNamedFormat(formats, 'number', format);
-    let filteredOptions = filterProps(options, NUMBER_FORMAT_OPTIONS, defaults);
-
-    try {
-        return state.getNumberFormat(locale, filteredOptions).format(value);
-    } catch (e) {
-        if (process.env.NODE_ENV !== 'production') {
-            console.error(
-                `[React Intl] Error formatting number.\n${e}`
-            );
-        }
-    }
-
-    return String(value);
-}
-
-export function formatPlural(config, state, value, options = {}) {
-    const {locale} = config;
-
-    let filteredOptions = filterProps(options, PLURAL_FORMAT_OPTIONS);
-
-    try {
-        return state.getPluralFormat(locale, filteredOptions).format(value);
-    } catch (e) {
-        if (process.env.NODE_ENV !== 'production') {
-            console.error(
-                `[React Intl] Error formatting plural.\n${e}`
-            );
-        }
-    }
-
-    return 'other';
-}
-
-export function formatMessage(config, state, messageDescriptor = {}, values = {}) {
-    const {
-        locale,
-        formats,
-        messages,
-        defaultLocale,
-        defaultFormats,
-    } = config;
-
-    const {
-        id,
-        defaultMessage,
-    } = messageDescriptor;
-
-    // `id` is a required field of a Message Descriptor.
-    invariant(id, '[React Intl] An `id` must be provided to format a message.');
-
-    const message   = messages && messages[id];
-    const hasValues = Object.keys(values).length > 0;
-
-    // Avoid expensive message formatting for simple messages without values. In
-    // development messages will always be formatted in case of missing values.
-    if (!hasValues && process.env.NODE_ENV === 'production') {
-        return message || defaultMessage || id;
-    }
-
-    let formattedMessage;
-
-    if (message) {
-        try {
-            let formatter = state.getMessageFormat(
-                message, locale, formats
-            );
-
-            formattedMessage = formatter.format(values);
-        } catch (e) {
-            if (process.env.NODE_ENV !== 'production') {
-                console.error(
-                    `[React Intl] Error formatting message: "${id}" for locale: "${locale}"` +
-                    (defaultMessage ? ', using default message as fallback.' : '') +
-                    `\n${e}`
-                );
-            }
-        }
-    } else {
-        if (process.env.NODE_ENV !== 'production') {
-            // This prevents warnings from littering the console in development
-            // when no `messages` are passed into the <IntlProvider> for the
-            // default locale, and a default message is in the source.
-            if (!defaultMessage ||
-                (locale && locale.toLowerCase() !== defaultLocale.toLowerCase())) {
-
-                console.error(
-                    `[React Intl] Missing message: "${id}" for locale: "${locale}"` +
-                    (defaultMessage ? ', using default message as fallback.' : '')
-                );
-            }
-        }
-    }
-
-    if (!formattedMessage && defaultMessage) {
-        try {
-            let formatter = state.getMessageFormat(
-                defaultMessage, defaultLocale, defaultFormats
-            );
-
-            formattedMessage = formatter.format(values);
-        } catch (e) {
-            if (process.env.NODE_ENV !== 'production') {
-                console.error(
-                    `[React Intl] Error formatting the default message for: "${id}"` +
-                    `\n${e}`
-                );
-            }
-        }
-    }
-
-    if (!formattedMessage) {
-        if (process.env.NODE_ENV !== 'production') {
-            console.error(
-                `[React Intl] Cannot format message: "${id}", ` +
-                `using message ${message || defaultMessage ? 'source' : 'id'} as fallback.`
-            );
-        }
-    }
-
-    return formattedMessage || message || defaultMessage || id;
-}
-
-export function formatHTMLMessage(config, state, messageDescriptor, rawValues = {}) {
-    // Process all the values before they are used when formatting the ICU
-    // Message string. Since the formatted message might be injected via
-    // `innerHTML`, all String-based values need to be HTML-escaped.
-    let escapedValues = Object.keys(rawValues).reduce((escaped, name) => {
-        let value = rawValues[name];
-        escaped[name] = typeof value === 'string' ? escape(value) : value;
-        return escaped;
-    }, {});
-
-    return formatMessage(config, state, messageDescriptor, escapedValues);
-}

package/src/index.js

@@ -1,12 +0,0 @@
-/*
- * Copyright 2015, Yahoo Inc.
- * Copyrights licensed under the New BSD License.
- * See the accompanying LICENSE file for terms.
- */
-
-import allLocaleData from '../locale-data/index';
-import {addLocaleData} from './react-intl';
-
-export * from './react-intl';
-
-addLocaleData(allLocaleData);

package/src/inject.js

@@ -1,61 +0,0 @@
-/*
- * Copyright 2015, Yahoo Inc.
- * Copyrights licensed under the New BSD License.
- * See the accompanying LICENSE file for terms.
- */
-
-// Inspired by react-redux's `connect()` HOC factory function implementation:
-// https://github.com/rackt/react-redux
-
-import React, {Component} from 'react';
-import invariant from 'invariant';
-import {intlShape} from './types';
-import {invariantIntlContext} from './utils';
-
-function getDisplayName(Component) {
-    return Component.displayName || Component.name || 'Component';
-}
-
-export default function injectIntl(WrappedComponent, options = {}) {
-    const {
-        intlPropName = 'intl',
-        withRef      = false,
-    } = options;
-
-    class InjectIntl extends Component {
-        static displayName = `InjectIntl(${getDisplayName(WrappedComponent)})`;
-
-        static contextTypes = {
-            intl: intlShape,
-        };
-
-        static WrappedComponent = WrappedComponent;
-
-        constructor(props, context) {
-            super(props, context);
-            invariantIntlContext(context);
-        }
-
-        getWrappedInstance() {
-            invariant(withRef,
-                '[React Intl] To access the wrapped instance, ' +
-                'the `{withRef: true}` option must be set when calling: ' +
-                '`injectIntl()`'
-            );
-
-            return this.refs.wrappedInstance;
-        }
-
-        render() {
-            return (
-                <WrappedComponent
-                    {...this.props}
-                    {...{[intlPropName]: this.context.intl}}
-                    ref={withRef ? 'wrappedInstance' : null}
-                />
-            );
-        }
-    }
-
-    return InjectIntl;
-}

package/src/locale-data-registry.js

@@ -1,42 +0,0 @@
-/*
- * Copyright 2015, Yahoo Inc.
- * Copyrights licensed under the New BSD License.
- * See the accompanying LICENSE file for terms.
- */
-
-import IntlMessageFormat from 'intl-messageformat';
-import IntlRelativeFormat from 'intl-relativeformat';
-
-export function addLocaleData(data = []) {
-    let locales = Array.isArray(data) ? data : [data];
-
-    locales.forEach((localeData) => {
-        if (localeData && localeData.locale) {
-            IntlMessageFormat.__addLocaleData(localeData);
-            IntlRelativeFormat.__addLocaleData(localeData);
-        }
-    });
-}
-
-export function hasLocaleData(locale) {
-    let localeParts = (locale || '').split('-');
-
-    while (localeParts.length > 0) {
-        if (hasIMFAndIRFLocaleData(localeParts.join('-'))) {
-            return true;
-        }
-
-        localeParts.pop();
-    }
-
-    return false;
-}
-
-function hasIMFAndIRFLocaleData(locale) {
-    let normalizedLocale = locale && locale.toLowerCase();
-
-    return !!(
-        IntlMessageFormat.__localeData__[normalizedLocale] &&
-        IntlRelativeFormat.__localeData__[normalizedLocale]
-    );
-}

package/src/plural.js

@@ -1,28 +0,0 @@
-/*
- * Copyright 2015, Yahoo Inc.
- * Copyrights licensed under the New BSD License.
- * See the accompanying LICENSE file for terms.
- */
-
-// This is a "hack" until a proper `intl-pluralformat` package is created.
-
-import IntlMessageFormat from 'intl-messageformat';
-
-function resolveLocale(locales) {
-    // IntlMessageFormat#_resolveLocale() does not depend on `this`.
-    return IntlMessageFormat.prototype._resolveLocale(locales);
-}
-
-function findPluralFunction(locale) {
-    // IntlMessageFormat#_findPluralFunction() does not depend on `this`.
-    return IntlMessageFormat.prototype._findPluralRuleFunction(locale);
-}
-
-export default class IntlPluralFormat {
-    constructor(locales, options = {}) {
-        let useOrdinal = options.style === 'ordinal';
-        let pluralFn   = findPluralFunction(resolveLocale(locales));
-
-        this.format = (value) => pluralFn(value, useOrdinal);
-    }
-}

package/src/react-intl.js

@@ -1,24 +0,0 @@
-/*
- * Copyright 2015, Yahoo Inc.
- * Copyrights licensed under the New BSD License.
- * See the accompanying LICENSE file for terms.
- */
-
-import defaultLocaleData from './en';
-import {addLocaleData} from './locale-data-registry';
-
-addLocaleData(defaultLocaleData);
-
-export {addLocaleData};
-export {intlShape} from './types';
-export {default as injectIntl} from './inject';
-export {default as defineMessages} from './define-messages';
-
-export {default as IntlProvider} from './components/provider';
-export {default as FormattedDate} from './components/date';
-export {default as FormattedTime} from './components/time';
-export {default as FormattedRelative} from './components/relative';
-export {default as FormattedNumber} from './components/number';
-export {default as FormattedPlural} from './components/plural';
-export {default as FormattedMessage} from './components/message';
-export {default as FormattedHTMLMessage} from './components/html-message';