@redocly/openapi-docs 3.0.0-alpha.14.beta.1 → 3.0.0-alpha.14.beta.3

package/lib/components/common/headers.js

@@ -1,28 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldsGroupHeader=exports.SamplesPanelHeader=exports.H6=exports.H5=exports.H4=exports.H3=exports.H2=exports.H1=void 0;const styled_components_1=__importDefault(require("styled-components")),utils_1=require("../../utils");exports.H1=styled_components_1.default.h1`
-  margin: var(--h1-margin-top) 0 var(--h1-margin-bottom);
-
-  ${(0,utils_1.typography)("h1","h")};
-`,exports.H2=styled_components_1.default.h2`
-  margin: var(--h2-margin-top) 0 var(--h2-margin-bottom);
-
-  ${(0,utils_1.typography)("h2","h")};
-`,exports.H3=styled_components_1.default.h3`
-  margin: var(--h3-margin-top) 0 var(--h3-margin-bottom);
-
-  ${(0,utils_1.typography)("h3","h")};
-`,exports.H4=styled_components_1.default.h4`
-  margin: var(--h4-margin-top) 0 var(--h4-margin-bottom);
-
-  ${(0,utils_1.typography)("h4","h")};
-`,exports.H5=styled_components_1.default.h5`
-  margin: var(--h5-margin-top) 0 var(--h5-margin-bottom);
-
-  ${(0,utils_1.typography)("h5","h")};
-`,exports.H6=styled_components_1.default.h6`
-  margin: var(--h6-margin-top) 0 var(--h6-margin-bottom);
-
-  ${(0,utils_1.typography)("h6","h")};
-`,exports.SamplesPanelHeader=styled_components_1.default.h3`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldsGroupHeader=exports.SamplesPanelHeader=void 0;const styled_components_1=__importDefault(require("styled-components")),utils_1=require("../../utils");exports.SamplesPanelHeader=styled_components_1.default.h3`
   color: var(--panel-samples-text-color);
 
   ${(0,utils_1.typography)("right-panel-header")};

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

@@ -5,8 +5,10 @@ export { deprecatedCss } from './mixins';
 export { FormControl } from './form';
 export * from './Fields';
 export * from './panels';
-export { H1, H2, H3, H4, H5, H6, FieldsGroupHeader, SamplesPanelHeader } from './headers';
-export { linkifyMixin, userIsForcingNavigation, ShareLink, Link } from './linkify';
+export { FieldsGroupHeader, SamplesPanelHeader } from './headers';
+export { ShareLink, Link } from './linkify';
 export * from './shelfs';
 export * from './schema';
 export * from './perfect-scrollbar';
+export { Portal } from './Portal';
+export { Skeleton } from './Skeleton';

package/lib/components/common/index.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,n){void 0===n&&(n=t);var o=Object.getOwnPropertyDescriptor(r,t);o&&!("get"in o?!r.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,n,o)}:function(e,r,t,n){void 0===n&&(n=t),e[n]=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.Link=exports.ShareLink=exports.userIsForcingNavigation=exports.linkifyMixin=exports.SamplesPanelHeader=exports.FieldsGroupHeader=exports.H6=exports.H5=exports.H4=exports.H3=exports.H2=exports.H1=exports.FormControl=exports.deprecatedCss=exports.ShareLinkToField=exports.SchemaDiscriminatorDropdown=exports.Dropdown=void 0;var Dropdown_1=require("./Dropdown");Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function(){return Dropdown_1.Dropdown}}),Object.defineProperty(exports,"SchemaDiscriminatorDropdown",{enumerable:!0,get:function(){return Dropdown_1.SchemaDiscriminatorDropdown}});var LinkToField_1=require("./LinkToField");Object.defineProperty(exports,"ShareLinkToField",{enumerable:!0,get:function(){return LinkToField_1.ShareLinkToField}});var mixins_1=require("./mixins");Object.defineProperty(exports,"deprecatedCss",{enumerable:!0,get:function(){return mixins_1.deprecatedCss}});var form_1=require("./form");Object.defineProperty(exports,"FormControl",{enumerable:!0,get:function(){return form_1.FormControl}}),__exportStar(require("./Fields"),exports),__exportStar(require("./panels"),exports);var headers_1=require("./headers");Object.defineProperty(exports,"H1",{enumerable:!0,get:function(){return headers_1.H1}}),Object.defineProperty(exports,"H2",{enumerable:!0,get:function(){return headers_1.H2}}),Object.defineProperty(exports,"H3",{enumerable:!0,get:function(){return headers_1.H3}}),Object.defineProperty(exports,"H4",{enumerable:!0,get:function(){return headers_1.H4}}),Object.defineProperty(exports,"H5",{enumerable:!0,get:function(){return headers_1.H5}}),Object.defineProperty(exports,"H6",{enumerable:!0,get:function(){return headers_1.H6}}),Object.defineProperty(exports,"FieldsGroupHeader",{enumerable:!0,get:function(){return headers_1.FieldsGroupHeader}}),Object.defineProperty(exports,"SamplesPanelHeader",{enumerable:!0,get:function(){return headers_1.SamplesPanelHeader}});var linkify_1=require("./linkify");Object.defineProperty(exports,"linkifyMixin",{enumerable:!0,get:function(){return linkify_1.linkifyMixin}}),Object.defineProperty(exports,"userIsForcingNavigation",{enumerable:!0,get:function(){return linkify_1.userIsForcingNavigation}}),Object.defineProperty(exports,"ShareLink",{enumerable:!0,get:function(){return linkify_1.ShareLink}}),Object.defineProperty(exports,"Link",{enumerable:!0,get:function(){return linkify_1.Link}}),__exportStar(require("./shelfs"),exports),__exportStar(require("./schema"),exports),__exportStar(require("./perfect-scrollbar"),exports);
+"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.Skeleton=exports.Portal=exports.Link=exports.ShareLink=exports.SamplesPanelHeader=exports.FieldsGroupHeader=exports.FormControl=exports.deprecatedCss=exports.ShareLinkToField=exports.SchemaDiscriminatorDropdown=exports.Dropdown=void 0;var Dropdown_1=require("./Dropdown");Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function(){return Dropdown_1.Dropdown}}),Object.defineProperty(exports,"SchemaDiscriminatorDropdown",{enumerable:!0,get:function(){return Dropdown_1.SchemaDiscriminatorDropdown}});var LinkToField_1=require("./LinkToField");Object.defineProperty(exports,"ShareLinkToField",{enumerable:!0,get:function(){return LinkToField_1.ShareLinkToField}});var mixins_1=require("./mixins");Object.defineProperty(exports,"deprecatedCss",{enumerable:!0,get:function(){return mixins_1.deprecatedCss}});var form_1=require("./form");Object.defineProperty(exports,"FormControl",{enumerable:!0,get:function(){return form_1.FormControl}}),__exportStar(require("./Fields"),exports),__exportStar(require("./panels"),exports);var headers_1=require("./headers");Object.defineProperty(exports,"FieldsGroupHeader",{enumerable:!0,get:function(){return headers_1.FieldsGroupHeader}}),Object.defineProperty(exports,"SamplesPanelHeader",{enumerable:!0,get:function(){return headers_1.SamplesPanelHeader}});var linkify_1=require("./linkify");Object.defineProperty(exports,"ShareLink",{enumerable:!0,get:function(){return linkify_1.ShareLink}}),Object.defineProperty(exports,"Link",{enumerable:!0,get:function(){return linkify_1.Link}}),__exportStar(require("./shelfs"),exports),__exportStar(require("./schema"),exports),__exportStar(require("./perfect-scrollbar"),exports);var Portal_1=require("./Portal");Object.defineProperty(exports,"Portal",{enumerable:!0,get:function(){return Portal_1.Portal}});var Skeleton_1=require("./Skeleton");Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function(){return Skeleton_1.Skeleton}});
 //# sourceMappingURL=index.js.map

package/lib/components/common/linkify.d.ts

@@ -1,13 +1,9 @@
-import React from 'react';
 import type { PropsWithChildren } from 'react';
-import type { FlattenSimpleInterpolation } from 'styled-components';
-export declare function userIsForcingNavigation(event: React.MouseEvent): boolean;
-export declare const linkifyMixin: (className: string, size: string) => FlattenSimpleInterpolation;
 export declare function Link(props: PropsWithChildren<{
     to: string;
     className?: string;
     security?: boolean;
+    id?: string;
 }>): JSX.Element | null;
-export declare function ShareLink(props: {
-    to: string;
-}): JSX.Element;
+export declare const StyledShareLink: import("styled-components").StyledComponent<typeof Link, any, {}, never>;
+export declare function ShareLink(props: any): JSX.Element;

package/lib/components/common/linkify.js

@@ -1,55 +1,10 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,i,n,t){void 0===t&&(t=n);var o=Object.getOwnPropertyDescriptor(i,n);o&&!("get"in o?!i.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return i[n]}}),Object.defineProperty(e,t,o)}:function(e,i,n,t){void 0===t&&(t=n),e[t]=i[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,i){Object.defineProperty(e,"default",{enumerable:!0,value:i})}:function(e,i){e.default=i}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var i={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(i,e,n);return __setModuleDefault(i,e),i};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShareLink=exports.Link=exports.linkifyMixin=exports.userIsForcingNavigation=void 0;const react_1=__importStar(require("react")),styled_components_1=__importStar(require("styled-components")),context_1=require("../../context"),icons_1=require("../icons");function userIsForcingNavigation(e){return 0!==e.button||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey}exports.userIsForcingNavigation=userIsForcingNavigation;const linkifyMixin=(e,i)=>styled_components_1.css`
-  ${e} {
-    cursor: pointer;
-    line-height: inherit;
-    display: inline-block;
-    outline: 0;
-    position: absolute;
-    padding-right: 4px;
-    transform: translateX(-100%);
-  }
-
-  ${e} ${icons_1.LinkIcon} {
-    width: ${i};
-    height: ${i};
-    visibility: hidden;
-    display: inline-block;
-    vertical-align: middle;
-    color: var(--heading-anchor-color);
-
-    background-image: var(--heading-anchor-icon);
-    background-repeat: no-repeat;
-    background-position: center;
-    background-size: contain;
-  }
-
-  h1:hover
-    > ${e}
-    ${icons_1.LinkIcon},
-    h2:hover
-    > ${e}
-    ${icons_1.LinkIcon},
-    h3:hover
-    > ${e}
-    ${icons_1.LinkIcon},
-    h4:hover
-    > ${e}
-    ${icons_1.LinkIcon},
-    h5:hover
-    > ${e}
-    ${icons_1.LinkIcon},
-    h6:hover
-    > ${e}
-    ${icons_1.LinkIcon},
-    ${e}:hover
-    ${icons_1.LinkIcon} {
-    visibility: visible;
-  }
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShareLink=exports.StyledShareLink=exports.Link=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),recoil_1=require("recoil"),theme_1=require("@redocly/theme"),react_router_dom_1=require("react-router-dom"),store_1=require("../../recoil/store");function Link(e){var t;const{routingBasePath:r,hooks:i,onDeepLinkClick:o}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),n=e.security?null===(t=null==i?void 0:i.replaceSecurityLink)||void 0===t?void 0:t.call(i,{securityRequirementId:e.to}):e.to,a=o&&{onClick:e=>{e.preventDefault(),o(r+n)}};return n?react_1.default.createElement(react_router_dom_1.Link,Object.assign({id:e.id,className:e.className,to:r+n},a),e.children):e.children?react_1.default.createElement("span",{className:e.className}," ",e.children," "):null}function ShareLink(e){return react_1.default.createElement(exports.StyledShareLink,Object.assign({},e),react_1.default.createElement(theme_1.AnchorIcon,null))}exports.Link=Link,exports.StyledShareLink=(0,styled_components_1.default)(Link)`
+  position: absolute;
+  transform: translateX(-100%);
+  padding-right: var(--heading-anchor-offset-right);
 
-  ${e}:focus ${icons_1.LinkIcon} {
+  :hover ${theme_1.AnchorIcon} {
     visibility: visible;
   }
-`;function Link(e){var i,n,t;const o=(0,react_1.useCallback)(((i,n)=>{n.defaultPrevented||userIsForcingNavigation(n)||(n.preventDefault(),i.replace(encodeURI(e.to)))}),[e.to]),r=(0,context_1.useStore)();let c;if(e.security){const n=null===(i=null==r?void 0:r.options.hooks)||void 0===i?void 0:i.replaceSecurityLink;c=n&&n({securityRequirementId:e.to})}else c=null===(t=null==r?void 0:(n=r.menu.history).linkForId)||void 0===t?void 0:t.call(n,e.to);return c?react_1.default.createElement("a",{className:e.className,href:c,onClick:o.bind(this,null==r?void 0:r.menu.history),"aria-label":e.to},e.children):e.children?react_1.default.createElement("span",{className:e.className}," ",e.children," "):null}exports.linkifyMixin=linkifyMixin,exports.Link=Link;const StyledShareLink=(0,styled_components_1.default)(Link)`
-  ${(0,exports.linkifyMixin)("&","18px")};
-`;function ShareLink(e){return react_1.default.createElement(StyledShareLink,{to:e.to},react_1.default.createElement(icons_1.LinkIcon,null))}exports.ShareLink=ShareLink;
+`,exports.ShareLink=ShareLink;
 //# sourceMappingURL=linkify.js.map

package/lib/components/common/panels.js

@@ -1,4 +1,4 @@
-"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`
+"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 theme_1=require("@redocly/theme"),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);
@@ -20,9 +20,6 @@
   z-index: 1;
   padding: 0;
   width: 100%;
-  &:last-child {
-    min-height: calc(100vh + 1px);
-  }
 
   & > &:last-child {
     min-height: initial;
@@ -49,6 +46,9 @@
         border-bottom: 1px solid var(--border-color);
       }
     `}
+  ${theme_1.H2} {
+    position: relative;
+  }
 `,exports.SamplesPanel=styled_components_1.default.div`
   color: var(--panel-samples-text-color);
   width: 100%;
@@ -57,6 +57,9 @@
   padding-left: var(--panel-gap-horizontal);
   padding-right: var(--panel-gap-horizontal);
 
+  position: sticky;
+  top: calc(var(--navbar-height) + var(--panel-gap-vertical));
+
   ${({theme:e})=>styled_components_1.css`
     ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
       width: var(--panel-samples-width);

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

@@ -1,4 +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`
+"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")),recoil_1=require("recoil"),utils_1=require("../../utils"),store_1=require("../../recoil/store");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;
+`;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"]);const{nativeScrollbars:l}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector);return l?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/LockIcon.d.ts

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

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

@@ -1,2 +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>;
+export declare const Spinner: import("styled-components").StyledComponent<({ className }: Pick<IconProps, 'className' | 'color'>) => JSX.Element, any, Pick<IconProps, "color" | "className">, never>;

package/lib/components/index.d.ts

@@ -1,24 +1,21 @@
 export * from './NextSectionButton';
-export * from './StoreProvider';
-export * from './RedoclyReferenceDocs';
-export * from './RedoclyReferenceDocsMultiStandalone';
+export * from './RedoclyOpenAPIDocs';
 export * from './pluggable';
 export * from './rightPanel/Console';
-export * from './ProProviders';
-export { ToggleRightPanelButton, ControlsWrap, ChangeViewButton, BackgroundStub, NextSectionButtonWrap, ApiContentWrap, BackgroundStubFix, } from './styled.elements';
+export { ControlsWrap, BackgroundStub, ApiContentWrap, BackgroundStubFix, } from './RedoclyOpenAPIDocs/styled';
+export { NextSectionButtonWrap } from './NextSectionButton/styled';
 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 { OperationItem } from './OperationItem';
+export type { OperationItemProps } from './OperationItem';
 export * from './Loading/Loading';
 export * from './Markdown';
-export * from './SecuritySchemes/SecuritySchemes';
+export { OAuthFlow } from './SecuritySchemes/OAuthFlow';
 export * from './Responses';
 export * from './ResponseSamples/ResponseSamples';
 export { PayloadSamples, ExampleValue, Example, DropdownWrapper } from './PayloadSamples';
@@ -31,5 +28,7 @@ export * from './StickySidebar/StickyResponsiveSidebar';
 export * from './SchemaDefinition/SchemaDefinition';
 export * from './SourceCodeWithFile/SourceCodeWithFile';
 export * from './RequestSamples/RequestSamples';
+export * from './ChangeViewButton';
+export * from './ToggleRightPanelButton';
 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.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}});
+"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.OAuthFlow=exports.OperationItem=exports.DiscriminatorDropdown=exports.ContentItems=exports.ContentItem=exports.SectionItem=exports.NextSectionButtonWrap=exports.BackgroundStubFix=exports.ApiContentWrap=exports.BackgroundStub=exports.ControlsWrap=void 0,__exportStar(require("./NextSectionButton"),exports),__exportStar(require("./RedoclyOpenAPIDocs"),exports),__exportStar(require("./pluggable"),exports),__exportStar(require("./rightPanel/Console"),exports);var styled_1=require("./RedoclyOpenAPIDocs/styled");Object.defineProperty(exports,"ControlsWrap",{enumerable:!0,get:function(){return styled_1.ControlsWrap}}),Object.defineProperty(exports,"BackgroundStub",{enumerable:!0,get:function(){return styled_1.BackgroundStub}}),Object.defineProperty(exports,"ApiContentWrap",{enumerable:!0,get:function(){return styled_1.ApiContentWrap}}),Object.defineProperty(exports,"BackgroundStubFix",{enumerable:!0,get:function(){return styled_1.BackgroundStubFix}});var styled_2=require("./NextSectionButton/styled");Object.defineProperty(exports,"NextSectionButtonWrap",{enumerable:!0,get:function(){return styled_2.NextSectionButtonWrap}}),__exportStar(require("./common"),exports),__exportStar(require("./ApiInfo"),exports);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 OperationItem_1=require("./OperationItem");Object.defineProperty(exports,"OperationItem",{enumerable:!0,get:function(){return OperationItem_1.OperationItem}}),__exportStar(require("./Loading/Loading"),exports),__exportStar(require("./Markdown"),exports);var OAuthFlow_1=require("./SecuritySchemes/OAuthFlow");Object.defineProperty(exports,"OAuthFlow",{enumerable:!0,get:function(){return OAuthFlow_1.OAuthFlow}}),__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),__exportStar(require("./ChangeViewButton"),exports),__exportStar(require("./ToggleRightPanelButton"),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.d.ts

@@ -1,2 +1,3 @@
-import React from 'react';
-export declare function PullRight({ children }: React.PropsWithChildren<unknown>): JSX.Element;
+export declare function PullRight({ children }: {
+    children: any;
+}): JSX.Element;

package/lib/components/pluggable/PullRight.js

@@ -1,58 +1,4 @@
-"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,
-  h4,
-  h5,
-  h6 {
-    color: var(--panel-samples-heading-text-color, var(--panel-samples-text-color));
-  }
-
-  table {
-    color: #ffffff;
-    overflow-wrap: break-word;
-    word-break: break-word;
-
-    & tr {
-      td,
-      th {
-        background-color: var(--panel-samples-controls-background-color);
-      }
-    }
-
-    & tr:nth-child(2n) {
-      td,
-      th {
-        background-color: var(--samples-panel-markdown-background-color);
-      }
-    }
-
-    & thead tr th,
-    & tbody tr td {
-      background-color: var(--samples-panel-markdown-background-color);
-      border-color: var(--samples-panel-markdown-border-color);
-    }
-  }
-
-  code {
-    font-size: var(--code-block-font-size);
-    font-family: var(--code-block-font-family);
-    color: var(--code-block-text-color);
-    background-color: var(--code-block-background-color);
-  }
-
-  a,
-  a:visited {
-    color: var(--link-visited);
-  }
-
-  pre {
-    border: none;
-    padding: calc(var(--spacing-unit) * 4);
-    border-radius: var(--code-block-border-radius);
-    background: var(--code-block-background-color);
-  }
-`;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)`
+"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")),theme_1=require("@redocly/theme");function PullRight({children:e}){return react_1.default.createElement(StyledRightPanel,{className:"panel-pull-right"},e)}exports.PullRight=PullRight;const StyledRightPanel=(0,styled_components_1.default)(theme_1.Panel)`
   float: right;
   z-index: 1;
   position: relative;

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

@@ -1,12 +1,10 @@
 import type { OpenAPIEncoding } from '../../types';
-import type { ProStore } from '../../services';
 interface RedocExampleProps {
-    store: ProStore;
     pointer: string;
     mimeType: string;
     encoding?: {
         [field: string]: OpenAPIEncoding;
     };
 }
-export declare const RedocExample: ({ store, pointer, mimeType, encoding, }: RedocExampleProps) => JSX.Element;
+export declare const RedocExample: ({ pointer, mimeType, encoding }: RedocExampleProps) => JSX.Element;
 export {};

package/lib/components/pluggable/RedocExample.js

@@ -1,2 +1,2 @@
-"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;
+"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")),recoil_1=require("recoil"),models_1=require("../../models"),common_1=require("../common"),styled_components_1=require("./styled.components"),PayloadSamples_1=require("../PayloadSamples"),store_1=require("../../recoil/store"),app_1=require("../../recoil/app"),RedocExample=({pointer:e,mimeType:r,encoding:o})=>{const{parser:l}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),t=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),a=(0,models_1.getExamples)({parser:l,infoOrRef:{$ref:e},mime:r,encoding:o});return react_1.default.createElement(common_1.Row,{layout:t},react_1.default.createElement(styled_components_1.ExamplesWrap,null,react_1.default.createElement(PayloadSamples_1.Example,{example:a,mimeType:r})))};exports.RedocExample=RedocExample;
 //# sourceMappingURL=RedocExample.js.map

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

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

package/lib/components/pluggable/RedocRequestBody.js

@@ -1,2 +1,2 @@
-"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;
+"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")),recoil_1=require("recoil"),models_1=require("../../models"),common_1=require("../common"),styled_components_1=require("./styled.components"),PayloadSamples_1=require("../PayloadSamples"),Parameters_1=require("../Parameters"),store_1=require("../../recoil/store"),app_1=require("../..//recoil/app"),RedocRequestBody=({pointer:e,hideSamples:t})=>{const{options:o,parser:r}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),a=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),l=(0,models_1.getOperation)(r,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o,""),n=(0,models_1.getRequestBody)({parser:r,infoOrRef:{$ref:e},options:o,operation:l}),s=t?styled_components_1.FullWidthPanel:common_1.SamplesMiddlePanel;return react_1.default.createElement(common_1.Row,{layout:a},react_1.default.createElement(s,null,n.content&&react_1.default.createElement(Parameters_1.BodyContent,{content:n.content,description:n.description})),!t&&react_1.default.createElement(common_1.SamplesPanel,null,react_1.default.createElement(styled_components_1.SamplesWrap,null,n.content&&react_1.default.createElement(PayloadSamples_1.PayloadSamples,{content:n.content})))||react_1.default.createElement("span",null))};exports.RedocRequestBody=RedocRequestBody;
 //# sourceMappingURL=RedocRequestBody.js.map

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

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

package/lib/components/pluggable/RedocResponse.js

@@ -1,2 +1,2 @@
-"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;
+"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")),recoil_1=require("recoil"),models_1=require("../../models"),common_1=require("../common"),styled_components_1=require("./styled.components"),Responses_1=require("../Responses"),PayloadSamples_1=require("../PayloadSamples"),store_1=require("../../recoil/store"),app_1=require("../../recoil/app"),RedocResponse=({pointer:e,hideSamples:t})=>{const{options:o,parser:r}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),s=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),a=(0,models_1.getOperation)(r,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o,""),l=(0,models_1.getResponse)({parser:r,code:"default",defaultAsError:!1,infoOrRef:{$ref:e},options:o,operation:a});l.description=l.summary;const n=t?styled_components_1.FullWidthPanel:common_1.SamplesMiddlePanel;return react_1.default.createElement(common_1.Row,{layout:s},react_1.default.createElement(n,{style:{paddingBottom:"20px"}},react_1.default.createElement(Responses_1.ResponseDetails,{response:l})),!t&&l.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:l.content})))||react_1.default.createElement("span",null))};exports.RedocResponse=RedocResponse;
 //# sourceMappingURL=RedocResponse.js.map

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

@@ -1,9 +1,7 @@
 import type { OpenAPISchema } from '../../types';
-import type { ProStore } from '../../services';
 interface RedocSchemaProps {
-    store: ProStore;
     pointer?: string;
     schema?: OpenAPISchema;
 }
-export declare const RedocSchema: ({ store, pointer, schema }: RedocSchemaProps) => JSX.Element;
+export declare const RedocSchema: ({ pointer, schema }: RedocSchemaProps) => JSX.Element;
 export {};

package/lib/components/pluggable/RedocSchema.js

@@ -1,2 +1,2 @@
-"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;
+"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")),recoil_1=require("recoil"),models_1=require("../../models"),common_1=require("../common"),styled_components_1=require("./styled.components"),Schema_1=require("../Schema"),store_1=require("../../recoil/store"),RedocSchema=({pointer:e,schema:r})=>{const{options:o,parser:t}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),c=r||{$ref:e},a=(0,models_1.getSchema)({parser:t,schemaOrRef:c,pointer:e||"",options:o,deps:{operation:{pointer:"RedocSchema"}}});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:a})))};exports.RedocSchema=RedocSchema;
 //# sourceMappingURL=RedocSchema.js.map

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

@@ -1,2 +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;
+"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")),recoil_1=require("recoil"),theme_1=require("@redocly/theme"),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")),store_1=require("../../../recoil/store"),AuthPanel=({securityDefaults:e,operation:t,activeServer:l,authCorsProxyUrl:r,form:a,formApi:i})=>{var o,n;const[u,s]=(0,react_1.useState)(0),{parser:d}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector);(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));s(r<0?0:r)}),[t]);const c=t.security,f=c.map((e=>e.schemes.map((e=>e.id)).join(" and "))).filter(Boolean).map(((e,t)=>({value:e,idx:t})));if(0===f.length)return react_1.default.createElement(OpenIDConnect_1.Error,{message:"Cannot find security schema in the definition"});const m=c[u],_=(0,utils_1.escapeFormId)(m.schemes[0].id);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(form_1.FormWrapper,null,f.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:f,value:f[u].value,onChange:e=>{s(e.idx),(0,utils_1.toSessionStorage)("securityRequirementName",e.value)}}))||null,react_1.default.createElement(theme_1.TryItSecurity,{apiId:null===(n=null===(o=d.definition.info)||void 0===o?void 0:o["x-metadata"])||void 0===n?void 0:n.apiId,value:i.getValue(`auth.${_}`),onChange:e=>{i.setValue(`auth.${_}`,e)}}),c[u].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

package/lib/components/rightPanel/CodemirrorInput/CodemirrorInput.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodemirrorInput=exports.CodemirrorInputComponent=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),informed_1=require("informed"),react_codemirror2_react_17_1=require("react-codemirror2-react-17"),constants_1=require("../../../constants");require("./helpers");const styled_1=require("./styled"),CodemirrorInputComponent=({fieldState:e,fieldApi:t,onChange:r,onBlur:o,forwardedRef:n,id:a,mode:i,schema:s})=>{let d;const u=(e,t)=>{/^[a-zA-Z0-9_":]$/.test(t.key)&&d.execCommand("autocomplete")},c=()=>{d.refresh()},m=()=>d.showHint({completeSingle:!0});(0,theme_1.useMount)((()=>{setTimeout((()=>{d.refresh()}),0),document.addEventListener("click",c)})),(0,theme_1.useUnmount)((()=>{document.removeEventListener("click",c)}));const{value:l}=e,{setValue:p,setTouched:_,setError:f}=t;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.CodeMirrorStyles,null),react_1.default.createElement(react_codemirror2_react_17_1.Controlled,{editorDidMount:e=>{d=e,d.on("keyup",u)},value:l||"",ref:n,onBeforeChange:(e,t,o)=>{p(o),r&&r(o)},onBlur:e=>{_(!1),o&&o(e)},options:{mode:i||constants_1.MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":m,"Ctrl-Space":m},hintOptions:{id:a,completeSingle:!1,schema:s},lint:{id:a,schema:s,setError:f}}}))};exports.CodemirrorInputComponent=CodemirrorInputComponent,exports.CodemirrorInput=(0,informed_1.asField)(exports.CodemirrorInputComponent);
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodemirrorInput=exports.CodemirrorInputComponent=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),informed_1=require("informed"),react_codemirror2_react_17_1=require("react-codemirror2-react-17"),constants_1=require("../../../constants");require("./helpers");const styled_1=require("./styled"),CodemirrorInputComponent=({fieldState:e,fieldApi:t,onChange:r,onBlur:o,forwardedRef:n,id:a,mode:i,schema:u})=>{let d;const s=(e,t)=>{/^[a-zA-Z0-9_":]$/.test(t.key)&&d.execCommand("autocomplete")},c=()=>{d.refresh()},m=()=>d.showHint({completeSingle:!0});(0,theme_1.useMount)((()=>{setTimeout((()=>{d.refresh()}),0),document.addEventListener("click",c)})),(0,theme_1.useUnmount)((()=>{document.removeEventListener("click",c)}));const{value:l}=e,{setValue:p,setTouched:_}=t;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.CodeMirrorStyles,null),react_1.default.createElement(react_codemirror2_react_17_1.Controlled,{editorDidMount:e=>{d=e,d.on("keyup",s)},value:l||"",ref:n,onBeforeChange:(e,t,o)=>{p(o),r&&r(o)},onBlur:e=>{_(!1),o&&o(e)},options:{mode:i||constants_1.MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":m,"Ctrl-Space":m},hintOptions:{id:a,completeSingle:!1,schema:u}}}))};exports.CodemirrorInputComponent=CodemirrorInputComponent,exports.CodemirrorInput=(0,informed_1.asField)(exports.CodemirrorInputComponent);
 //# sourceMappingURL=CodemirrorInput.js.map

package/lib/components/rightPanel/CodemirrorInput/helpers.d.ts

@@ -1,10 +1 @@
-import 'codemirror/mode/javascript/javascript';
-import 'codemirror/addon/edit/matchbrackets';
-import 'codemirror/addon/lint/lint';
-import 'codemirror/addon/hint/show-hint';
-import 'codemirror/addon/edit/closebrackets';
-import 'codemirror/addon/search/searchcursor';
-import 'codemirror/lib/codemirror.css';
-import 'codemirror/theme/material.css';
-import 'codemirror/addon/lint/lint.css';
-import 'codemirror/addon/hint/show-hint.css';
+export {};

package/lib/components/rightPanel/CodemirrorInput/helpers.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,i){void 0===i&&(i=t);var o=Object.getOwnPropertyDescriptor(r,t);o&&!("get"in o?!r.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,i,o)}:function(e,r,t,i){void 0===i&&(i=t),e[i]=r[t]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(r,e,t);return __setModuleDefault(r,e),r},__awaiter=this&&this.__awaiter||function(e,r,t,i){return new(t||(t=Promise))((function(o,n){function a(e){try{s(i.next(e))}catch(e){n(e)}}function c(e){try{s(i.throw(e))}catch(e){n(e)}}function s(e){var r;e.done?o(e.value):(r=e.value,r instanceof t?r:new t((function(e){e(r)}))).then(a,c)}s((i=i.apply(e,r||[])).next())}))};Object.defineProperty(exports,"__esModule",{value:!0});const CodeMirror=__importStar(require("codemirror")),vscode_json_languageservice_1=require("@redocly/vscode-json-languageservice");require("codemirror/mode/javascript/javascript"),require("codemirror/addon/edit/matchbrackets"),require("codemirror/addon/lint/lint"),require("codemirror/addon/hint/show-hint"),require("codemirror/addon/edit/closebrackets"),require("codemirror/addon/search/searchcursor"),require("codemirror/lib/codemirror.css"),require("codemirror/theme/material.css"),require("codemirror/addon/lint/lint.css"),require("codemirror/addon/hint/show-hint.css");const serv=(0,vscode_json_languageservice_1.getLanguageService)({});CodeMirror.registerHelper("lint","json",(function(e,r){return __awaiter(this,void 0,void 0,(function*(){const{schema:t,setError:i}=r;serv.configure({validate:!0,schemas:[{uri:"stub://"+r.id,fileMatch:["*"],schema:t}]});const o=vscode_json_languageservice_1.TextDocument.create(r.id+".json","json",0,e),n=serv.parseJSONDocument(o),a=yield serv.doValidation(o,n);return a.length?i&&i(a[0].message):i&&i(void 0),a.map((e=>({from:CodeMirror.Pos(e.range.start.line,e.range.start.character),to:CodeMirror.Pos(e.range.end.line,e.range.end.character),message:e.message})))}))})),CodeMirror.registerHelper("hint","json",((e,r)=>__awaiter(void 0,void 0,void 0,(function*(){const t=r.schema;if(!t)return;serv.configure({validate:!0,schemas:[{uri:"stub://"+r.id,fileMatch:["*"],schema:t}]});const i=e.getDoc().getCursor(),o=e.getTokenAt(i),n=vscode_json_languageservice_1.TextDocument.create(r.id+".json","json",0,e.getValue()),a=serv.parseJSONDocument(n),c=yield serv.doComplete(n,{line:i.line,character:i.ch},a);let s=c?c.items.map((e=>({text:e.insertText,displayText:e.label,filter:e.filterText||e.label,from:{line:e.textEdit.range.start.line,ch:e.textEdit.range.start.character},to:{line:e.textEdit.range.end.line,ch:e.textEdit.range.end.character},hint:(e,r,t)=>{const i="_$__REDOC_CURSOR_HERE";let o=t.text.replace(/(\$1|\${1:[^}]+})/,i)||"";if(o=o.replace(/(\$\d+|\${[^}]+})/g,"")||"",e.setSelection(t.from,t.to),o.indexOf("\n")>-1){const r=e.getLine(e.getCursor().line).search(/(\S|$)/);o=o.replace(/\n/g,"\n"+(e=>{let r="";for(;e--;)r+=" ";return r})(r))}e.replaceSelection(o);const n=e.getSearchCursor(i,t.from);n.findNext()&&(e.setCursor(n.from()),n.replace(""))}}))):[];return/(property|string)/.test(o.type||"")&&(s=s.filter((e=>e.filter.replace(/(^"|"$)/g,"").startsWith(o.string.replace(/(^"|"$)/g,""))))),{from:CodeMirror.Pos(i.line,o.start),to:CodeMirror.Pos(i.line,i.ch),list:s}}))));
+"use strict";var __awaiter=this&&this.__awaiter||function(e,r,t,i){return new(t||(t=Promise))((function(o,n){function s(e){try{c(i.next(e))}catch(e){n(e)}}function a(e){try{c(i.throw(e))}catch(e){n(e)}}function c(e){var r;e.done?o(e.value):(r=e.value,r instanceof t?r:new t((function(e){e(r)}))).then(s,a)}c((i=i.apply(e,r||[])).next())}))};Object.defineProperty(exports,"__esModule",{value:!0});const vscode_json_languageservice_1=require("@redocly/vscode-json-languageservice"),utils_1=require("../../../utils");let CodeMirror=null;utils_1.IS_BROWSER&&(CodeMirror=require("codemirror"),require("codemirror/mode/javascript/javascript"),require("codemirror/addon/edit/matchbrackets"),require("codemirror/addon/lint/lint"),require("codemirror/addon/hint/show-hint"),require("codemirror/addon/edit/closebrackets"),require("codemirror/addon/search/searchcursor"),require("codemirror/lib/codemirror.css"),require("codemirror/theme/material.css"),require("codemirror/addon/lint/lint.css"),require("codemirror/addon/hint/show-hint.css"));const serv=(0,vscode_json_languageservice_1.getLanguageService)({});CodeMirror&&(CodeMirror.registerHelper("lint","json",(function(e,r){return __awaiter(this,void 0,void 0,(function*(){const{schema:t,setError:i}=r;serv.configure({validate:!0,schemas:[{uri:"stub://"+r.id,fileMatch:["*"],schema:t}]});const o=vscode_json_languageservice_1.TextDocument.create(r.id+".json","json",0,e),n=serv.parseJSONDocument(o),s=yield serv.doValidation(o,n);return s.length?i&&i(s[0].message):i&&i(void 0),s.map((e=>({from:CodeMirror.Pos(e.range.start.line,e.range.start.character),to:CodeMirror.Pos(e.range.end.line,e.range.end.character),message:e.message})))}))})),CodeMirror.registerHelper("hint","json",((e,r)=>__awaiter(void 0,void 0,void 0,(function*(){const t=r.schema;if(!t)return;serv.configure({validate:!0,schemas:[{uri:"stub://"+r.id,fileMatch:["*"],schema:t}]});const i=e.getDoc().getCursor(),o=e.getTokenAt(i),n=vscode_json_languageservice_1.TextDocument.create(r.id+".json","json",0,e.getValue()),s=serv.parseJSONDocument(n),a=yield serv.doComplete(n,{line:i.line,character:i.ch},s);let c=a?a.items.map((e=>({text:e.insertText,displayText:e.label,filter:e.filterText||e.label,from:{line:e.textEdit.range.start.line,ch:e.textEdit.range.start.character},to:{line:e.textEdit.range.end.line,ch:e.textEdit.range.end.character},hint:(e,r,t)=>{const i="_$__REDOC_CURSOR_HERE";let o=t.text.replace(/(\$1|\${1:[^}]+})/,i)||"";if(o=o.replace(/(\$\d+|\${[^}]+})/g,"")||"",e.setSelection(t.from,t.to),o.indexOf("\n")>-1){const r=e.getLine(e.getCursor().line).search(/(\S|$)/);o=o.replace(/\n/g,"\n"+(e=>{let r="";for(;e--;)r+=" ";return r})(r))}e.replaceSelection(o);const n=e.getSearchCursor(i,t.from);n.findNext()&&(e.setCursor(n.from()),n.replace(""))}}))):[];return/(property|string)/.test(o.type||"")&&(c=c.filter((e=>e.filter.replace(/(^"|"$)/g,"").startsWith(o.string.replace(/(^"|"$)/g,""))))),{from:CodeMirror.Pos(i.line,o.start),to:CodeMirror.Pos(i.line,i.ch),list:c}})))));
 //# sourceMappingURL=helpers.js.map

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

@@ -1,3 +1,3 @@
+import React from 'react';
 import type { ConsoleProps } from './types';
-export declare const ConsoleComponent: ({ operation, store, onResponse, className, rootElement, properties, securityDefaults, onClose, }: ConsoleProps) => JSX.Element;
-export declare const Console: ({ operation, store, onResponse, className, rootElement, properties, securityDefaults, onClose, }: ConsoleProps) => JSX.Element;
+export declare const Console: React.NamedExoticComponent<ConsoleProps>;