@gitbook/react-openapi 1.5.5 → 1.5.6

package/dist/ScalarApiButton.js

@@ -6,6 +6,7 @@ import { useOpenAPIOperationContext } from "./OpenAPIOperationContext.js";
 import { useOpenAPIPrefillContext } from "./OpenAPIPrefillContextProvider.js";
 import { resolveTryItPrefillForOperation } from "./util/tryit-prefill.js";
 import { Suspense, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ApiClientModalProvider, useApiClientModal } from "@scalar/api-client-react";
 import { createPortal } from "react-dom";
 
@@ -17,41 +18,61 @@ function ScalarApiButton(props) {
 	const { method, path, securities, servers, specUrl, context } = props;
 	const [isOpen, setIsOpen] = useState(false);
 	const controllerRef = useRef(null);
-	return <div className="scalar scalar-activate">
-            <button className="scalar-activate-button button" onClick={() => {
-		controllerRef.current?.openClient?.();
-		setIsOpen(true);
-	}}>
-                {t(context.translation, "test_it")}
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 12" fill="currentColor">
-                    <path stroke="currentColor" strokeWidth="1.5" d="M1 10.05V1.43c0-.2.2-.31.37-.22l7.26 4.08c.17.1.17.33.01.43l-7.26 4.54a.25.25 0 0 1-.38-.21Z" />
-                </svg>
-            </button>
-
-            {isOpen && createPortal(<Suspense fallback={null}>
-                        <ScalarModal controllerRef={controllerRef} method={method} path={path} securities={securities} servers={servers} specUrl={specUrl} />
-                    </Suspense>, document.body)}
-        </div>;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "scalar scalar-activate",
+		children: [/* @__PURE__ */ jsxs("button", {
+			className: "scalar-activate-button button",
+			onClick: () => {
+				controllerRef.current?.openClient?.();
+				setIsOpen(true);
+			},
+			children: [t(context.translation, "test_it"), /* @__PURE__ */ jsx("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				viewBox: "0 0 10 12",
+				fill: "currentColor",
+				children: /* @__PURE__ */ jsx("path", {
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					d: "M1 10.05V1.43c0-.2.2-.31.37-.22l7.26 4.08c.17.1.17.33.01.43l-7.26 4.54a.25.25 0 0 1-.38-.21Z"
+				})
+			})]
+		}), isOpen && createPortal(/* @__PURE__ */ jsx(Suspense, {
+			fallback: null,
+			children: /* @__PURE__ */ jsx(ScalarModal, {
+				controllerRef,
+				method,
+				path,
+				securities,
+				servers,
+				specUrl
+			})
+		}), document.body)]
+	});
 }
 function ScalarModal(props) {
 	const { method, path, securities, servers, specUrl, controllerRef } = props;
 	const prefillInputContext = useOpenAPIPrefillContext()();
-	const prefillConfig = resolveTryItPrefillForOperation({
-		operation: {
-			securities,
-			servers
+	return /* @__PURE__ */ jsx(ApiClientModalProvider, {
+		configuration: {
+			url: specUrl,
+			...resolveTryItPrefillForOperation({
+				operation: {
+					securities,
+					servers
+				},
+				prefillInputContext
+			})
+		},
+		initialRequest: {
+			method: toScalarHttpMethod(method),
+			path
 		},
-		prefillInputContext
+		children: /* @__PURE__ */ jsx(ScalarModalController, {
+			method,
+			path,
+			controllerRef
+		})
 	});
-	return <ApiClientModalProvider configuration={{
-		url: specUrl,
-		...prefillConfig
-	}} initialRequest={{
-		method: toScalarHttpMethod(method),
-		path
-	}}>
-            <ScalarModalController method={method} path={path} controllerRef={controllerRef} />
-        </ApiClientModalProvider>;
 }
 function toScalarHttpMethod(method) {
 	return method.toUpperCase();

package/dist/StaticSection.js

@@ -1,36 +1,70 @@
 import clsx from "classnames";
 import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/StaticSection.tsx
 function Section(props) {
-	return <div {...props} className={clsx("openapi-section", props.className)} />;
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: clsx("openapi-section", props.className)
+	});
 }
 function SectionHeader(props) {
-	return <div {...props} className={clsx("openapi-section-header", props.className ? `${props.className}-header` : void 0)} />;
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: clsx("openapi-section-header", props.className ? `${props.className}-header` : void 0)
+	});
 }
 function SectionHeaderContent(props) {
-	return <div {...props} className={clsx("openapi-section-header-content", props.className && `${props.className}-header-content`)} />;
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: clsx("openapi-section-header-content", props.className && `${props.className}-header-content`)
+	});
 }
 const SectionBody = forwardRef(function SectionBody$1(props, ref) {
-	return <div ref={ref} {...props} className={clsx("openapi-section-body", props.className && `${props.className}-body`)} />;
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		...props,
+		className: clsx("openapi-section-body", props.className && `${props.className}-body`)
+	});
 });
 function SectionFooter(props) {
-	return <div {...props} className={clsx("openapi-section-footer", props.className && `${props.className}-footer`)} />;
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: clsx("openapi-section-footer", props.className && `${props.className}-footer`)
+	});
 }
 function SectionFooterContent(props) {
-	return <div {...props} className={clsx("openapi-section-footer-content", props.className && `${props.className}-footer-content`)} />;
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className: clsx("openapi-section-footer-content", props.className && `${props.className}-footer-content`)
+	});
 }
 function StaticSection(props) {
 	const { className, header, children, footer } = props;
-	return <Section className={className}>
-            {header ? <SectionHeader className={className}>
-                    <SectionHeaderContent className={className}>{header}</SectionHeaderContent>
-                </SectionHeader> : null}
-            <SectionBody className={className}>{children}</SectionBody>
-            {footer ? <SectionFooter className={className}>
-                    <SectionFooterContent className={className}>{footer}</SectionFooterContent>
-                </SectionFooter> : null}
-        </Section>;
+	return /* @__PURE__ */ jsxs(Section, {
+		className,
+		children: [
+			header ? /* @__PURE__ */ jsx(SectionHeader, {
+				className,
+				children: /* @__PURE__ */ jsx(SectionHeaderContent, {
+					className,
+					children: header
+				})
+			}) : null,
+			/* @__PURE__ */ jsx(SectionBody, {
+				className,
+				children
+			}),
+			footer ? /* @__PURE__ */ jsx(SectionFooter, {
+				className,
+				children: /* @__PURE__ */ jsx(SectionFooterContent, {
+					className,
+					children: footer
+				})
+			}) : null
+		]
+	});
 }
 
 //#endregion

package/dist/common/OpenAPIColumnSpec.js

@@ -2,21 +2,33 @@ import { t } from "../translate.js";
 import { getOpenAPIClientContext } from "../context.js";
 import { OpenAPISpec } from "../OpenAPISpec.js";
 import { OpenAPIOperationDescription } from "./OpenAPIOperationDescription.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/common/OpenAPIColumnSpec.tsx
 function OpenAPIColumnSpec(props) {
 	const { data, context } = props;
 	const { operation } = data;
 	const clientContext = getOpenAPIClientContext(context);
-	return <div className="openapi-column-spec">
-            {operation["x-deprecated-sunset"] ? <div className="openapi-deprecated-sunset openapi-description openapi-markdown">
-                    {t(context.translation, "deprecated_and_sunset_on", [<span key="date" className="openapi-deprecated-sunset-date">
-                            {operation["x-deprecated-sunset"]}
-                        </span>])}
-                </div> : null}
-            <OpenAPIOperationDescription operation={operation} context={context} />
-            <OpenAPISpec data={data} context={clientContext} />
-        </div>;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "openapi-column-spec",
+		children: [
+			operation["x-deprecated-sunset"] ? /* @__PURE__ */ jsx("div", {
+				className: "openapi-deprecated-sunset openapi-description openapi-markdown",
+				children: t(context.translation, "deprecated_and_sunset_on", [/* @__PURE__ */ jsx("span", {
+					className: "openapi-deprecated-sunset-date",
+					children: operation["x-deprecated-sunset"]
+				}, "date")])
+			}) : null,
+			/* @__PURE__ */ jsx(OpenAPIOperationDescription, {
+				operation,
+				context
+			}),
+			/* @__PURE__ */ jsx(OpenAPISpec, {
+				data,
+				context: clientContext
+			})
+		]
+	});
 }
 
 //#endregion

package/dist/common/OpenAPIOperationDescription.js

@@ -1,17 +1,23 @@
 import { Markdown } from "../Markdown.js";
 import { resolveDescription } from "../utils.js";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/common/OpenAPIOperationDescription.tsx
 function OpenAPIOperationDescription(props) {
 	const { operation } = props;
-	if (operation["x-gitbook-description-document"]) return <div className="openapi-intro">
-                {props.context.renderDocument({ document: operation["x-gitbook-description-document"] })}
-            </div>;
+	if (operation["x-gitbook-description-document"]) return /* @__PURE__ */ jsx("div", {
+		className: "openapi-intro",
+		children: props.context.renderDocument({ document: operation["x-gitbook-description-document"] })
+	});
 	const description = resolveDescription(operation);
 	if (!description) return null;
-	return <div className="openapi-intro">
-            <Markdown className="openapi-description" source={description} />
-        </div>;
+	return /* @__PURE__ */ jsx("div", {
+		className: "openapi-intro",
+		children: /* @__PURE__ */ jsx(Markdown, {
+			className: "openapi-description",
+			source: description
+		})
+	});
 }
 
 //#endregion

package/dist/common/OpenAPIStability.js

@@ -1,3 +1,5 @@
+import { jsx } from "react/jsx-runtime";
+
 //#region src/common/OpenAPIStability.tsx
 const stabilityEnum = {
 	experimental: "Experimental",
@@ -8,9 +10,10 @@ function OpenAPIStability(props) {
 	const { stability } = props;
 	const foundStability = stabilityEnum[stability];
 	if (!foundStability) return null;
-	return <div className={`openapi-stability openapi-stability-${foundStability.toLowerCase()}`}>
-            {foundStability}
-        </div>;
+	return /* @__PURE__ */ jsx("div", {
+		className: `openapi-stability openapi-stability-${foundStability.toLowerCase()}`,
+		children: foundStability
+	});
 }
 
 //#endregion

package/dist/common/OpenAPISummary.js

@@ -1,5 +1,6 @@
 import { OpenAPIPath } from "../OpenAPIPath.js";
 import { OpenAPIStability } from "./OpenAPIStability.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/common/OpenAPISummary.tsx
 function OpenAPISummary(props) {
@@ -9,18 +10,28 @@ function OpenAPISummary(props) {
 		if (operation.summary) return operation.summary;
 		if ("name" in data) return data.name;
 	})();
-	return <div className="openapi-summary" id={operation.summary ? void 0 : context.id}>
-            {(operation.deprecated || operation["x-stability"]) && <div className="openapi-summary-tags">
-                    {operation.deprecated && <div className="openapi-deprecated">Deprecated</div>}
-                    {operation["x-stability"] && <OpenAPIStability stability={operation["x-stability"]} />}
-                </div>}
-            {title ? context.renderHeading({
-		deprecated: operation.deprecated ?? false,
-		stability: operation["x-stability"],
-		title
-	}) : null}
-            {"path" in data ? <OpenAPIPath data={data} context={context} /> : null}
-        </div>;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "openapi-summary",
+		id: operation.summary ? void 0 : context.id,
+		children: [
+			(operation.deprecated || operation["x-stability"]) && /* @__PURE__ */ jsxs("div", {
+				className: "openapi-summary-tags",
+				children: [operation.deprecated && /* @__PURE__ */ jsx("div", {
+					className: "openapi-deprecated",
+					children: "Deprecated"
+				}), operation["x-stability"] && /* @__PURE__ */ jsx(OpenAPIStability, { stability: operation["x-stability"] })]
+			}),
+			title ? context.renderHeading({
+				deprecated: operation.deprecated ?? false,
+				stability: operation["x-stability"],
+				title
+			}) : null,
+			"path" in data ? /* @__PURE__ */ jsx(OpenAPIPath, {
+				data,
+				context
+			}) : null
+		]
+	});
 }
 
 //#endregion

package/dist/formatPath.js

@@ -1,3 +1,5 @@
+import { jsx } from "react/jsx-runtime";
+
 //#region src/formatPath.tsx
 /**
 * Format the path by wrapping placeholders in <span> tags.
@@ -8,15 +10,16 @@ function formatPath(path) {
 	let lastIndex = 0;
 	path.replace(regex, (match, _, offset) => {
 		if (offset > lastIndex) parts.push(path.slice(lastIndex, offset));
-		parts.push(<span key={`offset-${offset}`} className="openapi-path-variable">
-                {match}
-            </span>);
+		parts.push(/* @__PURE__ */ jsx("span", {
+			className: "openapi-path-variable",
+			children: match
+		}, `offset-${offset}`));
 		lastIndex = offset + match.length;
 		return match;
 	});
 	if (lastIndex < path.length) parts.push(path.slice(lastIndex));
 	return parts.map((part, index) => {
-		if (typeof part === "string") return <span key={`part-${index}`}>{part}</span>;
+		if (typeof part === "string") return /* @__PURE__ */ jsx("span", { children: part }, `part-${index}`);
 		return part;
 	});
 }

package/dist/schemas/OpenAPISchemaItem.js

@@ -5,21 +5,28 @@ import { OpenAPIDisclosure } from "../OpenAPIDisclosure.js";
 import { getDisclosureLabel } from "../getDisclosureLabel.js";
 import { OpenAPIRootSchema } from "../OpenAPISchemaServer.js";
 import { Section, SectionBody } from "../StaticSection.js";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/schemas/OpenAPISchemaItem.tsx
 function OpenAPISchemaItem(props) {
 	const { schema, context, name } = props;
-	return <OpenAPIDisclosure className="openapi-schemas-disclosure" key={name} icon={context.icons.plus} header={name} label={(isExpanded) => getDisclosureLabel({
-		schema,
-		isExpanded,
-		context
-	})}>
-            <Section className="openapi-section-schemas">
-                <SectionBody>
-                    <OpenAPIRootSchema schema={schema} context={context} />
-                </SectionBody>
-            </Section>
-        </OpenAPIDisclosure>;
+	return /* @__PURE__ */ jsx(OpenAPIDisclosure, {
+		className: "openapi-schemas-disclosure",
+		icon: context.icons.plus,
+		header: name,
+		label: (isExpanded) => getDisclosureLabel({
+			schema,
+			isExpanded,
+			context
+		}),
+		children: /* @__PURE__ */ jsx(Section, {
+			className: "openapi-section-schemas",
+			children: /* @__PURE__ */ jsx(SectionBody, { children: /* @__PURE__ */ jsx(OpenAPIRootSchema, {
+				schema,
+				context
+			}) })
+		})
+	}, name);
 }
 
 //#endregion

package/dist/schemas/OpenAPISchemas.d.ts

@@ -1,5 +1,5 @@
 import { OpenAPIContextInput } from "../context.js";
-import * as react2 from "react";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { OpenAPISchema } from "@gitbook/openapi-parser";
 
 //#region src/schemas/OpenAPISchemas.d.ts
@@ -14,6 +14,6 @@ declare function OpenAPISchemas(props: {
    * Whether to show the schema directly if there is only one.
    */
   grouped?: boolean;
-}): react2.JSX.Element | null;
+}): react_jsx_runtime3.JSX.Element | null;
 //#endregion
 export { OpenAPISchemas };

package/dist/schemas/OpenAPISchemas.js

@@ -6,6 +6,7 @@ import { getOpenAPIClientContext, resolveOpenAPIContext } from "../context.js";
 import { getExampleFromSchema } from "../util/example.js";
 import { OpenAPISchemaItem } from "./OpenAPISchemaItem.js";
 import clsx from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/schemas/OpenAPISchemas.tsx
 /**
@@ -19,38 +20,61 @@ function OpenAPISchemas(props) {
 	const clientContext = getOpenAPIClientContext(context);
 	if (schemas.length === 1 && !grouped) {
 		const title = `The ${firstSchema.name} object`;
-		return <div className={clsx("openapi-schemas", className)}>
-                <div className="openapi-summary" id={context.id}>
-                    {context.renderHeading({
-			title,
-			deprecated: Boolean(firstSchema.schema.deprecated),
-			stability: firstSchema.schema["x-stability"]
-		})}
-                </div>
-                <div className="openapi-columns">
-                    <div className="openapi-column-spec">
-                        <StaticSection className="openapi-parameters" header={t(context.translation, "attributes")}>
-                            <OpenAPIRootSchema schema={firstSchema.schema} context={clientContext} />
-                        </StaticSection>
-                    </div>
-                    <div className="openapi-column-preview">
-                        <div className="openapi-column-preview-body">
-                            <div className="openapi-panel">
-                                <h4 className="openapi-panel-heading">{title}</h4>
-                                <div className="openapi-panel-body">
-                                    <OpenAPIExample example={getExampleFromSchema({ schema: firstSchema.schema })} context={context} syntax="json" />
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>;
+		return /* @__PURE__ */ jsxs("div", {
+			className: clsx("openapi-schemas", className),
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "openapi-summary",
+				id: context.id,
+				children: context.renderHeading({
+					title,
+					deprecated: Boolean(firstSchema.schema.deprecated),
+					stability: firstSchema.schema["x-stability"]
+				})
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "openapi-columns",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "openapi-column-spec",
+					children: /* @__PURE__ */ jsx(StaticSection, {
+						className: "openapi-parameters",
+						header: t(context.translation, "attributes"),
+						children: /* @__PURE__ */ jsx(OpenAPIRootSchema, {
+							schema: firstSchema.schema,
+							context: clientContext
+						})
+					})
+				}), /* @__PURE__ */ jsx("div", {
+					className: "openapi-column-preview",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "openapi-column-preview-body",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "openapi-panel",
+							children: [/* @__PURE__ */ jsx("h4", {
+								className: "openapi-panel-heading",
+								children: title
+							}), /* @__PURE__ */ jsx("div", {
+								className: "openapi-panel-body",
+								children: /* @__PURE__ */ jsx(OpenAPIExample, {
+									example: getExampleFromSchema({ schema: firstSchema.schema }),
+									context,
+									syntax: "json"
+								})
+							})]
+						})
+					})
+				})]
+			})]
+		});
 	}
-	return <div className={clsx("openapi-schemas", className)}>
-            {schemas.map(({ name, schema }) => {
-		return <OpenAPISchemaItem key={name} name={name} context={clientContext} schema={schema} />;
-	})}
-        </div>;
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx("openapi-schemas", className),
+		children: schemas.map(({ name, schema }) => {
+			return /* @__PURE__ */ jsx(OpenAPISchemaItem, {
+				name,
+				context: clientContext,
+				schema
+			}, name);
+		})
+	});
 }
 
 //#endregion

package/dist/translate.js

@@ -1,4 +1,5 @@
 import React, { isValidElement } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/translate.tsx
 /**
@@ -14,16 +15,13 @@ function t(translation, id, ...args) {
 		else {
 			const [partToPush, partToReplace] = currentStringToReplace.split(`\${${i + 1}}`);
 			if (partToPush === void 0 || partToReplace === void 0) throw new Error(`Invalid translation "${id}"`);
-			parts.push(<React.Fragment key={`string-${i}`}>{partToPush}</React.Fragment>);
-			parts.push(<React.Fragment key={`arg-${i}`}>{arg}</React.Fragment>);
+			parts.push(/* @__PURE__ */ jsx(React.Fragment, { children: partToPush }, `string-${i}`));
+			parts.push(/* @__PURE__ */ jsx(React.Fragment, { children: arg }, `arg-${i}`));
 			currentStringToReplace = partToReplace;
 		}
 	});
 	if (!parts.length) return currentStringToReplace;
-	return <>
-            {parts}
-            {currentStringToReplace}
-        </>;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [parts, currentStringToReplace] });
 }
 /**
 * Version of `t` that returns a string.

package/dist/util/example.js

@@ -2,6 +2,7 @@ import { tString } from "../translate.js";
 import { OpenAPIExample } from "../OpenAPIExample.js";
 import { checkIsReference } from "../utils.js";
 import { generateSchemaExample } from "../generateSchemaExample.js";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/util/example.tsx
 /**
@@ -66,7 +67,11 @@ function getExamples(props) {
 		return {
 			key: example.key,
 			label: example.example.summary || example.key,
-			body: <OpenAPIExample example={example.example} context={props.context} syntax={syntax} />
+			body: /* @__PURE__ */ jsx(OpenAPIExample, {
+				example: example.example,
+				context: props.context,
+				syntax
+			})
 		};
 	});
 }

package/package.json

@@ -7,7 +7,7 @@
             "default": "./dist/index.js"
         }
     },
-    "version": "1.5.5",
+    "version": "1.5.6",
     "sideEffects": false,
     "dependencies": {
         "@gitbook/expr": "1.2.4",
@@ -42,7 +42,7 @@
         "react-dom": "catalog:"
     },
     "peerDependencies": {
-        "react": "*",
+        "react": ">=17",
         "react-dom": "*"
     },
     "scripts": {