@payloadcms/next 3.35.0-internal.b3d367c → 3.35.0

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 (143) hide show
  1. package/dist/auth/login.d.ts +22 -0
  2. package/dist/auth/login.d.ts.map +1 -0
  3. package/dist/auth/login.js +71 -0
  4. package/dist/auth/login.js.map +1 -0
  5. package/dist/auth/logout.d.ts +7 -0
  6. package/dist/auth/logout.d.ts.map +1 -0
  7. package/dist/auth/logout.js +37 -0
  8. package/dist/auth/logout.js.map +1 -0
  9. package/dist/auth/refresh.d.ts +9 -0
  10. package/dist/auth/refresh.d.ts.map +1 -0
  11. package/dist/auth/refresh.js +48 -0
  12. package/dist/auth/refresh.js.map +1 -0
  13. package/dist/exports/auth.d.ts +4 -0
  14. package/dist/exports/auth.d.ts.map +1 -0
  15. package/dist/exports/auth.js +4 -0
  16. package/dist/exports/auth.js.map +1 -0
  17. package/dist/prod/styles.css +1 -1
  18. package/dist/utilities/getExistingAuthToken.d.ts +7 -0
  19. package/dist/utilities/getExistingAuthToken.d.ts.map +1 -0
  20. package/dist/utilities/getExistingAuthToken.js +6 -0
  21. package/dist/utilities/getExistingAuthToken.js.map +1 -0
  22. package/dist/utilities/setPayloadAuthCookie.d.ts +9 -0
  23. package/dist/utilities/setPayloadAuthCookie.d.ts.map +1 -0
  24. package/dist/utilities/setPayloadAuthCookie.js +27 -0
  25. package/dist/utilities/setPayloadAuthCookie.js.map +1 -0
  26. package/dist/views/API/index.client.d.ts.map +1 -1
  27. package/dist/views/API/index.client.js +2 -1
  28. package/dist/views/API/index.client.js.map +1 -1
  29. package/dist/views/LivePreview/Toolbar/Controls/index.d.ts.map +1 -1
  30. package/dist/views/LivePreview/Toolbar/Controls/index.js +2 -2
  31. package/dist/views/LivePreview/Toolbar/Controls/index.js.map +1 -1
  32. package/dist/views/Version/Default/SetStepNav.d.ts +2 -2
  33. package/dist/views/Version/Default/SetStepNav.d.ts.map +1 -1
  34. package/dist/views/Version/Default/SetStepNav.js +5 -4
  35. package/dist/views/Version/Default/SetStepNav.js.map +1 -1
  36. package/dist/views/Version/Default/index.d.ts.map +1 -1
  37. package/dist/views/Version/Default/index.js +127 -332
  38. package/dist/views/Version/Default/index.js.map +1 -1
  39. package/dist/views/Version/Default/index.scss +32 -102
  40. package/dist/views/Version/Default/types.d.ts +8 -12
  41. package/dist/views/Version/Default/types.d.ts.map +1 -1
  42. package/dist/views/Version/Default/types.js.map +1 -1
  43. package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.d.ts +4 -4
  44. package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.d.ts.map +1 -1
  45. package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.js +33 -32
  46. package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.js.map +1 -1
  47. package/dist/views/Version/RenderFieldsToDiff/DiffCollapser/index.scss +3 -30
  48. package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.d.ts +1 -6
  49. package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.d.ts.map +1 -1
  50. package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.js +17 -21
  51. package/dist/views/Version/RenderFieldsToDiff/RenderVersionFieldsToDiff.js.map +1 -1
  52. package/dist/views/Version/RenderFieldsToDiff/buildVersionFields.d.ts +3 -4
  53. package/dist/views/Version/RenderFieldsToDiff/buildVersionFields.d.ts.map +1 -1
  54. package/dist/views/Version/RenderFieldsToDiff/buildVersionFields.js +55 -80
  55. package/dist/views/Version/RenderFieldsToDiff/buildVersionFields.js.map +1 -1
  56. package/dist/views/Version/RenderFieldsToDiff/fields/Collapsible/index.js +11 -11
  57. package/dist/views/Version/RenderFieldsToDiff/fields/Collapsible/index.js.map +1 -1
  58. package/dist/views/Version/RenderFieldsToDiff/fields/Group/index.js +11 -11
  59. package/dist/views/Version/RenderFieldsToDiff/fields/Group/index.js.map +1 -1
  60. package/dist/views/Version/RenderFieldsToDiff/fields/Group/index.scss +10 -0
  61. package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.js +20 -20
  62. package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.js.map +1 -1
  63. package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.scss +5 -3
  64. package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.d.ts.map +1 -1
  65. package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.js +58 -49
  66. package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.js.map +1 -1
  67. package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.scss +11 -0
  68. package/dist/views/Version/RenderFieldsToDiff/fields/Select/DiffViewer/index.d.ts +9 -0
  69. package/dist/views/Version/RenderFieldsToDiff/fields/Select/DiffViewer/index.d.ts.map +1 -0
  70. package/dist/views/Version/RenderFieldsToDiff/fields/Select/DiffViewer/index.js +23 -0
  71. package/dist/views/Version/RenderFieldsToDiff/fields/Select/DiffViewer/index.js.map +1 -0
  72. package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.d.ts.map +1 -1
  73. package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.js +45 -39
  74. package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.js.map +1 -1
  75. package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.scss +11 -0
  76. package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.d.ts.map +1 -1
  77. package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.js +37 -37
  78. package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.js.map +1 -1
  79. package/dist/views/Version/RenderFieldsToDiff/fields/Tabs/index.scss +11 -0
  80. package/dist/views/Version/RenderFieldsToDiff/fields/Text/DiffViewer/index.d.ts +9 -0
  81. package/dist/views/Version/RenderFieldsToDiff/fields/Text/DiffViewer/index.d.ts.map +1 -0
  82. package/dist/views/Version/RenderFieldsToDiff/fields/Text/DiffViewer/index.js +23 -0
  83. package/dist/views/Version/RenderFieldsToDiff/fields/Text/DiffViewer/index.js.map +1 -0
  84. package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.d.ts.map +1 -1
  85. package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.js +60 -77
  86. package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.js.map +1 -1
  87. package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.scss +11 -0
  88. package/dist/views/Version/RenderFieldsToDiff/fields/diffMethods.d.ts +7 -0
  89. package/dist/views/Version/RenderFieldsToDiff/fields/diffMethods.d.ts.map +1 -0
  90. package/dist/views/Version/RenderFieldsToDiff/fields/diffMethods.js +7 -0
  91. package/dist/views/Version/RenderFieldsToDiff/fields/diffMethods.js.map +1 -0
  92. package/dist/views/Version/RenderFieldsToDiff/fields/index.d.ts.map +1 -1
  93. package/dist/views/Version/RenderFieldsToDiff/fields/index.js +1 -2
  94. package/dist/views/Version/RenderFieldsToDiff/fields/index.js.map +1 -1
  95. package/dist/views/Version/RenderFieldsToDiff/fields/styles.d.ts +3 -0
  96. package/dist/views/Version/RenderFieldsToDiff/fields/styles.d.ts.map +1 -0
  97. package/dist/views/Version/RenderFieldsToDiff/fields/styles.js +37 -0
  98. package/dist/views/Version/RenderFieldsToDiff/fields/styles.js.map +1 -0
  99. package/dist/views/Version/RenderFieldsToDiff/index.js +0 -1
  100. package/dist/views/Version/RenderFieldsToDiff/index.js.map +1 -1
  101. package/dist/views/Version/Restore/index.d.ts.map +1 -1
  102. package/dist/views/Version/Restore/index.js +1 -1
  103. package/dist/views/Version/Restore/index.js.map +1 -1
  104. package/dist/views/Version/Restore/index.scss +1 -6
  105. package/dist/views/Version/SelectComparison/index.d.ts.map +1 -1
  106. package/dist/views/Version/SelectComparison/index.js +68 -26
  107. package/dist/views/Version/SelectComparison/index.js.map +1 -1
  108. package/dist/views/Version/SelectComparison/index.scss +4 -0
  109. package/dist/views/Version/SelectComparison/types.d.ts +4 -4
  110. package/dist/views/Version/SelectComparison/types.d.ts.map +1 -1
  111. package/dist/views/Version/SelectComparison/types.js.map +1 -1
  112. package/dist/views/Version/SelectLocales/index.d.ts +2 -9
  113. package/dist/views/Version/SelectLocales/index.d.ts.map +1 -1
  114. package/dist/views/Version/SelectLocales/index.js +60 -33
  115. package/dist/views/Version/SelectLocales/index.js.map +1 -1
  116. package/dist/views/Version/SelectLocales/index.scss +9 -0
  117. package/dist/views/Version/SelectLocales/types.d.ts +7 -0
  118. package/dist/views/Version/SelectLocales/types.d.ts.map +1 -0
  119. package/dist/views/Version/SelectLocales/types.js +2 -0
  120. package/dist/views/Version/SelectLocales/types.js.map +1 -0
  121. package/dist/views/Version/index.d.ts.map +1 -1
  122. package/dist/views/Version/index.js +56 -105
  123. package/dist/views/Version/index.js.map +1 -1
  124. package/dist/views/Versions/cells/AutosaveCell/index.d.ts.map +1 -1
  125. package/dist/views/Versions/cells/AutosaveCell/index.js +4 -4
  126. package/dist/views/Versions/cells/AutosaveCell/index.js.map +1 -1
  127. package/dist/views/Versions/getLatestVersion.d.ts +2 -2
  128. package/dist/views/Versions/getLatestVersion.d.ts.map +1 -1
  129. package/dist/views/Versions/getLatestVersion.js.map +1 -1
  130. package/package.json +8 -7
  131. package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.d.ts +0 -4
  132. package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.d.ts.map +0 -1
  133. package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.js +0 -78
  134. package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.js.map +0 -1
  135. package/dist/views/Version/RenderFieldsToDiff/fields/Date/index.scss +0 -4
  136. package/dist/views/Version/SelectComparison/VersionPillLabel.d.ts +0 -6
  137. package/dist/views/Version/SelectComparison/VersionPillLabel.d.ts.map +0 -1
  138. package/dist/views/Version/SelectComparison/VersionPillLabel.js +0 -70
  139. package/dist/views/Version/SelectComparison/VersionPillLabel.js.map +0 -1
  140. package/dist/views/Version/SelectComparison/formatVersionPill.d.ts +0 -8
  141. package/dist/views/Version/SelectComparison/formatVersionPill.d.ts.map +0 -1
  142. package/dist/views/Version/SelectComparison/formatVersionPill.js +0 -24
  143. package/dist/views/Version/SelectComparison/formatVersionPill.js.map +0 -1
@@ -0,0 +1,7 @@
1
+ type Cookie = {
2
+ name: string;
3
+ value: string;
4
+ };
5
+ export declare function getExistingAuthToken(cookiePrefix: string): Promise<Cookie | undefined>;
6
+ export {};
7
+ //# sourceMappingURL=getExistingAuthToken.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getExistingAuthToken.d.ts","sourceRoot":"","sources":["../../src/utilities/getExistingAuthToken.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AACD,wBAAsB,oBAAoB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAG5F"}
@@ -0,0 +1,6 @@
1
+ import { cookies as getCookies } from 'next/headers.js';
2
+ export async function getExistingAuthToken(cookiePrefix) {
3
+ const cookies = await getCookies();
4
+ return cookies.getAll().find(cookie => cookie.name.startsWith(cookiePrefix));
5
+ }
6
+ //# sourceMappingURL=getExistingAuthToken.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getExistingAuthToken.js","names":["cookies","getCookies","getExistingAuthToken","cookiePrefix","getAll","find","cookie","name","startsWith"],"sources":["../../src/utilities/getExistingAuthToken.ts"],"sourcesContent":["import { cookies as getCookies } from 'next/headers.js'\n\ntype Cookie = {\n name: string\n value: string\n}\nexport async function getExistingAuthToken(cookiePrefix: string): Promise<Cookie | undefined> {\n const cookies = await getCookies()\n return cookies.getAll().find((cookie) => cookie.name.startsWith(cookiePrefix))\n}\n"],"mappings":"AAAA,SAASA,OAAA,IAAWC,UAAU,QAAQ;AAMtC,OAAO,eAAeC,qBAAqBC,YAAoB;EAC7D,MAAMH,OAAA,GAAU,MAAMC,UAAA;EACtB,OAAOD,OAAA,CAAQI,MAAM,GAAGC,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOC,IAAI,CAACC,UAAU,CAACL,YAAA;AAClE","ignoreList":[]}
@@ -0,0 +1,9 @@
1
+ import type { Auth } from 'payload';
2
+ type SetPayloadAuthCookieArgs = {
3
+ authConfig: Auth;
4
+ cookiePrefix: string;
5
+ token: string;
6
+ };
7
+ export declare function setPayloadAuthCookie({ authConfig, cookiePrefix, token, }: SetPayloadAuthCookieArgs): Promise<void>;
8
+ export {};
9
+ //# sourceMappingURL=setPayloadAuthCookie.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"setPayloadAuthCookie.d.ts","sourceRoot":"","sources":["../../src/utilities/setPayloadAuthCookie.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAKnC,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,IAAI,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAsB,oBAAoB,CAAC,EACzC,UAAU,EACV,YAAY,EACZ,KAAK,GACN,EAAE,wBAAwB,GAAG,OAAO,CAAC,IAAI,CAAC,CA0B1C"}
@@ -0,0 +1,27 @@
1
+ import { cookies as getCookies } from 'next/headers.js';
2
+ import { generatePayloadCookie } from 'payload';
3
+ export async function setPayloadAuthCookie({
4
+ authConfig,
5
+ cookiePrefix,
6
+ token
7
+ }) {
8
+ const cookies = await getCookies();
9
+ const cookieExpiration = authConfig.tokenExpiration ? new Date(Date.now() + authConfig.tokenExpiration) : undefined;
10
+ const payloadCookie = generatePayloadCookie({
11
+ collectionAuthConfig: authConfig,
12
+ cookiePrefix,
13
+ expires: cookieExpiration,
14
+ returnCookieAsObject: true,
15
+ token
16
+ });
17
+ if (payloadCookie.value) {
18
+ cookies.set(payloadCookie.name, payloadCookie.value, {
19
+ domain: authConfig.cookies.domain,
20
+ expires: payloadCookie.expires ? new Date(payloadCookie.expires) : undefined,
21
+ httpOnly: true,
22
+ sameSite: typeof authConfig.cookies.sameSite === 'string' ? authConfig.cookies.sameSite.toLowerCase() : 'lax',
23
+ secure: authConfig.cookies.secure || false
24
+ });
25
+ }
26
+ }
27
+ //# sourceMappingURL=setPayloadAuthCookie.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"setPayloadAuthCookie.js","names":["cookies","getCookies","generatePayloadCookie","setPayloadAuthCookie","authConfig","cookiePrefix","token","cookieExpiration","tokenExpiration","Date","now","undefined","payloadCookie","collectionAuthConfig","expires","returnCookieAsObject","value","set","name","domain","httpOnly","sameSite","toLowerCase","secure"],"sources":["../../src/utilities/setPayloadAuthCookie.ts"],"sourcesContent":["import type { Auth } from 'payload'\n\nimport { cookies as getCookies } from 'next/headers.js'\nimport { generatePayloadCookie } from 'payload'\n\ntype SetPayloadAuthCookieArgs = {\n authConfig: Auth\n cookiePrefix: string\n token: string\n}\n\nexport async function setPayloadAuthCookie({\n authConfig,\n cookiePrefix,\n token,\n}: SetPayloadAuthCookieArgs): Promise<void> {\n const cookies = await getCookies()\n\n const cookieExpiration = authConfig.tokenExpiration\n ? new Date(Date.now() + authConfig.tokenExpiration)\n : undefined\n\n const payloadCookie = generatePayloadCookie({\n collectionAuthConfig: authConfig,\n cookiePrefix,\n expires: cookieExpiration,\n returnCookieAsObject: true,\n token,\n })\n\n if (payloadCookie.value) {\n cookies.set(payloadCookie.name, payloadCookie.value, {\n domain: authConfig.cookies.domain,\n expires: payloadCookie.expires ? new Date(payloadCookie.expires) : undefined,\n httpOnly: true,\n sameSite: (typeof authConfig.cookies.sameSite === 'string'\n ? authConfig.cookies.sameSite.toLowerCase()\n : 'lax') as 'lax' | 'none' | 'strict',\n secure: authConfig.cookies.secure || false,\n })\n }\n}\n"],"mappings":"AAEA,SAASA,OAAA,IAAWC,UAAU,QAAQ;AACtC,SAASC,qBAAqB,QAAQ;AAQtC,OAAO,eAAeC,qBAAqB;EACzCC,UAAU;EACVC,YAAY;EACZC;AAAK,CACoB;EACzB,MAAMN,OAAA,GAAU,MAAMC,UAAA;EAEtB,MAAMM,gBAAA,GAAmBH,UAAA,CAAWI,eAAe,GAC/C,IAAIC,IAAA,CAAKA,IAAA,CAAKC,GAAG,KAAKN,UAAA,CAAWI,eAAe,IAChDG,SAAA;EAEJ,MAAMC,aAAA,GAAgBV,qBAAA,CAAsB;IAC1CW,oBAAA,EAAsBT,UAAA;IACtBC,YAAA;IACAS,OAAA,EAASP,gBAAA;IACTQ,oBAAA,EAAsB;IACtBT;EACF;EAEA,IAAIM,aAAA,CAAcI,KAAK,EAAE;IACvBhB,OAAA,CAAQiB,GAAG,CAACL,aAAA,CAAcM,IAAI,EAAEN,aAAA,CAAcI,KAAK,EAAE;MACnDG,MAAA,EAAQf,UAAA,CAAWJ,OAAO,CAACmB,MAAM;MACjCL,OAAA,EAASF,aAAA,CAAcE,OAAO,GAAG,IAAIL,IAAA,CAAKG,aAAA,CAAcE,OAAO,IAAIH,SAAA;MACnES,QAAA,EAAU;MACVC,QAAA,EAAW,OAAOjB,UAAA,CAAWJ,OAAO,CAACqB,QAAQ,KAAK,WAC9CjB,UAAA,CAAWJ,OAAO,CAACqB,QAAQ,CAACC,WAAW,KACvC;MACJC,MAAA,EAAQnB,UAAA,CAAWJ,OAAO,CAACuB,MAAM,IAAI;IACvC;EACF;AACF","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/API/index.client.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAoLjC,CAAA"}
1
+ {"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/API/index.client.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAuLjC,CAAA"}
@@ -24,6 +24,7 @@ export const APIViewClient = () => {
24
24
  } = useLocale();
25
25
  const {
26
26
  config: {
27
+ defaultDepth,
27
28
  localization,
28
29
  routes: {
29
30
  api: apiRoute
@@ -55,7 +56,7 @@ export const APIViewClient = () => {
55
56
  const [data, setData] = React.useState(initialData);
56
57
  const [draft, setDraft] = React.useState(searchParams.get('draft') === 'true');
57
58
  const [locale_0, setLocale] = React.useState(searchParams?.get('locale') || code);
58
- const [depth, setDepth] = React.useState(searchParams.get('depth') || '1');
59
+ const [depth, setDepth] = React.useState(searchParams.get('depth') || defaultDepth.toString());
59
60
  const [authenticated, setAuthenticated] = React.useState(true);
60
61
  const [fullscreen, setFullscreen] = React.useState(false);
61
62
  const params = new URLSearchParams({
@@ -1 +1 @@
1
- {"version":3,"file":"index.client.js","names":["CheckboxField","CopyToClipboard","Form","Gutter","MinimizeMaximizeIcon","NumberField","SetDocumentStepNav","toast","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","React","LocaleSelector","RenderJSON","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","searchParams","i18n","t","code","config","localization","routes","api","apiRoute","serverURL","getEntityConfig","collectionConfig","globalConfig","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","Boolean","versions","drafts","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","authenticated","setAuthenticated","fullscreen","setFullscreen","params","URLSearchParams","String","toString","fetchURL","useEffect","fetchData","res","fetch","credentials","headers","language","method","json","error","console","_jsxs","className","filter","join","right","_jsx","globalLabel","pluralLabel","labels","plural","undefined","useAsTitle","admin","view","href","rel","target","initialState","initialValue","valid","Number","field","name","onChange","path","step","max","min","onClick","type","isMinimized","object"],"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport {\n CheckboxField,\n CopyToClipboard,\n Form,\n Gutter,\n MinimizeMaximizeIcon,\n NumberField,\n SetDocumentStepNav,\n toast,\n useConfig,\n useDocumentInfo,\n useLocale,\n useTranslation,\n} from '@payloadcms/ui'\nimport { useSearchParams } from 'next/navigation.js'\nimport * as React from 'react'\n\nimport './index.scss'\nimport { LocaleSelector } from './LocaleSelector/index.js'\nimport { RenderJSON } from './RenderJSON/index.js'\n\nconst baseClass = 'query-inspector'\n\nexport const APIViewClient: React.FC = () => {\n const { id, collectionSlug, globalSlug, initialData } = useDocumentInfo()\n\n const searchParams = useSearchParams()\n const { i18n, t } = useTranslation()\n const { code } = useLocale()\n\n const {\n config: {\n localization,\n routes: { api: apiRoute },\n serverURL,\n },\n getEntityConfig,\n } = useConfig()\n\n const collectionConfig = getEntityConfig({ collectionSlug })\n const globalConfig = getEntityConfig({ globalSlug })\n\n const localeOptions =\n localization &&\n localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))\n\n let draftsEnabled: boolean = false\n let docEndpoint: string = ''\n\n if (collectionConfig) {\n draftsEnabled = Boolean(collectionConfig.versions?.drafts)\n docEndpoint = `/${collectionSlug}/${id}`\n }\n\n if (globalConfig) {\n draftsEnabled = Boolean(globalConfig.versions?.drafts)\n docEndpoint = `/globals/${globalSlug}`\n }\n\n const [data, setData] = React.useState<any>(initialData)\n const [draft, setDraft] = React.useState<boolean>(searchParams.get('draft') === 'true')\n const [locale, setLocale] = React.useState<string>(searchParams?.get('locale') || code)\n const [depth, setDepth] = React.useState<string>(searchParams.get('depth') || '1')\n const [authenticated, setAuthenticated] = React.useState<boolean>(true)\n const [fullscreen, setFullscreen] = React.useState<boolean>(false)\n\n const params = new URLSearchParams({\n depth,\n draft: String(draft),\n locale,\n }).toString()\n\n const fetchURL = `${serverURL}${apiRoute}${docEndpoint}?${params}`\n\n React.useEffect(() => {\n const fetchData = async () => {\n try {\n const res = await fetch(fetchURL, {\n credentials: authenticated ? 'include' : 'omit',\n headers: {\n 'Accept-Language': i18n.language,\n },\n method: 'GET',\n })\n\n try {\n const json = await res.json()\n setData(json)\n } catch (error) {\n toast.error('Error parsing response')\n console.error(error) // eslint-disable-line no-console\n }\n } catch (error) {\n toast.error('Error making request')\n console.error(error) // eslint-disable-line no-console\n }\n }\n\n void fetchData()\n }, [i18n.language, fetchURL, authenticated])\n\n return (\n <Gutter\n className={[baseClass, fullscreen && `${baseClass}--fullscreen`].filter(Boolean).join(' ')}\n right={false}\n >\n <SetDocumentStepNav\n collectionSlug={collectionSlug}\n globalLabel={globalConfig?.label}\n globalSlug={globalSlug}\n id={id}\n pluralLabel={collectionConfig ? collectionConfig?.labels?.plural : undefined}\n useAsTitle={collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined}\n view=\"API\"\n />\n <div className={`${baseClass}__configuration`}>\n <div className={`${baseClass}__api-url`}>\n <span className={`${baseClass}__label`}>\n API URL <CopyToClipboard value={fetchURL} />\n </span>\n <a href={fetchURL} rel=\"noopener noreferrer\" target=\"_blank\">\n {fetchURL}\n </a>\n </div>\n <Form\n initialState={{\n authenticated: {\n initialValue: authenticated || false,\n valid: true,\n value: authenticated || false,\n },\n depth: {\n initialValue: Number(depth || 0),\n valid: true,\n value: Number(depth || 0),\n },\n draft: {\n initialValue: draft || false,\n valid: true,\n value: draft || false,\n },\n locale: {\n initialValue: locale,\n valid: true,\n value: locale,\n },\n }}\n >\n <div className={`${baseClass}__form-fields`}>\n <div className={`${baseClass}__filter-query-checkboxes`}>\n {draftsEnabled && (\n <CheckboxField\n field={{\n name: 'draft',\n label: t('version:draft'),\n }}\n onChange={() => setDraft(!draft)}\n path=\"draft\"\n />\n )}\n <CheckboxField\n field={{\n name: 'authenticated',\n label: t('authentication:authenticated'),\n }}\n onChange={() => setAuthenticated(!authenticated)}\n path=\"authenticated\"\n />\n </div>\n {localeOptions && <LocaleSelector localeOptions={localeOptions} onChange={setLocale} />}\n <NumberField\n field={{\n name: 'depth',\n admin: {\n step: 1,\n },\n label: t('general:depth'),\n max: 10,\n min: 0,\n }}\n onChange={(value) => setDepth(value?.toString())}\n path=\"depth\"\n />\n </div>\n </Form>\n </div>\n <div className={`${baseClass}__results-wrapper`}>\n <div className={`${baseClass}__toggle-fullscreen-button-container`}>\n <button\n aria-label=\"toggle fullscreen\"\n className={`${baseClass}__toggle-fullscreen-button`}\n onClick={() => setFullscreen(!fullscreen)}\n type=\"button\"\n >\n <MinimizeMaximizeIcon isMinimized={!fullscreen} />\n </button>\n </div>\n <div className={`${baseClass}__results`}>\n <RenderJSON object={data} />\n </div>\n </div>\n </Gutter>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.client.js","names":["CheckboxField","CopyToClipboard","Form","Gutter","MinimizeMaximizeIcon","NumberField","SetDocumentStepNav","toast","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","React","LocaleSelector","RenderJSON","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","searchParams","i18n","t","code","config","defaultDepth","localization","routes","api","apiRoute","serverURL","getEntityConfig","collectionConfig","globalConfig","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","Boolean","versions","drafts","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","toString","authenticated","setAuthenticated","fullscreen","setFullscreen","params","URLSearchParams","String","fetchURL","useEffect","fetchData","res","fetch","credentials","headers","language","method","json","error","console","_jsxs","className","filter","join","right","_jsx","globalLabel","pluralLabel","labels","plural","undefined","useAsTitle","admin","view","href","rel","target","initialState","initialValue","valid","Number","field","name","onChange","path","step","max","min","onClick","type","isMinimized","object"],"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport {\n CheckboxField,\n CopyToClipboard,\n Form,\n Gutter,\n MinimizeMaximizeIcon,\n NumberField,\n SetDocumentStepNav,\n toast,\n useConfig,\n useDocumentInfo,\n useLocale,\n useTranslation,\n} from '@payloadcms/ui'\nimport { useSearchParams } from 'next/navigation.js'\nimport * as React from 'react'\n\nimport './index.scss'\nimport { LocaleSelector } from './LocaleSelector/index.js'\nimport { RenderJSON } from './RenderJSON/index.js'\n\nconst baseClass = 'query-inspector'\n\nexport const APIViewClient: React.FC = () => {\n const { id, collectionSlug, globalSlug, initialData } = useDocumentInfo()\n\n const searchParams = useSearchParams()\n const { i18n, t } = useTranslation()\n const { code } = useLocale()\n\n const {\n config: {\n defaultDepth,\n localization,\n routes: { api: apiRoute },\n serverURL,\n },\n getEntityConfig,\n } = useConfig()\n\n const collectionConfig = getEntityConfig({ collectionSlug })\n const globalConfig = getEntityConfig({ globalSlug })\n\n const localeOptions =\n localization &&\n localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))\n\n let draftsEnabled: boolean = false\n let docEndpoint: string = ''\n\n if (collectionConfig) {\n draftsEnabled = Boolean(collectionConfig.versions?.drafts)\n docEndpoint = `/${collectionSlug}/${id}`\n }\n\n if (globalConfig) {\n draftsEnabled = Boolean(globalConfig.versions?.drafts)\n docEndpoint = `/globals/${globalSlug}`\n }\n\n const [data, setData] = React.useState<any>(initialData)\n const [draft, setDraft] = React.useState<boolean>(searchParams.get('draft') === 'true')\n const [locale, setLocale] = React.useState<string>(searchParams?.get('locale') || code)\n const [depth, setDepth] = React.useState<string>(\n searchParams.get('depth') || defaultDepth.toString(),\n )\n const [authenticated, setAuthenticated] = React.useState<boolean>(true)\n const [fullscreen, setFullscreen] = React.useState<boolean>(false)\n\n const params = new URLSearchParams({\n depth,\n draft: String(draft),\n locale,\n }).toString()\n\n const fetchURL = `${serverURL}${apiRoute}${docEndpoint}?${params}`\n\n React.useEffect(() => {\n const fetchData = async () => {\n try {\n const res = await fetch(fetchURL, {\n credentials: authenticated ? 'include' : 'omit',\n headers: {\n 'Accept-Language': i18n.language,\n },\n method: 'GET',\n })\n\n try {\n const json = await res.json()\n setData(json)\n } catch (error) {\n toast.error('Error parsing response')\n console.error(error) // eslint-disable-line no-console\n }\n } catch (error) {\n toast.error('Error making request')\n console.error(error) // eslint-disable-line no-console\n }\n }\n\n void fetchData()\n }, [i18n.language, fetchURL, authenticated])\n\n return (\n <Gutter\n className={[baseClass, fullscreen && `${baseClass}--fullscreen`].filter(Boolean).join(' ')}\n right={false}\n >\n <SetDocumentStepNav\n collectionSlug={collectionSlug}\n globalLabel={globalConfig?.label}\n globalSlug={globalSlug}\n id={id}\n pluralLabel={collectionConfig ? collectionConfig?.labels?.plural : undefined}\n useAsTitle={collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined}\n view=\"API\"\n />\n <div className={`${baseClass}__configuration`}>\n <div className={`${baseClass}__api-url`}>\n <span className={`${baseClass}__label`}>\n API URL <CopyToClipboard value={fetchURL} />\n </span>\n <a href={fetchURL} rel=\"noopener noreferrer\" target=\"_blank\">\n {fetchURL}\n </a>\n </div>\n <Form\n initialState={{\n authenticated: {\n initialValue: authenticated || false,\n valid: true,\n value: authenticated || false,\n },\n depth: {\n initialValue: Number(depth || 0),\n valid: true,\n value: Number(depth || 0),\n },\n draft: {\n initialValue: draft || false,\n valid: true,\n value: draft || false,\n },\n locale: {\n initialValue: locale,\n valid: true,\n value: locale,\n },\n }}\n >\n <div className={`${baseClass}__form-fields`}>\n <div className={`${baseClass}__filter-query-checkboxes`}>\n {draftsEnabled && (\n <CheckboxField\n field={{\n name: 'draft',\n label: t('version:draft'),\n }}\n onChange={() => setDraft(!draft)}\n path=\"draft\"\n />\n )}\n <CheckboxField\n field={{\n name: 'authenticated',\n label: t('authentication:authenticated'),\n }}\n onChange={() => setAuthenticated(!authenticated)}\n path=\"authenticated\"\n />\n </div>\n {localeOptions && <LocaleSelector localeOptions={localeOptions} onChange={setLocale} />}\n <NumberField\n field={{\n name: 'depth',\n admin: {\n step: 1,\n },\n label: t('general:depth'),\n max: 10,\n min: 0,\n }}\n onChange={(value) => setDepth(value?.toString())}\n path=\"depth\"\n />\n </div>\n </Form>\n </div>\n <div className={`${baseClass}__results-wrapper`}>\n <div className={`${baseClass}__toggle-fullscreen-button-container`}>\n <button\n aria-label=\"toggle fullscreen\"\n className={`${baseClass}__toggle-fullscreen-button`}\n onClick={() => setFullscreen(!fullscreen)}\n type=\"button\"\n >\n <MinimizeMaximizeIcon isMinimized={!fullscreen} />\n </button>\n </div>\n <div className={`${baseClass}__results`}>\n <RenderJSON object={data} />\n </div>\n </div>\n </Gutter>\n )\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/LivePreview/Toolbar/Controls/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAG5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8GnD,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/LivePreview/Toolbar/Controls/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAG5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4GnD,CAAA"}
@@ -70,7 +70,7 @@ export const ToolbarControls = () => {
70
70
  button: _jsxs(React.Fragment, {
71
71
  children: [_jsx("span", {
72
72
  children: breakpoints.find(bp => bp.name == breakpoint)?.label ?? customOption.label
73
- }), "\xA0", _jsx(ChevronIcon, {
73
+ }), _jsx(ChevronIcon, {
74
74
  className: `${baseClass}__chevron`
75
75
  })]
76
76
  }),
@@ -116,7 +116,7 @@ export const ToolbarControls = () => {
116
116
  button: _jsxs(React.Fragment, {
117
117
  children: [_jsxs("span", {
118
118
  children: [zoom * 100, "%"]
119
- }), "\xA0", _jsx(ChevronIcon, {
119
+ }), _jsx(ChevronIcon, {
120
120
  className: `${baseClass}__chevron`
121
121
  })]
122
122
  }),
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["c","_c","ChevronIcon","LinkIcon","Popup","PopupList","useTranslation","XIcon","React","useLivePreviewContext","PreviewFrameSizeInput","baseClass","zoomOptions","ToolbarControls","$","breakpoint","breakpoints","setBreakpoint","setPreviewWindowType","setZoom","url","zoom","t","t0","customOption","label","value","t2","t3","close","close_0","_jsx","ButtonGroup","children","Fragment","map","zoomValue","_jsxs","Button","active","onClick","e","preventDefault","className","length","button","find","bp","name","horizontalAlign","render","t1","bp_0","axis","href","type"],"sources":["../../../../../src/views/LivePreview/Toolbar/Controls/index.tsx"],"sourcesContent":["'use client'\n\nimport type { EditViewProps } from 'payload'\n\nimport { ChevronIcon, LinkIcon, Popup, PopupList, useTranslation, XIcon } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useLivePreviewContext } from '../../Context/context.js'\nimport { PreviewFrameSizeInput } from '../SizeInput/index.js'\nimport './index.scss'\n\nconst baseClass = 'live-preview-toolbar-controls'\nconst zoomOptions = [50, 75, 100, 125, 150, 200]\n\nexport const ToolbarControls: React.FC<EditViewProps> = () => {\n const { breakpoint, breakpoints, setBreakpoint, setPreviewWindowType, setZoom, url, zoom } =\n useLivePreviewContext()\n const { t } = useTranslation()\n\n const customOption = {\n label: t('general:custom'),\n value: 'custom',\n }\n\n return (\n <div className={baseClass}>\n {breakpoints?.length > 0 && (\n <Popup\n button={\n <React.Fragment>\n <span>\n {breakpoints.find((bp) => bp.name == breakpoint)?.label ?? customOption.label}\n </span>\n &nbsp;\n <ChevronIcon className={`${baseClass}__chevron`} />\n </React.Fragment>\n }\n className={`${baseClass}__breakpoint`}\n horizontalAlign=\"right\"\n render={({ close }) => (\n <PopupList.ButtonGroup>\n <React.Fragment>\n {breakpoints.map((bp) => (\n <PopupList.Button\n active={bp.name == breakpoint}\n key={bp.name}\n onClick={() => {\n setBreakpoint(bp.name)\n close()\n }}\n >\n {bp.label}\n </PopupList.Button>\n ))}\n {/* Dynamically add this option so that it only appears when the width and height inputs are explicitly changed */}\n {breakpoint === 'custom' && (\n <PopupList.Button\n active={breakpoint == customOption.value}\n onClick={() => {\n setBreakpoint(customOption.value)\n close()\n }}\n >\n {customOption.label}\n </PopupList.Button>\n )}\n </React.Fragment>\n </PopupList.ButtonGroup>\n )}\n showScrollbar\n verticalAlign=\"bottom\"\n />\n )}\n <div className={`${baseClass}__device-size`}>\n <PreviewFrameSizeInput axis=\"x\" />\n <span className={`${baseClass}__size-divider`}>\n <XIcon />\n </span>\n <PreviewFrameSizeInput axis=\"y\" />\n </div>\n <Popup\n button={\n <React.Fragment>\n <span>{zoom * 100}%</span>\n &nbsp;\n <ChevronIcon className={`${baseClass}__chevron`} />\n </React.Fragment>\n }\n className={`${baseClass}__zoom`}\n horizontalAlign=\"right\"\n render={({ close }) => (\n <PopupList.ButtonGroup>\n <React.Fragment>\n {zoomOptions.map((zoomValue) => (\n <PopupList.Button\n active={zoom * 100 == zoomValue}\n key={zoomValue}\n onClick={() => {\n setZoom(zoomValue / 100)\n close()\n }}\n >\n {zoomValue}%\n </PopupList.Button>\n ))}\n </React.Fragment>\n </PopupList.ButtonGroup>\n )}\n showScrollbar\n verticalAlign=\"bottom\"\n />\n <a\n className={`${baseClass}__external`}\n href={url}\n onClick={(e) => {\n e.preventDefault()\n setPreviewWindowType('popup')\n }}\n type=\"button\"\n >\n <LinkIcon />\n </a>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["c","_c","ChevronIcon","LinkIcon","Popup","PopupList","useTranslation","XIcon","React","useLivePreviewContext","PreviewFrameSizeInput","baseClass","zoomOptions","ToolbarControls","$","breakpoint","breakpoints","setBreakpoint","setPreviewWindowType","setZoom","url","zoom","t","t0","customOption","label","value","t2","t3","close","close_0","_jsx","ButtonGroup","children","Fragment","map","zoomValue","_jsxs","Button","active","onClick","e","preventDefault","className","length","button","find","bp","name","horizontalAlign","render","t1","bp_0","axis","href","type"],"sources":["../../../../../src/views/LivePreview/Toolbar/Controls/index.tsx"],"sourcesContent":["'use client'\n\nimport type { EditViewProps } from 'payload'\n\nimport { ChevronIcon, LinkIcon, Popup, PopupList, useTranslation, XIcon } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useLivePreviewContext } from '../../Context/context.js'\nimport { PreviewFrameSizeInput } from '../SizeInput/index.js'\nimport './index.scss'\n\nconst baseClass = 'live-preview-toolbar-controls'\nconst zoomOptions = [50, 75, 100, 125, 150, 200]\n\nexport const ToolbarControls: React.FC<EditViewProps> = () => {\n const { breakpoint, breakpoints, setBreakpoint, setPreviewWindowType, setZoom, url, zoom } =\n useLivePreviewContext()\n const { t } = useTranslation()\n\n const customOption = {\n label: t('general:custom'),\n value: 'custom',\n }\n\n return (\n <div className={baseClass}>\n {breakpoints?.length > 0 && (\n <Popup\n button={\n <React.Fragment>\n <span>\n {breakpoints.find((bp) => bp.name == breakpoint)?.label ?? customOption.label}\n </span>\n <ChevronIcon className={`${baseClass}__chevron`} />\n </React.Fragment>\n }\n className={`${baseClass}__breakpoint`}\n horizontalAlign=\"right\"\n render={({ close }) => (\n <PopupList.ButtonGroup>\n <React.Fragment>\n {breakpoints.map((bp) => (\n <PopupList.Button\n active={bp.name == breakpoint}\n key={bp.name}\n onClick={() => {\n setBreakpoint(bp.name)\n close()\n }}\n >\n {bp.label}\n </PopupList.Button>\n ))}\n {/* Dynamically add this option so that it only appears when the width and height inputs are explicitly changed */}\n {breakpoint === 'custom' && (\n <PopupList.Button\n active={breakpoint == customOption.value}\n onClick={() => {\n setBreakpoint(customOption.value)\n close()\n }}\n >\n {customOption.label}\n </PopupList.Button>\n )}\n </React.Fragment>\n </PopupList.ButtonGroup>\n )}\n showScrollbar\n verticalAlign=\"bottom\"\n />\n )}\n <div className={`${baseClass}__device-size`}>\n <PreviewFrameSizeInput axis=\"x\" />\n <span className={`${baseClass}__size-divider`}>\n <XIcon />\n </span>\n <PreviewFrameSizeInput axis=\"y\" />\n </div>\n <Popup\n button={\n <React.Fragment>\n <span>{zoom * 100}%</span>\n <ChevronIcon className={`${baseClass}__chevron`} />\n </React.Fragment>\n }\n className={`${baseClass}__zoom`}\n horizontalAlign=\"right\"\n render={({ close }) => (\n <PopupList.ButtonGroup>\n <React.Fragment>\n {zoomOptions.map((zoomValue) => (\n <PopupList.Button\n active={zoom * 100 == zoomValue}\n key={zoomValue}\n onClick={() => {\n setZoom(zoomValue / 100)\n close()\n }}\n >\n {zoomValue}%\n </PopupList.Button>\n ))}\n </React.Fragment>\n </PopupList.ButtonGroup>\n )}\n showScrollbar\n verticalAlign=\"bottom\"\n />\n <a\n className={`${baseClass}__external`}\n href={url}\n onClick={(e) => {\n e.preventDefault()\n setPreviewWindowType('popup')\n }}\n type=\"button\"\n >\n <LinkIcon />\n </a>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,9 +1,9 @@
1
- import type { ClientCollectionConfig, ClientField, ClientGlobalConfig, TypeWithVersion } from 'payload';
1
+ import type { ClientCollectionConfig, ClientField, ClientGlobalConfig } from 'payload';
2
2
  import type React from 'react';
3
3
  export declare const SetStepNav: React.FC<{
4
4
  readonly collectionConfig?: ClientCollectionConfig;
5
5
  readonly collectionSlug?: string;
6
- readonly doc: TypeWithVersion<any>;
6
+ readonly doc: any;
7
7
  readonly fields: ClientField[];
8
8
  readonly globalConfig?: ClientGlobalConfig;
9
9
  readonly globalSlug?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"SetStepNav.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/SetStepNav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,sBAAsB,EACtB,WAAW,EACX,kBAAkB,EAClB,eAAe,EAChB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IAClD,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,GAAG,EAAE,eAAe,CAAC,GAAG,CAAC,CAAA;IAClC,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,kBAAkB,CAAA;IAC1C,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC9B,CA0GA,CAAA"}
1
+ {"version":3,"file":"SetStepNav.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/SetStepNav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACtF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IAClD,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAA;IACjB,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,kBAAkB,CAAA;IAC1C,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC9B,CA2GA,CAAA"}
@@ -47,17 +47,18 @@ export const SetStepNav = t0 => {
47
47
  let docLabel = "";
48
48
  const useAsTitle = collectionConfig?.admin?.useAsTitle || "id";
49
49
  const pluralLabel = collectionConfig?.labels?.plural;
50
- if (doc.version) {
50
+ const formattedDoc = doc.version ? doc.version : doc;
51
+ if (formattedDoc) {
51
52
  if (useAsTitle !== "id") {
52
53
  const titleField = fields.find(f => {
53
54
  const fieldName = "name" in f ? f.name : undefined;
54
55
  return Boolean(fieldAffectsData(f) && fieldName === useAsTitle);
55
56
  });
56
- if (titleField && doc.version[useAsTitle]) {
57
+ if (titleField && formattedDoc[useAsTitle]) {
57
58
  if ("localized" in titleField && titleField.localized) {
58
- docLabel = doc.version[useAsTitle]?.[locale.code];
59
+ docLabel = formattedDoc[useAsTitle]?.[locale.code];
59
60
  } else {
60
- docLabel = doc.version[useAsTitle];
61
+ docLabel = formattedDoc[useAsTitle];
61
62
  }
62
63
  } else {
63
64
  docLabel = `[${t("general:untitled")}]`;
@@ -1 +1 @@
1
- {"version":3,"file":"SetStepNav.js","names":["c","_c","getTranslation","useConfig","useLocale","useStepNav","useTranslation","formatDate","fieldAffectsData","formatAdminURL","useEffect","SetStepNav","t0","$","id","collectionConfig","collectionSlug","doc","fields","globalConfig","globalSlug","config","setStepNav","i18n","t","locale","t1","t2","nav","admin","t3","routes","t4","dateFormat","adminRoute","docLabel","useAsTitle","pluralLabel","labels","plural","version","titleField","find","f","fieldName","name","undefined","Boolean","localized","code","url","path","label","createdAt","date","pattern","slug"],"sources":["../../../../src/views/Version/Default/SetStepNav.tsx"],"sourcesContent":["'use client'\nimport type { StepNavItem } from '@payloadcms/ui'\nimport type {\n ClientCollectionConfig,\n ClientField,\n ClientGlobalConfig,\n TypeWithVersion,\n} from 'payload'\nimport type React from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useConfig, useLocale, useStepNav, useTranslation } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport { fieldAffectsData, formatAdminURL } from 'payload/shared'\nimport { useEffect } from 'react'\n\nexport const SetStepNav: React.FC<{\n readonly collectionConfig?: ClientCollectionConfig\n readonly collectionSlug?: string\n readonly doc: TypeWithVersion<any>\n readonly fields: ClientField[]\n readonly globalConfig?: ClientGlobalConfig\n readonly globalSlug?: string\n readonly id?: number | string\n}> = ({ id, collectionConfig, collectionSlug, doc, fields, globalConfig, globalSlug }) => {\n const { config } = useConfig()\n const { setStepNav } = useStepNav()\n const { i18n, t } = useTranslation()\n const locale = useLocale()\n\n useEffect(() => {\n let nav: StepNavItem[] = []\n\n const {\n admin: { dateFormat },\n routes: { admin: adminRoute },\n } = config\n\n if (collectionSlug && collectionConfig) {\n let docLabel = ''\n\n const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id'\n const pluralLabel = collectionConfig?.labels?.plural\n\n if (doc.version) {\n if (useAsTitle !== 'id') {\n const titleField = fields.find((f) => {\n const fieldName = 'name' in f ? f.name : undefined\n return Boolean(fieldAffectsData(f) && fieldName === useAsTitle)\n })\n\n if (titleField && doc.version[useAsTitle]) {\n if ('localized' in titleField && titleField.localized) {\n docLabel = doc.version[useAsTitle]?.[locale.code]\n } else {\n docLabel = doc.version[useAsTitle]\n }\n } else {\n docLabel = `[${t('general:untitled')}]`\n }\n } else {\n docLabel = doc.id\n }\n }\n\n nav = [\n {\n label: getTranslation(pluralLabel, i18n),\n url: formatAdminURL({ adminRoute, path: `/collections/${collectionSlug}` }),\n },\n {\n label: docLabel,\n url: formatAdminURL({ adminRoute, path: `/collections/${collectionSlug}/${id}` }),\n },\n {\n label: 'Versions',\n url: formatAdminURL({\n adminRoute,\n path: `/collections/${collectionSlug}/${id}/versions`,\n }),\n },\n {\n label: doc?.createdAt\n ? formatDate({ date: doc.createdAt, i18n, pattern: dateFormat })\n : '',\n },\n ]\n }\n\n if (globalSlug && globalConfig) {\n nav = [\n {\n label: globalConfig.label,\n url: formatAdminURL({\n adminRoute,\n path: `/globals/${globalConfig.slug}`,\n }),\n },\n {\n label: 'Versions',\n url: formatAdminURL({\n adminRoute,\n path: `/globals/${globalConfig.slug}/versions`,\n }),\n },\n {\n label: doc?.createdAt\n ? formatDate({ date: doc.createdAt, i18n, pattern: dateFormat })\n : '',\n },\n ]\n }\n\n setStepNav(nav)\n }, [\n config,\n setStepNav,\n collectionSlug,\n globalSlug,\n doc,\n id,\n locale,\n t,\n i18n,\n collectionConfig,\n fields,\n globalConfig,\n ])\n\n return null\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"SetStepNav.js","names":["c","_c","getTranslation","useConfig","useLocale","useStepNav","useTranslation","formatDate","fieldAffectsData","formatAdminURL","useEffect","SetStepNav","t0","$","id","collectionConfig","collectionSlug","doc","fields","globalConfig","globalSlug","config","setStepNav","i18n","t","locale","t1","t2","nav","admin","t3","routes","t4","dateFormat","adminRoute","docLabel","useAsTitle","pluralLabel","labels","plural","formattedDoc","version","titleField","find","f","fieldName","name","undefined","Boolean","localized","code","url","path","label","createdAt","date","pattern","slug"],"sources":["../../../../src/views/Version/Default/SetStepNav.tsx"],"sourcesContent":["'use client'\nimport type { StepNavItem } from '@payloadcms/ui'\nimport type { ClientCollectionConfig, ClientField, ClientGlobalConfig } from 'payload'\nimport type React from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useConfig, useLocale, useStepNav, useTranslation } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport { fieldAffectsData, formatAdminURL } from 'payload/shared'\nimport { useEffect } from 'react'\n\nexport const SetStepNav: React.FC<{\n readonly collectionConfig?: ClientCollectionConfig\n readonly collectionSlug?: string\n readonly doc: any\n readonly fields: ClientField[]\n readonly globalConfig?: ClientGlobalConfig\n readonly globalSlug?: string\n readonly id?: number | string\n}> = ({ id, collectionConfig, collectionSlug, doc, fields, globalConfig, globalSlug }) => {\n const { config } = useConfig()\n const { setStepNav } = useStepNav()\n const { i18n, t } = useTranslation()\n const locale = useLocale()\n\n useEffect(() => {\n let nav: StepNavItem[] = []\n\n const {\n admin: { dateFormat },\n routes: { admin: adminRoute },\n } = config\n\n if (collectionSlug && collectionConfig) {\n let docLabel = ''\n\n const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id'\n const pluralLabel = collectionConfig?.labels?.plural\n const formattedDoc = doc.version ? doc.version : doc\n\n if (formattedDoc) {\n if (useAsTitle !== 'id') {\n const titleField = fields.find((f) => {\n const fieldName = 'name' in f ? f.name : undefined\n return Boolean(fieldAffectsData(f) && fieldName === useAsTitle)\n })\n\n if (titleField && formattedDoc[useAsTitle]) {\n if ('localized' in titleField && titleField.localized) {\n docLabel = formattedDoc[useAsTitle]?.[locale.code]\n } else {\n docLabel = formattedDoc[useAsTitle]\n }\n } else {\n docLabel = `[${t('general:untitled')}]`\n }\n } else {\n docLabel = doc.id\n }\n }\n\n nav = [\n {\n label: getTranslation(pluralLabel, i18n),\n url: formatAdminURL({ adminRoute, path: `/collections/${collectionSlug}` }),\n },\n {\n label: docLabel,\n url: formatAdminURL({ adminRoute, path: `/collections/${collectionSlug}/${id}` }),\n },\n {\n label: 'Versions',\n url: formatAdminURL({\n adminRoute,\n path: `/collections/${collectionSlug}/${id}/versions`,\n }),\n },\n {\n label: doc?.createdAt\n ? formatDate({ date: doc.createdAt, i18n, pattern: dateFormat })\n : '',\n },\n ]\n }\n\n if (globalSlug && globalConfig) {\n nav = [\n {\n label: globalConfig.label,\n url: formatAdminURL({\n adminRoute,\n path: `/globals/${globalConfig.slug}`,\n }),\n },\n {\n label: 'Versions',\n url: formatAdminURL({\n adminRoute,\n path: `/globals/${globalConfig.slug}/versions`,\n }),\n },\n {\n label: doc?.createdAt\n ? formatDate({ date: doc.createdAt, i18n, pattern: dateFormat })\n : '',\n },\n ]\n }\n\n setStepNav(nav)\n }, [\n config,\n setStepNav,\n collectionSlug,\n globalSlug,\n doc,\n id,\n locale,\n t,\n i18n,\n collectionConfig,\n fields,\n globalConfig,\n ])\n\n return null\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAkE,MAAM,OAAO,CAAA;AAEtF,OAAO,KAAK,EAAiB,wBAAwB,EAAE,MAAM,YAAY,CAAA;AAIzE,OAAO,cAAc,CAAA;AAOrB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA8NjE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAE3D,OAAO,KAAK,EAAiB,wBAAwB,EAAE,MAAM,YAAY,CAAA;AAIzE,OAAO,cAAc,CAAA;AAOrB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAsKjE,CAAA"}