@strapi/content-manager 5.0.0-rc.12 → 5.0.0-rc.14

package/dist/_chunks/{index-DF5b6TFn.mjs → index-BHfS6_D5.mjs}

@@ -3,7 +3,7 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useStrapiApp, createContext, useAuth, useRBAC, Page, adminApi, translatedErrors, useNotification, useAPIErrorHandler, getYupValidationErrors, useQueryParams, useTracking, useForm, BackButton, DescriptionComponentRenderer, useTable, Table } from "@strapi/admin/strapi-admin";
 import * as React from "react";
 import { lazy } from "react";
-import { Button, Menu, VisuallyHidden, Flex, Typography, Dialog, Modal, Radio, Status, Box, SingleSelect, SingleSelectOption, Loader, IconButton, Tooltip, LinkButton } from "@strapi/design-system";
+import { Button, Menu, VisuallyHidden, Flex, Typography, Dialog, Modal, Radio, Status, Box, SingleSelect, SingleSelectOption, IconButton, Loader, Tooltip, LinkButton } from "@strapi/design-system";
 import { useIntl } from "react-intl";
 import { useParams, useNavigate, Navigate, useMatch, useLocation, Link, NavLink } from "react-router-dom";
 import * as yup from "yup";
@@ -1303,7 +1303,7 @@ const useDocumentActions = () => {
   };
 };
 const ProtectedHistoryPage = lazy(
-  () => import("./History-D0-C35oC.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
+  () => import("./History-utls71em.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
 const routes$1 = [
   {
@@ -1316,31 +1316,31 @@ const routes$1 = [
   }
 ];
 const ProtectedEditViewPage = lazy(
-  () => import("./EditViewPage-DMNlG9Jo.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => import("./EditViewPage-zFjJK0s8.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = lazy(
-  () => import("./ListViewPage-Cg674I0s.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => import("./ListViewPage-CdKd-PS_.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = lazy(
-  () => import("./ListConfigurationPage-DVoaP9lg.mjs").then((mod) => ({
+  () => import("./ListConfigurationPage-CuMXWWqb.mjs").then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = lazy(
-  () => import("./EditConfigurationPage-4o3D0nlo.mjs").then((mod) => ({
+  () => import("./EditConfigurationPage-I2kKh9dx.mjs").then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = lazy(
-  () => import("./ComponentConfigurationPage-BNYW9KgT.mjs").then((mod) => ({
+  () => import("./ComponentConfigurationPage-CnL10QYC.mjs").then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = lazy(
-  () => import("./NoPermissionsPage-B_hXGAO2.mjs").then((mod) => ({ default: mod.NoPermissions }))
+  () => import("./NoPermissionsPage-DlWi4BAH.mjs").then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = lazy(
-  () => import("./NoContentTypePage-Ee3l4Sli.mjs").then((mod) => ({ default: mod.NoContentType }))
+  () => import("./NoContentTypePage-DkToTT7u.mjs").then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = useParams();
@@ -1539,7 +1539,7 @@ const DocumentActionsMenu = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs(Menu.Content, { top: "4px", maxHeight: void 0, popoverPlacement: "bottom-end", children: [
+    /* @__PURE__ */ jsxs(Menu.Content, { maxHeight: void 0, popoverPlacement: "bottom-end", children: [
       actions2.map((action) => {
         return /* @__PURE__ */ jsx(
           Menu.Item,
@@ -1663,11 +1663,11 @@ const DocumentActionConfirmDialog = ({
     /* @__PURE__ */ jsx(Dialog.Header, { children: title }),
     /* @__PURE__ */ jsx(Dialog.Body, { children: content }),
     /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
-      /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", children: formatMessage({
+      /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", fullWidth: true, children: formatMessage({
         id: "app.components.Button.cancel",
         defaultMessage: "Cancel"
       }) }) }),
-      /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, variant, children: formatMessage({
+      /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, variant, fullWidth: true, children: formatMessage({
         id: "app.components.Button.confirm",
         defaultMessage: "Confirm"
       }) })
@@ -2195,7 +2195,7 @@ const getDisplayName = ({
 };
 const capitalise = (str) => str.charAt(0).toUpperCase() + str.slice(1);
 const DocumentStatus = ({ status = "draft", ...restProps }) => {
-  const statusVariant = status === "draft" ? "primary" : status === "published" ? "success" : "alternative";
+  const statusVariant = status === "draft" ? "secondary" : status === "published" ? "success" : "alternative";
   return /* @__PURE__ */ jsx(Status, { ...restProps, showBullet: false, size: "S", variant: statusVariant, children: /* @__PURE__ */ jsx(Typography, { tag: "span", variant: "omega", fontWeight: "bold", children: capitalise(status) }) });
 };
 const Header = ({ isCreating, status, title: documentTitle = "Untitled" }) => {
@@ -2378,8 +2378,22 @@ const Information = ({ activeTab }) => {
   );
 };
 const HeaderActions = ({ actions: actions2 }) => {
-  return /* @__PURE__ */ jsx(Flex, { children: actions2.map((action) => {
-    if ("options" in action) {
+  const [dialogId, setDialogId] = React.useState(null);
+  const handleClick = (action) => async (e) => {
+    if (!("options" in action)) {
+      const { onClick = () => false, dialog, id } = action;
+      const muteDialog = await onClick(e);
+      if (dialog && !muteDialog) {
+        e.preventDefault();
+        setDialogId(id);
+      }
+    }
+  };
+  const handleClose = () => {
+    setDialogId(null);
+  };
+  return /* @__PURE__ */ jsx(Flex, { gap: 1, children: actions2.map((action) => {
+    if (action.options) {
       return /* @__PURE__ */ jsx(
         SingleSelect,
         {
@@ -2393,10 +2407,49 @@ const HeaderActions = ({ actions: actions2 }) => {
         action.id
       );
     } else {
-      return null;
+      if (action.type === "icon") {
+        return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              disabled: action.disabled,
+              label: action.label,
+              size: "S",
+              onClick: handleClick(action),
+              children: action.icon
+            }
+          ),
+          action.dialog ? /* @__PURE__ */ jsx(
+            HeaderActionDialog,
+            {
+              ...action.dialog,
+              isOpen: dialogId === action.id,
+              onClose: handleClose
+            }
+          ) : null
+        ] }, action.id);
+      }
     }
   }) });
 };
+const HeaderActionDialog = ({
+  onClose,
+  onCancel,
+  title,
+  content: Content,
+  isOpen
+}) => {
+  const handleClose = async () => {
+    if (onCancel) {
+      await onCancel();
+    }
+    onClose();
+  };
+  return /* @__PURE__ */ jsx(Dialog.Root, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+    /* @__PURE__ */ jsx(Dialog.Header, { children: title }),
+    typeof Content === "function" ? /* @__PURE__ */ jsx(Content, { onClose: handleClose }) : Content
+  ] }) });
+};
 const ConfigureTheViewAction = ({ collectionType, model }) => {
   const navigate = useNavigate();
   const { formatMessage } = useIntl();
@@ -3892,7 +3945,7 @@ const index = {
     app.router.addRoute({
       path: "content-manager/*",
       lazy: async () => {
-        const { Layout } = await import("./layout-CJYFoHje.mjs");
+        const { Layout } = await import("./layout-DX_52HSH.mjs");
         return {
           Component: Layout
         };
@@ -3969,4 +4022,4 @@ export {
   capitalise as y,
   useUpdateContentTypeConfigurationMutation as z
 };
-//# sourceMappingURL=index-DF5b6TFn.mjs.map
+//# sourceMappingURL=index-BHfS6_D5.mjs.map