@strapi/content-manager 0.0.0-next.e98ae27d8c69c68823eb7c46cf329385637ba393 → 0.0.0-next.eb48c73c86cbc452c1ba8d727106f9ed9da0c834

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/dist/admin/chunks/{ComponentConfigurationPage-Bn-SMKJG.js → ComponentConfigurationPage-B-gE3kXG.js} +5 -6
  2. package/dist/admin/chunks/{ComponentConfigurationPage-Bn-SMKJG.js.map → ComponentConfigurationPage-B-gE3kXG.js.map} +1 -1
  3. package/dist/admin/chunks/{ComponentConfigurationPage-Cqi5KqZa.mjs → ComponentConfigurationPage-R5N6EwIp.mjs} +5 -6
  4. package/dist/admin/chunks/{ComponentConfigurationPage-Cqi5KqZa.mjs.map → ComponentConfigurationPage-R5N6EwIp.mjs.map} +1 -1
  5. package/dist/admin/chunks/{EditConfigurationPage-Dm16gciL.mjs → EditConfigurationPage-0y9O2nBU.mjs} +5 -6
  6. package/dist/admin/chunks/{EditConfigurationPage-Dm16gciL.mjs.map → EditConfigurationPage-0y9O2nBU.mjs.map} +1 -1
  7. package/dist/admin/chunks/{EditConfigurationPage-CRxsqOhS.js → EditConfigurationPage-C62WuGTf.js} +5 -6
  8. package/dist/admin/chunks/{EditConfigurationPage-CRxsqOhS.js.map → EditConfigurationPage-C62WuGTf.js.map} +1 -1
  9. package/dist/admin/chunks/{EditViewPage-Dk8CeS40.js → EditViewPage-CiYAHBOX.js} +102 -95
  10. package/dist/admin/chunks/EditViewPage-CiYAHBOX.js.map +1 -0
  11. package/dist/admin/chunks/{EditViewPage-eTCSh2HB.mjs → EditViewPage-CkO2YLdg.mjs} +102 -95
  12. package/dist/admin/chunks/EditViewPage-CkO2YLdg.mjs.map +1 -0
  13. package/dist/admin/chunks/{Form-PB1sNax8.js → Form-DUs6lQ0C.js} +5 -5
  14. package/dist/admin/chunks/{Form-PB1sNax8.js.map → Form-DUs6lQ0C.js.map} +1 -1
  15. package/dist/admin/chunks/{Form-K_hq8zU4.mjs → Form-Db9A3cMO.mjs} +3 -3
  16. package/dist/admin/chunks/{Form-K_hq8zU4.mjs.map → Form-Db9A3cMO.mjs.map} +1 -1
  17. package/dist/admin/chunks/{History-CD5uVchr.mjs → History-BQ7IAJjV.mjs} +16 -12
  18. package/dist/admin/chunks/History-BQ7IAJjV.mjs.map +1 -0
  19. package/dist/admin/chunks/{History-CfsF-U-3.js → History-D99wxPry.js} +17 -13
  20. package/dist/admin/chunks/History-D99wxPry.js.map +1 -0
  21. package/dist/admin/chunks/{Input-grmHplxs.mjs → Input-CHDnpU3S.mjs} +1340 -55
  22. package/dist/admin/chunks/Input-CHDnpU3S.mjs.map +1 -0
  23. package/dist/admin/chunks/{Input-CU93J6dl.js → Input-Gop65dq6.js} +1352 -64
  24. package/dist/admin/chunks/Input-Gop65dq6.js.map +1 -0
  25. package/dist/admin/chunks/{ListConfigurationPage-Eo8txFp0.mjs → ListConfigurationPage-Bte99c0c.mjs} +4 -5
  26. package/dist/admin/chunks/{ListConfigurationPage-Eo8txFp0.mjs.map → ListConfigurationPage-Bte99c0c.mjs.map} +1 -1
  27. package/dist/admin/chunks/{ListConfigurationPage-nZti--Mw.js → ListConfigurationPage-pAdM7Lbn.js} +6 -7
  28. package/dist/admin/chunks/{ListConfigurationPage-nZti--Mw.js.map → ListConfigurationPage-pAdM7Lbn.js.map} +1 -1
  29. package/dist/admin/chunks/{ListViewPage-BBX-zSka.mjs → ListViewPage-7RTPaDs2.mjs} +3 -5
  30. package/dist/admin/chunks/ListViewPage-7RTPaDs2.mjs.map +1 -0
  31. package/dist/admin/chunks/{ListViewPage-DQYvHCxn.js → ListViewPage-CaBwwCVc.js} +7 -9
  32. package/dist/admin/chunks/ListViewPage-CaBwwCVc.js.map +1 -0
  33. package/dist/admin/chunks/{NoContentTypePage-C-rbOQO1.mjs → NoContentTypePage-CuTk3q_I.mjs} +2 -2
  34. package/dist/admin/chunks/{NoContentTypePage-C-rbOQO1.mjs.map → NoContentTypePage-CuTk3q_I.mjs.map} +1 -1
  35. package/dist/admin/chunks/{NoContentTypePage-ChYgz3sN.js → NoContentTypePage-DLD28j4F.js} +2 -2
  36. package/dist/admin/chunks/{NoContentTypePage-ChYgz3sN.js.map → NoContentTypePage-DLD28j4F.js.map} +1 -1
  37. package/dist/admin/chunks/{NoPermissionsPage-CuxrInhz.mjs → NoPermissionsPage-DSIlPmvv.mjs} +2 -2
  38. package/dist/admin/chunks/{NoPermissionsPage-CuxrInhz.mjs.map → NoPermissionsPage-DSIlPmvv.mjs.map} +1 -1
  39. package/dist/admin/chunks/{NoPermissionsPage-H4SAlJeF.js → NoPermissionsPage-iVMEcUp0.js} +2 -2
  40. package/dist/admin/chunks/{NoPermissionsPage-H4SAlJeF.js.map → NoPermissionsPage-iVMEcUp0.js.map} +1 -1
  41. package/dist/admin/chunks/{Preview-HqnNXn4S.mjs → Preview-35wsOM_p.mjs} +136 -211
  42. package/dist/admin/chunks/Preview-35wsOM_p.mjs.map +1 -0
  43. package/dist/admin/chunks/{Preview-Bz2dgOiw.js → Preview-CSU1sCSK.js} +134 -209
  44. package/dist/admin/chunks/Preview-CSU1sCSK.js.map +1 -0
  45. package/dist/admin/chunks/{en-CImiNxXE.mjs → en-C2zEwS3-.mjs} +4 -1
  46. package/dist/admin/chunks/{en-CImiNxXE.mjs.map → en-C2zEwS3-.mjs.map} +1 -1
  47. package/dist/admin/chunks/{en-CLf4SuMQ.js → en-G976DLsg.js} +4 -1
  48. package/dist/admin/chunks/{en-CLf4SuMQ.js.map → en-G976DLsg.js.map} +1 -1
  49. package/dist/admin/chunks/{index-DfX0uEQT.js → index-Cmh0Byay.js} +213 -129
  50. package/dist/admin/chunks/index-Cmh0Byay.js.map +1 -0
  51. package/dist/admin/chunks/{index-CS_nLuw2.mjs → index-DFvqTQvr.mjs} +212 -131
  52. package/dist/admin/chunks/index-DFvqTQvr.mjs.map +1 -0
  53. package/dist/admin/chunks/{layout-B4Uk0v1z.js → layout-DuH1v82S.js} +86 -13
  54. package/dist/admin/chunks/layout-DuH1v82S.js.map +1 -0
  55. package/dist/admin/chunks/{layout-BInXGFmo.mjs → layout-zQ9o6rg0.mjs} +78 -5
  56. package/dist/admin/chunks/layout-zQ9o6rg0.mjs.map +1 -0
  57. package/dist/admin/chunks/{useDragAndDrop-gcqEJMnO.js → objects-BJTP843m.js} +73 -1
  58. package/dist/admin/chunks/objects-BJTP843m.js.map +1 -0
  59. package/dist/admin/chunks/{useDragAndDrop-HYwNDExe.mjs → objects-D2z-IJgu.mjs} +72 -2
  60. package/dist/admin/chunks/objects-D2z-IJgu.mjs.map +1 -0
  61. package/dist/admin/chunks/{relations-9C5dQI9e.js → usePrev-B_pceXQ5.js} +18 -2
  62. package/dist/admin/chunks/usePrev-B_pceXQ5.js.map +1 -0
  63. package/dist/admin/chunks/{relations-CwL0ThH9.mjs → usePrev-CJFOGBK2.mjs} +18 -4
  64. package/dist/admin/chunks/usePrev-CJFOGBK2.mjs.map +1 -0
  65. package/dist/admin/chunks/{zh-Hans-CI0HKio3.mjs → zh-Hans-DEAhqI3x.mjs} +3 -2
  66. package/dist/admin/chunks/{zh-Hans-CI0HKio3.mjs.map → zh-Hans-DEAhqI3x.mjs.map} +1 -1
  67. package/dist/admin/chunks/{zh-Hans-JVK9x7xr.js → zh-Hans-Djj7eGpO.js} +3 -2
  68. package/dist/admin/chunks/{zh-Hans-JVK9x7xr.js.map → zh-Hans-Djj7eGpO.js.map} +1 -1
  69. package/dist/admin/index.js +1 -1
  70. package/dist/admin/index.mjs +1 -1
  71. package/dist/admin/src/content-manager.d.ts +3 -0
  72. package/dist/admin/src/features/DocumentContext.d.ts +53 -0
  73. package/dist/admin/src/features/DocumentRBAC.d.ts +3 -2
  74. package/dist/admin/src/hooks/useDocument.d.ts +2 -0
  75. package/dist/admin/src/hooks/useDocumentActions.d.ts +1 -1
  76. package/dist/admin/src/pages/EditView/components/DocumentActions.d.ts +1 -1
  77. package/dist/admin/src/pages/EditView/components/FormInputs/Relations/RelationModal.d.ts +8 -0
  78. package/dist/admin/src/pages/EditView/components/FormInputs/{Relations.d.ts → Relations/Relations.d.ts} +9 -4
  79. package/dist/admin/src/pages/EditView/components/FormLayout.d.ts +8 -3
  80. package/dist/admin/src/pages/EditView/components/InputRenderer.d.ts +7 -4
  81. package/dist/admin/src/preview/components/PreviewHeader.d.ts +1 -2
  82. package/package.json +6 -6
  83. package/dist/admin/chunks/EditViewPage-Dk8CeS40.js.map +0 -1
  84. package/dist/admin/chunks/EditViewPage-eTCSh2HB.mjs.map +0 -1
  85. package/dist/admin/chunks/History-CD5uVchr.mjs.map +0 -1
  86. package/dist/admin/chunks/History-CfsF-U-3.js.map +0 -1
  87. package/dist/admin/chunks/Input-CU93J6dl.js.map +0 -1
  88. package/dist/admin/chunks/Input-grmHplxs.mjs.map +0 -1
  89. package/dist/admin/chunks/ListViewPage-BBX-zSka.mjs.map +0 -1
  90. package/dist/admin/chunks/ListViewPage-DQYvHCxn.js.map +0 -1
  91. package/dist/admin/chunks/Preview-Bz2dgOiw.js.map +0 -1
  92. package/dist/admin/chunks/Preview-HqnNXn4S.mjs.map +0 -1
  93. package/dist/admin/chunks/Relations-BMvL4yMN.mjs +0 -1291
  94. package/dist/admin/chunks/Relations-BMvL4yMN.mjs.map +0 -1
  95. package/dist/admin/chunks/Relations-CbCAt692.js +0 -1318
  96. package/dist/admin/chunks/Relations-CbCAt692.js.map +0 -1
  97. package/dist/admin/chunks/index-CS_nLuw2.mjs.map +0 -1
  98. package/dist/admin/chunks/index-DfX0uEQT.js.map +0 -1
  99. package/dist/admin/chunks/layout-B4Uk0v1z.js.map +0 -1
  100. package/dist/admin/chunks/layout-BInXGFmo.mjs.map +0 -1
  101. package/dist/admin/chunks/objects-C3EebVVe.js +0 -76
  102. package/dist/admin/chunks/objects-C3EebVVe.js.map +0 -1
  103. package/dist/admin/chunks/objects-wl73iEma.mjs +0 -73
  104. package/dist/admin/chunks/objects-wl73iEma.mjs.map +0 -1
  105. package/dist/admin/chunks/relations-9C5dQI9e.js.map +0 -1
  106. package/dist/admin/chunks/relations-CwL0ThH9.mjs.map +0 -1
  107. package/dist/admin/chunks/useDragAndDrop-HYwNDExe.mjs.map +0 -1
  108. package/dist/admin/chunks/useDragAndDrop-gcqEJMnO.js.map +0 -1
  109. package/dist/admin/chunks/usePrev-Bjw2dhmq.mjs +0 -18
  110. package/dist/admin/chunks/usePrev-Bjw2dhmq.mjs.map +0 -1
  111. package/dist/admin/chunks/usePrev-DIYl-IAL.js +0 -21
  112. package/dist/admin/chunks/usePrev-DIYl-IAL.js.map +0 -1
  113. package/dist/admin/src/preview/components/PreviewContent.d.ts +0 -3
@@ -1,15 +1,15 @@
1
1
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
- import { useStrapiApp, useQueryParams, useNotification, useClipboard, DescriptionComponentRenderer, useHistory, createContext, useRBAC, Page, Form } from '@strapi/admin/strapi-admin';
4
- import { Flex, Box, IconButton, Typography, Tabs, Grid, Portal, FocusTrap } from '@strapi/design-system';
3
+ import { useStrapiApp, useQueryParams, useNotification, useClipboard, DescriptionComponentRenderer, useHistory, createContext, useRBAC, Page, Form, Blocker } from '@strapi/admin/strapi-admin';
4
+ import { Typography, Tabs, Flex, IconButton, Portal, FocusTrap, Box } from '@strapi/design-system';
5
+ import { Link, Cross, ArrowLineLeft } from '@strapi/icons';
5
6
  import { useIntl } from 'react-intl';
6
7
  import { Link as Link$1, useParams, useLocation } from 'react-router-dom';
7
- import { I as InjectionZone, N as DocumentActionButton, D as DocumentStatus, l as DocumentRBAC, d as buildValidParams, C as COLLECTION_TYPES, O as useGetPreviewUrlQuery, M as useDocument, h as useDocumentLayout, i as createYupSchema } from './index-CS_nLuw2.mjs';
8
- import { ArrowLeft, Link, Cross } from '@strapi/icons';
9
8
  import { styled } from 'styled-components';
10
- import { F as FormLayout } from './Input-grmHplxs.mjs';
9
+ import { c as useDocumentContext, I as InjectionZone, j as DocumentActionButton, D as DocumentStatus, i as DocumentRBAC, k as buildValidParams, C as COLLECTION_TYPES, V as useGetPreviewUrlQuery, U as useDocument, d as useDocumentLayout, p as DocumentContextProvider, h as createYupSchema } from './index-DFvqTQvr.mjs';
10
+ import { a as FormLayout } from './Input-CHDnpU3S.mjs';
11
11
  import { stringify } from 'qs';
12
- import { getDocumentStatus } from './EditViewPage-eTCSh2HB.mjs';
12
+ import { getDocumentStatus } from './EditViewPage-CkO2YLdg.mjs';
13
13
  import 'lodash/fp/mapValues';
14
14
  import 'yup';
15
15
  import 'fractional-indexing';
@@ -70,19 +70,16 @@ import 'prismjs/components/prism-typescript';
70
70
  import 'prismjs/components/prism-tsx';
71
71
  import 'prismjs/components/prism-vbnet';
72
72
  import 'prismjs/components/prism-yaml';
73
- import './usePrev-Bjw2dhmq.mjs';
74
- import './useDragAndDrop-HYwNDExe.mjs';
73
+ import './usePrev-CJFOGBK2.mjs';
74
+ import './objects-D2z-IJgu.mjs';
75
75
  import 'react-dnd';
76
- import '@radix-ui/react-toolbar';
77
- import 'react-dnd-html5-backend';
78
- import './objects-wl73iEma.mjs';
79
76
  import 'lodash/clone';
80
77
  import 'lodash/toPath';
81
- import './Relations-BMvL4yMN.mjs';
82
- import 'react-window';
83
- import './relations-CwL0ThH9.mjs';
78
+ import '@radix-ui/react-toolbar';
79
+ import 'react-dnd-html5-backend';
84
80
  import './ComponentIcon-BZcTc4rj.mjs';
85
81
  import '@strapi/icons/symbols';
82
+ import 'react-window';
86
83
  import 'codemirror5';
87
84
  import 'sanitize-html';
88
85
  import 'highlight.js';
@@ -99,93 +96,6 @@ import 'markdown-it-sup';
99
96
  import 'highlight.js/styles/solarized-dark.css';
100
97
  import 'codemirror5/addon/display/placeholder';
101
98
 
102
- // TODO use ArrowLineLeft once it's available in the DS
103
- const AnimatedArrow = styled(ArrowLeft)`
104
- will-change: transform;
105
- rotate: ${(props)=>props.isSideEditorOpen ? '0deg' : '180deg'};
106
- transition: rotate 0.2s ease-in-out;
107
- `;
108
- const UnstablePreviewContent = ()=>{
109
- const previewUrl = usePreviewContext('PreviewContent', (state)=>state.url);
110
- const layout = usePreviewContext('PreviewContent', (state)=>state.layout);
111
- const { formatMessage } = useIntl();
112
- const [isSideEditorOpen, setIsSideEditorOpen] = React.useState(true);
113
- return /*#__PURE__*/ jsxs(Flex, {
114
- flex: 1,
115
- overflow: "auto",
116
- alignItems: "stretch",
117
- children: [
118
- /*#__PURE__*/ jsx(Box, {
119
- overflow: "auto",
120
- width: isSideEditorOpen ? '50%' : 0,
121
- borderWidth: "0 1px 0 0",
122
- borderColor: "neutral150",
123
- paddingTop: 6,
124
- paddingBottom: 6,
125
- // Remove horizontal padding when the editor is closed or it won't fully disappear
126
- paddingLeft: isSideEditorOpen ? 6 : 0,
127
- paddingRight: isSideEditorOpen ? 6 : 0,
128
- transition: "all 0.2s ease-in-out",
129
- children: /*#__PURE__*/ jsx(FormLayout, {
130
- layout: layout.layout,
131
- hasBackground: true
132
- })
133
- }),
134
- /*#__PURE__*/ jsxs(Box, {
135
- position: "relative",
136
- flex: 1,
137
- height: "100%",
138
- overflow: "hidden",
139
- children: [
140
- /*#__PURE__*/ jsx(Box, {
141
- src: previewUrl,
142
- title: formatMessage({
143
- id: 'content-manager.preview.panel.title',
144
- defaultMessage: 'Preview'
145
- }),
146
- width: "100%",
147
- height: "100%",
148
- borderWidth: 0,
149
- tag: "iframe"
150
- }, previewUrl),
151
- /*#__PURE__*/ jsx(IconButton, {
152
- variant: "tertiary",
153
- label: formatMessage(isSideEditorOpen ? {
154
- id: 'content-manager.preview.content.close-editor',
155
- defaultMessage: 'Close editor'
156
- } : {
157
- id: 'content-manager.preview.content.open-editor',
158
- defaultMessage: 'Open editor'
159
- }),
160
- onClick: ()=>setIsSideEditorOpen((prev)=>!prev),
161
- position: "absolute",
162
- top: 2,
163
- left: 2,
164
- children: /*#__PURE__*/ jsx(AnimatedArrow, {
165
- isSideEditorOpen: isSideEditorOpen
166
- })
167
- })
168
- ]
169
- })
170
- ]
171
- });
172
- };
173
- const PreviewContent = ()=>{
174
- const previewUrl = usePreviewContext('PreviewContent', (state)=>state.url);
175
- const { formatMessage } = useIntl();
176
- return /*#__PURE__*/ jsx(Box, {
177
- src: previewUrl,
178
- title: formatMessage({
179
- id: 'content-manager.preview.panel.title',
180
- defaultMessage: 'Preview'
181
- }),
182
- width: "100%",
183
- height: "100%",
184
- borderWidth: 0,
185
- tag: "iframe"
186
- }, previewUrl);
187
- };
188
-
189
99
  /* -------------------------------------------------------------------------------------------------
190
100
  * ClosePreviewButton
191
101
  * -----------------------------------------------------------------------------------------------*/ const ClosePreviewButton = ()=>{
@@ -297,12 +207,13 @@ const PreviewTabs = ()=>{
297
207
  };
298
208
  /* -------------------------------------------------------------------------------------------------
299
209
  * PreviewHeader
300
- * -----------------------------------------------------------------------------------------------*/ const UnstablePreviewHeader = ()=>{
210
+ * -----------------------------------------------------------------------------------------------*/ const PreviewHeader = ()=>{
301
211
  const title = usePreviewContext('PreviewHeader', (state)=>state.title);
302
212
  const document = usePreviewContext('PreviewHeader', (state)=>state.document);
303
213
  const schema = usePreviewContext('PreviewHeader', (state)=>state.schema);
304
214
  const meta = usePreviewContext('PreviewHeader', (state)=>state.meta);
305
215
  const plugins = useStrapiApp('PreviewHeader', (state)=>state.plugins);
216
+ const onPreview = useDocumentContext('PreviewHeader', (state)=>state.onPreview);
306
217
  const [{ query }] = useQueryParams();
307
218
  const { formatMessage } = useIntl();
308
219
  const { toggleNotification } = useNotification();
@@ -318,13 +229,15 @@ const PreviewTabs = ()=>{
318
229
  });
319
230
  };
320
231
  const hasDraftAndPublish = schema.options?.draftAndPublish ?? false;
321
- const props = {
232
+ const documentActionProps = {
322
233
  activeTab: query.status ?? null,
323
234
  collectionType: schema.kind === 'collectionType' ? 'collection-types' : 'single-types',
324
235
  model: schema.uid,
325
236
  documentId: document.documentId,
326
237
  document,
327
- meta
238
+ meta,
239
+ onPreview,
240
+ fromPreview: true
328
241
  };
329
242
  return /*#__PURE__*/ jsxs(Flex, {
330
243
  height: "48px",
@@ -378,7 +291,7 @@ const PreviewTabs = ()=>{
378
291
  area: "preview.actions"
379
292
  }),
380
293
  /*#__PURE__*/ jsx(DescriptionComponentRenderer, {
381
- props: props,
294
+ props: documentActionProps,
382
295
  descriptions: plugins['content-manager'].apis.getDocumentActions('preview'),
383
296
  children: (actions)=>{
384
297
  const filteredActions = actions.filter((action)=>[
@@ -415,74 +328,6 @@ const PreviewTabs = ()=>{
415
328
  ]
416
329
  });
417
330
  };
418
- const PreviewHeader = ()=>{
419
- // Get the document title
420
- const title = usePreviewContext('PreviewHeader', (state)=>state.title);
421
- const { formatMessage } = useIntl();
422
- const { toggleNotification } = useNotification();
423
- const { copy } = useClipboard();
424
- const handleCopyLink = ()=>{
425
- copy(window.location.href);
426
- toggleNotification({
427
- message: formatMessage({
428
- id: 'content-manager.preview.copy.success',
429
- defaultMessage: 'Copied preview link'
430
- }),
431
- type: 'success'
432
- });
433
- };
434
- return /*#__PURE__*/ jsxs(Grid.Root, {
435
- gap: 3,
436
- gridCols: 3,
437
- paddingLeft: 2,
438
- paddingRight: 2,
439
- background: "neutral0",
440
- borderColor: "neutral150",
441
- tag: "header",
442
- children: [
443
- /*#__PURE__*/ jsxs(Grid.Item, {
444
- xs: 1,
445
- paddingTop: 2,
446
- paddingBottom: 2,
447
- gap: 3,
448
- children: [
449
- /*#__PURE__*/ jsx(ClosePreviewButton, {}),
450
- /*#__PURE__*/ jsx(PreviewTitle, {
451
- tag: "h1",
452
- fontWeight: 600,
453
- fontSize: 2,
454
- maxWidth: "200px",
455
- title: title,
456
- children: title
457
- }),
458
- /*#__PURE__*/ jsx(Status, {})
459
- ]
460
- }),
461
- /*#__PURE__*/ jsx(Grid.Item, {
462
- xs: 1,
463
- marginBottom: "-1px",
464
- alignItems: "end",
465
- margin: "auto",
466
- children: /*#__PURE__*/ jsx(PreviewTabs, {})
467
- }),
468
- /*#__PURE__*/ jsx(Grid.Item, {
469
- xs: 1,
470
- justifyContent: "end",
471
- paddingTop: 2,
472
- paddingBottom: 2,
473
- children: /*#__PURE__*/ jsx(IconButton, {
474
- type: "button",
475
- label: formatMessage({
476
- id: 'preview.copy.label',
477
- defaultMessage: 'Copy preview link'
478
- }),
479
- onClick: handleCopyLink,
480
- children: /*#__PURE__*/ jsx(Link, {})
481
- })
482
- })
483
- ]
484
- });
485
- };
486
331
  const PreviewTitle = styled(Typography)`
487
332
  overflow: hidden;
488
333
  text-overflow: ellipsis;
@@ -498,9 +343,16 @@ const TitleContainer = styled(Flex)`
498
343
  const [PreviewProvider, usePreviewContext] = createContext('PreviewPage');
499
344
  /* -------------------------------------------------------------------------------------------------
500
345
  * PreviewPage
501
- * -----------------------------------------------------------------------------------------------*/ const PreviewPage = ()=>{
346
+ * -----------------------------------------------------------------------------------------------*/ const AnimatedArrow = styled(ArrowLineLeft)`
347
+ will-change: transform;
348
+ rotate: ${(props)=>props.isSideEditorOpen ? '0deg' : '180deg'};
349
+ transition: rotate 0.2s ease-in-out;
350
+ `;
351
+ const PreviewPage = ()=>{
502
352
  const location = useLocation();
503
353
  const { formatMessage } = useIntl();
354
+ const iframeRef = React.useRef(null);
355
+ const [isSideEditorOpen, setIsSideEditorOpen] = React.useState(true);
504
356
  // Read all the necessary data from the URL to find the right preview URL
505
357
  const { slug: model, id: documentId, collectionType } = useParams();
506
358
  const [{ query }] = useQueryParams();
@@ -555,6 +407,14 @@ const [PreviewProvider, usePreviewContext] = createContext('PreviewPage');
555
407
  abortEarly: false
556
408
  });
557
409
  };
410
+ const previewUrl = previewUrlResponse.data.data.url;
411
+ const onPreview = ()=>{
412
+ iframeRef?.current?.contentWindow?.postMessage({
413
+ type: 'strapiUpdate'
414
+ }, // The iframe origin is safe to use since it must be provided through the allowedOrigins config
415
+ new URL(iframeRef.current.src).origin);
416
+ };
417
+ const hasAdvancedPreview = window.strapi.features.isEnabled('cms-advanced-preview');
558
418
  return /*#__PURE__*/ jsxs(Fragment, {
559
419
  children: [
560
420
  /*#__PURE__*/ jsx(Page.Title, {
@@ -565,43 +425,108 @@ const [PreviewProvider, usePreviewContext] = createContext('PreviewPage');
565
425
  contentType: documentTitle
566
426
  })
567
427
  }),
568
- /*#__PURE__*/ jsx(PreviewProvider, {
569
- url: previewUrlResponse.data.data.url,
570
- document: documentResponse.document,
571
- title: documentTitle,
572
- meta: documentResponse.meta,
573
- schema: documentResponse.schema,
574
- layout: documentLayoutResponse.edit,
575
- children: /*#__PURE__*/ jsx(Form, {
576
- method: "PUT",
577
- disabled: query.status === 'published' && documentResponse && documentResponse.document.status === 'published',
578
- initialValues: documentResponse.getInitialFormValues(),
579
- initialErrors: location?.state?.forceValidation ? validateSync(initialValues, {}) : {},
580
- height: "100%",
581
- validate: (values, options)=>{
582
- const yupSchema = createYupSchema(documentResponse.schema?.attributes, documentResponse.components, {
583
- status: documentResponse.document?.status,
584
- ...options
585
- });
586
- return yupSchema.validate(values, {
587
- abortEarly: false
588
- });
589
- },
590
- children: /*#__PURE__*/ jsx(Flex, {
591
- direction: "column",
428
+ /*#__PURE__*/ jsx(DocumentContextProvider, {
429
+ initialDocument: {
430
+ documentId: documentId || '',
431
+ model,
432
+ collectionType
433
+ },
434
+ onPreview: onPreview,
435
+ children: /*#__PURE__*/ jsx(PreviewProvider, {
436
+ url: previewUrl,
437
+ document: documentResponse.document,
438
+ title: documentTitle,
439
+ meta: documentResponse.meta,
440
+ schema: documentResponse.schema,
441
+ layout: documentLayoutResponse.edit,
442
+ children: /*#__PURE__*/ jsx(Form, {
443
+ method: "PUT",
444
+ disabled: query.status === 'published' && documentResponse && documentResponse.document.status === 'published',
445
+ initialValues: documentResponse.getInitialFormValues(),
446
+ initialErrors: location?.state?.forceValidation ? validateSync(initialValues, {}) : {},
592
447
  height: "100%",
593
- alignItems: "stretch",
594
- children: window.strapi.future.isEnabled('unstablePreviewSideEditor') ? /*#__PURE__*/ jsxs(Fragment, {
595
- children: [
596
- /*#__PURE__*/ jsx(UnstablePreviewHeader, {}),
597
- /*#__PURE__*/ jsx(UnstablePreviewContent, {})
598
- ]
599
- }) : /*#__PURE__*/ jsxs(Fragment, {
600
- children: [
601
- /*#__PURE__*/ jsx(PreviewHeader, {}),
602
- /*#__PURE__*/ jsx(PreviewContent, {})
603
- ]
604
- })
448
+ validate: (values, options)=>{
449
+ const yupSchema = createYupSchema(documentResponse.schema?.attributes, documentResponse.components, {
450
+ status: documentResponse.document?.status,
451
+ ...options
452
+ });
453
+ return yupSchema.validate(values, {
454
+ abortEarly: false
455
+ });
456
+ },
457
+ children: ({ resetForm })=>/*#__PURE__*/ jsxs(Flex, {
458
+ direction: "column",
459
+ height: "100%",
460
+ alignItems: "stretch",
461
+ children: [
462
+ /*#__PURE__*/ jsx(Blocker, {
463
+ onProceed: resetForm
464
+ }),
465
+ /*#__PURE__*/ jsx(PreviewHeader, {}),
466
+ /*#__PURE__*/ jsxs(Flex, {
467
+ flex: 1,
468
+ overflow: "auto",
469
+ alignItems: "stretch",
470
+ children: [
471
+ hasAdvancedPreview && /*#__PURE__*/ jsx(Box, {
472
+ overflow: "auto",
473
+ width: isSideEditorOpen ? '50%' : 0,
474
+ borderWidth: "0 1px 0 0",
475
+ borderColor: "neutral150",
476
+ paddingTop: 6,
477
+ paddingBottom: 6,
478
+ // Remove horizontal padding when the editor is closed or it won't fully disappear
479
+ paddingLeft: isSideEditorOpen ? 6 : 0,
480
+ paddingRight: isSideEditorOpen ? 6 : 0,
481
+ transition: "all 0.2s ease-in-out",
482
+ children: /*#__PURE__*/ jsx(FormLayout, {
483
+ layout: documentLayoutResponse.edit.layout,
484
+ document: documentResponse,
485
+ hasBackground: false
486
+ })
487
+ }),
488
+ /*#__PURE__*/ jsxs(Box, {
489
+ position: "relative",
490
+ flex: 1,
491
+ height: "100%",
492
+ overflow: "hidden",
493
+ children: [
494
+ /*#__PURE__*/ jsx(Box, {
495
+ "data-testid": "preview-iframe",
496
+ ref: iframeRef,
497
+ src: previewUrl,
498
+ title: formatMessage({
499
+ id: 'content-manager.preview.panel.title',
500
+ defaultMessage: 'Preview'
501
+ }),
502
+ width: "100%",
503
+ height: "100%",
504
+ borderWidth: 0,
505
+ tag: "iframe"
506
+ }, previewUrl),
507
+ hasAdvancedPreview && /*#__PURE__*/ jsx(IconButton, {
508
+ variant: "tertiary",
509
+ label: formatMessage(isSideEditorOpen ? {
510
+ id: 'content-manager.preview.content.close-editor',
511
+ defaultMessage: 'Close editor'
512
+ } : {
513
+ id: 'content-manager.preview.content.open-editor',
514
+ defaultMessage: 'Open editor'
515
+ }),
516
+ onClick: ()=>setIsSideEditorOpen((prev)=>!prev),
517
+ position: "absolute",
518
+ top: 2,
519
+ left: 2,
520
+ children: /*#__PURE__*/ jsx(AnimatedArrow, {
521
+ isSideEditorOpen: isSideEditorOpen
522
+ })
523
+ })
524
+ ]
525
+ })
526
+ ]
527
+ })
528
+ ]
529
+ })
605
530
  })
606
531
  })
607
532
  })
@@ -667,4 +592,4 @@ const ProtectedPreviewPage = ()=>{
667
592
  };
668
593
 
669
594
  export { ProtectedPreviewPage, usePreviewContext };
670
- //# sourceMappingURL=Preview-HqnNXn4S.mjs.map
595
+ //# sourceMappingURL=Preview-35wsOM_p.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Preview-35wsOM_p.mjs","sources":["../../../admin/src/preview/components/PreviewHeader.tsx","../../../admin/src/preview/pages/Preview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n DescriptionComponentRenderer,\n useClipboard,\n useHistory,\n useNotification,\n useQueryParams,\n useStrapiApp,\n} from '@strapi/admin/strapi-admin';\nimport { IconButton, Tabs, Typography, Flex } from '@strapi/design-system';\nimport { Cross, Link as LinkIcon } from '@strapi/icons';\nimport { stringify } from 'qs';\nimport { useIntl } from 'react-intl';\nimport { Link, type To } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { InjectionZone } from '../../components/InjectionZone';\nimport { useDocumentContext } from '../../features/DocumentContext';\nimport { DocumentActionButton } from '../../pages/EditView/components/DocumentActions';\nimport { DocumentStatus } from '../../pages/EditView/components/DocumentStatus';\nimport { getDocumentStatus } from '../../pages/EditView/EditViewPage';\nimport { usePreviewContext } from '../pages/Preview';\n\nimport type { ContentManagerPlugin, DocumentActionProps } from '../../content-manager';\n\n/* -------------------------------------------------------------------------------------------------\n * ClosePreviewButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst ClosePreviewButton = () => {\n const [{ query }] = useQueryParams<{\n plugins?: Record<string, unknown>;\n }>();\n const { formatMessage } = useIntl();\n\n const canGoBack = useHistory('BackButton', (state) => state.canGoBack);\n const goBack = useHistory('BackButton', (state) => state.goBack);\n const history = useHistory('BackButton', (state) => state.history);\n const locationIndex = useHistory('BackButton', (state) => state.currentLocationIndex);\n\n /**\n * Get the link destination from the history.\n * Rely on a fallback (the parent edit view page) if there's no page to go back .\n */\n const historyTo = canGoBack ? history.at(locationIndex - 2) : undefined;\n const fallback = {\n pathname: '..',\n search: stringify(query, { encode: false }),\n } satisfies To;\n const toWithFallback = historyTo ?? fallback;\n\n const handleClick = (e: React.MouseEvent) => {\n if (canGoBack) {\n // Prevent normal link behavior, go back in the history stack instead\n e.preventDefault();\n goBack();\n return;\n }\n\n // Otherwise rely on native link behavior to go back to the edit view. We don't use navigate()\n // here in order to get the relative=\"path\" functionality from the Link component.\n };\n\n return (\n <IconButton\n variant=\"ghost\"\n tag={Link}\n relative=\"path\"\n to={toWithFallback}\n onClick={handleClick}\n label={formatMessage({\n id: 'content-manager.preview.header.close',\n defaultMessage: 'Close preview',\n })}\n >\n <Cross />\n </IconButton>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Status\n * -----------------------------------------------------------------------------------------------*/\n\nconst Status = () => {\n // Get status\n const document = usePreviewContext('PreviewHeader', (state) => state.document);\n const schema = usePreviewContext('PreviewHeader', (state) => state.schema);\n const meta = usePreviewContext('PreviewHeader', (state) => state.meta);\n const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;\n\n if (!hasDraftAndPublished) {\n return null;\n }\n\n const status = getDocumentStatus(document, meta);\n\n return <DocumentStatus status={status} size=\"XS\" />;\n};\n\nconst PreviewTabs = () => {\n const { formatMessage } = useIntl();\n\n // URL query params\n const [{ query }, setQuery] = useQueryParams<{ status: 'draft' | 'published' }>();\n\n // Get status\n const document = usePreviewContext('PreviewHeader', (state) => state.document);\n const schema = usePreviewContext('PreviewHeader', (state) => state.schema);\n const meta = usePreviewContext('PreviewHeader', (state) => state.meta);\n const hasDraftAndPublish = schema?.options?.draftAndPublish ?? false;\n const documentStatus = getDocumentStatus(document, meta);\n\n const handleTabChange = (status: string) => {\n if (status === 'published' || status === 'draft') {\n setQuery({ status }, 'push', true);\n }\n };\n\n if (!hasDraftAndPublish) {\n return null;\n }\n\n return (\n <Tabs.Root variant=\"simple\" value={query.status || 'draft'} onValueChange={handleTabChange}>\n <Tabs.List\n aria-label={formatMessage({\n id: 'preview.tabs.label',\n defaultMessage: 'Document status',\n })}\n >\n <StatusTab value=\"draft\">\n {formatMessage({\n id: 'content-manager.containers.List.draft',\n defaultMessage: 'draft',\n })}\n </StatusTab>\n <StatusTab value=\"published\" disabled={documentStatus === 'draft'}>\n {formatMessage({\n id: 'content-manager.containers.List.published',\n defaultMessage: 'published',\n })}\n </StatusTab>\n </Tabs.List>\n </Tabs.Root>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewHeader\n * -----------------------------------------------------------------------------------------------*/\n\nconst PreviewHeader = () => {\n const title = usePreviewContext('PreviewHeader', (state) => state.title);\n const document = usePreviewContext('PreviewHeader', (state) => state.document);\n const schema = usePreviewContext('PreviewHeader', (state) => state.schema);\n const meta = usePreviewContext('PreviewHeader', (state) => state.meta);\n const plugins = useStrapiApp('PreviewHeader', (state) => state.plugins);\n const onPreview = useDocumentContext('PreviewHeader', (state) => state.onPreview);\n\n const [{ query }] = useQueryParams<{\n status?: 'draft' | 'published';\n }>();\n const { formatMessage } = useIntl();\n const { toggleNotification } = useNotification();\n const { copy } = useClipboard();\n\n const handleCopyLink = () => {\n copy(window.location.href);\n toggleNotification({\n message: formatMessage({\n id: 'content-manager.preview.copy.success',\n defaultMessage: 'Copied preview link',\n }),\n type: 'success',\n });\n };\n\n const hasDraftAndPublish = schema.options?.draftAndPublish ?? false;\n const documentActionProps = {\n activeTab: query.status ?? null,\n collectionType: schema.kind === 'collectionType' ? 'collection-types' : 'single-types',\n model: schema.uid,\n documentId: document.documentId,\n document,\n meta,\n onPreview,\n fromPreview: true,\n } satisfies DocumentActionProps;\n\n return (\n <Flex height=\"48px\" gap={4} background=\"neutral0\" borderColor=\"neutral150\" tag=\"header\">\n {/* Title and status */}\n <TitleContainer height=\"100%\" paddingLeft={2} paddingRight={4}>\n <ClosePreviewButton />\n <PreviewTitle\n tag=\"h1\"\n title={title}\n maxWidth=\"200px\"\n fontSize={2}\n paddingLeft={2}\n paddingRight={3}\n fontWeight={600}\n >\n {title}\n </PreviewTitle>\n <Status />\n </TitleContainer>\n\n {/* Tabs and actions */}\n <Flex\n flex={1}\n paddingRight={2}\n gap={2}\n justifyContent={hasDraftAndPublish ? 'space-between' : 'flex-end'}\n >\n <Flex flex=\"1 1 70%\">\n <PreviewTabs />\n </Flex>\n <Flex gap={2}>\n <IconButton\n type=\"button\"\n label={formatMessage({\n id: 'preview.copy.label',\n defaultMessage: 'Copy preview link',\n })}\n onClick={handleCopyLink}\n >\n <LinkIcon />\n </IconButton>\n <InjectionZone area=\"preview.actions\" />\n <DescriptionComponentRenderer\n props={documentActionProps}\n descriptions={(\n plugins['content-manager'].apis as ContentManagerPlugin['config']['apis']\n ).getDocumentActions('preview')}\n >\n {(actions) => {\n const filteredActions = actions.filter((action) =>\n [action.position].flat().includes('preview')\n );\n const [primaryAction, secondaryAction] = filteredActions;\n\n if (!primaryAction && !secondaryAction) return null;\n\n // Both actions are available when draft and publish enabled\n if (primaryAction && secondaryAction) {\n return (\n <>\n {/* Save */}\n <DocumentActionButton\n {...secondaryAction}\n variant={secondaryAction.variant || 'secondary'}\n />\n {/* Publish */}\n <DocumentActionButton\n {...primaryAction}\n variant={primaryAction.variant || 'default'}\n />\n </>\n );\n }\n\n // Otherwise we just have the save action\n return (\n <DocumentActionButton\n {...primaryAction}\n variant={primaryAction.variant || 'secondary'}\n />\n );\n }}\n </DescriptionComponentRenderer>\n </Flex>\n </Flex>\n </Flex>\n );\n};\n\nconst PreviewTitle = styled(Typography)`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`;\n\nconst StatusTab = styled(Tabs.Trigger)`\n text-transform: uppercase;\n`;\n\nconst TitleContainer = styled(Flex)`\n border-right: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\nexport { PreviewHeader };\n","import * as React from 'react';\n\nimport {\n Page,\n useQueryParams,\n useRBAC,\n createContext,\n Form as FormContext,\n Blocker,\n} from '@strapi/admin/strapi-admin';\nimport { Box, Flex, FocusTrap, IconButton, Portal } from '@strapi/design-system';\nimport { ArrowLineLeft } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useLocation, useParams } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { GetPreviewUrl } from '../../../../shared/contracts/preview';\nimport { COLLECTION_TYPES } from '../../constants/collections';\nimport { DocumentContextProvider } from '../../features/DocumentContext';\nimport { DocumentRBAC } from '../../features/DocumentRBAC';\nimport { type UseDocument, useDocument } from '../../hooks/useDocument';\nimport { type EditLayout, useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { FormLayout } from '../../pages/EditView/components/FormLayout';\nimport { buildValidParams } from '../../utils/api';\nimport { createYupSchema } from '../../utils/validation';\nimport { PreviewHeader } from '../components/PreviewHeader';\nimport { useGetPreviewUrlQuery } from '../services/preview';\n\nimport type { UID } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PreviewContextValue {\n url: string;\n title: string;\n document: NonNullable<ReturnType<UseDocument>['document']>;\n meta: NonNullable<ReturnType<UseDocument>['meta']>;\n schema: NonNullable<ReturnType<UseDocument>['schema']>;\n layout: EditLayout;\n}\n\nconst [PreviewProvider, usePreviewContext] = createContext<PreviewContextValue>('PreviewPage');\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst AnimatedArrow = styled(ArrowLineLeft)<{ isSideEditorOpen: boolean }>`\n will-change: transform;\n rotate: ${(props) => (props.isSideEditorOpen ? '0deg' : '180deg')};\n transition: rotate 0.2s ease-in-out;\n`;\n\nconst PreviewPage = () => {\n const location = useLocation();\n const { formatMessage } = useIntl();\n\n const iframeRef = React.useRef<HTMLIFrameElement>(null);\n const [isSideEditorOpen, setIsSideEditorOpen] = React.useState(true);\n\n // Read all the necessary data from the URL to find the right preview URL\n const {\n slug: model,\n id: documentId,\n collectionType,\n } = useParams<{\n slug: UID.ContentType;\n id: string;\n collectionType: string;\n }>();\n const [{ query }] = useQueryParams<{\n plugins?: Record<string, unknown>;\n status?: string;\n }>();\n\n const params = React.useMemo(() => buildValidParams(query), [query]);\n\n if (!collectionType) {\n throw new Error('Could not find collectionType in url params');\n }\n\n if (!model) {\n throw new Error('Could not find model in url params');\n }\n\n // Only collection types must have a documentId\n if (collectionType === COLLECTION_TYPES && !documentId) {\n throw new Error('Could not find documentId in url params');\n }\n\n const previewUrlResponse = useGetPreviewUrlQuery({\n params: {\n contentType: model,\n },\n query: {\n documentId,\n locale: params.locale,\n status: params.status as GetPreviewUrl.Request['query']['status'],\n },\n });\n const documentResponse = useDocument({\n model,\n collectionType,\n documentId,\n params,\n });\n const documentLayoutResponse = useDocumentLayout(model);\n\n const isLoading =\n previewUrlResponse.isLoading || documentLayoutResponse.isLoading || documentResponse.isLoading;\n if (isLoading && !documentResponse.document?.documentId) {\n return <Page.Loading />;\n }\n\n const initialValues = documentResponse.getInitialFormValues();\n\n if (\n previewUrlResponse.error ||\n documentLayoutResponse.error ||\n !documentResponse.document ||\n !documentResponse.meta ||\n !documentResponse.schema ||\n !initialValues\n ) {\n return <Page.Error />;\n }\n\n if (!previewUrlResponse.data?.data?.url) {\n return <Page.NoData />;\n }\n\n const documentTitle = documentResponse.getTitle(documentLayoutResponse.edit.settings.mainField);\n\n const validateSync = (values: Record<string, unknown>, options: Record<string, string>) => {\n const yupSchema = createYupSchema(\n documentResponse.schema?.attributes,\n documentResponse.components,\n {\n status: documentResponse.document?.status,\n ...options,\n }\n );\n\n return yupSchema.validateSync(values, { abortEarly: false });\n };\n\n const previewUrl = previewUrlResponse.data.data.url;\n\n const onPreview = () => {\n iframeRef?.current?.contentWindow?.postMessage(\n { type: 'strapiUpdate' },\n // The iframe origin is safe to use since it must be provided through the allowedOrigins config\n new URL(iframeRef.current.src).origin\n );\n };\n\n const hasAdvancedPreview = window.strapi.features.isEnabled('cms-advanced-preview');\n\n return (\n <>\n <Page.Title>\n {formatMessage(\n {\n id: 'content-manager.preview.page-title',\n defaultMessage: '{contentType} preview',\n },\n {\n contentType: documentTitle,\n }\n )}\n </Page.Title>\n <DocumentContextProvider\n initialDocument={{\n documentId: documentId || '',\n model,\n collectionType,\n }}\n onPreview={onPreview}\n >\n <PreviewProvider\n url={previewUrl}\n document={documentResponse.document}\n title={documentTitle}\n meta={documentResponse.meta}\n schema={documentResponse.schema}\n layout={documentLayoutResponse.edit}\n >\n <FormContext\n method=\"PUT\"\n disabled={\n query.status === 'published' &&\n documentResponse &&\n documentResponse.document.status === 'published'\n }\n initialValues={documentResponse.getInitialFormValues()}\n initialErrors={location?.state?.forceValidation ? validateSync(initialValues, {}) : {}}\n height=\"100%\"\n validate={(values: Record<string, unknown>, options: Record<string, string>) => {\n const yupSchema = createYupSchema(\n documentResponse.schema?.attributes,\n documentResponse.components,\n {\n status: documentResponse.document?.status,\n ...options,\n }\n );\n\n return yupSchema.validate(values, { abortEarly: false });\n }}\n >\n {({ resetForm }) => (\n <Flex direction=\"column\" height=\"100%\" alignItems=\"stretch\">\n <Blocker onProceed={resetForm} />\n <PreviewHeader />\n <Flex flex={1} overflow=\"auto\" alignItems=\"stretch\">\n {hasAdvancedPreview && (\n <Box\n overflow=\"auto\"\n width={isSideEditorOpen ? '50%' : 0}\n borderWidth=\"0 1px 0 0\"\n borderColor=\"neutral150\"\n paddingTop={6}\n paddingBottom={6}\n // Remove horizontal padding when the editor is closed or it won't fully disappear\n paddingLeft={isSideEditorOpen ? 6 : 0}\n paddingRight={isSideEditorOpen ? 6 : 0}\n transition=\"all 0.2s ease-in-out\"\n >\n <FormLayout\n layout={documentLayoutResponse.edit.layout}\n document={documentResponse}\n hasBackground={false}\n />\n </Box>\n )}\n\n <Box position=\"relative\" flex={1} height=\"100%\" overflow=\"hidden\">\n <Box\n data-testid=\"preview-iframe\"\n ref={iframeRef}\n src={previewUrl}\n /**\n * For some reason, changing an iframe's src tag causes the browser to add a new item in the\n * history stack. This is an issue for us as it means clicking the back button will not let us\n * go back to the edit view. To fix it, we need to trick the browser into thinking this is a\n * different iframe when the preview URL changes. So we set a key prop to force React\n * to mount a different node when the src changes.\n */\n key={previewUrl}\n title={formatMessage({\n id: 'content-manager.preview.panel.title',\n defaultMessage: 'Preview',\n })}\n width=\"100%\"\n height=\"100%\"\n borderWidth={0}\n tag=\"iframe\"\n />\n {hasAdvancedPreview && (\n <IconButton\n variant=\"tertiary\"\n label={formatMessage(\n isSideEditorOpen\n ? {\n id: 'content-manager.preview.content.close-editor',\n defaultMessage: 'Close editor',\n }\n : {\n id: 'content-manager.preview.content.open-editor',\n defaultMessage: 'Open editor',\n }\n )}\n onClick={() => setIsSideEditorOpen((prev) => !prev)}\n position=\"absolute\"\n top={2}\n left={2}\n >\n <AnimatedArrow isSideEditorOpen={isSideEditorOpen} />\n </IconButton>\n )}\n </Box>\n </Flex>\n </Flex>\n )}\n </FormContext>\n </PreviewProvider>\n </DocumentContextProvider>\n </>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedPreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedPreviewPageImpl = () => {\n const { slug: model } = useParams<{\n slug: string;\n }>();\n const {\n permissions = [],\n isLoading,\n error,\n } = useRBAC([\n { action: 'plugin::content-manager.explorer.read', subject: model },\n { action: 'plugin::content-manager.explorer.update', subject: model },\n { action: 'plugin::content-manager.explorer.publish', subject: model },\n ]);\n\n if (isLoading) {\n return <Page.Loading />;\n }\n\n if (error || !model) {\n return (\n <Box\n height=\"100vh\"\n width=\"100vw\"\n position=\"fixed\"\n top={0}\n left={0}\n zIndex={2}\n background=\"neutral0\"\n >\n <Page.Error />\n </Box>\n );\n }\n\n return (\n <Box\n height=\"100vh\"\n width=\"100vw\"\n position=\"fixed\"\n top={0}\n left={0}\n zIndex={2}\n background=\"neutral0\"\n >\n <Page.Protect\n permissions={permissions.filter((permission) =>\n permission.action.includes('explorer.read')\n )}\n >\n <DocumentRBAC permissions={permissions}>\n <PreviewPage />\n </DocumentRBAC>\n </Page.Protect>\n </Box>\n );\n};\n\nconst ProtectedPreviewPage = () => {\n return (\n <Portal>\n <FocusTrap>\n <ProtectedPreviewPageImpl />\n </FocusTrap>\n </Portal>\n );\n};\n\nexport { ProtectedPreviewPage, usePreviewContext };\n"],"names":["ClosePreviewButton","query","useQueryParams","formatMessage","useIntl","canGoBack","useHistory","state","goBack","history","locationIndex","currentLocationIndex","historyTo","at","undefined","fallback","pathname","search","stringify","encode","toWithFallback","handleClick","e","preventDefault","_jsx","IconButton","variant","tag","Link","relative","to","onClick","label","id","defaultMessage","Cross","Status","document","usePreviewContext","schema","meta","hasDraftAndPublished","options","draftAndPublish","status","getDocumentStatus","DocumentStatus","size","PreviewTabs","setQuery","hasDraftAndPublish","documentStatus","handleTabChange","Tabs","Root","value","onValueChange","_jsxs","List","aria-label","StatusTab","disabled","PreviewHeader","title","plugins","useStrapiApp","onPreview","useDocumentContext","toggleNotification","useNotification","copy","useClipboard","handleCopyLink","window","location","href","message","type","documentActionProps","activeTab","collectionType","kind","model","uid","documentId","fromPreview","Flex","height","gap","background","borderColor","TitleContainer","paddingLeft","paddingRight","PreviewTitle","maxWidth","fontSize","fontWeight","flex","justifyContent","LinkIcon","InjectionZone","area","DescriptionComponentRenderer","props","descriptions","apis","getDocumentActions","actions","filteredActions","filter","action","position","flat","includes","primaryAction","secondaryAction","_Fragment","DocumentActionButton","styled","Typography","Trigger","theme","colors","neutral150","PreviewProvider","createContext","AnimatedArrow","ArrowLineLeft","isSideEditorOpen","PreviewPage","useLocation","iframeRef","React","useRef","setIsSideEditorOpen","useState","slug","useParams","params","useMemo","buildValidParams","Error","COLLECTION_TYPES","previewUrlResponse","useGetPreviewUrlQuery","contentType","locale","documentResponse","useDocument","documentLayoutResponse","useDocumentLayout","isLoading","Page","Loading","initialValues","getInitialFormValues","error","data","url","NoData","documentTitle","getTitle","edit","settings","mainField","validateSync","values","yupSchema","createYupSchema","attributes","components","abortEarly","previewUrl","current","contentWindow","postMessage","URL","src","origin","hasAdvancedPreview","strapi","features","isEnabled","Title","DocumentContextProvider","initialDocument","layout","FormContext","method","initialErrors","forceValidation","validate","resetForm","direction","alignItems","Blocker","onProceed","overflow","Box","width","borderWidth","paddingTop","paddingBottom","transition","FormLayout","hasBackground","data-testid","ref","prev","top","left","ProtectedPreviewPageImpl","permissions","useRBAC","subject","zIndex","Protect","permission","DocumentRBAC","ProtectedPreviewPage","Portal","FocusTrap"],"mappings":"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"}