@payloadcms/next 3.0.0-alpha.8 → 3.0.0-beta.1

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

@@ -1,58 +1,6 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "RenderJSON", {
-    enumerable: true,
-    get: function() {
-        return RenderJSON;
-    }
-});
-const _ui = require("@payloadcms/ui");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-require("./index.scss");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+import { Chevron } from '@payloadcms/ui/icons/Chevron';
+import * as React from 'react';
 const chars = {
     leftCurlyBracket: '\u007B',
     leftSquareBracket: '\u005B',
@@ -60,33 +8,33 @@ const chars = {
     rightSquareBracket: '\u005D'
 };
 const baseClass = 'query-inspector';
-const Bracket = ({ comma = false, position, type })=>{
+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", {
+    return /*#__PURE__*/ React.createElement("span", {
         className: `${baseClass}__bracket ${baseClass}__bracket--position-${position}`
     }, bracketToRender, position === 'end' && comma ? ',' : null);
 };
-const RenderJSON = ({ isEmpty = false, object, objectKey, parentType = 'object', trailingComma = false })=>{
-    const objectKeys = Object.keys(object);
+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", {
+    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(_ui.Chevron, {
+    }, 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, {
+    }), /*#__PURE__*/ React.createElement("span", null, objectKey && `"${objectKey}": `, /*#__PURE__*/ React.createElement(Bracket, {
         position: "start",
         type: parentType
-    }), isEmpty ? /*#__PURE__*/ _react.createElement(Bracket, {
+    }), isEmpty ? /*#__PURE__*/ React.createElement(Bracket, {
         comma: trailingComma,
         position: "end",
         type: parentType
-    }) : null)), /*#__PURE__*/ _react.createElement("ul", {
+    }) : null)), /*#__PURE__*/ React.createElement("ul", {
         className: `${baseClass}__json-children`
     }, isOpen && objectKeys.map((key, keyIndex)=>{
         let value = object[key];
@@ -109,7 +57,7 @@ const RenderJSON = ({ isEmpty = false, object, objectKey, parentType = 'object',
             type = 'string';
         }
         if (type === 'object' || type === 'array') {
-            return /*#__PURE__*/ _react.createElement(RenderJSON, {
+            return /*#__PURE__*/ React.createElement(RenderJSON, {
                 isEmpty: value.length === 0 || Object.keys(value).length === 0,
                 key: `${key}-${keyIndex}`,
                 object: value,
@@ -125,18 +73,18 @@ const RenderJSON = ({ isEmpty = false, object, objectKey, parentType = 'object',
                 `${baseClass}__value-type--${type}`,
                 `${baseClass}__row-line--${objectKey ? 'nested' : 'top'}`
             ].filter(Boolean).join(' ');
-            return /*#__PURE__*/ _react.createElement("li", {
+            return /*#__PURE__*/ React.createElement("li", {
                 className: rowClasses,
                 key: `${key}-${keyIndex}`
-            }, parentHasKey ? /*#__PURE__*/ _react.createElement("span", null, `"${key}": `) : null, /*#__PURE__*/ _react.createElement("span", {
+            }, 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, {
+    })), !isEmpty && /*#__PURE__*/ React.createElement("span", null, /*#__PURE__*/ React.createElement(Bracket, {
         comma: trailingComma,
         position: "end",
         type: parentType
     })));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy92aWV3cy9BUEkvUmVuZGVySlNPTi9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgeyBDaGV2cm9uIH0gZnJvbSAnQHBheWxvYWRjbXMvdWknXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcblxuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGNoYXJzID0ge1xuICBsZWZ0Q3VybHlCcmFja2V0OiAnXFx1MDA3QicsXG4gIGxlZnRTcXVhcmVCcmFja2V0OiAnXFx1MDA1QicsXG4gIHJpZ2h0Q3VybHlCcmFja2V0OiAnXFx1MDA3RCcsXG4gIHJpZ2h0U3F1YXJlQnJhY2tldDogJ1xcdTAwNUQnLFxufVxuXG5jb25zdCBiYXNlQ2xhc3MgPSAncXVlcnktaW5zcGVjdG9yJ1xuXG5jb25zdCBCcmFja2V0ID0gKHtcbiAgY29tbWEgPSBmYWxzZSxcbiAgcG9zaXRpb24sXG4gIHR5cGUsXG59OiB7XG4gIGNvbW1hPzogYm9vbGVhblxuICBwb3NpdGlvbjogJ2VuZCcgfCAnc3RhcnQnXG4gIHR5cGU6ICdhcnJheScgfCAnb2JqZWN0J1xufSkgPT4ge1xuICBjb25zdCByaWdodEJyYWNrZXQgPSB0eXBlID09PSAnb2JqZWN0JyA/IGNoYXJzLnJpZ2h0Q3VybHlCcmFja2V0IDogY2hhcnMucmlnaHRTcXVhcmVCcmFja2V0XG4gIGNvbnN0IGxlZnRCcmFja2V0ID0gdHlwZSA9PT0gJ29iamVjdCcgPyBjaGFycy5sZWZ0Q3VybHlCcmFja2V0IDogY2hhcnMubGVmdFNxdWFyZUJyYWNrZXRcbiAgY29uc3QgYnJhY2tldFRvUmVuZGVyID0gcG9zaXRpb24gPT09ICdlbmQnID8gcmlnaHRCcmFja2V0IDogbGVmdEJyYWNrZXRcblxuICByZXR1cm4gKFxuICAgIDxzcGFuIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fYnJhY2tldCAke2Jhc2VDbGFzc31fX2JyYWNrZXQtLXBvc2l0aW9uLSR7cG9zaXRpb259YH0+XG4gICAgICB7YnJhY2tldFRvUmVuZGVyfVxuICAgICAge3Bvc2l0aW9uID09PSAnZW5kJyAmJiBjb21tYSA/ICcsJyA6IG51bGx9XG4gICAgPC9zcGFuPlxuICApXG59XG5cbnR5cGUgQXJncyA9IHtcbiAgaXNFbXB0eT86IGJvb2xlYW5cbiAgb2JqZWN0OiBSZWNvcmQ8c3RyaW5nLCBhbnk+IHwgYW55W11cbiAgb2JqZWN0S2V5Pzogc3RyaW5nXG4gIHBhcmVudFR5cGU/OiAnYXJyYXknIHwgJ29iamVjdCdcbiAgdHJhaWxpbmdDb21tYT86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IFJlbmRlckpTT04gPSAoe1xuICBpc0VtcHR5ID0gZmFsc2UsXG4gIG9iamVjdCxcbiAgb2JqZWN0S2V5LFxuICBwYXJlbnRUeXBlID0gJ29iamVjdCcsXG4gIHRyYWlsaW5nQ29tbWEgPSBmYWxzZSxcbn06IEFyZ3MpID0+IHtcbiAgY29uc3Qgb2JqZWN0S2V5cyA9IE9iamVjdC5rZXlzKG9iamVjdClcbiAgY29uc3Qgb2JqZWN0TGVuZ3RoID0gb2JqZWN0S2V5cy5sZW5ndGhcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IFJlYWN0LnVzZVN0YXRlPGJvb2xlYW4+KHRydWUpXG5cbiAgcmV0dXJuIChcbiAgICA8bGk+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIGFyaWEtbGFiZWw9XCJ0b2dnbGVcIlxuICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2xpc3QtdG9nZ2xlICR7aXNFbXB0eSA/IGAke2Jhc2VDbGFzc31fX2xpc3QtdG9nZ2xlLS1lbXB0eWAgOiAnJ31gfVxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRJc09wZW4oIWlzT3Blbil9XG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgPlxuICAgICAgICB7aXNFbXB0eSA/IG51bGwgOiAoXG4gICAgICAgICAgPENoZXZyb25cbiAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fdG9nZ2xlLXJvdy1pY29uICR7YmFzZUNsYXNzfV9fdG9nZ2xlLXJvdy1pY29uLS0ke1xuICAgICAgICAgICAgICBpc09wZW4gPyAnb3BlbicgOiAnY2xvc2VkJ1xuICAgICAgICAgICAgfWB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgPHNwYW4+XG4gICAgICAgICAge29iamVjdEtleSAmJiBgXCIke29iamVjdEtleX1cIjogYH1cbiAgICAgICAgICA8QnJhY2tldCBwb3NpdGlvbj1cInN0YXJ0XCIgdHlwZT17cGFyZW50VHlwZX0gLz5cbiAgICAgICAgICB7aXNFbXB0eSA/IDxCcmFja2V0IGNvbW1hPXt0cmFpbGluZ0NvbW1hfSBwb3NpdGlvbj1cImVuZFwiIHR5cGU9e3BhcmVudFR5cGV9IC8+IDogbnVsbH1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9idXR0b24+XG5cbiAgICAgIDx1bCBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2pzb24tY2hpbGRyZW5gfT5cbiAgICAgICAge2lzT3BlbiAmJlxuICAgICAgICAgIG9iamVjdEtleXMubWFwKChrZXksIGtleUluZGV4KSA9PiB7XG4gICAgICAgICAgICBsZXQgdmFsdWUgPSBvYmplY3Rba2V5XVxuICAgICAgICAgICAgbGV0IHR5cGUgPSAnc3RyaW5nJ1xuICAgICAgICAgICAgY29uc3QgaXNMYXN0S2V5ID0ga2V5SW5kZXggPT09IG9iamVjdExlbmd0aCAtIDFcblxuICAgICAgICAgICAgaWYgKHZhbHVlID09PSBudWxsKSB7XG4gICAgICAgICAgICAgIHR5cGUgPSAnbnVsbCdcbiAgICAgICAgICAgIH0gZWxzZSBpZiAodmFsdWUgaW5zdGFuY2VvZiBEYXRlKSB7XG4gICAgICAgICAgICAgIHR5cGUgPSAnZGF0ZSdcbiAgICAgICAgICAgICAgdmFsdWUgPSB2YWx1ZS50b0lTT1N0cmluZygpXG4gICAgICAgICAgICB9IGVsc2UgaWYgKEFycmF5LmlzQXJyYXkodmFsdWUpKSB7XG4gICAgICAgICAgICAgIHR5cGUgPSAnYXJyYXknXG4gICAgICAgICAgICB9IGVsc2UgaWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ29iamVjdCcpIHtcbiAgICAgICAgICAgICAgdHlwZSA9ICdvYmplY3QnXG4gICAgICAgICAgICB9IGVsc2UgaWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ251bWJlcicpIHtcbiAgICAgICAgICAgICAgdHlwZSA9ICdudW1iZXInXG4gICAgICAgICAgICB9IGVsc2UgaWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ2Jvb2xlYW4nKSB7XG4gICAgICAgICAgICAgIHR5cGUgPSAnYm9vbGVhbidcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgIHR5cGUgPSAnc3RyaW5nJ1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBpZiAodHlwZSA9PT0gJ29iamVjdCcgfHwgdHlwZSA9PT0gJ2FycmF5Jykge1xuICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxSZW5kZXJKU09OXG4gICAgICAgICAgICAgICAgICBpc0VtcHR5PXt2YWx1ZS5sZW5ndGggPT09IDAgfHwgT2JqZWN0LmtleXModmFsdWUpLmxlbmd0aCA9PT0gMH1cbiAgICAgICAgICAgICAgICAgIGtleT17YCR7a2V5fS0ke2tleUluZGV4fWB9XG4gICAgICAgICAgICAgICAgICBvYmplY3Q9e3ZhbHVlfVxuICAgICAgICAgICAgICAgICAgb2JqZWN0S2V5PXtwYXJlbnRUeXBlID09PSAnb2JqZWN0JyA/IGtleSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICAgIHBhcmVudFR5cGU9e3R5cGV9XG4gICAgICAgICAgICAgICAgICB0cmFpbGluZ0NvbW1hPXshaXNMYXN0S2V5fVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgaWYgKFxuICAgICAgICAgICAgICB0eXBlID09PSAnZGF0ZScgfHxcbiAgICAgICAgICAgICAgdHlwZSA9PT0gJ3N0cmluZycgfHxcbiAgICAgICAgICAgICAgdHlwZSA9PT0gJ251bGwnIHx8XG4gICAgICAgICAgICAgIHR5cGUgPT09ICdudW1iZXInIHx8XG4gICAgICAgICAgICAgIHR5cGUgPT09ICdib29sZWFuJ1xuICAgICAgICAgICAgKSB7XG4gICAgICAgICAgICAgIGNvbnN0IHBhcmVudEhhc0tleSA9IEJvb2xlYW4ocGFyZW50VHlwZSA9PT0gJ29iamVjdCcgJiYga2V5KVxuXG4gICAgICAgICAgICAgIGNvbnN0IHJvd0NsYXNzZXMgPSBbXG4gICAgICAgICAgICAgICAgYCR7YmFzZUNsYXNzfV9fcm93LWxpbmVgLFxuICAgICAgICAgICAgICAgIGAke2Jhc2VDbGFzc31fX3ZhbHVlLXR5cGUtLSR7dHlwZX1gLFxuICAgICAgICAgICAgICAgIGAke2Jhc2VDbGFzc31fX3Jvdy1saW5lLS0ke29iamVjdEtleSA/ICduZXN0ZWQnIDogJ3RvcCd9YCxcbiAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAgICAgICAgICAgICAuam9pbignICcpXG5cbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8bGkgY2xhc3NOYW1lPXtyb3dDbGFzc2VzfSBrZXk9e2Ake2tleX0tJHtrZXlJbmRleH1gfT5cbiAgICAgICAgICAgICAgICAgIHtwYXJlbnRIYXNLZXkgPyA8c3Bhbj57YFwiJHtrZXl9XCI6IGB9PC9zcGFuPiA6IG51bGx9XG5cbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fdmFsdWVgfT57SlNPTi5zdHJpbmdpZnkodmFsdWUpfTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgIHtpc0xhc3RLZXkgPyAnJyA6ICcsJ31cbiAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfSl9XG4gICAgICA8L3VsPlxuXG4gICAgICB7IWlzRW1wdHkgJiYgKFxuICAgICAgICA8c3Bhbj5cbiAgICAgICAgICA8QnJhY2tldCBjb21tYT17dHJhaWxpbmdDb21tYX0gcG9zaXRpb249XCJlbmRcIiB0eXBlPXtwYXJlbnRUeXBlfSAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgIDwvbGk+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJSZW5kZXJKU09OIiwiY2hhcnMiLCJsZWZ0Q3VybHlCcmFja2V0IiwibGVmdFNxdWFyZUJyYWNrZXQiLCJyaWdodEN1cmx5QnJhY2tldCIsInJpZ2h0U3F1YXJlQnJhY2tldCIsImJhc2VDbGFzcyIsIkJyYWNrZXQiLCJjb21tYSIsInBvc2l0aW9uIiwidHlwZSIsInJpZ2h0QnJhY2tldCIsImxlZnRCcmFja2V0IiwiYnJhY2tldFRvUmVuZGVyIiwic3BhbiIsImNsYXNzTmFtZSIsImlzRW1wdHkiLCJvYmplY3QiLCJvYmplY3RLZXkiLCJwYXJlbnRUeXBlIiwidHJhaWxpbmdDb21tYSIsIm9iamVjdEtleXMiLCJPYmplY3QiLCJrZXlzIiwib2JqZWN0TGVuZ3RoIiwibGVuZ3RoIiwiaXNPcGVuIiwic2V0SXNPcGVuIiwiUmVhY3QiLCJ1c2VTdGF0ZSIsImxpIiwiYnV0dG9uIiwiYXJpYS1sYWJlbCIsIm9uQ2xpY2siLCJDaGV2cm9uIiwidWwiLCJtYXAiLCJrZXkiLCJrZXlJbmRleCIsInZhbHVlIiwiaXNMYXN0S2V5IiwiRGF0ZSIsInRvSVNPU3RyaW5nIiwiQXJyYXkiLCJpc0FycmF5IiwidW5kZWZpbmVkIiwicGFyZW50SGFzS2V5IiwiQm9vbGVhbiIsInJvd0NsYXNzZXMiLCJmaWx0ZXIiLCJqb2luIiwiSlNPTiIsInN0cmluZ2lmeSJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OytCQTRDYUE7OztlQUFBQTs7O29CQTNDVzsrREFDRDtRQUVoQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRVAsTUFBTUMsUUFBUTtJQUNaQyxrQkFBa0I7SUFDbEJDLG1CQUFtQjtJQUNu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
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,5 +1,4 @@
-import type { EditViewProps } from 'payload/config';
 import * as React from 'react';
 import './index.scss';
-export declare const APIViewClient: React.FC<EditViewProps>;
+export declare const APIViewClient: React.FC;
 //# sourceMappingURL=index.client.d.ts.map

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":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAmBnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgMjD,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;AAK9B,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EA2LjC,CAAA"}

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

@@ -1,88 +1,41 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "APIViewClient", {
-    enumerable: true,
-    get: function() {
-        return APIViewClient;
-    }
-});
-const _ui = require("@payloadcms/ui");
-const _navigation = require("next/navigation");
-const _qs = /*#__PURE__*/ _interop_require_default(require("qs"));
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _reacttoastify = require("react-toastify");
-const _SetStepNav = require("../Edit/Default/SetStepNav");
-const _RenderJSON = require("./RenderJSON");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+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 { 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 { RenderJSON } from './RenderJSON/index.js';
 const baseClass = 'query-inspector';
-const APIViewClient = (props)=>{
-    const { collectionSlug, globalSlug } = props;
-    const { id, initialData } = (0, _ui.useDocumentInfo)();
-    const searchParams = (0, _navigation.useSearchParams)();
-    const { i18n } = (0, _ui.useTranslation)();
-    const { code } = (0, _ui.useLocale)();
-    const { getComponentMap } = (0, _ui.useComponentMap)();
+export const APIViewClient = ()=>{
+    const { id, collectionSlug, globalSlug, initialData } = useDocumentInfo();
+    const searchParams = useSearchParams();
+    const { i18n } = useTranslation();
+    const { code } = useLocale();
+    const { getComponentMap } = useComponentMap();
     const componentMap = getComponentMap({
         collectionSlug,
         globalSlug
     });
-    const { collections, globals, localization, routes: { api: apiRoute }, serverURL } = (0, _ui.useConfig)();
+    const { collections, globals, localization, routes: { api: apiRoute }, serverURL } = useConfig();
     const collectionConfig = collectionSlug && collections.find((collection)=>collection.slug === collectionSlug);
     const globalConfig = globalSlug && globals.find((global)=>global.slug === globalSlug);
     const localeOptions = localization && localization.locales.map((locale)=>({
             label: locale.label,
             value: locale.code
         }));
-    const isEditing = Boolean(globalSlug || collectionSlug && !!id);
     let draftsEnabled = false;
     let docEndpoint = '';
     if (collectionConfig) {
@@ -93,20 +46,20 @@ const APIViewClient = (props)=>{
         draftsEnabled = Boolean(globalConfig.versions?.drafts);
         docEndpoint = `/globals/${globalSlug}`;
     }
-    const [data, setData] = _react.useState(initialData);
-    const [draft, setDraft] = _react.useState(searchParams.get('draft') === 'true');
-    const [locale, setLocale] = _react.useState(searchParams?.get('locale') || code);
-    const [depth, setDepth] = _react.useState(searchParams.get('depth') || '1');
-    const [authenticated, setAuthenticated] = _react.useState(true);
-    const [fullscreen, setFullscreen] = _react.useState(false);
-    const fetchURL = `${serverURL}${apiRoute}${docEndpoint}${_qs.default.stringify({
+    const [data, setData] = React.useState(initialData);
+    const [draft, setDraft] = React.useState(searchParams.get('draft') === 'true');
+    const [locale, setLocale] = React.useState(searchParams?.get('locale') || code);
+    const [depth, setDepth] = React.useState(searchParams.get('depth') || '1');
+    const [authenticated, setAuthenticated] = React.useState(true);
+    const [fullscreen, setFullscreen] = React.useState(false);
+    const fetchURL = `${serverURL}${apiRoute}${docEndpoint}${qs.stringify({
         depth,
         draft,
         locale
     }, {
         addQueryPrefix: true
     })}`;
-    _react.useEffect(()=>{
+    React.useEffect(()=>{
         const fetchData = async ()=>{
             try {
                 const res = await fetch(fetchURL, {
@@ -120,11 +73,11 @@ const APIViewClient = (props)=>{
                     const json = await res.json();
                     setData(json);
                 } catch (error) {
-                    _reacttoastify.toast.error('Error parsing response');
+                    toast.error('Error parsing response');
                     console.error(error);
                 }
             } catch (error) {
-                _reacttoastify.toast.error('Error making request');
+                toast.error('Error making request');
                 console.error(error);
             }
         };
@@ -134,36 +87,35 @@ const APIViewClient = (props)=>{
         fetchURL,
         authenticated
     ]);
-    return /*#__PURE__*/ _react.createElement(_ui.Gutter, {
+    return /*#__PURE__*/ React.createElement(Gutter, {
         className: [
             baseClass,
             fullscreen && `${baseClass}--fullscreen`
         ].filter(Boolean).join(' '),
         right: false
-    }, /*#__PURE__*/ _react.createElement(_SetStepNav.SetStepNav, {
+    }, /*#__PURE__*/ React.createElement(SetStepNav, {
         collectionSlug: collectionSlug,
         globalLabel: globalConfig?.label,
         globalSlug: globalSlug,
         id: id,
-        isEditing: isEditing,
         pluralLabel: collectionConfig ? collectionConfig?.labels?.plural : undefined,
         useAsTitle: collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined,
         view: "API"
-    }), /*#__PURE__*/ _react.createElement(_ui.SetViewActions, {
+    }), /*#__PURE__*/ React.createElement(SetViewActions, {
         actions: componentMap?.actionsMap?.Edit?.API
-    }), /*#__PURE__*/ _react.createElement("div", {
+    }), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__configuration`
-    }, /*#__PURE__*/ _react.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__api-url`
-    }, /*#__PURE__*/ _react.createElement("span", {
+    }, /*#__PURE__*/ React.createElement("span", {
         className: `${baseClass}__label`
-    }, "API URL ", /*#__PURE__*/ _react.createElement(_ui.CopyToClipboard, {
+    }, "API URL ", /*#__PURE__*/ React.createElement(CopyToClipboard, {
         value: fetchURL
-    })), /*#__PURE__*/ _react.createElement("a", {
+    })), /*#__PURE__*/ React.createElement("a", {
         href: fetchURL,
         rel: "noopener noreferrer",
         target: "_blank"
-    }, fetchURL)), /*#__PURE__*/ _react.createElement(_ui.Form, {
+    }, fetchURL)), /*#__PURE__*/ React.createElement(Form, {
         initialState: {
             authenticated: {
                 initialValue: authenticated || false,
@@ -186,27 +138,27 @@ const APIViewClient = (props)=>{
                 value: locale
             }
         }
-    }, /*#__PURE__*/ _react.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__form-fields`
-    }, /*#__PURE__*/ _react.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__filter-query-checkboxes`
-    }, draftsEnabled && /*#__PURE__*/ _react.createElement(_ui.Checkbox, {
+    }, draftsEnabled && /*#__PURE__*/ React.createElement(Checkbox, {
         label: "Draft",
         name: "draft",
         onChange: ()=>setDraft(!draft),
         path: "draft"
-    }), /*#__PURE__*/ _react.createElement(_ui.Checkbox, {
+    }), /*#__PURE__*/ React.createElement(Checkbox, {
         label: "Authenticated",
         name: "authenticated",
         onChange: ()=>setAuthenticated(!authenticated),
         path: "authenticated"
-    })), localeOptions && /*#__PURE__*/ _react.createElement(_ui.Select, {
+    })), localeOptions && /*#__PURE__*/ React.createElement(Select, {
         label: "Locale",
         name: "locale",
         onChange: (value)=>setLocale(value),
         options: localeOptions,
         path: "locale"
-    }), /*#__PURE__*/ _react.createElement(_ui.Number, {
+    }), /*#__PURE__*/ React.createElement(NumberInput, {
         label: "Depth",
         max: 10,
         min: 0,
@@ -214,22 +166,22 @@ const APIViewClient = (props)=>{
         onChange: (value)=>setDepth(value.toString()),
         path: "depth",
         step: 1
-    })))), /*#__PURE__*/ _react.createElement("div", {
+    })))), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__results-wrapper`
-    }, /*#__PURE__*/ _react.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__toggle-fullscreen-button-container`
-    }, /*#__PURE__*/ _react.createElement("button", {
+    }, /*#__PURE__*/ React.createElement("button", {
         "aria-label": "toggle fullscreen",
         className: `${baseClass}__toggle-fullscreen-button`,
         onClick: ()=>setFullscreen(!fullscreen),
         type: "button"
-    }, /*#__PURE__*/ _react.createElement(_ui.MinimizeMaximize, {
+    }, /*#__PURE__*/ React.createElement(MinimizeMaximize, {
         isMinimized: !fullscreen
-    }))), /*#__PURE__*/ _react.createElement("div", {
+    }))), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__results`
-    }, /*#__PURE__*/ _react.createElement(_RenderJSON.RenderJSON, {
+    }, /*#__PURE__*/ React.createElement(RenderJSON, {
         object: data
     }))));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92aWV3cy9BUEkvaW5kZXguY2xpZW50LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCB0eXBlIHsgRWRpdFZpZXdQcm9wcyB9IGZyb20gJ3BheWxvYWQvY29uZmlnJ1xuXG5pbXBvcnQge1xuICBDaGVja2JveCxcbiAgQ29weVRvQ2xpcGJvYXJkLFxuICBGb3JtLFxuICBHdXR0ZXIsXG4gIE1pbmltaXplTWF4aW1pemUsXG4gIE51bWJlciBhcyBOdW1iZXJJbnB1dCxcbiAgU2VsZWN0LFxuICBTZXRWaWV3QWN0aW9ucyxcbiAgdXNlQ29tcG9uZW50TWFwLFxuICB1c2VDb25maWcsXG4gIHVzZURvY3VtZW50SW5mbyxcbiAgdXNlTG9jYWxlLFxuICB1c2VUcmFuc2xhdGlvbixcbn0gZnJvbSAnQHBheWxvYWRjbXMvdWknXG5pbXBvcnQgeyB1c2VTZWFyY2hQYXJhbXMgfSBmcm9tICduZXh0L25hdmlnYXRpb24nXG5pbXBvcnQgcXMgZnJvbSAncXMnXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHRvYXN0IH0gZnJvbSAncmVhY3QtdG9hc3RpZnknXG5cbmltcG9ydCB7IFNldFN0ZXBOYXYgfSBmcm9tICcuLi9FZGl0L0RlZmF1bHQvU2V0U3RlcE5hdidcbmltcG9ydCB7IFJlbmRlckpTT04gfSBmcm9tICcuL1JlbmRlckpTT04nXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ3F1ZXJ5LWluc3BlY3RvcidcblxuZXhwb3J0IGNvbnN0IEFQSVZpZXdDbGllbnQ6IFJlYWN0LkZDPEVkaXRWaWV3UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY29sbGVjdGlvblNsdWcsIGdsb2JhbFNsdWcgfSA9IHByb3BzXG5cbiAgY29uc3QgeyBpZCwgaW5pdGlhbERhdGEgfSA9IHVzZURvY3VtZW50SW5mbygpXG5cbiAgY29uc3Qgc2VhcmNoUGFyYW1zID0gdXNlU2VhcmNoUGFyYW1zKClcbiAgY29uc3QgeyBpMThuIH0gPSB1c2VUcmFuc2xhdGlvbigpXG4gIGNvbnN0IHsgY29kZSB9ID0gdXNlTG9jYWxlKClcblxuICBjb25zdCB7IGdldENvbXBvbmVudE1hcCB9ID0gdXNlQ29tcG9uZW50TWFwKClcblxuICBjb25zdCBjb21wb25lbnRNYXAgPSBnZXRDb21wb25lbnRNYXAoeyBjb2xsZWN0aW9uU2x1ZywgZ2xvYmFsU2x1ZyB9KVxuXG4gIGNvbnN0IHtcbiAgICBjb2xsZWN0aW9ucyxcbiAgICBnbG9iYWxzLFxuICAgIGxvY2FsaXphdGlvbixcbiAgICByb3V0ZXM6IHsgYXBpOiBhcGlSb3V0ZSB9LFxuICAgIHNlcnZlclVSTCxcbiAgfSA9IHVzZUNvbmZpZygpXG5cbiAgY29uc3QgY29sbGVjdGlvbkNvbmZpZyA9XG4gICAgY29sbGVjdGlvblNsdWcgJiYgY29sbGVjdGlvbnMuZmluZCgoY29sbGVjdGlvbikgPT4gY29sbGVjdGlvbi5zbHVnID09PSBjb2xsZWN0aW9uU2x1ZylcblxuICBjb25zdCBnbG9iYWxDb25maWcgPSBnbG9iYWxTbHVnICYmIGdsb2JhbHMuZmluZCgoZ2xvYmFsKSA9PiBnbG9iYWwuc2x1ZyA9PT0gZ2xvYmFsU2x1ZylcblxuICBjb25zdCBsb2NhbGVPcHRpb25zID1cbiAgICBsb2NhbGl6YXRpb24gJiZcbiAgICBsb2NhbGl6YXRpb24ubG9jYWxlcy5tYXAoKGxvY2FsZSkgPT4gKHsgbGFiZWw6IGxvY2FsZS5sYWJlbCwgdmFsdWU6IGxvY2FsZS5jb2RlIH0pKVxuXG4gIGNvbnN0IGlzRWRpdGluZyA9IEJvb2xlYW4oZ2xvYmFsU2x1ZyB8fCAoY29sbGVjdGlvblNsdWcgJiYgISFpZCkpXG5cbiAgbGV0IGRyYWZ0c0VuYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZVxuICBsZXQgZG9jRW5kcG9pbnQ6IHN0cmluZyA9ICcnXG5cbiAgaWYgKGNvbGxlY3Rpb25Db25maWcpIHtcbiAgICBkcmFmdHNFbmFibGVkID0gQm9vbGVhbihjb2xsZWN0aW9uQ29uZmlnLnZlcnNpb25zPy5kcmFmdHMpXG4gICAgZG9jRW5kcG9pbnQgPSBgLyR7Y29sbGVjdGlvblNsdWd9LyR7aWR9YFxuICB9XG5cbiAgaWYgKGdsb2JhbENvbmZpZykge1xuICAgIGRyYWZ0c0VuYWJsZWQgPSBCb29sZWFuKGdsb2JhbENvbmZpZy52ZXJzaW9ucz8uZHJhZnRzKVxuICAgIGRvY0VuZHBvaW50ID0gYC9nbG9iYWxzLyR7Z2xvYmFsU2x1Z31gXG4gIH1cblxuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSBSZWFjdC51c2VTdGF0ZTxhbnk+KGluaXRpYWxEYXRhKVxuICBjb25zdCBbZHJhZnQsIHNldERyYWZ0XSA9IFJlYWN0LnVzZVN0YXRlPGJvb2xlYW4+KHNlYXJjaFBhcmFtcy5nZXQoJ2RyYWZ0JykgPT09ICd0cnVlJylcbiAgY29uc3QgW2xvY2FsZSwgc2V0TG9jYWxlXSA9IFJlYWN0LnVzZVN0YXRlPHN0cmluZz4oc2VhcmNoUGFyYW1zPy5nZXQoJ2xvY2FsZScpIHx8IGNvZGUpXG4gIGNvbnN0IFtkZXB0aCwgc2V0RGVwdGhdID0gUmVhY3QudXNlU3RhdGU8c3RyaW5nPihzZWFyY2hQYXJhbXMuZ2V0KCdkZXB0aCcpIHx8ICcxJylcbiAgY29uc3QgW2F1dGhlbnRpY2F0ZWQsIHNldEF1dGhlbnRpY2F0ZWRdID0gUmVhY3QudXNlU3RhdGU8Ym9vbGVhbj4odHJ1ZSlcbiAgY29uc3QgW2Z1bGxzY3JlZW4sIHNldEZ1bGxzY3JlZW5dID0gUmVhY3QudXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpXG5cbiAgY29uc3QgZmV0Y2hVUkwgPSBgJHtzZXJ2ZXJVUkx9JHthcGlSb3V0ZX0ke2RvY0VuZHBvaW50fSR7cXMuc3RyaW5naWZ5KFxuICAgIHtcbiAgICAgIGRlcHRoLFxuICAgICAgZHJhZnQsXG4gICAgICBsb2NhbGUsXG4gICAgfSxcbiAgICB7IGFkZFF1ZXJ5UHJlZml4OiB0cnVlIH0sXG4gICl9YFxuXG4gIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgZmV0Y2hEYXRhID0gYXN5bmMgKCkgPT4ge1xuICAgICAgdHJ5IHtcbiAgICAgICAgY29uc3QgcmVzID0gYXdhaXQgZmV0Y2goZmV0Y2hVUkwsIHtcbiAgICAgICAgICBjcmVkZW50aWFsczogYXV0aGVudGljYXRlZCA/ICdpbmNsdWRlJyA6ICdvbWl0JyxcbiAgICAgICAgICBoZWFkZXJzOiB7XG4gICAgICAgICAgICAnQWNjZXB0LUxhbmd1YWdlJzogaTE4bi5sYW5ndWFnZSxcbiAgICAgICAgICB9LFxuICAgICAgICAgIG1ldGhvZDogJ0dFVCcsXG4gICAgICAgIH0pXG5cbiAgICAgICAgdHJ5IHtcbiAgICAgICAgICBjb25zdCBqc29uID0gYXdhaXQgcmVzLmpzb24oKVxuICAgICAgICAgIHNldERhdGEoanNvbilcbiAgICAgICAgfSBjYXRjaCAoZXJyb3IpIHtcbiAgICAgICAgICB0b2FzdC5lcnJvcignRXJyb3IgcGFyc2luZyByZXNwb25zZScpXG4gICAgICAgICAgY29uc29sZS5lcnJvcihlcnJvcilcbiAgICAgICAgfVxuICAgICAgfSBjYXRjaCAoZXJyb3IpIHtcbiAgICAgICAgdG9hc3QuZXJyb3IoJ0Vycm9yIG1ha2luZyByZXF1ZXN0JylcbiAgICAgICAgY29uc29sZS5lcnJvcihlcnJvcilcbiAgICAgIH1cbiAgICB9XG5cbiAgICB2b2lkIGZldGNoRGF0YSgpXG4gIH0sIFtpMThuLmxhbmd1YWdlLCBmZXRjaFVSTCwgYXV0aGVudGljYXRlZF0pXG5cbiAgcmV0dXJuIChcbiAgICA8R3V0dGVyXG4gICAgICBjbGFzc05hbWU9e1tiYXNlQ2xhc3MsIGZ1bGxzY3JlZW4gJiYgYCR7YmFzZUNsYXNzfS0tZnVsbHNjcmVlbmBdLmZpbHRlcihCb29sZWFuKS5qb2luKCcgJyl9XG4gICAgICByaWdodD17ZmFsc2V9XG4gICAgPlxuICAgICAgPFNldFN0ZXBOYXZcbiAgICAgICAgY29sbGVjdGlvblNsdWc9e2NvbGxlY3Rpb25TbHVnfVxuICAgICAgICBnbG9iYWxMYWJlbD17Z2xvYmFsQ29uZmlnPy5sYWJlbH1cbiAgICAgICAgZ2xvYmFsU2x1Zz17Z2xvYmFsU2x1Z31cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBpc0VkaXRpbmc9e2lzRWRpdGluZ31cbiAgICAgICAgcGx1cmFsTGFiZWw9e2NvbGxlY3Rpb25Db25maWcgPyBjb2xsZWN0aW9uQ29uZmlnPy5sYWJlbHM/LnBsdXJhbCA6IHVuZGVmaW5lZH1cbiAgICAgICAgdXNlQXNUaXRsZT17Y29sbGVjdGlvbkNvbmZpZyA/IGNvbGxlY3Rpb25Db25maWc/LmFkbWluPy51c2VBc1RpdGxlIDogdW5kZWZpbmVkfVxuICAgICAgICB2aWV3PVwiQVBJXCJcbiAgICAgIC8+XG4gICAgICA8U2V0Vmlld0FjdGlvbnMgYWN0aW9ucz17Y29tcG9uZW50TWFwPy5hY3Rpb25zTWFwPy5FZGl0Py5BUEl9IC8+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fY29uZmlndXJhdGlvbmB9PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fYXBpLXVybGB9PlxuICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbGFiZWxgfT5cbiAgICAgICAgICAgIEFQSSBVUkwgPENvcHlUb0NsaXBib2FyZCB2YWx1ZT17ZmV0Y2hVUkx9IC8+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDxhIGhyZWY9e2ZldGNoVVJMfSByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCIgdGFyZ2V0PVwiX2JsYW5rXCI+XG4gICAgICAgICAgICB7ZmV0Y2hVUkx9XG4gICAgICAgICAgPC9hPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPEZvcm1cbiAgICAgICAgICBpbml0aWFsU3RhdGU9e3tcbiAgICAgICAgICAgIGF1dGhlbnRpY2F0ZWQ6IHtcbiAgICAgICAgICAgICAgaW5pdGlhbFZhbHVlOiBhdXRoZW50aWNhdGVkIHx8IGZhbHNlLFxuICAgICAgICAgICAgICB2YWxpZDogdHJ1ZSxcbiAgICAgICAgICAgICAgdmFsdWU6IGF1dGhlbnRpY2F0ZWQgfHwgZmFsc2UsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgZGVwdGg6IHtcbiAgICAgICAgICAgICAgaW5pdGlhbFZhbHVlOiBOdW1iZXIoZGVwdGggfHwgMCksXG4gICAgICAgICAgICAgIHZhbGlkOiB0cnVlLFxuICAgICAgICAgICAgICB2YWx1ZTogTnVtYmVyKGRlcHRoIHx8IDApLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGRyYWZ0OiB7XG4gICAgICAgICAgICAgIGluaXRpYWxWYWx1ZTogZHJhZnQgfHwgZmFsc2UsXG4gICAgICAgICAgICAgIHZhbGlkOiB0cnVlLFxuICAgICAgICAgICAgICB2YWx1ZTogZHJhZnQgfHwgZmFsc2UsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgbG9jYWxlOiB7XG4gICAgICAgICAgICAgIGluaXRpYWxWYWx1ZTogbG9jYWxlLFxuICAgICAgICAgICAgICB2YWxpZDogdHJ1ZSxcbiAgICAgICAgICAgICAgdmFsdWU6IGxvY2FsZSxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19mb3JtLWZpZWxkc2B9PlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2ZpbHRlci1xdWVyeS1jaGVja2JveGVzYH0+XG4gICAgICAgICAgICAgIHtkcmFmdHNFbmFibGVkICYmIChcbiAgICAgICAgICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICAgICAgICAgIGxhYmVsPVwiRHJhZnRcIlxuICAgICAgICAgICAgICAgICAgbmFtZT1cImRyYWZ0XCJcbiAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXsoKSA9PiBzZXREcmFmdCghZHJhZnQpfVxuICAgICAgICAgICAgICAgICAgcGF0aD1cImRyYWZ0XCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICAgICAgICBsYWJlbD1cIkF1dGhlbnRpY2F0ZWRcIlxuICAgICAgICAgICAgICAgIG5hbWU9XCJhdXRoZW50aWNhdGVkXCJcbiAgICAgICAgICAgICAgICBvbkNoYW5nZT17KCkgPT4gc2V0QXV0aGVudGljYXRlZCghYXV0aGVudGljYXRlZCl9XG4gICAgICAgICAgICAgICAgcGF0aD1cImF1dGhlbnRpY2F0ZWRcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICB7bG9jYWxlT3B0aW9ucyAmJiAoXG4gICAgICAgICAgICAgIDxTZWxlY3RcbiAgICAgICAgICAgICAgICBsYWJlbD1cIkxvY2FsZVwiXG4gICAgICAgICAgICAgICAgbmFtZT1cImxvY2FsZVwiXG4gICAgICAgICAgICAgICAgb25DaGFuZ2U9eyh2YWx1ZSkgPT4gc2V0TG9jYWxlKHZhbHVlKX1cbiAgICAgICAgICAgICAgICBvcHRpb25zPXtsb2NhbGVPcHRpb25zfVxuICAgICAgICAgICAgICAgIHBhdGg9XCJsb2NhbGVcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxOdW1iZXJJbnB1dFxuICAgICAgICAgICAgICBsYWJlbD1cIkRlcHRoXCJcbiAgICAgICAgICAgICAgbWF4PXsxMH1cbiAgICAgICAgICAgICAgbWluPXswfVxuICAgICAgICAgICAgICBuYW1lPVwiZGVwdGhcIlxuICAgICAgICAgICAgICBvbkNoYW5nZT17KHZhbHVlKSA9PiBzZXREZXB0aCh2YWx1ZS50b1N0cmluZygpKX1cbiAgICAgICAgICAgICAgcGF0aD1cImRlcHRoXCJcbiAgICAgICAgICAgICAgc3RlcD17MX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvRm9ybT5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3Jlc3VsdHMtd3JhcHBlcmB9PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fdG9nZ2xlLWZ1bGxzY3JlZW4tYnV0dG9uLWNvbnRhaW5lcmB9PlxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJ0b2dnbGUgZnVsbHNjcmVlblwiXG4gICAgICAgICAgICBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3RvZ2dsZS1mdWxsc2NyZWVuLWJ1dHRvbmB9XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRGdWxsc2NyZWVuKCFmdWxsc2NyZWVuKX1cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxNaW5pbWl6ZU1heGltaXplIGlzTWluaW1pemVkPXshZnVsbHNjcmVlbn0gLz5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19yZXN1bHRzYH0+XG4gICAgICAgICAgPFJlbmRlckpTT04gb2JqZWN0PXtkYXRhfSAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvR3V0dGVyPlxuICApXG59XG4iXSwibmFtZXMiOlsiQVBJVmlld0NsaWVudCIsImJhc2VDbGFzcyIsInByb3BzIiwiY29sbGVjdGlvblNsdWciLCJnbG9iYWxTbHVnIiwiaWQiLCJpbml0aWFsRGF0YSIsInVzZURvY3VtZW50SW5mbyIsInNlYXJjaFBhcmFtcyIsInVzZVNlYXJjaFBhcmFtcyIsImkxOG4iLCJ1c2VUcmFuc2xhdGlvbiIsImNvZGUiLCJ1c2VMb2NhbGUiLCJnZXRDb21wb25lbnRNYXAiLCJ1c2VDb21wb25lbnRNYXAiLCJjb21wb25lbnRNYXAiLCJjb2xsZWN0aW9ucyIsImdsb2JhbHMiLCJsb2NhbGl6YXRpb24iLCJyb3V0ZXMiLCJhcGkiLCJhcGlSb3V0ZSIsInNlcnZlclVSTCIsInVzZUNvbmZpZyIsImNvbGxlY3Rpb25Db25maWciLCJmaW5kIiwiY29sbGVjdGlvbiIsInNsdWciLCJnbG9iYWxDb25maWciLCJnbG9iYWwiLCJsb2NhbGVPcHRpb25zIiwibG9jYWxlcyIsIm1hcCIsImxvY2FsZSIsImxhYmVsIiwidmFsdWUiLCJpc0VkaXRpbmciLCJCb29sZWFuIiwiZHJhZnRzRW5hYmxlZCIsImRvY0VuZHBvaW50IiwidmVyc2lvbnMiLCJkcmFmdHMiLCJkYXRhIiwic2V0RGF0YSIsIlJlYWN0IiwidXNlU3RhdGUiLCJkcmFmdCIsInNldERyYWZ0IiwiZ2V0Iiwic2V0TG9jYWxlIiwiZGVwdGgiLCJzZXREZXB0aCIsImF1dGhlbnRpY2F0ZWQiLCJzZXRBdXRoZW50aWNhdGVkIiwiZnVsbHNjcmVlbiIsInNldEZ1bGxzY3JlZW4iLCJmZXRjaFVSTCIsInFzIiwic3RyaW5naWZ5IiwiYWRkUXVlcnlQcmVmaXgiLCJ1c2VFZmZlY3QiLCJmZXRjaERhdGEiLCJyZXMiLCJmZXRjaCIsImNyZWRlbnRpYWxzIiwiaGVhZGVycyIsImxhbmd1YWdlIiwibWV0aG9kIiwianNvbiIsImVycm9yIiwidG9hc3QiLCJjb25zb2xlIiwiR3V0dGVyIiwiY2xhc3NOYW1lIiwiZmlsdGVyIiwiam9pbiIsInJpZ2h0IiwiU2V0U3RlcE5hdiIsImdsb2JhbExhYmVsIiwicGx1cmFsTGFiZWwiLCJsYWJlbHMiLCJwbHVyYWwiLCJ1bmRlZmluZWQiLCJ1c2VBc1RpdGxlIiwiYWRtaW4iLCJ2aWV3IiwiU2V0Vmlld0FjdGlvbnMiLCJhY3Rpb25zIiwiYWN0aW9uc01hcCIsIkVkaXQiLCJBUEkiLCJkaXYiLCJzcGFuIiwiQ29weVRvQ2xpcGJvYXJkIiwiYSIsImhyZWYiLCJyZWwiLCJ0YXJnZXQiLCJGb3JtIiwiaW5pdGlhbFN0YXRlIiwiaW5pdGlhbFZhbHVlIiwidmFsaWQiLCJOdW1iZXIiLCJDaGVja2JveCIsIm5hbWUiLCJvbkNoYW5nZSIsInBhdGgiLCJTZWxlY3QiLCJvcHRpb25zIiwiTnVtYmVySW5wdXQiLCJtYXgiLCJtaW4iLCJ0b1N0cmluZyIsInN0ZXAiLCJidXR0b24iLCJhcmlhLWxhYmVsIiwib25DbGljayIsInR5cGUiLCJNaW5pbWl6ZU1heGltaXplIiwiaXNNaW5pbWl6ZWQiLCJSZW5kZXJKU09OIiwib2JqZWN0Il0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBNkJhQTs7O2VBQUFBOzs7b0JBWk47NEJBQ3lCOzJEQUNqQjsrREFDUTsrQkFDRDs0QkFFSzs0QkFDQTtRQUNwQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFUCxNQUFNQyxZQUFZO0FBRVgsTUFBTUQsZ0JBQXlDLENBQUNFO0lBQ3JELE1BQU0sRUFBRUMsY0FBYyxFQUFFQyxVQUFVLEVBQUUsR0FBR0Y7SUFFdkMsTUFBTSxFQUFFRyxFQUFFLEVBQUVDLFdBQVcsRUFBRSxHQUFHQyxJQUFBQSxtQkFBZTtJQUUzQyxNQUFNQyxlQUFlQyxJQUFBQSwyQkFBZTtJQUNwQyxNQUFNLEVBQUVDLElBQUksRUFBRSxHQUFHQyxJQUFBQSxrQkFBYztJQUMvQixNQUFNLEVBQUVDLElBQUksRUFBRSxHQUFHQyxJQUFBQSxhQUFTO0lBRTFCLE1BQU0sRUFBRUMsZUFBZSxFQUFFLEdBQUdDLElBQUFBLG1CQUFlO0lBRTNDLE1BQU1DLGVBQWVGLGdCQUFnQjtRQUFFWDtRQUFnQkM7SUFBVztJQUVsRSxNQUFNLEVBQ0phLFdBQVcsRUFDWEMsT0FBTyxFQUNQQyxZQUFZLEVBQ1pDLFFBQVEsRUFBRUMsS0FBS0MsUUFBUSxFQUFFLEVBQ3pCQyxTQUFTLEVBQ1YsR0FBR0MsSUFBQUEsYUFBUztJQUViLE1BQU1DLG1CQUNKdEIsa0JBQWtCYyxZQUFZUyxJQUFJLENBQUMsQ0FBQ0MsYUFBZUEsV0FBV0MsSUFBSSxLQUFLekI7SUFFekUsTUFBTTBCLGVBQWV6QixjQUFjYyxRQUFRUSxJQUFJLENBQUMsQ0FBQ0ksU0FBV0EsT0FBT0YsSUFBSSxLQUFLeEI7SUFFNUUsTUFBTTJCLGdCQUNKWixnQkFDQUEsYUFBYWEsT0FB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
+//# sourceMappingURL=index.client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { CopyToClipboard } from '@payloadcms/ui/elements/CopyToClipboard'\nimport { Gutter } from '@payloadcms/ui/elements/Gutter'\nimport { Checkbox } from '@payloadcms/ui/fields/Checkbox'\nimport { NumberField as NumberInput } from '@payloadcms/ui/fields/Number'\nimport { Select } from '@payloadcms/ui/fields/Select'\nimport { Form } from '@payloadcms/ui/forms/Form'\nimport { MinimizeMaximize } from '@payloadcms/ui/icons/MinimizeMaximize'\nimport { SetViewActions } from '@payloadcms/ui/providers/Actions'\nimport { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useLocale } from '@payloadcms/ui/providers/Locale'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { useSearchParams } from 'next/navigation.js'\nimport qs from 'qs'\nimport * as React from 'react'\nimport { toast } from 'react-toastify'\n\nimport { SetStepNav } from '../Edit/Default/SetStepNav/index.js'\nimport { RenderJSON } from './RenderJSON/index.js'\nimport './index.scss'\n\nconst baseClass = 'query-inspector'\n\nexport const APIViewClient: React.FC = () => {\n  const { id, collectionSlug, globalSlug, initialData } = useDocumentInfo()\n\n  const searchParams = useSearchParams()\n  const { i18n } = useTranslation()\n  const { code } = useLocale()\n\n  const { getComponentMap } = useComponentMap()\n\n  const componentMap = getComponentMap({ collectionSlug, globalSlug })\n\n  const {\n    collections,\n    globals,\n    localization,\n    routes: { api: apiRoute },\n    serverURL,\n  } = useConfig()\n\n  const collectionConfig =\n    collectionSlug && collections.find((collection) => collection.slug === collectionSlug)\n\n  const globalConfig = globalSlug && globals.find((global) => global.slug === globalSlug)\n\n  const localeOptions =\n    localization &&\n    localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))\n\n  let draftsEnabled: boolean = false\n  let docEndpoint: string = ''\n\n  if (collectionConfig) {\n    draftsEnabled = Boolean(collectionConfig.versions?.drafts)\n    docEndpoint = `/${collectionSlug}/${id}`\n  }\n\n  if (globalConfig) {\n    draftsEnabled = Boolean(globalConfig.versions?.drafts)\n    docEndpoint = `/globals/${globalSlug}`\n  }\n\n  const [data, setData] = React.useState<any>(initialData)\n  const [draft, setDraft] = React.useState<boolean>(searchParams.get('draft') === 'true')\n  const [locale, setLocale] = React.useState<string>(searchParams?.get('locale') || code)\n  const [depth, setDepth] = React.useState<string>(searchParams.get('depth') || '1')\n  const [authenticated, setAuthenticated] = React.useState<boolean>(true)\n  const [fullscreen, setFullscreen] = React.useState<boolean>(false)\n\n  const fetchURL = `${serverURL}${apiRoute}${docEndpoint}${qs.stringify(\n    {\n      depth,\n      draft,\n      locale,\n    },\n    { addQueryPrefix: true },\n  )}`\n\n  React.useEffect(() => {\n    const fetchData = async () => {\n      try {\n        const res = await fetch(fetchURL, {\n          credentials: authenticated ? 'include' : 'omit',\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          method: 'GET',\n        })\n\n        try {\n          const json = await res.json()\n          setData(json)\n        } catch (error) {\n          toast.error('Error parsing response')\n          console.error(error)\n        }\n      } catch (error) {\n        toast.error('Error making request')\n        console.error(error)\n      }\n    }\n\n    void fetchData()\n  }, [i18n.language, fetchURL, authenticated])\n\n  return (\n    <Gutter\n      className={[baseClass, fullscreen && `${baseClass}--fullscreen`].filter(Boolean).join(' ')}\n      right={false}\n    >\n      <SetStepNav\n        collectionSlug={collectionSlug}\n        globalLabel={globalConfig?.label}\n        globalSlug={globalSlug}\n        id={id}\n        pluralLabel={collectionConfig ? collectionConfig?.labels?.plural : undefined}\n        useAsTitle={collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined}\n        view=\"API\"\n      />\n      <SetViewActions actions={componentMap?.actionsMap?.Edit?.API} />\n      <div className={`${baseClass}__configuration`}>\n        <div className={`${baseClass}__api-url`}>\n          <span className={`${baseClass}__label`}>\n            API URL <CopyToClipboard value={fetchURL} />\n          </span>\n          <a href={fetchURL} rel=\"noopener noreferrer\" target=\"_blank\">\n            {fetchURL}\n          </a>\n        </div>\n        <Form\n          initialState={{\n            authenticated: {\n              initialValue: authenticated || false,\n              valid: true,\n              value: authenticated || false,\n            },\n            depth: {\n              initialValue: Number(depth || 0),\n              valid: true,\n              value: Number(depth || 0),\n            },\n            draft: {\n              initialValue: draft || false,\n              valid: true,\n              value: draft || false,\n            },\n            locale: {\n              initialValue: locale,\n              valid: true,\n              value: locale,\n            },\n          }}\n        >\n          <div className={`${baseClass}__form-fields`}>\n            <div className={`${baseClass}__filter-query-checkboxes`}>\n              {draftsEnabled && (\n                <Checkbox\n                  label=\"Draft\"\n                  name=\"draft\"\n                  onChange={() => setDraft(!draft)}\n                  path=\"draft\"\n                />\n              )}\n              <Checkbox\n                label=\"Authenticated\"\n                name=\"authenticated\"\n                onChange={() => setAuthenticated(!authenticated)}\n                path=\"authenticated\"\n              />\n            </div>\n            {localeOptions && (\n              <Select\n                label=\"Locale\"\n                name=\"locale\"\n                onChange={(value) => setLocale(value)}\n                options={localeOptions}\n                path=\"locale\"\n              />\n            )}\n            <NumberInput\n              label=\"Depth\"\n              max={10}\n              min={0}\n              name=\"depth\"\n              onChange={(value) => setDepth(value.toString())}\n              path=\"depth\"\n              step={1}\n            />\n          </div>\n        </Form>\n      </div>\n      <div className={`${baseClass}__results-wrapper`}>\n        <div className={`${baseClass}__toggle-fullscreen-button-container`}>\n          <button\n            aria-label=\"toggle fullscreen\"\n            className={`${baseClass}__toggle-fullscreen-button`}\n            onClick={() => setFullscreen(!fullscreen)}\n            type=\"button\"\n          >\n            <MinimizeMaximize isMinimized={!fullscreen} />\n          </button>\n        </div>\n        <div className={`${baseClass}__results`}>\n          <RenderJSON object={data} />\n        </div>\n      </div>\n    </Gutter>\n  )\n}\n"],"names":["CopyToClipboard","Gutter","Checkbox","NumberField","NumberInput","Select","Form","MinimizeMaximize","SetViewActions","useComponentMap","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","qs","React","toast","SetStepNav","RenderJSON","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","searchParams","i18n","code","getComponentMap","componentMap","collections","globals","localization","routes","api","apiRoute","serverURL","collectionConfig","find","collection","slug","globalConfig","global","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","Boolean","versions","drafts","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","authenticated","setAuthenticated","fullscreen","setFullscreen","fetchURL","stringify","addQueryPrefix","useEffect","fetchData","res","fetch","credentials","headers","language","method","json","error","console","className","filter","join","right","globalLabel","pluralLabel","labels","plural","undefined","useAsTitle","admin","view","actions","actionsMap","Edit","API","div","span","a","href","rel","target","initialState","initialValue","valid","Number","name","onChange","path","options","max","min","toString","step","button","aria-label","onClick","type","isMinimized","object"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

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

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

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

package/dist/views/API/index.js

@@ -1,27 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "APIView", {
-    enumerable: true,
-    get: function() {
-        return APIView;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _sanitizeEditViewProps = require("../Edit/sanitizeEditViewProps");
-const _indexclient = require("./index.client");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const APIView = async (props)=>{
-    // Perform server-side logic here, but no need to fetch data, etc.
-    // The `Document` component is a wrapper around all edit views, including this one
-    // It sets up the document info context for the client to subscribe to
-    const clientSideProps = (0, _sanitizeEditViewProps.sanitizeEditViewProps)(props);
-    return /*#__PURE__*/ _react.default.createElement(_indexclient.APIViewClient, clientSideProps);
+import React from 'react';
+import { APIViewClient } from './index.client.js';
+export const APIView = ()=>{
+    return /*#__PURE__*/ React.createElement(APIViewClient, null);
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92aWV3cy9BUEkvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyBTZXJ2ZXJTaWRlRWRpdFZpZXdQcm9wcyB9IGZyb20gJy4uL0VkaXQvdHlwZXMnXG5cbmltcG9ydCB7IHNhbml0aXplRWRpdFZpZXdQcm9wcyB9IGZyb20gJy4uL0VkaXQvc2FuaXRpemVFZGl0Vmlld1Byb3BzJ1xuaW1wb3J0IHsgQVBJVmlld0NsaWVudCB9IGZyb20gJy4vaW5kZXguY2xpZW50J1xuXG5leHBvcnQgY29uc3QgQVBJVmlldzogUmVhY3QuRkM8U2VydmVyU2lkZUVkaXRWaWV3UHJvcHM+ID0gYXN5bmMgKHByb3BzKSA9PiB7XG4gIC8vIFBlcmZvcm0gc2VydmVyLXNpZGUgbG9naWMgaGVyZSwgYnV0IG5vIG5lZWQgdG8gZmV0Y2ggZGF0YSwgZXRjLlxuICAvLyBUaGUgYERvY3VtZW50YCBjb21wb25lbnQgaXMgYSB3cmFwcGVyIGFyb3VuZCBhbGwgZWRpdCB2aWV3cywgaW5jbHVkaW5nIHRoaXMgb25lXG4gIC8vIEl0IHNldHMgdXAgdGhlIGRvY3VtZW50IGluZm8gY29udGV4dCBmb3IgdGhlIGNsaWVudCB0byBzdWJzY3JpYmUgdG9cbiAgY29uc3QgY2xpZW50U2lkZVByb3BzID0gc2FuaXRpemVFZGl0Vmlld1Byb3BzKHByb3BzKVxuICByZXR1cm4gPEFQSVZpZXdDbGllbnQgey4uLmNsaWVudFNpZGVQcm9wc30gLz5cbn1cbiJdLCJuYW1lcyI6WyJBUElWaWV3IiwicHJvcHMiLCJjbGllbnRTaWRlUHJvcHMiLCJzYW5pdGl6ZUVkaXRWaWV3UHJvcHMiLCJBUElWaWV3Q2xpZW50Il0sIm1hcHBpbmdzIjoiOzs7OytCQU9hQTs7O2VBQUFBOzs7OERBUEs7dUNBSW9COzZCQUNSOzs7Ozs7QUFFdkIsTUFBTUEsVUFBNkMsT0FBT0M7SUFDL0Qsa0VBQWtFO0lBQ2xFLGtGQUFrRjtJQUNsRixzRUFBc0U7SUFDdEUsTUFBTUMsa0JBQWtCQyxJQUFBQSw0Q0FBcUIsRUFBQ0Y7SUFDOUMscUJBQU8sNkJBQUNHLDBCQUFhLEVBQUtGO0FBQzVCIn0=
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,3 +1,3 @@
-import type { GenerateEditViewMetadata } from '../Document/getMetaBySegment';
+import type { GenerateEditViewMetadata } from '../Document/getMetaBySegment.js';
 export declare const generateMetadata: GenerateEditViewMetadata;
 //# sourceMappingURL=meta.d.ts.map

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

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

package/dist/views/API/meta.js

@@ -1,16 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "generateMetadata", {
-    enumerable: true,
-    get: function() {
-        return generateMetadata;
-    }
-});
-const _meta = require("../../utilities/meta");
-const generateMetadata = async ({ config })=>{
-    return (0, _meta.meta)({
+import { meta } from '../../utilities/meta.js';
+export const generateMetadata = async ({ config })=>{
+    return meta({
         config,
         description: 'API',
         keywords: 'API',
@@ -18,4 +8,4 @@ const generateMetadata = async ({ config })=>{
     });
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92aWV3cy9BUEkvbWV0YS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEdlbmVyYXRlRWRpdFZpZXdNZXRhZGF0YSB9IGZyb20gJy4uL0RvY3VtZW50L2dldE1ldGFCeVNlZ21lbnQnXG5cbmltcG9ydCB7IG1ldGEgfSBmcm9tICcuLi8uLi91dGlsaXRpZXMvbWV0YSdcblxuZXhwb3J0IGNvbnN0IGdlbmVyYXRlTWV0YWRhdGE6IEdlbmVyYXRlRWRpdFZpZXdNZXRhZGF0YSA9IGFzeW5jICh7IGNvbmZpZyB9KSA9PiB7XG4gIHJldHVybiBtZXRhKHtcbiAgICBjb25maWcsXG4gICAgZGVzY3JpcHRpb246ICdBUEknLFxuICAgIGtleXdvcmRzOiAnQVBJJyxcbiAgICB0aXRsZTogJ0FQSScsXG4gIH0pXG59XG4iXSwibmFtZXMiOlsiZ2VuZXJhdGVNZXRhZGF0YSIsImNvbmZpZyIsIm1ldGEiLCJkZXNjcmlwdGlvbiIsImtleXdvcmRzIiwidGl0bGUiXSwibWFwcGluZ3MiOiI7Ozs7K0JBSWFBOzs7ZUFBQUE7OztzQkFGUTtBQUVkLE1BQU1BLG1CQUE2QyxPQUFPLEVBQUVDLE1BQU0sRUFBRTtJQUN6RSxPQUFPQyxJQUFBQSxVQUFJLEVBQUM7UUFDVkQ7UUFDQUUsYUFBYTtRQUNiQyxVQUFVO1FBQ1ZDLE9BQU87SUFDVDtBQUNGIn0=
+//# sourceMappingURL=meta.js.map