[Breaking changes] Bump several major dependencies

.changeset/angry-parrots-begin.md

@@ -0,0 +1,5 @@
+---
+'playground': major
+---
+
+- Uses `react@17`, `react-dom@17`.

.changeset/brave-chairs-listen.md

@@ -0,0 +1,5 @@
+---
+'@commercetools-frontend/create-mc-app': major
+---
+
+- Changes required Node.js engine version to `>=12 || >=14` in `package.json`.

.changeset/brown-cows-sparkle.md

@@ -0,0 +1,8 @@
+---
+'@commercetools-frontend/application-shell-connectors': major
+---
+
+- Requires a peer dependency of `react@17`.
+- The `@types/react*` peer dependencies have been removed and included as normal dependencies with a minor range version.
+- Changes required Node.js engine version to `>=12 || >=14` in `package.json`.
+- Uses `graphql@15`.

.changeset/chatty-houses-shave.md

@@ -0,0 +1,5 @@
+---
+'@commercetools-frontend/mc-html-template': major
+---
+
+- Changes required Node.js engine version to `>=12 || >=14` in `package.json`.

.changeset/clever-monkeys-invite.md

@@ -0,0 +1,5 @@
+---
+'@commercetools-local/visual-testing-app': major
+---
+
+- Uses `react@17`, `react-dom@17`.

.changeset/clever-wombats-teach.md

@@ -0,0 +1,5 @@
+---
+'merchant-center-application-template-starter': minor
+---
+
+- Uses `react@17`, `react-dom@17`.

.changeset/early-balloons-count.md

@@ -0,0 +1,6 @@
+---
+'@commercetools-frontend/l10n': major
+---
+
+- Requires a peer dependency of `react@17`.
+- The `@types/react*` peer dependencies have been removed and included as normal dependencies with a minor range version.

.changeset/forty-snails-yawn.md

@@ -0,0 +1,6 @@
+---
+'@commercetools-frontend/permissions': major
+---
+
+- Requires a peer dependency of `react@17`.
+- The `@types/react*` peer dependencies have been removed and included as normal dependencies with a minor range version.

.changeset/funny-pugs-join.md

@@ -0,0 +1,7 @@
+---
+'@commercetools-frontend/react-notifications': major
+---
+
+- Requires a peer dependency of `react@17`, `react-dom@17`.
+- The `@types/react*` peer dependencies have been removed and included as normal dependencies with a minor range version.
+- The peer dependency `react-intl` now only requires version `>=5`.

.changeset/fuzzy-planes-scream.md

@@ -0,0 +1,6 @@
+---
+'@commercetools-frontend/actions-global': major
+---
+
+- Requires a peer dependency of `react@17`.
+- The `@types/react*` peer dependencies have been removed and included as normal dependencies with a minor range version.

.changeset/late-cougars-rule.md

@@ -0,0 +1,6 @@
+---
+'@commercetools-frontend/jest-stylelint-runner': major
+---
+
+- The peer dependency `postcss` now only requires version `>=8`.
+- The peer dependency `stylelint` now only requires version `>=13`.

.changeset/little-wasps-push.md

@@ -0,0 +1,5 @@
+---
+'@commercetools-frontend/mc-dev-authentication': major
+---
+
+- Changes required Node.js engine version to `>=12 || >=14` in `package.json`.

.changeset/odd-lobsters-shout.md

@@ -0,0 +1,6 @@
+---
+'@commercetools-frontend/sentry': major
+---
+
+- Requires a peer dependency of `react@17`.
+- The `@types/react*` peer dependencies have been removed and included as normal dependencies with a minor range version.

.changeset/olive-turtles-judge.md

@@ -0,0 +1,6 @@
+---
+'@commercetools-frontend/jest-preset-mc-app': major
+---
+
+- The peer dependency `@testing-library/react` now only requires version `>=11`.
+- The peer dependency `@jest` now only requires version `>=26`.

.changeset/pink-zebras-watch.md

@@ -0,0 +1,6 @@
+---
+'@commercetools-frontend/sdk': major
+---
+
+- Requires a peer dependency of `react@17`.
+- The `@types/react*` peer dependencies have been removed and included as normal dependencies with a minor range version.

.changeset/quiet-glasses-smell.md

@@ -0,0 +1,10 @@
+---
+'@commercetools-frontend/application-shell': major
+---
+
+- Requires a peer dependency of `react@17`, `react-dom@17`.
+- The `@types/react*` peer dependencies have been removed and included as normal dependencies with a minor range version.
+- The peer dependency `react-intl` now only requires version `>=5`.
+- The peer dependency `@testing-library/react` now only requires version `>=11`.
+- Changes required Node.js engine version to `>=12 || >=14` in `package.json`.
+- Uses `graphql@15`.

.changeset/shiny-beds-cover.md

@@ -0,0 +1,8 @@
+---
+'@commercetools-frontend/application-components': major
+---
+
+- Requires a peer dependency of `react@17`, `react-dom@17`.
+- The `@types/react*` peer dependencies have been removed and included as normal dependencies with a minor range version.
+- The peer dependency `react-intl` now only requires version `>=5`.
+- The peer dependency `@commercetools-frontend/ui-kit` has been removed.

.changeset/small-grapes-cross.md

@@ -0,0 +1,26 @@
+---
+'merchant-center-application-template-starter': major
+'@commercetools-frontend/actions-global': major
+'@commercetools-frontend/application-components': major
+'@commercetools-frontend/application-config': major
+'@commercetools-frontend/application-shell': major
+'@commercetools-frontend/application-shell-connectors': major
+'@commercetools-frontend/create-mc-app': major
+'@commercetools-frontend/i18n': major
+'@commercetools-frontend/jest-preset-mc-app': major
+'@commercetools-frontend/jest-stylelint-runner': major
+'@commercetools-frontend/l10n': major
+'@commercetools-frontend/mc-dev-authentication': major
+'@commercetools-frontend/mc-html-template': major
+'@commercetools-frontend/mc-scripts': major
+'@commercetools-frontend/permissions': major
+'@commercetools-frontend/react-notifications': major
+'@commercetools-frontend/sdk': major
+'@commercetools-frontend/sentry': major
+'playground': major
+'@commercetools-local/visual-testing-app': major
+'@commercetools-website/custom-applications': major
+'@commercetools-website/components-playground': major
+---
+
+Upgrade and migrate packages to use `ui-kit@v12`

.changeset/sweet-jeans-draw.md

@@ -0,0 +1,6 @@
+---
+'@commercetools-frontend/mc-scripts': major
+---
+
+- Changes required Node.js engine version to `>=12 || >=14` in `package.json`.
+- Uses `webpack@5`.

.changeset/ten-adults-repeat.md

@@ -0,0 +1,7 @@
+---
+'@commercetools-frontend/i18n': major
+---
+
+- Requires a peer dependency of `react@17`.
+- The `@types/react*` peer dependencies have been removed and included as normal dependencies with a minor range version.
+- The peer dependency `react-intl` now only requires version `>=5`.

.changeset/tricky-wolves-lick.md

@@ -0,0 +1,5 @@
+---
+'@commercetools-frontend/application-config': major
+---
+
+- Changes required Node.js engine version to `>=12 || >=14` in `package.json`.

@types/commercetools-uikit__async-select-input/index.d.ts

@@ -13,6 +13,23 @@ declare module '@commercetools-uikit/async-select-input' {
   export type AsyncSelectInputProps<
     OptionType extends OptionTypeBase = { label: string; value: string }
   > = {
+    horizontalConstraint?:
+      | 3
+      | 4
+      | 5
+      | 6
+      | 7
+      | 8
+      | 9
+      | 10
+      | 11
+      | 12
+      | 13
+      | 14
+      | 15
+      | 16
+      | 'scale'
+      | 'auto';
     hasError?: boolean;
     isReadOnly?: boolean;
     menuPortalZIndex: number;

@types/commercetools-uikit__select-input/index.d.ts

@@ -13,7 +13,23 @@ declare module '@commercetools-uikit/select-input' {
   export type SelectInputProps<
     OptionType extends OptionTypeBase = { label: string; value: string }
   > = {
-    horizontalConstraint?: 's' | 'm' | 'l' | 'xl' | 'scale';
+    horizontalConstraint?:
+      | 3
+      | 4
+      | 5
+      | 6
+      | 7
+      | 8
+      | 9
+      | 10
+      | 11
+      | 12
+      | 13
+      | 14
+      | 15
+      | 16
+      | 'scale'
+      | 'auto';
     hasError?: boolean;
     hasWarning?: boolean;
     isReadOnly?: boolean;

@types/commercetools-uikit__text-field/index.d.ts

@@ -14,7 +14,23 @@ declare module '@commercetools-uikit/text-field' {
     [K in keyof Values]?: CustomFormikErrorsField;
   };
   export interface FieldComponentProps {
-    horizontalConstraint: 's' | 'm' | 'l' | 'xl' | 'scale';
+    horizontalConstraint?:
+      | 3
+      | 4
+      | 5
+      | 6
+      | 7
+      | 8
+      | 9
+      | 10
+      | 11
+      | 12
+      | 13
+      | 14
+      | 15
+      | 16
+      | 'scale'
+      | 'auto';
     touched?: boolean;
   }
   export interface FieldComponentLabelProps {

application-templates/starter/package.json

@@ -23,13 +23,13 @@
     "@commercetools-frontend/assets": "18.5.4",
     "@commercetools-frontend/i18n": "18.7.0",
     "@commercetools-frontend/permissions": "18.7.0",
-    "@commercetools-uikit/flat-button": "^11.2.0",
-    "@commercetools-uikit/icons": "^11.2.0",
-    "@commercetools-uikit/spacings": "^11.2.0",
-    "@commercetools-uikit/text": "^11.2.0",
+    "@commercetools-uikit/flat-button": "^12.0.0",
+    "@commercetools-uikit/icons": "^12.0.0",
+    "@commercetools-uikit/spacings": "^12.0.0",
+    "@commercetools-uikit/text": "^12.0.0",
     "prop-types": "15.7.2",
-    "react": "16.14.0",
-    "react-dom": "16.14.0",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
     "react-intl": "5.15.7",
     "react-redux": "7.2.3",
     "react-router-dom": "5.2.0",

package.json

@@ -6,7 +6,7 @@
   "private": true,
   "scripts": {
     "prepare": "husky install",
-    "postinstall": "manypkg check && preconstruct dev && yarn compile-css-modules && yarn --cwd website && yarn --cwd website-components-playground",
+    "postinstall": "manypkg check && preconstruct dev && yarn compile-css-modules",
     "auth": "npm_config_registry=https://registry.npmjs.org npm whoami",
     "clean": "manypkg exec rm -rf build dist test-utils/dist experimental/dist task/dist add-commands/dist",
     "extract-intl": "formatjs extract --format=$(pwd)/packages/i18n/transifex-transformer.js --out-file=$(pwd)/packages/i18n/data/core.json 'packages/**/*messages.ts'",
@@ -65,7 +65,9 @@
       "packages-backend/*",
       "application-templates/*",
       "playground",
-      "visual-testing-app"
+      "visual-testing-app",
+      "website",
+      "website-components-playground"
     ]
   },
   "preconstruct": {
@@ -98,7 +100,7 @@
     "@commercetools-docs/writing-style": "3.0.5",
     "@commercetools-frontend/eslint-config-mc-app": "*",
     "@commercetools-test-data/core": "2.1.2",
-    "@commercetools-uikit/design-system": "^11.0.2",
+    "@commercetools-uikit/design-system": "^12.0.0",
     "@commercetools/github-labels": "1.1.0",
     "@commitlint/cli": "12.1.1",
     "@commitlint/config-conventional": "12.1.1",
@@ -127,13 +129,7 @@
     "@types/jquery": "3.5.5",
     "@types/node": "14.14.37",
     "@types/puppeteer": "5.4.3",
-    "@types/react": "16.14.5",
-    "@types/react-dom": "16.9.12",
-    "@types/react-redux": "7.1.16",
-    "@types/react-router": "5.1.13",
-    "@types/react-router-dom": "5.1.7",
     "@types/uuid": "8.3.0",
-    "@types/webpack": "4.41.27",
     "@types/webpack-env": "1.16.0",
     "apollo-server-errors": "2.4.2",
     "autoprefixer": "10.2.5",
@@ -178,19 +174,20 @@
     "vfile-message": "2.0.4"
   },
   "resolutions": {
-    "@types/react": "16.14.5",
+    "@babel/core": "7.13.14",
+    "@pmmmwh/react-refresh-webpack-plugin": "0.5.0-beta.1",
+    "@types/puppeteer": "5.4.3",
     "@types/react-router": "5.1.13",
-    "graphql": "14.7.0",
-    "pretty-format": "26.6.2",
-    "intl-messageformat-parser": "6.4.4",
-    "**/intl-messageformat-parser": "6.4.4",
     "@typescript-eslint/eslint-plugin": "4.20.0",
     "@typescript-eslint/parser": "4.20.0",
-    "@types/puppeteer": "5.4.3",
+    "graphql": "15.5.0",
+    "intl-messageformat-parser": "6.4.4",
+    "**/intl-messageformat-parser": "6.4.4",
+    "pretty-format": "26.6.2",
     "react-intl": "5.15.7"
   },
   "engines": {
-    "node": ">=14",
+    "node": ">=12 || >=14",
     "npm": ">=6",
     "yarn": ">=1.10"
   }

packages/actions-global/package.json

@@ -29,20 +29,18 @@
     "@commercetools-frontend/notifications": "18.6.0",
     "@commercetools-frontend/sentry": "18.6.0",
     "@types/lodash": "^4.14.167",
+    "@types/react": "^17.0.3",
+    "@types/react-redux": "^7.1.16",
     "lodash": "4.17.21",
     "redux-thunk": "2.3.0"
   },
   "devDependencies": {
-    "@types/react": "16.14.5",
-    "@types/react-redux": "7.1.16",
-    "react": "16.14.0",
+    "react": "17.0.2",
     "react-redux": "7.2.3",
     "redux": "4.0.5"
   },
   "peerDependencies": {
-    "@types/react": "16.x",
-    "@types/react-redux": "7.x",
-    "react": ">=16.8.0",
+    "react": "17.x",
     "react-redux": "7.x",
     "redux": "4.x"
   }