@payloadcms/next 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee

package/dist/templates/Minimal/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/templates/Minimal/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'template-minimal'\n\nexport type MinimalTemplateProps = {\n  children?: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n  width?: 'normal' | 'wide'\n}\n\nexport const MinimalTemplate: React.FC<MinimalTemplateProps> = (props) => {\n  const { children, className, style = {}, width = 'normal' } = props\n\n  const classes = [className, baseClass, `${baseClass}--width-${width}`].filter(Boolean).join(' ')\n\n  return (\n    <section className={classes} style={style}>\n      <div className={`${baseClass}__wrap`}>{children}</div>\n    </section>\n  )\n}\n"],"names":["React","baseClass","MinimalTemplate","props","children","className","style","width","classes","filter","Boolean","join","section","div"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AASlB,OAAO,MAAMC,kBAAkD,CAACC;IAC9D,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,CAAC,CAAC,EAAEC,QAAQ,QAAQ,EAAE,GAAGJ;IAE9D,MAAMK,UAAU;QAACH;QAAWJ;QAAW,GAAGA,UAAU,QAAQ,EAAEM,OAAO;KAAC,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;IAE5F,qBACE,QAACC;QAAQP,WAAWG;QAASF,OAAOA;kBAClC,cAAA,QAACO;YAAIR,WAAW,GAAGJ,UAAU,MAAM,CAAC;sBAAGG;;;;;;;;;;;AAG7C,EAAC"}
+{"version":3,"sources":["../../../src/templates/Minimal/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'template-minimal'\n\nexport type MinimalTemplateProps = {\n  children?: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n  width?: 'normal' | 'wide'\n}\n\nexport const MinimalTemplate: React.FC<MinimalTemplateProps> = (props) => {\n  const { children, className, style = {}, width = 'normal' } = props\n\n  const classes = [className, baseClass, `${baseClass}--width-${width}`].filter(Boolean).join(' ')\n\n  return (\n    <section className={classes} style={style}>\n      <div className={`${baseClass}__wrap`}>{children}</div>\n    </section>\n  )\n}\n"],"names":["baseClass","MinimalTemplate","props","children","className","style","width","classes","filter","Boolean","join","section","div"],"mappings":"AAEA,OAAO,eAAc;AAErB,MAAMA,YAAY;AASlB,OAAO,MAAMC,kBAAkD,CAACC;IAC9D,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,CAAC,CAAC,EAAEC,QAAQ,QAAQ,EAAE,GAAGJ;IAE9D,MAAMK,UAAU;QAACH;QAAWJ;QAAW,GAAGA,UAAU,QAAQ,EAAEM,OAAO;KAAC,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;IAE5F,QACGC,QAAQP,WAAWG,SAASF,OAAOA,OAAO;MACzC,CAACO,IAAIR,WAAW,GAAGJ,UAAU,MAAM,CAAC,GAAGG,WAAWS,IAAI;IACxD,EAAED;AAEN,EAAC"}

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

@@ -1,22 +1,12 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { SelectField, useTranslation } from '@payloadcms/ui';
-import React from 'react';
 export const LocaleSelector = ({ localeOptions, onChange })=>{
     const { t } = useTranslation();
-    return /*#__PURE__*/ _jsxDEV(SelectField, {
-        field: {
-            name: 'locale',
-            label: t('general:locale'),
-            options: localeOptions
-        },
-        onChange: (value)=>onChange(value),
-        path: "locale"
-    }, void 0, false, {
-        fileName: "src/views/API/LocaleSelector/index.tsx",
-        lineNumber: 15,
-        columnNumber: 5
-    }, this);
+    return <SelectField field={{
+        name: 'locale',
+        label: t('general:locale'),
+        options: localeOptions
+    }} onChange={(value)=>onChange(value)} path="locale"/>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["SelectField","useTranslation","React","LocaleSelector","localeOptions","onChange","t","field","name","label","options","value","path"],"mappings":"AAAA;;AACA,SAASA,WAAW,EAAEC,cAAc,QAAQ,iBAAgB;AAC5D,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,iBAMR,CAAC,EAAEC,aAAa,EAAEC,QAAQ,EAAE;IAC/B,MAAM,EAAEC,CAAC,EAAE,GAAGL;IAEd,qBACE,QAACD;QACCO,OAAO;YACLC,MAAM;YACNC,OAAOH,EAAE;YACTI,SAASN;QACX;QACAC,UAAU,CAACM,QAAkBN,SAASM;QACtCC,MAAK;;;;;;AAGX,EAAC"}
+{"version":3,"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"],"names":["SelectField","useTranslation","LocaleSelector","localeOptions","onChange","t","field","name","label","options","value","path"],"mappings":"AAAA;AACA,SAASA,WAAW,EAAEC,cAAc,QAAQ,iBAAgB;AAG5D,OAAO,MAAMC,iBAMR,CAAC,EAAEC,aAAa,EAAEC,QAAQ,EAAE;IAC/B,MAAM,EAAEC,CAAC,EAAE,GAAGJ;IAEd,QACGD,YACCM,OAAO;QACLC,MAAM;QACNC,OAAOH,EAAE;QACTI,SAASN;IACX,GACAC,UAAU,CAACM,QAAkBN,SAASM,QACtCC,KAAK;AAGX,EAAC"}

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

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { ChevronIcon } from '@payloadcms/ui';
 import * as React from 'react';
 import './index.scss';
@@ -14,167 +13,71 @@ const Bracket = ({ type, comma = false, position })=>{
     const rightBracket = type === 'object' ? chars.rightCurlyBracket : chars.rightSquareBracket;
     const leftBracket = type === 'object' ? chars.leftCurlyBracket : chars.leftSquareBracket;
     const bracketToRender = position === 'end' ? rightBracket : leftBracket;
-    return /*#__PURE__*/ _jsxDEV("span", {
-        className: `${baseClass}__bracket ${baseClass}__bracket--position-${position}`,
-        children: [
-            bracketToRender,
-            position === 'end' && comma ? ',' : null
-        ]
-    }, void 0, true, {
-        fileName: "src/views/API/RenderJSON/index.tsx",
-        lineNumber: 30,
-        columnNumber: 5
-    }, this);
+    return <span className={`${baseClass}__bracket ${baseClass}__bracket--position-${position}`}>
+      {bracketToRender}
+      {position === 'end' && comma ? ',' : null}
+    </span>;
 };
 export const RenderJSON = ({ isEmpty = false, object, objectKey, parentType = 'object', trailingComma = false })=>{
     const objectKeys = object ? Object.keys(object) : [];
     const objectLength = objectKeys.length;
     const [isOpen, setIsOpen] = React.useState(true);
     const isNested = parentType === 'object' || parentType === 'array';
-    return /*#__PURE__*/ _jsxDEV("li", {
-        className: isNested ? `${baseClass}__row-line--nested` : '',
-        children: [
-            /*#__PURE__*/ _jsxDEV("button", {
-                "aria-label": "toggle",
-                className: `${baseClass}__list-toggle ${isEmpty ? `${baseClass}__list-toggle--empty` : ''}`,
-                onClick: ()=>setIsOpen(!isOpen),
-                type: "button",
-                children: [
-                    isEmpty ? null : /*#__PURE__*/ _jsxDEV(ChevronIcon, {
-                        className: `${baseClass}__toggle-row-icon ${baseClass}__toggle-row-icon--${isOpen ? 'open' : 'closed'}`
-                    }, void 0, false, {
-                        fileName: "src/views/API/RenderJSON/index.tsx",
-                        lineNumber: 65,
-                        columnNumber: 11
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV("span", {
-                        children: [
-                            objectKey && `"${objectKey}": `,
-                            /*#__PURE__*/ _jsxDEV(Bracket, {
-                                position: "start",
-                                type: parentType
-                            }, void 0, false, {
-                                fileName: "src/views/API/RenderJSON/index.tsx",
-                                lineNumber: 73,
-                                columnNumber: 11
-                            }, this),
-                            isEmpty ? /*#__PURE__*/ _jsxDEV(Bracket, {
-                                comma: trailingComma,
-                                position: "end",
-                                type: parentType
-                            }, void 0, false, {
-                                fileName: "src/views/API/RenderJSON/index.tsx",
-                                lineNumber: 74,
-                                columnNumber: 22
-                            }, this) : null
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/views/API/RenderJSON/index.tsx",
-                        lineNumber: 71,
-                        columnNumber: 9
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/views/API/RenderJSON/index.tsx",
-                lineNumber: 58,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("ul", {
-                className: `${baseClass}__json-children ${isNested ? `${baseClass}__json-children--nested` : ''}`,
-                children: isOpen && objectKeys.map((key, keyIndex)=>{
-                    let value = object[key];
-                    let type = 'string';
-                    const isLastKey = keyIndex === objectLength - 1;
-                    if (value === null) {
-                        type = 'null';
-                    } else if (value instanceof Date) {
-                        type = 'date';
-                        value = value.toISOString();
-                    } else if (Array.isArray(value)) {
-                        type = 'array';
-                    } else if (typeof value === 'object') {
-                        type = 'object';
-                    } else if (typeof value === 'number') {
-                        type = 'number';
-                    } else if (typeof value === 'boolean') {
-                        type = 'boolean';
-                    } else {
-                        type = 'string';
-                    }
-                    if (type === 'object' || type === 'array') {
-                        return /*#__PURE__*/ _jsxDEV(RenderJSON, {
-                            isEmpty: value.length === 0 || Object.keys(value).length === 0,
-                            object: value,
-                            objectKey: parentType === 'object' ? key : undefined,
-                            parentType: type,
-                            trailingComma: !isLastKey
-                        }, `${key}-${keyIndex}`, false, {
-                            fileName: "src/views/API/RenderJSON/index.tsx",
-                            lineNumber: 106,
-                            columnNumber: 17
-                        }, this);
-                    }
-                    if (type === 'date' || type === 'string' || type === 'null' || type === 'number' || type === 'boolean') {
-                        const parentHasKey = Boolean(parentType === 'object' && key);
-                        const rowClasses = [
-                            `${baseClass}__row-line`,
-                            `${baseClass}__value-type--${type}`,
-                            `${baseClass}__row-line--${objectKey ? 'nested' : 'top'}`
-                        ].filter(Boolean).join(' ');
-                        return /*#__PURE__*/ _jsxDEV("li", {
-                            className: rowClasses,
-                            children: [
-                                parentHasKey ? /*#__PURE__*/ _jsxDEV("span", {
-                                    children: `"${key}": `
-                                }, void 0, false, {
-                                    fileName: "src/views/API/RenderJSON/index.tsx",
-                                    lineNumber: 136,
-                                    columnNumber: 35
-                                }, this) : null,
-                                /*#__PURE__*/ _jsxDEV("span", {
-                                    className: `${baseClass}__value`,
-                                    children: JSON.stringify(value)
-                                }, void 0, false, {
-                                    fileName: "src/views/API/RenderJSON/index.tsx",
-                                    lineNumber: 138,
-                                    columnNumber: 19
-                                }, this),
-                                isLastKey ? '' : ','
-                            ]
-                        }, `${key}-${keyIndex}`, true, {
-                            fileName: "src/views/API/RenderJSON/index.tsx",
-                            lineNumber: 135,
-                            columnNumber: 17
-                        }, this);
-                    }
-                })
-            }, void 0, false, {
-                fileName: "src/views/API/RenderJSON/index.tsx",
-                lineNumber: 78,
-                columnNumber: 7
-            }, this),
-            !isEmpty && /*#__PURE__*/ _jsxDEV("span", {
-                className: isNested ? `${baseClass}__bracket--nested` : '',
-                children: /*#__PURE__*/ _jsxDEV(Bracket, {
-                    comma: trailingComma,
-                    position: "end",
-                    type: parentType
-                }, void 0, false, {
-                    fileName: "src/views/API/RenderJSON/index.tsx",
-                    lineNumber: 148,
-                    columnNumber: 11
-                }, this)
-            }, void 0, false, {
-                fileName: "src/views/API/RenderJSON/index.tsx",
-                lineNumber: 147,
-                columnNumber: 9
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/views/API/RenderJSON/index.tsx",
-        lineNumber: 57,
-        columnNumber: 5
-    }, this);
+    return <li className={isNested ? `${baseClass}__row-line--nested` : ''}>
+      <button aria-label="toggle" className={`${baseClass}__list-toggle ${isEmpty ? `${baseClass}__list-toggle--empty` : ''}`} onClick={()=>setIsOpen(!isOpen)} type="button">
+        {isEmpty ? null : <ChevronIcon className={`${baseClass}__toggle-row-icon ${baseClass}__toggle-row-icon--${isOpen ? 'open' : 'closed'}`}/>}
+        <span>
+          {objectKey && `"${objectKey}": `}
+          <Bracket position="start" type={parentType}/>
+          {isEmpty ? <Bracket comma={trailingComma} position="end" type={parentType}/> : null}
+        </span>
+      </button>
+
+      <ul className={`${baseClass}__json-children ${isNested ? `${baseClass}__json-children--nested` : ''}`}>
+        {isOpen && objectKeys.map((key, keyIndex)=>{
+        let value = object[key];
+        let type = 'string';
+        const isLastKey = keyIndex === objectLength - 1;
+        if (value === null) {
+            type = 'null';
+        } else if (value instanceof Date) {
+            type = 'date';
+            value = value.toISOString();
+        } else if (Array.isArray(value)) {
+            type = 'array';
+        } else if (typeof value === 'object') {
+            type = 'object';
+        } else if (typeof value === 'number') {
+            type = 'number';
+        } else if (typeof value === 'boolean') {
+            type = 'boolean';
+        } else {
+            type = 'string';
+        }
+        if (type === 'object' || type === 'array') {
+            return <RenderJSON isEmpty={value.length === 0 || Object.keys(value).length === 0} key={`${key}-${keyIndex}`} object={value} objectKey={parentType === 'object' ? key : undefined} parentType={type} trailingComma={!isLastKey}/>;
+        }
+        if (type === 'date' || type === 'string' || type === 'null' || type === 'number' || type === 'boolean') {
+            const parentHasKey = Boolean(parentType === 'object' && key);
+            const rowClasses = [
+                `${baseClass}__row-line`,
+                `${baseClass}__value-type--${type}`,
+                `${baseClass}__row-line--${objectKey ? 'nested' : 'top'}`
+            ].filter(Boolean).join(' ');
+            return <li className={rowClasses} key={`${key}-${keyIndex}`}>
+                  {parentHasKey ? <span>{`"${key}": `}</span> : null}
+
+                  <span className={`${baseClass}__value`}>{JSON.stringify(value)}</span>
+                  {isLastKey ? '' : ','}
+                </li>;
+        }
+    })}
+      </ul>
+
+      {!isEmpty && <span className={isNested ? `${baseClass}__bracket--nested` : ''}>
+          <Bracket comma={trailingComma} position="end" type={parentType}/>
+        </span>}
+    </li>;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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: any[] | Record<string, 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 isNested = parentType === 'object' || parentType === 'array'\n  return (\n    <li className={isNested ? `${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\n        className={`${baseClass}__json-children ${isNested ? `${baseClass}__json-children--nested` : ''}`}\n      >\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 className={isNested ? `${baseClass}__bracket--nested` : ''}>\n          <Bracket comma={trailingComma} position=\"end\" type={parentType} />\n        </span>\n      )}\n    </li>\n  )\n}\n"],"names":["ChevronIcon","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","isNested","li","button","aria-label","onClick","ul","map","key","keyIndex","value","isLastKey","Date","toISOString","Array","isArray","undefined","parentHasKey","Boolean","rowClasses","filter","join","JSON","stringify"],"mappings":"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"}
+{"version":3,"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: any[] | Record<string, 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 isNested = parentType === 'object' || parentType === 'array'\n  return (\n    <li className={isNested ? `${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\n        className={`${baseClass}__json-children ${isNested ? `${baseClass}__json-children--nested` : ''}`}\n      >\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 className={isNested ? `${baseClass}__bracket--nested` : ''}>\n          <Bracket comma={trailingComma} position=\"end\" type={parentType} />\n        </span>\n      )}\n    </li>\n  )\n}\n"],"names":["ChevronIcon","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","isNested","li","button","aria-label","onClick","ul","map","key","keyIndex","value","isLastKey","Date","toISOString","Array","isArray","undefined","parentHasKey","Boolean","rowClasses","filter","join","JSON","stringify"],"mappings":"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"}

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

@@ -1,5 +1,4 @@
 'use client';
-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';
@@ -78,220 +77,77 @@ export const APIViewClient = ()=>{
         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: 118,
-                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: 131,
-                                        columnNumber: 21
-                                    }, this)
-                                ]
-                            }, void 0, true, {
-                                fileName: "src/views/API/index.client.tsx",
-                                lineNumber: 130,
-                                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: 133,
-                                columnNumber: 11
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/views/API/index.client.tsx",
-                        lineNumber: 129,
-                        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: 164,
-                                            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: 173,
-                                            columnNumber: 15
-                                        }, this)
-                                    ]
-                                }, void 0, true, {
-                                    fileName: "src/views/API/index.client.tsx",
-                                    lineNumber: 162,
-                                    columnNumber: 13
-                                }, this),
-                                localeOptions && /*#__PURE__*/ _jsxDEV(LocaleSelector, {
-                                    localeOptions: localeOptions,
-                                    onChange: setLocale
-                                }, void 0, false, {
-                                    fileName: "src/views/API/index.client.tsx",
-                                    lineNumber: 182,
-                                    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: 183,
-                                    columnNumber: 13
-                                }, this)
-                            ]
-                        }, void 0, true, {
-                            fileName: "src/views/API/index.client.tsx",
-                            lineNumber: 161,
-                            columnNumber: 11
-                        }, this)
-                    }, void 0, false, {
-                        fileName: "src/views/API/index.client.tsx",
-                        lineNumber: 137,
-                        columnNumber: 9
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/views/API/index.client.tsx",
-                lineNumber: 128,
-                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: 207,
-                                columnNumber: 13
-                            }, this)
-                        }, void 0, false, {
-                            fileName: "src/views/API/index.client.tsx",
-                            lineNumber: 201,
-                            columnNumber: 11
-                        }, this)
-                    }, void 0, false, {
-                        fileName: "src/views/API/index.client.tsx",
-                        lineNumber: 200,
-                        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: 211,
-                            columnNumber: 11
-                        }, this)
-                    }, void 0, false, {
-                        fileName: "src/views/API/index.client.tsx",
-                        lineNumber: 210,
-                        columnNumber: 9
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/views/API/index.client.tsx",
-                lineNumber: 199,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/views/API/index.client.tsx",
-        lineNumber: 114,
-        columnNumber: 5
-    }, this);
+    return <Gutter className={[
+        baseClass,
+        fullscreen && `${baseClass}--fullscreen`
+    ].filter(Boolean).join(' ')} right={false}>
+      <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"/>
+      <div className={`${baseClass}__configuration`}>
+        <div className={`${baseClass}__api-url`}>
+          <span className={`${baseClass}__label`}>
+            API URL <CopyToClipboard value={fetchURL}/>
+          </span>
+          <a href={fetchURL} rel="noopener noreferrer" target="_blank">
+            {fetchURL}
+          </a>
+        </div>
+        <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
+        }
+    }}>
+          <div className={`${baseClass}__form-fields`}>
+            <div className={`${baseClass}__filter-query-checkboxes`}>
+              {draftsEnabled && <CheckboxField field={{
+        name: 'draft',
+        label: t('version:draft')
+    }} onChange={()=>setDraft(!draft)} path="draft"/>}
+              <CheckboxField field={{
+        name: 'authenticated',
+        label: t('authentication:authenticated')
+    }} onChange={()=>setAuthenticated(!authenticated)} path="authenticated"/>
+            </div>
+            {localeOptions && <LocaleSelector localeOptions={localeOptions} onChange={setLocale}/>}
+            <NumberField field={{
+        name: 'depth',
+        admin: {
+            step: 1
+        },
+        label: t('general:depth'),
+        max: 10,
+        min: 0
+    }} onChange={(value)=>setDepth(value?.toString())} path="depth"/>
+          </div>
+        </Form>
+      </div>
+      <div className={`${baseClass}__results-wrapper`}>
+        <div className={`${baseClass}__toggle-fullscreen-button-container`}>
+          <button aria-label="toggle fullscreen" className={`${baseClass}__toggle-fullscreen-button`} onClick={()=>setFullscreen(!fullscreen)} type="button">
+            <MinimizeMaximizeIcon isMinimized={!fullscreen}/>
+          </button>
+        </div>
+        <div className={`${baseClass}__results`}>
+          <RenderJSON object={data}/>
+        </div>
+      </div>
+    </Gutter>;
 };
 
 //# sourceMappingURL=index.client.js.map