slice-machine-ui 1.22.2-beta.1 → 1.22.2-beta.11

package/out/_next/static/chunks/482-34cee2a2071c235f.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[482],{8482:function(e,n,t){"use strict";t.d(n,{Z:function(){return S}});var s=t(62230),i=t(85244),d=t(17064),r=t(81541),a=t(52322),c=t(22715),l=t(13980),o=t(2784),u=t(65077),f=t(28173),p=t(75012),x=t(9620),h=t(2967),y=t(75289),_=t(71168),g=t(21078),j=t(13394),m=t(99968),v=t(92809),b=function(e){var n=e.fields,t=e.title,d=e.tabId,r=e.enterEditMode,c=e.enterSelectMode,l=e.onDragEnd,o=e.renderFieldAccessor,u=e.onDeleteItem,f=e.showHints,p=e.newField,x=e.renderHintBase,b=e.isRepeatable,R=e.dataCy,z=e.isRepeatableCustomType;return(0,a.jsx)(h.Z5,{onDragEnd:l,children:(0,a.jsx)(h.bK,{droppableId:t,children:function(e,t){return(0,a.jsxs)(y.xu,(0,i.Z)((0,s.Z)({as:"ul",ref:e.innerRef},e.droppableProps),{"data-cy":R,sx:{paddingInline:"16px !important"},children:[n.map(function(e,n){var l=e.value,p=l.config,h=l.type,R=(0,m.t)(j,p,h);if(!R)return(0,a.jsx)(_.Z,{children:(0,a.jsxs)(y.xv,{children:['Field type "',h,'" not supported']})});var S={item:e,index:n,tabId:d,widget:R,showHints:f,key:e.key,enterSelectMode:c,renderFieldAccessor:o,enterEditMode:r,parentSnapshot:t,deleteItem:u,draggableId:"list-item-".concat(e.key),isRepeatableCustomType:z};if(R.CustomListItem){var Z=R.CustomListItem;return(0,a.jsx)(Z,(0,s.Z)({},S))}var C=(0,a.jsx)(v.Z,{item:e,show:f,isRepeatable:b,renderHintBase:x,Widgets:j,typeName:R.CUSTOM_NAME||R.TYPE_NAME});return(0,a.jsx)(g.Z,(0,i.Z)((0,s.Z)({},S),{HintElement:C}))}),e.placeholder,p]}))}})})},R=function(e){var n=e.onEnterSelectMode,t=e.zoneName;return(0,a.jsxs)(y.xu,{sx:{textAlign:"center",my:4},children:[(0,a.jsx)(y.X6,{as:"h5",children:"Add a new field here"}),(0,a.jsx)(y.xu,{sx:{my:2},children:(0,a.jsxs)(y.xv,{sx:{color:"textClear"},children:["Add a field to your ",t," Zone"]})}),(0,a.jsx)(y.xu,{sx:{display:"flex",justifyContent:"center",marginTop:16},children:(0,a.jsx)(c.zx,{color:"grey",onClick:function(){return n()},"data-cy":"add-".concat(t,"-field"),startIcon:"add",children:"Add a new field"})})]})},z=function(e){var n=e.zoneType,t=e.tabId,l=e.title,h=e.fields,y=e.poolOfFieldsToCheck,_=e.widgetsArray,g=e.isRepeatable,j=e.onDeleteItem,m=e.onSaveNewField,v=e.onDragEnd,z=e.EditModal,S=e.onSave,Z=e.dataTip,C=e.renderHintBase,w=e.renderFieldAccessor,E=e.dataCy,I=e.isRepeatableCustomType,A=Object.entries(y).find(function(e){return"UID"===(0,d.Z)(e,2)[1].value.type})?_.filter(function(e){return"UID"!==e.TYPE_NAME}):_,T=(0,o.useState)(!1),k=T[0],F=T[1],N=(0,o.useState)({isOpen:!1}),M=N[0],O=N[1],q=(0,o.useState)({isOpen:!1}),D=q[0],H=q[1],B=(0,o.useState)(null),P=B[0],U=B[1],W=function(e){O({isOpen:!0,field:e})},L=function(){H({isOpen:!0})},Y=function(){O({isOpen:!1})},K=function(){return H({isOpen:!1})},V=function(e){U({widgetTypeName:e,fields:h}),H({isOpen:!1})},X=function(){return U(null)};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(f.Bu,{actions:h.length>0?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(c.xv,{color:"grey11",component:"span",noWrap:!0,children:"Show code snippets?"}),(0,a.jsx)(c.rs,{checked:k,onCheckedChange:F,size:"small",style:{flexShrink:0}}),(0,a.jsx)(c.zx,{"data-cy":"add-".concat(g?"Repeatable":"Static","-field"),onClick:L,startIcon:"add",grey:"grey",children:"Add a new field"})]}):void 0,children:l}),0!==h.length||P?h.length>0||P?(0,a.jsx)(u.xR,{children:(0,a.jsx)(b,{tabId:t,isRepeatable:g,fields:h,showHints:k,dataTip:Z,title:l,renderFieldAccessor:w,renderHintBase:C,enterEditMode:W,enterSelectMode:L,onDragEnd:v,onDeleteItem:j,dataCy:E,isRepeatableCustomType:I,newField:P&&(0,a.jsx)(x.Z,(0,i.Z)((0,s.Z)({},P),{fields:y||h,onSave:function(){for(var e=arguments.length,n=Array(e),t=0;t<e;t++)n[t]=arguments[t];m.apply(void 0,(0,r.Z)(n)),U(null)},onCancelNewField:X}))})}):void 0:(0,a.jsx)(u.xR,{children:(0,a.jsx)(R,{onEnterSelectMode:function(){return L()},zoneName:g?"Repeatable":"Static"})}),(0,a.jsx)(z,{data:M,close:Y,onSave:S,fields:y,zoneType:n}),(0,a.jsx)(p.Z,{data:D,close:K,onSelect:V,widgetsArray:A})]})};z.propTypes={isRepeatable:l.bool,title:l.string.isRequired,dataTip:l.string.isRequired,onSave:l.func.isRequired,onSaveNewField:l.func.isRequired,onDragEnd:l.func.isRequired,onDeleteItem:l.func.isRequired,poolOfFieldsToCheck:(0,l.arrayOf)((0,l.shape)({key:l.string,value:l.object})),renderHintBase:l.func.isRequired,renderFieldAccessor:l.func.isRequired,widgetsArray:l.array.isRequired,fields:(0,l.arrayOf)((0,l.shape)({key:l.string.isRequired,value:(0,l.shape)({config:l.object,fields:l.array,type:l.string.isRequired})}))};var S=z},28173:function(e,n,t){"use strict";t.d(n,{aV:function(){return c},Bu:function(){return l}});var s=t(62230),i=t(85244),d=t(98240),r=t(52322),a=t(22715);t(82432),t(84779);var c=function(e){return(0,r.jsx)("div",(0,i.Z)((0,s.Z)({},e),{className:"_2a96i71 _1ecs97dez0 _1ecs97dez2 _1ecs97d3fg _1ecs97d3mt _1ecs97df0r _1ecs97df23 _1ecs97df2h _1ecs97dezb _1ecs97dezr"}))},l=function(e){var n=e.actions,t=e.children,c=e.toggle,l=(0,d.Z)(e,["actions","children","toggle"]);return(0,r.jsxs)("div",(0,i.Z)((0,s.Z)({},l),{className:"_2a96i73 _2a96i72 _1ecs97dez0 _1ecs97dez2 _1ecs97dezc _1ecs97dez8 _1ecs97d6r8 _1ecs97d6yl _1ecs97df2l _1ecs97dez1 _1ecs97df71 _1ecs97dfie _1ecs97d18 _1ecs97d8l _1ecs97df29 _1ecs97df92 _1ecs97dfi1",children:[(0,r.jsx)(a.xv,{color:"grey11",component:"span",noWrap:!0,variant:"bold",children:t}),c,Boolean(n)?(0,r.jsx)("div",{className:"_1ecs97dez0 _1ecs97dez2 _1ecs97dezc _1ecs97dez8 _1ecs97dezd _1ecs97df92 _1ecs97dezj _1ecs97df51",children:n}):null]}))}},84779:function(){},82432:function(){}}]);