@payloadcms/next 4.0.0-internal.5f0cd13 → 4.0.0-internal.63f8536

package/dist/utilities/slugify.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"slugify.d.ts","sourceRoot":"","sources":["../../src/utilities/slugify.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,yBAAyB,EAE/B,MAAM,SAAS,CAAA;AAGhB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,CACzC,yBAAyB,EACzB,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAiC7B,CAAA"}

package/dist/utilities/slugify.js

@@ -1,47 +0,0 @@
-import { flattenAllFields, getFieldByPath, UnauthorizedError } from 'payload';
-import { slugify as defaultSlugify } from 'payload/shared';
-/**
- * This server function is directly related to the {@link https://payloadcms.com/docs/fields/text#slug-field | Slug Field}.
- * This is a server function that is used to invoke the user's custom slugify function from the client.
- * This pattern is required, as there is no other way for us to pass their function across the client-server boundary.
- *   - Not through props
- *   - Not from a server function defined within a server component (see below)
- * When a server function contains non-serializable data within its closure, it gets passed through the boundary (and breaks).
- * The only way to pass server functions to the client (that contain non-serializable data) is if it is globally defined.
- * But we also cannot define this function alongside the server component, as we will not have access to their custom slugify function.
- * See `ServerFunctionsProvider` for more details.
- */
-export const slugifyHandler = async args => {
-  const {
-    collectionSlug,
-    data,
-    globalSlug,
-    path,
-    req,
-    valueToSlugify
-  } = args;
-  if (!req.user) {
-    throw new UnauthorizedError();
-  }
-  const docConfig = collectionSlug ? req.payload.collections[collectionSlug]?.config : globalSlug ? req.payload.config.globals.find(g => g.slug === globalSlug) : null;
-  if (!docConfig) {
-    throw new Error();
-  }
-  const {
-    field
-  } = getFieldByPath({
-    config: req.payload.config,
-    fields: flattenAllFields({
-      fields: docConfig.fields
-    }),
-    path
-  });
-  const customSlugify = typeof field?.custom?.slugify === 'function' ? field.custom.slugify : undefined;
-  const result = customSlugify ? await customSlugify({
-    data,
-    req,
-    valueToSlugify
-  }) : defaultSlugify(valueToSlugify);
-  return result;
-};
-//# sourceMappingURL=slugify.js.map

package/dist/utilities/slugify.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slugify.js","names":["flattenAllFields","getFieldByPath","UnauthorizedError","slugify","defaultSlugify","slugifyHandler","args","collectionSlug","data","globalSlug","path","req","valueToSlugify","user","docConfig","payload","collections","config","globals","find","g","slug","Error","field","fields","customSlugify","custom","undefined","result"],"sources":["../../src/utilities/slugify.ts"],"sourcesContent":["import type { Slugify } from 'payload/shared'\n\nimport {\n  flattenAllFields,\n  getFieldByPath,\n  type ServerFunction,\n  type SlugifyServerFunctionArgs,\n  UnauthorizedError,\n} from 'payload'\nimport { slugify as defaultSlugify } from 'payload/shared'\n\n/**\n * This server function is directly related to the {@link https://payloadcms.com/docs/fields/text#slug-field | Slug Field}.\n * This is a server function that is used to invoke the user's custom slugify function from the client.\n * This pattern is required, as there is no other way for us to pass their function across the client-server boundary.\n *   - Not through props\n *   - Not from a server function defined within a server component (see below)\n * When a server function contains non-serializable data within its closure, it gets passed through the boundary (and breaks).\n * The only way to pass server functions to the client (that contain non-serializable data) is if it is globally defined.\n * But we also cannot define this function alongside the server component, as we will not have access to their custom slugify function.\n * See `ServerFunctionsProvider` for more details.\n */\nexport const slugifyHandler: ServerFunction<\n  SlugifyServerFunctionArgs,\n  Promise<ReturnType<Slugify>>\n> = async (args) => {\n  const { collectionSlug, data, globalSlug, path, req, valueToSlugify } = args\n\n  if (!req.user) {\n    throw new UnauthorizedError()\n  }\n\n  const docConfig = collectionSlug\n    ? req.payload.collections[collectionSlug]?.config\n    : globalSlug\n      ? req.payload.config.globals.find((g) => g.slug === globalSlug)\n      : null\n\n  if (!docConfig) {\n    throw new Error()\n  }\n\n  const { field } = getFieldByPath({\n    config: req.payload.config,\n    fields: flattenAllFields({ fields: docConfig.fields }),\n    path,\n  })\n\n  const customSlugify = (\n    typeof field?.custom?.slugify === 'function' ? field.custom.slugify : undefined\n  ) as Slugify\n\n  const result = customSlugify\n    ? await customSlugify({ data, req, valueToSlugify })\n    : defaultSlugify(valueToSlugify)\n\n  return result\n}\n"],"mappings":"AAEA,SACEA,gBAAgB,EAChBC,cAAc,EAGdC,iBAAiB,QACZ;AACP,SAASC,OAAA,IAAWC,cAAc,QAAQ;AAE1C;;;;;;;;;;;AAWA,OAAO,MAAMC,cAAA,GAGT,MAAOC,IAAA;EACT,MAAM;IAAEC,cAAc;IAAEC,IAAI;IAAEC,UAAU;IAAEC,IAAI;IAAEC,GAAG;IAAEC;EAAc,CAAE,GAAGN,IAAA;EAExE,IAAI,CAACK,GAAA,CAAIE,IAAI,EAAE;IACb,MAAM,IAAIX,iBAAA;EACZ;EAEA,MAAMY,SAAA,GAAYP,cAAA,GACdI,GAAA,CAAII,OAAO,CAACC,WAAW,CAACT,cAAA,CAAe,EAAEU,MAAA,GACzCR,UAAA,GACEE,GAAA,CAAII,OAAO,CAACE,MAAM,CAACC,OAAO,CAACC,IAAI,CAAEC,CAAA,IAAMA,CAAA,CAAEC,IAAI,KAAKZ,UAAA,IAClD;EAEN,IAAI,CAACK,SAAA,EAAW;IACd,MAAM,IAAIQ,KAAA;EACZ;EAEA,MAAM;IAAEC;EAAK,CAAE,GAAGtB,cAAA,CAAe;IAC/BgB,MAAA,EAAQN,GAAA,CAAII,OAAO,CAACE,MAAM;IAC1BO,MAAA,EAAQxB,gBAAA,CAAiB;MAAEwB,MAAA,EAAQV,SAAA,CAAUU;IAAO;IACpDd;EACF;EAEA,MAAMe,aAAA,GACJ,OAAOF,KAAA,EAAOG,MAAA,EAAQvB,OAAA,KAAY,aAAaoB,KAAA,CAAMG,MAAM,CAACvB,OAAO,GAAGwB,SAAA;EAGxE,MAAMC,MAAA,GAASH,aAAA,GACX,MAAMA,aAAA,CAAc;IAAEjB,IAAA;IAAMG,GAAA;IAAKC;EAAe,KAChDR,cAAA,CAAeQ,cAAA;EAEnB,OAAOgB,MAAA;AACT","ignoreList":[]}

package/dist/utilities/timestamp.d.ts

@@ -1,2 +0,0 @@
-export declare const timestamp: (label: string) => void;
-//# sourceMappingURL=timestamp.d.ts.map

package/dist/utilities/timestamp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"timestamp.d.ts","sourceRoot":"","sources":["../../src/utilities/timestamp.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,SAMtC,CAAA"}

package/dist/utilities/timestamp.js

@@ -1,8 +0,0 @@
-export const timestamp = label => {
-  if (!process.env.PAYLOAD_TIME) {
-    process.env.PAYLOAD_TIME = String(new Date().getTime());
-  }
-  const now = new Date();
-  console.log(`[${now.getTime() - Number(process.env.PAYLOAD_TIME)}ms] ${label}`);
-};
-//# sourceMappingURL=timestamp.js.map

package/dist/utilities/timestamp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timestamp.js","names":["timestamp","label","process","env","PAYLOAD_TIME","String","Date","getTime","now","console","log","Number"],"sources":["../../src/utilities/timestamp.ts"],"sourcesContent":["export const timestamp = (label: string) => {\n  if (!process.env.PAYLOAD_TIME) {\n    process.env.PAYLOAD_TIME = String(new Date().getTime())\n  }\n  const now = new Date()\n  console.log(`[${now.getTime() - Number(process.env.PAYLOAD_TIME)}ms] ${label}`)\n}\n"],"mappings":"AAAA,OAAO,MAAMA,SAAA,GAAaC,KAAA;EACxB,IAAI,CAACC,OAAA,CAAQC,GAAG,CAACC,YAAY,EAAE;IAC7BF,OAAA,CAAQC,GAAG,CAACC,YAAY,GAAGC,MAAA,CAAO,IAAIC,IAAA,GAAOC,OAAO;EACtD;EACA,MAAMC,GAAA,GAAM,IAAIF,IAAA;EAChBG,OAAA,CAAQC,GAAG,CAAC,IAAIF,GAAA,CAAID,OAAO,KAAKI,MAAA,CAAOT,OAAA,CAAQC,GAAG,CAACC,YAAY,QAAQH,KAAA,EAAO;AAChF","ignoreList":[]}

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

@@ -1,9 +0,0 @@
-import React from 'react';
-export declare const LocaleSelector: React.FC<{
-    readonly localeOptions: {
-        label: Record<string, string> | string;
-        value: string;
-    }[];
-    readonly onChange: (value: string) => void;
-}>;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/API/LocaleSelector/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,QAAQ,CAAC,aAAa,EAAE;QACtB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;QACtC,KAAK,EAAE,MAAM,CAAA;KACd,EAAE,CAAA;IACH,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C,CAcA,CAAA"}

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

@@ -1,44 +0,0 @@
-'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SelectField, useTranslation } from '@payloadcms/ui';
-import React from 'react';
-export const LocaleSelector = t0 => {
-  const $ = _c(6);
-  const {
-    localeOptions,
-    onChange
-  } = t0;
-  const {
-    t
-  } = useTranslation();
-  let t1;
-  if ($[0] !== localeOptions || $[1] !== onChange || $[2] !== t) {
-    let t2;
-    if ($[4] !== onChange) {
-      t2 = value => onChange(value);
-      $[4] = onChange;
-      $[5] = t2;
-    } else {
-      t2 = $[5];
-    }
-    t1 = _jsx(SelectField, {
-      field: {
-        name: "locale",
-        label: t("general:locale"),
-        options: localeOptions
-      },
-      onChange: t2,
-      path: "locale"
-    });
-    $[0] = localeOptions;
-    $[1] = onChange;
-    $[2] = t;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  return t1;
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["c","_c","SelectField","useTranslation","React","LocaleSelector","t0","$","localeOptions","onChange","t","t1","t2","value","_jsx","field","name","label","options","path"],"sources":["../../../../src/views/API/LocaleSelector/index.tsx"],"sourcesContent":["'use client'\nimport { SelectField, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const LocaleSelector: React.FC<{\n  readonly localeOptions: {\n    label: Record<string, string> | string\n    value: string\n  }[]\n  readonly onChange: (value: string) => void\n}> = ({ localeOptions, onChange }) => {\n  const { t } = useTranslation()\n\n  return (\n    <SelectField\n      field={{\n        name: 'locale',\n        label: t('general:locale'),\n        options: localeOptions,\n      }}\n      onChange={(value: string) => onChange(value)}\n      path=\"locale\"\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,WAAW,EAAEC,cAAc,QAAQ;AAC5C,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,cAAA,GAMRC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO,aAAA;IAAAC;EAAA,IAAAH,EAA2B;EAC/B;IAAAI;EAAA,IAAcP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAC,aAAA,IAAAD,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,CAAA;IAAA,IAAAE,EAAA;IAAA,IAAAL,CAAA,QAAAE,QAAA;MASAG,EAAA,GAAAC,KAAA,IAAmBJ,QAAA,CAASI,KAAA;MAAAN,CAAA,MAAAE,QAAA;MAAAF,CAAA,MAAAK,EAAA;IAAA;MAAAA,EAAA,GAAAL,CAAA;IAAA;IANxCI,EAAA,GAAAG,IAAA,CAAAZ,WAAA;MAAAa,KAAA;QAAAC,IAAA,EAEU;QAAAC,KAAA,EACCP,CAAA,CAAE;QAAAQ,OAAA,EACAV;MAAA;MAAAC,QAAA,EAEDG,EAA4B;MAAAO,IAAA,EACjC;IAAA,C;;;;;;;;SAPPR,E;CAUJ","ignoreList":[]}

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

@@ -1,4 +0,0 @@
-import './index.css';
-import * as React from 'react';
-export declare const APIViewClient: React.FC;
-//# sourceMappingURL=index.client.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/API/index.client.tsx"],"names":[],"mappings":"AAoBA,OAAO,aAAa,CAAA;AAGpB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAkPjC,CAAA"}

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

@@ -1,249 +0,0 @@
-'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, CheckboxField, CodeEditorLazy, ExternalLinkIcon, Form, MinimizeMaximizeIcon, NumberField, SetDocumentStepNav, TextInput, toast, useConfig, useDocumentInfo, useLocale, useTranslation } from '@payloadcms/ui';
-import { useSearchParams } from 'next/navigation.js';
-import { formatAdminURL, hasDraftsEnabled } from 'payload/shared';
-import * as React from 'react';
-import { LocaleSelector } from './LocaleSelector/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
-      },
-      serverURL
-    },
-    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 [origin, setOrigin] = React.useState(serverURL || '');
-  const jsonString = React.useMemo(() => data === undefined ? '' : JSON.stringify(data, null, 2), [data]);
-  // readOnly editors never fire onChange, so bump a counter to re-fit height on data change
-  const [recalculatedHeightAt, setRecalculatedHeightAt] = React.useState(0);
-  React.useEffect(() => {
-    setRecalculatedHeightAt(count => count + 1);
-  }, [jsonString]);
-  // Set the origin to the window.location.origin in useEffect to avoid hydration errors
-  React.useEffect(() => {
-    if (!serverURL) {
-      setOrigin(window.location.origin);
-    }
-  }, [serverURL]);
-  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}`,
-    serverURL: origin
-  });
-  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("div", {
-    className: [baseClass, fullscreen && `${baseClass}--fullscreen`].filter(Boolean).join(' '),
-    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}__content`,
-      children: [/*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__configuration`,
-        children: /*#__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: [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"
-            }), 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"
-            })]
-          })
-        })
-      }), /*#__PURE__*/_jsxs("div", {
-        className: `${baseClass}__results-wrapper`,
-        children: [/*#__PURE__*/_jsxs("div", {
-          className: `${baseClass}__results-bar`,
-          children: [/*#__PURE__*/_jsx("div", {
-            className: `${baseClass}__api-url-field`,
-            children: /*#__PURE__*/_jsx(TextInput, {
-              className: `${baseClass}__api-url-input`,
-              htmlAttributes: {
-                'aria-label': 'API URL',
-                readOnly: true
-              },
-              path: "api-url",
-              readOnly: false,
-              value: fetchURL
-            })
-          }), /*#__PURE__*/_jsxs("div", {
-            className: `${baseClass}__results-bar-actions`,
-            children: [/*#__PURE__*/_jsx(Button, {
-              "aria-label": t('general:openInNewWindow'),
-              buttonStyle: "secondary",
-              className: `${baseClass}__api-url-open-button`,
-              el: "anchor",
-              icon: /*#__PURE__*/_jsx(ExternalLinkIcon, {
-                size: 16
-              }),
-              margin: false,
-              newTab: true,
-              size: "large",
-              url: fetchURL
-            }), /*#__PURE__*/_jsx(Button, {
-              "aria-label": "toggle fullscreen",
-              buttonStyle: "secondary",
-              className: `${baseClass}__toggle-fullscreen-button`,
-              icon: /*#__PURE__*/_jsx(MinimizeMaximizeIcon, {
-                isMinimized: !fullscreen
-              }),
-              margin: false,
-              onClick: () => setFullscreen(!fullscreen),
-              size: "large"
-            })]
-          })]
-        }), /*#__PURE__*/_jsx("div", {
-          className: `${baseClass}__results`,
-          children: /*#__PURE__*/_jsx(CodeEditorLazy, {
-            defaultLanguage: "json",
-            height: "100%",
-            options: {
-              fixedOverflowWidgets: true,
-              folding: true,
-              lineNumbers: 'on',
-              stickyScroll: {
-                enabled: false
-              },
-              wordWrap: 'off'
-            },
-            readOnly: true,
-            recalculatedHeightAt: recalculatedHeightAt,
-            value: jsonString
-          })
-        })]
-      })]
-    })]
-  });
-};
-//# sourceMappingURL=index.client.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.client.js","names":["Button","CheckboxField","CodeEditorLazy","ExternalLinkIcon","Form","MinimizeMaximizeIcon","NumberField","SetDocumentStepNav","TextInput","toast","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","formatAdminURL","hasDraftsEnabled","React","LocaleSelector","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","isTrashed","searchParams","i18n","t","code","config","defaultDepth","localization","routes","api","apiRoute","serverURL","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","origin","setOrigin","jsonString","useMemo","JSON","stringify","recalculatedHeightAt","setRecalculatedHeightAt","useEffect","count","window","location","trashParam","deletedAt","params","URLSearchParams","String","trash","fetchURL","path","fetchData","res","fetch","credentials","headers","language","method","json","error","console","_jsxs","className","filter","Boolean","join","_jsx","globalLabel","pluralLabel","labels","plural","useAsTitle","admin","view","initialState","initialValue","valid","Number","onChange","field","name","step","max","min","htmlAttributes","readOnly","buttonStyle","el","icon","size","margin","newTab","url","isMinimized","onClick","defaultLanguage","height","options","fixedOverflowWidgets","folding","lineNumbers","stickyScroll","enabled","wordWrap"],"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport {\n  Button,\n  CheckboxField,\n  CodeEditorLazy,\n  ExternalLinkIcon,\n  Form,\n  MinimizeMaximizeIcon,\n  NumberField,\n  SetDocumentStepNav,\n  TextInput,\n  toast,\n  useConfig,\n  useDocumentInfo,\n  useLocale,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useSearchParams } from 'next/navigation.js'\n\nimport './index.css'\n\nimport { formatAdminURL, hasDraftsEnabled } from 'payload/shared'\nimport * as React from 'react'\n\nimport { LocaleSelector } from './LocaleSelector/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      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}` = 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  const [origin, setOrigin] = React.useState<string>(serverURL || '')\n\n  const jsonString = React.useMemo(\n    () => (data === undefined ? '' : JSON.stringify(data, null, 2)),\n    [data],\n  )\n\n  // readOnly editors never fire onChange, so bump a counter to re-fit height on data change\n  const [recalculatedHeightAt, setRecalculatedHeightAt] = React.useState(0)\n  React.useEffect(() => {\n    setRecalculatedHeightAt((count) => count + 1)\n  }, [jsonString])\n\n  // Set the origin to the window.location.origin in useEffect to avoid hydration errors\n  React.useEffect(() => {\n    if (!serverURL) {\n      setOrigin(window.location.origin)\n    }\n  }, [serverURL])\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    serverURL: origin,\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    <div\n      className={[baseClass, fullscreen && `${baseClass}--fullscreen`].filter(Boolean).join(' ')}\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}__content`}>\n        <div className={`${baseClass}__configuration`}>\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              {localeOptions && (\n                <LocaleSelector localeOptions={localeOptions} onChange={setLocale} />\n              )}\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              {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          </Form>\n        </div>\n        <div className={`${baseClass}__results-wrapper`}>\n          <div className={`${baseClass}__results-bar`}>\n            <div className={`${baseClass}__api-url-field`}>\n              <TextInput\n                className={`${baseClass}__api-url-input`}\n                htmlAttributes={{\n                  'aria-label': 'API URL',\n                  readOnly: true,\n                }}\n                path=\"api-url\"\n                readOnly={false}\n                value={fetchURL}\n              />\n            </div>\n            <div className={`${baseClass}__results-bar-actions`}>\n              <Button\n                aria-label={t('general:openInNewWindow')}\n                buttonStyle=\"secondary\"\n                className={`${baseClass}__api-url-open-button`}\n                el=\"anchor\"\n                icon={<ExternalLinkIcon size={16} />}\n                margin={false}\n                newTab\n                size=\"large\"\n                url={fetchURL}\n              />\n              <Button\n                aria-label=\"toggle fullscreen\"\n                buttonStyle=\"secondary\"\n                className={`${baseClass}__toggle-fullscreen-button`}\n                icon={<MinimizeMaximizeIcon isMinimized={!fullscreen} />}\n                margin={false}\n                onClick={() => setFullscreen(!fullscreen)}\n                size=\"large\"\n              />\n            </div>\n          </div>\n          <div className={`${baseClass}__results`}>\n            <CodeEditorLazy\n              defaultLanguage=\"json\"\n              height=\"100%\"\n              options={{\n                fixedOverflowWidgets: true,\n                folding: true,\n                lineNumbers: 'on',\n                stickyScroll: { enabled: false },\n                wordWrap: 'off',\n              }}\n              readOnly\n              recalculatedHeightAt={recalculatedHeightAt}\n              value={jsonString}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/API/index.css

@@ -1,205 +0,0 @@
-@layer payload-default {
-  .query-inspector {
-    --header-offset: 110px;
-    flex: 1;
-    min-height: 0;
-    display: flex;
-    flex-direction: column;
-
-    ul {
-      padding-left: var(--spacer-3);
-    }
-  }
-
-  .query-inspector--fullscreen {
-    padding: 0;
-
-    .query-inspector__configuration {
-      display: none;
-    }
-
-    .query-inspector__content {
-      grid-template-columns: 1fr;
-    }
-
-    .query-inspector__results-wrapper {
-      border: 0;
-    }
-
-    .query-inspector__results-bar {
-      padding-inline-start: var(--gutter-h);
-    }
-
-    .query-inspector__results {
-      padding-inline-start: var(--gutter-h);
-    }
-  }
-
-  .query-inspector__content {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
-    flex: 1;
-    min-height: 0;
-  }
-
-  .query-inspector__configuration {
-    padding: var(--spacer-3) var(--gutter-h);
-    overflow-y: auto;
-  }
-
-  .query-inspector__api-url-field {
-    flex: 1;
-    min-width: 0;
-  }
-
-  .query-inspector__api-url-open-button {
-    color: var(--color-icon-secondary);
-
-    &:hover {
-      color: var(--color-icon);
-    }
-  }
-
-  .query-inspector__api-url-input {
-    gap: 0;
-
-    .field-type__wrap {
-      gap: 0;
-    }
-
-    .form-input {
-      user-select: text;
-      -webkit-user-select: text;
-      cursor: text;
-    }
-  }
-
-  .query-inspector__label {
-    font-weight: var(--text-body-large-strong-font-weight);
-  }
-
-  .query-inspector__form-fields {
-    display: flex;
-    flex-direction: column;
-    gap: var(--spacing-field);
-  }
-
-  .query-inspector__filter-query-checkboxes {
-    display: flex;
-    gap: var(--spacer-3);
-
-    .checkbox-input label.field-label:not(.unstyled) {
-      color: var(--color-text);
-      font-family: var(--text-body-medium-font-family);
-      font-size: var(--text-body-medium-font-size);
-      font-weight: var(--text-body-medium-font-weight);
-      line-height: var(--text-body-medium-line-height);
-    }
-  }
-
-  .query-inspector__results-wrapper {
-    display: flex;
-    flex-direction: column;
-    font-family: var(--font-family-mono);
-    min-width: 0;
-    max-height: calc(100dvh - var(--header-offset));
-    overflow: hidden;
-    background-color: var(--color-bg-secondary);
-    border-inline-start: var(--stroke-width-small) solid var(--color-border);
-
-    ul {
-      margin: 0;
-    }
-
-    li {
-      list-style: none;
-    }
-  }
-
-  .query-inspector__results-bar {
-    display: flex;
-    align-items: center;
-    gap: var(--spacer-2-5);
-    padding: var(--spacer-2);
-    padding-inline-end: var(--gutter-h);
-    background-color: var(--color-bg);
-    border-bottom: var(--stroke-width-small) solid var(--color-border);
-    flex-shrink: 0;
-  }
-
-  .query-inspector__results-bar-actions {
-    display: flex;
-    align-items: center;
-    gap: var(--spacer-2);
-    margin-inline-start: var(--spacer-2);
-    flex-shrink: 0;
-  }
-
-  .query-inspector__toggle-fullscreen-button {
-    background-color: transparent;
-    cursor: pointer;
-    margin: 0;
-    border: 0;
-    border-radius: var(--radius-medium);
-    color: var(--color-icon-secondary);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    &:hover {
-      background-color: var(--color-bg-hover);
-      color: var(--color-icon);
-    }
-
-    &:active {
-      background-color: var(--color-bg-pressed);
-      color: var(--color-icon);
-    }
-  }
-
-  .query-inspector__results {
-    overflow: visible;
-    min-height: 0;
-    flex: 1;
-  }
-
-  /* Flush, full-panel */
-  .query-inspector__results .code-editor.read-only {
-    background: var(--color-bg-secondary);
-    border: 0;
-    border-radius: 0;
-  }
-
-  @media (max-width: 1024px) {
-    .query-inspector__content {
-      display: flex;
-      flex-direction: column;
-      min-height: 0;
-      gap: var(--spacer-3);
-    }
-
-    .query-inspector__results {
-      padding-inline-start: var(--gutter-h);
-    }
-
-    .query-inspector__results-bar {
-      padding-inline-start: var(--gutter-h);
-    }
-
-    .query-inspector__configuration {
-      padding-inline-end: var(--gutter-h);
-    }
-
-    .query-inspector__results-wrapper {
-      border-inline-start: 0;
-      border-top: var(--stroke-width-small) solid var(--color-border);
-      flex: 1;
-      max-height: none;
-      min-height: 0;
-    }
-
-    .query-inspector--fullscreen .query-inspector__results-wrapper {
-      border-top: 0;
-    }
-  }
-}

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

@@ -1,4 +0,0 @@
-import type { DocumentViewServerProps } from 'payload';
-import React from 'react';
-export declare function APIView(props: DocumentViewServerProps): React.JSX.Element;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/API/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,wBAAgB,OAAO,CAAC,KAAK,EAAE,uBAAuB,qBAErD"}

package/dist/views/API/index.js

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