@payloadcms/next 3.0.0-beta.7 → 3.0.0-beta.71

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,"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"],"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"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const LocaleSelector: React.FC<{
+    localeOptions: {
+        label: Record<string, string> | string;
+        value: string;
+    }[];
+    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":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,aAAa,EAAE;QACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;QACtC,KAAK,EAAE,MAAM,CAAA;KACd,EAAE,CAAA;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAYA,CAAA"}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SelectField, useTranslation } from '@payloadcms/ui';
+import React from 'react';
+export const LocaleSelector = ({ localeOptions, onChange })=>{
+    const { t } = useTranslation();
+    return /*#__PURE__*/ _jsx(SelectField, {
+        label: t('general:locale'),
+        name: "locale",
+        onChange: (value)=>onChange(value),
+        options: localeOptions,
+        path: "locale"
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/API/LocaleSelector/index.tsx"],"sourcesContent":["import { SelectField, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const LocaleSelector: React.FC<{\n  localeOptions: {\n    label: Record<string, string> | string\n    value: string\n  }[]\n  onChange: (value: string) => void\n}> = ({ localeOptions, onChange }) => {\n  const { t } = useTranslation()\n\n  return (\n    <SelectField\n      label={t('general:locale')}\n      name=\"locale\"\n      onChange={(value: string) => onChange(value)}\n      options={localeOptions}\n      path=\"locale\"\n    />\n  )\n}\n"],"names":["SelectField","useTranslation","React","LocaleSelector","localeOptions","onChange","t","label","name","value","options","path"],"mappings":";AAAA,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,KAACD;QACCO,OAAOD,EAAE;QACTE,MAAK;QACLH,UAAU,CAACI,QAAkBJ,SAASI;QACtCC,SAASN;QACTO,MAAK;;AAGX,EAAC"}

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

@@ -1,5 +1,6 @@
 'use client';
-import { Chevron } from '@payloadcms/ui/icons/Chevron';
+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',
@@ -12,79 +13,110 @@ 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);
+    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)=>{
-        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__*/ 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 === '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 ? '' : ',');
-        }
-    })), !isEmpty && /*#__PURE__*/ React.createElement("span", null, /*#__PURE__*/ React.createElement(Bracket, {
-        comma: trailingComma,
-        position: "end",
-        type: parentType
-    })));
+    const isNestedAndEmpty = isEmpty && (parentType === 'object' || parentType === 'array');
+    return /*#__PURE__*/ _jsxs("li", {
+        className: isNestedAndEmpty ? `${baseClass}__row-line--nested` : '',
+        children: [
+            /*#__PURE__*/ _jsxs("button", {
+                "aria-label": "toggle",
+                className: `${baseClass}__list-toggle ${isEmpty ? `${baseClass}__list-toggle--empty` : ''}`,
+                onClick: ()=>setIsOpen(!isOpen),
+                type: "button",
+                children: [
+                    isEmpty ? null : /*#__PURE__*/ _jsx(ChevronIcon, {
+                        className: `${baseClass}__toggle-row-icon ${baseClass}__toggle-row-icon--${isOpen ? 'open' : 'closed'}`
+                    }),
+                    /*#__PURE__*/ _jsxs("span", {
+                        children: [
+                            objectKey && `"${objectKey}": `,
+                            /*#__PURE__*/ _jsx(Bracket, {
+                                position: "start",
+                                type: parentType
+                            }),
+                            isEmpty ? /*#__PURE__*/ _jsx(Bracket, {
+                                comma: trailingComma,
+                                position: "end",
+                                type: parentType
+                            }) : null
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("ul", {
+                className: `${baseClass}__json-children`,
+                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__*/ _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__*/ _jsxs("li", {
+                            className: rowClasses,
+                            children: [
+                                parentHasKey ? /*#__PURE__*/ _jsx("span", {
+                                    children: `"${key}": `
+                                }) : null,
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: `${baseClass}__value`,
+                                    children: JSON.stringify(value)
+                                }),
+                                isLastKey ? '' : ','
+                            ]
+                        }, `${key}-${keyIndex}`);
+                    }
+                })
+            }),
+            !isEmpty && /*#__PURE__*/ _jsx("span", {
+                children: /*#__PURE__*/ _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":"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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: Record<string, any> | any[]\n  objectKey?: string\n  parentType?: 'array' | 'object'\n  trailingComma?: boolean\n}\n\nexport const RenderJSON = ({\n  isEmpty = false,\n  object,\n  objectKey,\n  parentType = 'object',\n  trailingComma = false,\n}: Args) => {\n  const objectKeys = object ? Object.keys(object) : []\n  const objectLength = objectKeys.length\n  const [isOpen, setIsOpen] = React.useState<boolean>(true)\n  const isNestedAndEmpty = isEmpty && (parentType === 'object' || parentType === 'array')\n  return (\n    <li className={isNestedAndEmpty ? `${baseClass}__row-line--nested` : ''}>\n      <button\n        aria-label=\"toggle\"\n        className={`${baseClass}__list-toggle ${isEmpty ? `${baseClass}__list-toggle--empty` : ''}`}\n        onClick={() => setIsOpen(!isOpen)}\n        type=\"button\"\n      >\n        {isEmpty ? null : (\n          <ChevronIcon\n            className={`${baseClass}__toggle-row-icon ${baseClass}__toggle-row-icon--${\n              isOpen ? 'open' : 'closed'\n            }`}\n          />\n        )}\n        <span>\n          {objectKey && `\"${objectKey}\": `}\n          <Bracket position=\"start\" type={parentType} />\n          {isEmpty ? <Bracket comma={trailingComma} position=\"end\" type={parentType} /> : null}\n        </span>\n      </button>\n\n      <ul className={`${baseClass}__json-children`}>\n        {isOpen &&\n          objectKeys.map((key, keyIndex) => {\n            let value = object[key]\n            let type = 'string'\n            const isLastKey = keyIndex === objectLength - 1\n\n            if (value === null) {\n              type = 'null'\n            } else if (value instanceof Date) {\n              type = 'date'\n              value = value.toISOString()\n            } else if (Array.isArray(value)) {\n              type = 'array'\n            } else if (typeof value === 'object') {\n              type = 'object'\n            } else if (typeof value === 'number') {\n              type = 'number'\n            } else if (typeof value === 'boolean') {\n              type = 'boolean'\n            } else {\n              type = 'string'\n            }\n\n            if (type === 'object' || type === 'array') {\n              return (\n                <RenderJSON\n                  isEmpty={value.length === 0 || Object.keys(value).length === 0}\n                  key={`${key}-${keyIndex}`}\n                  object={value}\n                  objectKey={parentType === 'object' ? key : undefined}\n                  parentType={type}\n                  trailingComma={!isLastKey}\n                />\n              )\n            }\n\n            if (\n              type === 'date' ||\n              type === 'string' ||\n              type === 'null' ||\n              type === 'number' ||\n              type === 'boolean'\n            ) {\n              const parentHasKey = Boolean(parentType === 'object' && key)\n\n              const rowClasses = [\n                `${baseClass}__row-line`,\n                `${baseClass}__value-type--${type}`,\n                `${baseClass}__row-line--${objectKey ? 'nested' : 'top'}`,\n              ]\n                .filter(Boolean)\n                .join(' ')\n\n              return (\n                <li className={rowClasses} key={`${key}-${keyIndex}`}>\n                  {parentHasKey ? <span>{`\"${key}\": `}</span> : null}\n\n                  <span className={`${baseClass}__value`}>{JSON.stringify(value)}</span>\n                  {isLastKey ? '' : ','}\n                </li>\n              )\n            }\n          })}\n      </ul>\n\n      {!isEmpty && (\n        <span>\n          <Bracket comma={trailingComma} position=\"end\" type={parentType} />\n        </span>\n      )}\n    </li>\n  )\n}\n"],"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","isNestedAndEmpty","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.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":"AAiBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAkLjC,CAAA"}

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

@@ -1,28 +1,17 @@
 'use client';
-import { CopyToClipboard } from '@payloadcms/ui/elements/CopyToClipboard';
-import { Gutter } from '@payloadcms/ui/elements/Gutter';
-import { Checkbox } from '@payloadcms/ui/fields/Checkbox';
-import { NumberField as NumberInput } from '@payloadcms/ui/fields/Number';
-import { Select } from '@payloadcms/ui/fields/Select';
-import { Form } from '@payloadcms/ui/forms/Form';
-import { MinimizeMaximize } from '@payloadcms/ui/icons/MinimizeMaximize';
-import { SetViewActions } from '@payloadcms/ui/providers/Actions';
-import { useComponentMap } from '@payloadcms/ui/providers/ComponentMap';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { useLocale } from '@payloadcms/ui/providers/Locale';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckboxField, CopyToClipboard, Form, Gutter, MinimizeMaximizeIcon, NumberField as NumberInput, SetViewActions, useComponentMap, useConfig, useDocumentInfo, useLocale, useTranslation } from '@payloadcms/ui';
 import { useSearchParams } from 'next/navigation.js';
-import qs from 'qs';
 import * as React from 'react';
-import { toast } from 'react-toastify';
-import { SetStepNav } from '../Edit/Default/SetStepNav/index.js';
+import { toast } from 'sonner';
+import { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/index.js';
+import { LocaleSelector } from './LocaleSelector/index.js';
 import { RenderJSON } from './RenderJSON/index.js';
 const baseClass = 'query-inspector';
 export const APIViewClient = ()=>{
     const { id, collectionSlug, globalSlug, initialData } = useDocumentInfo();
     const searchParams = useSearchParams();
-    const { i18n } = useTranslation();
+    const { i18n, t } = useTranslation();
     const { code } = useLocale();
     const { getComponentMap } = useComponentMap();
     const componentMap = getComponentMap({
@@ -52,13 +41,12 @@ export const APIViewClient = ()=>{
     const [depth, setDepth] = React.useState(searchParams.get('depth') || '1');
     const [authenticated, setAuthenticated] = React.useState(true);
     const [fullscreen, setFullscreen] = React.useState(false);
-    const fetchURL = `${serverURL}${apiRoute}${docEndpoint}${qs.stringify({
+    const params = new URLSearchParams({
         depth,
-        draft,
+        draft: String(draft),
         locale
-    }, {
-        addQueryPrefix: true
-    })}`;
+    }).toString();
+    const fetchURL = `${serverURL}${apiRoute}${docEndpoint}?${params}`;
     React.useEffect(()=>{
         const fetchData = async ()=>{
             try {
@@ -87,101 +75,134 @@ export const APIViewClient = ()=>{
         fetchURL,
         authenticated
     ]);
-    return /*#__PURE__*/ React.createElement(Gutter, {
+    return /*#__PURE__*/ _jsxs(Gutter, {
         className: [
             baseClass,
             fullscreen && `${baseClass}--fullscreen`
         ].filter(Boolean).join(' '),
-        right: false
-    }, /*#__PURE__*/ React.createElement(SetStepNav, {
-        collectionSlug: collectionSlug,
-        globalLabel: globalConfig?.label,
-        globalSlug: globalSlug,
-        id: id,
-        pluralLabel: collectionConfig ? collectionConfig?.labels?.plural : undefined,
-        useAsTitle: collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined,
-        view: "API"
-    }), /*#__PURE__*/ React.createElement(SetViewActions, {
-        actions: componentMap?.actionsMap?.Edit?.API
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__configuration`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__api-url`
-    }, /*#__PURE__*/ React.createElement("span", {
-        className: `${baseClass}__label`
-    }, "API URL ", /*#__PURE__*/ React.createElement(CopyToClipboard, {
-        value: fetchURL
-    })), /*#__PURE__*/ React.createElement("a", {
-        href: fetchURL,
-        rel: "noopener noreferrer",
-        target: "_blank"
-    }, fetchURL)), /*#__PURE__*/ React.createElement(Form, {
-        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
-            }
-        }
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__form-fields`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__filter-query-checkboxes`
-    }, draftsEnabled && /*#__PURE__*/ React.createElement(Checkbox, {
-        label: "Draft",
-        name: "draft",
-        onChange: ()=>setDraft(!draft),
-        path: "draft"
-    }), /*#__PURE__*/ React.createElement(Checkbox, {
-        label: "Authenticated",
-        name: "authenticated",
-        onChange: ()=>setAuthenticated(!authenticated),
-        path: "authenticated"
-    })), localeOptions && /*#__PURE__*/ React.createElement(Select, {
-        label: "Locale",
-        name: "locale",
-        onChange: (value)=>setLocale(value),
-        options: localeOptions,
-        path: "locale"
-    }), /*#__PURE__*/ React.createElement(NumberInput, {
-        label: "Depth",
-        max: 10,
-        min: 0,
-        name: "depth",
-        onChange: (value)=>setDepth(value.toString()),
-        path: "depth",
-        step: 1
-    })))), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__results-wrapper`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__toggle-fullscreen-button-container`
-    }, /*#__PURE__*/ React.createElement("button", {
-        "aria-label": "toggle fullscreen",
-        className: `${baseClass}__toggle-fullscreen-button`,
-        onClick: ()=>setFullscreen(!fullscreen),
-        type: "button"
-    }, /*#__PURE__*/ React.createElement(MinimizeMaximize, {
-        isMinimized: !fullscreen
-    }))), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__results`
-    }, /*#__PURE__*/ React.createElement(RenderJSON, {
-        object: data
-    }))));
+        right: false,
+        children: [
+            /*#__PURE__*/ _jsx(SetDocumentStepNav, {
+                collectionSlug: collectionSlug,
+                globalLabel: globalConfig?.label,
+                globalSlug: globalSlug,
+                id: id,
+                pluralLabel: collectionConfig ? collectionConfig?.labels?.plural : undefined,
+                useAsTitle: collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined,
+                view: "API"
+            }),
+            /*#__PURE__*/ _jsx(SetViewActions, {
+                actions: componentMap?.actionsMap?.Edit?.API
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__configuration`,
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__api-url`,
+                        children: [
+                            /*#__PURE__*/ _jsxs("span", {
+                                className: `${baseClass}__label`,
+                                children: [
+                                    "API URL ",
+                                    /*#__PURE__*/ _jsx(CopyToClipboard, {
+                                        value: fetchURL
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx("a", {
+                                href: fetchURL,
+                                rel: "noopener noreferrer",
+                                target: "_blank",
+                                children: fetchURL
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Form, {
+                        initialState: {
+                            authenticated: {
+                                initialValue: authenticated || false,
+                                valid: true,
+                                value: authenticated || false
+                            },
+                            depth: {
+                                initialValue: Number(depth || 0),
+                                valid: true,
+                                value: Number(depth || 0)
+                            },
+                            draft: {
+                                initialValue: draft || false,
+                                valid: true,
+                                value: draft || false
+                            },
+                            locale: {
+                                initialValue: locale,
+                                valid: true,
+                                value: locale
+                            }
+                        },
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            className: `${baseClass}__form-fields`,
+                            children: [
+                                /*#__PURE__*/ _jsxs("div", {
+                                    className: `${baseClass}__filter-query-checkboxes`,
+                                    children: [
+                                        draftsEnabled && /*#__PURE__*/ _jsx(CheckboxField, {
+                                            label: t('version:draft'),
+                                            name: "draft",
+                                            onChange: ()=>setDraft(!draft),
+                                            path: "draft"
+                                        }),
+                                        /*#__PURE__*/ _jsx(CheckboxField, {
+                                            label: t('authentication:authenticated'),
+                                            name: "authenticated",
+                                            onChange: ()=>setAuthenticated(!authenticated),
+                                            path: "authenticated"
+                                        })
+                                    ]
+                                }),
+                                localeOptions && /*#__PURE__*/ _jsx(LocaleSelector, {
+                                    localeOptions: localeOptions,
+                                    onChange: setLocale
+                                }),
+                                /*#__PURE__*/ _jsx(NumberInput, {
+                                    label: t('general:depth'),
+                                    max: 10,
+                                    min: 0,
+                                    name: "depth",
+                                    onChange: (value)=>setDepth(value?.toString()),
+                                    path: "depth",
+                                    step: 1
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__results-wrapper`,
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: `${baseClass}__toggle-fullscreen-button-container`,
+                        children: /*#__PURE__*/ _jsx("button", {
+                            "aria-label": "toggle fullscreen",
+                            className: `${baseClass}__toggle-fullscreen-button`,
+                            onClick: ()=>setFullscreen(!fullscreen),
+                            type: "button",
+                            children: /*#__PURE__*/ _jsx(MinimizeMaximizeIcon, {
+                                isMinimized: !fullscreen
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: `${baseClass}__results`,
+                        children: /*#__PURE__*/ _jsx(RenderJSON, {
+                            object: data
+                        })
+                    })
+                ]
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=index.client.js.map