Welcome to WooCommerce
Tell us about your store and we'll get you set up in no time
-
+
+
-
+
+
`;
diff --git a/packages/components/src/advanced-filters/attribute-filter.js b/packages/components/src/advanced-filters/attribute-filter.js
index d31412178cf..67bebcc86dc 100644
--- a/packages/components/src/advanced-filters/attribute-filter.js
+++ b/packages/components/src/advanced-filters/attribute-filter.js
@@ -4,7 +4,7 @@
import PropTypes from 'prop-types';
import { SelectControl as Select, Spinner } from '@wordpress/components';
import { partial } from 'lodash';
-import interpolateComponents from 'interpolate-components';
+import interpolateComponents from '@automattic/interpolate-components';
import classnames from 'classnames';
import {
createElement,
diff --git a/packages/components/src/advanced-filters/date-filter.js b/packages/components/src/advanced-filters/date-filter.js
index 1c0792f95e6..73a2ffcdc20 100644
--- a/packages/components/src/advanced-filters/date-filter.js
+++ b/packages/components/src/advanced-filters/date-filter.js
@@ -2,7 +2,7 @@
* External dependencies
*/
import { createElement, Component, Fragment } from '@wordpress/element';
-import interpolateComponents from 'interpolate-components';
+import interpolateComponents from '@automattic/interpolate-components';
import { SelectControl } from '@wordpress/components';
import { find, partial } from 'lodash';
import classnames from 'classnames';
diff --git a/packages/components/src/advanced-filters/index.js b/packages/components/src/advanced-filters/index.js
index 4f8b059ede9..678ab6c8330 100644
--- a/packages/components/src/advanced-filters/index.js
+++ b/packages/components/src/advanced-filters/index.js
@@ -15,7 +15,7 @@ import { createElement, Component, createRef } from '@wordpress/element';
import { partial, difference, isEqual } from 'lodash';
import PropTypes from 'prop-types';
import AddOutlineIcon from 'gridicons/dist/add-outline';
-import interpolateComponents from 'interpolate-components';
+import interpolateComponents from '@automattic/interpolate-components';
import {
getActiveFiltersFromQuery,
getDefaultOptionValue,
diff --git a/packages/components/src/advanced-filters/number-filter.js b/packages/components/src/advanced-filters/number-filter.js
index b6632c88dc8..aa8cd85ae57 100644
--- a/packages/components/src/advanced-filters/number-filter.js
+++ b/packages/components/src/advanced-filters/number-filter.js
@@ -4,7 +4,7 @@
import { createElement, Component, Fragment } from '@wordpress/element';
import { SelectControl, TextControl } from '@wordpress/components';
import { get, find, partial, isArray } from 'lodash';
-import interpolateComponents from 'interpolate-components';
+import interpolateComponents from '@automattic/interpolate-components';
import classnames from 'classnames';
import { sprintf, __, _x } from '@wordpress/i18n';
diff --git a/packages/components/src/advanced-filters/search-filter.js b/packages/components/src/advanced-filters/search-filter.js
index 791c541e3de..b3f3cf6bbcd 100644
--- a/packages/components/src/advanced-filters/search-filter.js
+++ b/packages/components/src/advanced-filters/search-filter.js
@@ -6,7 +6,7 @@ import { SelectControl } from '@wordpress/components';
import { getIdsFromQuery } from '@woocommerce/navigation';
import { find, isEqual, partial } from 'lodash';
import PropTypes from 'prop-types';
-import interpolateComponents from 'interpolate-components';
+import interpolateComponents from '@automattic/interpolate-components';
import classnames from 'classnames';
/**
diff --git a/packages/components/src/advanced-filters/select-filter.js b/packages/components/src/advanced-filters/select-filter.js
index f5913168e91..ee877410e92 100644
--- a/packages/components/src/advanced-filters/select-filter.js
+++ b/packages/components/src/advanced-filters/select-filter.js
@@ -5,7 +5,7 @@ import { createElement, Component, Fragment } from '@wordpress/element';
import { SelectControl, Spinner } from '@wordpress/components';
import { find, partial } from 'lodash';
import PropTypes from 'prop-types';
-import interpolateComponents from 'interpolate-components';
+import interpolateComponents from '@automattic/interpolate-components';
import classnames from 'classnames';
import { getDefaultOptionValue } from '@woocommerce/navigation';
diff --git a/packages/components/src/rating/test/__snapshots__/index.js.snap b/packages/components/src/rating/test/__snapshots__/index.js.snap
index 78982911ed1..3a5ad15c501 100644
--- a/packages/components/src/rating/test/__snapshots__/index.js.snap
+++ b/packages/components/src/rating/test/__snapshots__/index.js.snap
@@ -16,7 +16,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
@@ -30,7 +30,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
@@ -44,7 +44,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
@@ -58,7 +58,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
@@ -72,7 +72,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
@@ -90,7 +90,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
@@ -104,7 +104,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
@@ -118,7 +118,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
@@ -132,7 +132,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
@@ -146,7 +146,7 @@ exports[`ProductRating should render rating based on product object 1`] = `
>
@@ -171,7 +171,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
@@ -185,7 +185,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
@@ -199,7 +199,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
@@ -213,7 +213,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
@@ -227,7 +227,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
@@ -245,7 +245,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
@@ -259,7 +259,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
@@ -273,7 +273,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
@@ -287,7 +287,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
@@ -301,7 +301,7 @@ exports[`Rating should render different icons if specified 1`] = `
>
@@ -326,7 +326,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
@@ -340,7 +340,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
@@ -354,7 +354,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
@@ -368,7 +368,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
@@ -382,7 +382,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
@@ -400,7 +400,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
@@ -414,7 +414,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
@@ -428,7 +428,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
@@ -442,7 +442,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
@@ -456,7 +456,7 @@ exports[`Rating should render stars at a different size 1`] = `
>
@@ -481,7 +481,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
@@ -495,7 +495,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
@@ -509,7 +509,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
@@ -523,7 +523,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
@@ -537,7 +537,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
@@ -551,7 +551,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
@@ -569,7 +569,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
@@ -583,7 +583,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
@@ -597,7 +597,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
@@ -611,7 +611,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
@@ -625,7 +625,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
@@ -639,7 +639,7 @@ exports[`Rating should render the correct amount of total stars 1`] = `
>
@@ -664,7 +664,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
@@ -678,7 +678,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
@@ -692,7 +692,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
@@ -706,7 +706,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
@@ -720,7 +720,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
@@ -738,7 +738,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
@@ -752,7 +752,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
@@ -766,7 +766,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
@@ -780,7 +780,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
@@ -794,7 +794,7 @@ exports[`Rating should render the passed rating prop 1`] = `
>
@@ -819,7 +819,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
@@ -833,7 +833,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
@@ -847,7 +847,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
@@ -861,7 +861,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
@@ -875,7 +875,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
@@ -893,7 +893,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
@@ -907,7 +907,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
@@ -921,7 +921,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
@@ -935,7 +935,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
@@ -949,7 +949,7 @@ exports[`ReviewRating should render rating based on review object 1`] = `
>
diff --git a/packages/components/src/search-list-control/test/__snapshots__/index.js.snap b/packages/components/src/search-list-control/test/__snapshots__/index.js.snap
index 7e66dc7d605..d6f47750f9d 100644
--- a/packages/components/src/search-list-control/test/__snapshots__/index.js.snap
+++ b/packages/components/src/search-list-control/test/__snapshots__/index.js.snap
@@ -47,13 +47,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
@@ -246,13 +246,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
@@ -526,13 +526,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
@@ -710,13 +710,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
@@ -975,13 +975,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
@@ -1159,13 +1159,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
@@ -1424,13 +1424,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
@@ -1506,13 +1506,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
@@ -1669,13 +1669,13 @@ Object {
class="woocommerce-search-list__search"
>
Testing search label
@@ -1853,13 +1853,13 @@ Object {
class="woocommerce-search-list__search"
>
Testing search label
@@ -2118,13 +2118,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
@@ -2156,7 +2156,7 @@ Object {
>
@@ -2189,13 +2189,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
@@ -2227,7 +2227,7 @@ Object {
>
@@ -2341,13 +2341,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
@@ -2379,7 +2379,7 @@ Object {
>
@@ -2412,13 +2412,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
@@ -2450,7 +2450,7 @@ Object {
>
@@ -2564,13 +2564,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
@@ -2664,13 +2664,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
@@ -2845,13 +2845,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
@@ -2945,13 +2945,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
@@ -3159,7 +3159,6 @@ Object {
class="clear-icon"
focusable="false"
height="20"
- role="img"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
@@ -3177,13 +3176,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
@@ -3395,7 +3394,6 @@ Object {
class="clear-icon"
focusable="false"
height="20"
- role="img"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
@@ -3413,13 +3411,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
@@ -3712,7 +3710,6 @@ Object {
class="clear-icon"
focusable="false"
height="20"
- role="img"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
@@ -3754,7 +3751,6 @@ Object {
class="clear-icon"
focusable="false"
height="20"
- role="img"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
@@ -3772,13 +3768,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
@@ -3991,7 +3987,6 @@ Object {
class="clear-icon"
focusable="false"
height="20"
- role="img"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
@@ -4033,7 +4028,6 @@ Object {
class="clear-icon"
focusable="false"
height="20"
- role="img"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
@@ -4051,13 +4045,13 @@ Object {
class="woocommerce-search-list__search"
>
Search for items
diff --git a/packages/components/src/search/autocompleters/attributes.js b/packages/components/src/search/autocompleters/attributes.js
index 2300197188c..ef33033daa6 100644
--- a/packages/components/src/search/autocompleters/attributes.js
+++ b/packages/components/src/search/autocompleters/attributes.js
@@ -4,7 +4,7 @@
import { __ } from '@wordpress/i18n';
import { addQueryArgs } from '@wordpress/url';
import apiFetch from '@wordpress/api-fetch';
-import interpolateComponents from 'interpolate-components';
+import interpolateComponents from '@automattic/interpolate-components';
import { createElement } from '@wordpress/element';
/**
diff --git a/packages/components/src/search/autocompleters/categories.js b/packages/components/src/search/autocompleters/categories.js
index 6799590fb00..5a8ba75aac7 100644
--- a/packages/components/src/search/autocompleters/categories.js
+++ b/packages/components/src/search/autocompleters/categories.js
@@ -4,7 +4,7 @@
import { __ } from '@wordpress/i18n';
import { addQueryArgs } from '@wordpress/url';
import apiFetch from '@wordpress/api-fetch';
-import interpolateComponents from 'interpolate-components';
+import interpolateComponents from '@automattic/interpolate-components';
import { createElement } from '@wordpress/element';
/**
diff --git a/packages/components/src/search/autocompleters/coupons.js b/packages/components/src/search/autocompleters/coupons.js
index df4f75d6e4e..319a2b45b66 100644
--- a/packages/components/src/search/autocompleters/coupons.js
+++ b/packages/components/src/search/autocompleters/coupons.js
@@ -4,7 +4,7 @@
import { __ } from '@wordpress/i18n';
import { addQueryArgs } from '@wordpress/url';
import apiFetch from '@wordpress/api-fetch';
-import interpolateComponents from 'interpolate-components';
+import interpolateComponents from '@automattic/interpolate-components';
import { createElement } from '@wordpress/element';
/**
diff --git a/packages/components/src/search/autocompleters/customers.js b/packages/components/src/search/autocompleters/customers.js
index 7f9c68cc55a..6529914ccad 100644
--- a/packages/components/src/search/autocompleters/customers.js
+++ b/packages/components/src/search/autocompleters/customers.js
@@ -4,7 +4,7 @@
import { __ } from '@wordpress/i18n';
import { addQueryArgs } from '@wordpress/url';
import apiFetch from '@wordpress/api-fetch';
-import interpolateComponents from 'interpolate-components';
+import interpolateComponents from '@automattic/interpolate-components';
import { createElement } from '@wordpress/element';
/**
diff --git a/packages/components/src/search/autocompleters/product.js b/packages/components/src/search/autocompleters/product.js
index dd5b4117db4..a88827f54b1 100644
--- a/packages/components/src/search/autocompleters/product.js
+++ b/packages/components/src/search/autocompleters/product.js
@@ -5,7 +5,7 @@ import { __ } from '@wordpress/i18n';
import { addQueryArgs } from '@wordpress/url';
import apiFetch from '@wordpress/api-fetch';
import { createElement, Fragment } from '@wordpress/element';
-import interpolateComponents from 'interpolate-components';
+import interpolateComponents from '@automattic/interpolate-components';
/**
* Internal dependencies
diff --git a/packages/components/src/search/autocompleters/taxes.js b/packages/components/src/search/autocompleters/taxes.js
index 1b46f09484a..19dbb390506 100644
--- a/packages/components/src/search/autocompleters/taxes.js
+++ b/packages/components/src/search/autocompleters/taxes.js
@@ -4,7 +4,7 @@
import { __ } from '@wordpress/i18n';
import { addQueryArgs } from '@wordpress/url';
import apiFetch from '@wordpress/api-fetch';
-import interpolateComponents from 'interpolate-components';
+import interpolateComponents from '@automattic/interpolate-components';
import { createElement } from '@wordpress/element';
/**
diff --git a/packages/components/src/tag/test/__snapshots__/index.js.snap b/packages/components/src/tag/test/__snapshots__/index.js.snap
index 35098b6833e..c1d732e75a0 100644
--- a/packages/components/src/tag/test/__snapshots__/index.js.snap
+++ b/packages/components/src/tag/test/__snapshots__/index.js.snap
@@ -310,7 +310,6 @@ Object {
class="clear-icon"
focusable="false"
height="20"
- role="img"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
@@ -353,7 +352,6 @@ Object {
class="clear-icon"
focusable="false"
height="20"
- role="img"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/components/src/timeline/test/__snapshots__/index.js.snap b/packages/components/src/timeline/test/__snapshots__/index.js.snap
index ec7f193c9eb..2b9e3b3e77d 100644
--- a/packages/components/src/timeline/test/__snapshots__/index.js.snap
+++ b/packages/components/src/timeline/test/__snapshots__/index.js.snap
@@ -107,7 +107,7 @@ exports[`Timeline With data snapshot 1`] = `
>
@@ -148,7 +148,7 @@ exports[`Timeline With data snapshot 1`] = `
>
diff --git a/packages/currency/CHANGELOG.md b/packages/currency/CHANGELOG.md
index 70f73418017..fa86b507859 100644
--- a/packages/currency/CHANGELOG.md
+++ b/packages/currency/CHANGELOG.md
@@ -1,4 +1,8 @@
# Unreleased
+## Breaking changes
+
+- Update dependencies to support react 17. #8305
+- Drop support for IE11. #8305
# 3.2.1
diff --git a/packages/currency/package.json b/packages/currency/package.json
index 0f3c2c24eca..f85fb05ab75 100644
--- a/packages/currency/package.json
+++ b/packages/currency/package.json
@@ -23,8 +23,8 @@
"dependencies": {
"@woocommerce/number": "file:../number",
"@wordpress/deprecated": "^2.9.0",
- "@wordpress/element": "2.19.0",
- "@wordpress/html-entities": "2.10.0",
+ "@wordpress/element": "4.1.1",
+ "@wordpress/html-entities": "3.3.1",
"@wordpress/i18n": "3.17.0"
},
"publishConfig": {
diff --git a/packages/customer-effort-score/CHANGELOG.md b/packages/customer-effort-score/CHANGELOG.md
index 6f640a3f5a9..ffe6e49bdec 100644
--- a/packages/customer-effort-score/CHANGELOG.md
+++ b/packages/customer-effort-score/CHANGELOG.md
@@ -1,3 +1,7 @@
+# Unreleased
+
+- Update dependencies to support react 17 #8305
+
# 1.1.0
- Fix commonjs module build, allow package to be built in isolation. #7286
diff --git a/packages/customer-effort-score/package.json b/packages/customer-effort-score/package.json
index b5ca8e3d4d4..f384caed277 100644
--- a/packages/customer-effort-score/package.json
+++ b/packages/customer-effort-score/package.json
@@ -21,12 +21,12 @@
"react-native": "src/index",
"dependencies": {
"@woocommerce/experimental": "file:../experimental",
- "@wordpress/components": "^11.1.1",
- "@wordpress/compose": "^3.22.0",
- "@wordpress/data": "^4.27.3",
- "@wordpress/element": "2.19.0",
- "@wordpress/i18n": "3.17.0",
- "@wordpress/notices": "^2.11.0",
+ "@wordpress/components": "19.4.0",
+ "@wordpress/compose": "5.1.1",
+ "@wordpress/data": "^6.2.1",
+ "@wordpress/element": "4.1.1",
+ "@wordpress/i18n": "4.3.1",
+ "@wordpress/notices": "^3.3.0",
"classnames": "2.3.1",
"prop-types": "15.7.2",
"react-transition-group": "4.4.1"
diff --git a/packages/data/CHANGELOG.md b/packages/data/CHANGELOG.md
index b592a9c4c80..88f2b164130 100644
--- a/packages/data/CHANGELOG.md
+++ b/packages/data/CHANGELOG.md
@@ -1,6 +1,9 @@
# Unreleased
-# 2.0.0
+## Breaking changes
+
+- Update dependencies to support react 17. #8305
+- Drop support for IE11. #8305# 2.0.0
## Breaking changes
diff --git a/packages/data/package.json b/packages/data/package.json
index 40e3e872e74..b01551cc33a 100644
--- a/packages/data/package.json
+++ b/packages/data/package.json
@@ -23,16 +23,16 @@
"dependencies": {
"@woocommerce/date": "file:../date",
"@woocommerce/navigation": "file:../navigation",
- "@wordpress/api-fetch": "2.2.8",
- "@wordpress/compose": "3.23.1",
- "@wordpress/core-data": "3.0.0",
- "@wordpress/data": "5.0.0",
- "@wordpress/data-controls": "2.0.0",
- "@wordpress/deprecated": "^3.1.1",
- "@wordpress/element": "2.19.0",
+ "@wordpress/api-fetch": "6.0.1",
+ "@wordpress/compose": "5.1.1",
+ "@wordpress/core-data": "4.1.0",
+ "@wordpress/data": "6.2.1",
+ "@wordpress/data-controls": "2.3.1",
+ "@wordpress/deprecated": "^3.3.1",
+ "@wordpress/element": "4.1.1",
"@wordpress/hooks": "2.11.0",
- "@wordpress/i18n": "3.17.0",
- "@wordpress/url": "2.21.0",
+ "@wordpress/i18n": "4.3.1",
+ "@wordpress/url": "3.4.1",
"dompurify": "^2.3.3",
"md5": "^2.3.0",
"qs": "6.9.6",
@@ -42,7 +42,7 @@
"access": "public"
},
"peerDependencies": {
- "@wordpress/core-data": "^3.0.0"
+ "@wordpress/core-data": "^4.1.0"
},
"scripts": {
"clean": "npx rimraf tsconfig.tsbuildinfo build build-*",
diff --git a/packages/date/CHANGELOG.md b/packages/date/CHANGELOG.md
index 409f02fab97..268f9e7041f 100644
--- a/packages/date/CHANGELOG.md
+++ b/packages/date/CHANGELOG.md
@@ -1,4 +1,8 @@
# Unreleased
+## Breaking changes
+
+- Update dependencies to support react 17. #8305
+- Drop support for IE11. #8305
# 3.2.0
diff --git a/packages/date/package.json b/packages/date/package.json
index 01afc34df08..0fe4304a155 100644
--- a/packages/date/package.json
+++ b/packages/date/package.json
@@ -21,8 +21,8 @@
"module": "build-module/index.js",
"react-native": "src/index",
"dependencies": {
- "@wordpress/date": "3.13.0",
- "@wordpress/i18n": "3.17.0",
+ "@wordpress/date": "4.3.1",
+ "@wordpress/i18n": "4.3.1",
"moment": "2.29.1",
"qs": "6.9.6"
},
diff --git a/packages/experimental/CHANGELOG.md b/packages/experimental/CHANGELOG.md
index 9824c909c02..cdafff79a14 100644
--- a/packages/experimental/CHANGELOG.md
+++ b/packages/experimental/CHANGELOG.md
@@ -1,5 +1,10 @@
# Unreleased
+## Breaking changes
+
+- Update dependencies to support react 17. #8305
+- Drop support for IE11. #8305
+
# 2.2.0
- Make the Inbox note title clickable. #7975
- Fix incorrectly displayed note created date. #8179
diff --git a/packages/experimental/package.json b/packages/experimental/package.json
index 15d6a8fd508..285dd80659b 100644
--- a/packages/experimental/package.json
+++ b/packages/experimental/package.json
@@ -27,14 +27,14 @@
"dependencies": {
"@babel/runtime": "7.14.0",
"@woocommerce/components": "file:../components",
- "@wordpress/components": "10.2.0",
- "@wordpress/element": "2.19.0",
- "@wordpress/i18n": "3.17.0",
- "@wordpress/icons": "2.10.3",
- "@wordpress/keycodes": "2.18.0",
+ "@wordpress/components": "19.4.0",
+ "@wordpress/element": "4.1.1",
+ "@wordpress/i18n": "4.3.1",
+ "@wordpress/icons": "6.3.0",
+ "@wordpress/keycodes": "3.3.1",
"classnames": "^2.3.1",
"dompurify": "2.2.9",
- "gridicons": "3.3.1",
+ "gridicons": "3.4.0",
"moment": "2.29.1",
"react-transition-group": "4.4.1",
"react-visibility-sensor": "5.1.1"
diff --git a/packages/explat/CHANGELOG.md b/packages/explat/CHANGELOG.md
index 4eacb9358f8..6d1b4be4092 100644
--- a/packages/explat/CHANGELOG.md
+++ b/packages/explat/CHANGELOG.md
@@ -1,6 +1,10 @@
# Unreleased
- Make ExPlat request URL args filterable. Added woocommerce_explat_request_args filter #8231
+## Breaking changes
+
+- Update dependencies to support react 17. #8305
+- Drop support for IE11. #8305
# 1.1.4
diff --git a/packages/explat/package.json b/packages/explat/package.json
index ea9dfd8ba9b..585e31e2443 100644
--- a/packages/explat/package.json
+++ b/packages/explat/package.json
@@ -26,7 +26,7 @@
},
"dependencies": {
"@automattic/explat-client": "0.0.2",
- "@automattic/explat-client-react-helpers": "0.0.2",
+ "@automattic/explat-client-react-helpers": "0.0.3",
"cookie": "^0.4.1",
"qs": "6.9.6"
},
diff --git a/packages/explat/src/index.ts b/packages/explat/src/index.ts
index 7ff06aabe1e..22c31e4a5e7 100644
--- a/packages/explat/src/index.ts
+++ b/packages/explat/src/index.ts
@@ -11,7 +11,6 @@ import { isDevelopmentMode } from './utils';
import { logError } from './error';
import { fetchExperimentAssignment } from './assignment';
import { getAnonId, initializeAnonId } from './anon';
-
declare global {
interface Window {
wcTracks: {
diff --git a/packages/navigation/CHANGELOG.md b/packages/navigation/CHANGELOG.md
index 4758b74059d..1fee5d536f8 100644
--- a/packages/navigation/CHANGELOG.md
+++ b/packages/navigation/CHANGELOG.md
@@ -1,9 +1,14 @@
+# Unreleased
+## Breaking changes
+
+- Update dependencies to support react 17. #8305
+- Drop support for IE11. #8305
+
## 6.1.0
- Fix commonjs module build, allow package to be built in isolation. #7286
- Add `getSetOfIdsFromQuery` util.
- Fix `getIdsFromQuery` support for `0` as a valid id.
-
# 6.0.1
- Update dependencies.
diff --git a/packages/navigation/package.json b/packages/navigation/package.json
index 00bf0ccf40a..0bd26cba8e4 100644
--- a/packages/navigation/package.json
+++ b/packages/navigation/package.json
@@ -21,12 +21,12 @@
"module": "build-module/index.js",
"react-native": "src/index",
"dependencies": {
- "@wordpress/api-fetch": "2.2.8",
- "@wordpress/compose": "3.23.1",
- "@wordpress/notices": "1.12.0",
- "@wordpress/components": "11.1.3",
+ "@wordpress/api-fetch": "6.0.1",
+ "@wordpress/compose": "5.1.1",
+ "@wordpress/notices": "3.3.0",
+ "@wordpress/components": "19.4.0",
"@wordpress/hooks": "2.11.0",
- "@wordpress/url": "2.21.0",
+ "@wordpress/url": "3.4.1",
"history": "4.10.1",
"qs": "6.9.6"
},
diff --git a/packages/notices/CHANGELOG.md b/packages/notices/CHANGELOG.md
index 8744b1d4b40..bac96e30649 100644
--- a/packages/notices/CHANGELOG.md
+++ b/packages/notices/CHANGELOG.md
@@ -1,4 +1,12 @@
+
+# Unreleased
+
+## Breaking changes
+
+- Update dependencies to support react 17. #8305
+- Drop support for IE11. #8305
+
## 3.1.0
- Fix commonjs module build, allow package to be built in isolation. #7286
@@ -7,7 +15,6 @@
## Breaking changes
- Move Lodash to a peer dependency.
-
## 2.0.0 (2020-02-10)
### Breaking Change
diff --git a/packages/notices/package.json b/packages/notices/package.json
index b4dd3c1ee4f..2af66f46779 100644
--- a/packages/notices/package.json
+++ b/packages/notices/package.json
@@ -23,8 +23,8 @@
"react-native": "src/index",
"dependencies": {
"@wordpress/a11y": "2.15.2",
- "@wordpress/data": "4.27.3",
- "@wordpress/notices": "1.12.0"
+ "@wordpress/data": "6.2.1",
+ "@wordpress/notices": "3.3.0"
},
"peerDependencies": {
"lodash": "^4.17.0"
diff --git a/packages/onboarding/CHANGELOG.md b/packages/onboarding/CHANGELOG.md
index cf6a01c15fe..3147edbbd3f 100644
--- a/packages/onboarding/CHANGELOG.md
+++ b/packages/onboarding/CHANGELOG.md
@@ -1,5 +1,10 @@
# Unreleased
+## Breaking changes
+
+- Update dependencies to support react 17. #8305
+- Drop support for IE11. #8305
+
# 2.2.2
- Retry fix for missing build-module folder
diff --git a/packages/onboarding/package.json b/packages/onboarding/package.json
index d0fd914119c..f19536633e3 100644
--- a/packages/onboarding/package.json
+++ b/packages/onboarding/package.json
@@ -24,12 +24,12 @@
"access": "public"
},
"dependencies": {
- "@wordpress/components": "^14.1.0",
- "@wordpress/element": "2.19.0",
+ "@wordpress/components": "19.4.0",
+ "@wordpress/element": "4.1.1",
"@wordpress/i18n": "^4.1.0",
"concurrently": "5.3.0",
"gridicons": "^3.3.1",
- "interpolate-components": "^1.1.1"
+ "@automattic/interpolate-components": "^1.2.0"
},
"devDependencies": {
"@woocommerce/style-build": "file:../style-build"
diff --git a/webpack.config.js b/webpack.config.js
index b398d505c56..71f319c4ef6 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -87,7 +87,12 @@ const webpackConfig = {
},
{
test: /\.(t|j)sx?$/,
- exclude: [ /node_modules(\/|\\)(?!(debug))/ ],
+ exclude: [
+ // Exclude node_modules/ but not node_modules/debug* and node_modules/explat-client-react-helpers
+ // explat-client-react-helpers module contains optional chaining operators which need to be processed via babel loader for webpack 4.
+ // see webpack issue for details: https://github.com/webpack/webpack/issues/10227#issue-547480527
+ /node_modules(\/|\\)(?!(debug|@automattic\/explat-client-react-helpers))/,
+ ],
use: {
loader: 'babel-loader',
options: {