slice-machine-ui 1.26.1-beta.22 → 1.26.1-beta.23
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/out/404.html +1 -1
- package/out/_next/static/{00IorDaiiNnMBMZk4IvKZ → Vr0X6Ewe6GS3TTyqUTJnQ}/_buildManifest.js +1 -1
- package/out/_next/static/chunks/{188-79599b3fe9d94d98.js → 188-7dba8514be013ee7.js} +1 -1
- package/out/_next/static/chunks/661-78c8c89d258133b8.js +1 -0
- package/out/_next/static/chunks/pages/{_app-796f1d4d0885a614.js → _app-80990a659a16d46c.js} +1 -1
- package/out/_next/static/chunks/pages/custom-types/{[customTypeId]-b902c68c744370e9.js → [customTypeId]-982ecf1d799b6bcf.js} +1 -1
- package/out/_next/static/chunks/pages/page-types/{[pageTypeId]-82b82c537f0123f9.js → [pageTypeId]-886fc28240831dae.js} +1 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]-d3e157cc3a540dd4.js +1 -0
- package/out/_next/static/css/60ed39436ce152a9.css +1 -0
- package/out/_next/static/css/e8547bf6e08b50ac.css +1 -0
- 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/src/components/List/List.css.ts +4 -2
- package/src/legacy/lib/builders/CustomTypeBuilder/TabZone/index.tsx +2 -0
- package/src/legacy/lib/builders/SliceBuilder/FieldZones/index.tsx +8 -0
- package/src/legacy/lib/builders/common/Zone/components/ZoneEmptyState/ZoneEmptyState.module.css +12 -0
- package/src/legacy/lib/builders/common/Zone/components/ZoneEmptyState/ZoneEmptyState.module.css.d.ts +5 -0
- package/src/legacy/lib/builders/common/Zone/components/ZoneEmptyState/ZoneEmptyState.tsx +39 -0
- package/src/legacy/lib/builders/common/Zone/components/ZoneEmptyState/index.tsx +1 -0
- package/src/legacy/lib/builders/common/Zone/index.jsx +30 -9
- package/out/_next/static/chunks/96-d28e81d2b1c10a08.js +0 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]-b3bc0bc4e579bbaa.js +0 -1
- package/out/_next/static/css/86d77b8e1fcf68ba.css +0 -1
- package/out/_next/static/css/dc201720b301472d.css +0 -1
- package/src/legacy/lib/builders/common/Zone/components/EmptyState/index.tsx +0 -33
- /package/out/_next/static/{00IorDaiiNnMBMZk4IvKZ → Vr0X6Ewe6GS3TTyqUTJnQ}/_ssgManifest.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[625],{95759:function(n,u,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/custom-types/[customTypeId]",function(){return t(5326)}])},5326:function(n,u,t){"use strict";t.r(u),t.d(u,{default:function(){return _.H}});var _=t(82188)}},function(n){n.O(0,[898,917,525,461,139,183,50,543,696,210,614,569,
|
|
1
|
+
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[625],{95759:function(n,u,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/custom-types/[customTypeId]",function(){return t(5326)}])},5326:function(n,u,t){"use strict";t.r(u),t.d(u,{default:function(){return _.H}});var _=t(82188)}},function(n){n.O(0,[898,917,525,461,139,183,50,543,696,210,614,569,661,188,774,888,179],function(){return n(n.s=95759)}),_N_E=n.O()}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[936],{61367:function(n,u,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/page-types/[pageTypeId]",function(){return e(90235)}])},90235:function(n,u,e){"use strict";e.r(u),e.d(u,{default:function(){return t.H}});var t=e(82188)}},function(n){n.O(0,[898,917,525,461,139,183,50,543,696,210,614,569,
|
|
1
|
+
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[936],{61367:function(n,u,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/page-types/[pageTypeId]",function(){return e(90235)}])},90235:function(n,u,e){"use strict";e.r(u),e.d(u,{default:function(){return t.H}});var t=e(82188)}},function(n){n.O(0,[898,917,525,461,139,183,50,543,696,210,614,569,661,188,774,888,179],function(){return n(n.s=61367)}),_N_E=n.O()}]);
|
package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]-d3e157cc3a540dd4.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[136],{31314:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/slices/[lib]/[sliceName]/[variation]",function(){return t(54350)}])},25998:function(e,n,t){"use strict";t.d(n,{Z:function(){return l}});var i=t(5632),r=t(56580),o=t(95200),a=function(e,n,t){var i,r=null===(i=(0,o.Sd)(e))||void 0===i?void 0:i.find(function(e){return e.name.replace(/\//g,"--")===n});return null==r?void 0:r.components.find(function(e){return e.model.name===t})},l=function(){var e=(0,i.useRouter)(),n=(0,r.v9)(function(n){return{slice:a(n,e.query.lib,e.query.sliceName)}}).slice;if(!n)return{};var t=n.model.variations.find(function(n){return n.id===e.query.variation});return t?{slice:n,variation:t}:{}}},54350:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return eR}});var i=t(52322),r=t(97729),o=t.n(r),a=t(5632),l=t(22710),s=t(62230),c=t(85244),u=t(99267),d=t(74217),f=t(2784),m=t(82770),v=t(50950),p=t(26921),h=t(90374),x=(0,f.createContext)(void 0);function y(e){var n=e.children,t=e.initialSlice,r=(0,a.useRouter)(),o=(0,f.useState)(t),y=o[0],g=o[1],b=(0,p.c)({errorMessage:"Failed to save slice. Check your browser's console for more information."}),j=b.actionQueueStatus,w=b.setNextAction,S=(0,h.Z)().saveSliceSuccess,C=(0,d.R9)(S),k=(0,v.g)().syncChanges,I=(0,f.useMemo)(function(){var e=r.query.variation,n=y.model.variations.find(function(n){return n.id===e});if(n)return n;throw Error("Variation not found")},[y,r]),T=(0,f.useCallback)(function(e){g(e),w((0,l.Z)(function(){var n,t,i,r,o;return(0,u.__generator)(this,function(n){switch(n.label){case 0:return[4,(0,m.Ve)(e)];case 1:if((t=n.sent().errors).length>0)throw t;return[4,(0,m.pL)({libraryID:e.from,sliceID:e.model.id})];case 2:if(r=(i=n.sent()).errors,o=i.mocks,r.length>0)throw r;return C((0,c.Z)((0,s.Z)({},e),{mocks:o})),k(),[2]}})}))},[w,C,k]),E=(0,f.useMemo)(function(){return{actionQueueStatus:j,slice:y,setSlice:T,variation:I}},[j,y,T,I]);return(0,i.jsx)(x.Provider,{value:E,children:"function"==typeof n?n(E):n})}function g(){var e=(0,f.useContext)(x);if(!e)throw Error("SliceBuilderProvider not found");return e}var b=t(25998),j=t(22715),w=t(41730),S=t(47976),C=t(8564),k=t(18566),I=t(81038);function T(e){return E.apply(this,arguments)}function E(){return(E=(0,l.Z)(function(e){var n,t,i;return(0,u.__generator)(this,function(r){switch(r.label){case 0:return[4,I.j.customTypes.readCustomType({id:e})];case 1:if(t=(n=r.sent()).errors,i=n.model,t.length>0)throw t;return[2,i]}})})).apply(this,arguments)}var R=t(67445),A=t(64722),Z=t(20812),N=function(e){return(0,i.jsxs)("svg",(0,c.Z)((0,s.Z)({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),{children:[(0,i.jsx)("path",{d:"M9.5 12L6 9.5L9.5 7V9.5V12Z",fill:"currentColor"}),(0,i.jsx)("path",{d:"M6 9.5H11C14.3 9.5 17 12.2 17 15.5V17.5M6 9.5L9.5 12V9.5V7L6 9.5Z",stroke:"currentColor",strokeLinecap:"round"})]}))},L=function(){var e,n,t=(e=(0,A.l)().source,n=(0,R.Ag)(e.query),void 0!==n&&(0,R.ne)(e.asPath,n)?n:void 0);return void 0!==t?(0,i.jsx)(C.S,{children:(0,i.jsx)(f.Suspense,{children:(0,i.jsx)(j.xu,{bottom:32,justifyContent:"center",position:"fixed",right:0,width:"100vw",children:(0,i.jsx)(_,{sourceCustomTypeId:t})})})}):null},_=function(e){var n,t=(n=e.sourceCustomTypeId,(0,k.QT)(T,[n])),r=(0,f.useState)(!0),o=r[0],l=r[1],s=(0,a.useRouter)();if(void 0===t||!o)return null;var c=t.format,u=t.id,d=R.cd[c].getBuilderPagePathname(u);return(0,i.jsxs)(j.hE,{density:"compact",color:"dark",children:[(0,i.jsxs)(j.zx,{onClick:function(){s.push(d)},renderStartIcon:function(){return(0,i.jsx)(N,{})},children:["Return to ",t.label]}),(0,i.jsx)(j.zx,{onClick:function(){l(!1)},renderStartIcon:function(){return(0,i.jsx)(Z.T,{})}})]})},D=t(76478),V=t(56580),O=t(33710),F=t(51991),z=t(42189),P=t(63094),M=t(17036),K=function(e){var n=e.children,t=e.open,r=e.onClose;return(0,i.jsxs)(F.zs,{open:t,trigger:n,onClose:r,children:[(0,i.jsx)(F.Ev,{children:"Simulate your slices"}),(0,i.jsx)(F.LB,{component:"video",cloudName:"dmtf1daqp",loop:!1,autoPlay:!1,publicId:P.Sn,poster:"/simulator-video-thumbnail.png",controls:!0,onPlay:function(){m.Xe.track({event:"open-video-tutorials",video:P.Sn})}}),(0,i.jsx)(F.OJ,{children:"Minimize context-switching by previewing your Slice components in the simulator."}),(0,i.jsx)(F.Rp,{children:"Got it"})]})},q=function(e){var n=e.disabled,t=(0,a.useRouter)(),r=(0,f.useRef)(null),o=(0,h.Z)().setSeenSimulatorToolTip,l=(0,V.v9)(function(e){return{hasSeenSimulatorTooltip:(0,M.bv)(e)}}).hasSeenSimulatorTooltip;(0,f.useEffect)(function(){var e=r.current;e&&!l&&setTimeout(function(){return O.Z.show(e)},5e3)},[l]);var s=function(){if(o(),r.current){var e=r.current;O.Z.hide(e)}};return(0,i.jsx)("span",{"data-tip":!0,"data-tip-disable":!1,"data-for":"simulator-button-tooltip",ref:r,children:(0,i.jsx)(K,{open:!l,onClose:s,children:(0,i.jsx)(j.zx,{"data-tip":!0,"data-testid":"simulator-open-button",onClick:function(){s(),window.open("".concat(t.asPath,"/simulator"),P.pq)},disabled:n,renderStartIcon:function(){return(0,i.jsx)(z.z,{color:j.TV.color.greyLight1,height:j.TV.size[24],style:{transform:"scale(calc(4 / 3))"},width:j.TV.size[24]})},children:"Simulate"})})})},B=t(88866),H=t(28316),X=t(28173),W=t(5479),G=t(11563),U=t(73393),Q=t(79560),Y=t(24244),J=t(23373),$=t(36195),ee=t(52586),en=[ee.Group,ee.StructuredText,ee.Image,ee.Link,ee.LinkToMedia,ee.ContentRelationship,ee.Select,ee.Boolean,ee.Date,ee.Timestamp,ee.Embed,ee.Number,ee.GeoPoint,ee.Color,ee.Text,],et=t(13302),ei=t(17384),er=t(9461),eo=function(){var e,n=g(),t=n.slice,r=n.setSlice,o=n.variation,a=(0,f.useState)(!1),l=a[0],s=a[1],c={eligible:(null==(e=(0,G.L)("slicemachine-groups-in-slices"))?void 0:e.value)==="on"},u=Boolean(o.items&&Object.keys(o.items).length>0),d=function(e){return function(n){if(c.eligible&&e===J.Rt.Items&&o.items&&Object.keys(o.items).length<=1){s(!0);return}var i=(0,W.AK)({slice:t,variationId:o.id,widgetArea:e,fieldId:n});r(i)}},v=function(e){return function(n){var i=n.apiId,a=n.newKey,l=n.value,s=(0,W.L4)({slice:t,variationId:o.id,widgetArea:e,previousFieldId:i,newFieldId:a,newField:l});r(s)}},p=function(e){return function(n){var i=n.id,a=n.label,l=n.widgetTypeName,s=en.find(function(e){return e.CUSTOM_NAME===l||e.TYPE_NAME===l});if(!s)throw Error("Unsupported Field Type: ".concat(l));var c=s.create(a);try{s.schema.validateSync(c,{stripUnknown:!1})}catch(u){throw Error('Model is invalid for widget "'.concat(c.type,'".'))}var d=(0,W.xS)({slice:t,variationId:o.id,widgetArea:e,newFieldId:i,newField:c.type===B.GroupFieldType?Y.Fl.fromSM(c):c});r(d),m.Xe.track({event:"field:added",id:i,name:a,type:c.type,isInAGroup:!1,contentType:(0,er.T)(window.location.pathname)})}},h=function(e){return function(n){if(!(0,et.uS)(n)){var i=n.source,a=n.destination;if(a){var l=(0,W.gR)({slice:t,variationId:o.id,widgetArea:e,sourceIndex:i.index,destinationIndex:a.index});(0,H.flushSync)(function(){return r(l)})}}}},x=function(){var e=(0,W.Oh)({slice:t,variationId:o.id});r(e),s(!1)};return(0,i.jsxs)(X.aV,{children:[(0,i.jsx)(Q.Z,{zoneType:"slice",zoneTypeFormat:void 0,tabId:void 0,title:"Fields",dataTip:" The non-repeatable zone\n is for fields<br/> that should appear once, like a<br/>\n section title.\n",fields:o.primary,EditModal:U.Z,widgetsArray:c.eligible?en:$.Z,onDeleteItem:d(J.Rt.Primary),onSave:v(J.Rt.Primary),onSaveNewField:p(J.Rt.Primary),onDragEnd:h(J.Rt.Primary),poolOfFieldsToCheck:o.primary||[],renderHintBase:function(e){var n=e.item;return"slice.primary".concat((0,ei.Ti)(n.key))},renderFieldAccessor:function(e){return"slice.primary".concat((0,ei.Ti)(e))},testId:"static-zone-content",isRepeatableCustomType:void 0,emptyStateHeading:c.eligible?void 0:"No fields",emptyStateActionTestId:"add-Static-field"}),!c.eligible||u?(0,i.jsx)(Q.Z,{zoneType:"slice",zoneTypeFormat:void 0,tabId:void 0,isRepeatable:!0,title:"Repeatable Zone",dataTip:"The repeatable zone is for a group<br/>\n of fields that you want to be able to repeat an<br/>\n indeterminate number of times, like FAQs",widgetsArray:$.Z,fields:o.items,EditModal:U.Z,onDeleteItem:d(J.Rt.Items),onSave:v(J.Rt.Items),onSaveNewField:p(J.Rt.Items),onDragEnd:h(J.Rt.Items),poolOfFieldsToCheck:o.items||[],renderHintBase:function(e){var n=e.item;return"item".concat((0,ei.Ti)(n.key))},renderFieldAccessor:function(e){return"slice.items[i]".concat((0,ei.Ti)(e))},testId:"slice-repeatable-zone",isRepeatableCustomType:void 0,emptyStateHeading:"No fields",emptyStateActionTestId:"add-Repeatable-field"}):null,(0,i.jsxs)(j.Vq,{size:"small",open:l,onOpenChange:function(e){return s(e)},children:[(0,i.jsx)(j.fK,{icon:"delete",title:"Delete field"}),(0,i.jsxs)(j.cZ,{children:[(0,i.jsxs)(j.xu,{padding:24,gap:12,flexDirection:"column",children:[(0,i.jsxs)("strong",{children:["This action will permanently remove the repeatable zone from the"," ",t.model.name," slice."]}),(0,i.jsx)("div",{children:"To reimplement repeatable fields later, use a group field instead of the repeatable zone."})]}),(0,i.jsx)(j.kX,{ok:{text:"Delete",color:"tomato",onClick:function(){return x()}},cancel:{text:"Cancel"}})]})]})]})},ea=t(88932),el=t(56319),es=t(49451),ec=t(47731);function eu(){return(eu=(0,l.Z)(function(e){var n,t,i,r,o,a,l,d,f,v,p,h;return(0,u.__generator)(this,function(n){switch(n.label){case 0:return n.trys.push([0,6,,7]),[4,(0,m.Ve)(e.component)];case 1:if((t=n.sent().errors).length>0)throw t;return[4,(0,m.Xi)({libraryID:e.component.from,sliceID:e.component.model.id,variationID:e.variation.id})];case 2:if((r=n.sent().errors).length>0)throw r;return[4,(0,m.X$)(e.component.from,e.component.model.id)];case 3:if(a=(o=n.sent()).slice,(l=o.errors).length>0)throw l;if(!a)throw Error("Could not read variation `".concat(e.variation.name,"`"));return[4,(0,m.pL)({libraryID:e.component.from,sliceID:e.component.model.id})];case 4:return d=n.sent().mocks,f=es.Y.getBuilderPagePathname({libraryName:e.component.href,sliceName:a.name,variationId:a.variations[0].id}),[4,e.router.replace(f)];case 5:return n.sent(),v=(0,c.Z)((0,s.Z)({},e.component),{model:a,mocks:d}),e.saveSliceSuccess(v),[2,v];case 6:throw p=n.sent(),h="Could not delete variation `".concat(e.variation.name,"`"),console.error(h,p),ea.Am.error(h),p;case 7:return[2]}})})).apply(this,arguments)}var ed=function(e){var n=e.isOpen,t=e.onClose,r=e.slice,o=e.variation,s=(0,a.useRouter)(),c=(0,f.useState)(!1),d=c[0],m=c[1],v=(0,h.Z)().saveSliceSuccess,p=g().setSlice;return(0,i.jsxs)(j.Vq,{open:n,onOpenChange:function(e){return!e&&t()},size:{width:448,height:"auto"},children:[(0,i.jsx)(j.fK,{icon:"delete",title:"Delete variation"}),(0,i.jsx)(j.cZ,{children:(0,i.jsxs)(j.xu,{flexDirection:"column",children:[(0,i.jsxs)(j.xv,{color:"grey11",sx:{marginBlock:16,marginInline:16},children:["This action will remove the variation from the slice model and delete associated files. When you push your changes, the variation will disappear from your repository. This update will"," ",(0,i.jsx)(ef,{children:"not"})," affect your documents until you ",(0,i.jsx)(ef,{children:"edit"})," ","them manually."]}),(0,i.jsx)(j.kX,{ok:{text:"Delete",color:"tomato",onClick:function(){o&&(0,l.Z)(function(){var e;return(0,u.__generator)(this,function(e){switch(e.label){case 0:m(!0),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,function(e){return eu.apply(this,arguments)}({component:r,router:s,saveSliceSuccess:v,variation:o})];case 2:return p(e.sent()),[3,4];case 3:return e.sent(),[3,4];case 4:return m(!1),t(),[2]}})})()},loading:d},cancel:{text:"Cancel"},size:"medium"})]})})]})},ef=function(e){return(0,i.jsx)(j.xv,(0,c.Z)((0,s.Z)({},e),{color:"inherit",component:"span",variant:"bold"}))},em=t(63397);function ev(){return(ev=(0,l.Z)(function(e){var n,t,i,r,o,a,l,d,f,v,p;return(0,u.__generator)(this,function(n){switch(n.label){case 0:return n.trys.push([0,5,,6]),[4,(0,m.Ve)(e.component)];case 1:if((t=n.sent().errors).length>0)throw t;return[4,(0,m.eH)(e.component,(0,c.Z)((0,s.Z)({},e.variation),{name:e.variationName}))];case 2:if((r=n.sent().errors).length>0)throw r;return[4,(0,m.X$)(e.component.from,e.component.model.id)];case 3:if(a=(o=n.sent()).slice,(l=o.errors).length>0)throw l;if(!a)throw Error("Could not read variation `".concat(e.variation.name,"`"));return[4,(0,m.pL)({libraryID:e.component.from,sliceID:e.component.model.id})];case 4:return d=n.sent().mocks,f=(0,c.Z)((0,s.Z)({},e.component),{model:a,mocks:d}),e.saveSliceSuccess(f),[2,f];case 5:throw v=n.sent(),p="Could not rename variation `".concat(e.variation.name,"`"),console.error(p,v),ea.Am.error(p),v;case 6:return[2]}})})).apply(this,arguments)}var ep=t(83576),eh=t.n(ep),ex=function(e){var n,t,r=e.isOpen,o=e.onClose,a=e.slice,s=e.variation,c=(0,f.useState)(!1),d=c[0],m=c[1],v=g().setSlice,p=(0,h.Z)().saveSliceSuccess;return(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(j.Vq,{open:r,onOpenChange:function(e){return!e&&o()},size:{width:448,height:"auto"},children:[(0,i.jsx)(j.fK,{icon:"edit",title:"Rename variation"}),(0,i.jsx)(j.cZ,{children:(0,i.jsx)(em.J9,{validateOnMount:!0,initialValues:{variationName:null!==(n=null==s?void 0:s.name)&&void 0!==n?n:""},validate:function(e){if(0===e.variationName.length)return{variationName:"Cannot be empty"}},onSubmit:(t=(0,l.Z)(function(e){var n;return(0,u.__generator)(this,function(n){switch(n.label){case 0:if(!s)return[2];m(!0),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,function(e){return ev.apply(this,arguments)}({component:a,saveSliceSuccess:p,variation:s,variationName:e.variationName.trim()})];case 2:return v(n.sent()),[3,4];case 3:return n.sent(),[3,4];case 4:return m(!1),o(),[2]}})}),function(e){return t.apply(this,arguments)}),children:function(e){return(0,i.jsxs)("form",{children:[(0,i.jsxs)(j.xu,{flexDirection:"column",gap:8,padding:16,children:[(0,i.jsx)(j.xv,{variant:"normal",color:"grey11",children:"This action will rename the variation in the slice model. When you push your changes, the variation will be renamed in your repository."}),(0,i.jsxs)(j.xu,{flexDirection:"column",gap:4,children:[(0,i.jsxs)("label",{className:eh().label,children:[(0,i.jsx)(j.xv,{variant:"bold",children:"Variation name*"}),"string"==typeof e.errors.variationName?(0,i.jsx)(j.xv,{variant:"small",color:"tomato10",children:e.errors.variationName}):null]}),(0,i.jsx)(j.yt,{placeholder:"Variation name",error:"string"==typeof e.errors.variationName,value:e.values.variationName,onValueChange:function(n){e.setFieldValue("variationName",n.slice(0,30))}})]})]}),(0,i.jsx)(j.kX,{ok:{text:"Rename",onClick:function(){e.submitForm()},loading:d,disabled:!e.isValid},cancel:{text:"Cancel"},size:"medium"})]})}})})]})})},ey=t(12773),eg=t(76635),eb=t(36131),ej=t(75289),ew=t(98898),eS=function(e){var n=e.children,t=e.FooterContent,r=e.HeaderContent,o=e.close,a=e.sx,l=e.headerSx,c=void 0===l?{}:l;return(0,i.jsx)(ew.Z,{borderFooter:!0,footerSx:{p:0},bodySx:{pt:2,pb:4,px:4},sx:(0,s.Z)({border:"none"},void 0===a?{}:a),Header:function(e){var n=e.radius;return(0,i.jsxs)(ej.kC,{sx:(0,s.Z)({p:3,pl:4,bg:"headSection",alignItems:"center",justifyContent:"space-between",borderTopLeftRadius:n,borderTopRightRadius:n,borderBottom:function(e){var n;return"1px solid ".concat(null===(n=e.colors)||void 0===n?void 0:n.borders)}},c),children:[r,o?(0,i.jsx)(ej.x8,{onClick:o,type:"button"}):null]})},Footer:t?(0,i.jsxs)(ej.kC,{sx:{alignItems:"space-between",bg:"headSection",p:3},children:[(0,i.jsx)(ej.xu,{sx:{ml:"auto"}}),t]}):null,children:n})},eC=t(83399),ek=function(e){var n=e.msg;return(0,i.jsx)(ej.xv,{as:"span",sx:{fontSize:12,color:"error",mt:"5px",ml:2},children:n||"Error!"})},eI=function(e){var n=e.isOpen,t=e.onClose,r=e.onSubmit,o=e.initialVariation,a=e.variations,d=function(e){var n=e.id,t=e.name,i=e.origin,r=n&&n.length?null:{id:"Required!"},o=a.find(function(e){return e.id===n})?{id:"This id already exists!"}:null,l=t&&t.length?null:{name:"Required!"},c=i.value.length&&a.find(function(e){return e.id===i.value})?null:{id:"You must select an existing variation!"},u=n&&n.length&&!/^[A-Za-z0-9]+([A-Za-z0-9]+)*$/.exec(n)&&{id:"No special characters allowed"};return(0,s.Z)({},r,o,l,c,u)},m=function(e){C((0,eg.camelCase)(e))},v=function(e){A(e),I&&m(e)},p=function(e){T(!1),m(e)},h=function(){x(),t()},x=function(){C(""),A(""),b({}),T(!0),L({value:o.id,label:o.name})},y=(0,f.useState)({}),g=y[0],b=y[1],w=(0,f.useState)(""),S=w[0],C=w[1],k=(0,f.useState)(!0),I=k[0],T=k[1],E=(0,f.useState)(""),R=E[0],A=E[1],Z=(0,f.useState)({value:o.id,label:o.name}),N=Z[0],L=Z[1],_=(0,f.useState)(!1),D=_[0],V=_[1];function O(){return F.apply(this,arguments)}function F(){return(F=(0,l.Z)(function(){var e,n;return(0,u.__generator)(this,function(t){switch(t.label){case 0:if(!Object.keys(e=d({id:S,name:R,origin:N})).length)return[3,1];return b(e),[3,3];case 1:if(!(n=a.find(function(e){return e.id===N.value})))return[3,3];return V(!0),[4,r(S,R,n)];case 2:t.sent(),V(!1),h(),t.label=3;case 3:return[2]}})})).apply(this,arguments)}return(0,f.useEffect)(function(){x()},[o,n]),(0,i.jsx)(eC.Z,{isOpen:n,shouldCloseOnOverlayClick:!0,onRequestClose:function(){return h()},contentLabel:"Widget Form Modal",style:{content:{maxWidth:"700px"}},children:(0,i.jsx)(em.J9,{initialValues:{id:S,name:R,origin:N},onSubmit:O,children:(0,i.jsx)(em.l0,{id:"variation-add",onKeyDown:function(e){"Enter"===e.key&&(e.preventDefault(),O())},children:(0,i.jsx)(j.xu,{children:(0,i.jsxs)(eS,{sx:{textAlign:"left"},HeaderContent:(0,i.jsx)(ej.xv,{as:"h2",children:"Add new Variation"}),FooterContent:(0,i.jsxs)(j.xu,{gap:16,alignItems:"center",children:[(0,i.jsx)(j.zx,{onClick:h,color:"grey",children:"Cancel"}),(0,i.jsx)(j.zx,{loading:D,children:"Submit"})]}),close:h,children:[(0,i.jsxs)(j.xu,{flexDirection:"column",padding:{block:16},children:[(0,i.jsxs)(ej.__,{htmlFor:"name",sx:{mb:1},children:["Variation name*",g.name?(0,i.jsx)(ek,{msg:g.name}):""]}),(0,i.jsx)(em.gN,{autoComplete:"off",id:"name",name:"name",placeholder:"e.g. Grid - With Icon",as:ej.II,maxLength:30,value:R,onChange:function(e){return v(e.currentTarget.value)}}),(0,i.jsx)(ej.xv,{children:"It will appear here in Slice Machine, and in the page editor in Prismic"})]}),(0,i.jsxs)(j.xu,{flexDirection:"column",padding:{bottom:16},children:[(0,i.jsxs)(ej.__,{htmlFor:"id",sx:{mb:1},children:["Variation ID*",g.id?(0,i.jsx)(ek,{msg:g.id}):""]}),(0,i.jsx)(em.gN,{autoComplete:"off",id:"id",name:"id",placeholder:"e.g. GridWithIcon",as:ej.II,maxLength:30,value:S,onChange:function(e){return p(e.currentTarget.value)}}),(0,i.jsx)(ej.xv,{children:"It's generated automatically based on the variation name and will appear in the API responses."})]}),(0,i.jsxs)(j.xu,{flexDirection:"column",padding:{bottom:8},children:[(0,i.jsx)(ej.__,{htmlFor:"origin",sx:{mb:1},children:"Duplicate from"}),(0,i.jsx)(eb.ZP,{name:"origin",options:a.map(function(e){return{value:e.id,label:e.name}}),onChange:function(e){e&&L(e)},defaultValue:N,maxMenuHeight:150,theme:function(e){return(0,c.Z)((0,s.Z)({},e),{colors:(0,c.Z)((0,s.Z)({},e.colors),{text:"text",primary:"background"})})}})]})]})})})})})},eT=function(){var e,n=g(),t=n.slice,r=n.variation,o=n.setSlice,s=(0,f.useState)(),c=s[0],d=s[1],v=(0,ec.H)(),p=v.modalPayload,x=p.sliceFilterFn,y=p.defaultVariationSelector,b=p.onUploadSuccess,w=(0,a.useRouter)(),S=(0,h.Z)().saveSliceSuccess;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(j.xu,{flexDirection:"column",gap:16,children:[t.model.variations.map(function(e){return(0,i.jsx)(el.b,{action:{type:"menu",onRename:function(){d({type:"RENAME_VARIATION",variation:e})},onRemove:function(){d({type:"DELETE_VARIATION",variation:e})},removeDisabled:t.model.variations.length<=1},mode:"navigation",onUpdateScreenshot:function(){v.onOpenModal({sliceFilterFn:function(e){return e},defaultVariationSelector:{sliceID:t.model.id,variationID:e.id},onUploadSuccess:function(e){o(e)}})},replace:!0,selected:e.id===r.id,slice:t,variant:"outlined",variationId:e.id},e.id)}),(0,i.jsx)("div",{style:{bottom:j.rS.space[0],marginBottom:"-".concat(j.rS.space[16]),position:"sticky"},children:(0,i.jsxs)(j.xu,{backgroundColor:"grey2",flexDirection:"column",padding:{bottom:40,inline:24},children:[(0,i.jsx)(j.ph,{sx:{left:0,position:"absolute",right:0}}),(0,i.jsx)(j.zx,{color:"grey",onClick:function(){d({type:"ADD_VARIATION"})},startIcon:"add",sx:{position:"relative"},children:"Add a new variation"})]})})]}),(0,i.jsx)(ey.Z,{slices:x([t]),defaultVariationSelector:y,onUploadSuccess:b}),(0,i.jsx)(ex,{isOpen:(null==c?void 0:c.type)==="RENAME_VARIATION",onClose:function(){d(void 0)},slice:t,variation:null==c?void 0:c.variation}),(0,i.jsx)(ed,{isOpen:(null==c?void 0:c.type)==="DELETE_VARIATION",onClose:function(){d(void 0)},slice:t,variation:null==c?void 0:c.variation}),(0,i.jsx)(eI,{initialVariation:r,isOpen:(null==c?void 0:c.type)==="ADD_VARIATION",onClose:function(){d(void 0)},onSubmit:(e=(0,l.Z)(function(e,n,i){var r,a,l,s,c,d;return(0,u.__generator)(this,function(u){switch(u.label){case 0:return u.trys.push([0,2,,3]),a=(r=(0,W.Kp)({slice:t,id:e,name:n,copiedVariation:i})).slice,l=r.variation,[4,(0,m.Ve)(a)];case 1:return u.sent(),S(a),o(a),s=es.Y.getBuilderPagePathname({libraryName:a.href,sliceName:a.model.name,variationId:l.id}),w.replace(s),[3,3];case 2:return c=u.sent(),d="Could not add variation `".concat(n,"`"),console.error(d,c),ea.Am.error(d),[3,3];case 3:return[2]}})}),function(n,t,i){return e.apply(this,arguments)}),variations:t.model.variations})]})},eE=function(){var e=g(),n=e.slice,t=e.actionQueueStatus;return(0,i.jsxs)(D.LN,{children:[(0,i.jsxs)(D.wd,{children:[(0,i.jsx)(D.Xq,{url:"/slices"}),(0,i.jsxs)(D.Cx,{children:[(0,i.jsx)(w.g,{children:"Slices"}),(0,i.jsx)(w.g,{active:!0,children:n.model.name})]}),(0,i.jsxs)(D.K2,{children:[(0,i.jsx)(S.X,{status:t}),(0,i.jsx)(q,{disabled:"done"!==t})]})]}),(0,i.jsxs)(D.RN,{children:[(0,i.jsxs)(j.xu,{alignItems:"flex-start",display:"grid",gap:16,gridTemplateColumns:"320px 1fr",children:[(0,i.jsx)(eT,{}),(0,i.jsx)(eo,{})]}),(0,i.jsx)(L,{})]})]})};function eR(){var e=(0,a.useRouter)(),n=(0,b.Z)(),t=n.slice,r=n.variation;return void 0===t||void 0===r?(e.replace("/"),null):(0,i.jsx)(y,{initialSlice:t,children:function(e){var n=e.slice;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o(),{children:(0,i.jsxs)("title",{children:[n.model.name," - Slice Machine"]})}),(0,i.jsx)(eE,{})]})}})}},83576:function(e){e.exports={label:"RenameVariationModal_label__SLsVs"}},76473:function(e,n,t){"use strict";t.d(n,{y1:function(){return b}});var i=t(2784);function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(this,arguments)}t(52322);var o=["shift","alt","meta","mod","ctrl"],a={esc:"escape",return:"enter",".":"period",",":"comma","-":"slash"," ":"space","`":"backquote","#":"backslash","+":"bracketright",ShiftLeft:"shift",ShiftRight:"shift",AltLeft:"alt",AltRight:"alt",MetaLeft:"meta",MetaRight:"meta",OSLeft:"meta",OSRight:"meta",ControlLeft:"ctrl",ControlRight:"ctrl"};function l(e){return(a[e]||e).trim().toLowerCase().replace(/key|digit|numpad|arrow/,"")}function s(e,n){return void 0===n&&(n=","),e.split(n)}function c(e,n,t){void 0===n&&(n="+");var i,a=e.toLocaleLowerCase().split(n).map(function(e){return l(e)});return r({},{alt:a.includes("alt"),ctrl:a.includes("ctrl")||a.includes("control"),shift:a.includes("shift"),meta:a.includes("meta"),mod:a.includes("mod")},{keys:a.filter(function(e){return!o.includes(e)}),description:t})}"undefined"!=typeof document&&(document.addEventListener("keydown",function(e){void 0!==e.key&&f([l(e.key),l(e.code)])}),document.addEventListener("keyup",function(e){void 0!==e.key&&m([l(e.key),l(e.code)])})),"undefined"!=typeof window&&window.addEventListener("blur",function(){u.clear()});var u=new Set;function d(e){return Array.isArray(e)}function f(e){var n=Array.isArray(e)?e:[e];u.has("meta")&&u.forEach(function(e){var n;return!o.includes(e)&&u.delete(e.toLowerCase())}),n.forEach(function(e){return u.add(e.toLowerCase())})}function m(e){var n=Array.isArray(e)?e:[e];"meta"===e?u.clear():n.forEach(function(e){return u.delete(e.toLowerCase())})}function v(e,n){var t=e.target;void 0===n&&(n=!1);var i=t&&t.tagName;return d(n)?Boolean(i&&n&&n.some(function(e){return e.toLowerCase()===i.toLowerCase()})):Boolean(i&&n&&!0===n)}var p=function(e,n,t){void 0===t&&(t=!1);var i,r,o=n.alt,a=n.meta,s=n.mod,c=n.shift,f=n.ctrl,m=n.keys,v=e.key,p=e.code,h=e.ctrlKey,x=e.metaKey,y=e.shiftKey,g=e.altKey,b=l(p),j=v.toLowerCase();if(!t){if(!g===o&&"alt"!==j||!y===c&&"shift"!==j)return!1;if(s){if(!x&&!h)return!1}else if(!x===a&&"meta"!==j&&"os"!==j||!h===f&&"ctrl"!==j&&"control"!==j)return!1}return!!(m&&1===m.length&&(m.includes(j)||m.includes(b)))||(m?(void 0===r&&(r=","),(d(i=m)?i:i.split(r)).every(function(e){return u.has(e.trim().toLowerCase())})):!m)},h=(0,i.createContext)(void 0),x=(0,i.createContext)({hotkeys:[],enabledScopes:[],toggleScope:function(){},enableScope:function(){},disableScope:function(){}}),y=function(e){e.stopPropagation(),e.preventDefault(),e.stopImmediatePropagation()},g="undefined"!=typeof window?i.useLayoutEffect:i.useEffect;function b(e,n,t,r){var o,a,u=(0,i.useRef)(null),b=(0,i.useRef)(!1),j=t instanceof Array?r instanceof Array?void 0:r:t,w=d(e)?e.join(null==j?void 0:j.splitKey):e,S=t instanceof Array?t:r instanceof Array?r:void 0,C=(0,i.useCallback)(n,null!=S?S:[]),k=(0,i.useRef)(C);S?k.current=C:k.current=n;var I=(!function e(n,t){return n&&t&&"object"==typeof n&&"object"==typeof t?Object.keys(n).length===Object.keys(t).length&&Object.keys(n).reduce(function(i,r){return i&&e(n[r],t[r])},!0):n===t}((a=(0,i.useRef)(void 0)).current,j)&&(a.current=j),a.current),T=(0,i.useContext)(x).enabledScopes,E=(0,i.useContext)(h);return g(function(){if((null==I?void 0:I.enabled)!==!1&&(e=T,n=null==I?void 0:I.scopes,0===e.length&&n?(console.warn('A hotkey has the "scopes" option set, however no active scopes were found. If you want to use the global scopes feature, you need to wrap your app in a <HotkeysProvider>'),!0):!!(!n||e.some(function(e){return n.includes(e)})||e.includes("*")))){var e,n,t=function(e,n){var t,i;if(void 0===n&&(n=!1),!(v(e,["input","textarea","select"])&&!v(e,null==I?void 0:I.enableOnFormTags)||null!=I&&null!=I.ignoreEventWhen&&I.ignoreEventWhen(e))){if(null!==u.current&&document.activeElement!==u.current&&!u.current.contains(document.activeElement)){y(e);return}(null==(t=e.target)||!t.isContentEditable||null!=I&&I.enableOnContentEditable)&&s(w,null==I?void 0:I.splitKey).forEach(function(t){var i,r,o,a,l,s,u,d=c(t,null==I?void 0:I.combinationKey);if(p(e,d,null==I?void 0:I.ignoreModifiers)||null!=(u=d.keys)&&u.includes("*")){if(n&&b.current)return;if(i=e,r=d,("function"==typeof(o=null==I?void 0:I.preventDefault)&&o(i,r)||!0===o)&&i.preventDefault(),a=e,l=d,"function"==typeof(s=null==I?void 0:I.enabled)?!s(a,l):!0!==s&&void 0!==s){y(e);return}k.current(e,d),n||(b.current=!0)}})}},i=function(e){void 0!==e.key&&(f(l(e.code)),((null==I?void 0:I.keydown)===void 0&&(null==I?void 0:I.keyup)!==!0||null!=I&&I.keydown)&&t(e))},r=function(e){void 0!==e.key&&(m(l(e.code)),b.current=!1,null!=I&&I.keyup&&t(e,!0))},o=u.current||(null==j?void 0:j.document)||document;return o.addEventListener("keyup",r),o.addEventListener("keydown",i),E&&s(w,null==I?void 0:I.splitKey).forEach(function(e){return E.addHotkey(c(e,null==I?void 0:I.combinationKey,null==I?void 0:I.description))}),function(){o.removeEventListener("keyup",r),o.removeEventListener("keydown",i),E&&s(w,null==I?void 0:I.splitKey).forEach(function(e){return E.removeHotkey(c(e,null==I?void 0:I.combinationKey,null==I?void 0:I.description))})}}},[w,I,T]),u}}},function(e){e.O(0,[898,789,917,525,461,139,183,50,543,696,614,661,90,774,888,179],function(){return e(e.s=31314)}),_N_E=e.O()}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._1k08lzu3{height:calc(var(--_7j49md4m) - var(--_7j49mdh))}._1k08lzu5{height:calc(var(--_7j49md4b) - var(--_7j49md47));width:calc(var(--_7j49md4b) - var(--_7j49md47))}._1k08lzu7{box-shadow:inset 0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1d);height:calc(var(--_7j49md4m) - var(--_7j49mdh));-ms-overflow-style:none;scrollbar-width:none}._1k08lzu7::-webkit-scrollbar{display:none}._1k08lzu3+._1k08lzu6>._1k08lzu7{padding-top:var(--_7j49mdh)}._1k08lzu8:last-child:before,:not(:is(:focus,:hover,[data-state=active]))+._1k08lzu8:before{content:"";background-color:var(--_7j49md1e);bottom:var(--_7j49md53);height:var(--_7j49md4i);left:calc(-1 * var(--_7j49md4z));position:absolute;width:var(--_7j49mdh)}._1k08lzu9{max-width:256px}._1k08lzu9[data-state=active]{color:var(--_7j49md1j)}._1k08lzu9:is(:focus,:hover,[data-state=active]):before{content:"";background-color:var(--_7j49md19);border-color:var(--_7j49md1d);border-top-left-radius:var(--_7j49md7);border-top-right-radius:var(--_7j49md7);border-style:var(--_7j49mdf) var(--_7j49mdf) var(--_7j49mdd);border-width:var(--_7j49mdh);box-sizing:border-box;height:calc(var(--_7j49md4s) + var(--_7j49mdh));left:calc(-1 * var(--_7j49mdh));position:absolute;top:calc(-1 * var(--_7j49mdh));width:calc(var(--_7j49md4s) + var(--_7j49mdh))}._1k08lzub{margin-right:calc(-1 * var(--_7j49md53))}:is(:focus,:hover,[data-state=active])>._1k08lzub{visibility:visible}._1k08lzub:has(>[data-state=open]){visibility:visible}._1k08lzuc{box-shadow:inset 0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1d),0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1a)}._1k08lzud[data-state=inactive]{display:none}:is(._1k08lzu2,._1k08lzud)>._2a96i71{border-radius:var(--_7j49md3);border-style:var(--_7j49mdd)}._2a96i72:last-child{border-bottom-color:var(--_7j49md3m)}._2a96i73:not(:first-child){border-top:1px solid var(--_7j49md1d)}.ZoneEmptyState_root__K6dwt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background-color:var(--grey3);text-align:center;padding-top:32px;padding-bottom:32px;min-height:288px}.kedahr2{height:240px}.kedahr3{height:320px}.kedahr6:focus-visible{box-shadow:0 0 0 4px rgba(123,101,220,.1)}.kedahr6[data-disabled]{opacity:var(--_7j49md42)}.kedahr6:not([data-disabled]){cursor:var(--_7j49md3q)}.kedahr7{order:0}.kedahr4>.kedahr7{padding:calc(var(--_7j49md58) - var(--_7j49mdh))}.kedahr5>.kedahr7{background-color:var(--_7j49md1a);margin-inline:calc(var(--_7j49md56) - var(--_7j49mdh));margin-top:calc(var(--_7j49md56) - var(--_7j49mdh));padding:var(--_7j49md56)}.kedahr9:not([src]){visibility:hidden}.kedahra:before{content:"";background-color:var(--_7j49md1j);inset:var(--_7j49md4y);opacity:var(--_7j49md40);position:absolute}.kedahr6:focus-visible .kedahra,.kedahr6:not([data-disabled]) .kedahr7:hover>.kedahra{visibility:visible}.kedahr6:not([data-disabled]) .kedahra:has(:focus-visible){visibility:visible}.kedahr4>.kedahrb{background-color:var(--_7j49md18)}.kedahr4>.kedahrb:not(:first-child){border-top-color:var(--_7j49md1d);border-top-style:inherit;border-top-width:inherit}.kedahrc{order:1}.kedahr4>.kedahrc{padding-left:calc(var(--_7j49md55) - var(--_7j49mdh));padding-right:calc(var(--_7j49md53) - var(--_7j49mdh))}.kedahr5>.kedahrc{padding-inline:calc(var(--_7j49md56) - var(--_7j49mdh))}.kedahrd{order:2}.kedahr4>.kedahrd{padding-inline:calc(var(--_7j49md55) - var(--_7j49mdh))}.kedahr5>.kedahrd{padding-inline:calc(var(--_7j49md56) - var(--_7j49mdh))}.kedahre{margin-bottom:calc((1.5rem - 1rem) / 2)}.kedahrf{background-color:#ebe7fe;color:#5746af}.RenameVariationModal_label__SLsVs{display:inline-flex;align-items:center;gap:4px}.Kbd_root__nBos2{background-color:var(--grey2);border-color:var(--grey6);border-radius:3px;border-style:solid;border-width:1px;color:var(--grey11);padding-inline:4px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._1k08lzu3{height:calc(var(--_7j49md4m) - var(--_7j49mdh))}._1k08lzu5{height:calc(var(--_7j49md4b) - var(--_7j49md47));width:calc(var(--_7j49md4b) - var(--_7j49md47))}._1k08lzu7{box-shadow:inset 0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1d);height:calc(var(--_7j49md4m) - var(--_7j49mdh));-ms-overflow-style:none;scrollbar-width:none}._1k08lzu7::-webkit-scrollbar{display:none}._1k08lzu3+._1k08lzu6>._1k08lzu7{padding-top:var(--_7j49mdh)}._1k08lzu8:last-child:before,:not(:is(:focus,:hover,[data-state=active]))+._1k08lzu8:before{content:"";background-color:var(--_7j49md1e);bottom:var(--_7j49md53);height:var(--_7j49md4i);left:calc(-1 * var(--_7j49md4z));position:absolute;width:var(--_7j49mdh)}._1k08lzu9{max-width:256px}._1k08lzu9[data-state=active]{color:var(--_7j49md1j)}._1k08lzu9:is(:focus,:hover,[data-state=active]):before{content:"";background-color:var(--_7j49md19);border-color:var(--_7j49md1d);border-top-left-radius:var(--_7j49md7);border-top-right-radius:var(--_7j49md7);border-style:var(--_7j49mdf) var(--_7j49mdf) var(--_7j49mdd);border-width:var(--_7j49mdh);box-sizing:border-box;height:calc(var(--_7j49md4s) + var(--_7j49mdh));left:calc(-1 * var(--_7j49mdh));position:absolute;top:calc(-1 * var(--_7j49mdh));width:calc(var(--_7j49md4s) + var(--_7j49mdh))}._1k08lzub{margin-right:calc(-1 * var(--_7j49md53))}:is(:focus,:hover,[data-state=active])>._1k08lzub{visibility:visible}._1k08lzub:has(>[data-state=open]){visibility:visible}._1k08lzuc{box-shadow:inset 0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1d),0 calc(-1 * var(--_7j49mdh)) 0 0 var(--_7j49md1a)}._1k08lzud[data-state=inactive]{display:none}:is(._1k08lzu2,._1k08lzud)>._2a96i71{border-radius:var(--_7j49md3);border-style:var(--_7j49mdd)}._2a96i72:last-child{border-bottom-color:var(--_7j49md3m)}._2a96i73:not(:first-child){border-top:1px solid var(--_7j49md1d)}.ZoneEmptyState_root__K6dwt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background-color:var(--grey3);text-align:center;padding-top:32px;padding-bottom:32px;min-height:288px}.BlankSlate_column__ysDb2{all:unset;box-sizing:border-box;display:flex;flex-direction:column}.BlankSlate_root__DJ7wC{max-width:498px;min-height:400px;animation:BlankSlate_fadeIn__KMuKu ease-in-out 300;border-color:var(--grey6);border-radius:6px;border-style:solid;border-width:1px;overflow:hidden;background-color:var(--light-grey1)}.BlankSlate_withBackground___V5y5{width:100%;max-width:100%;height:100%;text-align:center;background-size:cover;background-color:transparent;border-radius:0;border-style:none}.BlankSlate_image__rOe9w{border-bottom:1px solid var(--grey6);overflow:hidden}.BlankSlate_content__wmOAI{padding:32px}.BlankSlate_withBackground___V5y5 .BlankSlate_content__wmOAI{padding:64px}.BlankSlate_title__5oTre{font-size:18px;font-weight:600;line-height:32px}.BlankSlate_desc__f6ZWf{font-weight:400;line-height:24px}.BlankSlate_withBackground___V5y5 .BlankSlate_desc__f6ZWf{max-width:464px;align-self:center}.BlankSlate_actions__6zYZr{all:unset;align-items:center;box-sizing:border-box;display:flex;gap:16px;margin-top:16px}.BlankSlate_withBackground___V5y5 .BlankSlate_actions__6zYZr{justify-content:center}.kedahr2{height:240px}.kedahr3{height:320px}.kedahr6:focus-visible{box-shadow:0 0 0 4px rgba(123,101,220,.1)}.kedahr6[data-disabled]{opacity:var(--_7j49md42)}.kedahr6:not([data-disabled]){cursor:var(--_7j49md3q)}.kedahr7{order:0}.kedahr4>.kedahr7{padding:calc(var(--_7j49md58) - var(--_7j49mdh))}.kedahr5>.kedahr7{background-color:var(--_7j49md1a);margin-inline:calc(var(--_7j49md56) - var(--_7j49mdh));margin-top:calc(var(--_7j49md56) - var(--_7j49mdh));padding:var(--_7j49md56)}.kedahr9:not([src]){visibility:hidden}.kedahra:before{content:"";background-color:var(--_7j49md1j);inset:var(--_7j49md4y);opacity:var(--_7j49md40);position:absolute}.kedahr6:focus-visible .kedahra,.kedahr6:not([data-disabled]) .kedahr7:hover>.kedahra{visibility:visible}.kedahr6:not([data-disabled]) .kedahra:has(:focus-visible){visibility:visible}.kedahr4>.kedahrb{background-color:var(--_7j49md18)}.kedahr4>.kedahrb:not(:first-child){border-top-color:var(--_7j49md1d);border-top-style:inherit;border-top-width:inherit}.kedahrc{order:1}.kedahr4>.kedahrc{padding-left:calc(var(--_7j49md55) - var(--_7j49mdh));padding-right:calc(var(--_7j49md53) - var(--_7j49mdh))}.kedahr5>.kedahrc{padding-inline:calc(var(--_7j49md56) - var(--_7j49mdh))}.kedahrd{order:2}.kedahr4>.kedahrd{padding-inline:calc(var(--_7j49md55) - var(--_7j49mdh))}.kedahr5>.kedahrd{padding-inline:calc(var(--_7j49md56) - var(--_7j49mdh))}.kedahre{margin-bottom:calc((1.5rem - 1rem) / 2)}.kedahrf{background-color:#ebe7fe;color:#5746af}.ConvertLegacySliceButton_scrollArea__gW7L4{width:448px;height:100%;display:flex;gap:8px;padding-inline:16px;padding-block:16px}.ConvertLegacySliceButton_label__yP2Pt{display:inline-flex;align-items:center;gap:4px}.ContentTabs_flex__kAimf{all:unset;display:flex}.ContentTabs_column__x5QZL{flex-direction:column}.ContentTabs_root__GPtve{background-color:var(--grey1);min-height:0}.ContentTabs_list__XarTi{border-bottom:1px solid var(--grey5);padding-inline:16px}.ContentTabs_trigger__8hs6H{color:var(--grey11);cursor:pointer;padding-block:8px}.ContentTabs_trigger__8hs6H:not(:last-child){margin-right:16px}.ContentTabs_trigger__8hs6H[data-state=active]{box-shadow:inset 0 -1px 0 0 currentColor,0 1px 0 0 currentColor;color:var(--purple9)}.ContentTabs_triggerText__ka3DD{line-height:32px}.ContentTabs_content__mMr1s{min-height:0;outline:none;flex:1 1}.ContentTabs_content__mMr1s[data-state=inactive]{display:none}.ContentTabs_scrollArea__ZBVHa{padding:16px}.CodeBlock_block__ljak4{all:unset;box-sizing:border-box;font-family:var(--font-family-body)}.CodeBlock_blockWithDisplayRevert__zM3Ns{display:revert}.CodeBlock_root__3ZYFL{border-width:1px;border-radius:6px;border-style:solid;border-color:var(--grey6)}.CodeBlock_header__kLT1f{border-top-right-radius:4px;border-top-left-radius:4px;background-color:var(--grey2);border-bottom:1px solid var(--grey6);padding-block:4px;padding-right:4px}.CodeBlock_fileInfo__ocLpL,.CodeBlock_header__kLT1f{display:flex;align-items:center;justify-content:space-between}.CodeBlock_fileName__jmuEV{font-size:calc(14rem / 16);line-height:calc(32rem / 16)}.MarkdownRenderer_section__4QTyU{padding-bottom:16px}.MarkdownRenderer_inlineCode__Oois6{font-family:var(--font-family-code);background-color:var(--grey2);border-radius:6px;padding-block:2px;padding-inline:4px}.PageSnippetDialog_content___SDjB{display:flex;flex-direction:column;min-height:0;gap:12px;overflow:hidden;grid-area:content}
|
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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.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-
|
|
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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.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-80990a659a16d46c.js" defer=""></script><script src="/_next/static/chunks/59b4e022-7a3b5554b806349f.js" defer=""></script><script src="/_next/static/chunks/183-6ad1d7303abecd2b.js" defer=""></script><script src="/_next/static/chunks/870-0c7a8a9622de78b7.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-042822d12df57669.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_buildManifest.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"Vr0X6Ewe6GS3TTyqUTJnQ","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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.css" data-n-g=""/><link rel="preload" href="/_next/static/css/e5745b5b0494af29.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e5745b5b0494af29.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-
|
|
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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.css" data-n-g=""/><link rel="preload" href="/_next/static/css/e5745b5b0494af29.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e5745b5b0494af29.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-80990a659a16d46c.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/614-873c38acd991869b.js" defer=""></script><script src="/_next/static/chunks/90-2d4bdae13d031364.js" defer=""></script><script src="/_next/static/chunks/pages/changes-194f6cf187fa6ee7.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_buildManifest.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"Vr0X6Ewe6GS3TTyqUTJnQ","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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.css" data-n-g=""/><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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.css" data-n-g=""/><link rel="preload" href="/_next/static/css/e8547bf6e08b50ac.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e8547bf6e08b50ac.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-80990a659a16d46c.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-6ad1d7303abecd2b.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/614-873c38acd991869b.js" defer=""></script><script src="/_next/static/chunks/569-2ae3e9666f3bf991.js" defer=""></script><script src="/_next/static/chunks/661-78c8c89d258133b8.js" defer=""></script><script src="/_next/static/chunks/188-7dba8514be013ee7.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-982ecf1d799b6bcf.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_buildManifest.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_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":"Vr0X6Ewe6GS3TTyqUTJnQ","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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.css" data-n-g=""/><link rel="preload" href="/_next/static/css/22f264c93bd9d85f.css" as="style"/><link rel="stylesheet" href="/_next/static/css/22f264c93bd9d85f.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-
|
|
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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.css" data-n-g=""/><link rel="preload" href="/_next/static/css/22f264c93bd9d85f.css" as="style"/><link rel="stylesheet" href="/_next/static/css/22f264c93bd9d85f.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-80990a659a16d46c.js" defer=""></script><script src="/_next/static/chunks/569-2ae3e9666f3bf991.js" defer=""></script><script src="/_next/static/chunks/91-717d764a224ac07f.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-900b40b54b74e6d6.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_buildManifest.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"Vr0X6Ewe6GS3TTyqUTJnQ","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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.css" data-n-g=""/><link rel="preload" href="/_next/static/css/22f264c93bd9d85f.css" as="style"/><link rel="stylesheet" href="/_next/static/css/22f264c93bd9d85f.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-
|
|
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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.css" data-n-g=""/><link rel="preload" href="/_next/static/css/22f264c93bd9d85f.css" as="style"/><link rel="stylesheet" href="/_next/static/css/22f264c93bd9d85f.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-80990a659a16d46c.js" defer=""></script><script src="/_next/static/chunks/569-2ae3e9666f3bf991.js" defer=""></script><script src="/_next/static/chunks/91-717d764a224ac07f.js" defer=""></script><script src="/_next/static/chunks/pages/index-ccd2975faba412f6.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_buildManifest.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"Vr0X6Ewe6GS3TTyqUTJnQ","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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.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-
|
|
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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.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-80990a659a16d46c.js" defer=""></script><script src="/_next/static/chunks/pages/labs-7a4fe64cb86b59e8.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_buildManifest.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"Vr0X6Ewe6GS3TTyqUTJnQ","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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.css" data-n-g=""/><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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.css" data-n-g=""/><link rel="preload" href="/_next/static/css/e8547bf6e08b50ac.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e8547bf6e08b50ac.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-80990a659a16d46c.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-6ad1d7303abecd2b.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/614-873c38acd991869b.js" defer=""></script><script src="/_next/static/chunks/569-2ae3e9666f3bf991.js" defer=""></script><script src="/_next/static/chunks/661-78c8c89d258133b8.js" defer=""></script><script src="/_next/static/chunks/188-7dba8514be013ee7.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-886fc28240831dae.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_buildManifest.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_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":"Vr0X6Ewe6GS3TTyqUTJnQ","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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.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-
|
|
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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.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-80990a659a16d46c.js" defer=""></script><script src="/_next/static/chunks/pages/settings-419384d4d43070c2.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_buildManifest.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/settings","query":{},"buildId":"Vr0X6Ewe6GS3TTyqUTJnQ","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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.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-
|
|
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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.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-80990a659a16d46c.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-8854ec97730b0755.js" defer=""></script><script src="/_next/static/chunks/756-61dc56b98d01e964.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-9bdb355306fca592.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_buildManifest.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_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":"Vr0X6Ewe6GS3TTyqUTJnQ","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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.css" data-n-g=""/><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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.css" data-n-g=""/><link rel="preload" href="/_next/static/css/60ed39436ce152a9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/60ed39436ce152a9.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-80990a659a16d46c.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-6ad1d7303abecd2b.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/614-873c38acd991869b.js" defer=""></script><script src="/_next/static/chunks/661-78c8c89d258133b8.js" defer=""></script><script src="/_next/static/chunks/90-2d4bdae13d031364.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-d3e157cc3a540dd4.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_buildManifest.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_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":"Vr0X6Ewe6GS3TTyqUTJnQ","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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.css" data-n-g=""/><link rel="preload" href="/_next/static/css/321d78460d2d69bc.css" as="style"/><link rel="stylesheet" href="/_next/static/css/321d78460d2d69bc.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-
|
|
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/cb5dbae3d23ccce1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb5dbae3d23ccce1.css" data-n-g=""/><link rel="preload" href="/_next/static/css/321d78460d2d69bc.css" as="style"/><link rel="stylesheet" href="/_next/static/css/321d78460d2d69bc.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-80990a659a16d46c.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/614-873c38acd991869b.js" defer=""></script><script src="/_next/static/chunks/90-2d4bdae13d031364.js" defer=""></script><script src="/_next/static/chunks/pages/slices-98f88ac46b6ad58b.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_buildManifest.js" defer=""></script><script src="/_next/static/Vr0X6Ewe6GS3TTyqUTJnQ/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"Vr0X6Ewe6GS3TTyqUTJnQ","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.23",
|
|
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.23",
|
|
39
|
+
"start-slicemachine": "0.12.19-beta.23"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@emotion/react": "11.11.1",
|
|
@@ -50,8 +50,10 @@ export const header = style([
|
|
|
50
50
|
}),
|
|
51
51
|
{
|
|
52
52
|
selectors: {
|
|
53
|
-
[
|
|
54
|
-
|
|
53
|
+
["&:not(:first-child)"]: {
|
|
54
|
+
borderTopStyle: "solid",
|
|
55
|
+
borderTopColor: vars.color.greyLight6,
|
|
56
|
+
borderTopWidth: 1,
|
|
55
57
|
},
|
|
56
58
|
},
|
|
57
59
|
},
|
|
@@ -215,6 +215,7 @@ const TabZone: FC<TabZoneProps> = ({ tabId }) => {
|
|
|
215
215
|
{query.newPageType === undefined ? (
|
|
216
216
|
<Zone
|
|
217
217
|
zoneType="customType"
|
|
218
|
+
zoneTypeFormat={customType.format ?? "custom"}
|
|
218
219
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
219
220
|
tabId={tabId}
|
|
220
221
|
title="Static Zone"
|
|
@@ -241,6 +242,7 @@ const TabZone: FC<TabZoneProps> = ({ tabId }) => {
|
|
|
241
242
|
}
|
|
242
243
|
testId="static-zone-content"
|
|
243
244
|
isRepeatableCustomType={customType.repeatable}
|
|
245
|
+
emptyStateActionTestId="add-Static-field"
|
|
244
246
|
/>
|
|
245
247
|
) : undefined}
|
|
246
248
|
|
|
@@ -184,6 +184,7 @@ const FieldZones: FC = () => {
|
|
|
184
184
|
<List>
|
|
185
185
|
<Zone
|
|
186
186
|
zoneType="slice"
|
|
187
|
+
zoneTypeFormat={undefined}
|
|
187
188
|
tabId={undefined}
|
|
188
189
|
title="Fields"
|
|
189
190
|
dataTip={dataTipText}
|
|
@@ -211,10 +212,15 @@ const FieldZones: FC = () => {
|
|
|
211
212
|
}
|
|
212
213
|
testId="static-zone-content"
|
|
213
214
|
isRepeatableCustomType={undefined}
|
|
215
|
+
emptyStateHeading={
|
|
216
|
+
groupsInSlicesExperiment.eligible ? undefined : "No fields"
|
|
217
|
+
}
|
|
218
|
+
emptyStateActionTestId="add-Static-field"
|
|
214
219
|
/>
|
|
215
220
|
{!groupsInSlicesExperiment.eligible || hasItems ? (
|
|
216
221
|
<Zone
|
|
217
222
|
zoneType="slice"
|
|
223
|
+
zoneTypeFormat={undefined}
|
|
218
224
|
tabId={undefined}
|
|
219
225
|
isRepeatable
|
|
220
226
|
title="Repeatable Zone"
|
|
@@ -237,6 +243,8 @@ const FieldZones: FC = () => {
|
|
|
237
243
|
}
|
|
238
244
|
testId="slice-repeatable-zone"
|
|
239
245
|
isRepeatableCustomType={undefined}
|
|
246
|
+
emptyStateHeading="No fields"
|
|
247
|
+
emptyStateActionTestId="add-Repeatable-field"
|
|
240
248
|
/>
|
|
241
249
|
) : null}
|
|
242
250
|
<Dialog
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { Button, Text } from "@prismicio/editor-ui";
|
|
2
|
+
import { FC, ReactNode } from "react";
|
|
3
|
+
|
|
4
|
+
import styles from "./ZoneEmptyState.module.css";
|
|
5
|
+
|
|
6
|
+
type ZoneEmptyStateProps = {
|
|
7
|
+
zoneType: "custom type" | "page type" | "slice";
|
|
8
|
+
heading?: ReactNode;
|
|
9
|
+
onActionClick: () => void;
|
|
10
|
+
actionTestId?: string;
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export const ZoneEmptyState: FC<ZoneEmptyStateProps> = (props) => {
|
|
14
|
+
const {
|
|
15
|
+
zoneType,
|
|
16
|
+
heading = `Your ${zoneType} has no fields yet`,
|
|
17
|
+
onActionClick,
|
|
18
|
+
actionTestId,
|
|
19
|
+
} = props;
|
|
20
|
+
|
|
21
|
+
return (
|
|
22
|
+
<div className={styles.root}>
|
|
23
|
+
<div>
|
|
24
|
+
<Text variant="bold">{heading}</Text>
|
|
25
|
+
<Text color="grey11">
|
|
26
|
+
A field is an input for content (e.g. text, images, links).
|
|
27
|
+
</Text>
|
|
28
|
+
</div>
|
|
29
|
+
<Button
|
|
30
|
+
color="grey"
|
|
31
|
+
onClick={() => onActionClick()}
|
|
32
|
+
data-testid={actionTestId}
|
|
33
|
+
startIcon="add"
|
|
34
|
+
>
|
|
35
|
+
Add a field
|
|
36
|
+
</Button>
|
|
37
|
+
</div>
|
|
38
|
+
);
|
|
39
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ZoneEmptyState } from "./ZoneEmptyState";
|
|
@@ -10,10 +10,11 @@ import { getContentTypeForTracking } from "@/utils/getContentTypeForTracking";
|
|
|
10
10
|
import SelectFieldTypeModal from "../SelectFieldTypeModal";
|
|
11
11
|
import Card from "./Card";
|
|
12
12
|
import NewField from "./Card/components/NewField";
|
|
13
|
-
import
|
|
13
|
+
import { ZoneEmptyState } from "./components/ZoneEmptyState";
|
|
14
14
|
|
|
15
15
|
const Zone = ({
|
|
16
16
|
zoneType /* type of the zone: customType or slice */,
|
|
17
|
+
zoneTypeFormat /* format of the zone: page or custom */,
|
|
17
18
|
tabId,
|
|
18
19
|
title /* text info to display in Card Header */,
|
|
19
20
|
fields /* widgets registered in the zone */,
|
|
@@ -30,6 +31,8 @@ const Zone = ({
|
|
|
30
31
|
renderFieldAccessor /* render field accessor (eg. slice.primary.title) */,
|
|
31
32
|
testId,
|
|
32
33
|
isRepeatableCustomType,
|
|
34
|
+
emptyStateHeading,
|
|
35
|
+
emptyStateActionTestId,
|
|
33
36
|
}) => {
|
|
34
37
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
35
38
|
const widgetsArrayWithCondUid = (() => {
|
|
@@ -110,7 +113,7 @@ const Zone = ({
|
|
|
110
113
|
color="grey"
|
|
111
114
|
disabled={newFieldData !== null}
|
|
112
115
|
>
|
|
113
|
-
Add a
|
|
116
|
+
Add a field
|
|
114
117
|
</Button>
|
|
115
118
|
</>
|
|
116
119
|
) : undefined
|
|
@@ -121,13 +124,15 @@ const Zone = ({
|
|
|
121
124
|
{
|
|
122
125
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/strict-boolean-expressions
|
|
123
126
|
fields.length === 0 && !newFieldData ? (
|
|
124
|
-
<
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
127
|
+
<ZoneEmptyState
|
|
128
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
|
|
129
|
+
zoneType={getResolvedZoneType(zoneType, zoneTypeFormat)}
|
|
130
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
131
|
+
heading={emptyStateHeading}
|
|
132
|
+
onActionClick={() => enterSelectMode()}
|
|
133
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
134
|
+
actionTestId={emptyStateActionTestId}
|
|
135
|
+
/>
|
|
131
136
|
) : // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/strict-boolean-expressions
|
|
132
137
|
fields.length > 0 || newFieldData ? (
|
|
133
138
|
<BaseStyles>
|
|
@@ -224,4 +229,20 @@ Zone.propTypes = {
|
|
|
224
229
|
),
|
|
225
230
|
};
|
|
226
231
|
|
|
232
|
+
/**
|
|
233
|
+
* Determines the resolved type of a given zone type.
|
|
234
|
+
*
|
|
235
|
+
* @param {"customType" | "slice"} zoneType - The type of the zone.
|
|
236
|
+
* @param {"page" | "custom"} [format] - The format of the zone type (if applicable).
|
|
237
|
+
*
|
|
238
|
+
* @returns {"custom type" | "page type" | "slice"}
|
|
239
|
+
*/
|
|
240
|
+
function getResolvedZoneType(zoneType, format) {
|
|
241
|
+
if (zoneType === "customType") {
|
|
242
|
+
return format === "page" ? "page type" : "custom type";
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
return zoneType;
|
|
246
|
+
}
|
|
247
|
+
|
|
227
248
|
export default Zone;
|