@strapi/content-manager 5.0.0-beta.8 → 5.0.0-beta.9

package/dist/_chunks/{index-BaGHmIir.mjs → index-Drt2DN7v.mjs}

@@ -1,12 +1,12 @@
-import { ClockCounterClockwise, CrossCircle, More, WarningCircle, ListPlus, Pencil, Trash, Check, ChevronRight, Duplicate, Feather } from "@strapi/icons";
+import { ClockCounterClockwise, CrossCircle, More, WarningCircle, ListPlus, Pencil, Trash, Check, CheckCircle, ArrowsCounterClockwise, ChevronRight, Duplicate, Feather } from "@strapi/icons";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { useStrapiApp, useQueryParams, createContext, useAuth, useRBAC, Page, adminApi, translatedErrors, useNotification, useAPIErrorHandler, getYupValidationErrors, useTracking, useForm, BackButton, DescriptionComponentRenderer, useTable } from "@strapi/admin/strapi-admin";
+import { useStrapiApp, useQueryParams, createContext, useAuth, useRBAC, Page, adminApi, translatedErrors, useNotification, useAPIErrorHandler, getYupValidationErrors, useTracking, useForm, BackButton, DescriptionComponentRenderer, useTable, Table } from "@strapi/admin/strapi-admin";
 import { stringify } from "qs";
 import { useIntl } from "react-intl";
-import { useNavigate, useParams, Navigate, useMatch, NavLink } from "react-router-dom";
+import { useNavigate, useParams, Navigate, useMatch, useLocation, Link, NavLink } from "react-router-dom";
 import * as React from "react";
 import { lazy } from "react";
-import { Menu, VisuallyHidden, Flex, Typography, Dialog, DialogBody, DialogFooter, Button, ModalLayout, ModalHeader, ModalBody, Box, Radio, Status, SingleSelect, SingleSelectOption, LinkButton } from "@strapi/design-system";
+import { Menu, VisuallyHidden, Flex, Typography, Dialog, DialogBody, DialogFooter, Button, ModalLayout, ModalHeader, ModalBody, Box, Radio, Status, SingleSelect, SingleSelectOption, ModalFooter, Loader, IconButton, Tooltip, LinkButton } from "@strapi/design-system";
 import { styled } from "styled-components";
 import * as yup from "yup";
 import { ValidationError } from "yup";
@@ -927,12 +927,13 @@ const useDocumentActions = () => {
   );
   const [discardDocument] = useDiscardDocumentMutation();
   const discard = React.useCallback(
-    async ({ collectionType, model, documentId }) => {
+    async ({ collectionType, model, documentId, params }) => {
       try {
         const res = await discardDocument({
           collectionType,
           model,
-          documentId
+          documentId,
+          params
         });
         if ("error" in res) {
           toggleNotification({
@@ -1264,7 +1265,7 @@ const useDocumentActions = () => {
   };
 };
 const ProtectedHistoryPage = lazy(
-  () => import("./History-BFNUAiGc.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
+  () => import("./History-DS6-HCYX.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
 const routes$1 = [
   {
@@ -1277,31 +1278,31 @@ const routes$1 = [
   }
 ];
 const ProtectedEditViewPage = lazy(
-  () => import("./EditViewPage-dFPBya9U.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => import("./EditViewPage-DWb0DE7R.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = lazy(
-  () => import("./ListViewPage-BPjljUsH.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => import("./ListViewPage-nQrOQuVo.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = lazy(
-  () => import("./ListConfigurationPage-DDi0KqFm.mjs").then((mod) => ({
+  () => import("./ListConfigurationPage-DQJJltko.mjs").then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = lazy(
-  () => import("./EditConfigurationPage-DbI4KMyz.mjs").then((mod) => ({
+  () => import("./EditConfigurationPage-CcOoD26O.mjs").then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = lazy(
-  () => import("./ComponentConfigurationPage-CuWgXugY.mjs").then((mod) => ({
+  () => import("./ComponentConfigurationPage-BMajAl1u.mjs").then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = lazy(
-  () => import("./NoPermissionsPage-CZrJH00p.mjs").then((mod) => ({ default: mod.NoPermissions }))
+  () => import("./NoPermissionsPage-fOIkQM0v.mjs").then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = lazy(
-  () => import("./NoContentTypePage-DaWw67K-.mjs").then((mod) => ({ default: mod.NoContentType }))
+  () => import("./NoContentTypePage-DbnHE22g.mjs").then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = useParams();
@@ -1645,7 +1646,7 @@ const DocumentActionModal = ({
     )
   ] });
 };
-const PublishAction = ({
+const PublishAction$1 = ({
   activeTab,
   documentId,
   model,
@@ -1730,7 +1731,7 @@ const PublishAction = ({
     }
   };
 };
-PublishAction.type = "publish";
+PublishAction$1.type = "publish";
 const UpdateAction = ({
   activeTab,
   documentId,
@@ -2036,7 +2037,7 @@ const StyledCrossCircle = styled(CrossCircle)`
     fill: currentColor;
   }
 `;
-const DEFAULT_ACTIONS = [PublishAction, UpdateAction, UnpublishAction$1, DiscardAction];
+const DEFAULT_ACTIONS = [PublishAction$1, UpdateAction, UnpublishAction$1, DiscardAction];
 const intervals = ["years", "months", "days", "hours", "minutes", "seconds"];
 const RelativeTime = React.forwardRef(
   ({ timestamp, customIntervals = [], ...restProps }, forwardedRef) => {
@@ -2491,910 +2492,1366 @@ const Panel = React.forwardRef(({ children, title }, ref) => {
     }
   );
 });
-const BulkActionsRenderer = () => {
-  const plugins = useStrapiApp("BulkActionsRenderer", (state) => state.plugins);
-  const { model, collectionType } = useDoc();
-  const { selectedRows } = useTable("BulkActionsRenderer", (state) => state);
-  return /* @__PURE__ */ jsx(Flex, { gap: 2, children: /* @__PURE__ */ jsx(
-    DescriptionComponentRenderer,
-    {
-      props: {
-        model,
-        collectionType,
-        documents: selectedRows
-      },
-      descriptions: plugins["content-manager"].apis.getBulkActions(),
-      children: (actions2) => actions2.map((action) => /* @__PURE__ */ jsx(BulkActionAction, { ...action }, action.id))
-    }
-  ) });
+const HOOKS = {
+  /**
+   * Hook that allows to mutate the displayed headers of the list view table
+   * @constant
+   * @type {string}
+   */
+  INJECT_COLUMN_IN_TABLE: "Admin/CM/pages/ListView/inject-column-in-table",
+  /**
+   * Hook that allows to mutate the CM's collection types links pre-set filters
+   * @constant
+   * @type {string}
+   */
+  MUTATE_COLLECTION_TYPES_LINKS: "Admin/CM/pages/App/mutate-collection-types-links",
+  /**
+   * Hook that allows to mutate the CM's edit view layout
+   * @constant
+   * @type {string}
+   */
+  MUTATE_EDIT_VIEW_LAYOUT: "Admin/CM/pages/EditView/mutate-edit-view-layout",
+  /**
+   * Hook that allows to mutate the CM's single types links pre-set filters
+   * @constant
+   * @type {string}
+   */
+  MUTATE_SINGLE_TYPES_LINKS: "Admin/CM/pages/App/mutate-single-types-links"
 };
-const BulkActionAction = (action) => {
-  const [dialogId, setDialogId] = React.useState(null);
+const contentTypesApi = contentManagerApi.injectEndpoints({
+  endpoints: (builder) => ({
+    getContentTypeConfiguration: builder.query({
+      query: (uid) => ({
+        url: `/content-manager/content-types/${uid}/configuration`,
+        method: "GET"
+      }),
+      transformResponse: (response) => response.data,
+      providesTags: (_result, _error, uid) => [
+        { type: "ContentTypesConfiguration", id: uid },
+        { type: "ContentTypeSettings", id: "LIST" }
+      ]
+    }),
+    getAllContentTypeSettings: builder.query({
+      query: () => "/content-manager/content-types-settings",
+      transformResponse: (response) => response.data,
+      providesTags: [{ type: "ContentTypeSettings", id: "LIST" }]
+    }),
+    updateContentTypeConfiguration: builder.mutation({
+      query: ({ uid, ...body }) => ({
+        url: `/content-manager/content-types/${uid}/configuration`,
+        method: "PUT",
+        data: body
+      }),
+      transformResponse: (response) => response.data,
+      invalidatesTags: (_result, _error, { uid }) => [
+        { type: "ContentTypesConfiguration", id: uid },
+        { type: "ContentTypeSettings", id: "LIST" },
+        // Is this necessary?
+        { type: "InitialData" }
+      ]
+    })
+  })
+});
+const {
+  useGetContentTypeConfigurationQuery,
+  useGetAllContentTypeSettingsQuery,
+  useUpdateContentTypeConfigurationMutation
+} = contentTypesApi;
+const checkIfAttributeIsDisplayable = (attribute) => {
+  const { type } = attribute;
+  if (type === "relation") {
+    return !attribute.relation.toLowerCase().includes("morph");
+  }
+  return !["json", "dynamiczone", "richtext", "password", "blocks"].includes(type) && !!type;
+};
+const getMainField = (attribute, mainFieldName, { schemas, components }) => {
+  if (!mainFieldName) {
+    return void 0;
+  }
+  const mainFieldType = attribute.type === "component" ? components[attribute.component].attributes[mainFieldName].type : (
+    // @ts-expect-error – `targetModel` does exist on the attribute for a relation.
+    schemas.find((schema) => schema.uid === attribute.targetModel)?.attributes[mainFieldName].type
+  );
+  return {
+    name: mainFieldName,
+    type: mainFieldType ?? "string"
+  };
+};
+const DEFAULT_SETTINGS = {
+  bulkable: false,
+  filterable: false,
+  searchable: false,
+  pagination: false,
+  defaultSortBy: "",
+  defaultSortOrder: "asc",
+  mainField: "id",
+  pageSize: 10
+};
+const useDocumentLayout = (model) => {
+  const { schema, components } = useDocument({ model, collectionType: "" }, { skip: true });
+  const [{ query }] = useQueryParams();
+  const runHookWaterfall = useStrapiApp("useDocumentLayout", (state) => state.runHookWaterfall);
   const { toggleNotification } = useNotification();
-  const handleClick = (action2) => (e) => {
-    const { onClick, dialog, id } = action2;
-    if (onClick) {
-      onClick(e);
+  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
+  const { isLoading: isLoadingSchemas, schemas } = useContentTypeSchema();
+  const {
+    data,
+    isLoading: isLoadingConfigs,
+    error,
+    isFetching: isFetchingConfigs
+  } = useGetContentTypeConfigurationQuery(model);
+  const isLoading = isLoadingSchemas || isFetchingConfigs || isLoadingConfigs;
+  React.useEffect(() => {
+    if (error) {
+      toggleNotification({
+        type: "danger",
+        message: formatAPIError(error)
+      });
     }
-    if (dialog) {
-      switch (dialog.type) {
-        case "notification":
-          toggleNotification({
-            title: dialog.title,
-            message: dialog.content,
-            type: dialog.status,
-            timeout: dialog.timeout,
-            onClose: dialog.onClose
-          });
-          break;
-        case "dialog":
-        case "modal": {
-          e.preventDefault();
-          setDialogId(id);
-        }
+  }, [error, formatAPIError, toggleNotification]);
+  const editLayout = React.useMemo(
+    () => data && !isLoading ? formatEditLayout(data, { schemas, schema, components }) : {
+      layout: [],
+      components: {},
+      metadatas: {},
+      options: {},
+      settings: DEFAULT_SETTINGS
+    },
+    [data, isLoading, schemas, schema, components]
+  );
+  const listLayout = React.useMemo(() => {
+    return data && !isLoading ? formatListLayout(data, { schemas, schema, components }) : {
+      layout: [],
+      metadatas: {},
+      options: {},
+      settings: DEFAULT_SETTINGS
+    };
+  }, [data, isLoading, schemas, schema, components]);
+  const { layout: edit } = React.useMemo(
+    () => runHookWaterfall(HOOKS.MUTATE_EDIT_VIEW_LAYOUT, {
+      layout: editLayout,
+      query
+    }),
+    [editLayout, query, runHookWaterfall]
+  );
+  return {
+    error,
+    isLoading,
+    edit,
+    list: listLayout
+  };
+};
+const useDocLayout = () => {
+  const { model } = useDoc();
+  return useDocumentLayout(model);
+};
+const formatEditLayout = (data, {
+  schemas,
+  schema,
+  components
+}) => {
+  let currentPanelIndex = 0;
+  const panelledEditAttributes = convertEditLayoutToFieldLayouts(
+    data.contentType.layouts.edit,
+    schema?.attributes,
+    data.contentType.metadatas,
+    { configurations: data.components, schemas: components },
+    schemas
+  ).reduce((panels, row) => {
+    if (row.some((field) => field.type === "dynamiczone")) {
+      panels.push([row]);
+      currentPanelIndex += 2;
+    } else {
+      if (!panels[currentPanelIndex]) {
+        panels.push([]);
       }
+      panels[currentPanelIndex].push(row);
     }
-  };
-  const handleClose = () => {
-    setDialogId(null);
-    if (action.dialog?.type === "modal" && action.dialog?.onClose) {
-      action.dialog.onClose();
+    return panels;
+  }, []);
+  const componentEditAttributes = Object.entries(data.components).reduce(
+    (acc, [uid, configuration]) => {
+      acc[uid] = {
+        layout: convertEditLayoutToFieldLayouts(
+          configuration.layouts.edit,
+          components[uid].attributes,
+          configuration.metadatas
+        ),
+        settings: {
+          ...configuration.settings,
+          icon: components[uid].info.icon,
+          displayName: components[uid].info.displayName
+        }
+      };
+      return acc;
+    },
+    {}
+  );
+  const editMetadatas = Object.entries(data.contentType.metadatas).reduce(
+    (acc, [attribute, metadata]) => {
+      return {
+        ...acc,
+        [attribute]: metadata.edit
+      };
+    },
+    {}
+  );
+  return {
+    layout: panelledEditAttributes,
+    components: componentEditAttributes,
+    metadatas: editMetadatas,
+    settings: {
+      ...data.contentType.settings,
+      displayName: schema?.info.displayName
+    },
+    options: {
+      ...schema?.options,
+      ...schema?.pluginOptions,
+      ...data.contentType.options
     }
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        disabled: action.disabled,
-        startIcon: action.icon,
-        variant: action.variant,
-        onClick: handleClick(action),
-        children: action.label
-      }
-    ),
-    action.dialog?.type === "dialog" ? /* @__PURE__ */ jsx(
-      BulkActionConfirmDialog,
-      {
-        ...action.dialog,
-        variant: action.variant,
-        isOpen: dialogId === action.id,
-        onClose: handleClose
-      }
-    ) : null,
-    action.dialog?.type === "modal" ? /* @__PURE__ */ jsx(
-      BulkActionModal,
-      {
-        ...action.dialog,
-        onModalClose: handleClose,
-        isOpen: dialogId === action.id
+};
+const convertEditLayoutToFieldLayouts = (rows, attributes = {}, metadatas, components, schemas = []) => {
+  return rows.map(
+    (row) => row.map((field) => {
+      const attribute = attributes[field.name];
+      if (!attribute) {
+        return null;
       }
-    ) : null
-  ] });
+      const { edit: metadata } = metadatas[field.name];
+      const settings = attribute.type === "component" && components ? components.configurations[attribute.component].settings : {};
+      return {
+        attribute,
+        disabled: !metadata.editable,
+        hint: metadata.description,
+        label: metadata.label ?? "",
+        name: field.name,
+        // @ts-expect-error – mainField does exist on the metadata for a relation.
+        mainField: getMainField(attribute, metadata.mainField || settings.mainField, {
+          schemas,
+          components: components?.schemas ?? {}
+        }),
+        placeholder: metadata.placeholder ?? "",
+        required: attribute.required ?? false,
+        size: field.size,
+        unique: "unique" in attribute ? attribute.unique : false,
+        visible: metadata.visible ?? true,
+        type: attribute.type
+      };
+    }).filter((field) => field !== null)
+  );
 };
-const BulkActionConfirmDialog = ({
-  onClose,
-  onCancel,
-  onConfirm,
-  title,
-  content,
-  confirmButton,
-  isOpen,
-  variant = "secondary"
+const formatListLayout = (data, {
+  schemas,
+  schema,
+  components
 }) => {
-  const { formatMessage } = useIntl();
-  const handleClose = async () => {
-    if (onCancel) {
-      await onCancel();
+  const listMetadatas = Object.entries(data.contentType.metadatas).reduce(
+    (acc, [attribute, metadata]) => {
+      return {
+        ...acc,
+        [attribute]: metadata.list
+      };
+    },
+    {}
+  );
+  const listAttributes = convertListLayoutToFieldLayouts(
+    data.contentType.layouts.list,
+    schema?.attributes,
+    listMetadatas,
+    { configurations: data.components, schemas: components },
+    schemas
+  );
+  return {
+    layout: listAttributes,
+    settings: { ...data.contentType.settings, displayName: schema?.info.displayName },
+    metadatas: listMetadatas,
+    options: {
+      ...schema?.options,
+      ...schema?.pluginOptions,
+      ...data.contentType.options
     }
-    onClose();
   };
-  const handleConfirm = async () => {
-    if (onConfirm) {
-      await onConfirm();
+};
+const convertListLayoutToFieldLayouts = (columns, attributes = {}, metadatas, components, schemas = []) => {
+  return columns.map((name) => {
+    const attribute = attributes[name];
+    if (!attribute) {
+      return null;
     }
-    onClose();
-  };
-  return /* @__PURE__ */ jsxs(Dialog, { isOpen, title, onClose: handleClose, children: [
-    /* @__PURE__ */ jsx(DialogBody, { icon: /* @__PURE__ */ jsx(WarningCircle, {}), children: content }),
-    /* @__PURE__ */ jsx(
-      DialogFooter,
-      {
-        startAction: /* @__PURE__ */ jsx(Button, { onClick: handleClose, variant: "tertiary", children: formatMessage({
-          id: "app.components.Button.cancel",
-          defaultMessage: "Cancel"
-        }) }),
-        endAction: /* @__PURE__ */ jsx(
-          Button,
+    const metadata = metadatas[name];
+    const settings = attribute.type === "component" && components ? components.configurations[attribute.component].settings : {};
+    return {
+      attribute,
+      label: metadata.label ?? "",
+      mainField: getMainField(attribute, metadata.mainField || settings.mainField, {
+        schemas,
+        components: components?.schemas ?? {}
+      }),
+      name,
+      searchable: metadata.searchable ?? true,
+      sortable: metadata.sortable ?? true
+    };
+  }).filter((field) => field !== null);
+};
+const ConfirmBulkActionDialog = ({
+  onToggleDialog,
+  isOpen = false,
+  dialogBody,
+  endAction
+}) => {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      onClose: onToggleDialog,
+      title: formatMessage({
+        id: "app.components.ConfirmDialog.title",
+        defaultMessage: "Confirmation"
+      }),
+      isOpen,
+      children: [
+        /* @__PURE__ */ jsx(DialogBody, { icon: /* @__PURE__ */ jsx(WarningCircle, {}), children: /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: dialogBody }) }),
+        /* @__PURE__ */ jsx(
+          DialogFooter,
           {
-            onClick: handleConfirm,
-            variant: variant === "danger-light" ? variant : "secondary",
-            startIcon: variant === "danger-light" ? /* @__PURE__ */ jsx(Trash, {}) : /* @__PURE__ */ jsx(Check, {}),
-            children: confirmButton ? confirmButton : formatMessage({
-              id: "app.components.Button.confirm",
-              defaultMessage: "Confirm"
-            })
+            startAction: /* @__PURE__ */ jsx(Button, { onClick: onToggleDialog, variant: "tertiary", children: formatMessage({
+              id: "app.components.Button.cancel",
+              defaultMessage: "Cancel"
+            }) }),
+            endAction
           }
         )
-      }
-    )
-  ] });
+      ]
+    }
+  );
 };
-const BulkActionModal = ({
+const BoldChunk$1 = (chunks) => /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: chunks });
+const ConfirmDialogPublishAll = ({
   isOpen,
-  title,
-  onClose,
-  content: Content,
-  onModalClose
+  onToggleDialog,
+  isConfirmButtonLoading = false,
+  onConfirm
 }) => {
-  const id = React.useId();
-  if (!isOpen) {
-    return null;
-  }
-  const handleClose = () => {
-    if (onClose) {
-      onClose();
-    }
-    onModalClose();
-  };
-  return /* @__PURE__ */ jsxs(ModalLayout, { borderRadius: "4px", overflow: "hidden", onClose: handleClose, labelledBy: id, children: [
-    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", textColor: "neutral800", tag: "h2", id, children: title }) }),
-    /* @__PURE__ */ jsx(Content, { onClose: handleClose })
-  ] });
-};
-const DeleteAction = ({ documents, model }) => {
   const { formatMessage } = useIntl();
-  const { schema: contentType } = useDoc();
-  const selectRow = useTable("DeleteAction", (state) => state.selectRow);
-  const hasI18nEnabled = Boolean(contentType?.pluginOptions?.i18n);
+  const selectedEntries = useTable("ConfirmDialogPublishAll", (state) => state.selectedRows);
+  const { toggleNotification } = useNotification();
+  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler(getTranslation);
+  const { model, schema } = useDoc();
   const [{ query }] = useQueryParams();
-  const params = React.useMemo(() => buildValidParams(query), [query]);
-  const hasDeletePermission = useDocumentRBAC("deleteAction", (state) => state.canDelete);
-  const { deleteMany: bulkDeleteAction } = useDocumentActions();
-  const documentIds = documents.map(({ documentId }) => documentId);
-  const handleConfirmBulkDelete = async () => {
-    const res = await bulkDeleteAction({
-      documentIds,
+  const {
+    data: countDraftRelations = 0,
+    isLoading,
+    error
+  } = useGetManyDraftRelationCountQuery(
+    {
       model,
-      params
-    });
-    if (!("error" in res)) {
-      selectRow([]);
+      documentIds: selectedEntries.map((entry) => entry.documentId),
+      locale: query?.plugins?.i18n?.locale
+    },
+    {
+      skip: selectedEntries.length === 0
     }
-  };
-  if (!hasDeletePermission)
+  );
+  React.useEffect(() => {
+    if (error) {
+      toggleNotification({ type: "danger", message: formatAPIError(error) });
+    }
+  }, [error, formatAPIError, toggleNotification]);
+  if (error) {
     return null;
-  return {
-    variant: "danger-light",
-    label: formatMessage({ id: "global.delete", defaultMessage: "Delete" }),
-    dialog: {
-      type: "dialog",
-      title: formatMessage({
-        id: "app.components.ConfirmDialog.title",
-        defaultMessage: "Confirmation"
-      }),
-      content: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
-        /* @__PURE__ */ jsx(Typography, { id: "confirm-description", textAlign: "center", children: formatMessage({
-          id: "popUpWarning.bodyMessage.contentType.delete.all",
-          defaultMessage: "Are you sure you want to delete these entries?"
-        }) }),
-        hasI18nEnabled && /* @__PURE__ */ jsx(Box, { textAlign: "center", padding: 3, children: /* @__PURE__ */ jsx(Typography, { textColor: "danger500", children: formatMessage(
+  }
+  return /* @__PURE__ */ jsx(
+    ConfirmBulkActionDialog,
+    {
+      isOpen: isOpen && !isLoading,
+      onToggleDialog,
+      dialogBody: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(Typography, { id: "confirm-description", textAlign: "center", children: [
+          countDraftRelations > 0 && formatMessage(
+            {
+              id: getTranslation(`popUpwarning.warning.bulk-has-draft-relations.message`),
+              defaultMessage: "<b>{count} {count, plural, one { relation } other { relations } } out of {entities} { entities, plural, one { entry } other { entries } } {count, plural, one { is } other { are } }</b> not published yet and might lead to unexpected behavior. "
+            },
+            {
+              b: BoldChunk$1,
+              count: countDraftRelations,
+              entities: selectedEntries.length
+            }
+          ),
+          formatMessage({
+            id: getTranslation("popUpWarning.bodyMessage.contentType.publish.all"),
+            defaultMessage: "Are you sure you want to publish these entries?"
+          })
+        ] }),
+        schema?.pluginOptions && "i18n" in schema.pluginOptions && schema?.pluginOptions.i18n && /* @__PURE__ */ jsx(Typography, { textColor: "danger500", textAlign: "center", children: formatMessage(
           {
-            id: getTranslation("Settings.list.actions.deleteAdditionalInfos"),
-            defaultMessage: "This will delete the active locale versions <em>(from Internationalization)</em>"
+            id: getTranslation("Settings.list.actions.publishAdditionalInfos"),
+            defaultMessage: "This will publish the active locale versions <em>(from Internationalization)</em>"
           },
           {
             em: Emphasis
           }
-        ) }) })
+        ) })
       ] }),
-      onConfirm: handleConfirmBulkDelete
+      endAction: /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: onConfirm,
+          variant: "secondary",
+          startIcon: /* @__PURE__ */ jsx(Check, {}),
+          loading: isConfirmButtonLoading,
+          children: formatMessage({
+            id: "app.utils.publish",
+            defaultMessage: "Publish"
+          })
+        }
+      )
     }
-  };
+  );
 };
-DeleteAction.type = "delete";
-const UnpublishAction = ({ documents, model }) => {
-  const { formatMessage } = useIntl();
-  const { schema } = useDoc();
-  const selectRow = useTable("UnpublishAction", (state) => state.selectRow);
-  const hasPublishPermission = useDocumentRBAC("unpublishAction", (state) => state.canPublish);
-  const hasI18nEnabled = Boolean(schema?.pluginOptions?.i18n);
-  const hasDraftAndPublishEnabled = Boolean(schema?.options?.draftAndPublish);
-  const { unpublishMany: bulkUnpublishAction } = useDocumentActions();
-  const documentIds = documents.map(({ documentId }) => documentId);
-  const [{ query }] = useQueryParams();
-  const params = React.useMemo(() => buildValidParams(query), [query]);
-  const handleConfirmBulkUnpublish = async () => {
-    const data = await bulkUnpublishAction({ documentIds, model, params });
-    if (!("error" in data)) {
-      selectRow([]);
-    }
-  };
-  const showUnpublishButton = hasDraftAndPublishEnabled && hasPublishPermission && documents.some((entry) => entry.status === "published");
-  if (!showUnpublishButton)
-    return null;
-  return {
-    variant: "tertiary",
-    label: formatMessage({ id: "app.utils.unpublish", defaultMessage: "Unpublish" }),
-    dialog: {
-      type: "dialog",
-      title: formatMessage({
-        id: "app.components.ConfirmDialog.title",
-        defaultMessage: "Confirmation"
-      }),
-      content: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
-        /* @__PURE__ */ jsx(Typography, { id: "confirm-description", textAlign: "center", children: formatMessage({
-          id: "popUpWarning.bodyMessage.contentType.unpublish.all",
-          defaultMessage: "Are you sure you want to unpublish these entries?"
-        }) }),
-        hasI18nEnabled && /* @__PURE__ */ jsx(Box, { textAlign: "center", padding: 3, children: /* @__PURE__ */ jsx(Typography, { textColor: "danger500", children: formatMessage(
+const TypographyMaxWidth = styled(Typography)`
+  max-width: 300px;
+`;
+const formatErrorMessages = (errors, parentKey, formatMessage) => {
+  const messages = [];
+  Object.entries(errors).forEach(([key, value]) => {
+    const currentKey = parentKey ? `${parentKey}.${key}` : key;
+    if (typeof value === "object" && value !== null && !Array.isArray(value)) {
+      if ("id" in value && "defaultMessage" in value) {
+        messages.push(
+          formatMessage(
+            {
+              id: `${value.id}.withField`,
+              defaultMessage: value.defaultMessage
+            },
+            { field: currentKey }
+          )
+        );
+      } else {
+        messages.push(...formatErrorMessages(value, currentKey, formatMessage));
+      }
+    } else {
+      messages.push(
+        formatMessage(
           {
-            id: getTranslation("Settings.list.actions.unpublishAdditionalInfos"),
-            defaultMessage: "This will unpublish the active locale versions <em>(from Internationalization)</em>"
+            id: `${value}.withField`,
+            defaultMessage: value
           },
-          {
-            em: Emphasis
-          }
-        ) }) })
-      ] }),
-      confirmButton: formatMessage({
-        id: "app.utils.unpublish",
-        defaultMessage: "Unpublish"
-      }),
-      onConfirm: handleConfirmBulkUnpublish
+          { field: currentKey }
+        )
+      );
     }
-  };
+  });
+  return messages;
 };
-UnpublishAction.type = "unpublish";
-const Emphasis = (chunks) => /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", textColor: "danger500", children: chunks });
-const DEFAULT_BULK_ACTIONS = [UnpublishAction, DeleteAction];
-const AutoCloneFailureModalBody = ({ prohibitedFields }) => {
+const EntryValidationText = ({ validationErrors, status }) => {
   const { formatMessage } = useIntl();
-  const getDefaultErrorMessage = (reason) => {
-    switch (reason) {
-      case "relation":
-        return "Duplicating the relation could remove it from the original entry.";
-      case "unique":
-        return "Identical values in a unique field are not allowed";
-      default:
-        return reason;
+  if (validationErrors) {
+    const validationErrorsMessages = formatErrorMessages(validationErrors, "", formatMessage).join(
+      " "
+    );
+    return /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+      /* @__PURE__ */ jsx(CrossCircle, { fill: "danger600" }),
+      /* @__PURE__ */ jsx(Tooltip, { description: validationErrorsMessages, children: /* @__PURE__ */ jsx(TypographyMaxWidth, { textColor: "danger600", variant: "omega", fontWeight: "semiBold", ellipsis: true, children: validationErrorsMessages }) })
+    ] });
+  }
+  if (status === "published") {
+    return /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+      /* @__PURE__ */ jsx(CheckCircle, { fill: "success600" }),
+      /* @__PURE__ */ jsx(Typography, { textColor: "success600", fontWeight: "bold", children: formatMessage({
+        id: "content-manager.bulk-publish.already-published",
+        defaultMessage: "Already Published"
+      }) })
+    ] });
+  }
+  if (status === "modified") {
+    return /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+      /* @__PURE__ */ jsx(ArrowsCounterClockwise, { fill: "alternative600" }),
+      /* @__PURE__ */ jsx(Typography, { children: formatMessage({
+        id: "content-manager.bulk-publish.modified",
+        defaultMessage: "Ready to publish changes"
+      }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+    /* @__PURE__ */ jsx(CheckCircle, { fill: "success600" }),
+    /* @__PURE__ */ jsx(Typography, { children: formatMessage({
+      id: "app.utils.ready-to-publish",
+      defaultMessage: "Ready to publish"
+    }) })
+  ] });
+};
+const TABLE_HEADERS = [
+  { name: "id", label: "id" },
+  { name: "name", label: "name" },
+  { name: "status", label: "status" },
+  { name: "publicationStatus", label: "Publication status" }
+];
+const SelectedEntriesTableContent = ({
+  isPublishing,
+  rowsToDisplay = [],
+  entriesToPublish = [],
+  validationErrors = {}
+}) => {
+  const { pathname } = useLocation();
+  const { formatMessage } = useIntl();
+  const {
+    list: {
+      settings: { mainField }
     }
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "beta", children: formatMessage({
-      id: getTranslation("containers.list.autoCloneModal.title"),
-      defaultMessage: "This entry can't be duplicated directly."
-    }) }),
-    /* @__PURE__ */ jsx(Box, { marginTop: 2, children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: formatMessage({
-      id: getTranslation("containers.list.autoCloneModal.description"),
-      defaultMessage: "A new entry will be created with the same content, but you'll have to change the following fields to save it."
-    }) }) }),
-    /* @__PURE__ */ jsx(Flex, { marginTop: 6, gap: 2, direction: "column", alignItems: "stretch", children: prohibitedFields.map(([fieldPath, reason]) => /* @__PURE__ */ jsxs(
-      Flex,
-      {
-        direction: "column",
-        gap: 2,
-        alignItems: "flex-start",
-        borderColor: "neutral200",
-        hasRadius: true,
-        padding: 6,
-        children: [
-          /* @__PURE__ */ jsx(Flex, { direction: "row", tag: "ol", children: fieldPath.map((pathSegment, index2) => /* @__PURE__ */ jsxs(Typography, { fontWeight: "semiBold", tag: "li", children: [
-            pathSegment,
-            index2 !== fieldPath.length - 1 && /* @__PURE__ */ jsx(
-              ChevronRight,
-              {
-                fill: "neutral500",
-                height: "0.8rem",
-                width: "0.8rem",
-                style: { margin: "0 0.8rem" }
-              }
-            )
-          ] }, index2)) }),
-          /* @__PURE__ */ jsx(Typography, { tag: "p", textColor: "neutral600", children: formatMessage({
-            id: getTranslation(`containers.list.autoCloneModal.error.${reason}`),
-            defaultMessage: getDefaultErrorMessage(reason)
-          }) })
-        ]
-      },
-      fieldPath.join()
-    )) })
+  } = useDocLayout();
+  const shouldDisplayMainField = mainField != null && mainField !== "id";
+  return /* @__PURE__ */ jsxs(Table.Content, { children: [
+    /* @__PURE__ */ jsxs(Table.Head, { children: [
+      /* @__PURE__ */ jsx(Table.HeaderCheckboxCell, {}),
+      TABLE_HEADERS.filter((head) => head.name !== "name" || shouldDisplayMainField).map(
+        (head) => /* @__PURE__ */ jsx(Table.HeaderCell, { ...head }, head.name)
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Table.Loading, {}),
+    /* @__PURE__ */ jsx(Table.Body, { children: rowsToDisplay.map((row, index2) => /* @__PURE__ */ jsxs(Table.Row, { children: [
+      /* @__PURE__ */ jsx(Table.CheckboxCell, { id: row.id }),
+      /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Typography, { children: row.id }) }),
+      shouldDisplayMainField && /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Typography, { children: row[mainField] }) }),
+      /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(DocumentStatus, { status: row.status, maxWidth: "min-content" }) }),
+      /* @__PURE__ */ jsx(Table.Cell, { children: isPublishing && entriesToPublish.includes(row.documentId) ? /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+        /* @__PURE__ */ jsx(Typography, { children: formatMessage({
+          id: "content-manager.success.record.publishing",
+          defaultMessage: "Publishing..."
+        }) }),
+        /* @__PURE__ */ jsx(Loader, { small: true })
+      ] }) : /* @__PURE__ */ jsx(
+        EntryValidationText,
+        {
+          validationErrors: validationErrors[row.documentId],
+          status: row.status
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          tag: Link,
+          to: {
+            pathname: `${pathname}/${row.documentId}`,
+            search: row.locale && `?plugins[i18n][locale]=${row.locale}`
+          },
+          state: { from: pathname },
+          label: formatMessage(
+            { id: "app.component.HelperPluginTable.edit", defaultMessage: "Edit {target}" },
+            {
+              target: formatMessage(
+                {
+                  id: "content-manager.components.ListViewHelperPluginTable.row-line",
+                  defaultMessage: "item line {number}"
+                },
+                { number: index2 + 1 }
+              )
+            }
+          ),
+          target: "_blank",
+          marginLeft: "auto",
+          children: /* @__PURE__ */ jsx(Pencil, {})
+        }
+      ) })
+    ] }, row.id)) })
   ] });
 };
-const TableActions = ({ document }) => {
+const BoldChunk = (chunks) => /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: chunks });
+const SelectedEntriesModalContent = ({
+  listViewSelectedEntries,
+  toggleModal,
+  setListViewSelectedDocuments,
+  model
+}) => {
   const { formatMessage } = useIntl();
-  const { model, collectionType } = useDoc();
-  const plugins = useStrapiApp("TableActions", (state) => state.plugins);
-  const props = {
-    activeTab: null,
-    model,
-    documentId: document.documentId,
-    collectionType,
-    document
-  };
-  return /* @__PURE__ */ jsx(
-    DescriptionComponentRenderer,
+  const { schema, components } = useContentTypeSchema(model);
+  const documentIds = listViewSelectedEntries.map(({ documentId }) => documentId);
+  const [{ query }] = useQueryParams();
+  const params = React.useMemo(() => buildValidParams(query), [query]);
+  const { data, isLoading, isFetching, refetch } = useGetAllDocumentsQuery(
     {
-      props,
-      descriptions: plugins["content-manager"].apis.getDocumentActions(),
-      children: (actions2) => {
-        const tableRowActions = actions2.filter((action) => {
-          const positions = Array.isArray(action.position) ? action.position : [action.position];
-          return positions.includes("table-row");
-        });
-        return /* @__PURE__ */ jsx(
-          DocumentActionsMenu,
-          {
-            actions: tableRowActions,
-            label: formatMessage({
-              id: "content-manager.containers.list.table.row-actions",
-              defaultMessage: "Row action"
-            }),
-            variant: "ghost"
+      model,
+      params: {
+        page: "1",
+        pageSize: documentIds.length.toString(),
+        sort: query.sort,
+        filters: {
+          documentId: {
+            $in: documentIds
           }
-        );
+        },
+        locale: query.plugins?.i18n?.locale
       }
+    },
+    {
+      selectFromResult: ({ data: data2, ...restRes }) => ({ data: data2?.results ?? [], ...restRes })
+    }
+  );
+  const { rows, validationErrors } = React.useMemo(() => {
+    if (data.length > 0 && schema) {
+      const validate = createYupSchema(schema.attributes, components);
+      const validationErrors2 = {};
+      const rows2 = data.map((entry) => {
+        try {
+          validate.validateSync(entry, { abortEarly: false });
+          return entry;
+        } catch (e) {
+          if (e instanceof ValidationError) {
+            validationErrors2[entry.documentId] = getYupValidationErrors(e);
+          }
+          return entry;
+        }
+      });
+      return { rows: rows2, validationErrors: validationErrors2 };
     }
+    return {
+      rows: [],
+      validationErrors: {}
+    };
+  }, [components, data, schema]);
+  const [publishedCount, setPublishedCount] = React.useState(0);
+  const [isDialogOpen, setIsDialogOpen] = React.useState(false);
+  const { publishMany: bulkPublishAction } = useDocumentActions();
+  const [, { isLoading: isSubmittingForm }] = usePublishManyDocumentsMutation();
+  const selectedRows = useTable("publishAction", (state) => state.selectedRows);
+  const selectedEntries = rows.filter(
+    (entry) => selectedRows.some((selectedEntry) => selectedEntry.documentId === entry.documentId)
   );
+  const entriesToPublish = selectedEntries.filter((entry) => !validationErrors[entry.documentId]).map((entry) => entry.documentId);
+  const selectedEntriesWithErrorsCount = selectedEntries.filter(
+    ({ documentId }) => validationErrors[documentId]
+  ).length;
+  const selectedEntriesPublished = selectedEntries.filter(
+    ({ status }) => status === "published"
+  ).length;
+  const selectedEntriesWithNoErrorsCount = selectedEntries.length - selectedEntriesWithErrorsCount - selectedEntriesPublished;
+  const toggleDialog = () => setIsDialogOpen((prev) => !prev);
+  const handleConfirmBulkPublish = async () => {
+    toggleDialog();
+    const res = await bulkPublishAction({ model, documentIds: entriesToPublish, params });
+    if (!("error" in res)) {
+      setPublishedCount(res.count);
+      const unpublishedEntries = rows.filter((row) => {
+        return !entriesToPublish.includes(row.documentId);
+      });
+      setListViewSelectedDocuments(unpublishedEntries);
+    }
+  };
+  const getFormattedCountMessage = () => {
+    if (publishedCount) {
+      return formatMessage(
+        {
+          id: getTranslation("containers.list.selectedEntriesModal.publishedCount"),
+          defaultMessage: "<b>{publishedCount}</b> {publishedCount, plural, =0 {entries} one {entry} other {entries}} published. <b>{withErrorsCount}</b> {withErrorsCount, plural, =0 {entries} one {entry} other {entries}} waiting for action."
+        },
+        {
+          publishedCount,
+          withErrorsCount: selectedEntriesWithErrorsCount,
+          b: BoldChunk
+        }
+      );
+    }
+    return formatMessage(
+      {
+        id: getTranslation("containers.list.selectedEntriesModal.selectedCount"),
+        defaultMessage: "<b>{alreadyPublishedCount}</b> {alreadyPublishedCount, plural, =0 {entries} one {entry} other {entries}} already published. <b>{readyToPublishCount}</b> {readyToPublishCount, plural, =0 {entries} one {entry} other {entries}} ready to publish. <b>{withErrorsCount}</b> {withErrorsCount, plural, =0 {entries} one {entry} other {entries}} waiting for action."
+      },
+      {
+        readyToPublishCount: selectedEntriesWithNoErrorsCount,
+        withErrorsCount: selectedEntriesWithErrorsCount,
+        alreadyPublishedCount: selectedEntriesPublished,
+        b: BoldChunk
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(ModalBody, { children: [
+      /* @__PURE__ */ jsx(Typography, { children: getFormattedCountMessage() }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 5, children: /* @__PURE__ */ jsx(
+        SelectedEntriesTableContent,
+        {
+          isPublishing: isSubmittingForm,
+          rowsToDisplay: rows,
+          entriesToPublish,
+          validationErrors
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ModalFooter,
+      {
+        startActions: /* @__PURE__ */ jsx(Button, { onClick: toggleModal, variant: "tertiary", children: formatMessage({
+          id: "app.components.Button.cancel",
+          defaultMessage: "Cancel"
+        }) }),
+        endActions: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+          /* @__PURE__ */ jsx(Button, { onClick: refetch, variant: "tertiary", loading: isFetching, children: formatMessage({ id: "app.utils.refresh", defaultMessage: "Refresh" }) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: toggleDialog,
+              disabled: selectedEntries.length === 0 || selectedEntries.length === selectedEntriesWithErrorsCount || selectedEntriesPublished === selectedEntries.length || isLoading,
+              loading: isSubmittingForm,
+              children: formatMessage({ id: "app.utils.publish", defaultMessage: "Publish" })
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ConfirmDialogPublishAll,
+      {
+        isOpen: isDialogOpen,
+        onToggleDialog: toggleDialog,
+        isConfirmButtonLoading: isSubmittingForm,
+        onConfirm: handleConfirmBulkPublish
+      }
+    )
+  ] });
 };
-const EditAction = ({ documentId }) => {
-  const navigate = useNavigate();
+const PublishAction = ({ documents, model }) => {
   const { formatMessage } = useIntl();
-  const { canRead } = useDocumentRBAC("EditAction", ({ canRead: canRead2 }) => ({ canRead: canRead2 }));
-  const { toggleNotification } = useNotification();
-  const [{ query }] = useQueryParams();
+  const hasPublishPermission = useDocumentRBAC("unpublishAction", (state) => state.canPublish);
+  const showPublishButton = hasPublishPermission && documents.some(({ status }) => status !== "published");
+  const setListViewSelectedDocuments = useTable("publishAction", (state) => state.selectRow);
+  const refetchList = () => {
+    contentManagerApi.util.invalidateTags([{ type: "Document", id: `${model}_LIST` }]);
+  };
+  if (!showPublishButton)
+    return null;
   return {
-    disabled: !canRead,
-    icon: /* @__PURE__ */ jsx(StyledPencil, {}),
-    label: formatMessage({
-      id: "content-manager.actions.edit.label",
-      defaultMessage: "Edit"
-    }),
-    position: "table-row",
-    onClick: async () => {
-      if (!documentId) {
-        console.error(
-          "You're trying to edit a document without an id, this is likely a bug with Strapi. Please open an issue."
-        );
-        toggleNotification({
-          message: formatMessage({
-            id: "content-manager.actions.edit.error",
-            defaultMessage: "An error occurred while trying to edit the document."
-          }),
-          type: "danger"
-        });
-        return;
+    actionType: "publish",
+    variant: "tertiary",
+    label: formatMessage({ id: "app.utils.publish", defaultMessage: "Publish" }),
+    dialog: {
+      type: "modal",
+      title: formatMessage({
+        id: getTranslation("containers.ListPage.selectedEntriesModal.title"),
+        defaultMessage: "Publish entries"
+      }),
+      content: ({ onClose }) => {
+        return /* @__PURE__ */ jsx(Table.Root, { rows: documents, defaultSelectedRows: documents, headers: TABLE_HEADERS, children: /* @__PURE__ */ jsx(
+          SelectedEntriesModalContent,
+          {
+            listViewSelectedEntries: documents,
+            toggleModal: () => {
+              onClose();
+              refetchList();
+            },
+            setListViewSelectedDocuments,
+            model
+          }
+        ) });
+      },
+      onClose: () => {
+        refetchList();
       }
-      navigate({
-        pathname: documentId,
-        search: stringify({
-          plugins: query.plugins
-        })
-      });
     }
   };
 };
-EditAction.type = "edit";
-const StyledPencil = styled(Pencil)`
-  path {
-    fill: currentColor;
-  }
-`;
-const CloneAction = ({ model, documentId }) => {
-  const navigate = useNavigate();
-  const { formatMessage } = useIntl();
-  const { canCreate } = useDocumentRBAC("CloneAction", ({ canCreate: canCreate2 }) => ({ canCreate: canCreate2 }));
-  const { toggleNotification } = useNotification();
-  const { autoClone } = useDocumentActions();
-  const [prohibitedFields, setProhibitedFields] = React.useState([]);
-  return {
-    disabled: !canCreate,
-    icon: /* @__PURE__ */ jsx(StyledDuplicate, {}),
-    label: formatMessage({
-      id: "content-manager.actions.clone.label",
-      defaultMessage: "Duplicate"
-    }),
-    position: "table-row",
-    onClick: async () => {
-      if (!documentId) {
-        console.error(
-          "You're trying to clone a document in the table without an id, this is likely a bug with Strapi. Please open an issue."
-        );
-        toggleNotification({
-          message: formatMessage({
-            id: "content-manager.actions.clone.error",
-            defaultMessage: "An error occurred while trying to clone the document."
-          }),
-          type: "danger"
-        });
-        return;
+const BulkActionsRenderer = () => {
+  const plugins = useStrapiApp("BulkActionsRenderer", (state) => state.plugins);
+  const { model, collectionType } = useDoc();
+  const { selectedRows } = useTable("BulkActionsRenderer", (state) => state);
+  return /* @__PURE__ */ jsx(Flex, { gap: 2, children: /* @__PURE__ */ jsx(
+    DescriptionComponentRenderer,
+    {
+      props: {
+        model,
+        collectionType,
+        documents: selectedRows
+      },
+      descriptions: plugins["content-manager"].apis.getBulkActions(),
+      children: (actions2) => actions2.map((action) => /* @__PURE__ */ jsx(BulkActionAction, { ...action }, action.id))
+    }
+  ) });
+};
+const BulkActionAction = (action) => {
+  const [dialogId, setDialogId] = React.useState(null);
+  const { toggleNotification } = useNotification();
+  const handleClick = (action2) => (e) => {
+    const { onClick, dialog, id } = action2;
+    if (onClick) {
+      onClick(e);
+    }
+    if (dialog) {
+      switch (dialog.type) {
+        case "notification":
+          toggleNotification({
+            title: dialog.title,
+            message: dialog.content,
+            type: dialog.status,
+            timeout: dialog.timeout,
+            onClose: dialog.onClose
+          });
+          break;
+        case "dialog":
+        case "modal": {
+          e.preventDefault();
+          setDialogId(id);
+        }
       }
-      const res = await autoClone({ model, sourceId: documentId });
-      if ("data" in res) {
-        navigate(res.data.documentId);
-        return true;
+    }
+  };
+  const handleClose = () => {
+    setDialogId(null);
+    if (action.dialog?.type === "modal" && action.dialog?.onClose) {
+      action.dialog.onClose();
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        disabled: action.disabled,
+        startIcon: action.icon,
+        variant: action.variant,
+        onClick: handleClick(action),
+        children: action.label
       }
-      if (isBaseQueryError(res.error) && res.error.details && typeof res.error.details === "object" && "prohibitedFields" in res.error.details && Array.isArray(res.error.details.prohibitedFields)) {
-        const prohibitedFields2 = res.error.details.prohibitedFields;
-        setProhibitedFields(prohibitedFields2);
+    ),
+    action.dialog?.type === "dialog" ? /* @__PURE__ */ jsx(
+      BulkActionConfirmDialog,
+      {
+        ...action.dialog,
+        variant: action.variant,
+        isOpen: dialogId === action.id,
+        onClose: handleClose
       }
-    },
-    dialog: {
-      type: "modal",
-      title: formatMessage({
-        id: "content-manager.containers.list.autoCloneModal.header",
-        defaultMessage: "Duplicate"
-      }),
-      content: /* @__PURE__ */ jsx(AutoCloneFailureModalBody, { prohibitedFields }),
-      footer: ({ onClose }) => {
-        return /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
-          /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "tertiary", children: formatMessage({
-            id: "cancel",
-            defaultMessage: "Cancel"
-          }) }),
-          /* @__PURE__ */ jsx(
-            LinkButton,
-            {
-              tag: NavLink,
-              to: {
-                pathname: `clone/${documentId}`
-              },
-              children: formatMessage({
-                id: "content-manager.containers.list.autoCloneModal.create",
-                defaultMessage: "Create"
-              })
-            }
-          )
-        ] });
+    ) : null,
+    action.dialog?.type === "modal" ? /* @__PURE__ */ jsx(
+      BulkActionModal,
+      {
+        ...action.dialog,
+        onModalClose: handleClose,
+        isOpen: dialogId === action.id
       }
-    }
-  };
+    ) : null
+  ] });
 };
-CloneAction.type = "clone";
-const StyledDuplicate = styled(Duplicate)`
-  path {
-    fill: currentColor;
-  }
-`;
-const DEFAULT_TABLE_ROW_ACTIONS = [EditAction, CloneAction];
-class ContentManagerPlugin {
-  /**
-   * The following properties are the stored ones provided by any plugins registering with
-   * the content-manager. The function calls however, need to be called at runtime in the
-   * application, so instead we collate them and run them later with the complete list incl.
-   * ones already registered & the context of the view.
-   */
-  bulkActions = [...DEFAULT_BULK_ACTIONS];
-  documentActions = [
-    ...DEFAULT_ACTIONS,
-    ...DEFAULT_TABLE_ROW_ACTIONS,
-    ...DEFAULT_HEADER_ACTIONS,
-    HistoryAction
-  ];
-  editViewSidePanels = [ActionsPanel];
-  headerActions = [];
-  constructor() {
-  }
-  addEditViewSidePanel(panels) {
-    if (Array.isArray(panels)) {
-      this.editViewSidePanels = [...this.editViewSidePanels, ...panels];
-    } else if (typeof panels === "function") {
-      this.editViewSidePanels = panels(this.editViewSidePanels);
-    } else {
-      throw new Error(
-        `Expected the \`panels\` passed to \`addEditViewSidePanel\` to be an array or a function, but received ${getPrintableType(
-          panels
-        )}`
-      );
+const BulkActionConfirmDialog = ({
+  onClose,
+  onCancel,
+  onConfirm,
+  title,
+  content,
+  confirmButton,
+  isOpen,
+  variant = "secondary"
+}) => {
+  const { formatMessage } = useIntl();
+  const handleClose = async () => {
+    if (onCancel) {
+      await onCancel();
     }
-  }
-  addDocumentAction(actions2) {
-    if (Array.isArray(actions2)) {
-      this.documentActions = [...this.documentActions, ...actions2];
-    } else if (typeof actions2 === "function") {
-      this.documentActions = actions2(this.documentActions);
-    } else {
-      throw new Error(
-        `Expected the \`actions\` passed to \`addDocumentAction\` to be an array or a function, but received ${getPrintableType(
-          actions2
-        )}`
-      );
+    onClose();
+  };
+  const handleConfirm = async () => {
+    if (onConfirm) {
+      await onConfirm();
     }
+    onClose();
+  };
+  return /* @__PURE__ */ jsxs(Dialog, { isOpen, title, onClose: handleClose, children: [
+    /* @__PURE__ */ jsx(DialogBody, { icon: /* @__PURE__ */ jsx(WarningCircle, {}), children: content }),
+    /* @__PURE__ */ jsx(
+      DialogFooter,
+      {
+        startAction: /* @__PURE__ */ jsx(Button, { onClick: handleClose, variant: "tertiary", children: formatMessage({
+          id: "app.components.Button.cancel",
+          defaultMessage: "Cancel"
+        }) }),
+        endAction: /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: handleConfirm,
+            variant: variant === "danger-light" ? variant : "secondary",
+            startIcon: variant === "danger-light" ? /* @__PURE__ */ jsx(Trash, {}) : /* @__PURE__ */ jsx(Check, {}),
+            children: confirmButton ? confirmButton : formatMessage({
+              id: "app.components.Button.confirm",
+              defaultMessage: "Confirm"
+            })
+          }
+        )
+      }
+    )
+  ] });
+};
+const BulkActionModal = ({
+  isOpen,
+  title,
+  onClose,
+  content: Content,
+  onModalClose
+}) => {
+  const id = React.useId();
+  if (!isOpen) {
+    return null;
   }
-  addDocumentHeaderAction(actions2) {
-    if (Array.isArray(actions2)) {
-      this.headerActions = [...this.headerActions, ...actions2];
-    } else if (typeof actions2 === "function") {
-      this.headerActions = actions2(this.headerActions);
-    } else {
-      throw new Error(
-        `Expected the \`actions\` passed to \`addDocumentHeaderAction\` to be an array or a function, but received ${getPrintableType(
-          actions2
-        )}`
-      );
+  const handleClose = () => {
+    if (onClose) {
+      onClose();
     }
-  }
-  addBulkAction(actions2) {
-    if (Array.isArray(actions2)) {
-      this.bulkActions = [...this.bulkActions, ...actions2];
-    } else if (typeof actions2 === "function") {
-      this.bulkActions = actions2(this.bulkActions);
-    } else {
-      throw new Error(
-        `Expected the \`actions\` passed to \`addBulkAction\` to be an array or a function, but received ${getPrintableType(
-          actions2
-        )}`
-      );
-    }
-  }
-  get config() {
-    return {
-      id: PLUGIN_ID,
-      name: "Content Manager",
-      injectionZones: INJECTION_ZONES,
-      apis: {
-        addBulkAction: this.addBulkAction.bind(this),
-        addDocumentAction: this.addDocumentAction.bind(this),
-        addDocumentHeaderAction: this.addDocumentHeaderAction.bind(this),
-        addEditViewSidePanel: this.addEditViewSidePanel.bind(this),
-        getBulkActions: () => this.bulkActions,
-        getDocumentActions: () => this.documentActions,
-        getEditViewSidePanels: () => this.editViewSidePanels,
-        getHeaderActions: () => this.headerActions
-      }
-    };
-  }
-}
-const getPrintableType = (value) => {
-  const nativeType = typeof value;
-  if (nativeType === "object") {
-    if (value === null)
-      return "null";
-    if (Array.isArray(value))
-      return "array";
-    if (value instanceof Object && value.constructor.name !== "Object") {
-      return value.constructor.name;
-    }
-  }
-  return nativeType;
-};
-const initialState = {
-  collectionTypeLinks: [],
-  components: [],
-  fieldSizes: {},
-  models: [],
-  singleTypeLinks: [],
-  isLoading: true
+    onModalClose();
+  };
+  return /* @__PURE__ */ jsxs(ModalLayout, { borderRadius: "4px", overflow: "hidden", onClose: handleClose, labelledBy: id, children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", textColor: "neutral800", tag: "h2", id, children: title }) }),
+    /* @__PURE__ */ jsx(Content, { onClose: handleClose })
+  ] });
 };
-const appSlice = createSlice({
-  name: "app",
-  initialState,
-  reducers: {
-    setInitialData(state, action) {
-      const {
-        authorizedCollectionTypeLinks,
-        authorizedSingleTypeLinks,
-        components,
-        contentTypeSchemas,
-        fieldSizes
-      } = action.payload;
-      state.collectionTypeLinks = authorizedCollectionTypeLinks.filter(
-        ({ isDisplayed }) => isDisplayed
-      );
-      state.singleTypeLinks = authorizedSingleTypeLinks.filter(({ isDisplayed }) => isDisplayed);
-      state.components = components;
-      state.models = contentTypeSchemas;
-      state.fieldSizes = fieldSizes;
-      state.isLoading = false;
+const DeleteAction = ({ documents, model }) => {
+  const { formatMessage } = useIntl();
+  const { schema: contentType } = useDoc();
+  const selectRow = useTable("DeleteAction", (state) => state.selectRow);
+  const hasI18nEnabled = Boolean(contentType?.pluginOptions?.i18n);
+  const [{ query }] = useQueryParams();
+  const params = React.useMemo(() => buildValidParams(query), [query]);
+  const hasDeletePermission = useDocumentRBAC("deleteAction", (state) => state.canDelete);
+  const { deleteMany: bulkDeleteAction } = useDocumentActions();
+  const documentIds = documents.map(({ documentId }) => documentId);
+  const handleConfirmBulkDelete = async () => {
+    const res = await bulkDeleteAction({
+      documentIds,
+      model,
+      params
+    });
+    if (!("error" in res)) {
+      selectRow([]);
     }
-  }
-});
-const { actions, reducer: reducer$1 } = appSlice;
-const { setInitialData } = actions;
-const reducer = combineReducers({
-  app: reducer$1
-});
-const HOOKS = {
-  /**
-   * Hook that allows to mutate the displayed headers of the list view table
-   * @constant
-   * @type {string}
-   */
-  INJECT_COLUMN_IN_TABLE: "Admin/CM/pages/ListView/inject-column-in-table",
-  /**
-   * Hook that allows to mutate the CM's collection types links pre-set filters
-   * @constant
-   * @type {string}
-   */
-  MUTATE_COLLECTION_TYPES_LINKS: "Admin/CM/pages/App/mutate-collection-types-links",
-  /**
-   * Hook that allows to mutate the CM's edit view layout
-   * @constant
-   * @type {string}
-   */
-  MUTATE_EDIT_VIEW_LAYOUT: "Admin/CM/pages/EditView/mutate-edit-view-layout",
-  /**
-   * Hook that allows to mutate the CM's single types links pre-set filters
-   * @constant
-   * @type {string}
-   */
-  MUTATE_SINGLE_TYPES_LINKS: "Admin/CM/pages/App/mutate-single-types-links"
-};
-const contentTypesApi = contentManagerApi.injectEndpoints({
-  endpoints: (builder) => ({
-    getContentTypeConfiguration: builder.query({
-      query: (uid) => ({
-        url: `/content-manager/content-types/${uid}/configuration`,
-        method: "GET"
-      }),
-      transformResponse: (response) => response.data,
-      providesTags: (_result, _error, uid) => [
-        { type: "ContentTypesConfiguration", id: uid },
-        { type: "ContentTypeSettings", id: "LIST" }
-      ]
-    }),
-    getAllContentTypeSettings: builder.query({
-      query: () => "/content-manager/content-types-settings",
-      transformResponse: (response) => response.data,
-      providesTags: [{ type: "ContentTypeSettings", id: "LIST" }]
-    }),
-    updateContentTypeConfiguration: builder.mutation({
-      query: ({ uid, ...body }) => ({
-        url: `/content-manager/content-types/${uid}/configuration`,
-        method: "PUT",
-        data: body
-      }),
-      transformResponse: (response) => response.data,
-      invalidatesTags: (_result, _error, { uid }) => [
-        { type: "ContentTypesConfiguration", id: uid },
-        { type: "ContentTypeSettings", id: "LIST" },
-        // Is this necessary?
-        { type: "InitialData" }
-      ]
-    })
-  })
-});
-const {
-  useGetContentTypeConfigurationQuery,
-  useGetAllContentTypeSettingsQuery,
-  useUpdateContentTypeConfigurationMutation
-} = contentTypesApi;
-const checkIfAttributeIsDisplayable = (attribute) => {
-  const { type } = attribute;
-  if (type === "relation") {
-    return !attribute.relation.toLowerCase().includes("morph");
-  }
-  return !["json", "dynamiczone", "richtext", "password", "blocks"].includes(type) && !!type;
-};
-const getMainField = (attribute, mainFieldName, { schemas, components }) => {
-  if (!mainFieldName) {
-    return void 0;
-  }
-  const mainFieldType = attribute.type === "component" ? components[attribute.component].attributes[mainFieldName].type : (
-    // @ts-expect-error – `targetModel` does exist on the attribute for a relation.
-    schemas.find((schema) => schema.uid === attribute.targetModel)?.attributes[mainFieldName].type
-  );
+  };
+  if (!hasDeletePermission)
+    return null;
   return {
-    name: mainFieldName,
-    type: mainFieldType ?? "string"
+    variant: "danger-light",
+    label: formatMessage({ id: "global.delete", defaultMessage: "Delete" }),
+    dialog: {
+      type: "dialog",
+      title: formatMessage({
+        id: "app.components.ConfirmDialog.title",
+        defaultMessage: "Confirmation"
+      }),
+      content: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+        /* @__PURE__ */ jsx(Typography, { id: "confirm-description", textAlign: "center", children: formatMessage({
+          id: "popUpWarning.bodyMessage.contentType.delete.all",
+          defaultMessage: "Are you sure you want to delete these entries?"
+        }) }),
+        hasI18nEnabled && /* @__PURE__ */ jsx(Box, { textAlign: "center", padding: 3, children: /* @__PURE__ */ jsx(Typography, { textColor: "danger500", children: formatMessage(
+          {
+            id: getTranslation("Settings.list.actions.deleteAdditionalInfos"),
+            defaultMessage: "This will delete the active locale versions <em>(from Internationalization)</em>"
+          },
+          {
+            em: Emphasis
+          }
+        ) }) })
+      ] }),
+      onConfirm: handleConfirmBulkDelete
+    }
   };
 };
-const DEFAULT_SETTINGS = {
-  bulkable: false,
-  filterable: false,
-  searchable: false,
-  pagination: false,
-  defaultSortBy: "",
-  defaultSortOrder: "asc",
-  mainField: "id",
-  pageSize: 10
-};
-const useDocumentLayout = (model) => {
-  const { schema, components } = useDocument({ model, collectionType: "" }, { skip: true });
-  const [{ query }] = useQueryParams();
-  const runHookWaterfall = useStrapiApp("useDocumentLayout", (state) => state.runHookWaterfall);
-  const { toggleNotification } = useNotification();
-  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
-  const { isLoading: isLoadingSchemas, schemas } = useContentTypeSchema();
-  const {
-    data,
-    isLoading: isLoadingConfigs,
-    error,
-    isFetching: isFetchingConfigs
-  } = useGetContentTypeConfigurationQuery(model);
-  const isLoading = isLoadingSchemas || isFetchingConfigs || isLoadingConfigs;
-  React.useEffect(() => {
-    if (error) {
-      toggleNotification({
-        type: "danger",
-        message: formatAPIError(error)
-      });
-    }
-  }, [error, formatAPIError, toggleNotification]);
-  const editLayout = React.useMemo(
-    () => data && !isLoading ? formatEditLayout(data, { schemas, schema, components }) : {
-      layout: [],
-      components: {},
-      metadatas: {},
-      options: {},
-      settings: DEFAULT_SETTINGS
-    },
-    [data, isLoading, schemas, schema, components]
-  );
-  const listLayout = React.useMemo(() => {
-    return data && !isLoading ? formatListLayout(data, { schemas, schema, components }) : {
-      layout: [],
-      metadatas: {},
-      options: {},
-      settings: DEFAULT_SETTINGS
-    };
-  }, [data, isLoading, schemas, schema, components]);
-  const { layout: edit } = React.useMemo(
-    () => runHookWaterfall(HOOKS.MUTATE_EDIT_VIEW_LAYOUT, {
-      layout: editLayout,
-      query
-    }),
-    [editLayout, query, runHookWaterfall]
-  );
+DeleteAction.type = "delete";
+const UnpublishAction = ({ documents, model }) => {
+  const { formatMessage } = useIntl();
+  const { schema } = useDoc();
+  const selectRow = useTable("UnpublishAction", (state) => state.selectRow);
+  const hasPublishPermission = useDocumentRBAC("unpublishAction", (state) => state.canPublish);
+  const hasI18nEnabled = Boolean(schema?.pluginOptions?.i18n);
+  const hasDraftAndPublishEnabled = Boolean(schema?.options?.draftAndPublish);
+  const { unpublishMany: bulkUnpublishAction } = useDocumentActions();
+  const documentIds = documents.map(({ documentId }) => documentId);
+  const [{ query }] = useQueryParams();
+  const params = React.useMemo(() => buildValidParams(query), [query]);
+  const handleConfirmBulkUnpublish = async () => {
+    const data = await bulkUnpublishAction({ documentIds, model, params });
+    if (!("error" in data)) {
+      selectRow([]);
+    }
+  };
+  const showUnpublishButton = hasDraftAndPublishEnabled && hasPublishPermission && documents.some((entry) => entry.status === "published" || entry.status === "modified");
+  if (!showUnpublishButton)
+    return null;
   return {
-    error,
-    isLoading,
-    edit,
-    list: listLayout
+    variant: "tertiary",
+    label: formatMessage({ id: "app.utils.unpublish", defaultMessage: "Unpublish" }),
+    dialog: {
+      type: "dialog",
+      title: formatMessage({
+        id: "app.components.ConfirmDialog.title",
+        defaultMessage: "Confirmation"
+      }),
+      content: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+        /* @__PURE__ */ jsx(Typography, { id: "confirm-description", textAlign: "center", children: formatMessage({
+          id: "popUpWarning.bodyMessage.contentType.unpublish.all",
+          defaultMessage: "Are you sure you want to unpublish these entries?"
+        }) }),
+        hasI18nEnabled && /* @__PURE__ */ jsx(Box, { textAlign: "center", padding: 3, children: /* @__PURE__ */ jsx(Typography, { textColor: "danger500", children: formatMessage(
+          {
+            id: getTranslation("Settings.list.actions.unpublishAdditionalInfos"),
+            defaultMessage: "This will unpublish the active locale versions <em>(from Internationalization)</em>"
+          },
+          {
+            em: Emphasis
+          }
+        ) }) })
+      ] }),
+      confirmButton: formatMessage({
+        id: "app.utils.unpublish",
+        defaultMessage: "Unpublish"
+      }),
+      onConfirm: handleConfirmBulkUnpublish
+    }
   };
 };
-const useDocLayout = () => {
-  const { model } = useDoc();
-  return useDocumentLayout(model);
+UnpublishAction.type = "unpublish";
+const Emphasis = (chunks) => /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", textColor: "danger500", children: chunks });
+const DEFAULT_BULK_ACTIONS = [PublishAction, UnpublishAction, DeleteAction];
+const AutoCloneFailureModalBody = ({ prohibitedFields }) => {
+  const { formatMessage } = useIntl();
+  const getDefaultErrorMessage = (reason) => {
+    switch (reason) {
+      case "relation":
+        return "Duplicating the relation could remove it from the original entry.";
+      case "unique":
+        return "Identical values in a unique field are not allowed";
+      default:
+        return reason;
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "beta", children: formatMessage({
+      id: getTranslation("containers.list.autoCloneModal.title"),
+      defaultMessage: "This entry can't be duplicated directly."
+    }) }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 2, children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: formatMessage({
+      id: getTranslation("containers.list.autoCloneModal.description"),
+      defaultMessage: "A new entry will be created with the same content, but you'll have to change the following fields to save it."
+    }) }) }),
+    /* @__PURE__ */ jsx(Flex, { marginTop: 6, gap: 2, direction: "column", alignItems: "stretch", children: prohibitedFields.map(([fieldPath, reason]) => /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        direction: "column",
+        gap: 2,
+        alignItems: "flex-start",
+        borderColor: "neutral200",
+        hasRadius: true,
+        padding: 6,
+        children: [
+          /* @__PURE__ */ jsx(Flex, { direction: "row", tag: "ol", children: fieldPath.map((pathSegment, index2) => /* @__PURE__ */ jsxs(Typography, { fontWeight: "semiBold", tag: "li", children: [
+            pathSegment,
+            index2 !== fieldPath.length - 1 && /* @__PURE__ */ jsx(
+              ChevronRight,
+              {
+                fill: "neutral500",
+                height: "0.8rem",
+                width: "0.8rem",
+                style: { margin: "0 0.8rem" }
+              }
+            )
+          ] }, index2)) }),
+          /* @__PURE__ */ jsx(Typography, { tag: "p", textColor: "neutral600", children: formatMessage({
+            id: getTranslation(`containers.list.autoCloneModal.error.${reason}`),
+            defaultMessage: getDefaultErrorMessage(reason)
+          }) })
+        ]
+      },
+      fieldPath.join()
+    )) })
+  ] });
 };
-const formatEditLayout = (data, {
-  schemas,
-  schema,
-  components
-}) => {
-  let currentPanelIndex = 0;
-  const panelledEditAttributes = convertEditLayoutToFieldLayouts(
-    data.contentType.layouts.edit,
-    schema?.attributes,
-    data.contentType.metadatas,
-    { configurations: data.components, schemas: components },
-    schemas
-  ).reduce((panels, row) => {
-    if (row.some((field) => field.type === "dynamiczone")) {
-      panels.push([row]);
-      currentPanelIndex += 2;
-    } else {
-      if (!panels[currentPanelIndex]) {
-        panels.push([]);
+const TableActions = ({ document }) => {
+  const { formatMessage } = useIntl();
+  const { model, collectionType } = useDoc();
+  const plugins = useStrapiApp("TableActions", (state) => state.plugins);
+  const props = {
+    activeTab: null,
+    model,
+    documentId: document.documentId,
+    collectionType,
+    document
+  };
+  return /* @__PURE__ */ jsx(
+    DescriptionComponentRenderer,
+    {
+      props,
+      descriptions: plugins["content-manager"].apis.getDocumentActions(),
+      children: (actions2) => {
+        const tableRowActions = actions2.filter((action) => {
+          const positions = Array.isArray(action.position) ? action.position : [action.position];
+          return positions.includes("table-row");
+        });
+        return /* @__PURE__ */ jsx(
+          DocumentActionsMenu,
+          {
+            actions: tableRowActions,
+            label: formatMessage({
+              id: "content-manager.containers.list.table.row-actions",
+              defaultMessage: "Row action"
+            }),
+            variant: "ghost"
+          }
+        );
       }
-      panels[currentPanelIndex].push(row);
     }
-    return panels;
-  }, []);
-  const componentEditAttributes = Object.entries(data.components).reduce(
-    (acc, [uid, configuration]) => {
-      acc[uid] = {
-        layout: convertEditLayoutToFieldLayouts(
-          configuration.layouts.edit,
-          components[uid].attributes,
-          configuration.metadatas
-        ),
-        settings: {
-          ...configuration.settings,
-          icon: components[uid].info.icon,
-          displayName: components[uid].info.displayName
-        }
-      };
-      return acc;
-    },
-    {}
-  );
-  const editMetadatas = Object.entries(data.contentType.metadatas).reduce(
-    (acc, [attribute, metadata]) => {
-      return {
-        ...acc,
-        [attribute]: metadata.edit
-      };
-    },
-    {}
   );
+};
+const EditAction = ({ documentId }) => {
+  const navigate = useNavigate();
+  const { formatMessage } = useIntl();
+  const { canRead } = useDocumentRBAC("EditAction", ({ canRead: canRead2 }) => ({ canRead: canRead2 }));
+  const { toggleNotification } = useNotification();
+  const [{ query }] = useQueryParams();
   return {
-    layout: panelledEditAttributes,
-    components: componentEditAttributes,
-    metadatas: editMetadatas,
-    settings: {
-      ...data.contentType.settings,
-      displayName: schema?.info.displayName
-    },
-    options: {
-      ...schema?.options,
-      ...schema?.pluginOptions,
-      ...data.contentType.options
+    disabled: !canRead,
+    icon: /* @__PURE__ */ jsx(StyledPencil, {}),
+    label: formatMessage({
+      id: "content-manager.actions.edit.label",
+      defaultMessage: "Edit"
+    }),
+    position: "table-row",
+    onClick: async () => {
+      if (!documentId) {
+        console.error(
+          "You're trying to edit a document without an id, this is likely a bug with Strapi. Please open an issue."
+        );
+        toggleNotification({
+          message: formatMessage({
+            id: "content-manager.actions.edit.error",
+            defaultMessage: "An error occurred while trying to edit the document."
+          }),
+          type: "danger"
+        });
+        return;
+      }
+      navigate({
+        pathname: documentId,
+        search: stringify({
+          plugins: query.plugins
+        })
+      });
     }
   };
 };
-const convertEditLayoutToFieldLayouts = (rows, attributes = {}, metadatas, components, schemas = []) => {
-  return rows.map(
-    (row) => row.map((field) => {
-      const attribute = attributes[field.name];
-      if (!attribute) {
-        return null;
+EditAction.type = "edit";
+const StyledPencil = styled(Pencil)`
+  path {
+    fill: currentColor;
+  }
+`;
+const CloneAction = ({ model, documentId }) => {
+  const navigate = useNavigate();
+  const { formatMessage } = useIntl();
+  const { canCreate } = useDocumentRBAC("CloneAction", ({ canCreate: canCreate2 }) => ({ canCreate: canCreate2 }));
+  const { toggleNotification } = useNotification();
+  const { autoClone } = useDocumentActions();
+  const [prohibitedFields, setProhibitedFields] = React.useState([]);
+  return {
+    disabled: !canCreate,
+    icon: /* @__PURE__ */ jsx(StyledDuplicate, {}),
+    label: formatMessage({
+      id: "content-manager.actions.clone.label",
+      defaultMessage: "Duplicate"
+    }),
+    position: "table-row",
+    onClick: async () => {
+      if (!documentId) {
+        console.error(
+          "You're trying to clone a document in the table without an id, this is likely a bug with Strapi. Please open an issue."
+        );
+        toggleNotification({
+          message: formatMessage({
+            id: "content-manager.actions.clone.error",
+            defaultMessage: "An error occurred while trying to clone the document."
+          }),
+          type: "danger"
+        });
+        return;
+      }
+      const res = await autoClone({ model, sourceId: documentId });
+      if ("data" in res) {
+        navigate(res.data.documentId);
+        return true;
+      }
+      if (isBaseQueryError(res.error) && res.error.details && typeof res.error.details === "object" && "prohibitedFields" in res.error.details && Array.isArray(res.error.details.prohibitedFields)) {
+        const prohibitedFields2 = res.error.details.prohibitedFields;
+        setProhibitedFields(prohibitedFields2);
       }
-      const { edit: metadata } = metadatas[field.name];
-      const settings = attribute.type === "component" && components ? components.configurations[attribute.component].settings : {};
-      return {
-        attribute,
-        disabled: !metadata.editable,
-        hint: metadata.description,
-        label: metadata.label ?? "",
-        name: field.name,
-        // @ts-expect-error – mainField does exist on the metadata for a relation.
-        mainField: getMainField(attribute, metadata.mainField || settings.mainField, {
-          schemas,
-          components: components?.schemas ?? {}
-        }),
-        placeholder: metadata.placeholder ?? "",
-        required: attribute.required ?? false,
-        size: field.size,
-        unique: "unique" in attribute ? attribute.unique : false,
-        visible: metadata.visible ?? true,
-        type: attribute.type
-      };
-    }).filter((field) => field !== null)
-  );
-};
-const formatListLayout = (data, {
-  schemas,
-  schema,
-  components
-}) => {
-  const listMetadatas = Object.entries(data.contentType.metadatas).reduce(
-    (acc, [attribute, metadata]) => {
-      return {
-        ...acc,
-        [attribute]: metadata.list
-      };
     },
-    {}
-  );
-  const listAttributes = convertListLayoutToFieldLayouts(
-    data.contentType.layouts.list,
-    schema?.attributes,
-    listMetadatas,
-    { configurations: data.components, schemas: components },
-    schemas
-  );
-  return {
-    layout: listAttributes,
-    settings: { ...data.contentType.settings, displayName: schema?.info.displayName },
-    metadatas: listMetadatas,
-    options: {
-      ...schema?.options,
-      ...schema?.pluginOptions,
-      ...data.contentType.options
+    dialog: {
+      type: "modal",
+      title: formatMessage({
+        id: "content-manager.containers.list.autoCloneModal.header",
+        defaultMessage: "Duplicate"
+      }),
+      content: /* @__PURE__ */ jsx(AutoCloneFailureModalBody, { prohibitedFields }),
+      footer: ({ onClose }) => {
+        return /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "tertiary", children: formatMessage({
+            id: "cancel",
+            defaultMessage: "Cancel"
+          }) }),
+          /* @__PURE__ */ jsx(
+            LinkButton,
+            {
+              tag: NavLink,
+              to: {
+                pathname: `clone/${documentId}`
+              },
+              children: formatMessage({
+                id: "content-manager.containers.list.autoCloneModal.create",
+                defaultMessage: "Create"
+              })
+            }
+          )
+        ] });
+      }
     }
   };
 };
-const convertListLayoutToFieldLayouts = (columns, attributes = {}, metadatas, components, schemas = []) => {
-  return columns.map((name) => {
-    const attribute = attributes[name];
-    if (!attribute) {
-      return null;
+CloneAction.type = "clone";
+const StyledDuplicate = styled(Duplicate)`
+  path {
+    fill: currentColor;
+  }
+`;
+const DEFAULT_TABLE_ROW_ACTIONS = [EditAction, CloneAction];
+class ContentManagerPlugin {
+  /**
+   * The following properties are the stored ones provided by any plugins registering with
+   * the content-manager. The function calls however, need to be called at runtime in the
+   * application, so instead we collate them and run them later with the complete list incl.
+   * ones already registered & the context of the view.
+   */
+  bulkActions = [...DEFAULT_BULK_ACTIONS];
+  documentActions = [
+    ...DEFAULT_ACTIONS,
+    ...DEFAULT_TABLE_ROW_ACTIONS,
+    ...DEFAULT_HEADER_ACTIONS,
+    HistoryAction
+  ];
+  editViewSidePanels = [ActionsPanel];
+  headerActions = [];
+  constructor() {
+  }
+  addEditViewSidePanel(panels) {
+    if (Array.isArray(panels)) {
+      this.editViewSidePanels = [...this.editViewSidePanels, ...panels];
+    } else if (typeof panels === "function") {
+      this.editViewSidePanels = panels(this.editViewSidePanels);
+    } else {
+      throw new Error(
+        `Expected the \`panels\` passed to \`addEditViewSidePanel\` to be an array or a function, but received ${getPrintableType(
+          panels
+        )}`
+      );
     }
-    const metadata = metadatas[name];
-    const settings = attribute.type === "component" && components ? components.configurations[attribute.component].settings : {};
+  }
+  addDocumentAction(actions2) {
+    if (Array.isArray(actions2)) {
+      this.documentActions = [...this.documentActions, ...actions2];
+    } else if (typeof actions2 === "function") {
+      this.documentActions = actions2(this.documentActions);
+    } else {
+      throw new Error(
+        `Expected the \`actions\` passed to \`addDocumentAction\` to be an array or a function, but received ${getPrintableType(
+          actions2
+        )}`
+      );
+    }
+  }
+  addDocumentHeaderAction(actions2) {
+    if (Array.isArray(actions2)) {
+      this.headerActions = [...this.headerActions, ...actions2];
+    } else if (typeof actions2 === "function") {
+      this.headerActions = actions2(this.headerActions);
+    } else {
+      throw new Error(
+        `Expected the \`actions\` passed to \`addDocumentHeaderAction\` to be an array or a function, but received ${getPrintableType(
+          actions2
+        )}`
+      );
+    }
+  }
+  addBulkAction(actions2) {
+    if (Array.isArray(actions2)) {
+      this.bulkActions = [...this.bulkActions, ...actions2];
+    } else if (typeof actions2 === "function") {
+      this.bulkActions = actions2(this.bulkActions);
+    } else {
+      throw new Error(
+        `Expected the \`actions\` passed to \`addBulkAction\` to be an array or a function, but received ${getPrintableType(
+          actions2
+        )}`
+      );
+    }
+  }
+  get config() {
     return {
-      attribute,
-      label: metadata.label ?? "",
-      mainField: getMainField(attribute, metadata.mainField || settings.mainField, {
-        schemas,
-        components: components?.schemas ?? {}
-      }),
-      name,
-      searchable: metadata.searchable ?? true,
-      sortable: metadata.sortable ?? true
+      id: PLUGIN_ID,
+      name: "Content Manager",
+      injectionZones: INJECTION_ZONES,
+      apis: {
+        addBulkAction: this.addBulkAction.bind(this),
+        addDocumentAction: this.addDocumentAction.bind(this),
+        addDocumentHeaderAction: this.addDocumentHeaderAction.bind(this),
+        addEditViewSidePanel: this.addEditViewSidePanel.bind(this),
+        getBulkActions: () => this.bulkActions,
+        getDocumentActions: () => this.documentActions,
+        getEditViewSidePanels: () => this.editViewSidePanels,
+        getHeaderActions: () => this.headerActions
+      }
     };
-  }).filter((field) => field !== null);
+  }
+}
+const getPrintableType = (value) => {
+  const nativeType = typeof value;
+  if (nativeType === "object") {
+    if (value === null)
+      return "null";
+    if (Array.isArray(value))
+      return "array";
+    if (value instanceof Object && value.constructor.name !== "Object") {
+      return value.constructor.name;
+    }
+  }
+  return nativeType;
+};
+const initialState = {
+  collectionTypeLinks: [],
+  components: [],
+  fieldSizes: {},
+  models: [],
+  singleTypeLinks: [],
+  isLoading: true
 };
+const appSlice = createSlice({
+  name: "app",
+  initialState,
+  reducers: {
+    setInitialData(state, action) {
+      const {
+        authorizedCollectionTypeLinks,
+        authorizedSingleTypeLinks,
+        components,
+        contentTypeSchemas,
+        fieldSizes
+      } = action.payload;
+      state.collectionTypeLinks = authorizedCollectionTypeLinks.filter(
+        ({ isDisplayed }) => isDisplayed
+      );
+      state.singleTypeLinks = authorizedSingleTypeLinks.filter(({ isDisplayed }) => isDisplayed);
+      state.components = components;
+      state.models = contentTypeSchemas;
+      state.fieldSizes = fieldSizes;
+      state.isLoading = false;
+    }
+  }
+});
+const { actions, reducer: reducer$1 } = appSlice;
+const { setInitialData } = actions;
+const reducer = combineReducers({
+  app: reducer$1
+});
 const index = {
   register(app) {
     const cm = new ContentManagerPlugin();
@@ -3409,7 +3866,7 @@ const index = {
         defaultMessage: "Content Manager"
       },
       permissions: [],
-      Component: () => import("./layout-BinjszSQ.mjs").then((mod) => ({ default: mod.Layout })),
+      Component: () => import("./layout-BzAbmoO6.mjs").then((mod) => ({ default: mod.Layout })),
       position: 1
     });
     app.registerPlugin(cm.config);
@@ -3417,7 +3874,7 @@ const index = {
   async registerTrads({ locales }) {
     const importedTrads = await Promise.all(
       locales.map((locale) => {
-        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ar.json": () => import("./ar-CCEVvqGG.mjs"), "./translations/ca.json": () => import("./ca-5U32ON2v.mjs"), "./translations/cs.json": () => import("./cs-CM2aBUar.mjs"), "./translations/de.json": () => import("./de-C72KDNOl.mjs"), "./translations/en.json": () => import("./en-GCOTL6jR.mjs"), "./translations/es.json": () => import("./es-CeXiYflN.mjs"), "./translations/eu.json": () => import("./eu-CdALomew.mjs"), "./translations/fr.json": () => import("./fr-CD9VFbPM.mjs"), "./translations/gu.json": () => import("./gu-CNpaMDpH.mjs"), "./translations/hi.json": () => import("./hi-Dwvd04m3.mjs"), "./translations/hu.json": () => import("./hu-CeYvaaO0.mjs"), "./translations/id.json": () => import("./id-BtwA9WJT.mjs"), "./translations/it.json": () => import("./it-BrVPqaf1.mjs"), "./translations/ja.json": () => import("./ja-CtsUxOvk.mjs"), "./translations/ko.json": () => import("./ko-HVQRlfUI.mjs"), "./translations/ml.json": () => import("./ml-BihZwQit.mjs"), "./translations/ms.json": () => import("./ms-m_WjyWx7.mjs"), "./translations/nl.json": () => import("./nl-D4R9gHx5.mjs"), "./translations/pl.json": () => import("./pl-sbx9mSt_.mjs"), "./translations/pt-BR.json": () => import("./pt-BR-C71iDxnh.mjs"), "./translations/pt.json": () => import("./pt-BsaFvS8-.mjs"), "./translations/ru.json": () => import("./ru-BE6A4Exp.mjs"), "./translations/sa.json": () => import("./sa-Dag0k-Z8.mjs"), "./translations/sk.json": () => import("./sk-BFg-R8qJ.mjs"), "./translations/sv.json": () => import("./sv-CUnfWGsh.mjs"), "./translations/th.json": () => import("./th-BqbI8lIT.mjs"), "./translations/tr.json": () => import("./tr-CgeK3wJM.mjs"), "./translations/uk.json": () => import("./uk-CR-zDhAY.mjs"), "./translations/vi.json": () => import("./vi-DUXIk_fw.mjs"), "./translations/zh-Hans.json": () => import("./zh-Hans-BPQcRIyH.mjs"), "./translations/zh.json": () => import("./zh-BWZspA60.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ar.json": () => import("./ar-CCEVvqGG.mjs"), "./translations/ca.json": () => import("./ca-5U32ON2v.mjs"), "./translations/cs.json": () => import("./cs-CM2aBUar.mjs"), "./translations/de.json": () => import("./de-C72KDNOl.mjs"), "./translations/en.json": () => import("./en-Ux26r5pl.mjs"), "./translations/es.json": () => import("./es-CeXiYflN.mjs"), "./translations/eu.json": () => import("./eu-CdALomew.mjs"), "./translations/fr.json": () => import("./fr-CD9VFbPM.mjs"), "./translations/gu.json": () => import("./gu-CNpaMDpH.mjs"), "./translations/hi.json": () => import("./hi-Dwvd04m3.mjs"), "./translations/hu.json": () => import("./hu-CeYvaaO0.mjs"), "./translations/id.json": () => import("./id-BtwA9WJT.mjs"), "./translations/it.json": () => import("./it-BrVPqaf1.mjs"), "./translations/ja.json": () => import("./ja-CtsUxOvk.mjs"), "./translations/ko.json": () => import("./ko-HVQRlfUI.mjs"), "./translations/ml.json": () => import("./ml-BihZwQit.mjs"), "./translations/ms.json": () => import("./ms-m_WjyWx7.mjs"), "./translations/nl.json": () => import("./nl-D4R9gHx5.mjs"), "./translations/pl.json": () => import("./pl-sbx9mSt_.mjs"), "./translations/pt-BR.json": () => import("./pt-BR-C71iDxnh.mjs"), "./translations/pt.json": () => import("./pt-BsaFvS8-.mjs"), "./translations/ru.json": () => import("./ru-BE6A4Exp.mjs"), "./translations/sa.json": () => import("./sa-Dag0k-Z8.mjs"), "./translations/sk.json": () => import("./sk-BFg-R8qJ.mjs"), "./translations/sv.json": () => import("./sv-CUnfWGsh.mjs"), "./translations/th.json": () => import("./th-BqbI8lIT.mjs"), "./translations/tr.json": () => import("./tr-CgeK3wJM.mjs"), "./translations/uk.json": () => import("./uk-CR-zDhAY.mjs"), "./translations/vi.json": () => import("./vi-DUXIk_fw.mjs"), "./translations/zh-Hans.json": () => import("./zh-Hans-BPQcRIyH.mjs"), "./translations/zh.json": () => import("./zh-BWZspA60.mjs") }), `./translations/${locale}.json`).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, PLUGIN_ID),
             locale
@@ -3450,31 +3907,31 @@ export {
   RelativeTime as R,
   SINGLE_TYPES as S,
   TableActions as T,
-  useGetAllContentTypeSettingsQuery as a,
-  useDoc as b,
-  buildValidParams as c,
-  contentManagerApi as d,
-  useDocumentRBAC as e,
-  useDocumentLayout as f,
+  useGetInitialDataQuery as a,
+  useGetAllContentTypeSettingsQuery as b,
+  useDoc as c,
+  buildValidParams as d,
+  contentManagerApi as e,
+  useDocumentRBAC as f,
   getTranslation as g,
-  createYupSchema as h,
-  Header as i,
-  PERMISSIONS as j,
-  DocumentRBAC as k,
-  DOCUMENT_META_FIELDS as l,
-  useDocLayout as m,
-  useContentTypeSchema as n,
+  useDocumentLayout as h,
+  createYupSchema as i,
+  Header as j,
+  PERMISSIONS as k,
+  DocumentRBAC as l,
+  DOCUMENT_META_FIELDS as m,
+  useDocLayout as n,
   useGetContentTypeConfigurationQuery as o,
   CREATOR_FIELDS as p,
   getMainField as q,
   routes as r,
   setInitialData as s,
   getDisplayName as t,
-  useGetInitialDataQuery as u,
+  useContentTypeSchema as u,
   checkIfAttributeIsDisplayable as v,
   useGetAllDocumentsQuery as w,
   convertListLayoutToFieldLayouts as x,
   capitalise as y,
   useUpdateContentTypeConfigurationMutation as z
 };
-//# sourceMappingURL=index-BaGHmIir.mjs.map
+//# sourceMappingURL=index-Drt2DN7v.mjs.map