@lingui/react 3.15.0 → 3.16.0

package/CHANGELOG.md

@@ -0,0 +1,367 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [3.16.0](https://github.com/lingui/js-lingui/compare/v3.15.0...v3.16.0) (2023-01-18)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+# [3.15.0](https://github.com/lingui/js-lingui/compare/v3.14.0...v3.15.0) (2022-11-07)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+# [3.14.0](https://github.com/lingui/js-lingui/compare/v3.13.3...v3.14.0) (2022-06-22)
+
+
+### Bug Fixes
+
+* Add extra package.json under `/esm` ([#1258](https://github.com/lingui/js-lingui/issues/1258)) ([80cd337](https://github.com/lingui/js-lingui/commit/80cd3378ceb5677bfa50b14f67e4e31703392298))
+
+
+### Features
+
+* Pass props to I18nProvider.defaultComponent in Trans.render style ([#1242](https://github.com/lingui/js-lingui/issues/1242)) ([fe4cac4](https://github.com/lingui/js-lingui/commit/fe4cac4f89ae195ad8b5216fdaede73900753686))
+
+
+
+
+
+## [3.13.3](https://github.com/lingui/js-lingui/compare/v3.13.2...v3.13.3) (2022-04-24)
+
+
+### Bug Fixes
+
+* @lingui/react compatible with React 18 ([2a235ba](https://github.com/lingui/js-lingui/commit/2a235baa093d668a0a029ec6c683e9dc00f68f42))
+* specify children for react v18 types ([#1230](https://github.com/lingui/js-lingui/issues/1230)) ([ee69736](https://github.com/lingui/js-lingui/commit/ee69736089d4c48117d85582b56a26c09cdf82ea))
+
+
+
+
+
+## [3.13.2](https://github.com/lingui/js-lingui/compare/v3.13.1...v3.13.2) (2022-01-24)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+## [3.13.1](https://github.com/lingui/js-lingui/compare/v3.13.0...v3.13.1) (2022-01-21)
+
+
+### Bug Fixes
+
+* i18n.activate should load instantly new messages ([#1182](https://github.com/lingui/js-lingui/issues/1182)) ([f8f47a2](https://github.com/lingui/js-lingui/commit/f8f47a2385fe3d8dd3395c493027de2492509325))
+
+
+
+
+
+# [3.13.0](https://github.com/lingui/js-lingui/compare/v3.12.1...v3.13.0) (2021-11-26)
+
+
+### Features
+
+* msgctxt support ([#1094](https://github.com/lingui/js-lingui/issues/1094)) ([8ee42cb](https://github.com/lingui/js-lingui/commit/8ee42cbfe26bc6d055748dcf2713ab8ade7ec827))
+
+
+
+
+
+## [3.12.1](https://github.com/lingui/js-lingui/compare/v3.12.0...v3.12.1) (2021-09-28)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+# [3.12.0](https://github.com/lingui/js-lingui/compare/v3.11.1...v3.12.0) (2021-09-28)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+## [3.11.1](https://github.com/lingui/js-lingui/compare/v3.11.0...v3.11.1) (2021-09-07)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+# [3.11.0](https://github.com/lingui/js-lingui/compare/v3.10.4...v3.11.0) (2021-09-07)
+
+
+### Bug Fixes
+
+* sideEffects to false for shrinking bundle size ([#1129](https://github.com/lingui/js-lingui/issues/1129)) ([57cd2e5](https://github.com/lingui/js-lingui/commit/57cd2e576945ba30aea30d5cf5bcb27d1f77fe4c))
+
+
+
+
+
+## [3.10.4](https://github.com/lingui/js-lingui/compare/v3.10.3...v3.10.4) (2021-06-16)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+## [3.10.3](https://github.com/lingui/js-lingui/compare/v3.10.2...v3.10.3) (2021-06-14)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+## [3.10.2](https://github.com/lingui/js-lingui/compare/v3.10.1...v3.10.2) (2021-06-08)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+## [3.10.1](https://github.com/lingui/js-lingui/compare/v3.10.0...v3.10.1) (2021-06-08)
+
+
+### Bug Fixes
+
+* reverts reduce size of ESM packages ([#1066](https://github.com/lingui/js-lingui/issues/1066)) ([3a057e0](https://github.com/lingui/js-lingui/commit/3a057e0c61224b98c93203e0d88136fa48f309ba))
+
+
+
+
+
+# [3.10.0](https://github.com/lingui/js-lingui/compare/v3.9.0...v3.10.0) (2021-06-08)
+
+
+### Bug Fixes
+
+* reduce size of ESM packages ([#1066](https://github.com/lingui/js-lingui/issues/1066)) ([9990eba](https://github.com/lingui/js-lingui/commit/9990ebaa9d30f7e218c106a2abfd7ddbcf0e0170))
+
+
+
+
+
+# [3.9.0](https://github.com/lingui/js-lingui/compare/v3.8.10...v3.9.0) (2021-05-18)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+## [3.8.10](https://github.com/lingui/js-lingui/compare/v3.8.9...v3.8.10) (2021-04-19)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+## [3.8.9](https://github.com/lingui/js-lingui/compare/v3.8.8...v3.8.9) (2021-04-09)
+
+
+### Bug Fixes
+
+* event emitter refactor (reverted)  ([#1038](https://github.com/lingui/js-lingui/issues/1038)) ([f299493](https://github.com/lingui/js-lingui/commit/f299493999299fe9a7d0e01b9045e7f0a9813c6a))
+
+
+
+
+
+## [3.8.8](https://github.com/lingui/js-lingui/compare/v3.8.7...v3.8.8) (2021-04-09)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+## [3.8.7](https://github.com/lingui/js-lingui/compare/v3.8.6...v3.8.7) (2021-04-09)
+
+
+### Bug Fixes
+
+* unicode chars in native environments + event emitter refactor ([#1036](https://github.com/lingui/js-lingui/issues/1036)) ([39fa90d](https://github.com/lingui/js-lingui/commit/39fa90d95c08f105f3f7feb17b65d9b8f916b73a))
+
+
+
+
+
+## [3.8.6](https://github.com/lingui/js-lingui/compare/v3.8.5...v3.8.6) (2021-04-08)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+## [3.8.5](https://github.com/lingui/js-lingui/compare/v3.8.4...v3.8.5) (2021-04-08)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+## [3.8.4](https://github.com/lingui/js-lingui/compare/v3.8.3...v3.8.4) (2021-04-08)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+## [3.8.3](https://github.com/lingui/js-lingui/compare/v3.8.2...v3.8.3) (2021-04-05)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+## [3.8.2](https://github.com/lingui/js-lingui/compare/v3.8.1...v3.8.2) (2021-03-31)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+## [3.8.1](https://github.com/lingui/js-lingui/compare/v3.8.0...v3.8.1) (2021-03-23)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+# [3.8.0](https://github.com/lingui/js-lingui/compare/v3.7.2...v3.8.0) (2021-03-23)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+## [3.7.2](https://github.com/lingui/js-lingui/compare/v3.7.1...v3.7.2) (2021-03-14)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+## [3.7.1](https://github.com/lingui/js-lingui/compare/v3.7.0...v3.7.1) (2021-03-07)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+# [3.7.0](https://github.com/lingui/js-lingui/compare/v3.6.0...v3.7.0) (2021-03-04)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+# [3.6.0](https://github.com/lingui/js-lingui/compare/v3.5.1...v3.6.0) (2021-02-23)
+
+
+### Features
+
+* ship universal modules with ESM ([#979](https://github.com/lingui/js-lingui/issues/979)) ([6cd5fe0](https://github.com/lingui/js-lingui/commit/6cd5fe0a71dd5cf7e0832bd3e9902a2f6ba789f6))
+
+
+
+
+
+## [3.5.1](https://github.com/lingui/js-lingui/compare/v3.5.0...v3.5.1) (2021-02-09)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+# [3.5.0](https://github.com/lingui/js-lingui/compare/v3.4.0...v3.5.0) (2021-02-02)
+
+
+### Bug Fixes
+
+* **docs:** documentation-typos ([#955](https://github.com/lingui/js-lingui/issues/955)) ([f73cb8c](https://github.com/lingui/js-lingui/commit/f73cb8c09d9919489f5fbb9a539da30faae53004))
+* I18nProvider defaultComponent typing ([#953](https://github.com/lingui/js-lingui/issues/953)) ([6b08dd3](https://github.com/lingui/js-lingui/commit/6b08dd309d1ac8e0a8dc081e097e69678e822eda))
+
+
+
+
+
+# [3.4.0](https://github.com/lingui/js-lingui/compare/v3.3.0...v3.4.0) (2021-01-13)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+# [3.3.0](https://github.com/lingui/js-lingui/compare/v3.2.3...v3.3.0) (2020-12-08)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+## [3.2.3](https://github.com/lingui/js-lingui/compare/v3.2.2...v3.2.3) (2020-11-22)
+
+
+### Bug Fixes
+
+* export TransRenderProps from @lingui/react ([#877](https://github.com/lingui/js-lingui/issues/877)) ([3db9d6b](https://github.com/lingui/js-lingui/commit/3db9d6b0bfe9edae99523cd706de6826f67184ad))
+* omit i18n prop in withI18n typescript interface ([#879](https://github.com/lingui/js-lingui/issues/879)) ([5927d42](https://github.com/lingui/js-lingui/commit/5927d42b256d1adfb26ed03367e521bfc8f1e2e6))
+
+
+
+
+
+## [3.2.2](https://github.com/lingui/js-lingui/compare/v3.2.1...v3.2.2) (2020-11-20)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+# [3.2.0](https://github.com/lingui/js-lingui/compare/v3.1.0...v3.2.0) (2020-11-12)
+
+**Note:** Version bump only for package @lingui/react
+
+
+
+
+
+# [3.1.0](https://github.com/lingui/js-lingui/compare/v3.0.3...v3.1.0) (2020-11-10)
+
+
+### Bug Fixes
+
+* ensure render of I18nProvider in async scenarios ([#839](https://github.com/lingui/js-lingui/issues/839)) ([cd2816a](https://github.com/lingui/js-lingui/commit/cd2816a3d847042029c9b29dfb420f2ff5ae02cc))

package/build/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017 Tomáš Ehrlich
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/{cjs/react.development.js → build/cjs/index.js}

@@ -1,22 +1,15 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-var LinguiContext = /*#__PURE__*/React__default['default'].createContext(null);
+var LinguiContext = /*#__PURE__*/React.createContext(null);
 function useLingui() {
-  var context = React__default['default'].useContext(LinguiContext);
+  var context = React.useContext(LinguiContext);
 
-  {
+  if (process.env.NODE_ENV !== "production") {
     if (context == null) {
       throw new Error("useLingui hook was used without I18nProvider.");
     }
@@ -27,8 +20,8 @@ function useLingui() {
 function withI18n(o) {
   return function (WrappedComponent) {
     return function (props) {
-      {
-        if (typeof o === "function" || /*#__PURE__*/React__default['default'].isValidElement(o)) {
+      if (process.env.NODE_ENV !== "production") {
+        if (typeof o === "function" || /*#__PURE__*/React.isValidElement(o)) {
           throw new Error("withI18n([options]) takes options as a first argument, " + "but received React component itself. Without options, the Component " + "should be wrapped as withI18n()(Component), not withI18n(Component).");
         }
       }
@@ -36,7 +29,7 @@ function withI18n(o) {
       var _useLingui = useLingui(),
           i18n = _useLingui.i18n;
 
-      return /*#__PURE__*/React__default['default'].createElement(WrappedComponent, Object.assign({}, props, {
+      return /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, props, {
         i18n: i18n
       }));
     };
@@ -49,16 +42,16 @@ var I18nProvider = function I18nProvider(_ref) {
       forceRenderOnLocaleChange = _ref$forceRenderOnLoc === void 0 ? true : _ref$forceRenderOnLoc,
       children = _ref.children;
 
-  /**
-   * We can't pass `i18n` object directly through context, because even when locale
-   * or messages are changed, i18n object is still the same. Context provider compares
-   * reference identity and suggested workaround is create a wrapper object every time
-   * we need to trigger re-render. See https://reactjs.org/docs/context.html#caveats.
-   *
-   * Due to this effect we also pass `defaultComponent` in the same context, instead
-   * of creating a separate Provider/Consumer pair.
-   *
-   * We can't use useMemo hook either, because we want to recalculate value manually.
+  /**
+   * We can't pass `i18n` object directly through context, because even when locale
+   * or messages are changed, i18n object is still the same. Context provider compares
+   * reference identity and suggested workaround is create a wrapper object every time
+   * we need to trigger re-render. See https://reactjs.org/docs/context.html#caveats.
+   *
+   * Due to this effect we also pass `defaultComponent` in the same context, instead
+   * of creating a separate Provider/Consumer pair.
+   *
+   * We can't use useMemo hook either, because we want to recalculate value manually.
    */
   var makeContext = function makeContext() {
     return {
@@ -71,29 +64,29 @@ var I18nProvider = function I18nProvider(_ref) {
     return forceRenderOnLocaleChange ? i18n.locale || 'default' : 'default';
   };
 
-  var _React$useState = React__default['default'].useState(makeContext()),
-      _React$useState2 = _slicedToArray__default['default'](_React$useState, 2),
+  var _React$useState = React.useState(makeContext()),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
       context = _React$useState2[0],
       setContext = _React$useState2[1],
-      _React$useState3 = React__default['default'].useState(getRenderKey()),
-      _React$useState4 = _slicedToArray__default['default'](_React$useState3, 2),
+      _React$useState3 = React.useState(getRenderKey()),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
       renderKey = _React$useState4[0],
       setRenderKey = _React$useState4[1];
-  /**
-   * Subscribe for locale/message changes
-   *
-   * I18n object from `@lingui/core` is the single source of truth for all i18n related
-   * data (active locale, catalogs). When new messages are loaded or locale is changed
-   * we need to trigger re-rendering of LinguiContext.Consumers.
-   *
-   * We call `setContext(makeContext())` after adding the observer in case the `change`
-   * event would already have fired between the inital renderKey calculation and the
-   * `useEffect` hook being called. This can happen if locales are loaded/activated
-   * async.
+  /**
+   * Subscribe for locale/message changes
+   *
+   * I18n object from `@lingui/core` is the single source of truth for all i18n related
+   * data (active locale, catalogs). When new messages are loaded or locale is changed
+   * we need to trigger re-rendering of LinguiContext.Consumers.
+   *
+   * We call `setContext(makeContext())` after adding the observer in case the `change`
+   * event would already have fired between the inital renderKey calculation and the
+   * `useEffect` hook being called. This can happen if locales are loaded/activated
+   * async.
    */
 
 
-  React__default['default'].useEffect(function () {
+  React.useEffect(function () {
     var unsubscribe = i18n.on("change", function () {
       setContext(makeContext());
       setRenderKey(getRenderKey());
@@ -112,7 +105,7 @@ var I18nProvider = function I18nProvider(_ref) {
     };
   }, []);
   if (forceRenderOnLocaleChange && renderKey === 'default') return null;
-  return /*#__PURE__*/React__default['default'].createElement(LinguiContext.Provider, {
+  return /*#__PURE__*/React.createElement(LinguiContext.Provider, {
     value: context,
     key: renderKey
   }, children);
@@ -146,12 +139,12 @@ var voidElementTags = {
   wbr: true,
   menuitem: true
 };
-/**
- * `formatElements` - parse string and return tree of react elements
- *
- * `value` is string to be formatted with <0>Paired<0/> or <0/> (unpaired)
- * placeholders. `elements` is a array of react elements which indexes
- * correspond to element indexes in formatted string
+/**
+ * `formatElements` - parse string and return tree of react elements
+ *
+ * `value` is string to be formatted with <0>Paired<0/> or <0/> (unpaired)
+ * placeholders. `elements` is a array of react elements which indexes
+ * correspond to element indexes in formatted string
  */
 
 function formatElements(value) {
@@ -169,7 +162,7 @@ function formatElements(value) {
 
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var _step$value = _slicedToArray__default['default'](_step.value, 3),
+      var _step$value = _slicedToArray(_step.value, 3),
           index = _step$value[0],
           children = _step$value[1],
           after = _step$value[2];
@@ -184,10 +177,10 @@ function formatElements(value) {
         } // ignore problematic element but push its children and elements after it
 
 
-        element = /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment);
+        element = /*#__PURE__*/React.createElement(React.Fragment);
       }
 
-      tree.push( /*#__PURE__*/React__default['default'].cloneElement(element, {
+      tree.push( /*#__PURE__*/React.cloneElement(element, {
         key: uniqueId()
       }, // format children for pair tags
       // unpaired tags might have children if it's a component passed as a variable
@@ -202,19 +195,19 @@ function formatElements(value) {
 
   return tree;
 }
-/*
- * `getElements` - return array of element indexes and element childrens
- *
- * `parts` is array of [pairedIndex, children, unpairedIndex, textAfter, ...]
- * where:
- * - `pairedIndex` is index of paired element (undef for unpaired)
- * - `children` are children of paired element (undef for unpaired)
- * - `unpairedIndex` is index of unpaired element (undef for paired)
- * - `textAfter` is string after all elements (empty string, if there's nothing)
- *
- * `parts` length is always multiply of 4
- *
- * Returns: Array<[elementIndex, children, after]>
+/*
+ * `getElements` - return array of element indexes and element childrens
+ *
+ * `parts` is array of [pairedIndex, children, unpairedIndex, textAfter, ...]
+ * where:
+ * - `pairedIndex` is index of paired element (undef for unpaired)
+ * - `children` are children of paired element (undef for unpaired)
+ * - `unpairedIndex` is index of unpaired element (undef for paired)
+ * - `textAfter` is string after all elements (empty string, if there's nothing)
+ *
+ * `parts` length is always multiply of 4
+ *
+ * Returns: Array<[elementIndex, children, after]>
  */
 
 
@@ -222,7 +215,7 @@ function getElements(parts) {
   if (!parts.length) return [];
 
   var _parts$slice = parts.slice(0, 4),
-      _parts$slice2 = _slicedToArray__default['default'](_parts$slice, 4),
+      _parts$slice2 = _slicedToArray(_parts$slice, 4),
       paired = _parts$slice2[0],
       children = _parts$slice2[1],
       unpaired = _parts$slice2[2],
@@ -241,7 +234,7 @@ var makeCounter = function makeCounter() {
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function Trans(props) {
   var _useLingui = useLingui(),
       i18n = _useLingui.i18n,
@@ -258,18 +251,18 @@ function Trans(props) {
   var components = _objectSpread({}, props.components);
 
   if (values) {
-    /*
-      Related discussion: https://github.com/lingui/js-lingui/issues/183
-           Values *might* contain React elements with static content.
-      They're replaced with <INDEX /> placeholders and added to `components`.
-           Example:
-      Translation: Hello {name}
-      Values: { name: <strong>Jane</strong> }
-           It'll become "Hello <0 />" with components=[<strong>Jane</strong>]
+    /*
+      Related discussion: https://github.com/lingui/js-lingui/issues/183
+       Values *might* contain React elements with static content.
+      They're replaced with <INDEX /> placeholders and added to `components`.
+       Example:
+      Translation: Hello {name}
+      Values: { name: <strong>Jane</strong> }
+       It'll become "Hello <0 />" with components=[<strong>Jane</strong>]
       */
     Object.keys(values).forEach(function (key) {
       var value = values[key];
-      if (! /*#__PURE__*/React__default['default'].isValidElement(value)) return;
+      if (! /*#__PURE__*/React.isValidElement(value)) return;
       var index = Object.keys(components).length;
       components[index] = value;
       values[key] = "<".concat(index, "/>");
@@ -290,7 +283,7 @@ function Trans(props) {
     return translation;
   }
 
-  var FallbackComponent = defaultComponent || React__default['default'].Fragment;
+  var FallbackComponent = defaultComponent || React.Fragment;
   var i18nProps = {
     id: id,
     message: message,
@@ -306,7 +299,7 @@ function Trans(props) {
     // Apparently, both function components and class components are functions
     // See https://stackoverflow.com/a/41658173/1535540
     console.error("Invalid value supplied to prop `component`. It must be a React component, provided ".concat(component));
-    return /*#__PURE__*/React__default['default'].createElement(FallbackComponent, Object.assign({}, i18nProps), translation);
+    return /*#__PURE__*/React.createElement(FallbackComponent, i18nProps, translation);
   } // Rendering using a render prop
 
 
@@ -318,7 +311,7 @@ function Trans(props) {
 
   var Component = component || FallbackComponent;
   var DefaultComponent = defaultComponent;
-  return DefaultComponent && !component ? /*#__PURE__*/React__default['default'].createElement(DefaultComponent, Object.assign({}, i18nProps), translation) : /*#__PURE__*/React__default['default'].createElement(Component, null, translation);
+  return DefaultComponent && !component ? /*#__PURE__*/React.createElement(DefaultComponent, i18nProps, translation) : /*#__PURE__*/React.createElement(Component, null, translation);
 }
 Trans.defaultProps = {
   values: {},
@@ -329,4 +322,4 @@ exports.I18nProvider = I18nProvider;
 exports.Trans = Trans;
 exports.useLingui = useLingui;
 exports.withI18n = withI18n;
-//# sourceMappingURL=react.development.js.map
+//# sourceMappingURL=index.js.map