npm - slice-machine-ui - Versions diffs - 2.8.1-beta.1 → 2.8.1-beta.2 - Mend

slice-machine-ui 2.8.1-beta.1 → 2.8.1-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (55) hide show

package/out/page-types/[pageTypeId].html CHANGED Viewed

	@@ -1 +1 @@
1	- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/~~e5c7f63f02ff4d0f~~.css" as="style"/><link rel="stylesheet" href="/_next/static/css/~~e5c7f63f02ff4d0f~~.css" data-n-g=""/><link rel="preload" href="/_next/static/css/850c81be38195a0f.css" as="style"/><link rel="stylesheet" href="/_next/static/css/850c81be38195a0f.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-~~be6b83d484e3ae6f~~.js" defer=""></script><script src="/_next/static/chunks/59b4e022-8e544a511d670317.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-642bc2ece03445a4.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/183-~~1298bf7953a6f2a0~~.js" defer=""></script><script src="/_next/static/chunks/~~588~~-~~d017e0fe2a651a87~~.js" defer=""></script><script src="/_next/static/chunks/349-6ad3cca7ea294292.js" defer=""></script><script src="/_next/static/chunks/~~627~~-~~092c9e4c99442c08~~.js" defer=""></script><script src="/_next/static/chunks/772-~~db5f72095641ec1d~~.js" defer=""></script><script src="/_next/static/chunks/372-~~cfee53700e416e09~~.js" defer=""></script><script src="/_next/static/chunks/882-~~32959ffa63fa455c~~.js" defer=""></script><script src="/_next/static/chunks/150-~~96a0c443c430ec4b~~.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-~~59e143620505f73f~~.js" defer=""></script><script src="/_next/static/~~3qbqGvjPz_LCGtwI1SVmH~~/_buildManifest.js" defer=""></script><script src="/_next/static/~~3qbqGvjPz_LCGtwI1SVmH~~/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/page-types/[pageTypeId]","query":{},"buildId":"~~3qbqGvjPz_LCGtwI1SVmH~~","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1	+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/cc25c43805d5a292.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cc25c43805d5a292.css" data-n-g=""/><link rel="preload" href="/_next/static/css/850c81be38195a0f.css" as="style"/><link rel="stylesheet" href="/_next/static/css/850c81be38195a0f.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-23712efc496c1618.js" defer=""></script><script src="/_next/static/chunks/59b4e022-8e544a511d670317.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-642bc2ece03445a4.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/183-b1a9f55f45cb8d8e.js" defer=""></script><script src="/_next/static/chunks/50-586dc7ab5e584e76.js" defer=""></script><script src="/_next/static/chunks/349-6ad3cca7ea294292.js" defer=""></script><script src="/_next/static/chunks/479-6205c85aa978fc0b.js" defer=""></script><script src="/_next/static/chunks/772-58d0c8f8ae1c6791.js" defer=""></script><script src="/_next/static/chunks/372-295e09136ef6fd8c.js" defer=""></script><script src="/_next/static/chunks/882-0286cc56ae67376e.js" defer=""></script><script src="/_next/static/chunks/150-e3d2b02540447045.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-e5a5e6b345081e0a.js" defer=""></script><script src="/_next/static/9odHTDRwqbGU-9wLdN7o7/_buildManifest.js" defer=""></script><script src="/_next/static/9odHTDRwqbGU-9wLdN7o7/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/page-types/[pageTypeId]","query":{},"buildId":"9odHTDRwqbGU-9wLdN7o7","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/out/settings.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/~~e5c7f63f02ff4d0f~~.css" as="style"/><link rel="stylesheet" href="/_next/static/css/~~e5c7f63f02ff4d0f~~.css" data-n-g=""/><link rel="preload" href="/_next/static/css/e5f781f20e24a5ea.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e5f781f20e24a5ea.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-~~be6b83d484e3ae6f~~.js" defer=""></script><script src="/_next/static/chunks/pages/settings-~~80e0d6f1c79282d3~~.js" defer=""></script><script src="/_next/static/~~3qbqGvjPz_LCGtwI1SVmH~~/_buildManifest.js" defer=""></script><script src="/_next/static/~~3qbqGvjPz_LCGtwI1SVmH~~/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/settings","query":{},"buildId":"~~3qbqGvjPz_LCGtwI1SVmH~~","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1	+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/cc25c43805d5a292.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cc25c43805d5a292.css" data-n-g=""/><link rel="preload" href="/_next/static/css/e5f781f20e24a5ea.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e5f781f20e24a5ea.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-23712efc496c1618.js" defer=""></script><script src="/_next/static/chunks/pages/settings-80b9910a0643abb5.js" defer=""></script><script src="/_next/static/9odHTDRwqbGU-9wLdN7o7/_buildManifest.js" defer=""></script><script src="/_next/static/9odHTDRwqbGU-9wLdN7o7/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/settings","query":{},"buildId":"9odHTDRwqbGU-9wLdN7o7","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/out/slices/[lib]/[sliceName]/[variation]/simulator.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/~~e5c7f63f02ff4d0f~~.css" as="style"/><link rel="stylesheet" href="/_next/static/css/~~e5c7f63f02ff4d0f~~.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-~~be6b83d484e3ae6f~~.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/72585f70-28b4d7d5384b3703.js" defer=""></script><script src="/_next/static/chunks/18539003-~~9b393c900c89e552~~.js" defer=""></script><script src="/_next/static/chunks/441-~~76bd8e7cf8cc22da~~.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-~~908e779f6d24760d~~.js" defer=""></script><script src="/_next/static/~~3qbqGvjPz_LCGtwI1SVmH~~/_buildManifest.js" defer=""></script><script src="/_next/static/~~3qbqGvjPz_LCGtwI1SVmH~~/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]/simulator","query":{},"buildId":"~~3qbqGvjPz_LCGtwI1SVmH~~","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1	+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/cc25c43805d5a292.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cc25c43805d5a292.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-23712efc496c1618.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/72585f70-28b4d7d5384b3703.js" defer=""></script><script src="/_next/static/chunks/18539003-c65c99f4e1d8f6a8.js" defer=""></script><script src="/_next/static/chunks/441-29739f872f8d0039.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-783b6577bd4e3728.js" defer=""></script><script src="/_next/static/9odHTDRwqbGU-9wLdN7o7/_buildManifest.js" defer=""></script><script src="/_next/static/9odHTDRwqbGU-9wLdN7o7/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]/simulator","query":{},"buildId":"9odHTDRwqbGU-9wLdN7o7","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/out/slices/[lib]/[sliceName]/[variation].html CHANGED Viewed

	@@ -1 +1 @@
1	- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/~~e5c7f63f02ff4d0f~~.css" as="style"/><link rel="stylesheet" href="/_next/static/css/~~e5c7f63f02ff4d0f~~.css" data-n-g=""/><link rel="preload" href="/_next/static/css/~~4840a6c8541a6625~~.css" as="style"/><link rel="stylesheet" href="/_next/static/css/~~4840a6c8541a6625~~.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-~~be6b83d484e3ae6f~~.js" defer=""></script><script src="/_next/static/chunks/59b4e022-8e544a511d670317.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-642bc2ece03445a4.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/183-~~1298bf7953a6f2a0~~.js" defer=""></script><script src="/_next/static/chunks/~~588~~-~~d017e0fe2a651a87~~.js" defer=""></script><script src="/_next/static/chunks/349-6ad3cca7ea294292.js" defer=""></script><script src="/_next/static/chunks/772-~~db5f72095641ec1d~~.js" defer=""></script><script src="/_next/static/chunks/882-~~32959ffa63fa455c~~.js" defer=""></script><script src="/_next/static/chunks/639-175fa5cb82faf87c.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-~~0b6162eb591ee324~~.js" defer=""></script><script src="/_next/static/~~3qbqGvjPz_LCGtwI1SVmH~~/_buildManifest.js" defer=""></script><script src="/_next/static/~~3qbqGvjPz_LCGtwI1SVmH~~/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]","query":{},"buildId":"~~3qbqGvjPz_LCGtwI1SVmH~~","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1	+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/cc25c43805d5a292.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cc25c43805d5a292.css" data-n-g=""/><link rel="preload" href="/_next/static/css/aeaa4dcbac2fb8d0.css" as="style"/><link rel="stylesheet" href="/_next/static/css/aeaa4dcbac2fb8d0.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-23712efc496c1618.js" defer=""></script><script src="/_next/static/chunks/59b4e022-8e544a511d670317.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-642bc2ece03445a4.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/183-b1a9f55f45cb8d8e.js" defer=""></script><script src="/_next/static/chunks/50-586dc7ab5e584e76.js" defer=""></script><script src="/_next/static/chunks/349-6ad3cca7ea294292.js" defer=""></script><script src="/_next/static/chunks/772-58d0c8f8ae1c6791.js" defer=""></script><script src="/_next/static/chunks/882-0286cc56ae67376e.js" defer=""></script><script src="/_next/static/chunks/639-175fa5cb82faf87c.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-743fc5c3feab52f8.js" defer=""></script><script src="/_next/static/9odHTDRwqbGU-9wLdN7o7/_buildManifest.js" defer=""></script><script src="/_next/static/9odHTDRwqbGU-9wLdN7o7/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]","query":{},"buildId":"9odHTDRwqbGU-9wLdN7o7","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/out/slices.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/~~e5c7f63f02ff4d0f~~.css" as="style"/><link rel="stylesheet" href="/_next/static/css/~~e5c7f63f02ff4d0f~~.css" data-n-g=""/><link rel="preload" href="/_next/static/css/b5323377600915db.css" as="style"/><link rel="stylesheet" href="/_next/static/css/b5323377600915db.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-~~be6b83d484e3ae6f~~.js" defer=""></script><script src="/_next/static/chunks/59b4e022-8e544a511d670317.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/~~588~~-~~d017e0fe2a651a87~~.js" defer=""></script><script src="/_next/static/chunks/772-~~db5f72095641ec1d~~.js" defer=""></script><script src="/_next/static/chunks/639-175fa5cb82faf87c.js" defer=""></script><script src="/_next/static/chunks/pages/slices-~~317ec2bd3451566e~~.js" defer=""></script><script src="/_next/static/~~3qbqGvjPz_LCGtwI1SVmH~~/_buildManifest.js" defer=""></script><script src="/_next/static/~~3qbqGvjPz_LCGtwI1SVmH~~/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"~~3qbqGvjPz_LCGtwI1SVmH~~","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
1	+ <!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/cc25c43805d5a292.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cc25c43805d5a292.css" data-n-g=""/><link rel="preload" href="/_next/static/css/b5323377600915db.css" as="style"/><link rel="stylesheet" href="/_next/static/css/b5323377600915db.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-23712efc496c1618.js" defer=""></script><script src="/_next/static/chunks/59b4e022-8e544a511d670317.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/50-586dc7ab5e584e76.js" defer=""></script><script src="/_next/static/chunks/772-58d0c8f8ae1c6791.js" defer=""></script><script src="/_next/static/chunks/639-175fa5cb82faf87c.js" defer=""></script><script src="/_next/static/chunks/pages/slices-0f6e50acfb5957ed.js" defer=""></script><script src="/_next/static/9odHTDRwqbGU-9wLdN7o7/_buildManifest.js" defer=""></script><script src="/_next/static/9odHTDRwqbGU-9wLdN7o7/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"9odHTDRwqbGU-9wLdN7o7","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "slice-machine-ui",
-  "version": "2.8.1-beta.1",
+  "version": "2.8.1-beta.2",
   "license": "MIT",
   "description": "A visual builder for your Slice Models with all the tools you need to generate data models and mock CMS content locally.",
   "repository": {
@@ -36,8 +36,8 @@
   },
   "dependencies": {
     "@radix-ui/react-visually-hidden": "1.0.3",
-    "@slicemachine/manager": "0.20.7-beta.1",
-    "start-slicemachine": "0.12.31-beta.1"
+    "@slicemachine/manager": "0.20.7-beta.2",
+    "start-slicemachine": "0.12.31-beta.2"
   },
   "devDependencies": {
     "@emotion/react": "11.11.1",
@@ -45,7 +45,7 @@
     "@prismicio/client": "7.11.0",
     "@prismicio/editor-fields": "0.4.49",
     "@prismicio/editor-support": "0.4.49",
-    "@prismicio/editor-ui": "0.4.48",
+    "@prismicio/editor-ui": "0.4.49",
     "@prismicio/mock": "0.3.3",
     "@prismicio/mocks": "2.4.0",
     "@prismicio/simulator": "0.1.4",

package/src/features/settings/git/GitRepositoryConnectDialog.tsx CHANGED Viewed

@@ -25,6 +25,8 @@ type GitRepositoryConnectDialogProps = {
   trigger: ReactNode;
 };
+// TODO: Update form to make it work with editor-ui Form component when
+// we start to work again on Git integration
 export const GitRepositoryConnectDialog: FC<
   GitRepositoryConnectDialogProps
 > = ({ linkRepo, repo, trigger }) => {

package/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewSliceDialog.tsx CHANGED Viewed

@@ -1,3 +1,4 @@
+import { useOnChange } from "@prismicio/editor-support/React";
 import {
   Box,
   Dialog,
@@ -6,17 +7,20 @@ import {
   DialogCancelButton,
   DialogContent,
   DialogHeader,
+  Form,
   FormInput,
   ScrollArea,
   Select,
   SelectItem,
   Text,
 } from "@prismicio/editor-ui";
-import { Formik } from "formik";
-import type { FC } from "react";
+import { type FC, useState } from "react";
 import { useSelector } from "react-redux";
-import { validateSliceModalValues as validateAsNewSliceValues } from "@/legacy/components/Forms/formsValidator";
+import {
+  SliceModalValuesValidity,
+  validateSliceModalValues as validateAsNewSliceValues,
+} from "@/legacy/components/Forms/formsValidator";
 import { pascalize } from "@/legacy/lib/utils/str";
 import { getRemoteSlices } from "@/modules/slices";
 import { SliceMachineStoreType } from "@/redux/type";
@@ -24,6 +28,11 @@ import { SliceMachineStoreType } from "@/redux/type";
 import styles from "./ConvertLegacySliceButton.module.css";
 import { DialogProps } from "./types";
+type FormValues = {
+  from: string;
+  sliceName: string;
+};
 export const ConvertLegacySliceAsNewSliceDialog: FC<DialogProps> = ({
   isOpen,
   close,
@@ -36,6 +45,36 @@ export const ConvertLegacySliceAsNewSliceDialog: FC<DialogProps> = ({
     remoteSlices: getRemoteSlices(store),
   }));
+  const defaultValues = {
+    from: libraries[0]?.name,
+    sliceName: pascalize(slice.key),
+  };
+  const [values, setValues] = useState<FormValues>(defaultValues);
+  const [errors, setErrors] = useState<SliceModalValuesValidity>();
+  useOnChange(isOpen, () => {
+    if (!isOpen) {
+      setValues(defaultValues);
+      setErrors(undefined);
+    }
+  });
+  function handleValueChange(values: FormValues) {
+    setValues(values);
+    setErrors(
+      validateAsNewSliceValues(values, libraries, remoteSlices, "create"),
+    );
+  }
+  function handleSubmit() {
+    if (errors && Object.keys(errors).length > 0) {
+      return;
+    }
+    onSubmit({ libraryID: values.from, sliceID: values.sliceName });
+  }
   return (
     <Dialog
       open={isOpen}
@@ -44,117 +83,75 @@ export const ConvertLegacySliceAsNewSliceDialog: FC<DialogProps> = ({
     >
       <DialogHeader title="Upgrade slice" />
       <DialogContent>
-        <Formik
-          validateOnMount
-          initialValues={{
-            from: libraries[0]?.name,
-            sliceName: pascalize(slice.key),
-          }}
-          validate={(values) => {
-            return validateAsNewSliceValues(
-              values,
-              libraries,
-              remoteSlices,
-              "create",
-            );
-          }}
-          onSubmit={(values) => {
-            onSubmit({ libraryID: values.from, sliceID: values.sliceName });
-          }}
-        >
-          {(formik) => {
-            return (
-              <form id="convert-legacy-slice-as-new-slice-dialog">
-                <Box flexDirection="column">
-                  <ScrollArea
-                    className={styles.scrollArea}
-                    style={{ width: 448 }}
-                  >
-                    <Text variant="normal" color="grey11">
-                      This will create a new slice with the same fields. The new
-                      slice will replace the legacy slice in all of your types,
-                      and the existing slice content will be re-mapped to the
-                      new slice.
-                    </Text>
-                    <Text variant="normal" color="grey11">
-                      This will not migrate your component. You will need to do
-                      that manually.
-                    </Text>
-                    <Box flexDirection="column" gap={4}>
-                      <label className={styles.label}>
-                        <Text variant="bold">Display name*</Text>
-                        {typeof formik.errors.sliceName === "string" ? (
-                          <Text variant="small" color="tomato10">
-                            {formik.errors.sliceName}
-                          </Text>
-                        ) : null}
-                      </label>
-                      <FormInput
-                        placeholder={`Pascalised Slice API ID (e.g. ${pascalize(
-                          slice.key,
-                        )})`}
-                        error={typeof formik.errors.sliceName === "string"}
-                        value={formik.values.sliceName}
-                        onValueChange={(value) =>
-                          void formik.setFieldValue(
-                            "sliceName",
-                            value.slice(0, 30),
-                          )
-                        }
-                        data-testid="slice-name-input"
-                      />
-                      <Text variant="normal" color="grey11">
-                        A display name for the slice
-                      </Text>
-                    </Box>
-                    <Box flexDirection="column" gap={4}>
-                      <label className={styles.label}>
-                        <Text variant="bold">Slice library*</Text>
-                        {typeof formik.errors.from === "string" ? (
-                          <Text variant="small" color="tomato10">
-                            {formik.errors.from}
-                          </Text>
-                        ) : null}
-                      </label>
-                      <Select
-                        size="medium"
-                        color="grey"
-                        startIcon="folder"
-                        flexContent={true}
-                        value={formik.values.from}
-                        onValueChange={(value) =>
-                          value
-                            ? void formik.setFieldValue("from", value)
-                            : null
-                        }
-                      >
-                        {libraries.map((library) => (
-                          <SelectItem key={library.name} value={library.name}>
-                            {library.name}
-                          </SelectItem>
-                        ))}
-                      </Select>
-                      <Text variant="normal" color="grey11">
-                        The library where we'll store your slice
-                      </Text>
-                    </Box>
-                  </ScrollArea>
-                  <DialogActions>
-                    <DialogCancelButton size="medium" />
-                    <DialogActionButton
-                      size="medium"
-                      loading={isLoading}
-                      disabled={!formik.isValid}
-                      onClick={() => void formik.submitForm()}
-                    >
-                      Upgrade
-                    </DialogActionButton>
-                  </DialogActions>
-                </Box>
-              </form>
-            );
-          }}
-        </Formik>
+        <Form onSubmit={handleSubmit}>
+          <Box flexDirection="column">
+            <ScrollArea className={styles.scrollArea}>
+              <Text variant="normal" color="grey11">
+                This will create a new slice with the same fields. The new slice
+                will replace the legacy slice in all of your types, and the
+                existing slice content will be re-mapped to the new slice.
+              </Text>
+              <Text variant="normal" color="grey11">
+                This will not migrate your component. You will need to do that
+                manually.
+              </Text>
+              <Box flexDirection="column" gap={4}>
+                <FormInput
+                  label="Slice name *"
+                  placeholder={`Pascalised Slice API ID (e.g. ${pascalize(
+                    slice.key,
+                  )})`}
+                  error={errors?.sliceName}
+                  value={values.sliceName}
+                  onValueChange={(value) =>
+                    handleValueChange({
+                      ...values,
+                      sliceName: value.slice(0, 30),
+                    })
+                  }
+                  data-testid="slice-name-input"
+                />
+                <Text variant="normal" color="grey11">
+                  A display name for the slice
+                </Text>
+              </Box>
+              <Box flexDirection="column" gap={4}>
+                <label className={styles.label}>
+                  <Text variant="bold">Slice library *</Text>
+                </label>
+                <Select
+                  size="medium"
+                  color="grey"
+                  startIcon="folder"
+                  flexContent={true}
+                  value={values.from}
+                  onValueChange={(value) => {
+                    if (value) handleValueChange({ ...values, from: value });
+                  }}
+                >
+                  {libraries.map((library) => (
+                    <SelectItem key={library.name} value={library.name}>
+                      {library.name}
+                    </SelectItem>
+                  ))}
+                </Select>
+                <Text variant="normal" color="grey11">
+                  The library where we'll store your slice
+                </Text>
+              </Box>
+            </ScrollArea>
+            <DialogActions>
+              <DialogCancelButton size="medium" />
+              <DialogActionButton
+                size="medium"
+                loading={isLoading}
+                disabled={errors && Object.keys(errors).length > 0}
+              >
+                Upgrade
+              </DialogActionButton>
+            </DialogActions>
+          </Box>
+        </Form>
       </DialogContent>
     </Dialog>
   );