@gitbook/react-openapi 1.1.9 → 1.1.10

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @gitbook/react-openapi
 
+## 1.1.10
+
+### Patch Changes
+
+- 70c4182: Improve OpenAPI schema style
+- 2b6c593: Remove stable from x-stability
+- cbd768a: Improve OpenAPI codesample (add OpenAPISelect component)
+- e59076a: Improve OpenAPI schemas block ungrouped style. Classnames have changed, please refer to this PR to update GBX.
+- eedefdd: Handle optional security headers
+- 23cedd2: Hide deprecated properties in examples
+- Updated dependencies [2b6c593]
+  - @gitbook/openapi-parser@2.1.3
+
 ## 1.1.9
 
 ### Patch Changes

package/dist/InteractiveSection.jsx

@@ -3,6 +3,7 @@ import clsx from 'clsx';
 import { useRef, useState } from 'react';
 import { mergeProps, useButton, useDisclosure, useFocusRing } from 'react-aria';
 import { useDisclosureState } from 'react-stately';
+import { OpenAPISelect, OpenAPISelectItem } from './OpenAPISelect';
 import { Section, SectionBody, SectionHeader, SectionHeaderContent } from './StaticSection';
 /**
  * To optimize rendering, most of the components are server-components,
@@ -40,14 +41,14 @@ export function InteractiveSection(props) {
                     <div className={clsx('openapi-section-header-controls', "".concat(className, "-header-controls"))} onClick={function (event) {
                 event.stopPropagation();
             }}>
-                        {tabs.length > 1 ? (<select className={clsx('openapi-section-select', 'openapi-select', "".concat(className, "-tabs-select"))} value={(_c = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.key) !== null && _c !== void 0 ? _c : ''} onChange={function (event) {
-                    setSelectedTab(event.target.value);
+                        {tabs.length > 1 ? (<OpenAPISelect className={clsx('openapi-section-select', "".concat(className, "-tabs-select"))} items={tabs} selectedKey={(_c = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.key) !== null && _c !== void 0 ? _c : ''} onSelectionChange={function (key) {
+                    setSelectedTab(String(key));
                     state.expand();
-                }}>
-                                {tabs.map(function (tab) { return (<option key={tab.key} value={tab.key}>
+                }} placement="bottom end">
+                                {tabs.map(function (tab) { return (<OpenAPISelectItem key={tab.key} id={tab.key} value={tab}>
                                         {tab.label}
-                                    </option>); })}
-                            </select>) : null}
+                                    </OpenAPISelectItem>); })}
+                            </OpenAPISelect>) : null}
                     </div>
                 </SectionHeader>) : null}
             {(!toggeable || state.isExpanded) && (selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.body) ? (<SectionBody ref={panelRef} {...panelProps} className={className}>

package/dist/OpenAPICodeSample.d.ts

@@ -1,12 +1,12 @@
 import type { OpenAPIV3 } from '@gitbook/openapi-parser';
-import type { OpenAPIContextProps, OpenAPIOperationData } from './types';
+import type { OpenAPIContext, OpenAPIOperationData } from './types';
 /**
  * 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 declare function OpenAPICodeSample(props: {
     data: OpenAPIOperationData;
-    context: OpenAPIContextProps;
+    context: OpenAPIContext;
 }): import("react").JSX.Element | null;
 export interface MediaTypeRenderer {
     mediaType: string;

package/dist/OpenAPICodeSample.jsx

@@ -10,14 +10,13 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { OpenAPIMediaTypeExamplesBody, OpenAPIMediaTypeExamplesSelector, } from './OpenAPICodeSampleInteractive';
-import { OpenAPITabs, OpenAPITabsList, OpenAPITabsPanels } from './OpenAPITabs';
+import { OpenAPICodeSampleBody } from './OpenAPICodeSampleSelector';
 import { ScalarApiButton } from './ScalarApiButton';
-import { StaticSection } from './StaticSection';
 import { codeSampleGenerators } from './code-samples';
 import { generateMediaTypeExamples, generateSchemaExample } from './generateSchemaExample';
 import { stringifyOpenAPI } from './stringifyOpenAPI';
 import { getDefaultServerURL } from './util/server';
-import { checkIsReference, createStateKey } from './utils';
+import { checkIsReference } from './utils';
 var CUSTOM_CODE_SAMPLES_KEYS = ['x-custom-examples', 'x-code-samples', 'x-codeSamples'];
 /**
  * Display code samples to execute the operation.
@@ -39,11 +38,7 @@ export function OpenAPICodeSample(props) {
     if (samples.length === 0) {
         return null;
     }
-    return (<OpenAPITabs stateKey={createStateKey('codesample')} items={samples}>
-            <StaticSection header={<OpenAPITabsList />} className="openapi-codesample">
-                <OpenAPITabsPanels />
-            </StaticSection>
-        </OpenAPITabs>);
+    return <OpenAPICodeSampleBody data={data} items={samples}/>;
 }
 /**
  * Generate code samples for the operation.

package/dist/OpenAPICodeSampleInteractive.jsx

@@ -2,27 +2,28 @@
 import clsx from 'clsx';
 import { useCallback } from 'react';
 import { useStore } from 'zustand';
-import { getOrCreateTabStoreByKey } from './useSyncedTabsGlobalState';
+import { OpenAPISelect, OpenAPISelectItem } from './OpenAPISelect';
+import { getOrCreateStoreByKey } from './getOrCreateStoreByKey';
 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') {
+    var store = useStore(getOrCreateStoreByKey("media-type-".concat(method, "-").concat(path), defaultKey));
+    if (typeof store.key !== '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]),
+        mediaType: store.key,
+        setMediaType: useCallback(function (index) { return store.setKey(index); }, [store.setKey]),
     };
 }
 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') {
+    var store = useStore(getOrCreateStoreByKey("media-type-sample-".concat(mediaType, "-").concat(method, "-").concat(path), 0));
+    if (typeof store.key !== 'number') {
         throw new Error('Example key is not a number');
     }
     return {
-        index: store.tabKey,
-        setIndex: useCallback(function (index) { return store.setTabKey(index); }, [store.setTabKey]),
+        index: store.key,
+        setIndex: useCallback(function (index) { return store.setKey(index); }, [store.setKey]),
     };
 }
 export function OpenAPIMediaTypeExamplesSelector(props) {
@@ -42,11 +43,18 @@ function MediaTypeSelector(props) {
     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>);
+    var items = renderers.map(function (renderer) { return ({
+        key: renderer.mediaType,
+        label: renderer.mediaType,
+    }); });
+    return (<OpenAPISelect className={clsx('openapi-select')} selectedKey={state.mediaType} items={renderers.map(function (renderer) { return ({
+            key: renderer.mediaType,
+            label: renderer.mediaType,
+        }); })} onSelectionChange={function (e) { return state.setMediaType(String(e)); }} placement="bottom start">
+            {items.map(function (item) { return (<OpenAPISelectItem key={item.key} id={item.key} value={item}>
+                    {item.label}
+                </OpenAPISelectItem>); })}
+        </OpenAPISelect>);
 }
 function ExamplesSelector(props) {
     var method = props.method, path = props.path, renderer = props.renderer;
@@ -54,11 +62,15 @@ function ExamplesSelector(props) {
     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>);
+    var items = renderer.examples.map(function (example, index) { return ({
+        key: index,
+        label: example.example.summary || "Example ".concat(index + 1),
+    }); });
+    return (<OpenAPISelect items={items} selectedKey={state.index} onSelectionChange={function (e) { return state.setIndex(Number(e)); }} placement="bottom start">
+            {items.map(function (item) { return (<OpenAPISelectItem key={item.key} id={item.key} value={item}>
+                    {item.label}
+                </OpenAPISelectItem>); })}
+        </OpenAPISelect>);
 }
 export function OpenAPIMediaTypeExamplesBody(props) {
     var _a;

package/dist/OpenAPICodeSampleSelector.d.ts

@@ -0,0 +1,15 @@
+import { OpenAPISelectItem } from './OpenAPISelect';
+import type { OpenAPIOperationData } from './types';
+type CodeSampleItem = OpenAPISelectItem & {
+    body: React.ReactNode;
+    footer?: React.ReactNode;
+};
+export declare function OpenAPICodeSampleHeader(props: {
+    items: CodeSampleItem[];
+    data: OpenAPIOperationData;
+}): import("react").JSX.Element;
+export declare function OpenAPICodeSampleBody(props: {
+    items: CodeSampleItem[];
+    data: OpenAPIOperationData;
+}): import("react").JSX.Element | null;
+export {};

package/dist/OpenAPICodeSampleSelector.jsx

@@ -0,0 +1,49 @@
+'use client';
+import { useCallback } from 'react';
+import { useStore } from 'zustand';
+import { OpenAPIPath } from './OpenAPIPath';
+import { OpenAPISelect, OpenAPISelectItem } from './OpenAPISelect';
+import { StaticSection } from './StaticSection';
+import { getOrCreateStoreByKey } from './getOrCreateStoreByKey';
+function useCodeSampleState(initialKey) {
+    if (initialKey === void 0) { initialKey = 'default'; }
+    var store = useStore(getOrCreateStoreByKey('codesample', initialKey));
+    return {
+        key: store.key,
+        setKey: useCallback(function (key) { return store.setKey(key); }, [store.setKey]),
+    };
+}
+export function OpenAPICodeSampleHeader(props) {
+    var _a, _b;
+    var data = props.data, items = props.items;
+    var state = useCodeSampleState((_b = (_a = items[0]) === null || _a === void 0 ? void 0 : _a.key) !== null && _b !== void 0 ? _b : '');
+    var selected = items.find(function (item) { return item.key === state.key; }) || items[0];
+    return (<>
+            <OpenAPIPath canCopy={false} withServer={false} data={data}/>
+            {items.length > 1 ? (<OpenAPISelect selectedKey={selected === null || selected === void 0 ? void 0 : selected.key} onSelectionChange={function (key) {
+                state.setKey(key);
+            }} items={items} placement="bottom end">
+                    {items.map(function (item) { return (<OpenAPISelectItem key={item.key} id={item.key} value={item}>
+                            {item.label}
+                        </OpenAPISelectItem>); })}
+                </OpenAPISelect>) : items[0] ? (<span className="openapi-codesample-label">{items[0].label}</span>) : null}
+        </>);
+}
+export function OpenAPICodeSampleBody(props) {
+    var _a;
+    var items = props.items, data = props.data;
+    if (!items[0]) {
+        throw new Error('No items provided');
+    }
+    var state = useCodeSampleState((_a = items[0]) === null || _a === void 0 ? void 0 : _a.key);
+    var selected = items.find(function (item) { return item.key === state.key; }) || items[0];
+    if (!selected) {
+        return null;
+    }
+    return (<StaticSection header={<OpenAPICodeSampleHeader data={data} items={items}/>} className="openapi-codesample">
+            <div id={selected.key} className="openapi-codesample-panel">
+                {selected.body ? selected.body : null}
+                {selected.footer ? selected.footer : null}
+            </div>
+        </StaticSection>);
+}

package/dist/OpenAPIExample.d.ts

@@ -0,0 +1,34 @@
+import type { OpenAPIV3 } from '@gitbook/openapi-parser';
+import type { OpenAPIContext } from './types';
+/**
+ * Display an example.
+ */
+export declare function OpenAPIExample(props: {
+    example: OpenAPIV3.ExampleObject;
+    context: OpenAPIContext;
+    syntax: string;
+}): string | number | boolean | Iterable<import("react").ReactNode> | import("react").JSX.Element | null | undefined;
+/**
+ * Empty response example.
+ */
+export declare function OpenAPIEmptyExample(): import("react").JSX.Element;
+/**
+ * Generate an example from a reference object.
+ */
+export declare function getExampleFromReference(ref: OpenAPIV3.ReferenceObject): OpenAPIV3.ExampleObject;
+/**
+ * Get examples from a media type object.
+ */
+export declare function getExamplesFromMediaTypeObject(args: {
+    mediaType: string;
+    mediaTypeObject: OpenAPIV3.MediaTypeObject;
+}): {
+    key: string;
+    example: OpenAPIV3.ExampleObject;
+}[];
+/**
+ * Get example from a schema object.
+ */
+export declare function getExampleFromSchema(args: {
+    schema: OpenAPIV3.SchemaObject;
+}): OpenAPIV3.ExampleObject;

package/dist/OpenAPIExample.jsx

@@ -0,0 +1,103 @@
+import { generateSchemaExample } from './generateSchemaExample';
+import { json2xml } from './json2xml';
+import { stringifyOpenAPI } from './stringifyOpenAPI';
+import { checkIsReference } from './utils';
+/**
+ * Display an example.
+ */
+export function OpenAPIExample(props) {
+    var example = props.example, context = props.context, syntax = props.syntax;
+    var code = stringifyExample({ example: example, xml: syntax === 'xml' });
+    if (code === null) {
+        return <OpenAPIEmptyExample />;
+    }
+    return context.renderCodeBlock({ code: code, syntax: syntax });
+}
+function stringifyExample(args) {
+    var example = args.example, xml = args.xml;
+    if (!example.value) {
+        return null;
+    }
+    if (typeof example.value === 'string') {
+        return example.value;
+    }
+    if (xml) {
+        return json2xml(example.value);
+    }
+    return stringifyOpenAPI(example.value, null, 2);
+}
+/**
+ * Empty response example.
+ */
+export function OpenAPIEmptyExample() {
+    return (<pre className="openapi-example-empty">
+            <p>No Content</p>
+        </pre>);
+}
+/**
+ * Generate an example from a reference object.
+ */
+export function getExampleFromReference(ref) {
+    return { summary: 'Unresolved reference', value: { $ref: ref.$ref } };
+}
+/**
+ * Get examples from a media type object.
+ */
+export function getExamplesFromMediaTypeObject(args) {
+    var _a;
+    var _b, _c;
+    var mediaTypeObject = args.mediaTypeObject, mediaType = args.mediaType;
+    if (mediaTypeObject.examples) {
+        return Object.entries(mediaTypeObject.examples).map(function (_a) {
+            var key = _a[0], example = _a[1];
+            return {
+                key: key,
+                example: checkIsReference(example) ? getExampleFromReference(example) : example,
+            };
+        });
+    }
+    if (mediaTypeObject.example) {
+        return [{ key: 'default', example: { value: mediaTypeObject.example } }];
+    }
+    if (mediaTypeObject.schema) {
+        if (mediaType === 'application/xml') {
+            // @TODO normally we should use the name of the schema but we don't have it
+            // fix it when we got the reference name
+            var root = (_c = (_b = mediaTypeObject.schema.xml) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : 'object';
+            return [
+                {
+                    key: 'default',
+                    example: {
+                        value: (_a = {},
+                            _a[root] = generateSchemaExample(mediaTypeObject.schema, {
+                                xml: mediaType === 'application/xml',
+                                mode: 'read',
+                            }),
+                            _a),
+                    },
+                },
+            ];
+        }
+        return [
+            {
+                key: 'default',
+                example: {
+                    value: generateSchemaExample(mediaTypeObject.schema, {
+                        mode: 'read',
+                    }),
+                },
+            },
+        ];
+    }
+    return [];
+}
+/**
+ * Get example from a schema object.
+ */
+export function getExampleFromSchema(args) {
+    var schema = args.schema;
+    if (schema.example) {
+        return { value: schema.example };
+    }
+    return { value: generateSchemaExample(schema, { mode: 'read' }) };
+}

package/dist/OpenAPIOperation.d.ts

@@ -1,9 +1,9 @@
-import type { OpenAPIContextProps, OpenAPIOperationData } from './types';
+import type { OpenAPIContext, OpenAPIOperationData } from './types';
 /**
  * Display an interactive OpenAPI operation.
  */
 export declare function OpenAPIOperation(props: {
     className?: string;
     data: OpenAPIOperationData;
-    context: OpenAPIContextProps;
+    context: OpenAPIContext;
 }): import("react").JSX.Element;

package/dist/OpenAPIOperation.jsx

@@ -4,6 +4,7 @@ import { OpenAPICodeSample } from './OpenAPICodeSample';
 import { OpenAPIPath } from './OpenAPIPath';
 import { OpenAPIResponseExample } from './OpenAPIResponseExample';
 import { OpenAPISpec } from './OpenAPISpec';
+import { getOpenAPIClientContext } from './context';
 import { resolveDescription } from './utils';
 /**
  * Display an interactive OpenAPI operation.
@@ -12,11 +13,7 @@ export function OpenAPIOperation(props) {
     var _a;
     var className = props.className, data = props.data, context = props.context;
     var operation = data.operation;
-    var clientContext = {
-        defaultInteractiveOpened: context.defaultInteractiveOpened,
-        icons: context.icons,
-        blockKey: context.blockKey,
-    };
+    var clientContext = getOpenAPIClientContext(context);
     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">
@@ -30,7 +27,7 @@ export function OpenAPIOperation(props) {
                 title: operation.summary,
             })
             : null}
-                <OpenAPIPath data={data} context={context}/>
+                <OpenAPIPath data={data}/>
             </div>
             <div className="openapi-columns">
                 <div className="openapi-column-spec">
@@ -74,7 +71,6 @@ var stabilityEnum = {
     experimental: 'Experimental',
     alpha: 'Alpha',
     beta: 'Beta',
-    stable: 'Stable',
 };
 function OpenAPIOperationStability(props) {
     var stability = props.stability;

package/dist/OpenAPIPath.d.ts

@@ -1,8 +1,16 @@
-import type { OpenAPIContextProps, OpenAPIOperationData } from './types';
+import type { OpenAPIOperationData } from './types';
 /**
  * Display the path of an operation.
  */
 export declare function OpenAPIPath(props: {
     data: OpenAPIOperationData;
-    context: OpenAPIContextProps;
+    /** Whether to show the server URL.
+     * @default true
+     */
+    withServer?: boolean;
+    /**
+     * Whether the path is copyable.
+     * @default true
+     */
+    canCopy?: boolean;
 }): import("react").JSX.Element;

package/dist/OpenAPIPath.jsx

@@ -4,16 +4,21 @@ import { getDefaultServerURL } from './util/server';
  * Display the path of an operation.
  */
 export function OpenAPIPath(props) {
-    var data = props.data;
+    var data = props.data, _a = props.withServer, withServer = _a === void 0 ? true : _a, _b = props.canCopy, canCopy = _b === void 0 ? true : _b;
     var method = data.method, path = data.path, operation = data.operation;
     var server = getDefaultServerURL(data.servers);
     var formattedPath = formatPath(path);
+    var element = (function () {
+        return (<>
+                {withServer ? <span className="openapi-path-server">{server}</span> : null}
+                {formattedPath}
+            </>);
+    })();
     return (<div className="openapi-path">
             <div className={"openapi-method openapi-method-".concat(method)}>{method}</div>
 
-            <OpenAPICopyButton value={server + path} className="openapi-path-title" data-deprecated={operation.deprecated}>
-                <span className="openapi-path-server">{server}</span>
-                {formattedPath}
+            <OpenAPICopyButton value={"".concat(withServer ? server : '').concat(path)} className="openapi-path-title" data-deprecated={operation.deprecated} isDisabled={!canCopy}>
+                {element}
             </OpenAPICopyButton>
         </div>);
 }

package/dist/OpenAPIResponseExample.d.ts

@@ -1,8 +1,8 @@
-import type { OpenAPIContextProps, OpenAPIOperationData } from './types';
+import type { OpenAPIContext, OpenAPIOperationData } from './types';
 /**
  * Display an example of the response content.
  */
 export declare function OpenAPIResponseExample(props: {
     data: OpenAPIOperationData;
-    context: OpenAPIContextProps;
+    context: OpenAPIContext;
 }): import("react").JSX.Element | null;

package/dist/OpenAPIResponseExample.jsx

@@ -1,9 +1,7 @@
 import { Markdown } from './Markdown';
+import { OpenAPIEmptyExample, OpenAPIExample, getExampleFromReference, getExamplesFromMediaTypeObject, } from './OpenAPIExample';
 import { OpenAPITabs, OpenAPITabsList, OpenAPITabsPanels } from './OpenAPITabs';
 import { StaticSection } from './StaticSection';
-import { generateSchemaExample } from './generateSchemaExample';
-import { json2xml } from './json2xml';
-import { stringifyOpenAPI } from './stringifyOpenAPI';
 import { checkIsReference, createStateKey, resolveDescription } from './utils';
 /**
  * Display an example of the response content.
@@ -48,7 +46,7 @@ export function OpenAPIResponseExample(props) {
             return {
                 key: key,
                 label: key,
-                body: <OpenAPIEmptyResponseExample />,
+                body: <OpenAPIEmptyExample />,
                 footer: description ? <Markdown source={description}/> : undefined,
             };
         }
@@ -63,7 +61,7 @@ export function OpenAPIResponseExample(props) {
         return null;
     }
     return (<OpenAPITabs stateKey={createStateKey('response-example')} items={tabs}>
-            <StaticSection header={<OpenAPITabsList />} className="openapi-response-example">
+            <StaticSection header={<OpenAPITabsList />} className="openapi-panel">
                 <OpenAPITabsPanels />
             </StaticSection>
         </OpenAPITabs>);
@@ -99,7 +97,7 @@ function OpenAPIResponseMediaType(props) {
     var syntax = getSyntaxFromMediaType(mediaType);
     var firstExample = examples[0];
     if (!firstExample) {
-        return <OpenAPIEmptyResponseExample />;
+        return <OpenAPIEmptyExample />;
     }
     if (examples.length === 1) {
         return (<OpenAPIExample example={firstExample.example} context={props.context} syntax={syntax}/>);
@@ -117,30 +115,6 @@ function OpenAPIResponseMediaType(props) {
             </StaticSection>
         </OpenAPITabs>);
 }
-/**
- * Display an example.
- */
-function OpenAPIExample(props) {
-    var example = props.example, context = props.context, syntax = props.syntax;
-    var code = stringifyExample({ example: example, xml: syntax === 'xml' });
-    if (code === null) {
-        return <OpenAPIEmptyResponseExample />;
-    }
-    return context.renderCodeBlock({ code: code, syntax: syntax });
-}
-function stringifyExample(args) {
-    var example = args.example, xml = args.xml;
-    if (!example.value) {
-        return null;
-    }
-    if (typeof example.value === 'string') {
-        return example.value;
-    }
-    if (xml) {
-        return json2xml(example.value);
-    }
-    return stringifyOpenAPI(example.value, null, 2);
-}
 /**
  * Get the syntax from a media type.
  */
@@ -153,68 +127,3 @@ function getSyntaxFromMediaType(mediaType) {
     }
     return 'text';
 }
-/**
- * Get examples from a media type object.
- */
-function getExamplesFromMediaTypeObject(args) {
-    var _a;
-    var _b, _c;
-    var mediaTypeObject = args.mediaTypeObject, mediaType = args.mediaType;
-    if (mediaTypeObject.examples) {
-        return Object.entries(mediaTypeObject.examples).map(function (_a) {
-            var key = _a[0], example = _a[1];
-            return {
-                key: key,
-                example: checkIsReference(example) ? getExampleFromReference(example) : example,
-            };
-        });
-    }
-    if (mediaTypeObject.example) {
-        return [{ key: 'default', example: { value: mediaTypeObject.example } }];
-    }
-    if (mediaTypeObject.schema) {
-        if (mediaType === 'application/xml') {
-            // @TODO normally we should use the name of the schema but we don't have it
-            // fix it when we got the reference name
-            var root = (_c = (_b = mediaTypeObject.schema.xml) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : 'object';
-            return [
-                {
-                    key: 'default',
-                    example: {
-                        value: (_a = {},
-                            _a[root] = generateSchemaExample(mediaTypeObject.schema, {
-                                xml: mediaType === 'application/xml',
-                                mode: 'read',
-                            }),
-                            _a),
-                    },
-                },
-            ];
-        }
-        return [
-            {
-                key: 'default',
-                example: {
-                    value: generateSchemaExample(mediaTypeObject.schema, {
-                        mode: 'read',
-                    }),
-                },
-            },
-        ];
-    }
-    return [];
-}
-/**
- * Empty response example.
- */
-function OpenAPIEmptyResponseExample() {
-    return (<pre className="openapi-response-example-empty">
-            <p>No body</p>
-        </pre>);
-}
-/**
- * Generate an example from a reference object.
- */
-function getExampleFromReference(ref) {
-    return { summary: 'Unresolved reference', value: { $ref: ref.$ref } };
-}