@strapi/content-manager 0.0.0-experimental.727a0f9b729da91886ca93e88ec1d6d811d1beba → 0.0.0-experimental.76999222c105ee5da1bc2540e3b5e5f57747300c

package/dist/_chunks/{index-CPLVEK9S.js → index-76eawJUd.js}

@@ -293,7 +293,7 @@ const documentApi = contentManagerApi.injectEndpoints({
      */
     getAllDocuments: builder.query({
       query: ({ model, params }) => ({
-        url: `/content-manager/collection-types/${model}`,
+        url: `/content-manager/collection-types/${model}${params ? `?${params}` : ""}`,
         method: "GET",
         config: {
           params
@@ -991,9 +991,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;
   }, []);
@@ -1251,9 +1252,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;
@@ -1688,7 +1686,7 @@ const useDocumentActions = () => {
   };
 };
 const ProtectedHistoryPage = React.lazy(
-  () => Promise.resolve().then(() => require("./History-CpoL230C.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
+  () => Promise.resolve().then(() => require("./History-B2Dg9q7H.js")).then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
 const routes$1 = [
   {
@@ -1701,31 +1699,31 @@ const routes$1 = [
   }
 ];
 const ProtectedEditViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditViewPage-D6NVA2jV.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => Promise.resolve().then(() => require("./EditViewPage-BKQ83NAk.js")).then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ListViewPage-DU7nFGv3.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => Promise.resolve().then(() => require("./ListViewPage-Cu5dZKZe.js")).then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = React.lazy(
-  () => Promise.resolve().then(() => require("./ListConfigurationPage-Crl2VS2v.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ListConfigurationPage-BQCc3BnJ.js")).then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./EditConfigurationPage-C3-yCRnR.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./EditConfigurationPage-BVrCP5lF.js")).then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = React.lazy(
-  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-BM3DokSx.js")).then((mod) => ({
+  () => Promise.resolve().then(() => require("./ComponentConfigurationPage-WtZ2yaRP.js")).then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = React.lazy(
-  () => Promise.resolve().then(() => require("./NoPermissionsPage-IMVNnz82.js")).then((mod) => ({ default: mod.NoPermissions }))
+  () => Promise.resolve().then(() => require("./NoPermissionsPage-DJPwEpOD.js")).then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = React.lazy(
-  () => Promise.resolve().then(() => require("./NoContentTypePage-BzsH8cxC.js")).then((mod) => ({ default: mod.NoContentType }))
+  () => Promise.resolve().then(() => require("./NoContentTypePage-MGzn4JPu.js")).then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = reactRouterDom.useParams();
@@ -2084,8 +2082,8 @@ const transformData = (data) => {
     return data.map(transformData);
   }
   if (typeof data === "object" && data !== null) {
-    if ("api_data" in data) {
-      return data.api_data;
+    if ("apiData" in data) {
+      return data.apiData;
     }
     return mapValues__default.default(transformData)(data);
   }
@@ -3042,7 +3040,7 @@ const Panel = React__namespace.forwardRef(({ children, title }, ref) => {
       justifyContent: "stretch",
       alignItems: "flex-start",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "h2", variant: "sigma", textTransform: "uppercase", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "h2", variant: "sigma", textTransform: "uppercase", textColor: "neutral600", children: title }),
         children
       ]
     }
@@ -4025,6 +4023,57 @@ const { setInitialData } = actions;
 const reducer = toolkit.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 } = reactIntl.useIntl();
+  const { data, error } = useGetPreviewUrlQuery({
+    params: {
+      contentType: model
+    },
+    query: {
+      documentId,
+      locale: document?.locale,
+      status: document?.status
+    }
+  });
+  if (!data?.data?.url || error) {
+    return null;
+  }
+  return {
+    title: formatMessage({ id: "content-manager.preview.panel.title", defaultMessage: "Preview" }),
+    content: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", fullWidth: true, tag: reactRouterDom.Link, to: data.data.url, target: "_blank", 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;
+    if ("addEditViewSidePanel" in contentManagerPluginApis && typeof contentManagerPluginApis.addEditViewSidePanel === "function") {
+      contentManagerPluginApis.addEditViewSidePanel([PreviewSidePanel]);
+    }
+  }
+};
 const index = {
   register(app) {
     const cm = new ContentManagerPlugin();
@@ -4044,7 +4093,7 @@ const index = {
     app.router.addRoute({
       path: "content-manager/*",
       lazy: async () => {
-        const { Layout } = await Promise.resolve().then(() => require("./layout-Bhx5zy0x.js"));
+        const { Layout } = await Promise.resolve().then(() => require("./layout-CVz8WiDC.js"));
         return {
           Component: Layout
         };
@@ -4057,11 +4106,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": () => Promise.resolve().then(() => require("./ar-BUUWXIYu.js")), "./translations/ca.json": () => Promise.resolve().then(() => require("./ca-Cmk45QO6.js")), "./translations/cs.json": () => Promise.resolve().then(() => require("./cs-CkJy6B2v.js")), "./translations/de.json": () => Promise.resolve().then(() => require("./de-CCEmbAah.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-Bm0D0IWz.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-EUonQTon.js")), "./translations/eu.json": () => Promise.resolve().then(() => require("./eu-VDH-3ovk.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-B7kGGg3E.js")), "./translations/gu.json": () => Promise.resolve().then(() => require("./gu-BRmF601H.js")), "./translations/hi.json": () => Promise.resolve().then(() => require("./hi-CCJBptSq.js")), "./translations/hu.json": () => Promise.resolve().then(() => require("./hu-sNV_yLYy.js")), "./translations/id.json": () => Promise.resolve().then(() => require("./id-B5Ser98A.js")), "./translations/it.json": () => Promise.resolve().then(() => require("./it-DkBIs7vD.js")), "./translations/ja.json": () => Promise.resolve().then(() => require("./ja-CcFe8diO.js")), "./translations/ko.json": () => Promise.resolve().then(() => require("./ko-woFZPmLk.js")), "./translations/ml.json": () => Promise.resolve().then(() => require("./ml-C2W8N8k1.js")), "./translations/ms.json": () => Promise.resolve().then(() => require("./ms-BuFotyP_.js")), "./translations/nl.json": () => Promise.resolve().then(() => require("./nl-bbEOHChV.js")), "./translations/pl.json": () => Promise.resolve().then(() => require("./pl-uzwG-hk7.js")), "./translations/pt-BR.json": () => Promise.resolve().then(() => require("./pt-BR-BiOz37D9.js")), "./translations/pt.json": () => Promise.resolve().then(() => require("./pt-CeXQuq50.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-BT3ybNny.js")), "./translations/sa.json": () => Promise.resolve().then(() => require("./sa-CcvkYInH.js")), "./translations/sk.json": () => Promise.resolve().then(() => require("./sk-CvY09Xjv.js")), "./translations/sv.json": () => Promise.resolve().then(() => require("./sv-MYDuzgvT.js")), "./translations/th.json": () => Promise.resolve().then(() => require("./th-D9_GfAjc.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-D9UH-O_R.js")), "./translations/uk.json": () => Promise.resolve().then(() => require("./uk-C8EiqJY7.js")), "./translations/vi.json": () => Promise.resolve().then(() => require("./vi-CJlYDheJ.js")), "./translations/zh-Hans.json": () => Promise.resolve().then(() => require("./zh-Hans-9kOncHGw.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-CQQfszqR.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/ar.json": () => Promise.resolve().then(() => require("./ar-BUUWXIYu.js")), "./translations/ca.json": () => Promise.resolve().then(() => require("./ca-Cmk45QO6.js")), "./translations/cs.json": () => Promise.resolve().then(() => require("./cs-CkJy6B2v.js")), "./translations/de.json": () => Promise.resolve().then(() => require("./de-CCEmbAah.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-C-J4DGEe.js")), "./translations/es.json": () => Promise.resolve().then(() => require("./es-9K52xZIr.js")), "./translations/eu.json": () => Promise.resolve().then(() => require("./eu-VDH-3ovk.js")), "./translations/fr.json": () => Promise.resolve().then(() => require("./fr-B2Kyv8Z9.js")), "./translations/gu.json": () => Promise.resolve().then(() => require("./gu-BRmF601H.js")), "./translations/hi.json": () => Promise.resolve().then(() => require("./hi-CCJBptSq.js")), "./translations/hu.json": () => Promise.resolve().then(() => require("./hu-sNV_yLYy.js")), "./translations/id.json": () => Promise.resolve().then(() => require("./id-B5Ser98A.js")), "./translations/it.json": () => Promise.resolve().then(() => require("./it-DkBIs7vD.js")), "./translations/ja.json": () => Promise.resolve().then(() => require("./ja-7sfIbjxE.js")), "./translations/ko.json": () => Promise.resolve().then(() => require("./ko-woFZPmLk.js")), "./translations/ml.json": () => Promise.resolve().then(() => require("./ml-C2W8N8k1.js")), "./translations/ms.json": () => Promise.resolve().then(() => require("./ms-BuFotyP_.js")), "./translations/nl.json": () => Promise.resolve().then(() => require("./nl-bbEOHChV.js")), "./translations/pl.json": () => Promise.resolve().then(() => require("./pl-uzwG-hk7.js")), "./translations/pt-BR.json": () => Promise.resolve().then(() => require("./pt-BR-BiOz37D9.js")), "./translations/pt.json": () => Promise.resolve().then(() => require("./pt-CeXQuq50.js")), "./translations/ru.json": () => Promise.resolve().then(() => require("./ru-BT3ybNny.js")), "./translations/sa.json": () => Promise.resolve().then(() => require("./sa-CcvkYInH.js")), "./translations/sk.json": () => Promise.resolve().then(() => require("./sk-CvY09Xjv.js")), "./translations/sv.json": () => Promise.resolve().then(() => require("./sv-MYDuzgvT.js")), "./translations/th.json": () => Promise.resolve().then(() => require("./th-D9_GfAjc.js")), "./translations/tr.json": () => Promise.resolve().then(() => require("./tr-D9UH-O_R.js")), "./translations/uk.json": () => Promise.resolve().then(() => require("./uk-C8EiqJY7.js")), "./translations/vi.json": () => Promise.resolve().then(() => require("./vi-CJlYDheJ.js")), "./translations/zh-Hans.json": () => Promise.resolve().then(() => require("./zh-Hans-9kOncHGw.js")), "./translations/zh.json": () => Promise.resolve().then(() => require("./zh-CQQfszqR.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
           return {
             data: prefixPluginTranslations(data, PLUGIN_ID),
             locale
@@ -4120,4 +4172,4 @@ exports.useGetAllDocumentsQuery = useGetAllDocumentsQuery;
 exports.useGetContentTypeConfigurationQuery = useGetContentTypeConfigurationQuery;
 exports.useGetInitialDataQuery = useGetInitialDataQuery;
 exports.useUpdateContentTypeConfigurationMutation = useUpdateContentTypeConfigurationMutation;
-//# sourceMappingURL=index-CPLVEK9S.js.map
+//# sourceMappingURL=index-76eawJUd.js.map