slice-machine-ui 1.26.1-beta.4 → 1.26.1-beta.6
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.
- package/components/AppLayout/index.tsx +2 -2
- package/lib/builders/SliceBuilder/index.tsx +5 -1
- package/out/404.html +1 -1
- package/out/_next/static/chunks/{727-2c302be2def92786.js → 727-7536690b0938f88f.js} +1 -1
- package/out/_next/static/chunks/{904-c9221a5cb09524e8.js → 904-cac58924044acc83.js} +1 -1
- package/out/_next/static/chunks/pages/{_app-084b9a738425d5ce.js → _app-ba023cce7bcef9ce.js} +1 -1
- package/out/_next/static/chunks/pages/{changelog-5c9ac93faf0df06b.js → changelog-4cee9fbfd4fdfc70.js} +1 -1
- package/out/_next/static/chunks/pages/changes-b1d7cb1c845848ee.js +1 -0
- package/out/_next/static/chunks/pages/{labs-6f5925cd6cdcee9e.js → labs-566a982a3e954547.js} +1 -1
- package/out/_next/static/chunks/pages/{settings-f0620e5b727cda03.js → settings-6c2777758905c784.js} +1 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]-24acc6726cb20b65.js +1 -0
- package/out/_next/static/chunks/pages/slices-a633527fee62b6cd.js +1 -0
- package/out/_next/static/css/{238631d146c5ed97.css → 82840c077aa9a9d5.css} +1 -1
- package/out/_next/static/{zMlvOMtDAareAu0eymqLx → v2yXDvubtBMWE9zAPjhC0}/_buildManifest.js +1 -1
- package/out/changelog.html +1 -1
- package/out/changes.html +1 -1
- package/out/custom-types/[customTypeId].html +1 -1
- package/out/custom-types.html +1 -1
- package/out/index.html +1 -1
- package/out/labs.html +1 -1
- package/out/page-types/[pageTypeId].html +1 -1
- package/out/settings.html +1 -1
- package/out/slices/[lib]/[sliceName]/[variation]/simulator.html +1 -1
- package/out/slices/[lib]/[sliceName]/[variation].html +1 -1
- package/out/slices.html +1 -1
- package/package.json +3 -3
- package/pages/changes.tsx +4 -1
- package/pages/slices.tsx +4 -1
- package/src/components/Breadcrumb/Breadcrumb.module.css +11 -0
- package/src/components/Breadcrumb/Breadcrumb.module.css.d.ts +6 -0
- package/src/components/Breadcrumb/Breadcrumb.stories.tsx +34 -0
- package/src/components/Breadcrumb/Breadcrumb.tsx +43 -25
- package/src/components/Breadcrumb/index.ts +1 -1
- package/src/features/customTypes/__tests__/CustomTypeBuilderPage.test.tsx +5 -6
- package/src/features/customTypes/customTypesBuilder/CustomTypesBuilderPage.tsx +9 -4
- package/src/features/customTypes/customTypesTable/CustomTypesTablePage.tsx +11 -12
- package/src/features/labs/labsList/LabsPage.tsx +4 -1
- package/src/features/settings/SettingsPage.tsx +4 -1
- package/out/_next/static/chunks/pages/changes-3e4989e09fd412a8.js +0 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]-8d7043e6638d65cd.js +0 -1
- package/out/_next/static/chunks/pages/slices-77cff50b1df13579.js +0 -1
- package/src/components/Breadcrumb/Breadcrumb.css.ts +0 -5
- package/src/components/Breadcrumb/Breadcrumb.stories.ts +0 -32
- /package/out/_next/static/{zMlvOMtDAareAu0eymqLx → v2yXDvubtBMWE9zAPjhC0}/_ssgManifest.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
self.__BUILD_MANIFEST=function(s,c,a,e,t,i,b,n,f,u,d,h,l,k,j,p,g,o,r){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[a,j,p,"static/chunks/pages/index-cf93d16e9c63b6db.js"],"/_error":["static/chunks/pages/_error-69b4f498bafdd188.js"],"/changelog":[s,e,"static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-
|
|
1
|
+
self.__BUILD_MANIFEST=function(s,c,a,e,t,i,b,n,f,u,d,h,l,k,j,p,g,o,r){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[a,j,p,"static/chunks/pages/index-cf93d16e9c63b6db.js"],"/_error":["static/chunks/pages/_error-69b4f498bafdd188.js"],"/changelog":[s,e,"static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-4cee9fbfd4fdfc70.js"],"/changes":[s,t,"static/chunks/8eec4907-b712959d9f984b68.js",i,"static/chunks/918-5bb55fb464e34768.js",c,n,"static/css/838fd8bb5a7c32b0.css","static/chunks/pages/changes-b1d7cb1c845848ee.js"],"/custom-types":[a,j,p,"static/chunks/pages/custom-types-3c8e721ec6802127.js"],"/custom-types/[customTypeId]":[s,f,u,d,h,e,b,i,l,g,c,a,k,o,r,"static/chunks/pages/custom-types/[customTypeId]-d1a4a07e6b600fa6.js"],"/labs":["static/chunks/pages/labs-566a982a3e954547.js"],"/page-types/[pageTypeId]":[s,f,u,d,h,e,b,i,l,g,c,a,k,o,r,"static/chunks/pages/page-types/[pageTypeId]-a724ff12ef322020.js"],"/settings":["static/css/ca32882a5d2d8d88.css","static/chunks/pages/settings-6c2777758905c784.js"],"/slices":[s,t,b,c,n,"static/css/f8eb526e10bc2441.css","static/chunks/pages/slices-a633527fee62b6cd.js"],"/slices/[lib]/[sliceName]/[variation]":[s,t,f,u,d,h,e,b,i,l,c,k,n,"static/css/b22c0750c14cc089.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-24acc6726cb20b65.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[t,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-a5a5d48f20a7b261.js","static/chunks/46-d22d7a121254e31d.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-01d67e97cb901e46.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/labs","/page-types/[pageTypeId]","/settings","/slices","/slices/[lib]/[sliceName]/[variation]","/slices/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/59b4e022-7a3b5554b806349f.js","static/chunks/25-792af14760d9df34.js","static/chunks/799-7b910b896ff60ebe.js","static/chunks/183-ebd633fed7c74545.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/543-f8766685f7f451e2.js","static/chunks/50-cfc2514205b86001.js","static/chunks/286-e0950c3083c672e8.js","static/chunks/f36c6662-03bb5e9d9aa0b0aa.js","static/chunks/4c744e84-e3161d754618373f.js","static/chunks/065a3ddb-9a38ca0d60f0bf2f.js","static/chunks/1cc2734a-2c5b6c0367fcde86.js","static/chunks/696-b992b9e1ce75777e.js","static/chunks/318-d6f1200138628ec3.js","static/chunks/727-7536690b0938f88f.js","static/css/be1f49e49a5aa7eb.css","static/chunks/210-aee6116139329803.js","static/chunks/904-cac58924044acc83.js","static/css/72465cc1225f28a2.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
|
package/out/changelog.html
CHANGED
|
@@ -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/
|
|
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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/870-0c7a8a9622de78b7.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-4cee9fbfd4fdfc70.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"v2yXDvubtBMWE9zAPjhC0","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/changes.html
CHANGED
|
@@ -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/
|
|
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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/838fd8bb5a7c32b0.css" as="style"/><link rel="stylesheet" href="/_next/static/css/838fd8bb5a7c32b0.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/8eec4907-b712959d9f984b68.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/918-5bb55fb464e34768.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/286-e0950c3083c672e8.js" defer=""></script><script src="/_next/static/chunks/pages/changes-b1d7cb1c845848ee.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"v2yXDvubtBMWE9zAPjhC0","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
|
@@ -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/
|
|
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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/72465cc1225f28a2.css" as="style"/><link rel="stylesheet" href="/_next/static/css/72465cc1225f28a2.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/210-aee6116139329803.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/318-d6f1200138628ec3.js" defer=""></script><script src="/_next/static/chunks/904-cac58924044acc83.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-d1a4a07e6b600fa6.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types/[customTypeId]","query":{},"buildId":"v2yXDvubtBMWE9zAPjhC0","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/custom-types.html
CHANGED
|
@@ -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/
|
|
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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/be1f49e49a5aa7eb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/be1f49e49a5aa7eb.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/727-7536690b0938f88f.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-3c8e721ec6802127.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"v2yXDvubtBMWE9zAPjhC0","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/index.html
CHANGED
|
@@ -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/
|
|
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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/be1f49e49a5aa7eb.css" as="style"/><link rel="stylesheet" href="/_next/static/css/be1f49e49a5aa7eb.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/727-7536690b0938f88f.js" defer=""></script><script src="/_next/static/chunks/pages/index-cf93d16e9c63b6db.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"v2yXDvubtBMWE9zAPjhC0","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/labs.html
CHANGED
|
@@ -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/
|
|
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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/pages/labs-566a982a3e954547.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"v2yXDvubtBMWE9zAPjhC0","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
|
@@ -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/
|
|
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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/72465cc1225f28a2.css" as="style"/><link rel="stylesheet" href="/_next/static/css/72465cc1225f28a2.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/210-aee6116139329803.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/799-7b910b896ff60ebe.js" defer=""></script><script src="/_next/static/chunks/318-d6f1200138628ec3.js" defer=""></script><script src="/_next/static/chunks/904-cac58924044acc83.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-a724ff12ef322020.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_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":"v2yXDvubtBMWE9zAPjhC0","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/settings.html
CHANGED
|
@@ -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/
|
|
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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/ca32882a5d2d8d88.css" as="style"/><link rel="stylesheet" href="/_next/static/css/ca32882a5d2d8d88.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/pages/settings-6c2777758905c784.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/settings","query":{},"buildId":"v2yXDvubtBMWE9zAPjhC0","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
|
@@ -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/
|
|
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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-ba023cce7bcef9ce.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-a5a5d48f20a7b261.js" defer=""></script><script src="/_next/static/chunks/46-d22d7a121254e31d.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-01d67e97cb901e46.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_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":"v2yXDvubtBMWE9zAPjhC0","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
|
@@ -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/
|
|
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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/b22c0750c14cc089.css" as="style"/><link rel="stylesheet" href="/_next/static/css/b22c0750c14cc089.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/f36c6662-03bb5e9d9aa0b0aa.js" defer=""></script><script src="/_next/static/chunks/4c744e84-e3161d754618373f.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-2c5b6c0367fcde86.js" defer=""></script><script src="/_next/static/chunks/183-ebd633fed7c74545.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/543-f8766685f7f451e2.js" defer=""></script><script src="/_next/static/chunks/696-b992b9e1ce75777e.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/318-d6f1200138628ec3.js" defer=""></script><script src="/_next/static/chunks/286-e0950c3083c672e8.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-24acc6726cb20b65.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_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":"v2yXDvubtBMWE9zAPjhC0","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/out/slices.html
CHANGED
|
@@ -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/
|
|
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/82840c077aa9a9d5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/82840c077aa9a9d5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/f8eb526e10bc2441.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f8eb526e10bc2441.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-ba023cce7bcef9ce.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/50-cfc2514205b86001.js" defer=""></script><script src="/_next/static/chunks/25-792af14760d9df34.js" defer=""></script><script src="/_next/static/chunks/286-e0950c3083c672e8.js" defer=""></script><script src="/_next/static/chunks/pages/slices-a633527fee62b6cd.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_buildManifest.js" defer=""></script><script src="/_next/static/v2yXDvubtBMWE9zAPjhC0/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"v2yXDvubtBMWE9zAPjhC0","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "slice-machine-ui",
|
|
3
|
-
"version": "1.26.1-beta.
|
|
3
|
+
"version": "1.26.1-beta.6",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "A visual builder for your Slice Models with all the tools you need to generate data models and mock CMS content locally.",
|
|
6
6
|
"repository": {
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@radix-ui/react-visually-hidden": "1.0.3",
|
|
38
|
-
"@slicemachine/manager": "0.18.4-beta.
|
|
39
|
-
"start-slicemachine": "0.12.19-beta.
|
|
38
|
+
"@slicemachine/manager": "0.18.4-beta.6",
|
|
39
|
+
"start-slicemachine": "0.12.19-beta.6"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@emotion/react": "11.11.1",
|
package/pages/changes.tsx
CHANGED
|
@@ -13,6 +13,7 @@ import {
|
|
|
13
13
|
} from "@components/AppLayout";
|
|
14
14
|
import { ChangesItems } from "@components/ChangesItems";
|
|
15
15
|
import { AuthErrorPage, OfflinePage } from "@components/ChangesEmptyState";
|
|
16
|
+
import { BreadcrumbItem } from "@src/components/Breadcrumb";
|
|
16
17
|
import { NoChangesBlankSlate } from "@src/features/changes/BlankSlates";
|
|
17
18
|
import { PushChangesButton } from "@src/features/changes/PushChangesButton";
|
|
18
19
|
import { AuthStatus } from "@src/modules/userContext/types";
|
|
@@ -134,7 +135,9 @@ const Changes: React.FunctionComponent = () => {
|
|
|
134
135
|
</Head>
|
|
135
136
|
<AppLayout>
|
|
136
137
|
<AppLayoutHeader>
|
|
137
|
-
<AppLayoutBreadcrumb
|
|
138
|
+
<AppLayoutBreadcrumb>
|
|
139
|
+
<BreadcrumbItem>Changes</BreadcrumbItem>
|
|
140
|
+
</AppLayoutBreadcrumb>
|
|
138
141
|
<AppLayoutActions>
|
|
139
142
|
<PushChangesButton
|
|
140
143
|
disabled={
|
package/pages/slices.tsx
CHANGED
|
@@ -23,6 +23,7 @@ import EmptyState from "@components/EmptyState";
|
|
|
23
23
|
import ScreenshotChangesModal from "@components/ScreenshotChangesModal";
|
|
24
24
|
import { RenameSliceModal } from "@components/Forms/RenameSliceModal";
|
|
25
25
|
import { DeleteSliceModal } from "@components/DeleteSliceModal";
|
|
26
|
+
import { BreadcrumbItem } from "@src/components/Breadcrumb";
|
|
26
27
|
import { SliceMachineStoreType } from "@src/redux/type";
|
|
27
28
|
import { getLibraries, getRemoteSlices } from "@src/modules/slices";
|
|
28
29
|
import { useScreenshotChangesModal } from "@src/hooks/useScreenshotChangesModal";
|
|
@@ -78,7 +79,9 @@ const SlicesIndex: React.FunctionComponent = () => {
|
|
|
78
79
|
</Head>
|
|
79
80
|
<AppLayout>
|
|
80
81
|
<AppLayoutHeader>
|
|
81
|
-
<AppLayoutBreadcrumb
|
|
82
|
+
<AppLayoutBreadcrumb>
|
|
83
|
+
<BreadcrumbItem>Slices</BreadcrumbItem>
|
|
84
|
+
</AppLayoutBreadcrumb>
|
|
82
85
|
{localLibraries?.length !== 0 && sliceCount !== 0 ? (
|
|
83
86
|
<AppLayoutActions>
|
|
84
87
|
<Button
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
|
|
3
|
+
import { Breadcrumb, BreadcrumbItem } from "./Breadcrumb";
|
|
4
|
+
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
|
|
7
|
+
const meta: Meta<typeof Breadcrumb> = {
|
|
8
|
+
component: Breadcrumb,
|
|
9
|
+
argTypes: {
|
|
10
|
+
children: { control: { disable: true } },
|
|
11
|
+
},
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export default meta;
|
|
15
|
+
|
|
16
|
+
export const Default = {
|
|
17
|
+
args: {
|
|
18
|
+
children: [
|
|
19
|
+
<BreadcrumbItem>Foo</BreadcrumbItem>,
|
|
20
|
+
<BreadcrumbItem>Bar</BreadcrumbItem>,
|
|
21
|
+
<BreadcrumbItem>Baz</BreadcrumbItem>,
|
|
22
|
+
],
|
|
23
|
+
},
|
|
24
|
+
} satisfies Story;
|
|
25
|
+
|
|
26
|
+
export const WithActiveItem = {
|
|
27
|
+
args: {
|
|
28
|
+
children: [
|
|
29
|
+
<BreadcrumbItem>Foo</BreadcrumbItem>,
|
|
30
|
+
<BreadcrumbItem>Bar</BreadcrumbItem>,
|
|
31
|
+
<BreadcrumbItem active>Baz</BreadcrumbItem>,
|
|
32
|
+
],
|
|
33
|
+
},
|
|
34
|
+
} satisfies Story;
|
|
@@ -1,35 +1,53 @@
|
|
|
1
1
|
import { Text } from "@prismicio/editor-ui";
|
|
2
|
-
import
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
import { PropsWithChildren, Children, FC } from "react";
|
|
3
4
|
|
|
4
|
-
import
|
|
5
|
+
import styles from "./Breadcrumb.module.css";
|
|
5
6
|
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
separator?: string;
|
|
10
|
-
};
|
|
7
|
+
export const Breadcrumb: FC<PropsWithChildren> = (props) => {
|
|
8
|
+
const { children, ...otherProps } = props;
|
|
9
|
+
const childrenCount = Children.count(children);
|
|
11
10
|
|
|
12
|
-
export const Breadcrumb: FC<BreadcrumbProps> = ({
|
|
13
|
-
folder,
|
|
14
|
-
page,
|
|
15
|
-
separator = "/",
|
|
16
|
-
}) => {
|
|
17
11
|
return (
|
|
18
|
-
<
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
>
|
|
22
|
-
<Text color="grey11">
|
|
23
|
-
{folder}
|
|
24
|
-
{page !== undefined ? (
|
|
12
|
+
<nav aria-label="Breadcrumb" {...otherProps}>
|
|
13
|
+
<ol className={styles.items}>
|
|
14
|
+
{Children.map(children, (child, index) => (
|
|
25
15
|
<>
|
|
26
|
-
|
|
27
|
-
<
|
|
28
|
-
{page}
|
|
29
|
-
</Text>
|
|
16
|
+
{child}
|
|
17
|
+
{index < childrenCount - 1 ? <BreadcrumbSeparator /> : null}
|
|
30
18
|
</>
|
|
31
|
-
)
|
|
19
|
+
))}
|
|
20
|
+
</ol>
|
|
21
|
+
</nav>
|
|
22
|
+
);
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
type BreadcrumbItemProps = PropsWithChildren<{
|
|
26
|
+
active?: boolean;
|
|
27
|
+
}>;
|
|
28
|
+
|
|
29
|
+
export const BreadcrumbItem: FC<BreadcrumbItemProps> = (props) => {
|
|
30
|
+
const { active = false, children, ...otherProps } = props;
|
|
31
|
+
|
|
32
|
+
return (
|
|
33
|
+
<li {...otherProps}>
|
|
34
|
+
<Text
|
|
35
|
+
component="span"
|
|
36
|
+
color={active ? "grey12" : "grey11"}
|
|
37
|
+
className={clsx(active && styles.active)}
|
|
38
|
+
>
|
|
39
|
+
{children}
|
|
40
|
+
</Text>
|
|
41
|
+
</li>
|
|
42
|
+
);
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
const BreadcrumbSeparator: FC = () => {
|
|
46
|
+
return (
|
|
47
|
+
<li aria-hidden={true}>
|
|
48
|
+
<Text component="span" color="grey11">
|
|
49
|
+
/
|
|
32
50
|
</Text>
|
|
33
|
-
</
|
|
51
|
+
</li>
|
|
34
52
|
);
|
|
35
53
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Breadcrumb,
|
|
1
|
+
export { Breadcrumb, BreadcrumbItem } from "./Breadcrumb";
|
|
@@ -89,10 +89,9 @@ describe.each(formats)(
|
|
|
89
89
|
// Submit the form
|
|
90
90
|
await user.click(screen.getByRole("button", { name: "Rename" }));
|
|
91
91
|
|
|
92
|
-
const
|
|
93
|
-
customType.format === "page" ? "Page types" : "Custom types";
|
|
92
|
+
const breadcrumb = screen.getByLabelText("Breadcrumb");
|
|
94
93
|
expect(
|
|
95
|
-
|
|
94
|
+
await within(breadcrumb).findByText(renamedCustomType),
|
|
96
95
|
).toBeVisible();
|
|
97
96
|
});
|
|
98
97
|
},
|
|
@@ -178,10 +177,10 @@ async function renderCustomTypesBuilderPage({
|
|
|
178
177
|
const renderResults = render(<CustomTypesBuilderPage />, customTypeMockStore);
|
|
179
178
|
|
|
180
179
|
const folder = customType.format === "page" ? "Page types" : "Custom types";
|
|
181
|
-
const breadcrumb = await screen.
|
|
182
|
-
|
|
180
|
+
const breadcrumb = await screen.findByLabelText("Breadcrumb");
|
|
181
|
+
expect(breadcrumb).toHaveTextContent(
|
|
182
|
+
`${folder}/${customType.label as string}`,
|
|
183
183
|
);
|
|
184
|
-
expect(breadcrumb).toBeVisible();
|
|
185
184
|
|
|
186
185
|
return renderResults;
|
|
187
186
|
}
|
|
@@ -26,6 +26,7 @@ import { CUSTOM_TYPES_MESSAGES } from "../customTypesMessages";
|
|
|
26
26
|
import { EditDropdown } from "../EditDropdown";
|
|
27
27
|
import { PageSnippetDialog } from "./PageSnippetDialog";
|
|
28
28
|
import { CustomTypeProvider } from "./CustomTypeProvider";
|
|
29
|
+
import { BreadcrumbItem } from "@src/components/Breadcrumb";
|
|
29
30
|
|
|
30
31
|
export const CustomTypesBuilderPage: FC = () => {
|
|
31
32
|
const router = useRouter();
|
|
@@ -87,10 +88,14 @@ const CustomTypesBuilderPageWithProvider: React.FC<
|
|
|
87
88
|
<>
|
|
88
89
|
<AppLayoutHeader>
|
|
89
90
|
<AppLayoutBackButton url={config.tablePagePathname} />
|
|
90
|
-
<AppLayoutBreadcrumb
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
91
|
+
<AppLayoutBreadcrumb>
|
|
92
|
+
<BreadcrumbItem>
|
|
93
|
+
{messages.name({ start: true, plural: true })}
|
|
94
|
+
</BreadcrumbItem>
|
|
95
|
+
<BreadcrumbItem active>
|
|
96
|
+
{customType.label ?? customType.id}
|
|
97
|
+
</BreadcrumbItem>
|
|
98
|
+
</AppLayoutBreadcrumb>
|
|
94
99
|
<AppLayoutActions>
|
|
95
100
|
<AutoSaveStatusIndicator status={actionQueueStatus} />
|
|
96
101
|
{customType.format === "page" ? (
|
|
@@ -20,6 +20,7 @@ import { ErrorBoundary } from "@src/ErrorBoundary";
|
|
|
20
20
|
import type { CustomTypeFormat } from "@slicemachine/manager";
|
|
21
21
|
|
|
22
22
|
import { CustomTypesTable } from "./CustomTypesTable";
|
|
23
|
+
import { BreadcrumbItem } from "@src/components/Breadcrumb";
|
|
23
24
|
|
|
24
25
|
type CustomTypesTablePageProps = {
|
|
25
26
|
format: CustomTypeFormat;
|
|
@@ -61,12 +62,11 @@ export const CustomTypesTablePage: FC<CustomTypesTablePageProps> = ({
|
|
|
61
62
|
fallback={
|
|
62
63
|
<AppLayout>
|
|
63
64
|
<AppLayoutHeader>
|
|
64
|
-
<AppLayoutBreadcrumb
|
|
65
|
-
|
|
66
|
-
start: true,
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
/>
|
|
65
|
+
<AppLayoutBreadcrumb>
|
|
66
|
+
<BreadcrumbItem>
|
|
67
|
+
{customTypesMessages.name({ start: true, plural: true })}
|
|
68
|
+
</BreadcrumbItem>
|
|
69
|
+
</AppLayoutBreadcrumb>
|
|
70
70
|
<AppLayoutActions>
|
|
71
71
|
<Button disabled startIcon="add">
|
|
72
72
|
Create
|
|
@@ -81,12 +81,11 @@ export const CustomTypesTablePage: FC<CustomTypesTablePageProps> = ({
|
|
|
81
81
|
>
|
|
82
82
|
<AppLayout>
|
|
83
83
|
<AppLayoutHeader>
|
|
84
|
-
<AppLayoutBreadcrumb
|
|
85
|
-
|
|
86
|
-
start: true,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
/>
|
|
84
|
+
<AppLayoutBreadcrumb>
|
|
85
|
+
<BreadcrumbItem>
|
|
86
|
+
{customTypesMessages.name({ start: true, plural: true })}
|
|
87
|
+
</BreadcrumbItem>
|
|
88
|
+
</AppLayoutBreadcrumb>
|
|
90
89
|
<AppLayoutActions>
|
|
91
90
|
<Button
|
|
92
91
|
data-testid="create-ct"
|
|
@@ -11,6 +11,7 @@ import {
|
|
|
11
11
|
import { ErrorBoundary } from "@src/ErrorBoundary";
|
|
12
12
|
|
|
13
13
|
import { LabsList } from "./LabsList";
|
|
14
|
+
import { BreadcrumbItem } from "@src/components/Breadcrumb";
|
|
14
15
|
|
|
15
16
|
export const LabsPage: FC = () => {
|
|
16
17
|
return (
|
|
@@ -58,7 +59,9 @@ const LabsPageLayout: FC<LabsPageLayoutProps> = ({
|
|
|
58
59
|
<AppLayout>
|
|
59
60
|
{withHeader ? (
|
|
60
61
|
<AppLayoutHeader>
|
|
61
|
-
<AppLayoutBreadcrumb
|
|
62
|
+
<AppLayoutBreadcrumb>
|
|
63
|
+
<BreadcrumbItem>Labs</BreadcrumbItem>
|
|
64
|
+
</AppLayoutBreadcrumb>
|
|
62
65
|
</AppLayoutHeader>
|
|
63
66
|
) : null}
|
|
64
67
|
<AppLayoutContent>{children}</AppLayoutContent>
|
|
@@ -11,6 +11,7 @@ import {
|
|
|
11
11
|
} from "@components/AppLayout";
|
|
12
12
|
import { ConnectGitRepository } from "@src/features/settings/git/ConnectGitRepository";
|
|
13
13
|
import { useGitIntegrationExperiment } from "@src/features/settings/git/useGitIntegrationExperiment";
|
|
14
|
+
import { BreadcrumbItem } from "@src/components/Breadcrumb";
|
|
14
15
|
|
|
15
16
|
export const SettingsPage: FC = () => {
|
|
16
17
|
const gitIntegrationExperiment = useGitIntegrationExperiment();
|
|
@@ -34,7 +35,9 @@ export const SettingsPage: FC = () => {
|
|
|
34
35
|
</Head>
|
|
35
36
|
<AppLayout>
|
|
36
37
|
<AppLayoutHeader>
|
|
37
|
-
<AppLayoutBreadcrumb
|
|
38
|
+
<AppLayoutBreadcrumb>
|
|
39
|
+
<BreadcrumbItem>Settings</BreadcrumbItem>
|
|
40
|
+
</AppLayoutBreadcrumb>
|
|
38
41
|
</AppLayoutHeader>
|
|
39
42
|
<AppLayoutContent>
|
|
40
43
|
<Box flexDirection="column" maxWidth={600}>
|