@redocly/openapi-docs 3.0.0 → 3.0.1

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";const PARAM_PLACES=["path","query","cookie","header"],PARAM_NAMES_MAP={[PARAM_PLACES[0]]:"Path",[PARAM_PLACES[1]]:"Query",[PARAM_PLACES[2]]:"Cookies",[PARAM_PLACES[3]]:"Headers"};export function RequestParameters({body:e,parameters:r=[],operationId:t,callbackId:n}){if(!e&&!r.length)return null;const s=(e=>{const r={};return e.forEach((e=>{safePush(r,e.in,e)})),r})(r),a=r.length>0?PARAM_PLACES:[],{content:o,description:i,required:A}=e||{};return _jsxs(_Fragment,{children:[a.map((e=>_jsx(ParametersGroup,{title:PARAM_NAMES_MAP[e],parameters:s[e],deepLink:generateDeepLink(t,n,e)},e))),o&&_jsx(Body,{content:o,description:i,required:A,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

@@ -1,9 +1,8 @@
-import React from 'react';
-import type { MediaContentModel, OperationModel } from '../../models';
+/// <reference types="react" />
+import type { OperationModel } from '../../models';
 import type { Unstable_ExternalCodeSample } from '../../services';
 import type { ExampleSwitchOptions } from '../Samples';
 interface CodeSamplesProps extends ExampleSwitchOptions {
-    content?: MediaContentModel;
     operation: OperationModel;
     lang: string;
     source?: string;
@@ -14,5 +13,5 @@ interface CodeSamplesProps extends ExampleSwitchOptions {
     onlyDefaultMimeType?: boolean;
     onCopyClick(): void;
 }
-export declare const CodeSample: React.NamedExoticComponent<CodeSamplesProps>;
+export declare const CodeSample: import("react").NamedExoticComponent<CodeSamplesProps>;
 export {};

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

@@ -1,2 +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 a=0;for(t=Object.getOwnPropertySymbols(e);a<t.length;a++)o.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(e,t[a])&&(r[t[a]]=e[t[a]])}return r};import React,{memo,useCallback}from"react";import{CodeBlock}from"@redocly/theme";import{DropdownOrLabel}from"../DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch";import{DropdownWrapper}from"../PayloadSamples";import{Example}from"./Example";import{MimeLabel}from"../shared";import{Dropdown}from"../common/Dropdown";function CodeSampleComponent(e){var{onlyDefaultSample:o,onlyDefaultMimeType:r,content:t,onCopyClick:a}=e,l=__rest(e,["onlyDefaultSample","onlyDefaultMimeType","content","onCopyClick"]);const n=useCallback((e=>{var o,a,l;const n=r&&(null===(o=e.operation)||void 0===o?void 0:o.defaultMimeType);return(null!==(l=null===(a=null==t?void 0:t.mediaTypes)||void 0===a?void 0:a.length)&&void 0!==l?l:0)>1&&!n?React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,Object.assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e))):null}),[t,r]),p=e=>l.source?React.createElement(CodeBlock,{lang:l.lang,source:l.source,header:{controls:{copy:{onClick:a}}}}):React.createElement(CodeBlock,{lang:l.lang,externalSource:{sample:l.externalSample,exampleName:e,operation:l.operation,pathParams:l.pathParams,properties:l.properties},header:{controls:{copy:{onClick:a}}}});return void 0===t||null!=l.source?p():React.createElement(MediaTypesSwitch,{content:t,renderDropdown:n},(e=>React.createElement(Example,{mediaType:e,mediaContent:t,renderSample:p,onlyDefaultSample:o})))}export const CodeSample=memo(CodeSampleComponent);
+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=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}}}});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

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

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

@@ -1,2 +1,2 @@
-import React,{memo}from"react";import{ExampleSwitch,useExampleKey}from"../Samples";import{useActivateExample}from"../../hooks";function ExampleComponent({mediaType:e,mediaContent:t,renderSample:m,onlyDefaultSample:a}){const l=e.examples||{},p=Object.keys(l),n=useActivateExample(t),{exampleKey:o,defaultExampleName:r}=useExampleKey(e.operation,l);if(!p.length||1===p.length)return m();if(r&&a)return m(o);return React.createElement(React.Fragment,null,React.createElement(ExampleSwitch,{examples:l,exampleKey:o,onChange:e=>n(e)}),m(o))}export const Example=memo(ExampleComponent);
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import{ExampleSwitch,useExampleKey}from"../Samples";import{useActivateExample}from"../../hooks";function ExampleComponent({mediaType:e,mediaContent:m,renderSample:t}){const a=e.examples||{},o=Object.keys(a),p=useActivateExample(m),{exampleKey:s}=useExampleKey(e.operation,a);if(!o.length||1===o.length)return t();return _jsxs(_Fragment,{children:[_jsx(ExampleSwitch,{examples:a,exampleKey:s,onChange:e=>p(e)}),t(s)]})}export const Example=memo(ExampleComponent);
 //# sourceMappingURL=Example.js.map

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

@@ -1,14 +1,9 @@
-import React from 'react';
-import type { MediaContentModel, OperationModel } from '../../models';
+/// <reference types="react" />
+import type { OperationModel } from '../../models';
 interface RequestSamplesProps {
     operation: OperationModel;
     defaultLanguage?: string;
-    pathParams?: any;
-    properties?: any;
-    disableHeader?: boolean;
-    onlyDefaultSample?: boolean;
-    onlyDefaultMimeType?: boolean;
-    content?: MediaContentModel;
+    disableFooter?: boolean;
 }
-export declare const RequestSamples: React.NamedExoticComponent<RequestSamplesProps>;
+export declare const RequestSamples: import("react").NamedExoticComponent<RequestSamplesProps>;
 export {};

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

@@ -1,2 +1,7 @@
-var __rest=this&&this.__rest||function(e,a){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&a.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)a.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(t[o[l]]=e[o[l]])}return t};import React,{memo,useCallback}from"react";import{TabPanel}from"react-tabs";import{useRecoilValue}from"@redocly/recoil";import{PayloadSamples}from"../PayloadSamples";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{l}from"../../services";import{isPayloadSample}from"../../models";import{createCodeSampleCopyEvent,createLanguageSwitchEvent,createPanelToggleEvent}from"../../events";import{SamplesTabs}from"../Samples";import{CodePanel}from"../Panel";import{globalOptionsSelector}from"../../recoil/store";function RequestSamplesComponent(e){var{operation:a,defaultLanguage:t,disableHeader:o,content:n}=e,r=__rest(e,["operation","defaultLanguage","disableHeader","content"]);const{events:s,hideSingleRequestSampleTab:p}=useRecoilValue(globalOptionsSelector),{samples:m,payload:c}=useCodeSamples(a),i=1===m.length&&p,d=useCallback((({lang:e,title:t})=>()=>{var o;const l=createCodeSampleCopyEvent({operation:a,label:t,lang:e,type:"request"});null===(o=null==s?void 0:s.codeSamplesCopy)||void 0===o||o.call(s,l)}),[a,s]);return m.length?React.createElement(CodePanel,{className:"panel-request-samples",header:o?void 0:l("requestSamples"),onToggle:e=>{var t;const o=createPanelToggleEvent({operation:a,isExpanded:e,panelType:"request-samples"});null===(t=null==s?void 0:s.panelToggle)||void 0===t||t.call(s,o)}},React.createElement(SamplesTabs,{tabs:m,onChange:e=>{var t;const o=createLanguageSwitchEvent({operation:a,sample:e});null===(t=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===t||t.call(s,o)},hidden:i,defaultLanguage:t,id:a.id+"/request-tab"},m.map((e=>React.createElement(TabPanel,{key:e.key+a.id},isPayloadSample(e)?React.createElement(PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:d(e)},r)):React.createElement(CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,content:null==c?void 0:c.requestBodyContent,operation:a,onCopyClick:d(e)},r))))))):null}export const RequestSamples=memo(RequestSamplesComponent);
+var __rest=this&&this.__rest||function(e,o){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(t=Object.getOwnPropertySymbols(e);r<t.length;r++)o.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(e,t[r])&&(a[t[r]]=e[t[r]])}return a};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}from"../../events";import{globalStoreAtom}from"../../jotai/store";import{ServerListDropdown}from"../ServerListDropdown";import{LanguageDropdown}from"../Language";import{languageAtom}from"../../jotai/app";import{Replay}from"../Replay";import{CodeBlockPanel}from"../common";import{useActiveWithFallback}from"../../hooks";function RequestSamplesComponent(e){var{operation:o,disableFooter:a}=e,t=__rest(e,["operation","disableFooter"]);const[{activeLanguage:r},l]=useAtom(languageAtom),{samples:s}=useCodeSamples(o),{parser:n,options:{events:p,corsProxyUrl:m,hideReplay:i}}=useAtomValue(globalStoreAtom),d=useActiveWithFallback(s,r),c=useCallback((({lang:e,title:a})=>()=>{var t;const r=createCodeSampleCopyEvent({operation:o,label:a,lang:e,type:"request"});null===(t=null==p?void 0:p.codeSamplesCopy)||void 0===t||t.call(p,r)}),[o,p]),u=useMemo((()=>{if(!(a||o.isWebhook||i||o.hideReplay))return _jsx(Replay,{operation:o,corsProxyUrl:m,fullOpenApi:n.definition})}),[m,a,i,o,n.definition]),y=useMemo((()=>s.map((e=>e.key===d?_jsx("div",{children:isPayloadSample(e)?_jsx(PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:c(e)},t)):_jsx(CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,operation:o,onCopyClick:c(e)},t))},e.key+o.id):null))),[d,c,o,t,s]);return s.length?_jsx(CodeBlockPanel,{className:"panel-request-samples",header:()=>_jsxs(StyledPanelHeader,{isExpandable:!1,children:[_jsx(StyledServerListDropdown,{operation:o}),_jsx(LanguageDropdown,{activeTab:d,samples:s,onChange:l})]}),footer:u,isExpandable:!1,children:y}):null}export const RequestSamples=memo(RequestSamplesComponent);const StyledPanelHeader=styled(PanelHeader)`
+  flex-wrap: nowrap;
+`,StyledServerListDropdown=styled(ServerListDropdown)`
+  padding-right: var(--spacing-base);
+  min-width: 0;
+`;
 //# sourceMappingURL=RequestSamples.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{useRecoilValue}from"@redocly/recoil";import{getCodeSample}from"../../services";import{globalStoreSelector}from"../../recoil/store";import{operationStore}from"../../recoil/operation";export function useCodeSamples({payload:e,isWebhook:a,definitionSamples:o,pointer:l}){var t;const{parser:i,options:n}=useRecoilValue(globalStoreSelector),r=useRecoilValue(operationStore(l));let s=[];if(!a){const e=n.generateCodeSamples||{},a=new Set(o.map((({lang:e})=>e.toLowerCase())));s=generateCodeSamples((null===(t=e.languages)||void 0===t?void 0:t.filter((({lang:e})=>!a.has(e.toLowerCase()))))||[],e,i.definition,n.generatedPayloadSamplesMaxDepth,r)}const p=[...o,...s],m=Math.min(p.length,n.payloadSampleIdx);e&&!n.hideRequestPayloadSample&&p.splice(m,0,e);const g=p.map((e=>{var a,o;return Object.assign({key:`${e.lang}_${null!==(a=e.label)&&void 0!==a?a:""}`,title:null!==(o=e.label)&&void 0!==o?o:e.lang},e)}));return{payload:e,samples:g}}function generateCodeSamples(e,{skipOptionalParameters:a,withOAuth2Call:o},l,t,i){return e.map((({lang:e,label:n,options:r})=>({lang:e,label:n,get:n=>getCodeSample(Object.assign(Object.assign({},n),{lang:e,options:Object.assign(Object.assign({},r),{skipOptionalParameters:a,withOAuth2Call:o,spec:l,generatedPayloadSamplesMaxDepth:t,store:i})}))})))}
+import{useAtomValue}from"jotai";import{getCodeSample}from"../../services";import{globalStoreAtom}from"../../jotai/store";import{operationStore}from"../../jotai/operation";import{environmentAtom,getLangKey,languageAtom}from"../../jotai/app";export function useCodeSamples({payload:e,isWebhook:a,definitionSamples:t,pointer:o}){var n;const{parser:r,options:{codeSamples:l,generatedSamplesMaxDepth:s}}=useAtomValue(globalStoreAtom),i=useAtomValue(operationStore(o)),{languages:g}=useAtomValue(languageAtom),[m]=useAtomValue(environmentAtom),p=new Map(null==g?void 0:g.map((({key:e,order:a})=>[e,a]))),u=t.filter((e=>p.has(getLangKey(e)))),d=new Set(u.map(getLangKey));let c=[];if(!a){c=createCodeSamples((null===(n=l.languages)||void 0===n?void 0:n.filter((({lang:e,label:a})=>"Payload"!==e&&!d.has(getLangKey({lang:e,label:a})))))||[],l,r.definition,s,i,m)}const b=[...u,...c];e&&p.has(e.lang.toLowerCase())&&b.push(Object.assign(Object.assign({},e),{order:p.get(e.lang.toLowerCase())}));const S=b.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 p.get(t.toLowerCase())?p.get(t.toLowerCase()):9999},e)})).sort(((e,a)=>e.order-a.order));return{samples:S}}function createCodeSamples(e,{skipOptionalParameters:a,withOAuth2Call:t},o,n,r,l){return e.map((({lang:e,label:s,options:i})=>({lang:e,label:s,get:s=>getCodeSample(Object.assign(Object.assign({},s),{lang:e,options:Object.assign(Object.assign({},i),{skipOptionalParameters:a,withOAuth2Call:t,spec:o,generatedPayloadSamplesMaxDepth:n,store:r}),environment:l}))})))}
 //# sourceMappingURL=useCodeSamples.js.map

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

@@ -1,8 +1,10 @@
-import React from 'react';
+import type { ReactElement } from 'react';
 import type { OperationModel } from '../../models';
 export interface ResponseSamplesProps {
     operation: OperationModel;
+    activeResponseTab?: string;
+    onTabChange: (tab: string) => void;
 }
-declare function ResponseSamplesComponent({ operation }: ResponseSamplesProps): JSX.Element | null;
-export declare const ResponseSamples: React.MemoExoticComponent<typeof ResponseSamplesComponent>;
+declare function ResponseSamplesComponent({ operation, activeResponseTab, onTabChange, }: ResponseSamplesProps): ReactElement | null;
+export declare const ResponseSamples: import("react").MemoExoticComponent<typeof ResponseSamplesComponent>;
 export {};

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

@@ -1,2 +1,2 @@
-import React,{memo,useCallback}from"react";import{useRecoilValue}from"@redocly/recoil";import{TabPanel,CollapsingTabs}from"../Tabs";import{CodePanel}from"../Panel";import{PayloadSamples}from"../PayloadSamples";import{createCodeSampleCopyEvent,createPanelToggleEvent}from"../../events";import{l}from"../../services";import{globalOptionsSelector}from"../../recoil/store";function ResponseSamplesComponent({operation:e}){const{events:o}=useRecoilValue(globalOptionsSelector),a=e.responses.filter((e=>{var o,l;return null!==(l=null===(o=e.content)||void 0===o?void 0:o.hasSample)&&void 0!==l&&l})),n=useCallback((()=>{var l;const a=createCodeSampleCopyEvent({operation:e,type:"response"});null===(l=null==o?void 0:o.codeSamplesCopy)||void 0===l||l.call(o,a)}),[e,o]);if(!a.length)return null;const t=a.map((({code:e})=>({key:e,title:e})));return React.createElement(CodePanel,{className:"panel-response-samples",header:l("responseSamples"),onToggle:l=>{var a;const n=createPanelToggleEvent({operation:e,isExpanded:l,panelType:"response-samples"});null===(a=null==o?void 0:o.panelToggle)||void 0===a||a.call(o,n)}},React.createElement(CollapsingTabs,{tabs:t,operation:e},a.map((e=>React.createElement(TabPanel,{key:e.code,value:e.code},React.createElement("div",null,React.createElement(PayloadSamples,{content:e.content,onCopyClick:n})))))))}export const ResponseSamples=memo(ResponseSamplesComponent);
+import{jsx as _jsx}from"react/jsx-runtime";import{memo,useCallback}from"react";import{useAtomValue}from"jotai";import{PayloadSamples}from"../PayloadSamples";import{createCodeSampleCopyEvent}from"../../events";import{globalOptionsAtom}from"../../jotai/store";import{Summary}from"./Summary";import{Tabs}from"../Tabs";import{CodeBlockPanel}from"../common";function ResponseSamplesComponent({operation:e,activeResponseTab:o,onTabChange:a}){const{events:n}=useAtomValue(globalOptionsAtom),l=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})),s=l.map((({code:e})=>({key:e,title:e}))),t=(null==s?void 0:s.find((({key:e})=>e===o)))||(null==s?void 0:s[0]),m=useCallback((()=>{var o;const a=createCodeSampleCopyEvent({operation:e,type:"response"});null===(o=null==n?void 0:n.codeSamplesCopy)||void 0===o||o.call(n,a)}),[e,n]);if(!l.length)return null;return _jsx(CodeBlockPanel,{className:"panel-response-samples",header:()=>_jsx(Summary,{tabs:_jsx(Tabs,{tabs:s,activeTab:t,onChange:e=>a(e.key)})}),isExpandable:!1,children:l.map((e=>e.code===t.key?_jsx("div",{children:_jsx(PayloadSamples,{content:e.content,onCopyClick:m})},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";export const Summary=({tabs:e})=>_jsxs(PanelHeader,{isExpandable:!1,children:[_jsx(PanelHeaderTitle,{"data-testid":"title",children:"Response"}),e]});
+//# sourceMappingURL=Summary.js.map

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

@@ -1,8 +1,14 @@
-/// <reference types="react" />
+import type { ReactNode } from 'react';
 import type { ResponseModel } from '../../models';
+import type { TabType } from '../../models/tab';
 interface IOperationResponseList {
     responses: ResponseModel[];
+    operationId: string;
     operationPointer: string;
+    callbackId: string;
+    renderTitle?: (tab: TabType) => ReactNode;
+    activeResponseTab?: string;
+    onTabChange?: (key: string) => void;
 }
-export declare const OperationResponseList: ({ responses, operationPointer }: IOperationResponseList) => JSX.Element;
+export declare const OperationResponseList: import("react").NamedExoticComponent<IOperationResponseList>;
 export {};

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

@@ -1,2 +1,5 @@
-import React,{useCallback}from"react";import{useRecoilState}from"@redocly/recoil";import{operationStore}from"../../recoil/operation";import{ResponsesList}from"./ResponsesList";export const OperationResponseList=({responses:e,operationPointer:o})=>{const[s,t]=useRecoilState(operationStore(o)),r=useCallback((e=>{t((o=>Object.assign(Object.assign({},o),{activeResponseTab:e})))}),[t]);return React.createElement(ResponsesList,{responses:e,defaultOpenCode:s.activeResponseTab,onToggle:r})};
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo}from"react";import{useLocation}from"react-router-dom";import styled from"styled-components";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";export const OperationResponseList=memo((({responses:e,renderTitle:o,operationId:t,operationPointer:s,activeResponseTab:n,onTabChange:a,callbackId:i})=>{const r=useLocation(),l=e.map((({code:e})=>({key:e,title:e}))),p=l.find((({key:e})=>e===n||pathIncludesLink(r,t)&&pathIncludesLink(r,`c=${e}`))),{activeTab:m,handleTabChange:d}=useTabsState({tabs:l,defaultTab:null==p?void 0:p.key,onChange:a}),c=l.find((e=>e.key===(n||m)));return c?_jsxs(_Fragment,{children:[_jsxs(TitleWrap,{children:[(null==o?void 0:o(c))||_jsxs(StyledTitle,{children:[_jsx(LinkToField,{to:makeDeepLink(t,`response&c=${c.key}`)}),"Responses"]}),_jsx(Tabs,{tabs:l,activeTab:c,onChange:d}),_jsx(ExpandAllButton,{type:"response",operationPointer:s})]}),e.map((e=>e.code===c.key?_jsx("div",{children:_jsx(ResponseDetails,{response:e,operationId:t,operationPointer:s,callbackId:i})},e.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

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

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

@@ -1,4 +1,2 @@
-import React,{memo}from"react";import styled from"styled-components";import{FieldsGroupHeader}from"../common";import{DropdownOrLabel}from"../DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch";import{Schema}from"../Schema";import{ConstraintsView}from"../Fields";import{Markdown}from"../Markdown";import{ResponseHeaders}from"./ResponseHeaders";import{Wrapper}from"./styled";const Description=styled((e=>React.createElement(Markdown,Object.assign({},e))))`
-  margin-bottom: 15px;
-`,renderDropdown=e=>React.createElement(FieldsGroupHeader,{key:"header"},"Response Schema: ",React.createElement(DropdownOrLabel,Object.assign({},e)));function ResponseDetailsComponent({response:e}){const{description:t,headers:r,content:o}=e;return React.createElement(React.Fragment,null,t&&React.createElement(Description,{className:"redoc-markdown",source:t}),React.createElement(ResponseHeaders,{headers:r}),React.createElement(MediaTypesSwitch,{content:o,renderDropdown:renderDropdown},(({schema:e})=>React.createElement(React.Fragment,null,React.createElement(Wrapper,null,"object"===(null==e?void 0:e.type)&&React.createElement(ConstraintsView,{constraints:(null==e?void 0:e.constraints)||[]})),React.createElement(Schema,{skipWriteOnly:!0,key:"schema",schema:e})))))}export const ResponseDetails=memo(ResponseDetailsComponent);
+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";import{useUpdateExpandedFields}from"../ExpandAllButton";function ResponseDetailsComponent({response:e,operationId:s,operationPointer:o,callbackId:n,disableDeepLinks:r}){const{description:t,headers:i,content:p,summary:a,code:d}=e;return useUpdateExpandedFields("response",i,p,o),_jsxs(_Fragment,{children:[_jsx(StyledDescription,{className:"redoc-markdown",source:a}),_jsx(StyledDescription,{className:"redoc-markdown",source:t}),_jsx(ResponseHeaders,{headers:i,deepLink:r?void 0:generateDeepLink(s,n,d,"headers")}),_jsx(BodyContent,{content:p,skipWriteOnly:!0,deepLink:r?void 0:generateDeepLink(s,n,d,"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

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

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

@@ -1,2 +1,2 @@
-import React,{memo}from"react";import{PropertiesTable}from"../common";import{mapWithLast}from"../../utils";import{Field}from"../Fields";import{HeadersCaption,PropertiesTableWrapStyled}from"./styled";function ResponseHeadersComponent({headers:e}){return void 0===e||0===e.length?null:React.createElement(PropertiesTableWrapStyled,null,React.createElement(PropertiesTable,null,React.createElement(HeadersCaption,null," Response Headers "),React.createElement("tbody",null,mapWithLast(e,((e,t)=>React.createElement(Field,{isLast:t,key:e.name,field:e,showExamples:!0}))))))}export const ResponseHeaders=memo(ResponseHeadersComponent);
+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";function ResponseHeadersComponent({headers:e,deepLink:s}){return void 0===e||0===e.length?null:_jsxs(StyledHeadersProperties,{children:[_jsxs(HeadersCaption,{children:[s&&_jsx(LinkToField,{to:s}),"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

@@ -1,6 +1,3 @@
-export { Response } from './Response';
 export { ResponseDetails } from './ResponseDetails';
 export { ResponseHeaders } from './/ResponseHeaders';
-export { ResponsesList } from './ResponsesList';
-export { ResponseSummary } from './ResponseSummary';
 export { OperationResponseList } from './OperationResponseList';

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

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

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

@@ -1,3 +1,6 @@
-export declare const HeadersCaption: import("styled-components").StyledComponent<"caption", any, {}, never>;
-export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PropertiesTableWrapStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+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<any, string | import("react").JSXElementConstructor<any>> | null, any, {}, never>;

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

@@ -1,14 +1,23 @@
-import styled from"styled-components";import{FieldsGroupHeader}from"../common/headers";export const HeadersCaption=styled(FieldsGroupHeader.withComponent("caption"))`
-  text-align: left;
-  margin-top: 1em;
-  caption-side: top;
-`;export const Wrapper=styled.div`
-  margin-bottom: 1em;
-`;export const PropertiesTableWrapStyled=styled.div`
-  :not(:last-child) {
-    border-bottom: 1px solid var(--global-border-color);
-    margin-bottom: 1.5em;
-    padding-bottom: 1.5em;
-  }
+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

@@ -1,16 +1,14 @@
-import type { PanelHeaderProps } from '@redocly/theme';
 import type { ResponseModel, FieldModel } from '../../models';
 export interface ResponseProps {
     response: ResponseModel;
     shouldBeExpandedByDefault?: boolean;
     onToggle?: (code: string) => void;
+    operationId: string;
+    operationPointer: string;
+    callbackId?: string;
+    disableDeepLinks?: boolean;
 }
 export interface ResponseHeadersProps {
     headers?: FieldModel[];
+    deepLink?: string;
 }
-export interface ResponseListProps {
-    responses: ResponseModel[];
-    defaultOpenCode?: string;
-    onToggle?: (code: string) => void;
-}
-export type ResponseTitleProps = PanelHeaderProps & ResponseProps;

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";export const RightPanel=({item:{infoDefinition:e}})=>{const{options:{hideDownloadButtons:r,mockServer:a},parser:{definition:o,definitionUrl:n}}=useAtomValue(globalStoreAtom),{languages:i,activeLanguage:s}=useAtomValue(languageAtom),t=normalizeServers(n,mergeInMockServer(o.servers||[],a));return _jsxs(_Fragment,{children:[!r&&_jsx(Panel,{className:"panel-download",header:"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:"Overview",isExpandable:!1,children:_jsx(MarkdownWrapper,{children:_jsx(Overview,{info:e})})}),!!(null==i?void 0:i.length)&&_jsx(Panel,{className:"panel-language-list",header:"Languages",isExpandable:!1,children:_jsx(LanguageList,{languages:i,activeLanguage:s})}),!!t.length&&_jsx(Panel,{className:"panel-servers-list",header:"Servers",isExpandable:!1,children:_jsx(ServerList,{servers:t,path:"/"})})]})};
+//# 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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { ReactElement } from 'react';
 import type { ExampleModel } from '../../models';
 export interface ExampleModelsMap {
     [key: string]: ExampleModel;
@@ -9,6 +9,5 @@ export interface ExampleSwitchOptions {
 export interface ExampleSwitchProps extends ExampleSwitchOptions {
     examples: ExampleModelsMap;
     onChange: (key: string) => void;
-    panel?: 'samples' | 'try-it';
 }
-export declare const ExampleSwitch: ({ exampleKey, examples, onChange, panel, }: ExampleSwitchProps) => JSX.Element;
+export declare const ExampleSwitch: ({ exampleKey, examples, onChange, }: ExampleSwitchProps) => ReactElement | null;

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

@@ -1,2 +1,2 @@
-import React,{useState,useEffect}from"react";import{WarnMessage}from"../shared";import{FormControl,Dropdown}from"../common";import{TryItDropdown}from"../rightPanel/styled";export const ExampleSwitch=({exampleKey:e,examples:t,onChange:a,panel:o="samples"})=>{var r,n;const l=Object.keys(t),m=e?l.indexOf(e):0,[c,s]=useState(m>-1?m:0);useEffect((()=>s(m>-1?m:0)),[e,m]);const d=l.map(((e,a)=>({value:t[e].summary||e,idx:a}))),i="try-it"===o?TryItDropdown:Dropdown;return React.createElement(React.Fragment,null,"default"!==(null===(r=d[c])||void 0===r?void 0:r.value)&&React.createElement(FormControl,{"data-cy":"example-switch"},React.createElement(i,{variant:"dark",fullWidth:!0,options:d,value:null===(n=d[c])||void 0===n?void 0:n.value,onChange:({idx:e})=>{s(e),a(l[e])}})),e&&-1===m&&React.createElement(WarnMessage,null,"Provided sample not found"))};
+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";export const ExampleSwitch=({exampleKey:e,examples:t,onChange:a})=>{var l;const r=Object.keys(t),o=e?r.indexOf(e):0,[i,m]=useState(o>-1?o:0);useEffect((()=>m(o>-1?o:0)),[e,o]);const n=r.map(((e,a)=>({value:normalizeText(t[e].summary)||e,idx:a})));return n.length<2?null:_jsx(Container,{"data-testid":"example-switch",children:_jsx(SelectOrLabel,{Select:Select,Label:MimeLabel,variant:"dark",fullWidth:!0,options:n,value:null===(l=n[i])||void 0===l?void 0:l.value,onChange:({idx:e})=>{m(e),a(r[e])}})})};
 //# sourceMappingURL=ExampleSwitch.js.map

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{useState,useEffect}from"react";import{useRecoilState}from"@redocly/recoil";import{operationStore}from"../../recoil/operation";export function useExampleKey({defaultExampleName:e,pointer:t}={},a){const[o,r]=useRecoilState(operationStore(t)),{activeExampleName:c}=o,[i,m]=useState(c&&a[c]?c:Object.keys(a)[0]);return useEffect((()=>{c&&a[c]&&(m(c),r((e=>Object.assign(Object.assign({},e),{activeExampleName:c}))))}),[c,a,r]),{exampleKey:a[i]?i:Object.keys(a)[0],defaultExampleName:e}}
+import{useState,useEffect}from"react";import{useAtom}from"jotai";import{operationStore}from"../../jotai/operation";export function useExampleKey({pointer:e}={},t){const[o,a]=useAtom(operationStore(e)),{activeExampleName:r}=o,[i,m]=useState(r&&t[r]?r:Object.keys(t)[0]);return useEffect((()=>{r&&t[r]&&(m(r),a((e=>Object.assign(Object.assign({},e),{activeExampleName:r}))))}),[r,t,a]),{exampleKey:t[i]?i:Object.keys(t)[0]}}
 //# sourceMappingURL=use-example-key.js.map

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

@@ -1,3 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import type { SchemaProps } from './types';
-export declare const ArraySchema: React.NamedExoticComponent<SchemaProps>;
+export declare const ArrayClosingLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const ArraySchema: import("react").NamedExoticComponent<SchemaProps>;

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

@@ -1,4 +1,34 @@
-var __rest=this&&this.__rest||function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(a[r[n]]=e[r[n]])}return a};import React,{memo}from"react";import styled from"styled-components";import{ArrayClosingLabel,ArrayOpeningLabel,TypeName}from"../common";import{Schema}from"./Schema";import{ObjectSchema}from"./ObjectSchema";import{humanizeConstraints}from"../../utils";const PaddedSchema=styled.div`
-  padding-left: calc(var(--spacing-unit) * 2);
-`;function ArraySchemaComponent(e){var{schema:t,schema:{minItems:a,maxItems:r,items:n}}=e,m=__rest(e,["schema","schema"]);const c=void 0===a&&void 0===r?"":`(${humanizeConstraints(t)})`;return(null==t?void 0:t.fields)?React.createElement(ObjectSchema,Object.assign({},m,{level:(null==m?void 0:m.level)||1,schema:t})):!t.displayType||n||c.length?React.createElement("div",null,React.createElement(ArrayOpeningLabel,null," Array ",c),React.createElement(PaddedSchema,null,React.createElement(Schema,Object.assign({},m,{schema:n}))),React.createElement(ArrayClosingLabel,null)):React.createElement("div",null,React.createElement(TypeName,null,t.displayType))}export const ArraySchema=memo(ArraySchemaComponent);
+var __rest=this&&this.__rest||function(e,r){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(o=Object.getOwnPropertySymbols(e);t<o.length;t++)r.indexOf(o[t])<0&&Object.prototype.propertyIsEnumerable.call(e,o[t])&&(a[o[t]]=e[o[t]])}return a};import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback}from"react";import styled from"styled-components";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";function ArraySchemaComponent(e){var r,a,{schema:o,schema:{minItems:t,maxItems:l,items:n},fieldParentsName:s}=e,i=__rest(e,["schema","schema","fieldParentsName"]);const{schemasExpansionLevel:m}=useAtomValue(globalOptionsAtom),c=void 0===t&&void 0===l?"":`(${humanizeConstraints(o)})`;let p=s?[...s.slice(0,-1),s[s.length-1]+"[]"]:s;const d=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==o?void 0:o.fields)return _jsx(ObjectSchema,Object.assign({},i,{level:(null==i?void 0:i.level)||1,schema:o,fieldParentsName:p}));if(o.displayType&&!n&&!c.length)return _jsx("div",{children:_jsx(TypeName,{children:o.displayType})});const y=d(null==n?void 0:n.fields),h=d(null===(a=null===(r=null==n?void 0:n.oneOf)||void 0===r?void 0:r[0])||void 0===a?void 0:a.fields),u=(null==y?void 0:y.length)||(null==h?void 0:h.length),b=1===i.level,f=getExpandByDefault({level:i.level,required:i.required,schemasExpansionLevel:m});return _jsx(SubSchema,Object.assign({},i,{propertyLength:u,isArray:!0,expandable:!b,expandByDefault:f,operationPointer:o.operationPointer,children:_jsxs(_Fragment,{children:[b&&_jsx(ArrayLabel,{children:_jsx(LabelValue,{children:"Array ["})}),_jsx(Schema,Object.assign({},i,{schema:n,fieldParentsName:p,expandable:!1})),b&&_jsx(ArrayClosingLabel,{className:"array-closing-label",children:_jsx(LabelValue,{children:"]"})})]})}))}const ArrayLabel=styled.span`
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  margin-top: var(--spacing-xs);
+
+  :after {
+    content: '';
+    flex: auto;
+    border-top: 1px solid var(--border-color-primary);
+  }
+`,LabelValue=styled.span`
+  padding: 0 var(--spacing-xs);
+  border-radius: var(--border-radius);
+  border: 1px solid var(--border-color-secondary);
+  background-color: var(--bg-color);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  color: var(--tag-basic-content-color);
+`;export const ArrayClosingLabel=styled(ArrayLabel)`
+  margin-top: 0;
+  margin-left: auto;
+
+  :after {
+    content: none;
+  }
+
+  :before {
+    content: '';
+    flex: auto;
+    border-top: 1px solid var(--border-color-primary);
+  }
+`;export const ArraySchema=memo(ArraySchemaComponent);
 //# sourceMappingURL=ArraySchema.js.map

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

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

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

@@ -1,2 +1,2 @@
-import React,{memo}from"react";import{useRecoilValue}from"@redocly/recoil";import{PropertiesTable,PropertiesTableCaption}from"../common";import{Field}from"../Fields";import{DiscriminatorDropdown}from"../DiscriminatorDropdown";import{mapWithLast}from"../../utils";import{globalOptionsSelector}from"../../recoil/store";function ObjectSchemaComponent({schema:{fields:e=[],title:t},showTitle:o,discriminator:i,level:l,skipWriteOnly:a,skipReadOnly:r}){const{expandSingleSchemaField:n,showObjectSchemaExamples:m,schemaExpansionLevel:c}=useRecoilValue(globalOptionsSelector),s=r||a?e.filter((e=>!(r&&e.schema.readOnly||a&&e.schema.writeOnly))):e,p=n&&1===s.length||c>=l;return React.createElement(PropertiesTable,null,o&&React.createElement(PropertiesTableCaption,null,t),React.createElement("tbody",null,mapWithLast(s,((e,t)=>React.createElement(Field,{key:e.name,isLast:t,field:e,expandByDefault:p,renderDiscriminatorSwitch:(null==i?void 0:i.fieldName)===e.name&&(null==i?void 0:i.parentSchema)?()=>React.createElement(DiscriminatorDropdown,{parent:i.parentSchema,enumValues:e.schema.enum,onChange:null==i?void 0:i.onChange}):void 0,showExamples:m,skipReadOnly:r,skipWriteOnly:a,showTitle:o,level:l})))))}export const ObjectSchema=memo(ObjectSchemaComponent);
+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";function ObjectSchemaComponent({schema:e,showTitle:i,discriminator:t,level:r,skipWriteOnly:a,skipReadOnly:o,fieldParentsName:n,expandable:m,deepLink:s,required:l,disableDeepLinks:p,oneOfLevel:c}){const{fields:d=[],title:h}=e,{schemasExpansionLevel:f}=useAtomValue(globalOptionsAtom),x=o||a?d.filter((e=>!(o&&e.schema.readOnly||a&&e.schema.writeOnly))):d,u=getExpandByDefault({required:l,level:r,schemasExpansionLevel:f});return _jsx(SubSchema,{expandable:m,expandByDefault:u,level:r,propertyLength:x.length,deepLink:s,operationPointer:e.operationPointer,children:_jsxs(_Fragment,{children:[i&&_jsx(PropertiesTableCaption,{children:h}),x.map(((e,m)=>_jsx(PropertyDetails,{isFirst:0===m,field:e,fieldParentsName:Number(r)>1?n:[],renderDiscriminatorSwitch:(null==t?void 0:t.fieldName)===e.name&&(null==t?void 0:t.parentSchema)?()=>_jsx(Discriminator,{parent:t.parentSchema,onChange:null==t?void 0:t.onChange,activeOneOfIdx:t.activeOneOfIdx}):void 0,skipReadOnly:o,skipWriteOnly:a,showTitle:i,level:r,disableDeepLinks:p,oneOfLevel:c},e.name)))]})})}export const ObjectSchema=memo(ObjectSchemaComponent);
 //# sourceMappingURL=ObjectSchema.js.map

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

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

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

@@ -1,2 +1,10 @@
-var __rest=this&&this.__rest||function(e,t){var o={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(o[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(o[a[r]]=e[a[r]])}return o};import React,{memo,useCallback}from"react";import isDeepEqual from"fast-deep-equal";import{useRecoilValue,useRecoilState}from"@redocly/recoil";import{setRecoil}from"../../recoil/nexus";import{BadgeStyle,OneOfButton as StyledOneOfButton,OneOfList,Wrapper}from"../common";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields";import{Schema}from"./Schema";import{globalOptionsSelector}from"../../recoil/store";import{operationStore}from"../../recoil/operation";function OneOfSchemaComponent(e){var{schema:{oneOf:t},schema:o}=e,a=__rest(e,["schema","schema"]);const{hideOneOfDescription:r}=useRecoilValue(globalOptionsSelector),[n,i]=useRecoilState(operationStore(o.deps.operation.pointer)),c=null==t?void 0:t[n.activeOneOf],l=useCallback((e=>{var t;null===(t=null==o?void 0:o.oneOf)||void 0===t||t.forEach((t=>{isDeepEqual(t.rawSchema.discriminator,null==c?void 0:c.rawSchema.discriminator)&&setRecoil(operationStore(t.deps.operation.pointer),(o=>{var a,r;return Object.assign(Object.assign({},o),{activeExampleName:(null===(r=null===(a=t.oneOf)||void 0===a?void 0:a[e])||void 0===r?void 0:r.title)||o.activeExampleName,activeOneOf:e})}))}))}),[null==c?void 0:c.rawSchema.discriminator,null==o?void 0:o.oneOf]);return c?React.createElement("div",null,React.createElement(Wrapper,null,React.createElement("span",null,o.oneOfType,":"),React.createElement(OneOfList,null,t.map(((e,t)=>React.createElement(StyledOneOfButton,{key:e.pointer,selected:t===n.activeOneOf,deprecated:e.deprecated,onClick:()=>i((e=>{var a,r;return Object.assign(Object.assign({},e),{activeExampleName:(null===(r=null===(a=o.oneOf)||void 0===a?void 0:a[t])||void 0===r?void 0:r.title)||e.activeExampleName,activeOneOf:t})})),"data-cy":"oneOf"+e.title||e.typePrefix+e.displayType},e.title||e.typePrefix+e.displayType))))),c.deprecated&&React.createElement(BadgeStyle,{deprecated:!0},"Deprecated"),React.createElement(Wrapper,null,!r&&c.description&&React.createElement(Markdown,{source:c.description}),React.createElement(ConstraintsView,{constraints:c.constraints})),React.createElement(Schema,Object.assign({},a,{schema:c,onDiscriminatorChange:l,isOneOf:!0}))):null}export const OneOfSchema=memo(OneOfSchemaComponent);
+var __rest=this&&this.__rest||function(e,t){var o={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(o[n[r]]=e[n[r]])}return o};import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import{useAtom}from"jotai";import styled from"styled-components";import{BadgeStyle,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";function OneOfSchemaComponent(e){var{schema:{oneOf:t},schema:o,oneOfLevel:n=1}=e,r=__rest(e,["schema","schema","oneOfLevel"]);const[i]=useAtom(operationStore(o.operationPointer)),s=useOneOfLocationIdx(t,n),a=-1===s?0:s,c=t[void 0!==i.activeOneOf[o.pointer]?i.activeOneOf[o.pointer]:a];if(!c)return null;const m=t.map(((e,t)=>({label:e.title||e.typePrefix+e.displayType,value:t})));return _jsxs(Wrapper,{children:[_jsxs(SelectionTitle,{children:[o.oneOfType,":"]}),_jsx(SchemaSelection,{options:m,pointer:o.operationPointer,schema:o,defaultOneOfIdx:a}),c.deprecated&&_jsx(BadgeStyle,{deprecated:!0,children:"Deprecated"}),c.description&&_jsx(StyledDescription,{source:c.description}),_jsx(ConstraintsView,{constraints:c.constraints}),_jsx(Schema,Object.assign({},r,{schema:c,oneOfLevel:n+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;
+`;
 //# sourceMappingURL=OneOfSchema.js.map

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

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

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

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