@strapi/admin 4.14.2 → 4.14.4
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/.eslintrc.js +4 -1
- package/admin/.eslintrc.js +16 -0
- package/admin/custom.d.ts +8 -0
- package/admin/src/components/AuthenticatedApp/index.js +3 -7
- package/admin/src/components/AuthenticatedApp/utils/api.js +1 -39
- package/admin/src/components/AuthenticatedApp/utils/checkLatestStrapiVersion.ts +13 -0
- package/admin/src/{hooks/useReleaseNotification/utils/api.js → components/AuthenticatedApp/utils/fetchStrapiLatestRelease.ts} +2 -3
- package/admin/src/components/{DragLayer/DragLayer.js → DragLayer.tsx} +18 -10
- package/admin/src/components/PrivateRoute.tsx +42 -0
- package/admin/src/components/Providers/index.js +2 -2
- package/admin/src/components/Theme.tsx +39 -0
- package/admin/src/components/ThemeToggleProvider.tsx +50 -0
- package/admin/src/components/{UnauthenticatedLogo/index.js → UnauthenticatedLogo.tsx} +2 -4
- package/admin/src/content-manager/components/BlocksEditor/BlocksInput/index.js +22 -3
- package/admin/src/content-manager/components/BlocksEditor/Toolbar/index.js +263 -134
- package/admin/src/content-manager/components/BlocksEditor/hooks/useBlocksStore.js +362 -95
- package/admin/src/content-manager/components/BlocksEditor/hooks/useModifiersStore.js +15 -0
- package/admin/src/content-manager/components/BlocksEditor/index.js +99 -9
- package/admin/src/content-manager/components/BlocksEditor/plugins/index.js +4 -0
- package/admin/src/content-manager/components/BlocksEditor/plugins/withLinks.js +61 -0
- package/admin/src/content-manager/components/BlocksEditor/plugins/withStrapiSchema.js +33 -0
- package/admin/src/content-manager/components/BlocksEditor/utils/links.js +90 -0
- package/admin/src/content-manager/components/InputUID/index.js +1 -1
- package/admin/src/content-manager/hooks/useAllowedAttributes.js +9 -1
- package/admin/src/content-manager/hooks/useRelation/useRelation.js +1 -0
- package/admin/src/content-manager/pages/EditSettingsView/index.js +1 -0
- package/admin/src/content-manager/pages/EditSettingsView/utils/createPossibleMainFieldsForModelsAndComponents.js +1 -0
- package/admin/src/content-manager/pages/ListSettingsView/constants.js +1 -0
- package/admin/src/content-manager/pages/ListView/index.js +2 -1
- package/admin/src/content-manager/utils/checkIfAttributeIsDisplayable.js +1 -1
- package/admin/src/content-manager/utils/schema.js +2 -2
- package/admin/src/contexts/configuration.ts +15 -0
- package/admin/src/contexts/index.js +1 -2
- package/admin/src/contexts/themeToggle.ts +16 -0
- package/admin/src/hooks/{useConfigurations/__mocks__/index.js → __mocks__/useConfigurations.ts} +4 -2
- package/admin/src/hooks/index.js +1 -5
- package/admin/src/hooks/useConfigurations.ts +5 -0
- package/admin/src/hooks/useDebounce.ts +17 -0
- package/admin/src/hooks/useLicenseLimitNotification.ts +3 -0
- package/admin/src/hooks/useThemeToggle.ts +9 -0
- package/admin/src/pages/App/index.js +1 -1
- package/admin/src/pages/AuthPage/components/ForgotPassword/index.js +1 -1
- package/admin/src/pages/AuthPage/components/ForgotPasswordSuccess/index.js +1 -1
- package/admin/src/pages/AuthPage/components/Login/BaseLogin.js +1 -1
- package/admin/src/pages/AuthPage/components/Oops/index.js +1 -1
- package/admin/src/pages/AuthPage/components/Register/index.js +1 -1
- package/admin/src/pages/AuthPage/components/ResetPassword/index.js +1 -1
- package/admin/src/pages/MarketplacePage/components/NpmPackageCard/index.js +0 -2
- package/admin/src/pages/MarketplacePage/hooks/__mocks__/useNavigatorOnline.ts +1 -0
- package/admin/src/{hooks/useNavigatorOnLine/index.js → pages/MarketplacePage/hooks/useNavigatorOnline.ts} +4 -6
- package/admin/src/pages/MarketplacePage/index.js +3 -3
- package/admin/src/pages/ProfilePage/index.js +1 -1
- package/admin/src/pages/SettingsPage/components/Tokens/Regenerate/index.js +1 -1
- package/admin/src/{hooks/useRegenerate/index.js → pages/SettingsPage/hooks/useRegenerate.ts} +13 -7
- package/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/Regenerate/index.js +1 -1
- package/admin/src/pages/UseCasePage/index.js +1 -1
- package/admin/src/translations/en.json +8 -0
- package/admin/tsconfig.json +5 -0
- package/build/1049.f7aed23d.chunk.js +1 -0
- package/build/{1227.969e24e6.chunk.js → 1227.f9c74718.chunk.js} +1 -1
- package/build/{1386.db9a2795.chunk.js → 1386.6b8819c6.chunk.js} +2 -2
- package/build/2224.8af54440.chunk.js +138 -0
- package/build/2225.d1bcf7e3.chunk.js +79 -0
- package/build/2379.f0baf826.chunk.js +1 -0
- package/build/{2395.f6ac2863.chunk.js → 2395.aca6ce66.chunk.js} +1 -1
- package/build/2421.a478ba24.chunk.js +105 -0
- package/build/2801.c49f88a1.chunk.js +1 -0
- package/build/{3483.f6b2439f.chunk.js → 3483.5df8e010.chunk.js} +1 -1
- package/build/3911.d4fada48.chunk.js +95 -0
- package/build/412.72afdf0c.chunk.js +689 -0
- package/build/{4174.3e13fb26.chunk.js → 4174.df9aa09a.chunk.js} +1 -1
- package/build/502.8666bbef.chunk.js +25 -0
- package/build/570.2f3b4c56.chunk.js +1 -0
- package/build/5702.5b433d50.chunk.js +1 -0
- package/build/6186.c33ce082.chunk.js +116 -0
- package/build/7464.43a4527c.chunk.js +1 -0
- package/build/7818.d2196a53.chunk.js +29 -0
- package/build/7897.5c03247b.chunk.js +25 -0
- package/build/{8276.951e198e.chunk.js → 8276.d4426fd8.chunk.js} +3 -3
- package/build/8690.33243bba.chunk.js +38 -0
- package/build/{9832.65ed5a44.chunk.js → 8743.31c921b1.chunk.js} +139 -123
- package/build/9218.8bc01ab9.chunk.js +1 -0
- package/build/Admin-authenticatedApp.27545a1b.chunk.js +112 -0
- package/build/{Admin_InternalErrorPage.b3163562.chunk.js → Admin_InternalErrorPage.b66ee9c1.chunk.js} +1 -1
- package/build/Admin_homePage.a6281dd6.chunk.js +124 -0
- package/build/Admin_marketplace.31b962b8.chunk.js +44 -0
- package/build/{Admin_pluginsPage.b9fa2947.chunk.js → Admin_pluginsPage.9217101d.chunk.js} +1 -1
- package/build/{Admin_profilePage.a4d41380.chunk.js → Admin_profilePage.680123d9.chunk.js} +2 -2
- package/build/{Admin_settingsPage.6dc2af9f.chunk.js → Admin_settingsPage.33378310.chunk.js} +1 -1
- package/build/{Upload_ConfigureTheView.cc7ca628.chunk.js → Upload_ConfigureTheView.b40eea4d.chunk.js} +1 -1
- package/build/admin-app.e8c52c37.chunk.js +36 -0
- package/build/admin-edit-roles-page.fcf056bf.chunk.js +275 -0
- package/build/{admin-edit-users.9b42cc9e.chunk.js → admin-edit-users.89efe3c4.chunk.js} +2 -2
- package/build/{admin-roles-list.cf964578.chunk.js → admin-roles-list.8b77704a.chunk.js} +3 -3
- package/build/admin-users.e3f1be14.chunk.js +19 -0
- package/build/{api-tokens-create-page.2f25ddf6.chunk.js → api-tokens-create-page.0dd63e91.chunk.js} +1 -1
- package/build/{api-tokens-edit-page.45faac16.chunk.js → api-tokens-edit-page.78d877f8.chunk.js} +1 -1
- package/build/{api-tokens-list-page.5baabf1a.chunk.js → api-tokens-list-page.ae13346c.chunk.js} +2 -2
- package/build/audit-logs-settings-page.e9c92a75.chunk.js +9 -0
- package/build/content-manager.5849dbe3.chunk.js +1226 -0
- package/build/{content-type-builder-list-view.aa8a5d1a.chunk.js → content-type-builder-list-view.3fffae65.chunk.js} +1 -1
- package/build/{content-type-builder-translation-en-json.b9e5cacd.chunk.js → content-type-builder-translation-en-json.43f9d7bc.chunk.js} +1 -1
- package/build/{content-type-builder.885f2cad.chunk.js → content-type-builder.98c71164.chunk.js} +14 -14
- package/build/{email-settings-page.6bd7b280.chunk.js → email-settings-page.ecfec9b3.chunk.js} +1 -1
- package/build/{en-json.a3973ff5.chunk.js → en-json.bd611a8e.chunk.js} +1 -1
- package/build/{i18n-settings-page.6c0157e7.chunk.js → i18n-settings-page.a9708926.chunk.js} +1 -1
- package/build/index.html +1 -1
- package/build/main.3abb6f34.js +3278 -0
- package/build/{review-workflows-settings-create-view.ae369a88.chunk.js → review-workflows-settings-create-view.b7b0c6c5.chunk.js} +1 -1
- package/build/{review-workflows-settings-edit-view.9a61c69f.chunk.js → review-workflows-settings-edit-view.c331b3fe.chunk.js} +1 -1
- package/build/review-workflows-settings-list-view.70218dc1.chunk.js +75 -0
- package/build/{runtime~main.cec66cd9.js → runtime~main.450561b1.js} +1 -1
- package/build/{sso-settings-page.a29e6c38.chunk.js → sso-settings-page.1a9e7f8f.chunk.js} +1 -1
- package/build/{transfer-tokens-create-page.6e1b8cee.chunk.js → transfer-tokens-create-page.e7f541d3.chunk.js} +1 -1
- package/build/{transfer-tokens-edit-page.10bb22e2.chunk.js → transfer-tokens-edit-page.bd1276c2.chunk.js} +1 -1
- package/build/{transfer-tokens-list-page.0306652c.chunk.js → transfer-tokens-list-page.5de6bb9f.chunk.js} +2 -2
- package/build/upload-settings.97ef4c92.chunk.js +14 -0
- package/build/{upload.19e14c8e.chunk.js → upload.f08715a1.chunk.js} +1 -1
- package/build/{users-advanced-settings-page.ed69812f.chunk.js → users-advanced-settings-page.36a3c363.chunk.js} +1 -1
- package/build/users-email-settings-page.47b47962.chunk.js +149 -0
- package/build/users-providers-settings-page.1e0c8376.chunk.js +154 -0
- package/build/{users-roles-settings-page.afab5a0d.chunk.js → users-roles-settings-page.d5a8e8a1.chunk.js} +4 -4
- package/build/{webhook-edit-page.4c037da4.chunk.js → webhook-edit-page.87456194.chunk.js} +3 -3
- package/build/{webhook-list-page.56c82f4a.chunk.js → webhook-list-page.c88a382b.chunk.js} +3 -3
- package/ee/admin/hooks/{useLicenseLimitNotification.js → useLicenseLimitNotification.ts} +4 -4
- package/ee/admin/pages/AuthPage/components/Providers/index.js +1 -1
- package/ee/admin/pages/SettingsPage/pages/Users/ListPage/index.js +1 -3
- package/package.json +13 -12
- package/scripts/build.js +6 -2
- package/webpack.config.js +1 -0
- package/admin/src/components/AuthenticatedApp/utils/checkLatestStrapiVersion.js +0 -11
- package/admin/src/components/DragLayer/index.js +0 -1
- package/admin/src/components/GlobalStyle/index.js +0 -9
- package/admin/src/components/PrivateRoute/index.js +0 -46
- package/admin/src/components/Theme/index.js +0 -26
- package/admin/src/components/ThemeToggleProvider/index.js +0 -79
- package/admin/src/contexts/Configurations/index.js +0 -5
- package/admin/src/contexts/ThemeToggle/index.js +0 -5
- package/admin/src/hooks/useConfigurations/index.js +0 -11
- package/admin/src/hooks/useDebounce/index.js +0 -19
- package/admin/src/hooks/useLicenseLimitNotification/index.js +0 -5
- package/admin/src/hooks/useReleaseNotification/index.js +0 -31
- package/admin/src/hooks/useReleaseNotification/utils/checkLatestStrapiVersion.js +0 -11
- package/admin/src/hooks/useThemeToggle/index.js +0 -11
- package/admin/src/tsconfig.json +0 -10
- package/build/1049.acb0e730.chunk.js +0 -1
- package/build/2225.78fb9b89.chunk.js +0 -79
- package/build/2379.906334f0.chunk.js +0 -1
- package/build/2614.3e088d3e.chunk.js +0 -35
- package/build/2659.cb94f1e7.chunk.js +0 -105
- package/build/2801.2afb4757.chunk.js +0 -1
- package/build/2950.216f2e89.chunk.js +0 -1
- package/build/3021.33ad47fb.chunk.js +0 -103
- package/build/3911.488fbde3.chunk.js +0 -95
- package/build/4546.1203ac95.chunk.js +0 -1
- package/build/502.9918bff7.chunk.js +0 -1
- package/build/5158.c85f841a.chunk.js +0 -1
- package/build/6266.e8990811.chunk.js +0 -146
- package/build/7464.0280cf59.chunk.js +0 -1
- package/build/7897.4a39de37.chunk.js +0 -6
- package/build/Admin-authenticatedApp.08f32723.chunk.js +0 -112
- package/build/Admin_homePage.6cb51f18.chunk.js +0 -81
- package/build/Admin_marketplace.3eb5e132.chunk.js +0 -55
- package/build/admin-app.98cdf43a.chunk.js +0 -36
- package/build/admin-edit-roles-page.418bb1c5.chunk.js +0 -267
- package/build/admin-users.8385dd73.chunk.js +0 -11
- package/build/audit-logs-settings-page.91489670.chunk.js +0 -1
- package/build/content-manager.0d2b4a60.chunk.js +0 -1199
- package/build/main.105dcf23.js +0 -2665
- package/build/review-workflows-settings-list-view.067e0c35.chunk.js +0 -56
- package/build/upload-settings.0af6edc5.chunk.js +0 -14
- package/build/users-email-settings-page.131a00fb.chunk.js +0 -9
- package/build/users-providers-settings-page.b3dca41d.chunk.js +0 -14
|
@@ -1,1199 +0,0 @@
|
|
|
1
|
-
(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[994],{49502:function(En,nt,i){"use strict";i.r(nt),i.d(nt,{App:function(){return Ia},default:function(){return sf}});var e=i(32735),Oe=i(95162),Ie=i(64092),Ke=i(99226),h=i(43806),dt=i(98978),je=i.n(dt),We=i(74758),Q=i(67879),te=i(15062),le=i(53038),ut=i(17379),Le=i(30305),mt=(0,e.createContext)(),He=i(7921),pt=i(24381),Ae=i(60216),n=i.n(Ae),yn=i(47533),qt=(0,e.createContext)(),be=i(75430),ve=i(69242),y=i(69997),ue=i(91779),ot=i(56932),U=i(77981),T=i(84642),S=i(8365),Ze=i(10710),Ce=i(97037),ze=i(16773),Te=i(40260),Pt=i(2775),gt=i(70788),Ge=i(40501),Pa=i(99381),Xe=i.n(Pa),Za=i(89793),$e=i.n(Za),xa=i(23940),Zt=i.n(xa),xe=i(20108),vt=i(20716),fe=i(98202),Ct=i(82064),rt=i(63318),Sa=i(33795),w=i.n(Sa);const yr=e.createContext();function vn({attributes:t,buttonData:o,children:r,goTo:a,layout:s,metadatas:l,moveItem:c,moveRow:d,onAddData:m,relationsLayout:u,removeField:p,selectedItemName:f,setEditFieldToSelect:E,...g}){return e.createElement(yr.Provider,{value:{attributes:t,buttonData:o,goTo:a,layout:s,metadatas:l,moveItem:c,moveRow:d,onAddData:m,relationsLayout:u,removeField:p,selectedItemName:f,setEditFieldToSelect:E,...g}},r)}vn.defaultProps={attributes:{},buttonData:[],goTo(){},layout:[],metadatas:{},moveItem(){},moveRow(){},onAddData(){},relationsLayout:[],removeField(){},selectedItemName:null,setEditFieldToSelect(){}},vn.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 ft(){return e.useContext(yr)}const La=[{action:"plugin::content-type-builder.read",subject:null}];var Aa=()=>{const{trackUsage:t}=(0,h.rS)(),{formatMessage:o}=(0,Q.Z)(),{slug:r,modifiedData:a,isContentTypeView:s}=ft(),l=s?"content-types":"components",c=`/plugins/content-type-builder/${l==="content-types"?l:"component-categories"}`,d=w()(a,"category",""),m=l==="content-types"?r:`${d}/${r}`,u=()=>{t("willEditEditLayout")};return r==="strapi::administrator"?null:e.createElement(h.jW,{permissions:La},e.createElement(h.Qj,{to:`${c}/${m}`,onClick:u,size:"S",startIcon:e.createElement(rt.Z,null),variant:"secondary"},o({id:(0,He.Z)(`edit-settings-view.link-to-ctb.${l}`),defaultMessage:"Edit the content type"})))},st=i(37405),Vt=i(74506),xt=i(51968),x=i(8471),De=i(14763),Je=i(94997),Cn=i(19594);const br=({componentUid:t})=>{const{componentLayouts:o}=ft(),{formatMessage:r}=(0,Q.Z)(),a=w()(o,[t],{}),s=w()(a,["layouts","edit"],[]);return e.createElement(U.x,{padding:3},s.map((l,c)=>e.createElement(Ze.r,{gap:4,key:c},l.map(d=>e.createElement(Ce.P,{key:d.name,col:d.size},e.createElement(U.x,{paddingTop:2},e.createElement(T.k,{alignItems:"center",background:"neutral0",paddingLeft:3,paddingRight:3,height:`${32/16}rem`,hasRadius:!0,borderColor:"neutral200"},e.createElement(S.Z,{textColor:"neutral800"},d.name))))))),e.createElement(U.x,{paddingTop:2},e.createElement(h.rU,{startIcon:e.createElement(Cn.Z,null),to:`/content-manager/components/${t}/configurations/edit`},r({id:(0,He.Z)("components.FieldItem.linkToComponentLayout"),defaultMessage:"Set the component's layout"}))))};br.propTypes={componentUid:n().string.isRequired};var Fa=br,St=i(14911),_e=i(18129),$a=i(98851),Ba=i(88454),wa=i(60860),Na=i(72480),ja=i(25919),Wa=i(23381),za=i(32095),qa=i(87436),Ut=i(73892),Va=i(19999),Ua=i(1586),Ha=i(2651),Rn=i(44494),Ga=i(98599),Qa=i(5894),Ya=i(88026),Ka=i(94852),Xa=i(72911),Ja=i(37781),_a=i(31797),ei=i(24591),Ht=i(68620),vr=i(39638),ti=i(17110),ni=i(40685),oi=i(48644),ri=i(9362),si=i(83708),ai=i(6665),ii=i(66846),li=i(70146),ci=i(80031),di=i(13713),ui=i(37455),mi=i(70321),pi=i(84951),gi=i(87816),fi=i(50720),hi=i(32880),Cr=i(62864),Ei=i(10364),yi=i(12350),bi=i(69762),vi=i(19211),Ci=i(53220),Rr=i(68527),Ri=i(34901),Mi=i(27840),Ti=i(75337),Di=i(9568),ki=i(15406),Oi=i(22523),Ii=i(73981),Pi=i(64745),Zi=i(44130),xi=i(85406),Si=i(17626),Gt=i(51098),Li=i(42815),Ai=i(39126),Mn=i(9780),Fi=i(42498),$i=i(47763),Mr=i(54275),Bi=i(36328),wi=i(17037),Ni=i(46051),ji=i(91528),Wi=i(9137),zi=i(3448),qi=i(18981),Vi=i(73136),Ui=i(94140),Hi=i(3115),Gi=i(30279),Qi=i(15558),Yi=i(46528),Ki=i(41186),Xi=i(73896),Ji=i(18489),_i=i(39544),el=i(81904),Tn=i(59151),tl=i(3747),nl=i(77021),ol=i(42627),rl=i(58518),sl=i(3718),al=i(601),il=i(47372),Dn=i(98378),kn=i(69321),ll=i(95412),cl=i(61131),dl=i(29806),ul=i(37982),ml=i(23044),pl=i(17229),gl=i(42778),fl=i(19815),hl=i(96151),El=i(10291),yl=i(90230),bl=i(90517),vl=i(83997),Cl=i(57918),Rl=i(62996),On=i(98128),Ml=i(42912),Tl=i(65558),Dl=i(17994),kl=i(78420),Ol=i(56549),Il=i(86399),Pl=i(27369),Qt=i(13424),Zl=i(12681),xl=i(69826),Sl=i(24322),Ll=i(19637),Al=i(50322),Fl=i(22356);const Tr={alien:$a.Z,apps:Ba.Z,archive:wa.Z,arrowDown:Na.Z,arrowLeft:gt.Z,arrowRight:ja.Z,arrowUp:Wa.Z,attachment:za.Z,bell:qa.Z,bold:Ut.Z,book:Va.Z,briefcase:Ua.Z,brush:Ha.Z,bulletList:Rn.Z,calendar:Ga.Z,car:Qa.Z,cast:Ya.Z,chartBubble:Ka.Z,chartCircle:Xa.Z,chartPie:Ja.Z,check:Ge.Z,clock:_a.Z,cloud:ei.Z,code:Ht.Z,cog:Cn.Z,collapse:vr.Z,command:ti.Z,connector:ni.Z,crop:oi.Z,crown:ri.Z,cube:si.Z,cup:ai.Z,cursor:ii.Z,dashboard:li.Z,database:ci.Z,discuss:di.Z,doctor:ui.Z,earth:mi.Z,emotionHappy:pi.Z,emotionUnhappy:gi.Z,envelop:fi.Z,exit:hi.Z,expand:Cr.Z,eye:Ei.Z,feather:yi.Z,file:bi.Z,fileError:vi.Z,filePdf:Ci.Z,filter:Rr.Z,folder:Ri.Z,gate:Mi.Z,gift:Ti.Z,globe:Di.Z,grid:ki.Z,handHeart:Oi.Z,hashtag:Ii.Z,headphone:Pi.Z,heart:Zi.Z,house:xi.Z,information:Si.Z,italic:Gt.Z,key:Li.Z,landscape:Ai.Z,layer:Mn.Z,layout:Fi.Z,lightbulb:$i.Z,link:Mr.Z,lock:Bi.Z,magic:wi.Z,manyToMany:Ni.Z,manyToOne:ji.Z,manyWays:Wi.Z,medium:zi.Z,message:qi.Z,microphone:Vi.Z,monitor:Ui.Z,moon:Hi.Z,music:Gi.Z,oneToMany:Qi.Z,oneToOne:Yi.Z,oneWay:Ki.Z,paint:Xi.Z,paintBrush:Ji.Z,paperPlane:_i.Z,pencil:rt.Z,phone:el.Z,picture:Tn.Z,pin:tl.Z,pinMap:nl.Z,plane:ol.Z,play:rl.Z,plus:Ct.Z,priceTag:sl.Z,puzzle:al.Z,question:il.Z,quote:Dn.Z,refresh:kn.Z,repeat:ll.Z,restaurant:cl.Z,rocket:dl.Z,rotate:ul.Z,scissors:ml.Z,search:pl.Z,seed:gl.Z,server:fl.Z,shield:hl.Z,shirt:El.Z,shoppingCart:yl.Z,slideshow:bl.Z,stack:vl.Z,star:Cl.Z,store:Rl.Z,strikeThrough:On.Z,sun:Ml.Z,television:Tl.Z,thumbDown:Dl.Z,thumbUp:kl.Z,train:Ol.Z,twitter:Il.Z,typhoon:Pl.Z,underline:Qt.Z,user:Zl.Z,volumeMute:xl.Z,volumeUp:Sl.Z,walk:Ll.Z,wheelchair:Al.Z,write:Fl.Z};function Lt({showBackground:t=!0,size:o="M",icon:r}){return e.createElement(T.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(_e.J,{as:Tr[r]||Tr.cube,height:o==="S"?3:5,width:o==="S"?3:5}))}Lt.defaultProps={showBackground:!0,size:"M",icon:"Cube"},Lt.propTypes={showBackground:n().bool,size:n().string,icon:n().string};const $l=(0,x.ZP)(T.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
|
-
${S.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
|
-
`,Dr=({components:t})=>{const{componentLayouts:o}=ft();return e.createElement(T.k,{gap:2,overflow:"scroll hidden",padding:3},t.map(r=>e.createElement($l,{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:St.rU,to:`/content-manager/components/${r}/configurations/edit`},e.createElement(Lt,{icon:o?.[r]?.info?.icon}),e.createElement(U.x,{paddingTop:1},e.createElement(S.Z,{fontSize:1,textColor:"neutral600",fontWeight:"bold"},o?.[r]?.info?.displayName??"")))))};Dr.propTypes={components:n().arrayOf(n().string).isRequired};var Bl=Dr;const kr=(0,x.ZP)(De.h)`
|
|
28
|
-
background-color: transparent;
|
|
29
|
-
path {
|
|
30
|
-
fill: ${({theme:t})=>t.colors.neutral600};
|
|
31
|
-
}
|
|
32
|
-
`,In=({attribute:t,onEditField:o,onDeleteField:r,children:a})=>{const{formatMessage:s}=(0,Q.Z)();return e.createElement(U.x,{overflow:"hidden",width:"100%"},e.createElement(T.k,{paddingLeft:3,alignItems:"center",justifyContent:"space-between"},e.createElement(S.Z,{fontWeight:"semiBold",textColor:"neutral800",ellipsis:!0},a),e.createElement(T.k,null,e.createElement(kr,{label:s({id:(0,y.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:a}),onClick:o,icon:e.createElement(rt.Z,null),noBorder:!0}),e.createElement(kr,{label:s({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:a}),"data-testid":"delete-field",onClick:r,icon:e.createElement(Je.Z,null),noBorder:!0}))),t?.type==="component"&&e.createElement(Fa,{componentUid:t.component}),t?.type==="dynamiczone"&&e.createElement(Bl,{components:t.components}))};In.defaultProps={attribute:void 0},In.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 wl=In;const Nl=(0,x.ZP)(T.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
|
-
`,jl=(0,x.ZP)(st.Z)`
|
|
65
|
-
height: ${12/16}rem;
|
|
66
|
-
width: ${12/16}rem;
|
|
67
|
-
path {
|
|
68
|
-
fill: ${({theme:t})=>t.colors.neutral600};
|
|
69
|
-
}
|
|
70
|
-
`,Wl=(0,x.ZP)(T.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
|
-
`,zl=(0,x.ZP)(T.k)`
|
|
74
|
-
cursor: all-scroll;
|
|
75
|
-
border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
76
|
-
`,Pn=({attribute:t,children:o,index:r,lastIndex:a,moveItem:s,moveRow:l,name:c,onDeleteField:d,onEditField:m,rowIndex:u,size:p})=>{const[f,E]=(0,e.useState)(!1),g=c==="_TEMP_",{setIsDraggingSibling:b}=ft(),v=p===12,P=(0,e.useRef)(null),C=(0,e.useRef)(null),[{clientOffset:M,isOver:R},$]=(0,Vt.useDrop)({accept:y._Q.EDIT_FIELD,hover(D,O){if(!C.current||D.size!==12)return;const B=O.getItem().index,ee=r,j=O.getItem().rowIndex,Y=u;if(B===ee&&j===Y)return;const V=C.current.getBoundingClientRect(),G=(V.bottom-V.top)/2,de=O.getClientOffset().y-V.top;j<Y&&de<G||j>Y&&de>G||(l(j,Y),D.rowIndex=Y,D.itemIndex=ee)},drop(D,O){if(!C.current)return;const B=O.getItem().index,ee=r,j=O.getItem().rowIndex,Y=u;if(D.size===12||B===ee&&j===Y)return;const V=C.current.getBoundingClientRect();if(Math.abs(O.getClientOffset().x-V.left)>V.width/1.8){s(B,ee+1,j,Y),D.itemIndex=ee+1,D.rowIndex=Y;return}s(B,ee,j,Y),D.itemIndex=ee,D.rowIndex=Y},collect:D=>({canDrop:D.canDrop(),clientOffset:D.getClientOffset(),isOver:D.isOver(),isOverCurrent:D.isOver({shallow:!0}),itemType:D.getItemType()})}),[{isDragging:Z,getItem:L},q,W]=(0,Vt.useDrag)({type:y._Q.EDIT_FIELD,item(){return b(!0),{index:r,labelField:o,rowIndex:u,name:c,size:p}},canDrag(){return c!=="_TEMP_"},collect:D=>({isDragging:D.isDragging(),getItem:D.getItem()}),end(){b(!1)}});(0,e.useEffect)(()=>{W((0,xt.rX)(),{captureDraggingState:!0})},[W]);const k={dragRef:q(P),dropRef:$(C)};let z=!1,X=!1;if(C.current&&M){const D=C.current.getBoundingClientRect();z=R&&L.size!==12&&Math.abs(M.x-D.left)<D.width/2,X=R&&L.size!==12&&Math.abs(M.x-D.left)>D.width/2,c==="_TEMP_"&&(z=R&&L.size!==12,X=!1)}const F=()=>t&&v?`${74/16}rem`:`${32/16}rem`,H=r===0&&!v,K=r===a&&!v,A=r!==0&&!v;return e.createElement(Ce.P,{col:p},e.createElement(Nl,{ref:k.dropRef,showLeftCarret:z,showRightCarret:X,isFirst:H,isLast:K,hasHorizontalPadding:A,onDrag:()=>{v&&!f&&E(!0)},onDragEnd:()=>{v&&E(!1)}},f&&v&&e.createElement(U.x,{width:"100%",height:"2px",background:"primary600"}),e.createElement(Wl,{width:v&&f?0:"100%",borderColor:"neutral150",hasRadius:!0,background:"neutral100",minHeight:F(),alignItems:"stretch",isDragging:Z,dragStart:f,isFullSize:v,isHidden:g},e.createElement(zl,{as:"span",type:"button",ref:k.dragRef,onClick:D=>D.stopPropagation(),alignItems:"center",paddingLeft:3,paddingRight:3,tabIndex:-1},e.createElement(jl,null)),!g&&e.createElement(wl,{attribute:t,onEditField:m,onDeleteField:d},o))))};Pn.defaultProps={attribute:void 0},Pn.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 ql=Pn;const Or=({rowItem:t,onRemoveField:o,rowId:r,rowIndex:a,index:s,lastIndex:l})=>{const{setEditFieldToSelect:c,attributes:d,modifiedData:m,moveRow:u,moveItem:p}=ft(),f=w()(d,[t.name],{}),E=w()(m,["metadatas",t.name,"edit","label"],"");return e.createElement(ql,{onEditField:()=>c(t.name),onDeleteField:()=>o(r,s),attribute:f,index:s,lastIndex:l,rowIndex:a,name:t.name,size:t.size,moveRow:u,moveItem:p},E||t.name)};Or.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 Vl=Or;const Ir=({row:t,onRemoveField:o,rowIndex:r})=>e.createElement(Ze.r,null,t.rowContent.map((a,s)=>e.createElement(Vl,{key:a.name,rowItem:a,index:s,rowId:t.rowId,onRemoveField:o,rowIndex:r,lastIndex:t.rowContent.length-1})));Ir.propTypes={onRemoveField:n().func.isRequired,row:n().object.isRequired,rowIndex:n().number.isRequired};var Ul=Ir;const Pr=({editLayout:t,fields:o,onRemoveField:r,onAddField:a})=>{const{formatMessage:s}=(0,Q.Z)();return e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(T.k,{justifyContent:"space-between"},e.createElement("div",null,e.createElement(U.x,null,e.createElement(S.Z,{fontWeight:"bold"},s({id:(0,y.OB)("containers.ListPage.displayedFields"),defaultMessage:"Displayed fields"}))),e.createElement(U.x,null,e.createElement(S.Z,{variant:"pi",textColor:"neutral600"},s({id:"containers.SettingPage.editSettings.description",defaultMessage:"Drag & drop the fields to build the layout"})))),e.createElement(Aa,null)),e.createElement(U.x,{padding:4,hasRadius:!0,borderStyle:"dashed",borderWidth:"1px",borderColor:"neutral300"},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:2},t.map((l,c)=>e.createElement(Ul,{key:l.rowId,row:l,rowIndex:c,onRemoveField:r})),e.createElement(fe.fC,null,e.createElement(fe.xz,{startIcon:e.createElement(Ct.Z,null),endIcon:null,disabled:o.length===0,fullWidth:!0,variant:"secondary"},s({id:(0,y.OB)("containers.SettingPage.add.field"),defaultMessage:"Insert another field"})),e.createElement(fe.VY,null,o.map(l=>e.createElement(fe.ck,{key:l,onSelect:()=>a(l)},l)))))))};Pr.propTypes={editLayout:n().array.isRequired,fields:n().array.isRequired,onAddField:n().func.isRequired,onRemoveField:n().func.isRequired};var Hl=Pr,Zn=i(21223),xn=i(98887),Sn=i(87674),Ln=i(74973),At=i(28868),Gl=i(54342),Yt=i(44298),Ql=i(80016),Zr=i(60384),An=i(32119),Yl=i(95556),Fn=i(58316),Kl=i(19455),Xl=i(50756),Jl=i(79334),_l=i(28385);const xr={biginteger:e.createElement(At.Z,null),boolean:e.createElement(Gl.Z,null),date:e.createElement(Yt.Z,null),datetime:e.createElement(Yt.Z,null),decimal:e.createElement(At.Z,null),email:e.createElement(Ql.Z,null),enum:e.createElement(Zr.Z,null),enumeration:e.createElement(Zr.Z,null),file:e.createElement(An.Z,null),files:e.createElement(An.Z,null),float:e.createElement(At.Z,null),integer:e.createElement(At.Z,null),media:e.createElement(An.Z,null),number:e.createElement(At.Z,null),relation:e.createElement(Yl.Z,null),string:e.createElement(Fn.Z,null),text:e.createElement(Fn.Z,null),richtext:e.createElement(Fn.Z,null),time:e.createElement(Yt.Z,null),timestamp:e.createElement(Yt.Z,null),json:e.createElement(Kl.Z,null),uid:e.createElement(Xl.Z,null),component:e.createElement(Jl.Z,null),dynamiczone:e.createElement(_l.Z,null)},$n=({type:t,customFieldUid:o})=>{const r=(0,h.mZ)();let a=xr[t];if(o){const l=r.get(o).icon;l&&(a=e.createElement(U.x,{marginRight:3,width:7,height:6},e.createElement(l,null)))}return xr[t]?a:null};$n.defaultProps={customFieldUid:null},$n.propTypes={type:n().string.isRequired,customFieldUid:n().string};var Sr=$n,ec=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},{}),Lr=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,y.OB)("containers.SettingPage.editSettings.entry.title"):(0,y.OB)(`form.Input.${t}`);return{type:o,label:{id:r}}},Bn=i(2846),Ft=i(70420);const wn=({type:t,options:o,onChange:r,value:a,name:s,...l})=>{const{formatMessage:c}=(0,Q.Z)();switch(t){case"text":return e.createElement(Bn.o,{onChange:r,value:a,name:s,...l});case"bool":return e.createElement(Ft.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(ze.P,{value:a,name:s,onChange:d=>r({target:{name:s,value:d}}),...l},o.map(d=>e.createElement(Te.W,{key:d,value:d},d)));default:return null}};wn.defaultProps={options:void 0},wn.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 tc=wn;const nc=[[4,"33%"],[6,"50%"],[8,"66%"],[12,"100%"]],Ar=({onMetaChange:t,onSizeChange:o})=>{const{formatMessage:r}=(0,Q.Z)(),{modifiedData:a,selectedField:s,attributes:l,fieldForm:c}=ft(),d=(0,e.useMemo)(vt.Vo,[]),{schemas:m}=(0,te.v9)(C=>d(C),te.wU),u=(0,te.v9)(vt.Jg),p=(0,e.useMemo)(()=>{if(!s)return[];const C=w()(a,["metadatas",s,"edit"],{});return Object.keys(C).filter(M=>M!=="visible")},[s,a]),f=(0,e.useMemo)(()=>ec(m),[m]),E=(0,e.useCallback)(C=>{if(C!=="relation"&&C!=="component")return[];const M=C==="component"?"component":"targetModel",R=w()(a,["attributes",s,M],"");return w()(f,[R],[])},[s,f,a]),g=p.map(C=>{const M=w()(l,[s,"type"]);return["component","dynamiczone"].includes(M)&&!["label","description"].includes(C)||M==="component"&&C!=="label"||["media","json","boolean"].includes(M)&&C==="placeholder"||C==="step"?null:e.createElement(Ce.P,{col:6,key:C},e.createElement(tc,{type:Lr(C).type,hint:C==="mainField"?r({id:(0,He.Z)("containers.SettingPage.editSettings.relation-field.description")}):"",label:r({id:w()(Lr(C),"label.id","app.utils.defaultMessage")}),name:C,onChange:t,value:w()(c,["metadata",C],""),options:E(M)}))}),{type:b,customField:v}=l[s],{isResizable:P}=u[v]??u[b];return e.createElement(e.Fragment,null,g,P&&e.createElement(Ce.P,{col:6,key:"size"},e.createElement(ze.P,{value:c?.size,name:"size",onChange:C=>{o({name:s,value:C})},label:r({id:(0,He.Z)("containers.SettingPage.editSettings.size.label"),defaultMessage:"Size"})},nc.map(([C,M])=>e.createElement(Te.W,{key:C,value:C},M)))))};Ar.propTypes={onMetaChange:n().func.isRequired,onSizeChange:n().func.isRequired};var oc=Ar;const rc=(0,x.ZP)(T.k)`
|
|
77
|
-
svg {
|
|
78
|
-
width: ${32/16}rem;
|
|
79
|
-
height: ${24/16}rem;
|
|
80
|
-
margin-right: ${({theme:t})=>t.spaces[3]};
|
|
81
|
-
}
|
|
82
|
-
`,Nn=({onToggle:t,onMetaChange:o,onSizeChange:r,onSubmit:a,type:s,customFieldUid:l})=>{const{selectedField:c}=ft(),{formatMessage:d}=(0,Q.Z)(),m=()=>s==="timestamp"?"date":["decimal","float","integer","biginter"].includes(s)?"number":s;return e.createElement(Zn.P,{onClose:t,labelledBy:"title"},e.createElement("form",{onSubmit:a},e.createElement(xn.x,null,e.createElement(rc,null,e.createElement(Sr,{type:m(),customFieldUid:l}),e.createElement(S.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title"},d({id:(0,y.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:Zt()(c)})))),e.createElement(Sn.f,null,e.createElement(Ze.r,{gap:4},e.createElement(oc,{onMetaChange:o,onSizeChange:r}))),e.createElement(Ln.m,{startActions:e.createElement(ue.z,{onClick:t,variant:"tertiary"},d({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(ue.z,{type:"submit"},d({id:"global.finish",defaultMessage:"Finish"}))})))};Nn.defaultProps={customFieldUid:null},Nn.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 sc=Nn,ac=i(3040),se=i.n(ac);const jn=t=>t.reduce((o,r)=>o+r.size,0),ic=t=>t.reduce((o,r,a)=>{const s={rowId:a,rowContent:r};return o.concat(s)},[]),Rt=t=>t.reduce((o,r)=>{let a=[];const s=r.rowContent.reduce((d,m)=>{const u=jn(d);return m.name==="_TEMP_"||(u+m.size<=12?d.push(m):a.push(m)),d},[]),l=o.length===0?0:Math.max.apply(Math,o.map(d=>d.rowId))+1,c=jn(s);if(c<12&&s.push({name:"_TEMP_",size:12-c}),o.push({rowId:l,rowContent:s}),a.length>0){const d=jn(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),lc=t=>t.reduce((o,r)=>{const a=r.rowContent.filter(s=>s.name!=="_TEMP_");return o.concat([a])},[]),cc=(t,o=[])=>o.reduce((r,{rowContent:a})=>{const s=a.find(l=>l.name===t)?.size??null;return s&&(r=s),r},null),dc=(t,o,r=[])=>r.map(a=>(a.rowContent=a.rowContent.map(s=>s.name===t?{...s,size:o}:s),a));var uc=(t,o,r)=>{let a=Xe()(o);return se()(a,["layouts","edit"],Rt(ic(o.layouts.edit))),{...t,initialData:a,modifiedData:a,componentLayouts:r}},Wn=i(97889);const Fr=6,zn={fieldForm:{},componentLayouts:{},metaToEdit:"",initialData:{},metaForm:{},modifiedData:{}};var mc=(t=zn,o)=>(0,Wn.ZP)(t,r=>{const a=["modifiedData","layouts","edit"];switch(o.type){case"MOVE_ROW":{const s=w()(t,a,[]),{fromIndex:l,toIndex:c}=o;se()(r,a,(0,y.W3)(s,l,c));break}case"ON_ADD_FIELD":{const s=Xe()(t),l=w()(s,["modifiedData","attributes",o.name],{}),c=o.fieldSizes[l?.customField]?.default??o.fieldSizes[l?.type]?.default??Fr,d=w()(s,a,[]).length,m=[...a,d-1,"rowContent"],u=w()(s,m,[]);let p=w()(s,a,[]);Array.isArray(u)?se()(p,[d>0?d-1:0,"rowContent"],[...u,{name:o.name,size:c}]):se()(p,[d>0?d-1:0,"rowContent"],[{name:o.name,size:c}]);const f=Rt(p);se()(r,a,f);break}case"ON_CHANGE":{se()(r,["modifiedData",...o.keys],o.value);break}case"ON_CHANGE_META":{se()(r,["metaForm","metadata",...o.keys],o.value);break}case"ON_CHANGE_SIZE":{se()(r,["metaForm","size"],o.value);break}case"ON_RESET":{r.modifiedData=t.initialData;break}case"REMOVE_FIELD":{const s=w()(t,[...a,o.rowIndex,"rowContent"],[]);let l=Xe()(t);if(s.length===1||s.length===2&&w()(s,[1,"name"],"")==="_TEMP_"){const d=w()(t,a,[]);se()(l,a,d.filter((m,u)=>o.rowIndex!==u))}else se()(l,[...a,o.rowIndex,"rowContent"],s.filter((d,m)=>m!==o.fieldIndex));const c=Rt(w()(l,a,[]));se()(r,a,c);break}case"REORDER_DIFF_ROW":{const s=w()(t,[...a,o.dragRowIndex,"rowContent"],[]),l=w()(t,[...a,o.hoverRowIndex,"rowContent"],[]),c=w()(t,[...a,o.dragRowIndex,"rowContent",o.dragIndex],{}),d=[...l,c];let m=Xe()(t);se()(m,[...a,o.dragRowIndex,"rowContent"],s.filter((p,f)=>o.dragIndex!==f)),se()(m,[...a,o.hoverRowIndex,"rowContent"],(0,y.W3)(d,d.length-1,o.hoverIndex));const u=Rt(w()(m,a,[]));se()(r,a,u);break}case"REORDER_ROW":{const s=Xe()(t),l=w()(s,[...a,o.dragRowIndex,"rowContent"],[]);se()(s,[...a,o.dragRowIndex,"rowContent"],(0,y.W3)(l,o.dragIndex,o.hoverIndex));const c=Rt(w()(s,a,[]));se()(r,a,c);break}case"SET_FIELD_TO_EDIT":{r.metaToEdit=o.name,r.metaForm={metadata:w()(t,["modifiedData","metadatas",o.name,"edit"],{}),size:cc(o.name,t.modifiedData?.layouts?.edit)??Fr};break}case"SUBMIT_META_FORM":{se()(r,["modifiedData","metadatas",t.metaToEdit,"edit"],t.metaForm.metadata);const s=Xe()(w()(t,a,[])),l=dc(t.metaToEdit,t.metaForm.size,s);l.length>0&&se()(r,a,Rt(l));break}case"SUBMIT_SUCCEEDED":{r.initialData=t.modifiedData;break}case"UNSET_FIELD_TO_EDIT":{r.metaToEdit="",r.metaForm={};break}default:return r}});const qn=({mainLayout:t,components:o,isContentTypeView:r,slug:a,updateLayout:s})=>{const[l,c]=(0,e.useReducer)(mc,zn,()=>uc(zn,t,o)),[d,m]=(0,e.useState)(!1),{trackUsage:u}=(0,h.rS)(),p=(0,h.lm)(),{goBack:f}=(0,le.k6)(),[E,g]=(0,e.useState)(!1),[b,v]=(0,e.useState)(!1),{componentLayouts:P,initialData:C,modifiedData:M,metaToEdit:R,metaForm:$}=l,{formatMessage:Z}=(0,Q.Z)(),L=t.info.displayName,q=M?.attributes??{},W=(0,te.v9)(vt.Jg),{put:k}=(0,h.kY)(),z=Object.keys(q).filter(I=>{const oe=q?.[I]?.type??"";return!["dynamiczone","json","text","relation","component","boolean","media","password","richtext","timestamp"].includes(oe)&&!!oe}),X=M.layouts.edit,F=X.flatMap(I=>I.rowContent),H=Object.keys(M.attributes).filter(I=>(M?.metadatas?.[I]?.edit?.visible??!1)===!0).filter(I=>F.findIndex(oe=>oe.name===I)===-1).sort(),K=({target:{name:I,value:oe}})=>{c({type:"ON_CHANGE",keys:I.split("."),value:oe})},A=()=>{g(I=>!I)},D=()=>{v(I=>!I)},O=({target:{name:I,value:oe}})=>{c({type:"ON_CHANGE_META",keys:I.split("."),value:oe})},B=({name:I,value:oe})=>{c({type:"ON_CHANGE_SIZE",name:I,value:oe})},ee=I=>{I.preventDefault(),c({type:"SUBMIT_META_FORM"}),A()},j=I=>{I.preventDefault(),D()},Y=(0,xe.useMutation)(I=>k(r?`/content-manager/content-types/${a}/configuration`:`/content-manager/components/${a}/configuration`,I),{onSuccess({data:I}){s&&s(I.data),c({type:"SUBMIT_SUCCEEDED"}),D(),u("didEditEditSettings")},onError(){p({type:"warning",message:{id:"notification.error"}})}}),{isLoading:V}=Y,G=()=>{const{layouts:I,metadatas:oe,settings:he}=Xe()(M);Y.mutate({layouts:{...I,edit:lc(I.edit)},metadatas:oe,settings:he})},ne=(I,oe)=>{c({type:"MOVE_RELATION",fromIndex:I,toIndex:oe})},de=(I,oe)=>{c({type:"MOVE_FIELD",fromIndex:I,toIndex:oe})},ye=(I,oe,he,ke)=>{c(he===ke?{type:"REORDER_ROW",dragRowIndex:he,dragIndex:I,hoverIndex:oe}:{type:"REORDER_DIFF_ROW",dragIndex:I,hoverIndex:oe,dragRowIndex:he,hoverRowIndex:ke})},ge=(I,oe)=>{c({type:"MOVE_ROW",fromIndex:I,toIndex:oe})};return e.createElement(vn,{isContentTypeView:r,attributes:q,modifiedData:M,slug:a,componentLayouts:P,selectedField:R,fieldForm:$,onMoveRelation:ne,onMoveField:de,moveRow:ge,moveItem:ye,setEditFieldToSelect:I=>{c({type:"SET_FIELD_TO_EDIT",name:I}),A()},isDraggingSibling:d,setIsDraggingSibling:m},e.createElement(Oe.o,null,e.createElement("form",{onSubmit:j},e.createElement(Ie.T,{title:Z({id:(0,y.OB)("components.SettingsViewWrapper.pluginHeader.title"),defaultMessage:`Configure the view - ${Zt()(L)}`},{name:Zt()(L)}),subtitle:Z({id:(0,y.OB)("components.SettingsViewWrapper.pluginHeader.description.edit-settings"),defaultMessage:"Customize how the edit view will look like."}),navigationAction:e.createElement(h.rU,{startIcon:e.createElement(gt.Z,null),onClick:I=>{I.preventDefault(),f()},to:"/"},Z({id:"global.back",defaultMessage:"Back"})),primaryAction:e.createElement(ue.z,{disabled:$e()(C,M),startIcon:e.createElement(Ge.Z,null),type:"submit"},Z({id:"global.save",defaultMessage:"Save"}))}),e.createElement(ot.D,null,e.createElement(U.x,{background:"neutral0",hasRadius:!0,shadow:"filterShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(S.Z,{variant:"delta",as:"h2"},Z({id:(0,y.OB)("containers.SettingPage.settings"),defaultMessage:"Settings"})),e.createElement(Ze.r,null,e.createElement(Ce.P,{col:6,s:12},e.createElement(ze.P,{label:Z({id:(0,y.OB)("containers.SettingPage.editSettings.entry.title"),defaultMessage:"Entry title"}),hint:Z({id:(0,y.OB)("containers.SettingPage.editSettings.entry.title.description"),defaultMessage:"Set the display field of your entry"}),onChange:I=>{K({target:{name:"settings.mainField",value:I===""?null:I}})},value:M.settings.mainField},z.map(I=>e.createElement(Te.W,{key:I,value:I},I))))),e.createElement(U.x,{paddingTop:2,paddingBottom:2},e.createElement(Pt.i,null)),e.createElement(S.Z,{variant:"delta",as:"h3"},Z({id:(0,y.OB)("containers.SettingPage.view"),defaultMessage:"View"})),e.createElement(Hl,{attributes:q,editLayout:X,fields:H,onAddField:I=>{c({type:"ON_ADD_FIELD",name:I,fieldSizes:W})},onRemoveField:(I,oe)=>{c({type:"REMOVE_FIELD",rowIndex:I,fieldIndex:oe})}})))),e.createElement(h.QH,{bodyText:{id:(0,y.OB)("popUpWarning.warning.updateAllSettings"),defaultMessage:"This will modify all your settings"},iconRightButton:e.createElement(Ge.Z,null),isConfirmButtonLoading:V,isOpen:b,onToggleDialog:D,onConfirm:G,variantRightButton:"success-light"})),E&&e.createElement(sc,{onSubmit:ee,onToggle:A,onMetaChange:O,onSizeChange:B,type:q?.[R]?.type??"",customFieldUid:q?.[R]?.customField??""})))};qn.defaultProps={isContentTypeView:!1,updateLayout:null},qn.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 Vn=qn,Kt=i(66941),$r=i(40582);const pc=()=>({type:$r.c}),gc=(t,o)=>({type:$r.O,layout:t,query:o});var $t=i(9592),fc=i(76402),hc=()=>(0,e.useContext)(fc.ux),Br=t=>{const{getAdminInjectedComponents:o}=hc(),[r,a,s]=t.split(".");return o(r,a,s)};const wr=({area:t,...o})=>Br(t).map(a=>e.createElement(a.Component,{key:a.name,...o}));wr.propTypes={area:n().string.isRequired};var Xt=wr,Qe=i(84306),at=i(46491);const Jt=()=>({type:at.ZA}),Un=t=>({type:at.Id,data:t}),Hn=(t,o=!1)=>({type:at.TP,rawQuery:t,isSingleType:o}),Nr=()=>({type:at.c2}),jr=(t,o)=>({type:at.w7,componentsDataStructure:t,contentTypeDataStructure:o}),pe=t=>({type:at.d0,status:t}),it=t=>({type:at.t9,data:t}),Ec=()=>({type:at.tE});var Gn=t=>t["content-manager_editViewCrudReducer"];const Qn=({allLayoutData:t,children:o,slug:r,id:a,origin:s})=>{const l=(0,xe.useQueryClient)(),c=(0,h.lm)(),{setCurrentStep:d}=(0,h.c1)(),{trackUsage:m}=(0,h.rS)(),{push:u,replace:p}=(0,le.k6)(),[{query:f,rawQuery:E}]=(0,h.Kx)(),g=(0,te.I0)(),{componentsDataStructure:b,contentTypeDataStructure:v,data:P,isLoading:C,status:M}=(0,te.v9)(Gn),R=(0,ve.Ky)(r),{formatAPIError:$}=(0,h.So)(y.OB),Z=(0,e.useRef)(!0),L=(0,e.useRef)(m),q=(0,e.useRef)(t),W=(0,h.kY)(),{put:k,post:z,del:X}=W,F=a===null,H=F&&!s?null:`/content-manager/collection-types/${r}/${s||a}`,K=(0,e.useCallback)(V=>{const G=(0,y.kc)(V,q.current.contentType,q.current.components);return(0,h.dU)(G,q.current.contentType,q.current.components)},[]);(0,e.useEffect)(()=>{const V=Object.keys(t.components).reduce((de,ye)=>{const ge=(0,y.Di)(w()(t,["components",ye,"attributes"],{}),t.components);return de[ye]=(0,h.dU)(ge,t.components[ye],t.components),de},{}),G=(0,y.Di)(t.contentType.attributes,t.components),ne=(0,h.dU)(G,t.contentType,t.components);g(jr(V,ne))},[t,g]),(0,e.useEffect)(()=>()=>{g(Nr())},[g]),(0,e.useEffect)(()=>{const G=Qe.default.CancelToken.source(),ne=async ye=>{g(Jt());try{const{data:ge}=await W.get(H,{cancelToken:ye.token});g(Un(K(ge)))}catch(ge){if(Qe.default.isCancel(ge))return;const I=w()(ge,"response.status",null);if(I===404){u(R);return}I===403&&(c({type:"info",message:{id:(0,y.OB)("permissions.not-allowed.update")}}),u(R))}},de=async()=>{g(Jt()),g(Hn(E))};return Z.current?(H?ne(G):de(),()=>{G.cancel("Operation canceled by the user.")}):()=>{}},[W,K,u,H,g,E,R,c]);const A=(0,e.useCallback)(V=>{c({type:"warning",message:$(V)})},[c,$]),D=(0,e.useCallback)(async V=>{try{L.current("willDeleteEntry",V);const{data:G}=await X(`/content-manager/collection-types/${r}/${a}`);return c({type:"success",message:{id:(0,y.OB)("success.record.delete")}}),L.current("didDeleteEntry",V),p(R),Promise.resolve(G)}catch(G){return L.current("didNotDeleteEntry",{error:G,...V}),Promise.reject(G)}},[a,r,c,X,R,p]),O=(0,e.useCallback)(async(V,G)=>{const ne=typeof s=="string",de=ne?`/content-manager/collection-types/${r}/clone/${s}`:`/content-manager/collection-types/${r}`;try{g(pe("submit-pending"));const{id:ye,...ge}=V,{data:I}=await z(de,ne?ge:V,{params:f});return L.current("didCreateEntry",G),c({type:"success",message:{id:(0,y.OB)("success.record.save")}}),d("contentManager.success"),l.invalidateQueries(["relation"]),g(it(K(I))),g(pe("resolved")),p(`/content-manager/collectionType/${r}/${I.id}${E}`),Promise.resolve(I)}catch(ye){return A(ye),L.current("didNotCreateEntry",{error:ye,trackerProperty:G}),g(pe("resolved")),Promise.reject(ye)}},[s,K,A,p,r,g,f,c,d,l,z,E]),B=(0,e.useCallback)(async()=>{try{L.current("willCheckDraftRelations");const V=`/content-manager/collection-types/${r}/${a}/actions/countDraftRelations`;g(pe("draft-relation-check-pending"));const G=await W.get(V);return L.current("didCheckDraftRelations"),g(pe("resolved")),G.data.data}catch(V){return A(V),g(pe("resolved")),Promise.reject(V)}},[A,a,r,g,W]),ee=(0,e.useCallback)(async()=>{try{L.current("willPublishEntry");const V=`/content-manager/collection-types/${r}/${a}/actions/publish`;g(pe("publish-pending"));const{data:G}=await z(V);return L.current("didPublishEntry"),g(it(K(G))),g(pe("resolved")),c({type:"success",message:{id:(0,y.OB)("success.record.publish")}}),Promise.resolve(G)}catch(V){return A(V),g(pe("resolved")),Promise.reject(V)}},[K,A,a,r,g,c,z]),j=(0,e.useCallback)(async(V,G)=>{const ne=`/content-manager/collection-types/${r}/${a}`;try{L.current("willEditEntry",G),g(pe("submit-pending"));const{data:de}=await k(ne,V);return L.current("didEditEntry",{trackerProperty:G}),c({type:"success",message:{id:(0,y.OB)("success.record.save")}}),l.invalidateQueries(["relation"]),g(it(K(de))),g(pe("resolved")),Promise.resolve(de)}catch(de){return L.current("didNotEditEntry",{error:de,trackerProperty:G}),A(de),g(pe("resolved")),Promise.reject(de)}},[K,A,r,a,g,c,l,k]),Y=(0,e.useCallback)(async()=>{const V=`/content-manager/collection-types/${r}/${a}/actions/unpublish`;g(pe("unpublish-pending"));try{L.current("willUnpublishEntry");const{data:G}=await z(V);return L.current("didUnpublishEntry"),c({type:"success",message:{id:(0,y.OB)("success.record.unpublish")}}),g(it(K(G))),g(pe("resolved")),Promise.resolve(G)}catch(G){return g(pe("resolved")),A(G),Promise.reject(G)}},[K,A,a,r,g,c,z]);return o({componentsDataStructure:b,contentTypeDataStructure:v,data:P,isCreatingEntry:F,isLoadingForData:C,onDelete:D,onPost:O,onPublish:ee,onDraftRelationCheck:B,onPut:j,onUnpublish:Y,status:M,redirectionLink:R})};Qn.defaultProps={id:null,origin:null},Qn.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 yc=(0,e.memo)(Qn,$e()),lt=i(99320),Yn=i(65351),Wr=i(3042);const Kn=({hasError:t,isDisabled:o,isOpen:r,children:a,onClick:s})=>e.createElement(bc,{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(T.k,{as:"span",gap:2},e.createElement(Xn,{"aria-hidden":!0,$isOpen:r,$hasError:t&&!r}),e.createElement(S.Z,{variant:"pi",fontWeight:"bold",textColor:t&&!r?"danger600":"neutral500"},a))),Xn=(0,x.ZP)(Wr.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
|
-
`,bc=(0,x.ZP)(Yn.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
|
-
${S.Z} {
|
|
99
|
-
color: ${({theme:t})=>t.colors.primary600};
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
${Xn} {
|
|
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
|
-
${S.Z} {
|
|
113
|
-
color: ${({theme:t})=>t.colors.primary600};
|
|
114
|
-
}
|
|
115
|
-
${Xn} {
|
|
116
|
-
> circle {
|
|
117
|
-
fill: ${({theme:t})=>t.colors.primary600};
|
|
118
|
-
}
|
|
119
|
-
> path {
|
|
120
|
-
fill: ${({theme:t})=>t.colors.neutral100};
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
`;Kn.defaultProps={hasError:!1,isDisabled:!1,isOpen:!1},Kn.propTypes={children:n().node.isRequired,hasError:n().bool,isDisabled:n().bool,isOpen:n().bool,onClick:n().func.isRequired};var zr=i(75293),Jn=i(9435),_n=i(9379),eo=i(79624);const to=({category:t,components:o,variant:r,isOpen:a,onAddComponent:s,onToggle:l})=>{const{formatMessage:c}=(0,Q.Z)(),d=()=>{l(t)};return e.createElement(Jn.U,{expanded:a,onToggle:d,size:"S"},e.createElement(_n.B,{variant:r,title:c({id:t,defaultMessage:t}),togglePosition:"left"}),e.createElement(eo.v,null,e.createElement(U.x,{paddingTop:4,paddingBottom:4,paddingLeft:3,paddingRight:3},e.createElement(vc,null,o.map(({componentUid:m,info:{displayName:u,icon:p}})=>e.createElement(Cc,{key:m,as:"button",type:"button",background:"neutral100",justifyContent:"center",onClick:s(m),hasRadius:!0,height:(0,h.Q1)(84),shrink:0,borderColor:"neutral200"},e.createElement(T.k,{direction:"column",gap:1,alignItems:"center",justifyContent:"center"},e.createElement(Lt,{icon:p}),e.createElement(S.Z,{variant:"pi",fontWeight:"bold",textColor:"neutral600"},c({id:u,defaultMessage:u})))))))))},vc=x.ZP.div`
|
|
125
|
-
display: grid;
|
|
126
|
-
grid-template-columns: repeat(auto-fit, ${140/16}rem);
|
|
127
|
-
grid-gap: ${({theme:t})=>t.spaces[1]};
|
|
128
|
-
`,Cc=(0,x.ZP)(T.k)`
|
|
129
|
-
&:focus,
|
|
130
|
-
&:hover {
|
|
131
|
-
border: 1px solid ${({theme:t})=>t.colors.primary200};
|
|
132
|
-
background: ${({theme:t})=>t.colors.primary100};
|
|
133
|
-
|
|
134
|
-
${S.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
|
-
`;to.defaultProps={components:[],isOpen:!1,variant:"primary"},to.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 no=({dynamicComponentsByCategory:t,isOpen:o,onClickAddComponent:r})=>{const{formatMessage:a}=(0,Q.Z)(),[s,l]=(0,e.useState)("");(0,e.useEffect)(()=>{const m=Object.keys(t);o&&m.length>0&&l(m[0])},[o,t]);const c=m=>()=>{r(m),l("")},d=m=>{l(u=>u===m?"":m)};return o?e.createElement(U.x,{paddingTop:6,paddingBottom:6,paddingLeft:5,paddingRight:5,background:"neutral0",shadow:"tableShadow",borderColor:"neutral150",hasRadius:!0},e.createElement(T.k,{justifyContent:"center"},e.createElement(S.Z,{fontWeight:"bold",textColor:"neutral600"},a({id:(0,y.OB)("components.DynamicZone.ComponentPicker-label"),defaultMessage:"Pick one component"}))),e.createElement(U.x,{paddingTop:2},e.createElement(zr.k,{attributeName:"data-strapi-accordion-toggle"},Object.entries(t).map(([m,u],p)=>e.createElement(to,{key:m,category:m,components:u,onAddComponent:c,isOpen:m===s,onToggle:d,variant:p%2===1?"primary":"secondary"}))))):null};no.defaultProps={dynamicComponentsByCategory:{},isOpen:!1},no.propTypes={dynamicComponentsByCategory:n().shape({components:n().arrayOf(n().shape({componentUid:n().string.isRequired,info:n().object}))}),isOpen:n().bool,onClickAddComponent:n().func.isRequired};var qr=i(49086),oo=i(75322),Rc=i(61868),Mc=i.n(Rc);const Tc=x.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
|
-
`,ro=({error:t,isReadOnly:o,onClick:r})=>{const{formatMessage:a}=(0,Q.Z)();return e.createElement(e.Fragment,null,e.createElement(U.x,{as:"button",background:"neutral100",borderColor:t?"danger600":"neutral200",disabled:o,hasRadius:!0,onClick:r,paddingTop:9,paddingBottom:9,type:"button"},e.createElement(T.k,{direction:"column",gap:2},e.createElement(T.k,{justifyContent:"center",style:{cursor:o?"not-allowed":"inherit"}},e.createElement(Tc,null,e.createElement(Wr.Z,null))),e.createElement(T.k,{justifyContent:"center"},e.createElement(S.Z,{textColor:"primary600",variant:"pi",fontWeight:"bold"},a({id:(0,y.OB)("components.empty-repeatable"),defaultMessage:"No entry yet. Click on the button below to add one."}))))),t?.id&&e.createElement(S.Z,{textColor:"danger600",variant:"pi"},a(t,{...t.values})))};ro.defaultProps={error:void 0,isReadOnly:!1},ro.propTypes={error:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),isReadOnly:n().bool,onClick:n().func.isRequired};var Vr=ro;const Bt=new Map;var so=(t=[])=>{const[o,r]=(0,e.useState)(Object.fromEntries(Bt)),a=t.filter(m=>!Bt.get(m)),[s,l]=(0,e.useState)(()=>!!a.length),c=(0,h.mZ)();(0,e.useEffect)(()=>{const m=p=>{r(p),l(!1)},u=async(p,f)=>{const E=await Promise.all(f);p.forEach((g,b)=>{Bt.set(g,E[b].default)}),m(Object.fromEntries(Bt))};if(a.length>0){l(!0);const p=a.reduce((f,E)=>{const g=c.get(E);return g&&f.push(g.components.Input()),f},[]);p.length>0&&u(a,p)}},[a,c]);const d=(0,e.useCallback)(()=>{Bt.clear(),r({})},[]);return{isLazyLoading:s,lazyComponentStore:o,cleanup:d}},Dc=i(9086),kc=i.n(Dc),Oc=i(88708),wt=i.n(Oc),Ic=i(37561),ce=i(17984),Pc=i(76625),qe=i(40165),Zc=i(42561),xc=i(4703),Sc=i(81694),Lc=i(85366),Ac=i(76297),Fc=i(91421),$c=i(52278),Bc=i(34073);const wc=(0,x.ZP)(S.Z).attrs({as:"h1"})`
|
|
156
|
-
font-size: ${42/16}rem;
|
|
157
|
-
line-height: ${({theme:t})=>t.lineHeights[1]};
|
|
158
|
-
`,Nc=(0,x.ZP)(S.Z).attrs({as:"h2"})`
|
|
159
|
-
font-size: ${35/16}rem;
|
|
160
|
-
line-height: ${({theme:t})=>t.lineHeights[1]};
|
|
161
|
-
`,jc=(0,x.ZP)(S.Z).attrs({as:"h3"})`
|
|
162
|
-
font-size: ${29/16}rem;
|
|
163
|
-
line-height: ${({theme:t})=>t.lineHeights[1]};
|
|
164
|
-
`,Wc=(0,x.ZP)(S.Z).attrs({as:"h4"})`
|
|
165
|
-
font-size: ${24/16}rem;
|
|
166
|
-
line-height: ${({theme:t})=>t.lineHeights[1]};
|
|
167
|
-
`,zc=(0,x.ZP)(S.Z).attrs({as:"h5"})`
|
|
168
|
-
font-size: ${20/16}rem;
|
|
169
|
-
line-height: ${({theme:t})=>t.lineHeights[1]};
|
|
170
|
-
`,qc=(0,x.ZP)(S.Z).attrs({as:"h6"})`
|
|
171
|
-
font-size: 1rem;
|
|
172
|
-
line-height: ${({theme:t})=>t.lineHeights[1]};
|
|
173
|
-
`,ht=({attributes:t,children:o,element:r})=>{switch(r.level){case 1:return e.createElement(wc,{...t},o);case 2:return e.createElement(Nc,{...t},o);case 3:return e.createElement(jc,{...t},o);case 4:return e.createElement(Wc,{...t},o);case 5:return e.createElement(zc,{...t},o);case 6:return e.createElement(qc,{...t},o);default:return null}};ht.propTypes={attributes:n().object.isRequired,children:n().node.isRequired,element:n().shape({level:n().oneOf([1,2,3,4,5,6]).isRequired}).isRequired};const Vc=x.ZP.pre.attrs({role:"code"})`
|
|
174
|
-
border-radius: ${({theme:t})=>t.borderRadius};
|
|
175
|
-
background-color: #32324d; // since the color is same between the themes
|
|
176
|
-
max-width: 100%;
|
|
177
|
-
overflow: auto;
|
|
178
|
-
padding: ${({theme:t})=>t.spaces[2]};
|
|
179
|
-
& > code {
|
|
180
|
-
color: #839496; // TODO: to confirm with design and get theme color
|
|
181
|
-
overflow: auto;
|
|
182
|
-
max-width: 100%;
|
|
183
|
-
padding: ${({theme:t})=>t.spaces[2]};
|
|
184
|
-
}
|
|
185
|
-
`,Uc=x.ZP.blockquote.attrs({role:"blockquote"})`
|
|
186
|
-
margin: ${({theme:t})=>`${t.spaces[6]} 0`};
|
|
187
|
-
font-weight: ${({theme:t})=>t.fontWeights.regular};
|
|
188
|
-
border-left: ${({theme:t})=>`${t.spaces[1]} solid ${t.colors.neutral150}`};
|
|
189
|
-
font-style: italic;
|
|
190
|
-
padding: ${({theme:t})=>t.spaces[2]} ${({theme:t})=>t.spaces[5]};
|
|
191
|
-
`,Ur=(0,x.iv)`
|
|
192
|
-
margin-block-start: ${({theme:t})=>t.spaces[4]};
|
|
193
|
-
margin-block-end: ${({theme:t})=>t.spaces[4]};
|
|
194
|
-
margin-inline-start: ${({theme:t})=>t.spaces[0]};
|
|
195
|
-
margin-inline-end: ${({theme:t})=>t.spaces[0]};
|
|
196
|
-
padding-inline-start: ${({theme:t})=>t.spaces[4]};
|
|
197
|
-
|
|
198
|
-
ol,
|
|
199
|
-
ul {
|
|
200
|
-
margin-block-start: ${({theme:t})=>t.spaces[0]};
|
|
201
|
-
margin-block-end: ${({theme:t})=>t.spaces[0]};
|
|
202
|
-
}
|
|
203
|
-
`,Hc=x.ZP.ol`
|
|
204
|
-
list-style-type: decimal;
|
|
205
|
-
${Ur}
|
|
206
|
-
`,Gc=x.ZP.ul`
|
|
207
|
-
list-style-type: disc;
|
|
208
|
-
${Ur}
|
|
209
|
-
`,ao=({attributes:t,children:o,element:r})=>r.format==="ordered"?e.createElement(Hc,{...t},o):e.createElement(Gc,{...t},o);ao.propTypes={attributes:n().object.isRequired,children:n().node.isRequired,element:n().shape({format:n().string.isRequired}).isRequired};const Qc=x.ZP.img`
|
|
210
|
-
max-width: 100%;
|
|
211
|
-
`,Hr=({attributes:t,children:o,element:r})=>{if(!r.image)return null;const{url:a,alternativeText:s,width:l,height:c}=r.image;return e.createElement(U.x,{...t},o,e.createElement(U.x,{contentEditable:!1},e.createElement(Qc,{src:a,alt:s,width:l,height:c})))};Hr.propTypes={attributes:n().object.isRequired,children:n().node.isRequired,element:n().shape({image:n().shape({url:n().string.isRequired,alternativeText:n().string,width:n().number,height:n().number})}).isRequired};const Gr=t=>{const[o,r]=ce.ML.above(t,{matchNode:s=>s.type==="list-item"});if(o.children.length===1&&o.children[0].text===""){ce.YR.removeNodes(t,{at:r});const s=ce.ML.above(t,{match:c=>c.type==="list"}),l=ce.y$.next(s[1]);ce.YR.insertNodes(t,{type:"paragraph",children:[{type:"text",text:""}]},{at:l}),ce.YR.select(t,l)}else ce.YR.splitNodes(t,{always:!0})};function Qr(){return{paragraph:{renderElement:t=>e.createElement(S.Z,{as:"p",variant:"omega",...t.attributes},t.children),icon:xc.Z,label:{id:"components.Blocks.blocks.text",defaultMessage:"Text"},value:{type:"paragraph"},matchNode:t=>t.type==="paragraph",isInBlocksSelector:!0,handleEnterKey(t){ce.YR.splitNodes(t,{always:!0});const[o]=ce.ML.parent(t,t.selection.anchor.path);ce.YR.removeNodes(t,t.selection),ce.YR.insertNodes(t,{type:"paragraph",children:o.children}),ce.YR.select(t,t.start(t.selection.anchor.path.slice(0,-1)))}},"heading-one":{renderElement:t=>e.createElement(ht,{...t}),icon:Sc.Z,label:{id:"components.Blocks.blocks.heading1",defaultMessage:"Heading 1"},value:{type:"heading",level:1},matchNode:t=>t.type==="heading"&&t.level===1,isInBlocksSelector:!0},"heading-two":{renderElement:t=>e.createElement(ht,{...t}),icon:Lc.Z,label:{id:"components.Blocks.blocks.heading2",defaultMessage:"Heading 2"},value:{type:"heading",level:2},matchNode:t=>t.type==="heading"&&t.level===2,isInBlocksSelector:!0},"heading-three":{renderElement:t=>e.createElement(ht,{...t}),icon:Ac.Z,label:{id:"components.Blocks.blocks.heading3",defaultMessage:"Heading 3"},value:{type:"heading",level:3},matchNode:t=>t.type==="heading"&&t.level===3,isInBlocksSelector:!0},"heading-four":{renderElement:t=>e.createElement(ht,{...t}),icon:Fc.Z,label:{id:"components.Blocks.blocks.heading4",defaultMessage:"Heading 4"},value:{type:"heading",level:4},matchNode:t=>t.type==="heading"&&t.level===4,isInBlocksSelector:!0},"heading-five":{renderElement:t=>e.createElement(ht,{...t}),icon:$c.Z,label:{id:"components.Blocks.blocks.heading5",defaultMessage:"Heading 5"},value:{type:"heading",level:5},matchNode:t=>t.type==="heading"&&t.level===5,isInBlocksSelector:!0},"heading-six":{renderElement:t=>e.createElement(ht,{...t}),icon:Bc.Z,label:{id:"components.Blocks.blocks.heading6",defaultMessage:"Heading 6"},value:{type:"heading",level:6},matchNode:t=>t.type==="heading"&&t.level===6,isInBlocksSelector:!0},link:{renderElement:t=>e.createElement(Zc.f,{href:t.element.url,...t.attributes},t.children),value:{type:"link"},matchNode:t=>t.type==="link",isInBlocksSelector:!1},code:{renderElement:t=>e.createElement(Vc,{...t.attributes},e.createElement("code",null,t.children)),icon:Ht.Z,label:{id:"components.Blocks.blocks.code",defaultMessage:"Code"},value:{type:"code"},matchNode:t=>t.type==="code",isInBlocksSelector:!0,handleEnterKey(t){ce.YR.insertText(t,`
|
|
212
|
-
`)}},quote:{renderElement:t=>e.createElement(Uc,{...t.attributes},t.children),icon:Dn.Z,label:{id:"components.Blocks.blocks.quote",defaultMessage:"Quote"},value:{type:"quote"},matchNode:t=>t.type==="quote",isInBlocksSelector:!0},"list-ordered":{renderElement:t=>e.createElement(ao,{...t}),value:{type:"list",format:"ordered"},matchNode:t=>t.type==="list"&&t.format==="ordered",isInBlocksSelector:!1,handleEnterKey:Gr},"list-unordered":{renderElement:t=>e.createElement(ao,{...t}),value:{type:"list",format:"unordered"},matchNode:t=>t.type==="list"&&t.format==="unordered",isInBlocksSelector:!1,handleEnterKey:Gr},"list-item":{renderElement:t=>e.createElement(S.Z,{as:"li",...t.attributes},t.children),value:{type:"list-item"},matchNode:t=>t.type==="list-item",isInBlocksSelector:!1},image:{renderElement:t=>e.createElement(Hr,{...t}),icon:Tn.Z,label:{id:"components.Blocks.blocks.image",defaultMessage:"Image"},value:{type:"image"},matchNode:t=>t.type==="image",isInBlocksSelector:!0}}}const Yc=(0,x.ZP)(S.Z).attrs({fontWeight:"bold"})`
|
|
213
|
-
font-size: inherit;
|
|
214
|
-
`,Kc=(0,x.ZP)(S.Z)`
|
|
215
|
-
font-style: italic;
|
|
216
|
-
font-size: inherit;
|
|
217
|
-
`,Xc=(0,x.ZP)(S.Z).attrs({textDecoration:"underline"})`
|
|
218
|
-
font-size: inherit;
|
|
219
|
-
`,Jc=(0,x.ZP)(S.Z).attrs({textDecoration:"line-through"})`
|
|
220
|
-
font-size: inherit;
|
|
221
|
-
`,_c=x.ZP.code`
|
|
222
|
-
background-color: ${({theme:t})=>t.colors.neutral150};
|
|
223
|
-
border-radius: ${({theme:t})=>t.borderRadius};
|
|
224
|
-
padding: ${({theme:t})=>`0 ${t.spaces[2]}`};
|
|
225
|
-
font-family: 'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas,
|
|
226
|
-
monospace;
|
|
227
|
-
`;function Yr(){const t=(0,qe.ui)(),o=ce.ML.marks(t),r=s=>o?Boolean(o[s]):!1,a=s=>{o[s]?ce.ML.removeMark(t,s):ce.ML.addMark(t,s,!0)};return{bold:{icon:Ut.Z,label:{id:"components.Blocks.modifiers.bold",defaultMessage:"Bold"},checkIsActive:()=>r("bold"),handleToggle:()=>a("bold"),renderLeaf:s=>e.createElement(Yc,null,s)},italic:{icon:Gt.Z,label:{id:"components.Blocks.modifiers.italic",defaultMessage:"Italic"},checkIsActive:()=>r("italic"),handleToggle:()=>a("italic"),renderLeaf:s=>e.createElement(Kc,null,s)},underline:{icon:Qt.Z,label:{id:"components.Blocks.modifiers.underline",defaultMessage:"Underline"},checkIsActive:()=>r("underline"),handleToggle:()=>a("underline"),renderLeaf:s=>e.createElement(Xc,null,s)},strikethrough:{icon:On.Z,label:{id:"components.Blocks.modifiers.strikethrough",defaultMessage:"Strikethrough"},checkIsActive:()=>r("strikethrough"),handleToggle:()=>a("strikethrough"),renderLeaf:s=>e.createElement(Jc,null,s)},code:{icon:Ht.Z,label:{id:"components.Blocks.modifiers.code",defaultMessage:"Code"},checkIsActive:()=>r("code"),handleToggle:()=>a("code"),renderLeaf:s=>e.createElement(_c,null,s)}}}const ed=t=>({outline:"none",display:"flex",flexDirection:"column",gap:t.spaces[2]}),td=(t,o)=>{const r=Object.entries(o).reduce((a,s)=>{const[l,c]=s;return t.leaf[l]?c.renderLeaf(a):a},t.children);return e.createElement("span",{...t.attributes},r)},nd=(t,o)=>(Object.values(o).find(s=>s.matchNode(t.element))||o.paragraph).renderElement(t),Kr=({readOnly:t})=>{const o=(0,x.Fg)(),r=(0,qe.ui)(),a=Yr(),s=e.useCallback(u=>td(u,a),[a]),l=Qr(),c=e.useCallback(u=>nd(u,l),[l]),d=()=>{const u=r.children[r.selection.anchor.path[0]],p=Object.values(l).find(f=>f.matchNode(u));p.handleEnterKey?p.handleEnterKey(r):l.paragraph.handleEnterKey(r)},m=u=>{u.key==="Enter"&&(u.preventDefault(),d())};return e.createElement(qe.CX,{readOnly:t,style:ed(o),renderElement:c,renderLeaf:s,onKeyDown:m})};Kr.propTypes={readOnly:n().bool.isRequired};var od=Kr,Nt=i(71486),Mt=i(11349),Xr=i(14513);const Jr=(0,x.ZP)(Nt.Z0)`
|
|
228
|
-
background: ${({theme:t})=>t.colors.neutral150};
|
|
229
|
-
width: 1px;
|
|
230
|
-
height: ${(0,h.Q1)(24)};
|
|
231
|
-
`,rd=(0,x.ZP)(T.k).attrs({as:"button"})`
|
|
232
|
-
&:hover {
|
|
233
|
-
background: ${({theme:t})=>t.colors.primary100};
|
|
234
|
-
}
|
|
235
|
-
`,_t=({icon:t,name:o,label:r,isActive:a,handleClick:s})=>{const{formatMessage:l}=(0,Q.Z)(),c=l(r);return e.createElement(Mt.u,{description:c},e.createElement(Nt.HP,{value:o,"data-state":a?"on":"off",asChild:!0},e.createElement(rd,{background:a?"primary100":"",alignItems:"center",justifyContent:"center",width:7,height:7,hasRadius:!0,onMouseDown:d=>{d.preventDefault(),s()},"aria-label":c},e.createElement(_e.J,{width:3,height:3,as:t,color:a?"primary600":"neutral600"}))))};_t.propTypes={icon:n().elementType.isRequired,name:n().string.isRequired,label:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired}).isRequired,isActive:n().bool.isRequired,handleClick:n().func.isRequired};const sd=({icon:t,name:o,label:r})=>{const a=(0,qe.ui)(),l=(()=>{const d=ce.ML.marks(a);return d?Boolean(d[o]):!1})(),c=()=>{l?ce.ML.removeMark(a,o):ce.ML.addMark(a,o,!0)};return e.createElement(_t,{icon:t,name:o,label:r,isActive:l,handleClick:c})};sd.propTypes={icon:n().elementType.isRequired,name:n().string.isRequired,label:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired}).isRequired};const ad=(t,o)=>{const{selection:r}=t;return r?Array.from(ce.ML.nodes(t,{at:ce.ML.unhangRange(t,r),match:s=>!ce.ML.isEditor(s)&&ce.W_.isElement(s)&&o(s)})).length>0:!1},id=(t,o)=>{const{type:r,level:a}=o,s={type:r,level:a||null};ce.YR.setNodes(t,s)},ld="images",cd=["name","alternativeText","url","caption","width","height","formats","hash","ext","mime","size","previewUrl","provider","provider_metadata","createdAt","updatedAt"],dd=(t,o)=>Object.keys(t).reduce((r,a)=>(o.includes(a)&&(r[a]=t[a]),r),{}),_r=({handleClose:t})=>{const o=(0,qe.ui)(),{components:r}=(0,h.yX)(),a=r["media-library"],s=c=>{c.forEach(d=>{const m={type:"image",image:d,children:[{type:"text",text:""}]};ce.YR.insertNodes(o,m)})},l=c=>{const d=c.map(m=>{const u=dd(m,cd);return{...u,alternativeText:u.alternativeText||u.name,url:(0,h.CR)(m.url)}});s(d),t()};return e.createElement(a,{allowedTypes:[ld],onClose:t,onSelectAssets:l})};_r.propTypes={handleClose:n().func.isRequired};const ud=t=>{const{selection:o}=t;if(!o)return!1;const[r]=ce.ML.nodes(t,{at:o,match:a=>a.type==="image"||a.type==="code"});if(r){const[,a]=r;return!Boolean(ce.ML.after(t,a))}return!1},md=()=>{const t=(0,qe.ui)(),{formatMessage:o}=(0,Q.Z)(),[r,a]=e.useState(!1),s=Qr(),l=Object.entries(s).reduce((u,p)=>{const[f,E]=p;return E.isInBlocksSelector?[...u,f]:u},[]),[c,d]=e.useState(Object.keys(s)[0]),m=u=>{id(t,s[u].value),d(u),ud(t)&&ce.YR.insertNodes(t,{type:"paragraph",children:[{type:"text",text:""}]},{at:[t.children.length]}),u==="image"&&a(!0)};return e.createElement(e.Fragment,null,e.createElement(ze.P,{startIcon:e.createElement(_e.J,{as:s[c].icon}),onChange:m,placeholder:s[c].label,value:c,"aria-label":o({id:"components.Blocks.blocks.selectBlock",defaultMessage:"Select a block"})},l.map(u=>e.createElement(es,{key:u,value:u,label:s[u].label,icon:s[u].icon,matchNode:s[u].matchNode,handleSelection:d,blockSelected:c}))),r&&e.createElement(_r,{handleClose:()=>a(!1)}))},es=({value:t,icon:o,label:r,handleSelection:a,blockSelected:s,matchNode:l})=>{const{formatMessage:c}=(0,Q.Z)(),d=(0,qe.ui)(),m=ad(d,l),u=t===s;return e.useEffect(()=>{m&&!u&&a(t)},[a,m,u,t]),e.createElement(Te.W,{startIcon:e.createElement(_e.J,{as:o,color:u?"primary600":"neutral600"}),value:t},c(r))};es.propTypes={icon:n().elementType.isRequired,value:n().string.isRequired,label:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired}).isRequired,matchNode:n().func.isRequired,handleSelection:n().func.isRequired,blockSelected:n().string.isRequired};const io=({icon:t,format:o,label:r})=>{const a=(0,qe.ui)(),s=m=>!ce.ML.isEditor(m)&&ce.W_.isElement(m)&&m.type==="list",c=(()=>{const{selection:m}=a;if(!m)return!1;const[u]=Array.from(ce.ML.nodes(a,{at:ce.ML.unhangRange(a,m),match:p=>s(p)&&p.format===o}));return Boolean(u)})(),d=()=>{if(ce.YR.unwrapNodes(a,{match:m=>s(m)&&["ordered","unordered"].includes(m.format),split:!0}),ce.YR.setNodes(a,{type:c?"paragraph":"list-item"}),!c){const m={type:"list",format:o,children:[]};ce.YR.wrapNodes(a,m)}};return e.createElement(_t,{icon:t,name:o,label:r,isActive:c,handleClick:d})};io.propTypes={icon:n().elementType.isRequired,format:n().string.isRequired,label:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired}).isRequired};const pd=(0,x.ZP)(U.x)`
|
|
236
|
-
background-color: ${({theme:t})=>t.colors.warning100};
|
|
237
|
-
border: ${({theme:t})=>`1px solid ${t.colors.warning200}`};
|
|
238
|
-
border-radius: ${({theme:t})=>t.borderRadius};
|
|
239
|
-
font-size: ${({theme:t})=>t.fontSizes[0]};
|
|
240
|
-
padding: ${({theme:t})=>`${2/16}rem ${t.spaces[1]}`};
|
|
241
|
-
`,gd=()=>{const t=Yr();return e.createElement(Nt.fC,{asChild:!0},e.createElement(T.k,{gap:1,padding:2,paddingRight:4,width:"100%"},e.createElement(md,null),e.createElement(Jr,null),e.createElement(Nt.tX,{type:"multiple",asChild:!0},e.createElement(T.k,{gap:1},Object.entries(t).map(([o,r])=>e.createElement(_t,{key:o,name:o,icon:r.icon,label:r.label,isActive:r.checkIsActive(),handleClick:r.handleToggle})))),e.createElement(Jr,null),e.createElement(Nt.tX,{type:"single",asChild:!0},e.createElement(T.k,{gap:1},e.createElement(io,{label:{id:"components.Blocks.blocks.unorderedList",defaultMessage:"Bulleted list"},format:"unordered",icon:Rn.Z}),e.createElement(io,{label:{id:"components.Blocks.blocks.orderedList",defaultMessage:"Numbered list"},format:"ordered",icon:Xr.Z}))),e.createElement(T.k,{grow:1,justifyContent:"flex-end"},e.createElement(pd,null,e.createElement(S.Z,{textColor:"warning600",variant:"sigma"},"ALPHA")))))},fd=(0,x.ZP)(S.Z)`
|
|
242
|
-
line-height: 0;
|
|
243
|
-
`,hd=(0,x.ZP)(Pt.i)`
|
|
244
|
-
background: ${({theme:t})=>t.colors.neutral200};
|
|
245
|
-
`,Ed=(0,x.ZP)(U.x)`
|
|
246
|
-
width: 100%;
|
|
247
|
-
max-height: 512px;
|
|
248
|
-
overflow: auto;
|
|
249
|
-
padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
|
|
250
|
-
font-size: ${({theme:t})=>t.fontSizes[2]};
|
|
251
|
-
background-color: ${({theme:t})=>t.colors.neutral0};
|
|
252
|
-
color: ${({theme:t})=>t.colors.neutral800};
|
|
253
|
-
line-height: ${({theme:t})=>t.lineHeights[6]};
|
|
254
|
-
border-radius: ${({theme:t})=>t.borderRadius};
|
|
255
|
-
`,lo=e.forwardRef(({intlLabel:t,name:o,readOnly:r,required:a,error:s,value:l,onChange:c},d)=>{const{formatMessage:m}=(0,Q.Z)(),[u]=e.useState(()=>(0,qe.BU)((0,Pc.VC)((0,ce.Jh)()))),p=t.id?m({id:t.id,defaultMessage:t.defaultMessage},{...t.values}):o;e.useImperativeHandle(d,()=>({focus(){qe.F3.focus(u)}}),[u]);const f=E=>{u.operations.some(b=>b.type!=="set_selection")&&c({target:{name:o,value:E,type:"blocks"}})};return e.createElement(e.Fragment,null,e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:1},e.createElement(T.k,{gap:1},e.createElement(S.Z,{variant:"pi",fontWeight:"bold",textColor:"neutral800"},p,a&&e.createElement(fd,{textColor:"danger600"},"*"))),e.createElement(qe.mH,{editor:u,initialValue:l||[{type:"paragraph",children:[{type:"text",text:""}]}],onChange:f},e.createElement(Ic.S,{direction:"column",alignItems:"flex-start"},e.createElement(gd,null),e.createElement(hd,{width:"100%"}),e.createElement(Ed,null,e.createElement(od,{readOnly:r}))))),s&&e.createElement(U.x,{paddingTop:1},e.createElement(S.Z,{variant:"pi",textColor:"danger600","data-strapi-field-error":!0},s)))});lo.defaultProps={required:!1,readOnly:!1,error:"",value:null},lo.propTypes={intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,name:n().string.isRequired,required:n().bool,readOnly:n().bool,error:n().string,onChange:n().func.isRequired,value:n().array};var yd=lo,co=i(96377),jt=i(42567),bd=i(75760),vd=i(99097),Cd=i(78495);const Rd=(0,x.ZP)(Cd.E)`
|
|
256
|
-
svg {
|
|
257
|
-
height: 1rem;
|
|
258
|
-
width: 1rem;
|
|
259
|
-
path {
|
|
260
|
-
fill: ${({theme:t})=>t.colors.neutral400};
|
|
261
|
-
}
|
|
262
|
-
}
|
|
263
|
-
|
|
264
|
-
svg:hover {
|
|
265
|
-
path {
|
|
266
|
-
fill: ${({theme:t})=>t.colors.primary600};
|
|
267
|
-
}
|
|
268
|
-
}
|
|
269
|
-
`,ts=(0,x.ZP)(T.k)`
|
|
270
|
-
svg {
|
|
271
|
-
height: ${12/16}rem;
|
|
272
|
-
width: ${12/16}rem;
|
|
273
|
-
|
|
274
|
-
path {
|
|
275
|
-
fill: ${({theme:t,available:o})=>o?t.colors.success600:t.colors.danger600};
|
|
276
|
-
}
|
|
277
|
-
}
|
|
278
|
-
`,Md=(0,x.F4)`
|
|
279
|
-
from {
|
|
280
|
-
transform: rotate(0deg);
|
|
281
|
-
}
|
|
282
|
-
to {
|
|
283
|
-
transform: rotate(359deg);
|
|
284
|
-
}
|
|
285
|
-
`,Td=(0,x.ZP)(T.k)`
|
|
286
|
-
animation: ${Md} 2s infinite linear;
|
|
287
|
-
`;var Dd=/^[A-Za-z0-9-_.~]*$/;const uo=e.forwardRef(({contentTypeUID:t,hint:o,disabled:r,error:a,intlLabel:s,labelAction:l,name:c,onChange:d,value:m,placeholder:u,required:p},f)=>{const[E,g]=e.useState(null),[b,v]=e.useState(!1),P=(0,vd.Z)(m,300),{modifiedData:C,initialData:M}=(0,h.Wq)(),R=(0,h.lm)(),{formatAPIError:$}=(0,h.So)(),{formatMessage:Z}=(0,Q.Z)(),{post:L}=(0,h.kY)(),q=s.id?Z({id:s.id,defaultMessage:s.defaultMessage},{...s.values}):c,W=u?Z({id:u.id,defaultMessage:u.defaultMessage},{...u.values}):"",{data:k,isLoading:z}=(0,xe.useQuery)({queryKey:["uid",{contentTypeUID:t,field:c,data:C}],async queryFn({queryKey:D}){const[,O]=D,{data:{data:B}}=await L("/content-manager/uid/generate",O);return B},onError(D){R({type:"warning",message:$(D)})},enabled:!m&&p});e.useEffect(()=>{k&&d({target:{name:c,value:k,type:"text"}},!0)},[k,c,d]);const{mutate:X,isLoading:F}=(0,xe.useMutation)({async mutationFn(D){const{data:{data:O}}=await L("/content-manager/uid/generate",D);return O},onSuccess(D){d({target:{name:c,value:D,type:"text"}})},onError(D){R({type:"warning",message:$(D)})}}),{data:H,isLoading:K}=(0,xe.useQuery)({queryKey:["uid",{contentTypeUID:t,field:c,value:P?P.trim():""}],async queryFn({queryKey:D}){const[,O]=D,{data:B}=await L("/content-manager/uid/check-availability",O);return B},enabled:Boolean(P!==M[c]&&P&&Dd.test(P.trim())),onError(D){R({type:"warning",message:$(D)})}});e.useEffect(()=>{g(H);let D;return H?.isAvailable&&(D=setTimeout(()=>{g(null)},4e3)),()=>{D&&clearTimeout(D)}},[H]);const A=z||F||K;return e.createElement(Bn.o,{ref:f,disabled:r,error:a,endAction:e.createElement(T.k,{position:"relative",gap:1},E&&!b&&e.createElement(ts,{alignItems:"center",gap:1,justifyContent:"flex-end",available:!!E?.isAvailable,"data-not-here-outer":!0,position:"absolute",pointerEvents:"none",right:6,width:"100px"},E?.isAvailable?e.createElement(co.Z,null):e.createElement(jt.Z,null),e.createElement(S.Z,{textColor:E.isAvailable?"success600":"danger600",variant:"pi"},Z(E.isAvailable?{id:"content-manager.components.uid.available",defaultMessage:"Available"}:{id:"content-manager.components.uid.unavailable",defaultMessage:"Unavailable"}))),!r&&e.createElement(e.Fragment,null,b&&e.createElement(ts,{alignItems:"center",justifyContent:"flex-end",gap:1},e.createElement(S.Z,{textColor:"primary600",variant:"pi"},Z({id:"content-manager.components.uid.regenerate",defaultMessage:"Regenerate"}))),e.createElement(Rd,{onClick:()=>X({contentTypeUID:t,field:c,data:C}),label:Z({id:"content-manager.components.uid.regenerate",defaultMessage:"Regenerate"}),onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1)},A?e.createElement(Td,{"data-testid":"loading-wrapper"},e.createElement(bd.Z,null)):e.createElement(kn.Z,null)))),hint:o,label:q,labelAction:l,name:c,onChange:d,placeholder:W,value:m||"",required:p})});uo.propTypes={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])},uo.defaultProps={disabled:!1,error:void 0,labelAction:void 0,placeholder:void 0,value:"",required:!1,hint:""};var kd=i(88423),Od=i.n(kd);function Id(t,o){return r=>{const a=o(r);return e.createElement(t,{...r,...a})}}var Pd=Id;const Zd=(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]},Et={DRAFT:"draft",PUBLISHED:"published"},mo=5,xd=10;function Sd(t,o){return`/content-manager/collectionType/${t}/${o??""}`}const po=(t,{shouldAddLink:o,mainFieldName:r,targetModel:a})=>{const s={...t};return o&&(s.href=Sd(a,s.id)),s.publicationState=!1,s?.publishedAt!==void 0&&(s.publicationState=s.publishedAt?Et.PUBLISHED:Et.DRAFT),s.mainField=s[r],s},Ld=(t,{shouldAddLink:o=!1,mainFieldName:r,targetModel:a}={})=>[...t].map(s=>po(s,{shouldAddLink:o,mainFieldName:r,targetModel:a})),Ad=(t,{mainFieldName:o})=>{const{data:r}=t,{pages:a=[]}=r??{};return{...t,data:a.map(s=>s?.results.map(l=>po(l,{mainFieldName:o}))).filter(Boolean).flat()}};function Fd({componentUid:t,isUserAllowedToEditField:o,isUserAllowedToReadField:r,name:a,queryInfos:s}){const{isCreatingEntry:l,createActionAllowedFields:c,readActionAllowedFields:d,updateActionAllowedFields:m,slug:u,modifiedData:p}=(0,h.Wq)(),{params:f}=(0,le.$B)("/content-manager/collectionType/:collectionType/create/clone/:origin")??{},{origin:E}=f??{},g=(0,e.useMemo)(()=>o===!0?!0:(l?c:m).includes(a),[l,c,a,o,m]),b=(0,e.useMemo)(()=>r?!0:(l?[]:d).includes(a),[l,r,a,d]),v=a.split(".");let P;t&&(P=w()(p,v.slice(0,-1))?.id);const C=E||p.id,M=(0,e.useMemo)(()=>l&&!E?null:t?P?`/content-manager/relations/${t}/${P}/${v.at(-1)}`:null:`/content-manager/relations/${u}/${C}/${a.split(".").at(-1)}`,[l,E,t,u,C,a,P,v]),R=(0,e.useMemo)(()=>t?`/content-manager/relations/${t}/${a.split(".").at(-1)}`:`/content-manager/relations/${u}/${a.split(".").at(-1)}`,[t,u,a]);return{entityId:C,componentId:P,isComponentRelation:Boolean(t),queryInfos:{...s,endpoints:{search:R,relation:M}},isCloningEntry:Boolean(E),isCreatingEntry:l,isFieldAllowed:g,isFieldReadable:b}}var $d=Fd;const Bd=(t,{relation:o,search:r})=>{const[a,s]=(0,e.useState)({}),[l,c]=(0,e.useState)(0),{get:d}=(0,h.kY)(),{onLoad:m,normalizeArguments:u={}}=o,p=(0,xe.useInfiniteQuery)(["relation",...t],async({pageParam:R=1})=>{try{const{data:$}=await d(o?.endpoint,{params:{...o.pageParams??{},page:R}});return c(R),$}catch{return null}},{cacheTime:0,enabled:o.enabled,getNextPageParam(R){const $=!R?.pagination;if(!(!R||$||R?.pagination.page>=R?.pagination.pageCount))return R.pagination.page+1},select:R=>({...R,pages:R.pages.map($=>{if(!$)return $;const{data:Z,results:L,pagination:q}=$,W=!!Z;let k=[];return W?k=[Z]:L&&(k=[...L].reverse()),{pagination:q,results:k}})})}),{pageGoal:f}=o,{status:E,data:g,fetchNextPage:b,hasNextPage:v}=p;(0,e.useEffect)(()=>{f>l&&v&&E==="success"&&b({pageParam:l+1})},[f,l,b,v,E]);const P=(0,h.W6)(m);(0,e.useEffect)(()=>{if(E==="success"&&g&&g.pages?.at(-1)?.results&&P){const R=Ld(g.pages.at(-1).results,u);P(R)}},[E,P,g]);const C=(0,xe.useInfiniteQuery)(["relation",...t,"search",JSON.stringify(a)],async({pageParam:R=1})=>{try{const{data:$}=await d(r.endpoint,{params:{...r.pageParams??{},...a,page:R}});return $}catch{return null}},{enabled:Object.keys(a).length>0,getNextPageParam(R){if(!(!R?.pagination||R.pagination.page>=R.pagination.pageCount))return R.pagination.page+1}});return{relations:p,search:C,searchFor:(R,$={})=>{s({...$,_q:R})}}},ns=(t,o)=>r=>{const a=r.split(".");return a.reduce((s,l,c)=>{const d=w()(t,s),m=w()(o,[...a.slice(0,c),l,"__temp_key__"]);if(Array.isArray(d)&&typeof m=="number"){const u=d.findIndex(p=>p.__temp_key__===m);return s.push(u.toString()),s}return s.push(l),s},[])};var wd=i(84458),os=i(70843),go=i(43743),fo=i(61864),en=i(98610),Nd=i(41044),ho=i(8241);const jd=x.ZP.div`
|
|
288
|
-
flex-shrink: 0;
|
|
289
|
-
width: ${(0,h.Q1)(6)};
|
|
290
|
-
height: ${(0,h.Q1)(6)};
|
|
291
|
-
margin-right: ${({theme:t})=>t.spaces[2]};
|
|
292
|
-
background-color: ${({theme:t,isDraft:o})=>t.colors[o?"secondary600":"success600"]};
|
|
293
|
-
border-radius: 50%;
|
|
294
|
-
`,Eo=({publicationState:t,mainField:o,id:r})=>{const{formatMessage:a}=(0,Q.Z)(),s=(o??r).toString();if(t){const l=t==="draft",c={id:(0,y.OB)("components.Select.draft-info-title"),defaultMessage:"State: Draft"},d={id:(0,y.OB)("components.Select.publish-info-title"),defaultMessage:"State: Published"},m=a(l?c:d);return e.createElement(ho.O,{value:r,textValue:s},e.createElement(T.k,null,e.createElement(jd,{title:m,isDraft:l}),e.createElement(S.Z,{ellipsis:!0},s)))}return e.createElement(ho.O,{value:r,textValue:s},s)};Eo.defaultProps={mainField:void 0,publicationState:void 0},Eo.propTypes={id:n().number.isRequired,mainField:n().oneOfType([n().string,n().number]),publicationState:n().oneOfType([n().string,n().bool])};var rs=i(77622);const tn=50,Tt=4,ss=(0,x.ZP)(T.k)`
|
|
295
|
-
width: 100%;
|
|
296
|
-
/* Used to prevent endAction to be pushed out of container */
|
|
297
|
-
min-width: 0;
|
|
298
|
-
|
|
299
|
-
& > div[role='button'] {
|
|
300
|
-
cursor: all-scroll;
|
|
301
|
-
}
|
|
302
|
-
`,as=(0,x.ZP)(T.k)`
|
|
303
|
-
width: 100%;
|
|
304
|
-
/* Used to prevent endAction to be pushed out of container */
|
|
305
|
-
min-width: 0;
|
|
306
|
-
`,yo=({ariaDescribedBy:t,children:o,displayValue:r,canDrag:a,disabled:s,endAction:l,iconButtonAriaLabel:c,style:d,id:m,index:u,name:p,onCancel:f,onDropItem:E,onGrabItem:g,status:b,updatePositionOfRelation:v,...P})=>{const[{handlerId:C,isDragging:M,handleKeyDown:R},$,Z,L,q]=(0,rs.Y)(a&&!s,{type:`${y._Q.RELATION}_${p}`,index:u,item:{displayedValue:r,status:b,id:m},onGrabItem:g,onDropItem:E,onCancel:f,onMoveItem:v,dropSensitivity:"immediate"}),W=(0,y.FE)($,L);return(0,e.useEffect)(()=>{q((0,xt.rX)())},[q]),e.createElement(U.x,{style:d,as:"li",ref:Z,"aria-describedby":t,cursor:a?"all-scroll":"default"},M?e.createElement(Wd,null):e.createElement(T.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,...P},e.createElement(ss,{gap:1},a?e.createElement(De.h,{forwardedAs:"div",role:"button",tabIndex:0,"aria-label":c,noBorder:!0,onKeyDown:R,disabled:s},e.createElement(st.Z,null)):null,e.createElement(as,{justifyContent:"space-between"},o)),l&&e.createElement(U.x,{paddingLeft:4},l)))},Wd=()=>e.createElement(U.x,{paddingTop:2,paddingBottom:2,paddingLeft:4,paddingRight:4,hasRadius:!0,borderStyle:"dashed",borderColor:"primary600",borderWidth:"1px",background:"primary100",height:`calc(100% - ${Tt}px)`});yo.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},yo.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 zd=(0,x.ZP)(U.x)`
|
|
307
|
-
position: relative;
|
|
308
|
-
overflow: hidden;
|
|
309
|
-
flex: 1;
|
|
310
|
-
|
|
311
|
-
&:before,
|
|
312
|
-
&:after {
|
|
313
|
-
position: absolute;
|
|
314
|
-
width: 100%;
|
|
315
|
-
height: 4px;
|
|
316
|
-
z-index: 1;
|
|
317
|
-
}
|
|
318
|
-
|
|
319
|
-
&:before {
|
|
320
|
-
/* TODO: as for DS Table component we would need this to be handled by the DS theme */
|
|
321
|
-
content: '';
|
|
322
|
-
background: linear-gradient(rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
|
|
323
|
-
top: 0;
|
|
324
|
-
opacity: ${({overflowDirection:t})=>t==="top-bottom"||t==="top"?1:0};
|
|
325
|
-
transition: opacity 0.2s ease-in-out;
|
|
326
|
-
}
|
|
327
|
-
|
|
328
|
-
&:after {
|
|
329
|
-
/* TODO: as for DS Table component we would need this to be handled by the DS theme */
|
|
330
|
-
content: '';
|
|
331
|
-
background: linear-gradient(0deg, rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
|
|
332
|
-
bottom: 0;
|
|
333
|
-
opacity: ${({overflowDirection:t})=>t==="top-bottom"||t==="bottom"?1:0};
|
|
334
|
-
transition: opacity 0.2s ease-in-out;
|
|
335
|
-
}
|
|
336
|
-
`,bo=({children:t,overflow:o,...r})=>e.createElement(zd,{overflowDirection:o,...r},t);bo.defaultProps={overflow:""},bo.propTypes={children:n().node.isRequired,overflow:n().oneOf(["top-bottom","bottom","top",""])};const is=(0,x.ZP)(wd.r)`
|
|
337
|
-
display: block;
|
|
338
|
-
|
|
339
|
-
> span {
|
|
340
|
-
white-space: nowrap;
|
|
341
|
-
overflow: hidden;
|
|
342
|
-
text-overflow: ellipsis;
|
|
343
|
-
display: block;
|
|
344
|
-
}
|
|
345
|
-
`,ls=x.ZP.button`
|
|
346
|
-
svg path {
|
|
347
|
-
fill: ${({theme:t,disabled:o})=>o?t.colors.neutral600:t.colors.neutral500};
|
|
348
|
-
}
|
|
349
|
-
|
|
350
|
-
&:hover svg path,
|
|
351
|
-
&:focus svg path {
|
|
352
|
-
fill: ${({theme:t,disabled:o})=>!o&&t.colors.neutral600};
|
|
353
|
-
}
|
|
354
|
-
`,qd=(0,x.ZP)(U.x)`
|
|
355
|
-
align-self: flex-start;
|
|
356
|
-
`,vo=({canReorder:t,description:o,disabled:r,error:a,iconButtonAriaLabel:s,id:l,name:c,numberOfRelationsToDisplay:d,label:m,labelAction:u,labelLoadMore:p,labelDisconnectRelation:f,listAriaDescription:E,liveText:g,loadingMessage:b,onCancel:v,onDropItem:P,onGrabItem:C,noRelationsMessage:M,onRelationConnect:R,onRelationLoadMore:$,onRelationDisconnect:Z,onRelationReorder:L,onSearchNextPage:q,onSearch:W,placeholder:k,publicationStateTranslations:z,required:X,relations:F,searchResults:H,size:K})=>{const[A,D]=(0,e.useState)(""),[O,B]=(0,e.useState)(""),ee=(0,e.useRef)(),j=(0,e.useRef)(),Y=(0,h.E2)(c),{data:V}=H,G=F.data,ne=G.length??0,de=(0,e.useMemo)(()=>ne>d?Math.min(ne,d)*(tn+Tt)+tn/2:Math.min(ne,d)*(tn+Tt),[ne,d]),ye=!!p&&F.hasNextPage,ge=(0,e.useMemo)(()=>V.flat().filter(Boolean).map(me=>({...me,value:me.id,label:me.mainField})),[V]);(0,e.useEffect)(()=>{if(ne<=d)return B("");const me=Re=>{const et=Re.target.parentNode.scrollHeight,yt=Re.target.scrollHeight-Re.target.scrollTop;return Re.target.scrollTop===0?B("bottom"):B(yt===et?"top":"top-bottom")},Se=j?.current;return!F.isLoading&&G.length>0&&Se&&j.current.addEventListener("scroll",me),()=>{Se&&Se.removeEventListener("scroll",me)}},[F,G,d,ne]);const I=me=>{me&&W()},oe=(me,Se)=>{L&&me>=0&&me<G.length&&L(Se,me)},he=(0,ve.zH)(G.length),ke=(0,e.useRef)(),we=()=>{ke.current="loadMore",$()};(0,e.useEffect)(()=>{ke.current==="onChange"&&D(""),ke.current==="onChange"&&G.length!==he?(ee.current?.scrollToItem(G.length,"end"),ke.current=void 0):ke.current==="loadMore"&&G.length!==he&&(ee.current?.scrollToItem(0,"start"),ke.current=void 0)},[he,G]);const Ue=`${c}-item-instructions`;return e.createElement(T.k,{direction:"column",gap:3,justifyContent:"space-between",alignItems:"stretch",wrap:"wrap"},e.createElement(T.k,{direction:"row",alignItems:"end",justifyContent:"end",gap:2,width:"100%"},e.createElement(qd,{marginRight:"auto",maxWidth:K<=6?"100%":"70%",width:"100%"},e.createElement(os.hQ,{ref:Y,autocomplete:"list",error:a,name:c,hint:o,id:l,required:X,label:m,labelAction:u,disabled:r,placeholder:k,hasMoreItems:H.hasNextPage,loading:H.isLoading,onOpenChange:I,noOptionsMessage:()=>M,loadingMessage:b,onLoadMore:()=>{q()},textValue:A,onChange:me=>{me&&(R(ge.find(Se=>Se.id===me)),ke.current="onChange")},onTextValueChange:me=>{D(me)},onInputChange:me=>{W(me.currentTarget.value)}},ge.map(me=>e.createElement(Eo,{key:me.id,...me})))),ye&&e.createElement(go.A,{disabled:F.isLoading||F.isFetchingNextPage,onClick:we,loading:F.isLoading||F.isFetchingNextPage,startIcon:e.createElement(kn.Z,null),shrink:0},p)),G.length>0&&e.createElement(bo,{overflow:O},e.createElement(lt.T,{id:Ue},E),e.createElement(lt.T,{"aria-live":"assertive"},g),e.createElement(Nd.t7,{height:de,ref:ee,outerRef:j,itemCount:ne,itemSize:tn+Tt,itemData:{name:c,ariaDescribedBy:Ue,canDrag:t,disabled:r,handleCancel:v,handleDropItem:P,handleGrabItem:C,iconButtonAriaLabel:s,labelDisconnectRelation:f,onRelationDisconnect:Z,publicationStateTranslations:z,relations:G,updatePositionOfRelation:oe},itemKey:me=>`${G[me].mainField}_${G[me].id}`,innerElementType:"ol"},Co)))},Vd=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}),Ud=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});vo.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:[]}},vo.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:Ud,size:n().number.isRequired,relations:Vd};const Co=({data:t,index:o,style:r})=>{const{ariaDescribedBy:a,canDrag:s,disabled:l,handleCancel:c,handleDropItem:d,handleGrabItem:m,iconButtonAriaLabel:u,name:p,labelDisconnectRelation:f,onRelationDisconnect:E,publicationStateTranslations:g,relations:b,updatePositionOfRelation:v}=t,{publicationState:P,href:C,mainField:M,id:R}=b[o],$=P==="draft"?"secondary":"success";return e.createElement(yo,{ariaDescribedBy:a,canDrag:s,disabled:l,displayValue:String(M??R),iconButtonAriaLabel:u,id:R,index:o,name:p,endAction:e.createElement(ls,{"data-testid":`remove-relation-${R}`,disabled:l,type:"button",onClick:()=>E(b[o]),"aria-label":f},e.createElement(_e.J,{width:"12px",as:en.Z})),onCancel:c,onDropItem:d,onGrabItem:m,status:P||void 0,style:{...r,bottom:r.bottom??0+Tt,height:r.height??0-Tt},updatePositionOfRelation:v},e.createElement(U.x,{minWidth:0,paddingTop:1,paddingBottom:1,paddingRight:4},e.createElement(Mt.u,{description:M??`${R}`},C?e.createElement(is,{to:C},M??R):e.createElement(S.Z,{textColor:l?"neutral600":"primary600",ellipsis:!0},M??R))),P&&e.createElement(fo.q,{variant:$,showBullet:!1,size:"S"},e.createElement(S.Z,{fontWeight:"bold",textColor:`${$}700`},g[P])))};Co.defaultProps={data:{}},Co.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 Hd=vo;const Ro=({error:t,entityId:o,componentId:r,isComponentRelation:a,editable:s,description:l,intlLabel:c,isCreatingEntry:d,isCloningEntry:m,isFieldAllowed:u,isFieldReadable:p,labelAction:f,mainField:E,name:g,queryInfos:{endpoints:b,defaultParams:v,shouldDisplayRelationLink:P},placeholder:C,required:M,relationType:R,size:$,targetModel:Z})=>{const[L,q]=(0,e.useState)(""),{formatMessage:W}=(0,Q.Z)(),{slug:k,initialData:z,modifiedData:X,relationConnect:F,relationDisconnect:H,relationLoad:K,relationReorder:A}=(0,h.Wq)(),D=g.split("."),O=ns(z,X)(g),B=w()(X,g,[]),ee=Math.ceil(w()(z,g,[]).length/mo),{relations:j,search:Y,searchFor:V}=Bd([k,O.join("."),X.id,v],{relation:{enabled:!!b.relation,endpoint:b.relation,pageGoal:ee,pageParams:{...v,pageSize:mo},onLoad(Ee){K({target:{initialDataPath:["initialData",...O],modifiedDataPath:["modifiedData",...D],value:Ee}})},normalizeArguments:{mainFieldName:E.name,shouldAddLink:P,targetModel:Z}},search:{endpoint:b.search,pageParams:{...v,entityId:d||m?void 0:a?r:o,pageSize:xd}}}),G=(0,e.useMemo)(()=>R.toLowerCase().includes("morph"),[R]),ne=["oneWay","oneToOne","manyToOne","oneToManyMorph","oneToOneMorph"].includes(R),de=(0,e.useMemo)(()=>G?!0:d?!s:!u&&p||!s,[G,d,s,u,p]),ye=Ee=>{const Me=po(Ee,{mainFieldName:E.name,shouldAddLink:P,targetModel:Z});F({name:g,value:Me,toOneRelation:ne})},ge=Ee=>{H({name:g,id:Ee.id})},I=()=>{j.fetchNextPage()},oe=(Ee="")=>{const[Me,tt]=Zd(B,w()(z,g));V(Ee,{idsToInclude:tt,idsToOmit:Me})},he=()=>{Y.fetchNextPage()},ke=Ee=>`${Ee+1} of ${B.length}`,we=(Ee,Me)=>{const tt=B[Ee];q(W({id:(0,y.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:tt.mainField??tt.id,position:ke(Me)})),A({name:g,newIndex:Me,oldIndex:Ee})},Ue=Ee=>{const Me=B[Ee];q(W({id:(0,y.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:Me.mainField??Me.id,position:ke(Ee)}))},me=Ee=>{const Me=B[Ee];q(W({id:(0,y.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:Me.mainField??Me.id,position:ke(Ee)}))},Se=Ee=>{const Me=B[Ee];q(W({id:(0,y.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:Me.mainField??Me.id}))};if(!u&&d||!d&&!u&&!p)return e.createElement(h.X0,{name:g,intlLabel:c,labelAction:f});const Re=B.length,et=(w()(z,O)??[]).length,yt=j.data?.pages[0]?.pagination?.total??0,bt=!j.data&&Re===et?Re:Re-et+yt;return e.createElement(Hd,{error:t,canReorder:!ne,description:l,disabled:de,iconButtonAriaLabel:W({id:(0,y.OB)("components.RelationInput.icon-button-aria-label"),defaultMessage:"Drag"}),id:g,label:`${W({id:c.id,defaultMessage:c.defaultMessage})} ${bt>0?`(${bt})`:""}`,labelAction:f,labelLoadMore:!d||m?W({id:(0,y.OB)("relation.loadMore"),defaultMessage:"Load More"}):null,labelDisconnectRelation:W({id:(0,y.OB)("relation.disconnect"),defaultMessage:"Remove"}),listAriaDescription:W({id:(0,y.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"}),listHeight:320,liveText:L,loadingMessage:W({id:(0,y.OB)("relation.isLoading"),defaultMessage:"Relations are loading"}),name:g,noRelationsMessage:W({id:(0,y.OB)("relation.notAvailable"),defaultMessage:"No relations available"}),numberOfRelationsToDisplay:mo,onDropItem:me,onGrabItem:Ue,onCancel:Se,onRelationConnect:ye,onRelationDisconnect:ge,onRelationLoadMore:I,onRelationReorder:we,onSearch:Ee=>oe(Ee),onSearchNextPage:()=>he(),placeholder:W(C||{id:(0,y.OB)("relation.add"),defaultMessage:"Add relation"}),publicationStateTranslations:{[Et.DRAFT]:W({id:(0,y.OB)("relation.publicationState.draft"),defaultMessage:"Draft"}),[Et.PUBLISHED]:W({id:(0,y.OB)("relation.publicationState.published"),defaultMessage:"Published"})},relations:Od()({...j,data:B},"data","hasNextPage","isFetchingNextPage","isLoading","isSuccess"),required:M,searchResults:Ad(Y,{mainFieldName:E.name}),size:$})};Ro.defaultProps={componentId:void 0,entityId:void 0,editable:!0,error:void 0,description:"",labelAction:null,isComponentRelation:!1,isFieldAllowed:!0,placeholder:null,required:!1},Ro.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 Gd=(0,e.memo)(Ro);var Qd=Pd(Gd,$d);const Mo=({id:t,error:o,name:r,hint:a})=>a.length===0||o?null:e.createElement(S.Z,{as:"p",variant:"pi",id:`${t||r}-hint`,textColor:"neutral600"},a);Mo.defaultProps={id:void 0,error:void 0,hint:""},Mo.propTypes={hint:n().oneOfType([n().string,n().array]),error:n().string,id:n().string,name:n().string.isRequired};var Yd=Mo,Kd=i(87702),To=i.n(Kd),Do=i(59845),Xd=i(88591),Jd=i.n(Xd),_d=i(20871),eu=i.n(_d),tu=i(48375),cs=i.n(tu),nu=i(31089),ou=i.n(nu),ru=i(16043),su=i.n(ru),au=i(5109),iu=i.n(au),lu=i(47955),cu=i.n(lu),du=i(95706),uu=i.n(du),mu=i(6658),pu=i.n(mu),gu=i(36407),fu=i.n(gu);(async()=>{await i.e(7347).then(i.bind(i,74194))})();const Dt=new(Jd())({html:!0,xhtmlOut:!1,breaks:!0,langPrefix:"language-",linkify:!0,typographer:!0,highlight(t,o){if(o&&o!=="auto"&&(0,Do.getLanguage)(o))return'<pre class="hljs language-'+Dt.utils.escapeHtml(o.toLowerCase())+'"><code>'+(0,Do.highlight)(o,t,!0).value+"</code></pre>";if(o==="auto"){const r=(0,Do.highlightAuto)(t);return'<pre class="hljs language-'+Dt.utils.escapeHtml(r.language)+'"><code>'+r.value+"</code></pre>"}return'<pre class="hljs"><code>'+Dt.utils.escapeHtml(t)+"</code></pre>"}}).use(eu()).use(cs(),"warning").use(cs(),"tip").use(ou()).use(su()).use(iu()).use(cu()).use(uu()).use(pu()).use(fu());Dt.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>",Dt.renderer.rules.footnote_anchor=()=>' <span class="footnote-backref">\u21A9\uFE0E</span>';var hu=Dt,Eu=i(13993),ds=i.n(Eu);const yu={...ds().defaults,allowedTags:!1,allowedAttributes:{"*":["href","align","alt","center","width","height","type","controls","target"],img:["src","alt"],source:["src","type"]}};var bu=t=>ds()(t,yu),vu=x.ZP.div`
|
|
357
|
-
position: absolute;
|
|
358
|
-
top: 0;
|
|
359
|
-
width: 100%;
|
|
360
|
-
height: 100%;
|
|
361
|
-
overflow: auto;
|
|
362
|
-
padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
|
|
363
|
-
font-size: ${14/16}rem;
|
|
364
|
-
background-color: ${({theme:t})=>t.colors.neutral0};
|
|
365
|
-
color: ${({theme:t})=>t.colors.neutral800};
|
|
366
|
-
line-height: ${({theme:t})=>t.lineHeights[6]};
|
|
367
|
-
|
|
368
|
-
h1,
|
|
369
|
-
h2,
|
|
370
|
-
h3,
|
|
371
|
-
h4,
|
|
372
|
-
h5,
|
|
373
|
-
h6 {
|
|
374
|
-
margin-block-start: ${({theme:t})=>t.spaces[2]};
|
|
375
|
-
margin-block-end: ${({theme:t})=>t.spaces[2]};
|
|
376
|
-
}
|
|
377
|
-
|
|
378
|
-
p {
|
|
379
|
-
margin-bottom: ${({theme:t})=>t.spaces[2]};
|
|
380
|
-
}
|
|
381
|
-
|
|
382
|
-
h1 {
|
|
383
|
-
font-size: ${36/16}rem;
|
|
384
|
-
font-weight: 600;
|
|
385
|
-
}
|
|
386
|
-
|
|
387
|
-
h2 {
|
|
388
|
-
font-size: ${30/16}rem;
|
|
389
|
-
font-weight: 500;
|
|
390
|
-
}
|
|
391
|
-
|
|
392
|
-
h3 {
|
|
393
|
-
font-size: ${24/16}rem;
|
|
394
|
-
font-weight: 500;
|
|
395
|
-
}
|
|
396
|
-
|
|
397
|
-
h4 {
|
|
398
|
-
font-size: ${20/16}rem;
|
|
399
|
-
font-weight: 500;
|
|
400
|
-
}
|
|
401
|
-
|
|
402
|
-
strong {
|
|
403
|
-
font-weight: 800;
|
|
404
|
-
}
|
|
405
|
-
|
|
406
|
-
em {
|
|
407
|
-
font-style: italic;
|
|
408
|
-
}
|
|
409
|
-
|
|
410
|
-
blockquote {
|
|
411
|
-
margin-top: ${({theme:t})=>t.spaces[8]};
|
|
412
|
-
margin-bottom: ${({theme:t})=>t.spaces[7]};
|
|
413
|
-
font-size: ${14/16}rem;
|
|
414
|
-
font-weight: 400;
|
|
415
|
-
border-left: 4px solid ${({theme:t})=>t.colors.neutral150};
|
|
416
|
-
font-style: italic;
|
|
417
|
-
padding: ${({theme:t})=>t.spaces[2]} ${({theme:t})=>t.spaces[5]};
|
|
418
|
-
}
|
|
419
|
-
|
|
420
|
-
img {
|
|
421
|
-
max-width: 100%;
|
|
422
|
-
}
|
|
423
|
-
|
|
424
|
-
table {
|
|
425
|
-
thead {
|
|
426
|
-
background: ${({theme:t})=>t.colors.neutral150};
|
|
427
|
-
|
|
428
|
-
th {
|
|
429
|
-
padding: ${({theme:t})=>t.spaces[4]};
|
|
430
|
-
}
|
|
431
|
-
}
|
|
432
|
-
tr {
|
|
433
|
-
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
434
|
-
}
|
|
435
|
-
th,
|
|
436
|
-
td {
|
|
437
|
-
padding: ${({theme:t})=>t.spaces[4]};
|
|
438
|
-
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
439
|
-
border-bottom: 0;
|
|
440
|
-
border-top: 0;
|
|
441
|
-
}
|
|
442
|
-
}
|
|
443
|
-
|
|
444
|
-
pre,
|
|
445
|
-
code {
|
|
446
|
-
font-size: ${14/16}rem;
|
|
447
|
-
border-radius: 4px;
|
|
448
|
-
/*
|
|
449
|
-
Hard coded since the color is the same between themes,
|
|
450
|
-
theme.colors.neutral800 changes between themes.
|
|
451
|
-
|
|
452
|
-
Matches the color of the JSON Input component.
|
|
453
|
-
*/
|
|
454
|
-
background-color: #32324d;
|
|
455
|
-
max-width: 100%;
|
|
456
|
-
overflow: auto;
|
|
457
|
-
padding: ${({theme:t})=>t.spaces[2]};
|
|
458
|
-
}
|
|
459
|
-
|
|
460
|
-
/* Inline code */
|
|
461
|
-
p,
|
|
462
|
-
pre,
|
|
463
|
-
td {
|
|
464
|
-
> code {
|
|
465
|
-
color: #839496;
|
|
466
|
-
}
|
|
467
|
-
}
|
|
468
|
-
|
|
469
|
-
ol {
|
|
470
|
-
list-style-type: decimal;
|
|
471
|
-
margin-block-start: ${({theme:t})=>t.spaces[4]};
|
|
472
|
-
margin-block-end: ${({theme:t})=>t.spaces[4]};
|
|
473
|
-
margin-inline-start: 0px;
|
|
474
|
-
margin-inline-end: 0px;
|
|
475
|
-
padding-inline-start: ${({theme:t})=>t.spaces[4]};
|
|
476
|
-
|
|
477
|
-
ol,
|
|
478
|
-
ul {
|
|
479
|
-
margin-block-start: 0px;
|
|
480
|
-
margin-block-end: 0px;
|
|
481
|
-
}
|
|
482
|
-
}
|
|
483
|
-
|
|
484
|
-
ul {
|
|
485
|
-
list-style-type: disc;
|
|
486
|
-
margin-block-start: ${({theme:t})=>t.spaces[4]};
|
|
487
|
-
margin-block-end: ${({theme:t})=>t.spaces[4]};
|
|
488
|
-
margin-inline-start: 0px;
|
|
489
|
-
margin-inline-end: 0px;
|
|
490
|
-
padding-inline-start: ${({theme:t})=>t.spaces[4]};
|
|
491
|
-
|
|
492
|
-
ul,
|
|
493
|
-
ol {
|
|
494
|
-
margin-block-start: 0px;
|
|
495
|
-
margin-block-end: 0px;
|
|
496
|
-
}
|
|
497
|
-
}
|
|
498
|
-
`;const ko=({data:t})=>{const o=(0,e.useMemo)(()=>bu(hu.render(t.replaceAll("\\n",`
|
|
499
|
-
`)||"")),[t]);return e.createElement(vu,null,e.createElement("div",{dangerouslySetInnerHTML:{__html:o}}))};ko.defaultProps={data:""},ko.propTypes={data:n().string};var us=(0,e.memo)(ko),nn=/^(\s*)(>[> ]*|[*+-] \[[x ]\]\s|[*+-]\s|(\d+)([.)]))(\s*)/,Cu=/^(\s*)(>[> ]*|[*+-] \[[x ]\]|[*+-]|(\d+)[.)])(\s*)$/,Ru=/[*+-]\s/;function Mu(t){if(t.getOption("disableInput"))return To().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,m=t.getLine(s.line),u=nn.exec(m),p=/^\s*$/.test(m.slice(0,s.ch));if(!o[a].empty()||!c&&!d||!u||p){t.execCommand("newlineAndIndent");return}if(Cu.test(m)){var f=d&&/>\s*$/.test(m),E=!/>\s*$/.test(m);(f||E)&&t.replaceRange("",{line:s.line,ch:0},{line:s.line,ch:s.ch+1}),r[a]=`
|
|
500
|
-
`}else{var g=u[1],b=u[5],v=!(Ru.test(u[2])||u[2].indexOf(">")>=0),P=v?parseInt(u[3],10)+1+u[4]:u[2].replace("x"," ");r[a]=`
|
|
501
|
-
`+g+P+b,v&&Tu(t,s)}}t.replaceSelections(r)}function Tu(t,o){var r=o.line,a=0,s=0,l=nn.exec(t.getLine(r)),c=l[1];do{a+=1;var d=r+a,m=t.getLine(d),u=nn.exec(m);if(u){var p=u[1],f=parseInt(l[3],10)+a-s,E=parseInt(u[3],10),g=E;if(c===p&&!isNaN(E))f===E&&(g=E+1),f>E&&(g=f+1),t.replaceRange(m.replace(nn,p+g+u[4]+u[5]),{line:d,ch:0},{line:d,ch:m.length});else{if(c.length>p.length||c.length<p.length&&a===1)return;s+=1}}}while(u)}var Du=Mu,vf=i(27217);const Oo=(0,e.forwardRef)(({disabled:t,editorRef:o,error:r,isPreviewMode:a,isExpandMode:s,name:l,onChange:c,placeholder:d,textareaRef:m,value:u},p)=>{const f=(0,e.useRef)(c);return(0,e.useEffect)(()=>{o.current=To().fromTextArea(m.current,{lineWrapping:!0,extraKeys:{Enter:"newlineAndIndentContinueMarkdownList",Tab:!1,"Shift-Tab":!1},readOnly:!1,smartIndent:!1,placeholder:d,spellcheck:!0,inputStyle:"contenteditable"}),To().commands.newlineAndIndentContinueMarkdownList=Du,o.current.on("change",E=>{f.current({target:{name:l,value:E.getValue(),type:"wysiwyg"}})})},[o,m,l,d]),(0,e.useEffect)(()=>{u&&!o.current.hasFocus()&&o.current.setValue(u)},[o,u]),(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)(p,()=>({focus(){o.current.getInputField().focus()},scrollIntoView(E){o.current.getInputField().scrollIntoView(E)}}),[o]),e.createElement(ku,null,e.createElement(Ou,{isExpandMode:s,disabled:t||a},e.createElement("textarea",{ref:m})),a&&e.createElement(us,{data:u}))});Oo.defaultProps={disabled:!1,error:void 0,isPreviewMode:!1,isExpandMode:!1,placeholder:"",value:""},Oo.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 ku=x.ZP.div`
|
|
502
|
-
position: relative;
|
|
503
|
-
height: calc(100% - 48px);
|
|
504
|
-
`,Ou=x.ZP.div`
|
|
505
|
-
cursor: ${({disabled:t})=>t?"not-allowed !important":"auto"};
|
|
506
|
-
height: 100%;
|
|
507
|
-
/* BASICS */
|
|
508
|
-
.CodeMirror-placeholder {
|
|
509
|
-
color: ${({theme:t})=>t.colors.neutral600} !important;
|
|
510
|
-
}
|
|
511
|
-
|
|
512
|
-
.CodeMirror {
|
|
513
|
-
/* Set height, width, borders, and global font properties here */
|
|
514
|
-
font-size: ${14/16}rem;
|
|
515
|
-
height: ${({isExpandMode:t})=>t?"100%":"290px"};
|
|
516
|
-
color: ${({theme:t})=>t.colors.neutral800};
|
|
517
|
-
direction: ltr;
|
|
518
|
-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
|
|
519
|
-
'Open Sans', 'Helvetica Neue', sans-serif;
|
|
520
|
-
}
|
|
521
|
-
|
|
522
|
-
/* PADDING */
|
|
523
|
-
|
|
524
|
-
.CodeMirror-lines {
|
|
525
|
-
padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
|
|
526
|
-
/* Vertical padding around content */
|
|
527
|
-
}
|
|
528
|
-
|
|
529
|
-
.CodeMirror-scrollbar-filler,
|
|
530
|
-
.CodeMirror-gutter-filler {
|
|
531
|
-
/* The little square between H and V scrollbars */
|
|
532
|
-
background-color: ${({theme:t})=>`${t.colors.neutral0}`};
|
|
533
|
-
}
|
|
534
|
-
|
|
535
|
-
/* GUTTER */
|
|
536
|
-
|
|
537
|
-
.CodeMirror-gutters {
|
|
538
|
-
border-right: 1px solid #ddd;
|
|
539
|
-
background-color: #f7f7f7;
|
|
540
|
-
white-space: nowrap;
|
|
541
|
-
}
|
|
542
|
-
.CodeMirror-linenumbers {
|
|
543
|
-
}
|
|
544
|
-
.CodeMirror-linenumber {
|
|
545
|
-
padding: 0 3px 0 5px;
|
|
546
|
-
min-width: 20px;
|
|
547
|
-
text-align: right;
|
|
548
|
-
color: #999;
|
|
549
|
-
white-space: nowrap;
|
|
550
|
-
}
|
|
551
|
-
|
|
552
|
-
.CodeMirror-guttermarker {
|
|
553
|
-
color: black;
|
|
554
|
-
}
|
|
555
|
-
.CodeMirror-guttermarker-subtle {
|
|
556
|
-
color: #999;
|
|
557
|
-
}
|
|
558
|
-
|
|
559
|
-
/* CURSOR */
|
|
560
|
-
|
|
561
|
-
.CodeMirror-cursor {
|
|
562
|
-
border-left: 1px solid black;
|
|
563
|
-
border-right: none;
|
|
564
|
-
width: 0;
|
|
565
|
-
}
|
|
566
|
-
/* Shown when moving in bi-directional text */
|
|
567
|
-
.CodeMirror div.CodeMirror-secondarycursor {
|
|
568
|
-
border-left: 1px solid silver;
|
|
569
|
-
}
|
|
570
|
-
.cm-fat-cursor .CodeMirror-cursor {
|
|
571
|
-
width: auto;
|
|
572
|
-
border: 0 !important;
|
|
573
|
-
background: #7e7;
|
|
574
|
-
}
|
|
575
|
-
.cm-fat-cursor div.CodeMirror-cursors {
|
|
576
|
-
/* z-index: 1; */
|
|
577
|
-
}
|
|
578
|
-
|
|
579
|
-
.cm-fat-cursor-mark {
|
|
580
|
-
background-color: rgba(20, 255, 20, 0.5);
|
|
581
|
-
-webkit-animation: blink 1.06s steps(1) infinite;
|
|
582
|
-
-moz-animation: blink 1.06s steps(1) infinite;
|
|
583
|
-
animation: blink 1.06s steps(1) infinite;
|
|
584
|
-
}
|
|
585
|
-
.cm-animate-fat-cursor {
|
|
586
|
-
width: auto;
|
|
587
|
-
border: 0;
|
|
588
|
-
-webkit-animation: blink 1.06s steps(1) infinite;
|
|
589
|
-
-moz-animation: blink 1.06s steps(1) infinite;
|
|
590
|
-
animation: blink 1.06s steps(1) infinite;
|
|
591
|
-
background-color: #7e7;
|
|
592
|
-
}
|
|
593
|
-
|
|
594
|
-
/* Can style cursor different in overwrite (non-insert) mode */
|
|
595
|
-
.CodeMirror-overwrite .CodeMirror-cursor {
|
|
596
|
-
}
|
|
597
|
-
|
|
598
|
-
.cm-tab {
|
|
599
|
-
display: inline-block;
|
|
600
|
-
text-decoration: inherit;
|
|
601
|
-
}
|
|
602
|
-
|
|
603
|
-
.CodeMirror-rulers {
|
|
604
|
-
position: absolute;
|
|
605
|
-
left: 0;
|
|
606
|
-
right: 0;
|
|
607
|
-
top: -50px;
|
|
608
|
-
bottom: 0;
|
|
609
|
-
overflow: hidden;
|
|
610
|
-
}
|
|
611
|
-
.CodeMirror-ruler {
|
|
612
|
-
border-left: 1px solid #ccc;
|
|
613
|
-
top: 0;
|
|
614
|
-
bottom: 0;
|
|
615
|
-
position: absolute;
|
|
616
|
-
}
|
|
617
|
-
|
|
618
|
-
/* DEFAULT THEME */
|
|
619
|
-
|
|
620
|
-
.cm-header,
|
|
621
|
-
.cm-strong {
|
|
622
|
-
font-weight: bold;
|
|
623
|
-
}
|
|
624
|
-
.cm-em {
|
|
625
|
-
font-style: italic;
|
|
626
|
-
}
|
|
627
|
-
.cm-link {
|
|
628
|
-
text-decoration: underline;
|
|
629
|
-
}
|
|
630
|
-
.cm-strikethrough {
|
|
631
|
-
text-decoration: line-through;
|
|
632
|
-
}
|
|
633
|
-
|
|
634
|
-
.CodeMirror-composing {
|
|
635
|
-
border-bottom: 2px solid;
|
|
636
|
-
}
|
|
637
|
-
|
|
638
|
-
/* Default styles for common addons */
|
|
639
|
-
|
|
640
|
-
div.CodeMirror span.CodeMirror-matchingbracket {
|
|
641
|
-
color: #0b0;
|
|
642
|
-
}
|
|
643
|
-
div.CodeMirror span.CodeMirror-nonmatchingbracket {
|
|
644
|
-
color: #a22;
|
|
645
|
-
}
|
|
646
|
-
.CodeMirror-matchingtag {
|
|
647
|
-
background: rgba(255, 150, 0, 0.3);
|
|
648
|
-
}
|
|
649
|
-
.CodeMirror-activeline-background {
|
|
650
|
-
background: #e8f2ff;
|
|
651
|
-
}
|
|
652
|
-
|
|
653
|
-
/* STOP */
|
|
654
|
-
|
|
655
|
-
/* The rest of this file contains styles related to the mechanics of
|
|
656
|
-
the editor. You probably shouldn't touch them. */
|
|
657
|
-
|
|
658
|
-
.CodeMirror {
|
|
659
|
-
position: relative;
|
|
660
|
-
overflow: hidden;
|
|
661
|
-
background: ${({theme:t})=>`${t.colors.neutral0}`};
|
|
662
|
-
}
|
|
663
|
-
|
|
664
|
-
.CodeMirror-scroll {
|
|
665
|
-
overflow: scroll !important; /* Things will break if this is overridden */
|
|
666
|
-
/* 50px is the magic margin used to hide the element's real scrollbars */
|
|
667
|
-
/* See overflow: hidden in .CodeMirror */
|
|
668
|
-
margin-bottom: -50px;
|
|
669
|
-
margin-right: -50px;
|
|
670
|
-
padding-bottom: 50px;
|
|
671
|
-
height: 100%;
|
|
672
|
-
outline: none; /* Prevent dragging from highlighting the element */
|
|
673
|
-
position: relative;
|
|
674
|
-
}
|
|
675
|
-
.CodeMirror-sizer {
|
|
676
|
-
position: relative;
|
|
677
|
-
border-right: 50px solid transparent;
|
|
678
|
-
}
|
|
679
|
-
|
|
680
|
-
/* The fake, visible scrollbars. Used to force redraw during scrolling
|
|
681
|
-
before actual scrolling happens, thus preventing shaking and
|
|
682
|
-
flickering artifacts. */
|
|
683
|
-
.CodeMirror-vscrollbar,
|
|
684
|
-
.CodeMirror-hscrollbar,
|
|
685
|
-
.CodeMirror-scrollbar-filler,
|
|
686
|
-
.CodeMirror-gutter-filler {
|
|
687
|
-
position: absolute;
|
|
688
|
-
z-index: 1;
|
|
689
|
-
display: none;
|
|
690
|
-
outline: none;
|
|
691
|
-
}
|
|
692
|
-
|
|
693
|
-
.CodeMirror-vscrollbar {
|
|
694
|
-
right: 0;
|
|
695
|
-
top: 0;
|
|
696
|
-
overflow-x: hidden;
|
|
697
|
-
overflow-y: scroll;
|
|
698
|
-
}
|
|
699
|
-
.CodeMirror-hscrollbar {
|
|
700
|
-
bottom: 0;
|
|
701
|
-
left: 0;
|
|
702
|
-
overflow-y: hidden;
|
|
703
|
-
overflow-x: scroll;
|
|
704
|
-
}
|
|
705
|
-
.CodeMirror-scrollbar-filler {
|
|
706
|
-
right: 0;
|
|
707
|
-
bottom: 0;
|
|
708
|
-
}
|
|
709
|
-
|
|
710
|
-
.CodeMirror-lines {
|
|
711
|
-
cursor: text;
|
|
712
|
-
min-height: 1px; /* prevents collapsing before first draw */
|
|
713
|
-
}
|
|
714
|
-
/* Reset some styles that the rest of the page might have set */
|
|
715
|
-
.CodeMirror pre.CodeMirror-line,
|
|
716
|
-
.CodeMirror pre.CodeMirror-line-like {
|
|
717
|
-
-moz-border-radius: 0;
|
|
718
|
-
-webkit-border-radius: 0;
|
|
719
|
-
border-radius: 0;
|
|
720
|
-
border-width: 0;
|
|
721
|
-
background: transparent;
|
|
722
|
-
font-family: inherit;
|
|
723
|
-
font-size: inherit;
|
|
724
|
-
margin: 0;
|
|
725
|
-
white-space: pre;
|
|
726
|
-
word-wrap: normal;
|
|
727
|
-
line-height: 1.5;
|
|
728
|
-
color: inherit;
|
|
729
|
-
/* z-index: 2; */
|
|
730
|
-
position: relative;
|
|
731
|
-
overflow: visible;
|
|
732
|
-
-webkit-tap-highlight-color: transparent;
|
|
733
|
-
-webkit-font-variant-ligatures: contextual;
|
|
734
|
-
font-variant-ligatures: contextual;
|
|
735
|
-
}
|
|
736
|
-
|
|
737
|
-
.CodeMirror pre.CodeMirror-line-like {
|
|
738
|
-
z-index: 2;
|
|
739
|
-
}
|
|
740
|
-
|
|
741
|
-
.CodeMirror-wrap pre.CodeMirror-line,
|
|
742
|
-
.CodeMirror-wrap pre.CodeMirror-line-like {
|
|
743
|
-
word-wrap: break-word;
|
|
744
|
-
white-space: pre-wrap;
|
|
745
|
-
word-break: normal;
|
|
746
|
-
}
|
|
747
|
-
|
|
748
|
-
.CodeMirror-linebackground {
|
|
749
|
-
position: absolute;
|
|
750
|
-
left: 0;
|
|
751
|
-
right: 0;
|
|
752
|
-
top: 0;
|
|
753
|
-
bottom: 0;
|
|
754
|
-
z-index: 0;
|
|
755
|
-
}
|
|
756
|
-
|
|
757
|
-
.CodeMirror-linewidget {
|
|
758
|
-
position: relative;
|
|
759
|
-
/* z-index: 2; */
|
|
760
|
-
padding: 0.1px; /* Force widget margins to stay inside of the container */
|
|
761
|
-
}
|
|
762
|
-
|
|
763
|
-
.CodeMirror-widget {
|
|
764
|
-
}
|
|
765
|
-
|
|
766
|
-
.CodeMirror-rtl pre {
|
|
767
|
-
direction: rtl;
|
|
768
|
-
}
|
|
769
|
-
|
|
770
|
-
.CodeMirror-code {
|
|
771
|
-
outline: none;
|
|
772
|
-
}
|
|
773
|
-
|
|
774
|
-
/* Force content-box sizing for the elements where we expect it */
|
|
775
|
-
.CodeMirror-scroll,
|
|
776
|
-
.CodeMirror-sizer,
|
|
777
|
-
.CodeMirror-gutter,
|
|
778
|
-
.CodeMirror-gutters,
|
|
779
|
-
.CodeMirror-linenumber {
|
|
780
|
-
-moz-box-sizing: content-box;
|
|
781
|
-
box-sizing: content-box;
|
|
782
|
-
}
|
|
783
|
-
|
|
784
|
-
.CodeMirror-measure {
|
|
785
|
-
position: absolute;
|
|
786
|
-
width: 100%;
|
|
787
|
-
height: 0;
|
|
788
|
-
overflow: hidden;
|
|
789
|
-
visibility: hidden;
|
|
790
|
-
}
|
|
791
|
-
|
|
792
|
-
.CodeMirror-cursor {
|
|
793
|
-
position: absolute;
|
|
794
|
-
pointer-events: none;
|
|
795
|
-
border-color: ${({theme:t})=>`${t.colors.neutral800}`};
|
|
796
|
-
}
|
|
797
|
-
.CodeMirror-measure pre {
|
|
798
|
-
position: static;
|
|
799
|
-
}
|
|
800
|
-
|
|
801
|
-
div.CodeMirror-cursors {
|
|
802
|
-
visibility: hidden;
|
|
803
|
-
position: relative;
|
|
804
|
-
+ div {
|
|
805
|
-
z-index: 0 !important;
|
|
806
|
-
}
|
|
807
|
-
}
|
|
808
|
-
|
|
809
|
-
div.CodeMirror-dragcursors {
|
|
810
|
-
visibility: visible;
|
|
811
|
-
}
|
|
812
|
-
|
|
813
|
-
.CodeMirror-focused div.CodeMirror-cursors {
|
|
814
|
-
visibility: visible;
|
|
815
|
-
}
|
|
816
|
-
|
|
817
|
-
.CodeMirror-selected {
|
|
818
|
-
background: ${({theme:t})=>t.colors.neutral200};
|
|
819
|
-
/* z-index: -10; */
|
|
820
|
-
}
|
|
821
|
-
.CodeMirror-crosshair {
|
|
822
|
-
cursor: crosshair;
|
|
823
|
-
}
|
|
824
|
-
|
|
825
|
-
/* Used to force a border model for a node */
|
|
826
|
-
.cm-force-border {
|
|
827
|
-
padding-right: 0.1px;
|
|
828
|
-
}
|
|
829
|
-
|
|
830
|
-
/* See issue #2901 */
|
|
831
|
-
.cm-tab-wrap-hack:after {
|
|
832
|
-
content: '';
|
|
833
|
-
}
|
|
834
|
-
|
|
835
|
-
/* Help users use markselection to safely style text background */
|
|
836
|
-
span.CodeMirror-selectedtext {
|
|
837
|
-
background: none;
|
|
838
|
-
}
|
|
839
|
-
|
|
840
|
-
span {
|
|
841
|
-
color: ${({theme:t})=>t.colors.neutral800} !important;
|
|
842
|
-
}
|
|
843
|
-
`;var Iu=Oo,Pu=i(65696),Zu=i(83643);const xu=(t,o)=>`${t}${Math.floor(o*255).toString(16).padStart(2,0)}`,Su=(0,x.ZP)(T.k)`
|
|
844
|
-
background: ${({theme:t})=>xu(t.colors.neutral800,.2)};
|
|
845
|
-
`,Lu=(0,x.ZP)(U.x)`
|
|
846
|
-
border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
847
|
-
`,Au=(0,x.ZP)(Yn.Y)`
|
|
848
|
-
background-color: transparent;
|
|
849
|
-
border: none;
|
|
850
|
-
align-items: center;
|
|
851
|
-
|
|
852
|
-
svg {
|
|
853
|
-
margin-left: ${({theme:t})=>`${t.spaces[2]}`};
|
|
854
|
-
|
|
855
|
-
path {
|
|
856
|
-
fill: ${({theme:t})=>t.colors.neutral700};
|
|
857
|
-
width: ${12/16}rem;
|
|
858
|
-
height: ${12/16}rem;
|
|
859
|
-
}
|
|
860
|
-
}
|
|
861
|
-
`,Io=({children:t,isExpandMode:o,error:r,previewContent:a,onCollapse:s})=>{const{formatMessage:l}=(0,Q.Z)();return(0,h.F5)(o),o?e.createElement(Pu.h,{role:"dialog","aria-modal":!1},e.createElement(Zu.i,{onEscape:s},e.createElement(Su,{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:4,justifyContent:"center",onClick:s},e.createElement(U.x,{background:"neutral0",hasRadius:!0,shadow:"popupShadow",overflow:"hidden",width:"90%",height:"90%",onClick:c=>c.stopPropagation()},e.createElement(T.k,{height:"100%",alignItems:"flex-start"},e.createElement(Lu,{flex:"1",height:"100%"},t),e.createElement(T.k,{alignItems:"start",direction:"column",flex:1,height:"100%",width:"100%"},e.createElement(T.k,{height:(0,h.Q1)(48),background:"neutral100",justifyContent:"flex-end",shrink:0,width:"100%"},e.createElement(Au,{onClick:s},e.createElement(S.Z,null,l({id:"components.Wysiwyg.collapse",defaultMessage:"Collapse"})),e.createElement(vr.Z,null))),e.createElement(U.x,{position:"relative",height:"100%",width:"100%"},e.createElement(us,{data:a})))))))):e.createElement(U.x,{borderColor:r?"danger600":"neutral200",borderStyle:"solid",borderWidth:"1px",hasRadius:!0},t)};Io.defaultProps={error:void 0,previewContent:""},Io.propTypes={children:n().node.isRequired,error:n().string,isExpandMode:n().bool.isRequired,previewContent:n().string,onCollapse:n().func.isRequired};const ms=(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=`\`\`\`
|
|
862
|
-
${o}
|
|
863
|
-
\`\`\``;break;case"Link":r=`[${o}](link)`;break;case"Quote":r=`>${o}`;break;default:r=o}return r},ps=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=`\`\`\`
|
|
864
|
-
${t}
|
|
865
|
-
\`\`\``,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}},gs=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},fs=(t,o)=>{const r=t.current.getSelection();let a;if(r){const s=ms(o,r);t.current.replaceSelection(s),t.current.focus()}else{a=ps(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})}},Fu=(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 m=d[0];m<=d[1];m++)if(l)r.getLine(m).startsWith(a)&&r.replaceRange("",{line:m,ch:0},{line:m,ch:a.length});else{const u=o==="BulletList"?"- ":`${m+1}. `;r.replaceRange(u,{line:m,ch:0})}})})}else{let{line:s}=r.getCursor();const l=gs(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()},$u=(t,o)=>{let{line:r}=t.current.getCursor();const a=gs(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)},Bu=(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(`
|
|
866
|
-
`)),s.mime.includes("image")?t.current.replaceSelection(``):t.current.replaceSelection(`[${s.alt}](${s.url})`)}),setTimeout(()=>t.current.focus(),0)},wu=(t,o,r,a,s)=>{const l=ms(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(`
|
|
867
|
-
`),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()},Nu=(t,o,r,a)=>{const s=ps(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(`
|
|
868
|
-
`),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,m=c-s.selection.end-s.selection.start;t.current.setSelection({line:r,ch:m},{line:r,ch:d})}t.current.replaceRange(l,{line:r+2,ch:0},{line:1/0,ch:1/0}),t.current.focus()},ju=(t,o)=>{const r=t.current.getSelection();let{line:a}=t.current.getCursor(),s=t.current.getLine(a).length;r?wu(t,o,a,s,r):Nu(t,o,a,s)},Fe=(0,x.ZP)(De.h)`
|
|
869
|
-
padding: ${({theme:t})=>t.spaces[2]};
|
|
870
|
-
/* Trick to prevent the outline from overflowing because of the general outline-offset */
|
|
871
|
-
outline-offset: -2px !important;
|
|
872
|
-
|
|
873
|
-
svg {
|
|
874
|
-
width: ${18/16}rem;
|
|
875
|
-
height: ${18/16}rem;
|
|
876
|
-
}
|
|
877
|
-
`,Wu=(0,x.ZP)(Fe)`
|
|
878
|
-
svg {
|
|
879
|
-
width: ${8/16}rem;
|
|
880
|
-
height: ${8/16}rem;
|
|
881
|
-
}
|
|
882
|
-
`,hs=(0,x.ZP)(De.o)`
|
|
883
|
-
margin-left: ${({theme:t})=>t.spaces[4]};
|
|
884
|
-
`,Es=(0,x.ZP)(De.h)`
|
|
885
|
-
margin: ${({theme:t})=>`0 ${t.spaces[2]}`};
|
|
886
|
-
padding: ${({theme:t})=>t.spaces[2]};
|
|
887
|
-
|
|
888
|
-
svg {
|
|
889
|
-
width: ${18/16}rem;
|
|
890
|
-
height: ${18/16}rem;
|
|
891
|
-
}
|
|
892
|
-
`,zu=(0,x.ZP)(De.o)`
|
|
893
|
-
margin-right: ${({theme:t})=>`${t.spaces[2]}`};
|
|
894
|
-
`,qu=(0,x.ZP)(Yn.Y)`
|
|
895
|
-
background-color: transparent;
|
|
896
|
-
border: none;
|
|
897
|
-
align-items: center;
|
|
898
|
-
|
|
899
|
-
svg {
|
|
900
|
-
margin-left: ${({theme:t})=>`${t.spaces[2]}`};
|
|
901
|
-
path {
|
|
902
|
-
fill: ${({theme:t})=>t.colors.neutral700};
|
|
903
|
-
width: ${12/16}rem;
|
|
904
|
-
height: ${12/16}rem;
|
|
905
|
-
}
|
|
906
|
-
}
|
|
907
|
-
`,Po=({onToggleExpand:t})=>{const{formatMessage:o}=(0,Q.Z)();return e.createElement(U.x,{padding:2,background:"neutral100",hasRadius:!0},e.createElement(T.k,{justifyContent:"flex-end",alignItems:"flex-end"},e.createElement(qu,{id:"expand",onClick:t},e.createElement(S.Z,null,o({id:"components.WysiwygBottomControls.fullscreen",defaultMessage:"Expand"})),e.createElement(Cr.Z,null))))};Po.defaultProps={onToggleExpand(){}},Po.propTypes={onToggleExpand:n().func};var Vu=Po,ys=i(63208);const Zo=({disabled:t,editorRef:o,isExpandMode:r,isPreviewMode:a,onActionClick:s,onToggleMediaLib:l,onTogglePreviewMode:c})=>{const[d,m]=(0,e.useState)(!1),{formatMessage:u}=(0,Q.Z)(),p=u({id:"components.Wysiwyg.selectOptions.title",defaultMessage:"Add a title"}),f=(0,e.useRef)(),E=()=>{m(g=>!g)};return t||a?e.createElement(T.k,{padding:2,background:"neutral100",justifyContent:"space-between"},e.createElement(bs,null,e.createElement(ze.P,{disabled:!0,placeholder:p,size:"S",label:p},e.createElement(Te.W,{value:"h1"},"h1"),e.createElement(Te.W,{value:"h2"},"h2"),e.createElement(Te.W,{value:"h3"},"h3"),e.createElement(Te.W,{value:"h4"},"h4"),e.createElement(Te.W,{value:"h5"},"h5"),e.createElement(Te.W,{value:"h6"},"h6")),e.createElement(hs,null,e.createElement(Fe,{disabled:!0,label:"Bold",name:"Bold",icon:e.createElement(Ut.Z,null)}),e.createElement(Fe,{disabled:!0,label:"Italic",name:"Italic",icon:e.createElement(Gt.Z,null)}),e.createElement(Fe,{disabled:!0,label:"Underline",name:"Underline",icon:e.createElement(Qt.Z,null)})),e.createElement(Es,{disabled:!0,label:"More",icon:e.createElement(oo.Z,null)})),!r&&e.createElement(ue.z,{onClick:c,variant:"tertiary"},u({id:"components.Wysiwyg.ToggleMode.markdown-mode",defaultMessage:"Markdown mode"}))):e.createElement(T.k,{padding:2,background:"neutral100",justifyContent:"space-between"},e.createElement(bs,null,e.createElement(ze.P,{placeholder:p,label:p,size:"S",onChange:g=>s(g,o)},e.createElement(Te.W,{value:"h1"},"h1"),e.createElement(Te.W,{value:"h2"},"h2"),e.createElement(Te.W,{value:"h3"},"h3"),e.createElement(Te.W,{value:"h4"},"h4"),e.createElement(Te.W,{value:"h5"},"h5"),e.createElement(Te.W,{value:"h6"},"h6")),e.createElement(hs,null,e.createElement(Fe,{onClick:()=>s("Bold",o),label:"Bold",name:"Bold",icon:e.createElement(Ut.Z,null)}),e.createElement(Fe,{onClick:()=>s("Italic",o),label:"Italic",name:"Italic",icon:e.createElement(Gt.Z,null)}),e.createElement(Fe,{onClick:()=>s("Underline",o),label:"Underline",name:"Underline",icon:e.createElement(Qt.Z,null)})),e.createElement(Es,{ref:f,onClick:E,label:"More",icon:e.createElement(oo.Z,null)}),d&&e.createElement(ys.J2,{onDismiss:E,centered:!0,source:f,spacing:4},e.createElement(T.k,null,e.createElement(zu,null,e.createElement(Fe,{onClick:()=>s("Strikethrough",o,E),label:"Strikethrough",name:"Strikethrough",icon:e.createElement(On.Z,null)}),e.createElement(Fe,{onClick:()=>s("BulletList",o,E),label:"BulletList",name:"BulletList",icon:e.createElement(Rn.Z,null)}),e.createElement(Fe,{onClick:()=>s("NumberList",o,E),label:"NumberList",name:"NumberList",icon:e.createElement(Xr.Z,null)})),e.createElement(De.o,null,e.createElement(Fe,{onClick:()=>s("Code",o,E),label:"Code",name:"Code",icon:e.createElement(Ht.Z,null)}),e.createElement(Fe,{onClick:()=>{E(),l()},label:"Image",name:"Image",icon:e.createElement(Tn.Z,null)}),e.createElement(Wu,{onClick:()=>s("Link",o,E),label:"Link",name:"Link",icon:e.createElement(Mr.Z,null)}),e.createElement(Fe,{onClick:()=>s("Quote",o,E),label:"Quote",name:"Quote",icon:e.createElement(Dn.Z,null)}))))),c&&e.createElement(ue.z,{onClick:c,variant:"tertiary"},u({id:"components.Wysiwyg.ToggleMode.preview-mode",defaultMessage:"Preview mode"})))};Zo.defaultProps={isPreviewMode:!1,onActionClick(){},onToggleMediaLib(){},onTogglePreviewMode:void 0},Zo.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 Uu=Zo;const bs=(0,x.ZP)(T.k)`
|
|
908
|
-
/* Hide the label, every input needs a label. */
|
|
909
|
-
label {
|
|
910
|
-
border: 0;
|
|
911
|
-
clip: rect(0 0 0 0);
|
|
912
|
-
height: 1px;
|
|
913
|
-
margin: -1px;
|
|
914
|
-
overflow: hidden;
|
|
915
|
-
padding: 0;
|
|
916
|
-
position: absolute;
|
|
917
|
-
width: 1px;
|
|
918
|
-
}
|
|
919
|
-
`,Hu=(0,x.ZP)(U.x)`
|
|
920
|
-
svg path {
|
|
921
|
-
fill: ${({theme:t})=>t.colors.neutral500};
|
|
922
|
-
}
|
|
923
|
-
`,Gu=(0,x.ZP)(S.Z)`
|
|
924
|
-
line-height: 0;
|
|
925
|
-
`,xo=(0,e.forwardRef)(({hint:t,disabled:o,error:r,intlLabel:a,labelAction:s,name:l,onChange:c,placeholder:d,value:m,required:u},p)=>{const{formatMessage:f}=(0,Q.Z)(),E=(0,e.useRef)(null),g=(0,e.useRef)(null),[b,v]=(0,e.useState)(!1),[P,C]=(0,e.useState)(!1),[M,R]=(0,e.useState)(!1),{components:$}=(0,h.yX)(),Z=$["media-library"],L=()=>C(H=>!H),q=()=>v(H=>!H),W=()=>{v(!1),R(H=>!H)},k=(H,K,A)=>{switch(H){case"Link":case"Strikethrough":{fs(K,H),A();break}case"Code":case"Quote":{ju(K,H),A();break}case"Bold":case"Italic":case"Underline":{fs(K,H);break}case"BulletList":case"NumberList":{Fu(K,H),A();break}case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":{$u(K,H);break}default:}},z=H=>{const K=H.map(A=>({alt:A.alternativeText||A.name,url:(0,h.CR)(A.url),mime:A.mime}));Bu(g,K),C(!1)},X=d?f({id:d.id,defaultMessage:d.defaultMessage},{...d.values}):"",F=a.id?f({id:a.id,defaultMessage:a.defaultMessage},{...a.values}):l;return e.createElement(e.Fragment,null,e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:1},e.createElement(T.k,{gap:1},e.createElement(S.Z,{variant:"pi",fontWeight:"bold",textColor:"neutral800"},F,u&&e.createElement(Gu,{textColor:"danger600"},"*")),s&&e.createElement(Hu,{paddingLeft:1},s)),e.createElement(Io,{isExpandMode:M,error:r,previewContent:m,onCollapse:W},e.createElement(Uu,{isExpandMode:M,editorRef:g,isPreviewMode:b,onActionClick:k,onToggleMediaLib:L,onTogglePreviewMode:M?void 0:q,disabled:o}),e.createElement(Iu,{disabled:o,isExpandMode:M,editorRef:g,error:r,isPreviewMode:b,name:l,onChange:c,placeholder:X,textareaRef:E,value:m,ref:p}),!M&&e.createElement(Vu,{onToggleExpand:W})),e.createElement(Yd,{hint:t,name:l,error:r})),r&&e.createElement(U.x,{paddingTop:1},e.createElement(S.Z,{variant:"pi",textColor:"danger600","data-strapi-field-error":!0},r)),P&&e.createElement(Z,{onClose:L,onSelectAssets:z}))});xo.defaultProps={disabled:!1,error:"",labelAction:void 0,placeholder:null,required:!1,value:"",hint:""},xo.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 Qu=xo;function Yu(t,o){return r=>{const a=o(r.keys);return e.createElement(t,{...r,...a})}}var Ku=Yu,Xu=(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}))],Ju=i(59578),_u=i.n(Ju),em=(t="")=>{switch(_u()(t)){case"blocks":return"blocks";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 tm(t){const{createActionAllowedFields:o,formErrors:r,isCreatingEntry:a,modifiedData:s,onChange:l,readActionAllowedFields:c,shouldNotRunValidations:d,updateActionAllowedFields:m}=(0,h.Wq)(),u=(0,e.useMemo)(()=>a?o:m,[a,o,m]),p=(0,e.useMemo)(()=>a?[]:c,[a,c]),f=w()(s,t,null);return{allowedFields:u,formErrors:r,isCreatingEntry:a,onChange:l,readableFields:p,shouldNotRunValidations:d,value:f}}var nm=tm,vs=["type","model","via","collection","default","plugin","enum","regex","pluginOptions"];function So({allowedFields:t,componentUid:o,fieldSchema:r,formErrors:a,isCreatingEntry:s,keys:l,labelAction:c,metadatas:d,onChange:m,readableFields:u,shouldNotRunValidations:p,queryInfos:f,value:E,size:g,customFieldInputs:b}){const{fields:v}=(0,h.yX)(),{formatMessage:P}=(0,Q.Z)(),{contentType:C}=(0,ve.PL)(),M=(0,e.useMemo)(()=>!w()(d,"editable",!0),[d]),{type:R,customField:$}=r,Z=w()(a,[l],null),L=(0,e.useMemo)(()=>(0,y.Ts)(l),[l]),q=(0,e.useMemo)(()=>{const V=kc()(r,p?[...vs,"required","minLength"]:vs),G=r.regex||null;if(G){const ne=new RegExp(G);ne&&(V.regex=ne)}return V},[r,p]),W=(0,e.useMemo)(()=>w()(q,["required"],!1),[q]),k=(0,e.useMemo)(()=>{const V=w()(C,["attributes"],{});return w()(V,[L[0],"type"],null)==="dynamiczone"},[C,L]),z=em(R),X=R==="media"&&!E?[]:E,F=(0,e.useMemo)(()=>{const V=L.join(".");if(t.includes(V))return!0;if(k)return t.includes(L[0]);if(L.length>1){const ne=wt()(L,L.length-1).join(".");return t.includes(ne)}return!1},[t,L,k]),H=(0,e.useMemo)(()=>{const V=L.join(".");if(u.includes(V))return!0;if(k)return u.includes(L[0]);if(L.length>1){const ne=wt()(L,L.length-1).join(".");return u.includes(ne)}return!1},[u,L,k]),K=(0,e.useMemo)(()=>H||F,[F,H]),A=(0,e.useMemo)(()=>s?M:H&&!F?!0:M,[M,s,F,H]),D=(0,e.useMemo)(()=>Xu(r.enum||[],W),[r,W]),{label:O,description:B,placeholder:ee,visible:j}=d;if(j===!1)return null;if(!K)return e.createElement(h.X0,{description:B?{id:B,defaultMessage:B}:null,intlLabel:{id:O,defaultMessage:O},labelAction:c,error:Z&&P(Z),name:l,required:W});if(R==="relation")return e.createElement(Qd,{...d,...r,componentUid:o,description:d.description?P({id:d.description,defaultMessage:d.description}):void 0,intlLabel:{id:d.label,defaultMessage:d.label},labelAction:c,isUserAllowedToEditField:F,isUserAllowedToReadField:H,name:l,placeholder:d.placeholder?{id:d.placeholder,defaultMessage:d.placeholder}:null,queryInfos:f,size:g,value:E,error:Z&&P(Z)});const Y={uid:uo,media:v.media,wysiwyg:Qu,blocks:yd,...v,...b};return e.createElement(h.jm,{attribute:r,autoComplete:"new-password",intlLabel:{id:O,defaultMessage:O},isNullable:z==="bool"&&[null,void 0].includes(r.default),description:B?{id:B,defaultMessage:B}:null,disabled:A,error:Z,labelAction:c,contentTypeUID:C.uid,customInputs:Y,multiple:r.multiple||!1,name:l,onChange:m,options:D,placeholder:ee?{id:ee,defaultMessage:ee}:null,required:r.required||!1,step:om(R),type:$||z,value:X,withDefaultValue:!1})}So.defaultProps={componentUid:void 0,formErrors:{},labelAction:void 0,size:void 0,value:null,queryInfos:{},customFieldInputs:{}},So.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 om=t=>{switch(t){case"float":case"decimal":return .01;default:return 1}},rm=(0,e.memo)(So,$e());var Lo=Ku(rm,nm);const Ao=({componentUid:t,isFromDynamicZone:o,isNested:r,name:a})=>{const{getComponentLayout:s}=(0,ve.PL)(),c=(0,e.useMemo)(()=>s(t),[t,s]).layouts.edit,{lazyComponentStore:d}=so();return e.createElement(U.x,{background:o?"":"neutral100",paddingLeft:6,paddingRight:6,paddingTop:6,paddingBottom:6,hasRadius:r,borderColor:r?"neutral200":""},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:6},c.map((m,u)=>e.createElement(Ze.r,{gap:4,key:u},m.map(({name:p,size:f,metadatas:E,fieldSchema:g,queryInfos:b})=>{const v=g.type==="component",P=`${a}.${p}`;if(v){const C=g.component;return e.createElement(Ce.P,{col:f,s:12,xs:12,key:p},e.createElement(on,{componentUid:C,intlLabel:{id:E.label,defaultMessage:E.label},isNested:!0,isRepeatable:g.repeatable,max:g.max,min:g.min,name:P,required:g.required||!1}))}return e.createElement(Ce.P,{col:f,key:p,s:12,xs:12},e.createElement(Lo,{componentUid:t,keys:P,fieldSchema:g,metadatas:E,queryInfos:b,size:f,customFieldInputs:d}))})))))};Ao.defaultProps={isFromDynamicZone:!1,isNested:!1},Ao.propTypes={componentUid:n().string.isRequired,isFromDynamicZone:n().bool,isNested:n().bool,name:n().string.isRequired};var sm=Ao;const am=(0,x.ZP)(U.x)`
|
|
926
|
-
overflow: hidden;
|
|
927
|
-
border-bottom: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
928
|
-
border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
929
|
-
border-left: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
930
|
-
border-radius: 0 0 ${({theme:t})=>t.borderRadius} ${({theme:t})=>t.borderRadius};
|
|
931
|
-
`,im=(0,x.ZP)(U.x)`
|
|
932
|
-
border-bottom: none;
|
|
933
|
-
|
|
934
|
-
/* add the borders and make sure the top is transparent to avoid jumping with the hover effect */
|
|
935
|
-
& > div > div {
|
|
936
|
-
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
937
|
-
border-top-color: transparent;
|
|
938
|
-
}
|
|
939
|
-
|
|
940
|
-
/* the top accordion _does_ need a border though */
|
|
941
|
-
& > div:first-child > div {
|
|
942
|
-
border-top: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
943
|
-
}
|
|
944
|
-
|
|
945
|
-
/* Reset all the border-radius' */
|
|
946
|
-
& > div > div,
|
|
947
|
-
& > div > div > div {
|
|
948
|
-
border-radius: unset;
|
|
949
|
-
}
|
|
950
|
-
|
|
951
|
-
/* Give the border radius back to the first accordion */
|
|
952
|
-
& > div:first-child > div,
|
|
953
|
-
& > div:first-child > div > div {
|
|
954
|
-
border-radius: ${({theme:t})=>t.borderRadius} ${({theme:t})=>t.borderRadius} 0 0;
|
|
955
|
-
}
|
|
956
|
-
|
|
957
|
-
& > div > div[data-strapi-expanded='true'] {
|
|
958
|
-
border: 1px solid ${({theme:t})=>t.colors.primary600};
|
|
959
|
-
}
|
|
960
|
-
`,Fo=({children:t,error:o})=>{const{formatMessage:r}=(0,Q.Z)();return e.createElement(zr.k,{attributeName:"data-strapi-accordion-toggle"},t,o&&e.createElement(U.x,{paddingTop:1},e.createElement(S.Z,{variant:"pi",textColor:"danger600"},r({id:o.id,defaultMessage:o.defaultMessage},{...o.values}))))};Fo.defaultProps={error:void 0},Fo.propTypes={children:n().node.isRequired,error:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object})};var lm=i(41119),Cs=i.n(lm);const cm=x.ZP.span`
|
|
961
|
-
display: block;
|
|
962
|
-
background-color: ${({theme:t})=>t.colors.primary100};
|
|
963
|
-
outline: 1px dashed ${({theme:t})=>t.colors.primary500};
|
|
964
|
-
outline-offset: -1px;
|
|
965
|
-
padding: ${({theme:t})=>t.spaces[6]};
|
|
966
|
-
`;var dm=()=>e.createElement(cm,{padding:6,background:"primary100"});const um=(0,x.ZP)(De.h)`
|
|
967
|
-
background-color: transparent;
|
|
968
|
-
|
|
969
|
-
svg {
|
|
970
|
-
path {
|
|
971
|
-
fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:t.colors.neutral600};
|
|
972
|
-
}
|
|
973
|
-
}
|
|
974
|
-
|
|
975
|
-
&:hover {
|
|
976
|
-
svg {
|
|
977
|
-
path {
|
|
978
|
-
fill: ${({theme:t})=>t.colors.primary600};
|
|
979
|
-
}
|
|
980
|
-
}
|
|
981
|
-
}
|
|
982
|
-
`,mm=(0,x.ZP)(T.k)`
|
|
983
|
-
& .drag-handle {
|
|
984
|
-
background: unset;
|
|
985
|
-
|
|
986
|
-
svg {
|
|
987
|
-
path {
|
|
988
|
-
fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:void 0};
|
|
989
|
-
}
|
|
990
|
-
}
|
|
991
|
-
|
|
992
|
-
&:hover {
|
|
993
|
-
svg {
|
|
994
|
-
path {
|
|
995
|
-
/* keeps the hover style of the accordion */
|
|
996
|
-
fill: ${({theme:t})=>t.colors.primary600};
|
|
997
|
-
}
|
|
998
|
-
}
|
|
999
|
-
}
|
|
1000
|
-
}
|
|
1001
|
-
`,$o=({componentFieldName:t,componentUid:o,fields:r,index:a,isOpen:s,isReadOnly:l,mainField:c,moveComponentField:d,onClickToggle:m,toggleCollapses:u,onGrabItem:p,onDropItem:f,onCancel:E})=>{const{modifiedData:g,removeRepeatableField:b,triggerFormValidation:v}=(0,h.Wq)(),P=Cs()(w()(g,[...t.split("."),c],"")),C=(0,e.useRef)(null),{formatMessage:M}=(0,Q.Z)(),R=t.split(".").slice(0,-1).join("."),[{handlerId:$,isDragging:Z,handleKeyDown:L},q,W,k,z]=(0,rs.Y)(!l,{type:`${y._Q.COMPONENT}_${R}`,index:a,item:{displayedValue:P},onMoveItem:d,onStart(){u()},onEnd(){v()},onGrabItem:p,onDropItem:f,onCancel:E});(0,e.useEffect)(()=>{z((0,xt.rX)(),{captureDraggingState:!1})},[z,a]);const X=(0,y.FE)(C,k),F=(0,y.FE)(q,W),{lazyComponentStore:H}=so();return e.createElement(U.x,{ref:F},Z?e.createElement(dm,null):e.createElement(Jn.U,{expanded:s,onToggle:m,id:t,size:"S"},e.createElement(_n.B,{action:l?null:e.createElement(mm,{gap:0,expanded:s},e.createElement(um,{expanded:s,noBorder:!0,onClick:()=>{b(t),u()},label:M({id:(0,y.OB)("containers.Edit.delete"),defaultMessage:"Delete"}),icon:e.createElement(Je.Z,null)}),e.createElement(De.h,{className:"drag-handle",ref:X,forwardedAs:"div",role:"button",noBorder:!0,tabIndex:0,onClick:K=>K.stopPropagation(),"data-handler-id":$,label:M({id:(0,y.OB)("components.DragHandle-label"),defaultMessage:"Drag"}),onKeyDown:L},e.createElement(st.Z,null))),title:P,togglePosition:"left"}),e.createElement(eo.v,null,e.createElement(T.k,{direction:"column",alignItems:"stretch",background:"neutral100",padding:6,gap:6},r.map((K,A)=>e.createElement(Ze.r,{gap:4,key:A},K.map(({name:D,fieldSchema:O,metadatas:B,queryInfos:ee,size:j})=>{const Y=O.type==="component",V=`${t}.${D}`;if(Y){const G=O.component;return e.createElement(Ce.P,{col:j,s:12,xs:12,key:D},e.createElement(on,{componentUid:G,intlLabel:{id:B.label,defaultMessage:B.label},isRepeatable:O.repeatable,isNested:!0,name:V,max:O.max,min:O.min,required:O.required}))}return e.createElement(Ce.P,{key:V,col:j,s:12,xs:12},e.createElement(Lo,{componentUid:o,fieldSchema:O,keys:V,metadatas:B,queryInfos:ee,size:j,customFieldInputs:H}))})))))))};$o.defaultProps={componentUid:void 0,fields:[],isReadOnly:!1,isOpen:!1,onGrabItem:void 0,onDropItem:void 0,onCancel:void 0,toggleCollapses(){}},$o.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 pm=(0,e.memo)($o);function gm(t,o={}){return Object.keys(o).filter(r=>r.startsWith(t)).map(r=>r.split(".").slice(0,t.split(".").length+1).join("."))}const fm=(0,x.ZP)(go.A)`
|
|
1002
|
-
height: 100%;
|
|
1003
|
-
width: 100%;
|
|
1004
|
-
border-radius: 0 0 4px 4px;
|
|
1005
|
-
display: flex;
|
|
1006
|
-
justify-content: center;
|
|
1007
|
-
span {
|
|
1008
|
-
font-weight: 600;
|
|
1009
|
-
font-size: 14px;
|
|
1010
|
-
}
|
|
1011
|
-
`,Bo=({componentUid:t,componentValue:o,componentValueLength:r,isReadOnly:a,max:s,min:l,name:c})=>{const{addRepeatableComponentToField:d,formErrors:m,moveComponentField:u}=(0,h.Wq)(),p=(0,h.lm)(),{formatMessage:f}=(0,Q.Z)(),[E,g]=(0,e.useState)(""),[b,v]=(0,e.useState)(""),{getComponentLayout:P,components:C}=(0,ve.PL)(),M=(0,e.useMemo)(()=>P(t),[t,P]),R=(0,h.aM)(),$=(0,e.useMemo)(()=>{if(R.has("field")){const j=R.get("field"),[,Y]=j.split(`${c}.`);if(w()(o,Y,void 0)!==void 0){const V=Y.split(".");return w()(o,V[0],void 0)?.__temp_key__}}},[o,R,c]);(0,e.useEffect)(()=>{typeof $=="number"&&g($)},[$]);const Z=(0,e.useMemo)(()=>(0,y.Uo)(o||[])+1,[o]),L=gm(c,m),q=l-r,W=w()(m,c,{id:""}).id.includes("min"),k=()=>{g("")},z=()=>{a||(r<s?(d(c,M,C,W),g(Z)):r>=s&&p({type:"info",message:{id:(0,y.OB)("components.notification.info.maximum-requirement")}}))},X=(j,Y)=>{v(f({id:(0,y.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:`${c}.${Y}`,position:K(j)})),u({name:c,newIndex:j,currentIndex:Y})},F=w()(M,["settings","mainField"],"id"),H=j=>()=>{g(E===j?"":j)},K=j=>`${j+1} of ${r}`,A=j=>{v(f({id:(0,y.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:`${c}.${j}`}))},D=j=>{v(f({id:(0,y.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}.${j}`,position:K(j)}))},O=j=>{v(f({id:(0,y.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:`${c}.${j}`,position:K(j)}))};let B=m[c];if(W?B={id:(0,y.OB)("components.DynamicZone.missing-components"),defaultMessage:"There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}",values:{number:q}}:L.some(j=>j.split(".").length>1)&&!W&&(B={id:(0,y.OB)("components.RepeatableComponent.error-message"),defaultMessage:"The component(s) contain error(s)"}),r===0)return e.createElement(Vr,{error:B,isReadOnly:a,onClick:z});const ee=`${c}-item-instructions`;return e.createElement(U.x,{hasRadius:!0},e.createElement(lt.T,{id:ee},f({id:(0,y.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"})),e.createElement(lt.T,{"aria-live":"assertive"},b),e.createElement(Fo,{error:B,ariaDescribedBy:ee},e.createElement(im,{"aria-describedby":ee},o.map(({__temp_key__:j},Y)=>e.createElement(pm,{componentFieldName:`${c}.${Y}`,componentUid:t,fields:M.layouts.edit,key:j,index:Y,isOpen:E===j,isReadOnly:a,mainField:F,moveComponentField:X,onClickToggle:H(j),toggleCollapses:k,onCancel:A,onDropItem:O,onGrabItem:D}))),e.createElement(am,null,e.createElement(T.k,{justifyContent:"center",height:"48px",background:"neutral0"},e.createElement(fm,{disabled:a,onClick:z,startIcon:e.createElement(Ct.Z,null)},f({id:(0,y.OB)("containers.EditView.add.new-entry"),defaultMessage:"Add an entry"}))))))};Bo.defaultProps={componentValue:null,componentValueLength:0,isReadOnly:!1,max:1/0,min:0},Bo.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 hm=(0,e.memo)(Bo);const Em=(0,x.ZP)(U.x)`
|
|
1012
|
-
svg path {
|
|
1013
|
-
fill: ${({theme:t})=>t.colors.neutral500};
|
|
1014
|
-
}
|
|
1015
|
-
`,wo=({intlLabel:t,id:o,labelAction:r,name:a,numberOfEntries:s,showNumberOfEntries:l,required:c})=>{const{formatMessage:d}=(0,Q.Z)(),m=t?.id?d(t):a;return e.createElement(U.x,{paddingBottom:1},e.createElement(T.k,null,e.createElement(S.Z,{textColor:"neutral800",htmlFor:o||a,variant:"pi",fontWeight:"bold",as:"label"},m,l&&e.createElement(e.Fragment,null,"\xA0(",s,")"),c&&e.createElement(S.Z,{textColor:"danger600"},"*")),r&&e.createElement(Em,{paddingLeft:1},r)))};wo.defaultProps={id:void 0,labelAction:void 0,numberOfEntries:0,required:!1,showNumberOfEntries:!1},wo.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 ym=wo;function bm(t,o){return r=>{const a=o(r);return e.createElement(t,{...r,...a})}}var vm=bm;function Cm({isFromDynamicZone:t,name:o}){const{addNonRepeatableComponentToField:r,createActionAllowedFields:a,isCreatingEntry:s,modifiedData:l,removeComponentFromField:c,readActionAllowedFields:d,updateActionAllowedFields:m,formErrors:u}=(0,h.Wq)(),{contentType:p}=(0,ve.PL)(),f=(0,e.useMemo)(()=>{const M=w()(p,["attributes"],{});return Object.keys(M).filter($=>w()(M,[$,"type"],"")==="dynamiczone")},[p]),E=(0,e.useMemo)(()=>s?a:m,[s,a,m]),g=w()(l,o,null),b=(0,e.useMemo)(()=>(0,y.Ts)(o),[o]),v=(0,e.useMemo)(()=>t&&s||E.filter($=>$===b[0]).length>0?!0:E.map($=>$.split(".")).filter($=>$.length<b.length?!1:wt()($,b.length).join(".")===b.join(".")).length>0,[t,s,E,b]),P=(0,e.useMemo)(()=>t||f.includes(b[0])?!0:(s?[]:d).map($=>$.split(".")).filter($=>$.length<b.length?!1:wt()($,b.length).join(".")===b.join(".")).length>0,[t,f,b,s,d]),C=(0,e.useMemo)(()=>s||v?!1:P,[v,P,s]);return{addNonRepeatableComponentToField:r,formErrors:u,hasChildrenAllowedFields:v,hasChildrenReadableFields:P,isCreatingEntry:s,isReadOnly:C,removeComponentFromField:c,componentValue:g}}var Rm=Cm;const No=({addNonRepeatableComponentToField:t,componentUid:o,intlLabel:r,isCreatingEntry:a,isFromDynamicZone:s,isRepeatable:l,isNested:c,labelAction:d,max:m,min:u,name:p,hasChildrenAllowedFields:f,hasChildrenReadableFields:E,isReadOnly:g,componentValue:b,removeComponentFromField:v,required:P})=>{const{formatMessage:C}=(0,Q.Z)(),M=Mc()(b),R=b!==null||s,$=!l&&R&&!s&&f,{getComponentLayout:Z,components:L}=(0,ve.PL)(),q=(0,e.useMemo)(()=>Z(o),[o,Z]);if(!f&&a)return e.createElement(h.X0,{labelAction:d,intlLabel:r,name:p});if(!f&&!a&&!E)return e.createElement(h.X0,{labelAction:d,intlLabel:r,name:p});const W=()=>{t(p,q,L)};return e.createElement(U.x,null,e.createElement(T.k,{justifyContent:"space-between"},r&&e.createElement(ym,{intlLabel:r,labelAction:d,name:p,numberOfEntries:M,showNumberOfEntries:l,required:P}),$&&e.createElement(De.h,{label:C({id:(0,y.OB)("components.reset-entry"),defaultMessage:"Reset Entry"}),icon:e.createElement(Je.Z,null),noBorder:!0,onClick:()=>{v(p,o)}})),e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:1},!l&&!R&&e.createElement(Vr,{isReadOnly:g,onClick:W}),!l&&R&&e.createElement(sm,{componentUid:o,isFromDynamicZone:s,isNested:c,name:p}),l&&e.createElement(hm,{componentValue:b,componentValueLength:M,componentUid:o,isReadOnly:g,max:m,min:u,name:p})))};No.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},No.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 Mm=(0,e.memo)(No,$e());var on=vm(Mm,Rm);const jo=({componentUid:t,formErrors:o,index:r,isFieldAllowed:a,name:s,onRemoveComponentClick:l,onMoveComponent:c,onGrabItem:d,onDropItem:m,onCancel:u,dynamicComponentsByCategory:p,onAddComponent:f})=>{const[E,g]=(0,e.useState)(!0),{formatMessage:b}=(0,Q.Z)(),{getComponentLayout:v}=(0,ve.PL)(),{modifiedData:P}=(0,h.Wq)(),{icon:C,friendlyName:M,mainValue:R}=(0,e.useMemo)(()=>{const D=v(t),{info:{icon:O,displayName:B}}=D,ee=w()(D,["settings","mainField"],"id"),j=w()(P,[s,r,ee])??"",Y=ee==="id"?"":String(j).trim(),V=Y.length>0?` - ${Y}`:Y;return{friendlyName:B,icon:O,mainValue:V}},[t,v,P,s,r]),$=Object.keys(o).filter(D=>{const O=D.split(".");return`${O[0]}.${O[1]}`==`${s}.${r}`});let Z;$.length>0&&(Z=b({id:(0,y.OB)("components.DynamicZone.error-message"),defaultMessage:"The component contains error(s)"}));const L=()=>{g(D=>!D)},[{handlerId:q,isDragging:W,handleKeyDown:k},z,X,F,H]=(0,ve.Y9)(a,{type:`${y._Q.DYNAMIC_ZONE}_${s}`,index:r,item:{displayedValue:`${M}${R}`,icon:C},onMoveItem:c,onGrabItem:d,onDropItem:m,onCancel:u});(0,e.useEffect)(()=>{H((0,xt.rX)(),{captureDraggingState:!1})},[H,r]);const K=(0,y.FE)(z,X),A=a?e.createElement(Tm,{gap:0,expanded:E},e.createElement(Dm,{noBorder:!0,label:b({id:(0,y.OB)("components.DynamicZone.delete-label"),defaultMessage:"Delete {name}"},{name:M}),onClick:l},e.createElement(Je.Z,null)),e.createElement(De.h,{forwardedAs:"div",role:"button",noBorder:!0,tabIndex:0,onClick:D=>D.stopPropagation(),"data-handler-id":q,ref:F,label:b({id:(0,y.OB)("components.DragHandle-label"),defaultMessage:"Drag"}),onKeyDown:k},e.createElement(st.Z,null)),e.createElement(fe.fC,null,e.createElement(fe.xz,{size:"S",endIcon:null,paddingLeft:2,paddingRight:2},e.createElement(oo.Z,{"aria-hidden":!0,focusable:!1}),e.createElement(lt.T,{as:"span"},b({id:(0,y.OB)("components.DynamicZone.more-actions"),defaultMessage:"More actions"}))),e.createElement(fe.VY,null,e.createElement(fe.rl,null,e.createElement(fe.fF,null,b({id:(0,y.OB)("components.DynamicZone.add-item-above"),defaultMessage:"Add component above"})),e.createElement(fe.tu,null,Object.entries(p).map(([D,O])=>e.createElement(e.Fragment,{key:D},e.createElement(fe.__,null,D),O.map(({componentUid:B,info:{displayName:ee}})=>e.createElement(qr.sN,{key:B,onSelect:()=>f(B,r)},ee)))))),e.createElement(fe.rl,null,e.createElement(fe.fF,null,b({id:(0,y.OB)("components.DynamicZone.add-item-below"),defaultMessage:"Add component below"})),e.createElement(fe.tu,null,Object.entries(p).map(([D,O])=>e.createElement(e.Fragment,{key:D},e.createElement(fe.__,null,D),O.map(({componentUid:B,info:{displayName:ee}})=>e.createElement(qr.sN,{key:B,onSelect:()=>f(B,r+1)},ee))))))))):null;return e.createElement(Zm,{as:"li",width:"100%"},e.createElement(T.k,{justifyContent:"center"},e.createElement(Im,{background:"neutral200"})),e.createElement(km,{ref:K,hasRadius:!0},W?e.createElement(Pm,{padding:6,background:"primary100"}):e.createElement(Jn.U,{expanded:E,onToggle:L,size:"S",error:Z},e.createElement(_n.B,{startIcon:e.createElement(Lt,{icon:C,showBackground:!1,size:"S"}),action:A,title:`${M}${R}`,togglePosition:"left"}),e.createElement(eo.v,null,e.createElement(Om,{background:"neutral0"},e.createElement(on,{componentUid:t,icon:C,name:`${s}.${r}`,isFromDynamicZone:!0}))))))},Tm=(0,x.ZP)(T.k)`
|
|
1016
|
-
/*
|
|
1017
|
-
we need to remove the background from the button but we can't
|
|
1018
|
-
wrap the element in styled because it breaks the forwardedAs which
|
|
1019
|
-
we need for drag handler to work on firefox
|
|
1020
|
-
*/
|
|
1021
|
-
div[role='button'] {
|
|
1022
|
-
background: transparent;
|
|
1023
|
-
}
|
|
1024
|
-
`,Dm=(0,x.ZP)(De.h)`
|
|
1025
|
-
background-color: transparent;
|
|
1026
|
-
|
|
1027
|
-
svg path {
|
|
1028
|
-
fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:t.colors.neutral600};
|
|
1029
|
-
}
|
|
1030
|
-
`,km=(0,x.ZP)(U.x)`
|
|
1031
|
-
> div:first-child {
|
|
1032
|
-
box-shadow: ${({theme:t})=>t.shadows.tableShadow};
|
|
1033
|
-
}
|
|
1034
|
-
`,Om=(0,x.ZP)(U.x)`
|
|
1035
|
-
border-radius: 0 0 ${({theme:t})=>t.spaces[1]} ${({theme:t})=>t.spaces[1]};
|
|
1036
|
-
`,Im=(0,x.ZP)(U.x)`
|
|
1037
|
-
width: ${({theme:t})=>t.spaces[2]};
|
|
1038
|
-
height: ${({theme:t})=>t.spaces[4]};
|
|
1039
|
-
`,Pm=x.ZP.span`
|
|
1040
|
-
display: block;
|
|
1041
|
-
background-color: ${({theme:t})=>t.colors.primary100};
|
|
1042
|
-
outline: 1px dashed ${({theme:t})=>t.colors.primary500};
|
|
1043
|
-
outline-offset: -1px;
|
|
1044
|
-
padding: ${({theme:t})=>t.spaces[6]};
|
|
1045
|
-
`,Zm=(0,x.ZP)(U.x)`
|
|
1046
|
-
list-style: none;
|
|
1047
|
-
padding: 0;
|
|
1048
|
-
margin: 0;
|
|
1049
|
-
`;jo.defaultProps={dynamicComponentsByCategory:{},formErrors:{},index:0,isFieldAllowed:!0,onAddComponent:void 0,onGrabItem:void 0,onDropItem:void 0,onCancel:void 0},jo.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 Wo=({label:t,labelAction:o,name:r,numberOfComponents:a,required:s,intlDescription:l})=>{const{formatMessage:c}=(0,Q.Z)(),d=c({id:t||r,defaultMessage:t||r});return e.createElement(T.k,{justifyContent:"center"},e.createElement(U.x,{paddingTop:3,paddingBottom:3,paddingRight:4,paddingLeft:4,borderRadius:"26px",background:"neutral0",shadow:"filterShadow",color:"neutral500"},e.createElement(T.k,{direction:"column",justifyContent:"center"},e.createElement(T.k,{maxWidth:(0,h.Q1)(356)},e.createElement(S.Z,{variant:"pi",textColor:"neutral600",fontWeight:"bold",ellipsis:!0},d,"\xA0"),e.createElement(S.Z,{variant:"pi",textColor:"neutral600",fontWeight:"bold"},"(",a,")"),s&&e.createElement(S.Z,{textColor:"danger600"},"*"),o&&e.createElement(U.x,{paddingLeft:1},o)),l&&e.createElement(U.x,{paddingTop:1,maxWidth:(0,h.Q1)(356)},e.createElement(S.Z,{variant:"pi",textColor:"neutral600",ellipsis:!0},c(l))))))};Wo.defaultProps={intlDescription:void 0,label:"",labelAction:void 0,numberOfComponents:0,required:!1},Wo.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 zo=({name:t,labelAction:o,fieldSchema:r,metadatas:a})=>{const{max:s=1/0,min:l=-1/0,components:c=[],required:d=!1}=r,[m,u]=(0,e.useState)(!1),[p,f]=(0,e.useState)(""),{addComponentToDynamicZone:E,createActionAllowedFields:g,isCreatingEntry:b,formErrors:v,modifiedData:P,moveComponentField:C,removeComponentFromDynamicZone:M,readActionAllowedFields:R,updateActionAllowedFields:$}=(0,h.Wq)(),Z=(0,e.useMemo)(()=>(P?.[t]??[]).map(I=>({componentUid:I.__component,id:I.id??I.__temp_key__})),[P,t]),{getComponentLayout:L,components:q}=(0,ve.PL)(),W=(0,e.useMemo)(()=>c.reduce((I,oe)=>{const{category:he,info:ke,attributes:we}=L(oe),Ue={componentUid:oe,info:ke,attributes:we};return I[he]||(I[he]=[]),I[he]=[...I[he],Ue],I},{}),[c,L]),{formatMessage:k}=(0,Q.Z)(),z=(0,h.lm)(),X=(0,e.useMemo)(()=>(b?g:$).includes(t),[t,b,g,$]),F=(0,e.useMemo)(()=>(b?[]:R).includes(t),[t,b,R]),H=Z.length,K=a.description?{id:a.description,defaultMessage:a.description}:null,A=v[t],D=l-H,O=!!A,B=(I,oe)=>{u(!1);const he=L(I);E(t,he,q,O,oe)},ee=()=>{H<s?u(I=>!I):z({type:"info",message:{id:(0,y.OB)("components.notification.info.maximum-requirement")}})},j=(I,oe)=>{f(k({id:(0,y.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:`${t}.${oe}`,position:Y(I)})),C({name:t,newIndex:I,currentIndex:oe})},Y=I=>`${I+1} of ${Z.length}`,V=I=>{f(k({id:(0,y.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:`${t}.${I}`}))},G=I=>{f(k({id:(0,y.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}.${I}`,position:Y(I)}))},ne=I=>{f(k({id:(0,y.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:`${t}.${I}`,position:Y(I)}))},de=(I,oe)=>()=>{M(I,oe)},ye=()=>m?k({id:"app.utils.close-label",defaultMessage:"Close"}):O&&A.id.includes("max")?k({id:"components.Input.error.validation.max",defaultMessage:"The value is too high."}):O&&A.id.includes("min")?k({id:(0,y.OB)("components.DynamicZone.missing-components"),defaultMessage:"There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}"},{number:D}):k({id:(0,y.OB)("components.DynamicZone.add-component"),defaultMessage:"Add a component to {componentName}"},{componentName:a.label||t});if(!X&&(b||!F&&!b))return e.createElement(h.X0,{description:K,intlLabel:{id:a.label,defaultMessage:a.label},labelAction:o,name:t});const ge=`${t}-item-instructions`;return e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:6},H>0&&e.createElement(U.x,null,e.createElement(Wo,{intlDescription:K,label:a.label,labelAction:o,name:t,numberOfComponents:H,required:d}),e.createElement(lt.T,{id:ge},k({id:(0,y.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"})),e.createElement(lt.T,{"aria-live":"assertive"},p),e.createElement("ol",{"aria-describedby":ge},Z.map(({componentUid:I,id:oe},he)=>e.createElement(jo,{componentUid:I,formErrors:v,key:`${I}-${oe}`,index:he,isFieldAllowed:X,name:t,onMoveComponent:j,onRemoveComponentClick:de(t,he),onCancel:V,onDropItem:ne,onGrabItem:G,onAddComponent:B,dynamicComponentsByCategory:W})))),e.createElement(T.k,{justifyContent:"center"},e.createElement(Kn,{hasError:O,isDisabled:!X,isOpen:m,onClick:ee},ye())),e.createElement(no,{dynamicComponentsByCategory:W,isOpen:m,onClickAddComponent:B}))};zo.defaultProps={fieldSchema:{},labelAction:null},zo.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 xm=i(86834),Ve=i.n(xm),Rs=i(12788),qo=i(99526),Sm=i(10268),Ms=i.n(Sm),Lm=i(56236),Am=i.n(Lm);const rn=["createdBy","updatedBy"];var Fm=i(77236),$m=i.n(Fm),Bm=i(85973),wm=i.n(Bm);const Nm=({browserState:t,serverState:o},r,a)=>{const s=o,l=t,c=(u,p)=>w()(u,["attributes",p,"type"],""),d=(u,p)=>w()(u,["attributes",...p],""),m=(u,p,f,E)=>Object.keys(u).reduce((g,b)=>{if(rn.includes(b))return g;const v=E?`${E}.${b}`:b,P=c(f,b),C=w()(u,b),M=w()(p,b),R=d(f,[b,"component"]),$=d(f,[b,"repeatable"]);let Z;switch(P){case"json":Z=JSON.parse(C);break;case"time":{Z=C,C&&C.split(":").length<3&&(Z=`${C}:00`);break}case"media":d(f,[b,"multiple"])===!0?Z=C?C.filter(L=>!(L instanceof File)):null:Z=w()(C,0)instanceof File?null:w()(C,"id",null);break;case"component":$?Z=C&&C.map((L,q)=>m(L,(M??[])[q],a[R],`${v}.${q}`)):Z=C&&m(C,M,a[R],v);break;case"relation":{const L=ns(s,l)(v).join(".");let q=w()(s,L,[]);const W=C.reduce((z,X,F,H)=>{const K=q.find(D=>D.id===X.id),A=H[F+1];if(!K||K.__temp_key__!==X.__temp_key__){const D=A?{before:A.id}:{end:!0};return[...z,{id:X.id,position:D}]}return z},[]);Z={disconnect:q.reduce((z,X)=>C.find(F=>F.id===X.id)?z:[...z,{id:X.id}],[]),connect:W.reverse()};break}case"dynamiczone":Z=C.map((L,q)=>m(L,(M??[])[q],a[L.__component],`${v}.${q}`));break;default:Z=jm(C,"id")}return g[b]=Z,g},{});return m(t,o,r,"")},jm=(t,o)=>$m()(t)?t.map(r=>r[o]?r[o]:r):wm()(t)?t[o]:t;var Wm=Nm;const sn=(t,o=()=>!1,r=void 0)=>{const a=(s,l,{ignoreFalseyValues:c=!1,path:d=[],parent:m=l}={})=>Object.entries(l).reduce((u,[p,f])=>{if(c&&(u==null||u[p]===void 0||u[p]===null))return u;if(o(f,{path:[...d,p],parent:m})&&(u[p]=typeof r=="function"?r(u[p],{path:[...d,p],parent:u}):r),f.type==="component"){const E=t[f.component].attributes;!f.repeatable&&u[p]&&typeof u[p]=="object"?u[p]=a(u[p],E,{ignoreFalseyValues:c,path:[...d,p],parent:l[p]}):f.repeatable&&Array.isArray(u[p])&&(u[p]=u[p].map((g,b)=>a(g,E,{ignoreFalseyValues:c,path:[...d,p,b],parent:l[p]})))}else f.type==="dynamiczone"&&Array.isArray(u[p])&&(u[p]=u[p].map((E,g)=>{const b=t[E.__component].attributes;return a(E,b,{ignoreFalseyValues:c,path:[...d,p,g],parent:l[p]})}));return u},{...s});return a};var Ts=(t,o,r,a)=>{const s=t.slice();return s.splice(o,1),s.splice(r,0,a),s};const zm={componentsDataStructure:{},contentTypeDataStructure:{},formErrors:{},initialData:{},modifiedData:null,shouldCheckErrors:!1,modifiedDZName:null,publishConfirmation:{show:!1,draftCount:0}};var qm=(t,o)=>(0,Wn.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=sn(s,m=>m.type==="relation",[])(l,a.attributes);se()(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 m=[...w()(t,["modifiedData",...a],[])];let u=d;u===void 0?u=m.length:u<0&&(u=0);const p=o.type==="ADD_COMPONENT_TO_DYNAMIC_ZONE"?{...t.componentsDataStructure[l.uid],__component:l.uid,__temp_key__:(0,y.Uo)(m)+1}:{...t.componentsDataStructure[l.uid],__temp_key__:(0,y.Uo)(m)+1},E=sn(s,g=>g.type==="relation",[])(p,l.attributes);m.splice(u,0,E),se()(r,["modifiedData",...a],m);break}case"LOAD_RELATION":{const{initialDataPath:a,modifiedDataPath:s,value:l}=o,c=w()(t,a),d=w()(t,s),m=c?l.filter(f=>!c.some(E=>E.id===f.id)):l,u=(0,qo.zJ)(null,d[0]?.__temp_key__,m.length),p=m.map((f,E)=>({...f,__temp_key__:u[E]}));se()(r,a,Ms()([...p,...c],"id")),se()(r,s,Ms()([...p,...d],"id"));break}case"CONNECT_RELATION":{const a=["modifiedData",...o.keys],{value:s,toOneRelation:l}=o;if(l)se()(r,a,[s]);else{const c=w()(t,a),[d]=(0,qo.zJ)(c.at(-1)?.__temp_key__,null,1),m=[...c,{...s,__temp_key__:d}];se()(r,a,m)}break}case"DISCONNECT_RELATION":{const a=["modifiedData",...o.keys],{id:s}=o,c=w()(t,[...a]).filter(d=>d.id!==s);se()(r,a,c);break}case"MOVE_COMPONENT_FIELD":case"REORDER_RELATION":{const{oldIndex:a,newIndex:s,keys:l}=o,c=["modifiedData",...l],d=w()(t,[...c]),m=d[a],u=[...d];if(o.type==="REORDER_RELATION"){const p=a>s?d[s-1]?.__temp_key__:d[s]?.__temp_key__,f=a>s?d[s]?.__temp_key__:d[s+1]?.__temp_key__,[E]=(0,qo.zJ)(p,f,1);u.splice(a,1),u.splice(s,0,{...m,__temp_key__:E})}else u.splice(a,1),u.splice(s,0,m);se()(r,c,u);break}case"INIT_FORM":{const{initialValues:a,components:s={},attributes:l={},setModifiedDataOnly:c}=o,d=Xe()(a),u=sn(s,(E,{path:g})=>{const b=g[g.length-1],v=rn.includes(b);return E.type==="relation"&&!v},(E,{path:g})=>t.modifiedData?.id===d.id&&w()(t.modifiedData,g)?w()(t.modifiedData,g):[])(d,l),f=sn(s,E=>E.type==="dynamiczone"||E.type==="component"&&!E.repeatable,E=>Array.isArray(E)?E.map((g,b)=>({...g,__temp_key__:b})):{...E,__temp_key__:0})(u,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,m=t.modifiedData[s][a],u=Ts(c,a,d,m);se()(r,["modifiedData",o.dynamicZoneName],u);break}case"MOVE_FIELD":{const a=w()(t,["modifiedData",...o.keys],[]).slice(),s=w()(t,["modifiedData",...o.keys,o.dragIndex]),l=Ts(a,o.dragIndex,o.overIndex,s);se()(r,["modifiedData",...o.keys],l);break}case"ON_CHANGE":{const[a]=o.keys;if(o.shouldSetInitialValue&&se()(r,["initialData",...o.keys],o.value),o.keys.length===2&&w()(t,["modifiedData",a])===null){se()(r,["modifiedData",a],{[o.keys[1]]:o.value});break}se()(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];se()(r,a,null);break}case"REMOVE_PASSWORD_FIELD":{Am()(r,["modifiedData",...o.keys]);break}case"REMOVE_REPEATABLE_FIELD":{const a=o.keys.length-1,s=["modifiedData",...wt()(o.keys,a)];Object.keys(t.formErrors).length>0&&(r.shouldCheckErrors=!t.shouldCheckErrors);const c=w()(t,s).slice();c.splice(parseInt(o.keys[a],10),1),se()(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 Vo=({allLayoutData:t,allowedActions:{canRead:o,canUpdate:r},children:a,componentsDataStructure:s,contentTypeDataStructure:l,createActionAllowedFields:c,from:d,initialValues:m,isCreatingEntry:u,isLoadingForData:p,isSingleType:f,onPost:E,onPublish:g,onDraftRelationCheck:b,onPut:v,onUnpublish:P,readActionAllowedFields:C,redirectToPreviousPage:M,slug:R,status:$,updateActionAllowedFields:Z})=>{const[L,q]=e.useState(!1),[W,k]=(0,e.useReducer)(qm,zm),{formErrors:z,initialData:X,modifiedData:F,modifiedDZName:H,shouldCheckErrors:K,publishConfirmation:A}=W,{setModifiedDataOnly:D}=(0,te.v9)(Gn),O=(0,te.I0)(),B=(0,h.lm)(),{lockApp:ee,unlockApp:j}=(0,h.o1)(),Y=w()(t,["contentType"],{}),V=(0,e.useMemo)(()=>w()(Y,["options","draftAndPublish"],!1),[Y]),G=(0,e.useMemo)(()=>V&&!X.publishedAt,[V,X.publishedAt]),{trackUsage:ne}=(0,h.rS)(),{formatMessage:de}=(0,Q.Z)(),ye=(0,e.useRef)(ne),ge=(0,e.useMemo)(()=>p||u?!1:o===!1&&r===!1,[p,u,o,r]);(0,e.useEffect)(()=>{$==="resolved"?j():ee()},[ee,j,$]),(0,e.useEffect)(()=>{p||et()},[K]),(0,e.useEffect)(()=>{const N=Object.keys(z);if(N.length>0){const J=N[0],ie=document.getElementById(J);ie&&ie.focus()}},[z]),(0,e.useEffect)(()=>{ge&&B({type:"info",message:{id:(0,y.OB)("permissions.not-allowed.update")}})},[ge,B]),(0,e.useEffect)(()=>{k({type:"SET_DEFAULT_DATA_STRUCTURES",componentsDataStructure:s,contentTypeDataStructure:l})},[s,l]);const{components:I}=t,oe=(0,ve.zH)(m);(0,e.useEffect)(()=>{m&&Y?.attributes&&!$e()(oe,m)&&(k({type:"INIT_FORM",initialValues:m,components:I,attributes:Y.attributes,setModifiedDataOnly:D}),D&&O(Ec()))},[m,Y,I,D,O,oe]);const he=(0,e.useCallback)(N=>(J,ie,Pe,Ne=!1,ct=void 0)=>{ye.current("didAddComponentToDynamicZone"),k({type:N,keys:J.split("."),position:ct,componentLayoutData:ie,allComponents:Pe,shouldCheckErrors:Ne})},[]),ke=he("ADD_COMPONENT_TO_DYNAMIC_ZONE"),we=(0,e.useCallback)((N,J,ie)=>{k({type:"ADD_NON_REPEATABLE_COMPONENT_TO_FIELD",keys:N.split("."),componentLayoutData:J,allComponents:ie})},[]),Ue=(0,e.useCallback)(({name:N,value:J,toOneRelation:ie})=>{k({type:"CONNECT_RELATION",keys:N.split("."),value:J,toOneRelation:ie})},[]),me=(0,e.useCallback)(({target:{initialDataPath:N,modifiedDataPath:J,value:ie,modifiedDataOnly:Pe}})=>{k({type:"LOAD_RELATION",modifiedDataPath:J,initialDataPath:N,value:ie,modifiedDataOnly:Pe})},[]),Se=he("ADD_REPEATABLE_COMPONENT_TO_FIELD"),Re=(0,e.useMemo)(()=>{const N={isCreatingEntry:u,isDraft:G,isFromComponent:!1};return(0,y.Ex)(Y,{components:t.components||{}},N)},[t.components,Y,u,G]),et=(0,e.useCallback)(async(N={})=>{let J={};const ie=Xe()(F);Ve()(ie)||se()(ie,N.path,N.value);try{await Re.validate(ie,{abortEarly:!1})}catch(Pe){J=(0,h.CJ)(Pe),H&&(J=Object.keys(J).reduce((Ne,ct)=>(ct.split(".")[0]!==H&&(Ne[ct]=J[ct]),Ne),{}))}k({type:"SET_FORM_ERRORS",errors:J})},[H,F,Re]),yt=(0,e.useCallback)(({target:{name:N,value:J,type:ie}},Pe=!1)=>{let Ne=J;if(["text","textarea","string","email","uid","select","select-one","number"].includes(ie)&&!J&&J!==0&&(Ne=null),ie==="password"&&!J){k({type:"REMOVE_PASSWORD_FIELD",keys:N.split(".")});return}k({type:"ON_CHANGE",keys:N.split("."),value:Ne,shouldSetInitialValue:Pe})},[]),bt=(0,e.useCallback)((N,J)=>Wm({browserState:N,serverState:J},Y,t.components),[t.components,Y]),Ee=(0,e.useMemo)(()=>V?G?{status:"draft"}:{}:{},[V,G]),Me=(0,e.useCallback)(async N=>(N.preventDefault(),k({type:"RESET_PUBLISH_CONFIRMATION"})),[]),tt=(0,e.useCallback)(async N=>{N.preventDefault();let J={};try{await Re.validate(F,{abortEarly:!1})}catch(ie){J=(0,h.CJ)(ie)}try{if(Ve()(J)){const ie=bt(F,X);(0,Rs.flushSync)(()=>{q(!0)}),u?await E(ie,Ee):await v(ie,Ee),q(!1)}}catch(ie){q(!1),J={...J,...(0,h.nn)(ie,{getTrad:y.OB})}}k({type:"SET_FORM_ERRORS",errors:J})},[bt,u,F,X,E,v,Ee,Re]),fn=(0,e.useCallback)(async()=>{const N=(0,y.Ex)(Y,{components:w()(t,"components",{})},{isCreatingEntry:u,isDraft:!1,isFromComponent:!1}),J=await b();if(!A.show&&J>0){k({type:"SET_PUBLISH_CONFIRMATION",publishConfirmation:{show:!0,draftCount:J}});return}k({type:"RESET_PUBLISH_CONFIRMATION"});let ie={};try{await N.validate(F,{abortEarly:!1})}catch(Pe){ie=(0,h.CJ)(Pe)}try{Ve()(ie)&&((0,Rs.flushSync)(()=>{q(!0)}),await g(),q(!1))}catch(Pe){q(!1),ie={...ie,...(0,h.nn)(Pe,{getTrad:y.OB})}}k({type:"SET_FORM_ERRORS",errors:ie})},[t,Y,u,F,A.show,g,b]),Ye=(0,e.useCallback)(N=>{const J=Object.keys(z).some(Pe=>Pe.split(".")[0]===N);return!Ve()(z)&&J},[z]),pr=(0,e.useCallback)((N,J)=>{ye.current("changeComponentsOrder"),k({type:"MOVE_COMPONENT_DOWN",dynamicZoneName:N,currentIndex:J,shouldCheckErrors:Ye(N)})},[Ye]),hn=(0,e.useCallback)((N,J)=>{ye.current("changeComponentsOrder"),k({type:"MOVE_COMPONENT_UP",dynamicZoneName:N,currentIndex:J,shouldCheckErrors:Ye(N)})},[Ye]),gr=(0,e.useCallback)(({name:N,newIndex:J,currentIndex:ie})=>{k({type:"MOVE_COMPONENT_FIELD",keys:N.split("."),newIndex:J,oldIndex:ie})},[]),fr=(0,e.useCallback)(({name:N,id:J})=>{k({type:"DISCONNECT_RELATION",keys:N.split("."),id:J})},[]),hr=(0,e.useCallback)(({name:N,oldIndex:J,newIndex:ie})=>{k({type:"REORDER_RELATION",keys:N.split("."),oldIndex:J,newIndex:ie})},[]),Er=(0,e.useCallback)((N,J)=>{ye.current("removeComponentFromDynamicZone"),k({type:"REMOVE_COMPONENT_FROM_DYNAMIC_ZONE",dynamicZoneName:N,index:J,shouldCheckErrors:Ye(N)})},[Ye]),_=(0,e.useCallback)((N,J)=>{k({type:"REMOVE_COMPONENT_FROM_FIELD",keys:N.split("."),componentUid:J})},[]),ae=(0,e.useCallback)((N,J)=>{k({type:"REMOVE_REPEATABLE_FIELD",keys:N.split("."),componentUid:J})},[]),re=(0,e.useCallback)(()=>{k({type:"TRIGGER_FORM_VALIDATION"})},[]);return ge?e.createElement(le.l_,{to:d}):F?e.createElement(h.W1.Provider,{value:{addComponentToDynamicZone:ke,addNonRepeatableComponentToField:we,addRepeatableComponentToField:Se,allLayoutData:t,checkFormErrors:et,createActionAllowedFields:c,formErrors:z,hasDraftAndPublish:V,initialData:X,isCreatingEntry:u,isSingleType:f,shouldNotRunValidations:G,status:$,layout:Y,modifiedData:F,moveComponentField:gr,moveComponentDown:pr,moveComponentUp:hn,onChange:yt,onPublish:fn,onUnpublish:P,readActionAllowedFields:C,redirectToPreviousPage:M,removeComponentFromDynamicZone:Er,removeComponentFromField:_,removeRepeatableField:ae,relationConnect:Ue,relationDisconnect:fr,relationLoad:me,relationReorder:hr,slug:R,triggerFormValidation:re,updateActionAllowedFields:Z,onPublishPromptDismissal:Me,publishConfirmation:A}},p||!u&&!X.id?e.createElement(Oe.o,{"aria-busy":"true"},e.createElement(h.dO,null)):e.createElement(e.Fragment,null,L?null:e.createElement(le.NL,{when:!$e()(F,X),message:de({id:"global.prompt.unsaved"})}),e.createElement("form",{noValidate:!0,onSubmit:tt},a))):null};Vo.defaultProps={from:"/",initialValues:null,redirectToPreviousPage(){}},Vo.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 Vm=Vo;const Um=(t={})=>Object.values(t).reduce((o,r)=>Object.assign(o,r),{});var Ds=(t={})=>{const{plugins:o,_q:r,...a}={...t,...Um(t.plugins)};return r&&(a._q=encodeURIComponent(r)),a};const ks=({allLayoutData:t,children:o,slug:r})=>{const a=(0,xe.useQueryClient)(),{trackUsage:s}=(0,h.rS)(),{push:l}=(0,le.k6)(),{setCurrentStep:c}=(0,h.c1)(),d=(0,e.useRef)(s),[m,u]=(0,e.useState)(!0),[{query:p,rawQuery:f}]=(0,h.Kx)(),E=(0,e.useMemo)(()=>Ds(p),[p]),g=(0,h.lm)(),b=(0,te.I0)(),{formatAPIError:v}=(0,h.So)(y.OB),P=(0,h.kY)(),{post:C,put:M,del:R}=P,{componentsDataStructure:$,contentTypeDataStructure:Z,data:L,isLoading:q,status:W}=(0,te.v9)(Gn),k=(0,e.useCallback)(O=>{const B=(0,y.kc)(O,t.contentType,t.components);return(0,h.dU)(B,t.contentType,t.components)},[t]);(0,e.useEffect)(()=>()=>{b(Nr())},[b]),(0,e.useEffect)(()=>{const O=Object.keys(t.components).reduce((j,Y)=>{const V=(0,y.Di)(w()(t,["components",Y,"attributes"],{}),t.components);return j[Y]=(0,h.dU)(V,t.components[Y],t.components),j},{}),B=(0,y.Di)(t.contentType.attributes,t.components),ee=(0,h.dU)(B,t.contentType,t.components);b(jr(O,ee))},[t,b]),(0,e.useEffect)(()=>{const B=Qe.default.CancelToken.source();return(async j=>{b(Jt()),u(!0);try{const{data:Y}=await P.get(`/content-manager/single-types/${r}`,{cancelToken:j.token,params:E});b(Un(k(Y))),u(!1)}catch(Y){if(Qe.default.isCancel(Y))return;const V=w()(Y,"response.status",null);V===404&&b(Hn(f,!0)),V===403&&(g({type:"info",message:{id:(0,y.OB)("permissions.not-allowed.update")}}),l("/"))}})(B),()=>B.cancel("Operation canceled by the user.")},[P,k,l,r,b,E,f,g]);const z=(0,e.useCallback)(O=>{g({type:"warning",message:v(O)})},[g,v]),X=(0,e.useCallback)(async O=>{try{d.current("willDeleteEntry",O);const{data:B}=await R(`/content-manager/single-types/${r}`,{params:E});return g({type:"success",message:{id:(0,y.OB)("success.record.delete")}}),d.current("didDeleteEntry",O),u(!0),b(Hn(f,!0)),Promise.resolve(B)}catch(B){return d.current("didNotDeleteEntry",{error:B,...O}),z(B),Promise.reject(B)}},[R,r,E,g,b,f,z]),F=(0,e.useCallback)(async(O,B)=>{const ee=`/content-manager/single-types/${r}`;try{b(pe("submit-pending"));const{data:j}=await M(ee,O,{params:p});return d.current("didCreateEntry",B),g({type:"success",message:{id:(0,y.OB)("success.record.save")}}),c("contentManager.success"),a.invalidateQueries(["relation"]),b(it(k(j))),u(!1),b(pe("resolved")),Promise.resolve(j)}catch(j){return d.current("didNotCreateEntry",{error:j,trackerProperty:B}),z(j),b(pe("resolved")),Promise.reject(j)}},[M,k,z,r,b,p,g,c,a]),H=(0,e.useCallback)(async()=>{try{d.current("willCheckDraftRelations");const O=`/content-manager/single-types/${r}/actions/countDraftRelations`;b(pe("draft-relation-check-pending"));const B=await P.get(O);return d.current("didCheckDraftRelations"),b(pe("resolved")),B.data.data}catch(O){return z(O),b(pe("resolved")),Promise.reject(O)}},[P,z,r,b]),K=(0,e.useCallback)(async()=>{try{d.current("willPublishEntry");const O=`/content-manager/single-types/${r}/actions/publish`;b(pe("publish-pending"));const{data:B}=await C(O,{},{params:E});return d.current("didPublishEntry"),g({type:"success",message:{id:(0,y.OB)("success.record.publish")}}),b(it(k(B))),b(pe("resolved")),Promise.resolve(B)}catch(O){return z(O),b(pe("resolved")),Promise.reject(O)}},[r,b,C,E,g,k,z]),A=(0,e.useCallback)(async(O,B)=>{const ee=`/content-manager/single-types/${r}`;try{d.current("willEditEntry",B),b(pe("submit-pending"));const{data:j}=await M(ee,O,{params:p});return g({type:"success",message:{id:(0,y.OB)("success.record.save")}}),d.current("didEditEntry",{trackerProperty:B}),a.invalidateQueries(["relation"]),b(it(k(j))),b(pe("resolved")),Promise.resolve(j)}catch(j){return z(j),d.current("didNotEditEntry",{error:j,trackerProperty:B}),b(pe("resolved")),Promise.reject(j)}},[M,k,z,r,b,p,g,a]),D=(0,e.useCallback)(async()=>{const O=`/content-manager/single-types/${r}/actions/unpublish`;b(pe("unpublish-pending"));try{d.current("willUnpublishEntry");const{data:B}=await C(O,{},{params:E});d.current("didUnpublishEntry"),g({type:"success",message:{id:(0,y.OB)("success.record.unpublish")}}),b(it(k(B))),b(pe("resolved"))}catch(B){b(pe("resolved")),z(B)}},[r,b,C,E,g,k,z]);return o({componentsDataStructure:$,contentTypeDataStructure:Z,data:L,isCreatingEntry:m,isLoadingForData:q,onDelete:X,onPost:F,onDraftRelationCheck:H,onPublish:K,onPut:A,onUnpublish:D,redirectionLink:"/",status:W})};ks.propTypes={allLayoutData:n().shape({components:n().object.isRequired,contentType:n().object.isRequired}).isRequired,children:n().func.isRequired,slug:n().string.isRequired};var Hm=(0,e.memo)(ks);function Gm(t,o){return r=>{const a=o();return e.createElement(t,{...r,...a})}}var Qm=Gm;function Ym(){const{hasDraftAndPublish:t,modifiedData:o}=(0,h.Wq)();let r={};return t&&(r=Ve()(o.publishedAt)?{status:"draft"}:{status:"published"}),{hasDraftAndPublish:t,trackerProperty:r}}var Km=Ym;const Os=({onDelete:t,trackerProperty:o})=>{const[r,a]=(0,e.useState)(!1),[s,l]=(0,e.useState)(!1),{formatMessage:c}=(0,Q.Z)(),{formatAPIError:d}=(0,h.So)(y.OB),m=(0,h.lm)(),u=()=>a(f=>!f),p=async()=>{try{l(!0),await t(o),l(!1),u()}catch(f){l(!1),u(),m({type:"warning",message:d(f)})}};return e.createElement(e.Fragment,null,e.createElement(ue.z,{onClick:u,size:"S",startIcon:e.createElement(Je.Z,null),variant:"danger-light"},c({id:(0,y.OB)("containers.Edit.delete-entry"),defaultMessage:"Delete this entry"})),e.createElement(h.QH,{isConfirmButtonLoading:s,isOpen:r,onConfirm:p,onToggleDialog:u}))};Os.propTypes={onDelete:n().func.isRequired,trackerProperty:n().object.isRequired};const Xm=(0,e.memo)(Os,$e());var Jm=Qm(Xm,Km),_m=i(48715);function ep(t,o){return r=>{const a=o();return e.createElement(t,{...r,...a})}}var tp=ep;function np(){const{initialData:t,hasDraftAndPublish:o}=(0,h.Wq)(),r=t.publishedAt!==void 0&&t.publishedAt!==null;return{hasDraftAndPublish:o,isPublished:r}}var op=np;const rp=(0,x.ZP)(_m.Z)`
|
|
1050
|
-
width: ${(0,h.Q1)(6)};
|
|
1051
|
-
height: ${(0,h.Q1)(6)};
|
|
1052
|
-
* {
|
|
1053
|
-
fill: ${({theme:t,$bulletColor:o})=>t.colors[o]};
|
|
1054
|
-
}
|
|
1055
|
-
`,Is=({hasDraftAndPublish:t,isPublished:o})=>{const{formatMessage:r}=(0,Q.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(U.x,{hasRadius:!0,as:"aside",paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,...s.box},e.createElement(U.x,{as:T.k},e.createElement(rp,{$bulletColor:s.bulletColor}),e.createElement(U.x,{paddingLeft:3},e.createElement(S.Z,{textColor:s.textColor},r({id:(0,y.OB)("containers.Edit.information.editing"),defaultMessage:"Editing"}),"\xA0"),e.createElement(S.Z,{fontWeight:"bold",textColor:s.textColor},o&&r({id:(0,y.OB)("containers.Edit.information.publishedVersion"),defaultMessage:"published version"}),!o&&r({id:(0,y.OB)("containers.Edit.information.draftVersion"),defaultMessage:"draft version"})))))};Is.propTypes={hasDraftAndPublish:n().bool.isRequired,isPublished:n().bool.isRequired};var sp=tp(Is,op);const Uo=({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:u,max:p,min:f,repeatable:E=!1,required:g=!1}=r;return e.createElement(Ce.P,{col:c,s:12,xs:12,key:u},e.createElement(on,{componentUid:u,labelAction:a,isRepeatable:E,intlLabel:{id:s.label,defaultMessage:s.label},max:p,min:f,name:l,required:g}))}return e.createElement(Ce.P,{col:c,key:l,s:12,xs:12},e.createElement(Lo,{size:c,fieldSchema:r,keys:l,labelAction:a,metadatas:s,queryInfos:d,customFieldInputs:o}))}));Uo.defaultProps={customFieldInputs:{}},Uo.propTypes={columns:n().array.isRequired,customFieldInputs:n().object};var ap=Uo,an=i(47209),ln=i(96433),cn=i(22128);function ip(t,o){return r=>{const a=o();return e.createElement(t,{...r,...a})}}var lp=ip;function cp(){const{initialData:t,isCreatingEntry:o,isSingleType:r,status:a,layout:s,hasDraftAndPublish:l,modifiedData:c,onPublish:d,onUnpublish:m,publishConfirmation:u,onPublishPromptDismissal:p}=(0,h.Wq)();return{initialData:t,isCreatingEntry:o,isSingleType:r,status:a,layout:s,hasDraftAndPublish:l,modifiedData:c,onPublish:d,onUnpublish:m,publishConfirmation:u,onPublishPromptDismissal:p}}var dp=cp;const Ps=(0,x.ZP)(T.k)`
|
|
1056
|
-
text-align: center;
|
|
1057
|
-
`,Zs=({allowedActions:{canUpdate:t,canCreate:o,canPublish:r},initialData:a,isCreatingEntry:s,isSingleType:l,hasDraftAndPublish:c,layout:d,modifiedData:m,onPublish:u,onUnpublish:p,status:f,publishConfirmation:{show:E,draftCount:g},onPublishPromptDismissal:b})=>{const{goBack:v}=(0,le.k6)(),[P,C]=(0,e.useState)(!1),{formatMessage:M}=(0,Q.Z)(),R=w()(d,["settings","mainField"],"id"),$=w()(d,["info","displayName"],"NOT FOUND"),Z=!$e()(a,m)||s&&!Ve()(m);let q=M({id:(0,y.OB)("containers.Edit.pluginHeader.title.new"),defaultMessage:"Create an entry"});!s&&!l&&(q=a[R]||$),l&&(q=$);let W=null;if(s&&o&&(W=e.createElement(T.k,{gap:2},c&&e.createElement(ue.z,{disabled:!0,startIcon:e.createElement(Ge.Z,null),variant:"secondary"},M({id:"app.utils.publish",defaultMessage:"Publish"})),e.createElement(ue.z,{disabled:!Z,loading:f==="submit-pending",type:"submit"},M({id:(0,y.OB)("containers.Edit.submit"),defaultMessage:"Save"})))),!s&&t){const F=c&&r,H=!Ve()(a.publishedAt),K=H?f==="unpublish-pending":f==="publish-pending",A=H?{id:"app.utils.unpublish",defaultMessage:"Unpublish"}:{id:"app.utils.publish",defaultMessage:"Publish"},D=H?()=>C(!0):()=>u();W=e.createElement(T.k,null,F&&e.createElement(ue.z,{disabled:Z,loading:K,onClick:D,startIcon:e.createElement(Ge.Z,null),variant:"secondary"},M(A)),e.createElement(U.x,{paddingLeft:F?2:0},e.createElement(ue.z,{disabled:!Z,loading:f==="submit-pending",type:"submit"},M({id:(0,y.OB)("containers.Edit.submit"),defaultMessage:"Save"}))))}const k=()=>C(F=>!F),z=()=>{k(),p()},X=`${M({id:(0,y.OB)("api.id"),defaultMessage:"API ID "})} : ${d.apiID}`;return e.createElement(e.Fragment,null,e.createElement(Ie.T,{title:q.toString(),primaryAction:W,subtitle:X,navigationAction:e.createElement(h.rU,{startIcon:e.createElement(gt.Z,null),onClick:F=>{F.preventDefault(),v()},to:"/"},M({id:"global.back",defaultMessage:"Back"}))}),e.createElement(an.V,{onClose:k,title:"Confirmation",labelledBy:"confirmation",describedBy:"confirm-description",isOpen:P},e.createElement(ln.a,{icon:e.createElement(jt.Z,null)},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(T.k,{justifyContent:"center",style:{textAlign:"center"}},e.createElement(S.Z,{id:"confirm-description"},M({id:(0,y.OB)("popUpWarning.warning.unpublish"),defaultMessage:"Unpublish this content will automatically change it to a draft."},{br:()=>e.createElement("br",null)}))),e.createElement(T.k,{justifyContent:"center",style:{textAlign:"center"}},e.createElement(S.Z,{id:"confirm-description"},M({id:(0,y.OB)("popUpWarning.warning.unpublish-question"),defaultMessage:"Are you sure you want to unpublish it?"}))))),e.createElement(cn.c,{startAction:e.createElement(ue.z,{onClick:k,variant:"tertiary"},M({id:"components.popUpWarning.button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(ue.z,{variant:"danger-light",onClick:z},M({id:"components.popUpWarning.button.confirm",defaultMessage:"Confirm"}))})),e.createElement(an.V,{onClose:b,title:M({id:(0,y.OB)("popUpWarning.warning.has-draft-relations.title"),defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:E},e.createElement(ln.a,{icon:e.createElement(jt.Z,null)},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Ps,{justifyContent:"center"},e.createElement(S.Z,{id:"confirm-description"},g,M({id:(0,y.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:F=>e.createElement(S.Z,{fontWeight:"bold"},F),count:g}))),e.createElement(Ps,{justifyContent:"center"},e.createElement(S.Z,{id:"confirm-description"},M({id:(0,y.OB)("popUpWarning.warning.publish-question"),defaultMessage:"Do you still want to publish?"}))))),e.createElement(cn.c,{startAction:e.createElement(ue.z,{onClick:b,variant:"tertiary"},M({id:"components.popUpWarning.button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(ue.z,{variant:"success",onClick:u},M({id:(0,y.OB)("popUpwarning.warning.has-draft-relations.button-confirm"),defaultMessage:"Publish"}))})))};Zs.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 up=(0,e.memo)(Zs,$e());var mp=lp(up,dp);const pp=t=>(0,e.useEffect)(t,gp),gp=[];var Ho=i(98865);function fp(){return e.createElement(Ho.d.Root,null,e.createElement(Ho.d.Title,null),e.createElement(Ho.d.Body,null))}var Go=i(98178),hp=t=>{if(!t.layouts)return[];const o=t.layouts.edit,r=t.attributes,a=c=>w()(r,[c,"type"],"");let s=0;const l=[];return o.forEach(c=>{const d=c.some(({name:m})=>a(m)==="dynamiczone");l[s]||(l[s]=[]),d?(s=s===0&&Ve()(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)},Ep=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)]},yp=i(3704),bp=i.n(yp),vp=i(91815),Cp=i.n(vp),Rp=(t,o)=>{const r=a=>{const s=(0,h.ZT)(t,[{action:`plugin::content-manager.explorer.${a}`,subject:o}]);return Cp()(bp()(s,"properties.fields"))};return{createActionAllowedFields:r("create"),readActionAllowedFields:r("read"),updateActionAllowedFields:r("update")}};const Qo=t=>t["content-manager_editViewLayoutManager"].currentLayout,Mp=(0,Go.P1)(Qo,t=>hp(t?.contentType??{})),Tp=(0,Go.P1)(Qo,t=>Ep(t)),Dp=[{action:"plugin::content-type-builder.read",subject:null}],Yo=({allowedActions:t,isSingleType:o,goBack:r,slug:a,id:s,origin:l,userPermissions:c})=>{const{trackUsage:d}=(0,h.rS)(),{formatMessage:m}=(0,Q.Z)(),u=(0,te.v9)(Le._),p=(0,le.TH)(),f=(0,h.lm)(),E=(0,$t.c)(fp,async()=>(await i.e(7897).then(i.bind(i,8291))).InformationBoxEE);pp(()=>{p?.state&&"error"in p.state&&f({type:"warning",message:p.state.error,timeout:5e3})});const{layout:g,formattedContentTypeLayout:b,customFieldUids:v}=(0,te.v9)(k=>({layout:Qo(k),formattedContentTypeLayout:Mp(k),customFieldUids:Tp(k)})),{isLazyLoading:P,lazyComponentStore:C}=so(v),{createActionAllowedFields:M,readActionAllowedFields:R,updateActionAllowedFields:$}=Rp(c,a),Z=o?u.contentManager.singleTypesConfigurations:u.contentManager.collectionTypesConfigurations,L=`/content-manager/${o?"singleType":"collectionType"}/${a}/configurations/edit`,q=o?Hm:yc,W=k=>k.every(z=>z.every(X=>X.fieldSchema.type==="dynamiczone"));return P?e.createElement(h.dO,null):E?e.createElement(q,{allLayoutData:g,slug:a,id:s,origin:l},({componentsDataStructure:k,contentTypeDataStructure:z,data:X,isCreatingEntry:F,isLoadingForData:H,onDelete:K,onPost:A,onPublish:D,onDraftRelationCheck:O,onPut:B,onUnpublish:ee,redirectionLink:j,status:Y})=>e.createElement(Vm,{allowedActions:t,allLayoutData:g,createActionAllowedFields:M,componentsDataStructure:k,contentTypeDataStructure:z,from:j,initialValues:X,isCreatingEntry:F,isLoadingForData:H,isSingleType:o,onPost:A,onPublish:D,onDraftRelationCheck:O,onPut:B,onUnpublish:ee,readActionAllowedFields:R,redirectToPreviousPage:r,slug:a,status:Y,updateActionAllowedFields:$},e.createElement(Oe.o,{"aria-busy":Y!=="resolved"},e.createElement(mp,{allowedActions:t}),e.createElement(ot.D,null,e.createElement(Ze.r,{gap:4},e.createElement(Ce.P,{col:9,s:12},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:6},b.map((V,G)=>{if(W(V)){const{0:{0:{name:ne,fieldSchema:de,metadatas:ye,labelAction:ge}}}=V;return e.createElement(U.x,{key:G},e.createElement(Ze.r,{gap:4},e.createElement(Ce.P,{col:12,s:12,xs:12},e.createElement(zo,{name:ne,fieldSchema:de,labelAction:ge,metadatas:ye}))))}return e.createElement(U.x,{key:G,hasRadius:!0,background:"neutral0",shadow:"tableShadow",paddingLeft:6,paddingRight:6,paddingTop:6,paddingBottom:6,borderColor:"neutral150"},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:6},V.map((ne,de)=>e.createElement(ap,{columns:ne,customFieldInputs:C,key:de}))))}))),e.createElement(Ce.P,{col:3,s:12},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(sp,null),e.createElement(U.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(E,null),e.createElement(Xt,{area:"contentManager.editView.informations"})),e.createElement(U.x,{as:"aside","aria-labelledby":"links"},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Xt,{area:"contentManager.editView.right-links",slug:a}),a!=="strapi::administrator"&&e.createElement(h.jW,{permissions:Dp},e.createElement(h.Qj,{onClick:()=>{d("willEditEditLayout")},size:"S",startIcon:e.createElement(rt.Z,null),style:{width:"100%"},to:`/plugins/content-type-builder/content-types/${a}`,variant:"secondary"},m({id:(0,y.OB)("link-to-ctb"),defaultMessage:"Edit the model"}))),e.createElement(h.jW,{permissions:Z},e.createElement(h.Qj,{size:"S",startIcon:e.createElement(Mn.Z,null),style:{width:"100%"},to:L,variant:"secondary"},m({id:"app.links.configure-view",defaultMessage:"Configure the view"}))),t.canDelete&&!F&&e.createElement(Jm,{onDelete:K})))))))))):null};Yo.defaultProps={id:null,isSingleType:!1,origin:null,userPermissions:[]},Yo.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 kp=Yo;const Ko=t=>{const o=(0,e.useMemo)(()=>(0,y.TA)(t.slug),[t.slug]),{isLoading:r,allowedActions:a}=(0,h.ss)(o,t.userPermissions);return r?e.createElement(h.dO,null):e.createElement(kp,{...t,allowedActions:a})};Ko.defaultProps={permissions:[]},Ko.propTypes={permissions:n().array,slug:n().string.isRequired,userPermissions:n().array.isRequired};var Op=(0,e.memo)(Ko,$e()),Ip=i(53634);const xs=({layout:t,...o})=>{const r=(0,te.v9)(Ip.Z),a=(0,te.I0)(),[{query:s}]=(0,h.Kx)(),{runHookWaterfall:l}=(0,h.j1)(),{permissions:c,isValid:d}=(0,ve.r5)(s,o.slug,"editView");return(0,e.useEffect)(()=>{const m=l(Kt.Eo,{layout:t,query:s});return a(gc(m.layout,s)),()=>{a(pc())}},[t,a,s,l]),!r||!d?e.createElement(h.dO,null):e.createElement(Op,{...o,userPermissions:c})};xs.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 dn=xs,un=i(33348);const Pp=(0,x.ZP)(T.k)`
|
|
1058
|
-
svg {
|
|
1059
|
-
width: ${32/16}rem;
|
|
1060
|
-
height: ${24/16}rem;
|
|
1061
|
-
margin-right: ${({theme:t})=>t.spaces[3]};
|
|
1062
|
-
}
|
|
1063
|
-
`,Ss=({attributes:t,fieldForm:o,fieldToEdit:r,onCloseModal:a,onChangeEditLabel:s,onSubmit:l,type:c})=>{const{formatMessage:d}=(0,Q.Z)(),m=t[r].relationType;let u=!["media","relation"].includes(c);return["oneWay","oneToOne","manyToOne"].includes(m)&&(u=!0),e.createElement(Zn.P,{onClose:a,labelledBy:"title"},e.createElement("form",{onSubmit:l},e.createElement(xn.x,null,e.createElement(Pp,null,e.createElement(Sr,{type:c}),e.createElement(S.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title"},d({id:(0,y.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:Zt()(r)})))),e.createElement(Sn.f,null,e.createElement(Ze.r,{gap:4},e.createElement(Ce.P,{s:12,col:6},e.createElement(Bn.o,{id:"label-input",label:d({id:(0,y.OB)("form.Input.label"),defaultMessage:"Label"}),name:"label",onChange:p=>s(p),value:o.label,hint:d({id:(0,y.OB)("form.Input.label.inputDescription"),defaultMessage:"This value overrides the label displayed in the table's head"})})),u&&e.createElement(Ce.P,{s:12,col:6},e.createElement(Ft.s,{"data-testid":"Enable sort on this field",checked:o.sortable,label:d({id:(0,y.OB)("form.Input.sort.field"),defaultMessage:"Enable sort on this field"}),name:"sortable",onChange:p=>s({target:{name:"sortable",value:p.target.checked}}),onLabel:d({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:d({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"})})))),e.createElement(Ln.m,{startActions:e.createElement(ue.z,{onClick:a,variant:"tertiary"},d({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(ue.z,{type:"submit"},d({id:"global.finish",defaultMessage:"Finish"}))})))};Ss.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 Xo=({contentTypeOptions:t,modifiedData:o,onChange:r,sortOptions:a})=>{const{formatMessage:s,locale:l}=(0,Q.Z)(),c=(0,h.Xe)(l,{sensitivity:"base"}),m=(0,$t.c)(a,async()=>(await i.e(78).then(i.bind(i,10078))).REVIEW_WORKFLOW_STAGE_SORT_OPTION_NAME,{combine(p,f){return[...p,{...f,label:s(f.label)}]},defaultValue:a,enabled:!!t?.reviewWorkflows}).sort((p,f)=>c.compare(p.label,f.label)),{settings:u}=o;return e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(S.Z,{variant:"delta",as:"h2"},s({id:(0,y.OB)("containers.SettingPage.settings"),defaultMessage:"Settings"})),e.createElement(T.k,{justifyContent:"space-between",gap:4},e.createElement(U.x,{width:"100%"},e.createElement(Ft.s,{label:s({id:(0,y.OB)("form.Input.search"),defaultMessage:"Enable search"}),onChange:p=>{r({target:{name:"settings.searchable",value:p.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:u.searchable})),e.createElement(U.x,{width:"100%"},e.createElement(Ft.s,{label:s({id:(0,y.OB)("form.Input.filters"),defaultMessage:"Enable filters"}),onChange:p=>{r({target:{name:"settings.filterable",value:p.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:u.filterable})),e.createElement(U.x,{width:"100%"},e.createElement(Ft.s,{label:s({id:(0,y.OB)("form.Input.bulkActions"),defaultMessage:"Enable bulk actions"}),onChange:p=>{r({target:{name:"settings.bulkable",value:p.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:u.bulkable}))),e.createElement(Ze.r,{gap:4},e.createElement(Ce.P,{s:12,col:6},e.createElement(ze.P,{label:s({id:(0,y.OB)("form.Input.pageEntries"),defaultMessage:"Entries per page"}),hint:s({id:(0,y.OB)("form.Input.pageEntries.inputDescription"),defaultMessage:"Note: You can override this value in the Collection Type settings page."}),onChange:p=>r({target:{name:"settings.pageSize",value:p}}),name:"settings.pageSize",value:o.settings.pageSize||""},[10,20,50,100].map(p=>e.createElement(Te.W,{key:p,value:p},p)))),e.createElement(Ce.P,{s:12,col:3},e.createElement(ze.P,{label:s({id:(0,y.OB)("form.Input.defaultSort"),defaultMessage:"Default sort attribute"}),onChange:p=>r({target:{name:"settings.defaultSortBy",value:p}}),name:"settings.defaultSortBy",value:o.settings.defaultSortBy||""},m.map(({value:p,label:f})=>e.createElement(Te.W,{key:p,value:p},f)))),e.createElement(Ce.P,{s:12,col:3},e.createElement(ze.P,{label:s({id:(0,y.OB)("form.Input.sort.order"),defaultMessage:"Default sort order"}),onChange:p=>r({target:{name:"settings.defaultSortOrder",value:p}}),name:"settings.defaultSortOrder",value:o.settings.defaultSortOrder||""},["ASC","DESC"].map(p=>e.createElement(Te.W,{key:p,value:p},p))))))};Xo.defaultProps={modifiedData:{},sortOptions:[]},Xo.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 Jo=(0,x.ZP)(T.k)`
|
|
1064
|
-
height: ${({theme:t})=>t.spaces[7]};
|
|
1065
|
-
|
|
1066
|
-
&:last-child {
|
|
1067
|
-
padding: 0 ${({theme:t})=>t.spaces[3]};
|
|
1068
|
-
}
|
|
1069
|
-
`,Zp=(0,x.ZP)(Jo)`
|
|
1070
|
-
border-right: 1px solid
|
|
1071
|
-
${({theme:t,isSibling:o})=>o?t.colors.neutral150:t.colors.primary200};
|
|
1072
|
-
|
|
1073
|
-
svg {
|
|
1074
|
-
width: ${12/16}rem;
|
|
1075
|
-
height: ${12/16}rem;
|
|
1076
|
-
}
|
|
1077
|
-
`,xp=(0,x.ZP)(T.k)`
|
|
1078
|
-
border: 1px solid
|
|
1079
|
-
${({theme:t,isSibling:o})=>o?t.colors.neutral150:t.colors.primary200};
|
|
1080
|
-
|
|
1081
|
-
svg {
|
|
1082
|
-
width: ${10/16}rem;
|
|
1083
|
-
height: ${10/16}rem;
|
|
1084
|
-
|
|
1085
|
-
path {
|
|
1086
|
-
fill: ${({theme:t,isSibling:o})=>o?void 0:t.colors.primary600};
|
|
1087
|
-
}
|
|
1088
|
-
}
|
|
1089
|
-
`,Sp=(0,x.ZP)(S.Z)`
|
|
1090
|
-
max-width: ${72/16}rem;
|
|
1091
|
-
`;function Wt({labelField:t,transparent:o,isSibling:r}){return e.createElement(xp,{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(T.k,{gap:3},e.createElement(Zp,{alignItems:"center",cursor:"all-scroll",padding:3},e.createElement(st.Z,null)),e.createElement(Sp,{textColor:r?void 0:"primary600",fontWeight:"bold",ellipsis:!0},t)),e.createElement(T.k,null,e.createElement(Jo,{alignItems:"center"},e.createElement(rt.Z,null)),e.createElement(Jo,{alignItems:"center"},e.createElement(en.Z,null))))}Wt.defaultProps={isSibling:!1,transparent:!1},Wt.propTypes={isSibling:n().bool,labelField:n().string.isRequired,transparent:n().bool};const _o=x.ZP.button`
|
|
1092
|
-
display: flex;
|
|
1093
|
-
align-items: center;
|
|
1094
|
-
height: ${({theme:t})=>t.spaces[7]};
|
|
1095
|
-
|
|
1096
|
-
&:last-child {
|
|
1097
|
-
padding: 0 ${({theme:t})=>t.spaces[3]};
|
|
1098
|
-
}
|
|
1099
|
-
`,Ls=(0,x.ZP)(_o)`
|
|
1100
|
-
padding: 0 ${({theme:t})=>t.spaces[3]};
|
|
1101
|
-
border-right: 1px solid ${({theme:t})=>t.colors.neutral150};
|
|
1102
|
-
cursor: all-scroll;
|
|
1103
|
-
|
|
1104
|
-
svg {
|
|
1105
|
-
width: ${12/16}rem;
|
|
1106
|
-
height: ${12/16}rem;
|
|
1107
|
-
}
|
|
1108
|
-
`,Lp=(0,x.ZP)(T.k)`
|
|
1109
|
-
max-height: ${32/16}rem;
|
|
1110
|
-
cursor: pointer;
|
|
1111
|
-
|
|
1112
|
-
svg {
|
|
1113
|
-
width: ${10/16}rem;
|
|
1114
|
-
height: ${10/16}rem;
|
|
1115
|
-
|
|
1116
|
-
path {
|
|
1117
|
-
fill: ${({theme:t})=>t.colors.neutral600};
|
|
1118
|
-
}
|
|
1119
|
-
}
|
|
1120
|
-
|
|
1121
|
-
&:hover {
|
|
1122
|
-
background-color: ${({theme:t})=>t.colors.primary100};
|
|
1123
|
-
border-color: ${({theme:t})=>t.colors.primary200};
|
|
1124
|
-
|
|
1125
|
-
svg {
|
|
1126
|
-
path {
|
|
1127
|
-
fill: ${({theme:t})=>t.colors.primary600};
|
|
1128
|
-
}
|
|
1129
|
-
}
|
|
1130
|
-
|
|
1131
|
-
${S.Z} {
|
|
1132
|
-
color: ${({theme:t})=>t.colors.primary600};
|
|
1133
|
-
}
|
|
1134
|
-
|
|
1135
|
-
${Ls} {
|
|
1136
|
-
border-right: 1px solid ${({theme:t})=>t.colors.primary200};
|
|
1137
|
-
}
|
|
1138
|
-
}
|
|
1139
|
-
`,Ap=(0,x.ZP)(U.x)`
|
|
1140
|
-
&:last-child {
|
|
1141
|
-
padding-right: ${({theme:t})=>t.spaces[3]};
|
|
1142
|
-
}
|
|
1143
|
-
`,As=({index:t,isDraggingSibling:o,labelField:r,onClickEditField:a,onMoveField:s,onRemoveField:l,name:c,setIsDraggingSibling:d})=>{const{formatMessage:m}=(0,Q.Z)(),u=(0,e.useRef)(null),p=(0,e.useRef)(null),[,f]=(0,e.useState)(!1),E=(0,e.useRef)(),g=()=>{E.current&&E.current.click()},[,b]=(0,Vt.useDrop)({accept:y._Q.FIELD,hover(R,$){if(!p.current)return;const Z=R.index,L=t;if(Z===L)return;const q=p.current.getBoundingClientRect(),W=(q.right-q.left)/2,z=$.getClientOffset().x-q.left;Z>L&&z>W||Z<L&&z<W||(s(Z,L),R.index=L)}}),[{isDragging:v},P,C]=(0,Vt.useDrag)({type:y._Q.FIELD,item(){return{index:t,labelField:r,name:c}},collect:R=>({isDragging:R.isDragging()}),end(){d(!1)}});(0,e.useEffect)(()=>{C((0,xt.rX)(),{captureDraggingState:!1})},[C]),(0,e.useEffect)(()=>{v&&d(!0)},[v,d]),(0,e.useEffect)(()=>{o||f(R=>!R)},[o]);const M={dragRef:P(u),dropRef:b(p)};return e.createElement(Ap,{ref:M?M.dropRef:null},v&&e.createElement(Wt,{transparent:!0,labelField:r}),!v&&o&&e.createElement(Wt,{isSibling:!0,labelField:r}),!v&&!o&&e.createElement(Lp,{borderColor:"neutral150",background:"neutral100",hasRadius:!0,justifyContent:"space-between",onClick:g,isDragging:v},e.createElement(T.k,{gap:3},e.createElement(Ls,{as:"span","aria-label":m({id:(0,y.OB)("components.DraggableCard.move.field"),defaultMessage:"Move {item}"},{item:r}),onClick:R=>R.stopPropagation(),ref:M.dragRef,type:"button"},e.createElement(st.Z,null)),e.createElement(S.Z,{fontWeight:"bold"},r)),e.createElement(T.k,{paddingLeft:3},e.createElement(_o,{ref:E,onClick:R=>{R.stopPropagation(),a(c)},"aria-label":m({id:(0,y.OB)("components.DraggableCard.edit.field"),defaultMessage:"Edit {item}"},{item:r}),type:"button"},e.createElement(rt.Z,null)),e.createElement(_o,{onClick:l,"data-testid":`delete-${c}`,"aria-label":m({id:(0,y.OB)("components.DraggableCard.delete.field"),defaultMessage:"Delete {item}"},{item:r}),type:"button"},e.createElement(en.Z,null)))))};As.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 Fp=As;const Fs=({displayedFields:t,listRemainingFields:o,metadatas:r,onAddField:a,onClickEditField:s,onMoveField:l,onRemoveField:c})=>{const{formatMessage:d}=(0,Q.Z)(),[m,u]=(0,e.useState)(!1),[p,f]=(0,e.useState)(null),E=(0,e.useRef)();function g(...v){f("add"),a(...v)}function b(...v){f("remove"),c(...v)}return(0,e.useEffect)(()=>{p==="add"&&E?.current&&(E.current.scrollLeft=E.current.scrollWidth)},[t,p]),e.createElement(T.k,{alignItems:"stretch",direction:"column",gap:4},e.createElement(S.Z,{variant:"delta",as:"h2"},d({id:(0,y.OB)("containers.SettingPage.view"),defaultMessage:"View"})),e.createElement(T.k,{padding:4,borderColor:"neutral300",borderStyle:"dashed",borderWidth:"1px",hasRadius:!0},e.createElement(U.x,{flex:"1",overflow:"scroll hidden",ref:E},e.createElement(T.k,{gap:3},t.map((v,P)=>e.createElement(Fp,{key:v,index:P,isDraggingSibling:m,onMoveField:l,onClickEditField:s,onRemoveField:C=>b(C,P),name:v,labelField:r[v].list.label||v,setIsDraggingSibling:u})))),e.createElement(fe.fC,null,e.createElement(fe.xz,{paddingLeft:2,paddingRight:2,justifyContent:"center",endIcon:null,disabled:o.length<=0,variant:"tertiary"},e.createElement(lt.T,{as:"span"},d({id:(0,y.OB)("components.FieldSelect.label"),defaultMessage:"Add a field"})),e.createElement(Ct.Z,{"aria-hidden":!0,focusable:!1,style:{position:"relative",top:2}})),e.createElement(fe.VY,null,o.map(v=>e.createElement(fe.ck,{key:v,onSelect:()=>g(v)},r[v].list.label||v))))))};Fs.propTypes={displayedFields:Ae.PropTypes.array.isRequired,listRemainingFields:Ae.PropTypes.array.isRequired,metadatas:Ae.PropTypes.objectOf(Ae.PropTypes.shape({list:Ae.PropTypes.shape({label:Ae.PropTypes.string})})).isRequired,onAddField:Ae.PropTypes.func.isRequired,onClickEditField:Ae.PropTypes.func.isRequired,onMoveField:Ae.PropTypes.func.isRequired,onRemoveField:Ae.PropTypes.func.isRequired};const $p=["media","richtext","dynamiczone","relation","component","json"],er={fieldForm:{},fieldToEdit:"",initialData:{},modifiedData:{}};var Bp=(t=er,o)=>(0,Wn.ZP)(t,r=>{const a=["modifiedData","layouts","list"];switch(o.type){case"ADD_FIELD":{const s=w()(t,a,[]);se()(r,a,[...s,o.item]);break}case"MOVE_FIELD":{const s=w()(t,a,[]),{originalIndex:l,atIndex:c}=o;se()(r,a,(0,y.W3)(s,l,c));break}case"ON_CHANGE":{se()(r,["modifiedData",...o.keys.split(".")],o.value);break}case"ON_CHANGE_FIELD_METAS":{se()(r,["fieldForm",o.name],o.value);break}case"REMOVE_FIELD":{const s=w()(t,a,[]);se()(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=w()(r,["modifiedData","metadatas",s,"list","label"],""),r.fieldForm.sortable=w()(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"];se()(r,[...s,"label"],t.fieldForm.label),se()(r,[...s,"sortable"],t.fieldForm.sortable);break}default:return r}});const $s=({layout:t,slug:o})=>{const{put:r}=(0,h.kY)(),{formatMessage:a}=(0,Q.Z)(),{trackUsage:s}=(0,h.rS)(),l=(0,ve.fi)(),c=(0,h.lm)(),{refetchData:d}=e.useContext(mt),[{fieldToEdit:m,fieldForm:u,initialData:p,modifiedData:f},E]=e.useReducer(Bp,er,()=>({...er,initialData:t,modifiedData:t})),g=Object.keys(u).length!==0,{attributes:b,options:v}=t,P=f.layouts.list,C=()=>{const{settings:{pageSize:A,defaultSortBy:D,defaultSortOrder:O},kind:B,uid:ee}=p,j=`${D}:${O}`,Y=`${(0,un.stringify)({page:1,pageSize:A,sort:j},{encode:!1})}${l?`&${l}`:""}`;return`/content-manager/${B}/${ee}?${Y}`},M=({target:{name:A,value:D}})=>{E({type:"ON_CHANGE",keys:A,value:A==="settings.pageSize"?parseInt(D,10):D})},{isLoading:R,mutate:$}=(0,xe.useMutation)(A=>r(`/content-manager/content-types/${o}/configuration`,A),{onSuccess(){s("didEditListSettings"),d()},onError(){c({type:"warning",message:{id:"notification.error"}})}}),Z=A=>{E({type:"ADD_FIELD",item:A})},L=(A,D)=>{A.stopPropagation(),P.length===1?c({type:"info",message:{id:(0,y.OB)("notification.info.minimumFields")}}):E({type:"REMOVE_FIELD",index:D})},q=A=>{A.preventDefault();const{layouts:D,settings:O,metadatas:B}=f;$({layouts:D,settings:O,metadatas:B}),s("willSaveContentTypeLayout")},W=A=>{E({type:"SET_FIELD_TO_EDIT",fieldToEdit:A})},k=()=>{E({type:"UNSET_FIELD_TO_EDIT"})},z=A=>{A.preventDefault(),E({type:"SUBMIT_FIELD_FORM"}),k()},X=({target:{name:A,value:D}})=>{E({type:"ON_CHANGE_FIELD_METAS",name:A,value:D})},F=Object.entries(b).filter(([A,D])=>(0,y.ko)(D)&&!P.includes(A)).map(([A])=>A).sort(),H=Object.entries(b).filter(([,A])=>!$p.includes(A.type)).map(([A])=>({value:A,label:t.metadatas[A].list.label})),K=(A,D)=>{E({type:"MOVE_FIELD",originalIndex:A,atIndex:D})};return e.createElement(Ke.A,null,e.createElement(Oe.o,{"aria-busy":R},e.createElement("form",{onSubmit:q},e.createElement(Ie.T,{navigationAction:e.createElement(h.rU,{startIcon:e.createElement(gt.Z,null),to:C,id:"go-back"},a({id:"global.back",defaultMessage:"Back"})),primaryAction:e.createElement(ue.z,{size:"S",startIcon:e.createElement(Ge.Z,null),disabled:$e()(f,p),type:"submit"},a({id:"global.save",defaultMessage:"Save"})),subtitle:a({id:(0,y.OB)("components.SettingsViewWrapper.pluginHeader.description.list-settings"),defaultMessage:"Define the settings of the list view."}),title:a({id:(0,y.OB)("components.SettingsViewWrapper.pluginHeader.title"),defaultMessage:"Configure the view - {name}"},{name:Zt()(f.info.displayName)})}),e.createElement(ot.D,null,e.createElement(T.k,{alignItems:"stretch",background:"neutral0",direction:"column",gap:6,hasRadius:!0,shadow:"tableShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(Xo,{contentTypeOptions:v,modifiedData:f,onChange:M,sortOptions:H}),e.createElement(Pt.i,null),e.createElement(Fs,{listRemainingFields:F,displayedFields:P,onAddField:Z,onClickEditField:W,onMoveField:K,onRemoveField:L,metadatas:f.metadatas})))),g&&e.createElement(Ss,{attributes:b,fieldForm:u,fieldToEdit:m,onChangeEditLabel:X,onCloseModal:k,onSubmit:z,type:b?.[m]?.type??"text"})))};$s.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 kt=i(93088);const wp=()=>({type:kt.ZA}),Np=(t,o)=>({type:kt.Id,pagination:t,data:o}),Bs=()=>({type:kt.MP});function jp(){return{type:kt.c2}}const Wp=({components:t,contentType:o})=>{const{layouts:r}=o;return{contentType:o,components:t,displayedHeaders:r.list,type:kt.Zz}},ws=t=>({type:kt.Rp,target:t});var tr=i(36150),Ns=i(95181),js=i(45037),Be=i(27947),zp=i(41865),qp=i(59177),Ws=i(6680),zs=i(97108);const qs=({displayedFilters:t})=>{const[o,r]=e.useState(!1),{formatMessage:a}=(0,Q.Z)(),s=e.useRef(),{trackUsage:l}=(0,h.rS)(),c=()=>{o||l("willFilterEntries"),r(d=>!d)};return e.createElement(e.Fragment,null,e.createElement(ue.z,{variant:"tertiary",ref:s,startIcon:e.createElement(Rr.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}))};qs.propTypes={displayedFilters:n().arrayOf(n().shape({name:n().string.isRequired,metadatas:n().shape({label:n().string}),fieldSchema:n().shape({type:n().string})})).isRequired};const nr=({value:t,onChange:o})=>{const{formatMessage:r}=(0,Q.Z)(),{users:a,isLoading:s}=(0,zs.R)();return e.createElement(os.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(ho.O,{key:l.id,value:l.id.toString()},(0,y.Gf)(l,r))))};nr.propTypes={onChange:n().func.isRequired,value:n().string},nr.defaultProps={value:""};const Vp=["json","component","media","richtext","dynamiczone","password"],Up=["createdAt","updatedAt"],Hp=(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 m=t?.attributes?.[d]??{};return!(!m.type||Vp.includes(m.type))}),...Up,...s?rn:[]]};var Vs=i(96669),Gp=i(94958);const Us=({area:t,...o})=>{const r=Br(t);return r?e.createElement("ul",null,r.map(a=>a.Component(o)?e.createElement(U.x,{key:a.name,padding:3,style:{textAlign:"center"}},e.createElement(a.Component,{...o})):null)):null};Us.propTypes={area:n().string.isRequired};var mn=Us;const Hs=({isConfirmButtonLoading:t,isOpen:o,onToggleDialog:r,onConfirm:a})=>{const{formatMessage:s}=(0,Q.Z)();return e.createElement(an.V,{onClose:r,title:s({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:o},e.createElement(ln.a,{icon:e.createElement(jt.Z,null)},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(T.k,{justifyContent:"center"},e.createElement(S.Z,{id:"confirm-description"},s({id:"components.popUpWarning.message",defaultMessage:"Are you sure you want to delete this?"}))),e.createElement(T.k,null,e.createElement(mn,{area:"contentManager.listView.deleteModalAdditionalInfos"})))),e.createElement(cn.c,{startAction:e.createElement(ue.z,{onClick:r,variant:"tertiary"},s({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(ue.z,{onClick:a,variant:"danger-light",startIcon:e.createElement(Je.Z,null),id:"confirm-delete",loading:t},s({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))}))};Hs.propTypes={isConfirmButtonLoading:n().bool.isRequired,isOpen:n().bool.isRequired,onConfirm:n().func.isRequired,onToggleDialog:n().func.isRequired};const Gs=t=>t.stopPropagation(),Qs=({rowId:t,index:o})=>{const{selectedEntries:r,onSelectRow:a}=(0,h.Sh)(),{formatMessage:s}=(0,Q.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(Be.Td,{onClick:Gs},e.createElement(Vs.C,{"aria-label":c,checked:l,onChange:()=>{a({name:t,value:!l})}}))};Qs.propTypes={rowId:n().number.isRequired,index:n().number.isRequired};const or=({rowId:t,index:o,canCreate:r,canDelete:a,setIsConfirmDeleteRowOpen:s,handleCloneClick:l})=>{const{formatMessage:c}=(0,Q.Z)(),{trackUsage:d}=(0,h.rS)(),{setSelectedEntries:m}=(0,h.Sh)(),u=(0,ve.fi)(),{location:{pathname:p}}=(0,le.k6)(),f=c({id:"content-manager.components.ListViewTable.row-line",defaultMessage:"item line {number}"},{number:o+1});return e.createElement(Be.Td,null,e.createElement(T.k,{gap:1,justifyContent:"end",onClick:Gs},e.createElement(De.h,{forwardedAs:St.rU,onClick:()=>{d("willEditEntryFromButton")},to:{pathname:`${p}/${t}`,state:{from:p},search:u},label:c({id:"app.component.table.edit",defaultMessage:"Edit {target}"},{target:f}),noBorder:!0},e.createElement(rt.Z,null)),r&&e.createElement(De.h,{onClick:l(t),label:c({id:"app.component.table.duplicate",defaultMessage:"Duplicate {target}"},{target:f}),noBorder:!0},e.createElement(Gp.Z,null)),a&&e.createElement(De.h,{onClick:()=>{d("willDeleteEntryFromList"),m([t]),s(!0)},label:c({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:f}),noBorder:!0},e.createElement(Je.Z,null))))};or.defaultProps={canCreate:!1,canDelete:!1},or.propTypes={rowId:n().number.isRequired,index:n().number.isRequired,setIsConfirmDeleteRowOpen:n().func.isRequired,handleCloneClick:n().func.isRequired,canCreate:n().bool,canDelete:n().bool};const Ys=({children:t,onConfirmDelete:o,isConfirmDeleteRowOpen:r,setIsConfirmDeleteRowOpen:a})=>{const[s,l]=e.useState(!1),{selectedEntries:c,setSelectedEntries:d}=(0,h.Sh)(),m=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(Hs,{isConfirmButtonLoading:s,onConfirm:m,onToggleDialog:()=>a(!r),isOpen:r}))};Ys.propTypes={children:n().node.isRequired,onConfirmDelete:n().func.isRequired,isConfirmDeleteRowOpen:n().bool.isRequired,setIsConfirmDeleteRowOpen:n().func.isRequired};const pn={CheckboxDataCell:Qs,EntityActionsDataCell:or,Root:Ys};var Qp=i(14090);const Ot=()=>t=>t["content-manager_listView"]||Qp.E,Yp=()=>(0,Go.P1)(Ot(),t=>t),Ks=t=>{const{displayedHeaders:o}=t["content-manager_listView"];return o};var Kp=Yp;const gn=({onToggleDialog:t,isOpen:o,dialogBody:r,endAction:a})=>{const{formatMessage:s}=(0,Q.Z)();return e.createElement(an.V,{onClose:t,title:s({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),isOpen:o},e.createElement(ln.a,{icon:e.createElement(jt.Z,null)},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:2},r)),e.createElement(cn.c,{startAction:e.createElement(ue.z,{onClick:t,variant:"tertiary"},s({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endAction:a}))};gn.propTypes={isOpen:n().bool.isRequired,onToggleDialog:n().func.isRequired,dialogBody:n().node.isRequired,endAction:n().node.isRequired};const rr={isConfirmButtonLoading:n().bool.isRequired,isOpen:n().bool.isRequired,onConfirm:n().func.isRequired,onToggleDialog:n().func.isRequired},Xp=t=>e.createElement(S.Z,{fontWeight:"bold"},t),Xs=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:r,onConfirm:a})=>{const{formatMessage:s}=(0,Q.Z)(),{get:l}=(0,h.kY)(),{selectedEntries:c}=(0,h.Sh)(),d=(0,h.lm)(),{formatAPIError:m}=(0,h.So)(y.OB),{contentType:{uid:u}}=(0,te.v9)(Ot()),[{query:p}]=(0,h.Kx)(),{data:f,isLoading:E,isError:g}=(0,xe.useQuery)(["content-manager","draft-relations",u,c],async()=>{const{data:{data:b}}=await l(`/content-manager/collection-types/${u}/actions/countManyEntriesDraftRelations`,{params:{ids:c,locale:p?.plugins?.i18n?.locale}});return b},{enabled:c.length>0,onError(b){d({type:"warning",message:m(b)})}});return g?null:e.createElement(gn,{isOpen:t&&!E,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(S.Z,{id:"confirm-description",textAlign:"center"},f>0&&s({id:(0,y.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:Xp,count:f,entities:c.length}),s({id:(0,y.OB)("popUpWarning.bodyMessage.contentType.publish.all"),defaultMessage:"Are you sure you want to publish these entries?"})),e.createElement(mn,{area:"contentManager.listView.publishModalAdditionalInfos"})),endAction:e.createElement(ue.z,{onClick:a,variant:"secondary",startIcon:e.createElement(Ge.Z,null),loading:r},s({id:"app.utils.publish",defaultMessage:"Publish"}))})};Xs.propTypes=rr;var Js=i(35547),Jp=i(60984),_p=i(5074);const eg=(0,x.ZP)(S.Z)`
|
|
1144
|
-
max-width: 300px;
|
|
1145
|
-
`,sr=({validationErrors:t,isPublished:o})=>{const{formatMessage:r}=(0,Q.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(T.k,{gap:2},e.createElement(_e.J,{color:"danger600",as:Jp.Z}),e.createElement(Mt.u,{description:a},e.createElement(eg,{textColor:"danger600",variant:"omega",fontWeight:"semiBold",ellipsis:!0},a)))}return o?e.createElement(T.k,{gap:2},e.createElement(_e.J,{color:"success600",as:co.Z}),e.createElement(S.Z,{textColor:"success600",fontWeight:"bold"},r({id:"content-manager.bulk-publish.already-published",defaultMessage:"Already Published"}))):e.createElement(T.k,{gap:2},e.createElement(_e.J,{color:"success600",as:co.Z}),e.createElement(S.Z,null,r({id:"app.utils.ready-to-publish",defaultMessage:"Ready to publish"})))};sr.defaultProps={validationErrors:void 0,isPublished:!1},sr.propTypes={validationErrors:n().shape({[n().string]:n().shape({id:n().string,defaultMessage:n().string})}),isPublished:n().bool};const ar=({isPublishing:t,rowsToDisplay:o,entriesToPublish:r,validationErrors:a})=>{const{location:{pathname:s}}=(0,le.k6)(),{formatMessage:l}=(0,Q.Z)(),c=(0,te.v9)(Ot()),{mainField:d}=c.contentType.settings,m=d!=null&&d!=="id",u=p=>l({id:"content-manager.components.ListViewTable.row-line",defaultMessage:"item line {number}"},{number:p+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"}),m&&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((p,f)=>e.createElement(js.Tr,{key:p.id},e.createElement(pn.CheckboxDataCell,{rowId:p.id,index:f}),e.createElement(Be.Td,null,e.createElement(S.Z,null,p.id)),m&&e.createElement(Be.Td,null,e.createElement(S.Z,null,p[d])),e.createElement(Be.Td,null,t&&r.includes(p.id)?e.createElement(T.k,{gap:2},e.createElement(S.Z,null,l({id:"content-manager.success.record.publishing",defaultMessage:"Publishing..."})),e.createElement(Js.a,{small:!0})):e.createElement(sr,{validationErrors:a[p.id],isPublished:p.publishedAt!==null})),e.createElement(Be.Td,null,e.createElement(De.h,{forwardedAs:St.rU,to:{pathname:`${s}/${p.id}`,state:{from:s}},label:l({id:"app.component.table.edit",defaultMessage:"Edit {target}"},{target:u(f)}),noBorder:!0,target:"_blank",marginLeft:"auto"},e.createElement(rt.Z,null)))))))};ar.defaultProps={isPublishing:!1,rowsToDisplay:[],entriesToPublish:[],validationErrors:{}},ar.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 _s=t=>e.createElement(S.Z,{fontWeight:"bold"},t),ir=({toggleModal:t,refetchModalData:o,setEntriesToFetch:r,setSelectedListViewEntries:a,validationErrors:s})=>{const{formatMessage:l}=(0,Q.Z)(),{selectedEntries:c,rows:d,onSelectRow:m,isLoading:u,isFetching:p}=(0,h.Sh)(),[f,E]=e.useState(!1),[g,b]=e.useState([]),[v,P]=e.useState(0),C=d.filter(({id:F})=>c.includes(F)&&!s[F]).map(({id:F})=>F),{post:M}=(0,h.kY)(),R=(0,h.lm)(),{contentType:$}=(0,te.v9)(Ot()),Z=g.filter(({id:F})=>c.includes(F)&&s[F]).length,L=g.filter(({id:F,publishedAt:H})=>c.includes(F)&&H).length,q=c.length-Z-L,W=(0,xe.useMutation)(F=>M(`/content-manager/collection-types/${$.uid}/actions/bulkPublish`,F),{onSuccess(){const F=g.filter(K=>(C.includes(K.id)&&m({name:K.id,value:!1}),!C.includes(K.id)));b(F);const H=F.map(({id:K})=>K);r(H),a(H),F.length===0&&t(),R({type:"success",message:{id:"content-manager.success.record.publish",defaultMessage:"Published"}})},onError(F){R({type:"warning",message:(0,_p.Z)(F)})}}),k=()=>E(F=>!F),z=async()=>{k();const{data:F}=await W.mutateAsync({ids:C});P(F.count)},X=()=>v?l({id:(0,y.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:Z,b:_s}):l({id:(0,y.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:q,withErrorsCount:Z,alreadyPublishedCount:L,b:_s});return e.useEffect(()=>{d.length>0&&b(d)},[d]),e.createElement(Zn.P,{onClose:t,labelledBy:"title"},e.createElement(xn.x,null,e.createElement(S.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title"},l({id:(0,y.OB)("containers.ListPage.selectedEntriesModal.title"),defaultMessage:"Publish entries"}))),e.createElement(Sn.f,null,e.createElement(S.Z,null,X()),e.createElement(U.x,{marginTop:5},e.createElement(ar,{isPublishing:W.isLoading,rowsToDisplay:g,entriesToPublish:C,validationErrors:s}))),e.createElement(Ln.m,{startActions:e.createElement(ue.z,{onClick:t,variant:"tertiary"},l({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(T.k,{gap:2},e.createElement(ue.z,{onClick:o,variant:"tertiary",loading:p},l({id:"app.utils.refresh",defaultMessage:"Refresh"})),e.createElement(ue.z,{onClick:k,disabled:c.length===0||c.length===Z||u,loading:W.isLoading},l({id:"app.utils.publish",defaultMessage:"Publish"})))}),e.createElement(Xs,{isOpen:f,onToggleDialog:k,isConfirmButtonLoading:W.isLoading,onConfirm:z}))};ir.defaultProps={validationErrors:{}},ir.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 ea=({onToggle:t})=>{const{selectedEntries:o,setSelectedEntries:r}=(0,h.Sh)(),{contentType:a,components:s}=(0,te.v9)(Ot()),[l,c]=e.useState(o),[{query:{sort:d,plugins:m}}]=(0,h.Kx)(),u={page:1,pageSize:l.length,sort:d,filters:{id:{$in:l}},locale:m?.i18n?.locale},{get:p}=(0,h.kY)(),{data:f,isLoading:E,isFetching:g,refetch:b}=(0,xe.useQuery)(["entries",a.uid,u],async()=>{const{data:v}=await p(`content-manager/collection-types/${a.uid}`,{params:u});if(v.results){const P=(0,y.Ex)(a,{components:s},{isDraft:!1,isJSONTestDisabled:!0}),C={};return{rows:v.results.map(R=>{try{return P.validateSync(R,{abortEarly:!1}),R}catch($){return C[R.id]=(0,h.CJ)($),R}}),validationErrors:C}}return{rows:[],validationErrors:{}}});return e.createElement(h.iA.Root,{rows:f?.rows,defaultSelectedEntries:o,colCount:4,isLoading:E,isFetching:g},e.createElement(ir,{setSelectedListViewEntries:r,setEntriesToFetch:c,toggleModal:t,refetchModalData:b,validationErrors:f?.validationErrors}))};ea.propTypes={onToggle:n().func.isRequired};var tg=ea;const ta=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:r,onConfirm:a})=>{const{formatMessage:s}=(0,Q.Z)();return e.createElement(gn,{isOpen:t,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(S.Z,{id:"confirm-description",textAlign:"center"},s({id:(0,y.OB)("popUpWarning.bodyMessage.contentType.unpublish.all"),defaultMessage:"Are you sure you want to unpublish these entries?"})),e.createElement(mn,{area:"contentManager.listView.unpublishModalAdditionalInfos"})),endAction:e.createElement(ue.z,{onClick:a,variant:"secondary",startIcon:e.createElement(Ge.Z,null),loading:r},s({id:"app.utils.unpublish",defaultMessage:"Unpublish"}))})};ta.propTypes=rr;const na=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:r,onConfirm:a})=>{const{formatMessage:s}=(0,Q.Z)();return e.createElement(gn,{isOpen:t,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(S.Z,{id:"confirm-description",textAlign:"center"},s({id:(0,y.OB)("popUpWarning.bodyMessage.contentType.delete.all"),defaultMessage:"Are you sure you want to delete these entries?"})),e.createElement(mn,{area:"contentManager.listView.deleteModalAdditionalInfos"})),endAction:e.createElement(ue.z,{onClick:a,variant:"danger-light",startIcon:e.createElement(Je.Z,null),id:"confirm-delete",loading:r},s({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))})};na.propTypes=rr;const lr=({showPublish:t,showDelete:o,onConfirmDeleteAll:r,onConfirmUnpublishAll:a,refetchData:s})=>{const{formatMessage:l}=(0,Q.Z)(),{trackUsage:c}=(0,h.rS)(),{data:d}=(0,te.v9)(Ot()),{selectedEntries:m,setSelectedEntries:u}=(0,h.Sh)(),[p,f]=e.useState(!1),[E,g]=e.useState(!1),[b,v]=e.useState(null),P=d.filter(k=>m.includes(k.id)),C=t&&P.some(k=>!k.publishedAt),M=t&&P.some(k=>k.publishedAt),R=()=>{b==="delete"?v(null):(v("delete"),c("willBulkDeleteEntries"))},$=()=>{b==="unpublish"?v(null):(v("unpublish"),c("willBulkUnpublishEntries"))},Z=async(k,z)=>{try{f(!0),await k(m),f(!1),z(),u([])}catch{f(!1),z()}},L=()=>Z(r,R),q=()=>Z(a,$),W=()=>{g(k=>(k&&s(),!k))};return e.createElement(e.Fragment,null,C&&e.createElement(e.Fragment,null,e.createElement(ue.z,{variant:"tertiary",onClick:W},l({id:"app.utils.publish",defaultMessage:"Publish"})),E&&e.createElement(tg,{onToggle:W})),M&&e.createElement(e.Fragment,null,e.createElement(ue.z,{variant:"tertiary",onClick:$},l({id:"app.utils.unpublish",defaultMessage:"Unpublish"})),e.createElement(ta,{isOpen:b==="unpublish",onToggleDialog:$,isConfirmButtonLoading:p,onConfirm:q})),o&&e.createElement(e.Fragment,null,e.createElement(ue.z,{variant:"danger-light",onClick:R},l({id:"global.delete",defaultMessage:"Delete"})),e.createElement(na,{isOpen:b==="delete",onToggleDialog:R,isConfirmButtonLoading:p,onConfirm:L})))};lr.defaultProps={showPublish:!1,showDelete:!1,onConfirmDeleteAll(){},onConfirmUnpublishAll(){},refetchData(){}},lr.propTypes={showPublish:n().bool,showDelete:n().bool,onConfirmDeleteAll:n().func,onConfirmUnpublishAll:n().func,refetchData:n().func};var ng=lr,og=i(96315);const oa=({type:t,value:o})=>{const{formatDate:r,formatTime:a,formatNumber:s}=(0,Q.Z)();let l=o;if(t==="date"&&(l=r((0,og.Z)(o),{dateStyle:"full"})),t==="datetime"&&(l=r(o,{dateStyle:"full",timeStyle:"short"})),t==="time"){const[c,d,m]=o.split(":"),u=new Date;u.setHours(c),u.setMinutes(d),u.setSeconds(m),l=a(u,{numeric:"auto",style:"short"})}return["float","decimal"].includes(t)&&(l=s(o,{maximumFractionDigits:20})),["integer","biginteger"].includes(t)&&(l=s(o,{maximumFractionDigits:0})),Cs()(l)};oa.propTypes={type:n().string.isRequired,value:n().any.isRequired};var It=oa,rg=i(246);const sg=(0,x.ZP)(T.k)`
|
|
1146
|
-
position: relative;
|
|
1147
|
-
border-radius: 50%;
|
|
1148
|
-
width: 26px;
|
|
1149
|
-
height: 26px;
|
|
1150
|
-
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
1151
|
-
background: ${({theme:t})=>t.colors.neutral150};
|
|
1152
|
-
padding-left: 1px;
|
|
1153
|
-
|
|
1154
|
-
span {
|
|
1155
|
-
line-height: 0.6rem;
|
|
1156
|
-
font-size: 0.6rem;
|
|
1157
|
-
}
|
|
1158
|
-
`,ra=({children:t,...o})=>e.createElement(sg,{justifyContent:"center",alignItems:"center",as:"span",...o},e.createElement(S.Z,{variant:"sigma",textColor:"neutral600"},t));ra.propTypes={children:n().string.isRequired};var sa=ra;const cr=({url:t,mime:o,alternativeText:r,name:a,ext:s,formats:l})=>{const c=(0,h.CR)(t);if(o.includes("image")){const u=l?.thumbnail?.url||null,p=(0,h.CR)(u)||c;return e.createElement(rg.q,{src:p,alt:r||a,preview:!0})}const d=(0,h.mD)(s),m=a.length>100?`${a.substring(0,100)}...`:a;return e.createElement(Mt.u,{description:m},e.createElement(sa,null,d))};cr.defaultProps={alternativeText:null,formats:null},cr.propTypes={alternativeText:n().string,ext:n().string.isRequired,formats:n().object,mime:n().string.isRequired,name:n().string.isRequired,url:n().string.isRequired};var aa=cr,ag=i(74772);const ia=({value:t})=>e.createElement(ag.H,null,t.map((o,r)=>{const a=`${o.id}${r}`;if(r===3){const s=`+${t.length-3}`;return e.createElement(sa,{key:a,preview:!1},s)}return r>3?null:e.createElement(aa,{key:a,...o})}));ia.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 ig=ia,la=i(14298);const ca=({fieldSchema:t,metadatas:o,name:r,entityId:a,value:s,contentType:l})=>{const{formatMessage:c}=(0,Q.Z)(),{notifyStatus:d}=(0,tr.G)(),[m,u]=(0,e.useState)(!1),{get:p}=(0,h.kY)(),{data:f,status:E}=(0,xe.useQuery)([t.targetModel,a],async()=>{const{data:{results:g,pagination:b}}=await p(`/content-manager/relations/${l.uid}/${a}/${r.split(".")[0]}`);return{results:g,pagination:b}},{enabled:m,staleTime:0,select:g=>({...g,results:[...g.results].reverse()})});return(0,e.useEffect)(()=>{f&&d(c({id:(0,y.OB)("DynamicTable.relation-loaded"),defaultMessage:"Relations have been loaded"}))},[f,c,d]),e.createElement(fe.fC,{onOpenChange:g=>u(g)},e.createElement(cg,{onClick:g=>g.stopPropagation()},e.createElement(T.k,{gap:1,wrap:"nowrap"},e.createElement(la.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(fe.VY,null,E!=="success"&&e.createElement(fe.ck,{disabled:!0},e.createElement(Js.a,{small:!0},c({id:(0,y.OB)("ListViewTable.relation-loading"),defaultMessage:"Relations are loading"}))),E==="success"&&e.createElement(e.Fragment,null,f?.results.map(g=>e.createElement(fe.ck,{key:g.id,disabled:!0},e.createElement(lg,{ellipsis:!0},e.createElement(It,{type:o.mainField.schema.type,value:g[o.mainField.name]||g.id})))),f?.pagination.total>10&&e.createElement(fe.ck,{"aria-disabled":!0,"aria-label":c({id:(0,y.OB)("ListViewTable.relation-more"),defaultMessage:"This relation contains more entities than displayed"})},e.createElement(S.Z,null,"\u2026")))))};ca.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 lg=(0,x.ZP)(S.Z)`
|
|
1159
|
-
max-width: 500px;
|
|
1160
|
-
`,cg=(0,x.ZP)(fe.xz)`
|
|
1161
|
-
svg {
|
|
1162
|
-
width: ${6/16}rem;
|
|
1163
|
-
height: ${4/16}rem;
|
|
1164
|
-
}
|
|
1165
|
-
`;var dg=ca;const ug=(0,x.ZP)(S.Z)`
|
|
1166
|
-
max-width: 500px;
|
|
1167
|
-
`,da=({metadatas:t,value:o})=>e.createElement(ug,{textColor:"neutral800",ellipsis:!0},e.createElement(It,{type:t.mainField.schema.type,value:o[t.mainField.name]??o.id}));da.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 mg=da;const pg=(0,x.ZP)(S.Z)`
|
|
1168
|
-
max-width: 500px;
|
|
1169
|
-
`,ua=({value:t,metadatas:o})=>{const{formatMessage:r}=(0,Q.Z)(),{mainField:{type:a,name:s}}=o;return e.createElement(fe.fC,null,e.createElement(gg,{onClick:l=>l.stopPropagation()},e.createElement(la.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(fe.VY,null,t.map(l=>e.createElement(fe.ck,{key:l.id,disabled:!0},e.createElement(pg,{ellipsis:!0},e.createElement(It,{type:a,value:l[s]||l.id}))))))};ua.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string,type:n().string,value:n().string})}).isRequired,value:n().array.isRequired};const gg=(0,x.ZP)(fe.xz)`
|
|
1170
|
-
svg {
|
|
1171
|
-
width: ${6/16}rem;
|
|
1172
|
-
height: ${4/16}rem;
|
|
1173
|
-
}
|
|
1174
|
-
`;var fg=ua;const hg=(0,x.ZP)(S.Z)`
|
|
1175
|
-
max-width: 250px;
|
|
1176
|
-
`,ma=({value:t,metadatas:o})=>{const{mainField:r}=o,a=t[r.name];return e.createElement(Mt.u,{label:a},e.createElement(hg,{textColor:"neutral800",ellipsis:!0},e.createElement(It,{type:r.type,value:a})))};ma.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string,type:n().string,value:n().string})}).isRequired,value:n().object.isRequired};var Eg=ma,yg=i(80022),pa=i.n(yg),ga=i(73347);function fa(t){return["oneToOne","manyToOne","oneToOneMorph"].includes(t)}function bg(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,ga.Z)(l)&&l!=="biginteger"&&s!=="id"?pa()(c):!Ve()(c)}return t==="relation"?fa(a.relation)?!Ve()(o):o?.count>0:(0,ga.Z)(t)&&t!=="biginteger"?pa()(o):t==="boolean"?o!==null:!Ve()(o)}const ha=(0,x.ZP)(S.Z)`
|
|
1177
|
-
max-width: 300px;
|
|
1178
|
-
`,dr=({content:t,fieldSchema:o,metadatas:r,name:a,rowId:s,contentType:l})=>{const{type:c}=o;if(!bg(c,t,r,o))return e.createElement(S.Z,{textColor:"neutral800"},"-");switch(c){case"media":return o.multiple?e.createElement(ig,{value:t}):e.createElement(aa,{...t});case"relation":return fa(o.relation)?e.createElement(mg,{metadatas:r,value:t}):e.createElement(dg,{fieldSchema:o,metadatas:r,value:t,name:a,entityId:s,contentType:l});case"component":return o.repeatable===!0?e.createElement(fg,{value:t,metadatas:r}):e.createElement(Eg,{value:t,metadatas:r});case"string":return e.createElement(Mt.u,{description:t},e.createElement(ha,{ellipsis:!0,textColor:"neutral800"},e.createElement(It,{type:c,value:t})));default:return e.createElement(ha,{ellipsis:!0,textColor:"neutral800"},e.createElement(It,{type:c,value:t}))}};dr.defaultProps={content:void 0},dr.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 vg=dr;const Cg=(0,x.ZP)(T.k)`
|
|
1179
|
-
:hover {
|
|
1180
|
-
background-color: ${t=>t.theme.colors.primary100};
|
|
1181
|
-
}
|
|
1182
|
-
`,Ea=({layout:t})=>{const o=(0,te.I0)(),r=(0,te.v9)(Ks),{trackUsage:a}=(0,h.rS)(),{formatMessage:s,locale:l}=(0,Q.Z)(),c=(0,h.Xe)(l,{sensitivity:"base"}),d=Object.keys(t.contentType.attributes).filter(f=>(0,y.ko)(t.contentType.attributes[f])).map(f=>({name:f,label:t.contentType.metadatas[f].list.label})).sort((f,E)=>c.compare(f.label,E.label)),m=r.map(({name:f})=>f),u=f=>{a("didChangeDisplayedFields"),o(ws({name:f,value:m.includes(f)}))},p=()=>{o(Bs())};return e.createElement(T.k,{as:"fieldset",direction:"column",alignItems:"stretch",gap:3},e.createElement(T.k,{justifyContent:"space-between"},e.createElement(S.Z,{as:"legend",variant:"pi",fontWeight:"bold"},s({id:"containers.ListPage.displayedFields",defaultMessage:"Displayed fields"})),e.createElement(go.A,{onClick:p},s({id:"app.components.Button.reset",defaultMessage:"Reset"}))),e.createElement(T.k,{direction:"column",alignItems:"stretch"},d.map(f=>{const E=m.includes(f.name);return e.createElement(Cg,{wrap:"wrap",gap:2,as:"label",background:E?"primary100":"transparent",hasRadius:!0,padding:2,key:f.name},e.createElement(Vs.C,{onChange:()=>u(f.name),value:E,name:f.name}),e.createElement(S.Z,{fontSize:1},f.label))})))};Ea.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 ya=({slug:t,layout:o})=>{const[r,a]=e.useState(!1),s=e.useRef(),l=(0,te.v9)(Le._),{formatMessage:c}=(0,Q.Z)(),d=()=>{a(m=>!m)};return e.createElement(e.Fragment,null,e.createElement(De.h,{icon:e.createElement(Cn.Z,null),label:c({id:"components.ViewSettings.tooltip",defaultMessage:"View Settings"}),ref:s,onClick:d}),r&&e.createElement(ys.J2,{placement:"bottom-end",source:s,onDismiss:d,spacing:4,padding:3},e.createElement(T.k,{alignItems:"stretch",direction:"column",gap:3},e.createElement(h.jW,{permissions:l.contentManager.collectionTypesConfigurations},e.createElement(h.Qj,{size:"S",startIcon:e.createElement(Mn.Z,null),to:`${t}/configurations/list`,variant:"secondary"},c({id:"app.links.configure-view",defaultMessage:"Configure the view"}))),e.createElement(Ea,{layout:o}))))};ya.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 Rg=null,Mg=()=>null,Tg=[],Dg=[...rn,"strapi_assignee"];function ba({canCreate:t,canDelete:o,canRead:r,canPublish:a,data:s,getData:l,getDataSucceeded:c,isLoading:d,layout:m,pagination:u,slug:p}){const{total:f}=u,{contentType:E}=m,{info:g,options:b,metadatas:v,settings:{bulkable:P,filterable:C,searchable:M}}=E,[R,$]=e.useState(!1),Z=(0,h.lm)(),{trackUsage:L}=(0,h.rS)(),{allPermissions:q,refetchPermissions:W}=(0,h.vn)(),k=e.useRef(L),z=e.useRef(W),{notifyStatus:X}=(0,tr.G)(),{formatAPIError:F}=(0,h.So)(y.OB),H=Hp(E,p),[{query:K}]=(0,h.Kx)(),{pathname:A}=(0,le.TH)(),{push:D}=(0,le.k6)(),{formatMessage:O,locale:B}=(0,Q.Z)(),ee=(0,h.kY)(),j=(0,h.Xe)(B,{sensitivity:"base"}),Y=K?.filters?.$and?.reduce((_,ae)=>{const[re,N]=Object.entries(ae)[0],J=N.id?.$eq||N.id?.$ne;return Dg.includes(re)&&!_.includes(J)&&_.push(J),_},[])??[],{users:V,isLoading:G}=(0,zs.R)({filter:{id:{in:Y}}},{enabled:Y.length>0&&(0,h.ZT)(q,[{action:"admin::users.read",subject:null}]).length>0});(0,h.go)();const ne=e.useMemo(()=>Ds(K),[K]),de=(0,un.stringify)({plugins:K.plugins},{encode:!1}),ye=H.map(_=>{const ae=E.attributes[_],{type:re,enum:N}=ae,J={name:"didFilterEntries",properties:{useRelation:re==="relation"}},{mainField:ie,label:Pe}=v[_].list,Ne={name:_,metadatas:{label:O({id:Pe,defaultMessage:Pe})},fieldSchema:{type:re,options:N,mainField:ie},trackedEvent:J};return ae.type==="relation"&&ae.target==="admin::user"&&(Ne.metadatas={...Ne.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:nr,options:V.map(ct=>({label:(0,y.Gf)(ct,O),customValue:ct.id.toString()}))},Ne.fieldSchema.mainField={name:"id"}),Ne}),ge=b?.draftAndPublish??!1,I=b?.reviewWorkflows??!1,oe=(0,$t.c)(Rg,async()=>(await i.e(6158).then(i.bind(i,76158))).REVIEW_WORKFLOW_COLUMNS_EE,{enabled:!!b?.reviewWorkflows}),he=(0,$t.c)(Mg,async()=>{const{ReviewWorkflowsStageEE:_,ReviewWorkflowsAssigneeEE:ae}=await i.e(1227).then(i.bind(i,21227));return{ReviewWorkflowsStageEE:_,ReviewWorkflowsAssigneeEE:ae}},{enabled:I}),ke=(0,$t.c)(Tg,async()=>(await i.e(4174).then(i.bind(i,84174))).REVIEW_WORKFLOW_FILTERS,{combine(_,ae){return[..._,...ae.filter(re=>re.name==="strapi_assignee"?(0,h.ZT)(q,[{action:"admin::users.read",subject:null}]).length>0:!0).map(re=>({...re,metadatas:{...re.metadatas,...re.name==="strapi_stage"?{uid:E.uid}:{},label:O(re.metadatas.label),options:re.name==="strapi_assignee"&&V.map(N=>({label:(0,y.Gf)(N,O),customValue:N.id.toString()}))}}))]},defaultValue:[],enabled:I&&!G}),{post:we,del:Ue}=ee,me=(0,xe.useMutation)(_=>we(`/content-manager/collection-types/${E.uid}/actions/bulkUnpublish`,_),{onSuccess(){Z({type:"success",message:{id:"content-manager.success.record.unpublish",defaultMessage:"Unpublished"}}),Re(`/content-manager/collection-types/${p}`,{params:ne})},onError(_){Z({type:"warning",message:F(_)})}}),Se=e.useRef(""),Re=e.useCallback(async(_,ae)=>{l();try{const{data:{results:re,pagination:N}}=await ee.get(_,ae);if(N.page>N.pageCount&&N.pageCount>0){const J={...ne,page:N.pageCount};D({pathname:A,state:{from:A},search:(0,un.stringify)(J)});return}X(O({id:(0,y.OB)("utils.data-loaded"),defaultMessage:"{number, plural, =1 {# entry has} other {# entries have}} successfully been loaded"},{number:N.count})),c(N,re)}catch(re){if(Qe.default.isCancel(re))return;if((re?.response?.status??null)===403){await z.current(),Z({type:"info",message:{id:(0,y.OB)("permissions.not-allowed.update")}}),D("/");return}Z({type:"warning",message:{id:(0,y.OB)("error.model.fetch")}})}},[O,l,c,X,D,Z,ee,ne,A]),et=e.useCallback(async _=>{try{await we(`/content-manager/collection-types/${p}/actions/bulkDelete`,{ids:_}),Re(`/content-manager/collection-types/${p}`,{params:ne}),k.current("didBulkDeleteEntries")}catch(ae){Z({type:"warning",message:F(ae)})}},[p,Z,F,we,Re,ne]),yt=e.useCallback(async _=>{try{await Ue(`/content-manager/collection-types/${p}/${_}`);const ae=`/content-manager/collection-types/${p}`;Re(ae,{params:ne}),Z({type:"success",message:{id:(0,y.OB)("success.record.delete")}})}catch(ae){Z({type:"warning",message:F(ae)})}},[p,Z,F,Ue,Re,ne]),bt=_=>me.mutateAsync({ids:_});e.useEffect(()=>{const ae=Qe.default.CancelToken.source(),re=r,N=`/content-manager/collection-types/${p}`;return re&&N.includes(Se.current)&&Re(N,{cancelToken:ae.token,params:ne}),()=>{Se.current=p,ae.cancel("Operation canceled by the user.")}},[r,l,p,ne,c,Re]);const Ee=O({id:(0,y.OB)("header.name"),defaultMessage:"Content"}),Me=O({id:g.displayName,defaultMessage:g.displayName||Ee}),{runHookWaterfall:tt}=(0,h.j1)(),fn=(0,te.v9)(Ks),Ye=e.useMemo(()=>{const ae=tt(Kt.No,{displayedHeaders:fn,layout:m}).displayedHeaders.map(re=>{const{metadatas:N}=re;if(re.fieldSchema.type==="relation"){const J=`${re.name}.${re.metadatas.mainField.name}`;return{...re,metadatas:{...N,label:O({id:(0,y.OB)(`containers.ListPage.table-headers.${re.name}`),defaultMessage:N.label})},name:J}}return{...re,metadatas:{...N,label:O({id:(0,y.OB)(`containers.ListPage.table-headers.${re.name}`),defaultMessage:N.label})}}});return ge&&ae.push({key:"__published_at_temp_key__",name:"publishedAt",fieldSchema:{type:"custom"},metadatas:{label:O({id:(0,y.OB)("containers.ListPage.table-headers.publishedAt"),defaultMessage:"publishedAt"}),searchable:!1,sortable:!0}}),oe&&(oe.map(re=>(typeof re.metadatas.label!="string"&&(re.metadatas.label=O(re.metadatas.label)),re)),ae.push(...oe)),ae},[tt,fn,m,oe,ge,O]),pr=r?O({id:(0,y.OB)("pages.ListView.header-subtitle"),defaultMessage:"{number, plural, =0 {# entries} one {# entry} other {# entries}} found"},{number:f}):null,hn=_=>t?e.createElement(ue.z,{..._,forwardedAs:St.rU,onClick:()=>{const ae=ge?{status:"draft"}:{};k.current("willCreateEntry",ae)},to:{pathname:`${A}/create`,search:K.plugins?de:""},startIcon:e.createElement(Ct.Z,null),style:{textDecoration:"none"}},O({id:(0,y.OB)("HeaderLayout.button.label-add-entry"),defaultMessage:"Create new entry"})):null,gr=_=>()=>{L("willEditEntryFromList"),D({pathname:`${A}/${_}`,state:{from:A},search:de})},fr=_=>async()=>{try{const{data:ae}=await we(`/content-manager/collection-types/${E.uid}/auto-clone/${_}?${de}`);"id"in ae&&D({pathname:`${A}/${ae.id}`,state:{from:A},search:de})}catch(ae){ae instanceof qp.d7&&D({pathname:`${A}/create/clone/${_}`,state:{from:A,error:F(ae)},search:de})}},hr=Ye.length+2,Er=()=>{Re(`/content-manager/collection-types/${p}`,{params:ne})};return he?e.createElement(Oe.o,{"aria-busy":d},e.createElement(Ie.T,{primaryAction:hn(),subtitle:pr,title:Me,navigationAction:e.createElement(h.rU,{startIcon:e.createElement(gt.Z,null),to:"/content-manager/"},O({id:"global.back",defaultMessage:"Back"}))}),!r&&e.createElement(Ns.Z,{endActions:e.createElement(Xt,{area:"contentManager.listView.actions"})}),r&&e.createElement(Ns.Z,{endActions:e.createElement(e.Fragment,null,e.createElement(Xt,{area:"contentManager.listView.actions"}),e.createElement(ya,{slug:p,layout:m})),startActions:e.createElement(e.Fragment,null,M&&e.createElement(h.m,{label:O({id:"app.component.search.label",defaultMessage:"Search for {target}"},{target:Me}),placeholder:O({id:"global.search",defaultMessage:"Search"}),trackedEvent:"didSearch"}),C&&!G&&e.createElement(qs,{displayedFilters:[...ye,...ke].sort((_,ae)=>j.compare(_.metadatas.label,ae.metadatas.label))}))}),e.createElement(ot.D,null,r?e.createElement(T.k,{gap:4,direction:"column",alignItems:"stretch"},e.createElement(h.iA.Root,{rows:s,isLoading:d,colCount:hr},e.createElement(h.iA.ActionBar,null,e.createElement(ng,{showPublish:a&&ge,showDelete:o,onConfirmDeleteAll:et,onConfirmUnpublishAll:bt,refetchData:Er})),e.createElement(h.iA.Content,null,e.createElement(h.iA.Head,null,e.createElement(h.iA.HeaderCheckboxCell,null),Ye.map(({fieldSchema:_,key:ae,name:re,metadatas:N})=>e.createElement(h.iA.HeaderCell,{key:ae,name:re,fieldSchemaType:_.type,relationFieldName:N.mainField?.name,isSortable:N.sortable,label:N.label})),e.createElement(h.iA.HeaderHiddenActionsCell,null)),e.createElement(h.iA.LoadingBody,null),e.createElement(h.iA.EmptyBody,{contentType:Me,aciton:hn({variant:"secondary"})}),e.createElement(pn.Root,{onConfirmDelete:yt,isConfirmDeleteRowOpen:R,setIsConfirmDeleteRowOpen:$},s.map((_,ae)=>e.createElement(js.Tr,{cursor:"pointer",key:s.id,onClick:gr(_.id)},e.createElement(pn.CheckboxDataCell,{rowId:_.id,index:ae}),Ye.map(({key:re,name:N,cellFormatter:J,...ie})=>{if(ge&&N==="publishedAt")return e.createElement(Be.Td,{key:re},e.createElement(fo.q,{width:"min-content",showBullet:!1,variant:_.publishedAt?"success":"secondary",size:"S"},e.createElement(S.Z,{fontWeight:"bold",textColor:`${_.publishedAt?"success":"secondary"}700`},O({id:(0,y.OB)(`containers.List.${_.publishedAt?"published":"draft"}`),defaultMessage:_.publishedAt?"Published":"Draft"}))));if(I){if(N==="strapi_stage")return e.createElement(Be.Td,{key:re},_.strapi_stage?e.createElement(he.ReviewWorkflowsStageEE,{color:_.strapi_stage.color??zp.W.colors.primary600,name:_.strapi_stage.name}):e.createElement(S.Z,{textColor:"neutral800"},"-"));if(N==="strapi_assignee")return e.createElement(Be.Td,{key:re},_.strapi_assignee?e.createElement(he.ReviewWorkflowsAssigneeEE,{user:_.strapi_assignee}):e.createElement(S.Z,{textColor:"neutral800"},"-"))}return["createdBy","updatedBy"].includes(N.split(".")[0])?e.createElement(Be.Td,{key:re},e.createElement(S.Z,{textColor:"neutral800"},_[N.split(".")[0]]?(0,y.Gf)(_[N.split(".")[0]],O):"-")):typeof J=="function"?e.createElement(Be.Td,{key:re},J(_,{key:re,name:N,...ie})):e.createElement(Be.Td,{key:re},e.createElement(vg,{content:_[N.split(".")[0]],name:N,contentType:m.contentType,...ie,rowId:_.id}))}),(o||a)&&P&&e.createElement(pn.EntityActionsDataCell,{rowId:_.id,index:ae,setIsConfirmDeleteRowOpen:$,canCreate:t,canDelete:o,handleCloneClick:fr})))))),e.createElement(T.k,{alignItems:"flex-end",justifyContent:"space-between"},e.createElement(h.v4,{trackedEvent:"willChangeNumberOfEntriesPerPage"}),e.createElement(h.tU,{pagination:{pageCount:u?.pageCount||1}}))):e.createElement(h.ZF,null))):null}ba.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 kg=Kp();function Og(t){return(0,Ws.bindActionCreators)({getData:wp,getDataSucceeded:Np,onChangeListHeaders:ws,onResetListHeaders:Bs},t)}const Ig=(0,te.$j)(kg,Og);var Pg=(0,Ws.compose)(Ig)(e.memo(ba,$e()));const ur=t=>{const o=(0,e.useMemo)(()=>(0,y.TA)(t.slug),[t.slug]),{isLoading:r,allowedActions:a}=(0,h.ss)(o,t.permissions);return r?e.createElement(h.dO,null):e.createElement(Pg,{...t,...a})};ur.defaultProps={permissions:[]},ur.propTypes={permissions:n().array,slug:n().string.isRequired};var Zg=(0,e.memo)(ur,(t,o)=>{const r=(0,h.e5)(t,o);return Object.keys(r).filter(s=>s!=="state").length>0});const va=({layout:t,...o})=>{const r=(0,te.I0)(),{replace:a}=(0,le.k6)(),[{query:s,rawQuery:l}]=(0,h.Kx)(),{permissions:c,isValid:d}=(0,ve.r5)(s,o.slug,"listView"),m=(0,ve.Ky)(o.slug);return(0,e.useEffect)(()=>{l||a(m)},[l,a,m]),(0,e.useEffect)(()=>{r(Wp(t))},[r,t]),(0,e.useEffect)(()=>()=>{r(jp())},[r]),d?e.createElement(Zg,{...o,layout:t,permissions:c}):null};va.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 xg=va,Sg=()=>e.createElement(U.x,{padding:8},e.createElement(h.Hn,null));const Ca=({match:{params:{slug:t},url:o}})=>{const r=(0,te.v9)(Le._),{isLoading:a,layout:s,updateLayout:l}=(0,ve.zE)(t),{rawContentTypeLayout:c,rawComponentsLayouts:d}=(0,e.useMemo)(()=>{let f={},E={};return s.contentType&&(f=(0,y.du)(s.contentType)),s.components&&(E=Object.keys(s.components).reduce((g,b)=>(g[b]=(0,y.du)(s.components[b]),g),{})),{rawContentTypeLayout:f,rawComponentsLayouts:E}},[s]);if((s?.contentType?.uid??null)!==t||a)return e.createElement(h.dO,null);const u=({location:{state:f},history:{goBack:E},match:{params:{id:g,origin:b}}},v)=>e.createElement(v,{slug:t,layout:s,state:f,goBack:E,id:g,origin:b}),p=[{path:"create/clone/:origin",comp:dn},{path:"create",comp:dn},{path:":id",comp:dn},{path:"",comp:xg}].map(({path:f,comp:E})=>e.createElement(le.AW,{key:f,path:`${o}/${f}`,render:g=>u(g,E)}));return e.createElement(yn.ErrorBoundary,{FallbackComponent:Sg},e.createElement(qt.Provider,{value:s},e.createElement(le.rs,null,e.createElement(le.AW,{path:`${o}/configurations/list`},e.createElement(h.O4,{permissions:r.contentManager.collectionTypesConfigurations},e.createElement($s,{layout:c,slug:t,updateLayout:l}))),e.createElement(le.AW,{path:`${o}/configurations/edit`},e.createElement(h.O4,{permissions:r.contentManager.collectionTypesConfigurations},e.createElement(Vn,{components:d,isContentTypeView:!0,mainLayout:c,slug:t,updateLayout:l}))),p)))};Ca.propTypes={match:n().shape({url:n().string.isRequired,params:n().shape({slug:n().string.isRequired}).isRequired}).isRequired};var Lg=(0,e.memo)(Ca),Ra=i(4214);const Ag=()=>{const[{isLoading:t,data:o},r]=(0,e.useReducer)(Ra.Z,Ra.q),a=(0,e.useMemo)(vt.Vo,[]),{schemas:s}=(0,te.v9)(m=>a(m),te.wU),l=(0,te.v9)(Le._),{uid:c}=(0,le.UO)(),{get:d}=(0,h.kY)();return(0,e.useEffect)(()=>{const u=Qe.default.CancelToken.source();return(async f=>{try{r(Jt());const{data:{data:E}}=await d(`/content-manager/components/${c}/configuration`,{cancelToken:f.token});r(Un((0,y.w8)(E,s,"component")))}catch(E){if(Qe.default.isCancel(E))return;console.error(E)}})(u),()=>{u.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(Vn,{components:o.components,mainLayout:o.component,slug:c}))};var Fg=(0,e.memo)(Ag),$g=i(80564),Bg=i(23982),wg=()=>{const{formatMessage:t}=(0,Q.Z)();return(0,h.go)(),e.createElement(Oe.o,null,e.createElement(Ie.T,{title:t({id:(0,y.OB)("header.name"),defaultMessage:"Content"})}),e.createElement(ot.D,null,e.createElement($g.x,{action:e.createElement(h.Qj,{variant:"secondary",startIcon:e.createElement(Ct.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(Bg.Z,{width:"10rem"}),shadow:"tableShadow"})))},Ng=()=>{const{formatMessage:t}=(0,Q.Z)();return(0,h.go)(),e.createElement(Oe.o,null,e.createElement(Ie.T,{title:t({id:(0,y.OB)("header.name"),defaultMessage:"Content"})}),e.createElement(ot.D,null,e.createElement(h.ZF,null)))};const Ma=({match:{params:{slug:t},url:o}})=>{const r=(0,te.v9)(Le._),{isLoading:a,layout:s,updateLayout:l}=(0,ve.zE)(t),{rawContentTypeLayout:c,rawComponentsLayouts:d}=(0,e.useMemo)(()=>{let m={},u={};return s.contentType&&(u=(0,y.du)(s.contentType)),s.components&&(m=Object.keys(s.components).reduce((p,f)=>(p[f]=(0,y.du)(s.components[f]),p),{})),{rawContentTypeLayout:u,rawComponentsLayouts:m}},[s]);return a?e.createElement(h.dO,null):e.createElement(qt.Provider,{value:s},e.createElement(le.rs,null,e.createElement(le.AW,{path:`${o}/configurations/edit`},e.createElement(h.O4,{permissions:r.contentManager.singleTypesConfigurations},e.createElement(Vn,{components:d,isContentTypeView:!0,mainLayout:c,slug:t,updateLayout:l}))),e.createElement(le.AW,{path:o,render:({location:{state:m},history:{goBack:u}})=>e.createElement(dn,{layout:s,slug:t,isSingleType:!0,state:m,goBack:u})})))};Ma.propTypes={match:n().shape({url:n().string.isRequired,params:n().shape({slug:n().string.isRequired}).isRequired}).isRequired};var jg=(0,e.memo)(Ma),Wg=i(91917);const zg=(0,x.ZP)(T.k)`
|
|
1183
|
-
border-radius: 50%;
|
|
1184
|
-
|
|
1185
|
-
svg {
|
|
1186
|
-
height: ${6/16}rem;
|
|
1187
|
-
width: ${11/16}rem;
|
|
1188
|
-
> path {
|
|
1189
|
-
fill: ${({theme:t})=>t.colors.neutral600};
|
|
1190
|
-
}
|
|
1191
|
-
}
|
|
1192
|
-
`,qg=x.ZP.button`
|
|
1193
|
-
border: none;
|
|
1194
|
-
background: transparent;
|
|
1195
|
-
display: block;
|
|
1196
|
-
width: 100%;
|
|
1197
|
-
text-align: unset;
|
|
1198
|
-
padding: 0;
|
|
1199
|
-
`;function Ta({displayedValue:t}){return e.createElement(T.k,{background:"neutral0",borderColor:"neutral200",justifyContent:"space-between",gap:3,padding:3,width:(0,h.Q1)(300)},e.createElement(qg,{type:"button"},e.createElement(T.k,{gap:6},e.createElement(zg,{alignItems:"center",justifyContent:"center",background:"neutral200",height:(0,h.Q1)(32),width:(0,h.Q1)(32)},e.createElement(Wg.Z,null)),e.createElement(T.k,{maxWidth:(0,h.Q1)(150)},e.createElement(S.Z,{textColor:"neutral700",ellipsis:!0},t)))),e.createElement(T.k,{gap:2},e.createElement(De.h,{noBorder:!0},e.createElement(Je.Z,null)),e.createElement(De.h,{noBorder:!0},e.createElement(st.Z,null))))}Ta.propTypes={displayedValue:n().string.isRequired};const Da=({status:t,displayedValue:o,width:r})=>{const{formatMessage:a}=(0,Q.Z)(),s={[Et.DRAFT]:a({id:(0,y.OB)("relation.publicationState.draft"),defaultMessage:"Draft"}),[Et.PUBLISHED]:a({id:(0,y.OB)("relation.publicationState.published"),defaultMessage:"Published"})},l=t===Et.DRAFT?"secondary":"success";return e.createElement(U.x,{style:{width:r}},e.createElement(T.k,{paddingTop:2,paddingBottom:2,paddingLeft:2,paddingRight:4,hasRadius:!0,borderSize:1,background:"neutral0",borderColor:"neutral200",justifyContent:"space-between"},e.createElement(ss,{gap:1},e.createElement(De.h,{noBorder:!0},e.createElement(st.Z,null)),e.createElement(as,{maxWidth:"100%",justifyContent:"space-between"},e.createElement(U.x,{minWidth:0,paddingTop:1,paddingBottom:1,paddingRight:4},e.createElement(is,null,e.createElement(S.Z,{textColor:"primary600",ellipsis:!0},o))),t&&e.createElement(fo.q,{variant:l,showBullet:!1,size:"S"},e.createElement(S.Z,{fontWeight:"bold",textColor:`${l}700`},s[t])))),e.createElement(U.x,{paddingLeft:4},e.createElement(ls,{type:"button"},e.createElement(_e.J,{width:"12px",as:en.Z})))))};Da.propTypes={status:n().string.isRequired,displayedValue:n().string.isRequired,width:n().number.isRequired};var Vg=i(7141),Ug=i(65352),Hg=i(36473),Gg=i(88791),Qg=i(89274),Yg=()=>{const[t,o]=(0,e.useState)(""),{formatMessage:r,locale:a}=(0,Q.Z)(),s=(0,e.useMemo)(vt.KQ,[]),{collectionTypeLinks:l,singleTypeLinks:c}=(0,te.v9)(s,te.wU),{startsWith:d}=(0,h.L0)(a,{sensitivity:"base"}),m=(0,h.Xe)(a,{sensitivity:"base"}),u=(0,e.useMemo)(()=>[{id:"collectionTypes",title:{id:(0,He.Z)("components.LeftMenu.collection-types"),defaultMessage:"Collection Types"},searchable:!0,links:l},{id:"singleTypes",title:{id:(0,He.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)=>m.compare(b.title,v.title)).map(b=>({...b,title:r({id:b.title,defaultMessage:b.title})}))})),[l,t,c,d,r,m]),p=()=>{o("")},f=({target:{value:g}})=>{o(g)},E=r({id:(0,He.Z)("header.name"),defaultMessage:"Content"});return e.createElement(Vg.m,{ariaLabel:E},e.createElement(Ug.p,{label:E,searchable:!0,value:t,onChange:f,onClear:p,searchLabel:r({id:"content-manager.components.LeftMenu.Search.label",defaultMessage:"Search for a content type"})}),e.createElement(Hg.Z,null,u.map(g=>{const b=r({id:g.title.id,defaultMessage:g.title.defaultMessage},g.title.values);return e.createElement(Gg.D,{key:g.id,label:b,badgeLabel:g.links.length.toString()},g.links.map(v=>{const P=v.search?`?${v.search}`:"";return e.createElement(Qg.E,{as:St.OL,key:v.uid,to:`${v.to}${P}`},v.title)}))})))},mr=i(70475);const Kg=()=>({type:mr.fn}),Xg=()=>({type:mr.sZ}),Jg=({authorizedCollectionTypeLinks:t,authorizedSingleTypeLinks:o,contentTypeSchemas:r,components:a,fieldSizes:s})=>({type:mr.IX,data:{authorizedCollectionTypeLinks:t,authorizedSingleTypeLinks:o,components:a,contentTypeSchemas:r,fieldSizes:s}});var ka=(t,o)=>o.map(({permissions:r})=>(0,h.qX)(t,r)),_g=i(81346),ef=i.n(_g);const Oa=(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:u})=>u===a.uid);let m=null;if(d){const u={page:1,pageSize:d.settings.pageSize,sort:`${d.settings.defaultSortBy}:${d.settings.defaultSortOrder}`};m=(0,un.stringify)(u,{encode:!1})}return{permissions:c,search:m,kind:a.kind,title:a.info.displayName,to:`/content-manager/${a.kind}/${a.uid}`,uid:a.uid,name:a.uid,isDisplayed:a.isDisplayed}});var tf=(t,o)=>{const r=Object.entries(ef()(t,"kind")).map(([l,c])=>({name:l,links:c})),[a,s]=je()(r,"name");return{collectionTypeSectionLinks:Oa(a?.links||[],"collectionTypes",o),singleTypeSectionLinks:Oa(s?.links??[],"singleTypes")}},nf=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}=tf(t,s),d=await Promise.all(ka(o,l)),m=l.filter((f,E)=>d[E]),u=await Promise.all(ka(o,c)),p=c.filter((f,E)=>u[E]);return{authorizedCollectionTypeLinks:m,authorizedSingleTypeLinks:p}}catch(s){return console.error(s),r({type:"warning",message:{id:"notification.error"}}),{authorizedCollectionTypeLinks:[],authorizedSingleTypeLinks:[]}}},of=()=>{const t=(0,te.I0)(),o=(0,h.lm)(),r=(0,te.v9)((0,vt.Yg)()),a=(0,e.useRef)(),{allPermissions:s}=(0,h.vn)(),{runHookWaterfall:l}=(0,h.j1)(),d=Qe.default.CancelToken.source(),{notifyStatus:m}=(0,tr.G)(),{formatMessage:u}=(0,Q.Z)(),{get:p}=(0,h.kY)(),f=async()=>{t(Kg());try{const{data:{data:{components:E,contentTypes:g,fieldSizes:b}}}=await p("/content-manager/init",{cancelToken:d.token});m(u({id:(0,y.OB)("App.schemas.data-loaded"),defaultMessage:"The schemas have been successfully loaded."}));const v=await nf({models:g,userPermissions:s,toggleNotification:o}),{ctLinks:P}=l(Kt.LK,{ctLinks:v.authorizedCollectionTypeLinks,models:g}),{stLinks:C}=l(Kt.dV,{stLinks:v.authorizedSingleTypeLinks,models:g}),M=Jg({authorizedCollectionTypeLinks:P,authorizedSingleTypeLinks:C,contentTypeSchemas:g,components:E,fieldSizes:b});t(M)}catch(E){if(Qe.default.isCancel(E))return;console.error(E),o({type:"warning",message:{id:"notification.error"}})}};return a.current=f,(0,e.useEffect)(()=>(a.current(),()=>{d.cancel("Operation canceled by the user."),t(Xg())}),[t,o]),{...r,refetchData:a.current}};function rf({type:t,item:o}){if([pt.Z.EDIT_FIELD,pt.Z.FIELD].includes(t))return e.createElement(Wt,{labelField:o.labelField});const[r]=t.split("_");switch(r){case pt.Z.COMPONENT:case pt.Z.DYNAMIC_ZONE:return e.createElement(Ta,{displayedValue:o.displayedValue});case pt.Z.RELATION:return e.createElement(Da,{displayedValue:o.displayedValue,status:o.status,width:o.width});default:return null}}const Ia=()=>{const t=(0,le.$B)("/content-manager/:kind/:uid"),{status:o,collectionTypeLinks:r,singleTypeLinks:a,models:s,refetchData:l}=of(),c=je()([...r,...a],g=>g.title.toLowerCase()),{pathname:d}=(0,le.TH)(),{formatMessage:m}=(0,Q.Z)(),{startSection:u}=(0,h.c1)(),p=(0,e.useRef)(u),f=(0,te.v9)(Le._);if((0,e.useEffect)(()=>{p.current&&p.current("contentManager")},[]),o==="loading")return e.createElement(Oe.o,{"aria-busy":"true"},e.createElement(Ie.T,{title:m({id:(0,He.Z)("header.name"),defaultMessage:"Content"})}),e.createElement(h.dO,null));const E=s.filter(({isDisplayed:g})=>g);return c.length===0&&E.length>0&&d!=="/content-manager/403"?e.createElement(le.l_,{to:"/content-manager/403"}):E.length===0&&d!=="/content-manager/no-content-types"?e.createElement(le.l_,{to:"/content-manager/no-content-types"}):!t&&c.length>0?e.createElement(le.l_,{to:`${c[0].to}${c[0].search?`?${c[0].search}`:""}`}):e.createElement(Ke.A,{sideNav:e.createElement(Yg,null)},e.createElement(ut.r,{renderItem:rf}),e.createElement(mt.Provider,{value:{refetchData:l}},e.createElement(le.rs,null,e.createElement(le.AW,{path:"/content-manager/components/:uid/configurations/edit"},e.createElement(h.O4,{permissions:f.contentManager.componentsConfigurations},e.createElement(Fg,null))),e.createElement(le.AW,{path:"/content-manager/collectionType/:slug",component:Lg}),e.createElement(le.AW,{path:"/content-manager/singleType/:slug",component:jg}),e.createElement(le.AW,{path:"/content-manager/403"},e.createElement(Ng,null)),e.createElement(le.AW,{path:"/content-manager/no-content-types"},e.createElement(wg,null)),e.createElement(le.AW,{path:"",component:h.Hn}))))};function sf(){const{formatMessage:t}=(0,Q.Z)();return e.createElement(e.Fragment,null,e.createElement(We.q,{title:t({id:(0,He.Z)("plugin.name"),defaultMessage:"Content Manager"})}),e.createElement(Ia,null))}},98865:function(En,nt,i){"use strict";i.d(nt,{d:function(){return qt}});var e=i(32735),Oe=i(84642),Ie=i(8365),Ke=i(77981),h=i(2775),dt=i(43806),je=i(60216),We=i.n(je),Q=i(67879),te=i(69997);const le=60*1e3,ut=le*60,Le=ut*24,zt=Le*30,mt=Le*365;var pt=be=>be<le?{unit:"second",value:-Math.round(be/1e3)}:be<ut?{unit:"minute",value:-Math.round(be/le)}:be<Le?{unit:"hour",value:-Math.round(be/ut)}:be<zt?{unit:"day",value:-Math.round(be/Le)}:be<mt?{unit:"month",value:-Math.round(be/zt)}:{unit:"year",value:-Math.round(be/mt)};const Ae=()=>{const{formatMessage:be}=(0,Q.Z)();return e.createElement(Oe.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Ie.Z,{variant:"sigma",textColor:"neutral600",id:"additional-information"},be({id:(0,te.OB)("containers.Edit.information"),defaultMessage:"Information"})),e.createElement(Ke.x,null,e.createElement(h.i,null)))},n=({label:be,value:ve})=>e.createElement(Oe.k,{justifyContent:"space-between"},e.createElement(Ie.Z,{as:"dt",fontWeight:"bold",textColor:"neutral800",variant:"pi"},be),e.createElement(Ie.Z,{as:"dd",variant:"pi",textColor:"neutral600"},ve));n.defaultProps={value:"-"},n.propTypes={label:We().string.isRequired,value:We().string};const yn=()=>{const{formatMessage:be,formatRelativeTime:ve}=(0,Q.Z)(),{initialData:y,isCreatingEntry:ue}=(0,dt.Wq)(),ot=(0,e.useRef)(Date.now()),U=(Ze,Ce)=>{const ze=y[Ce]?(0,te.Gf)(y[Ce],be):"-",Pt=(y[Ze]?new Date(y[Ze]).getTime():Date.now())-ot.current,{unit:gt,value:Ge}=pt(-Pt);return{at:ve(Ge,gt,{numeric:"auto"}),by:ue?"-":ze}},T=U("updatedAt","updatedBy"),S=U("createdAt","createdBy");return e.createElement(Oe.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(Oe.k,{direction:"column",alignItems:"stretch",gap:2,as:"dl"},e.createElement(n,{label:be({id:(0,te.OB)("containers.Edit.information.created"),defaultMessage:"Created"}),value:S.at}),e.createElement(n,{label:be({id:(0,te.OB)("containers.Edit.information.by"),defaultMessage:"By"}),value:S.by})),e.createElement(Oe.k,{direction:"column",alignItems:"stretch",gap:2,as:"dl"},e.createElement(n,{label:be({id:(0,te.OB)("containers.Edit.information.lastUpdate"),defaultMessage:"Last update"}),value:T.at}),e.createElement(n,{label:be({id:(0,te.OB)("containers.Edit.information.by"),defaultMessage:"By"}),value:T.by})))},bn=({children:be})=>e.createElement(Oe.k,{direction:"column",alignItems:"stretch",gap:4},be);bn.propTypes={children:We().oneOfType([We().arrayOf(We().node),We().node]).isRequired};const qt={Root:bn,Title:Ae,Body:yn}},97108:function(En,nt,i){"use strict";i.d(nt,{R:function(){return Ke}});var e=i(32735),Oe=i(43806),Ie=i(20108);function Ke(h={},dt={}){const{id:je="",...We}=h,{get:Q}=(0,Oe.kY)(),{data:te,isError:le,isLoading:ut,refetch:Le}=(0,Ie.useQuery)(["users",je,We],async()=>{const{data:{data:mt}}=await Q(`/admin/users/${je}`,{params:We});return mt},dt);return{users:e.useMemo(()=>je&&te?[te]:Array.isArray(te?.results)?te.results:[],[te,je]),pagination:e.useMemo(()=>te?.pagination??null,[te?.pagination]),isLoading:ut,isError:le,refetch:Le}}},99097:function(En,nt,i){"use strict";var e=i(32735);const Oe=(Ie,Ke)=>{const[h,dt]=(0,e.useState)(Ie);return(0,e.useEffect)(()=>{const je=setTimeout(()=>{dt(Ie)},Ke);return()=>{clearTimeout(je)}},[Ie,Ke]),h};nt.Z=Oe},57544:function(){},59599:function(){},42310:function(){},33842:function(){},85695:function(){}}]);
|