npm - @strapi/content-manager - Versions diffs - 5.11.1 → 5.12.0-beta.0 - Mend

@strapi/content-manager 5.11.1 → 5.12.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (105) hide show

package/dist/admin/chunks/{Preview-B6ThL2SA.js → Preview-CCjSV5Iu.js} RENAMED Viewed

@@ -8,10 +8,10 @@ var Icons = require('@strapi/icons');
 var reactIntl = require('react-intl');
 var reactRouterDom = require('react-router-dom');
 var styledComponents = require('styled-components');
-var index = require('./index-SQ88CePz.js');
-var Input = require('./Input-Bv-rqfYH.js');
+var index = require('./index-BA_JLxKS.js');
+var Input = require('./Input-C2r54bIL.js');
 var qs = require('qs');
-var EditViewPage = require('./EditViewPage-DpvonssD.js');
+var EditViewPage = require('./EditViewPage-Cf_TPJZd.js');
 require('lodash/fp/mapValues');
 require('yup');
 require('fractional-indexing');
@@ -72,19 +72,16 @@ require('prismjs/components/prism-typescript');
 require('prismjs/components/prism-tsx');
 require('prismjs/components/prism-vbnet');
 require('prismjs/components/prism-yaml');
-require('./usePrev-DIYl-IAL.js');
-require('./useDragAndDrop-gcqEJMnO.js');
+require('./usePrev-BglKW7a4.js');
+require('./objects-BJTP843m.js');
 require('react-dnd');
-require('@radix-ui/react-toolbar');
-require('react-dnd-html5-backend');
-require('./objects-C3EebVVe.js');
 require('lodash/clone');
 require('lodash/toPath');
-require('./Relations-CJ0GWuqq.js');
-require('react-window');
-require('./relations-VlsO9KQZ.js');
+require('@radix-ui/react-toolbar');
+require('react-dnd-html5-backend');
 require('./ComponentIcon-C-EjOUPA.js');
 require('@strapi/icons/symbols');
+require('react-window');
 require('codemirror5');
 require('sanitize-html');
 require('highlight.js');
@@ -120,22 +117,6 @@ function _interopNamespaceDefault(e) {
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-const PreviewContent = ()=>{
-    const previewUrl = usePreviewContext('PreviewContent', (state)=>state.url);
-    const { formatMessage } = reactIntl.useIntl();
-    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-        src: previewUrl,
-        title: formatMessage({
-            id: 'content-manager.preview.panel.title',
-            defaultMessage: 'Preview'
-        }),
-        width: "100%",
-        height: "100%",
-        borderWidth: 0,
-        tag: "iframe"
-    }, previewUrl);
-};
 /* -------------------------------------------------------------------------------------------------
  * ClosePreviewButton
  * -----------------------------------------------------------------------------------------------*/ const ClosePreviewButton = ()=>{
@@ -247,13 +228,13 @@ const PreviewTabs = ()=>{
 };
 /* -------------------------------------------------------------------------------------------------
  * PreviewHeader
- * -----------------------------------------------------------------------------------------------*/ const UnstablePreviewHeader = ()=>{
+ * -----------------------------------------------------------------------------------------------*/ const PreviewHeader = ()=>{
     const title = usePreviewContext('PreviewHeader', (state)=>state.title);
     const document = usePreviewContext('PreviewHeader', (state)=>state.document);
     const schema = usePreviewContext('PreviewHeader', (state)=>state.schema);
     const meta = usePreviewContext('PreviewHeader', (state)=>state.meta);
     const plugins = strapiAdmin.useStrapiApp('PreviewHeader', (state)=>state.plugins);
-    const iframeRef = usePreviewContext('PreviewHeader', (state)=>state.iframeRef);
+    const onPreview = index.useDocumentContext('PreviewHeader', (state)=>state.onPreview);
     const [{ query }] = strapiAdmin.useQueryParams();
     const { formatMessage } = reactIntl.useIntl();
     const { toggleNotification } = strapiAdmin.useNotification();
@@ -276,12 +257,7 @@ const PreviewTabs = ()=>{
         documentId: document.documentId,
         document,
         meta,
-        onPreview: ()=>{
-            iframeRef?.current?.contentWindow?.postMessage({
-                type: 'strapiUpdate'
-            }, // The iframe origin is safe to use since it must be provided through the allowedOrigins config
-            new URL(iframeRef.current.src).origin);
-        }
+        onPreview
     };
     return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
         height: "48px",
@@ -372,74 +348,6 @@ const PreviewTabs = ()=>{
         ]
     });
 };
-const PreviewHeader = ()=>{
-    // Get the document title
-    const title = usePreviewContext('PreviewHeader', (state)=>state.title);
-    const { formatMessage } = reactIntl.useIntl();
-    const { toggleNotification } = strapiAdmin.useNotification();
-    const { copy } = strapiAdmin.useClipboard();
-    const handleCopyLink = ()=>{
-        copy(window.location.href);
-        toggleNotification({
-            message: formatMessage({
-                id: 'content-manager.preview.copy.success',
-                defaultMessage: 'Copied preview link'
-            }),
-            type: 'success'
-        });
-    };
-    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Root, {
-        gap: 3,
-        gridCols: 3,
-        paddingLeft: 2,
-        paddingRight: 2,
-        background: "neutral0",
-        borderColor: "neutral150",
-        tag: "header",
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Item, {
-                xs: 1,
-                paddingTop: 2,
-                paddingBottom: 2,
-                gap: 3,
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsx(ClosePreviewButton, {}),
-                    /*#__PURE__*/ jsxRuntime.jsx(PreviewTitle, {
-                        tag: "h1",
-                        fontWeight: 600,
-                        fontSize: 2,
-                        maxWidth: "200px",
-                        title: title,
-                        children: title
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx(Status, {})
-                ]
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
-                xs: 1,
-                marginBottom: "-1px",
-                alignItems: "end",
-                margin: "auto",
-                children: /*#__PURE__*/ jsxRuntime.jsx(PreviewTabs, {})
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
-                xs: 1,
-                justifyContent: "end",
-                paddingTop: 2,
-                paddingBottom: 2,
-                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
-                    type: "button",
-                    label: formatMessage({
-                        id: 'preview.copy.label',
-                        defaultMessage: 'Copy preview link'
-                    }),
-                    onClick: handleCopyLink,
-                    children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Link, {})
-                })
-            })
-        ]
-    });
-};
 const PreviewTitle = styledComponents.styled(designSystem.Typography)`
   overflow: hidden;
   text-overflow: ellipsis;
@@ -520,6 +428,12 @@ const PreviewPage = ()=>{
         });
     };
     const previewUrl = previewUrlResponse.data.data.url;
+    const onPreview = ()=>{
+        iframeRef?.current?.contentWindow?.postMessage({
+            type: 'strapiUpdate'
+        }, // The iframe origin is safe to use since it must be provided through the allowedOrigins config
+        new URL(iframeRef.current.src).origin);
+    };
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
             /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.Title, {
@@ -530,104 +444,108 @@ const PreviewPage = ()=>{
                     contentType: documentTitle
                 })
             }),
-            /*#__PURE__*/ jsxRuntime.jsx(PreviewProvider, {
-                url: previewUrl,
-                document: documentResponse.document,
-                title: documentTitle,
-                meta: documentResponse.meta,
-                schema: documentResponse.schema,
-                layout: documentLayoutResponse.edit,
-                iframeRef: iframeRef,
-                children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Form, {
-                    method: "PUT",
-                    disabled: query.status === 'published' && documentResponse && documentResponse.document.status !== 'draft',
-                    initialValues: documentResponse.getInitialFormValues(),
-                    initialErrors: location?.state?.forceValidation ? validateSync(initialValues, {}) : {},
-                    height: "100%",
-                    validate: (values, options)=>{
-                        const yupSchema = index.createYupSchema(documentResponse.schema?.attributes, documentResponse.components, {
-                            status: documentResponse.document?.status,
-                            ...options
-                        });
-                        return yupSchema.validate(values, {
-                            abortEarly: false
-                        });
-                    },
-                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
-                        direction: "column",
+            /*#__PURE__*/ jsxRuntime.jsx(index.DocumentContextProvider, {
+                initialDocument: {
+                    documentId: documentId || '',
+                    model,
+                    collectionType
+                },
+                onPreview: onPreview,
+                children: /*#__PURE__*/ jsxRuntime.jsx(PreviewProvider, {
+                    url: previewUrl,
+                    document: documentResponse.document,
+                    title: documentTitle,
+                    meta: documentResponse.meta,
+                    schema: documentResponse.schema,
+                    layout: documentLayoutResponse.edit,
+                    children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Form, {
+                        method: "PUT",
+                        disabled: query.status === 'published' && documentResponse && documentResponse.document.status === 'published',
+                        initialValues: documentResponse.getInitialFormValues(),
+                        initialErrors: location?.state?.forceValidation ? validateSync(initialValues, {}) : {},
                         height: "100%",
-                        alignItems: "stretch",
-                        children: window.strapi.future.isEnabled('unstablePreviewSideEditor') ? /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                            children: [
-                                /*#__PURE__*/ jsxRuntime.jsx(UnstablePreviewHeader, {}),
-                                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                                    flex: 1,
-                                    overflow: "auto",
-                                    alignItems: "stretch",
-                                    children: [
-                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                                            overflow: "auto",
-                                            width: isSideEditorOpen ? '50%' : 0,
-                                            borderWidth: "0 1px 0 0",
-                                            borderColor: "neutral150",
-                                            paddingTop: 6,
-                                            paddingBottom: 6,
-                                            // Remove horizontal padding when the editor is closed or it won't fully disappear
-                                            paddingLeft: isSideEditorOpen ? 6 : 0,
-                                            paddingRight: isSideEditorOpen ? 6 : 0,
-                                            transition: "all 0.2s ease-in-out",
-                                            children: /*#__PURE__*/ jsxRuntime.jsx(Input.FormLayout, {
-                                                layout: documentLayoutResponse.edit.layout,
-                                                hasBackground: true
-                                            })
-                                        }),
-                                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
-                                            position: "relative",
-                                            flex: 1,
-                                            height: "100%",
-                                            overflow: "hidden",
-                                            children: [
-                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                                                    "data-testid": "preview-iframe",
-                                                    ref: iframeRef,
-                                                    src: previewUrl,
-                                                    title: formatMessage({
-                                                        id: 'content-manager.preview.panel.title',
-                                                        defaultMessage: 'Preview'
-                                                    }),
-                                                    width: "100%",
-                                                    height: "100%",
-                                                    borderWidth: 0,
-                                                    tag: "iframe"
-                                                }, previewUrl),
-                                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
-                                                    variant: "tertiary",
-                                                    label: formatMessage(isSideEditorOpen ? {
-                                                        id: 'content-manager.preview.content.close-editor',
-                                                        defaultMessage: 'Close editor'
-                                                    } : {
-                                                        id: 'content-manager.preview.content.open-editor',
-                                                        defaultMessage: 'Open editor'
-                                                    }),
-                                                    onClick: ()=>setIsSideEditorOpen((prev)=>!prev),
-                                                    position: "absolute",
-                                                    top: 2,
-                                                    left: 2,
-                                                    children: /*#__PURE__*/ jsxRuntime.jsx(AnimatedArrow, {
-                                                        isSideEditorOpen: isSideEditorOpen
-                                                    })
+                        validate: (values, options)=>{
+                            const yupSchema = index.createYupSchema(documentResponse.schema?.attributes, documentResponse.components, {
+                                status: documentResponse.document?.status,
+                                ...options
+                            });
+                            return yupSchema.validate(values, {
+                                abortEarly: false
+                            });
+                        },
+                        children: ({ resetForm })=>/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                direction: "column",
+                                height: "100%",
+                                alignItems: "stretch",
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Blocker, {
+                                        onProceed: resetForm
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(PreviewHeader, {}),
+                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                        flex: 1,
+                                        overflow: "auto",
+                                        alignItems: "stretch",
+                                        children: [
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                                overflow: "auto",
+                                                width: isSideEditorOpen ? '50%' : 0,
+                                                borderWidth: "0 1px 0 0",
+                                                borderColor: "neutral150",
+                                                paddingTop: 6,
+                                                paddingBottom: 6,
+                                                // Remove horizontal padding when the editor is closed or it won't fully disappear
+                                                paddingLeft: isSideEditorOpen ? 6 : 0,
+                                                paddingRight: isSideEditorOpen ? 6 : 0,
+                                                transition: "all 0.2s ease-in-out",
+                                                children: /*#__PURE__*/ jsxRuntime.jsx(Input.FormLayout, {
+                                                    layout: documentLayoutResponse.edit.layout,
+                                                    document: documentResponse,
+                                                    hasBackground: false
                                                 })
-                                            ]
-                                        })
-                                    ]
-                                })
-                            ]
-                        }) : /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                            children: [
-                                /*#__PURE__*/ jsxRuntime.jsx(PreviewHeader, {}),
-                                /*#__PURE__*/ jsxRuntime.jsx(PreviewContent, {})
-                            ]
-                        })
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+                                                position: "relative",
+                                                flex: 1,
+                                                height: "100%",
+                                                overflow: "hidden",
+                                                children: [
+                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                                        "data-testid": "preview-iframe",
+                                                        ref: iframeRef,
+                                                        src: previewUrl,
+                                                        title: formatMessage({
+                                                            id: 'content-manager.preview.panel.title',
+                                                            defaultMessage: 'Preview'
+                                                        }),
+                                                        width: "100%",
+                                                        height: "100%",
+                                                        borderWidth: 0,
+                                                        tag: "iframe"
+                                                    }, previewUrl),
+                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                                        variant: "tertiary",
+                                                        label: formatMessage(isSideEditorOpen ? {
+                                                            id: 'content-manager.preview.content.close-editor',
+                                                            defaultMessage: 'Close editor'
+                                                        } : {
+                                                            id: 'content-manager.preview.content.open-editor',
+                                                            defaultMessage: 'Open editor'
+                                                        }),
+                                                        onClick: ()=>setIsSideEditorOpen((prev)=>!prev),
+                                                        position: "absolute",
+                                                        top: 2,
+                                                        left: 2,
+                                                        children: /*#__PURE__*/ jsxRuntime.jsx(AnimatedArrow, {
+                                                            isSideEditorOpen: isSideEditorOpen
+                                                        })
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
                     })
                 })
             })
@@ -694,4 +612,4 @@ const ProtectedPreviewPage = ()=>{
 exports.ProtectedPreviewPage = ProtectedPreviewPage;
 exports.usePreviewContext = usePreviewContext;
-//# sourceMappingURL=Preview-B6ThL2SA.js.map
+//# sourceMappingURL=Preview-CCjSV5Iu.js.map

package/dist/admin/chunks/Preview-CCjSV5Iu.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Preview-CCjSV5Iu.js","sources":["../../../admin/src/preview/components/PreviewHeader.tsx","../../../admin/src/preview/pages/Preview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n DescriptionComponentRenderer,\n useClipboard,\n useHistory,\n useNotification,\n useQueryParams,\n useStrapiApp,\n} from '@strapi/admin/strapi-admin';\nimport { IconButton, Tabs, Typography, Flex } from '@strapi/design-system';\nimport { Cross, Link as LinkIcon } from '@strapi/icons';\nimport { stringify } from 'qs';\nimport { useIntl } from 'react-intl';\nimport { Link, type To } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { InjectionZone } from '../../components/InjectionZone';\nimport { useDocumentContext } from '../../features/DocumentContext';\nimport { DocumentActionButton } from '../../pages/EditView/components/DocumentActions';\nimport { DocumentStatus } from '../../pages/EditView/components/DocumentStatus';\nimport { getDocumentStatus } from '../../pages/EditView/EditViewPage';\nimport { usePreviewContext } from '../pages/Preview';\n\nimport type { ContentManagerPlugin, DocumentActionProps } from '../../content-manager';\n\n/* -------------------------------------------------------------------------------------------------\n * ClosePreviewButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst ClosePreviewButton = () => {\n const [{ query }] = useQueryParams<{\n plugins?: Record<string, unknown>;\n }>();\n const { formatMessage } = useIntl();\n\n const canGoBack = useHistory('BackButton', (state) => state.canGoBack);\n const goBack = useHistory('BackButton', (state) => state.goBack);\n const history = useHistory('BackButton', (state) => state.history);\n const locationIndex = useHistory('BackButton', (state) => state.currentLocationIndex);\n\n /**\n * Get the link destination from the history.\n * Rely on a fallback (the parent edit view page) if there's no page to go back .\n */\n const historyTo = canGoBack ? history.at(locationIndex - 2) : undefined;\n const fallback = {\n pathname: '..',\n search: stringify(query, { encode: false }),\n } satisfies To;\n const toWithFallback = historyTo ?? fallback;\n\n const handleClick = (e: React.MouseEvent) => {\n if (canGoBack) {\n // Prevent normal link behavior, go back in the history stack instead\n e.preventDefault();\n goBack();\n return;\n }\n\n // Otherwise rely on native link behavior to go back to the edit view. We don't use navigate()\n // here in order to get the relative=\"path\" functionality from the Link component.\n };\n\n return (\n <IconButton\n variant=\"ghost\"\n tag={Link}\n relative=\"path\"\n to={toWithFallback}\n onClick={handleClick}\n label={formatMessage({\n id: 'content-manager.preview.header.close',\n defaultMessage: 'Close preview',\n })}\n >\n <Cross />\n </IconButton>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Status\n * -----------------------------------------------------------------------------------------------*/\n\nconst Status = () => {\n // Get status\n const document = usePreviewContext('PreviewHeader', (state) => state.document);\n const schema = usePreviewContext('PreviewHeader', (state) => state.schema);\n const meta = usePreviewContext('PreviewHeader', (state) => state.meta);\n const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;\n\n if (!hasDraftAndPublished) {\n return null;\n }\n\n const status = getDocumentStatus(document, meta);\n\n return <DocumentStatus status={status} size=\"XS\" />;\n};\n\nconst PreviewTabs = () => {\n const { formatMessage } = useIntl();\n\n // URL query params\n const [{ query }, setQuery] = useQueryParams<{ status: 'draft' | 'published' }>();\n\n // Get status\n const document = usePreviewContext('PreviewHeader', (state) => state.document);\n const schema = usePreviewContext('PreviewHeader', (state) => state.schema);\n const meta = usePreviewContext('PreviewHeader', (state) => state.meta);\n const hasDraftAndPublish = schema?.options?.draftAndPublish ?? false;\n const documentStatus = getDocumentStatus(document, meta);\n\n const handleTabChange = (status: string) => {\n if (status === 'published' || status === 'draft') {\n setQuery({ status }, 'push', true);\n }\n };\n\n if (!hasDraftAndPublish) {\n return null;\n }\n\n return (\n <Tabs.Root variant=\"simple\" value={query.status || 'draft'} onValueChange={handleTabChange}>\n <Tabs.List\n aria-label={formatMessage({\n id: 'preview.tabs.label',\n defaultMessage: 'Document status',\n })}\n >\n <StatusTab value=\"draft\">\n {formatMessage({\n id: 'content-manager.containers.List.draft',\n defaultMessage: 'draft',\n })}\n </StatusTab>\n <StatusTab value=\"published\" disabled={documentStatus === 'draft'}>\n {formatMessage({\n id: 'content-manager.containers.List.published',\n defaultMessage: 'published',\n })}\n </StatusTab>\n </Tabs.List>\n </Tabs.Root>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewHeader\n * -----------------------------------------------------------------------------------------------*/\n\nconst PreviewHeader = () => {\n const title = usePreviewContext('PreviewHeader', (state) => state.title);\n const document = usePreviewContext('PreviewHeader', (state) => state.document);\n const schema = usePreviewContext('PreviewHeader', (state) => state.schema);\n const meta = usePreviewContext('PreviewHeader', (state) => state.meta);\n const plugins = useStrapiApp('PreviewHeader', (state) => state.plugins);\n const onPreview = useDocumentContext('PreviewHeader', (state) => state.onPreview);\n\n const [{ query }] = useQueryParams<{\n status?: 'draft' | 'published';\n }>();\n const { formatMessage } = useIntl();\n const { toggleNotification } = useNotification();\n const { copy } = useClipboard();\n\n const handleCopyLink = () => {\n copy(window.location.href);\n toggleNotification({\n message: formatMessage({\n id: 'content-manager.preview.copy.success',\n defaultMessage: 'Copied preview link',\n }),\n type: 'success',\n });\n };\n\n const hasDraftAndPublish = schema.options?.draftAndPublish ?? false;\n const documentActionProps = {\n activeTab: query.status ?? null,\n collectionType: schema.kind === 'collectionType' ? 'collection-types' : 'single-types',\n model: schema.uid,\n documentId: document.documentId,\n document,\n meta,\n onPreview,\n } satisfies DocumentActionProps;\n\n return (\n <Flex height=\"48px\" gap={4} background=\"neutral0\" borderColor=\"neutral150\" tag=\"header\">\n {/* Title and status */}\n <TitleContainer height=\"100%\" paddingLeft={2} paddingRight={4}>\n <ClosePreviewButton />\n <PreviewTitle\n tag=\"h1\"\n title={title}\n maxWidth=\"200px\"\n fontSize={2}\n paddingLeft={2}\n paddingRight={3}\n fontWeight={600}\n >\n {title}\n </PreviewTitle>\n <Status />\n </TitleContainer>\n\n {/* Tabs and actions */}\n <Flex\n flex={1}\n paddingRight={2}\n gap={2}\n justifyContent={hasDraftAndPublish ? 'space-between' : 'flex-end'}\n >\n <Flex flex=\"1 1 70%\">\n <PreviewTabs />\n </Flex>\n <Flex gap={2}>\n <IconButton\n type=\"button\"\n label={formatMessage({\n id: 'preview.copy.label',\n defaultMessage: 'Copy preview link',\n })}\n onClick={handleCopyLink}\n >\n <LinkIcon />\n </IconButton>\n <InjectionZone area=\"preview.actions\" />\n <DescriptionComponentRenderer\n props={documentActionProps}\n descriptions={(\n plugins['content-manager'].apis as ContentManagerPlugin['config']['apis']\n ).getDocumentActions('preview')}\n >\n {(actions) => {\n const filteredActions = actions.filter((action) =>\n [action.position].flat().includes('preview')\n );\n const [primaryAction, secondaryAction] = filteredActions;\n\n if (!primaryAction && !secondaryAction) return null;\n\n // Both actions are available when draft and publish enabled\n if (primaryAction && secondaryAction) {\n return (\n <>\n {/* Save */}\n <DocumentActionButton\n {...secondaryAction}\n variant={secondaryAction.variant || 'secondary'}\n />\n {/* Publish */}\n <DocumentActionButton\n {...primaryAction}\n variant={primaryAction.variant || 'default'}\n />\n </>\n );\n }\n\n // Otherwise we just have the save action\n return (\n <DocumentActionButton\n {...primaryAction}\n variant={primaryAction.variant || 'secondary'}\n />\n );\n }}\n </DescriptionComponentRenderer>\n </Flex>\n </Flex>\n </Flex>\n );\n};\n\nconst PreviewTitle = styled(Typography)`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`;\n\nconst StatusTab = styled(Tabs.Trigger)`\n text-transform: uppercase;\n`;\n\nconst TitleContainer = styled(Flex)`\n border-right: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\nexport { PreviewHeader };\n","import * as React from 'react';\n\nimport {\n Page,\n useQueryParams,\n useRBAC,\n createContext,\n Form as FormContext,\n Blocker,\n} from '@strapi/admin/strapi-admin';\nimport { Box, Flex, FocusTrap, IconButton, Portal } from '@strapi/design-system';\nimport { ArrowLineLeft } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useLocation, useParams } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { GetPreviewUrl } from '../../../../shared/contracts/preview';\nimport { COLLECTION_TYPES } from '../../constants/collections';\nimport { DocumentContextProvider } from '../../features/DocumentContext';\nimport { DocumentRBAC } from '../../features/DocumentRBAC';\nimport { type UseDocument, useDocument } from '../../hooks/useDocument';\nimport { type EditLayout, useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { FormLayout } from '../../pages/EditView/components/FormLayout';\nimport { buildValidParams } from '../../utils/api';\nimport { createYupSchema } from '../../utils/validation';\nimport { PreviewHeader } from '../components/PreviewHeader';\nimport { useGetPreviewUrlQuery } from '../services/preview';\n\nimport type { UID } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PreviewContextValue {\n url: string;\n title: string;\n document: NonNullable<ReturnType<UseDocument>['document']>;\n meta: NonNullable<ReturnType<UseDocument>['meta']>;\n schema: NonNullable<ReturnType<UseDocument>['schema']>;\n layout: EditLayout;\n}\n\nconst [PreviewProvider, usePreviewContext] = createContext<PreviewContextValue>('PreviewPage');\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst AnimatedArrow = styled(ArrowLineLeft)<{ isSideEditorOpen: boolean }>`\n will-change: transform;\n rotate: ${(props) => (props.isSideEditorOpen ? '0deg' : '180deg')};\n transition: rotate 0.2s ease-in-out;\n`;\n\nconst PreviewPage = () => {\n const location = useLocation();\n const { formatMessage } = useIntl();\n\n const iframeRef = React.useRef<HTMLIFrameElement>(null);\n const [isSideEditorOpen, setIsSideEditorOpen] = React.useState(true);\n\n // Read all the necessary data from the URL to find the right preview URL\n const {\n slug: model,\n id: documentId,\n collectionType,\n } = useParams<{\n slug: UID.ContentType;\n id: string;\n collectionType: string;\n }>();\n const [{ query }] = useQueryParams<{\n plugins?: Record<string, unknown>;\n status?: string;\n }>();\n\n const params = React.useMemo(() => buildValidParams(query), [query]);\n\n if (!collectionType) {\n throw new Error('Could not find collectionType in url params');\n }\n\n if (!model) {\n throw new Error('Could not find model in url params');\n }\n\n // Only collection types must have a documentId\n if (collectionType === COLLECTION_TYPES && !documentId) {\n throw new Error('Could not find documentId in url params');\n }\n\n const previewUrlResponse = useGetPreviewUrlQuery({\n params: {\n contentType: model,\n },\n query: {\n documentId,\n locale: params.locale,\n status: params.status as GetPreviewUrl.Request['query']['status'],\n },\n });\n const documentResponse = useDocument({\n model,\n collectionType,\n documentId,\n params,\n });\n const documentLayoutResponse = useDocumentLayout(model);\n\n const isLoading =\n previewUrlResponse.isLoading || documentLayoutResponse.isLoading || documentResponse.isLoading;\n if (isLoading && !documentResponse.document?.documentId) {\n return <Page.Loading />;\n }\n\n const initialValues = documentResponse.getInitialFormValues();\n\n if (\n previewUrlResponse.error ||\n documentLayoutResponse.error ||\n !documentResponse.document ||\n !documentResponse.meta ||\n !documentResponse.schema ||\n !initialValues\n ) {\n return <Page.Error />;\n }\n\n if (!previewUrlResponse.data?.data?.url) {\n return <Page.NoData />;\n }\n\n const documentTitle = documentResponse.getTitle(documentLayoutResponse.edit.settings.mainField);\n\n const validateSync = (values: Record<string, unknown>, options: Record<string, string>) => {\n const yupSchema = createYupSchema(\n documentResponse.schema?.attributes,\n documentResponse.components,\n {\n status: documentResponse.document?.status,\n ...options,\n }\n );\n\n return yupSchema.validateSync(values, { abortEarly: false });\n };\n\n const previewUrl = previewUrlResponse.data.data.url;\n\n const onPreview = () => {\n iframeRef?.current?.contentWindow?.postMessage(\n { type: 'strapiUpdate' },\n // The iframe origin is safe to use since it must be provided through the allowedOrigins config\n new URL(iframeRef.current.src).origin\n );\n };\n\n return (\n <>\n <Page.Title>\n {formatMessage(\n {\n id: 'content-manager.preview.page-title',\n defaultMessage: '{contentType} preview',\n },\n {\n contentType: documentTitle,\n }\n )}\n </Page.Title>\n <DocumentContextProvider\n initialDocument={{\n documentId: documentId || '',\n model,\n collectionType,\n }}\n onPreview={onPreview}\n >\n <PreviewProvider\n url={previewUrl}\n document={documentResponse.document}\n title={documentTitle}\n meta={documentResponse.meta}\n schema={documentResponse.schema}\n layout={documentLayoutResponse.edit}\n >\n <FormContext\n method=\"PUT\"\n disabled={\n query.status === 'published' &&\n documentResponse &&\n documentResponse.document.status === 'published'\n }\n initialValues={documentResponse.getInitialFormValues()}\n initialErrors={location?.state?.forceValidation ? validateSync(initialValues, {}) : {}}\n height=\"100%\"\n validate={(values: Record<string, unknown>, options: Record<string, string>) => {\n const yupSchema = createYupSchema(\n documentResponse.schema?.attributes,\n documentResponse.components,\n {\n status: documentResponse.document?.status,\n ...options,\n }\n );\n\n return yupSchema.validate(values, { abortEarly: false });\n }}\n >\n {({ resetForm }) => (\n <Flex direction=\"column\" height=\"100%\" alignItems=\"stretch\">\n <Blocker onProceed={resetForm} />\n <PreviewHeader />\n <Flex flex={1} overflow=\"auto\" alignItems=\"stretch\">\n <Box\n overflow=\"auto\"\n width={isSideEditorOpen ? '50%' : 0}\n borderWidth=\"0 1px 0 0\"\n borderColor=\"neutral150\"\n paddingTop={6}\n paddingBottom={6}\n // Remove horizontal padding when the editor is closed or it won't fully disappear\n paddingLeft={isSideEditorOpen ? 6 : 0}\n paddingRight={isSideEditorOpen ? 6 : 0}\n transition=\"all 0.2s ease-in-out\"\n >\n {/* TODO: add license check */}\n <FormLayout\n layout={documentLayoutResponse.edit.layout}\n document={documentResponse}\n hasBackground={false}\n />\n </Box>\n <Box position=\"relative\" flex={1} height=\"100%\" overflow=\"hidden\">\n <Box\n data-testid=\"preview-iframe\"\n ref={iframeRef}\n src={previewUrl}\n /**\n * For some reason, changing an iframe's src tag causes the browser to add a new item in the\n * history stack. This is an issue for us as it means clicking the back button will not let us\n * go back to the edit view. To fix it, we need to trick the browser into thinking this is a\n * different iframe when the preview URL changes. So we set a key prop to force React\n * to mount a different node when the src changes.\n */\n key={previewUrl}\n title={formatMessage({\n id: 'content-manager.preview.panel.title',\n defaultMessage: 'Preview',\n })}\n width=\"100%\"\n height=\"100%\"\n borderWidth={0}\n tag=\"iframe\"\n />\n <IconButton\n variant=\"tertiary\"\n label={formatMessage(\n isSideEditorOpen\n ? {\n id: 'content-manager.preview.content.close-editor',\n defaultMessage: 'Close editor',\n }\n : {\n id: 'content-manager.preview.content.open-editor',\n defaultMessage: 'Open editor',\n }\n )}\n onClick={() => setIsSideEditorOpen((prev) => !prev)}\n position=\"absolute\"\n top={2}\n left={2}\n >\n <AnimatedArrow isSideEditorOpen={isSideEditorOpen} />\n </IconButton>\n </Box>\n </Flex>\n </Flex>\n )}\n </FormContext>\n </PreviewProvider>\n </DocumentContextProvider>\n </>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedPreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedPreviewPageImpl = () => {\n const { slug: model } = useParams<{\n slug: string;\n }>();\n const {\n permissions = [],\n isLoading,\n error,\n } = useRBAC([\n { action: 'plugin::content-manager.explorer.read', subject: model },\n { action: 'plugin::content-manager.explorer.update', subject: model },\n { action: 'plugin::content-manager.explorer.publish', subject: model },\n ]);\n\n if (isLoading) {\n return <Page.Loading />;\n }\n\n if (error || !model) {\n return (\n <Box\n height=\"100vh\"\n width=\"100vw\"\n position=\"fixed\"\n top={0}\n left={0}\n zIndex={2}\n background=\"neutral0\"\n >\n <Page.Error />\n </Box>\n );\n }\n\n return (\n <Box\n height=\"100vh\"\n width=\"100vw\"\n position=\"fixed\"\n top={0}\n left={0}\n zIndex={2}\n background=\"neutral0\"\n >\n <Page.Protect\n permissions={permissions.filter((permission) =>\n permission.action.includes('explorer.read')\n )}\n >\n <DocumentRBAC permissions={permissions}>\n <PreviewPage />\n </DocumentRBAC>\n </Page.Protect>\n </Box>\n );\n};\n\nconst ProtectedPreviewPage = () => {\n return (\n <Portal>\n <FocusTrap>\n <ProtectedPreviewPageImpl />\n </FocusTrap>\n </Portal>\n );\n};\n\nexport { ProtectedPreviewPage, usePreviewContext };\n"],"names":["ClosePreviewButton","query","useQueryParams","formatMessage","useIntl","canGoBack","useHistory","state","goBack","history","locationIndex","currentLocationIndex","historyTo","at","undefined","fallback","pathname","search","stringify","encode","toWithFallback","handleClick","e","preventDefault","_jsx","IconButton","variant","tag","Link","relative","to","onClick","label","id","defaultMessage","Cross","Status","document","usePreviewContext","schema","meta","hasDraftAndPublished","options","draftAndPublish","status","getDocumentStatus","DocumentStatus","size","PreviewTabs","setQuery","hasDraftAndPublish","documentStatus","handleTabChange","Tabs","Root","value","onValueChange","_jsxs","List","aria-label","StatusTab","disabled","PreviewHeader","title","plugins","useStrapiApp","onPreview","useDocumentContext","toggleNotification","useNotification","copy","useClipboard","handleCopyLink","window","location","href","message","type","documentActionProps","activeTab","collectionType","kind","model","uid","documentId","Flex","height","gap","background","borderColor","TitleContainer","paddingLeft","paddingRight","PreviewTitle","maxWidth","fontSize","fontWeight","flex","justifyContent","LinkIcon","InjectionZone","area","DescriptionComponentRenderer","props","descriptions","apis","getDocumentActions","actions","filteredActions","filter","action","position","flat","includes","primaryAction","secondaryAction","_Fragment","DocumentActionButton","styled","Typography","Trigger","theme","colors","neutral150","PreviewProvider","createContext","AnimatedArrow","ArrowLineLeft","isSideEditorOpen","PreviewPage","useLocation","iframeRef","React","useRef","setIsSideEditorOpen","useState","slug","useParams","params","useMemo","buildValidParams","Error","COLLECTION_TYPES","previewUrlResponse","useGetPreviewUrlQuery","contentType","locale","documentResponse","useDocument","documentLayoutResponse","useDocumentLayout","isLoading","Page","Loading","initialValues","getInitialFormValues","error","data","url","NoData","documentTitle","getTitle","edit","settings","mainField","validateSync","values","yupSchema","createYupSchema","attributes","components","abortEarly","previewUrl","current","contentWindow","postMessage","URL","src","origin","Title","DocumentContextProvider","initialDocument","layout","FormContext","method","initialErrors","forceValidation","validate","resetForm","direction","alignItems","Blocker","onProceed","overflow","Box","width","borderWidth","paddingTop","paddingBottom","transition","FormLayout","hasBackground","data-testid","ref","prev","top","left","ProtectedPreviewPageImpl","permissions","useRBAC","subject","zIndex","Protect","permission","DocumentRBAC","ProtectedPreviewPage","Portal","FocusTrap"],"mappings":"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"}