From a3de1c910f3544c9be7cfeaf693e5eca76ca3dbc Mon Sep 17 00:00:00 2001 From: Jakub007d Date: Mon, 26 Jan 2026 12:14:28 +0100 Subject: [PATCH 1/3] fix: fixing docs examples --- package-lock.json | 535 ++++++++++++++++-- packages/react-renderer-demo/package.json | 2 +- .../src/components/component-example.js | 72 +-- .../ant-sandpack.js} | 21 +- .../blueprint-sandpack.js} | 66 ++- .../carbon-sandpack.js} | 51 +- .../mui-sandpack.js} | 75 ++- .../pf4-sandpack.js} | 29 +- .../suir-sandpack.js} | 18 +- 9 files changed, 700 insertions(+), 169 deletions(-) rename packages/react-renderer-demo/src/{stackblitz-templates/ant-templates.js => sandpack-templates/ant-sandpack.js} (77%) rename packages/react-renderer-demo/src/{stackblitz-templates/blueprint-templates.js => sandpack-templates/blueprint-sandpack.js} (51%) rename packages/react-renderer-demo/src/{stackblitz-templates/carbon-templates.js => sandpack-templates/carbon-sandpack.js} (63%) rename packages/react-renderer-demo/src/{stackblitz-templates/mui-templates.js => sandpack-templates/mui-sandpack.js} (55%) rename packages/react-renderer-demo/src/{stackblitz-templates/pf4-templates.js => sandpack-templates/pf4-sandpack.js} (72%) rename packages/react-renderer-demo/src/{stackblitz-templates/suir-template.js => sandpack-templates/suir-sandpack.js} (82%) diff --git a/package-lock.json b/package-lock.json index 11b094e4f..324fffd09 100644 --- a/package-lock.json +++ b/package-lock.json @@ -257,7 +257,6 @@ "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-5.44.0.tgz", "integrity": "sha512-/FRKUM1G4xn3vV8+9xH1WJ9XknU8rkBGlefruq9jDhYUAvYozKimhrmC2pRqw/RyHhPivmgZCRuC8jHP8piz4Q==", "license": "MIT", - "peer": true, "dependencies": { "@algolia/client-common": "5.44.0", "@algolia/requester-browser-xhr": "5.44.0", @@ -465,7 +464,6 @@ "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@babel/code-frame": "^7.27.1", "@babel/generator": "^7.28.5", @@ -1108,7 +1106,6 @@ "integrity": "sha512-p9OkPbZ5G7UT1MofwYFigGebnrzGJacoBSQM0/6bi/PUMVE+qlWDD/OalvQKbwgQzU6dl0xAv6r4X7Jme0RYxA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@babel/helper-plugin-utils": "^7.27.1" }, @@ -2034,7 +2031,6 @@ "integrity": "sha512-2KH4LWGSrJIkVf5tSiBFYuXDAoWRq2MMwgivCf+93dd0GQi8RXLjKA/0EvRnVV5G0hrHczsquXuD01L8s6dmBw==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@babel/helper-annotate-as-pure": "^7.27.1", "@babel/helper-module-imports": "^7.27.1", @@ -2924,6 +2920,200 @@ "@internationalized/number": "^3.6.1" } }, + "node_modules/@codemirror/autocomplete": { + "version": "6.20.0", + "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.20.0.tgz", + "integrity": "sha512-bOwvTOIJcG5FVo5gUUupiwYh8MioPLQ4UcqbcRf7UQ98X90tCa9E1kZ3Z7tqwpZxYyOvh1YTYbmZE9RTfTp5hg==", + "license": "MIT", + "dependencies": { + "@codemirror/language": "^6.0.0", + "@codemirror/state": "^6.0.0", + "@codemirror/view": "^6.17.0", + "@lezer/common": "^1.0.0" + } + }, + "node_modules/@codemirror/commands": { + "version": "6.10.1", + "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.10.1.tgz", + "integrity": "sha512-uWDWFypNdQmz2y1LaNJzK7fL7TYKLeUAU0npEC685OKTF3KcQ2Vu3klIM78D7I6wGhktme0lh3CuQLv0ZCrD9Q==", + "license": "MIT", + "dependencies": { + "@codemirror/language": "^6.0.0", + "@codemirror/state": "^6.4.0", + "@codemirror/view": "^6.27.0", + "@lezer/common": "^1.1.0" + } + }, + "node_modules/@codemirror/lang-css": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/@codemirror/lang-css/-/lang-css-6.3.1.tgz", + "integrity": "sha512-kr5fwBGiGtmz6l0LSJIbno9QrifNMUusivHbnA1H6Dmqy4HZFte3UAICix1VuKo0lMPKQr2rqB+0BkKi/S3Ejg==", + "license": "MIT", + "dependencies": { + "@codemirror/autocomplete": "^6.0.0", + "@codemirror/language": "^6.0.0", + "@codemirror/state": "^6.0.0", + "@lezer/common": "^1.0.2", + "@lezer/css": "^1.1.7" + } + }, + "node_modules/@codemirror/lang-html": { + "version": "6.4.11", + "resolved": "https://registry.npmjs.org/@codemirror/lang-html/-/lang-html-6.4.11.tgz", + "integrity": "sha512-9NsXp7Nwp891pQchI7gPdTwBuSuT3K65NGTHWHNJ55HjYcHLllr0rbIZNdOzas9ztc1EUVBlHou85FFZS4BNnw==", + "license": "MIT", + "dependencies": { + "@codemirror/autocomplete": "^6.0.0", + "@codemirror/lang-css": "^6.0.0", + "@codemirror/lang-javascript": "^6.0.0", + "@codemirror/language": "^6.4.0", + "@codemirror/state": "^6.0.0", + "@codemirror/view": "^6.17.0", + "@lezer/common": "^1.0.0", + "@lezer/css": "^1.1.0", + "@lezer/html": "^1.3.12" + } + }, + "node_modules/@codemirror/lang-javascript": { + "version": "6.2.4", + "resolved": "https://registry.npmjs.org/@codemirror/lang-javascript/-/lang-javascript-6.2.4.tgz", + "integrity": "sha512-0WVmhp1QOqZ4Rt6GlVGwKJN3KW7Xh4H2q8ZZNGZaP6lRdxXJzmjm4FqvmOojVj6khWJHIb9sp7U/72W7xQgqAA==", + "license": "MIT", + "dependencies": { + "@codemirror/autocomplete": "^6.0.0", + "@codemirror/language": "^6.6.0", + "@codemirror/lint": "^6.0.0", + "@codemirror/state": "^6.0.0", + "@codemirror/view": "^6.17.0", + "@lezer/common": "^1.0.0", + "@lezer/javascript": "^1.0.0" + } + }, + "node_modules/@codemirror/language": { + "version": "6.12.1", + "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.12.1.tgz", + "integrity": "sha512-Fa6xkSiuGKc8XC8Cn96T+TQHYj4ZZ7RdFmXA3i9xe/3hLHfwPZdM+dqfX0Cp0zQklBKhVD8Yzc8LS45rkqcwpQ==", + "license": "MIT", + "dependencies": { + "@codemirror/state": "^6.0.0", + "@codemirror/view": "^6.23.0", + "@lezer/common": "^1.5.0", + "@lezer/highlight": "^1.0.0", + "@lezer/lr": "^1.0.0", + "style-mod": "^4.0.0" + } + }, + "node_modules/@codemirror/lint": { + "version": "6.9.2", + "resolved": "https://registry.npmjs.org/@codemirror/lint/-/lint-6.9.2.tgz", + "integrity": "sha512-sv3DylBiIyi+xKwRCJAAsBZZZWo82shJ/RTMymLabAdtbkV5cSKwWDeCgtUq3v8flTaXS2y1kKkICuRYtUswyQ==", + "license": "MIT", + "dependencies": { + "@codemirror/state": "^6.0.0", + "@codemirror/view": "^6.35.0", + "crelt": "^1.0.5" + } + }, + "node_modules/@codemirror/state": { + "version": "6.5.3", + "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.5.3.tgz", + "integrity": "sha512-MerMzJzlXogk2fxWFU1nKp36bY5orBG59HnPiz0G9nLRebWa0zXuv2siH6PLIHBvv5TH8CkQRqjBs0MlxCZu+A==", + "license": "MIT", + "dependencies": { + "@marijn/find-cluster-break": "^1.0.0" + } + }, + "node_modules/@codemirror/view": { + "version": "6.39.10", + "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.39.10.tgz", + "integrity": "sha512-QfT/PXhiiP76PxMnX0RQVPDQrqfRt9wr9QhInNHnEUu4PWoNS8QwwcIDEneXFChJv22y+Yu/Cz5lFMTPz+h16w==", + "license": "MIT", + "dependencies": { + "@codemirror/state": "^6.5.0", + "crelt": "^1.0.6", + "style-mod": "^4.1.0", + "w3c-keyname": "^2.2.4" + } + }, + "node_modules/@codesandbox/nodebox": { + "version": "0.1.8", + "resolved": "https://registry.npmjs.org/@codesandbox/nodebox/-/nodebox-0.1.8.tgz", + "integrity": "sha512-2VRS6JDSk+M+pg56GA6CryyUSGPjBEe8Pnae0QL3jJF1mJZJVMDKr93gJRtBbLkfZN6LD/DwMtf+2L0bpWrjqg==", + "license": "SEE LICENSE IN ./LICENSE", + "dependencies": { + "outvariant": "^1.4.0", + "strict-event-emitter": "^0.4.3" + } + }, + "node_modules/@codesandbox/sandpack-client": { + "version": "2.19.8", + "resolved": "https://registry.npmjs.org/@codesandbox/sandpack-client/-/sandpack-client-2.19.8.tgz", + "integrity": "sha512-CMV4nr1zgKzVpx4I3FYvGRM5YT0VaQhALMW9vy4wZRhEyWAtJITQIqZzrTGWqB1JvV7V72dVEUCUPLfYz5hgJQ==", + "license": "Apache-2.0", + "dependencies": { + "@codesandbox/nodebox": "0.1.8", + "buffer": "^6.0.3", + "dequal": "^2.0.2", + "mime-db": "^1.52.0", + "outvariant": "1.4.0", + "static-browser-server": "1.0.3" + } + }, + "node_modules/@codesandbox/sandpack-client/node_modules/buffer": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz", + "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT", + "dependencies": { + "base64-js": "^1.3.1", + "ieee754": "^1.2.1" + } + }, + "node_modules/@codesandbox/sandpack-react": { + "version": "2.20.0", + "resolved": "https://registry.npmjs.org/@codesandbox/sandpack-react/-/sandpack-react-2.20.0.tgz", + "integrity": "sha512-takd1YpW/PMQ6KPQfvseWLHWklJovGY8QYj8MtWnskGKbjOGJ6uZfyZbcJ6aCFLQMpNyjTqz9AKNbvhCOZ1TUQ==", + "license": "Apache-2.0", + "dependencies": { + "@codemirror/autocomplete": "^6.4.0", + "@codemirror/commands": "^6.1.3", + "@codemirror/lang-css": "^6.0.1", + "@codemirror/lang-html": "^6.4.0", + "@codemirror/lang-javascript": "^6.1.2", + "@codemirror/language": "^6.3.2", + "@codemirror/state": "^6.2.0", + "@codemirror/view": "^6.7.1", + "@codesandbox/sandpack-client": "^2.19.8", + "@lezer/highlight": "^1.1.3", + "@react-hook/intersection-observer": "^3.1.1", + "@stitches/core": "^1.2.6", + "anser": "^2.1.1", + "clean-set": "^1.1.2", + "dequal": "^2.0.2", + "escape-carriage": "^1.3.1", + "lz-string": "^1.4.4", + "react-devtools-inline": "4.4.0", + "react-is": "^17.0.2" + }, + "peerDependencies": { + "react": "^16.8.0 || ^17 || ^18 || ^19", + "react-dom": "^16.8.0 || ^17 || ^18 || ^19" + } + }, "node_modules/@cspotcode/source-map-support": { "version": "0.8.1", "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz", @@ -2977,7 +3167,6 @@ "resolved": "https://registry.npmjs.org/@data-driven-forms/dnd/-/dnd-0.0.7.tgz", "integrity": "sha512-cqAx5eU1mrwTS28MeM1rJniH3+QWTX3qGMlF4vJqYix3ToT/xyCD08no3PDabN9eXV0BkIaeilsDjvT8mPMfng==", "license": "Apache-2.0", - "peer": true, "peerDependencies": { "react": "^17.0.1", "react-dom": "^17.0.1" @@ -3308,7 +3497,6 @@ "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.14.0.tgz", "integrity": "sha512-L/B1lc/TViYk4DcpGxtAVbx0ZyiKM5ktoIyafGkH6zg/tj+mA+NE//aPYKG0k8kCHSHVJrpLpcAlOBEXQ3SavA==", "license": "MIT", - "peer": true, "dependencies": { "@emotion/memoize": "^0.9.0", "@emotion/sheet": "^1.4.0", @@ -3343,7 +3531,6 @@ "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.14.0.tgz", "integrity": "sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==", "license": "MIT", - "peer": true, "dependencies": { "@babel/runtime": "^7.18.3", "@emotion/babel-plugin": "^11.13.5", @@ -3381,7 +3568,6 @@ "resolved": "https://registry.npmjs.org/@emotion/server/-/server-11.11.0.tgz", "integrity": "sha512-6q89fj2z8VBTx9w93kJ5n51hsmtYuFPtZgnc1L8VzRx9ti4EU6EyvF6Nn1H1x3vcCQCF7u2dB2lY4AYJwUW4PA==", "license": "MIT", - "peer": true, "dependencies": { "@emotion/utils": "^1.2.1", "html-tokenize": "^2.0.0", @@ -3408,7 +3594,6 @@ "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.14.1.tgz", "integrity": "sha512-qEEJt42DuToa3gurlH4Qqc1kVpNq8wO8cJtDzU46TjlzWjDlsVyevtYCRijVq3SrHsROS+gVQ8Fnea108GnKzw==", "license": "MIT", - "peer": true, "dependencies": { "@babel/runtime": "^7.18.3", "@emotion/babel-plugin": "^11.13.5", @@ -5458,6 +5643,69 @@ "dev": true, "license": "MIT" }, + "node_modules/@lezer/common": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.5.0.tgz", + "integrity": "sha512-PNGcolp9hr4PJdXR4ix7XtixDrClScvtSCYW3rQG106oVMOOI+jFb+0+J3mbeL/53g1Zd6s0kJzaw6Ri68GmAA==", + "license": "MIT" + }, + "node_modules/@lezer/css": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/@lezer/css/-/css-1.3.0.tgz", + "integrity": "sha512-pBL7hup88KbI7hXnZV3PQsn43DHy6TWyzuyk2AO9UyoXcDltvIdqWKE1dLL/45JVZ+YZkHe1WVHqO6wugZZWcw==", + "license": "MIT", + "dependencies": { + "@lezer/common": "^1.2.0", + "@lezer/highlight": "^1.0.0", + "@lezer/lr": "^1.3.0" + } + }, + "node_modules/@lezer/highlight": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@lezer/highlight/-/highlight-1.2.3.tgz", + "integrity": "sha512-qXdH7UqTvGfdVBINrgKhDsVTJTxactNNxLk7+UMwZhU13lMHaOBlJe9Vqp907ya56Y3+ed2tlqzys7jDkTmW0g==", + "license": "MIT", + "dependencies": { + "@lezer/common": "^1.3.0" + } + }, + "node_modules/@lezer/html": { + "version": "1.3.13", + "resolved": "https://registry.npmjs.org/@lezer/html/-/html-1.3.13.tgz", + "integrity": "sha512-oI7n6NJml729m7pjm9lvLvmXbdoMoi2f+1pwSDJkl9d68zGr7a9Btz8NdHTGQZtW2DA25ybeuv/SyDb9D5tseg==", + "license": "MIT", + "dependencies": { + "@lezer/common": "^1.2.0", + "@lezer/highlight": "^1.0.0", + "@lezer/lr": "^1.0.0" + } + }, + "node_modules/@lezer/javascript": { + "version": "1.5.4", + "resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.5.4.tgz", + "integrity": "sha512-vvYx3MhWqeZtGPwDStM2dwgljd5smolYD2lR2UyFcHfxbBQebqx8yjmFmxtJ/E6nN6u1D9srOiVWm3Rb4tmcUA==", + "license": "MIT", + "dependencies": { + "@lezer/common": "^1.2.0", + "@lezer/highlight": "^1.1.3", + "@lezer/lr": "^1.3.0" + } + }, + "node_modules/@lezer/lr": { + "version": "1.4.7", + "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-1.4.7.tgz", + "integrity": "sha512-wNIFWdSUfX9Jc6ePMzxSPVgTVB4EOfDIwLQLWASyiUdHKaMsiilj9bYiGkGQCKVodd0x6bgQCV207PILGFCF9Q==", + "license": "MIT", + "dependencies": { + "@lezer/common": "^1.0.0" + } + }, + "node_modules/@marijn/find-cluster-break": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/@marijn/find-cluster-break/-/find-cluster-break-1.0.2.tgz", + "integrity": "sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==", + "license": "MIT" + }, "node_modules/@mdx-js/loader": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/@mdx-js/loader/-/loader-2.3.0.tgz", @@ -5646,7 +5894,6 @@ "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.18.0.tgz", "integrity": "sha512-bbH/HaJZpFtXGvWg3TsBWG4eyt3gah3E7nCNU8GLyRjVoWcA91Vm/T+sjHfUcwgJSw9iLtucfHBoq+qW/T30aA==", "license": "MIT", - "peer": true, "dependencies": { "@babel/runtime": "^7.23.9", "@mui/core-downloads-tracker": "^5.18.0", @@ -5796,7 +6043,6 @@ "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.18.0.tgz", "integrity": "sha512-ojZGVcRWqWhu557cdO3pWHloIGJdzVtxs3rk0F9L+x55LsUjcMUVkEhiF7E4TMxZoF9MmIHGGs0ZX3FDLAf0Xw==", "license": "MIT", - "peer": true, "dependencies": { "@babel/runtime": "^7.23.9", "@mui/private-theming": "^5.17.1", @@ -8026,7 +8272,6 @@ "resolved": "https://registry.npmjs.org/@octokit/core/-/core-3.6.0.tgz", "integrity": "sha512-7RKRKuA4xTjMhY+eG3jthb3hlZCsOwg3rztWh75Xc+ShDWOfDDATWbeZpAHBNRpm4Tv9WgBMOy1zEJYXG6NJ7Q==", "license": "MIT", - "peer": true, "dependencies": { "@octokit/auth-token": "^2.4.4", "@octokit/graphql": "^4.5.8", @@ -8142,6 +8387,12 @@ "@octokit/openapi-types": "^12.11.0" } }, + "node_modules/@open-draft/deferred-promise": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/@open-draft/deferred-promise/-/deferred-promise-2.2.0.tgz", + "integrity": "sha512-CecwLWx3rhxVQF6V4bAgPS5t+So2sTbPgAzafKkVizyi7tlwpcFpdFqq+wqF2OwNBmqFuu6tOyouTuxgpMfzmA==", + "license": "MIT" + }, "node_modules/@parcel/watcher": { "version": "2.5.1", "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz", @@ -8544,7 +8795,6 @@ "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", "license": "MIT", - "peer": true, "funding": { "type": "opencollective", "url": "https://opencollective.com/popperjs" @@ -8605,6 +8855,28 @@ "react-dom": ">=16.9.0" } }, + "node_modules/@react-hook/intersection-observer": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@react-hook/intersection-observer/-/intersection-observer-3.1.2.tgz", + "integrity": "sha512-mWU3BMkmmzyYMSuhO9wu3eJVP21N8TcgYm9bZnTrMwuM818bEk+0NRM3hP+c/TqA9Ln5C7qE53p1H0QMtzYdvQ==", + "license": "MIT", + "dependencies": { + "@react-hook/passive-layout-effect": "^1.2.0", + "intersection-observer": "^0.10.0" + }, + "peerDependencies": { + "react": ">=16.8" + } + }, + "node_modules/@react-hook/passive-layout-effect": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@react-hook/passive-layout-effect/-/passive-layout-effect-1.2.1.tgz", + "integrity": "sha512-IwEphTD75liO8g+6taS+4oqz+nnroocNfWVHWz7j+N+ZO2vYrc6PV1q7GQhuahL0IOR7JccFTsFKQ/mb6iZWAg==", + "license": "MIT", + "peerDependencies": { + "react": ">=16.8" + } + }, "node_modules/@rtsao/scc": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz", @@ -8673,10 +8945,10 @@ "@sinonjs/commons": "^1.7.0" } }, - "node_modules/@stackblitz/sdk": { - "version": "1.11.0", - "resolved": "https://registry.npmjs.org/@stackblitz/sdk/-/sdk-1.11.0.tgz", - "integrity": "sha512-DFQGANNkEZRzFk1/rDP6TcFdM82ycHE+zfl9C/M/jXlH68jiqHWHFMQURLELoD8koxvu/eW5uhg94NSAZlYrUQ==", + "node_modules/@stitches/core": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/@stitches/core/-/core-1.2.8.tgz", + "integrity": "sha512-Gfkvwk9o9kE9r9XNBmJRfV8zONvXThnm1tcuojL04Uy5uRyqg93DC83lDebl0rocZCfKSjUv+fWYtMQmEDJldg==", "license": "MIT" }, "node_modules/@swc-node/register": { @@ -8685,7 +8957,6 @@ "integrity": "sha512-BBjg0QNuEEmJSoU/++JOXhrjWdu3PTyYeJWsvchsI0Aqtj8ICkz/DqlwtXbmZVZ5vuDPpTfFlwDBZe81zgShMA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@swc-node/core": "^1.13.1", "@swc-node/sourcemap-support": "^0.5.0", @@ -8750,7 +9021,6 @@ "devOptional": true, "hasInstallScript": true, "license": "Apache-2.0", - "peer": true, "dependencies": { "@swc/counter": "^0.1.3", "@swc/types": "^0.1.8" @@ -8976,7 +9246,6 @@ "integrity": "sha512-iAoY/qRhNH8a/hBvm3zKj9qQ4oc2+3w1unPJa2XvTK3XjeLXtzcCingVPw/9e5mn1+0yPqxcBGp9Jf0pkfMb1g==", "devOptional": true, "license": "Apache-2.0", - "peer": true, "dependencies": { "@swc/counter": "^0.1.3" } @@ -8987,7 +9256,6 @@ "integrity": "sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@babel/code-frame": "^7.10.4", "@babel/runtime": "^7.12.5", @@ -9437,7 +9705,6 @@ "resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.1.tgz", "integrity": "sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==", "license": "MIT", - "peer": true, "dependencies": { "undici-types": "~7.16.0" } @@ -9496,7 +9763,6 @@ "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.7.tgz", "integrity": "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==", "license": "MIT", - "peer": true, "dependencies": { "csstype": "^3.2.2" } @@ -9507,7 +9773,6 @@ "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==", "dev": true, "license": "MIT", - "peer": true, "peerDependencies": { "@types/react": "^19.2.0" } @@ -9848,6 +10113,7 @@ "integrity": "sha512-jCzKdm/QK0Kg4V4IK/oMlRZlY+QOcdjv89U2NgKHZk1CYTj82/RVSx1mV/0gqCVMJ/DA+Zf/S4NBWNF8GQ+eqQ==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@typescript-eslint/scope-manager": "8.48.0", "@typescript-eslint/types": "8.48.0", @@ -9873,6 +10139,7 @@ "integrity": "sha512-Ne4CTZyRh1BecBf84siv42wv5vQvVmgtk8AuiEffKTUo3DrBaGYZueJSxxBZ8fjk/N3DrgChH4TOdIOwOwiqqw==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@typescript-eslint/tsconfig-utils": "^8.48.0", "@typescript-eslint/types": "^8.48.0", @@ -9895,6 +10162,7 @@ "integrity": "sha512-uGSSsbrtJrLduti0Q1Q9+BF1/iFKaxGoQwjWOIVNJv0o6omrdyR8ct37m4xIl5Zzpkp69Kkmvom7QFTtue89YQ==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@typescript-eslint/types": "8.48.0", "@typescript-eslint/visitor-keys": "8.48.0" @@ -9913,6 +10181,7 @@ "integrity": "sha512-WNebjBdFdyu10sR1M4OXTt2OkMd5KWIL+LLfeH9KhgP+jzfDV/LI3eXzwJ1s9+Yc0Kzo2fQCdY/OpdusCMmh6w==", "dev": true, "license": "MIT", + "peer": true, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" }, @@ -9930,6 +10199,7 @@ "integrity": "sha512-cQMcGQQH7kwKoVswD1xdOytxQR60MWKM1di26xSUtxehaDs/32Zpqsu5WJlXTtTTqyAVK8R7hvsUnIXRS+bjvA==", "dev": true, "license": "MIT", + "peer": true, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" }, @@ -9944,6 +10214,7 @@ "integrity": "sha512-ljHab1CSO4rGrQIAyizUS6UGHHCiAYhbfcIZ1zVJr5nMryxlXMVWS3duFPSKvSUbFPwkXMFk1k0EMIjub4sRRQ==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@typescript-eslint/project-service": "8.48.0", "@typescript-eslint/tsconfig-utils": "8.48.0", @@ -9972,6 +10243,7 @@ "integrity": "sha512-T0XJMaRPOH3+LBbAfzR2jalckP1MSG/L9eUtY0DEzUyVaXJ/t6zN0nR7co5kz0Jko/nkSYCBRkz1djvjajVTTg==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@typescript-eslint/types": "8.48.0", "eslint-visitor-keys": "^4.2.1" @@ -9990,6 +10262,7 @@ "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==", "dev": true, "license": "Apache-2.0", + "peer": true, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" }, @@ -10003,6 +10276,7 @@ "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", "dev": true, "license": "ISC", + "peer": true, "dependencies": { "brace-expansion": "^2.0.1" }, @@ -10019,6 +10293,7 @@ "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==", "dev": true, "license": "ISC", + "peer": true, "bin": { "semver": "bin/semver.js" }, @@ -10803,7 +11078,6 @@ "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz", "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==", "license": "MIT", - "peer": true, "bin": { "acorn": "bin/acorn" }, @@ -10906,7 +11180,6 @@ "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", "license": "MIT", - "peer": true, "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", @@ -10971,7 +11244,6 @@ "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-5.44.0.tgz", "integrity": "sha512-f8IpsbdQjzTjr/4mJ/jv5UplrtyMnnciGax6/B0OnLCs2/GJTK13O4Y7Ff1AvJVAaztanH+m5nzPoUq6EAy+aA==", "license": "MIT", - "peer": true, "dependencies": { "@algolia/abtesting": "1.10.0", "@algolia/client-abtesting": "5.44.0", @@ -10992,6 +11264,12 @@ "node": ">= 14.0.0" } }, + "node_modules/anser": { + "version": "2.3.5", + "resolved": "https://registry.npmjs.org/anser/-/anser-2.3.5.tgz", + "integrity": "sha512-vcZjxvvVoxTeR5XBNJB38oTu/7eDCZlwdz32N1eNgpyPF7j/Z7Idf+CUwQOkKKpJ7RJyjxgLHCM7vdIK0iCNMQ==", + "license": "MIT" + }, "node_modules/ansi-align": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-2.0.0.tgz", @@ -12244,7 +12522,6 @@ "version": "1.5.1", "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz", "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==", - "dev": true, "funding": [ { "type": "github", @@ -12641,7 +12918,6 @@ } ], "license": "MIT", - "peer": true, "dependencies": { "baseline-browser-mapping": "^2.8.25", "caniuse-lite": "^1.0.30001754", @@ -13231,6 +13507,12 @@ "node": ">= 10.0" } }, + "node_modules/clean-set": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/clean-set/-/clean-set-1.1.2.tgz", + "integrity": "sha512-cA8uCj0qSoG9e0kevyOWXwPaELRPVg5Pxp6WskLMwerx257Zfnh8Nl0JBH59d7wQzij2CK7qEfJQK3RjuKKIug==", + "license": "MIT" + }, "node_modules/cli-boxes": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-1.0.0.tgz", @@ -14844,6 +15126,12 @@ "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==", "license": "MIT" }, + "node_modules/crelt": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz", + "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==", + "license": "MIT" + }, "node_modules/cross-env": { "version": "7.0.3", "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-7.0.3.tgz", @@ -15091,6 +15379,19 @@ "integrity": "sha512-0sVXIohTfLqVIW3kb/0n6IiWF3Ifj5nm2XaSrLq2DI6fKIGa2fYAZdk917rUneaeLVpYfFcyXE2ft0fe3remsA==", "license": "MIT" }, + "node_modules/d": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/d/-/d-1.0.2.tgz", + "integrity": "sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==", + "license": "ISC", + "dependencies": { + "es5-ext": "^0.10.64", + "type": "^2.7.2" + }, + "engines": { + "node": ">=0.12" + } + }, "node_modules/damerau-levenshtein": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz", @@ -15729,7 +16030,6 @@ "version": "16.4.7", "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.7.tgz", "integrity": "sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==", - "dev": true, "license": "BSD-2-Clause", "engines": { "node": ">=12" @@ -16257,7 +16557,6 @@ "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz", "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==", "license": "MIT", - "peer": true, "dependencies": { "iconv-lite": "^0.6.2" } @@ -16550,6 +16849,33 @@ "benchmarks" ] }, + "node_modules/es5-ext": { + "version": "0.10.64", + "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.64.tgz", + "integrity": "sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==", + "hasInstallScript": true, + "license": "ISC", + "dependencies": { + "es6-iterator": "^2.0.3", + "es6-symbol": "^3.1.3", + "esniff": "^2.0.1", + "next-tick": "^1.1.0" + }, + "engines": { + "node": ">=0.10" + } + }, + "node_modules/es6-iterator": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz", + "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==", + "license": "MIT", + "dependencies": { + "d": "1", + "es5-ext": "^0.10.35", + "es6-symbol": "^3.1.1" + } + }, "node_modules/es6-promise": { "version": "4.2.8", "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz", @@ -16565,6 +16891,19 @@ "es6-promise": "^4.0.3" } }, + "node_modules/es6-symbol": { + "version": "3.1.4", + "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.4.tgz", + "integrity": "sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==", + "license": "ISC", + "dependencies": { + "d": "^1.0.2", + "ext": "^1.7.0" + }, + "engines": { + "node": ">=0.12" + } + }, "node_modules/escalade": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz", @@ -16574,6 +16913,12 @@ "node": ">=6" } }, + "node_modules/escape-carriage": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/escape-carriage/-/escape-carriage-1.3.1.tgz", + "integrity": "sha512-GwBr6yViW3ttx1kb7/Oh+gKQ1/TrhYwxKqVmg5gS+BK+Qe2KrOa/Vh7w3HPBvgGf0LfcDGoY9I6NHKoA5Hozhw==", + "license": "MIT" + }, "node_modules/escape-html": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", @@ -16622,7 +16967,6 @@ "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/regexpp": "^4.6.1", @@ -16721,7 +17065,6 @@ "integrity": "sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@eslint-community/regexpp": "^4.4.0", "@typescript-eslint/scope-manager": "5.62.0", @@ -16757,7 +17100,6 @@ "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==", "dev": true, "license": "BSD-2-Clause", - "peer": true, "dependencies": { "@typescript-eslint/scope-manager": "5.62.0", "@typescript-eslint/types": "5.62.0", @@ -17724,6 +18066,21 @@ "node": ">=8" } }, + "node_modules/esniff": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/esniff/-/esniff-2.0.1.tgz", + "integrity": "sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==", + "license": "ISC", + "dependencies": { + "d": "^1.0.1", + "es5-ext": "^0.10.62", + "event-emitter": "^0.3.5", + "type": "^2.7.2" + }, + "engines": { + "node": ">=0.10" + } + }, "node_modules/espree": { "version": "9.6.1", "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz", @@ -17908,6 +18265,16 @@ "node": ">= 0.6" } }, + "node_modules/event-emitter": { + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/event-emitter/-/event-emitter-0.3.5.tgz", + "integrity": "sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==", + "license": "MIT", + "dependencies": { + "d": "1", + "es5-ext": "~0.10.14" + } + }, "node_modules/eventemitter3": { "version": "4.0.7", "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz", @@ -17939,7 +18306,6 @@ "resolved": "https://registry.npmjs.org/evergreen-ui/-/evergreen-ui-6.13.3.tgz", "integrity": "sha512-0Xaoxx0/CU+wwm+BFi2MMEp1HogVFoza5G8+xf9KisLR2xSVW/JoJo7WMJTjleG6Dc9SjhH2wJWC80uEVyRvmw==", "license": "MIT", - "peer": true, "dependencies": { "@babel/runtime": "^7.1.2", "@segment/react-tiny-virtual-list": "^2.2.1", @@ -18226,6 +18592,15 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/ext": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/ext/-/ext-1.7.0.tgz", + "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==", + "license": "ISC", + "dependencies": { + "type": "^2.7.2" + } + }, "node_modules/extend": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", @@ -18599,7 +18974,6 @@ "resolved": "https://registry.npmjs.org/final-form/-/final-form-4.20.10.tgz", "integrity": "sha512-TL48Pi1oNHeMOHrKv1bCJUrWZDcD3DIG6AGYVNOnyZPr7Bd/pStN0pL+lfzF5BNoj/FclaoiaLenk4XUIFVYng==", "license": "MIT", - "peer": true, "dependencies": { "@babel/runtime": "^7.10.0" }, @@ -18616,7 +18990,6 @@ "resolved": "https://registry.npmjs.org/final-form-arrays/-/final-form-arrays-3.1.0.tgz", "integrity": "sha512-TWBvun+AopgBLw9zfTFHBllnKMVNEwCEyDawphPuBGGqNsuhGzhT7yewHys64KFFwzIs6KEteGLpKOwvTQEscQ==", "license": "MIT", - "peer": true, "peerDependencies": { "final-form": "^4.20.8" } @@ -20631,7 +21004,6 @@ "version": "1.2.1", "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz", "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==", - "dev": true, "funding": [ { "type": "github", @@ -20863,6 +21235,13 @@ "node": ">= 0.10" } }, + "node_modules/intersection-observer": { + "version": "0.10.0", + "resolved": "https://registry.npmjs.org/intersection-observer/-/intersection-observer-0.10.0.tgz", + "integrity": "sha512-fn4bQ0Xq8FTej09YC/jqKZwtijpvARlRp6wxL5WTA6yPe2YWSJ5RJh7Nm79rK2qB0wr6iDQzH60XGq5V/7u8YQ==", + "deprecated": "The Intersection Observer polyfill is no longer needed and can safely be removed. Intersection Observer has been Baseline since 2019.", + "license": "W3C-20150513" + }, "node_modules/intl-messageformat": { "version": "10.7.7", "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.7.7.tgz", @@ -22009,7 +22388,6 @@ "integrity": "sha512-Yn0mADZB89zTtjkPJEXwrac3LHudkQMR+Paqa8uxJHCBr9agxztUifWCyiYrjhMPBoUVBjyny0I7XH6ozDr7QQ==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@jest/core": "^27.5.1", "import-local": "^3.0.2", @@ -25555,7 +25933,6 @@ "resolved": "https://registry.npmjs.org/next/-/next-15.5.6.tgz", "integrity": "sha512-zTxsnI3LQo3c9HSdSf91O1jMNsEzIXDShXd4wVdg9y5shwLqBXi4ZtUUJyB86KGVSJLZx0PFONvO54aheGX8QQ==", "license": "MIT", - "peer": true, "dependencies": { "@next/env": "15.5.6", "@swc/helpers": "0.5.15", @@ -25603,6 +25980,12 @@ } } }, + "node_modules/next-tick": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz", + "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==", + "license": "ISC" + }, "node_modules/next/node_modules/@swc/helpers": { "version": "0.5.15", "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz", @@ -25923,7 +26306,6 @@ "dev": true, "hasInstallScript": true, "license": "MIT", - "peer": true, "dependencies": { "@napi-rs/wasm-runtime": "0.2.4", "@yarnpkg/lockfile": "^1.1.0", @@ -26604,6 +26986,12 @@ "os-tmpdir": "^1.0.0" } }, + "node_modules/outvariant": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/outvariant/-/outvariant-1.4.0.tgz", + "integrity": "sha512-AlWY719RF02ujitly7Kk/0QlV+pXGFDHrHf9O2OKqyqgBieaPOIeuSkL8sRK6j2WK+/ZAURq2kZsY0d8JapUiw==", + "license": "MIT" + }, "node_modules/own-keys": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz", @@ -27368,7 +27756,6 @@ } ], "license": "MIT", - "peer": true, "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", @@ -27497,7 +27884,6 @@ "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==", "dev": true, "license": "MIT", - "peer": true, "bin": { "prettier": "bin-prettier.js" }, @@ -27654,7 +28040,6 @@ "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==", "license": "MIT", - "peer": true, "dependencies": { "loose-envify": "^1.4.0", "object-assign": "^4.1.1", @@ -28625,7 +29010,6 @@ "resolved": "https://registry.npmjs.org/react/-/react-19.2.0.tgz", "integrity": "sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==", "license": "MIT", - "peer": true, "engines": { "node": ">=0.10.0" } @@ -28656,6 +29040,15 @@ "react": "~0.13.x || ~0.14.x || ^15.0.0 || ^16.0.0 || ^17.0.0" } }, + "node_modules/react-devtools-inline": { + "version": "4.4.0", + "resolved": "https://registry.npmjs.org/react-devtools-inline/-/react-devtools-inline-4.4.0.tgz", + "integrity": "sha512-ES0GolSrKO8wsKbsEkVeiR/ZAaHQTY4zDh1UW8DImVmm8oaGLl3ijJDvSGe+qDRKPZdPRnDtWWnSvvrgxXdThQ==", + "license": "MIT", + "dependencies": { + "es6-symbol": "^3" + } + }, "node_modules/react-display-name": { "version": "0.2.5", "resolved": "https://registry.npmjs.org/react-display-name/-/react-display-name-0.2.5.tgz", @@ -28667,7 +29060,6 @@ "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.0.tgz", "integrity": "sha512-UlbRu4cAiGaIewkPyiRGJk0imDN2T3JjieT6spoL2UeSf5od4n5LB/mQ4ejmxhCFT1tYe8IvaFulzynWovsEFQ==", "license": "MIT", - "peer": true, "dependencies": { "scheduler": "^0.27.0" }, @@ -28704,7 +29096,6 @@ "resolved": "https://registry.npmjs.org/react-final-form/-/react-final-form-6.5.9.tgz", "integrity": "sha512-x3XYvozolECp3nIjly+4QqxdjSSWfcnpGEL5K8OBT6xmGrq5kBqbA6+/tOqoom9NwqIPPbxPNsOViFlbKgowbA==", "license": "MIT", - "peer": true, "dependencies": { "@babel/runtime": "^7.15.4" }, @@ -28776,8 +29167,7 @@ "version": "19.2.0", "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.2.0.tgz", "integrity": "sha512-x3Ax3kNSMIIkyVYhWPyO09bu0uttcAIoecO/um/rKGQ4EltYWVYtyiGkS/3xMynrbVQdS69Jhlv8FXUEZehlzA==", - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/react-jss": { "version": "10.10.0", @@ -29708,7 +30098,6 @@ "integrity": "sha512-N+7WK20/wOr7CzA2snJcUSSNTCzeCGUTFY3OgeQP3mZ1aj9NMQ0mSTXwlrnd89j33zzQJGqIN52GIOmYrfq46A==", "devOptional": true, "license": "MIT", - "peer": true, "dependencies": { "chokidar": "^4.0.0", "immutable": "^5.0.2", @@ -30922,6 +31311,18 @@ "node": ">=8" } }, + "node_modules/static-browser-server": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/static-browser-server/-/static-browser-server-1.0.3.tgz", + "integrity": "sha512-ZUyfgGDdFRbZGGJQ1YhiM930Yczz5VlbJObrQLlk24+qNHVQx4OlLcYswEUo3bIyNAbQUIUR9Yr5/Hqjzqb4zA==", + "license": "Apache-2.0", + "dependencies": { + "@open-draft/deferred-promise": "^2.1.0", + "dotenv": "^16.0.3", + "mime-db": "^1.52.0", + "outvariant": "^1.3.0" + } + }, "node_modules/static-extend": { "version": "0.1.2", "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz", @@ -31015,6 +31416,12 @@ "text-decoder": "^1.1.0" } }, + "node_modules/strict-event-emitter": { + "version": "0.4.6", + "resolved": "https://registry.npmjs.org/strict-event-emitter/-/strict-event-emitter-0.4.6.tgz", + "integrity": "sha512-12KWeb+wixJohmnwNFerbyiBrAlq5qJLwIt38etRtKtmmHyDSoGlIqFE9wx+4IwG0aDjI7GV8tc8ZccjWZZtTg==", + "license": "MIT" + }, "node_modules/string_decoder": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", @@ -31375,6 +31782,12 @@ "webpack": "^5.0.0" } }, + "node_modules/style-mod": { + "version": "4.1.3", + "resolved": "https://registry.npmjs.org/style-mod/-/style-mod-4.1.3.tgz", + "integrity": "sha512-i/n8VsZydrugj3Iuzll8+x/00GH2vnYsk1eomD8QiRrSAeW6ItbCQDtfXCeJHd0iwiNagqjQkvpvREEPtW3IoQ==", + "license": "MIT" + }, "node_modules/style-to-object": { "version": "0.4.4", "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-0.4.4.tgz", @@ -31873,7 +32286,6 @@ "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz", "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==", "license": "MIT", - "peer": true, "dependencies": { "fast-deep-equal": "^3.1.3", "fast-uri": "^3.0.1", @@ -32415,7 +32827,6 @@ "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz", "integrity": "sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==", "license": "MIT", - "peer": true, "dependencies": { "@cspotcode/source-map-support": "^0.8.0", "@tsconfig/node10": "^1.0.7", @@ -32741,6 +33152,12 @@ "dev": true, "license": "Unlicense" }, + "node_modules/type": { + "version": "2.7.3", + "resolved": "https://registry.npmjs.org/type/-/type-2.7.3.tgz", + "integrity": "sha512-8j+1QmAbPvLZow5Qpi6NCaN8FB60p/6x8/vfNqOk/hC+HuvFZhL4+WfekuhQLiqFZXOgQdrs3B+XxEmCc6b3FQ==", + "license": "ISC" + }, "node_modules/type-check": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", @@ -32896,7 +33313,6 @@ "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz", "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==", "license": "Apache-2.0", - "peer": true, "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" @@ -33740,6 +34156,12 @@ "browser-process-hrtime": "^1.0.0" } }, + "node_modules/w3c-keyname": { + "version": "2.2.8", + "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz", + "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==", + "license": "MIT" + }, "node_modules/w3c-xmlserializer": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz", @@ -33821,7 +34243,6 @@ "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.103.0.tgz", "integrity": "sha512-HU1JOuV1OavsZ+mfigY0j8d1TgQgbZ6M+J75zDkpEAwYeXjWSqrGJtgnPblJjd/mAyTNQ7ygw0MiKOn6etz8yw==", "license": "MIT", - "peer": true, "dependencies": { "@types/eslint-scope": "^3.7.7", "@types/estree": "^1.0.8", @@ -33928,7 +34349,6 @@ "integrity": "sha512-NLhDfH/h4O6UOy+0LSso42xvYypClINuMNBVVzX4vX98TmTaTUxwRbXdhucbFMd2qLaCTcLq/PdYrvi8onw90w==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@discoveryjs/json-ext": "^0.5.0", "@webpack-cli/configtest": "^1.2.0", @@ -34011,7 +34431,6 @@ "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "fast-deep-equal": "^3.1.3", "fast-uri": "^3.0.1", @@ -34129,7 +34548,6 @@ "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "fast-deep-equal": "^3.1.3", "fast-uri": "^3.0.1", @@ -34232,7 +34650,6 @@ "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz", "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==", "license": "MIT", - "peer": true, "dependencies": { "fast-deep-equal": "^3.1.3", "fast-uri": "^3.0.1", @@ -34980,6 +35397,7 @@ "version": "4.1.2", "dependencies": { "@actions/github": "^5.0.0", + "@codesandbox/sandpack-react": "^2.20.0", "@data-driven-forms/editor-pro": "0.0.13", "@data-driven-forms/mui-component-mapper": "*", "@data-driven-forms/react-form-renderer": "*", @@ -34995,7 +35413,6 @@ "@mui/system": "^5.10.4", "@mui/x-date-pickers": "^5.0.1", "@next/bundle-analyzer": "^15.3.1", - "@stackblitz/sdk": "^1.5.3", "clsx": "^1.1.1", "codesandbox": "2.2.3", "evergreen-ui": "^6.9.10", diff --git a/packages/react-renderer-demo/package.json b/packages/react-renderer-demo/package.json index 7011535fb..f87ce179f 100644 --- a/packages/react-renderer-demo/package.json +++ b/packages/react-renderer-demo/package.json @@ -20,6 +20,7 @@ }, "dependencies": { "@actions/github": "^5.0.0", + "@codesandbox/sandpack-react": "^2.20.0", "@data-driven-forms/editor-pro": "0.0.13", "@data-driven-forms/mui-component-mapper": "*", "@data-driven-forms/react-form-renderer": "*", @@ -35,7 +36,6 @@ "@mui/system": "^5.10.4", "@mui/x-date-pickers": "^5.0.1", "@next/bundle-analyzer": "^15.3.1", - "@stackblitz/sdk": "^1.5.3", "clsx": "^1.1.1", "codesandbox": "2.2.3", "evergreen-ui": "^6.9.10", diff --git a/packages/react-renderer-demo/src/components/component-example.js b/packages/react-renderer-demo/src/components/component-example.js index 3100d98b4..b4d792543 100644 --- a/packages/react-renderer-demo/src/components/component-example.js +++ b/packages/react-renderer-demo/src/components/component-example.js @@ -1,10 +1,9 @@ import React, { useEffect, useState } from 'react'; import { styled } from '@mui/material/styles'; import { useRouter } from 'next/router'; -import CircularProgress from '@mui/material/CircularProgress'; import Card from '@mui/material/Card'; import CardContent from '@mui/material/CardContent'; -import sdk from '@stackblitz/sdk'; +import { Sandpack } from '@codesandbox/sandpack-react'; import Table from '@mui/material/Table'; import TableBody from '@mui/material/TableBody'; import TableCell from '@mui/material/TableCell'; @@ -23,12 +22,12 @@ import IconButton from '@mui/material/IconButton'; import clsx from 'clsx'; -import * as mui from '../stackblitz-templates/mui-templates'; -import * as pf4 from '../stackblitz-templates/pf4-templates'; -import * as blueprint from '../stackblitz-templates/blueprint-templates'; -import * as suir from '../stackblitz-templates/suir-template'; -import * as ant from '../stackblitz-templates/ant-templates'; -import * as carbon from '../stackblitz-templates/carbon-templates'; +import * as mui from '../sandpack-templates/mui-sandpack'; +import * as pf4 from '../sandpack-templates/pf4-sandpack'; +import * as blueprint from '../sandpack-templates/blueprint-sandpack'; +import * as suir from '../sandpack-templates/suir-sandpack'; +import * as ant from '../sandpack-templates/ant-sandpack'; +import * as carbon from '../sandpack-templates/carbon-sandpack'; import avalableMappers from '../helpers/available-mappers'; import GhIcon from './common/gh-svg-icon'; @@ -104,11 +103,17 @@ const Root = styled('div')(({ theme }) => ({ [`& .${classes.spinnerCheat}`]: { flex: 1, + height: '100%', + display: 'flex', + flexDirection: 'column', position: 'relative', boxShadow: theme.shadows[1], '& .longer + #code-target': { maxHeight: 'calc(100% - 49px)', }, + '& .sp-layout': { + height: '100%', + }, }, [`& .${classes.spinner}`]: { @@ -196,16 +201,6 @@ const metadata = { carbon, }; -const project = { - settings: { - compile: { - trigger: 'auto', - action: 'hmr', - clearConsole: false, - }, - }, - template: 'javascript', -}; const stringifyWithFunctions = (string) => JSON.stringify(string, null, 2) @@ -222,24 +217,18 @@ const ComponentExample = ({ variants, schema, activeMapper, component, schemaVar availableVariants?.find(({ value }) => value === activeSchema)?.schema || availableVariants?.find(({ value }) => value === 'basic')?.schema || schema; - const basicConfiguration = { - ...project, - dependencies: metadata[activeMapper].dependencies, - files: { - 'index.html': metadata[activeMapper].html, - 'index.js': metadata[activeMapper].code, - ...(component === 'wizard' && { 'index.js': metadata[activeMapper].wizardCode }), - 'schema.js': `export default ${stringifyWithFunctions(selectedSchema)};`, - }, + + const sandpackFiles = { + '/index.js': metadata[activeMapper].code, + ...(component === 'wizard' && { '/index.js': metadata[activeMapper].wizardCode }), + '/schema.js': `export default ${stringifyWithFunctions(selectedSchema)};`, + ...(metadata[activeMapper].css && { '/styles.css': metadata[activeMapper].css }), }; - const basicEditorSettings = { height: '100%', hideNavigation: true, forceEmbedLayout: true, openFile: 'schema.js' }; useEffect(() => { if (activeSchema && !availableVariants?.find(({ value }) => value === activeSchema)) { push(`${pathname}?mapper=${activeMapper}&schema=basic`); } - - sdk.embedProject('code-target', basicConfiguration, basicEditorSettings); }, [activeMapper, schema, activeSchema]); const renderMapperTabs = () => @@ -351,10 +340,25 @@ const ComponentExample = ({ variants, schema, activeMapper, component, schemaVar /> ))} -
-
- -
+ diff --git a/packages/react-renderer-demo/src/stackblitz-templates/ant-templates.js b/packages/react-renderer-demo/src/sandpack-templates/ant-sandpack.js similarity index 77% rename from packages/react-renderer-demo/src/stackblitz-templates/ant-templates.js rename to packages/react-renderer-demo/src/sandpack-templates/ant-sandpack.js index 34e4e12b9..fc2585709 100644 --- a/packages/react-renderer-demo/src/stackblitz-templates/ant-templates.js +++ b/packages/react-renderer-demo/src/sandpack-templates/ant-sandpack.js @@ -1,5 +1,13 @@ export const html = ` + + +
@@ -7,7 +15,7 @@ export const html = ` `; export const code = `import React, { Component } from 'react'; -import { render } from 'react-dom'; +import { createRoot } from 'react-dom/client'; import FormRenderer from '@data-driven-forms/react-form-renderer/form-renderer'; import FormTemplate from '@data-driven-forms/ant-component-mapper/form-template'; import componentMapper from '@data-driven-forms/ant-component-mapper/component-mapper'; @@ -30,10 +38,11 @@ class App extends Component { } } -render(, document.getElementById('root'));`; +const root = createRoot(document.getElementById('root')); +root.render();`; export const wizardCode = `import React, { Component } from 'react'; -import { render } from 'react-dom'; +import { createRoot } from 'react-dom/client'; import FormRenderer from '@data-driven-forms/react-form-renderer/form-renderer'; import AntFormTemplate from '@data-driven-forms/ant-component-mapper/form-template'; import componentMapper from '@data-driven-forms/ant-component-mapper/component-mapper'; @@ -58,7 +67,8 @@ class App extends Component { } } -render(, document.getElementById('root'));`; +const root = createRoot(document.getElementById('root')); +root.render();`; export const dependencies = { react: 'latest', @@ -70,4 +80,7 @@ export const dependencies = { '@ant-design/icons': '^4.7.0', 'prop-types': 'latest', '@babel/runtime': '^7.12.1', + 'react-final-form': '^6.5.9', + 'final-form': '^4.20.10', + 'final-form-arrays': '^3.1.0', }; diff --git a/packages/react-renderer-demo/src/stackblitz-templates/blueprint-templates.js b/packages/react-renderer-demo/src/sandpack-templates/blueprint-sandpack.js similarity index 51% rename from packages/react-renderer-demo/src/stackblitz-templates/blueprint-templates.js rename to packages/react-renderer-demo/src/sandpack-templates/blueprint-sandpack.js index 0713571f4..b8786cd55 100644 --- a/packages/react-renderer-demo/src/stackblitz-templates/blueprint-templates.js +++ b/packages/react-renderer-demo/src/sandpack-templates/blueprint-sandpack.js @@ -4,9 +4,20 @@ export const html = ` - + - + +
@@ -14,14 +25,24 @@ export const html = ` `; -export const code = `import React, { Component } from 'react'; -import { render } from 'react-dom'; +export const code = `import React, { Component, useEffect } from 'react'; +import { createRoot } from 'react-dom/client'; import FormRenderer from '@data-driven-forms/react-form-renderer/form-renderer'; import FormTemplate from '@data-driven-forms/blueprint-component-mapper/form-template'; import componentMapper from '@data-driven-forms/blueprint-component-mapper/component-mapper'; +import 'normalize.css'; +import '@blueprintjs/core/lib/css/blueprint.css'; +import '@blueprintjs/icons/lib/css/blueprint-icons.css'; +import '@blueprintjs/datetime/lib/css/blueprint-datetime.css'; + import schema from './schema' +// Hide slider axis labels to prevent number ghosting +const style = document.createElement('style'); +style.textContent = '.bp4-slider-axis { display: none; }'; +document.head.appendChild(style); + class App extends Component { render() { return ( @@ -37,16 +58,27 @@ class App extends Component { } } -render(, document.getElementById('root'));`; +const root = createRoot(document.getElementById('root')); +root.render();`; export const wizardCode = `import React, { Component } from 'react'; -import { render } from 'react-dom'; +import { createRoot } from 'react-dom/client'; import FormRenderer from '@data-driven-forms/react-form-renderer/form-renderer'; import BlueprintFormTemplate from '@data-driven-forms/blueprint-component-mapper/form-template'; import componentMapper from '@data-driven-forms/blueprint-component-mapper/component-mapper'; +import 'normalize.css'; +import '@blueprintjs/core/lib/css/blueprint.css'; +import '@blueprintjs/icons/lib/css/blueprint-icons.css'; +import '@blueprintjs/datetime/lib/css/blueprint-datetime.css'; + import schema from './schema' +// Hide slider axis labels to prevent number ghosting +const style = document.createElement('style'); +style.textContent = '.bp4-slider-axis { display: none; }'; +document.head.appendChild(style); + const FormTemplate = (props) => class App extends Component { @@ -64,17 +96,25 @@ class App extends Component { } } -render(, document.getElementById('root'));`; +const root = createRoot(document.getElementById('root')); +root.render();`; export const dependencies = { - react: 'latest', - 'react-dom': 'latest', + react: '^18.0.0', + 'react-dom': '^18.0.0', '@babel/runtime': '^7.12.1', '@data-driven-forms/react-form-renderer': 'latest', '@data-driven-forms/blueprint-component-mapper': 'latest', '@data-driven-forms/common': 'latest', - '@blueprintjs/core': 'latest', - '@blueprintjs/datetime': 'latest', - '@blueprintjs/select': 'latest', - 'prop-types': 'latest', + '@blueprintjs/core': '^4.2.1', + '@blueprintjs/datetime': '^4.1.4', + '@blueprintjs/select': '^4.1.4', + '@blueprintjs/icons': '^4.2.1', + 'normalize.css': '^8.0.1', + 'react-final-form': '^6.5.9', + 'final-form': '^4.20.10', + 'final-form-arrays': '^3.1.0', + 'prop-types': '^15.8.1', + 'react-transition-group': '^4.4.5', + 'classnames': '^2.3.2', }; diff --git a/packages/react-renderer-demo/src/stackblitz-templates/carbon-templates.js b/packages/react-renderer-demo/src/sandpack-templates/carbon-sandpack.js similarity index 63% rename from packages/react-renderer-demo/src/stackblitz-templates/carbon-templates.js rename to packages/react-renderer-demo/src/sandpack-templates/carbon-sandpack.js index adb057db4..a3495e3ae 100644 --- a/packages/react-renderer-demo/src/stackblitz-templates/carbon-templates.js +++ b/packages/react-renderer-demo/src/sandpack-templates/carbon-sandpack.js @@ -1,21 +1,21 @@ -export const html = ` - - - - - - -
- - +// This css is needed as curently the Carbon mapper is rendering the datepicker input outside of the box +export const css = `.cds--date-picker.cds--date-picker--single * { + max-width: 100%; +} +.cds--date-picker.cds--date-picker--single{ + max-width: 100%; +} `; export const code = `import React, { Component } from 'react'; -import { render } from 'react-dom'; +import { createRoot } from 'react-dom/client'; import FormRenderer from '@data-driven-forms/react-form-renderer/form-renderer'; import FormTemplate from '@data-driven-forms/carbon-component-mapper/form-template'; import componentMapper from '@data-driven-forms/carbon-component-mapper/component-mapper'; +import '@carbon/styles/css/styles.css'; +import './styles.css'; + import schema from './schema' class App extends Component { @@ -33,14 +33,17 @@ class App extends Component { } } -render(, document.getElementById('root'));`; +const root = createRoot(document.getElementById('root')); +root.render();`; export const wizardCode = `import React, { Component } from 'react'; -import { render } from 'react-dom'; +import { createRoot } from 'react-dom/client'; import FormRenderer from '@data-driven-forms/react-form-renderer/form-renderer'; import CarbonFormTemplate from '@data-driven-forms/carbon-component-mapper/form-template'; import componentMapper from '@data-driven-forms/carbon-component-mapper/component-mapper'; +import '@carbon/styles/css/styles.css'; + import schema from './schema' const FormTemplate = (props) => @@ -60,19 +63,23 @@ class App extends Component { } } -render(, document.getElementById('root'));`; +const root = createRoot(document.getElementById('root')); +root.render();`; export const dependencies = { - react: 'latest', - 'react-dom': 'latest', + react: '18.0.0', + 'react-dom': '18.0.0', '@data-driven-forms/react-form-renderer': 'latest', '@data-driven-forms/carbon-component-mapper': 'latest', '@data-driven-forms/common': 'latest', - '@carbon/icons-react': 'latest', - 'carbon-components': 'latest', - 'carbon-components-react': 'latest', - 'carbon-icons': 'latest', - 'prop-types': 'latest', + '@carbon/react': '^1.95.0', + '@carbon/styles': '^1.95.0', + '@carbon/icons-react': '^11.26.0', + '@floating-ui/dom': '^1.5.3', + 'prop-types': '^15.8.1', '@babel/runtime': '^7.12.1', - clsx: 'latest', + clsx: '^2.0.0', + 'react-final-form': '^6.5.9', + 'final-form': '^4.20.10', + 'final-form-arrays': '^3.1.0', }; diff --git a/packages/react-renderer-demo/src/stackblitz-templates/mui-templates.js b/packages/react-renderer-demo/src/sandpack-templates/mui-sandpack.js similarity index 55% rename from packages/react-renderer-demo/src/stackblitz-templates/mui-templates.js rename to packages/react-renderer-demo/src/sandpack-templates/mui-sandpack.js index 245d893d4..591c302a0 100644 --- a/packages/react-renderer-demo/src/stackblitz-templates/mui-templates.js +++ b/packages/react-renderer-demo/src/sandpack-templates/mui-sandpack.js @@ -2,6 +2,13 @@ export const html = ` + +
@@ -10,60 +17,76 @@ export const html = ` `; export const code = `import React, { Component } from 'react'; -import { render } from 'react-dom'; +import { createRoot } from 'react-dom/client'; import FormRenderer from '@data-driven-forms/react-form-renderer/form-renderer'; import FormTemplate from '@data-driven-forms/mui-component-mapper/form-template'; import componentMapper from '@data-driven-forms/mui-component-mapper/component-mapper'; import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns'; +import { ThemeProvider, createTheme } from '@mui/material/styles'; +import CssBaseline from '@mui/material/CssBaseline'; import schema from './schema' +const theme = createTheme(); + class App extends Component { render() { return ( - -
- -
+ + + +
+ +
+ ); } } -render(, document.getElementById('root'));`; +const root = createRoot(document.getElementById('root')); +root.render();`; export const wizardCode = `import React, { Component } from 'react'; -import { render } from 'react-dom'; +import { createRoot } from 'react-dom/client'; import FormRenderer from '@data-driven-forms/react-form-renderer/form-renderer'; import MuiFormTemplate from '@data-driven-forms/mui-component-mapper/form-template'; import componentMapper from '@data-driven-forms/mui-component-mapper/component-mapper'; +import { ThemeProvider, createTheme } from '@mui/material/styles'; +import CssBaseline from '@mui/material/CssBaseline'; import schema from './schema' +const theme = createTheme(); + const FormTemplate = (props) => class App extends Component { render() { return ( -
- -
+ + +
+ +
+ ); } } -render(, document.getElementById('root'));`; +const root = createRoot(document.getElementById('root')); +root.render();`; export const dependencies = { react: 'latest', @@ -72,8 +95,12 @@ export const dependencies = { '@data-driven-forms/react-form-renderer': 'latest', '@data-driven-forms/mui-component-mapper': 'latest', '@data-driven-forms/common': 'latest', - '@mui/icons-material': 'latest', - '@mui/x-date-pickers': '^5.0.20', - '@mui/material': 'latest', + '@mui/icons-material': '^5.10.3', + '@mui/x-date-pickers': '^6.13.0', + '@mui/material': '^5.18.0', 'prop-types': 'latest', + 'react-final-form': '^6.5.9', + 'final-form': '^4.20.10', + 'final-form-arrays': '^3.1.0', + 'date-fns': '^2.16.1', }; diff --git a/packages/react-renderer-demo/src/stackblitz-templates/pf4-templates.js b/packages/react-renderer-demo/src/sandpack-templates/pf4-sandpack.js similarity index 72% rename from packages/react-renderer-demo/src/stackblitz-templates/pf4-templates.js rename to packages/react-renderer-demo/src/sandpack-templates/pf4-sandpack.js index 9656a3697..a7ef4d716 100644 --- a/packages/react-renderer-demo/src/stackblitz-templates/pf4-templates.js +++ b/packages/react-renderer-demo/src/sandpack-templates/pf4-sandpack.js @@ -1,8 +1,15 @@ export const html = ` - - +
@@ -11,17 +18,19 @@ export const html = ` `; export const code = `import React, { Component } from 'react'; -import { render } from 'react-dom'; +import { createRoot } from 'react-dom/client'; import FormRenderer from '@data-driven-forms/react-form-renderer/form-renderer'; import FormTemplate from '@data-driven-forms/pf4-component-mapper/form-template'; import componentMapper from '@data-driven-forms/pf4-component-mapper/component-mapper'; +import '@patternfly/react-core/dist/styles/base.css'; + import schema from './schema' class App extends Component { render() { return ( -
+
, document.getElementById('root'));`; +const root = createRoot(document.getElementById('root')); +root.render();`; export const wizardCode = `import React, { Component } from 'react'; -import { render } from 'react-dom'; +import { createRoot } from 'react-dom/client'; import FormRenderer from '@data-driven-forms/react-form-renderer/form-renderer'; import Pf4FormTemplate from '@data-driven-forms/pf4-component-mapper/form-template'; import componentMapper from '@data-driven-forms/pf4-component-mapper/component-mapper'; +import '@patternfly/react-core/dist/styles/base.css'; + import schema from './schema' const FormTemplate = (props) => @@ -48,7 +60,7 @@ const FormTemplate = (props) => +
, document.getElementById('root'));`; +const root = createRoot(document.getElementById('root')); +root.render();`; export const dependencies = { react: 'latest', diff --git a/packages/react-renderer-demo/src/stackblitz-templates/suir-template.js b/packages/react-renderer-demo/src/sandpack-templates/suir-sandpack.js similarity index 82% rename from packages/react-renderer-demo/src/stackblitz-templates/suir-template.js rename to packages/react-renderer-demo/src/sandpack-templates/suir-sandpack.js index ce35b32fd..5dc43680b 100644 --- a/packages/react-renderer-demo/src/stackblitz-templates/suir-template.js +++ b/packages/react-renderer-demo/src/sandpack-templates/suir-sandpack.js @@ -2,6 +2,11 @@ export const html = ` +
@@ -10,7 +15,7 @@ export const html = ` `; export const code = `import React, { Component } from 'react'; -import { render } from 'react-dom'; +import { createRoot } from 'react-dom/client'; import FormRenderer from '@data-driven-forms/react-form-renderer/form-renderer'; import FormTemplate from '@data-driven-forms/suir-component-mapper/form-template'; import componentMapper from '@data-driven-forms/suir-component-mapper/component-mapper'; @@ -32,10 +37,11 @@ class App extends Component { } } -render(, document.getElementById('root'));`; +const root = createRoot(document.getElementById('root')); +root.render();`; export const wizardCode = `import React, { Component } from 'react'; -import { render } from 'react-dom'; +import { createRoot } from 'react-dom/client'; import FormRenderer from '@data-driven-forms/react-form-renderer/form-renderer'; import SuirFormTemplate from '@data-driven-forms/suir-component-mapper/form-template'; import componentMapper from '@data-driven-forms/suir-component-mapper/component-mapper'; @@ -59,7 +65,8 @@ class App extends Component { } } -render(, document.getElementById('root'));`; +const root = createRoot(document.getElementById('root')); +root.render();`; export const dependencies = { react: 'latest', @@ -70,4 +77,7 @@ export const dependencies = { '@data-driven-forms/common': 'latest', 'semantic-ui-react': 'latest', 'prop-types': 'latest', + 'react-final-form': '^6.5.9', + 'final-form': '^4.20.10', + 'final-form-arrays': '^3.1.0', }; From 2e3244cb4bd2fa523a747f883a66d0ece9cc14e1 Mon Sep 17 00:00:00 2001 From: Jakub007d Date: Tue, 27 Jan 2026 10:16:24 +0100 Subject: [PATCH 2/3] fix: lint fix --- .../src/sandpack-templates/blueprint-sandpack.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react-renderer-demo/src/sandpack-templates/blueprint-sandpack.js b/packages/react-renderer-demo/src/sandpack-templates/blueprint-sandpack.js index b8786cd55..4d3e60ca6 100644 --- a/packages/react-renderer-demo/src/sandpack-templates/blueprint-sandpack.js +++ b/packages/react-renderer-demo/src/sandpack-templates/blueprint-sandpack.js @@ -116,5 +116,5 @@ export const dependencies = { 'final-form-arrays': '^3.1.0', 'prop-types': '^15.8.1', 'react-transition-group': '^4.4.5', - 'classnames': '^2.3.2', + classnames: '^2.3.2', }; From e0f0b565d00ef44c67ce204898d2d2d2f7a7dc08 Mon Sep 17 00:00:00 2001 From: Jakub007d Date: Tue, 27 Jan 2026 10:26:38 +0100 Subject: [PATCH 3/3] fix: fixing time-picker test --- packages/carbon-component-mapper/src/tests/time-picker.test.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/carbon-component-mapper/src/tests/time-picker.test.js b/packages/carbon-component-mapper/src/tests/time-picker.test.js index 329003c55..81ec3e5b0 100644 --- a/packages/carbon-component-mapper/src/tests/time-picker.test.js +++ b/packages/carbon-component-mapper/src/tests/time-picker.test.js @@ -71,7 +71,7 @@ describe('TimePicker', () => { fireEvent.focusOut(screen.getByPlaceholderText('hh:mm')); await userEvent.click(screen.getByText('Submit')); - expect(screen.getByPlaceholderText('hh:mm')).toHaveValue('24:00'); + expect(screen.getByPlaceholderText('hh:mm').value).toMatch(/^(00:00|24:00)$/); expect(onSubmit.mock.calls[0][0]['time-picker'].getHours()).toEqual(0); expect(onSubmit.mock.calls[0][0]['time-picker'].getMinutes()).toEqual(0); });