@redocly/openapi-docs 3.11.0-next.9 → 3.11.0-rc.1

package/lib-esm/components/Request/RequestDetails.d.ts

@@ -0,0 +1,2 @@
+import type { RequestProps } from './types';
+export declare const RequestDetails: import("react").NamedExoticComponent<RequestProps>;

package/lib-esm/components/Request/RequestDetails.js

@@ -0,0 +1,4 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useMemo}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{Row}from"../common";import{Title}from"../common/OperationItemTitle";import{LinkToField}from"../common/LinkToField";import{makeDeepLink}from"../../services";import{Description}from"../OperationItem/Description";import{Security}from"../Security";import{ExpandAllButton}from"../ExpandAllButton";import{RequestParameters}from"../RequestParameters";import{activeMimeNameAtom}from"../../jotai/app";import{getActiveMediaType}from"../../models/mediaContent";function RequestDetailsComponent({operation:{id:e,description:t,externalDocs:o,parameters:i,requestBody:r,pointer:s,security:n,extensions:m,callbackId:a},title:l,translate:p,onPanelToggle:c}){const d=useAtomValue(activeMimeNameAtom),u=useMemo((()=>{var e;const t=i.some((({schema:e})=>!e.isPrimitive&&!e.isCircular));if(!(null==r?void 0:r.content)||t)return t;const{schema:o}=getActiveMediaType(r.content,d)||{};return null===(e=null==o?void 0:o.fields)||void 0===e?void 0:e.some((({schema:e})=>!e.isPrimitive&&!e.isCircular))}),[d,i,null==r?void 0:r.content]);return _jsxs(_Fragment,{children:[_jsx(Row,{children:_jsxs(HeadingWrapper,{children:[_jsxs(Title,{children:[e&&_jsx(LinkToField,{to:makeDeepLink(e,"request")}),l||(null==p?void 0:p("openapi.request","Request")),u&&_jsx(ExpandAllButton,{operationPointer:s,type:"request",onPanelToggle:c})]}),_jsx(Description,{description:t||o?t:void 0,externalDocs:o,extensions:m}),_jsx(Security,{securities:n})]})}),_jsx(RequestParameters,{parameters:i,body:r,operationId:e,callbackId:a})]})}const HeadingWrapper=styled.div`
+  width: 100%;
+`;export const RequestDetails=memo(RequestDetailsComponent);
+//# sourceMappingURL=RequestDetails.js.map

package/lib-esm/components/Request/types.d.ts

@@ -0,0 +1,10 @@
+import type { TFunction } from '@redocly/theme';
+import type { ReactNode } from 'react';
+import type { OperationModel } from '../../models';
+import type { PanelType } from '../../events/types';
+export interface RequestProps {
+    operation: Pick<OperationModel, 'security' | 'pointer' | 'description' | 'externalDocs' | 'extensions' | 'parameters' | 'requestBody' | 'id' | 'callbackId'>;
+    title?: string | ReactNode;
+    translate?: TFunction;
+    onPanelToggle?: (isExpanded: boolean, panelType?: PanelType) => void;
+}

package/lib-esm/components/Request/types.js

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

package/lib-esm/components/RequestParameters/Body.d.ts

@@ -0,0 +1,9 @@
+import type { MediaContentModel } from '../../models';
+interface BodyContentProps {
+    content: MediaContentModel;
+    description?: string | GenericObject;
+    required?: boolean;
+    deepLink?: string;
+}
+export declare const Body: import("react").NamedExoticComponent<BodyContentProps>;
+export {};

package/lib-esm/components/RequestParameters/Body.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import{BodyContent}from"../common/BodyContent";function BodyComponent({content:e,description:o,required:t,deepLink:n}){return _jsx(BodyContent,{content:e,required:t,description:o,skipReadOnly:e.isRequestType,skipWriteOnly:!e.isRequestType,deepLink:n})}export const Body=memo(BodyComponent);
+//# sourceMappingURL=Body.js.map

package/lib-esm/components/RequestParameters/ParametersGroup.d.ts

@@ -0,0 +1,8 @@
+import type { FieldModel } from '../../models';
+interface ParametersGroupProps {
+    title: string;
+    parameters: FieldModel[];
+    deepLink: string;
+}
+export declare const ParametersGroup: import("react").NamedExoticComponent<ParametersGroupProps>;
+export {};

package/lib-esm/components/RequestParameters/ParametersGroup.js

@@ -0,0 +1,21 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{LinkIcon}from"@redocly/theme";import{PropertyDetails}from"../PropertyDetails";import{LinkToField}from"../common/LinkToField";function ParametersGroupComponent({title:e,parameters:r,deepLink:i}){return r&&r.length?_jsxs(Wrapper,{children:[_jsxs(Title,{children:[_jsx(LinkToField,{to:i}),e]}),r.map(((e,r)=>_jsx(PropertyDetails,{isFirst:0===r,field:e},e.name)))]}):null}export const ParametersGroup=memo(ParametersGroupComponent);const Title=styled.span`
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  font-size: 18px;
+  line-height: var(--line-height-lg);
+  font-weight: var(--font-weight-semibold);
+  color: var(--text-color-primary);
+  padding: var(--spacing-xxs) 0;
+
+  :hover {
+    ${LinkIcon} {
+      opacity: 1;
+      visibility: visible;
+    }
+  }
+`,Wrapper=styled.div`
+  margin-top: var(--spacing-md);
+`;
+//# sourceMappingURL=ParametersGroup.js.map

package/lib-esm/components/RequestParameters/RequestParameters.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from 'react';
+import type { FieldModel, RequestBodyModel } from '../../models';
+export interface ParametersProps {
+    parameters?: FieldModel[];
+    body?: RequestBodyModel;
+    operationId: string;
+    callbackId: string;
+}
+export declare function RequestParameters({ body, parameters, operationId, callbackId, }: ParametersProps): ReactElement | null;

package/lib-esm/components/RequestParameters/RequestParameters.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{ParametersGroup}from"./ParametersGroup";import{Body}from"./Body";import{makeDeepLink}from"../../services";import{useTranslate}from"../../hooks";const PARAM_PLACES=["path","query","cookie","header"];export function RequestParameters({body:e,parameters:r=[],operationId:t,callbackId:n}){const a=useTranslate();if(!e&&!r.length)return null;const o={[PARAM_PLACES[0]]:a("openapi.path","Path"),[PARAM_PLACES[1]]:a("openapi.query","Query"),[PARAM_PLACES[2]]:a("openapi.cookie","Cookies"),[PARAM_PLACES[3]]:a("openapi.header","Headers")},s=(e=>{const r={};return e.forEach((e=>{safePush(r,e.in,e)})),r})(r),i=r.length>0?PARAM_PLACES:[],{content:p,description:u,required:m}=e||{};return _jsxs(_Fragment,{children:[i.map((e=>_jsx(ParametersGroup,{title:o[e],parameters:s[e],deepLink:generateDeepLink(t,n,e)},e))),p&&_jsx(Body,{content:p,description:u,required:m,deepLink:generateDeepLink(t,n)})]})}function safePush(e,r="",t){e[r]||(e[r]=[]),e[r].push(t)}function generateDeepLink(e,r,t="body"){return makeDeepLink(e,""+(r?`${r}/request/${t}`:`request/${t}`))}
+//# sourceMappingURL=RequestParameters.js.map

package/lib-esm/components/RequestParameters/index.d.ts

@@ -0,0 +1,2 @@
+export { RequestParameters } from './RequestParameters';
+export { Body } from './Body';

package/lib-esm/components/RequestParameters/index.js

@@ -0,0 +1,2 @@
+export{RequestParameters}from"./RequestParameters";export{Body}from"./Body";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/RequestSamples/CodeSample.d.ts

@@ -0,0 +1,16 @@
+import type { OperationModel } from '../../models';
+import type { Unstable_ExternalCodeSample } from '../../services';
+import type { ExampleSwitchOptions } from '../Samples';
+interface CodeSamplesProps extends ExampleSwitchOptions {
+    operation: OperationModel;
+    lang: string;
+    source?: string;
+    externalSample?: Unstable_ExternalCodeSample;
+    pathParams?: any;
+    properties?: any;
+    onlyDefaultSample?: boolean;
+    onlyDefaultMimeType?: boolean;
+    onCopyClick(): void;
+}
+export declare const CodeSample: import("react").NamedExoticComponent<CodeSamplesProps>;
+export {};

package/lib-esm/components/RequestSamples/CodeSample.js

@@ -0,0 +1,10 @@
+var __rest=this&&this.__rest||function(e,o){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(t=Object.getOwnPropertySymbols(e);l<t.length;l++)o.indexOf(t[l])<0&&Object.prototype.propertyIsEnumerable.call(e,t[l])&&(r[t[l]]=e[t[l]])}return r};import{jsx as _jsx}from"react/jsx-runtime";import{memo,useCallback}from"react";import{CodeBlock}from"@redocly/theme";import styled from"styled-components";import{SelectOrLabel}from"../SelectOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch";import{SelectWrapper}from"../PayloadSamples";import{Example}from"./Example";import{MimeLabel,Select}from"../common";function CodeSampleComponent(e){var o,{onCopyClick:r}=e,t=__rest(e,["onCopyClick"]);const l=null===(o=t.operation.requestBody)||void 0===o?void 0:o.content,a=useCallback((e=>{var o,r;return(null!==(r=null===(o=null==l?void 0:l.mediaTypes)||void 0===o?void 0:o.length)&&void 0!==r?r:0)>1?_jsx(SelectWrapper,{children:_jsx(SelectOrLabel,Object.assign({Label:MimeLabel,Select:Select,variant:"dark",fullWidth:!0},e))}):null}),[l]),n=useCallback((e=>t.source?_jsx(StyledCodeBlock,{lang:t.lang,source:t.source,header:{className:"code-block-header",controls:{copy:{onClick:r}}}}):_jsx(StyledCodeBlock,{lang:t.lang,externalSource:{sample:t.externalSample,exampleName:e,operation:t.operation,pathParams:t.pathParams,properties:t.properties},header:{className:"code-block-header",controls:{copy:{onClick:r}}}})),[r,t.externalSample,t.lang,t.operation,t.pathParams,t.properties,t.source]);return void 0===l||null!=t.source?n():_jsx(MediaTypesSwitch,{content:l,renderSelect:a,children:e=>_jsx(Example,{mediaType:e,mediaContent:l,renderSample:n})})}export const CodeSample=memo(CodeSampleComponent);const StyledCodeBlock=styled(CodeBlock)`
+  border: none;
+  margin: 0;
+
+  .code-block-header {
+    border-bottom: 0;
+    padding-right: var(--spacing-sm);
+  }
+`;
+//# sourceMappingURL=CodeSample.js.map

package/lib-esm/components/RequestSamples/Example.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from 'react';
+import type { MediaContentModel, MediaTypeModel } from '../../models';
+interface ExampleProps {
+    mediaType: MediaTypeModel;
+    mediaContent: MediaContentModel;
+    renderSample: (exampleName?: string) => ReactElement;
+}
+export declare const Example: import("react").NamedExoticComponent<ExampleProps>;
+export {};

package/lib-esm/components/RequestSamples/Example.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import{useAtom}from"jotai";import{ExampleSwitch,useExampleKey}from"../Samples";import{useActivateExample,useTelemetry}from"../../hooks";import{operationStore}from"../../jotai/operation";function ExampleComponent({mediaType:e,mediaContent:t,renderSample:m}){const a=useTelemetry(),o=e.operation.pointer,[p,r]=useAtom(operationStore(o)),s=e.examples||{},n=Object.keys(s),i=useActivateExample(t),{exampleKey:l}=useExampleKey(e.operation,s);if(!n.length||1===n.length)return m();return _jsxs(_Fragment,{children:[_jsx(ExampleSwitch,{examples:s,exampleKey:l,onChange:e=>{a.send({type:"openapi_docs.examples_switcher.clicked",payload:{example:e,number_of_examples:n.length}}),r(Object.assign(Object.assign({},p),{activeExampleName:e,activeOneOf:{[o]:n.indexOf(e)},requestValues:{body:null}})),i(e)}}),m(l)]})}export const Example=memo(ExampleComponent);
+//# sourceMappingURL=Example.js.map

package/lib-esm/components/RequestSamples/RequestSamples.d.ts

@@ -0,0 +1,10 @@
+import type { OperationModel } from '../../models';
+import type { PanelType } from '../../events/types';
+interface RequestSamplesProps {
+    operation: OperationModel;
+    defaultLanguage?: string;
+    disableFooter?: boolean;
+    onPanelToggle?: (isExpanded: boolean, panelType?: PanelType) => void;
+}
+export declare const RequestSamples: import("react").NamedExoticComponent<RequestSamplesProps>;
+export {};

package/lib-esm/components/RequestSamples/RequestSamples.js

@@ -0,0 +1,13 @@
+var __rest=this&&this.__rest||function(e,a){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&a.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(t=Object.getOwnPropertySymbols(e);l<t.length;l++)a.indexOf(t[l])<0&&Object.prototype.propertyIsEnumerable.call(e,t[l])&&(o[t[l]]=e[t[l]])}return o};import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback,useMemo}from"react";import{useAtomValue,useAtom}from"jotai";import{PanelHeader}from"@redocly/theme";import styled from"styled-components";import{PayloadSamples}from"../PayloadSamples";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{isPayloadSample}from"../../models";import{createCodeSampleCopyEvent,createLanguageSwitchEvent}from"../../events";import{globalStoreAtom}from"../../jotai/store";import{ServerListDropdown}from"../ServerListDropdown";import{LanguageDropdown}from"../Language";import{activeMimeNameAtom,languageAtom}from"../../jotai/app";import{Replay}from"../Replay";import{CodeBlockPanel}from"../common";import{useActiveWithFallback,useTelemetry}from"../../hooks";import{operationStore}from"../../jotai/operation";function RequestSamplesComponent(e){var{operation:a,disableFooter:o,onPanelToggle:t}=e,l=__rest(e,["operation","disableFooter","onPanelToggle"]);const r=useTelemetry(),[{activeLanguage:n,languages:s},p]=useAtom(languageAtom),{samples:i}=useCodeSamples(a),{parser:m,options:{events:d,corsProxyUrl:c,hideReplay:u}}=useAtomValue(globalStoreAtom),g=!(o||a.isWebhook||u||a.hideReplay),y=!!(null==s?void 0:s.length),f=useActiveWithFallback(i,n),v=e=>{p(e),r.send({type:"openapi_docs.select_language.clicked",payload:{language:e}});const o=null==s?void 0:s.find((a=>a.key===e));if((null==d?void 0:d.codeSamplesLanguageSwitch)&&o){const e=createLanguageSwitchEvent({operation:a,sample:{lang:o.lang,label:o.title}});d.codeSamplesLanguageSwitch(e)}},S=useAtomValue(activeMimeNameAtom),{activeExampleName:x}=useAtomValue(operationStore(a.pointer)),b=useCallback((({lang:e,title:o})=>()=>{var t;const l=createCodeSampleCopyEvent({operation:a,label:o,lang:e,type:"request",activeMimeName:S,activeExampleName:x});r.send({type:"openapi_docs.copy_code_snippet.clicked",payload:{snippet_type:"request",language:e}}),null===(t=null==d?void 0:d.codeSamplesCopy)||void 0===t||t.call(d,l)}),[a,r,d,S,x]),h=useCallback((e=>{null==t||t(e,"request-samples")}),[t]),j=()=>_jsxs(StyledPanelHeader,{isExpandable:!1,withReplay:!y&&g,children:[_jsx(StyledServerListDropdown,{operation:a}),y&&_jsx(LanguageDropdown,{activeTab:f,samples:i,onChange:v}),!y&&g&&_jsx(Replay,{operation:a,corsProxyUrl:c,fullOpenApi:m.definition})]}),C=useMemo((()=>{if(g&&y)return _jsx(ReplayWrapper,{children:_jsx(Replay,{operation:a,corsProxyUrl:c,fullOpenApi:m.definition})})}),[g,y,a,c,m.definition]),_=useMemo((()=>i.map((e=>e.key===f?_jsx("div",{children:isPayloadSample(e)?_jsx(PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:b(e),onPanelToggle:h},l)):_jsx(CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,operation:a,onCopyClick:b(e)},l))},e.key+a.id):null))),[f,b,h,a,l,i]);return s&&!i.length?_jsx(CodeBlockPanel,{className:"panel-request-samples",header:j,isExpandable:!1,expanded:!1}):i.length?_jsx(CodeBlockPanel,{className:"panel-request-samples",header:j,footer:C,isExpandable:!1,children:_}):null}export const RequestSamples=memo(RequestSamplesComponent);const StyledPanelHeader=styled(PanelHeader)`
+  flex-wrap: nowrap;
+  ${({withReplay:e})=>e&&"padding: var(--spacing-xs) var(--spacing-sm);"}
+`,StyledServerListDropdown=styled(ServerListDropdown)`
+  padding-right: var(--spacing-base);
+  min-width: 0;
+`,ReplayWrapper=styled.div`
+  display: flex;
+  justify-content: flex-end;
+  border-top: var(--panel-border);
+  padding: var(--spacing-base) var(--spacing-md) var(--spacing-md);
+`;
+//# sourceMappingURL=RequestSamples.js.map

package/lib-esm/components/RequestSamples/index.d.ts

@@ -0,0 +1,2 @@
+export { CodeSample } from './CodeSample';
+export { RequestSamples } from './RequestSamples';

package/lib-esm/components/RequestSamples/index.js

@@ -0,0 +1,2 @@
+export{CodeSample}from"./CodeSample";export{RequestSamples}from"./RequestSamples";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/RequestSamples/useCodeSamples.d.ts

@@ -0,0 +1,10 @@
+import type { Unstable_ExternalCodeSample } from '../../services';
+import type { OperationModel } from '../../models';
+import type { OpenAPIXCodeSample } from '../../types';
+export declare function useCodeSamples({ payload, isWebhook, definitionSamples, pointer, envVariables, }: OperationModel): {
+    samples: Array<{
+        key: string;
+        title: string;
+        order: number;
+    } & (Unstable_ExternalCodeSample | OpenAPIXCodeSample)>;
+};

package/lib-esm/components/RequestSamples/useCodeSamples.js

@@ -0,0 +1,2 @@
+import{useAtomValue}from"jotai";import{getCodeSample}from"../../services";import{globalStoreAtom}from"../../jotai/store";import{operationStore}from"../../jotai/operation";import{environmentAtom,getLangKey,languageAtom,activeMimeNameAtom}from"../../jotai/app";import{useTranslate}from"../../hooks";export function useCodeSamples({payload:e,isWebhook:a,definitionSamples:t,pointer:o,envVariables:n}){var l,s;const{parser:r,options:{codeSamples:i,generatedSamplesMaxDepth:g}}=useAtomValue(globalStoreAtom),m=useAtomValue(activeMimeNameAtom),p=useAtomValue(operationStore(o)),{languages:u}=useAtomValue(languageAtom),[c]=useAtomValue(environmentAtom),d=useTranslate(),v=new Map(null==u?void 0:u.map((({key:e,order:a})=>[e,a]))),b=applyEnvironments(t.filter((e=>v.has(getLangKey(e)))),n,c),f=new Set(b.map(getLangKey));let j=[];if(!a){j=createCodeSamples((null===(l=i.languages)||void 0===l?void 0:l.filter((({lang:e,label:a})=>"Payload"!==e&&!f.has(getLangKey({lang:e,label:a})))))||[],i,r.definition,g,p,c,d,m)}const y=[...b,...j],A=null===(s=null==u?void 0:u.find((({lang:a})=>a===(null==e?void 0:e.lang))))||void 0===s?void 0:s.title,O=e&&getLangKey({label:A,lang:e.lang});e&&O&&v.has(O)&&y.push(Object.assign(Object.assign({},e),{label:A,order:v.get(O)}));const h=y.map((e=>{var a;const t=null!==(a=e.label)&&void 0!==a?a:e.lang;return Object.assign({key:getLangKey(e),title:t,order:"number"==typeof v.get(t.toLowerCase())?v.get(t.toLowerCase()):9999},e)})).sort(((e,a)=>e.order-a.order));return{samples:h}}function createCodeSamples(e,{skipOptionalParameters:a,withOAuth2Call:t},o,n,l,s,r,i){return e.map((({lang:e,label:g,options:m})=>({lang:e,label:g,get:g=>getCodeSample(Object.assign(Object.assign({},g),{lang:e,options:Object.assign(Object.assign({},m),{skipOptionalParameters:a,withOAuth2Call:t,spec:o,generatedPayloadSamplesMaxDepth:n,store:l,activeMimeName:i}),environment:s,translate:r}))})))}function applyEnvironments(e,a,t){var o;if(!a||!e.length)return e;const n=null==t?void 0:t.server;let l=Object.assign({},a.values||{});return n&&(null===(o=a.serverValues)||void 0===o?void 0:o[n])&&(l=Object.assign(Object.assign({},l),a.serverValues[n])),0===Object.keys(l).length?e:e.map((e=>{const a=Object.assign({},e);return"source"in a&&"string"==typeof a.source&&(a.source=a.source.replace(/\{\{([^}]+)\}\}/g,((e,a)=>void 0!==l[a]?l[a]:e))),a}))}
+//# sourceMappingURL=useCodeSamples.js.map

package/lib-esm/components/ResponseSamples/ResponseSamples.d.ts

@@ -0,0 +1,12 @@
+import type { ReactElement } from 'react';
+import type { OperationModel } from '../../models';
+import type { PanelType } from '../../events/types';
+export interface ResponseSamplesProps {
+    operation: OperationModel;
+    activeResponseTab?: string;
+    onTabChange: (tab: string) => void;
+    onPanelToggle?: (isExpanded: boolean, panelType?: PanelType) => void;
+}
+declare function ResponseSamplesComponent({ operation, activeResponseTab, onTabChange, onPanelToggle, }: ResponseSamplesProps): ReactElement | null;
+export declare const ResponseSamples: import("react").MemoExoticComponent<typeof ResponseSamplesComponent>;
+export {};

package/lib-esm/components/ResponseSamples/ResponseSamples.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{memo,useCallback}from"react";import{useAtomValue}from"jotai";import{PayloadSamples,StyledCodeBlock}from"../PayloadSamples";import{createCodeSampleCopyEvent}from"../../events";import{globalOptionsAtom}from"../../jotai/store";import{Summary}from"./Summary";import{Tabs}from"../Tabs";import{CodeBlockPanel}from"../common";import{useTelemetry,useTranslate}from"../../hooks";import{activeMimeNameAtom}from"../../jotai/app";import{operationStore}from"../../jotai/operation";function ResponseSamplesComponent({operation:e,activeResponseTab:o,onTabChange:a,onPanelToggle:t}){const n=useTelemetry(),{events:s}=useAtomValue(globalOptionsAtom),l=useTranslate(),m=e.responses.filter((e=>{var o,a;return null!==(a=null===(o=e.content)||void 0===o?void 0:o.hasSample)&&void 0!==a&&a})),p=e.responses.map((({code:e})=>({key:e,title:e}))),r=(null==p?void 0:p.find((({key:e})=>e===o)))||(null==p?void 0:p[0]),i=useAtomValue(activeMimeNameAtom),{activeExampleName:c}=useAtomValue(operationStore(e.pointer)),d=useCallback((()=>{var o;n.send({type:"openapi_docs.copy_code_snippet.clicked",payload:{snippet_type:"response"}});const a=createCodeSampleCopyEvent({operation:e,type:"response",activeMimeName:i,activeExampleName:c});null===(o=null==s?void 0:s.codeSamplesCopy)||void 0===o||o.call(s,a)}),[n,e,s,i,c]),u=useCallback((e=>{null==t||t(e,"response-samples")}),[t]);if(!m.length)return null;return _jsx(CodeBlockPanel,{className:"panel-response-samples",header:()=>_jsx(Summary,{tabs:_jsx(Tabs,{tabs:p,activeTab:r,onChange:e=>a(e.key)})}),isExpandable:!1,children:e.responses.map((e=>{var o;return e.code===r.key?_jsx("div",{children:(null===(o=null==e?void 0:e.content)||void 0===o?void 0:o.hasSample)?_jsx(PayloadSamples,{content:e.content,onCopyClick:d,onPanelToggle:u}):_jsx(StyledCodeBlock,{source:l("openapi.noResponseContent","No content")})},e.code):null}))})}export const ResponseSamples=memo(ResponseSamplesComponent);
+//# sourceMappingURL=ResponseSamples.js.map

package/lib-esm/components/ResponseSamples/Summary.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode, ReactElement } from 'react';
+export interface SummaryProps {
+    tabs?: ReactNode;
+}
+export declare const Summary: ({ tabs }: SummaryProps) => ReactElement;

package/lib-esm/components/ResponseSamples/Summary.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{PanelHeader,PanelHeaderTitle}from"@redocly/theme";import{useTranslate}from"../../hooks";export const Summary=({tabs:e})=>{const s=useTranslate();return _jsxs(PanelHeader,{isExpandable:!1,children:[_jsx(PanelHeaderTitle,{"data-testid":"title",children:s("openapi.response","Response")}),e]})};
+//# sourceMappingURL=Summary.js.map

package/lib-esm/components/ResponseSamples/index.d.ts

@@ -0,0 +1 @@
+export { ResponseSamples } from './ResponseSamples';

package/lib-esm/components/ResponseSamples/index.js

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

package/lib-esm/components/Responses/OperationResponseList.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+import type { ResponseModel } from '../../models';
+import type { TabType } from '../../models/tab';
+import type { PanelType } from '../../events/types';
+interface IOperationResponseList {
+    responses: ResponseModel[];
+    operationId: string;
+    operationPointer: string;
+    callbackId: string;
+    renderTitle?: (tab: TabType) => ReactNode;
+    activeResponseTab?: string;
+    onTabChange?: (key: string) => void;
+    onPanelToggle?: (isExpanded: boolean, panelType?: PanelType) => void;
+}
+export declare const OperationResponseList: import("react").NamedExoticComponent<IOperationResponseList>;
+export {};

package/lib-esm/components/Responses/OperationResponseList.js

@@ -0,0 +1,5 @@
+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 styled from"styled-components";import{useAtomValue}from"jotai";import{Tabs,useTabsState}from"../Tabs";import{ResponseDetails}from"./ResponseDetails";import{makeDeepLink}from"../../services";import{Row,StyledTitle}from"./styled";import{LinkToField}from"../common/LinkToField";import{pathIncludesLink}from"../../utils";import{ExpandAllButton}from"../ExpandAllButton";import{useTranslate}from"../../hooks";import{getActiveMediaType}from"../../models";import{activeMimeNameAtom}from"../../jotai/app";export const OperationResponseList=memo((({responses:e,renderTitle:o,operationId:t,operationPointer:s,activeResponseTab:n,onTabChange:i,callbackId:a,onPanelToggle:r})=>{const l=useLocation(),m=useTranslate(),p=useAtomValue(activeMimeNameAtom),d=e.map((({code:e})=>({key:e,title:e}))),c=d.find((({key:e})=>e===n||pathIncludesLink(l,t)&&pathIncludesLink(l,`c=${e}`))),{activeTab:u,handleTabChange:T}=useTabsState({tabs:d,defaultTab:null==c?void 0:c.key,onChange:i}),f=d.find((e=>e.key===(n||u))),v=e.find((e=>e.code===(null==f?void 0:f.key))),k=useMemo((()=>{var e;if(!(null==v?void 0:v.content))return!1;const{schema:o}=getActiveMediaType(null==v?void 0:v.content,p)||{};return null===(e=null==o?void 0:o.fields)||void 0===e?void 0:e.some((({schema:e})=>!e.isPrimitive&&!e.isCircular))}),[p,null==v?void 0:v.content]);return f?_jsxs(_Fragment,{children:[_jsxs(TitleWrap,{children:[(null==o?void 0:o(f))||_jsxs(StyledTitle,{children:[_jsx(LinkToField,{to:makeDeepLink(t,`response&c=${f.key}`)}),m("openapi.responses","Responses")]}),_jsx(Tabs,{tabs:d,activeTab:f,onChange:T}),k&&_jsx(ExpandAllButton,{type:"response",operationPointer:s,onPanelToggle:r})]}),v?_jsx("div",{children:_jsx(ResponseDetails,{response:v,operationId:t,callbackId:a})},v.code):null]}):null}));const TitleWrap=styled(Row)`
+  flex-wrap: wrap;
+  gap: var(--spacing-unit);
+`;
+//# sourceMappingURL=OperationResponseList.js.map

package/lib-esm/components/Responses/ResponseDetails.d.ts

@@ -0,0 +1,2 @@
+import type { ResponseProps } from './types';
+export declare const ResponseDetails: import("react").NamedExoticComponent<ResponseProps>;

package/lib-esm/components/Responses/ResponseDetails.js

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

package/lib-esm/components/Responses/ResponseHeaders.d.ts

@@ -0,0 +1,2 @@
+import type { ResponseHeadersProps } from './types';
+export declare const ResponseHeaders: import("react").NamedExoticComponent<ResponseHeadersProps>;

package/lib-esm/components/Responses/ResponseHeaders.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import{HeadersCaption,StyledHeadersProperties}from"./styled";import{PropertyDetails}from"../PropertyDetails";import{LinkToField}from"../common/LinkToField";import{useTranslate}from"../../hooks";function ResponseHeadersComponent({headers:e,deepLink:s}){const r=useTranslate();return void 0===e||0===e.length?null:_jsxs(StyledHeadersProperties,{children:[_jsxs(HeadersCaption,{children:[s&&_jsx(LinkToField,{to:s}),r("openapi.header","Headers")]}),e.map(((e,r)=>_jsx(PropertyDetails,{isFirst:0===r,field:e,disableDeepLinks:!s},e.name)))]})}export const ResponseHeaders=memo(ResponseHeadersComponent);
+//# sourceMappingURL=ResponseHeaders.js.map

package/lib-esm/components/Responses/index.d.ts

@@ -0,0 +1,3 @@
+export { ResponseDetails } from './ResponseDetails';
+export { ResponseHeaders } from './/ResponseHeaders';
+export { OperationResponseList } from './OperationResponseList';

package/lib-esm/components/Responses/index.js

@@ -0,0 +1,2 @@
+export{ResponseDetails}from"./ResponseDetails";export{ResponseHeaders}from".//ResponseHeaders";export{OperationResponseList}from"./OperationResponseList";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/Responses/styled.d.ts

@@ -0,0 +1,5 @@
+export declare const HeadersCaption: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHeadersProperties: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Row: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTitle: import("styled-components").StyledComponent<"h4", any, {}, never>;
+export declare const StyledDescription: import("styled-components").StyledComponent<({ source, ast, htmlWrap, ...props }: import("../Markdown").MarkdownProps) => import("react").ReactElement | null, any, {}, never>;

package/lib-esm/components/Responses/styled.js

@@ -0,0 +1,23 @@
+import styled from"styled-components";import{Title}from"../common/OperationItemTitle";import{Markdown}from"../Markdown";export const HeadersCaption=styled.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  font-size: 18px;
+  line-height: var(--line-height-lg);
+  font-weight: var(--font-weight-semibold);
+  color: var(--text-color-primary);
+  padding: var(--spacing-xxs) 0;
+`;export const StyledHeadersProperties=styled.div`
+  margin-top: var(--spacing-md);
+`;export const Row=styled.div`
+  display: flex;
+  align-items: center;
+  margin-top: var(--spacing-base);
+`;export const StyledTitle=styled(Title)`
+  margin: 0 var(--spacing-sm) 0 0;
+  position: relative;
+`;export const StyledDescription=styled(Markdown)`
+  margin-top: var(--spacing-xs);
+`;
+//# sourceMappingURL=styled.js.map

package/lib-esm/components/Responses/types.d.ts

@@ -0,0 +1,13 @@
+import type { ResponseModel, FieldModel } from '../../models';
+export interface ResponseProps {
+    response: ResponseModel;
+    shouldBeExpandedByDefault?: boolean;
+    onToggle?: (code: string) => void;
+    operationId: string;
+    callbackId?: string;
+    disableDeepLinks?: boolean;
+}
+export interface ResponseHeadersProps {
+    headers?: FieldModel[];
+    deepLink?: string;
+}

package/lib-esm/components/Responses/types.js

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

package/lib-esm/components/RightPanel/RightPanel.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { GroupModel } from '../../models';
+export declare const RightPanel: ({ item: { infoDefinition: info }, }: {
+    item: GroupModel;
+}) => ReactElement | null;

package/lib-esm/components/RightPanel/RightPanel.js

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

package/lib-esm/components/RightPanel/index.d.ts

@@ -0,0 +1 @@
+export { RightPanel } from './RightPanel';

package/lib-esm/components/RightPanel/index.js

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

package/lib-esm/components/Samples/ExampleSwitch.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from 'react';
+import type { ExampleModel } from '../../models';
+export interface ExampleModelsMap {
+    [key: string]: ExampleModel;
+}
+export interface ExampleSwitchOptions {
+    exampleKey?: string;
+}
+export interface ExampleSwitchProps extends ExampleSwitchOptions {
+    examples: ExampleModelsMap;
+    onChange: (key: string) => void;
+    className?: string;
+}
+export declare const ExampleSwitch: ({ exampleKey, examples, onChange, className, }: ExampleSwitchProps) => ReactElement | null;

package/lib-esm/components/Samples/ExampleSwitch.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useState,useEffect}from"react";import{MimeLabel,Container,Select}from"../common";import{SelectOrLabel}from"../SelectOrLabel";import{normalizeText}from"../../utils";import{useTelemetry}from"../../hooks";export const ExampleSwitch=({exampleKey:e,examples:t,onChange:a,className:l})=>{var m;const o=useTelemetry(),r=Object.keys(t),s=e?r.indexOf(e):0,[i,n]=useState(s>-1?s:0);useEffect((()=>n(s>-1?s:0)),[e,s]);const c=r.map(((e,a)=>({value:normalizeText(t[e].summary)||e,idx:a})));return c.length<2?null:_jsx(Container,{"data-testid":"example-switch",className:l,children:_jsx(SelectOrLabel,{Select:Select,Label:MimeLabel,variant:"dark",fullWidth:!0,options:c,value:null===(m=c[i])||void 0===m?void 0:m.value,onChange:({idx:e})=>{o.send({type:"openapi_docs.examples_switcher.clicked",payload:{example:r[e],number_of_examples:r.length}}),n(e),a(r[e])}})})};
+//# sourceMappingURL=ExampleSwitch.js.map

package/lib-esm/components/Samples/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ExampleSwitch';
+export * from './use-example-key';

package/lib-esm/components/Samples/index.js

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

package/lib-esm/components/Samples/use-example-key.d.ts

@@ -0,0 +1,6 @@
+import type { OperationModel } from '../../models';
+interface ExampleName {
+    exampleKey: string;
+}
+export declare function useExampleKey({ pointer }: OperationModel | undefined, examples: Record<string, unknown>): ExampleName;
+export {};

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

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

package/lib-esm/components/Schema/ArraySchema.d.ts

@@ -0,0 +1,2 @@
+import type { SchemaProps } from './types';
+export declare const ArraySchema: import("react").NamedExoticComponent<SchemaProps>;

package/lib-esm/components/Schema/ArraySchema.js

@@ -0,0 +1,2 @@
+var __rest=this&&this.__rest||function(e,r){var a={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&r.indexOf(l)<0&&(a[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(l=Object.getOwnPropertySymbols(e);t<l.length;t++)r.indexOf(l[t])<0&&Object.prototype.propertyIsEnumerable.call(e,l[t])&&(a[l[t]]=e[l[t]])}return a};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";import{Schema}from"./Schema";import{ObjectSchema}from"./ObjectSchema";import{humanizeConstraints}from"../../utils";import{SubSchema}from"./SubSchema";import{globalOptionsAtom}from"../../jotai/store";import{getExpandByDefault}from"./helpers";import{ArrayLabel,LabelValue,ArrayClosingLabel}from"../common/styled";function ArraySchemaComponent(e){var r,a,{schema:l,schema:{minItems:t,maxItems:n,items:s},fieldParentsName:o}=e,i=__rest(e,["schema","schema","fieldParentsName"]);const{schemasExpansionLevel:m}=useAtomValue(globalOptionsAtom),c=Array.isArray(i.parentType)?i.parentType:[i.parentType],p=c.includes("array")&&1===c.length,d=p?(i.level||0)+1:i.level,y=void 0===t&&void 0===n?"":`(${humanizeConstraints(l)})`;let h=o?[...o.slice(0,-1),o[o.length-1]+"[]"]:o;const u=useCallback((e=>i.skipReadOnly||i.skipWriteOnly?null==e?void 0:e.filter((e=>!(i.skipReadOnly&&e.schema.readOnly||i.skipWriteOnly&&e.schema.writeOnly))):e),[i.skipReadOnly,i.skipWriteOnly]);if(null==l?void 0:l.fields)return _jsx(ObjectSchema,Object.assign({},i,{shouldCloseArray:p,level:d,schema:l,fieldParentsName:h}));if(l.displayType&&!s&&!y.length)return _jsx("div",{children:_jsx(TypeName,{children:l.displayType})});const f=u(null==s?void 0:s.fields),b=u(null===(a=null===(r=null==s?void 0:s.oneOf)||void 0===r?void 0:r[0])||void 0===a?void 0:a.fields),v=(null==f?void 0:f.length)||(null==b?void 0:b.length),j=1===i.level,x=getExpandByDefault({level:i.level,required:i.required,schemasExpansionLevel:m});return _jsx(SubSchema,Object.assign({},i,{propertyLength:v,isNestedArray:p,level:d,isArray:!0,expandable:!j,expandByDefault:x,operationPointer:l.operationPointer,children:_jsxs(_Fragment,{children:[j&&_jsx(ArrayLabel,{children:_jsx(LabelValue,{children:"Array ["})}),_jsx(Schema,Object.assign({},i,{parentType:j?void 0:l.type,level:d,schema:s,shouldCloseArray:p,fieldParentsName:h,expandable:!1})),j&&_jsx(ArrayClosingLabel,{className:"array-closing-label",children:_jsx(LabelValue,{children:"]"})})]})}))}export const ArraySchema=memo(ArraySchemaComponent);
+//# sourceMappingURL=ArraySchema.js.map

package/lib-esm/components/Schema/ObjectSchema.d.ts

@@ -0,0 +1,2 @@
+import type { ObjectSchemaProps } from './types';
+export declare const ObjectSchema: import("react").NamedExoticComponent<ObjectSchemaProps>;

package/lib-esm/components/Schema/ObjectSchema.js

@@ -0,0 +1,2 @@
+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";import{Discriminator}from"../Discriminator";import{globalOptionsAtom}from"../../jotai/store";import{PropertyDetails}from"../PropertyDetails";import{SubSchema}from"./SubSchema";import{getExpandByDefault}from"./helpers";import{useTranslate}from"../../hooks";import{ArrayClosingLabel,LabelValue}from"../common/styled";function ObjectSchemaComponent({schema:e,showTitle:a,discriminator:r,level:i,skipWriteOnly:o,skipReadOnly:t,fieldParentsName:n,expandable:l,deepLink:s,required:m,disableDeepLinks:p,shouldCloseArray:c,oneOfLevel:d,slug:h}){const{fields:u=[],title:f}=e,x=useTranslate(),{schemasExpansionLevel:b}=useAtomValue(globalOptionsAtom),y=t||o?u.filter((e=>!(t&&e.schema.readOnly||o&&e.schema.writeOnly))):u,j=getExpandByDefault({required:m,level:i,schemasExpansionLevel:b});return _jsxs(SubSchema,{expandable:l,expandByDefault:j,level:i,propertyLength:y.length,deepLink:s,operationPointer:e.operationPointer,children:[_jsxs(_Fragment,{children:[a&&_jsx(PropertiesTableCaption,{children:f}),y.map(((e,l)=>_jsx(PropertyDetails,{isFirst:0===l,field:e,fieldParentsName:Number(i)>1?n:[],renderDiscriminatorSwitch:(null==r?void 0:r.fieldName)===e.name&&(null==r?void 0:r.parentSchema)?()=>_jsx(Discriminator,{parent:r.parentSchema,onChange:null==r?void 0:r.onChange,activeOneOfIdx:r.activeOneOfIdx,translate:x}):void 0,skipReadOnly:t,skipWriteOnly:o,showTitle:a,level:i,disableDeepLinks:p,oneOfLevel:d,slug:h},e.name)))]}),c&&_jsx(ArrayClosingLabel,{className:"array-closing-label",children:_jsx(LabelValue,{children:"]"})})]})}export const ObjectSchema=memo(ObjectSchemaComponent);
+//# sourceMappingURL=ObjectSchema.js.map

package/lib-esm/components/Schema/OneOfSchema.d.ts

@@ -0,0 +1,2 @@
+import type { SchemaProps } from './types';
+export declare const OneOfSchema: import("react").NamedExoticComponent<SchemaProps>;

package/lib-esm/components/Schema/OneOfSchema.js

@@ -0,0 +1,11 @@
+var __rest=this&&this.__rest||function(e,o){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&o.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)o.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(t[n[r]]=e[n[r]])}return t};import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{StyledBadge,SelectionTitle}from"../common";import{Markdown}from"../Markdown";import{ConstraintsView}from"../common/ConstraintsView";import{Schema}from"./Schema";import{operationStore}from"../../jotai/operation";import{SchemaSelection}from"../common/SchemaSelection";import{useOneOfLocationIdx}from"./useOneOfLocationIdx";import{useTranslate}from"../../hooks";function OneOfSchemaComponent(e){var o,{schema:{oneOf:t},schema:n,oneOfLevel:r=1}=e,i=__rest(e,["schema","schema","oneOfLevel"]);const s=useTranslate(),a=useAtomValue(operationStore(n.operationPointer)),c=useOneOfLocationIdx(t,r),m=-1===c?0:c,p=t[void 0!==(null===(o=a.activeOneOf)||void 0===o?void 0:o[n.pointer])?a.activeOneOf[n.pointer]:m];if(!p)return null;const l=t.map(((e,o)=>({label:e.title||e.typePrefix+e.displayType,value:o})));return _jsxs(Wrapper,{children:[_jsxs(SelectionTitle,{children:[n.oneOfType,":"]}),_jsx(SchemaSelection,{options:l,pointer:n.operationPointer,schema:n,defaultOneOfIdx:m}),p.deprecated&&_jsx(StyledBadge,{deprecated:!0,children:s("openapi.badges.deprecated","Deprecated")}),p.description&&_jsx(StyledDescription,{source:p.description}),_jsx(ConstraintsView,{constraints:p.constraints}),_jsx(Schema,Object.assign({},i,{schema:p,oneOfLevel:r+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);
+`,Wrapper=styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  width: 100%;
+`;
+//# sourceMappingURL=OneOfSchema.js.map

package/lib-esm/components/Schema/RecursiveSchema.d.ts

@@ -0,0 +1,2 @@
+import type { SchemaProps } from './types';
+export declare const RecursiveSchema: import("react").NamedExoticComponent<SchemaProps>;

package/lib-esm/components/Schema/RecursiveSchema.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import{RecursiveLabel,TypeName,TypeTitle}from"../common";import{useTranslate}from"../../hooks";function RecursiveSchemaComponent({schema:e}){const s=useTranslate();return _jsxs("div",{children:[_jsx(TypeName,{children:e.displayType}),e.title&&_jsxs(TypeTitle,{children:[" ",e.title," "]}),_jsxs(RecursiveLabel,{children:[" ",s("openapi.recursive","Recursive")," "]})]})}export const RecursiveSchema=memo(RecursiveSchemaComponent);
+//# sourceMappingURL=RecursiveSchema.js.map

package/lib-esm/components/Schema/Schema.d.ts

@@ -0,0 +1,2 @@
+import type { SchemaProps } from './types';
+export declare const Schema: import("react").NamedExoticComponent<Partial<SchemaProps>>;

package/lib-esm/components/Schema/Schema.js

@@ -0,0 +1,6 @@
+var __rest=this&&this.__rest||function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)r.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(t[o[i]]=e[o[i]])}return t};import{jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import{useAtomValue}from"jotai";import{useLocation}from"react-router-dom";import styled from"styled-components";import{ArraySchema}from"./ArraySchema";import{ObjectSchema}from"./ObjectSchema";import{OneOfSchema}from"./OneOfSchema";import{RecursiveSchema}from"./RecursiveSchema";import{operationStore}from"../../jotai/operation";import{FieldDetails}from"../PropertyDetails";import{pathIncludesLink}from"../../utils";function SchemaComponent(e){var r,{schema:t,onDiscriminatorChange:o}=e,i=__rest(e,["schema","onDiscriminatorChange"]);const{activeOneOf:n}=useAtomValue(operationStore((null==t?void 0:t.operationPointer)||"")),a=useLocation();if(!t)return null;const{type:s,oneOf:c,discriminatorProp:m,isCircular:l}=t;if(l)return _jsx(RecursiveSchema,{schema:t});if(void 0!==m){if(!c||!c.length)return console.warn(`Looks like you are using discriminator wrong: you don't have any definition inherited from the ${t.title}`),null;const e=c.findIndex(((e,r)=>pathIncludesLink(a,`d=${r}`))),r=-1===e?0:e,s=c[void 0!==n[t.pointer]?n[t.pointer]:r];return(null==s?void 0:s.isCircular)?_jsx(RecursiveSchema,{schema:s}):_jsx(ObjectSchema,Object.assign({},i,{schema:s,discriminator:{fieldName:m,parentSchema:t,activeOneOfIdx:r,onChange:o}}))}if(void 0!==c&&c.length>1)return _jsx(OneOfSchema,Object.assign({},i,{schema:t}));const p=Array.isArray(s)?s:[s];if(p.includes("object")){if(null===(r=t.fields)||void 0===r?void 0:r.length)return _jsx(ObjectSchema,Object.assign({},i,{schema:t}))}else if(p.includes("array"))return _jsx(ArraySchema,Object.assign({},i,{schema:t}));const d={schema:t,name:"",description:t.description,required:!1,deprecated:!1};return _jsx(Wrapper,{children:_jsx(FieldDetails,{field:d,fieldParentsName:i.fieldParentsName})})}export const Schema=memo(SchemaComponent);const Wrapper=styled.div`
+  width: 100%;
+  padding: var(--spacing-xxs) 0;
+  border-bottom: 1px solid var(--border-color-primary);
+`;
+//# sourceMappingURL=Schema.js.map

package/lib-esm/components/Schema/SubSchema.d.ts

@@ -0,0 +1,14 @@
+import type { PropsWithChildren } from 'react';
+interface SubSchemaProps {
+    expandByDefault: boolean;
+    deepLink?: string;
+    level?: number;
+    openByDefault?: boolean;
+    expandable?: boolean;
+    isArray?: boolean | string;
+    isNestedArray?: boolean;
+    propertyLength?: number | string;
+    operationPointer?: string;
+}
+export declare const SubSchema: import("react").NamedExoticComponent<PropsWithChildren<SubSchemaProps>>;
+export {};

package/lib-esm/components/Schema/SubSchema.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import{useLocation}from"react-router-dom";import{useAtomValue}from"jotai/index";import{pathIncludesLink}from"../../utils";import{operationStore}from"../../jotai/operation";import{extractTypeFromDeepLink}from"./helpers";import{ViewNested}from"../ViewNested";import{useTranslate}from"../../hooks";function SubSchemaComponent({expandByDefault:e,deepLink:o,level:r,expandable:t=!1,isNestedArray:a=!1,isArray:i="",propertyLength:n="",children:p,operationPointer:m}){var s;const l=useTranslate(),d=useLocation(),u=pathIncludesLink(d,o),c=extractTypeFromDeepLink(o),x=useAtomValue(operationStore(m||"")),f=`${l("openapi.actions.show","Show")} ${1===Number(n)?"":n} ${i&&"array "}${1!==n?"properties":"property"}`;return _jsx(ViewNested,{expandByDefault:e||u,level:r,isNestedArray:a,expandable:t,expandText:f,children:p,expandedAll:null===(s=x[c])||void 0===s?void 0:s.expandedAll})}export const SubSchema=memo(SubSchemaComponent);
+//# sourceMappingURL=SubSchema.js.map

package/lib-esm/components/Schema/helpers.d.ts

@@ -0,0 +1,5 @@
+import type { SchemaProps } from './types';
+export declare const extractTypeFromDeepLink: (str?: string) => string;
+export declare function getExpandByDefault({ schemasExpansionLevel, level, required, }: Pick<SchemaProps, 'level' | 'required'> & {
+    schemasExpansionLevel?: number;
+}): boolean;

package/lib-esm/components/Schema/helpers.js

@@ -0,0 +1,2 @@
+import{isUndefined}from"@redocly/theme";export const extractTypeFromDeepLink=e=>{if(!e)return"";const n=e.match(/t=(request|response)/);return n?n[1]:""};const DEFAULT_REQUIRE_EXPAND_LEVEL=4;export function getExpandByDefault({schemasExpansionLevel:e,level:n,required:t}){const r=Number(n)-1;return isUndefined(e)?Boolean(t)&&DEFAULT_REQUIRE_EXPAND_LEVEL>=r:e>=r}
+//# sourceMappingURL=helpers.js.map

package/lib-esm/components/Schema/index.d.ts

@@ -0,0 +1,5 @@
+export { Schema } from './Schema';
+export { ObjectSchema } from './ObjectSchema';
+export { OneOfSchema } from './OneOfSchema';
+export { ArraySchema } from './ArraySchema';
+export type { SchemaOptions } from './types';

package/lib-esm/components/Schema/index.js

@@ -0,0 +1,2 @@
+export{Schema}from"./Schema";export{ObjectSchema}from"./ObjectSchema";export{OneOfSchema}from"./OneOfSchema";export{ArraySchema}from"./ArraySchema";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/Schema/types.d.ts

@@ -0,0 +1,38 @@
+import type { ExampleModel, OperationModel, SchemaModel } from '../../models';
+export interface SchemaOptions {
+    showTitle?: boolean;
+    skipReadOnly?: boolean;
+    skipWriteOnly?: boolean;
+    level?: number;
+    examples?: {
+        [name: string]: ExampleModel;
+    };
+    operation?: OperationModel;
+}
+export interface SchemaProps extends SchemaOptions {
+    schema: SchemaModel;
+    parentType?: string[] | string;
+    onDiscriminatorChange?: (idx: number) => void;
+    fieldParentsName?: string[];
+    expandable?: boolean;
+    deepLink?: string;
+    slug?: string;
+    required?: boolean;
+    disableDeepLinks?: boolean;
+    oneOfLevel?: number;
+    shouldCloseArray?: boolean;
+}
+export interface ObjectSchemaProps extends Omit<SchemaProps, 'onDiscriminatorChange'> {
+    discriminator?: {
+        fieldName: string;
+        parentSchema: SchemaModel;
+        activeOneOfIdx: number;
+        onChange?: (idx: number) => void;
+    };
+    fieldParentsName?: string[];
+    expandable?: boolean;
+    required?: boolean;
+    slug?: string;
+    oneOfLevel?: number;
+    shouldCloseArray?: boolean;
+}

package/lib-esm/components/Schema/types.js

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