@redocly/openapi-docs 3.0.0 → 3.0.2

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

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

package/lib/components/RequestParameters/ParametersGroup.js

@@ -0,0 +1,21 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParametersGroup=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),PropertyDetails_1=require("../PropertyDetails"),LinkToField_1=require("../common/LinkToField");function ParametersGroupComponent({title:e,parameters:t,deepLink:r}){return t&&t.length?(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsxs)(Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:r}),e]}),t.map(((e,t)=>(0,jsx_runtime_1.jsx)(PropertyDetails_1.PropertyDetails,{isFirst:0===t,field:e},e.name)))]}):null}exports.ParametersGroup=(0,react_1.memo)(ParametersGroupComponent);const Title=styled_components_1.default.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 {
+    ${theme_1.LinkIcon} {
+      opacity: 1;
+      visibility: visible;
+    }
+  }
+`,Wrapper=styled_components_1.default.div`
+  margin-top: var(--spacing-md);
+`;
+//# sourceMappingURL=ParametersGroup.js.map

package/lib/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/components/RequestParameters/RequestParameters.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestParameters=void 0;const jsx_runtime_1=require("react/jsx-runtime"),ParametersGroup_1=require("./ParametersGroup"),Body_1=require("./Body"),services_1=require("../../services"),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"};function RequestParameters({body:e,parameters:r=[],operationId:t,callbackId:s}){if(!e&&!r.length)return null;const n=(e=>{const r={};return e.forEach((e=>{safePush(r,e.in,e)})),r})(r),a=r.length>0?PARAM_PLACES:[],{content:i,description:u,required:o}=e||{};return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[a.map((e=>(0,jsx_runtime_1.jsx)(ParametersGroup_1.ParametersGroup,{title:PARAM_NAMES_MAP[e],parameters:n[e],deepLink:generateDeepLink(t,s,e)},e))),i&&(0,jsx_runtime_1.jsx)(Body_1.Body,{content:i,description:u,required:o,deepLink:generateDeepLink(t,s)})]})}function safePush(e,r="",t){e[r]||(e[r]=[]),e[r].push(t)}function generateDeepLink(e,r,t="body"){const s=""+(r?`${r}/request/${t}`:`request/${t}`);return(0,services_1.makeDeepLink)(e,s)}exports.RequestParameters=RequestParameters;
+//# sourceMappingURL=RequestParameters.js.map

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

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

package/lib/components/RequestParameters/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Body=exports.RequestParameters=void 0;var RequestParameters_1=require("./RequestParameters");Object.defineProperty(exports,"RequestParameters",{enumerable:!0,get:function(){return RequestParameters_1.RequestParameters}});var Body_1=require("./Body");Object.defineProperty(exports,"Body",{enumerable:!0,get:function(){return Body_1.Body}});
+//# sourceMappingURL=index.js.map

package/lib/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/components/RequestSamples/CodeSample.js

@@ -1,2 +1,10 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,a)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(r[o[a]]=e[o[a]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeSample=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),DropdownOrLabel_1=require("../DropdownOrLabel"),MediaTypeSwitch_1=require("../MediaTypeSwitch"),PayloadSamples_1=require("../PayloadSamples"),Example_1=require("./Example"),shared_1=require("../shared"),Dropdown_1=require("../common/Dropdown");function CodeSampleComponent(e){var{onlyDefaultSample:t,onlyDefaultMimeType:r,content:o,onCopyClick:a}=e,l=__rest(e,["onlyDefaultSample","onlyDefaultMimeType","content","onCopyClick"]);const n=(0,react_1.useCallback)((e=>{var t,a,l;const n=r&&(null===(t=e.operation)||void 0===t?void 0:t.defaultMimeType);return(null!==(l=null===(a=null==o?void 0:o.mediaTypes)||void 0===a?void 0:a.length)&&void 0!==l?l:0)>1&&!n?react_1.default.createElement(PayloadSamples_1.DropdownWrapper,null,react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,Object.assign({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e))):null}),[o,r]),i=e=>l.source?react_1.default.createElement(theme_1.CodeBlock,{lang:l.lang,source:l.source,header:{controls:{copy:{onClick:a}}}}):react_1.default.createElement(theme_1.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===o||null!=l.source?i():react_1.default.createElement(MediaTypeSwitch_1.MediaTypesSwitch,{content:o,renderDropdown:n},(e=>react_1.default.createElement(Example_1.Example,{mediaType:e,mediaContent:o,renderSample:i,onlyDefaultSample:t})))}exports.CodeSample=(0,react_1.memo)(CodeSampleComponent);
+"use strict";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 l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)r.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(t[o[l]]=e[o[l]])}return t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeSample=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),SelectOrLabel_1=require("../SelectOrLabel"),MediaTypeSwitch_1=require("../MediaTypeSwitch"),PayloadSamples_1=require("../PayloadSamples"),Example_1=require("./Example"),common_1=require("../common");function CodeSampleComponent(e){var r,{onCopyClick:t}=e,o=__rest(e,["onCopyClick"]);const l=null===(r=o.operation.requestBody)||void 0===r?void 0:r.content,a=(0,react_1.useCallback)((e=>{var r,t;return(null!==(t=null===(r=null==l?void 0:l.mediaTypes)||void 0===r?void 0:r.length)&&void 0!==t?t:0)>1?(0,jsx_runtime_1.jsx)(PayloadSamples_1.SelectWrapper,{children:(0,jsx_runtime_1.jsx)(SelectOrLabel_1.SelectOrLabel,Object.assign({Label:common_1.MimeLabel,Select:common_1.Select,variant:"dark",fullWidth:!0},e))}):null}),[l]),n=e=>o.source?(0,jsx_runtime_1.jsx)(StyledCodeBlock,{lang:o.lang,source:o.source,header:{className:"code-block-header",controls:{copy:{onClick:t}}}}):(0,jsx_runtime_1.jsx)(StyledCodeBlock,{lang:o.lang,externalSource:{sample:o.externalSample,exampleName:e,operation:o.operation,pathParams:o.pathParams,properties:o.properties},header:{className:"code-block-header",controls:{copy:{onClick:t}}}});return void 0===l||null!=o.source?n():(0,jsx_runtime_1.jsx)(MediaTypeSwitch_1.MediaTypesSwitch,{content:l,renderSelect:a,children:e=>(0,jsx_runtime_1.jsx)(Example_1.Example,{mediaType:e,mediaContent:l,renderSample:n})})}exports.CodeSample=(0,react_1.memo)(CodeSampleComponent);const StyledCodeBlock=(0,styled_components_1.default)(theme_1.CodeBlock)`
+  border: none;
+  margin: 0;
+
+  .code-block-header {
+    border-bottom: 0;
+    padding-right: var(--spacing-sm);
+  }
+`;
 //# sourceMappingURL=CodeSample.js.map

package/lib/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/components/RequestSamples/Example.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Example=void 0;const react_1=__importStar(require("react")),Samples_1=require("../Samples"),hooks_1=require("../../hooks");function ExampleComponent({mediaType:e,mediaContent:t,renderSample:r,onlyDefaultSample:a}){const n=e.examples||{},l=Object.keys(n),o=(0,hooks_1.useActivateExample)(t),{exampleKey:i,defaultExampleName:u}=(0,Samples_1.useExampleKey)(e.operation,n);if(!l.length||1===l.length)return r();if(u&&a)return r(i);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Samples_1.ExampleSwitch,{examples:n,exampleKey:i,onChange:e=>o(e)}),r(i))}exports.Example=(0,react_1.memo)(ExampleComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Example=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Samples_1=require("../Samples"),hooks_1=require("../../hooks");function ExampleComponent({mediaType:e,mediaContent:t,renderSample:r}){const m=e.examples||{},s=Object.keys(m),a=(0,hooks_1.useActivateExample)(t),{exampleKey:n}=(0,Samples_1.useExampleKey)(e.operation,m);if(!s.length||1===s.length)return r();return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Samples_1.ExampleSwitch,{examples:m,exampleKey:n,onChange:e=>a(e)}),r(n)]})}exports.Example=(0,react_1.memo)(ExampleComponent);
 //# sourceMappingURL=Example.js.map

package/lib/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/components/RequestSamples/RequestSamples.js

@@ -1,2 +1,7 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,l){void 0===l&&(l=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,l,r)}:function(e,t,a,l){void 0===l&&(l=a),e[l]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var a={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(a[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(l=Object.getOwnPropertySymbols(e);r<l.length;r++)t.indexOf(l[r])<0&&Object.prototype.propertyIsEnumerable.call(e,l[r])&&(a[l[r]]=e[l[r]])}return a};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestSamples=void 0;const react_1=__importStar(require("react")),react_tabs_1=require("react-tabs"),recoil_1=require("@redocly/recoil"),PayloadSamples_1=require("../PayloadSamples"),CodeSample_1=require("./CodeSample"),useCodeSamples_1=require("./useCodeSamples"),services_1=require("../../services"),models_1=require("../../models"),events_1=require("../../events"),Samples_1=require("../Samples"),Panel_1=require("../Panel"),store_1=require("../../recoil/store");function RequestSamplesComponent(e){var{operation:t,defaultLanguage:a,disableHeader:l,content:r}=e,o=__rest(e,["operation","defaultLanguage","disableHeader","content"]);const{events:n,hideSingleRequestSampleTab:s}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),{samples:i,payload:u}=(0,useCodeSamples_1.useCodeSamples)(t),c=1===i.length&&s,p=(0,react_1.useCallback)((({lang:e,title:a})=>()=>{var l;const r=(0,events_1.createCodeSampleCopyEvent)({operation:t,label:a,lang:e,type:"request"});null===(l=null==n?void 0:n.codeSamplesCopy)||void 0===l||l.call(n,r)}),[t,n]);return i.length?react_1.default.createElement(Panel_1.CodePanel,{className:"panel-request-samples",header:l?void 0:(0,services_1.l)("requestSamples"),onToggle:e=>{var a;const l=(0,events_1.createPanelToggleEvent)({operation:t,isExpanded:e,panelType:"request-samples"});null===(a=null==n?void 0:n.panelToggle)||void 0===a||a.call(n,l)}},react_1.default.createElement(Samples_1.SamplesTabs,{tabs:i,onChange:e=>{var a;const l=(0,events_1.createLanguageSwitchEvent)({operation:t,sample:e});null===(a=null==n?void 0:n.codeSamplesLanguageSwitch)||void 0===a||a.call(n,l)},hidden:c,defaultLanguage:a,id:t.id+"/request-tab"},i.map((e=>react_1.default.createElement(react_tabs_1.TabPanel,{key:e.key+t.id},(0,models_1.isPayloadSample)(e)?react_1.default.createElement(PayloadSamples_1.PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:p(e)},o)):react_1.default.createElement(CodeSample_1.CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,content:null==u?void 0:u.requestBodyContent,operation:t,onCopyClick:p(e)},o))))))):null}exports.RequestSamples=(0,react_1.memo)(RequestSamplesComponent);
+"use strict";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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),PayloadSamples_1=require("../PayloadSamples"),CodeSample_1=require("./CodeSample"),useCodeSamples_1=require("./useCodeSamples"),models_1=require("../../models"),events_1=require("../../events"),store_1=require("../../jotai/store"),ServerListDropdown_1=require("../ServerListDropdown"),Language_1=require("../Language"),app_1=require("../../jotai/app"),Replay_1=require("../Replay"),common_1=require("../common"),hooks_1=require("../../hooks");function RequestSamplesComponent(e){var{operation:o,disableFooter:r}=e,t=__rest(e,["operation","disableFooter"]);const[{activeLanguage:a},s]=(0,jotai_1.useAtom)(app_1.languageAtom),{samples:n}=(0,useCodeSamples_1.useCodeSamples)(o),{parser:l,options:{events:i,corsProxyUrl:p,hideReplay:u}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),_=(0,hooks_1.useActiveWithFallback)(n,a),m=(0,react_1.useCallback)((({lang:e,title:r})=>()=>{var t;const a=(0,events_1.createCodeSampleCopyEvent)({operation:o,label:r,lang:e,type:"request"});null===(t=null==i?void 0:i.codeSamplesCopy)||void 0===t||t.call(i,a)}),[o,i]),d=(0,react_1.useMemo)((()=>{if(!(r||o.isWebhook||u||o.hideReplay))return(0,jsx_runtime_1.jsx)(Replay_1.Replay,{operation:o,corsProxyUrl:p,fullOpenApi:l.definition})}),[p,r,u,o,l.definition]),c=(0,react_1.useMemo)((()=>n.map((e=>e.key===_?(0,jsx_runtime_1.jsx)("div",{children:(0,models_1.isPayloadSample)(e)?(0,jsx_runtime_1.jsx)(PayloadSamples_1.PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:m(e)},t)):(0,jsx_runtime_1.jsx)(CodeSample_1.CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,operation:o,onCopyClick:m(e)},t))},e.key+o.id):null))),[_,m,o,t,n]);return n.length?(0,jsx_runtime_1.jsx)(common_1.CodeBlockPanel,{className:"panel-request-samples",header:()=>(0,jsx_runtime_1.jsxs)(StyledPanelHeader,{isExpandable:!1,children:[(0,jsx_runtime_1.jsx)(StyledServerListDropdown,{operation:o}),(0,jsx_runtime_1.jsx)(Language_1.LanguageDropdown,{activeTab:_,samples:n,onChange:s})]}),footer:d,isExpandable:!1,children:c}):null}exports.RequestSamples=(0,react_1.memo)(RequestSamplesComponent);const StyledPanelHeader=(0,styled_components_1.default)(theme_1.PanelHeader)`
+  flex-wrap: nowrap;
+`,StyledServerListDropdown=(0,styled_components_1.default)(ServerListDropdown_1.ServerListDropdown)`
+  padding-right: var(--spacing-base);
+  min-width: 0;
+`;
 //# sourceMappingURL=RequestSamples.js.map

package/lib/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/components/RequestSamples/useCodeSamples.js

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

package/lib/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/components/ResponseSamples/ResponseSamples.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,l)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseSamples=void 0;const react_1=__importStar(require("react")),recoil_1=require("@redocly/recoil"),Tabs_1=require("../Tabs"),Panel_1=require("../Panel"),PayloadSamples_1=require("../PayloadSamples"),events_1=require("../../events"),services_1=require("../../services"),store_1=require("../../recoil/store");function ResponseSamplesComponent({operation:e}){const{events:t}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),a=e.responses.filter((e=>{var t,a;return null!==(a=null===(t=e.content)||void 0===t?void 0:t.hasSample)&&void 0!==a&&a})),r=(0,react_1.useCallback)((()=>{var a;const r=(0,events_1.createCodeSampleCopyEvent)({operation:e,type:"response"});null===(a=null==t?void 0:t.codeSamplesCopy)||void 0===a||a.call(t,r)}),[e,t]);if(!a.length)return null;const l=a.map((({code:e})=>({key:e,title:e})));return react_1.default.createElement(Panel_1.CodePanel,{className:"panel-response-samples",header:(0,services_1.l)("responseSamples"),onToggle:a=>{var r;const l=(0,events_1.createPanelToggleEvent)({operation:e,isExpanded:a,panelType:"response-samples"});null===(r=null==t?void 0:t.panelToggle)||void 0===r||r.call(t,l)}},react_1.default.createElement(Tabs_1.CollapsingTabs,{tabs:l,operation:e},a.map((e=>react_1.default.createElement(Tabs_1.TabPanel,{key:e.code,value:e.code},react_1.default.createElement("div",null,react_1.default.createElement(PayloadSamples_1.PayloadSamples,{content:e.content,onCopyClick:r})))))))}exports.ResponseSamples=(0,react_1.memo)(ResponseSamplesComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),PayloadSamples_1=require("../PayloadSamples"),events_1=require("../../events"),store_1=require("../../jotai/store"),Summary_1=require("./Summary"),Tabs_1=require("../Tabs"),common_1=require("../common");function ResponseSamplesComponent({operation:e,activeResponseTab:o,onTabChange:s}){const{events:a}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),n=e.responses.filter((e=>{var o,s;return null!==(s=null===(o=e.content)||void 0===o?void 0:o.hasSample)&&void 0!==s&&s})),r=n.map((({code:e})=>({key:e,title:e}))),t=(null==r?void 0:r.find((({key:e})=>e===o)))||(null==r?void 0:r[0]),l=(0,react_1.useCallback)((()=>{var o;const s=(0,events_1.createCodeSampleCopyEvent)({operation:e,type:"response"});null===(o=null==a?void 0:a.codeSamplesCopy)||void 0===o||o.call(a,s)}),[e,a]);if(!n.length)return null;return(0,jsx_runtime_1.jsx)(common_1.CodeBlockPanel,{className:"panel-response-samples",header:()=>(0,jsx_runtime_1.jsx)(Summary_1.Summary,{tabs:(0,jsx_runtime_1.jsx)(Tabs_1.Tabs,{tabs:r,activeTab:t,onChange:e=>s(e.key)})}),isExpandable:!1,children:n.map((e=>e.code===t.key?(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(PayloadSamples_1.PayloadSamples,{content:e.content,onCopyClick:l})},e.code):null))})}exports.ResponseSamples=(0,react_1.memo)(ResponseSamplesComponent);
 //# sourceMappingURL=ResponseSamples.js.map

package/lib/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/components/ResponseSamples/Summary.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Summary=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),Summary=({tabs:e})=>(0,jsx_runtime_1.jsxs)(theme_1.PanelHeader,{isExpandable:!1,children:[(0,jsx_runtime_1.jsx)(theme_1.PanelHeaderTitle,{"data-testid":"title",children:"Response"}),e]});exports.Summary=Summary;
+//# sourceMappingURL=Summary.js.map

package/lib/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/components/Responses/OperationResponseList.js

@@ -1,2 +1,5 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,i)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationResponseList=void 0;const react_1=__importStar(require("react")),recoil_1=require("@redocly/recoil"),operation_1=require("../../recoil/operation"),ResponsesList_1=require("./ResponsesList"),OperationResponseList=({responses:e,operationPointer:t})=>{const[r,o]=(0,recoil_1.useRecoilState)((0,operation_1.operationStore)(t)),i=(0,react_1.useCallback)((e=>{o((t=>Object.assign(Object.assign({},t),{activeResponseTab:e})))}),[o]);return react_1.default.createElement(ResponsesList_1.ResponsesList,{responses:e,defaultOpenCode:r.activeResponseTab,onToggle:i})};exports.OperationResponseList=OperationResponseList;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationResponseList=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),styled_components_1=__importDefault(require("styled-components")),Tabs_1=require("../Tabs"),ResponseDetails_1=require("./ResponseDetails"),services_1=require("../../services"),styled_1=require("./styled"),LinkToField_1=require("../common/LinkToField"),utils_1=require("../../utils"),ExpandAllButton_1=require("../ExpandAllButton");exports.OperationResponseList=(0,react_1.memo)((({responses:e,renderTitle:t,operationId:s,operationPointer:r,activeResponseTab:n,onTabChange:i,callbackId:o})=>{const a=(0,react_router_dom_1.useLocation)(),l=e.map((({code:e})=>({key:e,title:e}))),_=l.find((({key:e})=>e===n||(0,utils_1.pathIncludesLink)(a,s)&&(0,utils_1.pathIncludesLink)(a,`c=${e}`))),{activeTab:u,handleTabChange:d}=(0,Tabs_1.useTabsState)({tabs:l,defaultTab:null==_?void 0:_.key,onChange:i}),p=l.find((e=>e.key===(n||u)));return p?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(TitleWrap,{children:[(null==t?void 0:t(p))||(0,jsx_runtime_1.jsxs)(styled_1.StyledTitle,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(s,`response&c=${p.key}`)}),"Responses"]}),(0,jsx_runtime_1.jsx)(Tabs_1.Tabs,{tabs:l,activeTab:p,onChange:d}),(0,jsx_runtime_1.jsx)(ExpandAllButton_1.ExpandAllButton,{type:"response",operationPointer:r})]}),e.map((e=>e.code===p.key?(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(ResponseDetails_1.ResponseDetails,{response:e,operationId:s,operationPointer:r,callbackId:o})},e.code):null))]}):null}));const TitleWrap=(0,styled_components_1.default)(styled_1.Row)`
+  flex-wrap: wrap;
+  gap: var(--spacing-unit);
+`;
 //# sourceMappingURL=OperationResponseList.js.map

package/lib/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/components/Responses/ResponseDetails.js

@@ -1,4 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseDetails=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),DropdownOrLabel_1=require("../DropdownOrLabel"),MediaTypeSwitch_1=require("../MediaTypeSwitch"),Schema_1=require("../Schema"),Fields_1=require("../Fields"),Markdown_1=require("../Markdown"),ResponseHeaders_1=require("./ResponseHeaders"),styled_1=require("./styled"),Description=(0,styled_components_1.default)((e=>react_1.default.createElement(Markdown_1.Markdown,Object.assign({},e))))`
-  margin-bottom: 15px;
-`,renderDropdown=e=>react_1.default.createElement(common_1.FieldsGroupHeader,{key:"header"},"Response Schema: ",react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,Object.assign({},e)));function ResponseDetailsComponent({response:e}){const{description:t,headers:r,content:a}=e;return react_1.default.createElement(react_1.default.Fragment,null,t&&react_1.default.createElement(Description,{className:"redoc-markdown",source:t}),react_1.default.createElement(ResponseHeaders_1.ResponseHeaders,{headers:r}),react_1.default.createElement(MediaTypeSwitch_1.MediaTypesSwitch,{content:a,renderDropdown:renderDropdown},(({schema:e})=>react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.Wrapper,null,"object"===(null==e?void 0:e.type)&&react_1.default.createElement(Fields_1.ConstraintsView,{constraints:(null==e?void 0:e.constraints)||[]})),react_1.default.createElement(Schema_1.Schema,{skipWriteOnly:!0,key:"schema",schema:e})))))}exports.ResponseDetails=(0,react_1.memo)(ResponseDetailsComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ResponseHeaders_1=require("./ResponseHeaders"),styled_1=require("./styled"),BodyContent_1=require("../common/BodyContent"),services_1=require("../../services"),ExpandAllButton_1=require("../ExpandAllButton");function ResponseDetailsComponent({response:e,operationId:s,operationPointer:n,callbackId:r,disableDeepLinks:t}){const{description:o,headers:i,content:d,summary:a,code:p}=e;return(0,ExpandAllButton_1.useUpdateExpandedFields)("response",i,d,n),(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(styled_1.StyledDescription,{className:"redoc-markdown",source:a}),(0,jsx_runtime_1.jsx)(styled_1.StyledDescription,{className:"redoc-markdown",source:o}),(0,jsx_runtime_1.jsx)(ResponseHeaders_1.ResponseHeaders,{headers:i,deepLink:t?void 0:generateDeepLink(s,r,p,"headers")}),(0,jsx_runtime_1.jsx)(BodyContent_1.BodyContent,{content:d,skipWriteOnly:!0,deepLink:t?void 0:generateDeepLink(s,r,p,"body")})]})}function generateDeepLink(e,s="",n,r){const t=s?`${s}/response&c=${n}/${r}`:`response&c=${n}/${r}`;return(0,services_1.makeDeepLink)(e,t)}exports.ResponseDetails=(0,react_1.memo)(ResponseDetailsComponent);
 //# sourceMappingURL=ResponseDetails.js.map

package/lib/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/components/Responses/ResponseHeaders.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,a)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseHeaders=void 0;const react_1=__importStar(require("react")),common_1=require("../common"),utils_1=require("../../utils"),Fields_1=require("../Fields"),styled_1=require("./styled");function ResponseHeadersComponent({headers:e}){return void 0===e||0===e.length?null:react_1.default.createElement(styled_1.PropertiesTableWrapStyled,null,react_1.default.createElement(common_1.PropertiesTable,null,react_1.default.createElement(styled_1.HeadersCaption,null," Response Headers "),react_1.default.createElement("tbody",null,(0,utils_1.mapWithLast)(e,((e,t)=>react_1.default.createElement(Fields_1.Field,{isLast:t,key:e.name,field:e,showExamples:!0}))))))}exports.ResponseHeaders=(0,react_1.memo)(ResponseHeadersComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseHeaders=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_1=require("./styled"),PropertyDetails_1=require("../PropertyDetails"),LinkToField_1=require("../common/LinkToField");function ResponseHeadersComponent({headers:e,deepLink:r}){return void 0===e||0===e.length?null:(0,jsx_runtime_1.jsxs)(styled_1.StyledHeadersProperties,{children:[(0,jsx_runtime_1.jsxs)(styled_1.HeadersCaption,{children:[r&&(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:r}),"Headers"]}),e.map(((e,s)=>(0,jsx_runtime_1.jsx)(PropertyDetails_1.PropertyDetails,{isFirst:0===s,field:e,disableDeepLinks:!r},e.name)))]})}exports.ResponseHeaders=(0,react_1.memo)(ResponseHeadersComponent);
 //# sourceMappingURL=ResponseHeaders.js.map

package/lib/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/components/Responses/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationResponseList=exports.ResponseSummary=exports.ResponsesList=exports.ResponseHeaders=exports.ResponseDetails=exports.Response=void 0;var Response_1=require("./Response");Object.defineProperty(exports,"Response",{enumerable:!0,get:function(){return Response_1.Response}});var ResponseDetails_1=require("./ResponseDetails");Object.defineProperty(exports,"ResponseDetails",{enumerable:!0,get:function(){return ResponseDetails_1.ResponseDetails}});var ResponseHeaders_1=require(".//ResponseHeaders");Object.defineProperty(exports,"ResponseHeaders",{enumerable:!0,get:function(){return ResponseHeaders_1.ResponseHeaders}});var ResponsesList_1=require("./ResponsesList");Object.defineProperty(exports,"ResponsesList",{enumerable:!0,get:function(){return ResponsesList_1.ResponsesList}});var ResponseSummary_1=require("./ResponseSummary");Object.defineProperty(exports,"ResponseSummary",{enumerable:!0,get:function(){return ResponseSummary_1.ResponseSummary}});var OperationResponseList_1=require("./OperationResponseList");Object.defineProperty(exports,"OperationResponseList",{enumerable:!0,get:function(){return OperationResponseList_1.OperationResponseList}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationResponseList=exports.ResponseHeaders=exports.ResponseDetails=void 0;var ResponseDetails_1=require("./ResponseDetails");Object.defineProperty(exports,"ResponseDetails",{enumerable:!0,get:function(){return ResponseDetails_1.ResponseDetails}});var ResponseHeaders_1=require(".//ResponseHeaders");Object.defineProperty(exports,"ResponseHeaders",{enumerable:!0,get:function(){return ResponseHeaders_1.ResponseHeaders}});var OperationResponseList_1=require("./OperationResponseList");Object.defineProperty(exports,"OperationResponseList",{enumerable:!0,get:function(){return OperationResponseList_1.OperationResponseList}});
 //# sourceMappingURL=index.js.map

package/lib/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/components/Responses/styled.js

@@ -1,14 +1,23 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTableWrapStyled=exports.Wrapper=exports.HeadersCaption=void 0;const styled_components_1=__importDefault(require("styled-components")),headers_1=require("../common/headers");exports.HeadersCaption=(0,styled_components_1.default)(headers_1.FieldsGroupHeader.withComponent("caption"))`
-  text-align: left;
-  margin-top: 1em;
-  caption-side: top;
-`,exports.Wrapper=styled_components_1.default.div`
-  margin-bottom: 1em;
-`,exports.PropertiesTableWrapStyled=styled_components_1.default.div`
-  :not(:last-child) {
-    border-bottom: 1px solid var(--global-border-color);
-    margin-bottom: 1.5em;
-    padding-bottom: 1.5em;
-  }
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledDescription=exports.StyledTitle=exports.Row=exports.StyledHeadersProperties=exports.HeadersCaption=void 0;const styled_components_1=__importDefault(require("styled-components")),OperationItemTitle_1=require("../common/OperationItemTitle"),Markdown_1=require("../Markdown");exports.HeadersCaption=styled_components_1.default.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;
+`,exports.StyledHeadersProperties=styled_components_1.default.div`
+  margin-top: var(--spacing-md);
+`,exports.Row=styled_components_1.default.div`
+  display: flex;
+  align-items: center;
+  margin-top: var(--spacing-base);
+`,exports.StyledTitle=(0,styled_components_1.default)(OperationItemTitle_1.Title)`
+  margin: 0 var(--spacing-sm) 0 0;
+  position: relative;
+`,exports.StyledDescription=(0,styled_components_1.default)(Markdown_1.Markdown)`
+  margin-top: var(--spacing-xs);
 `;
 //# sourceMappingURL=styled.js.map

package/lib/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/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/components/RightPanel/RightPanel.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightPanel=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),Download_1=require("../Download"),Overview_1=require("../Overview"),Language_1=require("../Language"),ServerList_1=require("../ServerList"),store_1=require("../../jotai/store"),utils_1=require("../../utils"),operation_1=require("../../models/operation"),app_1=require("../../jotai/app"),RightPanel=({item:{infoDefinition:e}})=>{const{options:{hideDownloadButtons:r,mockServer:i},parser:{definition:a,definitionUrl:n}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),{languages:t,activeLanguage:s}=(0,jotai_1.useAtomValue)(app_1.languageAtom),o=(0,utils_1.normalizeServers)(n,(0,operation_1.mergeInMockServer)(a.servers||[],i));return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[!r&&(0,jsx_runtime_1.jsx)(theme_1.Panel,{className:"panel-download",header:"Download OpenAPI description",isExpandable:!1,children:(0,jsx_runtime_1.jsx)(Download_1.DownloadSpecification,{})}),((null==e?void 0:e.license)||(null==e?void 0:e.contact)||(null==e?void 0:e.termsOfService))&&(0,jsx_runtime_1.jsx)(theme_1.Panel,{className:"panel-overview",header:"Overview",isExpandable:!1,children:(0,jsx_runtime_1.jsx)(theme_1.Markdown,{children:(0,jsx_runtime_1.jsx)(Overview_1.Overview,{info:e})})}),!!(null==t?void 0:t.length)&&(0,jsx_runtime_1.jsx)(theme_1.Panel,{className:"panel-language-list",header:"Languages",isExpandable:!1,children:(0,jsx_runtime_1.jsx)(Language_1.LanguageList,{languages:t,activeLanguage:s})}),!!o.length&&(0,jsx_runtime_1.jsx)(theme_1.Panel,{className:"panel-servers-list",header:"Servers",isExpandable:!1,children:(0,jsx_runtime_1.jsx)(ServerList_1.ServerList,{servers:o,path:"/"})})]})};exports.RightPanel=RightPanel;
+//# sourceMappingURL=RightPanel.js.map

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

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

package/lib/components/RightPanel/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightPanel=void 0;var RightPanel_1=require("./RightPanel");Object.defineProperty(exports,"RightPanel",{enumerable:!0,get:function(){return RightPanel_1.RightPanel}});
+//# sourceMappingURL=index.js.map

package/lib/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/components/Samples/ExampleSwitch.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleSwitch=void 0;const react_1=__importStar(require("react")),shared_1=require("../shared"),common_1=require("../common"),styled_1=require("../rightPanel/styled"),ExampleSwitch=({exampleKey:e,examples:t,onChange:r,panel:a="samples"})=>{var n,l;const o=Object.keys(t),i=e?o.indexOf(e):0,[u,c]=(0,react_1.useState)(i>-1?i:0);(0,react_1.useEffect)((()=>c(i>-1?i:0)),[e,i]);const d=o.map(((e,r)=>({value:t[e].summary||e,idx:r}))),s="try-it"===a?styled_1.TryItDropdown:common_1.Dropdown;return react_1.default.createElement(react_1.default.Fragment,null,"default"!==(null===(n=d[u])||void 0===n?void 0:n.value)&&react_1.default.createElement(common_1.FormControl,{"data-cy":"example-switch"},react_1.default.createElement(s,{variant:"dark",fullWidth:!0,options:d,value:null===(l=d[u])||void 0===l?void 0:l.value,onChange:({idx:e})=>{c(e),r(o[e])}})),e&&-1===i&&react_1.default.createElement(shared_1.WarnMessage,null,"Provided sample not found"))};exports.ExampleSwitch=ExampleSwitch;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleSwitch=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),common_1=require("../common"),SelectOrLabel_1=require("../SelectOrLabel"),utils_1=require("../../utils"),ExampleSwitch=({exampleKey:e,examples:t,onChange:r})=>{var l;const a=Object.keys(t),i=e?a.indexOf(e):0,[c,n]=(0,react_1.useState)(i>-1?i:0);(0,react_1.useEffect)((()=>n(i>-1?i:0)),[e,i]);const o=a.map(((e,r)=>({value:(0,utils_1.normalizeText)(t[e].summary)||e,idx:r})));return o.length<2?null:(0,jsx_runtime_1.jsx)(common_1.Container,{"data-testid":"example-switch",children:(0,jsx_runtime_1.jsx)(SelectOrLabel_1.SelectOrLabel,{Select:common_1.Select,Label:common_1.MimeLabel,variant:"dark",fullWidth:!0,options:o,value:null===(l=o[c])||void 0===l?void 0:l.value,onChange:({idx:e})=>{n(e),r(a[e])}})})};exports.ExampleSwitch=ExampleSwitch;
 //# sourceMappingURL=ExampleSwitch.js.map

package/lib/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/components/Samples/index.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,i){void 0===i&&(i=t);var o=Object.getOwnPropertyDescriptor(r,t);o&&!("get"in o?!r.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,i,o)}:function(e,r,t,i){void 0===i&&(i=t),e[i]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./SamplesTabs"),exports),__exportStar(require("./LoadingWrapper"),exports),__exportStar(require("./ExampleSwitch"),exports),__exportStar(require("./use-example-key"),exports);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,i,o)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=t[r]}),__exportStar=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||__createBinding(t,e,r)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./ExampleSwitch"),exports),__exportStar(require("./use-example-key"),exports);
 //# sourceMappingURL=index.js.map

package/lib/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/components/Samples/use-example-key.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useExampleKey=void 0;const react_1=require("react"),recoil_1=require("@redocly/recoil"),operation_1=require("../../recoil/operation");function useExampleKey({defaultExampleName:e,pointer:t}={},a){const[r,o]=(0,recoil_1.useRecoilState)((0,operation_1.operationStore)(t)),{activeExampleName:c}=r,[i,s]=(0,react_1.useState)(c&&a[c]?c:Object.keys(a)[0]);return(0,react_1.useEffect)((()=>{c&&a[c]&&(s(c),o((e=>Object.assign(Object.assign({},e),{activeExampleName:c}))))}),[c,a,o]),{exampleKey:a[i]?i:Object.keys(a)[0],defaultExampleName:e}}exports.useExampleKey=useExampleKey;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useExampleKey=void 0;const react_1=require("react"),jotai_1=require("jotai"),operation_1=require("../../jotai/operation");function useExampleKey({pointer:e}={},t){const[a,o]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(e)),{activeExampleName:r}=a,[s,i]=(0,react_1.useState)(r&&t[r]?r:Object.keys(t)[0]);return(0,react_1.useEffect)((()=>{r&&t[r]&&(i(r),o((e=>Object.assign(Object.assign({},e),{activeExampleName:r}))))}),[r,t,o]),{exampleKey:t[s]?s:Object.keys(t)[0]}}exports.useExampleKey=useExampleKey;
 //# sourceMappingURL=use-example-key.js.map

package/lib/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/components/Schema/ArraySchema.js

@@ -1,4 +1,34 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(r[a[n]]=e[a[n]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ArraySchema=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),Schema_1=require("./Schema"),ObjectSchema_1=require("./ObjectSchema"),utils_1=require("../../utils"),PaddedSchema=styled_components_1.default.div`
-  padding-left: calc(var(--spacing-unit) * 2);
-`;function ArraySchemaComponent(e){var{schema:t,schema:{minItems:r,maxItems:a,items:n}}=e,c=__rest(e,["schema","schema"]);const l=void 0===r&&void 0===a?"":`(${(0,utils_1.humanizeConstraints)(t)})`;return(null==t?void 0:t.fields)?react_1.default.createElement(ObjectSchema_1.ObjectSchema,Object.assign({},c,{level:(null==c?void 0:c.level)||1,schema:t})):!t.displayType||n||l.length?react_1.default.createElement("div",null,react_1.default.createElement(common_1.ArrayOpeningLabel,null," Array ",l),react_1.default.createElement(PaddedSchema,null,react_1.default.createElement(Schema_1.Schema,Object.assign({},c,{schema:n}))),react_1.default.createElement(common_1.ArrayClosingLabel,null)):react_1.default.createElement("div",null,react_1.default.createElement(common_1.TypeName,null,t.displayType))}exports.ArraySchema=(0,react_1.memo)(ArraySchemaComponent);
+"use strict";var __rest=this&&this.__rest||function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)r.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(t[a[n]]=e[a[n]])}return t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ArraySchema=exports.ArrayClosingLabel=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),common_1=require("../common"),Schema_1=require("./Schema"),ObjectSchema_1=require("./ObjectSchema"),utils_1=require("../../utils"),SubSchema_1=require("./SubSchema"),store_1=require("../../jotai/store"),helpers_1=require("./helpers");function ArraySchemaComponent(e){var r,t,{schema:a,schema:{minItems:n,maxItems:s,items:i},fieldParentsName:l}=e,o=__rest(e,["schema","schema","fieldParentsName"]);const{schemasExpansionLevel:c}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),m=void 0===n&&void 0===s?"":`(${(0,utils_1.humanizeConstraints)(a)})`;let u=l?[...l.slice(0,-1),l[l.length-1]+"[]"]:l;const d=(0,react_1.useCallback)((e=>o.skipReadOnly||o.skipWriteOnly?null==e?void 0:e.filter((e=>!(o.skipReadOnly&&e.schema.readOnly||o.skipWriteOnly&&e.schema.writeOnly))):e),[o.skipReadOnly,o.skipWriteOnly]);if(null==a?void 0:a.fields)return(0,jsx_runtime_1.jsx)(ObjectSchema_1.ObjectSchema,Object.assign({},o,{level:(null==o?void 0:o.level)||1,schema:a,fieldParentsName:u}));if(a.displayType&&!i&&!m.length)return(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(common_1.TypeName,{children:a.displayType})});const p=d(null==i?void 0:i.fields),_=d(null===(t=null===(r=null==i?void 0:i.oneOf)||void 0===r?void 0:r[0])||void 0===t?void 0:t.fields),h=(null==p?void 0:p.length)||(null==_?void 0:_.length),y=1===o.level,x=(0,helpers_1.getExpandByDefault)({level:o.level,required:o.required,schemasExpansionLevel:c});return(0,jsx_runtime_1.jsx)(SubSchema_1.SubSchema,Object.assign({},o,{propertyLength:h,isArray:!0,expandable:!y,expandByDefault:x,operationPointer:a.operationPointer,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[y&&(0,jsx_runtime_1.jsx)(ArrayLabel,{children:(0,jsx_runtime_1.jsx)(LabelValue,{children:"Array ["})}),(0,jsx_runtime_1.jsx)(Schema_1.Schema,Object.assign({},o,{schema:i,fieldParentsName:u,expandable:!1})),y&&(0,jsx_runtime_1.jsx)(exports.ArrayClosingLabel,{className:"array-closing-label",children:(0,jsx_runtime_1.jsx)(LabelValue,{children:"]"})})]})}))}const ArrayLabel=styled_components_1.default.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_components_1.default.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);
+`;exports.ArrayClosingLabel=(0,styled_components_1.default)(ArrayLabel)`
+  margin-top: 0;
+  margin-left: auto;
+
+  :after {
+    content: none;
+  }
+
+  :before {
+    content: '';
+    flex: auto;
+    border-top: 1px solid var(--border-color-primary);
+  }
+`,exports.ArraySchema=(0,react_1.memo)(ArraySchemaComponent);
 //# sourceMappingURL=ArraySchema.js.map

package/lib/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>;