react-intl 2.6.0 → 2.8.0

package/dist/react-intl.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2018, Yahoo Inc.
+ * Copyright 2019, Yahoo Inc.
  * Copyrights licensed under the New BSD License.
  * See the accompanying LICENSE file for terms.
  */
@@ -25,7 +25,7 @@ var defaultLocaleData = { "locale": "en", "pluralRuleFunction": function pluralR
         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", "relative": { "0": "this hour" }, "relativeTime": { "future": { "one": "in {0} hour", "other": "in {0} hours" }, "past": { "one": "{0} hour ago", "other": "{0} hours ago" } } }, "minute": { "displayName": "minute", "relative": { "0": "this 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" } } } } };
+  }, "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" } } }, "year-short": { "displayName": "yr.", "relative": { "0": "this yr.", "1": "next yr.", "-1": "last yr." }, "relativeTime": { "future": { "one": "in {0} yr.", "other": "in {0} yr." }, "past": { "one": "{0} yr. ago", "other": "{0} yr. 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" } } }, "month-short": { "displayName": "mo.", "relative": { "0": "this mo.", "1": "next mo.", "-1": "last mo." }, "relativeTime": { "future": { "one": "in {0} mo.", "other": "in {0} mo." }, "past": { "one": "{0} mo. ago", "other": "{0} mo. 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" } } }, "day-short": { "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", "relative": { "0": "this hour" }, "relativeTime": { "future": { "one": "in {0} hour", "other": "in {0} hours" }, "past": { "one": "{0} hour ago", "other": "{0} hours ago" } } }, "hour-short": { "displayName": "hr.", "relative": { "0": "this hour" }, "relativeTime": { "future": { "one": "in {0} hr.", "other": "in {0} hr." }, "past": { "one": "{0} hr. ago", "other": "{0} hr. ago" } } }, "minute": { "displayName": "minute", "relative": { "0": "this minute" }, "relativeTime": { "future": { "one": "in {0} minute", "other": "in {0} minutes" }, "past": { "one": "{0} minute ago", "other": "{0} minutes ago" } } }, "minute-short": { "displayName": "min.", "relative": { "0": "this minute" }, "relativeTime": { "future": { "one": "in {0} min.", "other": "in {0} min." }, "past": { "one": "{0} min. ago", "other": "{0} min. 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" } } }, "second-short": { "displayName": "sec.", "relative": { "0": "now" }, "relativeTime": { "future": { "one": "in {0} sec.", "other": "in {0} sec." }, "past": { "one": "{0} sec. ago", "other": "{0} sec. ago" } } } } };
 
 /*
 Copyright (c) 2014, Yahoo! Inc. All rights reserved.
@@ -2689,7 +2689,9 @@ var intlConfigPropTypes = {
   textComponent: any,
 
   defaultLocale: string,
-  defaultFormats: object
+  defaultFormats: object,
+
+  onError: func
 };
 
 var intlFormatPropTypes = {
@@ -2970,6 +2972,17 @@ function shouldIntlComponentUpdate(_ref2, nextProps, nextState) {
   return !shallowEquals(nextProps, props) || !shallowEquals(nextState, state) || !(nextIntl === intl || shallowEquals(filterProps(nextIntl, intlConfigPropNames), filterProps(intl, intlConfigPropNames)));
 }
 
+function createError(message, exception) {
+  var eMsg = exception ? '\n' + exception : '';
+  return '[React Intl] ' + message + eMsg;
+}
+
+function defaultErrorHandler(error) {
+  {
+    console.error(error);
+  }
+}
+
 /*
  * Copyright 2015, Yahoo Inc.
  * Copyrights licensed under the New BSD License.
@@ -3007,13 +3020,17 @@ function injectIntl(WrappedComponent) {
       value: function getWrappedInstance() {
         invariant_1(withRef, '[React Intl] To access the wrapped instance, ' + 'the `{withRef: true}` option must be set when calling: ' + '`injectIntl()`');
 
-        return this.refs.wrappedInstance;
+        return this._wrappedInstance;
       }
     }, {
       key: 'render',
       value: function render() {
+        var _this2 = this;
+
         return React__default.createElement(WrappedComponent, _extends({}, this.props, defineProperty$2({}, intlPropName, this.context.intl), {
-          ref: withRef ? 'wrappedInstance' : null
+          ref: withRef ? /* istanbul ignore next */function (ref) {
+            return _this2._wrappedInstance = ref;
+          } : null
         }));
       }
     }]);
@@ -3240,8 +3257,7 @@ var RELATIVE_FORMAT_THRESHOLDS = {
   minute: 60, // minutes to hour
   hour: 24, // hours to day
   day: 30, // days to month
-  month: 12 // months to year
-};
+  month: 12 };
 
 function updateRelativeFormatThresholds(newThresholds) {
   var thresholds = RelativeFormat.thresholds;
@@ -3257,15 +3273,13 @@ function updateRelativeFormatThresholds(newThresholds) {
   thresholds['month-short'] = newThresholds['month-short'];
 }
 
-function getNamedFormat(formats, type, name) {
+function getNamedFormat(formats, type, name, onError) {
   var format = formats && formats[type] && formats[type][name];
   if (format) {
     return format;
   }
 
-  {
-    console.error('[React Intl] No ' + type + ' format named: ' + name);
-  }
+  onError(createError('No ' + type + ' format named: ' + name));
 }
 
 function formatDate(config, state, value) {
@@ -3276,16 +3290,15 @@ function formatDate(config, state, value) {
   var format = options.format;
 
 
+  var onError = config.onError || defaultErrorHandler;
   var date = new Date(value);
-  var defaults$$1 = _extends({}, timeZone && { timeZone: timeZone }, format && getNamedFormat(formats, 'date', format));
+  var defaults$$1 = _extends({}, timeZone && { timeZone: timeZone }, format && getNamedFormat(formats, 'date', format, onError));
   var filteredOptions = filterProps(options, DATE_TIME_FORMAT_OPTIONS, defaults$$1);
 
   try {
     return state.getDateTimeFormat(locale, filteredOptions).format(date);
   } catch (e) {
-    {
-      console.error('[React Intl] Error formatting date.\n' + e);
-    }
+    onError(createError('Error formatting date.', e));
   }
 
   return String(date);
@@ -3299,8 +3312,9 @@ function formatTime(config, state, value) {
   var format = options.format;
 
 
+  var onError = config.onError || defaultErrorHandler;
   var date = new Date(value);
-  var defaults$$1 = _extends({}, timeZone && { timeZone: timeZone }, format && getNamedFormat(formats, 'time', format));
+  var defaults$$1 = _extends({}, timeZone && { timeZone: timeZone }, format && getNamedFormat(formats, 'time', format, onError));
   var filteredOptions = filterProps(options, DATE_TIME_FORMAT_OPTIONS, defaults$$1);
 
   if (!filteredOptions.hour && !filteredOptions.minute && !filteredOptions.second) {
@@ -3311,9 +3325,7 @@ function formatTime(config, state, value) {
   try {
     return state.getDateTimeFormat(locale, filteredOptions).format(date);
   } catch (e) {
-    {
-      console.error('[React Intl] Error formatting time.\n' + e);
-    }
+    onError(createError('Error formatting time.', e));
   }
 
   return String(date);
@@ -3326,9 +3338,10 @@ function formatRelative(config, state, value) {
   var format = options.format;
 
 
+  var onError = config.onError || defaultErrorHandler;
   var date = new Date(value);
   var now = new Date(options.now);
-  var defaults$$1 = format && getNamedFormat(formats, 'relative', format);
+  var defaults$$1 = format && getNamedFormat(formats, 'relative', format, onError);
   var filteredOptions = filterProps(options, RELATIVE_FORMAT_OPTIONS, defaults$$1);
 
   // Capture the current threshold values, then temporarily override them with
@@ -3341,9 +3354,7 @@ function formatRelative(config, state, value) {
       now: isFinite(now) ? now : state.now()
     });
   } catch (e) {
-    {
-      console.error('[React Intl] Error formatting relative time.\n' + e);
-    }
+    onError(createError('Error formatting relative time.', e));
   } finally {
     updateRelativeFormatThresholds(oldThresholds);
   }
@@ -3358,15 +3369,14 @@ function formatNumber(config, state, value) {
   var format = options.format;
 
 
-  var defaults$$1 = format && getNamedFormat(formats, 'number', format);
+  var onError = config.onError || defaultErrorHandler;
+  var defaults$$1 = format && getNamedFormat(formats, 'number', format, onError);
   var filteredOptions = filterProps(options, NUMBER_FORMAT_OPTIONS, defaults$$1);
 
   try {
     return state.getNumberFormat(locale, filteredOptions).format(value);
   } catch (e) {
-    {
-      console.error('[React Intl] Error formatting number.\n' + e);
-    }
+    onError(createError('Error formatting number.', e));
   }
 
   return String(value);
@@ -3378,13 +3388,12 @@ function formatPlural(config, state, value) {
 
 
   var filteredOptions = filterProps(options, PLURAL_FORMAT_OPTIONS);
+  var onError = config.onError || defaultErrorHandler;
 
   try {
     return state.getPluralFormat(locale, filteredOptions).format(value);
   } catch (e) {
-    {
-      console.error('[React Intl] Error formatting plural.\n' + e);
-    }
+    onError(createError('Error formatting plural.', e));
   }
 
   return 'other';
@@ -3401,8 +3410,13 @@ function formatMessage(config, state) {
   var id = messageDescriptor.id,
       defaultMessage = messageDescriptor.defaultMessage;
 
-  // `id` is a required field of a Message Descriptor.
+  // Produce a better error if the user calls `intl.formatMessage(element)`
+
+  {
+    invariant_1(!React.isValidElement(config), '[React Intl] Don\'t pass React elements to ' + 'formatMessage(), pass `.props`.');
+  }
 
+  // `id` is a required field of a Message Descriptor.
   invariant_1(id, '[React Intl] An `id` must be provided to format a message.');
 
   var message = messages && messages[id];
@@ -3415,6 +3429,7 @@ function formatMessage(config, state) {
   }
 
   var formattedMessage = void 0;
+  var onError = config.onError || defaultErrorHandler;
 
   if (message) {
     try {
@@ -3422,18 +3437,14 @@ function formatMessage(config, state) {
 
       formattedMessage = formatter.format(values);
     } catch (e) {
-      {
-        console.error('[React Intl] Error formatting message: "' + id + '" for locale: "' + locale + '"' + (defaultMessage ? ', using default message as fallback.' : '') + ('\n' + e));
-      }
+      onError(createError('Error formatting message: "' + id + '" for locale: "' + locale + '"' + (defaultMessage ? ', using default message as fallback.' : ''), e));
     }
   } else {
-    {
-      // 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.' : ''));
-      }
+    // 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()) {
+      onError(createError('Missing message: "' + id + '" for locale: "' + locale + '"' + (defaultMessage ? ', using default message as fallback.' : '')));
     }
   }
 
@@ -3443,16 +3454,12 @@ function formatMessage(config, state) {
 
       formattedMessage = _formatter.format(values);
     } catch (e) {
-      {
-        console.error('[React Intl] Error formatting the default message for: "' + id + '"' + ('\n' + e));
-      }
+      onError(createError('Error formatting the default message for: "' + id + '"', e));
     }
   }
 
   if (!formattedMessage) {
-    {
-      console.error('[React Intl] Cannot format message: "' + id + '", ' + ('using message ' + (message || defaultMessage ? 'source' : 'id') + ' as fallback.'));
-    }
+    onError(createError('Cannot format message: "' + id + '", ' + ('using message ' + (message || defaultMessage ? 'source' : 'id') + ' as fallback.')));
   }
 
   return formattedMessage || message || defaultMessage || id;
@@ -3503,7 +3510,9 @@ var defaultProps = {
   textComponent: 'span',
 
   defaultLocale: 'en',
-  defaultFormats: {}
+  defaultFormats: {},
+
+  onError: defaultErrorHandler
 };
 
 var IntlProvider = function (_Component) {
@@ -3580,12 +3589,11 @@ var IntlProvider = function (_Component) {
         var _config = config,
             locale = _config.locale,
             defaultLocale = _config.defaultLocale,
-            defaultFormats = _config.defaultFormats;
+            defaultFormats = _config.defaultFormats,
+            onError = _config.onError;
 
 
-        {
-          console.error('[React Intl] Missing locale data for locale: "' + locale + '". ' + ('Using default locale: "' + defaultLocale + '" as fallback.'));
-        }
+        onError(createError('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.