slice-machine-ui 2.10.4 → 2.10.5-alpha.repeatable-link.1
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/{TSfrPdEKkCHXYNIYVyUf7 → 9cvB5kCnVWYEQtIjOhQoN}/_buildManifest.js +1 -1
- package/out/_next/static/chunks/{150-57d904e6c95df911.js → 150-f8f030eff6ef39d8.js} +1 -1
- package/out/_next/static/chunks/429-69539ad37eaee432.js +8 -0
- package/out/_next/static/chunks/882-04ebff004aefbf0d.js +1 -0
- package/out/_next/static/chunks/pages/{_app-ff8353cb294ba5ba.js → _app-93f16453a77f3dca.js} +2 -2
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]-2996dc029490e7b2.js +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 +6 -5
- package/src/legacy/lib/builders/CustomTypeBuilder/TabZone/index.tsx +2 -13
- package/src/legacy/lib/builders/SliceBuilder/FieldZones/index.tsx +3 -15
- package/src/legacy/lib/builders/common/Zone/Card/components/Hints/index.tsx +1 -0
- package/src/legacy/lib/builders/common/Zone/index.jsx +1 -1
- package/src/legacy/lib/models/common/widgets/ContentRelationship/index.ts +1 -0
- package/src/legacy/lib/models/common/widgets/Group/ListItem/index.jsx +3 -12
- package/src/legacy/lib/models/common/widgets/Link/Form.jsx +35 -37
- package/src/legacy/lib/models/common/widgets/Link/components.tsx +52 -11
- package/src/legacy/lib/models/common/widgets/Link/index.ts +9 -3
- package/src/legacy/lib/models/common/widgets/LinkToMedia/Form.jsx +12 -15
- package/src/legacy/lib/models/common/widgets/LinkToMedia/index.ts +1 -0
- package/src/utils/tracking/trackFieldAdded.ts +33 -0
- package/out/_next/static/chunks/429-6b3405d9cee75624.js +0 -10
- package/out/_next/static/chunks/882-e9ccd4aa9d3ac48a.js +0 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]-5acaf1fca398a36c.js +0 -1
- /package/out/_next/static/{TSfrPdEKkCHXYNIYVyUf7 → 9cvB5kCnVWYEQtIjOhQoN}/_ssgManifest.js +0 -0
- /package/src/utils/{getContentTypeForTracking.ts → tracking/getContentTypeForTracking.ts} +0 -0
package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]-2996dc029490e7b2.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[136],{31314:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/slices/[lib]/[sliceName]/[variation]",function(){return n(40696)}])},44570:function(e,t,n){"use strict";n.d(t,{Z:function(){return l}});var i=n(5632),r=n(56580),o=n(68916);let a=(e,t,n)=>{var i;let r=null===(i=(0,o.Sd)(e))||void 0===i?void 0:i.find(e=>e.name.replace(/\//g,"--")===t);return null==r?void 0:r.components.find(e=>e.model.name===n)};var l=()=>{let e=(0,i.useRouter)(),{slice:t}=(0,r.v9)(t=>({slice:a(t,e.query.lib,e.query.sliceName)}));if(!t)return{};let n=t.model.variations.find(t=>t.id===e.query.variation);return n?{slice:t,variation:n}:{}}},40696:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return eL}});var i=n(52322),r=n(97729),o=n.n(r),a=n(5632),l=n(74217),s=n(2784),d=n(93188),c=n(80546),u=n(43874),m=n(41067);let h=(0,s.createContext)(void 0);function p(e){let{children:t,initialSlice:n}=e,r=(0,a.useRouter)(),[o,p]=(0,s.useState)(n),{actionQueueStatus:v,setNextAction:f}=(0,u.c)({errorMessage:"Failed to save slice. Check your browser's console for more information."}),{saveSliceSuccess:x}=(0,m.Z)(),y=(0,l.R9)(x),{syncChanges:g}=(0,c.g)(),j=(0,s.useMemo)(()=>{let e=r.query.variation,t=o.model.variations.find(t=>t.id===e);if(t)return t;throw Error("Variation not found")},[o,r]),b=(0,s.useCallback)((e,t)=>{p(e),f(async()=>{let{errors:n}=await (0,d.Ve)(e);if(n.length>0)throw n;let{errors:i,mocks:r}=await (0,d.pL)({libraryID:e.from,sliceID:e.model.id});if(i.length>0)throw i;y({...e,mocks:r}),g(),null==t||t()})},[f,y,g]),w=(0,s.useMemo)(()=>({actionQueueStatus:v,slice:o,setSlice:b,variation:j}),[v,o,b,j]);return(0,i.jsx)(h.Provider,{value:w,children:"function"==typeof t?t(w):t})}function v(){let e=(0,s.useContext)(h);if(!e)throw Error("SliceBuilderProvider not found");return e}var f=n(44570),x=n(33760),y=n(23335),g=n(6697),j=n(30988),b=n(18566),w=n(70647);async function C(e){let{errors:t,model:n}=await w.managerClient.customTypes.readCustomType({id:e});if(t.length>0)throw t;return n}var S=n(63447),I=n(5813),k=n(10635);let T=e=>(0,i.jsxs)("svg",{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"})]}),E=()=>{let{source:e}=(0,I.l)(),t=function(e){let t=(0,S.Ag)(e.query);return void 0!==t&&(0,S.ne)(e.asPath,t)?t:void 0}(e);return void 0!==t?(0,i.jsx)(j.S,{children:(0,i.jsx)(s.Suspense,{children:(0,i.jsx)(x.xu,{bottom:32,justifyContent:"center",position:"fixed",right:0,width:"100vw",children:(0,i.jsx)(R,{sourceCustomTypeId:t})})})}):null},R=e=>{let{sourceCustomTypeId:t}=e,n=(0,b.QT)(C,[t]),[r,o]=(0,s.useState)(!0),l=(0,a.useRouter)();if(void 0===n||!r)return null;{let{format:e,id:t}=n,r=S.cd[e].getBuilderPagePathname(t);return(0,i.jsxs)(x.hE,{density:"compact",color:"dark",children:[(0,i.jsxs)(x.zx,{onClick:()=>{l.push(r)},renderStartIcon:()=>(0,i.jsx)(T,{}),children:["Return to ",n.label]}),(0,i.jsx)(x.zx,{onClick:()=>{o(!1)},renderStartIcon:()=>(0,i.jsx)(k.T,{})})]})}};var A=n(67677),D=n(56580),_=n(33710),L=n(99044),O=n(29184),F=n(17186),z=n(17467);let N=e=>{let{children:t,open:n,onClose:r}=e;return(0,i.jsxs)(L.zs,{open:n,trigger:t,onClose:r,children:[(0,i.jsx)(L.Ev,{children:"Simulate your slices"}),(0,i.jsx)(L.LB,{component:"video",cloudName:"dmtf1daqp",loop:!1,autoPlay:!1,publicId:F.Sn,poster:"/simulator-video-thumbnail.png",controls:!0,onPlay:()=>{d.Xe.track({event:"open-video-tutorials",video:F.Sn})}}),(0,i.jsx)(L.OJ,{children:"Minimize context-switching by previewing your Slice components in the simulator."}),(0,i.jsx)(L.Rp,{children:"Got it"})]})};var V=e=>{let{disabled:t}=e,n=(0,a.useRouter)(),r=(0,s.useRef)(null),{setSeenSimulatorToolTip:o}=(0,m.Z)(),{hasSeenSimulatorTooltip:l}=(0,D.v9)(e=>({hasSeenSimulatorTooltip:(0,z.bv)(e)}));(0,s.useEffect)(()=>{let e=r.current;e&&!l&&setTimeout(()=>_.Z.show(e),5e3)},[l]);let d=()=>{if(o(),r.current){let{current:e}=r;_.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)(N,{open:!l,onClose:d,children:(0,i.jsx)(x.zx,{"data-tip":!0,"data-testid":"simulator-open-button",onClick:()=>{d(),window.open("".concat(n.asPath,"/simulator"),F.pq)},disabled:t,renderStartIcon:()=>(0,i.jsx)(O.z,{color:x.rS.color.grey1,height:"24px",style:{transform:"scale(calc(4 / 3))"},width:"24px"}),children:"Simulate"})})})},P=n(88866),M=n(28316),Z=n(88932),K=n(80775),q=n(3181),H=n(64602),B=n(18183),X=n(2439),W=n(80410),G=n(67875),U=n(85357),Y=n(99510),Q=n(50268);let $=[G.C.Image,G.C.Text,G.C.StructuredText,G.C.Link,G.C.Select,G.C.Boolean,G.C.Number,G.C.Color,G.C.Date,G.C.Embed,G.C.Timestamp,G.C.GeoPoint,G.C.ContentRelationship,G.C.LinkToMedia],J=[G.C.Group,...$];var ee=()=>{let{slice:e,setSlice:t,variation:n}=v(),[r,o]=(0,s.useState)(!1),a=!!(n.items&&Object.keys(n.items).length>0),l=i=>r=>{if(i===W.Rt.Items&&n.items&&Object.keys(n.items).length<=1){o(!0);return}t((0,q.AK)({slice:e,variationId:n.id,widgetArea:i,fieldId:r}))},d=(i,r)=>{let{apiId:o,newKey:a,value:l,isNewGroupField:s}=r;t((0,q.L4)({slice:e,variationId:n.id,widgetArea:i,previousFieldId:o,newFieldId:a,newField:l}),()=>{!0===s&&Z.Am.success("Group added")})},c=(i,r)=>{let{apiId:o,value:a}=r,{type:l}=a,s=J.find(e=>e.CUSTOM_NAME===l||e.TYPE_NAME===l);if(!s)throw Error("Unsupported Field Type: ".concat(l));try{s.schema.validateSync(a,{stripUnknown:!1})}catch(e){throw Error('Model is invalid for widget "'.concat(a.type,'".'))}t((0,q.xS)({slice:e,variationId:n.id,widgetArea:i,newFieldId:o,newField:a.type===P.GroupFieldType?X.Fl.fromSM(a):a}),()=>{Z.Am.success("".concat("Group"===l?"Group":"Field"," added"))}),(0,Q.V)({id:o,field:a})},u=e=>t=>""===t.apiId?c(e,{...t,apiId:t.newKey}):d(e,t),m=i=>r=>{if((0,U.uS)(r))return;let{source:o,destination:a}=r;if(!a)return;let l=(0,q.gR)({slice:e,variationId:n.id,widgetArea:i,sourceIndex:o.index,destinationIndex:a.index});(0,M.flushSync)(()=>t(l))};return(0,i.jsxs)(K.aV,{children:[(0,i.jsx)(B.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:n.primary,EditModal:H.Z,widgetsArray:J,onDeleteItem:l(W.Rt.Primary),onSave:u(W.Rt.Primary),onDragEnd:m(W.Rt.Primary),poolOfFieldsToCheck:n.primary||[],renderHintBase:e=>{let{item:t}=e;return"slice.primary".concat((0,Y.Ti)(t.key))},renderFieldAccessor:e=>"slice.primary".concat((0,Y.Ti)(e)),testId:"static-zone-content",isRepeatableCustomType:void 0,emptyStateHeading:void 0}),a?(0,i.jsx)(B.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:$,fields:n.items,EditModal:H.Z,onDeleteItem:l(W.Rt.Items),onSave:u(W.Rt.Items),onDragEnd:m(W.Rt.Items),poolOfFieldsToCheck:n.items||[],renderHintBase:e=>{let{item:t}=e;return"item".concat((0,Y.Ti)(t.key))},renderFieldAccessor:e=>"slice.items[i]".concat((0,Y.Ti)(e)),testId:"slice-repeatable-zone",isRepeatableCustomType:void 0,emptyStateHeading:"No fields"}):null,(0,i.jsxs)(x.Vq,{size:"small",open:r,onOpenChange:e=>o(e),children:[(0,i.jsx)(x.fK,{icon:"delete",title:"Delete field"}),(0,i.jsxs)(x.cZ,{children:[(0,i.jsx)(x.xu,{padding:24,gap:12,flexDirection:"column",children:e.model.variations.length>1?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("strong",{children:["This action will permanently remove the repeatable zone from the ",e.model.name," slice ",n.name," variation."]}),(0,i.jsx)("div",{children:"Other variations will be left untouched. To reimplement repeatable fields later, use a group field instead of the repeatable zone."})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("strong",{children:["This action will permanently remove the repeatable zone from the ",e.model.name,"."]}),(0,i.jsx)("div",{children:"To reimplement repeatable fields later, use a group field instead of the repeatable zone."})]})}),(0,i.jsxs)(x.kX,{children:[(0,i.jsx)(x.PO,{}),(0,i.jsx)(x._d,{color:"tomato",onClick:()=>{t((0,q.Oh)({slice:e,variationId:n.id})),o(!1)},children:"Delete"})]})]})]})]})},et=n(6277),en=n(25198),ei=n.n(en);let er=e=>{let{variant:t="dashed",color:n="currentColor",className:r}=e;return(0,i.jsx)("hr",{className:(0,et.W)(ei()["variant-".concat(t)],r),style:{color:x.rS.color[n]}})};var eo=n(53850),ea=n(89513),el=n(76787);async function es(e){try{let{errors:t}=await (0,d.Ve)(e.component);if(t.length>0)throw t;let{errors:n}=await (0,d.Xi)({libraryID:e.component.from,sliceID:e.component.model.id,variationID:e.variation.id});if(n.length>0)throw n;let{slice:i,errors:r}=await (0,d.X$)(e.component.from,e.component.model.id);if(r.length>0)throw r;if(!i)throw Error("Could not read variation `".concat(e.variation.name,"`"));let{mocks:o}=await (0,d.pL)({libraryID:e.component.from,sliceID:e.component.model.id}),a=ea.Y.getBuilderPagePathname({libraryName:e.component.href,sliceName:i.name,variationId:i.variations[0].id});await e.router.replace(a);let l={...e.component,model:i,mocks:o};return e.saveSliceSuccess(l),l}catch(n){let t="Could not delete variation `".concat(e.variation.name,"`");throw console.error(t,n),Z.Am.error(t),n}}let ed=e=>{let{isOpen:t,onClose:n,slice:r,variation:o}=e,l=(0,a.useRouter)(),[d,c]=(0,s.useState)(!1),{saveSliceSuccess:u}=(0,m.Z)(),{setSlice:h}=v();return(0,i.jsxs)(x.Vq,{open:t,onOpenChange:e=>!e&&n(),size:{width:448,height:"auto"},children:[(0,i.jsx)(x.fK,{icon:"delete",title:"Delete variation"}),(0,i.jsx)(x.cZ,{children:(0,i.jsxs)(x.xu,{flexDirection:"column",children:[(0,i.jsxs)(x.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)(ec,{children:"not"})," affect your documents until you ",(0,i.jsx)(ec,{children:"edit"})," ","them manually."]}),(0,i.jsxs)(x.kX,{children:[(0,i.jsx)(x.PO,{size:"medium"}),(0,i.jsx)(x._d,{size:"medium",color:"tomato",onClick:()=>{o&&(async()=>{c(!0);try{let e=await es({component:r,router:l,saveSliceSuccess:u,variation:o});h(e)}catch(e){}c(!1),n()})()},loading:d,children:"Delete"})]})]})})]})},ec=e=>(0,i.jsx)(x.xv,{...e,color:"inherit",component:"span",variant:"bold"});var eu=n(30195);async function em(e){try{let{errors:t}=await (0,d.Ve)(e.component);if(t.length>0)throw t;let{errors:n}=await (0,d.eH)(e.component,{...e.variation,name:e.variationName});if(n.length>0)throw n;let{slice:i,errors:r}=await (0,d.X$)(e.component.from,e.component.model.id);if(r.length>0)throw r;if(!i)throw Error("Could not read variation `".concat(e.variation.name,"`"));let{mocks:o}=await (0,d.pL)({libraryID:e.component.from,sliceID:e.component.model.id}),a={...e.component,model:i,mocks:o};return e.saveSliceSuccess(a),a}catch(n){let t="Could not rename variation `".concat(e.variation.name,"`");throw console.error(t,n),Z.Am.error(t),n}}let eh=e=>{let{isOpen:t,onClose:n,slice:r,variation:o}=e,[a,d]=(0,s.useState)(!1),[c,u]=(0,s.useState)(""),[h,p]=(0,s.useState)(),{setSlice:f}=v(),{saveSliceSuccess:y}=(0,m.Z)();return(0,l.pQ)(t,()=>{if(t&&(null==o?void 0:o.name)!==c){var e;u(null!==(e=null==o?void 0:o.name)&&void 0!==e?e:""),p(void 0)}}),(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(x.Vq,{open:t,onOpenChange:e=>!e&&n(),size:{width:448,height:"auto"},children:[(0,i.jsx)(x.fK,{icon:"edit",title:"Rename variation"}),(0,i.jsx)(x.cZ,{children:(0,i.jsxs)(x.l0,{onSubmit:function(){if(!h&&o){d(!0);try{em({component:r,saveSliceSuccess:y,variation:o,variationName:c.trim()}).then(e=>{f(e)})}catch(e){}d(!1),n()}},children:[(0,i.jsxs)(x.xu,{flexDirection:"column",gap:8,padding:16,children:[(0,i.jsx)(x.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.jsx)(x.xu,{flexDirection:"column",gap:4,children:(0,i.jsx)(x.yt,{type:"text",label:"Variation name *",placeholder:"Variation name",error:h,value:c,onValueChange:function(e){u(e),p(function(e){let t=ep.safeParse(e,{errorMap:ev});if(t.error)return t.error.errors[0].message}(e))}})})]}),(0,i.jsxs)(x.kX,{children:[(0,i.jsx)(x.PO,{size:"medium"}),(0,i.jsx)(x._d,{size:"medium",loading:a,disabled:!!h,children:"Rename"})]})]})})]})})},ep=eu.z.string().min(1),ev=e=>e.code===eu.z.ZodIssueCode.too_small?{message:"This field is required"}:{message:"Invalid value"};var ef=n(39283),ex=n(63397),ey=n(96009),eg=n.n(ey),ej=n(36131),eb=n(75289),ew=n(76805);function eC(e){let{children:t}=e,n=(0,ew.W)();return(0,i.jsx)(eb.kC,{sx:{p:3,pl:4,bg:"headSection",alignItems:"center",justifyContent:"space-between",borderTopLeftRadius:n,borderTopRightRadius:n,borderBottom:e=>{var t;return"1px solid ".concat(null===(t=e.colors)||void 0===t?void 0:t.borders)}},children:t})}var eS=e=>{let{children:t,FooterContent:n,HeaderContent:r,close:o,sx:a={}}=e;return(0,i.jsx)(ew.Z,{borderFooter:!0,footerSx:{p:0},bodySx:{pt:2,pb:4,px:4},sx:{border:"none",...a},Header:(0,i.jsxs)(eC,{children:[r,o?(0,i.jsx)(eb.x8,{onClick:o,type:"button"}):null]}),Footer:n?(0,i.jsxs)(eb.kC,{sx:{alignItems:"space-between",bg:"headSection",p:3},children:[(0,i.jsx)(eb.xu,{sx:{ml:"auto"}}),n]}):null,children:t})},eI=n(11104);let ek=e=>{let{msg:t}=e;return(0,i.jsx)(eb.xv,{as:"span",sx:{fontSize:12,color:"error",mt:"5px",ml:2},children:t||"Error!"})};var eT=e=>{let{isOpen:t,onClose:n,onSubmit:r,initialVariation:o,variations:a}=e,[l,d]=(0,s.useState)({}),[c,u]=(0,s.useState)(""),[m,h]=(0,s.useState)(!0),[p,v]=(0,s.useState)(""),[f,y]=(0,s.useState)({value:o.id,label:o.name}),[g,j]=(0,s.useState)(!1);function b(){w(),n()}function w(){u(""),v(""),d({}),h(!0),y({value:o.id,label:o.name})}async function C(){let e=function(e){let{id:t,name:n,origin:i}=e,r=t&&t.length?null:{id:"Required!"},o=a.find(e=>e.id===t)?{id:"This id already exists!"}:null,l=n&&n.length?null:{name:"Required!"},s=i.value.length&&a.find(e=>e.id===i.value)?null:{id:"You must select an existing variation!"},d=t&&t.length&&!/^[A-Za-z0-9]+([A-Za-z0-9]+)*$/.exec(t)&&{id:"No special characters allowed"};return{...r,...o,...l,...s,...d}}({id:c,name:p,origin:f});if(Object.keys(e).length)d(e);else{let e=a.find(e=>e.id===f.value);e&&(j(!0),await r(c,p,e),j(!1),b())}}return(0,s.useEffect)(()=>{w()},[o,t]),(0,i.jsx)(eI.Z,{isOpen:t,shouldCloseOnOverlayClick:!0,onRequestClose:()=>b(),contentLabel:"Widget Form Modal",style:{content:{maxWidth:"700px"}},children:(0,i.jsx)(ex.J9,{initialValues:{id:c,name:p,origin:f},onSubmit:C,children:(0,i.jsx)(ex.l0,{id:"variation-add",onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),C())},children:(0,i.jsx)(x.xu,{children:(0,i.jsxs)(eS,{sx:{textAlign:"left"},HeaderContent:(0,i.jsx)(eb.xv,{as:"h2",children:"Add new Variation"}),FooterContent:(0,i.jsxs)(x.xu,{gap:16,alignItems:"center",children:[(0,i.jsx)(x.zx,{onClick:b,color:"grey",children:"Cancel"}),(0,i.jsx)(x.zx,{loading:g,children:"Submit"})]}),close:b,children:[(0,i.jsxs)(x.xu,{flexDirection:"column",padding:{block:16},children:[(0,i.jsxs)(eb.__,{htmlFor:"name",sx:{mb:1},children:["Variation name*",l.name?(0,i.jsx)(ek,{msg:l.name}):""]}),(0,i.jsx)(ex.gN,{autoComplete:"off",id:"name",name:"name",placeholder:"e.g. Grid - With Icon",as:eb.II,maxLength:30,value:p,onChange:e=>{var t;v(t=e.currentTarget.value),m&&u(eg()(t))}}),(0,i.jsx)(eb.xv,{children:"It will appear here in Slice Machine, and in the page editor in Prismic"})]}),(0,i.jsxs)(x.xu,{flexDirection:"column",padding:{bottom:16},children:[(0,i.jsxs)(eb.__,{htmlFor:"id",sx:{mb:1},children:["Variation ID*",l.id?(0,i.jsx)(ek,{msg:l.id}):""]}),(0,i.jsx)(ex.gN,{autoComplete:"off",id:"id",name:"id",placeholder:"e.g. GridWithIcon",as:eb.II,maxLength:30,value:c,onChange:e=>{var t;return t=e.currentTarget.value,void(h(!1),u(eg()(t)))}}),(0,i.jsx)(eb.xv,{children:"It's generated automatically based on the variation name and will appear in the API responses."})]}),(0,i.jsxs)(x.xu,{flexDirection:"column",padding:{bottom:8},children:[(0,i.jsx)(eb.__,{htmlFor:"origin",sx:{mb:1},children:"Duplicate from"}),(0,i.jsx)(ej.ZP,{name:"origin",options:a.map(e=>({value:e.id,label:e.name})),onChange:e=>{e&&y(e)},defaultValue:f,maxMenuHeight:150,theme:e=>({...e,colors:{...e.colors,text:"text",primary:"background"}})})]})]})})})})})},eE=n(828),eR=n.n(eE);let eA=e=>{let{horizontalScroll:t=!1}=e,{slice:n,variation:r,setSlice:o}=v(),[l,c]=(0,s.useState)(),u=(0,el.H)(),{sliceFilterFn:h,defaultVariationSelector:p,onUploadSuccess:f}=u.modalPayload,y=(0,a.useRouter)(),{saveSliceSuccess:g}=(0,m.Z)(),j=n.model.variations.length;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(x.xu,{flexDirection:"column",gap:16,children:t?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(er,{variant:"edgeFaded",color:"grey6"}),(0,i.jsxs)(x.xu,{justifyContent:"space-between",children:[(0,i.jsxs)(x.xv,{color:"grey11",children:[j," variation",1!==j&&"s"]}),(0,i.jsx)(x.zx,{onClick:()=>{c({type:"ADD_VARIATION"})},startIcon:"add",color:"grey",children:"Add a variation"})]}),(0,i.jsx)("div",{className:eR().hideScrollbar,style:{height:"240px",position:"relative",marginRight:"-32px",overflowX:"scroll",scrollSnapType:"x mandatory"},children:(0,i.jsx)("div",{style:{position:"absolute",paddingRight:"32px"},children:(0,i.jsx)(x.xu,{flexDirection:"row",gap:16,children:(0,i.jsx)(eD,{screenshotChangesModal:u,setDialog:c,width:320})})})})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(eD,{screenshotChangesModal:u,setDialog:c}),(0,i.jsx)("div",{style:{bottom:x.rS.space[0],marginBottom:"-".concat(x.rS.space[16]),position:"sticky"},children:(0,i.jsxs)(x.xu,{backgroundColor:"grey2",flexDirection:"column",padding:{bottom:40,inline:24},children:[(0,i.jsx)(x.ph,{sx:{left:0,position:"absolute",right:0}}),(0,i.jsx)(x.zx,{color:"grey",onClick:()=>{c({type:"ADD_VARIATION"})},startIcon:"add",sx:{position:"relative"},children:"Add a variation"})]})})]})}),(0,i.jsx)(ef.Z,{slices:h([n]),defaultVariationSelector:p,onUploadSuccess:f}),(0,i.jsx)(eh,{isOpen:(null==l?void 0:l.type)==="RENAME_VARIATION",onClose:()=>{c(void 0)},slice:n,variation:null==l?void 0:l.variation}),(0,i.jsx)(ed,{isOpen:(null==l?void 0:l.type)==="DELETE_VARIATION",onClose:()=>{c(void 0)},slice:n,variation:null==l?void 0:l.variation}),(0,i.jsx)(eT,{initialVariation:r,isOpen:(null==l?void 0:l.type)==="ADD_VARIATION",onClose:()=>{c(void 0)},onSubmit:async(e,t,i)=>{try{let{slice:r,variation:a}=(0,q.Kp)({slice:n,id:e,name:t,copiedVariation:i});await (0,d.Ve)(r),g(r),o(r);let l=ea.Y.getBuilderPagePathname({libraryName:r.href,sliceName:r.model.name,variationId:a.id});y.replace(l)}catch(n){let e="Could not add variation `".concat(t,"`");console.error(e,n),Z.Am.error(e)}},variations:n.model.variations})]})},eD=e=>{let{screenshotChangesModal:t,setDialog:n,width:r}=e,{slice:o,variation:a,setSlice:l}=v(),s={scrollSnapAlign:"start"};return(0,i.jsx)(i.Fragment,{children:o.model.variations.map(e=>(0,i.jsx)("div",{style:void 0!==r?{...s,width:r}:s,children:(0,i.jsx)(eo.b,{action:{type:"menu",onRename:()=>{n({type:"RENAME_VARIATION",variation:e})},onRemove:()=>{n({type:"DELETE_VARIATION",variation:e})},removeDisabled:o.model.variations.length<=1},mode:"navigation",onUpdateScreenshot:()=>{t.onOpenModal({sliceFilterFn:e=>e,defaultVariationSelector:{sliceID:o.model.id,variationID:e.id},onUploadSuccess:e=>{l(e)}})},replace:!0,selected:e.id===a.id,slice:o,variant:"outlined",variationId:e.id},e.id)},e.id))})};var e_=()=>{let{slice:e,actionQueueStatus:t}=v(),n=(0,x.ac)({max:"large"});return(0,i.jsxs)(A.LN,{children:[(0,i.jsxs)(A.wd,{children:[(0,i.jsx)(A.Xq,{url:"/slices"}),(0,i.jsxs)(A.Cx,{children:[(0,i.jsx)(y.g,{children:"Slices"}),(0,i.jsx)(y.g,{active:!0,children:e.model.name})]}),(0,i.jsxs)(A.K2,{children:[(0,i.jsx)(g.X,{status:t}),(0,i.jsx)(V,{disabled:"done"!==t})]})]}),(0,i.jsxs)(A.RN,{children:[(0,i.jsxs)(x.xu,{display:"grid",alignItems:"flex-start",gap:16,...n?{gridTemplateRows:"304px 1fr"}:{gridTemplateColumns:"320px 1fr"},children:[(0,i.jsx)(eA,{horizontalScroll:n}),(0,i.jsx)(ee,{})]}),(0,i.jsx)(E,{})]})]})};function eL(){let e=(0,a.useRouter)(),{slice:t,variation:n}=(0,f.Z)();return void 0===t||void 0===n?(e.replace("/"),null):(0,i.jsx)(p,{initialSlice:t,children:e=>{let{slice:t}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o(),{children:(0,i.jsxs)("title",{children:[t.model.name," - Slice Machine"]})}),(0,i.jsx)(e_,{})]})}})}},25198:function(e){e.exports={base:"Divider_base__4eT6E","variant-dashed":"Divider_variant-dashed__4Lvrj Divider_base__4eT6E","variant-edgeFaded":"Divider_variant-edgeFaded__049V2 Divider_base__4eT6E"}},828:function(e){e.exports={hideScrollbar:"VariationsList_hideScrollbar__cHCIS"}},76473:function(e,t,n){"use strict";n.d(t,{y1:function(){return j}});var i=n(2784);function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}n(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,t){return void 0===t&&(t=","),e.split(t)}function d(e,t,n){void 0===t&&(t="+");var i=e.toLocaleLowerCase().split(t).map(function(e){return l(e)}),a={alt:i.includes("alt"),ctrl:i.includes("ctrl")||i.includes("control"),shift:i.includes("shift"),meta:i.includes("meta"),mod:i.includes("mod")},s=i.filter(function(e){return!o.includes(e)});return r({},a,{keys:s,description:n})}"undefined"!=typeof document&&(document.addEventListener("keydown",function(e){void 0!==e.key&&m([l(e.key),l(e.code)])}),document.addEventListener("keyup",function(e){void 0!==e.key&&h([l(e.key),l(e.code)])})),"undefined"!=typeof window&&window.addEventListener("blur",function(){c.clear()});var c=new Set;function u(e){return Array.isArray(e)}function m(e){var t=Array.isArray(e)?e:[e];c.has("meta")&&c.forEach(function(e){return!o.includes(e)&&c.delete(e.toLowerCase())}),t.forEach(function(e){return c.add(e.toLowerCase())})}function h(e){var t=Array.isArray(e)?e:[e];"meta"===e?c.clear():t.forEach(function(e){return c.delete(e.toLowerCase())})}function p(e,t){var n=e.target;void 0===t&&(t=!1);var i=n&&n.tagName;return u(t)?!!(i&&t&&t.some(function(e){return e.toLowerCase()===i.toLowerCase()})):!!(i&&t&&!0===t)}var v=function(e,t,n){void 0===n&&(n=!1);var i,r=t.alt,o=t.meta,a=t.mod,s=t.shift,d=t.ctrl,m=t.keys,h=e.key,p=e.code,v=e.ctrlKey,f=e.metaKey,x=e.shiftKey,y=e.altKey,g=l(p),j=h.toLowerCase();if(!n){if(!y===r&&"alt"!==j||!x===s&&"shift"!==j)return!1;if(a){if(!f&&!v)return!1}else if(!f===o&&"meta"!==j&&"os"!==j||!v===d&&"ctrl"!==j&&"control"!==j)return!1}return!!(m&&1===m.length&&(m.includes(j)||m.includes(g)))||(m?(void 0===i&&(i=","),(u(m)?m:m.split(i)).every(function(e){return c.has(e.trim().toLowerCase())})):!m)},f=(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 j(e,t,n,r){var o,a=(0,i.useRef)(null),c=(0,i.useRef)(!1),j=n instanceof Array?r instanceof Array?void 0:r:n,b=u(e)?e.join(null==j?void 0:j.splitKey):e,w=n instanceof Array?n:r instanceof Array?r:void 0,C=(0,i.useCallback)(t,null!=w?w:[]),S=(0,i.useRef)(C);w?S.current=C:S.current=t;var I=(!function e(t,n){return t&&n&&"object"==typeof t&&"object"==typeof n?Object.keys(t).length===Object.keys(n).length&&Object.keys(t).reduce(function(i,r){return i&&e(t[r],n[r])},!0):t===n}((o=(0,i.useRef)(void 0)).current,j)&&(o.current=j),o.current),k=(0,i.useContext)(x).enabledScopes,T=(0,i.useContext)(f);return g(function(){if((null==I?void 0:I.enabled)!==!1&&(e=null==I?void 0:I.scopes,0===k.length&&e?(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):!!(!e||k.some(function(t){return e.includes(t)})||k.includes("*")))){var e,t=function(e,t){var n;if(void 0===t&&(t=!1),!(p(e,["input","textarea","select"])&&!p(e,null==I?void 0:I.enableOnFormTags)||null!=I&&null!=I.ignoreEventWhen&&I.ignoreEventWhen(e))){if(null!==a.current&&document.activeElement!==a.current&&!a.current.contains(document.activeElement)){y(e);return}(null==(n=e.target)||!n.isContentEditable||null!=I&&I.enableOnContentEditable)&&s(b,null==I?void 0:I.splitKey).forEach(function(n){var i,r,o,a=d(n,null==I?void 0:I.combinationKey);if(v(e,a,null==I?void 0:I.ignoreModifiers)||null!=(o=a.keys)&&o.includes("*")){if(t&&c.current)return;if(("function"==typeof(i=null==I?void 0:I.preventDefault)&&i(e,a)||!0===i)&&e.preventDefault(),"function"==typeof(r=null==I?void 0:I.enabled)?!r(e,a):!0!==r&&void 0!==r){y(e);return}S.current(e,a),t||(c.current=!0)}})}},n=function(e){void 0!==e.key&&(m(l(e.code)),((null==I?void 0:I.keydown)===void 0&&(null==I?void 0:I.keyup)!==!0||null!=I&&I.keydown)&&t(e))},i=function(e){void 0!==e.key&&(h(l(e.code)),c.current=!1,null!=I&&I.keyup&&t(e,!0))},r=a.current||(null==j?void 0:j.document)||document;return r.addEventListener("keyup",i),r.addEventListener("keydown",n),T&&s(b,null==I?void 0:I.splitKey).forEach(function(e){return T.addHotkey(d(e,null==I?void 0:I.combinationKey,null==I?void 0:I.description))}),function(){r.removeEventListener("keyup",i),r.removeEventListener("keydown",n),T&&s(b,null==I?void 0:I.splitKey).forEach(function(e){return T.removeHotkey(d(e,null==I?void 0:I.combinationKey,null==I?void 0:I.description))})}}},[b,I,k]),a}}},function(e){e.O(0,[898,789,917,525,461,139,183,50,349,772,882,639,888,774,179],function(){return e(e.s=31314)}),_N_E=e.O()}]);
|
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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-93f16453a77f3dca.js" defer=""></script><script src="/_next/static/chunks/59b4e022-8e544a511d670317.js" defer=""></script><script src="/_next/static/chunks/183-b1a9f55f45cb8d8e.js" defer=""></script><script src="/_next/static/chunks/870-a72b74312773efea.js" defer=""></script><script src="/_next/static/chunks/pages/changelog-365aa7a2d23e3fdf.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_buildManifest.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changelog","query":{},"buildId":"9cvB5kCnVWYEQtIjOhQoN","runtimeConfig":{"sentryEnvironment":"alpha"},"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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><link rel="preload" href="/_next/static/css/9d17b7d9f44c5c5d.css" as="style"/><link rel="stylesheet" href="/_next/static/css/9d17b7d9f44c5c5d.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><link rel="preload" href="/_next/static/css/9d17b7d9f44c5c5d.css" as="style"/><link rel="stylesheet" href="/_next/static/css/9d17b7d9f44c5c5d.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-93f16453a77f3dca.js" defer=""></script><script src="/_next/static/chunks/59b4e022-8e544a511d670317.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/8eec4907-b712959d9f984b68.js" defer=""></script><script src="/_next/static/chunks/918-38ab72e6ee071fec.js" defer=""></script><script src="/_next/static/chunks/772-936f6233f8a2b1f1.js" defer=""></script><script src="/_next/static/chunks/639-424b570eee9a37fb.js" defer=""></script><script src="/_next/static/chunks/pages/changes-9e1acd7a02b2cbcb.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_buildManifest.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/changes","query":{},"buildId":"9cvB5kCnVWYEQtIjOhQoN","runtimeConfig":{"sentryEnvironment":"alpha"},"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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><link rel="preload" href="/_next/static/css/850c81be38195a0f.css" as="style"/><link rel="stylesheet" href="/_next/static/css/850c81be38195a0f.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><link rel="preload" href="/_next/static/css/850c81be38195a0f.css" as="style"/><link rel="stylesheet" href="/_next/static/css/850c81be38195a0f.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-93f16453a77f3dca.js" defer=""></script><script src="/_next/static/chunks/59b4e022-8e544a511d670317.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-642bc2ece03445a4.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/183-b1a9f55f45cb8d8e.js" defer=""></script><script src="/_next/static/chunks/50-586dc7ab5e584e76.js" defer=""></script><script src="/_next/static/chunks/349-6ad3cca7ea294292.js" defer=""></script><script src="/_next/static/chunks/479-6205c85aa978fc0b.js" defer=""></script><script src="/_next/static/chunks/772-936f6233f8a2b1f1.js" defer=""></script><script src="/_next/static/chunks/372-1608c5e5b72cce7b.js" defer=""></script><script src="/_next/static/chunks/882-04ebff004aefbf0d.js" defer=""></script><script src="/_next/static/chunks/150-f8f030eff6ef39d8.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types/%5BcustomTypeId%5D-2eb64c9ea82fcd0a.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_buildManifest.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_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":"9cvB5kCnVWYEQtIjOhQoN","runtimeConfig":{"sentryEnvironment":"alpha"},"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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><link rel="preload" href="/_next/static/css/4e475d945cf8a890.css" as="style"/><link rel="stylesheet" href="/_next/static/css/4e475d945cf8a890.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><link rel="preload" href="/_next/static/css/4e475d945cf8a890.css" as="style"/><link rel="stylesheet" href="/_next/static/css/4e475d945cf8a890.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-93f16453a77f3dca.js" defer=""></script><script src="/_next/static/chunks/372-1608c5e5b72cce7b.js" defer=""></script><script src="/_next/static/chunks/764-30e2601a1647371a.js" defer=""></script><script src="/_next/static/chunks/pages/custom-types-ddc20cfdd8049c04.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_buildManifest.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/custom-types","query":{},"buildId":"9cvB5kCnVWYEQtIjOhQoN","runtimeConfig":{"sentryEnvironment":"alpha"},"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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><link rel="preload" href="/_next/static/css/4e475d945cf8a890.css" as="style"/><link rel="stylesheet" href="/_next/static/css/4e475d945cf8a890.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><link rel="preload" href="/_next/static/css/4e475d945cf8a890.css" as="style"/><link rel="stylesheet" href="/_next/static/css/4e475d945cf8a890.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-93f16453a77f3dca.js" defer=""></script><script src="/_next/static/chunks/372-1608c5e5b72cce7b.js" defer=""></script><script src="/_next/static/chunks/764-30e2601a1647371a.js" defer=""></script><script src="/_next/static/chunks/pages/index-17f953c11b46cb20.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_buildManifest.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"9cvB5kCnVWYEQtIjOhQoN","runtimeConfig":{"sentryEnvironment":"alpha"},"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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-93f16453a77f3dca.js" defer=""></script><script src="/_next/static/chunks/pages/labs-1a00abe937ba05e7.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_buildManifest.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/labs","query":{},"buildId":"9cvB5kCnVWYEQtIjOhQoN","runtimeConfig":{"sentryEnvironment":"alpha"},"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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><link rel="preload" href="/_next/static/css/850c81be38195a0f.css" as="style"/><link rel="stylesheet" href="/_next/static/css/850c81be38195a0f.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><link rel="preload" href="/_next/static/css/850c81be38195a0f.css" as="style"/><link rel="stylesheet" href="/_next/static/css/850c81be38195a0f.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-93f16453a77f3dca.js" defer=""></script><script src="/_next/static/chunks/59b4e022-8e544a511d670317.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-642bc2ece03445a4.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/183-b1a9f55f45cb8d8e.js" defer=""></script><script src="/_next/static/chunks/50-586dc7ab5e584e76.js" defer=""></script><script src="/_next/static/chunks/349-6ad3cca7ea294292.js" defer=""></script><script src="/_next/static/chunks/479-6205c85aa978fc0b.js" defer=""></script><script src="/_next/static/chunks/772-936f6233f8a2b1f1.js" defer=""></script><script src="/_next/static/chunks/372-1608c5e5b72cce7b.js" defer=""></script><script src="/_next/static/chunks/882-04ebff004aefbf0d.js" defer=""></script><script src="/_next/static/chunks/150-f8f030eff6ef39d8.js" defer=""></script><script src="/_next/static/chunks/pages/page-types/%5BpageTypeId%5D-e5a5e6b345081e0a.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_buildManifest.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_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":"9cvB5kCnVWYEQtIjOhQoN","runtimeConfig":{"sentryEnvironment":"alpha"},"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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><link rel="preload" href="/_next/static/css/e5f781f20e24a5ea.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e5f781f20e24a5ea.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><link rel="preload" href="/_next/static/css/e5f781f20e24a5ea.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e5f781f20e24a5ea.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-93f16453a77f3dca.js" defer=""></script><script src="/_next/static/chunks/pages/settings-8f999bb96b738ab6.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_buildManifest.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/settings","query":{},"buildId":"9cvB5kCnVWYEQtIjOhQoN","runtimeConfig":{"sentryEnvironment":"alpha"},"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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-93f16453a77f3dca.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/429-69539ad37eaee432.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-d5df6446669f32d9.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_buildManifest.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_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":"9cvB5kCnVWYEQtIjOhQoN","runtimeConfig":{"sentryEnvironment":"alpha"},"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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><link rel="preload" href="/_next/static/css/9740e73b8aa87666.css" as="style"/><link rel="stylesheet" href="/_next/static/css/9740e73b8aa87666.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><link rel="preload" href="/_next/static/css/9740e73b8aa87666.css" as="style"/><link rel="stylesheet" href="/_next/static/css/9740e73b8aa87666.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-93f16453a77f3dca.js" defer=""></script><script src="/_next/static/chunks/59b4e022-8e544a511d670317.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/f36c6662-1f3a854183168b10.js" defer=""></script><script src="/_next/static/chunks/4c744e84-642bc2ece03445a4.js" defer=""></script><script src="/_next/static/chunks/065a3ddb-9a38ca0d60f0bf2f.js" defer=""></script><script src="/_next/static/chunks/1cc2734a-09fb3b997ad1eb70.js" defer=""></script><script src="/_next/static/chunks/183-b1a9f55f45cb8d8e.js" defer=""></script><script src="/_next/static/chunks/50-586dc7ab5e584e76.js" defer=""></script><script src="/_next/static/chunks/349-6ad3cca7ea294292.js" defer=""></script><script src="/_next/static/chunks/772-936f6233f8a2b1f1.js" defer=""></script><script src="/_next/static/chunks/882-04ebff004aefbf0d.js" defer=""></script><script src="/_next/static/chunks/639-424b570eee9a37fb.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-2996dc029490e7b2.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_buildManifest.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_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":"9cvB5kCnVWYEQtIjOhQoN","runtimeConfig":{"sentryEnvironment":"alpha"},"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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><link rel="preload" href="/_next/static/css/b5323377600915db.css" as="style"/><link rel="stylesheet" href="/_next/static/css/b5323377600915db.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
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/6523b5bbc256dae9.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6523b5bbc256dae9.css" data-n-g=""/><link rel="preload" href="/_next/static/css/b5323377600915db.css" as="style"/><link rel="stylesheet" href="/_next/static/css/b5323377600915db.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-a31bc948075f7bde.js" defer=""></script><script src="/_next/static/chunks/main-8e15d66b38d840e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-93f16453a77f3dca.js" defer=""></script><script src="/_next/static/chunks/59b4e022-8e544a511d670317.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/50-586dc7ab5e584e76.js" defer=""></script><script src="/_next/static/chunks/772-936f6233f8a2b1f1.js" defer=""></script><script src="/_next/static/chunks/639-424b570eee9a37fb.js" defer=""></script><script src="/_next/static/chunks/pages/slices-6cfac30e3c77980d.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_buildManifest.js" defer=""></script><script src="/_next/static/9cvB5kCnVWYEQtIjOhQoN/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"9cvB5kCnVWYEQtIjOhQoN","runtimeConfig":{"sentryEnvironment":"alpha"},"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": "2.10.
|
|
3
|
+
"version": "2.10.5-alpha.repeatable-link.1",
|
|
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": {
|
|
@@ -36,8 +36,8 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@radix-ui/react-visually-hidden": "1.0.3",
|
|
39
|
-
"@slicemachine/manager": "0.22.
|
|
40
|
-
"start-slicemachine": "0.12.
|
|
39
|
+
"@slicemachine/manager": "0.22.5-alpha.repeatable-link.1",
|
|
40
|
+
"start-slicemachine": "0.12.39-alpha.repeatable-link.1"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
43
|
"@emotion/react": "11.11.1",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"@prismicio/mock": "0.3.3",
|
|
50
50
|
"@prismicio/mocks": "2.4.0",
|
|
51
51
|
"@prismicio/simulator": "0.1.4",
|
|
52
|
-
"@prismicio/types-internal": "
|
|
52
|
+
"@prismicio/types-internal": "3.1.0-alpha.4",
|
|
53
53
|
"@radix-ui/react-hover-card": "1.0.6",
|
|
54
54
|
"@radix-ui/react-tabs": "1.0.4",
|
|
55
55
|
"@reach/menu-button": "0.18.0",
|
|
@@ -135,5 +135,6 @@
|
|
|
135
135
|
"vitest": "0.32.0",
|
|
136
136
|
"yup": "0.32.11",
|
|
137
137
|
"zod": "3.23.8"
|
|
138
|
-
}
|
|
138
|
+
},
|
|
139
|
+
"stableVersion": "2.10.4"
|
|
139
140
|
}
|
|
@@ -9,7 +9,6 @@ import type { DropResult } from "react-beautiful-dnd";
|
|
|
9
9
|
import { flushSync } from "react-dom";
|
|
10
10
|
import { toast } from "react-toastify";
|
|
11
11
|
|
|
12
|
-
import { telemetry } from "@/apiClient";
|
|
13
12
|
import { List } from "@/components/List";
|
|
14
13
|
import {
|
|
15
14
|
addField,
|
|
@@ -36,7 +35,7 @@ import {
|
|
|
36
35
|
ensureWidgetTypeExistence,
|
|
37
36
|
} from "@/legacy/lib/utils";
|
|
38
37
|
import { transformKeyAccessor } from "@/legacy/lib/utils/str";
|
|
39
|
-
import {
|
|
38
|
+
import { trackFieldAdded } from "@/utils/tracking/trackFieldAdded";
|
|
40
39
|
|
|
41
40
|
import EditModal from "../../common/EditModal";
|
|
42
41
|
import Zone from "../../common/Zone";
|
|
@@ -140,17 +139,7 @@ const TabZone: FC<TabZoneProps> = ({ tabId }) => {
|
|
|
140
139
|
toast.success(`${field.type === "Group" ? "Group" : "Field"} added`);
|
|
141
140
|
});
|
|
142
141
|
|
|
143
|
-
|
|
144
|
-
event: "field:added",
|
|
145
|
-
id,
|
|
146
|
-
name: label,
|
|
147
|
-
type: newField.type,
|
|
148
|
-
isInAGroup: false,
|
|
149
|
-
contentType: getContentTypeForTracking(window.location.pathname),
|
|
150
|
-
...(newField.type === "Link" && {
|
|
151
|
-
allowText: newField.config?.allowText,
|
|
152
|
-
}),
|
|
153
|
-
});
|
|
142
|
+
trackFieldAdded({ id, field: newField });
|
|
154
143
|
};
|
|
155
144
|
|
|
156
145
|
const onDragEnd = (result: DropResult) => {
|
|
@@ -16,7 +16,6 @@ import { DropResult } from "react-beautiful-dnd";
|
|
|
16
16
|
import { flushSync } from "react-dom";
|
|
17
17
|
import { toast } from "react-toastify";
|
|
18
18
|
|
|
19
|
-
import { telemetry } from "@/apiClient";
|
|
20
19
|
import { List } from "@/components/List";
|
|
21
20
|
import {
|
|
22
21
|
addField,
|
|
@@ -36,7 +35,7 @@ import {
|
|
|
36
35
|
import { Widgets } from "@/legacy/lib/models/common/widgets";
|
|
37
36
|
import { ensureDnDDestination } from "@/legacy/lib/utils";
|
|
38
37
|
import { transformKeyAccessor } from "@/legacy/lib/utils/str";
|
|
39
|
-
import {
|
|
38
|
+
import { trackFieldAdded } from "@/utils/tracking/trackFieldAdded";
|
|
40
39
|
|
|
41
40
|
const dataTipText = ` The non-repeatable zone
|
|
42
41
|
is for fields<br/> that should appear once, like a<br/>
|
|
@@ -128,8 +127,7 @@ const FieldZones: FC = () => {
|
|
|
128
127
|
widgetArea: WidgetsArea,
|
|
129
128
|
{ apiId: id, value: newField }: OnSaveFieldProps,
|
|
130
129
|
) => {
|
|
131
|
-
const { type: widgetTypeName
|
|
132
|
-
const label = config?.label ?? "";
|
|
130
|
+
const { type: widgetTypeName } = newField;
|
|
133
131
|
|
|
134
132
|
const widget = primaryWidgetsArray.find(
|
|
135
133
|
(sliceBuilderWidget) =>
|
|
@@ -159,17 +157,7 @@ const FieldZones: FC = () => {
|
|
|
159
157
|
toast.success(`${widgetTypeName === "Group" ? "Group" : "Field"} added`);
|
|
160
158
|
});
|
|
161
159
|
|
|
162
|
-
|
|
163
|
-
event: "field:added",
|
|
164
|
-
id,
|
|
165
|
-
name: label,
|
|
166
|
-
type: newField.type,
|
|
167
|
-
isInAGroup: false,
|
|
168
|
-
contentType: getContentTypeForTracking(window.location.pathname),
|
|
169
|
-
...(newField.type === "Link" && {
|
|
170
|
-
allowText: newField.config?.allowText,
|
|
171
|
-
}),
|
|
172
|
-
});
|
|
160
|
+
trackFieldAdded({ id, field: newField });
|
|
173
161
|
};
|
|
174
162
|
|
|
175
163
|
const _onCreateOrSave = (widgetArea: WidgetsArea) => {
|
|
@@ -24,6 +24,7 @@ const Hint: React.FC<HintProps> = ({
|
|
|
24
24
|
if (item.value.type === "Link") {
|
|
25
25
|
if (item.value.config?.allowText ?? false)
|
|
26
26
|
snippetCacheKey.push("allowText");
|
|
27
|
+
if (item.value.config?.repeat ?? false) snippetCacheKey.push("repeat");
|
|
27
28
|
}
|
|
28
29
|
|
|
29
30
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
@@ -9,7 +9,7 @@ import { fields as allFields } from "@/domain/fields";
|
|
|
9
9
|
import { AddFieldDropdown } from "@/features/builder/AddFieldDropdown";
|
|
10
10
|
import { AddStaticFieldDropdown } from "@/features/builder/AddStaticFieldDropdown";
|
|
11
11
|
import { Widgets } from "@/legacy/lib/models/common/widgets";
|
|
12
|
-
import { getContentTypeForTracking } from "@/utils/getContentTypeForTracking";
|
|
12
|
+
import { getContentTypeForTracking } from "@/utils/tracking/getContentTypeForTracking";
|
|
13
13
|
|
|
14
14
|
import Card from "./Card";
|
|
15
15
|
import { ZoneEmptyState } from "./components/ZoneEmptyState";
|
|
@@ -20,7 +20,8 @@ import { findWidgetByConfigOrType } from "@/legacy/lib/builders/utils";
|
|
|
20
20
|
import { Groups } from "@/legacy/lib/models/common/Group";
|
|
21
21
|
import { ensureDnDDestination } from "@/legacy/lib/utils";
|
|
22
22
|
import { transformKeyAccessor } from "@/legacy/lib/utils/str";
|
|
23
|
-
import { getContentTypeForTracking } from "@/utils/getContentTypeForTracking";
|
|
23
|
+
import { getContentTypeForTracking } from "@/utils/tracking/getContentTypeForTracking";
|
|
24
|
+
import { trackFieldAdded } from "@/utils/tracking/trackFieldAdded";
|
|
24
25
|
|
|
25
26
|
/* eslint-disable */
|
|
26
27
|
export const CustomListItem = ({
|
|
@@ -69,17 +70,7 @@ export const CustomListItem = ({
|
|
|
69
70
|
isNewGroupField: true,
|
|
70
71
|
});
|
|
71
72
|
|
|
72
|
-
|
|
73
|
-
event: "field:added",
|
|
74
|
-
id,
|
|
75
|
-
name: label,
|
|
76
|
-
type: newField.type,
|
|
77
|
-
isInAGroup: true,
|
|
78
|
-
contentType: getContentTypeForTracking(window.location.pathname),
|
|
79
|
-
...(newField.type === "Link" && {
|
|
80
|
-
allowText: newField.config?.allowText,
|
|
81
|
-
}),
|
|
82
|
-
});
|
|
73
|
+
trackFieldAdded({ id, field: newField, isInAGroup: true });
|
|
83
74
|
};
|
|
84
75
|
|
|
85
76
|
const onSaveField = ({ apiId: previousKey, newKey, value }) => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Flex } from "theme-ui";
|
|
2
2
|
|
|
3
3
|
import { Col, Flex as FlexGrid } from "@/legacy/components/Flex";
|
|
4
4
|
import WidgetFormField from "@/legacy/lib/builders/common/EditModal/Field";
|
|
@@ -6,12 +6,10 @@ import { createFieldNameFromKey } from "@/legacy/lib/forms";
|
|
|
6
6
|
import { DefaultFields } from "@/legacy/lib/forms/defaults";
|
|
7
7
|
import { CheckBox } from "@/legacy/lib/forms/fields";
|
|
8
8
|
|
|
9
|
-
import { DisplayTextCheckbox } from "./components";
|
|
9
|
+
import { DisplayTextCheckbox, RepeatableCheckbox } from "./components";
|
|
10
10
|
|
|
11
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
12
11
|
const FormFields = {
|
|
13
12
|
...DefaultFields,
|
|
14
|
-
allowTargetBlank: CheckBox("Allow target blank", false, true),
|
|
15
13
|
};
|
|
16
14
|
|
|
17
15
|
const Form = (props) => {
|
|
@@ -20,14 +18,13 @@ const Form = (props) => {
|
|
|
20
18
|
|
|
21
19
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
22
20
|
const {
|
|
23
|
-
config: { allowText },
|
|
21
|
+
config: { allowText, repeat },
|
|
24
22
|
} = formValues;
|
|
25
23
|
|
|
26
24
|
return (
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
Object.entries(DefaultFields).map(([key, field]) => (
|
|
25
|
+
<>
|
|
26
|
+
<FlexGrid>
|
|
27
|
+
{Object.entries(FormFields).map(([key, field]) => (
|
|
31
28
|
<Col key={key}>
|
|
32
29
|
<WidgetFormField
|
|
33
30
|
fieldName={createFieldNameFromKey(key)}
|
|
@@ -39,40 +36,41 @@ const Form = (props) => {
|
|
|
39
36
|
initialValues={initialValues}
|
|
40
37
|
/>
|
|
41
38
|
</Col>
|
|
42
|
-
))
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
variant="label.primary"
|
|
50
|
-
sx={{
|
|
51
|
-
display: "flex",
|
|
52
|
-
alignItems: "center",
|
|
39
|
+
))}
|
|
40
|
+
|
|
41
|
+
<Col key="allowTargetBlank">
|
|
42
|
+
<Flex
|
|
43
|
+
sx={{ gap: 2, marginTop: 3 }}
|
|
44
|
+
style={{
|
|
45
|
+
paddingTop: "1px",
|
|
53
46
|
}}
|
|
54
47
|
>
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
48
|
+
<Col>
|
|
49
|
+
<WidgetFormField
|
|
50
|
+
fieldName={createFieldNameFromKey("allowTargetBlank")}
|
|
51
|
+
formField={CheckBox("Allow target blank", false, true)}
|
|
52
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
53
|
+
fields={fields}
|
|
54
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
55
|
+
initialValues={initialValues}
|
|
56
|
+
/>
|
|
57
|
+
</Col>
|
|
58
|
+
<DisplayTextCheckbox
|
|
59
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
60
|
+
checked={allowText}
|
|
61
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
62
|
+
setFieldValue={setFieldValue}
|
|
63
|
+
/>
|
|
64
|
+
</Flex>
|
|
65
|
+
</Col>
|
|
66
|
+
</FlexGrid>
|
|
67
|
+
<RepeatableCheckbox
|
|
69
68
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
70
|
-
|
|
71
|
-
height={127}
|
|
69
|
+
checked={repeat}
|
|
72
70
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
73
71
|
setFieldValue={setFieldValue}
|
|
74
72
|
/>
|
|
75
|
-
|
|
73
|
+
</>
|
|
76
74
|
);
|
|
77
75
|
};
|
|
78
76
|
|