@strapi/content-manager 0.0.0-next.b558642be856459a3e6c076f5d76fffbfc5fc5a1 → 0.0.0-next.bb6ff32f5168f3e380d3d9acba90a9d53bfcfb89
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.
- package/dist/_chunks/{ComponentConfigurationPage-gsCd80MU.js → ComponentConfigurationPage-Bmwd-G2q.js} +3 -3
- package/dist/_chunks/{ComponentConfigurationPage-gsCd80MU.js.map → ComponentConfigurationPage-Bmwd-G2q.js.map} +1 -1
- package/dist/_chunks/{ComponentConfigurationPage-CIjXcRAB.mjs → ComponentConfigurationPage-DqB7veg_.mjs} +3 -3
- package/dist/_chunks/{ComponentConfigurationPage-CIjXcRAB.mjs.map → ComponentConfigurationPage-DqB7veg_.mjs.map} +1 -1
- package/dist/_chunks/{EditConfigurationPage-BglmD_BF.mjs → EditConfigurationPage-CDLVqqay.mjs} +3 -3
- package/dist/_chunks/{EditConfigurationPage-BglmD_BF.mjs.map → EditConfigurationPage-CDLVqqay.mjs.map} +1 -1
- package/dist/_chunks/{EditConfigurationPage-DHDQKBzw.js → EditConfigurationPage-DmruXqgR.js} +3 -3
- package/dist/_chunks/{EditConfigurationPage-DHDQKBzw.js.map → EditConfigurationPage-DmruXqgR.js.map} +1 -1
- package/dist/_chunks/{EditViewPage-C4iTxUPU.js → EditViewPage-0zrWXtMz.js} +37 -7
- package/dist/_chunks/EditViewPage-0zrWXtMz.js.map +1 -0
- package/dist/_chunks/{EditViewPage-CiwVPMaK.mjs → EditViewPage-BgcbLW7w.mjs} +38 -8
- package/dist/_chunks/EditViewPage-BgcbLW7w.mjs.map +1 -0
- package/dist/_chunks/{Field-DhXEK8y1.js → Field-BV7ZYdqe.js} +27 -7
- package/dist/_chunks/Field-BV7ZYdqe.js.map +1 -0
- package/dist/_chunks/{Field-DIjL1b5d.mjs → Field-fTjqtEem.mjs} +27 -7
- package/dist/_chunks/Field-fTjqtEem.mjs.map +1 -0
- package/dist/_chunks/{Form-CwmJ4sWe.js → Form-CIDoAFoD.js} +2 -2
- package/dist/_chunks/{Form-CwmJ4sWe.js.map → Form-CIDoAFoD.js.map} +1 -1
- package/dist/_chunks/{Form-CmNesrvR.mjs → Form-WNWgTBtb.mjs} +2 -2
- package/dist/_chunks/{Form-CmNesrvR.mjs.map → Form-WNWgTBtb.mjs.map} +1 -1
- package/dist/_chunks/{History-BLCCNgCt.js → History-BNvm2TK2.js} +18 -90
- package/dist/_chunks/History-BNvm2TK2.js.map +1 -0
- package/dist/_chunks/{History-D-99Wh30.mjs → History-DEZDHwP0.mjs} +18 -90
- package/dist/_chunks/History-DEZDHwP0.mjs.map +1 -0
- package/dist/_chunks/{ListConfigurationPage-DxWpeZrO.js → ListConfigurationPage-B3FZwPHp.js} +2 -2
- package/dist/_chunks/{ListConfigurationPage-DxWpeZrO.js.map → ListConfigurationPage-B3FZwPHp.js.map} +1 -1
- package/dist/_chunks/{ListConfigurationPage-JPWZz7Kg.mjs → ListConfigurationPage-Ddz3G-It.mjs} +2 -2
- package/dist/_chunks/{ListConfigurationPage-JPWZz7Kg.mjs.map → ListConfigurationPage-Ddz3G-It.mjs.map} +1 -1
- package/dist/_chunks/{ListViewPage-CIQekSFz.js → ListViewPage-BEilNylQ.js} +16 -5
- package/dist/_chunks/{ListViewPage-CIQekSFz.js.map → ListViewPage-BEilNylQ.js.map} +1 -1
- package/dist/_chunks/{ListViewPage-DSK3f0ST.mjs → ListViewPage-BsLdw25U.mjs} +16 -5
- package/dist/_chunks/{ListViewPage-DSK3f0ST.mjs.map → ListViewPage-BsLdw25U.mjs.map} +1 -1
- package/dist/_chunks/{NoContentTypePage-C5cxKvC2.js → NoContentTypePage-BD2C-IMr.js} +2 -2
- package/dist/_chunks/{NoContentTypePage-C5cxKvC2.js.map → NoContentTypePage-BD2C-IMr.js.map} +1 -1
- package/dist/_chunks/{NoContentTypePage-D99LU1YP.mjs → NoContentTypePage-D0jXEWKM.mjs} +2 -2
- package/dist/_chunks/{NoContentTypePage-D99LU1YP.mjs.map → NoContentTypePage-D0jXEWKM.mjs.map} +1 -1
- package/dist/_chunks/{NoPermissionsPage-DBrBw-0y.mjs → NoPermissionsPage-CIPqlrQq.mjs} +2 -2
- package/dist/_chunks/{NoPermissionsPage-DBrBw-0y.mjs.map → NoPermissionsPage-CIPqlrQq.mjs.map} +1 -1
- package/dist/_chunks/{NoPermissionsPage-Oy4tmUrW.js → NoPermissionsPage-yNOvz9XO.js} +2 -2
- package/dist/_chunks/{NoPermissionsPage-Oy4tmUrW.js.map → NoPermissionsPage-yNOvz9XO.js.map} +1 -1
- package/dist/_chunks/Preview-1cqLecKr.js +256 -0
- package/dist/_chunks/Preview-1cqLecKr.js.map +1 -0
- package/dist/_chunks/Preview-ot2fh0yZ.mjs +237 -0
- package/dist/_chunks/Preview-ot2fh0yZ.mjs.map +1 -0
- package/dist/_chunks/{Relations-eG-9p_qS.js → Relations-C3U9SKEb.js} +6 -3
- package/dist/_chunks/Relations-C3U9SKEb.js.map +1 -0
- package/dist/_chunks/{Relations-BBmhcWFV.mjs → Relations-CfdwHP-0.mjs} +6 -3
- package/dist/_chunks/Relations-CfdwHP-0.mjs.map +1 -0
- package/dist/_chunks/{en-Bm0D0IWz.js → en-CHOp_xJv.js} +11 -2
- package/dist/_chunks/{en-Bm0D0IWz.js.map → en-CHOp_xJv.js.map} +1 -1
- package/dist/_chunks/{en-DKV44jRb.mjs → en-D_BMf0hT.mjs} +11 -2
- package/dist/_chunks/{en-DKV44jRb.mjs.map → en-D_BMf0hT.mjs.map} +1 -1
- package/dist/_chunks/{es-EUonQTon.js → es-9K52xZIr.js} +2 -2
- package/dist/_chunks/{ja-CcFe8diO.js.map → es-9K52xZIr.js.map} +1 -1
- package/dist/_chunks/{es-CeXiYflN.mjs → es-D34tqjMw.mjs} +2 -2
- package/dist/_chunks/{es-CeXiYflN.mjs.map → es-D34tqjMw.mjs.map} +1 -1
- package/dist/_chunks/{fr-CD9VFbPM.mjs → fr--pg5jUbt.mjs} +13 -3
- package/dist/_chunks/{fr-CD9VFbPM.mjs.map → fr--pg5jUbt.mjs.map} +1 -1
- package/dist/_chunks/{fr-B7kGGg3E.js → fr-B2Kyv8Z9.js} +13 -3
- package/dist/_chunks/{fr-B7kGGg3E.js.map → fr-B2Kyv8Z9.js.map} +1 -1
- package/dist/_chunks/{index-BrUzbQ30.mjs → index-BzUT1l9A.mjs} +117 -61
- package/dist/_chunks/index-BzUT1l9A.mjs.map +1 -0
- package/dist/_chunks/{index-BIWDoFLK.js → index-Cg4RLIAw.js} +113 -57
- package/dist/_chunks/index-Cg4RLIAw.js.map +1 -0
- package/dist/_chunks/{ja-CcFe8diO.js → ja-7sfIbjxE.js} +2 -2
- package/dist/_chunks/{es-EUonQTon.js.map → ja-7sfIbjxE.js.map} +1 -1
- package/dist/_chunks/{ja-CtsUxOvk.mjs → ja-BHqhDq4V.mjs} +2 -2
- package/dist/_chunks/{ja-CtsUxOvk.mjs.map → ja-BHqhDq4V.mjs.map} +1 -1
- package/dist/_chunks/{layout-_5-cXs34.mjs → layout-C0QEDBAh.mjs} +3 -3
- package/dist/_chunks/{layout-_5-cXs34.mjs.map → layout-C0QEDBAh.mjs.map} +1 -1
- package/dist/_chunks/{layout-lMc9i1-Z.js → layout-Cj_1EKbm.js} +3 -3
- package/dist/_chunks/{layout-lMc9i1-Z.js.map → layout-Cj_1EKbm.js.map} +1 -1
- package/dist/_chunks/{relations-B_VLk-DD.mjs → relations-CgPG3AwU.mjs} +6 -3
- package/dist/_chunks/relations-CgPG3AwU.mjs.map +1 -0
- package/dist/_chunks/{relations-BRHithi8.js → relations-hDOgJy2R.js} +6 -3
- package/dist/_chunks/relations-hDOgJy2R.js.map +1 -0
- package/dist/admin/index.js +1 -1
- package/dist/admin/index.mjs +4 -4
- package/dist/admin/src/pages/EditView/EditViewPage.d.ts +9 -1
- package/dist/admin/src/pages/EditView/components/DocumentStatus.d.ts +2 -2
- package/dist/admin/src/preview/components/PreviewContent.d.ts +2 -0
- package/dist/admin/src/preview/components/PreviewHeader.d.ts +2 -0
- package/dist/admin/src/preview/components/PreviewSidePanel.d.ts +3 -0
- package/dist/admin/src/preview/index.d.ts +1 -1
- package/dist/admin/src/preview/pages/Preview.d.ts +11 -0
- package/dist/admin/src/preview/routes.d.ts +3 -0
- package/dist/admin/src/preview/services/preview.d.ts +3 -0
- package/dist/admin/src/router.d.ts +1 -1
- package/dist/server/index.js +237 -123
- package/dist/server/index.js.map +1 -1
- package/dist/server/index.mjs +237 -123
- package/dist/server/index.mjs.map +1 -1
- package/dist/server/src/history/services/lifecycles.d.ts.map +1 -1
- package/dist/server/src/history/services/utils.d.ts.map +1 -1
- package/dist/server/src/preview/controllers/preview.d.ts +6 -2
- package/dist/server/src/preview/controllers/preview.d.ts.map +1 -1
- package/dist/server/src/preview/controllers/validation/preview.d.ts +6 -0
- package/dist/server/src/preview/controllers/validation/preview.d.ts.map +1 -0
- package/dist/server/src/preview/index.d.ts.map +1 -1
- package/dist/server/src/preview/services/index.d.ts +12 -1
- package/dist/server/src/preview/services/index.d.ts.map +1 -1
- package/dist/server/src/preview/services/preview-config.d.ts +30 -0
- package/dist/server/src/preview/services/preview-config.d.ts.map +1 -0
- package/dist/server/src/preview/services/preview.d.ts +7 -1
- package/dist/server/src/preview/services/preview.d.ts.map +1 -1
- package/dist/server/src/preview/utils.d.ts +12 -1
- package/dist/server/src/preview/utils.d.ts.map +1 -1
- package/dist/server/src/services/document-manager.d.ts.map +1 -1
- package/dist/shared/contracts/index.d.ts +1 -0
- package/dist/shared/contracts/index.d.ts.map +1 -1
- package/dist/shared/contracts/preview.d.ts +27 -0
- package/dist/shared/contracts/preview.d.ts.map +1 -0
- package/dist/shared/index.js +4 -0
- package/dist/shared/index.js.map +1 -1
- package/dist/shared/index.mjs +4 -0
- package/dist/shared/index.mjs.map +1 -1
- package/package.json +9 -9
- package/dist/_chunks/EditViewPage-C4iTxUPU.js.map +0 -1
- package/dist/_chunks/EditViewPage-CiwVPMaK.mjs.map +0 -1
- package/dist/_chunks/Field-DIjL1b5d.mjs.map +0 -1
- package/dist/_chunks/Field-DhXEK8y1.js.map +0 -1
- package/dist/_chunks/History-BLCCNgCt.js.map +0 -1
- package/dist/_chunks/History-D-99Wh30.mjs.map +0 -1
- package/dist/_chunks/Relations-BBmhcWFV.mjs.map +0 -1
- package/dist/_chunks/Relations-eG-9p_qS.js.map +0 -1
- package/dist/_chunks/index-BIWDoFLK.js.map +0 -1
- package/dist/_chunks/index-BrUzbQ30.mjs.map +0 -1
- package/dist/_chunks/relations-BRHithi8.js.map +0 -1
- package/dist/_chunks/relations-B_VLk-DD.mjs.map +0 -1
@@ -0,0 +1,256 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
4
|
+
const React = require("react");
|
5
|
+
const strapiAdmin = require("@strapi/admin/strapi-admin");
|
6
|
+
const designSystem = require("@strapi/design-system");
|
7
|
+
const reactIntl = require("react-intl");
|
8
|
+
const reactRouterDom = require("react-router-dom");
|
9
|
+
const index = require("./index-Cg4RLIAw.js");
|
10
|
+
const Icons = require("@strapi/icons");
|
11
|
+
const qs = require("qs");
|
12
|
+
const EditViewPage = require("./EditViewPage-0zrWXtMz.js");
|
13
|
+
function _interopNamespace(e) {
|
14
|
+
if (e && e.__esModule)
|
15
|
+
return e;
|
16
|
+
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
17
|
+
if (e) {
|
18
|
+
for (const k in e) {
|
19
|
+
if (k !== "default") {
|
20
|
+
const d = Object.getOwnPropertyDescriptor(e, k);
|
21
|
+
Object.defineProperty(n, k, d.get ? d : {
|
22
|
+
enumerable: true,
|
23
|
+
get: () => e[k]
|
24
|
+
});
|
25
|
+
}
|
26
|
+
}
|
27
|
+
}
|
28
|
+
n.default = e;
|
29
|
+
return Object.freeze(n);
|
30
|
+
}
|
31
|
+
const React__namespace = /* @__PURE__ */ _interopNamespace(React);
|
32
|
+
const PreviewContent = () => {
|
33
|
+
const previewUrl = usePreviewContext("PreviewContent", (state) => state.url);
|
34
|
+
const { formatMessage } = reactIntl.useIntl();
|
35
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
36
|
+
designSystem.Box,
|
37
|
+
{
|
38
|
+
src: previewUrl,
|
39
|
+
title: formatMessage({
|
40
|
+
id: "content-manager.preview.panel.title",
|
41
|
+
defaultMessage: "Preview"
|
42
|
+
}),
|
43
|
+
width: "100%",
|
44
|
+
height: "100%",
|
45
|
+
borderWidth: 0,
|
46
|
+
tag: "iframe"
|
47
|
+
}
|
48
|
+
);
|
49
|
+
};
|
50
|
+
const ClosePreviewButton = () => {
|
51
|
+
const [{ query }] = strapiAdmin.useQueryParams();
|
52
|
+
const navigate = reactRouterDom.useNavigate();
|
53
|
+
const { formatMessage } = reactIntl.useIntl();
|
54
|
+
const canGoBack = strapiAdmin.useHistory("BackButton", (state) => state.canGoBack);
|
55
|
+
const goBack = strapiAdmin.useHistory("BackButton", (state) => state.goBack);
|
56
|
+
const history = strapiAdmin.useHistory("BackButton", (state) => state.history);
|
57
|
+
const fallbackUrl = {
|
58
|
+
pathname: "..",
|
59
|
+
search: qs.stringify(query, { encode: false })
|
60
|
+
};
|
61
|
+
const handleClick = (e) => {
|
62
|
+
e.preventDefault();
|
63
|
+
if (canGoBack) {
|
64
|
+
goBack();
|
65
|
+
} else {
|
66
|
+
navigate(fallbackUrl);
|
67
|
+
}
|
68
|
+
};
|
69
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
70
|
+
designSystem.IconButton,
|
71
|
+
{
|
72
|
+
tag: reactRouterDom.Link,
|
73
|
+
to: history.at(-1) ?? fallbackUrl,
|
74
|
+
onClick: handleClick,
|
75
|
+
label: formatMessage({
|
76
|
+
id: "content-manager.preview.header.close",
|
77
|
+
defaultMessage: "Close preview"
|
78
|
+
}),
|
79
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Cross, {})
|
80
|
+
}
|
81
|
+
);
|
82
|
+
};
|
83
|
+
const Status = () => {
|
84
|
+
const document = usePreviewContext("PreviewHeader", (state) => state.document);
|
85
|
+
const schema = usePreviewContext("PreviewHeader", (state) => state.schema);
|
86
|
+
const meta = usePreviewContext("PreviewHeader", (state) => state.meta);
|
87
|
+
const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;
|
88
|
+
if (!hasDraftAndPublished) {
|
89
|
+
return null;
|
90
|
+
}
|
91
|
+
const status = EditViewPage.getDocumentStatus(document, meta);
|
92
|
+
return /* @__PURE__ */ jsxRuntime.jsx(index.DocumentStatus, { status, size: "XS" });
|
93
|
+
};
|
94
|
+
const PreviewHeader = () => {
|
95
|
+
const mainField = usePreviewContext("PreviewHeader", (state) => state.mainField);
|
96
|
+
const document = usePreviewContext("PreviewHeader", (state) => state.document);
|
97
|
+
const title = document[mainField];
|
98
|
+
const { formatMessage } = reactIntl.useIntl();
|
99
|
+
const { toggleNotification } = strapiAdmin.useNotification();
|
100
|
+
const { copy } = strapiAdmin.useClipboard();
|
101
|
+
const handleCopyLink = () => {
|
102
|
+
copy(window.location.href);
|
103
|
+
toggleNotification({
|
104
|
+
message: formatMessage({
|
105
|
+
id: "content-manager.preview.copy.success",
|
106
|
+
defaultMessage: "Copied preview link"
|
107
|
+
}),
|
108
|
+
type: "success"
|
109
|
+
});
|
110
|
+
};
|
111
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
112
|
+
designSystem.Flex,
|
113
|
+
{
|
114
|
+
justifyContent: "space-between",
|
115
|
+
background: "neutral0",
|
116
|
+
padding: 2,
|
117
|
+
borderColor: "neutral150",
|
118
|
+
tag: "header",
|
119
|
+
children: [
|
120
|
+
/* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, children: [
|
121
|
+
/* @__PURE__ */ jsxRuntime.jsx(ClosePreviewButton, {}),
|
122
|
+
/* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "h1", fontWeight: 600, fontSize: 2, children: title }),
|
123
|
+
/* @__PURE__ */ jsxRuntime.jsx(Status, {})
|
124
|
+
] }),
|
125
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
126
|
+
designSystem.IconButton,
|
127
|
+
{
|
128
|
+
type: "button",
|
129
|
+
label: formatMessage({
|
130
|
+
id: "preview.copy.label",
|
131
|
+
defaultMessage: "Copy preview link"
|
132
|
+
}),
|
133
|
+
onClick: handleCopyLink,
|
134
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Link, {})
|
135
|
+
}
|
136
|
+
)
|
137
|
+
]
|
138
|
+
}
|
139
|
+
);
|
140
|
+
};
|
141
|
+
const [PreviewProvider, usePreviewContext] = strapiAdmin.createContext("PreviewPage");
|
142
|
+
const PreviewPage = () => {
|
143
|
+
const { formatMessage } = reactIntl.useIntl();
|
144
|
+
const {
|
145
|
+
slug: model,
|
146
|
+
id: documentId,
|
147
|
+
collectionType
|
148
|
+
} = reactRouterDom.useParams();
|
149
|
+
const [{ query }] = strapiAdmin.useQueryParams();
|
150
|
+
const params = React__namespace.useMemo(() => index.buildValidParams(query), [query]);
|
151
|
+
if (!collectionType) {
|
152
|
+
throw new Error("Could not find collectionType in url params");
|
153
|
+
}
|
154
|
+
if (!model) {
|
155
|
+
throw new Error("Could not find model in url params");
|
156
|
+
}
|
157
|
+
if (collectionType === index.COLLECTION_TYPES && !documentId) {
|
158
|
+
throw new Error("Could not find documentId in url params");
|
159
|
+
}
|
160
|
+
const previewUrlResponse = index.useGetPreviewUrlQuery({
|
161
|
+
params: {
|
162
|
+
contentType: model
|
163
|
+
},
|
164
|
+
query: {
|
165
|
+
documentId,
|
166
|
+
locale: params.locale,
|
167
|
+
status: params.status
|
168
|
+
}
|
169
|
+
});
|
170
|
+
const documentResponse = index.useDocument({
|
171
|
+
model,
|
172
|
+
collectionType,
|
173
|
+
documentId,
|
174
|
+
params
|
175
|
+
});
|
176
|
+
const documentLayoutResponse = index.useDocumentLayout(model);
|
177
|
+
if (documentResponse.isLoading || previewUrlResponse.isLoading || documentLayoutResponse.isLoading) {
|
178
|
+
return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
|
179
|
+
}
|
180
|
+
if (previewUrlResponse.error || documentLayoutResponse.error || !documentResponse.document || !documentResponse.meta || !documentResponse.schema) {
|
181
|
+
return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Error, {});
|
182
|
+
}
|
183
|
+
if (!previewUrlResponse.data?.data?.url) {
|
184
|
+
return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.NoData, {});
|
185
|
+
}
|
186
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
187
|
+
/* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Title, { children: formatMessage(
|
188
|
+
{
|
189
|
+
id: "content-manager.preview.page-title",
|
190
|
+
defaultMessage: "{contentType} preview"
|
191
|
+
},
|
192
|
+
{
|
193
|
+
contentType: documentLayoutResponse.edit.settings.displayName
|
194
|
+
}
|
195
|
+
) }),
|
196
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
197
|
+
PreviewProvider,
|
198
|
+
{
|
199
|
+
url: previewUrlResponse.data.data.url,
|
200
|
+
mainField: documentLayoutResponse.edit.settings.mainField,
|
201
|
+
document: documentResponse.document,
|
202
|
+
meta: documentResponse.meta,
|
203
|
+
schema: documentResponse.schema,
|
204
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", height: "100%", alignItems: "stretch", children: [
|
205
|
+
/* @__PURE__ */ jsxRuntime.jsx(PreviewHeader, {}),
|
206
|
+
/* @__PURE__ */ jsxRuntime.jsx(PreviewContent, {})
|
207
|
+
] })
|
208
|
+
}
|
209
|
+
)
|
210
|
+
] });
|
211
|
+
};
|
212
|
+
const ProtectedPreviewPageImpl = () => {
|
213
|
+
const { slug: model } = reactRouterDom.useParams();
|
214
|
+
const {
|
215
|
+
permissions = [],
|
216
|
+
isLoading,
|
217
|
+
error
|
218
|
+
} = strapiAdmin.useRBAC([{ action: "plugin::content-manager.explorer.read", subject: model }]);
|
219
|
+
if (isLoading) {
|
220
|
+
return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
|
221
|
+
}
|
222
|
+
if (error || !model) {
|
223
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
224
|
+
designSystem.Box,
|
225
|
+
{
|
226
|
+
height: "100vh",
|
227
|
+
width: "100vw",
|
228
|
+
position: "fixed",
|
229
|
+
top: 0,
|
230
|
+
left: 0,
|
231
|
+
zIndex: 2,
|
232
|
+
background: "neutral0",
|
233
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Error, {})
|
234
|
+
}
|
235
|
+
);
|
236
|
+
}
|
237
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
238
|
+
designSystem.Box,
|
239
|
+
{
|
240
|
+
height: "100vh",
|
241
|
+
width: "100vw",
|
242
|
+
position: "fixed",
|
243
|
+
top: 0,
|
244
|
+
left: 0,
|
245
|
+
zIndex: 2,
|
246
|
+
background: "neutral0",
|
247
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Protect, { permissions, children: ({ permissions: permissions2 }) => /* @__PURE__ */ jsxRuntime.jsx(index.DocumentRBAC, { permissions: permissions2, children: /* @__PURE__ */ jsxRuntime.jsx(PreviewPage, {}) }) })
|
248
|
+
}
|
249
|
+
);
|
250
|
+
};
|
251
|
+
const ProtectedPreviewPage = () => {
|
252
|
+
return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.FocusTrap, { children: /* @__PURE__ */ jsxRuntime.jsx(ProtectedPreviewPageImpl, {}) }) });
|
253
|
+
};
|
254
|
+
exports.ProtectedPreviewPage = ProtectedPreviewPage;
|
255
|
+
exports.usePreviewContext = usePreviewContext;
|
256
|
+
//# sourceMappingURL=Preview-1cqLecKr.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Preview-1cqLecKr.js","sources":["../../admin/src/preview/components/PreviewContent.tsx","../../admin/src/preview/components/PreviewHeader.tsx","../../admin/src/preview/pages/Preview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { usePreviewContext } from '../pages/Preview';\n\nconst PreviewContent = () => {\n const previewUrl = usePreviewContext('PreviewContent', (state) => state.url);\n\n const { formatMessage } = useIntl();\n\n return (\n <Box\n src={previewUrl}\n title={formatMessage({\n id: 'content-manager.preview.panel.title',\n defaultMessage: 'Preview',\n })}\n width=\"100%\"\n height=\"100%\"\n borderWidth={0}\n tag=\"iframe\"\n />\n );\n};\n\nexport { PreviewContent };\n","import * as React from 'react';\n\nimport {\n useClipboard,\n useHistory,\n useNotification,\n useQueryParams,\n} from '@strapi/admin/strapi-admin';\nimport { Flex, IconButton, Typography } 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, useNavigate } from 'react-router-dom';\n\nimport { DocumentStatus } from '../../pages/EditView/components/DocumentStatus';\nimport { getDocumentStatus } from '../../pages/EditView/EditViewPage';\nimport { usePreviewContext } from '../pages/Preview';\n\n/* -------------------------------------------------------------------------------------------------\n * ClosePreviewButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst ClosePreviewButton = () => {\n const [{ query }] = useQueryParams();\n const navigate = useNavigate();\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\n const fallbackUrl: To = {\n pathname: '..',\n search: stringify(query, { encode: false }),\n };\n\n const handleClick = (e: React.MouseEvent) => {\n /**\n * Prevent normal link behavior. We only make it an achor for accessibility reasons.\n * The point of this logic is to act as the browser's back button when possible, and to fallback\n * to a link behavior to the edit view when no history is available.\n * */\n e.preventDefault();\n\n if (canGoBack) {\n goBack();\n } else {\n navigate(fallbackUrl);\n }\n };\n\n return (\n <IconButton\n tag={Link}\n to={history.at(-1) ?? fallbackUrl}\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\n/* -------------------------------------------------------------------------------------------------\n * PreviewHeader\n * -----------------------------------------------------------------------------------------------*/\n\nconst PreviewHeader = () => {\n // Get main field\n const mainField = usePreviewContext('PreviewHeader', (state) => state.mainField);\n const document = usePreviewContext('PreviewHeader', (state) => state.document);\n const title = document[mainField];\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 <Flex\n justifyContent=\"space-between\"\n background=\"neutral0\"\n padding={2}\n borderColor=\"neutral150\"\n tag=\"header\"\n >\n <Flex gap={3}>\n <ClosePreviewButton />\n <Typography tag=\"h1\" fontWeight={600} fontSize={2}>\n {title}\n </Typography>\n <Status />\n </Flex>\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 </Flex>\n );\n};\n\nexport { PreviewHeader };\n","import * as React from 'react';\n\nimport { Page, useQueryParams, useRBAC, createContext } from '@strapi/admin/strapi-admin';\nimport { Box, Flex, FocusTrap, Portal } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useParams } from 'react-router-dom';\n\nimport { GetPreviewUrl } from '../../../../shared/contracts/preview';\nimport { COLLECTION_TYPES } from '../../constants/collections';\nimport { DocumentRBAC } from '../../features/DocumentRBAC';\nimport { type UseDocument, useDocument } from '../../hooks/useDocument';\nimport { useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { buildValidParams } from '../../utils/api';\nimport { PreviewContent } from '../components/PreviewContent';\nimport { PreviewHeader } from '../components/PreviewHeader';\nimport { useGetPreviewUrlQuery } from '../services/preview';\n\nimport type { UID } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PreviewContextValue {\n url: string;\n mainField: string;\n document: NonNullable<ReturnType<UseDocument>['document']>;\n meta: NonNullable<ReturnType<UseDocument>['meta']>;\n schema: NonNullable<ReturnType<UseDocument>['schema']>;\n}\n\nconst [PreviewProvider, usePreviewContext] = createContext<PreviewContextValue>('PreviewPage');\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst PreviewPage = () => {\n const { formatMessage } = useIntl();\n\n // Read all the necessary data from the URL to find the right preview URL\n const {\n slug: model,\n id: documentId,\n collectionType,\n } = useParams<{\n slug: UID.ContentType;\n id: string;\n collectionType: string;\n }>();\n const [{ query }] = useQueryParams<{\n plugins?: Record<string, unknown>;\n }>();\n const params = React.useMemo(() => buildValidParams(query), [query]);\n\n if (!collectionType) {\n throw new Error('Could not find collectionType in url params');\n }\n\n if (!model) {\n throw new Error('Could not find model in url params');\n }\n\n // Only collection types must have a documentId\n if (collectionType === COLLECTION_TYPES && !documentId) {\n throw new Error('Could not find documentId in url params');\n }\n\n const previewUrlResponse = useGetPreviewUrlQuery({\n params: {\n contentType: model,\n },\n query: {\n documentId,\n locale: params.locale,\n status: params.status as GetPreviewUrl.Request['query']['status'],\n },\n });\n\n const documentResponse = useDocument({\n model,\n collectionType,\n documentId,\n params,\n });\n\n const documentLayoutResponse = useDocumentLayout(model);\n\n if (\n documentResponse.isLoading ||\n previewUrlResponse.isLoading ||\n documentLayoutResponse.isLoading\n ) {\n return <Page.Loading />;\n }\n\n if (\n previewUrlResponse.error ||\n documentLayoutResponse.error ||\n !documentResponse.document ||\n !documentResponse.meta ||\n !documentResponse.schema\n ) {\n return <Page.Error />;\n }\n\n if (!previewUrlResponse.data?.data?.url) {\n return <Page.NoData />;\n }\n\n return (\n <>\n <Page.Title>\n {formatMessage(\n {\n id: 'content-manager.preview.page-title',\n defaultMessage: '{contentType} preview',\n },\n {\n contentType: documentLayoutResponse.edit.settings.displayName,\n }\n )}\n </Page.Title>\n <PreviewProvider\n url={previewUrlResponse.data.data.url}\n mainField={documentLayoutResponse.edit.settings.mainField}\n document={documentResponse.document}\n meta={documentResponse.meta}\n schema={documentResponse.schema}\n >\n <Flex direction=\"column\" height=\"100%\" alignItems={'stretch'}>\n <PreviewHeader />\n <PreviewContent />\n </Flex>\n </PreviewProvider>\n </>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedPreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedPreviewPageImpl = () => {\n const { slug: model } = useParams<{\n slug: string;\n }>();\n const {\n permissions = [],\n isLoading,\n error,\n } = useRBAC([{ action: 'plugin::content-manager.explorer.read', subject: model }]);\n\n if (isLoading) {\n return <Page.Loading />;\n }\n\n if (error || !model) {\n return (\n <Box\n height=\"100vh\"\n width=\"100vw\"\n position=\"fixed\"\n top={0}\n left={0}\n zIndex={2}\n background=\"neutral0\"\n >\n <Page.Error />\n </Box>\n );\n }\n\n return (\n <Box\n height=\"100vh\"\n width=\"100vw\"\n position=\"fixed\"\n top={0}\n left={0}\n zIndex={2}\n background=\"neutral0\"\n >\n <Page.Protect permissions={permissions}>\n {({ permissions }) => (\n <DocumentRBAC permissions={permissions}>\n <PreviewPage />\n </DocumentRBAC>\n )}\n </Page.Protect>\n </Box>\n );\n};\n\nconst ProtectedPreviewPage = () => {\n return (\n <Portal>\n <FocusTrap>\n <ProtectedPreviewPageImpl />\n </FocusTrap>\n </Portal>\n );\n};\n\nexport { ProtectedPreviewPage, usePreviewContext };\n"],"names":["useIntl","jsx","Box","useQueryParams","useNavigate","useHistory","stringify","IconButton","Link","Cross","getDocumentStatus","DocumentStatus","useNotification","useClipboard","jsxs","Flex","Typography","LinkIcon","createContext","useParams","React","buildValidParams","COLLECTION_TYPES","useGetPreviewUrlQuery","useDocument","useDocumentLayout","Page","Fragment","useRBAC","permissions","DocumentRBAC","Portal","FocusTrap"],"mappings":"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"}
|
@@ -0,0 +1,237 @@
|
|
1
|
+
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
2
|
+
import * as React from "react";
|
3
|
+
import { useNotification, useClipboard, useQueryParams, useHistory, createContext, useRBAC, Page } from "@strapi/admin/strapi-admin";
|
4
|
+
import { Box, Flex, Typography, IconButton, Portal, FocusTrap } from "@strapi/design-system";
|
5
|
+
import { useIntl } from "react-intl";
|
6
|
+
import { useNavigate, Link as Link$1, useParams } from "react-router-dom";
|
7
|
+
import { D as DocumentStatus, l as DocumentRBAC, d as buildValidParams, C as COLLECTION_TYPES, K as useGetPreviewUrlQuery, J as useDocument, h as useDocumentLayout } from "./index-BzUT1l9A.mjs";
|
8
|
+
import { Link, Cross } from "@strapi/icons";
|
9
|
+
import { stringify } from "qs";
|
10
|
+
import { getDocumentStatus } from "./EditViewPage-BgcbLW7w.mjs";
|
11
|
+
const PreviewContent = () => {
|
12
|
+
const previewUrl = usePreviewContext("PreviewContent", (state) => state.url);
|
13
|
+
const { formatMessage } = useIntl();
|
14
|
+
return /* @__PURE__ */ jsx(
|
15
|
+
Box,
|
16
|
+
{
|
17
|
+
src: previewUrl,
|
18
|
+
title: formatMessage({
|
19
|
+
id: "content-manager.preview.panel.title",
|
20
|
+
defaultMessage: "Preview"
|
21
|
+
}),
|
22
|
+
width: "100%",
|
23
|
+
height: "100%",
|
24
|
+
borderWidth: 0,
|
25
|
+
tag: "iframe"
|
26
|
+
}
|
27
|
+
);
|
28
|
+
};
|
29
|
+
const ClosePreviewButton = () => {
|
30
|
+
const [{ query }] = useQueryParams();
|
31
|
+
const navigate = useNavigate();
|
32
|
+
const { formatMessage } = useIntl();
|
33
|
+
const canGoBack = useHistory("BackButton", (state) => state.canGoBack);
|
34
|
+
const goBack = useHistory("BackButton", (state) => state.goBack);
|
35
|
+
const history = useHistory("BackButton", (state) => state.history);
|
36
|
+
const fallbackUrl = {
|
37
|
+
pathname: "..",
|
38
|
+
search: stringify(query, { encode: false })
|
39
|
+
};
|
40
|
+
const handleClick = (e) => {
|
41
|
+
e.preventDefault();
|
42
|
+
if (canGoBack) {
|
43
|
+
goBack();
|
44
|
+
} else {
|
45
|
+
navigate(fallbackUrl);
|
46
|
+
}
|
47
|
+
};
|
48
|
+
return /* @__PURE__ */ jsx(
|
49
|
+
IconButton,
|
50
|
+
{
|
51
|
+
tag: Link$1,
|
52
|
+
to: history.at(-1) ?? fallbackUrl,
|
53
|
+
onClick: handleClick,
|
54
|
+
label: formatMessage({
|
55
|
+
id: "content-manager.preview.header.close",
|
56
|
+
defaultMessage: "Close preview"
|
57
|
+
}),
|
58
|
+
children: /* @__PURE__ */ jsx(Cross, {})
|
59
|
+
}
|
60
|
+
);
|
61
|
+
};
|
62
|
+
const Status = () => {
|
63
|
+
const document = usePreviewContext("PreviewHeader", (state) => state.document);
|
64
|
+
const schema = usePreviewContext("PreviewHeader", (state) => state.schema);
|
65
|
+
const meta = usePreviewContext("PreviewHeader", (state) => state.meta);
|
66
|
+
const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;
|
67
|
+
if (!hasDraftAndPublished) {
|
68
|
+
return null;
|
69
|
+
}
|
70
|
+
const status = getDocumentStatus(document, meta);
|
71
|
+
return /* @__PURE__ */ jsx(DocumentStatus, { status, size: "XS" });
|
72
|
+
};
|
73
|
+
const PreviewHeader = () => {
|
74
|
+
const mainField = usePreviewContext("PreviewHeader", (state) => state.mainField);
|
75
|
+
const document = usePreviewContext("PreviewHeader", (state) => state.document);
|
76
|
+
const title = document[mainField];
|
77
|
+
const { formatMessage } = useIntl();
|
78
|
+
const { toggleNotification } = useNotification();
|
79
|
+
const { copy } = useClipboard();
|
80
|
+
const handleCopyLink = () => {
|
81
|
+
copy(window.location.href);
|
82
|
+
toggleNotification({
|
83
|
+
message: formatMessage({
|
84
|
+
id: "content-manager.preview.copy.success",
|
85
|
+
defaultMessage: "Copied preview link"
|
86
|
+
}),
|
87
|
+
type: "success"
|
88
|
+
});
|
89
|
+
};
|
90
|
+
return /* @__PURE__ */ jsxs(
|
91
|
+
Flex,
|
92
|
+
{
|
93
|
+
justifyContent: "space-between",
|
94
|
+
background: "neutral0",
|
95
|
+
padding: 2,
|
96
|
+
borderColor: "neutral150",
|
97
|
+
tag: "header",
|
98
|
+
children: [
|
99
|
+
/* @__PURE__ */ jsxs(Flex, { gap: 3, children: [
|
100
|
+
/* @__PURE__ */ jsx(ClosePreviewButton, {}),
|
101
|
+
/* @__PURE__ */ jsx(Typography, { tag: "h1", fontWeight: 600, fontSize: 2, children: title }),
|
102
|
+
/* @__PURE__ */ jsx(Status, {})
|
103
|
+
] }),
|
104
|
+
/* @__PURE__ */ jsx(
|
105
|
+
IconButton,
|
106
|
+
{
|
107
|
+
type: "button",
|
108
|
+
label: formatMessage({
|
109
|
+
id: "preview.copy.label",
|
110
|
+
defaultMessage: "Copy preview link"
|
111
|
+
}),
|
112
|
+
onClick: handleCopyLink,
|
113
|
+
children: /* @__PURE__ */ jsx(Link, {})
|
114
|
+
}
|
115
|
+
)
|
116
|
+
]
|
117
|
+
}
|
118
|
+
);
|
119
|
+
};
|
120
|
+
const [PreviewProvider, usePreviewContext] = createContext("PreviewPage");
|
121
|
+
const PreviewPage = () => {
|
122
|
+
const { formatMessage } = useIntl();
|
123
|
+
const {
|
124
|
+
slug: model,
|
125
|
+
id: documentId,
|
126
|
+
collectionType
|
127
|
+
} = useParams();
|
128
|
+
const [{ query }] = useQueryParams();
|
129
|
+
const params = React.useMemo(() => buildValidParams(query), [query]);
|
130
|
+
if (!collectionType) {
|
131
|
+
throw new Error("Could not find collectionType in url params");
|
132
|
+
}
|
133
|
+
if (!model) {
|
134
|
+
throw new Error("Could not find model in url params");
|
135
|
+
}
|
136
|
+
if (collectionType === COLLECTION_TYPES && !documentId) {
|
137
|
+
throw new Error("Could not find documentId in url params");
|
138
|
+
}
|
139
|
+
const previewUrlResponse = useGetPreviewUrlQuery({
|
140
|
+
params: {
|
141
|
+
contentType: model
|
142
|
+
},
|
143
|
+
query: {
|
144
|
+
documentId,
|
145
|
+
locale: params.locale,
|
146
|
+
status: params.status
|
147
|
+
}
|
148
|
+
});
|
149
|
+
const documentResponse = useDocument({
|
150
|
+
model,
|
151
|
+
collectionType,
|
152
|
+
documentId,
|
153
|
+
params
|
154
|
+
});
|
155
|
+
const documentLayoutResponse = useDocumentLayout(model);
|
156
|
+
if (documentResponse.isLoading || previewUrlResponse.isLoading || documentLayoutResponse.isLoading) {
|
157
|
+
return /* @__PURE__ */ jsx(Page.Loading, {});
|
158
|
+
}
|
159
|
+
if (previewUrlResponse.error || documentLayoutResponse.error || !documentResponse.document || !documentResponse.meta || !documentResponse.schema) {
|
160
|
+
return /* @__PURE__ */ jsx(Page.Error, {});
|
161
|
+
}
|
162
|
+
if (!previewUrlResponse.data?.data?.url) {
|
163
|
+
return /* @__PURE__ */ jsx(Page.NoData, {});
|
164
|
+
}
|
165
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
166
|
+
/* @__PURE__ */ jsx(Page.Title, { children: formatMessage(
|
167
|
+
{
|
168
|
+
id: "content-manager.preview.page-title",
|
169
|
+
defaultMessage: "{contentType} preview"
|
170
|
+
},
|
171
|
+
{
|
172
|
+
contentType: documentLayoutResponse.edit.settings.displayName
|
173
|
+
}
|
174
|
+
) }),
|
175
|
+
/* @__PURE__ */ jsx(
|
176
|
+
PreviewProvider,
|
177
|
+
{
|
178
|
+
url: previewUrlResponse.data.data.url,
|
179
|
+
mainField: documentLayoutResponse.edit.settings.mainField,
|
180
|
+
document: documentResponse.document,
|
181
|
+
meta: documentResponse.meta,
|
182
|
+
schema: documentResponse.schema,
|
183
|
+
children: /* @__PURE__ */ jsxs(Flex, { direction: "column", height: "100%", alignItems: "stretch", children: [
|
184
|
+
/* @__PURE__ */ jsx(PreviewHeader, {}),
|
185
|
+
/* @__PURE__ */ jsx(PreviewContent, {})
|
186
|
+
] })
|
187
|
+
}
|
188
|
+
)
|
189
|
+
] });
|
190
|
+
};
|
191
|
+
const ProtectedPreviewPageImpl = () => {
|
192
|
+
const { slug: model } = useParams();
|
193
|
+
const {
|
194
|
+
permissions = [],
|
195
|
+
isLoading,
|
196
|
+
error
|
197
|
+
} = useRBAC([{ action: "plugin::content-manager.explorer.read", subject: model }]);
|
198
|
+
if (isLoading) {
|
199
|
+
return /* @__PURE__ */ jsx(Page.Loading, {});
|
200
|
+
}
|
201
|
+
if (error || !model) {
|
202
|
+
return /* @__PURE__ */ jsx(
|
203
|
+
Box,
|
204
|
+
{
|
205
|
+
height: "100vh",
|
206
|
+
width: "100vw",
|
207
|
+
position: "fixed",
|
208
|
+
top: 0,
|
209
|
+
left: 0,
|
210
|
+
zIndex: 2,
|
211
|
+
background: "neutral0",
|
212
|
+
children: /* @__PURE__ */ jsx(Page.Error, {})
|
213
|
+
}
|
214
|
+
);
|
215
|
+
}
|
216
|
+
return /* @__PURE__ */ jsx(
|
217
|
+
Box,
|
218
|
+
{
|
219
|
+
height: "100vh",
|
220
|
+
width: "100vw",
|
221
|
+
position: "fixed",
|
222
|
+
top: 0,
|
223
|
+
left: 0,
|
224
|
+
zIndex: 2,
|
225
|
+
background: "neutral0",
|
226
|
+
children: /* @__PURE__ */ jsx(Page.Protect, { permissions, children: ({ permissions: permissions2 }) => /* @__PURE__ */ jsx(DocumentRBAC, { permissions: permissions2, children: /* @__PURE__ */ jsx(PreviewPage, {}) }) })
|
227
|
+
}
|
228
|
+
);
|
229
|
+
};
|
230
|
+
const ProtectedPreviewPage = () => {
|
231
|
+
return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(FocusTrap, { children: /* @__PURE__ */ jsx(ProtectedPreviewPageImpl, {}) }) });
|
232
|
+
};
|
233
|
+
export {
|
234
|
+
ProtectedPreviewPage,
|
235
|
+
usePreviewContext
|
236
|
+
};
|
237
|
+
//# sourceMappingURL=Preview-ot2fh0yZ.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Preview-ot2fh0yZ.mjs","sources":["../../admin/src/preview/components/PreviewContent.tsx","../../admin/src/preview/components/PreviewHeader.tsx","../../admin/src/preview/pages/Preview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { usePreviewContext } from '../pages/Preview';\n\nconst PreviewContent = () => {\n const previewUrl = usePreviewContext('PreviewContent', (state) => state.url);\n\n const { formatMessage } = useIntl();\n\n return (\n <Box\n src={previewUrl}\n title={formatMessage({\n id: 'content-manager.preview.panel.title',\n defaultMessage: 'Preview',\n })}\n width=\"100%\"\n height=\"100%\"\n borderWidth={0}\n tag=\"iframe\"\n />\n );\n};\n\nexport { PreviewContent };\n","import * as React from 'react';\n\nimport {\n useClipboard,\n useHistory,\n useNotification,\n useQueryParams,\n} from '@strapi/admin/strapi-admin';\nimport { Flex, IconButton, Typography } 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, useNavigate } from 'react-router-dom';\n\nimport { DocumentStatus } from '../../pages/EditView/components/DocumentStatus';\nimport { getDocumentStatus } from '../../pages/EditView/EditViewPage';\nimport { usePreviewContext } from '../pages/Preview';\n\n/* -------------------------------------------------------------------------------------------------\n * ClosePreviewButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst ClosePreviewButton = () => {\n const [{ query }] = useQueryParams();\n const navigate = useNavigate();\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\n const fallbackUrl: To = {\n pathname: '..',\n search: stringify(query, { encode: false }),\n };\n\n const handleClick = (e: React.MouseEvent) => {\n /**\n * Prevent normal link behavior. We only make it an achor for accessibility reasons.\n * The point of this logic is to act as the browser's back button when possible, and to fallback\n * to a link behavior to the edit view when no history is available.\n * */\n e.preventDefault();\n\n if (canGoBack) {\n goBack();\n } else {\n navigate(fallbackUrl);\n }\n };\n\n return (\n <IconButton\n tag={Link}\n to={history.at(-1) ?? fallbackUrl}\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\n/* -------------------------------------------------------------------------------------------------\n * PreviewHeader\n * -----------------------------------------------------------------------------------------------*/\n\nconst PreviewHeader = () => {\n // Get main field\n const mainField = usePreviewContext('PreviewHeader', (state) => state.mainField);\n const document = usePreviewContext('PreviewHeader', (state) => state.document);\n const title = document[mainField];\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 <Flex\n justifyContent=\"space-between\"\n background=\"neutral0\"\n padding={2}\n borderColor=\"neutral150\"\n tag=\"header\"\n >\n <Flex gap={3}>\n <ClosePreviewButton />\n <Typography tag=\"h1\" fontWeight={600} fontSize={2}>\n {title}\n </Typography>\n <Status />\n </Flex>\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 </Flex>\n );\n};\n\nexport { PreviewHeader };\n","import * as React from 'react';\n\nimport { Page, useQueryParams, useRBAC, createContext } from '@strapi/admin/strapi-admin';\nimport { Box, Flex, FocusTrap, Portal } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useParams } from 'react-router-dom';\n\nimport { GetPreviewUrl } from '../../../../shared/contracts/preview';\nimport { COLLECTION_TYPES } from '../../constants/collections';\nimport { DocumentRBAC } from '../../features/DocumentRBAC';\nimport { type UseDocument, useDocument } from '../../hooks/useDocument';\nimport { useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { buildValidParams } from '../../utils/api';\nimport { PreviewContent } from '../components/PreviewContent';\nimport { PreviewHeader } from '../components/PreviewHeader';\nimport { useGetPreviewUrlQuery } from '../services/preview';\n\nimport type { UID } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PreviewContextValue {\n url: string;\n mainField: string;\n document: NonNullable<ReturnType<UseDocument>['document']>;\n meta: NonNullable<ReturnType<UseDocument>['meta']>;\n schema: NonNullable<ReturnType<UseDocument>['schema']>;\n}\n\nconst [PreviewProvider, usePreviewContext] = createContext<PreviewContextValue>('PreviewPage');\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst PreviewPage = () => {\n const { formatMessage } = useIntl();\n\n // Read all the necessary data from the URL to find the right preview URL\n const {\n slug: model,\n id: documentId,\n collectionType,\n } = useParams<{\n slug: UID.ContentType;\n id: string;\n collectionType: string;\n }>();\n const [{ query }] = useQueryParams<{\n plugins?: Record<string, unknown>;\n }>();\n const params = React.useMemo(() => buildValidParams(query), [query]);\n\n if (!collectionType) {\n throw new Error('Could not find collectionType in url params');\n }\n\n if (!model) {\n throw new Error('Could not find model in url params');\n }\n\n // Only collection types must have a documentId\n if (collectionType === COLLECTION_TYPES && !documentId) {\n throw new Error('Could not find documentId in url params');\n }\n\n const previewUrlResponse = useGetPreviewUrlQuery({\n params: {\n contentType: model,\n },\n query: {\n documentId,\n locale: params.locale,\n status: params.status as GetPreviewUrl.Request['query']['status'],\n },\n });\n\n const documentResponse = useDocument({\n model,\n collectionType,\n documentId,\n params,\n });\n\n const documentLayoutResponse = useDocumentLayout(model);\n\n if (\n documentResponse.isLoading ||\n previewUrlResponse.isLoading ||\n documentLayoutResponse.isLoading\n ) {\n return <Page.Loading />;\n }\n\n if (\n previewUrlResponse.error ||\n documentLayoutResponse.error ||\n !documentResponse.document ||\n !documentResponse.meta ||\n !documentResponse.schema\n ) {\n return <Page.Error />;\n }\n\n if (!previewUrlResponse.data?.data?.url) {\n return <Page.NoData />;\n }\n\n return (\n <>\n <Page.Title>\n {formatMessage(\n {\n id: 'content-manager.preview.page-title',\n defaultMessage: '{contentType} preview',\n },\n {\n contentType: documentLayoutResponse.edit.settings.displayName,\n }\n )}\n </Page.Title>\n <PreviewProvider\n url={previewUrlResponse.data.data.url}\n mainField={documentLayoutResponse.edit.settings.mainField}\n document={documentResponse.document}\n meta={documentResponse.meta}\n schema={documentResponse.schema}\n >\n <Flex direction=\"column\" height=\"100%\" alignItems={'stretch'}>\n <PreviewHeader />\n <PreviewContent />\n </Flex>\n </PreviewProvider>\n </>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedPreviewPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedPreviewPageImpl = () => {\n const { slug: model } = useParams<{\n slug: string;\n }>();\n const {\n permissions = [],\n isLoading,\n error,\n } = useRBAC([{ action: 'plugin::content-manager.explorer.read', subject: model }]);\n\n if (isLoading) {\n return <Page.Loading />;\n }\n\n if (error || !model) {\n return (\n <Box\n height=\"100vh\"\n width=\"100vw\"\n position=\"fixed\"\n top={0}\n left={0}\n zIndex={2}\n background=\"neutral0\"\n >\n <Page.Error />\n </Box>\n );\n }\n\n return (\n <Box\n height=\"100vh\"\n width=\"100vw\"\n position=\"fixed\"\n top={0}\n left={0}\n zIndex={2}\n background=\"neutral0\"\n >\n <Page.Protect permissions={permissions}>\n {({ permissions }) => (\n <DocumentRBAC permissions={permissions}>\n <PreviewPage />\n </DocumentRBAC>\n )}\n </Page.Protect>\n </Box>\n );\n};\n\nconst ProtectedPreviewPage = () => {\n return (\n <Portal>\n <FocusTrap>\n <ProtectedPreviewPageImpl />\n </FocusTrap>\n </Portal>\n );\n};\n\nexport { ProtectedPreviewPage, usePreviewContext };\n"],"names":["Link","LinkIcon","permissions"],"mappings":"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"}
|
@@ -11,9 +11,9 @@ const reactIntl = require("react-intl");
|
|
11
11
|
const reactRouterDom = require("react-router-dom");
|
12
12
|
const reactWindow = require("react-window");
|
13
13
|
const styledComponents = require("styled-components");
|
14
|
-
const index = require("./index-
|
14
|
+
const index = require("./index-Cg4RLIAw.js");
|
15
15
|
const useDragAndDrop = require("./useDragAndDrop-J0TUUbR6.js");
|
16
|
-
const relations = require("./relations-
|
16
|
+
const relations = require("./relations-hDOgJy2R.js");
|
17
17
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
18
18
|
function _interopNamespace(e) {
|
19
19
|
if (e && e.__esModule)
|
@@ -58,6 +58,7 @@ function useHandleDisconnect(fieldName, consumerName) {
|
|
58
58
|
addFieldRow(`${fieldName}.disconnect`, {
|
59
59
|
id: relation.id,
|
60
60
|
apiData: {
|
61
|
+
id: relation.id,
|
61
62
|
documentId: relation.documentId,
|
62
63
|
locale: relation.locale
|
63
64
|
}
|
@@ -158,6 +159,7 @@ const RelationsField = React__namespace.forwardRef(
|
|
158
159
|
const item = {
|
159
160
|
id: relation.id,
|
160
161
|
apiData: {
|
162
|
+
id: relation.id,
|
161
163
|
documentId: relation.documentId,
|
162
164
|
locale: relation.locale
|
163
165
|
},
|
@@ -468,6 +470,7 @@ const RelationsList = ({
|
|
468
470
|
...relation,
|
469
471
|
...{
|
470
472
|
apiData: {
|
473
|
+
id: relation.id,
|
471
474
|
documentId: relation.documentId,
|
472
475
|
locale: relation.locale,
|
473
476
|
position
|
@@ -744,4 +747,4 @@ exports.FlexWrapper = FlexWrapper;
|
|
744
747
|
exports.LinkEllipsis = LinkEllipsis;
|
745
748
|
exports.MemoizedRelationsField = MemoizedRelationsField;
|
746
749
|
exports.useComponent = useComponent;
|
747
|
-
//# sourceMappingURL=Relations-
|
750
|
+
//# sourceMappingURL=Relations-C3U9SKEb.js.map
|