@strapi/content-manager 5.11.1 → 5.12.0-beta.0

package/dist/admin/chunks/{index-SQ88CePz.js → index-BA_JLxKS.js}

@@ -119,102 +119,6 @@ const DOCUMENT_META_FIELDS = [
 const SINGLE_TYPES = 'single-types';
 const COLLECTION_TYPES = 'collection-types';
 
-const [DocumentRBACProvider, useDocumentRBAC] = strapiAdmin.createContext('DocumentRBAC', {
-    canCreate: false,
-    canCreateFields: [],
-    canDelete: false,
-    canPublish: false,
-    canRead: false,
-    canReadFields: [],
-    canUpdate: false,
-    canUpdateFields: [],
-    canUserAction: ()=>false,
-    isLoading: false
-});
-/**
- * @internal This component is not meant to be used outside of the Content Manager plugin.
- * It depends on knowing the slug/model of the content-type using the params of the URL.
- * If you do use the hook outside of the context, we default to `false` for all actions.
- *
- * It then creates an list of `can{Action}` that are passed to the context for consumption
- * within the app to enforce RBAC.
- */ const DocumentRBAC = ({ children, permissions })=>{
-    const { slug } = reactRouterDom.useParams();
-    if (!slug) {
-        throw new Error('Cannot find the slug param in the URL');
-    }
-    const [{ rawQuery }] = strapiAdmin.useQueryParams();
-    const userPermissions = strapiAdmin.useAuth('DocumentRBAC', (state)=>state.permissions);
-    const contentTypePermissions = React__namespace.useMemo(()=>{
-        const contentTypePermissions = userPermissions.filter((permission)=>permission.subject === slug);
-        return contentTypePermissions.reduce((acc, permission)=>{
-            const [action] = permission.action.split('.').slice(-1);
-            return {
-                ...acc,
-                [action]: [
-                    permission
-                ]
-            };
-        }, {});
-    }, [
-        slug,
-        userPermissions
-    ]);
-    const { isLoading, allowedActions } = strapiAdmin.useRBAC(contentTypePermissions, permissions ?? undefined, // TODO: useRBAC context should be typed and built differently
-    // We are passing raw query as context to the hook so that it can
-    // rely on the locale provided from DocumentRBAC for its permission calculations.
-    rawQuery);
-    const canCreateFields = !isLoading && allowedActions.canCreate ? extractAndDedupeFields(contentTypePermissions.create) : [];
-    const canReadFields = !isLoading && allowedActions.canRead ? extractAndDedupeFields(contentTypePermissions.read) : [];
-    const canUpdateFields = !isLoading && allowedActions.canUpdate ? extractAndDedupeFields(contentTypePermissions.update) : [];
-    /**
-   * @description Checks if the user can perform an action on a field based on the field names
-   * provided as the second argument.
-   */ const canUserAction = React__namespace.useCallback((fieldName, fieldsUserCanAction, fieldType)=>{
-        const name = removeNumericalStrings(fieldName.split('.'));
-        const componentFieldNames = fieldsUserCanAction// filter out fields that aren't components (components are dot separated)
-        .filter((field)=>field.split('.').length > 1);
-        if (fieldType === 'component') {
-            // check if the field name is within any of those arrays
-            return componentFieldNames.some((field)=>{
-                return field.includes(name.join('.'));
-            });
-        }
-        /**
-       * The field is within a component.
-       */ if (name.length > 1) {
-            return componentFieldNames.includes(name.join('.'));
-        }
-        /**
-       * just a regular field
-       */ return fieldsUserCanAction.includes(fieldName);
-    }, []);
-    if (isLoading) {
-        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
-    }
-    return /*#__PURE__*/ jsxRuntime.jsx(DocumentRBACProvider, {
-        isLoading: isLoading,
-        canCreateFields: canCreateFields,
-        canReadFields: canReadFields,
-        canUpdateFields: canUpdateFields,
-        canUserAction: canUserAction,
-        ...allowedActions,
-        children: children
-    });
-};
-/**
- * @internal it's really small, but it's used three times in a row and DRY for something this straight forward.
- */ const extractAndDedupeFields = (permissions = [])=>permissions.flatMap((permission)=>permission.properties?.fields).filter((field, index, arr)=>arr.indexOf(field) === index && typeof field === 'string');
-/**
- * @internal removes numerical strings from arrays.
- * @example
- * ```ts
- * const name = 'a.0.b';
- * const res = removeNumericalStrings(name.split('.'));
- * console.log(res); // ['a', 'b']
- * ```
- */ const removeNumericalStrings = (arr)=>arr.filter((item)=>isNaN(Number(item)));
-
 const BLOCK_LIST_ATTRIBUTE_KEYS = [
     '__component',
     '__temp_key__'
@@ -1698,6 +1602,144 @@ const checkIfAttributeIsDisplayable = (attribute)=>{
     };
 };
 
+const [DocumentProvider, useDocumentContext] = strapiAdmin.createContext('DocumentContext');
+/**
+ * TODO: Document in contributor docs, Add unit test
+ *
+ * This context provider and its associated hook are used to access a document at its root level
+ * and expose a function to change the current document being viewed to one of the root level docuemnt's relations.
+ *
+ * The useDocumentContext hook exposes:
+ * - meta: information about the currentDocument,
+ * - document: the actual document,
+ * - changeDocument: a function to change the current document to one of its relations.
+ * - rootDocumentMeta: information about the root level document (current page)
+ */ const DocumentContextProvider = ({ children, initialDocument, onPreview })=>{
+    /**
+   * Initialize with the "root" document and expose a setter method to change to
+   * one of the root level document's relations.
+   */ const [currentDocumentMeta, changeDocument] = React__namespace.useState(initialDocument);
+    const params = React__namespace.useMemo(()=>buildValidParams(currentDocumentMeta.params ?? {}), [
+        currentDocumentMeta.params
+    ]);
+    const document = useDocument({
+        ...currentDocumentMeta,
+        params
+    });
+    const [documentHistory, setDocumentHistory] = React__namespace.useState([]);
+    return /*#__PURE__*/ jsxRuntime.jsx(DocumentProvider, {
+        changeDocument: changeDocument,
+        document: document,
+        rootDocumentMeta: {
+            documentId: initialDocument.documentId,
+            model: initialDocument.model,
+            collectionType: initialDocument.collectionType
+        },
+        meta: currentDocumentMeta,
+        documentHistory: documentHistory,
+        setDocumentHistory: setDocumentHistory,
+        onPreview: onPreview,
+        children: children
+    });
+};
+
+const [DocumentRBACProvider, useDocumentRBAC] = strapiAdmin.createContext('DocumentRBAC', {
+    canCreate: false,
+    canCreateFields: [],
+    canDelete: false,
+    canPublish: false,
+    canRead: false,
+    canReadFields: [],
+    canUpdate: false,
+    canUpdateFields: [],
+    canUserAction: ()=>false,
+    isLoading: false
+});
+/**
+ * @internal This component is not meant to be used outside of the Content Manager plugin.
+ * It depends on knowing the slug/model of the content-type using the params of the URL or the model if it is passed as arg.
+ * If you do use the hook outside of the context, we default to `false` for all actions.
+ *
+ * It then creates an list of `can{Action}` that are passed to the context for consumption
+ * within the app to enforce RBAC.
+ */ const DocumentRBAC = ({ children, permissions, model })=>{
+    const { slug } = reactRouterDom.useParams();
+    if (!slug && !model) {
+        throw new Error('Cannot find the slug param in the URL or the model prop is not provided.');
+    }
+    const contentTypeUid = model ?? slug;
+    const [{ rawQuery }] = strapiAdmin.useQueryParams();
+    const userPermissions = strapiAdmin.useAuth('DocumentRBAC', (state)=>state.permissions);
+    const contentTypePermissions = React__namespace.useMemo(()=>{
+        const contentTypePermissions = userPermissions.filter((permission)=>permission.subject === contentTypeUid);
+        return contentTypePermissions.reduce((acc, permission)=>{
+            const [action] = permission.action.split('.').slice(-1);
+            return {
+                ...acc,
+                [action]: [
+                    permission
+                ]
+            };
+        }, {});
+    }, [
+        contentTypeUid,
+        userPermissions
+    ]);
+    const { isLoading, allowedActions } = strapiAdmin.useRBAC(contentTypePermissions, permissions ?? undefined, // TODO: useRBAC context should be typed and built differently
+    // We are passing raw query as context to the hook so that it can
+    // rely on the locale provided from DocumentRBAC for its permission calculations.
+    rawQuery);
+    const canCreateFields = !isLoading && allowedActions.canCreate ? extractAndDedupeFields(contentTypePermissions.create) : [];
+    const canReadFields = !isLoading && allowedActions.canRead ? extractAndDedupeFields(contentTypePermissions.read) : [];
+    const canUpdateFields = !isLoading && allowedActions.canUpdate ? extractAndDedupeFields(contentTypePermissions.update) : [];
+    /**
+   * @description Checks if the user can perform an action on a field based on the field names
+   * provided as the second argument.
+   */ const canUserAction = React__namespace.useCallback((fieldName, fieldsUserCanAction, fieldType)=>{
+        const name = removeNumericalStrings(fieldName.split('.'));
+        const componentFieldNames = fieldsUserCanAction// filter out fields that aren't components (components are dot separated)
+        .filter((field)=>field.split('.').length > 1);
+        if (fieldType === 'component') {
+            // check if the field name is within any of those arrays
+            return componentFieldNames.some((field)=>{
+                return field.includes(name.join('.'));
+            });
+        }
+        /**
+       * The field is within a component.
+       */ if (name.length > 1) {
+            return componentFieldNames.includes(name.join('.'));
+        }
+        /**
+       * just a regular field
+       */ return fieldsUserCanAction.includes(fieldName);
+    }, []);
+    if (isLoading) {
+        return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(DocumentRBACProvider, {
+        isLoading: isLoading,
+        canCreateFields: canCreateFields,
+        canReadFields: canReadFields,
+        canUpdateFields: canUpdateFields,
+        canUserAction: canUserAction,
+        ...allowedActions,
+        children: children
+    });
+};
+/**
+ * @internal it's really small, but it's used three times in a row and DRY for something this straight forward.
+ */ const extractAndDedupeFields = (permissions = [])=>permissions.flatMap((permission)=>permission.properties?.fields).filter((field, index, arr)=>arr.indexOf(field) === index && typeof field === 'string');
+/**
+ * @internal removes numerical strings from arrays.
+ * @example
+ * ```ts
+ * const name = 'a.0.b';
+ * const res = removeNumericalStrings(name.split('.'));
+ * console.log(res); // ['a', 'b']
+ * ```
+ */ const removeNumericalStrings = (arr)=>arr.filter((item)=>isNaN(Number(item)));
+
 const prefixPluginTranslations = (trad, pluginId)=>{
     return Object.keys(trad).reduce((acc, current)=>{
         acc[`${pluginId}.${current}`] = trad[current];
@@ -2263,7 +2305,7 @@ const DEFAULT_UNEXPECTED_ERROR_MSG = {
     };
 };
 
-const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./History-C-_o7tz8.js'); }).then((mod)=>({
+const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./History-Crvb_hzd.js'); }).then((mod)=>({
             default: mod.ProtectedHistoryPage
         })));
 /**
@@ -2279,7 +2321,7 @@ const ProtectedHistoryPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.res
     }
 ];
 
-const ProtectedPreviewPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./Preview-B6ThL2SA.js'); }).then((mod)=>({
+const ProtectedPreviewPage = /*#__PURE__*/ React__namespace.lazy(()=>Promise.resolve().then(function () { return require('./Preview-CCjSV5Iu.js'); }).then((mod)=>({
             default: mod.ProtectedPreviewPage
         })));
 const routes$1 = [
@@ -2293,25 +2335,25 @@ const routes$1 = [
     }
 ];
 
-const ProtectedEditViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditViewPage-DpvonssD.js'); }).then((mod)=>({
+const ProtectedEditViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditViewPage-Cf_TPJZd.js'); }).then((mod)=>({
             default: mod.ProtectedEditViewPage
         })));
-const ProtectedListViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListViewPage-DNvysJaJ.js'); }).then((mod)=>({
+const ProtectedListViewPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListViewPage-nJJ227Fo.js'); }).then((mod)=>({
             default: mod.ProtectedListViewPage
         })));
-const ProtectedListConfiguration = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListConfigurationPage-D66hgG4-.js'); }).then((mod)=>({
+const ProtectedListConfiguration = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ListConfigurationPage-DlQ2pLyr.js'); }).then((mod)=>({
             default: mod.ProtectedListConfiguration
         })));
-const ProtectedEditConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditConfigurationPage-yliOxLUv.js'); }).then((mod)=>({
+const ProtectedEditConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./EditConfigurationPage-CbAhYSyH.js'); }).then((mod)=>({
             default: mod.ProtectedEditConfigurationPage
         })));
-const ProtectedComponentConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ComponentConfigurationPage-BGBNQxFJ.js'); }).then((mod)=>({
+const ProtectedComponentConfigurationPage = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./ComponentConfigurationPage-CBvwLnAK.js'); }).then((mod)=>({
             default: mod.ProtectedComponentConfigurationPage
         })));
-const NoPermissions = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoPermissionsPage-C9sDJXRu.js'); }).then((mod)=>({
+const NoPermissions = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoPermissionsPage-BeMTv_SG.js'); }).then((mod)=>({
             default: mod.NoPermissions
         })));
-const NoContentType = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoContentTypePage-C5qFFfgn.js'); }).then((mod)=>({
+const NoContentType = /*#__PURE__*/ React.lazy(()=>Promise.resolve().then(function () { return require('./NoContentTypePage-Cxt-uFq7.js'); }).then((mod)=>({
             default: mod.NoContentType
         })));
 const CollectionTypePages = ()=>{
@@ -2699,7 +2741,7 @@ const transformData = (data)=>{
 /* -------------------------------------------------------------------------------------------------
  * DocumentActionComponents
  * -----------------------------------------------------------------------------------------------*/ const PublishAction$1 = ({ activeTab, documentId, model, collectionType, meta, document, onPreview })=>{
-    const { schema } = useDoc();
+    const schema = useDocumentContext('PublishAction', (state)=>state.document.schema);
     const navigate = reactRouterDom.useNavigate();
     const { toggleNotification } = strapiAdmin.useNotification();
     const { _unstableFormatValidationErrors: formatValidationErrors } = strapiAdmin.useAPIErrorHandler();
@@ -2722,6 +2764,8 @@ const transformData = (data)=>{
     const validate = strapiAdmin.useForm('PublishAction', (state)=>state.validate);
     const setErrors = strapiAdmin.useForm('PublishAction', (state)=>state.setErrors);
     const formValues = strapiAdmin.useForm('PublishAction', ({ values })=>values);
+    const rootDocumentMeta = useDocumentContext('PublishAction', (state)=>state.rootDocumentMeta);
+    const currentDocumentMeta = useDocumentContext('PublishAction', (state)=>state.meta);
     React__namespace.useEffect(()=>{
         if (isErrorDraftRelations) {
             toggleNotification({
@@ -2824,11 +2868,12 @@ const transformData = (data)=>{
                 });
                 return;
             }
+            const isPublishingRelation = rootDocumentMeta.documentId !== currentDocumentMeta.documentId;
             const res = await publish({
                 collectionType,
                 model,
                 documentId,
-                params
+                params: isPublishingRelation ? currentDocumentMeta.params : params
             }, transformData(formValues));
             if ('data' in res && collectionType !== SINGLE_TYPES) {
                 /**
@@ -2858,7 +2903,8 @@ const transformData = (data)=>{
         loading: isLoading,
         position: [
             'panel',
-            'preview'
+            'preview',
+            'relation-modal'
         ],
         /**
      * Disabled when:
@@ -2899,7 +2945,8 @@ const transformData = (data)=>{
 PublishAction$1.type = 'publish';
 PublishAction$1.position = [
     'panel',
-    'preview'
+    'preview',
+    'relation-modal'
 ];
 const UpdateAction = ({ activeTab, documentId, model, collectionType, onPreview })=>{
     const navigate = reactRouterDom.useNavigate();
@@ -2920,6 +2967,8 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType, onPreview
     const validate = strapiAdmin.useForm('UpdateAction', (state)=>state.validate);
     const setErrors = strapiAdmin.useForm('UpdateAction', (state)=>state.setErrors);
     const resetForm = strapiAdmin.useForm('PublishAction', ({ resetForm })=>resetForm);
+    const rootDocumentMeta = useDocumentContext('UpdateAction', (state)=>state.rootDocumentMeta);
+    const currentDocumentMeta = useDocumentContext('UpdateAction', (state)=>state.meta);
     const handleUpdate = React__namespace.useCallback(async ()=>{
         setSubmitting(true);
         try {
@@ -2956,11 +3005,12 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType, onPreview
                     setErrors(formatValidationErrors(res.error));
                 }
             } else if (documentId || collectionType === SINGLE_TYPES) {
+                const isEditingRelation = rootDocumentMeta.documentId !== currentDocumentMeta.documentId;
                 const res = await update({
                     collectionType,
                     model,
                     documentId,
-                    params
+                    params: isEditingRelation ? currentDocumentMeta.params : params
                 }, transformData(document));
                 if ('error' in res && isBaseQueryError(res.error) && res.error.name === 'ValidationError') {
                     setErrors(formatValidationErrors(res.error));
@@ -3042,14 +3092,16 @@ const UpdateAction = ({ activeTab, documentId, model, collectionType, onPreview
         onClick: handleUpdate,
         position: [
             'panel',
-            'preview'
+            'preview',
+            'relation-modal'
         ]
     };
 };
 UpdateAction.type = 'update';
 UpdateAction.position = [
     'panel',
-    'preview'
+    'preview',
+    'relation-modal'
 ];
 const UNPUBLISH_DRAFT_OPTIONS = {
     KEEP: 'keep',
@@ -3342,12 +3394,11 @@ const capitalise = (str)=>str.charAt(0).toUpperCase() + str.slice(1);
         size: size,
         variant: statusVariant,
         role: "status",
-        "aria-labelledby": "document-status",
+        "aria-label": status,
         children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
             tag: "span",
             variant: "omega",
             fontWeight: "bold",
-            id: "document-status",
             children: formatMessage({
                 id: `content-manager.containers.List.${status}`,
                 defaultMessage: capitalise(status)
@@ -5326,7 +5377,7 @@ function __variableDynamicImportRuntime1__(path) {
     case './translations/ca.json': return Promise.resolve().then(function () { return require('./ca-ClDTvatJ.js'); });
     case './translations/cs.json': return Promise.resolve().then(function () { return require('./cs-BJFxwIWj.js'); });
     case './translations/de.json': return Promise.resolve().then(function () { return require('./de-CbImAUA5.js'); });
-    case './translations/en.json': return Promise.resolve().then(function () { return require('./en-CLf4SuMQ.js'); });
+    case './translations/en.json': return Promise.resolve().then(function () { return require('./en-G976DLsg.js'); });
     case './translations/es.json': return Promise.resolve().then(function () { return require('./es-C8vLuvZL.js'); });
     case './translations/eu.json': return Promise.resolve().then(function () { return require('./eu-BJW3AvXu.js'); });
     case './translations/fr.json': return Promise.resolve().then(function () { return require('./fr-gQSilC7w.js'); });
@@ -5380,7 +5431,7 @@ var index = {
         app.router.addRoute({
             path: 'content-manager/*',
             lazy: async ()=>{
-                const { Layout } = await Promise.resolve().then(function () { return require('./layout-xxDnIsHG.js'); });
+                const { Layout } = await Promise.resolve().then(function () { return require('./layout-C510xcd6.js'); });
                 return {
                     Component: Layout
                 };
@@ -5422,6 +5473,7 @@ exports.COLLECTION_TYPES = COLLECTION_TYPES;
 exports.CREATOR_FIELDS = CREATOR_FIELDS;
 exports.DEFAULT_SETTINGS = DEFAULT_SETTINGS;
 exports.DocumentActionButton = DocumentActionButton;
+exports.DocumentContextProvider = DocumentContextProvider;
 exports.DocumentRBAC = DocumentRBAC;
 exports.DocumentStatus = DocumentStatus;
 exports.HOOKS = HOOKS;
@@ -5455,6 +5507,7 @@ exports.useDoc = useDoc;
 exports.useDocLayout = useDocLayout;
 exports.useDocument = useDocument;
 exports.useDocumentActions = useDocumentActions;
+exports.useDocumentContext = useDocumentContext;
 exports.useDocumentLayout = useDocumentLayout;
 exports.useDocumentRBAC = useDocumentRBAC;
 exports.useGetAllContentTypeSettingsQuery = useGetAllContentTypeSettingsQuery;
@@ -5462,5 +5515,6 @@ exports.useGetAllDocumentsQuery = useGetAllDocumentsQuery;
 exports.useGetContentTypeConfigurationQuery = useGetContentTypeConfigurationQuery;
 exports.useGetInitialDataQuery = useGetInitialDataQuery;
 exports.useGetPreviewUrlQuery = useGetPreviewUrlQuery;
+exports.useLazyGetDocumentQuery = useLazyGetDocumentQuery;
 exports.useUpdateContentTypeConfigurationMutation = useUpdateContentTypeConfigurationMutation;
-//# sourceMappingURL=index-SQ88CePz.js.map
+//# sourceMappingURL=index-BA_JLxKS.js.map