@strapi/content-manager 0.0.0-experimental.545ccead2ee1717bbc7ab950455dbb0ddb9924a3 → 0.0.0-experimental.56109c4ad2fb374b04c392a229599354fa6586e1
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/dist/_chunks/{ComponentConfigurationPage-Bqgx7Mes.js → ComponentConfigurationPage-CQDCxI8x.js} +3 -3
- package/dist/_chunks/{ComponentConfigurationPage-Bqgx7Mes.js.map → ComponentConfigurationPage-CQDCxI8x.js.map} +1 -1
- package/dist/_chunks/{ComponentConfigurationPage-B1bIXVuX.mjs → ComponentConfigurationPage-jmWwucg_.mjs} +3 -3
- package/dist/_chunks/{ComponentConfigurationPage-B1bIXVuX.mjs.map → ComponentConfigurationPage-jmWwucg_.mjs.map} +1 -1
- package/dist/_chunks/{EditConfigurationPage-BFEwvdMW.js → EditConfigurationPage-Ce4bIm4n.js} +3 -3
- package/dist/_chunks/{EditConfigurationPage-BFEwvdMW.js.map → EditConfigurationPage-Ce4bIm4n.js.map} +1 -1
- package/dist/_chunks/{EditConfigurationPage-ZO0vOO8q.mjs → EditConfigurationPage-W07CEdm2.mjs} +3 -3
- package/dist/_chunks/{EditConfigurationPage-ZO0vOO8q.mjs.map → EditConfigurationPage-W07CEdm2.mjs.map} +1 -1
- package/dist/_chunks/{EditViewPage-DA95Ha6J.js → EditViewPage-CqHMM0P0.js} +30 -9
- package/dist/_chunks/EditViewPage-CqHMM0P0.js.map +1 -0
- package/dist/_chunks/{EditViewPage-DlLEyUL6.mjs → EditViewPage-al5OO1NR.mjs} +30 -9
- package/dist/_chunks/EditViewPage-al5OO1NR.mjs.map +1 -0
- package/dist/_chunks/{Field-CnK8dO8N.js → Field-DSOUlTCm.js} +179 -107
- package/dist/_chunks/Field-DSOUlTCm.js.map +1 -0
- package/dist/_chunks/{Field-Dq7bDnuh.mjs → Field-EeG6NQ7x.mjs} +177 -105
- package/dist/_chunks/Field-EeG6NQ7x.mjs.map +1 -0
- package/dist/_chunks/{Form-B_JE0dbz.mjs → Form-BAo9ANb_.mjs} +36 -17
- package/dist/_chunks/Form-BAo9ANb_.mjs.map +1 -0
- package/dist/_chunks/{Form-BpiR4piS.js → Form-DAEfHKzm.js} +36 -17
- package/dist/_chunks/Form-DAEfHKzm.js.map +1 -0
- package/dist/_chunks/{History-CBNGU7a-.mjs → History-BpLIu67W.mjs} +41 -18
- package/dist/_chunks/History-BpLIu67W.mjs.map +1 -0
- package/dist/_chunks/{History-DdIstl8b.js → History-CTFvy6XH.js} +40 -17
- package/dist/_chunks/History-CTFvy6XH.js.map +1 -0
- package/dist/_chunks/{ListConfigurationPage-DkKRparB.js → ListConfigurationPage-CDzlMBz_.js} +14 -4
- package/dist/_chunks/ListConfigurationPage-CDzlMBz_.js.map +1 -0
- package/dist/_chunks/{ListConfigurationPage-5dr4qpue.mjs → ListConfigurationPage-DOqj5f8Y.mjs} +14 -4
- package/dist/_chunks/ListConfigurationPage-DOqj5f8Y.mjs.map +1 -0
- package/dist/_chunks/{ListViewPage-DecLrYV6.mjs → ListViewPage-BbXYNI0v.mjs} +47 -38
- package/dist/_chunks/ListViewPage-BbXYNI0v.mjs.map +1 -0
- package/dist/_chunks/{ListViewPage-wE0lXqoD.js → ListViewPage-D0fpPYKp.js} +49 -40
- package/dist/_chunks/ListViewPage-D0fpPYKp.js.map +1 -0
- package/dist/_chunks/{NoContentTypePage-DEKR6tf9.js → NoContentTypePage-DTzkSAV5.js} +2 -2
- package/dist/_chunks/{NoContentTypePage-DEKR6tf9.js.map → NoContentTypePage-DTzkSAV5.js.map} +1 -1
- package/dist/_chunks/{NoContentTypePage-CiIcfYsd.mjs → NoContentTypePage-w2Q0VVOT.mjs} +2 -2
- package/dist/_chunks/{NoContentTypePage-CiIcfYsd.mjs.map → NoContentTypePage-w2Q0VVOT.mjs.map} +1 -1
- package/dist/_chunks/{NoPermissionsPage-DmNfF2Bb.js → NoPermissionsPage-BoI2rU68.js} +2 -2
- package/dist/_chunks/{NoPermissionsPage-DmNfF2Bb.js.map → NoPermissionsPage-BoI2rU68.js.map} +1 -1
- package/dist/_chunks/{NoPermissionsPage-CM5UD8ee.mjs → NoPermissionsPage-Km0Vk5Wp.mjs} +2 -2
- package/dist/_chunks/{NoPermissionsPage-CM5UD8ee.mjs.map → NoPermissionsPage-Km0Vk5Wp.mjs.map} +1 -1
- package/dist/_chunks/{Relations-Dqz0C1fz.mjs → Relations-C_bpmSuQ.mjs} +51 -29
- package/dist/_chunks/Relations-C_bpmSuQ.mjs.map +1 -0
- package/dist/_chunks/{Relations-L0xYRoSQ.js → Relations-D6Nz5ksc.js} +51 -29
- package/dist/_chunks/Relations-D6Nz5ksc.js.map +1 -0
- package/dist/_chunks/{en-uOUIxfcQ.js → en-Bm0D0IWz.js} +13 -12
- package/dist/_chunks/{en-uOUIxfcQ.js.map → en-Bm0D0IWz.js.map} +1 -1
- package/dist/_chunks/{en-BrCTWlZv.mjs → en-DKV44jRb.mjs} +13 -12
- package/dist/_chunks/{en-BrCTWlZv.mjs.map → en-DKV44jRb.mjs.map} +1 -1
- package/dist/_chunks/{index-DyvUPg1a.js → index-BsMu2oVP.js} +726 -530
- package/dist/_chunks/index-BsMu2oVP.js.map +1 -0
- package/dist/_chunks/{index-BSn97i8U.mjs → index-DcQ6xogO.mjs} +745 -550
- package/dist/_chunks/index-DcQ6xogO.mjs.map +1 -0
- package/dist/_chunks/{layout-TPqF2oJ5.js → layout-B4aCAdTt.js} +21 -8
- package/dist/_chunks/layout-B4aCAdTt.js.map +1 -0
- package/dist/_chunks/{layout-DPaHUusj.mjs → layout-BavJ6v4B.mjs} +22 -9
- package/dist/_chunks/layout-BavJ6v4B.mjs.map +1 -0
- package/dist/_chunks/{relations-Ck7-ecDT.mjs → relations-DMG453Od.mjs} +2 -2
- package/dist/_chunks/{relations-Ck7-ecDT.mjs.map → relations-DMG453Od.mjs.map} +1 -1
- package/dist/_chunks/{relations-BWYS9gkn.js → relations-Lrm9nz_m.js} +2 -2
- package/dist/_chunks/{relations-BWYS9gkn.js.map → relations-Lrm9nz_m.js.map} +1 -1
- package/dist/_chunks/{usePrev-B9w_-eYc.js → useDebounce-CtcjDB3L.js} +14 -1
- package/dist/_chunks/useDebounce-CtcjDB3L.js.map +1 -0
- package/dist/_chunks/useDebounce-DmuSJIF3.mjs +29 -0
- package/dist/_chunks/useDebounce-DmuSJIF3.mjs.map +1 -0
- package/dist/admin/index.js +2 -1
- package/dist/admin/index.js.map +1 -1
- package/dist/admin/index.mjs +5 -4
- package/dist/admin/src/exports.d.ts +1 -1
- package/dist/admin/src/history/services/historyVersion.d.ts +1 -1
- package/dist/admin/src/hooks/useDocument.d.ts +32 -1
- package/dist/admin/src/pages/EditView/components/FormInputs/Wysiwyg/EditorLayout.d.ts +2 -2
- package/dist/admin/src/pages/EditView/components/FormInputs/Wysiwyg/WysiwygFooter.d.ts +2 -2
- package/dist/admin/src/pages/EditView/components/FormInputs/Wysiwyg/WysiwygStyles.d.ts +4 -48
- package/dist/admin/src/pages/EditView/components/Header.d.ts +11 -11
- package/dist/admin/src/services/api.d.ts +1 -1
- package/dist/admin/src/services/components.d.ts +2 -2
- package/dist/admin/src/services/contentTypes.d.ts +3 -3
- package/dist/admin/src/services/documents.d.ts +19 -17
- package/dist/admin/src/services/init.d.ts +1 -1
- package/dist/admin/src/services/relations.d.ts +2 -2
- package/dist/admin/src/services/uid.d.ts +3 -3
- package/dist/admin/src/utils/validation.d.ts +4 -1
- package/dist/server/index.js +241 -132
- package/dist/server/index.js.map +1 -1
- package/dist/server/index.mjs +242 -133
- package/dist/server/index.mjs.map +1 -1
- package/dist/server/src/controllers/collection-types.d.ts.map +1 -1
- package/dist/server/src/controllers/relations.d.ts.map +1 -1
- package/dist/server/src/controllers/uid.d.ts.map +1 -1
- package/dist/server/src/controllers/utils/metadata.d.ts +15 -1
- package/dist/server/src/controllers/utils/metadata.d.ts.map +1 -1
- package/dist/server/src/controllers/validation/dimensions.d.ts +4 -2
- package/dist/server/src/controllers/validation/dimensions.d.ts.map +1 -1
- package/dist/server/src/history/services/history.d.ts.map +1 -1
- package/dist/server/src/history/services/lifecycles.d.ts.map +1 -1
- package/dist/server/src/history/services/utils.d.ts +2 -1
- package/dist/server/src/history/services/utils.d.ts.map +1 -1
- package/dist/server/src/index.d.ts +4 -4
- package/dist/server/src/policies/hasPermissions.d.ts.map +1 -1
- package/dist/server/src/services/document-manager.d.ts.map +1 -1
- package/dist/server/src/services/document-metadata.d.ts +8 -8
- package/dist/server/src/services/document-metadata.d.ts.map +1 -1
- package/dist/server/src/services/index.d.ts +4 -4
- package/dist/server/src/services/permission-checker.d.ts.map +1 -1
- package/dist/server/src/services/utils/configuration/index.d.ts +2 -2
- package/dist/server/src/services/utils/configuration/layouts.d.ts +2 -2
- package/dist/server/src/services/utils/populate.d.ts.map +1 -1
- package/dist/server/src/utils/index.d.ts +2 -0
- package/dist/server/src/utils/index.d.ts.map +1 -1
- package/dist/shared/contracts/collection-types.d.ts +3 -1
- package/dist/shared/contracts/collection-types.d.ts.map +1 -1
- package/package.json +12 -12
- package/dist/_chunks/EditViewPage-DA95Ha6J.js.map +0 -1
- package/dist/_chunks/EditViewPage-DlLEyUL6.mjs.map +0 -1
- package/dist/_chunks/Field-CnK8dO8N.js.map +0 -1
- package/dist/_chunks/Field-Dq7bDnuh.mjs.map +0 -1
- package/dist/_chunks/Form-B_JE0dbz.mjs.map +0 -1
- package/dist/_chunks/Form-BpiR4piS.js.map +0 -1
- package/dist/_chunks/History-CBNGU7a-.mjs.map +0 -1
- package/dist/_chunks/History-DdIstl8b.js.map +0 -1
- package/dist/_chunks/ListConfigurationPage-5dr4qpue.mjs.map +0 -1
- package/dist/_chunks/ListConfigurationPage-DkKRparB.js.map +0 -1
- package/dist/_chunks/ListViewPage-DecLrYV6.mjs.map +0 -1
- package/dist/_chunks/ListViewPage-wE0lXqoD.js.map +0 -1
- package/dist/_chunks/Relations-Dqz0C1fz.mjs.map +0 -1
- package/dist/_chunks/Relations-L0xYRoSQ.js.map +0 -1
- package/dist/_chunks/index-BSn97i8U.mjs.map +0 -1
- package/dist/_chunks/index-DyvUPg1a.js.map +0 -1
- package/dist/_chunks/layout-DPaHUusj.mjs.map +0 -1
- package/dist/_chunks/layout-TPqF2oJ5.js.map +0 -1
- package/dist/_chunks/usePrev-B9w_-eYc.js.map +0 -1
- package/dist/_chunks/usePrev-DH6iah0A.mjs +0 -16
- package/dist/_chunks/usePrev-DH6iah0A.mjs.map +0 -1
- package/strapi-server.js +0 -3
@@ -4,12 +4,13 @@ const jsxRuntime = require("react/jsx-runtime");
|
|
4
4
|
const strapiAdmin = require("@strapi/admin/strapi-admin");
|
5
5
|
const React = require("react");
|
6
6
|
const designSystem = require("@strapi/design-system");
|
7
|
+
const mapValues = require("lodash/fp/mapValues");
|
7
8
|
const reactIntl = require("react-intl");
|
8
9
|
const reactRouterDom = require("react-router-dom");
|
9
|
-
const styledComponents = require("styled-components");
|
10
10
|
const yup = require("yup");
|
11
11
|
const pipe = require("lodash/fp/pipe");
|
12
12
|
const dateFns = require("date-fns");
|
13
|
+
const styledComponents = require("styled-components");
|
13
14
|
const qs = require("qs");
|
14
15
|
const toolkit = require("@reduxjs/toolkit");
|
15
16
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
@@ -32,6 +33,7 @@ function _interopNamespace(e) {
|
|
32
33
|
return Object.freeze(n);
|
33
34
|
}
|
34
35
|
const React__namespace = /* @__PURE__ */ _interopNamespace(React);
|
36
|
+
const mapValues__default = /* @__PURE__ */ _interopDefault(mapValues);
|
35
37
|
const yup__namespace = /* @__PURE__ */ _interopNamespace(yup);
|
36
38
|
const pipe__default = /* @__PURE__ */ _interopDefault(pipe);
|
37
39
|
const __variableDynamicImportRuntimeHelper = (glob, path) => {
|
@@ -121,6 +123,7 @@ const DocumentRBAC = ({ children, permissions }) => {
|
|
121
123
|
if (!slug) {
|
122
124
|
throw new Error("Cannot find the slug param in the URL");
|
123
125
|
}
|
126
|
+
const [{ rawQuery }] = strapiAdmin.useQueryParams();
|
124
127
|
const userPermissions = strapiAdmin.useAuth("DocumentRBAC", (state) => state.permissions);
|
125
128
|
const contentTypePermissions = React__namespace.useMemo(() => {
|
126
129
|
const contentTypePermissions2 = userPermissions.filter(
|
@@ -131,7 +134,14 @@ const DocumentRBAC = ({ children, permissions }) => {
|
|
131
134
|
return { ...acc, [action]: [permission] };
|
132
135
|
}, {});
|
133
136
|
}, [slug, userPermissions]);
|
134
|
-
const { isLoading, allowedActions } = strapiAdmin.useRBAC(
|
137
|
+
const { isLoading, allowedActions } = strapiAdmin.useRBAC(
|
138
|
+
contentTypePermissions,
|
139
|
+
permissions ?? void 0,
|
140
|
+
// TODO: useRBAC context should be typed and built differently
|
141
|
+
// We are passing raw query as context to the hook so that it can
|
142
|
+
// rely on the locale provided from DocumentRBAC for its permission calculations.
|
143
|
+
rawQuery
|
144
|
+
);
|
135
145
|
const canCreateFields = !isLoading && allowedActions.canCreate ? extractAndDedupeFields(contentTypePermissions.create) : [];
|
136
146
|
const canReadFields = !isLoading && allowedActions.canRead ? extractAndDedupeFields(contentTypePermissions.read) : [];
|
137
147
|
const canUpdateFields = !isLoading && allowedActions.canUpdate ? extractAndDedupeFields(contentTypePermissions.update) : [];
|
@@ -179,7 +189,8 @@ const contentManagerApi = strapiAdmin.adminApi.enhanceEndpoints({
|
|
179
189
|
"Document",
|
180
190
|
"InitialData",
|
181
191
|
"HistoryVersion",
|
182
|
-
"Relations"
|
192
|
+
"Relations",
|
193
|
+
"UidAvailability"
|
183
194
|
]
|
184
195
|
});
|
185
196
|
const documentApi = contentManagerApi.injectEndpoints({
|
@@ -193,7 +204,12 @@ const documentApi = contentManagerApi.injectEndpoints({
|
|
193
204
|
params: query
|
194
205
|
}
|
195
206
|
}),
|
196
|
-
invalidatesTags: (_result,
|
207
|
+
invalidatesTags: (_result, error, { model }) => {
|
208
|
+
if (error) {
|
209
|
+
return [];
|
210
|
+
}
|
211
|
+
return [{ type: "Document", id: `${model}_LIST` }];
|
212
|
+
}
|
197
213
|
}),
|
198
214
|
cloneDocument: builder.mutation({
|
199
215
|
query: ({ model, sourceId, data, params }) => ({
|
@@ -204,7 +220,10 @@ const documentApi = contentManagerApi.injectEndpoints({
|
|
204
220
|
params
|
205
221
|
}
|
206
222
|
}),
|
207
|
-
invalidatesTags: (_result, _error, { model }) => [
|
223
|
+
invalidatesTags: (_result, _error, { model }) => [
|
224
|
+
{ type: "Document", id: `${model}_LIST` },
|
225
|
+
{ type: "UidAvailability", id: model }
|
226
|
+
]
|
208
227
|
}),
|
209
228
|
/**
|
210
229
|
* Creates a new collection-type document. This should ONLY be used for collection-types.
|
@@ -221,7 +240,8 @@ const documentApi = contentManagerApi.injectEndpoints({
|
|
221
240
|
}),
|
222
241
|
invalidatesTags: (result, _error, { model }) => [
|
223
242
|
{ type: "Document", id: `${model}_LIST` },
|
224
|
-
"Relations"
|
243
|
+
"Relations",
|
244
|
+
{ type: "UidAvailability", id: model }
|
225
245
|
]
|
226
246
|
}),
|
227
247
|
deleteDocument: builder.mutation({
|
@@ -262,7 +282,8 @@ const documentApi = contentManagerApi.injectEndpoints({
|
|
262
282
|
id: collectionType !== SINGLE_TYPES ? `${model}_${documentId}` : model
|
263
283
|
},
|
264
284
|
{ type: "Document", id: `${model}_LIST` },
|
265
|
-
"Relations"
|
285
|
+
"Relations",
|
286
|
+
{ type: "UidAvailability", id: model }
|
266
287
|
];
|
267
288
|
}
|
268
289
|
}),
|
@@ -280,6 +301,7 @@ const documentApi = contentManagerApi.injectEndpoints({
|
|
280
301
|
}),
|
281
302
|
providesTags: (result, _error, arg) => {
|
282
303
|
return [
|
304
|
+
{ type: "Document", id: `ALL_LIST` },
|
283
305
|
{ type: "Document", id: `${arg.model}_LIST` },
|
284
306
|
...result?.results.map(({ documentId }) => ({
|
285
307
|
type: "Document",
|
@@ -318,6 +340,11 @@ const documentApi = contentManagerApi.injectEndpoints({
|
|
318
340
|
{
|
319
341
|
type: "Document",
|
320
342
|
id: collectionType !== SINGLE_TYPES ? `${model}_${result && "documentId" in result ? result.documentId : documentId}` : model
|
343
|
+
},
|
344
|
+
// Make it easy to invalidate all individual documents queries for a model
|
345
|
+
{
|
346
|
+
type: "Document",
|
347
|
+
id: `${model}_ALL_ITEMS`
|
321
348
|
}
|
322
349
|
];
|
323
350
|
}
|
@@ -381,8 +408,21 @@ const documentApi = contentManagerApi.injectEndpoints({
|
|
381
408
|
type: "Document",
|
382
409
|
id: collectionType !== SINGLE_TYPES ? `${model}_${documentId}` : model
|
383
410
|
},
|
384
|
-
"Relations"
|
411
|
+
"Relations",
|
412
|
+
{ type: "UidAvailability", id: model }
|
385
413
|
];
|
414
|
+
},
|
415
|
+
async onQueryStarted({ data, ...patch }, { dispatch, queryFulfilled }) {
|
416
|
+
const patchResult = dispatch(
|
417
|
+
documentApi.util.updateQueryData("getDocument", patch, (draft) => {
|
418
|
+
Object.assign(draft.data, data);
|
419
|
+
})
|
420
|
+
);
|
421
|
+
try {
|
422
|
+
await queryFulfilled;
|
423
|
+
} catch {
|
424
|
+
patchResult.undo();
|
425
|
+
}
|
386
426
|
}
|
387
427
|
}),
|
388
428
|
unpublishDocument: builder.mutation({
|
@@ -452,20 +492,39 @@ const buildValidParams = (query) => {
|
|
452
492
|
const isBaseQueryError = (error) => {
|
453
493
|
return error.name !== void 0;
|
454
494
|
};
|
455
|
-
const
|
495
|
+
const arrayValidator = (attribute, options) => ({
|
496
|
+
message: strapiAdmin.translatedErrors.required,
|
497
|
+
test(value) {
|
498
|
+
if (options.status === "draft") {
|
499
|
+
return true;
|
500
|
+
}
|
501
|
+
if (!attribute.required) {
|
502
|
+
return true;
|
503
|
+
}
|
504
|
+
if (!value) {
|
505
|
+
return false;
|
506
|
+
}
|
507
|
+
if (Array.isArray(value) && value.length === 0) {
|
508
|
+
return false;
|
509
|
+
}
|
510
|
+
return true;
|
511
|
+
}
|
512
|
+
});
|
513
|
+
const createYupSchema = (attributes = {}, components = {}, options = { status: null }) => {
|
456
514
|
const createModelSchema = (attributes2) => yup__namespace.object().shape(
|
457
515
|
Object.entries(attributes2).reduce((acc, [name, attribute]) => {
|
458
516
|
if (DOCUMENT_META_FIELDS.includes(name)) {
|
459
517
|
return acc;
|
460
518
|
}
|
461
519
|
const validations = [
|
520
|
+
addNullableValidation,
|
462
521
|
addRequiredValidation,
|
463
522
|
addMinLengthValidation,
|
464
523
|
addMaxLengthValidation,
|
465
524
|
addMinValidation,
|
466
525
|
addMaxValidation,
|
467
526
|
addRegexValidation
|
468
|
-
].map((fn) => fn(attribute));
|
527
|
+
].map((fn) => fn(attribute, options));
|
469
528
|
const transformSchema = pipe__default.default(...validations);
|
470
529
|
switch (attribute.type) {
|
471
530
|
case "component": {
|
@@ -475,12 +534,12 @@ const createYupSchema = (attributes = {}, components = {}) => {
|
|
475
534
|
...acc,
|
476
535
|
[name]: transformSchema(
|
477
536
|
yup__namespace.array().of(createModelSchema(attributes3).nullable(false))
|
478
|
-
)
|
537
|
+
).test(arrayValidator(attribute, options))
|
479
538
|
};
|
480
539
|
} else {
|
481
540
|
return {
|
482
541
|
...acc,
|
483
|
-
[name]: transformSchema(createModelSchema(attributes3))
|
542
|
+
[name]: transformSchema(createModelSchema(attributes3).nullable())
|
484
543
|
};
|
485
544
|
}
|
486
545
|
}
|
@@ -502,7 +561,7 @@ const createYupSchema = (attributes = {}, components = {}) => {
|
|
502
561
|
}
|
503
562
|
)
|
504
563
|
)
|
505
|
-
)
|
564
|
+
).test(arrayValidator(attribute, options))
|
506
565
|
};
|
507
566
|
case "relation":
|
508
567
|
return {
|
@@ -514,7 +573,7 @@ const createYupSchema = (attributes = {}, components = {}) => {
|
|
514
573
|
} else if (Array.isArray(value)) {
|
515
574
|
return yup__namespace.array().of(
|
516
575
|
yup__namespace.object().shape({
|
517
|
-
id: yup__namespace.
|
576
|
+
id: yup__namespace.number().required()
|
518
577
|
})
|
519
578
|
);
|
520
579
|
} else if (typeof value === "object") {
|
@@ -566,6 +625,14 @@ const createAttributeSchema = (attribute) => {
|
|
566
625
|
if (!value || typeof value === "string" && value.length === 0) {
|
567
626
|
return true;
|
568
627
|
}
|
628
|
+
if (typeof value === "object") {
|
629
|
+
try {
|
630
|
+
JSON.stringify(value);
|
631
|
+
return true;
|
632
|
+
} catch (err) {
|
633
|
+
return false;
|
634
|
+
}
|
635
|
+
}
|
569
636
|
try {
|
570
637
|
JSON.parse(value);
|
571
638
|
return true;
|
@@ -584,13 +651,7 @@ const createAttributeSchema = (attribute) => {
|
|
584
651
|
return yup__namespace.mixed();
|
585
652
|
}
|
586
653
|
};
|
587
|
-
const
|
588
|
-
if ((attribute.type === "component" && attribute.repeatable || attribute.type === "dynamiczone") && attribute.required && "min" in schema) {
|
589
|
-
return schema.min(1, strapiAdmin.translatedErrors.required);
|
590
|
-
}
|
591
|
-
if (attribute.required && attribute.type !== "relation") {
|
592
|
-
return schema.required(strapiAdmin.translatedErrors.required);
|
593
|
-
}
|
654
|
+
const nullableSchema = (schema) => {
|
594
655
|
return schema?.nullable ? schema.nullable() : (
|
595
656
|
// In some cases '.nullable' will not be available on the schema.
|
596
657
|
// e.g. when the schema has been built using yup.lazy (e.g. for relations).
|
@@ -598,7 +659,22 @@ const addRequiredValidation = (attribute) => (schema) => {
|
|
598
659
|
schema
|
599
660
|
);
|
600
661
|
};
|
601
|
-
const
|
662
|
+
const addNullableValidation = () => (schema) => {
|
663
|
+
return nullableSchema(schema);
|
664
|
+
};
|
665
|
+
const addRequiredValidation = (attribute, options) => (schema) => {
|
666
|
+
if (options.status === "draft" || !attribute.required) {
|
667
|
+
return schema;
|
668
|
+
}
|
669
|
+
if (attribute.required && "required" in schema) {
|
670
|
+
return schema.required(strapiAdmin.translatedErrors.required);
|
671
|
+
}
|
672
|
+
return schema;
|
673
|
+
};
|
674
|
+
const addMinLengthValidation = (attribute, options) => (schema) => {
|
675
|
+
if (options.status === "draft") {
|
676
|
+
return schema;
|
677
|
+
}
|
602
678
|
if ("minLength" in attribute && attribute.minLength && Number.isInteger(attribute.minLength) && "min" in schema) {
|
603
679
|
return schema.min(attribute.minLength, {
|
604
680
|
...strapiAdmin.translatedErrors.minLength,
|
@@ -620,32 +696,13 @@ const addMaxLengthValidation = (attribute) => (schema) => {
|
|
620
696
|
}
|
621
697
|
return schema;
|
622
698
|
};
|
623
|
-
const addMinValidation = (attribute) => (schema) => {
|
624
|
-
if ("
|
699
|
+
const addMinValidation = (attribute, options) => (schema) => {
|
700
|
+
if (options.status === "draft") {
|
701
|
+
return schema;
|
702
|
+
}
|
703
|
+
if ("min" in attribute && "min" in schema) {
|
625
704
|
const min = toInteger(attribute.min);
|
626
|
-
if (
|
627
|
-
if (!attribute.required && "test" in schema && min) {
|
628
|
-
return schema.test(
|
629
|
-
"custom-min",
|
630
|
-
{
|
631
|
-
...strapiAdmin.translatedErrors.min,
|
632
|
-
values: {
|
633
|
-
min: attribute.min
|
634
|
-
}
|
635
|
-
},
|
636
|
-
(value) => {
|
637
|
-
if (!value) {
|
638
|
-
return true;
|
639
|
-
}
|
640
|
-
if (Array.isArray(value) && value.length === 0) {
|
641
|
-
return true;
|
642
|
-
}
|
643
|
-
return value.length >= min;
|
644
|
-
}
|
645
|
-
);
|
646
|
-
}
|
647
|
-
}
|
648
|
-
if ("min" in schema && min) {
|
705
|
+
if (min) {
|
649
706
|
return schema.min(min, {
|
650
707
|
...strapiAdmin.translatedErrors.min,
|
651
708
|
values: {
|
@@ -763,19 +820,115 @@ const extractContentTypeComponents = (attributes = {}, allComponents = {}) => {
|
|
763
820
|
}, {});
|
764
821
|
return componentsByKey;
|
765
822
|
};
|
766
|
-
const
|
823
|
+
const HOOKS = {
|
824
|
+
/**
|
825
|
+
* Hook that allows to mutate the displayed headers of the list view table
|
826
|
+
* @constant
|
827
|
+
* @type {string}
|
828
|
+
*/
|
829
|
+
INJECT_COLUMN_IN_TABLE: "Admin/CM/pages/ListView/inject-column-in-table",
|
830
|
+
/**
|
831
|
+
* Hook that allows to mutate the CM's collection types links pre-set filters
|
832
|
+
* @constant
|
833
|
+
* @type {string}
|
834
|
+
*/
|
835
|
+
MUTATE_COLLECTION_TYPES_LINKS: "Admin/CM/pages/App/mutate-collection-types-links",
|
836
|
+
/**
|
837
|
+
* Hook that allows to mutate the CM's edit view layout
|
838
|
+
* @constant
|
839
|
+
* @type {string}
|
840
|
+
*/
|
841
|
+
MUTATE_EDIT_VIEW_LAYOUT: "Admin/CM/pages/EditView/mutate-edit-view-layout",
|
842
|
+
/**
|
843
|
+
* Hook that allows to mutate the CM's single types links pre-set filters
|
844
|
+
* @constant
|
845
|
+
* @type {string}
|
846
|
+
*/
|
847
|
+
MUTATE_SINGLE_TYPES_LINKS: "Admin/CM/pages/App/mutate-single-types-links"
|
848
|
+
};
|
849
|
+
const contentTypesApi = contentManagerApi.injectEndpoints({
|
850
|
+
endpoints: (builder) => ({
|
851
|
+
getContentTypeConfiguration: builder.query({
|
852
|
+
query: (uid) => ({
|
853
|
+
url: `/content-manager/content-types/${uid}/configuration`,
|
854
|
+
method: "GET"
|
855
|
+
}),
|
856
|
+
transformResponse: (response) => response.data,
|
857
|
+
providesTags: (_result, _error, uid) => [
|
858
|
+
{ type: "ContentTypesConfiguration", id: uid },
|
859
|
+
{ type: "ContentTypeSettings", id: "LIST" }
|
860
|
+
]
|
861
|
+
}),
|
862
|
+
getAllContentTypeSettings: builder.query({
|
863
|
+
query: () => "/content-manager/content-types-settings",
|
864
|
+
transformResponse: (response) => response.data,
|
865
|
+
providesTags: [{ type: "ContentTypeSettings", id: "LIST" }]
|
866
|
+
}),
|
867
|
+
updateContentTypeConfiguration: builder.mutation({
|
868
|
+
query: ({ uid, ...body }) => ({
|
869
|
+
url: `/content-manager/content-types/${uid}/configuration`,
|
870
|
+
method: "PUT",
|
871
|
+
data: body
|
872
|
+
}),
|
873
|
+
transformResponse: (response) => response.data,
|
874
|
+
invalidatesTags: (_result, _error, { uid }) => [
|
875
|
+
{ type: "ContentTypesConfiguration", id: uid },
|
876
|
+
{ type: "ContentTypeSettings", id: "LIST" },
|
877
|
+
// Is this necessary?
|
878
|
+
{ type: "InitialData" }
|
879
|
+
]
|
880
|
+
})
|
881
|
+
})
|
882
|
+
});
|
883
|
+
const {
|
884
|
+
useGetContentTypeConfigurationQuery,
|
885
|
+
useGetAllContentTypeSettingsQuery,
|
886
|
+
useUpdateContentTypeConfigurationMutation
|
887
|
+
} = contentTypesApi;
|
888
|
+
const checkIfAttributeIsDisplayable = (attribute) => {
|
889
|
+
const { type } = attribute;
|
890
|
+
if (type === "relation") {
|
891
|
+
return !attribute.relation.toLowerCase().includes("morph");
|
892
|
+
}
|
893
|
+
return !["json", "dynamiczone", "richtext", "password", "blocks"].includes(type) && !!type;
|
894
|
+
};
|
895
|
+
const getMainField = (attribute, mainFieldName, { schemas, components }) => {
|
896
|
+
if (!mainFieldName) {
|
897
|
+
return void 0;
|
898
|
+
}
|
899
|
+
const mainFieldType = attribute.type === "component" ? components[attribute.component].attributes[mainFieldName].type : (
|
900
|
+
// @ts-expect-error – `targetModel` does exist on the attribute for a relation.
|
901
|
+
schemas.find((schema) => schema.uid === attribute.targetModel)?.attributes[mainFieldName].type
|
902
|
+
);
|
903
|
+
return {
|
904
|
+
name: mainFieldName,
|
905
|
+
type: mainFieldType ?? "string"
|
906
|
+
};
|
907
|
+
};
|
908
|
+
const DEFAULT_SETTINGS = {
|
909
|
+
bulkable: false,
|
910
|
+
filterable: false,
|
911
|
+
searchable: false,
|
912
|
+
pagination: false,
|
913
|
+
defaultSortBy: "",
|
914
|
+
defaultSortOrder: "asc",
|
915
|
+
mainField: "id",
|
916
|
+
pageSize: 10
|
917
|
+
};
|
918
|
+
const useDocumentLayout = (model) => {
|
919
|
+
const { schema, components } = useDocument({ model, collectionType: "" }, { skip: true });
|
920
|
+
const [{ query }] = strapiAdmin.useQueryParams();
|
921
|
+
const runHookWaterfall = strapiAdmin.useStrapiApp("useDocumentLayout", (state) => state.runHookWaterfall);
|
767
922
|
const { toggleNotification } = strapiAdmin.useNotification();
|
768
923
|
const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
|
924
|
+
const { isLoading: isLoadingSchemas, schemas } = useContentTypeSchema();
|
769
925
|
const {
|
770
|
-
|
771
|
-
isLoading:
|
772
|
-
|
773
|
-
|
774
|
-
} =
|
775
|
-
|
776
|
-
skip: !args.documentId && args.collectionType !== SINGLE_TYPES || opts?.skip
|
777
|
-
});
|
778
|
-
const { components, schema, isLoading: isLoadingSchema } = useContentTypeSchema(args.model);
|
926
|
+
data,
|
927
|
+
isLoading: isLoadingConfigs,
|
928
|
+
error,
|
929
|
+
isFetching: isFetchingConfigs
|
930
|
+
} = useGetContentTypeConfigurationQuery(model);
|
931
|
+
const isLoading = isLoadingSchemas || isFetchingConfigs || isLoadingConfigs;
|
779
932
|
React__namespace.useEffect(() => {
|
780
933
|
if (error) {
|
781
934
|
toggleNotification({
|
@@ -783,83 +936,341 @@ const useDocument = (args, opts) => {
|
|
783
936
|
message: formatAPIError(error)
|
784
937
|
});
|
785
938
|
}
|
786
|
-
}, [
|
787
|
-
const
|
788
|
-
|
789
|
-
|
790
|
-
|
791
|
-
|
792
|
-
|
793
|
-
|
794
|
-
(document) => {
|
795
|
-
if (!validationSchema) {
|
796
|
-
throw new Error(
|
797
|
-
"There is no validation schema generated, this is likely due to the schema not being loaded yet."
|
798
|
-
);
|
799
|
-
}
|
800
|
-
try {
|
801
|
-
validationSchema.validateSync(document, { abortEarly: false, strict: true });
|
802
|
-
return null;
|
803
|
-
} catch (error2) {
|
804
|
-
if (error2 instanceof yup.ValidationError) {
|
805
|
-
return strapiAdmin.getYupValidationErrors(error2);
|
806
|
-
}
|
807
|
-
throw error2;
|
808
|
-
}
|
939
|
+
}, [error, formatAPIError, toggleNotification]);
|
940
|
+
const editLayout = React__namespace.useMemo(
|
941
|
+
() => data && !isLoading ? formatEditLayout(data, { schemas, schema, components }) : {
|
942
|
+
layout: [],
|
943
|
+
components: {},
|
944
|
+
metadatas: {},
|
945
|
+
options: {},
|
946
|
+
settings: DEFAULT_SETTINGS
|
809
947
|
},
|
810
|
-
[
|
948
|
+
[data, isLoading, schemas, schema, components]
|
949
|
+
);
|
950
|
+
const listLayout = React__namespace.useMemo(() => {
|
951
|
+
return data && !isLoading ? formatListLayout(data, { schemas, schema, components }) : {
|
952
|
+
layout: [],
|
953
|
+
metadatas: {},
|
954
|
+
options: {},
|
955
|
+
settings: DEFAULT_SETTINGS
|
956
|
+
};
|
957
|
+
}, [data, isLoading, schemas, schema, components]);
|
958
|
+
const { layout: edit } = React__namespace.useMemo(
|
959
|
+
() => runHookWaterfall(HOOKS.MUTATE_EDIT_VIEW_LAYOUT, {
|
960
|
+
layout: editLayout,
|
961
|
+
query
|
962
|
+
}),
|
963
|
+
[editLayout, query, runHookWaterfall]
|
811
964
|
);
|
812
|
-
const isLoading = isLoadingDocument || isFetchingDocument || isLoadingSchema;
|
813
965
|
return {
|
814
|
-
|
815
|
-
document: data?.data,
|
816
|
-
meta: data?.meta,
|
966
|
+
error,
|
817
967
|
isLoading,
|
818
|
-
|
819
|
-
|
820
|
-
};
|
821
|
-
};
|
822
|
-
const useDoc = () => {
|
823
|
-
const { id, slug, collectionType, origin } = reactRouterDom.useParams();
|
824
|
-
const [{ query }] = strapiAdmin.useQueryParams();
|
825
|
-
const params = React__namespace.useMemo(() => buildValidParams(query), [query]);
|
826
|
-
if (!collectionType) {
|
827
|
-
throw new Error("Could not find collectionType in url params");
|
828
|
-
}
|
829
|
-
if (!slug) {
|
830
|
-
throw new Error("Could not find model in url params");
|
831
|
-
}
|
832
|
-
return {
|
833
|
-
collectionType,
|
834
|
-
model: slug,
|
835
|
-
id: origin || id === "create" ? void 0 : id,
|
836
|
-
...useDocument(
|
837
|
-
{ documentId: origin || id, model: slug, collectionType, params },
|
838
|
-
{
|
839
|
-
skip: id === "create" || !origin && !id && collectionType !== SINGLE_TYPES
|
840
|
-
}
|
841
|
-
)
|
968
|
+
edit,
|
969
|
+
list: listLayout
|
842
970
|
};
|
843
971
|
};
|
844
|
-
const
|
845
|
-
|
846
|
-
|
847
|
-
|
848
|
-
|
849
|
-
|
850
|
-
|
851
|
-
|
852
|
-
}
|
853
|
-
|
854
|
-
const
|
855
|
-
|
856
|
-
|
972
|
+
const useDocLayout = () => {
|
973
|
+
const { model } = useDoc();
|
974
|
+
return useDocumentLayout(model);
|
975
|
+
};
|
976
|
+
const formatEditLayout = (data, {
|
977
|
+
schemas,
|
978
|
+
schema,
|
979
|
+
components
|
980
|
+
}) => {
|
981
|
+
let currentPanelIndex = 0;
|
982
|
+
const panelledEditAttributes = convertEditLayoutToFieldLayouts(
|
983
|
+
data.contentType.layouts.edit,
|
984
|
+
schema?.attributes,
|
985
|
+
data.contentType.metadatas,
|
986
|
+
{ configurations: data.components, schemas: components },
|
987
|
+
schemas
|
988
|
+
).reduce((panels, row) => {
|
989
|
+
if (row.some((field) => field.type === "dynamiczone")) {
|
990
|
+
panels.push([row]);
|
991
|
+
currentPanelIndex += 2;
|
992
|
+
} else {
|
993
|
+
if (!panels[currentPanelIndex]) {
|
994
|
+
panels.push([]);
|
995
|
+
}
|
996
|
+
panels[currentPanelIndex].push(row);
|
997
|
+
}
|
998
|
+
return panels;
|
999
|
+
}, []);
|
1000
|
+
const componentEditAttributes = Object.entries(data.components).reduce(
|
1001
|
+
(acc, [uid, configuration]) => {
|
1002
|
+
acc[uid] = {
|
1003
|
+
layout: convertEditLayoutToFieldLayouts(
|
1004
|
+
configuration.layouts.edit,
|
1005
|
+
components[uid].attributes,
|
1006
|
+
configuration.metadatas,
|
1007
|
+
{ configurations: data.components, schemas: components }
|
1008
|
+
),
|
1009
|
+
settings: {
|
1010
|
+
...configuration.settings,
|
1011
|
+
icon: components[uid].info.icon,
|
1012
|
+
displayName: components[uid].info.displayName
|
1013
|
+
}
|
1014
|
+
};
|
1015
|
+
return acc;
|
1016
|
+
},
|
1017
|
+
{}
|
1018
|
+
);
|
1019
|
+
const editMetadatas = Object.entries(data.contentType.metadatas).reduce(
|
1020
|
+
(acc, [attribute, metadata]) => {
|
1021
|
+
return {
|
1022
|
+
...acc,
|
1023
|
+
[attribute]: metadata.edit
|
1024
|
+
};
|
1025
|
+
},
|
1026
|
+
{}
|
1027
|
+
);
|
1028
|
+
return {
|
1029
|
+
layout: panelledEditAttributes,
|
1030
|
+
components: componentEditAttributes,
|
1031
|
+
metadatas: editMetadatas,
|
1032
|
+
settings: {
|
1033
|
+
...data.contentType.settings,
|
1034
|
+
displayName: schema?.info.displayName
|
1035
|
+
},
|
1036
|
+
options: {
|
1037
|
+
...schema?.options,
|
1038
|
+
...schema?.pluginOptions,
|
1039
|
+
...data.contentType.options
|
1040
|
+
}
|
1041
|
+
};
|
1042
|
+
};
|
1043
|
+
const convertEditLayoutToFieldLayouts = (rows, attributes = {}, metadatas, components, schemas = []) => {
|
1044
|
+
return rows.map(
|
1045
|
+
(row) => row.map((field) => {
|
1046
|
+
const attribute = attributes[field.name];
|
1047
|
+
if (!attribute) {
|
1048
|
+
return null;
|
1049
|
+
}
|
1050
|
+
const { edit: metadata } = metadatas[field.name];
|
1051
|
+
const settings = attribute.type === "component" && components ? components.configurations[attribute.component].settings : {};
|
1052
|
+
return {
|
1053
|
+
attribute,
|
1054
|
+
disabled: !metadata.editable,
|
1055
|
+
hint: metadata.description,
|
1056
|
+
label: metadata.label ?? "",
|
1057
|
+
name: field.name,
|
1058
|
+
// @ts-expect-error – mainField does exist on the metadata for a relation.
|
1059
|
+
mainField: getMainField(attribute, metadata.mainField || settings.mainField, {
|
1060
|
+
schemas,
|
1061
|
+
components: components?.schemas ?? {}
|
1062
|
+
}),
|
1063
|
+
placeholder: metadata.placeholder ?? "",
|
1064
|
+
required: attribute.required ?? false,
|
1065
|
+
size: field.size,
|
1066
|
+
unique: "unique" in attribute ? attribute.unique : false,
|
1067
|
+
visible: metadata.visible ?? true,
|
1068
|
+
type: attribute.type
|
1069
|
+
};
|
1070
|
+
}).filter((field) => field !== null)
|
1071
|
+
);
|
1072
|
+
};
|
1073
|
+
const formatListLayout = (data, {
|
1074
|
+
schemas,
|
1075
|
+
schema,
|
1076
|
+
components
|
1077
|
+
}) => {
|
1078
|
+
const listMetadatas = Object.entries(data.contentType.metadatas).reduce(
|
1079
|
+
(acc, [attribute, metadata]) => {
|
1080
|
+
return {
|
1081
|
+
...acc,
|
1082
|
+
[attribute]: metadata.list
|
1083
|
+
};
|
1084
|
+
},
|
1085
|
+
{}
|
1086
|
+
);
|
1087
|
+
const listAttributes = convertListLayoutToFieldLayouts(
|
1088
|
+
data.contentType.layouts.list,
|
1089
|
+
schema?.attributes,
|
1090
|
+
listMetadatas,
|
1091
|
+
{ configurations: data.components, schemas: components },
|
1092
|
+
schemas
|
1093
|
+
);
|
1094
|
+
return {
|
1095
|
+
layout: listAttributes,
|
1096
|
+
settings: { ...data.contentType.settings, displayName: schema?.info.displayName },
|
1097
|
+
metadatas: listMetadatas,
|
1098
|
+
options: {
|
1099
|
+
...schema?.options,
|
1100
|
+
...schema?.pluginOptions,
|
1101
|
+
...data.contentType.options
|
1102
|
+
}
|
1103
|
+
};
|
1104
|
+
};
|
1105
|
+
const convertListLayoutToFieldLayouts = (columns, attributes = {}, metadatas, components, schemas = []) => {
|
1106
|
+
return columns.map((name) => {
|
1107
|
+
const attribute = attributes[name];
|
1108
|
+
if (!attribute) {
|
1109
|
+
return null;
|
1110
|
+
}
|
1111
|
+
const metadata = metadatas[name];
|
1112
|
+
const settings = attribute.type === "component" && components ? components.configurations[attribute.component].settings : {};
|
1113
|
+
return {
|
1114
|
+
attribute,
|
1115
|
+
label: metadata.label ?? "",
|
1116
|
+
mainField: getMainField(attribute, metadata.mainField || settings.mainField, {
|
1117
|
+
schemas,
|
1118
|
+
components: components?.schemas ?? {}
|
1119
|
+
}),
|
1120
|
+
name,
|
1121
|
+
searchable: metadata.searchable ?? true,
|
1122
|
+
sortable: metadata.sortable ?? true
|
1123
|
+
};
|
1124
|
+
}).filter((field) => field !== null);
|
1125
|
+
};
|
1126
|
+
const useDocument = (args, opts) => {
|
1127
|
+
const { toggleNotification } = strapiAdmin.useNotification();
|
1128
|
+
const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
|
1129
|
+
const {
|
1130
|
+
currentData: data,
|
1131
|
+
isLoading: isLoadingDocument,
|
1132
|
+
isFetching: isFetchingDocument,
|
1133
|
+
error
|
1134
|
+
} = useGetDocumentQuery(args, {
|
1135
|
+
...opts,
|
1136
|
+
skip: !args.documentId && args.collectionType !== SINGLE_TYPES || opts?.skip
|
1137
|
+
});
|
1138
|
+
const {
|
1139
|
+
components,
|
1140
|
+
schema,
|
1141
|
+
schemas,
|
1142
|
+
isLoading: isLoadingSchema
|
1143
|
+
} = useContentTypeSchema(args.model);
|
1144
|
+
React__namespace.useEffect(() => {
|
1145
|
+
if (error) {
|
1146
|
+
toggleNotification({
|
1147
|
+
type: "danger",
|
1148
|
+
message: formatAPIError(error)
|
1149
|
+
});
|
1150
|
+
}
|
1151
|
+
}, [toggleNotification, error, formatAPIError, args.collectionType]);
|
1152
|
+
const validationSchema = React__namespace.useMemo(() => {
|
1153
|
+
if (!schema) {
|
1154
|
+
return null;
|
1155
|
+
}
|
1156
|
+
return createYupSchema(schema.attributes, components);
|
1157
|
+
}, [schema, components]);
|
1158
|
+
const validate = React__namespace.useCallback(
|
1159
|
+
(document) => {
|
1160
|
+
if (!validationSchema) {
|
1161
|
+
throw new Error(
|
1162
|
+
"There is no validation schema generated, this is likely due to the schema not being loaded yet."
|
1163
|
+
);
|
1164
|
+
}
|
1165
|
+
try {
|
1166
|
+
validationSchema.validateSync(document, { abortEarly: false, strict: true });
|
1167
|
+
return null;
|
1168
|
+
} catch (error2) {
|
1169
|
+
if (error2 instanceof yup.ValidationError) {
|
1170
|
+
return strapiAdmin.getYupValidationErrors(error2);
|
1171
|
+
}
|
1172
|
+
throw error2;
|
1173
|
+
}
|
1174
|
+
},
|
1175
|
+
[validationSchema]
|
1176
|
+
);
|
1177
|
+
const isLoading = isLoadingDocument || isFetchingDocument || isLoadingSchema;
|
1178
|
+
const hasError = !!error;
|
1179
|
+
return {
|
1180
|
+
components,
|
1181
|
+
document: data?.data,
|
1182
|
+
meta: data?.meta,
|
1183
|
+
isLoading,
|
1184
|
+
hasError,
|
1185
|
+
schema,
|
1186
|
+
schemas,
|
1187
|
+
validate
|
1188
|
+
};
|
1189
|
+
};
|
1190
|
+
const useDoc = () => {
|
1191
|
+
const { id, slug, collectionType, origin } = reactRouterDom.useParams();
|
1192
|
+
const [{ query }] = strapiAdmin.useQueryParams();
|
1193
|
+
const params = React__namespace.useMemo(() => buildValidParams(query), [query]);
|
1194
|
+
if (!collectionType) {
|
1195
|
+
throw new Error("Could not find collectionType in url params");
|
1196
|
+
}
|
1197
|
+
if (!slug) {
|
1198
|
+
throw new Error("Could not find model in url params");
|
1199
|
+
}
|
1200
|
+
const document = useDocument(
|
1201
|
+
{ documentId: origin || id, model: slug, collectionType, params },
|
1202
|
+
{
|
1203
|
+
skip: id === "create" || !origin && !id && collectionType !== SINGLE_TYPES
|
1204
|
+
}
|
1205
|
+
);
|
1206
|
+
const returnId = origin || id === "create" ? void 0 : id;
|
1207
|
+
return {
|
1208
|
+
collectionType,
|
1209
|
+
model: slug,
|
1210
|
+
id: returnId,
|
1211
|
+
...document
|
1212
|
+
};
|
1213
|
+
};
|
1214
|
+
const useContentManagerContext = () => {
|
1215
|
+
const {
|
1216
|
+
collectionType,
|
1217
|
+
model,
|
1218
|
+
id,
|
1219
|
+
components,
|
1220
|
+
isLoading: isLoadingDoc,
|
1221
|
+
schema,
|
1222
|
+
schemas
|
1223
|
+
} = useDoc();
|
1224
|
+
const layout = useDocumentLayout(model);
|
1225
|
+
const form = strapiAdmin.useForm("useContentManagerContext", (state) => state);
|
1226
|
+
const isSingleType = collectionType === SINGLE_TYPES;
|
1227
|
+
const slug = model;
|
1228
|
+
const isCreatingEntry = id === "create";
|
1229
|
+
useContentTypeSchema();
|
1230
|
+
const isLoading = isLoadingDoc || layout.isLoading;
|
1231
|
+
const error = layout.error;
|
1232
|
+
return {
|
1233
|
+
error,
|
1234
|
+
isLoading,
|
1235
|
+
// Base metadata
|
1236
|
+
model,
|
1237
|
+
collectionType,
|
1238
|
+
id,
|
1239
|
+
slug,
|
1240
|
+
isCreatingEntry,
|
1241
|
+
isSingleType,
|
1242
|
+
hasDraftAndPublish: schema?.options?.draftAndPublish ?? false,
|
1243
|
+
// All schema infos
|
1244
|
+
components,
|
1245
|
+
contentType: schema,
|
1246
|
+
contentTypes: schemas,
|
1247
|
+
// Form state
|
1248
|
+
form,
|
1249
|
+
// layout infos
|
1250
|
+
layout
|
1251
|
+
};
|
1252
|
+
};
|
1253
|
+
const prefixPluginTranslations = (trad, pluginId) => {
|
1254
|
+
if (!pluginId) {
|
1255
|
+
throw new TypeError("pluginId can't be empty");
|
1256
|
+
}
|
1257
|
+
return Object.keys(trad).reduce((acc, current) => {
|
1258
|
+
acc[`${pluginId}.${current}`] = trad[current];
|
1259
|
+
return acc;
|
1260
|
+
}, {});
|
1261
|
+
};
|
1262
|
+
const getTranslation = (id) => `content-manager.${id}`;
|
1263
|
+
const DEFAULT_UNEXPECTED_ERROR_MSG = {
|
1264
|
+
id: "notification.error",
|
1265
|
+
defaultMessage: "An error occurred, please try again"
|
857
1266
|
};
|
858
1267
|
const useDocumentActions = () => {
|
859
1268
|
const { toggleNotification } = strapiAdmin.useNotification();
|
860
1269
|
const { formatMessage } = reactIntl.useIntl();
|
861
1270
|
const { trackUsage } = strapiAdmin.useTracking();
|
862
1271
|
const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
|
1272
|
+
const navigate = reactRouterDom.useNavigate();
|
1273
|
+
const setCurrentStep = strapiAdmin.useGuidedTour("useDocumentActions", (state) => state.setCurrentStep);
|
863
1274
|
const [deleteDocument] = useDeleteDocumentMutation();
|
864
1275
|
const _delete = React__namespace.useCallback(
|
865
1276
|
async ({ collectionType, model, documentId, params }, trackerProperty) => {
|
@@ -1174,6 +1585,7 @@ const useDocumentActions = () => {
|
|
1174
1585
|
defaultMessage: "Saved document"
|
1175
1586
|
})
|
1176
1587
|
});
|
1588
|
+
setCurrentStep("contentManager.success");
|
1177
1589
|
return res.data;
|
1178
1590
|
} catch (err) {
|
1179
1591
|
toggleNotification({
|
@@ -1195,7 +1607,6 @@ const useDocumentActions = () => {
|
|
1195
1607
|
sourceId
|
1196
1608
|
});
|
1197
1609
|
if ("error" in res) {
|
1198
|
-
toggleNotification({ type: "danger", message: formatAPIError(res.error) });
|
1199
1610
|
return { error: res.error };
|
1200
1611
|
}
|
1201
1612
|
toggleNotification({
|
@@ -1214,7 +1625,7 @@ const useDocumentActions = () => {
|
|
1214
1625
|
throw err;
|
1215
1626
|
}
|
1216
1627
|
},
|
1217
|
-
[autoCloneDocument,
|
1628
|
+
[autoCloneDocument, formatMessage, toggleNotification]
|
1218
1629
|
);
|
1219
1630
|
const [cloneDocument] = useCloneDocumentMutation();
|
1220
1631
|
const clone = React__namespace.useCallback(
|
@@ -1240,6 +1651,7 @@ const useDocumentActions = () => {
|
|
1240
1651
|
defaultMessage: "Cloned document"
|
1241
1652
|
})
|
1242
1653
|
});
|
1654
|
+
navigate(`../../${res.data.data.documentId}`, { relative: "path" });
|
1243
1655
|
return res.data;
|
1244
1656
|
} catch (err) {
|
1245
1657
|
toggleNotification({
|
@@ -1250,7 +1662,7 @@ const useDocumentActions = () => {
|
|
1250
1662
|
throw err;
|
1251
1663
|
}
|
1252
1664
|
},
|
1253
|
-
[cloneDocument, trackUsage, toggleNotification, formatMessage, formatAPIError]
|
1665
|
+
[cloneDocument, trackUsage, toggleNotification, formatMessage, formatAPIError, navigate]
|
1254
1666
|
);
|
1255
1667
|
const [getDoc] = useLazyGetDocumentQuery();
|
1256
1668
|
const getDocument = React__namespace.useCallback(
|
@@ -1276,7 +1688,7 @@ const useDocumentActions = () => {
|
|
1276
1688
|
};
|
1277
1689
|
};
|
1278
1690
|
const ProtectedHistoryPage = React.lazy(
|
1279
|
-
() => Promise.resolve().then(() => require("./History-
|
1691
|
+
() => Promise.resolve().then(() => require("./History-CTFvy6XH.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
|
1280
1692
|
);
|
1281
1693
|
const routes$1 = [
|
1282
1694
|
{
|
@@ -1289,31 +1701,31 @@ const routes$1 = [
|
|
1289
1701
|
}
|
1290
1702
|
];
|
1291
1703
|
const ProtectedEditViewPage = React.lazy(
|
1292
|
-
() => Promise.resolve().then(() => require("./EditViewPage-
|
1704
|
+
() => Promise.resolve().then(() => require("./EditViewPage-CqHMM0P0.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
|
1293
1705
|
);
|
1294
1706
|
const ProtectedListViewPage = React.lazy(
|
1295
|
-
() => Promise.resolve().then(() => require("./ListViewPage-
|
1707
|
+
() => Promise.resolve().then(() => require("./ListViewPage-D0fpPYKp.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
|
1296
1708
|
);
|
1297
1709
|
const ProtectedListConfiguration = React.lazy(
|
1298
|
-
() => Promise.resolve().then(() => require("./ListConfigurationPage-
|
1710
|
+
() => Promise.resolve().then(() => require("./ListConfigurationPage-CDzlMBz_.js")).then((mod) => ({
|
1299
1711
|
default: mod.ProtectedListConfiguration
|
1300
1712
|
}))
|
1301
1713
|
);
|
1302
1714
|
const ProtectedEditConfigurationPage = React.lazy(
|
1303
|
-
() => Promise.resolve().then(() => require("./EditConfigurationPage-
|
1715
|
+
() => Promise.resolve().then(() => require("./EditConfigurationPage-Ce4bIm4n.js")).then((mod) => ({
|
1304
1716
|
default: mod.ProtectedEditConfigurationPage
|
1305
1717
|
}))
|
1306
1718
|
);
|
1307
1719
|
const ProtectedComponentConfigurationPage = React.lazy(
|
1308
|
-
() => Promise.resolve().then(() => require("./ComponentConfigurationPage-
|
1720
|
+
() => Promise.resolve().then(() => require("./ComponentConfigurationPage-CQDCxI8x.js")).then((mod) => ({
|
1309
1721
|
default: mod.ProtectedComponentConfigurationPage
|
1310
1722
|
}))
|
1311
1723
|
);
|
1312
1724
|
const NoPermissions = React.lazy(
|
1313
|
-
() => Promise.resolve().then(() => require("./NoPermissionsPage-
|
1725
|
+
() => Promise.resolve().then(() => require("./NoPermissionsPage-BoI2rU68.js")).then((mod) => ({ default: mod.NoPermissions }))
|
1314
1726
|
);
|
1315
1727
|
const NoContentType = React.lazy(
|
1316
|
-
() => Promise.resolve().then(() => require("./NoContentTypePage-
|
1728
|
+
() => Promise.resolve().then(() => require("./NoContentTypePage-DTzkSAV5.js")).then((mod) => ({ default: mod.NoContentType }))
|
1317
1729
|
);
|
1318
1730
|
const CollectionTypePages = () => {
|
1319
1731
|
const { collectionType } = reactRouterDom.useParams();
|
@@ -1427,12 +1839,14 @@ const DocumentActionButton = (action) => {
|
|
1427
1839
|
/* @__PURE__ */ jsxRuntime.jsx(
|
1428
1840
|
designSystem.Button,
|
1429
1841
|
{
|
1430
|
-
flex:
|
1842
|
+
flex: "auto",
|
1431
1843
|
startIcon: action.icon,
|
1432
1844
|
disabled: action.disabled,
|
1433
1845
|
onClick: handleClick(action),
|
1434
1846
|
justifyContent: "center",
|
1435
1847
|
variant: action.variant || "default",
|
1848
|
+
paddingTop: "7px",
|
1849
|
+
paddingBottom: "7px",
|
1436
1850
|
children: action.label
|
1437
1851
|
}
|
1438
1852
|
),
|
@@ -1497,9 +1911,9 @@ const DocumentActionsMenu = ({
|
|
1497
1911
|
disabled: isDisabled,
|
1498
1912
|
size: "S",
|
1499
1913
|
endIcon: null,
|
1500
|
-
paddingTop: "
|
1501
|
-
paddingLeft: "
|
1502
|
-
paddingRight: "
|
1914
|
+
paddingTop: "4px",
|
1915
|
+
paddingLeft: "7px",
|
1916
|
+
paddingRight: "7px",
|
1503
1917
|
variant,
|
1504
1918
|
children: [
|
1505
1919
|
/* @__PURE__ */ jsxRuntime.jsx(Icons.More, { "aria-hidden": true, focusable: false }),
|
@@ -1510,7 +1924,7 @@ const DocumentActionsMenu = ({
|
|
1510
1924
|
]
|
1511
1925
|
}
|
1512
1926
|
),
|
1513
|
-
/* @__PURE__ */ jsxRuntime.jsxs(designSystem.Menu.Content, {
|
1927
|
+
/* @__PURE__ */ jsxRuntime.jsxs(designSystem.Menu.Content, { maxHeight: void 0, popoverPlacement: "bottom-end", children: [
|
1514
1928
|
actions2.map((action) => {
|
1515
1929
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
1516
1930
|
designSystem.Menu.Item,
|
@@ -1519,10 +1933,25 @@ const DocumentActionsMenu = ({
|
|
1519
1933
|
onSelect: handleClick(action),
|
1520
1934
|
display: "block",
|
1521
1935
|
children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", gap: 4, children: [
|
1522
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
1523
|
-
|
1524
|
-
|
1525
|
-
|
1936
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
1937
|
+
designSystem.Flex,
|
1938
|
+
{
|
1939
|
+
color: !action.disabled ? convertActionVariantToColor(action.variant) : "inherit",
|
1940
|
+
gap: 2,
|
1941
|
+
tag: "span",
|
1942
|
+
children: [
|
1943
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
1944
|
+
designSystem.Flex,
|
1945
|
+
{
|
1946
|
+
tag: "span",
|
1947
|
+
color: !action.disabled ? convertActionVariantToIconColor(action.variant) : "inherit",
|
1948
|
+
children: action.icon
|
1949
|
+
}
|
1950
|
+
),
|
1951
|
+
action.label
|
1952
|
+
]
|
1953
|
+
}
|
1954
|
+
),
|
1526
1955
|
action.id.startsWith("HistoryAction") && /* @__PURE__ */ jsxRuntime.jsx(
|
1527
1956
|
designSystem.Flex,
|
1528
1957
|
{
|
@@ -1619,11 +2048,11 @@ const DocumentActionConfirmDialog = ({
|
|
1619
2048
|
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: title }),
|
1620
2049
|
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Body, { children: content }),
|
1621
2050
|
/* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Footer, { children: [
|
1622
|
-
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", children: formatMessage({
|
2051
|
+
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", fullWidth: true, children: formatMessage({
|
1623
2052
|
id: "app.components.Button.cancel",
|
1624
2053
|
defaultMessage: "Cancel"
|
1625
2054
|
}) }) }),
|
1626
|
-
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleConfirm, variant, children: formatMessage({
|
2055
|
+
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleConfirm, variant, fullWidth: true, children: formatMessage({
|
1627
2056
|
id: "app.components.Button.confirm",
|
1628
2057
|
defaultMessage: "Confirm"
|
1629
2058
|
}) })
|
@@ -1646,10 +2075,22 @@ const DocumentActionModal = ({
|
|
1646
2075
|
};
|
1647
2076
|
return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Root, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Content, { children: [
|
1648
2077
|
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Title, { children: title }) }),
|
1649
|
-
|
1650
|
-
|
2078
|
+
typeof Content === "function" ? /* @__PURE__ */ jsxRuntime.jsx(Content, { onClose: handleClose }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Body, { children: Content }),
|
2079
|
+
typeof Footer === "function" ? /* @__PURE__ */ jsxRuntime.jsx(Footer, { onClose: handleClose }) : Footer
|
1651
2080
|
] }) });
|
1652
2081
|
};
|
2082
|
+
const transformData = (data) => {
|
2083
|
+
if (Array.isArray(data)) {
|
2084
|
+
return data.map(transformData);
|
2085
|
+
}
|
2086
|
+
if (typeof data === "object" && data !== null) {
|
2087
|
+
if ("apiData" in data) {
|
2088
|
+
return data.apiData;
|
2089
|
+
}
|
2090
|
+
return mapValues__default.default(transformData)(data);
|
2091
|
+
}
|
2092
|
+
return data;
|
2093
|
+
};
|
1653
2094
|
const PublishAction$1 = ({
|
1654
2095
|
activeTab,
|
1655
2096
|
documentId,
|
@@ -1662,12 +2103,10 @@ const PublishAction$1 = ({
|
|
1662
2103
|
const navigate = reactRouterDom.useNavigate();
|
1663
2104
|
const { toggleNotification } = strapiAdmin.useNotification();
|
1664
2105
|
const { _unstableFormatValidationErrors: formatValidationErrors } = strapiAdmin.useAPIErrorHandler();
|
2106
|
+
const isListView = reactRouterDom.useMatch(LIST_PATH) !== null;
|
1665
2107
|
const isCloning = reactRouterDom.useMatch(CLONE_PATH) !== null;
|
1666
2108
|
const { formatMessage } = reactIntl.useIntl();
|
1667
|
-
const { canPublish
|
1668
|
-
"PublishAction",
|
1669
|
-
({ canPublish: canPublish2, canCreate: canCreate2, canUpdate: canUpdate2 }) => ({ canPublish: canPublish2, canCreate: canCreate2, canUpdate: canUpdate2 })
|
1670
|
-
);
|
2109
|
+
const canPublish = useDocumentRBAC("PublishAction", ({ canPublish: canPublish2 }) => canPublish2);
|
1671
2110
|
const { publish } = useDocumentActions();
|
1672
2111
|
const [
|
1673
2112
|
countDraftRelations,
|
@@ -1719,24 +2158,25 @@ const PublishAction$1 = ({
|
|
1719
2158
|
}
|
1720
2159
|
}, [documentId, modified, formValues, setLocalCountOfDraftRelations]);
|
1721
2160
|
React__namespace.useEffect(() => {
|
1722
|
-
if (documentId) {
|
1723
|
-
|
1724
|
-
const { data, error } = await countDraftRelations({
|
1725
|
-
collectionType,
|
1726
|
-
model,
|
1727
|
-
documentId,
|
1728
|
-
params
|
1729
|
-
});
|
1730
|
-
if (error) {
|
1731
|
-
throw error;
|
1732
|
-
}
|
1733
|
-
if (data) {
|
1734
|
-
setServerCountOfDraftRelations(data.data);
|
1735
|
-
}
|
1736
|
-
};
|
1737
|
-
fetchDraftRelationsCount();
|
2161
|
+
if (!document || !document.documentId || isListView) {
|
2162
|
+
return;
|
1738
2163
|
}
|
1739
|
-
|
2164
|
+
const fetchDraftRelationsCount = async () => {
|
2165
|
+
const { data, error } = await countDraftRelations({
|
2166
|
+
collectionType,
|
2167
|
+
model,
|
2168
|
+
documentId,
|
2169
|
+
params
|
2170
|
+
});
|
2171
|
+
if (error) {
|
2172
|
+
throw error;
|
2173
|
+
}
|
2174
|
+
if (data) {
|
2175
|
+
setServerCountOfDraftRelations(data.data);
|
2176
|
+
}
|
2177
|
+
};
|
2178
|
+
fetchDraftRelationsCount();
|
2179
|
+
}, [isListView, document, documentId, countDraftRelations, collectionType, model, params]);
|
1740
2180
|
const isDocumentPublished = (document?.[PUBLISHED_AT_ATTRIBUTE_NAME] || meta?.availableStatus.some((doc) => doc[PUBLISHED_AT_ATTRIBUTE_NAME] !== null)) && document?.status !== "modified";
|
1741
2181
|
if (!schema?.options?.draftAndPublish) {
|
1742
2182
|
return null;
|
@@ -1744,7 +2184,9 @@ const PublishAction$1 = ({
|
|
1744
2184
|
const performPublish = async () => {
|
1745
2185
|
setSubmitting(true);
|
1746
2186
|
try {
|
1747
|
-
const { errors } = await validate(
|
2187
|
+
const { errors } = await validate(true, {
|
2188
|
+
status: "published"
|
2189
|
+
});
|
1748
2190
|
if (errors) {
|
1749
2191
|
toggleNotification({
|
1750
2192
|
type: "danger",
|
@@ -1762,7 +2204,7 @@ const PublishAction$1 = ({
|
|
1762
2204
|
documentId,
|
1763
2205
|
params
|
1764
2206
|
},
|
1765
|
-
formValues
|
2207
|
+
transformData(formValues)
|
1766
2208
|
);
|
1767
2209
|
if ("data" in res && collectionType !== SINGLE_TYPES) {
|
1768
2210
|
navigate({
|
@@ -1777,7 +2219,8 @@ const PublishAction$1 = ({
|
|
1777
2219
|
}
|
1778
2220
|
};
|
1779
2221
|
const totalDraftRelations = localCountOfDraftRelations + serverCountOfDraftRelations;
|
1780
|
-
const
|
2222
|
+
const enableDraftRelationsCount = false;
|
2223
|
+
const hasDraftRelations = enableDraftRelationsCount;
|
1781
2224
|
return {
|
1782
2225
|
/**
|
1783
2226
|
* Disabled when:
|
@@ -1787,18 +2230,13 @@ const PublishAction$1 = ({
|
|
1787
2230
|
* - the document is already published & not modified
|
1788
2231
|
* - the document is being created & not modified
|
1789
2232
|
* - the user doesn't have the permission to publish
|
1790
|
-
* - the user doesn't have the permission to create a new document
|
1791
|
-
* - the user doesn't have the permission to update the document
|
1792
2233
|
*/
|
1793
|
-
disabled: isCloning || isSubmitting || isLoadingDraftRelations || activeTab === "published" || !modified && isDocumentPublished || !modified && !document?.documentId || !canPublish
|
2234
|
+
disabled: isCloning || isSubmitting || isLoadingDraftRelations || activeTab === "published" || !modified && isDocumentPublished || !modified && !document?.documentId || !canPublish,
|
1794
2235
|
label: formatMessage({
|
1795
2236
|
id: "app.utils.publish",
|
1796
2237
|
defaultMessage: "Publish"
|
1797
2238
|
}),
|
1798
2239
|
onClick: async () => {
|
1799
|
-
if (hasDraftRelations) {
|
1800
|
-
return;
|
1801
|
-
}
|
1802
2240
|
await performPublish();
|
1803
2241
|
},
|
1804
2242
|
dialog: hasDraftRelations ? {
|
@@ -1837,10 +2275,6 @@ const UpdateAction = ({
|
|
1837
2275
|
const cloneMatch = reactRouterDom.useMatch(CLONE_PATH);
|
1838
2276
|
const isCloning = cloneMatch !== null;
|
1839
2277
|
const { formatMessage } = reactIntl.useIntl();
|
1840
|
-
const { canCreate, canUpdate } = useDocumentRBAC("UpdateAction", ({ canCreate: canCreate2, canUpdate: canUpdate2 }) => ({
|
1841
|
-
canCreate: canCreate2,
|
1842
|
-
canUpdate: canUpdate2
|
1843
|
-
}));
|
1844
2278
|
const { create, update, clone } = useDocumentActions();
|
1845
2279
|
const [{ query, rawQuery }] = strapiAdmin.useQueryParams();
|
1846
2280
|
const params = React__namespace.useMemo(() => buildValidParams(query), [query]);
|
@@ -1857,10 +2291,8 @@ const UpdateAction = ({
|
|
1857
2291
|
* - the form is submitting
|
1858
2292
|
* - the document is not modified & we're not cloning (you can save a clone entity straight away)
|
1859
2293
|
* - the active tab is the published tab
|
1860
|
-
* - the user doesn't have the permission to create a new document
|
1861
|
-
* - the user doesn't have the permission to update the document
|
1862
2294
|
*/
|
1863
|
-
disabled: isSubmitting || !modified && !isCloning || activeTab === "published"
|
2295
|
+
disabled: isSubmitting || !modified && !isCloning || activeTab === "published",
|
1864
2296
|
label: formatMessage({
|
1865
2297
|
id: "content-manager.containers.Edit.save",
|
1866
2298
|
defaultMessage: "Save"
|
@@ -1868,7 +2300,9 @@ const UpdateAction = ({
|
|
1868
2300
|
onClick: async () => {
|
1869
2301
|
setSubmitting(true);
|
1870
2302
|
try {
|
1871
|
-
const { errors } = await validate(
|
2303
|
+
const { errors } = await validate(true, {
|
2304
|
+
status: "draft"
|
2305
|
+
});
|
1872
2306
|
if (errors) {
|
1873
2307
|
toggleNotification({
|
1874
2308
|
type: "danger",
|
@@ -1886,13 +2320,16 @@ const UpdateAction = ({
|
|
1886
2320
|
documentId: cloneMatch.params.origin,
|
1887
2321
|
params
|
1888
2322
|
},
|
1889
|
-
document
|
2323
|
+
transformData(document)
|
1890
2324
|
);
|
1891
2325
|
if ("data" in res) {
|
1892
|
-
navigate(
|
1893
|
-
|
1894
|
-
|
1895
|
-
|
2326
|
+
navigate(
|
2327
|
+
{
|
2328
|
+
pathname: `../${res.data.documentId}`,
|
2329
|
+
search: rawQuery
|
2330
|
+
},
|
2331
|
+
{ relative: "path" }
|
2332
|
+
);
|
1896
2333
|
} else if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
|
1897
2334
|
setErrors(formatValidationErrors(res.error));
|
1898
2335
|
}
|
@@ -1904,7 +2341,7 @@ const UpdateAction = ({
|
|
1904
2341
|
documentId,
|
1905
2342
|
params
|
1906
2343
|
},
|
1907
|
-
document
|
2344
|
+
transformData(document)
|
1908
2345
|
);
|
1909
2346
|
if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
|
1910
2347
|
setErrors(formatValidationErrors(res.error));
|
@@ -1917,15 +2354,15 @@ const UpdateAction = ({
|
|
1917
2354
|
model,
|
1918
2355
|
params
|
1919
2356
|
},
|
1920
|
-
document
|
2357
|
+
transformData(document)
|
1921
2358
|
);
|
1922
2359
|
if ("data" in res && collectionType !== SINGLE_TYPES) {
|
1923
2360
|
navigate(
|
1924
2361
|
{
|
1925
|
-
pathname: `../${
|
2362
|
+
pathname: `../${res.data.documentId}`,
|
1926
2363
|
search: rawQuery
|
1927
2364
|
},
|
1928
|
-
{ replace: true }
|
2365
|
+
{ replace: true, relative: "path" }
|
1929
2366
|
);
|
1930
2367
|
} else if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
|
1931
2368
|
setErrors(formatValidationErrors(res.error));
|
@@ -1970,7 +2407,7 @@ const UnpublishAction$1 = ({
|
|
1970
2407
|
id: "app.utils.unpublish",
|
1971
2408
|
defaultMessage: "Unpublish"
|
1972
2409
|
}),
|
1973
|
-
icon: /* @__PURE__ */ jsxRuntime.jsx(
|
2410
|
+
icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Cross, {}),
|
1974
2411
|
onClick: async () => {
|
1975
2412
|
if (!documentId && collectionType !== SINGLE_TYPES || isDocumentModified) {
|
1976
2413
|
if (!documentId) {
|
@@ -2082,7 +2519,7 @@ const DiscardAction = ({
|
|
2082
2519
|
id: "content-manager.actions.discard.label",
|
2083
2520
|
defaultMessage: "Discard changes"
|
2084
2521
|
}),
|
2085
|
-
icon: /* @__PURE__ */ jsxRuntime.jsx(
|
2522
|
+
icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Cross, {}),
|
2086
2523
|
position: ["panel", "table-row"],
|
2087
2524
|
variant: "danger",
|
2088
2525
|
dialog: {
|
@@ -2110,11 +2547,6 @@ const DiscardAction = ({
|
|
2110
2547
|
};
|
2111
2548
|
};
|
2112
2549
|
DiscardAction.type = "discard";
|
2113
|
-
const StyledCrossCircle = styledComponents.styled(Icons.CrossCircle)`
|
2114
|
-
path {
|
2115
|
-
fill: currentColor;
|
2116
|
-
}
|
2117
|
-
`;
|
2118
2550
|
const DEFAULT_ACTIONS = [PublishAction$1, UpdateAction, UnpublishAction$1, DiscardAction];
|
2119
2551
|
const intervals = ["years", "months", "days", "hours", "minutes", "seconds"];
|
2120
2552
|
const RelativeTime = React__namespace.forwardRef(
|
@@ -2162,7 +2594,7 @@ const getDisplayName = ({
|
|
2162
2594
|
};
|
2163
2595
|
const capitalise = (str) => str.charAt(0).toUpperCase() + str.slice(1);
|
2164
2596
|
const DocumentStatus = ({ status = "draft", ...restProps }) => {
|
2165
|
-
const statusVariant = status === "draft" ? "
|
2597
|
+
const statusVariant = status === "draft" ? "secondary" : status === "published" ? "success" : "alternative";
|
2166
2598
|
return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Status, { ...restProps, showBullet: false, size: "S", variant: statusVariant, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "span", variant: "omega", fontWeight: "bold", children: capitalise(status) }) });
|
2167
2599
|
};
|
2168
2600
|
const Header = ({ isCreating, status, title: documentTitle = "Untitled" }) => {
|
@@ -2261,12 +2693,12 @@ const Information = ({ activeTab }) => {
|
|
2261
2693
|
isDisplayed: !!publishDocument?.[PUBLISHED_AT_ATTRIBUTE_NAME],
|
2262
2694
|
label: formatMessage({
|
2263
2695
|
id: "content-manager.containers.edit.information.last-published.label",
|
2264
|
-
defaultMessage: "
|
2696
|
+
defaultMessage: "Published"
|
2265
2697
|
}),
|
2266
2698
|
value: formatMessage(
|
2267
2699
|
{
|
2268
2700
|
id: "content-manager.containers.edit.information.last-published.value",
|
2269
|
-
defaultMessage: `
|
2701
|
+
defaultMessage: `{time}{isAnonymous, select, true {} other { by {author}}}`
|
2270
2702
|
},
|
2271
2703
|
{
|
2272
2704
|
time: /* @__PURE__ */ jsxRuntime.jsx(RelativeTime, { timestamp: new Date(publishDocument?.[PUBLISHED_AT_ATTRIBUTE_NAME]) }),
|
@@ -2279,12 +2711,12 @@ const Information = ({ activeTab }) => {
|
|
2279
2711
|
isDisplayed: !!createAndUpdateDocument?.[UPDATED_AT_ATTRIBUTE_NAME],
|
2280
2712
|
label: formatMessage({
|
2281
2713
|
id: "content-manager.containers.edit.information.last-draft.label",
|
2282
|
-
defaultMessage: "
|
2714
|
+
defaultMessage: "Updated"
|
2283
2715
|
}),
|
2284
2716
|
value: formatMessage(
|
2285
2717
|
{
|
2286
2718
|
id: "content-manager.containers.edit.information.last-draft.value",
|
2287
|
-
defaultMessage: `
|
2719
|
+
defaultMessage: `{time}{isAnonymous, select, true {} other { by {author}}}`
|
2288
2720
|
},
|
2289
2721
|
{
|
2290
2722
|
time: /* @__PURE__ */ jsxRuntime.jsx(
|
@@ -2302,12 +2734,12 @@ const Information = ({ activeTab }) => {
|
|
2302
2734
|
isDisplayed: !!createAndUpdateDocument?.[CREATED_AT_ATTRIBUTE_NAME],
|
2303
2735
|
label: formatMessage({
|
2304
2736
|
id: "content-manager.containers.edit.information.document.label",
|
2305
|
-
defaultMessage: "
|
2737
|
+
defaultMessage: "Created"
|
2306
2738
|
}),
|
2307
2739
|
value: formatMessage(
|
2308
2740
|
{
|
2309
2741
|
id: "content-manager.containers.edit.information.document.value",
|
2310
|
-
defaultMessage: `
|
2742
|
+
defaultMessage: `{time}{isAnonymous, select, true {} other { by {author}}}`
|
2311
2743
|
},
|
2312
2744
|
{
|
2313
2745
|
time: /* @__PURE__ */ jsxRuntime.jsx(
|
@@ -2345,25 +2777,77 @@ const Information = ({ activeTab }) => {
|
|
2345
2777
|
);
|
2346
2778
|
};
|
2347
2779
|
const HeaderActions = ({ actions: actions2 }) => {
|
2348
|
-
|
2349
|
-
|
2780
|
+
const [dialogId, setDialogId] = React__namespace.useState(null);
|
2781
|
+
const handleClick = (action) => async (e) => {
|
2782
|
+
if (!("options" in action)) {
|
2783
|
+
const { onClick = () => false, dialog, id } = action;
|
2784
|
+
const muteDialog = await onClick(e);
|
2785
|
+
if (dialog && !muteDialog) {
|
2786
|
+
e.preventDefault();
|
2787
|
+
setDialogId(id);
|
2788
|
+
}
|
2789
|
+
}
|
2790
|
+
};
|
2791
|
+
const handleClose = () => {
|
2792
|
+
setDialogId(null);
|
2793
|
+
};
|
2794
|
+
return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 1, children: actions2.map((action) => {
|
2795
|
+
if (action.options) {
|
2350
2796
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
2351
2797
|
designSystem.SingleSelect,
|
2352
2798
|
{
|
2353
2799
|
size: "S",
|
2354
|
-
disabled: action.disabled,
|
2355
|
-
"aria-label": action.label,
|
2356
2800
|
onChange: action.onSelect,
|
2357
|
-
|
2801
|
+
"aria-label": action.label,
|
2802
|
+
...action,
|
2358
2803
|
children: action.options.map(({ label, ...option }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { ...option, children: label }, option.value))
|
2359
2804
|
},
|
2360
2805
|
action.id
|
2361
2806
|
);
|
2362
2807
|
} else {
|
2363
|
-
|
2808
|
+
if (action.type === "icon") {
|
2809
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
|
2810
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
2811
|
+
designSystem.IconButton,
|
2812
|
+
{
|
2813
|
+
disabled: action.disabled,
|
2814
|
+
label: action.label,
|
2815
|
+
size: "S",
|
2816
|
+
onClick: handleClick(action),
|
2817
|
+
children: action.icon
|
2818
|
+
}
|
2819
|
+
),
|
2820
|
+
action.dialog ? /* @__PURE__ */ jsxRuntime.jsx(
|
2821
|
+
HeaderActionDialog,
|
2822
|
+
{
|
2823
|
+
...action.dialog,
|
2824
|
+
isOpen: dialogId === action.id,
|
2825
|
+
onClose: handleClose
|
2826
|
+
}
|
2827
|
+
) : null
|
2828
|
+
] }, action.id);
|
2829
|
+
}
|
2364
2830
|
}
|
2365
2831
|
}) });
|
2366
2832
|
};
|
2833
|
+
const HeaderActionDialog = ({
|
2834
|
+
onClose,
|
2835
|
+
onCancel,
|
2836
|
+
title,
|
2837
|
+
content: Content,
|
2838
|
+
isOpen
|
2839
|
+
}) => {
|
2840
|
+
const handleClose = async () => {
|
2841
|
+
if (onCancel) {
|
2842
|
+
await onCancel();
|
2843
|
+
}
|
2844
|
+
onClose();
|
2845
|
+
};
|
2846
|
+
return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
|
2847
|
+
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: title }),
|
2848
|
+
typeof Content === "function" ? /* @__PURE__ */ jsxRuntime.jsx(Content, { onClose: handleClose }) : Content
|
2849
|
+
] }) });
|
2850
|
+
};
|
2367
2851
|
const ConfigureTheViewAction = ({ collectionType, model }) => {
|
2368
2852
|
const navigate = reactRouterDom.useNavigate();
|
2369
2853
|
const { formatMessage } = reactIntl.useIntl();
|
@@ -2404,12 +2888,16 @@ const DeleteAction$1 = ({ documentId, model, collectionType, document }) => {
|
|
2404
2888
|
const { delete: deleteAction } = useDocumentActions();
|
2405
2889
|
const { toggleNotification } = strapiAdmin.useNotification();
|
2406
2890
|
const setSubmitting = strapiAdmin.useForm("DeleteAction", (state) => state.setSubmitting);
|
2891
|
+
const isLocalized = document?.locale != null;
|
2407
2892
|
return {
|
2408
2893
|
disabled: !canDelete || !document,
|
2409
|
-
label: formatMessage(
|
2410
|
-
|
2411
|
-
|
2412
|
-
|
2894
|
+
label: formatMessage(
|
2895
|
+
{
|
2896
|
+
id: "content-manager.actions.delete.label",
|
2897
|
+
defaultMessage: "Delete entry{isLocalized, select, true { (all locales)} other {}}"
|
2898
|
+
},
|
2899
|
+
{ isLocalized }
|
2900
|
+
),
|
2413
2901
|
icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Trash, {}),
|
2414
2902
|
dialog: {
|
2415
2903
|
type: "dialog",
|
@@ -2499,7 +2987,7 @@ const ActionsPanel = () => {
|
|
2499
2987
|
return {
|
2500
2988
|
title: formatMessage({
|
2501
2989
|
id: "content-manager.containers.edit.panels.default.title",
|
2502
|
-
defaultMessage: "
|
2990
|
+
defaultMessage: "Entry"
|
2503
2991
|
}),
|
2504
2992
|
content: /* @__PURE__ */ jsxRuntime.jsx(ActionsPanelContent, {})
|
2505
2993
|
};
|
@@ -2560,308 +3048,6 @@ const Panel = React__namespace.forwardRef(({ children, title }, ref) => {
|
|
2560
3048
|
}
|
2561
3049
|
);
|
2562
3050
|
});
|
2563
|
-
const HOOKS = {
|
2564
|
-
/**
|
2565
|
-
* Hook that allows to mutate the displayed headers of the list view table
|
2566
|
-
* @constant
|
2567
|
-
* @type {string}
|
2568
|
-
*/
|
2569
|
-
INJECT_COLUMN_IN_TABLE: "Admin/CM/pages/ListView/inject-column-in-table",
|
2570
|
-
/**
|
2571
|
-
* Hook that allows to mutate the CM's collection types links pre-set filters
|
2572
|
-
* @constant
|
2573
|
-
* @type {string}
|
2574
|
-
*/
|
2575
|
-
MUTATE_COLLECTION_TYPES_LINKS: "Admin/CM/pages/App/mutate-collection-types-links",
|
2576
|
-
/**
|
2577
|
-
* Hook that allows to mutate the CM's edit view layout
|
2578
|
-
* @constant
|
2579
|
-
* @type {string}
|
2580
|
-
*/
|
2581
|
-
MUTATE_EDIT_VIEW_LAYOUT: "Admin/CM/pages/EditView/mutate-edit-view-layout",
|
2582
|
-
/**
|
2583
|
-
* Hook that allows to mutate the CM's single types links pre-set filters
|
2584
|
-
* @constant
|
2585
|
-
* @type {string}
|
2586
|
-
*/
|
2587
|
-
MUTATE_SINGLE_TYPES_LINKS: "Admin/CM/pages/App/mutate-single-types-links"
|
2588
|
-
};
|
2589
|
-
const contentTypesApi = contentManagerApi.injectEndpoints({
|
2590
|
-
endpoints: (builder) => ({
|
2591
|
-
getContentTypeConfiguration: builder.query({
|
2592
|
-
query: (uid) => ({
|
2593
|
-
url: `/content-manager/content-types/${uid}/configuration`,
|
2594
|
-
method: "GET"
|
2595
|
-
}),
|
2596
|
-
transformResponse: (response) => response.data,
|
2597
|
-
providesTags: (_result, _error, uid) => [
|
2598
|
-
{ type: "ContentTypesConfiguration", id: uid },
|
2599
|
-
{ type: "ContentTypeSettings", id: "LIST" }
|
2600
|
-
]
|
2601
|
-
}),
|
2602
|
-
getAllContentTypeSettings: builder.query({
|
2603
|
-
query: () => "/content-manager/content-types-settings",
|
2604
|
-
transformResponse: (response) => response.data,
|
2605
|
-
providesTags: [{ type: "ContentTypeSettings", id: "LIST" }]
|
2606
|
-
}),
|
2607
|
-
updateContentTypeConfiguration: builder.mutation({
|
2608
|
-
query: ({ uid, ...body }) => ({
|
2609
|
-
url: `/content-manager/content-types/${uid}/configuration`,
|
2610
|
-
method: "PUT",
|
2611
|
-
data: body
|
2612
|
-
}),
|
2613
|
-
transformResponse: (response) => response.data,
|
2614
|
-
invalidatesTags: (_result, _error, { uid }) => [
|
2615
|
-
{ type: "ContentTypesConfiguration", id: uid },
|
2616
|
-
{ type: "ContentTypeSettings", id: "LIST" },
|
2617
|
-
// Is this necessary?
|
2618
|
-
{ type: "InitialData" }
|
2619
|
-
]
|
2620
|
-
})
|
2621
|
-
})
|
2622
|
-
});
|
2623
|
-
const {
|
2624
|
-
useGetContentTypeConfigurationQuery,
|
2625
|
-
useGetAllContentTypeSettingsQuery,
|
2626
|
-
useUpdateContentTypeConfigurationMutation
|
2627
|
-
} = contentTypesApi;
|
2628
|
-
const checkIfAttributeIsDisplayable = (attribute) => {
|
2629
|
-
const { type } = attribute;
|
2630
|
-
if (type === "relation") {
|
2631
|
-
return !attribute.relation.toLowerCase().includes("morph");
|
2632
|
-
}
|
2633
|
-
return !["json", "dynamiczone", "richtext", "password", "blocks"].includes(type) && !!type;
|
2634
|
-
};
|
2635
|
-
const getMainField = (attribute, mainFieldName, { schemas, components }) => {
|
2636
|
-
if (!mainFieldName) {
|
2637
|
-
return void 0;
|
2638
|
-
}
|
2639
|
-
const mainFieldType = attribute.type === "component" ? components[attribute.component].attributes[mainFieldName].type : (
|
2640
|
-
// @ts-expect-error – `targetModel` does exist on the attribute for a relation.
|
2641
|
-
schemas.find((schema) => schema.uid === attribute.targetModel)?.attributes[mainFieldName].type
|
2642
|
-
);
|
2643
|
-
return {
|
2644
|
-
name: mainFieldName,
|
2645
|
-
type: mainFieldType ?? "string"
|
2646
|
-
};
|
2647
|
-
};
|
2648
|
-
const DEFAULT_SETTINGS = {
|
2649
|
-
bulkable: false,
|
2650
|
-
filterable: false,
|
2651
|
-
searchable: false,
|
2652
|
-
pagination: false,
|
2653
|
-
defaultSortBy: "",
|
2654
|
-
defaultSortOrder: "asc",
|
2655
|
-
mainField: "id",
|
2656
|
-
pageSize: 10
|
2657
|
-
};
|
2658
|
-
const useDocumentLayout = (model) => {
|
2659
|
-
const { schema, components } = useDocument({ model, collectionType: "" }, { skip: true });
|
2660
|
-
const [{ query }] = strapiAdmin.useQueryParams();
|
2661
|
-
const runHookWaterfall = strapiAdmin.useStrapiApp("useDocumentLayout", (state) => state.runHookWaterfall);
|
2662
|
-
const { toggleNotification } = strapiAdmin.useNotification();
|
2663
|
-
const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
|
2664
|
-
const { isLoading: isLoadingSchemas, schemas } = useContentTypeSchema();
|
2665
|
-
const {
|
2666
|
-
data,
|
2667
|
-
isLoading: isLoadingConfigs,
|
2668
|
-
error,
|
2669
|
-
isFetching: isFetchingConfigs
|
2670
|
-
} = useGetContentTypeConfigurationQuery(model);
|
2671
|
-
const isLoading = isLoadingSchemas || isFetchingConfigs || isLoadingConfigs;
|
2672
|
-
React__namespace.useEffect(() => {
|
2673
|
-
if (error) {
|
2674
|
-
toggleNotification({
|
2675
|
-
type: "danger",
|
2676
|
-
message: formatAPIError(error)
|
2677
|
-
});
|
2678
|
-
}
|
2679
|
-
}, [error, formatAPIError, toggleNotification]);
|
2680
|
-
const editLayout = React__namespace.useMemo(
|
2681
|
-
() => data && !isLoading ? formatEditLayout(data, { schemas, schema, components }) : {
|
2682
|
-
layout: [],
|
2683
|
-
components: {},
|
2684
|
-
metadatas: {},
|
2685
|
-
options: {},
|
2686
|
-
settings: DEFAULT_SETTINGS
|
2687
|
-
},
|
2688
|
-
[data, isLoading, schemas, schema, components]
|
2689
|
-
);
|
2690
|
-
const listLayout = React__namespace.useMemo(() => {
|
2691
|
-
return data && !isLoading ? formatListLayout(data, { schemas, schema, components }) : {
|
2692
|
-
layout: [],
|
2693
|
-
metadatas: {},
|
2694
|
-
options: {},
|
2695
|
-
settings: DEFAULT_SETTINGS
|
2696
|
-
};
|
2697
|
-
}, [data, isLoading, schemas, schema, components]);
|
2698
|
-
const { layout: edit } = React__namespace.useMemo(
|
2699
|
-
() => runHookWaterfall(HOOKS.MUTATE_EDIT_VIEW_LAYOUT, {
|
2700
|
-
layout: editLayout,
|
2701
|
-
query
|
2702
|
-
}),
|
2703
|
-
[editLayout, query, runHookWaterfall]
|
2704
|
-
);
|
2705
|
-
return {
|
2706
|
-
error,
|
2707
|
-
isLoading,
|
2708
|
-
edit,
|
2709
|
-
list: listLayout
|
2710
|
-
};
|
2711
|
-
};
|
2712
|
-
const useDocLayout = () => {
|
2713
|
-
const { model } = useDoc();
|
2714
|
-
return useDocumentLayout(model);
|
2715
|
-
};
|
2716
|
-
const formatEditLayout = (data, {
|
2717
|
-
schemas,
|
2718
|
-
schema,
|
2719
|
-
components
|
2720
|
-
}) => {
|
2721
|
-
let currentPanelIndex = 0;
|
2722
|
-
const panelledEditAttributes = convertEditLayoutToFieldLayouts(
|
2723
|
-
data.contentType.layouts.edit,
|
2724
|
-
schema?.attributes,
|
2725
|
-
data.contentType.metadatas,
|
2726
|
-
{ configurations: data.components, schemas: components },
|
2727
|
-
schemas
|
2728
|
-
).reduce((panels, row) => {
|
2729
|
-
if (row.some((field) => field.type === "dynamiczone")) {
|
2730
|
-
panels.push([row]);
|
2731
|
-
currentPanelIndex += 2;
|
2732
|
-
} else {
|
2733
|
-
if (!panels[currentPanelIndex]) {
|
2734
|
-
panels.push([]);
|
2735
|
-
}
|
2736
|
-
panels[currentPanelIndex].push(row);
|
2737
|
-
}
|
2738
|
-
return panels;
|
2739
|
-
}, []);
|
2740
|
-
const componentEditAttributes = Object.entries(data.components).reduce(
|
2741
|
-
(acc, [uid, configuration]) => {
|
2742
|
-
acc[uid] = {
|
2743
|
-
layout: convertEditLayoutToFieldLayouts(
|
2744
|
-
configuration.layouts.edit,
|
2745
|
-
components[uid].attributes,
|
2746
|
-
configuration.metadatas
|
2747
|
-
),
|
2748
|
-
settings: {
|
2749
|
-
...configuration.settings,
|
2750
|
-
icon: components[uid].info.icon,
|
2751
|
-
displayName: components[uid].info.displayName
|
2752
|
-
}
|
2753
|
-
};
|
2754
|
-
return acc;
|
2755
|
-
},
|
2756
|
-
{}
|
2757
|
-
);
|
2758
|
-
const editMetadatas = Object.entries(data.contentType.metadatas).reduce(
|
2759
|
-
(acc, [attribute, metadata]) => {
|
2760
|
-
return {
|
2761
|
-
...acc,
|
2762
|
-
[attribute]: metadata.edit
|
2763
|
-
};
|
2764
|
-
},
|
2765
|
-
{}
|
2766
|
-
);
|
2767
|
-
return {
|
2768
|
-
layout: panelledEditAttributes,
|
2769
|
-
components: componentEditAttributes,
|
2770
|
-
metadatas: editMetadatas,
|
2771
|
-
settings: {
|
2772
|
-
...data.contentType.settings,
|
2773
|
-
displayName: schema?.info.displayName
|
2774
|
-
},
|
2775
|
-
options: {
|
2776
|
-
...schema?.options,
|
2777
|
-
...schema?.pluginOptions,
|
2778
|
-
...data.contentType.options
|
2779
|
-
}
|
2780
|
-
};
|
2781
|
-
};
|
2782
|
-
const convertEditLayoutToFieldLayouts = (rows, attributes = {}, metadatas, components, schemas = []) => {
|
2783
|
-
return rows.map(
|
2784
|
-
(row) => row.map((field) => {
|
2785
|
-
const attribute = attributes[field.name];
|
2786
|
-
if (!attribute) {
|
2787
|
-
return null;
|
2788
|
-
}
|
2789
|
-
const { edit: metadata } = metadatas[field.name];
|
2790
|
-
const settings = attribute.type === "component" && components ? components.configurations[attribute.component].settings : {};
|
2791
|
-
return {
|
2792
|
-
attribute,
|
2793
|
-
disabled: !metadata.editable,
|
2794
|
-
hint: metadata.description,
|
2795
|
-
label: metadata.label ?? "",
|
2796
|
-
name: field.name,
|
2797
|
-
// @ts-expect-error – mainField does exist on the metadata for a relation.
|
2798
|
-
mainField: getMainField(attribute, metadata.mainField || settings.mainField, {
|
2799
|
-
schemas,
|
2800
|
-
components: components?.schemas ?? {}
|
2801
|
-
}),
|
2802
|
-
placeholder: metadata.placeholder ?? "",
|
2803
|
-
required: attribute.required ?? false,
|
2804
|
-
size: field.size,
|
2805
|
-
unique: "unique" in attribute ? attribute.unique : false,
|
2806
|
-
visible: metadata.visible ?? true,
|
2807
|
-
type: attribute.type
|
2808
|
-
};
|
2809
|
-
}).filter((field) => field !== null)
|
2810
|
-
);
|
2811
|
-
};
|
2812
|
-
const formatListLayout = (data, {
|
2813
|
-
schemas,
|
2814
|
-
schema,
|
2815
|
-
components
|
2816
|
-
}) => {
|
2817
|
-
const listMetadatas = Object.entries(data.contentType.metadatas).reduce(
|
2818
|
-
(acc, [attribute, metadata]) => {
|
2819
|
-
return {
|
2820
|
-
...acc,
|
2821
|
-
[attribute]: metadata.list
|
2822
|
-
};
|
2823
|
-
},
|
2824
|
-
{}
|
2825
|
-
);
|
2826
|
-
const listAttributes = convertListLayoutToFieldLayouts(
|
2827
|
-
data.contentType.layouts.list,
|
2828
|
-
schema?.attributes,
|
2829
|
-
listMetadatas,
|
2830
|
-
{ configurations: data.components, schemas: components },
|
2831
|
-
schemas
|
2832
|
-
);
|
2833
|
-
return {
|
2834
|
-
layout: listAttributes,
|
2835
|
-
settings: { ...data.contentType.settings, displayName: schema?.info.displayName },
|
2836
|
-
metadatas: listMetadatas,
|
2837
|
-
options: {
|
2838
|
-
...schema?.options,
|
2839
|
-
...schema?.pluginOptions,
|
2840
|
-
...data.contentType.options
|
2841
|
-
}
|
2842
|
-
};
|
2843
|
-
};
|
2844
|
-
const convertListLayoutToFieldLayouts = (columns, attributes = {}, metadatas, components, schemas = []) => {
|
2845
|
-
return columns.map((name) => {
|
2846
|
-
const attribute = attributes[name];
|
2847
|
-
if (!attribute) {
|
2848
|
-
return null;
|
2849
|
-
}
|
2850
|
-
const metadata = metadatas[name];
|
2851
|
-
const settings = attribute.type === "component" && components ? components.configurations[attribute.component].settings : {};
|
2852
|
-
return {
|
2853
|
-
attribute,
|
2854
|
-
label: metadata.label ?? "",
|
2855
|
-
mainField: getMainField(attribute, metadata.mainField || settings.mainField, {
|
2856
|
-
schemas,
|
2857
|
-
components: components?.schemas ?? {}
|
2858
|
-
}),
|
2859
|
-
name,
|
2860
|
-
searchable: metadata.searchable ?? true,
|
2861
|
-
sortable: metadata.sortable ?? true
|
2862
|
-
};
|
2863
|
-
}).filter((field) => field !== null);
|
2864
|
-
};
|
2865
3051
|
const ConfirmBulkActionDialog = ({
|
2866
3052
|
onToggleDialog,
|
2867
3053
|
isOpen = false,
|
@@ -2900,6 +3086,7 @@ const ConfirmDialogPublishAll = ({
|
|
2900
3086
|
const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler(getTranslation);
|
2901
3087
|
const { model, schema } = useDoc();
|
2902
3088
|
const [{ query }] = strapiAdmin.useQueryParams();
|
3089
|
+
const enableDraftRelationsCount = false;
|
2903
3090
|
const {
|
2904
3091
|
data: countDraftRelations = 0,
|
2905
3092
|
isLoading,
|
@@ -2911,7 +3098,7 @@ const ConfirmDialogPublishAll = ({
|
|
2911
3098
|
locale: query?.plugins?.i18n?.locale
|
2912
3099
|
},
|
2913
3100
|
{
|
2914
|
-
skip:
|
3101
|
+
skip: !enableDraftRelationsCount
|
2915
3102
|
}
|
2916
3103
|
);
|
2917
3104
|
React__namespace.useEffect(() => {
|
@@ -3096,7 +3283,7 @@ const SelectedEntriesTableContent = ({
|
|
3096
3283
|
status: row.status
|
3097
3284
|
}
|
3098
3285
|
) }),
|
3099
|
-
/* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
3286
|
+
/* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
3100
3287
|
designSystem.IconButton,
|
3101
3288
|
{
|
3102
3289
|
tag: reactRouterDom.Link,
|
@@ -3119,9 +3306,10 @@ const SelectedEntriesTableContent = ({
|
|
3119
3306
|
),
|
3120
3307
|
target: "_blank",
|
3121
3308
|
marginLeft: "auto",
|
3122
|
-
|
3309
|
+
variant: "ghost",
|
3310
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Pencil, { width: "1.6rem", height: "1.6rem" })
|
3123
3311
|
}
|
3124
|
-
) })
|
3312
|
+
) }) })
|
3125
3313
|
] }, row.id)) })
|
3126
3314
|
] });
|
3127
3315
|
};
|
@@ -3158,7 +3346,13 @@ const SelectedEntriesModalContent = ({
|
|
3158
3346
|
);
|
3159
3347
|
const { rows, validationErrors } = React__namespace.useMemo(() => {
|
3160
3348
|
if (data.length > 0 && schema) {
|
3161
|
-
const validate = createYupSchema(
|
3349
|
+
const validate = createYupSchema(
|
3350
|
+
schema.attributes,
|
3351
|
+
components,
|
3352
|
+
// Since this is the "Publish" action, the validation
|
3353
|
+
// schema must enforce the rules for published entities
|
3354
|
+
{ status: "published" }
|
3355
|
+
);
|
3162
3356
|
const validationErrors2 = {};
|
3163
3357
|
const rows2 = data.map((entry) => {
|
3164
3358
|
try {
|
@@ -3508,7 +3702,7 @@ const TableActions = ({ document }) => {
|
|
3508
3702
|
strapiAdmin.DescriptionComponentRenderer,
|
3509
3703
|
{
|
3510
3704
|
props,
|
3511
|
-
descriptions: plugins["content-manager"].apis.getDocumentActions(),
|
3705
|
+
descriptions: plugins["content-manager"].apis.getDocumentActions().filter((action) => action.name !== "PublishAction"),
|
3512
3706
|
children: (actions2) => {
|
3513
3707
|
const tableRowActions = actions2.filter((action) => {
|
3514
3708
|
const positions = Array.isArray(action.position) ? action.position : [action.position];
|
@@ -3619,7 +3813,7 @@ const CloneAction = ({ model, documentId }) => {
|
|
3619
3813
|
}),
|
3620
3814
|
content: /* @__PURE__ */ jsxRuntime.jsx(AutoCloneFailureModalBody, { prohibitedFields }),
|
3621
3815
|
footer: ({ onClose }) => {
|
3622
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.
|
3816
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Footer, { children: [
|
3623
3817
|
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: onClose, variant: "tertiary", children: formatMessage({
|
3624
3818
|
id: "cancel",
|
3625
3819
|
defaultMessage: "Cancel"
|
@@ -3850,7 +4044,7 @@ const index = {
|
|
3850
4044
|
app.router.addRoute({
|
3851
4045
|
path: "content-manager/*",
|
3852
4046
|
lazy: async () => {
|
3853
|
-
const { Layout } = await Promise.resolve().then(() => require("./layout-
|
4047
|
+
const { Layout } = await Promise.resolve().then(() => require("./layout-B4aCAdTt.js"));
|
3854
4048
|
return {
|
3855
4049
|
Component: Layout
|
3856
4050
|
};
|
@@ -3867,7 +4061,7 @@ const index = {
|
|
3867
4061
|
async registerTrads({ locales }) {
|
3868
4062
|
const importedTrads = await Promise.all(
|
3869
4063
|
locales.map((locale) => {
|
3870
|
-
return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ar.json": () => Promise.resolve().then(() => require("./ar-BUUWXIYu.js")), "./translations/ca.json": () => Promise.resolve().then(() => require("./ca-Cmk45QO6.js")), "./translations/cs.json": () => Promise.resolve().then(() => require("./cs-CkJy6B2v.js")), "./translations/de.json": () => Promise.resolve().then(() => require("./de-CCEmbAah.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-
|
4064
|
+
return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ar.json": () => Promise.resolve().then(() => require("./ar-BUUWXIYu.js")), "./translations/ca.json": () => Promise.resolve().then(() => require("./ca-Cmk45QO6.js")), "./translations/cs.json": () => Promise.resolve().then(() => require("./cs-CkJy6B2v.js")), "./translations/de.json": () => Promise.resolve().then(() => require("./de-CCEmbAah.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-Bm0D0IWz.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-EUonQTon.js")), "./translations/eu.json": () => Promise.resolve().then(() => require("./eu-VDH-3ovk.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-B7kGGg3E.js")), "./translations/gu.json": () => Promise.resolve().then(() => require("./gu-BRmF601H.js")), "./translations/hi.json": () => Promise.resolve().then(() => require("./hi-CCJBptSq.js")), "./translations/hu.json": () => Promise.resolve().then(() => require("./hu-sNV_yLYy.js")), "./translations/id.json": () => Promise.resolve().then(() => require("./id-B5Ser98A.js")), "./translations/it.json": () => Promise.resolve().then(() => require("./it-DkBIs7vD.js")), "./translations/ja.json": () => Promise.resolve().then(() => require("./ja-CcFe8diO.js")), "./translations/ko.json": () => Promise.resolve().then(() => require("./ko-woFZPmLk.js")), "./translations/ml.json": () => Promise.resolve().then(() => require("./ml-C2W8N8k1.js")), "./translations/ms.json": () => Promise.resolve().then(() => require("./ms-BuFotyP_.js")), "./translations/nl.json": () => Promise.resolve().then(() => require("./nl-bbEOHChV.js")), "./translations/pl.json": () => Promise.resolve().then(() => require("./pl-uzwG-hk7.js")), "./translations/pt-BR.json": () => Promise.resolve().then(() => require("./pt-BR-BiOz37D9.js")), "./translations/pt.json": () => Promise.resolve().then(() => require("./pt-CeXQuq50.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-BT3ybNny.js")), "./translations/sa.json": () => Promise.resolve().then(() => require("./sa-CcvkYInH.js")), "./translations/sk.json": () => Promise.resolve().then(() => require("./sk-CvY09Xjv.js")), "./translations/sv.json": () => Promise.resolve().then(() => require("./sv-MYDuzgvT.js")), "./translations/th.json": () => Promise.resolve().then(() => require("./th-D9_GfAjc.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-D9UH-O_R.js")), "./translations/uk.json": () => Promise.resolve().then(() => require("./uk-C8EiqJY7.js")), "./translations/vi.json": () => Promise.resolve().then(() => require("./vi-CJlYDheJ.js")), "./translations/zh-Hans.json": () => Promise.resolve().then(() => require("./zh-Hans-9kOncHGw.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-CQQfszqR.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
|
3871
4065
|
return {
|
3872
4066
|
data: prefixPluginTranslations(data, PLUGIN_ID),
|
3873
4067
|
locale
|
@@ -3885,6 +4079,7 @@ const index = {
|
|
3885
4079
|
};
|
3886
4080
|
exports.ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD = ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD;
|
3887
4081
|
exports.BulkActionsRenderer = BulkActionsRenderer;
|
4082
|
+
exports.CLONE_PATH = CLONE_PATH;
|
3888
4083
|
exports.COLLECTION_TYPES = COLLECTION_TYPES;
|
3889
4084
|
exports.CREATOR_FIELDS = CREATOR_FIELDS;
|
3890
4085
|
exports.DEFAULT_SETTINGS = DEFAULT_SETTINGS;
|
@@ -3912,6 +4107,7 @@ exports.getMainField = getMainField;
|
|
3912
4107
|
exports.getTranslation = getTranslation;
|
3913
4108
|
exports.index = index;
|
3914
4109
|
exports.setInitialData = setInitialData;
|
4110
|
+
exports.useContentManagerContext = useContentManagerContext;
|
3915
4111
|
exports.useContentTypeSchema = useContentTypeSchema;
|
3916
4112
|
exports.useDoc = useDoc;
|
3917
4113
|
exports.useDocLayout = useDocLayout;
|
@@ -3924,4 +4120,4 @@ exports.useGetAllDocumentsQuery = useGetAllDocumentsQuery;
|
|
3924
4120
|
exports.useGetContentTypeConfigurationQuery = useGetContentTypeConfigurationQuery;
|
3925
4121
|
exports.useGetInitialDataQuery = useGetInitialDataQuery;
|
3926
4122
|
exports.useUpdateContentTypeConfigurationMutation = useUpdateContentTypeConfigurationMutation;
|
3927
|
-
//# sourceMappingURL=index-
|
4123
|
+
//# sourceMappingURL=index-BsMu2oVP.js.map
|