@payloadcms/next 3.0.0-beta.9 → 3.0.0-beta.91

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/API/RenderJSON/index.tsx"],"sourcesContent":["'use client'\nimport { Chevron } from '@payloadcms/ui/icons/Chevron'\nimport * as React from 'react'\n\nimport './index.scss'\n\nconst chars = {\n  leftCurlyBracket: '\\u007B',\n  leftSquareBracket: '\\u005B',\n  rightCurlyBracket: '\\u007D',\n  rightSquareBracket: '\\u005D',\n}\n\nconst baseClass = 'query-inspector'\n\nconst Bracket = ({\n  type,\n  comma = false,\n  position,\n}: {\n  comma?: boolean\n  position: 'end' | 'start'\n  type: 'array' | 'object'\n}) => {\n  const rightBracket = type === 'object' ? chars.rightCurlyBracket : chars.rightSquareBracket\n  const leftBracket = type === 'object' ? chars.leftCurlyBracket : chars.leftSquareBracket\n  const bracketToRender = position === 'end' ? rightBracket : leftBracket\n\n  return (\n    <span className={`${baseClass}__bracket ${baseClass}__bracket--position-${position}`}>\n      {bracketToRender}\n      {position === 'end' && comma ? ',' : null}\n    </span>\n  )\n}\n\ntype Args = {\n  isEmpty?: boolean\n  object: Record<string, any> | any[]\n  objectKey?: string\n  parentType?: 'array' | 'object'\n  trailingComma?: boolean\n}\n\nexport const RenderJSON = ({\n  isEmpty = false,\n  object,\n  objectKey,\n  parentType = 'object',\n  trailingComma = false,\n}: Args) => {\n  const objectKeys = object ? Object.keys(object) : []\n  const objectLength = objectKeys.length\n  const [isOpen, setIsOpen] = React.useState<boolean>(true)\n\n  return (\n    <li>\n      <button\n        aria-label=\"toggle\"\n        className={`${baseClass}__list-toggle ${isEmpty ? `${baseClass}__list-toggle--empty` : ''}`}\n        onClick={() => setIsOpen(!isOpen)}\n        type=\"button\"\n      >\n        {isEmpty ? null : (\n          <Chevron\n            className={`${baseClass}__toggle-row-icon ${baseClass}__toggle-row-icon--${\n              isOpen ? 'open' : 'closed'\n            }`}\n          />\n        )}\n        <span>\n          {objectKey && `\"${objectKey}\": `}\n          <Bracket position=\"start\" type={parentType} />\n          {isEmpty ? <Bracket comma={trailingComma} position=\"end\" type={parentType} /> : null}\n        </span>\n      </button>\n\n      <ul className={`${baseClass}__json-children`}>\n        {isOpen &&\n          objectKeys.map((key, keyIndex) => {\n            let value = object[key]\n            let type = 'string'\n            const isLastKey = keyIndex === objectLength - 1\n\n            if (value === null) {\n              type = 'null'\n            } else if (value instanceof Date) {\n              type = 'date'\n              value = value.toISOString()\n            } else if (Array.isArray(value)) {\n              type = 'array'\n            } else if (typeof value === 'object') {\n              type = 'object'\n            } else if (typeof value === 'number') {\n              type = 'number'\n            } else if (typeof value === 'boolean') {\n              type = 'boolean'\n            } else {\n              type = 'string'\n            }\n\n            if (type === 'object' || type === 'array') {\n              return (\n                <RenderJSON\n                  isEmpty={value.length === 0 || Object.keys(value).length === 0}\n                  key={`${key}-${keyIndex}`}\n                  object={value}\n                  objectKey={parentType === 'object' ? key : undefined}\n                  parentType={type}\n                  trailingComma={!isLastKey}\n                />\n              )\n            }\n\n            if (\n              type === 'date' ||\n              type === 'string' ||\n              type === 'null' ||\n              type === 'number' ||\n              type === 'boolean'\n            ) {\n              const parentHasKey = Boolean(parentType === 'object' && key)\n\n              const rowClasses = [\n                `${baseClass}__row-line`,\n                `${baseClass}__value-type--${type}`,\n                `${baseClass}__row-line--${objectKey ? 'nested' : 'top'}`,\n              ]\n                .filter(Boolean)\n                .join(' ')\n\n              return (\n                <li className={rowClasses} key={`${key}-${keyIndex}`}>\n                  {parentHasKey ? <span>{`\"${key}\": `}</span> : null}\n\n                  <span className={`${baseClass}__value`}>{JSON.stringify(value)}</span>\n                  {isLastKey ? '' : ','}\n                </li>\n              )\n            }\n          })}\n      </ul>\n\n      {!isEmpty && (\n        <span>\n          <Bracket comma={trailingComma} position=\"end\" type={parentType} />\n        </span>\n      )}\n    </li>\n  )\n}\n"],"names":["Chevron","React","chars","leftCurlyBracket","leftSquareBracket","rightCurlyBracket","rightSquareBracket","baseClass","Bracket","type","comma","position","rightBracket","leftBracket","bracketToRender","span","className","RenderJSON","isEmpty","object","objectKey","parentType","trailingComma","objectKeys","Object","keys","objectLength","length","isOpen","setIsOpen","useState","li","button","aria-label","onClick","ul","map","key","keyIndex","value","isLastKey","Date","toISOString","Array","isArray","undefined","parentHasKey","Boolean","rowClasses","filter","join","JSON","stringify"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","ChevronIcon","React","chars","leftCurlyBracket","leftSquareBracket","rightCurlyBracket","rightSquareBracket","baseClass","Bracket","type","comma","position","rightBracket","leftBracket","bracketToRender","_jsxs","className","RenderJSON","t0","$","isEmpty","t1","object","objectKey","parentType","t2","trailingComma","t3","undefined","objectKeys","Object","keys","objectLength","length","isOpen","setIsOpen","useState","isNestedAndEmpty","t4","children","onClick","_jsx","map","key","keyIndex","value","isLastKey","Date","toISOString","Array","isArray","parentHasKey","Boolean","rowClasses","filter","join","JSON","stringify"],"sources":["../../../../src/views/API/RenderJSON/index.tsx"],"sourcesContent":["'use client'\nimport { ChevronIcon } from '@payloadcms/ui'\nimport * as React from 'react'\n\nimport './index.scss'\n\nconst chars = {\n  leftCurlyBracket: '\\u007B',\n  leftSquareBracket: '\\u005B',\n  rightCurlyBracket: '\\u007D',\n  rightSquareBracket: '\\u005D',\n}\n\nconst baseClass = 'query-inspector'\n\nconst Bracket = ({\n  type,\n  comma = false,\n  position,\n}: {\n  comma?: boolean\n  position: 'end' | 'start'\n  type: 'array' | 'object'\n}) => {\n  const rightBracket = type === 'object' ? chars.rightCurlyBracket : chars.rightSquareBracket\n  const leftBracket = type === 'object' ? chars.leftCurlyBracket : chars.leftSquareBracket\n  const bracketToRender = position === 'end' ? rightBracket : leftBracket\n\n  return (\n    <span className={`${baseClass}__bracket ${baseClass}__bracket--position-${position}`}>\n      {bracketToRender}\n      {position === 'end' && comma ? ',' : null}\n    </span>\n  )\n}\n\ntype Args = {\n  isEmpty?: boolean\n  object: Record<string, any> | any[]\n  objectKey?: string\n  parentType?: 'array' | 'object'\n  trailingComma?: boolean\n}\n\nexport const RenderJSON = ({\n  isEmpty = false,\n  object,\n  objectKey,\n  parentType = 'object',\n  trailingComma = false,\n}: Args) => {\n  const objectKeys = object ? Object.keys(object) : []\n  const objectLength = objectKeys.length\n  const [isOpen, setIsOpen] = React.useState<boolean>(true)\n  const isNestedAndEmpty = isEmpty && (parentType === 'object' || parentType === 'array')\n  return (\n    <li className={isNestedAndEmpty ? `${baseClass}__row-line--nested` : ''}>\n      <button\n        aria-label=\"toggle\"\n        className={`${baseClass}__list-toggle ${isEmpty ? `${baseClass}__list-toggle--empty` : ''}`}\n        onClick={() => setIsOpen(!isOpen)}\n        type=\"button\"\n      >\n        {isEmpty ? null : (\n          <ChevronIcon\n            className={`${baseClass}__toggle-row-icon ${baseClass}__toggle-row-icon--${\n              isOpen ? 'open' : 'closed'\n            }`}\n          />\n        )}\n        <span>\n          {objectKey && `\"${objectKey}\": `}\n          <Bracket position=\"start\" type={parentType} />\n          {isEmpty ? <Bracket comma={trailingComma} position=\"end\" type={parentType} /> : null}\n        </span>\n      </button>\n\n      <ul className={`${baseClass}__json-children`}>\n        {isOpen &&\n          objectKeys.map((key, keyIndex) => {\n            let value = object[key]\n            let type = 'string'\n            const isLastKey = keyIndex === objectLength - 1\n\n            if (value === null) {\n              type = 'null'\n            } else if (value instanceof Date) {\n              type = 'date'\n              value = value.toISOString()\n            } else if (Array.isArray(value)) {\n              type = 'array'\n            } else if (typeof value === 'object') {\n              type = 'object'\n            } else if (typeof value === 'number') {\n              type = 'number'\n            } else if (typeof value === 'boolean') {\n              type = 'boolean'\n            } else {\n              type = 'string'\n            }\n\n            if (type === 'object' || type === 'array') {\n              return (\n                <RenderJSON\n                  isEmpty={value.length === 0 || Object.keys(value).length === 0}\n                  key={`${key}-${keyIndex}`}\n                  object={value}\n                  objectKey={parentType === 'object' ? key : undefined}\n                  parentType={type}\n                  trailingComma={!isLastKey}\n                />\n              )\n            }\n\n            if (\n              type === 'date' ||\n              type === 'string' ||\n              type === 'null' ||\n              type === 'number' ||\n              type === 'boolean'\n            ) {\n              const parentHasKey = Boolean(parentType === 'object' && key)\n\n              const rowClasses = [\n                `${baseClass}__row-line`,\n                `${baseClass}__value-type--${type}`,\n                `${baseClass}__row-line--${objectKey ? 'nested' : 'top'}`,\n              ]\n                .filter(Boolean)\n                .join(' ')\n\n              return (\n                <li className={rowClasses} key={`${key}-${keyIndex}`}>\n                  {parentHasKey ? <span>{`\"${key}\": `}</span> : null}\n\n                  <span className={`${baseClass}__value`}>{JSON.stringify(value)}</span>\n                  {isLastKey ? '' : ','}\n                </li>\n              )\n            }\n          })}\n      </ul>\n\n      {!isEmpty && (\n        <span>\n          <Bracket comma={trailingComma} position=\"end\" type={parentType} />\n        </span>\n      )}\n    </li>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/API/index.client.d.ts.map

@@ -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;AAK9B,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EA2LjC,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/API/index.client.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAuLjC,CAAA"}

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

@@ -1,187 +1,202 @@
 'use client';
-import { CopyToClipboard } from '@payloadcms/ui/elements/CopyToClipboard';
-import { Gutter } from '@payloadcms/ui/elements/Gutter';
-import { Checkbox } from '@payloadcms/ui/fields/Checkbox';
-import { NumberField as NumberInput } from '@payloadcms/ui/fields/Number';
-import { Select } from '@payloadcms/ui/fields/Select';
-import { Form } from '@payloadcms/ui/forms/Form';
-import { MinimizeMaximize } from '@payloadcms/ui/icons/MinimizeMaximize';
-import { SetViewActions } from '@payloadcms/ui/providers/Actions';
-import { useComponentMap } from '@payloadcms/ui/providers/ComponentMap';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { useLocale } from '@payloadcms/ui/providers/Locale';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckboxField, CopyToClipboard, Form, Gutter, MinimizeMaximizeIcon, NumberField, SetViewActions, useConfig, useDocumentInfo, useLocale, useTranslation } from '@payloadcms/ui';
 import { useSearchParams } from 'next/navigation.js';
-import qs from 'qs';
 import * as React from 'react';
-import { toast } from 'react-toastify';
-import { SetStepNav } from '../Edit/Default/SetStepNav/index.js';
+import { toast } from 'sonner';
+import { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/index.js';
+import { LocaleSelector } from './LocaleSelector/index.js';
 import { RenderJSON } from './RenderJSON/index.js';
 const baseClass = 'query-inspector';
-export const APIViewClient = ()=>{
-    const { id, collectionSlug, globalSlug, initialData } = useDocumentInfo();
-    const searchParams = useSearchParams();
-    const { i18n } = useTranslation();
-    const { code } = useLocale();
-    const { getComponentMap } = useComponentMap();
-    const componentMap = getComponentMap({
-        collectionSlug,
-        globalSlug
-    });
-    const { collections, globals, localization, routes: { api: apiRoute }, serverURL } = useConfig();
-    const collectionConfig = collectionSlug && collections.find((collection)=>collection.slug === collectionSlug);
-    const globalConfig = globalSlug && globals.find((global)=>global.slug === globalSlug);
-    const localeOptions = localization && localization.locales.map((locale)=>({
-            label: locale.label,
-            value: locale.code
-        }));
-    let draftsEnabled = false;
-    let docEndpoint = '';
-    if (collectionConfig) {
-        draftsEnabled = Boolean(collectionConfig.versions?.drafts);
-        docEndpoint = `/${collectionSlug}/${id}`;
-    }
-    if (globalConfig) {
-        draftsEnabled = Boolean(globalConfig.versions?.drafts);
-        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') || '1');
-    const [authenticated, setAuthenticated] = React.useState(true);
-    const [fullscreen, setFullscreen] = React.useState(false);
-    const fetchURL = `${serverURL}${apiRoute}${docEndpoint}${qs.stringify({
-        depth,
-        draft,
-        locale
-    }, {
-        addQueryPrefix: true
-    })}`;
-    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);
-                }
-            } catch (error) {
-                toast.error('Error making request');
-                console.error(error);
-            }
-        };
-        void fetchData();
-    }, [
-        i18n.language,
-        fetchURL,
-        authenticated
-    ]);
-    return /*#__PURE__*/ React.createElement(Gutter, {
-        className: [
-            baseClass,
-            fullscreen && `${baseClass}--fullscreen`
-        ].filter(Boolean).join(' '),
-        right: false
-    }, /*#__PURE__*/ React.createElement(SetStepNav, {
-        collectionSlug: collectionSlug,
-        globalLabel: globalConfig?.label,
-        globalSlug: globalSlug,
-        id: id,
-        pluralLabel: collectionConfig ? collectionConfig?.labels?.plural : undefined,
-        useAsTitle: collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined,
-        view: "API"
-    }), /*#__PURE__*/ React.createElement(SetViewActions, {
-        actions: componentMap?.actionsMap?.Edit?.API
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__configuration`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__api-url`
-    }, /*#__PURE__*/ React.createElement("span", {
-        className: `${baseClass}__label`
-    }, "API URL ", /*#__PURE__*/ React.createElement(CopyToClipboard, {
-        value: fetchURL
-    })), /*#__PURE__*/ React.createElement("a", {
-        href: fetchURL,
-        rel: "noopener noreferrer",
-        target: "_blank"
-    }, fetchURL)), /*#__PURE__*/ React.createElement(Form, {
+export const APIViewClient = () => {
+  const {
+    id,
+    collectionSlug,
+    globalSlug,
+    initialData
+  } = useDocumentInfo();
+  const searchParams = useSearchParams();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    code
+  } = useLocale();
+  const {
+    config: {
+      localization,
+      routes: {
+        api: apiRoute
+      },
+      serverURL
+    },
+    getEntityConfig
+  } = useConfig();
+  const collectionClientConfig = getEntityConfig({
+    collectionSlug
+  });
+  const globalClientConfig = getEntityConfig({
+    globalSlug
+  });
+  const localeOptions = localization && localization.locales.map(locale => ({
+    label: locale.label,
+    value: locale.code
+  }));
+  let draftsEnabled = false;
+  let docEndpoint = '';
+  if (collectionClientConfig) {
+    draftsEnabled = Boolean(collectionClientConfig.versions?.drafts);
+    docEndpoint = `/${collectionSlug}/${id}`;
+  }
+  if (globalClientConfig) {
+    draftsEnabled = Boolean(globalClientConfig.versions?.drafts);
+    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') || '1');
+  const [authenticated, setAuthenticated] = React.useState(true);
+  const [fullscreen, setFullscreen] = React.useState(false);
+  const params = new URLSearchParams({
+    depth,
+    draft: String(draft),
+    locale: locale_0
+  }).toString();
+  const fetchURL = `${serverURL}${apiRoute}${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: globalClientConfig?.label,
+      globalSlug: globalSlug,
+      id: id,
+      pluralLabel: collectionClientConfig ? collectionClientConfig?.labels?.plural : undefined,
+      useAsTitle: collectionClientConfig ? collectionClientConfig?.admin?.useAsTitle : undefined,
+      view: "API"
+    }), /*#__PURE__*/_jsx(SetViewActions, {
+      actions: (collectionClientConfig || globalClientConfig)?.admin?.components?.views?.edit?.api?.actions
+    }), /*#__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)
+          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)
+            }), /*#__PURE__*/_jsx(CheckboxField, {
+              field: {
+                name: 'authenticated',
+                label: t('authentication:authenticated')
+              },
+              onChange: () => setAuthenticated(!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
             },
-            draft: {
-                initialValue: draft || false,
-                valid: true,
-                value: draft || false
-            },
-            locale: {
-                initialValue: locale,
-                valid: true,
-                value: locale
-            }
-        }
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__form-fields`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__filter-query-checkboxes`
-    }, draftsEnabled && /*#__PURE__*/ React.createElement(Checkbox, {
-        label: "Draft",
-        name: "draft",
-        onChange: ()=>setDraft(!draft),
-        path: "draft"
-    }), /*#__PURE__*/ React.createElement(Checkbox, {
-        label: "Authenticated",
-        name: "authenticated",
-        onChange: ()=>setAuthenticated(!authenticated),
-        path: "authenticated"
-    })), localeOptions && /*#__PURE__*/ React.createElement(Select, {
-        label: "Locale",
-        name: "locale",
-        onChange: (value)=>setLocale(value),
-        options: localeOptions,
-        path: "locale"
-    }), /*#__PURE__*/ React.createElement(NumberInput, {
-        label: "Depth",
-        max: 10,
-        min: 0,
-        name: "depth",
-        onChange: (value)=>setDepth(value.toString()),
-        path: "depth",
-        step: 1
-    })))), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__results-wrapper`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__toggle-fullscreen-button-container`
-    }, /*#__PURE__*/ React.createElement("button", {
-        "aria-label": "toggle fullscreen",
-        className: `${baseClass}__toggle-fullscreen-button`,
-        onClick: ()=>setFullscreen(!fullscreen),
-        type: "button"
-    }, /*#__PURE__*/ React.createElement(MinimizeMaximize, {
-        isMinimized: !fullscreen
-    }))), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__results`
-    }, /*#__PURE__*/ React.createElement(RenderJSON, {
-        object: data
-    }))));
+            onChange: value => setDepth(value?.toString())
+          })]
+        })
+      })]
+    }), /*#__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
+        })
+      })]
+    })]
+  });
 };
-
 //# sourceMappingURL=index.client.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { CopyToClipboard } from '@payloadcms/ui/elements/CopyToClipboard'\nimport { Gutter } from '@payloadcms/ui/elements/Gutter'\nimport { Checkbox } from '@payloadcms/ui/fields/Checkbox'\nimport { NumberField as NumberInput } from '@payloadcms/ui/fields/Number'\nimport { Select } from '@payloadcms/ui/fields/Select'\nimport { Form } from '@payloadcms/ui/forms/Form'\nimport { MinimizeMaximize } from '@payloadcms/ui/icons/MinimizeMaximize'\nimport { SetViewActions } from '@payloadcms/ui/providers/Actions'\nimport { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useLocale } from '@payloadcms/ui/providers/Locale'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { useSearchParams } from 'next/navigation.js'\nimport qs from 'qs'\nimport * as React from 'react'\nimport { toast } from 'react-toastify'\n\nimport { SetStepNav } from '../Edit/Default/SetStepNav/index.js'\nimport { RenderJSON } from './RenderJSON/index.js'\nimport './index.scss'\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 } = useTranslation()\n  const { code } = useLocale()\n\n  const { getComponentMap } = useComponentMap()\n\n  const componentMap = getComponentMap({ collectionSlug, globalSlug })\n\n  const {\n    collections,\n    globals,\n    localization,\n    routes: { api: apiRoute },\n    serverURL,\n  } = useConfig()\n\n  const collectionConfig =\n    collectionSlug && collections.find((collection) => collection.slug === collectionSlug)\n\n  const globalConfig = globalSlug && globals.find((global) => global.slug === 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 fetchURL = `${serverURL}${apiRoute}${docEndpoint}${qs.stringify(\n    {\n      depth,\n      draft,\n      locale,\n    },\n    { addQueryPrefix: true },\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)\n        }\n      } catch (error) {\n        toast.error('Error making request')\n        console.error(error)\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      <SetStepNav\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      <SetViewActions actions={componentMap?.actionsMap?.Edit?.API} />\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                <Checkbox\n                  label=\"Draft\"\n                  name=\"draft\"\n                  onChange={() => setDraft(!draft)}\n                  path=\"draft\"\n                />\n              )}\n              <Checkbox\n                label=\"Authenticated\"\n                name=\"authenticated\"\n                onChange={() => setAuthenticated(!authenticated)}\n                path=\"authenticated\"\n              />\n            </div>\n            {localeOptions && (\n              <Select\n                label=\"Locale\"\n                name=\"locale\"\n                onChange={(value) => setLocale(value)}\n                options={localeOptions}\n                path=\"locale\"\n              />\n            )}\n            <NumberInput\n              label=\"Depth\"\n              max={10}\n              min={0}\n              name=\"depth\"\n              onChange={(value) => setDepth(value.toString())}\n              path=\"depth\"\n              step={1}\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            <MinimizeMaximize 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":["CopyToClipboard","Gutter","Checkbox","NumberField","NumberInput","Select","Form","MinimizeMaximize","SetViewActions","useComponentMap","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","qs","React","toast","SetStepNav","RenderJSON","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","searchParams","i18n","code","getComponentMap","componentMap","collections","globals","localization","routes","api","apiRoute","serverURL","collectionConfig","find","collection","slug","globalConfig","global","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","Boolean","versions","drafts","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","authenticated","setAuthenticated","fullscreen","setFullscreen","fetchURL","stringify","addQueryPrefix","useEffect","fetchData","res","fetch","credentials","headers","language","method","json","error","console","className","filter","join","right","globalLabel","pluralLabel","labels","plural","undefined","useAsTitle","admin","view","actions","actionsMap","Edit","API","div","span","a","href","rel","target","initialState","initialValue","valid","Number","name","onChange","path","options","max","min","toString","step","button","aria-label","onClick","type","isMinimized","object"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"index.client.js","names":["CheckboxField","CopyToClipboard","Form","Gutter","MinimizeMaximizeIcon","NumberField","SetViewActions","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","React","toast","SetDocumentStepNav","LocaleSelector","RenderJSON","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","searchParams","i18n","t","code","config","localization","routes","api","apiRoute","serverURL","getEntityConfig","collectionClientConfig","globalClientConfig","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","actions","components","views","edit","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 type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\n\nimport {\n  CheckboxField,\n  CopyToClipboard,\n  Form,\n  Gutter,\n  MinimizeMaximizeIcon,\n  NumberField,\n  SetViewActions,\n  useConfig,\n  useDocumentInfo,\n  useLocale,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useSearchParams } from 'next/navigation.js'\nimport * as React from 'react'\nimport { toast } from 'sonner'\n\nimport { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/index.js'\nimport { LocaleSelector } from './LocaleSelector/index.js'\nimport { RenderJSON } from './RenderJSON/index.js'\nimport './index.scss'\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 collectionClientConfig = getEntityConfig({ collectionSlug }) as ClientCollectionConfig\n  const globalClientConfig = getEntityConfig({ globalSlug }) as ClientGlobalConfig\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 (collectionClientConfig) {\n    draftsEnabled = Boolean(collectionClientConfig.versions?.drafts)\n    docEndpoint = `/${collectionSlug}/${id}`\n  }\n\n  if (globalClientConfig) {\n    draftsEnabled = Boolean(globalClientConfig.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={globalClientConfig?.label}\n        globalSlug={globalSlug}\n        id={id}\n        pluralLabel={collectionClientConfig ? collectionClientConfig?.labels?.plural : undefined}\n        useAsTitle={collectionClientConfig ? collectionClientConfig?.admin?.useAsTitle : undefined}\n        view=\"API\"\n      />\n      <SetViewActions\n        actions={\n          (collectionClientConfig || globalClientConfig)?.admin?.components?.views?.edit?.api\n            ?.actions\n        }\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                />\n              )}\n              <CheckboxField\n                field={{\n                  name: 'authenticated',\n                  label: t('authentication:authenticated'),\n                }}\n                onChange={() => setAuthenticated(!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            />\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":"AAAA;;;AAIA,SACEA,aAAa,EACbC,eAAe,EACfC,IAAI,EACJC,MAAM,EACNC,oBAAoB,EACpBC,WAAW,EACXC,cAAc,EACdC,SAAS,EACTC,eAAe,EACfC,SAAS,EACTC,cAAc,QACT;AACP,SAASC,eAAe,QAAQ;AAChC,YAAYC,KAAA,MAAW;AACvB,SAASC,KAAK,QAAQ;AAEtB,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAG3B,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,aAAA,GAA0BA,CAAA;EACrC,MAAM;IAAEC,EAAE;IAAEC,cAAc;IAAEC,UAAU;IAAEC;EAAW,CAAE,GAAGd,eAAA;EAExD,MAAMe,YAAA,GAAeZ,eAAA;EACrB,MAAM;IAAEa,IAAI;IAAEC;EAAC,CAAE,GAAGf,cAAA;EACpB,MAAM;IAAEgB;EAAI,CAAE,GAAGjB,SAAA;EAEjB,MAAM;IACJkB,MAAA,EAAQ;MACNC,YAAY;MACZC,MAAA,EAAQ;QAAEC,GAAA,EAAKC;MAAQ,CAAE;MACzBC;IAAS,CACV;IACDC;EAAe,CAChB,GAAG1B,SAAA;EAEJ,MAAM2B,sBAAA,GAAyBD,eAAA,CAAgB;IAAEb;EAAe;EAChE,MAAMe,kBAAA,GAAqBF,eAAA,CAAgB;IAAEZ;EAAW;EAExD,MAAMe,aAAA,GACJR,YAAA,IACAA,YAAA,CAAaS,OAAO,CAACC,GAAG,CAAEC,MAAA,KAAY;IAAEC,KAAA,EAAOD,MAAA,CAAOC,KAAK;IAAEC,KAAA,EAAOF,MAAA,CAAOb;EAAK;EAElF,IAAIgB,aAAA,GAAyB;EAC7B,IAAIC,WAAA,GAAsB;EAE1B,IAAIT,sBAAA,EAAwB;IAC1BQ,aAAA,GAAgBE,OAAA,CAAQV,sBAAA,CAAuBW,QAAQ,EAAEC,MAAA;IACzDH,WAAA,GAAc,IAAIvB,cAAA,IAAkBD,EAAA,EAAI;EAC1C;EAEA,IAAIgB,kBAAA,EAAoB;IACtBO,aAAA,GAAgBE,OAAA,CAAQT,kBAAA,CAAmBU,QAAQ,EAAEC,MAAA;IACrDH,WAAA,GAAc,YAAYtB,UAAA,EAAY;EACxC;EAEA,MAAM,CAAC0B,IAAA,EAAMC,OAAA,CAAQ,GAAGpC,KAAA,CAAMqC,QAAQ,CAAM3B,WAAA;EAC5C,MAAM,CAAC4B,KAAA,EAAOC,QAAA,CAAS,GAAGvC,KAAA,CAAMqC,QAAQ,CAAU1B,YAAA,CAAa6B,GAAG,CAAC,aAAa;EAChF,MAAM,CAACb,QAAA,EAAQc,SAAA,CAAU,GAAGzC,KAAA,CAAMqC,QAAQ,CAAS1B,YAAA,EAAc6B,GAAA,CAAI,aAAa1B,IAAA;EAClF,MAAM,CAAC4B,KAAA,EAAOC,QAAA,CAAS,GAAG3C,KAAA,CAAMqC,QAAQ,CAAS1B,YAAA,CAAa6B,GAAG,CAAC,YAAY;EAC9E,MAAM,CAACI,aAAA,EAAeC,gBAAA,CAAiB,GAAG7C,KAAA,CAAMqC,QAAQ,CAAU;EAClE,MAAM,CAACS,UAAA,EAAYC,aAAA,CAAc,GAAG/C,KAAA,CAAMqC,QAAQ,CAAU;EAE5D,MAAMW,MAAA,GAAS,IAAIC,eAAA,CAAgB;IACjCP,KAAA;IACAJ,KAAA,EAAOY,MAAA,CAAOZ,KAAA;IACdX,MAAA,EAAAA;EACF,GAAGwB,QAAQ;EAEX,MAAMC,QAAA,GAAW,GAAGhC,SAAA,GAAYD,QAAA,GAAWY,WAAA,IAAeiB,MAAA,EAAQ;EAElEhD,KAAA,CAAMqD,SAAS,CAAC;IACd,MAAMC,SAAA,GAAY,MAAAA,CAAA;MAChB,IAAI;QACF,MAAMC,GAAA,GAAM,MAAMC,KAAA,CAAMJ,QAAA,EAAU;UAChCK,WAAA,EAAab,aAAA,GAAgB,YAAY;UACzCc,OAAA,EAAS;YACP,mBAAmB9C,IAAA,CAAK+C;UAC1B;UACAC,MAAA,EAAQ;QACV;QAEA,IAAI;UACF,MAAMC,IAAA,GAAO,MAAMN,GAAA,CAAIM,IAAI;UAC3BzB,OAAA,CAAQyB,IAAA;QACV,EAAE,OAAOC,OAAA,EAAO;UACd7D,KAAA,CAAM6D,KAAK,CAAC;UACZC,OAAA,CAAQD,KAAK,CAACA,OAAA,EAAO;UAAA;QACvB;MACF,EAAE,OAAOA,KAAA,EAAO;QACd7D,KAAA,CAAM6D,KAAK,CAAC;QACZC,OAAA,CAAQD,KAAK,CAACA,KAAA,EAAO;QAAA;MACvB;IACF;IAEA,KAAKR,SAAA;EACP,GAAG,CAAC1C,IAAA,CAAK+C,QAAQ,EAAEP,QAAA,EAAUR,aAAA,CAAc;EAE3C,oBACEoB,KAAA,CAACzE,MAAA;IACC0E,SAAA,EAAW,CAAC5D,SAAA,EAAWyC,UAAA,IAAc,GAAGzC,SAAA,cAAuB,CAAC,CAAC6D,MAAM,CAAClC,OAAA,EAASmC,IAAI,CAAC;IACtFC,KAAA,EAAO;4BAEPC,IAAA,CAACnE,kBAAA;MACCM,cAAA,EAAgBA,cAAA;MAChB8D,WAAA,EAAa/C,kBAAA,EAAoBK,KAAA;MACjCnB,UAAA,EAAYA,UAAA;MACZF,EAAA,EAAIA,EAAA;MACJgE,WAAA,EAAajD,sBAAA,GAAyBA,sBAAA,EAAwBkD,MAAA,EAAQC,MAAA,GAASC,SAAA;MAC/EC,UAAA,EAAYrD,sBAAA,GAAyBA,sBAAA,EAAwBsD,KAAA,EAAOD,UAAA,GAAaD,SAAA;MACjFG,IAAA,EAAK;qBAEPR,IAAA,CAAC3E,cAAA;MACCoF,OAAA,EACG,CAAAxD,sBAAA,IAA0BC,kBAAiB,GAAIqD,KAAA,EAAOG,UAAA,EAAYC,KAAA,EAAOC,IAAA,EAAM/D,GAAA,EAC5E4D;qBAGRd,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAG5D,SAAA,iBAA0B;8BAC3C2D,KAAA,CAAC;QAAIC,SAAA,EAAW,GAAG5D,SAAA,WAAoB;gCACrC2D,KAAA,CAAC;UAAKC,SAAA,EAAW,GAAG5D,SAAA,SAAkB;qBAAE,Y,aAC9BgE,IAAA,CAAChF,eAAA;YAAgBwC,KAAA,EAAOuB;;yBAElCiB,IAAA,CAAC;UAAEa,IAAA,EAAM9B,QAAA;UAAU+B,GAAA,EAAI;UAAsBC,MAAA,EAAO;oBACjDhC;;uBAGLiB,IAAA,CAAC/E,IAAA;QACC+F,YAAA,EAAc;UACZzC,aAAA,EAAe;YACb0C,YAAA,EAAc1C,aAAA,IAAiB;YAC/B2C,KAAA,EAAO;YACP1D,KAAA,EAAOe,aAAA,IAAiB;UAC1B;UACAF,KAAA,EAAO;YACL4C,YAAA,EAAcE,MAAA,CAAO9C,KAAA,IAAS;YAC9B6C,KAAA,EAAO;YACP1D,KAAA,EAAO2D,MAAA,CAAO9C,KAAA,IAAS;UACzB;UACAJ,KAAA,EAAO;YACLgD,YAAA,EAAchD,KAAA,IAAS;YACvBiD,KAAA,EAAO;YACP1D,KAAA,EAAOS,KAAA,IAAS;UAClB;UACAX,MAAA,EAAQ;YACN2D,YAAA,EAAc3D,QAAA;YACd4D,KAAA,EAAO;YACP1D,KAAA,EAAOF;UACT;QACF;kBAEA,aAAAqC,KAAA,CAAC;UAAIC,SAAA,EAAW,GAAG5D,SAAA,eAAwB;kCACzC2D,KAAA,CAAC;YAAIC,SAAA,EAAW,GAAG5D,SAAA,2BAAoC;uBACpDyB,aAAA,iBACCuC,IAAA,CAACjF,aAAA;cACCqG,KAAA,EAAO;gBACLC,IAAA,EAAM;gBACN9D,KAAA,EAAOf,CAAA,CAAE;cACX;cACA8E,QAAA,EAAUA,CAAA,KAAMpD,QAAA,CAAS,CAACD,KAAA;6BAG9B+B,IAAA,CAACjF,aAAA;cACCqG,KAAA,EAAO;gBACLC,IAAA,EAAM;gBACN9D,KAAA,EAAOf,CAAA,CAAE;cACX;cACA8E,QAAA,EAAUA,CAAA,KAAM9C,gBAAA,CAAiB,CAACD,aAAA;;cAGrCpB,aAAA,iBAAiB6C,IAAA,CAAClE,cAAA;YAAeqB,aAAA,EAAeA,aAAA;YAAemE,QAAA,EAAUlD;2BAC1E4B,IAAA,CAAC5E,WAAA;YACCgG,KAAA,EAAO;cACLC,IAAA,EAAM;cACNd,KAAA,EAAO;gBACLgB,IAAA,EAAM;cACR;cACAhE,KAAA,EAAOf,CAAA,CAAE;cACTgF,GAAA,EAAK;cACLC,GAAA,EAAK;YACP;YACAH,QAAA,EAAW9D,KAAA,IAAUc,QAAA,CAASd,KAAA,EAAOsB,QAAA;;;;qBAK7Ca,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAG5D,SAAA,mBAA4B;8BAC7CgE,IAAA,CAAC;QAAIJ,SAAA,EAAW,GAAG5D,SAAA,sCAA+C;kBAChE,aAAAgE,IAAA,CAAC;UACC,cAAW;UACXJ,SAAA,EAAW,GAAG5D,SAAA,4BAAqC;UACnD0F,OAAA,EAASA,CAAA,KAAMhD,aAAA,CAAc,CAACD,UAAA;UAC9BkD,IAAA,EAAK;oBAEL,aAAA3B,IAAA,CAAC7E,oBAAA;YAAqByG,WAAA,EAAa,CAACnD;;;uBAGxCuB,IAAA,CAAC;QAAIJ,SAAA,EAAW,GAAG5D,SAAA,WAAoB;kBACrC,aAAAgE,IAAA,CAACjE,UAAA;UAAW8F,MAAA,EAAQ/D;;;;;AAK9B","ignoreList":[]}

package/dist/views/API/index.d.ts

@@ -1,3 +1,3 @@
-import type { EditViewComponent } from 'payload/types';
-export declare const APIView: EditViewComponent;
+import type { EditViewComponent, PayloadServerReactComponent } from 'payload';
+export declare const APIView: PayloadServerReactComponent<EditViewComponent>;
 //# sourceMappingURL=index.d.ts.map

package/dist/views/API/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/API/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAMtD,eAAO,MAAM,OAAO,EAAE,iBAErB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/API/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAM7E,eAAO,MAAM,OAAO,EAAE,2BAA2B,CAAC,iBAAiB,CAElE,CAAA"}

package/dist/views/API/index.js

@@ -1,7 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { APIViewClient } from './index.client.js';
-export const APIView = ()=>{
-    return /*#__PURE__*/ React.createElement(APIViewClient, null);
+export const APIView = () => {
+  return /*#__PURE__*/_jsx(APIViewClient, {});
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/API/index.tsx"],"sourcesContent":["import type { EditViewComponent } from 'payload/types'\n\nimport React from 'react'\n\nimport { APIViewClient } from './index.client.js'\n\nexport const APIView: EditViewComponent = () => {\n  return <APIViewClient />\n}\n"],"names":["React","APIViewClient","APIView"],"rangeMappings":";;;;","mappings":"AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,oBAAmB;AAEjD,OAAO,MAAMC,UAA6B;IACxC,qBAAO,oBAACD;AACV,EAAC"}
+{"version":3,"file":"index.js","names":["React","APIViewClient","APIView","_jsx"],"sources":["../../../src/views/API/index.tsx"],"sourcesContent":["import type { EditViewComponent, PayloadServerReactComponent } from 'payload'\n\nimport React from 'react'\n\nimport { APIViewClient } from './index.client.js'\n\nexport const APIView: PayloadServerReactComponent<EditViewComponent> = () => {\n  return <APIViewClient />\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAE9B,OAAO,MAAMC,OAAA,GAA0DA,CAAA;EACrE,oBAAOC,IAAA,CAACF,aAAA;AACV","ignoreList":[]}

package/dist/views/API/index.scss

@@ -111,8 +111,7 @@
       position: relative;
       width: 100%;
       top: 0;
-      padding-right: var(--gutter-h);
-      padding-left: var(--gutter-h);
+      padding-inline-end: var(--gutter-h);
     }
   }
 }

package/dist/views/API/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/API/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAA;AAI/E,eAAO,MAAM,gBAAgB,EAAE,wBAO9B,CAAA"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/API/meta.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAA;AAI/E,eAAO,MAAM,gBAAgB,EAAE,wBAiC9B,CAAA"}

package/dist/views/API/meta.js

@@ -1,11 +1,26 @@
+import { getTranslation } from '@payloadcms/translations';
 import { meta } from '../../utilities/meta.js';
-export const generateMetadata = async ({ config })=>{
-    return meta({
-        config,
-        description: 'API',
-        keywords: 'API',
-        title: 'API'
-    });
+export const generateMetadata = async ({
+  collectionConfig,
+  config,
+  globalConfig,
+  i18n
+}) => {
+  const entityLabel = collectionConfig ? getTranslation(collectionConfig.labels.singular, i18n) : globalConfig ? getTranslation(globalConfig.label, i18n) : '';
+  return Promise.resolve(meta({
+    ...(config.admin.meta || {}),
+    description: `API - ${entityLabel}`,
+    keywords: 'API',
+    serverURL: config.serverURL,
+    title: `API - ${entityLabel}`,
+    ...(collectionConfig ? {
+      ...(collectionConfig?.admin.meta || {}),
+      ...(collectionConfig?.admin?.components?.views?.edit?.api?.meta || {})
+    } : {}),
+    ...(globalConfig ? {
+      ...(globalConfig?.admin.meta || {}),
+      ...(globalConfig?.admin?.components?.views?.edit?.api?.meta || {})
+    } : {})
+  }));
 };
-
 //# sourceMappingURL=meta.js.map