@payloadcms/next 3.0.0-beta.13 → 3.0.0-beta.131

package/dist/utilities/timestamp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utilities/timestamp.ts"],"sourcesContent":["export const timestamp = (label: string) => {\n  if (!process.env.PAYLOAD_TIME) process.env.PAYLOAD_TIME = String(new Date().getTime())\n  const now = new Date()\n  console.log(`[${now.getTime() - Number(process.env.PAYLOAD_TIME)}ms] ${label}`)\n}\n"],"names":["timestamp","label","process","env","PAYLOAD_TIME","String","Date","getTime","now","console","log","Number"],"rangeMappings":";;;;","mappings":"AAAA,OAAO,MAAMA,YAAY,CAACC;IACxB,IAAI,CAACC,QAAQC,GAAG,CAACC,YAAY,EAAEF,QAAQC,GAAG,CAACC,YAAY,GAAGC,OAAO,IAAIC,OAAOC,OAAO;IACnF,MAAMC,MAAM,IAAIF;IAChBG,QAAQC,GAAG,CAAC,CAAC,CAAC,EAAEF,IAAID,OAAO,KAAKI,OAAOT,QAAQC,GAAG,CAACC,YAAY,EAAE,IAAI,EAAEH,MAAM,CAAC;AAChF,EAAC"}
+{"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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,44 @@
+'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] !== t || $[1] !== localeOptions || $[2] !== onChange) {
+    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] = t;
+    $[1] = localeOptions;
+    $[2] = onChange;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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,QAAAG,CAAA,IAAAH,CAAA,QAAAC,aAAA,IAAAD,CAAA,QAAAE,QAAA;IAAA,IAAAG,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/RenderJSON/index.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import './index.scss';
 type Args = {
     isEmpty?: boolean;
-    object: Record<string, any> | any[];
+    object: any[] | Record<string, any>;
     objectKey?: string;
     parentType?: 'array' | 'object';
     trailingComma?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/API/RenderJSON/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,cAAc,CAAA;AAgCrB,KAAK,IAAI,GAAG;IACV,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,UAAU,+DAMpB,IAAI,sBAoGN,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/API/RenderJSON/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,cAAc,CAAA;AAgCrB,KAAK,IAAI,GAAG;IACV,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,UAAU,+DAMpB,IAAI,sBAoGN,CAAA"}

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

@@ -1,90 +1,134 @@
 'use client';
-import { Chevron } from '@payloadcms/ui/icons/Chevron';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronIcon } from '@payloadcms/ui';
 import * as React from 'react';
 const chars = {
-    leftCurlyBracket: '\u007B',
-    leftSquareBracket: '\u005B',
-    rightCurlyBracket: '\u007D',
-    rightSquareBracket: '\u005D'
+  leftCurlyBracket: '\u007B',
+  leftSquareBracket: '\u005B',
+  rightCurlyBracket: '\u007D',
+  rightSquareBracket: '\u005D'
 };
 const baseClass = 'query-inspector';
-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__*/ React.createElement("span", {
-        className: `${baseClass}__bracket ${baseClass}__bracket--position-${position}`
-    }, bracketToRender, position === 'end' && comma ? ',' : null);
+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__*/_jsxs("span", {
+    className: `${baseClass}__bracket ${baseClass}__bracket--position-${position}`,
+    children: [bracketToRender, position === 'end' && comma ? ',' : null]
+  });
 };
-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);
-    return /*#__PURE__*/ React.createElement("li", null, /*#__PURE__*/ React.createElement("button", {
-        "aria-label": "toggle",
-        className: `${baseClass}__list-toggle ${isEmpty ? `${baseClass}__list-toggle--empty` : ''}`,
-        onClick: ()=>setIsOpen(!isOpen),
-        type: "button"
-    }, isEmpty ? null : /*#__PURE__*/ React.createElement(Chevron, {
-        className: `${baseClass}__toggle-row-icon ${baseClass}__toggle-row-icon--${isOpen ? 'open' : 'closed'}`
-    }), /*#__PURE__*/ React.createElement("span", null, objectKey && `"${objectKey}": `, /*#__PURE__*/ React.createElement(Bracket, {
-        position: "start",
-        type: parentType
-    }), isEmpty ? /*#__PURE__*/ React.createElement(Bracket, {
-        comma: trailingComma,
-        position: "end",
-        type: parentType
-    }) : null)), /*#__PURE__*/ React.createElement("ul", {
-        className: `${baseClass}__json-children`
-    }, isOpen && objectKeys.map((key, keyIndex)=>{
+export const RenderJSON = t0 => {
+  const $ = _c(2);
+  const {
+    isEmpty: t1,
+    object,
+    objectKey,
+    parentType: t2,
+    trailingComma: t3
+  } = t0;
+  const isEmpty = t1 === undefined ? false : t1;
+  const parentType = t2 === undefined ? "object" : t2;
+  const trailingComma = t3 === undefined ? false : t3;
+  const objectKeys = object ? Object.keys(object) : [];
+  const objectLength = objectKeys.length;
+  const [isOpen, setIsOpen] = React.useState(true);
+  const isNestedAndEmpty = isEmpty && (parentType === "object" || parentType === "array");
+  let t4;
+  if ($[0] !== isOpen) {
+    t4 = () => setIsOpen(!isOpen);
+    $[0] = isOpen;
+    $[1] = t4;
+  } else {
+    t4 = $[1];
+  }
+  return _jsxs("li", {
+    className: isNestedAndEmpty ? `${baseClass}__row-line--nested` : "",
+    children: [_jsxs("button", {
+      "aria-label": "toggle",
+      className: `${baseClass}__list-toggle ${isEmpty ? `${baseClass}__list-toggle--empty` : ""}`,
+      onClick: t4,
+      type: "button",
+      children: [isEmpty ? null : _jsx(ChevronIcon, {
+        className: `${baseClass}__toggle-row-icon ${baseClass}__toggle-row-icon--${isOpen ? "open" : "closed"}`
+      }), _jsxs("span", {
+        children: [objectKey && `"${objectKey}": `, _jsx(Bracket, {
+          position: "start",
+          type: parentType
+        }), isEmpty ? _jsx(Bracket, {
+          comma: trailingComma,
+          position: "end",
+          type: parentType
+        }) : null]
+      })]
+    }), _jsx("ul", {
+      className: `${baseClass}__json-children`,
+      children: isOpen && objectKeys.map((key, keyIndex) => {
         let value = object[key];
-        let type = 'string';
+        let type;
         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';
+          type = "null";
         } else {
-            type = 'string';
+          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__*/ React.createElement(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 === "object" || type === "array") {
+          return _jsx(RenderJSON, {
+            isEmpty: value.length === 0 || Object.keys(value).length === 0,
+            object: value,
+            objectKey: parentType === "object" ? key : undefined,
+            parentType: type,
+            trailingComma: !isLastKey
+          }, `${key}-${keyIndex}`);
         }
-        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__*/ React.createElement("li", {
-                className: rowClasses,
-                key: `${key}-${keyIndex}`
-            }, parentHasKey ? /*#__PURE__*/ React.createElement("span", null, `"${key}": `) : null, /*#__PURE__*/ React.createElement("span", {
-                className: `${baseClass}__value`
-            }, JSON.stringify(value)), 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 _jsxs("li", {
+            className: rowClasses,
+            children: [parentHasKey ? _jsx("span", {
+              children: `"${key}": `
+            }) : null, _jsx("span", {
+              className: `${baseClass}__value`,
+              children: JSON.stringify(value)
+            }), isLastKey ? "" : ","]
+          }, `${key}-${keyIndex}`);
         }
-    })), !isEmpty && /*#__PURE__*/ React.createElement("span", null, /*#__PURE__*/ React.createElement(Bracket, {
+      })
+    }), !isEmpty && _jsx("span", {
+      children: _jsx(Bracket, {
         comma: trailingComma,
         position: "end",
         type: parentType
-    })));
+      })
+    })]
+  });
 };
-
 //# 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 { 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":"AAAA;AACA,SAASA,OAAO,QAAQ,+BAA8B;AACtD,YAAYC,WAAW,QAAO;AAI9B,MAAMC,QAAQ;IACZC,kBAAkB;IAClBC,mBAAmB;IACnBC,mBAAmB;IACnBC,oBAAoB;AACtB;AAEA,MAAMC,YAAY;AAElB,MAAMC,UAAU,CAAC,EACfC,IAAI,EACJC,QAAQ,KAAK,EACbC,QAAQ,EAKT;IACC,MAAMC,eAAeH,SAAS,WAAWP,MAAMG,iBAAiB,GAAGH,MAAMI,kBAAkB;IAC3F,MAAMO,cAAcJ,SAAS,WAAWP,MAAMC,gBAAgB,GAAGD,MAAME,iBAAiB;IACxF,MAAMU,kBAAkBH,aAAa,QAAQC,eAAeC;IAE5D,qBACE,oBAACE;QAAKC,WAAW,CAAC,EAAET,UAAU,UAAU,EAAEA,UAAU,oBAAoB,EAAEI,SAAS,CAAC;OACjFG,iBACAH,aAAa,SAASD,QAAQ,MAAM;AAG3C;AAUA,OAAO,MAAMO,aAAa,CAAC,EACzBC,UAAU,KAAK,EACfC,MAAM,EACNC,SAAS,EACTC,aAAa,QAAQ,EACrBC,gBAAgB,KAAK,EAChB;IACL,MAAMC,aAAaJ,SAASK,OAAOC,IAAI,CAACN,UAAU,EAAE;IACpD,MAAMO,eAAeH,WAAWI,MAAM;IACtC,MAAM,CAACC,QAAQC,UAAU,GAAG5B,MAAM6B,QAAQ,CAAU;IAEpD,qBACE,oBAACC,0BACC,oBAACC;QACCC,cAAW;QACXjB,WAAW,CAAC,EAAET,UAAU,cAAc,EAAEW,UAAU,CAAC,EAAEX,UAAU,oBAAoB,CAAC,GAAG,GAAG,CAAC;QAC3F2B,SAAS,IAAML,UAAU,CAACD;QAC1BnB,MAAK;OAEJS,UAAU,qBACT,oBAAClB;QACCgB,WAAW,CAAC,EAAET,UAAU,kBAAkB,EAAEA,UAAU,mBAAmB,EACvEqB,SAAS,SAAS,SACnB,CAAC;sBAGN,oBAACb,cACEK,aAAa,CAAC,CAAC,EAAEA,UAAU,GAAG,CAAC,gBAChC,oBAACZ;QAAQG,UAAS;QAAQF,MAAMY;QAC/BH,wBAAU,oBAACV;QAAQE,OAAOY;QAAeX,UAAS;QAAMF,MAAMY;SAAiB,sBAIpF,oBAACc;QAAGnB,WAAW,CAAC,EAAET,UAAU,eAAe,CAAC;OACzCqB,UACCL,WAAWa,GAAG,CAAC,CAACC,KAAKC;QACnB,IAAIC,QAAQpB,MAAM,CAACkB,IAAI;QACvB,IAAI5B,OAAO;QACX,MAAM+B,YAAYF,aAAaZ,eAAe;QAE9C,IAAIa,UAAU,MAAM;YAClB9B,OAAO;QACT,OAAO,IAAI8B,iBAAiBE,MAAM;YAChChC,OAAO;YACP8B,QAAQA,MAAMG,WAAW;QAC3B,OAAO,IAAIC,MAAMC,OAAO,CAACL,QAAQ;YAC/B9B,OAAO;QACT,OAAO,IAAI,OAAO8B,UAAU,UAAU;YACpC9B,OAAO;QACT,OAAO,IAAI,OAAO8B,UAAU,UAAU;YACpC9B,OAAO;QACT,OAAO,IAAI,OAAO8B,UAAU,WAAW;YACrC9B,OAAO;QACT,OAAO;YACLA,OAAO;QACT;QAEA,IAAIA,SAAS,YAAYA,SAAS,SAAS;YACzC,qBACE,oBAACQ;gBACCC,SAASqB,MAAMZ,MAAM,KAAK,KAAKH,OAAOC,IAAI,CAACc,OAAOZ,MAAM,KAAK;gBAC7DU,KAAK,CAAC,EAAEA,IAAI,CAAC,EAAEC,SAAS,CAAC;gBACzBnB,QAAQoB;gBACRnB,WAAWC,eAAe,WAAWgB,MAAMQ;gBAC3CxB,YAAYZ;gBACZa,eAAe,CAACkB;;QAGtB;QAEA,IACE/B,SAAS,UACTA,SAAS,YACTA,SAAS,UACTA,SAAS,YACTA,SAAS,WACT;YACA,MAAMqC,eAAeC,QAAQ1B,eAAe,YAAYgB;YAExD,MAAMW,aAAa;gBACjB,CAAC,EAAEzC,UAAU,UAAU,CAAC;gBACxB,CAAC,EAAEA,UAAU,cAAc,EAAEE,KAAK,CAAC;gBACnC,CAAC,EAAEF,UAAU,YAAY,EAAEa,YAAY,WAAW,MAAM,CAAC;aAC1D,CACE6B,MAAM,CAACF,SACPG,IAAI,CAAC;YAER,qBACE,oBAACnB;gBAAGf,WAAWgC;gBAAYX,KAAK,CAAC,EAAEA,IAAI,CAAC,EAAEC,SAAS,CAAC;eACjDQ,6BAAe,oBAAC/B,cAAM,CAAC,CAAC,EAAEsB,IAAI,GAAG,CAAC,IAAW,oBAE9C,oBAACtB;gBAAKC,WAAW,CAAC,EAAET,UAAU,OAAO,CAAC;eAAG4C,KAAKC,SAAS,CAACb,SACvDC,YAAY,KAAK;QAGxB;IACF,KAGH,CAACtB,yBACA,oBAACH,4BACC,oBAACP;QAAQE,OAAOY;QAAeX,UAAS;QAAMF,MAAMY;;AAK9D,EAAC"}
+{"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: 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 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/RenderJSON/index.scss

@@ -1,90 +1,92 @@
 @import '../../../scss/styles.scss';
 
-.query-inspector {
-  &__json-children {
-    position: relative;
+@layer payload-default {
+  .query-inspector {
+    &__json-children {
+      position: relative;
 
-    &:before {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 8px;
-      width: 1px;
-      height: 100%;
-      border-left: 1px dashed var(--theme-elevation-200);
+      &:before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 8px;
+        width: 1px;
+        height: 100%;
+        border-left: 1px dashed var(--theme-elevation-200);
+      }
     }
-  }
 
-  &__list-wrap {
-    position: relative;
-  }
+    &__list-wrap {
+      position: relative;
+    }
 
-  &__list-toggle {
-    all: unset;
-    width: 100%;
-    text-align: left;
-    cursor: pointer;
-    border-radius: 3px;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    position: relative;
-    display: flex;
-    gap: 10px;
-    align-items: center;
-    left: -3px;
-    width: calc(100% + 3px);
+    &__list-toggle {
+      all: unset;
+      width: 100%;
+      text-align: left;
+      cursor: pointer;
+      border-radius: 3px;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+      position: relative;
+      display: flex;
+      gap: 10px;
+      align-items: center;
+      left: -3px;
+      width: calc(100% + 3px);
 
-    svg {
-      margin-left: 5px;
-    }
+      svg {
+        margin-left: 5px;
+      }
 
-    svg .stroke {
-      stroke: var(--theme-elevation-400);
-    }
+      svg .stroke {
+        stroke: var(--theme-elevation-400);
+      }
 
-    &:hover {
-      background-color: var(--theme-elevation-100);
-    }
+      &:hover {
+        background-color: var(--theme-elevation-100);
+      }
 
-    &--empty {
-      cursor: default;
-      pointer-events: none;
+      &--empty {
+        cursor: default;
+        pointer-events: none;
+      }
     }
-  }
 
-  &__toggle-row-icon {
-    &--open {
-      transform: rotate(0deg);
-    }
-    &--closed {
-      transform: rotate(-90deg);
+    &__toggle-row-icon {
+      &--open {
+        transform: rotate(0deg);
+      }
+      &--closed {
+        transform: rotate(-90deg);
+      }
     }
-  }
 
-  &__value-type {
-    &--number {
-      .query-inspector__value {
-        color: var(--number-color);
+    &__value-type {
+      &--number {
+        .query-inspector__value {
+          color: var(--number-color);
+        }
       }
-    }
 
-    &--string {
-      .query-inspector__value {
-        color: var(--string-color);
+      &--string {
+        .query-inspector__value {
+          color: var(--string-color);
+        }
       }
     }
-  }
 
-  &__row-line--nested {
-    margin-left: 25px;
-  }
+    &__row-line--nested {
+      margin-left: 25px;
+    }
 
-  &__bracket {
-    position: relative;
+    &__bracket {
+      position: relative;
 
-    &--position-end {
-      left: 5px;
-      width: calc(100% - 5px);
+      &--position-end {
+        left: 5px;
+        width: calc(100% - 5px);
+      }
     }
   }
 }

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;AAG9B,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAoLjC,CAAA"}