@strapi/content-manager 0.0.0-next.d6ed4fcf2c833656b8c91a90909c1e77c79379e5 → 0.0.0-next.e8d8fc824d0f6a695b2a9ebaa4680ed21c3645ca

package/dist/_chunks/{index-DLIkNVnQ.mjs → index-C2SagWVW.mjs}

@@ -1667,7 +1667,7 @@ const useDocumentActions = () => {
   };
 };
 const ProtectedHistoryPage = React.lazy(
-  () => import("./History-CIQHyi4T.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
+  () => import("./History-D8F7aYQU.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
 const routes$2 = [
   {
@@ -1680,7 +1680,7 @@ const routes$2 = [
   }
 ];
 const ProtectedPreviewPage = React.lazy(
-  () => import("./Preview-BVFFm7uB.mjs").then((mod) => ({ default: mod.ProtectedPreviewPage }))
+  () => import("./Preview-DECOhK0D.mjs").then((mod) => ({ default: mod.ProtectedPreviewPage }))
 );
 const routes$1 = [
   {
@@ -1693,31 +1693,31 @@ const routes$1 = [
   }
 ];
 const ProtectedEditViewPage = lazy(
-  () => import("./EditViewPage-CD_hqc1J.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => import("./EditViewPage-oOLeTySr.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = lazy(
-  () => import("./ListViewPage-C10McTK1.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => import("./ListViewPage-C73F0jPh.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = lazy(
-  () => import("./ListConfigurationPage-DcZsfyEL.mjs").then((mod) => ({
+  () => import("./ListConfigurationPage-DqAdSPwC.mjs").then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = lazy(
-  () => import("./EditConfigurationPage-BNjOAHNS.mjs").then((mod) => ({
+  () => import("./EditConfigurationPage-BZPXItXo.mjs").then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = lazy(
-  () => import("./ComponentConfigurationPage-BgCLcjXO.mjs").then((mod) => ({
+  () => import("./ComponentConfigurationPage-DaPOlQaD.mjs").then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = lazy(
-  () => import("./NoPermissionsPage-wfPBh2_0.mjs").then((mod) => ({ default: mod.NoPermissions }))
+  () => import("./NoPermissionsPage-UnEgMGK4.mjs").then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = lazy(
-  () => import("./NoContentTypePage-CPc0Cd3S.mjs").then((mod) => ({ default: mod.NoContentType }))
+  () => import("./NoContentTypePage-B5w7iJOF.mjs").then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = useParams();
@@ -2248,6 +2248,7 @@ const PublishAction$1 = ({
   };
 };
 PublishAction$1.type = "publish";
+PublishAction$1.position = "panel";
 const UpdateAction = ({
   activeTab,
   documentId,
@@ -2270,6 +2271,117 @@ const UpdateAction = ({
   const validate = useForm("UpdateAction", (state) => state.validate);
   const setErrors = useForm("UpdateAction", (state) => state.setErrors);
   const resetForm = useForm("PublishAction", ({ resetForm: resetForm2 }) => resetForm2);
+  const handleUpdate = React.useCallback(async () => {
+    setSubmitting(true);
+    try {
+      if (!modified) {
+        return;
+      }
+      const { errors } = await validate(true, {
+        status: "draft"
+      });
+      if (errors) {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage({
+            id: "content-manager.validation.error",
+            defaultMessage: "There are validation errors in your document. Please fix them before saving."
+          })
+        });
+        return;
+      }
+      if (isCloning) {
+        const res = await clone(
+          {
+            model,
+            documentId: cloneMatch.params.origin,
+            params
+          },
+          transformData(document)
+        );
+        if ("data" in res) {
+          navigate(
+            {
+              pathname: `../${res.data.documentId}`,
+              search: rawQuery
+            },
+            { relative: "path" }
+          );
+        } else if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
+          setErrors(formatValidationErrors(res.error));
+        }
+      } else if (documentId || collectionType === SINGLE_TYPES) {
+        const res = await update(
+          {
+            collectionType,
+            model,
+            documentId,
+            params
+          },
+          transformData(document)
+        );
+        if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
+          setErrors(formatValidationErrors(res.error));
+        } else {
+          resetForm();
+        }
+      } else {
+        const res = await create(
+          {
+            model,
+            params
+          },
+          transformData(document)
+        );
+        if ("data" in res && collectionType !== SINGLE_TYPES) {
+          navigate(
+            {
+              pathname: `../${res.data.documentId}`,
+              search: rawQuery
+            },
+            { replace: true, relative: "path" }
+          );
+        } else if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
+          setErrors(formatValidationErrors(res.error));
+        }
+      }
+    } finally {
+      setSubmitting(false);
+    }
+  }, [
+    clone,
+    cloneMatch?.params.origin,
+    collectionType,
+    create,
+    document,
+    documentId,
+    formatMessage,
+    formatValidationErrors,
+    isCloning,
+    model,
+    modified,
+    navigate,
+    params,
+    rawQuery,
+    resetForm,
+    setErrors,
+    setSubmitting,
+    toggleNotification,
+    update,
+    validate
+  ]);
+  React.useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        handleUpdate();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [handleUpdate]);
   return {
     /**
      * Disabled when:
@@ -2282,84 +2394,11 @@ const UpdateAction = ({
       id: "global.save",
       defaultMessage: "Save"
     }),
-    onClick: async () => {
-      setSubmitting(true);
-      try {
-        const { errors } = await validate(true, {
-          status: "draft"
-        });
-        if (errors) {
-          toggleNotification({
-            type: "danger",
-            message: formatMessage({
-              id: "content-manager.validation.error",
-              defaultMessage: "There are validation errors in your document. Please fix them before saving."
-            })
-          });
-          return;
-        }
-        if (isCloning) {
-          const res = await clone(
-            {
-              model,
-              documentId: cloneMatch.params.origin,
-              params
-            },
-            transformData(document)
-          );
-          if ("data" in res) {
-            navigate(
-              {
-                pathname: `../${res.data.documentId}`,
-                search: rawQuery
-              },
-              { relative: "path" }
-            );
-          } else if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
-            setErrors(formatValidationErrors(res.error));
-          }
-        } else if (documentId || collectionType === SINGLE_TYPES) {
-          const res = await update(
-            {
-              collectionType,
-              model,
-              documentId,
-              params
-            },
-            transformData(document)
-          );
-          if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
-            setErrors(formatValidationErrors(res.error));
-          } else {
-            resetForm();
-          }
-        } else {
-          const res = await create(
-            {
-              model,
-              params
-            },
-            transformData(document)
-          );
-          if ("data" in res && collectionType !== SINGLE_TYPES) {
-            navigate(
-              {
-                pathname: `../${res.data.documentId}`,
-                search: rawQuery
-              },
-              { replace: true, relative: "path" }
-            );
-          } else if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
-            setErrors(formatValidationErrors(res.error));
-          }
-        }
-      } finally {
-        setSubmitting(false);
-      }
-    }
+    onClick: handleUpdate
   };
 };
 UpdateAction.type = "update";
+UpdateAction.position = "panel";
 const UNPUBLISH_DRAFT_OPTIONS = {
   KEEP: "keep",
   DISCARD: "discard"
@@ -2482,6 +2521,7 @@ const UnpublishAction$1 = ({
   };
 };
 UnpublishAction$1.type = "unpublish";
+UnpublishAction$1.position = "panel";
 const DiscardAction = ({
   activeTab,
   documentId,
@@ -2532,6 +2572,7 @@ const DiscardAction = ({
   };
 };
 DiscardAction.type = "discard";
+DiscardAction.position = "panel";
 const DEFAULT_ACTIONS = [PublishAction$1, UpdateAction, UnpublishAction$1, DiscardAction];
 const intervals = ["years", "months", "days", "hours", "minutes", "seconds"];
 const RelativeTime = React.forwardRef(
@@ -2651,7 +2692,7 @@ const HeaderToolbar = () => {
           meta: isCloning ? void 0 : meta,
           collectionType
         },
-        descriptions: plugins["content-manager"].apis.getDocumentActions(),
+        descriptions: plugins["content-manager"].apis.getDocumentActions("header"),
         children: (actions2) => {
           const headerActions = actions2.filter((action) => {
             const positions = Array.isArray(action.position) ? action.position : [action.position];
@@ -2859,6 +2900,7 @@ const ConfigureTheViewAction = ({ collectionType, model }) => {
   };
 };
 ConfigureTheViewAction.type = "configure-the-view";
+ConfigureTheViewAction.position = "header";
 const EditTheModelAction = ({ model }) => {
   const navigate = useNavigate();
   const { formatMessage } = useIntl();
@@ -2875,6 +2917,7 @@ const EditTheModelAction = ({ model }) => {
   };
 };
 EditTheModelAction.type = "edit-the-model";
+EditTheModelAction.position = "header";
 const DeleteAction$1 = ({ documentId, model, collectionType, document }) => {
   const navigate = useNavigate();
   const { formatMessage } = useIntl();
@@ -2948,6 +2991,7 @@ const DeleteAction$1 = ({ documentId, model, collectionType, document }) => {
   };
 };
 DeleteAction$1.type = "delete";
+DeleteAction$1.position = ["header", "table-row"];
 const DEFAULT_HEADER_ACTIONS = [EditTheModelAction, ConfigureTheViewAction, DeleteAction$1];
 const Panels = () => {
   const isCloning = useMatch(CLONE_PATH) !== null;
@@ -3010,7 +3054,7 @@ const ActionsPanelContent = () => {
       DescriptionComponentRenderer,
       {
         props,
-        descriptions: plugins["content-manager"].apis.getDocumentActions(),
+        descriptions: plugins["content-manager"].apis.getDocumentActions("panel"),
         children: (actions2) => /* @__PURE__ */ jsx(DocumentActions, { actions: actions2 })
       }
     ),
@@ -3686,7 +3730,7 @@ const TableActions = ({ document }) => {
     DescriptionComponentRenderer,
     {
       props,
-      descriptions: plugins["content-manager"].apis.getDocumentActions().filter((action) => action.name !== "PublishAction"),
+      descriptions: plugins["content-manager"].apis.getDocumentActions("table-row").filter((action) => action.name !== "PublishAction"),
       children: (actions2) => {
         const tableRowActions = actions2.filter((action) => {
           const positions = Array.isArray(action.position) ? action.position : [action.position];
@@ -3745,6 +3789,7 @@ const EditAction = ({ documentId }) => {
   };
 };
 EditAction.type = "edit";
+EditAction.position = "table-row";
 const StyledPencil = styled(Pencil)`
   path {
     fill: currentColor;
@@ -3821,6 +3866,7 @@ const CloneAction = ({ model, documentId }) => {
   };
 };
 CloneAction.type = "clone";
+CloneAction.position = "table-row";
 const StyledDuplicate = styled(Duplicate)`
   path {
     fill: currentColor;
@@ -3907,7 +3953,14 @@ class ContentManagerPlugin {
         addDocumentHeaderAction: this.addDocumentHeaderAction.bind(this),
         addEditViewSidePanel: this.addEditViewSidePanel.bind(this),
         getBulkActions: () => this.bulkActions,
-        getDocumentActions: () => this.documentActions,
+        getDocumentActions: (position) => {
+          if (position) {
+            return this.documentActions.filter(
+              (action) => action.position == void 0 || [action.position].flat().includes(position)
+            );
+          }
+          return this.documentActions;
+        },
         getEditViewSidePanels: () => this.editViewSidePanels,
         getHeaderActions: () => this.headerActions
       }
@@ -3971,6 +4024,7 @@ const HistoryAction = ({ model, document }) => {
   };
 };
 HistoryAction.type = "history";
+HistoryAction.position = "header";
 const historyAdmin = {
   bootstrap(app) {
     const { addDocumentAction } = app.getPlugin("content-manager").apis;
@@ -4064,7 +4118,7 @@ const PreviewSidePanel = ({ model, documentId, document }) => {
   };
   return {
     title: formatMessage({ id: "content-manager.preview.panel.title", defaultMessage: "Preview" }),
-    content: /* @__PURE__ */ jsx(Flex, { gap: 2, width: "100%", children: /* @__PURE__ */ jsx(
+    content: /* @__PURE__ */ jsx(
       ConditionalTooltip,
       {
         label: formatMessage({
@@ -4072,31 +4126,29 @@ const PreviewSidePanel = ({ model, documentId, document }) => {
           defaultMessage: "Please save to open the preview"
         }),
         isShown: isModified,
-        children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx(Box, { cursor: "not-allowed", width: "100%", children: /* @__PURE__ */ jsx(
           Button,
           {
             variant: "tertiary",
             tag: Link,
             to: { pathname: "preview", search: stringify(query, { encode: false }) },
             onClick: trackNavigation,
-            flex: "auto",
+            width: "100%",
             disabled: isModified,
+            pointerEvents: isModified ? "none" : void 0,
+            tabIndex: isModified ? -1 : void 0,
             children: formatMessage({
               id: "content-manager.preview.panel.button",
               defaultMessage: "Open preview"
             })
           }
-        )
+        ) })
       }
-    ) })
+    )
   };
 };
-const FEATURE_ID = "preview";
 const previewAdmin = {
   bootstrap(app) {
-    if (!window.strapi.future.isEnabled(FEATURE_ID)) {
-      return;
-    }
     const contentManagerPluginApis = app.getPlugin("content-manager").apis;
     contentManagerPluginApis.addEditViewSidePanel([PreviewSidePanel]);
   }
@@ -4120,7 +4172,7 @@ const index = {
     app.router.addRoute({
       path: "content-manager/*",
       lazy: async () => {
-        const { Layout } = await import("./layout-qE8qkNH_.mjs");
+        const { Layout } = await import("./layout-DY_D9MGA.mjs");
         return {
           Component: Layout
         };
@@ -4202,4 +4254,4 @@ export {
   capitalise as y,
   useUpdateContentTypeConfigurationMutation as z
 };
-//# sourceMappingURL=index-DLIkNVnQ.mjs.map
+//# sourceMappingURL=index-C2SagWVW.mjs.map