@clarify-labs/renderer 0.11.17 → 0.11.18

package/output/{OpenApiOperation-kL4Fxi0g.js → OpenApiOperation-hxX828Il.js}

@@ -2908,16 +2908,41 @@ function OpenApiAuthDocumentation(props) {
 	});
 }
 //#endregion
-//#region source/openapi/components/SchemaProperties.tsx
-function getEnumDescriptions(schema) {
-	const descriptions = schema["x-enumDescriptions"];
-	if (Array.isArray(descriptions)) return descriptions.map((value) => typeof value === "string" ? value : void 0);
-	if (isRecord$1(descriptions)) return Array.isArray(schema.enum) ? schema.enum.map((value) => {
-		const description = descriptions[String(value)];
-		return typeof description === "string" ? description : void 0;
-	}) : [];
-	return [];
+//#region source/openapi/lib/enum-options.ts
+function enumValueKey(value) {
+	return `${value === null ? "null" : typeof value}:${JSON.stringify(value)}`;
+}
+function enumMetadata(schema, keys, values) {
+	const metadata = keys.map((key) => schema[key]).find((value) => Array.isArray(value) || isRecord$1(value));
+	if (Array.isArray(metadata)) return values.map((_, index) => typeof metadata[index] === "string" ? metadata[index] : void 0);
+	if (isRecord$1(metadata)) return values.map((value) => {
+		const item = metadata[String(value)];
+		return typeof item === "string" ? item : void 0;
+	});
+	return values.map(() => void 0);
+}
+function getEnumOptions(schema) {
+	if (!isRecord$1(schema) || !Array.isArray(schema.enum)) return [];
+	const values = schema.enum;
+	const labels = enumMetadata(schema, [
+		"x-enumLabels",
+		"x-enumNames",
+		"x-enum-varnames"
+	], values);
+	const descriptions = enumMetadata(schema, ["x-enumDescriptions"], values);
+	return values.map((value, index) => {
+		const valueText = String(value);
+		return {
+			key: enumValueKey(value),
+			value,
+			valueText,
+			label: labels[index] ?? valueText,
+			description: descriptions[index]
+		};
+	});
 }
+//#endregion
+//#region source/openapi/components/SchemaProperties.tsx
 function getSchemaDetails(schema) {
 	const details = [
 		typeof schema.const !== "undefined" ? `const: ${String(schema.const)}` : void 0,
@@ -2937,12 +2962,11 @@ function getSchemaNodeType(schema) {
 }
 function getEnumChildren(schema, path) {
 	if (!Array.isArray(schema.enum) || schema.enum.length === 0) return [];
-	const descriptions = getEnumDescriptions(schema);
-	return schema.enum.map((value, index) => ({
-		key: `${path || "root"}.enum[${index}]`,
-		name: String(value),
+	return getEnumOptions(schema).map((option) => ({
+		key: `${path || "root"}.enum.${option.key}`,
+		name: option.valueText,
 		kind: "enum",
-		description: descriptions[index],
+		description: option.description,
 		required: false,
 		children: []
 	}));
@@ -3103,6 +3127,9 @@ function getRootSchemaNode(spec, schema, defaultExpanded) {
 		})
 	};
 }
+function shouldToggleSchemaRow(interactiveTarget, selectionInRow) {
+	return !interactiveTarget && !selectionInRow;
+}
 function EnumValueWithDescription(arg0) {
 	const { node } = arg0;
 	return /* @__PURE__ */ jsx("li", {
@@ -3161,8 +3188,8 @@ function SchemaNode(arg0) {
 	const type = [node.type, node.required ? t("openapi.requiredBadge") : void 0].filter(Boolean).join(", ") || void 0;
 	const fallbackDescription = hasChildren ? void 0 : node.required ? t("openapi.required") : t("openapi.optional");
 	const rowClassName = "flex w-full min-w-0 items-start rounded-(--clarify-theme-tokens-radius-md) px-2 py-2 text-left";
-	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
-		className: "min-w-0 flex-1",
+	const content = /* @__PURE__ */ jsxs("div", {
+		className: "min-w-0 flex-1 select-text",
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5",
 			children: [/* @__PURE__ */ jsx("span", {
@@ -3182,20 +3209,25 @@ function SchemaNode(arg0) {
 				children: node.details
 			}) : null]
 		})]
-	}), hasChildren ? /* @__PURE__ */ jsx("span", {
-		className: "ml-2 flex h-5 w-5 flex-none items-center justify-center text-(--clarify-ui-text-faint)",
-		"aria-hidden": "true",
-		children: expanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
-	}) : null] });
+	});
 	return /* @__PURE__ */ jsxs("li", {
 		className: clsx("clarify-schema-node m-0 p-0", node.visible === false && "hidden"),
-		children: [hasChildren ? /* @__PURE__ */ jsx("button", {
-			type: "button",
-			"aria-label": expanded ? t("openapi.collapse") : t("openapi.expand"),
-			"aria-expanded": expanded,
-			onClick: () => setLocallyExpanded((value) => !value),
-			className: clsx(rowClassName, "cursor-pointer transition hover:bg-(--clarify-ui-hover-background) focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)"),
-			children: content
+		children: [hasChildren ? /* @__PURE__ */ jsxs("div", {
+			onClick: (event) => {
+				const target = event.target instanceof Element ? event.target : void 0;
+				const interactiveTarget = Boolean(target?.closest("button, a, input, select, textarea, [role=\"button\"]"));
+				const selection = window.getSelection();
+				if (shouldToggleSchemaRow(interactiveTarget, Boolean(selection && !selection.isCollapsed && selection.containsNode(event.currentTarget, true)))) setLocallyExpanded((value) => !value);
+			},
+			className: clsx(rowClassName, "cursor-pointer transition hover:bg-(--clarify-ui-hover-background)"),
+			children: [content, /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-label": `${expanded ? t("openapi.collapse") : t("openapi.expand")}: ${node.name}`,
+				"aria-expanded": expanded,
+				onClick: () => setLocallyExpanded((value) => !value),
+				className: "ml-2 flex h-5 w-5 flex-none cursor-pointer items-center justify-center rounded-(--clarify-theme-tokens-radius-md) text-(--clarify-ui-text-faint) outline-hidden transition hover:bg-(--clarify-ui-active-background) focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)",
+				children: expanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+			})]
 		}) : /* @__PURE__ */ jsx("div", {
 			className: rowClassName,
 			children: content
@@ -3977,6 +4009,8 @@ function isFormMediaType(mediaType) {
 }
 function valueFromInput(schema, value) {
 	if (!isRecord$1(schema)) return value;
+	const enumOption = getEnumOptions(schema).find((option) => option.valueText === value);
+	if (enumOption) return enumOption.value;
 	if (schemaHasType(schema, "integer")) return value === "" ? "" : Number.parseInt(value, 10);
 	if (schemaHasType(schema, "number")) return value === "" ? "" : Number(value);
 	if (schemaHasType(schema, "boolean")) return value === "true";
@@ -4006,7 +4040,7 @@ function OpenApiRequestBodyEditor(arg0) {
 		const type = schemaToType(propertySchema) ?? "string";
 		const value = values[name];
 		const fieldId = `openapi-request-body-${name}`.replace(/[^a-zA-Z0-9_-]/g, "-");
-		const options = Array.isArray(propertyRecord?.enum) ? propertyRecord.enum : [];
+		const options = getEnumOptions(propertySchema);
 		const structured = schemaHasType(propertySchema, "array") || schemaHasType(propertySchema, "object");
 		const serializedValue = structured && typeof value !== "undefined" ? JSON.stringify(value, null, 2) : String(value ?? "");
 		let control;
@@ -4026,9 +4060,9 @@ function OpenApiRequestBodyEditor(arg0) {
 			onChange: (event) => updateProperty(name, propertySchema, event.target.value),
 			className: "h-8 w-full border-0 bg-transparent px-2 font-mono text-xs text-(--clarify-theme-tokens-colors-foreground) outline-hidden focus:bg-(--clarify-ui-hover-background)",
 			children: [!required.has(name) ? /* @__PURE__ */ jsx("option", { value: "" }) : null, options.map((option) => /* @__PURE__ */ jsx("option", {
-				value: String(option),
-				children: String(option)
-			}, String(option)))]
+				value: option.valueText,
+				children: option.label
+			}, option.key))]
 		});
 		else if (schemaHasType(propertySchema, "boolean")) control = /* @__PURE__ */ jsx("input", {
 			id: fieldId,
@@ -4114,8 +4148,16 @@ function RequestField(arg0) {
 	const schema = resolveSchema(spec, parameter.schema);
 	const schemaRecord = isRecord$1(schema) ? schema : void 0;
 	const itemSchema = isRecord$1(schemaRecord?.items) ? schemaRecord.items : void 0;
-	const options = Array.isArray(schemaRecord?.enum) ? schemaRecord.enum.map(String) : [];
-	const itemOptions = Array.isArray(itemSchema?.enum) ? itemSchema.enum.map(String) : [];
+	const options = getEnumOptions(schema).map(({ valueText, label, description }) => ({
+		value: valueText,
+		label,
+		description
+	}));
+	const itemOptions = getEnumOptions(itemSchema).map(({ valueText, label, description }) => ({
+		value: valueText,
+		label,
+		description
+	}));
 	const type = schemaToType(schema) ?? "string";
 	const description = parameter.description ?? (typeof schemaRecord?.description === "string" ? schemaRecord.description : void 0);
 	const structured = type.includes("[]") || type.includes("object");
@@ -4195,10 +4237,7 @@ function RequestField(arg0) {
 					children: itemOptions.length > 0 ? /* @__PURE__ */ jsx(MultiInlineListbox, {
 						label: parameter.name ?? "",
 						value: arrayValue,
-						options: itemOptions.map((option) => ({
-							value: option,
-							label: option
-						})),
+						options: itemOptions,
 						onChange: (next) => onChange(JSON.stringify(next)),
 						invalid: Boolean(issue),
 						describedBy: issue ? `${fieldId}-issue` : void 0,
@@ -4209,10 +4248,7 @@ function RequestField(arg0) {
 						options: [...parameter.required ? [] : [{
 							value: "",
 							label: t("openapi.none")
-						}], ...options.map((option) => ({
-							value: option,
-							label: option
-						}))],
+						}], ...options],
 						onChange,
 						invalid: Boolean(issue),
 						describedBy: issue ? `${fieldId}-issue` : void 0,
@@ -4846,7 +4882,7 @@ function validateRequestParameter(spec, parameter, value) {
 	const schema = resolveSchema(spec, parameter.schema);
 	const schemaRecord = isRecord$1(schema) ? schema : void 0;
 	const type = schemaToType(schema) ?? "string";
-	const options = Array.isArray(schemaRecord?.enum) ? schemaRecord.enum.map(String) : [];
+	const options = getEnumOptions(schema).map(({ valueText }) => valueText);
 	if (options.length > 0 && !options.includes(value)) return "invalidEnum";
 	return structuredIssue(value, type) ?? scalarIssue(value, type, schemaRecord?.format);
 }
@@ -5371,7 +5407,7 @@ function EndpointPath(arg0) {
 			className: "min-w-0 flex-1 overflow-x-auto text-sm font-bold leading-6 whitespace-nowrap",
 			children: /* @__PURE__ */ jsx("span", {
 				className: "select-text font-mono text-(--clarify-theme-tokens-colors-foreground)",
-				children: path || "/"
+				children: path ? path.startsWith("/") ? path : `/${path}` : "/"
 			})
 		}), onCopy ? /* @__PURE__ */ jsx("button", {
 			type: "button",
@@ -5694,4 +5730,4 @@ function OpenApiOperation(arg0) {
 //#endregion
 export { Heading as A, Callout as B, Tabs as C, GridPattern as D, Prose as E, CodeGroup as F, LocalizedLink as H, Pre as I, Mermaid as L, Feedback as M, Collapse as N, HeroPattern as O, Code as P, Card as R, TabItem as S, Steps as T, Button as V, Markdown as _, ResponseExamplesPanel as a, primitives_exports as b, getAuthOptions as c, EndpointMethodBadge as d, getOpenApiOperationEntryById as f, getRequestBody$1 as g, getMediaTypeEntries as h, RequestExamplesPanel as i, Tag as j, Logo as k, getServerKey as l, listOpenApiOperations as m, OpenApiOperation as n, authPlaceholder as o, getOpenApiOperationSectionId as p, OpenApiRequestWorkbench as r, defaultServerVariables as s, EndpointIdentity as t, getServers as u, Release as v, Step as w, WebFrame as x, ReleaseItem as y, CardGroup as z };
 
-//# sourceMappingURL=OpenApiOperation-kL4Fxi0g.js.map
+//# sourceMappingURL=OpenApiOperation-hxX828Il.js.map