@strapi/content-manager 0.0.0-experimental.f31889311d753b5f7d95198ae84d8fce1d156cd6 → 0.0.0-experimental.f6c00790e260ea5a9b6b86abac5fea02b05d569c

package/dist/_chunks/{index-Dd0nXyJF.js → index-DXiHxy70.js}

@@ -6,10 +6,10 @@ const React = require("react");
 const designSystem = require("@strapi/design-system");
 const reactIntl = require("react-intl");
 const reactRouterDom = require("react-router-dom");
-const styledComponents = require("styled-components");
 const yup = require("yup");
 const pipe = require("lodash/fp/pipe");
 const dateFns = require("date-fns");
+const styledComponents = require("styled-components");
 const qs = require("qs");
 const toolkit = require("@reduxjs/toolkit");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -179,7 +179,8 @@ const contentManagerApi = strapiAdmin.adminApi.enhanceEndpoints({
     "Document",
     "InitialData",
     "HistoryVersion",
-    "Relations"
+    "Relations",
+    "UidAvailability"
   ]
 });
 const documentApi = contentManagerApi.injectEndpoints({
@@ -209,7 +210,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.
@@ -226,7 +230,8 @@ const documentApi = contentManagerApi.injectEndpoints({
       }),
       invalidatesTags: (result, _error, { model }) => [
         { type: "Document", id: `${model}_LIST` },
-        "Relations"
+        "Relations",
+        { type: "UidAvailability", id: model }
       ]
     }),
     deleteDocument: builder.mutation({
@@ -267,7 +272,8 @@ const documentApi = contentManagerApi.injectEndpoints({
             id: collectionType !== SINGLE_TYPES ? `${model}_${documentId}` : model
           },
           { type: "Document", id: `${model}_LIST` },
-          "Relations"
+          "Relations",
+          { type: "UidAvailability", id: model }
         ];
       }
     }),
@@ -324,6 +330,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`
           }
         ];
       }
@@ -387,7 +398,8 @@ 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 }) {
@@ -470,7 +482,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__namespace.object().shape(
     Object.entries(attributes2).reduce((acc, [name, attribute]) => {
       if (DOCUMENT_META_FIELDS.includes(name)) {
@@ -483,7 +495,7 @@ const createYupSchema = (attributes = {}, components = {}) => {
         addMinValidation,
         addMaxValidation,
         addRegexValidation
-      ].map((fn) => fn(attribute));
+      ].map((fn) => fn(attribute, options));
       const transformSchema = pipe__default.default(...validations);
       switch (attribute.type) {
         case "component": {
@@ -584,6 +596,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;
@@ -602,13 +622,7 @@ const createAttributeSchema = (attribute) => {
       return yup__namespace.mixed();
   }
 };
-const addRequiredValidation = (attribute) => (schema) => {
-  if ((attribute.type === "component" && attribute.repeatable || attribute.type === "dynamiczone") && attribute.required && "min" in schema) {
-    return schema.min(1, strapiAdmin.translatedErrors.required);
-  }
-  if (attribute.required && attribute.type !== "relation") {
-    return schema.required(strapiAdmin.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).
@@ -616,7 +630,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, strapiAdmin.translatedErrors.required);
+  }
+  if (attribute.required && attribute.type !== "relation") {
+    return schema.required(strapiAdmin.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, {
       ...strapiAdmin.translatedErrors.minLength,
@@ -638,11 +667,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",
           {
@@ -878,6 +907,7 @@ const useDocumentActions = () => {
   const { formatMessage } = reactIntl.useIntl();
   const { trackUsage } = strapiAdmin.useTracking();
   const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
+  const navigate = reactRouterDom.useNavigate();
   const [deleteDocument] = useDeleteDocumentMutation();
   const _delete = React__namespace.useCallback(
     async ({ collectionType, model, documentId, params }, trackerProperty) => {
@@ -1231,7 +1261,7 @@ const useDocumentActions = () => {
         throw err;
       }
     },
-    [autoCloneDocument, formatAPIError, formatMessage, toggleNotification]
+    [autoCloneDocument, formatMessage, toggleNotification]
   );
   const [cloneDocument] = useCloneDocumentMutation();
   const clone = React__namespace.useCallback(
@@ -1257,6 +1287,7 @@ const useDocumentActions = () => {
             defaultMessage: "Cloned document"
           })
         });
+        navigate(`../../${res.data.data.documentId}`, { relative: "path" });
         return res.data;
       } catch (err) {
         toggleNotification({
@@ -1267,7 +1298,7 @@ const useDocumentActions = () => {
         throw err;
       }
     },
-    [cloneDocument, trackUsage, toggleNotification, formatMessage, formatAPIError]
+    [cloneDocument, trackUsage, toggleNotification, formatMessage, formatAPIError, navigate]
   );
   const [getDoc] = useLazyGetDocumentQuery();
   const getDocument = React__namespace.useCallback(
@@ -1293,7 +1324,7 @@ const useDocumentActions = () => {
   };
 };
 const ProtectedHistoryPage = React.lazy(
-  () => Promise.resolve().then(() => require("./History-C9auUkDi.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
+  () => Promise.resolve().then(() => require("./History-DXSbTWez.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
 const routes$1 = [
   {
@@ -1306,31 +1337,31 @@ const routes$1 = [
   }
 ];
 const ProtectedEditViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditViewPage-CXkmnAvI.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => Promise.resolve().then(() => require("./EditViewPage-CHgoNwlc.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ListViewPage-C2gIeYHG.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => Promise.resolve().then(() => require("./ListViewPage-DfuwH1tt.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = React.lazy(
-  () => Promise.resolve().then(() => require("./ListConfigurationPage-Bg4rWUjX.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ListConfigurationPage-D5C7ACZ_.js")).then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditConfigurationPage-D340bYlT.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./EditConfigurationPage-B2AA1kVF.js")).then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-BNxtMIfV.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-G4EIirP8.js")).then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = React.lazy(
-  () => Promise.resolve().then(() => require("./NoPermissionsPage-CF29Q-sW.js")).then((mod) => ({ default: mod.NoPermissions }))
+  () => Promise.resolve().then(() => require("./NoPermissionsPage-Bu4GWYb-.js")).then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = React.lazy(
-  () => Promise.resolve().then(() => require("./NoContentTypePage-DqgdUfyn.js")).then((mod) => ({ default: mod.NoContentType }))
+  () => Promise.resolve().then(() => require("./NoContentTypePage-BIxlkWWi.js")).then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = reactRouterDom.useParams();
@@ -1444,12 +1475,14 @@ const DocumentActionButton = (action) => {
     /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.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
       }
     ),
@@ -1527,7 +1560,7 @@ const DocumentActionsMenu = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Menu.Content, { top: "4px", maxHeight: void 0, popoverPlacement: "bottom-end", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Menu.Content, { maxHeight: void 0, popoverPlacement: "bottom-end", children: [
       actions2.map((action) => {
         return /* @__PURE__ */ jsxRuntime.jsx(
           designSystem.Menu.Item,
@@ -1543,7 +1576,14 @@ const DocumentActionsMenu = ({
                   gap: 2,
                   tag: "span",
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: action.icon }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.Flex,
+                      {
+                        tag: "span",
+                        color: !action.disabled ? convertActionVariantToIconColor(action.variant) : "inherit",
+                        children: action.icon
+                      }
+                    ),
                     action.label
                   ]
                 }
@@ -1606,6 +1646,18 @@ const convertActionVariantToColor = (variant = "secondary") => {
       return "primary600";
   }
 };
+const convertActionVariantToIconColor = (variant = "secondary") => {
+  switch (variant) {
+    case "danger":
+      return "danger600";
+    case "secondary":
+      return "neutral500";
+    case "success":
+      return "success600";
+    default:
+      return "primary600";
+  }
+};
 const DocumentActionConfirmDialog = ({
   onClose,
   onCancel,
@@ -1632,11 +1684,11 @@ const DocumentActionConfirmDialog = ({
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: title }),
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Body, { children: content }),
     /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Footer, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", children: formatMessage({
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", fullWidth: true, children: formatMessage({
         id: "app.components.Button.cancel",
         defaultMessage: "Cancel"
       }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleConfirm, variant, children: formatMessage({
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleConfirm, variant, fullWidth: true, children: formatMessage({
         id: "app.components.Button.confirm",
         defaultMessage: "Confirm"
       }) })
@@ -1675,12 +1727,10 @@ const PublishAction$1 = ({
   const navigate = reactRouterDom.useNavigate();
   const { toggleNotification } = strapiAdmin.useNotification();
   const { _unstableFormatValidationErrors: formatValidationErrors } = strapiAdmin.useAPIErrorHandler();
+  const isListView = reactRouterDom.useMatch(LIST_PATH) !== null;
   const isCloning = reactRouterDom.useMatch(CLONE_PATH) !== null;
   const { formatMessage } = reactIntl.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,
@@ -1732,24 +1782,25 @@ const PublishAction$1 = ({
     }
   }, [documentId, modified, formValues, setLocalCountOfDraftRelations]);
   React__namespace.useEffect(() => {
-    if (documentId) {
-      const fetchDraftRelationsCount = async () => {
-        const { data, error } = await countDraftRelations({
-          collectionType,
-          model,
-          documentId,
-          params
-        });
-        if (error) {
-          throw error;
-        }
-        if (data) {
-          setServerCountOfDraftRelations(data.data);
-        }
-      };
-      fetchDraftRelationsCount();
+    if (!document || !document.documentId || isListView) {
+      return;
     }
-  }, [documentId, countDraftRelations, collectionType, model, params]);
+    const fetchDraftRelationsCount = async () => {
+      const { data, error } = await countDraftRelations({
+        collectionType,
+        model,
+        documentId,
+        params
+      });
+      if (error) {
+        throw error;
+      }
+      if (data) {
+        setServerCountOfDraftRelations(data.data);
+      }
+    };
+    fetchDraftRelationsCount();
+  }, [isListView, document, documentId, countDraftRelations, collectionType, model, params]);
   const isDocumentPublished = (document?.[PUBLISHED_AT_ATTRIBUTE_NAME] || meta?.availableStatus.some((doc) => doc[PUBLISHED_AT_ATTRIBUTE_NAME] !== null)) && document?.status !== "modified";
   if (!schema?.options?.draftAndPublish) {
     return null;
@@ -1790,7 +1841,8 @@ const PublishAction$1 = ({
     }
   };
   const totalDraftRelations = localCountOfDraftRelations + serverCountOfDraftRelations;
-  const hasDraftRelations = totalDraftRelations > 0;
+  const enableDraftRelationsCount = false;
+  const hasDraftRelations = enableDraftRelationsCount;
   return {
     /**
      * Disabled when:
@@ -1807,9 +1859,6 @@ const PublishAction$1 = ({
       defaultMessage: "Publish"
     }),
     onClick: async () => {
-      if (hasDraftRelations) {
-        return;
-      }
       await performPublish();
     },
     dialog: hasDraftRelations ? {
@@ -1848,10 +1897,6 @@ const UpdateAction = ({
   const cloneMatch = reactRouterDom.useMatch(CLONE_PATH);
   const isCloning = cloneMatch !== null;
   const { formatMessage } = reactIntl.useIntl();
-  useDocumentRBAC("UpdateAction", ({ canCreate: canCreate2, canUpdate: canUpdate2 }) => ({
-    canCreate: canCreate2,
-    canUpdate: canUpdate2
-  }));
   const { create, update, clone } = useDocumentActions();
   const [{ query, rawQuery }] = strapiAdmin.useQueryParams();
   const params = React__namespace.useMemo(() => buildValidParams(query), [query]);
@@ -1877,16 +1922,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(
@@ -1982,7 +2029,7 @@ const UnpublishAction$1 = ({
       id: "app.utils.unpublish",
       defaultMessage: "Unpublish"
     }),
-    icon: /* @__PURE__ */ jsxRuntime.jsx(StyledCrossCircle, {}),
+    icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Cross, {}),
     onClick: async () => {
       if (!documentId && collectionType !== SINGLE_TYPES || isDocumentModified) {
         if (!documentId) {
@@ -2094,7 +2141,7 @@ const DiscardAction = ({
       id: "content-manager.actions.discard.label",
       defaultMessage: "Discard changes"
     }),
-    icon: /* @__PURE__ */ jsxRuntime.jsx(StyledCrossCircle, {}),
+    icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Cross, {}),
     position: ["panel", "table-row"],
     variant: "danger",
     dialog: {
@@ -2122,11 +2169,6 @@ const DiscardAction = ({
   };
 };
 DiscardAction.type = "discard";
-const StyledCrossCircle = styledComponents.styled(Icons.CrossCircle)`
-  path {
-    fill: currentColor;
-  }
-`;
 const DEFAULT_ACTIONS = [PublishAction$1, UpdateAction, UnpublishAction$1, DiscardAction];
 const intervals = ["years", "months", "days", "hours", "minutes", "seconds"];
 const RelativeTime = React__namespace.forwardRef(
@@ -2174,7 +2216,7 @@ const getDisplayName = ({
 };
 const capitalise = (str) => str.charAt(0).toUpperCase() + str.slice(1);
 const DocumentStatus = ({ status = "draft", ...restProps }) => {
-  const statusVariant = status === "draft" ? "primary" : status === "published" ? "success" : "alternative";
+  const statusVariant = status === "draft" ? "secondary" : status === "published" ? "success" : "alternative";
   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) }) });
 };
 const Header = ({ isCreating, status, title: documentTitle = "Untitled" }) => {
@@ -2357,8 +2399,22 @@ const Information = ({ activeTab }) => {
   );
 };
 const HeaderActions = ({ actions: actions2 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: actions2.map((action) => {
-    if ("options" in action) {
+  const [dialogId, setDialogId] = React__namespace.useState(null);
+  const handleClick = (action) => async (e) => {
+    if (!("options" in action)) {
+      const { onClick = () => false, dialog, id } = action;
+      const muteDialog = await onClick(e);
+      if (dialog && !muteDialog) {
+        e.preventDefault();
+        setDialogId(id);
+      }
+    }
+  };
+  const handleClose = () => {
+    setDialogId(null);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 1, children: actions2.map((action) => {
+    if (action.options) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         designSystem.SingleSelect,
         {
@@ -2372,10 +2428,49 @@ const HeaderActions = ({ actions: actions2 }) => {
         action.id
       );
     } else {
-      return null;
+      if (action.type === "icon") {
+        return /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.IconButton,
+            {
+              disabled: action.disabled,
+              label: action.label,
+              size: "S",
+              onClick: handleClick(action),
+              children: action.icon
+            }
+          ),
+          action.dialog ? /* @__PURE__ */ jsxRuntime.jsx(
+            HeaderActionDialog,
+            {
+              ...action.dialog,
+              isOpen: dialogId === action.id,
+              onClose: handleClose
+            }
+          ) : null
+        ] }, action.id);
+      }
     }
   }) });
 };
+const HeaderActionDialog = ({
+  onClose,
+  onCancel,
+  title,
+  content: Content,
+  isOpen
+}) => {
+  const handleClose = async () => {
+    if (onCancel) {
+      await onCancel();
+    }
+    onClose();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: title }),
+    typeof Content === "function" ? /* @__PURE__ */ jsxRuntime.jsx(Content, { onClose: handleClose }) : Content
+  ] }) });
+};
 const ConfigureTheViewAction = ({ collectionType, model }) => {
   const navigate = reactRouterDom.useNavigate();
   const { formatMessage } = reactIntl.useIntl();
@@ -2511,7 +2606,7 @@ const ActionsPanel = () => {
   return {
     title: formatMessage({
       id: "content-manager.containers.edit.panels.default.title",
-      defaultMessage: "Document"
+      defaultMessage: "Entry"
     }),
     content: /* @__PURE__ */ jsxRuntime.jsx(ActionsPanelContent, {})
   };
@@ -2755,7 +2850,8 @@ const formatEditLayout = (data, {
         layout: convertEditLayoutToFieldLayouts(
           configuration.layouts.edit,
           components[uid].attributes,
-          configuration.metadatas
+          configuration.metadatas,
+          { configurations: data.components, schemas: components }
         ),
         settings: {
           ...configuration.settings,
@@ -2912,6 +3008,7 @@ const ConfirmDialogPublishAll = ({
   const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler(getTranslation);
   const { model, schema } = useDoc();
   const [{ query }] = strapiAdmin.useQueryParams();
+  const enableDraftRelationsCount = false;
   const {
     data: countDraftRelations = 0,
     isLoading,
@@ -2923,7 +3020,7 @@ const ConfirmDialogPublishAll = ({
       locale: query?.plugins?.i18n?.locale
     },
     {
-      skip: selectedEntries.length === 0
+      skip: !enableDraftRelationsCount
     }
   );
   React__namespace.useEffect(() => {
@@ -3108,7 +3205,7 @@ const SelectedEntriesTableContent = ({
           status: row.status
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(
         designSystem.IconButton,
         {
           tag: reactRouterDom.Link,
@@ -3131,9 +3228,10 @@ const SelectedEntriesTableContent = ({
           ),
           target: "_blank",
           marginLeft: "auto",
-          children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Pencil, {})
+          variant: "ghost",
+          children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Pencil, { width: "1.6rem", height: "1.6rem" })
         }
-      ) })
+      ) }) })
     ] }, row.id)) })
   ] });
 };
@@ -3170,7 +3268,13 @@ const SelectedEntriesModalContent = ({
   );
   const { rows, validationErrors } = React__namespace.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 {
@@ -3520,7 +3624,7 @@ const TableActions = ({ document }) => {
     strapiAdmin.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];
@@ -3631,7 +3735,7 @@ const CloneAction = ({ model, documentId }) => {
       }),
       content: /* @__PURE__ */ jsxRuntime.jsx(AutoCloneFailureModalBody, { prohibitedFields }),
       footer: ({ onClose }) => {
-        return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", children: [
+        return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Footer, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: onClose, variant: "tertiary", children: formatMessage({
             id: "cancel",
             defaultMessage: "Cancel"
@@ -3862,7 +3966,7 @@ const index = {
     app.router.addRoute({
       path: "content-manager/*",
       lazy: async () => {
-        const { Layout } = await Promise.resolve().then(() => require("./layout-CLLtt_5O.js"));
+        const { Layout } = await Promise.resolve().then(() => require("./layout-bE-WUnQ0.js"));
         return {
           Component: Layout
         };
@@ -3879,7 +3983,7 @@ const index = {
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        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-uOUIxfcQ.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 }) => {
+        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-BVzUkPxZ.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 }) => {
           return {
             data: prefixPluginTranslations(data, PLUGIN_ID),
             locale
@@ -3897,6 +4001,7 @@ const index = {
 };
 exports.ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD = ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD;
 exports.BulkActionsRenderer = BulkActionsRenderer;
+exports.CLONE_PATH = CLONE_PATH;
 exports.COLLECTION_TYPES = COLLECTION_TYPES;
 exports.CREATOR_FIELDS = CREATOR_FIELDS;
 exports.DEFAULT_SETTINGS = DEFAULT_SETTINGS;
@@ -3936,4 +4041,4 @@ exports.useGetAllDocumentsQuery = useGetAllDocumentsQuery;
 exports.useGetContentTypeConfigurationQuery = useGetContentTypeConfigurationQuery;
 exports.useGetInitialDataQuery = useGetInitialDataQuery;
 exports.useUpdateContentTypeConfigurationMutation = useUpdateContentTypeConfigurationMutation;
-//# sourceMappingURL=index-Dd0nXyJF.js.map
+//# sourceMappingURL=index-DXiHxy70.js.map