@strapi/content-manager 0.0.0-next.c3eb27c3a05a30387b6b44e15d3661201d54787d → 0.0.0-next.c9f32f6f0c2be1b88323373117f12eb33219d20e

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 (94) hide show
  1. package/dist/_chunks/{ComponentConfigurationPage-UGIFDkPO.mjs → ComponentConfigurationPage-BaJMOQyq.mjs} +3 -3
  2. package/dist/_chunks/{ComponentConfigurationPage-UGIFDkPO.mjs.map → ComponentConfigurationPage-BaJMOQyq.mjs.map} +1 -1
  3. package/dist/_chunks/{ComponentConfigurationPage-Cr0ttPAZ.js → ComponentConfigurationPage-N-CTtgQa.js} +3 -3
  4. package/dist/_chunks/{ComponentConfigurationPage-Cr0ttPAZ.js.map → ComponentConfigurationPage-N-CTtgQa.js.map} +1 -1
  5. package/dist/_chunks/{EditConfigurationPage-Ds3BOL2z.js → EditConfigurationPage-BHkjAbxH.js} +3 -3
  6. package/dist/_chunks/{EditConfigurationPage-Ds3BOL2z.js.map → EditConfigurationPage-BHkjAbxH.js.map} +1 -1
  7. package/dist/_chunks/{EditConfigurationPage-7hF4_8yK.mjs → EditConfigurationPage-CKK-5LfX.mjs} +3 -3
  8. package/dist/_chunks/{EditConfigurationPage-7hF4_8yK.mjs.map → EditConfigurationPage-CKK-5LfX.mjs.map} +1 -1
  9. package/dist/_chunks/{EditViewPage-CA98g5_g.mjs → EditViewPage-B11aeMcf.mjs} +3 -3
  10. package/dist/_chunks/{EditViewPage-CA98g5_g.mjs.map → EditViewPage-B11aeMcf.mjs.map} +1 -1
  11. package/dist/_chunks/{EditViewPage-DoQm9llG.js → EditViewPage-QPUftxUd.js} +3 -3
  12. package/dist/_chunks/{EditViewPage-DoQm9llG.js.map → EditViewPage-QPUftxUd.js.map} +1 -1
  13. package/dist/_chunks/{Field-B2C1tq9_.mjs → Field-Bj_RgtGo.mjs} +20 -21
  14. package/dist/_chunks/Field-Bj_RgtGo.mjs.map +1 -0
  15. package/dist/_chunks/{Field-CQtLQzHl.js → Field-DUK83cfh.js} +19 -20
  16. package/dist/_chunks/Field-DUK83cfh.js.map +1 -0
  17. package/dist/_chunks/{Form-YQaS3_NH.js → Form-DHmBRlHd.js} +2 -2
  18. package/dist/_chunks/{Form-YQaS3_NH.js.map → Form-DHmBRlHd.js.map} +1 -1
  19. package/dist/_chunks/{Form-CxQ2pPjq.mjs → Form-DLMSoXV7.mjs} +2 -2
  20. package/dist/_chunks/{Form-CxQ2pPjq.mjs.map → Form-DLMSoXV7.mjs.map} +1 -1
  21. package/dist/_chunks/{History-DTYKr2Cg.mjs → History-CfCSNlG9.mjs} +9 -56
  22. package/dist/_chunks/History-CfCSNlG9.mjs.map +1 -0
  23. package/dist/_chunks/{History-DbdpigyF.js → History-Di3zm4HT.js} +8 -55
  24. package/dist/_chunks/History-Di3zm4HT.js.map +1 -0
  25. package/dist/_chunks/{ListConfigurationPage-DQG-j52q.mjs → ListConfigurationPage-0mtv_iqk.mjs} +5 -4
  26. package/dist/_chunks/ListConfigurationPage-0mtv_iqk.mjs.map +1 -0
  27. package/dist/_chunks/{ListConfigurationPage-DRGhXnUA.js → ListConfigurationPage-Cq361KIt.js} +4 -3
  28. package/dist/_chunks/ListConfigurationPage-Cq361KIt.js.map +1 -0
  29. package/dist/_chunks/{ListViewPage-DAekmnvp.mjs → ListViewPage-BxLVROX8.mjs} +50 -49
  30. package/dist/_chunks/ListViewPage-BxLVROX8.mjs.map +1 -0
  31. package/dist/_chunks/{ListViewPage-CVIEfYWN.js → ListViewPage-DFDcG8gM.js} +50 -49
  32. package/dist/_chunks/ListViewPage-DFDcG8gM.js.map +1 -0
  33. package/dist/_chunks/{NoContentTypePage-5kwUPeFg.mjs → NoContentTypePage-BRfDd67_.mjs} +2 -2
  34. package/dist/_chunks/{NoContentTypePage-5kwUPeFg.mjs.map → NoContentTypePage-BRfDd67_.mjs.map} +1 -1
  35. package/dist/_chunks/{NoContentTypePage-CTcfA2-Q.js → NoContentTypePage-BSyvnDZZ.js} +2 -2
  36. package/dist/_chunks/{NoContentTypePage-CTcfA2-Q.js.map → NoContentTypePage-BSyvnDZZ.js.map} +1 -1
  37. package/dist/_chunks/{NoPermissionsPage-d-JtEVAw.mjs → NoPermissionsPage-CV9V8KWa.mjs} +2 -2
  38. package/dist/_chunks/{NoPermissionsPage-d-JtEVAw.mjs.map → NoPermissionsPage-CV9V8KWa.mjs.map} +1 -1
  39. package/dist/_chunks/{NoPermissionsPage-pVeCVj9a.js → NoPermissionsPage-DyLphsn_.js} +2 -2
  40. package/dist/_chunks/{NoPermissionsPage-pVeCVj9a.js.map → NoPermissionsPage-DyLphsn_.js.map} +1 -1
  41. package/dist/_chunks/{Preview-gkmvcwhu.mjs → Preview-C_B1nx3g.mjs} +67 -83
  42. package/dist/_chunks/Preview-C_B1nx3g.mjs.map +1 -0
  43. package/dist/_chunks/{Preview-COsm52rZ.js → Preview-D_3aO6Ly.js} +64 -80
  44. package/dist/_chunks/Preview-D_3aO6Ly.js.map +1 -0
  45. package/dist/_chunks/{Relations-7ItTFWp7.mjs → Relations-C6pwmDXh.mjs} +3 -3
  46. package/dist/_chunks/{Relations-7ItTFWp7.mjs.map → Relations-C6pwmDXh.mjs.map} +1 -1
  47. package/dist/_chunks/{Relations-Beo_uDz1.js → Relations-Cne2AlrL.js} +3 -3
  48. package/dist/_chunks/{Relations-Beo_uDz1.js.map → Relations-Cne2AlrL.js.map} +1 -1
  49. package/dist/_chunks/{en-D_BMf0hT.mjs → en-DhFUjrNW.mjs} +5 -3
  50. package/dist/_chunks/{en-D_BMf0hT.mjs.map → en-DhFUjrNW.mjs.map} +1 -1
  51. package/dist/_chunks/{en-CHOp_xJv.js → en-Ic0kXjxB.js} +5 -3
  52. package/dist/_chunks/{en-CHOp_xJv.js.map → en-Ic0kXjxB.js.map} +1 -1
  53. package/dist/_chunks/{index-D3IiO0X8.mjs → index-BpxR3En4.mjs} +62 -45
  54. package/dist/_chunks/index-BpxR3En4.mjs.map +1 -0
  55. package/dist/_chunks/{index-CJX65DLa.js → index-T-aWjbj2.js} +61 -44
  56. package/dist/_chunks/index-T-aWjbj2.js.map +1 -0
  57. package/dist/_chunks/{layout-9fI2_QJt.js → layout-BEuNwv-F.js} +3 -3
  58. package/dist/_chunks/{layout-9fI2_QJt.js.map → layout-BEuNwv-F.js.map} +1 -1
  59. package/dist/_chunks/{layout-OhrmoJVB.mjs → layout-DhMZ_lDx.mjs} +3 -3
  60. package/dist/_chunks/{layout-OhrmoJVB.mjs.map → layout-DhMZ_lDx.mjs.map} +1 -1
  61. package/dist/_chunks/{relations-sRERvWmr.mjs → relations-BdnxoX6f.mjs} +2 -2
  62. package/dist/_chunks/{relations-sRERvWmr.mjs.map → relations-BdnxoX6f.mjs.map} +1 -1
  63. package/dist/_chunks/{relations-DIT8sP52.js → relations-kLcuobLk.js} +2 -2
  64. package/dist/_chunks/{relations-DIT8sP52.js.map → relations-kLcuobLk.js.map} +1 -1
  65. package/dist/admin/index.js +1 -1
  66. package/dist/admin/index.mjs +1 -1
  67. package/dist/admin/src/pages/EditView/components/DocumentStatus.d.ts +2 -2
  68. package/dist/admin/src/services/documents.d.ts +0 -3
  69. package/dist/server/index.js +56 -9
  70. package/dist/server/index.js.map +1 -1
  71. package/dist/server/index.mjs +57 -10
  72. package/dist/server/index.mjs.map +1 -1
  73. package/dist/server/src/preview/controllers/validation/preview.d.ts.map +1 -1
  74. package/dist/server/src/preview/index.d.ts.map +1 -1
  75. package/dist/server/src/preview/services/index.d.ts +1 -0
  76. package/dist/server/src/preview/services/index.d.ts.map +1 -1
  77. package/dist/server/src/preview/services/preview-config.d.ts +2 -0
  78. package/dist/server/src/preview/services/preview-config.d.ts.map +1 -1
  79. package/dist/server/src/preview/utils.d.ts +1 -0
  80. package/dist/server/src/preview/utils.d.ts.map +1 -1
  81. package/dist/server/src/register.d.ts.map +1 -1
  82. package/package.json +9 -9
  83. package/dist/_chunks/Field-B2C1tq9_.mjs.map +0 -1
  84. package/dist/_chunks/Field-CQtLQzHl.js.map +0 -1
  85. package/dist/_chunks/History-DTYKr2Cg.mjs.map +0 -1
  86. package/dist/_chunks/History-DbdpigyF.js.map +0 -1
  87. package/dist/_chunks/ListConfigurationPage-DQG-j52q.mjs.map +0 -1
  88. package/dist/_chunks/ListConfigurationPage-DRGhXnUA.js.map +0 -1
  89. package/dist/_chunks/ListViewPage-CVIEfYWN.js.map +0 -1
  90. package/dist/_chunks/ListViewPage-DAekmnvp.mjs.map +0 -1
  91. package/dist/_chunks/Preview-COsm52rZ.js.map +0 -1
  92. package/dist/_chunks/Preview-gkmvcwhu.mjs.map +0 -1
  93. package/dist/_chunks/index-CJX65DLa.js.map +0 -1
  94. package/dist/_chunks/index-D3IiO0X8.mjs.map +0 -1
@@ -5,7 +5,7 @@ import { Plus } from "@strapi/icons";
5
5
  import { EmptyDocuments } from "@strapi/icons/symbols";
6
6
  import { useIntl } from "react-intl";
7
7
  import { NavLink } from "react-router-dom";
8
- import { g as getTranslation } from "./index-D3IiO0X8.mjs";
8
+ import { g as getTranslation } from "./index-BpxR3En4.mjs";
9
9
  const NoContentType = () => {
10
10
  const { formatMessage } = useIntl();
11
11
  return /* @__PURE__ */ jsxs(Page.Main, { children: [
@@ -48,4 +48,4 @@ const NoContentType = () => {
48
48
  export {
49
49
  NoContentType
50
50
  };
51
- //# sourceMappingURL=NoContentTypePage-5kwUPeFg.mjs.map
51
+ //# sourceMappingURL=NoContentTypePage-BRfDd67_.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"NoContentTypePage-5kwUPeFg.mjs","sources":["../../admin/src/pages/NoContentTypePage.tsx"],"sourcesContent":["import { Page, Layouts } from '@strapi/admin/strapi-admin';\nimport { EmptyStateLayout, LinkButton } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\n\nimport { getTranslation } from '../utils/translations';\n\nconst NoContentType = () => {\n const { formatMessage } = useIntl();\n\n return (\n <Page.Main>\n <Layouts.Header\n title={formatMessage({\n id: getTranslation('header.name'),\n defaultMessage: 'Content',\n })}\n />\n <Layouts.Content>\n <EmptyStateLayout\n action={\n <LinkButton\n tag={NavLink}\n variant=\"secondary\"\n startIcon={<Plus />}\n to=\"/plugins/content-type-builder/content-types/create-content-type\"\n >\n {formatMessage({\n id: 'app.components.HomePage.create',\n defaultMessage: 'Create your first Content-type',\n })}\n </LinkButton>\n }\n content={formatMessage({\n id: 'content-manager.pages.NoContentType.text',\n defaultMessage:\n \"You don't have any content yet, we recommend you to create your first Content-Type.\",\n })}\n hasRadius\n icon={<EmptyDocuments width=\"16rem\" />}\n shadow=\"tableShadow\"\n />\n </Layouts.Content>\n </Page.Main>\n );\n};\n\nexport { NoContentType };\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,gBAAgB,MAAM;AACpB,QAAA,EAAE,kBAAkB;AAGxB,SAAA,qBAAC,KAAK,MAAL,EACC,UAAA;AAAA,IAAA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,OAAO,cAAc;AAAA,UACnB,IAAI,eAAe,aAAa;AAAA,UAChC,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IACH;AAAA,IACA,oBAAC,QAAQ,SAAR,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,SAAQ;AAAA,YACR,+BAAY,MAAK,EAAA;AAAA,YACjB,IAAG;AAAA,YAEF,UAAc,cAAA;AAAA,cACb,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,UAAA;AAAA,QACH;AAAA,QAEF,SAAS,cAAc;AAAA,UACrB,IAAI;AAAA,UACJ,gBACE;AAAA,QAAA,CACH;AAAA,QACD,WAAS;AAAA,QACT,MAAM,oBAAC,gBAAe,EAAA,OAAM,QAAQ,CAAA;AAAA,QACpC,QAAO;AAAA,MAAA;AAAA,IAAA,GAEX;AAAA,EACF,EAAA,CAAA;AAEJ;"}
1
+ {"version":3,"file":"NoContentTypePage-BRfDd67_.mjs","sources":["../../admin/src/pages/NoContentTypePage.tsx"],"sourcesContent":["import { Page, Layouts } from '@strapi/admin/strapi-admin';\nimport { EmptyStateLayout, LinkButton } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\n\nimport { getTranslation } from '../utils/translations';\n\nconst NoContentType = () => {\n const { formatMessage } = useIntl();\n\n return (\n <Page.Main>\n <Layouts.Header\n title={formatMessage({\n id: getTranslation('header.name'),\n defaultMessage: 'Content',\n })}\n />\n <Layouts.Content>\n <EmptyStateLayout\n action={\n <LinkButton\n tag={NavLink}\n variant=\"secondary\"\n startIcon={<Plus />}\n to=\"/plugins/content-type-builder/content-types/create-content-type\"\n >\n {formatMessage({\n id: 'app.components.HomePage.create',\n defaultMessage: 'Create your first Content-type',\n })}\n </LinkButton>\n }\n content={formatMessage({\n id: 'content-manager.pages.NoContentType.text',\n defaultMessage:\n \"You don't have any content yet, we recommend you to create your first Content-Type.\",\n })}\n hasRadius\n icon={<EmptyDocuments width=\"16rem\" />}\n shadow=\"tableShadow\"\n />\n </Layouts.Content>\n </Page.Main>\n );\n};\n\nexport { NoContentType };\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,gBAAgB,MAAM;AACpB,QAAA,EAAE,kBAAkB;AAGxB,SAAA,qBAAC,KAAK,MAAL,EACC,UAAA;AAAA,IAAA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,OAAO,cAAc;AAAA,UACnB,IAAI,eAAe,aAAa;AAAA,UAChC,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IACH;AAAA,IACA,oBAAC,QAAQ,SAAR,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,SAAQ;AAAA,YACR,+BAAY,MAAK,EAAA;AAAA,YACjB,IAAG;AAAA,YAEF,UAAc,cAAA;AAAA,cACb,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,UAAA;AAAA,QACH;AAAA,QAEF,SAAS,cAAc;AAAA,UACrB,IAAI;AAAA,UACJ,gBACE;AAAA,QAAA,CACH;AAAA,QACD,WAAS;AAAA,QACT,MAAM,oBAAC,gBAAe,EAAA,OAAM,QAAQ,CAAA;AAAA,QACpC,QAAO;AAAA,MAAA;AAAA,IAAA,GAEX;AAAA,EACF,EAAA,CAAA;AAEJ;"}
@@ -7,7 +7,7 @@ const Icons = require("@strapi/icons");
7
7
  const Symbols = require("@strapi/icons/symbols");
8
8
  const reactIntl = require("react-intl");
9
9
  const reactRouterDom = require("react-router-dom");
10
- const index = require("./index-CJX65DLa.js");
10
+ const index = require("./index-T-aWjbj2.js");
11
11
  const NoContentType = () => {
12
12
  const { formatMessage } = reactIntl.useIntl();
13
13
  return /* @__PURE__ */ jsxRuntime.jsxs(strapiAdmin.Page.Main, { children: [
@@ -48,4 +48,4 @@ const NoContentType = () => {
48
48
  ] });
49
49
  };
50
50
  exports.NoContentType = NoContentType;
51
- //# sourceMappingURL=NoContentTypePage-CTcfA2-Q.js.map
51
+ //# sourceMappingURL=NoContentTypePage-BSyvnDZZ.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NoContentTypePage-CTcfA2-Q.js","sources":["../../admin/src/pages/NoContentTypePage.tsx"],"sourcesContent":["import { Page, Layouts } from '@strapi/admin/strapi-admin';\nimport { EmptyStateLayout, LinkButton } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\n\nimport { getTranslation } from '../utils/translations';\n\nconst NoContentType = () => {\n const { formatMessage } = useIntl();\n\n return (\n <Page.Main>\n <Layouts.Header\n title={formatMessage({\n id: getTranslation('header.name'),\n defaultMessage: 'Content',\n })}\n />\n <Layouts.Content>\n <EmptyStateLayout\n action={\n <LinkButton\n tag={NavLink}\n variant=\"secondary\"\n startIcon={<Plus />}\n to=\"/plugins/content-type-builder/content-types/create-content-type\"\n >\n {formatMessage({\n id: 'app.components.HomePage.create',\n defaultMessage: 'Create your first Content-type',\n })}\n </LinkButton>\n }\n content={formatMessage({\n id: 'content-manager.pages.NoContentType.text',\n defaultMessage:\n \"You don't have any content yet, we recommend you to create your first Content-Type.\",\n })}\n hasRadius\n icon={<EmptyDocuments width=\"16rem\" />}\n shadow=\"tableShadow\"\n />\n </Layouts.Content>\n </Page.Main>\n );\n};\n\nexport { NoContentType };\n"],"names":["useIntl","jsxs","Page","jsx","Layouts","getTranslation","EmptyStateLayout","LinkButton","NavLink","Plus","EmptyDocuments"],"mappings":";;;;;;;;;;AASA,MAAM,gBAAgB,MAAM;AACpB,QAAA,EAAE,kBAAkBA,UAAAA;AAGxB,SAAAC,gCAACC,YAAAA,KAAK,MAAL,EACC,UAAA;AAAA,IAAAC,2BAAA;AAAA,MAACC,YAAAA,QAAQ;AAAA,MAAR;AAAA,QACC,OAAO,cAAc;AAAA,UACnB,IAAIC,qBAAe,aAAa;AAAA,UAChC,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IACH;AAAA,IACAF,2BAAAA,IAACC,YAAQ,QAAA,SAAR,EACC,UAAAD,2BAAA;AAAA,MAACG,aAAA;AAAA,MAAA;AAAA,QACC,QACEH,2BAAA;AAAA,UAACI,aAAA;AAAA,UAAA;AAAA,YACC,KAAKC,eAAA;AAAA,YACL,SAAQ;AAAA,YACR,0CAAYC,MAAK,MAAA,EAAA;AAAA,YACjB,IAAG;AAAA,YAEF,UAAc,cAAA;AAAA,cACb,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,UAAA;AAAA,QACH;AAAA,QAEF,SAAS,cAAc;AAAA,UACrB,IAAI;AAAA,UACJ,gBACE;AAAA,QAAA,CACH;AAAA,QACD,WAAS;AAAA,QACT,MAAMN,2BAAAA,IAACO,QAAAA,gBAAe,EAAA,OAAM,QAAQ,CAAA;AAAA,QACpC,QAAO;AAAA,MAAA;AAAA,IAAA,GAEX;AAAA,EACF,EAAA,CAAA;AAEJ;;"}
1
+ {"version":3,"file":"NoContentTypePage-BSyvnDZZ.js","sources":["../../admin/src/pages/NoContentTypePage.tsx"],"sourcesContent":["import { Page, Layouts } from '@strapi/admin/strapi-admin';\nimport { EmptyStateLayout, LinkButton } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\nimport { NavLink } from 'react-router-dom';\n\nimport { getTranslation } from '../utils/translations';\n\nconst NoContentType = () => {\n const { formatMessage } = useIntl();\n\n return (\n <Page.Main>\n <Layouts.Header\n title={formatMessage({\n id: getTranslation('header.name'),\n defaultMessage: 'Content',\n })}\n />\n <Layouts.Content>\n <EmptyStateLayout\n action={\n <LinkButton\n tag={NavLink}\n variant=\"secondary\"\n startIcon={<Plus />}\n to=\"/plugins/content-type-builder/content-types/create-content-type\"\n >\n {formatMessage({\n id: 'app.components.HomePage.create',\n defaultMessage: 'Create your first Content-type',\n })}\n </LinkButton>\n }\n content={formatMessage({\n id: 'content-manager.pages.NoContentType.text',\n defaultMessage:\n \"You don't have any content yet, we recommend you to create your first Content-Type.\",\n })}\n hasRadius\n icon={<EmptyDocuments width=\"16rem\" />}\n shadow=\"tableShadow\"\n />\n </Layouts.Content>\n </Page.Main>\n );\n};\n\nexport { NoContentType };\n"],"names":["useIntl","jsxs","Page","jsx","Layouts","getTranslation","EmptyStateLayout","LinkButton","NavLink","Plus","EmptyDocuments"],"mappings":";;;;;;;;;;AASA,MAAM,gBAAgB,MAAM;AACpB,QAAA,EAAE,kBAAkBA,UAAAA;AAGxB,SAAAC,gCAACC,YAAAA,KAAK,MAAL,EACC,UAAA;AAAA,IAAAC,2BAAA;AAAA,MAACC,YAAAA,QAAQ;AAAA,MAAR;AAAA,QACC,OAAO,cAAc;AAAA,UACnB,IAAIC,qBAAe,aAAa;AAAA,UAChC,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IACH;AAAA,IACAF,2BAAAA,IAACC,YAAQ,QAAA,SAAR,EACC,UAAAD,2BAAA;AAAA,MAACG,aAAA;AAAA,MAAA;AAAA,QACC,QACEH,2BAAA;AAAA,UAACI,aAAA;AAAA,UAAA;AAAA,YACC,KAAKC,eAAA;AAAA,YACL,SAAQ;AAAA,YACR,0CAAYC,MAAK,MAAA,EAAA;AAAA,YACjB,IAAG;AAAA,YAEF,UAAc,cAAA;AAAA,cACb,IAAI;AAAA,cACJ,gBAAgB;AAAA,YAAA,CACjB;AAAA,UAAA;AAAA,QACH;AAAA,QAEF,SAAS,cAAc;AAAA,UACrB,IAAI;AAAA,UACJ,gBACE;AAAA,QAAA,CACH;AAAA,QACD,WAAS;AAAA,QACT,MAAMN,2BAAAA,IAACO,QAAAA,gBAAe,EAAA,OAAM,QAAQ,CAAA;AAAA,QACpC,QAAO;AAAA,MAAA;AAAA,IAAA,GAEX;AAAA,EACF,EAAA,CAAA;AAEJ;;"}
@@ -1,7 +1,7 @@
1
1
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
2
  import { Layouts, Page } from "@strapi/admin/strapi-admin";
3
3
  import { useIntl } from "react-intl";
4
- import { g as getTranslation } from "./index-D3IiO0X8.mjs";
4
+ import { g as getTranslation } from "./index-BpxR3En4.mjs";
5
5
  const NoPermissions = () => {
6
6
  const { formatMessage } = useIntl();
7
7
  return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -20,4 +20,4 @@ const NoPermissions = () => {
20
20
  export {
21
21
  NoPermissions
22
22
  };
23
- //# sourceMappingURL=NoPermissionsPage-d-JtEVAw.mjs.map
23
+ //# sourceMappingURL=NoPermissionsPage-CV9V8KWa.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"NoPermissionsPage-d-JtEVAw.mjs","sources":["../../admin/src/pages/NoPermissionsPage.tsx"],"sourcesContent":["import { Page, Layouts } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslation } from '../utils/translations';\n\nconst NoPermissions = () => {\n const { formatMessage } = useIntl();\n\n return (\n <>\n <Layouts.Header\n title={formatMessage({\n id: getTranslation('header.name'),\n defaultMessage: 'Content',\n })}\n />\n <Layouts.Content>\n <Page.NoPermissions />\n </Layouts.Content>\n </>\n );\n};\n\nexport { NoPermissions };\n"],"names":[],"mappings":";;;;AAKA,MAAM,gBAAgB,MAAM;AACpB,QAAA,EAAE,kBAAkB;AAE1B,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,OAAO,cAAc;AAAA,UACnB,IAAI,eAAe,aAAa;AAAA,UAChC,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IACH;AAAA,IACA,oBAAC,QAAQ,SAAR,EACC,8BAAC,KAAK,eAAL,CAAmB,CAAA,GACtB;AAAA,EACF,EAAA,CAAA;AAEJ;"}
1
+ {"version":3,"file":"NoPermissionsPage-CV9V8KWa.mjs","sources":["../../admin/src/pages/NoPermissionsPage.tsx"],"sourcesContent":["import { Page, Layouts } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslation } from '../utils/translations';\n\nconst NoPermissions = () => {\n const { formatMessage } = useIntl();\n\n return (\n <>\n <Layouts.Header\n title={formatMessage({\n id: getTranslation('header.name'),\n defaultMessage: 'Content',\n })}\n />\n <Layouts.Content>\n <Page.NoPermissions />\n </Layouts.Content>\n </>\n );\n};\n\nexport { NoPermissions };\n"],"names":[],"mappings":";;;;AAKA,MAAM,gBAAgB,MAAM;AACpB,QAAA,EAAE,kBAAkB;AAE1B,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,OAAO,cAAc;AAAA,UACnB,IAAI,eAAe,aAAa;AAAA,UAChC,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IACH;AAAA,IACA,oBAAC,QAAQ,SAAR,EACC,8BAAC,KAAK,eAAL,CAAmB,CAAA,GACtB;AAAA,EACF,EAAA,CAAA;AAEJ;"}
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const strapiAdmin = require("@strapi/admin/strapi-admin");
5
5
  const reactIntl = require("react-intl");
6
- const index = require("./index-CJX65DLa.js");
6
+ const index = require("./index-T-aWjbj2.js");
7
7
  const NoPermissions = () => {
8
8
  const { formatMessage } = reactIntl.useIntl();
9
9
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -20,4 +20,4 @@ const NoPermissions = () => {
20
20
  ] });
21
21
  };
22
22
  exports.NoPermissions = NoPermissions;
23
- //# sourceMappingURL=NoPermissionsPage-pVeCVj9a.js.map
23
+ //# sourceMappingURL=NoPermissionsPage-DyLphsn_.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"NoPermissionsPage-pVeCVj9a.js","sources":["../../admin/src/pages/NoPermissionsPage.tsx"],"sourcesContent":["import { Page, Layouts } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslation } from '../utils/translations';\n\nconst NoPermissions = () => {\n const { formatMessage } = useIntl();\n\n return (\n <>\n <Layouts.Header\n title={formatMessage({\n id: getTranslation('header.name'),\n defaultMessage: 'Content',\n })}\n />\n <Layouts.Content>\n <Page.NoPermissions />\n </Layouts.Content>\n </>\n );\n};\n\nexport { NoPermissions };\n"],"names":["useIntl","jsxs","Fragment","jsx","Layouts","getTranslation","Page"],"mappings":";;;;;;AAKA,MAAM,gBAAgB,MAAM;AACpB,QAAA,EAAE,kBAAkBA,UAAAA;AAE1B,SAEIC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAAAC,2BAAA;AAAA,MAACC,YAAAA,QAAQ;AAAA,MAAR;AAAA,QACC,OAAO,cAAc;AAAA,UACnB,IAAIC,qBAAe,aAAa;AAAA,UAChC,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IACH;AAAA,IACAF,+BAACC,YAAAA,QAAQ,SAAR,EACC,yCAACE,iBAAK,eAAL,CAAmB,CAAA,GACtB;AAAA,EACF,EAAA,CAAA;AAEJ;;"}
1
+ {"version":3,"file":"NoPermissionsPage-DyLphsn_.js","sources":["../../admin/src/pages/NoPermissionsPage.tsx"],"sourcesContent":["import { Page, Layouts } from '@strapi/admin/strapi-admin';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslation } from '../utils/translations';\n\nconst NoPermissions = () => {\n const { formatMessage } = useIntl();\n\n return (\n <>\n <Layouts.Header\n title={formatMessage({\n id: getTranslation('header.name'),\n defaultMessage: 'Content',\n })}\n />\n <Layouts.Content>\n <Page.NoPermissions />\n </Layouts.Content>\n </>\n );\n};\n\nexport { NoPermissions };\n"],"names":["useIntl","jsxs","Fragment","jsx","Layouts","getTranslation","Page"],"mappings":";;;;;;AAKA,MAAM,gBAAgB,MAAM;AACpB,QAAA,EAAE,kBAAkBA,UAAAA;AAE1B,SAEIC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAAAC,2BAAA;AAAA,MAACC,YAAAA,QAAQ;AAAA,MAAR;AAAA,QACC,OAAO,cAAc;AAAA,UACnB,IAAIC,qBAAe,aAAa;AAAA,UAChC,gBAAgB;AAAA,QAAA,CACjB;AAAA,MAAA;AAAA,IACH;AAAA,IACAF,+BAACC,YAAAA,QAAQ,SAAR,EACC,yCAACE,iBAAK,eAAL,CAAmB,CAAA,GACtB;AAAA,EACF,EAAA,CAAA;AAEJ;;"}
@@ -1,13 +1,14 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
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";
3
+ import { useNotification, useClipboard, useQueryParams, createContext, useRBAC, Page } from "@strapi/admin/strapi-admin";
4
+ import { Box, Typography, Tabs, Grid, IconButton, Portal, FocusTrap, Flex } from "@strapi/design-system";
5
5
  import { useIntl } from "react-intl";
6
- import { useNavigate, Link as Link$1, useParams } from "react-router-dom";
7
- import { l as DocumentRBAC, d as buildValidParams, C as COLLECTION_TYPES, K as useGetPreviewUrlQuery, J as useDocument, h as useDocumentLayout } from "./index-D3IiO0X8.mjs";
6
+ import { 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-BpxR3En4.mjs";
8
8
  import { Link, Cross } from "@strapi/icons";
9
9
  import { stringify } from "qs";
10
- import { getDocumentStatus } from "./EditViewPage-CA98g5_g.mjs";
10
+ import { styled } from "styled-components";
11
+ import { getDocumentStatus } from "./EditViewPage-B11aeMcf.mjs";
11
12
  const PreviewContent = () => {
12
13
  const previewUrl = usePreviewContext("PreviewContent", (state) => state.url);
13
14
  const { formatMessage } = useIntl();
@@ -28,29 +29,16 @@ const PreviewContent = () => {
28
29
  };
29
30
  const ClosePreviewButton = () => {
30
31
  const [{ query }] = useQueryParams();
31
- const navigate = useNavigate();
32
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
33
  return /* @__PURE__ */ jsx(
49
34
  IconButton,
50
35
  {
51
36
  tag: Link$1,
52
- to: history.at(-1) ?? fallbackUrl,
53
- onClick: handleClick,
37
+ relative: "path",
38
+ to: {
39
+ pathname: "..",
40
+ search: stringify({ plugins: query.plugins }, { encode: false })
41
+ },
54
42
  label: formatMessage({
55
43
  id: "content-manager.preview.header.close",
56
44
  defaultMessage: "Close preview"
@@ -59,67 +47,52 @@ const ClosePreviewButton = () => {
59
47
  }
60
48
  );
61
49
  };
62
- const getStatusData = (status) => {
63
- switch (status) {
64
- case "draft":
65
- return {
66
- background: "secondary100",
67
- border: "secondary200",
68
- text: "secondary700",
69
- message: {
70
- id: "content-manager.containers.List.draft",
71
- defaultMessage: "Draft"
72
- }
73
- };
74
- case "modified":
75
- return {
76
- background: "alternative100",
77
- border: "alternative200",
78
- text: "alternative700",
79
- message: {
80
- id: "content-manager.containers.List.modified",
81
- defaultMessage: "Modified"
82
- }
83
- };
84
- case "published":
85
- default:
86
- return {
87
- background: "success100",
88
- border: "success200",
89
- text: "success700",
90
- message: {
91
- id: "content-manager.containers.List.published",
92
- defaultMessage: "Published"
93
- }
94
- };
50
+ const Status = () => {
51
+ const document = usePreviewContext("PreviewHeader", (state) => state.document);
52
+ const schema = usePreviewContext("PreviewHeader", (state) => state.schema);
53
+ const meta = usePreviewContext("PreviewHeader", (state) => state.meta);
54
+ const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;
55
+ if (!hasDraftAndPublished) {
56
+ return null;
95
57
  }
58
+ const status = getDocumentStatus(document, meta);
59
+ return /* @__PURE__ */ jsx(DocumentStatus, { status, size: "XS" });
96
60
  };
97
- const DocumentStatus = () => {
61
+ const PreviewTabs = () => {
98
62
  const { formatMessage } = useIntl();
63
+ const [{ query }, setQuery] = useQueryParams();
99
64
  const document = usePreviewContext("PreviewHeader", (state) => state.document);
100
65
  const schema = usePreviewContext("PreviewHeader", (state) => state.schema);
101
66
  const meta = usePreviewContext("PreviewHeader", (state) => state.meta);
102
- const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;
103
- const status = getDocumentStatus(document, meta);
104
- const statusData = getStatusData(status);
105
- if (!hasDraftAndPublished) {
67
+ const hasDraftAndPublish = schema?.options?.draftAndPublish ?? false;
68
+ const documentStatus = getDocumentStatus(document, meta);
69
+ const handleTabChange = (status) => {
70
+ if (status === "published" || status === "draft") {
71
+ setQuery({ status }, "push", true);
72
+ }
73
+ };
74
+ if (!hasDraftAndPublish) {
106
75
  return null;
107
76
  }
108
- return /* @__PURE__ */ jsx(
109
- Box,
77
+ return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Tabs.Root, { variant: "simple", value: query.status || "draft", onValueChange: handleTabChange, children: /* @__PURE__ */ jsxs(
78
+ Tabs.List,
110
79
  {
111
- background: statusData.background,
112
- borderStyle: "solid",
113
- borderWidth: "1px",
114
- borderColor: statusData.border,
115
- hasRadius: true,
116
- paddingLeft: "6px",
117
- paddingRight: "6px",
118
- paddingTop: "2px",
119
- paddingBottom: "2px",
120
- children: /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: statusData.text, children: formatMessage(statusData.message) })
80
+ "aria-label": formatMessage({
81
+ id: "preview.tabs.label",
82
+ defaultMessage: "Document status"
83
+ }),
84
+ children: [
85
+ /* @__PURE__ */ jsx(StatusTab, { value: "draft", children: formatMessage({
86
+ id: "content-manager.containers.List.draft",
87
+ defaultMessage: "draft"
88
+ }) }),
89
+ /* @__PURE__ */ jsx(StatusTab, { value: "published", disabled: documentStatus === "draft", children: formatMessage({
90
+ id: "content-manager.containers.List.published",
91
+ defaultMessage: "published"
92
+ }) })
93
+ ]
121
94
  }
122
- );
95
+ ) }) });
123
96
  };
124
97
  const PreviewHeader = () => {
125
98
  const mainField = usePreviewContext("PreviewHeader", (state) => state.mainField);
@@ -139,20 +112,23 @@ const PreviewHeader = () => {
139
112
  });
140
113
  };
141
114
  return /* @__PURE__ */ jsxs(
142
- Flex,
115
+ Grid.Root,
143
116
  {
144
- justifyContent: "space-between",
117
+ gap: 3,
118
+ gridCols: 3,
119
+ paddingLeft: 2,
120
+ paddingRight: 2,
145
121
  background: "neutral0",
146
- padding: 2,
147
122
  borderColor: "neutral150",
148
123
  tag: "header",
149
124
  children: [
150
- /* @__PURE__ */ jsxs(Flex, { gap: 3, children: [
125
+ /* @__PURE__ */ jsxs(Grid.Item, { xs: 1, paddingTop: 2, paddingBottom: 2, gap: 3, children: [
151
126
  /* @__PURE__ */ jsx(ClosePreviewButton, {}),
152
- /* @__PURE__ */ jsx(Typography, { tag: "h1", fontWeight: 600, fontSize: 2, children: title }),
153
- /* @__PURE__ */ jsx(DocumentStatus, {})
127
+ /* @__PURE__ */ jsx(PreviewTitle, { tag: "h1", fontWeight: 600, fontSize: 2, maxWidth: "200px", children: title }),
128
+ /* @__PURE__ */ jsx(Status, {})
154
129
  ] }),
155
- /* @__PURE__ */ jsx(
130
+ /* @__PURE__ */ jsx(Grid.Item, { xs: 1, marginBottom: "-1px", alignItems: "end", margin: "auto", children: /* @__PURE__ */ jsx(PreviewTabs, {}) }),
131
+ /* @__PURE__ */ jsx(Grid.Item, { xs: 1, justifyContent: "end", paddingTop: 2, paddingBottom: 2, children: /* @__PURE__ */ jsx(
156
132
  IconButton,
157
133
  {
158
134
  type: "button",
@@ -163,11 +139,19 @@ const PreviewHeader = () => {
163
139
  onClick: handleCopyLink,
164
140
  children: /* @__PURE__ */ jsx(Link, {})
165
141
  }
166
- )
142
+ ) })
167
143
  ]
168
144
  }
169
145
  );
170
146
  };
147
+ const PreviewTitle = styled(Typography)`
148
+ overflow: hidden;
149
+ text-overflow: ellipsis;
150
+ white-space: nowrap;
151
+ `;
152
+ const StatusTab = styled(Tabs.Trigger)`
153
+ text-transform: uppercase;
154
+ `;
171
155
  const [PreviewProvider, usePreviewContext] = createContext("PreviewPage");
172
156
  const PreviewPage = () => {
173
157
  const { formatMessage } = useIntl();
@@ -285,4 +269,4 @@ export {
285
269
  ProtectedPreviewPage,
286
270
  usePreviewContext
287
271
  };
288
- //# sourceMappingURL=Preview-gkmvcwhu.mjs.map
272
+ //# sourceMappingURL=Preview-C_B1nx3g.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Preview-C_B1nx3g.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 { useClipboard, useNotification, useQueryParams } from '@strapi/admin/strapi-admin';\nimport {\n Box,\n type BoxProps,\n Flex,\n IconButton,\n Tabs,\n Typography,\n Grid,\n} from '@strapi/design-system';\nimport { Cross, Link as LinkIcon } from '@strapi/icons';\nimport { stringify } from 'qs';\nimport { type MessageDescriptor, useIntl } from 'react-intl';\nimport { Link } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { DocumentStatus } from '../../pages/EditView/components/DocumentStatus';\nimport { getDocumentStatus } from '../../pages/EditView/EditViewPage';\nimport { usePreviewContext } from '../pages/Preview';\n\n/* -------------------------------------------------------------------------------------------------\n * ClosePreviewButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst ClosePreviewButton = () => {\n const [{ query }] = useQueryParams<{\n plugins?: Record<string, unknown>;\n }>();\n const { formatMessage } = useIntl();\n\n return (\n <IconButton\n tag={Link}\n relative=\"path\"\n to={{\n pathname: '..',\n search: stringify({ plugins: query.plugins }, { encode: false }),\n }}\n label={formatMessage({\n id: 'content-manager.preview.header.close',\n defaultMessage: 'Close preview',\n })}\n >\n <Cross />\n </IconButton>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Status\n * -----------------------------------------------------------------------------------------------*/\n\nconst Status = () => {\n // Get status\n const document = usePreviewContext('PreviewHeader', (state) => state.document);\n const schema = usePreviewContext('PreviewHeader', (state) => state.schema);\n const meta = usePreviewContext('PreviewHeader', (state) => state.meta);\n const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;\n\n if (!hasDraftAndPublished) {\n return null;\n }\n\n const status = getDocumentStatus(document, meta);\n\n return <DocumentStatus status={status} size=\"XS\" />;\n};\n\nconst PreviewTabs = () => {\n const { formatMessage } = useIntl();\n\n // URL query params\n const [{ query }, setQuery] = useQueryParams<{ status: 'draft' | 'published' }>();\n\n // Get status\n const document = usePreviewContext('PreviewHeader', (state) => state.document);\n const schema = usePreviewContext('PreviewHeader', (state) => state.schema);\n const meta = usePreviewContext('PreviewHeader', (state) => state.meta);\n const hasDraftAndPublish = schema?.options?.draftAndPublish ?? false;\n const documentStatus = getDocumentStatus(document, meta);\n\n const handleTabChange = (status: string) => {\n if (status === 'published' || status === 'draft') {\n setQuery({ status }, 'push', true);\n }\n };\n\n if (!hasDraftAndPublish) {\n return null;\n }\n\n return (\n <>\n <Tabs.Root variant=\"simple\" value={query.status || 'draft'} onValueChange={handleTabChange}>\n <Tabs.List\n aria-label={formatMessage({\n id: 'preview.tabs.label',\n defaultMessage: 'Document status',\n })}\n >\n <StatusTab value=\"draft\">\n {formatMessage({\n id: 'content-manager.containers.List.draft',\n defaultMessage: 'draft',\n })}\n </StatusTab>\n <StatusTab value=\"published\" disabled={documentStatus === 'draft'}>\n {formatMessage({\n id: 'content-manager.containers.List.published',\n defaultMessage: 'published',\n })}\n </StatusTab>\n </Tabs.List>\n </Tabs.Root>\n </>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewHeader\n * -----------------------------------------------------------------------------------------------*/\n\nconst PreviewHeader = () => {\n // Get 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 <Grid.Root\n gap={3}\n gridCols={3}\n paddingLeft={2}\n paddingRight={2}\n background=\"neutral0\"\n borderColor=\"neutral150\"\n tag=\"header\"\n >\n {/* Title and status */}\n <Grid.Item xs={1} paddingTop={2} paddingBottom={2} gap={3}>\n <ClosePreviewButton />\n <PreviewTitle tag=\"h1\" fontWeight={600} fontSize={2} maxWidth=\"200px\">\n {title}\n </PreviewTitle>\n <Status />\n </Grid.Item>\n {/* Tabs */}\n <Grid.Item xs={1} marginBottom=\"-1px\" alignItems=\"end\" margin=\"auto\">\n <PreviewTabs />\n </Grid.Item>\n {/* Copy link */}\n <Grid.Item xs={1} justifyContent=\"end\" paddingTop={2} paddingBottom={2}>\n <IconButton\n type=\"button\"\n label={formatMessage({\n id: 'preview.copy.label',\n defaultMessage: 'Copy preview link',\n })}\n onClick={handleCopyLink}\n >\n <LinkIcon />\n </IconButton>\n </Grid.Item>\n </Grid.Root>\n );\n};\n\nconst PreviewTitle = styled(Typography)`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`;\n\nconst StatusTab = styled(Tabs.Trigger)`\n text-transform: uppercase;\n`;\n\nexport { PreviewHeader };\n","import * as React from 'react';\n\nimport { Page, useQueryParams, useRBAC, createContext } from '@strapi/admin/strapi-admin';\nimport { Box, Flex, FocusTrap, Portal } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useParams } from 'react-router-dom';\n\nimport { GetPreviewUrl } from '../../../../shared/contracts/preview';\nimport { COLLECTION_TYPES } from '../../constants/collections';\nimport { DocumentRBAC } from '../../features/DocumentRBAC';\nimport { type UseDocument, useDocument } from '../../hooks/useDocument';\nimport { useDocumentLayout } from '../../hooks/useDocumentLayout';\nimport { buildValidParams } from '../../utils/api';\nimport { PreviewContent } from '../components/PreviewContent';\nimport { PreviewHeader } from '../components/PreviewHeader';\nimport { useGetPreviewUrlQuery } from '../services/preview';\n\nimport type { UID } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * PreviewProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PreviewContextValue {\n url: string;\n 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\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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"}
@@ -6,10 +6,11 @@ const strapiAdmin = require("@strapi/admin/strapi-admin");
6
6
  const designSystem = require("@strapi/design-system");
7
7
  const reactIntl = require("react-intl");
8
8
  const reactRouterDom = require("react-router-dom");
9
- const index = require("./index-CJX65DLa.js");
9
+ const index = require("./index-T-aWjbj2.js");
10
10
  const Icons = require("@strapi/icons");
11
11
  const qs = require("qs");
12
- const EditViewPage = require("./EditViewPage-DoQm9llG.js");
12
+ const styledComponents = require("styled-components");
13
+ const EditViewPage = require("./EditViewPage-QPUftxUd.js");
13
14
  function _interopNamespace(e) {
14
15
  if (e && e.__esModule)
15
16
  return e;
@@ -49,29 +50,16 @@ const PreviewContent = () => {
49
50
  };
50
51
  const ClosePreviewButton = () => {
51
52
  const [{ query }] = strapiAdmin.useQueryParams();
52
- const navigate = reactRouterDom.useNavigate();
53
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
54
  return /* @__PURE__ */ jsxRuntime.jsx(
70
55
  designSystem.IconButton,
71
56
  {
72
57
  tag: reactRouterDom.Link,
73
- to: history.at(-1) ?? fallbackUrl,
74
- onClick: handleClick,
58
+ relative: "path",
59
+ to: {
60
+ pathname: "..",
61
+ search: qs.stringify({ plugins: query.plugins }, { encode: false })
62
+ },
75
63
  label: formatMessage({
76
64
  id: "content-manager.preview.header.close",
77
65
  defaultMessage: "Close preview"
@@ -80,67 +68,52 @@ const ClosePreviewButton = () => {
80
68
  }
81
69
  );
82
70
  };
83
- const getStatusData = (status) => {
84
- switch (status) {
85
- case "draft":
86
- return {
87
- background: "secondary100",
88
- border: "secondary200",
89
- text: "secondary700",
90
- message: {
91
- id: "content-manager.containers.List.draft",
92
- defaultMessage: "Draft"
93
- }
94
- };
95
- case "modified":
96
- return {
97
- background: "alternative100",
98
- border: "alternative200",
99
- text: "alternative700",
100
- message: {
101
- id: "content-manager.containers.List.modified",
102
- defaultMessage: "Modified"
103
- }
104
- };
105
- case "published":
106
- default:
107
- return {
108
- background: "success100",
109
- border: "success200",
110
- text: "success700",
111
- message: {
112
- id: "content-manager.containers.List.published",
113
- defaultMessage: "Published"
114
- }
115
- };
71
+ const Status = () => {
72
+ const document = usePreviewContext("PreviewHeader", (state) => state.document);
73
+ const schema = usePreviewContext("PreviewHeader", (state) => state.schema);
74
+ const meta = usePreviewContext("PreviewHeader", (state) => state.meta);
75
+ const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;
76
+ if (!hasDraftAndPublished) {
77
+ return null;
116
78
  }
79
+ const status = EditViewPage.getDocumentStatus(document, meta);
80
+ return /* @__PURE__ */ jsxRuntime.jsx(index.DocumentStatus, { status, size: "XS" });
117
81
  };
118
- const DocumentStatus = () => {
82
+ const PreviewTabs = () => {
119
83
  const { formatMessage } = reactIntl.useIntl();
84
+ const [{ query }, setQuery] = strapiAdmin.useQueryParams();
120
85
  const document = usePreviewContext("PreviewHeader", (state) => state.document);
121
86
  const schema = usePreviewContext("PreviewHeader", (state) => state.schema);
122
87
  const meta = usePreviewContext("PreviewHeader", (state) => state.meta);
123
- const hasDraftAndPublished = schema?.options?.draftAndPublish ?? false;
124
- const status = EditViewPage.getDocumentStatus(document, meta);
125
- const statusData = getStatusData(status);
126
- if (!hasDraftAndPublished) {
88
+ const hasDraftAndPublish = schema?.options?.draftAndPublish ?? false;
89
+ const documentStatus = EditViewPage.getDocumentStatus(document, meta);
90
+ const handleTabChange = (status) => {
91
+ if (status === "published" || status === "draft") {
92
+ setQuery({ status }, "push", true);
93
+ }
94
+ };
95
+ if (!hasDraftAndPublish) {
127
96
  return null;
128
97
  }
129
- return /* @__PURE__ */ jsxRuntime.jsx(
130
- designSystem.Box,
98
+ return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Root, { variant: "simple", value: query.status || "draft", onValueChange: handleTabChange, children: /* @__PURE__ */ jsxRuntime.jsxs(
99
+ designSystem.Tabs.List,
131
100
  {
132
- background: statusData.background,
133
- borderStyle: "solid",
134
- borderWidth: "1px",
135
- borderColor: statusData.border,
136
- hasRadius: true,
137
- paddingLeft: "6px",
138
- paddingRight: "6px",
139
- paddingTop: "2px",
140
- paddingBottom: "2px",
141
- children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: statusData.text, children: formatMessage(statusData.message) })
101
+ "aria-label": formatMessage({
102
+ id: "preview.tabs.label",
103
+ defaultMessage: "Document status"
104
+ }),
105
+ children: [
106
+ /* @__PURE__ */ jsxRuntime.jsx(StatusTab, { value: "draft", children: formatMessage({
107
+ id: "content-manager.containers.List.draft",
108
+ defaultMessage: "draft"
109
+ }) }),
110
+ /* @__PURE__ */ jsxRuntime.jsx(StatusTab, { value: "published", disabled: documentStatus === "draft", children: formatMessage({
111
+ id: "content-manager.containers.List.published",
112
+ defaultMessage: "published"
113
+ }) })
114
+ ]
142
115
  }
143
- );
116
+ ) }) });
144
117
  };
145
118
  const PreviewHeader = () => {
146
119
  const mainField = usePreviewContext("PreviewHeader", (state) => state.mainField);
@@ -160,20 +133,23 @@ const PreviewHeader = () => {
160
133
  });
161
134
  };
162
135
  return /* @__PURE__ */ jsxRuntime.jsxs(
163
- designSystem.Flex,
136
+ designSystem.Grid.Root,
164
137
  {
165
- justifyContent: "space-between",
138
+ gap: 3,
139
+ gridCols: 3,
140
+ paddingLeft: 2,
141
+ paddingRight: 2,
166
142
  background: "neutral0",
167
- padding: 2,
168
143
  borderColor: "neutral150",
169
144
  tag: "header",
170
145
  children: [
171
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, children: [
146
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Item, { xs: 1, paddingTop: 2, paddingBottom: 2, gap: 3, children: [
172
147
  /* @__PURE__ */ jsxRuntime.jsx(ClosePreviewButton, {}),
173
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "h1", fontWeight: 600, fontSize: 2, children: title }),
174
- /* @__PURE__ */ jsxRuntime.jsx(DocumentStatus, {})
148
+ /* @__PURE__ */ jsxRuntime.jsx(PreviewTitle, { tag: "h1", fontWeight: 600, fontSize: 2, maxWidth: "200px", children: title }),
149
+ /* @__PURE__ */ jsxRuntime.jsx(Status, {})
175
150
  ] }),
176
- /* @__PURE__ */ jsxRuntime.jsx(
151
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 1, marginBottom: "-1px", alignItems: "end", margin: "auto", children: /* @__PURE__ */ jsxRuntime.jsx(PreviewTabs, {}) }),
152
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 1, justifyContent: "end", paddingTop: 2, paddingBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(
177
153
  designSystem.IconButton,
178
154
  {
179
155
  type: "button",
@@ -184,11 +160,19 @@ const PreviewHeader = () => {
184
160
  onClick: handleCopyLink,
185
161
  children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Link, {})
186
162
  }
187
- )
163
+ ) })
188
164
  ]
189
165
  }
190
166
  );
191
167
  };
168
+ const PreviewTitle = styledComponents.styled(designSystem.Typography)`
169
+ overflow: hidden;
170
+ text-overflow: ellipsis;
171
+ white-space: nowrap;
172
+ `;
173
+ const StatusTab = styledComponents.styled(designSystem.Tabs.Trigger)`
174
+ text-transform: uppercase;
175
+ `;
192
176
  const [PreviewProvider, usePreviewContext] = strapiAdmin.createContext("PreviewPage");
193
177
  const PreviewPage = () => {
194
178
  const { formatMessage } = reactIntl.useIntl();
@@ -304,4 +288,4 @@ const ProtectedPreviewPage = () => {
304
288
  };
305
289
  exports.ProtectedPreviewPage = ProtectedPreviewPage;
306
290
  exports.usePreviewContext = usePreviewContext;
307
- //# sourceMappingURL=Preview-COsm52rZ.js.map
291
+ //# sourceMappingURL=Preview-D_3aO6Ly.js.map