@strapi/content-manager 0.0.0-experimental.cf8bb33f3f3ac8c6469f469802867e9fc2005e58 → 0.0.0-experimental.cffeb3f30bb8beaa0d2a247ba56da461781c6690

package/dist/admin/chunks/{Preview-C9kXTY6C.js → Preview-BcggSPwn.js}

@@ -1,21 +1,21 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import { useNotification, useClipboard, useQueryParams, useHistory, createContext, useRBAC, Page } from '@strapi/admin/strapi-admin';
-import { Flex, Box, Typography, Tabs, IconButton, Grid, Portal, FocusTrap } from '@strapi/design-system';
+import { Box, Typography, Tabs, Grid, IconButton, Portal, FocusTrap, Flex } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
 import { Link as Link$1, useParams } from 'react-router-dom';
-import { D as DocumentStatus, l as DocumentRBAC, d as buildValidParams, C as COLLECTION_TYPES, N as useGetPreviewUrlQuery, M as useDocument, h as useDocumentLayout } from './index-BkyR-Bnu.js';
+import { D as DocumentStatus, l as DocumentRBAC, d as buildValidParams, C as COLLECTION_TYPES, N as useGetPreviewUrlQuery, M as useDocument, h as useDocumentLayout } from './index-DfEfFmQC.js';
 import { Link, Cross } from '@strapi/icons';
 import { stringify } from 'qs';
 import { styled } from 'styled-components';
-import { getDocumentStatus } from './EditViewPage-kAIaYTg0.js';
+import { getDocumentStatus } from './EditViewPage-DaY9aMeu.js';
 import 'lodash/fp/mapValues';
 import 'yup';
 import 'fractional-indexing';
 import 'lodash/fp/pipe';
 import 'date-fns';
 import '@reduxjs/toolkit';
-import './Input-BlDcbhUC.js';
+import './Input-B3wbR0pJ.js';
 import 'slate';
 import 'slate-history';
 import 'slate-react';
@@ -70,7 +70,7 @@ import 'prismjs/components/prism-typescript';
 import 'prismjs/components/prism-tsx';
 import 'prismjs/components/prism-vbnet';
 import 'prismjs/components/prism-yaml';
-import './usePrev-Bjw2dhmq.js';
+import './usePrev-tlgK0qPG.js';
 import './useDragAndDrop-HYwNDExe.js';
 import 'react-dnd';
 import '@radix-ui/react-toolbar';
@@ -78,9 +78,9 @@ import 'react-dnd-html5-backend';
 import './objects-wl73iEma.js';
 import 'lodash/clone';
 import 'lodash/toPath';
-import './Relations-Cn0atFpd.js';
+import './Relations-B1i77Jba.js';
 import 'react-window';
-import './relations-DPVgU_rq.js';
+import './relations-xwSNlsdc.js';
 import './ComponentIcon-BZcTc4rj.js';
 import '@strapi/icons/symbols';
 import 'codemirror5';
@@ -99,30 +99,6 @@ import 'markdown-it-sup';
 import 'highlight.js/styles/solarized-dark.css';
 import 'codemirror5/addon/display/placeholder';
 
-const UnstablePreviewContent = ()=>{
-    const previewUrl = usePreviewContext('PreviewContent', (state)=>state.url);
-    const { formatMessage } = useIntl();
-    return /*#__PURE__*/ jsxs(Flex, {
-        height: "100%",
-        children: [
-            /*#__PURE__*/ jsx(Box, {
-                flex: 1,
-                children: "TODO: Side editor"
-            }),
-            /*#__PURE__*/ jsx(Box, {
-                src: previewUrl,
-                title: formatMessage({
-                    id: 'content-manager.preview.panel.title',
-                    defaultMessage: 'Preview'
-                }),
-                flex: 1,
-                height: "100%",
-                borderWidth: 0,
-                tag: "iframe"
-            }, previewUrl)
-        ]
-    });
-};
 const PreviewContent = ()=>{
     const previewUrl = usePreviewContext('PreviewContent', (state)=>state.url);
     const { formatMessage } = useIntl();
@@ -170,7 +146,6 @@ const PreviewContent = ()=>{
     // here in order to get the relative="path" functionality from the Link component.
     };
     return /*#__PURE__*/ jsx(IconButton, {
-        variant: "ghost",
         tag: Link$1,
         relative: "path",
         to: toWithFallback,
@@ -252,68 +227,7 @@ const PreviewTabs = ()=>{
 };
 /* -------------------------------------------------------------------------------------------------
  * PreviewHeader
- * -----------------------------------------------------------------------------------------------*/ const UnstablePreviewHeader = ()=>{
-    // Get the document title
-    const title = usePreviewContext('PreviewHeader', (state)=>state.title);
-    const { formatMessage } = useIntl();
-    const { toggleNotification } = useNotification();
-    const { copy } = useClipboard();
-    const handleCopyLink = ()=>{
-        copy(window.location.href);
-        toggleNotification({
-            message: formatMessage({
-                id: 'content-manager.preview.copy.success',
-                defaultMessage: 'Copied preview link'
-            }),
-            type: 'success'
-        });
-    };
-    return /*#__PURE__*/ jsxs(Flex, {
-        gap: 4,
-        background: "neutral0",
-        borderColor: "neutral150",
-        tag: "header",
-        children: [
-            /*#__PURE__*/ jsxs(TitleContainer, {
-                height: "100%",
-                paddingLeft: 2,
-                paddingRight: 4,
-                children: [
-                    /*#__PURE__*/ jsx(ClosePreviewButton, {}),
-                    /*#__PURE__*/ jsx(PreviewTitle, {
-                        tag: "h1",
-                        title: title,
-                        maxWidth: "200px",
-                        fontSize: 2,
-                        paddingLeft: 2,
-                        paddingRight: 3,
-                        fontWeight: 600,
-                        children: title
-                    }),
-                    /*#__PURE__*/ jsx(Status, {})
-                ]
-            }),
-            /*#__PURE__*/ jsxs(Flex, {
-                flex: 1,
-                paddingRight: 2,
-                justifyContent: "space-between",
-                children: [
-                    /*#__PURE__*/ jsx(PreviewTabs, {}),
-                    /*#__PURE__*/ jsx(IconButton, {
-                        type: "button",
-                        label: formatMessage({
-                            id: 'preview.copy.label',
-                            defaultMessage: 'Copy preview link'
-                        }),
-                        onClick: handleCopyLink,
-                        children: /*#__PURE__*/ jsx(Link, {})
-                    })
-                ]
-            })
-        ]
-    });
-};
-const PreviewHeader = ()=>{
+ * -----------------------------------------------------------------------------------------------*/ const PreviewHeader = ()=>{
     // Get the document title
     const title = usePreviewContext('PreviewHeader', (state)=>state.title);
     const { formatMessage } = useIntl();
@@ -389,9 +303,6 @@ const PreviewTitle = styled(Typography)`
 const StatusTab = styled(Tabs.Trigger)`
   text-transform: uppercase;
 `;
-const TitleContainer = styled(Flex)`
-  border-right: 1px solid ${({ theme })=>theme.colors.neutral150};
-`;
 
 const [PreviewProvider, usePreviewContext] = createContext('PreviewPage');
 /* -------------------------------------------------------------------------------------------------
@@ -457,21 +368,14 @@ const [PreviewProvider, usePreviewContext] = createContext('PreviewPage');
                 title: documentTitle,
                 meta: documentResponse.meta,
                 schema: documentResponse.schema,
-                children: /*#__PURE__*/ jsx(Flex, {
+                children: /*#__PURE__*/ jsxs(Flex, {
                     direction: "column",
                     height: "100%",
                     alignItems: "stretch",
-                    children: window.strapi.future.isEnabled('unstablePreviewSideEditor') ? /*#__PURE__*/ jsxs(Fragment, {
-                        children: [
-                            /*#__PURE__*/ jsx(UnstablePreviewHeader, {}),
-                            /*#__PURE__*/ jsx(UnstablePreviewContent, {})
-                        ]
-                    }) : /*#__PURE__*/ jsxs(Fragment, {
-                        children: [
-                            /*#__PURE__*/ jsx(PreviewHeader, {}),
-                            /*#__PURE__*/ jsx(PreviewContent, {})
-                        ]
-                    })
+                    children: [
+                        /*#__PURE__*/ jsx(PreviewHeader, {}),
+                        /*#__PURE__*/ jsx(PreviewContent, {})
+                    ]
                 })
             })
         ]
@@ -528,4 +432,4 @@ const ProtectedPreviewPage = ()=>{
 };
 
 export { ProtectedPreviewPage, usePreviewContext };
-//# sourceMappingURL=Preview-C9kXTY6C.js.map
+//# sourceMappingURL=Preview-BcggSPwn.js.map

package/dist/admin/chunks/Preview-BcggSPwn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview-BcggSPwn.js","sources":["../../../admin/src/preview/components/PreviewContent.tsx","../../../admin/src/preview/components/PreviewHeader.tsx","../../../admin/src/preview/pages/Preview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { usePreviewContext } from '../pages/Preview';\n\nconst PreviewContent = () => {\n  const previewUrl = usePreviewContext('PreviewContent', (state) => state.url);\n\n  const { formatMessage } = useIntl();\n\n  return (\n    <Box\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  );\n};\n\nexport { PreviewContent };\n","import * as React from 'react';\n\nimport {\n  useClipboard,\n  useHistory,\n  useNotification,\n  useQueryParams,\n} from '@strapi/admin/strapi-admin';\nimport { IconButton, Tabs, Typography, Grid } 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 { DocumentStatus } from '../../pages/EditView/components/DocumentStatus';\nimport { getDocumentStatus } from '../../pages/EditView/EditViewPage';\nimport { usePreviewContext } from '../pages/Preview';\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      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    <>\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/* -------------------------------------------------------------------------------------------------\n * PreviewHeader\n * -----------------------------------------------------------------------------------------------*/\n\nconst PreviewHeader = () => {\n  // Get the document title\n  const title = usePreviewContext('PreviewHeader', (state) => state.title);\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  return (\n    <Grid.Root\n      gap={3}\n      gridCols={3}\n      paddingLeft={2}\n      paddingRight={2}\n      background=\"neutral0\"\n      borderColor=\"neutral150\"\n      tag=\"header\"\n    >\n      {/* Title and status */}\n      <Grid.Item xs={1} paddingTop={2} paddingBottom={2} gap={3}>\n        <ClosePreviewButton />\n        <PreviewTitle tag=\"h1\" fontWeight={600} fontSize={2} maxWidth=\"200px\" title={title}>\n          {title}\n        </PreviewTitle>\n        <Status />\n      </Grid.Item>\n      {/* Tabs */}\n      <Grid.Item xs={1} marginBottom=\"-1px\" alignItems=\"end\" margin=\"auto\">\n        <PreviewTabs />\n      </Grid.Item>\n      {/* Copy link */}\n      <Grid.Item xs={1} justifyContent=\"end\" paddingTop={2} paddingBottom={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      </Grid.Item>\n    </Grid.Root>\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\nexport { PreviewHeader };\n","import * as React from 'react';\n\nimport { Page, useQueryParams, useRBAC, createContext } from '@strapi/admin/strapi-admin';\nimport { Box, Flex, FocusTrap, Portal } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useParams } from 'react-router-dom';\n\nimport { GetPreviewUrl } from '../../../../shared/contracts/preview';\nimport { COLLECTION_TYPES } from '../../constants/collections';\nimport { DocumentRBAC } from '../../features/DocumentRBAC';\nimport { type UseDocument, useDocument } from '../../hooks/useDocument';\nimport { useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { buildValidParams } from '../../utils/api';\nimport { PreviewContent } from '../components/PreviewContent';\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}\n\nconst [PreviewProvider, usePreviewContext] = createContext<PreviewContextValue>('PreviewPage');\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst PreviewPage = () => {\n  const { formatMessage } = useIntl();\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  }>();\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\n  const documentResponse = useDocument({\n    model,\n    collectionType,\n    documentId,\n    params,\n  });\n\n  const documentLayoutResponse = useDocumentLayout(model);\n\n  if (\n    documentResponse.isLoading ||\n    previewUrlResponse.isLoading ||\n    documentLayoutResponse.isLoading\n  ) {\n    return <Page.Loading />;\n  }\n\n  if (\n    previewUrlResponse.error ||\n    documentLayoutResponse.error ||\n    !documentResponse.document ||\n    !documentResponse.meta ||\n    !documentResponse.schema\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  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      <PreviewProvider\n        url={previewUrlResponse.data.data.url}\n        document={documentResponse.document}\n        title={documentTitle}\n        meta={documentResponse.meta}\n        schema={documentResponse.schema}\n      >\n        <Flex direction=\"column\" height=\"100%\" alignItems=\"stretch\">\n          <PreviewHeader />\n          <PreviewContent />\n        </Flex>\n      </PreviewProvider>\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([{ action: 'plugin::content-manager.explorer.read', subject: model }]);\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 permissions={permissions}>\n        {({ permissions }) => (\n          <DocumentRBAC permissions={permissions}>\n            <PreviewPage />\n          </DocumentRBAC>\n        )}\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":["PreviewContent","previewUrl","usePreviewContext","state","url","formatMessage","useIntl","_jsx","Box","src","title","id","defaultMessage","width","height","borderWidth","tag","ClosePreviewButton","query","useQueryParams","canGoBack","useHistory","goBack","history","locationIndex","currentLocationIndex","historyTo","at","undefined","fallback","pathname","search","stringify","encode","toWithFallback","handleClick","e","preventDefault","IconButton","Link","relative","to","onClick","label","Cross","Status","document","schema","meta","hasDraftAndPublished","options","draftAndPublish","status","getDocumentStatus","DocumentStatus","size","PreviewTabs","setQuery","hasDraftAndPublish","documentStatus","handleTabChange","_Fragment","Tabs","Root","variant","value","onValueChange","_jsxs","List","aria-label","StatusTab","disabled","PreviewHeader","toggleNotification","useNotification","copy","useClipboard","handleCopyLink","window","location","href","message","type","Grid","gap","gridCols","paddingLeft","paddingRight","background","borderColor","Item","xs","paddingTop","paddingBottom","PreviewTitle","fontWeight","fontSize","maxWidth","marginBottom","alignItems","margin","justifyContent","LinkIcon","styled","Typography","Trigger","PreviewProvider","createContext","PreviewPage","slug","model","documentId","collectionType","useParams","params","React","useMemo","buildValidParams","Error","COLLECTION_TYPES","previewUrlResponse","useGetPreviewUrlQuery","contentType","locale","documentResponse","useDocument","documentLayoutResponse","useDocumentLayout","isLoading","Page","Loading","error","data","NoData","documentTitle","getTitle","edit","settings","mainField","Title","Flex","direction","ProtectedPreviewPageImpl","permissions","useRBAC","action","subject","position","top","left","zIndex","Protect","DocumentRBAC","ProtectedPreviewPage","Portal","FocusTrap"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAMA,cAAiB,GAAA,IAAA;AACrB,IAAA,MAAMC,aAAaC,iBAAkB,CAAA,gBAAA,EAAkB,CAACC,KAAAA,GAAUA,MAAMC,GAAG,CAAA;IAE3E,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,qBACEC,GAACC,CAAAA,GAAAA,EAAAA;QACCC,GAAKR,EAAAA,UAAAA;AASLS,QAAAA,KAAAA,EAAOL,aAAc,CAAA;YACnBM,EAAI,EAAA,qCAAA;YACJC,cAAgB,EAAA;AAClB,SAAA,CAAA;QACAC,KAAM,EAAA,MAAA;QACNC,MAAO,EAAA,MAAA;QACPC,WAAa,EAAA,CAAA;QACbC,GAAI,EAAA;AARCf,KAAAA,EAAAA,UAAAA,CAAAA;AAWX,CAAA;;ACdA;;AAEkG,qGAElG,MAAMgB,kBAAqB,GAAA,IAAA;AACzB,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,CAAC,GAAGC,cAAAA,EAAAA;IAGpB,MAAM,EAAEd,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,MAAMc,YAAYC,UAAW,CAAA,YAAA,EAAc,CAAClB,KAAAA,GAAUA,MAAMiB,SAAS,CAAA;AACrE,IAAA,MAAME,SAASD,UAAW,CAAA,YAAA,EAAc,CAAClB,KAAAA,GAAUA,MAAMmB,MAAM,CAAA;AAC/D,IAAA,MAAMC,UAAUF,UAAW,CAAA,YAAA,EAAc,CAAClB,KAAAA,GAAUA,MAAMoB,OAAO,CAAA;AACjE,IAAA,MAAMC,gBAAgBH,UAAW,CAAA,YAAA,EAAc,CAAClB,KAAAA,GAAUA,MAAMsB,oBAAoB,CAAA;AAEpF;;;AAGC,MACD,MAAMC,SAAYN,GAAAA,SAAAA,GAAYG,QAAQI,EAAE,CAACH,gBAAgB,CAAKI,CAAAA,GAAAA,SAAAA;AAC9D,IAAA,MAAMC,QAAW,GAAA;QACfC,QAAU,EAAA,IAAA;AACVC,QAAAA,MAAAA,EAAQC,UAAUd,KAAO,EAAA;YAAEe,MAAQ,EAAA;AAAM,SAAA;AAC3C,KAAA;AACA,IAAA,MAAMC,iBAAiBR,SAAaG,IAAAA,QAAAA;AAEpC,IAAA,MAAMM,cAAc,CAACC,CAAAA,GAAAA;AACnB,QAAA,IAAIhB,SAAW,EAAA;;AAEbgB,YAAAA,CAAAA,CAAEC,cAAc,EAAA;AAChBf,YAAAA,MAAAA,EAAAA;AACA,YAAA;AACF;;;AAIF,KAAA;AAEA,IAAA,qBACEf,GAAC+B,CAAAA,UAAAA,EAAAA;QACCtB,GAAKuB,EAAAA,MAAAA;QACLC,QAAS,EAAA,MAAA;QACTC,EAAIP,EAAAA,cAAAA;QACJQ,OAASP,EAAAA,WAAAA;AACTQ,QAAAA,KAAAA,EAAOtC,aAAc,CAAA;YACnBM,EAAI,EAAA,sCAAA;YACJC,cAAgB,EAAA;AAClB,SAAA,CAAA;AAEA,QAAA,QAAA,gBAAAL,GAACqC,CAAAA,KAAAA,EAAAA,EAAAA;;AAGP,CAAA;AAEA;;AAEkG,qGAElG,MAAMC,MAAS,GAAA,IAAA;;AAEb,IAAA,MAAMC,WAAW5C,iBAAkB,CAAA,eAAA,EAAiB,CAACC,KAAAA,GAAUA,MAAM2C,QAAQ,CAAA;AAC7E,IAAA,MAAMC,SAAS7C,iBAAkB,CAAA,eAAA,EAAiB,CAACC,KAAAA,GAAUA,MAAM4C,MAAM,CAAA;AACzE,IAAA,MAAMC,OAAO9C,iBAAkB,CAAA,eAAA,EAAiB,CAACC,KAAAA,GAAUA,MAAM6C,IAAI,CAAA;IACrE,MAAMC,oBAAAA,GAAuBF,MAAQG,EAAAA,OAAAA,EAASC,eAAmB,IAAA,KAAA;AAEjE,IAAA,IAAI,CAACF,oBAAsB,EAAA;QACzB,OAAO,IAAA;AACT;IAEA,MAAMG,MAAAA,GAASC,kBAAkBP,QAAUE,EAAAA,IAAAA,CAAAA;AAE3C,IAAA,qBAAOzC,GAAC+C,CAAAA,cAAAA,EAAAA;QAAeF,MAAQA,EAAAA,MAAAA;QAAQG,IAAK,EAAA;;AAC9C,CAAA;AAEA,MAAMC,WAAc,GAAA,IAAA;IAClB,MAAM,EAAEnD,aAAa,EAAE,GAAGC,OAAAA,EAAAA;;AAG1B,IAAA,MAAM,CAAC,EAAEY,KAAK,EAAE,EAAEuC,SAAS,GAAGtC,cAAAA,EAAAA;;AAG9B,IAAA,MAAM2B,WAAW5C,iBAAkB,CAAA,eAAA,EAAiB,CAACC,KAAAA,GAAUA,MAAM2C,QAAQ,CAAA;AAC7E,IAAA,MAAMC,SAAS7C,iBAAkB,CAAA,eAAA,EAAiB,CAACC,KAAAA,GAAUA,MAAM4C,MAAM,CAAA;AACzE,IAAA,MAAMC,OAAO9C,iBAAkB,CAAA,eAAA,EAAiB,CAACC,KAAAA,GAAUA,MAAM6C,IAAI,CAAA;IACrE,MAAMU,kBAAAA,GAAqBX,MAAQG,EAAAA,OAAAA,EAASC,eAAmB,IAAA,KAAA;IAC/D,MAAMQ,cAAAA,GAAiBN,kBAAkBP,QAAUE,EAAAA,IAAAA,CAAAA;AAEnD,IAAA,MAAMY,kBAAkB,CAACR,MAAAA,GAAAA;QACvB,IAAIA,MAAAA,KAAW,WAAeA,IAAAA,MAAAA,KAAW,OAAS,EAAA;YAChDK,QAAS,CAAA;AAAEL,gBAAAA;AAAO,aAAA,EAAG,MAAQ,EAAA,IAAA,CAAA;AAC/B;AACF,KAAA;AAEA,IAAA,IAAI,CAACM,kBAAoB,EAAA;QACvB,OAAO,IAAA;AACT;IAEA,qBACEnD,GAAA,CAAAsD,QAAA,EAAA;gCACEtD,GAAA,CAACuD,KAAKC,IAAI,EAAA;YAACC,OAAQ,EAAA,QAAA;YAASC,KAAO/C,EAAAA,KAAAA,CAAMkC,MAAM,IAAI,OAAA;YAASc,aAAeN,EAAAA,eAAAA;oCACzEO,IAAA,CAACL,KAAKM,IAAI,EAAA;AACRC,gBAAAA,YAAAA,EAAYhE,aAAc,CAAA;oBACxBM,EAAI,EAAA,oBAAA;oBACJC,cAAgB,EAAA;AAClB,iBAAA,CAAA;;kCAEAL,GAAC+D,CAAAA,SAAAA,EAAAA;wBAAUL,KAAM,EAAA,OAAA;kCACd5D,aAAc,CAAA;4BACbM,EAAI,EAAA,uCAAA;4BACJC,cAAgB,EAAA;AAClB,yBAAA;;kCAEFL,GAAC+D,CAAAA,SAAAA,EAAAA;wBAAUL,KAAM,EAAA,WAAA;AAAYM,wBAAAA,QAAAA,EAAUZ,cAAmB,KAAA,OAAA;kCACvDtD,aAAc,CAAA;4BACbM,EAAI,EAAA,2CAAA;4BACJC,cAAgB,EAAA;AAClB,yBAAA;;;;;;AAMZ,CAAA;AAEA;;AAEkG,qGAElG,MAAM4D,aAAgB,GAAA,IAAA;;AAEpB,IAAA,MAAM9D,QAAQR,iBAAkB,CAAA,eAAA,EAAiB,CAACC,KAAAA,GAAUA,MAAMO,KAAK,CAAA;IAEvE,MAAM,EAAEL,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEmE,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;IAC/B,MAAM,EAAEC,IAAI,EAAE,GAAGC,YAAAA,EAAAA;AAEjB,IAAA,MAAMC,cAAiB,GAAA,IAAA;QACrBF,IAAKG,CAAAA,MAAAA,CAAOC,QAAQ,CAACC,IAAI,CAAA;QACzBP,kBAAmB,CAAA;AACjBQ,YAAAA,OAAAA,EAAS5E,aAAc,CAAA;gBACrBM,EAAI,EAAA,sCAAA;gBACJC,cAAgB,EAAA;AAClB,aAAA,CAAA;YACAsE,IAAM,EAAA;AACR,SAAA,CAAA;AACF,KAAA;IAEA,qBACEf,IAAA,CAACgB,KAAKpB,IAAI,EAAA;QACRqB,GAAK,EAAA,CAAA;QACLC,QAAU,EAAA,CAAA;QACVC,WAAa,EAAA,CAAA;QACbC,YAAc,EAAA,CAAA;QACdC,UAAW,EAAA,UAAA;QACXC,WAAY,EAAA,YAAA;QACZzE,GAAI,EAAA,QAAA;;AAGJ,0BAAAmD,IAAA,CAACgB,KAAKO,IAAI,EAAA;gBAACC,EAAI,EAAA,CAAA;gBAAGC,UAAY,EAAA,CAAA;gBAAGC,aAAe,EAAA,CAAA;gBAAGT,GAAK,EAAA,CAAA;;kCACtD7E,GAACU,CAAAA,kBAAAA,EAAAA,EAAAA,CAAAA;kCACDV,GAACuF,CAAAA,YAAAA,EAAAA;wBAAa9E,GAAI,EAAA,IAAA;wBAAK+E,UAAY,EAAA,GAAA;wBAAKC,QAAU,EAAA,CAAA;wBAAGC,QAAS,EAAA,OAAA;wBAAQvF,KAAOA,EAAAA,KAAAA;AAC1EA,wBAAAA,QAAAA,EAAAA;;kCAEHH,GAACsC,CAAAA,MAAAA,EAAAA,EAAAA;;;AAGH,0BAAAtC,GAAA,CAAC4E,KAAKO,IAAI,EAAA;gBAACC,EAAI,EAAA,CAAA;gBAAGO,YAAa,EAAA,MAAA;gBAAOC,UAAW,EAAA,KAAA;gBAAMC,MAAO,EAAA,MAAA;AAC5D,gBAAA,QAAA,gBAAA7F,GAACiD,CAAAA,WAAAA,EAAAA,EAAAA;;AAGH,0BAAAjD,GAAA,CAAC4E,KAAKO,IAAI,EAAA;gBAACC,EAAI,EAAA,CAAA;gBAAGU,cAAe,EAAA,KAAA;gBAAMT,UAAY,EAAA,CAAA;gBAAGC,aAAe,EAAA,CAAA;AACnE,gBAAA,QAAA,gBAAAtF,GAAC+B,CAAAA,UAAAA,EAAAA;oBACC4C,IAAK,EAAA,QAAA;AACLvC,oBAAAA,KAAAA,EAAOtC,aAAc,CAAA;wBACnBM,EAAI,EAAA,oBAAA;wBACJC,cAAgB,EAAA;AAClB,qBAAA,CAAA;oBACA8B,OAASmC,EAAAA,cAAAA;AAET,oBAAA,QAAA,gBAAAtE,GAAC+F,CAAAA,IAAAA,EAAAA,EAAAA;;;;;AAKX,CAAA;AAEA,MAAMR,YAAAA,GAAeS,MAAOC,CAAAA,UAAAA,CAAW;;;;AAIvC,CAAC;AAED,MAAMlC,SAAYiC,GAAAA,MAAAA,CAAOzC,IAAK2C,CAAAA,OAAO,CAAC;;AAEtC,CAAC;;ACtLD,MAAM,CAACC,eAAAA,EAAiBxG,iBAAkB,CAAA,GAAGyG,aAAmC,CAAA,aAAA;AAEhF;;AAEkG,qGAElG,MAAMC,WAAc,GAAA,IAAA;IAClB,MAAM,EAAEvG,aAAa,EAAE,GAAGC,OAAAA,EAAAA;;IAG1B,MAAM,EACJuG,MAAMC,KAAK,EACXnG,IAAIoG,UAAU,EACdC,cAAc,EACf,GAAGC,SAAAA,EAAAA;AAKJ,IAAA,MAAM,CAAC,EAAE/F,KAAK,EAAE,CAAC,GAAGC,cAAAA,EAAAA;AAIpB,IAAA,MAAM+F,SAASC,KAAMC,CAAAA,OAAO,CAAC,IAAMC,iBAAiBnG,KAAQ,CAAA,EAAA;AAACA,QAAAA;AAAM,KAAA,CAAA;AAEnE,IAAA,IAAI,CAAC8F,cAAgB,EAAA;AACnB,QAAA,MAAM,IAAIM,KAAM,CAAA,6CAAA,CAAA;AAClB;AAEA,IAAA,IAAI,CAACR,KAAO,EAAA;AACV,QAAA,MAAM,IAAIQ,KAAM,CAAA,oCAAA,CAAA;AAClB;;IAGA,IAAIN,cAAAA,KAAmBO,gBAAoB,IAAA,CAACR,UAAY,EAAA;AACtD,QAAA,MAAM,IAAIO,KAAM,CAAA,yCAAA,CAAA;AAClB;AAEA,IAAA,MAAME,qBAAqBC,qBAAsB,CAAA;QAC/CP,MAAQ,EAAA;YACNQ,WAAaZ,EAAAA;AACf,SAAA;QACA5F,KAAO,EAAA;AACL6F,YAAAA,UAAAA;AACAY,YAAAA,MAAAA,EAAQT,OAAOS,MAAM;AACrBvE,YAAAA,MAAAA,EAAQ8D,OAAO9D;AACjB;AACF,KAAA,CAAA;AAEA,IAAA,MAAMwE,mBAAmBC,WAAY,CAAA;AACnCf,QAAAA,KAAAA;AACAE,QAAAA,cAAAA;AACAD,QAAAA,UAAAA;AACAG,QAAAA;AACF,KAAA,CAAA;AAEA,IAAA,MAAMY,yBAAyBC,iBAAkBjB,CAAAA,KAAAA,CAAAA;IAEjD,IACEc,gBAAAA,CAAiBI,SAAS,IAC1BR,kBAAAA,CAAmBQ,SAAS,IAC5BF,sBAAAA,CAAuBE,SAAS,EAChC;QACA,qBAAOzH,GAAA,CAAC0H,KAAKC,OAAO,EAAA,EAAA,CAAA;AACtB;AAEA,IAAA,IACEV,mBAAmBW,KAAK,IACxBL,sBAAuBK,CAAAA,KAAK,IAC5B,CAACP,gBAAAA,CAAiB9E,QAAQ,IAC1B,CAAC8E,gBAAiB5E,CAAAA,IAAI,IACtB,CAAC4E,gBAAAA,CAAiB7E,MAAM,EACxB;QACA,qBAAOxC,GAAA,CAAC0H,KAAKX,KAAK,EAAA,EAAA,CAAA;AACpB;AAEA,IAAA,IAAI,CAACE,kBAAAA,CAAmBY,IAAI,EAAEA,MAAMhI,GAAK,EAAA;QACvC,qBAAOG,GAAA,CAAC0H,KAAKI,MAAM,EAAA,EAAA,CAAA;AACrB;IAEA,MAAMC,aAAAA,GAAgBV,iBAAiBW,QAAQ,CAACT,uBAAuBU,IAAI,CAACC,QAAQ,CAACC,SAAS,CAAA;IAE9F,qBACEvE,IAAA,CAAAN,QAAA,EAAA;;AACE,0BAAAtD,GAAA,CAAC0H,KAAKU,KAAK,EAAA;0BACRtI,aACC,CAAA;oBACEM,EAAI,EAAA,oCAAA;oBACJC,cAAgB,EAAA;iBAElB,EAAA;oBACE8G,WAAaY,EAAAA;AACf,iBAAA;;0BAGJ/H,GAACmG,CAAAA,eAAAA,EAAAA;AACCtG,gBAAAA,GAAAA,EAAKoH,kBAAmBY,CAAAA,IAAI,CAACA,IAAI,CAAChI,GAAG;AACrC0C,gBAAAA,QAAAA,EAAU8E,iBAAiB9E,QAAQ;gBACnCpC,KAAO4H,EAAAA,aAAAA;AACPtF,gBAAAA,IAAAA,EAAM4E,iBAAiB5E,IAAI;AAC3BD,gBAAAA,MAAAA,EAAQ6E,iBAAiB7E,MAAM;AAE/B,gBAAA,QAAA,gBAAAoB,IAACyE,CAAAA,IAAAA,EAAAA;oBAAKC,SAAU,EAAA,QAAA;oBAAS/H,MAAO,EAAA,MAAA;oBAAOqF,UAAW,EAAA,SAAA;;sCAChD5F,GAACiE,CAAAA,aAAAA,EAAAA,EAAAA,CAAAA;sCACDjE,GAACP,CAAAA,cAAAA,EAAAA,EAAAA;;;;;;AAKX,CAAA;AAEA;;AAEkG,qGAElG,MAAM8I,wBAA2B,GAAA,IAAA;AAC/B,IAAA,MAAM,EAAEjC,IAAAA,EAAMC,KAAK,EAAE,GAAGG,SAAAA,EAAAA;IAGxB,MAAM,EACJ8B,cAAc,EAAE,EAChBf,SAAS,EACTG,KAAK,EACN,GAAGa,OAAQ,CAAA;AAAC,QAAA;YAAEC,MAAQ,EAAA,uCAAA;YAAyCC,OAASpC,EAAAA;AAAM;AAAE,KAAA,CAAA;AAEjF,IAAA,IAAIkB,SAAW,EAAA;QACb,qBAAOzH,GAAA,CAAC0H,KAAKC,OAAO,EAAA,EAAA,CAAA;AACtB;IAEA,IAAIC,KAAAA,IAAS,CAACrB,KAAO,EAAA;AACnB,QAAA,qBACEvG,GAACC,CAAAA,GAAAA,EAAAA;YACCM,MAAO,EAAA,OAAA;YACPD,KAAM,EAAA,OAAA;YACNsI,QAAS,EAAA,OAAA;YACTC,GAAK,EAAA,CAAA;YACLC,IAAM,EAAA,CAAA;YACNC,MAAQ,EAAA,CAAA;YACR9D,UAAW,EAAA,UAAA;oCAEXjF,GAAA,CAAC0H,KAAKX,KAAK,EAAA,EAAA;;AAGjB;AAEA,IAAA,qBACE/G,GAACC,CAAAA,GAAAA,EAAAA;QACCM,MAAO,EAAA,OAAA;QACPD,KAAM,EAAA,OAAA;QACNsI,QAAS,EAAA,OAAA;QACTC,GAAK,EAAA,CAAA;QACLC,IAAM,EAAA,CAAA;QACNC,MAAQ,EAAA,CAAA;QACR9D,UAAW,EAAA,UAAA;gCAEXjF,GAAA,CAAC0H,KAAKsB,OAAO,EAAA;YAACR,WAAaA,EAAAA,WAAAA;AACxB,YAAA,QAAA,EAAA,CAAC,EAAEA,WAAW,EAAE,iBACfxI,GAACiJ,CAAAA,YAAAA,EAAAA;oBAAaT,WAAaA,EAAAA,WAAAA;AACzB,oBAAA,QAAA,gBAAAxI,GAACqG,CAAAA,WAAAA,EAAAA,EAAAA;;;;AAMb,CAAA;AAEA,MAAM6C,oBAAuB,GAAA,IAAA;AAC3B,IAAA,qBACElJ,GAACmJ,CAAAA,MAAAA,EAAAA;AACC,QAAA,QAAA,gBAAAnJ,GAACoJ,CAAAA,SAAAA,EAAAA;AACC,YAAA,QAAA,gBAAApJ,GAACuI,CAAAA,wBAAAA,EAAAA,EAAAA;;;AAIT;;;;"}

package/dist/admin/chunks/{Preview-DBvmhR7Q.js → Preview-DRtWRrYn.js}

@@ -6,18 +6,18 @@ var strapiAdmin = require('@strapi/admin/strapi-admin');
 var designSystem = require('@strapi/design-system');
 var reactIntl = require('react-intl');
 var reactRouterDom = require('react-router-dom');
-var index = require('./index-BczuAULz.js');
+var index = require('./index-CKZHZ3ir.js');
 var Icons = require('@strapi/icons');
 var qs = require('qs');
 var styledComponents = require('styled-components');
-var EditViewPage = require('./EditViewPage-DsBKmSPb.js');
+var EditViewPage = require('./EditViewPage-CRu2G4OS.js');
 require('lodash/fp/mapValues');
 require('yup');
 require('fractional-indexing');
 require('lodash/fp/pipe');
 require('date-fns');
 require('@reduxjs/toolkit');
-require('./Input-Dh1MtWno.js');
+require('./Input-BIRb1gP2.js');
 require('slate');
 require('slate-history');
 require('slate-react');
@@ -72,7 +72,7 @@ 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('./usePrev-CwGzb4ed.js');
 require('./useDragAndDrop-gcqEJMnO.js');
 require('react-dnd');
 require('@radix-ui/react-toolbar');
@@ -80,9 +80,9 @@ require('react-dnd-html5-backend');
 require('./objects-C3EebVVe.js');
 require('lodash/clone');
 require('lodash/toPath');
-require('./Relations-XHxDKEvT.js');
+require('./Relations-BDe2e0a7.js');
 require('react-window');
-require('./relations-CgaydhiM.js');
+require('./relations-CuPmv-zR.js');
 require('./ComponentIcon-C-EjOUPA.js');
 require('@strapi/icons/symbols');
 require('codemirror5');
@@ -120,30 +120,6 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-const UnstablePreviewContent = ()=>{
-    const previewUrl = usePreviewContext('PreviewContent', (state)=>state.url);
-    const { formatMessage } = reactIntl.useIntl();
-    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-        height: "100%",
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                flex: 1,
-                children: "TODO: Side editor"
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
-                src: previewUrl,
-                title: formatMessage({
-                    id: 'content-manager.preview.panel.title',
-                    defaultMessage: 'Preview'
-                }),
-                flex: 1,
-                height: "100%",
-                borderWidth: 0,
-                tag: "iframe"
-            }, previewUrl)
-        ]
-    });
-};
 const PreviewContent = ()=>{
     const previewUrl = usePreviewContext('PreviewContent', (state)=>state.url);
     const { formatMessage } = reactIntl.useIntl();
@@ -191,7 +167,6 @@ const PreviewContent = ()=>{
     // here in order to get the relative="path" functionality from the Link component.
     };
     return /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
-        variant: "ghost",
         tag: reactRouterDom.Link,
         relative: "path",
         to: toWithFallback,
@@ -273,68 +248,7 @@ const PreviewTabs = ()=>{
 };
 /* -------------------------------------------------------------------------------------------------
  * PreviewHeader
- * -----------------------------------------------------------------------------------------------*/ const UnstablePreviewHeader = ()=>{
-    // 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.Flex, {
-        gap: 4,
-        background: "neutral0",
-        borderColor: "neutral150",
-        tag: "header",
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsxs(TitleContainer, {
-                height: "100%",
-                paddingLeft: 2,
-                paddingRight: 4,
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsx(ClosePreviewButton, {}),
-                    /*#__PURE__*/ jsxRuntime.jsx(PreviewTitle, {
-                        tag: "h1",
-                        title: title,
-                        maxWidth: "200px",
-                        fontSize: 2,
-                        paddingLeft: 2,
-                        paddingRight: 3,
-                        fontWeight: 600,
-                        children: title
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx(Status, {})
-                ]
-            }),
-            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
-                flex: 1,
-                paddingRight: 2,
-                justifyContent: "space-between",
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsx(PreviewTabs, {}),
-                    /*#__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 PreviewHeader = ()=>{
+ * -----------------------------------------------------------------------------------------------*/ const PreviewHeader = ()=>{
     // Get the document title
     const title = usePreviewContext('PreviewHeader', (state)=>state.title);
     const { formatMessage } = reactIntl.useIntl();
@@ -410,9 +324,6 @@ const PreviewTitle = styledComponents.styled(designSystem.Typography)`
 const StatusTab = styledComponents.styled(designSystem.Tabs.Trigger)`
   text-transform: uppercase;
 `;
-const TitleContainer = styledComponents.styled(designSystem.Flex)`
-  border-right: 1px solid ${({ theme })=>theme.colors.neutral150};
-`;
 
 const [PreviewProvider, usePreviewContext] = strapiAdmin.createContext('PreviewPage');
 /* -------------------------------------------------------------------------------------------------
@@ -478,21 +389,14 @@ const [PreviewProvider, usePreviewContext] = strapiAdmin.createContext('PreviewP
                 title: documentTitle,
                 meta: documentResponse.meta,
                 schema: documentResponse.schema,
-                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
                     direction: "column",
                     height: "100%",
                     alignItems: "stretch",
-                    children: window.strapi.future.isEnabled('unstablePreviewSideEditor') ? /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                        children: [
-                            /*#__PURE__*/ jsxRuntime.jsx(UnstablePreviewHeader, {}),
-                            /*#__PURE__*/ jsxRuntime.jsx(UnstablePreviewContent, {})
-                        ]
-                    }) : /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                        children: [
-                            /*#__PURE__*/ jsxRuntime.jsx(PreviewHeader, {}),
-                            /*#__PURE__*/ jsxRuntime.jsx(PreviewContent, {})
-                        ]
-                    })
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(PreviewHeader, {}),
+                        /*#__PURE__*/ jsxRuntime.jsx(PreviewContent, {})
+                    ]
                 })
             })
         ]
@@ -550,4 +454,4 @@ const ProtectedPreviewPage = ()=>{
 
 exports.ProtectedPreviewPage = ProtectedPreviewPage;
 exports.usePreviewContext = usePreviewContext;
-//# sourceMappingURL=Preview-DBvmhR7Q.js.map
+//# sourceMappingURL=Preview-DRtWRrYn.js.map

package/dist/admin/chunks/Preview-DRtWRrYn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview-DRtWRrYn.js","sources":["../../../admin/src/preview/components/PreviewContent.tsx","../../../admin/src/preview/components/PreviewHeader.tsx","../../../admin/src/preview/pages/Preview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { usePreviewContext } from '../pages/Preview';\n\nconst PreviewContent = () => {\n  const previewUrl = usePreviewContext('PreviewContent', (state) => state.url);\n\n  const { formatMessage } = useIntl();\n\n  return (\n    <Box\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  );\n};\n\nexport { PreviewContent };\n","import * as React from 'react';\n\nimport {\n  useClipboard,\n  useHistory,\n  useNotification,\n  useQueryParams,\n} from '@strapi/admin/strapi-admin';\nimport { IconButton, Tabs, Typography, Grid } 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 { DocumentStatus } from '../../pages/EditView/components/DocumentStatus';\nimport { getDocumentStatus } from '../../pages/EditView/EditViewPage';\nimport { usePreviewContext } from '../pages/Preview';\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      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    <>\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/* -------------------------------------------------------------------------------------------------\n * PreviewHeader\n * -----------------------------------------------------------------------------------------------*/\n\nconst PreviewHeader = () => {\n  // Get the document title\n  const title = usePreviewContext('PreviewHeader', (state) => state.title);\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  return (\n    <Grid.Root\n      gap={3}\n      gridCols={3}\n      paddingLeft={2}\n      paddingRight={2}\n      background=\"neutral0\"\n      borderColor=\"neutral150\"\n      tag=\"header\"\n    >\n      {/* Title and status */}\n      <Grid.Item xs={1} paddingTop={2} paddingBottom={2} gap={3}>\n        <ClosePreviewButton />\n        <PreviewTitle tag=\"h1\" fontWeight={600} fontSize={2} maxWidth=\"200px\" title={title}>\n          {title}\n        </PreviewTitle>\n        <Status />\n      </Grid.Item>\n      {/* Tabs */}\n      <Grid.Item xs={1} marginBottom=\"-1px\" alignItems=\"end\" margin=\"auto\">\n        <PreviewTabs />\n      </Grid.Item>\n      {/* Copy link */}\n      <Grid.Item xs={1} justifyContent=\"end\" paddingTop={2} paddingBottom={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      </Grid.Item>\n    </Grid.Root>\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\nexport { PreviewHeader };\n","import * as React from 'react';\n\nimport { Page, useQueryParams, useRBAC, createContext } from '@strapi/admin/strapi-admin';\nimport { Box, Flex, FocusTrap, Portal } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useParams } from 'react-router-dom';\n\nimport { GetPreviewUrl } from '../../../../shared/contracts/preview';\nimport { COLLECTION_TYPES } from '../../constants/collections';\nimport { DocumentRBAC } from '../../features/DocumentRBAC';\nimport { type UseDocument, useDocument } from '../../hooks/useDocument';\nimport { useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { buildValidParams } from '../../utils/api';\nimport { PreviewContent } from '../components/PreviewContent';\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}\n\nconst [PreviewProvider, usePreviewContext] = createContext<PreviewContextValue>('PreviewPage');\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst PreviewPage = () => {\n  const { formatMessage } = useIntl();\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  }>();\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\n  const documentResponse = useDocument({\n    model,\n    collectionType,\n    documentId,\n    params,\n  });\n\n  const documentLayoutResponse = useDocumentLayout(model);\n\n  if (\n    documentResponse.isLoading ||\n    previewUrlResponse.isLoading ||\n    documentLayoutResponse.isLoading\n  ) {\n    return <Page.Loading />;\n  }\n\n  if (\n    previewUrlResponse.error ||\n    documentLayoutResponse.error ||\n    !documentResponse.document ||\n    !documentResponse.meta ||\n    !documentResponse.schema\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  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      <PreviewProvider\n        url={previewUrlResponse.data.data.url}\n        document={documentResponse.document}\n        title={documentTitle}\n        meta={documentResponse.meta}\n        schema={documentResponse.schema}\n      >\n        <Flex direction=\"column\" height=\"100%\" alignItems=\"stretch\">\n          <PreviewHeader />\n          <PreviewContent />\n        </Flex>\n      </PreviewProvider>\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([{ action: 'plugin::content-manager.explorer.read', subject: model }]);\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 permissions={permissions}>\n        {({ permissions }) => (\n          <DocumentRBAC permissions={permissions}>\n            <PreviewPage />\n          </DocumentRBAC>\n        )}\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":["PreviewContent","previewUrl","usePreviewContext","state","url","formatMessage","useIntl","_jsx","Box","src","title","id","defaultMessage","width","height","borderWidth","tag","ClosePreviewButton","query","useQueryParams","canGoBack","useHistory","goBack","history","locationIndex","currentLocationIndex","historyTo","at","undefined","fallback","pathname","search","stringify","encode","toWithFallback","handleClick","e","preventDefault","IconButton","Link","relative","to","onClick","label","Cross","Status","document","schema","meta","hasDraftAndPublished","options","draftAndPublish","status","getDocumentStatus","DocumentStatus","size","PreviewTabs","setQuery","hasDraftAndPublish","documentStatus","handleTabChange","_Fragment","Tabs","Root","variant","value","onValueChange","_jsxs","List","aria-label","StatusTab","disabled","PreviewHeader","toggleNotification","useNotification","copy","useClipboard","handleCopyLink","window","location","href","message","type","Grid","gap","gridCols","paddingLeft","paddingRight","background","borderColor","Item","xs","paddingTop","paddingBottom","PreviewTitle","fontWeight","fontSize","maxWidth","marginBottom","alignItems","margin","justifyContent","LinkIcon","styled","Typography","Trigger","PreviewProvider","createContext","PreviewPage","slug","model","documentId","collectionType","useParams","params","React","useMemo","buildValidParams","Error","COLLECTION_TYPES","previewUrlResponse","useGetPreviewUrlQuery","contentType","locale","documentResponse","useDocument","documentLayoutResponse","useDocumentLayout","isLoading","Page","Loading","error","data","NoData","documentTitle","getTitle","edit","settings","mainField","Title","Flex","direction","ProtectedPreviewPageImpl","permissions","useRBAC","action","subject","position","top","left","zIndex","Protect","DocumentRBAC","ProtectedPreviewPage","Portal","FocusTrap"],"mappings":"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"}

package/dist/admin/chunks/{Relations-Cn0atFpd.js → Relations-B1i77Jba.js}

@@ -10,9 +10,9 @@ import { useIntl } from 'react-intl';
 import { NavLink } from 'react-router-dom';
 import { FixedSizeList } from 'react-window';
 import { styled } from 'styled-components';
-import { c as useDoc, d as buildValidParams, C as COLLECTION_TYPES, g as getTranslation, D as DocumentStatus } from './index-BkyR-Bnu.js';
+import { c as useDoc, d as buildValidParams, C as COLLECTION_TYPES, g as getTranslation, D as DocumentStatus } from './index-DfEfFmQC.js';
 import { u as useDragAndDrop, I as ItemTypes, D as DROP_SENSITIVITY } from './useDragAndDrop-HYwNDExe.js';
-import { u as useGetRelationsQuery, g as getRelationLabel, a as useDebounce, b as useLazySearchRelationsQuery } from './relations-DPVgU_rq.js';
+import { u as useGetRelationsQuery, g as getRelationLabel, a as useLazySearchRelationsQuery } from './relations-xwSNlsdc.js';
 
 /**
  * We use this component to wrap any individual component field in the Edit View,
@@ -311,7 +311,6 @@ const ONE_WAY_RELATIONS = [
     const { formatMessage } = useIntl();
     const fieldRef = useFocusInputField(name);
     const field = useField(name);
-    const searchParamsDebounced = useDebounce(searchParams, 300);
     const [searchForTrigger, { data, isLoading }] = useLazySearchRelationsQuery();
     /**
    * Because we're using a lazy query, we need to trigger the search
@@ -334,7 +333,7 @@ const ONE_WAY_RELATIONS = [
                 pageSize: 10,
                 idsToInclude: field.value?.disconnect?.map((rel)=>rel.id.toString()) ?? [],
                 idsToOmit: field.value?.connect?.map((rel)=>rel.id.toString()) ?? [],
-                ...searchParamsDebounced
+                ...searchParams
             }
         });
     }, [
@@ -345,7 +344,7 @@ const ONE_WAY_RELATIONS = [
         name,
         query,
         searchForTrigger,
-        searchParamsDebounced
+        searchParams
     ]);
     const handleSearch = async (search)=>{
         setSearchParams((s)=>({
@@ -824,4 +823,4 @@ const RelationItemPlaceholder = ()=>/*#__PURE__*/ jsx(Box, {
 const MemoizedRelationsField = /*#__PURE__*/ React.memo(RelationsField);
 
 export { ComponentProvider as C, DisconnectButton as D, FlexWrapper as F, LinkEllipsis as L, MemoizedRelationsField as M, useComponent as u };
-//# sourceMappingURL=Relations-Cn0atFpd.js.map
+//# sourceMappingURL=Relations-B1i77Jba.js.map