@strapi/content-manager 5.0.6 → 5.1.0

package/dist/_chunks/{index-wnqzm4Q8.mjs → index-3_WeHXYp.mjs}

@@ -1,9 +1,10 @@
-import { More, Cross, WarningCircle, ListPlus, Pencil, Trash, Check, CrossCircle, CheckCircle, ArrowsCounterClockwise, ChevronRight, Duplicate, ClockCounterClockwise, Feather } from "@strapi/icons";
+import { More, Cross, WarningCircle, ListPlus, Pencil, Trash, Check, CrossCircle, CheckCircle, ArrowsCounterClockwise, ChevronRight, Duplicate, ClockCounterClockwise, Link as Link$1, Feather } from "@strapi/icons";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { useStrapiApp, createContext, useQueryParams, useAuth, useRBAC, Page, adminApi, translatedErrors, useNotification, useAPIErrorHandler, getYupValidationErrors, useForm, useTracking, useGuidedTour, BackButton, DescriptionComponentRenderer, useTable, Table } from "@strapi/admin/strapi-admin";
+import { useStrapiApp, createContext, useQueryParams, useAuth, useRBAC, Page, adminApi, translatedErrors, useNotification, useAPIErrorHandler, getYupValidationErrors, useForm, useTracking, useGuidedTour, BackButton, DescriptionComponentRenderer, useTable, Table, useClipboard } 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, IconButton, Loader, Tooltip, LinkButton } from "@strapi/design-system";
+import mapValues from "lodash/fp/mapValues";
 import { useIntl } from "react-intl";
 import { useParams, useNavigate, Navigate, useMatch, useLocation, Link, NavLink } from "react-router-dom";
 import * as yup from "yup";
@@ -968,9 +969,10 @@ const formatEditLayout = (data, {
       currentPanelIndex += 2;
     } else {
       if (!panels[currentPanelIndex]) {
-        panels.push([]);
+        panels.push([row]);
+      } else {
+        panels[currentPanelIndex].push(row);
       }
-      panels[currentPanelIndex].push(row);
     }
     return panels;
   }, []);
@@ -1228,9 +1230,6 @@ const useContentManagerContext = () => {
   };
 };
 const prefixPluginTranslations = (trad, pluginId) => {
-  if (!pluginId) {
-    throw new TypeError("pluginId can't be empty");
-  }
   return Object.keys(trad).reduce((acc, current) => {
     acc[`${pluginId}.${current}`] = trad[current];
     return acc;
@@ -1665,7 +1664,7 @@ const useDocumentActions = () => {
   };
 };
 const ProtectedHistoryPage = lazy(
-  () => import("./History-DRwA3oMM.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
+  () => import("./History-BOhLaq_g.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
 const routes$1 = [
   {
@@ -1678,31 +1677,31 @@ const routes$1 = [
   }
 ];
 const ProtectedEditViewPage = lazy(
-  () => import("./EditViewPage-B82x_x1b.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => import("./EditViewPage-DAtscabN.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = lazy(
-  () => import("./ListViewPage-CELx2ysp.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => import("./ListViewPage-ns-bmy5C.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = lazy(
-  () => import("./ListConfigurationPage-BxfQJzPk.mjs").then((mod) => ({
+  () => import("./ListConfigurationPage-D0vQez6F.mjs").then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = lazy(
-  () => import("./EditConfigurationPage-DdPNAbl3.mjs").then((mod) => ({
+  () => import("./EditConfigurationPage-_prbqpTM.mjs").then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = lazy(
-  () => import("./ComponentConfigurationPage-DfFSZQxe.mjs").then((mod) => ({
+  () => import("./ComponentConfigurationPage-BpM_Hc7r.mjs").then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = lazy(
-  () => import("./NoPermissionsPage-DWleVYK7.mjs").then((mod) => ({ default: mod.NoPermissions }))
+  () => import("./NoPermissionsPage-B0GdMw1Q.mjs").then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = lazy(
-  () => import("./NoContentTypePage-DtJ9jcfk.mjs").then((mod) => ({ default: mod.NoContentType }))
+  () => import("./NoContentTypePage-BA5ZKMDR.mjs").then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = useParams();
@@ -2056,6 +2055,18 @@ const DocumentActionModal = ({
     typeof Footer === "function" ? /* @__PURE__ */ jsx(Footer, { onClose: handleClose }) : Footer
   ] }) });
 };
+const transformData = (data) => {
+  if (Array.isArray(data)) {
+    return data.map(transformData);
+  }
+  if (typeof data === "object" && data !== null) {
+    if ("apiData" in data) {
+      return data.apiData;
+    }
+    return mapValues(transformData)(data);
+  }
+  return data;
+};
 const PublishAction$1 = ({
   activeTab,
   documentId,
@@ -2169,7 +2180,7 @@ const PublishAction$1 = ({
           documentId,
           params
         },
-        formValues
+        transformData(formValues)
       );
       if ("data" in res && collectionType !== SINGLE_TYPES) {
         navigate({
@@ -2285,7 +2296,7 @@ const UpdateAction = ({
               documentId: cloneMatch.params.origin,
               params
             },
-            document
+            transformData(document)
           );
           if ("data" in res) {
             navigate(
@@ -2306,7 +2317,7 @@ const UpdateAction = ({
               documentId,
               params
             },
-            document
+            transformData(document)
           );
           if ("error" in res && isBaseQueryError(res.error) && res.error.name === "ValidationError") {
             setErrors(formatValidationErrors(res.error));
@@ -2319,7 +2330,7 @@ const UpdateAction = ({
               model,
               params
             },
-            document
+            transformData(document)
           );
           if ("data" in res && collectionType !== SINGLE_TYPES) {
             navigate(
@@ -3007,7 +3018,7 @@ const Panel = React.forwardRef(({ children, title }, ref) => {
       justifyContent: "stretch",
       alignItems: "flex-start",
       children: [
-        /* @__PURE__ */ jsx(Typography, { tag: "h2", variant: "sigma", textTransform: "uppercase", children: title }),
+        /* @__PURE__ */ jsx(Typography, { tag: "h2", variant: "sigma", textTransform: "uppercase", textColor: "neutral600", children: title }),
         children
       ]
     }
@@ -3990,6 +4001,82 @@ const { setInitialData } = actions;
 const reducer = combineReducers({
   app: reducer$1
 });
+const previewApi = contentManagerApi.injectEndpoints({
+  endpoints: (builder) => ({
+    getPreviewUrl: builder.query({
+      query({ query, params }) {
+        return {
+          url: `/content-manager/preview/url/${params.contentType}`,
+          method: "GET",
+          config: {
+            params: query
+          }
+        };
+      }
+    })
+  })
+});
+const { useGetPreviewUrlQuery } = previewApi;
+const PreviewSidePanel = ({ model, documentId, document }) => {
+  const { formatMessage } = useIntl();
+  const { toggleNotification } = useNotification();
+  const { copy } = useClipboard();
+  const { data, error } = useGetPreviewUrlQuery({
+    params: {
+      contentType: model
+    },
+    query: {
+      documentId,
+      locale: document?.locale,
+      status: document?.status
+    }
+  });
+  if (!data?.data?.url || error) {
+    return null;
+  }
+  const { url } = data.data;
+  const handleCopyLink = () => {
+    copy(url);
+    toggleNotification({
+      message: formatMessage({
+        id: "content-manager.preview.copy.success",
+        defaultMessage: "Copied preview link"
+      }),
+      type: "success"
+    });
+  };
+  return {
+    title: formatMessage({ id: "content-manager.preview.panel.title", defaultMessage: "Preview" }),
+    content: /* @__PURE__ */ jsxs(Flex, { gap: 2, width: "100%", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "tertiary", tag: Link, to: url, target: "_blank", flex: "auto", children: formatMessage({
+        id: "content-manager.preview.panel.button",
+        defaultMessage: "Open preview"
+      }) }),
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          type: "button",
+          label: formatMessage({
+            id: "preview.copy.label",
+            defaultMessage: "Copy preview link"
+          }),
+          onClick: handleCopyLink,
+          children: /* @__PURE__ */ jsx(Link$1, {})
+        }
+      )
+    ] })
+  };
+};
+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]);
+  }
+};
 const index = {
   register(app) {
     const cm = new ContentManagerPlugin();
@@ -4009,7 +4096,7 @@ const index = {
     app.router.addRoute({
       path: "content-manager/*",
       lazy: async () => {
-        const { Layout } = await import("./layout-2CfjL0T9.mjs");
+        const { Layout } = await import("./layout-CrTxOnCy.mjs");
         return {
           Component: Layout
         };
@@ -4022,11 +4109,14 @@ const index = {
     if (typeof historyAdmin.bootstrap === "function") {
       historyAdmin.bootstrap(app);
     }
+    if (typeof previewAdmin.bootstrap === "function") {
+      previewAdmin.bootstrap(app);
+    }
   },
   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-DKV44jRb.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-CZw4xdPY.mjs"), "./translations/es.json": () => import("./es-D34tqjMw.mjs"), "./translations/eu.json": () => import("./eu-CdALomew.mjs"), "./translations/fr.json": () => import("./fr--pg5jUbt.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-BHqhDq4V.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
@@ -4087,4 +4177,4 @@ export {
   capitalise as y,
   useUpdateContentTypeConfigurationMutation as z
 };
-//# sourceMappingURL=index-wnqzm4Q8.mjs.map
+//# sourceMappingURL=index-3_WeHXYp.mjs.map