@strapi/content-manager 0.0.0-experimental.bffd3c1819cd08304e7d270e88b4973e9fcbc183 → 0.0.0-experimental.c23f51fc41b3ef5de081f427d07e87af93cdcb2c

package/dist/admin/pages/NoContentTypePage.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var Symbols = require('@strapi/icons/symbols');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var translations = require('../utils/translations.js');
+
+const NoContentType = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Page.Main, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Header, {
+                title: formatMessage({
+                    id: translations.getTranslation('header.name'),
+                    defaultMessage: 'Content'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Content, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.EmptyStateLayout, {
+                    action: /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
+                        tag: reactRouterDom.NavLink,
+                        variant: "secondary",
+                        startIcon: /*#__PURE__*/ jsxRuntime.jsx(Icons.Plus, {}),
+                        to: "/plugins/content-type-builder/content-types/create-content-type",
+                        children: formatMessage({
+                            id: 'app.components.HomePage.create',
+                            defaultMessage: 'Create your first Content-type'
+                        })
+                    }),
+                    content: formatMessage({
+                        id: 'content-manager.pages.NoContentType.text',
+                        defaultMessage: "You don't have any content yet, we recommend you to create your first Content-Type."
+                    }),
+                    hasRadius: true,
+                    icon: /*#__PURE__*/ jsxRuntime.jsx(Symbols.EmptyDocuments, {
+                        width: "16rem"
+                    }),
+                    shadow: "tableShadow"
+                })
+            })
+        ]
+    });
+};
+
+exports.NoContentType = NoContentType;
+//# sourceMappingURL=NoContentTypePage.js.map

package/dist/admin/pages/NoContentTypePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoContentTypePage.js","sources":["../../../admin/src/pages/NoContentTypePage.tsx"],"sourcesContent":["import { Page, Layouts } from '@strapi/admin/strapi-admin';\nimport { EmptyStateLayout, LinkButton } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\n\nimport { getTranslation } from '../utils/translations';\n\nconst NoContentType = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Page.Main>\n      <Layouts.Header\n        title={formatMessage({\n          id: getTranslation('header.name'),\n          defaultMessage: 'Content',\n        })}\n      />\n      <Layouts.Content>\n        <EmptyStateLayout\n          action={\n            <LinkButton\n              tag={NavLink}\n              variant=\"secondary\"\n              startIcon={<Plus />}\n              to=\"/plugins/content-type-builder/content-types/create-content-type\"\n            >\n              {formatMessage({\n                id: 'app.components.HomePage.create',\n                defaultMessage: 'Create your first Content-type',\n              })}\n            </LinkButton>\n          }\n          content={formatMessage({\n            id: 'content-manager.pages.NoContentType.text',\n            defaultMessage:\n              \"You don't have any content yet, we recommend you to create your first Content-Type.\",\n          })}\n          hasRadius\n          icon={<EmptyDocuments width=\"16rem\" />}\n          shadow=\"tableShadow\"\n        />\n      </Layouts.Content>\n    </Page.Main>\n  );\n};\n\nexport { NoContentType };\n"],"names":["NoContentType","formatMessage","useIntl","_jsxs","Page","Main","_jsx","Layouts","Header","title","id","getTranslation","defaultMessage","Content","EmptyStateLayout","action","LinkButton","tag","NavLink","variant","startIcon","Plus","to","content","hasRadius","icon","EmptyDocuments","width","shadow"],"mappings":";;;;;;;;;;;AASA,MAAMA,aAAgB,GAAA,IAAA;IACpB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAE1B,qBACEC,eAAA,CAACC,iBAAKC,IAAI,EAAA;;AACR,0BAAAC,cAAA,CAACC,oBAAQC,MAAM,EAAA;AACbC,gBAAAA,KAAAA,EAAOR,aAAc,CAAA;AACnBS,oBAAAA,EAAAA,EAAIC,2BAAe,CAAA,aAAA,CAAA;oBACnBC,cAAgB,EAAA;AAClB,iBAAA;;AAEF,0BAAAN,cAAA,CAACC,oBAAQM,OAAO,EAAA;AACd,gBAAA,QAAA,gBAAAP,cAACQ,CAAAA,6BAAAA,EAAAA;AACCC,oBAAAA,MAAAA,gBACET,cAACU,CAAAA,uBAAAA,EAAAA;wBACCC,GAAKC,EAAAA,sBAAAA;wBACLC,OAAQ,EAAA,WAAA;AACRC,wBAAAA,SAAAA,gBAAWd,cAACe,CAAAA,UAAAA,EAAAA,EAAAA,CAAAA;wBACZC,EAAG,EAAA,iEAAA;kCAEFrB,aAAc,CAAA;4BACbS,EAAI,EAAA,gCAAA;4BACJE,cAAgB,EAAA;AAClB,yBAAA;;AAGJW,oBAAAA,OAAAA,EAAStB,aAAc,CAAA;wBACrBS,EAAI,EAAA,0CAAA;wBACJE,cACE,EAAA;AACJ,qBAAA,CAAA;oBACAY,SAAS,EAAA,IAAA;AACTC,oBAAAA,IAAAA,gBAAMnB,cAACoB,CAAAA,sBAAAA,EAAAA;wBAAeC,KAAM,EAAA;;oBAC5BC,MAAO,EAAA;;;;;AAKjB;;;;"}

package/dist/admin/pages/NoContentTypePage.mjs

@@ -0,0 +1,48 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Page, Layouts } from '@strapi/admin/strapi-admin';
+import { EmptyStateLayout, LinkButton } from '@strapi/design-system';
+import { Plus } from '@strapi/icons';
+import { EmptyDocuments } from '@strapi/icons/symbols';
+import { useIntl } from 'react-intl';
+import { NavLink } from 'react-router-dom';
+import { getTranslation } from '../utils/translations.mjs';
+
+const NoContentType = ()=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsxs(Page.Main, {
+        children: [
+            /*#__PURE__*/ jsx(Layouts.Header, {
+                title: formatMessage({
+                    id: getTranslation('header.name'),
+                    defaultMessage: 'Content'
+                })
+            }),
+            /*#__PURE__*/ jsx(Layouts.Content, {
+                children: /*#__PURE__*/ jsx(EmptyStateLayout, {
+                    action: /*#__PURE__*/ jsx(LinkButton, {
+                        tag: NavLink,
+                        variant: "secondary",
+                        startIcon: /*#__PURE__*/ jsx(Plus, {}),
+                        to: "/plugins/content-type-builder/content-types/create-content-type",
+                        children: formatMessage({
+                            id: 'app.components.HomePage.create',
+                            defaultMessage: 'Create your first Content-type'
+                        })
+                    }),
+                    content: formatMessage({
+                        id: 'content-manager.pages.NoContentType.text',
+                        defaultMessage: "You don't have any content yet, we recommend you to create your first Content-Type."
+                    }),
+                    hasRadius: true,
+                    icon: /*#__PURE__*/ jsx(EmptyDocuments, {
+                        width: "16rem"
+                    }),
+                    shadow: "tableShadow"
+                })
+            })
+        ]
+    });
+};
+
+export { NoContentType };
+//# sourceMappingURL=NoContentTypePage.mjs.map

package/dist/admin/pages/NoContentTypePage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoContentTypePage.mjs","sources":["../../../admin/src/pages/NoContentTypePage.tsx"],"sourcesContent":["import { Page, Layouts } from '@strapi/admin/strapi-admin';\nimport { EmptyStateLayout, LinkButton } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\n\nimport { getTranslation } from '../utils/translations';\n\nconst NoContentType = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Page.Main>\n      <Layouts.Header\n        title={formatMessage({\n          id: getTranslation('header.name'),\n          defaultMessage: 'Content',\n        })}\n      />\n      <Layouts.Content>\n        <EmptyStateLayout\n          action={\n            <LinkButton\n              tag={NavLink}\n              variant=\"secondary\"\n              startIcon={<Plus />}\n              to=\"/plugins/content-type-builder/content-types/create-content-type\"\n            >\n              {formatMessage({\n                id: 'app.components.HomePage.create',\n                defaultMessage: 'Create your first Content-type',\n              })}\n            </LinkButton>\n          }\n          content={formatMessage({\n            id: 'content-manager.pages.NoContentType.text',\n            defaultMessage:\n              \"You don't have any content yet, we recommend you to create your first Content-Type.\",\n          })}\n          hasRadius\n          icon={<EmptyDocuments width=\"16rem\" />}\n          shadow=\"tableShadow\"\n        />\n      </Layouts.Content>\n    </Page.Main>\n  );\n};\n\nexport { NoContentType };\n"],"names":["NoContentType","formatMessage","useIntl","_jsxs","Page","Main","_jsx","Layouts","Header","title","id","getTranslation","defaultMessage","Content","EmptyStateLayout","action","LinkButton","tag","NavLink","variant","startIcon","Plus","to","content","hasRadius","icon","EmptyDocuments","width","shadow"],"mappings":";;;;;;;;;AASA,MAAMA,aAAgB,GAAA,IAAA;IACpB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAE1B,qBACEC,IAAA,CAACC,KAAKC,IAAI,EAAA;;AACR,0BAAAC,GAAA,CAACC,QAAQC,MAAM,EAAA;AACbC,gBAAAA,KAAAA,EAAOR,aAAc,CAAA;AACnBS,oBAAAA,EAAAA,EAAIC,cAAe,CAAA,aAAA,CAAA;oBACnBC,cAAgB,EAAA;AAClB,iBAAA;;AAEF,0BAAAN,GAAA,CAACC,QAAQM,OAAO,EAAA;AACd,gBAAA,QAAA,gBAAAP,GAACQ,CAAAA,gBAAAA,EAAAA;AACCC,oBAAAA,MAAAA,gBACET,GAACU,CAAAA,UAAAA,EAAAA;wBACCC,GAAKC,EAAAA,OAAAA;wBACLC,OAAQ,EAAA,WAAA;AACRC,wBAAAA,SAAAA,gBAAWd,GAACe,CAAAA,IAAAA,EAAAA,EAAAA,CAAAA;wBACZC,EAAG,EAAA,iEAAA;kCAEFrB,aAAc,CAAA;4BACbS,EAAI,EAAA,gCAAA;4BACJE,cAAgB,EAAA;AAClB,yBAAA;;AAGJW,oBAAAA,OAAAA,EAAStB,aAAc,CAAA;wBACrBS,EAAI,EAAA,0CAAA;wBACJE,cACE,EAAA;AACJ,qBAAA,CAAA;oBACAY,SAAS,EAAA,IAAA;AACTC,oBAAAA,IAAAA,gBAAMnB,GAACoB,CAAAA,cAAAA,EAAAA;wBAAeC,KAAM,EAAA;;oBAC5BC,MAAO,EAAA;;;;;AAKjB;;;;"}

package/dist/admin/pages/NoPermissionsPage.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var reactIntl = require('react-intl');
+var translations = require('../utils/translations.js');
+
+const NoPermissions = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Header, {
+                title: formatMessage({
+                    id: translations.getTranslation('header.name'),
+                    defaultMessage: 'Content'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Content, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.NoPermissions, {})
+            })
+        ]
+    });
+};
+
+exports.NoPermissions = NoPermissions;
+//# sourceMappingURL=NoPermissionsPage.js.map

package/dist/admin/pages/NoPermissionsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoPermissionsPage.js","sources":["../../../admin/src/pages/NoPermissionsPage.tsx"],"sourcesContent":["import { Page, Layouts } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslation } from '../utils/translations';\n\nconst NoPermissions = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <>\n      <Layouts.Header\n        title={formatMessage({\n          id: getTranslation('header.name'),\n          defaultMessage: 'Content',\n        })}\n      />\n      <Layouts.Content>\n        <Page.NoPermissions />\n      </Layouts.Content>\n    </>\n  );\n};\n\nexport { NoPermissions };\n"],"names":["NoPermissions","formatMessage","useIntl","_jsxs","_Fragment","_jsx","Layouts","Header","title","id","getTranslation","defaultMessage","Content","Page"],"mappings":";;;;;;;AAKA,MAAMA,aAAgB,GAAA,IAAA;IACpB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAE1B,qBACEC,eAAA,CAAAC,mBAAA,EAAA;;AACE,0BAAAC,cAAA,CAACC,oBAAQC,MAAM,EAAA;AACbC,gBAAAA,KAAAA,EAAOP,aAAc,CAAA;AACnBQ,oBAAAA,EAAAA,EAAIC,2BAAe,CAAA,aAAA,CAAA;oBACnBC,cAAgB,EAAA;AAClB,iBAAA;;AAEF,0BAAAN,cAAA,CAACC,oBAAQM,OAAO,EAAA;wCACdP,cAAA,CAACQ,iBAAKb,aAAa,EAAA,EAAA;;;;AAI3B;;;;"}

package/dist/admin/pages/NoPermissionsPage.mjs

@@ -0,0 +1,24 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Layouts, Page } from '@strapi/admin/strapi-admin';
+import { useIntl } from 'react-intl';
+import { getTranslation } from '../utils/translations.mjs';
+
+const NoPermissions = ()=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Layouts.Header, {
+                title: formatMessage({
+                    id: getTranslation('header.name'),
+                    defaultMessage: 'Content'
+                })
+            }),
+            /*#__PURE__*/ jsx(Layouts.Content, {
+                children: /*#__PURE__*/ jsx(Page.NoPermissions, {})
+            })
+        ]
+    });
+};
+
+export { NoPermissions };
+//# sourceMappingURL=NoPermissionsPage.mjs.map

package/dist/admin/pages/NoPermissionsPage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoPermissionsPage.mjs","sources":["../../../admin/src/pages/NoPermissionsPage.tsx"],"sourcesContent":["import { Page, Layouts } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslation } from '../utils/translations';\n\nconst NoPermissions = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <>\n      <Layouts.Header\n        title={formatMessage({\n          id: getTranslation('header.name'),\n          defaultMessage: 'Content',\n        })}\n      />\n      <Layouts.Content>\n        <Page.NoPermissions />\n      </Layouts.Content>\n    </>\n  );\n};\n\nexport { NoPermissions };\n"],"names":["NoPermissions","formatMessage","useIntl","_jsxs","_Fragment","_jsx","Layouts","Header","title","id","getTranslation","defaultMessage","Content","Page"],"mappings":";;;;;AAKA,MAAMA,aAAgB,GAAA,IAAA;IACpB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAE1B,qBACEC,IAAA,CAAAC,QAAA,EAAA;;AACE,0BAAAC,GAAA,CAACC,QAAQC,MAAM,EAAA;AACbC,gBAAAA,KAAAA,EAAOP,aAAc,CAAA;AACnBQ,oBAAAA,EAAAA,EAAIC,cAAe,CAAA,aAAA,CAAA;oBACnBC,cAAgB,EAAA;AAClB,iBAAA;;AAEF,0BAAAN,GAAA,CAACC,QAAQM,OAAO,EAAA;wCACdP,GAAA,CAACQ,KAAKb,aAAa,EAAA,EAAA;;;;AAI3B;;;;"}

package/dist/admin/preview/components/PreviewContent.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var Preview = require('../pages/Preview.js');
+
+const PreviewContent = ()=>{
+    const previewUrl = Preview.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);
+};
+
+exports.PreviewContent = PreviewContent;
+//# sourceMappingURL=PreviewContent.js.map

package/dist/admin/preview/components/PreviewContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewContent.js","sources":["../../../../admin/src/preview/components/PreviewContent.tsx"],"sourcesContent":["import { 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"],"names":["PreviewContent","previewUrl","usePreviewContext","state","url","formatMessage","useIntl","_jsx","Box","src","title","id","defaultMessage","width","height","borderWidth","tag"],"mappings":";;;;;;;AAKA,MAAMA,cAAiB,GAAA,IAAA;AACrB,IAAA,MAAMC,aAAaC,yBAAkB,CAAA,gBAAA,EAAkB,CAACC,KAAAA,GAAUA,MAAMC,GAAG,CAAA;IAE3E,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,qBACEC,cAACC,CAAAA,gBAAAA,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;;;;"}

package/dist/admin/preview/components/PreviewContent.mjs

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { Box } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { usePreviewContext } from '../pages/Preview.mjs';
+
+const PreviewContent = ()=>{
+    const previewUrl = usePreviewContext('PreviewContent', (state)=>state.url);
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsx(Box, {
+        src: previewUrl,
+        title: formatMessage({
+            id: 'content-manager.preview.panel.title',
+            defaultMessage: 'Preview'
+        }),
+        width: "100%",
+        height: "100%",
+        borderWidth: 0,
+        tag: "iframe"
+    }, previewUrl);
+};
+
+export { PreviewContent };
+//# sourceMappingURL=PreviewContent.mjs.map

package/dist/admin/preview/components/PreviewContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewContent.mjs","sources":["../../../../admin/src/preview/components/PreviewContent.tsx"],"sourcesContent":["import { 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"],"names":["PreviewContent","previewUrl","usePreviewContext","state","url","formatMessage","useIntl","_jsx","Box","src","title","id","defaultMessage","width","height","borderWidth","tag"],"mappings":";;;;;AAKA,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;;;;"}

package/dist/admin/preview/components/PreviewHeader.js

@@ -0,0 +1,336 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var qs = require('qs');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var styledComponents = require('styled-components');
+var InjectionZone = require('../../components/InjectionZone.js');
+var DocumentActions = require('../../pages/EditView/components/DocumentActions.js');
+var DocumentStatus = require('../../pages/EditView/components/DocumentStatus.js');
+var EditViewPage = require('../../pages/EditView/EditViewPage.js');
+var Preview = require('../pages/Preview.js');
+
+/* -------------------------------------------------------------------------------------------------
+ * ClosePreviewButton
+ * -----------------------------------------------------------------------------------------------*/ const ClosePreviewButton = ()=>{
+    const [{ query }] = strapiAdmin.useQueryParams();
+    const { formatMessage } = reactIntl.useIntl();
+    const canGoBack = strapiAdmin.useHistory('BackButton', (state)=>state.canGoBack);
+    const goBack = strapiAdmin.useHistory('BackButton', (state)=>state.goBack);
+    const history = strapiAdmin.useHistory('BackButton', (state)=>state.history);
+    const locationIndex = strapiAdmin.useHistory('BackButton', (state)=>state.currentLocationIndex);
+    /**
+   * Get the link destination from the history.
+   * Rely on a fallback (the parent edit view page) if there's no page to go back .
+   */ const historyTo = canGoBack ? history.at(locationIndex - 2) : undefined;
+    const fallback = {
+        pathname: '..',
+        search: qs.stringify(query, {
+            encode: false
+        })
+    };
+    const toWithFallback = historyTo ?? fallback;
+    const handleClick = (e)=>{
+        if (canGoBack) {
+            // Prevent normal link behavior, go back in the history stack instead
+            e.preventDefault();
+            goBack();
+            return;
+        }
+    // Otherwise rely on native link behavior to go back to the edit view. We don't use navigate()
+    // 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,
+        onClick: handleClick,
+        label: formatMessage({
+            id: 'content-manager.preview.header.close',
+            defaultMessage: 'Close preview'
+        }),
+        children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Cross, {})
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Status
+ * -----------------------------------------------------------------------------------------------*/ const Status = ()=>{
+    // Get status
+    const document = Preview.usePreviewContext('PreviewHeader', (state)=>state.document);
+    const schema = Preview.usePreviewContext('PreviewHeader', (state)=>state.schema);
+    const meta = Preview.usePreviewContext('PreviewHeader', (state)=>state.meta);
+    const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;
+    if (!hasDraftAndPublished) {
+        return null;
+    }
+    const status = EditViewPage.getDocumentStatus(document, meta);
+    return /*#__PURE__*/ jsxRuntime.jsx(DocumentStatus.DocumentStatus, {
+        status: status,
+        size: "XS"
+    });
+};
+const PreviewTabs = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    // URL query params
+    const [{ query }, setQuery] = strapiAdmin.useQueryParams();
+    // Get status
+    const document = Preview.usePreviewContext('PreviewHeader', (state)=>state.document);
+    const schema = Preview.usePreviewContext('PreviewHeader', (state)=>state.schema);
+    const meta = Preview.usePreviewContext('PreviewHeader', (state)=>state.meta);
+    const hasDraftAndPublish = schema?.options?.draftAndPublish ?? false;
+    const documentStatus = EditViewPage.getDocumentStatus(document, meta);
+    const handleTabChange = (status)=>{
+        if (status === 'published' || status === 'draft') {
+            setQuery({
+                status
+            }, 'push', true);
+        }
+    };
+    if (!hasDraftAndPublish) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Root, {
+        variant: "simple",
+        value: query.status || 'draft',
+        onValueChange: handleTabChange,
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tabs.List, {
+            "aria-label": formatMessage({
+                id: 'preview.tabs.label',
+                defaultMessage: 'Document status'
+            }),
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(StatusTab, {
+                    value: "draft",
+                    children: formatMessage({
+                        id: 'content-manager.containers.List.draft',
+                        defaultMessage: 'draft'
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(StatusTab, {
+                    value: "published",
+                    disabled: documentStatus === 'draft',
+                    children: formatMessage({
+                        id: 'content-manager.containers.List.published',
+                        defaultMessage: 'published'
+                    })
+                })
+            ]
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * PreviewHeader
+ * -----------------------------------------------------------------------------------------------*/ const UnstablePreviewHeader = ()=>{
+    const title = Preview.usePreviewContext('PreviewHeader', (state)=>state.title);
+    const document = Preview.usePreviewContext('PreviewHeader', (state)=>state.document);
+    const schema = Preview.usePreviewContext('PreviewHeader', (state)=>state.schema);
+    const meta = Preview.usePreviewContext('PreviewHeader', (state)=>state.meta);
+    const plugins = strapiAdmin.useStrapiApp('PreviewHeader', (state)=>state.plugins);
+    const iframeRef = Preview.usePreviewContext('PreviewHeader', (state)=>state.iframeRef);
+    const [{ query }] = strapiAdmin.useQueryParams();
+    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'
+        });
+    };
+    const hasDraftAndPublish = schema.options?.draftAndPublish ?? false;
+    const documentActionProps = {
+        activeTab: query.status ?? null,
+        collectionType: schema.kind === 'collectionType' ? 'collection-types' : 'single-types',
+        model: schema.uid,
+        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);
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        height: "48px",
+        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,
+                gap: 2,
+                justifyContent: hasDraftAndPublish ? 'space-between' : 'flex-end',
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                        flex: "1 1 70%",
+                        children: /*#__PURE__*/ jsxRuntime.jsx(PreviewTabs, {})
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        gap: 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, {})
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(InjectionZone.InjectionZone, {
+                                area: "preview.actions"
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.DescriptionComponentRenderer, {
+                                props: documentActionProps,
+                                descriptions: plugins['content-manager'].apis.getDocumentActions('preview'),
+                                children: (actions)=>{
+                                    const filteredActions = actions.filter((action)=>[
+                                            action.position
+                                        ].flat().includes('preview'));
+                                    const [primaryAction, secondaryAction] = filteredActions;
+                                    if (!primaryAction && !secondaryAction) return null;
+                                    // Both actions are available when draft and publish enabled
+                                    if (primaryAction && secondaryAction) {
+                                        return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                                            children: [
+                                                /*#__PURE__*/ jsxRuntime.jsx(DocumentActions.DocumentActionButton, {
+                                                    ...secondaryAction,
+                                                    variant: secondaryAction.variant || 'secondary'
+                                                }),
+                                                /*#__PURE__*/ jsxRuntime.jsx(DocumentActions.DocumentActionButton, {
+                                                    ...primaryAction,
+                                                    variant: primaryAction.variant || 'default'
+                                                })
+                                            ]
+                                        });
+                                    }
+                                    // Otherwise we just have the save action
+                                    return /*#__PURE__*/ jsxRuntime.jsx(DocumentActions.DocumentActionButton, {
+                                        ...primaryAction,
+                                        variant: primaryAction.variant || 'secondary'
+                                    });
+                                }
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+const PreviewHeader = ()=>{
+    // Get the document title
+    const title = Preview.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;
+  white-space: nowrap;
+`;
+const StatusTab = styledComponents.styled(designSystem.Tabs.Trigger)`
+  text-transform: uppercase;
+`;
+const TitleContainer = styledComponents.styled(designSystem.Flex)`
+  border-right: 1px solid ${({ theme })=>theme.colors.neutral150};
+`;
+
+exports.PreviewHeader = PreviewHeader;
+exports.UnstablePreviewHeader = UnstablePreviewHeader;
+//# sourceMappingURL=PreviewHeader.js.map

package/dist/admin/preview/components/PreviewHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewHeader.js","sources":["../../../../admin/src/preview/components/PreviewHeader.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, Grid, 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 { 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 UnstablePreviewHeader = () => {\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 iframeRef = usePreviewContext('PreviewHeader', (state) => state.iframeRef);\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      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  } 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 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\nconst TitleContainer = styled(Flex)`\n  border-right: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\nexport { PreviewHeader, UnstablePreviewHeader };\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","UnstablePreviewHeader","title","plugins","useStrapiApp","iframeRef","toggleNotification","useNotification","copy","useClipboard","handleCopyLink","window","location","href","message","type","documentActionProps","activeTab","collectionType","kind","model","uid","documentId","onPreview","current","contentWindow","postMessage","URL","src","origin","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","PreviewHeader","Grid","gridCols","Item","xs","paddingTop","paddingBottom","marginBottom","alignItems","margin","styled","Typography","Trigger","theme","colors","neutral150"],"mappings":"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"}