@redocly/reference-docs 3.0.0-alpha.2 → 3.0.0-alpha.5

package/lib-esm/redoc-lib/src/components/Fields/EnumValues.js

@@ -1,2 +1,2 @@
-import{__extends,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{ExampleValue,FieldLabel}from"../../common-elements/fields";import{l}from"../../services/Labels";import{OptionsContext}from"../OptionsProvider";import{StyledMarkdownBlock}from"../Markdown/styled";import{Markdown}from"../Markdown";var DescriptionEnumsBlock=styled(StyledMarkdownBlock)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  table {\n    margin-bottom: 0.2em;\n  }\n"],["\n  table {\n    margin-bottom: 0.2em;\n  }\n"]))),EnumValues=function(e){function t(t){var n=e.call(this,t)||this;return Object.defineProperty(n,"state",{enumerable:!0,configurable:!0,writable:!0,value:{collapsed:!0}}),n.toggle=n.toggle.bind(n),n}return __extends(t,e),Object.defineProperty(t.prototype,"toggle",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setState({collapsed:!this.state.collapsed})}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.values,n=e.type,l=this.state.collapsed,a=!Array.isArray(t),r=Array.isArray(t)&&t||Object.entries(t||{}).map((function(e){return{value:e[0],description:e[1]}})),o=this.context,c=o.enumSkipQuotes,i=o.maxDisplayedEnumValues;if(!r.length)return null;var m=this.state.collapsed&&i?r.slice(0,i):r,u=!!i&&r.length>i,s=i?l?"… "+(r.length-i)+" more":"Hide":"";return React.createElement(React.Fragment,null,a?React.createElement(DescriptionEnums,{enums:m,toggle:this.toggle,showToggleButton:u,toggleButtonText:s,type:n}):React.createElement(SimpleEnums,{enums:m,enumSkipQuotes:c,type:n,toggle:this.toggle,toggleButtonText:s,showToggleButton:u}))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsContext}),t}(React.PureComponent);export{EnumValues};function SimpleEnums(e){var t=e.enums,n=e.enumSkipQuotes,a=e.type,r=e.toggle,o=e.showToggleButton,c=e.toggleButtonText;return React.createElement(React.Fragment,null,React.createElement(FieldLabel,null,"array"===a?l("enumArray"):""," ",1===t.length?l("enumSingleValue"):l("enum"),":")," ",t.map((function(e,t){var l=n?String(e):JSON.stringify(e);return React.createElement(React.Fragment,{key:t},React.createElement(ExampleValue,null,l)," ")})),o?React.createElement(ToggleButton,{onClick:r},c):null)}function DescriptionEnums(e){var t=e.enums,n=e.toggle,a=e.showToggleButton,r=e.toggleButtonText,o=e.type;return React.createElement(React.Fragment,null,React.createElement(DescriptionEnumsBlock,null,React.createElement("table",null,React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",null,React.createElement(FieldLabel,null,"array"===o?l("enumArray"):""," ",1===t.length?l("enumSingleValue"):l("enum"),":")," "),React.createElement("th",null,React.createElement("strong",null,"Description")))),React.createElement("tbody",null,t.map((function(e,t){var n=e.description,l=e.value;return React.createElement("tr",{key:t},React.createElement("td",null,l),React.createElement("td",null,React.createElement(Markdown,{source:n,compact:!0,inline:!0})))}))))),a?React.createElement(ToggleButton,{onClick:n},r):null)}var templateObject_1,templateObject_2,ToggleButton=styled.span(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  color: var(--link-color);\n  vertical-align: middle;\n  font-size: 13px;\n  line-height: 20px;\n  padding: 0 5px;\n  cursor: pointer;\n"],["\n  color: var(--link-color);\n  vertical-align: middle;\n  font-size: 13px;\n  line-height: 20px;\n  padding: 0 5px;\n  cursor: pointer;\n"])));
+import{__extends,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{FieldLabel,EnumValue}from"../../common-elements/fields";import{l}from"../../services/Labels";import{OptionsContext}from"../OptionsProvider";import{StyledMarkdownBlock}from"../Markdown/styled";import{Markdown}from"../Markdown";var DescriptionEnumsBlock=styled(StyledMarkdownBlock)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  table {\n    margin-bottom: 0.2em;\n  }\n"],["\n  table {\n    margin-bottom: 0.2em;\n  }\n"]))),EnumValues=function(e){function t(t){var n=e.call(this,t)||this;return Object.defineProperty(n,"state",{enumerable:!0,configurable:!0,writable:!0,value:{collapsed:!0}}),n.toggle=n.toggle.bind(n),n}return __extends(t,e),Object.defineProperty(t.prototype,"toggle",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setState({collapsed:!this.state.collapsed})}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.values,n=e.type,l=this.state.collapsed,a=!Array.isArray(t),r=Array.isArray(t)&&t||Object.entries(t||{}).map((function(e){return{value:e[0],description:e[1]}})),o=this.context,c=o.enumSkipQuotes,i=o.maxDisplayedEnumValues;if(!r.length)return null;var m=this.state.collapsed&&i?r.slice(0,i):r,u=!!i&&r.length>i,s=i?l?"… "+(r.length-i)+" more":"Hide":"";return React.createElement(React.Fragment,null,a?React.createElement(DescriptionEnums,{enums:m,toggle:this.toggle,showToggleButton:u,toggleButtonText:s,type:n}):React.createElement(SimpleEnums,{enums:m,enumSkipQuotes:c,type:n,toggle:this.toggle,toggleButtonText:s,showToggleButton:u}))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsContext}),t}(React.PureComponent);export{EnumValues};function SimpleEnums(e){var t=e.enums,n=e.enumSkipQuotes,a=e.type,r=e.toggle,o=e.showToggleButton,c=e.toggleButtonText;return React.createElement(React.Fragment,null,React.createElement(FieldLabel,null,"array"===a?l("enumArray"):""," ",1===t.length?l("enumSingleValue"):l("enum"),":")," ",t.map((function(e){var t=n?String(e):JSON.stringify(e);return React.createElement(React.Fragment,{key:e},React.createElement(EnumValue,null,t)," ")})),o?React.createElement(ToggleButton,{onClick:r},c):null)}function DescriptionEnums(e){var t=e.enums,n=e.toggle,a=e.showToggleButton,r=e.toggleButtonText,o=e.type;return React.createElement(React.Fragment,null,React.createElement(DescriptionEnumsBlock,null,React.createElement("table",null,React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",null,React.createElement(FieldLabel,null,"array"===o?l("enumArray"):""," ",1===t.length?l("enumSingleValue"):l("enum"),":")," "),React.createElement("th",null,React.createElement("strong",null,"Description")))),React.createElement("tbody",null,t.map((function(e){var t=e.description,n=e.value;return React.createElement("tr",{key:n},React.createElement("td",null,n),React.createElement("td",null,React.createElement(Markdown,{source:t,compact:!0,inline:!0})))}))))),a?React.createElement(ToggleButton,{onClick:n},r):null)}var templateObject_1,templateObject_2,ToggleButton=styled.span(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  color: var(--link-text-color);\n  vertical-align: middle;\n  font-size: 13px;\n  line-height: 20px;\n  padding: 0 5px;\n  cursor: pointer;\n"],["\n  color: var(--link-text-color);\n  vertical-align: middle;\n  font-size: 13px;\n  line-height: 20px;\n  padding: 0 5px;\n  cursor: pointer;\n"])));
 //# sourceMappingURL=EnumValues.js.map

package/lib-esm/redoc-lib/src/components/Fields/Extensions.js

@@ -1,2 +1,2 @@
-import{__extends,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{ExtensionValue,FieldLabel}from"../../common-elements/fields";import{OptionsContext}from"../OptionsProvider";import{StyledMarkdownBlock}from"../Markdown/styled";var Extension=styled(StyledMarkdownBlock)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin: 2px 0;\n"],["\n  margin: 2px 0;\n"]))),Extensions=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.extensions;return React.createElement(OptionsContext.Consumer,null,(function(t){return React.createElement(React.Fragment,null,t.showExtensions?React.createElement(ExtensionsWrap,null,Object.keys(e).map((function(t){return React.createElement(Extension,{key:t},React.createElement(FieldLabel,null," ",t.substring(2),": ")," ",React.createElement(ExtensionValue,null,"string"==typeof e[t]?e[t]:JSON.stringify(e[t])))}))):null)}))}}),t}(React.PureComponent);export{Extensions};var templateObject_1,templateObject_2,ExtensionsWrap=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  /* margin: 15px 0; */ // TODO: fix margin for Extensions\n"],["\n  /* margin: 15px 0; */ // TODO: fix margin for Extensions\n"])));
+import{__extends,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{ExtensionValue,FieldLabel}from"../../common-elements/fields";import{OptionsContext}from"../OptionsProvider";import{StyledMarkdownBlock}from"../Markdown/styled";var Extension=styled(StyledMarkdownBlock)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin: 2px 0;\n"],["\n  margin: 2px 0;\n"]))),Extensions=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.extensions;return React.createElement(OptionsContext.Consumer,null,(function(t){return React.createElement(React.Fragment,null,t.showExtensions?React.createElement(ExtensionsWrap,null,Object.keys(e).map((function(n){return React.createElement(Extension,{key:n},React.createElement(FieldLabel,null,t.preserveOriginalExtensionsName?n:n.substring(2),":"," ")," ",React.createElement(ExtensionValue,null,"string"==typeof e[n]?e[n]:JSON.stringify(e[n])))}))):null)}))}}),t}(React.PureComponent);export{Extensions};var templateObject_1,templateObject_2,ExtensionsWrap=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  /* margin: 15px 0; */ // TODO: fix margin for Extensions\n"],["\n  /* margin: 15px 0; */ // TODO: fix margin for Extensions\n"])));
 //# sourceMappingURL=Extensions.js.map

package/lib-esm/redoc-lib/src/components/Fields/Field.d.ts

@@ -6,7 +6,6 @@ export interface FieldProps extends SchemaOptions {
     className?: string;
     isLast?: boolean;
     showExamples?: boolean;
-    showAccessMode?: boolean;
     field: FieldModel;
     expandByDefault?: boolean;
     renderDiscriminatorSwitch?: (opts: FieldProps) => JSX.Element;

package/lib-esm/redoc-lib/src/components/Fields/Field.js

@@ -1,2 +1,2 @@
-import{__assign,__decorate,__extends}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{ClickablePropertyNameCell,PropertyLabel,RequiredLabel}from"../../common-elements/fields";import{InnerPropertiesWrap,PropertyCellWithInner,PropertyDetailsCell,PropertyNameCell}from"../../common-elements/fields-layout";import{ShelfIcon}from"../../common-elements/";import{ShareLinkToField}from"../../common-elements/LinkToField";import{Schema}from"../Schema/Schema";import{OptionsContext}from"../OptionsProvider";import{FieldDetails}from"./FieldDetails";var Field=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"toggle",{enumerable:!0,configurable:!0,writable:!0,value:function(){void 0===t.props.field.expanded&&t.props.expandByDefault?t.props.field.collapse():t.props.field.toggle()}}),Object.defineProperty(t,"handleKeyPress",{enumerable:!0,configurable:!0,writable:!0,value:function(e){"Enter"===e.key&&(e.preventDefault(),t.toggle())}}),t}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.className,r=void 0===t?"":t,a=e.field,l=e.isLast,n=e.expandByDefault,i=e.showAccessMode,o=a.name,c=a.deprecated,s=a.required,p=a.kind,m=!a.schema.isPrimitive&&!a.schema.isCircular,d=void 0===a.expanded?n:a.expanded,u=React.createElement(React.Fragment,null,"additionalProperties"===p&&React.createElement(PropertyLabel,null,"additional property"),"patternProperties"===p&&React.createElement(PropertyLabel,null,"pattern property"),s&&React.createElement(RequiredLabel,null,"required")),f=m?React.createElement(ClickablePropertyNameCell,{className:c?"deprecated":"",kind:p,title:o},React.createElement("button",{onClick:this.toggle,onKeyPress:this.handleKeyPress,"aria-label":"expand properties"},React.createElement("span",{className:"field-name"},this.context.disableDeepLinks?null:React.createElement(ShareLinkToField,{field:a}),o),React.createElement(ShelfIcon,{direction:d?"down":"right"})),u):React.createElement(PropertyNameCell,{className:c?"deprecated":void 0,kind:p,title:o},React.createElement("span",{className:"field-name"},this.context.disableDeepLinks?null:React.createElement(ShareLinkToField,{field:a}),o),u);return React.createElement(React.Fragment,null,React.createElement("tr",{className:l?"last "+r:r},f,React.createElement(PropertyDetailsCell,null,React.createElement(FieldDetails,__assign({},this.props)))),d&&m&&React.createElement("tr",{key:a.name+"inner"},React.createElement(PropertyCellWithInner,{colSpan:2},React.createElement(InnerPropertiesWrap,null,React.createElement(Schema,{schema:a.schema,skipReadOnly:this.props.skipReadOnly,skipWriteOnly:this.props.skipWriteOnly,showTitle:this.props.showTitle,level:this.props.level,showAccessMode:i})))))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsContext}),t=__decorate([observer],t)}(React.Component);export{Field};
+import{__assign,__decorate,__extends}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{ClickablePropertyNameCell,RequiredLabel,AdditionalPropertiesLabel,AccessLabel}from"../../common-elements/fields";import{InnerPropertiesWrap,PropertyCellWithInner,PropertyDetailsCell,PropertyNameCell}from"../../common-elements/fields-layout";import{ShelfIcon}from"../../common-elements/";import{ShareLinkToField}from"../../common-elements/LinkToField";import{Schema}from"../Schema/Schema";import{OptionsContext}from"../OptionsProvider";import{getAccessModeLabelText}from"../RenderHook";import{FieldDetails}from"./FieldDetails";var Field=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"toggle",{enumerable:!0,configurable:!0,writable:!0,value:function(){void 0===t.props.field.expanded&&t.props.expandByDefault?t.props.field.collapse():t.props.field.toggle()}}),Object.defineProperty(t,"handleKeyPress",{enumerable:!0,configurable:!0,writable:!0,value:function(e){"Enter"===e.key&&(e.preventDefault(),t.toggle())}}),t}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.className,r=void 0===t?"":t,a=e.field,l=e.isLast,n=e.expandByDefault,i=a.name,o=a.deprecated,c=a.required,s=a.kind,p=!a.schema.isPrimitive&&!a.schema.isCircular,m=void 0===a.expanded?n:a.expanded,d=getAccessModeLabelText(a.schema,this.context.showAccessMode),u=React.createElement(React.Fragment,null,"additionalProperties"===s&&React.createElement(AdditionalPropertiesLabel,null,"additional property"),"patternProperties"===s&&React.createElement(AdditionalPropertiesLabel,null,"pattern property"),d&&React.createElement(AccessLabel,null,d),c&&React.createElement(RequiredLabel,null,"required")),f=p?React.createElement(ClickablePropertyNameCell,{className:o?"deprecated":"",kind:s,title:i},React.createElement("button",{onClick:this.toggle,onKeyPress:this.handleKeyPress,"aria-label":"expand properties"},React.createElement("span",{className:"field-name"},this.context.disableDeepLinks?null:React.createElement(ShareLinkToField,{field:a}),i),React.createElement(ShelfIcon,{direction:m?"down":"right"})),u):React.createElement(PropertyNameCell,{className:o?"deprecated":void 0,kind:s,title:i},React.createElement("span",{className:"field-name"},this.context.disableDeepLinks?null:React.createElement(ShareLinkToField,{field:a}),i),u);return React.createElement(React.Fragment,null,React.createElement("tr",{className:l?"last "+r:r},f,React.createElement(PropertyDetailsCell,null,React.createElement(FieldDetails,__assign({},this.props)))),m&&p&&React.createElement("tr",{key:a.name+"inner"},React.createElement(PropertyCellWithInner,{colSpan:2},React.createElement(InnerPropertiesWrap,null,React.createElement(Schema,{schema:a.schema,skipReadOnly:this.props.skipReadOnly,skipWriteOnly:this.props.skipWriteOnly,showTitle:this.props.showTitle,level:this.props.level})))))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsContext}),t=__decorate([observer],t)}(React.Component);export{Field};
 //# sourceMappingURL=Field.js.map

package/lib-esm/redoc-lib/src/components/Fields/FieldDetail.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
+import type { LabelsConfig } from '../../services/types';
 export interface FieldDetailProps {
     value?: any;
-    label: string;
+    label: keyof LabelsConfig;
     raw?: boolean;
 }
 export declare class FieldDetail extends React.PureComponent<FieldDetailProps> {

package/lib-esm/redoc-lib/src/components/Fields/FieldDetail.js

@@ -1,2 +1,2 @@
-import{__extends}from"tslib";import*as React from"react";import{ExampleValue,FieldLabel}from"../../common-elements/fields";var FieldDetail=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(){if(void 0===this.props.value)return null;var e=this.props.raw?String(this.props.value):JSON.stringify(this.props.value);return React.createElement("div",null,React.createElement(FieldLabel,null," ",this.props.label," ")," ",React.createElement(ExampleValue,null,e))}}),t}(React.PureComponent);export{FieldDetail};
+import{__extends}from"tslib";import*as React from"react";import{l}from"../../services/Labels";import{ExampleValue,FieldLabel,DefaultValue,FieldValueLabel}from"../../common-elements/fields";var FieldDetail=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(){if(void 0===this.props.value)return null;var e=this.props.raw?String(this.props.value):JSON.stringify(this.props.value),t=l(this.props.label)+":";return React.createElement("div",null,React.createElement(FieldLabel,null," ",t," ")," ",React.createElement(FieldDetailsValue,{label:this.props.label,value:e}))}}),t}(React.PureComponent);export{FieldDetail};function FieldDetailsValue(e){var l=e.label,t=e.value;return"default"===l?React.createElement(DefaultValue,null,t):"example"===l?React.createElement(ExampleValue,null,t):React.createElement(FieldValueLabel,null,t)}
 //# sourceMappingURL=FieldDetail.js.map

package/lib-esm/redoc-lib/src/components/Fields/FieldDetails.js

@@ -1,2 +1,2 @@
-import{__assign,__decorate,__extends,__makeTemplateObject}from"tslib";import*as React from"react";import{observer}from"mobx-react";import styled from"styled-components";import{PatternLabel,RecursiveLabel,TypeFormat,TypeName,TypePrefix,TypeTitle,ToggleButton,FieldLabel,ExampleValue,AccessModeLabel}from"../../common-elements/fields";import{serializeParameterValue}from"../../utils";import{ExternalDocumentation}from"../ExternalDocumentation/ExternalDocumentation";import{Markdown}from"../Markdown";import{Badge}from"../../common-elements/";import{l}from"../../services/Labels";import{OptionsContext}from"../OptionsProvider";import{getAccessModeLabelText}from"../RenderHook";import{FieldDetail}from"./FieldDetail";import{ConstraintsView}from"./FieldContstraints";import{Extensions}from"./Extensions";import{EnumValues}from"./EnumValues";var MAX_PATTERN_LENGTH=45,FieldDetails=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{patternShown:!1}}),Object.defineProperty(t,"togglePattern",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState({patternShown:!t.state.patternShown})}}),t}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.showExamples,a=e.field,n=e.renderDiscriminatorSwitch,r=e.showAccessMode,i=this.state.patternShown,m=this.context,o=m.enumSkipQuotes,c=m.hideSchemaTitles,p=m.hideSchemaPattern,s=a.schema,u=a.description,d=a.example,b=a.deprecated,E=a.examples,f=r&&getAccessModeLabelText(s),x=!!o||"header"===a.in,_=null;if(t&&(void 0!==d||void 0!==E))if(void 0!==E)_=React.createElement(Examples,{field:a});else{var R=l("example")+":",g=!!a.in;_=React.createElement(FieldDetail,{label:R,value:getSerializedValue(a,a.example),raw:g})}return React.createElement("div",null,React.createElement(TypeWrapper,null,React.createElement(TypePrefix,null,s.typePrefix),React.createElement(TypeName,null,s.displayType),s.displayFormat&&React.createElement(TypeFormat,null," ","<",s.displayFormat,">"," "),s.contentEncoding&&React.createElement(TypeFormat,null," ","<",s.contentEncoding,">"," "),s.contentMediaType&&React.createElement(TypeFormat,null," ","<",s.contentMediaType,">"," "),s.title&&!c&&React.createElement(TypeTitle,null," (",s.title,") "),React.createElement(ConstraintsView,{constraints:s.constraints}),s.pattern&&!p&&React.createElement(React.Fragment,null,React.createElement(PatternLabel,null,i||s.pattern.length<MAX_PATTERN_LENGTH?s.pattern:s.pattern.substr(0,MAX_PATTERN_LENGTH)+"..."),s.pattern.length>MAX_PATTERN_LENGTH&&React.createElement(ToggleButton,{onClick:this.togglePattern},i?"Hide pattern":"Show pattern")),s.isCircular&&React.createElement(RecursiveLabel,null," ",l("recursive"),f?", ":" "),f&&React.createElement(React.Fragment,null," ",React.createElement(AccessModeLabel,null,f))),b&&React.createElement("div",null,React.createElement(Badge,{deprecated:!0,style:{marginLeft:0}}," ",l("deprecated")," ")),React.createElement(FieldDetail,{raw:x,label:l("default")+":",value:s.default}),React.createElement("div",null,React.createElement(Markdown,{compact:!0,source:u})),!n&&React.createElement(EnumValues,{type:s.type,values:s["x-enumDescriptions"]||s.enum})," ",_,React.createElement(Extensions,{extensions:__assign(__assign({},a.extensions),s.extensions)}),s.externalDocs&&React.createElement(ExternalDocumentation,{externalDocs:s.externalDocs,compact:!0}),n&&n(this.props)||null,a.const&&React.createElement(FieldDetail,{label:l("const")+":",value:a.const})||null)}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsContext}),t=__decorate([observer],t)}(React.PureComponent);export{FieldDetails};function Examples(e){var t=e.field;return t.examples?React.createElement(React.Fragment,null,React.createElement(FieldLabel,null," ",l("examples"),": "),React.createElement(ExamplesList,null,Object.entries(t.examples).map((function(e){var a=e[0],n=e[1];return React.createElement(ExampleWrap,{key:a},React.createElement(ExampleSummary,null,n.summary||a," "),n.description&&React.createElement(ExampleDescription,null,n.description," "),React.createElement(ExampleValue,null,getSerializedValue(t,n.value)))})))):null}function getSerializedValue(e,t){return e.in?decodeURIComponent(serializeParameterValue(e,t)):t}var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,ExampleDescription=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject([""],[""]))),ExampleSummary=styled.label(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  display: block;\n  font-size: inherit;\n  margin-bottom: 0.2em;\n  font-weight: var(--font-weight-bold);\n"],["\n  display: block;\n  font-size: inherit;\n  margin-bottom: 0.2em;\n  font-weight: var(--font-weight-bold);\n"]))),ExampleWrap=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  margin-top: 1em;\n  font-size: var(--field-name-font-size);\n"],["\n  margin-top: 1em;\n  font-size: var(--field-name-font-size);\n"]))),ExamplesList=styled.div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  padding-left: 1.5em;\n  margin-bottom: 1em;\n"],["\n  padding-left: 1.5em;\n  margin-bottom: 1em;\n"]))),TypeWrapper=styled.div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  line-height: 20px;\n"],["\n  line-height: 20px;\n"])));
+import{__assign,__decorate,__extends,__makeTemplateObject}from"tslib";import*as React from"react";import{observer}from"mobx-react";import styled from"styled-components";import{PatternLabel,RecursiveLabel,TypeFormat,TypeName,TypePrefix,TypeTitle,ToggleButton,FieldLabel,ExampleValue}from"../../common-elements/fields";import{serializeParameterValue}from"../../utils";import{ExternalDocumentation}from"../ExternalDocumentation/ExternalDocumentation";import{Markdown}from"../Markdown";import{Badge}from"../../common-elements/";import{l}from"../../services/Labels";import{OptionsContext}from"../OptionsProvider";import{FieldDetail}from"./FieldDetail";import{ConstraintsView}from"./FieldContstraints";import{Extensions}from"./Extensions";import{EnumValues}from"./EnumValues";var MAX_PATTERN_LENGTH=45,FieldDetails=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{patternShown:!1}}),Object.defineProperty(t,"togglePattern",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState({patternShown:!t.state.patternShown})}}),t}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.showExamples,a=e.field,n=e.renderDiscriminatorSwitch,r=this.state.patternShown,i=this.context,m=i.enumSkipQuotes,o=i.hideSchemaTitles,c=i.hideSchemaPattern,p=a.schema,s=a.description,u=a.example,d=a.deprecated,E=a.examples,b=!!m||"header"===a.in,f=null;if(t&&(void 0!==u||void 0!==E))if(void 0!==E)f=React.createElement(Examples,{field:a});else{var _=!!a.in;f=React.createElement(FieldDetail,{label:"example",value:getSerializedValue(a,a.example),raw:_})}return React.createElement("div",null,React.createElement(TypeWrapper,null,React.createElement(TypePrefix,null,p.typePrefix),React.createElement(TypeName,null,p.displayType),p.displayFormat&&React.createElement(TypeFormat,null," ","<",p.displayFormat,">"," "),p.contentEncoding&&React.createElement(TypeFormat,null," ","<",p.contentEncoding,">"," "),p.contentMediaType&&React.createElement(TypeFormat,null," ","<",p.contentMediaType,">"," "),p.title&&!o&&React.createElement(TypeTitle,null," (",p.title,") "),React.createElement(ConstraintsView,{constraints:p.constraints}),p.pattern&&!c&&React.createElement(React.Fragment,null,React.createElement(PatternLabel,null,r||p.pattern.length<MAX_PATTERN_LENGTH?p.pattern:p.pattern.substr(0,MAX_PATTERN_LENGTH)+"..."),p.pattern.length>MAX_PATTERN_LENGTH&&React.createElement(ToggleButton,{onClick:this.togglePattern},r?"Hide pattern":"Show pattern"))," ",p.isCircular&&React.createElement(RecursiveLabel,null,l("recursive"))),d&&React.createElement("div",null,React.createElement(Badge,{deprecated:!0,style:{marginLeft:0}}," ",l("deprecated")," ")),React.createElement(FieldDetail,{raw:b,label:"default",value:p.default}),React.createElement("div",null,React.createElement(Markdown,{compact:!0,source:s})),!n&&React.createElement(EnumValues,{type:p.type,values:p["x-enumDescriptions"]||p.enum})," ",f,React.createElement(Extensions,{extensions:__assign(__assign({},a.extensions),p.extensions)}),p.externalDocs&&React.createElement(ExternalDocumentation,{externalDocs:p.externalDocs,compact:!0}),n&&n(this.props)||null,a.const&&React.createElement(FieldDetail,{label:"const",value:a.const})||null)}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsContext}),t=__decorate([observer],t)}(React.PureComponent);export{FieldDetails};function Examples(e){var t=e.field;return t.examples?React.createElement(React.Fragment,null,React.createElement(FieldLabel,null," ",l("examples"),": "),React.createElement(ExamplesList,null,Object.entries(t.examples).map((function(e){var a=e[0],n=e[1];return React.createElement(ExampleWrap,{key:a},React.createElement(ExampleSummary,null,n.summary||a," "),n.description&&React.createElement(ExampleDescription,null,n.description," "),React.createElement(ExampleValue,null,getSerializedValue(t,n.value)))})))):null}function getSerializedValue(e,t){return e.in?decodeURIComponent(serializeParameterValue(e,t)):t}var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,ExampleDescription=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject([""],[""]))),ExampleSummary=styled.label(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  display: block;\n  font-size: inherit;\n  margin-bottom: 0.2em;\n  font-weight: var(--font-weight-bold);\n"],["\n  display: block;\n  font-size: inherit;\n  margin-bottom: 0.2em;\n  font-weight: var(--font-weight-bold);\n"]))),ExampleWrap=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  margin-top: 1em;\n  font-size: var(--field-name-font-size);\n"],["\n  margin-top: 1em;\n  font-size: var(--field-name-font-size);\n"]))),ExamplesList=styled.div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  padding-left: 1.5em;\n  margin-bottom: 1em;\n"],["\n  padding-left: 1.5em;\n  margin-bottom: 1em;\n"]))),TypeWrapper=styled.div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  line-height: 20px;\n"],["\n  line-height: 20px;\n"])));
 //# sourceMappingURL=FieldDetails.js.map

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

@@ -1,2 +1,2 @@
-import{__decorate,__extends}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{DropdownLabel,DropdownWrapper}from"../PayloadSamples/styled";var GenericChildrenSwitcher=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"switchItem",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.idx;r.props.items&&t&&r.setState({activeItemIdx:t})}}),r.state={activeItemIdx:0},r}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.items,r=e.options,a=e.renderDropdown,n=e.label,o=e.children;if(!t||!t.length)return null;return React.createElement(React.Fragment,null,React.createElement((function(e){var t=e.children;return n?React.createElement(DropdownWrapper,null,React.createElement(DropdownLabel,null,n),t):t}),null,a({value:r[this.state.activeItemIdx].value,options:r,onChange:this.switchItem,ariaLabel:n||"Callback"})),o(t[this.state.activeItemIdx]))}}),t=__decorate([observer],t)}(React.Component);export{GenericChildrenSwitcher};
+import{__decorate,__extends}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{DropdownLabel,DropdownWrapper}from"../PayloadSamples";var GenericChildrenSwitcher=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"switchItem",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.idx;r.props.items&&t&&r.setState({activeItemIdx:t})}}),r.state={activeItemIdx:0},r}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.items,r=e.options,a=e.renderDropdown,n=e.label,o=e.children;if(!t||!t.length)return null;return React.createElement(React.Fragment,null,React.createElement((function(e){var t=e.children;return n?React.createElement(DropdownWrapper,null,React.createElement(DropdownLabel,null,n),t):t}),null,a({value:r[this.state.activeItemIdx].value,options:r,onChange:this.switchItem,ariaLabel:n||"Callback"})),o(t[this.state.activeItemIdx]))}}),t=__decorate([observer],t)}(React.Component);export{GenericChildrenSwitcher};
 //# sourceMappingURL=GenericChildrenSwitcher.js.map

package/lib-esm/redoc-lib/src/components/Markdown/AdvancedMarkdown.js

@@ -1,2 +1,2 @@
-import{__assign}from"tslib";import React from"react";import{MarkdownRenderer}from"../../services";import{useOptions}from"../OptionsProvider";import{useStore}from"../StoreBuilder";import{SanitizedMarkdownHTML}from"./SanitizedMarkdownHTML";export function AdvancedMarkdown(e){var r=e.source,n=e.htmlWrap,t=void 0===n?function(e){return e}:n,o=useOptions(),i=useStore();if(!i)throw new Error("When using components in markdown, store prop must be provided");var a=new MarkdownRenderer(o).renderMdWithComponents(r);return a.length?React.createElement(React.Fragment,null,a.map((function(e,r){return"string"==typeof e?React.cloneElement(t(React.createElement(SanitizedMarkdownHTML,{html:e,inline:!1,compact:!1})),{key:r}):React.createElement(e.component,__assign({key:r},__assign(__assign({},e.props),e.propsSelector(i))))}))):null}
+import{__assign}from"tslib";import React from"react";import{MarkdownRenderer}from"../../services";import{useOptions}from"../OptionsProvider";import{useStore}from"../StoreBuilder";import{SanitizedMarkdownHTML}from"./SanitizedMarkdownHTML";export function AdvancedMarkdown(e){var r=e.source,n=e.htmlWrap,t=void 0===n?function(e){return e}:n,o=useOptions(),i=useStore();if(!i)throw new Error("When using components in markdown, store prop must be provided");var s=new MarkdownRenderer(o).renderMdWithComponents(r);return s.length?React.createElement(React.Fragment,null,s.map((function(e){var r;return"string"==typeof e?React.cloneElement(t(React.createElement(SanitizedMarkdownHTML,{html:e,inline:!1,compact:!1})),{key:e.substring(50,0)}):React.createElement(e.component,__assign({key:null===(r=e.propsSelector(i).securitySchemes)||void 0===r?void 0:r.schemes.map((function(e){return e.id})).join("")},__assign(__assign({},e.props),e.propsSelector(i))))}))):null}
 //# sourceMappingURL=AdvancedMarkdown.js.map

package/lib-esm/redoc-lib/src/components/Markdown/styled.d.ts

@@ -1,12 +1,16 @@
 export declare const linksCss: import("styled-components").FlattenSimpleInterpolation;
 export declare const baseTable: import("styled-components").FlattenSimpleInterpolation;
 export declare const StyledMarkdownBlock: import("styled-components").StyledComponent<"div", any, {
+    'data-component-name': string;
+} & {
     compact?: boolean | undefined;
     inline?: boolean | undefined;
     withoutTableStyle?: boolean | undefined;
-}, never>;
+}, "data-component-name">;
 export declare const StyledMarkdownSpan: import("styled-components").StyledComponent<"span", any, {
+    'data-component-name': string;
+} & {
     compact?: boolean | undefined;
     inline?: boolean | undefined;
     withoutTableStyle?: boolean | undefined;
-}, never>;
+}, "data-component-name">;

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import styled,{css}from"styled-components";import{CodeBlock}from"@redocly/theme";import{linkifyMixin}from"../../common-elements";import{typography}from"../../utils/theme-helpers";export var linksCss=css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  a {\n    text-decoration: var(--link-decoration, auto);\n    color: var(--link-color);\n\n    &:visited {\n      color: var(--link-color);\n    }\n\n    &:hover {\n      color: var(--link-hover-color);\n      text-decoration: var(--link-hover-decoration, auto);\n    }\n  }\n"],["\n  a {\n    text-decoration: var(--link-decoration, auto);\n    color: var(--link-color);\n\n    &:visited {\n      color: var(--link-color);\n    }\n\n    &:hover {\n      color: var(--link-hover-color);\n      text-decoration: var(--link-hover-decoration, auto);\n    }\n  }\n"])));export var baseTable=css(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  table {\n    display: block;\n    width: 100%;\n    overflow: auto;\n    word-break: keep-all;\n    border-collapse: separate;\n    border-spacing: 0;\n    margin-top: 20px;\n    margin-bottom: 20px;\n    font-size: 14px;\n  }\n\n  table th,\n  table td {\n    padding: 12px;\n    border-bottom: 1px solid var(--global-border-color);\n  }\n\n  table th {\n    text-align: left;\n    font-weight: bold;\n    background-color: var(--schema-nested-background-color);\n  }\n\n  table tr th:first-child,\n  table tr td:first-child {\n    border-left: 1px solid var(--global-border-color);\n  }\n\n  table tr td:last-child,\n  table tr th:last-child {\n    border-right: 1px solid var(--global-border-color);\n  }\n\n  table thead td,\n  table thead th {\n    border-top: 1px solid var(--global-border-color);\n  }\n\n  /* top-left border */\n  table thead tr:first-child th:first-child {\n    border-top-left-radius: var(--panels-border-radius);\n  }\n\n  /* top-right border */\n  table thead tr:first-child th:last-child {\n    border-top-right-radius: var(--panels-border-radius);\n    border-top: 1px solid var(--global-border-color);\n  }\n\n  /* bottom-left border */\n  table tbody tr:last-child td:first-child {\n    border-bottom-left-radius: var(--panels-border-radius);\n  }\n\n  /* bottom-right border */\n  table tbody tr:last-child td:last-child {\n    border-bottom-right-radius: var(--panels-border-radius);\n  }\n"],["\n  table {\n    display: block;\n    width: 100%;\n    overflow: auto;\n    word-break: keep-all;\n    border-collapse: separate;\n    border-spacing: 0;\n    margin-top: 20px;\n    margin-bottom: 20px;\n    font-size: 14px;\n  }\n\n  table th,\n  table td {\n    padding: 12px;\n    border-bottom: 1px solid var(--global-border-color);\n  }\n\n  table th {\n    text-align: left;\n    font-weight: bold;\n    background-color: var(--schema-nested-background-color);\n  }\n\n  table tr th:first-child,\n  table tr td:first-child {\n    border-left: 1px solid var(--global-border-color);\n  }\n\n  table tr td:last-child,\n  table tr th:last-child {\n    border-right: 1px solid var(--global-border-color);\n  }\n\n  table thead td,\n  table thead th {\n    border-top: 1px solid var(--global-border-color);\n  }\n\n  /* top-left border */\n  table thead tr:first-child th:first-child {\n    border-top-left-radius: var(--panels-border-radius);\n  }\n\n  /* top-right border */\n  table thead tr:first-child th:last-child {\n    border-top-right-radius: var(--panels-border-radius);\n    border-top: 1px solid var(--global-border-color);\n  }\n\n  /* bottom-left border */\n  table tbody tr:last-child td:first-child {\n    border-bottom-left-radius: var(--panels-border-radius);\n  }\n\n  /* bottom-right border */\n  table tbody tr:last-child td:last-child {\n    border-bottom-right-radius: var(--panels-border-radius);\n  }\n"])));export var StyledMarkdownBlock=styled(CodeBlock)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  font-family: var(--font-family-base);\n  font-weight: var(--font-weight-regular);\n  line-height: var(--line-height-base);\n  p {\n    &:first-child {\n      margin-top: 0;\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  ","\n\n  ","\n\n  h1 {\n    margin-top: 0;\n    ",";\n  }\n\n  h2 {\n    ",";\n  }\n\n  code {\n    border-radius: var(--inline-code-border-radius);\n    border: 1px solid var(--inline-code-border-color);\n    padding: 0 var(--spacing-unit);\n    word-break: break-word;\n    font-family: var(--inline-code-font-family);\n    font-size: var(--inline-code-font-size);\n    color: var(--inline-code-color);\n    background-color: var(--inline-code-background-color);\n    font-weight: var(--code-font-weight);\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    > code {\n      font-size: inherit;\n    }\n  }\n\n  pre {\n    white-space: var(--code-wrap, pre);\n    background-color: var(--code-block-preformatted-background-color);\n    font-family: var(--code-font-family);\n    color: white;\n    padding: calc(var(--spacing-unit) * 2);\n    overflow-x: auto;\n    line-height: normal;\n    border-radius: var(--panels-border-radius);\n    border: 1px solid rgba(38, 50, 56, 0.1);\n\n    code {\n      background-color: transparent;\n      color: white;\n      padding: 0;\n      border: none;\n\n      &:before,\n      &:after {\n        content: none;\n      }\n    }\n  }\n\n  blockquote {\n    margin: 0 0 1em;\n    padding: 0 15px;\n    color: #777;\n    border-left: 4px solid #ddd;\n  }\n\n  img {\n    max-width: 100%;\n    box-sizing: content-box;\n  }\n\n  ul,\n  ol {\n    padding-left: 2em;\n    margin: 0 0 1em;\n\n    ul,\n    ol {\n      margin-bottom: 0;\n      margin-top: 0;\n    }\n  }\n  ","\n\n  ",";\n\n  ","\n\n  h1 {\n    ","\n    clear: both;\n  }\n  h2 {\n    ","\n    clear: both;\n  }\n  h3 {\n    ","\n    clear: both;\n  }\n\n  pre {\n    border-radius: var(--panels-border-radius);\n  }\n\n  code {\n    word-wrap: var(--code-word-break);\n  }\n"],["\n  font-family: var(--font-family-base);\n  font-weight: var(--font-weight-regular);\n  line-height: var(--line-height-base);\n  p {\n    &:first-child {\n      margin-top: 0;\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  ","\n\n  ","\n\n  h1 {\n    margin-top: 0;\n    ",";\n  }\n\n  h2 {\n    ",";\n  }\n\n  code {\n    border-radius: var(--inline-code-border-radius);\n    border: 1px solid var(--inline-code-border-color);\n    padding: 0 var(--spacing-unit);\n    word-break: break-word;\n    font-family: var(--inline-code-font-family);\n    font-size: var(--inline-code-font-size);\n    color: var(--inline-code-color);\n    background-color: var(--inline-code-background-color);\n    font-weight: var(--code-font-weight);\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    > code {\n      font-size: inherit;\n    }\n  }\n\n  pre {\n    white-space: var(--code-wrap, pre);\n    background-color: var(--code-block-preformatted-background-color);\n    font-family: var(--code-font-family);\n    color: white;\n    padding: calc(var(--spacing-unit) * 2);\n    overflow-x: auto;\n    line-height: normal;\n    border-radius: var(--panels-border-radius);\n    border: 1px solid rgba(38, 50, 56, 0.1);\n\n    code {\n      background-color: transparent;\n      color: white;\n      padding: 0;\n      border: none;\n\n      &:before,\n      &:after {\n        content: none;\n      }\n    }\n  }\n\n  blockquote {\n    margin: 0 0 1em;\n    padding: 0 15px;\n    color: #777;\n    border-left: 4px solid #ddd;\n  }\n\n  img {\n    max-width: 100%;\n    box-sizing: content-box;\n  }\n\n  ul,\n  ol {\n    padding-left: 2em;\n    margin: 0 0 1em;\n\n    ul,\n    ol {\n      margin-bottom: 0;\n      margin-top: 0;\n    }\n  }\n  ","\n\n  ",";\n\n  ","\n\n  h1 {\n    ","\n    clear: both;\n  }\n  h2 {\n    ","\n    clear: both;\n  }\n  h3 {\n    ","\n    clear: both;\n  }\n\n  pre {\n    border-radius: var(--panels-border-radius);\n  }\n\n  code {\n    word-wrap: var(--code-word-break);\n  }\n"])),(function(n){return n.compact&&css(templateObject_3||(templateObject_3=__makeTemplateObject(["\n      p:first-child {\n        margin-top: 0;\n      }\n      p:last-child {\n        margin-bottom: 0;\n      }\n    "],["\n      p:first-child {\n        margin-top: 0;\n      }\n      p:last-child {\n        margin-bottom: 0;\n      }\n    "])))}),(function(n){return n.inline&&css(templateObject_4||(templateObject_4=__makeTemplateObject(["\n      p {\n        display: inline-block;\n      }\n    "],["\n      p {\n        display: inline-block;\n      }\n    "])))}),typography("h1","h"),typography("h2","h"),(function(n){return!n.withoutTableStyle&&baseTable}),linkifyMixin(".share-link","15px"),linksCss,typography("h1","h"),typography("h2","h"),typography("h3","h"));export var StyledMarkdownSpan=StyledMarkdownBlock.withComponent("span");var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5;
+import{__makeTemplateObject}from"tslib";import styled,{css}from"styled-components";import{CodeBlock}from"@redocly/theme";import{linkifyMixin}from"../../common-elements";import{typography}from"../../utils/theme-helpers";export var linksCss=css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  a {\n    text-decoration: var(--link-decoration, auto);\n    color: var(--link-text-color);\n\n    &:visited {\n      color: var(--link-visited-text-color);\n      text-decoration: var(--link-visited-decoration);\n    }\n\n    &:hover {\n      color: var(--link-hover-text-color);\n      text-decoration: var(--link-hover-decoration, auto);\n    }\n\n    &:focus {\n      color: var(--link-active-text-color);\n      text-decoration: var(--link-active-decoration);\n    }\n  }\n"],["\n  a {\n    text-decoration: var(--link-decoration, auto);\n    color: var(--link-text-color);\n\n    &:visited {\n      color: var(--link-visited-text-color);\n      text-decoration: var(--link-visited-decoration);\n    }\n\n    &:hover {\n      color: var(--link-hover-text-color);\n      text-decoration: var(--link-hover-decoration, auto);\n    }\n\n    &:focus {\n      color: var(--link-active-text-color);\n      text-decoration: var(--link-active-decoration);\n    }\n  }\n"])));export var baseTable=css(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  table {\n    display: block;\n    width: 100%;\n    overflow: auto;\n    word-break: keep-all;\n    border-collapse: separate;\n    border-spacing: 0;\n    margin-top: var(--md-table-margin-vertical);\n    margin-bottom: var(--md-table-margin-vertical);\n    font-size: var(--md-table-font-size);\n  }\n\n  table th,\n  table td {\n    padding: var(--md-table-cell-padding);\n    border-bottom: 1px solid var(--md-table-border-color);\n    color: var(--md-table-cell-text-color);\n  }\n\n  table tr {\n    background-color: var(--md-table-stripe-background-color);\n  }\n\n  table th {\n    text-align: left;\n    font-weight: var(--md-table-head-font-weight);\n    color: var(--md-table-head-text-color);\n    background-color: var(--md-table-head-background-color);\n  }\n\n  table tr th:first-child,\n  table tr td:first-child {\n    border-left: 1px solid var(--md-table-border-color);\n  }\n\n  table tr td:last-child,\n  table tr th:last-child {\n    border-right: 1px solid var(--md-table-border-color);\n  }\n\n  table thead td,\n  table thead th {\n    border-top: 1px solid var(--md-table-border-color);\n  }\n\n  /* top-left border */\n  table thead tr:first-child th:first-child {\n    border-top-left-radius: var(--md-table-border-radius);\n  }\n\n  /* top-right border */\n  table thead tr:first-child th:last-child {\n    border-top-right-radius: var(--md-table-border-radius);\n    border-top: 1px solid var(--md-table-border-color);\n  }\n\n  /* bottom-left border */\n  table tbody tr:last-child td:first-child {\n    border-bottom-left-radius: var(--md-table-border-radius);\n  }\n\n  /* bottom-right border */\n  table tbody tr:last-child td:last-child {\n    border-bottom-right-radius: var(--md-table-border-radius);\n  }\n"],["\n  table {\n    display: block;\n    width: 100%;\n    overflow: auto;\n    word-break: keep-all;\n    border-collapse: separate;\n    border-spacing: 0;\n    margin-top: var(--md-table-margin-vertical);\n    margin-bottom: var(--md-table-margin-vertical);\n    font-size: var(--md-table-font-size);\n  }\n\n  table th,\n  table td {\n    padding: var(--md-table-cell-padding);\n    border-bottom: 1px solid var(--md-table-border-color);\n    color: var(--md-table-cell-text-color);\n  }\n\n  table tr {\n    background-color: var(--md-table-stripe-background-color);\n  }\n\n  table th {\n    text-align: left;\n    font-weight: var(--md-table-head-font-weight);\n    color: var(--md-table-head-text-color);\n    background-color: var(--md-table-head-background-color);\n  }\n\n  table tr th:first-child,\n  table tr td:first-child {\n    border-left: 1px solid var(--md-table-border-color);\n  }\n\n  table tr td:last-child,\n  table tr th:last-child {\n    border-right: 1px solid var(--md-table-border-color);\n  }\n\n  table thead td,\n  table thead th {\n    border-top: 1px solid var(--md-table-border-color);\n  }\n\n  /* top-left border */\n  table thead tr:first-child th:first-child {\n    border-top-left-radius: var(--md-table-border-radius);\n  }\n\n  /* top-right border */\n  table thead tr:first-child th:last-child {\n    border-top-right-radius: var(--md-table-border-radius);\n    border-top: 1px solid var(--md-table-border-color);\n  }\n\n  /* bottom-left border */\n  table tbody tr:last-child td:first-child {\n    border-bottom-left-radius: var(--md-table-border-radius);\n  }\n\n  /* bottom-right border */\n  table tbody tr:last-child td:last-child {\n    border-bottom-right-radius: var(--md-table-border-radius);\n  }\n"])));export var StyledMarkdownBlock=styled(CodeBlock)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  font-family: var(--font-family-base);\n  font-weight: var(--font-weight-regular);\n  line-height: var(--line-height-base);\n  p {\n    margin: var(--md-paragraph-margin-vertical) var(--md-paragraph-margin-horizontal);\n\n    &:first-child {\n      margin-top: 0;\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  ","\n\n  ","\n\n  h1 {\n    margin-top: 0;\n    ",";\n  }\n\n  h2 {\n    ",";\n  }\n\n  code {\n    border-radius: var(--inline-code-border-radius);\n    border: 1px solid var(--inline-code-border-color);\n    padding: 0 var(--spacing-unit);\n    word-break: break-word;\n    font-family: var(--inline-code-font-family);\n    font-size: var(--inline-code-font-size);\n    color: var(--inline-code-text-color);\n    background-color: var(--inline-code-background-color);\n    font-weight: var(--code-font-weight);\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    > code {\n      font-size: inherit;\n    }\n  }\n\n  hr {\n    border-top: 1px solid var(--md-hr-border-color);\n    background-color: var(--md-hr-background-color);\n    height: var(--md-hr-height);\n    margin: var(--md-hr-margin-vertical) 0;\n  }\n\n  pre {\n    white-space: var(--code-wrap, pre);\n    background-color: var(--code-block-background-color);\n    font-family: var(--code-font-family);\n    color: white;\n    padding: calc(var(--spacing-unit) * 2);\n    overflow-x: auto;\n    line-height: normal;\n    border-radius: var(--panel-border-radius);\n    border: 1px solid rgba(38, 50, 56, 0.1);\n\n    code {\n      background-color: transparent;\n      color: white;\n      padding: 0;\n      border: none;\n\n      &:before,\n      &:after {\n        content: none;\n      }\n    }\n  }\n\n  blockquote {\n    margin: var(--md-blockquote-margin-vertical) var(--md-blockquote-margin-horizontal);\n    padding: var(--md-blockquote-padding-vertical) var(--md-blockquote-padding-horizontal);\n    border-left: var(--md-blockquote-border-left);\n    background-color: var(--md-blockquote-background-color);\n    color: var(--md-blockquote-text-color);\n    box-shadow: var(--md-blockquote-box-shadow);\n  }\n\n  img {\n    max-width: 100%;\n    box-sizing: content-box;\n  }\n\n  ul,\n  ol {\n    padding-left: var(--md-list-left-padding);\n    margin: 0 0 var(--md-list-margin);\n\n    ul,\n    ol {\n      margin-bottom: 0;\n      margin-top: 0;\n    }\n  }\n\n  li {\n    margin: var(--md-list-item-margin);\n    list-style: var(--md-list-item-style);\n  }\n\n  ol > li {\n    list-style: var(--md-numbered-list-item-style);\n  }\n\n  ol > li:before {\n    content: counter(list-item);\n    display: var(--md-numbered-list-number-display);\n    color: var(--md-numbered-list-number-text-color);\n    font-size: var(--md-numbered-list-number-font-size);\n    font-family: var(--md-numbered-list-number-font-family);\n    font-weight: var(--md-numbered-list-number-font-weight);\n    background-color: var(--md-numbered-list-number-background-color);\n    border-radius: var(--md-numbered-list-number-border-radius);\n    border: var(--md-numbered-list-number-border);\n    margin-right: var(--md-numbered-list-number-margin-right);\n    padding: var(--md-numbered-list-number-padding);\n  }\n\n  ","\n\n  ",";\n\n  ","\n\n  h1 {\n    ","\n    clear: both;\n  }\n  h2 {\n    ","\n    clear: both;\n  }\n  h3 {\n    ","\n    clear: both;\n  }\n\n  pre {\n    border-radius: var(--panel-border-radius);\n  }\n\n  code {\n    word-wrap: var(--code-word-break);\n  }\n"],["\n  font-family: var(--font-family-base);\n  font-weight: var(--font-weight-regular);\n  line-height: var(--line-height-base);\n  p {\n    margin: var(--md-paragraph-margin-vertical) var(--md-paragraph-margin-horizontal);\n\n    &:first-child {\n      margin-top: 0;\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  ","\n\n  ","\n\n  h1 {\n    margin-top: 0;\n    ",";\n  }\n\n  h2 {\n    ",";\n  }\n\n  code {\n    border-radius: var(--inline-code-border-radius);\n    border: 1px solid var(--inline-code-border-color);\n    padding: 0 var(--spacing-unit);\n    word-break: break-word;\n    font-family: var(--inline-code-font-family);\n    font-size: var(--inline-code-font-size);\n    color: var(--inline-code-text-color);\n    background-color: var(--inline-code-background-color);\n    font-weight: var(--code-font-weight);\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    > code {\n      font-size: inherit;\n    }\n  }\n\n  hr {\n    border-top: 1px solid var(--md-hr-border-color);\n    background-color: var(--md-hr-background-color);\n    height: var(--md-hr-height);\n    margin: var(--md-hr-margin-vertical) 0;\n  }\n\n  pre {\n    white-space: var(--code-wrap, pre);\n    background-color: var(--code-block-background-color);\n    font-family: var(--code-font-family);\n    color: white;\n    padding: calc(var(--spacing-unit) * 2);\n    overflow-x: auto;\n    line-height: normal;\n    border-radius: var(--panel-border-radius);\n    border: 1px solid rgba(38, 50, 56, 0.1);\n\n    code {\n      background-color: transparent;\n      color: white;\n      padding: 0;\n      border: none;\n\n      &:before,\n      &:after {\n        content: none;\n      }\n    }\n  }\n\n  blockquote {\n    margin: var(--md-blockquote-margin-vertical) var(--md-blockquote-margin-horizontal);\n    padding: var(--md-blockquote-padding-vertical) var(--md-blockquote-padding-horizontal);\n    border-left: var(--md-blockquote-border-left);\n    background-color: var(--md-blockquote-background-color);\n    color: var(--md-blockquote-text-color);\n    box-shadow: var(--md-blockquote-box-shadow);\n  }\n\n  img {\n    max-width: 100%;\n    box-sizing: content-box;\n  }\n\n  ul,\n  ol {\n    padding-left: var(--md-list-left-padding);\n    margin: 0 0 var(--md-list-margin);\n\n    ul,\n    ol {\n      margin-bottom: 0;\n      margin-top: 0;\n    }\n  }\n\n  li {\n    margin: var(--md-list-item-margin);\n    list-style: var(--md-list-item-style);\n  }\n\n  ol > li {\n    list-style: var(--md-numbered-list-item-style);\n  }\n\n  ol > li:before {\n    content: counter(list-item);\n    display: var(--md-numbered-list-number-display);\n    color: var(--md-numbered-list-number-text-color);\n    font-size: var(--md-numbered-list-number-font-size);\n    font-family: var(--md-numbered-list-number-font-family);\n    font-weight: var(--md-numbered-list-number-font-weight);\n    background-color: var(--md-numbered-list-number-background-color);\n    border-radius: var(--md-numbered-list-number-border-radius);\n    border: var(--md-numbered-list-number-border);\n    margin-right: var(--md-numbered-list-number-margin-right);\n    padding: var(--md-numbered-list-number-padding);\n  }\n\n  ","\n\n  ",";\n\n  ","\n\n  h1 {\n    ","\n    clear: both;\n  }\n  h2 {\n    ","\n    clear: both;\n  }\n  h3 {\n    ","\n    clear: both;\n  }\n\n  pre {\n    border-radius: var(--panel-border-radius);\n  }\n\n  code {\n    word-wrap: var(--code-word-break);\n  }\n"])),(function(n){return n.compact&&css(templateObject_3||(templateObject_3=__makeTemplateObject(["\n      p:first-child {\n        margin-top: 0;\n      }\n      p:last-child {\n        margin-bottom: 0;\n      }\n    "],["\n      p:first-child {\n        margin-top: 0;\n      }\n      p:last-child {\n        margin-bottom: 0;\n      }\n    "])))}),(function(n){return n.inline&&css(templateObject_4||(templateObject_4=__makeTemplateObject(["\n      p {\n        display: inline-block;\n      }\n    "],["\n      p {\n        display: inline-block;\n      }\n    "])))}),typography("h1","h"),typography("h2","h"),(function(n){return!n.withoutTableStyle&&baseTable}),linkifyMixin(".share-link","15px"),linksCss,typography("h1","h"),typography("h2","h"),typography("h3","h"));export var StyledMarkdownSpan=StyledMarkdownBlock.withComponent("span");var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5;
 //# sourceMappingURL=styled.js.map

package/lib-esm/redoc-lib/src/components/MediaTypeSwitch/MediaTypesSwitch.js

@@ -1,2 +1,2 @@
-import{observer}from"mobx-react";import*as React from"react";import{DropdownLabel,DropdownWrapper}from"../PayloadSamples/styled";import{FormControl}from"../../../../components/common/form";export var MediaTypesSwitch=observer((function(e){var r=e.content,t=e.withLabel,n=e.renderDropdown,a=e.children,o=React.useCallback((function(e){var t=e.value;if(!r||!l.current)return null;var n=l.current.getBoundingClientRect().y;r.activate(t),requestAnimationFrame((function(){if(l.current&&null!=n){var e=l.current.getBoundingClientRect().y;window.scrollBy(0,e-n)}}))}),[r]),l=React.useRef(null);if(!r||!r.mediaTypes||!r.mediaTypes.length)return null;var c=r.mediaTypes.map((function(e,r){return{value:e.name,idx:r}})),i=r.active.name;return React.createElement(React.Fragment,null,React.createElement((function(e){var r=e.children;return t?React.createElement(DropdownWrapper,{ref:l},React.createElement(DropdownLabel,null,"Content type"),r):React.createElement(FormControl,{ref:l},r)}),null,n({value:i,options:c,onChange:o,ariaLabel:"Content type"})),a(r.active))}));
+import{observer}from"mobx-react";import*as React from"react";import{DropdownLabel,DropdownWrapper}from"../PayloadSamples";import{FormControl}from"../../../../components/common/form";export var MediaTypesSwitch=observer((function(e){var r=e.content,t=e.withLabel,n=e.renderDropdown,a=e.children,o=React.useCallback((function(e){var t=e.value;if(!r||!l.current)return null;var n=l.current.getBoundingClientRect().y;r.activate(t),requestAnimationFrame((function(){if(l.current&&null!=n){var e=l.current.getBoundingClientRect().y;window.scrollBy(0,e-n)}}))}),[r]),l=React.useRef(null);if(!r||!r.mediaTypes||!r.mediaTypes.length)return null;var c=r.mediaTypes.map((function(e,r){return{value:e.name,idx:r}})),i=r.active.name;return React.createElement(React.Fragment,null,React.createElement((function(e){var r=e.children;return t?React.createElement(DropdownWrapper,{ref:l},React.createElement(DropdownLabel,null,"Content type"),r):React.createElement(FormControl,{ref:l},r)}),null,n({value:i,options:c,onChange:o,ariaLabel:"Content type"})),a(r.active))}));
 //# sourceMappingURL=MediaTypesSwitch.js.map

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import{observer}from"mobx-react";import React from"react";import styled from"styled-components";import{Endpoint}from"../../../../components/Endpoint";import{Badge,H2,SamplesMiddlePanel,SamplesPanel,Row,ShareLink}from"../../common-elements";import{CallbacksList}from"../Callbacks";import{CallbackSamples}from"../CallbackSamples/CallbackSamples";import{ExternalDocumentation}from"../ExternalDocumentation/ExternalDocumentation";import{Extensions}from"../Fields/Extensions";import{Markdown}from"../Markdown";import{Parameters}from"../Parameters/Parameters";import{RequestSamples}from"../RequestSamples/RequestSamples";import{ResponsesList}from"../Responses/ResponsesList";import{ResponseSamples}from"../ResponseSamples/ResponseSamples";import{SecurityRequirements}from"../SecurityRequirement/SecurityRequirement";import{StoreContext}from"../StoreBuilder";import{ScrollableContentPanel}from"../../../../components/Panel";import{LayoutVariant}from"../../../../services/store-types";import{RenderHook}from"../RenderHook";import{creatPanelToggleEvent}from"../RequestSamples/languageSwitchEvent";import{l}from"../../services/Labels";var templateObject_1,templateObject_2,OperationRow=styled(Row)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  backface-visibility: hidden;\n  contain: content;\n  overflow: hidden;\n"],["\n  backface-visibility: hidden;\n  contain: content;\n  overflow: hidden;\n"]))),Description=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  margin-bottom: calc(var(--spacing-unit) * 4);\n"],["\n  margin-bottom: calc(var(--spacing-unit) * 4);\n"])));export var Operation=observer((function(e){var t,a,o,n=e.operation,r=n.name,s=n.description,c=n.deprecated,i=n.externalDocs,m=n.isWebhook,p=n.httpVerb,d=e.operation,u=e.layout,R=React.useContext(StoreContext),b=!(!s&&!i),E=null==R?void 0:R.options.hooks,v=null==R?void 0:R.options.events,k=React.useCallback((function(e){var t,a=creatPanelToggleEvent({operation:d,isExpanded:e,panelType:"responses"});null===(t=null==v?void 0:v.panelToggle)||void 0===t||t.call(v,a)}),[v]),f=React.useCallback((function(e){var t,a=creatPanelToggleEvent({operation:d,isExpanded:e,panelType:"request"});null===(t=null==v?void 0:v.panelToggle)||void 0===t||t.call(v,a)}),[v]);return React.createElement(OperationRow,{layout:u},React.createElement(SamplesMiddlePanel,{isStacked:u===LayoutVariant.STACKED},React.createElement(RenderHook,{Hook:null==E?void 0:E.BeforeOperation,props:{operation:d}}),React.createElement(H2,null,React.createElement(ShareLink,{to:d.id}),React.createElement(RenderHook,{Hook:null==E?void 0:E.BeforeOperationSummary,props:{operation:d}}),r,React.createElement(RenderHook,{Hook:null==E?void 0:E.AfterOperationSummary,props:{operation:d}}),c&&React.createElement(Badge,{deprecated:!0},"Deprecated"),m&&React.createElement(React.Fragment,null,React.createElement(Badge,null,"Webhook"),(null==R?void 0:R.options.showWebhookVerb)&&p&&React.createElement(Badge,null,p.toUpperCase()))),(null==R?void 0:R.options.pathInMiddlePanel)&&!m&&React.createElement(Endpoint,{operation:d}),b&&React.createElement(Description,null,void 0!==s&&React.createElement(Markdown,{source:s}),i&&React.createElement(ExternalDocumentation,{externalDocs:i}),Object.keys(d.extensions||{}).length?React.createElement(Extensions,{extensions:d.extensions}):null),React.createElement(SecurityRequirements,{securities:d.security}),(null===(t=d.parameters)||void 0===t?void 0:t.length)||d.requestBody?React.createElement(ScrollableContentPanel,{header:l("request"),onToggle:f,expanded:null==R?void 0:R.options.expandDefaultRequest},React.createElement(Parameters,{parameters:d.parameters,body:d.requestBody})):null,(null===(a=d.responses)||void 0===a?void 0:a.length)?React.createElement(ScrollableContentPanel,{header:l("responses"),onToggle:k,expanded:null==R?void 0:R.options.expandDefaultResponse},React.createElement(ResponsesList,{responses:d.responses})):null,(null===(o=d.callbacks)||void 0===o?void 0:o.length)?React.createElement(ScrollableContentPanel,{header:l("callbacks")},React.createElement(CallbacksList,{callbacks:d.callbacks})):null,React.createElement(RenderHook,{Hook:null==E?void 0:E.AfterOperation,props:{operation:d}})),(null==R?void 0:R.showRightPanel)?React.createElement(SamplesPanel,{"data-cy":"samples-block"},!(null==R?void 0:R.options.pathInMiddlePanel)&&!m&&React.createElement(Endpoint,{operation:d}),React.createElement(RequestSamples,{operation:d}),React.createElement(ResponseSamples,{operation:d}),React.createElement(CallbackSamples,{callbacks:d.callbacks})):null)}));
+import{__makeTemplateObject}from"tslib";import{observer}from"mobx-react";import React from"react";import styled from"styled-components";import{Endpoint}from"../../../../components/Endpoint";import{Badge,H2,SamplesMiddlePanel,SamplesPanel,Row,ShareLink}from"../../common-elements";import{CallbacksList}from"../Callbacks";import{CallbackSamples}from"../CallbackSamples/CallbackSamples";import{ExternalDocumentation}from"../ExternalDocumentation/ExternalDocumentation";import{Extensions}from"../Fields/Extensions";import{Markdown}from"../Markdown";import{Parameters}from"../Parameters/Parameters";import{RequestSamples}from"../RequestSamples/RequestSamples";import{ResponsesList}from"../Responses";import{ResponseSamples}from"../ResponseSamples/ResponseSamples";import{SecurityRequirements}from"../SecurityRequirement/SecurityRequirement";import{StoreContext}from"../StoreBuilder";import{ContentPanel}from"../../../../components/Panel";import{LayoutVariant}from"../../../../services/store-types";import{RenderHook}from"../RenderHook";import{creatPanelToggleEvent}from"../RequestSamples/languageSwitchEvent";import{l}from"../../services/Labels";var templateObject_1,templateObject_2,OperationRow=styled(Row)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  backface-visibility: hidden;\n  contain: content;\n  overflow: hidden;\n"],["\n  backface-visibility: hidden;\n  contain: content;\n  overflow: hidden;\n"]))),Description=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  margin-bottom: calc(var(--spacing-unit) * 4);\n"],["\n  margin-bottom: calc(var(--spacing-unit) * 4);\n"])));export var Operation=observer((function(e){var t,a,n,o=e.operation,r=o.name,s=o.description,c=o.deprecated,i=o.externalDocs,m=o.isWebhook,p=o.httpVerb,d=e.operation,u=e.layout,R=React.useContext(StoreContext),E=!(!s&&!i),b=null==R?void 0:R.options.hooks,v=null==R?void 0:R.options.events,k=React.useCallback((function(e){var t,a=creatPanelToggleEvent({operation:d,isExpanded:e,panelType:"responses"});null===(t=null==v?void 0:v.panelToggle)||void 0===t||t.call(v,a)}),[v]),f=React.useCallback((function(e){var t,a=creatPanelToggleEvent({operation:d,isExpanded:e,panelType:"request"});null===(t=null==v?void 0:v.panelToggle)||void 0===t||t.call(v,a)}),[v]);return React.createElement(OperationRow,{layout:u},React.createElement(SamplesMiddlePanel,{isStacked:u===LayoutVariant.STACKED},React.createElement(RenderHook,{Hook:null==b?void 0:b.BeforeOperation,props:{operation:d}}),React.createElement(H2,null,React.createElement(ShareLink,{to:d.id}),React.createElement(RenderHook,{Hook:null==b?void 0:b.BeforeOperationSummary,props:{operation:d}}),r,React.createElement(RenderHook,{Hook:null==b?void 0:b.AfterOperationSummary,props:{operation:d}}),c&&React.createElement(Badge,{deprecated:!0},"Deprecated"),m&&React.createElement(React.Fragment,null,React.createElement(Badge,null,"Webhook"),(null==R?void 0:R.options.showWebhookVerb)&&p&&React.createElement(Badge,null,p.toUpperCase()))),(null==R?void 0:R.options.pathInMiddlePanel)&&!m&&React.createElement(Endpoint,{operation:d}),E&&React.createElement(Description,null,void 0!==s&&React.createElement(Markdown,{source:s}),i&&React.createElement(ExternalDocumentation,{externalDocs:i}),Object.keys(d.extensions||{}).length?React.createElement(Extensions,{extensions:d.extensions}):null),React.createElement(SecurityRequirements,{securities:d.security}),(null===(t=d.parameters)||void 0===t?void 0:t.length)||d.requestBody?React.createElement(ContentPanel,{header:l("request"),onToggle:f,expanded:null==R?void 0:R.options.expandDefaultRequest,className:"panel-request-schemas"},React.createElement(Parameters,{parameters:d.parameters,body:d.requestBody})):null,(null===(a=d.responses)||void 0===a?void 0:a.length)?React.createElement(ContentPanel,{header:l("responses"),onToggle:k,expanded:null==R?void 0:R.options.expandDefaultResponse,className:"panel-response-schemas"},React.createElement(ResponsesList,{responses:d.responses})):null,(null===(n=d.callbacks)||void 0===n?void 0:n.length)?React.createElement(ContentPanel,{className:"panel-callback-schemas",header:l("callbacks")},React.createElement(CallbacksList,{callbacks:d.callbacks})):null,React.createElement(RenderHook,{Hook:null==b?void 0:b.AfterOperation,props:{operation:d}})),(null==R?void 0:R.showRightPanel)?React.createElement(SamplesPanel,{"data-cy":"samples-block"},!(null==R?void 0:R.options.pathInMiddlePanel)&&!m&&React.createElement(Endpoint,{operation:d}),React.createElement(RequestSamples,{operation:d}),React.createElement(ResponseSamples,{operation:d}),React.createElement(CallbackSamples,{callbacks:d.callbacks})):null)}));
 //# sourceMappingURL=Operation.js.map

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

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

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { LayoutVariant } from '../../../../services';
+import type { OperationModel } from '../../services';
+export declare const OperationItem: ({ item, layout }: {
+    item: OperationModel;
+    layout?: LayoutVariant | undefined;
+}) => JSX.Element;

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.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,__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{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"],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 o=this.orderParams(n),a=n.length>0?PARAM_PLACES:[],i=t&&t.content,c=t&&t.description;return React.createElement(React.Fragment,null,a.map((function(e){return React.createElement(ParametersGroup,{key:e,place:e,parameters:o[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,{Dropdown:SchemaMimeTypeDropdown})))}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"])));
 //# 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 }: 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=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})))}));
 //# 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);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))}))}));
 //# 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,23 @@
+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;
+}
+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/RenderHook.d.ts

@@ -4,4 +4,4 @@ export declare function RenderHook<T>(props: {
     Hook?: HookConfig<T>;
     props: T;
 }): JSX.Element | null;
-export declare function getAccessModeLabelText(schema: SchemaModel): string;
+export declare function getAccessModeLabelText(schema: SchemaModel, showAccessMode: boolean): string | null;

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

@@ -1,2 +1,2 @@
-import*as React from"react";export function RenderHook(e){if(!e.Hook)return null;var r=e.Hook(e.props),t=r&&r.html;return t?React.createElement("span",{dangerouslySetInnerHTML:{__html:t}}):r}export function getAccessModeLabelText(e){return(e.readOnly?"read-only":e.writeOnly&&"write-only")||""}
+import*as React from"react";export function RenderHook(e){if(!e.Hook)return null;var r=e.Hook(e.props),t=r&&r.html;return t?React.createElement("span",{dangerouslySetInnerHTML:{__html:t}}):r}export function getAccessModeLabelText(e,r){return r&&(e.readOnly?"read-only":e.writeOnly&&"write-only")||null}
 //# sourceMappingURL=RenderHook.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,i=function(e){var o;return null===(o=n.operation)||void 0===o?void 0:o.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:i}),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