@payloadcms/next 3.70.0-canary.9 → 3.71.0-internal-debug.80dab4c

package/dist/views/API/index.client.js

@@ -1,207 +1,300 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { CheckboxField, CopyToClipboard, Form, Gutter, MinimizeMaximizeIcon, NumberField, SetDocumentStepNav, toast, useConfig, useDocumentInfo, useLocale, useTranslation } from '@payloadcms/ui';
 import { useSearchParams } from 'next/navigation.js';
+import './index.scss';
 import { formatAdminURL, hasDraftsEnabled } from 'payload/shared';
 import * as React from 'react';
 import { LocaleSelector } from './LocaleSelector/index.js';
 import { RenderJSON } from './RenderJSON/index.js';
 const baseClass = 'query-inspector';
-export const APIViewClient = () => {
-  const {
-    id,
-    collectionSlug,
-    globalSlug,
-    initialData,
-    isTrashed
-  } = useDocumentInfo();
-  const searchParams = useSearchParams();
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const {
-    code
-  } = useLocale();
-  const {
-    config: {
-      defaultDepth,
-      localization,
-      routes: {
-        api: apiRoute
-      }
-    },
-    getEntityConfig
-  } = useConfig();
-  const collectionConfig = getEntityConfig({
-    collectionSlug
-  });
-  const globalConfig = getEntityConfig({
-    globalSlug
-  });
-  const localeOptions = localization && localization.locales.map(locale => ({
-    label: locale.label,
-    value: locale.code
-  }));
-  let draftsEnabled = false;
-  let docEndpoint = undefined;
-  if (collectionConfig) {
-    draftsEnabled = hasDraftsEnabled(collectionConfig);
-    docEndpoint = `/${collectionSlug}/${id}`;
-  }
-  if (globalConfig) {
-    draftsEnabled = hasDraftsEnabled(globalConfig);
-    docEndpoint = `/globals/${globalSlug}`;
-  }
-  const [data, setData] = React.useState(initialData);
-  const [draft, setDraft] = React.useState(searchParams.get('draft') === 'true');
-  const [locale_0, setLocale] = React.useState(searchParams?.get('locale') || code);
-  const [depth, setDepth] = React.useState(searchParams.get('depth') || defaultDepth.toString());
-  const [authenticated, setAuthenticated] = React.useState(true);
-  const [fullscreen, setFullscreen] = React.useState(false);
-  const trashParam = typeof initialData?.deletedAt === 'string';
-  const params = new URLSearchParams({
-    depth,
-    draft: String(draft),
-    locale: locale_0,
-    trash: trashParam ? 'true' : 'false'
-  }).toString();
-  const fetchURL = formatAdminURL({
-    apiRoute,
-    path: `${docEndpoint}?${params}`
-  });
-  React.useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const res = await fetch(fetchURL, {
-          credentials: authenticated ? 'include' : 'omit',
-          headers: {
-            'Accept-Language': i18n.language
-          },
-          method: 'GET'
-        });
-        try {
-          const json = await res.json();
-          setData(json);
-        } catch (error_0) {
-          toast.error('Error parsing response');
-          console.error(error_0); // eslint-disable-line no-console
-        }
-      } catch (error) {
-        toast.error('Error making request');
-        console.error(error); // eslint-disable-line no-console
-      }
-    };
-    void fetchData();
-  }, [i18n.language, fetchURL, authenticated]);
-  return /*#__PURE__*/_jsxs(Gutter, {
-    className: [baseClass, fullscreen && `${baseClass}--fullscreen`].filter(Boolean).join(' '),
-    right: false,
-    children: [/*#__PURE__*/_jsx(SetDocumentStepNav, {
-      collectionSlug: collectionSlug,
-      globalLabel: globalConfig?.label,
-      globalSlug: globalSlug,
-      id: id,
-      isTrashed: isTrashed,
-      pluralLabel: collectionConfig ? collectionConfig?.labels?.plural : undefined,
-      useAsTitle: collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined,
-      view: "API"
-    }), /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__configuration`,
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: `${baseClass}__api-url`,
-        children: [/*#__PURE__*/_jsxs("span", {
-          className: `${baseClass}__label`,
-          children: ["API URL ", /*#__PURE__*/_jsx(CopyToClipboard, {
-            value: fetchURL
-          })]
-        }), /*#__PURE__*/_jsx("a", {
-          href: fetchURL,
-          rel: "noopener noreferrer",
-          target: "_blank",
-          children: fetchURL
-        })]
-      }), /*#__PURE__*/_jsx(Form, {
-        initialState: {
-          authenticated: {
-            initialValue: authenticated || false,
-            valid: true,
-            value: authenticated || false
-          },
-          depth: {
-            initialValue: Number(depth || 0),
-            valid: true,
-            value: Number(depth || 0)
-          },
-          draft: {
-            initialValue: draft || false,
-            valid: true,
-            value: draft || false
-          },
-          locale: {
-            initialValue: locale_0,
-            valid: true,
-            value: locale_0
-          }
-        },
-        children: /*#__PURE__*/_jsxs("div", {
-          className: `${baseClass}__form-fields`,
-          children: [/*#__PURE__*/_jsxs("div", {
-            className: `${baseClass}__filter-query-checkboxes`,
-            children: [draftsEnabled && /*#__PURE__*/_jsx(CheckboxField, {
-              field: {
-                name: 'draft',
-                label: t('version:draft')
-              },
-              onChange: () => setDraft(!draft),
-              path: "draft"
-            }), /*#__PURE__*/_jsx(CheckboxField, {
-              field: {
-                name: 'authenticated',
-                label: t('authentication:authenticated')
-              },
-              onChange: () => setAuthenticated(!authenticated),
-              path: "authenticated"
-            })]
-          }), localeOptions && /*#__PURE__*/_jsx(LocaleSelector, {
-            localeOptions: localeOptions,
-            onChange: setLocale
-          }), /*#__PURE__*/_jsx(NumberField, {
-            field: {
-              name: 'depth',
-              admin: {
-                step: 1
-              },
-              label: t('general:depth'),
-              max: 10,
-              min: 0
-            },
-            onChange: value => setDepth(value?.toString()),
-            path: "depth"
-          })]
-        })
-      })]
-    }), /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__results-wrapper`,
-      children: [/*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__toggle-fullscreen-button-container`,
-        children: /*#__PURE__*/_jsx("button", {
-          "aria-label": "toggle fullscreen",
-          className: `${baseClass}__toggle-fullscreen-button`,
-          onClick: () => setFullscreen(!fullscreen),
-          type: "button",
-          children: /*#__PURE__*/_jsx(MinimizeMaximizeIcon, {
-            isMinimized: !fullscreen
-          })
-        })
-      }), /*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__results`,
-        children: /*#__PURE__*/_jsx(RenderJSON, {
-          object: data
-        })
-      })]
-    })]
-  });
+export const APIViewClient = ()=>{
+    const { id, collectionSlug, globalSlug, initialData, isTrashed } = useDocumentInfo();
+    const searchParams = useSearchParams();
+    const { i18n, t } = useTranslation();
+    const { code } = useLocale();
+    const { config: { defaultDepth, localization, routes: { api: apiRoute } }, getEntityConfig } = useConfig();
+    const collectionConfig = getEntityConfig({
+        collectionSlug
+    });
+    const globalConfig = getEntityConfig({
+        globalSlug
+    });
+    const localeOptions = localization && localization.locales.map((locale)=>({
+            label: locale.label,
+            value: locale.code
+        }));
+    let draftsEnabled = false;
+    let docEndpoint = undefined;
+    if (collectionConfig) {
+        draftsEnabled = hasDraftsEnabled(collectionConfig);
+        docEndpoint = `/${collectionSlug}/${id}`;
+    }
+    if (globalConfig) {
+        draftsEnabled = hasDraftsEnabled(globalConfig);
+        docEndpoint = `/globals/${globalSlug}`;
+    }
+    const [data, setData] = React.useState(initialData);
+    const [draft, setDraft] = React.useState(searchParams.get('draft') === 'true');
+    const [locale, setLocale] = React.useState(searchParams?.get('locale') || code);
+    const [depth, setDepth] = React.useState(searchParams.get('depth') || defaultDepth.toString());
+    const [authenticated, setAuthenticated] = React.useState(true);
+    const [fullscreen, setFullscreen] = React.useState(false);
+    const trashParam = typeof initialData?.deletedAt === 'string';
+    const params = new URLSearchParams({
+        depth,
+        draft: String(draft),
+        locale,
+        trash: trashParam ? 'true' : 'false'
+    }).toString();
+    const fetchURL = formatAdminURL({
+        apiRoute,
+        path: `${docEndpoint}?${params}`
+    });
+    React.useEffect(()=>{
+        const fetchData = async ()=>{
+            try {
+                const res = await fetch(fetchURL, {
+                    credentials: authenticated ? 'include' : 'omit',
+                    headers: {
+                        'Accept-Language': i18n.language
+                    },
+                    method: 'GET'
+                });
+                try {
+                    const json = await res.json();
+                    setData(json);
+                } catch (error) {
+                    toast.error('Error parsing response');
+                    console.error(error);
+                }
+            } // eslint-disable-line no-console
+            catch (error) {
+                toast.error('Error making request');
+                console.error(error);
+            }
+        };
+        // eslint-disable-line no-console
+        void fetchData();
+    }, [
+        i18n.language,
+        fetchURL,
+        authenticated
+    ]);
+    return /*#__PURE__*/ _jsxDEV(Gutter, {
+        className: [
+            baseClass,
+            fullscreen && `${baseClass}--fullscreen`
+        ].filter(Boolean).join(' '),
+        right: false,
+        children: [
+            /*#__PURE__*/ _jsxDEV(SetDocumentStepNav, {
+                collectionSlug: collectionSlug,
+                globalLabel: globalConfig?.label,
+                globalSlug: globalSlug,
+                id: id,
+                isTrashed: isTrashed,
+                pluralLabel: collectionConfig ? collectionConfig?.labels?.plural : undefined,
+                useAsTitle: collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined,
+                view: "API"
+            }, void 0, false, {
+                fileName: "src/views/API/index.client.tsx",
+                lineNumber: 120,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__configuration`,
+                children: [
+                    /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__api-url`,
+                        children: [
+                            /*#__PURE__*/ _jsxDEV("span", {
+                                className: `${baseClass}__label`,
+                                children: [
+                                    "API URL ",
+                                    /*#__PURE__*/ _jsxDEV(CopyToClipboard, {
+                                        value: fetchURL
+                                    }, void 0, false, {
+                                        fileName: "src/views/API/index.client.tsx",
+                                        lineNumber: 133,
+                                        columnNumber: 21
+                                    }, this)
+                                ]
+                            }, void 0, true, {
+                                fileName: "src/views/API/index.client.tsx",
+                                lineNumber: 132,
+                                columnNumber: 11
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV("a", {
+                                href: fetchURL,
+                                rel: "noopener noreferrer",
+                                target: "_blank",
+                                children: fetchURL
+                            }, void 0, false, {
+                                fileName: "src/views/API/index.client.tsx",
+                                lineNumber: 135,
+                                columnNumber: 11
+                            }, this)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/views/API/index.client.tsx",
+                        lineNumber: 131,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(Form, {
+                        initialState: {
+                            authenticated: {
+                                initialValue: authenticated || false,
+                                valid: true,
+                                value: authenticated || false
+                            },
+                            depth: {
+                                initialValue: Number(depth || 0),
+                                valid: true,
+                                value: Number(depth || 0)
+                            },
+                            draft: {
+                                initialValue: draft || false,
+                                valid: true,
+                                value: draft || false
+                            },
+                            locale: {
+                                initialValue: locale,
+                                valid: true,
+                                value: locale
+                            }
+                        },
+                        children: /*#__PURE__*/ _jsxDEV("div", {
+                            className: `${baseClass}__form-fields`,
+                            children: [
+                                /*#__PURE__*/ _jsxDEV("div", {
+                                    className: `${baseClass}__filter-query-checkboxes`,
+                                    children: [
+                                        draftsEnabled && /*#__PURE__*/ _jsxDEV(CheckboxField, {
+                                            field: {
+                                                name: 'draft',
+                                                label: t('version:draft')
+                                            },
+                                            onChange: ()=>setDraft(!draft),
+                                            path: "draft"
+                                        }, void 0, false, {
+                                            fileName: "src/views/API/index.client.tsx",
+                                            lineNumber: 166,
+                                            columnNumber: 17
+                                        }, this),
+                                        /*#__PURE__*/ _jsxDEV(CheckboxField, {
+                                            field: {
+                                                name: 'authenticated',
+                                                label: t('authentication:authenticated')
+                                            },
+                                            onChange: ()=>setAuthenticated(!authenticated),
+                                            path: "authenticated"
+                                        }, void 0, false, {
+                                            fileName: "src/views/API/index.client.tsx",
+                                            lineNumber: 175,
+                                            columnNumber: 15
+                                        }, this)
+                                    ]
+                                }, void 0, true, {
+                                    fileName: "src/views/API/index.client.tsx",
+                                    lineNumber: 164,
+                                    columnNumber: 13
+                                }, this),
+                                localeOptions && /*#__PURE__*/ _jsxDEV(LocaleSelector, {
+                                    localeOptions: localeOptions,
+                                    onChange: setLocale
+                                }, void 0, false, {
+                                    fileName: "src/views/API/index.client.tsx",
+                                    lineNumber: 184,
+                                    columnNumber: 31
+                                }, this),
+                                /*#__PURE__*/ _jsxDEV(NumberField, {
+                                    field: {
+                                        name: 'depth',
+                                        admin: {
+                                            step: 1
+                                        },
+                                        label: t('general:depth'),
+                                        max: 10,
+                                        min: 0
+                                    },
+                                    onChange: (value)=>setDepth(value?.toString()),
+                                    path: "depth"
+                                }, void 0, false, {
+                                    fileName: "src/views/API/index.client.tsx",
+                                    lineNumber: 185,
+                                    columnNumber: 13
+                                }, this)
+                            ]
+                        }, void 0, true, {
+                            fileName: "src/views/API/index.client.tsx",
+                            lineNumber: 163,
+                            columnNumber: 11
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/views/API/index.client.tsx",
+                        lineNumber: 139,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/views/API/index.client.tsx",
+                lineNumber: 130,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__results-wrapper`,
+                children: [
+                    /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__toggle-fullscreen-button-container`,
+                        children: /*#__PURE__*/ _jsxDEV("button", {
+                            "aria-label": "toggle fullscreen",
+                            className: `${baseClass}__toggle-fullscreen-button`,
+                            onClick: ()=>setFullscreen(!fullscreen),
+                            type: "button",
+                            children: /*#__PURE__*/ _jsxDEV(MinimizeMaximizeIcon, {
+                                isMinimized: !fullscreen
+                            }, void 0, false, {
+                                fileName: "src/views/API/index.client.tsx",
+                                lineNumber: 209,
+                                columnNumber: 13
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/views/API/index.client.tsx",
+                            lineNumber: 203,
+                            columnNumber: 11
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/views/API/index.client.tsx",
+                        lineNumber: 202,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__results`,
+                        children: /*#__PURE__*/ _jsxDEV(RenderJSON, {
+                            object: data
+                        }, void 0, false, {
+                            fileName: "src/views/API/index.client.tsx",
+                            lineNumber: 213,
+                            columnNumber: 11
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/views/API/index.client.tsx",
+                        lineNumber: 212,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/views/API/index.client.tsx",
+                lineNumber: 201,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/views/API/index.client.tsx",
+        lineNumber: 116,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.client.js.map

package/dist/views/API/index.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["CheckboxField","CopyToClipboard","Form","Gutter","MinimizeMaximizeIcon","NumberField","SetDocumentStepNav","toast","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","formatAdminURL","hasDraftsEnabled","React","LocaleSelector","RenderJSON","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","isTrashed","searchParams","i18n","t","code","config","defaultDepth","localization","routes","api","apiRoute","getEntityConfig","collectionConfig","globalConfig","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","undefined","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","toString","authenticated","setAuthenticated","fullscreen","setFullscreen","trashParam","deletedAt","params","URLSearchParams","String","trash","fetchURL","path","useEffect","fetchData","res","fetch","credentials","headers","language","method","json","error","console","_jsxs","className","filter","Boolean","join","right","_jsx","globalLabel","pluralLabel","labels","plural","useAsTitle","admin","view","href","rel","target","initialState","initialValue","valid","Number","field","name","onChange","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'\n\nimport './index.scss'\n\nimport { formatAdminURL, hasDraftsEnabled } from 'payload/shared'\nimport * as React from 'react'\n\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, isTrashed } = 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    },\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}` = undefined\n\n  if (collectionConfig) {\n    draftsEnabled = hasDraftsEnabled(collectionConfig)\n    docEndpoint = `/${collectionSlug}/${id}`\n  }\n\n  if (globalConfig) {\n    draftsEnabled = hasDraftsEnabled(globalConfig)\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 trashParam = typeof initialData?.deletedAt === 'string'\n\n  const params = new URLSearchParams({\n    depth,\n    draft: String(draft),\n    locale,\n    trash: trashParam ? 'true' : 'false',\n  }).toString()\n\n  const fetchURL = formatAdminURL({\n    apiRoute,\n    path: `${docEndpoint}?${params}`,\n  })\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        isTrashed={isTrashed}\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":[]}
+{"version":3,"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'\n\nimport './index.scss'\n\nimport { formatAdminURL, hasDraftsEnabled } from 'payload/shared'\nimport * as React from 'react'\n\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, isTrashed } = 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    },\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}` = undefined\n\n  if (collectionConfig) {\n    draftsEnabled = hasDraftsEnabled(collectionConfig)\n    docEndpoint = `/${collectionSlug}/${id}`\n  }\n\n  if (globalConfig) {\n    draftsEnabled = hasDraftsEnabled(globalConfig)\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 trashParam = typeof initialData?.deletedAt === 'string'\n\n  const params = new URLSearchParams({\n    depth,\n    draft: String(draft),\n    locale,\n    trash: trashParam ? 'true' : 'false',\n  }).toString()\n\n  const fetchURL = formatAdminURL({\n    apiRoute,\n    path: `${docEndpoint}?${params}`,\n  })\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        isTrashed={isTrashed}\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"],"names":["CheckboxField","CopyToClipboard","Form","Gutter","MinimizeMaximizeIcon","NumberField","SetDocumentStepNav","toast","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","formatAdminURL","hasDraftsEnabled","React","LocaleSelector","RenderJSON","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","isTrashed","searchParams","i18n","t","code","config","defaultDepth","localization","routes","api","apiRoute","getEntityConfig","collectionConfig","globalConfig","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","undefined","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","toString","authenticated","setAuthenticated","fullscreen","setFullscreen","trashParam","deletedAt","params","URLSearchParams","String","trash","fetchURL","path","useEffect","fetchData","res","fetch","credentials","headers","language","method","json","error","console","className","filter","Boolean","join","right","globalLabel","pluralLabel","labels","plural","useAsTitle","admin","view","div","span","a","href","rel","target","initialState","initialValue","valid","Number","field","name","onChange","step","max","min","button","aria-label","onClick","type","isMinimized","object"],"mappings":"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"}

package/dist/views/API/index.js

@@ -1,7 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { APIViewClient } from './index.client.js';
 export function APIView(props) {
-  return /*#__PURE__*/_jsx(APIViewClient, {});
+    return /*#__PURE__*/ _jsxDEV(APIViewClient, {}, void 0, false, {
+        fileName: "src/views/API/index.tsx",
+        lineNumber: 8,
+        columnNumber: 10
+    }, this);
 }
+
 //# sourceMappingURL=index.js.map

package/dist/views/API/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","APIViewClient","APIView","props","_jsx"],"sources":["../../../src/views/API/index.tsx"],"sourcesContent":["import type { DocumentViewServerProps } from 'payload'\n\nimport React from 'react'\n\nimport { APIViewClient } from './index.client.js'\n\nexport function APIView(props: DocumentViewServerProps) {\n  return <APIViewClient />\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAE9B,OAAO,SAASC,QAAQC,KAA8B;EACpD,oBAAOC,IAAA,CAACH,aAAA;AACV","ignoreList":[]}
+{"version":3,"sources":["../../../src/views/API/index.tsx"],"sourcesContent":["import type { DocumentViewServerProps } from 'payload'\n\nimport React from 'react'\n\nimport { APIViewClient } from './index.client.js'\n\nexport function APIView(props: DocumentViewServerProps) {\n  return <APIViewClient />\n}\n"],"names":["React","APIViewClient","APIView","props"],"mappings":";AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,oBAAmB;AAEjD,OAAO,SAASC,QAAQC,KAA8B;IACpD,qBAAO,QAACF;;;;;AACV"}