@clarify-labs/renderer 0.11.16 → 0.11.18

package/output/{OpenApiOperation-DxJl8ziP.cjs → OpenApiOperation-XH6b7ntf.cjs}

@@ -2900,16 +2900,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,
@@ -2929,12 +2954,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: []
 	}));
@@ -3095,6 +3119,9 @@ function getRootSchemaNode(spec, schema, defaultExpanded) {
 		})
 	};
 }
+function shouldToggleSchemaRow(interactiveTarget, selectionInRow) {
+	return !interactiveTarget && !selectionInRow;
+}
 function EnumValueWithDescription(arg0) {
 	const { node } = arg0;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
@@ -3153,8 +3180,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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "min-w-0 flex-1",
+	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "min-w-0 flex-1 select-text",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -3174,20 +3201,25 @@ function SchemaNode(arg0) {
 				children: node.details
 			}) : null]
 		})]
-	}), hasChildren ? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "h-4 w-4" })
-	}) : null] });
+	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 		className: (0, clsx.default)("clarify-schema-node m-0 p-0", node.visible === false && "hidden"),
-		children: [hasChildren ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-			type: "button",
-			"aria-label": expanded ? t("openapi.collapse") : t("openapi.expand"),
-			"aria-expanded": expanded,
-			onClick: () => setLocallyExpanded((value) => !value),
-			className: (0, clsx.default)(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__ */ (0, react_jsx_runtime.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: (0, clsx.default)(rowClassName, "cursor-pointer transition hover:bg-(--clarify-ui-hover-background)"),
+			children: [content, /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "h-4 w-4" })
+			})]
 		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: rowClassName,
 			children: content
@@ -3969,6 +4001,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";
@@ -3998,7 +4032,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;
@@ -4018,9 +4052,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__ */ (0, react_jsx_runtime.jsx)("option", { value: "" }) : null, options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("input", {
 			id: fieldId,
@@ -4106,8 +4140,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");
@@ -4187,10 +4229,7 @@ function RequestField(arg0) {
 					children: itemOptions.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.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,
@@ -4201,10 +4240,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,
@@ -4838,7 +4874,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);
 }
@@ -5363,7 +5399,7 @@ function EndpointPath(arg0) {
 			className: "min-w-0 flex-1 overflow-x-auto text-sm font-bold leading-6 whitespace-nowrap",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "select-text font-mono text-(--clarify-theme-tokens-colors-foreground)",
-				children: path || "/"
+				children: path ? path.startsWith("/") ? path : `/${path}` : "/"
 			})
 		}), onCopy ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 			type: "button",
@@ -5937,4 +5973,4 @@ Object.defineProperty(exports, "primitives_exports", {
 	}
 });
 
-//# sourceMappingURL=OpenApiOperation-DxJl8ziP.cjs.map
+//# sourceMappingURL=OpenApiOperation-XH6b7ntf.cjs.map