@gitbook/react-openapi 1.4.3 → 1.5.2

package/dist/OpenAPICodeSample.jsx

@@ -1,230 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { OpenAPIMediaTypeExamplesBody, OpenAPIMediaTypeExamplesSelector, } from './OpenAPICodeSampleInteractive';
-import { OpenAPICodeSampleBody } from './OpenAPICodeSampleSelector';
-import { ScalarApiButton } from './ScalarApiButton';
-import { codeSampleGenerators } from './code-samples';
-import { getOpenAPIClientContext } from './context';
-import { generateMediaTypeExamples, generateSchemaExample } from './generateSchemaExample';
-import { stringifyOpenAPI } from './stringifyOpenAPI';
-import { getDefaultServerURL } from './util/server';
-import { checkIsReference } 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 data = props.data, context = props.context;
-    // 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 (<OpenAPICodeSampleBody context={getOpenAPIClientContext(context)} data={data} items={samples} selectIcon={context.icons.chevronDown}/>);
-}
-/**
- * Generate code samples for the operation.
- */
-function generateCodeSamples(props) {
-    var _a;
-    var data = props.data, context = props.context;
-    var searchParams = new URLSearchParams();
-    var headersObject = {};
-    // The parser can sometimes returns invalid parameters (an object instead of an array).
-    // It should get fixed in scalar, but in the meantime we just ignore the parameters in that case.
-    var params = Array.isArray(data.operation.parameters) ? data.operation.parameters : [];
-    params.forEach(function (param) {
-        if (!param) {
-            return;
-        }
-        if (param.in === 'header' && param.required) {
-            var example = param.schema
-                ? generateSchemaExample(param.schema, { mode: 'write' })
-                : undefined;
-            if (example !== undefined && param.name) {
-                headersObject[param.name] =
-                    typeof example !== 'string' ? stringifyOpenAPI(example) : example;
-            }
-        }
-        else if (param.in === 'query' && param.required) {
-            var example = param.schema
-                ? generateSchemaExample(param.schema, { mode: 'write' })
-                : undefined;
-            if (example !== undefined && param.name) {
-                searchParams.append(param.name, String(Array.isArray(example) ? example[0] : example));
-            }
-        }
-    });
-    var requestBody = !checkIsReference(data.operation.requestBody)
-        ? data.operation.requestBody
-        : undefined;
-    var url = getDefaultServerURL(data.servers) +
-        data.path +
-        (searchParams.size ? "?".concat(searchParams.toString()) : '');
-    var genericHeaders = __assign(__assign({}, getSecurityHeaders(data.securities)), headersObject);
-    var mediaTypeRendererFactories = Object.entries((_a = requestBody === null || requestBody === void 0 ? void 0 : requestBody.content) !== null && _a !== void 0 ? _a : {}).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} blockKey={context.blockKey}/>),
-                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, securities = data.securities, servers = data.servers;
-    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} selectIcon={context.icons.chevronDown} blockKey={context.blockKey}/>) : (<span />)}
-            {!hideTryItPanel && (<ScalarApiButton context={getOpenAPIClientContext(context)} method={method} path={path} securities={securities} servers={servers} specUrl={specUrl}/>)}
-        </div>);
-}
-/**
- * Get custom code samples for the operation.
- */
-function getCustomCodeSamples(props) {
-    var data = props.data, context = props.context;
-    var customCodeSamples = null;
-    CUSTOM_CODE_SAMPLES_KEYS.forEach(function (key) {
-        var customSamples = data.operation[key];
-        if (customSamples && Array.isArray(customSamples)) {
-            customCodeSamples = customSamples
-                .filter(function (sample) {
-                return typeof sample.source === 'string' && typeof sample.lang === 'string';
-            })
-                .map(function (sample, index) { return ({
-                key: "custom-sample-".concat(sample.lang, "-").concat(index),
-                label: sample.label || sample.lang,
-                body: context.renderCodeBlock({
-                    code: sample.source,
-                    syntax: sample.lang,
-                }),
-                footer: (<OpenAPICodeSampleFooter renderers={[]} data={data} context={context}/>),
-            }); });
-        }
-    });
-    return customCodeSamples;
-}
-function getSecurityHeaders(securities) {
-    var _a;
-    var _b, _c;
-    var security = securities[0];
-    if (!security) {
-        return {};
-    }
-    switch (security[1].type) {
-        case 'http': {
-            var scheme = security[1].scheme;
-            var format = (_b = security[1].bearerFormat) !== null && _b !== void 0 ? _b : 'YOUR_SECRET_TOKEN';
-            if (scheme === null || scheme === void 0 ? void 0 : scheme.includes('bearer')) {
-                scheme = 'Bearer';
-            }
-            else if (scheme === null || scheme === void 0 ? void 0 : scheme.includes('basic')) {
-                scheme = 'Basic';
-                format = 'username:password';
-            }
-            else if (scheme === null || scheme === void 0 ? void 0 : scheme.includes('token')) {
-                scheme = 'Token';
-            }
-            return {
-                Authorization: "".concat(scheme, " ").concat(format),
-            };
-        }
-        case 'apiKey': {
-            if (security[1].in !== 'header')
-                return {};
-            var name_1 = (_c = security[1].name) !== null && _c !== void 0 ? _c : 'Authorization';
-            return _a = {},
-                _a[name_1] = 'YOUR_API_KEY',
-                _a;
-        }
-        case 'oauth2': {
-            return {
-                Authorization: 'Bearer YOUR_OAUTH2_TOKEN',
-            };
-        }
-        default: {
-            return {};
-        }
-    }
-}
-function validateHttpMethod(method) {
-    return ['get', 'post', 'put', 'delete', 'patch', 'head', 'options', 'trace'].includes(method);
-}

package/dist/OpenAPICodeSampleInteractive.d.ts

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

package/dist/OpenAPICodeSampleInteractive.jsx

@@ -1,73 +0,0 @@
-'use client';
-import clsx from 'clsx';
-import { OpenAPISelect, OpenAPISelectItem, useSelectState } from './OpenAPISelect';
-import { createStateKey } from './utils';
-export function OpenAPIMediaTypeExamplesSelector(props) {
-    var method = props.method, path = props.path, renderers = props.renderers, selectIcon = props.selectIcon, blockKey = props.blockKey;
-    if (!renderers[0]) {
-        throw new Error('No renderers provided');
-    }
-    var stateKey = createStateKey('request-body-media-type', blockKey);
-    var state = useSelectState(stateKey, renderers[0].mediaType);
-    var selected = renderers.find(function (r) { return r.mediaType === state.key; }) || renderers[0];
-    return (<div className="openapi-codesample-selectors">
-            <MediaTypeSelector selectIcon={selectIcon} stateKey={stateKey} renderers={renderers}/>
-            <ExamplesSelector selectIcon={selectIcon} method={method} path={path} renderer={selected}/>
-        </div>);
-}
-function MediaTypeSelector(props) {
-    var renderers = props.renderers, stateKey = props.stateKey, selectIcon = props.selectIcon;
-    if (renderers.length < 2) {
-        return null;
-    }
-    var items = renderers.map(function (renderer) { return ({
-        key: renderer.mediaType,
-        label: renderer.mediaType,
-    }); });
-    return (<OpenAPISelect className={clsx('openapi-select')} items={renderers.map(function (renderer) { return ({
-            key: renderer.mediaType,
-            label: renderer.mediaType,
-        }); })} icon={selectIcon} stateKey={stateKey} 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, selectIcon = props.selectIcon;
-    if (renderer.examples.length < 2) {
-        return null;
-    }
-    var items = renderer.examples.map(function (example, index) { return ({
-        key: index,
-        label: example.example.summary || "Example ".concat(index + 1),
-    }); });
-    return (<OpenAPISelect items={items} icon={selectIcon} stateKey={"media-type-sample-".concat(renderer.mediaType, "-").concat(method, "-").concat(path)} 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;
-    var renderers = props.renderers, method = props.method, path = props.path, blockKey = props.blockKey;
-    if (!renderers[0]) {
-        throw new Error('No renderers provided');
-    }
-    var mediaTypeState = useSelectState(createStateKey('request-body-media-type', blockKey), renderers[0].mediaType);
-    var selected = (_a = renderers.find(function (r) { return r.mediaType === mediaTypeState.key; })) !== 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 = useSelectState("media-type-sample-".concat(renderer.mediaType, "-").concat(method, "-").concat(path), renderer.mediaType);
-    var example = (_a = renderer.examples[Number(exampleState.key)]) !== null && _a !== void 0 ? _a : renderer.examples[0];
-    if (!example) {
-        throw new Error("No example found for key ".concat(exampleState.key));
-    }
-    return example.element;
-}

package/dist/OpenAPICodeSampleSelector.d.ts

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

package/dist/OpenAPICodeSampleSelector.jsx

@@ -1,44 +0,0 @@
-'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]),
-    };
-}
-function OpenAPICodeSampleHeader(props) {
-    var data = props.data, items = props.items, selectIcon = props.selectIcon, context = props.context;
-    return (<>
-            <OpenAPIPath context={context} canCopy={false} withServer={false} data={data}/>
-            {items.length > 1 ? (<OpenAPISelect icon={selectIcon} items={items} stateKey="codesample" 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, selectIcon = props.selectIcon, context = props.context;
-    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 context={context} selectIcon={selectIcon} 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/OpenAPICopyButton.d.ts

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

package/dist/OpenAPICopyButton.jsx

@@ -1,35 +0,0 @@
-'use client';
-import { useState } from 'react';
-import { Button, Tooltip, TooltipTrigger } from 'react-aria-components';
-import { t } from './translate';
-export function OpenAPICopyButton(props) {
-    var value = props.value, label = props.label, children = props.children, onPress = props.onPress, className = props.className, context = props.context, _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;
-        navigator.clipboard.writeText(value).then(function () {
-            setIsOpen(true);
-            setCopied(true);
-            setTimeout(function () {
-                setCopied(false);
-                setIsOpen(false);
-            }, 2000);
-        });
-    };
-    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);
-        }} className={"openapi-copy-button ".concat(className)} {...props}>
-                {children}
-            </Button>
-
-            <Tooltip isOpen={isOpen} onOpenChange={setIsOpen} placement="top" offset={4} className="openapi-tooltip">
-                {copied
-            ? t(context.translation, 'copied')
-            : label || t(context.translation, 'copy_to_clipboard')}
-            </Tooltip>
-        </TooltipTrigger>);
-}

package/dist/OpenAPIDisclosure.d.ts

@@ -1,11 +0,0 @@
-import type React from 'react';
-/**
- * Display an interactive OpenAPI disclosure.
- */
-export declare function OpenAPIDisclosure(props: {
-    icon: React.ReactNode;
-    header: React.ReactNode;
-    children: React.ReactNode;
-    label: string | ((isExpanded: boolean) => string);
-    className?: string;
-}): React.JSX.Element;

package/dist/OpenAPIDisclosure.jsx

@@ -1,30 +0,0 @@
-'use client';
-import clsx from 'clsx';
-import { useState } from 'react';
-import { Button, Disclosure, DisclosurePanel } from 'react-aria-components';
-/**
- * Display an interactive OpenAPI disclosure.
- */
-export function OpenAPIDisclosure(props) {
-    var icon = props.icon, header = props.header, label = props.label, children = props.children, className = props.className;
-    var _a = useState(false), isExpanded = _a[0], setIsExpanded = _a[1];
-    return (<Disclosure className={clsx('openapi-disclosure', className)} isExpanded={isExpanded} onExpandedChange={setIsExpanded}>
-            <Button slot="trigger" className="openapi-disclosure-trigger" style={function (_a) {
-            var isFocusVisible = _a.isFocusVisible;
-            return ({
-                outline: isFocusVisible
-                    ? '2px solid rgb(var(--primary-color-500) / 0.4)'
-                    : 'none',
-            });
-        }}>
-                {header}
-                <div className="openapi-disclosure-trigger-label">
-                    <span>{typeof label === 'function' ? label(isExpanded) : label}</span>
-                    {icon}
-                </div>
-            </Button>
-            <DisclosurePanel className="openapi-disclosure-panel">
-                {isExpanded ? children : null}
-            </DisclosurePanel>
-        </Disclosure>);
-}

package/dist/OpenAPIDisclosureGroup.d.ts

@@ -1,23 +0,0 @@
-import { type DisclosureGroupProps } from 'react-stately';
-interface Props {
-    groups: TDisclosureGroup[];
-    icon?: React.ReactNode;
-    /** State key to use with a store */
-    selectStateKey?: string;
-    /** Icon to display for the select */
-    selectIcon?: React.ReactNode;
-}
-type TDisclosureGroup = {
-    key: string;
-    label: string | React.ReactNode;
-    tabs?: {
-        key: string;
-        label: string | React.ReactNode;
-        body?: React.ReactNode;
-    }[];
-};
-/**
- * Display an interactive OpenAPI disclosure group.
- */
-export declare function OpenAPIDisclosureGroup(props: DisclosureGroupProps & Props): import("react").JSX.Element;
-export {};

package/dist/OpenAPIDisclosureGroup.jsx

@@ -1,83 +0,0 @@
-'use client';
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { createContext, useContext, useRef } from 'react';
-import { mergeProps, useButton, useDisclosure, useFocusRing, useId } from 'react-aria';
-import { useDisclosureGroupState, useDisclosureState, } from 'react-stately';
-import { OpenAPISelect, OpenAPISelectItem, useSelectState } from './OpenAPISelect';
-var DisclosureGroupStateContext = createContext(null);
-/**
- * Display an interactive OpenAPI disclosure group.
- */
-export function OpenAPIDisclosureGroup(props) {
-    var icon = props.icon, groups = props.groups, selectStateKey = props.selectStateKey, selectIcon = props.selectIcon;
-    var state = useDisclosureGroupState(props);
-    return (<DisclosureGroupStateContext.Provider value={state}>
-            {groups.map(function (group) { return (<DisclosureItem selectStateKey={selectStateKey} selectIcon={selectIcon} icon={icon} key={group.key} group={group}/>); })}
-        </DisclosureGroupStateContext.Provider>);
-}
-function DisclosureItem(props) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    var icon = props.icon, group = props.group, selectStateKey = props.selectStateKey, selectIcon = props.selectIcon;
-    var defaultId = useId();
-    var id = group.key || defaultId;
-    var groupState = useContext(DisclosureGroupStateContext);
-    var isExpanded = (groupState === null || groupState === void 0 ? void 0 : groupState.expandedKeys.has(id)) || false;
-    var state = useDisclosureState({
-        isExpanded: isExpanded,
-        onExpandedChange: function () {
-            if (groupState) {
-                groupState.toggleKey(id);
-            }
-        },
-    });
-    var panelRef = useRef(null);
-    var triggerRef = useRef(null);
-    var isDisabled = (groupState === null || groupState === void 0 ? void 0 : groupState.isDisabled) || !((_a = group.tabs) === null || _a === void 0 ? void 0 : _a.length) || false;
-    var _h = useDisclosure(__assign(__assign({}, props), { isExpanded: isExpanded, isDisabled: isDisabled }), state, panelRef), triggerProps = _h.buttonProps, panelProps = _h.panelProps;
-    var buttonProps = useButton(triggerProps, triggerRef).buttonProps;
-    var _j = useFocusRing(), isFocusVisible = _j.isFocusVisible, focusProps = _j.focusProps;
-    var defaultTab = ((_c = (_b = group.tabs) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.key) || '';
-    var store = useSelectState(selectStateKey, defaultTab);
-    var selectedTab = ((_d = group.tabs) === null || _d === void 0 ? void 0 : _d.find(function (tab) { return tab.key === store.key; })) || ((_e = group.tabs) === null || _e === void 0 ? void 0 : _e[0]);
-    return (<div className="openapi-disclosure-group" aria-expanded={state.isExpanded}>
-            <div slot="trigger" ref={triggerRef} {...mergeProps(buttonProps, focusProps)} aria-disabled={isDisabled} style={{
-            outline: isFocusVisible
-                ? '2px solid rgb(var(--primary-color-500)/0.4)'
-                : 'none',
-        }} className="openapi-disclosure-group-trigger">
-                <div className="openapi-disclosure-group-icon">
-                    {icon || (<svg viewBox="0 0 24 24" className="openapi-disclosure-group-icon">
-                            <path d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
-                        </svg>)}
-                </div>
-
-                <div className="openapi-disclosure-group-label">
-                    {group.label}
-
-                    {group.tabs ? (<div className="openapi-disclosure-group-mediatype" onClick={function (e) { return e.stopPropagation(); }}>
-                            {((_f = group.tabs) === null || _f === void 0 ? void 0 : _f.length) > 1 ? (<OpenAPISelect icon={selectIcon} stateKey={selectStateKey} onSelectionChange={function () {
-                    state.expand();
-                }} items={group.tabs} placement="bottom end">
-                                    {group.tabs.map(function (tab) { return (<OpenAPISelectItem key={tab.key} id={tab.key} value={tab}>
-                                            {tab.label}
-                                        </OpenAPISelectItem>); })}
-                                </OpenAPISelect>) : ((_g = group.tabs[0]) === null || _g === void 0 ? void 0 : _g.label) ? (<span>{group.tabs[0].label}</span>) : null}
-                        </div>) : null}
-                </div>
-            </div>
-
-            {state.isExpanded && selectedTab && (<div className="openapi-disclosure-group-panel" ref={panelRef} {...panelProps}>
-                    {selectedTab.body}
-                </div>)}
-        </div>);
-}

package/dist/OpenAPIExample.d.ts

@@ -1,16 +0,0 @@
-import type { OpenAPIV3 } from '@gitbook/openapi-parser';
-import type { OpenAPIContext, OpenAPIUniversalContext } from './context';
-/**
- * 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(props: {
-    context: OpenAPIUniversalContext;
-}): import("react").JSX.Element;

package/dist/OpenAPIExample.jsx

@@ -1,36 +0,0 @@
-import { json2xml } from './json2xml';
-import { stringifyOpenAPI } from './stringifyOpenAPI';
-import { t } from './translate';
-/**
- * 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 context={context}/>;
-    }
-    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(props) {
-    var context = props.context;
-    return (<pre className="openapi-example-empty">
-            <p>{t(context.translation, 'no_content')}</p>
-        </pre>);
-}

package/dist/OpenAPIMediaType.d.ts

@@ -1,21 +0,0 @@
-import type { Key } from 'react-aria';
-import { OpenAPISelectItem } from './OpenAPISelect';
-import type { OpenAPIClientContext } from './context';
-type OpenAPIMediaTypeItem = OpenAPISelectItem & {
-    body: React.ReactNode;
-    examples?: OpenAPIMediaTypeItem[];
-};
-/**
- * Get the state of the response examples select.
- */
-export declare function useMediaTypesState(stateKey: string | undefined, initialKey?: Key): {
-    key: (string | number) | null;
-    setKey: (key: Key | null) => void;
-};
-export declare function OpenAPIMediaTypeContent(props: {
-    items: OpenAPIMediaTypeItem[];
-    selectIcon?: React.ReactNode;
-    stateKey: string;
-    context: OpenAPIClientContext;
-}): import("react").JSX.Element | null;
-export {};