@strapi/content-manager 5.0.0-rc.1 → 5.0.0-rc.10

package/dist/_chunks/{index-JSJrqmB9.mjs → index-CS6TpAQJ.mjs}

@@ -3,9 +3,9 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useStrapiApp, createContext, useAuth, useRBAC, Page, adminApi, translatedErrors, useNotification, useAPIErrorHandler, getYupValidationErrors, useQueryParams, useTracking, useForm, BackButton, DescriptionComponentRenderer, useTable, Table } from "@strapi/admin/strapi-admin";
 import * as React from "react";
 import { lazy } from "react";
-import { Button, Menu, VisuallyHidden, Flex, Box, Typography, Dialog, Modal, Radio, Status, SingleSelect, SingleSelectOption, Loader, IconButton, Tooltip, LinkButton } from "@strapi/design-system";
+import { Menu, Button, VisuallyHidden, Flex, Typography, Dialog, Modal, Radio, Status, Box, SingleSelect, SingleSelectOption, Loader, IconButton, Tooltip, LinkButton } from "@strapi/design-system";
 import { useIntl } from "react-intl";
-import { useParams, Navigate, useNavigate, useMatch, useLocation, Link, NavLink } from "react-router-dom";
+import { useParams, useNavigate, Navigate, useMatch, useLocation, Link, NavLink } from "react-router-dom";
 import { styled } from "styled-components";
 import * as yup from "yup";
 import { ValidationError } from "yup";
@@ -158,7 +158,8 @@ const contentManagerApi = adminApi.enhanceEndpoints({
     "Document",
     "InitialData",
     "HistoryVersion",
-    "Relations"
+    "Relations",
+    "UidAvailability"
   ]
 });
 const documentApi = contentManagerApi.injectEndpoints({
@@ -172,7 +173,12 @@ const documentApi = contentManagerApi.injectEndpoints({
           params: query
         }
       }),
-      invalidatesTags: (_result, _error, { model }) => [{ type: "Document", id: `${model}_LIST` }]
+      invalidatesTags: (_result, error, { model }) => {
+        if (error) {
+          return [];
+        }
+        return [{ type: "Document", id: `${model}_LIST` }];
+      }
     }),
     cloneDocument: builder.mutation({
       query: ({ model, sourceId, data, params }) => ({
@@ -183,7 +189,10 @@ const documentApi = contentManagerApi.injectEndpoints({
           params
         }
       }),
-      invalidatesTags: (_result, _error, { model }) => [{ type: "Document", id: `${model}_LIST` }]
+      invalidatesTags: (_result, _error, { model }) => [
+        { type: "Document", id: `${model}_LIST` },
+        { type: "UidAvailability", id: model }
+      ]
     }),
     /**
      * Creates a new collection-type document. This should ONLY be used for collection-types.
@@ -200,7 +209,8 @@ const documentApi = contentManagerApi.injectEndpoints({
       }),
       invalidatesTags: (result, _error, { model }) => [
         { type: "Document", id: `${model}_LIST` },
-        "Relations"
+        "Relations",
+        { type: "UidAvailability", id: model }
       ]
     }),
     deleteDocument: builder.mutation({
@@ -241,7 +251,8 @@ const documentApi = contentManagerApi.injectEndpoints({
             id: collectionType !== SINGLE_TYPES ? `${model}_${documentId}` : model
           },
           { type: "Document", id: `${model}_LIST` },
-          "Relations"
+          "Relations",
+          { type: "UidAvailability", id: model }
         ];
       }
     }),
@@ -259,6 +270,7 @@ const documentApi = contentManagerApi.injectEndpoints({
       }),
       providesTags: (result, _error, arg) => {
         return [
+          { type: "Document", id: `ALL_LIST` },
           { type: "Document", id: `${arg.model}_LIST` },
           ...result?.results.map(({ documentId }) => ({
             type: "Document",
@@ -297,6 +309,11 @@ const documentApi = contentManagerApi.injectEndpoints({
           {
             type: "Document",
             id: collectionType !== SINGLE_TYPES ? `${model}_${result && "documentId" in result ? result.documentId : documentId}` : model
+          },
+          // Make it easy to invalidate all individual documents queries for a model
+          {
+            type: "Document",
+            id: `${model}_ALL_ITEMS`
           }
         ];
       }
@@ -360,8 +377,21 @@ const documentApi = contentManagerApi.injectEndpoints({
             type: "Document",
             id: collectionType !== SINGLE_TYPES ? `${model}_${documentId}` : model
           },
-          "Relations"
+          "Relations",
+          { type: "UidAvailability", id: model }
         ];
+      },
+      async onQueryStarted({ data, ...patch }, { dispatch, queryFulfilled }) {
+        const patchResult = dispatch(
+          documentApi.util.updateQueryData("getDocument", patch, (draft) => {
+            Object.assign(draft.data, data);
+          })
+        );
+        try {
+          await queryFulfilled;
+        } catch {
+          patchResult.undo();
+        }
       }
     }),
     unpublishDocument: builder.mutation({
@@ -431,7 +461,7 @@ const buildValidParams = (query) => {
 const isBaseQueryError = (error) => {
   return error.name !== void 0;
 };
-const createYupSchema = (attributes = {}, components = {}) => {
+const createYupSchema = (attributes = {}, components = {}, options = { status: null }) => {
   const createModelSchema = (attributes2) => yup.object().shape(
     Object.entries(attributes2).reduce((acc, [name, attribute]) => {
       if (DOCUMENT_META_FIELDS.includes(name)) {
@@ -444,7 +474,7 @@ const createYupSchema = (attributes = {}, components = {}) => {
         addMinValidation,
         addMaxValidation,
         addRegexValidation
-      ].map((fn) => fn(attribute));
+      ].map((fn) => fn(attribute, options));
       const transformSchema = pipe(...validations);
       switch (attribute.type) {
         case "component": {
@@ -545,6 +575,14 @@ const createAttributeSchema = (attribute) => {
         if (!value || typeof value === "string" && value.length === 0) {
           return true;
         }
+        if (typeof value === "object") {
+          try {
+            JSON.stringify(value);
+            return true;
+          } catch (err) {
+            return false;
+          }
+        }
         try {
           JSON.parse(value);
           return true;
@@ -563,13 +601,7 @@ const createAttributeSchema = (attribute) => {
       return yup.mixed();
   }
 };
-const addRequiredValidation = (attribute) => (schema) => {
-  if ((attribute.type === "component" && attribute.repeatable || attribute.type === "dynamiczone") && attribute.required && "min" in schema) {
-    return schema.min(1, translatedErrors.required);
-  }
-  if (attribute.required && attribute.type !== "relation") {
-    return schema.required(translatedErrors.required);
-  }
+const nullableSchema = (schema) => {
   return schema?.nullable ? schema.nullable() : (
     // In some cases '.nullable' will not be available on the schema.
     // e.g. when the schema has been built using yup.lazy (e.g. for relations).
@@ -577,7 +609,22 @@ const addRequiredValidation = (attribute) => (schema) => {
     schema
   );
 };
-const addMinLengthValidation = (attribute) => (schema) => {
+const addRequiredValidation = (attribute, options) => (schema) => {
+  if (options.status === "draft") {
+    return nullableSchema(schema);
+  }
+  if ((attribute.type === "component" && attribute.repeatable || attribute.type === "dynamiczone") && attribute.required && "min" in schema) {
+    return schema.min(1, translatedErrors.required);
+  }
+  if (attribute.required && attribute.type !== "relation") {
+    return schema.required(translatedErrors.required);
+  }
+  return nullableSchema(schema);
+};
+const addMinLengthValidation = (attribute, options) => (schema) => {
+  if (options.status === "draft") {
+    return schema;
+  }
   if ("minLength" in attribute && attribute.minLength && Number.isInteger(attribute.minLength) && "min" in schema) {
     return schema.min(attribute.minLength, {
       ...translatedErrors.minLength,
@@ -599,11 +646,11 @@ const addMaxLengthValidation = (attribute) => (schema) => {
   }
   return schema;
 };
-const addMinValidation = (attribute) => (schema) => {
+const addMinValidation = (attribute, options) => (schema) => {
   if ("min" in attribute) {
     const min = toInteger(attribute.min);
     if (attribute.type === "component" && attribute.repeatable || attribute.type === "dynamiczone") {
-      if (!attribute.required && "test" in schema && min) {
+      if (options.status !== "draft" && !attribute.required && "test" in schema && min) {
         return schema.test(
           "custom-min",
           {
@@ -839,6 +886,7 @@ const useDocumentActions = () => {
   const { formatMessage } = useIntl();
   const { trackUsage } = useTracking();
   const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+  const navigate = useNavigate();
   const [deleteDocument] = useDeleteDocumentMutation();
   const _delete = React.useCallback(
     async ({ collectionType, model, documentId, params }, trackerProperty) => {
@@ -1174,7 +1222,6 @@ const useDocumentActions = () => {
           sourceId
         });
         if ("error" in res) {
-          toggleNotification({ type: "danger", message: formatAPIError(res.error) });
           return { error: res.error };
         }
         toggleNotification({
@@ -1193,7 +1240,7 @@ const useDocumentActions = () => {
         throw err;
       }
     },
-    [autoCloneDocument, formatAPIError, formatMessage, toggleNotification]
+    [autoCloneDocument, formatMessage, toggleNotification]
   );
   const [cloneDocument] = useCloneDocumentMutation();
   const clone = React.useCallback(
@@ -1219,6 +1266,7 @@ const useDocumentActions = () => {
             defaultMessage: "Cloned document"
           })
         });
+        navigate(`../../${res.data.data.documentId}`, { relative: "path" });
         return res.data;
       } catch (err) {
         toggleNotification({
@@ -1229,7 +1277,7 @@ const useDocumentActions = () => {
         throw err;
       }
     },
-    [cloneDocument, trackUsage, toggleNotification, formatMessage, formatAPIError]
+    [cloneDocument, trackUsage, toggleNotification, formatMessage, formatAPIError, navigate]
   );
   const [getDoc] = useLazyGetDocumentQuery();
   const getDocument = React.useCallback(
@@ -1255,7 +1303,7 @@ const useDocumentActions = () => {
   };
 };
 const ProtectedHistoryPage = lazy(
-  () => import("./History-rvLnluF0.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
+  () => import("./History-KY23tw1N.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
 const routes$1 = [
   {
@@ -1268,31 +1316,31 @@ const routes$1 = [
   }
 ];
 const ProtectedEditViewPage = lazy(
-  () => import("./EditViewPage-BqDlT9w0.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => import("./EditViewPage-Ymi21g_V.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = lazy(
-  () => import("./ListViewPage-B8cPO1bK.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => import("./ListViewPage-CjkCjT3z.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = lazy(
-  () => import("./ListConfigurationPage-DdKfJRdq.mjs").then((mod) => ({
+  () => import("./ListConfigurationPage-BrwfEo-f.mjs").then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = lazy(
-  () => import("./EditConfigurationPage-CuCAsHWR.mjs").then((mod) => ({
+  () => import("./EditConfigurationPage-D2DPoQ3j.mjs").then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = lazy(
-  () => import("./ComponentConfigurationPage-DLuACgva.mjs").then((mod) => ({
+  () => import("./ComponentConfigurationPage-C1B5XNIM.mjs").then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = lazy(
-  () => import("./NoPermissionsPage-mlXqh8p6.mjs").then((mod) => ({ default: mod.NoPermissions }))
+  () => import("./NoPermissionsPage-gwaMeI0N.mjs").then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = lazy(
-  () => import("./NoContentTypePage-CVqYTeML.mjs").then((mod) => ({ default: mod.NoContentType }))
+  () => import("./NoContentTypePage-C8XPPlCu.mjs").then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = useParams();
@@ -1406,12 +1454,14 @@ const DocumentActionButton = (action) => {
     /* @__PURE__ */ jsx(
       Button,
       {
-        flex: 1,
+        flex: "auto",
         startIcon: action.icon,
         disabled: action.disabled,
         onClick: handleClick(action),
         justifyContent: "center",
         variant: action.variant || "default",
+        paddingTop: "7px",
+        paddingBottom: "7px",
         children: action.label
       }
     ),
@@ -1471,14 +1521,14 @@ const DocumentActionsMenu = ({
   };
   return /* @__PURE__ */ jsxs(Menu.Root, { open: isOpen, onOpenChange: setIsOpen, children: [
     /* @__PURE__ */ jsxs(
-      Menu.Trigger,
+      StyledMoreButton,
       {
         disabled: isDisabled,
         size: "S",
         endIcon: null,
-        paddingTop: "7px",
-        paddingLeft: "9px",
-        paddingRight: "9px",
+        paddingTop: "4px",
+        paddingLeft: "7px",
+        paddingRight: "7px",
         variant,
         children: [
           /* @__PURE__ */ jsx(More, { "aria-hidden": true, focusable: false }),
@@ -1498,10 +1548,25 @@ const DocumentActionsMenu = ({
             onSelect: handleClick(action),
             display: "block",
             children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", gap: 4, children: [
-              /* @__PURE__ */ jsxs(Flex, { color: convertActionVariantToColor(action.variant), gap: 2, tag: "span", children: [
-                /* @__PURE__ */ jsx(Box, { tag: "span", color: convertActionVariantToIconColor(action.variant), children: action.icon }),
-                action.label
-              ] }),
+              /* @__PURE__ */ jsxs(
+                Flex,
+                {
+                  color: !action.disabled ? convertActionVariantToColor(action.variant) : "inherit",
+                  gap: 2,
+                  tag: "span",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Flex,
+                      {
+                        tag: "span",
+                        color: !action.disabled ? convertActionVariantToIconColor(action.variant) : "inherit",
+                        children: action.icon
+                      }
+                    ),
+                    action.label
+                  ]
+                }
+              ),
               action.id.startsWith("HistoryAction") && /* @__PURE__ */ jsx(
                 Flex,
                 {
@@ -1572,6 +1637,11 @@ const convertActionVariantToIconColor = (variant = "secondary") => {
       return "primary600";
   }
 };
+const StyledMoreButton = styled(Menu.Trigger)`
+  & > span {
+    display: flex;
+  }
+`;
 const DocumentActionConfirmDialog = ({
   onClose,
   onCancel,
@@ -1625,8 +1695,8 @@ const DocumentActionModal = ({
   };
   return /* @__PURE__ */ jsx(Modal.Root, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(Modal.Content, { children: [
     /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Title, { children: title }) }),
-    /* @__PURE__ */ jsx(Modal.Body, { children: typeof Content === "function" ? /* @__PURE__ */ jsx(Content, { onClose: handleClose }) : Content }),
-    /* @__PURE__ */ jsx(Modal.Footer, { children: typeof Footer === "function" ? /* @__PURE__ */ jsx(Footer, { onClose: handleClose }) : Footer })
+    typeof Content === "function" ? /* @__PURE__ */ jsx(Content, { onClose: handleClose }) : /* @__PURE__ */ jsx(Modal.Body, { children: Content }),
+    typeof Footer === "function" ? /* @__PURE__ */ jsx(Footer, { onClose: handleClose }) : Footer
   ] }) });
 };
 const PublishAction$1 = ({
@@ -1643,10 +1713,7 @@ const PublishAction$1 = ({
   const { _unstableFormatValidationErrors: formatValidationErrors } = useAPIErrorHandler();
   const isCloning = useMatch(CLONE_PATH) !== null;
   const { formatMessage } = useIntl();
-  const { canPublish, canCreate, canUpdate } = useDocumentRBAC(
-    "PublishAction",
-    ({ canPublish: canPublish2, canCreate: canCreate2, canUpdate: canUpdate2 }) => ({ canPublish: canPublish2, canCreate: canCreate2, canUpdate: canUpdate2 })
-  );
+  const canPublish = useDocumentRBAC("PublishAction", ({ canPublish: canPublish2 }) => canPublish2);
   const { publish } = useDocumentActions();
   const [
     countDraftRelations,
@@ -1766,10 +1833,8 @@ const PublishAction$1 = ({
      *  - the document is already published & not modified
      *  - the document is being created & not modified
      *  - the user doesn't have the permission to publish
-     *  - the user doesn't have the permission to create a new document
-     *  - the user doesn't have the permission to update the document
      */
-    disabled: isCloning || isSubmitting || isLoadingDraftRelations || activeTab === "published" || !modified && isDocumentPublished || !modified && !document?.documentId || !canPublish || Boolean(!document?.documentId && !canCreate || document?.documentId && !canUpdate),
+    disabled: isCloning || isSubmitting || isLoadingDraftRelations || activeTab === "published" || !modified && isDocumentPublished || !modified && !document?.documentId || !canPublish,
     label: formatMessage({
       id: "app.utils.publish",
       defaultMessage: "Publish"
@@ -1816,10 +1881,6 @@ const UpdateAction = ({
   const cloneMatch = useMatch(CLONE_PATH);
   const isCloning = cloneMatch !== null;
   const { formatMessage } = useIntl();
-  const { canCreate, canUpdate } = useDocumentRBAC("UpdateAction", ({ canCreate: canCreate2, canUpdate: canUpdate2 }) => ({
-    canCreate: canCreate2,
-    canUpdate: canUpdate2
-  }));
   const { create, update, clone } = useDocumentActions();
   const [{ query, rawQuery }] = useQueryParams();
   const params = React.useMemo(() => buildValidParams(query), [query]);
@@ -1836,10 +1897,8 @@ const UpdateAction = ({
      * - the form is submitting
      * - the document is not modified & we're not cloning (you can save a clone entity straight away)
      * - the active tab is the published tab
-     * - the user doesn't have the permission to create a new document
-     * - the user doesn't have the permission to update the document
      */
-    disabled: isSubmitting || !modified && !isCloning || activeTab === "published" || Boolean(!documentId && !canCreate || documentId && !canUpdate),
+    disabled: isSubmitting || !modified && !isCloning || activeTab === "published",
     label: formatMessage({
       id: "content-manager.containers.Edit.save",
       defaultMessage: "Save"
@@ -1847,16 +1906,18 @@ const UpdateAction = ({
     onClick: async () => {
       setSubmitting(true);
       try {
-        const { errors } = await validate();
-        if (errors) {
-          toggleNotification({
-            type: "danger",
-            message: formatMessage({
-              id: "content-manager.validation.error",
-              defaultMessage: "There are validation errors in your document. Please fix them before saving."
-            })
-          });
-          return;
+        if (activeTab !== "draft") {
+          const { errors } = await validate();
+          if (errors) {
+            toggleNotification({
+              type: "danger",
+              message: formatMessage({
+                id: "content-manager.validation.error",
+                defaultMessage: "There are validation errors in your document. Please fix them before saving."
+              })
+            });
+            return;
+          }
         }
         if (isCloning) {
           const res = await clone(
@@ -3140,7 +3201,13 @@ const SelectedEntriesModalContent = ({
   );
   const { rows, validationErrors } = React.useMemo(() => {
     if (data.length > 0 && schema) {
-      const validate = createYupSchema(schema.attributes, components);
+      const validate = createYupSchema(
+        schema.attributes,
+        components,
+        // Since this is the "Publish" action, the validation
+        // schema must enforce the rules for published entities
+        { status: "published" }
+      );
       const validationErrors2 = {};
       const rows2 = data.map((entry) => {
         try {
@@ -3490,7 +3557,7 @@ const TableActions = ({ document }) => {
     DescriptionComponentRenderer,
     {
       props,
-      descriptions: plugins["content-manager"].apis.getDocumentActions(),
+      descriptions: plugins["content-manager"].apis.getDocumentActions().filter((action) => action.name !== "PublishAction"),
       children: (actions2) => {
         const tableRowActions = actions2.filter((action) => {
           const positions = Array.isArray(action.position) ? action.position : [action.position];
@@ -3601,7 +3668,7 @@ const CloneAction = ({ model, documentId }) => {
       }),
       content: /* @__PURE__ */ jsx(AutoCloneFailureModalBody, { prohibitedFields }),
       footer: ({ onClose }) => {
-        return /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
+        return /* @__PURE__ */ jsxs(Modal.Footer, { children: [
           /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "tertiary", children: formatMessage({
             id: "cancel",
             defaultMessage: "Cancel"
@@ -3832,7 +3899,7 @@ const index = {
     app.router.addRoute({
       path: "content-manager/*",
       lazy: async () => {
-        const { Layout } = await import("./layout-Dewoec1b.mjs");
+        const { Layout } = await import("./layout-2aGdWAdb.mjs");
         return {
           Component: Layout
         };
@@ -3870,13 +3937,14 @@ export {
   BulkActionsRenderer as B,
   COLLECTION_TYPES as C,
   DocumentStatus as D,
-  DEFAULT_SETTINGS as E,
-  convertEditLayoutToFieldLayouts as F,
-  useDocument as G,
+  extractContentTypeComponents as E,
+  DEFAULT_SETTINGS as F,
+  convertEditLayoutToFieldLayouts as G,
   HOOKS as H,
   InjectionZone as I,
-  index as J,
-  useDocumentActions as K,
+  useDocument as J,
+  index as K,
+  useDocumentActions as L,
   Panels as P,
   RelativeTime as R,
   SINGLE_TYPES as S,
@@ -3894,18 +3962,18 @@ export {
   PERMISSIONS as k,
   DocumentRBAC as l,
   DOCUMENT_META_FIELDS as m,
-  useDocLayout as n,
-  useGetContentTypeConfigurationQuery as o,
-  CREATOR_FIELDS as p,
-  getMainField as q,
-  getDisplayName as r,
+  CLONE_PATH as n,
+  useDocLayout as o,
+  useGetContentTypeConfigurationQuery as p,
+  CREATOR_FIELDS as q,
+  getMainField as r,
   setInitialData as s,
-  checkIfAttributeIsDisplayable as t,
+  getDisplayName as t,
   useContentTypeSchema as u,
-  useGetAllDocumentsQuery as v,
-  convertListLayoutToFieldLayouts as w,
-  capitalise as x,
-  useUpdateContentTypeConfigurationMutation as y,
-  extractContentTypeComponents as z
+  checkIfAttributeIsDisplayable as v,
+  useGetAllDocumentsQuery as w,
+  convertListLayoutToFieldLayouts as x,
+  capitalise as y,
+  useUpdateContentTypeConfigurationMutation as z
 };
-//# sourceMappingURL=index-JSJrqmB9.mjs.map
+//# sourceMappingURL=index-CS6TpAQJ.mjs.map