@strapi/admin 4.14.5 → 4.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/admin/src/StrapiApp.js +13 -12
- package/admin/src/components/AuthenticatedApp.tsx +187 -0
- package/admin/src/components/ConfigurationProvider.tsx +2 -1
- package/admin/src/components/GuidedTour/Homepage.tsx +111 -0
- package/admin/src/components/GuidedTour/Modal.tsx +303 -0
- package/admin/src/components/GuidedTour/Ornaments.tsx +74 -0
- package/admin/src/components/GuidedTour/Provider.tsx +253 -0
- package/admin/src/components/GuidedTour/{layout.js → constants.ts} +13 -3
- package/admin/src/components/LanguageProvider.tsx +1 -0
- package/admin/src/components/Providers.tsx +125 -0
- package/admin/src/components/RBACProvider.tsx +124 -0
- package/admin/src/components/Theme.tsx +4 -2
- package/admin/src/components/ThemeToggleProvider.tsx +23 -9
- package/admin/src/components/__mocks__/{LanguageProvider.js → LanguageProvider.ts} +2 -0
- package/admin/src/{constants.js → constants.ts} +48 -0
- package/admin/src/content-manager/components/BlocksEditor/Toolbar/index.js +75 -51
- package/admin/src/content-manager/components/BlocksEditor/hooks/useBlocksStore.js +72 -14
- package/admin/src/content-manager/pages/App/selectors.js +1 -1
- package/admin/src/content-manager/pages/App/useContentManagerInitData.js +3 -1
- package/admin/src/content-manager/pages/EditView/selectors.js +1 -1
- package/admin/src/content-manager/pages/EditViewLayoutManager/index.js +3 -1
- package/admin/src/content-manager/pages/ListView/components/Body/index.js +53 -56
- package/admin/src/content-manager/pages/ListView/components/BulkActionButtons/SelectedEntriesModal/index.js +5 -3
- package/admin/src/content-manager/pages/ListView/components/TableRows/index.js +1 -1
- package/admin/src/content-manager/pages/ListView/index.js +33 -50
- package/admin/src/content-manager/pages/ListView/selectors.js +1 -1
- package/admin/src/contexts/admin.ts +1 -0
- package/admin/src/contexts/apiTokenPermissions.tsx +64 -0
- package/admin/src/contexts/themeToggle.ts +3 -1
- package/admin/src/core/store/configure.ts +91 -0
- package/admin/src/core/store/hooks.ts +15 -0
- package/admin/src/hooks/index.js +0 -1
- package/admin/src/hooks/{useContentTypes/useContentTypes.js → useContentTypes.ts} +39 -16
- package/admin/src/hooks/useSettingsForm/index.js +14 -2
- package/admin/src/hooks/useSettingsMenu/constants.js +39 -0
- package/admin/src/index.js +2 -4
- package/admin/src/layouts/{AppLayout/index.js → AppLayout.tsx} +7 -10
- package/admin/src/layouts/UnauthenticatedLayout.tsx +77 -0
- package/admin/src/pages/Admin/index.js +11 -5
- package/admin/src/pages/App/index.js +7 -4
- package/admin/src/pages/App/selectors.js +1 -1
- package/admin/src/pages/AuthPage/components/ForgotPassword/index.js +2 -1
- package/admin/src/pages/AuthPage/components/ForgotPasswordSuccess/index.js +2 -1
- package/admin/src/pages/AuthPage/components/Login/index.js +1 -1
- package/admin/src/pages/AuthPage/components/Oops/index.js +2 -1
- package/admin/src/pages/AuthPage/components/Register/index.js +1 -1
- package/admin/src/pages/AuthPage/components/ResetPassword/index.js +2 -1
- package/admin/src/pages/AuthPage/index.js +2 -3
- package/admin/src/pages/HomePage/index.js +6 -3
- package/admin/src/pages/{InternalErrorPage/index.js → InternalErrorPage.tsx} +10 -6
- package/admin/src/pages/{NotFoundPage/index.js → NotFoundPage.tsx} +9 -7
- package/admin/src/pages/ProfilePage/components/Preferences/index.js +23 -9
- package/admin/src/pages/ProfilePage/index.js +1 -1
- package/admin/src/pages/SettingsPage/components/SettingsNav/index.js +20 -0
- package/admin/src/pages/SettingsPage/constants.js +33 -0
- package/admin/src/pages/SettingsPage/index.js +2 -2
- package/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/ActionBoundRoutes/index.js +1 -1
- package/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/CollapsableContentType/index.js +1 -1
- package/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/Permissions/index.js +1 -1
- package/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/index.js +2 -2
- package/admin/src/pages/SettingsPage/pages/AuditLogs/SalesPage.js +50 -0
- package/admin/src/pages/SettingsPage/pages/ReviewWorkflows/SalesPage.js +53 -0
- package/admin/src/pages/SettingsPage/pages/SingleSignOn/SalesPage.js +53 -0
- package/admin/src/pages/SettingsPage/pages/TransferTokens/EditView/index.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Users/EditPage/index.js +2 -1
- package/admin/src/pages/SettingsPage/pages/Users/ListPage/DynamicTable/TableRows/index.js +1 -1
- package/admin/src/pages/{UseCasePage/index.js → UseCasePage.tsx} +10 -12
- package/admin/src/translations/en.json +5 -0
- package/admin/src/utils/createRoute.tsx +54 -0
- package/admin/src/utils/formatAPIErrors.ts +18 -0
- package/admin/src/utils/getFullName.ts +3 -0
- package/admin/src/utils/{uniqueAdminHash.js → hashAdminUserEmail.ts} +6 -3
- package/admin/src/utils/makeUniqueRoutes.ts +11 -0
- package/build/{1049.9236e785.chunk.js → 1049.ecc10c97.chunk.js} +1 -1
- package/build/1217.96155682.chunk.js +35 -0
- package/build/{1227.e0f7447b.chunk.js → 1227.947ceaf9.chunk.js} +1 -1
- package/build/1306.2699df52.chunk.js +79 -0
- package/build/{1386.07f2bbb3.chunk.js → 1386.eabd8a1e.chunk.js} +1 -1
- package/build/{2379.b0bc4013.chunk.js → 2379.7ce8e110.chunk.js} +1 -1
- package/build/{2395.d37b1025.chunk.js → 2395.acb961a8.chunk.js} +3 -3
- package/build/{2801.12522720.chunk.js → 2801.4711ea5a.chunk.js} +1 -1
- package/build/{3019.0d74d080.chunk.js → 3019.fde2e1be.chunk.js} +2 -2
- package/build/3460.8644e608.chunk.js +146 -0
- package/build/{3483.8f1b25f8.chunk.js → 3483.db8c1520.chunk.js} +1 -1
- package/build/{4174.2c4f958e.chunk.js → 4174.49cedb6a.chunk.js} +1 -1
- package/build/4732.149f5f8f.chunk.js +1 -0
- package/build/{502.b845473a.chunk.js → 502.f536f78b.chunk.js} +1 -1
- package/build/{7464.91341b4f.chunk.js → 7464.579564ac.chunk.js} +1 -1
- package/build/7811.fdbe09af.chunk.js +103 -0
- package/build/{7897.dffa5ad5.chunk.js → 7897.63ba0a00.chunk.js} +1 -1
- package/build/{8276.e9698944.chunk.js → 8276.9abe4679.chunk.js} +3 -3
- package/build/8773.ee67141c.chunk.js +48 -0
- package/build/9077.2cc01ac8.chunk.js +105 -0
- package/build/{9218.306ad178.chunk.js → 9218.b2d367f8.chunk.js} +1 -1
- package/build/Admin-authenticatedApp.059dc48f.chunk.js +79 -0
- package/build/Admin_InternalErrorPage.06eeef20.chunk.js +1 -0
- package/build/Admin_homePage.56b9eb3f.chunk.js +81 -0
- package/build/{Admin_marketplace.0db78604.chunk.js → Admin_marketplace.d693a435.chunk.js} +1 -1
- package/build/{Admin_pluginsPage.1083f7f0.chunk.js → Admin_pluginsPage.ae2c872a.chunk.js} +1 -1
- package/build/Admin_profilePage.89099d5b.chunk.js +13 -0
- package/build/Admin_settingsPage.88c45586.chunk.js +12 -0
- package/build/{Upload_ConfigureTheView.3cfeb108.chunk.js → Upload_ConfigureTheView.44f28145.chunk.js} +1 -1
- package/build/admin-app.990e112f.chunk.js +69 -0
- package/build/{admin-edit-roles-page.556fac52.chunk.js → admin-edit-roles-page.4e1eb4a9.chunk.js} +3 -3
- package/build/admin-edit-users.5b91404e.chunk.js +10 -0
- package/build/{admin-roles-list.15918328.chunk.js → admin-roles-list.89dd94fe.chunk.js} +1 -1
- package/build/{admin-users.74fddc87.chunk.js → admin-users.7be4fc5f.chunk.js} +2 -2
- package/build/{api-tokens-create-page.c08ae118.chunk.js → api-tokens-create-page.571920e5.chunk.js} +1 -1
- package/build/{api-tokens-edit-page.ce18efdc.chunk.js → api-tokens-edit-page.cbdc81b1.chunk.js} +1 -1
- package/build/{api-tokens-list-page.783b7569.chunk.js → api-tokens-list-page.de0c49e8.chunk.js} +2 -2
- package/build/audit-logs-sales-page.2955db88.chunk.js +1 -0
- package/build/{audit-logs-settings-page.12aeea8c.chunk.js → audit-logs-settings-page.b0cb5164.chunk.js} +1 -1
- package/build/content-manager.de7ae330.chunk.js +1241 -0
- package/build/{content-type-builder-list-view.38ed3935.chunk.js → content-type-builder-list-view.6c8d3213.chunk.js} +1 -1
- package/build/{content-type-builder-translation-en-json.43f9d7bc.chunk.js → content-type-builder-translation-en-json.74d80f18.chunk.js} +1 -1
- package/build/{content-type-builder.758a9d23.chunk.js → content-type-builder.0bc97051.chunk.js} +13 -23
- package/build/{email-settings-page.e08a587e.chunk.js → email-settings-page.07712efc.chunk.js} +1 -1
- package/build/en-json.5b907f67.chunk.js +1 -0
- package/build/{i18n-settings-page.3186e3e9.chunk.js → i18n-settings-page.5c34f012.chunk.js} +1 -1
- package/build/index.html +1 -1
- package/build/main.f84563f1.js +2665 -0
- package/build/review-workflows-sales-page.f46a8f00.chunk.js +1 -0
- package/build/{review-workflows-settings-create-view.5cdc4d64.chunk.js → review-workflows-settings-create-view.d0544fb0.chunk.js} +1 -1
- package/build/{review-workflows-settings-edit-view.53bf7865.chunk.js → review-workflows-settings-edit-view.aabf49ef.chunk.js} +1 -1
- package/build/review-workflows-settings-list-view.8b0525ab.chunk.js +56 -0
- package/build/runtime~main.270fd45f.js +2 -0
- package/build/sso-sales-page.ef22e469.chunk.js +1 -0
- package/build/sso-settings-page.21e16ae4.chunk.js +1 -0
- package/build/{transfer-tokens-create-page.2662d519.chunk.js → transfer-tokens-create-page.3366204d.chunk.js} +1 -1
- package/build/{transfer-tokens-edit-page.f64d8d8c.chunk.js → transfer-tokens-edit-page.15cf0f73.chunk.js} +1 -1
- package/build/{transfer-tokens-list-page.e6fd5f87.chunk.js → transfer-tokens-list-page.0bc0e682.chunk.js} +2 -2
- package/build/{upload-settings.450a1de0.chunk.js → upload-settings.1319dca0.chunk.js} +1 -1
- package/build/{upload.0d53e7a3.chunk.js → upload.1ced11be.chunk.js} +1 -1
- package/build/{users-advanced-settings-page.4a1f1f6d.chunk.js → users-advanced-settings-page.8e657084.chunk.js} +1 -1
- package/build/{users-email-settings-page.ea81fe82.chunk.js → users-email-settings-page.e57745e5.chunk.js} +1 -1
- package/build/{users-providers-settings-page.10280cdb.chunk.js → users-providers-settings-page.55796d13.chunk.js} +1 -1
- package/build/{users-roles-settings-page.4a7158be.chunk.js → users-roles-settings-page.57079245.chunk.js} +1 -1
- package/build/webhook-edit-page.3a28b2e7.chunk.js +33 -0
- package/build/{webhook-list-page.f57285ca.chunk.js → webhook-list-page.ee80767b.chunk.js} +1 -1
- package/ee/admin/pages/AuthPage/components/Login/index.js +1 -1
- package/ee/admin/pages/AuthPage/components/Providers/index.js +2 -1
- package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/selectors.js +1 -1
- package/ee/server/bootstrap.js +1 -1
- package/ee/server/controllers/admin.js +1 -1
- package/ee/server/controllers/user.js +1 -1
- package/ee/server/destroy.js +1 -1
- package/ee/server/register.js +1 -1
- package/ee/server/routes/utils.js +1 -1
- package/ee/server/services/audit-logs.js +1 -1
- package/ee/server/services/passport/sso.js +1 -1
- package/ee/server/services/passport.js +1 -1
- package/ee/server/services/seat-enforcement.js +1 -1
- package/ee/server/utils/sso-lock.js +1 -1
- package/ee/server/validation/role.js +1 -1
- package/ee/server/validation/user.js +1 -1
- package/package.json +15 -16
- package/server/controllers/admin.js +1 -1
- package/shared/entities.ts +1 -1
- package/shared/permissions.ts +35 -35
- package/shared/schema.ts +9 -0
- package/admin/src/components/AuthenticatedApp/index.js +0 -116
- package/admin/src/components/AuthenticatedApp/utils/api.js +0 -47
- package/admin/src/components/AuthenticatedApp/utils/checkLatestStrapiVersion.ts +0 -13
- package/admin/src/components/AuthenticatedApp/utils/fetchStrapiLatestRelease.ts +0 -19
- package/admin/src/components/GuidedTour/Homepage/components/Step.js +0 -61
- package/admin/src/components/GuidedTour/Homepage/components/Stepper.js +0 -61
- package/admin/src/components/GuidedTour/Homepage/index.js +0 -71
- package/admin/src/components/GuidedTour/Modal/components/Content.js +0 -66
- package/admin/src/components/GuidedTour/Modal/components/Modal.js +0 -72
- package/admin/src/components/GuidedTour/Modal/components/StepNumberWithPadding.js +0 -26
- package/admin/src/components/GuidedTour/Modal/components/Stepper.js +0 -118
- package/admin/src/components/GuidedTour/Modal/index.js +0 -94
- package/admin/src/components/GuidedTour/Modal/reducer.js +0 -29
- package/admin/src/components/GuidedTour/Stepper/StepLine.js +0 -29
- package/admin/src/components/GuidedTour/Stepper/StepNumber.js +0 -71
- package/admin/src/components/GuidedTour/constants.js +0 -3
- package/admin/src/components/GuidedTour/index.js +0 -102
- package/admin/src/components/GuidedTour/init.js +0 -37
- package/admin/src/components/GuidedTour/reducer.js +0 -50
- package/admin/src/components/GuidedTour/utils/arePreviousSectionsDone.js +0 -13
- package/admin/src/components/GuidedTour/utils/arePreviousStepsDone.js +0 -12
- package/admin/src/components/GuidedTour/utils/isGuidedTourCompleted.js +0 -6
- package/admin/src/components/GuidedTour/utils/persistStateToLocaleStorage.js +0 -34
- package/admin/src/components/Providers/index.js +0 -156
- package/admin/src/components/RBACProvider/actions.js +0 -10
- package/admin/src/components/RBACProvider/constants.js +0 -2
- package/admin/src/components/RBACProvider/index.js +0 -39
- package/admin/src/components/RBACProvider/reducer.js +0 -51
- package/admin/src/contexts/ApiTokenPermissions/index.js +0 -25
- package/admin/src/core/store/configureStore.js +0 -47
- package/admin/src/exposedHooks.js +0 -27
- package/admin/src/hooks/useContentTypes/index.js +0 -1
- package/admin/src/injectionZones.js +0 -25
- package/admin/src/layouts/UnauthenticatedLayout/LocaleToggle/index.js +0 -29
- package/admin/src/layouts/UnauthenticatedLayout/index.js +0 -55
- package/admin/src/reducers.js +0 -23
- package/admin/src/utils/checkFormValidity.js +0 -15
- package/admin/src/utils/createRoute.js +0 -50
- package/admin/src/utils/formatAPIErrors.js +0 -17
- package/admin/src/utils/getAttributesToDisplay.js +0 -19
- package/admin/src/utils/getExistingActions.js +0 -32
- package/admin/src/utils/getFullName.js +0 -9
- package/admin/src/utils/index.js +0 -9
- package/admin/src/utils/makeUniqueRoutes.js +0 -6
- package/admin/src/utils/sortLinks.js +0 -5
- package/build/1222.fe92c653.chunk.js +0 -35
- package/build/2225.a2147b8f.chunk.js +0 -79
- package/build/3021.33ad47fb.chunk.js +0 -103
- package/build/6373.1a21d665.chunk.js +0 -105
- package/build/8894.5ca4852a.chunk.js +0 -26
- package/build/9302.550cf5b7.chunk.js +0 -146
- package/build/Admin-authenticatedApp.e897fccb.chunk.js +0 -79
- package/build/Admin_InternalErrorPage.e2431a95.chunk.js +0 -1
- package/build/Admin_homePage.71ef8d06.chunk.js +0 -81
- package/build/Admin_profilePage.61704b7d.chunk.js +0 -13
- package/build/Admin_settingsPage.39cb9fca.chunk.js +0 -111
- package/build/admin-app.06f5e70a.chunk.js +0 -69
- package/build/admin-edit-users.64fd1318.chunk.js +0 -10
- package/build/content-manager.2e3f660b.chunk.js +0 -1220
- package/build/en-json.bd611a8e.chunk.js +0 -1
- package/build/main.00ea6f5a.js +0 -2665
- package/build/review-workflows-settings-list-view.b4a8aefb.chunk.js +0 -56
- package/build/runtime~main.e3bf3980.js +0 -2
- package/build/sso-settings-page.6a35d473.chunk.js +0 -1
- package/build/webhook-edit-page.65ac30ee.chunk.js +0 -33
- /package/admin/src/hooks/{useContentTypes/__mocks__/index.js → __mocks__/useContentTypes.ts} +0 -0
|
@@ -0,0 +1,1241 @@
|
|
|
1
|
+
(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[994],{62089:function(hn,st,c){"use strict";c.d(st,{R:function(){return Xe}});var e=c(32735),Me=c(96192),Ie=c(20108);function Xe(y={},dt={}){const{id:_e="",...We}=y,{get:G}=(0,Me.kY)(),{data:ne,isError:ce,isLoading:ut,refetch:Ze}=(0,Ie.useQuery)(["users",_e,We],async()=>{const{data:{data:je}}=await G(`/admin/users/${_e}`,{params:We});return je},dt);return{users:e.useMemo(()=>{let je=[];return ne&&("results"in ne?Array.isArray(ne.results)&&(je=ne.results):je=[ne]),je},[ne]),pagination:e.useMemo(()=>(ne&&"pagination"in ne)??null,[ne]),isLoading:ut,isError:ce,refetch:Ze}}},68019:function(hn,st,c){"use strict";c.d(st,{N:function(){return Me}});var e=c(32735);function Me(Ie,Xe){const[y,dt]=e.useState(Ie);return e.useEffect(()=>{const _e=setTimeout(()=>{dt(Ie)},Xe);return()=>{clearTimeout(_e)}},[Ie,Xe]),y}},41724:function(hn,st,c){"use strict";c.r(st),c.d(st,{App:function(){return Yr},default:function(){return Of}});var e=c(32735),Me=c(95162),Ie=c(64092),Xe=c(99226),y=c(96192),dt=c(98978),_e=c.n(dt),We=c(74758),G=c(67879),ne=c(40986),ce=c(53038),ut=c(61575),Ze=c(30305),je=(0,e.createContext)(),Ue=c(7921),mt=c(24381),Ae=c(60216),n=c.n(Ae),yn=c(47533),zt=(0,e.createContext)(),Ee=c(75430),be=c(69242),b=c(69997),de=c(91779),at=c(56932),K=c(77981),T=c(84642),S=c(8365),xe=c(10710),ve=c(97037),Ve=c(16773),Te=c(40260),It=c(2775),pt=c(70788),He=c(40501),Gr=c(99381),et=c.n(Gr),Kr=c(89793),Ne=c.n(Kr),Qr=c(23940),Ot=c.n(Qr),Se=c(20108),bt=c(20716),ge=c(98202),vt=c(82064),tt=c(63318),Jr=c(33795),z=c.n(Jr);const Ds=e.createContext();function bn({attributes:t,buttonData:o,children:s,goTo:r,layout:a,metadatas:i,moveItem:l,moveRow:d,onAddData:m,relationsLayout:u,removeField:p,selectedItemName:f,setEditFieldToSelect:h,...g}){return e.createElement(Ds.Provider,{value:{attributes:t,buttonData:o,goTo:r,layout:a,metadatas:i,moveItem:l,moveRow:d,onAddData:m,relationsLayout:u,removeField:p,selectedItemName:f,setEditFieldToSelect:h,...g}},s)}bn.defaultProps={attributes:{},buttonData:[],goTo(){},layout:[],metadatas:{},moveItem(){},moveRow(){},onAddData(){},relationsLayout:[],removeField(){},selectedItemName:null,setEditFieldToSelect(){}},bn.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 gt(){return e.useContext(Ds)}const Xr=[{action:"plugin::content-type-builder.read",subject:null}];var _r=()=>{const{trackUsage:t}=(0,y.rS)(),{formatMessage:o}=(0,G.Z)(),{slug:s,modifiedData:r,isContentTypeView:a}=gt(),i=a?"content-types":"components",l=`/plugins/content-type-builder/${i==="content-types"?i:"component-categories"}`,d=z()(r,"category",""),m=i==="content-types"?s:`${d}/${s}`,u=()=>{t("willEditEditLayout")};return s==="strapi::administrator"?null:e.createElement(y.jW,{permissions:Xr},e.createElement(y.Qj,{to:`${l}/${m}`,onClick:u,size:"S",startIcon:e.createElement(tt.Z,null),variant:"secondary"},o({id:(0,Ue.Z)(`edit-settings-view.link-to-ctb.${i}`),defaultMessage:"Edit the content type"})))},rt=c(37405),qt=c(74506),Pt=c(51968),x=c(8471),Re=c(14763),Ye=c(94997),vn=c(19594);const Is=({componentUid:t})=>{const{componentLayouts:o}=gt(),{formatMessage:s}=(0,G.Z)(),r=z()(o,[t],{}),a=z()(r,["layouts","edit"],[]);return e.createElement(K.x,{padding:3},a.map((i,l)=>e.createElement(xe.r,{gap:4,key:l},i.map(d=>e.createElement(ve.P,{key:d.name,col:d.size},e.createElement(K.x,{paddingTop:2},e.createElement(T.k,{alignItems:"center",background:"neutral0",paddingLeft:3,paddingRight:3,height:`${32/16}rem`,hasRadius:!0,borderColor:"neutral200"},e.createElement(S.Z,{textColor:"neutral800"},d.name))))))),e.createElement(K.x,{paddingTop:2},e.createElement(y.rU,{startIcon:e.createElement(vn.Z,null),to:`/content-manager/components/${t}/configurations/edit`},s({id:(0,Ue.Z)("components.FieldItem.linkToComponentLayout"),defaultMessage:"Set the component's layout"}))))};Is.propTypes={componentUid:n().string.isRequired};var ei=Is,Lt=c(14911),ze=c(18129),ti=c(98851),ni=c(88454),oi=c(60860),si=c(72480),ai=c(25919),ri=c(23381),ii=c(32095),li=c(87436),Ut=c(73892),ci=c(19999),di=c(1586),ui=c(2651),Cn=c(44494),mi=c(98599),pi=c(5894),gi=c(88026),fi=c(94852),hi=c(72911),yi=c(37781),Ei=c(31797),bi=c(24591),Vt=c(68620),Os=c(39638),vi=c(17110),Ci=c(40685),Ri=c(48644),Mi=c(9362),Ti=c(83708),ki=c(6665),Di=c(66846),Ii=c(70146),Oi=c(80031),Pi=c(13713),Li=c(37455),xi=c(70321),Si=c(84951),Zi=c(87816),Ai=c(50720),Fi=c(32880),Ps=c(62864),Bi=c(10364),$i=c(12350),wi=c(69762),Ni=c(19211),Wi=c(53220),Ls=c(68527),ji=c(34901),zi=c(27840),qi=c(75337),Ui=c(9568),Vi=c(15406),Hi=c(22523),Yi=c(73981),Gi=c(64745),Ki=c(44130),Qi=c(85406),Ji=c(17626),Ht=c(51098),Xi=c(42815),_i=c(39126),Rn=c(9780),el=c(42498),tl=c(47763),Mn=c(54275),nl=c(36328),ol=c(17037),sl=c(46051),al=c(91528),rl=c(9137),il=c(3448),ll=c(18981),cl=c(73136),dl=c(94140),ul=c(3115),ml=c(30279),pl=c(15558),gl=c(46528),fl=c(41186),hl=c(73896),yl=c(18489),El=c(39544),bl=c(81904),Tn=c(59151),vl=c(3747),Cl=c(77021),Rl=c(42627),Ml=c(58518),Tl=c(3718),kl=c(601),Dl=c(47372),kn=c(98378),Dn=c(69321),Il=c(95412),Ol=c(61131),Pl=c(29806),Ll=c(37982),xl=c(23044),Sl=c(17229),Zl=c(42778),Al=c(19815),Fl=c(96151),Bl=c(10291),$l=c(90230),wl=c(90517),Nl=c(83997),Wl=c(57918),jl=c(62996),In=c(98128),zl=c(42912),ql=c(65558),Ul=c(17994),Vl=c(78420),Hl=c(56549),Yl=c(86399),Gl=c(27369),Yt=c(13424),Kl=c(12681),Ql=c(69826),Jl=c(24322),Xl=c(19637),_l=c(50322),ec=c(22356);const xs={alien:ti.Z,apps:ni.Z,archive:oi.Z,arrowDown:si.Z,arrowLeft:pt.Z,arrowRight:ai.Z,arrowUp:ri.Z,attachment:ii.Z,bell:li.Z,bold:Ut.Z,book:ci.Z,briefcase:di.Z,brush:ui.Z,bulletList:Cn.Z,calendar:mi.Z,car:pi.Z,cast:gi.Z,chartBubble:fi.Z,chartCircle:hi.Z,chartPie:yi.Z,check:He.Z,clock:Ei.Z,cloud:bi.Z,code:Vt.Z,cog:vn.Z,collapse:Os.Z,command:vi.Z,connector:Ci.Z,crop:Ri.Z,crown:Mi.Z,cube:Ti.Z,cup:ki.Z,cursor:Di.Z,dashboard:Ii.Z,database:Oi.Z,discuss:Pi.Z,doctor:Li.Z,earth:xi.Z,emotionHappy:Si.Z,emotionUnhappy:Zi.Z,envelop:Ai.Z,exit:Fi.Z,expand:Ps.Z,eye:Bi.Z,feather:$i.Z,file:wi.Z,fileError:Ni.Z,filePdf:Wi.Z,filter:Ls.Z,folder:ji.Z,gate:zi.Z,gift:qi.Z,globe:Ui.Z,grid:Vi.Z,handHeart:Hi.Z,hashtag:Yi.Z,headphone:Gi.Z,heart:Ki.Z,house:Qi.Z,information:Ji.Z,italic:Ht.Z,key:Xi.Z,landscape:_i.Z,layer:Rn.Z,layout:el.Z,lightbulb:tl.Z,link:Mn.Z,lock:nl.Z,magic:ol.Z,manyToMany:sl.Z,manyToOne:al.Z,manyWays:rl.Z,medium:il.Z,message:ll.Z,microphone:cl.Z,monitor:dl.Z,moon:ul.Z,music:ml.Z,oneToMany:pl.Z,oneToOne:gl.Z,oneWay:fl.Z,paint:hl.Z,paintBrush:yl.Z,paperPlane:El.Z,pencil:tt.Z,phone:bl.Z,picture:Tn.Z,pin:vl.Z,pinMap:Cl.Z,plane:Rl.Z,play:Ml.Z,plus:vt.Z,priceTag:Tl.Z,puzzle:kl.Z,question:Dl.Z,quote:kn.Z,refresh:Dn.Z,repeat:Il.Z,restaurant:Ol.Z,rocket:Pl.Z,rotate:Ll.Z,scissors:xl.Z,search:Sl.Z,seed:Zl.Z,server:Al.Z,shield:Fl.Z,shirt:Bl.Z,shoppingCart:$l.Z,slideshow:wl.Z,stack:Nl.Z,star:Wl.Z,store:jl.Z,strikeThrough:In.Z,sun:zl.Z,television:ql.Z,thumbDown:Ul.Z,thumbUp:Vl.Z,train:Hl.Z,twitter:Yl.Z,typhoon:Gl.Z,underline:Yt.Z,user:Kl.Z,volumeMute:Ql.Z,volumeUp:Jl.Z,walk:Xl.Z,wheelchair:_l.Z,write:ec.Z};function xt({showBackground:t=!0,size:o="M",icon:s}){return e.createElement(T.k,{alignItems:"center",background:t?"neutral200":null,justifyContent:"center",size:o,showBackground:t,height:o==="S"?5:8,width:o==="S"?5:8,color:"neutral600",borderRadius:t?"50%":0},e.createElement(ze.J,{as:xs[s]||xs.cube,height:o==="S"?3:5,width:o==="S"?3:5}))}xt.defaultProps={showBackground:!0,size:"M",icon:"Cube"},xt.propTypes={showBackground:n().bool,size:n().string,icon:n().string};const tc=(0,x.ZP)(T.k)`
|
|
2
|
+
text-decoration: none;
|
|
3
|
+
|
|
4
|
+
&:focus,
|
|
5
|
+
&:hover {
|
|
6
|
+
${({theme:t})=>`
|
|
7
|
+
background-color: ${t.colors.primary100};
|
|
8
|
+
border-color: ${t.colors.primary200};
|
|
9
|
+
|
|
10
|
+
${S.Z} {
|
|
11
|
+
color: ${t.colors.primary600};
|
|
12
|
+
}
|
|
13
|
+
`}
|
|
14
|
+
|
|
15
|
+
/* > ComponentIcon */
|
|
16
|
+
> div:first-child {
|
|
17
|
+
background: ${({theme:t})=>t.colors.primary200};
|
|
18
|
+
color: ${({theme:t})=>t.colors.primary600};
|
|
19
|
+
|
|
20
|
+
svg {
|
|
21
|
+
path {
|
|
22
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
`,Ss=({components:t})=>{const{componentLayouts:o}=gt();return e.createElement(T.k,{gap:2,overflow:"scroll hidden",padding:3},t.map(s=>e.createElement(tc,{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:Lt.rU,to:`/content-manager/components/${s}/configurations/edit`},e.createElement(xt,{icon:o?.[s]?.info?.icon}),e.createElement(K.x,{paddingTop:1},e.createElement(S.Z,{fontSize:1,textColor:"neutral600",fontWeight:"bold"},o?.[s]?.info?.displayName??"")))))};Ss.propTypes={components:n().arrayOf(n().string).isRequired};var nc=Ss;const Zs=(0,x.ZP)(Re.h)`
|
|
28
|
+
background-color: transparent;
|
|
29
|
+
path {
|
|
30
|
+
fill: ${({theme:t})=>t.colors.neutral600};
|
|
31
|
+
}
|
|
32
|
+
`,On=({attribute:t,onEditField:o,onDeleteField:s,children:r})=>{const{formatMessage:a}=(0,G.Z)();return e.createElement(K.x,{overflow:"hidden",width:"100%"},e.createElement(T.k,{paddingLeft:3,alignItems:"center",justifyContent:"space-between"},e.createElement(S.Z,{fontWeight:"semiBold",textColor:"neutral800",ellipsis:!0},r),e.createElement(T.k,null,e.createElement(Zs,{label:a({id:(0,b.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:r}),onClick:o,icon:e.createElement(tt.Z,null),noBorder:!0}),e.createElement(Zs,{label:a({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:r}),"data-testid":"delete-field",onClick:s,icon:e.createElement(Ye.Z,null),noBorder:!0}))),t?.type==="component"&&e.createElement(ei,{componentUid:t.component}),t?.type==="dynamiczone"&&e.createElement(nc,{components:t.components}))};On.defaultProps={attribute:void 0},On.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 oc=On;const sc=(0,x.ZP)(T.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
|
+
`,ac=(0,x.ZP)(rt.Z)`
|
|
65
|
+
height: ${12/16}rem;
|
|
66
|
+
width: ${12/16}rem;
|
|
67
|
+
path {
|
|
68
|
+
fill: ${({theme:t})=>t.colors.neutral600};
|
|
69
|
+
}
|
|
70
|
+
`,rc=(0,x.ZP)(T.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
|
+
`,ic=(0,x.ZP)(T.k)`
|
|
74
|
+
cursor: all-scroll;
|
|
75
|
+
border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
76
|
+
`,Pn=({attribute:t,children:o,index:s,lastIndex:r,moveItem:a,moveRow:i,name:l,onDeleteField:d,onEditField:m,rowIndex:u,size:p})=>{const[f,h]=(0,e.useState)(!1),g=l==="_TEMP_",{setIsDraggingSibling:E}=gt(),v=p===12,P=(0,e.useRef)(null),C=(0,e.useRef)(null),[{clientOffset:M,isOver:R},A]=(0,qt.useDrop)({accept:b._Q.EDIT_FIELD,hover(k,F){if(!C.current||k.size!==12)return;const I=F.getItem().index,te=s,j=F.getItem().rowIndex,J=u;if(I===te&&j===J)return;const H=C.current.getBoundingClientRect(),Q=(H.bottom-H.top)/2,re=F.getClientOffset().y-H.top;j<J&&re<Q||j>J&&re>Q||(i(j,J),k.rowIndex=J,k.itemIndex=te)},drop(k,F){if(!C.current)return;const I=F.getItem().index,te=s,j=F.getItem().rowIndex,J=u;if(k.size===12||I===te&&j===J)return;const H=C.current.getBoundingClientRect();if(Math.abs(F.getClientOffset().x-H.left)>H.width/1.8){a(I,te+1,j,J),k.itemIndex=te+1,k.rowIndex=J;return}a(I,te,j,J),k.itemIndex=te,k.rowIndex=J},collect:k=>({canDrop:k.canDrop(),clientOffset:k.getClientOffset(),isOver:k.isOver(),isOverCurrent:k.isOver({shallow:!0}),itemType:k.getItemType()})}),[{isDragging:B,getItem:D},U,q]=(0,qt.useDrag)({type:b._Q.EDIT_FIELD,item(){return E(!0),{index:s,labelField:o,rowIndex:u,name:l,size:p}},canDrag(){return l!=="_TEMP_"},collect:k=>({isDragging:k.isDragging(),getItem:k.getItem()}),end(){E(!1)}});(0,e.useEffect)(()=>{q((0,Pt.rX)(),{captureDraggingState:!0})},[q]);const O={dragRef:U(P),dropRef:A(C)};let V=!1,_=!1;if(C.current&&M){const k=C.current.getBoundingClientRect();V=R&&D.size!==12&&Math.abs(M.x-k.left)<k.width/2,_=R&&D.size!==12&&Math.abs(M.x-k.left)>k.width/2,l==="_TEMP_"&&(V=R&&D.size!==12,_=!1)}const w=()=>t&&v?`${74/16}rem`:`${32/16}rem`,Y=s===0&&!v,X=s===r&&!v,$=s!==0&&!v;return e.createElement(ve.P,{col:p},e.createElement(sc,{ref:O.dropRef,showLeftCarret:V,showRightCarret:_,isFirst:Y,isLast:X,hasHorizontalPadding:$,onDrag:()=>{v&&!f&&h(!0)},onDragEnd:()=>{v&&h(!1)}},f&&v&&e.createElement(K.x,{width:"100%",height:"2px",background:"primary600"}),e.createElement(rc,{width:v&&f?0:"100%",borderColor:"neutral150",hasRadius:!0,background:"neutral100",minHeight:w(),alignItems:"stretch",isDragging:B,dragStart:f,isFullSize:v,isHidden:g},e.createElement(ic,{as:"span",type:"button",ref:O.dragRef,onClick:k=>k.stopPropagation(),alignItems:"center",paddingLeft:3,paddingRight:3,tabIndex:-1},e.createElement(ac,null)),!g&&e.createElement(oc,{attribute:t,onEditField:m,onDeleteField:d},o))))};Pn.defaultProps={attribute:void 0},Pn.propTypes={attribute:n().shape({components:n().array,component:n().string,type:n().string}),children:n().string.isRequired,index:n().number.isRequired,moveItem:n().func.isRequired,moveRow:n().func.isRequired,name:n().string.isRequired,onDeleteField:n().func.isRequired,onEditField:n().func.isRequired,rowIndex:n().number.isRequired,lastIndex:n().number.isRequired,size:n().number.isRequired};var lc=Pn;const As=({rowItem:t,onRemoveField:o,rowId:s,rowIndex:r,index:a,lastIndex:i})=>{const{setEditFieldToSelect:l,attributes:d,modifiedData:m,moveRow:u,moveItem:p}=gt(),f=z()(d,[t.name],{}),h=z()(m,["metadatas",t.name,"edit","label"],"");return e.createElement(lc,{onEditField:()=>l(t.name),onDeleteField:()=>o(s,a),attribute:f,index:a,lastIndex:i,rowIndex:r,name:t.name,size:t.size,moveRow:u,moveItem:p},h||t.name)};As.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 cc=As;const Fs=({row:t,onRemoveField:o,rowIndex:s})=>e.createElement(xe.r,null,t.rowContent.map((r,a)=>e.createElement(cc,{key:r.name,rowItem:r,index:a,rowId:t.rowId,onRemoveField:o,rowIndex:s,lastIndex:t.rowContent.length-1})));Fs.propTypes={onRemoveField:n().func.isRequired,row:n().object.isRequired,rowIndex:n().number.isRequired};var dc=Fs;const Bs=({editLayout:t,fields:o,onRemoveField:s,onAddField:r})=>{const{formatMessage:a}=(0,G.Z)();return e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(T.k,{justifyContent:"space-between"},e.createElement("div",null,e.createElement(K.x,null,e.createElement(S.Z,{fontWeight:"bold"},a({id:(0,b.OB)("containers.ListPage.displayedFields"),defaultMessage:"Displayed fields"}))),e.createElement(K.x,null,e.createElement(S.Z,{variant:"pi",textColor:"neutral600"},a({id:"containers.SettingPage.editSettings.description",defaultMessage:"Drag & drop the fields to build the layout"})))),e.createElement(_r,null)),e.createElement(K.x,{padding:4,hasRadius:!0,borderStyle:"dashed",borderWidth:"1px",borderColor:"neutral300"},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:2},t.map((i,l)=>e.createElement(dc,{key:i.rowId,row:i,rowIndex:l,onRemoveField:s})),e.createElement(ge.fC,null,e.createElement(ge.xz,{startIcon:e.createElement(vt.Z,null),endIcon:null,disabled:o.length===0,fullWidth:!0,variant:"secondary"},a({id:(0,b.OB)("containers.SettingPage.add.field"),defaultMessage:"Insert another field"})),e.createElement(ge.VY,null,o.map(i=>e.createElement(ge.ck,{key:i,onSelect:()=>r(i)},i)))))))};Bs.propTypes={editLayout:n().array.isRequired,fields:n().array.isRequired,onAddField:n().func.isRequired,onRemoveField:n().func.isRequired};var uc=Bs,Ln=c(21223),xn=c(98887),Sn=c(87674),Zn=c(74973),St=c(28868),mc=c(54342),Gt=c(44298),pc=c(80016),$s=c(60384),An=c(32119),gc=c(95556),Fn=c(58316),fc=c(19455),hc=c(50756),yc=c(79334),Ec=c(28385);const ws={biginteger:e.createElement(St.Z,null),boolean:e.createElement(mc.Z,null),date:e.createElement(Gt.Z,null),datetime:e.createElement(Gt.Z,null),decimal:e.createElement(St.Z,null),email:e.createElement(pc.Z,null),enum:e.createElement($s.Z,null),enumeration:e.createElement($s.Z,null),file:e.createElement(An.Z,null),files:e.createElement(An.Z,null),float:e.createElement(St.Z,null),integer:e.createElement(St.Z,null),media:e.createElement(An.Z,null),number:e.createElement(St.Z,null),relation:e.createElement(gc.Z,null),string:e.createElement(Fn.Z,null),text:e.createElement(Fn.Z,null),richtext:e.createElement(Fn.Z,null),time:e.createElement(Gt.Z,null),timestamp:e.createElement(Gt.Z,null),json:e.createElement(fc.Z,null),uid:e.createElement(hc.Z,null),component:e.createElement(yc.Z,null),dynamiczone:e.createElement(Ec.Z,null)},Bn=({type:t,customFieldUid:o})=>{const s=(0,y.mZ)();let r=ws[t];if(o){const i=s.get(o).icon;i&&(r=e.createElement(K.x,{marginRight:3,width:7,height:6},e.createElement(i,null)))}return ws[t]?r:null};Bn.defaultProps={customFieldUid:null},Bn.propTypes={type:n().string.isRequired,customFieldUid:n().string};var Ns=Bn,bc=t=>t.reduce((o,s)=>{const r=s?.attributes??{},a=Object.keys(r).filter(i=>!["boolean","component","dynamiczone","json","media","password","relation","text","richtext","blocks"].includes(r?.[i]?.type??""));return o[s.uid]=a,o},{}),Ws=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}}},$n=c(2846),Zt=c(70420);const wn=({type:t,options:o,onChange:s,value:r,name:a,...i})=>{const{formatMessage:l}=(0,G.Z)();switch(t){case"text":return e.createElement($n.o,{onChange:s,value:r,name:a,...i});case"bool":return e.createElement(Zt.s,{onChange:d=>{s({target:{name:a,value:d.target.checked}})},checked:r,name:a,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(Ve.P,{value:r,name:a,onChange:d=>s({target:{name:a,value:d}}),...i},o.map(d=>e.createElement(Te.W,{key:d,value:d},d)));default:return null}};wn.defaultProps={options:void 0},wn.propTypes={type:n().string.isRequired,options:n().arrayOf(n().string),onChange:n().func.isRequired,value:n().oneOfType([n().string,n().bool]).isRequired,name:n().string.isRequired};var vc=wn;const Cc=[[4,"33%"],[6,"50%"],[8,"66%"],[12,"100%"]],js=({onMetaChange:t,onSizeChange:o})=>{const{formatMessage:s}=(0,G.Z)(),{modifiedData:r,selectedField:a,attributes:i,fieldForm:l}=gt(),d=(0,e.useMemo)(bt.Vo,[]),{schemas:m}=(0,ne.v9)(C=>d(C),ne.wU),u=(0,ne.v9)(bt.Jg),p=(0,e.useMemo)(()=>{if(!a)return[];const C=z()(r,["metadatas",a,"edit"],{});return Object.keys(C).filter(M=>M!=="visible")},[a,r]),f=(0,e.useMemo)(()=>bc(m),[m]),h=(0,e.useCallback)(C=>{if(C!=="relation"&&C!=="component")return[];const M=C==="component"?"component":"targetModel",R=z()(r,["attributes",a,M],"");return z()(f,[R],[])},[a,f,r]),g=p.map(C=>{const M=z()(i,[a,"type"]);return["component","dynamiczone"].includes(M)&&!["label","description"].includes(C)||M==="component"&&C!=="label"||["media","json","boolean"].includes(M)&&C==="placeholder"||C==="step"?null:e.createElement(ve.P,{col:6,key:C},e.createElement(vc,{type:Ws(C).type,hint:C==="mainField"?s({id:(0,Ue.Z)("containers.SettingPage.editSettings.relation-field.description")}):"",label:s({id:z()(Ws(C),"label.id","app.utils.defaultMessage")}),name:C,onChange:t,value:z()(l,["metadata",C],""),options:h(M)}))}),{type:E,customField:v}=i[a],{isResizable:P}=u[v]??u[E];return e.createElement(e.Fragment,null,g,P&&e.createElement(ve.P,{col:6,key:"size"},e.createElement(Ve.P,{value:l?.size,name:"size",onChange:C=>{o({name:a,value:C})},label:s({id:(0,Ue.Z)("containers.SettingPage.editSettings.size.label"),defaultMessage:"Size"})},Cc.map(([C,M])=>e.createElement(Te.W,{key:C,value:C},M)))))};js.propTypes={onMetaChange:n().func.isRequired,onSizeChange:n().func.isRequired};var Rc=js;const Mc=(0,x.ZP)(T.k)`
|
|
77
|
+
svg {
|
|
78
|
+
width: ${32/16}rem;
|
|
79
|
+
height: ${24/16}rem;
|
|
80
|
+
margin-right: ${({theme:t})=>t.spaces[3]};
|
|
81
|
+
}
|
|
82
|
+
`,Nn=({onToggle:t,onMetaChange:o,onSizeChange:s,onSubmit:r,type:a,customFieldUid:i})=>{const{selectedField:l}=gt(),{formatMessage:d}=(0,G.Z)(),m=()=>a==="timestamp"?"date":["decimal","float","integer","biginter"].includes(a)?"number":a;return e.createElement(Ln.P,{onClose:t,labelledBy:"title"},e.createElement("form",{onSubmit:r},e.createElement(xn.x,null,e.createElement(Mc,null,e.createElement(Ns,{type:m(),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:Ot()(l)})))),e.createElement(Sn.f,null,e.createElement(xe.r,{gap:4},e.createElement(Rc,{onMetaChange:o,onSizeChange:s}))),e.createElement(Zn.m,{startActions:e.createElement(de.z,{onClick:t,variant:"tertiary"},d({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(de.z,{type:"submit"},d({id:"global.finish",defaultMessage:"Finish"}))})))};Nn.defaultProps={customFieldUid:null},Nn.propTypes={customFieldUid:n().string,onSubmit:n().func.isRequired,onToggle:n().func.isRequired,onMetaChange:n().func.isRequired,onSizeChange:n().func.isRequired,type:n().string.isRequired};var Tc=Nn,kc=c(3040),ae=c.n(kc);const Wn=t=>t.reduce((o,s)=>o+s.size,0),Dc=t=>t.reduce((o,s,r)=>{const a={rowId:r,rowContent:s};return o.concat(a)},[]),Ct=t=>t.reduce((o,s)=>{let r=[];const a=s.rowContent.reduce((d,m)=>{const u=Wn(d);return m.name==="_TEMP_"||(u+m.size<=12?d.push(m):r.push(m)),d},[]),i=o.length===0?0:Math.max.apply(Math,o.map(d=>d.rowId))+1,l=Wn(a);if(l<12&&a.push({name:"_TEMP_",size:12-l}),o.push({rowId:i,rowContent:a}),r.length>0){const d=Wn(r);d<12&&r.push({name:"_TEMP_",size:12-d}),o.push({rowId:i+1,rowContent:r}),r=[]}return o},[]).filter(o=>o.rowContent.length>0).filter(o=>o.rowContent.length===1?o.rowContent[0].name!=="_TEMP_":!0),Ic=t=>t.reduce((o,s)=>{const r=s.rowContent.filter(a=>a.name!=="_TEMP_");return o.concat([r])},[]),Oc=(t,o=[])=>o.reduce((s,{rowContent:r})=>{const a=r.find(i=>i.name===t)?.size??null;return a&&(s=a),s},null),Pc=(t,o,s=[])=>s.map(r=>(r.rowContent=r.rowContent.map(a=>a.name===t?{...a,size:o}:a),r));var Lc=(t,o,s)=>{let r=et()(o);return ae()(r,["layouts","edit"],Ct(Dc(o.layouts.edit))),{...t,initialData:r,modifiedData:r,componentLayouts:s}},jn=c(97889);const zs=6,zn={fieldForm:{},componentLayouts:{},metaToEdit:"",initialData:{},metaForm:{},modifiedData:{}};var xc=(t=zn,o)=>(0,jn.ZP)(t,s=>{const r=["modifiedData","layouts","edit"];switch(o.type){case"MOVE_ROW":{const a=z()(t,r,[]),{fromIndex:i,toIndex:l}=o;ae()(s,r,(0,b.W3)(a,i,l));break}case"ON_ADD_FIELD":{const a=et()(t),i=z()(a,["modifiedData","attributes",o.name],{}),l=o.fieldSizes[i?.customField]?.default??o.fieldSizes[i?.type]?.default??zs,d=z()(a,r,[]).length,m=[...r,d-1,"rowContent"],u=z()(a,m,[]);let p=z()(a,r,[]);Array.isArray(u)?ae()(p,[d>0?d-1:0,"rowContent"],[...u,{name:o.name,size:l}]):ae()(p,[d>0?d-1:0,"rowContent"],[{name:o.name,size:l}]);const f=Ct(p);ae()(s,r,f);break}case"ON_CHANGE":{ae()(s,["modifiedData",...o.keys],o.value);break}case"ON_CHANGE_META":{ae()(s,["metaForm","metadata",...o.keys],o.value);break}case"ON_CHANGE_SIZE":{ae()(s,["metaForm","size"],o.value);break}case"ON_RESET":{s.modifiedData=t.initialData;break}case"REMOVE_FIELD":{const a=z()(t,[...r,o.rowIndex,"rowContent"],[]);let i=et()(t);if(a.length===1||a.length===2&&z()(a,[1,"name"],"")==="_TEMP_"){const d=z()(t,r,[]);ae()(i,r,d.filter((m,u)=>o.rowIndex!==u))}else ae()(i,[...r,o.rowIndex,"rowContent"],a.filter((d,m)=>m!==o.fieldIndex));const l=Ct(z()(i,r,[]));ae()(s,r,l);break}case"REORDER_DIFF_ROW":{const a=z()(t,[...r,o.dragRowIndex,"rowContent"],[]),i=z()(t,[...r,o.hoverRowIndex,"rowContent"],[]),l=z()(t,[...r,o.dragRowIndex,"rowContent",o.dragIndex],{}),d=[...i,l];let m=et()(t);ae()(m,[...r,o.dragRowIndex,"rowContent"],a.filter((p,f)=>o.dragIndex!==f)),ae()(m,[...r,o.hoverRowIndex,"rowContent"],(0,b.W3)(d,d.length-1,o.hoverIndex));const u=Ct(z()(m,r,[]));ae()(s,r,u);break}case"REORDER_ROW":{const a=et()(t),i=z()(a,[...r,o.dragRowIndex,"rowContent"],[]);ae()(a,[...r,o.dragRowIndex,"rowContent"],(0,b.W3)(i,o.dragIndex,o.hoverIndex));const l=Ct(z()(a,r,[]));ae()(s,r,l);break}case"SET_FIELD_TO_EDIT":{s.metaToEdit=o.name,s.metaForm={metadata:z()(t,["modifiedData","metadatas",o.name,"edit"],{}),size:Oc(o.name,t.modifiedData?.layouts?.edit)??zs};break}case"SUBMIT_META_FORM":{ae()(s,["modifiedData","metadatas",t.metaToEdit,"edit"],t.metaForm.metadata);const a=et()(z()(t,r,[])),i=Pc(t.metaToEdit,t.metaForm.size,a);i.length>0&&ae()(s,r,Ct(i));break}case"SUBMIT_SUCCEEDED":{s.initialData=t.modifiedData;break}case"UNSET_FIELD_TO_EDIT":{s.metaToEdit="",s.metaForm={};break}default:return s}});const qn=({mainLayout:t,components:o,isContentTypeView:s,slug:r,updateLayout:a})=>{const[i,l]=(0,e.useReducer)(xc,zn,()=>Lc(zn,t,o)),[d,m]=(0,e.useState)(!1),{trackUsage:u}=(0,y.rS)(),p=(0,y.lm)(),{goBack:f}=(0,ce.k6)(),[h,g]=(0,e.useState)(!1),[E,v]=(0,e.useState)(!1),{componentLayouts:P,initialData:C,modifiedData:M,metaToEdit:R,metaForm:A}=i,{formatMessage:B}=(0,G.Z)(),D=t.info.displayName,U=M?.attributes??{},q=(0,ne.v9)(bt.Jg),{put:O}=(0,y.kY)(),V=Object.keys(U).filter(L=>{const se=U?.[L]?.type??"";return!["dynamiczone","json","text","relation","component","boolean","media","password","richtext","timestamp","blocks"].includes(se)&&!!se}),_=M.layouts.edit,w=_.flatMap(L=>L.rowContent),Y=Object.keys(M.attributes).filter(L=>(M?.metadatas?.[L]?.edit?.visible??!1)===!0).filter(L=>w.findIndex(se=>se.name===L)===-1).sort(),X=({target:{name:L,value:se}})=>{l({type:"ON_CHANGE",keys:L.split("."),value:se})},$=()=>{g(L=>!L)},k=()=>{v(L=>!L)},F=({target:{name:L,value:se}})=>{l({type:"ON_CHANGE_META",keys:L.split("."),value:se})},I=({name:L,value:se})=>{l({type:"ON_CHANGE_SIZE",name:L,value:se})},te=L=>{L.preventDefault(),l({type:"SUBMIT_META_FORM"}),$()},j=L=>{L.preventDefault(),k()},J=(0,Se.useMutation)(L=>O(s?`/content-manager/content-types/${r}/configuration`:`/content-manager/components/${r}/configuration`,L),{onSuccess({data:L}){a&&a(L.data),l({type:"SUBMIT_SUCCEEDED"}),k(),u("didEditEditSettings")},onError(){p({type:"warning",message:{id:"notification.error"}})}}),{isLoading:H}=J,Q=()=>{const{layouts:L,metadatas:se,settings:fe}=et()(M);J.mutate({layouts:{...L,edit:Ic(L.edit)},metadatas:se,settings:fe})},le=(L,se)=>{l({type:"MOVE_RELATION",fromIndex:L,toIndex:se})},re=(L,se)=>{l({type:"MOVE_FIELD",fromIndex:L,toIndex:se})},me=(L,se,fe,Ce)=>{l(fe===Ce?{type:"REORDER_ROW",dragRowIndex:fe,dragIndex:L,hoverIndex:se}:{type:"REORDER_DIFF_ROW",dragIndex:L,hoverIndex:se,dragRowIndex:fe,hoverRowIndex:Ce})},ye=(L,se)=>{l({type:"MOVE_ROW",fromIndex:L,toIndex:se})};return e.createElement(bn,{isContentTypeView:s,attributes:U,modifiedData:M,slug:r,componentLayouts:P,selectedField:R,fieldForm:A,onMoveRelation:le,onMoveField:re,moveRow:ye,moveItem:me,setEditFieldToSelect:L=>{l({type:"SET_FIELD_TO_EDIT",name:L}),$()},isDraggingSibling:d,setIsDraggingSibling:m},e.createElement(Me.o,null,e.createElement("form",{onSubmit:j},e.createElement(Ie.T,{title:B({id:(0,b.OB)("components.SettingsViewWrapper.pluginHeader.title"),defaultMessage:`Configure the view - ${Ot()(D)}`},{name:Ot()(D)}),subtitle:B({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(pt.Z,null),onClick:L=>{L.preventDefault(),f()},to:"/"},B({id:"global.back",defaultMessage:"Back"})),primaryAction:e.createElement(de.z,{disabled:Ne()(C,M),startIcon:e.createElement(He.Z,null),type:"submit"},B({id:"global.save",defaultMessage:"Save"}))}),e.createElement(at.D,null,e.createElement(K.x,{background:"neutral0",hasRadius:!0,shadow:"filterShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(S.Z,{variant:"delta",as:"h2"},B({id:(0,b.OB)("containers.SettingPage.settings"),defaultMessage:"Settings"})),e.createElement(xe.r,null,e.createElement(ve.P,{col:6,s:12},e.createElement(Ve.P,{label:B({id:(0,b.OB)("containers.SettingPage.editSettings.entry.title"),defaultMessage:"Entry title"}),hint:B({id:(0,b.OB)("containers.SettingPage.editSettings.entry.title.description"),defaultMessage:"Set the display field of your entry"}),onChange:L=>{X({target:{name:"settings.mainField",value:L===""?null:L}})},value:M.settings.mainField},V.map(L=>e.createElement(Te.W,{key:L,value:L},L))))),e.createElement(K.x,{paddingTop:2,paddingBottom:2},e.createElement(It.i,null)),e.createElement(S.Z,{variant:"delta",as:"h3"},B({id:(0,b.OB)("containers.SettingPage.view"),defaultMessage:"View"})),e.createElement(uc,{attributes:U,editLayout:_,fields:Y,onAddField:L=>{l({type:"ON_ADD_FIELD",name:L,fieldSizes:q})},onRemoveField:(L,se)=>{l({type:"REMOVE_FIELD",rowIndex:L,fieldIndex:se})}})))),e.createElement(y.QH,{bodyText:{id:(0,b.OB)("popUpWarning.warning.updateAllSettings"),defaultMessage:"This will modify all your settings"},iconRightButton:e.createElement(He.Z,null),isConfirmButtonLoading:H,isOpen:E,onToggleDialog:k,onConfirm:Q,variantRightButton:"success-light"})),h&&e.createElement(Tc,{onSubmit:te,onToggle:$,onMetaChange:F,onSizeChange:I,type:U?.[R]?.type??"",customFieldUid:U?.[R]?.customField??""})))};qn.defaultProps={isContentTypeView:!1,updateLayout:null},qn.propTypes={components:n().object.isRequired,isContentTypeView:n().bool,mainLayout:n().shape({attributes:n().object.isRequired,info:n().object.isRequired,layouts:n().shape({list:n().array.isRequired,edit:n().array.isRequired}).isRequired,metadatas:n().object.isRequired,options:n().object.isRequired}).isRequired,slug:n().string.isRequired,updateLayout:n().func};var Un=qn,Vn=c(51314),qs=c(40582);const Sc=()=>({type:qs.c}),Zc=(t,o)=>({type:qs.O,layout:t,query:o});var At=c(40957),Ac=c(29192),Us=t=>{const{getAdminInjectedComponents:o}=(0,Ac.A)(),[s,r,a]=t.split(".");return o(s,r,a)};const Vs=({area:t,...o})=>Us(t).map(r=>e.createElement(r.Component,{key:r.name,...o}));Vs.propTypes={area:n().string.isRequired};var Kt=Vs,Ge=c(84306),it=c(46491);const Qt=()=>({type:it.ZA}),Hn=t=>({type:it.Id,data:t}),Yn=(t,o=!1)=>({type:it.TP,rawQuery:t,isSingleType:o}),Hs=()=>({type:it.c2}),Ys=(t,o)=>({type:it.w7,componentsDataStructure:t,contentTypeDataStructure:o}),pe=t=>({type:it.d0,status:t}),lt=t=>({type:it.t9,data:t}),Fc=()=>({type:it.tE});var Gn=t=>t["content-manager_editViewCrudReducer"];const Kn=({allLayoutData:t,children:o,slug:s,id:r,origin:a})=>{const i=(0,Se.useQueryClient)(),l=(0,y.lm)(),{setCurrentStep:d}=(0,y.c1)(),{trackUsage:m}=(0,y.rS)(),{push:u,replace:p}=(0,ce.k6)(),[{query:f,rawQuery:h}]=(0,y.Kx)(),g=(0,ne.I0)(),{componentsDataStructure:E,contentTypeDataStructure:v,data:P,isLoading:C,status:M}=(0,ne.v9)(Gn),R=(0,be.Ky)(s),{formatAPIError:A}=(0,y.So)(b.OB),B=(0,e.useRef)(!0),D=(0,e.useRef)(m),U=(0,e.useRef)(t),q=(0,y.kY)(),{put:O,post:V,del:_}=q,w=r===null,Y=w&&!a?null:`/content-manager/collection-types/${s}/${a||r}`,X=(0,e.useCallback)(H=>{const Q=(0,b.kc)(H,U.current.contentType,U.current.components);return(0,y.dU)(Q,U.current.contentType,U.current.components)},[]);(0,e.useEffect)(()=>{const H=Object.keys(t.components).reduce((re,me)=>{const ye=(0,b.Di)(z()(t,["components",me,"attributes"],{}),t.components);return re[me]=(0,y.dU)(ye,t.components[me],t.components),re},{}),Q=(0,b.Di)(t.contentType.attributes,t.components),le=(0,y.dU)(Q,t.contentType,t.components);g(Ys(H,le))},[t,g]),(0,e.useEffect)(()=>()=>{g(Hs())},[g]),(0,e.useEffect)(()=>{const Q=Ge.default.CancelToken.source(),le=async me=>{g(Qt());try{const{data:ye}=await q.get(Y,{cancelToken:me.token});g(Hn(X(ye)))}catch(ye){if(Ge.default.isCancel(ye))return;const L=z()(ye,"response.status",null);if(L===404){u(R);return}L===403&&(l({type:"info",message:{id:(0,b.OB)("permissions.not-allowed.update")}}),u(R))}},re=async()=>{g(Qt()),g(Yn(h))};return B.current?(Y?le(Q):re(),()=>{Q.cancel("Operation canceled by the user.")}):()=>{}},[q,X,u,Y,g,h,R,l]);const $=(0,e.useCallback)(H=>{l({type:"warning",message:A(H)})},[l,A]),k=(0,e.useCallback)(async H=>{try{D.current("willDeleteEntry",H);const{data:Q}=await _(`/content-manager/collection-types/${s}/${r}`);return l({type:"success",message:{id:(0,b.OB)("success.record.delete")}}),D.current("didDeleteEntry",H),p(R),Promise.resolve(Q)}catch(Q){return D.current("didNotDeleteEntry",{error:Q,...H}),Promise.reject(Q)}},[r,s,l,_,R,p]),F=(0,e.useCallback)(async(H,Q)=>{const le=typeof a=="string",re=le?`/content-manager/collection-types/${s}/clone/${a}`:`/content-manager/collection-types/${s}`;try{g(pe("submit-pending"));const{id:me,...ye}=H,{data:L}=await V(re,le?ye:H,{params:f});return D.current("didCreateEntry",Q),l({type:"success",message:{id:(0,b.OB)("success.record.save")}}),d("contentManager.success"),i.invalidateQueries(["relation"]),g(lt(X(L))),g(pe("resolved")),p(`/content-manager/collectionType/${s}/${L.id}${h}`),Promise.resolve(L)}catch(me){return $(me),D.current("didNotCreateEntry",{error:me,trackerProperty:Q}),g(pe("resolved")),Promise.reject(me)}},[a,X,$,p,s,g,f,l,d,i,V,h]),I=(0,e.useCallback)(async()=>{try{D.current("willCheckDraftRelations");const H=`/content-manager/collection-types/${s}/${r}/actions/countDraftRelations`;g(pe("draft-relation-check-pending"));const Q=await q.get(H);return D.current("didCheckDraftRelations"),g(pe("resolved")),Q.data.data}catch(H){return $(H),g(pe("resolved")),Promise.reject(H)}},[$,r,s,g,q]),te=(0,e.useCallback)(async()=>{try{D.current("willPublishEntry");const H=`/content-manager/collection-types/${s}/${r}/actions/publish`;g(pe("publish-pending"));const{data:Q}=await V(H);return D.current("didPublishEntry"),g(lt(X(Q))),g(pe("resolved")),l({type:"success",message:{id:(0,b.OB)("success.record.publish")}}),Promise.resolve(Q)}catch(H){return $(H),g(pe("resolved")),Promise.reject(H)}},[X,$,r,s,g,l,V]),j=(0,e.useCallback)(async(H,Q)=>{const le=`/content-manager/collection-types/${s}/${r}`;try{D.current("willEditEntry",Q),g(pe("submit-pending"));const{data:re}=await O(le,H);return D.current("didEditEntry",{trackerProperty:Q}),l({type:"success",message:{id:(0,b.OB)("success.record.save")}}),i.invalidateQueries(["relation"]),g(lt(X(re))),g(pe("resolved")),Promise.resolve(re)}catch(re){return D.current("didNotEditEntry",{error:re,trackerProperty:Q}),$(re),g(pe("resolved")),Promise.reject(re)}},[X,$,s,r,g,l,i,O]),J=(0,e.useCallback)(async()=>{const H=`/content-manager/collection-types/${s}/${r}/actions/unpublish`;g(pe("unpublish-pending"));try{D.current("willUnpublishEntry");const{data:Q}=await V(H);return D.current("didUnpublishEntry"),l({type:"success",message:{id:(0,b.OB)("success.record.unpublish")}}),g(lt(X(Q))),g(pe("resolved")),Promise.resolve(Q)}catch(Q){return g(pe("resolved")),$(Q),Promise.reject(Q)}},[X,$,r,s,g,l,V]);return o({componentsDataStructure:E,contentTypeDataStructure:v,data:P,isCreatingEntry:w,isLoadingForData:C,onDelete:k,onPost:F,onPublish:te,onDraftRelationCheck:I,onPut:j,onUnpublish:J,status:M,redirectionLink:R})};Kn.defaultProps={id:null,origin:null},Kn.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 Bc=(0,e.memo)(Kn,Ne()),ct=c(99320),Qn=c(65351),Gs=c(3042);const Jn=({hasError:t,isDisabled:o,isOpen:s,children:r,onClick:a})=>e.createElement($c,{type:"button",onClick:a,disabled:o,hasError:t,background:"neutral0",paddingTop:3,paddingBottom:3,paddingLeft:4,paddingRight:4,style:{cursor:o?"not-allowed":"pointer"}},e.createElement(T.k,{as:"span",gap:2},e.createElement(Xn,{"aria-hidden":!0,$isOpen:s,$hasError:t&&!s}),e.createElement(S.Z,{variant:"pi",fontWeight:"bold",textColor:t&&!s?"danger600":"neutral500"},r))),Xn=(0,x.ZP)(Gs.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
|
+
`,$c=(0,x.ZP)(Qn.Y)`
|
|
93
|
+
border-radius: 26px;
|
|
94
|
+
border-color: ${({theme:t})=>t.colors.neutral150};
|
|
95
|
+
box-shadow: ${({theme:t})=>t.shadows.filterShadow};
|
|
96
|
+
|
|
97
|
+
&:hover {
|
|
98
|
+
${S.Z} {
|
|
99
|
+
color: ${({theme:t})=>t.colors.primary600};
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
${Xn} {
|
|
103
|
+
> circle {
|
|
104
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
105
|
+
}
|
|
106
|
+
> path {
|
|
107
|
+
fill: ${({theme:t})=>t.colors.neutral100};
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
&:active {
|
|
112
|
+
${S.Z} {
|
|
113
|
+
color: ${({theme:t})=>t.colors.primary600};
|
|
114
|
+
}
|
|
115
|
+
${Xn} {
|
|
116
|
+
> circle {
|
|
117
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
118
|
+
}
|
|
119
|
+
> path {
|
|
120
|
+
fill: ${({theme:t})=>t.colors.neutral100};
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
`;Jn.defaultProps={hasError:!1,isDisabled:!1,isOpen:!1},Jn.propTypes={children:n().node.isRequired,hasError:n().bool,isDisabled:n().bool,isOpen:n().bool,onClick:n().func.isRequired};var Ks=c(75293),_n=c(9435),eo=c(9379),to=c(79624);const no=({category:t,components:o,variant:s,isOpen:r,onAddComponent:a,onToggle:i})=>{const{formatMessage:l}=(0,G.Z)(),d=()=>{i(t)};return e.createElement(_n.U,{expanded:r,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(K.x,{paddingTop:4,paddingBottom:4,paddingLeft:3,paddingRight:3},e.createElement(wc,null,o.map(({componentUid:m,info:{displayName:u,icon:p}})=>e.createElement(Nc,{key:m,as:"button",type:"button",background:"neutral100",justifyContent:"center",onClick:a(m),hasRadius:!0,height:(0,y.Q1)(84),shrink:0,borderColor:"neutral200"},e.createElement(T.k,{direction:"column",gap:1,alignItems:"center",justifyContent:"center"},e.createElement(xt,{icon:p}),e.createElement(S.Z,{variant:"pi",fontWeight:"bold",textColor:"neutral600"},l({id:u,defaultMessage:u})))))))))},wc=x.ZP.div`
|
|
125
|
+
display: grid;
|
|
126
|
+
grid-template-columns: repeat(auto-fit, ${140/16}rem);
|
|
127
|
+
grid-gap: ${({theme:t})=>t.spaces[1]};
|
|
128
|
+
`,Nc=(0,x.ZP)(T.k)`
|
|
129
|
+
&:focus,
|
|
130
|
+
&:hover {
|
|
131
|
+
border: 1px solid ${({theme:t})=>t.colors.primary200};
|
|
132
|
+
background: ${({theme:t})=>t.colors.primary100};
|
|
133
|
+
|
|
134
|
+
${S.Z} {
|
|
135
|
+
color: ${({theme:t})=>t.colors.primary600};
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
/* > Flex > ComponentIcon */
|
|
139
|
+
> div > div:first-child {
|
|
140
|
+
background: ${({theme:t})=>t.colors.primary200};
|
|
141
|
+
color: ${({theme:t})=>t.colors.primary600};
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
`;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:r}=(0,G.Z)(),[a,i]=(0,e.useState)("");(0,e.useEffect)(()=>{const m=Object.keys(t);o&&m.length>0&&i(m[0])},[o,t]);const l=m=>()=>{s(m),i("")},d=m=>{i(u=>u===m?"":m)};return o?e.createElement(K.x,{paddingTop:6,paddingBottom:6,paddingLeft:5,paddingRight:5,background:"neutral0",shadow:"tableShadow",borderColor:"neutral150",hasRadius:!0},e.createElement(T.k,{justifyContent:"center"},e.createElement(S.Z,{fontWeight:"bold",textColor:"neutral600"},r({id:(0,b.OB)("components.DynamicZone.ComponentPicker-label"),defaultMessage:"Pick one component"}))),e.createElement(K.x,{paddingTop:2},e.createElement(Ks.k,{attributeName:"data-strapi-accordion-toggle"},Object.entries(t).map(([m,u],p)=>e.createElement(no,{key:m,category:m,components:u,onAddComponent:l,isOpen:m===a,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),jc=c.n(Wc);const zc=x.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
|
+
`,ao=({error:t,isReadOnly:o,onClick:s})=>{const{formatMessage:r}=(0,G.Z)();return e.createElement(e.Fragment,null,e.createElement(K.x,{as:"button",background:"neutral100",borderColor:t?"danger600":"neutral200",disabled:o,hasRadius:!0,onClick:s,paddingTop:9,paddingBottom:9,type:"button"},e.createElement(T.k,{direction:"column",gap:2},e.createElement(T.k,{justifyContent:"center",style:{cursor:o?"not-allowed":"inherit"}},e.createElement(zc,null,e.createElement(Gs.Z,null))),e.createElement(T.k,{justifyContent:"center"},e.createElement(S.Z,{textColor:"primary600",variant:"pi",fontWeight:"bold"},r({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"},r(t,{...t.values})))};ao.defaultProps={error:void 0,isReadOnly:!1},ao.propTypes={error:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),isReadOnly:n().bool,onClick:n().func.isRequired};var Js=ao;const Ft=new Map;var ro=(t=[])=>{const[o,s]=(0,e.useState)(Object.fromEntries(Ft)),r=t.filter(m=>!Ft.get(m)),[a,i]=(0,e.useState)(()=>!!r.length),l=(0,y.mZ)();(0,e.useEffect)(()=>{const m=p=>{s(p),i(!1)},u=async(p,f)=>{const h=await Promise.all(f);p.forEach((g,E)=>{Ft.set(g,h[E].default)}),m(Object.fromEntries(Ft))};if(r.length>0){i(!0);const p=r.reduce((f,h)=>{const g=l.get(h);return g&&f.push(g.components.Input()),f},[]);p.length>0&&u(r,p)}},[r,l]);const d=(0,e.useCallback)(()=>{Ft.clear(),s({})},[]);return{isLazyLoading:a,lazyComponentStore:o,cleanup:d}},qc=c(9086),Uc=c.n(qc),Vc=c(88708),Bt=c.n(Vc),io=c(37561),Z=c(17984),Hc=c(76625),Oe=c(40165);const lo=({id:t,error:o,name:s,hint:r})=>r.length===0||o?null:e.createElement(S.Z,{as:"p",variant:"pi",id:`${t||s}-hint`,textColor:"neutral600"},r);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,Yc=c(42561),ft=c(11349),co=c(63208),_s=c(750),ea=c(99391),Gc=c(4703),Kc=c(81694),Qc=c(85366),Jc=c(76297),Xc=c(91421),_c=c(52278),ed=c(34073),ta=c(14513);const uo=(t,o="https://")=>["http://","https://","mailto:","tel:"].some(r=>t.startsWith(r))?t:`${o}${t}`,mo=t=>{Z.YR.unwrapNodes(t,{match:o=>!Z.ML.isEditor(o)&&Z.W_.isElement(o)&&o.type==="link"})},td=(t,{url:o})=>{if(t.selection)if(Array.from(Z.ML.nodes(t,{at:t.selection,match:r=>r.type==="link"})).forEach(([,r])=>{Z.YR.unwrapNodes(t,{at:r})}),Z.e6.isCollapsed(t.selection)){const r={type:"link",url:o?uo(o):"",children:[{text:o}]};Z.YR.insertNodes(t,r)}else Z.YR.wrapNodes(t,{type:"link",url:o?uo(o):""},{split:!0})},nd=(t,{url:o,text:s})=>{if(t.selection){const[r,a]=Z.ML.above(t,{match:i=>i.type==="link"});r&&(Z.YR.setNodes(t,{url:uo(o)},{at:a}),s!==""&&s!==Z.ML.string(t,a)&&(Array.from(Z.NB.children(t,a,{reverse:!0})).forEach(([,l])=>{Z.YR.removeNodes(t,{at:l})}),Z.YR.insertNodes(t,[{text:s}],{at:a.concat(0)})))}},na=(0,x.ZP)(Yc.f)`
|
|
156
|
+
text-decoration: none;
|
|
157
|
+
`,od=(0,x.ZP)(S.Z).attrs({as:"h1"})`
|
|
158
|
+
font-size: ${42/16}rem;
|
|
159
|
+
line-height: ${({theme:t})=>t.lineHeights[1]};
|
|
160
|
+
`,sd=(0,x.ZP)(S.Z).attrs({as:"h2"})`
|
|
161
|
+
font-size: ${35/16}rem;
|
|
162
|
+
line-height: ${({theme:t})=>t.lineHeights[1]};
|
|
163
|
+
`,ad=(0,x.ZP)(S.Z).attrs({as:"h3"})`
|
|
164
|
+
font-size: ${29/16}rem;
|
|
165
|
+
line-height: ${({theme:t})=>t.lineHeights[1]};
|
|
166
|
+
`,rd=(0,x.ZP)(S.Z).attrs({as:"h4"})`
|
|
167
|
+
font-size: ${24/16}rem;
|
|
168
|
+
line-height: ${({theme:t})=>t.lineHeights[1]};
|
|
169
|
+
`,id=(0,x.ZP)(S.Z).attrs({as:"h5"})`
|
|
170
|
+
font-size: ${20/16}rem;
|
|
171
|
+
line-height: ${({theme:t})=>t.lineHeights[1]};
|
|
172
|
+
`,ld=(0,x.ZP)(S.Z).attrs({as:"h6"})`
|
|
173
|
+
font-size: 1rem;
|
|
174
|
+
line-height: ${({theme:t})=>t.lineHeights[1]};
|
|
175
|
+
`,cd=x.ZP.pre.attrs({role:"code"})`
|
|
176
|
+
border-radius: ${({theme:t})=>t.borderRadius};
|
|
177
|
+
background-color: ${({theme:t})=>t.colors.neutral100};
|
|
178
|
+
max-width: 100%;
|
|
179
|
+
overflow: auto;
|
|
180
|
+
padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
|
|
181
|
+
flex-shrink: 0;
|
|
182
|
+
& > code {
|
|
183
|
+
font-family: 'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas,
|
|
184
|
+
monospace;
|
|
185
|
+
color: ${({theme:t})=>t.colors.neutral800};
|
|
186
|
+
overflow: auto;
|
|
187
|
+
max-width: 100%;
|
|
188
|
+
}
|
|
189
|
+
`,dd=x.ZP.blockquote.attrs({role:"blockquote"})`
|
|
190
|
+
margin: ${({theme:t})=>`${t.spaces[4]} 0`};
|
|
191
|
+
font-weight: ${({theme:t})=>t.fontWeights.regular};
|
|
192
|
+
border-left: ${({theme:t})=>`${t.spaces[1]} solid ${t.colors.neutral200}`};
|
|
193
|
+
padding: ${({theme:t})=>t.spaces[2]} ${({theme:t})=>t.spaces[5]};
|
|
194
|
+
color: ${({theme:t})=>t.colors.neutral600};
|
|
195
|
+
`,oa=(0,x.iv)`
|
|
196
|
+
margin-block-start: ${({theme:t})=>t.spaces[4]};
|
|
197
|
+
margin-block-end: ${({theme:t})=>t.spaces[4]};
|
|
198
|
+
margin-inline-start: ${({theme:t})=>t.spaces[0]};
|
|
199
|
+
margin-inline-end: ${({theme:t})=>t.spaces[0]};
|
|
200
|
+
padding-inline-start: ${({theme:t})=>t.spaces[4]};
|
|
201
|
+
|
|
202
|
+
ol,
|
|
203
|
+
ul {
|
|
204
|
+
margin-block-start: ${({theme:t})=>t.spaces[0]};
|
|
205
|
+
margin-block-end: ${({theme:t})=>t.spaces[0]};
|
|
206
|
+
}
|
|
207
|
+
`,ud=x.ZP.ol`
|
|
208
|
+
list-style-type: decimal;
|
|
209
|
+
${oa}
|
|
210
|
+
`,md=x.ZP.ul`
|
|
211
|
+
list-style-type: disc;
|
|
212
|
+
${oa}
|
|
213
|
+
`,po=({attributes:t,children:o,element:s})=>s.format==="ordered"?e.createElement(ud,{...t},o):e.createElement(md,{...t},o);po.propTypes={attributes:n().object.isRequired,children:n().node.isRequired,element:n().shape({format:n().string.isRequired}).isRequired};const sa=(t,o)=>{Z.YR.removeNodes(t,{at:o}),o[0]===0&&(Z.YR.insertNodes(t,{type:"paragraph",children:[{type:"text",text:""}]},{at:o}),Z.YR.select(t,o))},aa=(t,o)=>{const[s,r]=Z.ML.parent(t,t.selection.anchor),[a,i]=Z.ML.parent(t,r),l=a.children.length===1&&s.children[0].text==="",d=Z.ML.isStart(t,t.selection.anchor,r),m=t.selection.focus.offset===0&&t.selection.focus.path.at(-1)===0;l?(o.preventDefault(),sa(t,i)):d?(Z.YR.liftNodes(t,{match:u=>u.type==="list-item"}),Z.YR.setNodes(t,{type:"paragraph"},{hanging:!0})):m&&(Z.YR.liftNodes(t,{match:u=>u.type==="list-item"}),Z.YR.setNodes(t,{type:"paragraph"}))},ra=t=>{const[o,s]=Z.ML.above(t,{matchNode:d=>d.type==="list-item"}),[r,a]=Z.ML.parent(t,s),i=r.children.length===1&&o.children[0].text==="",l=o.children.length===1&&o.children[0].text==="";if(i)sa(t,a);else if(l){Z.YR.removeNodes(t,{at:s});const d=Z.ML.above(t,{match:u=>u.type==="list"}),m=Z.y$.next(d[1]);Z.YR.insertNodes(t,{type:"paragraph",children:[{type:"text",text:""}]},{at:m}),Z.YR.select(t,m)}else Z.ML.isEnd(t,t.selection.anchor,s)?Z.YR.insertNodes(t,{type:"list-item",children:[{type:"text",text:""}]}):Z.YR.splitNodes(t)},pd=x.ZP.img`
|
|
214
|
+
max-height: calc(512px - 56px);
|
|
215
|
+
max-width: 100%;
|
|
216
|
+
object-fit: contain;
|
|
217
|
+
`,ia=({attributes:t,children:o,element:s})=>{if(!s.image)return null;const{url:r,alternativeText:a,width:i,height:l}=s.image;return e.createElement(K.x,{...t},o,e.createElement(T.k,{background:"neutral100",contentEditable:!1,justifyContent:"center"},e.createElement(pd,{src:r,alt:a,width:i,height:l})))};ia.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 la=(0,x.ZP)(ft.u)`
|
|
218
|
+
z-index: 6;
|
|
219
|
+
`,ca=(0,x.ZP)(de.z)`
|
|
220
|
+
& > span {
|
|
221
|
+
line-height: normal;
|
|
222
|
+
}
|
|
223
|
+
`,da=e.forwardRef(({element:t,children:o,...s},r)=>{const{formatMessage:a}=(0,G.Z)(),i=(0,Oe.ui)(),l=Oe.F3.findPath(i,t),[d,m]=e.useState(i.lastInsertedLinkPath?Z.y$.equals(l,i.lastInsertedLinkPath):!1),[u,p]=e.useState(t.url===""),f=e.useRef(null),h=t.children.map(D=>D.text).join(""),[g,E]=e.useState(h),[v,P]=e.useState(t.url),C=D=>{D.preventDefault(),m(!0)},M=D=>{if(D.stopPropagation(),Z.e6.isCollapsed(i.selection)){const[,U]=Z.ML.parent(i,i.selection.focus?.path);Z.YR.select(i,U)}nd(i,{url:v,text:g}),p(!1)},R=()=>{p(!1),t.url===""&&mo(i)},A=()=>{m(!1),t.url===""&&mo(i),Oe.F3.focus(i)},B=(0,b.FE)(f,r);return e.createElement(e.Fragment,null,e.createElement(na,{...s,ref:B,href:t.url,onClick:C,color:"primary600"},o),d&&e.createElement(co.J2,{source:f,onDismiss:A,padding:4,contentEditable:!1},u?e.createElement(T.k,{as:"form",onSubmit:M,direction:"column",gap:4},e.createElement(_s.g,{width:"300px"},e.createElement(ea.Q,null,a({id:"components.Blocks.popover.text",defaultMessage:"Text"})),e.createElement(io._,{name:"text",placeholder:a({id:"components.Blocks.popover.text.placeholder",defaultMessage:"Enter link text"}),value:g,onChange:D=>E(D.target.value)})),e.createElement(_s.g,{width:"300px"},e.createElement(ea.Q,null,a({id:"components.Blocks.popover.link",defaultMessage:"Link"})),e.createElement(io._,{name:"url",placeholder:"https://strapi.io",value:v,onChange:D=>P(D.target.value)})),e.createElement(T.k,{justifyContent:"end",width:"100%",gap:2},e.createElement(de.z,{variant:"tertiary",onClick:R},a({id:"components.Blocks.popover.cancel",defaultMessage:"Cancel"})),e.createElement(de.z,{type:"submit",disabled:!g||!v},a({id:"components.Blocks.popover.save",defaultMessage:"Save"})))):e.createElement(T.k,{direction:"column",gap:4,alignItems:"start",width:"400px"},e.createElement(S.Z,null,h),e.createElement(S.Z,null,e.createElement(na,{href:t.url,target:"_blank",color:"primary600"},t.url)),e.createElement(T.k,{justifyContent:"end",width:"100%",gap:2},e.createElement(la,{description:a({id:"components.Blocks.popover.delete",defaultMessage:"Delete"})},e.createElement(ca,{size:"S",width:"2rem",variant:"danger-light",onClick:()=>mo(i),"aria-label":a({id:"components.Blocks.popover.delete",defaultMessage:"Delete"}),type:"button",justifyContent:"center"},e.createElement(ze.J,{width:3,height:3,as:Ye.Z}))),e.createElement(la,{description:a({id:"components.Blocks.popover.edit",defaultMessage:"Edit"})},e.createElement(ca,{size:"S",width:"2rem",variant:"tertiary",onClick:()=>p(!0),"aria-label":a({id:"components.Blocks.popover.edit",defaultMessage:"Edit"}),type:"button",justifyContent:"center"},e.createElement(ze.J,{width:3,height:3,as:tt.Z})))))))});da.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:Gc.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;Z.YR.splitNodes(t,{always:!0});const[,s]=Z.ML.above(t,{match:l=>l.type!=="text"}),r=Z.ML.isEnd(t,t.selection.anchor,s),[a]=Z.ML.parent(t,t.selection.anchor.path);Z.YR.removeNodes(t,t.selection);const i=t.children.length-o[0]>1;Z.YR.insertNodes(t,{type:"paragraph",children:r?[{type:"text",text:""}]:a.children},{at:i?[o[0]+1]:[t.children.length]}),Z.YR.select(t,t.start([o[0]+1]))}},"heading-one":{renderElement:t=>e.createElement(od,{...t.attributes},t.children),icon:Kc.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(sd,{...t.attributes},t.children),icon:Qc.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(ad,{...t.attributes},t.children),icon:Jc.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(rd,{...t.attributes},t.children),icon:Xc.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(id,{...t.attributes},t.children),icon:_c.Z,label:{id:"components.Blocks.blocks.heading5",defaultMessage:"Heading 5"},value:{type:"heading",level:5},matchNode:t=>t.type==="heading"&&t.level===5,isInBlocksSelector:!0},"heading-six":{renderElement:t=>e.createElement(ld,{...t.attributes},t.children),icon:ed.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:ta.Z,matchNode:t=>t.type==="list"&&t.format==="ordered",isInBlocksSelector:!0,handleEnterKey:ra,handleBackspaceKey:aa},"list-unordered":{renderElement:t=>e.createElement(po,{...t}),label:{id:"components.Blocks.blocks.unorderedList",defaultMessage:"Bulleted list"},value:{type:"list",format:"unordered"},icon:Cn.Z,matchNode:t=>t.type==="list"&&t.format==="unordered",isInBlocksSelector:!0,handleEnterKey:ra,handleBackspaceKey:aa},"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(da,{element:t.element,...t.attributes},t.children),value:{type:"link"},matchNode:t=>t.type==="link",isInBlocksSelector:!1},image:{renderElement:t=>e.createElement(ia,{...t}),icon:Tn.Z,label:{id:"components.Blocks.blocks.image",defaultMessage:"Image"},value:{type:"image"},matchNode:t=>t.type==="image",isInBlocksSelector:!0},quote:{renderElement:t=>e.createElement(dd,{...t.attributes},t.children),icon:kn.Z,label:{id:"components.Blocks.blocks.quote",defaultMessage:"Quote"},value:{type:"quote"},matchNode:t=>t.type==="quote",isInBlocksSelector:!0,handleEnterKey(t){const[o,s]=Z.ML.above(t,{match:i=>i.type==="quote"}),r=Z.ML.isEnd(t,t.selection.anchor,s),a=o.children.at(-1).text.endsWith(`
|
|
224
|
+
`);r&&a?(Z.YR.delete(t,{distance:1,unit:"character",reverse:!0}),Z.YR.insertNodes(t,{type:"paragraph",children:[{type:"text",text:""}]})):(Z.YR.insertText(t,`
|
|
225
|
+
`),r&&(Z.ML.removeMark(t,"bold"),Z.ML.removeMark(t,"italic")))}},code:{renderElement:t=>e.createElement(cd,{...t.attributes},e.createElement("code",null,t.children)),icon:Vt.Z,label:{id:"components.Blocks.blocks.code",defaultMessage:"Code"},value:{type:"code"},matchNode:t=>t.type==="code",isInBlocksSelector:!0,handleEnterKey(t){Z.YR.insertText(t,`
|
|
226
|
+
`)}}}}const Jt=(0,x.iv)`
|
|
227
|
+
font-size: inherit;
|
|
228
|
+
color: inherit;
|
|
229
|
+
line-height: inherit;
|
|
230
|
+
`,gd=(0,x.ZP)(S.Z).attrs({fontWeight:"bold"})`
|
|
231
|
+
${Jt}
|
|
232
|
+
`,fd=(0,x.ZP)(S.Z)`
|
|
233
|
+
font-style: italic;
|
|
234
|
+
${Jt}
|
|
235
|
+
`,hd=(0,x.ZP)(S.Z).attrs({textDecoration:"underline"})`
|
|
236
|
+
${Jt}
|
|
237
|
+
`,yd=(0,x.ZP)(S.Z).attrs({textDecoration:"line-through"})`
|
|
238
|
+
${Jt}
|
|
239
|
+
`,Ed=x.ZP.code`
|
|
240
|
+
background-color: ${({theme:t})=>t.colors.neutral150};
|
|
241
|
+
border-radius: ${({theme:t})=>t.borderRadius};
|
|
242
|
+
padding: ${({theme:t})=>`0 ${t.spaces[2]}`};
|
|
243
|
+
font-family: 'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas,
|
|
244
|
+
monospace;
|
|
245
|
+
color: inherit;
|
|
246
|
+
`;function ua(){const t=(0,Oe.ui)(),o=Z.ML.marks(t),s=a=>o?Boolean(o[a]):!1,r=a=>{o?.[a]?Z.ML.removeMark(t,a):Z.ML.addMark(t,a,!0)};return{bold:{icon:Ut.Z,label:{id:"components.Blocks.modifiers.bold",defaultMessage:"Bold"},checkIsActive:()=>s("bold"),handleToggle:()=>r("bold"),renderLeaf:a=>e.createElement(gd,null,a)},italic:{icon:Ht.Z,label:{id:"components.Blocks.modifiers.italic",defaultMessage:"Italic"},checkIsActive:()=>s("italic"),handleToggle:()=>r("italic"),renderLeaf:a=>e.createElement(fd,null,a)},underline:{icon:Yt.Z,label:{id:"components.Blocks.modifiers.underline",defaultMessage:"Underline"},checkIsActive:()=>s("underline"),handleToggle:()=>r("underline"),renderLeaf:a=>e.createElement(hd,null,a)},strikethrough:{icon:In.Z,label:{id:"components.Blocks.modifiers.strikethrough",defaultMessage:"Strikethrough"},checkIsActive:()=>s("strikethrough"),handleToggle:()=>r("strikethrough"),renderLeaf:a=>e.createElement(yd,null,a)},code:{icon:Vt.Z,label:{id:"components.Blocks.modifiers.code",defaultMessage:"Code"},checkIsActive:()=>s("code"),handleToggle:()=>r("code"),renderLeaf:a=>e.createElement(Ed,null,a)}}}const bd=t=>({outline:"none",display:"flex",flexDirection:"column",gap:t.spaces[2],height:"100%"}),vd=(t,o)=>{const s=Object.entries(o).reduce((r,a)=>{const[i,l]=a;return t.leaf[i]?l.renderLeaf(r):r},t.children);return e.createElement("span",{...t.attributes},s)},Cd=(t,o)=>(Object.values(o).find(a=>a.matchNode(t.element))||o.paragraph).renderElement(t),fo=({disabled:t,placeholder:o})=>{const s=(0,x.Fg)(),r=(0,Oe.ui)(),a=e.useRef(),i=ua(),l=e.useCallback(g=>vd(g,i),[i]),d=go(),m=e.useCallback(g=>Cd(g,d),[d]),u=()=>{const g=r.children[r.selection.anchor.path[0]],E=Object.values(d).find(v=>v.matchNode(g));E.handleEnterKey?E.handleEnterKey(r):d.paragraph.handleEnterKey(r)},p=g=>{const E=r.children[r.selection.anchor.path[0]],v=Object.values(d).find(P=>P.matchNode(E));v.handleBackspaceKey&&v.handleBackspaceKey(r,g)},f=g=>{g.key==="Enter"&&(g.preventDefault(),u()),g.key==="Backspace"&&p(g)},h=(g,E)=>{const v=E.getBoundingClientRect(),P=a.current,C=P.getBoundingClientRect();(v.top<C.top||v.bottom>C.bottom)&&P.scrollBy({top:28,behavior:"smooth"})};return e.createElement(K.x,{ref:a,grow:1,width:"100%",overflow:"auto",fontSize:2,background:"neutral0",color:"neutral800",lineHeight:6,hasRadius:!0,paddingLeft:4,paddingRight:4,marginTop:3,marginBottom:3},e.createElement(Oe.CX,{readOnly:t,placeholder:o,style:bd(s),renderElement:m,renderLeaf:l,onKeyDown:f,scrollSelectionIntoView:h}))};fo.defaultProps={placeholder:null},fo.propTypes={disabled:n().bool.isRequired,placeholder:n().string};var Rd=fo;const Md=t=>{const{normalizeNode:o}=t;return t.normalizeNode=s=>{const[r,a]=s;if(!Z.W_.isElement(r)&&r.type!=="text"){Z.YR.setNodes(t,{type:"text"},{at:a});return}o(s)},t},Td=t=>{const{isInline:o,apply:s,insertText:r}=t;return t.isInline=a=>a.type==="link"?!0:o(a),t.lastInsertedLinkPath=null,t.apply=a=>{a.type==="insert_node"?a.node.type==="link"&&(t.lastInsertedLinkPath=a.path):a.type==="move_node"&&Z.y$.hasPrevious(a.path)&&(t.lastInsertedLinkPath=Z.y$.transform(t.lastInsertedLinkPath,a)),s(a)},t.insertText=a=>{if(Z.e6.isCollapsed(t.selection)&&a===" "){const i=Array.from(Z.ML.nodes(t,{at:t.selection,match:m=>m.type==="link"}));if(t.selection&&i.length>0&&Z.E9.equals(t.selection.anchor,Z.ML.end(t,i[0][1]))){Z.YR.insertNodes(t,{text:" ",type:"text"},{at:Z.y$.next(i[0][1]),select:!0});return}}r(a)},t};var $t=c(71486),ma=c(4987);const kd=(0,x.ZP)(T.k)`
|
|
247
|
+
&[aria-disabled='true'] {
|
|
248
|
+
cursor: not-allowed;
|
|
249
|
+
}
|
|
250
|
+
`,pa=(0,x.ZP)($t.Z0)`
|
|
251
|
+
background: ${({theme:t})=>t.colors.neutral150};
|
|
252
|
+
width: 1px;
|
|
253
|
+
height: ${(0,y.Q1)(24)};
|
|
254
|
+
`,Dd=(0,x.ZP)(T.k).attrs({as:"button"})`
|
|
255
|
+
// Inherit the not-allowed cursor from ToolbarWrapper when disabled
|
|
256
|
+
&[aria-disabled] {
|
|
257
|
+
cursor: inherit;
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
&[aria-disabled='false'] {
|
|
261
|
+
cursor: pointer;
|
|
262
|
+
|
|
263
|
+
// Only apply hover styles if the button is enabled
|
|
264
|
+
&:hover {
|
|
265
|
+
background: ${({theme:t})=>t.colors.primary100};
|
|
266
|
+
}
|
|
267
|
+
}
|
|
268
|
+
`,Id=(0,x.ZP)(K.x)`
|
|
269
|
+
// Styling changes to SingleSelect component don't work, so adding wrapper to target SingleSelect
|
|
270
|
+
div[role='combobox'] {
|
|
271
|
+
border: none;
|
|
272
|
+
cursor: pointer;
|
|
273
|
+
|
|
274
|
+
&[aria-disabled='false']:hover {
|
|
275
|
+
cursor: pointer;
|
|
276
|
+
background: ${({theme:t})=>t.colors.primary100};
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
&[aria-disabled] {
|
|
280
|
+
background: transparent;
|
|
281
|
+
cursor: inherit;
|
|
282
|
+
|
|
283
|
+
// Select text and icons should also have disabled color
|
|
284
|
+
span {
|
|
285
|
+
color: ${({theme:t})=>t.colors.neutral600};
|
|
286
|
+
}
|
|
287
|
+
}
|
|
288
|
+
}
|
|
289
|
+
`,Xt=({icon:t,name:o,label:s,isActive:r,disabled:a,handleClick:i})=>{const l=(0,Oe.ui)(),{formatMessage:d}=(0,G.Z)(),m=d(s),u=r?"primary600":"neutral600";return e.createElement(ft.u,{description:m},e.createElement($t.HP,{value:o,"data-state":r?"on":"off",onMouseDown:p=>{p.preventDefault(),i()},"aria-disabled":a,disabled:a,"aria-label":m,asChild:!0},e.createElement(Dd,{disabled:a,background:r?"primary100":"",alignItems:"center",justifyContent:"center",width:7,height:7,hasRadius:!0,onMouseDown:()=>{i(),Oe.F3.focus(l)},"aria-label":m},e.createElement(ze.J,{width:3,height:3,as:t,color:a?"neutral300":u}))))};Xt.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 Od=(t,o)=>{const{type:s,level:r,format:a}=o,i={type:s,level:r||null,format:a||null};if(t.selection)Z.YR.unwrapNodes(t,{match:l=>l.type==="list",split:!0}),Z.YR.setNodes(t,i);else{const[,l]=Z.ML.last(t,[]),[d]=Z.ML.parent(t,l,{match:m=>m.type!=="text"});Z.YR.removeNodes(t,{void:!0,hanging:!0,at:{anchor:{path:l,offset:0},focus:{path:l,offset:0}}}),Z.YR.insertNodes(t,{...i,children:d.children},{at:[l[0]],select:!0})}Oe.F3.focus(t)},Pd=["name","alternativeText","url","caption","width","height","formats","hash","ext","mime","size","previewUrl","provider","provider_metadata","createdAt","updatedAt"],Ld=(t,o)=>Object.keys(t).reduce((s,r)=>(o.includes(r)&&(s[r]=t[r]),s),{}),ga=({handleClose:t})=>{const o=(0,Oe.ui)(),{components:s}=(0,y.yX)(),r=s["media-library"],a=l=>{Z.YR.unwrapNodes(o,{match:u=>u.type==="list",split:!0});const[,d]=Z.ML.above(o,{match(u){return!["text","link"].includes(u.type)}});Z.YR.removeNodes(o);const m=l.map(u=>({type:"image",image:u,children:[{type:"text",text:""}]}));Z.YR.insertNodes(o,m,{at:d})},i=l=>{const d=l.map(m=>{const u=Ld(m,Pd);return{...u,alternativeText:u.alternativeText||u.name,url:(0,y.CR)(m.url)}});a(d),fa(o,"image")&&ha(o),t()};return e.createElement(r,{allowedTypes:["images"],onClose:t,onSelectAssets:i})};ga.propTypes={handleClose:n().func.isRequired};const fa=(t,o)=>{const{selection:s}=t;if(!s)return!1;const[r]=Z.ML.nodes(t,{at:s,match:a=>a.type===o});if(r){const[,a]=r;return!Boolean(Z.ML.after(t,a))}return!1},ha=t=>{Z.YR.insertNodes(t,{type:"paragraph",children:[{type:"text",text:""}]},{at:[t.children.length]})},ya=({disabled:t})=>{const o=(0,Oe.ui)(),{formatMessage:s}=(0,G.Z)(),[r,a]=e.useState(!1),i=go(),l=Object.entries(i).reduce((f,h)=>{const[g,E]=h;return E.isInBlocksSelector?[...f,g]:f},[]),[d,m]=e.useState(Object.keys(i)[0]),u=f=>{if(["list-ordered","list-unordered"].includes(f)){const h=i[f].value.format,g=ba(o,i[f].matchNode);va(o,g,h)}else f!=="image"&&Od(o,i[f].value);m(f),f==="code"&&fa(o,"code")&&ha(o),f==="image"&&a(!0)},p=f=>f.preventDefault();return e.useEffect(()=>{if(o.selection){const[f]=Z.ML.parent(o,o.selection.anchor,{edge:"start",depth:2}),h=Object.keys(i).find(g=>i[g].matchNode(f));h&&h!==d&&m(h)}},[o.selection,o,i,d]),e.createElement(e.Fragment,null,e.createElement(Id,null,e.createElement(ma.q4,{startIcon:e.createElement(ze.J,{as:i[d].icon}),onChange:u,placeholder:i[d].label,value:d,onCloseAutoFocus:p,"aria-label":s({id:"components.Blocks.blocks.selectBlock",defaultMessage:"Select a block"}),disabled:t},l.map(f=>e.createElement(Ea,{key:f,value:f,label:i[f].label,icon:i[f].icon,blockSelected:d})))),r&&e.createElement(ga,{handleClose:()=>a(!1)}))};ya.propTypes={disabled:n().bool.isRequired};const Ea=({value:t,icon:o,label:s,blockSelected:r})=>{const{formatMessage:a}=(0,G.Z)(),i=t===r;return e.createElement(ma.ag,{startIcon:e.createElement(ze.J,{as:o,color:i?"primary600":"neutral600"}),value:t},a(s))};Ea.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=>!Z.ML.isEditor(t)&&Z.W_.isElement(t)&&t.type==="list",ba=(t,o)=>{const{selection:s}=t;if(!s)return!1;const[r]=Array.from(Z.ML.nodes(t,{at:Z.ML.unhangRange(t,s),match:o}));return Boolean(r)},va=(t,o,s)=>{if(t.selection){if(Z.YR.unwrapNodes(t,{match:r=>xd(r)&&["ordered","unordered"].includes(r.format),split:!0}),Z.YR.setNodes(t,{type:o?"paragraph":"list-item"}),!o){const r={type:"list",format:s,children:[]};Z.YR.wrapNodes(t,r)}}else{const[,r]=Z.ML.last(t,[]),[a]=Z.ML.parent(t,r,{match:i=>i.type!=="text"});if(Z.YR.removeNodes(t,{void:!0,hanging:!0,at:{anchor:{path:r,offset:0},focus:{path:r,offset:0}}}),Z.YR.insertNodes(t,{type:o?"paragraph":"list-item",children:[...a.children]},{at:[r[0]],select:!0}),!o){const i={type:"list",format:s,children:[]};Z.YR.wrapNodes(t,i)}}},ho=({block:t,disabled:o})=>{const s=(0,Oe.ui)(),{icon:r,matchNode:a,value:{format:i},label:l}=t,d=ba(s,a);return e.createElement(Xt,{icon:r,name:i,label:l,isActive:d,disabled:o,handleClick:()=>va(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 Ca=({disabled:t})=>{const o=(0,Oe.ui)(),s=()=>{const{selection:i}=o;if(!i)return!1;const[l]=Array.from(Z.ML.nodes(o,{at:Z.ML.unhangRange(o,i),match:d=>Z.W_.isElement(d)&&d.type==="link"}));return Boolean(l)},r=()=>{if(t)return!0;if(!o.selection)return!1;const i=Z.ML.above(o,{at:o.selection.anchor,match:d=>d.type!=="text"}),l=Z.ML.above(o,{at:o.selection.focus,match:d=>d.type!=="text"});return i[0]!==l[0]},a=()=>{td(o,{url:""})};return e.createElement(Xt,{icon:Mn.Z,name:"link",label:{id:"components.Blocks.link",defaultMessage:"Link"},isActive:s(),handleClick:a,disabled:r()})};Ca.propTypes={disabled:n().bool.isRequired};const Ra=({disabled:t})=>{const o=ua(),s=go(),r=(0,Oe.ui)(),i=(()=>{if(t)return!0;if(!r.selection)return!1;const l=r.children[r.selection.anchor.path[0]];return!!["image","code"].includes(l.type)})();return e.createElement($t.fC,{"aria-disabled":t,asChild:!0},e.createElement(kd,{gap:2,padding:2},e.createElement(ya,{disabled:t}),e.createElement(pa,null),e.createElement($t.tX,{type:"multiple",asChild:!0},e.createElement(T.k,{gap:1,marginLeft:1},Object.entries(o).map(([l,d])=>e.createElement(Xt,{key:l,name:l,icon:d.icon,label:d.label,isActive:d.checkIsActive(),handleClick:d.handleToggle,disabled:i})),e.createElement(Ca,{disabled:i}))),e.createElement(pa,null),e.createElement($t.tX,{type:"single",asChild:!0},e.createElement(T.k,{gap:1},e.createElement(ho,{block:s["list-unordered"],disabled:t}),e.createElement(ho,{block:s["list-ordered"],disabled:t})))))};Ra.propTypes={disabled:n().bool.isRequired};const Sd=(0,x.ZP)(S.Z)`
|
|
290
|
+
line-height: 0;
|
|
291
|
+
`,Zd=(0,x.ZP)(K.x)`
|
|
292
|
+
svg path {
|
|
293
|
+
fill: ${({theme:t})=>t.colors.neutral500};
|
|
294
|
+
}
|
|
295
|
+
`,Ad=(0,x.ZP)(It.i)`
|
|
296
|
+
background: ${({theme:t})=>t.colors.neutral200};
|
|
297
|
+
`,Fd=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),[r,a]=e.useState(0);return e.useEffect(()=>{s.current+=1,s.current!==o.current&&(a(i=>i+1),o.current=s.current)},[t]),{key:r,incrementSlateUpdatesCount:()=>o.current+=1}}const yo=e.forwardRef(({intlLabel:t,labelAction:o,name:s,disabled:r,required:a,error:i,value:l,onChange:d,placeholder:m,hint:u},p)=>{const{formatMessage:f}=(0,G.Z)(),[h]=e.useState(()=>(0,Oe.BU)(Md(Td(Fd((0,Hc.VC)((0,Z.Jh)())))))),g=t.id?f({id:t.id,defaultMessage:t.defaultMessage},{...t.values}):s,E=m?f({id:m.id,defaultMessage:m.defaultMessage}):null;e.useImperativeHandle(p,()=>({focus(){Oe.F3.focus(h)}}),[h]);const{key:v,incrementSlateUpdatesCount:P}=Bd(l),C=M=>{h.operations.some(A=>A.type!=="set_selection")&&(P(),d({target:{name:s,value:M,type:"blocks"}}))};return e.createElement(e.Fragment,null,e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:1},e.createElement(T.k,{gap:1},e.createElement(S.Z,{variant:"pi",fontWeight:"bold",textColor:"neutral800"},g,a&&e.createElement(Sd,{textColor:"danger600"},"*")),o&&e.createElement(Zd,{paddingLeft:1},o)),e.createElement(Oe.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(Ra,{disabled:r}),e.createElement(Ad,{width:"100%"}),e.createElement(Rd,{disabled:r,placeholder:E}))),e.createElement(Xs,{hint:u,name:s,error:i})),i&&e.createElement(K.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 $d=yo,Eo=c(96377),wt=c(42567),wd=c(75760),Nd=c(68019),Wd=c(78495);const jd=(0,x.ZP)(Wd.E)`
|
|
298
|
+
svg {
|
|
299
|
+
height: 1rem;
|
|
300
|
+
width: 1rem;
|
|
301
|
+
path {
|
|
302
|
+
fill: ${({theme:t})=>t.colors.neutral400};
|
|
303
|
+
}
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
svg:hover {
|
|
307
|
+
path {
|
|
308
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
309
|
+
}
|
|
310
|
+
}
|
|
311
|
+
`,Ma=(0,x.ZP)(T.k)`
|
|
312
|
+
svg {
|
|
313
|
+
height: ${12/16}rem;
|
|
314
|
+
width: ${12/16}rem;
|
|
315
|
+
|
|
316
|
+
path {
|
|
317
|
+
fill: ${({theme:t,available:o})=>o?t.colors.success600:t.colors.danger600};
|
|
318
|
+
}
|
|
319
|
+
}
|
|
320
|
+
`,zd=(0,x.F4)`
|
|
321
|
+
from {
|
|
322
|
+
transform: rotate(0deg);
|
|
323
|
+
}
|
|
324
|
+
to {
|
|
325
|
+
transform: rotate(359deg);
|
|
326
|
+
}
|
|
327
|
+
`,qd=(0,x.ZP)(T.k)`
|
|
328
|
+
animation: ${zd} 2s infinite linear;
|
|
329
|
+
`;var Ud=/^[A-Za-z0-9-_.~]*$/;const bo=e.forwardRef(({contentTypeUID:t,hint:o,disabled:s,error:r,intlLabel:a,labelAction:i,name:l,onChange:d,value:m,placeholder:u,required:p},f)=>{const[h,g]=e.useState(null),[E,v]=e.useState(!1),P=(0,Nd.N)(m,300),{modifiedData:C,initialData:M}=(0,y.Wq)(),R=(0,y.lm)(),{formatAPIError:A}=(0,y.So)(),{formatMessage:B}=(0,G.Z)(),{post:D}=(0,y.kY)(),U=a.id?B({id:a.id,defaultMessage:a.defaultMessage},{...a.values}):l,q=u?B({id:u.id,defaultMessage:u.defaultMessage},{...u.values}):"",{data:O,isLoading:V}=(0,Se.useQuery)({queryKey:["uid",{contentTypeUID:t,field:l,data:C}],async queryFn({queryKey:k}){const[,F]=k,{data:{data:I}}=await D("/content-manager/uid/generate",F);return I},onError(k){R({type:"warning",message:A(k)})},enabled:!m&&p});e.useEffect(()=>{O&&d({target:{name:l,value:O,type:"text"}},!0)},[O,l,d]);const{mutate:_,isLoading:w}=(0,Se.useMutation)({async mutationFn(k){const{data:{data:F}}=await D("/content-manager/uid/generate",k);return F},onSuccess(k){d({target:{name:l,value:k,type:"text"}})},onError(k){R({type:"warning",message:A(k)})}}),{data:Y,isLoading:X}=(0,Se.useQuery)({queryKey:["uid",{contentTypeUID:t,field:l,value:P?P.trim():""}],async queryFn({queryKey:k}){const[,F]=k,{data:I}=await D("/content-manager/uid/check-availability",F);return I},enabled:Boolean(P!==M[l]&&P&&Ud.test(P.trim())),onError(k){R({type:"warning",message:A(k)})}});e.useEffect(()=>{g(Y);let k;return Y?.isAvailable&&(k=setTimeout(()=>{g(null)},4e3)),()=>{k&&clearTimeout(k)}},[Y]);const $=V||w||X;return e.createElement($n.o,{ref:f,disabled:s,error:r,endAction:e.createElement(T.k,{position:"relative",gap:1},h&&!E&&e.createElement(Ma,{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"},B(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(Ma,{alignItems:"center",justifyContent:"flex-end",gap:1},e.createElement(S.Z,{textColor:"primary600",variant:"pi"},B({id:"content-manager.components.uid.regenerate",defaultMessage:"Regenerate"}))),e.createElement(jd,{onClick:()=>_({contentTypeUID:t,field:l,data:C}),label:B({id:"content-manager.components.uid.regenerate",defaultMessage:"Regenerate"}),onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1)},$?e.createElement(qd,{"data-testid":"loading-wrapper"},e.createElement(wd.Z,null)):e.createElement(Dn.Z,null)))),hint:o,label:U,labelAction:i,name:l,onChange:d,placeholder:q,value:m||"",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 Vd=c(88423),Hd=c.n(Vd);function Yd(t,o){return s=>{const r=o(s);return e.createElement(t,{...s,...r})}}var Gd=Yd;const Kd=(t=[],o=[])=>{const s=t.reduce((a,i)=>o.find(l=>l.id===i.id)?a:[...a,i.id],[]),r=o.reduce((a,i)=>t.find(l=>l.id===i.id)?a:[...a,i.id],[]);return[s,r]},ht={DRAFT:"draft",PUBLISHED:"published"},vo=5,Qd=10;function Jd(t,o){return`/content-manager/collectionType/${t}/${o??""}`}const Co=(t,{shouldAddLink:o,mainFieldName:s,targetModel:r})=>{const a={...t};return o&&(a.href=Jd(r,a.id)),a.publicationState=!1,a?.publishedAt!==void 0&&(a.publicationState=a.publishedAt?ht.PUBLISHED:ht.DRAFT),a.mainField=a[s],a},Xd=(t,{shouldAddLink:o=!1,mainFieldName:s,targetModel:r}={})=>[...t].map(a=>Co(a,{shouldAddLink:o,mainFieldName:s,targetModel:r})),_d=(t,{mainFieldName:o})=>{const{data:s}=t,{pages:r=[]}=s??{};return{...t,data:r.map(a=>a?.results.map(i=>Co(i,{mainFieldName:o}))).filter(Boolean).flat()}};function eu({componentUid:t,isUserAllowedToEditField:o,isUserAllowedToReadField:s,name:r,queryInfos:a}){const{isCreatingEntry:i,createActionAllowedFields:l,readActionAllowedFields:d,updateActionAllowedFields:m,slug:u,modifiedData:p}=(0,y.Wq)(),{params:f}=(0,ce.$B)("/content-manager/collectionType/:collectionType/create/clone/:origin")??{},{origin:h}=f??{},g=(0,e.useMemo)(()=>o===!0?!0:(i?l:m).includes(r),[i,l,r,o,m]),E=(0,e.useMemo)(()=>s?!0:(i?[]:d).includes(r),[i,s,r,d]),v=r.split(".");let P;t&&(P=z()(p,v.slice(0,-1))?.id);const C=h||p.id,M=(0,e.useMemo)(()=>i&&!h?null:t?P?`/content-manager/relations/${t}/${P}/${v.at(-1)}`:null:`/content-manager/relations/${u}/${C}/${r.split(".").at(-1)}`,[i,h,t,u,C,r,P,v]),R=(0,e.useMemo)(()=>t?`/content-manager/relations/${t}/${r.split(".").at(-1)}`:`/content-manager/relations/${u}/${r.split(".").at(-1)}`,[t,u,r]);return{entityId:C,componentId:P,isComponentRelation:Boolean(t),queryInfos:{...a,endpoints:{search:R,relation:M}},isCloningEntry:Boolean(h),isCreatingEntry:i,isFieldAllowed:g,isFieldReadable:E}}var tu=eu;const nu=(t,{relation:o,search:s})=>{const[r,a]=(0,e.useState)({}),[i,l]=(0,e.useState)(0),{get:d}=(0,y.kY)(),{onLoad:m,normalizeArguments:u={}}=o,p=(0,Se.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:B,results:D,pagination:U}=A,q=!!B;let O=[];return q?O=[B]:D&&(O=[...D].reverse()),{pagination:U,results:O}})})}),{pageGoal:f}=o,{status:h,data:g,fetchNextPage:E,hasNextPage:v}=p;(0,e.useEffect)(()=>{f>i&&v&&h==="success"&&E({pageParam:i+1})},[f,i,E,v,h]);const P=(0,y.W6)(m);(0,e.useEffect)(()=>{if(h==="success"&&g&&g.pages?.at(-1)?.results&&P){const R=Xd(g.pages.at(-1).results,u);P(R)}},[h,P,g]);const C=(0,Se.useInfiniteQuery)(["relation",...t,"search",JSON.stringify(r)],async({pageParam:R=1})=>{try{const{data:A}=await d(s.endpoint,{params:{...s.pageParams??{},...r,page:R}});return A}catch{return null}},{enabled:Object.keys(r).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={})=>{a({...A,_q:R,_filter:"$startsWithi"})}}},Ta=(t,o)=>s=>{const r=s.split(".");return r.reduce((a,i,l)=>{const d=z()(t,a),m=z()(o,[...r.slice(0,l),i,"__temp_key__"]);if(Array.isArray(d)&&typeof m=="number"){const u=d.findIndex(p=>p.__temp_key__===m);return a.push(u.toString()),a}return a.push(i),a},[])};var ou=c(84458),ka=c(70843),Ro=c(43743),Mo=c(61864),_t=c(98610),su=c(41044),To=c(8241);const au=x.ZP.div`
|
|
330
|
+
flex-shrink: 0;
|
|
331
|
+
width: ${(0,y.Q1)(6)};
|
|
332
|
+
height: ${(0,y.Q1)(6)};
|
|
333
|
+
margin-right: ${({theme:t})=>t.spaces[2]};
|
|
334
|
+
background-color: ${({theme:t,isDraft:o})=>t.colors[o?"secondary600":"success600"]};
|
|
335
|
+
border-radius: 50%;
|
|
336
|
+
`,ko=({publicationState:t,mainField:o,id:s})=>{const{formatMessage:r}=(0,G.Z)(),a=(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"},m=r(i?l:d);return e.createElement(To.O,{value:s,textValue:a},e.createElement(T.k,null,e.createElement(au,{title:m,isDraft:i}),e.createElement(S.Z,{ellipsis:!0},a)))}return e.createElement(To.O,{value:s,textValue:a},a)};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 Da=c(77622);const en=50,Rt=4,Ia=(0,x.ZP)(T.k)`
|
|
337
|
+
width: 100%;
|
|
338
|
+
/* Used to prevent endAction to be pushed out of container */
|
|
339
|
+
min-width: 0;
|
|
340
|
+
|
|
341
|
+
& > div[role='button'] {
|
|
342
|
+
cursor: all-scroll;
|
|
343
|
+
}
|
|
344
|
+
`,Oa=(0,x.ZP)(T.k)`
|
|
345
|
+
width: 100%;
|
|
346
|
+
/* Used to prevent endAction to be pushed out of container */
|
|
347
|
+
min-width: 0;
|
|
348
|
+
`,Do=({ariaDescribedBy:t,children:o,displayValue:s,canDrag:r,disabled:a,endAction:i,iconButtonAriaLabel:l,style:d,id:m,index:u,name:p,onCancel:f,onDropItem:h,onGrabItem:g,status:E,updatePositionOfRelation:v,...P})=>{const[{handlerId:C,isDragging:M,handleKeyDown:R},A,B,D,U]=(0,Da.Y)(r&&!a,{type:`${b._Q.RELATION}_${p}`,index:u,item:{displayedValue:s,status:E,id:m},onGrabItem:g,onDropItem:h,onCancel:f,onMoveItem:v,dropSensitivity:"immediate"}),q=(0,b.FE)(A,D);return(0,e.useEffect)(()=>{U((0,Pt.rX)())},[U]),e.createElement(K.x,{style:d,as:"li",ref:B,"aria-describedby":t,cursor:r?"all-scroll":"default"},M?e.createElement(ru,null):e.createElement(T.k,{paddingTop:2,paddingBottom:2,paddingLeft:r?2:4,paddingRight:4,hasRadius:!0,borderSize:1,borderColor:"neutral200",background:a?"neutral150":"neutral0",justifyContent:"space-between",ref:r?q:void 0,"data-handler-id":C,...P},e.createElement(Ia,{gap:1},r?e.createElement(Re.h,{forwardedAs:"div",role:"button",tabIndex:0,"aria-label":l,noBorder:!0,onKeyDown:R,disabled:a},e.createElement(rt.Z,null)):null,e.createElement(Oa,{justifyContent:"space-between"},o)),i&&e.createElement(K.x,{paddingLeft:4},i)))},ru=()=>e.createElement(K.x,{paddingTop:2,paddingBottom:2,paddingLeft:4,paddingRight:4,hasRadius:!0,borderStyle:"dashed",borderColor:"primary600",borderWidth:"1px",background:"primary100",height:`calc(100% - ${Rt}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 iu=(0,x.ZP)(K.x)`
|
|
349
|
+
position: relative;
|
|
350
|
+
overflow: hidden;
|
|
351
|
+
flex: 1;
|
|
352
|
+
|
|
353
|
+
&:before,
|
|
354
|
+
&:after {
|
|
355
|
+
position: absolute;
|
|
356
|
+
width: 100%;
|
|
357
|
+
height: 4px;
|
|
358
|
+
z-index: 1;
|
|
359
|
+
}
|
|
360
|
+
|
|
361
|
+
&:before {
|
|
362
|
+
/* TODO: as for DS Table component we would need this to be handled by the DS theme */
|
|
363
|
+
content: '';
|
|
364
|
+
background: linear-gradient(rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
|
|
365
|
+
top: 0;
|
|
366
|
+
opacity: ${({overflowDirection:t})=>t==="top-bottom"||t==="top"?1:0};
|
|
367
|
+
transition: opacity 0.2s ease-in-out;
|
|
368
|
+
}
|
|
369
|
+
|
|
370
|
+
&:after {
|
|
371
|
+
/* TODO: as for DS Table component we would need this to be handled by the DS theme */
|
|
372
|
+
content: '';
|
|
373
|
+
background: linear-gradient(0deg, rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
|
|
374
|
+
bottom: 0;
|
|
375
|
+
opacity: ${({overflowDirection:t})=>t==="top-bottom"||t==="bottom"?1:0};
|
|
376
|
+
transition: opacity 0.2s ease-in-out;
|
|
377
|
+
}
|
|
378
|
+
`,Io=({children:t,overflow:o,...s})=>e.createElement(iu,{overflowDirection:o,...s},t);Io.defaultProps={overflow:""},Io.propTypes={children:n().node.isRequired,overflow:n().oneOf(["top-bottom","bottom","top",""])};const Pa=(0,x.ZP)(ou.r)`
|
|
379
|
+
display: block;
|
|
380
|
+
|
|
381
|
+
> span {
|
|
382
|
+
white-space: nowrap;
|
|
383
|
+
overflow: hidden;
|
|
384
|
+
text-overflow: ellipsis;
|
|
385
|
+
display: block;
|
|
386
|
+
}
|
|
387
|
+
`,La=x.ZP.button`
|
|
388
|
+
svg path {
|
|
389
|
+
fill: ${({theme:t,disabled:o})=>o?t.colors.neutral600:t.colors.neutral500};
|
|
390
|
+
}
|
|
391
|
+
|
|
392
|
+
&:hover svg path,
|
|
393
|
+
&:focus svg path {
|
|
394
|
+
fill: ${({theme:t,disabled:o})=>!o&&t.colors.neutral600};
|
|
395
|
+
}
|
|
396
|
+
`,lu=(0,x.ZP)(K.x)`
|
|
397
|
+
align-self: flex-start;
|
|
398
|
+
`,Oo=({canReorder:t,description:o,disabled:s,error:r,iconButtonAriaLabel:a,id:i,name:l,numberOfRelationsToDisplay:d,label:m,labelAction:u,labelLoadMore:p,labelDisconnectRelation:f,listAriaDescription:h,liveText:g,loadingMessage:E,onCancel:v,onDropItem:P,onGrabItem:C,noRelationsMessage:M,onRelationConnect:R,onRelationLoadMore:A,onRelationDisconnect:B,onRelationReorder:D,onSearchNextPage:U,onSearch:q,placeholder:O,publicationStateTranslations:V,required:_,relations:w,searchResults:Y,size:X})=>{const[$,k]=(0,e.useState)(""),[F,I]=(0,e.useState)(""),te=(0,e.useRef)(),j=(0,e.useRef)(),J=(0,y.E2)(l),{data:H}=Y,Q=w.data,le=Q.length??0,re=(0,e.useMemo)(()=>le>d?Math.min(le,d)*(en+Rt)+en/2:Math.min(le,d)*(en+Rt),[le,d]),me=!!p&&w.hasNextPage,ye=(0,e.useMemo)(()=>H.flat().filter(Boolean).map(ue=>({...ue,value:ue.id,label:ue.mainField})),[H]);(0,e.useEffect)(()=>{if(le<=d)return I("");const ue=Pe=>{const Le=Pe.target.parentNode.scrollHeight,yt=Pe.target.scrollHeight-Pe.target.scrollTop;return Pe.target.scrollTop===0?I("bottom"):I(yt===Le?"top":"top-bottom")},we=j?.current;return!w.isLoading&&Q.length>0&&we&&j.current.addEventListener("scroll",ue),()=>{we&&we.removeEventListener("scroll",ue)}},[w,Q,d,le]);const L=ue=>{ue&&q()},se=(ue,we)=>{D&&ue>=0&&ue<Q.length&&D(we,ue)},fe=(0,be.zH)(Q.length),Ce=(0,e.useRef)(),nt=()=>{Ce.current="loadMore",A()};(0,e.useEffect)(()=>{Ce.current==="onChange"&&k(""),Ce.current==="onChange"&&Q.length!==fe?(te.current?.scrollToItem(Q.length,"end"),Ce.current=void 0):Ce.current==="loadMore"&&Q.length!==fe&&(te.current?.scrollToItem(0,"start"),Ce.current=void 0)},[fe,Q]);const $e=`${l}-item-instructions`;return e.createElement(T.k,{direction:"column",gap:3,justifyContent:"space-between",alignItems:"stretch",wrap:"wrap"},e.createElement(T.k,{direction:"row",alignItems:"end",justifyContent:"end",gap:2,width:"100%"},e.createElement(lu,{marginRight:"auto",maxWidth:X<=6?"100%":"70%",width:"100%"},e.createElement(ka.hQ,{ref:J,autocomplete:"list",error:r,name:l,hint:o,id:i,required:_,label:m,labelAction:u,disabled:s,placeholder:O,hasMoreItems:Y.hasNextPage,loading:Y.isLoading,onOpenChange:L,noOptionsMessage:()=>M,loadingMessage:E,onLoadMore:()=>{U()},textValue:$,onChange:ue=>{ue&&(R(ye.find(we=>we.id===ue)),Ce.current="onChange")},onTextValueChange:ue=>{k(ue)},onInputChange:ue=>{q(ue.currentTarget.value)}},ye.map(ue=>e.createElement(ko,{key:ue.id,...ue})))),me&&e.createElement(Ro.A,{disabled:w.isLoading||w.isFetchingNextPage,onClick:nt,loading:w.isLoading||w.isFetchingNextPage,startIcon:e.createElement(Dn.Z,null),shrink:0},p)),Q.length>0&&e.createElement(Io,{overflow:F},e.createElement(ct.T,{id:$e},h),e.createElement(ct.T,{"aria-live":"assertive"},g),e.createElement(su.t7,{height:re,ref:te,outerRef:j,itemCount:le,itemSize:en+Rt,itemData:{name:l,ariaDescribedBy:$e,canDrag:t,disabled:s,handleCancel:v,handleDropItem:P,handleGrabItem:C,iconButtonAriaLabel:a,labelDisconnectRelation:f,onRelationDisconnect:B,publicationStateTranslations:V,relations:Q,updatePositionOfRelation:se},itemKey:ue=>`${Q[ue].mainField}_${Q[ue].id}`,innerElementType:"ol"},Po)))},cu=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}),du=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:du,size:n().number.isRequired,relations:cu};const Po=({data:t,index:o,style:s})=>{const{ariaDescribedBy:r,canDrag:a,disabled:i,handleCancel:l,handleDropItem:d,handleGrabItem:m,iconButtonAriaLabel:u,name:p,labelDisconnectRelation:f,onRelationDisconnect:h,publicationStateTranslations:g,relations:E,updatePositionOfRelation:v}=t,{publicationState:P,href:C,mainField:M,id:R}=E[o],A=P==="draft"?"secondary":"success";return e.createElement(Do,{ariaDescribedBy:r,canDrag:a,disabled:i,displayValue:String(M??R),iconButtonAriaLabel:u,id:R,index:o,name:p,endAction:e.createElement(La,{"data-testid":`remove-relation-${R}`,disabled:i,type:"button",onClick:()=>h(E[o]),"aria-label":f},e.createElement(ze.J,{width:"12px",as:_t.Z})),onCancel:l,onDropItem:d,onGrabItem:m,status:P||void 0,style:{...s,bottom:s.bottom??0+Rt,height:s.height??0-Rt},updatePositionOfRelation:v},e.createElement(K.x,{minWidth:0,paddingTop:1,paddingBottom:1,paddingRight:4},e.createElement(ft.u,{description:M??`${R}`},C?e.createElement(Pa,{to:C},M??R):e.createElement(S.Z,{textColor:i?"neutral600":"primary600",ellipsis:!0},M??R))),P&&e.createElement(Mo.q,{variant:A,showBullet:!1,size:"S"},e.createElement(S.Z,{fontWeight:"bold",textColor:`${A}700`},g[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 uu=Oo;const Lo=({error:t,entityId:o,componentId:s,isComponentRelation:r,editable:a,description:i,intlLabel:l,isCreatingEntry:d,isCloningEntry:m,isFieldAllowed:u,isFieldReadable:p,labelAction:f,mainField:h,name:g,queryInfos:{endpoints:E,defaultParams:v,shouldDisplayRelationLink:P},placeholder:C,required:M,relationType:R,size:A,targetModel:B})=>{const[D,U]=(0,e.useState)(""),{formatMessage:q}=(0,G.Z)(),{slug:O,initialData:V,modifiedData:_,relationConnect:w,relationDisconnect:Y,relationLoad:X,relationReorder:$}=(0,y.Wq)(),k=g.split("."),F=Ta(V,_)(g),I=z()(_,g,[]),te=Math.ceil(z()(V,g,[]).length/vo),{relations:j,search:J,searchFor:H}=nu([O,F.join("."),_.id,v],{relation:{enabled:!!E.relation,endpoint:E.relation,pageGoal:te,pageParams:{...v,pageSize:vo},onLoad(he){X({target:{initialDataPath:["initialData",...F],modifiedDataPath:["modifiedData",...k],value:he}})},normalizeArguments:{mainFieldName:h.name,shouldAddLink:P,targetModel:B}},search:{endpoint:E.search,pageParams:{...v,entityId:d||m?void 0:r?s:o,pageSize:Qd}}}),Q=(0,e.useMemo)(()=>R.toLowerCase().includes("morph"),[R]),le=["oneWay","oneToOne","manyToOne","oneToManyMorph","oneToOneMorph"].includes(R),re=(0,e.useMemo)(()=>Q?!0:d?!a:!u&&p||!a,[Q,d,a,u,p]),me=he=>{const ke=Co(he,{mainFieldName:h.name,shouldAddLink:P,targetModel:B});w({name:g,value:ke,toOneRelation:le})},ye=he=>{Y({name:g,id:he.id})},L=()=>{j.fetchNextPage()},se=(he="")=>{const[ke,Ke]=Kd(I,z()(V,g));H(he,{idsToInclude:Ke,idsToOmit:ke})},fe=()=>{J.fetchNextPage()},Ce=he=>`${he+1} of ${I.length}`,nt=(he,ke)=>{const Ke=I[he];U(q({id:(0,b.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:Ke.mainField??Ke.id,position:Ce(ke)})),$({name:g,newIndex:ke,oldIndex:he})},$e=he=>{const ke=I[he];U(q({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:ke.mainField??ke.id,position:Ce(he)}))},ue=he=>{const ke=I[he];U(q({id:(0,b.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:ke.mainField??ke.id,position:Ce(he)}))},we=he=>{const ke=I[he];U(q({id:(0,b.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:ke.mainField??ke.id}))};if(!u&&d||!d&&!u&&!p)return e.createElement(y.X0,{name:g,intlLabel:l,labelAction:f});const Pe=I.length,Le=(z()(V,F)??[]).length,yt=j.data?.pages[0]?.pagination?.total??0,Et=!j.data&&Pe===Le?Pe:Pe-Le+yt;return e.createElement(uu,{error:t,canReorder:!le,description:i,disabled:re,iconButtonAriaLabel:q({id:(0,b.OB)("components.RelationInput.icon-button-aria-label"),defaultMessage:"Drag"}),id:g,label:`${q({id:l.id,defaultMessage:l.defaultMessage})} ${Et>0?`(${Et})`:""}`,labelAction:f,labelLoadMore:!d||m?q({id:(0,b.OB)("relation.loadMore"),defaultMessage:"Load More"}):null,labelDisconnectRelation:q({id:(0,b.OB)("relation.disconnect"),defaultMessage:"Remove"}),listAriaDescription:q({id:(0,b.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"}),listHeight:320,liveText:D,loadingMessage:q({id:(0,b.OB)("relation.isLoading"),defaultMessage:"Relations are loading"}),name:g,noRelationsMessage:q({id:(0,b.OB)("relation.notAvailable"),defaultMessage:"No relations available"}),numberOfRelationsToDisplay:vo,onDropItem:ue,onGrabItem:$e,onCancel:we,onRelationConnect:me,onRelationDisconnect:ye,onRelationLoadMore:L,onRelationReorder:nt,onSearch:he=>se(he),onSearchNextPage:()=>fe(),placeholder:q(C||{id:(0,b.OB)("relation.add"),defaultMessage:"Add relation"}),publicationStateTranslations:{[ht.DRAFT]:q({id:(0,b.OB)("relation.publicationState.draft"),defaultMessage:"Draft"}),[ht.PUBLISHED]:q({id:(0,b.OB)("relation.publicationState.published"),defaultMessage:"Published"})},relations:Hd()({...j,data:I},"data","hasNextPage","isFetchingNextPage","isLoading","isSuccess"),required:M,searchResults:_d(J,{mainFieldName:h.name}),size:A})};Lo.defaultProps={componentId:void 0,entityId:void 0,editable:!0,error:void 0,description:"",labelAction:null,isComponentRelation:!1,isFieldAllowed:!0,placeholder:null,required:!1},Lo.propTypes={componentId:n().number,entityId:n().number,editable:n().bool,error:n().string,description:n().string,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,labelAction:n().element,isCloningEntry:n().bool.isRequired,isCreatingEntry:n().bool.isRequired,isComponentRelation:n().bool,isFieldAllowed:n().bool,isFieldReadable:n().bool.isRequired,mainField:n().shape({name:n().string.isRequired,schema:n().shape({type:n().string.isRequired}).isRequired}).isRequired,name:n().string.isRequired,placeholder:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),required:n().bool,relationType:n().string.isRequired,size:n().number.isRequired,targetModel:n().string.isRequired,queryInfos:n().shape({defaultParams:n().shape({locale:n().string}),endpoints:n().shape({relation:n().string,search:n().string.isRequired}).isRequired,shouldDisplayRelationLink:n().bool.isRequired}).isRequired};const mu=(0,e.memo)(Lo);var pu=Gd(mu,tu),gu=c(87702),xo=c.n(gu),So=c(59845),fu=c(88591),hu=c.n(fu),yu=c(20871),Eu=c.n(yu),bu=c(48375),xa=c.n(bu),vu=c(31089),Cu=c.n(vu),Ru=c(16043),Mu=c.n(Ru),Tu=c(5109),ku=c.n(Tu),Du=c(47955),Iu=c.n(Du),Ou=c(95706),Pu=c.n(Ou),Lu=c(6658),xu=c.n(Lu),Su=c(36407),Zu=c.n(Su);(async()=>{await c.e(7347).then(c.bind(c,74194))})();const Mt=new(hu())({html:!0,xhtmlOut:!1,breaks:!0,langPrefix:"language-",linkify:!0,typographer:!0,highlight(t,o){if(o&&o!=="auto"&&(0,So.getLanguage)(o))return'<pre class="hljs language-'+Mt.utils.escapeHtml(o.toLowerCase())+'"><code>'+(0,So.highlight)(o,t,!0).value+"</code></pre>";if(o==="auto"){const s=(0,So.highlightAuto)(t);return'<pre class="hljs language-'+Mt.utils.escapeHtml(s.language)+'"><code>'+s.value+"</code></pre>"}return'<pre class="hljs"><code>'+Mt.utils.escapeHtml(t)+"</code></pre>"}}).use(Eu()).use(xa(),"warning").use(xa(),"tip").use(Cu()).use(Mu()).use(ku()).use(Iu()).use(Pu()).use(xu()).use(Zu());Mt.renderer.rules.footnote_ref=(t,o,s,r,a)=>'<sup class="footnote-ref"><span>'+a.rules.footnote_caption(t,o,s,r,a)+"</span></sup>",Mt.renderer.rules.footnote_anchor=()=>' <span class="footnote-backref">\u21A9\uFE0E</span>';var Au=Mt,Fu=c(13993),Sa=c.n(Fu);const Bu={...Sa().defaults,allowedTags:!1,allowedAttributes:{"*":["href","align","alt","center","width","height","type","controls","target"],img:["src","alt"],source:["src","type"]}};var $u=t=>Sa()(t,Bu),wu=x.ZP.div`
|
|
399
|
+
position: absolute;
|
|
400
|
+
top: 0;
|
|
401
|
+
width: 100%;
|
|
402
|
+
height: 100%;
|
|
403
|
+
overflow: auto;
|
|
404
|
+
padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
|
|
405
|
+
font-size: ${14/16}rem;
|
|
406
|
+
background-color: ${({theme:t})=>t.colors.neutral0};
|
|
407
|
+
color: ${({theme:t})=>t.colors.neutral800};
|
|
408
|
+
line-height: ${({theme:t})=>t.lineHeights[6]};
|
|
409
|
+
|
|
410
|
+
h1,
|
|
411
|
+
h2,
|
|
412
|
+
h3,
|
|
413
|
+
h4,
|
|
414
|
+
h5,
|
|
415
|
+
h6 {
|
|
416
|
+
margin-block-start: ${({theme:t})=>t.spaces[2]};
|
|
417
|
+
margin-block-end: ${({theme:t})=>t.spaces[2]};
|
|
418
|
+
}
|
|
419
|
+
|
|
420
|
+
p {
|
|
421
|
+
margin-bottom: ${({theme:t})=>t.spaces[2]};
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
h1 {
|
|
425
|
+
font-size: ${36/16}rem;
|
|
426
|
+
font-weight: 600;
|
|
427
|
+
}
|
|
428
|
+
|
|
429
|
+
h2 {
|
|
430
|
+
font-size: ${30/16}rem;
|
|
431
|
+
font-weight: 500;
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
h3 {
|
|
435
|
+
font-size: ${24/16}rem;
|
|
436
|
+
font-weight: 500;
|
|
437
|
+
}
|
|
438
|
+
|
|
439
|
+
h4 {
|
|
440
|
+
font-size: ${20/16}rem;
|
|
441
|
+
font-weight: 500;
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
strong {
|
|
445
|
+
font-weight: 800;
|
|
446
|
+
}
|
|
447
|
+
|
|
448
|
+
em {
|
|
449
|
+
font-style: italic;
|
|
450
|
+
}
|
|
451
|
+
|
|
452
|
+
blockquote {
|
|
453
|
+
margin-top: ${({theme:t})=>t.spaces[8]};
|
|
454
|
+
margin-bottom: ${({theme:t})=>t.spaces[7]};
|
|
455
|
+
font-size: ${14/16}rem;
|
|
456
|
+
font-weight: 400;
|
|
457
|
+
border-left: 4px solid ${({theme:t})=>t.colors.neutral150};
|
|
458
|
+
font-style: italic;
|
|
459
|
+
padding: ${({theme:t})=>t.spaces[2]} ${({theme:t})=>t.spaces[5]};
|
|
460
|
+
}
|
|
461
|
+
|
|
462
|
+
img {
|
|
463
|
+
max-width: 100%;
|
|
464
|
+
}
|
|
465
|
+
|
|
466
|
+
table {
|
|
467
|
+
thead {
|
|
468
|
+
background: ${({theme:t})=>t.colors.neutral150};
|
|
469
|
+
|
|
470
|
+
th {
|
|
471
|
+
padding: ${({theme:t})=>t.spaces[4]};
|
|
472
|
+
}
|
|
473
|
+
}
|
|
474
|
+
tr {
|
|
475
|
+
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
476
|
+
}
|
|
477
|
+
th,
|
|
478
|
+
td {
|
|
479
|
+
padding: ${({theme:t})=>t.spaces[4]};
|
|
480
|
+
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
481
|
+
border-bottom: 0;
|
|
482
|
+
border-top: 0;
|
|
483
|
+
}
|
|
484
|
+
}
|
|
485
|
+
|
|
486
|
+
pre,
|
|
487
|
+
code {
|
|
488
|
+
font-size: ${14/16}rem;
|
|
489
|
+
border-radius: 4px;
|
|
490
|
+
/*
|
|
491
|
+
Hard coded since the color is the same between themes,
|
|
492
|
+
theme.colors.neutral800 changes between themes.
|
|
493
|
+
|
|
494
|
+
Matches the color of the JSON Input component.
|
|
495
|
+
*/
|
|
496
|
+
background-color: #32324d;
|
|
497
|
+
max-width: 100%;
|
|
498
|
+
overflow: auto;
|
|
499
|
+
padding: ${({theme:t})=>t.spaces[2]};
|
|
500
|
+
}
|
|
501
|
+
|
|
502
|
+
/* Inline code */
|
|
503
|
+
p,
|
|
504
|
+
pre,
|
|
505
|
+
td {
|
|
506
|
+
> code {
|
|
507
|
+
color: #839496;
|
|
508
|
+
}
|
|
509
|
+
}
|
|
510
|
+
|
|
511
|
+
ol {
|
|
512
|
+
list-style-type: decimal;
|
|
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
|
+
ol,
|
|
520
|
+
ul {
|
|
521
|
+
margin-block-start: 0px;
|
|
522
|
+
margin-block-end: 0px;
|
|
523
|
+
}
|
|
524
|
+
}
|
|
525
|
+
|
|
526
|
+
ul {
|
|
527
|
+
list-style-type: disc;
|
|
528
|
+
margin-block-start: ${({theme:t})=>t.spaces[4]};
|
|
529
|
+
margin-block-end: ${({theme:t})=>t.spaces[4]};
|
|
530
|
+
margin-inline-start: 0px;
|
|
531
|
+
margin-inline-end: 0px;
|
|
532
|
+
padding-inline-start: ${({theme:t})=>t.spaces[4]};
|
|
533
|
+
|
|
534
|
+
ul,
|
|
535
|
+
ol {
|
|
536
|
+
margin-block-start: 0px;
|
|
537
|
+
margin-block-end: 0px;
|
|
538
|
+
}
|
|
539
|
+
}
|
|
540
|
+
`;const Zo=({data:t})=>{const o=(0,e.useMemo)(()=>$u(Au.render(t.replaceAll("\\n",`
|
|
541
|
+
`)||"")),[t]);return e.createElement(wu,null,e.createElement("div",{dangerouslySetInnerHTML:{__html:o}}))};Zo.defaultProps={data:""},Zo.propTypes={data:n().string};var Za=(0,e.memo)(Zo),tn=/^(\s*)(>[> ]*|[*+-] \[[x ]\]\s|[*+-]\s|(\d+)([.)]))(\s*)/,Nu=/^(\s*)(>[> ]*|[*+-] \[[x ]\]|[*+-]|(\d+)[.)])(\s*)$/,Wu=/[*+-]\s/;function ju(t){if(t.getOption("disableInput"))return xo().Pass;for(var o=t.listSelections(),s=[],r=0;r<o.length;r++){var a=o[r].head,i=t.getStateAfter(a.line),l=i.list!==!1,d=i.quote!==0,m=t.getLine(a.line),u=tn.exec(m),p=/^\s*$/.test(m.slice(0,a.ch));if(!o[r].empty()||!l&&!d||!u||p){t.execCommand("newlineAndIndent");return}if(Nu.test(m)){var f=d&&/>\s*$/.test(m),h=!/>\s*$/.test(m);(f||h)&&t.replaceRange("",{line:a.line,ch:0},{line:a.line,ch:a.ch+1}),s[r]=`
|
|
542
|
+
`}else{var g=u[1],E=u[5],v=!(Wu.test(u[2])||u[2].indexOf(">")>=0),P=v?parseInt(u[3],10)+1+u[4]:u[2].replace("x"," ");s[r]=`
|
|
543
|
+
`+g+P+E,v&&zu(t,a)}}t.replaceSelections(s)}function zu(t,o){var s=o.line,r=0,a=0,i=tn.exec(t.getLine(s)),l=i[1];do{r+=1;var d=s+r,m=t.getLine(d),u=tn.exec(m);if(u){var p=u[1],f=parseInt(i[3],10)+r-a,h=parseInt(u[3],10),g=h;if(l===p&&!isNaN(h))f===h&&(g=h+1),f>h&&(g=f+1),t.replaceRange(m.replace(tn,p+g+u[4]+u[5]),{line:d,ch:0},{line:d,ch:m.length});else{if(l.length>p.length||l.length<p.length&&r===1)return;a+=1}}}while(u)}var qu=ju,jf=c(27217);const Ao=(0,e.forwardRef)(({disabled:t,editorRef:o,error:s,isPreviewMode:r,isExpandMode:a,name:i,onChange:l,placeholder:d,textareaRef:m,value:u},p)=>{const f=(0,e.useRef)(l);return(0,e.useEffect)(()=>{o.current=xo().fromTextArea(m.current,{lineWrapping:!0,extraKeys:{Enter:"newlineAndIndentContinueMarkdownList",Tab:!1,"Shift-Tab":!1},readOnly:!1,smartIndent:!1,placeholder:d,spellcheck:!0,inputStyle:"contenteditable"}),xo().commands.newlineAndIndentContinueMarkdownList=qu,o.current.on("change",h=>{f.current({target:{name:i,value:h.getValue(),type:"wysiwyg"}})})},[o,m,i,d]),(0,e.useEffect)(()=>{u&&!o.current.hasFocus()&&o.current.setValue(u)},[o,u]),(0,e.useEffect)(()=>{r||t?o.current.setOption("readOnly","nocursor"):o.current.setOption("readOnly",!1)},[t,r,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(Vu,{isExpandMode:a,disabled:t||r},e.createElement("textarea",{ref:m})),r&&e.createElement(Za,{data:u}))});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=x.ZP.div`
|
|
544
|
+
position: relative;
|
|
545
|
+
height: calc(100% - 48px);
|
|
546
|
+
`,Vu=x.ZP.div`
|
|
547
|
+
cursor: ${({disabled:t})=>t?"not-allowed !important":"auto"};
|
|
548
|
+
height: 100%;
|
|
549
|
+
/* BASICS */
|
|
550
|
+
.CodeMirror-placeholder {
|
|
551
|
+
color: ${({theme:t})=>t.colors.neutral600} !important;
|
|
552
|
+
}
|
|
553
|
+
|
|
554
|
+
.CodeMirror {
|
|
555
|
+
/* Set height, width, borders, and global font properties here */
|
|
556
|
+
font-size: ${14/16}rem;
|
|
557
|
+
height: ${({isExpandMode:t})=>t?"100%":"290px"};
|
|
558
|
+
color: ${({theme:t})=>t.colors.neutral800};
|
|
559
|
+
direction: ltr;
|
|
560
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
|
|
561
|
+
'Open Sans', 'Helvetica Neue', sans-serif;
|
|
562
|
+
}
|
|
563
|
+
|
|
564
|
+
/* PADDING */
|
|
565
|
+
|
|
566
|
+
.CodeMirror-lines {
|
|
567
|
+
padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
|
|
568
|
+
/* Vertical padding around content */
|
|
569
|
+
}
|
|
570
|
+
|
|
571
|
+
.CodeMirror-scrollbar-filler,
|
|
572
|
+
.CodeMirror-gutter-filler {
|
|
573
|
+
/* The little square between H and V scrollbars */
|
|
574
|
+
background-color: ${({theme:t})=>`${t.colors.neutral0}`};
|
|
575
|
+
}
|
|
576
|
+
|
|
577
|
+
/* GUTTER */
|
|
578
|
+
|
|
579
|
+
.CodeMirror-gutters {
|
|
580
|
+
border-right: 1px solid #ddd;
|
|
581
|
+
background-color: #f7f7f7;
|
|
582
|
+
white-space: nowrap;
|
|
583
|
+
}
|
|
584
|
+
.CodeMirror-linenumbers {
|
|
585
|
+
}
|
|
586
|
+
.CodeMirror-linenumber {
|
|
587
|
+
padding: 0 3px 0 5px;
|
|
588
|
+
min-width: 20px;
|
|
589
|
+
text-align: right;
|
|
590
|
+
color: #999;
|
|
591
|
+
white-space: nowrap;
|
|
592
|
+
}
|
|
593
|
+
|
|
594
|
+
.CodeMirror-guttermarker {
|
|
595
|
+
color: black;
|
|
596
|
+
}
|
|
597
|
+
.CodeMirror-guttermarker-subtle {
|
|
598
|
+
color: #999;
|
|
599
|
+
}
|
|
600
|
+
|
|
601
|
+
/* CURSOR */
|
|
602
|
+
|
|
603
|
+
.CodeMirror-cursor {
|
|
604
|
+
border-left: 1px solid black;
|
|
605
|
+
border-right: none;
|
|
606
|
+
width: 0;
|
|
607
|
+
}
|
|
608
|
+
/* Shown when moving in bi-directional text */
|
|
609
|
+
.CodeMirror div.CodeMirror-secondarycursor {
|
|
610
|
+
border-left: 1px solid silver;
|
|
611
|
+
}
|
|
612
|
+
.cm-fat-cursor .CodeMirror-cursor {
|
|
613
|
+
width: auto;
|
|
614
|
+
border: 0 !important;
|
|
615
|
+
background: #7e7;
|
|
616
|
+
}
|
|
617
|
+
.cm-fat-cursor div.CodeMirror-cursors {
|
|
618
|
+
/* z-index: 1; */
|
|
619
|
+
}
|
|
620
|
+
|
|
621
|
+
.cm-fat-cursor-mark {
|
|
622
|
+
background-color: rgba(20, 255, 20, 0.5);
|
|
623
|
+
-webkit-animation: blink 1.06s steps(1) infinite;
|
|
624
|
+
-moz-animation: blink 1.06s steps(1) infinite;
|
|
625
|
+
animation: blink 1.06s steps(1) infinite;
|
|
626
|
+
}
|
|
627
|
+
.cm-animate-fat-cursor {
|
|
628
|
+
width: auto;
|
|
629
|
+
border: 0;
|
|
630
|
+
-webkit-animation: blink 1.06s steps(1) infinite;
|
|
631
|
+
-moz-animation: blink 1.06s steps(1) infinite;
|
|
632
|
+
animation: blink 1.06s steps(1) infinite;
|
|
633
|
+
background-color: #7e7;
|
|
634
|
+
}
|
|
635
|
+
|
|
636
|
+
/* Can style cursor different in overwrite (non-insert) mode */
|
|
637
|
+
.CodeMirror-overwrite .CodeMirror-cursor {
|
|
638
|
+
}
|
|
639
|
+
|
|
640
|
+
.cm-tab {
|
|
641
|
+
display: inline-block;
|
|
642
|
+
text-decoration: inherit;
|
|
643
|
+
}
|
|
644
|
+
|
|
645
|
+
.CodeMirror-rulers {
|
|
646
|
+
position: absolute;
|
|
647
|
+
left: 0;
|
|
648
|
+
right: 0;
|
|
649
|
+
top: -50px;
|
|
650
|
+
bottom: 0;
|
|
651
|
+
overflow: hidden;
|
|
652
|
+
}
|
|
653
|
+
.CodeMirror-ruler {
|
|
654
|
+
border-left: 1px solid #ccc;
|
|
655
|
+
top: 0;
|
|
656
|
+
bottom: 0;
|
|
657
|
+
position: absolute;
|
|
658
|
+
}
|
|
659
|
+
|
|
660
|
+
/* DEFAULT THEME */
|
|
661
|
+
|
|
662
|
+
.cm-header,
|
|
663
|
+
.cm-strong {
|
|
664
|
+
font-weight: bold;
|
|
665
|
+
}
|
|
666
|
+
.cm-em {
|
|
667
|
+
font-style: italic;
|
|
668
|
+
}
|
|
669
|
+
.cm-link {
|
|
670
|
+
text-decoration: underline;
|
|
671
|
+
}
|
|
672
|
+
.cm-strikethrough {
|
|
673
|
+
text-decoration: line-through;
|
|
674
|
+
}
|
|
675
|
+
|
|
676
|
+
.CodeMirror-composing {
|
|
677
|
+
border-bottom: 2px solid;
|
|
678
|
+
}
|
|
679
|
+
|
|
680
|
+
/* Default styles for common addons */
|
|
681
|
+
|
|
682
|
+
div.CodeMirror span.CodeMirror-matchingbracket {
|
|
683
|
+
color: #0b0;
|
|
684
|
+
}
|
|
685
|
+
div.CodeMirror span.CodeMirror-nonmatchingbracket {
|
|
686
|
+
color: #a22;
|
|
687
|
+
}
|
|
688
|
+
.CodeMirror-matchingtag {
|
|
689
|
+
background: rgba(255, 150, 0, 0.3);
|
|
690
|
+
}
|
|
691
|
+
.CodeMirror-activeline-background {
|
|
692
|
+
background: #e8f2ff;
|
|
693
|
+
}
|
|
694
|
+
|
|
695
|
+
/* STOP */
|
|
696
|
+
|
|
697
|
+
/* The rest of this file contains styles related to the mechanics of
|
|
698
|
+
the editor. You probably shouldn't touch them. */
|
|
699
|
+
|
|
700
|
+
.CodeMirror {
|
|
701
|
+
position: relative;
|
|
702
|
+
overflow: hidden;
|
|
703
|
+
background: ${({theme:t})=>`${t.colors.neutral0}`};
|
|
704
|
+
}
|
|
705
|
+
|
|
706
|
+
.CodeMirror-scroll {
|
|
707
|
+
overflow: scroll !important; /* Things will break if this is overridden */
|
|
708
|
+
/* 50px is the magic margin used to hide the element's real scrollbars */
|
|
709
|
+
/* See overflow: hidden in .CodeMirror */
|
|
710
|
+
margin-bottom: -50px;
|
|
711
|
+
margin-right: -50px;
|
|
712
|
+
padding-bottom: 50px;
|
|
713
|
+
height: 100%;
|
|
714
|
+
outline: none; /* Prevent dragging from highlighting the element */
|
|
715
|
+
position: relative;
|
|
716
|
+
}
|
|
717
|
+
.CodeMirror-sizer {
|
|
718
|
+
position: relative;
|
|
719
|
+
border-right: 50px solid transparent;
|
|
720
|
+
}
|
|
721
|
+
|
|
722
|
+
/* The fake, visible scrollbars. Used to force redraw during scrolling
|
|
723
|
+
before actual scrolling happens, thus preventing shaking and
|
|
724
|
+
flickering artifacts. */
|
|
725
|
+
.CodeMirror-vscrollbar,
|
|
726
|
+
.CodeMirror-hscrollbar,
|
|
727
|
+
.CodeMirror-scrollbar-filler,
|
|
728
|
+
.CodeMirror-gutter-filler {
|
|
729
|
+
position: absolute;
|
|
730
|
+
z-index: 1;
|
|
731
|
+
display: none;
|
|
732
|
+
outline: none;
|
|
733
|
+
}
|
|
734
|
+
|
|
735
|
+
.CodeMirror-vscrollbar {
|
|
736
|
+
right: 0;
|
|
737
|
+
top: 0;
|
|
738
|
+
overflow-x: hidden;
|
|
739
|
+
overflow-y: scroll;
|
|
740
|
+
}
|
|
741
|
+
.CodeMirror-hscrollbar {
|
|
742
|
+
bottom: 0;
|
|
743
|
+
left: 0;
|
|
744
|
+
overflow-y: hidden;
|
|
745
|
+
overflow-x: scroll;
|
|
746
|
+
}
|
|
747
|
+
.CodeMirror-scrollbar-filler {
|
|
748
|
+
right: 0;
|
|
749
|
+
bottom: 0;
|
|
750
|
+
}
|
|
751
|
+
|
|
752
|
+
.CodeMirror-lines {
|
|
753
|
+
cursor: text;
|
|
754
|
+
min-height: 1px; /* prevents collapsing before first draw */
|
|
755
|
+
}
|
|
756
|
+
/* Reset some styles that the rest of the page might have set */
|
|
757
|
+
.CodeMirror pre.CodeMirror-line,
|
|
758
|
+
.CodeMirror pre.CodeMirror-line-like {
|
|
759
|
+
-moz-border-radius: 0;
|
|
760
|
+
-webkit-border-radius: 0;
|
|
761
|
+
border-radius: 0;
|
|
762
|
+
border-width: 0;
|
|
763
|
+
background: transparent;
|
|
764
|
+
font-family: inherit;
|
|
765
|
+
font-size: inherit;
|
|
766
|
+
margin: 0;
|
|
767
|
+
white-space: pre;
|
|
768
|
+
word-wrap: normal;
|
|
769
|
+
line-height: 1.5;
|
|
770
|
+
color: inherit;
|
|
771
|
+
/* z-index: 2; */
|
|
772
|
+
position: relative;
|
|
773
|
+
overflow: visible;
|
|
774
|
+
-webkit-tap-highlight-color: transparent;
|
|
775
|
+
-webkit-font-variant-ligatures: contextual;
|
|
776
|
+
font-variant-ligatures: contextual;
|
|
777
|
+
}
|
|
778
|
+
|
|
779
|
+
.CodeMirror pre.CodeMirror-line-like {
|
|
780
|
+
z-index: 2;
|
|
781
|
+
}
|
|
782
|
+
|
|
783
|
+
.CodeMirror-wrap pre.CodeMirror-line,
|
|
784
|
+
.CodeMirror-wrap pre.CodeMirror-line-like {
|
|
785
|
+
word-wrap: break-word;
|
|
786
|
+
white-space: pre-wrap;
|
|
787
|
+
word-break: normal;
|
|
788
|
+
}
|
|
789
|
+
|
|
790
|
+
.CodeMirror-linebackground {
|
|
791
|
+
position: absolute;
|
|
792
|
+
left: 0;
|
|
793
|
+
right: 0;
|
|
794
|
+
top: 0;
|
|
795
|
+
bottom: 0;
|
|
796
|
+
z-index: 0;
|
|
797
|
+
}
|
|
798
|
+
|
|
799
|
+
.CodeMirror-linewidget {
|
|
800
|
+
position: relative;
|
|
801
|
+
/* z-index: 2; */
|
|
802
|
+
padding: 0.1px; /* Force widget margins to stay inside of the container */
|
|
803
|
+
}
|
|
804
|
+
|
|
805
|
+
.CodeMirror-widget {
|
|
806
|
+
}
|
|
807
|
+
|
|
808
|
+
.CodeMirror-rtl pre {
|
|
809
|
+
direction: rtl;
|
|
810
|
+
}
|
|
811
|
+
|
|
812
|
+
.CodeMirror-code {
|
|
813
|
+
outline: none;
|
|
814
|
+
}
|
|
815
|
+
|
|
816
|
+
/* Force content-box sizing for the elements where we expect it */
|
|
817
|
+
.CodeMirror-scroll,
|
|
818
|
+
.CodeMirror-sizer,
|
|
819
|
+
.CodeMirror-gutter,
|
|
820
|
+
.CodeMirror-gutters,
|
|
821
|
+
.CodeMirror-linenumber {
|
|
822
|
+
-moz-box-sizing: content-box;
|
|
823
|
+
box-sizing: content-box;
|
|
824
|
+
}
|
|
825
|
+
|
|
826
|
+
.CodeMirror-measure {
|
|
827
|
+
position: absolute;
|
|
828
|
+
width: 100%;
|
|
829
|
+
height: 0;
|
|
830
|
+
overflow: hidden;
|
|
831
|
+
visibility: hidden;
|
|
832
|
+
}
|
|
833
|
+
|
|
834
|
+
.CodeMirror-cursor {
|
|
835
|
+
position: absolute;
|
|
836
|
+
pointer-events: none;
|
|
837
|
+
border-color: ${({theme:t})=>`${t.colors.neutral800}`};
|
|
838
|
+
}
|
|
839
|
+
.CodeMirror-measure pre {
|
|
840
|
+
position: static;
|
|
841
|
+
}
|
|
842
|
+
|
|
843
|
+
div.CodeMirror-cursors {
|
|
844
|
+
visibility: hidden;
|
|
845
|
+
position: relative;
|
|
846
|
+
+ div {
|
|
847
|
+
z-index: 0 !important;
|
|
848
|
+
}
|
|
849
|
+
}
|
|
850
|
+
|
|
851
|
+
div.CodeMirror-dragcursors {
|
|
852
|
+
visibility: visible;
|
|
853
|
+
}
|
|
854
|
+
|
|
855
|
+
.CodeMirror-focused div.CodeMirror-cursors {
|
|
856
|
+
visibility: visible;
|
|
857
|
+
}
|
|
858
|
+
|
|
859
|
+
.CodeMirror-selected {
|
|
860
|
+
background: ${({theme:t})=>t.colors.neutral200};
|
|
861
|
+
/* z-index: -10; */
|
|
862
|
+
}
|
|
863
|
+
.CodeMirror-crosshair {
|
|
864
|
+
cursor: crosshair;
|
|
865
|
+
}
|
|
866
|
+
|
|
867
|
+
/* Used to force a border model for a node */
|
|
868
|
+
.cm-force-border {
|
|
869
|
+
padding-right: 0.1px;
|
|
870
|
+
}
|
|
871
|
+
|
|
872
|
+
/* See issue #2901 */
|
|
873
|
+
.cm-tab-wrap-hack:after {
|
|
874
|
+
content: '';
|
|
875
|
+
}
|
|
876
|
+
|
|
877
|
+
/* Help users use markselection to safely style text background */
|
|
878
|
+
span.CodeMirror-selectedtext {
|
|
879
|
+
background: none;
|
|
880
|
+
}
|
|
881
|
+
|
|
882
|
+
span {
|
|
883
|
+
color: ${({theme:t})=>t.colors.neutral800} !important;
|
|
884
|
+
}
|
|
885
|
+
`;var Hu=Ao,Yu=c(65696),Gu=c(83643);const Ku=(t,o)=>`${t}${Math.floor(o*255).toString(16).padStart(2,0)}`,Qu=(0,x.ZP)(T.k)`
|
|
886
|
+
background: ${({theme:t})=>Ku(t.colors.neutral800,.2)};
|
|
887
|
+
`,Ju=(0,x.ZP)(K.x)`
|
|
888
|
+
border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
889
|
+
`,Xu=(0,x.ZP)(Qn.Y)`
|
|
890
|
+
background-color: transparent;
|
|
891
|
+
border: none;
|
|
892
|
+
align-items: center;
|
|
893
|
+
|
|
894
|
+
svg {
|
|
895
|
+
margin-left: ${({theme:t})=>`${t.spaces[2]}`};
|
|
896
|
+
|
|
897
|
+
path {
|
|
898
|
+
fill: ${({theme:t})=>t.colors.neutral700};
|
|
899
|
+
width: ${12/16}rem;
|
|
900
|
+
height: ${12/16}rem;
|
|
901
|
+
}
|
|
902
|
+
}
|
|
903
|
+
`,Fo=({children:t,isExpandMode:o,error:s,previewContent:r,onCollapse:a})=>{const{formatMessage:i}=(0,G.Z)();return(0,y.F5)(o),o?e.createElement(Yu.h,{role:"dialog","aria-modal":!1},e.createElement(Gu.i,{onEscape:a},e.createElement(Qu,{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:4,justifyContent:"center",onClick:a},e.createElement(K.x,{background:"neutral0",hasRadius:!0,shadow:"popupShadow",overflow:"hidden",width:"90%",height:"90%",onClick:l=>l.stopPropagation()},e.createElement(T.k,{height:"100%",alignItems:"flex-start"},e.createElement(Ju,{flex:"1",height:"100%"},t),e.createElement(T.k,{alignItems:"start",direction:"column",flex:1,height:"100%",width:"100%"},e.createElement(T.k,{height:(0,y.Q1)(48),background:"neutral100",justifyContent:"flex-end",shrink:0,width:"100%"},e.createElement(Xu,{onClick:a},e.createElement(S.Z,null,i({id:"components.Wysiwyg.collapse",defaultMessage:"Collapse"})),e.createElement(Os.Z,null))),e.createElement(K.x,{position:"relative",height:"100%",width:"100%"},e.createElement(Za,{data:r})))))))):e.createElement(K.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 Aa=(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=`\`\`\`
|
|
904
|
+
${o}
|
|
905
|
+
\`\`\``;break;case"Link":s=`[${o}](link)`;break;case"Quote":s=`>${o}`;break;default:s=o}return s},Fa=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=`\`\`\`
|
|
906
|
+
${t}
|
|
907
|
+
\`\`\``,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}},Ba=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},$a=(t,o)=>{const s=t.current.getSelection();let r;if(s){const a=Aa(o,s);t.current.replaceSelection(a),t.current.focus()}else{r=Fa(o),t.current.replaceSelection(r.editedText),t.current.focus();const{line:a,ch:i}=t.current.getCursor(),l=i-r.selection.end,d=i-r.selection.end-r.selection.start;t.current.setSelection({line:a,ch:d},{line:a,ch:l})}},_u=(t,o)=>{const s=t.current.getDoc(),r=o==="BulletList"?"- ":"1. ";if(s.somethingSelected()){const a=s.listSelections();let i=null;t.current.operation(function(){a.forEach(function(l){const d=[l.head.line,l.anchor.line].sort();i==null&&(i=s.getLine(d[0]).startsWith(r));for(let m=d[0];m<=d[1];m++)if(i)s.getLine(m).startsWith(r)&&s.replaceRange("",{line:m,ch:0},{line:m,ch:r.length});else{const u=o==="BulletList"?"- ":`${m+1}. `;s.replaceRange(u,{line:m,ch:0})}})})}else{let{line:a}=s.getCursor();const i=Ba(o),l=t.current.getLine(a),d=i+l;t.current.setSelection({line:a,ch:0},{line:a,ch:l.length}),t.current.replaceSelection(d)}t.current.focus()},em=(t,o)=>{let{line:s}=t.current.getCursor();const r=Ba(o),a=t.current.getLine(s),i=a.replace(/#{1,6}\s/g,"").trim(),l=r+i;t.current.setSelection({line:s,ch:0},{line:s,ch:a.length}),t.current.replaceSelection(l),setTimeout(()=>{const d=t.current.getLine(s).length;t.current.focus(),t.current.setCursor({line:s,ch:d})},0)},tm=(t,o)=>{let{line:s,ch:r}=t.current.getCursor();o.forEach((a,i)=>{let l=t.current.getLine(s).length;t.current.setCursor({line:s,ch:l}),(i>0||i===0&&r!==0)&&(l=t.current.getLine(s).length,t.current.setCursor({line:s,ch:l}),s++,t.current.replaceSelection(`
|
|
908
|
+
`)),a.mime.includes("image")?t.current.replaceSelection(``):t.current.replaceSelection(`[${a.alt}](${a.url})`)}),setTimeout(()=>t.current.focus(),0)},nm=(t,o,s,r,a)=>{const i=Aa(o,a),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:r}),t.current.replaceSelection(`
|
|
909
|
+
`),t.current.replaceSelection(i),o==="Code"){let{line:d}=t.current.getCursor();t.current.setCursor({line:d-1,ch:a.length})}t.current.replaceRange(l,{line:s+4,ch:0},{line:1/0,ch:1/0}),t.current.focus()},om=(t,o,s,r)=>{const a=Fa(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:r}),t.current.replaceSelection(`
|
|
910
|
+
`),t.current.replaceSelection(a.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-a.selection.end,m=l-a.selection.end-a.selection.start;t.current.setSelection({line:s,ch:m},{line:s,ch:d})}t.current.replaceRange(i,{line:s+2,ch:0},{line:1/0,ch:1/0}),t.current.focus()},sm=(t,o)=>{const s=t.current.getSelection();let{line:r}=t.current.getCursor(),a=t.current.getLine(r).length;s?nm(t,o,r,a,s):om(t,o,r,a)},Fe=(0,x.ZP)(Re.h)`
|
|
911
|
+
padding: ${({theme:t})=>t.spaces[2]};
|
|
912
|
+
/* Trick to prevent the outline from overflowing because of the general outline-offset */
|
|
913
|
+
outline-offset: -2px !important;
|
|
914
|
+
|
|
915
|
+
svg {
|
|
916
|
+
width: ${18/16}rem;
|
|
917
|
+
height: ${18/16}rem;
|
|
918
|
+
}
|
|
919
|
+
`,am=(0,x.ZP)(Fe)`
|
|
920
|
+
svg {
|
|
921
|
+
width: ${8/16}rem;
|
|
922
|
+
height: ${8/16}rem;
|
|
923
|
+
}
|
|
924
|
+
`,wa=(0,x.ZP)(Re.o)`
|
|
925
|
+
margin-left: ${({theme:t})=>t.spaces[4]};
|
|
926
|
+
`,Na=(0,x.ZP)(Re.h)`
|
|
927
|
+
margin: ${({theme:t})=>`0 ${t.spaces[2]}`};
|
|
928
|
+
padding: ${({theme:t})=>t.spaces[2]};
|
|
929
|
+
|
|
930
|
+
svg {
|
|
931
|
+
width: ${18/16}rem;
|
|
932
|
+
height: ${18/16}rem;
|
|
933
|
+
}
|
|
934
|
+
`,rm=(0,x.ZP)(Re.o)`
|
|
935
|
+
margin-right: ${({theme:t})=>`${t.spaces[2]}`};
|
|
936
|
+
`,im=(0,x.ZP)(Qn.Y)`
|
|
937
|
+
background-color: transparent;
|
|
938
|
+
border: none;
|
|
939
|
+
align-items: center;
|
|
940
|
+
|
|
941
|
+
svg {
|
|
942
|
+
margin-left: ${({theme:t})=>`${t.spaces[2]}`};
|
|
943
|
+
path {
|
|
944
|
+
fill: ${({theme:t})=>t.colors.neutral700};
|
|
945
|
+
width: ${12/16}rem;
|
|
946
|
+
height: ${12/16}rem;
|
|
947
|
+
}
|
|
948
|
+
}
|
|
949
|
+
`,Bo=({onToggleExpand:t})=>{const{formatMessage:o}=(0,G.Z)();return e.createElement(K.x,{padding:2,background:"neutral100",hasRadius:!0},e.createElement(T.k,{justifyContent:"flex-end",alignItems:"flex-end"},e.createElement(im,{id:"expand",onClick:t},e.createElement(S.Z,null,o({id:"components.WysiwygBottomControls.fullscreen",defaultMessage:"Expand"})),e.createElement(Ps.Z,null))))};Bo.defaultProps={onToggleExpand(){}},Bo.propTypes={onToggleExpand:n().func};var lm=Bo;const $o=({disabled:t,editorRef:o,isExpandMode:s,isPreviewMode:r,onActionClick:a,onToggleMediaLib:i,onTogglePreviewMode:l})=>{const[d,m]=(0,e.useState)(!1),{formatMessage:u}=(0,G.Z)(),p=u({id:"components.Wysiwyg.selectOptions.title",defaultMessage:"Add a title"}),f=(0,e.useRef)(),h=()=>{m(g=>!g)};return t||r?e.createElement(T.k,{padding:2,background:"neutral100",justifyContent:"space-between"},e.createElement(Wa,null,e.createElement(Ve.P,{disabled:!0,placeholder:p,size:"S",label:p},e.createElement(Te.W,{value:"h1"},"h1"),e.createElement(Te.W,{value:"h2"},"h2"),e.createElement(Te.W,{value:"h3"},"h3"),e.createElement(Te.W,{value:"h4"},"h4"),e.createElement(Te.W,{value:"h5"},"h5"),e.createElement(Te.W,{value:"h6"},"h6")),e.createElement(wa,null,e.createElement(Fe,{disabled:!0,label:"Bold",name:"Bold",icon:e.createElement(Ut.Z,null)}),e.createElement(Fe,{disabled:!0,label:"Italic",name:"Italic",icon:e.createElement(Ht.Z,null)}),e.createElement(Fe,{disabled:!0,label:"Underline",name:"Underline",icon:e.createElement(Yt.Z,null)})),e.createElement(Na,{disabled:!0,label:"More",icon:e.createElement(so.Z,null)})),!s&&e.createElement(de.z,{onClick:l,variant:"tertiary"},u({id:"components.Wysiwyg.ToggleMode.markdown-mode",defaultMessage:"Markdown mode"}))):e.createElement(T.k,{padding:2,background:"neutral100",justifyContent:"space-between"},e.createElement(Wa,null,e.createElement(Ve.P,{placeholder:p,label:p,size:"S",onChange:g=>a(g,o)},e.createElement(Te.W,{value:"h1"},"h1"),e.createElement(Te.W,{value:"h2"},"h2"),e.createElement(Te.W,{value:"h3"},"h3"),e.createElement(Te.W,{value:"h4"},"h4"),e.createElement(Te.W,{value:"h5"},"h5"),e.createElement(Te.W,{value:"h6"},"h6")),e.createElement(wa,null,e.createElement(Fe,{onClick:()=>a("Bold",o),label:"Bold",name:"Bold",icon:e.createElement(Ut.Z,null)}),e.createElement(Fe,{onClick:()=>a("Italic",o),label:"Italic",name:"Italic",icon:e.createElement(Ht.Z,null)}),e.createElement(Fe,{onClick:()=>a("Underline",o),label:"Underline",name:"Underline",icon:e.createElement(Yt.Z,null)})),e.createElement(Na,{ref:f,onClick:h,label:"More",icon:e.createElement(so.Z,null)}),d&&e.createElement(co.J2,{onDismiss:h,centered:!0,source:f,spacing:4},e.createElement(T.k,null,e.createElement(rm,null,e.createElement(Fe,{onClick:()=>a("Strikethrough",o,h),label:"Strikethrough",name:"Strikethrough",icon:e.createElement(In.Z,null)}),e.createElement(Fe,{onClick:()=>a("BulletList",o,h),label:"BulletList",name:"BulletList",icon:e.createElement(Cn.Z,null)}),e.createElement(Fe,{onClick:()=>a("NumberList",o,h),label:"NumberList",name:"NumberList",icon:e.createElement(ta.Z,null)})),e.createElement(Re.o,null,e.createElement(Fe,{onClick:()=>a("Code",o,h),label:"Code",name:"Code",icon:e.createElement(Vt.Z,null)}),e.createElement(Fe,{onClick:()=>{h(),i()},label:"Image",name:"Image",icon:e.createElement(Tn.Z,null)}),e.createElement(am,{onClick:()=>a("Link",o,h),label:"Link",name:"Link",icon:e.createElement(Mn.Z,null)}),e.createElement(Fe,{onClick:()=>a("Quote",o,h),label:"Quote",name:"Quote",icon:e.createElement(kn.Z,null)}))))),l&&e.createElement(de.z,{onClick:l,variant:"tertiary"},u({id:"components.Wysiwyg.ToggleMode.preview-mode",defaultMessage:"Preview mode"})))};$o.defaultProps={isPreviewMode:!1,onActionClick(){},onToggleMediaLib(){},onTogglePreviewMode:void 0},$o.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 cm=$o;const Wa=(0,x.ZP)(T.k)`
|
|
950
|
+
/* Hide the label, every input needs a label. */
|
|
951
|
+
label {
|
|
952
|
+
border: 0;
|
|
953
|
+
clip: rect(0 0 0 0);
|
|
954
|
+
height: 1px;
|
|
955
|
+
margin: -1px;
|
|
956
|
+
overflow: hidden;
|
|
957
|
+
padding: 0;
|
|
958
|
+
position: absolute;
|
|
959
|
+
width: 1px;
|
|
960
|
+
}
|
|
961
|
+
`,dm=(0,x.ZP)(K.x)`
|
|
962
|
+
svg path {
|
|
963
|
+
fill: ${({theme:t})=>t.colors.neutral500};
|
|
964
|
+
}
|
|
965
|
+
`,um=(0,x.ZP)(S.Z)`
|
|
966
|
+
line-height: 0;
|
|
967
|
+
`,wo=(0,e.forwardRef)(({hint:t,disabled:o,error:s,intlLabel:r,labelAction:a,name:i,onChange:l,placeholder:d,value:m,required:u},p)=>{const{formatMessage:f}=(0,G.Z)(),h=(0,e.useRef)(null),g=(0,e.useRef)(null),[E,v]=(0,e.useState)(!1),[P,C]=(0,e.useState)(!1),[M,R]=(0,e.useState)(!1),{components:A}=(0,y.yX)(),B=A["media-library"],D=()=>C(Y=>!Y),U=()=>v(Y=>!Y),q=()=>{v(!1),R(Y=>!Y)},O=(Y,X,$)=>{switch(Y){case"Link":case"Strikethrough":{$a(X,Y),$();break}case"Code":case"Quote":{sm(X,Y),$();break}case"Bold":case"Italic":case"Underline":{$a(X,Y);break}case"BulletList":case"NumberList":{_u(X,Y),$();break}case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":{em(X,Y);break}default:}},V=Y=>{const X=Y.map($=>({alt:$.alternativeText||$.name,url:(0,y.CR)($.url),mime:$.mime}));tm(g,X),C(!1)},_=d?f({id:d.id,defaultMessage:d.defaultMessage},{...d.values}):"",w=r.id?f({id:r.id,defaultMessage:r.defaultMessage},{...r.values}):i;return e.createElement(e.Fragment,null,e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:1},e.createElement(T.k,{gap:1},e.createElement(S.Z,{variant:"pi",fontWeight:"bold",textColor:"neutral800"},w,u&&e.createElement(um,{textColor:"danger600"},"*")),a&&e.createElement(dm,{paddingLeft:1},a)),e.createElement(Fo,{isExpandMode:M,error:s,previewContent:m,onCollapse:q},e.createElement(cm,{isExpandMode:M,editorRef:g,isPreviewMode:E,onActionClick:O,onToggleMediaLib:D,onTogglePreviewMode:M?void 0:U,disabled:o}),e.createElement(Hu,{disabled:o,isExpandMode:M,editorRef:g,error:s,isPreviewMode:E,name:i,onChange:l,placeholder:_,textareaRef:h,value:m,ref:p}),!M&&e.createElement(lm,{onToggleExpand:q})),e.createElement(Xs,{hint:t,name:i,error:s})),s&&e.createElement(K.x,{paddingTop:1},e.createElement(S.Z,{variant:"pi",textColor:"danger600","data-strapi-field-error":!0},s)),P&&e.createElement(B,{onClose:D,onSelectAssets:V}))});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 mm=wo;function pm(t,o){return s=>{const r=o(s.keys);return e.createElement(t,{...s,...r})}}var gm=pm,fm=(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}))],hm=c(59578),ym=c.n(hm),Em=(t="")=>{switch(ym()(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 bm(t){const{createActionAllowedFields:o,formErrors:s,isCreatingEntry:r,modifiedData:a,onChange:i,readActionAllowedFields:l,shouldNotRunValidations:d,updateActionAllowedFields:m}=(0,y.Wq)(),u=(0,e.useMemo)(()=>r?o:m,[r,o,m]),p=(0,e.useMemo)(()=>r?[]:l,[r,l]),f=z()(a,t,null);return{allowedFields:u,formErrors:s,isCreatingEntry:r,onChange:i,readableFields:p,shouldNotRunValidations:d,value:f}}var vm=bm,ja=["type","model","via","collection","default","plugin","enum","regex","pluginOptions"];function No({allowedFields:t,componentUid:o,fieldSchema:s,formErrors:r,isCreatingEntry:a,keys:i,labelAction:l,metadatas:d,onChange:m,readableFields:u,shouldNotRunValidations:p,queryInfos:f,value:h,size:g,customFieldInputs:E}){const{fields:v}=(0,y.yX)(),{formatMessage:P}=(0,G.Z)(),{contentType:C}=(0,be.PL)(),M=(0,e.useMemo)(()=>!z()(d,"editable",!0),[d]),{type:R,customField:A}=s,B=z()(r,[i],null),D=(0,e.useMemo)(()=>(0,b.Ts)(i),[i]),U=(0,e.useMemo)(()=>{const H=Uc()(s,p?[...ja,"required","minLength"]:ja),Q=s.regex||null;if(Q){const le=new RegExp(Q);le&&(H.regex=le)}return H},[s,p]),q=(0,e.useMemo)(()=>z()(U,["required"],!1),[U]),O=(0,e.useMemo)(()=>{const H=z()(C,["attributes"],{});return z()(H,[D[0],"type"],null)==="dynamiczone"},[C,D]),V=Em(R),_=R==="media"&&!h?[]:h,w=(0,e.useMemo)(()=>{const H=D.join(".");if(t.includes(H))return!0;if(O)return t.includes(D[0]);if(D.length>1){const le=Bt()(D,D.length-1).join(".");return t.includes(le)}return!1},[t,D,O]),Y=(0,e.useMemo)(()=>{const H=D.join(".");if(u.includes(H))return!0;if(O)return u.includes(D[0]);if(D.length>1){const le=Bt()(D,D.length-1).join(".");return u.includes(le)}return!1},[u,D,O]),X=(0,e.useMemo)(()=>Y||w,[w,Y]),$=(0,e.useMemo)(()=>a?M:Y&&!w?!0:M,[M,a,w,Y]),k=(0,e.useMemo)(()=>fm(s.enum||[],q),[s,q]),{label:F,description:I,placeholder:te,visible:j}=d;if(j===!1)return null;if(!X)return e.createElement(y.X0,{description:I?{id:I,defaultMessage:I}:null,intlLabel:{id:F,defaultMessage:F},labelAction:l,error:B&&P(B),name:i,required:q});if(R==="relation")return e.createElement(pu,{...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:w,isUserAllowedToReadField:Y,name:i,placeholder:d.placeholder?{id:d.placeholder,defaultMessage:d.placeholder}:null,queryInfos:f,size:g,value:h,error:B&&P(B)});const J={uid:bo,media:v.media,wysiwyg:mm,blocks:$d,...v,...E};return e.createElement(y.jm,{attribute:s,autoComplete:"new-password",intlLabel:{id:F,defaultMessage:F},isNullable:V==="bool"&&[null,void 0].includes(s.default),description:I?{id:I,defaultMessage:I}:null,disabled:$,error:B,labelAction:l,contentTypeUID:C.uid,customInputs:J,multiple:s.multiple||!1,name:i,onChange:m,options:k,placeholder:te?{id:te,defaultMessage:te}:null,required:s.required||!1,step:Cm(R),type:A||V,value:_,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 Cm=t=>{switch(t){case"float":case"decimal":return .01;default:return 1}},Rm=(0,e.memo)(No,Ne());var Wo=gm(Rm,vm);const jo=({componentUid:t,isFromDynamicZone:o,isNested:s,name:r})=>{const{getComponentLayout:a}=(0,be.PL)(),l=(0,e.useMemo)(()=>a(t),[t,a]).layouts.edit,{lazyComponentStore:d}=ro();return e.createElement(K.x,{background:o?"":"neutral100",paddingLeft:6,paddingRight:6,paddingTop:6,paddingBottom:6,hasRadius:s,borderColor:s?"neutral200":""},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:6},l.map((m,u)=>e.createElement(xe.r,{gap:4,key:u},m.map(({name:p,size:f,metadatas:h,fieldSchema:g,queryInfos:E})=>{const v=g.type==="component",P=`${r}.${p}`;if(v){const C=g.component;return e.createElement(ve.P,{col:f,s:12,xs:12,key:p},e.createElement(nn,{componentUid:C,intlLabel:{id:h.label,defaultMessage:h.label},isNested:!0,isRepeatable:g.repeatable,max:g.max,min:g.min,name:P,required:g.required||!1}))}return e.createElement(ve.P,{col:f,key:p,s:12,xs:12},e.createElement(Wo,{componentUid:t,keys:P,fieldSchema:g,metadatas:h,queryInfos:E,size:f,customFieldInputs:d}))})))))};jo.defaultProps={isFromDynamicZone:!1,isNested:!1},jo.propTypes={componentUid:n().string.isRequired,isFromDynamicZone:n().bool,isNested:n().bool,name:n().string.isRequired};var Mm=jo;const Tm=(0,x.ZP)(K.x)`
|
|
968
|
+
overflow: hidden;
|
|
969
|
+
border-bottom: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
970
|
+
border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
971
|
+
border-left: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
972
|
+
border-radius: 0 0 ${({theme:t})=>t.borderRadius} ${({theme:t})=>t.borderRadius};
|
|
973
|
+
`,km=(0,x.ZP)(K.x)`
|
|
974
|
+
border-bottom: none;
|
|
975
|
+
|
|
976
|
+
/* add the borders and make sure the top is transparent to avoid jumping with the hover effect */
|
|
977
|
+
& > div > div {
|
|
978
|
+
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
979
|
+
border-top-color: transparent;
|
|
980
|
+
}
|
|
981
|
+
|
|
982
|
+
/* the top accordion _does_ need a border though */
|
|
983
|
+
& > div:first-child > div {
|
|
984
|
+
border-top: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
985
|
+
}
|
|
986
|
+
|
|
987
|
+
/* Reset all the border-radius' */
|
|
988
|
+
& > div > div,
|
|
989
|
+
& > div > div > div {
|
|
990
|
+
border-radius: unset;
|
|
991
|
+
}
|
|
992
|
+
|
|
993
|
+
/* Give the border radius back to the first accordion */
|
|
994
|
+
& > div:first-child > div,
|
|
995
|
+
& > div:first-child > div > div {
|
|
996
|
+
border-radius: ${({theme:t})=>t.borderRadius} ${({theme:t})=>t.borderRadius} 0 0;
|
|
997
|
+
}
|
|
998
|
+
|
|
999
|
+
& > div > div[data-strapi-expanded='true'] {
|
|
1000
|
+
border: 1px solid ${({theme:t})=>t.colors.primary600};
|
|
1001
|
+
}
|
|
1002
|
+
`,zo=({children:t,error:o})=>{const{formatMessage:s}=(0,G.Z)();return e.createElement(Ks.k,{attributeName:"data-strapi-accordion-toggle"},t,o&&e.createElement(K.x,{paddingTop:1},e.createElement(S.Z,{variant:"pi",textColor:"danger600"},s({id:o.id,defaultMessage:o.defaultMessage},{...o.values}))))};zo.defaultProps={error:void 0},zo.propTypes={children:n().node.isRequired,error:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object})};var Dm=c(41119),za=c.n(Dm);const Im=x.ZP.span`
|
|
1003
|
+
display: block;
|
|
1004
|
+
background-color: ${({theme:t})=>t.colors.primary100};
|
|
1005
|
+
outline: 1px dashed ${({theme:t})=>t.colors.primary500};
|
|
1006
|
+
outline-offset: -1px;
|
|
1007
|
+
padding: ${({theme:t})=>t.spaces[6]};
|
|
1008
|
+
`;var Om=()=>e.createElement(Im,{padding:6,background:"primary100"});const Pm=(0,x.ZP)(Re.h)`
|
|
1009
|
+
background-color: transparent;
|
|
1010
|
+
|
|
1011
|
+
svg {
|
|
1012
|
+
path {
|
|
1013
|
+
fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:t.colors.neutral600};
|
|
1014
|
+
}
|
|
1015
|
+
}
|
|
1016
|
+
|
|
1017
|
+
&:hover {
|
|
1018
|
+
svg {
|
|
1019
|
+
path {
|
|
1020
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
1021
|
+
}
|
|
1022
|
+
}
|
|
1023
|
+
}
|
|
1024
|
+
`,Lm=(0,x.ZP)(T.k)`
|
|
1025
|
+
& .drag-handle {
|
|
1026
|
+
background: unset;
|
|
1027
|
+
|
|
1028
|
+
svg {
|
|
1029
|
+
path {
|
|
1030
|
+
fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:void 0};
|
|
1031
|
+
}
|
|
1032
|
+
}
|
|
1033
|
+
|
|
1034
|
+
&:hover {
|
|
1035
|
+
svg {
|
|
1036
|
+
path {
|
|
1037
|
+
/* keeps the hover style of the accordion */
|
|
1038
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
1039
|
+
}
|
|
1040
|
+
}
|
|
1041
|
+
}
|
|
1042
|
+
}
|
|
1043
|
+
`,qo=({componentFieldName:t,componentUid:o,fields:s,index:r,isOpen:a,isReadOnly:i,mainField:l,moveComponentField:d,onClickToggle:m,toggleCollapses:u,onGrabItem:p,onDropItem:f,onCancel:h})=>{const{modifiedData:g,removeRepeatableField:E,triggerFormValidation:v}=(0,y.Wq)(),P=za()(z()(g,[...t.split("."),l],"")),C=(0,e.useRef)(null),{formatMessage:M}=(0,G.Z)(),R=t.split(".").slice(0,-1).join("."),[{handlerId:A,isDragging:B,handleKeyDown:D},U,q,O,V]=(0,Da.Y)(!i,{type:`${b._Q.COMPONENT}_${R}`,index:r,item:{displayedValue:P},onMoveItem:d,onStart(){u()},onEnd(){v()},onGrabItem:p,onDropItem:f,onCancel:h});(0,e.useEffect)(()=>{V((0,Pt.rX)(),{captureDraggingState:!1})},[V,r]);const _=(0,b.FE)(C,O),w=(0,b.FE)(U,q),{lazyComponentStore:Y}=ro();return e.createElement(K.x,{ref:w},B?e.createElement(Om,null):e.createElement(_n.U,{expanded:a,onToggle:m,id:t,size:"S"},e.createElement(eo.B,{action:i?null:e.createElement(Lm,{gap:0,expanded:a},e.createElement(Pm,{expanded:a,noBorder:!0,onClick:()=>{E(t),u()},label:M({id:(0,b.OB)("containers.Edit.delete"),defaultMessage:"Delete"}),icon:e.createElement(Ye.Z,null)}),e.createElement(Re.h,{className:"drag-handle",ref:_,forwardedAs:"div",role:"button",noBorder:!0,tabIndex:0,onClick:X=>X.stopPropagation(),"data-handler-id":A,label:M({id:(0,b.OB)("components.DragHandle-label"),defaultMessage:"Drag"}),onKeyDown:D},e.createElement(rt.Z,null))),title:P,togglePosition:"left"}),e.createElement(to.v,null,e.createElement(T.k,{direction:"column",alignItems:"stretch",background:"neutral100",padding:6,gap:6},s.map((X,$)=>e.createElement(xe.r,{gap:4,key:$},X.map(({name:k,fieldSchema:F,metadatas:I,queryInfos:te,size:j})=>{const J=F.type==="component",H=`${t}.${k}`;if(J){const Q=F.component;return e.createElement(ve.P,{col:j,s:12,xs:12,key:k},e.createElement(nn,{componentUid:Q,intlLabel:{id:I.label,defaultMessage:I.label},isRepeatable:F.repeatable,isNested:!0,name:H,max:F.max,min:F.min,required:F.required}))}return e.createElement(ve.P,{key:H,col:j,s:12,xs:12},e.createElement(Wo,{componentUid:o,fieldSchema:F,keys:H,metadatas:I,queryInfos:te,size:j,customFieldInputs:Y}))})))))))};qo.defaultProps={componentUid:void 0,fields:[],isReadOnly:!1,isOpen:!1,onGrabItem:void 0,onDropItem:void 0,onCancel:void 0,toggleCollapses(){}},qo.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 xm=(0,e.memo)(qo);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 Zm=(0,x.ZP)(Ro.A)`
|
|
1044
|
+
height: 100%;
|
|
1045
|
+
width: 100%;
|
|
1046
|
+
border-radius: 0 0 4px 4px;
|
|
1047
|
+
display: flex;
|
|
1048
|
+
justify-content: center;
|
|
1049
|
+
span {
|
|
1050
|
+
font-weight: 600;
|
|
1051
|
+
font-size: 14px;
|
|
1052
|
+
}
|
|
1053
|
+
`,Uo=({componentUid:t,componentValue:o,componentValueLength:s,isReadOnly:r,max:a,min:i,name:l})=>{const{addRepeatableComponentToField:d,formErrors:m,moveComponentField:u}=(0,y.Wq)(),p=(0,y.lm)(),{formatMessage:f}=(0,G.Z)(),[h,g]=(0,e.useState)(""),[E,v]=(0,e.useState)(""),{getComponentLayout:P,components:C}=(0,be.PL)(),M=(0,e.useMemo)(()=>P(t),[t,P]),R=(0,y.aM)(),A=(0,e.useMemo)(()=>{if(R.has("field")){const j=R.get("field"),[,J]=j.split(`${l}.`);if(z()(o,J,void 0)!==void 0){const H=J.split(".");return z()(o,H[0],void 0)?.__temp_key__}}},[o,R,l]);(0,e.useEffect)(()=>{typeof A=="number"&&g(A)},[A]);const B=(0,e.useMemo)(()=>(0,b.Uo)(o||[])+1,[o]),D=Sm(l,m),U=i-s,q=z()(m,l,{id:""}).id.includes("min"),O=()=>{g("")},V=()=>{r||(s<a?(d(l,M,C,q),g(B)):s>=a&&p({type:"info",message:{id:(0,b.OB)("components.notification.info.maximum-requirement")}}))},_=(j,J)=>{v(f({id:(0,b.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:`${l}.${J}`,position:X(j)})),u({name:l,newIndex:j,currentIndex:J})},w=z()(M,["settings","mainField"],"id"),Y=j=>()=>{g(h===j?"":j)},X=j=>`${j+1} of ${s}`,$=j=>{v(f({id:(0,b.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:`${l}.${j}`}))},k=j=>{v(f({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)}))},F=j=>{v(f({id:(0,b.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:`${l}.${j}`,position:X(j)}))};let I=m[l];if(q?I={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:U}}:D.some(j=>j.split(".").length>1)&&!q&&(I={id:(0,b.OB)("components.RepeatableComponent.error-message"),defaultMessage:"The component(s) contain error(s)"}),s===0)return e.createElement(Js,{error:I,isReadOnly:r,onClick:V});const te=`${l}-item-instructions`;return e.createElement(K.x,{hasRadius:!0},e.createElement(ct.T,{id:te},f({id:(0,b.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"})),e.createElement(ct.T,{"aria-live":"assertive"},E),e.createElement(zo,{error:I,ariaDescribedBy:te},e.createElement(km,{"aria-describedby":te},o.map(({__temp_key__:j},J)=>e.createElement(xm,{componentFieldName:`${l}.${J}`,componentUid:t,fields:M.layouts.edit,key:j,index:J,isOpen:h===j,isReadOnly:r,mainField:w,moveComponentField:_,onClickToggle:Y(j),toggleCollapses:O,onCancel:$,onDropItem:F,onGrabItem:k}))),e.createElement(Tm,null,e.createElement(T.k,{justifyContent:"center",height:"48px",background:"neutral0"},e.createElement(Zm,{disabled:r,onClick:V,startIcon:e.createElement(vt.Z,null)},f({id:(0,b.OB)("containers.EditView.add.new-entry"),defaultMessage:"Add an entry"}))))))};Uo.defaultProps={componentValue:null,componentValueLength:0,isReadOnly:!1,max:1/0,min:0},Uo.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 Am=(0,e.memo)(Uo);const Fm=(0,x.ZP)(K.x)`
|
|
1054
|
+
svg path {
|
|
1055
|
+
fill: ${({theme:t})=>t.colors.neutral500};
|
|
1056
|
+
}
|
|
1057
|
+
`,Vo=({intlLabel:t,id:o,labelAction:s,name:r,numberOfEntries:a,showNumberOfEntries:i,required:l})=>{const{formatMessage:d}=(0,G.Z)(),m=t?.id?d(t):r;return e.createElement(K.x,{paddingBottom:1},e.createElement(T.k,null,e.createElement(S.Z,{textColor:"neutral800",htmlFor:o||r,variant:"pi",fontWeight:"bold",as:"label"},m,i&&e.createElement(e.Fragment,null,"\xA0(",a,")"),l&&e.createElement(S.Z,{textColor:"danger600"},"*")),s&&e.createElement(Fm,{paddingLeft:1},s)))};Vo.defaultProps={id:void 0,labelAction:void 0,numberOfEntries:0,required:!1,showNumberOfEntries:!1},Vo.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=Vo;function $m(t,o){return s=>{const r=o(s);return e.createElement(t,{...s,...r})}}var wm=$m;function Nm({isFromDynamicZone:t,name:o}){const{addNonRepeatableComponentToField:s,createActionAllowedFields:r,isCreatingEntry:a,modifiedData:i,removeComponentFromField:l,readActionAllowedFields:d,updateActionAllowedFields:m,formErrors:u}=(0,y.Wq)(),{contentType:p}=(0,be.PL)(),f=(0,e.useMemo)(()=>{const M=z()(p,["attributes"],{});return Object.keys(M).filter(A=>z()(M,[A,"type"],"")==="dynamiczone")},[p]),h=(0,e.useMemo)(()=>a?r:m,[a,r,m]),g=z()(i,o,null),E=(0,e.useMemo)(()=>(0,b.Ts)(o),[o]),v=(0,e.useMemo)(()=>t&&a||h.filter(A=>A===E[0]).length>0?!0:h.map(A=>A.split(".")).filter(A=>A.length<E.length?!1:Bt()(A,E.length).join(".")===E.join(".")).length>0,[t,a,h,E]),P=(0,e.useMemo)(()=>t||f.includes(E[0])?!0:(a?[]:d).map(A=>A.split(".")).filter(A=>A.length<E.length?!1:Bt()(A,E.length).join(".")===E.join(".")).length>0,[t,f,E,a,d]),C=(0,e.useMemo)(()=>a||v?!1:P,[v,P,a]);return{addNonRepeatableComponentToField:s,formErrors:u,hasChildrenAllowedFields:v,hasChildrenReadableFields:P,isCreatingEntry:a,isReadOnly:C,removeComponentFromField:l,componentValue:g}}var Wm=Nm;const Ho=({addNonRepeatableComponentToField:t,componentUid:o,intlLabel:s,isCreatingEntry:r,isFromDynamicZone:a,isRepeatable:i,isNested:l,labelAction:d,max:m,min:u,name:p,hasChildrenAllowedFields:f,hasChildrenReadableFields:h,isReadOnly:g,componentValue:E,removeComponentFromField:v,required:P})=>{const{formatMessage:C}=(0,G.Z)(),M=jc()(E),R=E!==null||a,A=!i&&R&&!a&&f,{getComponentLayout:B,components:D}=(0,be.PL)(),U=(0,e.useMemo)(()=>B(o),[o,B]);if(!f&&r)return e.createElement(y.X0,{labelAction:d,intlLabel:s,name:p});if(!f&&!r&&!h)return e.createElement(y.X0,{labelAction:d,intlLabel:s,name:p});const q=()=>{t(p,U,D)};return e.createElement(K.x,null,e.createElement(T.k,{justifyContent:"space-between"},s&&e.createElement(Bm,{intlLabel:s,labelAction:d,name:p,numberOfEntries:M,showNumberOfEntries:i,required:P}),A&&e.createElement(Re.h,{label:C({id:(0,b.OB)("components.reset-entry"),defaultMessage:"Reset Entry"}),icon:e.createElement(Ye.Z,null),noBorder:!0,onClick:()=>{v(p,o)}})),e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:1},!i&&!R&&e.createElement(Js,{isReadOnly:g,onClick:q}),!i&&R&&e.createElement(Mm,{componentUid:o,isFromDynamicZone:a,isNested:l,name:p}),i&&e.createElement(Am,{componentValue:E,componentValueLength:M,componentUid:o,isReadOnly:g,max:m,min:u,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 jm=(0,e.memo)(Ho,Ne());var nn=wm(jm,Wm);const Yo=({componentUid:t,formErrors:o,index:s,isFieldAllowed:r,name:a,onRemoveComponentClick:i,onMoveComponent:l,onGrabItem:d,onDropItem:m,onCancel:u,dynamicComponentsByCategory:p,onAddComponent:f})=>{const[h,g]=(0,e.useState)(!0),{formatMessage:E}=(0,G.Z)(),{getComponentLayout:v}=(0,be.PL)(),{modifiedData:P}=(0,y.Wq)(),{icon:C,friendlyName:M,mainValue:R}=(0,e.useMemo)(()=>{const k=v(t),{info:{icon:F,displayName:I}}=k,te=z()(k,["settings","mainField"],"id"),j=z()(P,[a,s,te])??"",J=te==="id"?"":String(j).trim(),H=J.length>0?` - ${J}`:J;return{friendlyName:I,icon:F,mainValue:H}},[t,v,P,a,s]),A=Object.keys(o).filter(k=>{const F=k.split(".");return`${F[0]}.${F[1]}`==`${a}.${s}`});let B;A.length>0&&(B=E({id:(0,b.OB)("components.DynamicZone.error-message"),defaultMessage:"The component contains error(s)"}));const D=()=>{g(k=>!k)},[{handlerId:U,isDragging:q,handleKeyDown:O},V,_,w,Y]=(0,be.Y9)(r,{type:`${b._Q.DYNAMIC_ZONE}_${a}`,index:s,item:{displayedValue:`${M}${R}`,icon:C},onMoveItem:l,onGrabItem:d,onDropItem:m,onCancel:u});(0,e.useEffect)(()=>{Y((0,Pt.rX)(),{captureDraggingState:!1})},[Y,s]);const X=(0,b.FE)(V,_),$=r?e.createElement(zm,{gap:0,expanded:h},e.createElement(qm,{noBorder:!0,label:E({id:(0,b.OB)("components.DynamicZone.delete-label"),defaultMessage:"Delete {name}"},{name:M}),onClick:i},e.createElement(Ye.Z,null)),e.createElement(Re.h,{forwardedAs:"div",role:"button",noBorder:!0,tabIndex:0,onClick:k=>k.stopPropagation(),"data-handler-id":U,ref:w,label:E({id:(0,b.OB)("components.DragHandle-label"),defaultMessage:"Drag"}),onKeyDown:O},e.createElement(rt.Z,null)),e.createElement(ge.fC,null,e.createElement(ge.xz,{size:"S",endIcon:null,paddingLeft:2,paddingRight:2},e.createElement(so.Z,{"aria-hidden":!0,focusable:!1}),e.createElement(ct.T,{as:"span"},E({id:(0,b.OB)("components.DynamicZone.more-actions"),defaultMessage:"More actions"}))),e.createElement(ge.VY,null,e.createElement(ge.rl,null,e.createElement(ge.fF,null,E({id:(0,b.OB)("components.DynamicZone.add-item-above"),defaultMessage:"Add component above"})),e.createElement(ge.tu,null,Object.entries(p).map(([k,F])=>e.createElement(e.Fragment,{key:k},e.createElement(ge.__,null,k),F.map(({componentUid:I,info:{displayName:te}})=>e.createElement(Qs.sN,{key:I,onSelect:()=>f(I,s)},te)))))),e.createElement(ge.rl,null,e.createElement(ge.fF,null,E({id:(0,b.OB)("components.DynamicZone.add-item-below"),defaultMessage:"Add component below"})),e.createElement(ge.tu,null,Object.entries(p).map(([k,F])=>e.createElement(e.Fragment,{key:k},e.createElement(ge.__,null,k),F.map(({componentUid:I,info:{displayName:te}})=>e.createElement(Qs.sN,{key:I,onSelect:()=>f(I,s+1)},te))))))))):null;return e.createElement(Gm,{as:"li",width:"100%"},e.createElement(T.k,{justifyContent:"center"},e.createElement(Hm,{background:"neutral200"})),e.createElement(Um,{ref:X,hasRadius:!0},q?e.createElement(Ym,{padding:6,background:"primary100"}):e.createElement(_n.U,{expanded:h,onToggle:D,size:"S",error:B},e.createElement(eo.B,{startIcon:e.createElement(xt,{icon:C,showBackground:!1,size:"S"}),action:$,title:`${M}${R}`,togglePosition:"left"}),e.createElement(to.v,null,e.createElement(Vm,{background:"neutral0"},e.createElement(nn,{componentUid:t,icon:C,name:`${a}.${s}`,isFromDynamicZone:!0}))))))},zm=(0,x.ZP)(T.k)`
|
|
1058
|
+
/*
|
|
1059
|
+
we need to remove the background from the button but we can't
|
|
1060
|
+
wrap the element in styled because it breaks the forwardedAs which
|
|
1061
|
+
we need for drag handler to work on firefox
|
|
1062
|
+
*/
|
|
1063
|
+
div[role='button'] {
|
|
1064
|
+
background: transparent;
|
|
1065
|
+
}
|
|
1066
|
+
`,qm=(0,x.ZP)(Re.h)`
|
|
1067
|
+
background-color: transparent;
|
|
1068
|
+
|
|
1069
|
+
svg path {
|
|
1070
|
+
fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:t.colors.neutral600};
|
|
1071
|
+
}
|
|
1072
|
+
`,Um=(0,x.ZP)(K.x)`
|
|
1073
|
+
> div:first-child {
|
|
1074
|
+
box-shadow: ${({theme:t})=>t.shadows.tableShadow};
|
|
1075
|
+
}
|
|
1076
|
+
`,Vm=(0,x.ZP)(K.x)`
|
|
1077
|
+
border-radius: 0 0 ${({theme:t})=>t.spaces[1]} ${({theme:t})=>t.spaces[1]};
|
|
1078
|
+
`,Hm=(0,x.ZP)(K.x)`
|
|
1079
|
+
width: ${({theme:t})=>t.spaces[2]};
|
|
1080
|
+
height: ${({theme:t})=>t.spaces[4]};
|
|
1081
|
+
`,Ym=x.ZP.span`
|
|
1082
|
+
display: block;
|
|
1083
|
+
background-color: ${({theme:t})=>t.colors.primary100};
|
|
1084
|
+
outline: 1px dashed ${({theme:t})=>t.colors.primary500};
|
|
1085
|
+
outline-offset: -1px;
|
|
1086
|
+
padding: ${({theme:t})=>t.spaces[6]};
|
|
1087
|
+
`,Gm=(0,x.ZP)(K.x)`
|
|
1088
|
+
list-style: none;
|
|
1089
|
+
padding: 0;
|
|
1090
|
+
margin: 0;
|
|
1091
|
+
`;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:r,required:a,intlDescription:i})=>{const{formatMessage:l}=(0,G.Z)(),d=l({id:t||s,defaultMessage:t||s});return e.createElement(T.k,{justifyContent:"center"},e.createElement(K.x,{paddingTop:3,paddingBottom:3,paddingRight:4,paddingLeft:4,borderRadius:"26px",background:"neutral0",shadow:"filterShadow",color:"neutral500"},e.createElement(T.k,{direction:"column",justifyContent:"center"},e.createElement(T.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"},"(",r,")"),a&&e.createElement(S.Z,{textColor:"danger600"},"*"),o&&e.createElement(K.x,{paddingLeft:1},o)),i&&e.createElement(K.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 Ko=({name:t,labelAction:o,fieldSchema:s,metadatas:r})=>{const{max:a=1/0,min:i=-1/0,components:l=[],required:d=!1}=s,[m,u]=(0,e.useState)(!1),[p,f]=(0,e.useState)(""),{addComponentToDynamicZone:h,createActionAllowedFields:g,isCreatingEntry:E,formErrors:v,modifiedData:P,moveComponentField:C,removeComponentFromDynamicZone:M,readActionAllowedFields:R,updateActionAllowedFields:A}=(0,y.Wq)(),B=(0,e.useMemo)(()=>(P?.[t]??[]).map(L=>({componentUid:L.__component,id:L.id??L.__temp_key__})),[P,t]),{getComponentLayout:D,components:U}=(0,be.PL)(),q=(0,e.useMemo)(()=>l.reduce((L,se)=>{const{category:fe,info:Ce,attributes:nt}=D(se),$e={componentUid:se,info:Ce,attributes:nt};return L[fe]||(L[fe]=[]),L[fe]=[...L[fe],$e],L},{}),[l,D]),{formatMessage:O}=(0,G.Z)(),V=(0,y.lm)(),_=(0,e.useMemo)(()=>(E?g:A).includes(t),[t,E,g,A]),w=(0,e.useMemo)(()=>(E?[]:R).includes(t),[t,E,R]),Y=B.length,X=r.description?{id:r.description,defaultMessage:r.description}:null,$=v[t],k=i-Y,F=!!$,I=(L,se)=>{u(!1);const fe=D(L);h(t,fe,U,F,se)},te=()=>{Y<a?u(L=>!L):V({type:"info",message:{id:(0,b.OB)("components.notification.info.maximum-requirement")}})},j=(L,se)=>{f(O({id:(0,b.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:`${t}.${se}`,position:J(L)})),C({name:t,newIndex:L,currentIndex:se})},J=L=>`${L+1} of ${B.length}`,H=L=>{f(O({id:(0,b.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:`${t}.${L}`}))},Q=L=>{f(O({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}.${L}`,position:J(L)}))},le=L=>{f(O({id:(0,b.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:`${t}.${L}`,position:J(L)}))},re=(L,se)=>()=>{M(L,se)},me=()=>m?O({id:"app.utils.close-label",defaultMessage:"Close"}):F&&$.id.includes("max")?O({id:"components.Input.error.validation.max",defaultMessage:"The value is too high."}):F&&$.id.includes("min")?O({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}):O({id:(0,b.OB)("components.DynamicZone.add-component"),defaultMessage:"Add a component to {componentName}"},{componentName:r.label||t});if(!_&&(E||!w&&!E))return e.createElement(y.X0,{description:X,intlLabel:{id:r.label,defaultMessage:r.label},labelAction:o,name:t});const ye=`${t}-item-instructions`;return e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:6},Y>0&&e.createElement(K.x,null,e.createElement(Go,{intlDescription:X,label:r.label,labelAction:o,name:t,numberOfComponents:Y,required:d}),e.createElement(ct.T,{id:ye},O({id:(0,b.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"})),e.createElement(ct.T,{"aria-live":"assertive"},p),e.createElement("ol",{"aria-describedby":ye},B.map(({componentUid:L,id:se},fe)=>e.createElement(Yo,{componentUid:L,formErrors:v,key:`${L}-${se}`,index:fe,isFieldAllowed:_,name:t,onMoveComponent:j,onRemoveComponentClick:re(t,fe),onCancel:H,onDropItem:le,onGrabItem:Q,onAddComponent:I,dynamicComponentsByCategory:q})))),e.createElement(T.k,{justifyContent:"center"},e.createElement(Jn,{hasError:F,isDisabled:!_,isOpen:m,onClick:te},me())),e.createElement(oo,{dynamicComponentsByCategory:q,isOpen:m,onClickAddComponent:I}))};Ko.defaultProps={fieldSchema:{},labelAction:null},Ko.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),qe=c.n(Km),qa=c(12788),Qo=c(99526),Qm=c(10268),Ua=c.n(Qm),Jm=c(56236),Xm=c.n(Jm);const on=["createdBy","updatedBy"];var _m=c(77236),ep=c.n(_m),tp=c(85973),np=c.n(tp);const op=({browserState:t,serverState:o},s,r)=>{const a=o,i=t,l=(u,p)=>z()(u,["attributes",p,"type"],""),d=(u,p)=>z()(u,["attributes",...p],""),m=(u,p,f,h)=>Object.keys(u).reduce((g,E)=>{if(on.includes(E))return g;const v=h?`${h}.${E}`:E,P=l(f,E),C=z()(u,E),M=z()(p,E),R=d(f,[E,"component"]),A=d(f,[E,"repeatable"]);let B;switch(P){case"json":B=JSON.parse(C);break;case"time":{B=C,C&&C.split(":").length<3&&(B=`${C}:00`);break}case"media":d(f,[E,"multiple"])===!0?B=C?C.filter(D=>!(D instanceof File)):null:B=z()(C,0)instanceof File?null:z()(C,"id",null);break;case"component":A?B=C&&C.map((D,U)=>m(D,(M??[])[U],r[R],`${v}.${U}`)):B=C&&m(C,M,r[R],v);break;case"relation":{const D=Ta(a,i)(v).join(".");let U=z()(a,D,[]);const q=C.reduce((V,_,w,Y)=>{const X=U.find(k=>k.id===_.id),$=Y[w+1];if(!X||X.__temp_key__!==_.__temp_key__){const k=$?{before:$.id}:{end:!0};return[...V,{id:_.id,position:k}]}return V},[]);B={disconnect:U.reduce((V,_)=>C.find(w=>w.id===_.id)?V:[...V,{id:_.id}],[]),connect:q.reverse()};break}case"dynamiczone":B=C.map((D,U)=>m(D,(M??[])[U],r[D.__component],`${v}.${U}`));break;default:B=sp(C,"id")}return g[E]=B,g},{});return m(t,o,s,"")},sp=(t,o)=>ep()(t)?t.map(s=>s[o]?s[o]:s):np()(t)?t[o]:t;var ap=op;const sn=(t,o=()=>!1,s=void 0)=>{const r=(a,i,{ignoreFalseyValues:l=!1,path:d=[],parent:m=i}={})=>Object.entries(i).reduce((u,[p,f])=>{if(l&&(u==null||u[p]===void 0||u[p]===null))return u;if(o(f,{path:[...d,p],parent:m})&&(u[p]=typeof s=="function"?s(u[p],{path:[...d,p],parent:u}):s),f.type==="component"){const h=t[f.component].attributes;!f.repeatable&&u[p]&&typeof u[p]=="object"?u[p]=r(u[p],h,{ignoreFalseyValues:l,path:[...d,p],parent:i[p]}):f.repeatable&&Array.isArray(u[p])&&(u[p]=u[p].map((g,E)=>r(g,h,{ignoreFalseyValues:l,path:[...d,p,E],parent:i[p]})))}else f.type==="dynamiczone"&&Array.isArray(u[p])&&(u[p]=u[p].map((h,g)=>{const E=t[h.__component].attributes;return r(h,E,{ignoreFalseyValues:l,path:[...d,p,g],parent:i[p]})}));return u},{...a});return r};var Va=(t,o,s,r)=>{const a=t.slice();return a.splice(o,1),a.splice(s,0,r),a};const rp={componentsDataStructure:{},contentTypeDataStructure:{},formErrors:{},initialData:{},modifiedData:null,shouldCheckErrors:!1,modifiedDZName:null,publishConfirmation:{show:!1,draftCount:0}};var ip=(t,o)=>(0,jn.ZP)(t,s=>{switch(o.type){case"ADD_NON_REPEATABLE_COMPONENT_TO_FIELD":{const{componentLayoutData:r,allComponents:a}=o,i={...t.componentsDataStructure[r.uid]},d=sn(a,m=>m.type==="relation",[])(i,r.attributes);ae()(s,["modifiedData",...o.keys],d);break}case"ADD_COMPONENT_TO_DYNAMIC_ZONE":case"ADD_REPEATABLE_COMPONENT_TO_FIELD":{const{keys:r,allComponents:a,componentLayoutData:i,shouldCheckErrors:l,position:d=void 0}=o;l&&(s.shouldCheckErrors=!t.shouldCheckErrors),o.type==="ADD_COMPONENT_TO_DYNAMIC_ZONE"&&(s.modifiedDZName=r[0]);const m=[...z()(t,["modifiedData",...r],[])];let u=d;u===void 0?u=m.length:u<0&&(u=0);const p=o.type==="ADD_COMPONENT_TO_DYNAMIC_ZONE"?{...t.componentsDataStructure[i.uid],__component:i.uid,__temp_key__:(0,b.Uo)(m)+1}:{...t.componentsDataStructure[i.uid],__temp_key__:(0,b.Uo)(m)+1},h=sn(a,g=>g.type==="relation",[])(p,i.attributes);m.splice(u,0,h),ae()(s,["modifiedData",...r],m);break}case"LOAD_RELATION":{const{initialDataPath:r,modifiedDataPath:a,value:i}=o,l=z()(t,r),d=z()(t,a),m=l?i.filter(f=>!l.some(h=>h.id===f.id)):i,u=(0,Qo.zJ)(null,d[0]?.__temp_key__,m.length),p=m.map((f,h)=>({...f,__temp_key__:u[h]}));ae()(s,r,Ua()([...p,...l],"id")),ae()(s,a,Ua()([...p,...d],"id"));break}case"CONNECT_RELATION":{const r=["modifiedData",...o.keys],{value:a,toOneRelation:i}=o;if(i)ae()(s,r,[a]);else{const l=z()(t,r),[d]=(0,Qo.zJ)(l.at(-1)?.__temp_key__,null,1),m=[...l,{...a,__temp_key__:d}];ae()(s,r,m)}break}case"DISCONNECT_RELATION":{const r=["modifiedData",...o.keys],{id:a}=o,l=z()(t,[...r]).filter(d=>d.id!==a);ae()(s,r,l);break}case"MOVE_COMPONENT_FIELD":case"REORDER_RELATION":{const{oldIndex:r,newIndex:a,keys:i}=o,l=["modifiedData",...i],d=z()(t,[...l]),m=d[r],u=[...d];if(o.type==="REORDER_RELATION"){const p=r>a?d[a-1]?.__temp_key__:d[a]?.__temp_key__,f=r>a?d[a]?.__temp_key__:d[a+1]?.__temp_key__,[h]=(0,Qo.zJ)(p,f,1);u.splice(r,1),u.splice(a,0,{...m,__temp_key__:h})}else u.splice(r,1),u.splice(a,0,m);ae()(s,l,u);break}case"INIT_FORM":{const{initialValues:r,components:a={},attributes:i={},setModifiedDataOnly:l}=o,d=et()(r),u=sn(a,(h,{path:g})=>{const E=g[g.length-1],v=on.includes(E);return h.type==="relation"&&!v},(h,{path:g})=>t.modifiedData?.id===d.id&&z()(t.modifiedData,g)?z()(t.modifiedData,g):[])(d,i),f=sn(a,h=>h.type==="dynamiczone"||h.type==="component"&&!h.repeatable,h=>Array.isArray(h)?h.map((g,E)=>({...g,__temp_key__:E})):{...h,__temp_key__:0})(u,i,{ignoreFalseyValues:!0});l||(s.initialData=f),s.modifiedData=f,s.formErrors={},s.modifiedDZName=null,s.shouldCheckErrors=!1;break}case"MOVE_COMPONENT_UP":case"MOVE_COMPONENT_DOWN":{const{currentIndex:r,dynamicZoneName:a,shouldCheckErrors:i}=o;i&&(s.shouldCheckErrors=!t.shouldCheckErrors);const l=t.modifiedData[a],d=o.type==="MOVE_COMPONENT_UP"?r-1:r+1,m=t.modifiedData[a][r],u=Va(l,r,d,m);ae()(s,["modifiedData",o.dynamicZoneName],u);break}case"MOVE_FIELD":{const r=z()(t,["modifiedData",...o.keys],[]).slice(),a=z()(t,["modifiedData",...o.keys,o.dragIndex]),i=Va(r,o.dragIndex,o.overIndex,a);ae()(s,["modifiedData",...o.keys],i);break}case"ON_CHANGE":{const[r]=o.keys;if(o.shouldSetInitialValue&&ae()(s,["initialData",...o.keys],o.value),o.keys.length===2&&z()(t,["modifiedData",r])===null){ae()(s,["modifiedData",r],{[o.keys[1]]:o.value});break}ae()(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 r=["modifiedData",...o.keys];ae()(s,r,null);break}case"REMOVE_PASSWORD_FIELD":{Xm()(s,["modifiedData",...o.keys]);break}case"REMOVE_REPEATABLE_FIELD":{const r=o.keys.length-1,a=["modifiedData",...Bt()(o.keys,r)];Object.keys(t.formErrors).length>0&&(s.shouldCheckErrors=!t.shouldCheckErrors);const l=z()(t,a).slice();l.splice(parseInt(o.keys[r],10),1),ae()(s,a,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 Jo=({allLayoutData:t,allowedActions:{canRead:o,canUpdate:s},children:r,componentsDataStructure:a,contentTypeDataStructure:i,createActionAllowedFields:l,from:d,initialValues:m,isCreatingEntry:u,isLoadingForData:p,isSingleType:f,onPost:h,onPublish:g,onDraftRelationCheck:E,onPut:v,onUnpublish:P,readActionAllowedFields:C,redirectToPreviousPage:M,slug:R,status:A,updateActionAllowedFields:B})=>{const[D,U]=e.useState(!1),[q,O]=(0,e.useReducer)(ip,rp),{formErrors:V,initialData:_,modifiedData:w,modifiedDZName:Y,shouldCheckErrors:X,publishConfirmation:$}=q,{setModifiedDataOnly:k}=(0,ne.v9)(Gn),F=(0,ne.I0)(),I=(0,y.lm)(),{lockApp:te,unlockApp:j}=(0,y.o1)(),J=z()(t,["contentType"],{}),H=(0,e.useMemo)(()=>z()(J,["options","draftAndPublish"],!1),[J]),Q=(0,e.useMemo)(()=>H&&!_.publishedAt,[H,_.publishedAt]),{trackUsage:le}=(0,y.rS)(),{formatMessage:re}=(0,G.Z)(),me=(0,e.useRef)(le),ye=(0,e.useMemo)(()=>p||u?!1:o===!1&&s===!1,[p,u,o,s]);(0,e.useEffect)(()=>{A==="resolved"?j():te()},[te,j,A]),(0,e.useEffect)(()=>{p||Le()},[X]),(0,e.useEffect)(()=>{const N=Object.keys(V);if(N.length>0){const W=N[0],oe=document.getElementById(W);oe&&oe.focus()}},[V]),(0,e.useEffect)(()=>{ye&&I({type:"info",message:{id:(0,b.OB)("permissions.not-allowed.update")}})},[ye,I]),(0,e.useEffect)(()=>{O({type:"SET_DEFAULT_DATA_STRUCTURES",componentsDataStructure:a,contentTypeDataStructure:i})},[a,i]);const{components:L}=t,se=(0,be.zH)(m);(0,e.useEffect)(()=>{m&&J?.attributes&&!Ne()(se,m)&&(O({type:"INIT_FORM",initialValues:m,components:L,attributes:J.attributes,setModifiedDataOnly:k}),k&&F(Fc()))},[m,J,L,k,F,se]);const fe=(0,e.useCallback)(N=>(W,oe,De,Qe=!1,Je=void 0)=>{me.current("didAddComponentToDynamicZone"),O({type:N,keys:W.split("."),position:Je,componentLayoutData:oe,allComponents:De,shouldCheckErrors:Qe})},[]),Ce=fe("ADD_COMPONENT_TO_DYNAMIC_ZONE"),nt=(0,e.useCallback)((N,W,oe)=>{O({type:"ADD_NON_REPEATABLE_COMPONENT_TO_FIELD",keys:N.split("."),componentLayoutData:W,allComponents:oe})},[]),$e=(0,e.useCallback)(({name:N,value:W,toOneRelation:oe})=>{O({type:"CONNECT_RELATION",keys:N.split("."),value:W,toOneRelation:oe})},[]),ue=(0,e.useCallback)(({target:{initialDataPath:N,modifiedDataPath:W,value:oe,modifiedDataOnly:De}})=>{O({type:"LOAD_RELATION",modifiedDataPath:W,initialDataPath:N,value:oe,modifiedDataOnly:De})},[]),we=fe("ADD_REPEATABLE_COMPONENT_TO_FIELD"),Pe=(0,e.useMemo)(()=>{const N={isCreatingEntry:u,isDraft:Q,isFromComponent:!1};return(0,b.Ex)(J,{components:t.components||{}},N)},[t.components,J,u,Q]),Le=(0,e.useCallback)(async(N={})=>{let W={};const oe=et()(w);qe()(oe)||ae()(oe,N.path,N.value);try{await Pe.validate(oe,{abortEarly:!1})}catch(De){W=(0,y.CJ)(De),Y&&(W=Object.keys(W).reduce((Qe,Je)=>(Je.split(".")[0]!==Y&&(Qe[Je]=W[Je]),Qe),{}))}O({type:"SET_FORM_ERRORS",errors:W})},[Y,w,Pe]),yt=(0,e.useCallback)(({target:{name:N,value:W,type:oe}},De=!1)=>{let Qe=W;if(["text","textarea","string","email","uid","select","select-one","number"].includes(oe)&&!W&&W!==0&&(Qe=null),oe==="password"&&!W){O({type:"REMOVE_PASSWORD_FIELD",keys:N.split(".")});return}O({type:"ON_CHANGE",keys:N.split("."),value:Qe,shouldSetInitialValue:De})},[]),Et=(0,e.useCallback)((N,W)=>ap({browserState:N,serverState:W},J,t.components),[t.components,J]),he=(0,e.useMemo)(()=>H?Q?{status:"draft"}:{}:{},[H,Q]),ke=(0,e.useCallback)(async N=>(N.preventDefault(),O({type:"RESET_PUBLISH_CONFIRMATION"})),[]),Ke=(0,e.useCallback)(async N=>{N.preventDefault();let W={};try{await Pe.validate(w,{abortEarly:!1})}catch(oe){W=(0,y.CJ)(oe)}try{if(qe()(W)){const oe=Et(w,_);(0,qa.flushSync)(()=>{U(!0)}),u?await h(oe,he):await v(oe,he),U(!1)}}catch(oe){U(!1),W={...W,...(0,y.nn)(oe,{getTrad:b.OB})}}O({type:"SET_FORM_ERRORS",errors:W})},[Et,u,w,_,h,v,he,Pe]),gn=(0,e.useCallback)(async()=>{const N=(0,b.Ex)(J,{components:z()(t,"components",{})},{isCreatingEntry:u,isDraft:!1,isFromComponent:!1}),W=await E();if(!$.show&&W>0){O({type:"SET_PUBLISH_CONFIRMATION",publishConfirmation:{show:!0,draftCount:W}});return}O({type:"RESET_PUBLISH_CONFIRMATION"});let oe={};try{await N.validate(w,{abortEarly:!1})}catch(De){oe=(0,y.CJ)(De)}try{qe()(oe)&&((0,qa.flushSync)(()=>{U(!0)}),await g(),U(!1))}catch(De){U(!1),oe={...oe,...(0,y.nn)(De,{getTrad:b.OB})}}O({type:"SET_FORM_ERRORS",errors:oe})},[t,J,u,w,$.show,g,E]),ot=(0,e.useCallback)(N=>{const W=Object.keys(V).some(De=>De.split(".")[0]===N);return!qe()(V)&&W},[V]),Wt=(0,e.useCallback)((N,W)=>{me.current("changeComponentsOrder"),O({type:"MOVE_COMPONENT_DOWN",dynamicZoneName:N,currentIndex:W,shouldCheckErrors:ot(N)})},[ot]),vs=(0,e.useCallback)((N,W)=>{me.current("changeComponentsOrder"),O({type:"MOVE_COMPONENT_UP",dynamicZoneName:N,currentIndex:W,shouldCheckErrors:ot(N)})},[ot]),fn=(0,e.useCallback)(({name:N,newIndex:W,currentIndex:oe})=>{O({type:"MOVE_COMPONENT_FIELD",keys:N.split("."),newIndex:W,oldIndex:oe})},[]),Cs=(0,e.useCallback)(({name:N,id:W})=>{O({type:"DISCONNECT_RELATION",keys:N.split("."),id:W})},[]),Rs=(0,e.useCallback)(({name:N,oldIndex:W,newIndex:oe})=>{O({type:"REORDER_RELATION",keys:N.split("."),oldIndex:W,newIndex:oe})},[]),Ms=(0,e.useCallback)((N,W)=>{me.current("removeComponentFromDynamicZone"),O({type:"REMOVE_COMPONENT_FROM_DYNAMIC_ZONE",dynamicZoneName:N,index:W,shouldCheckErrors:ot(N)})},[ot]),Ts=(0,e.useCallback)((N,W)=>{O({type:"REMOVE_COMPONENT_FROM_FIELD",keys:N.split("."),componentUid:W})},[]),ee=(0,e.useCallback)((N,W)=>{O({type:"REMOVE_REPEATABLE_FIELD",keys:N.split("."),componentUid:W})},[]),ie=(0,e.useCallback)(()=>{O({type:"TRIGGER_FORM_VALIDATION"})},[]);return ye?e.createElement(ce.l_,{to:d}):w?e.createElement(y.W1.Provider,{value:{addComponentToDynamicZone:Ce,addNonRepeatableComponentToField:nt,addRepeatableComponentToField:we,allLayoutData:t,checkFormErrors:Le,createActionAllowedFields:l,formErrors:V,hasDraftAndPublish:H,initialData:_,isCreatingEntry:u,isSingleType:f,shouldNotRunValidations:Q,status:A,layout:J,modifiedData:w,moveComponentField:fn,moveComponentDown:Wt,moveComponentUp:vs,onChange:yt,onPublish:gn,onUnpublish:P,readActionAllowedFields:C,redirectToPreviousPage:M,removeComponentFromDynamicZone:Ms,removeComponentFromField:Ts,removeRepeatableField:ee,relationConnect:$e,relationDisconnect:Cs,relationLoad:ue,relationReorder:Rs,slug:R,triggerFormValidation:ie,updateActionAllowedFields:B,onPublishPromptDismissal:ke,publishConfirmation:$}},p||!u&&!_.id?e.createElement(Me.o,{"aria-busy":"true"},e.createElement(y.dO,null)):e.createElement(e.Fragment,null,D?null:e.createElement(ce.NL,{when:!Ne()(w,_),message:re({id:"global.prompt.unsaved"})}),e.createElement("form",{noValidate:!0,onSubmit:Ke},r))):null};Jo.defaultProps={from:"/",initialValues:null,redirectToPreviousPage(){}},Jo.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 lp=Jo;const cp=(t={})=>Object.values(t).reduce((o,s)=>Object.assign(o,s),{});var Ha=(t={})=>{const{plugins:o,_q:s,...r}={...t,...cp(t.plugins)};return s&&(r._q=encodeURIComponent(s)),r};const Ya=({allLayoutData:t,children:o,slug:s})=>{const r=(0,Se.useQueryClient)(),{trackUsage:a}=(0,y.rS)(),{push:i}=(0,ce.k6)(),{setCurrentStep:l}=(0,y.c1)(),d=(0,e.useRef)(a),[m,u]=(0,e.useState)(!0),[{query:p,rawQuery:f}]=(0,y.Kx)(),h=(0,e.useMemo)(()=>Ha(p),[p]),g=(0,y.lm)(),E=(0,ne.I0)(),{formatAPIError:v}=(0,y.So)(b.OB),P=(0,y.kY)(),{post:C,put:M,del:R}=P,{componentsDataStructure:A,contentTypeDataStructure:B,data:D,isLoading:U,status:q}=(0,ne.v9)(Gn),O=(0,e.useCallback)(F=>{const I=(0,b.kc)(F,t.contentType,t.components);return(0,y.dU)(I,t.contentType,t.components)},[t]);(0,e.useEffect)(()=>()=>{E(Hs())},[E]),(0,e.useEffect)(()=>{const F=Object.keys(t.components).reduce((j,J)=>{const H=(0,b.Di)(z()(t,["components",J,"attributes"],{}),t.components);return j[J]=(0,y.dU)(H,t.components[J],t.components),j},{}),I=(0,b.Di)(t.contentType.attributes,t.components),te=(0,y.dU)(I,t.contentType,t.components);E(Ys(F,te))},[t,E]),(0,e.useEffect)(()=>{const I=Ge.default.CancelToken.source();return(async j=>{E(Qt()),u(!0);try{const{data:J}=await P.get(`/content-manager/single-types/${s}`,{cancelToken:j.token,params:h});E(Hn(O(J))),u(!1)}catch(J){if(Ge.default.isCancel(J))return;const H=z()(J,"response.status",null);H===404&&E(Yn(f,!0)),H===403&&(g({type:"info",message:{id:(0,b.OB)("permissions.not-allowed.update")}}),i("/"))}})(I),()=>I.cancel("Operation canceled by the user.")},[P,O,i,s,E,h,f,g]);const V=(0,e.useCallback)(F=>{g({type:"warning",message:v(F)})},[g,v]),_=(0,e.useCallback)(async F=>{try{d.current("willDeleteEntry",F);const{data:I}=await R(`/content-manager/single-types/${s}`,{params:h});return g({type:"success",message:{id:(0,b.OB)("success.record.delete")}}),d.current("didDeleteEntry",F),u(!0),E(Yn(f,!0)),Promise.resolve(I)}catch(I){return d.current("didNotDeleteEntry",{error:I,...F}),V(I),Promise.reject(I)}},[R,s,h,g,E,f,V]),w=(0,e.useCallback)(async(F,I)=>{const te=`/content-manager/single-types/${s}`;try{E(pe("submit-pending"));const{data:j}=await M(te,F,{params:p});return d.current("didCreateEntry",I),g({type:"success",message:{id:(0,b.OB)("success.record.save")}}),l("contentManager.success"),r.invalidateQueries(["relation"]),E(lt(O(j))),u(!1),E(pe("resolved")),Promise.resolve(j)}catch(j){return d.current("didNotCreateEntry",{error:j,trackerProperty:I}),V(j),E(pe("resolved")),Promise.reject(j)}},[M,O,V,s,E,p,g,l,r]),Y=(0,e.useCallback)(async()=>{try{d.current("willCheckDraftRelations");const F=`/content-manager/single-types/${s}/actions/countDraftRelations`;E(pe("draft-relation-check-pending"));const I=await P.get(F);return d.current("didCheckDraftRelations"),E(pe("resolved")),I.data.data}catch(F){return V(F),E(pe("resolved")),Promise.reject(F)}},[P,V,s,E]),X=(0,e.useCallback)(async()=>{try{d.current("willPublishEntry");const F=`/content-manager/single-types/${s}/actions/publish`;E(pe("publish-pending"));const{data:I}=await C(F,{},{params:h});return d.current("didPublishEntry"),g({type:"success",message:{id:(0,b.OB)("success.record.publish")}}),E(lt(O(I))),E(pe("resolved")),Promise.resolve(I)}catch(F){return V(F),E(pe("resolved")),Promise.reject(F)}},[s,E,C,h,g,O,V]),$=(0,e.useCallback)(async(F,I)=>{const te=`/content-manager/single-types/${s}`;try{d.current("willEditEntry",I),E(pe("submit-pending"));const{data:j}=await M(te,F,{params:p});return g({type:"success",message:{id:(0,b.OB)("success.record.save")}}),d.current("didEditEntry",{trackerProperty:I}),r.invalidateQueries(["relation"]),E(lt(O(j))),E(pe("resolved")),Promise.resolve(j)}catch(j){return V(j),d.current("didNotEditEntry",{error:j,trackerProperty:I}),E(pe("resolved")),Promise.reject(j)}},[M,O,V,s,E,p,g,r]),k=(0,e.useCallback)(async()=>{const F=`/content-manager/single-types/${s}/actions/unpublish`;E(pe("unpublish-pending"));try{d.current("willUnpublishEntry");const{data:I}=await C(F,{},{params:h});d.current("didUnpublishEntry"),g({type:"success",message:{id:(0,b.OB)("success.record.unpublish")}}),E(lt(O(I))),E(pe("resolved"))}catch(I){E(pe("resolved")),V(I)}},[s,E,C,h,g,O,V]);return o({componentsDataStructure:A,contentTypeDataStructure:B,data:D,isCreatingEntry:m,isLoadingForData:U,onDelete:_,onPost:w,onDraftRelationCheck:Y,onPublish:X,onPut:$,onUnpublish:k,redirectionLink:"/",status:q})};Ya.propTypes={allLayoutData:n().shape({components:n().object.isRequired,contentType:n().object.isRequired}).isRequired,children:n().func.isRequired,slug:n().string.isRequired};var dp=(0,e.memo)(Ya);function up(t,o){return s=>{const r=o();return e.createElement(t,{...s,...r})}}var mp=up;function pp(){const{hasDraftAndPublish:t,modifiedData:o}=(0,y.Wq)();let s={};return t&&(s=qe()(o.publishedAt)?{status:"draft"}:{status:"published"}),{hasDraftAndPublish:t,trackerProperty:s}}var gp=pp;const Ga=({onDelete:t,trackerProperty:o})=>{const[s,r]=(0,e.useState)(!1),[a,i]=(0,e.useState)(!1),{formatMessage:l}=(0,G.Z)(),{formatAPIError:d}=(0,y.So)(b.OB),m=(0,y.lm)(),u=()=>r(f=>!f),p=async()=>{try{i(!0),await t(o),i(!1),u()}catch(f){i(!1),u(),m({type:"warning",message:d(f)})}};return e.createElement(e.Fragment,null,e.createElement(de.z,{onClick:u,size:"S",startIcon:e.createElement(Ye.Z,null),variant:"danger-light"},l({id:(0,b.OB)("containers.Edit.delete-entry"),defaultMessage:"Delete this entry"})),e.createElement(y.QH,{isConfirmButtonLoading:a,isOpen:s,onConfirm:p,onToggleDialog:u}))};Ga.propTypes={onDelete:n().func.isRequired,trackerProperty:n().object.isRequired};const fp=(0,e.memo)(Ga,Ne());var hp=mp(fp,gp),yp=c(48715);function Ep(t,o){return s=>{const r=o();return e.createElement(t,{...s,...r})}}var bp=Ep;function vp(){const{initialData:t,hasDraftAndPublish:o}=(0,y.Wq)(),s=t.publishedAt!==void 0&&t.publishedAt!==null;return{hasDraftAndPublish:o,isPublished:s}}var Cp=vp;const Rp=(0,x.ZP)(yp.Z)`
|
|
1092
|
+
width: ${(0,y.Q1)(6)};
|
|
1093
|
+
height: ${(0,y.Q1)(6)};
|
|
1094
|
+
* {
|
|
1095
|
+
fill: ${({theme:t,$bulletColor:o})=>t.colors[o]};
|
|
1096
|
+
}
|
|
1097
|
+
`,Ka=({hasDraftAndPublish:t,isPublished:o})=>{const{formatMessage:s}=(0,G.Z)();if(!t)return null;const r={draft:{textColor:"secondary700",bulletColor:"secondary600",box:{background:"secondary100",borderColor:"secondary200"}},published:{textColor:"success700",bulletColor:"success600",box:{background:"success100",borderColor:"success200"}}},a=o?r.published:r.draft;return e.createElement(K.x,{hasRadius:!0,as:"aside",paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,...a.box},e.createElement(K.x,{as:T.k},e.createElement(Rp,{$bulletColor:a.bulletColor}),e.createElement(K.x,{paddingLeft:3},e.createElement(S.Z,{textColor:a.textColor},s({id:(0,b.OB)("containers.Edit.information.editing"),defaultMessage:"Editing"}),"\xA0"),e.createElement(S.Z,{fontWeight:"bold",textColor:a.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"})))))};Ka.propTypes={hasDraftAndPublish:n().bool.isRequired,isPublished:n().bool.isRequired};var Mp=bp(Ka,Cp);const Xo=({columns:t,customFieldInputs:o})=>e.createElement(xe.r,{gap:4},t.map(({fieldSchema:s,labelAction:r,metadatas:a,name:i,size:l,queryInfos:d})=>{if(s.type==="component"){const{component:u,max:p,min:f,repeatable:h=!1,required:g=!1}=s;return e.createElement(ve.P,{col:l,s:12,xs:12,key:u},e.createElement(nn,{componentUid:u,labelAction:r,isRepeatable:h,intlLabel:{id:a.label,defaultMessage:a.label},max:p,min:f,name:i,required:g}))}return e.createElement(ve.P,{col:l,key:i,s:12,xs:12},e.createElement(Wo,{size:l,fieldSchema:s,keys:i,labelAction:r,metadatas:a,queryInfos:d,customFieldInputs:o}))}));Xo.defaultProps={customFieldInputs:{}},Xo.propTypes={columns:n().array.isRequired,customFieldInputs:n().object};var Tp=Xo,an=c(47209),rn=c(96433),ln=c(22128);function kp(t,o){return s=>{const r=o();return e.createElement(t,{...s,...r})}}var Dp=kp;function Ip(){const{initialData:t,isCreatingEntry:o,isSingleType:s,status:r,layout:a,hasDraftAndPublish:i,modifiedData:l,onPublish:d,onUnpublish:m,publishConfirmation:u,onPublishPromptDismissal:p}=(0,y.Wq)();return{initialData:t,isCreatingEntry:o,isSingleType:s,status:r,layout:a,hasDraftAndPublish:i,modifiedData:l,onPublish:d,onUnpublish:m,publishConfirmation:u,onPublishPromptDismissal:p}}var Op=Ip;const Qa=(0,x.ZP)(T.k)`
|
|
1098
|
+
text-align: center;
|
|
1099
|
+
`,Ja=({allowedActions:{canUpdate:t,canCreate:o,canPublish:s},initialData:r,isCreatingEntry:a,isSingleType:i,hasDraftAndPublish:l,layout:d,modifiedData:m,onPublish:u,onUnpublish:p,status:f,publishConfirmation:{show:h,draftCount:g},onPublishPromptDismissal:E})=>{const{goBack:v}=(0,ce.k6)(),[P,C]=(0,e.useState)(!1),{formatMessage:M}=(0,G.Z)(),R=z()(d,["settings","mainField"],"id"),A=z()(d,["info","displayName"],"NOT FOUND"),B=!Ne()(r,m)||a&&!qe()(m);let U=M({id:(0,b.OB)("containers.Edit.pluginHeader.title.new"),defaultMessage:"Create an entry"});!a&&!i&&(U=r[R]||A),i&&(U=A);let q=null;if(a&&o&&(q=e.createElement(T.k,{gap:2},l&&e.createElement(de.z,{disabled:!0,startIcon:e.createElement(He.Z,null),variant:"secondary"},M({id:"app.utils.publish",defaultMessage:"Publish"})),e.createElement(de.z,{disabled:!B,loading:f==="submit-pending",type:"submit"},M({id:(0,b.OB)("containers.Edit.submit"),defaultMessage:"Save"})))),!a&&t){const w=l&&s,Y=!qe()(r.publishedAt),X=Y?f==="unpublish-pending":f==="publish-pending",$=Y?{id:"app.utils.unpublish",defaultMessage:"Unpublish"}:{id:"app.utils.publish",defaultMessage:"Publish"},k=Y?()=>C(!0):()=>u();q=e.createElement(T.k,null,w&&e.createElement(de.z,{disabled:B,loading:X,onClick:k,startIcon:e.createElement(He.Z,null),variant:"secondary"},M($)),e.createElement(K.x,{paddingLeft:w?2:0},e.createElement(de.z,{disabled:!B,loading:f==="submit-pending",type:"submit"},M({id:(0,b.OB)("containers.Edit.submit"),defaultMessage:"Save"}))))}const O=()=>C(w=>!w),V=()=>{O(),p()},_=`${M({id:(0,b.OB)("api.id"),defaultMessage:"API ID "})} : ${d.apiID}`;return e.createElement(e.Fragment,null,e.createElement(Ie.T,{title:U.toString(),primaryAction:q,subtitle:_,navigationAction:e.createElement(y.rU,{startIcon:e.createElement(pt.Z,null),onClick:w=>{w.preventDefault(),v()},to:"/"},M({id:"global.back",defaultMessage:"Back"}))}),e.createElement(an.V,{onClose:O,title:"Confirmation",labelledBy:"confirmation",describedBy:"confirm-description",isOpen:P},e.createElement(rn.a,{icon:e.createElement(wt.Z,null)},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(T.k,{justifyContent:"center",style:{textAlign:"center"}},e.createElement(S.Z,{id:"confirm-description"},M({id:(0,b.OB)("popUpWarning.warning.unpublish"),defaultMessage:"Unpublish this content will automatically change it to a draft."},{br:()=>e.createElement("br",null)}))),e.createElement(T.k,{justifyContent:"center",style:{textAlign:"center"}},e.createElement(S.Z,{id:"confirm-description"},M({id:(0,b.OB)("popUpWarning.warning.unpublish-question"),defaultMessage:"Are you sure you want to unpublish it?"}))))),e.createElement(ln.c,{startAction:e.createElement(de.z,{onClick:O,variant:"tertiary"},M({id:"components.popUpWarning.button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(de.z,{variant:"danger-light",onClick:V},M({id:"components.popUpWarning.button.confirm",defaultMessage:"Confirm"}))})),e.createElement(an.V,{onClose:E,title:M({id:(0,b.OB)("popUpWarning.warning.has-draft-relations.title"),defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:h},e.createElement(rn.a,{icon:e.createElement(wt.Z,null)},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Qa,{justifyContent:"center"},e.createElement(S.Z,{id:"confirm-description"},g,M({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:w=>e.createElement(S.Z,{fontWeight:"bold"},w),count:g}))),e.createElement(Qa,{justifyContent:"center"},e.createElement(S.Z,{id:"confirm-description"},M({id:(0,b.OB)("popUpWarning.warning.publish-question"),defaultMessage:"Do you still want to publish?"}))))),e.createElement(ln.c,{startAction:e.createElement(de.z,{onClick:E,variant:"tertiary"},M({id:"components.popUpWarning.button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(de.z,{variant:"success",onClick:u},M({id:(0,b.OB)("popUpwarning.warning.has-draft-relations.button-confirm"),defaultMessage:"Publish"}))})))};Ja.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 Pp=(0,e.memo)(Ja,Ne());var Lp=Dp(Pp,Op);const xp=t=>(0,e.useEffect)(t,Sp),Sp=[];var _o=c(98865);function Zp(){return e.createElement(_o.d.Root,null,e.createElement(_o.d.Title,null),e.createElement(_o.d.Body,null))}var es=c(98178),Ap=t=>{if(!t.layouts)return[];const o=t.layouts.edit,s=t.attributes,r=l=>z()(s,[l,"type"],"");let a=0;const i=[];return o.forEach(l=>{const d=l.some(({name:m})=>r(m)==="dynamiczone");i[a]||(i[a]=[]),d?(a=a===0&&qe()(i[0])?0:a+1,i[a]||(i[a]=[]),i[a].push(l),a+=1):i[a].push(l)}),i.filter(l=>l.length>0)},Fp=t=>{if(!t)return[];const s=[...t.contentType.layouts.edit,...Object.values(t.components).flatMap(a=>a.layouts.edit)].flat().filter(a=>a.fieldSchema.customField).map(a=>a.fieldSchema.customField);return[...new Set(s)]},Bp=c(3704),$p=c.n(Bp),wp=c(91815),Np=c.n(wp),Wp=(t,o)=>{const s=r=>{const a=(0,y.ZT)(t,[{action:`plugin::content-manager.explorer.${r}`,subject:o}]);return Np()($p()(a,"properties.fields"))};return{createActionAllowedFields:s("create"),readActionAllowedFields:s("read"),updateActionAllowedFields:s("update")}};const ts=t=>t["content-manager_editViewLayoutManager"].currentLayout,jp=(0,es.P1)(ts,t=>Ap(t?.contentType??{})),zp=(0,es.P1)(ts,t=>Fp(t)),qp=[{action:"plugin::content-type-builder.read",subject:null}],ns=({allowedActions:t,isSingleType:o,goBack:s,slug:r,id:a,origin:i,userPermissions:l})=>{const{trackUsage:d}=(0,y.rS)(),{formatMessage:m}=(0,G.Z)(),u=(0,ne.v9)(Ze._),p=(0,ce.TH)(),f=(0,y.lm)(),h=(0,At.c)(Zp,async()=>(await c.e(7897).then(c.bind(c,8291))).InformationBoxEE);xp(()=>{p?.state&&"error"in p.state&&f({type:"warning",message:p.state.error,timeout:5e3})});const{layout:g,formattedContentTypeLayout:E,customFieldUids:v}=(0,ne.v9)(O=>({layout:ts(O),formattedContentTypeLayout:jp(O),customFieldUids:zp(O)})),{isLazyLoading:P,lazyComponentStore:C}=ro(v),{createActionAllowedFields:M,readActionAllowedFields:R,updateActionAllowedFields:A}=Wp(l,r),B=o?u.contentManager.singleTypesConfigurations:u.contentManager.collectionTypesConfigurations,D=`/content-manager/${o?"singleType":"collectionType"}/${r}/configurations/edit`,U=o?dp:Bc,q=O=>O.every(V=>V.every(_=>_.fieldSchema.type==="dynamiczone"));return P?e.createElement(y.dO,null):h?e.createElement(U,{allLayoutData:g,slug:r,id:a,origin:i},({componentsDataStructure:O,contentTypeDataStructure:V,data:_,isCreatingEntry:w,isLoadingForData:Y,onDelete:X,onPost:$,onPublish:k,onDraftRelationCheck:F,onPut:I,onUnpublish:te,redirectionLink:j,status:J})=>e.createElement(lp,{allowedActions:t,allLayoutData:g,createActionAllowedFields:M,componentsDataStructure:O,contentTypeDataStructure:V,from:j,initialValues:_,isCreatingEntry:w,isLoadingForData:Y,isSingleType:o,onPost:$,onPublish:k,onDraftRelationCheck:F,onPut:I,onUnpublish:te,readActionAllowedFields:R,redirectToPreviousPage:s,slug:r,status:J,updateActionAllowedFields:A},e.createElement(Me.o,{"aria-busy":J!=="resolved"},e.createElement(Lp,{allowedActions:t}),e.createElement(at.D,null,e.createElement(xe.r,{gap:4},e.createElement(ve.P,{col:9,s:12},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:6},E.map((H,Q)=>{if(q(H)){const{0:{0:{name:le,fieldSchema:re,metadatas:me,labelAction:ye}}}=H;return e.createElement(K.x,{key:Q},e.createElement(xe.r,{gap:4},e.createElement(ve.P,{col:12,s:12,xs:12},e.createElement(Ko,{name:le,fieldSchema:re,labelAction:ye,metadatas:me}))))}return e.createElement(K.x,{key:Q,hasRadius:!0,background:"neutral0",shadow:"tableShadow",paddingLeft:6,paddingRight:6,paddingTop:6,paddingBottom:6,borderColor:"neutral150"},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:6},H.map((le,re)=>e.createElement(Tp,{columns:le,customFieldInputs:C,key:re}))))}))),e.createElement(ve.P,{col:3,s:12},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Mp,null),e.createElement(K.x,{as:"aside","aria-labelledby":"additional-information",background:"neutral0",borderColor:"neutral150",hasRadius:!0,paddingBottom:4,paddingLeft:4,paddingRight:4,paddingTop:6,shadow:"tableShadow"},e.createElement(h,null),e.createElement(Kt,{area:"contentManager.editView.informations"})),e.createElement(K.x,{as:"aside","aria-labelledby":"links"},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Kt,{area:"contentManager.editView.right-links",slug:r}),r!=="strapi::administrator"&&e.createElement(y.jW,{permissions:qp},e.createElement(y.Qj,{onClick:()=>{d("willEditEditLayout")},size:"S",startIcon:e.createElement(tt.Z,null),style:{width:"100%"},to:`/plugins/content-type-builder/content-types/${r}`,variant:"secondary"},m({id:(0,b.OB)("link-to-ctb"),defaultMessage:"Edit the model"}))),e.createElement(y.jW,{permissions:B},e.createElement(y.Qj,{size:"S",startIcon:e.createElement(Rn.Z,null),style:{width:"100%"},to:D,variant:"secondary"},m({id:"app.links.configure-view",defaultMessage:"Configure the view"}))),t.canDelete&&!w&&e.createElement(hp,{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:r}=(0,y.ss)(o,t.userPermissions);return s?e.createElement(y.dO,null):e.createElement(Up,{...t,allowedActions:r})};os.defaultProps={permissions:[]},os.propTypes={permissions:n().array,slug:n().string.isRequired,userPermissions:n().array.isRequired};var Vp=(0,e.memo)(os,Ne()),Hp=c(53634);const{MUTATE_EDIT_VIEW_LAYOUT:Yp}=Vn.HOOKS,Xa=({layout:t,...o})=>{const s=(0,ne.v9)(Hp.Z),r=(0,ne.I0)(),[{query:a}]=(0,y.Kx)(),{runHookWaterfall:i}=(0,y.j1)(),{permissions:l,isValid:d}=(0,be.r5)(a,o.slug,"editView");return(0,e.useEffect)(()=>{const m=i(Yp,{layout:t,query:a});return r(Zc(m.layout,a)),()=>{r(Sc())}},[t,r,a,i]),!s||!d?e.createElement(y.dO,null):e.createElement(Vp,{...o,userPermissions:l})};Xa.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 cn=Xa,dn=c(33348);const Gp=(0,x.ZP)(T.k)`
|
|
1100
|
+
svg {
|
|
1101
|
+
width: ${32/16}rem;
|
|
1102
|
+
height: ${24/16}rem;
|
|
1103
|
+
margin-right: ${({theme:t})=>t.spaces[3]};
|
|
1104
|
+
}
|
|
1105
|
+
`,_a=({attributes:t,fieldForm:o,fieldToEdit:s,onCloseModal:r,onChangeEditLabel:a,onSubmit:i,type:l})=>{const{formatMessage:d}=(0,G.Z)(),m=t[s].relationType;let u=!["media","relation"].includes(l);return["oneWay","oneToOne","manyToOne"].includes(m)&&(u=!0),e.createElement(Ln.P,{onClose:r,labelledBy:"title"},e.createElement("form",{onSubmit:i},e.createElement(xn.x,null,e.createElement(Gp,null,e.createElement(Ns,{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:Ot()(s)})))),e.createElement(Sn.f,null,e.createElement(xe.r,{gap:4},e.createElement(ve.P,{s:12,col:6},e.createElement($n.o,{id:"label-input",label:d({id:(0,b.OB)("form.Input.label"),defaultMessage:"Label"}),name:"label",onChange:p=>a(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"})})),u&&e.createElement(ve.P,{s:12,col:6},e.createElement(Zt.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=>a({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(Zn.m,{startActions:e.createElement(de.z,{onClick:r,variant:"tertiary"},d({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(de.z,{type:"submit"},d({id:"global.finish",defaultMessage:"Finish"}))})))};_a.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:r})=>{const{formatMessage:a,locale:i}=(0,G.Z)(),l=(0,y.Xe)(i,{sensitivity:"base"}),m=(0,At.c)(r,async()=>(await c.e(78).then(c.bind(c,10078))).REVIEW_WORKFLOW_STAGE_SORT_OPTION_NAME,{combine(p,f){return[...p,{...f,label:a(f.label)}]},defaultValue:r,enabled:!!t?.reviewWorkflows}).sort((p,f)=>l.compare(p.label,f.label)),{settings:u}=o;return e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(S.Z,{variant:"delta",as:"h2"},a({id:(0,b.OB)("containers.SettingPage.settings"),defaultMessage:"Settings"})),e.createElement(T.k,{justifyContent:"space-between",gap:4},e.createElement(K.x,{width:"100%"},e.createElement(Zt.s,{label:a({id:(0,b.OB)("form.Input.search"),defaultMessage:"Enable search"}),onChange:p=>{s({target:{name:"settings.searchable",value:p.target.checked}})},onLabel:a({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:a({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.searchable",checked:u.searchable})),e.createElement(K.x,{width:"100%"},e.createElement(Zt.s,{label:a({id:(0,b.OB)("form.Input.filters"),defaultMessage:"Enable filters"}),onChange:p=>{s({target:{name:"settings.filterable",value:p.target.checked}})},onLabel:a({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:a({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.filterable",checked:u.filterable})),e.createElement(K.x,{width:"100%"},e.createElement(Zt.s,{label:a({id:(0,b.OB)("form.Input.bulkActions"),defaultMessage:"Enable bulk actions"}),onChange:p=>{s({target:{name:"settings.bulkable",value:p.target.checked}})},onLabel:a({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:a({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.bulkable",checked:u.bulkable}))),e.createElement(xe.r,{gap:4},e.createElement(ve.P,{s:12,col:6},e.createElement(Ve.P,{label:a({id:(0,b.OB)("form.Input.pageEntries"),defaultMessage:"Entries per page"}),hint:a({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(Te.W,{key:p,value:p},p)))),e.createElement(ve.P,{s:12,col:3},e.createElement(Ve.P,{label:a({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||""},m.map(({value:p,label:f})=>e.createElement(Te.W,{key:p,value:p},f)))),e.createElement(ve.P,{s:12,col:3},e.createElement(Ve.P,{label:a({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(Te.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 as=(0,x.ZP)(T.k)`
|
|
1106
|
+
height: ${({theme:t})=>t.spaces[7]};
|
|
1107
|
+
|
|
1108
|
+
&:last-child {
|
|
1109
|
+
padding: 0 ${({theme:t})=>t.spaces[3]};
|
|
1110
|
+
}
|
|
1111
|
+
`,Kp=(0,x.ZP)(as)`
|
|
1112
|
+
border-right: 1px solid
|
|
1113
|
+
${({theme:t,isSibling:o})=>o?t.colors.neutral150:t.colors.primary200};
|
|
1114
|
+
|
|
1115
|
+
svg {
|
|
1116
|
+
width: ${12/16}rem;
|
|
1117
|
+
height: ${12/16}rem;
|
|
1118
|
+
}
|
|
1119
|
+
`,Qp=(0,x.ZP)(T.k)`
|
|
1120
|
+
border: 1px solid
|
|
1121
|
+
${({theme:t,isSibling:o})=>o?t.colors.neutral150:t.colors.primary200};
|
|
1122
|
+
|
|
1123
|
+
svg {
|
|
1124
|
+
width: ${10/16}rem;
|
|
1125
|
+
height: ${10/16}rem;
|
|
1126
|
+
|
|
1127
|
+
path {
|
|
1128
|
+
fill: ${({theme:t,isSibling:o})=>o?void 0:t.colors.primary600};
|
|
1129
|
+
}
|
|
1130
|
+
}
|
|
1131
|
+
`,Jp=(0,x.ZP)(S.Z)`
|
|
1132
|
+
max-width: ${72/16}rem;
|
|
1133
|
+
`;function Nt({labelField:t,transparent:o,isSibling:s}){return e.createElement(Qp,{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(T.k,{gap:3},e.createElement(Kp,{alignItems:"center",cursor:"all-scroll",padding:3},e.createElement(rt.Z,null)),e.createElement(Jp,{textColor:s?void 0:"primary600",fontWeight:"bold",ellipsis:!0},t)),e.createElement(T.k,null,e.createElement(as,{alignItems:"center"},e.createElement(tt.Z,null)),e.createElement(as,{alignItems:"center"},e.createElement(_t.Z,null))))}Nt.defaultProps={isSibling:!1,transparent:!1},Nt.propTypes={isSibling:n().bool,labelField:n().string.isRequired,transparent:n().bool};const rs=x.ZP.button`
|
|
1134
|
+
display: flex;
|
|
1135
|
+
align-items: center;
|
|
1136
|
+
height: ${({theme:t})=>t.spaces[7]};
|
|
1137
|
+
|
|
1138
|
+
&:last-child {
|
|
1139
|
+
padding: 0 ${({theme:t})=>t.spaces[3]};
|
|
1140
|
+
}
|
|
1141
|
+
`,er=(0,x.ZP)(rs)`
|
|
1142
|
+
padding: 0 ${({theme:t})=>t.spaces[3]};
|
|
1143
|
+
border-right: 1px solid ${({theme:t})=>t.colors.neutral150};
|
|
1144
|
+
cursor: all-scroll;
|
|
1145
|
+
|
|
1146
|
+
svg {
|
|
1147
|
+
width: ${12/16}rem;
|
|
1148
|
+
height: ${12/16}rem;
|
|
1149
|
+
}
|
|
1150
|
+
`,Xp=(0,x.ZP)(T.k)`
|
|
1151
|
+
max-height: ${32/16}rem;
|
|
1152
|
+
cursor: pointer;
|
|
1153
|
+
|
|
1154
|
+
svg {
|
|
1155
|
+
width: ${10/16}rem;
|
|
1156
|
+
height: ${10/16}rem;
|
|
1157
|
+
|
|
1158
|
+
path {
|
|
1159
|
+
fill: ${({theme:t})=>t.colors.neutral600};
|
|
1160
|
+
}
|
|
1161
|
+
}
|
|
1162
|
+
|
|
1163
|
+
&:hover {
|
|
1164
|
+
background-color: ${({theme:t})=>t.colors.primary100};
|
|
1165
|
+
border-color: ${({theme:t})=>t.colors.primary200};
|
|
1166
|
+
|
|
1167
|
+
svg {
|
|
1168
|
+
path {
|
|
1169
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
1170
|
+
}
|
|
1171
|
+
}
|
|
1172
|
+
|
|
1173
|
+
${S.Z} {
|
|
1174
|
+
color: ${({theme:t})=>t.colors.primary600};
|
|
1175
|
+
}
|
|
1176
|
+
|
|
1177
|
+
${er} {
|
|
1178
|
+
border-right: 1px solid ${({theme:t})=>t.colors.primary200};
|
|
1179
|
+
}
|
|
1180
|
+
}
|
|
1181
|
+
`,_p=(0,x.ZP)(K.x)`
|
|
1182
|
+
&:last-child {
|
|
1183
|
+
padding-right: ${({theme:t})=>t.spaces[3]};
|
|
1184
|
+
}
|
|
1185
|
+
`,tr=({index:t,isDraggingSibling:o,labelField:s,onClickEditField:r,onMoveField:a,onRemoveField:i,name:l,setIsDraggingSibling:d})=>{const{formatMessage:m}=(0,G.Z)(),u=(0,e.useRef)(null),p=(0,e.useRef)(null),[,f]=(0,e.useState)(!1),h=(0,e.useRef)(),g=()=>{h.current&&h.current.click()},[,E]=(0,qt.useDrop)({accept:b._Q.FIELD,hover(R,A){if(!p.current)return;const B=R.index,D=t;if(B===D)return;const U=p.current.getBoundingClientRect(),q=(U.right-U.left)/2,V=A.getClientOffset().x-U.left;B>D&&V>q||B<D&&V<q||(a(B,D),R.index=D)}}),[{isDragging:v},P,C]=(0,qt.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,Pt.rX)(),{captureDraggingState:!1})},[C]),(0,e.useEffect)(()=>{v&&d(!0)},[v,d]),(0,e.useEffect)(()=>{o||f(R=>!R)},[o]);const M={dragRef:P(u),dropRef:E(p)};return e.createElement(_p,{ref:M?M.dropRef:null},v&&e.createElement(Nt,{transparent:!0,labelField:s}),!v&&o&&e.createElement(Nt,{isSibling:!0,labelField:s}),!v&&!o&&e.createElement(Xp,{borderColor:"neutral150",background:"neutral100",hasRadius:!0,justifyContent:"space-between",onClick:g,isDragging:v},e.createElement(T.k,{gap:3},e.createElement(er,{as:"span","aria-label":m({id:(0,b.OB)("components.DraggableCard.move.field"),defaultMessage:"Move {item}"},{item:s}),onClick:R=>R.stopPropagation(),ref:M.dragRef,type:"button"},e.createElement(rt.Z,null)),e.createElement(S.Z,{fontWeight:"bold"},s)),e.createElement(T.k,{paddingLeft:3},e.createElement(rs,{ref:h,onClick:R=>{R.stopPropagation(),r(l)},"aria-label":m({id:(0,b.OB)("components.DraggableCard.edit.field"),defaultMessage:"Edit {item}"},{item:s}),type:"button"},e.createElement(tt.Z,null)),e.createElement(rs,{onClick:i,"data-testid":`delete-${l}`,"aria-label":m({id:(0,b.OB)("components.DraggableCard.delete.field"),defaultMessage:"Delete {item}"},{item:s}),type:"button"},e.createElement(_t.Z,null)))))};tr.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=tr;const nr=({displayedFields:t,listRemainingFields:o,metadatas:s,onAddField:r,onClickEditField:a,onMoveField:i,onRemoveField:l})=>{const{formatMessage:d}=(0,G.Z)(),[m,u]=(0,e.useState)(!1),[p,f]=(0,e.useState)(null),h=(0,e.useRef)();function g(...v){f("add"),r(...v)}function E(...v){f("remove"),l(...v)}return(0,e.useEffect)(()=>{p==="add"&&h?.current&&(h.current.scrollLeft=h.current.scrollWidth)},[t,p]),e.createElement(T.k,{alignItems:"stretch",direction:"column",gap:4},e.createElement(S.Z,{variant:"delta",as:"h2"},d({id:(0,b.OB)("containers.SettingPage.view"),defaultMessage:"View"})),e.createElement(T.k,{padding:4,borderColor:"neutral300",borderStyle:"dashed",borderWidth:"1px",hasRadius:!0},e.createElement(K.x,{flex:"1",overflow:"scroll hidden",ref:h},e.createElement(T.k,{gap:3},t.map((v,P)=>e.createElement(eg,{key:v,index:P,isDraggingSibling:m,onMoveField:i,onClickEditField:a,onRemoveField:C=>E(C,P),name:v,labelField:s[v].list.label||v,setIsDraggingSibling:u})))),e.createElement(ge.fC,null,e.createElement(ge.xz,{paddingLeft:2,paddingRight:2,justifyContent:"center",endIcon:null,disabled:o.length<=0,variant:"tertiary"},e.createElement(ct.T,{as:"span"},d({id:(0,b.OB)("components.FieldSelect.label"),defaultMessage:"Add a field"})),e.createElement(vt.Z,{"aria-hidden":!0,focusable:!1,style:{position:"relative",top:2}})),e.createElement(ge.VY,null,o.map(v=>e.createElement(ge.ck,{key:v,onSelect:()=>g(v)},s[v].list.label||v))))))};nr.propTypes={displayedFields:Ae.PropTypes.array.isRequired,listRemainingFields:Ae.PropTypes.array.isRequired,metadatas:Ae.PropTypes.objectOf(Ae.PropTypes.shape({list:Ae.PropTypes.shape({label:Ae.PropTypes.string})})).isRequired,onAddField:Ae.PropTypes.func.isRequired,onClickEditField:Ae.PropTypes.func.isRequired,onMoveField:Ae.PropTypes.func.isRequired,onRemoveField:Ae.PropTypes.func.isRequired};const tg=["media","richtext","dynamiczone","relation","component","json","blocks"],is={fieldForm:{},fieldToEdit:"",initialData:{},modifiedData:{}};var ng=(t=is,o)=>(0,jn.ZP)(t,s=>{const r=["modifiedData","layouts","list"];switch(o.type){case"ADD_FIELD":{const a=z()(t,r,[]);ae()(s,r,[...a,o.item]);break}case"MOVE_FIELD":{const a=z()(t,r,[]),{originalIndex:i,atIndex:l}=o;ae()(s,r,(0,b.W3)(a,i,l));break}case"ON_CHANGE":{ae()(s,["modifiedData",...o.keys.split(".")],o.value);break}case"ON_CHANGE_FIELD_METAS":{ae()(s,["fieldForm",o.name],o.value);break}case"REMOVE_FIELD":{const a=z()(t,r,[]);ae()(s,r,a.filter((i,l)=>o.index!==l));break}case"SET_FIELD_TO_EDIT":{const{fieldToEdit:a}=o;s.fieldToEdit=a,s.fieldForm.label=z()(s,["modifiedData","metadatas",a,"list","label"],""),s.fieldForm.sortable=z()(s,["modifiedData","metadatas",a,"list","sortable"],"");break}case"UNSET_FIELD_TO_EDIT":{s.fieldForm={},s.fieldToEdit="";break}case"SUBMIT_FIELD_FORM":{const a=["modifiedData","metadatas",t.fieldToEdit,"list"];ae()(s,[...a,"label"],t.fieldForm.label),ae()(s,[...a,"sortable"],t.fieldForm.sortable);break}default:return s}});const or=({layout:t,slug:o})=>{const{put:s}=(0,y.kY)(),{formatMessage:r}=(0,G.Z)(),{trackUsage:a}=(0,y.rS)(),i=(0,be.fi)(),l=(0,y.lm)(),{refetchData:d}=e.useContext(je),[{fieldToEdit:m,fieldForm:u,initialData:p,modifiedData:f},h]=e.useReducer(ng,is,()=>({...is,initialData:t,modifiedData:t})),g=Object.keys(u).length!==0,{attributes:E,options:v}=t,P=f.layouts.list,C=()=>{const{settings:{pageSize:$,defaultSortBy:k,defaultSortOrder:F},kind:I,uid:te}=p,j=`${k}:${F}`,J=`${(0,dn.stringify)({page:1,pageSize:$,sort:j},{encode:!1})}${i?`&${i}`:""}`;return`/content-manager/${I}/${te}?${J}`},M=({target:{name:$,value:k}})=>{h({type:"ON_CHANGE",keys:$,value:$==="settings.pageSize"?parseInt(k,10):k})},{isLoading:R,mutate:A}=(0,Se.useMutation)($=>s(`/content-manager/content-types/${o}/configuration`,$),{onSuccess(){a("didEditListSettings"),d()},onError(){l({type:"warning",message:{id:"notification.error"}})}}),B=$=>{h({type:"ADD_FIELD",item:$})},D=($,k)=>{$.stopPropagation(),P.length===1?l({type:"info",message:{id:(0,b.OB)("notification.info.minimumFields")}}):h({type:"REMOVE_FIELD",index:k})},U=$=>{$.preventDefault();const{layouts:k,settings:F,metadatas:I}=f;A({layouts:k,settings:F,metadatas:I}),a("willSaveContentTypeLayout")},q=$=>{h({type:"SET_FIELD_TO_EDIT",fieldToEdit:$})},O=()=>{h({type:"UNSET_FIELD_TO_EDIT"})},V=$=>{$.preventDefault(),h({type:"SUBMIT_FIELD_FORM"}),O()},_=({target:{name:$,value:k}})=>{h({type:"ON_CHANGE_FIELD_METAS",name:$,value:k})},w=Object.entries(E).filter(([$,k])=>(0,b.ko)(k)&&!P.includes($)).map(([$])=>$).sort(),Y=Object.entries(E).filter(([,$])=>!tg.includes($.type)).map(([$])=>({value:$,label:t.metadatas[$].list.label})),X=($,k)=>{h({type:"MOVE_FIELD",originalIndex:$,atIndex:k})};return e.createElement(Xe.A,null,e.createElement(Me.o,{"aria-busy":R},e.createElement("form",{onSubmit:U},e.createElement(Ie.T,{navigationAction:e.createElement(y.rU,{startIcon:e.createElement(pt.Z,null),to:C,id:"go-back"},r({id:"global.back",defaultMessage:"Back"})),primaryAction:e.createElement(de.z,{size:"S",startIcon:e.createElement(He.Z,null),disabled:Ne()(f,p),type:"submit"},r({id:"global.save",defaultMessage:"Save"})),subtitle:r({id:(0,b.OB)("components.SettingsViewWrapper.pluginHeader.description.list-settings"),defaultMessage:"Define the settings of the list view."}),title:r({id:(0,b.OB)("components.SettingsViewWrapper.pluginHeader.title"),defaultMessage:"Configure the view - {name}"},{name:Ot()(f.info.displayName)})}),e.createElement(at.D,null,e.createElement(T.k,{alignItems:"stretch",background:"neutral0",direction:"column",gap:6,hasRadius:!0,shadow:"tableShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(ss,{contentTypeOptions:v,modifiedData:f,onChange:M,sortOptions:Y}),e.createElement(It.i,null),e.createElement(nr,{listRemainingFields:w,displayedFields:P,onAddField:B,onClickEditField:q,onMoveField:X,onRemoveField:D,metadatas:f.metadatas})))),g&&e.createElement(_a,{attributes:E,fieldForm:u,fieldToEdit:m,onChangeEditLabel:_,onCloseModal:O,onSubmit:V,type:E?.[m]?.type??"text"})))};or.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 Tt=c(93088);const og=()=>({type:Tt.ZA}),sg=(t,o)=>({type:Tt.Id,pagination:t,data:o}),ag=()=>({type:Tt.MP});function rg(){return{type:Tt.c2}}const ig=({components:t,contentType:o})=>{const{layouts:s}=o;return{contentType:o,components:t,displayedHeaders:s.list,type:Tt.Zz}},lg=t=>({type:Tt.Rp,target:t});var cg=c(6680),ls=c(36150),sr=c(95181),ar=c(45037),Be=c(27947),dg=c(41865),ug=c(59177),rr=c(1458),ir=c(62089);const lr=({displayedFilters:t})=>{const[o,s]=e.useState(!1),{formatMessage:r}=(0,G.Z)(),a=e.useRef(),{trackUsage:i}=(0,y.rS)(),l=()=>{o||i("willFilterEntries"),s(d=>!d)};return e.createElement(e.Fragment,null,e.createElement(de.z,{variant:"tertiary",ref:a,startIcon:e.createElement(Ls.Z,null),onClick:l,size:"S"},r({id:"app.utils.filters",defaultMessage:"Filters"})),o&&e.createElement(y.J5,{displayedFilters:t,isVisible:o,onToggle:l,source:a}),e.createElement(y.W$,{filtersSchema:t}))};lr.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,G.Z)(),{users:r,isLoading:a}=(0,ir.R)();return e.createElement(ka.hQ,{value:t,"aria-label":s({id:"content-manager.components.Filters.usersSelect.label",defaultMessage:"Search and select an user to filter"}),onChange:o,loading:a},r.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 mg=["json","component","media","richtext","dynamiczone","password","blocks"],pg=["createdAt","updatedAt"],gg=(t,o)=>{const{allPermissions:s}=(0,y.vn)(),r=(0,y.ZT)(s,[{action:"plugin::content-manager.explorer.read",subject:o}]),a=(0,y.ZT)(s,[{action:"admin::users.read",subject:null}]).length>0;return["id",...(r?.[0]?.properties?.fields??[]).filter(d=>{const m=t?.attributes?.[d]??{};return!(!m.type||mg.includes(m.type))}),...pg,...a?on:[]]};var cr=c(96669),fg=c(94958);const dr=({area:t,...o})=>{const s=Us(t);return s?e.createElement("ul",null,s.map(r=>r.Component(o)?e.createElement(K.x,{key:r.name,padding:3,style:{textAlign:"center"}},e.createElement(r.Component,{...o})):null)):null};dr.propTypes={area:n().string.isRequired};var un=dr;const ur=({isConfirmButtonLoading:t,isOpen:o,onToggleDialog:s,onConfirm:r})=>{const{formatMessage:a}=(0,G.Z)();return e.createElement(an.V,{onClose:s,title:a({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:o},e.createElement(rn.a,{icon:e.createElement(wt.Z,null)},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(T.k,{justifyContent:"center"},e.createElement(S.Z,{id:"confirm-description"},a({id:"components.popUpWarning.message",defaultMessage:"Are you sure you want to delete this?"}))),e.createElement(T.k,null,e.createElement(un,{area:"contentManager.listView.deleteModalAdditionalInfos"})))),e.createElement(ln.c,{startAction:e.createElement(de.z,{onClick:s,variant:"tertiary"},a({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(de.z,{onClick:r,variant:"danger-light",startIcon:e.createElement(Ye.Z,null),id:"confirm-delete",loading:t},a({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))}))};ur.propTypes={isConfirmButtonLoading:n().bool.isRequired,isOpen:n().bool.isRequired,onConfirm:n().func.isRequired,onToggleDialog:n().func.isRequired};const mr=t=>t.stopPropagation(),pr=({rowId:t,index:o})=>{const{selectedEntries:s,onSelectRow:r}=(0,y.Sh)(),{formatMessage:a}=(0,G.Z)(),i=s.findIndex(d=>d===t)!==-1,l=a({id:"app.component.table.select.one-entry",defaultMessage:"Select {target}"},{target:o+1});return e.createElement(cr.C,{"aria-label":l,checked:i,onClick:mr,onChange:()=>{r({name:t,value:!i})}})};pr.propTypes={rowId:n().number.isRequired,index:n().number.isRequired};const ds=({rowId:t,index:o,canCreate:s,canDelete:r,setIsConfirmDeleteRowOpen:a,handleCloneClick:i})=>{const{formatMessage:l}=(0,G.Z)(),{trackUsage:d}=(0,y.rS)(),{setSelectedEntries:m}=(0,y.Sh)(),u=(0,be.fi)(),{location:{pathname:p}}=(0,ce.k6)(),f=l({id:"content-manager.components.ListViewTable.row-line",defaultMessage:"item line {number}"},{number:o+1});return e.createElement(T.k,{gap:1,justifyContent:"end",onClick:mr},e.createElement(Re.h,{forwardedAs:Lt.rU,onClick:()=>{d("willEditEntryFromButton")},to:{pathname:`${p}/${t}`,state:{from:p},search:u},label:l({id:"app.component.table.edit",defaultMessage:"Edit {target}"},{target:f}),noBorder:!0},e.createElement(tt.Z,null)),s&&e.createElement(Re.h,{onClick:i(t),label:l({id:"app.component.table.duplicate",defaultMessage:"Duplicate {target}"},{target:f}),noBorder:!0},e.createElement(fg.Z,null)),r&&e.createElement(Re.h,{onClick:()=>{d("willDeleteEntryFromList"),m([t]),a(!0)},label:l({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:f}),noBorder:!0},e.createElement(Ye.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 gr=({children:t,onConfirmDelete:o,isConfirmDeleteRowOpen:s,setIsConfirmDeleteRowOpen:r})=>{const[a,i]=e.useState(!1),{selectedEntries:l,setSelectedEntries:d}=(0,y.Sh)(),m=async()=>{try{i(!0),await o(l[0]),r(!1),i(!1),d([])}catch{i(!1),r(!1)}};return e.createElement(y.iA.Body,null,t,e.createElement(ur,{isConfirmButtonLoading:a,onConfirm:m,onToggleDialog:()=>r(!s),isOpen:s}))};gr.propTypes={children:n().node.isRequired,onConfirmDelete:n().func.isRequired,isConfirmDeleteRowOpen:n().bool.isRequired,setIsConfirmDeleteRowOpen:n().func.isRequired};const mn={CheckboxDataCell:pr,EntityActionsDataCell:ds,Root:gr};var hg=c(14090);const kt=()=>t=>t["content-manager_listView"]||hg.E,yg=()=>(0,es.P1)(kt(),t=>t),fr=t=>{const{displayedHeaders:o}=t["content-manager_listView"];return o};var Eg=yg;const pn=({onToggleDialog:t,isOpen:o,dialogBody:s,endAction:r})=>{const{formatMessage:a}=(0,G.Z)();return e.createElement(an.V,{onClose:t,title:a({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),isOpen:o},e.createElement(rn.a,{icon:e.createElement(wt.Z,null)},e.createElement(T.k,{direction:"column",alignItems:"stretch",gap:2},s)),e.createElement(ln.c,{startAction:e.createElement(de.z,{onClick:t,variant:"tertiary"},a({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endAction:r}))};pn.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},bg=t=>e.createElement(S.Z,{fontWeight:"bold"},t),hr=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:s,onConfirm:r})=>{const{formatMessage:a}=(0,G.Z)(),{get:i}=(0,y.kY)(),{selectedEntries:l}=(0,y.Sh)(),d=(0,y.lm)(),{formatAPIError:m}=(0,y.So)(b.OB),{contentType:{uid:u}}=(0,ne.v9)(kt()),[{query:p}]=(0,y.Kx)(),{data:f,isLoading:h,isError:g}=(0,Se.useQuery)(["content-manager","draft-relations",u,l],async()=>{const{data:{data:E}}=await i(`/content-manager/collection-types/${u}/actions/countManyEntriesDraftRelations`,{params:{ids:l,locale:p?.plugins?.i18n?.locale}});return E},{enabled:l.length>0,onError(E){d({type:"warning",message:m(E)})}});return g?null:e.createElement(pn,{isOpen:t&&!h,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(S.Z,{id:"confirm-description",textAlign:"center"},f>0&&a({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:bg,count:f,entities:l.length}),a({id:(0,b.OB)("popUpWarning.bodyMessage.contentType.publish.all"),defaultMessage:"Are you sure you want to publish these entries?"})),e.createElement(un,{area:"contentManager.listView.publishModalAdditionalInfos"})),endAction:e.createElement(de.z,{onClick:r,variant:"secondary",startIcon:e.createElement(He.Z,null),loading:s},a({id:"app.utils.publish",defaultMessage:"Publish"}))})};hr.propTypes=us;var yr=c(35547),vg=c(60984),Cg=c(83923);const Rg=(0,x.ZP)(S.Z)`
|
|
1186
|
+
max-width: 300px;
|
|
1187
|
+
`,ms=({validationErrors:t,isPublished:o})=>{const{formatMessage:s}=(0,G.Z)();if(t){const r=Object.entries(t).map(([a,i])=>s({id:`${i.id}.withField`,defaultMessage:i.defaultMessage},{field:a})).join(" ");return e.createElement(T.k,{gap:2},e.createElement(ze.J,{color:"danger600",as:vg.Z}),e.createElement(ft.u,{description:r},e.createElement(Rg,{textColor:"danger600",variant:"omega",fontWeight:"semiBold",ellipsis:!0},r)))}return o?e.createElement(T.k,{gap:2},e.createElement(ze.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(T.k,{gap:2},e.createElement(ze.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:r})=>{const{location:{pathname:a}}=(0,ce.k6)(),{formatMessage:i}=(0,G.Z)(),l=(0,ne.v9)(kt()),{mainField:d}=l.contentType.settings,m=d!=null&&d!=="id",u=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"}),m&&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,f)=>e.createElement(ar.Tr,{key:p.id},e.createElement(Be.Td,null,e.createElement(mn.CheckboxDataCell,{rowId:p.id,index:f})),e.createElement(Be.Td,null,e.createElement(S.Z,null,p.id)),m&&e.createElement(Be.Td,null,e.createElement(S.Z,null,p[d])),e.createElement(Be.Td,null,t&&s.includes(p.id)?e.createElement(T.k,{gap:2},e.createElement(S.Z,null,i({id:"content-manager.success.record.publishing",defaultMessage:"Publishing..."})),e.createElement(yr.a,{small:!0})):e.createElement(ms,{validationErrors:r[p.id],isPublished:p.publishedAt!==null})),e.createElement(Be.Td,null,e.createElement(Re.h,{forwardedAs:Lt.rU,to:{pathname:`${a}/${p.id}`,state:{from:a}},label:i({id:"app.component.table.edit",defaultMessage:"Edit {target}"},{target:u(f)}),noBorder:!0,target:"_blank",marginLeft:"auto"},e.createElement(tt.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 Er=t=>e.createElement(S.Z,{fontWeight:"bold"},t),gs=({toggleModal:t,refetchModalData:o,setEntriesToFetch:s,setSelectedListViewEntries:r,validationErrors:a})=>{const{formatMessage:i}=(0,G.Z)(),{selectedEntries:l,rows:d,onSelectRow:m,isLoading:u,isFetching:p}=(0,y.Sh)(),[f,h]=e.useState(!1),[g,E]=e.useState([]),[v,P]=e.useState(0),C=d.filter(({id:w})=>l.includes(w)&&!a[w]).map(({id:w})=>w),{post:M}=(0,y.kY)(),R=(0,y.lm)(),{contentType:A}=(0,ne.v9)(kt()),B=g.filter(({id:w})=>l.includes(w)&&a[w]).length,D=g.filter(({id:w,publishedAt:Y})=>l.includes(w)&&Y).length,U=l.length-B-D,q=(0,Se.useMutation)(w=>M(`/content-manager/collection-types/${A.uid}/actions/bulkPublish`,w),{onSuccess(){const w=g.filter(X=>(C.includes(X.id)&&m({name:X.id,value:!1}),!C.includes(X.id)));E(w);const Y=w.map(({id:X})=>X);s(Y),r(Y),w.length===0&&t(),R({type:"success",message:{id:"content-manager.success.record.publish",defaultMessage:"Published"}})},onError(w){R({type:"warning",message:(0,Cg.I)(w)})}}),O=()=>h(w=>!w),V=async()=>{O();const{data:w}=await q.mutateAsync({ids:C});P(w.count)},_=()=>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:B,b:Er}):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:U,withErrorsCount:B,alreadyPublishedCount:D,b:Er});return e.useEffect(()=>{d.length>0&&E(d)},[d]),e.createElement(Ln.P,{onClose:t,labelledBy:"title"},e.createElement(xn.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,_()),e.createElement(K.x,{marginTop:5},e.createElement(ps,{isPublishing:q.isLoading,rowsToDisplay:g,entriesToPublish:C,validationErrors:a}))),e.createElement(Zn.m,{startActions:e.createElement(de.z,{onClick:t,variant:"tertiary"},i({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(T.k,{gap:2},e.createElement(de.z,{onClick:o,variant:"tertiary",loading:p},i({id:"app.utils.refresh",defaultMessage:"Refresh"})),e.createElement(de.z,{onClick:O,disabled:l.length===0||l.length===B||u,loading:q.isLoading},i({id:"app.utils.publish",defaultMessage:"Publish"})))}),e.createElement(hr,{isOpen:f,onToggleDialog:O,isConfirmButtonLoading:q.isLoading,onConfirm:V}))};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 br=({onToggle:t})=>{const{selectedEntries:o,setSelectedEntries:s}=(0,y.Sh)(),{contentType:r,components:a}=(0,ne.v9)(kt()),[i,l]=e.useState(o),[{query:{sort:d,plugins:m}}]=(0,y.Kx)(),u={page:1,pageSize:i.length,sort:d,filters:{id:{$in:i}},locale:m?.i18n?.locale},{get:p}=(0,y.kY)(),{data:f,isLoading:h,isFetching:g,refetch:E}=(0,Se.useQuery)(["entries",r.uid,u],async()=>{const{data:v}=await p(`content-manager/collection-types/${r.uid}`,{params:u});if(v.results){const P=(0,b.Ex)(r,{components:a},{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:f?.rows,defaultSelectedEntries:o,colCount:4,isLoading:h,isFetching:g},e.createElement(gs,{setSelectedListViewEntries:s,setEntriesToFetch:l,toggleModal:t,refetchModalData:E,validationErrors:f?.validationErrors}))};br.propTypes={onToggle:n().func.isRequired};var Mg=br;const vr=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:s,onConfirm:r})=>{const{formatMessage:a}=(0,G.Z)();return e.createElement(pn,{isOpen:t,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(S.Z,{id:"confirm-description",textAlign:"center"},a({id:(0,b.OB)("popUpWarning.bodyMessage.contentType.unpublish.all"),defaultMessage:"Are you sure you want to unpublish these entries?"})),e.createElement(un,{area:"contentManager.listView.unpublishModalAdditionalInfos"})),endAction:e.createElement(de.z,{onClick:r,variant:"secondary",startIcon:e.createElement(He.Z,null),loading:s},a({id:"app.utils.unpublish",defaultMessage:"Unpublish"}))})};vr.propTypes=us;const Cr=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:s,onConfirm:r})=>{const{formatMessage:a}=(0,G.Z)();return e.createElement(pn,{isOpen:t,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(S.Z,{id:"confirm-description",textAlign:"center"},a({id:(0,b.OB)("popUpWarning.bodyMessage.contentType.delete.all"),defaultMessage:"Are you sure you want to delete these entries?"})),e.createElement(un,{area:"contentManager.listView.deleteModalAdditionalInfos"})),endAction:e.createElement(de.z,{onClick:r,variant:"danger-light",startIcon:e.createElement(Ye.Z,null),id:"confirm-delete",loading:s},a({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))})};Cr.propTypes=us;const fs=({showPublish:t,showDelete:o,onConfirmDeleteAll:s,onConfirmUnpublishAll:r,refetchData:a})=>{const{formatMessage:i}=(0,G.Z)(),{trackUsage:l}=(0,y.rS)(),{data:d}=(0,ne.v9)(kt()),{selectedEntries:m,setSelectedEntries:u}=(0,y.Sh)(),[p,f]=e.useState(!1),[h,g]=e.useState(!1),[E,v]=e.useState(null),P=d.filter(O=>m.includes(O.id)),C=t&&P.some(O=>!O.publishedAt),M=t&&P.some(O=>O.publishedAt),R=()=>{E==="delete"?v(null):(v("delete"),l("willBulkDeleteEntries"))},A=()=>{E==="unpublish"?v(null):(v("unpublish"),l("willBulkUnpublishEntries"))},B=async(O,V)=>{try{f(!0),await O(m),f(!1),V(),u([])}catch{f(!1),V()}},D=()=>B(s,R),U=()=>B(r,A),q=()=>{g(O=>(O&&a(),!O))};return e.createElement(e.Fragment,null,C&&e.createElement(e.Fragment,null,e.createElement(de.z,{variant:"tertiary",onClick:q},i({id:"app.utils.publish",defaultMessage:"Publish"})),h&&e.createElement(Mg,{onToggle:q})),M&&e.createElement(e.Fragment,null,e.createElement(de.z,{variant:"tertiary",onClick:A},i({id:"app.utils.unpublish",defaultMessage:"Unpublish"})),e.createElement(vr,{isOpen:E==="unpublish",onToggleDialog:A,isConfirmButtonLoading:p,onConfirm:U})),o&&e.createElement(e.Fragment,null,e.createElement(de.z,{variant:"danger-light",onClick:R},i({id:"global.delete",defaultMessage:"Delete"})),e.createElement(Cr,{isOpen:E==="delete",onToggleDialog:R,isConfirmButtonLoading:p,onConfirm:D})))};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 Tg=fs,kg=c(96315);const Rr=({type:t,value:o})=>{const{formatDate:s,formatTime:r,formatNumber:a}=(0,G.Z)();let i=o;if(t==="date"&&(i=s((0,kg.Z)(o),{dateStyle:"full"})),t==="datetime"&&(i=s(o,{dateStyle:"full",timeStyle:"short"})),t==="time"){const[l,d,m]=o.split(":"),u=new Date;u.setHours(l),u.setMinutes(d),u.setSeconds(m),i=r(u,{numeric:"auto",style:"short"})}return["float","decimal"].includes(t)&&(i=a(o,{maximumFractionDigits:20})),["integer","biginteger"].includes(t)&&(i=a(o,{maximumFractionDigits:0})),za()(i)};Rr.propTypes={type:n().string.isRequired,value:n().any.isRequired};var Dt=Rr,Dg=c(246);const Ig=(0,x.ZP)(T.k)`
|
|
1188
|
+
position: relative;
|
|
1189
|
+
border-radius: 50%;
|
|
1190
|
+
width: 26px;
|
|
1191
|
+
height: 26px;
|
|
1192
|
+
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
1193
|
+
background: ${({theme:t})=>t.colors.neutral150};
|
|
1194
|
+
padding-left: 1px;
|
|
1195
|
+
|
|
1196
|
+
span {
|
|
1197
|
+
line-height: 0.6rem;
|
|
1198
|
+
font-size: 0.6rem;
|
|
1199
|
+
}
|
|
1200
|
+
`,Mr=({children:t,...o})=>e.createElement(Ig,{justifyContent:"center",alignItems:"center",as:"span",...o},e.createElement(S.Z,{variant:"sigma",textColor:"neutral600"},t));Mr.propTypes={children:n().string.isRequired};var Tr=Mr;const hs=({url:t,mime:o,alternativeText:s,name:r,ext:a,formats:i})=>{const l=(0,y.CR)(t);if(o.includes("image")){const u=i?.thumbnail?.url||null,p=(0,y.CR)(u)||l;return e.createElement(Dg.q,{src:p,alt:s||r,preview:!0})}const d=(0,y.mD)(a),m=r.length>100?`${r.substring(0,100)}...`:r;return e.createElement(ft.u,{description:m},e.createElement(Tr,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 kr=hs,Og=c(74772);const Dr=({value:t})=>e.createElement(Og.H,null,t.map((o,s)=>{const r=`${o.id}${s}`;if(s===3){const a=`+${t.length-3}`;return e.createElement(Tr,{key:r,preview:!1},a)}return s>3?null:e.createElement(kr,{key:r,...o})}));Dr.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 Pg=Dr,Ir=c(14298);const Or=({fieldSchema:t,metadatas:o,name:s,entityId:r,value:a,contentType:i})=>{const{formatMessage:l}=(0,G.Z)(),{notifyStatus:d}=(0,ls.G)(),[m,u]=(0,e.useState)(!1),{get:p}=(0,y.kY)(),{data:f,status:h}=(0,Se.useQuery)([t.targetModel,r],async()=>{const{data:{results:g,pagination:E}}=await p(`/content-manager/relations/${i.uid}/${r}/${s.split(".")[0]}`);return{results:g,pagination:E}},{enabled:m,staleTime:0,select:g=>({...g,results:[...g.results].reverse()})});return(0,e.useEffect)(()=>{f&&d(l({id:(0,b.OB)("DynamicTable.relation-loaded"),defaultMessage:"Relations have been loaded"}))},[f,l,d]),e.createElement(ge.fC,{onOpenChange:g=>u(g)},e.createElement(xg,{onClick:g=>g.stopPropagation()},e.createElement(T.k,{gap:1,wrap:"nowrap"},e.createElement(Ir.C,null,a.count),l({id:"content-manager.containers.ListPage.items",defaultMessage:"{number, plural, =0 {items} one {item} other {items}}"},{number:a.count}))),e.createElement(ge.VY,null,h!=="success"&&e.createElement(ge.ck,{disabled:!0},e.createElement(yr.a,{small:!0},l({id:(0,b.OB)("ListViewTable.relation-loading"),defaultMessage:"Relations are loading"}))),h==="success"&&e.createElement(e.Fragment,null,f?.results.map(g=>e.createElement(ge.ck,{key:g.id,disabled:!0},e.createElement(Lg,{ellipsis:!0},e.createElement(Dt,{type:o.mainField.schema.type,value:g[o.mainField.name]||g.id})))),f?.pagination.total>10&&e.createElement(ge.ck,{"aria-disabled":!0,"aria-label":l({id:(0,b.OB)("ListViewTable.relation-more"),defaultMessage:"This relation contains more entities than displayed"})},e.createElement(S.Z,null,"\u2026")))))};Or.propTypes={contentType:n().shape({uid:n().string.isRequired}).isRequired,fieldSchema:n().shape({relation:n().string,targetModel:n().string,type:n().string.isRequired}).isRequired,metadatas:n().shape({mainField:n().shape({name:n().string.isRequired,schema:n().shape({type:n().string.isRequired}).isRequired})}).isRequired,name:n().string.isRequired,entityId:n().oneOfType([n().string,n().number]).isRequired,value:n().object.isRequired};const Lg=(0,x.ZP)(S.Z)`
|
|
1201
|
+
max-width: 500px;
|
|
1202
|
+
`,xg=(0,x.ZP)(ge.xz)`
|
|
1203
|
+
svg {
|
|
1204
|
+
width: ${6/16}rem;
|
|
1205
|
+
height: ${4/16}rem;
|
|
1206
|
+
}
|
|
1207
|
+
`;var Sg=Or;const Zg=(0,x.ZP)(S.Z)`
|
|
1208
|
+
max-width: 500px;
|
|
1209
|
+
`,Pr=({metadatas:t,value:o})=>e.createElement(Zg,{textColor:"neutral800",ellipsis:!0},e.createElement(Dt,{type:t.mainField.schema.type,value:o[t.mainField.name]??o.id}));Pr.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 Ag=Pr;const Fg=(0,x.ZP)(S.Z)`
|
|
1210
|
+
max-width: 500px;
|
|
1211
|
+
`,Lr=({value:t,metadatas:o})=>{const{formatMessage:s}=(0,G.Z)(),{mainField:{type:r,name:a}}=o;return e.createElement(ge.fC,null,e.createElement(Bg,{onClick:i=>i.stopPropagation()},e.createElement(Ir.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(ge.VY,null,t.map(i=>e.createElement(ge.ck,{key:i.id,disabled:!0},e.createElement(Fg,{ellipsis:!0},e.createElement(Dt,{type:r,value:i[a]||i.id}))))))};Lr.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string,type:n().string,value:n().string})}).isRequired,value:n().array.isRequired};const Bg=(0,x.ZP)(ge.xz)`
|
|
1212
|
+
svg {
|
|
1213
|
+
width: ${6/16}rem;
|
|
1214
|
+
height: ${4/16}rem;
|
|
1215
|
+
}
|
|
1216
|
+
`;var $g=Lr;const wg=(0,x.ZP)(S.Z)`
|
|
1217
|
+
max-width: 250px;
|
|
1218
|
+
`,xr=({value:t,metadatas:o})=>{const{mainField:s}=o,r=t[s.name];return e.createElement(ft.u,{label:r},e.createElement(wg,{textColor:"neutral800",ellipsis:!0},e.createElement(Dt,{type:s.type,value:r})))};xr.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string,type:n().string,value:n().string})}).isRequired,value:n().object.isRequired};var Ng=xr,Wg=c(80022),Sr=c.n(Wg),Zr=c(73347);function Ar(t){return["oneToOne","manyToOne","oneToOneMorph"].includes(t)}function jg(t,o,s,r){if(t==="component"){const{mainField:{name:a,type:i}}=s;if(r?.repeatable)return o.length>0;const l=o?.[a];return a==="id"&&![void 0,null].includes(l)?!0:(0,Zr.Z)(i)&&i!=="biginteger"&&a!=="id"?Sr()(l):!qe()(l)}return t==="relation"?Ar(r.relation)?!qe()(o):o?.count>0:(0,Zr.Z)(t)&&t!=="biginteger"?Sr()(o):t==="boolean"?o!==null:!qe()(o)}const Fr=(0,x.ZP)(S.Z)`
|
|
1219
|
+
max-width: 300px;
|
|
1220
|
+
`,ys=({content:t,fieldSchema:o,metadatas:s,name:r,rowId:a,contentType:i})=>{const{type:l}=o;if(!jg(l,t,s,o))return e.createElement(S.Z,{textColor:"neutral800"},"-");switch(l){case"media":return o.multiple?e.createElement(Pg,{value:t}):e.createElement(kr,{...t});case"relation":return Ar(o.relation)?e.createElement(Ag,{metadatas:s,value:t}):e.createElement(Sg,{fieldSchema:o,metadatas:s,value:t,name:r,entityId:a,contentType:i});case"component":return o.repeatable===!0?e.createElement($g,{value:t,metadatas:s}):e.createElement(Ng,{value:t,metadatas:s});case"string":return e.createElement(ft.u,{description:t},e.createElement(Fr,{ellipsis:!0,textColor:"neutral800"},e.createElement(Dt,{type:l,value:t})));default:return e.createElement(Fr,{ellipsis:!0,textColor:"neutral800"},e.createElement(Dt,{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 zg=ys;const qg=(0,x.ZP)(T.k)`
|
|
1221
|
+
:hover {
|
|
1222
|
+
background-color: ${t=>t.theme.colors.primary100};
|
|
1223
|
+
}
|
|
1224
|
+
`,Br=({layout:t})=>{const o=(0,ne.I0)(),s=(0,ne.v9)(fr),{trackUsage:r}=(0,y.rS)(),{formatMessage:a,locale:i}=(0,G.Z)(),l=(0,y.Xe)(i,{sensitivity:"base"}),d=Object.keys(t.contentType.attributes).filter(f=>(0,b.ko)(t.contentType.attributes[f])).map(f=>({name:f,label:t.contentType.metadatas[f].list.label})).sort((f,h)=>l.compare(f.label,h.label)),m=s.map(({name:f})=>f),u=f=>{r("didChangeDisplayedFields"),o(lg({name:f,value:m.includes(f)}))},p=()=>{o(ag())};return e.createElement(T.k,{as:"fieldset",direction:"column",alignItems:"stretch",gap:3},e.createElement(T.k,{justifyContent:"space-between"},e.createElement(S.Z,{as:"legend",variant:"pi",fontWeight:"bold"},a({id:"containers.ListPage.displayedFields",defaultMessage:"Displayed fields"})),e.createElement(Ro.A,{onClick:p},a({id:"app.components.Button.reset",defaultMessage:"Reset"}))),e.createElement(T.k,{direction:"column",alignItems:"stretch"},d.map(f=>{const h=m.includes(f.name);return e.createElement(qg,{wrap:"wrap",gap:2,as:"label",background:h?"primary100":"transparent",hasRadius:!0,padding:2,key:f.name},e.createElement(cr.C,{onChange:()=>u(f.name),value:h,name:f.name}),e.createElement(S.Z,{fontSize:1},f.label))})))};Br.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 $r=({slug:t,layout:o})=>{const[s,r]=e.useState(!1),a=e.useRef(),i=(0,ne.v9)(Ze._),{formatMessage:l}=(0,G.Z)(),d=()=>{r(m=>!m)};return e.createElement(e.Fragment,null,e.createElement(Re.h,{icon:e.createElement(vn.Z,null),label:l({id:"components.ViewSettings.tooltip",defaultMessage:"View Settings"}),ref:a,onClick:d}),s&&e.createElement(co.J2,{placement:"bottom-end",source:a,onDismiss:d,spacing:4,padding:3},e.createElement(T.k,{alignItems:"stretch",direction:"column",gap:3},e.createElement(y.jW,{permissions:i.contentManager.collectionTypesConfigurations},e.createElement(y.Qj,{size:"S",startIcon:e.createElement(Rn.Z,null),to:`${t}/configurations/list`,variant:"secondary"},l({id:"app.links.configure-view",defaultMessage:"Configure the view"}))),e.createElement(Br,{layout:o}))))};$r.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{INJECT_COLUMN_IN_TABLE:Ug}=Vn.HOOKS,Vg=null,Hg=()=>null,Yg=[],Gg=[...on,"strapi_assignee"];function wr({canCreate:t,canDelete:o,canRead:s,canPublish:r,layout:a,slug:i}){const l=(0,ne.I0)(),{getData:d,getDataSucceeded:m}=e.useMemo(()=>(0,cg.bindActionCreators)({getData:og,getDataSucceeded:sg},l),[l]),{pagination:u,isLoading:p,data:f}=(0,rr.ix)(Eg()),{total:h}=u,{contentType:g}=a,{info:E,options:v,metadatas:P,settings:{bulkable:C,filterable:M,searchable:R}}=g,[A,B]=e.useState(!1),D=(0,y.lm)(),{trackUsage:U}=(0,y.rS)(),{allPermissions:q,refetchPermissions:O}=(0,y.vn)(),V=e.useRef(U),_=e.useRef(O),{notifyStatus:w}=(0,ls.G)(),{formatAPIError:Y}=(0,y.So)(b.OB),X=gg(g,i),[{query:$}]=(0,y.Kx)(),{pathname:k}=(0,ce.TH)(),{push:F}=(0,ce.k6)(),{formatMessage:I,locale:te}=(0,G.Z)(),j=(0,y.kY)(),J=(0,y.Xe)(te,{sensitivity:"base"}),H=$?.filters?.$and?.reduce((ee,ie)=>{const[N,W]=Object.entries(ie)[0],oe=W.id?.$eq||W.id?.$ne;return Gg.includes(N)&&!ee.includes(oe)&&ee.push(oe),ee},[])??[],{users:Q,isLoading:le}=(0,ir.R)({filter:{id:{in:H}}},{enabled:H.length>0&&(0,y.ZT)(q,[{action:"admin::users.read",subject:null}]).length>0});(0,y.go)();const re=e.useMemo(()=>Ha($),[$]),me=(0,dn.stringify)({plugins:$.plugins},{encode:!1}),ye=X.map(ee=>{const ie=g.attributes[ee],{type:N,enum:W}=ie,oe={name:"didFilterEntries",properties:{useRelation:N==="relation"}},{mainField:De,label:Qe}=P[ee].list,Je={name:ee,metadatas:{label:I({id:Qe,defaultMessage:Qe})},fieldSchema:{type:N,options:W,mainField:De},trackedEvent:oe};return ie.type==="relation"&&ie.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:Q.map(ks=>({label:(0,b.Gf)(ks,I),customValue:ks.id.toString()}))},Je.fieldSchema.mainField={...De,name:"id"}),Je}),L=v?.draftAndPublish??!1,se=v?.reviewWorkflows??!1,fe=(0,At.c)(Vg,async()=>(await c.e(6158).then(c.bind(c,76158))).REVIEW_WORKFLOW_COLUMNS_EE,{enabled:!!v?.reviewWorkflows}),Ce=(0,At.c)(Hg,async()=>{const{ReviewWorkflowsStageEE:ee,ReviewWorkflowsAssigneeEE:ie}=await c.e(1227).then(c.bind(c,21227));return{ReviewWorkflowsStageEE:ee,ReviewWorkflowsAssigneeEE:ie}},{enabled:se}),nt=(0,At.c)(Yg,async()=>(await c.e(4174).then(c.bind(c,84174))).REVIEW_WORKFLOW_FILTERS,{combine(ee,ie){return[...ee,...ie.filter(N=>N.name==="strapi_assignee"?(0,y.ZT)(q,[{action:"admin::users.read",subject:null}]).length>0:!0).map(N=>({...N,metadatas:{...N.metadatas,...N.name==="strapi_stage"?{uid:g.uid}:{},label:I(N.metadatas.label),options:N.name==="strapi_assignee"&&Q.map(W=>({label:(0,b.Gf)(W,I),customValue:W.id.toString()}))}}))]},defaultValue:[],enabled:se&&!le}),{post:$e,del:ue}=j,we=(0,Se.useMutation)(ee=>$e(`/content-manager/collection-types/${g.uid}/actions/bulkUnpublish`,ee),{onSuccess(){D({type:"success",message:{id:"content-manager.success.record.unpublish",defaultMessage:"Unpublished"}}),Le(`/content-manager/collection-types/${i}`,{params:re})},onError(ee){D({type:"warning",message:Y(ee)})}}),Pe=e.useRef(""),Le=e.useCallback(async(ee,ie)=>{d();try{const{data:{results:N,pagination:W}}=await j.get(ee,ie);if(W.page>W.pageCount&&W.pageCount>0){const oe={...re,page:W.pageCount};F({pathname:k,state:{from:k},search:(0,dn.stringify)(oe)});return}w(I({id:(0,b.OB)("utils.data-loaded"),defaultMessage:"{number, plural, =1 {# entry has} other {# entries have}} successfully been loaded"},{number:W.count})),m(W,N)}catch(N){if(Ge.default.isCancel(N))return;if((N?.response?.status??null)===403){await _.current(),D({type:"info",message:{id:(0,b.OB)("permissions.not-allowed.update")}}),F("/");return}D({type:"warning",message:{id:(0,b.OB)("error.model.fetch")}})}},[I,d,m,w,F,D,j,re,k]),yt=e.useCallback(async ee=>{try{await $e(`/content-manager/collection-types/${i}/actions/bulkDelete`,{ids:ee}),Le(`/content-manager/collection-types/${i}`,{params:re}),V.current("didBulkDeleteEntries")}catch(ie){D({type:"warning",message:Y(ie)})}},[i,D,Y,$e,Le,re]),Et=e.useCallback(async ee=>{try{await ue(`/content-manager/collection-types/${i}/${ee}`);const ie=`/content-manager/collection-types/${i}`;Le(ie,{params:re}),D({type:"success",message:{id:(0,b.OB)("success.record.delete")}})}catch(ie){D({type:"warning",message:Y(ie)})}},[i,D,Y,ue,Le,re]),he=ee=>we.mutateAsync({ids:ee});e.useEffect(()=>{const ie=Ge.default.CancelToken.source(),N=s,W=`/content-manager/collection-types/${i}`;return N&&W.includes(Pe.current)&&Le(W,{cancelToken:ie.token,params:re}),()=>{Pe.current=i,ie.cancel("Operation canceled by the user.")}},[s,d,i,re,m,Le]);const ke=I({id:(0,b.OB)("header.name"),defaultMessage:"Content"}),Ke=I({id:E.displayName,defaultMessage:E.displayName||ke}),{runHookWaterfall:gn}=(0,y.j1)(),ot=(0,rr.ix)(fr),Wt=e.useMemo(()=>{const ie=gn(Ug,{displayedHeaders:ot,layout:a}).displayedHeaders.map(N=>{const{metadatas:W}=N;if(N.fieldSchema.type==="relation"){const oe=`${N.name}.${N.metadatas.mainField.name}`;return{...N,metadatas:{...W,label:I({id:(0,b.OB)(`containers.ListPage.table-headers.${N.name}`),defaultMessage:W.label})},name:oe}}return{...N,metadatas:{...W,label:I({id:(0,b.OB)(`containers.ListPage.table-headers.${N.name}`),defaultMessage:W.label})}}});return L&&ie.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}}),fe&&(fe.map(N=>(typeof N.metadatas.label!="string"&&(N.metadatas.label=I(N.metadatas.label)),N)),ie.push(...fe)),ie},[gn,ot,a,fe,L,I]),vs=s?I({id:(0,b.OB)("pages.ListView.header-subtitle"),defaultMessage:"{number, plural, =0 {# entries} one {# entry} other {# entries}} found"},{number:h}):null,fn=ee=>t?e.createElement(de.z,{...ee,forwardedAs:Lt.rU,onClick:()=>{const ie=L?{status:"draft"}:{};V.current("willCreateEntry",ie)},to:{pathname:`${k}/create`,search:$.plugins?me:""},startIcon:e.createElement(vt.Z,null),style:{textDecoration:"none"}},I({id:(0,b.OB)("HeaderLayout.button.label-add-entry"),defaultMessage:"Create new entry"})):null,Cs=ee=>()=>{U("willEditEntryFromList"),F({pathname:`${k}/${ee}`,state:{from:k},search:me})},Rs=ee=>async()=>{try{const{data:ie}=await $e(`/content-manager/collection-types/${g.uid}/auto-clone/${ee}?${me}`);"id"in ie&&F({pathname:`${k}/${ie.id}`,state:{from:k},search:me})}catch(ie){ie instanceof ug.d7&&F({pathname:`${k}/create/clone/${ee}`,state:{from:k,error:Y(ie)},search:me})}},Ms=Wt.length+2,Ts=()=>{Le(`/content-manager/collection-types/${i}`,{params:re})};return Ce?e.createElement(Me.o,{"aria-busy":p},e.createElement(Ie.T,{primaryAction:fn(),subtitle:vs,title:Ke,navigationAction:e.createElement(y.rU,{startIcon:e.createElement(pt.Z,null),to:"/content-manager/"},I({id:"global.back",defaultMessage:"Back"}))}),!s&&e.createElement(sr.Z,{endActions:e.createElement(Kt,{area:"contentManager.listView.actions"})}),s&&e.createElement(sr.Z,{endActions:e.createElement(e.Fragment,null,e.createElement(Kt,{area:"contentManager.listView.actions"}),e.createElement($r,{slug:i,layout:a})),startActions:e.createElement(e.Fragment,null,R&&e.createElement(y.m,{label:I({id:"app.component.search.label",defaultMessage:"Search for {target}"},{target:Ke}),placeholder:I({id:"global.search",defaultMessage:"Search"}),trackedEvent:"didSearch"}),M&&!le&&e.createElement(lr,{displayedFilters:[...ye,...nt].sort((ee,ie)=>J.compare(ee.metadatas.label,ie.metadatas.label))}))}),e.createElement(at.D,null,s?e.createElement(T.k,{gap:4,direction:"column",alignItems:"stretch"},e.createElement(y.iA.Root,{rows:f,isLoading:p,colCount:Ms},e.createElement(y.iA.ActionBar,null,e.createElement(Tg,{showPublish:r&&L,showDelete:o,onConfirmDeleteAll:yt,onConfirmUnpublishAll:he,refetchData:Ts})),e.createElement(y.iA.Content,null,e.createElement(y.iA.Head,null,e.createElement(y.iA.HeaderCheckboxCell,null),Wt.map(({fieldSchema:ee,key:ie,name:N,metadatas:W})=>e.createElement(y.iA.HeaderCell,{key:ie,name:N,fieldSchemaType:ee.type,relationFieldName:W.mainField?.name,isSortable:W.sortable,label:W.label})),e.createElement(y.iA.HeaderHiddenActionsCell,null)),e.createElement(y.iA.LoadingBody,null),e.createElement(y.iA.EmptyBody,{contentType:Ke,action:fn({variant:"secondary"})}),e.createElement(mn.Root,{onConfirmDelete:Et,isConfirmDeleteRowOpen:A,setIsConfirmDeleteRowOpen:B},f.map((ee,ie)=>e.createElement(ar.Tr,{cursor:"pointer",key:ee.id,onClick:Cs(ee.id)},e.createElement(Be.Td,null,e.createElement(mn.CheckboxDataCell,{rowId:ee.id,index:ie})),Wt.map(({key:N,name:W,cellFormatter:oe,...De})=>{if(L&&W==="publishedAt")return e.createElement(Be.Td,{key:N},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(se){if(W==="strapi_stage")return e.createElement(Be.Td,{key:N},ee.strapi_stage?e.createElement(Ce.ReviewWorkflowsStageEE,{color:ee.strapi_stage.color??dg.W.colors.primary600,name:ee.strapi_stage.name}):e.createElement(S.Z,{textColor:"neutral800"},"-"));if(W==="strapi_assignee")return e.createElement(Be.Td,{key:N},ee.strapi_assignee?e.createElement(Ce.ReviewWorkflowsAssigneeEE,{user:ee.strapi_assignee}):e.createElement(S.Z,{textColor:"neutral800"},"-"))}return["createdBy","updatedBy"].includes(W.split(".")[0])?e.createElement(Be.Td,{key:N},e.createElement(S.Z,{textColor:"neutral800"},ee[W.split(".")[0]]?(0,b.Gf)(ee[W.split(".")[0]],I):"-")):typeof oe=="function"?e.createElement(Be.Td,{key:N},oe(ee,{key:N,name:W,...De})):e.createElement(Be.Td,{key:N},e.createElement(zg,{content:ee[W.split(".")[0]],name:W,contentType:a.contentType,...De,rowId:ee.id}))}),(o||r)&&C&&e.createElement(Be.Td,null,e.createElement(mn.EntityActionsDataCell,{rowId:ee.id,index:ie,setIsConfirmDeleteRowOpen:B,canCreate:t,canDelete:o,handleCloneClick:Rs}))))))),e.createElement(T.k,{alignItems:"flex-end",justifyContent:"space-between"},e.createElement(y.v4,{trackedEvent:"willChangeNumberOfEntriesPerPage"}),e.createElement(y.tU,{pagination:{pageCount:u?.pageCount||1}}))):e.createElement(y.ZF,null))):null}wr.propTypes={canCreate:n().bool.isRequired,canDelete:n().bool.isRequired,canRead:n().bool.isRequired,canPublish:n().bool.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,slug:n().string.isRequired};var Kg=e.memo(wr,Ne());const Es=t=>{const o=(0,e.useMemo)(()=>(0,b.TA)(t.slug),[t.slug]),{isLoading:s,allowedActions:r}=(0,y.ss)(o,t.permissions);return s?e.createElement(y.dO,null):e.createElement(Kg,{...t,...r})};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(a=>a!=="state").length>0});const Nr=({layout:t,...o})=>{const s=(0,ne.I0)(),{replace:r}=(0,ce.k6)(),[{query:a,rawQuery:i}]=(0,y.Kx)(),{permissions:l,isValid:d}=(0,be.r5)(a,o.slug,"listView"),m=(0,be.Ky)(o.slug);return(0,e.useEffect)(()=>{i||r(m)},[i,r,m]),(0,e.useEffect)(()=>{s(ig(t))},[s,t]),(0,e.useEffect)(()=>()=>{s(rg())},[s]),d?e.createElement(Qg,{...o,layout:t,permissions:l}):null};Nr.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 Jg=Nr,Xg=()=>e.createElement(K.x,{padding:8},e.createElement(y.Hn,null));const Wr=({match:{params:{slug:t},url:o}})=>{const s=(0,ne.v9)(Ze._),{isLoading:r,layout:a,updateLayout:i}=(0,be.zE)(t),{rawContentTypeLayout:l,rawComponentsLayouts:d}=(0,e.useMemo)(()=>{let f={},h={};return a.contentType&&(f=(0,b.du)(a.contentType)),a.components&&(h=Object.keys(a.components).reduce((g,E)=>(g[E]=(0,b.du)(a.components[E]),g),{})),{rawContentTypeLayout:f,rawComponentsLayouts:h}},[a]);if((a?.contentType?.uid??null)!==t||r)return e.createElement(y.dO,null);const u=({location:{state:f},history:{goBack:h},match:{params:{id:g,origin:E}}},v)=>e.createElement(v,{slug:t,layout:a,state:f,goBack:h,id:g,origin:E}),p=[{path:"create/clone/:origin",comp:cn},{path:"create",comp:cn},{path:":id",comp:cn},{path:"",comp:Jg}].map(({path:f,comp:h})=>e.createElement(ce.AW,{key:f,path:`${o}/${f}`,render:g=>u(g,h)}));return e.createElement(yn.ErrorBoundary,{FallbackComponent:Xg},e.createElement(zt.Provider,{value:a},e.createElement(ce.rs,null,e.createElement(ce.AW,{path:`${o}/configurations/list`},e.createElement(y.O4,{permissions:s.contentManager.collectionTypesConfigurations},e.createElement(or,{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)))};Wr.propTypes={match:n().shape({url:n().string.isRequired,params:n().shape({slug:n().string.isRequired}).isRequired}).isRequired};var _g=(0,e.memo)(Wr),jr=c(4214);const ef=()=>{const[{isLoading:t,data:o},s]=(0,e.useReducer)(jr.Z,jr.q),r=(0,e.useMemo)(bt.Vo,[]),{schemas:a}=(0,ne.v9)(m=>r(m),ne.wU),i=(0,ne.v9)(Ze._),{uid:l}=(0,ce.UO)(),{get:d}=(0,y.kY)();return(0,e.useEffect)(()=>{const u=Ge.default.CancelToken.source();return(async f=>{try{s(Qt());const{data:{data:h}}=await d(`/content-manager/components/${l}/configuration`,{cancelToken:f.token});s(Hn((0,b.w8)(h,a,"component")))}catch(h){if(Ge.default.isCancel(h))return;console.error(h)}})(u),()=>{u.cancel("Operation canceled by the user.")}},[l,a,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 tf=(0,e.memo)(ef),nf=c(80564),of=c(23982),sf=()=>{const{formatMessage:t}=(0,G.Z)();return(0,y.go)(),e.createElement(Me.o,null,e.createElement(Ie.T,{title:t({id:(0,b.OB)("header.name"),defaultMessage:"Content"})}),e.createElement(at.D,null,e.createElement(nf.x,{action:e.createElement(y.Qj,{variant:"secondary",startIcon:e.createElement(vt.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(of.Z,{width:"10rem"}),shadow:"tableShadow"})))},af=()=>{const{formatMessage:t}=(0,G.Z)();return(0,y.go)(),e.createElement(Me.o,null,e.createElement(Ie.T,{title:t({id:(0,b.OB)("header.name"),defaultMessage:"Content"})}),e.createElement(at.D,null,e.createElement(y.ZF,null)))};const zr=({match:{params:{slug:t},url:o}})=>{const s=(0,ne.v9)(Ze._),{isLoading:r,layout:a,updateLayout:i}=(0,be.zE)(t),{rawContentTypeLayout:l,rawComponentsLayouts:d}=(0,e.useMemo)(()=>{let m={},u={};return a.contentType&&(u=(0,b.du)(a.contentType)),a.components&&(m=Object.keys(a.components).reduce((p,f)=>(p[f]=(0,b.du)(a.components[f]),p),{})),{rawContentTypeLayout:u,rawComponentsLayouts:m}},[a]);return r?e.createElement(y.dO,null):e.createElement(zt.Provider,{value:a},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:m},history:{goBack:u}})=>e.createElement(cn,{layout:a,slug:t,isSingleType:!0,state:m,goBack:u})})))};zr.propTypes={match:n().shape({url:n().string.isRequired,params:n().shape({slug:n().string.isRequired}).isRequired}).isRequired};var rf=(0,e.memo)(zr),lf=c(91917);const cf=(0,x.ZP)(T.k)`
|
|
1225
|
+
border-radius: 50%;
|
|
1226
|
+
|
|
1227
|
+
svg {
|
|
1228
|
+
height: ${6/16}rem;
|
|
1229
|
+
width: ${11/16}rem;
|
|
1230
|
+
> path {
|
|
1231
|
+
fill: ${({theme:t})=>t.colors.neutral600};
|
|
1232
|
+
}
|
|
1233
|
+
}
|
|
1234
|
+
`,df=x.ZP.button`
|
|
1235
|
+
border: none;
|
|
1236
|
+
background: transparent;
|
|
1237
|
+
display: block;
|
|
1238
|
+
width: 100%;
|
|
1239
|
+
text-align: unset;
|
|
1240
|
+
padding: 0;
|
|
1241
|
+
`;function qr({displayedValue:t}){return e.createElement(T.k,{background:"neutral0",borderColor:"neutral200",justifyContent:"space-between",gap:3,padding:3,width:(0,y.Q1)(300)},e.createElement(df,{type:"button"},e.createElement(T.k,{gap:6},e.createElement(cf,{alignItems:"center",justifyContent:"center",background:"neutral200",height:(0,y.Q1)(32),width:(0,y.Q1)(32)},e.createElement(lf.Z,null)),e.createElement(T.k,{maxWidth:(0,y.Q1)(150)},e.createElement(S.Z,{textColor:"neutral700",ellipsis:!0},t)))),e.createElement(T.k,{gap:2},e.createElement(Re.h,{noBorder:!0},e.createElement(Ye.Z,null)),e.createElement(Re.h,{noBorder:!0},e.createElement(rt.Z,null))))}qr.propTypes={displayedValue:n().string.isRequired};const Ur=({status:t,displayedValue:o,width:s})=>{const{formatMessage:r}=(0,G.Z)(),a={[ht.DRAFT]:r({id:(0,b.OB)("relation.publicationState.draft"),defaultMessage:"Draft"}),[ht.PUBLISHED]:r({id:(0,b.OB)("relation.publicationState.published"),defaultMessage:"Published"})},i=t===ht.DRAFT?"secondary":"success";return e.createElement(K.x,{style:{width:s}},e.createElement(T.k,{paddingTop:2,paddingBottom:2,paddingLeft:2,paddingRight:4,hasRadius:!0,borderSize:1,background:"neutral0",borderColor:"neutral200",justifyContent:"space-between"},e.createElement(Ia,{gap:1},e.createElement(Re.h,{noBorder:!0},e.createElement(rt.Z,null)),e.createElement(Oa,{maxWidth:"100%",justifyContent:"space-between"},e.createElement(K.x,{minWidth:0,paddingTop:1,paddingBottom:1,paddingRight:4},e.createElement(Pa,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`},a[t])))),e.createElement(K.x,{paddingLeft:4},e.createElement(La,{type:"button"},e.createElement(ze.J,{width:"12px",as:_t.Z})))))};Ur.propTypes={status:n().string.isRequired,displayedValue:n().string.isRequired,width:n().number.isRequired};var uf=c(7141),mf=c(65352),pf=c(36473),gf=c(88791),ff=c(89274),hf=()=>{const[t,o]=(0,e.useState)(""),{formatMessage:s,locale:r}=(0,G.Z)(),a=(0,e.useMemo)(bt.KQ,[]),{collectionTypeLinks:i,singleTypeLinks:l}=(0,ne.v9)(a,ne.wU),{startsWith:d}=(0,y.L0)(r,{sensitivity:"base"}),m=(0,y.Xe)(r,{sensitivity:"base"}),u=(0,e.useMemo)(()=>[{id:"collectionTypes",title:{id:(0,Ue.Z)("components.LeftMenu.collection-types"),defaultMessage:"Collection Types"},searchable:!0,links:i},{id:"singleTypes",title:{id:(0,Ue.Z)("components.LeftMenu.single-types"),defaultMessage:"Single Types"},searchable:!0,links:l}].map(g=>({...g,links:g.links.filter(E=>d(E.title,t)).sort((E,v)=>m.compare(E.title,v.title)).map(E=>({...E,title:s({id:E.title,defaultMessage:E.title})}))})),[i,t,l,d,s,m]),p=()=>{o("")},f=({target:{value:g}})=>{o(g)},h=s({id:(0,Ue.Z)("header.name"),defaultMessage:"Content"});return e.createElement(uf.m,{ariaLabel:h},e.createElement(mf.p,{label:h,searchable:!0,value:t,onChange:f,onClear:p,searchLabel:s({id:"content-manager.components.LeftMenu.Search.label",defaultMessage:"Search for a content type"})}),e.createElement(pf.Z,null,u.map(g=>{const E=s({id:g.title.id,defaultMessage:g.title.defaultMessage},g.title.values);return e.createElement(gf.D,{key:g.id,label:E,badgeLabel:g.links.length.toString()},g.links.map(v=>{const P=v.search?`?${v.search}`:"";return e.createElement(ff.E,{as:Lt.OL,key:v.uid,to:`${v.to}${P}`},v.title)}))})))},bs=c(70475);const yf=()=>({type:bs.fn}),Ef=()=>({type:bs.sZ}),bf=({authorizedCollectionTypeLinks:t,authorizedSingleTypeLinks:o,contentTypeSchemas:s,components:r,fieldSizes:a})=>({type:bs.IX,data:{authorizedCollectionTypeLinks:t,authorizedSingleTypeLinks:o,components:r,contentTypeSchemas:s,fieldSizes:a}});var Vr=(t,o)=>o.map(({permissions:s})=>(0,y.qX)(t,s)),vf=c(81346),Cf=c.n(vf);const Hr=(t,o,s=[])=>t.filter(r=>r.isDisplayed).map(r=>{const a=[{action:"plugin::content-manager.explorer.create",subject:r.uid},{action:"plugin::content-manager.explorer.read",subject:r.uid}],i=[{action:"plugin::content-manager.explorer.read",subject:r.uid}],l=o==="collectionTypes"?a:i,d=s.find(({uid:u})=>u===r.uid);let m=null;if(d){const u={page:1,pageSize:d.settings.pageSize,sort:`${d.settings.defaultSortBy}:${d.settings.defaultSortOrder}`};m=(0,dn.stringify)(u,{encode:!1})}return{permissions:l,search:m,kind:r.kind,title:r.info.displayName,to:`/content-manager/${r.kind}/${r.uid}`,uid:r.uid,name:r.uid,isDisplayed:r.isDisplayed}});var Rf=(t,o)=>{const s=Object.entries(Cf()(t,"kind")).map(([i,l])=>({name:i,links:l})),[r,a]=_e()(s,"name");return{collectionTypeSectionLinks:Hr(r?.links||[],"collectionTypes",o),singleTypeSectionLinks:Hr(a?.links??[],"singleTypes")}},Mf=async({models:t,userPermissions:o,toggleNotification:s})=>{const{get:r}=(0,y.tg)();try{const{data:{data:a}}=await r("/content-manager/content-types-settings"),{collectionTypeSectionLinks:i,singleTypeSectionLinks:l}=Rf(t,a),d=await Promise.all(Vr(o,i)),m=i.filter((f,h)=>d[h]),u=await Promise.all(Vr(o,l)),p=l.filter((f,h)=>u[h]);return{authorizedCollectionTypeLinks:m,authorizedSingleTypeLinks:p}}catch(a){return console.error(a),s({type:"warning",message:{id:"notification.error"}}),{authorizedCollectionTypeLinks:[],authorizedSingleTypeLinks:[]}}};const{MUTATE_COLLECTION_TYPES_LINKS:Tf,MUTATE_SINGLE_TYPES_LINKS:kf}=Vn.HOOKS;var Df=()=>{const t=(0,ne.I0)(),o=(0,y.lm)(),s=(0,ne.v9)((0,bt.Yg)()),r=(0,e.useRef)(),{allPermissions:a}=(0,y.vn)(),{runHookWaterfall:i}=(0,y.j1)(),d=Ge.default.CancelToken.source(),{notifyStatus:m}=(0,ls.G)(),{formatMessage:u}=(0,G.Z)(),{get:p}=(0,y.kY)(),f=async()=>{t(yf());try{const{data:{data:{components:h,contentTypes:g,fieldSizes:E}}}=await p("/content-manager/init",{cancelToken:d.token});m(u({id:(0,b.OB)("App.schemas.data-loaded"),defaultMessage:"The schemas have been successfully loaded."}));const v=await Mf({models:g,userPermissions:a,toggleNotification:o}),{ctLinks:P}=i(Tf,{ctLinks:v.authorizedCollectionTypeLinks,models:g}),{stLinks:C}=i(kf,{stLinks:v.authorizedSingleTypeLinks,models:g}),M=bf({authorizedCollectionTypeLinks:P,authorizedSingleTypeLinks:C,contentTypeSchemas:g,components:h,fieldSizes:E});t(M)}catch(h){if(Ge.default.isCancel(h))return;console.error(h),o({type:"warning",message:{id:"notification.error"}})}};return r.current=f,(0,e.useEffect)(()=>(r.current(),()=>{d.cancel("Operation canceled by the user."),t(Ef())}),[t,o]),{...s,refetchData:r.current}};function If({type:t,item:o}){if([mt.Z.EDIT_FIELD,mt.Z.FIELD].includes(t))return e.createElement(Nt,{labelField:o.labelField});const[s]=t.split("_");switch(s){case mt.Z.COMPONENT:case mt.Z.DYNAMIC_ZONE:return e.createElement(qr,{displayedValue:o.displayedValue});case mt.Z.RELATION:return e.createElement(Ur,{displayedValue:o.displayedValue,status:o.status,width:o.width});default:return null}}const Yr=()=>{const t=(0,ce.$B)("/content-manager/:kind/:uid"),{status:o,collectionTypeLinks:s,singleTypeLinks:r,models:a,refetchData:i}=Df(),l=_e()([...s,...r],g=>g.title.toLowerCase()),{pathname:d}=(0,ce.TH)(),{formatMessage:m}=(0,G.Z)(),{startSection:u}=(0,y.c1)(),p=(0,e.useRef)(u),f=(0,ne.v9)(Ze._);if((0,e.useEffect)(()=>{p.current&&p.current("contentManager")},[]),o==="loading")return e.createElement(Me.o,{"aria-busy":"true"},e.createElement(Ie.T,{title:m({id:(0,Ue.Z)("header.name"),defaultMessage:"Content"})}),e.createElement(y.dO,null));const h=a.filter(({isDisplayed:g})=>g);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(hf,null)},e.createElement(ut.r,{renderItem:If}),e.createElement(je.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:f.contentManager.componentsConfigurations},e.createElement(tf,null))),e.createElement(ce.AW,{path:"/content-manager/collectionType/:slug",component:_g}),e.createElement(ce.AW,{path:"/content-manager/singleType/:slug",component:rf}),e.createElement(ce.AW,{path:"/content-manager/403"},e.createElement(af,null)),e.createElement(ce.AW,{path:"/content-manager/no-content-types"},e.createElement(sf,null)),e.createElement(ce.AW,{path:"",component:y.Hn}))))};function Of(){const{formatMessage:t}=(0,G.Z)();return e.createElement(e.Fragment,null,e.createElement(We.q,{title:t({id:(0,Ue.Z)("plugin.name"),defaultMessage:"Content Manager"})}),e.createElement(Yr,null))}},98865:function(hn,st,c){"use strict";c.d(st,{d:function(){return zt}});var e=c(32735),Me=c(84642),Ie=c(8365),Xe=c(77981),y=c(2775),dt=c(96192),_e=c(60216),We=c.n(_e),G=c(67879),ne=c(69997);const ce=60*1e3,ut=ce*60,Ze=ut*24,jt=Ze*30,je=Ze*365;var mt=Ee=>Ee<ce?{unit:"second",value:-Math.round(Ee/1e3)}:Ee<ut?{unit:"minute",value:-Math.round(Ee/ce)}:Ee<Ze?{unit:"hour",value:-Math.round(Ee/ut)}:Ee<jt?{unit:"day",value:-Math.round(Ee/Ze)}:Ee<je?{unit:"month",value:-Math.round(Ee/jt)}:{unit:"year",value:-Math.round(Ee/je)};const Ae=()=>{const{formatMessage:Ee}=(0,G.Z)();return e.createElement(Me.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(Ie.Z,{variant:"sigma",textColor:"neutral600",id:"additional-information"},Ee({id:(0,ne.OB)("containers.Edit.information"),defaultMessage:"Information"})),e.createElement(Xe.x,null,e.createElement(y.i,null)))},n=({label:Ee,value:be})=>e.createElement(Me.k,{justifyContent:"space-between"},e.createElement(Ie.Z,{as:"dt",fontWeight:"bold",textColor:"neutral800",variant:"pi"},Ee),e.createElement(Ie.Z,{as:"dd",variant:"pi",textColor:"neutral600"},be));n.defaultProps={value:"-"},n.propTypes={label:We().string.isRequired,value:We().string};const yn=()=>{const{formatMessage:Ee,formatRelativeTime:be}=(0,G.Z)(),{initialData:b,isCreatingEntry:de}=(0,dt.Wq)(),at=(0,e.useRef)(Date.now()),K=(xe,ve)=>{const Ve=b[ve]?(0,ne.Gf)(b[ve],Ee):"-",It=(b[xe]?new Date(b[xe]).getTime():Date.now())-at.current,{unit:pt,value:He}=mt(-It);return{at:be(He,pt,{numeric:"auto"}),by:de?"-":Ve}},T=K("updatedAt","updatedBy"),S=K("createdAt","createdBy");return e.createElement(Me.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(Me.k,{direction:"column",alignItems:"stretch",gap:2,as:"dl"},e.createElement(n,{label:Ee({id:(0,ne.OB)("containers.Edit.information.created"),defaultMessage:"Created"}),value:S.at}),e.createElement(n,{label:Ee({id:(0,ne.OB)("containers.Edit.information.by"),defaultMessage:"By"}),value:S.by})),e.createElement(Me.k,{direction:"column",alignItems:"stretch",gap:2,as:"dl"},e.createElement(n,{label:Ee({id:(0,ne.OB)("containers.Edit.information.lastUpdate"),defaultMessage:"Last update"}),value:T.at}),e.createElement(n,{label:Ee({id:(0,ne.OB)("containers.Edit.information.by"),defaultMessage:"By"}),value:T.by})))},En=({children:Ee})=>e.createElement(Me.k,{direction:"column",alignItems:"stretch",gap:4},Ee);En.propTypes={children:We().oneOfType([We().arrayOf(We().node),We().node]).isRequired};const zt={Root:En,Title:Ae,Body:yn}},57544:function(){},59599:function(){},42310:function(){},33842:function(){},85695:function(){}}]);
|