@redocly/reference-docs 3.0.0-alpha.1 → 3.0.0-alpha.4

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

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

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

@@ -1,5 +1,5 @@
-import type { PropsWithChildren } from 'react';
 import React from 'react';
+import type { PropsWithChildren } from 'react';
 export declare class ErrorBoundary extends React.Component<PropsWithChildren<unknown>, {
     error?: Error;
 }> {

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

@@ -1,2 +1,2 @@
-import{__decorate,__extends,__makeTemplateObject}from"tslib";import{observer}from"mobx-react";import*as React from"react";import styled from"styled-components";import{linksCss}from"../Markdown/styled.elements";var templateObject_1,LinkWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  ",";\n  ","\n"],["\n  ",";\n  ","\n"])),linksCss,(function(e){return e.compact?"":"margin: 1em 0"})),ExternalDocumentation=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.externalDocs;return e&&e.url?React.createElement(LinkWrap,{compact:this.props.compact},React.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},e.description||e.url)):null}}),t=__decorate([observer],t)}(React.Component);export{ExternalDocumentation};
+import{__decorate,__extends,__makeTemplateObject}from"tslib";import{observer}from"mobx-react";import*as React from"react";import styled from"styled-components";import{linksCss}from"../Markdown";var templateObject_1,LinkWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  ",";\n  ","\n"],["\n  ",";\n  ","\n"])),linksCss,(function(e){return e.compact?"":"margin: 1em 0"})),ExternalDocumentation=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.externalDocs;return e&&e.url?React.createElement(LinkWrap,{compact:this.props.compact},React.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},e.description||e.url)):null}}),t=__decorate([observer],t)}(React.Component);export{ExternalDocumentation};
 //# sourceMappingURL=ExternalDocumentation.js.map

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.elements";import{Markdown}from"../Markdown/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{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){var t=n?String(e):JSON.stringify(e);return React.createElement(React.Fragment,{key:e},React.createElement(ExampleValue,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-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"])));
 //# sourceMappingURL=EnumValues.js.map

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export interface ExtensionsProps {
     extensions: {
-        [k: string]: any;
+        [k: string]: string | Record<string, unknown>;
     };
 }
 export declare class Extensions extends React.PureComponent<ExtensionsProps> {

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.elements";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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { FieldModel } from '../../services/models';
 import type { RedocProNormalizedOptions } from '../../../../services/ProStore';
+import type { FieldModel } from '../../services/models';
 import type { SchemaOptions } from '../Schema/types';
 export interface FieldProps extends SchemaOptions {
     className?: string;

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,RequiredLabel}from"../../common-elements/fields";import{FieldDetails}from"./FieldDetails";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";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,l=e.field,a=e.isLast,n=e.expandByDefault,i=l.name,o=l.deprecated,c=l.required,s=l.kind,m=!l.schema.isPrimitive&&!l.schema.isCircular,p=void 0===l.expanded?n:l.expanded,d=m?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:l}),i),React.createElement(ShelfIcon,{direction:p?"down":"right"})),c&&React.createElement(RequiredLabel,null," required ")):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:l}),i),c&&React.createElement(RequiredLabel,null," required "));return React.createElement(React.Fragment,null,React.createElement("tr",{className:a?"last "+r:r},d,React.createElement(PropertyDetailsCell,null,React.createElement(FieldDetails,__assign({},this.props)))),p&&m&&React.createElement("tr",{key:l.name+"inner"},React.createElement(PropertyCellWithInner,{colSpan:2},React.createElement(InnerPropertiesWrap,null,React.createElement(Schema,{schema:l.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};
+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{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(PropertyLabel,null,"additional property"),"patternProperties"===s&&React.createElement(PropertyLabel,null,"pattern property"),d&&React.createElement(PropertyLabel,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/FieldDetails.js

@@ -1,2 +1,2 @@
-import{__assign,__extends,__makeTemplateObject}from"tslib";import*as React from"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/Markdown";import{EnumValues}from"./EnumValues";import{Extensions}from"./Extensions";import{ConstraintsView}from"./FieldContstraints";import{FieldDetail}from"./FieldDetail";import{Badge}from"../../common-elements/";import{l}from"../../services/Labels";import{OptionsContext}from"../OptionsProvider";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 x=l("example")+":",_=!!a.in;f=React.createElement(FieldDetail,{label:x,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:l("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:l("const")+":",value:a.const})||null)}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsContext}),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 _=l("example")+":",x=!!a.in;f=React.createElement(FieldDetail,{label:_,value:getSerializedValue(a,a.example),raw:x})}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:l("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: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"])));
 //# 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/Loading/Loading.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{Spinner}from"./Spinner.svg";import{getCssColorVariable}from"../../utils";var templateObject_1,LoadingMessage=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-family: helvetica, sans, sans-serif;\n  width: 100%;\n  text-align: center;\n  font-size: 25px;\n  margin: 30px 0 20px 0;\n  color: ",";\n"],["\n  font-family: helvetica, sans, sans-serif;\n  width: 100%;\n  text-align: center;\n  font-size: 25px;\n  margin: 30px 0 20px 0;\n  color: ",";\n"])),(function(e){var t=e.color;return getCssColorVariable(t)}));export function Loading(e){var t=e.color;return React.createElement("div",{style:{textAlign:"center"}},React.createElement(LoadingMessage,{color:t},"Loading ..."),React.createElement(Spinner,{color:t}))}
+import{__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{getCssColorVariable}from"../../utils";import{Spinner}from"./Spinner";var templateObject_1,LoadingMessage=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-family: helvetica, sans, sans-serif;\n  width: 100%;\n  text-align: center;\n  font-size: 25px;\n  margin: 30px 0 20px 0;\n  color: ",";\n"],["\n  font-family: helvetica, sans, sans-serif;\n  width: 100%;\n  text-align: center;\n  font-size: 25px;\n  margin: 30px 0 20px 0;\n  color: ",";\n"])),(function(e){var t=e.color;return getCssColorVariable(t)}));export function Loading(e){var t=e.color;return React.createElement("div",{style:{textAlign:"center"}},React.createElement(LoadingMessage,{color:t},"Loading ..."),React.createElement(Spinner,{color:t}))}
 //# sourceMappingURL=Loading.js.map

package/lib-esm/redoc-lib/src/components/Loading/{Spinner.svg.js → Spinner.js}

@@ -1,2 +1,2 @@
 import{__makeTemplateObject}from"tslib";import*as React from"react";import styled,{keyframes}from"styled-components";import{getCssColorVariable}from"../../utils";var templateObject_1,templateObject_2,_Spinner=function(e){var t=e.className;return React.createElement("svg",{className:t,version:"1.1",width:"512",height:"512",viewBox:"0 0 512 512"},React.createElement("path",{d:"M275.682 147.999c0 10.864-8.837 19.661-19.682 19.661v0c-10.875 0-19.681-8.796-19.681-19.661v-96.635c0-10.885 8.806-19.661 19.681-19.661v0c10.844 0 19.682 8.776 19.682 19.661v96.635z"}),React.createElement("path",{d:"M275.682 460.615c0 10.865-8.837 19.682-19.682 19.682v0c-10.875 0-19.681-8.817-19.681-19.682v-96.604c0-10.885 8.806-19.681 19.681-19.681v0c10.844 0 19.682 8.796 19.682 19.682v96.604z"}),React.createElement("path",{d:"M147.978 236.339c10.885 0 19.681 8.755 19.681 19.641v0c0 10.885-8.796 19.702-19.681 19.702h-96.624c-10.864 0-19.661-8.817-19.661-19.702v0c0-10.885 8.796-19.641 19.661-19.641h96.624z"}),React.createElement("path",{d:"M460.615 236.339c10.865 0 19.682 8.755 19.682 19.641v0c0 10.885-8.817 19.702-19.682 19.702h-96.584c-10.885 0-19.722-8.817-19.722-19.702v0c0-10.885 8.837-19.641 19.722-19.641h96.584z"}),React.createElement("path",{d:"M193.546 165.703c7.69 7.66 7.68 20.142 0 27.822v0c-7.701 7.701-20.162 7.701-27.853 0.020l-68.311-68.322c-7.68-7.701-7.68-20.142 0-27.863v0c7.68-7.68 20.121-7.68 27.822 0l68.342 68.342z"}),React.createElement("path",{d:"M414.597 386.775c7.7 7.68 7.7 20.163 0.021 27.863v0c-7.7 7.659-20.142 7.659-27.843-0.062l-68.311-68.26c-7.68-7.7-7.68-20.204 0-27.863v0c7.68-7.7 20.163-7.7 27.842 0l68.291 68.322z"}),React.createElement("path",{d:"M165.694 318.464c7.69-7.7 20.153-7.7 27.853 0v0c7.68 7.659 7.69 20.163 0 27.863l-68.342 68.322c-7.67 7.659-20.142 7.659-27.822-0.062v0c-7.68-7.68-7.68-20.122 0-27.801l68.311-68.322z"}),React.createElement("path",{d:"M386.775 97.362c7.7-7.68 20.142-7.68 27.822 0v0c7.7 7.68 7.7 20.183 0.021 27.863l-68.322 68.311c-7.68 7.68-20.163 7.68-27.843-0.020v0c-7.68-7.68-7.68-20.162 0-27.822l68.322-68.332z"}))},rotate=keyframes(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  0% {\n    transform: rotate(0deg); }\n  100% {\n    transform: rotate(360deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg); }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));export var Spinner=styled(_Spinner)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  animation: 2s "," linear infinite;\n  width: 50px;\n  height: 50px;\n  content: '';\n  display: inline-block;\n  margin-left: -25px;\n\n  path {\n    fill: ",";\n  }\n"],["\n  animation: 2s "," linear infinite;\n  width: 50px;\n  height: 50px;\n  content: '';\n  display: inline-block;\n  margin-left: -25px;\n\n  path {\n    fill: ",";\n  }\n"])),rotate,(function(e){var t=e.color;return getCssColorVariable(t)}));
-//# sourceMappingURL=Spinner.svg.js.map
+//# sourceMappingURL=Spinner.js.map

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

@@ -1,13 +1,3 @@
-import * as React from 'react';
-import type { RedocNormalizedOptions } from '../../services';
-import type { BaseMarkdownProps } from './Markdown';
-import type { ProStore } from '../../../../services';
-export interface AdvancedMarkdownProps extends BaseMarkdownProps {
-    htmlWrap?: (part: JSX.Element) => JSX.Element;
-}
-export declare class AdvancedMarkdown extends React.Component<AdvancedMarkdownProps> {
-    render(): JSX.Element;
-    renderWithOptionsAndStore(options: RedocNormalizedOptions, store?: ProStore): (React.FunctionComponentElement<{
-        key: number;
-    }> | JSX.Element)[] | null;
-}
+/// <reference types="react" />
+import type { AdvancedMarkdownProps } from './types';
+export declare function AdvancedMarkdown({ source, htmlWrap, }: AdvancedMarkdownProps): JSX.Element | null;

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

@@ -1,2 +1,2 @@
-import{__assign,__extends}from"tslib";import*as React from"react";import{MarkdownRenderer}from"../../services";import{SanitizedMarkdownHTML}from"./SanitizedMdBlock";import{OptionsConsumer}from"../OptionsProvider";import{StoreConsumer}from"../StoreBuilder";var AdvancedMarkdown=function(e){function r(){return null!==e&&e.apply(this,arguments)||this}return __extends(r,e),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;return React.createElement(OptionsConsumer,null,(function(r){return React.createElement(StoreConsumer,null,(function(n){return e.renderWithOptionsAndStore(r,n)}))}))}}),Object.defineProperty(r.prototype,"renderWithOptionsAndStore",{enumerable:!1,configurable:!0,writable:!0,value:function(e,r){var n=this.props,t=n.source,o=n.htmlWrap,i=void 0===o?function(e){return e}:o;if(!r)throw new Error("When using components in markdown, store prop must be provided");var a=new MarkdownRenderer(e).renderMdWithComponents(t);return a.length?a.map((function(e,n){return"string"==typeof e?React.cloneElement(i(React.createElement(SanitizedMarkdownHTML,{html:e,inline:!1,compact:!1})),{key:n}):React.createElement(e.component,__assign({key:n},__assign(__assign({},e.props),e.propsSelector(r))))})):null}}),r}(React.Component);export{AdvancedMarkdown};
+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/Markdown.d.ts

@@ -1,15 +1,3 @@
 /// <reference types="react" />
-export interface StylingMarkdownProps {
-    compact?: boolean;
-    inline?: boolean;
-}
-export interface BaseMarkdownProps {
-    sanitize?: boolean;
-    source: string;
-}
-export declare type MarkdownProps = BaseMarkdownProps & StylingMarkdownProps & {
-    source: string;
-    className?: string;
-    'data-role'?: string;
-};
+import type { MarkdownProps } from './types';
 export declare const Markdown: ({ source, ...props }: MarkdownProps) => JSX.Element;

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

@@ -1,2 +1,2 @@
-import{__assign,__rest}from"tslib";import*as React from"react";import{MarkdownRenderer}from"../../services";import{SanitizedMarkdownHTML}from"./SanitizedMdBlock";export var Markdown=function(r){var e=r.source,t=__rest(r,["source"]),n=new MarkdownRenderer;return React.createElement(SanitizedMarkdownHTML,__assign({},t,{html:n.renderMd(e)}))};
+import{__assign,__rest}from"tslib";import*as React from"react";import{MarkdownRenderer}from"../../services";import{SanitizedMarkdownHTML}from"./SanitizedMarkdownHTML";export var Markdown=function(r){var e=r.source,n=__rest(r,["source"]),t=new MarkdownRenderer;return React.createElement(SanitizedMarkdownHTML,__assign({},n,{html:t.renderMd(e)}))};
 //# sourceMappingURL=Markdown.js.map

package/{lib/redoc-lib/src/components/Markdown/SanitizedMdBlock.d.ts → lib-esm/redoc-lib/src/components/Markdown/SanitizedMarkdownHTML.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { StylingMarkdownProps } from './Markdown';
+import type { StylingMarkdownProps } from './types';
 export declare function SanitizedMarkdownHTML(props: StylingMarkdownProps & {
     html: string;
     className?: string;

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

@@ -0,0 +1,2 @@
+import{__assign}from"tslib";import DOMPurify from"dompurify";import*as React from"react";import{OptionsContext}from"../OptionsProvider";import{StyledMarkdownBlock,StyledMarkdownSpan}from"./styled";export function SanitizedMarkdownHTML(o){var t,e,i,n=React.useContext(OptionsContext),r=o.inline?StyledMarkdownSpan:StyledMarkdownBlock,a=(null===(t=n.hooks)||void 0===t?void 0:t.sanitize)?null===(i=null===(e=n.hooks)||void 0===e?void 0:e.sanitize)||void 0===i?void 0:i.call(e,o.html):n.untrustedDefinition?DOMPurify.sanitize(o.html):o.html;return React.createElement(r,__assign({className:"redoc-markdown "+(o.className||""),dangerouslySetInnerHTML:{__html:a},"data-role":o["data-role"]},o))}
+//# sourceMappingURL=SanitizedMarkdownHTML.js.map

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

@@ -0,0 +1,4 @@
+export { Markdown } from './Markdown';
+export { AdvancedMarkdown } from './AdvancedMarkdown';
+export { SanitizedMarkdownHTML } from './SanitizedMarkdownHTML';
+export * from './styled';

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

@@ -0,0 +1,2 @@
+export{Markdown}from"./Markdown";export{AdvancedMarkdown}from"./AdvancedMarkdown";export{SanitizedMarkdownHTML}from"./SanitizedMarkdownHTML";export*from"./styled";
+//# sourceMappingURL=index.js.map

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

@@ -1,10 +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;
-}, never>;
+    withoutTableStyle?: boolean | undefined;
+}, "data-component-name">;
 export declare const StyledMarkdownSpan: import("styled-components").StyledComponent<"span", any, {
+    'data-component-name': string;
+} & {
     compact?: boolean | undefined;
     inline?: boolean | undefined;
-}, never>;
+    withoutTableStyle?: boolean | undefined;
+}, "data-component-name">;

package/lib-esm/redoc-lib/src/components/Markdown/{styled.elements.js → 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\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\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"),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.elements.js.map
+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;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export interface StylingMarkdownProps {
+    compact?: boolean;
+    inline?: boolean;
+}
+export interface BaseMarkdownProps {
+    sanitize?: boolean;
+    source: string;
+}
+export declare type MarkdownProps = BaseMarkdownProps & StylingMarkdownProps & {
+    source: string;
+    className?: string;
+    'data-role'?: string;
+};
+export interface AdvancedMarkdownProps extends BaseMarkdownProps {
+    htmlWrap?: (part: JSX.Element) => JSX.Element;
+}

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

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.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}from"../../common-elements";import{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/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"../helper";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,r=e.operation,s=r.name,i=r.description,c=r.deprecated,m=r.externalDocs,p=r.isWebhook,d=e.operation,u=e.layout,R=React.useContext(StoreContext),v=!(!i&&!m),E=null==R?void 0:R.options.hooks,b=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==b?void 0:b.panelToggle)||void 0===t||t.call(b,a)}),[b]),f=React.useCallback((function(e){var t,a=creatPanelToggleEvent({operation:d,isExpanded:e,panelType:"request"});null===(t=null==b?void 0:b.panelToggle)||void 0===t||t.call(b,a)}),[b]);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}}),s,React.createElement(RenderHook,{Hook:null==E?void 0:E.AfterOperationSummary,props:{operation:d}}),c&&React.createElement(Badge,{deprecated:!0},"Deprecated"),p&&React.createElement(Badge,null,"Webhook")),(null==R?void 0:R.options.pathInMiddlePanel)&&!p&&React.createElement(Endpoint,{operation:d}),v&&React.createElement(Description,null,void 0!==i&&React.createElement(Markdown,{source:i}),m&&React.createElement(ExternalDocumentation,{externalDocs:m}),Object.keys(d.extensions||{}).length?React.createElement(Extensions,{extensions:d.extensions}):null),(null===(t=d.security)||void 0===t?void 0:t.length)||(null===(a=d.parameters)||void 0===a?void 0:a.length)||d.requestBody?React.createElement(ScrollableContentPanel,{header:l("request"),onToggle:f,expanded:null==R?void 0:R.options.expandDefaultRequest},React.createElement(SecurityRequirements,{securities:d.security}),React.createElement(Parameters,{parameters:d.parameters,body:d.requestBody})):null,(null===(o=d.responses)||void 0===o?void 0:o.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===(n=d.callbacks)||void 0===n?void 0:n.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)&&!p&&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{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)}));
 //# 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/OptionsProvider.d.ts

@@ -3,3 +3,4 @@ import type { RedocProNormalizedOptions } from '../../../services';
 export declare const OptionsContext: import("react").Context<RedocProNormalizedOptions>;
 export declare const OptionsProvider: import("react").Provider<RedocProNormalizedOptions>;
 export declare const OptionsConsumer: import("react").Consumer<RedocProNormalizedOptions>;
+export declare function useOptions(): RedocProNormalizedOptions;

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

@@ -1,2 +1,2 @@
-import{createContext}from"react";import{RedocNormalizedOptions}from"../services/RedocNormalizedOptions";export var OptionsContext=createContext(new RedocNormalizedOptions({}));export var OptionsProvider=OptionsContext.Provider;export var OptionsConsumer=OptionsContext.Consumer;
+import{createContext,useContext}from"react";import{RedocNormalizedOptions}from"../services/RedocNormalizedOptions";export var OptionsContext=createContext(new RedocNormalizedOptions({}));export var OptionsProvider=OptionsContext.Provider;export var OptionsConsumer=OptionsContext.Consumer;export function useOptions(){return useContext(OptionsContext)}
 //# sourceMappingURL=OptionsProvider.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{ParametersGroup}from"./ParametersGroup";import{FieldsGroupHeader}from"../../common-elements";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{Schema}from"../Schema";import{Markdown}from"../Markdown/Markdown";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,a=void 0===r?[]:r;if(void 0===t&&void 0===a)return null;var n=this.orderParams(a),o=a.length>0?PARAM_PLACES:[],c=t&&t.content,i=t&&t.description;return React.createElement(React.Fragment,null,o.map((function(e){return React.createElement(ParametersGroup,{key:e,place:e,parameters:n[e]})})),c&&React.createElement(BodyContent,{content:c,description:i}))}}),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,a=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&&React.createElement(Description,null,React.createElement(Markdown,{source:r})," "),React.createElement(Schema,{skipReadOnly:a,skipWriteOnly:!a,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{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"])));
 //# sourceMappingURL=Parameters.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})}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,6 +1,3 @@
 /// <reference types="react" />
-export interface ExampleValueProps {
-    value: GenericObject | string;
-    mimeType: string;
-}
-export declare function ExampleValue({ value, mimeType }: ExampleValueProps): JSX.Element;
+import type { ExampleValueProps } from './types';
+export declare function ExampleValue({ value, mimeType, encoding }: ExampleValueProps): JSX.Element;

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

@@ -1,2 +1,2 @@
-import*as React from"react";import{SourceCode,JsonViewer}from"@redocly/theme";import{isJsonLike,langFromMime}from"../../utils/openapi";export function ExampleValue(e){var o=e.value,t=e.mimeType;return isJsonLike(t)?React.createElement(JsonViewer,{data:o,jsonSampleExpandLevel:1}):("object"==typeof o&&(o=JSON.stringify(o,null,2)),React.createElement(SourceCode,{lang:langFromMime(t),source:o,withCopyButton:!0}))}
+import*as React from"react";import{SourceCode,JsonViewer}from"@redocly/theme";import{isFormUrlEncoded,isJsonLike,langFromMime,urlFormEncodePayload}from"../../utils";export function ExampleValue(e){var o=e.value,r=e.mimeType,n=e.encoding;return isJsonLike(r)?React.createElement(JsonViewer,{data:o,jsonSampleExpandLevel:1}):("object"==typeof o&&(o=isFormUrlEncoded(r)?urlFormEncodePayload(o,n):JSON.stringify(o,null,2)),React.createElement(SourceCode,{lang:langFromMime(r),source:o,withCopyButton:!0}))}
 //# sourceMappingURL=ExampleValue.js.map

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/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{MediaTypeSamples}from"./MediaTypeSamples";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{MimeLabel}from"../../../../components/shared";import{Dropdown}from"../../../../components/common/Dropdown";import{DropdownWrapper}from"../../..";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/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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { HookConfig, SchemaModel } from '../services';
+export declare function RenderHook<T>(props: {
+    Hook?: HookConfig<T>;
+    props: T;
+}): JSX.Element | null;
+export declare function getAccessModeLabelText(schema: SchemaModel, showAccessMode: boolean): string | null;

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

@@ -0,0 +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,r){return r&&(e.readOnly?"read-only":e.writeOnly&&"write-only")||null}
+//# sourceMappingURL=RenderHook.js.map