react-intl 2.2.0 → 2.3.0

package/src/components/date.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 FormattedDate extends Component {
-    static displayName = 'FormattedDate';
-
-    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 {formatDate, textComponent: Text} = this.context.intl;
-        const {value, children} = this.props;
-
-        let formattedDate = formatDate(value, this.props);
-
-        if (typeof children === 'function') {
-            return children(formattedDate);
-        }
-
-        return <Text>{formattedDate}</Text>;
-    }
-}

package/src/components/html-message.js

@@ -1,87 +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, messageDescriptorPropTypes} from '../types';
-import {
-    invariantIntlContext,
-    shallowEquals,
-    shouldIntlComponentUpdate,
-} from '../utils';
-
-export default class FormattedHTMLMessage extends Component {
-    static displayName = 'FormattedHTMLMessage';
-
-    static contextTypes = {
-        intl: intlShape,
-    };
-
-    static propTypes = {
-        ...messageDescriptorPropTypes,
-        values  : PropTypes.object,
-        tagName : PropTypes.string,
-        children: PropTypes.func,
-    };
-
-    static defaultProps = {
-        values: {},
-    };
-
-    constructor(props, context) {
-        super(props, context);
-        invariantIntlContext(context);
-    }
-
-    shouldComponentUpdate(nextProps, ...next) {
-        const {values}             = this.props;
-        const {values: nextValues} = nextProps;
-
-        if (!shallowEquals(nextValues, values)) {
-            return true;
-        }
-
-        // Since `values` has already been checked, we know they're not
-        // different, so the current `values` are carried over so the shallow
-        // equals comparison on the other props isn't affected by the `values`.
-        let nextPropsToCheck = {
-            ...nextProps,
-            values,
-        };
-
-        return shouldIntlComponentUpdate(this, nextPropsToCheck, ...next);
-    }
-
-    render() {
-        const {formatHTMLMessage, textComponent: Text} = this.context.intl;
-
-        const {
-            id,
-            description,
-            defaultMessage,
-            values: rawValues,
-            tagName: Component = Text,
-            children,
-        } = this.props;
-
-        let descriptor           = {id, description, defaultMessage};
-        let formattedHTMLMessage = formatHTMLMessage(descriptor, rawValues);
-
-        if (typeof children === 'function') {
-            return children(formattedHTMLMessage);
-        }
-
-        // Since the message presumably has HTML in it, we need to set
-        // `innerHTML` in order for it to be rendered and not escaped by React.
-        // To be safe, all string prop values were escaped when formatting the
-        // message. It is assumed that the message is not UGC, and came from the
-        // developer making it more like a template.
-        //
-        // Note: There's a perf impact of using this component since there's no
-        // way for React to do its virtual DOM diffing.
-        const html = {__html: formattedHTMLMessage};
-        return <Component dangerouslySetInnerHTML={html}/>;
-    }
-}

package/src/components/message.js

@@ -1,134 +0,0 @@
-/*
- * Copyright 2015, Yahoo Inc.
- * Copyrights licensed under the New BSD License.
- * See the accompanying LICENSE file for terms.
- */
-
-import React, {Component, PropTypes, isValidElement} from 'react';
-import {intlShape, messageDescriptorPropTypes} from '../types';
-import {
-    invariantIntlContext,
-    shallowEquals,
-    shouldIntlComponentUpdate,
-} from '../utils';
-
-export default class FormattedMessage extends Component {
-    static displayName = 'FormattedMessage';
-
-    static contextTypes = {
-        intl: intlShape,
-    };
-
-    static propTypes = {
-        ...messageDescriptorPropTypes,
-        values  : PropTypes.object,
-        tagName : PropTypes.string,
-        children: PropTypes.func,
-    };
-
-    static defaultProps = {
-        values : {},
-    };
-
-    constructor(props, context) {
-        super(props, context);
-        invariantIntlContext(context);
-    }
-
-    shouldComponentUpdate(nextProps, ...next) {
-        const {values}             = this.props;
-        const {values: nextValues} = nextProps;
-
-        if (!shallowEquals(nextValues, values)) {
-            return true;
-        }
-
-        // Since `values` has already been checked, we know they're not
-        // different, so the current `values` are carried over so the shallow
-        // equals comparison on the other props isn't affected by the `values`.
-        let nextPropsToCheck = {
-            ...nextProps,
-            values,
-        };
-
-        return shouldIntlComponentUpdate(this, nextPropsToCheck, ...next);
-    }
-
-    render() {
-        const {formatMessage, textComponent: Text} = this.context.intl;
-
-        const {
-            id,
-            description,
-            defaultMessage,
-            values,
-            tagName: Component = Text,
-            children,
-        } = this.props;
-
-        let tokenDelimiter;
-        let tokenizedValues;
-        let elements;
-
-        let hasValues = values && Object.keys(values).length > 0;
-        if (hasValues) {
-            // Creates a token with a random UID that should not be guessable or
-            // conflict with other parts of the `message` string.
-            let uid = Math.floor(Math.random() * 0x10000000000).toString(16);
-
-            let generateToken = (() => {
-                let counter = 0;
-                return () => `ELEMENT-${uid}-${counter += 1}`;
-            })();
-
-            // Splitting with a delimiter to support IE8. When using a regex
-            // with a capture group IE8 does not include the capture group in
-            // the resulting array.
-            tokenDelimiter  = `@__${uid}__@`;
-            tokenizedValues = {};
-            elements        = {};
-
-            // Iterates over the `props` to keep track of any React Element
-            // values so they can be represented by the `token` as a placeholder
-            // when the `message` is formatted. This allows the formatted
-            // message to then be broken-up into parts with references to the
-            // React Elements inserted back in.
-            Object.keys(values).forEach((name) => {
-                let value = values[name];
-
-                if (isValidElement(value)) {
-                    let token = generateToken();
-                    tokenizedValues[name] = tokenDelimiter + token + tokenDelimiter;
-                    elements[token]       = value;
-                } else {
-                    tokenizedValues[name] = value;
-                }
-            });
-        }
-
-        let descriptor       = {id, description, defaultMessage};
-        let formattedMessage = formatMessage(descriptor, tokenizedValues || values);
-
-        let nodes;
-
-        let hasElements = elements && Object.keys(elements).length > 0;
-        if (hasElements) {
-            // Split the message into parts so the React Element values captured
-            // above can be inserted back into the rendered message. This
-            // approach allows messages to render with React Elements while
-            // keeping React's virtual diffing working properly.
-            nodes = formattedMessage
-                .split(tokenDelimiter)
-                .filter((part) => !!part)
-                .map((part) => elements[part] || part);
-        } else {
-            nodes = [formattedMessage];
-        }
-
-        if (typeof children === 'function') {
-            return children(...nodes);
-        }
-
-        return <Component>{nodes}</Component>;
-    }
-}

package/src/components/number.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, numberFormatPropTypes} from '../types';
-import {invariantIntlContext, shouldIntlComponentUpdate} from '../utils';
-
-export default class FormattedNumber extends Component {
-    static displayName = 'FormattedNumber';
-
-    static contextTypes = {
-        intl: intlShape,
-    };
-
-    static propTypes = {
-        ...numberFormatPropTypes,
-        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 {formatNumber, textComponent: Text} = this.context.intl;
-        const {value, children} = this.props;
-
-        let formattedNumber = formatNumber(value, this.props);
-
-        if (typeof children === 'function') {
-            return children(formattedNumber);
-        }
-
-        return <Text>{formattedNumber}</Text>;
-    }
-}

package/src/components/plural.js

@@ -1,58 +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, pluralFormatPropTypes} from '../types';
-import {invariantIntlContext, shouldIntlComponentUpdate} from '../utils';
-
-export default class FormattedPlural extends Component {
-    static displayName = 'FormattedPlural';
-
-    static contextTypes = {
-        intl: intlShape,
-    };
-
-    static propTypes = {
-        ...pluralFormatPropTypes,
-        value: PropTypes.any.isRequired,
-
-        other: PropTypes.node.isRequired,
-        zero : PropTypes.node,
-        one  : PropTypes.node,
-        two  : PropTypes.node,
-        few  : PropTypes.node,
-        many : PropTypes.node,
-
-        children: PropTypes.func,
-    };
-
-    static defaultProps = {
-        style: 'cardinal',
-    };
-
-    constructor(props, context) {
-        super(props, context);
-        invariantIntlContext(context);
-    }
-
-    shouldComponentUpdate(...next) {
-        return shouldIntlComponentUpdate(this, ...next);
-    }
-
-    render() {
-        const {formatPlural, textComponent: Text} = this.context.intl;
-        const {value, other, children} = this.props;
-
-        let pluralCategory  = formatPlural(value, this.props);
-        let formattedPlural = this.props[pluralCategory] || other;
-
-        if (typeof children === 'function') {
-            return children(formattedPlural);
-        }
-
-        return <Text>{formattedPlural}</Text>;
-    }
-}

package/src/components/provider.js

@@ -1,176 +0,0 @@
-/*
- * Copyright 2015, Yahoo Inc.
- * Copyrights licensed under the New BSD License.
- * See the accompanying LICENSE file for terms.
- */
-
-import {Component, Children, PropTypes} from 'react';
-import IntlMessageFormat from 'intl-messageformat';
-import IntlRelativeFormat from 'intl-relativeformat';
-import IntlPluralFormat from '../plural';
-import memoizeIntlConstructor from 'intl-format-cache';
-import invariant from 'invariant';
-import {shouldIntlComponentUpdate, filterProps} from '../utils';
-import {intlConfigPropTypes, intlFormatPropTypes, intlShape} from '../types';
-import * as format from '../format';
-import {hasLocaleData} from '../locale-data-registry';
-
-const intlConfigPropNames = Object.keys(intlConfigPropTypes);
-const intlFormatPropNames = Object.keys(intlFormatPropTypes);
-
-// These are not a static property on the `IntlProvider` class so the intl
-// config values can be inherited from an <IntlProvider> ancestor.
-const defaultProps = {
-    formats : {},
-    messages: {},
-    textComponent: 'span',
-
-    defaultLocale : 'en',
-    defaultFormats: {},
-};
-
-export default class IntlProvider extends Component {
-    static displayName = 'IntlProvider';
-
-    static contextTypes = {
-        intl: intlShape,
-    };
-
-    static childContextTypes = {
-        intl: intlShape.isRequired,
-    };
-
-    static propTypes = {
-        ...intlConfigPropTypes,
-        children  : PropTypes.element.isRequired,
-        initialNow: PropTypes.any,
-    };
-
-    constructor(props, context = {}) {
-        super(props, context);
-
-        invariant(typeof Intl !== 'undefined',
-            '[React Intl] The `Intl` APIs must be available in the runtime, ' +
-            'and do not appear to be built-in. An `Intl` polyfill should be loaded.\n' +
-            'See: http://formatjs.io/guides/runtime-environments/'
-        );
-
-        const {intl: intlContext} = context;
-
-        // Used to stabilize time when performing an initial rendering so that
-        // all relative times use the same reference "now" time.
-        let initialNow;
-        if (isFinite(props.initialNow)) {
-            initialNow = Number(props.initialNow);
-        } else {
-            // When an `initialNow` isn't provided via `props`, look to see an
-            // <IntlProvider> exists in the ancestry and call its `now()`
-            // function to propagate its value for "now".
-            initialNow = intlContext ? intlContext.now() : Date.now();
-        }
-
-        // Creating `Intl*` formatters is expensive. If there's a parent
-        // `<IntlProvider>`, then its formatters will be used. Otherwise, this
-        // memoize the `Intl*` constructors and cache them for the lifecycle of
-        // this IntlProvider instance.
-        const {formatters = {
-            getDateTimeFormat: memoizeIntlConstructor(Intl.DateTimeFormat),
-            getNumberFormat  : memoizeIntlConstructor(Intl.NumberFormat),
-            getMessageFormat : memoizeIntlConstructor(IntlMessageFormat),
-            getRelativeFormat: memoizeIntlConstructor(IntlRelativeFormat),
-            getPluralFormat  : memoizeIntlConstructor(IntlPluralFormat),
-        }} = (intlContext || {});
-
-        this.state = {
-            ...formatters,
-
-            // Wrapper to provide stable "now" time for initial render.
-            now: () => {
-                return this._didDisplay ? Date.now() : initialNow;
-            },
-        };
-    }
-
-    getConfig() {
-        const {intl: intlContext} = this.context;
-
-        // Build a whitelisted config object from `props`, defaults, and
-        // `context.intl`, if an <IntlProvider> exists in the ancestry.
-        let config = filterProps(this.props, intlConfigPropNames, intlContext);
-
-        // Apply default props. This must be applied last after the props have
-        // been resolved and inherited from any <IntlProvider> in the ancestry.
-        // This matches how React resolves `defaultProps`.
-        for (let propName in defaultProps) {
-            if (config[propName] === undefined) {
-                config[propName] = defaultProps[propName];
-            }
-        }
-
-        if (!hasLocaleData(config.locale)) {
-            const {
-                locale,
-                defaultLocale,
-                defaultFormats,
-            } = config;
-
-            if (process.env.NODE_ENV !== 'production') {
-                console.error(
-                    `[React Intl] Missing locale data for locale: "${locale}". ` +
-                    `Using default locale: "${defaultLocale}" as fallback.`
-                );
-            }
-
-            // Since there's no registered locale data for `locale`, this will
-            // fallback to the `defaultLocale` to make sure things can render.
-            // The `messages` are overridden to the `defaultProps` empty object
-            // to maintain referential equality across re-renders. It's assumed
-            // each <FormattedMessage> contains a `defaultMessage` prop.
-            config = {
-                ...config,
-                locale  : defaultLocale,
-                formats : defaultFormats,
-                messages: defaultProps.messages,
-            };
-        }
-
-        return config;
-    }
-
-    getBoundFormatFns(config, state) {
-        return intlFormatPropNames.reduce((boundFormatFns, name) => {
-            boundFormatFns[name] = format[name].bind(null, config, state);
-            return boundFormatFns;
-        }, {});
-    }
-
-    getChildContext() {
-        const config = this.getConfig();
-
-        // Bind intl factories and current config to the format functions.
-        const boundFormatFns = this.getBoundFormatFns(config, this.state);
-
-        const {now, ...formatters} = this.state;
-
-        return {
-            intl: {
-                ...config,
-                ...boundFormatFns,
-                formatters,
-                now,
-            },
-        };
-    }
-
-    shouldComponentUpdate(...next) {
-        return shouldIntlComponentUpdate(this, ...next);
-    }
-
-    componentDidMount() {
-        this._didDisplay = true;
-    }
-
-    render() {
-        return Children.only(this.props.children);
-    }
-}