react-intl 2.2.3 → 2.3.0

package/CONTRIBUTING.md

@@ -33,3 +33,23 @@ Pull requests are very welcome, but should be within the scope of the project, a
 
 [pr]: https://github.com/yahoo/react-intl/compare/
 [fork]: https://github.com/yahoo/react-intl/fork/
+
+## Releasing a new version
+
+The following the process to release a new version of the `react-intl` package on npm. This repo uses a protected `master` branch so the process involves creating a Pull Request for the version bump:
+
+1. Make sure local `node_modules` is up to date: `rm -rf node_modules && npm install`.
+
+2. Create a release branch from `master`: `git checkout -b release`
+
+3. Bump version using `npm version` and choose appropriate `patch`, `minor`, `major` argument.
+
+4. Create a Pull Request for your local `release` branch so Travis CI tests run.
+
+5. If all the tests pass successfully, publish your local `release` branch to npm: `npm publish`.
+
+6. Push the Git tag to the main fork: `git push upstream --tags`.
+
+7. Merge the `release` branch PR into `master` **and make sure to create a merge commit** so the Git tag matches.
+
+8. Create a [release](https://github.com/yahoo/react-intl/releases) post for the new release Git tag.

package/dist/react-intl.js

@@ -5,16 +5,17 @@
  */
 
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
-	typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
-	(factory((global.ReactIntl = global.ReactIntl || {}),global.React));
-}(this, (function (exports,React) { 'use strict';
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('prop-types'), require('react')) :
+	typeof define === 'function' && define.amd ? define(['exports', 'prop-types', 'react'], factory) :
+	(factory((global.ReactIntl = global.ReactIntl || {}),global.PropTypes,global.React));
+}(this, (function (exports,PropTypes,React) { 'use strict';
 
 if (typeof React === 'undefined') {
     throw new ReferenceError('React must be loaded before ReactIntl.');
 }
 
 
+PropTypes = 'default' in PropTypes ? PropTypes['default'] : PropTypes;
 var React__default = 'default' in React ? React['default'] : React;
 
 // GENERATED FILE
@@ -2553,14 +2554,14 @@ var toConsumableArray = function (arr) {
  * See the accompanying LICENSE file for terms.
  */
 
-var bool = React.PropTypes.bool;
-var number = React.PropTypes.number;
-var string = React.PropTypes.string;
-var func = React.PropTypes.func;
-var object = React.PropTypes.object;
-var oneOf = React.PropTypes.oneOf;
-var shape = React.PropTypes.shape;
-var any = React.PropTypes.any;
+var bool = PropTypes.bool;
+var number = PropTypes.number;
+var string = PropTypes.string;
+var func = PropTypes.func;
+var object = PropTypes.object;
+var oneOf = PropTypes.oneOf;
+var shape = PropTypes.shape;
+var any = PropTypes.any;
 
 var localeMatcher = oneOf(['best fit', 'lookup']);
 var narrowShortLong = oneOf(['narrow', 'short', 'long']);
@@ -3463,8 +3464,8 @@ IntlProvider.childContextTypes = {
     intl: intlShape.isRequired
 };
 IntlProvider.propTypes = _extends({}, intlConfigPropTypes, {
-    children: React.PropTypes.element.isRequired,
-    initialNow: React.PropTypes.any
+    children: PropTypes.element.isRequired,
+    initialNow: PropTypes.any
 });
 
 /*
@@ -3526,9 +3527,9 @@ FormattedDate.contextTypes = {
     intl: intlShape
 };
 FormattedDate.propTypes = _extends({}, dateTimeFormatPropTypes, {
-    value: React.PropTypes.any.isRequired,
-    format: React.PropTypes.string,
-    children: React.PropTypes.func
+    value: PropTypes.any.isRequired,
+    format: PropTypes.string,
+    children: PropTypes.func
 });
 
 /*
@@ -3590,9 +3591,9 @@ FormattedTime.contextTypes = {
     intl: intlShape
 };
 FormattedTime.propTypes = _extends({}, dateTimeFormatPropTypes, {
-    value: React.PropTypes.any.isRequired,
-    format: React.PropTypes.string,
-    children: React.PropTypes.func
+    value: PropTypes.any.isRequired,
+    format: PropTypes.string,
+    children: PropTypes.func
 });
 
 /*
@@ -3679,20 +3680,24 @@ var FormattedRelative = function (_Component) {
         value: function scheduleNextUpdate(props, state) {
             var _this2 = this;
 
-            var updateInterval = props.updateInterval;
+            // Cancel and pending update because we're scheduling a new update.
+            clearTimeout(this._timer);
+
+            var value = props.value,
+                units = props.units,
+                updateInterval = props.updateInterval;
 
-            // If the `updateInterval` is falsy, including `0`, then auto updates
-            // have been turned off, so we bail and skip scheduling an update.
+            var time = new Date(value).getTime();
 
-            if (!updateInterval) {
+            // If the `updateInterval` is falsy, including `0` or we don't have a
+            // valid date, then auto updates have been turned off, so we bail and
+            // skip scheduling an update.
+            if (!updateInterval || !isFinite(time)) {
                 return;
             }
 
-            var time = new Date(props.value).getTime();
             var delta = time - state.now;
-            var units = props.units || selectUnits(delta);
-
-            var unitDelay = getUnitDelay(units);
+            var unitDelay = getUnitDelay(units || selectUnits(delta));
             var unitRemainder = Math.abs(delta % unitDelay);
 
             // We want the largest possible timer delay which will still display
@@ -3701,8 +3706,6 @@ var FormattedRelative = function (_Component) {
             // "1 minute ago" to "2 minutes ago" when the delta is 120,000ms.
             var delay = delta < 0 ? Math.max(updateInterval, unitDelay - unitRemainder) : Math.max(updateInterval, unitRemainder);
 
-            clearTimeout(this._timer);
-
             this._timer = setTimeout(function () {
                 _this2.setState({ now: _this2.context.intl.now() });
             }, delay);
@@ -3777,11 +3780,11 @@ FormattedRelative.defaultProps = {
     updateInterval: 1000 * 10
 };
 FormattedRelative.propTypes = _extends({}, relativeFormatPropTypes, {
-    value: React.PropTypes.any.isRequired,
-    format: React.PropTypes.string,
-    updateInterval: React.PropTypes.number,
-    initialNow: React.PropTypes.any,
-    children: React.PropTypes.func
+    value: PropTypes.any.isRequired,
+    format: PropTypes.string,
+    updateInterval: PropTypes.number,
+    initialNow: PropTypes.any,
+    children: PropTypes.func
 });
 
 /*
@@ -3843,9 +3846,9 @@ FormattedNumber.contextTypes = {
     intl: intlShape
 };
 FormattedNumber.propTypes = _extends({}, numberFormatPropTypes, {
-    value: React.PropTypes.any.isRequired,
-    format: React.PropTypes.string,
-    children: React.PropTypes.func
+    value: PropTypes.any.isRequired,
+    format: PropTypes.string,
+    children: PropTypes.func
 });
 
 /*
@@ -3912,16 +3915,16 @@ FormattedPlural.defaultProps = {
     style: 'cardinal'
 };
 FormattedPlural.propTypes = _extends({}, pluralFormatPropTypes, {
-    value: React.PropTypes.any.isRequired,
+    value: PropTypes.any.isRequired,
 
-    other: React.PropTypes.node.isRequired,
-    zero: React.PropTypes.node,
-    one: React.PropTypes.node,
-    two: React.PropTypes.node,
-    few: React.PropTypes.node,
-    many: React.PropTypes.node,
+    other: PropTypes.node.isRequired,
+    zero: PropTypes.node,
+    one: PropTypes.node,
+    two: PropTypes.node,
+    few: PropTypes.node,
+    many: PropTypes.node,
 
-    children: React.PropTypes.func
+    children: PropTypes.func
 });
 
 /*
@@ -3988,42 +3991,40 @@ var FormattedMessage = function (_Component) {
 
             var hasValues = values && Object.keys(values).length > 0;
             if (hasValues) {
-                (function () {
-                    // Creates a token with a random UID that should not be guessable or
-                    // conflict with other parts of the `message` string.
-                    var uid = Math.floor(Math.random() * 0x10000000000).toString(16);
-
-                    var generateToken = function () {
-                        var counter = 0;
-                        return function () {
-                            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(function (name) {
-                        var value = values[name];
-
-                        if (React.isValidElement(value)) {
-                            var token = generateToken();
-                            tokenizedValues[name] = tokenDelimiter + token + tokenDelimiter;
-                            elements[token] = value;
-                        } else {
-                            tokenizedValues[name] = value;
-                        }
-                    });
-                })();
+                // Creates a token with a random UID that should not be guessable or
+                // conflict with other parts of the `message` string.
+                var uid = Math.floor(Math.random() * 0x10000000000).toString(16);
+
+                var generateToken = function () {
+                    var counter = 0;
+                    return function () {
+                        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(function (name) {
+                    var value = values[name];
+
+                    if (React.isValidElement(value)) {
+                        var token = generateToken();
+                        tokenizedValues[name] = tokenDelimiter + token + tokenDelimiter;
+                        elements[token] = value;
+                    } else {
+                        tokenizedValues[name] = value;
+                    }
+                });
             }
 
             var descriptor = { id: id, description: description, defaultMessage: defaultMessage };
@@ -4066,9 +4067,9 @@ FormattedMessage.defaultProps = {
     values: {}
 };
 FormattedMessage.propTypes = _extends({}, messageDescriptorPropTypes, {
-    values: React.PropTypes.object,
-    tagName: React.PropTypes.string,
-    children: React.PropTypes.func
+    values: PropTypes.object,
+    tagName: PropTypes.string,
+    children: PropTypes.func
 });
 
 /*
@@ -4159,9 +4160,9 @@ FormattedHTMLMessage.defaultProps = {
     values: {}
 };
 FormattedHTMLMessage.propTypes = _extends({}, messageDescriptorPropTypes, {
-    values: React.PropTypes.object,
-    tagName: React.PropTypes.string,
-    children: React.PropTypes.func
+    values: PropTypes.object,
+    tagName: PropTypes.string,
+    children: PropTypes.func
 });
 
 /*