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

package/dist/_chunks/{index-BI-3Gbhi.js → index-DXiHxy70.js}

@@ -1324,7 +1324,7 @@ const useDocumentActions = () => {
   };
 };
 const ProtectedHistoryPage = React.lazy(
-  () => Promise.resolve().then(() => require("./History-DWPijD_m.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
+  () => Promise.resolve().then(() => require("./History-DXSbTWez.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
 const routes$1 = [
   {
@@ -1337,31 +1337,31 @@ const routes$1 = [
   }
 ];
 const ProtectedEditViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditViewPage-Ci2MevDY.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => Promise.resolve().then(() => require("./EditViewPage-CHgoNwlc.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ListViewPage-C-o-L6cX.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => Promise.resolve().then(() => require("./ListViewPage-DfuwH1tt.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = React.lazy(
-  () => Promise.resolve().then(() => require("./ListConfigurationPage-CXZulAfo.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ListConfigurationPage-D5C7ACZ_.js")).then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditConfigurationPage-B6TcA_k2.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./EditConfigurationPage-B2AA1kVF.js")).then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-DM3Vsp1l.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-G4EIirP8.js")).then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = React.lazy(
-  () => Promise.resolve().then(() => require("./NoPermissionsPage-CNhQjSog.js")).then((mod) => ({ default: mod.NoPermissions }))
+  () => Promise.resolve().then(() => require("./NoPermissionsPage-Bu4GWYb-.js")).then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = React.lazy(
-  () => Promise.resolve().then(() => require("./NoContentTypePage-CqAdg_fd.js")).then((mod) => ({ default: mod.NoContentType }))
+  () => Promise.resolve().then(() => require("./NoContentTypePage-BIxlkWWi.js")).then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = reactRouterDom.useParams();
@@ -1560,7 +1560,7 @@ const DocumentActionsMenu = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Menu.Content, { top: "4px", maxHeight: void 0, popoverPlacement: "bottom-end", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Menu.Content, { maxHeight: void 0, popoverPlacement: "bottom-end", children: [
       actions2.map((action) => {
         return /* @__PURE__ */ jsxRuntime.jsx(
           designSystem.Menu.Item,
@@ -1684,11 +1684,11 @@ const DocumentActionConfirmDialog = ({
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: title }),
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Body, { children: content }),
     /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Footer, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", children: formatMessage({
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", fullWidth: true, children: formatMessage({
         id: "app.components.Button.cancel",
         defaultMessage: "Cancel"
       }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleConfirm, variant, children: formatMessage({
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: handleConfirm, variant, fullWidth: true, children: formatMessage({
         id: "app.components.Button.confirm",
         defaultMessage: "Confirm"
       }) })
@@ -2216,7 +2216,7 @@ const getDisplayName = ({
 };
 const capitalise = (str) => str.charAt(0).toUpperCase() + str.slice(1);
 const DocumentStatus = ({ status = "draft", ...restProps }) => {
-  const statusVariant = status === "draft" ? "primary" : status === "published" ? "success" : "alternative";
+  const statusVariant = status === "draft" ? "secondary" : status === "published" ? "success" : "alternative";
   return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Status, { ...restProps, showBullet: false, size: "S", variant: statusVariant, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "span", variant: "omega", fontWeight: "bold", children: capitalise(status) }) });
 };
 const Header = ({ isCreating, status, title: documentTitle = "Untitled" }) => {
@@ -2399,8 +2399,22 @@ const Information = ({ activeTab }) => {
   );
 };
 const HeaderActions = ({ actions: actions2 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: actions2.map((action) => {
-    if ("options" in action) {
+  const [dialogId, setDialogId] = React__namespace.useState(null);
+  const handleClick = (action) => async (e) => {
+    if (!("options" in action)) {
+      const { onClick = () => false, dialog, id } = action;
+      const muteDialog = await onClick(e);
+      if (dialog && !muteDialog) {
+        e.preventDefault();
+        setDialogId(id);
+      }
+    }
+  };
+  const handleClose = () => {
+    setDialogId(null);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 1, children: actions2.map((action) => {
+    if (action.options) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         designSystem.SingleSelect,
         {
@@ -2414,10 +2428,49 @@ const HeaderActions = ({ actions: actions2 }) => {
         action.id
       );
     } else {
-      return null;
+      if (action.type === "icon") {
+        return /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.IconButton,
+            {
+              disabled: action.disabled,
+              label: action.label,
+              size: "S",
+              onClick: handleClick(action),
+              children: action.icon
+            }
+          ),
+          action.dialog ? /* @__PURE__ */ jsxRuntime.jsx(
+            HeaderActionDialog,
+            {
+              ...action.dialog,
+              isOpen: dialogId === action.id,
+              onClose: handleClose
+            }
+          ) : null
+        ] }, action.id);
+      }
     }
   }) });
 };
+const HeaderActionDialog = ({
+  onClose,
+  onCancel,
+  title,
+  content: Content,
+  isOpen
+}) => {
+  const handleClose = async () => {
+    if (onCancel) {
+      await onCancel();
+    }
+    onClose();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: title }),
+    typeof Content === "function" ? /* @__PURE__ */ jsxRuntime.jsx(Content, { onClose: handleClose }) : Content
+  ] }) });
+};
 const ConfigureTheViewAction = ({ collectionType, model }) => {
   const navigate = reactRouterDom.useNavigate();
   const { formatMessage } = reactIntl.useIntl();
@@ -3913,7 +3966,7 @@ const index = {
     app.router.addRoute({
       path: "content-manager/*",
       lazy: async () => {
-        const { Layout } = await Promise.resolve().then(() => require("./layout-DFEVG8Tc.js"));
+        const { Layout } = await Promise.resolve().then(() => require("./layout-bE-WUnQ0.js"));
         return {
           Component: Layout
         };
@@ -3988,4 +4041,4 @@ exports.useGetAllDocumentsQuery = useGetAllDocumentsQuery;
 exports.useGetContentTypeConfigurationQuery = useGetContentTypeConfigurationQuery;
 exports.useGetInitialDataQuery = useGetInitialDataQuery;
 exports.useUpdateContentTypeConfigurationMutation = useUpdateContentTypeConfigurationMutation;
-//# sourceMappingURL=index-BI-3Gbhi.js.map
+//# sourceMappingURL=index-DXiHxy70.js.map