@strapi/admin 4.14.4 → 4.14.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/admin/.eslintrc.js +12 -0
- package/admin/custom.d.ts +20 -0
- package/admin/src/StrapiApp.js +14 -16
- package/admin/src/components/AuthenticatedApp/index.js +4 -4
- package/admin/src/components/ConfigurationProvider.tsx +67 -0
- package/admin/src/components/LanguageProvider.tsx +129 -0
- package/admin/src/components/{LeftMenu/index.js → LeftMenu.tsx} +23 -18
- package/admin/src/components/{NpsSurvey/index.js → NpsSurvey.tsx} +68 -21
- package/admin/src/components/PluginsInitializer.tsx +124 -0
- package/admin/src/components/Providers/index.js +6 -6
- package/admin/src/components/UnauthenticatedLogo.tsx +2 -2
- package/admin/src/components/{LocalesProvider/__mocks__/useLocalesProvider.js → __mocks__/LanguageProvider.js} +1 -1
- package/admin/src/content-manager/components/BlocksEditor/BlocksInput/index.js +48 -8
- package/admin/src/content-manager/components/BlocksEditor/Toolbar/index.js +146 -68
- package/admin/src/content-manager/components/BlocksEditor/hooks/useBlocksStore.js +50 -47
- package/admin/src/content-manager/components/BlocksEditor/hooks/useModifiersStore.js +11 -9
- package/admin/src/content-manager/components/BlocksEditor/index.js +1 -14
- package/admin/src/contexts/admin.ts +18 -0
- package/admin/src/contexts/configuration.ts +14 -4
- package/admin/src/hooks/__mocks__/useConfigurations.ts +2 -2
- package/admin/src/hooks/index.js +0 -3
- package/admin/src/hooks/{useAdminRoles/index.js → useAdminRoles.ts} +26 -10
- package/admin/src/hooks/useAdminUsers.ts +64 -0
- package/admin/src/hooks/useConfiguration.ts +5 -0
- package/admin/src/hooks/{useEnterprise/useEnterprise.js → useEnterprise.ts} +15 -5
- package/admin/src/hooks/useMenu.ts +153 -0
- package/admin/src/index.js +5 -2
- package/admin/src/layouts/UnauthenticatedLayout/LocaleToggle/index.js +2 -2
- package/admin/src/pages/Admin/index.js +4 -3
- package/admin/src/pages/App/index.js +5 -3
- package/admin/src/pages/AuthPage/components/Register/index.js +28 -33
- package/admin/src/pages/AuthPage/index.js +2 -2
- package/admin/src/pages/ProfilePage/index.js +2 -2
- package/admin/src/pages/SettingsPage/components/Tokens/Table/index.js +119 -87
- package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/CustomizationInfos/index.js +2 -2
- package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/index.js +2 -2
- package/admin/src/pages/SettingsPage/pages/Roles/CreatePage/index.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ConditionsModal/index.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/Collapse/index.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/ActionRow/index.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/SubActionRow/index.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/GlobalActions/index.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/PermissionsDataManagerProvider/index.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/SubCategory/index.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/hooks/usePermissionsDataManager.ts +28 -0
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/index.js +1 -1
- package/admin/src/{hooks/useAdminRolePermissions/index.js → pages/SettingsPage/pages/Roles/hooks/useAdminRolePermissions.ts} +13 -6
- package/admin/src/pages/SettingsPage/pages/TransferTokens/ListView/index.js +3 -5
- package/admin/src/shared/hooks/index.js +0 -1
- package/admin/src/shared/hooks/useInjectionZone/index.js +2 -2
- package/admin/src/types/adminAPI.ts +29 -0
- package/admin/src/utils/createRoute.js +4 -1
- package/admin/tsconfig.build.json +4 -0
- package/admin/tsconfig.json +7 -1
- package/build/{1049.f7aed23d.chunk.js → 1049.9236e785.chunk.js} +1 -1
- package/build/1222.fe92c653.chunk.js +35 -0
- package/build/{1227.f9c74718.chunk.js → 1227.e0f7447b.chunk.js} +1 -1
- package/build/135.ad267b59.chunk.js +1 -0
- package/build/{1386.6b8819c6.chunk.js → 1386.07f2bbb3.chunk.js} +1 -1
- package/build/1835.eaa696ba.chunk.js +1 -0
- package/build/{2225.d1bcf7e3.chunk.js → 2225.a2147b8f.chunk.js} +2 -2
- package/build/2325.d705b39a.chunk.js +1 -0
- package/build/2379.b0bc4013.chunk.js +1 -0
- package/build/{2395.aca6ce66.chunk.js → 2395.d37b1025.chunk.js} +1 -1
- package/build/2421.79e5b3d0.chunk.js +1 -0
- package/build/267.073a3bcb.chunk.js +1 -0
- package/build/2801.12522720.chunk.js +1 -0
- package/build/2878.145ebf7c.chunk.js +1 -0
- package/build/2950.216f2e89.chunk.js +1 -0
- package/build/2953.284a63c0.chunk.js +1 -0
- package/build/{8743.31c921b1.chunk.js → 3019.0d74d080.chunk.js} +123 -139
- package/build/3021.33ad47fb.chunk.js +103 -0
- package/build/{3483.5df8e010.chunk.js → 3483.8f1b25f8.chunk.js} +1 -1
- package/build/3911.488fbde3.chunk.js +95 -0
- package/build/{4174.df9aa09a.chunk.js → 4174.2c4f958e.chunk.js} +1 -1
- package/build/4429.7f044dc7.chunk.js +1 -0
- package/build/4555.c883d697.chunk.js +1 -0
- package/build/4663.b906cc10.chunk.js +1 -0
- package/build/4916.480053a6.chunk.js +1 -0
- package/build/4996.d285c30b.chunk.js +1 -0
- package/build/502.b845473a.chunk.js +1 -0
- package/build/5858.493b31ec.chunk.js +1 -0
- package/build/6345.334e7678.chunk.js +1 -0
- package/build/6373.1a21d665.chunk.js +105 -0
- package/build/6453.4160b5b7.chunk.js +1 -0
- package/build/7448.6fd14dd3.chunk.js +1 -0
- package/build/7464.91341b4f.chunk.js +1 -0
- package/build/7735.9e7c9fdd.chunk.js +10 -0
- package/build/782.7243b183.chunk.js +1 -0
- package/build/7849.2a500ed8.chunk.js +1 -0
- package/build/7897.dffa5ad5.chunk.js +6 -0
- package/build/8162.7d1100a0.chunk.js +1 -0
- package/build/{8276.d4426fd8.chunk.js → 8276.e9698944.chunk.js} +2 -2
- package/build/8894.5ca4852a.chunk.js +26 -0
- package/build/8980.f0045cc1.chunk.js +1 -0
- package/build/9153.42c1428a.chunk.js +1 -0
- package/build/{9218.8bc01ab9.chunk.js → 9218.306ad178.chunk.js} +1 -1
- package/build/9285.5f174057.chunk.js +1 -0
- package/build/9302.550cf5b7.chunk.js +146 -0
- package/build/9547.62987774.chunk.js +1 -0
- package/build/9754.b4e73779.chunk.js +1 -0
- package/build/Admin-authenticatedApp.e897fccb.chunk.js +79 -0
- package/build/{Admin_InternalErrorPage.b66ee9c1.chunk.js → Admin_InternalErrorPage.e2431a95.chunk.js} +1 -1
- package/build/Admin_homePage.71ef8d06.chunk.js +81 -0
- package/build/{Admin_marketplace.31b962b8.chunk.js → Admin_marketplace.0db78604.chunk.js} +1 -1
- package/build/{Admin_pluginsPage.9217101d.chunk.js → Admin_pluginsPage.1083f7f0.chunk.js} +1 -1
- package/build/{Admin_profilePage.680123d9.chunk.js → Admin_profilePage.61704b7d.chunk.js} +2 -2
- package/build/Admin_settingsPage.39cb9fca.chunk.js +111 -0
- package/build/{Upload_ConfigureTheView.b40eea4d.chunk.js → Upload_ConfigureTheView.3cfeb108.chunk.js} +1 -1
- package/build/admin-app.06f5e70a.chunk.js +69 -0
- package/build/admin-edit-roles-page.556fac52.chunk.js +267 -0
- package/build/admin-edit-users.64fd1318.chunk.js +10 -0
- package/build/admin-roles-list.15918328.chunk.js +22 -0
- package/build/admin-users.74fddc87.chunk.js +11 -0
- package/build/{api-tokens-create-page.0dd63e91.chunk.js → api-tokens-create-page.c08ae118.chunk.js} +1 -1
- package/build/{api-tokens-edit-page.78d877f8.chunk.js → api-tokens-edit-page.ce18efdc.chunk.js} +1 -1
- package/build/api-tokens-list-page.783b7569.chunk.js +16 -0
- package/build/audit-logs-settings-page.12aeea8c.chunk.js +1 -0
- package/build/content-manager.2e3f660b.chunk.js +1220 -0
- package/build/{content-type-builder-list-view.3fffae65.chunk.js → content-type-builder-list-view.38ed3935.chunk.js} +7 -7
- package/build/{content-type-builder.98c71164.chunk.js → content-type-builder.758a9d23.chunk.js} +4 -4
- package/build/email-settings-page.e08a587e.chunk.js +11 -0
- package/build/{i18n-settings-page.a9708926.chunk.js → i18n-settings-page.3186e3e9.chunk.js} +1 -1
- package/build/index.html +1 -1
- package/build/main.00ea6f5a.js +2665 -0
- package/build/{review-workflows-settings-create-view.b7b0c6c5.chunk.js → review-workflows-settings-create-view.5cdc4d64.chunk.js} +1 -1
- package/build/{review-workflows-settings-edit-view.c331b3fe.chunk.js → review-workflows-settings-edit-view.53bf7865.chunk.js} +1 -1
- package/build/review-workflows-settings-list-view.b4a8aefb.chunk.js +56 -0
- package/build/runtime~main.e3bf3980.js +2 -0
- package/build/sso-settings-page.6a35d473.chunk.js +1 -0
- package/build/{transfer-tokens-create-page.e7f541d3.chunk.js → transfer-tokens-create-page.2662d519.chunk.js} +1 -1
- package/build/{transfer-tokens-edit-page.bd1276c2.chunk.js → transfer-tokens-edit-page.f64d8d8c.chunk.js} +1 -1
- package/build/transfer-tokens-list-page.e6fd5f87.chunk.js +16 -0
- package/build/{upload-settings.97ef4c92.chunk.js → upload-settings.450a1de0.chunk.js} +1 -1
- package/build/{upload.f08715a1.chunk.js → upload.0d53e7a3.chunk.js} +1 -1
- package/build/{users-advanced-settings-page.36a3c363.chunk.js → users-advanced-settings-page.4a1f1f6d.chunk.js} +1 -1
- package/build/users-email-settings-page.ea81fe82.chunk.js +9 -0
- package/build/users-providers-settings-page.10280cdb.chunk.js +14 -0
- package/build/{users-roles-settings-page.d5a8e8a1.chunk.js → users-roles-settings-page.4a7158be.chunk.js} +1 -1
- package/build/{webhook-edit-page.87456194.chunk.js → webhook-edit-page.65ac30ee.chunk.js} +2 -2
- package/build/{webhook-list-page.c88a382b.chunk.js → webhook-list-page.f57285ca.chunk.js} +1 -1
- package/jest.config.front.js +4 -0
- package/package.json +23 -17
- package/scripts/build.js +1 -1
- package/server/controllers/admin.js +3 -2
- package/shared/entities.ts +33 -0
- package/shared/permissions.ts +52 -0
- package/admin/src/components/ConfigurationsProvider/index.js +0 -66
- package/admin/src/components/ConfigurationsProvider/reducer.js +0 -29
- package/admin/src/components/LanguageProvider/index.js +0 -54
- package/admin/src/components/LanguageProvider/init.js +0 -13
- package/admin/src/components/LanguageProvider/reducer.js +0 -30
- package/admin/src/components/LanguageProvider/utils/localStorageKey.js +0 -3
- package/admin/src/components/LocalesProvider/context.js +0 -5
- package/admin/src/components/LocalesProvider/index.js +0 -21
- package/admin/src/components/LocalesProvider/useLocalesProvider.js +0 -11
- package/admin/src/components/NpsSurvey/hooks/useNpsSurveySettings.js +0 -17
- package/admin/src/components/PluginsInitializer/index.js +0 -68
- package/admin/src/components/PluginsInitializer/init.js +0 -11
- package/admin/src/components/PluginsInitializer/reducer.js +0 -22
- package/admin/src/contexts/Admin/index.js +0 -5
- package/admin/src/contexts/MarketPlace/index.js +0 -18
- package/admin/src/contexts/PermisssionsDataManagerContext/index.js +0 -5
- package/admin/src/contexts/index.js +0 -3
- package/admin/src/hooks/useAdminRoles/__mocks__/index.js +0 -5
- package/admin/src/hooks/useAdminUsers/index.js +0 -1
- package/admin/src/hooks/useAdminUsers/useAdminUsers.js +0 -47
- package/admin/src/hooks/useConfigurations.ts +0 -5
- package/admin/src/hooks/useEnterprise/index.js +0 -1
- package/admin/src/hooks/useMenu/index.js +0 -86
- package/admin/src/hooks/useMenu/utils/checkPermissions.js +0 -13
- package/admin/src/hooks/useMenu/utils/getGeneralLinks.js +0 -31
- package/admin/src/hooks/useMenu/utils/getPluginSectionLinks.js +0 -17
- package/admin/src/hooks/usePermissionsDataManager/index.js +0 -7
- package/admin/src/shared/hooks/useAdminProvider/index.js +0 -11
- package/build/2224.8af54440.chunk.js +0 -138
- package/build/2379.f0baf826.chunk.js +0 -1
- package/build/2421.a478ba24.chunk.js +0 -105
- package/build/2801.c49f88a1.chunk.js +0 -1
- package/build/3911.d4fada48.chunk.js +0 -95
- package/build/412.72afdf0c.chunk.js +0 -689
- package/build/502.8666bbef.chunk.js +0 -25
- package/build/5702.5b433d50.chunk.js +0 -1
- package/build/6186.c33ce082.chunk.js +0 -116
- package/build/6715.48e37308.chunk.js +0 -1
- package/build/6812.00ef5b0d.chunk.js +0 -26
- package/build/7464.43a4527c.chunk.js +0 -1
- package/build/7818.d2196a53.chunk.js +0 -29
- package/build/7897.5c03247b.chunk.js +0 -25
- package/build/8690.33243bba.chunk.js +0 -38
- package/build/Admin-authenticatedApp.27545a1b.chunk.js +0 -112
- package/build/Admin_homePage.a6281dd6.chunk.js +0 -124
- package/build/Admin_settingsPage.33378310.chunk.js +0 -111
- package/build/admin-app.e8c52c37.chunk.js +0 -36
- package/build/admin-edit-roles-page.fcf056bf.chunk.js +0 -275
- package/build/admin-edit-users.89efe3c4.chunk.js +0 -10
- package/build/admin-roles-list.8b77704a.chunk.js +0 -22
- package/build/admin-users.e3f1be14.chunk.js +0 -19
- package/build/api-tokens-list-page.ae13346c.chunk.js +0 -16
- package/build/audit-logs-settings-page.e9c92a75.chunk.js +0 -9
- package/build/content-manager.5849dbe3.chunk.js +0 -1226
- package/build/email-settings-page.ecfec9b3.chunk.js +0 -11
- package/build/email-translation-ar-json.88304564.chunk.js +0 -1
- package/build/email-translation-cs-json.6eaeec6a.chunk.js +0 -1
- package/build/email-translation-de-json.1b334230.chunk.js +0 -1
- package/build/email-translation-dk-json.85402492.chunk.js +0 -1
- package/build/email-translation-en-json.4211d4d0.chunk.js +0 -1
- package/build/email-translation-es-json.0b6b1006.chunk.js +0 -1
- package/build/email-translation-fr-json.78be2787.chunk.js +0 -1
- package/build/email-translation-id-json.c97239fe.chunk.js +0 -1
- package/build/email-translation-it-json.a2ed8c78.chunk.js +0 -1
- package/build/email-translation-ja-json.63eebd02.chunk.js +0 -1
- package/build/email-translation-ko-json.4de49b23.chunk.js +0 -1
- package/build/email-translation-ms-json.7390477e.chunk.js +0 -1
- package/build/email-translation-nl-json.377bdd9f.chunk.js +0 -1
- package/build/email-translation-pl-json.97d0db97.chunk.js +0 -1
- package/build/email-translation-pt-BR-json.81cca553.chunk.js +0 -1
- package/build/email-translation-pt-json.2a2a0643.chunk.js +0 -1
- package/build/email-translation-ru-json.6bce37dd.chunk.js +0 -1
- package/build/email-translation-sk-json.53da2fcd.chunk.js +0 -1
- package/build/email-translation-th-json.660fa9a8.chunk.js +0 -1
- package/build/email-translation-tr-json.e6c0f8fc.chunk.js +0 -1
- package/build/email-translation-uk-json.bd1fb6bf.chunk.js +0 -1
- package/build/email-translation-vi-json.9fb7e6d7.chunk.js +0 -1
- package/build/email-translation-zh-Hans-json.c6841563.chunk.js +0 -1
- package/build/email-translation-zh-json.7a2232ea.chunk.js +0 -1
- package/build/main.3abb6f34.js +0 -3278
- package/build/review-workflows-settings-list-view.70218dc1.chunk.js +0 -75
- package/build/runtime~main.450561b1.js +0 -2
- package/build/sso-settings-page.1a9e7f8f.chunk.js +0 -1
- package/build/transfer-tokens-list-page.5de6bb9f.chunk.js +0 -16
- package/build/users-email-settings-page.47b47962.chunk.js +0 -149
- package/build/users-providers-settings-page.1e0c8376.chunk.js +0 -154
- /package/admin/src/hooks/{useAdminUsers/__mocks__/index.js → __mocks__/useAdminUsers.ts} +0 -0
- /package/admin/src/{hooks/useAdminRolePermissions/__mocks__/index.js → pages/SettingsPage/pages/Roles/hooks/__mocks__/useAdminRolePermissions.ts} +0 -0
|
@@ -1,1226 +0,0 @@
|
|
|
1
|
-
(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[994],{68019:function(yn,ot,c){"use strict";c.d(ot,{N:function(){return Ie}});var e=c(32735);function Ie(Oe,Xe){const[y,dt]=e.useState(Oe);return e.useEffect(()=>{const We=setTimeout(()=>{dt(Oe)},Xe);return()=>{clearTimeout(We)}},[Oe,Xe]),y}},70256:function(yn,ot,c){"use strict";c.r(ot),c.d(ot,{App:function(){return Va},default:function(){return kf}});var e=c(32735),Ie=c(95162),Oe=c(64092),Xe=c(99226),y=c(61489),dt=c(98978),We=c.n(dt),qe=c(74758),H=c(67879),ne=c(15062),ce=c(53038),ut=c(61575),Ae=c(30305),mt=(0,e.createContext)(),He=c(7921),pt=c(24381),Fe=c(60216),n=c.n(Fe),En=c(47533),Vt=(0,e.createContext)(),be=c(75430),ve=c(69242),b=c(69997),ue=c(91779),st=c(56932),Y=c(77981),M=c(84642),S=c(8365),Le=c(10710),Ce=c(97037),ze=c(16773),ke=c(40260),Pt=c(2775),gt=c(70788),Ye=c(40501),Ua=c(99381),Je=c.n(Ua),Ha=c(89793),Be=c.n(Ha),Ya=c(23940),xt=c.n(Ya),Ze=c(20108),vt=c(20716),fe=c(18318),Ct=c(82064),_e=c(63318),Ga=c(33795),w=c.n(Ga);const ks=e.createContext();function vn({attributes:t,buttonData:o,children:s,goTo:a,layout:r,metadatas:i,moveItem:l,moveRow:d,onAddData:u,relationsLayout:m,removeField:p,selectedItemName:g,setEditFieldToSelect:h,...f}){return e.createElement(ks.Provider,{value:{attributes:t,buttonData:o,goTo:a,layout:r,metadatas:i,moveItem:l,moveRow:d,onAddData:u,relationsLayout:m,removeField:p,selectedItemName:g,setEditFieldToSelect:h,...f}},s)}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(ks)}const Qa=[{action:"plugin::content-type-builder.read",subject:null}];var Ka=()=>{const{trackUsage:t}=(0,y.rS)(),{formatMessage:o}=(0,H.Z)(),{slug:s,modifiedData:a,isContentTypeView:r}=ft(),i=r?"content-types":"components",l=`/plugins/content-type-builder/${i==="content-types"?i:"component-categories"}`,d=w()(a,"category",""),u=i==="content-types"?s:`${d}/${s}`,m=()=>{t("willEditEditLayout")};return s==="strapi::administrator"?null:e.createElement(y.jW,{permissions:Qa},e.createElement(y.Qj,{to:`${l}/${u}`,onClick:m,size:"S",startIcon:e.createElement(_e.Z,null),variant:"secondary"},o({id:(0,He.Z)(`edit-settings-view.link-to-ctb.${i}`),defaultMessage:"Edit the content type"})))},rt=c(37405),Ut=c(74506),Lt=c(51968),Z=c(8471),Re=c(14763),Ge=c(94997),Cn=c(19594);const Ds=({componentUid:t})=>{const{componentLayouts:o}=ft(),{formatMessage:s}=(0,H.Z)(),a=w()(o,[t],{}),r=w()(a,["layouts","edit"],[]);return e.createElement(Y.x,{padding:3},r.map((i,l)=>e.createElement(Le.r,{gap:4,key:l},i.map(d=>e.createElement(Ce.P,{key:d.name,col:d.size},e.createElement(Y.x,{paddingTop:2},e.createElement(M.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(Y.x,{paddingTop:2},e.createElement(y.rU,{startIcon:e.createElement(Cn.Z,null),to:`/content-manager/components/${t}/configurations/edit`},s({id:(0,He.Z)("components.FieldItem.linkToComponentLayout"),defaultMessage:"Set the component's layout"}))))};Ds.propTypes={componentUid:n().string.isRequired};var Xa=Ds,Zt=c(14911),et=c(18129),Ja=c(98851),_a=c(88454),ei=c(60860),ti=c(72480),ni=c(25919),oi=c(23381),si=c(32095),ri=c(87436),Ht=c(73892),ai=c(19999),ii=c(1586),li=c(2651),Rn=c(44494),ci=c(98599),di=c(5894),ui=c(88026),mi=c(94852),pi=c(72911),gi=c(37781),fi=c(31797),hi=c(24591),Yt=c(68620),Is=c(39638),yi=c(17110),Ei=c(40685),bi=c(48644),vi=c(9362),Ci=c(83708),Ri=c(6665),Mi=c(66846),Ti=c(70146),ki=c(80031),Di=c(13713),Ii=c(37455),Oi=c(70321),Pi=c(84951),xi=c(87816),Li=c(50720),Zi=c(32880),Os=c(62864),Si=c(10364),Ai=c(12350),Fi=c(69762),$i=c(19211),Bi=c(53220),Ps=c(68527),wi=c(34901),Ni=c(27840),ji=c(75337),Wi=c(9568),qi=c(15406),zi=c(22523),Vi=c(73981),Ui=c(64745),Hi=c(44130),Yi=c(85406),Gi=c(17626),Gt=c(51098),Qi=c(42815),Ki=c(39126),Mn=c(9780),Xi=c(42498),Ji=c(47763),Tn=c(54275),_i=c(36328),el=c(17037),tl=c(46051),nl=c(91528),ol=c(9137),sl=c(3448),rl=c(18981),al=c(73136),il=c(94140),ll=c(3115),cl=c(30279),dl=c(15558),ul=c(46528),ml=c(41186),pl=c(73896),gl=c(18489),fl=c(39544),hl=c(81904),kn=c(59151),yl=c(3747),El=c(77021),bl=c(42627),vl=c(58518),Cl=c(3718),Rl=c(601),Ml=c(47372),Dn=c(98378),In=c(69321),Tl=c(95412),kl=c(61131),Dl=c(29806),Il=c(37982),Ol=c(23044),Pl=c(17229),xl=c(42778),Ll=c(19815),Zl=c(96151),Sl=c(10291),Al=c(90230),Fl=c(90517),$l=c(83997),Bl=c(57918),wl=c(62996),On=c(98128),Nl=c(42912),jl=c(65558),Wl=c(17994),ql=c(78420),zl=c(56549),Vl=c(86399),Ul=c(27369),Qt=c(13424),Hl=c(12681),Yl=c(69826),Gl=c(24322),Ql=c(19637),Kl=c(50322),Xl=c(22356);const xs={alien:Ja.Z,apps:_a.Z,archive:ei.Z,arrowDown:ti.Z,arrowLeft:gt.Z,arrowRight:ni.Z,arrowUp:oi.Z,attachment:si.Z,bell:ri.Z,bold:Ht.Z,book:ai.Z,briefcase:ii.Z,brush:li.Z,bulletList:Rn.Z,calendar:ci.Z,car:di.Z,cast:ui.Z,chartBubble:mi.Z,chartCircle:pi.Z,chartPie:gi.Z,check:Ye.Z,clock:fi.Z,cloud:hi.Z,code:Yt.Z,cog:Cn.Z,collapse:Is.Z,command:yi.Z,connector:Ei.Z,crop:bi.Z,crown:vi.Z,cube:Ci.Z,cup:Ri.Z,cursor:Mi.Z,dashboard:Ti.Z,database:ki.Z,discuss:Di.Z,doctor:Ii.Z,earth:Oi.Z,emotionHappy:Pi.Z,emotionUnhappy:xi.Z,envelop:Li.Z,exit:Zi.Z,expand:Os.Z,eye:Si.Z,feather:Ai.Z,file:Fi.Z,fileError:$i.Z,filePdf:Bi.Z,filter:Ps.Z,folder:wi.Z,gate:Ni.Z,gift:ji.Z,globe:Wi.Z,grid:qi.Z,handHeart:zi.Z,hashtag:Vi.Z,headphone:Ui.Z,heart:Hi.Z,house:Yi.Z,information:Gi.Z,italic:Gt.Z,key:Qi.Z,landscape:Ki.Z,layer:Mn.Z,layout:Xi.Z,lightbulb:Ji.Z,link:Tn.Z,lock:_i.Z,magic:el.Z,manyToMany:tl.Z,manyToOne:nl.Z,manyWays:ol.Z,medium:sl.Z,message:rl.Z,microphone:al.Z,monitor:il.Z,moon:ll.Z,music:cl.Z,oneToMany:dl.Z,oneToOne:ul.Z,oneWay:ml.Z,paint:pl.Z,paintBrush:gl.Z,paperPlane:fl.Z,pencil:_e.Z,phone:hl.Z,picture:kn.Z,pin:yl.Z,pinMap:El.Z,plane:bl.Z,play:vl.Z,plus:Ct.Z,priceTag:Cl.Z,puzzle:Rl.Z,question:Ml.Z,quote:Dn.Z,refresh:In.Z,repeat:Tl.Z,restaurant:kl.Z,rocket:Dl.Z,rotate:Il.Z,scissors:Ol.Z,search:Pl.Z,seed:xl.Z,server:Ll.Z,shield:Zl.Z,shirt:Sl.Z,shoppingCart:Al.Z,slideshow:Fl.Z,stack:$l.Z,star:Bl.Z,store:wl.Z,strikeThrough:On.Z,sun:Nl.Z,television:jl.Z,thumbDown:Wl.Z,thumbUp:ql.Z,train:zl.Z,twitter:Vl.Z,typhoon:Ul.Z,underline:Qt.Z,user:Hl.Z,volumeMute:Yl.Z,volumeUp:Gl.Z,walk:Ql.Z,wheelchair:Kl.Z,write:Xl.Z};function St({showBackground:t=!0,size:o="M",icon:s}){return e.createElement(M.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(et.J,{as:xs[s]||xs.cube,height:o==="S"?3:5,width:o==="S"?3:5}))}St.defaultProps={showBackground:!0,size:"M",icon:"Cube"},St.propTypes={showBackground:n().bool,size:n().string,icon:n().string};const Jl=(0,Z.ZP)(M.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
|
-
`,Ls=({components:t})=>{const{componentLayouts:o}=ft();return e.createElement(M.k,{gap:2,overflow:"scroll hidden",padding:3},t.map(s=>e.createElement(Jl,{hasRadius:!0,background:"neutral0",justifyContent:"center",alignItems:"center",height:`${84/16}rem`,minWidth:`${140/16}rem`,key:s,padding:2,direction:"column",borderColor:"neutral200",as:Zt.rU,to:`/content-manager/components/${s}/configurations/edit`},e.createElement(St,{icon:o?.[s]?.info?.icon}),e.createElement(Y.x,{paddingTop:1},e.createElement(S.Z,{fontSize:1,textColor:"neutral600",fontWeight:"bold"},o?.[s]?.info?.displayName??"")))))};Ls.propTypes={components:n().arrayOf(n().string).isRequired};var _l=Ls;const Zs=(0,Z.ZP)(Re.h)`
|
|
28
|
-
background-color: transparent;
|
|
29
|
-
path {
|
|
30
|
-
fill: ${({theme:t})=>t.colors.neutral600};
|
|
31
|
-
}
|
|
32
|
-
`,Pn=({attribute:t,onEditField:o,onDeleteField:s,children:a})=>{const{formatMessage:r}=(0,H.Z)();return e.createElement(Y.x,{overflow:"hidden",width:"100%"},e.createElement(M.k,{paddingLeft:3,alignItems:"center",justifyContent:"space-between"},e.createElement(S.Z,{fontWeight:"semiBold",textColor:"neutral800",ellipsis:!0},a),e.createElement(M.k,null,e.createElement(Zs,{label:r({id:(0,b.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:a}),onClick:o,icon:e.createElement(_e.Z,null),noBorder:!0}),e.createElement(Zs,{label:r({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:a}),"data-testid":"delete-field",onClick:s,icon:e.createElement(Ge.Z,null),noBorder:!0}))),t?.type==="component"&&e.createElement(Xa,{componentUid:t.component}),t?.type==="dynamiczone"&&e.createElement(_l,{components:t.components}))};Pn.defaultProps={attribute:void 0},Pn.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 ec=Pn;const tc=(0,Z.ZP)(M.k)`
|
|
33
|
-
position: relative;
|
|
34
|
-
${({isFirst:t,isLast:o,hasHorizontalPadding:s})=>t?`
|
|
35
|
-
padding-right: 4px;
|
|
36
|
-
`:o?`
|
|
37
|
-
padding-left: 4px;
|
|
38
|
-
`:s?`
|
|
39
|
-
padding: 0 4px;
|
|
40
|
-
`:""}
|
|
41
|
-
${({showRightCarret:t,showLeftCarret:o,theme:s})=>t?`
|
|
42
|
-
&:after {
|
|
43
|
-
content: '';
|
|
44
|
-
position: absolute;
|
|
45
|
-
right: -1px;
|
|
46
|
-
background-color: ${s.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: ${s.colors.primary600};
|
|
58
|
-
width: 2px;
|
|
59
|
-
height: 100%;
|
|
60
|
-
align-self: stretch;
|
|
61
|
-
z-index: 1;
|
|
62
|
-
}
|
|
63
|
-
`:""};
|
|
64
|
-
`,nc=(0,Z.ZP)(rt.Z)`
|
|
65
|
-
height: ${12/16}rem;
|
|
66
|
-
width: ${12/16}rem;
|
|
67
|
-
path {
|
|
68
|
-
fill: ${({theme:t})=>t.colors.neutral600};
|
|
69
|
-
}
|
|
70
|
-
`,oc=(0,Z.ZP)(M.k)`
|
|
71
|
-
display: ${({dragStart:t})=>t?"none":"flex"};
|
|
72
|
-
opacity: ${({isDragging:t,isFullSize:o,isHidden:s})=>t&&!o?.2:t&&o||s?0:1};
|
|
73
|
-
`,sc=(0,Z.ZP)(M.k)`
|
|
74
|
-
cursor: all-scroll;
|
|
75
|
-
border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
76
|
-
`,xn=({attribute:t,children:o,index:s,lastIndex:a,moveItem:r,moveRow:i,name:l,onDeleteField:d,onEditField:u,rowIndex:m,size:p})=>{const[g,h]=(0,e.useState)(!1),f=l==="_TEMP_",{setIsDraggingSibling:E}=ft(),v=p===12,P=(0,e.useRef)(null),C=(0,e.useRef)(null),[{clientOffset:T,isOver:R},A]=(0,Ut.useDrop)({accept:b._Q.EDIT_FIELD,hover(k,I){if(!C.current||k.size!==12)return;const B=I.getItem().index,te=s,j=I.getItem().rowIndex,K=m;if(B===te&&j===K)return;const V=C.current.getBoundingClientRect(),Q=(V.bottom-V.top)/2,de=I.getClientOffset().y-V.top;j<K&&de<Q||j>K&&de>Q||(i(j,K),k.rowIndex=K,k.itemIndex=te)},drop(k,I){if(!C.current)return;const B=I.getItem().index,te=s,j=I.getItem().rowIndex,K=m;if(k.size===12||B===te&&j===K)return;const V=C.current.getBoundingClientRect();if(Math.abs(I.getClientOffset().x-V.left)>V.width/1.8){r(B,te+1,j,K),k.itemIndex=te+1,k.rowIndex=K;return}r(B,te,j,K),k.itemIndex=te,k.rowIndex=K},collect:k=>({canDrop:k.canDrop(),clientOffset:k.getClientOffset(),isOver:k.isOver(),isOverCurrent:k.isOver({shallow:!0}),itemType:k.getItemType()})}),[{isDragging:L,getItem:O},q,W]=(0,Ut.useDrag)({type:b._Q.EDIT_FIELD,item(){return E(!0),{index:s,labelField:o,rowIndex:m,name:l,size:p}},canDrag(){return l!=="_TEMP_"},collect:k=>({isDragging:k.isDragging(),getItem:k.getItem()}),end(){E(!1)}});(0,e.useEffect)(()=>{W((0,Lt.rX)(),{captureDraggingState:!0})},[W]);const D={dragRef:q(P),dropRef:A(C)};let z=!1,J=!1;if(C.current&&T){const k=C.current.getBoundingClientRect();z=R&&O.size!==12&&Math.abs(T.x-k.left)<k.width/2,J=R&&O.size!==12&&Math.abs(T.x-k.left)>k.width/2,l==="_TEMP_"&&(z=R&&O.size!==12,J=!1)}const $=()=>t&&v?`${74/16}rem`:`${32/16}rem`,G=s===0&&!v,X=s===a&&!v,F=s!==0&&!v;return e.createElement(Ce.P,{col:p},e.createElement(tc,{ref:D.dropRef,showLeftCarret:z,showRightCarret:J,isFirst:G,isLast:X,hasHorizontalPadding:F,onDrag:()=>{v&&!g&&h(!0)},onDragEnd:()=>{v&&h(!1)}},g&&v&&e.createElement(Y.x,{width:"100%",height:"2px",background:"primary600"}),e.createElement(oc,{width:v&&g?0:"100%",borderColor:"neutral150",hasRadius:!0,background:"neutral100",minHeight:$(),alignItems:"stretch",isDragging:L,dragStart:g,isFullSize:v,isHidden:f},e.createElement(sc,{as:"span",type:"button",ref:D.dragRef,onClick:k=>k.stopPropagation(),alignItems:"center",paddingLeft:3,paddingRight:3,tabIndex:-1},e.createElement(nc,null)),!f&&e.createElement(ec,{attribute:t,onEditField:u,onDeleteField:d},o))))};xn.defaultProps={attribute:void 0},xn.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 rc=xn;const Ss=({rowItem:t,onRemoveField:o,rowId:s,rowIndex:a,index:r,lastIndex:i})=>{const{setEditFieldToSelect:l,attributes:d,modifiedData:u,moveRow:m,moveItem:p}=ft(),g=w()(d,[t.name],{}),h=w()(u,["metadatas",t.name,"edit","label"],"");return e.createElement(rc,{onEditField:()=>l(t.name),onDeleteField:()=>o(s,r),attribute:g,index:r,lastIndex:i,rowIndex:a,name:t.name,size:t.size,moveRow:m,moveItem:p},h||t.name)};Ss.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 ac=Ss;const As=({row:t,onRemoveField:o,rowIndex:s})=>e.createElement(Le.r,null,t.rowContent.map((a,r)=>e.createElement(ac,{key:a.name,rowItem:a,index:r,rowId:t.rowId,onRemoveField:o,rowIndex:s,lastIndex:t.rowContent.length-1})));As.propTypes={onRemoveField:n().func.isRequired,row:n().object.isRequired,rowIndex:n().number.isRequired};var ic=As;const Fs=({editLayout:t,fields:o,onRemoveField:s,onAddField:a})=>{const{formatMessage:r}=(0,H.Z)();return e.createElement(M.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(M.k,{justifyContent:"space-between"},e.createElement("div",null,e.createElement(Y.x,null,e.createElement(S.Z,{fontWeight:"bold"},r({id:(0,b.OB)("containers.ListPage.displayedFields"),defaultMessage:"Displayed fields"}))),e.createElement(Y.x,null,e.createElement(S.Z,{variant:"pi",textColor:"neutral600"},r({id:"containers.SettingPage.editSettings.description",defaultMessage:"Drag & drop the fields to build the layout"})))),e.createElement(Ka,null)),e.createElement(Y.x,{padding:4,hasRadius:!0,borderStyle:"dashed",borderWidth:"1px",borderColor:"neutral300"},e.createElement(M.k,{direction:"column",alignItems:"stretch",gap:2},t.map((i,l)=>e.createElement(ic,{key:i.rowId,row:i,rowIndex:l,onRemoveField:s})),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"},r({id:(0,b.OB)("containers.SettingPage.add.field"),defaultMessage:"Insert another field"})),e.createElement(fe.VY,null,o.map(i=>e.createElement(fe.ck,{key:i,onSelect:()=>a(i)},i)))))))};Fs.propTypes={editLayout:n().array.isRequired,fields:n().array.isRequired,onAddField:n().func.isRequired,onRemoveField:n().func.isRequired};var lc=Fs,Ln=c(21223),Zn=c(98887),Sn=c(87674),An=c(74973),At=c(28868),cc=c(54342),Kt=c(44298),dc=c(80016),$s=c(60384),Fn=c(32119),uc=c(95556),$n=c(58316),mc=c(19455),pc=c(50756),gc=c(79334),fc=c(28385);const Bs={biginteger:e.createElement(At.Z,null),boolean:e.createElement(cc.Z,null),date:e.createElement(Kt.Z,null),datetime:e.createElement(Kt.Z,null),decimal:e.createElement(At.Z,null),email:e.createElement(dc.Z,null),enum:e.createElement($s.Z,null),enumeration:e.createElement($s.Z,null),file:e.createElement(Fn.Z,null),files:e.createElement(Fn.Z,null),float:e.createElement(At.Z,null),integer:e.createElement(At.Z,null),media:e.createElement(Fn.Z,null),number:e.createElement(At.Z,null),relation:e.createElement(uc.Z,null),string:e.createElement($n.Z,null),text:e.createElement($n.Z,null),richtext:e.createElement($n.Z,null),time:e.createElement(Kt.Z,null),timestamp:e.createElement(Kt.Z,null),json:e.createElement(mc.Z,null),uid:e.createElement(pc.Z,null),component:e.createElement(gc.Z,null),dynamiczone:e.createElement(fc.Z,null)},Bn=({type:t,customFieldUid:o})=>{const s=(0,y.mZ)();let a=Bs[t];if(o){const i=s.get(o).icon;i&&(a=e.createElement(Y.x,{marginRight:3,width:7,height:6},e.createElement(i,null)))}return Bs[t]?a:null};Bn.defaultProps={customFieldUid:null},Bn.propTypes={type:n().string.isRequired,customFieldUid:n().string};var ws=Bn,hc=t=>t.reduce((o,s)=>{const a=s?.attributes??{},r=Object.keys(a).filter(i=>!["boolean","component","dynamiczone","json","media","password","relation","text","richtext","blocks"].includes(a?.[i]?.type??""));return o[s.uid]=r,o},{}),Ns=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 s=t==="mainField"?(0,b.OB)("containers.SettingPage.editSettings.entry.title"):(0,b.OB)(`form.Input.${t}`);return{type:o,label:{id:s}}},wn=c(2846),Ft=c(70420);const Nn=({type:t,options:o,onChange:s,value:a,name:r,...i})=>{const{formatMessage:l}=(0,H.Z)();switch(t){case"text":return e.createElement(wn.o,{onChange:s,value:a,name:r,...i});case"bool":return e.createElement(Ft.s,{onChange:d=>{s({target:{name:r,value:d.target.checked}})},checked:a,name:r,onLabel:l({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"On"}),offLabel:l({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"Off"}),...i});case"select":return e.createElement(ze.P,{value:a,name:r,onChange:d=>s({target:{name:r,value:d}}),...i},o.map(d=>e.createElement(ke.W,{key:d,value:d},d)));default:return null}};Nn.defaultProps={options:void 0},Nn.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 yc=Nn;const Ec=[[4,"33%"],[6,"50%"],[8,"66%"],[12,"100%"]],js=({onMetaChange:t,onSizeChange:o})=>{const{formatMessage:s}=(0,H.Z)(),{modifiedData:a,selectedField:r,attributes:i,fieldForm:l}=ft(),d=(0,e.useMemo)(vt.Vo,[]),{schemas:u}=(0,ne.v9)(C=>d(C),ne.wU),m=(0,ne.v9)(vt.Jg),p=(0,e.useMemo)(()=>{if(!r)return[];const C=w()(a,["metadatas",r,"edit"],{});return Object.keys(C).filter(T=>T!=="visible")},[r,a]),g=(0,e.useMemo)(()=>hc(u),[u]),h=(0,e.useCallback)(C=>{if(C!=="relation"&&C!=="component")return[];const T=C==="component"?"component":"targetModel",R=w()(a,["attributes",r,T],"");return w()(g,[R],[])},[r,g,a]),f=p.map(C=>{const T=w()(i,[r,"type"]);return["component","dynamiczone"].includes(T)&&!["label","description"].includes(C)||T==="component"&&C!=="label"||["media","json","boolean"].includes(T)&&C==="placeholder"||C==="step"?null:e.createElement(Ce.P,{col:6,key:C},e.createElement(yc,{type:Ns(C).type,hint:C==="mainField"?s({id:(0,He.Z)("containers.SettingPage.editSettings.relation-field.description")}):"",label:s({id:w()(Ns(C),"label.id","app.utils.defaultMessage")}),name:C,onChange:t,value:w()(l,["metadata",C],""),options:h(T)}))}),{type:E,customField:v}=i[r],{isResizable:P}=m[v]??m[E];return e.createElement(e.Fragment,null,f,P&&e.createElement(Ce.P,{col:6,key:"size"},e.createElement(ze.P,{value:l?.size,name:"size",onChange:C=>{o({name:r,value:C})},label:s({id:(0,He.Z)("containers.SettingPage.editSettings.size.label"),defaultMessage:"Size"})},Ec.map(([C,T])=>e.createElement(ke.W,{key:C,value:C},T)))))};js.propTypes={onMetaChange:n().func.isRequired,onSizeChange:n().func.isRequired};var bc=js;const vc=(0,Z.ZP)(M.k)`
|
|
77
|
-
svg {
|
|
78
|
-
width: ${32/16}rem;
|
|
79
|
-
height: ${24/16}rem;
|
|
80
|
-
margin-right: ${({theme:t})=>t.spaces[3]};
|
|
81
|
-
}
|
|
82
|
-
`,jn=({onToggle:t,onMetaChange:o,onSizeChange:s,onSubmit:a,type:r,customFieldUid:i})=>{const{selectedField:l}=ft(),{formatMessage:d}=(0,H.Z)(),u=()=>r==="timestamp"?"date":["decimal","float","integer","biginter"].includes(r)?"number":r;return e.createElement(Ln.P,{onClose:t,labelledBy:"title"},e.createElement("form",{onSubmit:a},e.createElement(Zn.x,null,e.createElement(vc,null,e.createElement(ws,{type:u(),customFieldUid:i}),e.createElement(S.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title"},d({id:(0,b.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:xt()(l)})))),e.createElement(Sn.f,null,e.createElement(Le.r,{gap:4},e.createElement(bc,{onMetaChange:o,onSizeChange:s}))),e.createElement(An.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"}))})))};jn.defaultProps={customFieldUid:null},jn.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 Cc=jn,Rc=c(3040),ie=c.n(Rc);const Wn=t=>t.reduce((o,s)=>o+s.size,0),Mc=t=>t.reduce((o,s,a)=>{const r={rowId:a,rowContent:s};return o.concat(r)},[]),Rt=t=>t.reduce((o,s)=>{let a=[];const r=s.rowContent.reduce((d,u)=>{const m=Wn(d);return u.name==="_TEMP_"||(m+u.size<=12?d.push(u):a.push(u)),d},[]),i=o.length===0?0:Math.max.apply(Math,o.map(d=>d.rowId))+1,l=Wn(r);if(l<12&&r.push({name:"_TEMP_",size:12-l}),o.push({rowId:i,rowContent:r}),a.length>0){const d=Wn(a);d<12&&a.push({name:"_TEMP_",size:12-d}),o.push({rowId:i+1,rowContent:a}),a=[]}return o},[]).filter(o=>o.rowContent.length>0).filter(o=>o.rowContent.length===1?o.rowContent[0].name!=="_TEMP_":!0),Tc=t=>t.reduce((o,s)=>{const a=s.rowContent.filter(r=>r.name!=="_TEMP_");return o.concat([a])},[]),kc=(t,o=[])=>o.reduce((s,{rowContent:a})=>{const r=a.find(i=>i.name===t)?.size??null;return r&&(s=r),s},null),Dc=(t,o,s=[])=>s.map(a=>(a.rowContent=a.rowContent.map(r=>r.name===t?{...r,size:o}:r),a));var Ic=(t,o,s)=>{let a=Je()(o);return ie()(a,["layouts","edit"],Rt(Mc(o.layouts.edit))),{...t,initialData:a,modifiedData:a,componentLayouts:s}},qn=c(97889);const Ws=6,zn={fieldForm:{},componentLayouts:{},metaToEdit:"",initialData:{},metaForm:{},modifiedData:{}};var Oc=(t=zn,o)=>(0,qn.ZP)(t,s=>{const a=["modifiedData","layouts","edit"];switch(o.type){case"MOVE_ROW":{const r=w()(t,a,[]),{fromIndex:i,toIndex:l}=o;ie()(s,a,(0,b.W3)(r,i,l));break}case"ON_ADD_FIELD":{const r=Je()(t),i=w()(r,["modifiedData","attributes",o.name],{}),l=o.fieldSizes[i?.customField]?.default??o.fieldSizes[i?.type]?.default??Ws,d=w()(r,a,[]).length,u=[...a,d-1,"rowContent"],m=w()(r,u,[]);let p=w()(r,a,[]);Array.isArray(m)?ie()(p,[d>0?d-1:0,"rowContent"],[...m,{name:o.name,size:l}]):ie()(p,[d>0?d-1:0,"rowContent"],[{name:o.name,size:l}]);const g=Rt(p);ie()(s,a,g);break}case"ON_CHANGE":{ie()(s,["modifiedData",...o.keys],o.value);break}case"ON_CHANGE_META":{ie()(s,["metaForm","metadata",...o.keys],o.value);break}case"ON_CHANGE_SIZE":{ie()(s,["metaForm","size"],o.value);break}case"ON_RESET":{s.modifiedData=t.initialData;break}case"REMOVE_FIELD":{const r=w()(t,[...a,o.rowIndex,"rowContent"],[]);let i=Je()(t);if(r.length===1||r.length===2&&w()(r,[1,"name"],"")==="_TEMP_"){const d=w()(t,a,[]);ie()(i,a,d.filter((u,m)=>o.rowIndex!==m))}else ie()(i,[...a,o.rowIndex,"rowContent"],r.filter((d,u)=>u!==o.fieldIndex));const l=Rt(w()(i,a,[]));ie()(s,a,l);break}case"REORDER_DIFF_ROW":{const r=w()(t,[...a,o.dragRowIndex,"rowContent"],[]),i=w()(t,[...a,o.hoverRowIndex,"rowContent"],[]),l=w()(t,[...a,o.dragRowIndex,"rowContent",o.dragIndex],{}),d=[...i,l];let u=Je()(t);ie()(u,[...a,o.dragRowIndex,"rowContent"],r.filter((p,g)=>o.dragIndex!==g)),ie()(u,[...a,o.hoverRowIndex,"rowContent"],(0,b.W3)(d,d.length-1,o.hoverIndex));const m=Rt(w()(u,a,[]));ie()(s,a,m);break}case"REORDER_ROW":{const r=Je()(t),i=w()(r,[...a,o.dragRowIndex,"rowContent"],[]);ie()(r,[...a,o.dragRowIndex,"rowContent"],(0,b.W3)(i,o.dragIndex,o.hoverIndex));const l=Rt(w()(r,a,[]));ie()(s,a,l);break}case"SET_FIELD_TO_EDIT":{s.metaToEdit=o.name,s.metaForm={metadata:w()(t,["modifiedData","metadatas",o.name,"edit"],{}),size:kc(o.name,t.modifiedData?.layouts?.edit)??Ws};break}case"SUBMIT_META_FORM":{ie()(s,["modifiedData","metadatas",t.metaToEdit,"edit"],t.metaForm.metadata);const r=Je()(w()(t,a,[])),i=Dc(t.metaToEdit,t.metaForm.size,r);i.length>0&&ie()(s,a,Rt(i));break}case"SUBMIT_SUCCEEDED":{s.initialData=t.modifiedData;break}case"UNSET_FIELD_TO_EDIT":{s.metaToEdit="",s.metaForm={};break}default:return s}});const Vn=({mainLayout:t,components:o,isContentTypeView:s,slug:a,updateLayout:r})=>{const[i,l]=(0,e.useReducer)(Oc,zn,()=>Ic(zn,t,o)),[d,u]=(0,e.useState)(!1),{trackUsage:m}=(0,y.rS)(),p=(0,y.lm)(),{goBack:g}=(0,ce.k6)(),[h,f]=(0,e.useState)(!1),[E,v]=(0,e.useState)(!1),{componentLayouts:P,initialData:C,modifiedData:T,metaToEdit:R,metaForm:A}=i,{formatMessage:L}=(0,H.Z)(),O=t.info.displayName,q=T?.attributes??{},W=(0,ne.v9)(vt.Jg),{put:D}=(0,y.kY)(),z=Object.keys(q).filter(x=>{const se=q?.[x]?.type??"";return!["dynamiczone","json","text","relation","component","boolean","media","password","richtext","timestamp","blocks"].includes(se)&&!!se}),J=T.layouts.edit,$=J.flatMap(x=>x.rowContent),G=Object.keys(T.attributes).filter(x=>(T?.metadatas?.[x]?.edit?.visible??!1)===!0).filter(x=>$.findIndex(se=>se.name===x)===-1).sort(),X=({target:{name:x,value:se}})=>{l({type:"ON_CHANGE",keys:x.split("."),value:se})},F=()=>{f(x=>!x)},k=()=>{v(x=>!x)},I=({target:{name:x,value:se}})=>{l({type:"ON_CHANGE_META",keys:x.split("."),value:se})},B=({name:x,value:se})=>{l({type:"ON_CHANGE_SIZE",name:x,value:se})},te=x=>{x.preventDefault(),l({type:"SUBMIT_META_FORM"}),F()},j=x=>{x.preventDefault(),k()},K=(0,Ze.useMutation)(x=>D(s?`/content-manager/content-types/${a}/configuration`:`/content-manager/components/${a}/configuration`,x),{onSuccess({data:x}){r&&r(x.data),l({type:"SUBMIT_SUCCEEDED"}),k(),m("didEditEditSettings")},onError(){p({type:"warning",message:{id:"notification.error"}})}}),{isLoading:V}=K,Q=()=>{const{layouts:x,metadatas:se,settings:he}=Je()(T);K.mutate({layouts:{...x,edit:Tc(x.edit)},metadatas:se,settings:he})},oe=(x,se)=>{l({type:"MOVE_RELATION",fromIndex:x,toIndex:se})},de=(x,se)=>{l({type:"MOVE_FIELD",fromIndex:x,toIndex:se})},Ee=(x,se,he,De)=>{l(he===De?{type:"REORDER_ROW",dragRowIndex:he,dragIndex:x,hoverIndex:se}:{type:"REORDER_DIFF_ROW",dragIndex:x,hoverIndex:se,dragRowIndex:he,hoverRowIndex:De})},ge=(x,se)=>{l({type:"MOVE_ROW",fromIndex:x,toIndex:se})};return e.createElement(vn,{isContentTypeView:s,attributes:q,modifiedData:T,slug:a,componentLayouts:P,selectedField:R,fieldForm:A,onMoveRelation:oe,onMoveField:de,moveRow:ge,moveItem:Ee,setEditFieldToSelect:x=>{l({type:"SET_FIELD_TO_EDIT",name:x}),F()},isDraggingSibling:d,setIsDraggingSibling:u},e.createElement(Ie.o,null,e.createElement("form",{onSubmit:j},e.createElement(Oe.T,{title:L({id:(0,b.OB)("components.SettingsViewWrapper.pluginHeader.title"),defaultMessage:`Configure the view - ${xt()(O)}`},{name:xt()(O)}),subtitle:L({id:(0,b.OB)("components.SettingsViewWrapper.pluginHeader.description.edit-settings"),defaultMessage:"Customize how the edit view will look like."}),navigationAction:e.createElement(y.rU,{startIcon:e.createElement(gt.Z,null),onClick:x=>{x.preventDefault(),g()},to:"/"},L({id:"global.back",defaultMessage:"Back"})),primaryAction:e.createElement(ue.z,{disabled:Be()(C,T),startIcon:e.createElement(Ye.Z,null),type:"submit"},L({id:"global.save",defaultMessage:"Save"}))}),e.createElement(st.D,null,e.createElement(Y.x,{background:"neutral0",hasRadius:!0,shadow:"filterShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(M.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(S.Z,{variant:"delta",as:"h2"},L({id:(0,b.OB)("containers.SettingPage.settings"),defaultMessage:"Settings"})),e.createElement(Le.r,null,e.createElement(Ce.P,{col:6,s:12},e.createElement(ze.P,{label:L({id:(0,b.OB)("containers.SettingPage.editSettings.entry.title"),defaultMessage:"Entry title"}),hint:L({id:(0,b.OB)("containers.SettingPage.editSettings.entry.title.description"),defaultMessage:"Set the display field of your entry"}),onChange:x=>{X({target:{name:"settings.mainField",value:x===""?null:x}})},value:T.settings.mainField},z.map(x=>e.createElement(ke.W,{key:x,value:x},x))))),e.createElement(Y.x,{paddingTop:2,paddingBottom:2},e.createElement(Pt.i,null)),e.createElement(S.Z,{variant:"delta",as:"h3"},L({id:(0,b.OB)("containers.SettingPage.view"),defaultMessage:"View"})),e.createElement(lc,{attributes:q,editLayout:J,fields:G,onAddField:x=>{l({type:"ON_ADD_FIELD",name:x,fieldSizes:W})},onRemoveField:(x,se)=>{l({type:"REMOVE_FIELD",rowIndex:x,fieldIndex:se})}})))),e.createElement(y.QH,{bodyText:{id:(0,b.OB)("popUpWarning.warning.updateAllSettings"),defaultMessage:"This will modify all your settings"},iconRightButton:e.createElement(Ye.Z,null),isConfirmButtonLoading:V,isOpen:E,onToggleDialog:k,onConfirm:Q,variantRightButton:"success-light"})),h&&e.createElement(Cc,{onSubmit:te,onToggle:F,onMetaChange:I,onSizeChange:B,type:q?.[R]?.type??"",customFieldUid:q?.[R]?.customField??""})))};Vn.defaultProps={isContentTypeView:!1,updateLayout:null},Vn.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 Un=Vn,Xt=c(66941),qs=c(40582);const Pc=()=>({type:qs.c}),xc=(t,o)=>({type:qs.O,layout:t,query:o});var $t=c(9592),Lc=c(41955),Zc=()=>(0,e.useContext)(Lc.ux),zs=t=>{const{getAdminInjectedComponents:o}=Zc(),[s,a,r]=t.split(".");return o(s,a,r)};const Vs=({area:t,...o})=>zs(t).map(a=>e.createElement(a.Component,{key:a.name,...o}));Vs.propTypes={area:n().string.isRequired};var Jt=Vs,Qe=c(84306),at=c(46491);const _t=()=>({type:at.ZA}),Hn=t=>({type:at.Id,data:t}),Yn=(t,o=!1)=>({type:at.TP,rawQuery:t,isSingleType:o}),Us=()=>({type:at.c2}),Hs=(t,o)=>({type:at.w7,componentsDataStructure:t,contentTypeDataStructure:o}),pe=t=>({type:at.d0,status:t}),it=t=>({type:at.t9,data:t}),Sc=()=>({type:at.tE});var Gn=t=>t["content-manager_editViewCrudReducer"];const Qn=({allLayoutData:t,children:o,slug:s,id:a,origin:r})=>{const i=(0,Ze.useQueryClient)(),l=(0,y.lm)(),{setCurrentStep:d}=(0,y.c1)(),{trackUsage:u}=(0,y.rS)(),{push:m,replace:p}=(0,ce.k6)(),[{query:g,rawQuery:h}]=(0,y.Kx)(),f=(0,ne.I0)(),{componentsDataStructure:E,contentTypeDataStructure:v,data:P,isLoading:C,status:T}=(0,ne.v9)(Gn),R=(0,ve.Ky)(s),{formatAPIError:A}=(0,y.So)(b.OB),L=(0,e.useRef)(!0),O=(0,e.useRef)(u),q=(0,e.useRef)(t),W=(0,y.kY)(),{put:D,post:z,del:J}=W,$=a===null,G=$&&!r?null:`/content-manager/collection-types/${s}/${r||a}`,X=(0,e.useCallback)(V=>{const Q=(0,b.kc)(V,q.current.contentType,q.current.components);return(0,y.dU)(Q,q.current.contentType,q.current.components)},[]);(0,e.useEffect)(()=>{const V=Object.keys(t.components).reduce((de,Ee)=>{const ge=(0,b.Di)(w()(t,["components",Ee,"attributes"],{}),t.components);return de[Ee]=(0,y.dU)(ge,t.components[Ee],t.components),de},{}),Q=(0,b.Di)(t.contentType.attributes,t.components),oe=(0,y.dU)(Q,t.contentType,t.components);f(Hs(V,oe))},[t,f]),(0,e.useEffect)(()=>()=>{f(Us())},[f]),(0,e.useEffect)(()=>{const Q=Qe.default.CancelToken.source(),oe=async Ee=>{f(_t());try{const{data:ge}=await W.get(G,{cancelToken:Ee.token});f(Hn(X(ge)))}catch(ge){if(Qe.default.isCancel(ge))return;const x=w()(ge,"response.status",null);if(x===404){m(R);return}x===403&&(l({type:"info",message:{id:(0,b.OB)("permissions.not-allowed.update")}}),m(R))}},de=async()=>{f(_t()),f(Yn(h))};return L.current?(G?oe(Q):de(),()=>{Q.cancel("Operation canceled by the user.")}):()=>{}},[W,X,m,G,f,h,R,l]);const F=(0,e.useCallback)(V=>{l({type:"warning",message:A(V)})},[l,A]),k=(0,e.useCallback)(async V=>{try{O.current("willDeleteEntry",V);const{data:Q}=await J(`/content-manager/collection-types/${s}/${a}`);return l({type:"success",message:{id:(0,b.OB)("success.record.delete")}}),O.current("didDeleteEntry",V),p(R),Promise.resolve(Q)}catch(Q){return O.current("didNotDeleteEntry",{error:Q,...V}),Promise.reject(Q)}},[a,s,l,J,R,p]),I=(0,e.useCallback)(async(V,Q)=>{const oe=typeof r=="string",de=oe?`/content-manager/collection-types/${s}/clone/${r}`:`/content-manager/collection-types/${s}`;try{f(pe("submit-pending"));const{id:Ee,...ge}=V,{data:x}=await z(de,oe?ge:V,{params:g});return O.current("didCreateEntry",Q),l({type:"success",message:{id:(0,b.OB)("success.record.save")}}),d("contentManager.success"),i.invalidateQueries(["relation"]),f(it(X(x))),f(pe("resolved")),p(`/content-manager/collectionType/${s}/${x.id}${h}`),Promise.resolve(x)}catch(Ee){return F(Ee),O.current("didNotCreateEntry",{error:Ee,trackerProperty:Q}),f(pe("resolved")),Promise.reject(Ee)}},[r,X,F,p,s,f,g,l,d,i,z,h]),B=(0,e.useCallback)(async()=>{try{O.current("willCheckDraftRelations");const V=`/content-manager/collection-types/${s}/${a}/actions/countDraftRelations`;f(pe("draft-relation-check-pending"));const Q=await W.get(V);return O.current("didCheckDraftRelations"),f(pe("resolved")),Q.data.data}catch(V){return F(V),f(pe("resolved")),Promise.reject(V)}},[F,a,s,f,W]),te=(0,e.useCallback)(async()=>{try{O.current("willPublishEntry");const V=`/content-manager/collection-types/${s}/${a}/actions/publish`;f(pe("publish-pending"));const{data:Q}=await z(V);return O.current("didPublishEntry"),f(it(X(Q))),f(pe("resolved")),l({type:"success",message:{id:(0,b.OB)("success.record.publish")}}),Promise.resolve(Q)}catch(V){return F(V),f(pe("resolved")),Promise.reject(V)}},[X,F,a,s,f,l,z]),j=(0,e.useCallback)(async(V,Q)=>{const oe=`/content-manager/collection-types/${s}/${a}`;try{O.current("willEditEntry",Q),f(pe("submit-pending"));const{data:de}=await D(oe,V);return O.current("didEditEntry",{trackerProperty:Q}),l({type:"success",message:{id:(0,b.OB)("success.record.save")}}),i.invalidateQueries(["relation"]),f(it(X(de))),f(pe("resolved")),Promise.resolve(de)}catch(de){return O.current("didNotEditEntry",{error:de,trackerProperty:Q}),F(de),f(pe("resolved")),Promise.reject(de)}},[X,F,s,a,f,l,i,D]),K=(0,e.useCallback)(async()=>{const V=`/content-manager/collection-types/${s}/${a}/actions/unpublish`;f(pe("unpublish-pending"));try{O.current("willUnpublishEntry");const{data:Q}=await z(V);return O.current("didUnpublishEntry"),l({type:"success",message:{id:(0,b.OB)("success.record.unpublish")}}),f(it(X(Q))),f(pe("resolved")),Promise.resolve(Q)}catch(Q){return f(pe("resolved")),F(Q),Promise.reject(Q)}},[X,F,a,s,f,l,z]);return o({componentsDataStructure:E,contentTypeDataStructure:v,data:P,isCreatingEntry:$,isLoadingForData:C,onDelete:k,onPost:I,onPublish:te,onDraftRelationCheck:B,onPut:j,onUnpublish:K,status:T,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 Ac=(0,e.memo)(Qn,Be()),lt=c(99320),Kn=c(65351),Ys=c(3042);const Xn=({hasError:t,isDisabled:o,isOpen:s,children:a,onClick:r})=>e.createElement(Fc,{type:"button",onClick:r,disabled:o,hasError:t,background:"neutral0",paddingTop:3,paddingBottom:3,paddingLeft:4,paddingRight:4,style:{cursor:o?"not-allowed":"pointer"}},e.createElement(M.k,{as:"span",gap:2},e.createElement(Jn,{"aria-hidden":!0,$isOpen:s,$hasError:t&&!s}),e.createElement(S.Z,{variant:"pi",fontWeight:"bold",textColor:t&&!s?"danger600":"neutral500"},a))),Jn=(0,Z.ZP)(Ys.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
|
-
`,Fc=(0,Z.ZP)(Kn.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
|
-
${Jn} {
|
|
103
|
-
> circle {
|
|
104
|
-
fill: ${({theme:t})=>t.colors.primary600};
|
|
105
|
-
}
|
|
106
|
-
> path {
|
|
107
|
-
fill: ${({theme:t})=>t.colors.neutral100};
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
&:active {
|
|
112
|
-
${S.Z} {
|
|
113
|
-
color: ${({theme:t})=>t.colors.primary600};
|
|
114
|
-
}
|
|
115
|
-
${Jn} {
|
|
116
|
-
> circle {
|
|
117
|
-
fill: ${({theme:t})=>t.colors.primary600};
|
|
118
|
-
}
|
|
119
|
-
> path {
|
|
120
|
-
fill: ${({theme:t})=>t.colors.neutral100};
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
`;Xn.defaultProps={hasError:!1,isDisabled:!1,isOpen:!1},Xn.propTypes={children:n().node.isRequired,hasError:n().bool,isDisabled:n().bool,isOpen:n().bool,onClick:n().func.isRequired};var Gs=c(75293),_n=c(9435),eo=c(9379),to=c(79624);const no=({category:t,components:o,variant:s,isOpen:a,onAddComponent:r,onToggle:i})=>{const{formatMessage:l}=(0,H.Z)(),d=()=>{i(t)};return e.createElement(_n.U,{expanded:a,onToggle:d,size:"S"},e.createElement(eo.B,{variant:s,title:l({id:t,defaultMessage:t}),togglePosition:"left"}),e.createElement(to.v,null,e.createElement(Y.x,{paddingTop:4,paddingBottom:4,paddingLeft:3,paddingRight:3},e.createElement($c,null,o.map(({componentUid:u,info:{displayName:m,icon:p}})=>e.createElement(Bc,{key:u,as:"button",type:"button",background:"neutral100",justifyContent:"center",onClick:r(u),hasRadius:!0,height:(0,y.Q1)(84),shrink:0,borderColor:"neutral200"},e.createElement(M.k,{direction:"column",gap:1,alignItems:"center",justifyContent:"center"},e.createElement(St,{icon:p}),e.createElement(S.Z,{variant:"pi",fontWeight:"bold",textColor:"neutral600"},l({id:m,defaultMessage:m})))))))))},$c=Z.ZP.div`
|
|
125
|
-
display: grid;
|
|
126
|
-
grid-template-columns: repeat(auto-fit, ${140/16}rem);
|
|
127
|
-
grid-gap: ${({theme:t})=>t.spaces[1]};
|
|
128
|
-
`,Bc=(0,Z.ZP)(M.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
|
-
`;no.defaultProps={components:[],isOpen:!1,variant:"primary"},no.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 oo=({dynamicComponentsByCategory:t,isOpen:o,onClickAddComponent:s})=>{const{formatMessage:a}=(0,H.Z)(),[r,i]=(0,e.useState)("");(0,e.useEffect)(()=>{const u=Object.keys(t);o&&u.length>0&&i(u[0])},[o,t]);const l=u=>()=>{s(u),i("")},d=u=>{i(m=>m===u?"":u)};return o?e.createElement(Y.x,{paddingTop:6,paddingBottom:6,paddingLeft:5,paddingRight:5,background:"neutral0",shadow:"tableShadow",borderColor:"neutral150",hasRadius:!0},e.createElement(M.k,{justifyContent:"center"},e.createElement(S.Z,{fontWeight:"bold",textColor:"neutral600"},a({id:(0,b.OB)("components.DynamicZone.ComponentPicker-label"),defaultMessage:"Pick one component"}))),e.createElement(Y.x,{paddingTop:2},e.createElement(Gs.k,{attributeName:"data-strapi-accordion-toggle"},Object.entries(t).map(([u,m],p)=>e.createElement(no,{key:u,category:u,components:m,onAddComponent:l,isOpen:u===r,onToggle:d,variant:p%2===1?"primary":"secondary"}))))):null};oo.defaultProps={dynamicComponentsByCategory:{},isOpen:!1},oo.propTypes={dynamicComponentsByCategory:n().shape({components:n().arrayOf(n().shape({componentUid:n().string.isRequired,info:n().object}))}),isOpen:n().bool,onClickAddComponent:n().func.isRequired};var Qs=c(49086),so=c(75322),wc=c(61868),Nc=c.n(wc);const jc=Z.ZP.span`
|
|
145
|
-
> svg {
|
|
146
|
-
width: ${(0,y.Q1)(24)};
|
|
147
|
-
height: ${(0,y.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:s})=>{const{formatMessage:a}=(0,H.Z)();return e.createElement(e.Fragment,null,e.createElement(Y.x,{as:"button",background:"neutral100",borderColor:t?"danger600":"neutral200",disabled:o,hasRadius:!0,onClick:s,paddingTop:9,paddingBottom:9,type:"button"},e.createElement(M.k,{direction:"column",gap:2},e.createElement(M.k,{justifyContent:"center",style:{cursor:o?"not-allowed":"inherit"}},e.createElement(jc,null,e.createElement(Ys.Z,null))),e.createElement(M.k,{justifyContent:"center"},e.createElement(S.Z,{textColor:"primary600",variant:"pi",fontWeight:"bold"},a({id:(0,b.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 Ks=ro;const Bt=new Map;var ao=(t=[])=>{const[o,s]=(0,e.useState)(Object.fromEntries(Bt)),a=t.filter(u=>!Bt.get(u)),[r,i]=(0,e.useState)(()=>!!a.length),l=(0,y.mZ)();(0,e.useEffect)(()=>{const u=p=>{s(p),i(!1)},m=async(p,g)=>{const h=await Promise.all(g);p.forEach((f,E)=>{Bt.set(f,h[E].default)}),u(Object.fromEntries(Bt))};if(a.length>0){i(!0);const p=a.reduce((g,h)=>{const f=l.get(h);return f&&g.push(f.components.Input()),g},[]);p.length>0&&m(a,p)}},[a,l]);const d=(0,e.useCallback)(()=>{Bt.clear(),s({})},[]);return{isLazyLoading:r,lazyComponentStore:o,cleanup:d}},Wc=c(9086),qc=c.n(Wc),zc=c(88708),wt=c.n(zc),io=c(37561),U=c(17984),Vc=c(76625),Pe=c(40165);const lo=({id:t,error:o,name:s,hint:a})=>a.length===0||o?null:e.createElement(S.Z,{as:"p",variant:"pi",id:`${t||s}-hint`,textColor:"neutral600"},a);lo.defaultProps={id:void 0,error:void 0,hint:""},lo.propTypes={hint:n().oneOfType([n().string,n().array]),error:n().string,id:n().string,name:n().string.isRequired};var Xs=lo,Js=c(42561),co=c(63208),_s=c(750),er=c(99391),Uc=c(4703),Hc=c(81694),Yc=c(85366),Gc=c(76297),Qc=c(91421),Kc=c(52278),Xc=c(34073),tr=c(14513);const uo=(t,o="https://")=>["http://","https://","mailto:","tel:"].some(a=>t.startsWith(a))?t:`${o}${t}`,mo=t=>{U.YR.unwrapNodes(t,{match:o=>!U.ML.isEditor(o)&&U.W_.isElement(o)&&o.type==="link"})},Jc=(t,{url:o})=>{if(t.selection)if(Array.from(U.ML.nodes(t,{at:t.selection,match:a=>a.type==="link"})).forEach(([,a])=>{U.YR.unwrapNodes(t,{at:a})}),U.e6.isCollapsed(t.selection)){const a={type:"link",url:o?uo(o):"",children:[{text:o}]};U.YR.insertNodes(t,a)}else U.YR.wrapNodes(t,{type:"link",url:o?uo(o):""},{split:!0})},_c=(t,{url:o,text:s})=>{if(t.selection){const[a,r]=U.ML.above(t,{match:i=>i.type==="link"});a&&(U.YR.setNodes(t,{url:uo(o)},{at:r}),s!==""&&s!==U.ML.string(t,r)&&(Array.from(U.NB.children(t,r,{reverse:!0})).forEach(([,l])=>{U.YR.removeNodes(t,{at:l})}),U.YR.insertNodes(t,[{text:s}],{at:r.concat(0)})))}},ed=(0,Z.ZP)(S.Z).attrs({as:"h1"})`
|
|
156
|
-
font-size: ${42/16}rem;
|
|
157
|
-
line-height: ${({theme:t})=>t.lineHeights[1]};
|
|
158
|
-
`,td=(0,Z.ZP)(S.Z).attrs({as:"h2"})`
|
|
159
|
-
font-size: ${35/16}rem;
|
|
160
|
-
line-height: ${({theme:t})=>t.lineHeights[1]};
|
|
161
|
-
`,nd=(0,Z.ZP)(S.Z).attrs({as:"h3"})`
|
|
162
|
-
font-size: ${29/16}rem;
|
|
163
|
-
line-height: ${({theme:t})=>t.lineHeights[1]};
|
|
164
|
-
`,od=(0,Z.ZP)(S.Z).attrs({as:"h4"})`
|
|
165
|
-
font-size: ${24/16}rem;
|
|
166
|
-
line-height: ${({theme:t})=>t.lineHeights[1]};
|
|
167
|
-
`,sd=(0,Z.ZP)(S.Z).attrs({as:"h5"})`
|
|
168
|
-
font-size: ${20/16}rem;
|
|
169
|
-
line-height: ${({theme:t})=>t.lineHeights[1]};
|
|
170
|
-
`,rd=(0,Z.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:s})=>{switch(s.level){case 1:return e.createElement(ed,{...t},o);case 2:return e.createElement(td,{...t},o);case 3:return e.createElement(nd,{...t},o);case 4:return e.createElement(od,{...t},o);case 5:return e.createElement(sd,{...t},o);case 6:return e.createElement(rd,{...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 ad=Z.ZP.pre.attrs({role:"code"})`
|
|
174
|
-
border-radius: ${({theme:t})=>t.borderRadius};
|
|
175
|
-
background-color: ${({theme:t})=>t.colors.neutral100};
|
|
176
|
-
max-width: 100%;
|
|
177
|
-
overflow: auto;
|
|
178
|
-
padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
|
|
179
|
-
flex-shrink: 0;
|
|
180
|
-
& > code {
|
|
181
|
-
font-family: 'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas,
|
|
182
|
-
monospace;
|
|
183
|
-
color: ${({theme:t})=>t.colors.neutral800};
|
|
184
|
-
overflow: auto;
|
|
185
|
-
max-width: 100%;
|
|
186
|
-
}
|
|
187
|
-
`,id=Z.ZP.blockquote.attrs({role:"blockquote"})`
|
|
188
|
-
margin: ${({theme:t})=>`${t.spaces[4]} 0`};
|
|
189
|
-
font-weight: ${({theme:t})=>t.fontWeights.regular};
|
|
190
|
-
border-left: ${({theme:t})=>`${t.spaces[1]} solid ${t.colors.neutral150}`};
|
|
191
|
-
padding: ${({theme:t})=>t.spaces[2]} ${({theme:t})=>t.spaces[5]};
|
|
192
|
-
`,nr=(0,Z.iv)`
|
|
193
|
-
margin-block-start: ${({theme:t})=>t.spaces[4]};
|
|
194
|
-
margin-block-end: ${({theme:t})=>t.spaces[4]};
|
|
195
|
-
margin-inline-start: ${({theme:t})=>t.spaces[0]};
|
|
196
|
-
margin-inline-end: ${({theme:t})=>t.spaces[0]};
|
|
197
|
-
padding-inline-start: ${({theme:t})=>t.spaces[4]};
|
|
198
|
-
|
|
199
|
-
ol,
|
|
200
|
-
ul {
|
|
201
|
-
margin-block-start: ${({theme:t})=>t.spaces[0]};
|
|
202
|
-
margin-block-end: ${({theme:t})=>t.spaces[0]};
|
|
203
|
-
}
|
|
204
|
-
`,ld=Z.ZP.ol`
|
|
205
|
-
list-style-type: decimal;
|
|
206
|
-
${nr}
|
|
207
|
-
`,cd=Z.ZP.ul`
|
|
208
|
-
list-style-type: disc;
|
|
209
|
-
${nr}
|
|
210
|
-
`,po=({attributes:t,children:o,element:s})=>s.format==="ordered"?e.createElement(ld,{...t},o):e.createElement(cd,{...t},o);po.propTypes={attributes:n().object.isRequired,children:n().node.isRequired,element:n().shape({format:n().string.isRequired}).isRequired};const or=(t,o)=>{U.YR.removeNodes(t,{at:o}),o[0]===0&&(U.YR.insertNodes(t,{type:"paragraph",children:[{type:"text",text:""}]},{at:o}),U.YR.select(t,o))},sr=(t,o)=>{const[s,a]=U.ML.parent(t,t.selection.anchor),[r,i]=U.ML.parent(t,a);r.children.length===1&&s.children[0].text===""&&(o.preventDefault(),or(t,i))},rr=t=>{const[o,s]=U.ML.above(t,{matchNode:d=>d.type==="list-item"}),[a,r]=U.ML.parent(t,s),i=a.children.length===1&&o.children[0].text==="",l=o.children.length===1&&o.children[0].text==="";if(i)or(t,r);else if(l){U.YR.removeNodes(t,{at:s});const d=U.ML.above(t,{match:m=>m.type==="list"}),u=U.y$.next(d[1]);U.YR.insertNodes(t,{type:"paragraph",children:[{type:"text",text:""}]},{at:u}),U.YR.select(t,u)}else U.YR.splitNodes(t,{always:!0})},dd=Z.ZP.img`
|
|
211
|
-
max-height: calc(512px - 56px);
|
|
212
|
-
max-width: 100%;
|
|
213
|
-
object-fit: contain;
|
|
214
|
-
`,ar=({attributes:t,children:o,element:s})=>{if(!s.image)return null;const{url:a,alternativeText:r,width:i,height:l}=s.image;return e.createElement(Y.x,{...t},o,e.createElement(M.k,{background:"neutral100",contentEditable:!1,justifyContent:"center"},e.createElement(dd,{src:a,alt:r,width:i,height:l})))};ar.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 ir=e.forwardRef(({element:t,children:o,...s},a)=>{const{formatMessage:r}=(0,H.Z)(),i=(0,Pe.ui)(),l=Pe.F3.findPath(i,t),[d,u]=e.useState(i.lastInsertedLinkPath?U.y$.equals(l,i.lastInsertedLinkPath):!1),[m,p]=e.useState(t.url===""),g=e.useRef(null),h=t.children.map(O=>O.text).join(""),[f,E]=e.useState(h),[v,P]=e.useState(t.url),C=O=>{O.preventDefault(),u(!0)},T=O=>{if(O.stopPropagation(),U.e6.isCollapsed(i.selection)){const[,q]=U.ML.parent(i,i.selection.focus?.path);U.YR.select(i,q)}_c(i,{url:v,text:f}),p(!1)},R=()=>{p(!1),t.url===""&&mo(i)},A=()=>{u(!1),t.url===""&&mo(i),Pe.F3.focus(i)},L=(0,b.FE)(g,a);return e.createElement(e.Fragment,null,e.createElement(Js.f,{...s,ref:L,href:t.url,onClick:C,color:"primary600"},o),d&&e.createElement(co.J2,{source:g,onDismiss:A,padding:4,contentEditable:!1},m?e.createElement(M.k,{as:"form",onSubmit:T,direction:"column",gap:4},e.createElement(_s.g,{width:"300px"},e.createElement(er.Q,null,r({id:"components.Blocks.popover.text",defaultMessage:"Text"})),e.createElement(io._,{name:"text",placeholder:r({id:"components.Blocks.popover.text.placeholder",defaultMessage:"Enter link text"}),value:f,onChange:O=>E(O.target.value)})),e.createElement(_s.g,{width:"300px"},e.createElement(er.Q,null,r({id:"components.Blocks.popover.link",defaultMessage:"Link"})),e.createElement(io._,{name:"url",placeholder:"https://strapi.io",value:v,onChange:O=>P(O.target.value)})),e.createElement(M.k,{justifyContent:"end",width:"100%",gap:2},e.createElement(ue.z,{variant:"tertiary",onClick:R},r({id:"components.Blocks.popover.cancel",defaultMessage:"Cancel"})),e.createElement(ue.z,{type:"submit",disabled:!f||!v},r({id:"components.Blocks.popover.save",defaultMessage:"Save"})))):e.createElement(M.k,{direction:"column",gap:4,alignItems:"start",width:"400px"},e.createElement(S.Z,null,h),e.createElement(Js.f,{href:t.url,target:"_blank",color:"primary600"},t.url),e.createElement(M.k,{justifyContent:"end",width:"100%",gap:2},e.createElement(Re.h,{icon:e.createElement(Ge.Z,null),size:"L",variant:"danger",onClick:()=>mo(i),label:r({id:"components.Blocks.popover.delete",defaultMessage:"Delete"})}),e.createElement(Re.h,{icon:e.createElement(_e.Z,null),size:"L",onClick:()=>p(!0),label:r({id:"components.Blocks.popover.edit",defaultMessage:"Edit"})})))))});ir.propTypes={element:n().object.isRequired,children:n().node.isRequired};function go(){return{paragraph:{renderElement:t=>e.createElement(S.Z,{as:"p",variant:"omega",...t.attributes},t.children),icon:Uc.Z,label:{id:"components.Blocks.blocks.text",defaultMessage:"Text"},value:{type:"paragraph"},matchNode:t=>t.type==="paragraph",isInBlocksSelector:!0,handleEnterKey(t){const o=t.selection.anchor.path;U.YR.splitNodes(t,{always:!0});const[s]=U.ML.parent(t,t.selection.anchor.path);U.YR.removeNodes(t,t.selection);const a=t.children.length-o[0]>1;U.YR.insertNodes(t,{type:"paragraph",children:s.children},{at:a?[o[0]+1]:[t.children.length]}),U.YR.select(t,t.start([o[0]+1]))}},"heading-one":{renderElement:t=>e.createElement(ht,{...t}),icon:Hc.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:Yc.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:Gc.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:Qc.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:Kc.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:Xc.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},"list-ordered":{renderElement:t=>e.createElement(po,{...t}),label:{id:"components.Blocks.blocks.orderedList",defaultMessage:"Numbered list"},value:{type:"list",format:"ordered"},icon:tr.Z,matchNode:t=>t.type==="list"&&t.format==="ordered",isInBlocksSelector:!0,handleEnterKey:rr,handleBackspaceKey:sr},"list-unordered":{renderElement:t=>e.createElement(po,{...t}),label:{id:"components.Blocks.blocks.unorderedList",defaultMessage:"Bulleted list"},value:{type:"list",format:"unordered"},icon:Rn.Z,matchNode:t=>t.type==="list"&&t.format==="unordered",isInBlocksSelector:!0,handleEnterKey:rr,handleBackspaceKey:sr},"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},link:{renderElement:t=>e.createElement(ir,{element:t.element,...t.attributes},t.children),value:{type:"link"},matchNode:t=>t.type==="link",isInBlocksSelector:!1},image:{renderElement:t=>e.createElement(ar,{...t}),icon:kn.Z,label:{id:"components.Blocks.blocks.image",defaultMessage:"Image"},value:{type:"image"},matchNode:t=>t.type==="image",isInBlocksSelector:!0},quote:{renderElement:t=>e.createElement(id,{...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,handleEnterKey(t){const[o,s]=U.ML.above(t,{match:i=>i.type==="quote"}),a=U.ML.isEnd(t,t.selection.anchor,s),r=o.children.at(-1).text.endsWith(`
|
|
215
|
-
`);a&&r?(U.YR.delete(t,{distance:1,unit:"character",reverse:!0}),U.YR.insertNodes(t,{type:"paragraph",children:[{type:"text",text:""}]})):U.YR.insertText(t,`
|
|
216
|
-
`)}},code:{renderElement:t=>e.createElement(ad,{...t.attributes},e.createElement("code",null,t.children)),icon:Yt.Z,label:{id:"components.Blocks.blocks.code",defaultMessage:"Code"},value:{type:"code"},matchNode:t=>t.type==="code",isInBlocksSelector:!0,handleEnterKey(t){U.YR.insertText(t,`
|
|
217
|
-
`)}}}}const ud=(0,Z.ZP)(S.Z).attrs({fontWeight:"bold"})`
|
|
218
|
-
font-size: inherit;
|
|
219
|
-
color: inherit;
|
|
220
|
-
`,md=(0,Z.ZP)(S.Z)`
|
|
221
|
-
font-style: italic;
|
|
222
|
-
font-size: inherit;
|
|
223
|
-
color: inherit;
|
|
224
|
-
`,pd=(0,Z.ZP)(S.Z).attrs({textDecoration:"underline"})`
|
|
225
|
-
font-size: inherit;
|
|
226
|
-
color: inherit;
|
|
227
|
-
`,gd=(0,Z.ZP)(S.Z).attrs({textDecoration:"line-through"})`
|
|
228
|
-
font-size: inherit;
|
|
229
|
-
color: inherit;
|
|
230
|
-
`,fd=Z.ZP.code`
|
|
231
|
-
background-color: ${({theme:t})=>t.colors.neutral150};
|
|
232
|
-
border-radius: ${({theme:t})=>t.borderRadius};
|
|
233
|
-
padding: ${({theme:t})=>`0 ${t.spaces[2]}`};
|
|
234
|
-
font-family: 'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas,
|
|
235
|
-
monospace;
|
|
236
|
-
color: inherit;
|
|
237
|
-
`;function lr(){const t=(0,Pe.ui)(),o=U.ML.marks(t),s=r=>o?Boolean(o[r]):!1,a=r=>{o[r]?U.ML.removeMark(t,r):U.ML.addMark(t,r,!0)};return{bold:{icon:Ht.Z,label:{id:"components.Blocks.modifiers.bold",defaultMessage:"Bold"},checkIsActive:()=>s("bold"),handleToggle:()=>a("bold"),renderLeaf:r=>e.createElement(ud,null,r)},italic:{icon:Gt.Z,label:{id:"components.Blocks.modifiers.italic",defaultMessage:"Italic"},checkIsActive:()=>s("italic"),handleToggle:()=>a("italic"),renderLeaf:r=>e.createElement(md,null,r)},underline:{icon:Qt.Z,label:{id:"components.Blocks.modifiers.underline",defaultMessage:"Underline"},checkIsActive:()=>s("underline"),handleToggle:()=>a("underline"),renderLeaf:r=>e.createElement(pd,null,r)},strikethrough:{icon:On.Z,label:{id:"components.Blocks.modifiers.strikethrough",defaultMessage:"Strikethrough"},checkIsActive:()=>s("strikethrough"),handleToggle:()=>a("strikethrough"),renderLeaf:r=>e.createElement(gd,null,r)},code:{icon:Yt.Z,label:{id:"components.Blocks.modifiers.code",defaultMessage:"Code"},checkIsActive:()=>s("code"),handleToggle:()=>a("code"),renderLeaf:r=>e.createElement(fd,null,r)}}}const hd=t=>({outline:"none",display:"flex",flexDirection:"column",gap:t.spaces[2],height:"100%"}),yd=(t,o)=>{const s=Object.entries(o).reduce((a,r)=>{const[i,l]=r;return t.leaf[i]?l.renderLeaf(a):a},t.children);return e.createElement("span",{...t.attributes},s)},Ed=(t,o)=>(Object.values(o).find(r=>r.matchNode(t.element))||o.paragraph).renderElement(t),fo=({disabled:t,placeholder:o})=>{const s=(0,Z.Fg)(),a=(0,Pe.ui)(),r=lr(),i=e.useCallback(g=>yd(g,r),[r]),l=go(),d=e.useCallback(g=>Ed(g,l),[l]),u=()=>{const g=a.children[a.selection.anchor.path[0]],h=Object.values(l).find(f=>f.matchNode(g));h.handleEnterKey?h.handleEnterKey(a):l.paragraph.handleEnterKey(a)},m=g=>{const h=a.children[a.selection.anchor.path[0]],f=Object.values(l).find(E=>E.matchNode(h));f.handleBackspaceKey&&f.handleBackspaceKey(a,g)},p=g=>{g.key==="Enter"&&(g.preventDefault(),u()),g.key==="Backspace"&&m(g)};return e.createElement(Pe.CX,{readOnly:t,placeholder:o,style:hd(s),renderElement:d,renderLeaf:i,onKeyDown:p})};fo.defaultProps={placeholder:null},fo.propTypes={disabled:n().bool.isRequired,placeholder:n().string};var bd=fo;const vd=t=>{const{normalizeNode:o}=t;return t.normalizeNode=s=>{const[a,r]=s;if(!U.W_.isElement(a)&&a.type!=="text"){U.YR.setNodes(t,{type:"text"},{at:r});return}o(s)},t},Cd=t=>{const{isInline:o,apply:s,insertText:a}=t;return t.isInline=r=>r.type==="link"?!0:o(r),t.lastInsertedLinkPath=null,t.apply=r=>{r.type==="insert_node"?r.node.type==="link"&&(t.lastInsertedLinkPath=r.path):r.type==="move_node"&&U.y$.hasPrevious(r.path)&&(t.lastInsertedLinkPath=U.y$.transform(t.lastInsertedLinkPath,r)),s(r)},t.insertText=r=>{if(U.e6.isCollapsed(t.selection)&&r===" "){const i=Array.from(U.ML.nodes(t,{at:t.selection,match:u=>u.type==="link"}));if(t.selection&&i.length>0&&U.E9.equals(t.selection.anchor,U.ML.end(t,i[0][1]))){U.YR.insertNodes(t,{text:" ",type:"text"},{at:U.y$.next(i[0][1]),select:!0});return}}a(r)},t};var Nt=c(71486),Mt=c(11349);const Rd=(0,Z.ZP)(M.k)`
|
|
238
|
-
&[aria-disabled='true'] {
|
|
239
|
-
cursor: not-allowed;
|
|
240
|
-
}
|
|
241
|
-
`,Md=(0,Z.ZP)(Nt.Z0)`
|
|
242
|
-
background: ${({theme:t})=>t.colors.neutral150};
|
|
243
|
-
width: 1px;
|
|
244
|
-
height: ${(0,y.Q1)(24)};
|
|
245
|
-
`,Td=(0,Z.ZP)(M.k).attrs({as:"button"})`
|
|
246
|
-
// Inherit the not-allowed cursor from ToolbarWrapper when disabled
|
|
247
|
-
&[aria-disabled] {
|
|
248
|
-
cursor: inherit;
|
|
249
|
-
}
|
|
250
|
-
|
|
251
|
-
&[aria-disabled='false'] {
|
|
252
|
-
cursor: pointer;
|
|
253
|
-
|
|
254
|
-
// Only apply hover styles if the button is enabled
|
|
255
|
-
&:hover {
|
|
256
|
-
background: ${({theme:t})=>t.colors.primary100};
|
|
257
|
-
}
|
|
258
|
-
}
|
|
259
|
-
`,jt=({icon:t,name:o,label:s,isActive:a,disabled:r,handleClick:i})=>{const l=(0,Pe.ui)(),{formatMessage:d}=(0,H.Z)(),u=d(s),m=a?"primary600":"neutral600";return e.createElement(Mt.u,{description:u},e.createElement(Nt.HP,{value:o,"data-state":a?"on":"off",onMouseDown:p=>{p.preventDefault(),i()},"aria-disabled":r,disabled:r,"aria-label":u,asChild:!0},e.createElement(Td,{disabled:r,background:a?"primary100":"",alignItems:"center",justifyContent:"center",width:7,height:7,hasRadius:!0,onMouseDown:()=>{i(),Pe.F3.focus(l)},"aria-label":u},e.createElement(et.J,{width:3,height:3,as:t,color:r?"neutral300":m}))))};jt.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,disabled:n().bool.isRequired,handleClick:n().func.isRequired};const kd=({icon:t,name:o,label:s,disabled:a})=>{const r=(0,Pe.ui)(),l=(()=>{const u=U.ML.marks(r);return u?Boolean(u[o]):!1})(),d=()=>{l?U.ML.removeMark(r,o):U.ML.addMark(r,o,!0)};return e.createElement(jt,{icon:t,name:o,label:s,isActive:l,disabled:a,handleClick:d})};kd.propTypes={icon:n().elementType.isRequired,name:n().string.isRequired,label:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired}).isRequired,disabled:n().bool.isRequired};const Dd=(t,o)=>{const{type:s,level:a,format:r}=o,i={type:s,level:a||null,format:r||null};t.selection?U.YR.setNodes(t,i):U.YR.insertNodes(t,{...i,children:[{type:"text",text:""}]}),Pe.F3.focus(t)},Id="images",Od=["name","alternativeText","url","caption","width","height","formats","hash","ext","mime","size","previewUrl","provider","provider_metadata","createdAt","updatedAt"],Pd=(t,o)=>Object.keys(t).reduce((s,a)=>(o.includes(a)&&(s[a]=t[a]),s),{}),cr=({handleClose:t})=>{const o=(0,Pe.ui)(),{components:s}=(0,y.yX)(),a=s["media-library"],r=l=>{l.forEach(d=>{const u={type:"image",image:d,children:[{type:"text",text:""}]};U.YR.insertNodes(o,u)})},i=l=>{const d=l.map(u=>{const m=Pd(u,Od);return{...m,alternativeText:m.alternativeText||m.name,url:(0,y.CR)(u.url)}});r(d),dr(o,"image")&&ur(o),t()};return e.createElement(a,{allowedTypes:[Id],onClose:t,onSelectAssets:i})};cr.propTypes={handleClose:n().func.isRequired};const dr=(t,o)=>{const{selection:s}=t;if(!s)return!1;const[a]=U.ML.nodes(t,{at:s,match:r=>r.type===o});if(a){const[,r]=a;return!Boolean(U.ML.after(t,r))}return!1},ur=t=>{U.YR.insertNodes(t,{type:"paragraph",children:[{type:"text",text:""}]},{at:[t.children.length]})},mr=({disabled:t})=>{const o=(0,Pe.ui)(),{formatMessage:s}=(0,H.Z)(),[a,r]=e.useState(!1),i=go(),l=Object.entries(i).reduce((g,h)=>{const[f,E]=h;return E.isInBlocksSelector?[...g,f]:g},[]),[d,u]=e.useState(Object.keys(i)[0]),m=g=>{if(g==="image")U.YR.removeNodes(o);else if(["list-ordered","list-unordered"].includes(g)){const h=i[g].value.format,f=gr(o,i[g].matchNode);fr(o,f,h)}else Dd(o,i[g].value);u(g),g==="code"&&dr(o,"code")&&ur(o),g==="image"&&r(!0)},p=g=>g.preventDefault();return e.useEffect(()=>{if(o.selection){const[g]=U.ML.parent(o,o.selection.anchor,{edge:"start",depth:2}),h=Object.keys(i).find(f=>i[f].matchNode(g));h&&h!==d&&u(h)}},[o.selection,o,i,d]),e.createElement(e.Fragment,null,e.createElement(ze.P,{startIcon:e.createElement(et.J,{as:i[d].icon}),onChange:m,placeholder:i[d].label,value:d,onCloseAutoFocus:p,"aria-label":s({id:"components.Blocks.blocks.selectBlock",defaultMessage:"Select a block"}),disabled:t},l.map(g=>e.createElement(pr,{key:g,value:g,label:i[g].label,icon:i[g].icon,blockSelected:d}))),a&&e.createElement(cr,{handleClose:()=>r(!1)}))};mr.propTypes={disabled:n().bool.isRequired};const pr=({value:t,icon:o,label:s,blockSelected:a})=>{const{formatMessage:r}=(0,H.Z)(),i=t===a;return e.createElement(ke.W,{startIcon:e.createElement(et.J,{as:o,color:i?"primary600":"neutral600"}),value:t},r(s))};pr.propTypes={icon:n().elementType.isRequired,value:n().string.isRequired,label:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired}).isRequired,blockSelected:n().string.isRequired};const xd=t=>!U.ML.isEditor(t)&&U.W_.isElement(t)&&t.type==="list",gr=(t,o)=>{const{selection:s}=t;if(!s)return!1;const[a]=Array.from(U.ML.nodes(t,{at:U.ML.unhangRange(t,s),match:o}));return Boolean(a)},fr=(t,o,s)=>{if(U.YR.unwrapNodes(t,{match:a=>xd(a)&&["ordered","unordered"].includes(a.format),split:!0}),U.YR.setNodes(t,{type:o?"paragraph":"list-item"}),!o){const a={type:"list",format:s,children:[]};U.YR.wrapNodes(t,a)}},ho=({block:t,disabled:o})=>{const s=(0,Pe.ui)(),{icon:a,matchNode:r,value:{format:i},label:l}=t,d=gr(s,r);return e.createElement(jt,{icon:a,name:i,label:l,isActive:d,disabled:o,handleClick:()=>fr(s,d,i)})};ho.propTypes={block:n().shape({icon:n().elementType.isRequired,matchNode:n().func.isRequired,value:n().shape({format:n().string.isRequired}).isRequired,label:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired}).isRequired}).isRequired,disabled:n().bool.isRequired};const hr=({disabled:t})=>{const o=(0,Pe.ui)(),s=()=>{const{selection:r}=o;if(!r)return!1;const[i]=Array.from(U.ML.nodes(o,{at:U.ML.unhangRange(o,r),match:l=>U.W_.isElement(l)&&l.type==="link"}));return Boolean(i)},a=()=>{Jc(o,{url:""})};return e.createElement(jt,{icon:Tn.Z,name:"link",label:{id:"components.Blocks.link",defaultMessage:"Link"},isActive:s(),handleClick:a,disabled:t})};hr.propTypes={disabled:n().bool.isRequired};const Ld=(0,Z.ZP)(Y.x)`
|
|
260
|
-
background-color: ${({theme:t})=>t.colors.secondary100};
|
|
261
|
-
border: ${({theme:t})=>`1px solid ${t.colors.secondary200}`};
|
|
262
|
-
border-radius: ${({theme:t})=>t.borderRadius};
|
|
263
|
-
font-size: ${({theme:t})=>t.fontSizes[0]};
|
|
264
|
-
padding: ${({theme:t})=>`${2/16}rem ${t.spaces[1]}`};
|
|
265
|
-
`,yr=({disabled:t})=>{const o=lr(),s=go();return e.createElement(Nt.fC,{"aria-disabled":t,asChild:!0},e.createElement(Rd,{gap:1,padding:2,paddingRight:4,width:"100%"},e.createElement(mr,{disabled:t}),e.createElement(Nt.tX,{type:"multiple",asChild:!0},e.createElement(M.k,{gap:1,marginLeft:1},Object.entries(o).map(([a,r])=>e.createElement(jt,{key:a,name:a,icon:r.icon,label:r.label,isActive:r.checkIsActive(),handleClick:r.handleToggle,disabled:t})),e.createElement(hr,{disabled:t}))),e.createElement(Md,null),e.createElement(Nt.tX,{type:"single",asChild:!0},e.createElement(M.k,{gap:1},e.createElement(ho,{block:s["list-unordered"],disabled:t}),e.createElement(ho,{block:s["list-ordered"],disabled:t}))),e.createElement(M.k,{grow:1,justifyContent:"flex-end"},e.createElement(Ld,null,e.createElement(S.Z,{textColor:"secondary600",variant:"sigma"},"BETA")))))};yr.propTypes={disabled:n().bool.isRequired};const Zd=(0,Z.ZP)(S.Z)`
|
|
266
|
-
line-height: 0;
|
|
267
|
-
`,Sd=(0,Z.ZP)(Y.x)`
|
|
268
|
-
svg path {
|
|
269
|
-
fill: ${({theme:t})=>t.colors.neutral500};
|
|
270
|
-
}
|
|
271
|
-
`,Ad=(0,Z.ZP)(Pt.i)`
|
|
272
|
-
background: ${({theme:t})=>t.colors.neutral200};
|
|
273
|
-
`,Fd=(0,Z.ZP)(Y.x)`
|
|
274
|
-
width: 100%;
|
|
275
|
-
overflow: auto;
|
|
276
|
-
padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
|
|
277
|
-
font-size: ${({theme:t})=>t.fontSizes[2]};
|
|
278
|
-
background-color: ${({theme:t})=>t.colors.neutral0};
|
|
279
|
-
color: ${({theme:t})=>t.colors.neutral800};
|
|
280
|
-
line-height: ${({theme:t})=>t.lineHeights[6]};
|
|
281
|
-
border-radius: ${({theme:t})=>t.borderRadius};
|
|
282
|
-
`,$d=t=>{const{isVoid:o}=t;return t.isVoid=s=>s.type==="image"?!0:o(s),t};function Bd(t){const o=e.useRef(0),s=e.useRef(0),[a,r]=e.useState(0);return e.useEffect(()=>{s.current+=1,s.current!==o.current&&(r(i=>i+1),o.current=s.current)},[t]),{key:a,incrementSlateUpdatesCount:()=>o.current+=1}}const yo=e.forwardRef(({intlLabel:t,labelAction:o,name:s,disabled:a,required:r,error:i,value:l,onChange:d,placeholder:u,hint:m},p)=>{const{formatMessage:g}=(0,H.Z)(),[h]=e.useState(()=>(0,Pe.BU)(vd(Cd($d((0,Vc.VC)((0,U.Jh)())))))),f=t.id?g({id:t.id,defaultMessage:t.defaultMessage},{...t.values}):s,E=u?g({id:u.id,defaultMessage:u.defaultMessage}):null;e.useImperativeHandle(p,()=>({focus(){Pe.F3.focus(h)}}),[h]);const{key:v,incrementSlateUpdatesCount:P}=Bd(l),C=T=>{h.operations.some(A=>A.type!=="set_selection")&&(P(),d({target:{name:s,value:T,type:"blocks"}}))};return e.createElement(e.Fragment,null,e.createElement(M.k,{direction:"column",alignItems:"stretch",gap:1},e.createElement(M.k,{gap:1},e.createElement(S.Z,{variant:"pi",fontWeight:"bold",textColor:"neutral800"},f,r&&e.createElement(Zd,{textColor:"danger600"},"*")),o&&e.createElement(Sd,{paddingLeft:1},o)),e.createElement(Pe.mH,{editor:h,initialValue:l||[{type:"paragraph",children:[{type:"text",text:""}]}],onChange:C,key:v},e.createElement(io.S,{direction:"column",alignItems:"flex-start",height:"512px"},e.createElement(yr,{disabled:a}),e.createElement(Ad,{width:"100%"}),e.createElement(Fd,{grow:1},e.createElement(bd,{disabled:a,placeholder:E})))),e.createElement(Xs,{hint:m,name:s,error:i})),i&&e.createElement(Y.x,{paddingTop:1},e.createElement(S.Z,{variant:"pi",textColor:"danger600","data-strapi-field-error":!0},i)))});yo.defaultProps={labelAction:null,disabled:!1,required:!1,error:"",value:null,placeholder:null,hint:null},yo.propTypes={intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,labelAction:n().element,name:n().string.isRequired,required:n().bool,disabled:n().bool,error:n().string,onChange:n().func.isRequired,value:n().array,placeholder:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired}),hint:n().oneOfType([n().string,n().array])};var wd=yo,Eo=c(96377),Wt=c(42567),Nd=c(75760),jd=c(68019),Wd=c(78495);const qd=(0,Z.ZP)(Wd.E)`
|
|
283
|
-
svg {
|
|
284
|
-
height: 1rem;
|
|
285
|
-
width: 1rem;
|
|
286
|
-
path {
|
|
287
|
-
fill: ${({theme:t})=>t.colors.neutral400};
|
|
288
|
-
}
|
|
289
|
-
}
|
|
290
|
-
|
|
291
|
-
svg:hover {
|
|
292
|
-
path {
|
|
293
|
-
fill: ${({theme:t})=>t.colors.primary600};
|
|
294
|
-
}
|
|
295
|
-
}
|
|
296
|
-
`,Er=(0,Z.ZP)(M.k)`
|
|
297
|
-
svg {
|
|
298
|
-
height: ${12/16}rem;
|
|
299
|
-
width: ${12/16}rem;
|
|
300
|
-
|
|
301
|
-
path {
|
|
302
|
-
fill: ${({theme:t,available:o})=>o?t.colors.success600:t.colors.danger600};
|
|
303
|
-
}
|
|
304
|
-
}
|
|
305
|
-
`,zd=(0,Z.F4)`
|
|
306
|
-
from {
|
|
307
|
-
transform: rotate(0deg);
|
|
308
|
-
}
|
|
309
|
-
to {
|
|
310
|
-
transform: rotate(359deg);
|
|
311
|
-
}
|
|
312
|
-
`,Vd=(0,Z.ZP)(M.k)`
|
|
313
|
-
animation: ${zd} 2s infinite linear;
|
|
314
|
-
`;var Ud=/^[A-Za-z0-9-_.~]*$/;const bo=e.forwardRef(({contentTypeUID:t,hint:o,disabled:s,error:a,intlLabel:r,labelAction:i,name:l,onChange:d,value:u,placeholder:m,required:p},g)=>{const[h,f]=e.useState(null),[E,v]=e.useState(!1),P=(0,jd.N)(u,300),{modifiedData:C,initialData:T}=(0,y.Wq)(),R=(0,y.lm)(),{formatAPIError:A}=(0,y.So)(),{formatMessage:L}=(0,H.Z)(),{post:O}=(0,y.kY)(),q=r.id?L({id:r.id,defaultMessage:r.defaultMessage},{...r.values}):l,W=m?L({id:m.id,defaultMessage:m.defaultMessage},{...m.values}):"",{data:D,isLoading:z}=(0,Ze.useQuery)({queryKey:["uid",{contentTypeUID:t,field:l,data:C}],async queryFn({queryKey:k}){const[,I]=k,{data:{data:B}}=await O("/content-manager/uid/generate",I);return B},onError(k){R({type:"warning",message:A(k)})},enabled:!u&&p});e.useEffect(()=>{D&&d({target:{name:l,value:D,type:"text"}},!0)},[D,l,d]);const{mutate:J,isLoading:$}=(0,Ze.useMutation)({async mutationFn(k){const{data:{data:I}}=await O("/content-manager/uid/generate",k);return I},onSuccess(k){d({target:{name:l,value:k,type:"text"}})},onError(k){R({type:"warning",message:A(k)})}}),{data:G,isLoading:X}=(0,Ze.useQuery)({queryKey:["uid",{contentTypeUID:t,field:l,value:P?P.trim():""}],async queryFn({queryKey:k}){const[,I]=k,{data:B}=await O("/content-manager/uid/check-availability",I);return B},enabled:Boolean(P!==T[l]&&P&&Ud.test(P.trim())),onError(k){R({type:"warning",message:A(k)})}});e.useEffect(()=>{f(G);let k;return G?.isAvailable&&(k=setTimeout(()=>{f(null)},4e3)),()=>{k&&clearTimeout(k)}},[G]);const F=z||$||X;return e.createElement(wn.o,{ref:g,disabled:s,error:a,endAction:e.createElement(M.k,{position:"relative",gap:1},h&&!E&&e.createElement(Er,{alignItems:"center",gap:1,justifyContent:"flex-end",available:!!h?.isAvailable,"data-not-here-outer":!0,position:"absolute",pointerEvents:"none",right:6,width:"100px"},h?.isAvailable?e.createElement(Eo.Z,null):e.createElement(Wt.Z,null),e.createElement(S.Z,{textColor:h.isAvailable?"success600":"danger600",variant:"pi"},L(h.isAvailable?{id:"content-manager.components.uid.available",defaultMessage:"Available"}:{id:"content-manager.components.uid.unavailable",defaultMessage:"Unavailable"}))),!s&&e.createElement(e.Fragment,null,E&&e.createElement(Er,{alignItems:"center",justifyContent:"flex-end",gap:1},e.createElement(S.Z,{textColor:"primary600",variant:"pi"},L({id:"content-manager.components.uid.regenerate",defaultMessage:"Regenerate"}))),e.createElement(qd,{onClick:()=>J({contentTypeUID:t,field:l,data:C}),label:L({id:"content-manager.components.uid.regenerate",defaultMessage:"Regenerate"}),onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1)},F?e.createElement(Vd,{"data-testid":"loading-wrapper"},e.createElement(Nd.Z,null)):e.createElement(In.Z,null)))),hint:o,label:q,labelAction:i,name:l,onChange:d,placeholder:W,value:u||"",required:p})});bo.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])},bo.defaultProps={disabled:!1,error:void 0,labelAction:void 0,placeholder:void 0,value:"",required:!1,hint:""};var Hd=c(88423),Yd=c.n(Hd);function Gd(t,o){return s=>{const a=o(s);return e.createElement(t,{...s,...a})}}var Qd=Gd;const Kd=(t=[],o=[])=>{const s=t.reduce((r,i)=>o.find(l=>l.id===i.id)?r:[...r,i.id],[]),a=o.reduce((r,i)=>t.find(l=>l.id===i.id)?r:[...r,i.id],[]);return[s,a]},yt={DRAFT:"draft",PUBLISHED:"published"},vo=5,Xd=10;function Jd(t,o){return`/content-manager/collectionType/${t}/${o??""}`}const Co=(t,{shouldAddLink:o,mainFieldName:s,targetModel:a})=>{const r={...t};return o&&(r.href=Jd(a,r.id)),r.publicationState=!1,r?.publishedAt!==void 0&&(r.publicationState=r.publishedAt?yt.PUBLISHED:yt.DRAFT),r.mainField=r[s],r},_d=(t,{shouldAddLink:o=!1,mainFieldName:s,targetModel:a}={})=>[...t].map(r=>Co(r,{shouldAddLink:o,mainFieldName:s,targetModel:a})),eu=(t,{mainFieldName:o})=>{const{data:s}=t,{pages:a=[]}=s??{};return{...t,data:a.map(r=>r?.results.map(i=>Co(i,{mainFieldName:o}))).filter(Boolean).flat()}};function tu({componentUid:t,isUserAllowedToEditField:o,isUserAllowedToReadField:s,name:a,queryInfos:r}){const{isCreatingEntry:i,createActionAllowedFields:l,readActionAllowedFields:d,updateActionAllowedFields:u,slug:m,modifiedData:p}=(0,y.Wq)(),{params:g}=(0,ce.$B)("/content-manager/collectionType/:collectionType/create/clone/:origin")??{},{origin:h}=g??{},f=(0,e.useMemo)(()=>o===!0?!0:(i?l:u).includes(a),[i,l,a,o,u]),E=(0,e.useMemo)(()=>s?!0:(i?[]:d).includes(a),[i,s,a,d]),v=a.split(".");let P;t&&(P=w()(p,v.slice(0,-1))?.id);const C=h||p.id,T=(0,e.useMemo)(()=>i&&!h?null:t?P?`/content-manager/relations/${t}/${P}/${v.at(-1)}`:null:`/content-manager/relations/${m}/${C}/${a.split(".").at(-1)}`,[i,h,t,m,C,a,P,v]),R=(0,e.useMemo)(()=>t?`/content-manager/relations/${t}/${a.split(".").at(-1)}`:`/content-manager/relations/${m}/${a.split(".").at(-1)}`,[t,m,a]);return{entityId:C,componentId:P,isComponentRelation:Boolean(t),queryInfos:{...r,endpoints:{search:R,relation:T}},isCloningEntry:Boolean(h),isCreatingEntry:i,isFieldAllowed:f,isFieldReadable:E}}var nu=tu;const ou=(t,{relation:o,search:s})=>{const[a,r]=(0,e.useState)({}),[i,l]=(0,e.useState)(0),{get:d}=(0,y.kY)(),{onLoad:u,normalizeArguments:m={}}=o,p=(0,Ze.useInfiniteQuery)(["relation",...t],async({pageParam:R=1})=>{try{const{data:A}=await d(o?.endpoint,{params:{...o.pageParams??{},page:R}});return l(R),A}catch{return null}},{cacheTime:0,enabled:o.enabled,getNextPageParam(R){const A=!R?.pagination;if(!(!R||A||R?.pagination.page>=R?.pagination.pageCount))return R.pagination.page+1},select:R=>({...R,pages:R.pages.map(A=>{if(!A)return A;const{data:L,results:O,pagination:q}=A,W=!!L;let D=[];return W?D=[L]:O&&(D=[...O].reverse()),{pagination:q,results:D}})})}),{pageGoal:g}=o,{status:h,data:f,fetchNextPage:E,hasNextPage:v}=p;(0,e.useEffect)(()=>{g>i&&v&&h==="success"&&E({pageParam:i+1})},[g,i,E,v,h]);const P=(0,y.W6)(u);(0,e.useEffect)(()=>{if(h==="success"&&f&&f.pages?.at(-1)?.results&&P){const R=_d(f.pages.at(-1).results,m);P(R)}},[h,P,f]);const C=(0,Ze.useInfiniteQuery)(["relation",...t,"search",JSON.stringify(a)],async({pageParam:R=1})=>{try{const{data:A}=await d(s.endpoint,{params:{...s.pageParams??{},...a,page:R}});return A}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,A={})=>{r({...A,_q:R,_filter:"$startsWithi"})}}},br=(t,o)=>s=>{const a=s.split(".");return a.reduce((r,i,l)=>{const d=w()(t,r),u=w()(o,[...a.slice(0,l),i,"__temp_key__"]);if(Array.isArray(d)&&typeof u=="number"){const m=d.findIndex(p=>p.__temp_key__===u);return r.push(m.toString()),r}return r.push(i),r},[])};var su=c(84458),vr=c(70843),Ro=c(43743),Mo=c(61864),en=c(98610),ru=c(41044),To=c(8241);const au=Z.ZP.div`
|
|
315
|
-
flex-shrink: 0;
|
|
316
|
-
width: ${(0,y.Q1)(6)};
|
|
317
|
-
height: ${(0,y.Q1)(6)};
|
|
318
|
-
margin-right: ${({theme:t})=>t.spaces[2]};
|
|
319
|
-
background-color: ${({theme:t,isDraft:o})=>t.colors[o?"secondary600":"success600"]};
|
|
320
|
-
border-radius: 50%;
|
|
321
|
-
`,ko=({publicationState:t,mainField:o,id:s})=>{const{formatMessage:a}=(0,H.Z)(),r=(o??s).toString();if(t){const i=t==="draft",l={id:(0,b.OB)("components.Select.draft-info-title"),defaultMessage:"State: Draft"},d={id:(0,b.OB)("components.Select.publish-info-title"),defaultMessage:"State: Published"},u=a(i?l:d);return e.createElement(To.O,{value:s,textValue:r},e.createElement(M.k,null,e.createElement(au,{title:u,isDraft:i}),e.createElement(S.Z,{ellipsis:!0},r)))}return e.createElement(To.O,{value:s,textValue:r},r)};ko.defaultProps={mainField:void 0,publicationState:void 0},ko.propTypes={id:n().number.isRequired,mainField:n().oneOfType([n().string,n().number]),publicationState:n().oneOfType([n().string,n().bool])};var Cr=c(77622);const tn=50,Tt=4,Rr=(0,Z.ZP)(M.k)`
|
|
322
|
-
width: 100%;
|
|
323
|
-
/* Used to prevent endAction to be pushed out of container */
|
|
324
|
-
min-width: 0;
|
|
325
|
-
|
|
326
|
-
& > div[role='button'] {
|
|
327
|
-
cursor: all-scroll;
|
|
328
|
-
}
|
|
329
|
-
`,Mr=(0,Z.ZP)(M.k)`
|
|
330
|
-
width: 100%;
|
|
331
|
-
/* Used to prevent endAction to be pushed out of container */
|
|
332
|
-
min-width: 0;
|
|
333
|
-
`,Do=({ariaDescribedBy:t,children:o,displayValue:s,canDrag:a,disabled:r,endAction:i,iconButtonAriaLabel:l,style:d,id:u,index:m,name:p,onCancel:g,onDropItem:h,onGrabItem:f,status:E,updatePositionOfRelation:v,...P})=>{const[{handlerId:C,isDragging:T,handleKeyDown:R},A,L,O,q]=(0,Cr.Y)(a&&!r,{type:`${b._Q.RELATION}_${p}`,index:m,item:{displayedValue:s,status:E,id:u},onGrabItem:f,onDropItem:h,onCancel:g,onMoveItem:v,dropSensitivity:"immediate"}),W=(0,b.FE)(A,O);return(0,e.useEffect)(()=>{q((0,Lt.rX)())},[q]),e.createElement(Y.x,{style:d,as:"li",ref:L,"aria-describedby":t,cursor:a?"all-scroll":"default"},T?e.createElement(iu,null):e.createElement(M.k,{paddingTop:2,paddingBottom:2,paddingLeft:a?2:4,paddingRight:4,hasRadius:!0,borderSize:1,borderColor:"neutral200",background:r?"neutral150":"neutral0",justifyContent:"space-between",ref:a?W:void 0,"data-handler-id":C,...P},e.createElement(Rr,{gap:1},a?e.createElement(Re.h,{forwardedAs:"div",role:"button",tabIndex:0,"aria-label":l,noBorder:!0,onKeyDown:R,disabled:r},e.createElement(rt.Z,null)):null,e.createElement(Mr,{justifyContent:"space-between"},o)),i&&e.createElement(Y.x,{paddingLeft:4},i)))},iu=()=>e.createElement(Y.x,{paddingTop:2,paddingBottom:2,paddingLeft:4,paddingRight:4,hasRadius:!0,borderStyle:"dashed",borderColor:"primary600",borderWidth:"1px",background:"primary100",height:`calc(100% - ${Tt}px)`});Do.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},Do.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 lu=(0,Z.ZP)(Y.x)`
|
|
334
|
-
position: relative;
|
|
335
|
-
overflow: hidden;
|
|
336
|
-
flex: 1;
|
|
337
|
-
|
|
338
|
-
&:before,
|
|
339
|
-
&:after {
|
|
340
|
-
position: absolute;
|
|
341
|
-
width: 100%;
|
|
342
|
-
height: 4px;
|
|
343
|
-
z-index: 1;
|
|
344
|
-
}
|
|
345
|
-
|
|
346
|
-
&:before {
|
|
347
|
-
/* TODO: as for DS Table component we would need this to be handled by the DS theme */
|
|
348
|
-
content: '';
|
|
349
|
-
background: linear-gradient(rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
|
|
350
|
-
top: 0;
|
|
351
|
-
opacity: ${({overflowDirection:t})=>t==="top-bottom"||t==="top"?1:0};
|
|
352
|
-
transition: opacity 0.2s ease-in-out;
|
|
353
|
-
}
|
|
354
|
-
|
|
355
|
-
&:after {
|
|
356
|
-
/* TODO: as for DS Table component we would need this to be handled by the DS theme */
|
|
357
|
-
content: '';
|
|
358
|
-
background: linear-gradient(0deg, rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
|
|
359
|
-
bottom: 0;
|
|
360
|
-
opacity: ${({overflowDirection:t})=>t==="top-bottom"||t==="bottom"?1:0};
|
|
361
|
-
transition: opacity 0.2s ease-in-out;
|
|
362
|
-
}
|
|
363
|
-
`,Io=({children:t,overflow:o,...s})=>e.createElement(lu,{overflowDirection:o,...s},t);Io.defaultProps={overflow:""},Io.propTypes={children:n().node.isRequired,overflow:n().oneOf(["top-bottom","bottom","top",""])};const Tr=(0,Z.ZP)(su.r)`
|
|
364
|
-
display: block;
|
|
365
|
-
|
|
366
|
-
> span {
|
|
367
|
-
white-space: nowrap;
|
|
368
|
-
overflow: hidden;
|
|
369
|
-
text-overflow: ellipsis;
|
|
370
|
-
display: block;
|
|
371
|
-
}
|
|
372
|
-
`,kr=Z.ZP.button`
|
|
373
|
-
svg path {
|
|
374
|
-
fill: ${({theme:t,disabled:o})=>o?t.colors.neutral600:t.colors.neutral500};
|
|
375
|
-
}
|
|
376
|
-
|
|
377
|
-
&:hover svg path,
|
|
378
|
-
&:focus svg path {
|
|
379
|
-
fill: ${({theme:t,disabled:o})=>!o&&t.colors.neutral600};
|
|
380
|
-
}
|
|
381
|
-
`,cu=(0,Z.ZP)(Y.x)`
|
|
382
|
-
align-self: flex-start;
|
|
383
|
-
`,Oo=({canReorder:t,description:o,disabled:s,error:a,iconButtonAriaLabel:r,id:i,name:l,numberOfRelationsToDisplay:d,label:u,labelAction:m,labelLoadMore:p,labelDisconnectRelation:g,listAriaDescription:h,liveText:f,loadingMessage:E,onCancel:v,onDropItem:P,onGrabItem:C,noRelationsMessage:T,onRelationConnect:R,onRelationLoadMore:A,onRelationDisconnect:L,onRelationReorder:O,onSearchNextPage:q,onSearch:W,placeholder:D,publicationStateTranslations:z,required:J,relations:$,searchResults:G,size:X})=>{const[F,k]=(0,e.useState)(""),[I,B]=(0,e.useState)(""),te=(0,e.useRef)(),j=(0,e.useRef)(),K=(0,y.E2)(l),{data:V}=G,Q=$.data,oe=Q.length??0,de=(0,e.useMemo)(()=>oe>d?Math.min(oe,d)*(tn+Tt)+tn/2:Math.min(oe,d)*(tn+Tt),[oe,d]),Ee=!!p&&$.hasNextPage,ge=(0,e.useMemo)(()=>V.flat().filter(Boolean).map(me=>({...me,value:me.id,label:me.mainField})),[V]);(0,e.useEffect)(()=>{if(oe<=d)return B("");const me=Me=>{const tt=Me.target.parentNode.scrollHeight,Et=Me.target.scrollHeight-Me.target.scrollTop;return Me.target.scrollTop===0?B("bottom"):B(Et===tt?"top":"top-bottom")},Se=j?.current;return!$.isLoading&&Q.length>0&&Se&&j.current.addEventListener("scroll",me),()=>{Se&&Se.removeEventListener("scroll",me)}},[$,Q,d,oe]);const x=me=>{me&&W()},se=(me,Se)=>{O&&me>=0&&me<Q.length&&O(Se,me)},he=(0,ve.zH)(Q.length),De=(0,e.useRef)(),Ne=()=>{De.current="loadMore",A()};(0,e.useEffect)(()=>{De.current==="onChange"&&k(""),De.current==="onChange"&&Q.length!==he?(te.current?.scrollToItem(Q.length,"end"),De.current=void 0):De.current==="loadMore"&&Q.length!==he&&(te.current?.scrollToItem(0,"start"),De.current=void 0)},[he,Q]);const Ue=`${l}-item-instructions`;return e.createElement(M.k,{direction:"column",gap:3,justifyContent:"space-between",alignItems:"stretch",wrap:"wrap"},e.createElement(M.k,{direction:"row",alignItems:"end",justifyContent:"end",gap:2,width:"100%"},e.createElement(cu,{marginRight:"auto",maxWidth:X<=6?"100%":"70%",width:"100%"},e.createElement(vr.hQ,{ref:K,autocomplete:"list",error:a,name:l,hint:o,id:i,required:J,label:u,labelAction:m,disabled:s,placeholder:D,hasMoreItems:G.hasNextPage,loading:G.isLoading,onOpenChange:x,noOptionsMessage:()=>T,loadingMessage:E,onLoadMore:()=>{q()},textValue:F,onChange:me=>{me&&(R(ge.find(Se=>Se.id===me)),De.current="onChange")},onTextValueChange:me=>{k(me)},onInputChange:me=>{W(me.currentTarget.value)}},ge.map(me=>e.createElement(ko,{key:me.id,...me})))),Ee&&e.createElement(Ro.A,{disabled:$.isLoading||$.isFetchingNextPage,onClick:Ne,loading:$.isLoading||$.isFetchingNextPage,startIcon:e.createElement(In.Z,null),shrink:0},p)),Q.length>0&&e.createElement(Io,{overflow:I},e.createElement(lt.T,{id:Ue},h),e.createElement(lt.T,{"aria-live":"assertive"},f),e.createElement(ru.t7,{height:de,ref:te,outerRef:j,itemCount:oe,itemSize:tn+Tt,itemData:{name:l,ariaDescribedBy:Ue,canDrag:t,disabled:s,handleCancel:v,handleDropItem:P,handleGrabItem:C,iconButtonAriaLabel:r,labelDisconnectRelation:g,onRelationDisconnect:L,publicationStateTranslations:z,relations:Q,updatePositionOfRelation:se},itemKey:me=>`${Q[me].mainField}_${Q[me].id}`,innerElementType:"ol"},Po)))},du=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}),uu=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});Oo.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:[]}},Oo.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:uu,size:n().number.isRequired,relations:du};const Po=({data:t,index:o,style:s})=>{const{ariaDescribedBy:a,canDrag:r,disabled:i,handleCancel:l,handleDropItem:d,handleGrabItem:u,iconButtonAriaLabel:m,name:p,labelDisconnectRelation:g,onRelationDisconnect:h,publicationStateTranslations:f,relations:E,updatePositionOfRelation:v}=t,{publicationState:P,href:C,mainField:T,id:R}=E[o],A=P==="draft"?"secondary":"success";return e.createElement(Do,{ariaDescribedBy:a,canDrag:r,disabled:i,displayValue:String(T??R),iconButtonAriaLabel:m,id:R,index:o,name:p,endAction:e.createElement(kr,{"data-testid":`remove-relation-${R}`,disabled:i,type:"button",onClick:()=>h(E[o]),"aria-label":g},e.createElement(et.J,{width:"12px",as:en.Z})),onCancel:l,onDropItem:d,onGrabItem:u,status:P||void 0,style:{...s,bottom:s.bottom??0+Tt,height:s.height??0-Tt},updatePositionOfRelation:v},e.createElement(Y.x,{minWidth:0,paddingTop:1,paddingBottom:1,paddingRight:4},e.createElement(Mt.u,{description:T??`${R}`},C?e.createElement(Tr,{to:C},T??R):e.createElement(S.Z,{textColor:i?"neutral600":"primary600",ellipsis:!0},T??R))),P&&e.createElement(Mo.q,{variant:A,showBullet:!1,size:"S"},e.createElement(S.Z,{fontWeight:"bold",textColor:`${A}700`},f[P])))};Po.defaultProps={data:{}},Po.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 mu=Oo;const xo=({error:t,entityId:o,componentId:s,isComponentRelation:a,editable:r,description:i,intlLabel:l,isCreatingEntry:d,isCloningEntry:u,isFieldAllowed:m,isFieldReadable:p,labelAction:g,mainField:h,name:f,queryInfos:{endpoints:E,defaultParams:v,shouldDisplayRelationLink:P},placeholder:C,required:T,relationType:R,size:A,targetModel:L})=>{const[O,q]=(0,e.useState)(""),{formatMessage:W}=(0,H.Z)(),{slug:D,initialData:z,modifiedData:J,relationConnect:$,relationDisconnect:G,relationLoad:X,relationReorder:F}=(0,y.Wq)(),k=f.split("."),I=br(z,J)(f),B=w()(J,f,[]),te=Math.ceil(w()(z,f,[]).length/vo),{relations:j,search:K,searchFor:V}=ou([D,I.join("."),J.id,v],{relation:{enabled:!!E.relation,endpoint:E.relation,pageGoal:te,pageParams:{...v,pageSize:vo},onLoad(ye){X({target:{initialDataPath:["initialData",...I],modifiedDataPath:["modifiedData",...k],value:ye}})},normalizeArguments:{mainFieldName:h.name,shouldAddLink:P,targetModel:L}},search:{endpoint:E.search,pageParams:{...v,entityId:d||u?void 0:a?s:o,pageSize:Xd}}}),Q=(0,e.useMemo)(()=>R.toLowerCase().includes("morph"),[R]),oe=["oneWay","oneToOne","manyToOne","oneToManyMorph","oneToOneMorph"].includes(R),de=(0,e.useMemo)(()=>Q?!0:d?!r:!m&&p||!r,[Q,d,r,m,p]),Ee=ye=>{const Te=Co(ye,{mainFieldName:h.name,shouldAddLink:P,targetModel:L});$({name:f,value:Te,toOneRelation:oe})},ge=ye=>{G({name:f,id:ye.id})},x=()=>{j.fetchNextPage()},se=(ye="")=>{const[Te,nt]=Kd(B,w()(z,f));V(ye,{idsToInclude:nt,idsToOmit:Te})},he=()=>{K.fetchNextPage()},De=ye=>`${ye+1} of ${B.length}`,Ne=(ye,Te)=>{const nt=B[ye];q(W({id:(0,b.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:nt.mainField??nt.id,position:De(Te)})),F({name:f,newIndex:Te,oldIndex:ye})},Ue=ye=>{const Te=B[ye];q(W({id:(0,b.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:Te.mainField??Te.id,position:De(ye)}))},me=ye=>{const Te=B[ye];q(W({id:(0,b.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:Te.mainField??Te.id,position:De(ye)}))},Se=ye=>{const Te=B[ye];q(W({id:(0,b.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:Te.mainField??Te.id}))};if(!m&&d||!d&&!m&&!p)return e.createElement(y.X0,{name:f,intlLabel:l,labelAction:g});const Me=B.length,tt=(w()(z,I)??[]).length,Et=j.data?.pages[0]?.pagination?.total??0,bt=!j.data&&Me===tt?Me:Me-tt+Et;return e.createElement(mu,{error:t,canReorder:!oe,description:i,disabled:de,iconButtonAriaLabel:W({id:(0,b.OB)("components.RelationInput.icon-button-aria-label"),defaultMessage:"Drag"}),id:f,label:`${W({id:l.id,defaultMessage:l.defaultMessage})} ${bt>0?`(${bt})`:""}`,labelAction:g,labelLoadMore:!d||u?W({id:(0,b.OB)("relation.loadMore"),defaultMessage:"Load More"}):null,labelDisconnectRelation:W({id:(0,b.OB)("relation.disconnect"),defaultMessage:"Remove"}),listAriaDescription:W({id:(0,b.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"}),listHeight:320,liveText:O,loadingMessage:W({id:(0,b.OB)("relation.isLoading"),defaultMessage:"Relations are loading"}),name:f,noRelationsMessage:W({id:(0,b.OB)("relation.notAvailable"),defaultMessage:"No relations available"}),numberOfRelationsToDisplay:vo,onDropItem:me,onGrabItem:Ue,onCancel:Se,onRelationConnect:Ee,onRelationDisconnect:ge,onRelationLoadMore:x,onRelationReorder:Ne,onSearch:ye=>se(ye),onSearchNextPage:()=>he(),placeholder:W(C||{id:(0,b.OB)("relation.add"),defaultMessage:"Add relation"}),publicationStateTranslations:{[yt.DRAFT]:W({id:(0,b.OB)("relation.publicationState.draft"),defaultMessage:"Draft"}),[yt.PUBLISHED]:W({id:(0,b.OB)("relation.publicationState.published"),defaultMessage:"Published"})},relations:Yd()({...j,data:B},"data","hasNextPage","isFetchingNextPage","isLoading","isSuccess"),required:T,searchResults:eu(K,{mainFieldName:h.name}),size:A})};xo.defaultProps={componentId:void 0,entityId:void 0,editable:!0,error:void 0,description:"",labelAction:null,isComponentRelation:!1,isFieldAllowed:!0,placeholder:null,required:!1},xo.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 pu=(0,e.memo)(xo);var gu=Qd(pu,nu),fu=c(87702),Lo=c.n(fu),Zo=c(59845),hu=c(88591),yu=c.n(hu),Eu=c(20871),bu=c.n(Eu),vu=c(48375),Dr=c.n(vu),Cu=c(31089),Ru=c.n(Cu),Mu=c(16043),Tu=c.n(Mu),ku=c(5109),Du=c.n(ku),Iu=c(47955),Ou=c.n(Iu),Pu=c(95706),xu=c.n(Pu),Lu=c(6658),Zu=c.n(Lu),Su=c(36407),Au=c.n(Su);(async()=>{await c.e(7347).then(c.bind(c,74194))})();const kt=new(yu())({html:!0,xhtmlOut:!1,breaks:!0,langPrefix:"language-",linkify:!0,typographer:!0,highlight(t,o){if(o&&o!=="auto"&&(0,Zo.getLanguage)(o))return'<pre class="hljs language-'+kt.utils.escapeHtml(o.toLowerCase())+'"><code>'+(0,Zo.highlight)(o,t,!0).value+"</code></pre>";if(o==="auto"){const s=(0,Zo.highlightAuto)(t);return'<pre class="hljs language-'+kt.utils.escapeHtml(s.language)+'"><code>'+s.value+"</code></pre>"}return'<pre class="hljs"><code>'+kt.utils.escapeHtml(t)+"</code></pre>"}}).use(bu()).use(Dr(),"warning").use(Dr(),"tip").use(Ru()).use(Tu()).use(Du()).use(Ou()).use(xu()).use(Zu()).use(Au());kt.renderer.rules.footnote_ref=(t,o,s,a,r)=>'<sup class="footnote-ref"><span>'+r.rules.footnote_caption(t,o,s,a,r)+"</span></sup>",kt.renderer.rules.footnote_anchor=()=>' <span class="footnote-backref">\u21A9\uFE0E</span>';var Fu=kt,$u=c(13993),Ir=c.n($u);const Bu={...Ir().defaults,allowedTags:!1,allowedAttributes:{"*":["href","align","alt","center","width","height","type","controls","target"],img:["src","alt"],source:["src","type"]}};var wu=t=>Ir()(t,Bu),Nu=Z.ZP.div`
|
|
384
|
-
position: absolute;
|
|
385
|
-
top: 0;
|
|
386
|
-
width: 100%;
|
|
387
|
-
height: 100%;
|
|
388
|
-
overflow: auto;
|
|
389
|
-
padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
|
|
390
|
-
font-size: ${14/16}rem;
|
|
391
|
-
background-color: ${({theme:t})=>t.colors.neutral0};
|
|
392
|
-
color: ${({theme:t})=>t.colors.neutral800};
|
|
393
|
-
line-height: ${({theme:t})=>t.lineHeights[6]};
|
|
394
|
-
|
|
395
|
-
h1,
|
|
396
|
-
h2,
|
|
397
|
-
h3,
|
|
398
|
-
h4,
|
|
399
|
-
h5,
|
|
400
|
-
h6 {
|
|
401
|
-
margin-block-start: ${({theme:t})=>t.spaces[2]};
|
|
402
|
-
margin-block-end: ${({theme:t})=>t.spaces[2]};
|
|
403
|
-
}
|
|
404
|
-
|
|
405
|
-
p {
|
|
406
|
-
margin-bottom: ${({theme:t})=>t.spaces[2]};
|
|
407
|
-
}
|
|
408
|
-
|
|
409
|
-
h1 {
|
|
410
|
-
font-size: ${36/16}rem;
|
|
411
|
-
font-weight: 600;
|
|
412
|
-
}
|
|
413
|
-
|
|
414
|
-
h2 {
|
|
415
|
-
font-size: ${30/16}rem;
|
|
416
|
-
font-weight: 500;
|
|
417
|
-
}
|
|
418
|
-
|
|
419
|
-
h3 {
|
|
420
|
-
font-size: ${24/16}rem;
|
|
421
|
-
font-weight: 500;
|
|
422
|
-
}
|
|
423
|
-
|
|
424
|
-
h4 {
|
|
425
|
-
font-size: ${20/16}rem;
|
|
426
|
-
font-weight: 500;
|
|
427
|
-
}
|
|
428
|
-
|
|
429
|
-
strong {
|
|
430
|
-
font-weight: 800;
|
|
431
|
-
}
|
|
432
|
-
|
|
433
|
-
em {
|
|
434
|
-
font-style: italic;
|
|
435
|
-
}
|
|
436
|
-
|
|
437
|
-
blockquote {
|
|
438
|
-
margin-top: ${({theme:t})=>t.spaces[8]};
|
|
439
|
-
margin-bottom: ${({theme:t})=>t.spaces[7]};
|
|
440
|
-
font-size: ${14/16}rem;
|
|
441
|
-
font-weight: 400;
|
|
442
|
-
border-left: 4px solid ${({theme:t})=>t.colors.neutral150};
|
|
443
|
-
font-style: italic;
|
|
444
|
-
padding: ${({theme:t})=>t.spaces[2]} ${({theme:t})=>t.spaces[5]};
|
|
445
|
-
}
|
|
446
|
-
|
|
447
|
-
img {
|
|
448
|
-
max-width: 100%;
|
|
449
|
-
}
|
|
450
|
-
|
|
451
|
-
table {
|
|
452
|
-
thead {
|
|
453
|
-
background: ${({theme:t})=>t.colors.neutral150};
|
|
454
|
-
|
|
455
|
-
th {
|
|
456
|
-
padding: ${({theme:t})=>t.spaces[4]};
|
|
457
|
-
}
|
|
458
|
-
}
|
|
459
|
-
tr {
|
|
460
|
-
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
461
|
-
}
|
|
462
|
-
th,
|
|
463
|
-
td {
|
|
464
|
-
padding: ${({theme:t})=>t.spaces[4]};
|
|
465
|
-
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
466
|
-
border-bottom: 0;
|
|
467
|
-
border-top: 0;
|
|
468
|
-
}
|
|
469
|
-
}
|
|
470
|
-
|
|
471
|
-
pre,
|
|
472
|
-
code {
|
|
473
|
-
font-size: ${14/16}rem;
|
|
474
|
-
border-radius: 4px;
|
|
475
|
-
/*
|
|
476
|
-
Hard coded since the color is the same between themes,
|
|
477
|
-
theme.colors.neutral800 changes between themes.
|
|
478
|
-
|
|
479
|
-
Matches the color of the JSON Input component.
|
|
480
|
-
*/
|
|
481
|
-
background-color: #32324d;
|
|
482
|
-
max-width: 100%;
|
|
483
|
-
overflow: auto;
|
|
484
|
-
padding: ${({theme:t})=>t.spaces[2]};
|
|
485
|
-
}
|
|
486
|
-
|
|
487
|
-
/* Inline code */
|
|
488
|
-
p,
|
|
489
|
-
pre,
|
|
490
|
-
td {
|
|
491
|
-
> code {
|
|
492
|
-
color: #839496;
|
|
493
|
-
}
|
|
494
|
-
}
|
|
495
|
-
|
|
496
|
-
ol {
|
|
497
|
-
list-style-type: decimal;
|
|
498
|
-
margin-block-start: ${({theme:t})=>t.spaces[4]};
|
|
499
|
-
margin-block-end: ${({theme:t})=>t.spaces[4]};
|
|
500
|
-
margin-inline-start: 0px;
|
|
501
|
-
margin-inline-end: 0px;
|
|
502
|
-
padding-inline-start: ${({theme:t})=>t.spaces[4]};
|
|
503
|
-
|
|
504
|
-
ol,
|
|
505
|
-
ul {
|
|
506
|
-
margin-block-start: 0px;
|
|
507
|
-
margin-block-end: 0px;
|
|
508
|
-
}
|
|
509
|
-
}
|
|
510
|
-
|
|
511
|
-
ul {
|
|
512
|
-
list-style-type: disc;
|
|
513
|
-
margin-block-start: ${({theme:t})=>t.spaces[4]};
|
|
514
|
-
margin-block-end: ${({theme:t})=>t.spaces[4]};
|
|
515
|
-
margin-inline-start: 0px;
|
|
516
|
-
margin-inline-end: 0px;
|
|
517
|
-
padding-inline-start: ${({theme:t})=>t.spaces[4]};
|
|
518
|
-
|
|
519
|
-
ul,
|
|
520
|
-
ol {
|
|
521
|
-
margin-block-start: 0px;
|
|
522
|
-
margin-block-end: 0px;
|
|
523
|
-
}
|
|
524
|
-
}
|
|
525
|
-
`;const So=({data:t})=>{const o=(0,e.useMemo)(()=>wu(Fu.render(t.replaceAll("\\n",`
|
|
526
|
-
`)||"")),[t]);return e.createElement(Nu,null,e.createElement("div",{dangerouslySetInnerHTML:{__html:o}}))};So.defaultProps={data:""},So.propTypes={data:n().string};var Or=(0,e.memo)(So),nn=/^(\s*)(>[> ]*|[*+-] \[[x ]\]\s|[*+-]\s|(\d+)([.)]))(\s*)/,ju=/^(\s*)(>[> ]*|[*+-] \[[x ]\]|[*+-]|(\d+)[.)])(\s*)$/,Wu=/[*+-]\s/;function qu(t){if(t.getOption("disableInput"))return Lo().Pass;for(var o=t.listSelections(),s=[],a=0;a<o.length;a++){var r=o[a].head,i=t.getStateAfter(r.line),l=i.list!==!1,d=i.quote!==0,u=t.getLine(r.line),m=nn.exec(u),p=/^\s*$/.test(u.slice(0,r.ch));if(!o[a].empty()||!l&&!d||!m||p){t.execCommand("newlineAndIndent");return}if(ju.test(u)){var g=d&&/>\s*$/.test(u),h=!/>\s*$/.test(u);(g||h)&&t.replaceRange("",{line:r.line,ch:0},{line:r.line,ch:r.ch+1}),s[a]=`
|
|
527
|
-
`}else{var f=m[1],E=m[5],v=!(Wu.test(m[2])||m[2].indexOf(">")>=0),P=v?parseInt(m[3],10)+1+m[4]:m[2].replace("x"," ");s[a]=`
|
|
528
|
-
`+f+P+E,v&&zu(t,r)}}t.replaceSelections(s)}function zu(t,o){var s=o.line,a=0,r=0,i=nn.exec(t.getLine(s)),l=i[1];do{a+=1;var d=s+a,u=t.getLine(d),m=nn.exec(u);if(m){var p=m[1],g=parseInt(i[3],10)+a-r,h=parseInt(m[3],10),f=h;if(l===p&&!isNaN(h))g===h&&(f=h+1),g>h&&(f=g+1),t.replaceRange(u.replace(nn,p+f+m[4]+m[5]),{line:d,ch:0},{line:d,ch:u.length});else{if(l.length>p.length||l.length<p.length&&a===1)return;r+=1}}}while(m)}var Vu=qu,Nf=c(27217);const Ao=(0,e.forwardRef)(({disabled:t,editorRef:o,error:s,isPreviewMode:a,isExpandMode:r,name:i,onChange:l,placeholder:d,textareaRef:u,value:m},p)=>{const g=(0,e.useRef)(l);return(0,e.useEffect)(()=>{o.current=Lo().fromTextArea(u.current,{lineWrapping:!0,extraKeys:{Enter:"newlineAndIndentContinueMarkdownList",Tab:!1,"Shift-Tab":!1},readOnly:!1,smartIndent:!1,placeholder:d,spellcheck:!0,inputStyle:"contenteditable"}),Lo().commands.newlineAndIndentContinueMarkdownList=Vu,o.current.on("change",h=>{g.current({target:{name:i,value:h.getValue(),type:"wysiwyg"}})})},[o,u,i,d]),(0,e.useEffect)(()=>{m&&!o.current.hasFocus()&&o.current.setValue(m)},[o,m]),(0,e.useEffect)(()=>{a||t?o.current.setOption("readOnly","nocursor"):o.current.setOption("readOnly",!1)},[t,a,o]),(0,e.useEffect)(()=>{s?o.current.setOption("screenReaderLabel",s):o.current.setOption("screenReaderLabel","Editor")},[o,s]),(0,e.useImperativeHandle)(p,()=>({focus(){o.current.getInputField().focus()},scrollIntoView(h){o.current.getInputField().scrollIntoView(h)}}),[o]),e.createElement(Uu,null,e.createElement(Hu,{isExpandMode:r,disabled:t||a},e.createElement("textarea",{ref:u})),a&&e.createElement(Or,{data:m}))});Ao.defaultProps={disabled:!1,error:void 0,isPreviewMode:!1,isExpandMode:!1,placeholder:"",value:""},Ao.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 Uu=Z.ZP.div`
|
|
529
|
-
position: relative;
|
|
530
|
-
height: calc(100% - 48px);
|
|
531
|
-
`,Hu=Z.ZP.div`
|
|
532
|
-
cursor: ${({disabled:t})=>t?"not-allowed !important":"auto"};
|
|
533
|
-
height: 100%;
|
|
534
|
-
/* BASICS */
|
|
535
|
-
.CodeMirror-placeholder {
|
|
536
|
-
color: ${({theme:t})=>t.colors.neutral600} !important;
|
|
537
|
-
}
|
|
538
|
-
|
|
539
|
-
.CodeMirror {
|
|
540
|
-
/* Set height, width, borders, and global font properties here */
|
|
541
|
-
font-size: ${14/16}rem;
|
|
542
|
-
height: ${({isExpandMode:t})=>t?"100%":"290px"};
|
|
543
|
-
color: ${({theme:t})=>t.colors.neutral800};
|
|
544
|
-
direction: ltr;
|
|
545
|
-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
|
|
546
|
-
'Open Sans', 'Helvetica Neue', sans-serif;
|
|
547
|
-
}
|
|
548
|
-
|
|
549
|
-
/* PADDING */
|
|
550
|
-
|
|
551
|
-
.CodeMirror-lines {
|
|
552
|
-
padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
|
|
553
|
-
/* Vertical padding around content */
|
|
554
|
-
}
|
|
555
|
-
|
|
556
|
-
.CodeMirror-scrollbar-filler,
|
|
557
|
-
.CodeMirror-gutter-filler {
|
|
558
|
-
/* The little square between H and V scrollbars */
|
|
559
|
-
background-color: ${({theme:t})=>`${t.colors.neutral0}`};
|
|
560
|
-
}
|
|
561
|
-
|
|
562
|
-
/* GUTTER */
|
|
563
|
-
|
|
564
|
-
.CodeMirror-gutters {
|
|
565
|
-
border-right: 1px solid #ddd;
|
|
566
|
-
background-color: #f7f7f7;
|
|
567
|
-
white-space: nowrap;
|
|
568
|
-
}
|
|
569
|
-
.CodeMirror-linenumbers {
|
|
570
|
-
}
|
|
571
|
-
.CodeMirror-linenumber {
|
|
572
|
-
padding: 0 3px 0 5px;
|
|
573
|
-
min-width: 20px;
|
|
574
|
-
text-align: right;
|
|
575
|
-
color: #999;
|
|
576
|
-
white-space: nowrap;
|
|
577
|
-
}
|
|
578
|
-
|
|
579
|
-
.CodeMirror-guttermarker {
|
|
580
|
-
color: black;
|
|
581
|
-
}
|
|
582
|
-
.CodeMirror-guttermarker-subtle {
|
|
583
|
-
color: #999;
|
|
584
|
-
}
|
|
585
|
-
|
|
586
|
-
/* CURSOR */
|
|
587
|
-
|
|
588
|
-
.CodeMirror-cursor {
|
|
589
|
-
border-left: 1px solid black;
|
|
590
|
-
border-right: none;
|
|
591
|
-
width: 0;
|
|
592
|
-
}
|
|
593
|
-
/* Shown when moving in bi-directional text */
|
|
594
|
-
.CodeMirror div.CodeMirror-secondarycursor {
|
|
595
|
-
border-left: 1px solid silver;
|
|
596
|
-
}
|
|
597
|
-
.cm-fat-cursor .CodeMirror-cursor {
|
|
598
|
-
width: auto;
|
|
599
|
-
border: 0 !important;
|
|
600
|
-
background: #7e7;
|
|
601
|
-
}
|
|
602
|
-
.cm-fat-cursor div.CodeMirror-cursors {
|
|
603
|
-
/* z-index: 1; */
|
|
604
|
-
}
|
|
605
|
-
|
|
606
|
-
.cm-fat-cursor-mark {
|
|
607
|
-
background-color: rgba(20, 255, 20, 0.5);
|
|
608
|
-
-webkit-animation: blink 1.06s steps(1) infinite;
|
|
609
|
-
-moz-animation: blink 1.06s steps(1) infinite;
|
|
610
|
-
animation: blink 1.06s steps(1) infinite;
|
|
611
|
-
}
|
|
612
|
-
.cm-animate-fat-cursor {
|
|
613
|
-
width: auto;
|
|
614
|
-
border: 0;
|
|
615
|
-
-webkit-animation: blink 1.06s steps(1) infinite;
|
|
616
|
-
-moz-animation: blink 1.06s steps(1) infinite;
|
|
617
|
-
animation: blink 1.06s steps(1) infinite;
|
|
618
|
-
background-color: #7e7;
|
|
619
|
-
}
|
|
620
|
-
|
|
621
|
-
/* Can style cursor different in overwrite (non-insert) mode */
|
|
622
|
-
.CodeMirror-overwrite .CodeMirror-cursor {
|
|
623
|
-
}
|
|
624
|
-
|
|
625
|
-
.cm-tab {
|
|
626
|
-
display: inline-block;
|
|
627
|
-
text-decoration: inherit;
|
|
628
|
-
}
|
|
629
|
-
|
|
630
|
-
.CodeMirror-rulers {
|
|
631
|
-
position: absolute;
|
|
632
|
-
left: 0;
|
|
633
|
-
right: 0;
|
|
634
|
-
top: -50px;
|
|
635
|
-
bottom: 0;
|
|
636
|
-
overflow: hidden;
|
|
637
|
-
}
|
|
638
|
-
.CodeMirror-ruler {
|
|
639
|
-
border-left: 1px solid #ccc;
|
|
640
|
-
top: 0;
|
|
641
|
-
bottom: 0;
|
|
642
|
-
position: absolute;
|
|
643
|
-
}
|
|
644
|
-
|
|
645
|
-
/* DEFAULT THEME */
|
|
646
|
-
|
|
647
|
-
.cm-header,
|
|
648
|
-
.cm-strong {
|
|
649
|
-
font-weight: bold;
|
|
650
|
-
}
|
|
651
|
-
.cm-em {
|
|
652
|
-
font-style: italic;
|
|
653
|
-
}
|
|
654
|
-
.cm-link {
|
|
655
|
-
text-decoration: underline;
|
|
656
|
-
}
|
|
657
|
-
.cm-strikethrough {
|
|
658
|
-
text-decoration: line-through;
|
|
659
|
-
}
|
|
660
|
-
|
|
661
|
-
.CodeMirror-composing {
|
|
662
|
-
border-bottom: 2px solid;
|
|
663
|
-
}
|
|
664
|
-
|
|
665
|
-
/* Default styles for common addons */
|
|
666
|
-
|
|
667
|
-
div.CodeMirror span.CodeMirror-matchingbracket {
|
|
668
|
-
color: #0b0;
|
|
669
|
-
}
|
|
670
|
-
div.CodeMirror span.CodeMirror-nonmatchingbracket {
|
|
671
|
-
color: #a22;
|
|
672
|
-
}
|
|
673
|
-
.CodeMirror-matchingtag {
|
|
674
|
-
background: rgba(255, 150, 0, 0.3);
|
|
675
|
-
}
|
|
676
|
-
.CodeMirror-activeline-background {
|
|
677
|
-
background: #e8f2ff;
|
|
678
|
-
}
|
|
679
|
-
|
|
680
|
-
/* STOP */
|
|
681
|
-
|
|
682
|
-
/* The rest of this file contains styles related to the mechanics of
|
|
683
|
-
the editor. You probably shouldn't touch them. */
|
|
684
|
-
|
|
685
|
-
.CodeMirror {
|
|
686
|
-
position: relative;
|
|
687
|
-
overflow: hidden;
|
|
688
|
-
background: ${({theme:t})=>`${t.colors.neutral0}`};
|
|
689
|
-
}
|
|
690
|
-
|
|
691
|
-
.CodeMirror-scroll {
|
|
692
|
-
overflow: scroll !important; /* Things will break if this is overridden */
|
|
693
|
-
/* 50px is the magic margin used to hide the element's real scrollbars */
|
|
694
|
-
/* See overflow: hidden in .CodeMirror */
|
|
695
|
-
margin-bottom: -50px;
|
|
696
|
-
margin-right: -50px;
|
|
697
|
-
padding-bottom: 50px;
|
|
698
|
-
height: 100%;
|
|
699
|
-
outline: none; /* Prevent dragging from highlighting the element */
|
|
700
|
-
position: relative;
|
|
701
|
-
}
|
|
702
|
-
.CodeMirror-sizer {
|
|
703
|
-
position: relative;
|
|
704
|
-
border-right: 50px solid transparent;
|
|
705
|
-
}
|
|
706
|
-
|
|
707
|
-
/* The fake, visible scrollbars. Used to force redraw during scrolling
|
|
708
|
-
before actual scrolling happens, thus preventing shaking and
|
|
709
|
-
flickering artifacts. */
|
|
710
|
-
.CodeMirror-vscrollbar,
|
|
711
|
-
.CodeMirror-hscrollbar,
|
|
712
|
-
.CodeMirror-scrollbar-filler,
|
|
713
|
-
.CodeMirror-gutter-filler {
|
|
714
|
-
position: absolute;
|
|
715
|
-
z-index: 1;
|
|
716
|
-
display: none;
|
|
717
|
-
outline: none;
|
|
718
|
-
}
|
|
719
|
-
|
|
720
|
-
.CodeMirror-vscrollbar {
|
|
721
|
-
right: 0;
|
|
722
|
-
top: 0;
|
|
723
|
-
overflow-x: hidden;
|
|
724
|
-
overflow-y: scroll;
|
|
725
|
-
}
|
|
726
|
-
.CodeMirror-hscrollbar {
|
|
727
|
-
bottom: 0;
|
|
728
|
-
left: 0;
|
|
729
|
-
overflow-y: hidden;
|
|
730
|
-
overflow-x: scroll;
|
|
731
|
-
}
|
|
732
|
-
.CodeMirror-scrollbar-filler {
|
|
733
|
-
right: 0;
|
|
734
|
-
bottom: 0;
|
|
735
|
-
}
|
|
736
|
-
|
|
737
|
-
.CodeMirror-lines {
|
|
738
|
-
cursor: text;
|
|
739
|
-
min-height: 1px; /* prevents collapsing before first draw */
|
|
740
|
-
}
|
|
741
|
-
/* Reset some styles that the rest of the page might have set */
|
|
742
|
-
.CodeMirror pre.CodeMirror-line,
|
|
743
|
-
.CodeMirror pre.CodeMirror-line-like {
|
|
744
|
-
-moz-border-radius: 0;
|
|
745
|
-
-webkit-border-radius: 0;
|
|
746
|
-
border-radius: 0;
|
|
747
|
-
border-width: 0;
|
|
748
|
-
background: transparent;
|
|
749
|
-
font-family: inherit;
|
|
750
|
-
font-size: inherit;
|
|
751
|
-
margin: 0;
|
|
752
|
-
white-space: pre;
|
|
753
|
-
word-wrap: normal;
|
|
754
|
-
line-height: 1.5;
|
|
755
|
-
color: inherit;
|
|
756
|
-
/* z-index: 2; */
|
|
757
|
-
position: relative;
|
|
758
|
-
overflow: visible;
|
|
759
|
-
-webkit-tap-highlight-color: transparent;
|
|
760
|
-
-webkit-font-variant-ligatures: contextual;
|
|
761
|
-
font-variant-ligatures: contextual;
|
|
762
|
-
}
|
|
763
|
-
|
|
764
|
-
.CodeMirror pre.CodeMirror-line-like {
|
|
765
|
-
z-index: 2;
|
|
766
|
-
}
|
|
767
|
-
|
|
768
|
-
.CodeMirror-wrap pre.CodeMirror-line,
|
|
769
|
-
.CodeMirror-wrap pre.CodeMirror-line-like {
|
|
770
|
-
word-wrap: break-word;
|
|
771
|
-
white-space: pre-wrap;
|
|
772
|
-
word-break: normal;
|
|
773
|
-
}
|
|
774
|
-
|
|
775
|
-
.CodeMirror-linebackground {
|
|
776
|
-
position: absolute;
|
|
777
|
-
left: 0;
|
|
778
|
-
right: 0;
|
|
779
|
-
top: 0;
|
|
780
|
-
bottom: 0;
|
|
781
|
-
z-index: 0;
|
|
782
|
-
}
|
|
783
|
-
|
|
784
|
-
.CodeMirror-linewidget {
|
|
785
|
-
position: relative;
|
|
786
|
-
/* z-index: 2; */
|
|
787
|
-
padding: 0.1px; /* Force widget margins to stay inside of the container */
|
|
788
|
-
}
|
|
789
|
-
|
|
790
|
-
.CodeMirror-widget {
|
|
791
|
-
}
|
|
792
|
-
|
|
793
|
-
.CodeMirror-rtl pre {
|
|
794
|
-
direction: rtl;
|
|
795
|
-
}
|
|
796
|
-
|
|
797
|
-
.CodeMirror-code {
|
|
798
|
-
outline: none;
|
|
799
|
-
}
|
|
800
|
-
|
|
801
|
-
/* Force content-box sizing for the elements where we expect it */
|
|
802
|
-
.CodeMirror-scroll,
|
|
803
|
-
.CodeMirror-sizer,
|
|
804
|
-
.CodeMirror-gutter,
|
|
805
|
-
.CodeMirror-gutters,
|
|
806
|
-
.CodeMirror-linenumber {
|
|
807
|
-
-moz-box-sizing: content-box;
|
|
808
|
-
box-sizing: content-box;
|
|
809
|
-
}
|
|
810
|
-
|
|
811
|
-
.CodeMirror-measure {
|
|
812
|
-
position: absolute;
|
|
813
|
-
width: 100%;
|
|
814
|
-
height: 0;
|
|
815
|
-
overflow: hidden;
|
|
816
|
-
visibility: hidden;
|
|
817
|
-
}
|
|
818
|
-
|
|
819
|
-
.CodeMirror-cursor {
|
|
820
|
-
position: absolute;
|
|
821
|
-
pointer-events: none;
|
|
822
|
-
border-color: ${({theme:t})=>`${t.colors.neutral800}`};
|
|
823
|
-
}
|
|
824
|
-
.CodeMirror-measure pre {
|
|
825
|
-
position: static;
|
|
826
|
-
}
|
|
827
|
-
|
|
828
|
-
div.CodeMirror-cursors {
|
|
829
|
-
visibility: hidden;
|
|
830
|
-
position: relative;
|
|
831
|
-
+ div {
|
|
832
|
-
z-index: 0 !important;
|
|
833
|
-
}
|
|
834
|
-
}
|
|
835
|
-
|
|
836
|
-
div.CodeMirror-dragcursors {
|
|
837
|
-
visibility: visible;
|
|
838
|
-
}
|
|
839
|
-
|
|
840
|
-
.CodeMirror-focused div.CodeMirror-cursors {
|
|
841
|
-
visibility: visible;
|
|
842
|
-
}
|
|
843
|
-
|
|
844
|
-
.CodeMirror-selected {
|
|
845
|
-
background: ${({theme:t})=>t.colors.neutral200};
|
|
846
|
-
/* z-index: -10; */
|
|
847
|
-
}
|
|
848
|
-
.CodeMirror-crosshair {
|
|
849
|
-
cursor: crosshair;
|
|
850
|
-
}
|
|
851
|
-
|
|
852
|
-
/* Used to force a border model for a node */
|
|
853
|
-
.cm-force-border {
|
|
854
|
-
padding-right: 0.1px;
|
|
855
|
-
}
|
|
856
|
-
|
|
857
|
-
/* See issue #2901 */
|
|
858
|
-
.cm-tab-wrap-hack:after {
|
|
859
|
-
content: '';
|
|
860
|
-
}
|
|
861
|
-
|
|
862
|
-
/* Help users use markselection to safely style text background */
|
|
863
|
-
span.CodeMirror-selectedtext {
|
|
864
|
-
background: none;
|
|
865
|
-
}
|
|
866
|
-
|
|
867
|
-
span {
|
|
868
|
-
color: ${({theme:t})=>t.colors.neutral800} !important;
|
|
869
|
-
}
|
|
870
|
-
`;var Yu=Ao,Gu=c(65696),Qu=c(83643);const Ku=(t,o)=>`${t}${Math.floor(o*255).toString(16).padStart(2,0)}`,Xu=(0,Z.ZP)(M.k)`
|
|
871
|
-
background: ${({theme:t})=>Ku(t.colors.neutral800,.2)};
|
|
872
|
-
`,Ju=(0,Z.ZP)(Y.x)`
|
|
873
|
-
border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
874
|
-
`,_u=(0,Z.ZP)(Kn.Y)`
|
|
875
|
-
background-color: transparent;
|
|
876
|
-
border: none;
|
|
877
|
-
align-items: center;
|
|
878
|
-
|
|
879
|
-
svg {
|
|
880
|
-
margin-left: ${({theme:t})=>`${t.spaces[2]}`};
|
|
881
|
-
|
|
882
|
-
path {
|
|
883
|
-
fill: ${({theme:t})=>t.colors.neutral700};
|
|
884
|
-
width: ${12/16}rem;
|
|
885
|
-
height: ${12/16}rem;
|
|
886
|
-
}
|
|
887
|
-
}
|
|
888
|
-
`,Fo=({children:t,isExpandMode:o,error:s,previewContent:a,onCollapse:r})=>{const{formatMessage:i}=(0,H.Z)();return(0,y.F5)(o),o?e.createElement(Gu.h,{role:"dialog","aria-modal":!1},e.createElement(Qu.i,{onEscape:r},e.createElement(Xu,{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:4,justifyContent:"center",onClick:r},e.createElement(Y.x,{background:"neutral0",hasRadius:!0,shadow:"popupShadow",overflow:"hidden",width:"90%",height:"90%",onClick:l=>l.stopPropagation()},e.createElement(M.k,{height:"100%",alignItems:"flex-start"},e.createElement(Ju,{flex:"1",height:"100%"},t),e.createElement(M.k,{alignItems:"start",direction:"column",flex:1,height:"100%",width:"100%"},e.createElement(M.k,{height:(0,y.Q1)(48),background:"neutral100",justifyContent:"flex-end",shrink:0,width:"100%"},e.createElement(_u,{onClick:r},e.createElement(S.Z,null,i({id:"components.Wysiwyg.collapse",defaultMessage:"Collapse"})),e.createElement(Is.Z,null))),e.createElement(Y.x,{position:"relative",height:"100%",width:"100%"},e.createElement(Or,{data:a})))))))):e.createElement(Y.x,{borderColor:s?"danger600":"neutral200",borderStyle:"solid",borderWidth:"1px",hasRadius:!0},t)};Fo.defaultProps={error:void 0,previewContent:""},Fo.propTypes={children:n().node.isRequired,error:n().string,isExpandMode:n().bool.isRequired,previewContent:n().string,onCollapse:n().func.isRequired};const Pr=(t,o)=>{let s;switch(t){case"Strikethrough":s=`~~${o}~~`;break;case"Bold":s=`**${o}**`;break;case"Italic":s=`_${o}_`;break;case"Underline":s=`<u>${o}</u>`;break;case"Code":s=`\`\`\`
|
|
889
|
-
${o}
|
|
890
|
-
\`\`\``;break;case"Link":s=`[${o}](link)`;break;case"Quote":s=`>${o}`;break;default:s=o}return s},xr=t=>{let o,s={start:t.length,end:0};switch(t){case"Strikethrough":o=`~~${t}~~`,s.end=2;break;case"Bold":o=`**${t}**`,s.end=2;break;case"Italic":o=`_${t}_`,s.end=1;break;case"alt":o=`[${t}]()`,s.end=3;break;case"Underline":o=`<u>${t}</u>`,s.end=4;break;case"Code":o=`\`\`\`
|
|
891
|
-
${t}
|
|
892
|
-
\`\`\``,s.end=3;break;case"Link":o=`[${t}](link)`,s.end=7;break;case"Quote":o=`>${t}`,s.end=0;break;default:o=""}return{editedText:o,selection:s}},Lr=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},Zr=(t,o)=>{const s=t.current.getSelection();let a;if(s){const r=Pr(o,s);t.current.replaceSelection(r),t.current.focus()}else{a=xr(o),t.current.replaceSelection(a.editedText),t.current.focus();const{line:r,ch:i}=t.current.getCursor(),l=i-a.selection.end,d=i-a.selection.end-a.selection.start;t.current.setSelection({line:r,ch:d},{line:r,ch:l})}},em=(t,o)=>{const s=t.current.getDoc(),a=o==="BulletList"?"- ":"1. ";if(s.somethingSelected()){const r=s.listSelections();let i=null;t.current.operation(function(){r.forEach(function(l){const d=[l.head.line,l.anchor.line].sort();i==null&&(i=s.getLine(d[0]).startsWith(a));for(let u=d[0];u<=d[1];u++)if(i)s.getLine(u).startsWith(a)&&s.replaceRange("",{line:u,ch:0},{line:u,ch:a.length});else{const m=o==="BulletList"?"- ":`${u+1}. `;s.replaceRange(m,{line:u,ch:0})}})})}else{let{line:r}=s.getCursor();const i=Lr(o),l=t.current.getLine(r),d=i+l;t.current.setSelection({line:r,ch:0},{line:r,ch:l.length}),t.current.replaceSelection(d)}t.current.focus()},tm=(t,o)=>{let{line:s}=t.current.getCursor();const a=Lr(o),r=t.current.getLine(s),i=r.replace(/#{1,6}\s/g,"").trim(),l=a+i;t.current.setSelection({line:s,ch:0},{line:s,ch:r.length}),t.current.replaceSelection(l),setTimeout(()=>{const d=t.current.getLine(s).length;t.current.focus(),t.current.setCursor({line:s,ch:d})},0)},nm=(t,o)=>{let{line:s,ch:a}=t.current.getCursor();o.forEach((r,i)=>{let l=t.current.getLine(s).length;t.current.setCursor({line:s,ch:l}),(i>0||i===0&&a!==0)&&(l=t.current.getLine(s).length,t.current.setCursor({line:s,ch:l}),s++,t.current.replaceSelection(`
|
|
893
|
-
`)),r.mime.includes("image")?t.current.replaceSelection(``):t.current.replaceSelection(`[${r.alt}](${r.url})`)}),setTimeout(()=>t.current.focus(),0)},om=(t,o,s,a,r)=>{const i=Pr(o,r),l=t.current.getRange({line:s+1,ch:0},{line:1/0,ch:1/0});if(t.current.replaceRange("",{line:s+1,ch:0},{line:1/0,ch:1/0}),t.current.replaceSelection(""),t.current.setCursor({line:s,ch:a}),t.current.replaceSelection(`
|
|
894
|
-
`),t.current.replaceSelection(i),o==="Code"){let{line:d}=t.current.getCursor();t.current.setCursor({line:d-1,ch:r.length})}t.current.replaceRange(l,{line:s+4,ch:0},{line:1/0,ch:1/0}),t.current.focus()},sm=(t,o,s,a)=>{const r=xr(o),i=t.current.getRange({line:s+1,ch:0},{line:1/0,ch:1/0});if(t.current.replaceRange("",{line:s+1,ch:0},{line:1/0,ch:1/0}),t.current.setCursor({line:s,ch:a}),t.current.replaceSelection(`
|
|
895
|
-
`),t.current.replaceSelection(r.editedText),o==="Code")s+=2,t.current.setSelection({line:s,ch:0},{line:s,ch:4});else{s+=1;let{ch:l}=t.current.getCursor(),d=l-r.selection.end,u=l-r.selection.end-r.selection.start;t.current.setSelection({line:s,ch:u},{line:s,ch:d})}t.current.replaceRange(i,{line:s+2,ch:0},{line:1/0,ch:1/0}),t.current.focus()},rm=(t,o)=>{const s=t.current.getSelection();let{line:a}=t.current.getCursor(),r=t.current.getLine(a).length;s?om(t,o,a,r,s):sm(t,o,a,r)},$e=(0,Z.ZP)(Re.h)`
|
|
896
|
-
padding: ${({theme:t})=>t.spaces[2]};
|
|
897
|
-
/* Trick to prevent the outline from overflowing because of the general outline-offset */
|
|
898
|
-
outline-offset: -2px !important;
|
|
899
|
-
|
|
900
|
-
svg {
|
|
901
|
-
width: ${18/16}rem;
|
|
902
|
-
height: ${18/16}rem;
|
|
903
|
-
}
|
|
904
|
-
`,am=(0,Z.ZP)($e)`
|
|
905
|
-
svg {
|
|
906
|
-
width: ${8/16}rem;
|
|
907
|
-
height: ${8/16}rem;
|
|
908
|
-
}
|
|
909
|
-
`,Sr=(0,Z.ZP)(Re.o)`
|
|
910
|
-
margin-left: ${({theme:t})=>t.spaces[4]};
|
|
911
|
-
`,Ar=(0,Z.ZP)(Re.h)`
|
|
912
|
-
margin: ${({theme:t})=>`0 ${t.spaces[2]}`};
|
|
913
|
-
padding: ${({theme:t})=>t.spaces[2]};
|
|
914
|
-
|
|
915
|
-
svg {
|
|
916
|
-
width: ${18/16}rem;
|
|
917
|
-
height: ${18/16}rem;
|
|
918
|
-
}
|
|
919
|
-
`,im=(0,Z.ZP)(Re.o)`
|
|
920
|
-
margin-right: ${({theme:t})=>`${t.spaces[2]}`};
|
|
921
|
-
`,lm=(0,Z.ZP)(Kn.Y)`
|
|
922
|
-
background-color: transparent;
|
|
923
|
-
border: none;
|
|
924
|
-
align-items: center;
|
|
925
|
-
|
|
926
|
-
svg {
|
|
927
|
-
margin-left: ${({theme:t})=>`${t.spaces[2]}`};
|
|
928
|
-
path {
|
|
929
|
-
fill: ${({theme:t})=>t.colors.neutral700};
|
|
930
|
-
width: ${12/16}rem;
|
|
931
|
-
height: ${12/16}rem;
|
|
932
|
-
}
|
|
933
|
-
}
|
|
934
|
-
`,$o=({onToggleExpand:t})=>{const{formatMessage:o}=(0,H.Z)();return e.createElement(Y.x,{padding:2,background:"neutral100",hasRadius:!0},e.createElement(M.k,{justifyContent:"flex-end",alignItems:"flex-end"},e.createElement(lm,{id:"expand",onClick:t},e.createElement(S.Z,null,o({id:"components.WysiwygBottomControls.fullscreen",defaultMessage:"Expand"})),e.createElement(Os.Z,null))))};$o.defaultProps={onToggleExpand(){}},$o.propTypes={onToggleExpand:n().func};var cm=$o;const Bo=({disabled:t,editorRef:o,isExpandMode:s,isPreviewMode:a,onActionClick:r,onToggleMediaLib:i,onTogglePreviewMode:l})=>{const[d,u]=(0,e.useState)(!1),{formatMessage:m}=(0,H.Z)(),p=m({id:"components.Wysiwyg.selectOptions.title",defaultMessage:"Add a title"}),g=(0,e.useRef)(),h=()=>{u(f=>!f)};return t||a?e.createElement(M.k,{padding:2,background:"neutral100",justifyContent:"space-between"},e.createElement(Fr,null,e.createElement(ze.P,{disabled:!0,placeholder:p,size:"S",label:p},e.createElement(ke.W,{value:"h1"},"h1"),e.createElement(ke.W,{value:"h2"},"h2"),e.createElement(ke.W,{value:"h3"},"h3"),e.createElement(ke.W,{value:"h4"},"h4"),e.createElement(ke.W,{value:"h5"},"h5"),e.createElement(ke.W,{value:"h6"},"h6")),e.createElement(Sr,null,e.createElement($e,{disabled:!0,label:"Bold",name:"Bold",icon:e.createElement(Ht.Z,null)}),e.createElement($e,{disabled:!0,label:"Italic",name:"Italic",icon:e.createElement(Gt.Z,null)}),e.createElement($e,{disabled:!0,label:"Underline",name:"Underline",icon:e.createElement(Qt.Z,null)})),e.createElement(Ar,{disabled:!0,label:"More",icon:e.createElement(so.Z,null)})),!s&&e.createElement(ue.z,{onClick:l,variant:"tertiary"},m({id:"components.Wysiwyg.ToggleMode.markdown-mode",defaultMessage:"Markdown mode"}))):e.createElement(M.k,{padding:2,background:"neutral100",justifyContent:"space-between"},e.createElement(Fr,null,e.createElement(ze.P,{placeholder:p,label:p,size:"S",onChange:f=>r(f,o)},e.createElement(ke.W,{value:"h1"},"h1"),e.createElement(ke.W,{value:"h2"},"h2"),e.createElement(ke.W,{value:"h3"},"h3"),e.createElement(ke.W,{value:"h4"},"h4"),e.createElement(ke.W,{value:"h5"},"h5"),e.createElement(ke.W,{value:"h6"},"h6")),e.createElement(Sr,null,e.createElement($e,{onClick:()=>r("Bold",o),label:"Bold",name:"Bold",icon:e.createElement(Ht.Z,null)}),e.createElement($e,{onClick:()=>r("Italic",o),label:"Italic",name:"Italic",icon:e.createElement(Gt.Z,null)}),e.createElement($e,{onClick:()=>r("Underline",o),label:"Underline",name:"Underline",icon:e.createElement(Qt.Z,null)})),e.createElement(Ar,{ref:g,onClick:h,label:"More",icon:e.createElement(so.Z,null)}),d&&e.createElement(co.J2,{onDismiss:h,centered:!0,source:g,spacing:4},e.createElement(M.k,null,e.createElement(im,null,e.createElement($e,{onClick:()=>r("Strikethrough",o,h),label:"Strikethrough",name:"Strikethrough",icon:e.createElement(On.Z,null)}),e.createElement($e,{onClick:()=>r("BulletList",o,h),label:"BulletList",name:"BulletList",icon:e.createElement(Rn.Z,null)}),e.createElement($e,{onClick:()=>r("NumberList",o,h),label:"NumberList",name:"NumberList",icon:e.createElement(tr.Z,null)})),e.createElement(Re.o,null,e.createElement($e,{onClick:()=>r("Code",o,h),label:"Code",name:"Code",icon:e.createElement(Yt.Z,null)}),e.createElement($e,{onClick:()=>{h(),i()},label:"Image",name:"Image",icon:e.createElement(kn.Z,null)}),e.createElement(am,{onClick:()=>r("Link",o,h),label:"Link",name:"Link",icon:e.createElement(Tn.Z,null)}),e.createElement($e,{onClick:()=>r("Quote",o,h),label:"Quote",name:"Quote",icon:e.createElement(Dn.Z,null)}))))),l&&e.createElement(ue.z,{onClick:l,variant:"tertiary"},m({id:"components.Wysiwyg.ToggleMode.preview-mode",defaultMessage:"Preview mode"})))};Bo.defaultProps={isPreviewMode:!1,onActionClick(){},onToggleMediaLib(){},onTogglePreviewMode:void 0},Bo.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 dm=Bo;const Fr=(0,Z.ZP)(M.k)`
|
|
935
|
-
/* Hide the label, every input needs a label. */
|
|
936
|
-
label {
|
|
937
|
-
border: 0;
|
|
938
|
-
clip: rect(0 0 0 0);
|
|
939
|
-
height: 1px;
|
|
940
|
-
margin: -1px;
|
|
941
|
-
overflow: hidden;
|
|
942
|
-
padding: 0;
|
|
943
|
-
position: absolute;
|
|
944
|
-
width: 1px;
|
|
945
|
-
}
|
|
946
|
-
`,um=(0,Z.ZP)(Y.x)`
|
|
947
|
-
svg path {
|
|
948
|
-
fill: ${({theme:t})=>t.colors.neutral500};
|
|
949
|
-
}
|
|
950
|
-
`,mm=(0,Z.ZP)(S.Z)`
|
|
951
|
-
line-height: 0;
|
|
952
|
-
`,wo=(0,e.forwardRef)(({hint:t,disabled:o,error:s,intlLabel:a,labelAction:r,name:i,onChange:l,placeholder:d,value:u,required:m},p)=>{const{formatMessage:g}=(0,H.Z)(),h=(0,e.useRef)(null),f=(0,e.useRef)(null),[E,v]=(0,e.useState)(!1),[P,C]=(0,e.useState)(!1),[T,R]=(0,e.useState)(!1),{components:A}=(0,y.yX)(),L=A["media-library"],O=()=>C(G=>!G),q=()=>v(G=>!G),W=()=>{v(!1),R(G=>!G)},D=(G,X,F)=>{switch(G){case"Link":case"Strikethrough":{Zr(X,G),F();break}case"Code":case"Quote":{rm(X,G),F();break}case"Bold":case"Italic":case"Underline":{Zr(X,G);break}case"BulletList":case"NumberList":{em(X,G),F();break}case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":{tm(X,G);break}default:}},z=G=>{const X=G.map(F=>({alt:F.alternativeText||F.name,url:(0,y.CR)(F.url),mime:F.mime}));nm(f,X),C(!1)},J=d?g({id:d.id,defaultMessage:d.defaultMessage},{...d.values}):"",$=a.id?g({id:a.id,defaultMessage:a.defaultMessage},{...a.values}):i;return e.createElement(e.Fragment,null,e.createElement(M.k,{direction:"column",alignItems:"stretch",gap:1},e.createElement(M.k,{gap:1},e.createElement(S.Z,{variant:"pi",fontWeight:"bold",textColor:"neutral800"},$,m&&e.createElement(mm,{textColor:"danger600"},"*")),r&&e.createElement(um,{paddingLeft:1},r)),e.createElement(Fo,{isExpandMode:T,error:s,previewContent:u,onCollapse:W},e.createElement(dm,{isExpandMode:T,editorRef:f,isPreviewMode:E,onActionClick:D,onToggleMediaLib:O,onTogglePreviewMode:T?void 0:q,disabled:o}),e.createElement(Yu,{disabled:o,isExpandMode:T,editorRef:f,error:s,isPreviewMode:E,name:i,onChange:l,placeholder:J,textareaRef:h,value:u,ref:p}),!T&&e.createElement(cm,{onToggleExpand:W})),e.createElement(Xs,{hint:t,name:i,error:s})),s&&e.createElement(Y.x,{paddingTop:1},e.createElement(S.Z,{variant:"pi",textColor:"danger600","data-strapi-field-error":!0},s)),P&&e.createElement(L,{onClose:O,onSelectAssets:z}))});wo.defaultProps={disabled:!1,error:"",labelAction:void 0,placeholder:null,required:!1,value:"",hint:""},wo.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 pm=wo;function gm(t,o){return s=>{const a=o(s.keys);return e.createElement(t,{...s,...a})}}var fm=gm,hm=(t,o=!1)=>[{metadatas:{intlLabel:{id:"components.InputSelect.option.placeholder",defaultMessage:"Choose here"},disabled:o,hidden:o},key:"__enum_option_null",value:""},...t.map(s=>({metadatas:{intlLabel:{id:s,defaultMessage:s},hidden:!1,disabled:!1},key:s,value:s}))],ym=c(59578),Em=c.n(ym),bm=(t="")=>{switch(Em()(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 vm(t){const{createActionAllowedFields:o,formErrors:s,isCreatingEntry:a,modifiedData:r,onChange:i,readActionAllowedFields:l,shouldNotRunValidations:d,updateActionAllowedFields:u}=(0,y.Wq)(),m=(0,e.useMemo)(()=>a?o:u,[a,o,u]),p=(0,e.useMemo)(()=>a?[]:l,[a,l]),g=w()(r,t,null);return{allowedFields:m,formErrors:s,isCreatingEntry:a,onChange:i,readableFields:p,shouldNotRunValidations:d,value:g}}var Cm=vm,$r=["type","model","via","collection","default","plugin","enum","regex","pluginOptions"];function No({allowedFields:t,componentUid:o,fieldSchema:s,formErrors:a,isCreatingEntry:r,keys:i,labelAction:l,metadatas:d,onChange:u,readableFields:m,shouldNotRunValidations:p,queryInfos:g,value:h,size:f,customFieldInputs:E}){const{fields:v}=(0,y.yX)(),{formatMessage:P}=(0,H.Z)(),{contentType:C}=(0,ve.PL)(),T=(0,e.useMemo)(()=>!w()(d,"editable",!0),[d]),{type:R,customField:A}=s,L=w()(a,[i],null),O=(0,e.useMemo)(()=>(0,b.Ts)(i),[i]),q=(0,e.useMemo)(()=>{const V=qc()(s,p?[...$r,"required","minLength"]:$r),Q=s.regex||null;if(Q){const oe=new RegExp(Q);oe&&(V.regex=oe)}return V},[s,p]),W=(0,e.useMemo)(()=>w()(q,["required"],!1),[q]),D=(0,e.useMemo)(()=>{const V=w()(C,["attributes"],{});return w()(V,[O[0],"type"],null)==="dynamiczone"},[C,O]),z=bm(R),J=R==="media"&&!h?[]:h,$=(0,e.useMemo)(()=>{const V=O.join(".");if(t.includes(V))return!0;if(D)return t.includes(O[0]);if(O.length>1){const oe=wt()(O,O.length-1).join(".");return t.includes(oe)}return!1},[t,O,D]),G=(0,e.useMemo)(()=>{const V=O.join(".");if(m.includes(V))return!0;if(D)return m.includes(O[0]);if(O.length>1){const oe=wt()(O,O.length-1).join(".");return m.includes(oe)}return!1},[m,O,D]),X=(0,e.useMemo)(()=>G||$,[$,G]),F=(0,e.useMemo)(()=>r?T:G&&!$?!0:T,[T,r,$,G]),k=(0,e.useMemo)(()=>hm(s.enum||[],W),[s,W]),{label:I,description:B,placeholder:te,visible:j}=d;if(j===!1)return null;if(!X)return e.createElement(y.X0,{description:B?{id:B,defaultMessage:B}:null,intlLabel:{id:I,defaultMessage:I},labelAction:l,error:L&&P(L),name:i,required:W});if(R==="relation")return e.createElement(gu,{...d,...s,componentUid:o,description:d.description?P({id:d.description,defaultMessage:d.description}):void 0,intlLabel:{id:d.label,defaultMessage:d.label},labelAction:l,isUserAllowedToEditField:$,isUserAllowedToReadField:G,name:i,placeholder:d.placeholder?{id:d.placeholder,defaultMessage:d.placeholder}:null,queryInfos:g,size:f,value:h,error:L&&P(L)});const K={uid:bo,media:v.media,wysiwyg:pm,blocks:wd,...v,...E};return e.createElement(y.jm,{attribute:s,autoComplete:"new-password",intlLabel:{id:I,defaultMessage:I},isNullable:z==="bool"&&[null,void 0].includes(s.default),description:B?{id:B,defaultMessage:B}:null,disabled:F,error:L,labelAction:l,contentTypeUID:C.uid,customInputs:K,multiple:s.multiple||!1,name:i,onChange:u,options:k,placeholder:te?{id:te,defaultMessage:te}:null,required:s.required||!1,step:Rm(R),type:A||z,value:J,withDefaultValue:!1})}No.defaultProps={componentUid:void 0,formErrors:{},labelAction:void 0,size:void 0,value:null,queryInfos:{},customFieldInputs:{}},No.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 Rm=t=>{switch(t){case"float":case"decimal":return .01;default:return 1}},Mm=(0,e.memo)(No,Be());var jo=fm(Mm,Cm);const Wo=({componentUid:t,isFromDynamicZone:o,isNested:s,name:a})=>{const{getComponentLayout:r}=(0,ve.PL)(),l=(0,e.useMemo)(()=>r(t),[t,r]).layouts.edit,{lazyComponentStore:d}=ao();return e.createElement(Y.x,{background:o?"":"neutral100",paddingLeft:6,paddingRight:6,paddingTop:6,paddingBottom:6,hasRadius:s,borderColor:s?"neutral200":""},e.createElement(M.k,{direction:"column",alignItems:"stretch",gap:6},l.map((u,m)=>e.createElement(Le.r,{gap:4,key:m},u.map(({name:p,size:g,metadatas:h,fieldSchema:f,queryInfos:E})=>{const v=f.type==="component",P=`${a}.${p}`;if(v){const C=f.component;return e.createElement(Ce.P,{col:g,s:12,xs:12,key:p},e.createElement(on,{componentUid:C,intlLabel:{id:h.label,defaultMessage:h.label},isNested:!0,isRepeatable:f.repeatable,max:f.max,min:f.min,name:P,required:f.required||!1}))}return e.createElement(Ce.P,{col:g,key:p,s:12,xs:12},e.createElement(jo,{componentUid:t,keys:P,fieldSchema:f,metadatas:h,queryInfos:E,size:g,customFieldInputs:d}))})))))};Wo.defaultProps={isFromDynamicZone:!1,isNested:!1},Wo.propTypes={componentUid:n().string.isRequired,isFromDynamicZone:n().bool,isNested:n().bool,name:n().string.isRequired};var Tm=Wo;const km=(0,Z.ZP)(Y.x)`
|
|
953
|
-
overflow: hidden;
|
|
954
|
-
border-bottom: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
955
|
-
border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
956
|
-
border-left: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
957
|
-
border-radius: 0 0 ${({theme:t})=>t.borderRadius} ${({theme:t})=>t.borderRadius};
|
|
958
|
-
`,Dm=(0,Z.ZP)(Y.x)`
|
|
959
|
-
border-bottom: none;
|
|
960
|
-
|
|
961
|
-
/* add the borders and make sure the top is transparent to avoid jumping with the hover effect */
|
|
962
|
-
& > div > div {
|
|
963
|
-
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
964
|
-
border-top-color: transparent;
|
|
965
|
-
}
|
|
966
|
-
|
|
967
|
-
/* the top accordion _does_ need a border though */
|
|
968
|
-
& > div:first-child > div {
|
|
969
|
-
border-top: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
970
|
-
}
|
|
971
|
-
|
|
972
|
-
/* Reset all the border-radius' */
|
|
973
|
-
& > div > div,
|
|
974
|
-
& > div > div > div {
|
|
975
|
-
border-radius: unset;
|
|
976
|
-
}
|
|
977
|
-
|
|
978
|
-
/* Give the border radius back to the first accordion */
|
|
979
|
-
& > div:first-child > div,
|
|
980
|
-
& > div:first-child > div > div {
|
|
981
|
-
border-radius: ${({theme:t})=>t.borderRadius} ${({theme:t})=>t.borderRadius} 0 0;
|
|
982
|
-
}
|
|
983
|
-
|
|
984
|
-
& > div > div[data-strapi-expanded='true'] {
|
|
985
|
-
border: 1px solid ${({theme:t})=>t.colors.primary600};
|
|
986
|
-
}
|
|
987
|
-
`,qo=({children:t,error:o})=>{const{formatMessage:s}=(0,H.Z)();return e.createElement(Gs.k,{attributeName:"data-strapi-accordion-toggle"},t,o&&e.createElement(Y.x,{paddingTop:1},e.createElement(S.Z,{variant:"pi",textColor:"danger600"},s({id:o.id,defaultMessage:o.defaultMessage},{...o.values}))))};qo.defaultProps={error:void 0},qo.propTypes={children:n().node.isRequired,error:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object})};var Im=c(41119),Br=c.n(Im);const Om=Z.ZP.span`
|
|
988
|
-
display: block;
|
|
989
|
-
background-color: ${({theme:t})=>t.colors.primary100};
|
|
990
|
-
outline: 1px dashed ${({theme:t})=>t.colors.primary500};
|
|
991
|
-
outline-offset: -1px;
|
|
992
|
-
padding: ${({theme:t})=>t.spaces[6]};
|
|
993
|
-
`;var Pm=()=>e.createElement(Om,{padding:6,background:"primary100"});const xm=(0,Z.ZP)(Re.h)`
|
|
994
|
-
background-color: transparent;
|
|
995
|
-
|
|
996
|
-
svg {
|
|
997
|
-
path {
|
|
998
|
-
fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:t.colors.neutral600};
|
|
999
|
-
}
|
|
1000
|
-
}
|
|
1001
|
-
|
|
1002
|
-
&:hover {
|
|
1003
|
-
svg {
|
|
1004
|
-
path {
|
|
1005
|
-
fill: ${({theme:t})=>t.colors.primary600};
|
|
1006
|
-
}
|
|
1007
|
-
}
|
|
1008
|
-
}
|
|
1009
|
-
`,Lm=(0,Z.ZP)(M.k)`
|
|
1010
|
-
& .drag-handle {
|
|
1011
|
-
background: unset;
|
|
1012
|
-
|
|
1013
|
-
svg {
|
|
1014
|
-
path {
|
|
1015
|
-
fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:void 0};
|
|
1016
|
-
}
|
|
1017
|
-
}
|
|
1018
|
-
|
|
1019
|
-
&:hover {
|
|
1020
|
-
svg {
|
|
1021
|
-
path {
|
|
1022
|
-
/* keeps the hover style of the accordion */
|
|
1023
|
-
fill: ${({theme:t})=>t.colors.primary600};
|
|
1024
|
-
}
|
|
1025
|
-
}
|
|
1026
|
-
}
|
|
1027
|
-
}
|
|
1028
|
-
`,zo=({componentFieldName:t,componentUid:o,fields:s,index:a,isOpen:r,isReadOnly:i,mainField:l,moveComponentField:d,onClickToggle:u,toggleCollapses:m,onGrabItem:p,onDropItem:g,onCancel:h})=>{const{modifiedData:f,removeRepeatableField:E,triggerFormValidation:v}=(0,y.Wq)(),P=Br()(w()(f,[...t.split("."),l],"")),C=(0,e.useRef)(null),{formatMessage:T}=(0,H.Z)(),R=t.split(".").slice(0,-1).join("."),[{handlerId:A,isDragging:L,handleKeyDown:O},q,W,D,z]=(0,Cr.Y)(!i,{type:`${b._Q.COMPONENT}_${R}`,index:a,item:{displayedValue:P},onMoveItem:d,onStart(){m()},onEnd(){v()},onGrabItem:p,onDropItem:g,onCancel:h});(0,e.useEffect)(()=>{z((0,Lt.rX)(),{captureDraggingState:!1})},[z,a]);const J=(0,b.FE)(C,D),$=(0,b.FE)(q,W),{lazyComponentStore:G}=ao();return e.createElement(Y.x,{ref:$},L?e.createElement(Pm,null):e.createElement(_n.U,{expanded:r,onToggle:u,id:t,size:"S"},e.createElement(eo.B,{action:i?null:e.createElement(Lm,{gap:0,expanded:r},e.createElement(xm,{expanded:r,noBorder:!0,onClick:()=>{E(t),m()},label:T({id:(0,b.OB)("containers.Edit.delete"),defaultMessage:"Delete"}),icon:e.createElement(Ge.Z,null)}),e.createElement(Re.h,{className:"drag-handle",ref:J,forwardedAs:"div",role:"button",noBorder:!0,tabIndex:0,onClick:X=>X.stopPropagation(),"data-handler-id":A,label:T({id:(0,b.OB)("components.DragHandle-label"),defaultMessage:"Drag"}),onKeyDown:O},e.createElement(rt.Z,null))),title:P,togglePosition:"left"}),e.createElement(to.v,null,e.createElement(M.k,{direction:"column",alignItems:"stretch",background:"neutral100",padding:6,gap:6},s.map((X,F)=>e.createElement(Le.r,{gap:4,key:F},X.map(({name:k,fieldSchema:I,metadatas:B,queryInfos:te,size:j})=>{const K=I.type==="component",V=`${t}.${k}`;if(K){const Q=I.component;return e.createElement(Ce.P,{col:j,s:12,xs:12,key:k},e.createElement(on,{componentUid:Q,intlLabel:{id:B.label,defaultMessage:B.label},isRepeatable:I.repeatable,isNested:!0,name:V,max:I.max,min:I.min,required:I.required}))}return e.createElement(Ce.P,{key:V,col:j,s:12,xs:12},e.createElement(jo,{componentUid:o,fieldSchema:I,keys:V,metadatas:B,queryInfos:te,size:j,customFieldInputs:G}))})))))))};zo.defaultProps={componentUid:void 0,fields:[],isReadOnly:!1,isOpen:!1,onGrabItem:void 0,onDropItem:void 0,onCancel:void 0,toggleCollapses(){}},zo.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 Zm=(0,e.memo)(zo);function Sm(t,o={}){return Object.keys(o).filter(s=>s.startsWith(t)).map(s=>s.split(".").slice(0,t.split(".").length+1).join("."))}const Am=(0,Z.ZP)(Ro.A)`
|
|
1029
|
-
height: 100%;
|
|
1030
|
-
width: 100%;
|
|
1031
|
-
border-radius: 0 0 4px 4px;
|
|
1032
|
-
display: flex;
|
|
1033
|
-
justify-content: center;
|
|
1034
|
-
span {
|
|
1035
|
-
font-weight: 600;
|
|
1036
|
-
font-size: 14px;
|
|
1037
|
-
}
|
|
1038
|
-
`,Vo=({componentUid:t,componentValue:o,componentValueLength:s,isReadOnly:a,max:r,min:i,name:l})=>{const{addRepeatableComponentToField:d,formErrors:u,moveComponentField:m}=(0,y.Wq)(),p=(0,y.lm)(),{formatMessage:g}=(0,H.Z)(),[h,f]=(0,e.useState)(""),[E,v]=(0,e.useState)(""),{getComponentLayout:P,components:C}=(0,ve.PL)(),T=(0,e.useMemo)(()=>P(t),[t,P]),R=(0,y.aM)(),A=(0,e.useMemo)(()=>{if(R.has("field")){const j=R.get("field"),[,K]=j.split(`${l}.`);if(w()(o,K,void 0)!==void 0){const V=K.split(".");return w()(o,V[0],void 0)?.__temp_key__}}},[o,R,l]);(0,e.useEffect)(()=>{typeof A=="number"&&f(A)},[A]);const L=(0,e.useMemo)(()=>(0,b.Uo)(o||[])+1,[o]),O=Sm(l,u),q=i-s,W=w()(u,l,{id:""}).id.includes("min"),D=()=>{f("")},z=()=>{a||(s<r?(d(l,T,C,W),f(L)):s>=r&&p({type:"info",message:{id:(0,b.OB)("components.notification.info.maximum-requirement")}}))},J=(j,K)=>{v(g({id:(0,b.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:`${l}.${K}`,position:X(j)})),m({name:l,newIndex:j,currentIndex:K})},$=w()(T,["settings","mainField"],"id"),G=j=>()=>{f(h===j?"":j)},X=j=>`${j+1} of ${s}`,F=j=>{v(g({id:(0,b.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:`${l}.${j}`}))},k=j=>{v(g({id:(0,b.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:`${l}.${j}`,position:X(j)}))},I=j=>{v(g({id:(0,b.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:`${l}.${j}`,position:X(j)}))};let B=u[l];if(W?B={id:(0,b.OB)("components.DynamicZone.missing-components"),defaultMessage:"There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}",values:{number:q}}:O.some(j=>j.split(".").length>1)&&!W&&(B={id:(0,b.OB)("components.RepeatableComponent.error-message"),defaultMessage:"The component(s) contain error(s)"}),s===0)return e.createElement(Ks,{error:B,isReadOnly:a,onClick:z});const te=`${l}-item-instructions`;return e.createElement(Y.x,{hasRadius:!0},e.createElement(lt.T,{id:te},g({id:(0,b.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"})),e.createElement(lt.T,{"aria-live":"assertive"},E),e.createElement(qo,{error:B,ariaDescribedBy:te},e.createElement(Dm,{"aria-describedby":te},o.map(({__temp_key__:j},K)=>e.createElement(Zm,{componentFieldName:`${l}.${K}`,componentUid:t,fields:T.layouts.edit,key:j,index:K,isOpen:h===j,isReadOnly:a,mainField:$,moveComponentField:J,onClickToggle:G(j),toggleCollapses:D,onCancel:F,onDropItem:I,onGrabItem:k}))),e.createElement(km,null,e.createElement(M.k,{justifyContent:"center",height:"48px",background:"neutral0"},e.createElement(Am,{disabled:a,onClick:z,startIcon:e.createElement(Ct.Z,null)},g({id:(0,b.OB)("containers.EditView.add.new-entry"),defaultMessage:"Add an entry"}))))))};Vo.defaultProps={componentValue:null,componentValueLength:0,isReadOnly:!1,max:1/0,min:0},Vo.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 Fm=(0,e.memo)(Vo);const $m=(0,Z.ZP)(Y.x)`
|
|
1039
|
-
svg path {
|
|
1040
|
-
fill: ${({theme:t})=>t.colors.neutral500};
|
|
1041
|
-
}
|
|
1042
|
-
`,Uo=({intlLabel:t,id:o,labelAction:s,name:a,numberOfEntries:r,showNumberOfEntries:i,required:l})=>{const{formatMessage:d}=(0,H.Z)(),u=t?.id?d(t):a;return e.createElement(Y.x,{paddingBottom:1},e.createElement(M.k,null,e.createElement(S.Z,{textColor:"neutral800",htmlFor:o||a,variant:"pi",fontWeight:"bold",as:"label"},u,i&&e.createElement(e.Fragment,null,"\xA0(",r,")"),l&&e.createElement(S.Z,{textColor:"danger600"},"*")),s&&e.createElement($m,{paddingLeft:1},s)))};Uo.defaultProps={id:void 0,labelAction:void 0,numberOfEntries:0,required:!1,showNumberOfEntries:!1},Uo.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 Bm=Uo;function wm(t,o){return s=>{const a=o(s);return e.createElement(t,{...s,...a})}}var Nm=wm;function jm({isFromDynamicZone:t,name:o}){const{addNonRepeatableComponentToField:s,createActionAllowedFields:a,isCreatingEntry:r,modifiedData:i,removeComponentFromField:l,readActionAllowedFields:d,updateActionAllowedFields:u,formErrors:m}=(0,y.Wq)(),{contentType:p}=(0,ve.PL)(),g=(0,e.useMemo)(()=>{const T=w()(p,["attributes"],{});return Object.keys(T).filter(A=>w()(T,[A,"type"],"")==="dynamiczone")},[p]),h=(0,e.useMemo)(()=>r?a:u,[r,a,u]),f=w()(i,o,null),E=(0,e.useMemo)(()=>(0,b.Ts)(o),[o]),v=(0,e.useMemo)(()=>t&&r||h.filter(A=>A===E[0]).length>0?!0:h.map(A=>A.split(".")).filter(A=>A.length<E.length?!1:wt()(A,E.length).join(".")===E.join(".")).length>0,[t,r,h,E]),P=(0,e.useMemo)(()=>t||g.includes(E[0])?!0:(r?[]:d).map(A=>A.split(".")).filter(A=>A.length<E.length?!1:wt()(A,E.length).join(".")===E.join(".")).length>0,[t,g,E,r,d]),C=(0,e.useMemo)(()=>r||v?!1:P,[v,P,r]);return{addNonRepeatableComponentToField:s,formErrors:m,hasChildrenAllowedFields:v,hasChildrenReadableFields:P,isCreatingEntry:r,isReadOnly:C,removeComponentFromField:l,componentValue:f}}var Wm=jm;const Ho=({addNonRepeatableComponentToField:t,componentUid:o,intlLabel:s,isCreatingEntry:a,isFromDynamicZone:r,isRepeatable:i,isNested:l,labelAction:d,max:u,min:m,name:p,hasChildrenAllowedFields:g,hasChildrenReadableFields:h,isReadOnly:f,componentValue:E,removeComponentFromField:v,required:P})=>{const{formatMessage:C}=(0,H.Z)(),T=Nc()(E),R=E!==null||r,A=!i&&R&&!r&&g,{getComponentLayout:L,components:O}=(0,ve.PL)(),q=(0,e.useMemo)(()=>L(o),[o,L]);if(!g&&a)return e.createElement(y.X0,{labelAction:d,intlLabel:s,name:p});if(!g&&!a&&!h)return e.createElement(y.X0,{labelAction:d,intlLabel:s,name:p});const W=()=>{t(p,q,O)};return e.createElement(Y.x,null,e.createElement(M.k,{justifyContent:"space-between"},s&&e.createElement(Bm,{intlLabel:s,labelAction:d,name:p,numberOfEntries:T,showNumberOfEntries:i,required:P}),A&&e.createElement(Re.h,{label:C({id:(0,b.OB)("components.reset-entry"),defaultMessage:"Reset Entry"}),icon:e.createElement(Ge.Z,null),noBorder:!0,onClick:()=>{v(p,o)}})),e.createElement(M.k,{direction:"column",alignItems:"stretch",gap:1},!i&&!R&&e.createElement(Ks,{isReadOnly:f,onClick:W}),!i&&R&&e.createElement(Tm,{componentUid:o,isFromDynamicZone:r,isNested:l,name:p}),i&&e.createElement(Fm,{componentValue:E,componentValueLength:T,componentUid:o,isReadOnly:f,max:u,min:m,name:p})))};Ho.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},Ho.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 qm=(0,e.memo)(Ho,Be());var on=Nm(qm,Wm);const Yo=({componentUid:t,formErrors:o,index:s,isFieldAllowed:a,name:r,onRemoveComponentClick:i,onMoveComponent:l,onGrabItem:d,onDropItem:u,onCancel:m,dynamicComponentsByCategory:p,onAddComponent:g})=>{const[h,f]=(0,e.useState)(!0),{formatMessage:E}=(0,H.Z)(),{getComponentLayout:v}=(0,ve.PL)(),{modifiedData:P}=(0,y.Wq)(),{icon:C,friendlyName:T,mainValue:R}=(0,e.useMemo)(()=>{const k=v(t),{info:{icon:I,displayName:B}}=k,te=w()(k,["settings","mainField"],"id"),j=w()(P,[r,s,te])??"",K=te==="id"?"":String(j).trim(),V=K.length>0?` - ${K}`:K;return{friendlyName:B,icon:I,mainValue:V}},[t,v,P,r,s]),A=Object.keys(o).filter(k=>{const I=k.split(".");return`${I[0]}.${I[1]}`==`${r}.${s}`});let L;A.length>0&&(L=E({id:(0,b.OB)("components.DynamicZone.error-message"),defaultMessage:"The component contains error(s)"}));const O=()=>{f(k=>!k)},[{handlerId:q,isDragging:W,handleKeyDown:D},z,J,$,G]=(0,ve.Y9)(a,{type:`${b._Q.DYNAMIC_ZONE}_${r}`,index:s,item:{displayedValue:`${T}${R}`,icon:C},onMoveItem:l,onGrabItem:d,onDropItem:u,onCancel:m});(0,e.useEffect)(()=>{G((0,Lt.rX)(),{captureDraggingState:!1})},[G,s]);const X=(0,b.FE)(z,J),F=a?e.createElement(zm,{gap:0,expanded:h},e.createElement(Vm,{noBorder:!0,label:E({id:(0,b.OB)("components.DynamicZone.delete-label"),defaultMessage:"Delete {name}"},{name:T}),onClick:i},e.createElement(Ge.Z,null)),e.createElement(Re.h,{forwardedAs:"div",role:"button",noBorder:!0,tabIndex:0,onClick:k=>k.stopPropagation(),"data-handler-id":q,ref:$,label:E({id:(0,b.OB)("components.DragHandle-label"),defaultMessage:"Drag"}),onKeyDown:D},e.createElement(rt.Z,null)),e.createElement(fe.fC,null,e.createElement(fe.xz,{size:"S",endIcon:null,paddingLeft:2,paddingRight:2},e.createElement(so.Z,{"aria-hidden":!0,focusable:!1}),e.createElement(lt.T,{as:"span"},E({id:(0,b.OB)("components.DynamicZone.more-actions"),defaultMessage:"More actions"}))),e.createElement(fe.VY,null,e.createElement(fe.rl,null,e.createElement(fe.fF,null,E({id:(0,b.OB)("components.DynamicZone.add-item-above"),defaultMessage:"Add component above"})),e.createElement(fe.tu,null,Object.entries(p).map(([k,I])=>e.createElement(e.Fragment,{key:k},e.createElement(fe.__,null,k),I.map(({componentUid:B,info:{displayName:te}})=>e.createElement(Qs.sN,{key:B,onSelect:()=>g(B,s)},te)))))),e.createElement(fe.rl,null,e.createElement(fe.fF,null,E({id:(0,b.OB)("components.DynamicZone.add-item-below"),defaultMessage:"Add component below"})),e.createElement(fe.tu,null,Object.entries(p).map(([k,I])=>e.createElement(e.Fragment,{key:k},e.createElement(fe.__,null,k),I.map(({componentUid:B,info:{displayName:te}})=>e.createElement(Qs.sN,{key:B,onSelect:()=>g(B,s+1)},te))))))))):null;return e.createElement(Qm,{as:"li",width:"100%"},e.createElement(M.k,{justifyContent:"center"},e.createElement(Ym,{background:"neutral200"})),e.createElement(Um,{ref:X,hasRadius:!0},W?e.createElement(Gm,{padding:6,background:"primary100"}):e.createElement(_n.U,{expanded:h,onToggle:O,size:"S",error:L},e.createElement(eo.B,{startIcon:e.createElement(St,{icon:C,showBackground:!1,size:"S"}),action:F,title:`${T}${R}`,togglePosition:"left"}),e.createElement(to.v,null,e.createElement(Hm,{background:"neutral0"},e.createElement(on,{componentUid:t,icon:C,name:`${r}.${s}`,isFromDynamicZone:!0}))))))},zm=(0,Z.ZP)(M.k)`
|
|
1043
|
-
/*
|
|
1044
|
-
we need to remove the background from the button but we can't
|
|
1045
|
-
wrap the element in styled because it breaks the forwardedAs which
|
|
1046
|
-
we need for drag handler to work on firefox
|
|
1047
|
-
*/
|
|
1048
|
-
div[role='button'] {
|
|
1049
|
-
background: transparent;
|
|
1050
|
-
}
|
|
1051
|
-
`,Vm=(0,Z.ZP)(Re.h)`
|
|
1052
|
-
background-color: transparent;
|
|
1053
|
-
|
|
1054
|
-
svg path {
|
|
1055
|
-
fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:t.colors.neutral600};
|
|
1056
|
-
}
|
|
1057
|
-
`,Um=(0,Z.ZP)(Y.x)`
|
|
1058
|
-
> div:first-child {
|
|
1059
|
-
box-shadow: ${({theme:t})=>t.shadows.tableShadow};
|
|
1060
|
-
}
|
|
1061
|
-
`,Hm=(0,Z.ZP)(Y.x)`
|
|
1062
|
-
border-radius: 0 0 ${({theme:t})=>t.spaces[1]} ${({theme:t})=>t.spaces[1]};
|
|
1063
|
-
`,Ym=(0,Z.ZP)(Y.x)`
|
|
1064
|
-
width: ${({theme:t})=>t.spaces[2]};
|
|
1065
|
-
height: ${({theme:t})=>t.spaces[4]};
|
|
1066
|
-
`,Gm=Z.ZP.span`
|
|
1067
|
-
display: block;
|
|
1068
|
-
background-color: ${({theme:t})=>t.colors.primary100};
|
|
1069
|
-
outline: 1px dashed ${({theme:t})=>t.colors.primary500};
|
|
1070
|
-
outline-offset: -1px;
|
|
1071
|
-
padding: ${({theme:t})=>t.spaces[6]};
|
|
1072
|
-
`,Qm=(0,Z.ZP)(Y.x)`
|
|
1073
|
-
list-style: none;
|
|
1074
|
-
padding: 0;
|
|
1075
|
-
margin: 0;
|
|
1076
|
-
`;Yo.defaultProps={dynamicComponentsByCategory:{},formErrors:{},index:0,isFieldAllowed:!0,onAddComponent:void 0,onGrabItem:void 0,onDropItem:void 0,onCancel:void 0},Yo.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 Go=({label:t,labelAction:o,name:s,numberOfComponents:a,required:r,intlDescription:i})=>{const{formatMessage:l}=(0,H.Z)(),d=l({id:t||s,defaultMessage:t||s});return e.createElement(M.k,{justifyContent:"center"},e.createElement(Y.x,{paddingTop:3,paddingBottom:3,paddingRight:4,paddingLeft:4,borderRadius:"26px",background:"neutral0",shadow:"filterShadow",color:"neutral500"},e.createElement(M.k,{direction:"column",justifyContent:"center"},e.createElement(M.k,{maxWidth:(0,y.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,")"),r&&e.createElement(S.Z,{textColor:"danger600"},"*"),o&&e.createElement(Y.x,{paddingLeft:1},o)),i&&e.createElement(Y.x,{paddingTop:1,maxWidth:(0,y.Q1)(356)},e.createElement(S.Z,{variant:"pi",textColor:"neutral600",ellipsis:!0},l(i))))))};Go.defaultProps={intlDescription:void 0,label:"",labelAction:void 0,numberOfComponents:0,required:!1},Go.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 Qo=({name:t,labelAction:o,fieldSchema:s,metadatas:a})=>{const{max:r=1/0,min:i=-1/0,components:l=[],required:d=!1}=s,[u,m]=(0,e.useState)(!1),[p,g]=(0,e.useState)(""),{addComponentToDynamicZone:h,createActionAllowedFields:f,isCreatingEntry:E,formErrors:v,modifiedData:P,moveComponentField:C,removeComponentFromDynamicZone:T,readActionAllowedFields:R,updateActionAllowedFields:A}=(0,y.Wq)(),L=(0,e.useMemo)(()=>(P?.[t]??[]).map(x=>({componentUid:x.__component,id:x.id??x.__temp_key__})),[P,t]),{getComponentLayout:O,components:q}=(0,ve.PL)(),W=(0,e.useMemo)(()=>l.reduce((x,se)=>{const{category:he,info:De,attributes:Ne}=O(se),Ue={componentUid:se,info:De,attributes:Ne};return x[he]||(x[he]=[]),x[he]=[...x[he],Ue],x},{}),[l,O]),{formatMessage:D}=(0,H.Z)(),z=(0,y.lm)(),J=(0,e.useMemo)(()=>(E?f:A).includes(t),[t,E,f,A]),$=(0,e.useMemo)(()=>(E?[]:R).includes(t),[t,E,R]),G=L.length,X=a.description?{id:a.description,defaultMessage:a.description}:null,F=v[t],k=i-G,I=!!F,B=(x,se)=>{m(!1);const he=O(x);h(t,he,q,I,se)},te=()=>{G<r?m(x=>!x):z({type:"info",message:{id:(0,b.OB)("components.notification.info.maximum-requirement")}})},j=(x,se)=>{g(D({id:(0,b.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:`${t}.${se}`,position:K(x)})),C({name:t,newIndex:x,currentIndex:se})},K=x=>`${x+1} of ${L.length}`,V=x=>{g(D({id:(0,b.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:`${t}.${x}`}))},Q=x=>{g(D({id:(0,b.OB)("dnd.grab-item"),defaultMessage:"{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel."},{item:`${t}.${x}`,position:K(x)}))},oe=x=>{g(D({id:(0,b.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:`${t}.${x}`,position:K(x)}))},de=(x,se)=>()=>{T(x,se)},Ee=()=>u?D({id:"app.utils.close-label",defaultMessage:"Close"}):I&&F.id.includes("max")?D({id:"components.Input.error.validation.max",defaultMessage:"The value is too high."}):I&&F.id.includes("min")?D({id:(0,b.OB)("components.DynamicZone.missing-components"),defaultMessage:"There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}"},{number:k}):D({id:(0,b.OB)("components.DynamicZone.add-component"),defaultMessage:"Add a component to {componentName}"},{componentName:a.label||t});if(!J&&(E||!$&&!E))return e.createElement(y.X0,{description:X,intlLabel:{id:a.label,defaultMessage:a.label},labelAction:o,name:t});const ge=`${t}-item-instructions`;return e.createElement(M.k,{direction:"column",alignItems:"stretch",gap:6},G>0&&e.createElement(Y.x,null,e.createElement(Go,{intlDescription:X,label:a.label,labelAction:o,name:t,numberOfComponents:G,required:d}),e.createElement(lt.T,{id:ge},D({id:(0,b.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},L.map(({componentUid:x,id:se},he)=>e.createElement(Yo,{componentUid:x,formErrors:v,key:`${x}-${se}`,index:he,isFieldAllowed:J,name:t,onMoveComponent:j,onRemoveComponentClick:de(t,he),onCancel:V,onDropItem:oe,onGrabItem:Q,onAddComponent:B,dynamicComponentsByCategory:W})))),e.createElement(M.k,{justifyContent:"center"},e.createElement(Xn,{hasError:I,isDisabled:!J,isOpen:u,onClick:te},Ee())),e.createElement(oo,{dynamicComponentsByCategory:W,isOpen:u,onClickAddComponent:B}))};Qo.defaultProps={fieldSchema:{},labelAction:null},Qo.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 Km=c(86834),Ve=c.n(Km),wr=c(12788),Ko=c(99526),Xm=c(10268),Nr=c.n(Xm),Jm=c(56236),_m=c.n(Jm);const sn=["createdBy","updatedBy"];var ep=c(77236),tp=c.n(ep),np=c(85973),op=c.n(np);const sp=({browserState:t,serverState:o},s,a)=>{const r=o,i=t,l=(m,p)=>w()(m,["attributes",p,"type"],""),d=(m,p)=>w()(m,["attributes",...p],""),u=(m,p,g,h)=>Object.keys(m).reduce((f,E)=>{if(sn.includes(E))return f;const v=h?`${h}.${E}`:E,P=l(g,E),C=w()(m,E),T=w()(p,E),R=d(g,[E,"component"]),A=d(g,[E,"repeatable"]);let L;switch(P){case"json":L=JSON.parse(C);break;case"time":{L=C,C&&C.split(":").length<3&&(L=`${C}:00`);break}case"media":d(g,[E,"multiple"])===!0?L=C?C.filter(O=>!(O instanceof File)):null:L=w()(C,0)instanceof File?null:w()(C,"id",null);break;case"component":A?L=C&&C.map((O,q)=>u(O,(T??[])[q],a[R],`${v}.${q}`)):L=C&&u(C,T,a[R],v);break;case"relation":{const O=br(r,i)(v).join(".");let q=w()(r,O,[]);const W=C.reduce((z,J,$,G)=>{const X=q.find(k=>k.id===J.id),F=G[$+1];if(!X||X.__temp_key__!==J.__temp_key__){const k=F?{before:F.id}:{end:!0};return[...z,{id:J.id,position:k}]}return z},[]);L={disconnect:q.reduce((z,J)=>C.find($=>$.id===J.id)?z:[...z,{id:J.id}],[]),connect:W.reverse()};break}case"dynamiczone":L=C.map((O,q)=>u(O,(T??[])[q],a[O.__component],`${v}.${q}`));break;default:L=rp(C,"id")}return f[E]=L,f},{});return u(t,o,s,"")},rp=(t,o)=>tp()(t)?t.map(s=>s[o]?s[o]:s):op()(t)?t[o]:t;var ap=sp;const rn=(t,o=()=>!1,s=void 0)=>{const a=(r,i,{ignoreFalseyValues:l=!1,path:d=[],parent:u=i}={})=>Object.entries(i).reduce((m,[p,g])=>{if(l&&(m==null||m[p]===void 0||m[p]===null))return m;if(o(g,{path:[...d,p],parent:u})&&(m[p]=typeof s=="function"?s(m[p],{path:[...d,p],parent:m}):s),g.type==="component"){const h=t[g.component].attributes;!g.repeatable&&m[p]&&typeof m[p]=="object"?m[p]=a(m[p],h,{ignoreFalseyValues:l,path:[...d,p],parent:i[p]}):g.repeatable&&Array.isArray(m[p])&&(m[p]=m[p].map((f,E)=>a(f,h,{ignoreFalseyValues:l,path:[...d,p,E],parent:i[p]})))}else g.type==="dynamiczone"&&Array.isArray(m[p])&&(m[p]=m[p].map((h,f)=>{const E=t[h.__component].attributes;return a(h,E,{ignoreFalseyValues:l,path:[...d,p,f],parent:i[p]})}));return m},{...r});return a};var jr=(t,o,s,a)=>{const r=t.slice();return r.splice(o,1),r.splice(s,0,a),r};const ip={componentsDataStructure:{},contentTypeDataStructure:{},formErrors:{},initialData:{},modifiedData:null,shouldCheckErrors:!1,modifiedDZName:null,publishConfirmation:{show:!1,draftCount:0}};var lp=(t,o)=>(0,qn.ZP)(t,s=>{switch(o.type){case"ADD_NON_REPEATABLE_COMPONENT_TO_FIELD":{const{componentLayoutData:a,allComponents:r}=o,i={...t.componentsDataStructure[a.uid]},d=rn(r,u=>u.type==="relation",[])(i,a.attributes);ie()(s,["modifiedData",...o.keys],d);break}case"ADD_COMPONENT_TO_DYNAMIC_ZONE":case"ADD_REPEATABLE_COMPONENT_TO_FIELD":{const{keys:a,allComponents:r,componentLayoutData:i,shouldCheckErrors:l,position:d=void 0}=o;l&&(s.shouldCheckErrors=!t.shouldCheckErrors),o.type==="ADD_COMPONENT_TO_DYNAMIC_ZONE"&&(s.modifiedDZName=a[0]);const u=[...w()(t,["modifiedData",...a],[])];let m=d;m===void 0?m=u.length:m<0&&(m=0);const p=o.type==="ADD_COMPONENT_TO_DYNAMIC_ZONE"?{...t.componentsDataStructure[i.uid],__component:i.uid,__temp_key__:(0,b.Uo)(u)+1}:{...t.componentsDataStructure[i.uid],__temp_key__:(0,b.Uo)(u)+1},h=rn(r,f=>f.type==="relation",[])(p,i.attributes);u.splice(m,0,h),ie()(s,["modifiedData",...a],u);break}case"LOAD_RELATION":{const{initialDataPath:a,modifiedDataPath:r,value:i}=o,l=w()(t,a),d=w()(t,r),u=l?i.filter(g=>!l.some(h=>h.id===g.id)):i,m=(0,Ko.zJ)(null,d[0]?.__temp_key__,u.length),p=u.map((g,h)=>({...g,__temp_key__:m[h]}));ie()(s,a,Nr()([...p,...l],"id")),ie()(s,r,Nr()([...p,...d],"id"));break}case"CONNECT_RELATION":{const a=["modifiedData",...o.keys],{value:r,toOneRelation:i}=o;if(i)ie()(s,a,[r]);else{const l=w()(t,a),[d]=(0,Ko.zJ)(l.at(-1)?.__temp_key__,null,1),u=[...l,{...r,__temp_key__:d}];ie()(s,a,u)}break}case"DISCONNECT_RELATION":{const a=["modifiedData",...o.keys],{id:r}=o,l=w()(t,[...a]).filter(d=>d.id!==r);ie()(s,a,l);break}case"MOVE_COMPONENT_FIELD":case"REORDER_RELATION":{const{oldIndex:a,newIndex:r,keys:i}=o,l=["modifiedData",...i],d=w()(t,[...l]),u=d[a],m=[...d];if(o.type==="REORDER_RELATION"){const p=a>r?d[r-1]?.__temp_key__:d[r]?.__temp_key__,g=a>r?d[r]?.__temp_key__:d[r+1]?.__temp_key__,[h]=(0,Ko.zJ)(p,g,1);m.splice(a,1),m.splice(r,0,{...u,__temp_key__:h})}else m.splice(a,1),m.splice(r,0,u);ie()(s,l,m);break}case"INIT_FORM":{const{initialValues:a,components:r={},attributes:i={},setModifiedDataOnly:l}=o,d=Je()(a),m=rn(r,(h,{path:f})=>{const E=f[f.length-1],v=sn.includes(E);return h.type==="relation"&&!v},(h,{path:f})=>t.modifiedData?.id===d.id&&w()(t.modifiedData,f)?w()(t.modifiedData,f):[])(d,i),g=rn(r,h=>h.type==="dynamiczone"||h.type==="component"&&!h.repeatable,h=>Array.isArray(h)?h.map((f,E)=>({...f,__temp_key__:E})):{...h,__temp_key__:0})(m,i,{ignoreFalseyValues:!0});l||(s.initialData=g),s.modifiedData=g,s.formErrors={},s.modifiedDZName=null,s.shouldCheckErrors=!1;break}case"MOVE_COMPONENT_UP":case"MOVE_COMPONENT_DOWN":{const{currentIndex:a,dynamicZoneName:r,shouldCheckErrors:i}=o;i&&(s.shouldCheckErrors=!t.shouldCheckErrors);const l=t.modifiedData[r],d=o.type==="MOVE_COMPONENT_UP"?a-1:a+1,u=t.modifiedData[r][a],m=jr(l,a,d,u);ie()(s,["modifiedData",o.dynamicZoneName],m);break}case"MOVE_FIELD":{const a=w()(t,["modifiedData",...o.keys],[]).slice(),r=w()(t,["modifiedData",...o.keys,o.dragIndex]),i=jr(a,o.dragIndex,o.overIndex,r);ie()(s,["modifiedData",...o.keys],i);break}case"ON_CHANGE":{const[a]=o.keys;if(o.shouldSetInitialValue&&ie()(s,["initialData",...o.keys],o.value),o.keys.length===2&&w()(t,["modifiedData",a])===null){ie()(s,["modifiedData",a],{[o.keys[1]]:o.value});break}ie()(s,["modifiedData",...o.keys],o.value);break}case"REMOVE_COMPONENT_FROM_DYNAMIC_ZONE":{o.shouldCheckErrors&&(s.shouldCheckErrors=!t.shouldCheckErrors),s.modifiedData[o.dynamicZoneName].splice(o.index,1);break}case"REMOVE_COMPONENT_FROM_FIELD":{const a=["modifiedData",...o.keys];ie()(s,a,null);break}case"REMOVE_PASSWORD_FIELD":{_m()(s,["modifiedData",...o.keys]);break}case"REMOVE_REPEATABLE_FIELD":{const a=o.keys.length-1,r=["modifiedData",...wt()(o.keys,a)];Object.keys(t.formErrors).length>0&&(s.shouldCheckErrors=!t.shouldCheckErrors);const l=w()(t,r).slice();l.splice(parseInt(o.keys[a],10),1),ie()(s,r,l);break}case"SET_DEFAULT_DATA_STRUCTURES":{s.componentsDataStructure=o.componentsDataStructure,s.contentTypeDataStructure=o.contentTypeDataStructure;break}case"SET_FORM_ERRORS":{s.modifiedDZName=null,s.formErrors=o.errors;break}case"TRIGGER_FORM_VALIDATION":{Object.keys(t.formErrors).length>0&&(s.shouldCheckErrors=!t.shouldCheckErrors);break}case"SET_PUBLISH_CONFIRMATION":{s.publishConfirmation={...o.publishConfirmation};break}case"RESET_PUBLISH_CONFIRMATION":{s.publishConfirmation={...t.publishConfirmation,show:!1};break}default:return s}});const Xo=({allLayoutData:t,allowedActions:{canRead:o,canUpdate:s},children:a,componentsDataStructure:r,contentTypeDataStructure:i,createActionAllowedFields:l,from:d,initialValues:u,isCreatingEntry:m,isLoadingForData:p,isSingleType:g,onPost:h,onPublish:f,onDraftRelationCheck:E,onPut:v,onUnpublish:P,readActionAllowedFields:C,redirectToPreviousPage:T,slug:R,status:A,updateActionAllowedFields:L})=>{const[O,q]=e.useState(!1),[W,D]=(0,e.useReducer)(lp,ip),{formErrors:z,initialData:J,modifiedData:$,modifiedDZName:G,shouldCheckErrors:X,publishConfirmation:F}=W,{setModifiedDataOnly:k}=(0,ne.v9)(Gn),I=(0,ne.I0)(),B=(0,y.lm)(),{lockApp:te,unlockApp:j}=(0,y.o1)(),K=w()(t,["contentType"],{}),V=(0,e.useMemo)(()=>w()(K,["options","draftAndPublish"],!1),[K]),Q=(0,e.useMemo)(()=>V&&!J.publishedAt,[V,J.publishedAt]),{trackUsage:oe}=(0,y.rS)(),{formatMessage:de}=(0,H.Z)(),Ee=(0,e.useRef)(oe),ge=(0,e.useMemo)(()=>p||m?!1:o===!1&&s===!1,[p,m,o,s]);(0,e.useEffect)(()=>{A==="resolved"?j():te()},[te,j,A]),(0,e.useEffect)(()=>{p||tt()},[X]),(0,e.useEffect)(()=>{const N=Object.keys(z);if(N.length>0){const _=N[0],ae=document.getElementById(_);ae&&ae.focus()}},[z]),(0,e.useEffect)(()=>{ge&&B({type:"info",message:{id:(0,b.OB)("permissions.not-allowed.update")}})},[ge,B]),(0,e.useEffect)(()=>{D({type:"SET_DEFAULT_DATA_STRUCTURES",componentsDataStructure:r,contentTypeDataStructure:i})},[r,i]);const{components:x}=t,se=(0,ve.zH)(u);(0,e.useEffect)(()=>{u&&K?.attributes&&!Be()(se,u)&&(D({type:"INIT_FORM",initialValues:u,components:x,attributes:K.attributes,setModifiedDataOnly:k}),k&&I(Sc()))},[u,K,x,k,I,se]);const he=(0,e.useCallback)(N=>(_,ae,xe,je=!1,ct=void 0)=>{Ee.current("didAddComponentToDynamicZone"),D({type:N,keys:_.split("."),position:ct,componentLayoutData:ae,allComponents:xe,shouldCheckErrors:je})},[]),De=he("ADD_COMPONENT_TO_DYNAMIC_ZONE"),Ne=(0,e.useCallback)((N,_,ae)=>{D({type:"ADD_NON_REPEATABLE_COMPONENT_TO_FIELD",keys:N.split("."),componentLayoutData:_,allComponents:ae})},[]),Ue=(0,e.useCallback)(({name:N,value:_,toOneRelation:ae})=>{D({type:"CONNECT_RELATION",keys:N.split("."),value:_,toOneRelation:ae})},[]),me=(0,e.useCallback)(({target:{initialDataPath:N,modifiedDataPath:_,value:ae,modifiedDataOnly:xe}})=>{D({type:"LOAD_RELATION",modifiedDataPath:_,initialDataPath:N,value:ae,modifiedDataOnly:xe})},[]),Se=he("ADD_REPEATABLE_COMPONENT_TO_FIELD"),Me=(0,e.useMemo)(()=>{const N={isCreatingEntry:m,isDraft:Q,isFromComponent:!1};return(0,b.Ex)(K,{components:t.components||{}},N)},[t.components,K,m,Q]),tt=(0,e.useCallback)(async(N={})=>{let _={};const ae=Je()($);Ve()(ae)||ie()(ae,N.path,N.value);try{await Me.validate(ae,{abortEarly:!1})}catch(xe){_=(0,y.CJ)(xe),G&&(_=Object.keys(_).reduce((je,ct)=>(ct.split(".")[0]!==G&&(je[ct]=_[ct]),je),{}))}D({type:"SET_FORM_ERRORS",errors:_})},[G,$,Me]),Et=(0,e.useCallback)(({target:{name:N,value:_,type:ae}},xe=!1)=>{let je=_;if(["text","textarea","string","email","uid","select","select-one","number"].includes(ae)&&!_&&_!==0&&(je=null),ae==="password"&&!_){D({type:"REMOVE_PASSWORD_FIELD",keys:N.split(".")});return}D({type:"ON_CHANGE",keys:N.split("."),value:je,shouldSetInitialValue:xe})},[]),bt=(0,e.useCallback)((N,_)=>ap({browserState:N,serverState:_},K,t.components),[t.components,K]),ye=(0,e.useMemo)(()=>V?Q?{status:"draft"}:{}:{},[V,Q]),Te=(0,e.useCallback)(async N=>(N.preventDefault(),D({type:"RESET_PUBLISH_CONFIRMATION"})),[]),nt=(0,e.useCallback)(async N=>{N.preventDefault();let _={};try{await Me.validate($,{abortEarly:!1})}catch(ae){_=(0,y.CJ)(ae)}try{if(Ve()(_)){const ae=bt($,J);(0,wr.flushSync)(()=>{q(!0)}),m?await h(ae,ye):await v(ae,ye),q(!1)}}catch(ae){q(!1),_={..._,...(0,y.nn)(ae,{getTrad:b.OB})}}D({type:"SET_FORM_ERRORS",errors:_})},[bt,m,$,J,h,v,ye,Me]),fn=(0,e.useCallback)(async()=>{const N=(0,b.Ex)(K,{components:w()(t,"components",{})},{isCreatingEntry:m,isDraft:!1,isFromComponent:!1}),_=await E();if(!F.show&&_>0){D({type:"SET_PUBLISH_CONFIRMATION",publishConfirmation:{show:!0,draftCount:_}});return}D({type:"RESET_PUBLISH_CONFIRMATION"});let ae={};try{await N.validate($,{abortEarly:!1})}catch(xe){ae=(0,y.CJ)(xe)}try{Ve()(ae)&&((0,wr.flushSync)(()=>{q(!0)}),await f(),q(!1))}catch(xe){q(!1),ae={...ae,...(0,y.nn)(xe,{getTrad:b.OB})}}D({type:"SET_FORM_ERRORS",errors:ae})},[t,K,m,$,F.show,f,E]),Ke=(0,e.useCallback)(N=>{const _=Object.keys(z).some(xe=>xe.split(".")[0]===N);return!Ve()(z)&&_},[z]),vs=(0,e.useCallback)((N,_)=>{Ee.current("changeComponentsOrder"),D({type:"MOVE_COMPONENT_DOWN",dynamicZoneName:N,currentIndex:_,shouldCheckErrors:Ke(N)})},[Ke]),hn=(0,e.useCallback)((N,_)=>{Ee.current("changeComponentsOrder"),D({type:"MOVE_COMPONENT_UP",dynamicZoneName:N,currentIndex:_,shouldCheckErrors:Ke(N)})},[Ke]),Cs=(0,e.useCallback)(({name:N,newIndex:_,currentIndex:ae})=>{D({type:"MOVE_COMPONENT_FIELD",keys:N.split("."),newIndex:_,oldIndex:ae})},[]),Rs=(0,e.useCallback)(({name:N,id:_})=>{D({type:"DISCONNECT_RELATION",keys:N.split("."),id:_})},[]),Ms=(0,e.useCallback)(({name:N,oldIndex:_,newIndex:ae})=>{D({type:"REORDER_RELATION",keys:N.split("."),oldIndex:_,newIndex:ae})},[]),Ts=(0,e.useCallback)((N,_)=>{Ee.current("removeComponentFromDynamicZone"),D({type:"REMOVE_COMPONENT_FROM_DYNAMIC_ZONE",dynamicZoneName:N,index:_,shouldCheckErrors:Ke(N)})},[Ke]),ee=(0,e.useCallback)((N,_)=>{D({type:"REMOVE_COMPONENT_FROM_FIELD",keys:N.split("."),componentUid:_})},[]),le=(0,e.useCallback)((N,_)=>{D({type:"REMOVE_REPEATABLE_FIELD",keys:N.split("."),componentUid:_})},[]),re=(0,e.useCallback)(()=>{D({type:"TRIGGER_FORM_VALIDATION"})},[]);return ge?e.createElement(ce.l_,{to:d}):$?e.createElement(y.W1.Provider,{value:{addComponentToDynamicZone:De,addNonRepeatableComponentToField:Ne,addRepeatableComponentToField:Se,allLayoutData:t,checkFormErrors:tt,createActionAllowedFields:l,formErrors:z,hasDraftAndPublish:V,initialData:J,isCreatingEntry:m,isSingleType:g,shouldNotRunValidations:Q,status:A,layout:K,modifiedData:$,moveComponentField:Cs,moveComponentDown:vs,moveComponentUp:hn,onChange:Et,onPublish:fn,onUnpublish:P,readActionAllowedFields:C,redirectToPreviousPage:T,removeComponentFromDynamicZone:Ts,removeComponentFromField:ee,removeRepeatableField:le,relationConnect:Ue,relationDisconnect:Rs,relationLoad:me,relationReorder:Ms,slug:R,triggerFormValidation:re,updateActionAllowedFields:L,onPublishPromptDismissal:Te,publishConfirmation:F}},p||!m&&!J.id?e.createElement(Ie.o,{"aria-busy":"true"},e.createElement(y.dO,null)):e.createElement(e.Fragment,null,O?null:e.createElement(ce.NL,{when:!Be()($,J),message:de({id:"global.prompt.unsaved"})}),e.createElement("form",{noValidate:!0,onSubmit:nt},a))):null};Xo.defaultProps={from:"/",initialValues:null,redirectToPreviousPage(){}},Xo.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 cp=Xo;const dp=(t={})=>Object.values(t).reduce((o,s)=>Object.assign(o,s),{});var Wr=(t={})=>{const{plugins:o,_q:s,...a}={...t,...dp(t.plugins)};return s&&(a._q=encodeURIComponent(s)),a};const qr=({allLayoutData:t,children:o,slug:s})=>{const a=(0,Ze.useQueryClient)(),{trackUsage:r}=(0,y.rS)(),{push:i}=(0,ce.k6)(),{setCurrentStep:l}=(0,y.c1)(),d=(0,e.useRef)(r),[u,m]=(0,e.useState)(!0),[{query:p,rawQuery:g}]=(0,y.Kx)(),h=(0,e.useMemo)(()=>Wr(p),[p]),f=(0,y.lm)(),E=(0,ne.I0)(),{formatAPIError:v}=(0,y.So)(b.OB),P=(0,y.kY)(),{post:C,put:T,del:R}=P,{componentsDataStructure:A,contentTypeDataStructure:L,data:O,isLoading:q,status:W}=(0,ne.v9)(Gn),D=(0,e.useCallback)(I=>{const B=(0,b.kc)(I,t.contentType,t.components);return(0,y.dU)(B,t.contentType,t.components)},[t]);(0,e.useEffect)(()=>()=>{E(Us())},[E]),(0,e.useEffect)(()=>{const I=Object.keys(t.components).reduce((j,K)=>{const V=(0,b.Di)(w()(t,["components",K,"attributes"],{}),t.components);return j[K]=(0,y.dU)(V,t.components[K],t.components),j},{}),B=(0,b.Di)(t.contentType.attributes,t.components),te=(0,y.dU)(B,t.contentType,t.components);E(Hs(I,te))},[t,E]),(0,e.useEffect)(()=>{const B=Qe.default.CancelToken.source();return(async j=>{E(_t()),m(!0);try{const{data:K}=await P.get(`/content-manager/single-types/${s}`,{cancelToken:j.token,params:h});E(Hn(D(K))),m(!1)}catch(K){if(Qe.default.isCancel(K))return;const V=w()(K,"response.status",null);V===404&&E(Yn(g,!0)),V===403&&(f({type:"info",message:{id:(0,b.OB)("permissions.not-allowed.update")}}),i("/"))}})(B),()=>B.cancel("Operation canceled by the user.")},[P,D,i,s,E,h,g,f]);const z=(0,e.useCallback)(I=>{f({type:"warning",message:v(I)})},[f,v]),J=(0,e.useCallback)(async I=>{try{d.current("willDeleteEntry",I);const{data:B}=await R(`/content-manager/single-types/${s}`,{params:h});return f({type:"success",message:{id:(0,b.OB)("success.record.delete")}}),d.current("didDeleteEntry",I),m(!0),E(Yn(g,!0)),Promise.resolve(B)}catch(B){return d.current("didNotDeleteEntry",{error:B,...I}),z(B),Promise.reject(B)}},[R,s,h,f,E,g,z]),$=(0,e.useCallback)(async(I,B)=>{const te=`/content-manager/single-types/${s}`;try{E(pe("submit-pending"));const{data:j}=await T(te,I,{params:p});return d.current("didCreateEntry",B),f({type:"success",message:{id:(0,b.OB)("success.record.save")}}),l("contentManager.success"),a.invalidateQueries(["relation"]),E(it(D(j))),m(!1),E(pe("resolved")),Promise.resolve(j)}catch(j){return d.current("didNotCreateEntry",{error:j,trackerProperty:B}),z(j),E(pe("resolved")),Promise.reject(j)}},[T,D,z,s,E,p,f,l,a]),G=(0,e.useCallback)(async()=>{try{d.current("willCheckDraftRelations");const I=`/content-manager/single-types/${s}/actions/countDraftRelations`;E(pe("draft-relation-check-pending"));const B=await P.get(I);return d.current("didCheckDraftRelations"),E(pe("resolved")),B.data.data}catch(I){return z(I),E(pe("resolved")),Promise.reject(I)}},[P,z,s,E]),X=(0,e.useCallback)(async()=>{try{d.current("willPublishEntry");const I=`/content-manager/single-types/${s}/actions/publish`;E(pe("publish-pending"));const{data:B}=await C(I,{},{params:h});return d.current("didPublishEntry"),f({type:"success",message:{id:(0,b.OB)("success.record.publish")}}),E(it(D(B))),E(pe("resolved")),Promise.resolve(B)}catch(I){return z(I),E(pe("resolved")),Promise.reject(I)}},[s,E,C,h,f,D,z]),F=(0,e.useCallback)(async(I,B)=>{const te=`/content-manager/single-types/${s}`;try{d.current("willEditEntry",B),E(pe("submit-pending"));const{data:j}=await T(te,I,{params:p});return f({type:"success",message:{id:(0,b.OB)("success.record.save")}}),d.current("didEditEntry",{trackerProperty:B}),a.invalidateQueries(["relation"]),E(it(D(j))),E(pe("resolved")),Promise.resolve(j)}catch(j){return z(j),d.current("didNotEditEntry",{error:j,trackerProperty:B}),E(pe("resolved")),Promise.reject(j)}},[T,D,z,s,E,p,f,a]),k=(0,e.useCallback)(async()=>{const I=`/content-manager/single-types/${s}/actions/unpublish`;E(pe("unpublish-pending"));try{d.current("willUnpublishEntry");const{data:B}=await C(I,{},{params:h});d.current("didUnpublishEntry"),f({type:"success",message:{id:(0,b.OB)("success.record.unpublish")}}),E(it(D(B))),E(pe("resolved"))}catch(B){E(pe("resolved")),z(B)}},[s,E,C,h,f,D,z]);return o({componentsDataStructure:A,contentTypeDataStructure:L,data:O,isCreatingEntry:u,isLoadingForData:q,onDelete:J,onPost:$,onDraftRelationCheck:G,onPublish:X,onPut:F,onUnpublish:k,redirectionLink:"/",status:W})};qr.propTypes={allLayoutData:n().shape({components:n().object.isRequired,contentType:n().object.isRequired}).isRequired,children:n().func.isRequired,slug:n().string.isRequired};var up=(0,e.memo)(qr);function mp(t,o){return s=>{const a=o();return e.createElement(t,{...s,...a})}}var pp=mp;function gp(){const{hasDraftAndPublish:t,modifiedData:o}=(0,y.Wq)();let s={};return t&&(s=Ve()(o.publishedAt)?{status:"draft"}:{status:"published"}),{hasDraftAndPublish:t,trackerProperty:s}}var fp=gp;const zr=({onDelete:t,trackerProperty:o})=>{const[s,a]=(0,e.useState)(!1),[r,i]=(0,e.useState)(!1),{formatMessage:l}=(0,H.Z)(),{formatAPIError:d}=(0,y.So)(b.OB),u=(0,y.lm)(),m=()=>a(g=>!g),p=async()=>{try{i(!0),await t(o),i(!1),m()}catch(g){i(!1),m(),u({type:"warning",message:d(g)})}};return e.createElement(e.Fragment,null,e.createElement(ue.z,{onClick:m,size:"S",startIcon:e.createElement(Ge.Z,null),variant:"danger-light"},l({id:(0,b.OB)("containers.Edit.delete-entry"),defaultMessage:"Delete this entry"})),e.createElement(y.QH,{isConfirmButtonLoading:r,isOpen:s,onConfirm:p,onToggleDialog:m}))};zr.propTypes={onDelete:n().func.isRequired,trackerProperty:n().object.isRequired};const hp=(0,e.memo)(zr,Be());var yp=pp(hp,fp),Ep=c(48715);function bp(t,o){return s=>{const a=o();return e.createElement(t,{...s,...a})}}var vp=bp;function Cp(){const{initialData:t,hasDraftAndPublish:o}=(0,y.Wq)(),s=t.publishedAt!==void 0&&t.publishedAt!==null;return{hasDraftAndPublish:o,isPublished:s}}var Rp=Cp;const Mp=(0,Z.ZP)(Ep.Z)`
|
|
1077
|
-
width: ${(0,y.Q1)(6)};
|
|
1078
|
-
height: ${(0,y.Q1)(6)};
|
|
1079
|
-
* {
|
|
1080
|
-
fill: ${({theme:t,$bulletColor:o})=>t.colors[o]};
|
|
1081
|
-
}
|
|
1082
|
-
`,Vr=({hasDraftAndPublish:t,isPublished:o})=>{const{formatMessage:s}=(0,H.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"}}},r=o?a.published:a.draft;return e.createElement(Y.x,{hasRadius:!0,as:"aside",paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,...r.box},e.createElement(Y.x,{as:M.k},e.createElement(Mp,{$bulletColor:r.bulletColor}),e.createElement(Y.x,{paddingLeft:3},e.createElement(S.Z,{textColor:r.textColor},s({id:(0,b.OB)("containers.Edit.information.editing"),defaultMessage:"Editing"}),"\xA0"),e.createElement(S.Z,{fontWeight:"bold",textColor:r.textColor},o&&s({id:(0,b.OB)("containers.Edit.information.publishedVersion"),defaultMessage:"published version"}),!o&&s({id:(0,b.OB)("containers.Edit.information.draftVersion"),defaultMessage:"draft version"})))))};Vr.propTypes={hasDraftAndPublish:n().bool.isRequired,isPublished:n().bool.isRequired};var Tp=vp(Vr,Rp);const Jo=({columns:t,customFieldInputs:o})=>e.createElement(Le.r,{gap:4},t.map(({fieldSchema:s,labelAction:a,metadatas:r,name:i,size:l,queryInfos:d})=>{if(s.type==="component"){const{component:m,max:p,min:g,repeatable:h=!1,required:f=!1}=s;return e.createElement(Ce.P,{col:l,s:12,xs:12,key:m},e.createElement(on,{componentUid:m,labelAction:a,isRepeatable:h,intlLabel:{id:r.label,defaultMessage:r.label},max:p,min:g,name:i,required:f}))}return e.createElement(Ce.P,{col:l,key:i,s:12,xs:12},e.createElement(jo,{size:l,fieldSchema:s,keys:i,labelAction:a,metadatas:r,queryInfos:d,customFieldInputs:o}))}));Jo.defaultProps={customFieldInputs:{}},Jo.propTypes={columns:n().array.isRequired,customFieldInputs:n().object};var kp=Jo,an=c(47209),ln=c(96433),cn=c(22128);function Dp(t,o){return s=>{const a=o();return e.createElement(t,{...s,...a})}}var Ip=Dp;function Op(){const{initialData:t,isCreatingEntry:o,isSingleType:s,status:a,layout:r,hasDraftAndPublish:i,modifiedData:l,onPublish:d,onUnpublish:u,publishConfirmation:m,onPublishPromptDismissal:p}=(0,y.Wq)();return{initialData:t,isCreatingEntry:o,isSingleType:s,status:a,layout:r,hasDraftAndPublish:i,modifiedData:l,onPublish:d,onUnpublish:u,publishConfirmation:m,onPublishPromptDismissal:p}}var Pp=Op;const Ur=(0,Z.ZP)(M.k)`
|
|
1083
|
-
text-align: center;
|
|
1084
|
-
`,Hr=({allowedActions:{canUpdate:t,canCreate:o,canPublish:s},initialData:a,isCreatingEntry:r,isSingleType:i,hasDraftAndPublish:l,layout:d,modifiedData:u,onPublish:m,onUnpublish:p,status:g,publishConfirmation:{show:h,draftCount:f},onPublishPromptDismissal:E})=>{const{goBack:v}=(0,ce.k6)(),[P,C]=(0,e.useState)(!1),{formatMessage:T}=(0,H.Z)(),R=w()(d,["settings","mainField"],"id"),A=w()(d,["info","displayName"],"NOT FOUND"),L=!Be()(a,u)||r&&!Ve()(u);let q=T({id:(0,b.OB)("containers.Edit.pluginHeader.title.new"),defaultMessage:"Create an entry"});!r&&!i&&(q=a[R]||A),i&&(q=A);let W=null;if(r&&o&&(W=e.createElement(M.k,{gap:2},l&&e.createElement(ue.z,{disabled:!0,startIcon:e.createElement(Ye.Z,null),variant:"secondary"},T({id:"app.utils.publish",defaultMessage:"Publish"})),e.createElement(ue.z,{disabled:!L,loading:g==="submit-pending",type:"submit"},T({id:(0,b.OB)("containers.Edit.submit"),defaultMessage:"Save"})))),!r&&t){const $=l&&s,G=!Ve()(a.publishedAt),X=G?g==="unpublish-pending":g==="publish-pending",F=G?{id:"app.utils.unpublish",defaultMessage:"Unpublish"}:{id:"app.utils.publish",defaultMessage:"Publish"},k=G?()=>C(!0):()=>m();W=e.createElement(M.k,null,$&&e.createElement(ue.z,{disabled:L,loading:X,onClick:k,startIcon:e.createElement(Ye.Z,null),variant:"secondary"},T(F)),e.createElement(Y.x,{paddingLeft:$?2:0},e.createElement(ue.z,{disabled:!L,loading:g==="submit-pending",type:"submit"},T({id:(0,b.OB)("containers.Edit.submit"),defaultMessage:"Save"}))))}const D=()=>C($=>!$),z=()=>{D(),p()},J=`${T({id:(0,b.OB)("api.id"),defaultMessage:"API ID "})} : ${d.apiID}`;return e.createElement(e.Fragment,null,e.createElement(Oe.T,{title:q.toString(),primaryAction:W,subtitle:J,navigationAction:e.createElement(y.rU,{startIcon:e.createElement(gt.Z,null),onClick:$=>{$.preventDefault(),v()},to:"/"},T({id:"global.back",defaultMessage:"Back"}))}),e.createElement(an.V,{onClose:D,title:"Confirmation",labelledBy:"confirmation",describedBy:"confirm-description",isOpen:P},e.createElement(ln.a,{icon:e.createElement(Wt.Z,null)},e.createElement(M.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(M.k,{justifyContent:"center",style:{textAlign:"center"}},e.createElement(S.Z,{id:"confirm-description"},T({id:(0,b.OB)("popUpWarning.warning.unpublish"),defaultMessage:"Unpublish this content will automatically change it to a draft."},{br:()=>e.createElement("br",null)}))),e.createElement(M.k,{justifyContent:"center",style:{textAlign:"center"}},e.createElement(S.Z,{id:"confirm-description"},T({id:(0,b.OB)("popUpWarning.warning.unpublish-question"),defaultMessage:"Are you sure you want to unpublish it?"}))))),e.createElement(cn.c,{startAction:e.createElement(ue.z,{onClick:D,variant:"tertiary"},T({id:"components.popUpWarning.button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(ue.z,{variant:"danger-light",onClick:z},T({id:"components.popUpWarning.button.confirm",defaultMessage:"Confirm"}))})),e.createElement(an.V,{onClose:E,title:T({id:(0,b.OB)("popUpWarning.warning.has-draft-relations.title"),defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:h},e.createElement(ln.a,{icon:e.createElement(Wt.Z,null)},e.createElement(M.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Ur,{justifyContent:"center"},e.createElement(S.Z,{id:"confirm-description"},f,T({id:(0,b.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:$=>e.createElement(S.Z,{fontWeight:"bold"},$),count:f}))),e.createElement(Ur,{justifyContent:"center"},e.createElement(S.Z,{id:"confirm-description"},T({id:(0,b.OB)("popUpWarning.warning.publish-question"),defaultMessage:"Do you still want to publish?"}))))),e.createElement(cn.c,{startAction:e.createElement(ue.z,{onClick:E,variant:"tertiary"},T({id:"components.popUpWarning.button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(ue.z,{variant:"success",onClick:m},T({id:(0,b.OB)("popUpwarning.warning.has-draft-relations.button-confirm"),defaultMessage:"Publish"}))})))};Hr.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 xp=(0,e.memo)(Hr,Be());var Lp=Ip(xp,Pp);const Zp=t=>(0,e.useEffect)(t,Sp),Sp=[];var _o=c(98865);function Ap(){return e.createElement(_o.d.Root,null,e.createElement(_o.d.Title,null),e.createElement(_o.d.Body,null))}var es=c(98178),Fp=t=>{if(!t.layouts)return[];const o=t.layouts.edit,s=t.attributes,a=l=>w()(s,[l,"type"],"");let r=0;const i=[];return o.forEach(l=>{const d=l.some(({name:u})=>a(u)==="dynamiczone");i[r]||(i[r]=[]),d?(r=r===0&&Ve()(i[0])?0:r+1,i[r]||(i[r]=[]),i[r].push(l),r+=1):i[r].push(l)}),i.filter(l=>l.length>0)},$p=t=>{if(!t)return[];const s=[...t.contentType.layouts.edit,...Object.values(t.components).flatMap(r=>r.layouts.edit)].flat().filter(r=>r.fieldSchema.customField).map(r=>r.fieldSchema.customField);return[...new Set(s)]},Bp=c(3704),wp=c.n(Bp),Np=c(91815),jp=c.n(Np),Wp=(t,o)=>{const s=a=>{const r=(0,y.ZT)(t,[{action:`plugin::content-manager.explorer.${a}`,subject:o}]);return jp()(wp()(r,"properties.fields"))};return{createActionAllowedFields:s("create"),readActionAllowedFields:s("read"),updateActionAllowedFields:s("update")}};const ts=t=>t["content-manager_editViewLayoutManager"].currentLayout,qp=(0,es.P1)(ts,t=>Fp(t?.contentType??{})),zp=(0,es.P1)(ts,t=>$p(t)),Vp=[{action:"plugin::content-type-builder.read",subject:null}],ns=({allowedActions:t,isSingleType:o,goBack:s,slug:a,id:r,origin:i,userPermissions:l})=>{const{trackUsage:d}=(0,y.rS)(),{formatMessage:u}=(0,H.Z)(),m=(0,ne.v9)(Ae._),p=(0,ce.TH)(),g=(0,y.lm)(),h=(0,$t.c)(Ap,async()=>(await c.e(7897).then(c.bind(c,8291))).InformationBoxEE);Zp(()=>{p?.state&&"error"in p.state&&g({type:"warning",message:p.state.error,timeout:5e3})});const{layout:f,formattedContentTypeLayout:E,customFieldUids:v}=(0,ne.v9)(D=>({layout:ts(D),formattedContentTypeLayout:qp(D),customFieldUids:zp(D)})),{isLazyLoading:P,lazyComponentStore:C}=ao(v),{createActionAllowedFields:T,readActionAllowedFields:R,updateActionAllowedFields:A}=Wp(l,a),L=o?m.contentManager.singleTypesConfigurations:m.contentManager.collectionTypesConfigurations,O=`/content-manager/${o?"singleType":"collectionType"}/${a}/configurations/edit`,q=o?up:Ac,W=D=>D.every(z=>z.every(J=>J.fieldSchema.type==="dynamiczone"));return P?e.createElement(y.dO,null):h?e.createElement(q,{allLayoutData:f,slug:a,id:r,origin:i},({componentsDataStructure:D,contentTypeDataStructure:z,data:J,isCreatingEntry:$,isLoadingForData:G,onDelete:X,onPost:F,onPublish:k,onDraftRelationCheck:I,onPut:B,onUnpublish:te,redirectionLink:j,status:K})=>e.createElement(cp,{allowedActions:t,allLayoutData:f,createActionAllowedFields:T,componentsDataStructure:D,contentTypeDataStructure:z,from:j,initialValues:J,isCreatingEntry:$,isLoadingForData:G,isSingleType:o,onPost:F,onPublish:k,onDraftRelationCheck:I,onPut:B,onUnpublish:te,readActionAllowedFields:R,redirectToPreviousPage:s,slug:a,status:K,updateActionAllowedFields:A},e.createElement(Ie.o,{"aria-busy":K!=="resolved"},e.createElement(Lp,{allowedActions:t}),e.createElement(st.D,null,e.createElement(Le.r,{gap:4},e.createElement(Ce.P,{col:9,s:12},e.createElement(M.k,{direction:"column",alignItems:"stretch",gap:6},E.map((V,Q)=>{if(W(V)){const{0:{0:{name:oe,fieldSchema:de,metadatas:Ee,labelAction:ge}}}=V;return e.createElement(Y.x,{key:Q},e.createElement(Le.r,{gap:4},e.createElement(Ce.P,{col:12,s:12,xs:12},e.createElement(Qo,{name:oe,fieldSchema:de,labelAction:ge,metadatas:Ee}))))}return e.createElement(Y.x,{key:Q,hasRadius:!0,background:"neutral0",shadow:"tableShadow",paddingLeft:6,paddingRight:6,paddingTop:6,paddingBottom:6,borderColor:"neutral150"},e.createElement(M.k,{direction:"column",alignItems:"stretch",gap:6},V.map((oe,de)=>e.createElement(kp,{columns:oe,customFieldInputs:C,key:de}))))}))),e.createElement(Ce.P,{col:3,s:12},e.createElement(M.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Tp,null),e.createElement(Y.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(h,null),e.createElement(Jt,{area:"contentManager.editView.informations"})),e.createElement(Y.x,{as:"aside","aria-labelledby":"links"},e.createElement(M.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Jt,{area:"contentManager.editView.right-links",slug:a}),a!=="strapi::administrator"&&e.createElement(y.jW,{permissions:Vp},e.createElement(y.Qj,{onClick:()=>{d("willEditEditLayout")},size:"S",startIcon:e.createElement(_e.Z,null),style:{width:"100%"},to:`/plugins/content-type-builder/content-types/${a}`,variant:"secondary"},u({id:(0,b.OB)("link-to-ctb"),defaultMessage:"Edit the model"}))),e.createElement(y.jW,{permissions:L},e.createElement(y.Qj,{size:"S",startIcon:e.createElement(Mn.Z,null),style:{width:"100%"},to:O,variant:"secondary"},u({id:"app.links.configure-view",defaultMessage:"Configure the view"}))),t.canDelete&&!$&&e.createElement(yp,{onDelete:X})))))))))):null};ns.defaultProps={id:null,isSingleType:!1,origin:null,userPermissions:[]},ns.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 Up=ns;const os=t=>{const o=(0,e.useMemo)(()=>(0,b.TA)(t.slug),[t.slug]),{isLoading:s,allowedActions:a}=(0,y.ss)(o,t.userPermissions);return s?e.createElement(y.dO,null):e.createElement(Up,{...t,allowedActions:a})};os.defaultProps={permissions:[]},os.propTypes={permissions:n().array,slug:n().string.isRequired,userPermissions:n().array.isRequired};var Hp=(0,e.memo)(os,Be()),Yp=c(53634);const Yr=({layout:t,...o})=>{const s=(0,ne.v9)(Yp.Z),a=(0,ne.I0)(),[{query:r}]=(0,y.Kx)(),{runHookWaterfall:i}=(0,y.j1)(),{permissions:l,isValid:d}=(0,ve.r5)(r,o.slug,"editView");return(0,e.useEffect)(()=>{const u=i(Xt.Eo,{layout:t,query:r});return a(xc(u.layout,r)),()=>{a(Pc())}},[t,a,r,i]),!s||!d?e.createElement(y.dO,null):e.createElement(Hp,{...o,userPermissions:l})};Yr.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=Yr,un=c(33348);const Gp=(0,Z.ZP)(M.k)`
|
|
1085
|
-
svg {
|
|
1086
|
-
width: ${32/16}rem;
|
|
1087
|
-
height: ${24/16}rem;
|
|
1088
|
-
margin-right: ${({theme:t})=>t.spaces[3]};
|
|
1089
|
-
}
|
|
1090
|
-
`,Gr=({attributes:t,fieldForm:o,fieldToEdit:s,onCloseModal:a,onChangeEditLabel:r,onSubmit:i,type:l})=>{const{formatMessage:d}=(0,H.Z)(),u=t[s].relationType;let m=!["media","relation"].includes(l);return["oneWay","oneToOne","manyToOne"].includes(u)&&(m=!0),e.createElement(Ln.P,{onClose:a,labelledBy:"title"},e.createElement("form",{onSubmit:i},e.createElement(Zn.x,null,e.createElement(Gp,null,e.createElement(ws,{type:l}),e.createElement(S.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title"},d({id:(0,b.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:xt()(s)})))),e.createElement(Sn.f,null,e.createElement(Le.r,{gap:4},e.createElement(Ce.P,{s:12,col:6},e.createElement(wn.o,{id:"label-input",label:d({id:(0,b.OB)("form.Input.label"),defaultMessage:"Label"}),name:"label",onChange:p=>r(p),value:o.label,hint:d({id:(0,b.OB)("form.Input.label.inputDescription"),defaultMessage:"This value overrides the label displayed in the table's head"})})),m&&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,b.OB)("form.Input.sort.field"),defaultMessage:"Enable sort on this field"}),name:"sortable",onChange:p=>r({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(An.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"}))})))};Gr.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 ss=({contentTypeOptions:t,modifiedData:o,onChange:s,sortOptions:a})=>{const{formatMessage:r,locale:i}=(0,H.Z)(),l=(0,y.Xe)(i,{sensitivity:"base"}),u=(0,$t.c)(a,async()=>(await c.e(78).then(c.bind(c,10078))).REVIEW_WORKFLOW_STAGE_SORT_OPTION_NAME,{combine(p,g){return[...p,{...g,label:r(g.label)}]},defaultValue:a,enabled:!!t?.reviewWorkflows}).sort((p,g)=>l.compare(p.label,g.label)),{settings:m}=o;return e.createElement(M.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(S.Z,{variant:"delta",as:"h2"},r({id:(0,b.OB)("containers.SettingPage.settings"),defaultMessage:"Settings"})),e.createElement(M.k,{justifyContent:"space-between",gap:4},e.createElement(Y.x,{width:"100%"},e.createElement(Ft.s,{label:r({id:(0,b.OB)("form.Input.search"),defaultMessage:"Enable search"}),onChange:p=>{s({target:{name:"settings.searchable",value:p.target.checked}})},onLabel:r({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:r({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.searchable",checked:m.searchable})),e.createElement(Y.x,{width:"100%"},e.createElement(Ft.s,{label:r({id:(0,b.OB)("form.Input.filters"),defaultMessage:"Enable filters"}),onChange:p=>{s({target:{name:"settings.filterable",value:p.target.checked}})},onLabel:r({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:r({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.filterable",checked:m.filterable})),e.createElement(Y.x,{width:"100%"},e.createElement(Ft.s,{label:r({id:(0,b.OB)("form.Input.bulkActions"),defaultMessage:"Enable bulk actions"}),onChange:p=>{s({target:{name:"settings.bulkable",value:p.target.checked}})},onLabel:r({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:r({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.bulkable",checked:m.bulkable}))),e.createElement(Le.r,{gap:4},e.createElement(Ce.P,{s:12,col:6},e.createElement(ze.P,{label:r({id:(0,b.OB)("form.Input.pageEntries"),defaultMessage:"Entries per page"}),hint:r({id:(0,b.OB)("form.Input.pageEntries.inputDescription"),defaultMessage:"Note: You can override this value in the Collection Type settings page."}),onChange:p=>s({target:{name:"settings.pageSize",value:p}}),name:"settings.pageSize",value:o.settings.pageSize||""},[10,20,50,100].map(p=>e.createElement(ke.W,{key:p,value:p},p)))),e.createElement(Ce.P,{s:12,col:3},e.createElement(ze.P,{label:r({id:(0,b.OB)("form.Input.defaultSort"),defaultMessage:"Default sort attribute"}),onChange:p=>s({target:{name:"settings.defaultSortBy",value:p}}),name:"settings.defaultSortBy",value:o.settings.defaultSortBy||""},u.map(({value:p,label:g})=>e.createElement(ke.W,{key:p,value:p},g)))),e.createElement(Ce.P,{s:12,col:3},e.createElement(ze.P,{label:r({id:(0,b.OB)("form.Input.sort.order"),defaultMessage:"Default sort order"}),onChange:p=>s({target:{name:"settings.defaultSortOrder",value:p}}),name:"settings.defaultSortOrder",value:o.settings.defaultSortOrder||""},["ASC","DESC"].map(p=>e.createElement(ke.W,{key:p,value:p},p))))))};ss.defaultProps={modifiedData:{},sortOptions:[]},ss.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 rs=(0,Z.ZP)(M.k)`
|
|
1091
|
-
height: ${({theme:t})=>t.spaces[7]};
|
|
1092
|
-
|
|
1093
|
-
&:last-child {
|
|
1094
|
-
padding: 0 ${({theme:t})=>t.spaces[3]};
|
|
1095
|
-
}
|
|
1096
|
-
`,Qp=(0,Z.ZP)(rs)`
|
|
1097
|
-
border-right: 1px solid
|
|
1098
|
-
${({theme:t,isSibling:o})=>o?t.colors.neutral150:t.colors.primary200};
|
|
1099
|
-
|
|
1100
|
-
svg {
|
|
1101
|
-
width: ${12/16}rem;
|
|
1102
|
-
height: ${12/16}rem;
|
|
1103
|
-
}
|
|
1104
|
-
`,Kp=(0,Z.ZP)(M.k)`
|
|
1105
|
-
border: 1px solid
|
|
1106
|
-
${({theme:t,isSibling:o})=>o?t.colors.neutral150:t.colors.primary200};
|
|
1107
|
-
|
|
1108
|
-
svg {
|
|
1109
|
-
width: ${10/16}rem;
|
|
1110
|
-
height: ${10/16}rem;
|
|
1111
|
-
|
|
1112
|
-
path {
|
|
1113
|
-
fill: ${({theme:t,isSibling:o})=>o?void 0:t.colors.primary600};
|
|
1114
|
-
}
|
|
1115
|
-
}
|
|
1116
|
-
`,Xp=(0,Z.ZP)(S.Z)`
|
|
1117
|
-
max-width: ${72/16}rem;
|
|
1118
|
-
`;function qt({labelField:t,transparent:o,isSibling:s}){return e.createElement(Kp,{background:s?"neutral100":"primary100",display:"inline-flex",gap:3,hasRadius:!0,justifyContent:"space-between",transparent:o,isSibling:s,"max-height":(0,y.Q1)(32),maxWidth:"min-content",opacity:o?0:1},e.createElement(M.k,{gap:3},e.createElement(Qp,{alignItems:"center",cursor:"all-scroll",padding:3},e.createElement(rt.Z,null)),e.createElement(Xp,{textColor:s?void 0:"primary600",fontWeight:"bold",ellipsis:!0},t)),e.createElement(M.k,null,e.createElement(rs,{alignItems:"center"},e.createElement(_e.Z,null)),e.createElement(rs,{alignItems:"center"},e.createElement(en.Z,null))))}qt.defaultProps={isSibling:!1,transparent:!1},qt.propTypes={isSibling:n().bool,labelField:n().string.isRequired,transparent:n().bool};const as=Z.ZP.button`
|
|
1119
|
-
display: flex;
|
|
1120
|
-
align-items: center;
|
|
1121
|
-
height: ${({theme:t})=>t.spaces[7]};
|
|
1122
|
-
|
|
1123
|
-
&:last-child {
|
|
1124
|
-
padding: 0 ${({theme:t})=>t.spaces[3]};
|
|
1125
|
-
}
|
|
1126
|
-
`,Qr=(0,Z.ZP)(as)`
|
|
1127
|
-
padding: 0 ${({theme:t})=>t.spaces[3]};
|
|
1128
|
-
border-right: 1px solid ${({theme:t})=>t.colors.neutral150};
|
|
1129
|
-
cursor: all-scroll;
|
|
1130
|
-
|
|
1131
|
-
svg {
|
|
1132
|
-
width: ${12/16}rem;
|
|
1133
|
-
height: ${12/16}rem;
|
|
1134
|
-
}
|
|
1135
|
-
`,Jp=(0,Z.ZP)(M.k)`
|
|
1136
|
-
max-height: ${32/16}rem;
|
|
1137
|
-
cursor: pointer;
|
|
1138
|
-
|
|
1139
|
-
svg {
|
|
1140
|
-
width: ${10/16}rem;
|
|
1141
|
-
height: ${10/16}rem;
|
|
1142
|
-
|
|
1143
|
-
path {
|
|
1144
|
-
fill: ${({theme:t})=>t.colors.neutral600};
|
|
1145
|
-
}
|
|
1146
|
-
}
|
|
1147
|
-
|
|
1148
|
-
&:hover {
|
|
1149
|
-
background-color: ${({theme:t})=>t.colors.primary100};
|
|
1150
|
-
border-color: ${({theme:t})=>t.colors.primary200};
|
|
1151
|
-
|
|
1152
|
-
svg {
|
|
1153
|
-
path {
|
|
1154
|
-
fill: ${({theme:t})=>t.colors.primary600};
|
|
1155
|
-
}
|
|
1156
|
-
}
|
|
1157
|
-
|
|
1158
|
-
${S.Z} {
|
|
1159
|
-
color: ${({theme:t})=>t.colors.primary600};
|
|
1160
|
-
}
|
|
1161
|
-
|
|
1162
|
-
${Qr} {
|
|
1163
|
-
border-right: 1px solid ${({theme:t})=>t.colors.primary200};
|
|
1164
|
-
}
|
|
1165
|
-
}
|
|
1166
|
-
`,_p=(0,Z.ZP)(Y.x)`
|
|
1167
|
-
&:last-child {
|
|
1168
|
-
padding-right: ${({theme:t})=>t.spaces[3]};
|
|
1169
|
-
}
|
|
1170
|
-
`,Kr=({index:t,isDraggingSibling:o,labelField:s,onClickEditField:a,onMoveField:r,onRemoveField:i,name:l,setIsDraggingSibling:d})=>{const{formatMessage:u}=(0,H.Z)(),m=(0,e.useRef)(null),p=(0,e.useRef)(null),[,g]=(0,e.useState)(!1),h=(0,e.useRef)(),f=()=>{h.current&&h.current.click()},[,E]=(0,Ut.useDrop)({accept:b._Q.FIELD,hover(R,A){if(!p.current)return;const L=R.index,O=t;if(L===O)return;const q=p.current.getBoundingClientRect(),W=(q.right-q.left)/2,z=A.getClientOffset().x-q.left;L>O&&z>W||L<O&&z<W||(r(L,O),R.index=O)}}),[{isDragging:v},P,C]=(0,Ut.useDrag)({type:b._Q.FIELD,item(){return{index:t,labelField:s,name:l}},collect:R=>({isDragging:R.isDragging()}),end(){d(!1)}});(0,e.useEffect)(()=>{C((0,Lt.rX)(),{captureDraggingState:!1})},[C]),(0,e.useEffect)(()=>{v&&d(!0)},[v,d]),(0,e.useEffect)(()=>{o||g(R=>!R)},[o]);const T={dragRef:P(m),dropRef:E(p)};return e.createElement(_p,{ref:T?T.dropRef:null},v&&e.createElement(qt,{transparent:!0,labelField:s}),!v&&o&&e.createElement(qt,{isSibling:!0,labelField:s}),!v&&!o&&e.createElement(Jp,{borderColor:"neutral150",background:"neutral100",hasRadius:!0,justifyContent:"space-between",onClick:f,isDragging:v},e.createElement(M.k,{gap:3},e.createElement(Qr,{as:"span","aria-label":u({id:(0,b.OB)("components.DraggableCard.move.field"),defaultMessage:"Move {item}"},{item:s}),onClick:R=>R.stopPropagation(),ref:T.dragRef,type:"button"},e.createElement(rt.Z,null)),e.createElement(S.Z,{fontWeight:"bold"},s)),e.createElement(M.k,{paddingLeft:3},e.createElement(as,{ref:h,onClick:R=>{R.stopPropagation(),a(l)},"aria-label":u({id:(0,b.OB)("components.DraggableCard.edit.field"),defaultMessage:"Edit {item}"},{item:s}),type:"button"},e.createElement(_e.Z,null)),e.createElement(as,{onClick:i,"data-testid":`delete-${l}`,"aria-label":u({id:(0,b.OB)("components.DraggableCard.delete.field"),defaultMessage:"Delete {item}"},{item:s}),type:"button"},e.createElement(en.Z,null)))))};Kr.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 eg=Kr;const Xr=({displayedFields:t,listRemainingFields:o,metadatas:s,onAddField:a,onClickEditField:r,onMoveField:i,onRemoveField:l})=>{const{formatMessage:d}=(0,H.Z)(),[u,m]=(0,e.useState)(!1),[p,g]=(0,e.useState)(null),h=(0,e.useRef)();function f(...v){g("add"),a(...v)}function E(...v){g("remove"),l(...v)}return(0,e.useEffect)(()=>{p==="add"&&h?.current&&(h.current.scrollLeft=h.current.scrollWidth)},[t,p]),e.createElement(M.k,{alignItems:"stretch",direction:"column",gap:4},e.createElement(S.Z,{variant:"delta",as:"h2"},d({id:(0,b.OB)("containers.SettingPage.view"),defaultMessage:"View"})),e.createElement(M.k,{padding:4,borderColor:"neutral300",borderStyle:"dashed",borderWidth:"1px",hasRadius:!0},e.createElement(Y.x,{flex:"1",overflow:"scroll hidden",ref:h},e.createElement(M.k,{gap:3},t.map((v,P)=>e.createElement(eg,{key:v,index:P,isDraggingSibling:u,onMoveField:i,onClickEditField:r,onRemoveField:C=>E(C,P),name:v,labelField:s[v].list.label||v,setIsDraggingSibling:m})))),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,b.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:()=>f(v)},s[v].list.label||v))))))};Xr.propTypes={displayedFields:Fe.PropTypes.array.isRequired,listRemainingFields:Fe.PropTypes.array.isRequired,metadatas:Fe.PropTypes.objectOf(Fe.PropTypes.shape({list:Fe.PropTypes.shape({label:Fe.PropTypes.string})})).isRequired,onAddField:Fe.PropTypes.func.isRequired,onClickEditField:Fe.PropTypes.func.isRequired,onMoveField:Fe.PropTypes.func.isRequired,onRemoveField:Fe.PropTypes.func.isRequired};const tg=["media","richtext","dynamiczone","relation","component","json","blocks"],is={fieldForm:{},fieldToEdit:"",initialData:{},modifiedData:{}};var ng=(t=is,o)=>(0,qn.ZP)(t,s=>{const a=["modifiedData","layouts","list"];switch(o.type){case"ADD_FIELD":{const r=w()(t,a,[]);ie()(s,a,[...r,o.item]);break}case"MOVE_FIELD":{const r=w()(t,a,[]),{originalIndex:i,atIndex:l}=o;ie()(s,a,(0,b.W3)(r,i,l));break}case"ON_CHANGE":{ie()(s,["modifiedData",...o.keys.split(".")],o.value);break}case"ON_CHANGE_FIELD_METAS":{ie()(s,["fieldForm",o.name],o.value);break}case"REMOVE_FIELD":{const r=w()(t,a,[]);ie()(s,a,r.filter((i,l)=>o.index!==l));break}case"SET_FIELD_TO_EDIT":{const{fieldToEdit:r}=o;s.fieldToEdit=r,s.fieldForm.label=w()(s,["modifiedData","metadatas",r,"list","label"],""),s.fieldForm.sortable=w()(s,["modifiedData","metadatas",r,"list","sortable"],"");break}case"UNSET_FIELD_TO_EDIT":{s.fieldForm={},s.fieldToEdit="";break}case"SUBMIT_FIELD_FORM":{const r=["modifiedData","metadatas",t.fieldToEdit,"list"];ie()(s,[...r,"label"],t.fieldForm.label),ie()(s,[...r,"sortable"],t.fieldForm.sortable);break}default:return s}});const Jr=({layout:t,slug:o})=>{const{put:s}=(0,y.kY)(),{formatMessage:a}=(0,H.Z)(),{trackUsage:r}=(0,y.rS)(),i=(0,ve.fi)(),l=(0,y.lm)(),{refetchData:d}=e.useContext(mt),[{fieldToEdit:u,fieldForm:m,initialData:p,modifiedData:g},h]=e.useReducer(ng,is,()=>({...is,initialData:t,modifiedData:t})),f=Object.keys(m).length!==0,{attributes:E,options:v}=t,P=g.layouts.list,C=()=>{const{settings:{pageSize:F,defaultSortBy:k,defaultSortOrder:I},kind:B,uid:te}=p,j=`${k}:${I}`,K=`${(0,un.stringify)({page:1,pageSize:F,sort:j},{encode:!1})}${i?`&${i}`:""}`;return`/content-manager/${B}/${te}?${K}`},T=({target:{name:F,value:k}})=>{h({type:"ON_CHANGE",keys:F,value:F==="settings.pageSize"?parseInt(k,10):k})},{isLoading:R,mutate:A}=(0,Ze.useMutation)(F=>s(`/content-manager/content-types/${o}/configuration`,F),{onSuccess(){r("didEditListSettings"),d()},onError(){l({type:"warning",message:{id:"notification.error"}})}}),L=F=>{h({type:"ADD_FIELD",item:F})},O=(F,k)=>{F.stopPropagation(),P.length===1?l({type:"info",message:{id:(0,b.OB)("notification.info.minimumFields")}}):h({type:"REMOVE_FIELD",index:k})},q=F=>{F.preventDefault();const{layouts:k,settings:I,metadatas:B}=g;A({layouts:k,settings:I,metadatas:B}),r("willSaveContentTypeLayout")},W=F=>{h({type:"SET_FIELD_TO_EDIT",fieldToEdit:F})},D=()=>{h({type:"UNSET_FIELD_TO_EDIT"})},z=F=>{F.preventDefault(),h({type:"SUBMIT_FIELD_FORM"}),D()},J=({target:{name:F,value:k}})=>{h({type:"ON_CHANGE_FIELD_METAS",name:F,value:k})},$=Object.entries(E).filter(([F,k])=>(0,b.ko)(k)&&!P.includes(F)).map(([F])=>F).sort(),G=Object.entries(E).filter(([,F])=>!tg.includes(F.type)).map(([F])=>({value:F,label:t.metadatas[F].list.label})),X=(F,k)=>{h({type:"MOVE_FIELD",originalIndex:F,atIndex:k})};return e.createElement(Xe.A,null,e.createElement(Ie.o,{"aria-busy":R},e.createElement("form",{onSubmit:q},e.createElement(Oe.T,{navigationAction:e.createElement(y.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(Ye.Z,null),disabled:Be()(g,p),type:"submit"},a({id:"global.save",defaultMessage:"Save"})),subtitle:a({id:(0,b.OB)("components.SettingsViewWrapper.pluginHeader.description.list-settings"),defaultMessage:"Define the settings of the list view."}),title:a({id:(0,b.OB)("components.SettingsViewWrapper.pluginHeader.title"),defaultMessage:"Configure the view - {name}"},{name:xt()(g.info.displayName)})}),e.createElement(st.D,null,e.createElement(M.k,{alignItems:"stretch",background:"neutral0",direction:"column",gap:6,hasRadius:!0,shadow:"tableShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(ss,{contentTypeOptions:v,modifiedData:g,onChange:T,sortOptions:G}),e.createElement(Pt.i,null),e.createElement(Xr,{listRemainingFields:$,displayedFields:P,onAddField:L,onClickEditField:W,onMoveField:X,onRemoveField:O,metadatas:g.metadatas})))),f&&e.createElement(Gr,{attributes:E,fieldForm:m,fieldToEdit:u,onChangeEditLabel:J,onCloseModal:D,onSubmit:z,type:E?.[u]?.type??"text"})))};Jr.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 Dt=c(93088);const og=()=>({type:Dt.ZA}),sg=(t,o)=>({type:Dt.Id,pagination:t,data:o}),_r=()=>({type:Dt.MP});function rg(){return{type:Dt.c2}}const ag=({components:t,contentType:o})=>{const{layouts:s}=o;return{contentType:o,components:t,displayedHeaders:s.list,type:Dt.Zz}},ea=t=>({type:Dt.Rp,target:t});var ls=c(36150),ta=c(95181),na=c(45037),we=c(27947),ig=c(41865),lg=c(59177),oa=c(6680),sa=c(97108);const ra=({displayedFilters:t})=>{const[o,s]=e.useState(!1),{formatMessage:a}=(0,H.Z)(),r=e.useRef(),{trackUsage:i}=(0,y.rS)(),l=()=>{o||i("willFilterEntries"),s(d=>!d)};return e.createElement(e.Fragment,null,e.createElement(ue.z,{variant:"tertiary",ref:r,startIcon:e.createElement(Ps.Z,null),onClick:l,size:"S"},a({id:"app.utils.filters",defaultMessage:"Filters"})),o&&e.createElement(y.J5,{displayedFilters:t,isVisible:o,onToggle:l,source:r}),e.createElement(y.W$,{filtersSchema:t}))};ra.propTypes={displayedFilters:n().arrayOf(n().shape({name:n().string.isRequired,metadatas:n().shape({label:n().string}),fieldSchema:n().shape({type:n().string})})).isRequired};const cs=({value:t,onChange:o})=>{const{formatMessage:s}=(0,H.Z)(),{users:a,isLoading:r}=(0,sa.R)();return e.createElement(vr.hQ,{value:t,"aria-label":s({id:"content-manager.components.Filters.usersSelect.label",defaultMessage:"Search and select an user to filter"}),onChange:o,loading:r},a.map(i=>e.createElement(To.O,{key:i.id,value:i.id.toString()},(0,b.Gf)(i,s))))};cs.propTypes={onChange:n().func.isRequired,value:n().string},cs.defaultProps={value:""};const cg=["json","component","media","richtext","dynamiczone","password","blocks"],dg=["createdAt","updatedAt"],ug=(t,o)=>{const{allPermissions:s}=(0,y.vn)(),a=(0,y.ZT)(s,[{action:"plugin::content-manager.explorer.read",subject:o}]),r=(0,y.ZT)(s,[{action:"admin::users.read",subject:null}]).length>0;return["id",...(a?.[0]?.properties?.fields??[]).filter(d=>{const u=t?.attributes?.[d]??{};return!(!u.type||cg.includes(u.type))}),...dg,...r?sn:[]]};var aa=c(96669),mg=c(94958);const ia=({area:t,...o})=>{const s=zs(t);return s?e.createElement("ul",null,s.map(a=>a.Component(o)?e.createElement(Y.x,{key:a.name,padding:3,style:{textAlign:"center"}},e.createElement(a.Component,{...o})):null)):null};ia.propTypes={area:n().string.isRequired};var mn=ia;const la=({isConfirmButtonLoading:t,isOpen:o,onToggleDialog:s,onConfirm:a})=>{const{formatMessage:r}=(0,H.Z)();return e.createElement(an.V,{onClose:s,title:r({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:o},e.createElement(ln.a,{icon:e.createElement(Wt.Z,null)},e.createElement(M.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(M.k,{justifyContent:"center"},e.createElement(S.Z,{id:"confirm-description"},r({id:"components.popUpWarning.message",defaultMessage:"Are you sure you want to delete this?"}))),e.createElement(M.k,null,e.createElement(mn,{area:"contentManager.listView.deleteModalAdditionalInfos"})))),e.createElement(cn.c,{startAction:e.createElement(ue.z,{onClick:s,variant:"tertiary"},r({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(ue.z,{onClick:a,variant:"danger-light",startIcon:e.createElement(Ge.Z,null),id:"confirm-delete",loading:t},r({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))}))};la.propTypes={isConfirmButtonLoading:n().bool.isRequired,isOpen:n().bool.isRequired,onConfirm:n().func.isRequired,onToggleDialog:n().func.isRequired};const ca=t=>t.stopPropagation(),da=({rowId:t,index:o})=>{const{selectedEntries:s,onSelectRow:a}=(0,y.Sh)(),{formatMessage:r}=(0,H.Z)(),i=s.findIndex(d=>d===t)!==-1,l=r({id:"app.component.table.select.one-entry",defaultMessage:"Select {target}"},{target:o+1});return e.createElement(we.Td,{onClick:ca},e.createElement(aa.C,{"aria-label":l,checked:i,onChange:()=>{a({name:t,value:!i})}}))};da.propTypes={rowId:n().number.isRequired,index:n().number.isRequired};const ds=({rowId:t,index:o,canCreate:s,canDelete:a,setIsConfirmDeleteRowOpen:r,handleCloneClick:i})=>{const{formatMessage:l}=(0,H.Z)(),{trackUsage:d}=(0,y.rS)(),{setSelectedEntries:u}=(0,y.Sh)(),m=(0,ve.fi)(),{location:{pathname:p}}=(0,ce.k6)(),g=l({id:"content-manager.components.ListViewTable.row-line",defaultMessage:"item line {number}"},{number:o+1});return e.createElement(we.Td,null,e.createElement(M.k,{gap:1,justifyContent:"end",onClick:ca},e.createElement(Re.h,{forwardedAs:Zt.rU,onClick:()=>{d("willEditEntryFromButton")},to:{pathname:`${p}/${t}`,state:{from:p},search:m},label:l({id:"app.component.table.edit",defaultMessage:"Edit {target}"},{target:g}),noBorder:!0},e.createElement(_e.Z,null)),s&&e.createElement(Re.h,{onClick:i(t),label:l({id:"app.component.table.duplicate",defaultMessage:"Duplicate {target}"},{target:g}),noBorder:!0},e.createElement(mg.Z,null)),a&&e.createElement(Re.h,{onClick:()=>{d("willDeleteEntryFromList"),u([t]),r(!0)},label:l({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:g}),noBorder:!0},e.createElement(Ge.Z,null))))};ds.defaultProps={canCreate:!1,canDelete:!1},ds.propTypes={rowId:n().number.isRequired,index:n().number.isRequired,setIsConfirmDeleteRowOpen:n().func.isRequired,handleCloneClick:n().func.isRequired,canCreate:n().bool,canDelete:n().bool};const ua=({children:t,onConfirmDelete:o,isConfirmDeleteRowOpen:s,setIsConfirmDeleteRowOpen:a})=>{const[r,i]=e.useState(!1),{selectedEntries:l,setSelectedEntries:d}=(0,y.Sh)(),u=async()=>{try{i(!0),await o(l[0]),a(!1),i(!1),d([])}catch{i(!1),a(!1)}};return e.createElement(y.iA.Body,null,t,e.createElement(la,{isConfirmButtonLoading:r,onConfirm:u,onToggleDialog:()=>a(!s),isOpen:s}))};ua.propTypes={children:n().node.isRequired,onConfirmDelete:n().func.isRequired,isConfirmDeleteRowOpen:n().bool.isRequired,setIsConfirmDeleteRowOpen:n().func.isRequired};const pn={CheckboxDataCell:da,EntityActionsDataCell:ds,Root:ua};var pg=c(14090);const It=()=>t=>t["content-manager_listView"]||pg.E,gg=()=>(0,es.P1)(It(),t=>t),ma=t=>{const{displayedHeaders:o}=t["content-manager_listView"];return o};var fg=gg;const gn=({onToggleDialog:t,isOpen:o,dialogBody:s,endAction:a})=>{const{formatMessage:r}=(0,H.Z)();return e.createElement(an.V,{onClose:t,title:r({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),isOpen:o},e.createElement(ln.a,{icon:e.createElement(Wt.Z,null)},e.createElement(M.k,{direction:"column",alignItems:"stretch",gap:2},s)),e.createElement(cn.c,{startAction:e.createElement(ue.z,{onClick:t,variant:"tertiary"},r({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 us={isConfirmButtonLoading:n().bool.isRequired,isOpen:n().bool.isRequired,onConfirm:n().func.isRequired,onToggleDialog:n().func.isRequired},hg=t=>e.createElement(S.Z,{fontWeight:"bold"},t),pa=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:s,onConfirm:a})=>{const{formatMessage:r}=(0,H.Z)(),{get:i}=(0,y.kY)(),{selectedEntries:l}=(0,y.Sh)(),d=(0,y.lm)(),{formatAPIError:u}=(0,y.So)(b.OB),{contentType:{uid:m}}=(0,ne.v9)(It()),[{query:p}]=(0,y.Kx)(),{data:g,isLoading:h,isError:f}=(0,Ze.useQuery)(["content-manager","draft-relations",m,l],async()=>{const{data:{data:E}}=await i(`/content-manager/collection-types/${m}/actions/countManyEntriesDraftRelations`,{params:{ids:l,locale:p?.plugins?.i18n?.locale}});return E},{enabled:l.length>0,onError(E){d({type:"warning",message:u(E)})}});return f?null:e.createElement(gn,{isOpen:t&&!h,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(S.Z,{id:"confirm-description",textAlign:"center"},g>0&&r({id:(0,b.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:hg,count:g,entities:l.length}),r({id:(0,b.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(Ye.Z,null),loading:s},r({id:"app.utils.publish",defaultMessage:"Publish"}))})};pa.propTypes=us;var ga=c(35547),yg=c(60984),Eg=c(5074);const bg=(0,Z.ZP)(S.Z)`
|
|
1171
|
-
max-width: 300px;
|
|
1172
|
-
`,ms=({validationErrors:t,isPublished:o})=>{const{formatMessage:s}=(0,H.Z)();if(t){const a=Object.entries(t).map(([r,i])=>s({id:`${i.id}.withField`,defaultMessage:i.defaultMessage},{field:r})).join(" ");return e.createElement(M.k,{gap:2},e.createElement(et.J,{color:"danger600",as:yg.Z}),e.createElement(Mt.u,{description:a},e.createElement(bg,{textColor:"danger600",variant:"omega",fontWeight:"semiBold",ellipsis:!0},a)))}return o?e.createElement(M.k,{gap:2},e.createElement(et.J,{color:"success600",as:Eo.Z}),e.createElement(S.Z,{textColor:"success600",fontWeight:"bold"},s({id:"content-manager.bulk-publish.already-published",defaultMessage:"Already Published"}))):e.createElement(M.k,{gap:2},e.createElement(et.J,{color:"success600",as:Eo.Z}),e.createElement(S.Z,null,s({id:"app.utils.ready-to-publish",defaultMessage:"Ready to publish"})))};ms.defaultProps={validationErrors:void 0,isPublished:!1},ms.propTypes={validationErrors:n().shape({[n().string]:n().shape({id:n().string,defaultMessage:n().string})}),isPublished:n().bool};const ps=({isPublishing:t,rowsToDisplay:o,entriesToPublish:s,validationErrors:a})=>{const{location:{pathname:r}}=(0,ce.k6)(),{formatMessage:i}=(0,H.Z)(),l=(0,ne.v9)(It()),{mainField:d}=l.contentType.settings,u=d!=null&&d!=="id",m=p=>i({id:"content-manager.components.ListViewTable.row-line",defaultMessage:"item line {number}"},{number:p+1});return e.createElement(y.iA.Content,null,e.createElement(y.iA.Head,null,e.createElement(y.iA.HeaderCheckboxCell,null),e.createElement(y.iA.HeaderCell,{fieldSchemaType:"number",label:"id",name:"id"}),u&&e.createElement(y.iA.HeaderCell,{fieldSchemaType:"string",label:"name",name:"name"}),e.createElement(y.iA.HeaderCell,{fieldSchemaType:"string",label:"status",name:"status"})),e.createElement(y.iA.LoadingBody,null),e.createElement(y.iA.Body,null,o.map((p,g)=>e.createElement(na.Tr,{key:p.id},e.createElement(pn.CheckboxDataCell,{rowId:p.id,index:g}),e.createElement(we.Td,null,e.createElement(S.Z,null,p.id)),u&&e.createElement(we.Td,null,e.createElement(S.Z,null,p[d])),e.createElement(we.Td,null,t&&s.includes(p.id)?e.createElement(M.k,{gap:2},e.createElement(S.Z,null,i({id:"content-manager.success.record.publishing",defaultMessage:"Publishing..."})),e.createElement(ga.a,{small:!0})):e.createElement(ms,{validationErrors:a[p.id],isPublished:p.publishedAt!==null})),e.createElement(we.Td,null,e.createElement(Re.h,{forwardedAs:Zt.rU,to:{pathname:`${r}/${p.id}`,state:{from:r}},label:i({id:"app.component.table.edit",defaultMessage:"Edit {target}"},{target:m(g)}),noBorder:!0,target:"_blank",marginLeft:"auto"},e.createElement(_e.Z,null)))))))};ps.defaultProps={isPublishing:!1,rowsToDisplay:[],entriesToPublish:[],validationErrors:{}},ps.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 fa=t=>e.createElement(S.Z,{fontWeight:"bold"},t),gs=({toggleModal:t,refetchModalData:o,setEntriesToFetch:s,setSelectedListViewEntries:a,validationErrors:r})=>{const{formatMessage:i}=(0,H.Z)(),{selectedEntries:l,rows:d,onSelectRow:u,isLoading:m,isFetching:p}=(0,y.Sh)(),[g,h]=e.useState(!1),[f,E]=e.useState([]),[v,P]=e.useState(0),C=d.filter(({id:$})=>l.includes($)&&!r[$]).map(({id:$})=>$),{post:T}=(0,y.kY)(),R=(0,y.lm)(),{contentType:A}=(0,ne.v9)(It()),L=f.filter(({id:$})=>l.includes($)&&r[$]).length,O=f.filter(({id:$,publishedAt:G})=>l.includes($)&&G).length,q=l.length-L-O,W=(0,Ze.useMutation)($=>T(`/content-manager/collection-types/${A.uid}/actions/bulkPublish`,$),{onSuccess(){const $=f.filter(X=>(C.includes(X.id)&&u({name:X.id,value:!1}),!C.includes(X.id)));E($);const G=$.map(({id:X})=>X);s(G),a(G),$.length===0&&t(),R({type:"success",message:{id:"content-manager.success.record.publish",defaultMessage:"Published"}})},onError($){R({type:"warning",message:(0,Eg.Z)($)})}}),D=()=>h($=>!$),z=async()=>{D();const{data:$}=await W.mutateAsync({ids:C});P($.count)},J=()=>v?i({id:(0,b.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:L,b:fa}):i({id:(0,b.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:L,alreadyPublishedCount:O,b:fa});return e.useEffect(()=>{d.length>0&&E(d)},[d]),e.createElement(Ln.P,{onClose:t,labelledBy:"title"},e.createElement(Zn.x,null,e.createElement(S.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title"},i({id:(0,b.OB)("containers.ListPage.selectedEntriesModal.title"),defaultMessage:"Publish entries"}))),e.createElement(Sn.f,null,e.createElement(S.Z,null,J()),e.createElement(Y.x,{marginTop:5},e.createElement(ps,{isPublishing:W.isLoading,rowsToDisplay:f,entriesToPublish:C,validationErrors:r}))),e.createElement(An.m,{startActions:e.createElement(ue.z,{onClick:t,variant:"tertiary"},i({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(M.k,{gap:2},e.createElement(ue.z,{onClick:o,variant:"tertiary",loading:p},i({id:"app.utils.refresh",defaultMessage:"Refresh"})),e.createElement(ue.z,{onClick:D,disabled:l.length===0||l.length===L||m,loading:W.isLoading},i({id:"app.utils.publish",defaultMessage:"Publish"})))}),e.createElement(pa,{isOpen:g,onToggleDialog:D,isConfirmButtonLoading:W.isLoading,onConfirm:z}))};gs.defaultProps={validationErrors:{}},gs.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 ha=({onToggle:t})=>{const{selectedEntries:o,setSelectedEntries:s}=(0,y.Sh)(),{contentType:a,components:r}=(0,ne.v9)(It()),[i,l]=e.useState(o),[{query:{sort:d,plugins:u}}]=(0,y.Kx)(),m={page:1,pageSize:i.length,sort:d,filters:{id:{$in:i}},locale:u?.i18n?.locale},{get:p}=(0,y.kY)(),{data:g,isLoading:h,isFetching:f,refetch:E}=(0,Ze.useQuery)(["entries",a.uid,m],async()=>{const{data:v}=await p(`content-manager/collection-types/${a.uid}`,{params:m});if(v.results){const P=(0,b.Ex)(a,{components:r},{isDraft:!1,isJSONTestDisabled:!0}),C={};return{rows:v.results.map(R=>{try{return P.validateSync(R,{abortEarly:!1}),R}catch(A){return C[R.id]=(0,y.CJ)(A),R}}),validationErrors:C}}return{rows:[],validationErrors:{}}});return e.createElement(y.iA.Root,{rows:g?.rows,defaultSelectedEntries:o,colCount:4,isLoading:h,isFetching:f},e.createElement(gs,{setSelectedListViewEntries:s,setEntriesToFetch:l,toggleModal:t,refetchModalData:E,validationErrors:g?.validationErrors}))};ha.propTypes={onToggle:n().func.isRequired};var vg=ha;const ya=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:s,onConfirm:a})=>{const{formatMessage:r}=(0,H.Z)();return e.createElement(gn,{isOpen:t,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(S.Z,{id:"confirm-description",textAlign:"center"},r({id:(0,b.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(Ye.Z,null),loading:s},r({id:"app.utils.unpublish",defaultMessage:"Unpublish"}))})};ya.propTypes=us;const Ea=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:s,onConfirm:a})=>{const{formatMessage:r}=(0,H.Z)();return e.createElement(gn,{isOpen:t,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(S.Z,{id:"confirm-description",textAlign:"center"},r({id:(0,b.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(Ge.Z,null),id:"confirm-delete",loading:s},r({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))})};Ea.propTypes=us;const fs=({showPublish:t,showDelete:o,onConfirmDeleteAll:s,onConfirmUnpublishAll:a,refetchData:r})=>{const{formatMessage:i}=(0,H.Z)(),{trackUsage:l}=(0,y.rS)(),{data:d}=(0,ne.v9)(It()),{selectedEntries:u,setSelectedEntries:m}=(0,y.Sh)(),[p,g]=e.useState(!1),[h,f]=e.useState(!1),[E,v]=e.useState(null),P=d.filter(D=>u.includes(D.id)),C=t&&P.some(D=>!D.publishedAt),T=t&&P.some(D=>D.publishedAt),R=()=>{E==="delete"?v(null):(v("delete"),l("willBulkDeleteEntries"))},A=()=>{E==="unpublish"?v(null):(v("unpublish"),l("willBulkUnpublishEntries"))},L=async(D,z)=>{try{g(!0),await D(u),g(!1),z(),m([])}catch{g(!1),z()}},O=()=>L(s,R),q=()=>L(a,A),W=()=>{f(D=>(D&&r(),!D))};return e.createElement(e.Fragment,null,C&&e.createElement(e.Fragment,null,e.createElement(ue.z,{variant:"tertiary",onClick:W},i({id:"app.utils.publish",defaultMessage:"Publish"})),h&&e.createElement(vg,{onToggle:W})),T&&e.createElement(e.Fragment,null,e.createElement(ue.z,{variant:"tertiary",onClick:A},i({id:"app.utils.unpublish",defaultMessage:"Unpublish"})),e.createElement(ya,{isOpen:E==="unpublish",onToggleDialog:A,isConfirmButtonLoading:p,onConfirm:q})),o&&e.createElement(e.Fragment,null,e.createElement(ue.z,{variant:"danger-light",onClick:R},i({id:"global.delete",defaultMessage:"Delete"})),e.createElement(Ea,{isOpen:E==="delete",onToggleDialog:R,isConfirmButtonLoading:p,onConfirm:O})))};fs.defaultProps={showPublish:!1,showDelete:!1,onConfirmDeleteAll(){},onConfirmUnpublishAll(){},refetchData(){}},fs.propTypes={showPublish:n().bool,showDelete:n().bool,onConfirmDeleteAll:n().func,onConfirmUnpublishAll:n().func,refetchData:n().func};var Cg=fs,Rg=c(96315);const ba=({type:t,value:o})=>{const{formatDate:s,formatTime:a,formatNumber:r}=(0,H.Z)();let i=o;if(t==="date"&&(i=s((0,Rg.Z)(o),{dateStyle:"full"})),t==="datetime"&&(i=s(o,{dateStyle:"full",timeStyle:"short"})),t==="time"){const[l,d,u]=o.split(":"),m=new Date;m.setHours(l),m.setMinutes(d),m.setSeconds(u),i=a(m,{numeric:"auto",style:"short"})}return["float","decimal"].includes(t)&&(i=r(o,{maximumFractionDigits:20})),["integer","biginteger"].includes(t)&&(i=r(o,{maximumFractionDigits:0})),Br()(i)};ba.propTypes={type:n().string.isRequired,value:n().any.isRequired};var Ot=ba,Mg=c(246);const Tg=(0,Z.ZP)(M.k)`
|
|
1173
|
-
position: relative;
|
|
1174
|
-
border-radius: 50%;
|
|
1175
|
-
width: 26px;
|
|
1176
|
-
height: 26px;
|
|
1177
|
-
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
1178
|
-
background: ${({theme:t})=>t.colors.neutral150};
|
|
1179
|
-
padding-left: 1px;
|
|
1180
|
-
|
|
1181
|
-
span {
|
|
1182
|
-
line-height: 0.6rem;
|
|
1183
|
-
font-size: 0.6rem;
|
|
1184
|
-
}
|
|
1185
|
-
`,va=({children:t,...o})=>e.createElement(Tg,{justifyContent:"center",alignItems:"center",as:"span",...o},e.createElement(S.Z,{variant:"sigma",textColor:"neutral600"},t));va.propTypes={children:n().string.isRequired};var Ca=va;const hs=({url:t,mime:o,alternativeText:s,name:a,ext:r,formats:i})=>{const l=(0,y.CR)(t);if(o.includes("image")){const m=i?.thumbnail?.url||null,p=(0,y.CR)(m)||l;return e.createElement(Mg.q,{src:p,alt:s||a,preview:!0})}const d=(0,y.mD)(r),u=a.length>100?`${a.substring(0,100)}...`:a;return e.createElement(Mt.u,{description:u},e.createElement(Ca,null,d))};hs.defaultProps={alternativeText:null,formats:null},hs.propTypes={alternativeText:n().string,ext:n().string.isRequired,formats:n().object,mime:n().string.isRequired,name:n().string.isRequired,url:n().string.isRequired};var Ra=hs,kg=c(74772);const Ma=({value:t})=>e.createElement(kg.H,null,t.map((o,s)=>{const a=`${o.id}${s}`;if(s===3){const r=`+${t.length-3}`;return e.createElement(Ca,{key:a,preview:!1},r)}return s>3?null:e.createElement(Ra,{key:a,...o})}));Ma.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 Dg=Ma,Ta=c(14298);const ka=({fieldSchema:t,metadatas:o,name:s,entityId:a,value:r,contentType:i})=>{const{formatMessage:l}=(0,H.Z)(),{notifyStatus:d}=(0,ls.G)(),[u,m]=(0,e.useState)(!1),{get:p}=(0,y.kY)(),{data:g,status:h}=(0,Ze.useQuery)([t.targetModel,a],async()=>{const{data:{results:f,pagination:E}}=await p(`/content-manager/relations/${i.uid}/${a}/${s.split(".")[0]}`);return{results:f,pagination:E}},{enabled:u,staleTime:0,select:f=>({...f,results:[...f.results].reverse()})});return(0,e.useEffect)(()=>{g&&d(l({id:(0,b.OB)("DynamicTable.relation-loaded"),defaultMessage:"Relations have been loaded"}))},[g,l,d]),e.createElement(fe.fC,{onOpenChange:f=>m(f)},e.createElement(Og,{onClick:f=>f.stopPropagation()},e.createElement(M.k,{gap:1,wrap:"nowrap"},e.createElement(Ta.C,null,r.count),l({id:"content-manager.containers.ListPage.items",defaultMessage:"{number, plural, =0 {items} one {item} other {items}}"},{number:r.count}))),e.createElement(fe.VY,null,h!=="success"&&e.createElement(fe.ck,{disabled:!0},e.createElement(ga.a,{small:!0},l({id:(0,b.OB)("ListViewTable.relation-loading"),defaultMessage:"Relations are loading"}))),h==="success"&&e.createElement(e.Fragment,null,g?.results.map(f=>e.createElement(fe.ck,{key:f.id,disabled:!0},e.createElement(Ig,{ellipsis:!0},e.createElement(Ot,{type:o.mainField.schema.type,value:f[o.mainField.name]||f.id})))),g?.pagination.total>10&&e.createElement(fe.ck,{"aria-disabled":!0,"aria-label":l({id:(0,b.OB)("ListViewTable.relation-more"),defaultMessage:"This relation contains more entities than displayed"})},e.createElement(S.Z,null,"\u2026")))))};ka.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 Ig=(0,Z.ZP)(S.Z)`
|
|
1186
|
-
max-width: 500px;
|
|
1187
|
-
`,Og=(0,Z.ZP)(fe.xz)`
|
|
1188
|
-
svg {
|
|
1189
|
-
width: ${6/16}rem;
|
|
1190
|
-
height: ${4/16}rem;
|
|
1191
|
-
}
|
|
1192
|
-
`;var Pg=ka;const xg=(0,Z.ZP)(S.Z)`
|
|
1193
|
-
max-width: 500px;
|
|
1194
|
-
`,Da=({metadatas:t,value:o})=>e.createElement(xg,{textColor:"neutral800",ellipsis:!0},e.createElement(Ot,{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 Lg=Da;const Zg=(0,Z.ZP)(S.Z)`
|
|
1195
|
-
max-width: 500px;
|
|
1196
|
-
`,Ia=({value:t,metadatas:o})=>{const{formatMessage:s}=(0,H.Z)(),{mainField:{type:a,name:r}}=o;return e.createElement(fe.fC,null,e.createElement(Sg,{onClick:i=>i.stopPropagation()},e.createElement(Ta.C,null,t.length)," ",s({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(i=>e.createElement(fe.ck,{key:i.id,disabled:!0},e.createElement(Zg,{ellipsis:!0},e.createElement(Ot,{type:a,value:i[r]||i.id}))))))};Ia.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string,type:n().string,value:n().string})}).isRequired,value:n().array.isRequired};const Sg=(0,Z.ZP)(fe.xz)`
|
|
1197
|
-
svg {
|
|
1198
|
-
width: ${6/16}rem;
|
|
1199
|
-
height: ${4/16}rem;
|
|
1200
|
-
}
|
|
1201
|
-
`;var Ag=Ia;const Fg=(0,Z.ZP)(S.Z)`
|
|
1202
|
-
max-width: 250px;
|
|
1203
|
-
`,Oa=({value:t,metadatas:o})=>{const{mainField:s}=o,a=t[s.name];return e.createElement(Mt.u,{label:a},e.createElement(Fg,{textColor:"neutral800",ellipsis:!0},e.createElement(Ot,{type:s.type,value:a})))};Oa.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string,type:n().string,value:n().string})}).isRequired,value:n().object.isRequired};var $g=Oa,Bg=c(80022),Pa=c.n(Bg),xa=c(73347);function La(t){return["oneToOne","manyToOne","oneToOneMorph"].includes(t)}function wg(t,o,s,a){if(t==="component"){const{mainField:{name:r,type:i}}=s;if(a?.repeatable)return o.length>0;const l=o?.[r];return r==="id"&&![void 0,null].includes(l)?!0:(0,xa.Z)(i)&&i!=="biginteger"&&r!=="id"?Pa()(l):!Ve()(l)}return t==="relation"?La(a.relation)?!Ve()(o):o?.count>0:(0,xa.Z)(t)&&t!=="biginteger"?Pa()(o):t==="boolean"?o!==null:!Ve()(o)}const Za=(0,Z.ZP)(S.Z)`
|
|
1204
|
-
max-width: 300px;
|
|
1205
|
-
`,ys=({content:t,fieldSchema:o,metadatas:s,name:a,rowId:r,contentType:i})=>{const{type:l}=o;if(!wg(l,t,s,o))return e.createElement(S.Z,{textColor:"neutral800"},"-");switch(l){case"media":return o.multiple?e.createElement(Dg,{value:t}):e.createElement(Ra,{...t});case"relation":return La(o.relation)?e.createElement(Lg,{metadatas:s,value:t}):e.createElement(Pg,{fieldSchema:o,metadatas:s,value:t,name:a,entityId:r,contentType:i});case"component":return o.repeatable===!0?e.createElement(Ag,{value:t,metadatas:s}):e.createElement($g,{value:t,metadatas:s});case"string":return e.createElement(Mt.u,{description:t},e.createElement(Za,{ellipsis:!0,textColor:"neutral800"},e.createElement(Ot,{type:l,value:t})));default:return e.createElement(Za,{ellipsis:!0,textColor:"neutral800"},e.createElement(Ot,{type:l,value:t}))}};ys.defaultProps={content:void 0},ys.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 Ng=ys;const jg=(0,Z.ZP)(M.k)`
|
|
1206
|
-
:hover {
|
|
1207
|
-
background-color: ${t=>t.theme.colors.primary100};
|
|
1208
|
-
}
|
|
1209
|
-
`,Sa=({layout:t})=>{const o=(0,ne.I0)(),s=(0,ne.v9)(ma),{trackUsage:a}=(0,y.rS)(),{formatMessage:r,locale:i}=(0,H.Z)(),l=(0,y.Xe)(i,{sensitivity:"base"}),d=Object.keys(t.contentType.attributes).filter(g=>(0,b.ko)(t.contentType.attributes[g])).map(g=>({name:g,label:t.contentType.metadatas[g].list.label})).sort((g,h)=>l.compare(g.label,h.label)),u=s.map(({name:g})=>g),m=g=>{a("didChangeDisplayedFields"),o(ea({name:g,value:u.includes(g)}))},p=()=>{o(_r())};return e.createElement(M.k,{as:"fieldset",direction:"column",alignItems:"stretch",gap:3},e.createElement(M.k,{justifyContent:"space-between"},e.createElement(S.Z,{as:"legend",variant:"pi",fontWeight:"bold"},r({id:"containers.ListPage.displayedFields",defaultMessage:"Displayed fields"})),e.createElement(Ro.A,{onClick:p},r({id:"app.components.Button.reset",defaultMessage:"Reset"}))),e.createElement(M.k,{direction:"column",alignItems:"stretch"},d.map(g=>{const h=u.includes(g.name);return e.createElement(jg,{wrap:"wrap",gap:2,as:"label",background:h?"primary100":"transparent",hasRadius:!0,padding:2,key:g.name},e.createElement(aa.C,{onChange:()=>m(g.name),value:h,name:g.name}),e.createElement(S.Z,{fontSize:1},g.label))})))};Sa.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 Aa=({slug:t,layout:o})=>{const[s,a]=e.useState(!1),r=e.useRef(),i=(0,ne.v9)(Ae._),{formatMessage:l}=(0,H.Z)(),d=()=>{a(u=>!u)};return e.createElement(e.Fragment,null,e.createElement(Re.h,{icon:e.createElement(Cn.Z,null),label:l({id:"components.ViewSettings.tooltip",defaultMessage:"View Settings"}),ref:r,onClick:d}),s&&e.createElement(co.J2,{placement:"bottom-end",source:r,onDismiss:d,spacing:4,padding:3},e.createElement(M.k,{alignItems:"stretch",direction:"column",gap:3},e.createElement(y.jW,{permissions:i.contentManager.collectionTypesConfigurations},e.createElement(y.Qj,{size:"S",startIcon:e.createElement(Mn.Z,null),to:`${t}/configurations/list`,variant:"secondary"},l({id:"app.links.configure-view",defaultMessage:"Configure the view"}))),e.createElement(Sa,{layout:o}))))};Aa.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 Wg=null,qg=()=>null,zg=[],Vg=[...sn,"strapi_assignee"];function Fa({canCreate:t,canDelete:o,canRead:s,canPublish:a,data:r,getData:i,getDataSucceeded:l,isLoading:d,layout:u,pagination:m,slug:p}){const{total:g}=m,{contentType:h}=u,{info:f,options:E,metadatas:v,settings:{bulkable:P,filterable:C,searchable:T}}=h,[R,A]=e.useState(!1),L=(0,y.lm)(),{trackUsage:O}=(0,y.rS)(),{allPermissions:q,refetchPermissions:W}=(0,y.vn)(),D=e.useRef(O),z=e.useRef(W),{notifyStatus:J}=(0,ls.G)(),{formatAPIError:$}=(0,y.So)(b.OB),G=ug(h,p),[{query:X}]=(0,y.Kx)(),{pathname:F}=(0,ce.TH)(),{push:k}=(0,ce.k6)(),{formatMessage:I,locale:B}=(0,H.Z)(),te=(0,y.kY)(),j=(0,y.Xe)(B,{sensitivity:"base"}),K=X?.filters?.$and?.reduce((ee,le)=>{const[re,N]=Object.entries(le)[0],_=N.id?.$eq||N.id?.$ne;return Vg.includes(re)&&!ee.includes(_)&&ee.push(_),ee},[])??[],{users:V,isLoading:Q}=(0,sa.R)({filter:{id:{in:K}}},{enabled:K.length>0&&(0,y.ZT)(q,[{action:"admin::users.read",subject:null}]).length>0});(0,y.go)();const oe=e.useMemo(()=>Wr(X),[X]),de=(0,un.stringify)({plugins:X.plugins},{encode:!1}),Ee=G.map(ee=>{const le=h.attributes[ee],{type:re,enum:N}=le,_={name:"didFilterEntries",properties:{useRelation:re==="relation"}},{mainField:ae,label:xe}=v[ee].list,je={name:ee,metadatas:{label:I({id:xe,defaultMessage:xe})},fieldSchema:{type:re,options:N,mainField:ae},trackedEvent:_};return le.type==="relation"&&le.target==="admin::user"&&(je.metadatas={...je.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:cs,options:V.map(ct=>({label:(0,b.Gf)(ct,I),customValue:ct.id.toString()}))},je.fieldSchema.mainField={...ae,name:"id"}),je}),ge=E?.draftAndPublish??!1,x=E?.reviewWorkflows??!1,se=(0,$t.c)(Wg,async()=>(await c.e(6158).then(c.bind(c,76158))).REVIEW_WORKFLOW_COLUMNS_EE,{enabled:!!E?.reviewWorkflows}),he=(0,$t.c)(qg,async()=>{const{ReviewWorkflowsStageEE:ee,ReviewWorkflowsAssigneeEE:le}=await c.e(1227).then(c.bind(c,21227));return{ReviewWorkflowsStageEE:ee,ReviewWorkflowsAssigneeEE:le}},{enabled:x}),De=(0,$t.c)(zg,async()=>(await c.e(4174).then(c.bind(c,84174))).REVIEW_WORKFLOW_FILTERS,{combine(ee,le){return[...ee,...le.filter(re=>re.name==="strapi_assignee"?(0,y.ZT)(q,[{action:"admin::users.read",subject:null}]).length>0:!0).map(re=>({...re,metadatas:{...re.metadatas,...re.name==="strapi_stage"?{uid:h.uid}:{},label:I(re.metadatas.label),options:re.name==="strapi_assignee"&&V.map(N=>({label:(0,b.Gf)(N,I),customValue:N.id.toString()}))}}))]},defaultValue:[],enabled:x&&!Q}),{post:Ne,del:Ue}=te,me=(0,Ze.useMutation)(ee=>Ne(`/content-manager/collection-types/${h.uid}/actions/bulkUnpublish`,ee),{onSuccess(){L({type:"success",message:{id:"content-manager.success.record.unpublish",defaultMessage:"Unpublished"}}),Me(`/content-manager/collection-types/${p}`,{params:oe})},onError(ee){L({type:"warning",message:$(ee)})}}),Se=e.useRef(""),Me=e.useCallback(async(ee,le)=>{i();try{const{data:{results:re,pagination:N}}=await te.get(ee,le);if(N.page>N.pageCount&&N.pageCount>0){const _={...oe,page:N.pageCount};k({pathname:F,state:{from:F},search:(0,un.stringify)(_)});return}J(I({id:(0,b.OB)("utils.data-loaded"),defaultMessage:"{number, plural, =1 {# entry has} other {# entries have}} successfully been loaded"},{number:N.count})),l(N,re)}catch(re){if(Qe.default.isCancel(re))return;if((re?.response?.status??null)===403){await z.current(),L({type:"info",message:{id:(0,b.OB)("permissions.not-allowed.update")}}),k("/");return}L({type:"warning",message:{id:(0,b.OB)("error.model.fetch")}})}},[I,i,l,J,k,L,te,oe,F]),tt=e.useCallback(async ee=>{try{await Ne(`/content-manager/collection-types/${p}/actions/bulkDelete`,{ids:ee}),Me(`/content-manager/collection-types/${p}`,{params:oe}),D.current("didBulkDeleteEntries")}catch(le){L({type:"warning",message:$(le)})}},[p,L,$,Ne,Me,oe]),Et=e.useCallback(async ee=>{try{await Ue(`/content-manager/collection-types/${p}/${ee}`);const le=`/content-manager/collection-types/${p}`;Me(le,{params:oe}),L({type:"success",message:{id:(0,b.OB)("success.record.delete")}})}catch(le){L({type:"warning",message:$(le)})}},[p,L,$,Ue,Me,oe]),bt=ee=>me.mutateAsync({ids:ee});e.useEffect(()=>{const le=Qe.default.CancelToken.source(),re=s,N=`/content-manager/collection-types/${p}`;return re&&N.includes(Se.current)&&Me(N,{cancelToken:le.token,params:oe}),()=>{Se.current=p,le.cancel("Operation canceled by the user.")}},[s,i,p,oe,l,Me]);const ye=I({id:(0,b.OB)("header.name"),defaultMessage:"Content"}),Te=I({id:f.displayName,defaultMessage:f.displayName||ye}),{runHookWaterfall:nt}=(0,y.j1)(),fn=(0,ne.v9)(ma),Ke=e.useMemo(()=>{const le=nt(Xt.No,{displayedHeaders:fn,layout:u}).displayedHeaders.map(re=>{const{metadatas:N}=re;if(re.fieldSchema.type==="relation"){const _=`${re.name}.${re.metadatas.mainField.name}`;return{...re,metadatas:{...N,label:I({id:(0,b.OB)(`containers.ListPage.table-headers.${re.name}`),defaultMessage:N.label})},name:_}}return{...re,metadatas:{...N,label:I({id:(0,b.OB)(`containers.ListPage.table-headers.${re.name}`),defaultMessage:N.label})}}});return ge&&le.push({key:"__published_at_temp_key__",name:"publishedAt",fieldSchema:{type:"custom"},metadatas:{label:I({id:(0,b.OB)("containers.ListPage.table-headers.publishedAt"),defaultMessage:"publishedAt"}),searchable:!1,sortable:!0}}),se&&(se.map(re=>(typeof re.metadatas.label!="string"&&(re.metadatas.label=I(re.metadatas.label)),re)),le.push(...se)),le},[nt,fn,u,se,ge,I]),vs=s?I({id:(0,b.OB)("pages.ListView.header-subtitle"),defaultMessage:"{number, plural, =0 {# entries} one {# entry} other {# entries}} found"},{number:g}):null,hn=ee=>t?e.createElement(ue.z,{...ee,forwardedAs:Zt.rU,onClick:()=>{const le=ge?{status:"draft"}:{};D.current("willCreateEntry",le)},to:{pathname:`${F}/create`,search:X.plugins?de:""},startIcon:e.createElement(Ct.Z,null),style:{textDecoration:"none"}},I({id:(0,b.OB)("HeaderLayout.button.label-add-entry"),defaultMessage:"Create new entry"})):null,Cs=ee=>()=>{O("willEditEntryFromList"),k({pathname:`${F}/${ee}`,state:{from:F},search:de})},Rs=ee=>async()=>{try{const{data:le}=await Ne(`/content-manager/collection-types/${h.uid}/auto-clone/${ee}?${de}`);"id"in le&&k({pathname:`${F}/${le.id}`,state:{from:F},search:de})}catch(le){le instanceof lg.d7&&k({pathname:`${F}/create/clone/${ee}`,state:{from:F,error:$(le)},search:de})}},Ms=Ke.length+2,Ts=()=>{Me(`/content-manager/collection-types/${p}`,{params:oe})};return he?e.createElement(Ie.o,{"aria-busy":d},e.createElement(Oe.T,{primaryAction:hn(),subtitle:vs,title:Te,navigationAction:e.createElement(y.rU,{startIcon:e.createElement(gt.Z,null),to:"/content-manager/"},I({id:"global.back",defaultMessage:"Back"}))}),!s&&e.createElement(ta.Z,{endActions:e.createElement(Jt,{area:"contentManager.listView.actions"})}),s&&e.createElement(ta.Z,{endActions:e.createElement(e.Fragment,null,e.createElement(Jt,{area:"contentManager.listView.actions"}),e.createElement(Aa,{slug:p,layout:u})),startActions:e.createElement(e.Fragment,null,T&&e.createElement(y.m,{label:I({id:"app.component.search.label",defaultMessage:"Search for {target}"},{target:Te}),placeholder:I({id:"global.search",defaultMessage:"Search"}),trackedEvent:"didSearch"}),C&&!Q&&e.createElement(ra,{displayedFilters:[...Ee,...De].sort((ee,le)=>j.compare(ee.metadatas.label,le.metadatas.label))}))}),e.createElement(st.D,null,s?e.createElement(M.k,{gap:4,direction:"column",alignItems:"stretch"},e.createElement(y.iA.Root,{rows:r,isLoading:d,colCount:Ms},e.createElement(y.iA.ActionBar,null,e.createElement(Cg,{showPublish:a&&ge,showDelete:o,onConfirmDeleteAll:tt,onConfirmUnpublishAll:bt,refetchData:Ts})),e.createElement(y.iA.Content,null,e.createElement(y.iA.Head,null,e.createElement(y.iA.HeaderCheckboxCell,null),Ke.map(({fieldSchema:ee,key:le,name:re,metadatas:N})=>e.createElement(y.iA.HeaderCell,{key:le,name:re,fieldSchemaType:ee.type,relationFieldName:N.mainField?.name,isSortable:N.sortable,label:N.label})),e.createElement(y.iA.HeaderHiddenActionsCell,null)),e.createElement(y.iA.LoadingBody,null),e.createElement(y.iA.EmptyBody,{contentType:Te,action:hn({variant:"secondary"})}),e.createElement(pn.Root,{onConfirmDelete:Et,isConfirmDeleteRowOpen:R,setIsConfirmDeleteRowOpen:A},r.map((ee,le)=>e.createElement(na.Tr,{cursor:"pointer",key:r.id,onClick:Cs(ee.id)},e.createElement(pn.CheckboxDataCell,{rowId:ee.id,index:le}),Ke.map(({key:re,name:N,cellFormatter:_,...ae})=>{if(ge&&N==="publishedAt")return e.createElement(we.Td,{key:re},e.createElement(Mo.q,{width:"min-content",showBullet:!1,variant:ee.publishedAt?"success":"secondary",size:"S"},e.createElement(S.Z,{fontWeight:"bold",textColor:`${ee.publishedAt?"success":"secondary"}700`},I({id:(0,b.OB)(`containers.List.${ee.publishedAt?"published":"draft"}`),defaultMessage:ee.publishedAt?"Published":"Draft"}))));if(x){if(N==="strapi_stage")return e.createElement(we.Td,{key:re},ee.strapi_stage?e.createElement(he.ReviewWorkflowsStageEE,{color:ee.strapi_stage.color??ig.W.colors.primary600,name:ee.strapi_stage.name}):e.createElement(S.Z,{textColor:"neutral800"},"-"));if(N==="strapi_assignee")return e.createElement(we.Td,{key:re},ee.strapi_assignee?e.createElement(he.ReviewWorkflowsAssigneeEE,{user:ee.strapi_assignee}):e.createElement(S.Z,{textColor:"neutral800"},"-"))}return["createdBy","updatedBy"].includes(N.split(".")[0])?e.createElement(we.Td,{key:re},e.createElement(S.Z,{textColor:"neutral800"},ee[N.split(".")[0]]?(0,b.Gf)(ee[N.split(".")[0]],I):"-")):typeof _=="function"?e.createElement(we.Td,{key:re},_(ee,{key:re,name:N,...ae})):e.createElement(we.Td,{key:re},e.createElement(Ng,{content:ee[N.split(".")[0]],name:N,contentType:u.contentType,...ae,rowId:ee.id}))}),(o||a)&&P&&e.createElement(pn.EntityActionsDataCell,{rowId:ee.id,index:le,setIsConfirmDeleteRowOpen:A,canCreate:t,canDelete:o,handleCloneClick:Rs})))))),e.createElement(M.k,{alignItems:"flex-end",justifyContent:"space-between"},e.createElement(y.v4,{trackedEvent:"willChangeNumberOfEntriesPerPage"}),e.createElement(y.tU,{pagination:{pageCount:m?.pageCount||1}}))):e.createElement(y.ZF,null))):null}Fa.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 Ug=fg();function Hg(t){return(0,oa.bindActionCreators)({getData:og,getDataSucceeded:sg,onChangeListHeaders:ea,onResetListHeaders:_r},t)}const Yg=(0,ne.$j)(Ug,Hg);var Gg=(0,oa.compose)(Yg)(e.memo(Fa,Be()));const Es=t=>{const o=(0,e.useMemo)(()=>(0,b.TA)(t.slug),[t.slug]),{isLoading:s,allowedActions:a}=(0,y.ss)(o,t.permissions);return s?e.createElement(y.dO,null):e.createElement(Gg,{...t,...a})};Es.defaultProps={permissions:[]},Es.propTypes={permissions:n().array,slug:n().string.isRequired};var Qg=(0,e.memo)(Es,(t,o)=>{const s=(0,y.e5)(t,o);return Object.keys(s).filter(r=>r!=="state").length>0});const $a=({layout:t,...o})=>{const s=(0,ne.I0)(),{replace:a}=(0,ce.k6)(),[{query:r,rawQuery:i}]=(0,y.Kx)(),{permissions:l,isValid:d}=(0,ve.r5)(r,o.slug,"listView"),u=(0,ve.Ky)(o.slug);return(0,e.useEffect)(()=>{i||a(u)},[i,a,u]),(0,e.useEffect)(()=>{s(ag(t))},[s,t]),(0,e.useEffect)(()=>()=>{s(rg())},[s]),d?e.createElement(Qg,{...o,layout:t,permissions:l}):null};$a.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 Kg=$a,Xg=()=>e.createElement(Y.x,{padding:8},e.createElement(y.Hn,null));const Ba=({match:{params:{slug:t},url:o}})=>{const s=(0,ne.v9)(Ae._),{isLoading:a,layout:r,updateLayout:i}=(0,ve.zE)(t),{rawContentTypeLayout:l,rawComponentsLayouts:d}=(0,e.useMemo)(()=>{let g={},h={};return r.contentType&&(g=(0,b.du)(r.contentType)),r.components&&(h=Object.keys(r.components).reduce((f,E)=>(f[E]=(0,b.du)(r.components[E]),f),{})),{rawContentTypeLayout:g,rawComponentsLayouts:h}},[r]);if((r?.contentType?.uid??null)!==t||a)return e.createElement(y.dO,null);const m=({location:{state:g},history:{goBack:h},match:{params:{id:f,origin:E}}},v)=>e.createElement(v,{slug:t,layout:r,state:g,goBack:h,id:f,origin:E}),p=[{path:"create/clone/:origin",comp:dn},{path:"create",comp:dn},{path:":id",comp:dn},{path:"",comp:Kg}].map(({path:g,comp:h})=>e.createElement(ce.AW,{key:g,path:`${o}/${g}`,render:f=>m(f,h)}));return e.createElement(En.ErrorBoundary,{FallbackComponent:Xg},e.createElement(Vt.Provider,{value:r},e.createElement(ce.rs,null,e.createElement(ce.AW,{path:`${o}/configurations/list`},e.createElement(y.O4,{permissions:s.contentManager.collectionTypesConfigurations},e.createElement(Jr,{layout:l,slug:t,updateLayout:i}))),e.createElement(ce.AW,{path:`${o}/configurations/edit`},e.createElement(y.O4,{permissions:s.contentManager.collectionTypesConfigurations},e.createElement(Un,{components:d,isContentTypeView:!0,mainLayout:l,slug:t,updateLayout:i}))),p)))};Ba.propTypes={match:n().shape({url:n().string.isRequired,params:n().shape({slug:n().string.isRequired}).isRequired}).isRequired};var Jg=(0,e.memo)(Ba),wa=c(4214);const _g=()=>{const[{isLoading:t,data:o},s]=(0,e.useReducer)(wa.Z,wa.q),a=(0,e.useMemo)(vt.Vo,[]),{schemas:r}=(0,ne.v9)(u=>a(u),ne.wU),i=(0,ne.v9)(Ae._),{uid:l}=(0,ce.UO)(),{get:d}=(0,y.kY)();return(0,e.useEffect)(()=>{const m=Qe.default.CancelToken.source();return(async g=>{try{s(_t());const{data:{data:h}}=await d(`/content-manager/components/${l}/configuration`,{cancelToken:g.token});s(Hn((0,b.w8)(h,r,"component")))}catch(h){if(Qe.default.isCancel(h))return;console.error(h)}})(m),()=>{m.cancel("Operation canceled by the user.")}},[l,r,d]),t?e.createElement(y.dO,null):e.createElement(y.O4,{permissions:i.contentManager.componentsConfigurations},e.createElement(Un,{components:o.components,mainLayout:o.component,slug:l}))};var ef=(0,e.memo)(_g),tf=c(80564),nf=c(23982),of=()=>{const{formatMessage:t}=(0,H.Z)();return(0,y.go)(),e.createElement(Ie.o,null,e.createElement(Oe.T,{title:t({id:(0,b.OB)("header.name"),defaultMessage:"Content"})}),e.createElement(st.D,null,e.createElement(tf.x,{action:e.createElement(y.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(nf.Z,{width:"10rem"}),shadow:"tableShadow"})))},sf=()=>{const{formatMessage:t}=(0,H.Z)();return(0,y.go)(),e.createElement(Ie.o,null,e.createElement(Oe.T,{title:t({id:(0,b.OB)("header.name"),defaultMessage:"Content"})}),e.createElement(st.D,null,e.createElement(y.ZF,null)))};const Na=({match:{params:{slug:t},url:o}})=>{const s=(0,ne.v9)(Ae._),{isLoading:a,layout:r,updateLayout:i}=(0,ve.zE)(t),{rawContentTypeLayout:l,rawComponentsLayouts:d}=(0,e.useMemo)(()=>{let u={},m={};return r.contentType&&(m=(0,b.du)(r.contentType)),r.components&&(u=Object.keys(r.components).reduce((p,g)=>(p[g]=(0,b.du)(r.components[g]),p),{})),{rawContentTypeLayout:m,rawComponentsLayouts:u}},[r]);return a?e.createElement(y.dO,null):e.createElement(Vt.Provider,{value:r},e.createElement(ce.rs,null,e.createElement(ce.AW,{path:`${o}/configurations/edit`},e.createElement(y.O4,{permissions:s.contentManager.singleTypesConfigurations},e.createElement(Un,{components:d,isContentTypeView:!0,mainLayout:l,slug:t,updateLayout:i}))),e.createElement(ce.AW,{path:o,render:({location:{state:u},history:{goBack:m}})=>e.createElement(dn,{layout:r,slug:t,isSingleType:!0,state:u,goBack:m})})))};Na.propTypes={match:n().shape({url:n().string.isRequired,params:n().shape({slug:n().string.isRequired}).isRequired}).isRequired};var rf=(0,e.memo)(Na),af=c(91917);const lf=(0,Z.ZP)(M.k)`
|
|
1210
|
-
border-radius: 50%;
|
|
1211
|
-
|
|
1212
|
-
svg {
|
|
1213
|
-
height: ${6/16}rem;
|
|
1214
|
-
width: ${11/16}rem;
|
|
1215
|
-
> path {
|
|
1216
|
-
fill: ${({theme:t})=>t.colors.neutral600};
|
|
1217
|
-
}
|
|
1218
|
-
}
|
|
1219
|
-
`,cf=Z.ZP.button`
|
|
1220
|
-
border: none;
|
|
1221
|
-
background: transparent;
|
|
1222
|
-
display: block;
|
|
1223
|
-
width: 100%;
|
|
1224
|
-
text-align: unset;
|
|
1225
|
-
padding: 0;
|
|
1226
|
-
`;function ja({displayedValue:t}){return e.createElement(M.k,{background:"neutral0",borderColor:"neutral200",justifyContent:"space-between",gap:3,padding:3,width:(0,y.Q1)(300)},e.createElement(cf,{type:"button"},e.createElement(M.k,{gap:6},e.createElement(lf,{alignItems:"center",justifyContent:"center",background:"neutral200",height:(0,y.Q1)(32),width:(0,y.Q1)(32)},e.createElement(af.Z,null)),e.createElement(M.k,{maxWidth:(0,y.Q1)(150)},e.createElement(S.Z,{textColor:"neutral700",ellipsis:!0},t)))),e.createElement(M.k,{gap:2},e.createElement(Re.h,{noBorder:!0},e.createElement(Ge.Z,null)),e.createElement(Re.h,{noBorder:!0},e.createElement(rt.Z,null))))}ja.propTypes={displayedValue:n().string.isRequired};const Wa=({status:t,displayedValue:o,width:s})=>{const{formatMessage:a}=(0,H.Z)(),r={[yt.DRAFT]:a({id:(0,b.OB)("relation.publicationState.draft"),defaultMessage:"Draft"}),[yt.PUBLISHED]:a({id:(0,b.OB)("relation.publicationState.published"),defaultMessage:"Published"})},i=t===yt.DRAFT?"secondary":"success";return e.createElement(Y.x,{style:{width:s}},e.createElement(M.k,{paddingTop:2,paddingBottom:2,paddingLeft:2,paddingRight:4,hasRadius:!0,borderSize:1,background:"neutral0",borderColor:"neutral200",justifyContent:"space-between"},e.createElement(Rr,{gap:1},e.createElement(Re.h,{noBorder:!0},e.createElement(rt.Z,null)),e.createElement(Mr,{maxWidth:"100%",justifyContent:"space-between"},e.createElement(Y.x,{minWidth:0,paddingTop:1,paddingBottom:1,paddingRight:4},e.createElement(Tr,null,e.createElement(S.Z,{textColor:"primary600",ellipsis:!0},o))),t&&e.createElement(Mo.q,{variant:i,showBullet:!1,size:"S"},e.createElement(S.Z,{fontWeight:"bold",textColor:`${i}700`},r[t])))),e.createElement(Y.x,{paddingLeft:4},e.createElement(kr,{type:"button"},e.createElement(et.J,{width:"12px",as:en.Z})))))};Wa.propTypes={status:n().string.isRequired,displayedValue:n().string.isRequired,width:n().number.isRequired};var df=c(7141),uf=c(65352),mf=c(36473),pf=c(88791),gf=c(89274),ff=()=>{const[t,o]=(0,e.useState)(""),{formatMessage:s,locale:a}=(0,H.Z)(),r=(0,e.useMemo)(vt.KQ,[]),{collectionTypeLinks:i,singleTypeLinks:l}=(0,ne.v9)(r,ne.wU),{startsWith:d}=(0,y.L0)(a,{sensitivity:"base"}),u=(0,y.Xe)(a,{sensitivity:"base"}),m=(0,e.useMemo)(()=>[{id:"collectionTypes",title:{id:(0,He.Z)("components.LeftMenu.collection-types"),defaultMessage:"Collection Types"},searchable:!0,links:i},{id:"singleTypes",title:{id:(0,He.Z)("components.LeftMenu.single-types"),defaultMessage:"Single Types"},searchable:!0,links:l}].map(f=>({...f,links:f.links.filter(E=>d(E.title,t)).sort((E,v)=>u.compare(E.title,v.title)).map(E=>({...E,title:s({id:E.title,defaultMessage:E.title})}))})),[i,t,l,d,s,u]),p=()=>{o("")},g=({target:{value:f}})=>{o(f)},h=s({id:(0,He.Z)("header.name"),defaultMessage:"Content"});return e.createElement(df.m,{ariaLabel:h},e.createElement(uf.p,{label:h,searchable:!0,value:t,onChange:g,onClear:p,searchLabel:s({id:"content-manager.components.LeftMenu.Search.label",defaultMessage:"Search for a content type"})}),e.createElement(mf.Z,null,m.map(f=>{const E=s({id:f.title.id,defaultMessage:f.title.defaultMessage},f.title.values);return e.createElement(pf.D,{key:f.id,label:E,badgeLabel:f.links.length.toString()},f.links.map(v=>{const P=v.search?`?${v.search}`:"";return e.createElement(gf.E,{as:Zt.OL,key:v.uid,to:`${v.to}${P}`},v.title)}))})))},bs=c(70475);const hf=()=>({type:bs.fn}),yf=()=>({type:bs.sZ}),Ef=({authorizedCollectionTypeLinks:t,authorizedSingleTypeLinks:o,contentTypeSchemas:s,components:a,fieldSizes:r})=>({type:bs.IX,data:{authorizedCollectionTypeLinks:t,authorizedSingleTypeLinks:o,components:a,contentTypeSchemas:s,fieldSizes:r}});var qa=(t,o)=>o.map(({permissions:s})=>(0,y.qX)(t,s)),bf=c(81346),vf=c.n(bf);const za=(t,o,s=[])=>t.filter(a=>a.isDisplayed).map(a=>{const r=[{action:"plugin::content-manager.explorer.create",subject:a.uid},{action:"plugin::content-manager.explorer.read",subject:a.uid}],i=[{action:"plugin::content-manager.explorer.read",subject:a.uid}],l=o==="collectionTypes"?r:i,d=s.find(({uid:m})=>m===a.uid);let u=null;if(d){const m={page:1,pageSize:d.settings.pageSize,sort:`${d.settings.defaultSortBy}:${d.settings.defaultSortOrder}`};u=(0,un.stringify)(m,{encode:!1})}return{permissions:l,search:u,kind:a.kind,title:a.info.displayName,to:`/content-manager/${a.kind}/${a.uid}`,uid:a.uid,name:a.uid,isDisplayed:a.isDisplayed}});var Cf=(t,o)=>{const s=Object.entries(vf()(t,"kind")).map(([i,l])=>({name:i,links:l})),[a,r]=We()(s,"name");return{collectionTypeSectionLinks:za(a?.links||[],"collectionTypes",o),singleTypeSectionLinks:za(r?.links??[],"singleTypes")}},Rf=async({models:t,userPermissions:o,toggleNotification:s})=>{const{get:a}=(0,y.tg)();try{const{data:{data:r}}=await a("/content-manager/content-types-settings"),{collectionTypeSectionLinks:i,singleTypeSectionLinks:l}=Cf(t,r),d=await Promise.all(qa(o,i)),u=i.filter((g,h)=>d[h]),m=await Promise.all(qa(o,l)),p=l.filter((g,h)=>m[h]);return{authorizedCollectionTypeLinks:u,authorizedSingleTypeLinks:p}}catch(r){return console.error(r),s({type:"warning",message:{id:"notification.error"}}),{authorizedCollectionTypeLinks:[],authorizedSingleTypeLinks:[]}}},Mf=()=>{const t=(0,ne.I0)(),o=(0,y.lm)(),s=(0,ne.v9)((0,vt.Yg)()),a=(0,e.useRef)(),{allPermissions:r}=(0,y.vn)(),{runHookWaterfall:i}=(0,y.j1)(),d=Qe.default.CancelToken.source(),{notifyStatus:u}=(0,ls.G)(),{formatMessage:m}=(0,H.Z)(),{get:p}=(0,y.kY)(),g=async()=>{t(hf());try{const{data:{data:{components:h,contentTypes:f,fieldSizes:E}}}=await p("/content-manager/init",{cancelToken:d.token});u(m({id:(0,b.OB)("App.schemas.data-loaded"),defaultMessage:"The schemas have been successfully loaded."}));const v=await Rf({models:f,userPermissions:r,toggleNotification:o}),{ctLinks:P}=i(Xt.LK,{ctLinks:v.authorizedCollectionTypeLinks,models:f}),{stLinks:C}=i(Xt.dV,{stLinks:v.authorizedSingleTypeLinks,models:f}),T=Ef({authorizedCollectionTypeLinks:P,authorizedSingleTypeLinks:C,contentTypeSchemas:f,components:h,fieldSizes:E});t(T)}catch(h){if(Qe.default.isCancel(h))return;console.error(h),o({type:"warning",message:{id:"notification.error"}})}};return a.current=g,(0,e.useEffect)(()=>(a.current(),()=>{d.cancel("Operation canceled by the user."),t(yf())}),[t,o]),{...s,refetchData:a.current}};function Tf({type:t,item:o}){if([pt.Z.EDIT_FIELD,pt.Z.FIELD].includes(t))return e.createElement(qt,{labelField:o.labelField});const[s]=t.split("_");switch(s){case pt.Z.COMPONENT:case pt.Z.DYNAMIC_ZONE:return e.createElement(ja,{displayedValue:o.displayedValue});case pt.Z.RELATION:return e.createElement(Wa,{displayedValue:o.displayedValue,status:o.status,width:o.width});default:return null}}const Va=()=>{const t=(0,ce.$B)("/content-manager/:kind/:uid"),{status:o,collectionTypeLinks:s,singleTypeLinks:a,models:r,refetchData:i}=Mf(),l=We()([...s,...a],f=>f.title.toLowerCase()),{pathname:d}=(0,ce.TH)(),{formatMessage:u}=(0,H.Z)(),{startSection:m}=(0,y.c1)(),p=(0,e.useRef)(m),g=(0,ne.v9)(Ae._);if((0,e.useEffect)(()=>{p.current&&p.current("contentManager")},[]),o==="loading")return e.createElement(Ie.o,{"aria-busy":"true"},e.createElement(Oe.T,{title:u({id:(0,He.Z)("header.name"),defaultMessage:"Content"})}),e.createElement(y.dO,null));const h=r.filter(({isDisplayed:f})=>f);return l.length===0&&h.length>0&&d!=="/content-manager/403"?e.createElement(ce.l_,{to:"/content-manager/403"}):h.length===0&&d!=="/content-manager/no-content-types"?e.createElement(ce.l_,{to:"/content-manager/no-content-types"}):!t&&l.length>0?e.createElement(ce.l_,{to:`${l[0].to}${l[0].search?`?${l[0].search}`:""}`}):e.createElement(Xe.A,{sideNav:e.createElement(ff,null)},e.createElement(ut.r,{renderItem:Tf}),e.createElement(mt.Provider,{value:{refetchData:i}},e.createElement(ce.rs,null,e.createElement(ce.AW,{path:"/content-manager/components/:uid/configurations/edit"},e.createElement(y.O4,{permissions:g.contentManager.componentsConfigurations},e.createElement(ef,null))),e.createElement(ce.AW,{path:"/content-manager/collectionType/:slug",component:Jg}),e.createElement(ce.AW,{path:"/content-manager/singleType/:slug",component:rf}),e.createElement(ce.AW,{path:"/content-manager/403"},e.createElement(sf,null)),e.createElement(ce.AW,{path:"/content-manager/no-content-types"},e.createElement(of,null)),e.createElement(ce.AW,{path:"",component:y.Hn}))))};function kf(){const{formatMessage:t}=(0,H.Z)();return e.createElement(e.Fragment,null,e.createElement(qe.q,{title:t({id:(0,He.Z)("plugin.name"),defaultMessage:"Content Manager"})}),e.createElement(Va,null))}},98865:function(yn,ot,c){"use strict";c.d(ot,{d:function(){return Vt}});var e=c(32735),Ie=c(84642),Oe=c(8365),Xe=c(77981),y=c(2775),dt=c(61489),We=c(60216),qe=c.n(We),H=c(67879),ne=c(69997);const ce=60*1e3,ut=ce*60,Ae=ut*24,zt=Ae*30,mt=Ae*365;var pt=be=>be<ce?{unit:"second",value:-Math.round(be/1e3)}:be<ut?{unit:"minute",value:-Math.round(be/ce)}:be<Ae?{unit:"hour",value:-Math.round(be/ut)}:be<zt?{unit:"day",value:-Math.round(be/Ae)}:be<mt?{unit:"month",value:-Math.round(be/zt)}:{unit:"year",value:-Math.round(be/mt)};const Fe=()=>{const{formatMessage:be}=(0,H.Z)();return e.createElement(Ie.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Oe.Z,{variant:"sigma",textColor:"neutral600",id:"additional-information"},be({id:(0,ne.OB)("containers.Edit.information"),defaultMessage:"Information"})),e.createElement(Xe.x,null,e.createElement(y.i,null)))},n=({label:be,value:ve})=>e.createElement(Ie.k,{justifyContent:"space-between"},e.createElement(Oe.Z,{as:"dt",fontWeight:"bold",textColor:"neutral800",variant:"pi"},be),e.createElement(Oe.Z,{as:"dd",variant:"pi",textColor:"neutral600"},ve));n.defaultProps={value:"-"},n.propTypes={label:qe().string.isRequired,value:qe().string};const En=()=>{const{formatMessage:be,formatRelativeTime:ve}=(0,H.Z)(),{initialData:b,isCreatingEntry:ue}=(0,dt.Wq)(),st=(0,e.useRef)(Date.now()),Y=(Le,Ce)=>{const ze=b[Ce]?(0,ne.Gf)(b[Ce],be):"-",Pt=(b[Le]?new Date(b[Le]).getTime():Date.now())-st.current,{unit:gt,value:Ye}=pt(-Pt);return{at:ve(Ye,gt,{numeric:"auto"}),by:ue?"-":ze}},M=Y("updatedAt","updatedBy"),S=Y("createdAt","createdBy");return e.createElement(Ie.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(Ie.k,{direction:"column",alignItems:"stretch",gap:2,as:"dl"},e.createElement(n,{label:be({id:(0,ne.OB)("containers.Edit.information.created"),defaultMessage:"Created"}),value:S.at}),e.createElement(n,{label:be({id:(0,ne.OB)("containers.Edit.information.by"),defaultMessage:"By"}),value:S.by})),e.createElement(Ie.k,{direction:"column",alignItems:"stretch",gap:2,as:"dl"},e.createElement(n,{label:be({id:(0,ne.OB)("containers.Edit.information.lastUpdate"),defaultMessage:"Last update"}),value:M.at}),e.createElement(n,{label:be({id:(0,ne.OB)("containers.Edit.information.by"),defaultMessage:"By"}),value:M.by})))},bn=({children:be})=>e.createElement(Ie.k,{direction:"column",alignItems:"stretch",gap:4},be);bn.propTypes={children:qe().oneOfType([qe().arrayOf(qe().node),qe().node]).isRequired};const Vt={Root:bn,Title:Fe,Body:En}},97108:function(yn,ot,c){"use strict";c.d(ot,{R:function(){return Xe}});var e=c(32735),Ie=c(61489),Oe=c(20108);function Xe(y={},dt={}){const{id:We="",...qe}=y,{get:H}=(0,Ie.kY)(),{data:ne,isError:ce,isLoading:ut,refetch:Ae}=(0,Oe.useQuery)(["users",We,qe],async()=>{const{data:{data:mt}}=await H(`/admin/users/${We}`,{params:qe});return mt},dt);return{users:e.useMemo(()=>We&&ne?[ne]:Array.isArray(ne?.results)?ne.results:[],[ne,We]),pagination:e.useMemo(()=>ne?.pagination??null,[ne?.pagination]),isLoading:ut,isError:ce,refetch:Ae}}},57544:function(){},59599:function(){},42310:function(){},33842:function(){},85695:function(){}}]);
|