@strapi/admin 4.10.0-beta.0 → 4.10.0-beta.1
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/.eslintignore +4 -0
- package/.eslintrc.js +14 -0
- package/admin/src/components/LanguageProvider/index.js +1 -1
- package/admin/src/components/LocalesProvider/__mocks__/useLocalesProvider.js +7 -0
- package/admin/src/components/LocalesProvider/index.js +2 -3
- package/admin/src/content-manager/components/CollectionTypeFormWrapper/index.js +3 -6
- package/admin/src/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/getTableColumn.js +2 -0
- package/admin/src/content-manager/components/DynamicTable/index.js +11 -29
- package/admin/src/content-manager/components/EditViewDataManagerProvider/reducer.js +12 -6
- package/admin/src/content-manager/components/EditViewDataManagerProvider/utils/findAllAndReplace.js +10 -3
- package/admin/src/content-manager/components/InputUID/endActionStyle.js +4 -13
- package/admin/src/content-manager/components/InputUID/index.js +95 -72
- package/admin/src/content-manager/components/SingleTypeFormWrapper/index.js +4 -8
- package/admin/src/content-manager/pages/App/LeftMenu/index.js +56 -35
- package/admin/src/content-manager/pages/App/actions.js +19 -7
- package/admin/src/content-manager/pages/App/constants.js +3 -3
- package/admin/src/content-manager/pages/App/index.js +5 -4
- package/admin/src/content-manager/pages/App/reducer.js +7 -6
- package/admin/src/content-manager/pages/App/selectors.js +3 -0
- package/admin/src/content-manager/pages/App/{useModels.js → useContentManagerInitData.js} +29 -28
- package/admin/src/content-manager/pages/App/utils/generateModelsLinks.js +2 -2
- package/admin/src/content-manager/pages/App/utils/getContentTypeLinks.js +17 -15
- package/admin/src/content-manager/pages/EditSettingsView/components/ModalForm.js +4 -5
- package/admin/src/content-manager/pages/EditSettingsView/index.js +4 -0
- package/admin/src/content-manager/pages/EditSettingsView/reducer.js +6 -7
- package/admin/src/content-manager/pages/EditSettingsView/utils/layout.js +1 -30
- package/admin/src/content-manager/pages/EditView/DeleteLink/index.js +5 -11
- package/admin/src/content-manager/pages/EditView/index.js +2 -7
- package/admin/src/content-manager/pages/ListSettingsView/index.js +1 -0
- package/admin/src/content-manager/sharedReducers/crudReducer/actions.js +6 -0
- package/admin/src/content-manager/sharedReducers/crudReducer/constants.js +1 -0
- package/admin/src/content-manager/sharedReducers/crudReducer/reducer.js +5 -0
- package/admin/src/hooks/useConfigurations/__mocks__/index.js +7 -0
- package/admin/src/hooks/useFetchMarketplacePlugins/utils/api.js +7 -8
- package/admin/src/hooks/useFetchMarketplaceProviders/utils/api.js +5 -0
- package/admin/src/hooks/useRegenerate/index.js +12 -7
- package/admin/src/pages/AuthPage/components/Register/index.js +46 -38
- package/admin/src/pages/HomePage/SocialLinks.js +1 -1
- package/admin/src/pages/MarketplacePage/components/EmptyNpmPackageSearch/index.js +3 -3
- package/admin/src/pages/MarketplacePage/components/NpmPackagesGrid/index.js +42 -9
- package/admin/src/pages/MarketplacePage/components/NpmPackagesPagination/index.js +26 -0
- package/admin/src/pages/MarketplacePage/components/OfflineLayout/index.js +45 -0
- package/admin/src/pages/MarketplacePage/index.js +80 -175
- package/admin/src/pages/MarketplacePage/utils/useMarketplaceData.js +85 -0
- package/admin/src/pages/SettingsPage/components/Tokens/FormHead/index.js +4 -0
- package/admin/src/pages/SettingsPage/components/Tokens/Regenerate/index.js +5 -3
- package/admin/src/pages/SettingsPage/components/Tokens/TokenTypeSelect/index.js +7 -5
- package/admin/src/pages/SettingsPage/pages/Roles/ListPage/components/RoleRow/index.js +12 -4
- package/admin/src/pages/SettingsPage/pages/Roles/ListPage/index.js +21 -2
- package/admin/src/pages/SettingsPage/pages/TransferTokens/EditView/components/FormTransferTokenContainer/index.js +41 -0
- package/admin/src/pages/SettingsPage/pages/TransferTokens/EditView/index.js +53 -9
- package/admin/src/pages/SettingsPage/pages/TransferTokens/EditView/utils/schema.js +1 -0
- package/admin/src/pages/SettingsPage/pages/TransferTokens/ListView/index.js +27 -5
- package/admin/src/translations/en.json +51 -49
- package/admin/src/translations/ru.json +51 -19
- package/build/1387.84b454d3.chunk.js +1 -0
- package/build/1657.45231968.chunk.js +168 -0
- package/build/3081.bcf9a12f.chunk.js +108 -0
- package/build/462.8fff7f3b.chunk.js +71 -0
- package/build/4628.20631dd1.chunk.js +1 -0
- package/build/5542.b8240e3f.chunk.js +70 -0
- package/build/5563.905daa13.chunk.js +79 -0
- package/build/6404.68405699.chunk.js +100 -0
- package/build/7259.b7d00cea.chunk.js +1 -0
- package/build/8694.6522968d.chunk.js +247 -0
- package/build/Admin-authenticatedApp.52c88751.chunk.js +79 -0
- package/build/Admin_InternalErrorPage.15c6bf07.chunk.js +1 -0
- package/build/Admin_homePage.f9309c6d.chunk.js +73 -0
- package/build/Admin_marketplace.56bc1008.chunk.js +31 -0
- package/build/Admin_pluginsPage.f6b52ee9.chunk.js +6 -0
- package/build/Admin_profilePage.9112cffc.chunk.js +15 -0
- package/build/Admin_settingsPage.257b3477.chunk.js +79 -0
- package/build/Upload_ConfigureTheView.eaaec495.chunk.js +1 -0
- package/build/admin-app.dfaeea5d.chunk.js +110 -0
- package/build/admin-edit-roles-page.4f1858e9.chunk.js +280 -0
- package/build/admin-edit-users.7e14d85f.chunk.js +10 -0
- package/build/admin-roles-list.329c1f63.chunk.js +31 -0
- package/build/admin-users.d02de059.chunk.js +34 -0
- package/build/api-tokens-create-page.97595e12.chunk.js +1 -0
- package/build/api-tokens-edit-page.cd36e30e.chunk.js +1 -0
- package/build/api-tokens-list-page.6757c7b9.chunk.js +16 -0
- package/build/audit-logs-settings-page.19d90bda.chunk.js +76 -0
- package/build/content-manager.def692c2.chunk.js +1130 -0
- package/build/content-type-builder-list-view.9c2c020c.chunk.js +214 -0
- package/build/content-type-builder-translation-en-json.510e88ca.chunk.js +1 -0
- package/build/content-type-builder.5e1f4afc.chunk.js +126 -0
- package/build/email-settings-page.1095e1ab.chunk.js +10 -0
- package/build/en-json.08303b37.chunk.js +1 -0
- package/build/{highlight.js.26ef649f.chunk.js → highlight.js.28a1547e.chunk.js} +2 -2
- package/build/i18n-settings-page.7d80aae0.chunk.js +60 -0
- package/build/index.html +1 -1
- package/build/main.120be100.js +2280 -0
- package/build/review-workflows-settings.9092ed72.chunk.js +106 -0
- package/build/ru-json.e0662702.chunk.js +1 -0
- package/build/{runtime~main.5a95bee6.js → runtime~main.112b3101.js} +2 -2
- package/build/sso-settings-page.1dd4886e.chunk.js +1 -0
- package/build/transfer-tokens-create-page.ec2ca215.chunk.js +1 -0
- package/build/transfer-tokens-edit-page.22bf28e5.chunk.js +1 -0
- package/build/transfer-tokens-list-page.cf8c77f2.chunk.js +16 -0
- package/build/upload-settings.945fdcfa.chunk.js +13 -0
- package/build/{upload-translation-th-json.3847dae0.chunk.js → upload-translation-th-json.98d35574.chunk.js} +1 -1
- package/build/upload.a86b1054.chunk.js +33 -0
- package/build/users-advanced-settings-page.5b5a9baa.chunk.js +8 -0
- package/build/users-email-settings-page.e5506eb4.chunk.js +23 -0
- package/build/users-providers-settings-page.e32089c2.chunk.js +28 -0
- package/build/users-roles-settings-page.2f85dcec.chunk.js +30 -0
- package/build/webhook-edit-page.213f0075.chunk.js +75 -0
- package/build/webhook-list-page.5beb2a5c.chunk.js +71 -0
- package/{admin/src/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/ReviewWorkflowsStage.js → ee/admin/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/ReviewWorkflowsStageEE.js} +2 -2
- package/ee/admin/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/getTableColumn.js +45 -0
- package/ee/admin/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/index.js +3 -0
- package/ee/admin/content-manager/pages/EditView/InformationBox/InformationBoxEE.js +61 -18
- package/ee/admin/hooks/useLicenseLimitNotification/index.js +1 -1
- package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/hooks/useAuditLogsData.js +6 -3
- package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/index.js +15 -5
- package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/utils/getDisplayedFilters.js +52 -45
- package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/ReviewWorkflows.js +8 -4
- package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/Stage.js +2 -2
- package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/hooks/useReviewWorkflows.js +2 -2
- package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/reducer/index.js +2 -1
- package/ee/server/content-types/workflow/index.js +0 -3
- package/ee/server/content-types/workflow-stage/index.js +0 -5
- package/ee/server/controllers/workflows/stages/index.js +8 -1
- package/ee/server/register.js +3 -1
- package/ee/server/services/audit-logs.js +75 -16
- package/ee/server/services/review-workflows/entity-service-decorator.js +17 -5
- package/ee/server/services/review-workflows/review-workflows.js +27 -91
- package/ee/server/services/review-workflows/stages.js +108 -7
- package/ee/server/utils/persisted-tables.js +114 -22
- package/ee/server/utils/review-workflows.js +9 -0
- package/jest.config.front.js +1 -6
- package/package.json +24 -22
- package/server/controllers/transfer/runner.js +4 -2
- package/server/middlewares/data-transfer.js +4 -1
- package/server/routes/transfer.js +13 -4
- package/server/services/constants.js +4 -0
- package/server/services/transfer/permission.js +1 -1
- package/server/services/transfer/token.js +33 -31
- package/server/validation/transfer/token.js +10 -2
- package/webpack.config.js +6 -2
- package/admin/src/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/index.js +0 -1
- package/admin/src/content-manager/pages/App/LeftMenu/utils/index.js +0 -1
- package/admin/src/content-manager/pages/App/LeftMenu/utils/matchByTitle.js +0 -24
- package/build/2263.4c5916f9.chunk.js +0 -98
- package/build/4049.64715f20.chunk.js +0 -1
- package/build/4649.213b8a3b.chunk.js +0 -30
- package/build/6985.66cca29c.chunk.js +0 -1
- package/build/7259.aefb51e8.chunk.js +0 -1
- package/build/8469.853c822b.chunk.js +0 -1
- package/build/9505.dbe702ab.chunk.js +0 -14
- package/build/9816.01ee964f.chunk.js +0 -2
- package/build/Admin-authenticatedApp.f50ad423.chunk.js +0 -79
- package/build/Admin_InternalErrorPage.4ad8b0df.chunk.js +0 -1
- package/build/Admin_homePage.1411fb7c.chunk.js +0 -68
- package/build/Admin_marketplace.02608d56.chunk.js +0 -22
- package/build/Admin_pluginsPage.15e3b0fd.chunk.js +0 -1
- package/build/Admin_profilePage.76afeca0.chunk.js +0 -15
- package/build/Admin_settingsPage.147755cd.chunk.js +0 -9
- package/build/Upload_ConfigureTheView.34dde278.chunk.js +0 -1
- package/build/admin-app.55dd7921.chunk.js +0 -112
- package/build/admin-edit-roles-page.cf543488.chunk.js +0 -216
- package/build/admin-edit-users.31c20712.chunk.js +0 -10
- package/build/admin-roles-list.489c501f.chunk.js +0 -2
- package/build/admin-users.3e111a7d.chunk.js +0 -11
- package/build/api-tokens-create-page.4328b852.chunk.js +0 -1
- package/build/api-tokens-edit-page.bce5050f.chunk.js +0 -1
- package/build/api-tokens-list-page.93f24348.chunk.js +0 -16
- package/build/audit-logs-settings-page.7be97e82.chunk.js +0 -1
- package/build/content-manager.4480ae88.chunk.js +0 -1137
- package/build/content-type-builder-list-view.cf38fe2f.chunk.js +0 -191
- package/build/content-type-builder-translation-en-json.7961593e.chunk.js +0 -1
- package/build/content-type-builder.af9abf1e.chunk.js +0 -126
- package/build/email-settings-page.4bdbef9a.chunk.js +0 -3
- package/build/en-json.697b4bcf.chunk.js +0 -1
- package/build/i18n-settings-page.2bb5be96.chunk.js +0 -1
- package/build/main.af8c0f31.js +0 -3790
- package/build/review-workflows-settings.7a7dc773.chunk.js +0 -57
- package/build/ru-json.6a01cea6.chunk.js +0 -1
- package/build/sso-settings-page.272b87c8.chunk.js +0 -1
- package/build/transfer-tokens-create-page.a1f14bb1.chunk.js +0 -1
- package/build/transfer-tokens-edit-page.00ee1c74.chunk.js +0 -1
- package/build/transfer-tokens-list-page.ce37354b.chunk.js +0 -16
- package/build/upload-settings.0875e973.chunk.js +0 -1
- package/build/upload.c7da1611.chunk.js +0 -13
- package/build/users-advanced-settings-page.1d3c14c7.chunk.js +0 -1
- package/build/users-email-settings-page.e8db68c4.chunk.js +0 -1
- package/build/users-providers-settings-page.14cac425.chunk.js +0 -1
- package/build/users-roles-settings-page.2ea4de84.chunk.js +0 -30
- package/build/webhook-edit-page.329141a5.chunk.js +0 -23
- package/build/webhook-list-page.029957a4.chunk.js +0 -1
- package/ee/server/migrations/review-workflows.js +0 -39
- package/ee/server/utils/test.js +0 -11
- /package/admin/src/{content-manager/components/InputUID/useDebounce.js → hooks/useDebounce/index.js} +0 -0
|
@@ -1,1137 +0,0 @@
|
|
|
1
|
-
(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[994],{53493:function(rt,Ie,E){"use strict";E.r(Ie),E.d(Ie,{App:function(){return os},default:function(){return mu}});var t=E(32735),xe=E(99357),K=E(5141),y=E(13478),i=E(39161),z=E(5636),we=E(98978),Me=E.n(we),ke=E(72041),ye=E(47510),Re=E(74506),be=E(60216),n=E.n(be),Se=(0,t.createContext)();function Ae({attributes:e,buttonData:o,children:r,goTo:s,layout:a,metadatas:c,moveItem:l,moveRow:d,onAddData:m,relationsLayout:u,removeField:g,selectedItemName:f,setEditFieldToSelect:p,...b}){return t.createElement(Se.Provider,{value:{attributes:e,buttonData:o,goTo:s,layout:a,metadatas:c,moveItem:l,moveRow:d,onAddData:m,relationsLayout:u,removeField:g,selectedItemName:f,setEditFieldToSelect:p,...b}},r)}Ae.defaultProps={attributes:{},buttonData:[],goTo(){},layout:[],metadatas:{},moveItem(){},moveRow(){},onAddData(){},relationsLayout:[],removeField(){},selectedItemName:null,setEditFieldToSelect(){}},Ae.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};var Ne=Ae,je=E(25708),P=E(83292),F=E(57269),He=e=>e.length>20?`${e.substring(0,20)}...`:e;const Be=(0,P.default)(i.Flex)`
|
|
2
|
-
height: ${({theme:e})=>e.spaces[7]};
|
|
3
|
-
|
|
4
|
-
&:last-child {
|
|
5
|
-
padding: 0 ${({theme:e})=>e.spaces[3]};
|
|
6
|
-
}
|
|
7
|
-
`,at=(0,P.default)(Be)`
|
|
8
|
-
padding: 0 ${({theme:e})=>e.spaces[3]};
|
|
9
|
-
border-right: 1px solid ${({theme:e})=>e.colors.neutral150};
|
|
10
|
-
cursor: all-scroll;
|
|
11
|
-
|
|
12
|
-
svg {
|
|
13
|
-
width: ${12/16}rem;
|
|
14
|
-
height: ${12/16}rem;
|
|
15
|
-
}
|
|
16
|
-
`,Ve=(0,P.default)(i.Flex)`
|
|
17
|
-
display: inline-flex;
|
|
18
|
-
max-height: ${32/16}rem;
|
|
19
|
-
opacity: ${({transparent:e})=>e?0:1};
|
|
20
|
-
background-color: ${({theme:e,isSibling:o})=>o?e.colors.neutral100:e.colors.primary100};
|
|
21
|
-
border: 1px solid
|
|
22
|
-
${({theme:e,isSibling:o})=>o?e.colors.neutral150:e.colors.primary200};
|
|
23
|
-
|
|
24
|
-
svg {
|
|
25
|
-
width: ${10/16}rem;
|
|
26
|
-
height: ${10/16}rem;
|
|
27
|
-
|
|
28
|
-
path {
|
|
29
|
-
fill: ${({theme:e,isSibling:o})=>o?void 0:e.colors.primary600};
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
${i.Typography} {
|
|
34
|
-
color: ${({theme:e,isSibling:o})=>o?void 0:e.colors.primary600};
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
${at} {
|
|
38
|
-
border-right: 1px solid
|
|
39
|
-
${({theme:e,isSibling:o})=>o?e.colors.neutral150:e.colors.primary200};
|
|
40
|
-
}
|
|
41
|
-
`,Pe=({labelField:e,transparent:o,isSibling:r})=>{const s=He(e);return t.createElement(Ve,{hasRadius:!0,justifyContent:"space-between",transparent:o,isSibling:r},t.createElement(i.Flex,{gap:3},t.createElement(at,{alignItems:"center"},t.createElement(F.Drag,null)),t.createElement(i.Typography,{fontWeight:"bold"},s)),t.createElement(i.Flex,{paddingLeft:3},t.createElement(Be,{alignItems:"center"},t.createElement(F.Pencil,null)),t.createElement(Be,{alignItems:"center"},t.createElement(F.Cross,null))))};Pe.defaultProps={isSibling:!1,transparent:!1},Pe.propTypes={isSibling:n().bool,labelField:n().string.isRequired,transparent:n().bool};var Ze=Pe;const it=(0,P.default)(i.Box)`
|
|
42
|
-
border: 1px solid ${({theme:e})=>e.colors.neutral200};
|
|
43
|
-
`,ht=(0,P.default)(i.Box)`
|
|
44
|
-
height: ${32/16}rem;
|
|
45
|
-
width: ${32/16}rem;
|
|
46
|
-
border-radius: 50%;
|
|
47
|
-
display: flex;
|
|
48
|
-
align-items: center;
|
|
49
|
-
justify-content: center;
|
|
50
|
-
|
|
51
|
-
svg {
|
|
52
|
-
height: ${6/16}rem;
|
|
53
|
-
width: ${11/16}rem;
|
|
54
|
-
> path {
|
|
55
|
-
fill: ${({theme:e})=>e.colors.neutral600};
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
`,Dt=P.default.button`
|
|
59
|
-
border: none;
|
|
60
|
-
background: transparent;
|
|
61
|
-
display: block;
|
|
62
|
-
width: 100%;
|
|
63
|
-
text-align: unset;
|
|
64
|
-
padding: 0;
|
|
65
|
-
`,yt=({displayedValue:e})=>t.createElement(it,{paddingLeft:3,paddingRight:3,paddingTop:3,paddingBottom:3,hasRadius:!0,background:"neutral0",width:(0,y.pxToRem)(300)},t.createElement(i.Flex,{justifyContent:"space-between"},t.createElement(Dt,{type:"button"},t.createElement(i.Flex,null,t.createElement(ht,{background:"neutral200"},t.createElement(F.CarretDown,null)),t.createElement(i.Flex,{gap:2,paddingLeft:6,maxWidth:(0,y.pxToRem)(150)},t.createElement(i.Typography,{textColor:"neutral700",ellipsis:!0},e)))),t.createElement(i.Box,{paddingLeft:3},t.createElement(i.Flex,null,t.createElement(i.IconButton,{noBorder:!0},t.createElement(F.Trash,null)),t.createElement(i.Box,{paddingLeft:2},t.createElement(i.IconButton,{noBorder:!0},t.createElement(F.Drag,null)))))));yt.propTypes={displayedValue:n().string.isRequired};var bt=yt,h=E(95952);const Ge={DRAFT:"draft",PUBLISHED:"published"},lt=5,ct=10;var dt=E(51968);const It=(e,o,{onCancel:r,onDropItem:s,onGrabItem:a,onMoveItem:c})=>{const[l,d]=(0,t.useState)(!1),m=p=>{l&&(p==="UP"?c(o-1,o):p==="DOWN"&&c(o+1,o))},u=()=>{l?(s&&s(o),d(!1)):(a&&a(o),d(!0))},g=()=>{l&&(d(!1),r&&r(o))};return p=>{if(e&&!(p.key==="Tab"&&!l))switch(p.preventDefault(),p.key){case" ":case"Enter":u();break;case"Escape":g();break;case"ArrowDown":case"ArrowRight":m("DOWN");break;case"ArrowUp":case"ArrowLeft":m("UP");break;default:}}},te=(e,{type:o="STRAPI_DND",index:r,item:s={},onStart:a,onEnd:c,onGrabItem:l,onDropItem:d,onCancel:m,onMoveItem:u,dropSensitivity:g="regular"})=>{const f=(0,t.useRef)(null),[{handlerId:p},b]=(0,Re.useDrop)({accept:o,collect(v){return{handlerId:v.getHandlerId()}},hover(v,S){if(!f.current)return;const A=v.index,D=r;if(A!==D){if(g==="regular"){const I=f.current.getBoundingClientRect(),O=(I.bottom-I.top)/2,U=S.getClientOffset().y-I.top;if(A<D&&U<O||A>D&&U>O)return}u(D,A),v.index=D}}}),[{isDragging:C},T,k]=(0,Re.useDrag)({type:o,item(){a&&a();const{width:v}=f.current?.getBoundingClientRect()??{};return{index:r,width:v,...s}},end(){c&&c()},canDrag:e,isDragging:s.id?v=>s.id===v.getItem().id:void 0,collect:v=>({isDragging:v.isDragging()})}),R=It(e,r,{onGrabItem:l,onDropItem:d,onCancel:m,onMoveItem:u});return[{handlerId:p,isDragging:C,handleKeyDown:R},f,b,T,k]},se=50,ie=4,me=(0,P.default)(i.Flex)`
|
|
66
|
-
width: 100%;
|
|
67
|
-
/* Used to prevent endAction to be pushed out of container */
|
|
68
|
-
min-width: 0;
|
|
69
|
-
|
|
70
|
-
& > div[role='button'] {
|
|
71
|
-
cursor: all-scroll;
|
|
72
|
-
}
|
|
73
|
-
`,Fe=(0,P.default)(i.Flex)`
|
|
74
|
-
width: 100%;
|
|
75
|
-
/* Used to prevent endAction to be pushed out of container */
|
|
76
|
-
min-width: 0;
|
|
77
|
-
`,Le=({ariaDescribedBy:e,children:o,displayValue:r,canDrag:s,disabled:a,endAction:c,iconButtonAriaLabel:l,style:d,id:m,index:u,name:g,onCancel:f,onDropItem:p,onGrabItem:b,status:C,updatePositionOfRelation:T,...k})=>{const[{handlerId:R,isDragging:v,handleKeyDown:S},A,D,I,O]=te(s&&!a,{type:`${h._Q.RELATION}_${g}`,index:u,item:{displayedValue:r,status:C,id:m},onGrabItem:b,onDropItem:p,onCancel:f,onMoveItem:T,dropSensitivity:"immediate"}),q=(0,h.FE)(A,I);return(0,t.useEffect)(()=>{O((0,dt.rX)())},[O]),t.createElement(i.Box,{style:d,as:"li",ref:D,"aria-describedby":e,cursor:s?"all-scroll":"default"},v?t.createElement(Ee,null):t.createElement(i.Flex,{paddingTop:2,paddingBottom:2,paddingLeft:s?2:4,paddingRight:4,hasRadius:!0,borderSize:1,borderColor:"neutral200",background:a?"neutral150":"neutral0",justifyContent:"space-between",ref:s?q:void 0,"data-handler-id":R,...k},t.createElement(me,{gap:1},s?t.createElement(i.IconButton,{forwardedAs:"div",role:"button",tabIndex:0,"aria-label":l,noBorder:!0,onKeyDown:S,disabled:a},t.createElement(F.Drag,null)):null,t.createElement(Fe,{justifyContent:"space-between"},o)),c&&t.createElement(i.Box,{paddingLeft:4},c)))},Ee=()=>t.createElement(i.Box,{paddingTop:2,paddingBottom:2,paddingLeft:4,paddingRight:4,hasRadius:!0,borderStyle:"dashed",borderColor:"primary600",borderWidth:"1px",background:"primary100",height:`calc(100% - ${ie}px)`});Le.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},Le.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};var ge=E(54450);const Ce=({children:e,loadMore:o,search:r,totalNumberOfRelations:s,size:a,...c})=>t.createElement(t.Fragment,null,t.createElement(i.Flex,{paddingBottom:s>0?3:0,gap:2,justifyContent:"space-between",alignItems:"end",wrap:"wrap"},t.createElement(i.Flex,{direction:"column",alignItems:"stretch",basis:a<=6?"100%":"70%",gap:1,...c},r),o),e);Ce.defaultProps={search:void 0,loadMore:void 0,totalNumberOfRelations:0},Ce.propTypes={children:n().node.isRequired,search:n().node,loadMore:n().node,size:n().number.isRequired,totalNumberOfRelations:n().number};const ve=(0,P.default)(i.Box)`
|
|
78
|
-
position: relative;
|
|
79
|
-
overflow-x: hidden;
|
|
80
|
-
overflow-y: auto;
|
|
81
|
-
|
|
82
|
-
&:before,
|
|
83
|
-
&:after {
|
|
84
|
-
position: absolute;
|
|
85
|
-
width: 100%;
|
|
86
|
-
height: 4px;
|
|
87
|
-
z-index: 1;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
&:before {
|
|
91
|
-
/* TODO: as for DS Table component we would need this to be handled by the DS theme */
|
|
92
|
-
content: '';
|
|
93
|
-
background: linear-gradient(rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
|
|
94
|
-
top: 0;
|
|
95
|
-
opacity: ${({overflowDirection:e})=>e==="top-bottom"||e==="top"?1:0};
|
|
96
|
-
transition: opacity 0.2s ease-in-out;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
&:after {
|
|
100
|
-
/* TODO: as for DS Table component we would need this to be handled by the DS theme */
|
|
101
|
-
content: '';
|
|
102
|
-
background: linear-gradient(0deg, rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
|
|
103
|
-
bottom: 0;
|
|
104
|
-
opacity: ${({overflowDirection:e})=>e==="top-bottom"||e==="bottom"?1:0};
|
|
105
|
-
transition: opacity 0.2s ease-in-out;
|
|
106
|
-
}
|
|
107
|
-
`,Qe=({children:e,overflow:o,...r})=>t.createElement(ve,{overflowDirection:o,...r},e);Qe.defaultProps={overflow:""},Qe.propTypes={children:n().node.isRequired,overflow:n().oneOf(["top-bottom","bottom","top",""])};var kt=E(65384);const Ke=P.default.div`
|
|
108
|
-
flex-shrink: 0;
|
|
109
|
-
width: ${(0,y.pxToRem)(6)};
|
|
110
|
-
height: ${(0,y.pxToRem)(6)};
|
|
111
|
-
margin-right: ${({theme:e})=>e.spaces[2]};
|
|
112
|
-
background-color: ${({theme:e,isDraft:o})=>e.colors[o?"secondary600":"success600"]};
|
|
113
|
-
border-radius: 50%;
|
|
114
|
-
`,ut=e=>{const{formatMessage:o}=(0,z.useIntl)(),r=kt.components.Option,{publicationState:s,mainField:a,id:c}=e.data;if(s){const l=s==="draft",d={id:(0,h.OB)("components.Select.draft-info-title"),defaultMessage:"State: Draft"},m={id:(0,h.OB)("components.Select.publish-info-title"),defaultMessage:"State: Published"},u=o(l?d:m);return t.createElement(r,{...e},t.createElement(i.Flex,null,t.createElement(Ke,{title:u,isDraft:l}),t.createElement(i.Typography,{ellipsis:!0},a??c)))}return t.createElement(r,{...e},a??c)};ut.propTypes={isFocused:n().bool.isRequired,data:n().shape({id:n().number.isRequired,isDraft:n().bool,mainField:n().string,publicationState:n().oneOfType([n().string,n().bool])}).isRequired};var de=E(4409),mo=e=>e["content-manager_editViewLayoutManager"].currentLayout,Xe=()=>{const e=(0,de.useSelector)(mo),o=(0,t.useCallback)(r=>e?.components?.[r]??{},[e]);return{...e,getComponentLayout:o}},$e=E(84306),rs=E(99381),_e=E.n(rs),ss=E(33795),x=E.n(ss),as=E(3040),X=E.n(as);const po=(e,o)=>o.find(r=>r.uid===e),is=(e,o)=>{const r=ls(e,o),s=go(r.contentType,o),a=cs(r.contentType,r.components);return X()(r,["contentType","layouts","edit"],s),X()(r,["contentType","layouts","list"],a),Object.keys(r.components).forEach(c=>{const l=go(r.components[c],o);X()(r,["components",c,"layouts","edit"],l)}),r},ls=(e,o)=>{const r=(0,h.w8)(_e()(e),o,"contentType"),{components:s,contentType:a}=r,c=l=>Object.keys(l.metadatas).reduce((d,m)=>{const u=x()(l,["attributes",m],{});let g=l.metadatas[m];if(u.type==="relation"){const f=po(u.targetModel,o),p=g.edit.mainField,b={name:p,schema:x()(f,["attributes",p])};g={list:{...g.list,mainField:b},edit:{...g.edit,mainField:b}}}return d[m]=g,d},{});return X()(r,["contentType","metadatas"],c(a)),Object.keys(s).forEach(l=>{const d=s[l],m=c(d);X()(r,["components",l,"metadatas"],m)}),r},go=(e,o)=>e.layouts.edit.reduce((r,s)=>{const a=s.map(c=>{const l=x()(e,["attributes",c.name],{}),d={...c,fieldSchema:l,metadatas:x()(e,["metadatas",c.name,"edit"],{})};if(l.type==="relation"){const u=po(l.targetModel,o).pluginOptions||{};X()(d,"targetModelPluginOptions",u),X()(d,"queryInfos",{shouldDisplayRelationLink:ds(e,c.name,o)})}return d});return r.push(a),r},[]),cs=(e,o)=>e.layouts.list.reduce((s,a)=>{const c=x()(e,["attributes",a],{}),l=x()(e,["metadatas",a,"list"],{}),d=c.type;if(d==="relation")return s.push({key:`__${a}_key__`,name:a,fieldSchema:c,metadatas:l}),s;if(d==="component"){const m=o[c.component],u=m.settings.mainField,g=m.attributes[u];return s.push({key:`__${a}_key__`,name:a,fieldSchema:c,metadatas:{...l,mainField:{...g,name:u}}}),s}return s.push({key:`__${a}_key__`,name:a,fieldSchema:c,metadatas:l}),s},[]),ds=(e,o,r)=>{const s=x()(e,["attributes",o,"targetModel"],"");return us(r).includes(s)},us=e=>e.filter(o=>o.isDisplayed).map(({uid:o})=>o);var fo=is,Nt=E(97889);const ms={error:null,isLoading:!0,layout:{},layouts:{}};var ps=(e,o)=>(0,Nt.default)(e,r=>{switch(o.type){case"GET_DATA":{r.isLoading=!0,r.error=null,r.layout={};break}case"GET_DATA_SUCCEEDED":{const s=o.data.contentType.uid;r.layout=o.data,r.layouts[s]=o.data,r.isLoading=!1;break}case"GET_DATA_ERROR":{r.isLoading=!1,r.error=o.error;break}case"SET_LAYOUT_FROM_STATE":{r.error=null,r.layout=e.layouts[o.uid];break}case"UPDATE_LAYOUT":{const s=e.layout;r.layout={...s,contentType:{uid:s.contentType.uid,...o.newLayout.contentType}},r.layouts[s.contentType.uid]={...s,contentType:{uid:s.contentType.uid,...o.newLayout.contentType}};break}default:return r}}),xt=E(98178),gs=E(34947);const Ft=()=>e=>e["content-manager_app"]||gs.E,Du=()=>createSelector(Ft(),e=>e),Iu=()=>createSelector(Ft(),e=>e.models),fs=()=>(0,xt.P1)(Ft(),e=>({collectionTypeLinks:e.collectionTypeLinks,singleTypeLinks:e.singleTypeLinks})),Kt=()=>(0,xt.P1)(Ft(),({components:e,models:o})=>({schemas:[...e,...o]}));var ku=null,ho=e=>{const[{error:o,isLoading:r,layout:s,layouts:a},c]=(0,t.useReducer)(ps,ms),l=(0,t.useMemo)(Kt,[]),{schemas:d}=(0,de.useSelector)(p=>l(p),de.shallowEqual),m=(0,t.useRef)(!0),{get:u}=(0,y.useFetchClient)(),g=(0,t.useCallback)(async(p,b)=>{if(a[p]){c({type:"SET_LAYOUT_FROM_STATE",uid:p});return}c({type:"GET_DATA"});try{const C=(0,h.IF)(`content-types/${p}/configuration`),{data:{data:T}}=await u(C,{cancelToken:b.token});c({type:"GET_DATA_SUCCEEDED",data:fo(T,d)})}catch(C){if($e.Z.isCancel(C))return;m.current&&console.error(C),m.current&&c({type:"GET_DATA_ERROR",error:C})}},[a,d,u]);(0,t.useEffect)(()=>()=>{m.current=!1},[]),(0,t.useEffect)(()=>{const b=$e.Z.CancelToken.source();return g(e,b),()=>{b.cancel("Operation canceled by the user.")}},[e,g]);const f=(0,t.useCallback)(p=>{c({type:"UPDATE_LAYOUT",newLayout:fo(p,d)})},[d]);return{error:o,isLoading:r,layout:s,updateLayout:f}},hs=e=>e["content-manager_app"].collectionTypeLinks,Ye=E(33348),ys=E(85973),yo=E.n(ys);const bo=(e,o)=>Object.keys(e).reduce((r,s)=>{const a=e[s],c=x()(o,[s],a);return yo()(a)?{...r,[s]:bo(a,c)}:(r[s]=c,r)},{});var bs=(e,o,r)=>{const s=e.find(({to:g})=>g.includes(o));if(!s)return"/";const{to:a,search:c}=s,l=(0,Ye.parse)(c),d=(0,Ye.parse)(r.substring(1)),m=bo(l,d);return`${a}?${(0,Ye.stringify)(m,{encode:!1})}`},Eo=e=>{const[{rawQuery:o}]=(0,y.useQueryParams)(),r=(0,de.useSelector)(hs);return bs(r,e,o)},mt=()=>(0,t.useContext)(Se),Co=()=>{const{search:e}=(0,K.useLocation)(),o=e?(0,Ye.parse)(e.substring(1)):{};return o.plugins?(0,Ye.stringify)({plugins:o.plugins},{encode:!1}):""},Ro=E(89334);const Es=(e,o,r)=>({type:Ro.m,permissions:e,__meta__:{plugins:o,containerName:r}}),Cs=()=>({type:Ro.Q}),Rs=e=>e["content-manager_rbacManager"].permissions,vs=e=>e.rbacProvider.collectionTypesRelatedPermissions;var vo=(e,o,r="listView")=>{const s=(0,de.useSelector)(vs),a=(0,de.useSelector)(Rs),c=(0,de.useDispatch)(),l=s[o];return(0,t.useEffect)(()=>l?(c(Es(l,e?e.plugins:null,r)),()=>{c(Cs())}):()=>{},[l,c,e,r]),a};const Bu=(0,t.createContext)();var Pu=null;const $u=()=>useContext(WysiwygContext);var qu=null;const To=e=>{const o=(0,t.useRef)();return(0,t.useEffect)(()=>{o.current=e},[e]),o.current},Mo=(0,P.default)(i.Link)`
|
|
115
|
-
display: block;
|
|
116
|
-
|
|
117
|
-
> span {
|
|
118
|
-
white-space: nowrap;
|
|
119
|
-
overflow: hidden;
|
|
120
|
-
text-overflow: ellipsis;
|
|
121
|
-
display: block;
|
|
122
|
-
}
|
|
123
|
-
`,Do=P.default.button`
|
|
124
|
-
svg path {
|
|
125
|
-
fill: ${({theme:e,disabled:o})=>o?e.colors.neutral600:e.colors.neutral500};
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
&:hover svg path,
|
|
129
|
-
&:focus svg path {
|
|
130
|
-
fill: ${({theme:e,disabled:o})=>!o&&e.colors.neutral600};
|
|
131
|
-
}
|
|
132
|
-
`,Yt=({canReorder:e,description:o,disabled:r,error:s,iconButtonAriaLabel:a,id:c,name:l,numberOfRelationsToDisplay:d,label:m,labelAction:u,labelLoadMore:g,labelDisconnectRelation:f,listAriaDescription:p,liveText:b,loadingMessage:C,onCancel:T,onDropItem:k,onGrabItem:R,noRelationsMessage:v,onRelationConnect:S,onRelationLoadMore:A,onRelationDisconnect:D,onRelationReorder:I,onSearchNextPage:O,onSearch:q,placeholder:U,publicationStateTranslations:N,required:G,relations:$,searchResults:_,size:H})=>{const[Y,V]=(0,t.useState)(null),[ee,M]=(0,t.useState)(""),L=(0,t.useRef)(),Q=(0,t.useRef)(),{data:W}=_,B=$.data,j=B.length??0,Z=(0,t.useMemo)(()=>j>d?Math.min(j,d)*(se+ie)+se/2:Math.min(j,d)*(se+ie),[j,d]),ae=!!g&&$.hasNextPage,w=(0,t.useMemo)(()=>W.flat().filter(Boolean).map(ne=>({...ne,value:ne.id,label:ne.mainField})),[W]);(0,t.useEffect)(()=>{if(j<=d)return M("");const ne=ze=>{const co=ze.target.parentNode.scrollHeight,ot=ze.target.scrollHeight-ze.target.scrollTop;return ze.target.scrollTop===0?M("bottom"):M(ot===co?"top":"top-bottom")},he=Q?.current;return!$.isLoading&&B.length>0&&he&&Q.current.addEventListener("scroll",ne),()=>{he&&he.removeEventListener("scroll",ne)}},[$,B,d,j]);const[re,pe]=(0,t.useState)(!1),Te=(0,t.useRef)(),Mt=(0,t.useRef)([]);(0,t.useEffect)(()=>(w.length>0&&Mt.current.length===0&&pe(ne=>(ne&&(Te.current=setTimeout(()=>{pe(!0)},10)),!1)),()=>{Mt.current=w||[]}),[w]),(0,t.useEffect)(()=>()=>{Te.current&&clearTimeout(Te.current)},[]);const Bt=()=>{pe(!1)},Pt=()=>{pe(!0),q()},$t=(ne,he)=>{I&&ne>=0&&ne<B.length&&I(he,ne)},qe=To(B.length),We=(0,t.useRef)(),qt=()=>{We.current="loadMore",A()};(0,t.useEffect)(()=>{We.current==="onChange"&&B.length!==qe?L.current.scrollToItem(B.length,"end"):We.current==="loadMore"&&B.length!==qe&&L.current.scrollToItem(0,"start"),We.current=void 0},[qe,B]);const nt=`${l}-item-instructions`;return t.createElement(i.Field,{error:s,name:l,hint:o,id:c,required:G},t.createElement(Ce,{totalNumberOfRelations:j,size:H,search:t.createElement(t.Fragment,null,t.createElement(i.FieldLabel,{action:u},m),t.createElement(y.ReactSelect,{menuPosition:"absolute",menuPlacement:"auto",components:{Option:ut},options:w,isDisabled:r,isLoading:_.isLoading,error:s,inputId:c,isSearchable:!0,isClear:!0,loadingMessage:()=>C,onChange:ne=>{V(null),S(ne),We.current="onChange"},onInputChange:ne=>{V(ne),q(ne)},onMenuClose:Bt,onMenuOpen:Pt,menuIsOpen:re,noOptionsMessage:()=>v,onMenuScrollToBottom:()=>{_.hasNextPage&&O()},placeholder:U,name:l,value:Y})),loadMore:ae&&t.createElement(i.TextButton,{disabled:$.isLoading||$.isFetchingNextPage,onClick:qt,loading:$.isLoading||$.isFetchingNextPage,startIcon:t.createElement(F.Refresh,null)},g)},B.length>0&&t.createElement(Qe,{overflow:ee},t.createElement(i.VisuallyHidden,{id:nt},p),t.createElement(i.VisuallyHidden,{"aria-live":"assertive"},b),t.createElement(ge.t7,{height:Z,ref:L,outerRef:Q,itemCount:j,itemSize:se+ie,itemData:{name:l,ariaDescribedBy:nt,canDrag:e,disabled:r,handleCancel:T,handleDropItem:k,handleGrabItem:R,iconButtonAriaLabel:a,labelDisconnectRelation:f,onRelationDisconnect:D,publicationStateTranslations:N,relations:B,updatePositionOfRelation:$t},itemKey:ne=>`${B[ne].mainField}_${B[ne].id}`,innerElementType:"ol"},Xt)),(o||s)&&t.createElement(i.Box,{paddingTop:2},t.createElement(i.FieldHint,null),t.createElement(i.FieldError,null))))},Ts=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}),Ms=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});Yt.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:[]}},Yt.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:Ms,size:n().number.isRequired,relations:Ts};const Xt=({data:e,index:o,style:r})=>{const{ariaDescribedBy:s,canDrag:a,disabled:c,handleCancel:l,handleDropItem:d,handleGrabItem:m,iconButtonAriaLabel:u,name:g,labelDisconnectRelation:f,onRelationDisconnect:p,publicationStateTranslations:b,relations:C,updatePositionOfRelation:T}=e,{publicationState:k,href:R,mainField:v,id:S}=C[o],A=k==="draft"?"secondary":"success";return t.createElement(Le,{ariaDescribedBy:s,canDrag:a,disabled:c,displayValue:String(v??S),iconButtonAriaLabel:u,id:S,index:o,name:g,endAction:t.createElement(Do,{"data-testid":`remove-relation-${S}`,disabled:c,type:"button",onClick:()=>p(C[o]),"aria-label":f},t.createElement(i.Icon,{width:"12px",as:F.Cross})),onCancel:l,onDropItem:d,onGrabItem:m,status:k||void 0,style:{...r,bottom:r.bottom??0+ie,height:r.height??0-ie},updatePositionOfRelation:T},t.createElement(i.Box,{minWidth:0,paddingTop:1,paddingBottom:1,paddingRight:4},t.createElement(i.Tooltip,{description:v??`${S}`},R?t.createElement(Mo,{to:R},v??S):t.createElement(i.Typography,{textColor:c?"neutral600":"primary600",ellipsis:!0},v??S))),k&&t.createElement(i.Status,{variant:A,showBullet:!1,size:"S"},t.createElement(i.Typography,{fontWeight:"bold",textColor:`${A}700`},b[k])))};Xt.defaultProps={data:{}},Xt.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 Ds=Yt;const Io=({status:e,displayedValue:o,width:r})=>{const{formatMessage:s}=(0,z.useIntl)(),a={[Ge.DRAFT]:s({id:(0,h.OB)("relation.publicationState.draft"),defaultMessage:"Draft"}),[Ge.PUBLISHED]:s({id:(0,h.OB)("relation.publicationState.published"),defaultMessage:"Published"})},c=e===Ge.DRAFT?"secondary":"success";return t.createElement(i.Box,{style:{width:r}},t.createElement(i.Flex,{paddingTop:2,paddingBottom:2,paddingLeft:2,paddingRight:4,hasRadius:!0,borderSize:1,background:"neutral0",borderColor:"neutral200",justifyContent:"space-between"},t.createElement(me,{gap:1},t.createElement(i.IconButton,{noBorder:!0},t.createElement(F.Drag,null)),t.createElement(Fe,{maxWidth:"100%",justifyContent:"space-between"},t.createElement(i.Box,{minWidth:0,paddingTop:1,paddingBottom:1,paddingRight:4},t.createElement(Mo,null,t.createElement(i.Typography,{textColor:"primary600",ellipsis:!0},o))),e&&t.createElement(i.Status,{variant:c,showBullet:!1,size:"S"},t.createElement(i.Typography,{fontWeight:"bold",textColor:`${c}700`},a[e])))),t.createElement(i.Box,{paddingLeft:4},t.createElement(Do,{type:"button"},t.createElement(i.Icon,{width:"12px",as:F.Cross})))))};Io.propTypes={status:n().string.isRequired,displayedValue:n().string.isRequired,width:n().number.isRequired};const Is={position:"fixed",pointerEvents:"none",zIndex:100,left:0,top:0,width:"100%",height:"100%"};function ks(e,o,r){if(!e||!o)return{display:"none"};const{x:s,y:a}=r,c=`translate(${s}px, ${a}px)`;return{transform:c,WebkitTransform:c}}var xs=()=>{const{itemType:e,isDragging:o,item:r,initialOffset:s,currentOffset:a,mouseOffset:c}=(0,Re.useDragLayer)(d=>({item:d.getItem(),itemType:d.getItemType(),initialOffset:d.getInitialSourceClientOffset(),currentOffset:d.getSourceClientOffset(),isDragging:d.isDragging(),mouseOffset:d.getClientOffset()}));if(!o)return null;const[l]=e.split("_");return t.createElement(Ne,null,t.createElement("div",{style:Is},t.createElement("div",{style:ks(s,a,c),className:"col-md-2"},[je.Z.EDIT_FIELD,je.Z.FIELD].includes(e)&&t.createElement(Ze,{labelField:r.labelField}),l===je.Z.COMPONENT&&t.createElement(bt,{displayedValue:r.displayedValue}),l===je.Z.DYNAMIC_ZONE&&t.createElement(bt,{displayedValue:r.displayedValue}),l===je.Z.RELATION&&t.createElement(Io,{displayedValue:r.displayedValue,status:r.status,width:r.width}))))},ko=(0,t.createContext)(),Fs=E(47533),xo=(0,t.createContext)(),jt=E(70836),Fo=E(4460);const ws=()=>({type:Fo.c}),Ls=(e,o)=>({type:Fo.O,layout:e,query:o});var Os=E(8266),Je=E.n(Os),Ss=E(66694),As=()=>(0,t.useContext)(Ss.ux),wo=e=>{const{getAdminInjectedComponents:o}=As(),[r,s,a]=e.split(".");return o(r,s,a)};const Lo=({area:e,...o})=>wo(e).map(s=>t.createElement(s.Component,{key:s.name,...o}));Lo.propTypes={area:n().string.isRequired};var Vt=Lo;function Bs(e,o){return r=>{const s=o(r.name);return t.createElement(e,{...r,...s})}}var Ps=Bs;function $s(e){const{addComponentToDynamicZone:o,createActionAllowedFields:r,isCreatingEntry:s,formErrors:a,modifiedData:c,moveComponentField:l,removeComponentFromDynamicZone:d,readActionAllowedFields:m,updateActionAllowedFields:u}=(0,y.useCMEditViewDataManager)(),g=(0,t.useMemo)(()=>x()(c,[e],[]).map(b=>({componentUid:b.__component,id:b.id??b.__temp_key__})),[c,e]),f=(0,t.useMemo)(()=>(s?r:u).includes(e),[e,s,r,u]),p=(0,t.useMemo)(()=>(s?[]:m).includes(e),[e,s,m]);return{addComponentToDynamicZone:o,formErrors:a,isCreatingEntry:s,isFieldAllowed:f,isFieldReadable:p,moveComponentField:l,removeComponentFromDynamicZone:d,dynamicDisplayedComponents:g}}var qs=$s,Ns=E(61868),js=E.n(Ns);function Vs(e,o){return r=>{const s=o(r);return t.createElement(e,{...r,...s})}}var Ws=Vs,zs=E(88708),wt=E.n(zs);function Us({isFromDynamicZone:e,name:o}){const{addNonRepeatableComponentToField:r,createActionAllowedFields:s,isCreatingEntry:a,modifiedData:c,removeComponentFromField:l,readActionAllowedFields:d,updateActionAllowedFields:m,formErrors:u}=(0,y.useCMEditViewDataManager)(),{contentType:g}=Xe(),f=(0,t.useMemo)(()=>{const v=x()(g,["attributes"],{});return Object.keys(v).filter(A=>x()(v,[A,"type"],"")==="dynamiczone")},[g]),p=(0,t.useMemo)(()=>a?s:m,[a,s,m]),b=x()(c,o,null),C=(0,t.useMemo)(()=>(0,h.Ts)(o),[o]),T=(0,t.useMemo)(()=>e&&a||p.filter(A=>A===C[0]).length>0?!0:p.map(A=>A.split(".")).filter(A=>A.length<C.length?!1:wt()(A,C.length).join(".")===C.join(".")).length>0,[e,a,p,C]),k=(0,t.useMemo)(()=>e||f.includes(C[0])?!0:(a?[]:d).map(A=>A.split(".")).filter(A=>A.length<C.length?!1:wt()(A,C.length).join(".")===C.join(".")).length>0,[e,f,C,a,d]),R=(0,t.useMemo)(()=>a||T?!1:k,[T,k,a]);return{addNonRepeatableComponentToField:r,formErrors:u,hasChildrenAllowedFields:T,hasChildrenReadableFields:k,isCreatingEntry:a,isReadOnly:R,removeComponentFromField:l,componentValue:b}}var Hs=Us;const Zs=(0,P.default)(i.Box)`
|
|
133
|
-
svg path {
|
|
134
|
-
fill: ${({theme:e})=>e.colors.neutral500};
|
|
135
|
-
}
|
|
136
|
-
`,Jt=({intlLabel:e,id:o,labelAction:r,name:s,numberOfEntries:a,showNumberOfEntries:c,required:l})=>{const{formatMessage:d}=(0,z.useIntl)(),m=e?.id?d(e):s;return t.createElement(i.Box,{paddingBottom:1},t.createElement(i.Flex,null,t.createElement(i.Typography,{textColor:"neutral800",htmlFor:o||s,variant:"pi",fontWeight:"bold",as:"label"},m,c&&t.createElement(t.Fragment,null,"\xA0(",a,")"),l&&t.createElement(i.Typography,{textColor:"danger600"},"*")),r&&t.createElement(Zs,{paddingLeft:1},r)))};Jt.defaultProps={id:void 0,labelAction:void 0,numberOfEntries:0,required:!1,showNumberOfEntries:!1},Jt.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 Gs=Jt;const _s=P.default.span`
|
|
137
|
-
> svg {
|
|
138
|
-
width: ${(0,y.pxToRem)(24)};
|
|
139
|
-
height: ${(0,y.pxToRem)(24)};
|
|
140
|
-
> circle {
|
|
141
|
-
fill: ${({theme:e})=>e.colors.primary200};
|
|
142
|
-
}
|
|
143
|
-
> path {
|
|
144
|
-
fill: ${({theme:e})=>e.colors.primary600};
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
`,en=({error:e,isReadOnly:o,onClick:r})=>{const{formatMessage:s}=(0,z.useIntl)();return t.createElement(t.Fragment,null,t.createElement(i.Box,{as:"button",background:"neutral100",borderColor:e?"danger600":"neutral200",disabled:o,hasRadius:!0,onClick:r,paddingTop:9,paddingBottom:9,type:"button"},t.createElement(i.Flex,{direction:"column",gap:2},t.createElement(i.Flex,{justifyContent:"center",style:{cursor:o?"not-allowed":"inherit"}},t.createElement(_s,null,t.createElement(F.PlusCircle,null))),t.createElement(i.Flex,{justifyContent:"center"},t.createElement(i.Typography,{textColor:"primary600",variant:"pi",fontWeight:"bold"},s({id:(0,h.OB)("components.empty-repeatable"),defaultMessage:"No entry yet. Click on the button below to add one."}))))),e?.id&&t.createElement(i.Typography,{textColor:"danger600",variant:"pi"},s(e,{...e.values})))};en.defaultProps={error:void 0,isReadOnly:!1},en.propTypes={error:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),isReadOnly:n().bool,onClick:n().func.isRequired};var Oo=en,Qs=E(9086),Ks=E.n(Qs),Ys=E(87702),tn=E.n(Ys),Uu=E(27217),Xs=E(88591),Js=E.n(Xs),nn=E(59845),ea=E(20871),ta=E.n(ea),na=E(48375),So=E.n(na),oa=E(31089),ra=E.n(oa),sa=E(16043),aa=E.n(sa),ia=E(5109),la=E.n(ia),ca=E(47955),da=E.n(ca),ua=E(95706),ma=E.n(ua),pa=E(6658),ga=E.n(pa),fa=E(36407),ha=E.n(fa);(async()=>{await E.e(7347).then(E.bind(E,98362))})();const Et=new(Js())({html:!0,xhtmlOut:!1,breaks:!0,langPrefix:"language-",linkify:!0,typographer:!0,highlight(e,o){if(o&&o!=="auto"&&(0,nn.getLanguage)(o))return'<pre class="hljs language-'+Et.utils.escapeHtml(o.toLowerCase())+'"><code>'+(0,nn.highlight)(o,e,!0).value+"</code></pre>";if(o==="auto"){const r=(0,nn.highlightAuto)(e);return'<pre class="hljs language-'+Et.utils.escapeHtml(r.language)+'"><code>'+r.value+"</code></pre>"}return'<pre class="hljs"><code>'+Et.utils.escapeHtml(e)+"</code></pre>"}}).use(ta()).use(So(),"warning").use(So(),"tip").use(ra()).use(aa()).use(la()).use(da()).use(ma()).use(ga()).use(ha());Et.renderer.rules.footnote_ref=(e,o,r,s,a)=>'<sup class="footnote-ref"><span>'+a.rules.footnote_caption(e,o,r,s,a)+"</span></sup>",Et.renderer.rules.footnote_anchor=()=>' <span class="footnote-backref">\u21A9\uFE0E</span>';var ya=Et,ba=E(13993),Ao=E.n(ba);const Ea={...Ao().defaults,allowedTags:!1,allowedAttributes:{"*":["href","align","alt","center","width","height","type","controls","target"],img:["src","alt"],source:["src","type"]}};var Ca=e=>Ao()(e,Ea),Ra=P.default.div`
|
|
148
|
-
position: absolute;
|
|
149
|
-
top: 0;
|
|
150
|
-
width: 100%;
|
|
151
|
-
height: 100%;
|
|
152
|
-
overflow: auto;
|
|
153
|
-
padding: ${({theme:e})=>`${e.spaces[3]} ${e.spaces[4]}`};
|
|
154
|
-
font-size: ${14/16}rem;
|
|
155
|
-
background-color: ${({theme:e})=>e.colors.neutral0};
|
|
156
|
-
color: ${({theme:e})=>e.colors.neutral800};
|
|
157
|
-
line-height: ${({theme:e})=>e.lineHeights[6]};
|
|
158
|
-
|
|
159
|
-
h1,
|
|
160
|
-
h2,
|
|
161
|
-
h3,
|
|
162
|
-
h4,
|
|
163
|
-
h5,
|
|
164
|
-
h6 {
|
|
165
|
-
margin-block-start: ${({theme:e})=>e.spaces[2]};
|
|
166
|
-
margin-block-end: ${({theme:e})=>e.spaces[2]};
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
p {
|
|
170
|
-
margin-bottom: ${({theme:e})=>e.spaces[2]};
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
h1 {
|
|
174
|
-
font-size: ${36/16}rem;
|
|
175
|
-
font-weight: 600;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
h2 {
|
|
179
|
-
font-size: ${30/16}rem;
|
|
180
|
-
font-weight: 500;
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
h3 {
|
|
184
|
-
font-size: ${24/16}rem;
|
|
185
|
-
font-weight: 500;
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
h4 {
|
|
189
|
-
font-size: ${20/16}rem;
|
|
190
|
-
font-weight: 500;
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
strong {
|
|
194
|
-
font-weight: 800;
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
em {
|
|
198
|
-
font-style: italic;
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
blockquote {
|
|
202
|
-
margin-top: ${({theme:e})=>e.spaces[8]};
|
|
203
|
-
margin-bottom: ${({theme:e})=>e.spaces[7]};
|
|
204
|
-
font-size: ${14/16}rem;
|
|
205
|
-
font-weight: 400;
|
|
206
|
-
border-left: 4px solid ${({theme:e})=>e.colors.neutral150};
|
|
207
|
-
font-style: italic;
|
|
208
|
-
padding: ${({theme:e})=>e.spaces[2]} ${({theme:e})=>e.spaces[5]};
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
img {
|
|
212
|
-
max-width: 100%;
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
table {
|
|
216
|
-
thead {
|
|
217
|
-
background: ${({theme:e})=>e.colors.neutral150};
|
|
218
|
-
|
|
219
|
-
th {
|
|
220
|
-
padding: ${({theme:e})=>e.spaces[4]};
|
|
221
|
-
}
|
|
222
|
-
}
|
|
223
|
-
tr {
|
|
224
|
-
border: 1px solid ${({theme:e})=>e.colors.neutral200};
|
|
225
|
-
}
|
|
226
|
-
th,
|
|
227
|
-
td {
|
|
228
|
-
padding: ${({theme:e})=>e.spaces[4]};
|
|
229
|
-
border: 1px solid ${({theme:e})=>e.colors.neutral200};
|
|
230
|
-
border-bottom: 0;
|
|
231
|
-
border-top: 0;
|
|
232
|
-
}
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
pre,
|
|
236
|
-
code {
|
|
237
|
-
font-size: ${14/16}rem;
|
|
238
|
-
border-radius: 4px;
|
|
239
|
-
/*
|
|
240
|
-
Hard coded since the color is the same between themes,
|
|
241
|
-
theme.colors.neutral800 changes between themes.
|
|
242
|
-
|
|
243
|
-
Matches the color of the JSON Input component.
|
|
244
|
-
*/
|
|
245
|
-
background-color: #32324d;
|
|
246
|
-
max-width: 100%;
|
|
247
|
-
overflow: auto;
|
|
248
|
-
padding: ${({theme:e})=>e.spaces[2]};
|
|
249
|
-
}
|
|
250
|
-
|
|
251
|
-
/* Inline code */
|
|
252
|
-
p,
|
|
253
|
-
pre,
|
|
254
|
-
td {
|
|
255
|
-
> code {
|
|
256
|
-
color: #839496;
|
|
257
|
-
}
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
ol {
|
|
261
|
-
list-style-type: decimal;
|
|
262
|
-
margin-block-start: ${({theme:e})=>e.spaces[4]};
|
|
263
|
-
margin-block-end: ${({theme:e})=>e.spaces[4]};
|
|
264
|
-
margin-inline-start: 0px;
|
|
265
|
-
margin-inline-end: 0px;
|
|
266
|
-
padding-inline-start: ${({theme:e})=>e.spaces[4]};
|
|
267
|
-
|
|
268
|
-
ol,
|
|
269
|
-
ul {
|
|
270
|
-
margin-block-start: 0px;
|
|
271
|
-
margin-block-end: 0px;
|
|
272
|
-
}
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
ul {
|
|
276
|
-
list-style-type: disc;
|
|
277
|
-
margin-block-start: ${({theme:e})=>e.spaces[4]};
|
|
278
|
-
margin-block-end: ${({theme:e})=>e.spaces[4]};
|
|
279
|
-
margin-inline-start: 0px;
|
|
280
|
-
margin-inline-end: 0px;
|
|
281
|
-
padding-inline-start: ${({theme:e})=>e.spaces[4]};
|
|
282
|
-
|
|
283
|
-
ul,
|
|
284
|
-
ol {
|
|
285
|
-
margin-block-start: 0px;
|
|
286
|
-
margin-block-end: 0px;
|
|
287
|
-
}
|
|
288
|
-
}
|
|
289
|
-
`;const on=({data:e})=>{const o=(0,t.useMemo)(()=>Ca(ya.render(e.replaceAll("\\n",`
|
|
290
|
-
`)||"")),[e]);return t.createElement(Ra,null,t.createElement("div",{dangerouslySetInnerHTML:{__html:o}}))};on.defaultProps={data:""},on.propTypes={data:n().string};var Bo=(0,t.memo)(on);const va=P.default.div`
|
|
291
|
-
cursor: ${({disabled:e})=>e?"not-allowed !important":"auto"};
|
|
292
|
-
height: 100%;
|
|
293
|
-
/* BASICS */
|
|
294
|
-
.CodeMirror-placeholder {
|
|
295
|
-
color: ${({theme:e})=>e.colors.neutral600} !important;
|
|
296
|
-
}
|
|
297
|
-
|
|
298
|
-
.CodeMirror {
|
|
299
|
-
/* Set height, width, borders, and global font properties here */
|
|
300
|
-
font-size: ${14/16}rem;
|
|
301
|
-
height: ${({isExpandMode:e})=>e?"100%":"290px"};
|
|
302
|
-
color: ${({theme:e})=>e.colors.neutral800};
|
|
303
|
-
direction: ltr;
|
|
304
|
-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
|
|
305
|
-
'Open Sans', 'Helvetica Neue', sans-serif;
|
|
306
|
-
}
|
|
307
|
-
|
|
308
|
-
/* PADDING */
|
|
309
|
-
|
|
310
|
-
.CodeMirror-lines {
|
|
311
|
-
padding: ${({theme:e})=>`${e.spaces[3]} ${e.spaces[4]}`};
|
|
312
|
-
/* Vertical padding around content */
|
|
313
|
-
}
|
|
314
|
-
|
|
315
|
-
.CodeMirror-scrollbar-filler,
|
|
316
|
-
.CodeMirror-gutter-filler {
|
|
317
|
-
/* The little square between H and V scrollbars */
|
|
318
|
-
background-color: ${({theme:e})=>`${e.colors.neutral0}`};
|
|
319
|
-
}
|
|
320
|
-
|
|
321
|
-
/* GUTTER */
|
|
322
|
-
|
|
323
|
-
.CodeMirror-gutters {
|
|
324
|
-
border-right: 1px solid #ddd;
|
|
325
|
-
background-color: #f7f7f7;
|
|
326
|
-
white-space: nowrap;
|
|
327
|
-
}
|
|
328
|
-
.CodeMirror-linenumbers {
|
|
329
|
-
}
|
|
330
|
-
.CodeMirror-linenumber {
|
|
331
|
-
padding: 0 3px 0 5px;
|
|
332
|
-
min-width: 20px;
|
|
333
|
-
text-align: right;
|
|
334
|
-
color: #999;
|
|
335
|
-
white-space: nowrap;
|
|
336
|
-
}
|
|
337
|
-
|
|
338
|
-
.CodeMirror-guttermarker {
|
|
339
|
-
color: black;
|
|
340
|
-
}
|
|
341
|
-
.CodeMirror-guttermarker-subtle {
|
|
342
|
-
color: #999;
|
|
343
|
-
}
|
|
344
|
-
|
|
345
|
-
/* CURSOR */
|
|
346
|
-
|
|
347
|
-
.CodeMirror-cursor {
|
|
348
|
-
border-left: 1px solid black;
|
|
349
|
-
border-right: none;
|
|
350
|
-
width: 0;
|
|
351
|
-
}
|
|
352
|
-
/* Shown when moving in bi-directional text */
|
|
353
|
-
.CodeMirror div.CodeMirror-secondarycursor {
|
|
354
|
-
border-left: 1px solid silver;
|
|
355
|
-
}
|
|
356
|
-
.cm-fat-cursor .CodeMirror-cursor {
|
|
357
|
-
width: auto;
|
|
358
|
-
border: 0 !important;
|
|
359
|
-
background: #7e7;
|
|
360
|
-
}
|
|
361
|
-
.cm-fat-cursor div.CodeMirror-cursors {
|
|
362
|
-
/* z-index: 1; */
|
|
363
|
-
}
|
|
364
|
-
|
|
365
|
-
.cm-fat-cursor-mark {
|
|
366
|
-
background-color: rgba(20, 255, 20, 0.5);
|
|
367
|
-
-webkit-animation: blink 1.06s steps(1) infinite;
|
|
368
|
-
-moz-animation: blink 1.06s steps(1) infinite;
|
|
369
|
-
animation: blink 1.06s steps(1) infinite;
|
|
370
|
-
}
|
|
371
|
-
.cm-animate-fat-cursor {
|
|
372
|
-
width: auto;
|
|
373
|
-
border: 0;
|
|
374
|
-
-webkit-animation: blink 1.06s steps(1) infinite;
|
|
375
|
-
-moz-animation: blink 1.06s steps(1) infinite;
|
|
376
|
-
animation: blink 1.06s steps(1) infinite;
|
|
377
|
-
background-color: #7e7;
|
|
378
|
-
}
|
|
379
|
-
|
|
380
|
-
/* Can style cursor different in overwrite (non-insert) mode */
|
|
381
|
-
.CodeMirror-overwrite .CodeMirror-cursor {
|
|
382
|
-
}
|
|
383
|
-
|
|
384
|
-
.cm-tab {
|
|
385
|
-
display: inline-block;
|
|
386
|
-
text-decoration: inherit;
|
|
387
|
-
}
|
|
388
|
-
|
|
389
|
-
.CodeMirror-rulers {
|
|
390
|
-
position: absolute;
|
|
391
|
-
left: 0;
|
|
392
|
-
right: 0;
|
|
393
|
-
top: -50px;
|
|
394
|
-
bottom: 0;
|
|
395
|
-
overflow: hidden;
|
|
396
|
-
}
|
|
397
|
-
.CodeMirror-ruler {
|
|
398
|
-
border-left: 1px solid #ccc;
|
|
399
|
-
top: 0;
|
|
400
|
-
bottom: 0;
|
|
401
|
-
position: absolute;
|
|
402
|
-
}
|
|
403
|
-
|
|
404
|
-
/* DEFAULT THEME */
|
|
405
|
-
|
|
406
|
-
.cm-header,
|
|
407
|
-
.cm-strong {
|
|
408
|
-
font-weight: bold;
|
|
409
|
-
}
|
|
410
|
-
.cm-em {
|
|
411
|
-
font-style: italic;
|
|
412
|
-
}
|
|
413
|
-
.cm-link {
|
|
414
|
-
text-decoration: underline;
|
|
415
|
-
}
|
|
416
|
-
.cm-strikethrough {
|
|
417
|
-
text-decoration: line-through;
|
|
418
|
-
}
|
|
419
|
-
|
|
420
|
-
.CodeMirror-composing {
|
|
421
|
-
border-bottom: 2px solid;
|
|
422
|
-
}
|
|
423
|
-
|
|
424
|
-
/* Default styles for common addons */
|
|
425
|
-
|
|
426
|
-
div.CodeMirror span.CodeMirror-matchingbracket {
|
|
427
|
-
color: #0b0;
|
|
428
|
-
}
|
|
429
|
-
div.CodeMirror span.CodeMirror-nonmatchingbracket {
|
|
430
|
-
color: #a22;
|
|
431
|
-
}
|
|
432
|
-
.CodeMirror-matchingtag {
|
|
433
|
-
background: rgba(255, 150, 0, 0.3);
|
|
434
|
-
}
|
|
435
|
-
.CodeMirror-activeline-background {
|
|
436
|
-
background: #e8f2ff;
|
|
437
|
-
}
|
|
438
|
-
|
|
439
|
-
/* STOP */
|
|
440
|
-
|
|
441
|
-
/* The rest of this file contains styles related to the mechanics of
|
|
442
|
-
the editor. You probably shouldn't touch them. */
|
|
443
|
-
|
|
444
|
-
.CodeMirror {
|
|
445
|
-
position: relative;
|
|
446
|
-
overflow: hidden;
|
|
447
|
-
background: ${({theme:e})=>`${e.colors.neutral0}`};
|
|
448
|
-
}
|
|
449
|
-
|
|
450
|
-
.CodeMirror-scroll {
|
|
451
|
-
overflow: scroll !important; /* Things will break if this is overridden */
|
|
452
|
-
/* 50px is the magic margin used to hide the element's real scrollbars */
|
|
453
|
-
/* See overflow: hidden in .CodeMirror */
|
|
454
|
-
margin-bottom: -50px;
|
|
455
|
-
margin-right: -50px;
|
|
456
|
-
padding-bottom: 50px;
|
|
457
|
-
height: 100%;
|
|
458
|
-
outline: none; /* Prevent dragging from highlighting the element */
|
|
459
|
-
position: relative;
|
|
460
|
-
}
|
|
461
|
-
.CodeMirror-sizer {
|
|
462
|
-
position: relative;
|
|
463
|
-
border-right: 50px solid transparent;
|
|
464
|
-
}
|
|
465
|
-
|
|
466
|
-
/* The fake, visible scrollbars. Used to force redraw during scrolling
|
|
467
|
-
before actual scrolling happens, thus preventing shaking and
|
|
468
|
-
flickering artifacts. */
|
|
469
|
-
.CodeMirror-vscrollbar,
|
|
470
|
-
.CodeMirror-hscrollbar,
|
|
471
|
-
.CodeMirror-scrollbar-filler,
|
|
472
|
-
.CodeMirror-gutter-filler {
|
|
473
|
-
position: absolute;
|
|
474
|
-
z-index: 1;
|
|
475
|
-
display: none;
|
|
476
|
-
outline: none;
|
|
477
|
-
}
|
|
478
|
-
|
|
479
|
-
.CodeMirror-vscrollbar {
|
|
480
|
-
right: 0;
|
|
481
|
-
top: 0;
|
|
482
|
-
overflow-x: hidden;
|
|
483
|
-
overflow-y: scroll;
|
|
484
|
-
}
|
|
485
|
-
.CodeMirror-hscrollbar {
|
|
486
|
-
bottom: 0;
|
|
487
|
-
left: 0;
|
|
488
|
-
overflow-y: hidden;
|
|
489
|
-
overflow-x: scroll;
|
|
490
|
-
}
|
|
491
|
-
.CodeMirror-scrollbar-filler {
|
|
492
|
-
right: 0;
|
|
493
|
-
bottom: 0;
|
|
494
|
-
}
|
|
495
|
-
|
|
496
|
-
.CodeMirror-lines {
|
|
497
|
-
cursor: text;
|
|
498
|
-
min-height: 1px; /* prevents collapsing before first draw */
|
|
499
|
-
}
|
|
500
|
-
/* Reset some styles that the rest of the page might have set */
|
|
501
|
-
.CodeMirror pre.CodeMirror-line,
|
|
502
|
-
.CodeMirror pre.CodeMirror-line-like {
|
|
503
|
-
-moz-border-radius: 0;
|
|
504
|
-
-webkit-border-radius: 0;
|
|
505
|
-
border-radius: 0;
|
|
506
|
-
border-width: 0;
|
|
507
|
-
background: transparent;
|
|
508
|
-
font-family: inherit;
|
|
509
|
-
font-size: inherit;
|
|
510
|
-
margin: 0;
|
|
511
|
-
white-space: pre;
|
|
512
|
-
word-wrap: normal;
|
|
513
|
-
line-height: 1.5;
|
|
514
|
-
color: inherit;
|
|
515
|
-
/* z-index: 2; */
|
|
516
|
-
position: relative;
|
|
517
|
-
overflow: visible;
|
|
518
|
-
-webkit-tap-highlight-color: transparent;
|
|
519
|
-
-webkit-font-variant-ligatures: contextual;
|
|
520
|
-
font-variant-ligatures: contextual;
|
|
521
|
-
}
|
|
522
|
-
|
|
523
|
-
.CodeMirror pre.CodeMirror-line-like {
|
|
524
|
-
z-index: 2;
|
|
525
|
-
}
|
|
526
|
-
|
|
527
|
-
.CodeMirror-wrap pre.CodeMirror-line,
|
|
528
|
-
.CodeMirror-wrap pre.CodeMirror-line-like {
|
|
529
|
-
word-wrap: break-word;
|
|
530
|
-
white-space: pre-wrap;
|
|
531
|
-
word-break: normal;
|
|
532
|
-
}
|
|
533
|
-
|
|
534
|
-
.CodeMirror-linebackground {
|
|
535
|
-
position: absolute;
|
|
536
|
-
left: 0;
|
|
537
|
-
right: 0;
|
|
538
|
-
top: 0;
|
|
539
|
-
bottom: 0;
|
|
540
|
-
z-index: 0;
|
|
541
|
-
}
|
|
542
|
-
|
|
543
|
-
.CodeMirror-linewidget {
|
|
544
|
-
position: relative;
|
|
545
|
-
/* z-index: 2; */
|
|
546
|
-
padding: 0.1px; /* Force widget margins to stay inside of the container */
|
|
547
|
-
}
|
|
548
|
-
|
|
549
|
-
.CodeMirror-widget {
|
|
550
|
-
}
|
|
551
|
-
|
|
552
|
-
.CodeMirror-rtl pre {
|
|
553
|
-
direction: rtl;
|
|
554
|
-
}
|
|
555
|
-
|
|
556
|
-
.CodeMirror-code {
|
|
557
|
-
outline: none;
|
|
558
|
-
}
|
|
559
|
-
|
|
560
|
-
/* Force content-box sizing for the elements where we expect it */
|
|
561
|
-
.CodeMirror-scroll,
|
|
562
|
-
.CodeMirror-sizer,
|
|
563
|
-
.CodeMirror-gutter,
|
|
564
|
-
.CodeMirror-gutters,
|
|
565
|
-
.CodeMirror-linenumber {
|
|
566
|
-
-moz-box-sizing: content-box;
|
|
567
|
-
box-sizing: content-box;
|
|
568
|
-
}
|
|
569
|
-
|
|
570
|
-
.CodeMirror-measure {
|
|
571
|
-
position: absolute;
|
|
572
|
-
width: 100%;
|
|
573
|
-
height: 0;
|
|
574
|
-
overflow: hidden;
|
|
575
|
-
visibility: hidden;
|
|
576
|
-
}
|
|
577
|
-
|
|
578
|
-
.CodeMirror-cursor {
|
|
579
|
-
position: absolute;
|
|
580
|
-
pointer-events: none;
|
|
581
|
-
border-color: ${({theme:e})=>`${e.colors.neutral800}`};
|
|
582
|
-
}
|
|
583
|
-
.CodeMirror-measure pre {
|
|
584
|
-
position: static;
|
|
585
|
-
}
|
|
586
|
-
|
|
587
|
-
div.CodeMirror-cursors {
|
|
588
|
-
visibility: hidden;
|
|
589
|
-
position: relative;
|
|
590
|
-
+ div {
|
|
591
|
-
z-index: 0 !important;
|
|
592
|
-
}
|
|
593
|
-
}
|
|
594
|
-
|
|
595
|
-
div.CodeMirror-dragcursors {
|
|
596
|
-
visibility: visible;
|
|
597
|
-
}
|
|
598
|
-
|
|
599
|
-
.CodeMirror-focused div.CodeMirror-cursors {
|
|
600
|
-
visibility: visible;
|
|
601
|
-
}
|
|
602
|
-
|
|
603
|
-
.CodeMirror-selected {
|
|
604
|
-
background: ${({theme:e})=>e.colors.neutral200};
|
|
605
|
-
/* z-index: -10; */
|
|
606
|
-
}
|
|
607
|
-
.CodeMirror-crosshair {
|
|
608
|
-
cursor: crosshair;
|
|
609
|
-
}
|
|
610
|
-
|
|
611
|
-
/* Used to force a border model for a node */
|
|
612
|
-
.cm-force-border {
|
|
613
|
-
padding-right: 0.1px;
|
|
614
|
-
}
|
|
615
|
-
|
|
616
|
-
/* See issue #2901 */
|
|
617
|
-
.cm-tab-wrap-hack:after {
|
|
618
|
-
content: '';
|
|
619
|
-
}
|
|
620
|
-
|
|
621
|
-
/* Help users use markselection to safely style text background */
|
|
622
|
-
span.CodeMirror-selectedtext {
|
|
623
|
-
background: none;
|
|
624
|
-
}
|
|
625
|
-
|
|
626
|
-
span {
|
|
627
|
-
color: ${({theme:e})=>e.colors.neutral800} !important;
|
|
628
|
-
}
|
|
629
|
-
`,Oe=(0,P.default)(i.IconButton)`
|
|
630
|
-
padding: ${({theme:e})=>e.spaces[2]};
|
|
631
|
-
/* Trick to prevent the outline from overflowing because of the general outline-offset */
|
|
632
|
-
outline-offset: -2px !important;
|
|
633
|
-
|
|
634
|
-
svg {
|
|
635
|
-
width: ${18/16}rem;
|
|
636
|
-
height: ${18/16}rem;
|
|
637
|
-
}
|
|
638
|
-
`,Ta=(0,P.default)(Oe)`
|
|
639
|
-
svg {
|
|
640
|
-
width: ${8/16}rem;
|
|
641
|
-
height: ${8/16}rem;
|
|
642
|
-
}
|
|
643
|
-
`,Po=(0,P.default)(i.IconButtonGroup)`
|
|
644
|
-
margin-left: ${({theme:e})=>e.spaces[4]};
|
|
645
|
-
`,$o=(0,P.default)(i.IconButton)`
|
|
646
|
-
margin: ${({theme:e})=>`0 ${e.spaces[2]}`};
|
|
647
|
-
padding: ${({theme:e})=>e.spaces[2]};
|
|
648
|
-
|
|
649
|
-
svg {
|
|
650
|
-
width: ${18/16}rem;
|
|
651
|
-
height: ${18/16}rem;
|
|
652
|
-
}
|
|
653
|
-
`,Ma=(0,P.default)(i.IconButtonGroup)`
|
|
654
|
-
margin-right: ${({theme:e})=>`${e.spaces[2]}`};
|
|
655
|
-
`,Da=P.default.div`
|
|
656
|
-
position: relative;
|
|
657
|
-
height: calc(100% - 48px);
|
|
658
|
-
`,Ia=(0,P.default)(i.BaseButton)`
|
|
659
|
-
background-color: transparent;
|
|
660
|
-
border: none;
|
|
661
|
-
align-items: center;
|
|
662
|
-
|
|
663
|
-
svg {
|
|
664
|
-
margin-left: ${({theme:e})=>`${e.spaces[2]}`};
|
|
665
|
-
path {
|
|
666
|
-
fill: ${({theme:e})=>e.colors.neutral700};
|
|
667
|
-
width: ${12/16}rem;
|
|
668
|
-
height: ${12/16}rem;
|
|
669
|
-
}
|
|
670
|
-
}
|
|
671
|
-
`;var Wt=/^(\s*)(>[> ]*|[*+-] \[[x ]\]\s|[*+-]\s|(\d+)([.)]))(\s*)/,ka=/^(\s*)(>[> ]*|[*+-] \[[x ]\]|[*+-]|(\d+)[.)])(\s*)$/,xa=/[*+-]\s/;function Fa(e){if(e.getOption("disableInput"))return tn().Pass;for(var o=e.listSelections(),r=[],s=0;s<o.length;s++){var a=o[s].head,c=e.getStateAfter(a.line),l=c.list!==!1,d=c.quote!==0,m=e.getLine(a.line),u=Wt.exec(m),g=/^\s*$/.test(m.slice(0,a.ch));if(!o[s].empty()||!l&&!d||!u||g){e.execCommand("newlineAndIndent");return}if(ka.test(m)){var f=d&&/>\s*$/.test(m),p=!/>\s*$/.test(m);(f||p)&&e.replaceRange("",{line:a.line,ch:0},{line:a.line,ch:a.ch+1}),r[s]=`
|
|
672
|
-
`}else{var b=u[1],C=u[5],T=!(xa.test(u[2])||u[2].indexOf(">")>=0),k=T?parseInt(u[3],10)+1+u[4]:u[2].replace("x"," ");r[s]=`
|
|
673
|
-
`+b+k+C,T&&wa(e,a)}}e.replaceSelections(r)}function wa(e,o){var r=o.line,s=0,a=0,c=Wt.exec(e.getLine(r)),l=c[1];do{s+=1;var d=r+s,m=e.getLine(d),u=Wt.exec(m);if(u){var g=u[1],f=parseInt(c[3],10)+s-a,p=parseInt(u[3],10),b=p;if(l===g&&!isNaN(p))f===p&&(b=p+1),f>p&&(b=f+1),e.replaceRange(m.replace(Wt,g+b+u[4]+u[5]),{line:d,ch:0},{line:d,ch:m.length});else{if(l.length>g.length||l.length<g.length&&s===1)return;a+=1}}}while(u)}var La=Fa;const rn=({disabled:e,editorRef:o,error:r,isPreviewMode:s,isExpandMode:a,name:c,onChange:l,placeholder:d,textareaRef:m,value:u})=>{const g=(0,t.useRef)(l);return(0,t.useEffect)(()=>{o.current=tn().fromTextArea(m.current,{lineWrapping:!0,extraKeys:{Enter:"newlineAndIndentContinueMarkdownList",Tab:!1,"Shift-Tab":!1},readOnly:!1,smartIndent:!1,placeholder:d,spellcheck:!0,inputStyle:"contenteditable"}),tn().commands.newlineAndIndentContinueMarkdownList=La,o.current.on("change",f=>{g.current({target:{name:c,value:f.getValue(),type:"wysiwyg"}})})},[o,m,c,d]),(0,t.useEffect)(()=>{u&&!o.current.hasFocus()&&o.current.setValue(u)},[o,u]),(0,t.useEffect)(()=>{s||e?o.current.setOption("readOnly","nocursor"):o.current.setOption("readOnly",!1)},[e,s,o]),(0,t.useEffect)(()=>{r?o.current.setOption("screenReaderLabel",r):o.current.setOption("screenReaderLabel","Editor")},[o,r]),t.createElement(Da,null,t.createElement(va,{isExpandMode:a,disabled:e||s},t.createElement("textarea",{ref:m})),s&&t.createElement(Bo,{data:u}))};rn.defaultProps={disabled:!1,error:void 0,isPreviewMode:!1,isExpandMode:!1,placeholder:"",value:""},rn.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};var Oa=rn;const sn=({disabled:e,editorRef:o,isExpandMode:r,isPreviewMode:s,onActionClick:a,onToggleMediaLib:c,onTogglePreviewMode:l})=>{const[d,m]=(0,t.useState)(!1),{formatMessage:u}=(0,z.useIntl)(),g=u({id:"components.Wysiwyg.selectOptions.title",defaultMessage:"Add a title"}),f=(0,t.useRef)(),p=()=>{m(b=>!b)};return e||s?t.createElement(i.Box,{padding:2,background:"neutral100"},t.createElement(i.Flex,{justifyContent:"space-between"},t.createElement(i.Flex,null,t.createElement(i.Select,{disabled:!0,id:"selectTitle",placeholder:g,size:"S","aria-label":g},t.createElement(i.Option,{value:"h1"},"h1"),t.createElement(i.Option,{value:"h2"},"h2"),t.createElement(i.Option,{value:"h3"},"h3"),t.createElement(i.Option,{value:"h4"},"h4"),t.createElement(i.Option,{value:"h5"},"h5"),t.createElement(i.Option,{value:"h6"},"h6")),t.createElement(Po,null,t.createElement(Oe,{disabled:!0,id:"Bold",label:"Bold",name:"Bold",icon:t.createElement(F.Bold,null)}),t.createElement(Oe,{disabled:!0,id:"Italic",label:"Italic",name:"Italic",icon:t.createElement(F.Italic,null)}),t.createElement(Oe,{disabled:!0,id:"Underline",label:"Underline",name:"Underline",icon:t.createElement(F.Underline,null)})),t.createElement($o,{disabled:!0,id:"more",label:"More",icon:t.createElement(F.More,null)})),!r&&t.createElement(i.Button,{onClick:l,variant:"tertiary",id:"preview"},u({id:"components.Wysiwyg.ToggleMode.markdown-mode",defaultMessage:"Markdown mode"})))):t.createElement(i.Box,{padding:2,background:"neutral100"},t.createElement(i.Flex,{justifyContent:"space-between"},t.createElement(i.Flex,null,t.createElement(i.Select,{id:"selectTitle",placeholder:g,size:"S",onChange:b=>a(b,o)},t.createElement(i.Option,{value:"h1"},"h1"),t.createElement(i.Option,{value:"h2"},"h2"),t.createElement(i.Option,{value:"h3"},"h3"),t.createElement(i.Option,{value:"h4"},"h4"),t.createElement(i.Option,{value:"h5"},"h5"),t.createElement(i.Option,{value:"h6"},"h6")),t.createElement(Po,null,t.createElement(Oe,{onClick:()=>a("Bold",o),id:"Bold",label:"Bold",name:"Bold",icon:t.createElement(F.Bold,null)}),t.createElement(Oe,{onClick:()=>a("Italic",o),id:"Italic",label:"Italic",name:"Italic",icon:t.createElement(F.Italic,null)}),t.createElement(Oe,{onClick:()=>a("Underline",o),id:"Underline",label:"Underline",name:"Underline",icon:t.createElement(F.Underline,null)})),t.createElement($o,{ref:f,onClick:p,id:"more",label:"More",icon:t.createElement(F.More,null)}),d&&t.createElement(i.Popover,{centered:!0,source:f,spacing:4,id:"popover"},t.createElement(i.FocusTrap,{onEscape:p,restoreFocus:!1},t.createElement(i.Flex,null,t.createElement(Ma,null,t.createElement(Oe,{onClick:()=>a("Strikethrough",o,p),id:"Strikethrough",label:"Strikethrough",name:"Strikethrough",icon:t.createElement(F.StrikeThrough,null)}),t.createElement(Oe,{onClick:()=>a("BulletList",o,p),id:"BulletList",label:"BulletList",name:"BulletList",icon:t.createElement(F.BulletList,null)}),t.createElement(Oe,{onClick:()=>a("NumberList",o,p),id:"NumberList",label:"NumberList",name:"NumberList",icon:t.createElement(F.NumberList,null)})),t.createElement(i.IconButtonGroup,null,t.createElement(Oe,{onClick:()=>a("Code",o,p),id:"Code",label:"Code",name:"Code",icon:t.createElement(F.Code,null)}),t.createElement(Oe,{onClick:()=>{p(),c()},id:"Image",label:"Image",name:"Image",icon:t.createElement(F.Picture,null)}),t.createElement(Ta,{onClick:()=>a("Link",o,p),id:"Link",label:"Link",name:"Link",icon:t.createElement(F.Link,null)}),t.createElement(Oe,{onClick:()=>a("Quote",o,p),id:"Quote",label:"Quote",name:"Quote",icon:t.createElement(F.Quote,null)})))))),l&&t.createElement(i.Button,{onClick:l,variant:"tertiary",id:"preview"},u({id:"components.Wysiwyg.ToggleMode.preview-mode",defaultMessage:"Preview mode"}))))};sn.defaultProps={isPreviewMode:!1,onActionClick(){},onToggleMediaLib(){},onTogglePreviewMode:void 0},sn.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 Sa=sn;const an=({onToggleExpand:e})=>{const{formatMessage:o}=(0,z.useIntl)();return t.createElement(i.Box,{padding:2,background:"neutral100",hasRadius:!0},t.createElement(i.Flex,{justifyContent:"flex-end",alignItems:"flex-end"},t.createElement(Ia,{id:"expand",onClick:e},t.createElement(i.Typography,null,o({id:"components.WysiwygBottomControls.fullscreen",defaultMessage:"Expand"})),t.createElement(F.Expand,null))))};an.defaultProps={onToggleExpand(){}},an.propTypes={onToggleExpand:n().func};var Aa=an;const ln=({id:e,error:o,name:r,hint:s})=>s.length===0||o?null:t.createElement(i.Typography,{as:"p",variant:"pi",id:`${e||r}-hint`,textColor:"neutral600"},s);ln.defaultProps={id:void 0,error:void 0,hint:""},ln.propTypes={hint:n().oneOfType([n().string,n().array]),error:n().string,id:n().string,name:n().string.isRequired};var Ba=ln;const qo=(e,o)=>{let r;switch(e){case"Strikethrough":r=`~~${o}~~`;break;case"Bold":r=`**${o}**`;break;case"Italic":r=`_${o}_`;break;case"Underline":r=`<u>${o}</u>`;break;case"Code":r=`\`\`\`
|
|
674
|
-
${o}
|
|
675
|
-
\`\`\``;break;case"Link":r=`[${o}](link)`;break;case"Quote":r=`>${o}`;break;default:r=o}return r},No=e=>{let o,r={start:e.length,end:0};switch(e){case"Strikethrough":o=`~~${e}~~`,r.end=2;break;case"Bold":o=`**${e}**`,r.end=2;break;case"Italic":o=`_${e}_`,r.end=1;break;case"alt":o=`[${e}]()`,r.end=3;break;case"Underline":o=`<u>${e}</u>`,r.end=4;break;case"Code":o=`\`\`\`
|
|
676
|
-
${e}
|
|
677
|
-
\`\`\``,r.end=3;break;case"Link":o=`[${e}](link)`,r.end=7;break;case"Quote":o=`>${e}`,r.end=0;break;default:o=""}return{editedText:o,selection:r}},jo=e=>{let o;switch(e){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},Vo=(e,o)=>{const r=e.current.getSelection();let s;if(r){const a=qo(o,r);e.current.replaceSelection(a),e.current.focus()}else{s=No(o),e.current.replaceSelection(s.editedText),e.current.focus();const{line:a,ch:c}=e.current.getCursor(),l=c-s.selection.end,d=c-s.selection.end-s.selection.start;e.current.setSelection({line:a,ch:d},{line:a,ch:l})}},Pa=(e,o)=>{const r=e.current.getDoc(),s=o==="BulletList"?"- ":"1. ";if(r.somethingSelected()){const a=r.listSelections();let c=null;e.current.operation(function(){a.forEach(function(l){const d=[l.head.line,l.anchor.line].sort();c==null&&(c=r.getLine(d[0]).startsWith(s));for(let m=d[0];m<=d[1];m++)if(c)r.getLine(m).startsWith(s)&&r.replaceRange("",{line:m,ch:0},{line:m,ch:s.length});else{const u=o==="BulletList"?"- ":`${m+1}. `;r.replaceRange(u,{line:m,ch:0})}})})}else{let{line:a}=r.getCursor();const c=jo(o),l=e.current.getLine(a),d=c+l;e.current.setSelection({line:a,ch:0},{line:a,ch:l.length}),e.current.replaceSelection(d)}e.current.focus()},$a=(e,o)=>{let{line:r}=e.current.getCursor();const s=jo(o),a=e.current.getLine(r),c=a.replace(/#{1,6}\s/g,"").trim(),l=s+c;e.current.setSelection({line:r,ch:0},{line:r,ch:a.length}),e.current.replaceSelection(l),setTimeout(()=>{const d=e.current.getLine(r).length;e.current.focus(),e.current.setCursor({line:r,ch:d})},0)},qa=(e,o)=>{let{line:r,ch:s}=e.current.getCursor();o.forEach((a,c)=>{let l=e.current.getLine(r).length;e.current.setCursor({line:r,ch:l}),(c>0||c===0&&s!==0)&&(l=e.current.getLine(r).length,e.current.setCursor({line:r,ch:l}),r++,e.current.replaceSelection(`
|
|
678
|
-
`)),a.mime.includes("image")?e.current.replaceSelection(``):e.current.replaceSelection(`[${a.alt}](${a.url})`)}),setTimeout(()=>e.current.focus(),0)},Na=(e,o,r,s,a)=>{const c=qo(o,a),l=e.current.getRange({line:r+1,ch:0},{line:1/0,ch:1/0});if(e.current.replaceRange("",{line:r+1,ch:0},{line:1/0,ch:1/0}),e.current.replaceSelection(""),e.current.setCursor({line:r,ch:s}),e.current.replaceSelection(`
|
|
679
|
-
`),e.current.replaceSelection(c),o==="Code"){let{line:d}=e.current.getCursor();e.current.setCursor({line:d-1,ch:a.length})}e.current.replaceRange(l,{line:r+4,ch:0},{line:1/0,ch:1/0}),e.current.focus()},ja=(e,o,r,s)=>{const a=No(o),c=e.current.getRange({line:r+1,ch:0},{line:1/0,ch:1/0});if(e.current.replaceRange("",{line:r+1,ch:0},{line:1/0,ch:1/0}),e.current.setCursor({line:r,ch:s}),e.current.replaceSelection(`
|
|
680
|
-
`),e.current.replaceSelection(a.editedText),o==="Code")r+=2,e.current.setSelection({line:r,ch:0},{line:r,ch:4});else{r+=1;let{ch:l}=e.current.getCursor(),d=l-a.selection.end,m=l-a.selection.end-a.selection.start;e.current.setSelection({line:r,ch:m},{line:r,ch:d})}e.current.replaceRange(c,{line:r+2,ch:0},{line:1/0,ch:1/0}),e.current.focus()},Va=(e,o)=>{const r=e.current.getSelection();let{line:s}=e.current.getCursor(),a=e.current.getLine(s).length;r?Na(e,o,s,a,r):ja(e,o,s,a)},Wa=(e,o)=>`${e}${Math.floor(o*255).toString(16).padStart(2,0)}`,za=(0,P.default)(i.Flex)`
|
|
681
|
-
background: ${({theme:e})=>Wa(e.colors.neutral800,.2)};
|
|
682
|
-
`,Ua=(0,P.default)(i.Box)`
|
|
683
|
-
border-right: 1px solid ${({theme:e})=>e.colors.neutral200};
|
|
684
|
-
`,Ha=(0,P.default)(i.BaseButton)`
|
|
685
|
-
background-color: transparent;
|
|
686
|
-
border: none;
|
|
687
|
-
align-items: center;
|
|
688
|
-
|
|
689
|
-
svg {
|
|
690
|
-
margin-left: ${({theme:e})=>`${e.spaces[2]}`};
|
|
691
|
-
|
|
692
|
-
path {
|
|
693
|
-
fill: ${({theme:e})=>e.colors.neutral700};
|
|
694
|
-
width: ${12/16}rem;
|
|
695
|
-
height: ${12/16}rem;
|
|
696
|
-
}
|
|
697
|
-
}
|
|
698
|
-
`,cn=({children:e,isExpandMode:o,error:r,previewContent:s,onCollapse:a})=>{const{formatMessage:c}=(0,z.useIntl)();return(0,y.useLockScroll)(o),o?t.createElement(i.Portal,{role:"dialog","aria-modal":!1},t.createElement(i.FocusTrap,{onEscape:a},t.createElement(za,{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:4,justifyContent:"center",onClick:a},t.createElement(i.Box,{background:"neutral0",hasRadius:!0,shadow:"popupShadow",overflow:"hidden",width:"70%",height:"70%",onClick:l=>l.stopPropagation()},t.createElement(i.Flex,{height:"100%",alignItems:"flex-start"},t.createElement(Ua,{flex:"1",height:"100%"},e),t.createElement(i.Flex,{alignItems:"start",direction:"column",flex:1,height:"100%",width:"100%"},t.createElement(i.Flex,{height:(0,y.pxToRem)(48),background:"neutral100",justifyContent:"flex-end",shrink:0,width:"100%"},t.createElement(Ha,{onClick:a},t.createElement(i.Typography,null,c({id:"components.Wysiwyg.collapse",defaultMessage:"Collapse"})),t.createElement(F.Collapse,null))),t.createElement(i.Box,{position:"relative",height:"100%",width:"100%"},t.createElement(Bo,{data:s})))))))):t.createElement(i.Box,{borderColor:r?"danger600":"neutral200",borderStyle:"solid",borderWidth:"1px",hasRadius:!0},e)};cn.defaultProps={error:void 0,previewContent:""},cn.propTypes={children:n().node.isRequired,error:n().string,isExpandMode:n().bool.isRequired,previewContent:n().string,onCollapse:n().func.isRequired};const Za=(0,P.default)(i.Box)`
|
|
699
|
-
svg path {
|
|
700
|
-
fill: ${({theme:e})=>e.colors.neutral500};
|
|
701
|
-
}
|
|
702
|
-
`,Ga=(0,P.default)(i.Typography)`
|
|
703
|
-
line-height: 0;
|
|
704
|
-
`,dn=({hint:e,disabled:o,error:r,intlLabel:s,labelAction:a,name:c,onChange:l,placeholder:d,value:m,required:u})=>{const{formatMessage:g}=(0,z.useIntl)(),f=(0,t.useRef)(null),p=(0,t.useRef)(null),[b,C]=(0,t.useState)(!1),[T,k]=(0,t.useState)(!1),[R,v]=(0,t.useState)(!1),{components:S}=(0,y.useLibrary)(),A=S["media-library"],D=()=>k($=>!$),I=()=>C($=>!$),O=()=>{C(!1),v($=>!$)},q=($,_,H)=>{switch($){case"Link":case"Strikethrough":{Vo(_,$),H();break}case"Code":case"Quote":{Va(_,$),H();break}case"Bold":case"Italic":case"Underline":{Vo(_,$);break}case"BulletList":case"NumberList":{Pa(_,$),H();break}case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":{$a(_,$);break}default:}},U=$=>{const _=$.map(H=>({alt:H.alternativeText||H.name,url:(0,y.prefixFileUrlWithBackendUrl)(H.url),mime:H.mime}));qa(p,_),k(!1)},N=d?g({id:d.id,defaultMessage:d.defaultMessage},{...d.values}):"",G=s.id?g({id:s.id,defaultMessage:s.defaultMessage},{...s.values}):c;return t.createElement(t.Fragment,null,t.createElement(i.Flex,{direction:"column",alignItems:"stretch",gap:1},t.createElement(i.Flex,{gap:1},t.createElement(i.Typography,{variant:"pi",fontWeight:"bold",textColor:"neutral800"},G,u&&t.createElement(Ga,{textColor:"danger600"},"*")),a&&t.createElement(Za,{paddingLeft:1},a)),t.createElement(cn,{isExpandMode:R,error:r,previewContent:m,onCollapse:O},t.createElement(Sa,{isExpandMode:R,editorRef:p,isPreviewMode:b,onActionClick:q,onToggleMediaLib:D,onTogglePreviewMode:R?void 0:I,disabled:o}),t.createElement(Oa,{disabled:o,isExpandMode:R,editorRef:p,error:r,isPreviewMode:b,name:c,onChange:l,placeholder:N,textareaRef:f,value:m}),!R&&t.createElement(Aa,{onToggleExpand:O})),t.createElement(Ba,{hint:e,name:c,error:r})),r&&t.createElement(i.Box,{paddingTop:1},t.createElement(i.Typography,{variant:"pi",textColor:"danger600","data-strapi-field-error":!0},r)),T&&t.createElement(A,{onClose:D,onSelectAssets:U}))};dn.defaultProps={disabled:!1,error:"",labelAction:void 0,placeholder:null,required:!1,value:"",hint:""},dn.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 _a=dn,Wo=(e,o)=>{const[r,s]=(0,t.useState)(e);return(0,t.useEffect)(()=>{const a=setTimeout(()=>{s(e)},o);return()=>{clearTimeout(a)}},[e,o]),r},Qa=/^[A-Za-z0-9-_.~]*$/;const Ka=(0,P.default)(i.Box)`
|
|
705
|
-
position: relative;
|
|
706
|
-
`,Ya=(0,P.default)(i.FieldAction)`
|
|
707
|
-
svg {
|
|
708
|
-
height: 1rem;
|
|
709
|
-
width: 1rem;
|
|
710
|
-
path {
|
|
711
|
-
fill: ${({theme:e})=>e.colors.neutral400};
|
|
712
|
-
}
|
|
713
|
-
}
|
|
714
|
-
|
|
715
|
-
svg:hover {
|
|
716
|
-
path {
|
|
717
|
-
fill: ${({theme:e})=>e.colors.primary600};
|
|
718
|
-
}
|
|
719
|
-
}
|
|
720
|
-
`,un=(0,P.default)(i.Flex)`
|
|
721
|
-
position: absolute;
|
|
722
|
-
right: ${({theme:e})=>e.spaces[6]};
|
|
723
|
-
width: 100px;
|
|
724
|
-
pointer-events: none;
|
|
725
|
-
|
|
726
|
-
svg {
|
|
727
|
-
margin-right: ${({theme:e})=>e.spaces[1]};
|
|
728
|
-
height: ${12/16}rem;
|
|
729
|
-
width: ${12/16}rem;
|
|
730
|
-
path {
|
|
731
|
-
fill: ${({theme:e,notAvailable:o})=>o?e.colors.danger600:e.colors.success600};
|
|
732
|
-
}
|
|
733
|
-
}
|
|
734
|
-
`,Xa=P.keyframes`
|
|
735
|
-
from {
|
|
736
|
-
transform: rotate(0deg);
|
|
737
|
-
}
|
|
738
|
-
to {
|
|
739
|
-
transform: rotate(359deg);
|
|
740
|
-
}
|
|
741
|
-
`,Ja=(0,P.default)(i.Flex)`
|
|
742
|
-
animation: ${Xa} 2s infinite linear;
|
|
743
|
-
`,mn=({attribute:e,contentTypeUID:o,hint:r,disabled:s,error:a,intlLabel:c,labelAction:l,name:d,onChange:m,value:u,placeholder:g,required:f})=>{const{modifiedData:p,initialData:b,layout:C}=(0,y.useCMEditViewDataManager)(),[T,k]=(0,t.useState)(!1),[R,v]=(0,t.useState)(null),S=Wo(u,300),A=(0,t.useRef)(),D=b[d],{formatMessage:I}=(0,z.useIntl)(),O=x()(C,["options","timestamps",0]),q=!b[O],U=Wo(p[e.targetField],300),[N,G]=(0,t.useState)(!1),[$,_]=(0,t.useState)(null),{post:H}=(0,y.useFetchClient)(),Y=c.id?I({id:c.id,defaultMessage:c.defaultMessage},{...c.values}):d,V=g?I({id:g.id,defaultMessage:g.defaultMessage},{...g.values}):"";A.current=async(W=!1)=>{k(!0);const B=(0,h.IF)("uid/generate");try{const{data:{data:j}}=await H(B,{contentTypeUID:o,field:d,data:p});m({target:{name:d,value:j,type:"text"}},W),k(!1)}catch{k(!1)}};const ee=async()=>{k(!0);const W=(0,h.IF)("uid/check-availability");if(u)try{const{data:B}=await H(W,{contentTypeUID:o,field:d,value:u?u.trim():""});v(B),k(!1)}catch{k(!1)}};(0,t.useEffect)(()=>{!u&&e.required&&A.current(!0)},[]),(0,t.useEffect)(()=>{S&&S.trim().match(Qa)&&S!==D&&ee(),S||v(null)},[S,D]),(0,t.useEffect)(()=>{let W;return R&&R.isAvailable&&(W=setTimeout(()=>{v(null)},4e3)),()=>{W&&clearTimeout(W)}},[R]),(0,t.useEffect)(()=>{!N&&q&&U&&p[e.targetField]&&!u&&A.current(!0)},[U,N,q]);const M=()=>{_(I({id:"content-manager.components.uid.regenerate",defaultMessage:"Regenerate"}))},L=()=>{_(null)},Q=W=>{W.target.value&&q&&G(!0),m(W)};return t.createElement(i.TextInput,{disabled:s,error:a,endAction:t.createElement(Ka,null,R&&R.isAvailable&&!$&&t.createElement(un,{alignItems:"center",justifyContent:"flex-end"},t.createElement(F.CheckCircle,null),t.createElement(i.Typography,{textColor:"success600",variant:"pi"},I({id:"content-manager.components.uid.available",defaultMessage:"Available"}))),R&&!R.isAvailable&&!$&&t.createElement(un,{notAvailable:!0,alignItems:"center",justifyContent:"flex-end"},t.createElement(F.ExclamationMarkCircle,null),t.createElement(i.Typography,{textColor:"danger600",variant:"pi"},I({id:"content-manager.components.uid.unavailable",defaultMessage:"Unavailable"}))),$&&t.createElement(un,{alignItems:"center",justifyContent:"flex-end"},t.createElement(i.Typography,{textColor:"primary600",variant:"pi"},$)),t.createElement(Ya,{onClick:()=>A.current(),label:"regenerate",onMouseEnter:M,onMouseLeave:L},T?t.createElement(Ja,null,t.createElement(F.Loader,null)):t.createElement(F.Refresh,null))),hint:r,label:Y,labelAction:l,name:d,onChange:Q,placeholder:V,value:u||"",required:f})};mn.propTypes={attribute:n().shape({targetField:n().string,required:n().bool}).isRequired,contentTypeUID:n().string.isRequired,disabled:n().bool,error:n().string,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,labelAction:n().element,name:n().string.isRequired,onChange:n().func.isRequired,value:n().string,placeholder:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),required:n().bool,hint:n().oneOfType([n().string,n().array])},mn.defaultProps={disabled:!1,error:void 0,labelAction:void 0,placeholder:void 0,value:"",required:!1,hint:""};var ei=mn,ti=E(88423),pn=E.n(ti),pt=E(84968);function ni(e,o){return r=>{const s=o(r);return t.createElement(e,{...r,...s})}}var oi=ni;function ri({componentUid:e,isUserAllowedToEditField:o,isUserAllowedToReadField:r,name:s,queryInfos:a}){const{isCreatingEntry:c,createActionAllowedFields:l,readActionAllowedFields:d,updateActionAllowedFields:m,slug:u,modifiedData:g}=(0,y.useCMEditViewDataManager)(),f=(0,t.useMemo)(()=>o===!0?!0:(c?l:m).includes(s),[c,l,s,o,m]),p=(0,t.useMemo)(()=>r?!0:(c?[]:d).includes(s),[c,r,s,d]),b=s.split(".");let C;e&&(C=x()(g,b.slice(0,-1))?.id);const T=(0,t.useMemo)(()=>c?null:e?C?(0,h.IF)(`relations/${e}/${C}/${b.at(-1)}`):null:(0,h.IF)(`relations/${u}/${g.id}/${s.split(".").at(-1)}`),[c,e,u,g.id,s,C,b]),k=(0,t.useMemo)(()=>e?(0,h.IF)(`relations/${e}/${s.split(".").at(-1)}`):(0,h.IF)(`relations/${u}/${s.split(".").at(-1)}`),[e,u,s]);return{componentId:C,isComponentRelation:Boolean(e),queryInfos:{...a,endpoints:{search:k,relation:T}},isCreatingEntry:c,isFieldAllowed:f,isFieldReadable:p}}var si=ri;function ai(e,o){return`${(0,h.IF)(`collectionType/${e}/${o??""}`)}`}const gn=(e,{shouldAddLink:o,mainFieldName:r,targetModel:s})=>{const a={...e};return o&&(a.href=ai(s,a.id)),a.publicationState=!1,a?.publishedAt!==void 0&&(a.publicationState=a.publishedAt?Ge.PUBLISHED:Ge.DRAFT),a.mainField=a[r],a},ii=(e,{shouldAddLink:o=!1,mainFieldName:r,targetModel:s}={})=>[...e].map(a=>gn(a,{shouldAddLink:o,mainFieldName:r,targetModel:s})),li=(e,{mainFieldName:o})=>{const{data:r}=e,{pages:s=[]}=r??{};return{...e,data:s.map(a=>a?.results.map(c=>gn(c,{mainFieldName:o}))).filter(Boolean).flat()}},ci=(e=[],o=[])=>{const r=e.reduce((a,c)=>o.find(l=>l.id===c.id)?a:[...a,c.id],[]),s=o.reduce((a,c)=>e.find(l=>l.id===c.id)?a:[...a,c.id],[]);return[r,s]},di=e=>{const o=t.useRef(e);return t.useEffect(()=>{o.current=e}),t.useMemo(()=>(...r)=>o.current?.(...r),[])},ui=(e,{relation:o,search:r})=>{const[s,a]=(0,t.useState)({}),[c,l]=(0,t.useState)(0),{get:d}=(0,y.useFetchClient)(),m=async({pageParam:D=1})=>{try{const{data:I}=await d(o?.endpoint,{params:{...o.pageParams??{},page:D}});return l(D),I}catch{return null}},u=async({pageParam:D=1})=>{try{const{data:I}=await d(r.endpoint,{params:{...r.pageParams??{},...s,page:D}});return I}catch{return null}},{onLoad:g,normalizeArguments:f={}}=o,p=(0,pt.useInfiniteQuery)(["relation",...e],m,{cacheTime:0,enabled:o.enabled,getNextPageParam(D){const I=!D?.pagination;if(!(!D||I||D?.pagination.page>=D?.pagination.pageCount))return D.pagination.page+1},select:D=>({...D,pages:D.pages.map(I=>{if(!I)return I;const{data:O,results:q,pagination:U}=I,N=!!O;let G=[];return N?G=[O]:q&&(G=[...q].reverse()),{pagination:U,results:G}})})}),{pageGoal:b}=o,{status:C,data:T,fetchNextPage:k,hasNextPage:R}=p;(0,t.useEffect)(()=>{b>c&&R&&C==="success"&&k({pageParam:c+1})},[b,c,k,R,C]);const v=di(g);(0,t.useEffect)(()=>{if(C==="success"&&T&&T.pages?.at(-1)?.results&&v){const D=ii(T.pages.at(-1).results,f);v(D)}},[C,v,T]);const S=(0,pt.useInfiniteQuery)(["relation",...e,"search",JSON.stringify(s)],u,{enabled:Object.keys(s).length>0,getNextPageParam(D){if(!(!D?.pagination||D.pagination.page>=D.pagination.pageCount))return D.pagination.page+1}});return{relations:p,search:S,searchFor:(D,I={})=>{a({...I,_q:D})}}},zo=(e,o)=>r=>{const s=r.split(".");return s.reduce((a,c,l)=>{const d=x()(e,a),m=x()(o,[...s.slice(0,l),c,"__temp_key__"]);if(Array.isArray(d)&&typeof m=="number"){const u=d.findIndex(g=>g.__temp_key__===m);return a.push(u.toString()),a}return a.push(c),a},[])},fn=({error:e,componentId:o,isComponentRelation:r,editable:s,description:a,intlLabel:c,isCreatingEntry:l,isFieldAllowed:d,isFieldReadable:m,labelAction:u,mainField:g,name:f,queryInfos:{endpoints:p,defaultParams:b,shouldDisplayRelationLink:C},placeholder:T,required:k,relationType:R,size:v,targetModel:S})=>{const[A,D]=(0,t.useState)(""),{formatMessage:I}=(0,z.useIntl)(),{slug:O,initialData:q,modifiedData:U,relationConnect:N,relationDisconnect:G,relationLoad:$,relationReorder:_}=(0,y.useCMEditViewDataManager)(),H=f.split("."),Y=zo(q,U)(f),V=x()(U,f,[]),ee=Math.ceil(x()(q,f,[]).length/lt),{relations:M,search:L,searchFor:Q}=ui([O,Y.join("."),U.id,b],{relation:{enabled:!!p.relation,endpoint:p.relation,pageGoal:ee,pageParams:{...b,pageSize:lt},onLoad(ne){$({target:{initialDataPath:["initialData",...Y],modifiedDataPath:["modifiedData",...H],value:ne}})},normalizeArguments:{mainFieldName:g.name,shouldAddLink:C,targetModel:S}},search:{endpoint:p.search,pageParams:{...b,entityId:l?void 0:r?o:q.id,pageSize:ct}}}),W=(0,t.useMemo)(()=>R.toLowerCase().includes("morph"),[R]),B=["oneWay","oneToOne","manyToOne","oneToManyMorph","oneToOneMorph"].includes(R),j=(0,t.useMemo)(()=>W?!0:l?!s:!d&&m||!s,[W,l,s,d,m]),Z=ne=>{const he=gn(ne,{mainFieldName:g.name,shouldAddLink:C,targetModel:S});N({name:f,value:he,toOneRelation:B})},ae=ne=>{G({name:f,id:ne.id})},w=()=>{M.fetchNextPage()},re=(ne="")=>{const[he,ze]=ci(V,x()(q,f));Q(ne,{idsToInclude:ze,idsToOmit:he})},pe=()=>{L.fetchNextPage()},Te=ne=>`${ne+1} of ${V.length}`,Mt=(ne,he)=>{const ze=V[ne];D(I({id:(0,h.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:ze.mainField??ze.id,position:Te(he)})),_({name:f,newIndex:he,oldIndex:ne})},Bt=ne=>{const he=V[ne];D(I({id:(0,h.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:he.mainField??he.id,position:Te(ne)}))},Pt=ne=>{const he=V[ne];D(I({id:(0,h.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:he.mainField??he.id,position:Te(ne)}))},$t=ne=>{const he=V[ne];D(I({id:(0,h.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:he.mainField??he.id}))};if(!d&&l||!l&&!d&&!m)return t.createElement(y.NotAllowedInput,{name:f,intlLabel:c,labelAction:u});const qe=V.length,We=(x()(q,Y)??[]).length,qt=M.data?.pages[0]?.pagination?.total??0,nt=!M.data&&qe===We?qe:qe-We+qt;return t.createElement(Ds,{error:e,canReorder:!B,description:a,disabled:j,iconButtonAriaLabel:I({id:(0,h.OB)("components.RelationInput.icon-button-aria-label"),defaultMessage:"Drag"}),id:f,label:`${I({id:c.id,defaultMessage:c.defaultMessage})} ${nt>0?`(${nt})`:""}`,labelAction:u,labelLoadMore:l?null:I({id:(0,h.OB)("relation.loadMore"),defaultMessage:"Load More"}),labelDisconnectRelation:I({id:(0,h.OB)("relation.disconnect"),defaultMessage:"Remove"}),listAriaDescription:I({id:(0,h.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"}),listHeight:320,liveText:A,loadingMessage:I({id:(0,h.OB)("relation.isLoading"),defaultMessage:"Relations are loading"}),name:f,noRelationsMessage:I({id:(0,h.OB)("relation.notAvailable"),defaultMessage:"No relations available"}),numberOfRelationsToDisplay:lt,onDropItem:Pt,onGrabItem:Bt,onCancel:$t,onRelationConnect:Z,onRelationDisconnect:ae,onRelationLoadMore:w,onRelationReorder:Mt,onSearch:ne=>re(ne),onSearchNextPage:()=>pe(),placeholder:I(T||{id:(0,h.OB)("relation.add"),defaultMessage:"Add relation"}),publicationStateTranslations:{[Ge.DRAFT]:I({id:(0,h.OB)("relation.publicationState.draft"),defaultMessage:"Draft"}),[Ge.PUBLISHED]:I({id:(0,h.OB)("relation.publicationState.published"),defaultMessage:"Published"})},relations:pn()({...M,data:V},"data","hasNextPage","isFetchingNextPage","isLoading","isSuccess"),required:k,searchResults:li(L,{mainFieldName:g.name}),size:v})};fn.defaultProps={componentId:void 0,editable:!0,error:void 0,description:"",labelAction:null,isComponentRelation:!1,isFieldAllowed:!0,placeholder:null,required:!1},fn.propTypes={componentId: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,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 mi=(0,t.memo)(fn);var pi=oi(mi,si);function gi(e,o){return r=>{const s=o(r.keys);return t.createElement(e,{...r,...s})}}var fi=gi,hi=(e,o=!1)=>[{metadatas:{intlLabel:{id:"components.InputSelect.option.placeholder",defaultMessage:"Choose here"},disabled:o,hidden:o},key:"__enum_option_null",value:""},...e.map(r=>({metadatas:{intlLabel:{id:r,defaultMessage:r},hidden:!1,disabled:!1},key:r,value:r}))],yi=E(59578),bi=E.n(yi),Ei=(e="")=>{switch(bi()(e)){case"boolean":return"bool";case"biginteger":return"text";case"decimal":case"float":case"integer":return"number";case"date":case"datetime":case"time":return e;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 e||"text"}},Ci=e=>{let o;return e==="float"||e==="decimal"?o=.01:o=1,o};function Ri(e){const{createActionAllowedFields:o,formErrors:r,isCreatingEntry:s,modifiedData:a,onChange:c,readActionAllowedFields:l,shouldNotRunValidations:d,updateActionAllowedFields:m}=(0,y.useCMEditViewDataManager)(),u=(0,t.useMemo)(()=>s?o:m,[s,o,m]),g=(0,t.useMemo)(()=>s?[]:l,[s,l]),f=x()(a,e,null);return{allowedFields:u,formErrors:r,isCreatingEntry:s,onChange:c,readableFields:g,shouldNotRunValidations:d,value:f}}var vi=Ri,Uo=["type","model","via","collection","default","plugin","enum","regex","pluginOptions"];function hn({allowedFields:e,componentUid:o,fieldSchema:r,formErrors:s,isCreatingEntry:a,keys:c,labelAction:l,metadatas:d,onChange:m,readableFields:u,shouldNotRunValidations:g,queryInfos:f,value:p,size:b,customFieldInputs:C}){const{fields:T}=(0,y.useLibrary)(),{formatMessage:k}=(0,z.useIntl)(),{contentType:R}=Xe(),v=(0,t.useMemo)(()=>!x()(d,"editable",!0),[d]),{type:S,customField:A}=r,D=x()(s,[c],null),I=(0,t.useMemo)(()=>(0,h.Ts)(c),[c]),O=(0,t.useMemo)(()=>{const Z=Ks()(r,g?[...Uo,"required","minLength"]:Uo),ae=r.regex||null;if(ae){const w=new RegExp(ae);w&&(Z.regex=w)}return Z},[r,g]),q=(0,t.useMemo)(()=>x()(O,["required"],!1),[O]),U=(0,t.useMemo)(()=>{const Z=x()(R,["attributes"],{});return x()(Z,[I[0],"type"],null)==="dynamiczone"},[R,I]),N=(0,t.useMemo)(()=>Ei(S),[S]),G=(0,t.useMemo)(()=>S==="media"&&!p?[]:p,[S,p]),$=(0,t.useMemo)(()=>Ci(S),[S]),_=(0,t.useMemo)(()=>{const Z=I.join(".");if(e.includes(Z))return!0;if(U)return e.includes(I[0]);if(I.length>1){const w=wt()(I,I.length-1).join(".");return e.includes(w)}return!1},[e,I,U]),H=(0,t.useMemo)(()=>{const Z=I.join(".");if(u.includes(Z))return!0;if(U)return u.includes(I[0]);if(I.length>1){const w=wt()(I,I.length-1).join(".");return u.includes(w)}return!1},[u,I,U]),Y=(0,t.useMemo)(()=>H||_,[_,H]),V=(0,t.useMemo)(()=>a?v:H&&!_?!0:v,[v,a,_,H]),ee=(0,t.useMemo)(()=>hi(r.enum||[],q),[r,q]),{label:M,description:L,placeholder:Q,visible:W}=d,B=(0,t.useMemo)(()=>{if(!d.step||N!=="datetime"&&N!=="time")return $;if(!G)return d.step;let Z;return N==="datetime"?Z=parseInt(G.substr(14,2),10):N==="time"&&(Z=parseInt(G.slice(-2),10)),Z%d.step===0?d.step:$},[N,G,d.step,$]);if(W===!1)return null;if(!Y)return t.createElement(y.NotAllowedInput,{description:L?{id:L,defaultMessage:L}:null,intlLabel:{id:M,defaultMessage:M},labelAction:l,error:D&&k(D),name:c,required:q});if(S==="relation")return t.createElement(pi,{...d,...r,componentUid:o,description:d.description?k({id:d.description,defaultMessage:d.description}):void 0,intlLabel:{id:d.label,defaultMessage:d.label},labelAction:l,isUserAllowedToEditField:_,isUserAllowedToReadField:H,name:c,placeholder:d.placeholder?{id:d.placeholder,defaultMessage:d.placeholder}:null,queryInfos:f,size:b,value:p,error:D&&k(D)});const j={uid:ei,media:T.media,wysiwyg:_a,...T,...C};return t.createElement(y.GenericInput,{attribute:r,autoComplete:"new-password",intlLabel:{id:M,defaultMessage:M},isNullable:N==="bool"&&[null,void 0].includes(r.default),description:L?{id:L,defaultMessage:L}:null,disabled:V,error:D,labelAction:l,contentTypeUID:R.uid,customInputs:j,multiple:r.multiple||!1,name:c,onChange:m,options:ee,placeholder:Q?{id:Q,defaultMessage:Q}:null,required:r.required||!1,step:B,type:A||N,value:G,withDefaultValue:!1})}hn.defaultProps={componentUid:void 0,formErrors:{},labelAction:void 0,size:void 0,value:null,queryInfos:{},customFieldInputs:{}},hn.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 Ti=(0,t.memo)(hn,Je());var yn=fi(Ti,vi);const Lt=new Map;var bn=(e=[])=>{const[o,r]=(0,t.useState)(Object.fromEntries(Lt)),s=e.filter(m=>!Lt.get(m)),[a,c]=(0,t.useState)(()=>!!s.length),l=(0,y.useCustomFields)();(0,t.useEffect)(()=>{const m=g=>{r(g),c(!1)},u=async(g,f)=>{const p=await Promise.all(f);g.forEach((b,C)=>{Lt.set(b,p[C].default)}),m(Object.fromEntries(Lt))};if(s.length>0){c(!0);const g=s.map(f=>l.get(f).components.Input());g.length>0&&u(s,g)}},[s,l]);const d=(0,t.useCallback)(()=>{Lt.clear(),r({})},[]);return{isLazyLoading:a,lazyComponentStore:o,cleanup:d}};const En=({componentUid:e,isFromDynamicZone:o,isNested:r,name:s})=>{const{getComponentLayout:a}=Xe(),l=(0,t.useMemo)(()=>a(e),[e,a]).layouts.edit,{lazyComponentStore:d}=bn();return t.createElement(i.Box,{background:o?"":"neutral100",paddingLeft:6,paddingRight:6,paddingTop:6,paddingBottom:6,hasRadius:r,borderColor:r?"neutral200":""},t.createElement(i.Flex,{direction:"column",alignItems:"stretch",gap:6},l.map((m,u)=>t.createElement(i.Grid,{gap:4,key:u},m.map(({name:g,size:f,metadatas:p,fieldSchema:b,queryInfos:C})=>{const T=b.type==="component",k=`${s}.${g}`;if(T){const R=b.component;return t.createElement(i.GridItem,{col:f,s:12,xs:12,key:g},t.createElement(zt,{componentUid:R,intlLabel:{id:p.label,defaultMessage:p.label},isNested:!0,isRepeatable:b.repeatable,max:b.max,min:b.min,name:k,required:b.required||!1}))}return t.createElement(i.GridItem,{col:f,key:g,s:12,xs:12},t.createElement(yn,{componentUid:e,keys:k,fieldSchema:b,metadatas:p,queryInfos:C,size:f,customFieldInputs:d}))})))))};En.defaultProps={isFromDynamicZone:!1,isNested:!1},En.propTypes={componentUid:n().string.isRequired,isFromDynamicZone:n().bool,isNested:n().bool,name:n().string.isRequired};var Mi=En,Di=E(41119),Ho=E.n(Di);const Ii=P.default.span`
|
|
744
|
-
display: block;
|
|
745
|
-
background-color: ${({theme:e})=>e.colors.primary100};
|
|
746
|
-
outline: 1px dashed ${({theme:e})=>e.colors.primary500};
|
|
747
|
-
outline-offset: -1px;
|
|
748
|
-
padding: ${({theme:e})=>e.spaces[6]};
|
|
749
|
-
`;var ki=()=>t.createElement(Ii,{padding:6,background:"primary100"});const xi=(0,P.default)(i.IconButton)`
|
|
750
|
-
background-color: transparent;
|
|
751
|
-
|
|
752
|
-
svg {
|
|
753
|
-
path {
|
|
754
|
-
fill: ${({theme:e,expanded:o})=>o?e.colors.primary600:e.colors.neutral600};
|
|
755
|
-
}
|
|
756
|
-
}
|
|
757
|
-
|
|
758
|
-
&:hover {
|
|
759
|
-
svg {
|
|
760
|
-
path {
|
|
761
|
-
fill: ${({theme:e})=>e.colors.primary600};
|
|
762
|
-
}
|
|
763
|
-
}
|
|
764
|
-
}
|
|
765
|
-
`,Fi=(0,P.default)(i.Flex)`
|
|
766
|
-
& .drag-handle {
|
|
767
|
-
background: unset;
|
|
768
|
-
|
|
769
|
-
svg {
|
|
770
|
-
path {
|
|
771
|
-
fill: ${({theme:e,expanded:o})=>o?e.colors.primary600:void 0};
|
|
772
|
-
}
|
|
773
|
-
}
|
|
774
|
-
|
|
775
|
-
&:hover {
|
|
776
|
-
svg {
|
|
777
|
-
path {
|
|
778
|
-
/* keeps the hover style of the accordion */
|
|
779
|
-
fill: ${({theme:e})=>e.colors.primary600};
|
|
780
|
-
}
|
|
781
|
-
}
|
|
782
|
-
}
|
|
783
|
-
}
|
|
784
|
-
`,Cn=({componentFieldName:e,componentUid:o,fields:r,index:s,isOpen:a,isReadOnly:c,mainField:l,moveComponentField:d,onClickToggle:m,toggleCollapses:u,onGrabItem:g,onDropItem:f,onCancel:p})=>{const{modifiedData:b,removeRepeatableField:C,triggerFormValidation:T}=(0,y.useCMEditViewDataManager)(),k=Ho()(x()(b,[...e.split("."),l],"")),R=(0,t.useRef)(null),{formatMessage:v}=(0,z.useIntl)(),[S]=e.split("."),[{handlerId:A,isDragging:D,handleKeyDown:I},O,q,U,N]=te(!c,{type:`${h._Q.COMPONENT}_${S}`,index:s,item:{displayedValue:k},onMoveItem:d,onStart(){u()},onEnd(){T()},onGrabItem:g,onDropItem:f,onCancel:p});(0,t.useEffect)(()=>{N((0,dt.rX)(),{captureDraggingState:!1})},[N,s]);const G=(0,h.FE)(R,U),$=(0,h.FE)(O,q),{lazyComponentStore:_}=bn();return t.createElement(i.Box,{ref:$},D?t.createElement(ki,null):t.createElement(i.Accordion,{expanded:a,onToggle:m,id:e,size:"S"},t.createElement(i.AccordionToggle,{action:c?null:t.createElement(Fi,{gap:0,expanded:a},t.createElement(xi,{expanded:a,noBorder:!0,onClick:()=>{C(e),u()},label:v({id:(0,h.OB)("containers.Edit.delete"),defaultMessage:"Delete"}),icon:t.createElement(F.Trash,null)}),t.createElement(i.IconButton,{className:"drag-handle",ref:G,forwardedAs:"div",role:"button",noBorder:!0,tabIndex:0,onClick:H=>H.stopPropagation(),"data-handler-id":A,label:v({id:(0,h.OB)("components.DragHandle-label"),defaultMessage:"Drag"}),onKeyDown:I},t.createElement(F.Drag,null))),title:k,togglePosition:"left"}),t.createElement(i.AccordionContent,null,t.createElement(i.Flex,{direction:"column",alignItems:"stretch",background:"neutral100",padding:6,gap:6},r.map((H,Y)=>t.createElement(i.Grid,{gap:4,key:Y},H.map(({name:V,fieldSchema:ee,metadatas:M,queryInfos:L,size:Q})=>{const W=ee.type==="component",B=`${e}.${V}`;if(W){const j=ee.component;return t.createElement(i.GridItem,{col:Q,s:12,xs:12,key:V},t.createElement(zt,{componentUid:j,intlLabel:{id:M.label,defaultMessage:M.label},isRepeatable:ee.repeatable,isNested:!0,name:B,max:ee.max,min:ee.min,required:ee.required}))}return t.createElement(i.GridItem,{key:B,col:Q,s:12,xs:12},t.createElement(yn,{componentUid:o,fieldSchema:ee,keys:B,metadatas:M,queryInfos:L,size:Q,customFieldInputs:_}))})))))))};Cn.defaultProps={componentUid:void 0,fields:[],isReadOnly:!1,isOpen:!1,onGrabItem:void 0,onDropItem:void 0,onCancel:void 0,toggleCollapses(){}},Cn.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 wi=(0,t.memo)(Cn);const Li=(0,P.default)(i.Box)`
|
|
785
|
-
overflow: hidden;
|
|
786
|
-
border-bottom: 1px solid ${({theme:e})=>e.colors.neutral200};
|
|
787
|
-
border-right: 1px solid ${({theme:e})=>e.colors.neutral200};
|
|
788
|
-
border-left: 1px solid ${({theme:e})=>e.colors.neutral200};
|
|
789
|
-
border-radius: 0 0 ${({theme:e})=>e.borderRadius} ${({theme:e})=>e.borderRadius};
|
|
790
|
-
`,Oi=(0,P.default)(i.Box)`
|
|
791
|
-
border-bottom: none;
|
|
792
|
-
|
|
793
|
-
/* add the borders and make sure the top is transparent to avoid jumping with the hover effect */
|
|
794
|
-
& > div > div {
|
|
795
|
-
border: 1px solid ${({theme:e})=>e.colors.neutral200};
|
|
796
|
-
border-top-color: transparent;
|
|
797
|
-
}
|
|
798
|
-
|
|
799
|
-
/* the top accordion _does_ need a border though */
|
|
800
|
-
& > div:first-child > div {
|
|
801
|
-
border-top: 1px solid ${({theme:e})=>e.colors.neutral200};
|
|
802
|
-
}
|
|
803
|
-
|
|
804
|
-
/* Reset all the border-radius' */
|
|
805
|
-
& > div > div,
|
|
806
|
-
& > div > div > div {
|
|
807
|
-
border-radius: unset;
|
|
808
|
-
}
|
|
809
|
-
|
|
810
|
-
/* Give the border radius back to the first accordion */
|
|
811
|
-
& > div:first-child > div,
|
|
812
|
-
& > div:first-child > div > div {
|
|
813
|
-
border-radius: ${({theme:e})=>e.borderRadius} ${({theme:e})=>e.borderRadius} 0 0;
|
|
814
|
-
}
|
|
815
|
-
|
|
816
|
-
& > div > div[data-strapi-expanded='true'] {
|
|
817
|
-
border: 1px solid ${({theme:e})=>e.colors.primary600};
|
|
818
|
-
}
|
|
819
|
-
`,Rn=({children:e,error:o})=>{const{formatMessage:r}=(0,z.useIntl)();return t.createElement(i.KeyboardNavigable,{attributeName:"data-strapi-accordion-toggle"},e,o&&t.createElement(i.Box,{paddingTop:1},t.createElement(i.Typography,{variant:"pi",textColor:"danger600"},r({id:o.id,defaultMessage:o.defaultMessage},{...o.values}))))};Rn.defaultProps={error:void 0},Rn.propTypes={children:n().node.isRequired,error:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object})};function Si(e,o={}){return Object.keys(o).filter(r=>r.startsWith(e)).map(r=>r.split(".").slice(0,e.split(".").length+1).join("."))}const Ai=(0,P.default)(i.TextButton)`
|
|
820
|
-
height: 100%;
|
|
821
|
-
width: 100%;
|
|
822
|
-
border-radius: 0 0 4px 4px;
|
|
823
|
-
display: flex;
|
|
824
|
-
justify-content: center;
|
|
825
|
-
span {
|
|
826
|
-
font-weight: 600;
|
|
827
|
-
font-size: 14px;
|
|
828
|
-
}
|
|
829
|
-
`,vn=({componentUid:e,componentValue:o,componentValueLength:r,isReadOnly:s,max:a,min:c,name:l})=>{const{addRepeatableComponentToField:d,formErrors:m,moveComponentField:u}=(0,y.useCMEditViewDataManager)(),g=(0,y.useNotification)(),{formatMessage:f}=(0,z.useIntl)(),[p,b]=(0,t.useState)(""),[C,T]=(0,t.useState)(""),{getComponentLayout:k,components:R}=Xe(),v=(0,t.useMemo)(()=>k(e),[e,k]),S=(0,t.useMemo)(()=>(0,h.Uo)(o||[])+1,[o]),A=Si(l,m),D=c-r,I=x()(m,l,{id:""}).id.includes("min"),O=()=>{b("")},q=()=>{s||(r<a?(d(l,v,R,I),b(S)):r>=a&&g({type:"info",message:{id:(0,h.OB)("components.notification.info.maximum-requirement")}}))},U=(M,L)=>{T(f({id:(0,h.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:`${l}.${L}`,position:$(M)})),u({name:l,newIndex:M,currentIndex:L})},N=x()(v,["settings","mainField"],"id"),G=M=>()=>{b(p===M?"":M)},$=M=>`${M+1} of ${r}`,_=M=>{T(f({id:(0,h.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:`${l}.${M}`}))},H=M=>{T(f({id:(0,h.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}.${M}`,position:$(M)}))},Y=M=>{T(f({id:(0,h.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:`${l}.${M}`,position:$(M)}))};let V=m[l];if(I?V={id:(0,h.OB)("components.DynamicZone.missing-components"),defaultMessage:"There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}",values:{number:D}}:A.some(M=>M.split(".").length>1)&&!I&&(V={id:(0,h.OB)("components.RepeatableComponent.error-message"),defaultMessage:"The component(s) contain error(s)"}),r===0)return t.createElement(Oo,{error:V,isReadOnly:s,onClick:q});const ee=`${l}-item-instructions`;return t.createElement(i.Box,{hasRadius:!0},t.createElement(i.VisuallyHidden,{id:ee},f({id:(0,h.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"})),t.createElement(i.VisuallyHidden,{"aria-live":"assertive"},C),t.createElement(Rn,{error:V,ariaDescribedBy:ee},t.createElement(Oi,{"aria-describedby":ee},o.map(({__temp_key__:M},L)=>t.createElement(wi,{componentFieldName:`${l}.${L}`,componentUid:e,fields:v.layouts.edit,key:M,index:L,isOpen:p===M,isReadOnly:s,mainField:N,moveComponentField:U,onClickToggle:G(M),toggleCollapses:O,onCancel:_,onDropItem:Y,onGrabItem:H}))),t.createElement(Li,null,t.createElement(i.Flex,{justifyContent:"center",height:"48px",background:"neutral0"},t.createElement(Ai,{disabled:s,onClick:q,startIcon:t.createElement(F.Plus,null)},f({id:(0,h.OB)("containers.EditView.add.new-entry"),defaultMessage:"Add an entry"}))))))};vn.defaultProps={componentValue:null,componentValueLength:0,isReadOnly:!1,max:1/0,min:0},vn.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 Bi=(0,t.memo)(vn);const Tn=({addNonRepeatableComponentToField:e,componentUid:o,intlLabel:r,isCreatingEntry:s,isFromDynamicZone:a,isRepeatable:c,isNested:l,labelAction:d,max:m,min:u,name:g,hasChildrenAllowedFields:f,hasChildrenReadableFields:p,isReadOnly:b,componentValue:C,removeComponentFromField:T,required:k})=>{const{formatMessage:R}=(0,z.useIntl)(),v=js()(C),S=C!==null||a,A=!c&&S&&!a&&f,{getComponentLayout:D,components:I}=Xe(),O=(0,t.useMemo)(()=>D(o),[o,D]);if(!f&&s)return t.createElement(y.NotAllowedInput,{labelAction:d,intlLabel:r,name:g});if(!f&&!s&&!p)return t.createElement(y.NotAllowedInput,{labelAction:d,intlLabel:r,name:g});const q=()=>{e(g,O,I)};return t.createElement(i.Box,null,t.createElement(i.Flex,{justifyContent:"space-between"},r&&t.createElement(Gs,{intlLabel:r,labelAction:d,name:g,numberOfEntries:v,showNumberOfEntries:c,required:k}),A&&t.createElement(i.IconButton,{label:R({id:(0,h.OB)("components.reset-entry"),defaultMessage:"Reset Entry"}),icon:t.createElement(F.Trash,null),noBorder:!0,onClick:()=>{T(g,o)}})),t.createElement(i.Flex,{direction:"column",alignItems:"stretch",gap:1},!c&&!S&&t.createElement(Oo,{isReadOnly:b,onClick:q}),!c&&S&&t.createElement(Mi,{componentUid:o,isFromDynamicZone:a,isNested:l,name:g}),c&&t.createElement(Bi,{componentValue:C,componentValueLength:v,componentUid:o,isReadOnly:b,max:m,min:u,name:g})))};Tn.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},Tn.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 Pi=(0,t.memo)(Tn,Je());var zt=Ws(Pi,Hs);const $i=(0,P.default)(i.Flex)`
|
|
830
|
-
/*
|
|
831
|
-
we need to remove the background from the button but we can't
|
|
832
|
-
wrap the element in styled because it breaks the forwardedAs which
|
|
833
|
-
we need for drag handler to work on firefox
|
|
834
|
-
*/
|
|
835
|
-
div[role='button'] {
|
|
836
|
-
background: transparent;
|
|
837
|
-
}
|
|
838
|
-
`,qi=(0,P.default)(i.IconButton)`
|
|
839
|
-
background-color: transparent;
|
|
840
|
-
|
|
841
|
-
svg path {
|
|
842
|
-
fill: ${({theme:e,expanded:o})=>o?e.colors.primary600:e.colors.neutral600};
|
|
843
|
-
}
|
|
844
|
-
`,Ni=(0,P.default)(i.Box)`
|
|
845
|
-
> div:first-child {
|
|
846
|
-
box-shadow: ${({theme:e})=>e.shadows.tableShadow};
|
|
847
|
-
}
|
|
848
|
-
`,ji=(0,P.default)(i.Box)`
|
|
849
|
-
border-radius: 0 0 ${({theme:e})=>e.spaces[1]} ${({theme:e})=>e.spaces[1]};
|
|
850
|
-
`,Vi=(0,P.default)(i.Box)`
|
|
851
|
-
width: ${({theme:e})=>e.spaces[2]};
|
|
852
|
-
height: ${({theme:e})=>e.spaces[4]};
|
|
853
|
-
`,Wi=P.default.span`
|
|
854
|
-
display: block;
|
|
855
|
-
background-color: ${({theme:e})=>e.colors.primary100};
|
|
856
|
-
outline: 1px dashed ${({theme:e})=>e.colors.primary500};
|
|
857
|
-
outline-offset: -1px;
|
|
858
|
-
padding: ${({theme:e})=>e.spaces[6]};
|
|
859
|
-
`,zi=(0,P.default)(i.Box)`
|
|
860
|
-
list-style: none;
|
|
861
|
-
padding: 0;
|
|
862
|
-
margin: 0;
|
|
863
|
-
`,Mn=({componentUid:e,formErrors:o,index:r,isFieldAllowed:s,name:a,onRemoveComponentClick:c,onMoveComponent:l,onGrabItem:d,onDropItem:m,onCancel:u})=>{const[g,f]=(0,t.useState)(!0),{formatMessage:p}=(0,z.useIntl)(),{getComponentLayout:b}=Xe(),{modifiedData:C}=(0,y.useCMEditViewDataManager)(),{icon:T,friendlyName:k,mainValue:R}=(0,t.useMemo)(()=>{const H=b(e),{info:{icon:Y,displayName:V}}=H,ee=x()(H,["settings","mainField"],"id"),M=x()(C,[a,r,ee])??"",L=ee==="id"?"":String(M).trim(),Q=L.length>0?` - ${L}`:L;return{friendlyName:V,icon:Y,mainValue:Q}},[e,b,C,a,r]),v=Object.keys(o).filter(H=>{const Y=H.split(".");return`${Y[0]}.${Y[1]}`==`${a}.${r}`});let S;v.length>0&&(S=p({id:(0,h.OB)("components.DynamicZone.error-message"),defaultMessage:"The component contains error(s)"}));const A=()=>{f(H=>!H)},[{handlerId:D,isDragging:I,handleKeyDown:O},q,U,N,G]=te(s,{type:`${h._Q.DYNAMIC_ZONE}_${a}`,index:r,item:{displayedValue:`${k}${R}`,icon:T},onMoveItem:l,onGrabItem:d,onDropItem:m,onCancel:u});(0,t.useEffect)(()=>{G((0,dt.rX)(),{captureDraggingState:!1})},[G,r]);const $=(0,h.FE)(q,U),_=s?t.createElement($i,{gap:0,expanded:g},t.createElement(qi,{noBorder:!0,label:p({id:(0,h.OB)("components.DynamicZone.delete-label"),defaultMessage:"Delete {name}"},{name:k}),onClick:c},t.createElement(F.Trash,null)),t.createElement(i.IconButton,{forwardedAs:"div",role:"button",noBorder:!0,tabIndex:0,onClick:H=>H.stopPropagation(),"data-handler-id":D,ref:N,label:p({id:(0,h.OB)("components.DragHandle-label"),defaultMessage:"Drag"}),onKeyDown:O},t.createElement(F.Drag,null))):null;return t.createElement(zi,{as:"li"},t.createElement(i.Flex,{justifyContent:"center"},t.createElement(Vi,{background:"neutral200"})),t.createElement(Ni,{ref:$,hasRadius:!0},I?t.createElement(Wi,{padding:6,background:"primary100"}):t.createElement(i.Accordion,{expanded:g,onToggle:A,size:"S",error:S},t.createElement(i.AccordionToggle,{action:_,title:`${k}${R}`,togglePosition:"left"}),t.createElement(i.AccordionContent,null,t.createElement(ji,{background:"neutral0"},t.createElement(zt,{componentUid:e,icon:T,name:`${a}.${r}`,isFromDynamicZone:!0}))))))};Mn.defaultProps={formErrors:{},index:0,isFieldAllowed:!0,onGrabItem:void 0,onDropItem:void 0,onCancel:void 0},Mn.propTypes={componentUid:n().string.isRequired,formErrors:n().object,index:n().number,isFieldAllowed:n().bool,name:n().string.isRequired,onGrabItem:n().func,onDropItem:n().func,onCancel:n().func,onMoveComponent:n().func.isRequired,onRemoveComponentClick:n().func.isRequired};var Ui=Mn;const Dn=(0,P.default)(F.PlusCircle)`
|
|
864
|
-
transform: ${({$isOpen:e})=>e?"rotate(45deg)":"rotate(0deg)"};
|
|
865
|
-
> circle {
|
|
866
|
-
fill: ${({theme:e,$hasError:o})=>o?e.colors.danger200:e.colors.neutral150};
|
|
867
|
-
}
|
|
868
|
-
> path {
|
|
869
|
-
fill: ${({theme:e,$hasError:o})=>o?e.colors.danger600:e.colors.neutral600};
|
|
870
|
-
}
|
|
871
|
-
`,Hi=(0,P.default)(i.BaseButton)`
|
|
872
|
-
border-radius: 26px;
|
|
873
|
-
border-color: ${({theme:e})=>e.colors.neutral150};
|
|
874
|
-
background: ${({theme:e})=>e.colors.neutral0};
|
|
875
|
-
padding-top: ${({theme:e})=>e.spaces[3]};
|
|
876
|
-
padding-right: ${({theme:e})=>e.spaces[4]};
|
|
877
|
-
padding-bottom: ${({theme:e})=>e.spaces[3]};
|
|
878
|
-
padding-left: ${({theme:e})=>e.spaces[4]};
|
|
879
|
-
|
|
880
|
-
box-shadow: ${({theme:e})=>e.shadows.filterShadow};
|
|
881
|
-
|
|
882
|
-
svg {
|
|
883
|
-
height: ${({theme:e})=>e.spaces[6]};
|
|
884
|
-
width: ${({theme:e})=>e.spaces[6]};
|
|
885
|
-
> path {
|
|
886
|
-
fill: ${({theme:e})=>e.colors.neutral600};
|
|
887
|
-
}
|
|
888
|
-
}
|
|
889
|
-
&:hover {
|
|
890
|
-
color: ${({theme:e})=>e.colors.primary600} !important;
|
|
891
|
-
${i.Typography} {
|
|
892
|
-
color: ${({theme:e})=>e.colors.primary600} !important;
|
|
893
|
-
}
|
|
894
|
-
|
|
895
|
-
${Dn} {
|
|
896
|
-
> circle {
|
|
897
|
-
fill: ${({theme:e})=>e.colors.primary600};
|
|
898
|
-
}
|
|
899
|
-
> path {
|
|
900
|
-
fill: ${({theme:e})=>e.colors.neutral100};
|
|
901
|
-
}
|
|
902
|
-
}
|
|
903
|
-
}
|
|
904
|
-
&:active {
|
|
905
|
-
${i.Typography} {
|
|
906
|
-
color: ${({theme:e})=>e.colors.primary600};
|
|
907
|
-
}
|
|
908
|
-
${Dn} {
|
|
909
|
-
> circle {
|
|
910
|
-
fill: ${({theme:e})=>e.colors.primary600};
|
|
911
|
-
}
|
|
912
|
-
> path {
|
|
913
|
-
fill: ${({theme:e})=>e.colors.neutral100};
|
|
914
|
-
}
|
|
915
|
-
}
|
|
916
|
-
}
|
|
917
|
-
`,Zi=(0,P.default)(i.Box)`
|
|
918
|
-
height: 100%;
|
|
919
|
-
`,In=({hasError:e,hasMaxError:o,hasMinError:r,isDisabled:s,isOpen:a,label:c,missingComponentNumber:l,name:d,onClick:m})=>{const{formatMessage:u}=(0,z.useIntl)(),g=u({id:(0,h.OB)("components.DynamicZone.add-component"),defaultMessage:"Add a component to {componentName}"},{componentName:c||d}),f=u({id:"app.utils.close-label",defaultMessage:"Close"});let p=a?f:g;return o&&!a&&(p=u({id:"components.Input.error.validation.max",defaultMessage:"The value is too high."})),r&&!a&&(p=u({id:(0,h.OB)("components.DynamicZone.missing-components"),defaultMessage:"There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}"},{number:l})),t.createElement(i.Flex,{justifyContent:"center"},t.createElement(i.Box,{style:{cursor:s?"not-allowed":"pointer"}},t.createElement(Hi,{type:"button",onClick:m,disabled:s,hasError:e},t.createElement(i.Flex,null,t.createElement(Zi,{"aria-hidden":!0,paddingRight:2},t.createElement(Dn,{$isOpen:a,$hasError:e&&!a})),t.createElement(i.Typography,{variant:"pi",fontWeight:"bold",textColor:e&&!a?"danger600":"neutral500"},p)))))};In.defaultProps={hasError:!1,hasMaxError:!1,hasMinError:!1,isDisabled:!1,isOpen:!1,label:"",missingComponentNumber:0},In.propTypes={label:n().string,hasError:n().bool,hasMaxError:n().bool,hasMinError:n().bool,isDisabled:n().bool,isOpen:n().bool,missingComponentNumber:n().number,name:n().string.isRequired,onClick:n().func.isRequired};var Gi=In;const _i=(0,P.default)(i.Box)`
|
|
920
|
-
border-radius: ${(0,y.pxToRem)(26)};
|
|
921
|
-
`,kn=({label:e,labelAction:o,name:r,numberOfComponents:s,required:a,intlDescription:c})=>{const{formatMessage:l}=(0,z.useIntl)(),d=l({id:e||r,defaultMessage:e||r});return t.createElement(i.Flex,{justifyContent:"center"},t.createElement(i.Box,null,t.createElement(_i,{paddingTop:3,paddingBottom:3,paddingRight:4,paddingLeft:4,background:"neutral0",shadow:"filterShadow",color:"neutral500"},t.createElement(i.Flex,{direction:"column",justifyContent:"center"},t.createElement(i.Flex,{maxWidth:(0,y.pxToRem)(356)},t.createElement(i.Typography,{variant:"pi",textColor:"neutral600",fontWeight:"bold",ellipsis:!0},d,"\xA0"),t.createElement(i.Typography,{variant:"pi",textColor:"neutral600",fontWeight:"bold"},"(",s,")"),a&&t.createElement(i.Typography,{textColor:"danger600"},"*"),o&&t.createElement(i.Box,{paddingLeft:1},o)),c&&t.createElement(i.Box,{paddingTop:1,maxWidth:(0,y.pxToRem)(356)},t.createElement(i.Typography,{variant:"pi",textColor:"neutral600",ellipsis:!0},l(c)))))))};kn.defaultProps={intlDescription:void 0,label:"",labelAction:void 0,numberOfComponents:0,required:!1},kn.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};var Qi=kn,Ki=E(81346),Zo=E.n(Ki);const Ut=5,Ht=8,Yi=(0,P.default)(i.Flex)`
|
|
922
|
-
border-radius: ${({showBackground:e})=>e?"50%":0};
|
|
923
|
-
color: ${({theme:e})=>e.colors.neutral600};
|
|
924
|
-
height: ${({theme:e,size:o})=>e.spaces[o==="S"?Ut:Ht]};
|
|
925
|
-
width: ${({theme:e,size:o})=>e.spaces[o==="S"?Ut:Ht]};
|
|
926
|
-
|
|
927
|
-
svg {
|
|
928
|
-
height: ${({theme:e,size:o})=>e.spaces[o==="S"?Ut-2:Ht-3]};
|
|
929
|
-
width: ${({theme:e,size:o})=>e.spaces[o==="S"?Ut-2:Ht-3]};
|
|
930
|
-
}
|
|
931
|
-
`;function Zt({showBackground:e=!0,size:o="M"}){return t.createElement(Yi,{alignItems:"center",background:e?"neutral200":null,justifyContent:"center",size:o,showBackground:e},t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512"},t.createElement("path",{d:"M216.3 2c4.8-2.6 10.5-2.6 15.3 0L422.3 106c5.1 2.8 8.3 8.2 8.3 14s-3.2 11.2-8.3 14L231.7 238c-4.8 2.6-10.5 2.6-15.3 0L25.7 134c-5.1-2.8-8.3-8.2-8.3-14s3.2-11.2 8.3-14L216.3 2zM23.7 170l176 96c5.1 2.8 8.3 8.2 8.3 14V496c0 5.6-3 10.9-7.8 13.8s-10.9 3-15.8 .3L8.3 414C3.2 411.2 0 405.9 0 400V184c0-5.6 3-10.9 7.8-13.8s10.9-3 15.8-.3zm400.7 0c5-2.7 11-2.6 15.8 .3s7.8 8.1 7.8 13.8V400c0 5.9-3.2 11.2-8.3 14l-176 96c-5 2.7-11 2.6-15.8-.3s-7.8-8.1-7.8-13.8V280c0-5.9 3.2-11.2 8.3-14l176-96z",fill:"currentColor"})))}Zt.defaultProps={showBackground:!0,size:"M"},Zt.propTypes={showBackground:n().bool,size:n().string};const Xi=(0,P.default)(i.Box)`
|
|
932
|
-
flex-shrink: 0;
|
|
933
|
-
height: ${(0,y.pxToRem)(84)};
|
|
934
|
-
border: 1px solid ${({theme:e})=>e.colors.neutral200};
|
|
935
|
-
background: ${({theme:e})=>e.colors.neutral100};
|
|
936
|
-
border-radius: ${({theme:e})=>e.borderRadius};
|
|
937
|
-
display: flex;
|
|
938
|
-
justify-content: center;
|
|
939
|
-
align-items: center;
|
|
940
|
-
|
|
941
|
-
&:focus,
|
|
942
|
-
&:hover {
|
|
943
|
-
border: 1px solid ${({theme:e})=>e.colors.primary200};
|
|
944
|
-
background: ${({theme:e})=>e.colors.primary100};
|
|
945
|
-
|
|
946
|
-
${i.Typography} {
|
|
947
|
-
color: ${({theme:e})=>e.colors.primary600};
|
|
948
|
-
}
|
|
949
|
-
|
|
950
|
-
/* > Flex > ComponentIcon */
|
|
951
|
-
> div > div:first-child {
|
|
952
|
-
background: ${({theme:e})=>e.colors.primary200};
|
|
953
|
-
color: ${({theme:e})=>e.colors.primary600};
|
|
954
|
-
}
|
|
955
|
-
}
|
|
956
|
-
`;function xn({children:e,onClick:o}){return t.createElement(Xi,{as:"button",type:"button",onClick:o,hasRadius:!0},t.createElement(i.Flex,{direction:"column",gap:1,alignItems:"center",justifyContent:"center"},t.createElement(Zt,null),t.createElement(i.Typography,{variant:"pi",fontWeight:"bold",textColor:"neutral600"},e)))}xn.defaultProps={onClick(){}},xn.propTypes={children:n().node.isRequired,onClick:n().func};const Ji=P.default.div`
|
|
957
|
-
display: grid;
|
|
958
|
-
grid-template-columns: repeat(auto-fit, ${140/16}rem);
|
|
959
|
-
grid-gap: ${({theme:e})=>e.spaces[1]};
|
|
960
|
-
`,Fn=({category:e,components:o,variant:r,isOpen:s,onAddComponent:a,onToggle:c})=>{const{formatMessage:l}=(0,z.useIntl)(),d=()=>{c(e)};return t.createElement(i.Accordion,{expanded:s,onToggle:d,size:"S"},t.createElement(i.AccordionToggle,{variant:r,title:l({id:e,defaultMessage:e}),togglePosition:"left"}),t.createElement(i.AccordionContent,null,t.createElement(i.Box,{paddingTop:4,paddingBottom:4,paddingLeft:3,paddingRight:3},t.createElement(Ji,null,o.map(({componentUid:m,info:{displayName:u}})=>t.createElement(xn,{key:m,onClick:a(m)},l({id:u,defaultMessage:u})))))))};Fn.defaultProps={components:[],isOpen:!1,variant:"primary"},Fn.propTypes={category:n().string.isRequired,components:n().array,isOpen:n().bool,onAddComponent:n().func.isRequired,onToggle:n().func.isRequired,variant:n().oneOf(["primary","secondary"])};var el=Fn;const wn=({components:e,isOpen:o,onClickAddComponent:r})=>{const{formatMessage:s}=(0,z.useIntl)(),{getComponentLayout:a}=Xe(),[c,l]=(0,t.useState)(""),d=(0,t.useMemo)(()=>{const g=e.map(p=>{const{category:b,info:C}=a(p);return{componentUid:p,category:b,info:C}}),f=Zo()(g,"category");return Object.keys(f).reduce((p,b)=>(p.push({category:b,components:f[b]}),p),[])},[e,a]);(0,t.useEffect)(()=>{o&&d.length>0&&l(d[0].category)},[o,d]);const m=g=>()=>{r(g),l("")},u=g=>{l(f=>f===g?"":g)};return o?t.createElement(i.Box,{paddingBottom:6},t.createElement(i.Box,{paddingTop:6,paddingBottom:6,paddingLeft:5,paddingRight:5,background:"neutral0",shadow:"tableShadow",borderColor:"neutral150",hasRadius:!0},t.createElement(i.Flex,{justifyContent:"center"},t.createElement(i.Typography,{fontWeight:"bold",textColor:"neutral600"},s({id:(0,h.OB)("components.DynamicZone.ComponentPicker-label"),defaultMessage:"Pick one component"}))),t.createElement(i.Box,{paddingTop:2},t.createElement(i.KeyboardNavigable,{attributeName:"data-strapi-accordion-toggle"},d.map(({category:g,components:f},p)=>t.createElement(el,{key:g,category:g,components:f,onAddComponent:m,isOpen:g===c,onToggle:u,variant:p%2===1?"primary":"secondary"})))))):null};wn.defaultProps={components:[],isOpen:!1},wn.propTypes={components:n().array,isOpen:n().bool,onClickAddComponent:n().func.isRequired};var tl=wn;const Ln=({name:e,addComponentToDynamicZone:o,formErrors:r,isCreatingEntry:s,isFieldAllowed:a,isFieldReadable:c,labelAction:l,moveComponentField:d,removeComponentFromDynamicZone:m,dynamicDisplayedComponents:u,fieldSchema:g,metadatas:f})=>{const[p,b]=(0,t.useState)(!1),[C,T]=(0,t.useState)(""),{formatMessage:k}=(0,z.useIntl)(),R=(0,y.useNotification)(),{getComponentLayout:v,components:S}=Xe(),A=u.length,D=f.description?{id:f.description,defaultMessage:f.description}:null,{max:I=1/0,min:O=-1/0}=g,q=(0,t.useMemo)(()=>Object.keys(r).filter(B=>B===e).map(B=>r[B]),[r,e]),U=O-A,N=q.length>0,G=q.length>0&&x()(q,[0,"id"],"").includes("min"),$=N&&x()(q,[0,"id"],"")==="components.Input.error.validation.max",_=B=>{b(!1);const j=v(B);o(e,j,S,N)},H=()=>{A<I?b(B=>!B):R({type:"info",message:{id:(0,h.OB)("components.notification.info.maximum-requirement")}})},Y=(B,j)=>{T(k({id:(0,h.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:`${e}.${j}`,position:V(B)})),d({name:e,newIndex:B,currentIndex:j})},V=B=>`${B+1} of ${u.length}`,ee=B=>{T(k({id:(0,h.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:`${e}.${B}`}))},M=B=>{T(k({id:(0,h.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:`${e}.${B}`,position:V(B)}))},L=B=>{T(k({id:(0,h.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:`${e}.${B}`,position:V(B)}))},Q=(B,j)=>()=>{m(B,j)};if(!a&&(s||!c&&!s))return t.createElement(y.NotAllowedInput,{description:D,intlLabel:{id:f.label,defaultMessage:f.label},labelAction:l,name:e});const W=`${e}-item-instructions`;return t.createElement(i.Flex,{direction:"column",alignItems:"stretch",gap:6},A>0&&t.createElement(i.Box,null,t.createElement(Qi,{intlDescription:D,label:f.label,labelAction:l,name:e,numberOfComponents:A,required:g.required||!1}),t.createElement(i.VisuallyHidden,{id:W},k({id:(0,h.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"})),t.createElement(i.VisuallyHidden,{"aria-live":"assertive"},C),t.createElement("ol",{"aria-describedby":W},u.map(({componentUid:B,id:j},Z)=>t.createElement(Ui,{componentUid:B,formErrors:r,key:`${B}-${j}`,index:Z,isFieldAllowed:a,name:e,onMoveComponent:Y,onRemoveComponentClick:Q(e,Z),onCancel:ee,onDropItem:L,onGrabItem:M})))),t.createElement(Gi,{hasError:N,hasMaxError:$,hasMinError:G,isDisabled:!a,label:f.label,missingComponentNumber:U,isOpen:p,name:e,onClick:H}),t.createElement(tl,{isOpen:p,components:g.components??[],onClickAddComponent:_}))};Ln.defaultProps={dynamicDisplayedComponents:[],fieldSchema:{max:1/0,min:-1/0},labelAction:null},Ln.propTypes={addComponentToDynamicZone:n().func.isRequired,dynamicDisplayedComponents:n().arrayOf(n().shape({componentUid:n().string.isRequired,id:n().number.isRequired})),fieldSchema:n().shape({components:n().array.isRequired,max:n().number,min:n().number,required:n().bool}),formErrors:n().object.isRequired,isCreatingEntry:n().bool.isRequired,isFieldAllowed:n().bool.isRequired,isFieldReadable:n().bool.isRequired,labelAction:n().element,metadatas:n().shape({description:n().string,label:n().string}).isRequired,moveComponentField:n().func.isRequired,name:n().string.isRequired,removeComponentFromDynamicZone:n().func.isRequired};const nl=(0,t.memo)(Ln,Je());var ol=Ps(nl,qs),et=E(41578);const Gt=()=>({type:et.ZA}),On=e=>({type:et.Id,data:e}),Sn=(e,o=!1)=>({type:et.TP,rawQuery:e,isSingleType:o}),Go=()=>({type:et.c2}),_o=(e,o)=>({type:et.w7,componentsDataStructure:e,contentTypeDataStructure:o}),ce=e=>({type:et.d0,status:e}),tt=e=>({type:et.t9,data:e}),rl=()=>({type:et.tE});var An=e=>e["content-manager_editViewCrudReducer"];const Bn=({allLayoutData:e,children:o,slug:r,id:s,origin:a})=>{const c=(0,pt.useQueryClient)(),l=(0,y.useNotification)(),{setCurrentStep:d}=(0,y.useGuidedTour)(),{trackUsage:m}=(0,y.useTracking)(),{push:u,replace:g}=(0,K.useHistory)(),[{rawQuery:f}]=(0,y.useQueryParams)(),p=(0,de.useDispatch)(),{componentsDataStructure:b,contentTypeDataStructure:C,data:T,isLoading:k,status:R}=(0,de.useSelector)(An),v=Eo(r),{formatAPIError:S}=(0,y.useAPIErrorHandler)(h.OB),A=(0,t.useRef)(!0),D=(0,t.useRef)(m),I=(0,t.useRef)(e),O=(0,y.useFetchClient)(),{put:q,post:U,del:N}=O,G=s===null,$=(0,t.useMemo)(()=>G&&!a?null:(0,h.IF)(`collection-types/${r}/${a||s}`),[r,s,G,a]),_=(0,t.useCallback)(j=>a?(0,y.contentManagementUtilRemoveFieldsFromData)(j,I.current.contentType,I.current.components):j,[a]),H=(0,t.useCallback)(j=>{const Z=(0,h.kc)(j,I.current.contentType,I.current.components);return(0,y.formatContentTypeData)(Z,I.current.contentType,I.current.components)},[]);(0,t.useEffect)(()=>{const j=Object.keys(e.components).reduce((w,re)=>{const pe=(0,h.Di)(x()(e,["components",re,"attributes"],{}),e.components);return w[re]=(0,y.formatContentTypeData)(pe,e.components[re],e.components),w},{}),Z=(0,h.Di)(e.contentType.attributes,e.components),ae=(0,y.formatContentTypeData)(Z,e.contentType,e.components);p(_o(j,ae))},[e,p]),(0,t.useEffect)(()=>()=>{p(Go())},[p]),(0,t.useEffect)(()=>{const Z=$e.Z.CancelToken.source(),ae=async re=>{p(Gt());try{const{data:pe}=await O.get($,{cancelToken:re.token});p(On(H(_(pe))))}catch(pe){if($e.Z.isCancel(pe))return;const Te=x()(pe,"response.status",null);if(Te===404){u(v);return}Te===403&&(l({type:"info",message:{id:(0,h.OB)("permissions.not-allowed.update")}}),u(v))}},w=async()=>{await p(Gt()),await p(Sn(f))};return A.current?($?ae(Z):w(),()=>{Z.cancel("Operation canceled by the user.")}):()=>{}},[O,_,H,u,$,p,f,v,l]);const Y=(0,t.useCallback)(j=>{l({type:"warning",message:S(j)})},[l,S]),V=(0,t.useCallback)(async j=>{try{D.current("willDeleteEntry",j);const{data:Z}=await N((0,h.IF)(`collection-types/${r}/${s}`));return l({type:"success",message:{id:(0,h.OB)("success.record.delete")}}),D.current("didDeleteEntry",j),Promise.resolve(Z)}catch(Z){return D.current("didNotDeleteEntry",{error:Z,...j}),Promise.reject(Z)}},[s,r,l,N]),ee=(0,t.useCallback)(()=>{g(v)},[v,g]),M=(0,t.useCallback)(async(j,Z)=>{const ae=`${(0,h.IF)(`collection-types/${r}`)}${f}`;try{p(ce("submit-pending"));const{data:w}=await U(ae,j);return D.current("didCreateEntry",Z),l({type:"success",message:{id:(0,h.OB)("success.record.save")}}),d("contentManager.success"),c.invalidateQueries(["relation"]),p(tt(H(w))),p(ce("resolved")),g(`/content-manager/collectionType/${r}/${w.id}${f}`),Promise.resolve(w)}catch(w){return Y(w),D.current("didNotCreateEntry",{error:w,trackerProperty:Z}),p(ce("resolved")),Promise.reject(w)}},[H,Y,g,r,p,f,l,d,c,U]),L=(0,t.useCallback)(async()=>{try{D.current("willCheckDraftRelations");const j=(0,h.IF)(`collection-types/${r}/${s}/actions/numberOfDraftRelations`);p(ce("draft-relation-check-pending"));const Z=await O.get(j);return D.current("didCheckDraftRelations"),p(ce("resolved")),Z.data.data}catch(j){return Y(j),p(ce("resolved")),Promise.reject(j)}},[Y,s,r,p,O]),Q=(0,t.useCallback)(async()=>{try{D.current("willPublishEntry");const j=(0,h.IF)(`collection-types/${r}/${s}/actions/publish`);p(ce("publish-pending"));const{data:Z}=await U(j);return D.current("didPublishEntry"),p(tt(H(Z))),p(ce("resolved")),l({type:"success",message:{id:(0,h.OB)("success.record.publish")}}),Promise.resolve(Z)}catch(j){return Y(j),p(ce("resolved")),Promise.reject(j)}},[H,Y,s,r,p,l,U]),W=(0,t.useCallback)(async(j,Z)=>{const ae=(0,h.IF)(`collection-types/${r}/${s}`);try{D.current("willEditEntry",Z),p(ce("submit-pending"));const{data:w}=await q(ae,j);return D.current("didEditEntry",{trackerProperty:Z}),l({type:"success",message:{id:(0,h.OB)("success.record.save")}}),c.invalidateQueries(["relation"]),p(tt(H(w))),p(ce("resolved")),Promise.resolve(w)}catch(w){return D.current("didNotEditEntry",{error:w,trackerProperty:Z}),Y(w),p(ce("resolved")),Promise.reject(w)}},[H,Y,r,s,p,l,c,q]),B=(0,t.useCallback)(async()=>{const j=(0,h.IF)(`collection-types/${r}/${s}/actions/unpublish`);p(ce("unpublish-pending"));try{D.current("willUnpublishEntry");const{data:Z}=await U(j);return D.current("didUnpublishEntry"),l({type:"success",message:{id:(0,h.OB)("success.record.unpublish")}}),p(tt(H(Z))),p(ce("resolved")),Promise.resolve(Z)}catch(Z){return p(ce("resolved")),Y(Z),Promise.reject(Z)}},[H,Y,s,r,p,l,U]);return o({componentsDataStructure:b,contentTypeDataStructure:C,data:T,isCreatingEntry:G,isLoadingForData:k,onDelete:V,onDeleteSucceeded:ee,onPost:M,onPublish:Q,onDraftRelationCheck:L,onPut:W,onUnpublish:B,status:R,redirectionLink:v})};Bn.defaultProps={id:null,origin:null},Bn.propTypes={allLayoutData:n().exact({components:n().object.isRequired,contentType:n().shape({apiID:n().string.isRequired,attributes:n().object.isRequired,info:n().object.isRequired,isDisplayed:n().bool.isRequired,kind:n().string.isRequired,layouts:n().object.isRequired,metadatas:n().object.isRequired,options:n().object.isRequired,pluginOptions:n().object,settings:n().object.isRequired,uid:n().string.isRequired}).isRequired}).isRequired,children:n().func.isRequired,id:n().string,origin:n().string,slug:n().string.isRequired};var sl=(0,t.memo)(Bn,Je()),al=E(86834),De=E.n(al),il=E(89793),Ot=E.n(il),ll=E(56236),cl=E.n(ll),dl=E(10268),Qo=E.n(dl),Pn=E(99526),Ko=(e,o,r,s)=>{const a=e.slice();return a.splice(o,1),a.splice(r,0,s),a},ul=E(77236),ml=E.n(ul);const pl=({browserState:e,serverState:o},r,s)=>{const a=o,c=e,l=(u,g)=>x()(u,["attributes",g,"type"],""),d=(u,g)=>x()(u,["attributes",...g],""),m=(u,g,f,p)=>Object.keys(u).reduce((b,C)=>{const T=p?`${p}.${C}`:C,k=l(f,C),R=x()(u,C),v=x()(g,C),S=d(f,[C,"component"]),A=d(f,[C,"repeatable"]);let D;switch(k){case"json":D=JSON.parse(R);break;case"time":{D=R,R&&R.split(":").length<3&&(D=`${R}:00`);break}case"media":d(f,[C,"multiple"])===!0?D=R?R.filter(I=>!(I instanceof File)):null:D=x()(R,0)instanceof File?null:x()(R,"id",null);break;case"component":A?D=R&&R.map((I,O)=>m(I,(v??[])[O],s[S],`${T}.${O}`)):D=R&&m(R,v,s[S],T);break;case"relation":{const I=zo(a,c)(T).join(".");let O=x()(a,I,[]);const q=R.reduce((N,G,$,_)=>{const H=O.find(V=>V.id===G.id),Y=_[$+1];if(!H||H.__temp_key__!==G.__temp_key__){const V=Y?{before:Y.id}:{end:!0};return[...N,{id:G.id,position:V}]}return N},[]);D={disconnect:O.reduce((N,G)=>R.find($=>$.id===G.id)?N:[...N,{id:G.id}],[]),connect:q.reverse()};break}case"dynamiczone":D=R.map((I,O)=>m(I,(v??[])[O],s[I.__component],`${T}.${O}`));break;default:D=gl(R,"id")}return b[C]=D,b},{});return m(e,o,r,"")},gl=(e,o)=>ml()(e)?e.map(r=>r[o]?r[o]:r):yo()(e)?e[o]:e;var fl=pl,hl=E(51355),yl=E.n(hl),bl=E(95919),El=E.n(bl),Cl=E(78746),Ct=E.n(Cl),fe=E(5173);function St(e){return["integer","biginteger","decimal","float","number"].includes(e)}fe.kM(fe.nK,"defined",function(){return this.test("defined",y.translatedErrors.required,e=>e!==void 0)}),fe.kM(fe.IX,"notEmptyMin",function(e){return this.test("notEmptyMin",y.translatedErrors.min,o=>De()(o)?!0:o.length>=e)}),fe.kM(fe.Z_,"isInferior",function(e,o){return this.test("isInferior",e,function(r){return!r||Number.isNaN(Ct()(r))?!0:Ct()(o)>=Ct()(r)})}),fe.kM(fe.Z_,"isSuperior",function(e,o){return this.test("isSuperior",e,function(r){return!r||Number.isNaN(Ct()(r))?!0:Ct()(r)>=Ct()(o)})});const Rl=e=>x()(e,["attributes"],{}),$n=(e,{components:o},r={isCreatingEntry:!0,isDraft:!0,isFromComponent:!1})=>{const s=Rl(e);return fe.Ry().shape(Object.keys(s).reduce((a,c)=>{const l=s[c];if(l.type!=="relation"&&l.type!=="component"&&l.type!=="dynamiczone"){const d=vl(l.type,l,r);a[c]=d}if(l.type==="relation"&&(a[c]=["oneWay","oneToOne","manyToOne","oneToManyMorph","oneToOneMorph"].includes(l.relationType)?fe.Ry().nullable():fe.IX().nullable()),l.type==="component"){const d=$n(o[l.component],{components:o},{...r,isFromComponent:!0});if(l.repeatable===!0){const{min:u,max:g,required:f}=l;let p=fe.Vo(b=>{let C=fe.IX().of(d);return u?f?C=C.min(u,y.translatedErrors.min):f!==!0&&De()(b)?C=C.nullable():C=C.min(u,y.translatedErrors.min):f&&!r.isDraft&&(C=C.min(1,y.translatedErrors.required)),g&&(C=C.max(g,y.translatedErrors.max)),C});return a[c]=p,a}const m=fe.Vo(u=>u!==void 0?l.required===!0&&!r.isDraft?d.defined():d.nullable():l.required===!0?fe.Ry().defined():fe.Ry().nullable());return a[c]=m,a}if(l.type==="dynamiczone"){let d=fe.IX().of(fe.Vo(({__component:g})=>$n(o[g],{components:o},{...r,isFromComponent:!0})));const{max:m,min:u}=l;u?l.required?d=d.test("min",y.translatedErrors.min,g=>r.isCreatingEntry?g&&g.length>=u:g===void 0?!0:g!==null&&g.length>=u).test("required",y.translatedErrors.required,g=>r.isCreatingEntry?g!==null||g!==void 0:g===void 0?!0:g!==null):d=d.notEmptyMin(u):l.required&&!r.isDraft&&(d=d.test("required",y.translatedErrors.required,g=>r.isCreatingEntry?g!==null||g!==void 0:g===void 0?!0:g!==null)),m&&(d=d.max(m,y.translatedErrors.max)),a[c]=d}return a},{}))},vl=(e,o,r)=>{let s=fe.nK();return["string","uid","text","richtext","email","password","enumeration"].includes(e)&&(s=fe.Z_()),e==="json"&&(s=fe.nK(y.translatedErrors.json).test("isJSON",y.translatedErrors.json,a=>{if(!a||!a.length)return!0;try{return JSON.parse(a),!0}catch{return!1}}).nullable().test("required",y.translatedErrors.required,a=>!(o.required&&(!a||!a.length)))),e==="email"&&(s=s.email(y.translatedErrors.email)),["number","integer","float","decimal"].includes(e)&&(s=fe.Rx().transform(a=>El()(a)?void 0:a).typeError()),e==="biginteger"&&(s=fe.Z_().matches(/^-?\d*$/)),["date","datetime"].includes(e)&&(s=fe.hT()),Object.keys(o).forEach(a=>{const c=o[a];if(c||!yl()(c)&&Number.isInteger(Math.floor(c))||c===0)switch(a){case"required":{r.isDraft||(e==="password"&&r.isCreatingEntry&&(s=s.required(y.translatedErrors.required)),e!=="password"&&(r.isCreatingEntry?s=s.required(y.translatedErrors.required):s=s.test("required",y.translatedErrors.required,l=>l===void 0&&!r.isFromComponent?!0:St(e)?l===0?!0:!!l:e==="boolean"?l!=null:e==="date"||e==="datetime"?typeof l=="string"?!De()(l):!De()(l?.toString()):!De()(l))));break}case"max":{e==="biginteger"?s=s.isInferior(y.translatedErrors.max,c):s=s.max(c,y.translatedErrors.max);break}case"maxLength":s=s.max(c,y.translatedErrors.maxLength);break;case"min":{e==="biginteger"?s=s.isSuperior(y.translatedErrors.min,c):s=s.min(c,y.translatedErrors.min);break}case"minLength":{r.isDraft||(s=s.min(c,y.translatedErrors.minLength));break}case"regex":s=s.matches(new RegExp(c),{message:y.translatedErrors.regex,excludeEmptyString:!o.required});break;case"lowercase":["text","textarea","email","string"].includes(e)&&(s=s.strict().lowercase());break;case"uppercase":["text","textarea","email","string"].includes(e)&&(s=s.strict().uppercase());break;case"positive":St(e)&&(s=s.positive());break;case"negative":St(e)&&(s=s.negative());break;default:s=s.nullable()}}),s};var Yo=$n;const _t=(e,o=()=>!1,r=void 0)=>{const s=(a,c,{ignoreFalseyValues:l=!1,path:d=[]}={})=>Object.entries(c).reduce((m,[u,g])=>{if(l&&(m==null||m[u]===void 0||m[u]===null))return m;if(o(g,{path:[...d,u],parent:m})&&(m[u]=typeof r=="function"?r(m[u],{path:[...d,u],parent:m}):r),g.type==="component"){const f=e[g.component].attributes;g.repeatable?g.repeatable&&Array.isArray(m[u])&&(m[u]=m[u].map((p,b)=>s(p,f,{ignoreFalseyValues:l,path:[...d,u,b]}))):m[u]=s(m[u],f,{ignoreFalseyValues:l,path:[...d,u]})}else g.type==="dynamiczone"&&Array.isArray(m[u])&&(m[u]=m[u].map((f,p)=>{const b=e[f.__component].attributes;return s(f,b,{ignoreFalseyValues:l,path:[...d,u,p]})}));return m},{...a});return s},Tl={componentsDataStructure:{},contentTypeDataStructure:{},formErrors:{},initialData:{},modifiedData:null,shouldCheckErrors:!1,modifiedDZName:null,publishConfirmation:{show:!1,draftCount:0}};var Ml=(e,o)=>(0,Nt.default)(e,r=>{switch(o.type){case"ADD_NON_REPEATABLE_COMPONENT_TO_FIELD":{const{componentLayoutData:s,allComponents:a}=o,c={...e.componentsDataStructure[s.uid]},d=_t(a,m=>m.type==="relation",[])(c,s.attributes);X()(r,["modifiedData",...o.keys],d);break}case"ADD_COMPONENT_TO_DYNAMIC_ZONE":case"ADD_REPEATABLE_COMPONENT_TO_FIELD":{const{keys:s,allComponents:a,componentLayoutData:c,shouldCheckErrors:l}=o;l&&(r.shouldCheckErrors=!e.shouldCheckErrors),o.type==="ADD_COMPONENT_TO_DYNAMIC_ZONE"&&(r.modifiedDZName=s[0]);const d=x()(e,["modifiedData",...s],[]),m=o.type==="ADD_COMPONENT_TO_DYNAMIC_ZONE"?{...e.componentsDataStructure[c.uid],__component:c.uid,__temp_key__:(0,h.Uo)(d)+1}:{...e.componentsDataStructure[c.uid],__temp_key__:(0,h.Uo)(d)+1},g=_t(a,p=>p.type==="relation",[])(m,c.attributes),f=Array.isArray(d)?[...d,g]:[g];X()(r,["modifiedData",...s],f);break}case"LOAD_RELATION":{const{initialDataPath:s,modifiedDataPath:a,value:c}=o,l=x()(e,s),d=x()(e,a),m=l?c.filter(f=>!l.some(p=>p.id===f.id)):c,u=(0,Pn.zJ)(null,d[0]?.__temp_key__,m.length),g=m.map((f,p)=>({...f,__temp_key__:u[p]}));X()(r,s,Qo()([...g,...l],"id")),X()(r,a,Qo()([...g,...d],"id"));break}case"CONNECT_RELATION":{const s=["modifiedData",...o.keys],{value:a,toOneRelation:c}=o;if(c)X()(r,s,[a]);else{const l=x()(e,s),[d]=(0,Pn.zJ)(l.at(-1)?.__temp_key__,null,1),m=[...l,{...a,__temp_key__:d}];X()(r,s,m)}break}case"DISCONNECT_RELATION":{const s=["modifiedData",...o.keys],{id:a}=o,l=x()(e,[...s]).filter(d=>d.id!==a);X()(r,s,l);break}case"MOVE_COMPONENT_FIELD":case"REORDER_RELATION":{const{oldIndex:s,newIndex:a,keys:c}=o,l=["modifiedData",...c],d=x()(e,[...l]),m=d[s],u=[...d];if(o.type==="REORDER_RELATION"){const[g]=(0,Pn.zJ)(d[a-1]?.__temp_key__,d[a]?.__temp_key__,1);u.splice(s,1),u.splice(a,0,{...m,__temp_key__:g})}else u.splice(s,1),u.splice(a,0,m);X()(r,l,u);break}case"INIT_FORM":{const{initialValues:s,components:a={},attributes:c={},setModifiedDataOnly:l}=o,d=_e()(s),u=_t(a,p=>p.type==="relation",(p,{path:b})=>e.modifiedData?.id===d.id&&x()(e.modifiedData,b)?x()(e.modifiedData,b):[])(d,c),f=_t(a,p=>p.type==="dynamiczone"||p.type==="component"&&!p.repeatable,p=>Array.isArray(p)?p.map((b,C)=>({...b,__temp_key__:C})):{...p,__temp_key__:0})(u,c,{ignoreFalseyValues:!0});l||(r.initialData=f),r.modifiedData=f,r.formErrors={},r.modifiedDZName=null,r.shouldCheckErrors=!1;break}case"MOVE_COMPONENT_UP":case"MOVE_COMPONENT_DOWN":{const{currentIndex:s,dynamicZoneName:a,shouldCheckErrors:c}=o;c&&(r.shouldCheckErrors=!e.shouldCheckErrors);const l=e.modifiedData[a],d=o.type==="MOVE_COMPONENT_UP"?s-1:s+1,m=e.modifiedData[a][s],u=Ko(l,s,d,m);X()(r,["modifiedData",o.dynamicZoneName],u);break}case"MOVE_FIELD":{const s=x()(e,["modifiedData",...o.keys],[]).slice(),a=x()(e,["modifiedData",...o.keys,o.dragIndex]),c=Ko(s,o.dragIndex,o.overIndex,a);X()(r,["modifiedData",...o.keys],c);break}case"ON_CHANGE":{const[s]=o.keys;if(o.shouldSetInitialValue&&X()(r,["initialData",...o.keys],o.value),o.keys.length===2&&x()(e,["modifiedData",s])===null){X()(r,["modifiedData",s],{[o.keys[1]]:o.value});break}X()(r,["modifiedData",...o.keys],o.value);break}case"REMOVE_COMPONENT_FROM_DYNAMIC_ZONE":{o.shouldCheckErrors&&(r.shouldCheckErrors=!e.shouldCheckErrors),r.modifiedData[o.dynamicZoneName].splice(o.index,1);break}case"REMOVE_COMPONENT_FROM_FIELD":{const s=["modifiedData",...o.keys];X()(r,s,null);break}case"REMOVE_PASSWORD_FIELD":{cl()(r,["modifiedData",...o.keys]);break}case"REMOVE_REPEATABLE_FIELD":{const s=o.keys.length-1,a=["modifiedData",...wt()(o.keys,s)];Object.keys(e.formErrors).length>0&&(r.shouldCheckErrors=!e.shouldCheckErrors);const l=x()(e,a).slice();l.splice(parseInt(o.keys[s],10),1),X()(r,a,l);break}case"SET_DEFAULT_DATA_STRUCTURES":{r.componentsDataStructure=o.componentsDataStructure,r.contentTypeDataStructure=o.contentTypeDataStructure;break}case"SET_FORM_ERRORS":{r.modifiedDZName=null,r.formErrors=o.errors;break}case"TRIGGER_FORM_VALIDATION":{Object.keys(e.formErrors).length>0&&(r.shouldCheckErrors=!e.shouldCheckErrors);break}case"SET_PUBLISH_CONFIRMATION":{r.publishConfirmation={...o.publishConfirmation};break}case"RESET_PUBLISH_CONFIRMATION":{r.publishConfirmation={...e.publishConfirmation,show:!1};break}default:return r}});const qn=({allLayoutData:e,allowedActions:{canRead:o,canUpdate:r},children:s,componentsDataStructure:a,contentTypeDataStructure:c,createActionAllowedFields:l,from:d,initialValues:m,isCreatingEntry:u,isLoadingForData:g,isSingleType:f,onPost:p,onPublish:b,onDraftRelationCheck:C,onPut:T,onUnpublish:k,readActionAllowedFields:R,redirectToPreviousPage:v,slug:S,status:A,updateActionAllowedFields:D})=>{const[I,O]=(0,t.useReducer)(Ml,Tl),{formErrors:q,initialData:U,modifiedData:N,modifiedDZName:G,shouldCheckErrors:$,publishConfirmation:_}=I,{setModifiedDataOnly:H}=(0,de.useSelector)(An),Y=(0,de.useDispatch)(),V=(0,y.useNotification)(),{lockApp:ee,unlockApp:M}=(0,y.useOverlayBlocker)(),L=x()(e,["contentType"],{}),Q=(0,t.useMemo)(()=>x()(L,["options","draftAndPublish"],!1),[L]),W=(0,t.useMemo)(()=>Q&&!U.publishedAt,[Q,U.publishedAt]),{trackUsage:B}=(0,y.useTracking)(),{formatMessage:j}=(0,z.useIntl)(),Z=(0,t.useRef)(B),ae=(0,t.useMemo)(()=>g||u?!1:o===!1&&r===!1,[g,u,o,r]);(0,t.useEffect)(()=>{A==="resolved"?M():ee()},[ee,M,A]),(0,t.useEffect)(()=>{g||We()},[$]),(0,t.useEffect)(()=>{const oe=Object.keys(q);if(oe.length>0){const J=oe[0],le=document.getElementById(J);le&&le.focus()}},[q]),(0,t.useEffect)(()=>{ae&&V({type:"info",message:{id:(0,h.OB)("permissions.not-allowed.update")}})},[ae,V]),(0,t.useEffect)(()=>{O({type:"SET_DEFAULT_DATA_STRUCTURES",componentsDataStructure:a,contentTypeDataStructure:c})},[a,c]);const{components:w}=e,re=To(m);(0,t.useEffect)(()=>{m&&L?.attributes&&!Ot()(re,m)&&(O({type:"INIT_FORM",initialValues:m,components:w,attributes:L.attributes,setModifiedDataOnly:H}),H&&Y(rl()))},[m,L,w,H,Y,re]);const pe=(0,t.useCallback)(oe=>(J,le,Ue,ft=!1)=>{Z.current("didAddComponentToDynamicZone"),O({type:oe,keys:J.split("."),componentLayoutData:le,allComponents:Ue,shouldCheckErrors:ft})},[]),Te=pe("ADD_COMPONENT_TO_DYNAMIC_ZONE"),Mt=(0,t.useCallback)((oe,J,le)=>{O({type:"ADD_NON_REPEATABLE_COMPONENT_TO_FIELD",keys:oe.split("."),componentLayoutData:J,allComponents:le})},[]),Bt=(0,t.useCallback)(({name:oe,value:J,toOneRelation:le})=>{O({type:"CONNECT_RELATION",keys:oe.split("."),value:J,toOneRelation:le})},[]),Pt=(0,t.useCallback)(({target:{initialDataPath:oe,modifiedDataPath:J,value:le}})=>{O({type:"LOAD_RELATION",modifiedDataPath:J,initialDataPath:oe,value:le})},[]),$t=pe("ADD_REPEATABLE_COMPONENT_TO_FIELD"),qe=(0,t.useMemo)(()=>{const oe={isCreatingEntry:u,isDraft:W,isFromComponent:!1};return Yo(L,{components:e.components||{}},oe)},[e.components,L,u,W]),We=(0,t.useCallback)(async(oe={})=>{let J={};const le=_e()(N);De()(le)||X()(le,oe.path,oe.value);try{await qe.validate(le,{abortEarly:!1})}catch(Ue){J=(0,y.getYupInnerErrors)(Ue),G&&(J=Object.keys(J).reduce((ft,uo)=>(uo.split(".")[0]!==G&&(ft[uo]=J[uo]),ft),{}))}O({type:"SET_FORM_ERRORS",errors:J})},[G,N,qe]),qt=(0,t.useCallback)(({target:{name:oe,value:J,type:le}},Ue=!1)=>{let ft=J;if(["text","textarea","string","email","uid","select","select-one","number"].includes(le)&&!J&&J!==0&&(ft=null),le==="password"&&!J){O({type:"REMOVE_PASSWORD_FIELD",keys:oe.split(".")});return}O({type:"ON_CHANGE",keys:oe.split("."),value:ft,shouldSetInitialValue:Ue})},[]),nt=(0,t.useCallback)((oe,J)=>fl({browserState:oe,serverState:J},L,e.components),[e.components,L]),ne=(0,t.useMemo)(()=>Q?W?{status:"draft"}:{}:{},[Q,W]),he=(0,t.useCallback)(async oe=>(oe.preventDefault(),O({type:"RESET_PUBLISH_CONFIRMATION"})),[]),ze=(0,t.useCallback)(async oe=>{oe.preventDefault();let J={};try{await qe.validate(N,{abortEarly:!1})}catch(le){J=(0,y.getYupInnerErrors)(le)}try{if(De()(J)){const le=nt(N,U);u?await p(le,ne):await T(le,ne)}}catch(le){J={...J,...(0,y.getAPIInnerErrors)(le,{getTrad:h.OB})}}O({type:"SET_FORM_ERRORS",errors:J})},[nt,u,N,U,p,T,ne,qe]),co=(0,t.useCallback)(async()=>{const oe=Yo(L,{components:x()(e,"components",{})},{isCreatingEntry:u,isDraft:!1,isFromComponent:!1}),J=await C();if(!_.show&&J>0){O({type:"SET_PUBLISH_CONFIRMATION",publishConfirmation:{show:!0,draftCount:J}});return}O({type:"RESET_PUBLISH_CONFIRMATION"});let le={};try{await oe.validate(N,{abortEarly:!1})}catch(Ue){le=(0,y.getYupInnerErrors)(Ue)}try{De()(le)&&await b()}catch(Ue){le={...le,...(0,y.getAPIInnerErrors)(Ue,{getTrad:h.OB})}}O({type:"SET_FORM_ERRORS",errors:le})},[e,L,u,N,_.show,b,C]),ot=(0,t.useCallback)(oe=>{const J=Object.keys(q).some(Ue=>Ue.split(".")[0]===oe);return!De()(q)&&J},[q]),pu=(0,t.useCallback)((oe,J)=>{Z.current("changeComponentsOrder"),O({type:"MOVE_COMPONENT_DOWN",dynamicZoneName:oe,currentIndex:J,shouldCheckErrors:ot(oe)})},[ot]),gu=(0,t.useCallback)((oe,J)=>{Z.current("changeComponentsOrder"),O({type:"MOVE_COMPONENT_UP",dynamicZoneName:oe,currentIndex:J,shouldCheckErrors:ot(oe)})},[ot]),fu=(0,t.useCallback)(({name:oe,newIndex:J,currentIndex:le})=>{O({type:"MOVE_COMPONENT_FIELD",keys:oe.split("."),newIndex:J,oldIndex:le})},[]),hu=(0,t.useCallback)(({name:oe,id:J})=>{O({type:"DISCONNECT_RELATION",keys:oe.split("."),id:J})},[]),yu=(0,t.useCallback)(({name:oe,oldIndex:J,newIndex:le})=>{O({type:"REORDER_RELATION",keys:oe.split("."),oldIndex:J,newIndex:le})},[]),bu=(0,t.useCallback)((oe,J)=>{Z.current("removeComponentFromDynamicZone"),O({type:"REMOVE_COMPONENT_FROM_DYNAMIC_ZONE",dynamicZoneName:oe,index:J,shouldCheckErrors:ot(oe)})},[ot]),Eu=(0,t.useCallback)((oe,J)=>{O({type:"REMOVE_COMPONENT_FROM_FIELD",keys:oe.split("."),componentUid:J})},[]),Cu=(0,t.useCallback)((oe,J)=>{O({type:"REMOVE_REPEATABLE_FIELD",keys:oe.split("."),componentUid:J})},[]),Ru=(0,t.useCallback)(()=>{O({type:"TRIGGER_FORM_VALIDATION"})},[]);return ae?t.createElement(K.Redirect,{to:d}):N?t.createElement(y.ContentManagerEditViewDataManagerContext.Provider,{value:{addComponentToDynamicZone:Te,addNonRepeatableComponentToField:Mt,addRepeatableComponentToField:$t,allLayoutData:e,checkFormErrors:We,createActionAllowedFields:l,formErrors:q,hasDraftAndPublish:Q,initialData:U,isCreatingEntry:u,isSingleType:f,shouldNotRunValidations:W,status:A,layout:L,modifiedData:N,moveComponentField:fu,moveComponentDown:pu,moveComponentUp:gu,onChange:qt,onPublish:co,onUnpublish:k,readActionAllowedFields:R,redirectToPreviousPage:v,removeComponentFromDynamicZone:bu,removeComponentFromField:Eu,removeRepeatableField:Cu,relationConnect:Bt,relationDisconnect:hu,relationLoad:Pt,relationReorder:yu,slug:S,triggerFormValidation:Ru,updateActionAllowedFields:D,onPublishPromptDismissal:he,publishConfirmation:_}},g||!u&&!U.id?t.createElement(i.Main,{"aria-busy":"true"},t.createElement(y.LoadingIndicatorPage,null)):t.createElement(t.Fragment,null,t.createElement(K.Prompt,{when:!Ot()(N,U),message:j({id:"global.prompt.unsaved"})}),t.createElement("form",{noValidate:!0,onSubmit:ze},s))):null};qn.defaultProps={from:"/",initialValues:null,redirectToPreviousPage(){}},qn.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 Dl=qn,gt=e=>(0,h.IF)(`single-types/${e}`),Il=e=>Object.values(e||{}).reduce((o,r)=>Object.assign(o,r),{}),Xo=(e={})=>{const{plugins:o,_q:r,...s}={...e,...Il(e.plugins)};return r&&X()(s,"_q",encodeURIComponent(r)),`${(0,Ye.stringify)(s,{encode:!1,addQueryPrefix:!0})}`};const Jo=({allLayoutData:e,children:o,slug:r})=>{const s=(0,pt.useQueryClient)(),{trackUsage:a}=(0,y.useTracking)(),{push:c}=(0,K.useHistory)(),{setCurrentStep:l}=(0,y.useGuidedTour)(),d=(0,t.useRef)(a),[m,u]=(0,t.useState)(!0),[{query:g,rawQuery:f}]=(0,y.useQueryParams)(),p=Xo(g),b=(0,y.useNotification)(),C=(0,de.useDispatch)(),{formatAPIError:T}=(0,y.useAPIErrorHandler)(h.OB),k=(0,y.useFetchClient)(),{post:R,put:v,del:S}=k,{componentsDataStructure:A,contentTypeDataStructure:D,data:I,isLoading:O,status:q}=(0,de.useSelector)(An),U=(0,t.useCallback)(M=>{const L=(0,h.kc)(M,e.contentType,e.components);return(0,y.formatContentTypeData)(L,e.contentType,e.components)},[e]);(0,t.useEffect)(()=>()=>{C(Go())},[C]),(0,t.useEffect)(()=>{const M=Object.keys(e.components).reduce((W,B)=>{const j=(0,h.Di)(x()(e,["components",B,"attributes"],{}),e.components);return W[B]=(0,y.formatContentTypeData)(j,e.components[B],e.components),W},{}),L=(0,h.Di)(e.contentType.attributes,e.components),Q=(0,y.formatContentTypeData)(L,e.contentType,e.components);C(_o(M,Q))},[e,C]),(0,t.useEffect)(()=>{const L=$e.Z.CancelToken.source();return(async W=>{C(Gt()),u(!0);try{const{data:B}=await k.get(gt(`${r}${p}`),{cancelToken:W.token});C(On(U(B))),u(!1)}catch(B){if($e.Z.isCancel(B))return;const j=x()(B,"response.status",null);j===404&&C(Sn(f,!0)),j===403&&(b({type:"info",message:{id:(0,h.OB)("permissions.not-allowed.update")}}),c("/"))}})(L),()=>L.cancel("Operation canceled by the user.")},[k,U,c,r,C,p,f,b]);const N=(0,t.useCallback)(M=>{b({type:"warning",message:T(M)})},[b,T]),G=(0,t.useCallback)(async M=>{try{d.current("willDeleteEntry",M);const{data:L}=await S(gt(`${r}${p}`));return b({type:"success",message:{id:(0,h.OB)("success.record.delete")}}),d.current("didDeleteEntry",M),Promise.resolve(L)}catch(L){return d.current("didNotDeleteEntry",{error:L,...M}),N(L),Promise.reject(L)}},[S,r,N,b,p]),$=(0,t.useCallback)(()=>{u(!0),C(Sn(f,!0))},[C,f]),_=(0,t.useCallback)(async(M,L)=>{const Q=gt(`${r}${f}`);try{C(ce("submit-pending"));const{data:W}=await v(Q,M);return d.current("didCreateEntry",L),b({type:"success",message:{id:(0,h.OB)("success.record.save")}}),l("contentManager.success"),s.invalidateQueries(["relation"]),C(tt(U(W))),u(!1),C(ce("resolved")),Promise.resolve(W)}catch(W){return d.current("didNotCreateEntry",{error:W,trackerProperty:L}),N(W),C(ce("resolved")),Promise.reject(W)}},[v,U,N,r,C,f,b,l,s]),H=(0,t.useCallback)(async()=>{try{d.current("willCheckDraftRelations");const M=gt(`${r}/actions/numberOfDraftRelations`);C(ce("draft-relation-check-pending"));const L=await k.get(M);return d.current("didCheckDraftRelations"),C(ce("resolved")),L.data.data}catch(M){return N(M),C(ce("resolved")),Promise.reject(M)}},[k,N,r,C]),Y=(0,t.useCallback)(async()=>{try{d.current("willPublishEntry");const M=gt(`${r}/actions/publish${p}`);C(ce("publish-pending"));const{data:L}=await R(M);return d.current("didPublishEntry"),b({type:"success",message:{id:(0,h.OB)("success.record.publish")}}),C(tt(U(L))),C(ce("resolved")),Promise.resolve(L)}catch(M){return N(M),C(ce("resolved")),Promise.reject(M)}},[R,U,N,r,p,C,b]),V=(0,t.useCallback)(async(M,L)=>{const Q=gt(`${r}${f}`);try{d.current("willEditEntry",L),C(ce("submit-pending"));const{data:W}=await v(Q,M);return b({type:"success",message:{id:(0,h.OB)("success.record.save")}}),d.current("didEditEntry",{trackerProperty:L}),s.invalidateQueries(["relation"]),C(tt(U(W))),C(ce("resolved")),Promise.resolve(W)}catch(W){return N(W),d.current("didNotEditEntry",{error:W,trackerProperty:L}),C(ce("resolved")),Promise.reject(W)}},[v,U,N,r,C,f,b,s]),ee=(0,t.useCallback)(async()=>{const M=gt(`${r}/actions/unpublish${p}`);C(ce("unpublish-pending"));try{d.current("willUnpublishEntry");const{data:L}=await R(M);d.current("didUnpublishEntry"),b({type:"success",message:{id:(0,h.OB)("success.record.unpublish")}}),C(tt(U(L))),C(ce("resolved"))}catch(L){C(ce("resolved")),N(L)}},[R,U,b,N,r,C,p]);return o({componentsDataStructure:A,contentTypeDataStructure:D,data:I,isCreatingEntry:m,isLoadingForData:O,onDelete:G,onDeleteSucceeded:$,onPost:_,onDraftRelationCheck:H,onPublish:Y,onPut:V,onUnpublish:ee,redirectionLink:"/",status:q})};Jo.propTypes={allLayoutData:n().shape({components:n().object.isRequired,contentType:n().object.isRequired}).isRequired,children:n().func.isRequired,slug:n().string.isRequired};var kl=(0,t.memo)(Jo);function xl(e,o){return r=>{const s=o();return t.createElement(e,{...r,...s})}}var Fl=xl;function wl(){const{initialData:e,hasDraftAndPublish:o}=(0,y.useCMEditViewDataManager)(),r=e.publishedAt!==void 0&&e.publishedAt!==null;return{hasDraftAndPublish:o,isPublished:r}}var Ll=wl;const Ol=(0,P.default)(F.Dot)`
|
|
961
|
-
width: ${(0,y.pxToRem)(6)};
|
|
962
|
-
height: ${(0,y.pxToRem)(6)};
|
|
963
|
-
* {
|
|
964
|
-
fill: ${({theme:e,$bulletColor:o})=>e.colors[o]};
|
|
965
|
-
}
|
|
966
|
-
`,er=({hasDraftAndPublish:e,isPublished:o})=>{const{formatMessage:r}=(0,z.useIntl)();if(!e)return null;const s={draft:{textColor:"secondary700",bulletColor:"secondary600",box:{background:"secondary100",borderColor:"secondary200"}},published:{textColor:"success700",bulletColor:"success600",box:{background:"success100",borderColor:"success200"}}},a=o?s.published:s.draft;return t.createElement(i.Box,{hasRadius:!0,as:"aside",paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,...a.box},t.createElement(i.Box,{as:i.Flex},t.createElement(Ol,{$bulletColor:a.bulletColor}),t.createElement(i.Box,{paddingLeft:3},t.createElement(i.Typography,{textColor:a.textColor},r({id:(0,h.OB)("containers.Edit.information.editing"),defaultMessage:"Editing"}),"\xA0"),t.createElement(i.Typography,{fontWeight:"bold",textColor:a.textColor},o&&r({id:(0,h.OB)("containers.Edit.information.publishedVersion"),defaultMessage:"published version"}),!o&&r({id:(0,h.OB)("containers.Edit.information.draftVersion"),defaultMessage:"draft version"})))))};er.propTypes={hasDraftAndPublish:n().bool.isRequired,isPublished:n().bool.isRequired};var Sl=Fl(er,Ll);function Al(e,o){return r=>{const s=o();return t.createElement(e,{...r,...s})}}var Bl=Al;function Pl(){const{initialData:e,isCreatingEntry:o,isSingleType:r,status:s,layout:a,hasDraftAndPublish:c,modifiedData:l,onPublish:d,onUnpublish:m,publishConfirmation:u,onPublishPromptDismissal:g}=(0,y.useCMEditViewDataManager)();return{initialData:e,isCreatingEntry:o,isSingleType:r,status:s,layout:a,hasDraftAndPublish:c,modifiedData:l,onPublish:d,onUnpublish:m,publishConfirmation:u,onPublishPromptDismissal:g}}var $l=Pl;const tr=(0,P.default)(i.Flex)`
|
|
967
|
-
text-align: center;
|
|
968
|
-
`,nr=({allowedActions:{canUpdate:e,canCreate:o,canPublish:r},initialData:s,isCreatingEntry:a,isSingleType:c,hasDraftAndPublish:l,layout:d,modifiedData:m,onPublish:u,onUnpublish:g,status:f,publishConfirmation:{show:p,draftCount:b},onPublishPromptDismissal:C})=>{const{goBack:T}=(0,K.useHistory)(),[k,R]=(0,t.useState)(!1),{formatMessage:v}=(0,z.useIntl)(),S=x()(d,["settings","mainField"],"id"),A=x()(d,["info","displayName"],"NOT FOUND"),D=!Ot()(s,m)||a&&!De()(m);let O=v({id:(0,h.OB)("containers.Edit.pluginHeader.title.new"),defaultMessage:"Create an entry"});!a&&!c&&(O=s[S]||A),c&&(O=A);let q=null;if(a&&o&&(q=t.createElement(i.Flex,{gap:2},l&&t.createElement(i.Button,{disabled:!0,startIcon:t.createElement(F.Check,null),variant:"secondary"},v({id:"app.utils.publish",defaultMessage:"Publish"})),t.createElement(i.Button,{disabled:!D,loading:f==="submit-pending",type:"submit"},v({id:(0,h.OB)("containers.Edit.submit"),defaultMessage:"Save"})))),!a&&e){const $=l&&r,_=!De()(s.publishedAt),H=_?f==="unpublish-pending":f==="publish-pending",Y=_?{id:"app.utils.unpublish",defaultMessage:"Unpublish"}:{id:"app.utils.publish",defaultMessage:"Publish"},V=_?()=>R(!0):()=>u();q=t.createElement(i.Flex,null,$&&t.createElement(i.Button,{disabled:D,loading:H,onClick:V,startIcon:t.createElement(F.Check,null),variant:"secondary"},v(Y)),t.createElement(i.Box,{paddingLeft:$?2:0},t.createElement(i.Button,{disabled:!D,loading:f==="submit-pending",type:"submit"},v({id:(0,h.OB)("containers.Edit.submit"),defaultMessage:"Save"}))))}const U=()=>R($=>!$),N=()=>{U(),g()},G=`${v({id:(0,h.OB)("api.id"),defaultMessage:"API ID "})} : ${d.apiID}`;return t.createElement(t.Fragment,null,t.createElement(i.HeaderLayout,{title:O.toString(),primaryAction:q,subtitle:G,navigationAction:t.createElement(y.Link,{startIcon:t.createElement(F.ArrowLeft,null),onClick:$=>{$.preventDefault(),T()},to:"/"},v({id:"global.back",defaultMessage:"Back"}))}),t.createElement(i.Dialog,{onClose:U,title:"Confirmation",labelledBy:"confirmation",describedBy:"confirm-description",isOpen:k},t.createElement(i.DialogBody,{icon:t.createElement(F.ExclamationMarkCircle,null)},t.createElement(i.Flex,{direction:"column",alignItems:"stretch",gap:2},t.createElement(i.Flex,{justifyContent:"center",style:{textAlign:"center"}},t.createElement(i.Typography,{id:"confirm-description"},v({id:(0,h.OB)("popUpWarning.warning.unpublish"),defaultMessage:"Unpublish this content will automatically change it to a draft."},{br:()=>t.createElement("br",null)}))),t.createElement(i.Flex,{justifyContent:"center",style:{textAlign:"center"}},t.createElement(i.Typography,{id:"confirm-description"},v({id:(0,h.OB)("popUpWarning.warning.unpublish-question"),defaultMessage:"Are you sure you want to unpublish it?"}))))),t.createElement(i.DialogFooter,{startAction:t.createElement(i.Button,{onClick:U,variant:"tertiary"},v({id:"components.popUpWarning.button.cancel",defaultMessage:"Cancel"})),endAction:t.createElement(i.Button,{variant:"danger-light",onClick:N},v({id:"components.popUpWarning.button.confirm",defaultMessage:"Confirm"}))})),t.createElement(i.Dialog,{onClose:C,title:v({id:(0,h.OB)("popUpWarning.warning.has-draft-relations.title"),defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:p},t.createElement(i.DialogBody,{icon:t.createElement(F.ExclamationMarkCircle,null)},t.createElement(i.Flex,{direction:"column",alignItems:"stretch",gap:2},t.createElement(tr,{justifyContent:"center"},t.createElement(i.Typography,{id:"confirm-description"},b,v({id:(0,h.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:$=>t.createElement(i.Typography,{fontWeight:"bold"},$),count:b}))),t.createElement(tr,{justifyContent:"center"},t.createElement(i.Typography,{id:"confirm-description"},v({id:(0,h.OB)("popUpWarning.warning.publish-question"),defaultMessage:"Do you still want to publish?"}))))),t.createElement(i.DialogFooter,{startAction:t.createElement(i.Button,{onClick:C,variant:"tertiary"},v({id:"components.popUpWarning.button.cancel",defaultMessage:"Cancel"})),endAction:t.createElement(i.Button,{variant:"success",onClick:u},v({id:(0,h.OB)("popUpwarning.warning.has-draft-relations.button-confirm"),defaultMessage:"Publish"}))})))};nr.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 ql=(0,t.memo)(nr,Je());var Nl=Bl(ql,$l),jl=e=>{if(!e.layouts)return[];const o=e.layouts.edit,r=e.attributes,s=l=>x()(r,[l,"type"],"");let a=0;const c=[];return o.forEach(l=>{const d=l.some(({name:m})=>s(m)==="dynamiczone");c[a]||(c[a]=[]),d?(a=a===0&&De()(c[0])?0:a+1,c[a]||(c[a]=[]),c[a].push(l),a+=1):c[a].push(l)}),c.filter(l=>l.length>0)},Vl=E(91815),Wl=E.n(Vl),zl=E(3704),or=E.n(zl),Ul=(e,o)=>{const r=s=>{const a=(0,y.findMatchingPermissions)(e,[{action:`plugin::content-manager.explorer.${s}`,subject:o}]);return Wl()(or()(a,"properties.fields"))};return{createActionAllowedFields:r("create"),readActionAllowedFields:r("read"),updateActionAllowedFields:r("update")}},Hl=e=>{if(!e)return[];const r=[...e.contentType.layouts.edit,...Object.values(e.components).flatMap(a=>a.layouts.edit)].flat().filter(a=>a.fieldSchema.customField).map(a=>a.fieldSchema.customField);return[...new Set(r)]};function Zl(e,o){return r=>{const s=o();return t.createElement(e,{...r,...s})}}var Gl=Zl;function _l(){const{hasDraftAndPublish:e,modifiedData:o}=(0,y.useCMEditViewDataManager)();let r={};return e&&(r=De()(o.publishedAt)?{status:"draft"}:{status:"published"}),{hasDraftAndPublish:e,trackerProperty:r}}var Ql=_l;const rr=({isCreatingEntry:e,onDelete:o,onDeleteSucceeded:r,trackerProperty:s})=>{const[a,c]=(0,t.useState)(!1),[l,d]=(0,t.useState)(!1),{formatMessage:m}=(0,z.useIntl)(),{formatAPIError:u}=(0,y.useAPIErrorHandler)(h.OB),g=(0,y.useNotification)(),f=()=>c(b=>!b),p=async()=>{try{d(!0),await o(s),d(!1),f(),r()}catch(b){d(!1),f(),g({type:"warning",message:u(b)})}};return e?null:t.createElement(t.Fragment,null,t.createElement(i.Button,{onClick:f,size:"S",startIcon:t.createElement(F.Trash,null),variant:"danger-light"},m({id:(0,h.OB)("containers.Edit.delete-entry"),defaultMessage:"Delete this entry"})),t.createElement(y.ConfirmDialog,{isConfirmButtonLoading:l,isOpen:a,onConfirm:p,onToggleDialog:f}))};rr.propTypes={isCreatingEntry:n().bool.isRequired,onDelete:n().func.isRequired,onDeleteSucceeded:n().func.isRequired,trackerProperty:n().object.isRequired};const Kl=(0,t.memo)(rr,Je());var Yl=Gl(Kl,Ql);const Nn=({columns:e,customFieldInputs:o})=>t.createElement(i.Grid,{gap:4},e.map(({fieldSchema:r,labelAction:s,metadatas:a,name:c,size:l,queryInfos:d})=>{if(r.type==="component"){const{component:u,max:g,min:f,repeatable:p=!1,required:b=!1}=r;return t.createElement(i.GridItem,{col:l,s:12,xs:12,key:u},t.createElement(zt,{componentUid:u,labelAction:s,isRepeatable:p,intlLabel:{id:a.label,defaultMessage:a.label},max:g,min:f,name:c,required:b}))}return t.createElement(i.GridItem,{col:l,key:c,s:12,xs:12},t.createElement(yn,{size:l,fieldSchema:r,keys:c,labelAction:s,metadatas:a,queryInfos:d,customFieldInputs:o}))}));Nn.defaultProps={customFieldInputs:{}},Nn.propTypes={columns:n().array.isRequired,customFieldInputs:n().object};var Xl=Nn;const jn=e=>e["content-manager_editViewLayoutManager"].currentLayout,Jl=(0,xt.P1)(jn,e=>jl(e?.contentType??{})),ec=(0,xt.P1)(jn,e=>Hl(e)),tc=(()=>window&&window.strapi&&window.strapi.isEE?E(28243).Z:E(73710).Z)(),sr=ke.Z.contentManager,nc=[{action:"plugin::content-type-builder.read",subject:null}],Vn=e=>{let{allowedActions:o,isSingleType:r,goBack:s,slug:a,id:c,origin:l,userPermissions:d}=e;const{trackUsage:m}=(0,y.useTracking)(),{formatMessage:u}=(0,z.useIntl)(),{layout:g,formattedContentTypeLayout:f,customFieldUids:p}=(0,de.useSelector)(I=>({layout:jn(I),formattedContentTypeLayout:Jl(I),customFieldUids:ec(I)})),{isLazyLoading:b,lazyComponentStore:C}=bn(p),{createActionAllowedFields:T,readActionAllowedFields:k,updateActionAllowedFields:R}=Ul(d,a),v=r?sr.singleTypesConfigurations:sr.collectionTypesConfigurations,S=`/content-manager/${r?"singleType":"collectionType"}/${a}/configurations/edit`,A=r?kl:sl,D=I=>I.every(O=>O.every(q=>q.fieldSchema.type==="dynamiczone"));return b?t.createElement(y.LoadingIndicatorPage,null):t.createElement(A,{allLayoutData:g,slug:a,id:c,origin:l},I=>{let{componentsDataStructure:O,contentTypeDataStructure:q,data:U,isCreatingEntry:N,isLoadingForData:G,onDelete:$,onDeleteSucceeded:_,onPost:H,onPublish:Y,onDraftRelationCheck:V,onPut:ee,onUnpublish:M,redirectionLink:L,status:Q}=I;return t.createElement(Dl,{allowedActions:o,allLayoutData:g,createActionAllowedFields:T,componentsDataStructure:O,contentTypeDataStructure:q,from:L,initialValues:U,isCreatingEntry:N,isLoadingForData:G,isSingleType:r,onPost:H,onPublish:Y,onDraftRelationCheck:V,onPut:ee,onUnpublish:M,readActionAllowedFields:k,redirectToPreviousPage:s,slug:a,status:Q,updateActionAllowedFields:R},t.createElement(i.Main,{"aria-busy":Q!=="resolved"},t.createElement(Nl,{allowedActions:o}),t.createElement(i.ContentLayout,null,t.createElement(i.Grid,{gap:4},t.createElement(i.GridItem,{col:9,s:12},t.createElement(i.Flex,{direction:"column",alignItems:"stretch",gap:6},f.map((W,B)=>{if(D(W)){const{0:{0:{name:j,fieldSchema:Z,metadatas:ae,labelAction:w}}}=W;return t.createElement(i.Box,{key:B},t.createElement(i.Grid,{gap:4},t.createElement(i.GridItem,{col:12,s:12,xs:12},t.createElement(ol,{name:j,fieldSchema:Z,labelAction:w,metadatas:ae}))))}return t.createElement(i.Box,{key:B,hasRadius:!0,background:"neutral0",shadow:"tableShadow",paddingLeft:6,paddingRight:6,paddingTop:6,paddingBottom:6,borderColor:"neutral150"},t.createElement(i.Flex,{direction:"column",alignItems:"stretch",gap:6},W.map((j,Z)=>t.createElement(Xl,{columns:j,customFieldInputs:C,key:Z}))))}))),t.createElement(i.GridItem,{col:3,s:12},t.createElement(i.Flex,{direction:"column",alignItems:"stretch",gap:2},t.createElement(Sl,null),t.createElement(i.Box,{as:"aside","aria-labelledby":"additional-information",background:"neutral0",borderColor:"neutral150",hasRadius:!0,paddingBottom:4,paddingLeft:4,paddingRight:4,paddingTop:6,shadow:"tableShadow"},t.createElement(tc,null),t.createElement(Vt,{area:"contentManager.editView.informations"})),t.createElement(i.Box,{as:"aside","aria-labelledby":"links"},t.createElement(i.Flex,{direction:"column",alignItems:"stretch",gap:2},t.createElement(Vt,{area:"contentManager.editView.right-links",slug:a}),a!=="strapi::administrator"&&t.createElement(y.CheckPermissions,{permissions:nc},t.createElement(y.LinkButton,{onClick:()=>{m("willEditEditLayout")},size:"S",startIcon:t.createElement(F.Pencil,null),style:{width:"100%"},to:`/plugins/content-type-builder/content-types/${a}`,variant:"secondary"},u({id:(0,h.OB)("link-to-ctb"),defaultMessage:"Edit the model"}))),t.createElement(y.CheckPermissions,{permissions:v},t.createElement(y.LinkButton,{size:"S",startIcon:t.createElement(F.Layer,null),style:{width:"100%"},to:S,variant:"secondary"},u({id:"app.links.configure-view",defaultMessage:"Configure the view"}))),o.canDelete&&t.createElement(Yl,{isCreatingEntry:N,onDelete:$,onDeleteSucceeded:_})))))))))})};Vn.defaultProps={id:null,isSingleType:!1,origin:null,userPermissions:[]},Vn.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 oc=(0,t.memo)(Vn);const Wn=e=>{const o=(0,t.useMemo)(()=>(0,h.TA)(e.slug),[e.slug]),{isLoading:r,allowedActions:s}=(0,y.useRBAC)(o,e.userPermissions);return r?t.createElement(y.LoadingIndicatorPage,null):t.createElement(oc,{...e,allowedActions:s})};Wn.defaultProps={permissions:[]},Wn.propTypes={permissions:n().array,slug:n().string.isRequired,userPermissions:n().array.isRequired};var rc=(0,t.memo)(Wn,Je());const ar=({layout:e,...o})=>{const r=(0,de.useSelector)(mo),s=(0,de.useDispatch)(),[{query:a}]=(0,y.useQueryParams)(),{runHookWaterfall:c}=(0,y.useStrapiApp)(),l=vo(a,o.slug,"editView");return(0,t.useEffect)(()=>{const d=c(jt.Eo,{layout:e,query:a});return s(Ls(d.layout,a)),()=>{s(ws())}},[e,s,a,c]),!r||!l?t.createElement(y.LoadingIndicatorPage,null):t.createElement(rc,{...o,userPermissions:l})};ar.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 Qt=ar,sc=E(23940),At=E.n(sc);const zn=e=>e.reduce((o,r)=>o+r.size,0),ac=e=>e.reduce((o,r,s)=>{const a={rowId:s,rowContent:r};return o.concat(a)},[]),Rt=e=>e.reduce((o,r)=>{let s=[];const a=r.rowContent.reduce((d,m)=>{const u=zn(d);return m.name==="_TEMP_"||(u+m.size<=12?d.push(m):s.push(m)),d},[]),c=o.length===0?0:Math.max.apply(Math,o.map(d=>d.rowId))+1,l=zn(a);if(l<12&&a.push({name:"_TEMP_",size:12-l}),o.push({rowId:c,rowContent:a}),s.length>0){const d=zn(s);d<12&&s.push({name:"_TEMP_",size:12-d}),o.push({rowId:c+1,rowContent:s}),s=[]}return o},[]).filter(o=>o.rowContent.length>0).filter(o=>o.rowContent.length===1?o.rowContent[0].name!=="_TEMP_":!0),ic=e=>e.reduce((o,r)=>{const s=r.rowContent.filter(a=>a.name!=="_TEMP_");return o.concat([s])},[]),ir=e=>{switch(e){case"boolean":case"date":case"integer":case"float":case"biginteger":case"decimal":case"time":return 4;case"json":case"component":case"richtext":case"dynamiczone":return 12;default:return 6}},lc=(e,o=[])=>o.reduce((r,{rowContent:s})=>{const a=s.find(c=>c.name===e)?.size??null;return a&&(r=a),r},null),cc=(e,o,r=[])=>r.map(s=>(s.rowContent=s.rowContent.map(a=>a.name===e?{...a,size:o}:a),s)),Un={fieldForm:{},componentLayouts:{},metaToEdit:"",initialData:{},metaForm:{},modifiedData:{}};var dc=(e=Un,o)=>(0,Nt.default)(e,r=>{const s=["modifiedData","layouts","edit"];switch(o.type){case"MOVE_ROW":{const a=x()(e,s,[]),{fromIndex:c,toIndex:l}=o;X()(r,s,(0,h.W3)(a,c,l));break}case"ON_ADD_FIELD":{const a=_e()(e),c=ir(x()(a,["modifiedData","attributes",o.name,"type"],"")),l=x()(a,s,[]).length,d=[...s,l-1,"rowContent"],m=x()(a,d,[]);let u=x()(a,s,[]);Array.isArray(m)?X()(u,[l>0?l-1:0,"rowContent"],[...m,{name:o.name,size:c}]):X()(u,[l>0?l-1:0,"rowContent"],[{name:o.name,size:c}]);const g=Rt(u);X()(r,s,g);break}case"ON_CHANGE":{X()(r,["modifiedData",...o.keys],o.value);break}case"ON_CHANGE_META":{X()(r,["metaForm","metadata",...o.keys],o.value);break}case"ON_CHANGE_SIZE":{X()(r,["metaForm","size"],o.value);break}case"ON_RESET":{r.modifiedData=e.initialData;break}case"REMOVE_FIELD":{const a=x()(e,[...s,o.rowIndex,"rowContent"],[]);let c=_e()(e);if(a.length===1||a.length===2&&x()(a,[1,"name"],"")==="_TEMP_"){const d=x()(e,s,[]);X()(c,s,d.filter((m,u)=>o.rowIndex!==u))}else X()(c,[...s,o.rowIndex,"rowContent"],a.filter((d,m)=>m!==o.fieldIndex));const l=Rt(x()(c,s,[]));X()(r,s,l);break}case"REORDER_DIFF_ROW":{const a=x()(e,[...s,o.dragRowIndex,"rowContent"],[]),c=x()(e,[...s,o.hoverRowIndex,"rowContent"],[]),l=x()(e,[...s,o.dragRowIndex,"rowContent",o.dragIndex],{}),d=[...c,l];let m=_e()(e);X()(m,[...s,o.dragRowIndex,"rowContent"],a.filter((g,f)=>o.dragIndex!==f)),X()(m,[...s,o.hoverRowIndex,"rowContent"],(0,h.W3)(d,d.length-1,o.hoverIndex));const u=Rt(x()(m,s,[]));X()(r,s,u);break}case"REORDER_ROW":{const a=_e()(e),c=x()(a,[...s,o.dragRowIndex,"rowContent"],[]);X()(a,[...s,o.dragRowIndex,"rowContent"],(0,h.W3)(c,o.dragIndex,o.hoverIndex));const l=Rt(x()(a,s,[]));X()(r,s,l);break}case"SET_FIELD_TO_EDIT":{r.metaToEdit=o.name,r.metaForm={metadata:x()(e,["modifiedData","metadatas",o.name,"edit"],{}),size:lc(o.name,e.modifiedData?.layouts?.edit)??ir()};break}case"SUBMIT_META_FORM":{X()(r,["modifiedData","metadatas",e.metaToEdit,"edit"],e.metaForm.metadata);const a=_e()(x()(e,s,[])),c=cc(e.metaToEdit,e.metaForm.size,a);c.length>0&&X()(r,s,Rt(c));break}case"SUBMIT_SUCCEEDED":{r.initialData=e.modifiedData;break}case"UNSET_FIELD_TO_EDIT":{r.metaToEdit="",r.metaForm={};break}default:return r}}),uc=(e,o,r)=>{let s=_e()(o);return X()(s,["layouts","edit"],Rt(ac(o.layouts.edit))),{...e,initialData:s,modifiedData:s,componentLayouts:r}};const lr=({componentUid:e})=>{const{componentLayouts:o}=mt(),{formatMessage:r}=(0,z.useIntl)(),s=x()(o,[e],{}),a=x()(s,["layouts","edit"],[]);return t.createElement(i.Box,{padding:3},a.map((c,l)=>t.createElement(i.Grid,{gap:4,key:l},c.map(d=>t.createElement(i.GridItem,{key:d.name,col:d.size},t.createElement(i.Box,{paddingTop:2},t.createElement(i.Flex,{alignItems:"center",background:"neutral0",paddingLeft:3,paddingRight:3,height:`${32/16}rem`,hasRadius:!0,borderColor:"neutral200"},t.createElement(i.Typography,{textColor:"neutral800"},d.name))))))),t.createElement(i.Box,{paddingTop:2},t.createElement(y.Link,{startIcon:t.createElement(F.Cog,null),to:`/content-manager/components/${e}/configurations/edit`},r({id:(0,ye.Z)("components.FieldItem.linkToComponentLayout"),defaultMessage:"Set the component's layout"}))))};lr.propTypes={componentUid:n().string.isRequired};var mc=lr;const pc=(0,P.default)(i.Flex)`
|
|
969
|
-
text-decoration: none;
|
|
970
|
-
|
|
971
|
-
&:focus,
|
|
972
|
-
&:hover {
|
|
973
|
-
${({theme:e})=>`
|
|
974
|
-
background-color: ${e.colors.primary100};
|
|
975
|
-
border-color: ${e.colors.primary200};
|
|
976
|
-
|
|
977
|
-
${i.Typography} {
|
|
978
|
-
color: ${e.colors.primary600};
|
|
979
|
-
}
|
|
980
|
-
`}
|
|
981
|
-
|
|
982
|
-
/* > ComponentIcon */
|
|
983
|
-
> div:first-child {
|
|
984
|
-
background: ${({theme:e})=>e.colors.primary200};
|
|
985
|
-
color: ${({theme:e})=>e.colors.primary600};
|
|
986
|
-
}
|
|
987
|
-
}
|
|
988
|
-
`,cr=({components:e})=>{const{componentLayouts:o}=mt();return t.createElement(i.Flex,{gap:2,overflow:"scroll hidden",padding:3},e.map(r=>t.createElement(pc,{hasRadius:!0,background:"neutral0",justifyContent:"center",alignItems:"center",height:`${84/16}rem`,minWidth:`${140/16}rem`,key:r,padding:2,direction:"column",borderColor:"neutral200",as:K.Link,to:`/content-manager/components/${r}/configurations/edit`},t.createElement(Zt,null),t.createElement(i.Box,{paddingTop:1},t.createElement(i.Typography,{fontSize:1,textColor:"neutral600",fontWeight:"bold"},o?.[r]?.info?.displayName??"")))))};cr.propTypes={components:n().arrayOf(n().string).isRequired};var gc=cr;const dr=(0,P.default)(i.IconButton)`
|
|
989
|
-
background-color: transparent;
|
|
990
|
-
path {
|
|
991
|
-
fill: ${({theme:e})=>e.colors.neutral600};
|
|
992
|
-
}
|
|
993
|
-
`,Hn=({attribute:e,onEditField:o,onDeleteField:r,children:s})=>{const{formatMessage:a}=(0,z.useIntl)();return t.createElement(i.Box,{overflow:"hidden",width:"100%"},t.createElement(i.Flex,{paddingLeft:3,alignItems:"center",justifyContent:"space-between"},t.createElement(i.Typography,{fontWeight:"semiBold",textColor:"neutral800",ellipsis:!0},s),t.createElement(i.Flex,null,t.createElement(dr,{label:a({id:(0,h.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:s}),onClick:o,icon:t.createElement(F.Pencil,null),noBorder:!0}),t.createElement(dr,{label:a({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:s}),"data-testid":"delete-field",onClick:r,icon:t.createElement(F.Trash,null),noBorder:!0}))),e?.type==="component"&&t.createElement(mc,{componentUid:e.component}),e?.type==="dynamiczone"&&t.createElement(gc,{components:e.components}))};Hn.defaultProps={attribute:void 0},Hn.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 fc=Hn;const hc=(0,P.default)(i.Flex)`
|
|
994
|
-
position: relative;
|
|
995
|
-
${({isFirst:e,isLast:o,hasHorizontalPadding:r})=>e?`
|
|
996
|
-
padding-right: 4px;
|
|
997
|
-
`:o?`
|
|
998
|
-
padding-left: 4px;
|
|
999
|
-
`:r?`
|
|
1000
|
-
padding: 0 4px;
|
|
1001
|
-
`:""}
|
|
1002
|
-
${({showRightCarret:e,showLeftCarret:o,theme:r})=>e?`
|
|
1003
|
-
&:after {
|
|
1004
|
-
content: '';
|
|
1005
|
-
position: absolute;
|
|
1006
|
-
right: -1px;
|
|
1007
|
-
background-color: ${r.colors.primary600};
|
|
1008
|
-
width: 2px;
|
|
1009
|
-
height: 100%;
|
|
1010
|
-
align-self: stretch;
|
|
1011
|
-
z-index: 1;
|
|
1012
|
-
}
|
|
1013
|
-
`:o?`
|
|
1014
|
-
&:before {
|
|
1015
|
-
content: '';
|
|
1016
|
-
position: absolute;
|
|
1017
|
-
left: -1px;
|
|
1018
|
-
background-color: ${r.colors.primary600};
|
|
1019
|
-
width: 2px;
|
|
1020
|
-
height: 100%;
|
|
1021
|
-
align-self: stretch;
|
|
1022
|
-
z-index: 1;
|
|
1023
|
-
}
|
|
1024
|
-
`:""};
|
|
1025
|
-
`,yc=(0,P.default)(F.Drag)`
|
|
1026
|
-
height: ${12/16}rem;
|
|
1027
|
-
width: ${12/16}rem;
|
|
1028
|
-
path {
|
|
1029
|
-
fill: ${({theme:e})=>e.colors.neutral600};
|
|
1030
|
-
}
|
|
1031
|
-
`,bc=(0,P.default)(i.Flex)`
|
|
1032
|
-
display: ${({dragStart:e})=>e?"none":"flex"};
|
|
1033
|
-
opacity: ${({isDragging:e,isFullSize:o,isHidden:r})=>e&&!o?.2:e&&o||r?0:1};
|
|
1034
|
-
`,Ec=(0,P.default)(i.Flex)`
|
|
1035
|
-
cursor: all-scroll;
|
|
1036
|
-
border-right: 1px solid ${({theme:e})=>e.colors.neutral200};
|
|
1037
|
-
`,Zn=({attribute:e,children:o,index:r,lastIndex:s,moveItem:a,moveRow:c,name:l,onDeleteField:d,onEditField:m,rowIndex:u,size:g})=>{const[f,p]=(0,t.useState)(!1),b=l==="_TEMP_",{setIsDraggingSibling:C}=mt(),T=g===12,k=(0,t.useRef)(null),R=(0,t.useRef)(null),[{clientOffset:v,isOver:S},A]=(0,Re.useDrop)({accept:h._Q.EDIT_FIELD,hover(V,ee){if(!R.current||V.size!==12)return;const M=ee.getItem().index,L=r,Q=ee.getItem().rowIndex,W=u;if(M===L&&Q===W)return;const B=R.current.getBoundingClientRect(),j=(B.bottom-B.top)/2,ae=ee.getClientOffset().y-B.top;Q<W&&ae<j||Q>W&&ae>j||(c(Q,W),V.rowIndex=W,V.itemIndex=L)},drop(V,ee){if(!R.current)return;const M=ee.getItem().index,L=r,Q=ee.getItem().rowIndex,W=u;if(V.size===12||M===L&&Q===W)return;const B=R.current.getBoundingClientRect();if(Math.abs(ee.getClientOffset().x-B.left)>B.width/1.8){a(M,L+1,Q,W),V.itemIndex=L+1,V.rowIndex=W;return}a(M,L,Q,W),V.itemIndex=L,V.rowIndex=W},collect:V=>({canDrop:V.canDrop(),clientOffset:V.getClientOffset(),isOver:V.isOver(),isOverCurrent:V.isOver({shallow:!0}),itemType:V.getItemType()})}),[{isDragging:D,getItem:I},O,q]=(0,Re.useDrag)({type:h._Q.EDIT_FIELD,item(){return C(!0),{index:r,labelField:o,rowIndex:u,name:l,size:g}},canDrag(){return l!=="_TEMP_"},collect:V=>({isDragging:V.isDragging(),getItem:V.getItem()}),end(){C(!1)}});(0,t.useEffect)(()=>{q((0,dt.rX)(),{captureDraggingState:!0})},[q]);const U={dragRef:O(k),dropRef:A(R)};let N=!1,G=!1;if(R.current&&v){const V=R.current.getBoundingClientRect();N=S&&I.size!==12&&Math.abs(v.x-V.left)<V.width/2,G=S&&I.size!==12&&Math.abs(v.x-V.left)>V.width/2,l==="_TEMP_"&&(N=S&&I.size!==12,G=!1)}const $=()=>e&&T?`${74/16}rem`:`${32/16}rem`,_=r===0&&!T,H=r===s&&!T,Y=r!==0&&!T;return t.createElement(i.GridItem,{col:g},t.createElement(hc,{ref:U.dropRef,showLeftCarret:N,showRightCarret:G,isFirst:_,isLast:H,hasHorizontalPadding:Y,onDrag:()=>{T&&!f&&p(!0)},onDragEnd:()=>{T&&p(!1)}},f&&T&&t.createElement(i.Box,{width:"100%",height:"2px",background:"primary600"}),t.createElement(bc,{width:T&&f?0:"100%",borderColor:"neutral150",hasRadius:!0,background:"neutral100",minHeight:$(),alignItems:"stretch",isDragging:D,dragStart:f,isFullSize:T,isHidden:b},t.createElement(Ec,{as:"span",type:"button",ref:U.dragRef,onClick:V=>V.stopPropagation(),alignItems:"center",paddingLeft:3,paddingRight:3,tabIndex:-1},t.createElement(yc,null)),!b&&t.createElement(fc,{attribute:e,onEditField:m,onDeleteField:d},o))))};Zn.defaultProps={attribute:void 0},Zn.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 Cc=Zn;const ur=({rowItem:e,onRemoveField:o,rowId:r,rowIndex:s,index:a,lastIndex:c})=>{const{setEditFieldToSelect:l,attributes:d,modifiedData:m,moveRow:u,moveItem:g}=mt(),f=x()(d,[e.name],{}),p=x()(m,["metadatas",e.name,"edit","label"],"");return t.createElement(Cc,{onEditField:()=>l(e.name),onDeleteField:()=>o(r,a),attribute:f,index:a,lastIndex:c,rowIndex:s,name:e.name,size:e.size,moveRow:u,moveItem:g},p||e.name)};ur.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 Rc=ur;const mr=({row:e,onRemoveField:o,rowIndex:r})=>t.createElement(i.Grid,null,e.rowContent.map((s,a)=>t.createElement(Rc,{key:s.name,rowItem:s,index:a,rowId:e.rowId,onRemoveField:o,rowIndex:r,lastIndex:e.rowContent.length-1})));mr.propTypes={onRemoveField:n().func.isRequired,row:n().object.isRequired,rowIndex:n().number.isRequired};var vc=mr;const Tc=[{action:"plugin::content-type-builder.read",subject:null}];var Mc=()=>{const{trackUsage:e}=(0,y.useTracking)(),{formatMessage:o}=(0,z.useIntl)(),{slug:r,modifiedData:s,isContentTypeView:a}=mt(),c=a?"content-types":"components",l=`/plugins/content-type-builder/${c==="content-types"?c:"component-categories"}`,d=x()(s,"category",""),m=c==="content-types"?r:`${d}/${r}`,u=()=>{e("willEditEditLayout")};return r==="strapi::administrator"?null:t.createElement(y.CheckPermissions,{permissions:Tc},t.createElement(y.LinkButton,{to:`${l}/${m}`,onClick:u,size:"S",startIcon:t.createElement(F.Pencil,null),variant:"secondary"},o({id:(0,ye.Z)(`edit-settings-view.link-to-ctb.${c}`),defaultMessage:"Edit the content type"})))};const pr=({editLayout:e,fields:o,onRemoveField:r,onAddField:s})=>{const{formatMessage:a}=(0,z.useIntl)();return t.createElement(i.Flex,{direction:"column",alignItems:"stretch",gap:4},t.createElement(i.Flex,{justifyContent:"space-between"},t.createElement("div",null,t.createElement(i.Box,null,t.createElement(i.Typography,{fontWeight:"bold"},a({id:(0,h.OB)("containers.ListPage.displayedFields"),defaultMessage:"Displayed fields"}))),t.createElement(i.Box,null,t.createElement(i.Typography,{variant:"pi",textColor:"neutral600"},a({id:"containers.SettingPage.editSettings.description",defaultMessage:"Drag & drop the fields to build the layout"})))),t.createElement(Mc,null)),t.createElement(i.Box,{padding:4,hasRadius:!0,borderStyle:"dashed",borderWidth:"1px",borderColor:"neutral300"},t.createElement(i.Flex,{direction:"column",alignItems:"stretch",gap:2},e.map((c,l)=>t.createElement(vc,{key:c.rowId,row:c,rowIndex:l,onRemoveField:r})),t.createElement(i.SimpleMenu,{id:"label",label:a({id:(0,h.OB)("containers.SettingPage.add.field"),defaultMessage:"Insert another field"}),as:i.Button,"data-testid":"add-field",fullWidth:!0,startIcon:t.createElement(F.Plus,null),endIcon:null,variant:"secondary",disabled:o.length===0},o.map(c=>t.createElement(i.MenuItem,{key:c,onClick:()=>s(c)},c))))))};pr.propTypes={editLayout:n().array.isRequired,fields:n().array.isRequired,onAddField:n().func.isRequired,onRemoveField:n().func.isRequired};var Dc=pr;const gr={biginteger:t.createElement(F.Number,null),boolean:t.createElement(F.Boolean,null),date:t.createElement(F.Date,null),datetime:t.createElement(F.Date,null),decimal:t.createElement(F.Number,null),email:t.createElement(F.Email,null),enum:t.createElement(F.Enumeration,null),enumeration:t.createElement(F.Enumeration,null),file:t.createElement(F.Media,null),files:t.createElement(F.Media,null),float:t.createElement(F.Number,null),integer:t.createElement(F.Number,null),media:t.createElement(F.Media,null),number:t.createElement(F.Number,null),relation:t.createElement(F.Relation,null),string:t.createElement(F.Text,null),text:t.createElement(F.Text,null),richtext:t.createElement(F.Text,null),time:t.createElement(F.Date,null),timestamp:t.createElement(F.Date,null),json:t.createElement(F.Json,null),uid:t.createElement(F.Uid,null),component:t.createElement(F.Component,null),dynamiczone:t.createElement(F.DynamicZone,null)},Gn=({type:e,customFieldUid:o})=>{const r=(0,y.useCustomFields)();let s=gr[e];if(o){const c=r.get(o).icon;c&&(s=t.createElement(i.Box,{marginRight:3,width:7,height:6},t.createElement(c,null)))}return gr[e]?s:null};Gn.defaultProps={customFieldUid:null},Gn.propTypes={type:n().string.isRequired,customFieldUid:n().string};var fr=Gn,Ic=e=>e.reduce((o,r)=>{const s=r?.attributes??{},a=Object.keys(s).filter(c=>!["boolean","component","dynamiczone","json","media","password","relation","text","richtext"].includes(s?.[c]?.type??""));return o[r.uid]=a,o},{}),hr=e=>{let o;switch(e){case"description":case"label":case"placeholder":o="text";break;case"mainField":o="select";break;case"editable":o="bool";break;default:o=""}const r=e==="mainField"?(0,h.OB)("containers.SettingPage.editSettings.entry.title"):(0,h.OB)(`form.Input.${e}`);return{type:o,label:{id:r}}};const _n=({type:e,options:o,onChange:r,value:s,name:a,...c})=>{const{formatMessage:l}=(0,z.useIntl)();switch(e){case"text":return t.createElement(i.TextInput,{onChange:r,value:s,name:a,...c});case"bool":return t.createElement(i.ToggleInput,{onChange:d=>{r({target:{name:a,value:d.target.checked}})},checked:s,name:a,onLabel:l({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"On"}),offLabel:l({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"Off"}),...c});case"select":return t.createElement(i.Select,{value:s,name:a,onChange:d=>r({target:{name:a,value:d}}),...c},o.map(d=>t.createElement(i.Option,{key:d,value:d},d)));default:return null}};_n.defaultProps={options:void 0},_n.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 kc=_n;const xc=[[4,"33%"],[6,"50%"],[8,"66%"],[12,"100%"]],Fc=["dynamiczone","component","json","richtext"],wc=[1,5,10,15,30,60],Lc=["datetime","time"],yr=({onMetaChange:e,onSizeChange:o})=>{const{formatMessage:r}=(0,z.useIntl)(),{modifiedData:s,selectedField:a,attributes:c,fieldForm:l}=mt(),d=(0,t.useMemo)(Kt,[]),{schemas:m}=(0,de.useSelector)(R=>d(R),de.shallowEqual),u=(0,t.useMemo)(()=>{if(!a)return[];const R=x()(s,["metadatas",a,"edit"],{});return Object.keys(R).filter(v=>v!=="visible")},[a,s]),g=(0,t.useMemo)(()=>Ic(m),[m]),f=(0,t.useCallback)(R=>{if(R!=="relation"&&R!=="component")return[];const v=R==="component"?"component":"targetModel",S=x()(s,["attributes",a,v],"");return x()(g,[S],[])},[a,g,s]),p=u.map(R=>{const v=x()(c,[a,"type"]);return["component","dynamiczone"].includes(v)&&!["label","description"].includes(R)||v==="component"&&R!=="label"||["media","json","boolean"].includes(v)&&R==="placeholder"||R==="step"?null:t.createElement(i.GridItem,{col:6,key:R},t.createElement(kc,{type:hr(R).type,hint:R==="mainField"?r({id:(0,ye.Z)("containers.SettingPage.editSettings.relation-field.description")}):"",label:r({id:x()(hr(R),"label.id","app.utils.defaultMessage")}),name:R,onChange:e,value:x()(l,["metadata",R],""),options:f(v)}))}),b=!Fc.includes(c[a].type),C=t.createElement(i.GridItem,{col:6,key:"size"},t.createElement(i.Select,{value:l?.size,name:"size",onChange:R=>{o({name:a,value:R})},label:r({id:(0,ye.Z)("containers.SettingPage.editSettings.size.label"),defaultMessage:"Size"})},xc.map(([R,v])=>t.createElement(i.Option,{key:R,value:R},v)))),T=Lc.includes(c[a].type),k=t.createElement(i.GridItem,{col:6,key:"step"},t.createElement(i.Select,{value:x()(l,["metadata","step"],1),name:"step",onChange:R=>e({target:{name:"step",value:R}}),label:r({id:(0,ye.Z)("containers.SettingPage.editSettings.step.label"),defaultMessage:"Time interval (minutes)"})},wc.map(R=>t.createElement(i.Option,{key:R,value:R},R))));return t.createElement(t.Fragment,null,p,b&&C,T&&k)};yr.propTypes={onMetaChange:n().func.isRequired,onSizeChange:n().func.isRequired};var Oc=yr;const Sc=(0,P.default)(i.Flex)`
|
|
1038
|
-
svg {
|
|
1039
|
-
width: ${32/16}rem;
|
|
1040
|
-
height: ${24/16}rem;
|
|
1041
|
-
margin-right: ${({theme:e})=>e.spaces[3]};
|
|
1042
|
-
}
|
|
1043
|
-
`,Qn=({onToggle:e,onMetaChange:o,onSizeChange:r,onSubmit:s,type:a,customFieldUid:c})=>{const{selectedField:l}=mt(),{formatMessage:d}=(0,z.useIntl)(),m=()=>a==="timestamp"?"date":["decimal","float","integer","biginter"].includes(a)?"number":a;return t.createElement(i.ModalLayout,{onClose:e,labelledBy:"title"},t.createElement("form",{onSubmit:s},t.createElement(i.ModalHeader,null,t.createElement(Sc,null,t.createElement(fr,{type:m(),customFieldUid:c}),t.createElement(i.Typography,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title"},d({id:(0,h.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:At()(l)})))),t.createElement(i.ModalBody,null,t.createElement(i.Grid,{gap:4},t.createElement(Oc,{onMetaChange:o,onSizeChange:r}))),t.createElement(i.ModalFooter,{startActions:t.createElement(i.Button,{onClick:e,variant:"tertiary"},d({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:t.createElement(i.Button,{type:"submit"},d({id:"global.finish",defaultMessage:"Finish"}))})))};Qn.defaultProps={customFieldUid:null},Qn.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 Ac=Qn,Bc=(e,o,r)=>{const{put:s}=(0,y.getFetchClient)();return s((0,h.IF)(r?`content-types/${o}/configuration`:`components/${o}/configuration`),e)};const Kn=({mainLayout:e,components:o,isContentTypeView:r,slug:s,updateLayout:a})=>{const[c,l]=(0,t.useReducer)(dc,Un,()=>uc(Un,e,o)),[d,m]=(0,t.useState)(!1),{trackUsage:u}=(0,y.useTracking)(),g=(0,y.useNotification)(),{goBack:f}=(0,K.useHistory)(),[p,b]=(0,t.useState)(!1),[C,T]=(0,t.useState)(!1),{componentLayouts:k,initialData:R,modifiedData:v,metaToEdit:S,metaForm:A}=c,{formatMessage:D}=(0,z.useIntl)(),I=x()(e,["info","displayName"],""),O=x()(v,["attributes"],{}),q=Object.keys(O).filter(w=>{const re=x()(O,[w,"type"],"");return!["dynamiczone","json","text","relation","component","boolean","media","password","richtext","timestamp"].includes(re)&&!!re}),U=x()(v,["layouts","edit"],[]),N=or()(U,"rowContent"),G=Object.keys(v.attributes).filter(w=>x()(v,["metadatas",w,"edit","visible"],!1)===!0).filter(w=>N.findIndex(re=>re.name===w)===-1).sort(),$=({target:{name:w,value:re}})=>{l({type:"ON_CHANGE",keys:w.split("."),value:re})},_=()=>{b(w=>!w)},H=()=>{T(w=>!w)},Y=({target:{name:w,value:re}})=>{l({type:"ON_CHANGE_META",keys:w.split("."),value:re})},V=({name:w,value:re})=>{l({type:"ON_CHANGE_SIZE",name:w,value:re})},ee=w=>{w.preventDefault(),l({type:"SUBMIT_META_FORM"}),_()},M=w=>{w.preventDefault(),H()},L=(0,pt.useMutation)(w=>Bc(w,s,r),{onSuccess({data:w}){a&&a(w.data),l({type:"SUBMIT_SUCCEEDED"}),H(),u("didEditEditSettings")},onError(){g({type:"warning",message:{id:"notification.error"}})}}),{isLoading:Q}=L,W=()=>{const w=pn()(_e()(v),["layouts","metadatas","settings"]);X()(w,"layouts.edit",ic(w.layouts.edit)),L.mutate(w)},B=(w,re)=>{l({type:"MOVE_RELATION",fromIndex:w,toIndex:re})},j=(w,re)=>{l({type:"MOVE_FIELD",fromIndex:w,toIndex:re})},Z=(w,re,pe,Te)=>{l(pe===Te?{type:"REORDER_ROW",dragRowIndex:pe,dragIndex:w,hoverIndex:re}:{type:"REORDER_DIFF_ROW",dragIndex:w,hoverIndex:re,dragRowIndex:pe,hoverRowIndex:Te})},ae=(w,re)=>{l({type:"MOVE_ROW",fromIndex:w,toIndex:re})};return t.createElement(Ne,{isContentTypeView:r,attributes:O,modifiedData:v,slug:s,componentLayouts:k,selectedField:S,fieldForm:A,onMoveRelation:B,onMoveField:j,moveRow:ae,moveItem:Z,setEditFieldToSelect:w=>{l({type:"SET_FIELD_TO_EDIT",name:w}),_()},isDraggingSibling:d,setIsDraggingSibling:m},t.createElement(i.Main,null,t.createElement("form",{onSubmit:M},t.createElement(i.HeaderLayout,{title:D({id:(0,h.OB)("components.SettingsViewWrapper.pluginHeader.title"),defaultMessage:`Configure the view - ${At()(I)}`},{name:At()(I)}),subtitle:D({id:(0,h.OB)("components.SettingsViewWrapper.pluginHeader.description.edit-settings"),defaultMessage:"Customize how the edit view will look like."}),navigationAction:t.createElement(y.Link,{startIcon:t.createElement(F.ArrowLeft,null),onClick:w=>{w.preventDefault(),f()},to:"/"},D({id:"global.back",defaultMessage:"Back"})),primaryAction:t.createElement(i.Button,{disabled:Ot()(R,v),startIcon:t.createElement(F.Check,null),type:"submit"},D({id:"global.save",defaultMessage:"Save"}))}),t.createElement(i.ContentLayout,null,t.createElement(i.Box,{background:"neutral0",hasRadius:!0,shadow:"filterShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},t.createElement(i.Flex,{direction:"column",alignItems:"stretch",gap:4},t.createElement(i.Typography,{variant:"delta",as:"h2"},D({id:(0,h.OB)("containers.SettingPage.settings"),defaultMessage:"Settings"})),t.createElement(i.Grid,null,t.createElement(i.GridItem,{col:6,s:12},t.createElement(i.Select,{label:D({id:(0,h.OB)("containers.SettingPage.editSettings.entry.title"),defaultMessage:"Entry title"}),hint:D({id:(0,h.OB)("containers.SettingPage.editSettings.entry.title.description"),defaultMessage:"Set the display field of your entry"}),onChange:w=>{$({target:{name:"settings.mainField",value:w===""?null:w}})},value:v.settings.mainField},q.map(w=>t.createElement(i.Option,{key:w,value:w},w))))),t.createElement(i.Box,{paddingTop:2,paddingBottom:2},t.createElement(i.Divider,null)),t.createElement(i.Typography,{variant:"delta",as:"h3"},D({id:(0,h.OB)("containers.SettingPage.view"),defaultMessage:"View"})),t.createElement(Dc,{attributes:O,editLayout:U,fields:G,onAddField:w=>{l({type:"ON_ADD_FIELD",name:w})},onRemoveField:(w,re)=>{l({type:"REMOVE_FIELD",rowIndex:w,fieldIndex:re})}})))),t.createElement(y.ConfirmDialog,{bodyText:{id:(0,h.OB)("popUpWarning.warning.updateAllSettings"),defaultMessage:"This will modify all your settings"},iconRightButton:t.createElement(F.Check,null),isConfirmButtonLoading:Q,isOpen:C,onToggleDialog:H,onConfirm:W,variantRightButton:"success-light"})),p&&t.createElement(Ac,{onSubmit:ee,onToggle:_,onMetaChange:Y,onSizeChange:V,type:x()(O,[S,"type"],""),customFieldUid:x()(O,[S,"customField"],"")})))};Kn.defaultProps={isContentTypeView:!1,updateLayout:null},Kn.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 Yn=Kn,vt=E(37617);const Pc=()=>({type:vt.ZA}),$c=(e,o)=>({type:vt.Id,pagination:e,data:o}),qc=()=>({type:vt.MP});function Nc(){return{type:vt.c2}}const jc=({components:e,contentType:o})=>{const{layouts:r}=o;return{contentType:o,components:e,displayedHeaders:r.list,type:vt.Zz}},Xn=e=>({type:vt.Rp,target:e});var br=E(13055),Vc=E(70664);const Wc=()=>e=>e["content-manager_listView"]||Vc.E,zc=()=>(0,xt.P1)(Wc(),e=>e),Er=e=>{const{displayedHeaders:o}=e["content-manager_listView"];return o};var Uc=zc,Hc=E(8997);const Zc=(0,P.default)(i.Flex)`
|
|
1044
|
-
position: relative;
|
|
1045
|
-
border-radius: 50%;
|
|
1046
|
-
width: 26px;
|
|
1047
|
-
height: 26px;
|
|
1048
|
-
border: 1px solid ${({theme:e})=>e.colors.neutral200};
|
|
1049
|
-
background: ${({theme:e})=>e.colors.neutral150};
|
|
1050
|
-
padding-left: 1px;
|
|
1051
|
-
|
|
1052
|
-
span {
|
|
1053
|
-
line-height: 0.6rem;
|
|
1054
|
-
font-size: 0.6rem;
|
|
1055
|
-
}
|
|
1056
|
-
`,Cr=({children:e,...o})=>t.createElement(Zc,{justifyContent:"center",alignItems:"center",as:"span",...o},t.createElement(i.Typography,{variant:"sigma",textColor:"neutral600"},e));Cr.propTypes={children:n().string.isRequired};var Rr=Cr;const Jn=({url:e,mime:o,alternativeText:r,name:s,ext:a,formats:c})=>{const l=(0,y.prefixFileUrlWithBackendUrl)(e);if(o.includes("image")){const u=c?.thumbnail?.url||null,g=(0,y.prefixFileUrlWithBackendUrl)(u)||l;return t.createElement(i.Avatar,{src:g,alt:r||s,preview:!0})}const d=(0,y.getFileExtension)(a),m=s.length>100?`${s.substring(0,100)}...`:s;return t.createElement(i.Tooltip,{description:m},t.createElement(Rr,null,d))};Jn.defaultProps={alternativeText:null,formats:null},Jn.propTypes={alternativeText:n().string,ext:n().string.isRequired,formats:n().object,mime:n().string.isRequired,name:n().string.isRequired,url:n().string.isRequired};var vr=Jn;const Tr=({value:e})=>t.createElement(i.AvatarGroup,null,e.map((o,r)=>{const s=`${o.id}${r}`;if(r===3){const a=`+${e.length-3}`;return t.createElement(Rr,{key:s,preview:!1},a)}return r>3?null:t.createElement(vr,{key:s,...o})}));Tr.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 Gc=Tr,_c=E(51064),Qc=E.n(_c);const Mr=({type:e,value:o})=>{const{formatDate:r,formatTime:s,formatNumber:a}=(0,z.useIntl)();let c=o;if(e==="date"&&(c=r(Qc()(o),{dateStyle:"full"})),e==="datetime"&&(c=r(o,{dateStyle:"full",timeStyle:"short"})),e==="time"){const[l,d,m]=o.split(":"),u=new Date;u.setHours(l),u.setMinutes(d),u.setSeconds(m),c=s(u,{numeric:"auto",style:"short"})}return["float","decimal"].includes(e)&&(c=a(o,{maximumFractionDigits:20})),["integer","biginteger"].includes(e)&&(c=a(o,{maximumFractionDigits:0})),Ho()(c)};Mr.propTypes={type:n().string.isRequired,value:n().any.isRequired};var Tt=Mr;const Kc=(0,P.default)(i.Typography)`
|
|
1057
|
-
max-width: 500px;
|
|
1058
|
-
`,Yc=async(e,o,r)=>{const{data:{results:s,pagination:a}}=await r(e);return o(),{results:s,pagination:a}},Dr=({fieldSchema:e,metadatas:o,name:r,entityId:s,value:a,contentType:c})=>{const{formatMessage:l}=(0,z.useIntl)(),{notifyStatus:d}=(0,i.useNotifyAT)(),m=(0,t.useMemo)(()=>(0,h.IF)(`relations/${c.uid}/${s}/${r.split(".")[0]}`),[s,r,c]),[u,g]=(0,t.useState)(!1),{get:f}=(0,y.useFetchClient)(),p=t.createElement(i.Flex,{gap:1,wrap:"nowrap"},t.createElement(i.Badge,null,a.count),l({id:"content-manager.containers.ListPage.items",defaultMessage:"{number, plural, =0 {items} one {item} other {items}}"},{number:a.count})),b=()=>{const k=l({id:(0,h.OB)("DynamicTable.relation-loaded"),defaultMessage:"Relations have been loaded"});d(k)},{data:C,status:T}=(0,pt.useQuery)([e.targetModel,s],()=>Yc(m,b,f),{enabled:u,staleTime:0,select:k=>({...k,results:[...k.results].reverse()})});return t.createElement(i.Box,{...y.stopPropagation},t.createElement(i.SimpleMenu,{label:p,size:"S",onOpen:()=>g(!0),onClose:()=>g(!1)},T!=="success"&&t.createElement(i.MenuItem,{"aria-disabled":!0},t.createElement(i.Loader,{small:!0},l({id:(0,h.OB)("DynamicTable.relation-loading"),defaultMessage:"Relations are loading"}))),T==="success"&&t.createElement(t.Fragment,null,C?.results.map(k=>t.createElement(i.MenuItem,{key:k.id,"aria-disabled":!0},t.createElement(Kc,{ellipsis:!0},t.createElement(Tt,{type:o.mainField.schema.type,value:k[o.mainField.name]||k.id})))),C?.pagination.total>10&&t.createElement(i.MenuItem,{"aria-disabled":!0,"aria-label":l({id:(0,h.OB)("DynamicTable.relation-more"),defaultMessage:"This relation contains more entities than displayed"})},t.createElement(i.Typography,null,"\u2026")))))};Dr.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};var Xc=Dr;const Jc=(0,P.default)(i.Typography)`
|
|
1059
|
-
max-width: 500px;
|
|
1060
|
-
`,Ir=({metadatas:e,value:o})=>t.createElement(Jc,{textColor:"neutral800",ellipsis:!0},t.createElement(Tt,{type:e.mainField.schema.type,value:o[e.mainField.name]??o.id}));Ir.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 ed=Ir;const td=(0,P.default)(i.Typography)`
|
|
1061
|
-
max-width: 500px;
|
|
1062
|
-
`,kr=({value:e,metadatas:o})=>{const{formatMessage:r}=(0,z.useIntl)(),{mainField:{type:s,name:a}}=o,c=t.createElement(t.Fragment,null,t.createElement(i.Badge,null,e.length)," ",r({id:"content-manager.containers.ListPage.items",defaultMessage:"{number, plural, =0 {items} one {item} other {items}}"},{number:e.length}));return t.createElement(i.Box,{...y.stopPropagation},t.createElement(i.SimpleMenu,{label:c,size:"S"},e.map(l=>t.createElement(i.MenuItem,{key:l.id,"aria-disabled":!0},t.createElement(td,{ellipsis:!0},t.createElement(Tt,{type:s,value:l[a]||l.id}))))))};kr.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string,type:n().string,value:n().string})}).isRequired,value:n().array.isRequired};var nd=kr;const od=(0,P.default)(i.Typography)`
|
|
1063
|
-
max-width: 250px;
|
|
1064
|
-
`,xr=({value:e,metadatas:o})=>{const{mainField:r}=o,s=e[r.name];return t.createElement(i.Tooltip,{label:s},t.createElement(od,{textColor:"neutral800",ellipsis:!0},t.createElement(Tt,{type:r.type,value:s})))};xr.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string,type:n().string,value:n().string})}).isRequired,value:n().object.isRequired};var rd=xr,sd=E(80022),Fr=E.n(sd);function wr(e){return["oneToOne","manyToOne","oneToOneMorph"].includes(e)}function ad(e,o,r,s){if(e==="component"){const{mainField:{name:a,type:c}}=r;if(s?.repeatable)return o.length>0;const l=o?.[a];return a==="id"&&![void 0,null].includes(l)?!0:St(c)&&c!=="biginteger"&&a!=="id"?Fr()(l):!De()(l)}return e==="relation"?wr(s.relation)?!De()(o):o?.count>0:St(e)&&e!=="biginteger"?Fr()(o):e==="boolean"?o!==null:!De()(o)}const Lr=(0,P.default)(i.Typography)`
|
|
1065
|
-
max-width: 300px;
|
|
1066
|
-
`,eo=({content:e,fieldSchema:o,metadatas:r,name:s,rowId:a,contentType:c})=>{const{type:l}=o;if(!ad(l,e,r,o))return t.createElement(i.Typography,{textColor:"neutral800"},"-");switch(l){case"media":return o.multiple?t.createElement(Gc,{value:e}):t.createElement(vr,{...e});case"relation":return wr(o.relation)?t.createElement(ed,{metadatas:r,value:e}):t.createElement(Xc,{fieldSchema:o,metadatas:r,value:e,name:s,entityId:a,contentType:c});case"component":return o.repeatable===!0?t.createElement(nd,{value:e,metadatas:r}):t.createElement(rd,{value:e,metadatas:r});case"string":return t.createElement(i.Tooltip,{description:e},t.createElement(Lr,{ellipsis:!0,textColor:"neutral800"},t.createElement(Tt,{type:l,value:e})));default:return t.createElement(Lr,{ellipsis:!0,textColor:"neutral800"},t.createElement(Tt,{type:l,value:e}))}};eo.defaultProps={content:void 0},eo.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 id=eo;const to=({canCreate:e,canDelete:o,contentType:r,headers:s,entriesToDelete:a,onClickDelete:c,onSelectRow:l,withMainAction:d,withBulkActions:m,rows:u})=>{const{push:g,location:{pathname:f}}=(0,K.useHistory)(),{formatMessage:p}=(0,z.useIntl)(),{trackUsage:b}=(0,y.useTracking)(),C=Co();return t.createElement(i.Tbody,null,u.map((T,k)=>{const R=a.findIndex(S=>S===T.id)!==-1,v=p({id:"content-manager.components.DynamicTable.row-line",defaultMessage:"item line {number}"},{number:k});return t.createElement(i.Tr,{key:T.id,...(0,y.onRowClick)({fn(){b("willEditEntryFromList"),g({pathname:`${f}/${T.id}`,state:{from:f},search:C})},condition:m})},d&&t.createElement(i.Td,{...y.stopPropagation},t.createElement(i.BaseCheckbox,{"aria-label":p({id:"app.component.table.select.one-entry",defaultMessage:"Select {target}"},{target:(0,Hc.Pp)(T.firstname,T.lastname)}),checked:R,onChange:()=>{l({name:T.id,value:!R})}})),s.map(({key:S,cellFormatter:A,name:D,...I})=>t.createElement(i.Td,{key:S},typeof A=="function"?A(T,{key:S,name:D,...I}):t.createElement(id,{content:T[D.split(".")[0]],name:D,contentType:r,...I,rowId:T.id}))),m&&t.createElement(i.Td,null,t.createElement(i.Flex,{justifyContent:"end",...y.stopPropagation},t.createElement(i.IconButton,{forwardedAs:K.Link,onClick:()=>{b("willEditEntryFromButton")},to:{pathname:`${f}/${T.id}`,state:{from:f},search:C},label:p({id:"app.component.table.edit",defaultMessage:"Edit {target}"},{target:v}),noBorder:!0,icon:t.createElement(F.Pencil,null)}),e&&t.createElement(i.Box,{paddingLeft:1},t.createElement(i.IconButton,{forwardedAs:K.Link,to:{pathname:`${f}/create/clone/${T.id}`,state:{from:f},search:C},label:p({id:"app.component.table.duplicate",defaultMessage:"Duplicate {target}"},{target:v}),noBorder:!0,icon:t.createElement(F.Duplicate,null)})),o&&t.createElement(i.Box,{paddingLeft:1},t.createElement(i.IconButton,{onClick:()=>{b("willDeleteEntryFromList"),c(T.id)},label:p({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:v}),noBorder:!0,icon:t.createElement(F.Trash,null)})))))}))};to.defaultProps={canCreate:!1,canDelete:!1,entriesToDelete:[],onClickDelete(){},onSelectRow(){},rows:[],withBulkActions:!1,withMainAction:!1},to.propTypes={canCreate:n().bool,canDelete:n().bool,contentType:n().shape({uid:n().string.isRequired}).isRequired,entriesToDelete:n().array,headers:n().array.isRequired,onClickDelete:n().func,onSelectRow:n().func,rows:n().array,withBulkActions:n().bool,withMainAction:n().bool};var ld=to;const Or=({area:e,...o})=>{const r=wo(e);return r?t.createElement("ul",null,r.map(s=>s.Component(o)?t.createElement(i.Box,{key:s.name,padding:3,style:{textAlign:"center"}},t.createElement(s.Component,{...o})):null)):null};Or.propTypes={area:n().string.isRequired};var Sr=Or;const Ar=({isConfirmButtonLoading:e,isOpen:o,onToggleDialog:r,onConfirm:s})=>{const{formatMessage:a}=(0,z.useIntl)();return t.createElement(i.Dialog,{onClose:r,title:a({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:o},t.createElement(i.DialogBody,{icon:t.createElement(F.ExclamationMarkCircle,null)},t.createElement(i.Flex,{direction:"column",alignItems:"stretch",gap:2},t.createElement(i.Flex,{justifyContent:"center"},t.createElement(i.Typography,{id:"confirm-description"},a({id:(0,h.OB)("popUpWarning.bodyMessage.contentType.delete.all"),defaultMessage:"Are you sure you want to delete these entries?"}))),t.createElement(i.Flex,null,t.createElement(Sr,{area:"contentManager.listView.deleteModalAdditionalInfos"})))),t.createElement(i.DialogFooter,{startAction:t.createElement(i.Button,{onClick:r,variant:"tertiary"},a({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endAction:t.createElement(i.Button,{onClick:s,variant:"danger-light",startIcon:t.createElement(F.Trash,null),id:"confirm-delete",loading:e},a({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))}))};Ar.propTypes={isConfirmButtonLoading:n().bool.isRequired,isOpen:n().bool.isRequired,onConfirm:n().func.isRequired,onToggleDialog:n().func.isRequired};var cd=Ar;const Br=({isConfirmButtonLoading:e,isOpen:o,onToggleDialog:r,onConfirm:s})=>{const{formatMessage:a}=(0,z.useIntl)();return t.createElement(i.Dialog,{onClose:r,title:a({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:o},t.createElement(i.DialogBody,{icon:t.createElement(F.ExclamationMarkCircle,null)},t.createElement(i.Flex,{direction:"column",alignItems:"stretch",gap:2},t.createElement(i.Flex,{justifyContent:"center"},t.createElement(i.Typography,{id:"confirm-description"},a({id:"components.popUpWarning.message",defaultMessage:"Are you sure you want to delete this?"}))),t.createElement(i.Flex,null,t.createElement(Sr,{area:"contentManager.listView.deleteModalAdditionalInfos"})))),t.createElement(i.DialogFooter,{startAction:t.createElement(i.Button,{onClick:r,variant:"tertiary"},a({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endAction:t.createElement(i.Button,{onClick:s,variant:"danger-light",startIcon:t.createElement(F.Trash,null),id:"confirm-delete",loading:e},a({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))}))};Br.propTypes={isConfirmButtonLoading:n().bool.isRequired,isOpen:n().bool.isRequired,onConfirm:n().func.isRequired,onToggleDialog:n().func.isRequired};var dd=Br;function Pr({isPublished:e}){const{formatMessage:o}=(0,z.useIntl)(),r=e?"success":"secondary";return t.createElement(i.Status,{showBullet:!1,variant:r,size:"S",width:"min-content"},t.createElement(i.Typography,{fontWeight:"bold",textColor:`${r}700`},o({id:(0,h.OB)(`containers.List.${e?"published":"draft"}`),defaultMessage:e?"Published":"Draft"})))}Pr.propTypes={isPublished:n().bool.isRequired};function $r({name:e}){return t.createElement(i.Typography,{fontWeight:"regular",textColor:"neutral700"},e)}$r.propTypes={name:n().string.isRequired};const no=({canCreate:e,canDelete:o,contentTypeName:r,action:s,isBulkable:a,isLoading:c,onConfirmDelete:l,onConfirmDeleteAll:d,layout:m,rows:u})=>{const{runHookWaterfall:g}=(0,y.useStrapiApp)(),f=m.contentType.options?.draftAndPublish??!1,p=m.contentType.options?.reviewWorkflows??!1,{formatMessage:b}=(0,z.useIntl)(),C=(0,de.useSelector)(Er),T=(0,t.useMemo)(()=>{const R=g(jt.No,{displayedHeaders:C,layout:m}).displayedHeaders.map(v=>{const{fieldSchema:S,metadatas:A,name:D}=v;return{...v,metadatas:{...A,label:b({id:(0,h.OB)(`containers.ListPage.table-headers.${D}`),defaultMessage:A.label})},name:S.type==="relation"?`${D}.${A.mainField.name}`:D}});return f&&R.push({key:"__published_at_temp_key__",name:"publishedAt",fieldSchema:{type:"custom"},metadatas:{label:b({id:(0,h.OB)("containers.ListPage.table-headers.publishedAt"),defaultMessage:"publishedAt"}),searchable:!1,sortable:!0},cellFormatter({publishedAt:v}){return t.createElement(Pr,{isPublished:!!v})}}),p&&R.push({key:"__strapi_reviewWorkflows_stage_temp_key__",name:"strapi_reviewWorkflows_stage",fieldSchema:{type:"custom"},metadatas:{label:b({id:(0,h.OB)("containers.ListPage.table-headers.reviewWorkflows.stage"),defaultMessage:"Review stage"}),searchable:!1,sortable:!1},cellFormatter({strapi_reviewWorkflows_stage:v}){return t.createElement($r,{name:v.name})}}),R},[g,C,m,f,p,b]);return t.createElement(y.DynamicTable,{components:{ConfirmDialogDelete:dd,ConfirmDialogDeleteAll:cd},contentType:r,action:s,isLoading:c,headers:T,onConfirmDelete:l,onConfirmDeleteAll:d,onOpenDeleteAllModalTrackedEvent:"willBulkDeleteEntries",rows:u,withBulkActions:!0,withMainAction:o&&a},t.createElement(ld,{canCreate:e,canDelete:o,contentType:m.contentType,headers:T,rows:u,withBulkActions:!0,withMainAction:o&&a}))};no.defaultProps={action:void 0},no.propTypes={canCreate:n().bool.isRequired,canDelete:n().bool.isRequired,contentTypeName:n().string.isRequired,action:n().node,isBulkable:n().bool.isRequired,isLoading:n().bool.isRequired,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}).isRequired}).isRequired,onConfirmDelete:n().func.isRequired,onConfirmDeleteAll:n().func.isRequired,rows:n().array.isRequired};var ud=no;const md=["json","component","media","richtext","dynamiczone","password"],pd=["createdAt","updatedAt"];var gd=(e,o)=>{const{allPermissions:r}=(0,y.useRBACProvider)(),s=(0,y.findMatchingPermissions)(r,[{action:"plugin::content-manager.explorer.read",subject:o}]),a=x()(s,["0","properties","fields"],[]);return Object.keys(x()(e,["attributes"]),{}).filter(d=>{const m=x()(e,["attributes",d],{});return!(!m.type||md.includes(m.type)||!a.includes(d)&&d!=="id"&&!pd.includes(d))}).sort()};const qr=({displayedFilters:e})=>{const[o,r]=(0,t.useState)(!1),{formatMessage:s}=(0,z.useIntl)(),a=(0,t.useRef)(),{trackUsage:c}=(0,y.useTracking)(),l=()=>{o||c("willFilterEntries"),r(d=>!d)};return t.createElement(t.Fragment,null,t.createElement(i.Box,{paddingTop:1,paddingBottom:1},t.createElement(i.Button,{variant:"tertiary",ref:a,startIcon:t.createElement(F.Filter,null),onClick:l,size:"S"},s({id:"app.utils.filters",defaultMessage:"Filters"})),o&&t.createElement(y.FilterPopoverURLQuery,{displayedFilters:e,isVisible:o,onToggle:l,source:a})),t.createElement(y.FilterListURLQuery,{filtersSchema:e}))};qr.propTypes={displayedFilters:n().arrayOf(n().shape({name:n().string.isRequired,metadatas:n().shape({label:n().string}),fieldSchema:n().shape({type:n().string})})).isRequired};var fd=qr;const Nr=({contentType:e,slug:o,metadatas:r})=>{const{formatMessage:s}=(0,z.useIntl)(),c=gd(e,o).map(l=>{const d=e.attributes[l],{type:m,enum:u}=d,g={name:"didFilterEntries",properties:{useRelation:m==="relation"}},{mainField:f,label:p}=r[l].list;return{name:l,metadatas:{label:s({id:p,defaultMessage:p})},fieldSchema:{type:m,options:u,mainField:f},trackedEvent:g}});return t.createElement(fd,{displayedFilters:c})};Nr.propTypes={contentType:n().object.isRequired,metadatas:n().object.isRequired,slug:n().string.isRequired};var hd=Nr,yd=e=>Object.keys(e).reduce((r,s)=>{const a=e[s];return(0,h.ko)(a)&&r.push(s),r},[]).sort();const jr=({layout:e})=>{const o=(0,de.useDispatch)(),r=(0,de.useSelector)(Er),{trackUsage:s}=(0,y.useTracking)(),{formatMessage:a}=(0,z.useIntl)(),c=yd(e.contentType.attributes).map(m=>{const u=e.contentType.metadatas[m].list;return{name:m,intlLabel:{id:u.label,defaultMessage:u.label}}}),l=r.map(({name:m})=>m),d=m=>{if(s("didChangeDisplayedFields"),m.length<l.length){const u=l.filter(g=>m.indexOf(g)===-1);o(Xn({name:u[0],value:!0}))}else{const u=m.filter(g=>l.indexOf(g)===-1);o(Xn({name:u[0],value:!1}))}};return t.createElement(i.Box,{paddingTop:1,paddingBottom:1},t.createElement(i.Select,{"aria-label":"change displayed fields",value:l,onChange:d,customizeContent:m=>a({id:(0,ye.Z)("select.currently.selected"),defaultMessage:"{count} currently selected"},{count:m.length}),multi:!0,size:"S"},c.map(m=>t.createElement(i.Option,{key:m.name,value:m.name},a({id:m.intlLabel.id||m.name,defaultMessage:m.intlLabel.defaultMessage||m.name})))))};jr.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};var bd=(0,t.memo)(jr);const oo=({pagination:e})=>t.createElement(i.Box,{paddingTop:4},t.createElement(i.Flex,{alignItems:"flex-end",justifyContent:"space-between"},t.createElement(y.PageSizeURLQuery,{trackedEvent:"willChangeNumberOfEntriesPerPage"}),t.createElement(y.PaginationURLQuery,{pagination:e})));oo.defaultProps={pagination:{pageCount:0,pageSize:10,total:0}},oo.propTypes={pagination:n().shape({page:n().number,pageCount:n().number,pageSize:n().number,total:n().number})};var Ed=oo;const Cd=ke.Z.contentManager,Rd=(0,P.default)(i.Box)`
|
|
1067
|
-
svg {
|
|
1068
|
-
path {
|
|
1069
|
-
fill: ${({theme:e})=>e.colors.neutral900};
|
|
1070
|
-
}
|
|
1071
|
-
}
|
|
1072
|
-
`;function Vr({canCreate:e,canDelete:o,canRead:r,data:s,getData:a,getDataSucceeded:c,isLoading:l,layout:d,pagination:m,slug:u}){const{total:g}=m,{contentType:f}=d,{metadatas:p,settings:{bulkable:b,filterable:C,searchable:T}}=f,k=(0,y.useNotification)(),{trackUsage:R}=(0,y.useTracking)(),{refetchPermissions:v}=(0,y.useRBACProvider)(),S=(0,t.useRef)(R),A=(0,t.useRef)(v),{notifyStatus:D}=(0,i.useNotifyAT)(),{formatAPIError:I}=(0,y.useAPIErrorHandler)(h.OB);(0,y.useFocusWhenNavigate)();const[{query:O}]=(0,y.useQueryParams)(),q=Xo(O),U=(0,Ye.stringify)({plugins:O.plugins},{encode:!1}),{pathname:N}=(0,K.useLocation)(),{push:G}=(0,K.useHistory)(),{formatMessage:$}=(0,z.useIntl)(),_=f.options?.draftAndPublish??!1,H=(0,y.useFetchClient)(),{post:Y,del:V}=H,ee=(0,t.useRef)(""),M=(0,t.useCallback)(async(ae,w)=>{a();try{const re=w?{cancelToken:w.token}:null,{data:{results:pe,pagination:Te}}=await H.get(ae,re);D($({id:(0,h.OB)("utils.data-loaded"),defaultMessage:"{number, plural, =1 {# entry has} other {# entries have}} successfully been loaded"},{number:Te.count})),c(Te,pe)}catch(re){if($e.Z.isCancel(re))return;if((re?.response?.status??null)===403){await A.current(),k({type:"info",message:{id:(0,h.OB)("permissions.not-allowed.update")}}),G("/");return}k({type:"warning",message:{id:(0,h.OB)("error.model.fetch")}})}},[$,a,c,D,G,k,H]),L=(0,t.useCallback)(async ae=>{try{await Y((0,h.IF)(`collection-types/${u}/actions/bulkDelete`),{ids:ae});const w=(0,h.IF)(`collection-types/${u}${q}`);M(w),S.current("didBulkDeleteEntries")}catch(w){k({type:"warning",message:I(w)})}},[M,q,u,k,I,Y]),Q=(0,t.useCallback)(async ae=>{try{await V((0,h.IF)(`collection-types/${u}/${ae}`));const w=(0,h.IF)(`collection-types/${u}${q}`);M(w),k({type:"success",message:{id:(0,h.OB)("success.record.delete")}})}catch(w){k({type:"warning",message:I(w)})}},[u,q,M,k,I,V]);(0,t.useEffect)(()=>{const w=$e.Z.CancelToken.source(),re=r,pe=(0,h.IF)(`collection-types/${u}${q}`);return re&&pe.includes(ee.current)&&M(pe,w),()=>{ee.current=u,w.cancel("Operation canceled by the user.")}},[r,a,u,q,c,M]);const W=$({id:(0,h.OB)("header.name"),defaultMessage:"Content"}),B=$({id:f.info.displayName,defaultMessage:f.info.displayName||W}),j=r?$({id:(0,h.OB)("pages.ListView.header-subtitle"),defaultMessage:"{number, plural, =0 {# entries} one {# entry} other {# entries}} found"},{number:g}):null,Z=ae=>e?t.createElement(i.Button,{...ae,forwardedAs:K.Link,onClick:()=>{const w=_?{status:"draft"}:{};S.current("willCreateEntry",w)},to:{pathname:`${N}/create`,search:O.plugins?U:""},startIcon:t.createElement(F.Plus,null),style:{textDecoration:"none"}},$({id:(0,h.OB)("HeaderLayout.button.label-add-entry"),defaultMessage:"Create new entry"})):null;return t.createElement(i.Main,{"aria-busy":l},t.createElement(i.HeaderLayout,{primaryAction:Z(),subtitle:j,title:B,navigationAction:t.createElement(y.Link,{startIcon:t.createElement(F.ArrowLeft,null),to:"/content-manager/"},$({id:"global.back",defaultMessage:"Back"}))}),!r&&t.createElement(i.ActionLayout,{endActions:t.createElement(Vt,{area:"contentManager.listView.actions"})}),r&&t.createElement(i.ActionLayout,{endActions:t.createElement(t.Fragment,null,t.createElement(Vt,{area:"contentManager.listView.actions"}),t.createElement(bd,{layout:d}),t.createElement(y.CheckPermissions,{permissions:Cd.collectionTypesConfigurations},t.createElement(Rd,{paddingTop:1,paddingBottom:1},t.createElement(i.IconButton,{onClick:()=>{R("willEditListLayout")},forwardedAs:K.Link,to:{pathname:`${u}/configurations/list`,search:U},icon:t.createElement(F.Cog,null),label:$({id:"app.links.configure-view",defaultMessage:"Configure the view"})})))),startActions:t.createElement(t.Fragment,null,T&&t.createElement(y.SearchURLQuery,{label:$({id:"app.component.search.label",defaultMessage:"Search for {target}"},{target:B}),placeholder:$({id:"global.search",defaultMessage:"Search"}),trackedEvent:"didSearch"}),C&&t.createElement(hd,{contentType:f,slug:u,metadatas:p}))}),t.createElement(i.ContentLayout,null,r?t.createElement(t.Fragment,null,t.createElement(ud,{canCreate:e,canDelete:o,contentTypeName:B,onConfirmDeleteAll:L,onConfirmDelete:Q,isBulkable:b,isLoading:l,layout:d,rows:s,action:Z({variant:"secondary"})}),t.createElement(Ed,{pagination:{pageCount:m?.pageCount||1}})):t.createElement(y.NoPermissions,null)))}Vr.propTypes={canCreate:n().bool.isRequired,canDelete:n().bool.isRequired,canRead:n().bool.isRequired,data:n().array.isRequired,layout:n().exact({components:n().object.isRequired,contentType:n().shape({attributes:n().object.isRequired,metadatas:n().object.isRequired,info:n().shape({displayName:n().string.isRequired}).isRequired,layouts:n().shape({list:n().array.isRequired}).isRequired,options:n().object.isRequired,settings:n().object.isRequired}).isRequired}).isRequired,isLoading:n().bool.isRequired,getData:n().func.isRequired,getDataSucceeded:n().func.isRequired,pagination:n().shape({total:n().number.isRequired,pageCount:n().number}).isRequired,slug:n().string.isRequired};const vd=Uc();function Td(e){return(0,br.bindActionCreators)({getData:Pc,getDataSucceeded:$c,onChangeListHeaders:Xn,onResetListHeaders:qc},e)}const Md=(0,de.connect)(vd,Td);var Dd=(0,br.compose)(Md)((0,t.memo)(Vr,Je()));const ro=e=>{const o=(0,t.useMemo)(()=>(0,h.TA)(e.slug),[e.slug]),{isLoading:r,allowedActions:s}=(0,y.useRBAC)(o,e.permissions);return r?t.createElement(y.LoadingIndicatorPage,null):t.createElement(Dd,{...e,...s})};ro.defaultProps={permissions:[]},ro.propTypes={permissions:n().array,slug:n().string.isRequired};var Id=(0,t.memo)(ro,(e,o)=>{const r=(0,y.difference)(e,o);return Object.keys(r).filter(a=>a!=="state").length>0});const Wr=({layout:e,...o})=>{const r=(0,de.useDispatch)(),{replace:s}=(0,K.useHistory)(),[{query:a,rawQuery:c}]=(0,y.useQueryParams)(),l=vo(a,o.slug,"listView"),d=Eo(o.slug);return(0,t.useEffect)(()=>{c||s(d)},[c,s,d]),(0,t.useEffect)(()=>{r(jc(e))},[r,e]),(0,t.useEffect)(()=>()=>{r(Nc())},[r]),l?t.createElement(Id,{...o,layout:e,permissions:l}):null};Wr.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 kd=Wr,xd=(e,o)=>{const{put:r}=(0,y.getFetchClient)();return r((0,h.IF)(`content-types/${o}/configuration`),e)};const so=({modifiedData:e,onChange:o,sortOptions:r})=>{const{formatMessage:s}=(0,z.useIntl)(),{settings:a,metadatas:c}=e;return t.createElement(i.Flex,{direction:"column",alignItems:"stretch",gap:4},t.createElement(i.Typography,{variant:"delta",as:"h2"},s({id:(0,h.OB)("containers.SettingPage.settings"),defaultMessage:"Settings"})),t.createElement(i.Flex,{justifyContent:"space-between",gap:4},t.createElement(i.Box,{width:"100%"},t.createElement(i.ToggleInput,{label:s({id:(0,h.OB)("form.Input.search"),defaultMessage:"Enable search"}),onChange:l=>{o({target:{name:"settings.searchable",value:l.target.checked}})},onLabel:s({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:s({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.searchable",checked:a.searchable})),t.createElement(i.Box,{width:"100%"},t.createElement(i.ToggleInput,{label:s({id:(0,h.OB)("form.Input.filters"),defaultMessage:"Enable filters"}),onChange:l=>{o({target:{name:"settings.filterable",value:l.target.checked}})},onLabel:s({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:s({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.filterable",checked:a.filterable})),t.createElement(i.Box,{width:"100%"},t.createElement(i.ToggleInput,{label:s({id:(0,h.OB)("form.Input.bulkActions"),defaultMessage:"Enable bulk actions"}),onChange:l=>{o({target:{name:"settings.bulkable",value:l.target.checked}})},onLabel:s({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:s({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.bulkable",checked:a.bulkable}))),t.createElement(i.Grid,{gap:4},t.createElement(i.GridItem,{s:12,col:6},t.createElement(i.Select,{label:s({id:(0,h.OB)("form.Input.pageEntries"),defaultMessage:"Entries per page"}),hint:s({id:(0,h.OB)("form.Input.pageEntries.inputDescription"),defaultMessage:"Note: You can override this value in the Collection Type settings page."}),onChange:l=>o({target:{name:"settings.pageSize",value:l}}),name:"settings.pageSize",value:e.settings.pageSize||""},[10,20,50,100].map(l=>t.createElement(i.Option,{key:l,value:l},l)))),t.createElement(i.GridItem,{s:12,col:3},t.createElement(i.Select,{label:s({id:(0,h.OB)("form.Input.defaultSort"),defaultMessage:"Default sort attribute"}),onChange:l=>o({target:{name:"settings.defaultSortBy",value:l}}),name:"settings.defaultSortBy",value:e.settings.defaultSortBy||""},r.map(l=>t.createElement(i.Option,{key:l,value:l},c[l].list.label||l)))),t.createElement(i.GridItem,{s:12,col:3},t.createElement(i.Select,{label:s({id:(0,h.OB)("form.Input.sort.order"),defaultMessage:"Default sort order"}),onChange:l=>o({target:{name:"settings.defaultSortOrder",value:l}}),name:"settings.defaultSortOrder",value:e.settings.defaultSortOrder||""},["ASC","DESC"].map(l=>t.createElement(i.Option,{key:l,value:l},l))))))};so.defaultProps={modifiedData:{},sortOptions:[]},so.propTypes={modifiedData:n().object,onChange:n().func.isRequired,sortOptions:n().array};var Fd=so;const ao=P.default.button`
|
|
1073
|
-
display: flex;
|
|
1074
|
-
align-items: center;
|
|
1075
|
-
height: ${({theme:e})=>e.spaces[7]};
|
|
1076
|
-
|
|
1077
|
-
&:last-child {
|
|
1078
|
-
padding: 0 ${({theme:e})=>e.spaces[3]};
|
|
1079
|
-
}
|
|
1080
|
-
`,zr=(0,P.default)(ao)`
|
|
1081
|
-
padding: 0 ${({theme:e})=>e.spaces[3]};
|
|
1082
|
-
border-right: 1px solid ${({theme:e})=>e.colors.neutral150};
|
|
1083
|
-
cursor: all-scroll;
|
|
1084
|
-
|
|
1085
|
-
svg {
|
|
1086
|
-
width: ${12/16}rem;
|
|
1087
|
-
height: ${12/16}rem;
|
|
1088
|
-
}
|
|
1089
|
-
`,wd=(0,P.default)(i.Flex)`
|
|
1090
|
-
max-height: ${32/16}rem;
|
|
1091
|
-
cursor: pointer;
|
|
1092
|
-
|
|
1093
|
-
svg {
|
|
1094
|
-
width: ${10/16}rem;
|
|
1095
|
-
height: ${10/16}rem;
|
|
1096
|
-
|
|
1097
|
-
path {
|
|
1098
|
-
fill: ${({theme:e})=>e.colors.neutral600};
|
|
1099
|
-
}
|
|
1100
|
-
}
|
|
1101
|
-
|
|
1102
|
-
&:hover {
|
|
1103
|
-
background-color: ${({theme:e})=>e.colors.primary100};
|
|
1104
|
-
border-color: ${({theme:e})=>e.colors.primary200};
|
|
1105
|
-
|
|
1106
|
-
svg {
|
|
1107
|
-
path {
|
|
1108
|
-
fill: ${({theme:e})=>e.colors.primary600};
|
|
1109
|
-
}
|
|
1110
|
-
}
|
|
1111
|
-
|
|
1112
|
-
${i.Typography} {
|
|
1113
|
-
color: ${({theme:e})=>e.colors.primary600};
|
|
1114
|
-
}
|
|
1115
|
-
|
|
1116
|
-
${zr} {
|
|
1117
|
-
border-right: 1px solid ${({theme:e})=>e.colors.primary200};
|
|
1118
|
-
}
|
|
1119
|
-
}
|
|
1120
|
-
`,Ld=(0,P.default)(i.Box)`
|
|
1121
|
-
&:last-child {
|
|
1122
|
-
padding-right: ${({theme:e})=>e.spaces[3]};
|
|
1123
|
-
}
|
|
1124
|
-
`,Ur=({index:e,isDraggingSibling:o,labelField:r,onClickEditField:s,onMoveField:a,onRemoveField:c,name:l,setIsDraggingSibling:d})=>{const{formatMessage:m}=(0,z.useIntl)(),u=(0,t.useRef)(null),g=(0,t.useRef)(null),[,f]=(0,t.useState)(!1),p=(0,t.useRef)(),b=He(r),C=()=>{p.current&&p.current.click()},[,T]=(0,Re.useDrop)({accept:h._Q.FIELD,hover(A,D){if(!g.current)return;const I=A.index,O=e;if(I===O)return;const q=g.current.getBoundingClientRect(),U=(q.right-q.left)/2,G=D.getClientOffset().x-q.left;I>O&&G>U||I<O&&G<U||(a(I,O),A.index=O)}}),[{isDragging:k},R,v]=(0,Re.useDrag)({type:h._Q.FIELD,item(){return{index:e,labelField:r,name:l}},collect:A=>({isDragging:A.isDragging()}),end(){d(!1)}});(0,t.useEffect)(()=>{v((0,dt.rX)(),{captureDraggingState:!1})},[v]),(0,t.useEffect)(()=>{k&&d(!0)},[k,d]),(0,t.useEffect)(()=>{o||f(A=>!A)},[o]);const S={dragRef:R(u),dropRef:T(g)};return t.createElement(Ld,{ref:S?S.dropRef:null},k&&t.createElement(Ze,{transparent:!0,labelField:b}),!k&&o&&t.createElement(Ze,{isSibling:!0,labelField:b}),!k&&!o&&t.createElement(wd,{borderColor:"neutral150",background:"neutral100",hasRadius:!0,justifyContent:"space-between",onClick:C,isDragging:k},t.createElement(i.Flex,{gap:3},t.createElement(zr,{as:"span","aria-label":m({id:(0,h.OB)("components.DraggableCard.move.field"),defaultMessage:"Move {item}"},{item:r}),onClick:A=>A.stopPropagation(),ref:S.dragRef,type:"button"},t.createElement(F.Drag,null)),t.createElement(i.Typography,{fontWeight:"bold"},b)),t.createElement(i.Flex,{paddingLeft:3},t.createElement(ao,{ref:p,onClick:A=>{A.stopPropagation(),s(l)},"aria-label":m({id:(0,h.OB)("components.DraggableCard.edit.field"),defaultMessage:"Edit {item}"},{item:r}),type:"button"},t.createElement(F.Pencil,null)),t.createElement(ao,{onClick:c,"data-testid":`delete-${l}`,"aria-label":m({id:(0,h.OB)("components.DraggableCard.delete.field"),defaultMessage:"Delete {item}"},{item:r}),type:"button"},t.createElement(F.Cross,null)))))};Ur.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 Od=Ur;const Hr=(0,P.default)(i.Box)`
|
|
1125
|
-
flex: ${({size:e})=>e};
|
|
1126
|
-
`,Sd=(0,P.default)(Hr)`
|
|
1127
|
-
overflow-x: scroll;
|
|
1128
|
-
overflow-y: hidden;
|
|
1129
|
-
`,Ad=(0,P.default)(Hr)`
|
|
1130
|
-
max-width: ${32/16}rem;
|
|
1131
|
-
`,Zr=({displayedFields:e,listRemainingFields:o,metadatas:r,onAddField:s,onClickEditField:a,onMoveField:c,onRemoveField:l})=>{const{formatMessage:d}=(0,z.useIntl)(),[m,u]=(0,t.useState)(!1),[g,f]=(0,t.useState)(null),p=(0,t.useRef)();function b(...T){f("add"),s(...T)}function C(...T){f("remove"),l(...T)}return(0,t.useEffect)(()=>{g==="add"&&p?.current&&(p.current.scrollLeft=p.current.scrollWidth)},[e,g]),t.createElement(t.Fragment,null,t.createElement(i.Box,{paddingBottom:4},t.createElement(i.Typography,{variant:"delta",as:"h2"},d({id:(0,h.OB)("containers.SettingPage.view"),defaultMessage:"View"}))),t.createElement(i.Flex,{paddingTop:4,paddingLeft:4,paddingRight:4,borderColor:"neutral300",borderStyle:"dashed",borderWidth:"1px",hasRadius:!0},t.createElement(Sd,{size:"1",paddingBottom:4,ref:p},t.createElement(i.Flex,{gap:3},e.map((T,k)=>t.createElement(Od,{key:T,index:k,isDraggingSibling:m,onMoveField:c,onClickEditField:a,onRemoveField:R=>C(R,k),name:T,labelField:r[T].list.label||T,setIsDraggingSibling:u})))),t.createElement(Ad,{size:"auto",paddingBottom:4},t.createElement(i.SimpleMenu,{label:d({id:(0,h.OB)("components.FieldSelect.label"),defaultMessage:"Add a field"}),as:i.IconButton,icon:t.createElement(F.Plus,null),disabled:o.length<=0,"data-testid":"add-field"},o.map(T=>t.createElement(i.MenuItem,{key:T,onClick:()=>b(T)},r[T].list.label||T))))))};Zr.propTypes={displayedFields:be.PropTypes.array.isRequired,listRemainingFields:be.PropTypes.array.isRequired,metadatas:be.PropTypes.objectOf(be.PropTypes.shape({list:be.PropTypes.shape({label:be.PropTypes.string})})).isRequired,onAddField:be.PropTypes.func.isRequired,onClickEditField:be.PropTypes.func.isRequired,onMoveField:be.PropTypes.func.isRequired,onRemoveField:be.PropTypes.func.isRequired};var Bd=Zr;const Pd=(0,P.default)(i.Flex)`
|
|
1132
|
-
svg {
|
|
1133
|
-
width: ${32/16}rem;
|
|
1134
|
-
height: ${24/16}rem;
|
|
1135
|
-
margin-right: ${({theme:e})=>e.spaces[3]};
|
|
1136
|
-
}
|
|
1137
|
-
`,Gr=({attributes:e,fieldForm:o,fieldToEdit:r,onCloseModal:s,onChangeEditLabel:a,onSubmit:c,type:l})=>{const{formatMessage:d}=(0,z.useIntl)(),m=e[r].relationType;let u=!["media","relation"].includes(l);return["oneWay","oneToOne","manyToOne"].includes(m)&&(u=!0),t.createElement(i.ModalLayout,{onClose:s,labelledBy:"title"},t.createElement("form",{onSubmit:c},t.createElement(i.ModalHeader,null,t.createElement(Pd,null,t.createElement(fr,{type:l}),t.createElement(i.Typography,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title"},d({id:(0,h.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:At()(r)})))),t.createElement(i.ModalBody,null,t.createElement(i.Grid,{gap:4},t.createElement(i.GridItem,{s:12,col:6},t.createElement(i.TextInput,{id:"label-input",label:d({id:(0,h.OB)("form.Input.label"),defaultMessage:"Label"}),name:"label",onChange:g=>a(g),value:o.label,hint:d({id:(0,h.OB)("form.Input.label.inputDescription"),defaultMessage:"This value overrides the label displayed in the table's head"})})),u&&t.createElement(i.GridItem,{s:12,col:6},t.createElement(i.ToggleInput,{"data-testid":"Enable sort on this field",checked:o.sortable,label:d({id:(0,h.OB)("form.Input.sort.field"),defaultMessage:"Enable sort on this field"}),name:"sortable",onChange:g=>a({target:{name:"sortable",value:g.target.checked}}),onLabel:d({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:d({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"})})))),t.createElement(i.ModalFooter,{startActions:t.createElement(i.Button,{onClick:s,variant:"tertiary"},d({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:t.createElement(i.Button,{type:"submit"},d({id:"global.finish",defaultMessage:"Finish"}))})))};Gr.propTypes={attributes:n().objectOf(n().shape({relationType:n().string})).isRequired,fieldForm:n().shape({label:n().string,sortable:n().bool}).isRequired,fieldToEdit:n().string.isRequired,onChangeEditLabel:n().func.isRequired,onCloseModal:n().func.isRequired,onSubmit:n().func.isRequired,type:n().string.isRequired};var $d=Gr,qd=(e,o)=>({...e,initialData:o,modifiedData:o});const io={fieldForm:{},fieldToEdit:"",initialData:{},modifiedData:{}};var Nd=(e=io,o)=>(0,Nt.default)(e,r=>{const s=["modifiedData","layouts","list"];switch(o.type){case"ADD_FIELD":{const a=x()(e,s,[]);X()(r,s,[...a,o.item]);break}case"MOVE_FIELD":{const a=x()(e,s,[]),{originalIndex:c,atIndex:l}=o;X()(r,s,(0,h.W3)(a,c,l));break}case"ON_CHANGE":{X()(r,["modifiedData",...o.keys.split(".")],o.value);break}case"ON_CHANGE_FIELD_METAS":{X()(r,["fieldForm",o.name],o.value);break}case"REMOVE_FIELD":{const a=x()(e,s,[]);X()(r,s,a.filter((c,l)=>o.index!==l));break}case"SET_FIELD_TO_EDIT":{const{fieldToEdit:a}=o;r.fieldToEdit=a,r.fieldForm.label=x()(r,["modifiedData","metadatas",a,"list","label"],""),r.fieldForm.sortable=x()(r,["modifiedData","metadatas",a,"list","sortable"],"");break}case"UNSET_FIELD_TO_EDIT":{r.fieldForm={},r.fieldToEdit="";break}case"SUBMIT_FIELD_FORM":{const a=["modifiedData","metadatas",e.fieldToEdit,"list"];X()(r,[...a,"label"],e.fieldForm.label),X()(r,[...a,"sortable"],e.fieldForm.sortable);break}default:return r}});const jd=["media","richtext","dynamiczone","relation","component","json"],_r=({layout:e,slug:o})=>{const{formatMessage:r}=(0,z.useIntl)(),{trackUsage:s}=(0,y.useTracking)(),a=Co(),c=(0,y.useNotification)(),{refetchData:l}=(0,t.useContext)(ko),[d,m]=(0,t.useState)(!1),u=()=>m(M=>!M),[g,f]=(0,t.useReducer)(Nd,io,()=>qd(io,e)),{fieldToEdit:p,fieldForm:b,initialData:C,modifiedData:T}=g,k=!De()(b),{attributes:R}=e,v=T.layouts.list,S=()=>{const{settings:{pageSize:M,defaultSortBy:L,defaultSortOrder:Q},kind:W,uid:B}=C,j=`${L}:${Q}`,Z=`${(0,Ye.stringify)({page:1,pageSize:M,sort:j},{encode:!1})}${a?`&${a}`:""}`;return`/content-manager/${W}/${B}?${Z}`},A=({target:{name:M,value:L}})=>{f({type:"ON_CHANGE",keys:M,value:M==="settings.pageSize"?parseInt(L,10):L})},D=async()=>{const M=pn()(T,["layouts","settings","metadatas"]);$.mutate(M)},I=M=>{f({type:"ADD_FIELD",item:M})},O=(M,L)=>{M.stopPropagation(),v.length===1?c({type:"info",message:{id:(0,h.OB)("notification.info.minimumFields")}}):f({type:"REMOVE_FIELD",index:L})},q=M=>{M.preventDefault(),u(),s("willSaveContentTypeLayout")},U=M=>{f({type:"SET_FIELD_TO_EDIT",fieldToEdit:M})},N=()=>{f({type:"UNSET_FIELD_TO_EDIT"})},G=M=>{M.preventDefault(),f({type:"SUBMIT_FIELD_FORM"})},$=(0,pt.useMutation)(M=>xd(M,o),{onSuccess(){s("didEditListSettings"),l()},onError(){c({type:"warning",message:{id:"notification.error"}})}}),{isLoading:_}=$,H=({target:{name:M,value:L}})=>{f({type:"ON_CHANGE_FIELD_METAS",name:M,value:L})},Y=Object.entries(R).reduce((M,L)=>{const[Q,W]=L,B=(0,h.ko)(W),j=v.includes(Q);return B&&!j&&M.push(Q),M},[]).sort(),V=Object.entries(R).reduce((M,L)=>{const[Q,{type:W}]=L;return jd.includes(W)||M.push(Q),M},[]),ee=(M,L)=>{f({type:"MOVE_FIELD",originalIndex:M,atIndex:L})};return t.createElement(i.Layout,null,t.createElement(i.Main,{"aria-busy":_},t.createElement("form",{onSubmit:q},t.createElement(i.HeaderLayout,{navigationAction:t.createElement(y.Link,{startIcon:t.createElement(F.ArrowLeft,null),to:S,id:"go-back"},r({id:"global.back",defaultMessage:"Back"})),primaryAction:t.createElement(i.Button,{size:"S",startIcon:t.createElement(F.Check,null),disabled:Ot()(T,C),type:"submit"},r({id:"global.save",defaultMessage:"Save"})),subtitle:r({id:(0,h.OB)("components.SettingsViewWrapper.pluginHeader.description.list-settings"),defaultMessage:"Define the settings of the list view."}),title:r({id:(0,h.OB)("components.SettingsViewWrapper.pluginHeader.title"),defaultMessage:"Configure the view - {name}"},{name:At()(T.info.displayName)})}),t.createElement(i.ContentLayout,null,t.createElement(i.Box,{background:"neutral0",hasRadius:!0,shadow:"tableShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},t.createElement(Fd,{modifiedData:T,onChange:A,sortOptions:V}),t.createElement(i.Box,{paddingTop:6,paddingBottom:6},t.createElement(i.Divider,null)),t.createElement(Bd,{listRemainingFields:Y,displayedFields:v,onAddField:I,onClickEditField:U,onMoveField:ee,onRemoveField:O,metadatas:T.metadatas}))),t.createElement(y.ConfirmDialog,{bodyText:{id:(0,h.OB)("popUpWarning.warning.updateAllSettings"),defaultMessage:"This will modify all your settings"},iconRightButton:t.createElement(F.Check,null),isConfirmButtonLoading:_,isOpen:d,onToggleDialog:u,onConfirm:D,variantRightButton:"success-light"})),k&&t.createElement($d,{attributes:R,fieldForm:b,fieldToEdit:p,onChangeEditLabel:H,onCloseModal:N,onSubmit:G,type:x()(R,[p,"type"],"text")})))};_r.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 Vd=(0,t.memo)(_r),Wd=()=>t.createElement(i.Box,{padding:8},t.createElement(y.AnErrorOccurred,null));const Qr=ke.Z.contentManager,Kr=({match:{params:{slug:e},url:o}})=>{const{isLoading:r,layout:s,updateLayout:a}=ho(e),{rawContentTypeLayout:c,rawComponentsLayouts:l}=(0,t.useMemo)(()=>{let g={},f={};return s.contentType&&(g=(0,h.du)(s.contentType)),s.components&&(f=Object.keys(s.components).reduce((p,b)=>(p[b]=(0,h.du)(s.components[b]),p),{})),{rawContentTypeLayout:g,rawComponentsLayouts:f}},[s]);if((s?.contentType?.uid??null)!==e||r)return t.createElement(y.LoadingIndicatorPage,null);const m=({location:{state:g},history:{goBack:f},match:{params:{id:p,origin:b}}},C)=>t.createElement(C,{slug:e,layout:s,state:g,goBack:f,id:p,origin:b}),u=[{path:"create/clone/:origin",comp:Qt},{path:"create",comp:Qt},{path:":id",comp:Qt},{path:"",comp:kd}].map(({path:g,comp:f})=>t.createElement(K.Route,{key:g,path:`${o}/${g}`,render:p=>m(p,f)}));return t.createElement(Fs.ErrorBoundary,{FallbackComponent:Wd},t.createElement(xo.Provider,{value:s},t.createElement(K.Switch,null,t.createElement(K.Route,{path:`${o}/configurations/list`},t.createElement(y.CheckPagePermissions,{permissions:Qr.collectionTypesConfigurations},t.createElement(Vd,{layout:c,slug:e,updateLayout:a}))),t.createElement(K.Route,{path:`${o}/configurations/edit`},t.createElement(y.CheckPagePermissions,{permissions:Qr.collectionTypesConfigurations},t.createElement(Yn,{components:l,isContentTypeView:!0,mainLayout:c,slug:e,updateLayout:a}))),u)))};Kr.propTypes={match:n().shape({url:n().string.isRequired,params:n().shape({slug:n().string.isRequired}).isRequired}).isRequired};var zd=(0,t.memo)(Kr),Yr=E(57678);const Ud=ke.Z.contentManager,Hd=()=>{const[{isLoading:e,data:o},r]=(0,t.useReducer)(Yr.Z,Yr.q),s=(0,t.useMemo)(Kt,[]),{schemas:a}=(0,de.useSelector)(d=>s(d),de.shallowEqual),{uid:c}=(0,K.useParams)(),{get:l}=(0,y.useFetchClient)();return(0,t.useEffect)(()=>{const m=$e.Z.CancelToken.source();return(async g=>{try{r(Gt());const{data:{data:f}}=await l((0,h.IF)(`components/${c}/configuration`),{cancelToken:g.token});r(On((0,h.w8)(f,a,"component")))}catch(f){if($e.Z.isCancel(f))return;console.error(f)}})(m),()=>{m.cancel("Operation canceled by the user.")}},[c,a,l]),e?t.createElement(y.LoadingIndicatorPage,null):t.createElement(y.CheckPagePermissions,{permissions:Ud.componentsConfigurations},t.createElement(Yn,{components:o.components,mainLayout:o.component,slug:c}))};var Zd=(0,t.memo)(Hd),Gd=()=>{const{formatMessage:e}=(0,z.useIntl)();return(0,y.useFocusWhenNavigate)(),t.createElement(i.Main,null,t.createElement(i.HeaderLayout,{title:e({id:(0,h.OB)("header.name"),defaultMessage:"Content"})}),t.createElement(i.ContentLayout,null,t.createElement(i.EmptyStateLayout,{action:t.createElement(y.LinkButton,{variant:"secondary",startIcon:t.createElement(F.Plus,null),to:"/plugins/content-type-builder/content-types/create-content-type"},e({id:"app.components.HomePage.create",defaultMessage:"Create your first Content-type"})),content:e({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:t.createElement(F.EmptyDocuments,{width:"10rem"}),shadow:"tableShadow"})))},_d=()=>{const{formatMessage:e}=(0,z.useIntl)();return(0,y.useFocusWhenNavigate)(),t.createElement(i.Main,null,t.createElement(i.HeaderLayout,{title:e({id:(0,h.OB)("header.name"),defaultMessage:"Content"})}),t.createElement(i.ContentLayout,null,t.createElement(y.NoPermissions,null)))};const Qd=ke.Z.contentManager,Xr=({match:{params:{slug:e},url:o}})=>{const{isLoading:r,layout:s,updateLayout:a}=ho(e),{rawContentTypeLayout:c,rawComponentsLayouts:l}=(0,t.useMemo)(()=>{let d={},m={};return s.contentType&&(m=(0,h.du)(s.contentType)),s.components&&(d=Object.keys(s.components).reduce((u,g)=>(u[g]=(0,h.du)(s.components[g]),u),{})),{rawContentTypeLayout:m,rawComponentsLayouts:d}},[s]);return r?t.createElement(y.LoadingIndicatorPage,null):t.createElement(xo.Provider,{value:s},t.createElement(K.Switch,null,t.createElement(K.Route,{path:`${o}/configurations/edit`},t.createElement(y.CheckPagePermissions,{permissions:Qd.singleTypesConfigurations},t.createElement(Yn,{components:l,isContentTypeView:!0,mainLayout:c,slug:e,updateLayout:a}))),t.createElement(K.Route,{path:o,render:({location:{state:d},history:{goBack:m}})=>t.createElement(Qt,{layout:s,slug:e,isSingleType:!0,state:d,goBack:m})})))};Xr.propTypes={match:n().shape({url:n().string.isRequired,params:n().shape({slug:n().string.isRequired}).isRequired}).isRequired};var Kd=(0,t.memo)(Xr),Yd=E(61590),Xd=E(43110),Jd=E(77013),eu=E(79318),tu=E(66618),nu=E(58469),ou=E(39935),Jr=E.n(ou),es=(e,o)=>o?(0,nu.ZP)(e,o.toLowerCase(),{keys:[r=>r.title.toLowerCase()]}):e.sort((r,s)=>{const a=Jr()(r.title),c=Jr()(s.title);return a<c?-1:a>c?1:0}),ru=()=>{const[e,o]=(0,t.useState)(""),{formatMessage:r}=(0,z.useIntl)(),s=(0,t.useMemo)(fs,[]),{collectionTypeLinks:a,singleTypeLinks:c}=(0,de.useSelector)(b=>s(b),de.shallowEqual),l=b=>b.map(C=>({...C,title:r({id:C.title,defaultMessage:C.title})})),d=l(a),m=l(c),u=[{id:"collectionTypes",title:{id:(0,ye.Z)("components.LeftMenu.collection-types"),defaultMessage:"Collection Types"},searchable:!0,links:es(d,e)},{id:"singleTypes",title:{id:(0,ye.Z)("components.LeftMenu.single-types"),defaultMessage:"Single Types"},searchable:!0,links:es(m,e)}],g=()=>{o("")},f=({target:{value:b}})=>{o(b)},p=r({id:(0,ye.Z)("header.name"),defaultMessage:"Content"});return t.createElement(Yd.m,{ariaLabel:p},t.createElement(Xd.p,{label:p,searchable:!0,value:e,onChange:f,onClear:g,searchLabel:r({id:"content-manager.components.LeftMenu.Search.label",defaultMessage:"Search for a content type"})}),t.createElement(Jd.Z,null,u.map(b=>{const C=r({id:b.title.id,defaultMessage:b.title.defaultMessage},b.title.values);return t.createElement(eu.D,{key:b.id,label:C,badgeLabel:b.links.length.toString()},b.links.map(T=>{const k=T.search?`?${T.search}`:"";return t.createElement(tu.E,{as:K.NavLink,key:T.uid,to:`${T.to}${k}`},T.title)}))})))},lo=E(92886);const su=()=>({type:lo.ZA}),au=()=>({type:lo.c2}),iu=(e,o,r,s)=>({type:lo.ix,data:{authorizedCtLinks:e,authorizedStLinks:o,components:s,contentTypeSchemas:r}}),ts=(e,o,r=[])=>e.filter(s=>s.isDisplayed).map(s=>{const a=[{action:"plugin::content-manager.explorer.create",subject:s.uid},{action:"plugin::content-manager.explorer.read",subject:s.uid}],c=[{action:"plugin::content-manager.explorer.read",subject:s.uid}],l=o==="collectionTypes"?a:c,d=r.find(({uid:u})=>u===s.uid);let m=null;if(d){const u={page:1,pageSize:d.settings.pageSize,sort:`${d.settings.defaultSortBy}:${d.settings.defaultSortOrder}`};m=(0,Ye.stringify)(u,{encode:!1})}return{permissions:l,search:m,kind:s.kind,title:s.info.displayName,to:`/content-manager/${s.kind}/${s.uid}`,uid:s.uid,name:s.uid,isDisplayed:s.isDisplayed}});var lu=(e,o)=>{const r=Object.entries(Zo()(e,"kind")).map(([c,l])=>({name:c,links:l})),[s,a]=Me()(r,"name");return{collectionTypesSectionLinks:ts(s?.links||[],"collectionTypes",o),singleTypesSectionLinks:ts(a?.links??[],"singleTypes")}},ns=(e,o)=>o.map(({permissions:r})=>(0,y.hasPermissions)(e,r)),cu=async(e,o,r)=>{const{get:s}=(0,y.getFetchClient)();try{const{data:{data:a}}=await s((0,h.IF)("content-types-settings")),{collectionTypesSectionLinks:c,singleTypesSectionLinks:l}=lu(e,a),d=ns(o,c),m=await Promise.all(d),u=c.filter((b,C)=>m[C]),g=ns(o,l),f=await Promise.all(g),p=l.filter((b,C)=>f[C]);return{authorizedCtLinks:u,authorizedStLinks:p}}catch(a){return console.error(a),r({type:"warning",message:{id:"notification.error"}}),{authorizedCtLinks:[],authorizedStLinks:[],contentTypes:[]}}},du=()=>{const e=(0,de.useDispatch)(),o=(0,y.useNotification)(),r=(0,de.useSelector)(Ft()),s=(0,t.useRef)(),{allPermissions:a}=(0,y.useRBACProvider)(),{runHookWaterfall:c}=(0,y.useStrapiApp)(),d=$e.Z.CancelToken.source(),{notifyStatus:m}=(0,i.useNotifyAT)(),{formatMessage:u}=(0,z.useIntl)(),{get:g}=(0,y.useFetchClient)(),f=async()=>{e(su());try{const[{data:{data:p}},{data:{data:b}}]=await Promise.all(["components","content-types"].map(S=>g((0,h.IF)(S),{cancelToken:d.token})));m(u({id:(0,h.OB)("App.schemas.data-loaded"),defaultMessage:"The schemas have been successfully loaded."}));const{authorizedCtLinks:C,authorizedStLinks:T}=await cu(b,a,o),{ctLinks:k}=c(jt.LK,{ctLinks:C,models:b}),{stLinks:R}=c(jt.dV,{stLinks:T,models:b}),v=iu(k,R,b,p);e(v)}catch(p){if($e.Z.isCancel(p))return;console.error(p),o({type:"warning",message:{id:"notification.error"}})}};return s.current=f,(0,t.useEffect)(()=>(s.current(),()=>{d.cancel("Operation canceled by the user."),e(au())}),[e,o]),{...r,refetchData:s.current}};const uu=ke.Z.contentManager,os=()=>{const e=(0,K.useRouteMatch)("/content-manager/:kind/:uid"),{status:o,collectionTypeLinks:r,singleTypeLinks:s,models:a,refetchData:c}=du(),l=Me()([...r,...s],p=>p.title.toLowerCase()),{pathname:d}=(0,K.useLocation)(),{formatMessage:m}=(0,z.useIntl)(),{startSection:u}=(0,y.useGuidedTour)(),g=(0,t.useRef)(u);if((0,t.useEffect)(()=>{g.current&&g.current("contentManager")},[]),o==="loading")return t.createElement(i.Main,{"aria-busy":"true"},t.createElement(i.HeaderLayout,{title:m({id:(0,ye.Z)("header.name"),defaultMessage:"Content"})}),t.createElement(y.LoadingIndicatorPage,null));const f=a.filter(({isDisplayed:p})=>p);return l.length===0&&f.length>0&&d!=="/content-manager/403"?t.createElement(K.Redirect,{to:"/content-manager/403"}):f.length===0&&d!=="/content-manager/no-content-types"?t.createElement(K.Redirect,{to:"/content-manager/no-content-types"}):!e&&l.length>0?t.createElement(K.Redirect,{to:`${l[0].to}${l[0].search?`?${l[0].search}`:""}`}):t.createElement(i.Layout,{sideNav:t.createElement(ru,null)},t.createElement(xs,null),t.createElement(ko.Provider,{value:{refetchData:c}},t.createElement(K.Switch,null,t.createElement(K.Route,{path:"/content-manager/components/:uid/configurations/edit"},t.createElement(y.CheckPagePermissions,{permissions:uu.componentsConfigurations},t.createElement(Zd,null))),t.createElement(K.Route,{path:"/content-manager/collectionType/:slug",component:zd}),t.createElement(K.Route,{path:"/content-manager/singleType/:slug",component:Kd}),t.createElement(K.Route,{path:"/content-manager/403"},t.createElement(_d,null)),t.createElement(K.Route,{path:"/content-manager/no-content-types"},t.createElement(Gd,null)),t.createElement(K.Route,{path:"",component:y.NotFound}))))};function mu(){const{formatMessage:e}=(0,z.useIntl)();return t.createElement(t.Fragment,null,t.createElement(xe.Helmet,{title:e({id:(0,ye.Z)("plugin.name"),defaultMessage:"Content Manager"})}),t.createElement(os,null))}},92914:function(rt,Ie,E){"use strict";E.d(Ie,{Z:function(){return F}});var t=E(32735),xe=E(60216),K=E.n(xe),y=E(5636),i=E(13478),z=E(39161),we=E(95952);const Me=60*1e3,ke=Me*60,ye=ke*24,Re=ye*30,be=ye*365;var st=ue=>ue<Me?{unit:"second",value:-Math.round(ue/1e3)}:ue<ke?{unit:"minute",value:-Math.round(ue/Me)}:ue<ye?{unit:"hour",value:-Math.round(ue/ke)}:ue<Re?{unit:"day",value:-Math.round(ue/ye)}:ue<be?{unit:"month",value:-Math.round(ue/Re)}:{unit:"year",value:-Math.round(ue/be)},Se=E(8997);const Ae=()=>{const{formatMessage:ue}=(0,y.useIntl)();return t.createElement(z.Flex,{direction:"column",alignItems:"stretch",gap:2},t.createElement(z.Typography,{variant:"sigma",textColor:"neutral600",id:"additional-information"},ue({id:(0,we.OB)("containers.Edit.information"),defaultMessage:"Information"})),t.createElement(z.Box,null,t.createElement(z.Divider,null)))},Ne=({label:ue,value:He})=>t.createElement(z.Flex,{justifyContent:"space-between"},t.createElement(z.Typography,{as:"dt",fontWeight:"bold",textColor:"neutral800",variant:"pi"},ue),t.createElement(z.Typography,{as:"dd",variant:"pi",textColor:"neutral600"},He));Ne.propTypes={label:K().string.isRequired,value:K().string.isRequired};const je=()=>{const{formatMessage:ue,formatRelativeTime:He}=(0,y.useIntl)(),{initialData:Be,isCreatingEntry:at}=(0,i.useCMEditViewDataManager)(),Ve=(0,t.useRef)(Date.now()),Pe=(ht,Dt)=>{const{firstname:yt,lastname:bt,username:h}=Be[Dt]??{},Ge=yt??"",lt=bt??"",ct=h??(0,Se.Pp)(Ge,lt),It=(Be[ht]?new Date(Be[ht]).getTime():Date.now())-Ve.current,{unit:te,value:se}=st(-It);return{at:He(se,te,{numeric:"auto"}),by:at?"-":ct}},Ze=Pe("updatedAt","updatedBy"),it=Pe("createdAt","createdBy");return t.createElement(z.Flex,{direction:"column",alignItems:"stretch",gap:4},t.createElement(z.Flex,{direction:"column",alignItems:"stretch",gap:2,as:"dl"},t.createElement(Ne,{label:ue({id:(0,we.OB)("containers.Edit.information.created"),defaultMessage:"Created"}),value:it.at}),t.createElement(Ne,{label:ue({id:(0,we.OB)("containers.Edit.information.by"),defaultMessage:"By"}),value:it.by})),t.createElement(z.Flex,{direction:"column",alignItems:"stretch",gap:2,as:"dl"},t.createElement(Ne,{label:ue({id:(0,we.OB)("containers.Edit.information.lastUpdate"),defaultMessage:"Last update"}),value:Ze.at}),t.createElement(Ne,{label:ue({id:(0,we.OB)("containers.Edit.information.by"),defaultMessage:"By"}),value:Ze.by})))},P=({children:ue})=>t.createElement(z.Flex,{direction:"column",alignItems:"stretch",gap:4},ue);P.propTypes={children:K().oneOfType([K().arrayOf(K().node),K().node]).isRequired};var F={Root:P,Title:Ae,Body:je}},73710:function(rt,Ie,E){"use strict";E.d(Ie,{Z:function(){return y}});var t=E(32735),xe=E(92914);function K(){return t.createElement(xe.Z.Root,null,t.createElement(xe.Z.Title,null),t.createElement(xe.Z.Body,null))}var y=K},25708:function(rt,Ie){"use strict";Ie.Z={COMPONENT:"component",EDIT_FIELD:"editField",FIELD:"field",DYNAMIC_ZONE:"dynamicZone",RELATION:"relation"}},47510:function(rt,Ie){"use strict";const E=t=>`content-manager.${t}`;Ie.Z=E},95952:function(rt,Ie,E){"use strict";E.d(Ie,{_Q:function(){return yt.Z},W3:function(){return y},ko:function(){return Me},FE:function(){return ye},Di:function(){return st},du:function(){return je},TA:function(){return ue},Ts:function(){return Ve},Uo:function(){return Ze},IF:function(){return ht},OB:function(){return Dt.Z},w8:function(){return lt},kc:function(){return It}});var t=E(99381),xe=E.n(t),y=(te,se,ie)=>{if(Array.isArray(te)&&se>=0&&ie>=0&&se<=te.length-1&&ie<=te.length-1){const me=xe()(te),Fe=me.splice(se,1);return me.splice(ie,0,Fe[0]),me}return te},i=E(59578),z=E.n(i),Me=te=>{const se=te.type;return se==="relation"?!z()(te.relationType).includes("morph"):!["json","dynamiczone","richtext","password"].includes(se)&&!!se};const ke=(te,se)=>{typeof te=="function"?te(se):te!=null&&(te.current=se)},ye=(...te)=>se=>te.forEach(ie=>ke(ie,se));var Re=E(33795),be=E.n(Re);const n=(te,se)=>Object.keys(te).reduce((ie,me)=>{const Fe=be()(te,[me],{}),{default:Le,component:Ee,type:ge,required:Ce,min:ve,repeatable:Qe}=Fe;if(Le!==void 0&&(ie[me]=Le),ge==="component"){const kt=se?.[Ee]?.attributes??{},Ke=n(kt,se);if(Ce===!0&&(ie[me]=Qe===!0?[]:Ke),ve&&Qe===!0&&Ce){ie[me]=[];for(let ut=0;ut<ve;ut+=1)ie[me].push(Ke)}}return ge==="dynamiczone"&&Ce===!0&&(ie[me]=[]),ie},{});var st=n,Se=E(9086),Ae=E.n(Se),je=({layouts:te,metadatas:se,...ie})=>{const me=te.list.map(Ee=>Ee.name?Ee.name:Ee),Fe=Object.keys(se).reduce((Ee,ge)=>{const Ce=be()(se,[ge],{});let ve=Ce.edit;return ve.mainField&&(ve={...ve,mainField:Ce.edit.mainField.name}),{...Ee,[ge]:{edit:ve,list:Ae()(Ce.list,["mainField"])}}},{}),Le=te.edit.map(Ee=>Ee.map(({name:ge,size:Ce})=>({name:ge,size:Ce})));return{...ie,layouts:{edit:Le,list:me},metadatas:Fe}};const P=(te,se)=>te.map(ie=>({...ie,subject:se}));var ue=te=>{const se={create:[{action:"plugin::content-manager.explorer.create",subject:null}],delete:[{action:"plugin::content-manager.explorer.delete",subject:null}],publish:[{action:"plugin::content-manager.explorer.publish",subject:null}],read:[{action:"plugin::content-manager.explorer.read",subject:null}],update:[{action:"plugin::content-manager.explorer.update",subject:null}]};return Object.keys(se).reduce((ie,me)=>(ie[me]=P(se[me],te),ie),{})},He=E(95919),Be=E.n(He),Ve=te=>te.split(".").filter(se=>Be()(parseInt(se,10))),Ze=te=>{if(te.length===0)return-1;const se=Math.max.apply(Math,te.map(ie=>ie.__temp_key__??0));return Number.isNaN(se)?-1:se},ht=te=>`/content-manager/${te}`,Dt=E(47510),yt=E(25708),bt=E(3040),h=E.n(bt),lt=(te,se,ie)=>{const me=ge=>se.find(Ce=>Ce.uid===ge),Fe=Object.assign({},te),Le=te[ie].uid,Ee=me(Le);return h()(Fe,[ie],{...te[ie],...Ee}),Object.keys(te.components).forEach(ge=>{const Ce=me(ge);h()(Fe,["components",ge],{...te.components[ge],...Ce})}),Fe},ct=E(13478),It=(te,se,ie)=>{const me=(Fe,Le)=>Object.keys(Fe).reduce((Ee,ge)=>{const Ce=(0,ct.getType)(Le,ge),ve=be()(Fe,ge),Qe=(0,ct.getOtherInfos)(Le,[ge,"component"]),kt=(0,ct.getOtherInfos)(Le,[ge,"repeatable"]);return Ce==="dynamiczone"?(Ee[ge]=ve.map(Ke=>me(Ke,ie[Ke.__component])),Ee):Ce==="component"?(kt?Ee[ge]=ve&&ve.map(Ke=>me(Ke,ie[Qe])):Ee[ge]=ve&&me(ve,ie[Qe]),Ee):(Ce!=="password"&&(Ee[ge]=ve),Ee)},{});return me(te,se)}},28243:function(rt,Ie,E){"use strict";E.d(Ie,{Z:function(){return ye}});var t=E(32735),xe=E(13478),K=E(39161),y=E(5636),i=E(84968),z=E(67350),we=E(92914);const Me="strapi_reviewWorkflows_stage";function ke(){const{initialData:Re,isCreatingEntry:be,layout:{uid:n}}=(0,xe.useCMEditViewDataManager)(),{put:st}=(0,xe.useFetchClient)(),Se=Re?.[Me]??null,{formatMessage:Ae}=(0,y.useIntl)(),{formatAPIError:Ne}=(0,xe.useAPIErrorHandler)(),{workflows:{data:[je]=[]}={}}=(0,z.n)(),{error:P,isLoading:F,mutateAsync:ue}=(0,i.useMutation)(async({entityId:Ve,stageId:Pe,uid:Ze})=>{const{data:{data:it}}=await st(`/admin/content-manager/collection-types/${Ze}/${Ve}/stage`,{data:{id:Pe}});return it}),He=(je?.stages??[]).map(({id:Ve,name:Pe})=>({value:Ve,label:Pe})),Be=P?Ne(P):null,at=async({value:Ve})=>{try{await ue({entityId:Re.id,stageId:Ve,uid:n})}catch{}};return t.createElement(we.Z.Root,null,t.createElement(we.Z.Title,null),Se&&t.createElement(K.Field,{error:Be,name:Me,id:Me},t.createElement(K.Flex,{direction:"column",gap:2,alignItems:"stretch"},t.createElement(K.FieldLabel,null,Ae({id:"content-manager.reviewWorkflows.stage.label",defaultMessage:"Review stage"})),t.createElement(xe.ReactSelect,{error:Be,inputId:Me,isDisabled:be,options:He,name:Me,defaultValue:{value:Se?.id,label:Se?.name},isLoading:F,isSearchable:!1,isClearable:!1,onChange:at}),t.createElement(K.FieldError,null))),t.createElement(we.Z.Body,null))}var ye=ke},67350:function(rt,Ie,E){"use strict";E.d(Ie,{n:function(){return we}});var t=E(84968),xe=E.n(t),K=E(13478),y=E.n(K);const i="review-workflows",z="/admin/review-workflows";function we(Me){const{get:ke}=(0,K.useFetchClient)(),ye=(0,t.useQueryClient)(),Re=[i,Me??"default"];async function be({params:Se={populate:"stages"}}){try{const{data:{data:Ae}}=await ke(`${z}/workflows/${Me??""}`,{params:Se});return Ae}catch{return null}}function n(){ye.refetchQueries(Re)}return{workflows:(0,t.useQuery)(Re,be),refetchWorkflow:n}}},57544:function(){},59599:function(){},42310:function(){},33842:function(){},85695:function(){}}]);
|