@redocly/reference-docs 3.0.0-alpha.3 → 3.0.0-alpha.6

package/lib-esm/redoc-lib/src/components/OperationItem/OperationItem.js

@@ -0,0 +1,2 @@
+import React from"react";import{observer}from"mobx-react";import{Operation}from"../Operation";export var OperationItem=observer((function(r){var e=r.item,t=r.layout;return React.createElement(Operation,{operation:e,layout:t})}));
+//# sourceMappingURL=OperationItem.js.map

package/lib-esm/redoc-lib/src/components/OperationItem/index.d.ts

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

package/lib-esm/redoc-lib/src/components/OperationItem/index.js

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

package/lib-esm/redoc-lib/src/components/Parameters/Parameters.d.ts

@@ -1,13 +1,10 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { FieldModel, RequestBodyModel, MediaContentModel } from '../../services/models';
 export interface ParametersProps {
     parameters?: FieldModel[];
     body?: RequestBodyModel;
 }
-export declare class Parameters extends React.PureComponent<ParametersProps> {
-    orderParams(params: FieldModel[]): Record<string, FieldModel[]>;
-    render(): JSX.Element | null;
-}
+export declare const Parameters: ({ body, parameters }: ParametersProps) => JSX.Element | null;
 export declare function BodyContent({ content, description, }: {
     content: MediaContentModel;
     description?: string;

package/lib-esm/redoc-lib/src/components/Parameters/Parameters.js

@@ -1,2 +1,2 @@
-import{__assign,__extends,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{FieldsGroupHeader}from"../../common-elements";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{Schema}from"../Schema";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields/FieldContstraints";import{ParametersGroup}from"./ParametersGroup";function safePush(e,t,r){e[t]||(e[t]=[]),e[t].push(r)}var PARAM_PLACES=["path","query","cookie","header"],Parameters=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"orderParams",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t={};return e.forEach((function(e){safePush(t,e.in,e)})),t}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.body,r=e.parameters,n=void 0===r?[]:r;if(void 0===t&&void 0===n)return null;var a=this.orderParams(n),o=n.length>0?PARAM_PLACES:[],i=t&&t.content,c=t&&t.description;return React.createElement(React.Fragment,null,o.map((function(e){return React.createElement(ParametersGroup,{key:e,place:e,parameters:a[e]})})),i&&React.createElement(BodyContent,{content:i,description:c}))}}),t}(React.PureComponent);export{Parameters};function DropdownWithinHeader(e){return React.createElement(FieldsGroupHeader,{key:"header","data-cy":"request-body-header"},"Request Body schema: ",React.createElement(DropdownOrLabel,__assign({},e)))}export function BodyContent(e){var t=e.content,r=e.description,n=t.isRequestType;return React.createElement(MediaTypesSwitch,{content:t,renderDropdown:DropdownWithinHeader},(function(e){var t=e.schema;return React.createElement(React.Fragment,null,(void 0!==r||(null==t?void 0:t.constraints))&&React.createElement(Description,null,void 0!==r&&React.createElement(Markdown,{source:r}),"object"===(null==t?void 0:t.type)&&React.createElement(ConstraintsView,{constraints:(null==t?void 0:t.constraints)||[]})),React.createElement(Schema,{skipReadOnly:n,skipWriteOnly:!n,key:"schema",schema:t}))}))}var templateObject_1,Description=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-bottom: calc(var(--spacing-unit) * 4);\n"],["\n  margin-bottom: calc(var(--spacing-unit) * 4);\n"])));
+import{__assign,__makeTemplateObject}from"tslib";import React from"react";import styled from"styled-components";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{FieldsGroupHeader}from"../../common-elements";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{Schema}from"../Schema";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields/FieldContstraints";import{SchemaMimeTypeDropdown}from"../../../../components/common/Dropdown/styled";import{ParametersGroup}from"./ParametersGroup";function safePush(e,t,r){e[t]||(e[t]=[]),e[t].push(r)}var PARAM_PLACES=["path","query","cookie","header"];export var Parameters=function(e){var t=e.body,r=e.parameters,o=void 0===r?[]:r;if(void 0===t&&void 0===o)return null;var n,a=(n={},o.forEach((function(e){safePush(n,e.in,e)})),n),i=o.length>0?PARAM_PLACES:[],c=t&&t.content,m=t&&t.description;return React.createElement(React.Fragment,null,i.map((function(e){return React.createElement(ParametersGroup,{key:e,place:e,parameters:a[e]})})),c&&React.createElement(BodyContent,{content:c,description:m}))};function DropdownWithinHeader(e){return React.createElement(FieldsGroupHeader,{key:"header","data-cy":"request-body-header"},"Request Body schema: ",React.createElement(DropdownOrLabel,__assign({},e,{Dropdown:SchemaMimeTypeDropdown})))}export function BodyContent(e){var t=e.content,r=e.description,o=t.isRequestType;return React.createElement(MediaTypesSwitch,{content:t,renderDropdown:DropdownWithinHeader},(function(e){var t=e.schema,n=e.examples,a=e.operation;return React.createElement(React.Fragment,null,(void 0!==r||(null==t?void 0:t.constraints))&&React.createElement(Description,null,void 0!==r&&React.createElement(Markdown,{source:r}),"object"===(null==t?void 0:t.type)&&React.createElement(ConstraintsView,{constraints:(null==t?void 0:t.constraints)||[]})),React.createElement(Schema,{skipReadOnly:o,skipWriteOnly:!o,key:"schema",schema:t,examples:n,operation:a}))}))}var templateObject_1,Description=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-bottom: calc(var(--spacing-unit) * 4);\n"],["\n  margin-bottom: calc(var(--spacing-unit) * 4);\n"])));
 //# sourceMappingURL=Parameters.js.map

package/lib-esm/redoc-lib/src/components/Parameters/ParametersGroup.js

@@ -1,2 +1,2 @@
-import{__extends,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{FieldsGroupHeader}from"../../common-elements";import{PropertiesTable,PropertiesTableWrap}from"../../common-elements/fields-layout";import{Field}from"../Fields/Field";import{mapWithLast}from"../../utils";var templateObject_1,ParametersGroup=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.place,r=e.parameters;return r&&r.length?React.createElement(Wrap,{key:t},React.createElement(FieldsGroupHeader,null,t," Parameters"),React.createElement(PropertiesTableWrap,null,React.createElement(PropertiesTable,null,React.createElement("tbody",null,mapWithLast(r,(function(e,t){return React.createElement(Field,{key:e.name,isLast:t,field:e,showExamples:!0})})))))):null}}),t}(React.PureComponent);export{ParametersGroup};export var Wrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin: 20px 0 0 0;\n  padding-bottom: 20px;\n  border-bottom: 1px solid var(--global-border-color);\n\n  &:first-child {\n    margin: 0;\n  }\n\n  &:last-child,\n  &:only-child {\n    border-bottom: none;\n    padding-bottom: 0;\n  }\n"],["\n  margin: 20px 0 0 0;\n  padding-bottom: 20px;\n  border-bottom: 1px solid var(--global-border-color);\n\n  &:first-child {\n    margin: 0;\n  }\n\n  &:last-child,\n  &:only-child {\n    border-bottom: none;\n    padding-bottom: 0;\n  }\n"])));
+import{__extends,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{FieldsGroupHeader}from"../../common-elements";import{PropertiesTable,PropertiesTableWrap}from"../../common-elements/fields-layout";import{Field}from"../Fields/Field";import{mapWithLast}from"../../utils";var templateObject_1,ParametersGroup=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.place,r=e.parameters;return r&&r.length?React.createElement(Wrap,{key:t},React.createElement(FieldsGroupHeader,null,t," Parameters"),React.createElement(PropertiesTableWrap,null,React.createElement(PropertiesTable,null,React.createElement("tbody",null,mapWithLast(r,(function(e,t){return React.createElement(Field,{key:e.name,isLast:t,field:e,showExamples:!0})})))))):null}}),t}(React.PureComponent);export{ParametersGroup};export var Wrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin: 20px 0 0 0;\n  padding-bottom: 20px;\n  border-bottom: 1px solid var(--border-color);\n\n  &:first-child {\n    margin: 0;\n  }\n\n  &:last-child,\n  &:only-child {\n    border-bottom: none;\n    padding-bottom: 0;\n  }\n"],["\n  margin: 20px 0 0 0;\n  padding-bottom: 20px;\n  border-bottom: 1px solid var(--border-color);\n\n  &:first-child {\n    margin: 0;\n  }\n\n  &:last-child,\n  &:only-child {\n    border-bottom: none;\n    padding-bottom: 0;\n  }\n"])));
 //# sourceMappingURL=ParametersGroup.js.map

package/lib-esm/redoc-lib/src/components/PayloadSamples/Example.d.ts

@@ -1,8 +1,4 @@
 /// <reference types="react" />
-import type { ExampleModel } from '../../services/models';
-export interface ExampleProps {
-    example: ExampleModel;
-    mimeType: string;
-}
+import type { ExampleProps } from './types';
 export declare function Example({ example, mimeType }: ExampleProps): JSX.Element;
 export declare function ExternalExample({ example, mimeType }: ExampleProps): JSX.Element;

package/lib-esm/redoc-lib/src/components/PayloadSamples/Example.js

@@ -1,2 +1,2 @@
-import*as React from"react";import{PreformattedCodeBlock}from"@redocly/theme";import{ExampleValue}from"./ExampleValue";import{useExternalExample}from"./exernalExampleHook";export function Example(e){var a=e.example,l=e.mimeType;return void 0===a.value&&a.externalValueUrl?React.createElement(ExternalExample,{example:a,mimeType:l}):React.createElement(ExampleValue,{value:a.value,mimeType:l,encoding:a.encoding})}export function ExternalExample(e){var a=e.example,l=e.mimeType,r=useExternalExample(a,l);return void 0===r?React.createElement("span",null,"Loading..."):r instanceof Error?React.createElement(PreformattedCodeBlock,null,"Error loading external example: ",React.createElement("br",null),React.createElement("a",{className:"token string",href:a.externalValueUrl,target:"_blank",rel:"noopener noreferrer"},a.externalValueUrl)):React.createElement(ExampleValue,{value:r,mimeType:l})}
+import*as React from"react";import{PreformattedCodeBlock}from"@redocly/theme";import{ExampleValue}from"./ExampleValue";import{useExternalExample}from"./useExternalExample";export function Example(e){var a=e.example,l=e.mimeType;return void 0===a.value&&a.externalValueUrl?a.externalValueUrl.endsWith(".pdf")?React.createElement(ExampleValue,{value:"PDF file",mimeType:l,encoding:a.encoding}):React.createElement(ExternalExample,{example:a,mimeType:l}):React.createElement(ExampleValue,{value:a.value,mimeType:l,encoding:a.encoding})}export function ExternalExample(e){var a=e.example,l=e.mimeType,r=useExternalExample(a,l);return void 0===r?React.createElement("span",null,"Loading..."):r instanceof Error?React.createElement(PreformattedCodeBlock,null,"Error loading external example: ",React.createElement("br",null),React.createElement("a",{className:"token string",href:a.externalValueUrl,target:"_blank",rel:"noopener noreferrer"},a.externalValueUrl)):React.createElement(ExampleValue,{value:r,mimeType:l})}
 //# sourceMappingURL=Example.js.map

package/lib-esm/redoc-lib/src/components/PayloadSamples/ExampleValue.d.ts

@@ -1,10 +1,3 @@
 /// <reference types="react" />
-import type { OpenAPIEncoding } from '../../types';
-export interface ExampleValueProps {
-    value: GenericObject | string;
-    mimeType: string;
-    encoding?: {
-        [field: string]: OpenAPIEncoding;
-    };
-}
+import type { ExampleValueProps } from './types';
 export declare function ExampleValue({ value, mimeType, encoding }: ExampleValueProps): JSX.Element;

package/lib-esm/redoc-lib/src/components/PayloadSamples/MediaTypeSamples.d.ts

@@ -1,8 +1,3 @@
 /// <reference types="react" />
-import type { MediaTypeModel } from '../../services/models';
-export interface PayloadSamplesProps {
-    mediaType: MediaTypeModel;
-    onlyDefaultSample?: boolean;
-    properties?: any;
-}
-export declare const MediaTypeSamples: ({ mediaType, onlyDefaultSample, properties }: PayloadSamplesProps) => JSX.Element;
+import type { MediaTypeSamplesProps } from './types';
+export declare const MediaTypeSamples: ({ mediaType, onlyDefaultSample, properties, onChange }: MediaTypeSamplesProps) => JSX.Element;

package/lib-esm/redoc-lib/src/components/PayloadSamples/MediaTypeSamples.js

@@ -1,2 +1,2 @@
-import{__assign}from"tslib";import*as React from"react";import merge from"deepmerge";import{observer}from"mobx-react";import{NoSampleLabel}from"../../../../components/shared";import{ExampleSwitch,useExampleKey}from"../../../../components/Samples";import{arrayMergeStrategy}from"../../../../services/utils";import{Markdown}from"../Markdown";import{Example}from"./Example";import{ExampleWrapper}from"./styled";export var MediaTypeSamples=observer((function(e){var a=e.mediaType,r=e.onlyDefaultSample,t=e.properties,m=a.examples||{},l=a.name,p=Object.keys(m),o=useExampleKey(a.operation,m),n=o.exampleKey,c=o.defaultExampleName,i=1===p.length?Object.values(m)[0]:m[n];if(!p.length)return React.createElement(NoSampleLabel,null,"No sample");var s=t?__assign(__assign({},i),{value:merge(i.value,t,{arrayMerge:arrayMergeStrategy})}):i,u=s.description;if(c&&r)return React.createElement(React.Fragment,null,s.description&&React.createElement(Markdown,{source:s.description}),React.createElement(Example,{example:s,mimeType:l}));return React.createElement(React.Fragment,null,React.createElement(ExampleSwitch,{examples:m,exampleKey:n,onChange:function(e){var r;return null===(r=a.operation)||void 0===r?void 0:r.activateExampleName(e)}}),React.createElement(ExampleWrapper,null,u&&React.createElement(Markdown,{source:u}),React.createElement(Example,{example:s,mimeType:l})))}));
+import{__assign}from"tslib";import React from"react";import merge from"deepmerge";import{observer}from"mobx-react";import{NoSampleLabel}from"../../../../components/shared";import{ExampleSwitch,useExampleKey}from"../../../../components/Samples";import{arrayMergeStrategy}from"../../../../services/utils";import{Markdown}from"../Markdown";import{Example}from"./Example";import{ExampleWrapper}from"./styled";export var MediaTypeSamples=observer((function(e){var a=e.mediaType,r=e.onlyDefaultSample,t=e.properties,m=e.onChange,l=a.examples||{},p=a.name,o=Object.keys(l),n=useExampleKey(a.operation,l),c=n.exampleKey,i=n.defaultExampleName,s=1===o.length?Object.values(l)[0]:l[c];if(!o.length)return React.createElement(NoSampleLabel,null,"No sample");var E=t?__assign(__assign({},s),{value:merge(s.value,t,{arrayMerge:arrayMergeStrategy})}):s,x=E.description;return i&&r?React.createElement(React.Fragment,null,E.description&&React.createElement(Markdown,{source:E.description}),React.createElement(Example,{example:E,mimeType:p})):React.createElement(React.Fragment,null,React.createElement(ExampleSwitch,{examples:l,exampleKey:c,onChange:m}),React.createElement(ExampleWrapper,null,x&&React.createElement(Markdown,{source:x}),React.createElement(Example,{example:E,mimeType:p})))}));
 //# sourceMappingURL=MediaTypeSamples.js.map

package/lib-esm/redoc-lib/src/components/PayloadSamples/PayloadSamples.d.ts

@@ -1,9 +1,3 @@
 /// <reference types="react" />
-import type { MediaContentModel, OperationModel } from '../../services';
-export interface PayloadSamplesProps {
-    content: MediaContentModel;
-    operation?: OperationModel;
-    properties?: any;
-    onlyDefaultMimeType?: boolean;
-}
+import type { PayloadSamplesProps } from './types';
 export declare const PayloadSamples: ({ onlyDefaultMimeType, operation, content: mimeContent, ...props }: PayloadSamplesProps) => JSX.Element;

package/lib-esm/redoc-lib/src/components/PayloadSamples/PayloadSamples.js

@@ -1,2 +1,2 @@
-import{__assign,__rest}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{MimeLabel}from"../../../../components/shared";import{Dropdown}from"../../../../components/common/Dropdown";import{DropdownWrapper}from"../../..";import{MediaTypeSamples}from"./MediaTypeSamples";export var PayloadSamples=observer((function(e){var r=e.onlyDefaultMimeType,o=e.operation,t=e.content,a=__rest(e,["onlyDefaultMimeType","operation","content"]),n=r&&(null==o?void 0:o.defaultMimeType);return React.createElement(MediaTypesSwitch,{content:t,renderDropdown:n?function(){return null}:function(e){return React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,__assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e)))}},(function(e){return React.createElement(MediaTypeSamples,__assign({key:"samples",mediaType:e},a))}))}));
+import{__assign,__rest}from"tslib";import{observer}from"mobx-react";import React from"react";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{MimeLabel}from"../../../../components/shared";import{Dropdown}from"../../../../components/common/Dropdown";import{MediaTypeSamples}from"./MediaTypeSamples";import{DropdownWrapper}from"./styled";export var PayloadSamples=observer((function(e){var r=e.onlyDefaultMimeType,o=e.operation,t=e.content,n=__rest(e,["onlyDefaultMimeType","operation","content"]),a=r&&(null==o?void 0:o.defaultMimeType),p=function(e){return t.activateExampleName(e)};return React.createElement(MediaTypesSwitch,{content:t,renderDropdown:a?function(){return null}:function(e){return React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,__assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e)))}},(function(e){return React.createElement(MediaTypeSamples,__assign({key:"samples",mediaType:e},n,{onChange:p}))}))}));
 //# sourceMappingURL=PayloadSamples.js.map

package/lib-esm/redoc-lib/src/components/PayloadSamples/index.d.ts

@@ -0,0 +1,5 @@
+export { Example, ExternalExample } from './Example';
+export { ExampleValue } from './ExampleValue';
+export { MediaTypeSamples } from './MediaTypeSamples';
+export { PayloadSamples } from './PayloadSamples';
+export * from './styled';

package/lib-esm/redoc-lib/src/components/PayloadSamples/index.js

@@ -0,0 +1,2 @@
+export{Example,ExternalExample}from"./Example";export{ExampleValue}from"./ExampleValue";export{MediaTypeSamples}from"./MediaTypeSamples";export{PayloadSamples}from"./PayloadSamples";export*from"./styled";
+//# sourceMappingURL=index.js.map

package/lib-esm/redoc-lib/src/components/PayloadSamples/styled.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";export var DropdownLabel=styled.span(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-size: 12px;\n  position: absolute;\n  z-index: 1;\n  top: -11px;\n  left: 12px;\n  font-weight: var(--font-weight-bold);\n  color: var(--samples-panel-text-color);\n  opacity: 0.7;\n  font-family: var(--font-family-base);\n"],["\n  font-size: 12px;\n  position: absolute;\n  z-index: 1;\n  top: -11px;\n  left: 12px;\n  font-weight: var(--font-weight-bold);\n  color: var(--samples-panel-text-color);\n  opacity: 0.7;\n  font-family: var(--font-family-base);\n"])));export var DropdownWrapper=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  position: relative;\n  margin-bottom: 10px;\n"],["\n  position: relative;\n  margin-bottom: 10px;\n"])));export var ExampleWrapper=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  margin-top: 5px;\n"],["\n  margin-top: 5px;\n"])));var templateObject_1,templateObject_2,templateObject_3;
+import{__makeTemplateObject}from"tslib";import styled from"styled-components";export var DropdownLabel=styled.span(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-size: 12px;\n  position: absolute;\n  z-index: 1;\n  top: -11px;\n  left: 12px;\n  font-weight: var(--font-weight-bold);\n  color: var(--panel-samples-text-color);\n  opacity: 0.7;\n  font-family: var(--font-family-base);\n"],["\n  font-size: 12px;\n  position: absolute;\n  z-index: 1;\n  top: -11px;\n  left: 12px;\n  font-weight: var(--font-weight-bold);\n  color: var(--panel-samples-text-color);\n  opacity: 0.7;\n  font-family: var(--font-family-base);\n"])));export var DropdownWrapper=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  position: relative;\n  margin-bottom: 10px;\n"],["\n  position: relative;\n  margin-bottom: 10px;\n"])));export var ExampleWrapper=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  margin-top: 5px;\n"],["\n  margin-top: 5px;\n"])));var templateObject_1,templateObject_2,templateObject_3;
 //# sourceMappingURL=styled.js.map

package/lib-esm/redoc-lib/src/components/PayloadSamples/types.d.ts

@@ -0,0 +1,24 @@
+import type { ExampleModel, MediaContentModel, MediaTypeModel, OperationModel } from '../../services';
+import type { OpenAPIEncoding } from '../../types';
+export interface ExampleProps {
+    example: ExampleModel;
+    mimeType: string;
+}
+export interface ExampleValueProps {
+    value: GenericObject | string;
+    mimeType: string;
+    encoding?: {
+        [field: string]: OpenAPIEncoding;
+    };
+}
+export interface MediaTypeSamplesProps {
+    mediaType: MediaTypeModel;
+    onlyDefaultSample?: boolean;
+    properties?: GenericObject;
+    onChange: (key: any) => void;
+}
+export interface PayloadSamplesProps extends Pick<MediaTypeSamplesProps, 'properties'> {
+    content: MediaContentModel;
+    operation?: OperationModel;
+    onlyDefaultMimeType?: boolean;
+}

package/lib-esm/redoc-lib/src/components/PayloadSamples/types.js

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

package/lib-esm/redoc-lib/src/components/PayloadSamples/{exernalExampleHook.js → useExternalExample.js}

@@ -1,2 +1,2 @@
 import{__awaiter,__generator}from"tslib";import{useEffect,useRef,useState}from"react";export function useExternalExample(e,r){var t=this,n=useState(!0)[1],u=useRef(void 0),a=useRef(void 0);return a.current!==e&&(u.current=void 0),a.current=e,useEffect((function(){__awaiter(t,void 0,void 0,(function(){var t,a;return __generator(this,(function(s){switch(s.label){case 0:n(!0),s.label=1;case 1:return s.trys.push([1,3,,4]),t=u,[4,e.getExternalValue(r)];case 2:return t.current=s.sent(),[3,4];case 3:return a=s.sent(),u.current=a,[3,4];case 4:return n(!1),[2]}}))}))}),[e,r]),u.current}
-//# sourceMappingURL=exernalExampleHook.js.map
+//# sourceMappingURL=useExternalExample.js.map

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

@@ -1,2 +1,2 @@
-import{__assign,__rest}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{SourceCode}from"@redocly/theme";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{MimeLabel}from"../../../../components/shared";import{Dropdown}from"../../../../components/common/Dropdown";import{DropdownWrapper}from"../PayloadSamples/styled";import{ExampleSwitch,useExampleKey}from"../../../../components/Samples";export var CodeSample=observer((function(e){var r,o=e.onlyDefaultSample,t=e.onlyDefaultMimeType,a=e.content,n=__rest(e,["onlyDefaultSample","onlyDefaultMimeType","content"]),l=function(e){return n.source?React.createElement(SourceCode,{lang:n.lang,source:n.source,withCopyButton:!0}):React.createElement(SourceCode,{lang:n.lang,externalSource:{sample:n.externalSample,exampleName:e,operation:n.operation,pathParams:n.pathParams,properties:n.properties},withCopyButton:!0})};if(void 0===a||null!=n.source)return l();var p=t&&(null===(r=n.operation)||void 0===r?void 0:r.defaultMimeType),m=a&&a.mediaTypes.length>1&&!p,i=function(e){var r;return null===(r=n.operation)||void 0===r?void 0:r.activateExampleName(e)};return React.createElement(MediaTypesSwitch,{content:a,renderDropdown:m?function(e){return React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,__assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e)))}:function(){return null}},(function(e){var r=e.examples||{},t=Object.keys(r);if(!t.length||1===t.length)return l();var a=useExampleKey(e.operation,r),n=a.exampleKey;return a.defaultExampleName&&o?l(n):React.createElement(React.Fragment,null,React.createElement(ExampleSwitch,{examples:r,exampleKey:n,onChange:i}),l(n))}))}));
+import{__assign,__rest}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{SourceCode}from"@redocly/theme/SourceCode";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{MimeLabel}from"../../../../components/shared";import{Dropdown}from"../../../../components/common/Dropdown";import{DropdownWrapper}from"../../../src/components/PayloadSamples";import{ExampleSwitch,useExampleKey}from"../../../../components/Samples";export var CodeSample=observer((function(e){var o,r=e.onlyDefaultSample,t=e.onlyDefaultMimeType,a=e.content,n=__rest(e,["onlyDefaultSample","onlyDefaultMimeType","content"]),p=function(e){return n.source?React.createElement(SourceCode,{lang:n.lang,source:n.source,withCopyButton:!0}):React.createElement(SourceCode,{lang:n.lang,externalSource:{sample:n.externalSample,exampleName:e,operation:n.operation,pathParams:n.pathParams,properties:n.properties},withCopyButton:!0})};if(void 0===a||null!=n.source)return p();var l=t&&(null===(o=n.operation)||void 0===o?void 0:o.defaultMimeType),m=a&&a.mediaTypes.length>1&&!l,c=function(e){return a.activateExampleName(e)};return React.createElement(MediaTypesSwitch,{content:a,renderDropdown:m?function(e){return React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,__assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e)))}:function(){return null}},(function(e){var o=e.examples||{},t=Object.keys(o),a=useExampleKey(e.operation,o),n=a.exampleKey,l=a.defaultExampleName;return t.length&&1!==t.length?l&&r?p(n):React.createElement(React.Fragment,null,React.createElement(ExampleSwitch,{examples:o,exampleKey:n,onChange:c}),p(n)):p()}))}));
 //# sourceMappingURL=CodeSample.js.map

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

@@ -10,4 +10,4 @@ export interface RequestSamplesProps {
     onlyDefaultMimeType?: boolean;
     content?: MediaContentModel;
 }
-export declare const RequestSamples: ({ operation, defaultLanguage, disableHeader, content, ...props }: RequestSamplesProps) => JSX.Element | null;
+export declare const RequestSamples: ({ operation, defaultLanguage, disableHeader, content: _content, ...props }: RequestSamplesProps) => JSX.Element | null;

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

@@ -1,2 +1,2 @@
-import{__assign,__rest}from"tslib";import React,{useContext,useEffect}from"react";import{observer}from"mobx-react";import{CodePanel}from"../../../../components/Panel";import{TabPanel}from"../../../../components/Tabs";import{SamplesTabs}from"../../../../components/Samples";import{isPayloadSample}from"../../services";import{PayloadSamples}from"../PayloadSamples/PayloadSamples";import{OptionsContext}from"../OptionsProvider";import{l}from"../../services/Labels";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{createLanguageSwitchEvent,creatPanelToggleEvent}from"./languageSwitchEvent";export var RequestSamples=observer((function(e){var a=e.operation,t=e.defaultLanguage,o=e.disableHeader,n=(e.content,__rest(e,["operation","defaultLanguage","disableHeader","content"])),r=useContext(OptionsContext),s=r.events,m=r.hideSingleRequestSampleTab;useEffect((function(){}),[a.activeServer,a.requestValues]);var p=useCodeSamples(a),i=p.samples,c=p.payload,d=1===i.length&&m;return i.length?React.createElement(CodePanel,{dataHeaderTestId:"request-samples",header:o?void 0:l("requestSamples"),onToggle:function(e){var t,o=creatPanelToggleEvent({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,{operation:a,tabs:i,onChange:function(e){var t,o=createLanguageSwitchEvent({operation:a,sample:e});null===(t=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===t||t.call(s,o)},hidden:d,defaultLanguage:t},i.map((function(e){return React.createElement(TabPanel,{key:e.key},isPayloadSample(e)?React.createElement(PayloadSamples,__assign({content:e.requestBodyContent,operation:a},n)):React.createElement(CodeSample,__assign({lang:e.lang,source:e.source,externalSample:e,content:null==c?void 0:c.requestBodyContent,operation:a},n)))})))):null}));
+import{__assign,__rest}from"tslib";import React,{useContext,useEffect}from"react";import{observer}from"mobx-react";import{SamplesTabs}from"../../../../components/Samples";import{TabPanel}from"../../../../components/Tabs";import{isPayloadSample}from"../../services";import{PayloadSamples}from"../PayloadSamples";import{OptionsContext}from"../OptionsProvider";import{l}from"../../services/Labels";import{CodePanel}from"../../../../components/Panel";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{createLanguageSwitchEvent,creatPanelToggleEvent}from"./languageSwitchEvent";export var RequestSamples=observer((function(e){var a=e.operation,t=e.defaultLanguage,o=e.disableHeader,n=(e.content,__rest(e,["operation","defaultLanguage","disableHeader","content"])),r=useContext(OptionsContext),s=r.events,m=r.hideSingleRequestSampleTab;useEffect((function(){}),[a.activeServer,a.requestValues]);var i=useCodeSamples(a),p=i.samples,c=i.payload,u=1===p.length&&m;return p.length?React.createElement(CodePanel,{className:"panel-request-samples",header:o?void 0:l("requestSamples"),onToggle:function(e){var t,o=creatPanelToggleEvent({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,{operation:a,tabs:p,onChange:function(e){var t,o=createLanguageSwitchEvent({operation:a,sample:e});null===(t=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===t||t.call(s,o)},hidden:u,defaultLanguage:t,id:a.id+"/request-tab"},p.map((function(e){return React.createElement(TabPanel,{key:e.key+a.id},isPayloadSample(e)?React.createElement(PayloadSamples,__assign({content:e.requestBodyContent,operation:a},n)):React.createElement(CodeSample,__assign({lang:e.lang,source:e.source,externalSample:e,content:null==c?void 0:c.requestBodyContent,operation:a},n)))})))):null}));
 //# sourceMappingURL=RequestSamples.js.map

package/lib-esm/redoc-lib/src/components/RequestSamples/languageSwitchEvent.d.ts

@@ -1,6 +1,6 @@
 import type { AnalyticsEvent, CodeSamplesLanguageSwitchedEvent, PanelToggleEvent } from '../../../../services/store-types';
-import { AnalyticsEventType } from '../../../../services/store-types';
 import type { OperationModel, Sample } from '../../services';
+import { AnalyticsEventType } from '../../../../services/store-types';
 export declare function createTrackingEvent<T extends AnalyticsEvent>(eventType: AnalyticsEventType): (payload: Omit<T, 'eventType'>) => T;
 export interface LanguageSwitchProps {
     operation: OperationModel;

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

@@ -1,2 +1,2 @@
-import*as React from"react";import{CodePanel}from"../../../../components/Panel";import{CollapsingTabs,TabPanel}from"../../../../components/Tabs";import{OptionsContext}from"../OptionsProvider";import{PayloadSamples}from"../PayloadSamples/PayloadSamples";import{creatPanelToggleEvent}from"../RequestSamples/languageSwitchEvent";import{l}from"../../services/Labels";export var ResponseSamples=function(e){var a=e.operation,t=React.useContext(OptionsContext).events,n=a.responses.filter((function(e){var a,t;return null!==(t=null===(a=e.content)||void 0===a?void 0:a.hasSample)&&void 0!==t&&t}));if(!n.length)return null;var o=n.map((function(e){var a=e.code;return{key:a,title:a}}));return React.createElement(CodePanel,{dataHeaderTestId:"response-samples",header:l("responseSamples"),onToggle:function(e){var n,o=creatPanelToggleEvent({operation:a,isExpanded:e,panelType:"response-samples"});null===(n=null==t?void 0:t.panelToggle)||void 0===n||n.call(t,o)}},React.createElement(CollapsingTabs,{tabs:o,operation:a},n.map((function(e){return React.createElement(TabPanel,{key:e.code,value:e.code},React.createElement("div",null,React.createElement(PayloadSamples,{content:e.content})))}))))};
+import*as React from"react";import{CollapsingTabs,TabPanel}from"../../../../components/Tabs";import{OptionsContext}from"../OptionsProvider";import{PayloadSamples}from"../PayloadSamples";import{creatPanelToggleEvent}from"../RequestSamples/languageSwitchEvent";import{l}from"../../services/Labels";import{CodePanel}from"../../../../components/Panel/CodePanel";export var ResponseSamples=function(e){var a=e.operation,n=React.useContext(OptionsContext).events,t=a.responses.filter((function(e){var a,n;return null!==(n=null===(a=e.content)||void 0===a?void 0:a.hasSample)&&void 0!==n&&n}));if(!t.length)return null;var o=t.map((function(e){var a=e.code;return{key:a,title:a}}));return React.createElement(CodePanel,{className:"panel-response-samples",header:l("responseSamples"),onToggle:function(e){var t,o=creatPanelToggleEvent({operation:a,isExpanded:e,panelType:"response-samples"});null===(t=null==n?void 0:n.panelToggle)||void 0===t||t.call(n,o)}},React.createElement(CollapsingTabs,{tabs:o,operation:a},t.map((function(e){return React.createElement(TabPanel,{key:e.code,value:e.code},React.createElement("div",null,React.createElement(PayloadSamples,{content:e.content})))}))))};
 //# sourceMappingURL=ResponseSamples.js.map

package/lib-esm/redoc-lib/src/components/Responses/Response.d.ts

@@ -1,6 +1,3 @@
 /// <reference types="react" />
-import type { ResponseModel } from '../../services/models';
-export interface ResponseViewProps {
-    response: ResponseModel;
-}
-export declare const ResponseView: ({ response }: ResponseViewProps) => JSX.Element;
+import type { ResponseProps } from './types';
+export declare const Response: ({ response }: ResponseProps) => JSX.Element;

package/lib-esm/redoc-lib/src/components/Responses/Response.js

@@ -1,2 +1,2 @@
-import{observer}from"mobx-react";import*as React from"react";import{ResponsePanel}from"../../../../components/Panel";import{ResponseDetails}from"./ResponseDetails";import{ResponseSummary}from"./ResponseSummary";export var ResponseView=observer((function(e){var o=e.response;return React.createElement(ResponsePanel,{header:function(e){var r=e.expanded,n=e.toggle;return React.createElement(ResponseSummary,{response:o,toggle:n,expanded:r})},expanded:Boolean(o.expanded),type:o.type},React.createElement(ResponseDetails,{response:o}))}));
+import React from"react";import{observer}from"mobx-react";import{StyledResponsePanel}from"../../../../components/Panel";import{ResponseDetails}from"./ResponseDetails";import{ResponseSummary}from"./ResponseSummary";export var Response=observer((function(e){var o=e.response;return React.createElement(StyledResponsePanel,{header:function(e){var r=e.expanded,s=e.toggle;return React.createElement(ResponseSummary,{response:o,toggle:s,expanded:r})},expanded:Boolean(o.expanded),className:"panel-response-"+o.type},React.createElement(ResponseDetails,{response:o}))}));
 //# sourceMappingURL=Response.js.map

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

@@ -1,8 +1,3 @@
-import * as React from 'react';
-import type { ResponseModel } from '../../services/models';
-export declare class ResponseDetails extends React.PureComponent<{
-    response: ResponseModel;
-}> {
-    render(): JSX.Element;
-    private renderDropdown;
-}
+import React from 'react';
+import type { ResponseProps } from './types';
+export declare const ResponseDetails: React.NamedExoticComponent<ResponseProps>;

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

@@ -1,2 +1,2 @@
-import{__assign,__extends}from"tslib";import*as React from"react";import{FieldsGroupHeader}from"../../common-elements";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{Schema}from"../Schema";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields/FieldContstraints";import{ResponseHeaders}from"./ResponseHeaders";import{Wrapper}from"./styled.elements";var ResponseDetails=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"renderDropdown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return React.createElement(FieldsGroupHeader,{key:"header"},"Response Schema: ",React.createElement(DropdownOrLabel,__assign({},e)))}}),r}return __extends(r,e),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.response,r=e.description,t=e.headers,n=e.content;return React.createElement(React.Fragment,null,r&&React.createElement(Markdown,{source:r}),React.createElement(ResponseHeaders,{headers:t}),React.createElement(MediaTypesSwitch,{content:n,renderDropdown:this.renderDropdown},(function(e){var r=e.schema;return React.createElement(React.Fragment,null,React.createElement(Wrapper,null,"object"===(null==r?void 0:r.type)&&React.createElement(ConstraintsView,{constraints:(null==r?void 0:r.constraints)||[]})),React.createElement(Schema,{skipWriteOnly:!0,key:"schema",schema:r}))})))}}),r}(React.PureComponent);export{ResponseDetails};
+import{__assign}from"tslib";import React,{memo}from"react";import{FieldsGroupHeader}from"../../common-elements";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{Schema}from"../Schema";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields/FieldContstraints";import{ResponseHeaders}from"./ResponseHeaders";import{Wrapper}from"./styled";function ResponseDetailsComponent(e){var t=e.response,r=t.description,a=t.headers,n=t.content;return React.createElement(React.Fragment,null,r&&React.createElement(Markdown,{source:r}),React.createElement(ResponseHeaders,{headers:a}),React.createElement(MediaTypesSwitch,{content:n,renderDropdown:function(e){return React.createElement(FieldsGroupHeader,{key:"header"},"Response Schema: ",React.createElement(DropdownOrLabel,__assign({},e)))}},(function(e){var t=e.schema;return React.createElement(React.Fragment,null,React.createElement(Wrapper,null,"object"===(null==t?void 0:t.type)&&React.createElement(ConstraintsView,{constraints:(null==t?void 0:t.constraints)||[]})),React.createElement(Schema,{skipWriteOnly:!0,key:"schema",schema:t}))})))}export var ResponseDetails=memo(ResponseDetailsComponent);
 //# sourceMappingURL=ResponseDetails.js.map

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

@@ -1,9 +1,3 @@
-import * as React from 'react';
-import type { FieldModel } from '../../services/models';
-export interface ResponseHeadersProps {
-    headers?: FieldModel[];
-}
-export declare class ResponseHeaders extends React.PureComponent<ResponseHeadersProps> {
-    render(): JSX.Element | null;
-}
-export declare const PropertiesTableWrapStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+import React from 'react';
+import type { ResponseHeadersProps } from './types';
+export declare const ResponseHeaders: React.NamedExoticComponent<ResponseHeadersProps>;

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

@@ -1,2 +1,2 @@
-import{__extends,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{PropertiesTable,PropertiesTableWrap}from"../../common-elements/fields-layout";import{mapWithLast}from"../../utils";import{Field}from"../Fields/Field";import{HeadersCaption}from"./styled.elements";var templateObject_1,ResponseHeaders=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.headers;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,(function(e,t){return React.createElement(Field,{isLast:t,key:e.name,field:e,showExamples:!0})})))))}}),t}(React.PureComponent);export{ResponseHeaders};export var PropertiesTableWrapStyled=styled(PropertiesTableWrap)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  :not(:last-child) {\n    border-bottom: 1px solid var(--global-border-color);\n    margin-bottom: 1.5em;\n    padding-bottom: 1.5em;\n  }\n"],["\n  :not(:last-child) {\n    border-bottom: 1px solid var(--global-border-color);\n    margin-bottom: 1.5em;\n    padding-bottom: 1.5em;\n  }\n"])));
+import React,{memo}from"react";import{PropertiesTable}from"../../common-elements";import{mapWithLast}from"../../utils";import{Field}from"../Fields/Field";import{HeadersCaption,PropertiesTableWrapStyled}from"./styled";function ResponseHeadersComponent(e){var t=e.headers;return void 0===t||0===t.length?null:React.createElement(PropertiesTableWrapStyled,null,React.createElement(PropertiesTable,null,React.createElement(HeadersCaption,null," Response Headers "),React.createElement("tbody",null,mapWithLast(t,(function(e,t){return React.createElement(Field,{isLast:t,key:e.name,field:e,showExamples:!0})})))))}export var ResponseHeaders=memo(ResponseHeadersComponent);
 //# sourceMappingURL=ResponseHeaders.js.map

package/lib-esm/redoc-lib/src/components/Responses/ResponseSummary.d.ts

@@ -1,7 +1,3 @@
 /// <reference types="react" />
-import type { PanelHeaderProps } from '../../../../components/Panel';
-import type { ResponseModel } from '../../services';
-export interface ResponseTitleProps extends PanelHeaderProps {
-    response: ResponseModel;
-}
+import type { ResponseTitleProps } from './types';
 export declare const ResponseSummary: ({ expanded, toggle, response, }: ResponseTitleProps) => JSX.Element;

package/lib-esm/redoc-lib/src/components/Responses/ResponseSummary.js

@@ -1,2 +1,2 @@
-import*as React from"react";import{Header,Title,Trigger}from"../../../../components/Panel";import{ShelfIcon}from"../../common-elements/icons";import{Markdown}from"../Markdown";export var ResponseSummary=function(e){var n=e.expanded,t=e.toggle,r=e.response,o=r.content,a=r.headers,l=r.description,c=(null==o?void 0:o.mediaTypes.filter((function(e){return void 0!==e.schema})))||[],m=0===a.length&&0===c.length&&!l;return React.createElement(Header,{onClick:t,disabled:m},React.createElement(Trigger,null,React.createElement(Title,null,React.createElement("span",null,r.code),r.summary&&React.createElement(Markdown,{inline:!0,source:r.summary})),m?null:React.createElement(ShelfIcon,{direction:n?"down":"right"})))};
+import React from"react";import{PanelHeaderTitle,PanelHeader}from"@redocly/theme/Panel";import{Trigger}from"../../../../components/Panel";import{ShelfIcon}from"../../common-elements/icons";import{Markdown}from"../Markdown";export var ResponseSummary=function(e){var n=e.expanded,r=void 0!==n&&n,t=e.toggle,a=e.response,o=a.content,l=a.headers,c=a.description,m=(null==o?void 0:o.mediaTypes.filter((function(e){return void 0!==e.schema})))||[],i=0===l.length&&0===m.length&&!c;return React.createElement(PanelHeader,{expanded:r,onClick:t,disabled:i},React.createElement(Trigger,null,React.createElement(PanelHeaderTitle,null,React.createElement("span",null,a.code),a.summary&&React.createElement(Markdown,{inline:!0,source:a.summary})),i?null:React.createElement(ShelfIcon,{direction:r?"down":"right"})))};
 //# sourceMappingURL=ResponseSummary.js.map

package/lib-esm/redoc-lib/src/components/Responses/ResponsesList.d.ts

@@ -1,8 +1,3 @@
-import * as React from 'react';
-import type { ResponseModel } from '../../services';
-export interface ResponseListProps {
-    responses: ResponseModel[];
-}
-export declare class ResponsesList extends React.PureComponent<ResponseListProps> {
-    render(): JSX.Element | null;
-}
+import React from 'react';
+import type { ResponseListProps } from './types';
+export declare const ResponsesList: React.NamedExoticComponent<ResponseListProps>;

package/lib-esm/redoc-lib/src/components/Responses/ResponsesList.js

@@ -1,2 +1,2 @@
-import{__extends}from"tslib";import*as React from"react";import{ResponseView}from"./Response";var ResponsesList=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.responses;return e&&0!==e.length?React.createElement("div",null,e.map((function(e){return React.createElement(ResponseView,{key:e.code,response:e})}))):null}}),t}(React.PureComponent);export{ResponsesList};
+import React,{memo}from"react";import{Response}from"./Response";function ResponsesListComponent(e){var n=e.responses;return n&&0!==n.length?React.createElement("div",null,n.map((function(e){return React.createElement(Response,{key:e.code,response:e})}))):null}export var ResponsesList=memo(ResponsesListComponent);
 //# sourceMappingURL=ResponsesList.js.map

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

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

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

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

package/lib-esm/redoc-lib/src/components/Responses/{styled.elements.d.ts → styled.d.ts}

@@ -1,2 +1,3 @@
 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>;

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

@@ -0,0 +1,2 @@
+import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{FieldsGroupHeader,PropertiesTableWrap}from"../../common-elements";export var HeadersCaption=styled(FieldsGroupHeader.withComponent("caption"))(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  text-align: left;\n  margin-top: 1em;\n  caption-side: top;\n"],["\n  text-align: left;\n  margin-top: 1em;\n  caption-side: top;\n"])));export var Wrapper=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  margin-bottom: 1em;\n"],["\n  margin-bottom: 1em;\n"])));export var PropertiesTableWrapStyled=styled(PropertiesTableWrap)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  :not(:last-child) {\n    border-bottom: 1px solid var(--global-border-color);\n    margin-bottom: 1.5em;\n    padding-bottom: 1.5em;\n  }\n"],["\n  :not(:last-child) {\n    border-bottom: 1px solid var(--global-border-color);\n    margin-bottom: 1.5em;\n    padding-bottom: 1.5em;\n  }\n"])));var templateObject_1,templateObject_2,templateObject_3;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,12 @@
+import type { PanelHeaderProps } from '@redocly/theme/Panel';
+import type { ResponseModel, FieldModel } from '../../services';
+export interface ResponseProps {
+    response: ResponseModel;
+}
+export interface ResponseHeadersProps {
+    headers?: FieldModel[];
+}
+export interface ResponseListProps {
+    responses: ResponseModel[];
+}
+export declare type ResponseTitleProps = PanelHeaderProps & ResponseProps;

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

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

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

@@ -1,2 +1,2 @@
-import*as React from"react";import{observer}from"mobx-react";import{PropertiesTable,PropertiesTableWrap,PropertiesTableCaption}from"../../common-elements/fields-layout";import{Field}from"../Fields/Field";import{mapWithLast}from"../../utils";import{OptionsContext}from"../OptionsProvider";import{DiscriminatorDropdown}from"./DiscriminatorDropdown";export var ObjectSchema=observer((function(e){var t=e.schema,r=t.fields,a=void 0===r?[]:r,i=t.title,n=e.showTitle,l=e.discriminator,o=e.level,m=e.skipWriteOnly,s=e.skipReadOnly,c=React.useContext(OptionsContext),p=c.expandSingleSchemaField,d=c.showObjectSchemaExamples,u=c.schemaExpansionLevel,h=s||m?a.filter((function(e){return!(s&&e.schema.readOnly||m&&e.schema.writeOnly)})):a,f=p&&1===h.length||u>=o;return React.createElement(PropertiesTableWrap,null,React.createElement(PropertiesTable,null,n&&React.createElement(PropertiesTableCaption,null,i),React.createElement("tbody",null,mapWithLast(h,(function(e,t){return React.createElement(Field,{key:e.name,isLast:t,field:e,expandByDefault:f,renderDiscriminatorSwitch:(null==l?void 0:l.fieldName)===e.name&&function(){return React.createElement(React.Fragment,null,l.parentSchema?React.createElement(DiscriminatorDropdown,{parent:null==l?void 0:l.parentSchema,enumValues:e.schema.enum}):null)}||void 0,className:e.expanded?"expanded":void 0,showExamples:d,skipReadOnly:s,skipWriteOnly:m,showTitle:n,level:o})})))))}));
+import React,{useContext}from"react";import{observer}from"mobx-react";import{PropertiesTable,PropertiesTableWrap,PropertiesTableCaption}from"../../common-elements/fields-layout";import{Field}from"../Fields/Field";import{mapWithLast}from"../../utils";import{OptionsContext}from"../OptionsProvider";import{DiscriminatorDropdown}from"../DiscriminatorDropdown";export var ObjectSchema=observer((function(e){var t=e.schema,r=t.fields,i=void 0===r?[]:r,a=t.title,n=e.showTitle,o=e.discriminator,l=e.level,m=e.skipWriteOnly,s=e.skipReadOnly,p=useContext(OptionsContext),c=p.expandSingleSchemaField,d=p.showObjectSchemaExamples,u=p.schemaExpansionLevel,h=s||m?i.filter((function(e){return!(s&&e.schema.readOnly||m&&e.schema.writeOnly)})):i,f=c&&1===h.length||u>=l;return React.createElement(PropertiesTableWrap,null,React.createElement(PropertiesTable,null,n&&React.createElement(PropertiesTableCaption,null,a),React.createElement("tbody",null,mapWithLast(h,(function(e,t){return React.createElement(Field,{key:e.name,isLast:t,field:e,expandByDefault:f,renderDiscriminatorSwitch:(null==o?void 0:o.fieldName)===e.name&&(null==o?void 0:o.parentSchema)?function(){return React.createElement(DiscriminatorDropdown,{parent:o.parentSchema,enumValues:e.schema.enum,onChange:null==o?void 0:o.onChange})}:void 0,className:e.expanded?"expanded":void 0,showExamples:d,skipReadOnly:s,skipWriteOnly:m,showTitle:n,level:l})})))))}));
 //# sourceMappingURL=ObjectSchema.js.map

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

@@ -1,2 +1,2 @@
-import{__assign,__rest}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{BadgeStyle,OneOfButton as StyledOneOfButton,OneOfList,Wrapper}from"../../common-elements/schema";import{OptionsContext}from"../OptionsProvider";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields/FieldContstraints";import{Schema}from"./Schema";export var OneOfSchema=observer((function(e){var t=e.schema.oneOf,r=e.schema,a=__rest(e,["schema","schema"]);if(void 0===t)return null;var n=React.useContext(OptionsContext).hideOneOfDescription,c=t[r.activeOneOf];return React.createElement("div",null,React.createElement(Wrapper,null,React.createElement("span",null,r.oneOfType,":"),React.createElement(OneOfList,null,t.map((function(e,t){return React.createElement(StyledOneOfButton,{key:e.pointer,active:t===r.activeOneOf,deprecated:e.deprecated,onClick:function(){return r.activateOneOf(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,!n&&c.description&&React.createElement(Markdown,{compact:!0,source:c.description}),React.createElement(ConstraintsView,{constraints:c.constraints})),React.createElement(Schema,__assign({},a,{schema:c})))}));
+import{__assign,__rest}from"tslib";import React,{useCallback}from"react";import{observer}from"mobx-react";import{BadgeStyle,OneOfButton as StyledOneOfButton,OneOfList,Wrapper}from"../../common-elements/schema";import{OptionsContext}from"../OptionsProvider";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields/FieldContstraints";import{Schema}from"./Schema";export var OneOfSchema=observer((function(e){var t=e.schema.oneOf,n=e.schema,r=__rest(e,["schema","schema"]);if(void 0===t)return null;var a=React.useContext(OptionsContext).hideOneOfDescription,o=t[n.activeOneOf],i=useCallback((function(e){var t;null===(t=null==n?void 0:n.oneOf)||void 0===t||t.forEach((function(t){t.discriminatorProp===o.discriminatorProp&&t.activateOneOf(e)}))}),[o.discriminatorProp,null==n?void 0:n.oneOf]);return React.createElement("div",null,React.createElement(Wrapper,null,React.createElement("span",null,n.oneOfType,":"),React.createElement(OneOfList,null,t.map((function(e,t){return React.createElement(StyledOneOfButton,{key:e.pointer,selected:t===n.activeOneOf,deprecated:e.deprecated,onClick:function(){return n.activateOneOf(t)},"data-cy":"oneOf"+e.title||e.typePrefix+e.displayType},e.title||e.typePrefix+e.displayType)})))),o.deprecated&&React.createElement(BadgeStyle,{deprecated:!0},"Deprecated"),React.createElement(Wrapper,null,!a&&o.description&&React.createElement(Markdown,{compact:!0,source:o.description}),React.createElement(ConstraintsView,{constraints:o.constraints})),React.createElement(Schema,__assign({},r,{schema:o,onDiscriminatorChange:i})))}));
 //# sourceMappingURL=OneOfSchema.js.map

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import type { SchemaProps } from './types';
-export declare const Schema: ({ schema, ...rest }: Partial<SchemaProps>) => JSX.Element | null;
+export declare const Schema: ({ schema, onDiscriminatorChange, ...rest }: Partial<SchemaProps>) => JSX.Element | null;

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

@@ -1,2 +1,2 @@
-import{__assign,__rest}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{FieldDetails}from"../Fields/FieldDetails";import{ArraySchema}from"./ArraySchema";import{ObjectSchema}from"./ObjectSchema";import{OneOfSchema}from"./OneOfSchema";import{RecursiveSchema}from"./RecursiveSchema";export var Schema=observer((function(e){var r,a=e.schema,t=__rest(e,["schema"]);if(!a)return React.createElement("em",null," Schema not provided ");var i=a.type,c=a.oneOf,n=a.discriminatorProp,m=a.isCircular,l=(t.level||0)+1;if(m)return React.createElement(RecursiveSchema,{schema:a});if(void 0!==n){if(!c||!c.length)return console.warn("Looks like you are using discriminator wrong: you don't have any definition inherited from the "+a.title),null;var s=c[a.activeOneOf];return s.isCircular?React.createElement(RecursiveSchema,{schema:s}):React.createElement(ObjectSchema,__assign({},t,{level:l,schema:s,discriminator:{fieldName:n,parentSchema:a}}))}if(void 0!==c)return React.createElement(OneOfSchema,__assign({},t,{schema:a}));var o=Array.isArray(i)?i:[i];if(o.includes("object")){if(null===(r=a.fields)||void 0===r?void 0:r.length)return React.createElement(ObjectSchema,__assign({},t,{level:l,schema:a}))}else if(o.includes("array"))return React.createElement(ArraySchema,__assign({},t,{level:l,schema:a}));var h={schema:a,name:"",required:!1,description:a.description,externalDocs:a.externalDocs,deprecated:!1,toggle:function(){return null},expanded:!1};return React.createElement("div",null,React.createElement(FieldDetails,{field:h}))}));
+import{__assign,__rest}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{FieldDetails}from"../Fields/FieldDetails";import{ArraySchema}from"./ArraySchema";import{ObjectSchema}from"./ObjectSchema";import{OneOfSchema}from"./OneOfSchema";import{RecursiveSchema}from"./RecursiveSchema";export var Schema=observer((function(e){var r,a=e.schema,t=e.onDiscriminatorChange,i=__rest(e,["schema","onDiscriminatorChange"]);if(!a)return React.createElement("em",null," Schema not provided ");var c=a.type,n=a.oneOf,m=a.discriminatorProp,o=a.isCircular,s=(i.level||0)+1;if(o)return React.createElement(RecursiveSchema,{schema:a});if(void 0!==m){if(!n||!n.length)return console.warn("Looks like you are using discriminator wrong: you don't have any definition inherited from the "+a.title),null;var l=n[a.activeOneOf];return l.isCircular?React.createElement(RecursiveSchema,{schema:l}):React.createElement(ObjectSchema,__assign({},i,{level:s,schema:l,discriminator:{fieldName:m,parentSchema:a,onChange:t}}))}if(void 0!==n)return React.createElement(OneOfSchema,__assign({},i,{schema:a}));var h=Array.isArray(c)?c:[c];if(h.includes("object")){if(null===(r=a.fields)||void 0===r?void 0:r.length)return React.createElement(ObjectSchema,__assign({},i,{level:s,schema:a}))}else if(h.includes("array"))return React.createElement(ArraySchema,__assign({},i,{level:s,schema:a}));var d={schema:a,name:"",required:!1,description:a.description,externalDocs:a.externalDocs,deprecated:!1,toggle:function(){return null},expanded:!1};return React.createElement("div",null,React.createElement(FieldDetails,{field:d}))}));
 //# sourceMappingURL=Schema.js.map

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

@@ -2,4 +2,3 @@ export * from './Schema';
 export * from './ObjectSchema';
 export * from './OneOfSchema';
 export * from './ArraySchema';
-export * from './DiscriminatorDropdown';

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

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

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

@@ -1,16 +1,22 @@
-import type { SchemaModel } from '../../services/models';
+import type { ExampleModel, OperationModel, SchemaModel } from '../../services/models';
 export interface SchemaOptions {
     showTitle?: boolean;
     skipReadOnly?: boolean;
     skipWriteOnly?: boolean;
     level?: number;
+    examples?: {
+        [name: string]: ExampleModel;
+    };
+    operation?: OperationModel;
 }
 export interface SchemaProps extends SchemaOptions {
     schema: SchemaModel;
+    onDiscriminatorChange?: (idx: number) => void;
 }
-export interface ObjectSchemaProps extends SchemaProps {
+export interface ObjectSchemaProps extends Omit<SchemaProps, 'onDiscriminatorChange'> {
     discriminator?: {
         fieldName: string;
         parentSchema: SchemaModel;
+        onChange?: (idx: number) => void;
     };
 }

package/lib-esm/redoc-lib/src/components/SchemaDefinition/SchemaDefinition.d.ts

@@ -16,5 +16,6 @@ export declare class SchemaDefinition extends React.PureComponent<ObjectDescript
     private static getMediaType;
     private _mediaModel;
     private get mediaModel();
+    handleMediaTypeChange(key: string): void;
     render(): JSX.Element;
 }

package/lib-esm/redoc-lib/src/components/SchemaDefinition/SchemaDefinition.js

@@ -1,2 +1,2 @@
-import{__extends,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{SamplesMiddlePanel,SamplesPanel,Row,Section}from"../../common-elements";import{MediaTypeModel}from"../../services";import{MediaTypeSamples}from"../PayloadSamples/MediaTypeSamples";import{Schema}from"../Schema";import{CodePanel,ContentPanel}from"../../../../components/Panel";import{LayoutVariant}from"../../../../services/store-types";import{Markdown}from"../Markdown";var SchemaDefinition=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"_mediaModel",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),t}return __extends(t,e),Object.defineProperty(t,"getMediaType",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){if(!e)return{};var a={schema:{$ref:e}};return t&&(a.examples={example:{$ref:t}}),a}}),Object.defineProperty(t.prototype,"mediaModel",{get:function(){var e=this.props,a=e.parser,n=e.schemaRef,o=e.exampleRef,r=e.options;return this._mediaModel||(this._mediaModel=new MediaTypeModel(a,"json",!1,t.getMediaType(n,o),r)),this._mediaModel},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t,a=this.props,n=a.showReadOnly,o=void 0===n||n,r=a.showWriteOnly,i=void 0!==r&&r,l=a.layout,m=a.showRightPanel;return React.createElement(Section,null,React.createElement(Row,{layout:l},React.createElement(SamplesMiddlePanel,{isStacked:l===LayoutVariant.STACKED},(null===(e=this.mediaModel.schema)||void 0===e?void 0:e.description)&&React.createElement(Description,null,React.createElement(Markdown,{source:null===(t=this.mediaModel.schema)||void 0===t?void 0:t.description})),React.createElement(ContentPanel,null,React.createElement(Schema,{skipWriteOnly:!i,skipReadOnly:!o,schema:this.mediaModel.schema}))),m?React.createElement(SamplesPanel,null,React.createElement(CodePanel,null,React.createElement(MediaTypeSamples,{mediaType:this.mediaModel}))):null))}}),t}(React.PureComponent);export{SchemaDefinition};var templateObject_1,Description=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),(function(e){return 4*e.theme.spacing.unit}));
+import{__extends,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{PanelBody}from"@redocly/theme";import{SamplesMiddlePanel,SamplesPanel,Row,Section}from"../../common-elements";import{MediaTypeModel}from"../../services";import{MediaTypeSamples}from"../PayloadSamples/MediaTypeSamples";import{Schema}from"../Schema";import{CodePanel}from"../../../../components/Panel";import{LayoutVariant}from"../../../../services/store-types";import{Markdown}from"../Markdown";var SchemaDefinition=function(e){function a(){var a=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(a,"_mediaModel",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),a}return __extends(a,e),Object.defineProperty(a,"getMediaType",{enumerable:!1,configurable:!0,writable:!0,value:function(e,a){if(!e)return{};var t={schema:{$ref:e}};return a&&(t.examples={example:{$ref:a}}),t}}),Object.defineProperty(a.prototype,"mediaModel",{get:function(){var e=this.props,t=e.parser,l=e.schemaRef,n=e.exampleRef,o=e.options;return this._mediaModel||(this._mediaModel=new MediaTypeModel(t,"json",!1,a.getMediaType(l,n),o)),this._mediaModel},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"handleMediaTypeChange",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var a,t,l,n,o,i,r=null===(a=this.mediaModel.schema)||void 0===a?void 0:a.oneOf;if(r&&(null===(t=this.mediaModel)||void 0===t?void 0:t.examples)&&Object.keys(null===(l=this.mediaModel)||void 0===l?void 0:l.examples).includes(e)){var d=r.findIndex((function(a){return a.title===e}));-1!==d&&(null===(n=this.mediaModel.schema)||void 0===n||n.activateOneOf(d))}(null===(o=this.mediaModel.operation)||void 0===o?void 0:o.activeExampleName)!==e&&(null===(i=this.mediaModel.operation)||void 0===i||i.activateExampleName(e))}}),Object.defineProperty(a.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,a,t=this.props,l=t.showReadOnly,n=void 0===l||l,o=t.showWriteOnly,i=void 0!==o&&o,r=t.layout,d=t.showRightPanel;return React.createElement(Section,null,React.createElement(Row,{layout:r},React.createElement(SamplesMiddlePanel,{isStacked:r===LayoutVariant.STACKED},(null===(e=this.mediaModel.schema)||void 0===e?void 0:e.description)&&React.createElement(Description,null,React.createElement(Markdown,{source:null===(a=this.mediaModel.schema)||void 0===a?void 0:a.description})),React.createElement(StyledPanelBody,{className:"panel-default"},React.createElement(Schema,{skipWriteOnly:!i,skipReadOnly:!n,schema:this.mediaModel.schema}))),d?React.createElement(SamplesPanel,null,React.createElement(CodePanel,{className:"panel-response-samples"},React.createElement(MediaTypeSamples,{mediaType:this.mediaModel,onChange:this.handleMediaTypeChange}))):null))}}),a}(React.PureComponent);export{SchemaDefinition};var templateObject_1,templateObject_2,Description=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-bottom: var(--spacing-vertical);\n"],["\n  margin-bottom: var(--spacing-vertical);\n"]))),StyledPanelBody=styled(PanelBody)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  --panel-schemas-body-padding: var(--panel-body-padding);\n  --panel-body-border-local: var(--panel-border);\n"],["\n  --panel-schemas-body-padding: var(--panel-body-padding);\n  --panel-body-border-local: var(--panel-border);\n"])));
 //# sourceMappingURL=SchemaDefinition.js.map

package/lib-esm/redoc-lib/src/components/SearchBox/SearchBox.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import type { IMenuItem, SearchResult } from '../../services/types';
 import type { SearchStore } from '../../services/SearchStore';
-import { MenuItem } from '../SideMenu/MenuItem';
 import type { MarkerService } from '../../services/MarkerService';
+import { MenuItem } from '../SideMenu/MenuItem';
 export interface SearchBoxProps {
     search: SearchStore<string>;
     marker: MarkerService;

package/lib-esm/redoc-lib/src/components/SearchBox/styled.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{MenuItemLabel}from"../SideMenu";export var SearchWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  padding: 5px 0;\n"],["\n  padding: 5px 0;\n"])));export var SearchInput=styled.input.attrs((function(){return{className:"search-input"}}))(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  width: calc(100% - var(--spacing-unit) * 8);\n  box-sizing: border-box;\n  margin: 0 var(--spacing-unit) * 4;\n  padding: 5px calc(var(--spacing-unit) * 2) 5px calc(var(--spacing-unit) * 4);\n  border: 0;\n  border-bottom: 1px solid var(--search-input-border-bottom);\n  font-family: var(--font-family-base);\n  font-weight: bold;\n  font-size: 13px;\n  color: var(--sidebar-item-color);\n  background-color: transparent;\n  outline: none;\n"],["\n  width: calc(100% - var(--spacing-unit) * 8);\n  box-sizing: border-box;\n  margin: 0 var(--spacing-unit) * 4;\n  padding: 5px calc(var(--spacing-unit) * 2) 5px calc(var(--spacing-unit) * 4);\n  border: 0;\n  border-bottom: 1px solid var(--search-input-border-bottom);\n  font-family: var(--font-family-base);\n  font-weight: bold;\n  font-size: 13px;\n  color: var(--sidebar-item-color);\n  background-color: transparent;\n  outline: none;\n"])));export var SearchResultsBox=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  padding: var(--spacing-unit) 0;\n  background-color: var(--search-results-background-color);\n  color: var(--sidebar-item-color);\n  min-height: 150px;\n  max-height: 250px;\n  border-top: var(--global-border-color);\n  border-bottom: var(--global-border-color);\n  margin-top: 10px;\n  line-height: 1.4;\n  font-size: 0.9em;\n\n  li {\n    background-color: inherit;\n  }\n\n  "," {\n    padding-top: 6px;\n    padding-bottom: 6px;\n\n    &:hover,\n    &.active {\n      background-color: var(--search-results-active-item-background-color);\n    }\n\n    > svg {\n      display: none;\n    }\n  }\n"],["\n  padding: var(--spacing-unit) 0;\n  background-color: var(--search-results-background-color);\n  color: var(--sidebar-item-color);\n  min-height: 150px;\n  max-height: 250px;\n  border-top: var(--global-border-color);\n  border-bottom: var(--global-border-color);\n  margin-top: 10px;\n  line-height: 1.4;\n  font-size: 0.9em;\n\n  li {\n    background-color: inherit;\n  }\n\n  "," {\n    padding-top: 6px;\n    padding-bottom: 6px;\n\n    &:hover,\n    &.active {\n      background-color: var(--search-results-active-item-background-color);\n    }\n\n    > svg {\n      display: none;\n    }\n  }\n"])),MenuItemLabel);export var ClearIcon=styled.i(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  position: absolute;\n  display: inline-block;\n  width: calc(var(--spacing-unit) * 2);\n  text-align: center;\n  right: calc(var(--spacing-unit) * 4);\n  line-height: 2em;\n  vertical-align: middle;\n  margin-right: 2px;\n  cursor: pointer;\n  font-style: normal;\n  color: #666;\n"],["\n  position: absolute;\n  display: inline-block;\n  width: calc(var(--spacing-unit) * 2);\n  text-align: center;\n  right: calc(var(--spacing-unit) * 4);\n  line-height: 2em;\n  vertical-align: middle;\n  margin-right: 2px;\n  cursor: pointer;\n  font-style: normal;\n  color: #666;\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4;
+import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{MenuItemLabel}from"../SideMenu";export var SearchWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  padding: 5px 0;\n"],["\n  padding: 5px 0;\n"])));export var SearchInput=styled.input.attrs((function(){return{className:"search-input"}}))(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  width: calc(100% - var(--spacing-unit) * 8);\n  box-sizing: border-box;\n  margin: 0 var(--spacing-unit) * 4;\n  padding: 5px calc(var(--spacing-unit) * 2) 5px calc(var(--spacing-unit) * 4);\n  border: 0;\n  border-bottom: 1px solid var(--search-input-border);\n  font-family: var(--font-family-base);\n  font-weight: bold;\n  font-size: 13px;\n  color: var(--sidebar-item-text-color);\n  background-color: transparent;\n  outline: none;\n"],["\n  width: calc(100% - var(--spacing-unit) * 8);\n  box-sizing: border-box;\n  margin: 0 var(--spacing-unit) * 4;\n  padding: 5px calc(var(--spacing-unit) * 2) 5px calc(var(--spacing-unit) * 4);\n  border: 0;\n  border-bottom: 1px solid var(--search-input-border);\n  font-family: var(--font-family-base);\n  font-weight: bold;\n  font-size: 13px;\n  color: var(--sidebar-item-text-color);\n  background-color: transparent;\n  outline: none;\n"])));export var SearchResultsBox=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  padding: var(--spacing-unit) 0;\n  background-color: var(--search-modal-background);\n  color: var(--sidebar-item-text-color);\n  min-height: 150px;\n  max-height: 250px;\n  border-top: var(--border-color);\n  border-bottom: var(--border-color);\n  margin-top: 10px;\n  line-height: 1.4;\n  font-size: 0.9em;\n\n  li {\n    background-color: inherit;\n  }\n\n  "," {\n    padding-top: 6px;\n    padding-bottom: 6px;\n\n    > svg {\n      display: none;\n    }\n  }\n"],["\n  padding: var(--spacing-unit) 0;\n  background-color: var(--search-modal-background);\n  color: var(--sidebar-item-text-color);\n  min-height: 150px;\n  max-height: 250px;\n  border-top: var(--border-color);\n  border-bottom: var(--border-color);\n  margin-top: 10px;\n  line-height: 1.4;\n  font-size: 0.9em;\n\n  li {\n    background-color: inherit;\n  }\n\n  "," {\n    padding-top: 6px;\n    padding-bottom: 6px;\n\n    > svg {\n      display: none;\n    }\n  }\n"])),MenuItemLabel);export var ClearIcon=styled.i(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  position: absolute;\n  display: inline-block;\n  width: calc(var(--spacing-unit) * 2);\n  text-align: center;\n  right: calc(var(--spacing-unit) * 4);\n  line-height: 2em;\n  vertical-align: middle;\n  margin-right: 2px;\n  cursor: pointer;\n  font-style: normal;\n  color: #666;\n"],["\n  position: absolute;\n  display: inline-block;\n  width: calc(var(--spacing-unit) * 2);\n  text-align: center;\n  right: calc(var(--spacing-unit) * 4);\n  line-height: 2em;\n  vertical-align: middle;\n  margin-right: 2px;\n  cursor: pointer;\n  font-style: normal;\n  color: #666;\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4;
 //# sourceMappingURL=styled.js.map

package/lib-esm/redoc-lib/src/components/SectionItem/SectionItem.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { GroupModel } from '../../services';
+interface SectionItemProps {
+    item: GroupModel;
+}
+export declare const SectionItem: ({ item }: SectionItemProps) => JSX.Element;
+export {};

package/lib-esm/redoc-lib/src/components/SectionItem/SectionItem.js

@@ -0,0 +1,2 @@
+import React,{useMemo}from"react";import{observer}from"mobx-react";import{H1,H2,H3,H4,H5,H6,SamplesMiddlePanel,Row,ShareLink}from"../../common-elements";import{AdvancedMarkdown}from"../Markdown/AdvancedMarkdown";import{ExternalDocumentation}from"../ExternalDocumentation/ExternalDocumentation";export var SectionItem=observer((function(e){var t=e.item,a=t.name,n=t.description,r=t.externalDocs,c=t.level,o=t.id,l=useMemo((function(){switch(c){case 1:default:return H1;case 2:return H2;case 3:return H3;case 4:return H4;case 5:return H5;case 6:return H6}}),[c]);return React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement(SamplesMiddlePanel,{compact:!1},React.createElement(l,null,React.createElement(ShareLink,{to:o}),a))),React.createElement(AdvancedMarkdown,{source:n||"",htmlWrap:function(e){return React.createElement(SamplesMiddlePanel,{compact:!0},e)}}),r&&React.createElement(Row,null,React.createElement(SamplesMiddlePanel,null,React.createElement(ExternalDocumentation,{externalDocs:r}))))}));
+//# sourceMappingURL=SectionItem.js.map

package/lib-esm/redoc-lib/src/components/SectionItem/index.d.ts

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

package/lib-esm/redoc-lib/src/components/SectionItem/index.js

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

package/lib-esm/redoc-lib/src/components/SecurityRequirement/RequiredScopesRow.js

@@ -1,2 +1,2 @@
-import React from"react";import{SecurityRow}from"./SecurityRequirement";export var RequiredScopesRow=function(e){var t=e.scopes;return t.length?React.createElement(SecurityRow,null,React.createElement("b",null,"Required scopes: "),t.map((function(e,t){return React.createElement(React.Fragment,{key:t},React.createElement("code",null,e)," ")}))):null};
+import React from"react";import{SecurityRow}from"./SecurityRequirement";export var RequiredScopesRow=function(e){var t=e.scopes;return t.length?React.createElement(SecurityRow,null,React.createElement("b",null,"Required scopes: "),t.map((function(e){return React.createElement(React.Fragment,{key:e},React.createElement("code",null,e)," ")}))):null};
 //# sourceMappingURL=RequiredScopesRow.js.map