@digi-frontend/dgate-api-documentation 4.0.2 → 4.0.4

package/dist/index.mjs

@@ -2,7 +2,7 @@ import { create } from "zustand";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { useEffect, useMemo, useRef, useState } from "react";
-import { Alert, Breadcrumb, Button, Card, Divider, Drawer, Empty, Flex, Form, Grid, Input, Modal, Pagination, Select, Switch, Table, Tabs, Tag, Tooltip, Tree, Typography, message, theme } from "antd";
+import { Alert, Breadcrumb, Button, Card, Col, Divider, Drawer, Empty, Flex, Form, Grid, Input, Modal, Pagination, Row, Select, Switch, Table, Tabs, Tag, Tooltip, Tree, Typography, message, theme } from "antd";
 import { useStyleRegister } from "@ant-design/cssinjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Text from "antd/es/typography/Text.js";
@@ -608,7 +608,8 @@ const getSidebarStyles$1 = (token, scope) => ({
 		backgroundColor: token.colorBgContainer,
 		overflowY: "auto",
 		overflowX: "clip",
-		borderRadius: token.borderRadius
+		borderRadius: token.borderRadius,
+		height: "100%"
 	},
 	[scope("content")]: { padding: token.padding },
 	[scope("controls")]: {
@@ -1255,10 +1256,7 @@ const ApiCard = ({ api, viewStyle }) => {
 			fontFamily: token.fontFamily
 		},
 		[scope("grid-card")]: {
-			width: "auto",
-			flex: "1 1 17.5rem",
-			minWidth: "17.5rem",
-			height: "100%",
+			width: "100%",
 			borderRadius: token.borderRadiusLG
 		},
 		[scope("grid-title")]: {
@@ -1676,10 +1674,21 @@ const APIsRenderer = ({ apis, withTitle, tagName, haveUnderLine, contextPath, vi
 				level: 4,
 				children: tagName
 			}),
-			/* @__PURE__ */ jsx(Flex, {
-				wrap: "wrap",
-				gap: viewStyle === "grid" ? "1.5rem" : 0,
-				vertical: viewStyle === "list",
+			viewStyle === "grid" ? /* @__PURE__ */ jsx(Row, {
+				gutter: [24, 24],
+				children: apis.map((item) => /* @__PURE__ */ jsx(Col, {
+					xs: 24,
+					sm: 24,
+					md: 12,
+					lg: 8,
+					xl: 8,
+					children: /* @__PURE__ */ jsx(ApiCard, {
+						api: item,
+						viewStyle
+					})
+				}, `${tagName}_renderer_${item.id}_${item.method}_${item.path}`))
+			}) : /* @__PURE__ */ jsx(Flex, {
+				vertical: true,
 				children: apis.map((item) => /* @__PURE__ */ jsx(ApiCard, {
 					api: item,
 					viewStyle
@@ -1788,13 +1797,9 @@ const EndpointPage$1 = () => {
 		[scope("docs-endpoint-container")]: {
 			display: "flex",
 			flexDirection: "column",
-			gap: token.marginLG,
-			height: "100%"
-		},
-		[scope("content")]: {
-			width: "100%",
-			height: "100%"
+			gap: token.marginLG
 		},
+		[scope("content")]: { width: "100%" },
 		[scope("code")]: {
 			background: "unset",
 			borderRadius: token.borderRadius,
@@ -2006,9 +2011,9 @@ const MainContent$1 = ({ searchEnabled, handleResetSearch, handleVisitLandingPag
 	const { wrapSSR, cx, token } = useStyle("MainContent", (token, scope) => ({
 		[scope("inner-doc-container")]: {
 			backgroundColor: token.colorBgContainer,
+			flex: 1,
+			minWidth: 0,
 			height: "100%",
-			width: "100%",
-			maxHeight: "100%",
 			overflow: "auto",
 			borderRadius: token.borderRadius,
 			padding: token.paddingXL
@@ -6045,9 +6050,10 @@ const filterTreeData = (data, searchText) => {
 const getSidebarStyles = (token, scope) => ({
 	[scope("sider")]: {
 		backgroundColor: token.colorBgElevated,
+		overflowY: "auto",
 		overflowX: "clip",
 		borderRadius: token.borderRadius,
-		height: "auto"
+		height: "100%"
 	},
 	[scope("content")]: { padding: token.padding },
 	[scope("controls")]: {
@@ -6460,13 +6466,9 @@ const EndpointPage = () => {
 		[scope("docs-endpoint-container")]: {
 			display: "flex",
 			flexDirection: "column",
-			gap: token.marginLG,
-			height: "100%"
-		},
-		[scope("content")]: {
-			width: "100%",
-			height: "100%"
+			gap: token.marginLG
 		},
+		[scope("content")]: { width: "100%" },
 		[scope("code")]: {
 			background: "unset",
 			borderRadius: token.borderRadius,
@@ -6708,12 +6710,12 @@ const MainContent = ({ searchEnabled, handleResetSearch, handleVisitLandingPage
 	const { focusedContent, transformedData } = useStore(({ view }) => view);
 	const { wrapSSR, cx, token } = useStyle("MainContent", (token, scope) => ({
 		[scope("inner-doc-container")]: {
-			width: "100%",
-			height: "auto",
+			flex: 1,
+			minWidth: 0,
+			height: "100%",
+			overflow: "auto",
 			borderRadius: token.borderRadius,
-			padding: token.paddingXL,
-			overflow: "hidden",
-			minWidth: 0
+			padding: token.paddingXL
 		},
 		[scope("centered")]: {
 			display: "flex",
@@ -7220,8 +7222,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 			display: "flex",
 			flexDirection: "column",
 			gap: token.marginLG,
-			height: "100%",
-			overflowY: "auto"
+			height: "100%"
 		},
 		[scope("section")]: {
 			flexShrink: 0,
@@ -7229,8 +7230,8 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 		},
 		[scope("docs-layout")]: {
 			display: "flex",
-			flexShrink: 0,
-			height: "auto",
+			flex: 1,
+			minHeight: 0,
 			gap: token.marginLG,
 			width: "100%"
 		},
@@ -7625,6 +7626,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 	});
 	return /* @__PURE__ */ jsxs("div", {
 		className: cx("documentation-container"),
+		style: { overflow: mode === "view" ? "hidden" : "auto" },
 		children: [
 			contextHolder,
 			/* @__PURE__ */ jsx("div", {