@redocly/openapi-docs 3.12.0 → 3.12.2

package/lib/components/RequestSamples/useCodeSamples.js

@@ -1 +1,92 @@
-import{useAtomValue as u}from"jotai";import{getCodeSample as x}from"../../services/index.js";import{globalStoreAtom as D}from"../../jotai/store.js";import{operationStore as K}from"../../jotai/operation.js";import{environmentAtom as k,getLangKey as f,languageAtom as E,activeMimeNameAtom as j}from"../../jotai/app.js";import{useTranslate as N}from"../../hooks/index.js";function G({payload:t,isWebhook:s,definitionSamples:l,pointer:a,envVariables:r}){const{parser:m,options:{codeSamples:o,generatedSamplesMaxDepth:c}}=u(D),i=u(j),g=u(K(a)),{languages:d}=u(E),[S]=u(k),v=N(),p=new Map(d?.map(({key:e,order:n})=>[e,n])),M=l.filter(e=>p.has(f(e))),y=P(M,r,S),b=new Set(y.map(f));let C=[];if(!s){const e=o.languages?.filter(({lang:n,label:w})=>n!=="Payload"&&!b.has(f({lang:n,label:w})))||[];C=O(e,o,m.definition,c,g,S,v,i)}const L=[...y,...C],A=d?.find(({lang:e})=>e===t?.lang)?.title,h=t&&f({label:A,lang:t.lang});return t&&h&&p.has(h)&&L.push({...t,label:A,order:p.get(h)}),{samples:L.map(e=>{const n=e.label??e.lang;return{key:f(e),title:n,order:typeof p.get(n.toLowerCase())=="number"?p.get(n.toLowerCase()):9999,...e}}).sort((e,n)=>e.order-n.order)}}function O(t,{skipOptionalParameters:s,withOAuth2Call:l},a,r,m,o,c,i){return t.map(({lang:g,label:d,options:S})=>({lang:g,label:d,get:v=>x({...v,lang:g,options:{...S,skipOptionalParameters:s,withOAuth2Call:l,spec:a,generatedPayloadSamplesMaxDepth:r,store:m,activeMimeName:i},environment:o,translate:c})}))}function P(t,s,l){if(!s||!t.length)return t;const a=l?.server;let r={...s.values||{}};return a&&s.serverValues?.[a]&&(r={...r,...s.serverValues[a]}),Object.keys(r).length===0?t:t.map(m=>{const o={...m};return"source"in o&&typeof o.source=="string"&&(o.source=o.source.replace(/\{\{([^}]+)\}\}/g,(c,i)=>r[i]!==void 0?r[i]:c)),o})}export{G as useCodeSamples};
+import { useAtomValue } from 'jotai';
+import { getCodeSample } from '../../services/index.js';
+import { globalStoreAtom } from '../../jotai/store.js';
+import { operationStore } from '../../jotai/operation.js';
+import { environmentAtom, getLangKey, languageAtom, activeMimeNameAtom } from '../../jotai/app.js';
+import { useTranslate } from '../../hooks/index.js';
+export function useCodeSamples({ payload, isWebhook, definitionSamples, pointer, envVariables, }) {
+    const { parser, options: { codeSamples, generatedSamplesMaxDepth }, } = useAtomValue(globalStoreAtom);
+    const activeMimeName = useAtomValue(activeMimeNameAtom);
+    const operationState = useAtomValue(operationStore(pointer));
+    const { languages } = useAtomValue(languageAtom);
+    const [environment] = useAtomValue(environmentAtom);
+    const translate = useTranslate();
+    const orderMap = new Map(languages?.map(({ key, order }) => [key, order]));
+    const filteredDefinitionSamples = definitionSamples.filter((item) => orderMap.has(getLangKey(item)));
+    const envDefinitionSamples = applyEnvironments(filteredDefinitionSamples, envVariables, environment);
+    const definitionExamplesKeys = new Set(envDefinitionSamples.map(getLangKey));
+    let generatedSamples = [];
+    if (!isWebhook) {
+        const generateLanguages = codeSamples.languages?.filter(({ lang, label }) => lang !== 'Payload' && !definitionExamplesKeys.has(getLangKey({ lang, label }))) || [];
+        generatedSamples = createCodeSamples(generateLanguages, codeSamples, parser.definition, generatedSamplesMaxDepth, operationState, environment, translate, activeMimeName);
+    }
+    const allCodeSamples = [...envDefinitionSamples, ...generatedSamples];
+    const payloadLabel = languages?.find(({ lang }) => lang === payload?.lang)?.title;
+    const payloadLabelKey = payload && getLangKey({ label: payloadLabel, lang: payload.lang });
+    if (payload && payloadLabelKey && orderMap.has(payloadLabelKey)) {
+        allCodeSamples.push({
+            ...payload,
+            label: payloadLabel,
+            order: orderMap.get(payloadLabelKey),
+        });
+    }
+    // Adding new properties for UI purposes and sort samples
+    const samples = allCodeSamples
+        .map((sample) => {
+        const title = sample.label ?? sample.lang;
+        return {
+            key: getLangKey(sample),
+            title,
+            order: typeof orderMap.get(title.toLowerCase()) === 'number'
+                ? orderMap.get(title.toLowerCase())
+                : 9999,
+            ...sample,
+        };
+    })
+        .sort((a, b) => a.order - b.order);
+    return { samples };
+}
+function createCodeSamples(languages, { skipOptionalParameters, withOAuth2Call }, spec, generatedPayloadSamplesMaxDepth, store, environment, translate, activeMimeName) {
+    return languages.map(({ lang, label, options }) => {
+        return {
+            lang,
+            label,
+            get: (source) => getCodeSample({
+                ...source,
+                lang,
+                options: {
+                    ...options,
+                    skipOptionalParameters,
+                    withOAuth2Call,
+                    spec,
+                    generatedPayloadSamplesMaxDepth,
+                    store,
+                    activeMimeName,
+                },
+                environment,
+                translate,
+            }),
+        };
+    });
+}
+function applyEnvironments(samples, envVariables, currentEnvironment) {
+    if (!envVariables || !samples.length)
+        return samples;
+    const serverUrl = currentEnvironment?.server;
+    let envValues = { ...(envVariables.values || {}) };
+    if (serverUrl && envVariables.serverValues?.[serverUrl]) {
+        envValues = { ...envValues, ...envVariables.serverValues[serverUrl] };
+    }
+    if (Object.keys(envValues).length === 0)
+        return samples;
+    return samples.map((sample) => {
+        const clonedSample = { ...sample };
+        if ('source' in clonedSample && typeof clonedSample.source === 'string') {
+            clonedSample.source = clonedSample.source.replace(/\{\{([^}]+)\}\}/g, (match, variableName) => {
+                return envValues[variableName] !== undefined ? envValues[variableName] : match; // Keep original if no replacement found
+            });
+        }
+        return clonedSample;
+    });
+}
+//# sourceMappingURL=useCodeSamples.js.map

package/lib/components/ResponseSamples/ResponseSamples.js

@@ -1 +1,47 @@
-import{jsx as t}from"react/jsx-runtime";import{memo as b,useCallback as i}from"react";import{useAtomValue as n}from"jotai";import{PayloadSamples as h,StyledCodeBlock as v}from"../PayloadSamples/index.js";import{createCodeSampleCopyEvent as k}from"../../events/index.js";import{globalOptionsAtom as T}from"../../jotai/store.js";import{Summary as g}from"./Summary.js";import{Tabs as x}from"../Tabs/index.js";import{CodeBlockPanel as N}from"../common/index.js";import{useTelemetry as _,useTranslate as A}from"../../hooks/index.js";import{activeMimeNameAtom as E}from"../../jotai/app.js";import{operationStore as P}from"../../jotai/operation.js";function R({operation:o,activeResponseTab:d,onTabChange:y,onPanelToggle:a}){const m=_(),{events:p}=n(T),f=A(),u=o.responses.filter(e=>e.content?.hasSample??!1),s=o.responses.map(({code:e})=>({key:e,title:e})),r=s?.find(({key:e})=>e===d)||s?.[0],l=n(E),{activeExampleName:c}=n(P(o.pointer)),C=i(()=>{m.send({type:"openapi_docs.copy_code_snippet.clicked",payload:{snippetType:"response"}});const e=k({operation:o,type:"response",activeMimeName:l,activeExampleName:c});p?.codeSamplesCopy?.(e)},[m,o,p,l,c]),S=i(e=>{a?.(e,"response-samples")},[a]);return u.length?t(N,{className:"panel-response-samples",header:()=>t(g,{tabs:t(x,{tabs:s,activeTab:r,onChange:e=>y(e.key)})}),isExpandable:!1,children:o.responses.map(e=>e.code===r.key?t("div",{children:e?.content?.hasSample?t(h,{content:e.content,onCopyClick:C,onPanelToggle:S}):t(v,{source:f("openapi.noResponseContent","No content")})},e.code):null)}):null}const J=b(R);export{J as ResponseSamples};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useCallback } from 'react';
+import { useAtomValue } from 'jotai';
+import { PayloadSamples, StyledCodeBlock } from '../PayloadSamples/index.js';
+import { createCodeSampleCopyEvent } from '../../events/index.js';
+import { globalOptionsAtom } from '../../jotai/store.js';
+import { Summary } from './Summary.js';
+import { Tabs } from '../Tabs/index.js';
+import { CodeBlockPanel } from '../common/index.js';
+import { useTelemetry, useTranslate } from '../../hooks/index.js';
+import { activeMimeNameAtom } from '../../jotai/app.js';
+import { operationStore } from '../../jotai/operation.js';
+function ResponseSamplesComponent({ operation, activeResponseTab, onTabChange, onPanelToggle, }) {
+    const telemetry = useTelemetry();
+    const { events } = useAtomValue(globalOptionsAtom);
+    const translate = useTranslate();
+    const responses = operation.responses.filter((response) => response.content?.hasSample ?? false);
+    const tabs = operation.responses.map(({ code }) => ({ key: code, title: code }));
+    const activeTab = tabs?.find(({ key }) => key === activeResponseTab) || tabs?.[0];
+    const activeMimeName = useAtomValue(activeMimeNameAtom);
+    const { activeExampleName } = useAtomValue(operationStore(operation.pointer));
+    const handleCodeSampleCopy = useCallback(() => {
+        telemetry.send({
+            type: 'openapi_docs.copy_code_snippet.clicked',
+            payload: { snippetType: 'response' },
+        });
+        const event = createCodeSampleCopyEvent({
+            operation,
+            type: 'response',
+            activeMimeName,
+            activeExampleName,
+        });
+        events?.codeSamplesCopy?.(event);
+    }, [telemetry, operation, events, activeMimeName, activeExampleName]);
+    const handlePanelToggle = useCallback((isExpanded) => {
+        onPanelToggle?.(isExpanded, 'response-samples');
+    }, [onPanelToggle]);
+    if (!responses.length) {
+        return null;
+    }
+    const renderSummary = () => {
+        return (_jsx(Summary, { tabs: _jsx(Tabs, { tabs: tabs, activeTab: activeTab, onChange: (tab) => onTabChange(tab.key) }) }));
+    };
+    return (_jsx(CodeBlockPanel, { className: "panel-response-samples", header: renderSummary, isExpandable: false, children: operation.responses.map((response) => response.code === activeTab.key ? (_jsx("div", { children: response?.content?.hasSample ? (_jsx(PayloadSamples, { content: response.content, onCopyClick: handleCodeSampleCopy, onPanelToggle: handlePanelToggle })) : (_jsx(StyledCodeBlock, { source: translate('openapi.noResponseContent', 'No content') })) }, response.code)) : null) }));
+}
+export const ResponseSamples = memo(ResponseSamplesComponent);
+//# sourceMappingURL=ResponseSamples.js.map

package/lib/components/ResponseSamples/Summary.js

@@ -1 +1,9 @@
-import{jsx as r,jsxs as a}from"react/jsx-runtime";import{PanelHeader as t}from"@redocly/theme/components/Panel/PanelHeader";import{PanelHeaderTitle as o}from"@redocly/theme/components/Panel/PanelHeaderTitle";import{useTranslate as n}from"../../hooks/index.js";const d=({tabs:e})=>{const s=n();return a(t,{isExpandable:!1,children:[r(o,{"data-testid":"title",children:s("openapi.response","Response")}),e]})};export{d as Summary};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PanelHeader } from '@redocly/theme/components/Panel/PanelHeader';
+import { PanelHeaderTitle } from '@redocly/theme/components/Panel/PanelHeaderTitle';
+import { useTranslate } from '../../hooks/index.js';
+export const Summary = ({ tabs }) => {
+    const translate = useTranslate();
+    return (_jsxs(PanelHeader, { isExpandable: false, children: [_jsx(PanelHeaderTitle, { "data-testid": "title", children: translate('openapi.response', 'Response') }), tabs] }));
+};
+//# sourceMappingURL=Summary.js.map

package/lib/components/ResponseSamples/index.js

@@ -1 +1,2 @@
-import{ResponseSamples as p}from"./ResponseSamples.js";export{p as ResponseSamples};
+export { ResponseSamples } from './ResponseSamples.js';
+//# sourceMappingURL=index.js.map

package/lib/components/Responses/OperationResponseList.js

@@ -1,4 +1,44 @@
-import{jsx as n,jsxs as a,Fragment as A}from"react/jsx-runtime";import{memo as L,useMemo as j}from"react";import{useLocation as w}from"react-router-dom";import{useAtomValue as C}from"jotai";import{Tabs as M,useTabsState as F}from"../Tabs/index.js";import{ResponseDetails as P}from"./ResponseDetails.js";import{makeDeepLink as R}from"../../services/index.js";import{Row as _,StyledTitle as B}from"./styled.js";import{LinkToField as D}from"../common/LinkToField.js";import{pathIncludesLink as f}from"../../utils/index.js";import{ExpandAllButton as E}from"../ExpandAllButton/index.js";import{useTranslate as N}from"../../hooks/index.js";import{getActiveMediaType as $}from"../../models/index.js";import{activeMimeNameAtom as I}from"../../jotai/app.js";import{styled as O}from"../../styled-components.js";const oe=L(({responses:i,renderTitle:d,operationId:s,operationPointer:u,activeResponseTab:m,onTabChange:T,callbackId:h,onPanelToggle:b})=>{const p=w(),g=N(),c=C(I),r=i.map(({code:e})=>({key:e,title:e})),k=r.find(({key:e})=>e===m||f(p,s)&&f(p,`c=${e}`)),{activeTab:x,handleTabChange:y}=F({tabs:r,defaultTab:k?.key,onChange:T}),o=r.find(e=>e.key===(m||x)),t=i.find(e=>e.code===o?.key),v=j(()=>{if(!t?.content)return!1;const{schema:e}=$(t?.content,c)||{};return e?.fields?.some(({schema:l})=>!l.isPrimitive&&!l.isCircular)},[c,t?.content]);return o?a(A,{children:[a(S,{children:[d?.(o)||a(B,{children:[n(D,{to:R(s,`response&c=${o.key}`)}),g("openapi.responses","Responses")]}),n(M,{tabs:r,activeTab:o,onChange:y}),v&&n(E,{type:"response",operationPointer:u,onPanelToggle:b})]}),t?n("div",{children:n(P,{response:t,operationId:s,callbackId:h})},t.code):null]}):null}),S=O(_)`
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import { useLocation } from 'react-router-dom';
+import { useAtomValue } from 'jotai';
+import { Tabs, useTabsState } from '../Tabs/index.js';
+import { ResponseDetails } from './ResponseDetails.js';
+import { makeDeepLink } from '../../services/index.js';
+import { Row, StyledTitle } from './styled.js';
+import { LinkToField } from '../common/LinkToField.js';
+import { pathIncludesLink } from '../../utils/index.js';
+import { ExpandAllButton } from '../ExpandAllButton/index.js';
+import { useTranslate } from '../../hooks/index.js';
+import { getActiveMediaType } from '../../models/index.js';
+import { activeMimeNameAtom } from '../../jotai/app.js';
+import { styled } from '../../styled-components.js';
+export const OperationResponseList = memo(({ responses, renderTitle, operationId, operationPointer, activeResponseTab, onTabChange, callbackId, onPanelToggle, }) => {
+    const location = useLocation();
+    const translate = useTranslate();
+    const activeMimeName = useAtomValue(activeMimeNameAtom);
+    const tabs = responses.map(({ code }) => ({ key: code, title: code }));
+    const defaultTab = tabs.find(({ key }) => key === activeResponseTab ||
+        (pathIncludesLink(location, operationId) && pathIncludesLink(location, `c=${key}`)));
+    const { activeTab, handleTabChange } = useTabsState({
+        tabs,
+        defaultTab: defaultTab?.key,
+        onChange: onTabChange,
+    });
+    const tab = tabs.find((t) => t.key === (activeResponseTab || activeTab));
+    const response = responses.find((r) => r.code === tab?.key);
+    const showExpandAllButton = useMemo(() => {
+        if (!response?.content)
+            return false;
+        const { schema } = getActiveMediaType(response?.content, activeMimeName) || {};
+        return schema?.fields?.some(({ schema: fieldSchema }) => !fieldSchema.isPrimitive && !fieldSchema.isCircular);
+    }, [activeMimeName, response?.content]);
+    if (!tab)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsxs(TitleWrap, { children: [renderTitle?.(tab) || (_jsxs(StyledTitle, { children: [_jsx(LinkToField, { to: makeDeepLink(operationId, `response&c=${tab.key}`) }), translate('openapi.responses', 'Responses')] })), _jsx(Tabs, { tabs: tabs, activeTab: tab, onChange: handleTabChange }), showExpandAllButton && (_jsx(ExpandAllButton, { type: "response", operationPointer: operationPointer, onPanelToggle: onPanelToggle }))] }), response ? (_jsx("div", { children: _jsx(ResponseDetails, { response: response, operationId: operationId, callbackId: callbackId }) }, response.code)) : null] }));
+});
+const TitleWrap = styled(Row) `
   flex-wrap: wrap;
   gap: var(--spacing-unit);
-`;export{oe as OperationResponseList};
+`;
+//# sourceMappingURL=OperationResponseList.js.map

package/lib/components/Responses/ResponseDetails.js

@@ -1 +1,18 @@
-import{jsx as r,Fragment as f,jsxs as u}from"react/jsx-runtime";import{memo as x}from"react";import{ResponseHeaders as k}from"./ResponseHeaders.js";import{StyledDescription as i}from"./styled.js";import{BodyContent as y}from"../common/BodyContent/index.js";import{makeDeepLink as $}from"../../services/index.js";function h({response:s,operationId:e,callbackId:n,disableDeepLinks:o}){const{description:t,headers:d,content:a,summary:c,code:m}=s;return u(f,{children:[r(i,{className:"redoc-markdown",source:c}),r(i,{className:"redoc-markdown",source:t}),r(k,{headers:d,deepLink:o?void 0:p(e,n,m,"headers")}),r(y,{content:a,skipWriteOnly:!0,deepLink:o?void 0:p(e,n,m,"body")})]})}const w=x(h);function p(s,e="",n,o){const t=e?`${e}/response&c=${n}/${o}`:`response&c=${n}/${o}`;return $(s,t)}export{w as ResponseDetails};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { ResponseHeaders } from './ResponseHeaders.js';
+import { StyledDescription } from './styled.js';
+import { BodyContent } from '../common/BodyContent/index.js';
+import { makeDeepLink } from '../../services/index.js';
+function ResponseDetailsComponent({ response, operationId, callbackId, disableDeepLinks, }) {
+    const { description, headers, content, summary, code } = response;
+    return (_jsxs(_Fragment, { children: [_jsx(StyledDescription, { className: "redoc-markdown", source: summary }), _jsx(StyledDescription, { className: "redoc-markdown", source: description }), _jsx(ResponseHeaders, { headers: headers, deepLink: disableDeepLinks ? undefined : generateDeepLink(operationId, callbackId, code, 'headers') }), _jsx(BodyContent, { content: content, skipWriteOnly: true, deepLink: disableDeepLinks ? undefined : generateDeepLink(operationId, callbackId, code, 'body') })] }));
+}
+export const ResponseDetails = memo(ResponseDetailsComponent);
+function generateDeepLink(operationId, callbackId = '', code, place) {
+    const suffix = callbackId
+        ? `${callbackId}/response&c=${code}/${place}`
+        : `response&c=${code}/${place}`;
+    return makeDeepLink(operationId, suffix);
+}
+//# sourceMappingURL=ResponseDetails.js.map

package/lib/components/Responses/ResponseHeaders.js

@@ -1 +1,15 @@
-import{jsx as s,jsxs as t}from"react/jsx-runtime";import{memo as m}from"react";import{HeadersCaption as a,StyledHeadersProperties as p}from"./styled.js";import{PropertyDetails as l}from"../PropertyDetails/index.js";import{LinkToField as d}from"../common/LinkToField.js";import{useTranslate as f}from"../../hooks/index.js";function u({headers:e,deepLink:r}){const n=f();return e===void 0||e.length===0?null:t(p,{children:[t(a,{children:[r&&s(d,{to:r}),n("openapi.header","Headers")]}),e.map((o,i)=>s(l,{isFirst:i===0,field:o,disableDeepLinks:!r},o.name))]})}const C=m(u);export{C as ResponseHeaders};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { HeadersCaption, StyledHeadersProperties } from './styled.js';
+import { PropertyDetails } from '../PropertyDetails/index.js';
+import { LinkToField } from '../common/LinkToField.js';
+import { useTranslate } from '../../hooks/index.js';
+function ResponseHeadersComponent({ headers, deepLink, }) {
+    const translate = useTranslate();
+    if (headers === undefined || headers.length === 0) {
+        return null;
+    }
+    return (_jsxs(StyledHeadersProperties, { children: [_jsxs(HeadersCaption, { children: [deepLink && _jsx(LinkToField, { to: deepLink }), translate('openapi.header', 'Headers')] }), headers.map((field, index) => (_jsx(PropertyDetails, { isFirst: index === 0, field: field, disableDeepLinks: !deepLink }, field.name)))] }));
+}
+export const ResponseHeaders = memo(ResponseHeadersComponent);
+//# sourceMappingURL=ResponseHeaders.js.map

package/lib/components/Responses/index.js

@@ -1 +1,6 @@
-import{OperationResponseList as r}from"./OperationResponseList.js";import{ResponseDetails as s}from"./ResponseDetails.js";import{ResponseHeaders as i}from"./ResponseHeaders.js";export*from"./types.js";import{HeadersCaption as n,StyledHeadersProperties as f,StyledTitle as l,StyledDescription as m}from"./styled.js";export{n as HeadersCaption,r as OperationResponseList,s as ResponseDetails,i as ResponseHeaders,m as StyledDescription,f as StyledHeadersProperties,l as StyledTitle};
+export { OperationResponseList } from './OperationResponseList.js';
+export { ResponseDetails } from './ResponseDetails.js';
+export { ResponseHeaders } from './ResponseHeaders.js';
+export * from './types.js';
+export { HeadersCaption, StyledHeadersProperties, StyledTitle, StyledDescription, } from './styled.js';
+//# sourceMappingURL=index.js.map

package/lib/components/Responses/styled.js

@@ -1,4 +1,7 @@
-import{Title as t}from"../common/OperationItemTitle.js";import{Markdown as e}from"../Markdown/index.js";import{styled as i}from"../../styled-components.js";const n=i.div`
+import { Title } from '../common/OperationItemTitle.js';
+import { Markdown } from '../Markdown/index.js';
+import { styled } from '../../styled-components.js';
+export const HeadersCaption = styled.div `
   position: relative;
   display: flex;
   align-items: center;
@@ -8,15 +11,20 @@ import{Title as t}from"../common/OperationItemTitle.js";import{Markdown as e}fro
   font-weight: var(--font-weight-semibold);
   color: var(--text-color-primary);
   padding: var(--spacing-xxs) 0;
-`,s=i.div`
+`;
+export const StyledHeadersProperties = styled.div `
   margin-top: var(--spacing-md);
-`,p=i.div`
+`;
+export const Row = styled.div `
   display: flex;
   align-items: center;
   margin-top: var(--spacing-base);
-`,l=i(t)`
+`;
+export const StyledTitle = styled(Title) `
   margin: 0 var(--spacing-sm) 0 0;
   position: relative;
-`,g=i(e)`
+`;
+export const StyledDescription = styled(Markdown) `
   margin-top: var(--spacing-xs);
-`;export{n as HeadersCaption,p as Row,g as StyledDescription,s as StyledHeadersProperties,l as StyledTitle};
+`;
+//# sourceMappingURL=styled.js.map

package/lib/components/Responses/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/RightPanel/RightPanel.js

@@ -1 +1,21 @@
-import{jsx as e,Fragment as c,jsxs as g}from"react/jsx-runtime";import{useAtomValue as t}from"jotai";import{Panel as o}from"@redocly/theme/components/Panel/Panel";import{Markdown as f}from"@redocly/theme/components/Markdown/Markdown";import{DownloadSpecification as v}from"../Download/index.js";import{Overview as h}from"../Overview/index.js";import{LanguageList as u}from"../Language/index.js";import{ServerList as w}from"../ServerList/index.js";import{globalStoreAtom as x}from"../../jotai/store.js";import{normalizeServers as S}from"../../utils/index.js";import{mergeInMockServer as L}from"../../models/operation.js";import{languageAtom as b}from"../../jotai/app.js";import{useTranslate as j}from"../../hooks/index.js";const R=({item:{infoDefinition:r}})=>{const a=j(),{options:{hideDownloadButtons:i,mockServer:l},parser:{definition:m,definitionUrl:p}}=t(x),{languages:n,activeLanguage:d}=t(b),s=S(p,L(m.servers||[],l));return g(c,{children:[!i&&e(o,{className:"panel-download",header:a("openapi.download.description.title","Download OpenAPI description"),isExpandable:!1,children:e(v,{})}),(r?.license||r?.contact||r?.termsOfService)&&e(o,{className:"panel-overview",header:a("openapi.info.title","Overview"),isExpandable:!1,children:e(f,{children:e(h,{info:r,translate:a})})}),!!n?.length&&e(o,{className:"panel-language-list",header:a("openapi.languages.title","Languages"),isExpandable:!1,children:e(u,{languages:n,activeLanguage:d})}),!!s.length&&e(o,{className:"panel-servers-list",header:a("openapi.servers.title","Servers"),isExpandable:!1,children:e(w,{servers:s,path:"/",translate:a})})]})};export{R as RightPanel};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAtomValue } from 'jotai';
+import { Panel } from '@redocly/theme/components/Panel/Panel';
+import { Markdown as MarkdownWrapper } from '@redocly/theme/components/Markdown/Markdown';
+import { DownloadSpecification } from '../Download/index.js';
+import { Overview } from '../Overview/index.js';
+import { LanguageList } from '../Language/index.js';
+import { ServerList } from '../ServerList/index.js';
+import { globalStoreAtom } from '../../jotai/store.js';
+import { normalizeServers } from '../../utils/index.js';
+import { mergeInMockServer } from '../../models/operation.js';
+import { languageAtom } from '../../jotai/app.js';
+import { useTranslate } from '../../hooks/index.js';
+export const RightPanel = ({ item: { infoDefinition: info }, }) => {
+    const translate = useTranslate();
+    const { options: { hideDownloadButtons, mockServer }, parser: { definition, definitionUrl }, } = useAtomValue(globalStoreAtom);
+    const { languages, activeLanguage } = useAtomValue(languageAtom);
+    const servers = normalizeServers(definitionUrl, mergeInMockServer(definition.servers || [], mockServer));
+    return (_jsxs(_Fragment, { children: [!hideDownloadButtons && (_jsx(Panel, { className: "panel-download", header: translate('openapi.download.description.title', 'Download OpenAPI description'), isExpandable: false, children: _jsx(DownloadSpecification, {}) })), (info?.license || info?.contact || info?.termsOfService) && (_jsx(Panel, { className: "panel-overview", header: translate('openapi.info.title', 'Overview'), isExpandable: false, children: _jsx(MarkdownWrapper, { children: _jsx(Overview, { info: info, translate: translate }) }) })), !!languages?.length && (_jsx(Panel, { className: "panel-language-list", header: translate('openapi.languages.title', 'Languages'), isExpandable: false, children: _jsx(LanguageList, { languages: languages, activeLanguage: activeLanguage }) })), !!servers.length && (_jsx(Panel, { className: "panel-servers-list", header: translate('openapi.servers.title', 'Servers'), isExpandable: false, children: _jsx(ServerList, { servers: servers, path: "/", translate: translate }) }))] }));
+};
+//# sourceMappingURL=RightPanel.js.map

package/lib/components/RightPanel/index.js

@@ -1 +1,2 @@
-import{RightPanel as r}from"./RightPanel.js";export{r as RightPanel};
+export { RightPanel } from './RightPanel.js';
+//# sourceMappingURL=index.js.map

package/lib/components/Samples/ExampleSwitch.js

@@ -1 +1,33 @@
-import{jsx as n}from"react/jsx-runtime";import{useState as f,useEffect as h}from"react";import{MimeLabel as x,Container as v,Select as b}from"../common/index.js";import{SelectOrLabel as y}from"../SelectOrLabel/index.js";import{normalizeText as S}from"../../utils/index.js";import{useTelemetry as g}from"../../hooks/index.js";const I=({exampleKey:a,examples:s,onChange:m,className:c})=>{const i=g(),t=Object.keys(s),o=a?t.indexOf(a):0,[p,l]=f(o>-1?o:0);h(()=>l(o>-1?o:0),[a,o]);const r=t.map((e,d)=>({value:S(s[e].summary)||e,idx:d})),u=({idx:e})=>{i.send({type:"openapi_docs.examples_switcher.clicked",payload:{example:t[e],numberOfExamples:t.length}}),l(e),m(t[e])};return r.length<2?null:n(v,{"data-testid":"example-switch",className:c,children:n(y,{Select:b,Label:x,variant:"dark",fullWidth:!0,options:r,value:r[p]?.value,onChange:u})})};export{I as ExampleSwitch};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { MimeLabel, Container, Select } from '../common/index.js';
+import { SelectOrLabel } from '../SelectOrLabel/index.js';
+import { normalizeText } from '../../utils/index.js';
+import { useTelemetry } from '../../hooks/index.js';
+export const ExampleSwitch = ({ exampleKey, examples, onChange, className, }) => {
+    const telemetry = useTelemetry();
+    const examplesKeys = Object.keys(examples);
+    const defaultIdx = exampleKey ? examplesKeys.indexOf(exampleKey) : 0;
+    const [activeIdx, setActiveIdx] = useState(defaultIdx > -1 ? defaultIdx : 0);
+    useEffect(() => setActiveIdx(defaultIdx > -1 ? defaultIdx : 0), [exampleKey, defaultIdx]);
+    const options = examplesKeys.map((name, idx) => ({
+        value: normalizeText(examples[name].summary) || name,
+        idx,
+    }));
+    const handleChange = ({ idx }) => {
+        telemetry.send({
+            type: 'openapi_docs.examples_switcher.clicked',
+            payload: {
+                example: examplesKeys[idx],
+                numberOfExamples: examplesKeys.length,
+            },
+        });
+        setActiveIdx(idx);
+        onChange(examplesKeys[idx]);
+    };
+    if (options.length < 2) {
+        return null;
+    }
+    return (_jsx(Container, { "data-testid": "example-switch", className: className, children: _jsx(SelectOrLabel, { Select: Select, Label: MimeLabel, variant: "dark", fullWidth: true, options: options, value: options[activeIdx]?.value, onChange: handleChange }) }));
+};
+//# sourceMappingURL=ExampleSwitch.js.map

package/lib/components/Samples/index.js

@@ -1 +1,3 @@
-export*from"./ExampleSwitch.js";export*from"./use-example-key.js";
+export * from './ExampleSwitch.js';
+export * from './use-example-key.js';
+//# sourceMappingURL=index.js.map

package/lib/components/Samples/use-example-key.js

@@ -1 +1,12 @@
-import{useAtomValue as a}from"jotai";import{operationStore as m}from"../../jotai/operation.js";function i({pointer:o}={},t){const r=a(m(o)),{activeExampleName:e}=r;return{exampleKey:e&&t[e]?e:Object.keys(t)[0]}}export{i as useExampleKey};
+import { useAtomValue } from 'jotai';
+import { operationStore } from '../../jotai/operation.js';
+export function useExampleKey({ pointer } = {}, examples) {
+    const operationState = useAtomValue(operationStore(pointer));
+    const { activeExampleName } = operationState;
+    return {
+        exampleKey: activeExampleName && examples[activeExampleName]
+            ? activeExampleName
+            : Object.keys(examples)[0],
+    };
+}
+//# sourceMappingURL=use-example-key.js.map

package/lib/components/Schema/ArraySchema.js

@@ -1 +1,45 @@
-import{jsx as n,Fragment as b,jsxs as C}from"react/jsx-runtime";import{memo as T,useCallback as k}from"react";import{useAtomValue as F}from"jotai";import{TypeName as L}from"../common/index.js";import{Schema as j}from"./Schema.js";import{ObjectSchema as S}from"./ObjectSchema.js";import{humanizeConstraints as B}from"../../utils/index.js";import{SubSchema as D}from"./SubSchema.js";import{globalOptionsAtom as R}from"../../jotai/store.js";import{getExpandByDefault as W}from"./helpers.js";import{ArrayLabel as _,LabelValue as m,ArrayClosingLabel as q}from"../common/styled.js";function E({schema:r,schema:{minItems:c,maxItems:h,items:a},fieldParentsName:l,...e}){const{schemasExpansionLevel:u}=F(R),p=Array.isArray(e.parentType)?e.parentType:[e.parentType],o=p.includes("array")&&p.length===1,t=o?(e.level||0)+1:e.level,O=c===void 0&&h===void 0?"":`(${B(r)})`;let d=l&&[...l.slice(0,-1),l[l.length-1]+"[]"];const s=k(y=>e.skipReadOnly||e.skipWriteOnly?y?.filter(f=>!(e.skipReadOnly&&f.schema.readOnly||e.skipWriteOnly&&f.schema.writeOnly)):y,[e.skipReadOnly,e.skipWriteOnly]);if(r?.fields)return n(S,{...e,shouldCloseArray:o,level:t,schema:r,fieldParentsName:d,onOneOfChange:e.onOneOfChange});if(r.displayType&&!a&&!O.length)return n("div",{children:n(L,{children:r.displayType})});const g=s(a?.fields),A=s(a?.oneOf?.[0]?.fields),v=g?.length||A?.length,i=e.level===1,x=W({level:e.level,required:e.required,schemasExpansionLevel:u});return n(D,{...e,propertyLength:v,isNestedArray:o,level:t,isArray:!0,expandable:!i,expandByDefault:x,operationPointer:r.operationPointer,children:C(b,{children:[i&&n(_,{children:n(m,{children:"Array ["})}),n(j,{...e,parentType:i?void 0:r.type,level:t,schema:a,shouldCloseArray:o,fieldParentsName:d,expandable:!1,onOneOfChange:e.onOneOfChange}),i&&n(q,{className:"array-closing-label",children:n(m,{children:"]"})})]})})}const K=T(E);export{K as ArraySchema};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback } from 'react';
+import { useAtomValue } from 'jotai';
+import { TypeName } from '../common/index.js';
+import { Schema } from './Schema.js';
+import { ObjectSchema } from './ObjectSchema.js';
+import { humanizeConstraints } from '../../utils/index.js';
+import { SubSchema } from './SubSchema.js';
+import { globalOptionsAtom } from '../../jotai/store.js';
+import { getExpandByDefault } from './helpers.js';
+import { ArrayLabel, LabelValue, ArrayClosingLabel } from '../common/styled.js';
+function ArraySchemaComponent({ schema, schema: { minItems, maxItems, items: itemsSchema }, fieldParentsName, ...rest }) {
+    const { schemasExpansionLevel } = useAtomValue(globalOptionsAtom);
+    const parentSchemaTypes = Array.isArray(rest.parentType) ? rest.parentType : [rest.parentType];
+    const isNestedArray = parentSchemaTypes.includes('array') && parentSchemaTypes.length === 1;
+    const level = isNestedArray ? (rest.level || 0) + 1 : rest.level;
+    const minMaxItems = minItems === undefined && maxItems === undefined
+        ? ''
+        : `(${humanizeConstraints(schema)})`;
+    let updatedParentsArray = fieldParentsName
+        ? [...fieldParentsName.slice(0, -1), fieldParentsName[fieldParentsName.length - 1] + '[]']
+        : fieldParentsName;
+    const getFilteredFields = useCallback((items) => rest.skipReadOnly || rest.skipWriteOnly
+        ? items?.filter((item) => !((rest.skipReadOnly && item.schema.readOnly) ||
+            (rest.skipWriteOnly && item.schema.writeOnly)))
+        : items, [rest.skipReadOnly, rest.skipWriteOnly]);
+    if (schema?.fields) {
+        return (_jsx(ObjectSchema, { ...rest, shouldCloseArray: isNestedArray, level: level, schema: schema, fieldParentsName: updatedParentsArray, onOneOfChange: rest.onOneOfChange }));
+    }
+    if (schema.displayType && !itemsSchema && !minMaxItems.length) {
+        return (_jsx("div", { children: _jsx(TypeName, { children: schema.displayType }) }));
+    }
+    const filteredFields = getFilteredFields(itemsSchema?.fields);
+    const filteredOneOfFields = getFilteredFields(itemsSchema?.oneOf?.[0]?.fields);
+    const propertyLength = filteredFields?.length || filteredOneOfFields?.length;
+    const isFirstLevel = rest.level === 1;
+    const expandByDefault = getExpandByDefault({
+        level: rest.level,
+        required: rest.required,
+        schemasExpansionLevel,
+    });
+    return (_jsx(SubSchema, { ...rest, propertyLength: propertyLength, isNestedArray: isNestedArray, level: level, isArray: true, expandable: !isFirstLevel, expandByDefault: expandByDefault, operationPointer: schema.operationPointer, children: _jsxs(_Fragment, { children: [isFirstLevel && (_jsx(ArrayLabel, { children: _jsx(LabelValue, { children: "Array [" }) })), _jsx(Schema, { ...rest, parentType: !isFirstLevel ? schema.type : undefined, level: level, schema: itemsSchema, shouldCloseArray: isNestedArray, fieldParentsName: updatedParentsArray, expandable: false, onOneOfChange: rest.onOneOfChange }), isFirstLevel && (_jsx(ArrayClosingLabel, { className: "array-closing-label", children: _jsx(LabelValue, { children: "]" }) }))] }) }));
+}
+export const ArraySchema = memo(ArraySchemaComponent);
+//# sourceMappingURL=ArraySchema.js.map

package/lib/components/Schema/ObjectSchema.js

@@ -1 +1,29 @@
-import{jsx as a,Fragment as C,jsxs as p}from"react/jsx-runtime";import{memo as P}from"react";import{useAtomValue as F}from"jotai";import{PropertiesTableCaption as N}from"../common/index.js";import{Discriminator as v}from"../Discriminator/index.js";import{globalOptionsAtom as A}from"../../jotai/store.js";import{PropertyDetails as B}from"../PropertyDetails/index.js";import{SubSchema as _}from"./SubSchema.js";import{getExpandByDefault as w}from"./helpers.js";import{useTranslate as E}from"../../hooks/index.js";import{ArrayClosingLabel as I,LabelValue as T}from"../common/styled.js";function V({schema:m,showTitle:s,discriminator:t,level:n,skipWriteOnly:r,skipReadOnly:o,fieldParentsName:c,expandable:f,deepLink:h,required:d,disableDeepLinks:u,shouldCloseArray:g,oneOfLevel:x,slug:b,onOneOfChange:O}){const{fields:i=[],title:y}=m,D=E(),{schemasExpansionLevel:L}=F(A),l=o||r?i.filter(e=>!(o&&e.schema.readOnly||r&&e.schema.writeOnly)):i,S=w({required:d,level:n,schemasExpansionLevel:L});return p(_,{expandable:f,expandByDefault:S,level:n,propertyLength:l.length,deepLink:h,operationPointer:m.operationPointer,children:[p(C,{children:[s&&a(N,{children:y}),l.map((e,j)=>a(B,{isFirst:j===0,field:e,fieldParentsName:Number(n)>1?c:[],renderDiscriminatorSwitch:t?.fieldName===e.name&&t?.parentSchema?()=>a(v,{parent:t.parentSchema,onChange:t?.onChange,activeOneOfIdx:t.activeOneOfIdx,translate:D}):void 0,skipReadOnly:o,skipWriteOnly:r,showTitle:s,level:n,disableDeepLinks:u,oneOfLevel:x,slug:b,onOneOfChange:O},e.name))]}),g&&a(I,{className:"array-closing-label",children:a(T,{children:"]"})})]})}const Y=P(V);export{Y as ObjectSchema};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useAtomValue } from 'jotai';
+import { PropertiesTableCaption } from '../common/index.js';
+import { Discriminator } from '../Discriminator/index.js';
+import { globalOptionsAtom } from '../../jotai/store.js';
+import { PropertyDetails } from '../PropertyDetails/index.js';
+import { SubSchema } from './SubSchema.js';
+import { getExpandByDefault } from './helpers.js';
+import { useTranslate } from '../../hooks/index.js';
+import { ArrayClosingLabel, LabelValue } from '../common/styled.js';
+function ObjectSchemaComponent({ schema, showTitle, discriminator, level, skipWriteOnly, skipReadOnly, fieldParentsName, expandable, deepLink, required, disableDeepLinks, shouldCloseArray, oneOfLevel, slug, onOneOfChange, }) {
+    const { fields = [], title } = schema;
+    const translate = useTranslate();
+    const { schemasExpansionLevel } = useAtomValue(globalOptionsAtom);
+    const filteredFields = skipReadOnly || skipWriteOnly
+        ? fields.filter((item) => !((skipReadOnly && item.schema.readOnly) || (skipWriteOnly && item.schema.writeOnly)))
+        : fields;
+    const expandByDefault = getExpandByDefault({
+        required,
+        level,
+        schemasExpansionLevel,
+    });
+    return (_jsxs(SubSchema, { expandable: expandable, expandByDefault: expandByDefault, level: level, propertyLength: filteredFields.length, deepLink: deepLink, operationPointer: schema.operationPointer, children: [_jsxs(_Fragment, { children: [showTitle && _jsx(PropertiesTableCaption, { children: title }), filteredFields.map((field, index) => (_jsx(PropertyDetails, { isFirst: index === 0, field: field, fieldParentsName: Number(level) > 1 ? fieldParentsName : [], renderDiscriminatorSwitch: discriminator?.fieldName === field.name && discriminator?.parentSchema
+                            ? () => (_jsx(Discriminator, { parent: discriminator.parentSchema, onChange: discriminator?.onChange, activeOneOfIdx: discriminator.activeOneOfIdx, translate: translate }))
+                            : undefined, skipReadOnly: skipReadOnly, skipWriteOnly: skipWriteOnly, showTitle: showTitle, level: level, disableDeepLinks: disableDeepLinks, oneOfLevel: oneOfLevel, slug: slug, onOneOfChange: onOneOfChange }, field.name)))] }), shouldCloseArray && (_jsx(ArrayClosingLabel, { className: "array-closing-label", children: _jsx(LabelValue, { children: "]" }) }))] }));
+}
+export const ObjectSchema = memo(ObjectSchemaComponent);
+//# sourceMappingURL=ObjectSchema.js.map

package/lib/components/Schema/OneOfSchema.js

@@ -1,10 +1,54 @@
-import{jsxs as c,jsx as n}from"react/jsx-runtime";import{memo as S}from"react";import{useAtom as g}from"jotai";import{StyledBadge as y,SelectionTitle as I}from"../common/index.js";import{Markdown as j}from"../Markdown/index.js";import{ConstraintsView as C}from"../common/ConstraintsView.js";import{Schema as T}from"./Schema.js";import{operationStore as b}from"../../jotai/operation.js";import{SchemaSelection as w}from"../common/SchemaSelection/index.js";import{useOneOfLocationIdx as P}from"./useOneOfLocationIdx.js";import{useTranslate as z}from"../../hooks/index.js";import{styled as d}from"../../styled-components.js";function D({schema:{oneOf:i},schema:e,onChange:m,oneOfLevel:r=1,...f}){const l=z(),[a,O]=g(b(e.operationPointer)),p=P(i,r),s=p===-1?0:p,x=a.activeOneOf?.[e.pointer]!==void 0?a.activeOneOf[e.pointer]:s,o=i[x];if(!o)return null;const u=i.map((t,v)=>({label:t.title||t.typePrefix+t.displayType,value:v})),h=t=>{m?.({pointer:e.pointer,index:t}),O({activeExampleName:e.oneOf?.[t]?.title,activeOneOf:{[e.pointer]:t},requestValues:{body:null}})};return c(V,{children:[c(I,{children:[e.oneOfType,":"]}),n(w,{options:u,onChange:h,pointer:e.operationPointer,schema:e,defaultOneOfIdx:s}),o.deprecated&&n(y,{deprecated:!0,children:l("openapi.badges.deprecated","Deprecated")}),o.description&&n(L,{source:o.description}),n(C,{constraints:o.constraints}),n(T,{...f,schema:o,oneOfLevel:r+1})]})}const J=S(D),L=d(j)`
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useAtom } from 'jotai';
+import { StyledBadge, SelectionTitle } from '../common/index.js';
+import { Markdown } from '../Markdown/index.js';
+import { ConstraintsView } from '../common/ConstraintsView.js';
+import { Schema } from './Schema.js';
+import { operationStore } from '../../jotai/operation.js';
+import { SchemaSelection } from '../common/SchemaSelection/index.js';
+import { useOneOfLocationIdx } from './useOneOfLocationIdx.js';
+import { useTranslate } from '../../hooks/index.js';
+import { styled } from '../../styled-components.js';
+function OneOfSchemaComponent({ schema: { oneOf }, schema, onChange, oneOfLevel = 1, ...rest }) {
+    const translate = useTranslate();
+    const [store, setOperationStore] = useAtom(operationStore(schema.operationPointer));
+    const oneOfIdxLocation = useOneOfLocationIdx(oneOf, oneOfLevel);
+    const activeOneOfIdx = oneOfIdxLocation === -1 ? 0 : oneOfIdxLocation;
+    const activeSchemaIndex = store.activeOneOf?.[schema.pointer] !== undefined
+        ? store.activeOneOf[schema.pointer]
+        : activeOneOfIdx;
+    const activeSchema = oneOf[activeSchemaIndex];
+    if (!activeSchema) {
+        return null;
+    }
+    const options = oneOf.map((subSchema, idx) => ({
+        label: subSchema.title || subSchema.typePrefix + subSchema.displayType,
+        value: idx,
+    }));
+    const handleChange = (value) => {
+        onChange?.({
+            pointer: schema.pointer,
+            index: value,
+        });
+        setOperationStore({
+            activeExampleName: schema.oneOf?.[value]?.title,
+            activeOneOf: { [schema.pointer]: value },
+            requestValues: { body: null },
+        });
+    };
+    return (_jsxs(Wrapper, { children: [_jsxs(SelectionTitle, { children: [schema.oneOfType, ":"] }), _jsx(SchemaSelection, { options: options, onChange: handleChange, pointer: schema.operationPointer, schema: schema, defaultOneOfIdx: activeOneOfIdx }), activeSchema.deprecated && (_jsx(StyledBadge, { deprecated: true, children: translate('openapi.badges.deprecated', 'Deprecated') })), activeSchema.description && _jsx(StyledDescription, { source: activeSchema.description }), _jsx(ConstraintsView, { constraints: activeSchema.constraints }), _jsx(Schema, { ...rest, schema: activeSchema, oneOfLevel: oneOfLevel + 1 })] }));
+}
+export const OneOfSchema = memo(OneOfSchemaComponent);
+const StyledDescription = styled(Markdown) `
   margin-top: var(--spacing-xs);
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
-`,V=d.div`
+`;
+const Wrapper = styled.div `
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   width: 100%;
-`;export{J as OneOfSchema};
+`;
+//# sourceMappingURL=OneOfSchema.js.map

package/lib/components/Schema/RecursiveSchema.js

@@ -1 +1,10 @@
-import{jsx as t,jsxs as r}from"react/jsx-runtime";import{memo as s}from"react";import{RecursiveLabel as o,TypeName as n,TypeTitle as c}from"../common/index.js";import{useTranslate as m}from"../../hooks/index.js";function p({schema:e}){const i=m();return r("div",{children:[t(n,{children:e.displayType}),e.title&&r(c,{children:[" ",e.title," "]}),r(o,{children:[" ",i("openapi.recursive","Recursive")," "]})]})}const v=s(p);export{v as RecursiveSchema};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { RecursiveLabel, TypeName, TypeTitle } from '../common/index.js';
+import { useTranslate } from '../../hooks/index.js';
+function RecursiveSchemaComponent({ schema }) {
+    const translate = useTranslate();
+    return (_jsxs("div", { children: [_jsx(TypeName, { children: schema.displayType }), schema.title && _jsxs(TypeTitle, { children: [" ", schema.title, " "] }), _jsxs(RecursiveLabel, { children: [" ", translate('openapi.recursive', 'Recursive'), " "] })] }));
+}
+export const RecursiveSchema = memo(RecursiveSchemaComponent);
+//# sourceMappingURL=RecursiveSchema.js.map