@strapi/content-manager 5.1.0 → 5.2.0

package/dist/_chunks/{en-CZw4xdPY.mjs → en-D_BMf0hT.mjs}

@@ -104,6 +104,9 @@ const en = {
   "containers.Home.introduction": "To edit your entries go to the specific link in the left menu. This plugin doesn't have a proper way to edit settings and it's still under active development.",
   "containers.Home.pluginHeaderDescription": "Manage your entries through a powerful and beautiful interface.",
   "containers.Home.pluginHeaderTitle": "Content Manager",
+  "containers.List.draft": "Draft",
+  "containers.List.published": "Published",
+  "containers.List.modified": "Modified",
   "containers.list.displayedFields": "Displayed Fields",
   "containers.list.items": "{number} {number, plural, =0 {items} one {item} other {items}}",
   "containers.list.table.row-actions": "Row actions",
@@ -236,6 +239,8 @@ const en = {
   "popover.display-relations.label": "Display relations",
   "preview.panel.title": "Preview",
   "preview.panel.button": "Open preview",
+  "preview.page-title": "{contentType} preview",
+  "preview.header.close": "Close preview",
   "preview.copy.label": "Copy preview link",
   "preview.copy.success": "Copied preview link",
   "relation.add": "Add relation",
@@ -294,4 +299,4 @@ export {
   models,
   pageNotFound
 };
-//# sourceMappingURL=en-CZw4xdPY.mjs.map
+//# sourceMappingURL=en-D_BMf0hT.mjs.map

package/dist/_chunks/{en-CZw4xdPY.mjs.map → en-D_BMf0hT.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"en-CZw4xdPY.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"en-D_BMf0hT.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
-import { More, Cross, WarningCircle, ListPlus, Pencil, Trash, Check, CrossCircle, CheckCircle, ArrowsCounterClockwise, ChevronRight, Duplicate, ClockCounterClockwise, Link as Link$1, Feather } from "@strapi/icons";
+import { More, Cross, WarningCircle, ListPlus, Pencil, Trash, Check, CrossCircle, CheckCircle, ArrowsCounterClockwise, ChevronRight, Duplicate, ClockCounterClockwise, 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, useClipboard } from "@strapi/admin/strapi-admin";
+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 * 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";
@@ -1663,10 +1663,10 @@ const useDocumentActions = () => {
     update
   };
 };
-const ProtectedHistoryPage = lazy(
-  () => import("./History-BOhLaq_g.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
+const ProtectedHistoryPage = React.lazy(
+  () => import("./History-B9uJsxZl.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
-const routes$1 = [
+const routes$2 = [
   {
     path: ":collectionType/:slug/:id/history",
     Component: ProtectedHistoryPage
@@ -1676,32 +1676,45 @@ const routes$1 = [
     Component: ProtectedHistoryPage
   }
 ];
+const ProtectedPreviewPage = React.lazy(
+  () => import("./Preview-DRJhcaIO.mjs").then((mod) => ({ default: mod.ProtectedPreviewPage }))
+);
+const routes$1 = [
+  {
+    path: ":collectionType/:slug/:id/preview",
+    Component: ProtectedPreviewPage
+  },
+  {
+    path: ":collectionType/:slug/preview",
+    Component: ProtectedPreviewPage
+  }
+];
 const ProtectedEditViewPage = lazy(
-  () => import("./EditViewPage-DAtscabN.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => import("./EditViewPage-hiwZg61J.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = lazy(
-  () => import("./ListViewPage-ns-bmy5C.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => import("./ListViewPage-Ca8F1NL-.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = lazy(
-  () => import("./ListConfigurationPage-D0vQez6F.mjs").then((mod) => ({
+  () => import("./ListConfigurationPage-CA4oi4Hj.mjs").then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = lazy(
-  () => import("./EditConfigurationPage-_prbqpTM.mjs").then((mod) => ({
+  () => import("./EditConfigurationPage-CWao3CZ3.mjs").then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = lazy(
-  () => import("./ComponentConfigurationPage-BpM_Hc7r.mjs").then((mod) => ({
+  () => import("./ComponentConfigurationPage-DhwMhiRn.mjs").then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = lazy(
-  () => import("./NoPermissionsPage-B0GdMw1Q.mjs").then((mod) => ({ default: mod.NoPermissions }))
+  () => import("./NoPermissionsPage-iPk2lFR6.mjs").then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = lazy(
-  () => import("./NoContentTypePage-BA5ZKMDR.mjs").then((mod) => ({ default: mod.NoContentType }))
+  () => import("./NoContentTypePage-CwfnU-aN.mjs").then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = useParams();
@@ -1747,6 +1760,7 @@ const routes = [
     path: "no-content-types",
     Component: NoContentType
   },
+  ...routes$2,
   ...routes$1
 ];
 const DocumentActions = ({ actions: actions2 }) => {
@@ -2571,7 +2585,11 @@ const getDisplayName = ({
 const capitalise = (str) => str.charAt(0).toUpperCase() + str.slice(1);
 const DocumentStatus = ({ status = "draft", ...restProps }) => {
   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 { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsx(Status, { ...restProps, showBullet: false, size: "S", variant: statusVariant, children: /* @__PURE__ */ jsx(Typography, { tag: "span", variant: "omega", fontWeight: "bold", children: formatMessage({
+    id: `content-manager.containers.List.${status}`,
+    defaultMessage: capitalise(status)
+  }) }) });
 };
 const Header = ({ isCreating, status, title: documentTitle = "Untitled" }) => {
   const { formatMessage } = useIntl();
@@ -4019,8 +4037,8 @@ const previewApi = contentManagerApi.injectEndpoints({
 const { useGetPreviewUrlQuery } = previewApi;
 const PreviewSidePanel = ({ model, documentId, document }) => {
   const { formatMessage } = useIntl();
-  const { toggleNotification } = useNotification();
-  const { copy } = useClipboard();
+  const { trackUsage } = useTracking();
+  const [{ query }] = useQueryParams();
   const { data, error } = useGetPreviewUrlQuery({
     params: {
       contentType: model
@@ -4034,37 +4052,25 @@ const PreviewSidePanel = ({ model, documentId, document }) => {
   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"
-    });
+  const handleClick = () => {
+    trackUsage("willOpenPreview");
   };
   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, {})
-        }
-      )
-    ] })
+    content: /* @__PURE__ */ jsx(Flex, { gap: 2, width: "100%", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "tertiary",
+        tag: Link,
+        to: { pathname: "preview", search: stringify(query, { encode: false }) },
+        onClick: handleClick,
+        flex: "auto",
+        children: formatMessage({
+          id: "content-manager.preview.panel.button",
+          defaultMessage: "Open preview"
+        })
+      }
+    ) })
   };
 };
 const FEATURE_ID = "preview";
@@ -4096,7 +4102,7 @@ const index = {
     app.router.addRoute({
       path: "content-manager/*",
       lazy: async () => {
-        const { Layout } = await import("./layout-CrTxOnCy.mjs");
+        const { Layout } = await import("./layout-Bue_C6ui.mjs");
         return {
           Component: Layout
         };
@@ -4116,7 +4122,7 @@ const index = {
   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-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 __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-D_BMf0hT.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
@@ -4143,9 +4149,10 @@ export {
   HOOKS as H,
   InjectionZone as I,
   useDocument as J,
-  index as K,
-  useContentManagerContext as L,
-  useDocumentActions as M,
+  useGetPreviewUrlQuery as K,
+  index as L,
+  useContentManagerContext as M,
+  useDocumentActions as N,
   Panels as P,
   RelativeTime as R,
   SINGLE_TYPES as S,
@@ -4177,4 +4184,4 @@ export {
   capitalise as y,
   useUpdateContentTypeConfigurationMutation as z
 };
-//# sourceMappingURL=index-3_WeHXYp.mjs.map
+//# sourceMappingURL=index-V8MWkDSd.mjs.map