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

package/dist/_chunks/{index-B3c-4it4.mjs → index-BaGHmIir.mjs}

@@ -1,6 +1,6 @@
-import { ClockCounterClockwise, CrossCircle, More, WarningCircle, Cog, Pencil, Trash, ChevronRight, Duplicate, Feather } from "@strapi/icons";
+import { ClockCounterClockwise, CrossCircle, More, WarningCircle, ListPlus, Pencil, Trash, Check, ChevronRight, Duplicate, Feather } from "@strapi/icons";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { useStrapiApp, useQueryParams, createContext, useAuth, useRBAC, Page, getFetchClient, isFetchError, translatedErrors, useNotification, useAPIErrorHandler, useTracking, useForm, BackButton, DescriptionComponentRenderer } from "@strapi/admin/strapi-admin";
+import { useStrapiApp, useQueryParams, createContext, useAuth, useRBAC, Page, adminApi, translatedErrors, useNotification, useAPIErrorHandler, getYupValidationErrors, useTracking, useForm, BackButton, DescriptionComponentRenderer, useTable } from "@strapi/admin/strapi-admin";
 import { stringify } from "qs";
 import { useIntl } from "react-intl";
 import { useNavigate, useParams, Navigate, useMatch, NavLink } from "react-router-dom";
@@ -10,7 +10,6 @@ import { Menu, VisuallyHidden, Flex, Typography, Dialog, DialogBody, DialogFoote
 import { styled } from "styled-components";
 import * as yup from "yup";
 import { ValidationError } from "yup";
-import { createApi } from "@reduxjs/toolkit/query/react";
 import pipe from "lodash/fp/pipe";
 import { intervalToDuration, isPast } from "date-fns";
 import { createSlice, combineReducers } from "@reduxjs/toolkit";
@@ -156,9 +155,8 @@ const DocumentRBAC = ({ children, permissions }) => {
       const name = removeNumericalStrings(fieldName.split("."));
       const componentFieldNames = fieldsUserCanAction.filter((field) => field.split(".").length > 1);
       if (fieldType === "component") {
-        const componentOrDynamicZoneFields = componentFieldNames.map((field) => field.split("."));
-        return componentOrDynamicZoneFields.some((field) => {
-          return field.includes(fieldName);
+        return componentFieldNames.some((field) => {
+          return field.includes(name.join("."));
         });
       }
       if (name.length > 1) {
@@ -188,92 +186,8 @@ const extractAndDedupeFields = (permissions = []) => permissions.flatMap((permis
   (field, index2, arr) => arr.indexOf(field) === index2 && typeof field === "string"
 );
 const removeNumericalStrings = (arr) => arr.filter((item) => isNaN(Number(item)));
-const buildValidParams = (query) => {
-  if (!query)
-    return query;
-  const { plugins: _, ...validQueryParams } = {
-    ...query,
-    ...Object.values(query?.plugins ?? {}).reduce(
-      (acc, current) => Object.assign(acc, current),
-      {}
-    )
-  };
-  if ("_q" in validQueryParams) {
-    validQueryParams._q = encodeURIComponent(validQueryParams._q);
-  }
-  return validQueryParams;
-};
-const fetchBaseQuery = () => async (query, { signal }) => {
-  try {
-    const { get, post, del, put } = getFetchClient();
-    if (typeof query === "string") {
-      const result = await get(query, {
-        signal
-      });
-      return { data: result.data };
-    } else {
-      const { url, method = "GET", data, config } = query;
-      if (method === "POST") {
-        const result2 = await post(url, data, {
-          ...config,
-          signal
-        });
-        return { data: result2.data };
-      }
-      if (method === "DELETE") {
-        const result2 = await del(url, {
-          ...config,
-          signal
-        });
-        return { data: result2.data };
-      }
-      if (method === "PUT") {
-        const result2 = await put(url, data, {
-          ...config,
-          signal
-        });
-        return { data: result2.data };
-      }
-      const result = await get(url, {
-        ...config,
-        signal
-      });
-      return { data: result.data };
-    }
-  } catch (err) {
-    if (isFetchError(err)) {
-      if (typeof err.response?.data === "object" && err.response?.data !== null && "error" in err.response?.data) {
-        return { data: void 0, error: err.response?.data.error };
-      } else {
-        return {
-          data: void 0,
-          error: {
-            name: "UnknownError",
-            message: "There was an unknown error response from the API",
-            details: err.response,
-            status: err.status
-          }
-        };
-      }
-    }
-    const error = err;
-    return {
-      data: void 0,
-      error: {
-        name: error.name,
-        message: error.message,
-        stack: error.stack
-      }
-    };
-  }
-};
-const isBaseQueryError = (error) => {
-  return error.name !== void 0;
-};
-const contentManagerApi = createApi({
-  reducerPath: "contentManagerApi",
-  baseQuery: fetchBaseQuery(),
-  tagTypes: [
+const contentManagerApi = adminApi.enhanceEndpoints({
+  addTagTypes: [
     "ComponentConfiguration",
     "ContentTypesConfiguration",
     "ContentTypeSettings",
@@ -281,8 +195,7 @@ const contentManagerApi = createApi({
     "InitialData",
     "HistoryVersion",
     "Relations"
-  ],
-  endpoints: () => ({})
+  ]
 });
 const documentApi = contentManagerApi.injectEndpoints({
   endpoints: (builder) => ({
@@ -338,12 +251,15 @@ const documentApi = contentManagerApi.injectEndpoints({
       ]
     }),
     deleteManyDocuments: builder.mutation({
-      query: ({ model, ...body }) => ({
+      query: ({ model, params, ...body }) => ({
         url: `/content-manager/collection-types/${model}/actions/bulkDelete`,
         method: "POST",
-        data: body
+        data: body,
+        config: {
+          params
+        }
       }),
-      invalidatesTags: (_res, _error, { model, documentIds }) => documentIds.map((id) => ({ type: "Document", id: `${model}_${id}` }))
+      invalidatesTags: (_res, _error, { model }) => [{ type: "Document", id: `${model}_LIST` }]
     }),
     discardDocument: builder.mutation({
       query: ({ collectionType, model, documentId, params }) => ({
@@ -454,10 +370,13 @@ const documentApi = contentManagerApi.injectEndpoints({
       }
     }),
     publishManyDocuments: builder.mutation({
-      query: ({ model, ...body }) => ({
+      query: ({ model, params, ...body }) => ({
         url: `/content-manager/collection-types/${model}/actions/bulkPublish`,
         method: "POST",
-        data: body
+        data: body,
+        config: {
+          params
+        }
       }),
       invalidatesTags: (_res, _error, { model, documentIds }) => documentIds.map((id) => ({ type: "Document", id: `${model}_${id}` }))
     }),
@@ -499,10 +418,13 @@ const documentApi = contentManagerApi.injectEndpoints({
       }
     }),
     unpublishManyDocuments: builder.mutation({
-      query: ({ model, ...body }) => ({
+      query: ({ model, params, ...body }) => ({
         url: `/content-manager/collection-types/${model}/actions/bulkUnpublish`,
         method: "POST",
-        data: body
+        data: body,
+        config: {
+          params
+        }
       }),
       invalidatesTags: (_res, _error, { model, documentIds }) => documentIds.map((id) => ({ type: "Document", id: `${model}_${id}` }))
     })
@@ -526,6 +448,24 @@ const {
   useUnpublishDocumentMutation,
   useUnpublishManyDocumentsMutation
 } = documentApi;
+const buildValidParams = (query) => {
+  if (!query)
+    return query;
+  const { plugins: _, ...validQueryParams } = {
+    ...query,
+    ...Object.values(query?.plugins ?? {}).reduce(
+      (acc, current) => Object.assign(acc, current),
+      {}
+    )
+  };
+  if ("_q" in validQueryParams) {
+    validQueryParams._q = encodeURIComponent(validQueryParams._q);
+  }
+  return validQueryParams;
+};
+const isBaseQueryError = (error) => {
+  return error.name !== void 0;
+};
 const createYupSchema = (attributes = {}, components = {}) => {
   const createModelSchema = (attributes2) => yup.object().shape(
     Object.entries(attributes2).reduce((acc, [name, attribute]) => {
@@ -565,10 +505,14 @@ const createYupSchema = (attributes = {}, components = {}) => {
               yup.array().of(
                 yup.lazy(
                   (data) => {
-                    const { attributes: attributes3 } = components[data.__component];
-                    return yup.object().shape({
+                    const attributes3 = components?.[data?.__component]?.attributes;
+                    const validation = yup.object().shape({
                       __component: yup.string().required().oneOf(Object.keys(components))
-                    }).nullable(false).concat(createModelSchema(attributes3));
+                    }).nullable(false);
+                    if (!attributes3) {
+                      return validation;
+                    }
+                    return validation.concat(createModelSchema(attributes3));
                   }
                 )
               )
@@ -578,11 +522,25 @@ const createYupSchema = (attributes = {}, components = {}) => {
           return {
             ...acc,
             [name]: transformSchema(
-              yup.array().of(
-                yup.object().shape({
-                  id: yup.string().required()
-                })
-              )
+              yup.lazy((value) => {
+                if (!value) {
+                  return yup.mixed().nullable(true);
+                } else if (Array.isArray(value)) {
+                  return yup.array().of(
+                    yup.object().shape({
+                      id: yup.string().required()
+                    })
+                  );
+                } else if (typeof value === "object") {
+                  return yup.object();
+                } else {
+                  return yup.mixed().test(
+                    "type-error",
+                    "Relation values must be either null, an array of objects with {id} or an object.",
+                    () => false
+                  );
+                }
+              })
             )
           };
         default:
@@ -647,7 +605,12 @@ const addRequiredValidation = (attribute) => (schema) => {
       defaultMessage: "This field is required."
     });
   }
-  return schema.nullable();
+  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).
+    // In these cases we should just return the schema as it is.
+    schema
+  );
 };
 const addMinLengthValidation = (attribute) => (schema) => {
   if ("minLength" in attribute && attribute.minLength && Number.isInteger(attribute.minLength) && "min" in schema) {
@@ -719,24 +682,6 @@ const addRegexValidation = (attribute) => (schema) => {
   }
   return schema;
 };
-const extractValuesFromYupError = (errorType, errorParams) => {
-  if (!errorType || !errorParams) {
-    return {};
-  }
-  return {
-    [errorType]: errorParams[errorType]
-  };
-};
-const getInnerErrors = (error) => (error?.inner || []).reduce((acc, currentError) => {
-  if (currentError.path) {
-    acc[currentError.path.split("[").join(".").split("]").join("")] = {
-      id: currentError.message,
-      defaultMessage: currentError.message,
-      values: extractValuesFromYupError(currentError?.type, currentError?.params)
-    };
-  }
-  return acc;
-}, {});
 const initApi = contentManagerApi.injectEndpoints({
   endpoints: (builder) => ({
     getInitialData: builder.query({
@@ -750,27 +695,20 @@ const { useGetInitialDataQuery } = initApi;
 const useContentTypeSchema = (model) => {
   const { toggleNotification } = useNotification();
   const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();
-  const { components, contentType, contentTypes, error, isLoading, isFetching } = useGetInitialDataQuery(void 0, {
-    selectFromResult: (res) => {
-      const contentType2 = res.data?.contentTypes.find((ct) => ct.uid === model);
-      const componentsByKey = res.data?.components.reduce(
-        (acc, component) => {
-          acc[component.uid] = component;
-          return acc;
-        },
-        {}
-      );
-      const components2 = extractContentTypeComponents(contentType2?.attributes, componentsByKey);
-      return {
-        isLoading: res.isLoading,
-        isFetching: res.isFetching,
-        error: res.error,
-        components: Object.keys(components2).length === 0 ? void 0 : components2,
-        contentType: contentType2,
-        contentTypes: res.data?.contentTypes ?? []
-      };
-    }
-  });
+  const { data, error, isLoading, isFetching } = useGetInitialDataQuery(void 0);
+  const { components, contentType, contentTypes } = React.useMemo(() => {
+    const contentType2 = data?.contentTypes.find((ct) => ct.uid === model);
+    const componentsByKey = data?.components.reduce((acc, component) => {
+      acc[component.uid] = component;
+      return acc;
+    }, {});
+    const components2 = extractContentTypeComponents(contentType2?.attributes, componentsByKey);
+    return {
+      components: Object.keys(components2).length === 0 ? void 0 : components2,
+      contentType: contentType2,
+      contentTypes: data?.contentTypes ?? []
+    };
+  }, [model, data]);
   React.useEffect(() => {
     if (error) {
       toggleNotification({
@@ -853,7 +791,7 @@ const useDocument = (args, opts) => {
         return null;
       } catch (error2) {
         if (error2 instanceof ValidationError) {
-          return getInnerErrors(error2);
+          return getYupValidationErrors(error2);
         }
         throw error2;
       }
@@ -949,6 +887,44 @@ const useDocumentActions = () => {
     },
     [trackUsage, deleteDocument, toggleNotification, formatMessage, formatAPIError]
   );
+  const [deleteManyDocuments] = useDeleteManyDocumentsMutation();
+  const deleteMany = React.useCallback(
+    async ({ model, documentIds, params }) => {
+      try {
+        trackUsage("willBulkDeleteEntries");
+        const res = await deleteManyDocuments({
+          model,
+          documentIds,
+          params
+        });
+        if ("error" in res) {
+          toggleNotification({
+            type: "danger",
+            message: formatAPIError(res.error)
+          });
+          return { error: res.error };
+        }
+        toggleNotification({
+          type: "success",
+          title: formatMessage({
+            id: getTranslation("success.records.delete"),
+            defaultMessage: "Successfully deleted."
+          }),
+          message: ""
+        });
+        trackUsage("didBulkDeleteEntries");
+        return res.data;
+      } catch (err) {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage(DEFAULT_UNEXPECTED_ERROR_MSG)
+        });
+        trackUsage("didNotBulkDeleteEntries");
+        throw err;
+      }
+    },
+    [trackUsage, deleteManyDocuments, toggleNotification, formatMessage, formatAPIError]
+  );
   const [discardDocument] = useDiscardDocumentMutation();
   const discard = React.useCallback(
     async ({ collectionType, model, documentId }) => {
@@ -1018,6 +994,43 @@ const useDocumentActions = () => {
     },
     [trackUsage, publishDocument, toggleNotification, formatMessage, formatAPIError]
   );
+  const [publishManyDocuments] = usePublishManyDocumentsMutation();
+  const publishMany = React.useCallback(
+    async ({ model, documentIds, params }) => {
+      try {
+        const res = await publishManyDocuments({
+          model,
+          documentIds,
+          params
+        });
+        if ("error" in res) {
+          toggleNotification({ type: "danger", message: formatAPIError(res.error) });
+          return { error: res.error };
+        }
+        toggleNotification({
+          type: "success",
+          message: formatMessage({
+            id: getTranslation("success.record.publish"),
+            defaultMessage: "Published document"
+          })
+        });
+        return res.data;
+      } catch (err) {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage(DEFAULT_UNEXPECTED_ERROR_MSG)
+        });
+        throw err;
+      }
+    },
+    [
+      // trackUsage,
+      publishManyDocuments,
+      toggleNotification,
+      formatMessage,
+      formatAPIError
+    ]
+  );
   const [updateDocument] = useUpdateDocumentMutation();
   const update = React.useCallback(
     async ({ collectionType, model, documentId, params }, data, trackerProperty) => {
@@ -1092,6 +1105,41 @@ const useDocumentActions = () => {
     },
     [trackUsage, unpublishDocument, toggleNotification, formatMessage, formatAPIError]
   );
+  const [unpublishManyDocuments] = useUnpublishManyDocumentsMutation();
+  const unpublishMany = React.useCallback(
+    async ({ model, documentIds, params }) => {
+      try {
+        trackUsage("willBulkUnpublishEntries");
+        const res = await unpublishManyDocuments({
+          model,
+          documentIds,
+          params
+        });
+        if ("error" in res) {
+          toggleNotification({ type: "danger", message: formatAPIError(res.error) });
+          return { error: res.error };
+        }
+        trackUsage("didBulkUnpublishEntries");
+        toggleNotification({
+          type: "success",
+          title: formatMessage({
+            id: getTranslation("success.records.unpublish"),
+            defaultMessage: "Successfully unpublished."
+          }),
+          message: ""
+        });
+        return res.data;
+      } catch (err) {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage(DEFAULT_UNEXPECTED_ERROR_MSG)
+        });
+        trackUsage("didNotBulkUnpublishEntries");
+        throw err;
+      }
+    },
+    [trackUsage, unpublishManyDocuments, toggleNotification, formatMessage, formatAPIError]
+  );
   const [createDocument] = useCreateDocumentMutation();
   const create = React.useCallback(
     async ({ model, params }, data, trackerProperty) => {
@@ -1205,15 +1253,18 @@ const useDocumentActions = () => {
     clone,
     create,
     delete: _delete,
+    deleteMany,
     discard,
     getDocument,
     publish,
+    publishMany,
     unpublish,
+    unpublishMany,
     update
   };
 };
 const ProtectedHistoryPage = lazy(
-  () => import("./History-Dug_4HIA.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
+  () => import("./History-BFNUAiGc.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
 const routes$1 = [
   {
@@ -1226,31 +1277,31 @@ const routes$1 = [
   }
 ];
 const ProtectedEditViewPage = lazy(
-  () => import("./EditViewPage-BVIrgjyG.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => import("./EditViewPage-dFPBya9U.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = lazy(
-  () => import("./ListViewPage-Dsoa3wEA.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => import("./ListViewPage-BPjljUsH.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = lazy(
-  () => import("./ListConfigurationPage-CmEeNg6T.mjs").then((mod) => ({
+  () => import("./ListConfigurationPage-DDi0KqFm.mjs").then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = lazy(
-  () => import("./EditConfigurationPage-B2HhCh-b.mjs").then((mod) => ({
+  () => import("./EditConfigurationPage-DbI4KMyz.mjs").then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = lazy(
-  () => import("./ComponentConfigurationPage-uTMkLI60.mjs").then((mod) => ({
+  () => import("./ComponentConfigurationPage-CuWgXugY.mjs").then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = lazy(
-  () => import("./NoPermissionsPage-Dt2O40ey.mjs").then((mod) => ({ default: mod.NoPermissions }))
+  () => import("./NoPermissionsPage-CZrJH00p.mjs").then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = lazy(
-  () => import("./NoContentTypePage-Dh38hBXB.mjs").then((mod) => ({ default: mod.NoContentType }))
+  () => import("./NoContentTypePage-DaWw67K-.mjs").then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = useParams();
@@ -1562,7 +1613,7 @@ const DocumentActionModal = ({
   title,
   onClose,
   footer: Footer,
-  content,
+  content: Content,
   onModalClose
 }) => {
   const id = React.useId();
@@ -1577,7 +1628,7 @@ const DocumentActionModal = ({
   };
   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(ModalBody, { children: content }),
+    /* @__PURE__ */ jsx(ModalBody, { children: typeof Content === "function" ? /* @__PURE__ */ jsx(Content, { onClose: handleClose }) : Content }),
     /* @__PURE__ */ jsx(
       Box,
       {
@@ -1794,7 +1845,7 @@ const UNPUBLISH_DRAFT_OPTIONS = {
   KEEP: "keep",
   DISCARD: "discard"
 };
-const UnpublishAction = ({
+const UnpublishAction$1 = ({
   activeTab,
   documentId,
   model,
@@ -1869,6 +1920,7 @@ const UnpublishAction = ({
             direction: "column",
             alignItems: "flex-start",
             tag: "fieldset",
+            borderWidth: 0,
             gap: 3,
             children: [
               /* @__PURE__ */ jsx(VisuallyHidden, { tag: "legend" }),
@@ -1928,7 +1980,7 @@ const UnpublishAction = ({
     position: ["panel", "table-row"]
   };
 };
-UnpublishAction.type = "unpublish";
+UnpublishAction$1.type = "unpublish";
 const DiscardAction = ({
   activeTab,
   documentId,
@@ -1984,7 +2036,7 @@ const StyledCrossCircle = styled(CrossCircle)`
     fill: currentColor;
   }
 `;
-const DEFAULT_ACTIONS = [PublishAction, UpdateAction, UnpublishAction, DiscardAction];
+const DEFAULT_ACTIONS = [PublishAction, UpdateAction, UnpublishAction$1, DiscardAction];
 const intervals = ["years", "months", "days", "hours", "minutes", "seconds"];
 const RelativeTime = React.forwardRef(
   ({ timestamp, customIntervals = [], ...restProps }, forwardedRef) => {
@@ -2251,7 +2303,7 @@ const ConfigureTheViewAction = ({ collectionType, model }) => {
       id: "app.links.configure-view",
       defaultMessage: "Configure the view"
     }),
-    icon: /* @__PURE__ */ jsx(StyledCog, {}),
+    icon: /* @__PURE__ */ jsx(ListPlus, {}),
     onClick: () => {
       navigate(`../${collectionType}/${model}/configurations/edit`);
     },
@@ -2259,11 +2311,6 @@ const ConfigureTheViewAction = ({ collectionType, model }) => {
   };
 };
 ConfigureTheViewAction.type = "configure-the-view";
-const StyledCog = styled(Cog)`
-  path {
-    fill: currentColor;
-  }
-`;
 const EditTheModelAction = ({ model }) => {
   const navigate = useNavigate();
   const { formatMessage } = useIntl();
@@ -2272,7 +2319,7 @@ const EditTheModelAction = ({ model }) => {
       id: "content-manager.link-to-ctb",
       defaultMessage: "Edit the model"
     }),
-    icon: /* @__PURE__ */ jsx(StyledPencil$1, {}),
+    icon: /* @__PURE__ */ jsx(Pencil, {}),
     onClick: () => {
       navigate(`/plugins/content-type-builder/content-types/${model}`);
     },
@@ -2280,12 +2327,7 @@ const EditTheModelAction = ({ model }) => {
   };
 };
 EditTheModelAction.type = "edit-the-model";
-const StyledPencil$1 = styled(Pencil)`
-  path {
-    fill: currentColor;
-  }
-`;
-const DeleteAction = ({ documentId, model, collectionType, document }) => {
+const DeleteAction$1 = ({ documentId, model, collectionType, document }) => {
   const navigate = useNavigate();
   const { formatMessage } = useIntl();
   const listViewPathMatch = useMatch(LIST_PATH);
@@ -2299,7 +2341,7 @@ const DeleteAction = ({ documentId, model, collectionType, document }) => {
       id: "content-manager.actions.delete.label",
       defaultMessage: "Delete document"
     }),
-    icon: /* @__PURE__ */ jsx(StyledTrash, {}),
+    icon: /* @__PURE__ */ jsx(Trash, {}),
     dialog: {
       type: "dialog",
       title: formatMessage({
@@ -2353,13 +2395,8 @@ const DeleteAction = ({ documentId, model, collectionType, document }) => {
     position: ["header", "table-row"]
   };
 };
-DeleteAction.type = "delete";
-const StyledTrash = styled(Trash)`
-  path {
-    fill: currentColor;
-  }
-`;
-const DEFAULT_HEADER_ACTIONS = [EditTheModelAction, ConfigureTheViewAction, DeleteAction];
+DeleteAction$1.type = "delete";
+const DEFAULT_HEADER_ACTIONS = [EditTheModelAction, ConfigureTheViewAction, DeleteAction$1];
 const Panels = () => {
   const isCloning = useMatch(CLONE_PATH) !== null;
   const [
@@ -2454,7 +2491,262 @@ const Panel = React.forwardRef(({ children, title }, ref) => {
     }
   );
 });
-const DEFAULT_BULK_ACTIONS = [];
+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 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
+      }
+    ),
+    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
+      }
+    ) : null
+  ] });
+};
+const BulkActionConfirmDialog = ({
+  onClose,
+  onCancel,
+  onConfirm,
+  title,
+  content,
+  confirmButton,
+  isOpen,
+  variant = "secondary"
+}) => {
+  const { formatMessage } = useIntl();
+  const handleClose = async () => {
+    if (onCancel) {
+      await onCancel();
+    }
+    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;
+  }
+  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 [{ 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([]);
+    }
+  };
+  if (!hasDeletePermission)
+    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(
+          {
+            id: getTranslation("Settings.list.actions.deleteAdditionalInfos"),
+            defaultMessage: "This will delete the active locale versions <em>(from Internationalization)</em>"
+          },
+          {
+            em: Emphasis
+          }
+        ) }) })
+      ] }),
+      onConfirm: handleConfirmBulkDelete
+    }
+  };
+};
+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(
+          {
+            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
+    }
+  };
+};
+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 { formatMessage } = useIntl();
   const getDefaultErrorMessage = (reason) => {
@@ -3107,10 +3399,8 @@ const index = {
   register(app) {
     const cm = new ContentManagerPlugin();
     app.addReducers({
-      [contentManagerApi.reducerPath]: contentManagerApi.reducer,
       [PLUGIN_ID]: reducer
     });
-    app.addMiddlewares([() => contentManagerApi.middleware]);
     app.addMenuLink({
       to: PLUGIN_ID,
       icon: Feather,
@@ -3119,14 +3409,15 @@ const index = {
         defaultMessage: "Content Manager"
       },
       permissions: [],
-      Component: () => import("./layout-B5cm7cZj.mjs").then((mod) => ({ default: mod.Layout }))
+      Component: () => import("./layout-BinjszSQ.mjs").then((mod) => ({ default: mod.Layout })),
+      position: 1
     });
     app.registerPlugin(cm.config);
   },
   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-MBPul9Su.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-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 {
             data: prefixPluginTranslations(data, PLUGIN_ID),
             locale
@@ -3144,16 +3435,17 @@ const index = {
 };
 export {
   ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD as A,
-  extractContentTypeComponents as B,
+  BulkActionsRenderer as B,
   COLLECTION_TYPES as C,
   DocumentStatus as D,
-  DEFAULT_SETTINGS as E,
-  convertEditLayoutToFieldLayouts as F,
-  useDocument as G,
+  extractContentTypeComponents as E,
+  DEFAULT_SETTINGS as F,
+  convertEditLayoutToFieldLayouts as G,
   HOOKS as H,
   InjectionZone as I,
-  index as J,
-  useDocumentActions as K,
+  useDocument as J,
+  index as K,
+  useDocumentActions as L,
   Panels as P,
   RelativeTime as R,
   SINGLE_TYPES as S,
@@ -3185,4 +3477,4 @@ export {
   capitalise as y,
   useUpdateContentTypeConfigurationMutation as z
 };
-//# sourceMappingURL=index-B3c-4it4.mjs.map
+//# sourceMappingURL=index-BaGHmIir.mjs.map