@strapi/admin 4.13.5 → 4.13.7
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/admin/src/components/RBACProvider/index.js +1 -1
- package/admin/src/content-manager/components/RelationInput/RelationInput.js +59 -43
- package/admin/src/content-manager/components/Wysiwyg/EditorLayout.js +2 -2
- package/admin/src/content-manager/pages/ListView/components/BulkActionButtons/ConfirmBulkActionDialog/index.js +3 -0
- package/admin/src/content-manager/pages/ListView/components/BulkActionButtons/SelectedEntriesModal/index.js +2 -1
- package/admin/src/content-manager/pages/ListView/index.js +1 -0
- package/admin/src/pages/MarketplacePage/components/EmptyNpmPackageSearch/index.js +1 -1
- package/admin/src/pages/MarketplacePage/components/NpmPackagesFilters/index.js +0 -1
- package/admin/src/pages/MarketplacePage/components/NpmPackagesGrid/index.js +1 -1
- package/build/1049.bf5230e6.chunk.js +1 -0
- package/build/1227.c72e74e9.chunk.js +1 -0
- package/build/{1386.ea73b677.chunk.js → 1386.8c070d59.chunk.js} +1 -1
- package/build/2225.73c9a224.chunk.js +79 -0
- package/build/2237.a7992513.chunk.js +114 -0
- package/build/2379.27c6ab54.chunk.js +1 -0
- package/build/{2395.0e5e8ded.chunk.js → 2395.120256d6.chunk.js} +2 -2
- package/build/{6691.4985ef22.chunk.js → 2659.cb94f1e7.chunk.js} +28 -28
- package/build/{2801.8e1aa82a.chunk.js → 2801.fdd4d8a2.chunk.js} +1 -1
- package/build/{1387.a86ac314.chunk.js → 2950.216f2e89.chunk.js} +1 -1
- package/build/3021.33ad47fb.chunk.js +103 -0
- package/build/3911.488fbde3.chunk.js +95 -0
- package/build/4174.6efb0dc6.chunk.js +1 -0
- package/build/{4546.6dbd695f.chunk.js → 4546.9710f321.chunk.js} +1 -1
- package/build/4724.a0ce68f3.chunk.js +6 -0
- package/build/{502.7bba43b1.chunk.js → 502.d26ea06b.chunk.js} +1 -1
- package/build/{4628.9cbb6df5.chunk.js → 5158.c85f841a.chunk.js} +1 -1
- package/build/6715.48e37308.chunk.js +1 -0
- package/build/6812.00ef5b0d.chunk.js +26 -0
- package/build/{7464.eb057bec.chunk.js → 7464.d3d1414f.chunk.js} +1 -1
- package/build/{8276.be3ed581.chunk.js → 8276.b55f4600.chunk.js} +2 -2
- package/build/{9806.5d5a0e8d.chunk.js → 9522.ec7df9ac.chunk.js} +25 -25
- package/build/{Admin-authenticatedApp.3c6f7f3c.chunk.js → Admin-authenticatedApp.4b762007.chunk.js} +7 -7
- package/build/Admin_InternalErrorPage.18ba7fd6.chunk.js +1 -0
- package/build/{Admin_homePage.6f128523.chunk.js → Admin_homePage.86c8d4c9.chunk.js} +10 -10
- package/build/Admin_marketplace.4cc913f3.chunk.js +55 -0
- package/build/Admin_pluginsPage.d1afbf28.chunk.js +6 -0
- package/build/{Admin_profilePage.678bce24.chunk.js → Admin_profilePage.079903a3.chunk.js} +2 -2
- package/build/Admin_settingsPage.60a3e46e.chunk.js +111 -0
- package/build/Upload_ConfigureTheView.949535b8.chunk.js +1 -0
- package/build/{admin-app.2a8615ab.chunk.js → admin-app.1fde8f7a.chunk.js} +8 -8
- package/build/{admin-edit-roles-page.38a6c863.chunk.js → admin-edit-roles-page.f76cb0aa.chunk.js} +37 -37
- package/build/admin-edit-users.186c9d90.chunk.js +10 -0
- package/build/admin-roles-list.3a4edfa2.chunk.js +22 -0
- package/build/admin-users.e276bd9a.chunk.js +11 -0
- package/build/{api-tokens-create-page.e0c15627.chunk.js → api-tokens-create-page.f5a85725.chunk.js} +1 -1
- package/build/{api-tokens-edit-page.9f2dce47.chunk.js → api-tokens-edit-page.06a32cef.chunk.js} +1 -1
- package/build/api-tokens-list-page.bb27d544.chunk.js +16 -0
- package/build/audit-logs-settings-page.a89141d5.chunk.js +1 -0
- package/build/content-manager.b2d9e88e.chunk.js +1099 -0
- package/build/{content-type-builder-list-view.b71cf240.chunk.js → content-type-builder-list-view.b75fb938.chunk.js} +14 -14
- package/build/{content-type-builder.e5669749.chunk.js → content-type-builder.aab7f58d.chunk.js} +17 -17
- package/build/email-settings-page.07d417d5.chunk.js +11 -0
- package/build/i18n-settings-page.7107e28a.chunk.js +9 -0
- package/build/i18n-translation-tr-json.3bfc812f.chunk.js +1 -0
- package/build/index.html +1 -1
- package/build/main.358b7ea5.js +2665 -0
- package/build/review-workflows-settings-create-view.b96b7be1.chunk.js +1 -0
- package/build/review-workflows-settings-edit-view.21a682a0.chunk.js +1 -0
- package/build/review-workflows-settings-list-view.14212324.chunk.js +56 -0
- package/build/{runtime~main.6304468f.js → runtime~main.0324fc31.js} +2 -2
- package/build/sso-settings-page.d93bd81f.chunk.js +1 -0
- package/build/{transfer-tokens-create-page.ebba16d8.chunk.js → transfer-tokens-create-page.6e7049ff.chunk.js} +1 -1
- package/build/{transfer-tokens-edit-page.d7bb2b3e.chunk.js → transfer-tokens-edit-page.449b4502.chunk.js} +1 -1
- package/build/transfer-tokens-list-page.34caf827.chunk.js +16 -0
- package/build/upload-settings.fede24b9.chunk.js +14 -0
- package/build/upload.a96e2452.chunk.js +58 -0
- package/build/users-advanced-settings-page.ac7968e7.chunk.js +9 -0
- package/build/users-email-settings-page.125a89e2.chunk.js +9 -0
- package/build/users-providers-settings-page.ce34951c.chunk.js +14 -0
- package/build/{users-roles-settings-page.2b051e6a.chunk.js → users-roles-settings-page.90bad063.chunk.js} +4 -4
- package/build/{webhook-edit-page.de45c635.chunk.js → webhook-edit-page.7498417e.chunk.js} +3 -3
- package/build/webhook-list-page.1b085c7f.chunk.js +63 -0
- package/ee/admin/content-manager/pages/EditView/InformationBox/components/AssigneeSelect/AssigneeSelect.js +5 -15
- package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/utils/getDisplayedFilters.js +1 -1
- package/ee/server/bootstrap.js +2 -2
- package/package.json +11 -11
- package/scripts/build.js +2 -3
- package/scripts/create-dev-plugins-file.js +2 -3
- package/server/bootstrap.js +3 -1
- package/server/services/metrics.js +17 -0
- package/utils/create-cache-dir.js +5 -102
- package/utils/plugins.js +217 -0
- package/webpack.config.js +2 -2
- package/build/1049.ec69f5e0.chunk.js +0 -1
- package/build/1227.9f37e1dc.chunk.js +0 -1
- package/build/1504.eff012f7.chunk.js +0 -95
- package/build/2225.649fb7bc.chunk.js +0 -79
- package/build/2237.b832ae6e.chunk.js +0 -114
- package/build/2379.1f98a31a.chunk.js +0 -1
- package/build/3739.63e352f1.chunk.js +0 -103
- package/build/4174.f1f39e40.chunk.js +0 -1
- package/build/448.829e1344.chunk.js +0 -1
- package/build/4724.aea5c8c1.chunk.js +0 -6
- package/build/9944.7af075a5.chunk.js +0 -26
- package/build/Admin_InternalErrorPage.38155af3.chunk.js +0 -1
- package/build/Admin_marketplace.061a6e5a.chunk.js +0 -55
- package/build/Admin_pluginsPage.16f837b8.chunk.js +0 -6
- package/build/Admin_settingsPage.af7309e4.chunk.js +0 -111
- package/build/Upload_ConfigureTheView.3fc1c100.chunk.js +0 -1
- package/build/admin-edit-users.545fc882.chunk.js +0 -10
- package/build/admin-roles-list.1e2e814d.chunk.js +0 -22
- package/build/admin-users.b8ea5677.chunk.js +0 -11
- package/build/api-tokens-list-page.d747051c.chunk.js +0 -16
- package/build/audit-logs-settings-page.96f9d608.chunk.js +0 -1
- package/build/content-manager.f448efdf.chunk.js +0 -1097
- package/build/email-settings-page.2809f0bf.chunk.js +0 -11
- package/build/i18n-settings-page.5f716172.chunk.js +0 -9
- package/build/i18n-translation-tr-json.10f0600d.chunk.js +0 -1
- package/build/main.50652367.js +0 -2863
- package/build/review-workflows-settings-create-view.4a156a19.chunk.js +0 -1
- package/build/review-workflows-settings-edit-view.ce984d1f.chunk.js +0 -1
- package/build/review-workflows-settings-list-view.419b8deb.chunk.js +0 -56
- package/build/sso-settings-page.45153df5.chunk.js +0 -1
- package/build/transfer-tokens-list-page.cfe1736c.chunk.js +0 -16
- package/build/upload-settings.5e55266d.chunk.js +0 -14
- package/build/upload.0660a088.chunk.js +0 -58
- package/build/users-advanced-settings-page.818d84eb.chunk.js +0 -9
- package/build/users-email-settings-page.c1967c09.chunk.js +0 -9
- package/build/users-providers-settings-page.11893e08.chunk.js +0 -14
- package/build/webhook-list-page.ca91df8b.chunk.js +0 -63
- package/utils/create-plugins-exclude-path.js +0 -20
- package/utils/get-plugins.js +0 -110
|
@@ -0,0 +1,1099 @@
|
|
|
1
|
+
(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[994],{4639:function(ln,et,i){"use strict";i.r(et),i.d(et,{App:function(){return us},default:function(){return Jp}});var e=i(32735),De=i(95162),Ie=i(64092),Ge=i(99226),h=i(30126),Qe=i(98978),Ke=i.n(Qe),je=i(74758),G=i(67879),re=i(15062),ce=i(53038),lt=i(17379),xe=i(30305),Dt=(0,e.createContext)(),ze=i(7921),ct=i(24381),ke=i(60216),n=i.n(ke),cn=i(47533),Bt=(0,e.createContext)(),Ee=i(75430),be=i(69242),E=i(69997),de=i(91779),tt=i(56932),K=i(77981),D=i(84642),N=i(8365),Ze=i(10710),ve=i(97037),Ve=i(16773),Oe=i(40260),Nt=i(2775),dt=i(70788),Ue=i(40501),ms=i(99381),Ye=i.n(ms),ps=i(89793),Ae=i.n(ps),gs=i(23940),Ot=i.n(gs),Be=i(20108),ft=i(20716),ge=i(19891),ht=i(82064),nt=i(63318),fs=i(33795),$=i.n(fs);const ar=e.createContext();function un({attributes:t,buttonData:o,children:r,goTo:a,layout:s,metadatas:l,moveItem:c,moveRow:d,onAddData:p,relationsLayout:m,removeField:u,selectedItemName:f,setEditFieldToSelect:y,...g}){return e.createElement(ar.Provider,{value:{attributes:t,buttonData:o,goTo:a,layout:s,metadatas:l,moveItem:c,moveRow:d,onAddData:p,relationsLayout:m,removeField:u,selectedItemName:f,setEditFieldToSelect:y,...g}},r)}un.defaultProps={attributes:{},buttonData:[],goTo(){},layout:[],metadatas:{},moveItem(){},moveRow(){},onAddData(){},relationsLayout:[],removeField(){},selectedItemName:null,setEditFieldToSelect(){}},un.propTypes={attributes:n().object,buttonData:n().array,children:n().node.isRequired,goTo:n().func,layout:n().array,metadatas:n().object,moveItem:n().func,moveRow:n().func,onAddData:n().func,relationsLayout:n().array,removeField:n().func,selectedItemName:n().string,setEditFieldToSelect:n().func};function ut(){return e.useContext(ar)}const hs=[{action:"plugin::content-type-builder.read",subject:null}];var ys=()=>{const{trackUsage:t}=(0,h.rS)(),{formatMessage:o}=(0,G.Z)(),{slug:r,modifiedData:a,isContentTypeView:s}=ut(),l=s?"content-types":"components",c=`/plugins/content-type-builder/${l==="content-types"?l:"component-categories"}`,d=$()(a,"category",""),p=l==="content-types"?r:`${d}/${r}`,m=()=>{t("willEditEditLayout")};return r==="strapi::administrator"?null:e.createElement(h.jW,{permissions:hs},e.createElement(h.Qj,{to:`${c}/${p}`,onClick:m,size:"S",startIcon:e.createElement(nt.Z,null),variant:"secondary"},o({id:(0,ze.Z)(`edit-settings-view.link-to-ctb.${l}`),defaultMessage:"Edit the content type"})))},ot=i(37405),Wt=i(74506),It=i(51968),U=i(8471),Me=i(14763),Xe=i(94997),mn=i(19594);const sr=({componentUid:t})=>{const{componentLayouts:o}=ut(),{formatMessage:r}=(0,G.Z)(),a=$()(o,[t],{}),s=$()(a,["layouts","edit"],[]);return e.createElement(K.x,{padding:3},s.map((l,c)=>e.createElement(Ze.r,{gap:4,key:c},l.map(d=>e.createElement(ve.P,{key:d.name,col:d.size},e.createElement(K.x,{paddingTop:2},e.createElement(D.k,{alignItems:"center",background:"neutral0",paddingLeft:3,paddingRight:3,height:`${32/16}rem`,hasRadius:!0,borderColor:"neutral200"},e.createElement(N.Z,{textColor:"neutral800"},d.name))))))),e.createElement(K.x,{paddingTop:2},e.createElement(h.rU,{startIcon:e.createElement(mn.Z,null),to:`/content-manager/components/${t}/configurations/edit`},r({id:(0,ze.Z)("components.FieldItem.linkToComponentLayout"),defaultMessage:"Set the component's layout"}))))};sr.propTypes={componentUid:n().string.isRequired};var Es=sr,Pt=i(14911),yt=i(18129),bs=i(98851),vs=i(88454),Cs=i(60860),Rs=i(72480),Ms=i(25919),Ts=i(23381),Ds=i(32095),Os=i(87436),pn=i(73892),Is=i(19999),Ps=i(1586),xs=i(2651),ir=i(44494),Zs=i(98599),Ss=i(5894),ks=i(88026),Ls=i(94852),As=i(72911),Fs=i(37781),$s=i(31797),ws=i(24591),lr=i(68620),cr=i(39638),Bs=i(17110),Ns=i(40685),Ws=i(48644),js=i(9362),zs=i(83708),Vs=i(6665),Us=i(66846),qs=i(70146),Hs=i(80031),Gs=i(13713),Qs=i(37455),Ks=i(70321),Ys=i(84951),Xs=i(87816),Js=i(50720),_s=i(32880),dr=i(62864),ei=i(10364),ti=i(12350),ni=i(69762),oi=i(19211),ri=i(53220),ur=i(68527),ai=i(34901),si=i(27840),ii=i(75337),li=i(9568),ci=i(15406),di=i(22523),ui=i(73981),mi=i(64745),pi=i(44130),gi=i(85406),fi=i(17626),gn=i(51098),hi=i(42815),yi=i(39126),fn=i(9780),Ei=i(42498),bi=i(47763),mr=i(54275),vi=i(36328),Ci=i(17037),Ri=i(46051),Mi=i(91528),Ti=i(9137),Di=i(3448),Oi=i(18981),Ii=i(73136),Pi=i(94140),xi=i(3115),Zi=i(30279),Si=i(15558),ki=i(46528),Li=i(41186),Ai=i(73896),Fi=i(18489),$i=i(39544),wi=i(81904),pr=i(59151),Bi=i(3747),Ni=i(77021),Wi=i(42627),ji=i(58518),zi=i(3718),Vi=i(601),Ui=i(47372),gr=i(98378),hn=i(69321),qi=i(95412),Hi=i(61131),Gi=i(29806),Qi=i(37982),Ki=i(23044),Yi=i(17229),Xi=i(42778),Ji=i(19815),_i=i(96151),el=i(10291),tl=i(90230),nl=i(90517),ol=i(83997),rl=i(57918),al=i(62996),fr=i(98128),sl=i(42912),il=i(65558),ll=i(17994),cl=i(78420),dl=i(56549),ul=i(86399),ml=i(27369),yn=i(13424),pl=i(12681),gl=i(69826),fl=i(24322),hl=i(19637),yl=i(50322),El=i(22356);const hr={alien:bs.Z,apps:vs.Z,archive:Cs.Z,arrowDown:Rs.Z,arrowLeft:dt.Z,arrowRight:Ms.Z,arrowUp:Ts.Z,attachment:Ds.Z,bell:Os.Z,bold:pn.Z,book:Is.Z,briefcase:Ps.Z,brush:xs.Z,bulletList:ir.Z,calendar:Zs.Z,car:Ss.Z,cast:ks.Z,chartBubble:Ls.Z,chartCircle:As.Z,chartPie:Fs.Z,check:Ue.Z,clock:$s.Z,cloud:ws.Z,code:lr.Z,cog:mn.Z,collapse:cr.Z,command:Bs.Z,connector:Ns.Z,crop:Ws.Z,crown:js.Z,cube:zs.Z,cup:Vs.Z,cursor:Us.Z,dashboard:qs.Z,database:Hs.Z,discuss:Gs.Z,doctor:Qs.Z,earth:Ks.Z,emotionHappy:Ys.Z,emotionUnhappy:Xs.Z,envelop:Js.Z,exit:_s.Z,expand:dr.Z,eye:ei.Z,feather:ti.Z,file:ni.Z,fileError:oi.Z,filePdf:ri.Z,filter:ur.Z,folder:ai.Z,gate:si.Z,gift:ii.Z,globe:li.Z,grid:ci.Z,handHeart:di.Z,hashtag:ui.Z,headphone:mi.Z,heart:pi.Z,house:gi.Z,information:fi.Z,italic:gn.Z,key:hi.Z,landscape:yi.Z,layer:fn.Z,layout:Ei.Z,lightbulb:bi.Z,link:mr.Z,lock:vi.Z,magic:Ci.Z,manyToMany:Ri.Z,manyToOne:Mi.Z,manyWays:Ti.Z,medium:Di.Z,message:Oi.Z,microphone:Ii.Z,monitor:Pi.Z,moon:xi.Z,music:Zi.Z,oneToMany:Si.Z,oneToOne:ki.Z,oneWay:Li.Z,paint:Ai.Z,paintBrush:Fi.Z,paperPlane:$i.Z,pencil:nt.Z,phone:wi.Z,picture:pr.Z,pin:Bi.Z,pinMap:Ni.Z,plane:Wi.Z,play:ji.Z,plus:ht.Z,priceTag:zi.Z,puzzle:Vi.Z,question:Ui.Z,quote:gr.Z,refresh:hn.Z,repeat:qi.Z,restaurant:Hi.Z,rocket:Gi.Z,rotate:Qi.Z,scissors:Ki.Z,search:Yi.Z,seed:Xi.Z,server:Ji.Z,shield:_i.Z,shirt:el.Z,shoppingCart:tl.Z,slideshow:nl.Z,stack:ol.Z,star:rl.Z,store:al.Z,strikeThrough:fr.Z,sun:sl.Z,television:il.Z,thumbDown:ll.Z,thumbUp:cl.Z,train:dl.Z,twitter:ul.Z,typhoon:ml.Z,underline:yn.Z,user:pl.Z,volumeMute:gl.Z,volumeUp:fl.Z,walk:hl.Z,wheelchair:yl.Z,write:El.Z};function xt({showBackground:t=!0,size:o="M",icon:r}){return e.createElement(D.k,{alignItems:"center",background:t?"neutral200":null,justifyContent:"center",size:o,showBackground:t,height:o==="S"?5:8,width:o==="S"?5:8,color:"neutral600",borderRadius:t?"50%":0},e.createElement(yt.J,{as:hr[r]||hr.cube,height:o==="S"?3:5,width:o==="S"?3:5}))}xt.defaultProps={showBackground:!0,size:"M",icon:"Cube"},xt.propTypes={showBackground:n().bool,size:n().string,icon:n().string};const bl=(0,U.ZP)(D.k)`
|
|
2
|
+
text-decoration: none;
|
|
3
|
+
|
|
4
|
+
&:focus,
|
|
5
|
+
&:hover {
|
|
6
|
+
${({theme:t})=>`
|
|
7
|
+
background-color: ${t.colors.primary100};
|
|
8
|
+
border-color: ${t.colors.primary200};
|
|
9
|
+
|
|
10
|
+
${N.Z} {
|
|
11
|
+
color: ${t.colors.primary600};
|
|
12
|
+
}
|
|
13
|
+
`}
|
|
14
|
+
|
|
15
|
+
/* > ComponentIcon */
|
|
16
|
+
> div:first-child {
|
|
17
|
+
background: ${({theme:t})=>t.colors.primary200};
|
|
18
|
+
color: ${({theme:t})=>t.colors.primary600};
|
|
19
|
+
|
|
20
|
+
svg {
|
|
21
|
+
path {
|
|
22
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
`,yr=({components:t})=>{const{componentLayouts:o}=ut();return e.createElement(D.k,{gap:2,overflow:"scroll hidden",padding:3},t.map(r=>e.createElement(bl,{hasRadius:!0,background:"neutral0",justifyContent:"center",alignItems:"center",height:`${84/16}rem`,minWidth:`${140/16}rem`,key:r,padding:2,direction:"column",borderColor:"neutral200",as:Pt.rU,to:`/content-manager/components/${r}/configurations/edit`},e.createElement(xt,{icon:o?.[r]?.info?.icon}),e.createElement(K.x,{paddingTop:1},e.createElement(N.Z,{fontSize:1,textColor:"neutral600",fontWeight:"bold"},o?.[r]?.info?.displayName??"")))))};yr.propTypes={components:n().arrayOf(n().string).isRequired};var vl=yr;const Er=(0,U.ZP)(Me.h)`
|
|
28
|
+
background-color: transparent;
|
|
29
|
+
path {
|
|
30
|
+
fill: ${({theme:t})=>t.colors.neutral600};
|
|
31
|
+
}
|
|
32
|
+
`,En=({attribute:t,onEditField:o,onDeleteField:r,children:a})=>{const{formatMessage:s}=(0,G.Z)();return e.createElement(K.x,{overflow:"hidden",width:"100%"},e.createElement(D.k,{paddingLeft:3,alignItems:"center",justifyContent:"space-between"},e.createElement(N.Z,{fontWeight:"semiBold",textColor:"neutral800",ellipsis:!0},a),e.createElement(D.k,null,e.createElement(Er,{label:s({id:(0,E.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:a}),onClick:o,icon:e.createElement(nt.Z,null),noBorder:!0}),e.createElement(Er,{label:s({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:a}),"data-testid":"delete-field",onClick:r,icon:e.createElement(Xe.Z,null),noBorder:!0}))),t?.type==="component"&&e.createElement(Es,{componentUid:t.component}),t?.type==="dynamiczone"&&e.createElement(vl,{components:t.components}))};En.defaultProps={attribute:void 0},En.propTypes={attribute:n().shape({components:n().array,component:n().string,type:n().string}),onEditField:n().func.isRequired,onDeleteField:n().func.isRequired,children:n().string.isRequired};var Cl=En;const Rl=(0,U.ZP)(D.k)`
|
|
33
|
+
position: relative;
|
|
34
|
+
${({isFirst:t,isLast:o,hasHorizontalPadding:r})=>t?`
|
|
35
|
+
padding-right: 4px;
|
|
36
|
+
`:o?`
|
|
37
|
+
padding-left: 4px;
|
|
38
|
+
`:r?`
|
|
39
|
+
padding: 0 4px;
|
|
40
|
+
`:""}
|
|
41
|
+
${({showRightCarret:t,showLeftCarret:o,theme:r})=>t?`
|
|
42
|
+
&:after {
|
|
43
|
+
content: '';
|
|
44
|
+
position: absolute;
|
|
45
|
+
right: -1px;
|
|
46
|
+
background-color: ${r.colors.primary600};
|
|
47
|
+
width: 2px;
|
|
48
|
+
height: 100%;
|
|
49
|
+
align-self: stretch;
|
|
50
|
+
z-index: 1;
|
|
51
|
+
}
|
|
52
|
+
`:o?`
|
|
53
|
+
&:before {
|
|
54
|
+
content: '';
|
|
55
|
+
position: absolute;
|
|
56
|
+
left: -1px;
|
|
57
|
+
background-color: ${r.colors.primary600};
|
|
58
|
+
width: 2px;
|
|
59
|
+
height: 100%;
|
|
60
|
+
align-self: stretch;
|
|
61
|
+
z-index: 1;
|
|
62
|
+
}
|
|
63
|
+
`:""};
|
|
64
|
+
`,Ml=(0,U.ZP)(ot.Z)`
|
|
65
|
+
height: ${12/16}rem;
|
|
66
|
+
width: ${12/16}rem;
|
|
67
|
+
path {
|
|
68
|
+
fill: ${({theme:t})=>t.colors.neutral600};
|
|
69
|
+
}
|
|
70
|
+
`,Tl=(0,U.ZP)(D.k)`
|
|
71
|
+
display: ${({dragStart:t})=>t?"none":"flex"};
|
|
72
|
+
opacity: ${({isDragging:t,isFullSize:o,isHidden:r})=>t&&!o?.2:t&&o||r?0:1};
|
|
73
|
+
`,Dl=(0,U.ZP)(D.k)`
|
|
74
|
+
cursor: all-scroll;
|
|
75
|
+
border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
76
|
+
`,bn=({attribute:t,children:o,index:r,lastIndex:a,moveItem:s,moveRow:l,name:c,onDeleteField:d,onEditField:p,rowIndex:m,size:u})=>{const[f,y]=(0,e.useState)(!1),g=c==="_TEMP_",{setIsDraggingSibling:b}=ut(),v=u===12,L=(0,e.useRef)(null),C=(0,e.useRef)(null),[{clientOffset:R,isOver:P},W]=(0,Wt.useDrop)({accept:E._Q.EDIT_FIELD,hover(S,I){if(!C.current||S.size!==12)return;const A=I.getItem().index,ee=r,F=I.getItem().rowIndex,H=m;if(A===ee&&F===H)return;const V=C.current.getBoundingClientRect(),q=(V.bottom-V.top)/2,le=I.getClientOffset().y-V.top;F<H&&le<q||F>H&&le>q||(l(F,H),S.rowIndex=H,S.itemIndex=ee)},drop(S,I){if(!C.current)return;const A=I.getItem().index,ee=r,F=I.getItem().rowIndex,H=m;if(S.size===12||A===ee&&F===H)return;const V=C.current.getBoundingClientRect();if(Math.abs(I.getClientOffset().x-V.left)>V.width/1.8){s(A,ee+1,F,H),S.itemIndex=ee+1,S.rowIndex=H;return}s(A,ee,F,H),S.itemIndex=ee,S.rowIndex=H},collect:S=>({canDrop:S.canDrop(),clientOffset:S.getClientOffset(),isOver:S.isOver(),isOverCurrent:S.isOver({shallow:!0}),itemType:S.getItemType()})}),[{isDragging:M,getItem:O},z,w]=(0,Wt.useDrag)({type:E._Q.EDIT_FIELD,item(){return b(!0),{index:r,labelField:o,rowIndex:m,name:c,size:u}},canDrag(){return c!=="_TEMP_"},collect:S=>({isDragging:S.isDragging(),getItem:S.getItem()}),end(){b(!1)}});(0,e.useEffect)(()=>{w((0,It.rX)(),{captureDraggingState:!0})},[w]);const T={dragRef:z(L),dropRef:W(C)};let j=!1,Y=!1;if(C.current&&R){const S=C.current.getBoundingClientRect();j=P&&O.size!==12&&Math.abs(R.x-S.left)<S.width/2,Y=P&&O.size!==12&&Math.abs(R.x-S.left)>S.width/2,c==="_TEMP_"&&(j=P&&O.size!==12,Y=!1)}const k=()=>t&&v?`${74/16}rem`:`${32/16}rem`,Q=r===0&&!v,X=r===a&&!v,Z=r!==0&&!v;return e.createElement(ve.P,{col:u},e.createElement(Rl,{ref:T.dropRef,showLeftCarret:j,showRightCarret:Y,isFirst:Q,isLast:X,hasHorizontalPadding:Z,onDrag:()=>{v&&!f&&y(!0)},onDragEnd:()=>{v&&y(!1)}},f&&v&&e.createElement(K.x,{width:"100%",height:"2px",background:"primary600"}),e.createElement(Tl,{width:v&&f?0:"100%",borderColor:"neutral150",hasRadius:!0,background:"neutral100",minHeight:k(),alignItems:"stretch",isDragging:M,dragStart:f,isFullSize:v,isHidden:g},e.createElement(Dl,{as:"span",type:"button",ref:T.dragRef,onClick:S=>S.stopPropagation(),alignItems:"center",paddingLeft:3,paddingRight:3,tabIndex:-1},e.createElement(Ml,null)),!g&&e.createElement(Cl,{attribute:t,onEditField:p,onDeleteField:d},o))))};bn.defaultProps={attribute:void 0},bn.propTypes={attribute:n().shape({components:n().array,component:n().string,type:n().string}),children:n().string.isRequired,index:n().number.isRequired,moveItem:n().func.isRequired,moveRow:n().func.isRequired,name:n().string.isRequired,onDeleteField:n().func.isRequired,onEditField:n().func.isRequired,rowIndex:n().number.isRequired,lastIndex:n().number.isRequired,size:n().number.isRequired};var Ol=bn;const br=({rowItem:t,onRemoveField:o,rowId:r,rowIndex:a,index:s,lastIndex:l})=>{const{setEditFieldToSelect:c,attributes:d,modifiedData:p,moveRow:m,moveItem:u}=ut(),f=$()(d,[t.name],{}),y=$()(p,["metadatas",t.name,"edit","label"],"");return e.createElement(Ol,{onEditField:()=>c(t.name),onDeleteField:()=>o(r,s),attribute:f,index:s,lastIndex:l,rowIndex:a,name:t.name,size:t.size,moveRow:m,moveItem:u},y||t.name)};br.propTypes={index:n().number.isRequired,lastIndex:n().number.isRequired,onRemoveField:n().func.isRequired,rowId:n().number.isRequired,rowIndex:n().number.isRequired,rowItem:n().object.isRequired};var Il=br;const vr=({row:t,onRemoveField:o,rowIndex:r})=>e.createElement(Ze.r,null,t.rowContent.map((a,s)=>e.createElement(Il,{key:a.name,rowItem:a,index:s,rowId:t.rowId,onRemoveField:o,rowIndex:r,lastIndex:t.rowContent.length-1})));vr.propTypes={onRemoveField:n().func.isRequired,row:n().object.isRequired,rowIndex:n().number.isRequired};var Pl=vr;const Cr=({editLayout:t,fields:o,onRemoveField:r,onAddField:a})=>{const{formatMessage:s}=(0,G.Z)();return e.createElement(D.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(D.k,{justifyContent:"space-between"},e.createElement("div",null,e.createElement(K.x,null,e.createElement(N.Z,{fontWeight:"bold"},s({id:(0,E.OB)("containers.ListPage.displayedFields"),defaultMessage:"Displayed fields"}))),e.createElement(K.x,null,e.createElement(N.Z,{variant:"pi",textColor:"neutral600"},s({id:"containers.SettingPage.editSettings.description",defaultMessage:"Drag & drop the fields to build the layout"})))),e.createElement(ys,null)),e.createElement(K.x,{padding:4,hasRadius:!0,borderStyle:"dashed",borderWidth:"1px",borderColor:"neutral300"},e.createElement(D.k,{direction:"column",alignItems:"stretch",gap:2},t.map((l,c)=>e.createElement(Pl,{key:l.rowId,row:l,rowIndex:c,onRemoveField:r})),e.createElement(ge.fC,null,e.createElement(ge.xz,{startIcon:e.createElement(ht.Z,null),endIcon:null,disabled:o.length===0,fullWidth:!0,variant:"secondary"},s({id:(0,E.OB)("containers.SettingPage.add.field"),defaultMessage:"Insert another field"})),e.createElement(ge.VY,null,o.map(l=>e.createElement(ge.ck,{key:l,onSelect:()=>a(l)},l)))))))};Cr.propTypes={editLayout:n().array.isRequired,fields:n().array.isRequired,onAddField:n().func.isRequired,onRemoveField:n().func.isRequired};var xl=Cr,vn=i(21223),Cn=i(98887),Rn=i(87674),Mn=i(74973),Zt=i(28868),Zl=i(54342),jt=i(44298),Sl=i(80016),Rr=i(60384),Tn=i(32119),kl=i(95556),Dn=i(58316),Ll=i(19455),Al=i(50756),Fl=i(79334),$l=i(28385);const Mr={biginteger:e.createElement(Zt.Z,null),boolean:e.createElement(Zl.Z,null),date:e.createElement(jt.Z,null),datetime:e.createElement(jt.Z,null),decimal:e.createElement(Zt.Z,null),email:e.createElement(Sl.Z,null),enum:e.createElement(Rr.Z,null),enumeration:e.createElement(Rr.Z,null),file:e.createElement(Tn.Z,null),files:e.createElement(Tn.Z,null),float:e.createElement(Zt.Z,null),integer:e.createElement(Zt.Z,null),media:e.createElement(Tn.Z,null),number:e.createElement(Zt.Z,null),relation:e.createElement(kl.Z,null),string:e.createElement(Dn.Z,null),text:e.createElement(Dn.Z,null),richtext:e.createElement(Dn.Z,null),time:e.createElement(jt.Z,null),timestamp:e.createElement(jt.Z,null),json:e.createElement(Ll.Z,null),uid:e.createElement(Al.Z,null),component:e.createElement(Fl.Z,null),dynamiczone:e.createElement($l.Z,null)},On=({type:t,customFieldUid:o})=>{const r=(0,h.mZ)();let a=Mr[t];if(o){const l=r.get(o).icon;l&&(a=e.createElement(K.x,{marginRight:3,width:7,height:6},e.createElement(l,null)))}return Mr[t]?a:null};On.defaultProps={customFieldUid:null},On.propTypes={type:n().string.isRequired,customFieldUid:n().string};var Tr=On,wl=t=>t.reduce((o,r)=>{const a=r?.attributes??{},s=Object.keys(a).filter(l=>!["boolean","component","dynamiczone","json","media","password","relation","text","richtext"].includes(a?.[l]?.type??""));return o[r.uid]=s,o},{}),Dr=t=>{let o;switch(t){case"description":case"label":case"placeholder":o="text";break;case"mainField":o="select";break;case"editable":o="bool";break;default:o=""}const r=t==="mainField"?(0,E.OB)("containers.SettingPage.editSettings.entry.title"):(0,E.OB)(`form.Input.${t}`);return{type:o,label:{id:r}}},In=i(2846),St=i(70420);const Pn=({type:t,options:o,onChange:r,value:a,name:s,...l})=>{const{formatMessage:c}=(0,G.Z)();switch(t){case"text":return e.createElement(In.o,{onChange:r,value:a,name:s,...l});case"bool":return e.createElement(St.s,{onChange:d=>{r({target:{name:s,value:d.target.checked}})},checked:a,name:s,onLabel:c({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"On"}),offLabel:c({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"Off"}),...l});case"select":return e.createElement(Ve.P,{value:a,name:s,onChange:d=>r({target:{name:s,value:d}}),...l},o.map(d=>e.createElement(Oe.W,{key:d,value:d},d)));default:return null}};Pn.defaultProps={options:void 0},Pn.propTypes={type:n().string.isRequired,options:n().arrayOf(n().string),onChange:n().func.isRequired,value:n().oneOfType([n().string,n().bool]).isRequired,name:n().string.isRequired};var Bl=Pn;const Nl=[[4,"33%"],[6,"50%"],[8,"66%"],[12,"100%"]],Or=({onMetaChange:t,onSizeChange:o})=>{const{formatMessage:r}=(0,G.Z)(),{modifiedData:a,selectedField:s,attributes:l,fieldForm:c}=ut(),d=(0,e.useMemo)(ft.Vo,[]),{schemas:p}=(0,re.v9)(C=>d(C),re.wU),m=(0,re.v9)(ft.Jg),u=(0,e.useMemo)(()=>{if(!s)return[];const C=$()(a,["metadatas",s,"edit"],{});return Object.keys(C).filter(R=>R!=="visible")},[s,a]),f=(0,e.useMemo)(()=>wl(p),[p]),y=(0,e.useCallback)(C=>{if(C!=="relation"&&C!=="component")return[];const R=C==="component"?"component":"targetModel",P=$()(a,["attributes",s,R],"");return $()(f,[P],[])},[s,f,a]),g=u.map(C=>{const R=$()(l,[s,"type"]);return["component","dynamiczone"].includes(R)&&!["label","description"].includes(C)||R==="component"&&C!=="label"||["media","json","boolean"].includes(R)&&C==="placeholder"||C==="step"?null:e.createElement(ve.P,{col:6,key:C},e.createElement(Bl,{type:Dr(C).type,hint:C==="mainField"?r({id:(0,ze.Z)("containers.SettingPage.editSettings.relation-field.description")}):"",label:r({id:$()(Dr(C),"label.id","app.utils.defaultMessage")}),name:C,onChange:t,value:$()(c,["metadata",C],""),options:y(R)}))}),{type:b,customField:v}=l[s],{isResizable:L}=m[v]??m[b];return e.createElement(e.Fragment,null,g,L&&e.createElement(ve.P,{col:6,key:"size"},e.createElement(Ve.P,{value:c?.size,name:"size",onChange:C=>{o({name:s,value:C})},label:r({id:(0,ze.Z)("containers.SettingPage.editSettings.size.label"),defaultMessage:"Size"})},Nl.map(([C,R])=>e.createElement(Oe.W,{key:C,value:C},R)))))};Or.propTypes={onMetaChange:n().func.isRequired,onSizeChange:n().func.isRequired};var Wl=Or;const jl=(0,U.ZP)(D.k)`
|
|
77
|
+
svg {
|
|
78
|
+
width: ${32/16}rem;
|
|
79
|
+
height: ${24/16}rem;
|
|
80
|
+
margin-right: ${({theme:t})=>t.spaces[3]};
|
|
81
|
+
}
|
|
82
|
+
`,xn=({onToggle:t,onMetaChange:o,onSizeChange:r,onSubmit:a,type:s,customFieldUid:l})=>{const{selectedField:c}=ut(),{formatMessage:d}=(0,G.Z)(),p=()=>s==="timestamp"?"date":["decimal","float","integer","biginter"].includes(s)?"number":s;return e.createElement(vn.P,{onClose:t,labelledBy:"title"},e.createElement("form",{onSubmit:a},e.createElement(Cn.x,null,e.createElement(jl,null,e.createElement(Tr,{type:p(),customFieldUid:l}),e.createElement(N.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title"},d({id:(0,E.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:Ot()(c)})))),e.createElement(Rn.f,null,e.createElement(Ze.r,{gap:4},e.createElement(Wl,{onMetaChange:o,onSizeChange:r}))),e.createElement(Mn.m,{startActions:e.createElement(de.z,{onClick:t,variant:"tertiary"},d({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(de.z,{type:"submit"},d({id:"global.finish",defaultMessage:"Finish"}))})))};xn.defaultProps={customFieldUid:null},xn.propTypes={customFieldUid:n().string,onSubmit:n().func.isRequired,onToggle:n().func.isRequired,onMetaChange:n().func.isRequired,onSizeChange:n().func.isRequired,type:n().string.isRequired};var zl=xn,Vl=i(3040),ae=i.n(Vl);const Zn=t=>t.reduce((o,r)=>o+r.size,0),Ul=t=>t.reduce((o,r,a)=>{const s={rowId:a,rowContent:r};return o.concat(s)},[]),Et=t=>t.reduce((o,r)=>{let a=[];const s=r.rowContent.reduce((d,p)=>{const m=Zn(d);return p.name==="_TEMP_"||(m+p.size<=12?d.push(p):a.push(p)),d},[]),l=o.length===0?0:Math.max.apply(Math,o.map(d=>d.rowId))+1,c=Zn(s);if(c<12&&s.push({name:"_TEMP_",size:12-c}),o.push({rowId:l,rowContent:s}),a.length>0){const d=Zn(a);d<12&&a.push({name:"_TEMP_",size:12-d}),o.push({rowId:l+1,rowContent:a}),a=[]}return o},[]).filter(o=>o.rowContent.length>0).filter(o=>o.rowContent.length===1?o.rowContent[0].name!=="_TEMP_":!0),ql=t=>t.reduce((o,r)=>{const a=r.rowContent.filter(s=>s.name!=="_TEMP_");return o.concat([a])},[]),Hl=(t,o=[])=>o.reduce((r,{rowContent:a})=>{const s=a.find(l=>l.name===t)?.size??null;return s&&(r=s),r},null),Gl=(t,o,r=[])=>r.map(a=>(a.rowContent=a.rowContent.map(s=>s.name===t?{...s,size:o}:s),a));var Ql=(t,o,r)=>{let a=Ye()(o);return ae()(a,["layouts","edit"],Et(Ul(o.layouts.edit))),{...t,initialData:a,modifiedData:a,componentLayouts:r}},Sn=i(97889);const Ir=6,kn={fieldForm:{},componentLayouts:{},metaToEdit:"",initialData:{},metaForm:{},modifiedData:{}};var Kl=(t=kn,o)=>(0,Sn.ZP)(t,r=>{const a=["modifiedData","layouts","edit"];switch(o.type){case"MOVE_ROW":{const s=$()(t,a,[]),{fromIndex:l,toIndex:c}=o;ae()(r,a,(0,E.W3)(s,l,c));break}case"ON_ADD_FIELD":{const s=Ye()(t),l=$()(s,["modifiedData","attributes",o.name],{}),c=o.fieldSizes[l?.customField]?.default??o.fieldSizes[l?.type]?.default??Ir,d=$()(s,a,[]).length,p=[...a,d-1,"rowContent"],m=$()(s,p,[]);let u=$()(s,a,[]);Array.isArray(m)?ae()(u,[d>0?d-1:0,"rowContent"],[...m,{name:o.name,size:c}]):ae()(u,[d>0?d-1:0,"rowContent"],[{name:o.name,size:c}]);const f=Et(u);ae()(r,a,f);break}case"ON_CHANGE":{ae()(r,["modifiedData",...o.keys],o.value);break}case"ON_CHANGE_META":{ae()(r,["metaForm","metadata",...o.keys],o.value);break}case"ON_CHANGE_SIZE":{ae()(r,["metaForm","size"],o.value);break}case"ON_RESET":{r.modifiedData=t.initialData;break}case"REMOVE_FIELD":{const s=$()(t,[...a,o.rowIndex,"rowContent"],[]);let l=Ye()(t);if(s.length===1||s.length===2&&$()(s,[1,"name"],"")==="_TEMP_"){const d=$()(t,a,[]);ae()(l,a,d.filter((p,m)=>o.rowIndex!==m))}else ae()(l,[...a,o.rowIndex,"rowContent"],s.filter((d,p)=>p!==o.fieldIndex));const c=Et($()(l,a,[]));ae()(r,a,c);break}case"REORDER_DIFF_ROW":{const s=$()(t,[...a,o.dragRowIndex,"rowContent"],[]),l=$()(t,[...a,o.hoverRowIndex,"rowContent"],[]),c=$()(t,[...a,o.dragRowIndex,"rowContent",o.dragIndex],{}),d=[...l,c];let p=Ye()(t);ae()(p,[...a,o.dragRowIndex,"rowContent"],s.filter((u,f)=>o.dragIndex!==f)),ae()(p,[...a,o.hoverRowIndex,"rowContent"],(0,E.W3)(d,d.length-1,o.hoverIndex));const m=Et($()(p,a,[]));ae()(r,a,m);break}case"REORDER_ROW":{const s=Ye()(t),l=$()(s,[...a,o.dragRowIndex,"rowContent"],[]);ae()(s,[...a,o.dragRowIndex,"rowContent"],(0,E.W3)(l,o.dragIndex,o.hoverIndex));const c=Et($()(s,a,[]));ae()(r,a,c);break}case"SET_FIELD_TO_EDIT":{r.metaToEdit=o.name,r.metaForm={metadata:$()(t,["modifiedData","metadatas",o.name,"edit"],{}),size:Hl(o.name,t.modifiedData?.layouts?.edit)??Ir};break}case"SUBMIT_META_FORM":{ae()(r,["modifiedData","metadatas",t.metaToEdit,"edit"],t.metaForm.metadata);const s=Ye()($()(t,a,[])),l=Gl(t.metaToEdit,t.metaForm.size,s);l.length>0&&ae()(r,a,Et(l));break}case"SUBMIT_SUCCEEDED":{r.initialData=t.modifiedData;break}case"UNSET_FIELD_TO_EDIT":{r.metaToEdit="",r.metaForm={};break}default:return r}});const Ln=({mainLayout:t,components:o,isContentTypeView:r,slug:a,updateLayout:s})=>{const[l,c]=(0,e.useReducer)(Kl,kn,()=>Ql(kn,t,o)),[d,p]=(0,e.useState)(!1),{trackUsage:m}=(0,h.rS)(),u=(0,h.lm)(),{goBack:f}=(0,ce.k6)(),[y,g]=(0,e.useState)(!1),[b,v]=(0,e.useState)(!1),{componentLayouts:L,initialData:C,modifiedData:R,metaToEdit:P,metaForm:W}=l,{formatMessage:M}=(0,G.Z)(),O=t.info.displayName,z=R?.attributes??{},w=(0,re.v9)(ft.Jg),{put:T}=(0,h.kY)(),j=Object.keys(z).filter(x=>{const ne=z?.[x]?.type??"";return!["dynamiczone","json","text","relation","component","boolean","media","password","richtext","timestamp"].includes(ne)&&!!ne}),Y=R.layouts.edit,k=Y.flatMap(x=>x.rowContent),Q=Object.keys(R.attributes).filter(x=>(R?.metadatas?.[x]?.edit?.visible??!1)===!0).filter(x=>k.findIndex(ne=>ne.name===x)===-1).sort(),X=({target:{name:x,value:ne}})=>{c({type:"ON_CHANGE",keys:x.split("."),value:ne})},Z=()=>{g(x=>!x)},S=()=>{v(x=>!x)},I=({target:{name:x,value:ne}})=>{c({type:"ON_CHANGE_META",keys:x.split("."),value:ne})},A=({name:x,value:ne})=>{c({type:"ON_CHANGE_SIZE",name:x,value:ne})},ee=x=>{x.preventDefault(),c({type:"SUBMIT_META_FORM"}),Z()},F=x=>{x.preventDefault(),S()},H=(0,Be.useMutation)(x=>T(r?`/content-manager/content-types/${a}/configuration`:`/content-manager/components/${a}/configuration`,x),{onSuccess({data:x}){s&&s(x.data),c({type:"SUBMIT_SUCCEEDED"}),S(),m("didEditEditSettings")},onError(){u({type:"warning",message:{id:"notification.error"}})}}),{isLoading:V}=H,q=()=>{const{layouts:x,metadatas:ne,settings:fe}=Ye()(R);H.mutate({layouts:{...x,edit:ql(x.edit)},metadatas:ne,settings:fe})},J=(x,ne)=>{c({type:"MOVE_RELATION",fromIndex:x,toIndex:ne})},le=(x,ne)=>{c({type:"MOVE_FIELD",fromIndex:x,toIndex:ne})},ye=(x,ne,fe,Te)=>{c(fe===Te?{type:"REORDER_ROW",dragRowIndex:fe,dragIndex:x,hoverIndex:ne}:{type:"REORDER_DIFF_ROW",dragIndex:x,hoverIndex:ne,dragRowIndex:fe,hoverRowIndex:Te})},pe=(x,ne)=>{c({type:"MOVE_ROW",fromIndex:x,toIndex:ne})};return e.createElement(un,{isContentTypeView:r,attributes:z,modifiedData:R,slug:a,componentLayouts:L,selectedField:P,fieldForm:W,onMoveRelation:J,onMoveField:le,moveRow:pe,moveItem:ye,setEditFieldToSelect:x=>{c({type:"SET_FIELD_TO_EDIT",name:x}),Z()},isDraggingSibling:d,setIsDraggingSibling:p},e.createElement(De.o,null,e.createElement("form",{onSubmit:F},e.createElement(Ie.T,{title:M({id:(0,E.OB)("components.SettingsViewWrapper.pluginHeader.title"),defaultMessage:`Configure the view - ${Ot()(O)}`},{name:Ot()(O)}),subtitle:M({id:(0,E.OB)("components.SettingsViewWrapper.pluginHeader.description.edit-settings"),defaultMessage:"Customize how the edit view will look like."}),navigationAction:e.createElement(h.rU,{startIcon:e.createElement(dt.Z,null),onClick:x=>{x.preventDefault(),f()},to:"/"},M({id:"global.back",defaultMessage:"Back"})),primaryAction:e.createElement(de.z,{disabled:Ae()(C,R),startIcon:e.createElement(Ue.Z,null),type:"submit"},M({id:"global.save",defaultMessage:"Save"}))}),e.createElement(tt.D,null,e.createElement(K.x,{background:"neutral0",hasRadius:!0,shadow:"filterShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(D.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(N.Z,{variant:"delta",as:"h2"},M({id:(0,E.OB)("containers.SettingPage.settings"),defaultMessage:"Settings"})),e.createElement(Ze.r,null,e.createElement(ve.P,{col:6,s:12},e.createElement(Ve.P,{label:M({id:(0,E.OB)("containers.SettingPage.editSettings.entry.title"),defaultMessage:"Entry title"}),hint:M({id:(0,E.OB)("containers.SettingPage.editSettings.entry.title.description"),defaultMessage:"Set the display field of your entry"}),onChange:x=>{X({target:{name:"settings.mainField",value:x===""?null:x}})},value:R.settings.mainField},j.map(x=>e.createElement(Oe.W,{key:x,value:x},x))))),e.createElement(K.x,{paddingTop:2,paddingBottom:2},e.createElement(Nt.i,null)),e.createElement(N.Z,{variant:"delta",as:"h3"},M({id:(0,E.OB)("containers.SettingPage.view"),defaultMessage:"View"})),e.createElement(xl,{attributes:z,editLayout:Y,fields:Q,onAddField:x=>{c({type:"ON_ADD_FIELD",name:x,fieldSizes:w})},onRemoveField:(x,ne)=>{c({type:"REMOVE_FIELD",rowIndex:x,fieldIndex:ne})}})))),e.createElement(h.QH,{bodyText:{id:(0,E.OB)("popUpWarning.warning.updateAllSettings"),defaultMessage:"This will modify all your settings"},iconRightButton:e.createElement(Ue.Z,null),isConfirmButtonLoading:V,isOpen:b,onToggleDialog:S,onConfirm:q,variantRightButton:"success-light"})),y&&e.createElement(zl,{onSubmit:ee,onToggle:Z,onMetaChange:I,onSizeChange:A,type:z?.[P]?.type??"",customFieldUid:z?.[P]?.customField??""})))};Ln.defaultProps={isContentTypeView:!1,updateLayout:null},Ln.propTypes={components:n().object.isRequired,isContentTypeView:n().bool,mainLayout:n().shape({attributes:n().object.isRequired,info:n().object.isRequired,layouts:n().shape({list:n().array.isRequired,edit:n().array.isRequired}).isRequired,metadatas:n().object.isRequired,options:n().object.isRequired}).isRequired,slug:n().string.isRequired,updateLayout:n().func};var An=Ln,zt=i(66941),Pr=i(40582);const Yl=()=>({type:Pr.c}),Xl=(t,o)=>({type:Pr.O,layout:t,query:o});var kt=i(9592),Jl=i(76402),_l=()=>(0,e.useContext)(Jl.ux),xr=t=>{const{getAdminInjectedComponents:o}=_l(),[r,a,s]=t.split(".");return o(r,a,s)};const Zr=({area:t,...o})=>xr(t).map(a=>e.createElement(a.Component,{key:a.name,...o}));Zr.propTypes={area:n().string.isRequired};var Vt=Zr,qe=i(84306),rt=i(46491);const Ut=()=>({type:rt.ZA}),Fn=t=>({type:rt.Id,data:t}),$n=(t,o=!1)=>({type:rt.TP,rawQuery:t,isSingleType:o}),Sr=()=>({type:rt.c2}),kr=(t,o)=>({type:rt.w7,componentsDataStructure:t,contentTypeDataStructure:o}),me=t=>({type:rt.d0,status:t}),at=t=>({type:rt.t9,data:t}),ec=()=>({type:rt.tE});var wn=t=>t["content-manager_editViewCrudReducer"];const Bn=({allLayoutData:t,children:o,slug:r,id:a,origin:s})=>{const l=(0,Be.useQueryClient)(),c=(0,h.lm)(),{setCurrentStep:d}=(0,h.c1)(),{trackUsage:p}=(0,h.rS)(),{push:m,replace:u}=(0,ce.k6)(),[{query:f,rawQuery:y}]=(0,h.Kx)(),g=(0,re.I0)(),{componentsDataStructure:b,contentTypeDataStructure:v,data:L,isLoading:C,status:R}=(0,re.v9)(wn),P=(0,be.Ky)(r),{formatAPIError:W}=(0,h.So)(E.OB),M=(0,e.useRef)(!0),O=(0,e.useRef)(p),z=(0,e.useRef)(t),w=(0,h.kY)(),{put:T,post:j,del:Y}=w,k=a===null,Q=k&&!s?null:`/content-manager/collection-types/${r}/${s||a}`,X=(0,e.useCallback)(V=>{const q=(0,E.kc)(V,z.current.contentType,z.current.components);return(0,h.dU)(q,z.current.contentType,z.current.components)},[]);(0,e.useEffect)(()=>{const V=Object.keys(t.components).reduce((le,ye)=>{const pe=(0,E.Di)($()(t,["components",ye,"attributes"],{}),t.components);return le[ye]=(0,h.dU)(pe,t.components[ye],t.components),le},{}),q=(0,E.Di)(t.contentType.attributes,t.components),J=(0,h.dU)(q,t.contentType,t.components);g(kr(V,J))},[t,g]),(0,e.useEffect)(()=>()=>{g(Sr())},[g]),(0,e.useEffect)(()=>{const q=qe.default.CancelToken.source(),J=async ye=>{g(Ut());try{const{data:pe}=await w.get(Q,{cancelToken:ye.token});g(Fn(X(pe)))}catch(pe){if(qe.default.isCancel(pe))return;const x=$()(pe,"response.status",null);if(x===404){m(P);return}x===403&&(c({type:"info",message:{id:(0,E.OB)("permissions.not-allowed.update")}}),m(P))}},le=async()=>{g(Ut()),g($n(y))};return M.current?(Q?J(q):le(),()=>{q.cancel("Operation canceled by the user.")}):()=>{}},[w,X,m,Q,g,y,P,c]);const Z=(0,e.useCallback)(V=>{c({type:"warning",message:W(V)})},[c,W]),S=(0,e.useCallback)(async V=>{try{O.current("willDeleteEntry",V);const{data:q}=await Y(`/content-manager/collection-types/${r}/${a}`);return c({type:"success",message:{id:(0,E.OB)("success.record.delete")}}),O.current("didDeleteEntry",V),u(P),Promise.resolve(q)}catch(q){return O.current("didNotDeleteEntry",{error:q,...V}),Promise.reject(q)}},[a,r,c,Y,P,u]),I=(0,e.useCallback)(async(V,q)=>{const J=typeof s=="string",le=J?`/content-manager/collection-types/${r}/clone/${s}`:`/content-manager/collection-types/${r}`;try{g(me("submit-pending"));const{id:ye,...pe}=V,{data:x}=await j(le,J?pe:V,{params:f});return O.current("didCreateEntry",q),c({type:"success",message:{id:(0,E.OB)("success.record.save")}}),d("contentManager.success"),l.invalidateQueries(["relation"]),g(at(X(x))),g(me("resolved")),u(`/content-manager/collectionType/${r}/${x.id}${y}`),Promise.resolve(x)}catch(ye){return Z(ye),O.current("didNotCreateEntry",{error:ye,trackerProperty:q}),g(me("resolved")),Promise.reject(ye)}},[s,X,Z,u,r,g,f,c,d,l,j,y]),A=(0,e.useCallback)(async()=>{try{O.current("willCheckDraftRelations");const V=`/content-manager/collection-types/${r}/${a}/actions/countDraftRelations`;g(me("draft-relation-check-pending"));const q=await w.get(V);return O.current("didCheckDraftRelations"),g(me("resolved")),q.data.data}catch(V){return Z(V),g(me("resolved")),Promise.reject(V)}},[Z,a,r,g,w]),ee=(0,e.useCallback)(async()=>{try{O.current("willPublishEntry");const V=`/content-manager/collection-types/${r}/${a}/actions/publish`;g(me("publish-pending"));const{data:q}=await j(V);return O.current("didPublishEntry"),g(at(X(q))),g(me("resolved")),c({type:"success",message:{id:(0,E.OB)("success.record.publish")}}),Promise.resolve(q)}catch(V){return Z(V),g(me("resolved")),Promise.reject(V)}},[X,Z,a,r,g,c,j]),F=(0,e.useCallback)(async(V,q)=>{const J=`/content-manager/collection-types/${r}/${a}`;try{O.current("willEditEntry",q),g(me("submit-pending"));const{data:le}=await T(J,V);return O.current("didEditEntry",{trackerProperty:q}),c({type:"success",message:{id:(0,E.OB)("success.record.save")}}),l.invalidateQueries(["relation"]),g(at(X(le))),g(me("resolved")),Promise.resolve(le)}catch(le){return O.current("didNotEditEntry",{error:le,trackerProperty:q}),Z(le),g(me("resolved")),Promise.reject(le)}},[X,Z,r,a,g,c,l,T]),H=(0,e.useCallback)(async()=>{const V=`/content-manager/collection-types/${r}/${a}/actions/unpublish`;g(me("unpublish-pending"));try{O.current("willUnpublishEntry");const{data:q}=await j(V);return O.current("didUnpublishEntry"),c({type:"success",message:{id:(0,E.OB)("success.record.unpublish")}}),g(at(X(q))),g(me("resolved")),Promise.resolve(q)}catch(q){return g(me("resolved")),Z(q),Promise.reject(q)}},[X,Z,a,r,g,c,j]);return o({componentsDataStructure:b,contentTypeDataStructure:v,data:L,isCreatingEntry:k,isLoadingForData:C,onDelete:S,onPost:I,onPublish:ee,onDraftRelationCheck:A,onPut:F,onUnpublish:H,status:R,redirectionLink:P})};Bn.defaultProps={id:null,origin:null},Bn.propTypes={allLayoutData:n().exact({components:n().object.isRequired,contentType:n().shape({apiID:n().string.isRequired,attributes:n().object.isRequired,info:n().object.isRequired,isDisplayed:n().bool.isRequired,kind:n().string.isRequired,layouts:n().object.isRequired,metadatas:n().object.isRequired,options:n().object.isRequired,pluginOptions:n().object,settings:n().object.isRequired,uid:n().string.isRequired}).isRequired}).isRequired,children:n().func.isRequired,id:n().string,origin:n().string,slug:n().string.isRequired};var tc=(0,e.memo)(Bn,Ae()),st=i(99320),Nn=i(65351),Lr=i(3042);const Wn=({hasError:t,isDisabled:o,isOpen:r,children:a,onClick:s})=>e.createElement(nc,{type:"button",onClick:s,disabled:o,hasError:t,background:"neutral0",paddingTop:3,paddingBottom:3,paddingLeft:4,paddingRight:4,style:{cursor:o?"not-allowed":"pointer"}},e.createElement(D.k,{as:"span",gap:2},e.createElement(jn,{"aria-hidden":!0,$isOpen:r,$hasError:t&&!r}),e.createElement(N.Z,{variant:"pi",fontWeight:"bold",textColor:t&&!r?"danger600":"neutral500"},a))),jn=(0,U.ZP)(Lr.Z)`
|
|
83
|
+
height: ${({theme:t})=>t.spaces[6]};
|
|
84
|
+
width: ${({theme:t})=>t.spaces[6]};
|
|
85
|
+
transform: ${({$isOpen:t})=>t?"rotate(45deg)":"rotate(0deg)"};
|
|
86
|
+
> circle {
|
|
87
|
+
fill: ${({theme:t,$hasError:o})=>o?t.colors.danger200:t.colors.neutral150};
|
|
88
|
+
}
|
|
89
|
+
> path {
|
|
90
|
+
fill: ${({theme:t,$hasError:o})=>o?t.colors.danger600:t.colors.neutral600};
|
|
91
|
+
}
|
|
92
|
+
`,nc=(0,U.ZP)(Nn.Y)`
|
|
93
|
+
border-radius: 26px;
|
|
94
|
+
border-color: ${({theme:t})=>t.colors.neutral150};
|
|
95
|
+
box-shadow: ${({theme:t})=>t.shadows.filterShadow};
|
|
96
|
+
|
|
97
|
+
&:hover {
|
|
98
|
+
${N.Z} {
|
|
99
|
+
color: ${({theme:t})=>t.colors.primary600};
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
${jn} {
|
|
103
|
+
> circle {
|
|
104
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
105
|
+
}
|
|
106
|
+
> path {
|
|
107
|
+
fill: ${({theme:t})=>t.colors.neutral100};
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
&:active {
|
|
112
|
+
${N.Z} {
|
|
113
|
+
color: ${({theme:t})=>t.colors.primary600};
|
|
114
|
+
}
|
|
115
|
+
${jn} {
|
|
116
|
+
> circle {
|
|
117
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
118
|
+
}
|
|
119
|
+
> path {
|
|
120
|
+
fill: ${({theme:t})=>t.colors.neutral100};
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
`;Wn.defaultProps={hasError:!1,isDisabled:!1,isOpen:!1},Wn.propTypes={children:n().node.isRequired,hasError:n().bool,isDisabled:n().bool,isOpen:n().bool,onClick:n().func.isRequired};var Ar=i(75293),zn=i(9435),Vn=i(9379),Un=i(79624);const qn=({category:t,components:o,variant:r,isOpen:a,onAddComponent:s,onToggle:l})=>{const{formatMessage:c}=(0,G.Z)(),d=()=>{l(t)};return e.createElement(zn.U,{expanded:a,onToggle:d,size:"S"},e.createElement(Vn.B,{variant:r,title:c({id:t,defaultMessage:t}),togglePosition:"left"}),e.createElement(Un.v,null,e.createElement(K.x,{paddingTop:4,paddingBottom:4,paddingLeft:3,paddingRight:3},e.createElement(oc,null,o.map(({componentUid:p,info:{displayName:m,icon:u}})=>e.createElement(rc,{key:p,as:"button",type:"button",background:"neutral100",justifyContent:"center",onClick:s(p),hasRadius:!0,height:(0,h.Q1)(84),shrink:0,borderColor:"neutral200"},e.createElement(D.k,{direction:"column",gap:1,alignItems:"center",justifyContent:"center"},e.createElement(xt,{icon:u}),e.createElement(N.Z,{variant:"pi",fontWeight:"bold",textColor:"neutral600"},c({id:m,defaultMessage:m})))))))))},oc=U.ZP.div`
|
|
125
|
+
display: grid;
|
|
126
|
+
grid-template-columns: repeat(auto-fit, ${140/16}rem);
|
|
127
|
+
grid-gap: ${({theme:t})=>t.spaces[1]};
|
|
128
|
+
`,rc=(0,U.ZP)(D.k)`
|
|
129
|
+
&:focus,
|
|
130
|
+
&:hover {
|
|
131
|
+
border: 1px solid ${({theme:t})=>t.colors.primary200};
|
|
132
|
+
background: ${({theme:t})=>t.colors.primary100};
|
|
133
|
+
|
|
134
|
+
${N.Z} {
|
|
135
|
+
color: ${({theme:t})=>t.colors.primary600};
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
/* > Flex > ComponentIcon */
|
|
139
|
+
> div > div:first-child {
|
|
140
|
+
background: ${({theme:t})=>t.colors.primary200};
|
|
141
|
+
color: ${({theme:t})=>t.colors.primary600};
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
`;qn.defaultProps={components:[],isOpen:!1,variant:"primary"},qn.propTypes={category:n().string.isRequired,components:n().array,isOpen:n().bool,onAddComponent:n().func.isRequired,onToggle:n().func.isRequired,variant:n().oneOf(["primary","secondary"])};const Hn=({dynamicComponentsByCategory:t,isOpen:o,onClickAddComponent:r})=>{const{formatMessage:a}=(0,G.Z)(),[s,l]=(0,e.useState)("");(0,e.useEffect)(()=>{const p=Object.keys(t);o&&p.length>0&&l(p[0])},[o,t]);const c=p=>()=>{r(p),l("")},d=p=>{l(m=>m===p?"":p)};return o?e.createElement(K.x,{paddingTop:6,paddingBottom:6,paddingLeft:5,paddingRight:5,background:"neutral0",shadow:"tableShadow",borderColor:"neutral150",hasRadius:!0},e.createElement(D.k,{justifyContent:"center"},e.createElement(N.Z,{fontWeight:"bold",textColor:"neutral600"},a({id:(0,E.OB)("components.DynamicZone.ComponentPicker-label"),defaultMessage:"Pick one component"}))),e.createElement(K.x,{paddingTop:2},e.createElement(Ar.k,{attributeName:"data-strapi-accordion-toggle"},Object.entries(t).map(([p,m],u)=>e.createElement(qn,{key:p,category:p,components:m,onAddComponent:c,isOpen:p===s,onToggle:d,variant:u%2===1?"primary":"secondary"}))))):null};Hn.defaultProps={dynamicComponentsByCategory:{},isOpen:!1},Hn.propTypes={dynamicComponentsByCategory:n().shape({components:n().arrayOf(n().shape({componentUid:n().string.isRequired,info:n().object}))}),isOpen:n().bool,onClickAddComponent:n().func.isRequired};var Fr=i(49086),Gn=i(75322),ac=i(61868),sc=i.n(ac);const ic=U.ZP.span`
|
|
145
|
+
> svg {
|
|
146
|
+
width: ${(0,h.Q1)(24)};
|
|
147
|
+
height: ${(0,h.Q1)(24)};
|
|
148
|
+
> circle {
|
|
149
|
+
fill: ${({theme:t})=>t.colors.primary200};
|
|
150
|
+
}
|
|
151
|
+
> path {
|
|
152
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
`,Qn=({error:t,isReadOnly:o,onClick:r})=>{const{formatMessage:a}=(0,G.Z)();return e.createElement(e.Fragment,null,e.createElement(K.x,{as:"button",background:"neutral100",borderColor:t?"danger600":"neutral200",disabled:o,hasRadius:!0,onClick:r,paddingTop:9,paddingBottom:9,type:"button"},e.createElement(D.k,{direction:"column",gap:2},e.createElement(D.k,{justifyContent:"center",style:{cursor:o?"not-allowed":"inherit"}},e.createElement(ic,null,e.createElement(Lr.Z,null))),e.createElement(D.k,{justifyContent:"center"},e.createElement(N.Z,{textColor:"primary600",variant:"pi",fontWeight:"bold"},a({id:(0,E.OB)("components.empty-repeatable"),defaultMessage:"No entry yet. Click on the button below to add one."}))))),t?.id&&e.createElement(N.Z,{textColor:"danger600",variant:"pi"},a(t,{...t.values})))};Qn.defaultProps={error:void 0,isReadOnly:!1},Qn.propTypes={error:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),isReadOnly:n().bool,onClick:n().func.isRequired};var $r=Qn;const Lt=new Map;var Kn=(t=[])=>{const[o,r]=(0,e.useState)(Object.fromEntries(Lt)),a=t.filter(p=>!Lt.get(p)),[s,l]=(0,e.useState)(()=>!!a.length),c=(0,h.mZ)();(0,e.useEffect)(()=>{const p=u=>{r(u),l(!1)},m=async(u,f)=>{const y=await Promise.all(f);u.forEach((g,b)=>{Lt.set(g,y[b].default)}),p(Object.fromEntries(Lt))};if(a.length>0){l(!0);const u=a.reduce((f,y)=>{const g=c.get(y);return g&&f.push(g.components.Input()),f},[]);u.length>0&&m(a,u)}},[a,c]);const d=(0,e.useCallback)(()=>{Lt.clear(),r({})},[]);return{isLazyLoading:s,lazyComponentStore:o,cleanup:d}},lc=i(9086),cc=i.n(lc),dc=i(88708),At=i.n(dc),Yn=i(96377),Ft=i(42567),uc=i(75760),wr=i(99097),mc=i(78495);const pc=(0,U.ZP)(mc.E)`
|
|
156
|
+
svg {
|
|
157
|
+
height: 1rem;
|
|
158
|
+
width: 1rem;
|
|
159
|
+
path {
|
|
160
|
+
fill: ${({theme:t})=>t.colors.neutral400};
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
svg:hover {
|
|
165
|
+
path {
|
|
166
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
`,Br=(0,U.ZP)(D.k)`
|
|
170
|
+
svg {
|
|
171
|
+
height: ${12/16}rem;
|
|
172
|
+
width: ${12/16}rem;
|
|
173
|
+
|
|
174
|
+
path {
|
|
175
|
+
fill: ${({theme:t,available:o})=>o?t.colors.success600:t.colors.danger600};
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
`,gc=(0,U.F4)`
|
|
179
|
+
from {
|
|
180
|
+
transform: rotate(0deg);
|
|
181
|
+
}
|
|
182
|
+
to {
|
|
183
|
+
transform: rotate(359deg);
|
|
184
|
+
}
|
|
185
|
+
`,fc=(0,U.ZP)(D.k)`
|
|
186
|
+
animation: ${gc} 2s infinite linear;
|
|
187
|
+
`;var hc=/^[A-Za-z0-9-_.~]*$/;const Xn=(0,e.forwardRef)(({attribute:t,contentTypeUID:o,hint:r,disabled:a,error:s,intlLabel:l,labelAction:c,name:d,onChange:p,value:m,placeholder:u,required:f},y)=>{const{modifiedData:g,initialData:b,layout:v}=(0,h.Wq)(),[L,C]=(0,e.useState)(!1),[R,P]=(0,e.useState)(null),W=(0,wr.Z)(m,300),M=(0,e.useRef)(),O=(0,h.lm)(),{formatAPIError:z}=(0,h.So)(),w=b[d],{formatMessage:T}=(0,G.Z)(),j=v?.options?.timestamps??0,Y=!b[j],k=(0,wr.Z)(g[t.targetField],300),[Q,X]=(0,e.useState)(!1),[Z,S]=(0,e.useState)(null),{post:I}=(0,h.kY)(),A=l.id?T({id:l.id,defaultMessage:l.defaultMessage},{...l.values}):d,ee=u?T({id:u.id,defaultMessage:u.defaultMessage},{...u.values}):"";M.current=async(J=!1)=>{C(!0);try{const{data:{data:le}}=await I("/content-manager/uid/generate",{contentTypeUID:o,field:d,data:g});p({target:{name:d,value:le,type:"text"}},J),C(!1)}catch(le){C(!1),O({type:"warning",message:z(le)})}};const F=async()=>{if(m){C(!0);try{const{data:J}=await I("/content-manager/uid/check-availability",{contentTypeUID:o,field:d,value:m?m.trim():""});C(!1),P(J)}catch(J){C(!1),O({type:"warning",message:z(J)})}}};(0,e.useEffect)(()=>{!m&&t.required&&M.current(!0)},[t.required,M,m]),(0,e.useEffect)(()=>{W?.trim().match(hc)&&W!==w&&F(),W||P(null)},[w,W]),(0,e.useEffect)(()=>{let J;return R?.isAvailable&&(J=setTimeout(()=>{P(null)},4e3)),()=>{J&&clearTimeout(J)}},[R]),(0,e.useEffect)(()=>{!Q&&Y&&k&&g[t.targetField]&&!m&&M.current(!0)},[k,Q,Y]);const H=()=>{S(T({id:"content-manager.components.uid.regenerate",defaultMessage:"Regenerate"}))},V=()=>{S(null)},q=J=>{J.target.value&&Y&&X(!0),p(J)};return e.createElement(In.o,{ref:y,disabled:a,error:s,endAction:e.createElement(D.k,{position:"relative",gap:1},R&&!Z&&e.createElement(Br,{alignItems:"center",gap:1,justifyContent:"flex-end",available:!!R?.isAvailable,"data-not-here-outer":!0,position:"absolute",pointerEvents:"none",right:6,width:"100px"},R?.isAvailable?e.createElement(Yn.Z,null):e.createElement(Ft.Z,null),e.createElement(N.Z,{textColor:R.isAvailable?"success600":"danger600",variant:"pi"},T(R.isAvailable?{id:"content-manager.components.uid.available",defaultMessage:"Available"}:{id:"content-manager.components.uid.unavailable",defaultMessage:"Unavailable"}))),!a&&e.createElement(e.Fragment,null,Z&&e.createElement(Br,{alignItems:"center",justifyContent:"flex-end",gap:1},e.createElement(N.Z,{textColor:"primary600",variant:"pi"},Z)),e.createElement(pc,{onClick:()=>M.current(),label:T({id:"content-manager.components.uid.regenerate",defaultMessage:"Regenerate"}),onMouseEnter:H,onMouseLeave:V},L?e.createElement(fc,{"data-testid":"loading-wrapper"},e.createElement(uc.Z,null)):e.createElement(hn.Z,null)))),hint:r,label:A,labelAction:c,name:d,onChange:q,placeholder:ee,value:m||"",required:f})});Xn.propTypes={attribute:n().shape({targetField:n().string,required:n().bool}).isRequired,contentTypeUID:n().string.isRequired,disabled:n().bool,error:n().string,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,labelAction:n().element,name:n().string.isRequired,onChange:n().func.isRequired,value:n().string,placeholder:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),required:n().bool,hint:n().oneOfType([n().string,n().array])},Xn.defaultProps={disabled:!1,error:void 0,labelAction:void 0,placeholder:void 0,value:"",required:!1,hint:""};var yc=Xn,Ec=i(88423),bc=i.n(Ec);function vc(t,o){return r=>{const a=o(r);return e.createElement(t,{...r,...a})}}var Cc=vc;const Rc=(t=[],o=[])=>{const r=t.reduce((s,l)=>o.find(c=>c.id===l.id)?s:[...s,l.id],[]),a=o.reduce((s,l)=>t.find(c=>c.id===l.id)?s:[...s,l.id],[]);return[r,a]},mt={DRAFT:"draft",PUBLISHED:"published"},Jn=5,Mc=10;function Tc(t,o){return`/content-manager/collectionType/${t}/${o??""}`}const _n=(t,{shouldAddLink:o,mainFieldName:r,targetModel:a})=>{const s={...t};return o&&(s.href=Tc(a,s.id)),s.publicationState=!1,s?.publishedAt!==void 0&&(s.publicationState=s.publishedAt?mt.PUBLISHED:mt.DRAFT),s.mainField=s[r],s},Dc=(t,{shouldAddLink:o=!1,mainFieldName:r,targetModel:a}={})=>[...t].map(s=>_n(s,{shouldAddLink:o,mainFieldName:r,targetModel:a})),Oc=(t,{mainFieldName:o})=>{const{data:r}=t,{pages:a=[]}=r??{};return{...t,data:a.map(s=>s?.results.map(l=>_n(l,{mainFieldName:o}))).filter(Boolean).flat()}};function Ic({componentUid:t,isUserAllowedToEditField:o,isUserAllowedToReadField:r,name:a,queryInfos:s}){const{isCreatingEntry:l,createActionAllowedFields:c,readActionAllowedFields:d,updateActionAllowedFields:p,slug:m,modifiedData:u}=(0,h.Wq)(),{params:f}=(0,ce.$B)("/content-manager/collectionType/:collectionType/create/clone/:origin")??{},{origin:y}=f??{},g=(0,e.useMemo)(()=>o===!0?!0:(l?c:p).includes(a),[l,c,a,o,p]),b=(0,e.useMemo)(()=>r?!0:(l?[]:d).includes(a),[l,r,a,d]),v=a.split(".");let L;t&&(L=$()(u,v.slice(0,-1))?.id);const C=y||u.id,R=(0,e.useMemo)(()=>l&&!y?null:t?L?`/content-manager/relations/${t}/${L}/${v.at(-1)}`:null:`/content-manager/relations/${m}/${C}/${a.split(".").at(-1)}`,[l,y,t,m,C,a,L,v]),P=(0,e.useMemo)(()=>t?`/content-manager/relations/${t}/${a.split(".").at(-1)}`:`/content-manager/relations/${m}/${a.split(".").at(-1)}`,[t,m,a]);return{entityId:C,componentId:L,isComponentRelation:Boolean(t),queryInfos:{...s,endpoints:{search:P,relation:R}},isCloningEntry:Boolean(y),isCreatingEntry:l,isFieldAllowed:g,isFieldReadable:b}}var Pc=Ic;const xc=(t,{relation:o,search:r})=>{const[a,s]=(0,e.useState)({}),[l,c]=(0,e.useState)(0),{get:d}=(0,h.kY)(),p=async({pageParam:M=1})=>{try{const{data:O}=await d(o?.endpoint,{params:{...o.pageParams??{},page:M}});return c(M),O}catch{return null}},m=async({pageParam:M=1})=>{try{const{data:O}=await d(r.endpoint,{params:{...r.pageParams??{},...a,page:M}});return O}catch{return null}},{onLoad:u,normalizeArguments:f={}}=o,y=(0,Be.useInfiniteQuery)(["relation",...t],p,{cacheTime:0,enabled:o.enabled,getNextPageParam(M){const O=!M?.pagination;if(!(!M||O||M?.pagination.page>=M?.pagination.pageCount))return M.pagination.page+1},select:M=>({...M,pages:M.pages.map(O=>{if(!O)return O;const{data:z,results:w,pagination:T}=O,j=!!z;let Y=[];return j?Y=[z]:w&&(Y=[...w].reverse()),{pagination:T,results:Y}})})}),{pageGoal:g}=o,{status:b,data:v,fetchNextPage:L,hasNextPage:C}=y;(0,e.useEffect)(()=>{g>l&&C&&b==="success"&&L({pageParam:l+1})},[g,l,L,C,b]);const R=(0,h.W6)(u);(0,e.useEffect)(()=>{if(b==="success"&&v&&v.pages?.at(-1)?.results&&R){const M=Dc(v.pages.at(-1).results,f);R(M)}},[b,R,v]);const P=(0,Be.useInfiniteQuery)(["relation",...t,"search",JSON.stringify(a)],m,{enabled:Object.keys(a).length>0,getNextPageParam(M){if(!(!M?.pagination||M.pagination.page>=M.pagination.pageCount))return M.pagination.page+1}});return{relations:y,search:P,searchFor:(M,O={})=>{s({...O,_q:M})}}},Nr=(t,o)=>r=>{const a=r.split(".");return a.reduce((s,l,c)=>{const d=$()(t,s),p=$()(o,[...a.slice(0,c),l,"__temp_key__"]);if(Array.isArray(d)&&typeof p=="number"){const m=d.findIndex(u=>u.__temp_key__===p);return s.push(m.toString()),s}return s.push(l),s},[])};var Zc=i(84458),Wr=i(70843),eo=i(43743),$t=i(11349),to=i(61864),qt=i(98610),Sc=i(41044),no=i(8241);const kc=U.ZP.div`
|
|
188
|
+
flex-shrink: 0;
|
|
189
|
+
width: ${(0,h.Q1)(6)};
|
|
190
|
+
height: ${(0,h.Q1)(6)};
|
|
191
|
+
margin-right: ${({theme:t})=>t.spaces[2]};
|
|
192
|
+
background-color: ${({theme:t,isDraft:o})=>t.colors[o?"secondary600":"success600"]};
|
|
193
|
+
border-radius: 50%;
|
|
194
|
+
`,oo=({publicationState:t,mainField:o,id:r})=>{const{formatMessage:a}=(0,G.Z)(),s=(o??r).toString();if(t){const l=t==="draft",c={id:(0,E.OB)("components.Select.draft-info-title"),defaultMessage:"State: Draft"},d={id:(0,E.OB)("components.Select.publish-info-title"),defaultMessage:"State: Published"},p=a(l?c:d);return e.createElement(no.O,{value:r,textValue:s},e.createElement(D.k,null,e.createElement(kc,{title:p,isDraft:l}),e.createElement(N.Z,{ellipsis:!0},s)))}return e.createElement(no.O,{value:r,textValue:s},s)};oo.defaultProps={mainField:void 0,publicationState:void 0},oo.propTypes={id:n().number.isRequired,mainField:n().oneOfType([n().string,n().number]),publicationState:n().oneOfType([n().string,n().bool])};var jr=i(77622);const Ht=50,bt=4,zr=(0,U.ZP)(D.k)`
|
|
195
|
+
width: 100%;
|
|
196
|
+
/* Used to prevent endAction to be pushed out of container */
|
|
197
|
+
min-width: 0;
|
|
198
|
+
|
|
199
|
+
& > div[role='button'] {
|
|
200
|
+
cursor: all-scroll;
|
|
201
|
+
}
|
|
202
|
+
`,Vr=(0,U.ZP)(D.k)`
|
|
203
|
+
width: 100%;
|
|
204
|
+
/* Used to prevent endAction to be pushed out of container */
|
|
205
|
+
min-width: 0;
|
|
206
|
+
`,ro=({ariaDescribedBy:t,children:o,displayValue:r,canDrag:a,disabled:s,endAction:l,iconButtonAriaLabel:c,style:d,id:p,index:m,name:u,onCancel:f,onDropItem:y,onGrabItem:g,status:b,updatePositionOfRelation:v,...L})=>{const[{handlerId:C,isDragging:R,handleKeyDown:P},W,M,O,z]=(0,jr.Y)(a&&!s,{type:`${E._Q.RELATION}_${u}`,index:m,item:{displayedValue:r,status:b,id:p},onGrabItem:g,onDropItem:y,onCancel:f,onMoveItem:v,dropSensitivity:"immediate"}),w=(0,E.FE)(W,O);return(0,e.useEffect)(()=>{z((0,It.rX)())},[z]),e.createElement(K.x,{style:d,as:"li",ref:M,"aria-describedby":t,cursor:a?"all-scroll":"default"},R?e.createElement(Lc,null):e.createElement(D.k,{paddingTop:2,paddingBottom:2,paddingLeft:a?2:4,paddingRight:4,hasRadius:!0,borderSize:1,borderColor:"neutral200",background:s?"neutral150":"neutral0",justifyContent:"space-between",ref:a?w:void 0,"data-handler-id":C,...L},e.createElement(zr,{gap:1},a?e.createElement(Me.h,{forwardedAs:"div",role:"button",tabIndex:0,"aria-label":c,noBorder:!0,onKeyDown:P,disabled:s},e.createElement(ot.Z,null)):null,e.createElement(Vr,{justifyContent:"space-between"},o)),l&&e.createElement(K.x,{paddingLeft:4},l)))},Lc=()=>e.createElement(K.x,{paddingTop:2,paddingBottom:2,paddingLeft:4,paddingRight:4,hasRadius:!0,borderStyle:"dashed",borderColor:"primary600",borderWidth:"1px",background:"primary100",height:`calc(100% - ${bt}px)`});ro.defaultProps={ariaDescribedBy:"",canDrag:!1,displayValue:"",disabled:!1,endAction:void 0,onCancel:void 0,onDropItem:void 0,onGrabItem:void 0,style:void 0,status:void 0,updatePositionOfRelation:void 0},ro.propTypes={ariaDescribedBy:n().string,canDrag:n().bool,children:n().node.isRequired,displayValue:n().string,disabled:n().bool,endAction:n().node,iconButtonAriaLabel:n().string.isRequired,id:n().number.isRequired,index:n().number.isRequired,name:n().string.isRequired,onCancel:n().func,onDropItem:n().func,onGrabItem:n().func,status:n().string,style:n().shape({height:n().number,left:n().number,position:n().string,right:n().number,width:n().string}),updatePositionOfRelation:n().func};const Ac=(0,U.ZP)(K.x)`
|
|
207
|
+
position: relative;
|
|
208
|
+
overflow: hidden;
|
|
209
|
+
flex: 1;
|
|
210
|
+
|
|
211
|
+
&:before,
|
|
212
|
+
&:after {
|
|
213
|
+
position: absolute;
|
|
214
|
+
width: 100%;
|
|
215
|
+
height: 4px;
|
|
216
|
+
z-index: 1;
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
&:before {
|
|
220
|
+
/* TODO: as for DS Table component we would need this to be handled by the DS theme */
|
|
221
|
+
content: '';
|
|
222
|
+
background: linear-gradient(rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
|
|
223
|
+
top: 0;
|
|
224
|
+
opacity: ${({overflowDirection:t})=>t==="top-bottom"||t==="top"?1:0};
|
|
225
|
+
transition: opacity 0.2s ease-in-out;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
&:after {
|
|
229
|
+
/* TODO: as for DS Table component we would need this to be handled by the DS theme */
|
|
230
|
+
content: '';
|
|
231
|
+
background: linear-gradient(0deg, rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
|
|
232
|
+
bottom: 0;
|
|
233
|
+
opacity: ${({overflowDirection:t})=>t==="top-bottom"||t==="bottom"?1:0};
|
|
234
|
+
transition: opacity 0.2s ease-in-out;
|
|
235
|
+
}
|
|
236
|
+
`,ao=({children:t,overflow:o,...r})=>e.createElement(Ac,{overflowDirection:o,...r},t);ao.defaultProps={overflow:""},ao.propTypes={children:n().node.isRequired,overflow:n().oneOf(["top-bottom","bottom","top",""])};const Ur=(0,U.ZP)(Zc.r)`
|
|
237
|
+
display: block;
|
|
238
|
+
|
|
239
|
+
> span {
|
|
240
|
+
white-space: nowrap;
|
|
241
|
+
overflow: hidden;
|
|
242
|
+
text-overflow: ellipsis;
|
|
243
|
+
display: block;
|
|
244
|
+
}
|
|
245
|
+
`,qr=U.ZP.button`
|
|
246
|
+
svg path {
|
|
247
|
+
fill: ${({theme:t,disabled:o})=>o?t.colors.neutral600:t.colors.neutral500};
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
&:hover svg path,
|
|
251
|
+
&:focus svg path {
|
|
252
|
+
fill: ${({theme:t,disabled:o})=>!o&&t.colors.neutral600};
|
|
253
|
+
}
|
|
254
|
+
`,Fc=(0,U.ZP)(K.x)`
|
|
255
|
+
align-self: flex-start;
|
|
256
|
+
`,so=({canReorder:t,description:o,disabled:r,error:a,iconButtonAriaLabel:s,id:l,name:c,numberOfRelationsToDisplay:d,label:p,labelAction:m,labelLoadMore:u,labelDisconnectRelation:f,listAriaDescription:y,liveText:g,loadingMessage:b,onCancel:v,onDropItem:L,onGrabItem:C,noRelationsMessage:R,onRelationConnect:P,onRelationLoadMore:W,onRelationDisconnect:M,onRelationReorder:O,onSearchNextPage:z,onSearch:w,placeholder:T,publicationStateTranslations:j,required:Y,relations:k,searchResults:Q,size:X})=>{const[Z,S]=(0,e.useState)(""),[I,A]=(0,e.useState)(""),ee=(0,e.useRef)(),F=(0,e.useRef)(),H=(0,h.E2)(c),{data:V}=Q,q=k.data,J=q.length??0,le=(0,e.useMemo)(()=>J>d?Math.min(J,d)*(Ht+bt)+Ht/2:Math.min(J,d)*(Ht+bt),[J,d]),ye=!!u&&k.hasNextPage,pe=(0,e.useMemo)(()=>V.flat().filter(Boolean).map(ue=>({...ue,value:ue.id,label:ue.mainField})),[V]);(0,e.useEffect)(()=>{if(J<=d)return A("");const ue=Ce=>{const Je=Ce.target.parentNode.scrollHeight,pt=Ce.target.scrollHeight-Ce.target.scrollTop;return Ce.target.scrollTop===0?A("bottom"):A(pt===Je?"top":"top-bottom")},Se=F?.current;return!k.isLoading&&q.length>0&&Se&&F.current.addEventListener("scroll",ue),()=>{Se&&Se.removeEventListener("scroll",ue)}},[k,q,d,J]);const x=ue=>{ue&&w()},ne=(ue,Se)=>{O&&ue>=0&&ue<q.length&&O(Se,ue)},fe=(0,be.zH)(q.length),Te=(0,e.useRef)(),$e=()=>{Te.current="loadMore",W()};(0,e.useEffect)(()=>{Te.current==="onChange"&&S(""),Te.current==="onChange"&&q.length!==fe?(ee.current?.scrollToItem(q.length,"end"),Te.current=void 0):Te.current==="loadMore"&&q.length!==fe&&(ee.current?.scrollToItem(0,"start"),Te.current=void 0)},[fe,q]);const We=`${c}-item-instructions`;return e.createElement(D.k,{direction:"column",gap:3,justifyContent:"space-between",alignItems:"stretch",wrap:"wrap"},e.createElement(D.k,{direction:"row",alignItems:"end",justifyContent:"end",gap:2,width:"100%"},e.createElement(Fc,{marginRight:"auto",maxWidth:X<=6?"100%":"70%",width:"100%"},e.createElement(Wr.hQ,{ref:H,autocomplete:"list",error:a,name:c,hint:o,id:l,required:Y,label:p,labelAction:m,disabled:r,placeholder:T,hasMoreItems:Q.hasNextPage,loading:Q.isLoading,onOpenChange:x,noOptionsMessage:()=>R,loadingMessage:b,onLoadMore:()=>{z()},textValue:Z,onChange:ue=>{ue&&(P(pe.find(Se=>Se.id===ue)),Te.current="onChange")},onTextValueChange:ue=>{S(ue)},onInputChange:ue=>{w(ue.currentTarget.value)}},pe.map(ue=>e.createElement(oo,{key:ue.id,...ue})))),ye&&e.createElement(eo.A,{disabled:k.isLoading||k.isFetchingNextPage,onClick:$e,loading:k.isLoading||k.isFetchingNextPage,startIcon:e.createElement(hn.Z,null),shrink:0},u)),q.length>0&&e.createElement(ao,{overflow:I},e.createElement(st.T,{id:We},y),e.createElement(st.T,{"aria-live":"assertive"},g),e.createElement(Sc.t7,{height:le,ref:ee,outerRef:F,itemCount:J,itemSize:Ht+bt,itemData:{name:c,ariaDescribedBy:We,canDrag:t,disabled:r,handleCancel:v,handleDropItem:L,handleGrabItem:C,iconButtonAriaLabel:s,labelDisconnectRelation:f,onRelationDisconnect:M,publicationStateTranslations:j,relations:q,updatePositionOfRelation:ne},itemKey:ue=>`${q[ue].mainField}_${q[ue].id}`,innerElementType:"ol"},io)))},$c=n().shape({data:n().arrayOf(n().shape({href:n().string,id:n().number.isRequired,publicationState:n().oneOfType([n().string,n().bool]),mainField:n().oneOfType([n().string,n().number])})),hasNextPage:n().bool,isFetchingNextPage:n().bool.isRequired,isLoading:n().bool.isRequired,isSuccess:n().bool.isRequired}),wc=n().shape({data:n().arrayOf(n().shape({id:n().number.isRequired,href:n().string,mainField:n().oneOfType([n().string,n().number]),publicationState:n().oneOfType([n().string,n().bool])})),hasNextPage:n().bool,isLoading:n().bool.isRequired,isSuccess:n().bool.isRequired});so.defaultProps={canReorder:!1,description:void 0,disabled:!1,error:void 0,labelAction:null,labelLoadMore:null,liveText:void 0,onCancel:void 0,onDropItem:void 0,onGrabItem:void 0,required:!1,relations:{data:[]},searchResults:{data:[]}},so.propTypes={error:n().string,canReorder:n().bool,description:n().string,disabled:n().bool,iconButtonAriaLabel:n().string.isRequired,id:n().string.isRequired,label:n().string.isRequired,labelAction:n().element,labelLoadMore:n().string,labelDisconnectRelation:n().string.isRequired,listAriaDescription:n().string.isRequired,liveText:n().string,loadingMessage:n().string.isRequired,name:n().string.isRequired,noRelationsMessage:n().string.isRequired,numberOfRelationsToDisplay:n().number.isRequired,onCancel:n().func,onDropItem:n().func,onGrabItem:n().func,onRelationConnect:n().func.isRequired,onRelationDisconnect:n().func.isRequired,onRelationLoadMore:n().func.isRequired,onRelationReorder:n().func.isRequired,onSearch:n().func.isRequired,onSearchNextPage:n().func.isRequired,placeholder:n().string.isRequired,publicationStateTranslations:n().shape({draft:n().string.isRequired,published:n().string.isRequired}).isRequired,required:n().bool,searchResults:wc,size:n().number.isRequired,relations:$c};const io=({data:t,index:o,style:r})=>{const{ariaDescribedBy:a,canDrag:s,disabled:l,handleCancel:c,handleDropItem:d,handleGrabItem:p,iconButtonAriaLabel:m,name:u,labelDisconnectRelation:f,onRelationDisconnect:y,publicationStateTranslations:g,relations:b,updatePositionOfRelation:v}=t,{publicationState:L,href:C,mainField:R,id:P}=b[o],W=L==="draft"?"secondary":"success";return e.createElement(ro,{ariaDescribedBy:a,canDrag:s,disabled:l,displayValue:String(R??P),iconButtonAriaLabel:m,id:P,index:o,name:u,endAction:e.createElement(qr,{"data-testid":`remove-relation-${P}`,disabled:l,type:"button",onClick:()=>y(b[o]),"aria-label":f},e.createElement(yt.J,{width:"12px",as:qt.Z})),onCancel:c,onDropItem:d,onGrabItem:p,status:L||void 0,style:{...r,bottom:r.bottom??0+bt,height:r.height??0-bt},updatePositionOfRelation:v},e.createElement(K.x,{minWidth:0,paddingTop:1,paddingBottom:1,paddingRight:4},e.createElement($t.u,{description:R??`${P}`},C?e.createElement(Ur,{to:C},R??P):e.createElement(N.Z,{textColor:l?"neutral600":"primary600",ellipsis:!0},R??P))),L&&e.createElement(to.q,{variant:W,showBullet:!1,size:"S"},e.createElement(N.Z,{fontWeight:"bold",textColor:`${W}700`},g[L])))};io.defaultProps={data:{}},io.propTypes={data:n().shape({ariaDescribedBy:n().string.isRequired,canDrag:n().bool.isRequired,disabled:n().bool.isRequired,handleCancel:n().func,handleDropItem:n().func,handleGrabItem:n().func,iconButtonAriaLabel:n().string.isRequired,labelDisconnectRelation:n().string.isRequired,name:n().string.isRequired,onRelationDisconnect:n().func.isRequired,publicationStateTranslations:n().shape({draft:n().string.isRequired,published:n().string.isRequired}).isRequired,relations:n().arrayOf(n().shape({href:n().string,id:n().number.isRequired,publicationState:n().oneOfType([n().string,n().bool]),mainField:n().oneOfType([n().string,n().number])})),updatePositionOfRelation:n().func.isRequired}),index:n().number.isRequired,style:n().object.isRequired};var Bc=so;const lo=({error:t,entityId:o,componentId:r,isComponentRelation:a,editable:s,description:l,intlLabel:c,isCreatingEntry:d,isCloningEntry:p,isFieldAllowed:m,isFieldReadable:u,labelAction:f,mainField:y,name:g,queryInfos:{endpoints:b,defaultParams:v,shouldDisplayRelationLink:L},placeholder:C,required:R,relationType:P,size:W,targetModel:M})=>{const[O,z]=(0,e.useState)(""),{formatMessage:w}=(0,G.Z)(),{slug:T,initialData:j,modifiedData:Y,relationConnect:k,relationDisconnect:Q,relationLoad:X,relationReorder:Z}=(0,h.Wq)(),S=g.split("."),I=Nr(j,Y)(g),A=$()(Y,g,[]),ee=Math.ceil($()(j,g,[]).length/Jn),{relations:F,search:H,searchFor:V}=xc([T,I.join("."),Y.id,v],{relation:{enabled:!!b.relation,endpoint:b.relation,pageGoal:ee,pageParams:{...v,pageSize:Jn},onLoad(he){X({target:{initialDataPath:["initialData",...I],modifiedDataPath:["modifiedData",...S],value:he}})},normalizeArguments:{mainFieldName:y.name,shouldAddLink:L,targetModel:M}},search:{endpoint:b.search,pageParams:{...v,entityId:d||p?void 0:a?r:o,pageSize:Mc}}}),q=(0,e.useMemo)(()=>P.toLowerCase().includes("morph"),[P]),J=["oneWay","oneToOne","manyToOne","oneToManyMorph","oneToOneMorph"].includes(P),le=(0,e.useMemo)(()=>q?!0:d?!s:!m&&u||!s,[q,d,s,m,u]),ye=he=>{const Re=_n(he,{mainFieldName:y.name,shouldAddLink:L,targetModel:M});k({name:g,value:Re,toOneRelation:J})},pe=he=>{Q({name:g,id:he.id})},x=()=>{F.fetchNextPage()},ne=(he="")=>{const[Re,_e]=Rc(A,$()(j,g));V(he,{idsToInclude:_e,idsToOmit:Re})},fe=()=>{H.fetchNextPage()},Te=he=>`${he+1} of ${A.length}`,$e=(he,Re)=>{const _e=A[he];z(w({id:(0,E.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:_e.mainField??_e.id,position:Te(Re)})),Z({name:g,newIndex:Re,oldIndex:he})},We=he=>{const Re=A[he];z(w({id:(0,E.OB)("dnd.grab-item"),defaultMessage:"{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel."},{item:Re.mainField??Re.id,position:Te(he)}))},ue=he=>{const Re=A[he];z(w({id:(0,E.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:Re.mainField??Re.id,position:Te(he)}))},Se=he=>{const Re=A[he];z(w({id:(0,E.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:Re.mainField??Re.id}))};if(!m&&d||!d&&!m&&!u)return e.createElement(h.X0,{name:g,intlLabel:c,labelAction:f});const Ce=A.length,Je=($()(j,I)??[]).length,pt=F.data?.pages[0]?.pagination?.total??0,gt=!F.data&&Ce===Je?Ce:Ce-Je+pt;return e.createElement(Bc,{error:t,canReorder:!J,description:l,disabled:le,iconButtonAriaLabel:w({id:(0,E.OB)("components.RelationInput.icon-button-aria-label"),defaultMessage:"Drag"}),id:g,label:`${w({id:c.id,defaultMessage:c.defaultMessage})} ${gt>0?`(${gt})`:""}`,labelAction:f,labelLoadMore:!d||p?w({id:(0,E.OB)("relation.loadMore"),defaultMessage:"Load More"}):null,labelDisconnectRelation:w({id:(0,E.OB)("relation.disconnect"),defaultMessage:"Remove"}),listAriaDescription:w({id:(0,E.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"}),listHeight:320,liveText:O,loadingMessage:w({id:(0,E.OB)("relation.isLoading"),defaultMessage:"Relations are loading"}),name:g,noRelationsMessage:w({id:(0,E.OB)("relation.notAvailable"),defaultMessage:"No relations available"}),numberOfRelationsToDisplay:Jn,onDropItem:ue,onGrabItem:We,onCancel:Se,onRelationConnect:ye,onRelationDisconnect:pe,onRelationLoadMore:x,onRelationReorder:$e,onSearch:he=>ne(he),onSearchNextPage:()=>fe(),placeholder:w(C||{id:(0,E.OB)("relation.add"),defaultMessage:"Add relation"}),publicationStateTranslations:{[mt.DRAFT]:w({id:(0,E.OB)("relation.publicationState.draft"),defaultMessage:"Draft"}),[mt.PUBLISHED]:w({id:(0,E.OB)("relation.publicationState.published"),defaultMessage:"Published"})},relations:bc()({...F,data:A},"data","hasNextPage","isFetchingNextPage","isLoading","isSuccess"),required:R,searchResults:Oc(H,{mainFieldName:y.name}),size:W})};lo.defaultProps={componentId:void 0,entityId:void 0,editable:!0,error:void 0,description:"",labelAction:null,isComponentRelation:!1,isFieldAllowed:!0,placeholder:null,required:!1},lo.propTypes={componentId:n().number,entityId:n().number,editable:n().bool,error:n().string,description:n().string,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,labelAction:n().element,isCloningEntry:n().bool.isRequired,isCreatingEntry:n().bool.isRequired,isComponentRelation:n().bool,isFieldAllowed:n().bool,isFieldReadable:n().bool.isRequired,mainField:n().shape({name:n().string.isRequired,schema:n().shape({type:n().string.isRequired}).isRequired}).isRequired,name:n().string.isRequired,placeholder:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),required:n().bool,relationType:n().string.isRequired,size:n().number.isRequired,targetModel:n().string.isRequired,queryInfos:n().shape({defaultParams:n().shape({locale:n().string}),endpoints:n().shape({relation:n().string,search:n().string.isRequired}).isRequired,shouldDisplayRelationLink:n().bool.isRequired}).isRequired};const Nc=(0,e.memo)(lo);var Wc=Cc(Nc,Pc);const co=({id:t,error:o,name:r,hint:a})=>a.length===0||o?null:e.createElement(N.Z,{as:"p",variant:"pi",id:`${t||r}-hint`,textColor:"neutral600"},a);co.defaultProps={id:void 0,error:void 0,hint:""},co.propTypes={hint:n().oneOfType([n().string,n().array]),error:n().string,id:n().string,name:n().string.isRequired};var jc=co,zc=i(87702),uo=i.n(zc),mo=i(59845),Vc=i(88591),Uc=i.n(Vc),qc=i(20871),Hc=i.n(qc),Gc=i(48375),Hr=i.n(Gc),Qc=i(31089),Kc=i.n(Qc),Yc=i(16043),Xc=i.n(Yc),Jc=i(5109),_c=i.n(Jc),ed=i(47955),td=i.n(ed),nd=i(95706),od=i.n(nd),rd=i(6658),ad=i.n(rd),sd=i(36407),id=i.n(sd);(async()=>{await i.e(7347).then(i.bind(i,74194))})();const vt=new(Uc())({html:!0,xhtmlOut:!1,breaks:!0,langPrefix:"language-",linkify:!0,typographer:!0,highlight(t,o){if(o&&o!=="auto"&&(0,mo.getLanguage)(o))return'<pre class="hljs language-'+vt.utils.escapeHtml(o.toLowerCase())+'"><code>'+(0,mo.highlight)(o,t,!0).value+"</code></pre>";if(o==="auto"){const r=(0,mo.highlightAuto)(t);return'<pre class="hljs language-'+vt.utils.escapeHtml(r.language)+'"><code>'+r.value+"</code></pre>"}return'<pre class="hljs"><code>'+vt.utils.escapeHtml(t)+"</code></pre>"}}).use(Hc()).use(Hr(),"warning").use(Hr(),"tip").use(Kc()).use(Xc()).use(_c()).use(td()).use(od()).use(ad()).use(id());vt.renderer.rules.footnote_ref=(t,o,r,a,s)=>'<sup class="footnote-ref"><span>'+s.rules.footnote_caption(t,o,r,a,s)+"</span></sup>",vt.renderer.rules.footnote_anchor=()=>' <span class="footnote-backref">\u21A9\uFE0E</span>';var ld=vt,cd=i(13993),Gr=i.n(cd);const dd={...Gr().defaults,allowedTags:!1,allowedAttributes:{"*":["href","align","alt","center","width","height","type","controls","target"],img:["src","alt"],source:["src","type"]}};var ud=t=>Gr()(t,dd),md=U.ZP.div`
|
|
257
|
+
position: absolute;
|
|
258
|
+
top: 0;
|
|
259
|
+
width: 100%;
|
|
260
|
+
height: 100%;
|
|
261
|
+
overflow: auto;
|
|
262
|
+
padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
|
|
263
|
+
font-size: ${14/16}rem;
|
|
264
|
+
background-color: ${({theme:t})=>t.colors.neutral0};
|
|
265
|
+
color: ${({theme:t})=>t.colors.neutral800};
|
|
266
|
+
line-height: ${({theme:t})=>t.lineHeights[6]};
|
|
267
|
+
|
|
268
|
+
h1,
|
|
269
|
+
h2,
|
|
270
|
+
h3,
|
|
271
|
+
h4,
|
|
272
|
+
h5,
|
|
273
|
+
h6 {
|
|
274
|
+
margin-block-start: ${({theme:t})=>t.spaces[2]};
|
|
275
|
+
margin-block-end: ${({theme:t})=>t.spaces[2]};
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
p {
|
|
279
|
+
margin-bottom: ${({theme:t})=>t.spaces[2]};
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
h1 {
|
|
283
|
+
font-size: ${36/16}rem;
|
|
284
|
+
font-weight: 600;
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
h2 {
|
|
288
|
+
font-size: ${30/16}rem;
|
|
289
|
+
font-weight: 500;
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
h3 {
|
|
293
|
+
font-size: ${24/16}rem;
|
|
294
|
+
font-weight: 500;
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
h4 {
|
|
298
|
+
font-size: ${20/16}rem;
|
|
299
|
+
font-weight: 500;
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
strong {
|
|
303
|
+
font-weight: 800;
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
em {
|
|
307
|
+
font-style: italic;
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
blockquote {
|
|
311
|
+
margin-top: ${({theme:t})=>t.spaces[8]};
|
|
312
|
+
margin-bottom: ${({theme:t})=>t.spaces[7]};
|
|
313
|
+
font-size: ${14/16}rem;
|
|
314
|
+
font-weight: 400;
|
|
315
|
+
border-left: 4px solid ${({theme:t})=>t.colors.neutral150};
|
|
316
|
+
font-style: italic;
|
|
317
|
+
padding: ${({theme:t})=>t.spaces[2]} ${({theme:t})=>t.spaces[5]};
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
img {
|
|
321
|
+
max-width: 100%;
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
table {
|
|
325
|
+
thead {
|
|
326
|
+
background: ${({theme:t})=>t.colors.neutral150};
|
|
327
|
+
|
|
328
|
+
th {
|
|
329
|
+
padding: ${({theme:t})=>t.spaces[4]};
|
|
330
|
+
}
|
|
331
|
+
}
|
|
332
|
+
tr {
|
|
333
|
+
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
334
|
+
}
|
|
335
|
+
th,
|
|
336
|
+
td {
|
|
337
|
+
padding: ${({theme:t})=>t.spaces[4]};
|
|
338
|
+
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
339
|
+
border-bottom: 0;
|
|
340
|
+
border-top: 0;
|
|
341
|
+
}
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
pre,
|
|
345
|
+
code {
|
|
346
|
+
font-size: ${14/16}rem;
|
|
347
|
+
border-radius: 4px;
|
|
348
|
+
/*
|
|
349
|
+
Hard coded since the color is the same between themes,
|
|
350
|
+
theme.colors.neutral800 changes between themes.
|
|
351
|
+
|
|
352
|
+
Matches the color of the JSON Input component.
|
|
353
|
+
*/
|
|
354
|
+
background-color: #32324d;
|
|
355
|
+
max-width: 100%;
|
|
356
|
+
overflow: auto;
|
|
357
|
+
padding: ${({theme:t})=>t.spaces[2]};
|
|
358
|
+
}
|
|
359
|
+
|
|
360
|
+
/* Inline code */
|
|
361
|
+
p,
|
|
362
|
+
pre,
|
|
363
|
+
td {
|
|
364
|
+
> code {
|
|
365
|
+
color: #839496;
|
|
366
|
+
}
|
|
367
|
+
}
|
|
368
|
+
|
|
369
|
+
ol {
|
|
370
|
+
list-style-type: decimal;
|
|
371
|
+
margin-block-start: ${({theme:t})=>t.spaces[4]};
|
|
372
|
+
margin-block-end: ${({theme:t})=>t.spaces[4]};
|
|
373
|
+
margin-inline-start: 0px;
|
|
374
|
+
margin-inline-end: 0px;
|
|
375
|
+
padding-inline-start: ${({theme:t})=>t.spaces[4]};
|
|
376
|
+
|
|
377
|
+
ol,
|
|
378
|
+
ul {
|
|
379
|
+
margin-block-start: 0px;
|
|
380
|
+
margin-block-end: 0px;
|
|
381
|
+
}
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
ul {
|
|
385
|
+
list-style-type: disc;
|
|
386
|
+
margin-block-start: ${({theme:t})=>t.spaces[4]};
|
|
387
|
+
margin-block-end: ${({theme:t})=>t.spaces[4]};
|
|
388
|
+
margin-inline-start: 0px;
|
|
389
|
+
margin-inline-end: 0px;
|
|
390
|
+
padding-inline-start: ${({theme:t})=>t.spaces[4]};
|
|
391
|
+
|
|
392
|
+
ul,
|
|
393
|
+
ol {
|
|
394
|
+
margin-block-start: 0px;
|
|
395
|
+
margin-block-end: 0px;
|
|
396
|
+
}
|
|
397
|
+
}
|
|
398
|
+
`;const po=({data:t})=>{const o=(0,e.useMemo)(()=>ud(ld.render(t.replaceAll("\\n",`
|
|
399
|
+
`)||"")),[t]);return e.createElement(md,null,e.createElement("div",{dangerouslySetInnerHTML:{__html:o}}))};po.defaultProps={data:""},po.propTypes={data:n().string};var Qr=(0,e.memo)(po),Gt=/^(\s*)(>[> ]*|[*+-] \[[x ]\]\s|[*+-]\s|(\d+)([.)]))(\s*)/,pd=/^(\s*)(>[> ]*|[*+-] \[[x ]\]|[*+-]|(\d+)[.)])(\s*)$/,gd=/[*+-]\s/;function fd(t){if(t.getOption("disableInput"))return uo().Pass;for(var o=t.listSelections(),r=[],a=0;a<o.length;a++){var s=o[a].head,l=t.getStateAfter(s.line),c=l.list!==!1,d=l.quote!==0,p=t.getLine(s.line),m=Gt.exec(p),u=/^\s*$/.test(p.slice(0,s.ch));if(!o[a].empty()||!c&&!d||!m||u){t.execCommand("newlineAndIndent");return}if(pd.test(p)){var f=d&&/>\s*$/.test(p),y=!/>\s*$/.test(p);(f||y)&&t.replaceRange("",{line:s.line,ch:0},{line:s.line,ch:s.ch+1}),r[a]=`
|
|
400
|
+
`}else{var g=m[1],b=m[5],v=!(gd.test(m[2])||m[2].indexOf(">")>=0),L=v?parseInt(m[3],10)+1+m[4]:m[2].replace("x"," ");r[a]=`
|
|
401
|
+
`+g+L+b,v&&hd(t,s)}}t.replaceSelections(r)}function hd(t,o){var r=o.line,a=0,s=0,l=Gt.exec(t.getLine(r)),c=l[1];do{a+=1;var d=r+a,p=t.getLine(d),m=Gt.exec(p);if(m){var u=m[1],f=parseInt(l[3],10)+a-s,y=parseInt(m[3],10),g=y;if(c===u&&!isNaN(y))f===y&&(g=y+1),f>y&&(g=f+1),t.replaceRange(p.replace(Gt,u+g+m[4]+m[5]),{line:d,ch:0},{line:d,ch:p.length});else{if(c.length>u.length||c.length<u.length&&a===1)return;s+=1}}}while(m)}var yd=fd,mg=i(27217);const go=(0,e.forwardRef)(({disabled:t,editorRef:o,error:r,isPreviewMode:a,isExpandMode:s,name:l,onChange:c,placeholder:d,textareaRef:p,value:m},u)=>{const f=(0,e.useRef)(c);return(0,e.useEffect)(()=>{o.current=uo().fromTextArea(p.current,{lineWrapping:!0,extraKeys:{Enter:"newlineAndIndentContinueMarkdownList",Tab:!1,"Shift-Tab":!1},readOnly:!1,smartIndent:!1,placeholder:d,spellcheck:!0,inputStyle:"contenteditable"}),uo().commands.newlineAndIndentContinueMarkdownList=yd,o.current.on("change",y=>{f.current({target:{name:l,value:y.getValue(),type:"wysiwyg"}})})},[o,p,l,d]),(0,e.useEffect)(()=>{m&&!o.current.hasFocus()&&o.current.setValue(m)},[o,m]),(0,e.useEffect)(()=>{a||t?o.current.setOption("readOnly","nocursor"):o.current.setOption("readOnly",!1)},[t,a,o]),(0,e.useEffect)(()=>{r?o.current.setOption("screenReaderLabel",r):o.current.setOption("screenReaderLabel","Editor")},[o,r]),(0,e.useImperativeHandle)(u,()=>({focus(){o.current.getInputField().focus()},scrollIntoView(y){o.current.getInputField().scrollIntoView(y)}}),[o]),e.createElement(Ed,null,e.createElement(bd,{isExpandMode:s,disabled:t||a},e.createElement("textarea",{ref:p})),a&&e.createElement(Qr,{data:m}))});go.defaultProps={disabled:!1,error:void 0,isPreviewMode:!1,isExpandMode:!1,placeholder:"",value:""},go.propTypes={disabled:n().bool,editorRef:n().shape({current:n().any}).isRequired,error:n().string,isPreviewMode:n().bool,isExpandMode:n().bool,name:n().string.isRequired,onChange:n().func.isRequired,placeholder:n().string,textareaRef:n().shape({current:n().any}).isRequired,value:n().string};const Ed=U.ZP.div`
|
|
402
|
+
position: relative;
|
|
403
|
+
height: calc(100% - 48px);
|
|
404
|
+
`,bd=U.ZP.div`
|
|
405
|
+
cursor: ${({disabled:t})=>t?"not-allowed !important":"auto"};
|
|
406
|
+
height: 100%;
|
|
407
|
+
/* BASICS */
|
|
408
|
+
.CodeMirror-placeholder {
|
|
409
|
+
color: ${({theme:t})=>t.colors.neutral600} !important;
|
|
410
|
+
}
|
|
411
|
+
|
|
412
|
+
.CodeMirror {
|
|
413
|
+
/* Set height, width, borders, and global font properties here */
|
|
414
|
+
font-size: ${14/16}rem;
|
|
415
|
+
height: ${({isExpandMode:t})=>t?"100%":"290px"};
|
|
416
|
+
color: ${({theme:t})=>t.colors.neutral800};
|
|
417
|
+
direction: ltr;
|
|
418
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
|
|
419
|
+
'Open Sans', 'Helvetica Neue', sans-serif;
|
|
420
|
+
}
|
|
421
|
+
|
|
422
|
+
/* PADDING */
|
|
423
|
+
|
|
424
|
+
.CodeMirror-lines {
|
|
425
|
+
padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
|
|
426
|
+
/* Vertical padding around content */
|
|
427
|
+
}
|
|
428
|
+
|
|
429
|
+
.CodeMirror-scrollbar-filler,
|
|
430
|
+
.CodeMirror-gutter-filler {
|
|
431
|
+
/* The little square between H and V scrollbars */
|
|
432
|
+
background-color: ${({theme:t})=>`${t.colors.neutral0}`};
|
|
433
|
+
}
|
|
434
|
+
|
|
435
|
+
/* GUTTER */
|
|
436
|
+
|
|
437
|
+
.CodeMirror-gutters {
|
|
438
|
+
border-right: 1px solid #ddd;
|
|
439
|
+
background-color: #f7f7f7;
|
|
440
|
+
white-space: nowrap;
|
|
441
|
+
}
|
|
442
|
+
.CodeMirror-linenumbers {
|
|
443
|
+
}
|
|
444
|
+
.CodeMirror-linenumber {
|
|
445
|
+
padding: 0 3px 0 5px;
|
|
446
|
+
min-width: 20px;
|
|
447
|
+
text-align: right;
|
|
448
|
+
color: #999;
|
|
449
|
+
white-space: nowrap;
|
|
450
|
+
}
|
|
451
|
+
|
|
452
|
+
.CodeMirror-guttermarker {
|
|
453
|
+
color: black;
|
|
454
|
+
}
|
|
455
|
+
.CodeMirror-guttermarker-subtle {
|
|
456
|
+
color: #999;
|
|
457
|
+
}
|
|
458
|
+
|
|
459
|
+
/* CURSOR */
|
|
460
|
+
|
|
461
|
+
.CodeMirror-cursor {
|
|
462
|
+
border-left: 1px solid black;
|
|
463
|
+
border-right: none;
|
|
464
|
+
width: 0;
|
|
465
|
+
}
|
|
466
|
+
/* Shown when moving in bi-directional text */
|
|
467
|
+
.CodeMirror div.CodeMirror-secondarycursor {
|
|
468
|
+
border-left: 1px solid silver;
|
|
469
|
+
}
|
|
470
|
+
.cm-fat-cursor .CodeMirror-cursor {
|
|
471
|
+
width: auto;
|
|
472
|
+
border: 0 !important;
|
|
473
|
+
background: #7e7;
|
|
474
|
+
}
|
|
475
|
+
.cm-fat-cursor div.CodeMirror-cursors {
|
|
476
|
+
/* z-index: 1; */
|
|
477
|
+
}
|
|
478
|
+
|
|
479
|
+
.cm-fat-cursor-mark {
|
|
480
|
+
background-color: rgba(20, 255, 20, 0.5);
|
|
481
|
+
-webkit-animation: blink 1.06s steps(1) infinite;
|
|
482
|
+
-moz-animation: blink 1.06s steps(1) infinite;
|
|
483
|
+
animation: blink 1.06s steps(1) infinite;
|
|
484
|
+
}
|
|
485
|
+
.cm-animate-fat-cursor {
|
|
486
|
+
width: auto;
|
|
487
|
+
border: 0;
|
|
488
|
+
-webkit-animation: blink 1.06s steps(1) infinite;
|
|
489
|
+
-moz-animation: blink 1.06s steps(1) infinite;
|
|
490
|
+
animation: blink 1.06s steps(1) infinite;
|
|
491
|
+
background-color: #7e7;
|
|
492
|
+
}
|
|
493
|
+
|
|
494
|
+
/* Can style cursor different in overwrite (non-insert) mode */
|
|
495
|
+
.CodeMirror-overwrite .CodeMirror-cursor {
|
|
496
|
+
}
|
|
497
|
+
|
|
498
|
+
.cm-tab {
|
|
499
|
+
display: inline-block;
|
|
500
|
+
text-decoration: inherit;
|
|
501
|
+
}
|
|
502
|
+
|
|
503
|
+
.CodeMirror-rulers {
|
|
504
|
+
position: absolute;
|
|
505
|
+
left: 0;
|
|
506
|
+
right: 0;
|
|
507
|
+
top: -50px;
|
|
508
|
+
bottom: 0;
|
|
509
|
+
overflow: hidden;
|
|
510
|
+
}
|
|
511
|
+
.CodeMirror-ruler {
|
|
512
|
+
border-left: 1px solid #ccc;
|
|
513
|
+
top: 0;
|
|
514
|
+
bottom: 0;
|
|
515
|
+
position: absolute;
|
|
516
|
+
}
|
|
517
|
+
|
|
518
|
+
/* DEFAULT THEME */
|
|
519
|
+
|
|
520
|
+
.cm-header,
|
|
521
|
+
.cm-strong {
|
|
522
|
+
font-weight: bold;
|
|
523
|
+
}
|
|
524
|
+
.cm-em {
|
|
525
|
+
font-style: italic;
|
|
526
|
+
}
|
|
527
|
+
.cm-link {
|
|
528
|
+
text-decoration: underline;
|
|
529
|
+
}
|
|
530
|
+
.cm-strikethrough {
|
|
531
|
+
text-decoration: line-through;
|
|
532
|
+
}
|
|
533
|
+
|
|
534
|
+
.CodeMirror-composing {
|
|
535
|
+
border-bottom: 2px solid;
|
|
536
|
+
}
|
|
537
|
+
|
|
538
|
+
/* Default styles for common addons */
|
|
539
|
+
|
|
540
|
+
div.CodeMirror span.CodeMirror-matchingbracket {
|
|
541
|
+
color: #0b0;
|
|
542
|
+
}
|
|
543
|
+
div.CodeMirror span.CodeMirror-nonmatchingbracket {
|
|
544
|
+
color: #a22;
|
|
545
|
+
}
|
|
546
|
+
.CodeMirror-matchingtag {
|
|
547
|
+
background: rgba(255, 150, 0, 0.3);
|
|
548
|
+
}
|
|
549
|
+
.CodeMirror-activeline-background {
|
|
550
|
+
background: #e8f2ff;
|
|
551
|
+
}
|
|
552
|
+
|
|
553
|
+
/* STOP */
|
|
554
|
+
|
|
555
|
+
/* The rest of this file contains styles related to the mechanics of
|
|
556
|
+
the editor. You probably shouldn't touch them. */
|
|
557
|
+
|
|
558
|
+
.CodeMirror {
|
|
559
|
+
position: relative;
|
|
560
|
+
overflow: hidden;
|
|
561
|
+
background: ${({theme:t})=>`${t.colors.neutral0}`};
|
|
562
|
+
}
|
|
563
|
+
|
|
564
|
+
.CodeMirror-scroll {
|
|
565
|
+
overflow: scroll !important; /* Things will break if this is overridden */
|
|
566
|
+
/* 50px is the magic margin used to hide the element's real scrollbars */
|
|
567
|
+
/* See overflow: hidden in .CodeMirror */
|
|
568
|
+
margin-bottom: -50px;
|
|
569
|
+
margin-right: -50px;
|
|
570
|
+
padding-bottom: 50px;
|
|
571
|
+
height: 100%;
|
|
572
|
+
outline: none; /* Prevent dragging from highlighting the element */
|
|
573
|
+
position: relative;
|
|
574
|
+
}
|
|
575
|
+
.CodeMirror-sizer {
|
|
576
|
+
position: relative;
|
|
577
|
+
border-right: 50px solid transparent;
|
|
578
|
+
}
|
|
579
|
+
|
|
580
|
+
/* The fake, visible scrollbars. Used to force redraw during scrolling
|
|
581
|
+
before actual scrolling happens, thus preventing shaking and
|
|
582
|
+
flickering artifacts. */
|
|
583
|
+
.CodeMirror-vscrollbar,
|
|
584
|
+
.CodeMirror-hscrollbar,
|
|
585
|
+
.CodeMirror-scrollbar-filler,
|
|
586
|
+
.CodeMirror-gutter-filler {
|
|
587
|
+
position: absolute;
|
|
588
|
+
z-index: 1;
|
|
589
|
+
display: none;
|
|
590
|
+
outline: none;
|
|
591
|
+
}
|
|
592
|
+
|
|
593
|
+
.CodeMirror-vscrollbar {
|
|
594
|
+
right: 0;
|
|
595
|
+
top: 0;
|
|
596
|
+
overflow-x: hidden;
|
|
597
|
+
overflow-y: scroll;
|
|
598
|
+
}
|
|
599
|
+
.CodeMirror-hscrollbar {
|
|
600
|
+
bottom: 0;
|
|
601
|
+
left: 0;
|
|
602
|
+
overflow-y: hidden;
|
|
603
|
+
overflow-x: scroll;
|
|
604
|
+
}
|
|
605
|
+
.CodeMirror-scrollbar-filler {
|
|
606
|
+
right: 0;
|
|
607
|
+
bottom: 0;
|
|
608
|
+
}
|
|
609
|
+
|
|
610
|
+
.CodeMirror-lines {
|
|
611
|
+
cursor: text;
|
|
612
|
+
min-height: 1px; /* prevents collapsing before first draw */
|
|
613
|
+
}
|
|
614
|
+
/* Reset some styles that the rest of the page might have set */
|
|
615
|
+
.CodeMirror pre.CodeMirror-line,
|
|
616
|
+
.CodeMirror pre.CodeMirror-line-like {
|
|
617
|
+
-moz-border-radius: 0;
|
|
618
|
+
-webkit-border-radius: 0;
|
|
619
|
+
border-radius: 0;
|
|
620
|
+
border-width: 0;
|
|
621
|
+
background: transparent;
|
|
622
|
+
font-family: inherit;
|
|
623
|
+
font-size: inherit;
|
|
624
|
+
margin: 0;
|
|
625
|
+
white-space: pre;
|
|
626
|
+
word-wrap: normal;
|
|
627
|
+
line-height: 1.5;
|
|
628
|
+
color: inherit;
|
|
629
|
+
/* z-index: 2; */
|
|
630
|
+
position: relative;
|
|
631
|
+
overflow: visible;
|
|
632
|
+
-webkit-tap-highlight-color: transparent;
|
|
633
|
+
-webkit-font-variant-ligatures: contextual;
|
|
634
|
+
font-variant-ligatures: contextual;
|
|
635
|
+
}
|
|
636
|
+
|
|
637
|
+
.CodeMirror pre.CodeMirror-line-like {
|
|
638
|
+
z-index: 2;
|
|
639
|
+
}
|
|
640
|
+
|
|
641
|
+
.CodeMirror-wrap pre.CodeMirror-line,
|
|
642
|
+
.CodeMirror-wrap pre.CodeMirror-line-like {
|
|
643
|
+
word-wrap: break-word;
|
|
644
|
+
white-space: pre-wrap;
|
|
645
|
+
word-break: normal;
|
|
646
|
+
}
|
|
647
|
+
|
|
648
|
+
.CodeMirror-linebackground {
|
|
649
|
+
position: absolute;
|
|
650
|
+
left: 0;
|
|
651
|
+
right: 0;
|
|
652
|
+
top: 0;
|
|
653
|
+
bottom: 0;
|
|
654
|
+
z-index: 0;
|
|
655
|
+
}
|
|
656
|
+
|
|
657
|
+
.CodeMirror-linewidget {
|
|
658
|
+
position: relative;
|
|
659
|
+
/* z-index: 2; */
|
|
660
|
+
padding: 0.1px; /* Force widget margins to stay inside of the container */
|
|
661
|
+
}
|
|
662
|
+
|
|
663
|
+
.CodeMirror-widget {
|
|
664
|
+
}
|
|
665
|
+
|
|
666
|
+
.CodeMirror-rtl pre {
|
|
667
|
+
direction: rtl;
|
|
668
|
+
}
|
|
669
|
+
|
|
670
|
+
.CodeMirror-code {
|
|
671
|
+
outline: none;
|
|
672
|
+
}
|
|
673
|
+
|
|
674
|
+
/* Force content-box sizing for the elements where we expect it */
|
|
675
|
+
.CodeMirror-scroll,
|
|
676
|
+
.CodeMirror-sizer,
|
|
677
|
+
.CodeMirror-gutter,
|
|
678
|
+
.CodeMirror-gutters,
|
|
679
|
+
.CodeMirror-linenumber {
|
|
680
|
+
-moz-box-sizing: content-box;
|
|
681
|
+
box-sizing: content-box;
|
|
682
|
+
}
|
|
683
|
+
|
|
684
|
+
.CodeMirror-measure {
|
|
685
|
+
position: absolute;
|
|
686
|
+
width: 100%;
|
|
687
|
+
height: 0;
|
|
688
|
+
overflow: hidden;
|
|
689
|
+
visibility: hidden;
|
|
690
|
+
}
|
|
691
|
+
|
|
692
|
+
.CodeMirror-cursor {
|
|
693
|
+
position: absolute;
|
|
694
|
+
pointer-events: none;
|
|
695
|
+
border-color: ${({theme:t})=>`${t.colors.neutral800}`};
|
|
696
|
+
}
|
|
697
|
+
.CodeMirror-measure pre {
|
|
698
|
+
position: static;
|
|
699
|
+
}
|
|
700
|
+
|
|
701
|
+
div.CodeMirror-cursors {
|
|
702
|
+
visibility: hidden;
|
|
703
|
+
position: relative;
|
|
704
|
+
+ div {
|
|
705
|
+
z-index: 0 !important;
|
|
706
|
+
}
|
|
707
|
+
}
|
|
708
|
+
|
|
709
|
+
div.CodeMirror-dragcursors {
|
|
710
|
+
visibility: visible;
|
|
711
|
+
}
|
|
712
|
+
|
|
713
|
+
.CodeMirror-focused div.CodeMirror-cursors {
|
|
714
|
+
visibility: visible;
|
|
715
|
+
}
|
|
716
|
+
|
|
717
|
+
.CodeMirror-selected {
|
|
718
|
+
background: ${({theme:t})=>t.colors.neutral200};
|
|
719
|
+
/* z-index: -10; */
|
|
720
|
+
}
|
|
721
|
+
.CodeMirror-crosshair {
|
|
722
|
+
cursor: crosshair;
|
|
723
|
+
}
|
|
724
|
+
|
|
725
|
+
/* Used to force a border model for a node */
|
|
726
|
+
.cm-force-border {
|
|
727
|
+
padding-right: 0.1px;
|
|
728
|
+
}
|
|
729
|
+
|
|
730
|
+
/* See issue #2901 */
|
|
731
|
+
.cm-tab-wrap-hack:after {
|
|
732
|
+
content: '';
|
|
733
|
+
}
|
|
734
|
+
|
|
735
|
+
/* Help users use markselection to safely style text background */
|
|
736
|
+
span.CodeMirror-selectedtext {
|
|
737
|
+
background: none;
|
|
738
|
+
}
|
|
739
|
+
|
|
740
|
+
span {
|
|
741
|
+
color: ${({theme:t})=>t.colors.neutral800} !important;
|
|
742
|
+
}
|
|
743
|
+
`;var vd=go,Cd=i(65696),Rd=i(83643);const Md=(t,o)=>`${t}${Math.floor(o*255).toString(16).padStart(2,0)}`,Td=(0,U.ZP)(D.k)`
|
|
744
|
+
background: ${({theme:t})=>Md(t.colors.neutral800,.2)};
|
|
745
|
+
`,Dd=(0,U.ZP)(K.x)`
|
|
746
|
+
border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
747
|
+
`,Od=(0,U.ZP)(Nn.Y)`
|
|
748
|
+
background-color: transparent;
|
|
749
|
+
border: none;
|
|
750
|
+
align-items: center;
|
|
751
|
+
|
|
752
|
+
svg {
|
|
753
|
+
margin-left: ${({theme:t})=>`${t.spaces[2]}`};
|
|
754
|
+
|
|
755
|
+
path {
|
|
756
|
+
fill: ${({theme:t})=>t.colors.neutral700};
|
|
757
|
+
width: ${12/16}rem;
|
|
758
|
+
height: ${12/16}rem;
|
|
759
|
+
}
|
|
760
|
+
}
|
|
761
|
+
`,fo=({children:t,isExpandMode:o,error:r,previewContent:a,onCollapse:s})=>{const{formatMessage:l}=(0,G.Z)();return(0,h.F5)(o),o?e.createElement(Cd.h,{role:"dialog","aria-modal":!1},e.createElement(Rd.i,{onEscape:s},e.createElement(Td,{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:4,justifyContent:"center",onClick:s},e.createElement(K.x,{background:"neutral0",hasRadius:!0,shadow:"popupShadow",overflow:"hidden",width:"90%",height:"90%",onClick:c=>c.stopPropagation()},e.createElement(D.k,{height:"100%",alignItems:"flex-start"},e.createElement(Dd,{flex:"1",height:"100%"},t),e.createElement(D.k,{alignItems:"start",direction:"column",flex:1,height:"100%",width:"100%"},e.createElement(D.k,{height:(0,h.Q1)(48),background:"neutral100",justifyContent:"flex-end",shrink:0,width:"100%"},e.createElement(Od,{onClick:s},e.createElement(N.Z,null,l({id:"components.Wysiwyg.collapse",defaultMessage:"Collapse"})),e.createElement(cr.Z,null))),e.createElement(K.x,{position:"relative",height:"100%",width:"100%"},e.createElement(Qr,{data:a})))))))):e.createElement(K.x,{borderColor:r?"danger600":"neutral200",borderStyle:"solid",borderWidth:"1px",hasRadius:!0},t)};fo.defaultProps={error:void 0,previewContent:""},fo.propTypes={children:n().node.isRequired,error:n().string,isExpandMode:n().bool.isRequired,previewContent:n().string,onCollapse:n().func.isRequired};const Kr=(t,o)=>{let r;switch(t){case"Strikethrough":r=`~~${o}~~`;break;case"Bold":r=`**${o}**`;break;case"Italic":r=`_${o}_`;break;case"Underline":r=`<u>${o}</u>`;break;case"Code":r=`\`\`\`
|
|
762
|
+
${o}
|
|
763
|
+
\`\`\``;break;case"Link":r=`[${o}](link)`;break;case"Quote":r=`>${o}`;break;default:r=o}return r},Yr=t=>{let o,r={start:t.length,end:0};switch(t){case"Strikethrough":o=`~~${t}~~`,r.end=2;break;case"Bold":o=`**${t}**`,r.end=2;break;case"Italic":o=`_${t}_`,r.end=1;break;case"alt":o=`[${t}]()`,r.end=3;break;case"Underline":o=`<u>${t}</u>`,r.end=4;break;case"Code":o=`\`\`\`
|
|
764
|
+
${t}
|
|
765
|
+
\`\`\``,r.end=3;break;case"Link":o=`[${t}](link)`,r.end=7;break;case"Quote":o=`>${t}`,r.end=0;break;default:o=""}return{editedText:o,selection:r}},Xr=t=>{let o;switch(t){case"BulletList":o="- ";break;case"NumberList":o="1. ";break;case"h1":o="# ";break;case"h2":o="## ";break;case"h3":o="### ";break;case"h4":o="#### ";break;case"h5":o="##### ";break;case"h6":o="###### ";break;default:return""}return o},Jr=(t,o)=>{const r=t.current.getSelection();let a;if(r){const s=Kr(o,r);t.current.replaceSelection(s),t.current.focus()}else{a=Yr(o),t.current.replaceSelection(a.editedText),t.current.focus();const{line:s,ch:l}=t.current.getCursor(),c=l-a.selection.end,d=l-a.selection.end-a.selection.start;t.current.setSelection({line:s,ch:d},{line:s,ch:c})}},Id=(t,o)=>{const r=t.current.getDoc(),a=o==="BulletList"?"- ":"1. ";if(r.somethingSelected()){const s=r.listSelections();let l=null;t.current.operation(function(){s.forEach(function(c){const d=[c.head.line,c.anchor.line].sort();l==null&&(l=r.getLine(d[0]).startsWith(a));for(let p=d[0];p<=d[1];p++)if(l)r.getLine(p).startsWith(a)&&r.replaceRange("",{line:p,ch:0},{line:p,ch:a.length});else{const m=o==="BulletList"?"- ":`${p+1}. `;r.replaceRange(m,{line:p,ch:0})}})})}else{let{line:s}=r.getCursor();const l=Xr(o),c=t.current.getLine(s),d=l+c;t.current.setSelection({line:s,ch:0},{line:s,ch:c.length}),t.current.replaceSelection(d)}t.current.focus()},Pd=(t,o)=>{let{line:r}=t.current.getCursor();const a=Xr(o),s=t.current.getLine(r),l=s.replace(/#{1,6}\s/g,"").trim(),c=a+l;t.current.setSelection({line:r,ch:0},{line:r,ch:s.length}),t.current.replaceSelection(c),setTimeout(()=>{const d=t.current.getLine(r).length;t.current.focus(),t.current.setCursor({line:r,ch:d})},0)},xd=(t,o)=>{let{line:r,ch:a}=t.current.getCursor();o.forEach((s,l)=>{let c=t.current.getLine(r).length;t.current.setCursor({line:r,ch:c}),(l>0||l===0&&a!==0)&&(c=t.current.getLine(r).length,t.current.setCursor({line:r,ch:c}),r++,t.current.replaceSelection(`
|
|
766
|
+
`)),s.mime.includes("image")?t.current.replaceSelection(``):t.current.replaceSelection(`[${s.alt}](${s.url})`)}),setTimeout(()=>t.current.focus(),0)},Zd=(t,o,r,a,s)=>{const l=Kr(o,s),c=t.current.getRange({line:r+1,ch:0},{line:1/0,ch:1/0});if(t.current.replaceRange("",{line:r+1,ch:0},{line:1/0,ch:1/0}),t.current.replaceSelection(""),t.current.setCursor({line:r,ch:a}),t.current.replaceSelection(`
|
|
767
|
+
`),t.current.replaceSelection(l),o==="Code"){let{line:d}=t.current.getCursor();t.current.setCursor({line:d-1,ch:s.length})}t.current.replaceRange(c,{line:r+4,ch:0},{line:1/0,ch:1/0}),t.current.focus()},Sd=(t,o,r,a)=>{const s=Yr(o),l=t.current.getRange({line:r+1,ch:0},{line:1/0,ch:1/0});if(t.current.replaceRange("",{line:r+1,ch:0},{line:1/0,ch:1/0}),t.current.setCursor({line:r,ch:a}),t.current.replaceSelection(`
|
|
768
|
+
`),t.current.replaceSelection(s.editedText),o==="Code")r+=2,t.current.setSelection({line:r,ch:0},{line:r,ch:4});else{r+=1;let{ch:c}=t.current.getCursor(),d=c-s.selection.end,p=c-s.selection.end-s.selection.start;t.current.setSelection({line:r,ch:p},{line:r,ch:d})}t.current.replaceRange(l,{line:r+2,ch:0},{line:1/0,ch:1/0}),t.current.focus()},kd=(t,o)=>{const r=t.current.getSelection();let{line:a}=t.current.getCursor(),s=t.current.getLine(a).length;r?Zd(t,o,a,s,r):Sd(t,o,a,s)},Le=(0,U.ZP)(Me.h)`
|
|
769
|
+
padding: ${({theme:t})=>t.spaces[2]};
|
|
770
|
+
/* Trick to prevent the outline from overflowing because of the general outline-offset */
|
|
771
|
+
outline-offset: -2px !important;
|
|
772
|
+
|
|
773
|
+
svg {
|
|
774
|
+
width: ${18/16}rem;
|
|
775
|
+
height: ${18/16}rem;
|
|
776
|
+
}
|
|
777
|
+
`,Ld=(0,U.ZP)(Le)`
|
|
778
|
+
svg {
|
|
779
|
+
width: ${8/16}rem;
|
|
780
|
+
height: ${8/16}rem;
|
|
781
|
+
}
|
|
782
|
+
`,_r=(0,U.ZP)(Me.o)`
|
|
783
|
+
margin-left: ${({theme:t})=>t.spaces[4]};
|
|
784
|
+
`,ea=(0,U.ZP)(Me.h)`
|
|
785
|
+
margin: ${({theme:t})=>`0 ${t.spaces[2]}`};
|
|
786
|
+
padding: ${({theme:t})=>t.spaces[2]};
|
|
787
|
+
|
|
788
|
+
svg {
|
|
789
|
+
width: ${18/16}rem;
|
|
790
|
+
height: ${18/16}rem;
|
|
791
|
+
}
|
|
792
|
+
`,Ad=(0,U.ZP)(Me.o)`
|
|
793
|
+
margin-right: ${({theme:t})=>`${t.spaces[2]}`};
|
|
794
|
+
`,Fd=(0,U.ZP)(Nn.Y)`
|
|
795
|
+
background-color: transparent;
|
|
796
|
+
border: none;
|
|
797
|
+
align-items: center;
|
|
798
|
+
|
|
799
|
+
svg {
|
|
800
|
+
margin-left: ${({theme:t})=>`${t.spaces[2]}`};
|
|
801
|
+
path {
|
|
802
|
+
fill: ${({theme:t})=>t.colors.neutral700};
|
|
803
|
+
width: ${12/16}rem;
|
|
804
|
+
height: ${12/16}rem;
|
|
805
|
+
}
|
|
806
|
+
}
|
|
807
|
+
`,ho=({onToggleExpand:t})=>{const{formatMessage:o}=(0,G.Z)();return e.createElement(K.x,{padding:2,background:"neutral100",hasRadius:!0},e.createElement(D.k,{justifyContent:"flex-end",alignItems:"flex-end"},e.createElement(Fd,{id:"expand",onClick:t},e.createElement(N.Z,null,o({id:"components.WysiwygBottomControls.fullscreen",defaultMessage:"Expand"})),e.createElement(dr.Z,null))))};ho.defaultProps={onToggleExpand(){}},ho.propTypes={onToggleExpand:n().func};var $d=ho,ta=i(63208),wd=i(14513);const yo=({disabled:t,editorRef:o,isExpandMode:r,isPreviewMode:a,onActionClick:s,onToggleMediaLib:l,onTogglePreviewMode:c})=>{const[d,p]=(0,e.useState)(!1),{formatMessage:m}=(0,G.Z)(),u=m({id:"components.Wysiwyg.selectOptions.title",defaultMessage:"Add a title"}),f=(0,e.useRef)(),y=()=>{p(g=>!g)};return t||a?e.createElement(D.k,{padding:2,background:"neutral100",justifyContent:"space-between"},e.createElement(na,null,e.createElement(Ve.P,{disabled:!0,placeholder:u,size:"S",label:u},e.createElement(Oe.W,{value:"h1"},"h1"),e.createElement(Oe.W,{value:"h2"},"h2"),e.createElement(Oe.W,{value:"h3"},"h3"),e.createElement(Oe.W,{value:"h4"},"h4"),e.createElement(Oe.W,{value:"h5"},"h5"),e.createElement(Oe.W,{value:"h6"},"h6")),e.createElement(_r,null,e.createElement(Le,{disabled:!0,label:"Bold",name:"Bold",icon:e.createElement(pn.Z,null)}),e.createElement(Le,{disabled:!0,label:"Italic",name:"Italic",icon:e.createElement(gn.Z,null)}),e.createElement(Le,{disabled:!0,label:"Underline",name:"Underline",icon:e.createElement(yn.Z,null)})),e.createElement(ea,{disabled:!0,label:"More",icon:e.createElement(Gn.Z,null)})),!r&&e.createElement(de.z,{onClick:c,variant:"tertiary"},m({id:"components.Wysiwyg.ToggleMode.markdown-mode",defaultMessage:"Markdown mode"}))):e.createElement(D.k,{padding:2,background:"neutral100",justifyContent:"space-between"},e.createElement(na,null,e.createElement(Ve.P,{placeholder:u,label:u,size:"S",onChange:g=>s(g,o)},e.createElement(Oe.W,{value:"h1"},"h1"),e.createElement(Oe.W,{value:"h2"},"h2"),e.createElement(Oe.W,{value:"h3"},"h3"),e.createElement(Oe.W,{value:"h4"},"h4"),e.createElement(Oe.W,{value:"h5"},"h5"),e.createElement(Oe.W,{value:"h6"},"h6")),e.createElement(_r,null,e.createElement(Le,{onClick:()=>s("Bold",o),label:"Bold",name:"Bold",icon:e.createElement(pn.Z,null)}),e.createElement(Le,{onClick:()=>s("Italic",o),label:"Italic",name:"Italic",icon:e.createElement(gn.Z,null)}),e.createElement(Le,{onClick:()=>s("Underline",o),label:"Underline",name:"Underline",icon:e.createElement(yn.Z,null)})),e.createElement(ea,{ref:f,onClick:y,label:"More",icon:e.createElement(Gn.Z,null)}),d&&e.createElement(ta.J2,{onDismiss:y,centered:!0,source:f,spacing:4},e.createElement(D.k,null,e.createElement(Ad,null,e.createElement(Le,{onClick:()=>s("Strikethrough",o,y),label:"Strikethrough",name:"Strikethrough",icon:e.createElement(fr.Z,null)}),e.createElement(Le,{onClick:()=>s("BulletList",o,y),label:"BulletList",name:"BulletList",icon:e.createElement(ir.Z,null)}),e.createElement(Le,{onClick:()=>s("NumberList",o,y),label:"NumberList",name:"NumberList",icon:e.createElement(wd.Z,null)})),e.createElement(Me.o,null,e.createElement(Le,{onClick:()=>s("Code",o,y),label:"Code",name:"Code",icon:e.createElement(lr.Z,null)}),e.createElement(Le,{onClick:()=>{y(),l()},label:"Image",name:"Image",icon:e.createElement(pr.Z,null)}),e.createElement(Ld,{onClick:()=>s("Link",o,y),label:"Link",name:"Link",icon:e.createElement(mr.Z,null)}),e.createElement(Le,{onClick:()=>s("Quote",o,y),label:"Quote",name:"Quote",icon:e.createElement(gr.Z,null)}))))),c&&e.createElement(de.z,{onClick:c,variant:"tertiary"},m({id:"components.Wysiwyg.ToggleMode.preview-mode",defaultMessage:"Preview mode"})))};yo.defaultProps={isPreviewMode:!1,onActionClick(){},onToggleMediaLib(){},onTogglePreviewMode:void 0},yo.propTypes={disabled:n().bool.isRequired,editorRef:n().shape({current:n().any}).isRequired,isExpandMode:n().bool.isRequired,isPreviewMode:n().bool,onActionClick:n().func,onToggleMediaLib:n().func,onTogglePreviewMode:n().func};var Bd=yo;const na=(0,U.ZP)(D.k)`
|
|
808
|
+
/* Hide the label, every input needs a label. */
|
|
809
|
+
label {
|
|
810
|
+
border: 0;
|
|
811
|
+
clip: rect(0 0 0 0);
|
|
812
|
+
height: 1px;
|
|
813
|
+
margin: -1px;
|
|
814
|
+
overflow: hidden;
|
|
815
|
+
padding: 0;
|
|
816
|
+
position: absolute;
|
|
817
|
+
width: 1px;
|
|
818
|
+
}
|
|
819
|
+
`,Nd=(0,U.ZP)(K.x)`
|
|
820
|
+
svg path {
|
|
821
|
+
fill: ${({theme:t})=>t.colors.neutral500};
|
|
822
|
+
}
|
|
823
|
+
`,Wd=(0,U.ZP)(N.Z)`
|
|
824
|
+
line-height: 0;
|
|
825
|
+
`,Eo=(0,e.forwardRef)(({hint:t,disabled:o,error:r,intlLabel:a,labelAction:s,name:l,onChange:c,placeholder:d,value:p,required:m},u)=>{const{formatMessage:f}=(0,G.Z)(),y=(0,e.useRef)(null),g=(0,e.useRef)(null),[b,v]=(0,e.useState)(!1),[L,C]=(0,e.useState)(!1),[R,P]=(0,e.useState)(!1),{components:W}=(0,h.yX)(),M=W["media-library"],O=()=>C(Q=>!Q),z=()=>v(Q=>!Q),w=()=>{v(!1),P(Q=>!Q)},T=(Q,X,Z)=>{switch(Q){case"Link":case"Strikethrough":{Jr(X,Q),Z();break}case"Code":case"Quote":{kd(X,Q),Z();break}case"Bold":case"Italic":case"Underline":{Jr(X,Q);break}case"BulletList":case"NumberList":{Id(X,Q),Z();break}case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":{Pd(X,Q);break}default:}},j=Q=>{const X=Q.map(Z=>({alt:Z.alternativeText||Z.name,url:(0,h.CR)(Z.url),mime:Z.mime}));xd(g,X),C(!1)},Y=d?f({id:d.id,defaultMessage:d.defaultMessage},{...d.values}):"",k=a.id?f({id:a.id,defaultMessage:a.defaultMessage},{...a.values}):l;return e.createElement(e.Fragment,null,e.createElement(D.k,{direction:"column",alignItems:"stretch",gap:1},e.createElement(D.k,{gap:1},e.createElement(N.Z,{variant:"pi",fontWeight:"bold",textColor:"neutral800"},k,m&&e.createElement(Wd,{textColor:"danger600"},"*")),s&&e.createElement(Nd,{paddingLeft:1},s)),e.createElement(fo,{isExpandMode:R,error:r,previewContent:p,onCollapse:w},e.createElement(Bd,{isExpandMode:R,editorRef:g,isPreviewMode:b,onActionClick:T,onToggleMediaLib:O,onTogglePreviewMode:R?void 0:z,disabled:o}),e.createElement(vd,{disabled:o,isExpandMode:R,editorRef:g,error:r,isPreviewMode:b,name:l,onChange:c,placeholder:Y,textareaRef:y,value:p,ref:u}),!R&&e.createElement($d,{onToggleExpand:w})),e.createElement(jc,{hint:t,name:l,error:r})),r&&e.createElement(K.x,{paddingTop:1},e.createElement(N.Z,{variant:"pi",textColor:"danger600","data-strapi-field-error":!0},r)),L&&e.createElement(M,{onClose:O,onSelectAssets:j}))});Eo.defaultProps={disabled:!1,error:"",labelAction:void 0,placeholder:null,required:!1,value:"",hint:""},Eo.propTypes={hint:n().oneOfType([n().string,n().array]),disabled:n().bool,error:n().string,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,labelAction:n().element,name:n().string.isRequired,onChange:n().func.isRequired,placeholder:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),required:n().bool,value:n().string};var jd=Eo;function zd(t,o){return r=>{const a=o(r.keys);return e.createElement(t,{...r,...a})}}var Vd=zd,Ud=(t,o=!1)=>[{metadatas:{intlLabel:{id:"components.InputSelect.option.placeholder",defaultMessage:"Choose here"},disabled:o,hidden:o},key:"__enum_option_null",value:""},...t.map(r=>({metadatas:{intlLabel:{id:r,defaultMessage:r},hidden:!1,disabled:!1},key:r,value:r}))],qd=i(59578),Hd=i.n(qd),Gd=(t="")=>{switch(Hd()(t)){case"boolean":return"bool";case"biginteger":return"text";case"decimal":case"float":case"integer":return"number";case"date":case"datetime":case"time":return t;case"email":return"email";case"enumeration":return"select";case"password":return"password";case"string":return"text";case"text":return"textarea";case"media":case"file":case"files":return"media";case"json":return"json";case"wysiwyg":case"WYSIWYG":case"richtext":return"wysiwyg";case"uid":return"uid";default:return t||"text"}};function Qd(t){const{createActionAllowedFields:o,formErrors:r,isCreatingEntry:a,modifiedData:s,onChange:l,readActionAllowedFields:c,shouldNotRunValidations:d,updateActionAllowedFields:p}=(0,h.Wq)(),m=(0,e.useMemo)(()=>a?o:p,[a,o,p]),u=(0,e.useMemo)(()=>a?[]:c,[a,c]),f=$()(s,t,null);return{allowedFields:m,formErrors:r,isCreatingEntry:a,onChange:l,readableFields:u,shouldNotRunValidations:d,value:f}}var Kd=Qd,oa=["type","model","via","collection","default","plugin","enum","regex","pluginOptions"];function bo({allowedFields:t,componentUid:o,fieldSchema:r,formErrors:a,isCreatingEntry:s,keys:l,labelAction:c,metadatas:d,onChange:p,readableFields:m,shouldNotRunValidations:u,queryInfos:f,value:y,size:g,customFieldInputs:b}){const{fields:v}=(0,h.yX)(),{formatMessage:L}=(0,G.Z)(),{contentType:C}=(0,be.PL)(),R=(0,e.useMemo)(()=>!$()(d,"editable",!0),[d]),{type:P,customField:W}=r,M=$()(a,[l],null),O=(0,e.useMemo)(()=>(0,E.Ts)(l),[l]),z=(0,e.useMemo)(()=>{const V=cc()(r,u?[...oa,"required","minLength"]:oa),q=r.regex||null;if(q){const J=new RegExp(q);J&&(V.regex=J)}return V},[r,u]),w=(0,e.useMemo)(()=>$()(z,["required"],!1),[z]),T=(0,e.useMemo)(()=>{const V=$()(C,["attributes"],{});return $()(V,[O[0],"type"],null)==="dynamiczone"},[C,O]),j=Gd(P),Y=P==="media"&&!y?[]:y,k=(0,e.useMemo)(()=>{const V=O.join(".");if(t.includes(V))return!0;if(T)return t.includes(O[0]);if(O.length>1){const J=At()(O,O.length-1).join(".");return t.includes(J)}return!1},[t,O,T]),Q=(0,e.useMemo)(()=>{const V=O.join(".");if(m.includes(V))return!0;if(T)return m.includes(O[0]);if(O.length>1){const J=At()(O,O.length-1).join(".");return m.includes(J)}return!1},[m,O,T]),X=(0,e.useMemo)(()=>Q||k,[k,Q]),Z=(0,e.useMemo)(()=>s?R:Q&&!k?!0:R,[R,s,k,Q]),S=(0,e.useMemo)(()=>Ud(r.enum||[],w),[r,w]),{label:I,description:A,placeholder:ee,visible:F}=d;if(F===!1)return null;if(!X)return e.createElement(h.X0,{description:A?{id:A,defaultMessage:A}:null,intlLabel:{id:I,defaultMessage:I},labelAction:c,error:M&&L(M),name:l,required:w});if(P==="relation")return e.createElement(Wc,{...d,...r,componentUid:o,description:d.description?L({id:d.description,defaultMessage:d.description}):void 0,intlLabel:{id:d.label,defaultMessage:d.label},labelAction:c,isUserAllowedToEditField:k,isUserAllowedToReadField:Q,name:l,placeholder:d.placeholder?{id:d.placeholder,defaultMessage:d.placeholder}:null,queryInfos:f,size:g,value:y,error:M&&L(M)});const H={uid:yc,media:v.media,wysiwyg:jd,...v,...b};return e.createElement(h.jm,{attribute:r,autoComplete:"new-password",intlLabel:{id:I,defaultMessage:I},isNullable:j==="bool"&&[null,void 0].includes(r.default),description:A?{id:A,defaultMessage:A}:null,disabled:Z,error:M,labelAction:c,contentTypeUID:C.uid,customInputs:H,multiple:r.multiple||!1,name:l,onChange:p,options:S,placeholder:ee?{id:ee,defaultMessage:ee}:null,required:r.required||!1,step:Yd(P),type:W||j,value:Y,withDefaultValue:!1})}bo.defaultProps={componentUid:void 0,formErrors:{},labelAction:void 0,size:void 0,value:null,queryInfos:{},customFieldInputs:{}},bo.propTypes={allowedFields:n().array.isRequired,componentUid:n().string,fieldSchema:n().object.isRequired,formErrors:n().object,keys:n().string.isRequired,isCreatingEntry:n().bool.isRequired,labelAction:n().element,metadatas:n().object.isRequired,onChange:n().func.isRequired,readableFields:n().array.isRequired,size:n().number,shouldNotRunValidations:n().bool.isRequired,value:n().any,queryInfos:n().shape({containsKey:n().string,defaultParams:n().object,endPoint:n().string}),customFieldInputs:n().object};const Yd=t=>{switch(t){case"float":case"decimal":return .01;default:return 1}},Xd=(0,e.memo)(bo,Ae());var vo=Vd(Xd,Kd);const Co=({componentUid:t,isFromDynamicZone:o,isNested:r,name:a})=>{const{getComponentLayout:s}=(0,be.PL)(),c=(0,e.useMemo)(()=>s(t),[t,s]).layouts.edit,{lazyComponentStore:d}=Kn();return e.createElement(K.x,{background:o?"":"neutral100",paddingLeft:6,paddingRight:6,paddingTop:6,paddingBottom:6,hasRadius:r,borderColor:r?"neutral200":""},e.createElement(D.k,{direction:"column",alignItems:"stretch",gap:6},c.map((p,m)=>e.createElement(Ze.r,{gap:4,key:m},p.map(({name:u,size:f,metadatas:y,fieldSchema:g,queryInfos:b})=>{const v=g.type==="component",L=`${a}.${u}`;if(v){const C=g.component;return e.createElement(ve.P,{col:f,s:12,xs:12,key:u},e.createElement(Qt,{componentUid:C,intlLabel:{id:y.label,defaultMessage:y.label},isNested:!0,isRepeatable:g.repeatable,max:g.max,min:g.min,name:L,required:g.required||!1}))}return e.createElement(ve.P,{col:f,key:u,s:12,xs:12},e.createElement(vo,{componentUid:t,keys:L,fieldSchema:g,metadatas:y,queryInfos:b,size:f,customFieldInputs:d}))})))))};Co.defaultProps={isFromDynamicZone:!1,isNested:!1},Co.propTypes={componentUid:n().string.isRequired,isFromDynamicZone:n().bool,isNested:n().bool,name:n().string.isRequired};var Jd=Co;const _d=(0,U.ZP)(K.x)`
|
|
826
|
+
overflow: hidden;
|
|
827
|
+
border-bottom: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
828
|
+
border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
829
|
+
border-left: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
830
|
+
border-radius: 0 0 ${({theme:t})=>t.borderRadius} ${({theme:t})=>t.borderRadius};
|
|
831
|
+
`,eu=(0,U.ZP)(K.x)`
|
|
832
|
+
border-bottom: none;
|
|
833
|
+
|
|
834
|
+
/* add the borders and make sure the top is transparent to avoid jumping with the hover effect */
|
|
835
|
+
& > div > div {
|
|
836
|
+
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
837
|
+
border-top-color: transparent;
|
|
838
|
+
}
|
|
839
|
+
|
|
840
|
+
/* the top accordion _does_ need a border though */
|
|
841
|
+
& > div:first-child > div {
|
|
842
|
+
border-top: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
843
|
+
}
|
|
844
|
+
|
|
845
|
+
/* Reset all the border-radius' */
|
|
846
|
+
& > div > div,
|
|
847
|
+
& > div > div > div {
|
|
848
|
+
border-radius: unset;
|
|
849
|
+
}
|
|
850
|
+
|
|
851
|
+
/* Give the border radius back to the first accordion */
|
|
852
|
+
& > div:first-child > div,
|
|
853
|
+
& > div:first-child > div > div {
|
|
854
|
+
border-radius: ${({theme:t})=>t.borderRadius} ${({theme:t})=>t.borderRadius} 0 0;
|
|
855
|
+
}
|
|
856
|
+
|
|
857
|
+
& > div > div[data-strapi-expanded='true'] {
|
|
858
|
+
border: 1px solid ${({theme:t})=>t.colors.primary600};
|
|
859
|
+
}
|
|
860
|
+
`,Ro=({children:t,error:o})=>{const{formatMessage:r}=(0,G.Z)();return e.createElement(Ar.k,{attributeName:"data-strapi-accordion-toggle"},t,o&&e.createElement(K.x,{paddingTop:1},e.createElement(N.Z,{variant:"pi",textColor:"danger600"},r({id:o.id,defaultMessage:o.defaultMessage},{...o.values}))))};Ro.defaultProps={error:void 0},Ro.propTypes={children:n().node.isRequired,error:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object})};var tu=i(41119),ra=i.n(tu);const nu=U.ZP.span`
|
|
861
|
+
display: block;
|
|
862
|
+
background-color: ${({theme:t})=>t.colors.primary100};
|
|
863
|
+
outline: 1px dashed ${({theme:t})=>t.colors.primary500};
|
|
864
|
+
outline-offset: -1px;
|
|
865
|
+
padding: ${({theme:t})=>t.spaces[6]};
|
|
866
|
+
`;var ou=()=>e.createElement(nu,{padding:6,background:"primary100"});const ru=(0,U.ZP)(Me.h)`
|
|
867
|
+
background-color: transparent;
|
|
868
|
+
|
|
869
|
+
svg {
|
|
870
|
+
path {
|
|
871
|
+
fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:t.colors.neutral600};
|
|
872
|
+
}
|
|
873
|
+
}
|
|
874
|
+
|
|
875
|
+
&:hover {
|
|
876
|
+
svg {
|
|
877
|
+
path {
|
|
878
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
879
|
+
}
|
|
880
|
+
}
|
|
881
|
+
}
|
|
882
|
+
`,au=(0,U.ZP)(D.k)`
|
|
883
|
+
& .drag-handle {
|
|
884
|
+
background: unset;
|
|
885
|
+
|
|
886
|
+
svg {
|
|
887
|
+
path {
|
|
888
|
+
fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:void 0};
|
|
889
|
+
}
|
|
890
|
+
}
|
|
891
|
+
|
|
892
|
+
&:hover {
|
|
893
|
+
svg {
|
|
894
|
+
path {
|
|
895
|
+
/* keeps the hover style of the accordion */
|
|
896
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
897
|
+
}
|
|
898
|
+
}
|
|
899
|
+
}
|
|
900
|
+
}
|
|
901
|
+
`,Mo=({componentFieldName:t,componentUid:o,fields:r,index:a,isOpen:s,isReadOnly:l,mainField:c,moveComponentField:d,onClickToggle:p,toggleCollapses:m,onGrabItem:u,onDropItem:f,onCancel:y})=>{const{modifiedData:g,removeRepeatableField:b,triggerFormValidation:v}=(0,h.Wq)(),L=ra()($()(g,[...t.split("."),c],"")),C=(0,e.useRef)(null),{formatMessage:R}=(0,G.Z)(),P=t.split(".").slice(0,-1).join("."),[{handlerId:W,isDragging:M,handleKeyDown:O},z,w,T,j]=(0,jr.Y)(!l,{type:`${E._Q.COMPONENT}_${P}`,index:a,item:{displayedValue:L},onMoveItem:d,onStart(){m()},onEnd(){v()},onGrabItem:u,onDropItem:f,onCancel:y});(0,e.useEffect)(()=>{j((0,It.rX)(),{captureDraggingState:!1})},[j,a]);const Y=(0,E.FE)(C,T),k=(0,E.FE)(z,w),{lazyComponentStore:Q}=Kn();return e.createElement(K.x,{ref:k},M?e.createElement(ou,null):e.createElement(zn.U,{expanded:s,onToggle:p,id:t,size:"S"},e.createElement(Vn.B,{action:l?null:e.createElement(au,{gap:0,expanded:s},e.createElement(ru,{expanded:s,noBorder:!0,onClick:()=>{b(t),m()},label:R({id:(0,E.OB)("containers.Edit.delete"),defaultMessage:"Delete"}),icon:e.createElement(Xe.Z,null)}),e.createElement(Me.h,{className:"drag-handle",ref:Y,forwardedAs:"div",role:"button",noBorder:!0,tabIndex:0,onClick:X=>X.stopPropagation(),"data-handler-id":W,label:R({id:(0,E.OB)("components.DragHandle-label"),defaultMessage:"Drag"}),onKeyDown:O},e.createElement(ot.Z,null))),title:L,togglePosition:"left"}),e.createElement(Un.v,null,e.createElement(D.k,{direction:"column",alignItems:"stretch",background:"neutral100",padding:6,gap:6},r.map((X,Z)=>e.createElement(Ze.r,{gap:4,key:Z},X.map(({name:S,fieldSchema:I,metadatas:A,queryInfos:ee,size:F})=>{const H=I.type==="component",V=`${t}.${S}`;if(H){const q=I.component;return e.createElement(ve.P,{col:F,s:12,xs:12,key:S},e.createElement(Qt,{componentUid:q,intlLabel:{id:A.label,defaultMessage:A.label},isRepeatable:I.repeatable,isNested:!0,name:V,max:I.max,min:I.min,required:I.required}))}return e.createElement(ve.P,{key:V,col:F,s:12,xs:12},e.createElement(vo,{componentUid:o,fieldSchema:I,keys:V,metadatas:A,queryInfos:ee,size:F,customFieldInputs:Q}))})))))))};Mo.defaultProps={componentUid:void 0,fields:[],isReadOnly:!1,isOpen:!1,onGrabItem:void 0,onDropItem:void 0,onCancel:void 0,toggleCollapses(){}},Mo.propTypes={componentFieldName:n().string.isRequired,componentUid:n().string,fields:n().array,index:n().number.isRequired,isOpen:n().bool,isReadOnly:n().bool,mainField:n().string.isRequired,moveComponentField:n().func.isRequired,onGrabItem:n().func,onDropItem:n().func,onCancel:n().func,onClickToggle:n().func.isRequired,toggleCollapses:n().func};var su=(0,e.memo)(Mo);function iu(t,o={}){return Object.keys(o).filter(r=>r.startsWith(t)).map(r=>r.split(".").slice(0,t.split(".").length+1).join("."))}const lu=(0,U.ZP)(eo.A)`
|
|
902
|
+
height: 100%;
|
|
903
|
+
width: 100%;
|
|
904
|
+
border-radius: 0 0 4px 4px;
|
|
905
|
+
display: flex;
|
|
906
|
+
justify-content: center;
|
|
907
|
+
span {
|
|
908
|
+
font-weight: 600;
|
|
909
|
+
font-size: 14px;
|
|
910
|
+
}
|
|
911
|
+
`,To=({componentUid:t,componentValue:o,componentValueLength:r,isReadOnly:a,max:s,min:l,name:c})=>{const{addRepeatableComponentToField:d,formErrors:p,moveComponentField:m}=(0,h.Wq)(),u=(0,h.lm)(),{formatMessage:f}=(0,G.Z)(),[y,g]=(0,e.useState)(""),[b,v]=(0,e.useState)(""),{getComponentLayout:L,components:C}=(0,be.PL)(),R=(0,e.useMemo)(()=>L(t),[t,L]),P=(0,h.aM)(),W=(0,e.useMemo)(()=>{if(P.has("field")){const F=P.get("field"),[,H]=F.split(`${c}.`);if($()(o,H,void 0)!==void 0){const V=H.split(".");return $()(o,V[0],void 0)?.__temp_key__}}},[o,P,c]);(0,e.useEffect)(()=>{typeof W=="number"&&g(W)},[W]);const M=(0,e.useMemo)(()=>(0,E.Uo)(o||[])+1,[o]),O=iu(c,p),z=l-r,w=$()(p,c,{id:""}).id.includes("min"),T=()=>{g("")},j=()=>{a||(r<s?(d(c,R,C,w),g(M)):r>=s&&u({type:"info",message:{id:(0,E.OB)("components.notification.info.maximum-requirement")}}))},Y=(F,H)=>{v(f({id:(0,E.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:`${c}.${H}`,position:X(F)})),m({name:c,newIndex:F,currentIndex:H})},k=$()(R,["settings","mainField"],"id"),Q=F=>()=>{g(y===F?"":F)},X=F=>`${F+1} of ${r}`,Z=F=>{v(f({id:(0,E.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:`${c}.${F}`}))},S=F=>{v(f({id:(0,E.OB)("dnd.grab-item"),defaultMessage:"{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel."},{item:`${c}.${F}`,position:X(F)}))},I=F=>{v(f({id:(0,E.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:`${c}.${F}`,position:X(F)}))};let A=p[c];if(w?A={id:(0,E.OB)("components.DynamicZone.missing-components"),defaultMessage:"There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}",values:{number:z}}:O.some(F=>F.split(".").length>1)&&!w&&(A={id:(0,E.OB)("components.RepeatableComponent.error-message"),defaultMessage:"The component(s) contain error(s)"}),r===0)return e.createElement($r,{error:A,isReadOnly:a,onClick:j});const ee=`${c}-item-instructions`;return e.createElement(K.x,{hasRadius:!0},e.createElement(st.T,{id:ee},f({id:(0,E.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"})),e.createElement(st.T,{"aria-live":"assertive"},b),e.createElement(Ro,{error:A,ariaDescribedBy:ee},e.createElement(eu,{"aria-describedby":ee},o.map(({__temp_key__:F},H)=>e.createElement(su,{componentFieldName:`${c}.${H}`,componentUid:t,fields:R.layouts.edit,key:F,index:H,isOpen:y===F,isReadOnly:a,mainField:k,moveComponentField:Y,onClickToggle:Q(F),toggleCollapses:T,onCancel:Z,onDropItem:I,onGrabItem:S}))),e.createElement(_d,null,e.createElement(D.k,{justifyContent:"center",height:"48px",background:"neutral0"},e.createElement(lu,{disabled:a,onClick:j,startIcon:e.createElement(ht.Z,null)},f({id:(0,E.OB)("containers.EditView.add.new-entry"),defaultMessage:"Add an entry"}))))))};To.defaultProps={componentValue:null,componentValueLength:0,isReadOnly:!1,max:1/0,min:0},To.propTypes={componentUid:n().string.isRequired,componentValue:n().oneOfType([n().array,n().object]),componentValueLength:n().number,isReadOnly:n().bool,max:n().number,min:n().number,name:n().string.isRequired};var cu=(0,e.memo)(To);const du=(0,U.ZP)(K.x)`
|
|
912
|
+
svg path {
|
|
913
|
+
fill: ${({theme:t})=>t.colors.neutral500};
|
|
914
|
+
}
|
|
915
|
+
`,Do=({intlLabel:t,id:o,labelAction:r,name:a,numberOfEntries:s,showNumberOfEntries:l,required:c})=>{const{formatMessage:d}=(0,G.Z)(),p=t?.id?d(t):a;return e.createElement(K.x,{paddingBottom:1},e.createElement(D.k,null,e.createElement(N.Z,{textColor:"neutral800",htmlFor:o||a,variant:"pi",fontWeight:"bold",as:"label"},p,l&&e.createElement(e.Fragment,null,"\xA0(",s,")"),c&&e.createElement(N.Z,{textColor:"danger600"},"*")),r&&e.createElement(du,{paddingLeft:1},r)))};Do.defaultProps={id:void 0,labelAction:void 0,numberOfEntries:0,required:!1,showNumberOfEntries:!1},Do.propTypes={id:n().string,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,labelAction:n().element,name:n().string.isRequired,numberOfEntries:n().number,required:n().bool,showNumberOfEntries:n().bool};var uu=Do;function mu(t,o){return r=>{const a=o(r);return e.createElement(t,{...r,...a})}}var pu=mu;function gu({isFromDynamicZone:t,name:o}){const{addNonRepeatableComponentToField:r,createActionAllowedFields:a,isCreatingEntry:s,modifiedData:l,removeComponentFromField:c,readActionAllowedFields:d,updateActionAllowedFields:p,formErrors:m}=(0,h.Wq)(),{contentType:u}=(0,be.PL)(),f=(0,e.useMemo)(()=>{const R=$()(u,["attributes"],{});return Object.keys(R).filter(W=>$()(R,[W,"type"],"")==="dynamiczone")},[u]),y=(0,e.useMemo)(()=>s?a:p,[s,a,p]),g=$()(l,o,null),b=(0,e.useMemo)(()=>(0,E.Ts)(o),[o]),v=(0,e.useMemo)(()=>t&&s||y.filter(W=>W===b[0]).length>0?!0:y.map(W=>W.split(".")).filter(W=>W.length<b.length?!1:At()(W,b.length).join(".")===b.join(".")).length>0,[t,s,y,b]),L=(0,e.useMemo)(()=>t||f.includes(b[0])?!0:(s?[]:d).map(W=>W.split(".")).filter(W=>W.length<b.length?!1:At()(W,b.length).join(".")===b.join(".")).length>0,[t,f,b,s,d]),C=(0,e.useMemo)(()=>s||v?!1:L,[v,L,s]);return{addNonRepeatableComponentToField:r,formErrors:m,hasChildrenAllowedFields:v,hasChildrenReadableFields:L,isCreatingEntry:s,isReadOnly:C,removeComponentFromField:c,componentValue:g}}var fu=gu;const Oo=({addNonRepeatableComponentToField:t,componentUid:o,intlLabel:r,isCreatingEntry:a,isFromDynamicZone:s,isRepeatable:l,isNested:c,labelAction:d,max:p,min:m,name:u,hasChildrenAllowedFields:f,hasChildrenReadableFields:y,isReadOnly:g,componentValue:b,removeComponentFromField:v,required:L})=>{const{formatMessage:C}=(0,G.Z)(),R=sc()(b),P=b!==null||s,W=!l&&P&&!s&&f,{getComponentLayout:M,components:O}=(0,be.PL)(),z=(0,e.useMemo)(()=>M(o),[o,M]);if(!f&&a)return e.createElement(h.X0,{labelAction:d,intlLabel:r,name:u});if(!f&&!a&&!y)return e.createElement(h.X0,{labelAction:d,intlLabel:r,name:u});const w=()=>{t(u,z,O)};return e.createElement(K.x,null,e.createElement(D.k,{justifyContent:"space-between"},r&&e.createElement(uu,{intlLabel:r,labelAction:d,name:u,numberOfEntries:R,showNumberOfEntries:l,required:L}),W&&e.createElement(Me.h,{label:C({id:(0,E.OB)("components.reset-entry"),defaultMessage:"Reset Entry"}),icon:e.createElement(Xe.Z,null),noBorder:!0,onClick:()=>{v(u,o)}})),e.createElement(D.k,{direction:"column",alignItems:"stretch",gap:1},!l&&!P&&e.createElement($r,{isReadOnly:g,onClick:w}),!l&&P&&e.createElement(Jd,{componentUid:o,isFromDynamicZone:s,isNested:c,name:u}),l&&e.createElement(cu,{componentValue:b,componentValueLength:R,componentUid:o,isReadOnly:g,max:p,min:m,name:u})))};Oo.defaultProps={componentValue:null,hasChildrenAllowedFields:!1,hasChildrenReadableFields:!1,intlLabel:void 0,isFromDynamicZone:!1,isReadOnly:!1,isRepeatable:!1,isNested:!1,labelAction:void 0,max:1/0,min:-1/0,required:!1},Oo.propTypes={addNonRepeatableComponentToField:n().func.isRequired,componentUid:n().string.isRequired,componentValue:n().oneOfType([n().object,n().array]),hasChildrenAllowedFields:n().bool,hasChildrenReadableFields:n().bool,isCreatingEntry:n().bool.isRequired,isFromDynamicZone:n().bool,isReadOnly:n().bool,isRepeatable:n().bool,isNested:n().bool,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),labelAction:n().element,max:n().number,min:n().number,name:n().string.isRequired,removeComponentFromField:n().func.isRequired,required:n().bool};const hu=(0,e.memo)(Oo,Ae());var Qt=pu(hu,fu);const Io=({componentUid:t,formErrors:o,index:r,isFieldAllowed:a,name:s,onRemoveComponentClick:l,onMoveComponent:c,onGrabItem:d,onDropItem:p,onCancel:m,dynamicComponentsByCategory:u,onAddComponent:f})=>{const[y,g]=(0,e.useState)(!0),{formatMessage:b}=(0,G.Z)(),{getComponentLayout:v}=(0,be.PL)(),{modifiedData:L}=(0,h.Wq)(),{icon:C,friendlyName:R,mainValue:P}=(0,e.useMemo)(()=>{const S=v(t),{info:{icon:I,displayName:A}}=S,ee=$()(S,["settings","mainField"],"id"),F=$()(L,[s,r,ee])??"",H=ee==="id"?"":String(F).trim(),V=H.length>0?` - ${H}`:H;return{friendlyName:A,icon:I,mainValue:V}},[t,v,L,s,r]),W=Object.keys(o).filter(S=>{const I=S.split(".");return`${I[0]}.${I[1]}`==`${s}.${r}`});let M;W.length>0&&(M=b({id:(0,E.OB)("components.DynamicZone.error-message"),defaultMessage:"The component contains error(s)"}));const O=()=>{g(S=>!S)},[{handlerId:z,isDragging:w,handleKeyDown:T},j,Y,k,Q]=(0,be.Y9)(a,{type:`${E._Q.DYNAMIC_ZONE}_${s}`,index:r,item:{displayedValue:`${R}${P}`,icon:C},onMoveItem:c,onGrabItem:d,onDropItem:p,onCancel:m});(0,e.useEffect)(()=>{Q((0,It.rX)(),{captureDraggingState:!1})},[Q,r]);const X=(0,E.FE)(j,Y),Z=a?e.createElement(yu,{gap:0,expanded:y},e.createElement(Eu,{noBorder:!0,label:b({id:(0,E.OB)("components.DynamicZone.delete-label"),defaultMessage:"Delete {name}"},{name:R}),onClick:l},e.createElement(Xe.Z,null)),e.createElement(Me.h,{forwardedAs:"div",role:"button",noBorder:!0,tabIndex:0,onClick:S=>S.stopPropagation(),"data-handler-id":z,ref:k,label:b({id:(0,E.OB)("components.DragHandle-label"),defaultMessage:"Drag"}),onKeyDown:T},e.createElement(ot.Z,null)),e.createElement(ge.fC,null,e.createElement(ge.xz,{size:"S",endIcon:null,paddingLeft:2,paddingRight:2},e.createElement(Gn.Z,{"aria-hidden":!0,focusable:!1}),e.createElement(st.T,{as:"span"},b({id:(0,E.OB)("components.DynamicZone.more-actions"),defaultMessage:"More actions"}))),e.createElement(ge.VY,null,e.createElement(ge.rl,null,e.createElement(ge.fF,null,b({id:(0,E.OB)("components.DynamicZone.add-item-above"),defaultMessage:"Add component above"})),e.createElement(ge.tu,null,Object.entries(u).map(([S,I])=>e.createElement(e.Fragment,{key:S},e.createElement(ge.__,null,S),I.map(({componentUid:A,info:{displayName:ee}})=>e.createElement(Fr.sN,{key:A,onSelect:()=>f(A,r)},ee)))))),e.createElement(ge.rl,null,e.createElement(ge.fF,null,b({id:(0,E.OB)("components.DynamicZone.add-item-below"),defaultMessage:"Add component below"})),e.createElement(ge.tu,null,Object.entries(u).map(([S,I])=>e.createElement(e.Fragment,{key:S},e.createElement(ge.__,null,S),I.map(({componentUid:A,info:{displayName:ee}})=>e.createElement(Fr.sN,{key:A,onSelect:()=>f(A,r+1)},ee))))))))):null;return e.createElement(Mu,{as:"li",width:"100%"},e.createElement(D.k,{justifyContent:"center"},e.createElement(Cu,{background:"neutral200"})),e.createElement(bu,{ref:X,hasRadius:!0},w?e.createElement(Ru,{padding:6,background:"primary100"}):e.createElement(zn.U,{expanded:y,onToggle:O,size:"S",error:M},e.createElement(Vn.B,{startIcon:e.createElement(xt,{icon:C,showBackground:!1,size:"S"}),action:Z,title:`${R}${P}`,togglePosition:"left"}),e.createElement(Un.v,null,e.createElement(vu,{background:"neutral0"},e.createElement(Qt,{componentUid:t,icon:C,name:`${s}.${r}`,isFromDynamicZone:!0}))))))},yu=(0,U.ZP)(D.k)`
|
|
916
|
+
/*
|
|
917
|
+
we need to remove the background from the button but we can't
|
|
918
|
+
wrap the element in styled because it breaks the forwardedAs which
|
|
919
|
+
we need for drag handler to work on firefox
|
|
920
|
+
*/
|
|
921
|
+
div[role='button'] {
|
|
922
|
+
background: transparent;
|
|
923
|
+
}
|
|
924
|
+
`,Eu=(0,U.ZP)(Me.h)`
|
|
925
|
+
background-color: transparent;
|
|
926
|
+
|
|
927
|
+
svg path {
|
|
928
|
+
fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:t.colors.neutral600};
|
|
929
|
+
}
|
|
930
|
+
`,bu=(0,U.ZP)(K.x)`
|
|
931
|
+
> div:first-child {
|
|
932
|
+
box-shadow: ${({theme:t})=>t.shadows.tableShadow};
|
|
933
|
+
}
|
|
934
|
+
`,vu=(0,U.ZP)(K.x)`
|
|
935
|
+
border-radius: 0 0 ${({theme:t})=>t.spaces[1]} ${({theme:t})=>t.spaces[1]};
|
|
936
|
+
`,Cu=(0,U.ZP)(K.x)`
|
|
937
|
+
width: ${({theme:t})=>t.spaces[2]};
|
|
938
|
+
height: ${({theme:t})=>t.spaces[4]};
|
|
939
|
+
`,Ru=U.ZP.span`
|
|
940
|
+
display: block;
|
|
941
|
+
background-color: ${({theme:t})=>t.colors.primary100};
|
|
942
|
+
outline: 1px dashed ${({theme:t})=>t.colors.primary500};
|
|
943
|
+
outline-offset: -1px;
|
|
944
|
+
padding: ${({theme:t})=>t.spaces[6]};
|
|
945
|
+
`,Mu=(0,U.ZP)(K.x)`
|
|
946
|
+
list-style: none;
|
|
947
|
+
padding: 0;
|
|
948
|
+
margin: 0;
|
|
949
|
+
`;Io.defaultProps={dynamicComponentsByCategory:{},formErrors:{},index:0,isFieldAllowed:!0,onAddComponent:void 0,onGrabItem:void 0,onDropItem:void 0,onCancel:void 0},Io.propTypes={componentUid:n().string.isRequired,dynamicComponentsByCategory:n().shape({components:n().arrayOf(n().shape({componentUid:n().string.isRequired,info:n().object}))}),formErrors:n().object,index:n().number,isFieldAllowed:n().bool,name:n().string.isRequired,onAddComponent:n().func,onGrabItem:n().func,onDropItem:n().func,onCancel:n().func,onMoveComponent:n().func.isRequired,onRemoveComponentClick:n().func.isRequired};const Po=({label:t,labelAction:o,name:r,numberOfComponents:a,required:s,intlDescription:l})=>{const{formatMessage:c}=(0,G.Z)(),d=c({id:t||r,defaultMessage:t||r});return e.createElement(D.k,{justifyContent:"center"},e.createElement(K.x,{paddingTop:3,paddingBottom:3,paddingRight:4,paddingLeft:4,borderRadius:"26px",background:"neutral0",shadow:"filterShadow",color:"neutral500"},e.createElement(D.k,{direction:"column",justifyContent:"center"},e.createElement(D.k,{maxWidth:(0,h.Q1)(356)},e.createElement(N.Z,{variant:"pi",textColor:"neutral600",fontWeight:"bold",ellipsis:!0},d,"\xA0"),e.createElement(N.Z,{variant:"pi",textColor:"neutral600",fontWeight:"bold"},"(",a,")"),s&&e.createElement(N.Z,{textColor:"danger600"},"*"),o&&e.createElement(K.x,{paddingLeft:1},o)),l&&e.createElement(K.x,{paddingTop:1,maxWidth:(0,h.Q1)(356)},e.createElement(N.Z,{variant:"pi",textColor:"neutral600",ellipsis:!0},c(l))))))};Po.defaultProps={intlDescription:void 0,label:"",labelAction:void 0,numberOfComponents:0,required:!1},Po.propTypes={intlDescription:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired}),label:n().string,labelAction:n().element,name:n().string.isRequired,numberOfComponents:n().number,required:n().bool};const xo=({name:t,labelAction:o,fieldSchema:r,metadatas:a})=>{const{max:s=1/0,min:l=-1/0,components:c=[],required:d=!1}=r,[p,m]=(0,e.useState)(!1),[u,f]=(0,e.useState)(""),{addComponentToDynamicZone:y,createActionAllowedFields:g,isCreatingEntry:b,formErrors:v,modifiedData:L,moveComponentField:C,removeComponentFromDynamicZone:R,readActionAllowedFields:P,updateActionAllowedFields:W}=(0,h.Wq)(),M=(0,e.useMemo)(()=>(L?.[t]??[]).map(x=>({componentUid:x.__component,id:x.id??x.__temp_key__})),[L,t]),{getComponentLayout:O,components:z}=(0,be.PL)(),w=(0,e.useMemo)(()=>c.reduce((x,ne)=>{const{category:fe,info:Te,attributes:$e}=O(ne),We={componentUid:ne,info:Te,attributes:$e};return x[fe]||(x[fe]=[]),x[fe]=[...x[fe],We],x},{}),[c,O]),{formatMessage:T}=(0,G.Z)(),j=(0,h.lm)(),Y=(0,e.useMemo)(()=>(b?g:W).includes(t),[t,b,g,W]),k=(0,e.useMemo)(()=>(b?[]:P).includes(t),[t,b,P]),Q=M.length,X=a.description?{id:a.description,defaultMessage:a.description}:null,Z=v[t],S=l-Q,I=!!Z,A=(x,ne)=>{m(!1);const fe=O(x);y(t,fe,z,I,ne)},ee=()=>{Q<s?m(x=>!x):j({type:"info",message:{id:(0,E.OB)("components.notification.info.maximum-requirement")}})},F=(x,ne)=>{f(T({id:(0,E.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:`${t}.${ne}`,position:H(x)})),C({name:t,newIndex:x,currentIndex:ne})},H=x=>`${x+1} of ${M.length}`,V=x=>{f(T({id:(0,E.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:`${t}.${x}`}))},q=x=>{f(T({id:(0,E.OB)("dnd.grab-item"),defaultMessage:"{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel."},{item:`${t}.${x}`,position:H(x)}))},J=x=>{f(T({id:(0,E.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:`${t}.${x}`,position:H(x)}))},le=(x,ne)=>()=>{R(x,ne)},ye=()=>p?T({id:"app.utils.close-label",defaultMessage:"Close"}):I&&Z.id.includes("max")?T({id:"components.Input.error.validation.max",defaultMessage:"The value is too high."}):I&&Z.id.includes("min")?T({id:(0,E.OB)("components.DynamicZone.missing-components"),defaultMessage:"There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}"},{number:S}):T({id:(0,E.OB)("components.DynamicZone.add-component"),defaultMessage:"Add a component to {componentName}"},{componentName:a.label||t});if(!Y&&(b||!k&&!b))return e.createElement(h.X0,{description:X,intlLabel:{id:a.label,defaultMessage:a.label},labelAction:o,name:t});const pe=`${t}-item-instructions`;return e.createElement(D.k,{direction:"column",alignItems:"stretch",gap:6},Q>0&&e.createElement(K.x,null,e.createElement(Po,{intlDescription:X,label:a.label,labelAction:o,name:t,numberOfComponents:Q,required:d}),e.createElement(st.T,{id:pe},T({id:(0,E.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"})),e.createElement(st.T,{"aria-live":"assertive"},u),e.createElement("ol",{"aria-describedby":pe},M.map(({componentUid:x,id:ne},fe)=>e.createElement(Io,{componentUid:x,formErrors:v,key:`${x}-${ne}`,index:fe,isFieldAllowed:Y,name:t,onMoveComponent:F,onRemoveComponentClick:le(t,fe),onCancel:V,onDropItem:J,onGrabItem:q,onAddComponent:A,dynamicComponentsByCategory:w})))),e.createElement(D.k,{justifyContent:"center"},e.createElement(Wn,{hasError:I,isDisabled:!Y,isOpen:p,onClick:ee},ye())),e.createElement(Hn,{dynamicComponentsByCategory:w,isOpen:p,onClickAddComponent:A}))};xo.defaultProps={fieldSchema:{},labelAction:null},xo.propTypes={fieldSchema:n().shape({components:n().array,max:n().number,min:n().number,required:n().bool}),labelAction:n().element,metadatas:n().shape({description:n().string,label:n().string}).isRequired,name:n().string.isRequired};var Tu=i(86834),Ne=i.n(Tu),aa=i(12788),Zo=i(99526),Du=i(10268),sa=i.n(Du),Ou=i(56236),Iu=i.n(Ou);const Kt=["createdBy","updatedBy"];var Pu=i(77236),xu=i.n(Pu),Zu=i(85973),Su=i.n(Zu);const ku=({browserState:t,serverState:o},r,a)=>{const s=o,l=t,c=(m,u)=>$()(m,["attributes",u,"type"],""),d=(m,u)=>$()(m,["attributes",...u],""),p=(m,u,f,y)=>Object.keys(m).reduce((g,b)=>{if(Kt.includes(b))return g;const v=y?`${y}.${b}`:b,L=c(f,b),C=$()(m,b),R=$()(u,b),P=d(f,[b,"component"]),W=d(f,[b,"repeatable"]);let M;switch(L){case"json":M=JSON.parse(C);break;case"time":{M=C,C&&C.split(":").length<3&&(M=`${C}:00`);break}case"media":d(f,[b,"multiple"])===!0?M=C?C.filter(O=>!(O instanceof File)):null:M=$()(C,0)instanceof File?null:$()(C,"id",null);break;case"component":W?M=C&&C.map((O,z)=>p(O,(R??[])[z],a[P],`${v}.${z}`)):M=C&&p(C,R,a[P],v);break;case"relation":{const O=Nr(s,l)(v).join(".");let z=$()(s,O,[]);const w=C.reduce((j,Y,k,Q)=>{const X=z.find(S=>S.id===Y.id),Z=Q[k+1];if(!X||X.__temp_key__!==Y.__temp_key__){const S=Z?{before:Z.id}:{end:!0};return[...j,{id:Y.id,position:S}]}return j},[]);M={disconnect:z.reduce((j,Y)=>C.find(k=>k.id===Y.id)?j:[...j,{id:Y.id}],[]),connect:w.reverse()};break}case"dynamiczone":M=C.map((O,z)=>p(O,(R??[])[z],a[O.__component],`${v}.${z}`));break;default:M=Lu(C,"id")}return g[b]=M,g},{});return p(t,o,r,"")},Lu=(t,o)=>xu()(t)?t.map(r=>r[o]?r[o]:r):Su()(t)?t[o]:t;var Au=ku;const Yt=(t,o=()=>!1,r=void 0)=>{const a=(s,l,{ignoreFalseyValues:c=!1,path:d=[],parent:p=l}={})=>Object.entries(l).reduce((m,[u,f])=>{if(c&&(m==null||m[u]===void 0||m[u]===null))return m;if(o(f,{path:[...d,u],parent:p})&&(m[u]=typeof r=="function"?r(m[u],{path:[...d,u],parent:m}):r),f.type==="component"){const y=t[f.component].attributes;!f.repeatable&&m[u]&&typeof m[u]=="object"?m[u]=a(m[u],y,{ignoreFalseyValues:c,path:[...d,u],parent:l[u]}):f.repeatable&&Array.isArray(m[u])&&(m[u]=m[u].map((g,b)=>a(g,y,{ignoreFalseyValues:c,path:[...d,u,b],parent:l[u]})))}else f.type==="dynamiczone"&&Array.isArray(m[u])&&(m[u]=m[u].map((y,g)=>{const b=t[y.__component].attributes;return a(y,b,{ignoreFalseyValues:c,path:[...d,u,g],parent:l[u]})}));return m},{...s});return a};var ia=(t,o,r,a)=>{const s=t.slice();return s.splice(o,1),s.splice(r,0,a),s};const Fu={componentsDataStructure:{},contentTypeDataStructure:{},formErrors:{},initialData:{},modifiedData:null,shouldCheckErrors:!1,modifiedDZName:null,publishConfirmation:{show:!1,draftCount:0}};var $u=(t,o)=>(0,Sn.ZP)(t,r=>{switch(o.type){case"ADD_NON_REPEATABLE_COMPONENT_TO_FIELD":{const{componentLayoutData:a,allComponents:s}=o,l={...t.componentsDataStructure[a.uid]},d=Yt(s,p=>p.type==="relation",[])(l,a.attributes);ae()(r,["modifiedData",...o.keys],d);break}case"ADD_COMPONENT_TO_DYNAMIC_ZONE":case"ADD_REPEATABLE_COMPONENT_TO_FIELD":{const{keys:a,allComponents:s,componentLayoutData:l,shouldCheckErrors:c,position:d=void 0}=o;c&&(r.shouldCheckErrors=!t.shouldCheckErrors),o.type==="ADD_COMPONENT_TO_DYNAMIC_ZONE"&&(r.modifiedDZName=a[0]);const p=[...$()(t,["modifiedData",...a],[])];let m=d;m===void 0?m=p.length:m<0&&(m=0);const u=o.type==="ADD_COMPONENT_TO_DYNAMIC_ZONE"?{...t.componentsDataStructure[l.uid],__component:l.uid,__temp_key__:(0,E.Uo)(p)+1}:{...t.componentsDataStructure[l.uid],__temp_key__:(0,E.Uo)(p)+1},y=Yt(s,g=>g.type==="relation",[])(u,l.attributes);p.splice(m,0,y),ae()(r,["modifiedData",...a],p);break}case"LOAD_RELATION":{const{initialDataPath:a,modifiedDataPath:s,value:l}=o,c=$()(t,a),d=$()(t,s),p=c?l.filter(f=>!c.some(y=>y.id===f.id)):l,m=(0,Zo.zJ)(null,d[0]?.__temp_key__,p.length),u=p.map((f,y)=>({...f,__temp_key__:m[y]}));ae()(r,a,sa()([...u,...c],"id")),ae()(r,s,sa()([...u,...d],"id"));break}case"CONNECT_RELATION":{const a=["modifiedData",...o.keys],{value:s,toOneRelation:l}=o;if(l)ae()(r,a,[s]);else{const c=$()(t,a),[d]=(0,Zo.zJ)(c.at(-1)?.__temp_key__,null,1),p=[...c,{...s,__temp_key__:d}];ae()(r,a,p)}break}case"DISCONNECT_RELATION":{const a=["modifiedData",...o.keys],{id:s}=o,c=$()(t,[...a]).filter(d=>d.id!==s);ae()(r,a,c);break}case"MOVE_COMPONENT_FIELD":case"REORDER_RELATION":{const{oldIndex:a,newIndex:s,keys:l}=o,c=["modifiedData",...l],d=$()(t,[...c]),p=d[a],m=[...d];if(o.type==="REORDER_RELATION"){const u=a>s?d[s-1]?.__temp_key__:d[s]?.__temp_key__,f=a>s?d[s]?.__temp_key__:d[s+1]?.__temp_key__,[y]=(0,Zo.zJ)(u,f,1);m.splice(a,1),m.splice(s,0,{...p,__temp_key__:y})}else m.splice(a,1),m.splice(s,0,p);ae()(r,c,m);break}case"INIT_FORM":{const{initialValues:a,components:s={},attributes:l={},setModifiedDataOnly:c}=o,d=Ye()(a),m=Yt(s,(y,{path:g})=>{const b=g[g.length-1],v=Kt.includes(b);return y.type==="relation"&&!v},(y,{path:g})=>t.modifiedData?.id===d.id&&$()(t.modifiedData,g)?$()(t.modifiedData,g):[])(d,l),f=Yt(s,y=>y.type==="dynamiczone"||y.type==="component"&&!y.repeatable,y=>Array.isArray(y)?y.map((g,b)=>({...g,__temp_key__:b})):{...y,__temp_key__:0})(m,l,{ignoreFalseyValues:!0});c||(r.initialData=f),r.modifiedData=f,r.formErrors={},r.modifiedDZName=null,r.shouldCheckErrors=!1;break}case"MOVE_COMPONENT_UP":case"MOVE_COMPONENT_DOWN":{const{currentIndex:a,dynamicZoneName:s,shouldCheckErrors:l}=o;l&&(r.shouldCheckErrors=!t.shouldCheckErrors);const c=t.modifiedData[s],d=o.type==="MOVE_COMPONENT_UP"?a-1:a+1,p=t.modifiedData[s][a],m=ia(c,a,d,p);ae()(r,["modifiedData",o.dynamicZoneName],m);break}case"MOVE_FIELD":{const a=$()(t,["modifiedData",...o.keys],[]).slice(),s=$()(t,["modifiedData",...o.keys,o.dragIndex]),l=ia(a,o.dragIndex,o.overIndex,s);ae()(r,["modifiedData",...o.keys],l);break}case"ON_CHANGE":{const[a]=o.keys;if(o.shouldSetInitialValue&&ae()(r,["initialData",...o.keys],o.value),o.keys.length===2&&$()(t,["modifiedData",a])===null){ae()(r,["modifiedData",a],{[o.keys[1]]:o.value});break}ae()(r,["modifiedData",...o.keys],o.value);break}case"REMOVE_COMPONENT_FROM_DYNAMIC_ZONE":{o.shouldCheckErrors&&(r.shouldCheckErrors=!t.shouldCheckErrors),r.modifiedData[o.dynamicZoneName].splice(o.index,1);break}case"REMOVE_COMPONENT_FROM_FIELD":{const a=["modifiedData",...o.keys];ae()(r,a,null);break}case"REMOVE_PASSWORD_FIELD":{Iu()(r,["modifiedData",...o.keys]);break}case"REMOVE_REPEATABLE_FIELD":{const a=o.keys.length-1,s=["modifiedData",...At()(o.keys,a)];Object.keys(t.formErrors).length>0&&(r.shouldCheckErrors=!t.shouldCheckErrors);const c=$()(t,s).slice();c.splice(parseInt(o.keys[a],10),1),ae()(r,s,c);break}case"SET_DEFAULT_DATA_STRUCTURES":{r.componentsDataStructure=o.componentsDataStructure,r.contentTypeDataStructure=o.contentTypeDataStructure;break}case"SET_FORM_ERRORS":{r.modifiedDZName=null,r.formErrors=o.errors;break}case"TRIGGER_FORM_VALIDATION":{Object.keys(t.formErrors).length>0&&(r.shouldCheckErrors=!t.shouldCheckErrors);break}case"SET_PUBLISH_CONFIRMATION":{r.publishConfirmation={...o.publishConfirmation};break}case"RESET_PUBLISH_CONFIRMATION":{r.publishConfirmation={...t.publishConfirmation,show:!1};break}default:return r}});const So=({allLayoutData:t,allowedActions:{canRead:o,canUpdate:r},children:a,componentsDataStructure:s,contentTypeDataStructure:l,createActionAllowedFields:c,from:d,initialValues:p,isCreatingEntry:m,isLoadingForData:u,isSingleType:f,onPost:y,onPublish:g,onDraftRelationCheck:b,onPut:v,onUnpublish:L,readActionAllowedFields:C,redirectToPreviousPage:R,slug:P,status:W,updateActionAllowedFields:M})=>{const[O,z]=e.useState(!1),[w,T]=(0,e.useReducer)($u,Fu),{formErrors:j,initialData:Y,modifiedData:k,modifiedDZName:Q,shouldCheckErrors:X,publishConfirmation:Z}=w,{setModifiedDataOnly:S}=(0,re.v9)(wn),I=(0,re.I0)(),A=(0,h.lm)(),{lockApp:ee,unlockApp:F}=(0,h.o1)(),H=$()(t,["contentType"],{}),V=(0,e.useMemo)(()=>$()(H,["options","draftAndPublish"],!1),[H]),q=(0,e.useMemo)(()=>V&&!Y.publishedAt,[V,Y.publishedAt]),{trackUsage:J}=(0,h.rS)(),{formatMessage:le}=(0,G.Z)(),ye=(0,e.useRef)(J),pe=(0,e.useMemo)(()=>u||m?!1:o===!1&&r===!1,[u,m,o,r]);(0,e.useEffect)(()=>{W==="resolved"?F():ee()},[ee,F,W]),(0,e.useEffect)(()=>{u||Je()},[X]),(0,e.useEffect)(()=>{const B=Object.keys(j);if(B.length>0){const _=B[0],ie=document.getElementById(_);ie&&ie.focus()}},[j]),(0,e.useEffect)(()=>{pe&&A({type:"info",message:{id:(0,E.OB)("permissions.not-allowed.update")}})},[pe,A]),(0,e.useEffect)(()=>{T({type:"SET_DEFAULT_DATA_STRUCTURES",componentsDataStructure:s,contentTypeDataStructure:l})},[s,l]);const{components:x}=t,ne=(0,be.zH)(p);(0,e.useEffect)(()=>{p&&H?.attributes&&!Ae()(ne,p)&&(T({type:"INIT_FORM",initialValues:p,components:x,attributes:H.attributes,setModifiedDataOnly:S}),S&&I(ec()))},[p,H,x,S,I,ne]);const fe=(0,e.useCallback)(B=>(_,ie,Pe,we=!1,it=void 0)=>{ye.current("didAddComponentToDynamicZone"),T({type:B,keys:_.split("."),position:it,componentLayoutData:ie,allComponents:Pe,shouldCheckErrors:we})},[]),Te=fe("ADD_COMPONENT_TO_DYNAMIC_ZONE"),$e=(0,e.useCallback)((B,_,ie)=>{T({type:"ADD_NON_REPEATABLE_COMPONENT_TO_FIELD",keys:B.split("."),componentLayoutData:_,allComponents:ie})},[]),We=(0,e.useCallback)(({name:B,value:_,toOneRelation:ie})=>{T({type:"CONNECT_RELATION",keys:B.split("."),value:_,toOneRelation:ie})},[]),ue=(0,e.useCallback)(({target:{initialDataPath:B,modifiedDataPath:_,value:ie,modifiedDataOnly:Pe}})=>{T({type:"LOAD_RELATION",modifiedDataPath:_,initialDataPath:B,value:ie,modifiedDataOnly:Pe})},[]),Se=fe("ADD_REPEATABLE_COMPONENT_TO_FIELD"),Ce=(0,e.useMemo)(()=>{const B={isCreatingEntry:m,isDraft:q,isFromComponent:!1};return(0,E.Ex)(H,{components:t.components||{}},B)},[t.components,H,m,q]),Je=(0,e.useCallback)(async(B={})=>{let _={};const ie=Ye()(k);Ne()(ie)||ae()(ie,B.path,B.value);try{await Ce.validate(ie,{abortEarly:!1})}catch(Pe){_=(0,h.CJ)(Pe),Q&&(_=Object.keys(_).reduce((we,it)=>(it.split(".")[0]!==Q&&(we[it]=_[it]),we),{}))}T({type:"SET_FORM_ERRORS",errors:_})},[Q,k,Ce]),pt=(0,e.useCallback)(({target:{name:B,value:_,type:ie}},Pe=!1)=>{let we=_;if(["text","textarea","string","email","uid","select","select-one","number"].includes(ie)&&!_&&_!==0&&(we=null),ie==="password"&&!_){T({type:"REMOVE_PASSWORD_FIELD",keys:B.split(".")});return}T({type:"ON_CHANGE",keys:B.split("."),value:we,shouldSetInitialValue:Pe})},[]),gt=(0,e.useCallback)((B,_)=>Au({browserState:B,serverState:_},H,t.components),[t.components,H]),he=(0,e.useMemo)(()=>V?q?{status:"draft"}:{}:{},[V,q]),Re=(0,e.useCallback)(async B=>(B.preventDefault(),T({type:"RESET_PUBLISH_CONFIRMATION"})),[]),_e=(0,e.useCallback)(async B=>{B.preventDefault();let _={};try{await Ce.validate(k,{abortEarly:!1})}catch(ie){_=(0,h.CJ)(ie)}try{if(Ne()(_)){const ie=gt(k,Y);(0,aa.flushSync)(()=>{z(!0)}),m?await y(ie,he):await v(ie,he),z(!1)}}catch(ie){z(!1),_={..._,...(0,h.nn)(ie,{getTrad:E.OB})}}T({type:"SET_FORM_ERRORS",errors:_})},[gt,m,k,Y,y,v,he,Ce]),an=(0,e.useCallback)(async()=>{const B=(0,E.Ex)(H,{components:$()(t,"components",{})},{isCreatingEntry:m,isDraft:!1,isFromComponent:!1}),_=await b();if(!Z.show&&_>0){T({type:"SET_PUBLISH_CONFIRMATION",publishConfirmation:{show:!0,draftCount:_}});return}T({type:"RESET_PUBLISH_CONFIRMATION"});let ie={};try{await B.validate(k,{abortEarly:!1})}catch(Pe){ie=(0,h.CJ)(Pe)}try{Ne()(ie)&&((0,aa.flushSync)(()=>{z(!0)}),await g(),z(!1))}catch(Pe){z(!1),ie={...ie,...(0,h.nn)(Pe,{getTrad:E.OB})}}T({type:"SET_FORM_ERRORS",errors:ie})},[t,H,m,k,Z.show,g,b]),He=(0,e.useCallback)(B=>{const _=Object.keys(j).some(Pe=>Pe.split(".")[0]===B);return!Ne()(j)&&_},[j]),er=(0,e.useCallback)((B,_)=>{ye.current("changeComponentsOrder"),T({type:"MOVE_COMPONENT_DOWN",dynamicZoneName:B,currentIndex:_,shouldCheckErrors:He(B)})},[He]),sn=(0,e.useCallback)((B,_)=>{ye.current("changeComponentsOrder"),T({type:"MOVE_COMPONENT_UP",dynamicZoneName:B,currentIndex:_,shouldCheckErrors:He(B)})},[He]),tr=(0,e.useCallback)(({name:B,newIndex:_,currentIndex:ie})=>{T({type:"MOVE_COMPONENT_FIELD",keys:B.split("."),newIndex:_,oldIndex:ie})},[]),nr=(0,e.useCallback)(({name:B,id:_})=>{T({type:"DISCONNECT_RELATION",keys:B.split("."),id:_})},[]),or=(0,e.useCallback)(({name:B,oldIndex:_,newIndex:ie})=>{T({type:"REORDER_RELATION",keys:B.split("."),oldIndex:_,newIndex:ie})},[]),rr=(0,e.useCallback)((B,_)=>{ye.current("removeComponentFromDynamicZone"),T({type:"REMOVE_COMPONENT_FROM_DYNAMIC_ZONE",dynamicZoneName:B,index:_,shouldCheckErrors:He(B)})},[He]),te=(0,e.useCallback)((B,_)=>{T({type:"REMOVE_COMPONENT_FROM_FIELD",keys:B.split("."),componentUid:_})},[]),se=(0,e.useCallback)((B,_)=>{T({type:"REMOVE_REPEATABLE_FIELD",keys:B.split("."),componentUid:_})},[]),oe=(0,e.useCallback)(()=>{T({type:"TRIGGER_FORM_VALIDATION"})},[]);return pe?e.createElement(ce.l_,{to:d}):k?e.createElement(h.W1.Provider,{value:{addComponentToDynamicZone:Te,addNonRepeatableComponentToField:$e,addRepeatableComponentToField:Se,allLayoutData:t,checkFormErrors:Je,createActionAllowedFields:c,formErrors:j,hasDraftAndPublish:V,initialData:Y,isCreatingEntry:m,isSingleType:f,shouldNotRunValidations:q,status:W,layout:H,modifiedData:k,moveComponentField:tr,moveComponentDown:er,moveComponentUp:sn,onChange:pt,onPublish:an,onUnpublish:L,readActionAllowedFields:C,redirectToPreviousPage:R,removeComponentFromDynamicZone:rr,removeComponentFromField:te,removeRepeatableField:se,relationConnect:We,relationDisconnect:nr,relationLoad:ue,relationReorder:or,slug:P,triggerFormValidation:oe,updateActionAllowedFields:M,onPublishPromptDismissal:Re,publishConfirmation:Z}},u||!m&&!Y.id?e.createElement(De.o,{"aria-busy":"true"},e.createElement(h.dO,null)):e.createElement(e.Fragment,null,O?null:e.createElement(ce.NL,{when:!Ae()(k,Y),message:le({id:"global.prompt.unsaved"})}),e.createElement("form",{noValidate:!0,onSubmit:_e},a))):null};So.defaultProps={from:"/",initialValues:null,redirectToPreviousPage(){}},So.propTypes={allLayoutData:n().object.isRequired,allowedActions:n().object.isRequired,children:n().node.isRequired,componentsDataStructure:n().object.isRequired,contentTypeDataStructure:n().object.isRequired,createActionAllowedFields:n().array.isRequired,from:n().string,initialValues:n().object,isCreatingEntry:n().bool.isRequired,isLoadingForData:n().bool.isRequired,isSingleType:n().bool.isRequired,onPost:n().func.isRequired,onPublish:n().func.isRequired,onDraftRelationCheck:n().func.isRequired,onPut:n().func.isRequired,onUnpublish:n().func.isRequired,readActionAllowedFields:n().array.isRequired,redirectToPreviousPage:n().func,slug:n().string.isRequired,status:n().string.isRequired,updateActionAllowedFields:n().array.isRequired};var wu=So;const Bu=(t={})=>Object.values(t).reduce((o,r)=>Object.assign(o,r),{});var la=(t={})=>{const{plugins:o,_q:r,...a}={...t,...Bu(t.plugins)};return r&&(a._q=encodeURIComponent(r)),a};const ca=({allLayoutData:t,children:o,slug:r})=>{const a=(0,Be.useQueryClient)(),{trackUsage:s}=(0,h.rS)(),{push:l}=(0,ce.k6)(),{setCurrentStep:c}=(0,h.c1)(),d=(0,e.useRef)(s),[p,m]=(0,e.useState)(!0),[{query:u,rawQuery:f}]=(0,h.Kx)(),y=(0,e.useMemo)(()=>la(u),[u]),g=(0,h.lm)(),b=(0,re.I0)(),{formatAPIError:v}=(0,h.So)(E.OB),L=(0,h.kY)(),{post:C,put:R,del:P}=L,{componentsDataStructure:W,contentTypeDataStructure:M,data:O,isLoading:z,status:w}=(0,re.v9)(wn),T=(0,e.useCallback)(I=>{const A=(0,E.kc)(I,t.contentType,t.components);return(0,h.dU)(A,t.contentType,t.components)},[t]);(0,e.useEffect)(()=>()=>{b(Sr())},[b]),(0,e.useEffect)(()=>{const I=Object.keys(t.components).reduce((F,H)=>{const V=(0,E.Di)($()(t,["components",H,"attributes"],{}),t.components);return F[H]=(0,h.dU)(V,t.components[H],t.components),F},{}),A=(0,E.Di)(t.contentType.attributes,t.components),ee=(0,h.dU)(A,t.contentType,t.components);b(kr(I,ee))},[t,b]),(0,e.useEffect)(()=>{const A=qe.default.CancelToken.source();return(async F=>{b(Ut()),m(!0);try{const{data:H}=await L.get(`/content-manager/single-types/${r}`,{cancelToken:F.token,params:y});b(Fn(T(H))),m(!1)}catch(H){if(qe.default.isCancel(H))return;const V=$()(H,"response.status",null);V===404&&b($n(f,!0)),V===403&&(g({type:"info",message:{id:(0,E.OB)("permissions.not-allowed.update")}}),l("/"))}})(A),()=>A.cancel("Operation canceled by the user.")},[L,T,l,r,b,y,f,g]);const j=(0,e.useCallback)(I=>{g({type:"warning",message:v(I)})},[g,v]),Y=(0,e.useCallback)(async I=>{try{d.current("willDeleteEntry",I);const{data:A}=await P(`/content-manager/single-types/${r}`,{params:y});return g({type:"success",message:{id:(0,E.OB)("success.record.delete")}}),d.current("didDeleteEntry",I),m(!0),b($n(f,!0)),Promise.resolve(A)}catch(A){return d.current("didNotDeleteEntry",{error:A,...I}),j(A),Promise.reject(A)}},[P,r,y,g,b,f,j]),k=(0,e.useCallback)(async(I,A)=>{const ee=`/content-manager/single-types/${r}`;try{b(me("submit-pending"));const{data:F}=await R(ee,I,{params:u});return d.current("didCreateEntry",A),g({type:"success",message:{id:(0,E.OB)("success.record.save")}}),c("contentManager.success"),a.invalidateQueries(["relation"]),b(at(T(F))),m(!1),b(me("resolved")),Promise.resolve(F)}catch(F){return d.current("didNotCreateEntry",{error:F,trackerProperty:A}),j(F),b(me("resolved")),Promise.reject(F)}},[R,T,j,r,b,u,g,c,a]),Q=(0,e.useCallback)(async()=>{try{d.current("willCheckDraftRelations");const I=`/content-manager/single-types/${r}/actions/countDraftRelations`;b(me("draft-relation-check-pending"));const A=await L.get(I);return d.current("didCheckDraftRelations"),b(me("resolved")),A.data.data}catch(I){return j(I),b(me("resolved")),Promise.reject(I)}},[L,j,r,b]),X=(0,e.useCallback)(async()=>{try{d.current("willPublishEntry");const I=`/content-manager/single-types/${r}/actions/publish`;b(me("publish-pending"));const{data:A}=await C(I,{},{params:y});return d.current("didPublishEntry"),g({type:"success",message:{id:(0,E.OB)("success.record.publish")}}),b(at(T(A))),b(me("resolved")),Promise.resolve(A)}catch(I){return j(I),b(me("resolved")),Promise.reject(I)}},[r,b,C,y,g,T,j]),Z=(0,e.useCallback)(async(I,A)=>{const ee=`/content-manager/single-types/${r}`;try{d.current("willEditEntry",A),b(me("submit-pending"));const{data:F}=await R(ee,I,{params:u});return g({type:"success",message:{id:(0,E.OB)("success.record.save")}}),d.current("didEditEntry",{trackerProperty:A}),a.invalidateQueries(["relation"]),b(at(T(F))),b(me("resolved")),Promise.resolve(F)}catch(F){return j(F),d.current("didNotEditEntry",{error:F,trackerProperty:A}),b(me("resolved")),Promise.reject(F)}},[R,T,j,r,b,u,g,a]),S=(0,e.useCallback)(async()=>{const I=`/content-manager/single-types/${r}/actions/unpublish`;b(me("unpublish-pending"));try{d.current("willUnpublishEntry");const{data:A}=await C(I,{},{params:y});d.current("didUnpublishEntry"),g({type:"success",message:{id:(0,E.OB)("success.record.unpublish")}}),b(at(T(A))),b(me("resolved"))}catch(A){b(me("resolved")),j(A)}},[r,b,C,y,g,T,j]);return o({componentsDataStructure:W,contentTypeDataStructure:M,data:O,isCreatingEntry:p,isLoadingForData:z,onDelete:Y,onPost:k,onDraftRelationCheck:Q,onPublish:X,onPut:Z,onUnpublish:S,redirectionLink:"/",status:w})};ca.propTypes={allLayoutData:n().shape({components:n().object.isRequired,contentType:n().object.isRequired}).isRequired,children:n().func.isRequired,slug:n().string.isRequired};var Nu=(0,e.memo)(ca);function Wu(t,o){return r=>{const a=o();return e.createElement(t,{...r,...a})}}var ju=Wu;function zu(){const{hasDraftAndPublish:t,modifiedData:o}=(0,h.Wq)();let r={};return t&&(r=Ne()(o.publishedAt)?{status:"draft"}:{status:"published"}),{hasDraftAndPublish:t,trackerProperty:r}}var Vu=zu;const da=({onDelete:t,trackerProperty:o})=>{const[r,a]=(0,e.useState)(!1),[s,l]=(0,e.useState)(!1),{formatMessage:c}=(0,G.Z)(),{formatAPIError:d}=(0,h.So)(E.OB),p=(0,h.lm)(),m=()=>a(f=>!f),u=async()=>{try{l(!0),await t(o),l(!1),m()}catch(f){l(!1),m(),p({type:"warning",message:d(f)})}};return e.createElement(e.Fragment,null,e.createElement(de.z,{onClick:m,size:"S",startIcon:e.createElement(Xe.Z,null),variant:"danger-light"},c({id:(0,E.OB)("containers.Edit.delete-entry"),defaultMessage:"Delete this entry"})),e.createElement(h.QH,{isConfirmButtonLoading:s,isOpen:r,onConfirm:u,onToggleDialog:m}))};da.propTypes={onDelete:n().func.isRequired,trackerProperty:n().object.isRequired};const Uu=(0,e.memo)(da,Ae());var qu=ju(Uu,Vu),Hu=i(48715);function Gu(t,o){return r=>{const a=o();return e.createElement(t,{...r,...a})}}var Qu=Gu;function Ku(){const{initialData:t,hasDraftAndPublish:o}=(0,h.Wq)(),r=t.publishedAt!==void 0&&t.publishedAt!==null;return{hasDraftAndPublish:o,isPublished:r}}var Yu=Ku;const Xu=(0,U.ZP)(Hu.Z)`
|
|
950
|
+
width: ${(0,h.Q1)(6)};
|
|
951
|
+
height: ${(0,h.Q1)(6)};
|
|
952
|
+
* {
|
|
953
|
+
fill: ${({theme:t,$bulletColor:o})=>t.colors[o]};
|
|
954
|
+
}
|
|
955
|
+
`,ua=({hasDraftAndPublish:t,isPublished:o})=>{const{formatMessage:r}=(0,G.Z)();if(!t)return null;const a={draft:{textColor:"secondary700",bulletColor:"secondary600",box:{background:"secondary100",borderColor:"secondary200"}},published:{textColor:"success700",bulletColor:"success600",box:{background:"success100",borderColor:"success200"}}},s=o?a.published:a.draft;return e.createElement(K.x,{hasRadius:!0,as:"aside",paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,...s.box},e.createElement(K.x,{as:D.k},e.createElement(Xu,{$bulletColor:s.bulletColor}),e.createElement(K.x,{paddingLeft:3},e.createElement(N.Z,{textColor:s.textColor},r({id:(0,E.OB)("containers.Edit.information.editing"),defaultMessage:"Editing"}),"\xA0"),e.createElement(N.Z,{fontWeight:"bold",textColor:s.textColor},o&&r({id:(0,E.OB)("containers.Edit.information.publishedVersion"),defaultMessage:"published version"}),!o&&r({id:(0,E.OB)("containers.Edit.information.draftVersion"),defaultMessage:"draft version"})))))};ua.propTypes={hasDraftAndPublish:n().bool.isRequired,isPublished:n().bool.isRequired};var Ju=Qu(ua,Yu);const ko=({columns:t,customFieldInputs:o})=>e.createElement(Ze.r,{gap:4},t.map(({fieldSchema:r,labelAction:a,metadatas:s,name:l,size:c,queryInfos:d})=>{if(r.type==="component"){const{component:m,max:u,min:f,repeatable:y=!1,required:g=!1}=r;return e.createElement(ve.P,{col:c,s:12,xs:12,key:m},e.createElement(Qt,{componentUid:m,labelAction:a,isRepeatable:y,intlLabel:{id:s.label,defaultMessage:s.label},max:u,min:f,name:l,required:g}))}return e.createElement(ve.P,{col:c,key:l,s:12,xs:12},e.createElement(vo,{size:c,fieldSchema:r,keys:l,labelAction:a,metadatas:s,queryInfos:d,customFieldInputs:o}))}));ko.defaultProps={customFieldInputs:{}},ko.propTypes={columns:n().array.isRequired,customFieldInputs:n().object};var _u=ko,Xt=i(47209),Jt=i(96433),_t=i(22128);function em(t,o){return r=>{const a=o();return e.createElement(t,{...r,...a})}}var tm=em;function nm(){const{initialData:t,isCreatingEntry:o,isSingleType:r,status:a,layout:s,hasDraftAndPublish:l,modifiedData:c,onPublish:d,onUnpublish:p,publishConfirmation:m,onPublishPromptDismissal:u}=(0,h.Wq)();return{initialData:t,isCreatingEntry:o,isSingleType:r,status:a,layout:s,hasDraftAndPublish:l,modifiedData:c,onPublish:d,onUnpublish:p,publishConfirmation:m,onPublishPromptDismissal:u}}var om=nm;const ma=(0,U.ZP)(D.k)`
|
|
956
|
+
text-align: center;
|
|
957
|
+
`,pa=({allowedActions:{canUpdate:t,canCreate:o,canPublish:r},initialData:a,isCreatingEntry:s,isSingleType:l,hasDraftAndPublish:c,layout:d,modifiedData:p,onPublish:m,onUnpublish:u,status:f,publishConfirmation:{show:y,draftCount:g},onPublishPromptDismissal:b})=>{const{goBack:v}=(0,ce.k6)(),[L,C]=(0,e.useState)(!1),{formatMessage:R}=(0,G.Z)(),P=$()(d,["settings","mainField"],"id"),W=$()(d,["info","displayName"],"NOT FOUND"),M=!Ae()(a,p)||s&&!Ne()(p);let z=R({id:(0,E.OB)("containers.Edit.pluginHeader.title.new"),defaultMessage:"Create an entry"});!s&&!l&&(z=a[P]||W),l&&(z=W);let w=null;if(s&&o&&(w=e.createElement(D.k,{gap:2},c&&e.createElement(de.z,{disabled:!0,startIcon:e.createElement(Ue.Z,null),variant:"secondary"},R({id:"app.utils.publish",defaultMessage:"Publish"})),e.createElement(de.z,{disabled:!M,loading:f==="submit-pending",type:"submit"},R({id:(0,E.OB)("containers.Edit.submit"),defaultMessage:"Save"})))),!s&&t){const k=c&&r,Q=!Ne()(a.publishedAt),X=Q?f==="unpublish-pending":f==="publish-pending",Z=Q?{id:"app.utils.unpublish",defaultMessage:"Unpublish"}:{id:"app.utils.publish",defaultMessage:"Publish"},S=Q?()=>C(!0):()=>m();w=e.createElement(D.k,null,k&&e.createElement(de.z,{disabled:M,loading:X,onClick:S,startIcon:e.createElement(Ue.Z,null),variant:"secondary"},R(Z)),e.createElement(K.x,{paddingLeft:k?2:0},e.createElement(de.z,{disabled:!M,loading:f==="submit-pending",type:"submit"},R({id:(0,E.OB)("containers.Edit.submit"),defaultMessage:"Save"}))))}const T=()=>C(k=>!k),j=()=>{T(),u()},Y=`${R({id:(0,E.OB)("api.id"),defaultMessage:"API ID "})} : ${d.apiID}`;return e.createElement(e.Fragment,null,e.createElement(Ie.T,{title:z.toString(),primaryAction:w,subtitle:Y,navigationAction:e.createElement(h.rU,{startIcon:e.createElement(dt.Z,null),onClick:k=>{k.preventDefault(),v()},to:"/"},R({id:"global.back",defaultMessage:"Back"}))}),e.createElement(Xt.V,{onClose:T,title:"Confirmation",labelledBy:"confirmation",describedBy:"confirm-description",isOpen:L},e.createElement(Jt.a,{icon:e.createElement(Ft.Z,null)},e.createElement(D.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(D.k,{justifyContent:"center",style:{textAlign:"center"}},e.createElement(N.Z,{id:"confirm-description"},R({id:(0,E.OB)("popUpWarning.warning.unpublish"),defaultMessage:"Unpublish this content will automatically change it to a draft."},{br:()=>e.createElement("br",null)}))),e.createElement(D.k,{justifyContent:"center",style:{textAlign:"center"}},e.createElement(N.Z,{id:"confirm-description"},R({id:(0,E.OB)("popUpWarning.warning.unpublish-question"),defaultMessage:"Are you sure you want to unpublish it?"}))))),e.createElement(_t.c,{startAction:e.createElement(de.z,{onClick:T,variant:"tertiary"},R({id:"components.popUpWarning.button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(de.z,{variant:"danger-light",onClick:j},R({id:"components.popUpWarning.button.confirm",defaultMessage:"Confirm"}))})),e.createElement(Xt.V,{onClose:b,title:R({id:(0,E.OB)("popUpWarning.warning.has-draft-relations.title"),defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:y},e.createElement(Jt.a,{icon:e.createElement(Ft.Z,null)},e.createElement(D.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(ma,{justifyContent:"center"},e.createElement(N.Z,{id:"confirm-description"},g,R({id:(0,E.OB)("popUpwarning.warning.has-draft-relations.message"),defaultMessage:"<b>{count, plural, one { relation is} other { relations are}}</b> not published yet and might lead to unexpected behavior."},{b:k=>e.createElement(N.Z,{fontWeight:"bold"},k),count:g}))),e.createElement(ma,{justifyContent:"center"},e.createElement(N.Z,{id:"confirm-description"},R({id:(0,E.OB)("popUpWarning.warning.publish-question"),defaultMessage:"Do you still want to publish?"}))))),e.createElement(_t.c,{startAction:e.createElement(de.z,{onClick:b,variant:"tertiary"},R({id:"components.popUpWarning.button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(de.z,{variant:"success",onClick:m},R({id:(0,E.OB)("popUpwarning.warning.has-draft-relations.button-confirm"),defaultMessage:"Publish"}))})))};pa.propTypes={allowedActions:n().shape({canUpdate:n().bool.isRequired,canCreate:n().bool.isRequired,canPublish:n().bool.isRequired}).isRequired,initialData:n().object.isRequired,isCreatingEntry:n().bool.isRequired,isSingleType:n().bool.isRequired,status:n().string.isRequired,layout:n().object.isRequired,hasDraftAndPublish:n().bool.isRequired,modifiedData:n().object.isRequired,onPublish:n().func.isRequired,onUnpublish:n().func.isRequired,publishConfirmation:n().shape({show:n().bool.isRequired,draftCount:n().number.isRequired}).isRequired,onPublishPromptDismissal:n().func.isRequired};const rm=(0,e.memo)(pa,Ae());var am=tm(rm,om);const sm=t=>(0,e.useEffect)(t,im),im=[];var Lo=i(98865);function lm(){return e.createElement(Lo.d.Root,null,e.createElement(Lo.d.Title,null),e.createElement(Lo.d.Body,null))}var Ao=i(98178),cm=t=>{if(!t.layouts)return[];const o=t.layouts.edit,r=t.attributes,a=c=>$()(r,[c,"type"],"");let s=0;const l=[];return o.forEach(c=>{const d=c.some(({name:p})=>a(p)==="dynamiczone");l[s]||(l[s]=[]),d?(s=s===0&&Ne()(l[0])?0:s+1,l[s]||(l[s]=[]),l[s].push(c),s+=1):l[s].push(c)}),l.filter(c=>c.length>0)},dm=t=>{if(!t)return[];const r=[...t.contentType.layouts.edit,...Object.values(t.components).flatMap(s=>s.layouts.edit)].flat().filter(s=>s.fieldSchema.customField).map(s=>s.fieldSchema.customField);return[...new Set(r)]},um=i(3704),mm=i.n(um),pm=i(91815),gm=i.n(pm),fm=(t,o)=>{const r=a=>{const s=(0,h.ZT)(t,[{action:`plugin::content-manager.explorer.${a}`,subject:o}]);return gm()(mm()(s,"properties.fields"))};return{createActionAllowedFields:r("create"),readActionAllowedFields:r("read"),updateActionAllowedFields:r("update")}};const Fo=t=>t["content-manager_editViewLayoutManager"].currentLayout,hm=(0,Ao.P1)(Fo,t=>cm(t?.contentType??{})),ym=(0,Ao.P1)(Fo,t=>dm(t)),Em=[{action:"plugin::content-type-builder.read",subject:null}],$o=({allowedActions:t,isSingleType:o,goBack:r,slug:a,id:s,origin:l,userPermissions:c})=>{const{trackUsage:d}=(0,h.rS)(),{formatMessage:p}=(0,G.Z)(),m=(0,re.v9)(xe._),u=(0,ce.TH)(),f=(0,h.lm)(),y=(0,kt.c)(lm,async()=>(await i.e(4724).then(i.bind(i,91130))).InformationBoxEE);sm(()=>{u?.state&&"error"in u.state&&f({type:"warning",message:u.state.error,timeout:5e3})});const{layout:g,formattedContentTypeLayout:b,customFieldUids:v}=(0,re.v9)(T=>({layout:Fo(T),formattedContentTypeLayout:hm(T),customFieldUids:ym(T)})),{isLazyLoading:L,lazyComponentStore:C}=Kn(v),{createActionAllowedFields:R,readActionAllowedFields:P,updateActionAllowedFields:W}=fm(c,a),M=o?m.contentManager.singleTypesConfigurations:m.contentManager.collectionTypesConfigurations,O=`/content-manager/${o?"singleType":"collectionType"}/${a}/configurations/edit`,z=o?Nu:tc,w=T=>T.every(j=>j.every(Y=>Y.fieldSchema.type==="dynamiczone"));return L?e.createElement(h.dO,null):y?e.createElement(z,{allLayoutData:g,slug:a,id:s,origin:l},({componentsDataStructure:T,contentTypeDataStructure:j,data:Y,isCreatingEntry:k,isLoadingForData:Q,onDelete:X,onPost:Z,onPublish:S,onDraftRelationCheck:I,onPut:A,onUnpublish:ee,redirectionLink:F,status:H})=>e.createElement(wu,{allowedActions:t,allLayoutData:g,createActionAllowedFields:R,componentsDataStructure:T,contentTypeDataStructure:j,from:F,initialValues:Y,isCreatingEntry:k,isLoadingForData:Q,isSingleType:o,onPost:Z,onPublish:S,onDraftRelationCheck:I,onPut:A,onUnpublish:ee,readActionAllowedFields:P,redirectToPreviousPage:r,slug:a,status:H,updateActionAllowedFields:W},e.createElement(De.o,{"aria-busy":H!=="resolved"},e.createElement(am,{allowedActions:t}),e.createElement(tt.D,null,e.createElement(Ze.r,{gap:4},e.createElement(ve.P,{col:9,s:12},e.createElement(D.k,{direction:"column",alignItems:"stretch",gap:6},b.map((V,q)=>{if(w(V)){const{0:{0:{name:J,fieldSchema:le,metadatas:ye,labelAction:pe}}}=V;return e.createElement(K.x,{key:q},e.createElement(Ze.r,{gap:4},e.createElement(ve.P,{col:12,s:12,xs:12},e.createElement(xo,{name:J,fieldSchema:le,labelAction:pe,metadatas:ye}))))}return e.createElement(K.x,{key:q,hasRadius:!0,background:"neutral0",shadow:"tableShadow",paddingLeft:6,paddingRight:6,paddingTop:6,paddingBottom:6,borderColor:"neutral150"},e.createElement(D.k,{direction:"column",alignItems:"stretch",gap:6},V.map((J,le)=>e.createElement(_u,{columns:J,customFieldInputs:C,key:le}))))}))),e.createElement(ve.P,{col:3,s:12},e.createElement(D.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Ju,null),e.createElement(K.x,{as:"aside","aria-labelledby":"additional-information",background:"neutral0",borderColor:"neutral150",hasRadius:!0,paddingBottom:4,paddingLeft:4,paddingRight:4,paddingTop:6,shadow:"tableShadow"},e.createElement(y,null),e.createElement(Vt,{area:"contentManager.editView.informations"})),e.createElement(K.x,{as:"aside","aria-labelledby":"links"},e.createElement(D.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Vt,{area:"contentManager.editView.right-links",slug:a}),a!=="strapi::administrator"&&e.createElement(h.jW,{permissions:Em},e.createElement(h.Qj,{onClick:()=>{d("willEditEditLayout")},size:"S",startIcon:e.createElement(nt.Z,null),style:{width:"100%"},to:`/plugins/content-type-builder/content-types/${a}`,variant:"secondary"},p({id:(0,E.OB)("link-to-ctb"),defaultMessage:"Edit the model"}))),e.createElement(h.jW,{permissions:M},e.createElement(h.Qj,{size:"S",startIcon:e.createElement(fn.Z,null),style:{width:"100%"},to:O,variant:"secondary"},p({id:"app.links.configure-view",defaultMessage:"Configure the view"}))),t.canDelete&&!k&&e.createElement(qu,{onDelete:X})))))))))):null};$o.defaultProps={id:null,isSingleType:!1,origin:null,userPermissions:[]},$o.propTypes={allowedActions:n().shape({canRead:n().bool.isRequired,canUpdate:n().bool.isRequired,canCreate:n().bool.isRequired,canDelete:n().bool.isRequired}).isRequired,id:n().string,isSingleType:n().bool,goBack:n().func.isRequired,origin:n().string,slug:n().string.isRequired,userPermissions:n().array};var bm=$o;const wo=t=>{const o=(0,e.useMemo)(()=>(0,E.TA)(t.slug),[t.slug]),{isLoading:r,allowedActions:a}=(0,h.ss)(o,t.userPermissions);return r?e.createElement(h.dO,null):e.createElement(bm,{...t,allowedActions:a})};wo.defaultProps={permissions:[]},wo.propTypes={permissions:n().array,slug:n().string.isRequired,userPermissions:n().array.isRequired};var vm=(0,e.memo)(wo,Ae()),Cm=i(53634);const ga=({layout:t,...o})=>{const r=(0,re.v9)(Cm.Z),a=(0,re.I0)(),[{query:s}]=(0,h.Kx)(),{runHookWaterfall:l}=(0,h.j1)(),{permissions:c,isValid:d}=(0,be.r5)(s,o.slug,"editView");return(0,e.useEffect)(()=>{const p=l(zt.Eo,{layout:t,query:s});return a(Xl(p.layout,s)),()=>{a(Yl())}},[t,a,s,l]),!r||!d?e.createElement(h.dO,null):e.createElement(vm,{...o,userPermissions:c})};ga.propTypes={layout:n().shape({components:n().object.isRequired,contentType:n().shape({uid:n().string.isRequired,settings:n().object.isRequired,metadatas:n().object.isRequired,options:n().object.isRequired,attributes:n().object.isRequired}).isRequired}).isRequired};var en=ga,tn=i(33348);const Rm=(0,U.ZP)(D.k)`
|
|
958
|
+
svg {
|
|
959
|
+
width: ${32/16}rem;
|
|
960
|
+
height: ${24/16}rem;
|
|
961
|
+
margin-right: ${({theme:t})=>t.spaces[3]};
|
|
962
|
+
}
|
|
963
|
+
`,fa=({attributes:t,fieldForm:o,fieldToEdit:r,onCloseModal:a,onChangeEditLabel:s,onSubmit:l,type:c})=>{const{formatMessage:d}=(0,G.Z)(),p=t[r].relationType;let m=!["media","relation"].includes(c);return["oneWay","oneToOne","manyToOne"].includes(p)&&(m=!0),e.createElement(vn.P,{onClose:a,labelledBy:"title"},e.createElement("form",{onSubmit:l},e.createElement(Cn.x,null,e.createElement(Rm,null,e.createElement(Tr,{type:c}),e.createElement(N.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title"},d({id:(0,E.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:Ot()(r)})))),e.createElement(Rn.f,null,e.createElement(Ze.r,{gap:4},e.createElement(ve.P,{s:12,col:6},e.createElement(In.o,{id:"label-input",label:d({id:(0,E.OB)("form.Input.label"),defaultMessage:"Label"}),name:"label",onChange:u=>s(u),value:o.label,hint:d({id:(0,E.OB)("form.Input.label.inputDescription"),defaultMessage:"This value overrides the label displayed in the table's head"})})),m&&e.createElement(ve.P,{s:12,col:6},e.createElement(St.s,{"data-testid":"Enable sort on this field",checked:o.sortable,label:d({id:(0,E.OB)("form.Input.sort.field"),defaultMessage:"Enable sort on this field"}),name:"sortable",onChange:u=>s({target:{name:"sortable",value:u.target.checked}}),onLabel:d({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:d({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"})})))),e.createElement(Mn.m,{startActions:e.createElement(de.z,{onClick:a,variant:"tertiary"},d({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(de.z,{type:"submit"},d({id:"global.finish",defaultMessage:"Finish"}))})))};fa.propTypes={attributes:n().objectOf(n().shape({relationType:n().string})).isRequired,fieldForm:n().shape({label:n().string,sortable:n().bool}).isRequired,fieldToEdit:n().string.isRequired,onChangeEditLabel:n().func.isRequired,onCloseModal:n().func.isRequired,onSubmit:n().func.isRequired,type:n().string.isRequired};const Bo=({contentTypeOptions:t,modifiedData:o,onChange:r,sortOptions:a})=>{const{formatMessage:s,locale:l}=(0,G.Z)(),c=(0,h.Xe)(l,{sensitivity:"base"}),p=(0,kt.c)(a,async()=>(await i.e(78).then(i.bind(i,10078))).REVIEW_WORKFLOW_STAGE_SORT_OPTION_NAME,{combine(u,f){return[...u,{...f,label:s(f.label)}]},defaultValue:a,enabled:!!t?.reviewWorkflows}).sort((u,f)=>c.compare(u.label,f.label)),{settings:m}=o;return e.createElement(D.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(N.Z,{variant:"delta",as:"h2"},s({id:(0,E.OB)("containers.SettingPage.settings"),defaultMessage:"Settings"})),e.createElement(D.k,{justifyContent:"space-between",gap:4},e.createElement(K.x,{width:"100%"},e.createElement(St.s,{label:s({id:(0,E.OB)("form.Input.search"),defaultMessage:"Enable search"}),onChange:u=>{r({target:{name:"settings.searchable",value:u.target.checked}})},onLabel:s({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:s({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.searchable",checked:m.searchable})),e.createElement(K.x,{width:"100%"},e.createElement(St.s,{label:s({id:(0,E.OB)("form.Input.filters"),defaultMessage:"Enable filters"}),onChange:u=>{r({target:{name:"settings.filterable",value:u.target.checked}})},onLabel:s({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:s({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.filterable",checked:m.filterable})),e.createElement(K.x,{width:"100%"},e.createElement(St.s,{label:s({id:(0,E.OB)("form.Input.bulkActions"),defaultMessage:"Enable bulk actions"}),onChange:u=>{r({target:{name:"settings.bulkable",value:u.target.checked}})},onLabel:s({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:s({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.bulkable",checked:m.bulkable}))),e.createElement(Ze.r,{gap:4},e.createElement(ve.P,{s:12,col:6},e.createElement(Ve.P,{label:s({id:(0,E.OB)("form.Input.pageEntries"),defaultMessage:"Entries per page"}),hint:s({id:(0,E.OB)("form.Input.pageEntries.inputDescription"),defaultMessage:"Note: You can override this value in the Collection Type settings page."}),onChange:u=>r({target:{name:"settings.pageSize",value:u}}),name:"settings.pageSize",value:o.settings.pageSize||""},[10,20,50,100].map(u=>e.createElement(Oe.W,{key:u,value:u},u)))),e.createElement(ve.P,{s:12,col:3},e.createElement(Ve.P,{label:s({id:(0,E.OB)("form.Input.defaultSort"),defaultMessage:"Default sort attribute"}),onChange:u=>r({target:{name:"settings.defaultSortBy",value:u}}),name:"settings.defaultSortBy",value:o.settings.defaultSortBy||""},p.map(({value:u,label:f})=>e.createElement(Oe.W,{key:u,value:u},f)))),e.createElement(ve.P,{s:12,col:3},e.createElement(Ve.P,{label:s({id:(0,E.OB)("form.Input.sort.order"),defaultMessage:"Default sort order"}),onChange:u=>r({target:{name:"settings.defaultSortOrder",value:u}}),name:"settings.defaultSortOrder",value:o.settings.defaultSortOrder||""},["ASC","DESC"].map(u=>e.createElement(Oe.W,{key:u,value:u},u))))))};Bo.defaultProps={modifiedData:{},sortOptions:[]},Bo.propTypes={contentTypeOptions:n().object.isRequired,modifiedData:n().object,onChange:n().func.isRequired,sortOptions:n().arrayOf(n().shape({value:n().string,label:n().string}).isRequired)};const No=(0,U.ZP)(D.k)`
|
|
964
|
+
height: ${({theme:t})=>t.spaces[7]};
|
|
965
|
+
|
|
966
|
+
&:last-child {
|
|
967
|
+
padding: 0 ${({theme:t})=>t.spaces[3]};
|
|
968
|
+
}
|
|
969
|
+
`,Mm=(0,U.ZP)(No)`
|
|
970
|
+
border-right: 1px solid
|
|
971
|
+
${({theme:t,isSibling:o})=>o?t.colors.neutral150:t.colors.primary200};
|
|
972
|
+
|
|
973
|
+
svg {
|
|
974
|
+
width: ${12/16}rem;
|
|
975
|
+
height: ${12/16}rem;
|
|
976
|
+
}
|
|
977
|
+
`,Tm=(0,U.ZP)(D.k)`
|
|
978
|
+
border: 1px solid
|
|
979
|
+
${({theme:t,isSibling:o})=>o?t.colors.neutral150:t.colors.primary200};
|
|
980
|
+
|
|
981
|
+
svg {
|
|
982
|
+
width: ${10/16}rem;
|
|
983
|
+
height: ${10/16}rem;
|
|
984
|
+
|
|
985
|
+
path {
|
|
986
|
+
fill: ${({theme:t,isSibling:o})=>o?void 0:t.colors.primary600};
|
|
987
|
+
}
|
|
988
|
+
}
|
|
989
|
+
`,Dm=(0,U.ZP)(N.Z)`
|
|
990
|
+
max-width: ${72/16}rem;
|
|
991
|
+
`;function wt({labelField:t,transparent:o,isSibling:r}){return e.createElement(Tm,{background:r?"neutral100":"primary100",display:"inline-flex",gap:3,hasRadius:!0,justifyContent:"space-between",transparent:o,isSibling:r,"max-height":(0,h.Q1)(32),maxWidth:"min-content",opacity:o?0:1},e.createElement(D.k,{gap:3},e.createElement(Mm,{alignItems:"center",cursor:"all-scroll",padding:3},e.createElement(ot.Z,null)),e.createElement(Dm,{textColor:r?void 0:"primary600",fontWeight:"bold",ellipsis:!0},t)),e.createElement(D.k,null,e.createElement(No,{alignItems:"center"},e.createElement(nt.Z,null)),e.createElement(No,{alignItems:"center"},e.createElement(qt.Z,null))))}wt.defaultProps={isSibling:!1,transparent:!1},wt.propTypes={isSibling:n().bool,labelField:n().string.isRequired,transparent:n().bool};const Wo=U.ZP.button`
|
|
992
|
+
display: flex;
|
|
993
|
+
align-items: center;
|
|
994
|
+
height: ${({theme:t})=>t.spaces[7]};
|
|
995
|
+
|
|
996
|
+
&:last-child {
|
|
997
|
+
padding: 0 ${({theme:t})=>t.spaces[3]};
|
|
998
|
+
}
|
|
999
|
+
`,ha=(0,U.ZP)(Wo)`
|
|
1000
|
+
padding: 0 ${({theme:t})=>t.spaces[3]};
|
|
1001
|
+
border-right: 1px solid ${({theme:t})=>t.colors.neutral150};
|
|
1002
|
+
cursor: all-scroll;
|
|
1003
|
+
|
|
1004
|
+
svg {
|
|
1005
|
+
width: ${12/16}rem;
|
|
1006
|
+
height: ${12/16}rem;
|
|
1007
|
+
}
|
|
1008
|
+
`,Om=(0,U.ZP)(D.k)`
|
|
1009
|
+
max-height: ${32/16}rem;
|
|
1010
|
+
cursor: pointer;
|
|
1011
|
+
|
|
1012
|
+
svg {
|
|
1013
|
+
width: ${10/16}rem;
|
|
1014
|
+
height: ${10/16}rem;
|
|
1015
|
+
|
|
1016
|
+
path {
|
|
1017
|
+
fill: ${({theme:t})=>t.colors.neutral600};
|
|
1018
|
+
}
|
|
1019
|
+
}
|
|
1020
|
+
|
|
1021
|
+
&:hover {
|
|
1022
|
+
background-color: ${({theme:t})=>t.colors.primary100};
|
|
1023
|
+
border-color: ${({theme:t})=>t.colors.primary200};
|
|
1024
|
+
|
|
1025
|
+
svg {
|
|
1026
|
+
path {
|
|
1027
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
1028
|
+
}
|
|
1029
|
+
}
|
|
1030
|
+
|
|
1031
|
+
${N.Z} {
|
|
1032
|
+
color: ${({theme:t})=>t.colors.primary600};
|
|
1033
|
+
}
|
|
1034
|
+
|
|
1035
|
+
${ha} {
|
|
1036
|
+
border-right: 1px solid ${({theme:t})=>t.colors.primary200};
|
|
1037
|
+
}
|
|
1038
|
+
}
|
|
1039
|
+
`,Im=(0,U.ZP)(K.x)`
|
|
1040
|
+
&:last-child {
|
|
1041
|
+
padding-right: ${({theme:t})=>t.spaces[3]};
|
|
1042
|
+
}
|
|
1043
|
+
`,ya=({index:t,isDraggingSibling:o,labelField:r,onClickEditField:a,onMoveField:s,onRemoveField:l,name:c,setIsDraggingSibling:d})=>{const{formatMessage:p}=(0,G.Z)(),m=(0,e.useRef)(null),u=(0,e.useRef)(null),[,f]=(0,e.useState)(!1),y=(0,e.useRef)(),g=()=>{y.current&&y.current.click()},[,b]=(0,Wt.useDrop)({accept:E._Q.FIELD,hover(P,W){if(!u.current)return;const M=P.index,O=t;if(M===O)return;const z=u.current.getBoundingClientRect(),w=(z.right-z.left)/2,j=W.getClientOffset().x-z.left;M>O&&j>w||M<O&&j<w||(s(M,O),P.index=O)}}),[{isDragging:v},L,C]=(0,Wt.useDrag)({type:E._Q.FIELD,item(){return{index:t,labelField:r,name:c}},collect:P=>({isDragging:P.isDragging()}),end(){d(!1)}});(0,e.useEffect)(()=>{C((0,It.rX)(),{captureDraggingState:!1})},[C]),(0,e.useEffect)(()=>{v&&d(!0)},[v,d]),(0,e.useEffect)(()=>{o||f(P=>!P)},[o]);const R={dragRef:L(m),dropRef:b(u)};return e.createElement(Im,{ref:R?R.dropRef:null},v&&e.createElement(wt,{transparent:!0,labelField:r}),!v&&o&&e.createElement(wt,{isSibling:!0,labelField:r}),!v&&!o&&e.createElement(Om,{borderColor:"neutral150",background:"neutral100",hasRadius:!0,justifyContent:"space-between",onClick:g,isDragging:v},e.createElement(D.k,{gap:3},e.createElement(ha,{as:"span","aria-label":p({id:(0,E.OB)("components.DraggableCard.move.field"),defaultMessage:"Move {item}"},{item:r}),onClick:P=>P.stopPropagation(),ref:R.dragRef,type:"button"},e.createElement(ot.Z,null)),e.createElement(N.Z,{fontWeight:"bold"},r)),e.createElement(D.k,{paddingLeft:3},e.createElement(Wo,{ref:y,onClick:P=>{P.stopPropagation(),a(c)},"aria-label":p({id:(0,E.OB)("components.DraggableCard.edit.field"),defaultMessage:"Edit {item}"},{item:r}),type:"button"},e.createElement(nt.Z,null)),e.createElement(Wo,{onClick:l,"data-testid":`delete-${c}`,"aria-label":p({id:(0,E.OB)("components.DraggableCard.delete.field"),defaultMessage:"Delete {item}"},{item:r}),type:"button"},e.createElement(qt.Z,null)))))};ya.propTypes={index:n().number.isRequired,isDraggingSibling:n().bool.isRequired,labelField:n().string.isRequired,name:n().string.isRequired,onClickEditField:n().func.isRequired,onMoveField:n().func.isRequired,onRemoveField:n().func.isRequired,setIsDraggingSibling:n().func.isRequired};var Pm=ya;const Ea=({displayedFields:t,listRemainingFields:o,metadatas:r,onAddField:a,onClickEditField:s,onMoveField:l,onRemoveField:c})=>{const{formatMessage:d}=(0,G.Z)(),[p,m]=(0,e.useState)(!1),[u,f]=(0,e.useState)(null),y=(0,e.useRef)();function g(...v){f("add"),a(...v)}function b(...v){f("remove"),c(...v)}return(0,e.useEffect)(()=>{u==="add"&&y?.current&&(y.current.scrollLeft=y.current.scrollWidth)},[t,u]),e.createElement(D.k,{alignItems:"stretch",direction:"column",gap:4},e.createElement(N.Z,{variant:"delta",as:"h2"},d({id:(0,E.OB)("containers.SettingPage.view"),defaultMessage:"View"})),e.createElement(D.k,{padding:4,borderColor:"neutral300",borderStyle:"dashed",borderWidth:"1px",hasRadius:!0},e.createElement(K.x,{flex:"1",overflow:"scroll hidden",ref:y},e.createElement(D.k,{gap:3},t.map((v,L)=>e.createElement(Pm,{key:v,index:L,isDraggingSibling:p,onMoveField:l,onClickEditField:s,onRemoveField:C=>b(C,L),name:v,labelField:r[v].list.label||v,setIsDraggingSibling:m})))),e.createElement(ge.fC,null,e.createElement(ge.xz,{paddingLeft:2,paddingRight:2,justifyContent:"center",endIcon:null,disabled:o.length<=0,variant:"tertiary"},e.createElement(st.T,{as:"span"},d({id:(0,E.OB)("components.FieldSelect.label"),defaultMessage:"Add a field"})),e.createElement(ht.Z,{"aria-hidden":!0,focusable:!1,style:{position:"relative",top:2}})),e.createElement(ge.VY,null,o.map(v=>e.createElement(ge.ck,{key:v,onSelect:()=>g(v)},r[v].list.label||v))))))};Ea.propTypes={displayedFields:ke.PropTypes.array.isRequired,listRemainingFields:ke.PropTypes.array.isRequired,metadatas:ke.PropTypes.objectOf(ke.PropTypes.shape({list:ke.PropTypes.shape({label:ke.PropTypes.string})})).isRequired,onAddField:ke.PropTypes.func.isRequired,onClickEditField:ke.PropTypes.func.isRequired,onMoveField:ke.PropTypes.func.isRequired,onRemoveField:ke.PropTypes.func.isRequired};const xm=["media","richtext","dynamiczone","relation","component","json"],jo={fieldForm:{},fieldToEdit:"",initialData:{},modifiedData:{}};var Zm=(t=jo,o)=>(0,Sn.ZP)(t,r=>{const a=["modifiedData","layouts","list"];switch(o.type){case"ADD_FIELD":{const s=$()(t,a,[]);ae()(r,a,[...s,o.item]);break}case"MOVE_FIELD":{const s=$()(t,a,[]),{originalIndex:l,atIndex:c}=o;ae()(r,a,(0,E.W3)(s,l,c));break}case"ON_CHANGE":{ae()(r,["modifiedData",...o.keys.split(".")],o.value);break}case"ON_CHANGE_FIELD_METAS":{ae()(r,["fieldForm",o.name],o.value);break}case"REMOVE_FIELD":{const s=$()(t,a,[]);ae()(r,a,s.filter((l,c)=>o.index!==c));break}case"SET_FIELD_TO_EDIT":{const{fieldToEdit:s}=o;r.fieldToEdit=s,r.fieldForm.label=$()(r,["modifiedData","metadatas",s,"list","label"],""),r.fieldForm.sortable=$()(r,["modifiedData","metadatas",s,"list","sortable"],"");break}case"UNSET_FIELD_TO_EDIT":{r.fieldForm={},r.fieldToEdit="";break}case"SUBMIT_FIELD_FORM":{const s=["modifiedData","metadatas",t.fieldToEdit,"list"];ae()(r,[...s,"label"],t.fieldForm.label),ae()(r,[...s,"sortable"],t.fieldForm.sortable);break}default:return r}});const ba=({layout:t,slug:o})=>{const{put:r}=(0,h.kY)(),{formatMessage:a}=(0,G.Z)(),{trackUsage:s}=(0,h.rS)(),l=(0,be.fi)(),c=(0,h.lm)(),{refetchData:d}=e.useContext(Dt),[{fieldToEdit:p,fieldForm:m,initialData:u,modifiedData:f},y]=e.useReducer(Zm,jo,()=>({...jo,initialData:t,modifiedData:t})),g=Object.keys(m).length!==0,{attributes:b,options:v}=t,L=f.layouts.list,C=()=>{const{settings:{pageSize:Z,defaultSortBy:S,defaultSortOrder:I},kind:A,uid:ee}=u,F=`${S}:${I}`,H=`${(0,tn.stringify)({page:1,pageSize:Z,sort:F},{encode:!1})}${l?`&${l}`:""}`;return`/content-manager/${A}/${ee}?${H}`},R=({target:{name:Z,value:S}})=>{y({type:"ON_CHANGE",keys:Z,value:Z==="settings.pageSize"?parseInt(S,10):S})},{isLoading:P,mutate:W}=(0,Be.useMutation)(Z=>r(`/content-manager/content-types/${o}/configuration`,Z),{onSuccess(){s("didEditListSettings"),d()},onError(){c({type:"warning",message:{id:"notification.error"}})}}),M=Z=>{y({type:"ADD_FIELD",item:Z})},O=(Z,S)=>{Z.stopPropagation(),L.length===1?c({type:"info",message:{id:(0,E.OB)("notification.info.minimumFields")}}):y({type:"REMOVE_FIELD",index:S})},z=Z=>{Z.preventDefault();const{layouts:S,settings:I,metadatas:A}=f;W({layouts:S,settings:I,metadatas:A}),s("willSaveContentTypeLayout")},w=Z=>{y({type:"SET_FIELD_TO_EDIT",fieldToEdit:Z})},T=()=>{y({type:"UNSET_FIELD_TO_EDIT"})},j=Z=>{Z.preventDefault(),y({type:"SUBMIT_FIELD_FORM"}),T()},Y=({target:{name:Z,value:S}})=>{y({type:"ON_CHANGE_FIELD_METAS",name:Z,value:S})},k=Object.entries(b).filter(([Z,S])=>(0,E.ko)(S)&&!L.includes(Z)).map(([Z])=>Z).sort(),Q=Object.entries(b).filter(([,Z])=>!xm.includes(Z.type)).map(([Z])=>({value:Z,label:t.metadatas[Z].list.label})),X=(Z,S)=>{y({type:"MOVE_FIELD",originalIndex:Z,atIndex:S})};return e.createElement(Ge.A,null,e.createElement(De.o,{"aria-busy":P},e.createElement("form",{onSubmit:z},e.createElement(Ie.T,{navigationAction:e.createElement(h.rU,{startIcon:e.createElement(dt.Z,null),to:C,id:"go-back"},a({id:"global.back",defaultMessage:"Back"})),primaryAction:e.createElement(de.z,{size:"S",startIcon:e.createElement(Ue.Z,null),disabled:Ae()(f,u),type:"submit"},a({id:"global.save",defaultMessage:"Save"})),subtitle:a({id:(0,E.OB)("components.SettingsViewWrapper.pluginHeader.description.list-settings"),defaultMessage:"Define the settings of the list view."}),title:a({id:(0,E.OB)("components.SettingsViewWrapper.pluginHeader.title"),defaultMessage:"Configure the view - {name}"},{name:Ot()(f.info.displayName)})}),e.createElement(tt.D,null,e.createElement(D.k,{alignItems:"stretch",background:"neutral0",direction:"column",gap:6,hasRadius:!0,shadow:"tableShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(Bo,{contentTypeOptions:v,modifiedData:f,onChange:R,sortOptions:Q}),e.createElement(Nt.i,null),e.createElement(Ea,{listRemainingFields:k,displayedFields:L,onAddField:M,onClickEditField:w,onMoveField:X,onRemoveField:O,metadatas:f.metadatas})))),g&&e.createElement(fa,{attributes:b,fieldForm:m,fieldToEdit:p,onChangeEditLabel:Y,onCloseModal:T,onSubmit:j,type:b?.[p]?.type??"text"})))};ba.propTypes={layout:n().shape({uid:n().string.isRequired,settings:n().shape({bulkable:n().bool,defaultSortBy:n().string,defaultSortOrder:n().string,filterable:n().bool,pageSize:n().number,searchable:n().bool}).isRequired,metadatas:n().object.isRequired,options:n().object.isRequired,attributes:n().objectOf(n().shape({type:n().string})).isRequired}).isRequired,slug:n().string.isRequired};var Ct=i(93088);const Sm=()=>({type:Ct.ZA}),km=(t,o)=>({type:Ct.Id,pagination:t,data:o}),va=()=>({type:Ct.MP});function Lm(){return{type:Ct.c2}}const Am=({components:t,contentType:o})=>{const{layouts:r}=o;return{contentType:o,components:t,displayedHeaders:r.list,type:Ct.Zz}},Ca=t=>({type:Ct.Rp,target:t});var zo=i(36150),Ra=i(95181),Ma=i(45037),Fe=i(27947),Fm=i(41865),$m=i(59177),Ta=i(6680),Da=i(97108);const Oa=({displayedFilters:t})=>{const[o,r]=e.useState(!1),{formatMessage:a}=(0,G.Z)(),s=e.useRef(),{trackUsage:l}=(0,h.rS)(),c=()=>{o||l("willFilterEntries"),r(d=>!d)};return e.createElement(e.Fragment,null,e.createElement(de.z,{variant:"tertiary",ref:s,startIcon:e.createElement(ur.Z,null),onClick:c,size:"S"},a({id:"app.utils.filters",defaultMessage:"Filters"})),o&&e.createElement(h.J5,{displayedFilters:t,isVisible:o,onToggle:c,source:s}),e.createElement(h.W$,{filtersSchema:t}))};Oa.propTypes={displayedFilters:n().arrayOf(n().shape({name:n().string.isRequired,metadatas:n().shape({label:n().string}),fieldSchema:n().shape({type:n().string})})).isRequired};const Vo=({value:t,onChange:o})=>{const{formatMessage:r}=(0,G.Z)(),{users:a,isLoading:s}=(0,Da.R)();return e.createElement(Wr.hQ,{value:t,"aria-label":r({id:"content-manager.components.Filters.usersSelect.label",defaultMessage:"Search and select an user to filter"}),onChange:o,loading:s},a.map(l=>e.createElement(no.O,{key:l.id,value:l.id.toString()},(0,E.Gf)(l,r))))};Vo.propTypes={onChange:n().func.isRequired,value:n().string},Vo.defaultProps={value:""};const wm=["json","component","media","richtext","dynamiczone","password"],Bm=["createdAt","updatedAt"],Nm=(t,o)=>{const{allPermissions:r}=(0,h.vn)(),a=(0,h.ZT)(r,[{action:"plugin::content-manager.explorer.read",subject:o}]),s=(0,h.ZT)(r,[{action:"admin::users.read",subject:null}]).length>0;return["id",...(a?.[0]?.properties?.fields??[]).filter(d=>{const p=t?.attributes?.[d]??{};return!(!p.type||wm.includes(p.type))}),...Bm,...s?Kt:[]]};var Ia=i(96669),Wm=i(94958);const Pa=({area:t,...o})=>{const r=xr(t);return r?e.createElement("ul",null,r.map(a=>a.Component(o)?e.createElement(K.x,{key:a.name,padding:3,style:{textAlign:"center"}},e.createElement(a.Component,{...o})):null)):null};Pa.propTypes={area:n().string.isRequired};var nn=Pa;const xa=({isConfirmButtonLoading:t,isOpen:o,onToggleDialog:r,onConfirm:a})=>{const{formatMessage:s}=(0,G.Z)();return e.createElement(Xt.V,{onClose:r,title:s({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:o},e.createElement(Jt.a,{icon:e.createElement(Ft.Z,null)},e.createElement(D.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(D.k,{justifyContent:"center"},e.createElement(N.Z,{id:"confirm-description"},s({id:"components.popUpWarning.message",defaultMessage:"Are you sure you want to delete this?"}))),e.createElement(D.k,null,e.createElement(nn,{area:"contentManager.listView.deleteModalAdditionalInfos"})))),e.createElement(_t.c,{startAction:e.createElement(de.z,{onClick:r,variant:"tertiary"},s({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(de.z,{onClick:a,variant:"danger-light",startIcon:e.createElement(Xe.Z,null),id:"confirm-delete",loading:t},s({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))}))};xa.propTypes={isConfirmButtonLoading:n().bool.isRequired,isOpen:n().bool.isRequired,onConfirm:n().func.isRequired,onToggleDialog:n().func.isRequired};const Za=t=>t.stopPropagation(),Sa=({rowId:t,index:o})=>{const{selectedEntries:r,onSelectRow:a}=(0,h.Sh)(),{formatMessage:s}=(0,G.Z)(),l=r.findIndex(d=>d===t)!==-1,c=s({id:"app.component.table.select.one-entry",defaultMessage:"Select {target}"},{target:o+1});return e.createElement(Fe.Td,{onClick:Za},e.createElement(Ia.C,{"aria-label":c,checked:l,onChange:()=>{a({name:t,value:!l})}}))};Sa.propTypes={rowId:n().number.isRequired,index:n().number.isRequired};const Uo=({rowId:t,index:o,canCreate:r,canDelete:a,setIsConfirmDeleteRowOpen:s,handleCloneClick:l})=>{const{formatMessage:c}=(0,G.Z)(),{trackUsage:d}=(0,h.rS)(),{setSelectedEntries:p}=(0,h.Sh)(),m=(0,be.fi)(),{location:{pathname:u}}=(0,ce.k6)(),f=c({id:"content-manager.components.ListViewTable.row-line",defaultMessage:"item line {number}"},{number:o+1});return e.createElement(Fe.Td,null,e.createElement(D.k,{gap:1,justifyContent:"end",onClick:Za},e.createElement(Me.h,{forwardedAs:Pt.rU,onClick:()=>{d("willEditEntryFromButton")},to:{pathname:`${u}/${t}`,state:{from:u},search:m},label:c({id:"app.component.table.edit",defaultMessage:"Edit {target}"},{target:f}),noBorder:!0},e.createElement(nt.Z,null)),r&&e.createElement(Me.h,{onClick:l(t),label:c({id:"app.component.table.duplicate",defaultMessage:"Duplicate {target}"},{target:f}),noBorder:!0},e.createElement(Wm.Z,null)),a&&e.createElement(Me.h,{onClick:()=>{d("willDeleteEntryFromList"),p([t]),s(!0)},label:c({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:f}),noBorder:!0},e.createElement(Xe.Z,null))))};Uo.defaultProps={canCreate:!1,canDelete:!1},Uo.propTypes={rowId:n().number.isRequired,index:n().number.isRequired,setIsConfirmDeleteRowOpen:n().func.isRequired,handleCloneClick:n().func.isRequired,canCreate:n().bool,canDelete:n().bool};const ka=({children:t,onConfirmDelete:o,isConfirmDeleteRowOpen:r,setIsConfirmDeleteRowOpen:a})=>{const[s,l]=e.useState(!1),{selectedEntries:c,setSelectedEntries:d}=(0,h.Sh)(),p=async()=>{try{l(!0),await o(c[0]),a(!1),l(!1),d([])}catch{l(!1),a(!1)}};return e.createElement(h.iA.Body,null,t,e.createElement(xa,{isConfirmButtonLoading:s,onConfirm:p,onToggleDialog:()=>a(!r),isOpen:r}))};ka.propTypes={children:n().node.isRequired,onConfirmDelete:n().func.isRequired,isConfirmDeleteRowOpen:n().bool.isRequired,setIsConfirmDeleteRowOpen:n().func.isRequired};const on={CheckboxDataCell:Sa,EntityActionsDataCell:Uo,Root:ka};var jm=i(14090);const Rt=()=>t=>t["content-manager_listView"]||jm.E,zm=()=>(0,Ao.P1)(Rt(),t=>t),La=t=>{const{displayedHeaders:o}=t["content-manager_listView"];return o};var Vm=zm;const rn=({onToggleDialog:t,isOpen:o,dialogBody:r,endAction:a})=>{const{formatMessage:s}=(0,G.Z)();return e.createElement(Xt.V,{onClose:t,title:s({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),isOpen:o},e.createElement(Jt.a,{icon:e.createElement(Ft.Z,null)},e.createElement(D.k,{direction:"column",alignItems:"stretch",gap:2},r)),e.createElement(_t.c,{startAction:e.createElement(de.z,{onClick:t,variant:"tertiary"},s({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endAction:a}))};rn.propTypes={isOpen:n().bool.isRequired,onToggleDialog:n().func.isRequired,dialogBody:n().node.isRequired,endAction:n().node.isRequired};const qo={isConfirmButtonLoading:n().bool.isRequired,isOpen:n().bool.isRequired,onConfirm:n().func.isRequired,onToggleDialog:n().func.isRequired},Um=t=>e.createElement(N.Z,{fontWeight:"bold"},t),Aa=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:r,onConfirm:a})=>{const{formatMessage:s}=(0,G.Z)(),{get:l}=(0,h.kY)(),{selectedEntries:c}=(0,h.Sh)(),d=(0,h.lm)(),{formatAPIError:p}=(0,h.So)(E.OB),{contentType:{uid:m}}=(0,re.v9)(Rt()),[{query:u}]=(0,h.Kx)(),{data:f,isLoading:y,isError:g}=(0,Be.useQuery)(["content-manager","draft-relations",m,c],async()=>{const{data:{data:b}}=await l(`/content-manager/collection-types/${m}/actions/countManyEntriesDraftRelations`,{params:{ids:c,locale:u?.plugins?.i18n?.locale}});return b},{enabled:c.length>0,onError(b){d({type:"warning",message:p(b)})}});return g?null:e.createElement(rn,{isOpen:t&&!y,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(N.Z,{id:"confirm-description",textAlign:"center"},f>0&&s({id:(0,E.OB)("popUpwarning.warning.bulk-has-draft-relations.message"),defaultMessage:"<b>{count} {count, plural, one { relation } other { relations } } out of {entities} { entities, plural, one { entry } other { entries } } {count, plural, one { is } other { are } }</b> not published yet and might lead to unexpected behavior. "},{b:Um,count:f,entities:c.length}),s({id:(0,E.OB)("popUpWarning.bodyMessage.contentType.publish.all"),defaultMessage:"Are you sure you want to publish these entries?"})),e.createElement(nn,{area:"contentManager.listView.publishModalAdditionalInfos"})),endAction:e.createElement(de.z,{onClick:a,variant:"secondary",startIcon:e.createElement(Ue.Z,null),loading:r},s({id:"app.utils.publish",defaultMessage:"Publish"}))})};Aa.propTypes=qo;var Fa=i(35547),qm=i(60984),Hm=i(5074);const Gm=(0,U.ZP)(N.Z)`
|
|
1044
|
+
max-width: 300px;
|
|
1045
|
+
`,Ho=({validationErrors:t,isPublished:o})=>{const{formatMessage:r}=(0,G.Z)();if(t){const a=Object.entries(t).map(([s,l])=>r({id:`${l.id}.withField`,defaultMessage:l.defaultMessage},{field:s})).join(" ");return e.createElement(D.k,{gap:2},e.createElement(yt.J,{color:"danger600",as:qm.Z}),e.createElement($t.u,{description:a},e.createElement(Gm,{textColor:"danger600",variant:"omega",fontWeight:"semiBold",ellipsis:!0},a)))}return o?e.createElement(D.k,{gap:2},e.createElement(yt.J,{color:"success600",as:Yn.Z}),e.createElement(N.Z,{textColor:"success600",fontWeight:"bold"},r({id:"content-manager.bulk-publish.already-published",defaultMessage:"Already Published"}))):e.createElement(D.k,{gap:2},e.createElement(yt.J,{color:"success600",as:Yn.Z}),e.createElement(N.Z,null,r({id:"app.utils.ready-to-publish",defaultMessage:"Ready to publish"})))};Ho.defaultProps={validationErrors:void 0,isPublished:!1},Ho.propTypes={validationErrors:n().shape({[n().string]:n().shape({id:n().string,defaultMessage:n().string})}),isPublished:n().bool};const Go=({isPublishing:t,rowsToDisplay:o,entriesToPublish:r,validationErrors:a})=>{const{location:{pathname:s}}=(0,ce.k6)(),{formatMessage:l}=(0,G.Z)(),c=(0,re.v9)(Rt()),{mainField:d}=c.contentType.settings,p=d!=null&&d!=="id",m=u=>l({id:"content-manager.components.ListViewTable.row-line",defaultMessage:"item line {number}"},{number:u+1});return e.createElement(h.iA.Content,null,e.createElement(h.iA.Head,null,e.createElement(h.iA.HeaderCheckboxCell,null),e.createElement(h.iA.HeaderCell,{fieldSchemaType:"number",label:"id",name:"id"}),p&&e.createElement(h.iA.HeaderCell,{fieldSchemaType:"string",label:"name",name:"name"}),e.createElement(h.iA.HeaderCell,{fieldSchemaType:"string",label:"status",name:"status"})),e.createElement(h.iA.LoadingBody,null),e.createElement(h.iA.Body,null,o.map((u,f)=>e.createElement(Ma.Tr,{key:u.id},e.createElement(on.CheckboxDataCell,{rowId:u.id,index:f}),e.createElement(Fe.Td,null,e.createElement(N.Z,null,u.id)),p&&e.createElement(Fe.Td,null,e.createElement(N.Z,null,u[d])),e.createElement(Fe.Td,null,t&&r.includes(u.id)?e.createElement(D.k,{gap:2},e.createElement(N.Z,null,l({id:"content-manager.success.record.publishing",defaultMessage:"Publishing..."})),e.createElement(Fa.a,{small:!0})):e.createElement(Ho,{validationErrors:a[u.id],isPublished:u.publishedAt!==null})),e.createElement(Fe.Td,null,e.createElement(Me.h,{forwardedAs:Pt.rU,to:{pathname:`${s}/${u.id}`,state:{from:s}},label:l({id:"app.component.table.edit",defaultMessage:"Edit {target}"},{target:m(f)}),noBorder:!0,target:"_blank",marginLeft:"auto"},e.createElement(nt.Z,null)))))))};Go.defaultProps={isPublishing:!1,rowsToDisplay:[],entriesToPublish:[],validationErrors:{}},Go.propTypes={isPublishing:n().bool,rowsToDisplay:n().arrayOf(n().object),entriesToPublish:n().arrayOf(n().number),validationErrors:n().shape({[n().string]:n().shape({id:n().string,defaultMessage:n().string})})};const $a=t=>e.createElement(N.Z,{fontWeight:"bold"},t),Qo=({toggleModal:t,refetchModalData:o,setEntriesToFetch:r,setSelectedListViewEntries:a,validationErrors:s})=>{const{formatMessage:l}=(0,G.Z)(),{selectedEntries:c,rows:d,onSelectRow:p,isLoading:m,isFetching:u}=(0,h.Sh)(),[f,y]=e.useState(!1),[g,b]=e.useState([]),[v,L]=e.useState(0),C=d.filter(({id:k})=>c.includes(k)&&!s[k]).map(({id:k})=>k),{post:R}=(0,h.kY)(),P=(0,h.lm)(),{contentType:W}=(0,re.v9)(Rt()),M=g.filter(({id:k})=>c.includes(k)&&s[k]).length,O=g.filter(({id:k,publishedAt:Q})=>c.includes(k)&&Q).length,z=c.length-M-O,w=(0,Be.useMutation)(k=>R(`/content-manager/collection-types/${W.uid}/actions/bulkPublish`,k),{onSuccess(){const k=g.filter(X=>(C.includes(X.id)&&p({name:X.id,value:!1}),!C.includes(X.id)));b(k);const Q=k.map(({id:X})=>X);r(Q),a(Q),k.length===0&&t(),P({type:"success",message:{id:"content-manager.success.record.publish",defaultMessage:"Published"}})},onError(k){P({type:"warning",message:(0,Hm.Z)(k)})}}),T=()=>y(k=>!k),j=async()=>{T();const{data:k}=await w.mutateAsync({ids:C});L(k.count)},Y=()=>v?l({id:(0,E.OB)("containers.ListPage.selectedEntriesModal.publishedCount"),defaultMessage:"<b>{publishedCount}</b> {publishedCount, plural, =0 {entries} one {entry} other {entries}} published. <b>{withErrorsCount}</b> {withErrorsCount, plural, =0 {entries} one {entry} other {entries}} waiting for action."},{publishedCount:v,withErrorsCount:M,b:$a}):l({id:(0,E.OB)("containers.ListPage.selectedEntriesModal.selectedCount"),defaultMessage:"<b>{alreadyPublishedCount}</b> {alreadyPublishedCount, plural, =0 {entries} one {entry} other {entries}} already published. <b>{readyToPublishCount}</b> {readyToPublishCount, plural, =0 {entries} one {entry} other {entries}} ready to publish. <b>{withErrorsCount}</b> {withErrorsCount, plural, =0 {entries} one {entry} other {entries}} waiting for action."},{readyToPublishCount:z,withErrorsCount:M,alreadyPublishedCount:O,b:$a});return e.useEffect(()=>{d.length>0&&b(d)},[d]),e.createElement(vn.P,{onClose:t,labelledBy:"title"},e.createElement(Cn.x,null,e.createElement(N.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title"},l({id:(0,E.OB)("containers.ListPage.selectedEntriesModal.title"),defaultMessage:"Publish entries"}))),e.createElement(Rn.f,null,e.createElement(N.Z,null,Y()),e.createElement(K.x,{marginTop:5},e.createElement(Go,{isPublishing:w.isLoading,rowsToDisplay:g,entriesToPublish:C,validationErrors:s}))),e.createElement(Mn.m,{startActions:e.createElement(de.z,{onClick:t,variant:"tertiary"},l({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(D.k,{gap:2},e.createElement(de.z,{onClick:o,variant:"tertiary",loading:u},l({id:"app.utils.refresh",defaultMessage:"Refresh"})),e.createElement(de.z,{onClick:T,disabled:c.length===0||c.length===M||m,loading:w.isLoading},l({id:"app.utils.publish",defaultMessage:"Publish"})))}),e.createElement(Aa,{isOpen:f,onToggleDialog:T,isConfirmButtonLoading:w.isLoading,onConfirm:j}))};Qo.defaultProps={validationErrors:{}},Qo.propTypes={toggleModal:n().func.isRequired,refetchModalData:n().func.isRequired,setEntriesToFetch:n().func.isRequired,setSelectedListViewEntries:n().func.isRequired,validationErrors:n().shape({[n().string]:n().shape({id:n().string,defaultMessage:n().string})})};const wa=({onToggle:t})=>{const{selectedEntries:o,setSelectedEntries:r}=(0,h.Sh)(),{contentType:a,components:s}=(0,re.v9)(Rt()),[l,c]=e.useState(o),[{query:{sort:d,plugins:p}}]=(0,h.Kx)(),m={page:1,pageSize:l.length,sort:d,filters:{id:{$in:l}},locale:p?.i18n?.locale},{get:u}=(0,h.kY)(),{data:f,isLoading:y,isFetching:g,refetch:b}=(0,Be.useQuery)(["entries",a.uid,m],async()=>{const{data:v}=await u(`content-manager/collection-types/${a.uid}`,{params:m});if(v.results){const L=(0,E.Ex)(a,{components:s},{isDraft:!1,isJSONTestDisabled:!0}),C={};return{rows:v.results.map(P=>{try{return L.validateSync(P,{abortEarly:!1}),P}catch(W){return C[P.id]=(0,h.CJ)(W),P}}),validationErrors:C}}return{rows:[],validationErrors:{}}});return e.createElement(h.iA.Root,{rows:f?.rows,defaultSelectedEntries:o,colCount:4,isLoading:y,isFetching:g},e.createElement(Qo,{setSelectedListViewEntries:r,setEntriesToFetch:c,toggleModal:t,refetchModalData:b,validationErrors:f?.validationErrors}))};wa.propTypes={onToggle:n().func.isRequired};var Qm=wa;const Ba=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:r,onConfirm:a})=>{const{formatMessage:s}=(0,G.Z)();return e.createElement(rn,{isOpen:t,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(N.Z,{id:"confirm-description",textAlign:"center"},s({id:(0,E.OB)("popUpWarning.bodyMessage.contentType.unpublish.all"),defaultMessage:"Are you sure you want to unpublish these entries?"})),e.createElement(nn,{area:"contentManager.listView.unpublishModalAdditionalInfos"})),endAction:e.createElement(de.z,{onClick:a,variant:"secondary",startIcon:e.createElement(Ue.Z,null),loading:r},s({id:"app.utils.unpublish",defaultMessage:"Unpublish"}))})};Ba.propTypes=qo;const Na=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:r,onConfirm:a})=>{const{formatMessage:s}=(0,G.Z)();return e.createElement(rn,{isOpen:t,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(N.Z,{id:"confirm-description",textAlign:"center"},s({id:(0,E.OB)("popUpWarning.bodyMessage.contentType.delete.all"),defaultMessage:"Are you sure you want to delete these entries?"})),e.createElement(nn,{area:"contentManager.listView.deleteModalAdditionalInfos"})),endAction:e.createElement(de.z,{onClick:a,variant:"danger-light",startIcon:e.createElement(Xe.Z,null),id:"confirm-delete",loading:r},s({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))})};Na.propTypes=qo;const Ko=({showPublish:t,showDelete:o,onConfirmDeleteAll:r,onConfirmUnpublishAll:a,refetchData:s})=>{const{formatMessage:l}=(0,G.Z)(),{trackUsage:c}=(0,h.rS)(),{data:d}=(0,re.v9)(Rt()),{selectedEntries:p,setSelectedEntries:m}=(0,h.Sh)(),[u,f]=e.useState(!1),[y,g]=e.useState(!1),[b,v]=e.useState(null),L=d.filter(T=>p.includes(T.id)),C=t&&L.some(T=>!T.publishedAt),R=t&&L.some(T=>T.publishedAt),P=()=>{b==="delete"?v(null):(v("delete"),c("willBulkDeleteEntries"))},W=()=>{b==="unpublish"?v(null):(v("unpublish"),c("willBulkUnpublishEntries"))},M=async(T,j)=>{try{f(!0),await T(p),f(!1),j(),m([])}catch{f(!1),j()}},O=()=>M(r,P),z=()=>M(a,W),w=()=>{g(T=>(T&&s(),!T))};return e.createElement(e.Fragment,null,C&&e.createElement(e.Fragment,null,e.createElement(de.z,{variant:"tertiary",onClick:w},l({id:"app.utils.publish",defaultMessage:"Publish"})),y&&e.createElement(Qm,{onToggle:w})),R&&e.createElement(e.Fragment,null,e.createElement(de.z,{variant:"tertiary",onClick:W},l({id:"app.utils.unpublish",defaultMessage:"Unpublish"})),e.createElement(Ba,{isOpen:b==="unpublish",onToggleDialog:W,isConfirmButtonLoading:u,onConfirm:z})),o&&e.createElement(e.Fragment,null,e.createElement(de.z,{variant:"danger-light",onClick:P},l({id:"global.delete",defaultMessage:"Delete"})),e.createElement(Na,{isOpen:b==="delete",onToggleDialog:P,isConfirmButtonLoading:u,onConfirm:O})))};Ko.defaultProps={showPublish:!1,showDelete:!1,onConfirmDeleteAll(){},onConfirmUnpublishAll(){},refetchData(){}},Ko.propTypes={showPublish:n().bool,showDelete:n().bool,onConfirmDeleteAll:n().func,onConfirmUnpublishAll:n().func,refetchData:n().func};var Km=Ko,Ym=i(96315);const Wa=({type:t,value:o})=>{const{formatDate:r,formatTime:a,formatNumber:s}=(0,G.Z)();let l=o;if(t==="date"&&(l=r((0,Ym.Z)(o),{dateStyle:"full"})),t==="datetime"&&(l=r(o,{dateStyle:"full",timeStyle:"short"})),t==="time"){const[c,d,p]=o.split(":"),m=new Date;m.setHours(c),m.setMinutes(d),m.setSeconds(p),l=a(m,{numeric:"auto",style:"short"})}return["float","decimal"].includes(t)&&(l=s(o,{maximumFractionDigits:20})),["integer","biginteger"].includes(t)&&(l=s(o,{maximumFractionDigits:0})),ra()(l)};Wa.propTypes={type:n().string.isRequired,value:n().any.isRequired};var Mt=Wa,Xm=i(246);const Jm=(0,U.ZP)(D.k)`
|
|
1046
|
+
position: relative;
|
|
1047
|
+
border-radius: 50%;
|
|
1048
|
+
width: 26px;
|
|
1049
|
+
height: 26px;
|
|
1050
|
+
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
1051
|
+
background: ${({theme:t})=>t.colors.neutral150};
|
|
1052
|
+
padding-left: 1px;
|
|
1053
|
+
|
|
1054
|
+
span {
|
|
1055
|
+
line-height: 0.6rem;
|
|
1056
|
+
font-size: 0.6rem;
|
|
1057
|
+
}
|
|
1058
|
+
`,ja=({children:t,...o})=>e.createElement(Jm,{justifyContent:"center",alignItems:"center",as:"span",...o},e.createElement(N.Z,{variant:"sigma",textColor:"neutral600"},t));ja.propTypes={children:n().string.isRequired};var za=ja;const Yo=({url:t,mime:o,alternativeText:r,name:a,ext:s,formats:l})=>{const c=(0,h.CR)(t);if(o.includes("image")){const m=l?.thumbnail?.url||null,u=(0,h.CR)(m)||c;return e.createElement(Xm.q,{src:u,alt:r||a,preview:!0})}const d=(0,h.mD)(s),p=a.length>100?`${a.substring(0,100)}...`:a;return e.createElement($t.u,{description:p},e.createElement(za,null,d))};Yo.defaultProps={alternativeText:null,formats:null},Yo.propTypes={alternativeText:n().string,ext:n().string.isRequired,formats:n().object,mime:n().string.isRequired,name:n().string.isRequired,url:n().string.isRequired};var Va=Yo,_m=i(74772);const Ua=({value:t})=>e.createElement(_m.H,null,t.map((o,r)=>{const a=`${o.id}${r}`;if(r===3){const s=`+${t.length-3}`;return e.createElement(za,{key:a,preview:!1},s)}return r>3?null:e.createElement(Va,{key:a,...o})}));Ua.propTypes={value:n().arrayOf(n().shape({alternativeText:n().string,ext:n().string.isRequired,formats:n().object,mime:n().string.isRequired,name:n().string.isRequired,url:n().string.isRequired})).isRequired};var ep=Ua,qa=i(14298);const Ha=({fieldSchema:t,metadatas:o,name:r,entityId:a,value:s,contentType:l})=>{const{formatMessage:c}=(0,G.Z)(),{notifyStatus:d}=(0,zo.G)(),[p,m]=(0,e.useState)(!1),{get:u}=(0,h.kY)(),{data:f,status:y}=(0,Be.useQuery)([t.targetModel,a],async()=>{const{data:{results:g,pagination:b}}=await u(`/content-manager/relations/${l.uid}/${a}/${r.split(".")[0]}`);return{results:g,pagination:b}},{enabled:p,staleTime:0,select:g=>({...g,results:[...g.results].reverse()})});return(0,e.useEffect)(()=>{f&&d(c({id:(0,E.OB)("DynamicTable.relation-loaded"),defaultMessage:"Relations have been loaded"}))},[f,c,d]),e.createElement(ge.fC,{onOpenChange:g=>m(g)},e.createElement(np,{onClick:g=>g.stopPropagation()},e.createElement(D.k,{gap:1,wrap:"nowrap"},e.createElement(qa.C,null,s.count),c({id:"content-manager.containers.ListPage.items",defaultMessage:"{number, plural, =0 {items} one {item} other {items}}"},{number:s.count}))),e.createElement(ge.VY,null,y!=="success"&&e.createElement(ge.ck,{disabled:!0},e.createElement(Fa.a,{small:!0},c({id:(0,E.OB)("ListViewTable.relation-loading"),defaultMessage:"Relations are loading"}))),y==="success"&&e.createElement(e.Fragment,null,f?.results.map(g=>e.createElement(ge.ck,{key:g.id,disabled:!0},e.createElement(tp,{ellipsis:!0},e.createElement(Mt,{type:o.mainField.schema.type,value:g[o.mainField.name]||g.id})))),f?.pagination.total>10&&e.createElement(ge.ck,{"aria-disabled":!0,"aria-label":c({id:(0,E.OB)("ListViewTable.relation-more"),defaultMessage:"This relation contains more entities than displayed"})},e.createElement(N.Z,null,"\u2026")))))};Ha.propTypes={contentType:n().shape({uid:n().string.isRequired}).isRequired,fieldSchema:n().shape({relation:n().string,targetModel:n().string,type:n().string.isRequired}).isRequired,metadatas:n().shape({mainField:n().shape({name:n().string.isRequired,schema:n().shape({type:n().string.isRequired}).isRequired})}).isRequired,name:n().string.isRequired,entityId:n().oneOfType([n().string,n().number]).isRequired,value:n().object.isRequired};const tp=(0,U.ZP)(N.Z)`
|
|
1059
|
+
max-width: 500px;
|
|
1060
|
+
`,np=(0,U.ZP)(ge.xz)`
|
|
1061
|
+
svg {
|
|
1062
|
+
width: ${6/16}rem;
|
|
1063
|
+
height: ${4/16}rem;
|
|
1064
|
+
}
|
|
1065
|
+
`;var op=Ha;const rp=(0,U.ZP)(N.Z)`
|
|
1066
|
+
max-width: 500px;
|
|
1067
|
+
`,Ga=({metadatas:t,value:o})=>e.createElement(rp,{textColor:"neutral800",ellipsis:!0},e.createElement(Mt,{type:t.mainField.schema.type,value:o[t.mainField.name]??o.id}));Ga.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string.isRequired,schema:n().shape({type:n().string.isRequired}).isRequired})}).isRequired,value:n().object.isRequired};var ap=Ga;const sp=(0,U.ZP)(N.Z)`
|
|
1068
|
+
max-width: 500px;
|
|
1069
|
+
`,Qa=({value:t,metadatas:o})=>{const{formatMessage:r}=(0,G.Z)(),{mainField:{type:a,name:s}}=o;return e.createElement(ge.fC,null,e.createElement(ip,{onClick:l=>l.stopPropagation()},e.createElement(qa.C,null,t.length)," ",r({id:"content-manager.containers.ListPage.items",defaultMessage:"{number, plural, =0 {items} one {item} other {items}}"},{number:t.length})),e.createElement(ge.VY,null,t.map(l=>e.createElement(ge.ck,{key:l.id,disabled:!0},e.createElement(sp,{ellipsis:!0},e.createElement(Mt,{type:a,value:l[s]||l.id}))))))};Qa.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string,type:n().string,value:n().string})}).isRequired,value:n().array.isRequired};const ip=(0,U.ZP)(ge.xz)`
|
|
1070
|
+
svg {
|
|
1071
|
+
width: ${6/16}rem;
|
|
1072
|
+
height: ${4/16}rem;
|
|
1073
|
+
}
|
|
1074
|
+
`;var lp=Qa;const cp=(0,U.ZP)(N.Z)`
|
|
1075
|
+
max-width: 250px;
|
|
1076
|
+
`,Ka=({value:t,metadatas:o})=>{const{mainField:r}=o,a=t[r.name];return e.createElement($t.u,{label:a},e.createElement(cp,{textColor:"neutral800",ellipsis:!0},e.createElement(Mt,{type:r.type,value:a})))};Ka.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string,type:n().string,value:n().string})}).isRequired,value:n().object.isRequired};var dp=Ka,up=i(80022),Ya=i.n(up),Xa=i(73347);function Ja(t){return["oneToOne","manyToOne","oneToOneMorph"].includes(t)}function mp(t,o,r,a){if(t==="component"){const{mainField:{name:s,type:l}}=r;if(a?.repeatable)return o.length>0;const c=o?.[s];return s==="id"&&![void 0,null].includes(c)?!0:(0,Xa.Z)(l)&&l!=="biginteger"&&s!=="id"?Ya()(c):!Ne()(c)}return t==="relation"?Ja(a.relation)?!Ne()(o):o?.count>0:(0,Xa.Z)(t)&&t!=="biginteger"?Ya()(o):t==="boolean"?o!==null:!Ne()(o)}const _a=(0,U.ZP)(N.Z)`
|
|
1077
|
+
max-width: 300px;
|
|
1078
|
+
`,Xo=({content:t,fieldSchema:o,metadatas:r,name:a,rowId:s,contentType:l})=>{const{type:c}=o;if(!mp(c,t,r,o))return e.createElement(N.Z,{textColor:"neutral800"},"-");switch(c){case"media":return o.multiple?e.createElement(ep,{value:t}):e.createElement(Va,{...t});case"relation":return Ja(o.relation)?e.createElement(ap,{metadatas:r,value:t}):e.createElement(op,{fieldSchema:o,metadatas:r,value:t,name:a,entityId:s,contentType:l});case"component":return o.repeatable===!0?e.createElement(lp,{value:t,metadatas:r}):e.createElement(dp,{value:t,metadatas:r});case"string":return e.createElement($t.u,{description:t},e.createElement(_a,{ellipsis:!0,textColor:"neutral800"},e.createElement(Mt,{type:c,value:t})));default:return e.createElement(_a,{ellipsis:!0,textColor:"neutral800"},e.createElement(Mt,{type:c,value:t}))}};Xo.defaultProps={content:void 0},Xo.propTypes={content:n().any,contentType:n().shape({uid:n().string.isRequired}).isRequired,fieldSchema:n().shape({component:n().string,multiple:n().bool,type:n().string.isRequired,repeatable:n().bool,relation:n().string}).isRequired,metadatas:n().object.isRequired,name:n().string.isRequired,rowId:n().oneOfType([n().string,n().number]).isRequired};var pp=Xo;const gp=(0,U.ZP)(D.k)`
|
|
1079
|
+
:hover {
|
|
1080
|
+
background-color: ${t=>t.theme.colors.primary100};
|
|
1081
|
+
}
|
|
1082
|
+
`,es=({layout:t})=>{const o=(0,re.I0)(),r=(0,re.v9)(La),{trackUsage:a}=(0,h.rS)(),{formatMessage:s,locale:l}=(0,G.Z)(),c=(0,h.Xe)(l,{sensitivity:"base"}),d=Object.keys(t.contentType.attributes).filter(f=>(0,E.ko)(t.contentType.attributes[f])).map(f=>({name:f,label:t.contentType.metadatas[f].list.label})).sort((f,y)=>c.compare(f.label,y.label)),p=r.map(({name:f})=>f),m=f=>{a("didChangeDisplayedFields"),o(Ca({name:f,value:p.includes(f)}))},u=()=>{o(va())};return e.createElement(D.k,{as:"fieldset",direction:"column",alignItems:"stretch",gap:3},e.createElement(D.k,{justifyContent:"space-between"},e.createElement(N.Z,{as:"legend",variant:"pi",fontWeight:"bold"},s({id:"containers.ListPage.displayedFields",defaultMessage:"Displayed fields"})),e.createElement(eo.A,{onClick:u},s({id:"app.components.Button.reset",defaultMessage:"Reset"}))),e.createElement(D.k,{direction:"column",alignItems:"stretch"},d.map(f=>{const y=p.includes(f.name);return e.createElement(gp,{wrap:"wrap",gap:2,as:"label",background:y?"primary100":"transparent",hasRadius:!0,padding:2,key:f.name},e.createElement(Ia.C,{onChange:()=>m(f.name),value:y,name:f.name}),e.createElement(N.Z,{fontSize:1},f.label))})))};es.propTypes={layout:n().shape({contentType:n().shape({attributes:n().object.isRequired,metadatas:n().object.isRequired,layouts:n().shape({list:n().array.isRequired}).isRequired,options:n().object.isRequired,settings:n().object.isRequired}).isRequired}).isRequired};const ts=({slug:t,layout:o})=>{const[r,a]=e.useState(!1),s=e.useRef(),l=(0,re.v9)(xe._),{formatMessage:c}=(0,G.Z)(),d=()=>{a(p=>!p)};return e.createElement(e.Fragment,null,e.createElement(Me.h,{icon:e.createElement(mn.Z,null),label:c({id:"components.ViewSettings.tooltip",defaultMessage:"View Settings"}),ref:s,onClick:d}),r&&e.createElement(ta.J2,{placement:"bottom-end",source:s,onDismiss:d,spacing:4,padding:3},e.createElement(D.k,{alignItems:"stretch",direction:"column",gap:3},e.createElement(h.jW,{permissions:l.contentManager.collectionTypesConfigurations},e.createElement(h.Qj,{size:"S",startIcon:e.createElement(fn.Z,null),to:`${t}/configurations/list`,variant:"secondary"},c({id:"app.links.configure-view",defaultMessage:"Configure the view"}))),e.createElement(es,{layout:o}))))};ts.propTypes={slug:n().string.isRequired,layout:n().shape({contentType:n().shape({attributes:n().object.isRequired,metadatas:n().object.isRequired,layouts:n().shape({list:n().array.isRequired}).isRequired,options:n().object.isRequired,settings:n().object.isRequired}).isRequired}).isRequired};const fp=null,hp=()=>null,yp=[],Ep=[...Kt,"strapi_assignee"];function ns({canCreate:t,canDelete:o,canRead:r,canPublish:a,data:s,getData:l,getDataSucceeded:c,isLoading:d,layout:p,pagination:m,slug:u}){const{total:f}=m,{contentType:y}=p,{info:g,options:b,metadatas:v,settings:{bulkable:L,filterable:C,searchable:R}}=y,[P,W]=e.useState(!1),M=(0,h.lm)(),{trackUsage:O}=(0,h.rS)(),{allPermissions:z,refetchPermissions:w}=(0,h.vn)(),T=e.useRef(O),j=e.useRef(w),{notifyStatus:Y}=(0,zo.G)(),{formatAPIError:k}=(0,h.So)(E.OB),Q=Nm(y,u),[{query:X}]=(0,h.Kx)(),{pathname:Z}=(0,ce.TH)(),{push:S}=(0,ce.k6)(),{formatMessage:I,locale:A}=(0,G.Z)(),ee=(0,h.kY)(),F=(0,h.Xe)(A,{sensitivity:"base"}),H=X?.filters?.$and?.reduce((te,se)=>{const[oe,B]=Object.entries(se)[0],_=B.id?.$eq||B.id?.$ne;return Ep.includes(oe)&&!te.includes(_)&&te.push(_),te},[])??[],{users:V,isLoading:q}=(0,Da.R)({filter:{id:{in:H}}},{enabled:H.length>0&&(0,h.ZT)(z,[{action:"admin::users.read",subject:null}]).length>0});(0,h.go)();const J=e.useMemo(()=>la(X),[X]),le=(0,tn.stringify)({plugins:X.plugins},{encode:!1}),ye=Q.map(te=>{const se=y.attributes[te],{type:oe,enum:B}=se,_={name:"didFilterEntries",properties:{useRelation:oe==="relation"}},{mainField:ie,label:Pe}=v[te].list,we={name:te,metadatas:{label:I({id:Pe,defaultMessage:Pe})},fieldSchema:{type:oe,options:B,mainField:ie},trackedEvent:_};return se.type==="relation"&&se.target==="admin::user"&&(we.metadatas={...we.metadatas,customOperators:[{intlLabel:{id:"components.FilterOptions.FILTER_TYPES.$eq",defaultMessage:"is"},value:"$eq"},{intlLabel:{id:"components.FilterOptions.FILTER_TYPES.$ne",defaultMessage:"is not"},value:"$ne"}],customInput:Vo,options:V.map(it=>({label:(0,E.Gf)(it,I),customValue:it.id.toString()}))},we.fieldSchema.mainField={name:"id"}),we}),pe=b?.draftAndPublish??!1,x=b?.reviewWorkflows??!1,ne=(0,kt.c)(fp,async()=>(await i.e(6158).then(i.bind(i,76158))).REVIEW_WORKFLOW_COLUMNS_EE,{enabled:!!b?.reviewWorkflows}),fe=(0,kt.c)(hp,async()=>{const{ReviewWorkflowsStageEE:te,ReviewWorkflowsAssigneeEE:se}=await i.e(1227).then(i.bind(i,21227));return{ReviewWorkflowsStageEE:te,ReviewWorkflowsAssigneeEE:se}},{enabled:x}),Te=(0,kt.c)(yp,async()=>(await i.e(4174).then(i.bind(i,84174))).REVIEW_WORKFLOW_FILTERS,{combine(te,se){return[...te,...se.filter(oe=>oe.name==="strapi_assignee"?(0,h.ZT)(z,[{action:"admin::users.read",subject:null}]).length>0:!0).map(oe=>({...oe,metadatas:{...oe.metadatas,...oe.name==="strapi_stage"?{uid:y.uid}:{},label:I(oe.metadatas.label),options:oe.name==="strapi_assignee"&&V.map(B=>({label:(0,E.Gf)(B,I),customValue:B.id.toString()}))}}))]},defaultValue:[],enabled:x&&!q}),{post:$e,del:We}=ee,ue=(0,Be.useMutation)(te=>$e(`/content-manager/collection-types/${y.uid}/actions/bulkUnpublish`,te),{onSuccess(){M({type:"success",message:{id:"content-manager.success.record.unpublish",defaultMessage:"Unpublished"}}),Ce(`/content-manager/collection-types/${u}`,{params:J})},onError(te){M({type:"warning",message:k(te)})}}),Se=e.useRef(""),Ce=e.useCallback(async(te,se)=>{l();try{const{data:{results:oe,pagination:B}}=await ee.get(te,se);if(B.page>B.pageCount&&B.pageCount>0){const _={...J,page:B.pageCount};S({pathname:Z,state:{from:Z},search:(0,tn.stringify)(_)});return}Y(I({id:(0,E.OB)("utils.data-loaded"),defaultMessage:"{number, plural, =1 {# entry has} other {# entries have}} successfully been loaded"},{number:B.count})),c(B,oe)}catch(oe){if(qe.default.isCancel(oe))return;if((oe?.response?.status??null)===403){await j.current(),M({type:"info",message:{id:(0,E.OB)("permissions.not-allowed.update")}}),S("/");return}M({type:"warning",message:{id:(0,E.OB)("error.model.fetch")}})}},[I,l,c,Y,S,M,ee,J,Z]),Je=e.useCallback(async te=>{try{await $e(`/content-manager/collection-types/${u}/actions/bulkDelete`,{ids:te}),Ce(`/content-manager/collection-types/${u}`,{params:J}),T.current("didBulkDeleteEntries")}catch(se){M({type:"warning",message:k(se)})}},[u,M,k,$e,Ce,J]),pt=e.useCallback(async te=>{try{await We(`/content-manager/collection-types/${u}/${te}`);const se=`/content-manager/collection-types/${u}`;Ce(se,{params:J}),M({type:"success",message:{id:(0,E.OB)("success.record.delete")}})}catch(se){M({type:"warning",message:k(se)})}},[u,M,k,We,Ce,J]),gt=te=>ue.mutateAsync({ids:te});e.useEffect(()=>{const se=qe.default.CancelToken.source(),oe=r,B=`/content-manager/collection-types/${u}`;return oe&&B.includes(Se.current)&&Ce(B,{cancelToken:se.token,params:J}),()=>{Se.current=u,se.cancel("Operation canceled by the user.")}},[r,l,u,J,c,Ce]);const he=I({id:(0,E.OB)("header.name"),defaultMessage:"Content"}),Re=I({id:g.displayName,defaultMessage:g.displayName||he}),{runHookWaterfall:_e}=(0,h.j1)(),an=(0,re.v9)(La),He=e.useMemo(()=>{const se=_e(zt.No,{displayedHeaders:an,layout:p}).displayedHeaders.map(oe=>{const{metadatas:B}=oe;if(oe.fieldSchema.type==="relation"){const _=`${oe.name}.${oe.metadatas.mainField.name}`;return{...oe,metadatas:{...B,label:I({id:(0,E.OB)(`containers.ListPage.table-headers.${oe.name}`),defaultMessage:B.label})},name:_}}return{...oe,metadatas:{...B,label:I({id:(0,E.OB)(`containers.ListPage.table-headers.${oe.name}`),defaultMessage:B.label})}}});return pe&&se.push({key:"__published_at_temp_key__",name:"publishedAt",fieldSchema:{type:"custom"},metadatas:{label:I({id:(0,E.OB)("containers.ListPage.table-headers.publishedAt"),defaultMessage:"publishedAt"}),searchable:!1,sortable:!0}}),ne&&(ne.map(oe=>(typeof oe.metadatas.label!="string"&&(oe.metadatas.label=I(oe.metadatas.label)),oe)),se.push(...ne)),se},[_e,an,p,ne,pe,I]),er=r?I({id:(0,E.OB)("pages.ListView.header-subtitle"),defaultMessage:"{number, plural, =0 {# entries} one {# entry} other {# entries}} found"},{number:f}):null,sn=te=>t?e.createElement(de.z,{...te,forwardedAs:Pt.rU,onClick:()=>{const se=pe?{status:"draft"}:{};T.current("willCreateEntry",se)},to:{pathname:`${Z}/create`,search:X.plugins?le:""},startIcon:e.createElement(ht.Z,null),style:{textDecoration:"none"}},I({id:(0,E.OB)("HeaderLayout.button.label-add-entry"),defaultMessage:"Create new entry"})):null,tr=te=>()=>{O("willEditEntryFromList"),S({pathname:`${Z}/${te}`,state:{from:Z},search:le})},nr=te=>async()=>{try{const{data:se}=await $e(`/content-manager/collection-types/${y.uid}/auto-clone/${te}?${le}`);"id"in se&&S({pathname:`${Z}/${se.id}`,state:{from:Z},search:le})}catch(se){se instanceof $m.d7&&S({pathname:`${Z}/create/clone/${te}`,state:{from:Z,error:k(se)},search:le})}},or=He.length+2,rr=()=>{Ce(`/content-manager/collection-types/${u}`,{params:J})};return fe?e.createElement(De.o,{"aria-busy":d},e.createElement(Ie.T,{primaryAction:sn(),subtitle:er,title:Re,navigationAction:e.createElement(h.rU,{startIcon:e.createElement(dt.Z,null),to:"/content-manager/"},I({id:"global.back",defaultMessage:"Back"}))}),!r&&e.createElement(Ra.Z,{endActions:e.createElement(Vt,{area:"contentManager.listView.actions"})}),r&&e.createElement(Ra.Z,{endActions:e.createElement(e.Fragment,null,e.createElement(Vt,{area:"contentManager.listView.actions"}),e.createElement(ts,{slug:u,layout:p})),startActions:e.createElement(e.Fragment,null,R&&e.createElement(h.m,{label:I({id:"app.component.search.label",defaultMessage:"Search for {target}"},{target:Re}),placeholder:I({id:"global.search",defaultMessage:"Search"}),trackedEvent:"didSearch"}),C&&!q&&e.createElement(Oa,{displayedFilters:[...ye,...Te].sort((te,se)=>F.compare(te.metadatas.label,se.metadatas.label))}))}),e.createElement(tt.D,null,r?e.createElement(D.k,{gap:4,direction:"column",alignItems:"stretch"},e.createElement(h.iA.Root,{rows:s,isLoading:d,colCount:or},e.createElement(h.iA.ActionBar,null,e.createElement(Km,{showPublish:a&&pe,showDelete:o,onConfirmDeleteAll:Je,onConfirmUnpublishAll:gt,refetchData:rr})),e.createElement(h.iA.Content,null,e.createElement(h.iA.Head,null,e.createElement(h.iA.HeaderCheckboxCell,null),He.map(({fieldSchema:te,key:se,name:oe,metadatas:B})=>e.createElement(h.iA.HeaderCell,{key:se,name:oe,fieldSchemaType:te.type,relationFieldName:B.mainField?.name,isSortable:B.sortable,label:B.label})),e.createElement(h.iA.HeaderHiddenActionsCell,null)),e.createElement(h.iA.LoadingBody,null),e.createElement(h.iA.EmptyBody,{contentType:Re,aciton:sn({variant:"secondary"})}),e.createElement(on.Root,{onConfirmDelete:pt,isConfirmDeleteRowOpen:P,setIsConfirmDeleteRowOpen:W},s.map((te,se)=>e.createElement(Ma.Tr,{cursor:"pointer",key:s.id,onClick:tr(te.id)},e.createElement(on.CheckboxDataCell,{rowId:te.id,index:se}),He.map(({key:oe,name:B,cellFormatter:_,...ie})=>{if(pe&&B==="publishedAt")return e.createElement(Fe.Td,{key:oe},e.createElement(to.q,{width:"min-content",showBullet:!1,variant:te.publishedAt?"success":"secondary",size:"S"},e.createElement(N.Z,{fontWeight:"bold",textColor:`${te.publishedAt?"success":"secondary"}700`},I({id:(0,E.OB)(`containers.List.${te.publishedAt?"published":"draft"}`),defaultMessage:te.publishedAt?"Published":"Draft"}))));if(x){if(B==="strapi_stage")return e.createElement(Fe.Td,{key:oe},te.strapi_stage?e.createElement(fe.ReviewWorkflowsStageEE,{color:te.strapi_stage.color??Fm.W.colors.primary600,name:te.strapi_stage.name}):e.createElement(N.Z,{textColor:"neutral800"},"-"));if(B==="strapi_assignee")return e.createElement(Fe.Td,{key:oe},te.strapi_assignee?e.createElement(fe.ReviewWorkflowsAssigneeEE,{user:te.strapi_assignee}):e.createElement(N.Z,{textColor:"neutral800"},"-"))}return["createdBy","updatedBy"].includes(B.split(".")[0])?e.createElement(Fe.Td,{key:oe},e.createElement(N.Z,{textColor:"neutral800"},te[B.split(".")[0]]?(0,E.Gf)(te[B.split(".")[0]],I):"-")):typeof _=="function"?e.createElement(Fe.Td,{key:oe},_(te,{key:oe,name:B,...ie})):e.createElement(Fe.Td,{key:oe},e.createElement(pp,{content:te[B.split(".")[0]],name:B,contentType:p.contentType,...ie,rowId:te.id}))}),(o||a)&&L&&e.createElement(on.EntityActionsDataCell,{rowId:te.id,index:se,setIsConfirmDeleteRowOpen:W,canCreate:t,canDelete:o,handleCloneClick:nr})))))),e.createElement(D.k,{alignItems:"flex-end",justifyContent:"space-between"},e.createElement(h.v4,{trackedEvent:"willChangeNumberOfEntriesPerPage"}),e.createElement(h.tU,{pagination:{pageCount:m?.pageCount||1}}))):e.createElement(h.ZF,null))):null}ns.propTypes={canCreate:n().bool.isRequired,canDelete:n().bool.isRequired,canRead:n().bool.isRequired,canPublish:n().bool.isRequired,data:n().array.isRequired,layout:n().exact({components:n().object.isRequired,contentType:n().shape({uid:n().string.isRequired,attributes:n().object.isRequired,metadatas:n().object.isRequired,info:n().shape({displayName:n().string.isRequired}).isRequired,layouts:n().shape({list:n().array.isRequired}).isRequired,options:n().object.isRequired,settings:n().object.isRequired}).isRequired}).isRequired,isLoading:n().bool.isRequired,getData:n().func.isRequired,getDataSucceeded:n().func.isRequired,pagination:n().shape({total:n().number.isRequired,pageCount:n().number}).isRequired,slug:n().string.isRequired};const bp=Vm();function vp(t){return(0,Ta.bindActionCreators)({getData:Sm,getDataSucceeded:km,onChangeListHeaders:Ca,onResetListHeaders:va},t)}const Cp=(0,re.$j)(bp,vp);var Rp=(0,Ta.compose)(Cp)(e.memo(ns,Ae()));const Jo=t=>{const o=(0,e.useMemo)(()=>(0,E.TA)(t.slug),[t.slug]),{isLoading:r,allowedActions:a}=(0,h.ss)(o,t.permissions);return r?e.createElement(h.dO,null):e.createElement(Rp,{...t,...a})};Jo.defaultProps={permissions:[]},Jo.propTypes={permissions:n().array,slug:n().string.isRequired};var Mp=(0,e.memo)(Jo,(t,o)=>{const r=(0,h.e5)(t,o);return Object.keys(r).filter(s=>s!=="state").length>0});const os=({layout:t,...o})=>{const r=(0,re.I0)(),{replace:a}=(0,ce.k6)(),[{query:s,rawQuery:l}]=(0,h.Kx)(),{permissions:c,isValid:d}=(0,be.r5)(s,o.slug,"listView"),p=(0,be.Ky)(o.slug);return(0,e.useEffect)(()=>{l||a(p)},[l,a,p]),(0,e.useEffect)(()=>{r(Am(t))},[r,t]),(0,e.useEffect)(()=>()=>{r(Lm())},[r]),d?e.createElement(Mp,{...o,layout:t,permissions:c}):null};os.propTypes={layout:n().exact({components:n().object.isRequired,contentType:n().shape({attributes:n().object.isRequired,metadatas:n().object.isRequired,layouts:n().shape({list:n().array.isRequired}).isRequired,options:n().object.isRequired,settings:n().object.isRequired,pluginOptions:n().object}).isRequired}).isRequired,slug:n().string.isRequired};var Tp=os,Dp=()=>e.createElement(K.x,{padding:8},e.createElement(h.Hn,null));const rs=({match:{params:{slug:t},url:o}})=>{const r=(0,re.v9)(xe._),{isLoading:a,layout:s,updateLayout:l}=(0,be.zE)(t),{rawContentTypeLayout:c,rawComponentsLayouts:d}=(0,e.useMemo)(()=>{let f={},y={};return s.contentType&&(f=(0,E.du)(s.contentType)),s.components&&(y=Object.keys(s.components).reduce((g,b)=>(g[b]=(0,E.du)(s.components[b]),g),{})),{rawContentTypeLayout:f,rawComponentsLayouts:y}},[s]);if((s?.contentType?.uid??null)!==t||a)return e.createElement(h.dO,null);const m=({location:{state:f},history:{goBack:y},match:{params:{id:g,origin:b}}},v)=>e.createElement(v,{slug:t,layout:s,state:f,goBack:y,id:g,origin:b}),u=[{path:"create/clone/:origin",comp:en},{path:"create",comp:en},{path:":id",comp:en},{path:"",comp:Tp}].map(({path:f,comp:y})=>e.createElement(ce.AW,{key:f,path:`${o}/${f}`,render:g=>m(g,y)}));return e.createElement(cn.ErrorBoundary,{FallbackComponent:Dp},e.createElement(Bt.Provider,{value:s},e.createElement(ce.rs,null,e.createElement(ce.AW,{path:`${o}/configurations/list`},e.createElement(h.O4,{permissions:r.contentManager.collectionTypesConfigurations},e.createElement(ba,{layout:c,slug:t,updateLayout:l}))),e.createElement(ce.AW,{path:`${o}/configurations/edit`},e.createElement(h.O4,{permissions:r.contentManager.collectionTypesConfigurations},e.createElement(An,{components:d,isContentTypeView:!0,mainLayout:c,slug:t,updateLayout:l}))),u)))};rs.propTypes={match:n().shape({url:n().string.isRequired,params:n().shape({slug:n().string.isRequired}).isRequired}).isRequired};var Op=(0,e.memo)(rs),as=i(4214);const Ip=()=>{const[{isLoading:t,data:o},r]=(0,e.useReducer)(as.Z,as.q),a=(0,e.useMemo)(ft.Vo,[]),{schemas:s}=(0,re.v9)(p=>a(p),re.wU),l=(0,re.v9)(xe._),{uid:c}=(0,ce.UO)(),{get:d}=(0,h.kY)();return(0,e.useEffect)(()=>{const m=qe.default.CancelToken.source();return(async f=>{try{r(Ut());const{data:{data:y}}=await d(`/content-manager/components/${c}/configuration`,{cancelToken:f.token});r(Fn((0,E.w8)(y,s,"component")))}catch(y){if(qe.default.isCancel(y))return;console.error(y)}})(m),()=>{m.cancel("Operation canceled by the user.")}},[c,s,d]),t?e.createElement(h.dO,null):e.createElement(h.O4,{permissions:l.contentManager.componentsConfigurations},e.createElement(An,{components:o.components,mainLayout:o.component,slug:c}))};var Pp=(0,e.memo)(Ip),xp=i(80564),Zp=i(23982),Sp=()=>{const{formatMessage:t}=(0,G.Z)();return(0,h.go)(),e.createElement(De.o,null,e.createElement(Ie.T,{title:t({id:(0,E.OB)("header.name"),defaultMessage:"Content"})}),e.createElement(tt.D,null,e.createElement(xp.x,{action:e.createElement(h.Qj,{variant:"secondary",startIcon:e.createElement(ht.Z,null),to:"/plugins/content-type-builder/content-types/create-content-type"},t({id:"app.components.HomePage.create",defaultMessage:"Create your first Content-type"})),content:t({id:"content-manager.pages.NoContentType.text",defaultMessage:"You don't have any content yet, we recommend you to create your first Content-Type."}),hasRadius:!0,icon:e.createElement(Zp.Z,{width:"10rem"}),shadow:"tableShadow"})))},kp=()=>{const{formatMessage:t}=(0,G.Z)();return(0,h.go)(),e.createElement(De.o,null,e.createElement(Ie.T,{title:t({id:(0,E.OB)("header.name"),defaultMessage:"Content"})}),e.createElement(tt.D,null,e.createElement(h.ZF,null)))};const ss=({match:{params:{slug:t},url:o}})=>{const r=(0,re.v9)(xe._),{isLoading:a,layout:s,updateLayout:l}=(0,be.zE)(t),{rawContentTypeLayout:c,rawComponentsLayouts:d}=(0,e.useMemo)(()=>{let p={},m={};return s.contentType&&(m=(0,E.du)(s.contentType)),s.components&&(p=Object.keys(s.components).reduce((u,f)=>(u[f]=(0,E.du)(s.components[f]),u),{})),{rawContentTypeLayout:m,rawComponentsLayouts:p}},[s]);return a?e.createElement(h.dO,null):e.createElement(Bt.Provider,{value:s},e.createElement(ce.rs,null,e.createElement(ce.AW,{path:`${o}/configurations/edit`},e.createElement(h.O4,{permissions:r.contentManager.singleTypesConfigurations},e.createElement(An,{components:d,isContentTypeView:!0,mainLayout:c,slug:t,updateLayout:l}))),e.createElement(ce.AW,{path:o,render:({location:{state:p},history:{goBack:m}})=>e.createElement(en,{layout:s,slug:t,isSingleType:!0,state:p,goBack:m})})))};ss.propTypes={match:n().shape({url:n().string.isRequired,params:n().shape({slug:n().string.isRequired}).isRequired}).isRequired};var Lp=(0,e.memo)(ss),Ap=i(91917);const Fp=(0,U.ZP)(D.k)`
|
|
1083
|
+
border-radius: 50%;
|
|
1084
|
+
|
|
1085
|
+
svg {
|
|
1086
|
+
height: ${6/16}rem;
|
|
1087
|
+
width: ${11/16}rem;
|
|
1088
|
+
> path {
|
|
1089
|
+
fill: ${({theme:t})=>t.colors.neutral600};
|
|
1090
|
+
}
|
|
1091
|
+
}
|
|
1092
|
+
`,$p=U.ZP.button`
|
|
1093
|
+
border: none;
|
|
1094
|
+
background: transparent;
|
|
1095
|
+
display: block;
|
|
1096
|
+
width: 100%;
|
|
1097
|
+
text-align: unset;
|
|
1098
|
+
padding: 0;
|
|
1099
|
+
`;function is({displayedValue:t}){return e.createElement(D.k,{background:"neutral0",borderColor:"neutral200",justifyContent:"space-between",gap:3,padding:3,width:(0,h.Q1)(300)},e.createElement($p,{type:"button"},e.createElement(D.k,{gap:6},e.createElement(Fp,{alignItems:"center",justifyContent:"center",background:"neutral200",height:(0,h.Q1)(32),width:(0,h.Q1)(32)},e.createElement(Ap.Z,null)),e.createElement(D.k,{maxWidth:(0,h.Q1)(150)},e.createElement(N.Z,{textColor:"neutral700",ellipsis:!0},t)))),e.createElement(D.k,{gap:2},e.createElement(Me.h,{noBorder:!0},e.createElement(Xe.Z,null)),e.createElement(Me.h,{noBorder:!0},e.createElement(ot.Z,null))))}is.propTypes={displayedValue:n().string.isRequired};const ls=({status:t,displayedValue:o,width:r})=>{const{formatMessage:a}=(0,G.Z)(),s={[mt.DRAFT]:a({id:(0,E.OB)("relation.publicationState.draft"),defaultMessage:"Draft"}),[mt.PUBLISHED]:a({id:(0,E.OB)("relation.publicationState.published"),defaultMessage:"Published"})},l=t===mt.DRAFT?"secondary":"success";return e.createElement(K.x,{style:{width:r}},e.createElement(D.k,{paddingTop:2,paddingBottom:2,paddingLeft:2,paddingRight:4,hasRadius:!0,borderSize:1,background:"neutral0",borderColor:"neutral200",justifyContent:"space-between"},e.createElement(zr,{gap:1},e.createElement(Me.h,{noBorder:!0},e.createElement(ot.Z,null)),e.createElement(Vr,{maxWidth:"100%",justifyContent:"space-between"},e.createElement(K.x,{minWidth:0,paddingTop:1,paddingBottom:1,paddingRight:4},e.createElement(Ur,null,e.createElement(N.Z,{textColor:"primary600",ellipsis:!0},o))),t&&e.createElement(to.q,{variant:l,showBullet:!1,size:"S"},e.createElement(N.Z,{fontWeight:"bold",textColor:`${l}700`},s[t])))),e.createElement(K.x,{paddingLeft:4},e.createElement(qr,{type:"button"},e.createElement(yt.J,{width:"12px",as:qt.Z})))))};ls.propTypes={status:n().string.isRequired,displayedValue:n().string.isRequired,width:n().number.isRequired};var wp=i(7141),Bp=i(65352),Np=i(36473),Wp=i(88791),jp=i(89274),zp=()=>{const[t,o]=(0,e.useState)(""),{formatMessage:r,locale:a}=(0,G.Z)(),s=(0,e.useMemo)(ft.KQ,[]),{collectionTypeLinks:l,singleTypeLinks:c}=(0,re.v9)(s,re.wU),{startsWith:d}=(0,h.L0)(a,{sensitivity:"base"}),p=(0,h.Xe)(a,{sensitivity:"base"}),m=(0,e.useMemo)(()=>[{id:"collectionTypes",title:{id:(0,ze.Z)("components.LeftMenu.collection-types"),defaultMessage:"Collection Types"},searchable:!0,links:l},{id:"singleTypes",title:{id:(0,ze.Z)("components.LeftMenu.single-types"),defaultMessage:"Single Types"},searchable:!0,links:c}].map(g=>({...g,links:g.links.filter(b=>d(b.title,t)).sort((b,v)=>p.compare(b.title,v.title)).map(b=>({...b,title:r({id:b.title,defaultMessage:b.title})}))})),[l,t,c,d,r,p]),u=()=>{o("")},f=({target:{value:g}})=>{o(g)},y=r({id:(0,ze.Z)("header.name"),defaultMessage:"Content"});return e.createElement(wp.m,{ariaLabel:y},e.createElement(Bp.p,{label:y,searchable:!0,value:t,onChange:f,onClear:u,searchLabel:r({id:"content-manager.components.LeftMenu.Search.label",defaultMessage:"Search for a content type"})}),e.createElement(Np.Z,null,m.map(g=>{const b=r({id:g.title.id,defaultMessage:g.title.defaultMessage},g.title.values);return e.createElement(Wp.D,{key:g.id,label:b,badgeLabel:g.links.length.toString()},g.links.map(v=>{const L=v.search?`?${v.search}`:"";return e.createElement(jp.E,{as:Pt.OL,key:v.uid,to:`${v.to}${L}`},v.title)}))})))},_o=i(70475);const Vp=()=>({type:_o.fn}),Up=()=>({type:_o.sZ}),qp=({authorizedCollectionTypeLinks:t,authorizedSingleTypeLinks:o,contentTypeSchemas:r,components:a,fieldSizes:s})=>({type:_o.IX,data:{authorizedCollectionTypeLinks:t,authorizedSingleTypeLinks:o,components:a,contentTypeSchemas:r,fieldSizes:s}});var cs=(t,o)=>o.map(({permissions:r})=>(0,h.qX)(t,r)),Hp=i(81346),Gp=i.n(Hp);const ds=(t,o,r=[])=>t.filter(a=>a.isDisplayed).map(a=>{const s=[{action:"plugin::content-manager.explorer.create",subject:a.uid},{action:"plugin::content-manager.explorer.read",subject:a.uid}],l=[{action:"plugin::content-manager.explorer.read",subject:a.uid}],c=o==="collectionTypes"?s:l,d=r.find(({uid:m})=>m===a.uid);let p=null;if(d){const m={page:1,pageSize:d.settings.pageSize,sort:`${d.settings.defaultSortBy}:${d.settings.defaultSortOrder}`};p=(0,tn.stringify)(m,{encode:!1})}return{permissions:c,search:p,kind:a.kind,title:a.info.displayName,to:`/content-manager/${a.kind}/${a.uid}`,uid:a.uid,name:a.uid,isDisplayed:a.isDisplayed}});var Qp=(t,o)=>{const r=Object.entries(Gp()(t,"kind")).map(([l,c])=>({name:l,links:c})),[a,s]=Ke()(r,"name");return{collectionTypeSectionLinks:ds(a?.links||[],"collectionTypes",o),singleTypeSectionLinks:ds(s?.links??[],"singleTypes")}},Kp=async({models:t,userPermissions:o,toggleNotification:r})=>{const{get:a}=(0,h.tg)();try{const{data:{data:s}}=await a("/content-manager/content-types-settings"),{collectionTypeSectionLinks:l,singleTypeSectionLinks:c}=Qp(t,s),d=await Promise.all(cs(o,l)),p=l.filter((f,y)=>d[y]),m=await Promise.all(cs(o,c)),u=c.filter((f,y)=>m[y]);return{authorizedCollectionTypeLinks:p,authorizedSingleTypeLinks:u}}catch(s){return console.error(s),r({type:"warning",message:{id:"notification.error"}}),{authorizedCollectionTypeLinks:[],authorizedSingleTypeLinks:[]}}},Yp=()=>{const t=(0,re.I0)(),o=(0,h.lm)(),r=(0,re.v9)((0,ft.Yg)()),a=(0,e.useRef)(),{allPermissions:s}=(0,h.vn)(),{runHookWaterfall:l}=(0,h.j1)(),d=qe.default.CancelToken.source(),{notifyStatus:p}=(0,zo.G)(),{formatMessage:m}=(0,G.Z)(),{get:u}=(0,h.kY)(),f=async()=>{t(Vp());try{const{data:{data:{components:y,contentTypes:g,fieldSizes:b}}}=await u("/content-manager/init",{cancelToken:d.token});p(m({id:(0,E.OB)("App.schemas.data-loaded"),defaultMessage:"The schemas have been successfully loaded."}));const v=await Kp({models:g,userPermissions:s,toggleNotification:o}),{ctLinks:L}=l(zt.LK,{ctLinks:v.authorizedCollectionTypeLinks,models:g}),{stLinks:C}=l(zt.dV,{stLinks:v.authorizedSingleTypeLinks,models:g}),R=qp({authorizedCollectionTypeLinks:L,authorizedSingleTypeLinks:C,contentTypeSchemas:g,components:y,fieldSizes:b});t(R)}catch(y){if(qe.default.isCancel(y))return;console.error(y),o({type:"warning",message:{id:"notification.error"}})}};return a.current=f,(0,e.useEffect)(()=>(a.current(),()=>{d.cancel("Operation canceled by the user."),t(Up())}),[t,o]),{...r,refetchData:a.current}};function Xp({type:t,item:o}){if([ct.Z.EDIT_FIELD,ct.Z.FIELD].includes(t))return e.createElement(wt,{labelField:o.labelField});const[r]=t.split("_");switch(r){case ct.Z.COMPONENT:case ct.Z.DYNAMIC_ZONE:return e.createElement(is,{displayedValue:o.displayedValue});case ct.Z.RELATION:return e.createElement(ls,{displayedValue:o.displayedValue,status:o.status,width:o.width});default:return null}}const us=()=>{const t=(0,ce.$B)("/content-manager/:kind/:uid"),{status:o,collectionTypeLinks:r,singleTypeLinks:a,models:s,refetchData:l}=Yp(),c=Ke()([...r,...a],g=>g.title.toLowerCase()),{pathname:d}=(0,ce.TH)(),{formatMessage:p}=(0,G.Z)(),{startSection:m}=(0,h.c1)(),u=(0,e.useRef)(m),f=(0,re.v9)(xe._);if((0,e.useEffect)(()=>{u.current&&u.current("contentManager")},[]),o==="loading")return e.createElement(De.o,{"aria-busy":"true"},e.createElement(Ie.T,{title:p({id:(0,ze.Z)("header.name"),defaultMessage:"Content"})}),e.createElement(h.dO,null));const y=s.filter(({isDisplayed:g})=>g);return c.length===0&&y.length>0&&d!=="/content-manager/403"?e.createElement(ce.l_,{to:"/content-manager/403"}):y.length===0&&d!=="/content-manager/no-content-types"?e.createElement(ce.l_,{to:"/content-manager/no-content-types"}):!t&&c.length>0?e.createElement(ce.l_,{to:`${c[0].to}${c[0].search?`?${c[0].search}`:""}`}):e.createElement(Ge.A,{sideNav:e.createElement(zp,null)},e.createElement(lt.r,{renderItem:Xp}),e.createElement(Dt.Provider,{value:{refetchData:l}},e.createElement(ce.rs,null,e.createElement(ce.AW,{path:"/content-manager/components/:uid/configurations/edit"},e.createElement(h.O4,{permissions:f.contentManager.componentsConfigurations},e.createElement(Pp,null))),e.createElement(ce.AW,{path:"/content-manager/collectionType/:slug",component:Op}),e.createElement(ce.AW,{path:"/content-manager/singleType/:slug",component:Lp}),e.createElement(ce.AW,{path:"/content-manager/403"},e.createElement(kp,null)),e.createElement(ce.AW,{path:"/content-manager/no-content-types"},e.createElement(Sp,null)),e.createElement(ce.AW,{path:"",component:h.Hn}))))};function Jp(){const{formatMessage:t}=(0,G.Z)();return e.createElement(e.Fragment,null,e.createElement(je.q,{title:t({id:(0,ze.Z)("plugin.name"),defaultMessage:"Content Manager"})}),e.createElement(us,null))}},98865:function(ln,et,i){"use strict";i.d(et,{d:function(){return Bt}});var e=i(32735),De=i(84642),Ie=i(8365),Ge=i(77981),h=i(2775),Qe=i(30126),Ke=i(60216),je=i.n(Ke),G=i(67879),re=i(69997);const ce=60*1e3,lt=ce*60,xe=lt*24,Tt=xe*30,Dt=xe*365;var ct=Ee=>Ee<ce?{unit:"second",value:-Math.round(Ee/1e3)}:Ee<lt?{unit:"minute",value:-Math.round(Ee/ce)}:Ee<xe?{unit:"hour",value:-Math.round(Ee/lt)}:Ee<Tt?{unit:"day",value:-Math.round(Ee/xe)}:Ee<Dt?{unit:"month",value:-Math.round(Ee/Tt)}:{unit:"year",value:-Math.round(Ee/Dt)};const ke=()=>{const{formatMessage:Ee}=(0,G.Z)();return e.createElement(De.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Ie.Z,{variant:"sigma",textColor:"neutral600",id:"additional-information"},Ee({id:(0,re.OB)("containers.Edit.information"),defaultMessage:"Information"})),e.createElement(Ge.x,null,e.createElement(h.i,null)))},n=({label:Ee,value:be})=>e.createElement(De.k,{justifyContent:"space-between"},e.createElement(Ie.Z,{as:"dt",fontWeight:"bold",textColor:"neutral800",variant:"pi"},Ee),e.createElement(Ie.Z,{as:"dd",variant:"pi",textColor:"neutral600"},be));n.defaultProps={value:"-"},n.propTypes={label:je().string.isRequired,value:je().string};const cn=()=>{const{formatMessage:Ee,formatRelativeTime:be}=(0,G.Z)(),{initialData:E,isCreatingEntry:de}=(0,Qe.Wq)(),tt=(0,e.useRef)(Date.now()),K=(Ze,ve)=>{const Ve=E[ve]?(0,re.Gf)(E[ve],Ee):"-",Nt=(E[Ze]?new Date(E[Ze]).getTime():Date.now())-tt.current,{unit:dt,value:Ue}=ct(-Nt);return{at:be(Ue,dt,{numeric:"auto"}),by:de?"-":Ve}},D=K("updatedAt","updatedBy"),N=K("createdAt","createdBy");return e.createElement(De.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(De.k,{direction:"column",alignItems:"stretch",gap:2,as:"dl"},e.createElement(n,{label:Ee({id:(0,re.OB)("containers.Edit.information.created"),defaultMessage:"Created"}),value:N.at}),e.createElement(n,{label:Ee({id:(0,re.OB)("containers.Edit.information.by"),defaultMessage:"By"}),value:N.by})),e.createElement(De.k,{direction:"column",alignItems:"stretch",gap:2,as:"dl"},e.createElement(n,{label:Ee({id:(0,re.OB)("containers.Edit.information.lastUpdate"),defaultMessage:"Last update"}),value:D.at}),e.createElement(n,{label:Ee({id:(0,re.OB)("containers.Edit.information.by"),defaultMessage:"By"}),value:D.by})))},dn=({children:Ee})=>e.createElement(De.k,{direction:"column",alignItems:"stretch",gap:4},Ee);dn.propTypes={children:je().oneOfType([je().arrayOf(je().node),je().node]).isRequired};const Bt={Root:dn,Title:ke,Body:cn}},97108:function(ln,et,i){"use strict";i.d(et,{R:function(){return Ie}});var e=i(30126),De=i(20108);function Ie(Ge={},h={}){const{id:Qe="",...Ke}=Ge,{get:je}=(0,e.kY)(),{data:G,isError:re,isLoading:ce,refetch:lt}=(0,De.useQuery)(["users",Qe,Ke],async()=>{const{data:{data:Tt}}=await je(`/admin/users/${Qe}`,{params:Ke});return Tt},h);let xe=[];return Qe&&G?xe=[G]:Array.isArray(G?.results)&&(xe=G.results),{users:xe,pagination:G?.pagination??null,isLoading:ce,isError:re,refetch:lt}}},99097:function(ln,et,i){"use strict";var e=i(32735);const De=(Ie,Ge)=>{const[h,Qe]=(0,e.useState)(Ie);return(0,e.useEffect)(()=>{const Ke=setTimeout(()=>{Qe(Ie)},Ge);return()=>{clearTimeout(Ke)}},[Ie,Ge]),h};et.Z=De},57544:function(){},59599:function(){},42310:function(){},33842:function(){},85695:function(){}}]);
|