From cf9c84f09c52b6162e7f6e8dd1eb0a1aeb56c457 Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Tue, 20 Jun 2023 11:50:59 +0200 Subject: [PATCH 01/45] chore(deps): :arrow_up: Update definitelyTyped (#2843) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> --- yarn.lock | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/yarn.lock b/yarn.lock index f47011ce38..c3f98a155b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3981,9 +3981,9 @@ __metadata: linkType: hard "@types/node@npm:*": - version: 20.2.5 - resolution: "@types/node@npm:20.2.5" - checksum: 38ce7c7e9d76880dc632f71d71e0d5914fcda9d5e9a7095d6c339abda55ca4affb0f2a882aeb29398f8e09d2c5151f0b6586c81c8ccdfe529c34b1ea3337425e + version: 20.3.1 + resolution: "@types/node@npm:20.3.1" + checksum: 63a393ab6d947be17320817b35d7277ef03728e231558166ed07ee30b09fd7c08861be4d746f10fdc63ca7912e8cd023939d4eab887ff6580ff704ff24ed810c languageName: node linkType: hard @@ -3995,9 +3995,9 @@ __metadata: linkType: hard "@types/node@npm:^14.14.31": - version: 14.18.48 - resolution: "@types/node@npm:14.18.48" - checksum: bc410153cd12b5f5218c2c2a5ab4a65e8dc99ebffe98261a30e9d4beb8f9a0e4ee48c41b850f8cb80da6ed1024e42bba8dee1592869aa5b1826ddb7c29ad6899 + version: 14.18.51 + resolution: "@types/node@npm:14.18.51" + checksum: 0960a31d2ac605763fe79c8edcee3cb48257d345ce417c019d84ff5d8cd92dd0937674814ab3f169346b4259c29f640556006bcb2c54cfb3e63fa0cf728d320e languageName: node linkType: hard @@ -4009,9 +4009,9 @@ __metadata: linkType: hard "@types/node@npm:^18.13.0": - version: 18.16.16 - resolution: "@types/node@npm:18.16.16" - checksum: 0efad726dd1e0bef71c392c708fc5d78c5b39c46b0ac5186fee74de4ccb1b2e847b3fa468da67d62812f56569da721b15bf31bdc795e6c69b56c73a45079ed2d + version: 18.16.18 + resolution: "@types/node@npm:18.16.18" + checksum: d32d8a0a04cd3f5ecb361bcb42f3a07623881ac90d680e06bf626defb3c663a94860d11690babe607cfe67265eceeb8a59ba5fe40c0e49f5a1b01e0088640469 languageName: node linkType: hard @@ -4058,11 +4058,11 @@ __metadata: linkType: hard "@types/react-dom@npm:^18.0.11": - version: 18.2.4 - resolution: "@types/react-dom@npm:18.2.4" + version: 18.2.6 + resolution: "@types/react-dom@npm:18.2.6" dependencies: "@types/react": "*" - checksum: 8301f35cf1cbfec8c723e9477aecf87774e3c168bd457d353b23c45064737213d3e8008b067c6767b7b08e4f2b3823ee239242a6c225fc91e7f8725ef8734124 + checksum: b56e42efab121a3a8013d2eb8c1688e6028a25ea6d33c4362d2846f0af3760b164b4d7c34846614024cfb8956cca70dd1743487f152e32ff89a00fe6fbd2be54 languageName: node linkType: hard @@ -4076,13 +4076,13 @@ __metadata: linkType: hard "@types/react@npm:*, @types/react@npm:^18.0.28": - version: 18.2.9 - resolution: "@types/react@npm:18.2.9" + version: 18.2.13 + resolution: "@types/react@npm:18.2.13" dependencies: "@types/prop-types": "*" "@types/scheduler": "*" csstype: ^3.0.2 - checksum: f155256171a2d701eb962a1d3aa2a1c9ee36d9dd4a4aecb911d29e50717aab1a76914aef25242665147c455b9e8d081d1a60275d13ca81075c148ebd6607414a + checksum: f7c15f19c164a29262993ea2aae2085fa38cddd9b8359fd8fefabfced91010b515a3abe2042b2b7f2f86e6b38a25b191415aa9313a9027175e3a000883c858cc languageName: node linkType: hard From 9f3c87d9c897889d21139ec0bb404abc389814d4 Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Thu, 22 Jun 2023 11:44:24 +0200 Subject: [PATCH 02/45] chore(deps): :arrow_up: Update all non-major dependency bump (#2842) Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> --- yarn.lock | 313 ++++++++++++++++++++++++++++++------------------------ 1 file changed, 172 insertions(+), 141 deletions(-) diff --git a/yarn.lock b/yarn.lock index c3f98a155b..33299e771d 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2461,43 +2461,43 @@ __metadata: linkType: hard "@microsoft/api-documenter@npm:^7.21.5": - version: 7.22.12 - resolution: "@microsoft/api-documenter@npm:7.22.12" + version: 7.22.21 + resolution: "@microsoft/api-documenter@npm:7.22.21" dependencies: - "@microsoft/api-extractor-model": 7.27.2 + "@microsoft/api-extractor-model": 7.27.3 "@microsoft/tsdoc": 0.14.2 - "@rushstack/node-core-library": 3.59.3 - "@rushstack/ts-command-line": 4.14.0 + "@rushstack/node-core-library": 3.59.4 + "@rushstack/ts-command-line": 4.15.1 colors: ~1.2.1 js-yaml: ~3.13.1 resolve: ~1.22.1 bin: api-documenter: bin/api-documenter - checksum: c5409045f52cf330d4019fbb3efd7d734142f97097a90fa561462bdd7810669190150237b413ed3368060051acead906e9eb3943fd2c76a805f7bc3382c1840e + checksum: 18846a58380dc1c420c3ddfc04217863f4640c77e0e56c6d05bf0525080a2023ac74dcf3c842fcec7b6a60bee385b530c2a81f4e49b4b924ab8d8439723fc627 languageName: node linkType: hard -"@microsoft/api-extractor-model@npm:7.27.2": - version: 7.27.2 - resolution: "@microsoft/api-extractor-model@npm:7.27.2" +"@microsoft/api-extractor-model@npm:7.27.3": + version: 7.27.3 + resolution: "@microsoft/api-extractor-model@npm:7.27.3" dependencies: "@microsoft/tsdoc": 0.14.2 "@microsoft/tsdoc-config": ~0.16.1 - "@rushstack/node-core-library": 3.59.3 - checksum: 8348cbd7443effeef2a02794d232e5bc97d5a0afb0897b155749836194492b9511c903e1c025d50bf3e4320d0a0add86554ea9d8502e616c8f9dcab00bb81688 + "@rushstack/node-core-library": 3.59.4 + checksum: 3b2820bc2e7788713037a78821deddce89c9954b404b89b08d903d54f4428ab38213ad9369dd34a000ecc1bbc937d4924dabb284be3ac6b03bd68893a682eb45 languageName: node linkType: hard "@microsoft/api-extractor@npm:^7.34.4": - version: 7.35.2 - resolution: "@microsoft/api-extractor@npm:7.35.2" + version: 7.36.0 + resolution: "@microsoft/api-extractor@npm:7.36.0" dependencies: - "@microsoft/api-extractor-model": 7.27.2 + "@microsoft/api-extractor-model": 7.27.3 "@microsoft/tsdoc": 0.14.2 "@microsoft/tsdoc-config": ~0.16.1 - "@rushstack/node-core-library": 3.59.3 - "@rushstack/rig-package": 0.3.20 - "@rushstack/ts-command-line": 4.14.0 + "@rushstack/node-core-library": 3.59.4 + "@rushstack/rig-package": 0.4.0 + "@rushstack/ts-command-line": 4.15.1 colors: ~1.2.1 lodash: ~4.17.15 resolve: ~1.22.1 @@ -2506,7 +2506,7 @@ __metadata: typescript: ~5.0.4 bin: api-extractor: bin/api-extractor - checksum: eeb1635bec5d8b29b9f2b5712ec7c0d0e4eedb633cc62847dbfc6aa69ba9aa58100b7e93e266774d8946f83f32a60a42b7b9c52f8eed3dad3095bfaf2bcdc8f6 + checksum: c1c990635ce0cc431e5dcc7758229657ad9b04738b28fafb8b1ed7323e5636b1c705f8a4340623f5a2557af87514e5a74b9bbea920b750bc23ec198a039c7b07 languageName: node linkType: hard @@ -2548,10 +2548,10 @@ __metadata: languageName: node linkType: hard -"@next/env@npm:13.4.4": - version: 13.4.4 - resolution: "@next/env@npm:13.4.4" - checksum: 9ab9b9ac4e5920cb9911273a776a5e2564844ac735a9c483bf584e090a7f534ce4a8fcda313132d338837e634513f680885c6b4ee811d5175db1b98b0bba4b35 +"@next/env@npm:13.4.7": + version: 13.4.7 + resolution: "@next/env@npm:13.4.7" + checksum: 5a2bba68fb8c80c87324025f10af7fe7319efdb15777247bfa8ff58e61bcc19b150bce4068396351e6c6df3344294cc06c03a2fb1bb0330659d230830a202c53 languageName: node linkType: hard @@ -2564,65 +2564,65 @@ __metadata: languageName: node linkType: hard -"@next/swc-darwin-arm64@npm:13.4.4": - version: 13.4.4 - resolution: "@next/swc-darwin-arm64@npm:13.4.4" +"@next/swc-darwin-arm64@npm:13.4.7": + version: 13.4.7 + resolution: "@next/swc-darwin-arm64@npm:13.4.7" conditions: os=darwin & cpu=arm64 languageName: node linkType: hard -"@next/swc-darwin-x64@npm:13.4.4": - version: 13.4.4 - resolution: "@next/swc-darwin-x64@npm:13.4.4" +"@next/swc-darwin-x64@npm:13.4.7": + version: 13.4.7 + resolution: "@next/swc-darwin-x64@npm:13.4.7" conditions: os=darwin & cpu=x64 languageName: node linkType: hard -"@next/swc-linux-arm64-gnu@npm:13.4.4": - version: 13.4.4 - resolution: "@next/swc-linux-arm64-gnu@npm:13.4.4" +"@next/swc-linux-arm64-gnu@npm:13.4.7": + version: 13.4.7 + resolution: "@next/swc-linux-arm64-gnu@npm:13.4.7" conditions: os=linux & cpu=arm64 & libc=glibc languageName: node linkType: hard -"@next/swc-linux-arm64-musl@npm:13.4.4": - version: 13.4.4 - resolution: "@next/swc-linux-arm64-musl@npm:13.4.4" +"@next/swc-linux-arm64-musl@npm:13.4.7": + version: 13.4.7 + resolution: "@next/swc-linux-arm64-musl@npm:13.4.7" conditions: os=linux & cpu=arm64 & libc=musl languageName: node linkType: hard -"@next/swc-linux-x64-gnu@npm:13.4.4": - version: 13.4.4 - resolution: "@next/swc-linux-x64-gnu@npm:13.4.4" +"@next/swc-linux-x64-gnu@npm:13.4.7": + version: 13.4.7 + resolution: "@next/swc-linux-x64-gnu@npm:13.4.7" conditions: os=linux & cpu=x64 & libc=glibc languageName: node linkType: hard -"@next/swc-linux-x64-musl@npm:13.4.4": - version: 13.4.4 - resolution: "@next/swc-linux-x64-musl@npm:13.4.4" +"@next/swc-linux-x64-musl@npm:13.4.7": + version: 13.4.7 + resolution: "@next/swc-linux-x64-musl@npm:13.4.7" conditions: os=linux & cpu=x64 & libc=musl languageName: node linkType: hard -"@next/swc-win32-arm64-msvc@npm:13.4.4": - version: 13.4.4 - resolution: "@next/swc-win32-arm64-msvc@npm:13.4.4" +"@next/swc-win32-arm64-msvc@npm:13.4.7": + version: 13.4.7 + resolution: "@next/swc-win32-arm64-msvc@npm:13.4.7" conditions: os=win32 & cpu=arm64 languageName: node linkType: hard -"@next/swc-win32-ia32-msvc@npm:13.4.4": - version: 13.4.4 - resolution: "@next/swc-win32-ia32-msvc@npm:13.4.4" +"@next/swc-win32-ia32-msvc@npm:13.4.7": + version: 13.4.7 + resolution: "@next/swc-win32-ia32-msvc@npm:13.4.7" conditions: os=win32 & cpu=ia32 languageName: node linkType: hard -"@next/swc-win32-x64-msvc@npm:13.4.4": - version: 13.4.4 - resolution: "@next/swc-win32-x64-msvc@npm:13.4.4" +"@next/swc-win32-x64-msvc@npm:13.4.7": + version: 13.4.7 + resolution: "@next/swc-win32-x64-msvc@npm:13.4.7" conditions: os=win32 & cpu=x64 languageName: node linkType: hard @@ -2688,7 +2688,7 @@ __metadata: languageName: node linkType: hard -"@nuxt/kit@npm:3.5.3, @nuxt/kit@npm:^3.3.2, @nuxt/kit@npm:^3.3.3, @nuxt/kit@npm:^3.4.3": +"@nuxt/kit@npm:3.5.3, @nuxt/kit@npm:^3.3.2, @nuxt/kit@npm:^3.3.3, @nuxt/kit@npm:^3.5.3": version: 3.5.3 resolution: "@nuxt/kit@npm:3.5.3" dependencies: @@ -2882,10 +2882,10 @@ __metadata: linkType: hard "@nuxtjs/tailwindcss@npm:^6.6.4, @nuxtjs/tailwindcss@npm:^6.6.5": - version: 6.7.0 - resolution: "@nuxtjs/tailwindcss@npm:6.7.0" + version: 6.8.0 + resolution: "@nuxtjs/tailwindcss@npm:6.8.0" dependencies: - "@nuxt/kit": ^3.4.3 + "@nuxt/kit": ^3.5.3 "@nuxt/postcss8": ^1.1.3 autoprefixer: ^10.4.14 chokidar: ^3.5.3 @@ -2893,20 +2893,20 @@ __metadata: colorette: ^2.0.20 cookie-es: ^1.0.0 defu: ^6.1.2 - destr: ^1.2.2 + destr: ^2.0.0 h3: ^1.6.6 iron-webcrypto: ^0.7.0 micromatch: ^4.0.5 - pathe: ^1.1.0 - postcss: ^8.4.23 - postcss-custom-properties: ^13.1.5 - postcss-nesting: ^11.2.2 + pathe: ^1.1.1 + postcss: ^8.4.24 + postcss-custom-properties: ^13.2.0 + postcss-nesting: ^11.3.0 radix3: ^1.0.1 tailwind-config-viewer: ^1.7.2 tailwindcss: ~3.3.2 ufo: ^1.1.2 - uncrypto: ^0.1.2 - checksum: 405143b5000c4058bf2d58a1301584ed9a6339042352ed8e746e99d09df29e2401bae748d8f40c425639a3bea4996f83c34c4ac0340a640246cb05b128111b45 + uncrypto: ^0.1.3 + checksum: 0c969cfebea90c02c4c6e8ee90a9856214cda5abd2f7c1df155e57876231cd124fda81957a5548c740a2ee1c38d515eb5d0db4c19310cfae4b30d8a79d6840f5 languageName: node linkType: hard @@ -3263,9 +3263,9 @@ __metadata: languageName: node linkType: hard -"@rushstack/node-core-library@npm:3.59.3": - version: 3.59.3 - resolution: "@rushstack/node-core-library@npm:3.59.3" +"@rushstack/node-core-library@npm:3.59.4": + version: 3.59.4 + resolution: "@rushstack/node-core-library@npm:3.59.4" dependencies: colors: ~1.2.1 fs-extra: ~7.0.1 @@ -3279,7 +3279,7 @@ __metadata: peerDependenciesMeta: "@types/node": optional: true - checksum: 78463efbd5e9bc002b41bbdf6a2ce4aad783350bead33d7ba714db74703605fd8ebb269b757446006fd5926f6e52f74dd27c4c0883f5c2e271eaba516502de99 + checksum: 977b19fefb69e4e1c46b7a5f0ba1c339ded54caa2082804e9db8bccfda70d66bb94afa6b7b57cbeda008c873866391af41f8fe35a4476f921fe0d004c56bf317 languageName: node linkType: hard @@ -3303,25 +3303,25 @@ __metadata: languageName: node linkType: hard -"@rushstack/rig-package@npm:0.3.20": - version: 0.3.20 - resolution: "@rushstack/rig-package@npm:0.3.20" +"@rushstack/rig-package@npm:0.4.0": + version: 0.4.0 + resolution: "@rushstack/rig-package@npm:0.4.0" dependencies: resolve: ~1.22.1 strip-json-comments: ~3.1.1 - checksum: 91a902e89c14faed173a2d58a50458155748e3e679c98392cd17acddf54a225b863ba0f2939d270ea24701bc4d16b54c0429269580629d4a508381040cc72ff8 + checksum: 376ac9996ee758bf47ab21bd078d71b2180b9342dd8cfbab8bf25e38e706b20bcf933a8548b9a0fd102afbb997deeca75a719da987a96a9d3365f4669d230c53 languageName: node linkType: hard -"@rushstack/ts-command-line@npm:4.14.0": - version: 4.14.0 - resolution: "@rushstack/ts-command-line@npm:4.14.0" +"@rushstack/ts-command-line@npm:4.15.1": + version: 4.15.1 + resolution: "@rushstack/ts-command-line@npm:4.15.1" dependencies: "@types/argparse": 1.0.38 argparse: ~1.0.9 colors: ~1.2.1 string-argv: ~0.3.1 - checksum: a5a338cac75d0c5ddc347edc00139797a65d4466784c90623344c71a752229c0dd55dd0ccf16be0cd25591d7eebd7ff5c1d9ebdbbf2c335447b3357a6ed574ae + checksum: 2ea3df8c1b282c42db4ea12c3c1b727dcfa23adb60b595ff662e7d7d965b35a8139db799f1016ccb1ee742ddec833cba97a112c59822b6d1e1f737dfd559730e languageName: node linkType: hard @@ -4482,30 +4482,30 @@ __metadata: languageName: node linkType: hard -"@volar/language-core@npm:1.6.9": - version: 1.6.9 - resolution: "@volar/language-core@npm:1.6.9" +"@volar/language-core@npm:1.7.8": + version: 1.7.8 + resolution: "@volar/language-core@npm:1.7.8" dependencies: - "@volar/source-map": 1.6.9 - checksum: bdcc04f49d3716b9ecf1ffe0b663548ebc7dd44e26a49154ef3e56c1c99e5abf65402441d858a05207363b873521e0671ea6ee80d772e83bb8d441dc1004c691 + "@volar/source-map": 1.7.8 + checksum: 3a3f1c670b83b47f0dda87fe270c6aa3f5311fe0ecb3eb955cd2f3b1171c0759cd9459c56ef2cd0895938f5f22e40a8d9b5339193ebed9f2a33bcf9d06692645 languageName: node linkType: hard -"@volar/source-map@npm:1.6.9": - version: 1.6.9 - resolution: "@volar/source-map@npm:1.6.9" +"@volar/source-map@npm:1.7.8": + version: 1.7.8 + resolution: "@volar/source-map@npm:1.7.8" dependencies: muggle-string: ^0.3.1 - checksum: 285b8015ada9d1ae7ae659ebf346abbd5a0c17b064663eb6d92d6ae00f76b168fea0a53d00d4d1b772bfcbd315c86f7c6dba612e963fdc8e571d36f89a2dd56b + checksum: 7231b184321dfed0c025a6b43afd649695d5544aa5594d3d04f72eb988532bbb7ab148c35fece0130da15bb090686bf95f427e94990f96366678dead4d407f30 languageName: node linkType: hard -"@volar/typescript@npm:1.6.9": - version: 1.6.9 - resolution: "@volar/typescript@npm:1.6.9" +"@volar/typescript@npm:1.7.8": + version: 1.7.8 + resolution: "@volar/typescript@npm:1.7.8" dependencies: - "@volar/language-core": 1.6.9 - checksum: c68de4e0e25177f8b21c5ccb5d7f5a0cff25c2a374208fe1dc141e122c4e0125f1ad779d1fd9b3464e3792b6d2b15053eb95a90d1eee983d483ffb02e16de825 + "@volar/language-core": 1.7.8 + checksum: c151335cb70aaf394e0a01ea85a4cb59145b8213a92ab84b378029a9a20fd3921383ef784f7025d1dc0266912f40deb446fcde8f5c6987d12f95c5db7b021a44 languageName: node linkType: hard @@ -4807,12 +4807,12 @@ __metadata: languageName: node linkType: hard -"@vue/language-core@npm:1.7.8": - version: 1.7.8 - resolution: "@vue/language-core@npm:1.7.8" +"@vue/language-core@npm:1.8.1": + version: 1.8.1 + resolution: "@vue/language-core@npm:1.8.1" dependencies: - "@volar/language-core": 1.6.9 - "@volar/source-map": 1.6.9 + "@volar/language-core": 1.7.8 + "@volar/source-map": 1.7.8 "@vue/compiler-dom": ^3.3.0 "@vue/reactivity": ^3.3.0 "@vue/shared": ^3.3.0 @@ -4824,7 +4824,7 @@ __metadata: peerDependenciesMeta: typescript: optional: true - checksum: c50262b3fe32a18316212a4d6e38c259e04023ac600f40501103a3a4e3b19efec24366cc3438eee17408ac61042d6087550de976c299da22c4d684b498146cd7 + checksum: e6e764021ea30c1630e6b33a3d10eb12983a583731bc7fda740fd2647192aa9b562d6be32f47322d017d04b846cba0ccbcc65e6e71782d13f686392c9192a4b3 languageName: node linkType: hard @@ -4902,13 +4902,13 @@ __metadata: languageName: node linkType: hard -"@vue/typescript@npm:1.7.8": - version: 1.7.8 - resolution: "@vue/typescript@npm:1.7.8" +"@vue/typescript@npm:1.8.1": + version: 1.8.1 + resolution: "@vue/typescript@npm:1.8.1" dependencies: - "@volar/typescript": 1.6.9 - "@vue/language-core": 1.7.8 - checksum: 1c6d1ffa655d50721e1f719eecc4cb6a7ea5077a790b108aa8402b0147f43818dd61a562b21c46b6a0dd0d4ee2ac1e3008c9c96790481a8731064b7a4d45c207 + "@volar/typescript": 1.7.8 + "@vue/language-core": 1.8.1 + checksum: 4c36968663b76f5cc48c983698a93589d3c123e47664286c788b6e5e2fa9309c6e1b7b7577108d2548d7905d42bf22a691eaacdeb6b3db9c233a67789a62199a languageName: node linkType: hard @@ -9897,6 +9897,13 @@ __metadata: languageName: node linkType: hard +"destr@npm:^2.0.0": + version: 2.0.0 + resolution: "destr@npm:2.0.0" + checksum: 5439cfc8e4b207a4c77cce89b3490dcb68b8cbea1ea5171958b89ae1a814a8f988e54e259d9dae8ebee64cfc9d658497e96d0a8905b2d243cf49bda36e578850 + languageName: node + linkType: hard + "destroy@npm:1.2.0, destroy@npm:^1.0.4": version: 1.2.0 resolution: "destroy@npm:1.2.0" @@ -10227,9 +10234,9 @@ __metadata: linkType: hard "dotenv@npm:^16.0.3": - version: 16.1.4 - resolution: "dotenv@npm:16.1.4" - checksum: c1b2e13df4d374a6a29e134c56c7b040ba20500677fe8b9939ea654f3b3badb9aaa0b172e40e4dfa1233a4177dbb8fb79d84cc79a50ac9c9641fe2ad98c14876 + version: 16.3.1 + resolution: "dotenv@npm:16.3.1" + checksum: 15d75e7279018f4bafd0ee9706593dd14455ddb71b3bcba9c52574460b7ccaf67d5cf8b2c08a5af1a9da6db36c956a04a1192b101ee102a3e0cf8817bbcf3dfd languageName: node linkType: hard @@ -12762,13 +12769,13 @@ __metadata: linkType: hard "glob-promise@npm:^6.0.2": - version: 6.0.2 - resolution: "glob-promise@npm:6.0.2" + version: 6.0.3 + resolution: "glob-promise@npm:6.0.3" dependencies: "@types/glob": ^8.0.0 peerDependencies: glob: ^8.0.3 - checksum: 3caa63b052ddcf28d3498a0c93ef623bc43d0fa57487844782b77175c32db1602fd63e4e26091075125083b21eb3e81b4318d5d24139b9b033a764e64b6b3bc3 + checksum: f8f2d3551445211af80f64f95883a6716e9a99cbb470be329d827e6c0ebc830e64a8c37f07150084217b5cf28b86a8a738c48d8c2664b591951235ded44d8595 languageName: node linkType: hard @@ -12779,6 +12786,13 @@ __metadata: languageName: node linkType: hard +"glob-to-regexp@npm:^0.4.1": + version: 0.4.1 + resolution: "glob-to-regexp@npm:0.4.1" + checksum: e795f4e8f06d2a15e86f76e4d92751cf8bbfcf0157cea5c2f0f35678a8195a750b34096b1256e436f0cebc1883b5ff0888c47348443e69546a5a87f9e1eb1167 + languageName: node + linkType: hard + "glob@npm:7.1.6": version: 7.1.6 resolution: "glob@npm:7.1.6" @@ -17287,24 +17301,25 @@ __metadata: linkType: hard "next@npm:^13.3.1": - version: 13.4.4 - resolution: "next@npm:13.4.4" - dependencies: - "@next/env": 13.4.4 - "@next/swc-darwin-arm64": 13.4.4 - "@next/swc-darwin-x64": 13.4.4 - "@next/swc-linux-arm64-gnu": 13.4.4 - "@next/swc-linux-arm64-musl": 13.4.4 - "@next/swc-linux-x64-gnu": 13.4.4 - "@next/swc-linux-x64-musl": 13.4.4 - "@next/swc-win32-arm64-msvc": 13.4.4 - "@next/swc-win32-ia32-msvc": 13.4.4 - "@next/swc-win32-x64-msvc": 13.4.4 + version: 13.4.7 + resolution: "next@npm:13.4.7" + dependencies: + "@next/env": 13.4.7 + "@next/swc-darwin-arm64": 13.4.7 + "@next/swc-darwin-x64": 13.4.7 + "@next/swc-linux-arm64-gnu": 13.4.7 + "@next/swc-linux-arm64-musl": 13.4.7 + "@next/swc-linux-x64-gnu": 13.4.7 + "@next/swc-linux-x64-musl": 13.4.7 + "@next/swc-win32-arm64-msvc": 13.4.7 + "@next/swc-win32-ia32-msvc": 13.4.7 + "@next/swc-win32-x64-msvc": 13.4.7 "@swc/helpers": 0.5.1 busboy: 1.6.0 caniuse-lite: ^1.0.30001406 postcss: 8.4.14 styled-jsx: 5.1.1 + watchpack: 2.4.0 zod: 3.21.4 peerDependencies: "@opentelemetry/api": ^1.1.0 @@ -17340,7 +17355,7 @@ __metadata: optional: true bin: next: dist/bin/next - checksum: d84686f3ca313c57d283872a2946a5c18ecd656c4235ad879cbaa0f2f2886c9bcff94656ff07c4998fa672f40023978235150ce760e4c5b1edab6feaa7ed9fa9 + checksum: 76026a5def68c00064bc4860cd15a5f292220ccc73ff24245b3658a90a46f66c290d3543a59e1cb91310145141d4ad1238d7cf652f41f47cdf434ab8705af7d1 languageName: node linkType: hard @@ -18997,9 +19012,9 @@ __metadata: languageName: node linkType: hard -"postcss-custom-properties@npm:^13.1.5": - version: 13.1.5 - resolution: "postcss-custom-properties@npm:13.1.5" +"postcss-custom-properties@npm:^13.2.0": + version: 13.2.0 + resolution: "postcss-custom-properties@npm:13.2.0" dependencies: "@csstools/cascade-layer-name-parser": ^1.0.2 "@csstools/css-parser-algorithms": ^2.1.1 @@ -19007,7 +19022,7 @@ __metadata: postcss-value-parser: ^4.2.0 peerDependencies: postcss: ^8.4 - checksum: 60b62a8a6f02864264171d5d7fb43c235334f513e3f5fb4bb013f46e93e1ecb302fd19c27ce47680da85ea285e0a6ffcd7a12136204acdfd11f4bea880b8dbe1 + checksum: b6a7563354bebb8489c54785fbefb6f1a78cfbfa691017a337ce0d446f5adba2acf30dae5efcc480c419191d165f37b9a1397a1971d77bf84b88939a1c650ff7 languageName: node linkType: hard @@ -19478,15 +19493,15 @@ __metadata: languageName: node linkType: hard -"postcss-nesting@npm:^11.2.2": - version: 11.2.2 - resolution: "postcss-nesting@npm:11.2.2" +"postcss-nesting@npm:^11.3.0": + version: 11.3.0 + resolution: "postcss-nesting@npm:11.3.0" dependencies: "@csstools/selector-specificity": ^2.0.0 postcss-selector-parser: ^6.0.10 peerDependencies: postcss: ^8.4 - checksum: 84149edbfe9b0adf069b7ddf06d21fc7a543e7f44b97c3975d8b1f088dddc20853689cb859d5be06000cca83bdc56929b13581bfdaf1971cfafa492add867831 + checksum: bc8f59e8114f21ec3fcbd0661072f3e706f25dc5300a925863485a0ab82950c48b75c1fed9548acddc924fa479ab7277b55fcdcc33eb0fe1742b389683479384 languageName: node linkType: hard @@ -21413,10 +21428,9 @@ __metadata: linkType: hard "sass-loader@npm:^13.0.0, sass-loader@npm:^13.2.0": - version: 13.3.1 - resolution: "sass-loader@npm:13.3.1" + version: 13.3.2 + resolution: "sass-loader@npm:13.3.2" dependencies: - klona: ^2.0.6 neo-async: ^2.6.2 peerDependencies: fibers: ">= 3.1.0" @@ -21433,20 +21447,20 @@ __metadata: optional: true sass-embedded: optional: true - checksum: 0cd4fcb6a6d7154412b27d19c65c3d84003c8e13dbf8196a905055043a4f70888cbb6c6d70d8b9e7ce55a6835644d8bdafe44eb6fd4a779188d528d558d492fb + checksum: 7394a8d1b818a289b9caabd979543c907b83e28ae08bc80ccb836e0ccabc4ae574c077ab2fa520ba5fb8abb2ec3e7c9822a1cbd8c58a28ff30018be9d1dc6c27 languageName: node linkType: hard "sass@npm:^1.58.2": - version: 1.63.2 - resolution: "sass@npm:1.63.2" + version: 1.63.6 + resolution: "sass@npm:1.63.6" dependencies: chokidar: ">=3.0.0 <4.0.0" immutable: ^4.0.0 source-map-js: ">=0.6.2 <2.0.0" bin: sass: sass.js - checksum: 7ffc2b789aeae4637f09195f7d24e149fc590e2c69cb209c64fdf0ed0d7f09da28097c48fda7f36d257aeb7dd8e16a9ff77b50cf78830afe6f996e6dcd957280 + checksum: 3372319904658eeafaf78a09a6fcb3368a68e6d76fe3c43c2d009f4f72e475ab22b82ef483ef5c00fcda3ab00066846c0bd88c36b42771b855f6ab80c7eda541 languageName: node linkType: hard @@ -23976,6 +23990,13 @@ __metadata: languageName: node linkType: hard +"uncrypto@npm:^0.1.3": + version: 0.1.3 + resolution: "uncrypto@npm:0.1.3" + checksum: 07160e08806dd6cea16bb96c3fd54cd70fc801e02fc3c6f86980144d15c9ebbd1c55587f7280a207b3af6cd34901c0d0b77ada5a02c2f7081a033a05acf409e2 + languageName: node + linkType: hard + "unctx@npm:^2.3.1": version: 2.3.1 resolution: "unctx@npm:2.3.1" @@ -24983,17 +25004,17 @@ __metadata: linkType: hard "vue-tsc@npm:^1.1.2": - version: 1.7.8 - resolution: "vue-tsc@npm:1.7.8" + version: 1.8.1 + resolution: "vue-tsc@npm:1.8.1" dependencies: - "@vue/language-core": 1.7.8 - "@vue/typescript": 1.7.8 + "@vue/language-core": 1.8.1 + "@vue/typescript": 1.8.1 semver: ^7.3.8 peerDependencies: typescript: "*" bin: vue-tsc: bin/vue-tsc.js - checksum: bc76b5b099b93242ef1ef6f4d548ab24e76d8947013727fbee7d7c781cd49b439901712656f99261cbae696bea2f03d9a04c391c492a158a5cc7aa59956b6e1d + checksum: cc9324520b3add4b8251fd89f62fe5ffa0301ddd709204c3de4adce0ccf524011eb8f1e7c4ec0b628d4621c292254a3b61587506656d65768ac644d4c5cf896d languageName: node linkType: hard @@ -25064,8 +25085,8 @@ __metadata: linkType: hard "vuepress-theme-vsf-docs@npm:^1.2.19": - version: 1.3.1 - resolution: "vuepress-theme-vsf-docs@npm:1.3.1" + version: 1.3.2 + resolution: "vuepress-theme-vsf-docs@npm:1.3.2" dependencies: "@vuepress/plugin-active-header-links": 1.9.7 "@vuepress/plugin-nprogress": 1.9.7 @@ -25073,7 +25094,7 @@ __metadata: iconify-icon: ^1.0.1 markdown-it-anchor: ^8.6.5 vuepress-plugin-container: ^2.0.2 - checksum: 03774774562f21bccde6825fa4a327f563544cb12628e476957f726ae2e25afe9194d391e820fef72add905e4b0ad20854c136f71534ce85663b0c925ad761ce + checksum: 6a934bce9e4447365ce2bbb1fb733b44de57e1eaaa231a11e78572fd90e175e1d636fd324ec113250d9351687405a9af4669b91aea9cfafca56c6450e0a89c40 languageName: node linkType: hard @@ -25103,6 +25124,16 @@ __metadata: languageName: node linkType: hard +"watchpack@npm:2.4.0": + version: 2.4.0 + resolution: "watchpack@npm:2.4.0" + dependencies: + glob-to-regexp: ^0.4.1 + graceful-fs: ^4.1.2 + checksum: 23d4bc58634dbe13b86093e01c6a68d8096028b664ab7139d58f0c37d962d549a940e98f2f201cecdabd6f9c340338dc73ef8bf094a2249ef582f35183d1a131 + languageName: node + linkType: hard + "watchpack@npm:^1.7.4": version: 1.7.5 resolution: "watchpack@npm:1.7.5" From 55400a138e2de29b431b4ddfa613b3cb0f3142e7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Szymon=20Dziewo=C5=84ski?= Date: Thu, 22 Jun 2023 15:50:34 +0200 Subject: [PATCH 03/45] ci: cd production version [SFUI2-1185] (#2839) once any commit lands into v2 branch yarn changeset publish of package should happen if error happens, exit - do nothing if no error, then create automatically PR with changes (changelog) v2 -> v2-develop if no conflicts then automerge if conflict resolve it manually in any case of adding extra commit, PR action rerun and if no conflicts, the will automerge --- ...ml => cd-generate-changelog-changeset.yml} | 0 .github/workflows/cd-v2-automerge.yml | 25 +++++++++++ .../workflows/cd-v2-publish-and-create-pr.yml | 37 ++++++++++++++++ .../workflows/exit-pre-mode-on-comment.yml | 44 ------------------- 4 files changed, 62 insertions(+), 44 deletions(-) rename .github/workflows/{generate-changelog-changeset.yml => cd-generate-changelog-changeset.yml} (100%) create mode 100644 .github/workflows/cd-v2-automerge.yml create mode 100644 .github/workflows/cd-v2-publish-and-create-pr.yml delete mode 100644 .github/workflows/exit-pre-mode-on-comment.yml diff --git a/.github/workflows/generate-changelog-changeset.yml b/.github/workflows/cd-generate-changelog-changeset.yml similarity index 100% rename from .github/workflows/generate-changelog-changeset.yml rename to .github/workflows/cd-generate-changelog-changeset.yml diff --git a/.github/workflows/cd-v2-automerge.yml b/.github/workflows/cd-v2-automerge.yml new file mode 100644 index 0000000000..a158464912 --- /dev/null +++ b/.github/workflows/cd-v2-automerge.yml @@ -0,0 +1,25 @@ +name: Helper - Auto-merge PR with `automerge` label +on: + pull_request: + types: + - opened + - labeled + - reopened + - synchronize + - ready_for_review + - edited + branches: + - v2-develop + +jobs: + automerge: + runs-on: ubuntu-latest + if: ${{ startsWith(github.head_ref, 'v2' )}} + steps: + - name: Checkout repo + uses: actions/checkout@v3 + - id: automerge + name: automerge + uses: 'pascalgn/automerge-action@v0.15.6' + env: + GITHUB_TOKEN: '${{ secrets.GITHUB_TOKEN }}' diff --git a/.github/workflows/cd-v2-publish-and-create-pr.yml b/.github/workflows/cd-v2-publish-and-create-pr.yml new file mode 100644 index 0000000000..e2205f1fe6 --- /dev/null +++ b/.github/workflows/cd-v2-publish-and-create-pr.yml @@ -0,0 +1,37 @@ +name: Publish prod version and create sync PR +on: + push: + branches: + - v2 + +jobs: + publish-and-create-pr: + runs-on: ubuntu-latest + steps: + - name: Checkout repo + uses: actions/checkout@v3 + - name: Install Node.js + uses: actions/setup-node@v3 + with: + node-version-file: '.node-version' + cache: 'yarn' + registry-url: 'https://registry.npmjs.org' + - name: Install dependencies + run: yarn --immutable + - name: Publish Production version + # run: yarn changeset publish + run: echo publish package + env: + # Needs access to publish to npm + # refresh token before Saturday, May 25, 2024 + NPM_TOKEN: ${{ secrets.NPM_RELEASE_TOKEN }} + NODE_AUTH_TOKEN: ${{ secrets.NPM_RELEASE_TOKEN }} + - name: Create PR to develop + env: + GH_TOKEN: ${{ secrets.GITHUB_TOKEN }} + run: | + gh pr create -B v2-develop --title 'chore: automatic Sync v2->v2-develop PR' --body 'This Pull Request is generated automatically with changes pushed into `v2` branch. `v2` and `v2-develop` branches should be in-sync.' --label automerge || true + - name: Merge created PR + env: + GH_TOKEN: ${{ github.token }} + run: gh pr merge --auto --merge diff --git a/.github/workflows/exit-pre-mode-on-comment.yml b/.github/workflows/exit-pre-mode-on-comment.yml deleted file mode 100644 index 4651b14acf..0000000000 --- a/.github/workflows/exit-pre-mode-on-comment.yml +++ /dev/null @@ -1,44 +0,0 @@ -name: Exit changesets pre-release -on: - issue_comment: - types: - - created - -jobs: - exit-pre-release: - name: Exit changesets pre-release mode when !prod-ready comment created - if: ${{ contains(github.event.comment.body, '!prod-ready') && github.event.issue.pull_request }} - runs-on: ubuntu-latest - steps: - - name: Checkout code - uses: actions/checkout@v3 - - name: Install Node.js - uses: actions/setup-node@v3 - with: - node-version-file: '.node-version' - cache: 'yarn' - - name: Install dependencies - run: yarn --immutable - - name: resolve pr refs - id: refs - uses: eficode/resolve-pr-refs@v0.0.4 - with: - token: ${{ secrets.GITHUB_TOKEN }} - - uses: actions/checkout@v3 - with: - ref: ${{ steps.refs.outputs.head_ref }} - - name: Set up env branch name var - run: echo "BRANCH_NAME=$(echo $(git branch --show-current))" >> $GITHUB_ENV - - name: Exit pre-release mode for changesets - if: ${{ startsWith( env.BRANCH_NAME, 'v2-release' ) }} - run: yarn changeset pre exit - - name: Create PR with changelog - uses: changesets/action@v1 - with: - commit: '[ci] - release [no ci]' - title: '[ci] - release' - env: - # Needs access to publish to npm - # refresh token before Saturday, May 25, 2024 - NPM_TOKEN: ${{ secrets.NPM_RELEASE_TOKEN }} - GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} From 33acaf5b3919e95c94caf7e57e22fc28c229f1dc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Szymon=20Dziewo=C5=84ski?= Date: Thu, 22 Jun 2023 16:26:21 +0200 Subject: [PATCH 04/45] chore: fix nuxt next windows alias regex (#2831) --- apps/preview/next/next.config.mjs | 4 ++-- apps/preview/nuxt/nuxt.config.ts | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/apps/preview/next/next.config.mjs b/apps/preview/next/next.config.mjs index 06fabe29b6..942523f47b 100644 --- a/apps/preview/next/next.config.mjs +++ b/apps/preview/next/next.config.mjs @@ -19,7 +19,7 @@ export default { webpack(config) { if (!isProd) { config.module.rules.push({ - test: /\/sfui\/frameworks\/react\/index\.ts/, + test: /[\\\/]sfui[\\\/]frameworks[\\\/]react[\\\/]index\.ts/, loader: 'string-replace-loader', options: { // only for dev purposes in monorepo: @@ -28,7 +28,7 @@ export default { // import type { PropsWithStyle } from '@storefront-ui/react'; // export { SfThumbnailSize }; - search: /^export \* from '\.\/components\/([^']+?)';/gm, + search: /^export \* from '\.[\\\/]components[\\\/]([^']+?)';/gm, replace: (_match, componentName) => { const path = join( process.cwd(), diff --git a/apps/preview/nuxt/nuxt.config.ts b/apps/preview/nuxt/nuxt.config.ts index 26bd1e1280..2abd99a408 100644 --- a/apps/preview/nuxt/nuxt.config.ts +++ b/apps/preview/nuxt/nuxt.config.ts @@ -53,8 +53,8 @@ export default defineNuxtConfig({ async transform(code, id) { // only for dev purposes in monorepo: // Because Nuxt does not respect proper order of imports in index.ts and on initial load types file are not available when import of component is loaded first - if (/\/sfui\/frameworks\/vue\/index\.ts/.test(id)) { - code = code.replace(/^export \* from '\.\/components\/([^']+?)';/gm, (_match, componentName) => { + if (/[\\\/]sfui[\\\/]frameworks[\\\/]vue[\\\/]index\.ts/.test(id)) { + code = code.replace(/^export \* from '\.[\\\/]components[\\\/]([^']+?)';/gm, (_match, componentName) => { const path = join( __dirname, '..', From 513351b3bb29ab226910a0ccc89a9cd2d57f3f04 Mon Sep 17 00:00:00 2001 From: Anna Musial Date: Fri, 23 Jun 2023 09:17:12 +0200 Subject: [PATCH 05/45] chore: removed astro from react docs (#2846) --- apps/docs/components/react/getting-started.md | 115 +----------------- .../fixtures/installationExamplesReact.json | 5 - 2 files changed, 5 insertions(+), 115 deletions(-) diff --git a/apps/docs/components/react/getting-started.md b/apps/docs/components/react/getting-started.md index e8230fbbe1..7b08c804e7 100644 --- a/apps/docs/components/react/getting-started.md +++ b/apps/docs/components/react/getting-started.md @@ -1,8 +1,9 @@ --- layout: DefaultLayout hideBreadcrumbs: true -tabOptions: [next.js,vite,astro] +tabOptions: [next.js, vite] --- + # Installation Since Storefront UI is designed to fit seamlessly into your Tailwind CSS workflow, there will be different installation steps depending on your environment. @@ -65,10 +66,10 @@ As a workaround, you can add `transpilePackages: ['@storefront-ui/react']` to yo // next.config.js /** @type {import('next').NextConfig} */ const nextConfig = { - transpilePackages: ['@storefront-ui/react'] -} + transpilePackages: ['@storefront-ui/react'], +}; -module.exports = nextConfig +module.exports = nextConfig; ``` ::: @@ -138,7 +139,6 @@ Finally, you'll need to add CSS directives to add each Tailwind layer to `src/ap - :::::: :::::: slot vite @@ -210,7 +210,6 @@ export default { }, plugins: [], }; - ``` @@ -242,107 +241,3 @@ Now, you can import Storefront UI components in your app and all the Tailwind ut :::::: - -:::::: slot astro -## Astro + React - -### Add React and Tailwind to Your Astro Project - -When working with Astro, you'll first need to configure your project to use Astro's React and Tailwind integrations. - -The simplest way to do this is use the `astro add` command, but you can manually configure these two integrations using the [Astro React](https://docs.astro.build/en/guides/integrations-guide/react/) and [Astro Tailwind](https://docs.astro.build/en/guides/integrations-guide/tailwind/) guides. - -```bash -# npm -npx astro add react tailwind - -# yarn -yarn astro add react tailwind - -# pnpm -pnpm astro add react tailwind -``` - -The `astro add` command will automatically install the necessary dependencies and add the necessary configuration to your project. Also, it will add a `tailwind.config.js` file to your project's root directory. - -### Install Storefront UI Dependencies - -Now that your Astro project is configured to use React and Tailwind, you'll need to install the Storefront UI React library and Tailwind preset. - -```bash -# npm -npm i -D @storefront-ui/react - -# yarn -yarn add -D @storefront-ui/react - -# pnpm -pnpm add -D @storefront-ui/react -``` - -### Modify Your Tailwind Configuration File - -Storefront UI plugs into your Tailwind configuration to add any base styles and CSS variables. To do this, you need to import the Storefront UI Tailwind preset and add it to your `tailwind.config.cjs` file. - -::: tip Add a path to your installed package - -In order for Tailwind to properly detect the utility classes used in Storefront UI components, you need to add a path to wherever your `node_modules` folder is located to the `content` property. In the example below, we're using the default location for `node_modules`, but this may change if you're working in a monorepo. -::: - - - -```js -// tailwind.config.cjs -const { tailwindConfig } = require('@storefront-ui/react/tailwind-config'); - -/** @type {import('tailwindcss').Config} */ -module.exports = { - presets: [tailwindConfig], - content: ['./index.html', './src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}', './node_modules/@storefront-ui/react/**/*.{js,mjs}'], - theme: { - extend: {}, - }, - plugins: [], -}; -``` - - - -### Add Tailwind to Your CSS - -Finally, you'll need to add CSS directives to add each Tailwind layer to `src/style.css`. Since Storefront UI fits into your Tailwind workflow, you'll need to add Tailwind's base, components, and utilities layers to your CSS. - - -```css -/* src/style.css */ -@tailwind base; -@tailwind components; -@tailwind utilities; -``` - -### You're Ready to Go! - -You can now import Storefront UI components inside your Astro project! You can either use them directly in your Astro components or import them into your React components. - - - -<<<../../preview/next/pages/showcases/Button/ButtonBlock.tsx#source - - - - - -```md ---- -import { SfButton } from '@storefront-ui/react'; ---- - - Hello World -``` - - - -::: tip Need interaction? -If you need interaction, you can create your own React components that use Storefront UI components under the hood. You can then import these components into your Astro components and use them as you would any other React component. Read more about React components in Astro in Astro's [Framework Components guide](https://docs.astro.build/en/core-concepts/framework-components/). -::: -:::::: diff --git a/apps/docs/tests/fixtures/installationExamplesReact.json b/apps/docs/tests/fixtures/installationExamplesReact.json index dd79ee4f4a..e254fe2c01 100644 --- a/apps/docs/tests/fixtures/installationExamplesReact.json +++ b/apps/docs/tests/fixtures/installationExamplesReact.json @@ -8,10 +8,5 @@ "button": "Vite", "app": "Vite + React", "framework": "vite-react" - }, - { - "button": "Astro", - "app": "Astro + React", - "framework": "astro-react" } ] From 4c30c092d3305f6b0794d0d487c741e54369c769 Mon Sep 17 00:00:00 2001 From: Kacper Dziub <34419118+dkacper@users.noreply.github.com> Date: Fri, 23 Jun 2023 09:19:04 +0200 Subject: [PATCH 06/45] feat: add AccordionItem animation example (#2840) --- .../components/components/accordionitem.md | 17 +++- .../AccordionItem/AccordionAnimate.tsx | 87 +++++++++++++++++++ .../AccordionItem/AccordionAnimate.vue | 62 +++++++++++++ 3 files changed, 165 insertions(+), 1 deletion(-) create mode 100644 apps/preview/next/pages/showcases/AccordionItem/AccordionAnimate.tsx create mode 100644 apps/preview/nuxt/pages/showcases/AccordionItem/AccordionAnimate.vue diff --git a/apps/docs/components/components/accordionitem.md b/apps/docs/components/components/accordionitem.md index 3199536790..8ce9162025 100644 --- a/apps/docs/components/components/accordionitem.md +++ b/apps/docs/components/components/accordionitem.md @@ -52,9 +52,24 @@ This example only allows one item to be open at a time. +### Animated + +Animate AccordionItem to give that nice feeling of smooth transition. + + + + +<<<../../preview/nuxt/pages/showcases/AccordionItem/AccordionAnimate.vue + + +<<<../../preview/next/pages/showcases/AccordionItem/AccordionAnimate.tsx#source + + + + ## Accessibility Notes -Since `SfAccordion` uses `
` and `` HTML elements, it inherits all of their accessibility features. +Since `SfAccordion` uses `
` and `` HTML elements, it inherits all of their accessibility features. For example, `` elements are focusable and can be activated by pressing the `Enter` or `Space` keys. diff --git a/apps/preview/next/pages/showcases/AccordionItem/AccordionAnimate.tsx b/apps/preview/next/pages/showcases/AccordionItem/AccordionAnimate.tsx new file mode 100644 index 0000000000..968de96398 --- /dev/null +++ b/apps/preview/next/pages/showcases/AccordionItem/AccordionAnimate.tsx @@ -0,0 +1,87 @@ +import { ShowcasePageLayout } from '../../showcases'; + +// #region source +import { useState } from 'react'; +import { SfAccordionItem } from '@storefront-ui/react'; +import { Transition } from 'react-transition-group'; +import classNames from 'classnames'; + +const accordionItems = [ + { + id: 'acc-1', + summary: 'Where is my order?', + details: + 'We will inform you about the expected delivery time of your order in checkout and in your order confirmation email.', + }, + { + id: 'acc-2', + summary: 'What if an item is out of stock?', + details: + "If an item you're interested in is sold out, you can register to be notified when your size is back in stock.", + }, + { + id: 'acc-3', + summary: 'How do I cancel my order?', + details: + "If you made a mistake or simply changed your mind after placing an order, there's no need to fuss. As long as your parcel has yet to be picked and packed in our warehouse, you'll have the option to cancel.", + }, +]; + +export default function AccordionAnimate() { + const [isTransitioning, setTransitioning] = useState(false); + const [opened, setOpened] = useState([]); + + const isOpen = (id: string) => opened.includes(id); + + const handleToggle = (id: string) => (open: boolean) => { + setTransitioning(true); + if (open) { + setOpened((current) => [...current, id]); + } else { + setOpened((current) => current.filter((item) => item !== id)); + } + }; + + const handleStopTransition = () => { + setTransitioning(false); + }; + + return ( +
+ {accordionItems.map(({ id, summary, details }) => ( + {summary}

} + onToggle={handleToggle(id)} + open={isTransitioning || isOpen(id)} + > + + {(state) => ( +
+
+

{details}

+
+
+ )} + + + ))} +
+ ); +} + +// #endregion source + +AccordionAnimate.getLayout = ShowcasePageLayout; diff --git a/apps/preview/nuxt/pages/showcases/AccordionItem/AccordionAnimate.vue b/apps/preview/nuxt/pages/showcases/AccordionItem/AccordionAnimate.vue new file mode 100644 index 0000000000..adf3242d26 --- /dev/null +++ b/apps/preview/nuxt/pages/showcases/AccordionItem/AccordionAnimate.vue @@ -0,0 +1,62 @@ + + + From 94c0958f5c11b4d100f686b718cc67fcc53b534d Mon Sep 17 00:00:00 2001 From: Jakub Freisler Date: Fri, 23 Jun 2023 09:15:15 +0100 Subject: [PATCH 07/45] chore(release): 2.4.1 --- packages/sfui/frameworks/nuxt/CHANGELOG.md | 6 ++++++ packages/sfui/frameworks/nuxt/package.json | 2 +- packages/sfui/frameworks/react/CHANGELOG.md | 6 ++++++ packages/sfui/frameworks/react/package.json | 2 +- packages/sfui/frameworks/vue/CHANGELOG.md | 6 ++++++ packages/sfui/frameworks/vue/package.json | 2 +- packages/sfui/shared/CHANGELOG.md | 6 ++++++ packages/sfui/shared/package.json | 2 +- 8 files changed, 28 insertions(+), 4 deletions(-) diff --git a/packages/sfui/frameworks/nuxt/CHANGELOG.md b/packages/sfui/frameworks/nuxt/CHANGELOG.md index 0a0623e4d6..2916517992 100644 --- a/packages/sfui/frameworks/nuxt/CHANGELOG.md +++ b/packages/sfui/frameworks/nuxt/CHANGELOG.md @@ -1,5 +1,11 @@ # @storefront-ui/nuxt +## 2.4.1 + +### Patch Changes + +- fixing publish error with workspaces protocol handling + ## 2.3.1 ### Patch Changes diff --git a/packages/sfui/frameworks/nuxt/package.json b/packages/sfui/frameworks/nuxt/package.json index 2e1851909a..49abff9f7f 100644 --- a/packages/sfui/frameworks/nuxt/package.json +++ b/packages/sfui/frameworks/nuxt/package.json @@ -1,6 +1,6 @@ { "name": "@storefront-ui/nuxt", - "version": "2.3.1", + "version": "2.4.1", "homepage": "https://docs.storefrontui.io/v2/", "installConfig": { "hoistingLimits": "workspaces" diff --git a/packages/sfui/frameworks/react/CHANGELOG.md b/packages/sfui/frameworks/react/CHANGELOG.md index 4966523f86..2c8d73f094 100644 --- a/packages/sfui/frameworks/react/CHANGELOG.md +++ b/packages/sfui/frameworks/react/CHANGELOG.md @@ -1,5 +1,11 @@ # @storefront-ui/react +## 2.4.1 + +### Patch Changes + +- fixing publish error with workspaces protocol handling + ## 2.4.0 ### Minor Changes diff --git a/packages/sfui/frameworks/react/package.json b/packages/sfui/frameworks/react/package.json index d5e26e98f0..289610c592 100644 --- a/packages/sfui/frameworks/react/package.json +++ b/packages/sfui/frameworks/react/package.json @@ -1,6 +1,6 @@ { "name": "@storefront-ui/react", - "version": "2.4.0", + "version": "2.4.1", "license": "MIT", "sideEffects": false, "exports": { diff --git a/packages/sfui/frameworks/vue/CHANGELOG.md b/packages/sfui/frameworks/vue/CHANGELOG.md index 099599d636..eac0f21920 100644 --- a/packages/sfui/frameworks/vue/CHANGELOG.md +++ b/packages/sfui/frameworks/vue/CHANGELOG.md @@ -1,5 +1,11 @@ # @storefront-ui/vue +## 2.4.1 + +### Patch Changes + +- fixing publish error with workspaces protocol handling + ## 2.4.0 ### Minor Changes diff --git a/packages/sfui/frameworks/vue/package.json b/packages/sfui/frameworks/vue/package.json index 71afcab718..c4dbe74df4 100644 --- a/packages/sfui/frameworks/vue/package.json +++ b/packages/sfui/frameworks/vue/package.json @@ -1,6 +1,6 @@ { "name": "@storefront-ui/vue", - "version": "2.4.0", + "version": "2.4.1", "license": "MIT", "sideEffects": false, "exports": { diff --git a/packages/sfui/shared/CHANGELOG.md b/packages/sfui/shared/CHANGELOG.md index 5eb001b41b..a96ed4330e 100644 --- a/packages/sfui/shared/CHANGELOG.md +++ b/packages/sfui/shared/CHANGELOG.md @@ -1,5 +1,11 @@ # @storefront-ui/shared +## 2.4.1 + +### Patch Changes + +- fixing publish error with workspaces protocol handling + ## 2.4.0 ### Minor Changes diff --git a/packages/sfui/shared/package.json b/packages/sfui/shared/package.json index b9d8283d91..32021285f0 100644 --- a/packages/sfui/shared/package.json +++ b/packages/sfui/shared/package.json @@ -1,7 +1,7 @@ { "name": "@storefront-ui/shared", "description": "Shared set of utils and typings used by `@storefront-ui/*` packages", - "version": "2.4.0", + "version": "2.4.1", "license": "MIT", "sideEffects": false, "exports": { From e3c66d5d9218ee9bd29faba94fbcd5633606955e Mon Sep 17 00:00:00 2001 From: Justyna <46591755+justyna-13@users.noreply.github.com> Date: Fri, 23 Jun 2023 12:47:30 +0200 Subject: [PATCH 08/45] feat: navbar top simple mobile (#2830) * feat: navbar top with simple mobile * feat: navbar top with simple mobile * fix: smaller iframe for navbars top --- apps/docs/components/blocks/NavbarTop.md | 34 ++++- .../NavbarTop/NavbarTopFilledSimpleMobile.tsx | 134 +++++++++++++++++ .../NavbarTop/NavbarTopSimpleMobile.tsx | 135 ++++++++++++++++++ .../NavbarTop/NavbarTopFilledSimpleMobile.vue | 131 +++++++++++++++++ .../NavbarTop/NavbarTopSimpleMobile.vue | 127 ++++++++++++++++ 5 files changed, 559 insertions(+), 2 deletions(-) create mode 100644 apps/preview/next/pages/showcases/NavbarTop/NavbarTopFilledSimpleMobile.tsx create mode 100644 apps/preview/next/pages/showcases/NavbarTop/NavbarTopSimpleMobile.tsx create mode 100644 apps/preview/nuxt/pages/showcases/NavbarTop/NavbarTopFilledSimpleMobile.vue create mode 100644 apps/preview/nuxt/pages/showcases/NavbarTop/NavbarTopSimpleMobile.vue diff --git a/apps/docs/components/blocks/NavbarTop.md b/apps/docs/components/blocks/NavbarTop.md index 596f514c53..e78bf1f156 100644 --- a/apps/docs/components/blocks/NavbarTop.md +++ b/apps/docs/components/blocks/NavbarTop.md @@ -11,7 +11,7 @@ hideToc: true ## NavbarTop with white background - + <<<../../preview/nuxt/pages/showcases/NavbarTop/NavbarTop.vue @@ -24,7 +24,7 @@ hideToc: true ## NavbarTop with filled background - + <<<../../preview/nuxt/pages/showcases/NavbarTop/NavbarTopFilled.vue @@ -34,3 +34,33 @@ hideToc: true + +## NavbarTop with white background and simple mobile bar + +The alternate NavbarTop variant designed to work seamlessly with the NavbarBottom, providing a cohesive mobile navigation experience. + +By combining with the NavbarBottom, you can create a unified navigation structure that accommodates both top and bottom navigation elements on mobile devices. This ensures a smooth and intuitive user experience, allowing users to access important navigation options easily. + + + + +<<<../../preview/nuxt/pages/showcases/NavbarTop/NavbarTopSimpleMobile.vue + + +<<<../../preview/next/pages/showcases/NavbarTop/NavbarTopSimpleMobile.tsx#source + + + + +## NavbarTop with filled background and simple mobile bar + + + + +<<<../../preview/nuxt/pages/showcases/NavbarTop/NavbarTopFilledSimpleMobile.vue + + +<<<../../preview/next/pages/showcases/NavbarTop/NavbarTopFilledSimpleMobile.tsx#source + + + diff --git a/apps/preview/next/pages/showcases/NavbarTop/NavbarTopFilledSimpleMobile.tsx b/apps/preview/next/pages/showcases/NavbarTop/NavbarTopFilledSimpleMobile.tsx new file mode 100644 index 0000000000..695681882f --- /dev/null +++ b/apps/preview/next/pages/showcases/NavbarTop/NavbarTopFilledSimpleMobile.tsx @@ -0,0 +1,134 @@ +/* eslint-disable jsx-a11y/anchor-is-valid */ +import { ShowcasePageLayout } from '../../showcases'; +// #region source +import { useState } from 'react'; +import { + SfButton, + SfIconShoppingCart, + SfIconFavorite, + SfIconPerson, + SfIconExpandMore, + SfInput, + SfIconSearch, + SfIconMenu, + SfIconArrowBack, +} from '@storefront-ui/react'; + +export default function TopNavFilled() { + const [inputValue, setInputValue] = useState(''); + + const actionItems = [ + { + icon: , + label: '', + ariaLabel: 'Cart', + role: 'button', + }, + { + icon: , + label: '', + ariaLabel: 'Wishlist', + role: 'button', + }, + { + label: 'Log in', + icon: , + ariaLabel: 'Log in', + role: 'login', + }, + ]; + + const search = (event: React.FormEvent) => { + event.preventDefault(); + alert(`Successfully found 10 results for ${inputValue}`); + }; + + return ( +
+
+ + + + + Sf Logo + + + + + + + + } + > + Browse products + +
+ + + + + + } + onChange={(event) => setInputValue(event.target.value)} + /> + + +
+
+ ); +} + +// #endregion source +TopNavFilled.getLayout = ShowcasePageLayout; diff --git a/apps/preview/next/pages/showcases/NavbarTop/NavbarTopSimpleMobile.tsx b/apps/preview/next/pages/showcases/NavbarTop/NavbarTopSimpleMobile.tsx new file mode 100644 index 0000000000..7088d93e39 --- /dev/null +++ b/apps/preview/next/pages/showcases/NavbarTop/NavbarTopSimpleMobile.tsx @@ -0,0 +1,135 @@ +/* eslint-disable no-alert */ +/* eslint-disable jsx-a11y/anchor-is-valid */ +import { ShowcasePageLayout } from '../../showcases'; +// #region source +import { useState } from 'react'; +import { + SfButton, + SfIconShoppingCart, + SfIconFavorite, + SfIconPerson, + SfIconExpandMore, + SfInput, + SfIconSearch, + SfIconMenu, + SfIconArrowBack, +} from '@storefront-ui/react'; + +export default function TopNavSimpleMobile() { + const [inputValue, setInputValue] = useState(''); + + const actionItems = [ + { + icon: , + label: '', + ariaLabel: 'Cart', + role: 'button', + }, + { + icon: , + label: '', + ariaLabel: 'Wishlist', + role: 'button', + }, + { + label: 'Log in', + icon: , + ariaLabel: 'Log in', + role: 'login', + }, + ]; + + const search = (event: React.FormEvent) => { + event.preventDefault(); + alert(`Successfully found 10 results for ${inputValue}`); + }; + + return ( +
+
+ + + + + Sf Logo + + + + + + + + } + > + Browse products + +
+ + + + + + } + onChange={(event) => setInputValue(event.target.value)} + /> + + +
+
+ ); +} + +// #endregion source +TopNavSimpleMobile.getLayout = ShowcasePageLayout; diff --git a/apps/preview/nuxt/pages/showcases/NavbarTop/NavbarTopFilledSimpleMobile.vue b/apps/preview/nuxt/pages/showcases/NavbarTop/NavbarTopFilledSimpleMobile.vue new file mode 100644 index 0000000000..f2a678935c --- /dev/null +++ b/apps/preview/nuxt/pages/showcases/NavbarTop/NavbarTopFilledSimpleMobile.vue @@ -0,0 +1,131 @@ + + diff --git a/apps/preview/nuxt/pages/showcases/NavbarTop/NavbarTopSimpleMobile.vue b/apps/preview/nuxt/pages/showcases/NavbarTop/NavbarTopSimpleMobile.vue new file mode 100644 index 0000000000..d458169256 --- /dev/null +++ b/apps/preview/nuxt/pages/showcases/NavbarTop/NavbarTopSimpleMobile.vue @@ -0,0 +1,127 @@ + + From 93107ab2664bd513e8074c2ee3069cf601fb8a17 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Adam=20Pawli=C5=84ski?= Date: Fri, 23 Jun 2023 13:29:52 +0200 Subject: [PATCH 09/45] fix: sfscrollable add props for buttons aria labels (#2848) * fix: add props for buttons aria labels * chore: add changeset notes --- .changeset/sharp-scissors-heal.md | 6 ++++++ apps/docs/components/components/scrollable.md | 2 ++ .../next/pages/examples/SfScrollable.tsx | 18 ++++++++++++++++++ .../nuxt/pages/examples/SfScrollable.vue | 18 ++++++++++++++++++ .../components/SfScrollable/SfScrollable.tsx | 4 ++++ .../react/components/SfScrollable/types.ts | 2 ++ .../components/SfScrollable/SfScrollable.vue | 10 ++++++++++ 7 files changed, 60 insertions(+) create mode 100644 .changeset/sharp-scissors-heal.md diff --git a/.changeset/sharp-scissors-heal.md b/.changeset/sharp-scissors-heal.md new file mode 100644 index 0000000000..665322611b --- /dev/null +++ b/.changeset/sharp-scissors-heal.md @@ -0,0 +1,6 @@ +--- +'@storefront-ui/react': minor +'@storefront-ui/vue': minor +--- + +Added props changing aria label for nav buttons in SfScrollable diff --git a/apps/docs/components/components/scrollable.md b/apps/docs/components/components/scrollable.md index a7a3a108c1..4b87957796 100644 --- a/apps/docs/components/components/scrollable.md +++ b/apps/docs/components/components/scrollable.md @@ -86,6 +86,8 @@ By default `SfScrollable` scroll by one page of items, but can be modified that | `prevDisabled` | `boolean` | | | | `nextDisabled` | `boolean` | | | | `isActiveIndexCentered` | `boolean` | | | +| `buttonPrevAriaLabel` | `string` | `'Previous'` | | +| `buttonNextAriaLabel` | `string` | `'Next'` | | | `tag` | `string` | `'div'` | | diff --git a/apps/preview/next/pages/examples/SfScrollable.tsx b/apps/preview/next/pages/examples/SfScrollable.tsx index 476d494cd9..825bca57d3 100644 --- a/apps/preview/next/pages/examples/SfScrollable.tsx +++ b/apps/preview/next/pages/examples/SfScrollable.tsx @@ -35,12 +35,28 @@ function Example() { propDefaultValue: '10', description: 'Only for demonstration purposes. Total number of items', }, + { + type: 'text', + modelName: 'buttonPrevAriaLabel', + propType: 'string', + propDefaultValue: 'Previous', + description: 'Sets aria label for the previous button', + }, + { + type: 'text', + modelName: 'buttonNextAriaLabel', + propType: 'string', + propDefaultValue: 'Next', + description: 'Sets aria label for the next button', + }, ], { direction: SfScrollableDirection.horizontal, buttonsPlacement: SfScrollableButtonsPlacement.block, drag: undefined, totalItems: '20', + buttonPrevAriaLabel: 'Previous element', + buttonNextAriaLabel: 'Next element', }, ); @@ -50,6 +66,8 @@ function Example() { drag={state.get.drag} direction={state.get.direction} buttonsPlacement={state.get.buttonsPlacement} + buttonPrevAriaLabel={state.get.buttonPrevAriaLabel} + buttonNextAriaLabel={state.get.buttonNextAriaLabel} className="items-center w-full" > {Array.from({ length: Number(state.get.totalItems || 10) }, (_, i) => ( diff --git a/apps/preview/nuxt/pages/examples/SfScrollable.vue b/apps/preview/nuxt/pages/examples/SfScrollable.vue index 12c8e4499e..8b28550522 100644 --- a/apps/preview/nuxt/pages/examples/SfScrollable.vue +++ b/apps/preview/nuxt/pages/examples/SfScrollable.vue @@ -4,6 +4,8 @@ :drag="state.drag" :direction="state.direction" :buttons-placement="state.buttonsPlacement" + :button-prev-aria-label="state.buttonPrevAriaLabel" + :button-next-aria-label="state.buttonNextAriaLabel" class="w-full items-center" >
diff --git a/packages/sfui/frameworks/react/components/SfScrollable/SfScrollable.tsx b/packages/sfui/frameworks/react/components/SfScrollable/SfScrollable.tsx index d639e863ec..222343b22c 100644 --- a/packages/sfui/frameworks/react/components/SfScrollable/SfScrollable.tsx +++ b/packages/sfui/frameworks/react/components/SfScrollable/SfScrollable.tsx @@ -34,6 +34,8 @@ const SfScrollable = polymorphicForwardRef, + ariaLabel: buttonPrevAriaLabel, className: classNames( 'hidden md:block !ring-neutral-500 !text-neutral-500 disabled:!ring-disabled-300 disabled:!text-disabled-500', classNameButton, @@ -109,6 +112,7 @@ const SfScrollable = polymorphicForwardRef, + ariaLabel: buttonNextAriaLabel, className: classNames( 'hidden md:block !ring-neutral-500 !text-neutral-500 disabled:!ring-disabled-300 disabled:!text-disabled-500', classNameButton, diff --git a/packages/sfui/frameworks/react/components/SfScrollable/types.ts b/packages/sfui/frameworks/react/components/SfScrollable/types.ts index 2b468a97aa..f939ca99e0 100644 --- a/packages/sfui/frameworks/react/components/SfScrollable/types.ts +++ b/packages/sfui/frameworks/react/components/SfScrollable/types.ts @@ -8,5 +8,7 @@ export interface SfScrollableProps extends UseScrollableOptions, PropsWithChildr slotNextButton?: ReactElement; prevDisabled?: boolean; nextDisabled?: boolean; + buttonPrevAriaLabel?: string; + buttonNextAriaLabel?: string; buttonsPlacement?: `${SfScrollableButtonsPlacement}`; } diff --git a/packages/sfui/frameworks/vue/components/SfScrollable/SfScrollable.vue b/packages/sfui/frameworks/vue/components/SfScrollable/SfScrollable.vue index 22d4c56dcc..a4e1971382 100644 --- a/packages/sfui/frameworks/vue/components/SfScrollable/SfScrollable.vue +++ b/packages/sfui/frameworks/vue/components/SfScrollable/SfScrollable.vue @@ -59,6 +59,14 @@ const props = defineProps({ type: Boolean, default: false, }, + buttonPrevAriaLabel: { + type: String, + default: 'Previous', + }, + buttonNextAriaLabel: { + type: String, + default: 'Next', + }, }); const emit = defineEmits<{ (e: 'onDragStart', data: SfScrollableOnDragStartData): void; @@ -112,6 +120,7 @@ const isHorizontal = computed(() => props.direction === SfScrollableDirection.ho ]" v-bind="getPrevButtonProps" :disabled="prevDisabled" + :aria-label="buttonPrevAriaLabel" > @@ -150,6 +159,7 @@ const isHorizontal = computed(() => props.direction === SfScrollableDirection.ho ]" v-bind="getNextButtonProps" :disabled="nextDisabled" + :aria-label="buttonNextAriaLabel" > From b1f54b3825a5550ef2b6314d69920684aa29ce6c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Szymon=20Dziewo=C5=84ski?= Date: Fri, 23 Jun 2023 15:00:27 +0200 Subject: [PATCH 10/45] fix: vue blocks containing className (#2854) --- apps/preview/nuxt/pages/showcases/Card/CategoryCard.vue | 2 +- .../showcases/SelectDropdown/SelectDropdownPreselected.vue | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/preview/nuxt/pages/showcases/Card/CategoryCard.vue b/apps/preview/nuxt/pages/showcases/Card/CategoryCard.vue index 3afd2a213f..16514894f0 100644 --- a/apps/preview/nuxt/pages/showcases/Card/CategoryCard.vue +++ b/apps/preview/nuxt/pages/showcases/Card/CategoryCard.vue @@ -1,5 +1,5 @@