Skip to content

Commit a240f65

Browse files
emmenkoadnasa
emmenko
and
adnasa
authored
[Breaking changes] Bump several major dependencies (#2041)
* refactor: migrate to webpack v5 * refactor: chore: re-add websites into workspaces * refactor: migrate webpack-dev-server * chore: remove patch file * refactor: sync config with CRA * fix(mc-scripts): load correct browserslist config based on environment * refactor(mc-scripts): small improvements * refactor: simplify and drop old peer dep versions * fix: hmr * fix: lockfile * chore: regenerate types and schema * docs: add comment * docs: add changesets * fix: missing Link component types * chore: upgrade docskit to v16 * chore: upgrade ui-kit to v12 (#2131) * chore: upgrade ui-kit * refactor(types): add new horizontalConstraint map, add `design-system` module * refactor(playground): remove old use of props * refactor(application-components): remove use of old props * refactor(visual-testing-app): remove use of old props * chore: changeset * chore: upgrade to latest docs-kit (includes uikit v12) * fix: remove unnecessary types, fix constraints Co-authored-by: Nicola Molinari <[email protected]> * docs: improve changesets Co-authored-by: Adnan Asani <[email protected]>
1 parent c295c09 commit a240f65

File tree

77 files changed

+92117
-106643
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

77 files changed

+92117
-106643
lines changed

‎.changeset/angry-parrots-begin.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'playground': major
3+
---
4+
5+
- Uses `react@17`, `react-dom@17`.

‎.changeset/brave-chairs-listen.md

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

‎.changeset/brown-cows-sparkle.md

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

‎.changeset/chatty-houses-shave.md

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

‎.changeset/clever-monkeys-invite.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@commercetools-local/visual-testing-app': major
3+
---
4+
5+
- Uses `react@17`, `react-dom@17`.

‎.changeset/clever-wombats-teach.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'merchant-center-application-template-starter': minor
3+
---
4+
5+
- Uses `react@17`, `react-dom@17`.

‎.changeset/early-balloons-count.md

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

‎.changeset/forty-snails-yawn.md

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

‎.changeset/funny-pugs-join.md

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

‎.changeset/fuzzy-planes-scream.md

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

‎.changeset/late-cougars-rule.md

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
'@commercetools-frontend/jest-stylelint-runner': major
3+
---
4+
5+
- The peer dependency `postcss` now only requires version `>=8`.
6+
- The peer dependency `stylelint` now only requires version `>=13`.

‎.changeset/little-wasps-push.md

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

‎.changeset/odd-lobsters-shout.md

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

‎.changeset/olive-turtles-judge.md

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
'@commercetools-frontend/jest-preset-mc-app': major
3+
---
4+
5+
- The peer dependency `@testing-library/react` now only requires version `>=11`.
6+
- The peer dependency `@jest` now only requires version `>=26`.

‎.changeset/pink-zebras-watch.md

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

‎.changeset/quiet-glasses-smell.md

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

‎.changeset/shiny-beds-cover.md

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

‎.changeset/small-grapes-cross.md

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
---
2+
'merchant-center-application-template-starter': major
3+
'@commercetools-frontend/actions-global': major
4+
'@commercetools-frontend/application-components': major
5+
'@commercetools-frontend/application-config': major
6+
'@commercetools-frontend/application-shell': major
7+
'@commercetools-frontend/application-shell-connectors': major
8+
'@commercetools-frontend/create-mc-app': major
9+
'@commercetools-frontend/i18n': major
10+
'@commercetools-frontend/jest-preset-mc-app': major
11+
'@commercetools-frontend/jest-stylelint-runner': major
12+
'@commercetools-frontend/l10n': major
13+
'@commercetools-frontend/mc-dev-authentication': major
14+
'@commercetools-frontend/mc-html-template': major
15+
'@commercetools-frontend/mc-scripts': major
16+
'@commercetools-frontend/permissions': major
17+
'@commercetools-frontend/react-notifications': major
18+
'@commercetools-frontend/sdk': major
19+
'@commercetools-frontend/sentry': major
20+
'playground': major
21+
'@commercetools-local/visual-testing-app': major
22+
'@commercetools-website/custom-applications': major
23+
'@commercetools-website/components-playground': major
24+
---
25+
26+
Upgrade and migrate packages to use `ui-kit@v12`

‎.changeset/sweet-jeans-draw.md

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

‎.changeset/ten-adults-repeat.md

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

‎.changeset/tricky-wolves-lick.md

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

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

+17
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,23 @@ declare module '@commercetools-uikit/async-select-input' {
1313
export type AsyncSelectInputProps<
1414
OptionType extends OptionTypeBase = { label: string; value: string }
1515
> = {
16+
horizontalConstraint?:
17+
| 3
18+
| 4
19+
| 5
20+
| 6
21+
| 7
22+
| 8
23+
| 9
24+
| 10
25+
| 11
26+
| 12
27+
| 13
28+
| 14
29+
| 15
30+
| 16
31+
| 'scale'
32+
| 'auto';
1633
hasError?: boolean;
1734
isReadOnly?: boolean;
1835
menuPortalZIndex: number;

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

+17-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,23 @@ declare module '@commercetools-uikit/select-input' {
1313
export type SelectInputProps<
1414
OptionType extends OptionTypeBase = { label: string; value: string }
1515
> = {
16-
horizontalConstraint?: 's' | 'm' | 'l' | 'xl' | 'scale';
16+
horizontalConstraint?:
17+
| 3
18+
| 4
19+
| 5
20+
| 6
21+
| 7
22+
| 8
23+
| 9
24+
| 10
25+
| 11
26+
| 12
27+
| 13
28+
| 14
29+
| 15
30+
| 16
31+
| 'scale'
32+
| 'auto';
1733
hasError?: boolean;
1834
hasWarning?: boolean;
1935
isReadOnly?: boolean;

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

+17-1
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,23 @@ declare module '@commercetools-uikit/text-field' {
1414
[K in keyof Values]?: CustomFormikErrorsField;
1515
};
1616
export interface FieldComponentProps {
17-
horizontalConstraint: 's' | 'm' | 'l' | 'xl' | 'scale';
17+
horizontalConstraint?:
18+
| 3
19+
| 4
20+
| 5
21+
| 6
22+
| 7
23+
| 8
24+
| 9
25+
| 10
26+
| 11
27+
| 12
28+
| 13
29+
| 14
30+
| 15
31+
| 16
32+
| 'scale'
33+
| 'auto';
1834
touched?: boolean;
1935
}
2036
export interface FieldComponentLabelProps {

‎application-templates/starter/package.json

+6-6
Original file line numberDiff line numberDiff line change
@@ -23,13 +23,13 @@
2323
"@commercetools-frontend/assets": "18.5.4",
2424
"@commercetools-frontend/i18n": "18.7.0",
2525
"@commercetools-frontend/permissions": "18.7.0",
26-
"@commercetools-uikit/flat-button": "^11.2.0",
27-
"@commercetools-uikit/icons": "^11.2.0",
28-
"@commercetools-uikit/spacings": "^11.2.0",
29-
"@commercetools-uikit/text": "^11.2.0",
26+
"@commercetools-uikit/flat-button": "^12.0.0",
27+
"@commercetools-uikit/icons": "^12.0.0",
28+
"@commercetools-uikit/spacings": "^12.0.0",
29+
"@commercetools-uikit/text": "^12.0.0",
3030
"prop-types": "15.7.2",
31-
"react": "16.14.0",
32-
"react-dom": "16.14.0",
31+
"react": "17.0.2",
32+
"react-dom": "17.0.2",
3333
"react-intl": "5.15.7",
3434
"react-redux": "7.2.3",
3535
"react-router-dom": "5.2.0",

‎package.json

+13-16
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
"private": true,
77
"scripts": {
88
"prepare": "husky install",
9-
"postinstall": "manypkg check && preconstruct dev && yarn compile-css-modules && yarn --cwd website && yarn --cwd website-components-playground",
9+
"postinstall": "manypkg check && preconstruct dev && yarn compile-css-modules",
1010
"auth": "npm_config_registry=https://registry.npmjs.org npm whoami",
1111
"clean": "manypkg exec rm -rf build dist test-utils/dist experimental/dist task/dist add-commands/dist",
1212
"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 @@
6565
"packages-backend/*",
6666
"application-templates/*",
6767
"playground",
68-
"visual-testing-app"
68+
"visual-testing-app",
69+
"website",
70+
"website-components-playground"
6971
]
7072
},
7173
"preconstruct": {
@@ -98,7 +100,7 @@
98100
"@commercetools-docs/writing-style": "3.0.5",
99101
"@commercetools-frontend/eslint-config-mc-app": "*",
100102
"@commercetools-test-data/core": "2.1.2",
101-
"@commercetools-uikit/design-system": "^11.0.2",
103+
"@commercetools-uikit/design-system": "^12.0.0",
102104
"@commercetools/github-labels": "1.1.0",
103105
"@commitlint/cli": "12.1.1",
104106
"@commitlint/config-conventional": "12.1.1",
@@ -127,13 +129,7 @@
127129
"@types/jquery": "3.5.5",
128130
"@types/node": "14.14.37",
129131
"@types/puppeteer": "5.4.3",
130-
"@types/react": "16.14.5",
131-
"@types/react-dom": "16.9.12",
132-
"@types/react-redux": "7.1.16",
133-
"@types/react-router": "5.1.13",
134-
"@types/react-router-dom": "5.1.7",
135132
"@types/uuid": "8.3.0",
136-
"@types/webpack": "4.41.27",
137133
"@types/webpack-env": "1.16.0",
138134
"apollo-server-errors": "2.4.2",
139135
"autoprefixer": "10.2.5",
@@ -178,19 +174,20 @@
178174
"vfile-message": "2.0.4"
179175
},
180176
"resolutions": {
181-
"@types/react": "16.14.5",
177+
"@babel/core": "7.13.14",
178+
"@pmmmwh/react-refresh-webpack-plugin": "0.5.0-beta.1",
179+
"@types/puppeteer": "5.4.3",
182180
"@types/react-router": "5.1.13",
183-
"graphql": "14.7.0",
184-
"pretty-format": "26.6.2",
185-
"intl-messageformat-parser": "6.4.4",
186-
"**/intl-messageformat-parser": "6.4.4",
187181
"@typescript-eslint/eslint-plugin": "4.20.0",
188182
"@typescript-eslint/parser": "4.20.0",
189-
"@types/puppeteer": "5.4.3",
183+
"graphql": "15.5.0",
184+
"intl-messageformat-parser": "6.4.4",
185+
"**/intl-messageformat-parser": "6.4.4",
186+
"pretty-format": "26.6.2",
190187
"react-intl": "5.15.7"
191188
},
192189
"engines": {
193-
"node": ">=14",
190+
"node": ">=12 || >=14",
194191
"npm": ">=6",
195192
"yarn": ">=1.10"
196193
}

‎packages/actions-global/package.json

+4-6
Original file line numberDiff line numberDiff line change
@@ -29,20 +29,18 @@
2929
"@commercetools-frontend/notifications": "18.6.0",
3030
"@commercetools-frontend/sentry": "18.6.0",
3131
"@types/lodash": "^4.14.167",
32+
"@types/react": "^17.0.3",
33+
"@types/react-redux": "^7.1.16",
3234
"lodash": "4.17.21",
3335
"redux-thunk": "2.3.0"
3436
},
3537
"devDependencies": {
36-
"@types/react": "16.14.5",
37-
"@types/react-redux": "7.1.16",
38-
"react": "16.14.0",
38+
"react": "17.0.2",
3939
"react-redux": "7.2.3",
4040
"redux": "4.0.5"
4141
},
4242
"peerDependencies": {
43-
"@types/react": "16.x",
44-
"@types/react-redux": "7.x",
45-
"react": ">=16.8.0",
43+
"react": "17.x",
4644
"react-redux": "7.x",
4745
"redux": "4.x"
4846
}

0 commit comments

Comments
 (0)