@djangocfg/ui-tools 2.1.102 → 2.1.104

package/dist/{PlaygroundLayout-3YVSAEAF.cjs → PlaygroundLayout-XXVBU4WZ.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk7DGDQVQW_cjs = require('./chunk-7DGDQVQW.cjs');
-var chunkUQ3XI5MY_cjs = require('./chunk-UQ3XI5MY.cjs');
+var chunkFB5QBSI3_cjs = require('./chunk-FB5QBSI3.cjs');
+var chunkWGEGR3DF_cjs = require('./chunk-WGEGR3DF.cjs');
 var lucideReact = require('lucide-react');
 var components = require('@djangocfg/ui-core/components');
 var hooks = require('@djangocfg/ui-core/hooks');
@@ -14,14 +14,14 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var consola__default = /*#__PURE__*/_interopDefault(consola);
 
-var useMobile = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
+var useMobile = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
   const isMobile = hooks.useIsMobile();
   return {
     isMobile,
     isDesktop: !isMobile
   };
 }, "useMobile");
-var extractEndpoints = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name((schema) => {
+var extractEndpoints = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((schema) => {
   const endpointMap = /* @__PURE__ */ new Map();
   if (!schema.paths) return [];
   const baseUrl = schema.servers && schema.servers.length > 0 ? schema.servers[0].url : "";
@@ -67,12 +67,12 @@ var extractEndpoints = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name((schema) => {
   }
   return Array.from(endpointMap.values());
 }, "extractEndpoints");
-var getCategories = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name((endpoints) => {
+var getCategories = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((endpoints) => {
   const categories = /* @__PURE__ */ new Set();
   endpoints.forEach((endpoint) => categories.add(endpoint.category));
   return Array.from(categories).sort();
 }, "getCategories");
-var fetchSchema = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(async (url) => {
+var fetchSchema = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(async (url) => {
   const response = await fetch(url, {
     headers: {
       "Accept": "application/json"
@@ -159,16 +159,16 @@ function useOpenApiSchema({
     refresh
   };
 }
-chunkUQ3XI5MY_cjs.__name(useOpenApiSchema, "useOpenApiSchema");
-var VersionSelector = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
-  const { state, config, setSelectedVersion } = chunk7DGDQVQW_cjs.usePlaygroundContext();
+chunkWGEGR3DF_cjs.__name(useOpenApiSchema, "useOpenApiSchema");
+var VersionSelector = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
+  const { state, config, setSelectedVersion } = chunkFB5QBSI3_cjs.usePlaygroundContext();
   const { endpoints } = useOpenApiSchema({
     schemas: config.schemas,
     defaultSchemaId: config.defaultSchemaId
   });
-  const currentVersion = chunk7DGDQVQW_cjs.getVersionById(state.selectedVersion);
-  const versionStats = chunk7DGDQVQW_cjs.getVersionStats(endpoints);
-  const handleVersionChange = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name((versionId) => {
+  const currentVersion = chunkFB5QBSI3_cjs.getVersionById(state.selectedVersion);
+  const versionStats = chunkFB5QBSI3_cjs.getVersionStats(endpoints);
+  const handleVersionChange = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((versionId) => {
     setSelectedVersion(versionId);
   }, "handleVersionChange");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-3", children: [
@@ -178,7 +178,7 @@ var VersionSelector = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(components.Select, { value: state.selectedVersion, onValueChange: handleVersionChange, children: [
       /* @__PURE__ */ jsxRuntime.jsx(components.SelectTrigger, { className: "w-48", children: /* @__PURE__ */ jsxRuntime.jsx(components.SelectValue, {}) }),
-      /* @__PURE__ */ jsxRuntime.jsx(components.SelectContent, { children: chunk7DGDQVQW_cjs.API_VERSIONS.map((version) => /* @__PURE__ */ jsxRuntime.jsx(components.SelectItem, { value: version.id, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between w-full", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components.SelectContent, { children: chunkFB5QBSI3_cjs.API_VERSIONS.map((version) => /* @__PURE__ */ jsxRuntime.jsx(components.SelectItem, { value: version.id, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between w-full", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: version.name }),
           version.isDefault && /* @__PURE__ */ jsxRuntime.jsx(components.Badge, { variant: "secondary", className: "text-xs", children: "Default" })
@@ -204,14 +204,14 @@ var categoryIcons = {
   "Settings": /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "h-4 w-4" }),
   "Other": /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Code, { className: "h-4 w-4" })
 };
-var EndpointsLibrary = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
-  const { state, config, setSelectedEndpoint, setSelectedCategory, setSearchTerm } = chunk7DGDQVQW_cjs.usePlaygroundContext();
+var EndpointsLibrary = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
+  const { state, config, setSelectedEndpoint, setSelectedCategory, setSearchTerm } = chunkFB5QBSI3_cjs.usePlaygroundContext();
   const { endpoints, categories, loading, error } = useOpenApiSchema({
     schemas: config.schemas,
     defaultSchemaId: config.defaultSchemaId
   });
   const [viewMode, setViewMode] = React__default.default.useState("table");
-  const getRelativePath = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name((fullPath) => {
+  const getRelativePath = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((fullPath) => {
     try {
       const url = new URL(fullPath);
       return url.pathname;
@@ -220,7 +220,7 @@ var EndpointsLibrary = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
     }
   }, "getRelativePath");
   const filteredEndpoints = React.useMemo(() => {
-    let filtered = chunk7DGDQVQW_cjs.deduplicateEndpoints(endpoints, state.selectedVersion);
+    let filtered = chunkFB5QBSI3_cjs.deduplicateEndpoints(endpoints, state.selectedVersion);
     if (state.selectedCategory && state.selectedCategory !== "All") {
       filtered = filtered.filter((endpoint) => endpoint.category === state.selectedCategory);
     }
@@ -232,11 +232,11 @@ var EndpointsLibrary = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
     }
     return filtered;
   }, [endpoints, state.selectedCategory, state.searchTerm, state.selectedVersion]);
-  const handleEndpointSelect = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name((endpoint) => {
+  const handleEndpointSelect = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((endpoint) => {
     setSelectedEndpoint(endpoint);
   }, "handleEndpointSelect");
-  const getMethodBadges = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name((methods) => {
-    return methods.split(", ").map((method) => /* @__PURE__ */ jsxRuntime.jsx(components.Badge, { variant: chunk7DGDQVQW_cjs.getMethodColor(method) === "success" ? "default" : "secondary", className: "text-xs", children: method }, method));
+  const getMethodBadges = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((methods) => {
+    return methods.split(", ").map((method) => /* @__PURE__ */ jsxRuntime.jsx(components.Badge, { variant: chunkFB5QBSI3_cjs.getMethodColor(method) === "success" ? "default" : "secondary", className: "text-xs", children: method }, method));
   }, "getMethodBadges");
   if (loading) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
@@ -371,8 +371,8 @@ var stepConfig = {
     description: "View response"
   }
 };
-var PlaygroundStepper = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
-  const { state, setCurrentStep, goToNextStep, goToPreviousStep } = chunk7DGDQVQW_cjs.usePlaygroundContext();
+var PlaygroundStepper = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
+  const { state, setCurrentStep, goToNextStep, goToPreviousStep } = chunkFB5QBSI3_cjs.usePlaygroundContext();
   const { currentStep, steps } = state;
   const currentIndex = steps.indexOf(currentStep);
   const canGoNext = currentIndex < steps.length - 1;
@@ -434,8 +434,8 @@ var PlaygroundStepper = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
     ] })
   ] });
 }, "PlaygroundStepper");
-var EndpointInfo = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
-  const { state } = chunk7DGDQVQW_cjs.usePlaygroundContext();
+var EndpointInfo = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
+  const { state } = chunkFB5QBSI3_cjs.usePlaygroundContext();
   const { selectedEndpoint } = state;
   const endpointJson = React.useMemo(() => {
     if (!selectedEndpoint) return "";
@@ -452,8 +452,8 @@ var EndpointInfo = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
   if (!selectedEndpoint) {
     return null;
   }
-  const getMethodBadges = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name((methods) => {
-    return methods.split(", ").map((method) => /* @__PURE__ */ jsxRuntime.jsx(components.Badge, { variant: chunk7DGDQVQW_cjs.getMethodColor(method) === "success" ? "default" : "secondary", className: "text-xs", children: method }, method));
+  const getMethodBadges = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((methods) => {
+    return methods.split(", ").map((method) => /* @__PURE__ */ jsxRuntime.jsx(components.Badge, { variant: chunkFB5QBSI3_cjs.getMethodColor(method) === "success" ? "default" : "secondary", className: "text-xs", children: method }, method));
   }, "getMethodBadges");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
@@ -521,7 +521,7 @@ var EndpointInfo = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(components.CollapsibleContent, { className: "mt-2 space-y-2", children: selectedEndpoint.responses.map((response, index) => {
-            const statusColor = chunk7DGDQVQW_cjs.getStatusColor(parseInt(response.code));
+            const statusColor = chunkFB5QBSI3_cjs.getStatusColor(parseInt(response.code));
             const badgeVariant = statusColor === "success" ? "default" : statusColor === "error" ? "destructive" : "secondary";
             return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2 text-xs", children: [
               /* @__PURE__ */ jsxRuntime.jsx(components.Badge, { variant: badgeVariant, className: "text-xs", children: response.code }),
@@ -533,8 +533,8 @@ var EndpointInfo = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
     ] })
   ] });
 }, "EndpointInfo");
-var RequestParametersForm = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
-  const { state, setParameters } = chunk7DGDQVQW_cjs.usePlaygroundContext();
+var RequestParametersForm = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
+  const { state, setParameters } = chunkFB5QBSI3_cjs.usePlaygroundContext();
   const [formData, setFormData] = React.useState({});
   const [activeTab, setActiveTab] = React.useState("required");
   React.useEffect(() => {
@@ -546,7 +546,7 @@ var RequestParametersForm = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
       setFormData(initialData);
     }
   }, [state.selectedEndpoint?.path, state.selectedEndpoint?.parameters]);
-  const handleInputChange = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name((name, value) => {
+  const handleInputChange = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((name, value) => {
     const newFormData = {
       ...formData,
       [name]: value
@@ -554,11 +554,11 @@ var RequestParametersForm = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
     setFormData(newFormData);
     setParameters(newFormData);
   }, "handleInputChange");
-  const handleClearForm = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
+  const handleClearForm = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
     setFormData({});
     setParameters({});
   }, "handleClearForm");
-  const handleGenerateJson = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
+  const handleGenerateJson = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
     const hasData = Object.values(formData).some((value) => value !== "" && value !== null && value !== void 0);
     if (hasData) {
       const jsonString = JSON.stringify(formData, null, 2);
@@ -573,7 +573,7 @@ var RequestParametersForm = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
     return null;
   }
   const hasFormData = Object.values(formData).some((value) => value !== "" && value !== null && value !== void 0);
-  const ParameterField = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(({ param }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+  const ParameterField = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ param }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-1", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(components.Label, { htmlFor: param.name, className: "text-xs font-medium text-foreground", children: [
         param.name,
@@ -595,7 +595,7 @@ var RequestParametersForm = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
       }
     )
   ] }), "ParameterField");
-  const ParametersGrid = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(({ params, title, badgeVariant }) => {
+  const ParametersGrid = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ params, title, badgeVariant }) => {
     if (params.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
@@ -708,19 +708,19 @@ var RequestParametersForm = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
     ] })
   ] }) });
 }, "RequestParametersForm");
-var RequestBuilder = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
+var RequestBuilder = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
   const {
     state,
     apiKeys,
     setRequestBody,
     setManualApiToken,
     sendRequest
-  } = chunk7DGDQVQW_cjs.usePlaygroundContext();
-  const isJsonValid = state.requestBody ? chunk7DGDQVQW_cjs.isValidJson(state.requestBody) : true;
-  const generateCurlCommand = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
+  } = chunkFB5QBSI3_cjs.usePlaygroundContext();
+  const isJsonValid = state.requestBody ? chunkFB5QBSI3_cjs.isValidJson(state.requestBody) : true;
+  const generateCurlCommand = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
     if (!state.requestUrl) return "";
-    const apiKey = state.selectedApiKey ? chunk7DGDQVQW_cjs.findApiKeyById(apiKeys, state.selectedApiKey) : null;
-    const headers = chunk7DGDQVQW_cjs.parseRequestHeaders(state.requestHeaders);
+    const apiKey = state.selectedApiKey ? chunkFB5QBSI3_cjs.findApiKeyById(apiKeys, state.selectedApiKey) : null;
+    const headers = chunkFB5QBSI3_cjs.parseRequestHeaders(state.requestHeaders);
     if (apiKey) {
       headers["X-API-Key"] = apiKey.id || "";
     }
@@ -807,12 +807,12 @@ var RequestBuilder = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
           }
         )
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(components.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(chunk7DGDQVQW_cjs.PrettyCode_default, { data: curlCommand, language: "bash" }) })
+      /* @__PURE__ */ jsxRuntime.jsx(components.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkFB5QBSI3_cjs.PrettyCode_default, { data: curlCommand, language: "bash" }) })
     ] })
   ] });
 }, "RequestBuilder");
-var ResponseViewer = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
-  const { state } = chunk7DGDQVQW_cjs.usePlaygroundContext();
+var ResponseViewer = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
+  const { state } = chunkFB5QBSI3_cjs.usePlaygroundContext();
   const { response } = state;
   const responseText = React.useMemo(() => {
     if (!response?.data) return "";
@@ -857,7 +857,7 @@ var ResponseViewer = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
               /* @__PURE__ */ jsxRuntime.jsx(
                 components.Badge,
                 {
-                  variant: chunk7DGDQVQW_cjs.getStatusColor(response.status || 0) === "success" ? "default" : chunk7DGDQVQW_cjs.getStatusColor(response.status || 0) === "error" ? "destructive" : "secondary",
+                  variant: chunkFB5QBSI3_cjs.getStatusColor(response.status || 0) === "success" ? "default" : chunkFB5QBSI3_cjs.getStatusColor(response.status || 0) === "error" ? "destructive" : "secondary",
                   className: "text-xs",
                   children: response.status
                 }
@@ -896,7 +896,7 @@ var ResponseViewer = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
       }
       if (response.data) {
         return /* @__PURE__ */ jsxRuntime.jsx(
-          chunk7DGDQVQW_cjs.JsonTree_default,
+          chunkFB5QBSI3_cjs.JsonTree_default,
           {
             title: "Response Body",
             data: response.data,
@@ -921,10 +921,10 @@ var ResponseViewer = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
     })() }) })
   ] });
 }, "ResponseViewer");
-var PlaygroundLayout = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
-  const { state, setSidebarOpen } = chunk7DGDQVQW_cjs.usePlaygroundContext();
+var PlaygroundLayout = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
+  const { state, setSidebarOpen } = chunkFB5QBSI3_cjs.usePlaygroundContext();
   const { isMobile } = useMobile();
-  const renderStepContent = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
+  const renderStepContent = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
     switch (state.currentStep) {
       case "endpoints":
         return /* @__PURE__ */ jsxRuntime.jsx(EndpointsLibrary, {});
@@ -936,7 +936,7 @@ var PlaygroundLayout = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
         return /* @__PURE__ */ jsxRuntime.jsx(EndpointsLibrary, {});
     }
   }, "renderStepContent");
-  const getStepTitle = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
+  const getStepTitle = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
     switch (state.currentStep) {
       case "endpoints":
         return "API Endpoints";
@@ -999,5 +999,5 @@ var PlaygroundLayout = /* @__PURE__ */ chunkUQ3XI5MY_cjs.__name(() => {
 }, "PlaygroundLayout");
 
 exports.PlaygroundLayout = PlaygroundLayout;
-//# sourceMappingURL=PlaygroundLayout-3YVSAEAF.cjs.map
-//# sourceMappingURL=PlaygroundLayout-3YVSAEAF.cjs.map
+//# sourceMappingURL=PlaygroundLayout-XXVBU4WZ.cjs.map
+//# sourceMappingURL=PlaygroundLayout-XXVBU4WZ.cjs.map