@gitbook/react-openapi 1.1.5 → 1.1.7

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @gitbook/react-openapi
 
+## 1.1.7
+
+### Patch Changes
+
+- bd35348: Fix missing alternative schemas
+- ae78fc5: Fix XML in code sample
+- 7bb37c7: Move filterSelectedOpenAPISchemas to @gitbook/openapi-parser
+- 373183a: Safe parse OpenAPI JSON schema
+- 1505ddb: Fix multiple request examples selector not showing
+- 61db166: Add OpenAPI write-only indicator
+- 5b1e01c: Support for x-stability property
+- cd99ed5: Fix spec properties rendering and missing keys
+- 813b2af: Support for x-enumDescriptions and x-gitbook-enum
+- a25fded: Replace $ref with $reference in json-decycle
+- Updated dependencies [7bb37c7]
+- Updated dependencies [5b1e01c]
+- Updated dependencies [813b2af]
+  - @gitbook/openapi-parser@2.1.2
+
+## 1.1.6
+
+### Patch Changes
+
+- 6eae764: Support body examples
+- 7212973: Update scalar
+- d2facb2: Mark properties as optional if not required
+- 73e2b47: Fix write only properties in request example
+- 70be2c6: Stringify default value
+- fc00b51: Remove default value in generateSchemaExample
+- a84b06b: Update resolveDescription and add minItems/maxItems
+- Updated dependencies [48c18c0]
+- Updated dependencies [7212973]
+  - @gitbook/openapi-parser@2.1.1
+
 ## 1.1.5
 
 ### Patch Changes

package/dist/InteractiveSection.d.ts

@@ -23,8 +23,6 @@ export declare function InteractiveSection(props: {
     defaultTab?: string;
     /** Content of the header */
     header?: React.ReactNode;
-    /** Body of the section */
-    children?: React.ReactNode;
     /** Children to display within the container */
     overlay?: React.ReactNode;
 }): import("react").JSX.Element;

package/dist/InteractiveSection.jsx

@@ -10,7 +10,7 @@ import { Section, SectionBody, SectionHeader, SectionHeaderContent } from './Sta
  */
 export function InteractiveSection(props) {
     var _a, _b, _c;
-    var id = props.id, className = props.className, _d = props.toggeable, toggeable = _d === void 0 ? false : _d, _e = props.defaultOpened, defaultOpened = _e === void 0 ? true : _e, _f = props.tabs, tabs = _f === void 0 ? [] : _f, _g = props.defaultTab, defaultTab = _g === void 0 ? (_a = tabs[0]) === null || _a === void 0 ? void 0 : _a.key : _g, header = props.header, children = props.children, overlay = props.overlay, _h = props.toggleIcon, toggleIcon = _h === void 0 ? '▶' : _h;
+    var id = props.id, className = props.className, _d = props.toggeable, toggeable = _d === void 0 ? false : _d, _e = props.defaultOpened, defaultOpened = _e === void 0 ? true : _e, _f = props.tabs, tabs = _f === void 0 ? [] : _f, _g = props.defaultTab, defaultTab = _g === void 0 ? (_a = tabs[0]) === null || _a === void 0 ? void 0 : _a.key : _g, header = props.header, overlay = props.overlay, _h = props.toggleIcon, toggleIcon = _h === void 0 ? '▶' : _h;
     var _j = useState(defaultTab), selectedTabKey = _j[0], setSelectedTab = _j[1];
     var selectedTab = (_b = tabs.find(function (tab) { return tab.key === selectedTabKey; })) !== null && _b !== void 0 ? _b : tabs[0];
     var state = useDisclosureState({
@@ -28,7 +28,7 @@ export function InteractiveSection(props) {
                 }
             }} className={className}>
                     <SectionHeaderContent className={className}>
-                        {(children || (selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.body)) && toggeable ? (<button {...mergeProps(buttonProps, focusProps)} ref={triggerRef} className={clsx('openapi-section-toggle', "".concat(className, "-toggle"))} style={{
+                        {(selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.body) && toggeable ? (<button {...mergeProps(buttonProps, focusProps)} ref={triggerRef} className={clsx('openapi-section-toggle', "".concat(className, "-toggle"))} style={{
                     outline: isFocusVisible
                         ? '2px solid rgb(var(--primary-color-500) / 0.4)'
                         : 'none',
@@ -50,8 +50,7 @@ export function InteractiveSection(props) {
                             </select>) : null}
                     </div>
                 </SectionHeader>) : null}
-            {(!toggeable || state.isExpanded) && (children || (selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.body)) ? (<SectionBody ref={panelRef} {...panelProps} className={className}>
-                    {children}
+            {(!toggeable || state.isExpanded) && (selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.body) ? (<SectionBody ref={panelRef} {...panelProps} className={className}>
                     {selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.body}
                 </SectionBody>) : null}
             {overlay ? (<div className={clsx('openapi-section-overlay', "".concat(className, "-overlay"))}>

package/dist/OpenAPICodeSample.d.ts

@@ -1,3 +1,4 @@
+import type { OpenAPIV3 } from '@gitbook/openapi-parser';
 import type { OpenAPIContextProps, OpenAPIOperationData } from './types';
 /**
  * Display code samples to execute the operation.
@@ -7,3 +8,11 @@ export declare function OpenAPICodeSample(props: {
     data: OpenAPIOperationData;
     context: OpenAPIContextProps;
 }): import("react").JSX.Element | null;
+export interface MediaTypeRenderer {
+    mediaType: string;
+    element: React.ReactNode;
+    examples: Array<{
+        example: OpenAPIV3.ExampleObject;
+        element: React.ReactNode;
+    }>;
+}

package/dist/OpenAPICodeSample.jsx

@@ -9,20 +9,47 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+import { OpenAPIMediaTypeExamplesBody, OpenAPIMediaTypeExamplesSelector, } from './OpenAPICodeSampleInteractive';
 import { OpenAPITabs, OpenAPITabsList, OpenAPITabsPanels } from './OpenAPITabs';
 import { ScalarApiButton } from './ScalarApiButton';
 import { StaticSection } from './StaticSection';
 import { codeSampleGenerators } from './code-samples';
-import { generateMediaTypeExample, generateSchemaExample } from './generateSchemaExample';
+import { generateMediaTypeExamples, generateSchemaExample } from './generateSchemaExample';
 import { stringifyOpenAPI } from './stringifyOpenAPI';
 import { getDefaultServerURL } from './util/server';
 import { checkIsReference, createStateKey } from './utils';
+var CUSTOM_CODE_SAMPLES_KEYS = ['x-custom-examples', 'x-code-samples', 'x-codeSamples'];
 /**
  * Display code samples to execute the operation.
  * It supports the Redocly custom syntax as well (https://redocly.com/docs/api-reference-docs/specification-extensions/x-code-samples/)
  */
 export function OpenAPICodeSample(props) {
-    var _a;
+    var data = props.data;
+    // If code samples are disabled at operation level, we don't display the code samples.
+    if (data.operation['x-codeSamples'] === false) {
+        return null;
+    }
+    var customCodeSamples = getCustomCodeSamples(props);
+    // If code samples are disabled at the top-level and not custom code samples are defined,
+    // we don't display the code samples.
+    if (data['x-codeSamples'] === false && !customCodeSamples) {
+        return null;
+    }
+    var samples = customCodeSamples !== null && customCodeSamples !== void 0 ? customCodeSamples : generateCodeSamples(props);
+    if (samples.length === 0) {
+        return null;
+    }
+    return (<OpenAPITabs stateKey={createStateKey('codesample')} items={samples}>
+            <StaticSection header={<OpenAPITabsList />} className="openapi-codesample">
+                <OpenAPITabsPanels />
+            </StaticSection>
+        </OpenAPITabs>);
+}
+/**
+ * Generate code samples for the operation.
+ */
+function generateCodeSamples(props) {
+    var _a, _b;
     var data = props.data, context = props.context;
     var searchParams = new URLSearchParams();
     var headersObject = {};
@@ -51,34 +78,92 @@ export function OpenAPICodeSample(props) {
     var requestBody = !checkIsReference(data.operation.requestBody)
         ? data.operation.requestBody
         : undefined;
-    var requestBodyContentEntries = (requestBody === null || requestBody === void 0 ? void 0 : requestBody.content)
-        ? Object.entries(requestBody.content)
-        : undefined;
-    var requestBodyContent = requestBodyContentEntries === null || requestBodyContentEntries === void 0 ? void 0 : requestBodyContentEntries[0];
-    var input = {
-        url: getDefaultServerURL(data.servers) +
-            data.path +
-            (searchParams.size ? "?".concat(searchParams.toString()) : ''),
-        method: data.method,
-        body: requestBodyContent ? generateMediaTypeExample(requestBodyContent[1]) : undefined,
-        headers: __assign(__assign(__assign({}, getSecurityHeaders(data.securities)), headersObject), (requestBodyContent
-            ? {
-                'Content-Type': requestBodyContent[0],
-            }
-            : undefined)),
-    };
-    var autoCodeSamples = codeSampleGenerators.map(function (generator) { return ({
-        key: "default-".concat(generator.id),
-        label: generator.label,
-        body: context.renderCodeBlock({
-            code: generator.generate(input),
-            syntax: generator.syntax,
-        }),
-        footer: <OpenAPICodeSampleFooter data={data} context={context}/>,
-    }); });
-    // Use custom samples if defined
+    var url = getDefaultServerURL(data.servers) +
+        data.path +
+        (searchParams.size ? "?".concat(searchParams.toString()) : '');
+    var genericHeaders = __assign(__assign({}, getSecurityHeaders(data.securities)), headersObject);
+    var mediaTypeRendererFactories = Object.entries((_b = requestBody === null || requestBody === void 0 ? void 0 : requestBody.content) !== null && _b !== void 0 ? _b : {}).map(function (_a) {
+        var mediaType = _a[0], mediaTypeObject = _a[1];
+        return function (generator) {
+            var mediaTypeHeaders = __assign(__assign({}, genericHeaders), { 'Content-Type': mediaType });
+            return {
+                mediaType: mediaType,
+                element: context.renderCodeBlock({
+                    code: generator.generate({
+                        url: url,
+                        method: data.method,
+                        body: undefined,
+                        headers: mediaTypeHeaders,
+                    }),
+                    syntax: generator.syntax,
+                }),
+                examples: generateMediaTypeExamples(mediaTypeObject, {
+                    mode: 'write',
+                }).map(function (example) { return ({
+                    example: example,
+                    element: context.renderCodeBlock({
+                        code: generator.generate({
+                            url: url,
+                            method: data.method,
+                            body: example.value,
+                            headers: mediaTypeHeaders,
+                        }),
+                        syntax: generator.syntax,
+                    }),
+                }); }),
+            };
+        };
+    });
+    return codeSampleGenerators.map(function (generator) {
+        if (mediaTypeRendererFactories.length > 0) {
+            var renderers = mediaTypeRendererFactories.map(function (generate) { return generate(generator); });
+            return {
+                key: "default-".concat(generator.id),
+                label: generator.label,
+                body: (<OpenAPIMediaTypeExamplesBody method={data.method} path={data.path} renderers={renderers}/>),
+                footer: (<OpenAPICodeSampleFooter renderers={renderers} data={data} context={context}/>),
+            };
+        }
+        return {
+            key: "default-".concat(generator.id),
+            label: generator.label,
+            body: context.renderCodeBlock({
+                code: generator.generate({
+                    url: url,
+                    method: data.method,
+                    body: undefined,
+                    headers: genericHeaders,
+                }),
+                syntax: generator.syntax,
+            }),
+            footer: <OpenAPICodeSampleFooter data={data} renderers={[]} context={context}/>,
+        };
+    });
+}
+function OpenAPICodeSampleFooter(props) {
+    var data = props.data, context = props.context, renderers = props.renderers;
+    var method = data.method, path = data.path;
+    var specUrl = context.specUrl;
+    var hideTryItPanel = data['x-hideTryItPanel'] || data.operation['x-hideTryItPanel'];
+    var hasMultipleMediaTypes = renderers.length > 1 || renderers.some(function (renderer) { return renderer.examples.length > 0; });
+    if (hideTryItPanel && !hasMultipleMediaTypes) {
+        return null;
+    }
+    if (!validateHttpMethod(method)) {
+        return null;
+    }
+    return (<div className="openapi-codesample-footer">
+            {hasMultipleMediaTypes ? (<OpenAPIMediaTypeExamplesSelector method={data.method} path={data.path} renderers={renderers}/>) : (<span />)}
+            {!hideTryItPanel && <ScalarApiButton method={method} path={path} specUrl={specUrl}/>}
+        </div>);
+}
+/**
+ * Get custom code samples for the operation.
+ */
+function getCustomCodeSamples(props) {
+    var data = props.data, context = props.context;
     var customCodeSamples = null;
-    ['x-custom-examples', 'x-code-samples', 'x-codeSamples'].forEach(function (key) {
+    CUSTOM_CODE_SAMPLES_KEYS.forEach(function (key) {
         var customSamples = data.operation[key];
         if (customSamples && Array.isArray(customSamples)) {
             customCodeSamples = customSamples
@@ -88,43 +173,17 @@ export function OpenAPICodeSample(props) {
                     typeof sample.lang === 'string');
             })
                 .map(function (sample, index) { return ({
-                key: "redocly-".concat(sample.lang, "-").concat(index),
+                key: "custom-sample-".concat(sample.lang, "-").concat(index),
                 label: sample.label,
                 body: context.renderCodeBlock({
                     code: sample.source,
                     syntax: sample.lang,
                 }),
-                footer: <OpenAPICodeSampleFooter data={data} context={context}/>,
+                footer: (<OpenAPICodeSampleFooter renderers={[]} data={data} context={context}/>),
             }); });
         }
     });
-    // Code samples can be disabled at the top-level or at the operation level
-    // If code samples are defined at the operation level, it will override the top-level setting
-    var codeSamplesDisabled = data['x-codeSamples'] === false || data.operation['x-codeSamples'] === false;
-    var samples = customCodeSamples !== null && customCodeSamples !== void 0 ? customCodeSamples : (!codeSamplesDisabled ? autoCodeSamples : []);
-    if (samples.length === 0) {
-        return null;
-    }
-    return (<OpenAPITabs stateKey={createStateKey('codesample')} items={samples}>
-            <StaticSection header={<OpenAPITabsList />} className="openapi-codesample">
-                <OpenAPITabsPanels />
-            </StaticSection>
-        </OpenAPITabs>);
-}
-function OpenAPICodeSampleFooter(props) {
-    var data = props.data, context = props.context;
-    var method = data.method, path = data.path;
-    var specUrl = context.specUrl;
-    var hideTryItPanel = data['x-hideTryItPanel'] || data.operation['x-hideTryItPanel'];
-    if (hideTryItPanel) {
-        return null;
-    }
-    if (!validateHttpMethod(method)) {
-        return null;
-    }
-    return (<div className="openapi-codesample-footer">
-            <ScalarApiButton method={method} path={path} specUrl={specUrl}/>
-        </div>);
+    return customCodeSamples;
 }
 function getSecurityHeaders(securities) {
     var _a;

package/dist/OpenAPICodeSampleInteractive.d.ts

@@ -0,0 +1,11 @@
+import type { MediaTypeRenderer } from './OpenAPICodeSample';
+export declare function OpenAPIMediaTypeExamplesSelector(props: {
+    method: string;
+    path: string;
+    renderers: MediaTypeRenderer[];
+}): import("react").JSX.Element;
+export declare function OpenAPIMediaTypeExamplesBody(props: {
+    method: string;
+    path: string;
+    renderers: MediaTypeRenderer[];
+}): string | number | boolean | Iterable<import("react").ReactNode> | import("react").JSX.Element | null | undefined;

package/dist/OpenAPICodeSampleInteractive.jsx

@@ -0,0 +1,85 @@
+'use client';
+import clsx from 'clsx';
+import { useCallback } from 'react';
+import { useStore } from 'zustand';
+import { getOrCreateTabStoreByKey } from './useSyncedTabsGlobalState';
+function useMediaTypeState(data, defaultKey) {
+    var method = data.method, path = data.path;
+    var store = useStore(getOrCreateTabStoreByKey("media-type-".concat(method, "-").concat(path), defaultKey));
+    if (typeof store.tabKey !== 'string') {
+        throw new Error('Media type key is not a string');
+    }
+    return {
+        mediaType: store.tabKey,
+        setMediaType: useCallback(function (index) { return store.setTabKey(index); }, [store.setTabKey]),
+    };
+}
+function useMediaTypeSampleIndexState(data, mediaType) {
+    var method = data.method, path = data.path;
+    var store = useStore(getOrCreateTabStoreByKey("media-type-sample-".concat(mediaType, "-").concat(method, "-").concat(path), 0));
+    if (typeof store.tabKey !== 'number') {
+        throw new Error('Example key is not a number');
+    }
+    return {
+        index: store.tabKey,
+        setIndex: useCallback(function (index) { return store.setTabKey(index); }, [store.setTabKey]),
+    };
+}
+export function OpenAPIMediaTypeExamplesSelector(props) {
+    var method = props.method, path = props.path, renderers = props.renderers;
+    if (!renderers[0]) {
+        throw new Error('No renderers provided');
+    }
+    var state = useMediaTypeState({ method: method, path: path }, renderers[0].mediaType);
+    var selected = renderers.find(function (r) { return r.mediaType === state.mediaType; }) || renderers[0];
+    return (<div className="openapi-codesample-selectors">
+            <MediaTypeSelector state={state} renderers={renderers}/>
+            <ExamplesSelector method={method} path={path} renderer={selected}/>
+        </div>);
+}
+function MediaTypeSelector(props) {
+    var renderers = props.renderers, state = props.state;
+    if (renderers.length < 2) {
+        return null;
+    }
+    return (<select className={clsx('openapi-select')} value={state.mediaType} onChange={function (e) { return state.setMediaType(e.target.value); }}>
+            {renderers.map(function (renderer) { return (<option key={renderer.mediaType} value={renderer.mediaType}>
+                    {renderer.mediaType}
+                </option>); })}
+        </select>);
+}
+function ExamplesSelector(props) {
+    var method = props.method, path = props.path, renderer = props.renderer;
+    var state = useMediaTypeSampleIndexState({ method: method, path: path }, renderer.mediaType);
+    if (renderer.examples.length < 2) {
+        return null;
+    }
+    return (<select className={clsx('openapi-select')} value={String(state.index)} onChange={function (e) { return state.setIndex(Number(e.target.value)); }}>
+            {renderer.examples.map(function (example, index) { return (<option key={index} value={index}>
+                    {example.example.summary || "Example ".concat(index + 1)}
+                </option>); })}
+        </select>);
+}
+export function OpenAPIMediaTypeExamplesBody(props) {
+    var _a;
+    var renderers = props.renderers, method = props.method, path = props.path;
+    if (!renderers[0]) {
+        throw new Error('No renderers provided');
+    }
+    var mediaTypeState = useMediaTypeState({ method: method, path: path }, renderers[0].mediaType);
+    var selected = (_a = renderers.find(function (r) { return r.mediaType === mediaTypeState.mediaType; })) !== null && _a !== void 0 ? _a : renderers[0];
+    if (selected.examples.length === 0) {
+        return selected.element;
+    }
+    return <ExamplesBody method={method} path={path} renderer={selected}/>;
+}
+function ExamplesBody(props) {
+    var _a;
+    var method = props.method, path = props.path, renderer = props.renderer;
+    var exampleState = useMediaTypeSampleIndexState({ method: method, path: path }, renderer.mediaType);
+    var example = (_a = renderer.examples[exampleState.index]) !== null && _a !== void 0 ? _a : renderer.examples[0];
+    if (!example) {
+        throw new Error("No example found for index ".concat(exampleState.index));
+    }
+    return example.element;
+}

package/dist/OpenAPICopyButton.d.ts

@@ -1,4 +1,11 @@
 import { type ButtonProps } from 'react-aria-components';
 export declare function OpenAPICopyButton(props: ButtonProps & {
     value: string;
+    children: React.ReactNode;
+    label?: string;
+    /**
+     * Whether to show a tooltip.
+     * @default true
+     */
+    withTooltip?: boolean;
 }): import("react").JSX.Element;

package/dist/OpenAPICopyButton.jsx

@@ -2,10 +2,9 @@
 import { useState } from 'react';
 import { Button, Tooltip, TooltipTrigger } from 'react-aria-components';
 export function OpenAPICopyButton(props) {
-    var value = props.value;
-    var children = props.children, onPress = props.onPress, className = props.className;
-    var _a = useState(false), copied = _a[0], setCopied = _a[1];
-    var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
+    var value = props.value, label = props.label, children = props.children, onPress = props.onPress, className = props.className, _a = props.withTooltip, withTooltip = _a === void 0 ? true : _a;
+    var _b = useState(false), copied = _b[0], setCopied = _b[1];
+    var _c = useState(false), isOpen = _c[0], setIsOpen = _c[1];
     var handleCopy = function () {
         if (!value)
             return;
@@ -14,10 +13,11 @@ export function OpenAPICopyButton(props) {
             setCopied(true);
             setTimeout(function () {
                 setCopied(false);
+                setIsOpen(false);
             }, 2000);
         });
     };
-    return (<TooltipTrigger isOpen={isOpen} onOpenChange={setIsOpen} closeDelay={200} delay={200}>
+    return (<TooltipTrigger isOpen={isOpen} onOpenChange={setIsOpen} isDisabled={!withTooltip} closeDelay={200} delay={200}>
             <Button type="button" preventFocusOnPress onPress={function (e) {
             handleCopy();
             onPress === null || onPress === void 0 ? void 0 : onPress(e);
@@ -26,7 +26,7 @@ export function OpenAPICopyButton(props) {
             </Button>
 
             <Tooltip isOpen={isOpen} onOpenChange={setIsOpen} placement="top" offset={4} className="openapi-tooltip">
-                {copied ? 'Copied' : 'Copy to clipboard'}{' '}
+                {copied ? 'Copied' : label || 'Copy to clipboard'}
             </Tooltip>
         </TooltipTrigger>);
 }

package/dist/OpenAPIOperation.jsx

@@ -19,14 +19,18 @@ export function OpenAPIOperation(props) {
     };
     return (<div className={clsx('openapi-operation', className)}>
             <div className="openapi-summary" id={operation.summary ? undefined : context.id}>
+                {(operation.deprecated || operation['x-stability']) && (<div className="openapi-summary-tags">
+                        {operation.deprecated && (<div className="openapi-deprecated">Deprecated</div>)}
+                        {operation['x-stability'] && (<OpenAPIOperationStability stability={operation['x-stability']}/>)}
+                    </div>)}
                 {operation.summary
             ? context.renderHeading({
                 deprecated: (_a = operation.deprecated) !== null && _a !== void 0 ? _a : false,
+                stability: operation['x-stability'],
                 title: operation.summary,
             })
             : null}
                 <OpenAPIPath data={data} context={context}/>
-                {operation.deprecated && <div className="openapi-deprecated">Deprecated</div>}
             </div>
             <div className="openapi-columns">
                 <div className="openapi-column-spec">
@@ -66,3 +70,19 @@ function OpenAPIOperationDescription(props) {
             <Markdown className="openapi-description" source={description}/>
         </div>);
 }
+var stabilityEnum = {
+    experimental: 'Experimental',
+    alpha: 'Alpha',
+    beta: 'Beta',
+    stable: 'Stable',
+};
+function OpenAPIOperationStability(props) {
+    var stability = props.stability;
+    var foundStability = stabilityEnum[stability];
+    if (!foundStability) {
+        return null;
+    }
+    return (<div className={"openapi-stability openapi-stability-".concat(foundStability.toLowerCase())}>
+            {foundStability}
+        </div>);
+}

package/dist/OpenAPIPath.jsx

@@ -30,7 +30,7 @@ function formatPath(path) {
         if (offset > lastIndex) {
             parts.push(path.slice(lastIndex, offset));
         }
-        parts.push(<span key={offset} className="openapi-path-variable">
+        parts.push(<span key={"offset-".concat(offset)} className="openapi-path-variable">
                 {match}
             </span>);
         lastIndex = offset + match.length;
@@ -41,7 +41,7 @@ function formatPath(path) {
     }
     var formattedPath = parts.map(function (part, index) {
         if (typeof part === 'string') {
-            return <span key={index}>{part}</span>;
+            return <span key={"part-".concat(index)}>{part}</span>;
         }
         return part;
     });

package/dist/OpenAPIRequestBody.jsx

@@ -1,5 +1,5 @@
 import { InteractiveSection } from './InteractiveSection';
-import { OpenAPIRootSchema } from './OpenAPISchema';
+import { OpenAPIRootSchema } from './OpenAPISchemaServer';
 import { checkIsReference } from './utils';
 /**
  * Display an interactive request body.

package/dist/OpenAPIResponse.jsx

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { OpenAPIDisclosure } from './OpenAPIDisclosure';
-import { OpenAPISchemaProperties } from './OpenAPISchema';
+import { OpenAPISchemaProperties } from './OpenAPISchemaServer';
 import { parameterToProperty, resolveDescription } from './utils';
 /**
  * Display an interactive response body.

package/dist/OpenAPIResponses.jsx

@@ -15,7 +15,7 @@ export function OpenAPIResponses(props) {
             var description = response.description;
             return {
                 id: statusCode,
-                label: (<div className="openapi-response-tab-content" key={"response-".concat(statusCode)}>
+                label: (<div className="openapi-response-tab-content">
                                     <span className="openapi-response-statuscode">
                                         {statusCode}
                                     </span>
@@ -26,7 +26,7 @@ export function OpenAPIResponses(props) {
                     return ({
                         id: contentType,
                         label: contentType,
-                        body: (<OpenAPIResponse key={"$response-".concat(statusCode, "-").concat(contentType)} response={response} mediaType={mediaType} context={context}/>),
+                        body: (<OpenAPIResponse response={response} mediaType={mediaType} context={context}/>),
                     });
                 }),
             };

package/dist/OpenAPISchema.d.ts

@@ -1,29 +1,20 @@
 import type { OpenAPIV3 } from '@gitbook/openapi-parser';
 import type { OpenAPIClientContext } from './types';
-type CircularRefsIds = Map<OpenAPIV3.SchemaObject, string>;
-interface OpenAPISchemaPropertyEntry {
+export interface OpenAPISchemaPropertyEntry {
     propertyName?: string | undefined;
     required?: boolean | undefined;
     schema: OpenAPIV3.SchemaObject;
 }
-/**
- * Render a set of properties of an OpenAPI schema.
- */
-export declare function OpenAPISchemaProperties(props: {
+export declare function OpenAPISchemaPropertiesFromServer(props: {
     id?: string;
-    properties: OpenAPISchemaPropertyEntry[];
-    circularRefs?: CircularRefsIds;
+    properties: string;
     context: OpenAPIClientContext;
 }): import("react").JSX.Element;
-/**
- * Render a root schema (such as the request body or response body).
- */
-export declare function OpenAPIRootSchema(props: {
-    schema: OpenAPIV3.SchemaObject;
+export declare function OpenAPIRootSchemaFromServer(props: {
+    schema: string;
     context: OpenAPIClientContext;
 }): import("react").JSX.Element;
 /**
  * Get the alternatives to display for a schema.
  */
 export declare function getSchemaAlternatives(schema: OpenAPIV3.SchemaObject, ancestors?: Set<OpenAPIV3.SchemaObject>): OpenAPIV3.SchemaObject[] | null;
-export {};