@redocly/openapi-docs 3.0.0-alpha.10 → 3.0.0-alpha.11

package/lib/components/common/panels.js

@@ -0,0 +1,95 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,i){void 0===i&&(i=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,i,n)}:function(e,t,a,i){void 0===i&&(i=a),e[i]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Row=exports.SamplesPanel=exports.Section=exports.SamplesMiddlePanel=void 0;const styled_components_1=__importStar(require("styled-components")),constants_1=require("../../constants");exports.SamplesMiddlePanel=styled_components_1.default.div`
+  ${({compact:e,isStacked:t,theme:a})=>{const i=e?0:"var(--spacing-vertical)";return styled_components_1.css`
+      width: 100%;
+      padding: ${i} var(--panel-gap-horizontal);
+
+      ${a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
+        width: calc(100% - var(--panel-samples-width));
+        padding-right: var(--panel-gap-vertical, var(--panel-gap-horizontal));
+        padding-top: 0;
+        padding-bottom: ${t?"var(--spacing-vertical)":0};
+      }
+
+      ${a.mediaQueries.print} {
+        width: 100%;
+        padding-top: ${i};
+        padding-bottom: ${i};
+      }
+    `}}
+
+  > h2 {
+    margin-top: 0;
+  }
+`,exports.Section=styled_components_1.default.div.attrs((e=>({[constants_1.SECTION_ATTR]:e.sectionId,id:e.id})))`
+  z-index: 1;
+  padding: 0;
+  width: 100%;
+  &:last-child {
+    min-height: calc(100vh + 1px);
+  }
+
+  & > &:last-child {
+    min-height: initial;
+  }
+  ${({theme:e})=>styled_components_1.css`
+    ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+      padding-top: var(--spacing-vertical);
+      padding-bottom: var(--spacing-vertical);
+    }
+
+    ${e.mediaQueries.print} {
+      padding: 0;
+    }
+  `}
+  ${({underlined:e})=>e&&styled_components_1.css`
+      position: relative;
+
+      &:not(:last-of-type):after {
+        position: absolute;
+        bottom: 0;
+        width: 100%;
+        display: block;
+        content: '';
+        border-bottom: 1px solid var(--border-color);
+      }
+    `}
+`,exports.SamplesPanel=styled_components_1.default.div`
+  color: var(--panel-samples-text-color);
+  width: 100%;
+  padding-top: var(--panel-gap-vertical);
+  padding-bottom: var(--panel-gap-vertical);
+  padding-left: var(--panel-gap-horizontal);
+  padding-right: var(--panel-gap-horizontal);
+
+  ${({theme:e})=>styled_components_1.css`
+    ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+      width: var(--panel-samples-width);
+      padding-top: 0;
+      padding-bottom: 0;
+      padding-left: var(--panel-gap-vertical, var(--panel-gap-horizontal));
+    }
+
+    ${e.mediaQueries.print} {
+      width: 100%;
+      padding-top: var(--spacing-vertical);
+      padding-bottom: var(--spacing-vertical);
+    }
+  `}
+`,exports.Row=styled_components_1.default.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: 100%;
+  padding: 0;
+
+  ${({theme:e,layout:t})=>styled_components_1.css`
+    ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+      flex-direction: ${t!==constants_1.LayoutVariant.STACKED?"row":"column"};
+    }
+
+    ${e.mediaQueries.print} {
+      flex-direction: column;
+    }
+  `}
+`;
+//# sourceMappingURL=panels.js.map

package/lib/components/common/perfect-scrollbar.js

@@ -0,0 +1,4 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,o)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(l=Object.getOwnPropertySymbols(e);o<l.length;o++)t.indexOf(l[o])<0&&Object.prototype.propertyIsEnumerable.call(e,l[o])&&(r[l[o]]=e[l[o]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PerfectScrollbarWrap=exports.PerfectScrollbar=void 0;const styled_components_1=__importStar(require("styled-components")),PerfectScrollbarNamespace=__importStar(require("perfect-scrollbar")),react_1=__importStar(require("react")),context_1=require("../../context"),utils_1=require("../../utils");let psStyles="";utils_1.IS_BROWSER&&(psStyles=require("perfect-scrollbar/css/perfect-scrollbar.css"),psStyles="function"==typeof psStyles.toString&&psStyles.toString()||"",psStyles="[object Object]"===psStyles?"":psStyles);const PerfectScrollbarConstructor=PerfectScrollbarNamespace.default||PerfectScrollbarNamespace,PSStyling=styled_components_1.createGlobalStyle`${psStyles}`,StyledScrollWrapper=styled_components_1.default.div`
+  position: relative;
+`;class PerfectScrollbar extends react_1.Component{constructor(){super(...arguments),Object.defineProperty(this,"_container",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"inst",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"handleRef",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this._container=e}})}componentDidMount(){const e=this._container.parentElement&&this._container.parentElement.scrollTop||0;this.inst=new PerfectScrollbarConstructor(this._container,this.props.options||{}),this._container.scrollTo&&this._container.scrollTo(0,e)}componentDidUpdate(){this.inst.update()}componentWillUnmount(){this.inst.destroy()}render(){const{children:e,updateFn:t,className:r=""}=this.props;return t&&t(this.componentDidUpdate.bind(this)),react_1.default.createElement(react_1.default.Fragment,null,psStyles&&react_1.default.createElement(PSStyling,null),react_1.default.createElement(StyledScrollWrapper,{className:`scrollbar-container ${r}`,ref:this.handleRef},e))}}function PerfectScrollbarWrap(e){var{children:t}=e,r=__rest(e,["children"]);return react_1.default.createElement(context_1.OptionsContext.Consumer,null,(e=>e.nativeScrollbars?react_1.default.createElement("div",{style:{overflow:"auto",overscrollBehavior:"contain",msOverflowStyle:"-ms-autohiding-scrollbar"}},t):react_1.default.createElement(PerfectScrollbar,Object.assign({},r),t)))}exports.PerfectScrollbar=PerfectScrollbar,exports.PerfectScrollbarWrap=PerfectScrollbarWrap;
+//# sourceMappingURL=perfect-scrollbar.js.map

package/lib/components/icons/CrossIcon.d.ts

@@ -0,0 +1,4 @@
+import type { IconProps } from './types';
+export declare const CrossIcon: import("styled-components").StyledComponent<({ className }: {
+    className?: string | undefined;
+}) => JSX.Element, any, Pick<IconProps, "color" | "size" | "float">, never>;

package/lib/components/icons/CrossIcon.js

@@ -0,0 +1,11 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CrossIcon=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),CrossIconInt=({className:e})=>react_1.default.createElement("svg",{className:e,version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"122.879px",height:"122.879px",viewBox:"0 0 122.879 122.879"},react_1.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M61.44,0c33.933,0,61.439,27.507,61.439,61.439 s-27.506,61.439-61.439,61.439C27.507,122.879,0,95.372,0,61.439S27.507,0,61.44,0L61.44,0z M73.451,39.151 c2.75-2.793,7.221-2.805,9.986-0.027c2.764,2.776,2.775,7.292,0.027,10.083L71.4,61.445l12.076,12.249 c2.729,2.77,2.689,7.257-0.08,10.022c-2.773,2.765-7.23,2.758-9.955-0.013L61.446,71.54L49.428,83.728 c-2.75,2.793-7.22,2.805-9.986,0.027c-2.763-2.776-2.776-7.293-0.027-10.084L51.48,61.434L39.403,49.185 c-2.728-2.769-2.689-7.256,0.082-10.022c2.772-2.765,7.229-2.758,9.953,0.013l11.997,12.165L73.451,39.151L73.451,39.151z"}));exports.CrossIcon=(0,styled_components_1.default)(CrossIconInt)`
+  height: ${e=>e.size||"9px"};
+  width: ${e=>e.size||"9px"};
+  vertical-align: middle;
+  float: ${e=>e.float||""};
+  transition: transform 0.2s ease-out;
+  path {
+    fill: ${({color:e})=>(0,theme_1.getCssColorVariable)(e)};
+  }
+`;
+//# sourceMappingURL=CrossIcon.js.map

package/lib/components/icons/FileIcon.d.ts

@@ -0,0 +1,4 @@
+import type { IconProps } from './types';
+export declare const FileIcon: import("styled-components").StyledComponent<({ className }: {
+    className?: string | undefined;
+}) => JSX.Element, any, Pick<IconProps, "color" | "size">, never>;

package/lib/components/icons/FileIcon.js

@@ -0,0 +1,9 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FileIcon=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),FileIconInt=({className:e})=>react_1.default.createElement("svg",{className:e,viewBox:"0 0 368.553 368.553",xmlSpace:"preserve"},react_1.default.createElement("path",{d:"M239.68 0H42.695v368.553h283.164V86.811L239.68 0zm4.377 25.7 56.288 56.701h-56.288V25.7zM57.695 353.553V15h171.362v82.401h81.802v256.151H57.695v.001z"}),react_1.default.createElement("path",{d:"M86.435 82.401H208.31v15H86.435zM86.435 151.122H282.12v15H86.435zM86.435 219.843H282.12v15H86.435zM86.435 288.563H282.12v15H86.435z"}));exports.FileIcon=(0,styled_components_1.default)(FileIconInt)`
+  vertical-align: middle;
+  height: ${e=>e.size||"15px"};
+  width: ${e=>e.size||"15px"};
+  path {
+    fill: ${({color:e})=>(0,theme_1.getCssColorVariable)(e)};
+  }
+`;
+//# sourceMappingURL=FileIcon.js.map

package/lib/components/icons/LinkIcon.d.ts

@@ -0,0 +1,4 @@
+import type { IconProps } from './types';
+export declare const LinkIcon: import("styled-components").StyledComponent<({ className }: {
+    className?: string | undefined;
+}) => JSX.Element, any, Pick<IconProps, "size">, never>;

package/lib/components/icons/LinkIcon.js

@@ -0,0 +1,11 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LinkIcon=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),LinkIconInt=({className:e})=>react_1.default.createElement("svg",{className:e,viewBox:"0 0 16 16","aria-hidden":"true"},react_1.default.createElement("path",{fillRule:"evenodd",fill:"currentColor",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}));exports.LinkIcon=(0,styled_components_1.default)(LinkIconInt)`
+  vertical-align: middle;
+  ${e=>e.size?`height:${e.size}`:""};
+  ${e=>e.size?`width:${e.size}`:""};
+  color: var(--link-text-color);
+  &:active,
+  &:visited {
+    color: var(--text-color);
+  }
+`;
+//# sourceMappingURL=LinkIcon.js.map

package/lib/components/icons/LockIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from './types';
+export declare const LockIcon: import("styled-components").StyledComponent<({ className, style, }: Pick<IconProps, 'size' | 'float' | 'color' | 'className' | 'style'>) => JSX.Element, any, Pick<IconProps, "style" | "className" | "color" | "size" | "float">, never>;

package/lib/components/icons/LockIcon.js

@@ -0,0 +1,12 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LockIcon=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),LockIconInt=({className:e,style:t})=>react_1.default.createElement("svg",{className:e,version:"1.1",viewBox:"0 0 100 100",style:t},react_1.default.createElement("g",{display:"none"},react_1.default.createElement("path",{display:"inline",d:"M94.5 49.7c0-7.8-5-14.5-12-16.9C78 19.1 65.2 9.3 50 9.3c-15.1 0-27.9 9.9-32.4 23.5C10.6 35.1 5.5 41.8 5.5 49.7c0 9.9 8 17.9 17.9 17.9V34.9c3.6-11.3 14.2-19.4 26.6-19.4 12.4 0 22.9 8.1 26.6 19.2v30.7c-1.3 2.7-8.8 17.6-18.7 18 -0.8-2.1-2.8-3.6-5.1-3.6 -3 0-5.5 2.5-5.5 5.5 0 3 2.5 5.5 5.5 5.5 2.4 0 4.4-1.5 5.1-3.6 11.8-0.4 20-16 21.9-19.8C88.2 65.7 94.5 58.4 94.5 49.7z"})),react_1.default.createElement("g",{display:"none"},react_1.default.createElement("path",{display:"inline",d:"M63.3 12.4V8.7c0-1.2-1.2-2.2-2.7-2.2 -1.5 0-2.7 1-2.7 2.2v1.9c-0.8-0.1-1.5-0.2-2.3-0.2H44.4c-9.2 0-16.7 7.6-16.7 16.9v49.3c0 9.3 7.5 16.9 16.7 16.9h11.1c9.2 0 16.7-7.6 16.7-16.9V27.3C72.3 20.8 68.6 15.2 63.3 12.4zM56.6 84.9H43.3v-4.2h13.4V84.9zM65.2 67.4c-0.2 0.2-4.7 5.4-15.4 5.4 -10.5 0-16.4-5-16.7-5.2 -0.7-0.6-0.8-1.8-0.2-2.5 0.6-0.7 1.8-0.8 2.5-0.2 0 0 5.2 4.3 14.3 4.3 8.9 0 12.5-4 12.7-4.1 0.6-0.7 1.8-0.8 2.5-0.2C65.8 65.5 65.9 66.6 65.2 67.4zM66.4 51.6c0 3.1-2.4 5.6-5.3 5.6H39.2c-3 0-5.3-2.5-5.3-5.6v-25c0-3.1 2.4-5.6 5.3-5.6h21.9c3 0 5.3 2.5 5.3 5.6V51.6z"})),react_1.default.createElement("g",{display:"none"},react_1.default.createElement("path",{display:"inline",d:"M63.4 9.7H36.6c-5.4 0-9.8 4.5-9.8 10v60.7c0 5.5 4.4 10 9.8 10h26.8c5.4 0 9.8-4.5 9.8-10V19.7C73.2 14.2 68.8 9.7 63.4 9.7zM50 85c-2.6 0-4.8-2.1-4.8-4.8s2.1-4.8 4.8-4.8c2.6 0 4.8 2.1 4.8 4.8S52.6 85 50 85zM67.1 71.5H32.9V20.8h34.3V71.5z"})),react_1.default.createElement("path",{d:"M16.1 45.4V92.5h67.8V45.4H16.1zM53.9 70.9v12.4h-7.4V70.9c-3.2-1.4-5.4-4.6-5.4-8.2 0-5 4-9 9-9 5 0 9 4.1 9 9C59.3 66.3 57.1 69.5 53.9 70.9zM37.2 39.8c-0.3 0-1.4-2.9-1.4-2.9 -0.5-1.5-0.7-3-0.7-4.6 0-8.4 6.8-15.2 15.2-15.2 8.4 0 15.2 6.8 15.2 15.2 0 1.6-0.2 3.1-0.7 4.6l0 0 0 0c0 0-1.1 2.9-1.4 2.9 -0.3 0 10.4 0 10.6 0l0 0c0.8-2.4 1.2-4.9 1.2-7.5C75.1 18.6 64 7.5 50.3 7.5c-13.7 0-24.8 11.1-24.8 24.8 0 2.5 0.4 5.1 1.2 7.5C26.6 39.8 37.5 39.8 37.2 39.8z"}));exports.LockIcon=(0,styled_components_1.default)(LockIconInt)`
+  height: ${({size:e})=>e||"9px"};
+  width: ${({size:e})=>e||"9px"};
+  vertical-align: middle;
+  float: ${({float:e})=>e||""};
+  transition: transform 0.2s ease-out;
+
+  path {
+    fill: ${({color:e})=>(0,theme_1.getCssColorVariable)(e)};
+  }
+`;
+//# sourceMappingURL=LockIcon.js.map

package/lib/components/icons/SearchIcon.d.ts

@@ -0,0 +1,5 @@
+export declare const SearchIcon: import("styled-components").StyledComponent<({ className }: {
+    className?: string | undefined;
+}) => JSX.Element, any, {
+    className: "search-icon";
+}, "className">;

package/lib/components/icons/SearchIcon.js

@@ -0,0 +1,11 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SearchIcon=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),SearchIconInt=({className:e})=>react_1.default.createElement("svg",{className:e,version:"1.1",viewBox:"0 0 1000 1000",x:"0px",xmlns:"http://www.w3.org/2000/svg",y:"0px"},react_1.default.createElement("path",{d:"M968.2,849.4L667.3,549c83.9-136.5,66.7-317.4-51.7-435.6C477.1-25,252.5-25,113.9,113.4c-138.5,138.3-138.5,362.6,0,501C219.2,730.1,413.2,743,547.6,666.5l301.9,301.4c43.6,43.6,76.9,14.9,104.2-12.4C981,928.3,1011.8,893,968.2,849.4z M524.5,522c-88.9,88.7-233,88.7-321.8,0c-88.9-88.7-88.9-232.6,0-321.3c88.9-88.7,233-88.7,321.8,0C613.4,289.4,613.4,433.3,524.5,522z"}));exports.SearchIcon=(0,styled_components_1.default)(SearchIconInt).attrs({className:"search-icon"})`
+  position: absolute;
+  left: calc(var(--spacing-unit) * 4);
+  height: 1.8em;
+  width: 0.9em;
+
+  path {
+    fill: var(--sidebar-item-text-color);
+  }
+`;
+//# sourceMappingURL=SearchIcon.js.map

package/lib/components/icons/ShelfIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from './types';
+export declare const ShelfIcon: import("styled-components").StyledComponent<({ className, style }: IconProps) => JSX.Element, any, {}, never>;

package/lib/components/icons/ShelfIcon.js

@@ -0,0 +1,12 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,i)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShelfIcon=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),directionMap={right:"0deg",down:"90deg",left:"180deg",up:"270deg"},IntShelfIcon=({className:e,style:t})=>react_1.default.createElement("svg",{className:e,style:t,viewBox:"0 0 4.25 7",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},react_1.default.createElement("path",{d:"M0.205025 1.19467L3.00503 3.99467C3.27839 4.26804 3.72161 4.26804 3.99497 3.99467C4.26834 3.7213 4.26834 3.27809 3.99497 3.00472L1.19497 0.20472C0.921608 -0.0686469 0.478392 -0.0686469 0.205025 0.20472C-0.0683418 0.478087 -0.0683417 0.921303 0.205025 1.19467Z"}),react_1.default.createElement("path",{d:"M3.00503 3.00501L0.205025 5.80501C-0.0683417 6.07838 -0.0683417 6.5216 0.205025 6.79496C0.478392 7.06833 0.921608 7.06833 1.19497 6.79496L3.99497 3.99496C4.26834 3.7216 4.26834 3.27838 3.99497 3.00501C3.72161 2.73165 3.27839 2.73165 3.00503 3.00501Z"}));exports.ShelfIcon=(0,styled_components_1.default)(IntShelfIcon)`
+  ${({size:e="9px",float:t="",direction:r,color:o})=>styled_components_1.css`
+    height: ${e};
+    width: ${e};
+    float: ${t};
+    transform: rotateZ(${directionMap[r]});
+    fill: ${(0,theme_1.getCssColorVariable)(o)};
+  `}
+  vertical-align: middle;
+  transition: transform 0.2s ease-out;
+`;
+//# sourceMappingURL=ShelfIcon.js.map

package/lib/components/icons/Spinner.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from './types';
+export declare const Spinner: import("styled-components").StyledComponent<({ className }: Pick<IconProps, 'className' | 'color'>) => JSX.Element, any, Pick<IconProps, "className" | "color">, never>;

package/lib/components/icons/Spinner.js

@@ -0,0 +1,19 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var c=Object.getOwnPropertyDescriptor(t,r);c&&!("get"in c?!t.__esModule:c.writable||c.configurable)||(c={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,c)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Spinner=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),_Spinner=({className:e})=>react_1.default.createElement("svg",{className:e,version:"1.1",width:"512",height:"512",viewBox:"0 0 512 512"},react_1.default.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_1.default.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_1.default.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_1.default.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_1.default.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_1.default.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_1.default.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_1.default.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=styled_components_1.keyframes`
+  0% {
+    transform: rotate(0deg); }
+  100% {
+    transform: rotate(360deg);
+  }
+`;exports.Spinner=(0,styled_components_1.default)(_Spinner)`
+  animation: 2s ${rotate} linear infinite;
+  width: 50px;
+  height: 50px;
+  content: '';
+  display: inline-block;
+  margin-left: -25px;
+
+  path {
+    fill: ${({color:e})=>(0,theme_1.getCssColorVariable)(e)};
+  }
+`;
+//# sourceMappingURL=Spinner.js.map

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

@@ -0,0 +1,8 @@
+export { CrossIcon } from './CrossIcon';
+export { FileIcon } from './FileIcon';
+export { LinkIcon } from './LinkIcon';
+export { LockIcon } from './LockIcon';
+export { ShelfIcon } from './ShelfIcon';
+export { SearchIcon } from './SearchIcon';
+export { Spinner } from './Spinner';
+export * from './types';

package/lib/components/icons/index.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,n,o){void 0===o&&(o=n);var t=Object.getOwnPropertyDescriptor(r,n);t&&!("get"in t?!r.__esModule:t.writable||t.configurable)||(t={enumerable:!0,get:function(){return r[n]}}),Object.defineProperty(e,o,t)}:function(e,r,n,o){void 0===o&&(o=n),e[o]=r[n]}),__exportStar=this&&this.__exportStar||function(e,r){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(r,n)||__createBinding(r,e,n)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Spinner=exports.SearchIcon=exports.ShelfIcon=exports.LockIcon=exports.LinkIcon=exports.FileIcon=exports.CrossIcon=void 0;var CrossIcon_1=require("./CrossIcon");Object.defineProperty(exports,"CrossIcon",{enumerable:!0,get:function(){return CrossIcon_1.CrossIcon}});var FileIcon_1=require("./FileIcon");Object.defineProperty(exports,"FileIcon",{enumerable:!0,get:function(){return FileIcon_1.FileIcon}});var LinkIcon_1=require("./LinkIcon");Object.defineProperty(exports,"LinkIcon",{enumerable:!0,get:function(){return LinkIcon_1.LinkIcon}});var LockIcon_1=require("./LockIcon");Object.defineProperty(exports,"LockIcon",{enumerable:!0,get:function(){return LockIcon_1.LockIcon}});var ShelfIcon_1=require("./ShelfIcon");Object.defineProperty(exports,"ShelfIcon",{enumerable:!0,get:function(){return ShelfIcon_1.ShelfIcon}});var SearchIcon_1=require("./SearchIcon");Object.defineProperty(exports,"SearchIcon",{enumerable:!0,get:function(){return SearchIcon_1.SearchIcon}});var Spinner_1=require("./Spinner");Object.defineProperty(exports,"Spinner",{enumerable:!0,get:function(){return Spinner_1.Spinner}}),__exportStar(require("./types"),exports);
+//# sourceMappingURL=index.js.map

package/lib/components/icons/types.d.ts

@@ -0,0 +1,10 @@
+import type { CSSProperties } from 'react';
+export interface IconProps {
+    className?: string;
+    float?: 'left' | 'right';
+    size?: string;
+    color?: string;
+    direction: 'left' | 'right' | 'up' | 'down';
+    style?: CSSProperties;
+    mr?: string;
+}

package/lib/components/icons/types.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=types.js.map

package/lib/components/index.d.ts

@@ -3,12 +3,33 @@ export * from './StoreProvider';
 export * from './RedoclyReferenceDocs';
 export * from './RedoclyReferenceDocsMultiStandalone';
 export * from './pluggable';
-export * from './console/ConsoleLazy';
+export * from './rightPanel/Console';
 export * from './ProProviders';
 export { ToggleRightPanelButton, ControlsWrap, ChangeViewButton, BackgroundStub, NextSectionButtonWrap, ApiContentWrap, BackgroundStubFix, } from './styled.elements';
-export { TextField } from './common/TextField';
-export { Checkbox } from './common/Checkbox';
-export { Dropdown } from './common/Dropdown';
-export { FormControl, FormLabel, FormError } from './common/form';
-export type { OpenApiResponseData } from './console/ResponsePanel';
-export type { DropdownProps, DropdownOption } from './common/Dropdown';
+export * from './common';
+export * from './ApiInfo';
+export { Operation as OperationItem } from './Operation';
+export { SectionItem } from './SectionItem';
+export { ContentItem } from './ContentItem';
+export { ContentItems } from './ContentItems';
+export { DiscriminatorDropdown } from './DiscriminatorDropdown';
+export * from './Schema/';
+export { Operation } from './Operation';
+export type { OperationProps } from './Operation';
+export * from './Loading/Loading';
+export * from './Markdown';
+export * from './SecuritySchemes/SecuritySchemes';
+export * from './Responses';
+export * from './ResponseSamples/ResponseSamples';
+export { PayloadSamples, ExampleValue, Example, DropdownWrapper } from './PayloadSamples';
+export * from './MediaTypeSwitch';
+export * from './Parameters';
+export * from './DropdownOrLabel';
+export * from './ErrorBoundary';
+export * from './SideMenu/';
+export * from './StickySidebar/StickyResponsiveSidebar';
+export * from './SchemaDefinition/SchemaDefinition';
+export * from './SourceCodeWithFile/SourceCodeWithFile';
+export * from './RequestSamples/RequestSamples';
+export { ShelfIcon, LockIcon, CrossIcon } from './icons';
+export type { IconProps } from './icons';

package/lib/components/index.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var n=Object.getOwnPropertyDescriptor(r,t);n&&!("get"in n?!r.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,n)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FormError=exports.FormLabel=exports.FormControl=exports.Dropdown=exports.Checkbox=exports.TextField=exports.BackgroundStubFix=exports.ApiContentWrap=exports.NextSectionButtonWrap=exports.BackgroundStub=exports.ChangeViewButton=exports.ControlsWrap=exports.ToggleRightPanelButton=void 0,__exportStar(require("./NextSectionButton"),exports),__exportStar(require("./StoreProvider"),exports),__exportStar(require("./RedoclyReferenceDocs"),exports),__exportStar(require("./RedoclyReferenceDocsMultiStandalone"),exports),__exportStar(require("./pluggable"),exports),__exportStar(require("./console/ConsoleLazy"),exports),__exportStar(require("./ProProviders"),exports);var styled_elements_1=require("./styled.elements");Object.defineProperty(exports,"ToggleRightPanelButton",{enumerable:!0,get:function(){return styled_elements_1.ToggleRightPanelButton}}),Object.defineProperty(exports,"ControlsWrap",{enumerable:!0,get:function(){return styled_elements_1.ControlsWrap}}),Object.defineProperty(exports,"ChangeViewButton",{enumerable:!0,get:function(){return styled_elements_1.ChangeViewButton}}),Object.defineProperty(exports,"BackgroundStub",{enumerable:!0,get:function(){return styled_elements_1.BackgroundStub}}),Object.defineProperty(exports,"NextSectionButtonWrap",{enumerable:!0,get:function(){return styled_elements_1.NextSectionButtonWrap}}),Object.defineProperty(exports,"ApiContentWrap",{enumerable:!0,get:function(){return styled_elements_1.ApiContentWrap}}),Object.defineProperty(exports,"BackgroundStubFix",{enumerable:!0,get:function(){return styled_elements_1.BackgroundStubFix}});var TextField_1=require("./common/TextField");Object.defineProperty(exports,"TextField",{enumerable:!0,get:function(){return TextField_1.TextField}});var Checkbox_1=require("./common/Checkbox");Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return Checkbox_1.Checkbox}});var Dropdown_1=require("./common/Dropdown");Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function(){return Dropdown_1.Dropdown}});var form_1=require("./common/form");Object.defineProperty(exports,"FormControl",{enumerable:!0,get:function(){return form_1.FormControl}}),Object.defineProperty(exports,"FormLabel",{enumerable:!0,get:function(){return form_1.FormLabel}}),Object.defineProperty(exports,"FormError",{enumerable:!0,get:function(){return form_1.FormError}});
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var n=Object.getOwnPropertyDescriptor(r,t);n&&!("get"in n?!r.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,n)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CrossIcon=exports.LockIcon=exports.ShelfIcon=exports.DropdownWrapper=exports.Example=exports.ExampleValue=exports.PayloadSamples=exports.Operation=exports.DiscriminatorDropdown=exports.ContentItems=exports.ContentItem=exports.SectionItem=exports.OperationItem=exports.BackgroundStubFix=exports.ApiContentWrap=exports.NextSectionButtonWrap=exports.BackgroundStub=exports.ChangeViewButton=exports.ControlsWrap=exports.ToggleRightPanelButton=void 0,__exportStar(require("./NextSectionButton"),exports),__exportStar(require("./StoreProvider"),exports),__exportStar(require("./RedoclyReferenceDocs"),exports),__exportStar(require("./RedoclyReferenceDocsMultiStandalone"),exports),__exportStar(require("./pluggable"),exports),__exportStar(require("./rightPanel/Console"),exports),__exportStar(require("./ProProviders"),exports);var styled_elements_1=require("./styled.elements");Object.defineProperty(exports,"ToggleRightPanelButton",{enumerable:!0,get:function(){return styled_elements_1.ToggleRightPanelButton}}),Object.defineProperty(exports,"ControlsWrap",{enumerable:!0,get:function(){return styled_elements_1.ControlsWrap}}),Object.defineProperty(exports,"ChangeViewButton",{enumerable:!0,get:function(){return styled_elements_1.ChangeViewButton}}),Object.defineProperty(exports,"BackgroundStub",{enumerable:!0,get:function(){return styled_elements_1.BackgroundStub}}),Object.defineProperty(exports,"NextSectionButtonWrap",{enumerable:!0,get:function(){return styled_elements_1.NextSectionButtonWrap}}),Object.defineProperty(exports,"ApiContentWrap",{enumerable:!0,get:function(){return styled_elements_1.ApiContentWrap}}),Object.defineProperty(exports,"BackgroundStubFix",{enumerable:!0,get:function(){return styled_elements_1.BackgroundStubFix}}),__exportStar(require("./common"),exports),__exportStar(require("./ApiInfo"),exports);var Operation_1=require("./Operation");Object.defineProperty(exports,"OperationItem",{enumerable:!0,get:function(){return Operation_1.Operation}});var SectionItem_1=require("./SectionItem");Object.defineProperty(exports,"SectionItem",{enumerable:!0,get:function(){return SectionItem_1.SectionItem}});var ContentItem_1=require("./ContentItem");Object.defineProperty(exports,"ContentItem",{enumerable:!0,get:function(){return ContentItem_1.ContentItem}});var ContentItems_1=require("./ContentItems");Object.defineProperty(exports,"ContentItems",{enumerable:!0,get:function(){return ContentItems_1.ContentItems}});var DiscriminatorDropdown_1=require("./DiscriminatorDropdown");Object.defineProperty(exports,"DiscriminatorDropdown",{enumerable:!0,get:function(){return DiscriminatorDropdown_1.DiscriminatorDropdown}}),__exportStar(require("./Schema/"),exports);var Operation_2=require("./Operation");Object.defineProperty(exports,"Operation",{enumerable:!0,get:function(){return Operation_2.Operation}}),__exportStar(require("./Loading/Loading"),exports),__exportStar(require("./Markdown"),exports),__exportStar(require("./SecuritySchemes/SecuritySchemes"),exports),__exportStar(require("./Responses"),exports),__exportStar(require("./ResponseSamples/ResponseSamples"),exports);var PayloadSamples_1=require("./PayloadSamples");Object.defineProperty(exports,"PayloadSamples",{enumerable:!0,get:function(){return PayloadSamples_1.PayloadSamples}}),Object.defineProperty(exports,"ExampleValue",{enumerable:!0,get:function(){return PayloadSamples_1.ExampleValue}}),Object.defineProperty(exports,"Example",{enumerable:!0,get:function(){return PayloadSamples_1.Example}}),Object.defineProperty(exports,"DropdownWrapper",{enumerable:!0,get:function(){return PayloadSamples_1.DropdownWrapper}}),__exportStar(require("./MediaTypeSwitch"),exports),__exportStar(require("./Parameters"),exports),__exportStar(require("./DropdownOrLabel"),exports),__exportStar(require("./ErrorBoundary"),exports),__exportStar(require("./SideMenu/"),exports),__exportStar(require("./StickySidebar/StickyResponsiveSidebar"),exports),__exportStar(require("./SchemaDefinition/SchemaDefinition"),exports),__exportStar(require("./SourceCodeWithFile/SourceCodeWithFile"),exports),__exportStar(require("./RequestSamples/RequestSamples"),exports);var icons_1=require("./icons");Object.defineProperty(exports,"ShelfIcon",{enumerable:!0,get:function(){return icons_1.ShelfIcon}}),Object.defineProperty(exports,"LockIcon",{enumerable:!0,get:function(){return icons_1.LockIcon}}),Object.defineProperty(exports,"CrossIcon",{enumerable:!0,get:function(){return icons_1.CrossIcon}});
 //# sourceMappingURL=index.js.map

package/lib/components/pluggable/PullRight.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PullRight=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),redoc_lib_1=require("../../redoc-lib"),Panel_1=require("../Panel"),MarkdownCodeBlock=(0,styled_components_1.default)(redoc_lib_1.Markdown)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PullRight=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),panels_1=require("../common/panels"),Panel_1=require("../Panel"),Markdown_1=require("../Markdown"),MarkdownCodeBlock=(0,styled_components_1.default)((e=>react_1.default.createElement(Markdown_1.Markdown,Object.assign({},e))))`
   h1,
   h2,
   h3,
@@ -52,7 +52,7 @@
     border-radius: var(--code-block-border-radius);
     background: var(--code-block-background-color);
   }
-`;function PullRight({children:o}){return react_1.default.createElement(StyledRightPanel,null,react_1.default.createElement(Panel_1.CodePanel,null,this.props.children&&react_1.default.createElement(MarkdownCodeBlock,{source:o})))}exports.PullRight=PullRight;const StyledRightPanel=(0,styled_components_1.default)(redoc_lib_1.SamplesPanel)`
+`;function PullRight({children:e}){return react_1.default.createElement(StyledRightPanel,null,react_1.default.createElement(Panel_1.CodePanel,null,this.props.children&&react_1.default.createElement(MarkdownCodeBlock,{source:e})))}exports.PullRight=PullRight;const StyledRightPanel=(0,styled_components_1.default)(panels_1.SamplesPanel)`
   float: right;
   z-index: 1;
   position: relative;

package/lib/components/pluggable/RedocExample.d.ts

@@ -1,6 +1,5 @@
-import { Component } from 'react';
-import type { OpenAPIEncoding } from '../../redoc-lib';
-import type { ProStore } from '../../services/ProStore';
+import type { OpenAPIEncoding } from '../../types';
+import type { ProStore } from '../../services';
 interface RedocExampleProps {
     store: ProStore;
     pointer: string;
@@ -9,7 +8,5 @@ interface RedocExampleProps {
         [field: string]: OpenAPIEncoding;
     };
 }
-export declare class RedocExample extends Component<RedocExampleProps> {
-    render(): JSX.Element;
-}
+export declare const RedocExample: ({ store, pointer, mimeType, encoding, }: RedocExampleProps) => JSX.Element;
 export {};

package/lib/components/pluggable/RedocExample.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocExample=void 0;const react_1=__importStar(require("react")),redoc_lib_1=require("../../redoc-lib"),styled_components_1=require("./styled.components");class RedocExample extends react_1.Component{render(){const{store:e,pointer:t,mimeType:r,encoding:o}=this.props,n=new redoc_lib_1.ExampleModel(e.definition.parser,{$ref:t},r,o);return react_1.default.createElement(redoc_lib_1.Row,{layout:e.layout},react_1.default.createElement(styled_components_1.ExamplesWrap,null,react_1.default.createElement(redoc_lib_1.Example,{example:n,mimeType:r})))}}exports.RedocExample=RedocExample;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocExample=void 0;const react_1=__importDefault(require("react")),models_1=require("../../models"),common_1=require("../common"),styled_components_1=require("./styled.components"),PayloadSamples_1=require("../PayloadSamples"),RedocExample=({store:e,pointer:t,mimeType:o,encoding:a})=>{const l=new models_1.ExampleModel(e.definition.parser,{$ref:t},o,a);return react_1.default.createElement(common_1.Row,{layout:e.layout},react_1.default.createElement(styled_components_1.ExamplesWrap,null,react_1.default.createElement(PayloadSamples_1.Example,{example:l,mimeType:o})))};exports.RedocExample=RedocExample;
 //# sourceMappingURL=RedocExample.js.map

package/lib/components/pluggable/RedocRequestBody.d.ts

@@ -1,11 +1,8 @@
-import { Component } from 'react';
 import type { ProStore } from '../../services';
 interface RedocRequestBodyProps {
     store: ProStore;
     pointer: string;
     hideSamples?: boolean;
 }
-export declare class RedocRequestBody extends Component<RedocRequestBodyProps> {
-    render(): JSX.Element;
-}
+export declare const RedocRequestBody: ({ store, pointer, hideSamples, }: RedocRequestBodyProps) => JSX.Element;
 export {};

package/lib/components/pluggable/RedocRequestBody.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocRequestBody=void 0;const react_1=__importStar(require("react")),redoc_lib_1=require("../../redoc-lib"),styled_components_1=require("./styled.components");class RedocRequestBody extends react_1.Component{render(){const{store:e,pointer:t,hideSamples:r}=this.props,o=new redoc_lib_1.OperationModel(e.definition.parser,{pointer:t,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,e.options,!1),n=new redoc_lib_1.RequestBodyModel({parser:e.definition.parser,infoOrRef:{$ref:t},options:e.options,operation:o}),a=r?styled_components_1.FullWidthPanel:redoc_lib_1.SamplesMiddlePanel;return react_1.default.createElement(redoc_lib_1.Row,{layout:e.layout},react_1.default.createElement(a,null,n.content&&react_1.default.createElement(redoc_lib_1.BodyContent,{content:n.content,description:n.description})),!r&&react_1.default.createElement(redoc_lib_1.SamplesPanel,null,react_1.default.createElement(styled_components_1.SamplesWrap,null,n.content&&react_1.default.createElement(redoc_lib_1.PayloadSamples,{content:n.content})))||react_1.default.createElement("span",null))}}exports.RedocRequestBody=RedocRequestBody;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocRequestBody=void 0;const react_1=__importDefault(require("react")),models_1=require("../../models"),common_1=require("../common"),styled_components_1=require("./styled.components"),PayloadSamples_1=require("../PayloadSamples"),Parameters_1=require("../Parameters"),RedocRequestBody=({store:e,pointer:t,hideSamples:o})=>{const r=new models_1.OperationModel(e.definition.parser,{pointer:t,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,e.options,!1),a=new models_1.RequestBodyModel({parser:e.definition.parser,infoOrRef:{$ref:t},options:e.options,operation:r}),n=o?styled_components_1.FullWidthPanel:common_1.SamplesMiddlePanel;return react_1.default.createElement(common_1.Row,{layout:e.layout},react_1.default.createElement(n,null,a.content&&react_1.default.createElement(Parameters_1.BodyContent,{content:a.content,description:a.description})),!o&&react_1.default.createElement(common_1.SamplesPanel,null,react_1.default.createElement(styled_components_1.SamplesWrap,null,a.content&&react_1.default.createElement(PayloadSamples_1.PayloadSamples,{content:a.content})))||react_1.default.createElement("span",null))};exports.RedocRequestBody=RedocRequestBody;
 //# sourceMappingURL=RedocRequestBody.js.map

package/lib/components/pluggable/RedocResponse.d.ts

@@ -1,10 +1,7 @@
-import { Component } from 'react';
-import type { ProStore } from '../../services/ProStore';
+import type { ProStore } from '../../services';
 export interface RedocResponseProps {
     store: ProStore;
     pointer: string;
     hideSamples?: boolean;
 }
-export declare class RedocResponse extends Component<RedocResponseProps> {
-    render(): JSX.Element;
-}
+export declare const RedocResponse: ({ store, pointer, hideSamples }: RedocResponseProps) => JSX.Element;

package/lib/components/pluggable/RedocResponse.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocResponse=void 0;const react_1=__importStar(require("react")),redoc_lib_1=require("../../redoc-lib"),services_1=require("../../redoc-lib/src/services"),styled_components_1=require("./styled.components");class RedocResponse extends react_1.Component{render(){const{store:e,pointer:t,hideSamples:r}=this.props,o=new services_1.OperationModel(e.definition.parser,{pointer:t,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,e.options,!1),n=new redoc_lib_1.ResponseModel({parser:e.definition.parser,code:"default",defaultAsError:!1,infoOrRef:{$ref:t},options:e.options,operation:o});n.description=n.summary;const a=r?styled_components_1.FullWidthPanel:redoc_lib_1.SamplesMiddlePanel;return react_1.default.createElement(redoc_lib_1.Row,{layout:e.layout},react_1.default.createElement(a,{style:{paddingBottom:"20px"}},react_1.default.createElement(redoc_lib_1.ResponseDetails,{response:n})),!r&&n.content&&react_1.default.createElement(redoc_lib_1.SamplesPanel,null,react_1.default.createElement(styled_components_1.SamplesWrap,null,react_1.default.createElement(redoc_lib_1.PayloadSamples,{content:n.content})))||react_1.default.createElement("span",null))}}exports.RedocResponse=RedocResponse;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocResponse=void 0;const react_1=__importDefault(require("react")),models_1=require("../../models"),common_1=require("../common"),styled_components_1=require("./styled.components"),Responses_1=require("../Responses"),PayloadSamples_1=require("../PayloadSamples"),RedocResponse=({store:e,pointer:t,hideSamples:o})=>{const s=new models_1.OperationModel(e.definition.parser,{pointer:t,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,e.options,!1),a=new models_1.ResponseModel({parser:e.definition.parser,code:"default",defaultAsError:!1,infoOrRef:{$ref:t},options:e.options,operation:s});a.description=a.summary;const n=o?styled_components_1.FullWidthPanel:common_1.SamplesMiddlePanel;return react_1.default.createElement(common_1.Row,{layout:e.layout},react_1.default.createElement(n,{style:{paddingBottom:"20px"}},react_1.default.createElement(Responses_1.ResponseDetails,{response:a})),!o&&a.content&&react_1.default.createElement(common_1.SamplesPanel,null,react_1.default.createElement(styled_components_1.SamplesWrap,null,react_1.default.createElement(PayloadSamples_1.PayloadSamples,{content:a.content})))||react_1.default.createElement("span",null))};exports.RedocResponse=RedocResponse;
 //# sourceMappingURL=RedocResponse.js.map

package/lib/components/pluggable/RedocSchema.d.ts

@@ -1,12 +1,9 @@
-import { Component } from 'react';
-import type { OpenAPISchema } from '../../redoc-lib';
+import type { OpenAPISchema } from '../../types';
 import type { ProStore } from '../../services';
 interface RedocSchemaProps {
     store: ProStore;
     pointer?: string;
     schema?: OpenAPISchema;
 }
-export declare class RedocSchema extends Component<RedocSchemaProps> {
-    render(): JSX.Element;
-}
+export declare const RedocSchema: ({ store, pointer, schema }: RedocSchemaProps) => JSX.Element;
 export {};

package/lib/components/pluggable/RedocSchema.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocSchema=void 0;const react_1=__importStar(require("react")),redoc_lib_1=require("../../redoc-lib"),styled_components_1=require("./styled.components");class RedocSchema extends react_1.Component{render(){const{store:e,pointer:t,schema:r}=this.props,o=r||{$ref:t},n=new redoc_lib_1.SchemaModel(e.definition.parser,o,t||"",e.options);return react_1.default.createElement(redoc_lib_1.Row,null,react_1.default.createElement(styled_components_1.FullWidthPanel,null,react_1.default.createElement(redoc_lib_1.Schema,{schema:n})))}}exports.RedocSchema=RedocSchema;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocSchema=void 0;const react_1=__importDefault(require("react")),models_1=require("../../models"),common_1=require("../common"),styled_components_1=require("./styled.components"),Schema_1=require("../Schema"),RedocSchema=({store:e,pointer:t,schema:o})=>{const r=o||{$ref:t},c=new models_1.SchemaModel(e.definition.parser,r,t||"",e.options);return react_1.default.createElement(common_1.Row,null,react_1.default.createElement(styled_components_1.FullWidthPanel,null,react_1.default.createElement(Schema_1.Schema,{schema:c})))};exports.RedocSchema=RedocSchema;
 //# sourceMappingURL=RedocSchema.js.map

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

@@ -1,5 +1,5 @@
-export * from './PullRight';
-export * from './RedocResponse';
-export * from './RedocSchema';
-export * from './RedocExample';
-export * from './RedocRequestBody';
+export { PullRight } from './PullRight';
+export { RedocResponse } from './RedocResponse';
+export { RedocSchema } from './RedocSchema';
+export { RedocExample } from './RedocExample';
+export { RedocRequestBody } from './RedocRequestBody';

package/lib/components/pluggable/index.js

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

package/lib/components/pluggable/styled.components.js

@@ -1,10 +1,10 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FullWidthPanel=exports.ExamplesWrap=exports.SamplesWrap=void 0;const styled_components_1=__importDefault(require("styled-components")),redoc_lib_1=require("../../redoc-lib");exports.SamplesWrap=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FullWidthPanel=exports.ExamplesWrap=exports.SamplesWrap=void 0;const styled_components_1=__importDefault(require("styled-components")),panels_1=require("../common/panels");exports.SamplesWrap=styled_components_1.default.div`
   padding: calc(var(--spacing-unit) * 4);
   border-radius: var(--panel-border-radius);
   background-color: var(--panel-samples-background-color);
 `,exports.ExamplesWrap=(0,styled_components_1.default)(exports.SamplesWrap)`
   width: 100%;
-`,exports.FullWidthPanel=(0,styled_components_1.default)(redoc_lib_1.SamplesMiddlePanel)`
+`,exports.FullWidthPanel=(0,styled_components_1.default)(panels_1.SamplesMiddlePanel)`
   padding-left: var(--spacing-horizontal);
   padding-right: var(--spacing-horizontal);
   width: 100%;

package/lib/components/rightPanel/ActionPanel.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { FormValues } from 'informed';
+import type { OperationModel } from '../../models';
+export interface ActionPanelProps {
+    execute: () => void;
+    loading: boolean;
+    operation: OperationModel;
+    params: FormValues;
+    hasResponse: boolean;
+}
+export declare const ActionPanelComponent: ({ loading, operation, hasResponse, execute, params, }: ActionPanelProps) => JSX.Element;
+export declare const ActionPanel: React.NamedExoticComponent<ActionPanelProps>;

package/lib/components/rightPanel/ActionPanel.js

@@ -0,0 +1,4 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ActionPanel=exports.ActionPanelComponent=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),utils_1=require("../../utils"),Panel_1=require("../Panel"),Endpoint_1=require("../Endpoint"),shared_1=require("../shared"),utils_2=require("./utils");function formatPath(e,t,n){const r=t.path||{},a=t.query||{},o=Object.keys(a);let i=(0,utils_2.expandVariables)(e,r);return o.length&&(i+="?"+o.map((e=>{if(!a[e])return"";const t=(e=>n.find((t=>t.name===e&&"query"===t.in)))(e);return t?(0,utils_1.serializeParameterValue)(t,a[e]):`${e}=${encodeURIComponent(a[e])}`})).filter(Boolean).join("&")),i}const ActionPanelComponent=({loading:e,operation:t,hasResponse:n,execute:r,params:a={}})=>react_1.default.createElement(Panel_1.CodeHeader,null,react_1.default.createElement(Endpoint_1.PathWrapper,null,react_1.default.createElement(shared_1.HttpVerb,{type:t.httpVerb},t.httpVerb),react_1.default.createElement(Endpoint_1.Path,{wrap:"true"},formatPath(t.path,a,t.parameters))),react_1.default.createElement(SendButton,{"data-cy":"send-button",color:"primary",blinking:e,onClick:()=>!e&&r()},e?"Sending...":n?"Resend":"Send"));exports.ActionPanelComponent=ActionPanelComponent;const SendButton=(0,styled_components_1.default)(theme_1.Button)`
+  width: var(--panel-try-it-action-button-width);
+`;exports.ActionPanel=(0,react_1.memo)(exports.ActionPanelComponent);
+//# sourceMappingURL=ActionPanel.js.map

package/lib/components/rightPanel/AuthPanel/AuthPanel.d.ts

@@ -0,0 +1,2 @@
+import type { AuthPanelProps } from './types';
+export declare const AuthPanel: ({ securityDefaults, operation, activeServer, authCorsProxyUrl, form, formApi, }: AuthPanelProps) => JSX.Element | null;

package/lib/components/rightPanel/AuthPanel/AuthPanel.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,l,r){void 0===r&&(r=l);var a=Object.getOwnPropertyDescriptor(t,l);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(e,r,a)}:function(e,t,l,r){void 0===r&&(r=l),e[r]=t[l]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var l in e)"default"!==l&&Object.prototype.hasOwnProperty.call(e,l)&&__createBinding(t,e,l);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AuthPanel=void 0;const react_1=__importStar(require("react")),utils_1=require("../../../utils"),styled_1=require("../styled"),form_1=require("../../common/form"),TextField_1=require("../../common/TextField"),OpenIDConnect_1=require("../OpenIDConnect"),utils_2=require("../utils"),OAuth2Flow_1=require("../OAuth2Flow"),services_1=require("../../../services"),OAuth2TokenInput_1=__importDefault(require("../OAuth2TokenInput")),AuthPanel=({securityDefaults:e,operation:t,activeServer:l,authCorsProxyUrl:r,form:a,formApi:i})=>{const[o,n]=(0,react_1.useState)(0);(0,react_1.useEffect)((()=>{const e=t.security.map((e=>e.schemes.map((e=>e.id)).join(" and "))),l=(0,utils_1.fromSessionStorage)("securityRequirementName"),r=e.findIndex((e=>e===l));n(r<0?0:r)}),[t]);const u=t.security,s=u.map((e=>e.schemes.map((e=>e.id)).join(" and "))).filter(Boolean).map(((e,t)=>({value:e,idx:t})));return 0===s.length?react_1.default.createElement(OpenIDConnect_1.Error,{message:"Cannot find security schema in the definition"}):react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(form_1.FormWrapper,null,s.length>1&&react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Security scheme: "),react_1.default.createElement(styled_1.TryItDropdown,{variant:"dark",fullWidth:!0,options:s,value:s[o].value,onChange:e=>{n(e.idx),(0,utils_1.toSessionStorage)("securityRequirementName",e.value)}}))||null,u[o].schemes.map((t=>{var o,n,u,s,d,c,f;const m=(0,utils_1.escapeFormId)(t.id);if("apiKey"===t.type){const l=(0,utils_1.getSecurityDetailsOptions)(m,""),r={field:`auth.${m}`,fullWidth:!0,initialValue:(0,utils_2.fromCookie)(t)||(0,utils_1.fromSessionStorage)(`auth.${m}`)||(null==e?void 0:e[m]),initValue:(0,utils_2.fromCookie)(t)||(0,utils_1.fromSessionStorage)(`auth.${m}`)||(null==e?void 0:e[m]),validate:utils_2.requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement(form_1.FormControl,{key:m},react_1.default.createElement(form_1.FormLabel,null," ",t.name,": "),l?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},r,{options:l})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},r,{type:"password",panel:"try-it","data-cy":"apiKey-auth-password"})))}if("http"===t.type){if("basic"===t.scheme){const t=(0,utils_1.getSecurityDetailsOptions)(m,"username"),l={field:`auth.${m}.username`,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)(`auth.${m}.username`)||(null===(o=null==e?void 0:e[m])||void 0===o?void 0:o.username),initValue:(0,utils_1.fromSessionStorage)(`auth.${m}.username`)||(null===(n=null==e?void 0:e[m])||void 0===n?void 0:n.username),validate:utils_2.requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement(react_1.Fragment,{key:m},react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," ",(0,services_1.l)("tryItAuthBasicUsername"),": "),t?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},l,{options:t})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},l,{panel:"try-it"}))),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," ",(0,services_1.l)("tryItAuthBasicPassword"),": "),react_1.default.createElement(TextField_1.FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:`auth.${m}.password`,initialValue:(0,utils_1.fromSessionStorage)(`auth.${m}.password`)||(null===(u=null==e?void 0:e[m])||void 0===u?void 0:u.password)||"",validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("bearer"===t.scheme){const t=(0,utils_1.getSecurityDetailsOptions)(m,""),l={field:`auth.${m}`,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)(`auth.${m}`)||(null==e?void 0:e[m]),initValue:(0,utils_1.fromSessionStorage)(`auth.${m}`)||(null==e?void 0:e[m]),validate:utils_2.requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement(react_1.Fragment,{key:m},react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Bearer Token: "),t?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},l,{options:t})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},l,{type:"password",placeholder:"(without 'Bearer')",panel:"try-it"}))))}}else{if("oauth2"===t.type&&t.flows&&t.flows.clientCredentials)return react_1.default.createElement(OAuth2TokenInput_1.default,{key:m,flow:t.flows.clientCredentials,server:l,authCorsProxyUrl:r,id:m,form:a,formApi:i,clientId:t.flows.clientCredentials["x-defaultClientId"]||t["x-defaultClientId"],defaultValues:null==e?void 0:e[m]});if("oauth2"===t.type&&t.flows&&t.flows.implicit)return react_1.default.createElement(OAuth2Flow_1.OAuth2Flow,{key:m,authorizationUrl:t.flows.implicit.authorizationUrl,authCorsProxyUrl:r,scopes:Object.keys((null===(d=null===(s=null==t?void 0:t.flows)||void 0===s?void 0:s.implicit)||void 0===d?void 0:d.scopes)||{}),server:l,id:m,form:a,formApi:i,clientId:t.flows.implicit["x-defaultClientId"]||t["x-defaultClientId"],flow:"implicit",defaultValues:null==e?void 0:e[m]});if("oauth2"===t.type&&t.flows&&t.flows.authorizationCode)return react_1.default.createElement(OAuth2Flow_1.OAuth2Flow,{key:m,authorizationUrl:t.flows.authorizationCode.authorizationUrl,tokenUrl:t.flows.authorizationCode.tokenUrl,authCorsProxyUrl:r,scopes:Object.keys((null===(c=t.flows.authorizationCode)||void 0===c?void 0:c.scopes)||{}),server:l,id:m,form:a,formApi:i,clientId:t.flows.authorizationCode["x-defaultClientId"]||t["x-defaultClientId"],flow:"authorizationCode",tokenEndpointAuthMethod:t.flows.authorizationCode["x-tokenEndpointAuthMethod"],usePkce:t.flows.authorizationCode["x-usePkce"],defaultValues:null==e?void 0:e[m]});if("oauth2"===t.type){let t=(0,utils_1.fromSessionStorage)(`auth.${m}.token`)||JSON.stringify(null===(f=null==e?void 0:e[m])||void 0===f?void 0:f.token);return t=t?JSON.parse(t):{},react_1.default.createElement(react_1.Fragment,{key:m},react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Access Token Type: "),react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,field:`auth.${m}.token.token_type`,initialValue:t.token_type||"Bearer",panel:"try-it"})),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Access Token: "),react_1.default.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:`auth.${m}.token.access_token`,validate:utils_2.requiredValidator,initialValue:t.access_token,validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("openIdConnect"===t.type)return react_1.default.createElement(OpenIDConnect_1.OpenIDConnect,{key:m,server:l,authCorsProxyUrl:r,id:m,form:a,formApi:i,scheme:t,clientId:t["x-defaultClientId"],defaultValues:null==e?void 0:e[m]})}}))),react_1.default.createElement("small",null,react_1.default.createElement("strong",null,"Note"),": Your credentials will be saved until the end of the browser session"))};exports.AuthPanel=AuthPanel;
+//# sourceMappingURL=AuthPanel.js.map