@digi-frontend/dgate-api-documentation 4.1.8 → 4.1.9

package/dist/index.mjs

@@ -682,7 +682,8 @@ const OverflowTooltip = ({ title, children, className, style, placement }) => {
 	const checkOverflow = useCallback(() => {
 		const el = ref.current;
 		if (!el) return;
-		setIsOverflowing(el.scrollWidth > el.clientWidth);
+		const target = el.firstElementChild ?? el;
+		setIsOverflowing(target.scrollWidth > target.clientWidth);
 	}, []);
 	useEffect(() => {
 		checkOverflow();
@@ -1272,7 +1273,7 @@ const ApiCard = ({ api, viewStyle }) => {
 			borderRadius: token.borderRadiusSM,
 			border: `1px solid ${token.colorBorderSecondary}`,
 			minWidth: "6.25rem",
-			maxWidth: "fit-content",
+			maxWidth: "100%",
 			svg: { path: { fill: "#4D75D9" } }
 		},
 		[scope("list-title")]: {
@@ -1285,6 +1286,9 @@ const ApiCard = ({ api, viewStyle }) => {
 			fontFamily: token.fontFamily,
 			cursor: "pointer",
 			transition: "color 0.2s ease-in",
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap",
 			"&:hover": {
 				color: `${token.colorPrimary} !important`,
 				textDecoration: "underline"
@@ -1372,6 +1376,7 @@ const ApiCard = ({ api, viewStyle }) => {
 				className: cx("list-container"),
 				children: [/* @__PURE__ */ jsxs(Flex, {
 					gap: token.marginSM,
+					style: { minWidth: 0 },
 					children: [/* @__PURE__ */ jsx(MethodChip, { method: api.method }), /* @__PURE__ */ jsx(Title, {
 						className: cx("list-title"),
 						level: 4,
@@ -2297,11 +2302,13 @@ const ApiDocumentationBar = ({ apiName, mode, onModeChange, onReset, onSave, has
 					title: apiName,
 					children: /* @__PURE__ */ jsx(Title$2, {
 						level: 3,
-						ellipsis: true,
 						style: {
 							margin: 0,
 							fontWeight: 600,
-							color: token.colorTextHeading
+							color: token.colorTextHeading,
+							whiteSpace: "nowrap",
+							overflow: "hidden",
+							textOverflow: "ellipsis"
 						},
 						children: apiName
 					})
@@ -3436,27 +3443,6 @@ const EndpointsSection = ({ endpointsByTag, collapsed = false, onToggleCollapse,
 			}));
 		});
 	}, [openResponsePanels, responseBodySchemas]);
-	useEffect(() => {
-		if (!openResponsePanels.size) return;
-		openResponsePanels.forEach((epId) => {
-			const code = selectedStatusCodes[epId];
-			if (!code) return;
-			const ep = Object.values(endpointsByTag).flat().find((e) => e.id === epId);
-			if (!ep?.responses?.[code]?.content) return;
-			const content = ep.responses[code].content;
-			const schema = Object.values(content)[0]?.schema;
-			if (!schema) return;
-			const json = JSON.stringify(schema, null, 2);
-			setEditableResponseContent((prev) => ({
-				...prev,
-				[epId]: json
-			}));
-		});
-	}, [
-		selectedStatusCodes,
-		openResponsePanels,
-		endpointsByTag
-	]);
 	const handleValidate = (content) => {
 		try {
 			JSON.parse(content);
@@ -5552,8 +5538,11 @@ const EndpointsSection = ({ endpointsByTag, collapsed = false, onToggleCollapse,
 										if (!schema) return null;
 										let displayData;
 										if (contentEntry.example !== void 0) displayData = contentEntry.example;
-										else if (contentEntry.examples !== void 0) displayData = Array.isArray(contentEntry.examples) ? contentEntry.examples[0] : contentEntry.examples;
-										else if (hasAnyExample(schema)) displayData = generateExampleFromSchema(schema);
+										else if (contentEntry.examples !== void 0) {
+											const firstKey = Object.keys(contentEntry.examples)[0];
+											const firstExample = contentEntry.examples[firstKey];
+											displayData = firstExample?.value ?? firstExample;
+										} else if (hasAnyExample(schema)) displayData = generateExampleFromSchema(schema);
 										else displayData = schema;
 										return /* @__PURE__ */ jsx("div", {
 											className: cx("code-panel"),
@@ -7248,7 +7237,6 @@ const AddTagDrawer = ({ open, onClose, mode, initialValues, onAddTag, onEditTag,
 			alignItems: "center",
 			position: "relative",
 			paddingTop: 20,
-			paddingBottom: 8,
 			paddingLeft: 24,
 			paddingRight: 24,
 			width: "100%"
@@ -9027,8 +9015,11 @@ function CodeboxSidebar$1() {
 				const contentEntry = responseObj?.content ? Object.values(responseObj.content)[0] : void 0;
 				let displayData;
 				if (contentEntry?.example !== void 0) displayData = contentEntry.example;
-				else if (contentEntry?.examples !== void 0) displayData = Array.isArray(contentEntry.examples) ? contentEntry.examples[0] : contentEntry.examples;
-				else if (contentEntry?.schema && hasAnyExample(contentEntry.schema)) displayData = generateExampleFromSchema(contentEntry.schema);
+				else if (contentEntry?.examples !== void 0) {
+					const firstKey = Object.keys(contentEntry.examples)[0];
+					const firstExample = contentEntry.examples[firstKey];
+					displayData = firstExample?.value ?? firstExample;
+				} else if (contentEntry?.schema && hasAnyExample(contentEntry.schema)) displayData = generateExampleFromSchema(contentEntry.schema);
 				else if (contentEntry?.schema) displayData = contentEntry.schema;
 				else displayData = responseObj;
 				return /* @__PURE__ */ jsx(Codebox$1, { code: JSON.stringify(displayData, null, 2) || "" });
@@ -9086,7 +9077,15 @@ const transformOpenApiToDocs = (api) => {
 		};
 		if (entry.requestBody?.content) {
 			const resolvedContent = {};
-			for (const [contentType, contentValue] of Object.entries(entry.requestBody.content)) resolvedContent[contentType] = { schema: resolveSchema(contentValue.schema, api.components) ?? contentValue.schema };
+			for (const [contentType, contentValue] of Object.entries(entry.requestBody.content)) {
+				const resolvedSchema = resolveSchema(contentValue.schema, api.components) ?? contentValue.schema;
+				const resolvedExample = contentValue.example !== void 0 ? contentValue.example : resolvedSchema.example;
+				resolvedContent[contentType] = {
+					schema: resolvedSchema,
+					...resolvedExample !== void 0 && { example: resolvedExample },
+					...contentValue.examples !== void 0 && { examples: contentValue.examples }
+				};
+			}
 			entry.requestBody = {
 				...entry.requestBody,
 				content: resolvedContent
@@ -9096,7 +9095,15 @@ const transformOpenApiToDocs = (api) => {
 			const resolvedResponses = {};
 			for (const [code, responseValue] of Object.entries(entry.responses)) if (responseValue.content) {
 				const resolvedContent = {};
-				for (const [contentType, contentValue] of Object.entries(responseValue.content)) resolvedContent[contentType] = { schema: resolveSchema(contentValue.schema, api.components) ?? contentValue.schema };
+				for (const [contentType, contentValue] of Object.entries(responseValue.content)) {
+					const resolvedSchema = resolveSchema(contentValue.schema, api.components) ?? contentValue.schema;
+					const resolvedExample = contentValue.example !== void 0 ? contentValue.example : resolvedSchema.example;
+					resolvedContent[contentType] = {
+						schema: resolvedSchema,
+						...resolvedExample !== void 0 && { example: resolvedExample },
+						...contentValue.examples !== void 0 && { examples: contentValue.examples }
+					};
+				}
 				resolvedResponses[code] = {
 					...responseValue,
 					content: resolvedContent
@@ -9279,7 +9286,6 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 			alignItems: "center",
 			position: "relative",
 			paddingTop: 20,
-			paddingBottom: 8,
 			paddingLeft: 24,
 			paddingRight: 24,
 			width: "100%"
@@ -9456,7 +9462,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 			Object.entries(methods).forEach(([method, operation]) => {
 				const responses = operation.responses;
 				if (!responses) return;
-				const schema = responses["200" in responses ? "200" : Object.keys(responses)[0]]?.content?.["application/json"]?.schema;
+				const schema = responses["200" in responses ? "200" : Object.keys(responses)[0]]?.content?.["application/json"]?.example;
 				const epId = pathMethodToId[`${path}||${method}`];
 				if (epId && schema) result[epId] = schema;
 			});
@@ -9746,7 +9752,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 			const statusCode = "200" in responses ? "200" : Object.keys(responses)[0];
 			if (!responses[statusCode]) return;
 			if (!responses[statusCode].content) responses[statusCode].content = {};
-			responses[statusCode].content["application/json"] = { schema };
+			responses[statusCode].content["application/json"] = { example: schema };
 		});
 		try {
 			await onSave?.(cloned);
@@ -10760,8 +10766,11 @@ function CodeboxSidebar() {
 				const contentEntry = responseObj?.content ? Object.values(responseObj.content)[0] : void 0;
 				let displayData;
 				if (contentEntry?.example !== void 0) displayData = contentEntry.example;
-				else if (contentEntry?.examples !== void 0) displayData = Array.isArray(contentEntry.examples) ? contentEntry.examples[0] : contentEntry.examples;
-				else if (contentEntry?.schema && hasAnyExample(contentEntry.schema)) displayData = generateExampleFromSchema(contentEntry.schema);
+				else if (contentEntry?.examples !== void 0) {
+					const firstKey = Object.keys(contentEntry.examples)[0];
+					const firstExample = contentEntry.examples[firstKey];
+					displayData = firstExample?.value ?? firstExample;
+				} else if (contentEntry?.schema && hasAnyExample(contentEntry.schema)) displayData = generateExampleFromSchema(contentEntry.schema);
 				else if (contentEntry?.schema) displayData = contentEntry.schema;
 				else displayData = responseObj;
 				return /* @__PURE__ */ jsx(Codebox, { code: JSON.stringify(displayData, null, 2) || "" });