@redocly/reference-docs 2.11.6 → 2.11.10

package/lib/redoc-lib/src/components/CallbackSamples/CallbackSamples.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesWrapper=exports.CallbackSamples=void 0;var templateObject_1,tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),Panel_1=require("../../../../components/Panel"),shared_1=require("../../../../components/shared"),styled_components_1=(0,tslib_1.__importStar)(require("../../styled-components")),OptionsProvider_1=require("../OptionsProvider"),GenericChildrenSwitcher_1=require("../GenericChildrenSwitcher/GenericChildrenSwitcher"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),CallbackReqSamples_1=require("./CallbackReqSamples"),dropdown_1=require("../../../src/common-elements/dropdown"),__1=require("../../.."),CallbackSamples=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"renderDropdown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return React.createElement(__1.DropdownWrapper,null,React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:dropdown_1.Dropdown,fullWidth:!0,variant:"dark"},e)))}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props.callbacks;if(!r||0===r.length)return null;var t=r.map((function(e){return e.operations.map((function(e){return e}))})).reduce((function(e,r){return e.concat(r)}),[]);if(!t.some((function(e){return e.hasSamples})))return null;var n=t.map((function(e,r){return{value:e.httpVerb.toUpperCase()+": "+e.name,idx:r}}));return React.createElement(Panel_1.CodePanel,{header:"Callback payload samples"},React.createElement(GenericChildrenSwitcher_1.GenericChildrenSwitcher,{items:t,renderDropdown:this.renderDropdown,options:n},(function(r){return React.createElement(CallbackReqSamples_1.CallbackPayloadSample,{key:"callbackPayloadSample",callback:r,renderDropdown:e.renderDropdown})})))}}),Object.defineProperty(r,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.CallbackSamples=CallbackSamples,exports.SamplesWrapper=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ","\n  padding: ","px;\n"],["\n  ","\n  padding: ","px;\n"])),(function(e){var r=e.theme;return(0,styled_components_1.mediaCSS)({background:r.codeBlock.backgroundColor})}),(function(e){return 4*e.theme.spacing.unit}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesWrapper=exports.CallbackSamples=void 0;var templateObject_1,tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),Panel_1=require("../../../../components/Panel"),shared_1=require("../../../../components/shared"),styled_components_1=(0,tslib_1.__importStar)(require("../../styled-components")),OptionsProvider_1=require("../OptionsProvider"),GenericChildrenSwitcher_1=require("../GenericChildrenSwitcher/GenericChildrenSwitcher"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),CallbackReqSamples_1=require("./CallbackReqSamples"),Dropdown_1=require("../../../../components/common/Dropdown"),__1=require("../../.."),CallbackSamples=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"renderDropdown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return React.createElement(__1.DropdownWrapper,null,React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,fullWidth:!0,variant:"dark"},e)))}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props.callbacks;if(!r||0===r.length)return null;var n=r.map((function(e){return e.operations.map((function(e){return e}))})).reduce((function(e,r){return e.concat(r)}),[]);if(!n.some((function(e){return e.hasSamples})))return null;var t=n.map((function(e,r){return{value:e.httpVerb.toUpperCase()+": "+e.name,idx:r}}));return React.createElement(Panel_1.CodePanel,{header:"Callback payload samples"},React.createElement(GenericChildrenSwitcher_1.GenericChildrenSwitcher,{items:n,renderDropdown:this.renderDropdown,options:t},(function(r){return React.createElement(CallbackReqSamples_1.CallbackPayloadSample,{key:"callbackPayloadSample",callback:r,renderDropdown:e.renderDropdown})})))}}),Object.defineProperty(r,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.CallbackSamples=CallbackSamples,exports.SamplesWrapper=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ","\n  padding: ","px;\n"],["\n  ","\n  padding: ","px;\n"])),(function(e){var r=e.theme;return(0,styled_components_1.mediaCSS)({background:r.codeBlock.backgroundColor})}),(function(e){return 4*e.theme.spacing.unit}));
 //# sourceMappingURL=CallbackSamples.js.map

package/lib/redoc-lib/src/components/DropdownOrLabel/DropdownOrLabel.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DropdownProps } from '../../common-elements/dropdown';
+import { DropdownProps } from '../../../../components/common/Dropdown';
 export interface DropdownOrLabelProps extends DropdownProps {
     Label?: React.ComponentClass;
     Dropdown?: React.ComponentClass;

package/lib/redoc-lib/src/components/DropdownOrLabel/DropdownOrLabel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropdownOrLabel=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),dropdown_1=require("../../common-elements/dropdown");function DropdownOrLabel(e){var o=e.Label,r=void 0===o?dropdown_1.MimeLabel:o,t=e.Dropdown,n=void 0===t?dropdown_1.SimpleDropdown:t;return 1===e.options.length?React.createElement(r,null,e.options[0].value):React.createElement(n,(0,tslib_1.__assign)({},e,{searchable:!1}))}exports.DropdownOrLabel=DropdownOrLabel;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropdownOrLabel=void 0;var templateObject_1,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("../../styled-components")),Dropdown_1=require("../../../../components/common/Dropdown"),MimeLabel=styled_components_1.default.span(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-left: 4px;\n  font-size: 14px;\n  text-transform: none;\n  font-weight: 400;\n  color: ",";\n"],["\n  margin-left: 4px;\n  font-size: 14px;\n  text-transform: none;\n  font-weight: 400;\n  color: ",";\n"])),(function(e){return e.theme.colors.text.primary}));function DropdownOrLabel(e){var t=e.Label,o=void 0===t?MimeLabel:t,n=e.Dropdown,r=void 0===n?Dropdown_1.SimpleDropdown:n;return 1===e.options.length?React.createElement(o,null,e.options[0].value):React.createElement(r,(0,tslib_1.__assign)({},e))}exports.DropdownOrLabel=DropdownOrLabel;
 //# sourceMappingURL=DropdownOrLabel.js.map

package/lib/redoc-lib/src/components/Fields/EnumValues.d.ts

@@ -11,7 +11,7 @@ export interface EnumValuesState {
 export declare class EnumValues extends React.PureComponent<EnumValuesProps, EnumValuesState> {
     constructor(props: EnumValuesProps);
     state: EnumValuesState;
-    static contextType: React.Context<import("../../services").RedocNormalizedOptions>;
+    static contextType: React.Context<import("../../../..").RedocProNormalizedOptions>;
     private toggle;
     render(): JSX.Element | null;
 }

package/lib/redoc-lib/src/components/Fields/FieldDetails.d.ts

@@ -6,7 +6,7 @@ export declare class FieldDetails extends React.PureComponent<FieldProps, {
     state: {
         patternShown: boolean;
     };
-    static contextType: React.Context<import("../../services").RedocNormalizedOptions>;
+    static contextType: React.Context<import("../../../..").RedocProNormalizedOptions>;
     togglePattern: () => void;
     render(): JSX.Element;
 }

package/lib/redoc-lib/src/components/GenericChildrenSwitcher/GenericChildrenSwitcher.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DropdownProps, DropdownOption } from '../../common-elements/dropdown';
+import { DropdownProps, DropdownOption } from '../../../../components/common/Dropdown';
 export interface GenericChildrenSwitcherProps<T> {
     items?: T[];
     options: DropdownOption[];

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GenericChildrenSwitcher=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),styled_elements_1=require("../PayloadSamples/styled.elements"),GenericChildrenSwitcher=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"switchItem",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.idx;r.props.items&&r.setState({activeItemIdx:t})}}),r.state={activeItemIdx:0},r}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.items,r=e.options,n=e.renderDropdown,i=e.label,l=e.children;if(!t||!t.length)return null;return React.createElement(React.Fragment,null,React.createElement((function(e){var t=e.children;return i?React.createElement(styled_elements_1.DropdownWrapper,null,React.createElement(styled_elements_1.DropdownLabel,null,i),t):t}),null,n({value:r[this.state.activeItemIdx].value,options:r,onChange:this.switchItem,ariaLabel:i||"Callback"})),l(t[this.state.activeItemIdx]))}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);exports.GenericChildrenSwitcher=GenericChildrenSwitcher;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GenericChildrenSwitcher=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),styled_elements_1=require("../PayloadSamples/styled.elements"),GenericChildrenSwitcher=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"switchItem",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.idx;r.props.items&&t&&r.setState({activeItemIdx:t})}}),r.state={activeItemIdx:0},r}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.items,r=e.options,n=e.renderDropdown,i=e.label,l=e.children;if(!t||!t.length)return null;return React.createElement(React.Fragment,null,React.createElement((function(e){var t=e.children;return i?React.createElement(styled_elements_1.DropdownWrapper,null,React.createElement(styled_elements_1.DropdownLabel,null,i),t):t}),null,n({value:r[this.state.activeItemIdx].value,options:r,onChange:this.switchItem,ariaLabel:i||"Callback"})),l(t[this.state.activeItemIdx]))}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);exports.GenericChildrenSwitcher=GenericChildrenSwitcher;
 //# sourceMappingURL=GenericChildrenSwitcher.js.map

package/lib/redoc-lib/src/components/MediaTypeSwitch/MediaTypesSwitch.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DropdownProps } from '../../common-elements/dropdown';
+import { DropdownProps } from '../../../../components/common/Dropdown';
 import { MediaContentModel, MediaTypeModel, SchemaModel } from '../../services/models';
 export interface MediaTypeChildProps {
     schema: SchemaModel;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Operation=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),Endpoint_1=require("../../../../components/Endpoint"),common_elements_1=require("../../common-elements"),common_elements_2=require("../../common-elements"),styled_components_1=(0,tslib_1.__importDefault)(require("../../styled-components")),Callbacks_1=require("../Callbacks"),CallbackSamples_1=require("../CallbackSamples/CallbackSamples"),ExternalDocumentation_1=require("../ExternalDocumentation/ExternalDocumentation"),Extensions_1=require("../Fields/Extensions"),Markdown_1=require("../Markdown/Markdown"),Parameters_1=require("../Parameters/Parameters"),RequestSamples_1=require("../RequestSamples/RequestSamples"),ResponsesList_1=require("../Responses/ResponsesList"),ResponseSamples_1=require("../ResponseSamples/ResponseSamples"),SecurityRequirement_1=require("../SecurityRequirement/SecurityRequirement"),StoreBuilder_1=require("../StoreBuilder"),Panel_1=require("../../../../components/Panel"),store_types_1=require("../../../../services/store-types"),helper_1=require("../helper"),languageSwitchEvent_1=require("../RequestSamples/languageSwitchEvent"),Labels_1=require("../../services/Labels"),OperationRow=(0,styled_components_1.default)(common_elements_1.Row)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  backface-visibility: hidden;\n  contain: content;\n  overflow: hidden;\n"],["\n  backface-visibility: hidden;\n  contain: content;\n  overflow: hidden;\n"]))),Description=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),(function(e){return 4*e.theme.spacing.unit}));exports.Operation=(0,mobx_react_1.observer)((function(e){var t,n,a,l,o=e.operation,r=o.name,s=o.description,i=o.deprecated,c=o.externalDocs,p=o.isWebhook,m=e.operation,u=e.layout,_=React.useContext(StoreBuilder_1.StoreContext),d=!(!s&&!c),R=null==_?void 0:_.options.hooks,b=null==_?void 0:_.options.events,E=React.useCallback((function(e){var t,n=(0,languageSwitchEvent_1.creatPanelToggleEvent)({operation:m,isExpanded:e,panelType:"responses"});null===(t=null==b?void 0:b.panelToggle)||void 0===t||t.call(b,n)}),[b]),v=React.useCallback((function(e){var t,n=(0,languageSwitchEvent_1.creatPanelToggleEvent)({operation:m,isExpanded:e,panelType:"request"});null===(t=null==b?void 0:b.panelToggle)||void 0===t||t.call(b,n)}),[b]);return React.createElement(OperationRow,{layout:u},React.createElement(common_elements_1.MiddlePanel,{isStacked:u===store_types_1.LayoutVariant.STACKED},React.createElement(helper_1.RenderHook,{Hook:null==R?void 0:R.BeforeOperation,props:{operation:m}}),React.createElement(common_elements_1.H2,null,React.createElement(common_elements_2.ShareLink,{to:m.id}),React.createElement(helper_1.RenderHook,{Hook:null==R?void 0:R.BeforeOperationSummary,props:{operation:m}}),r,React.createElement(helper_1.RenderHook,{Hook:null==R?void 0:R.AfterOperationSummary,props:{operation:m}}),i&&React.createElement(common_elements_1.Badge,{type:"warning"},"Deprecated"),p&&React.createElement(common_elements_1.Badge,{type:"primary"},"Webhook")),(null==_?void 0:_.options.pathInMiddlePanel)&&!p&&React.createElement(Endpoint_1.Endpoint,{operation:m}),d&&React.createElement(Description,null,void 0!==s&&React.createElement(Markdown_1.Markdown,{source:s}),c&&React.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:c}),Object.keys(m.extensions||{}).length?React.createElement(Extensions_1.Extensions,{extensions:m.extensions}):null),(null===(t=m.security)||void 0===t?void 0:t.length)||(null===(n=m.parameters)||void 0===n?void 0:n.length)||m.requestBody?React.createElement(Panel_1.ScrollableContentPanel,{header:(0,Labels_1.l)("request"),onToggle:v,expanded:_.options.expandDefaultRequest},React.createElement(SecurityRequirement_1.SecurityRequirements,{securities:m.security}),React.createElement(Parameters_1.Parameters,{parameters:m.parameters,body:m.requestBody})):null,(null===(a=m.responses)||void 0===a?void 0:a.length)?React.createElement(Panel_1.ScrollableContentPanel,{header:(0,Labels_1.l)("responses"),onToggle:E,expanded:_.options.expandDefaultResponse},React.createElement(ResponsesList_1.ResponsesList,{responses:m.responses})):null,(null===(l=m.callbacks)||void 0===l?void 0:l.length)?React.createElement(Panel_1.ScrollableContentPanel,{header:(0,Labels_1.l)("callbacks")},React.createElement(Callbacks_1.CallbacksList,{callbacks:m.callbacks})):null,React.createElement(helper_1.RenderHook,{Hook:null==R?void 0:R.AfterOperation,props:{operation:m}})),(null==_?void 0:_.showRightPanel)?React.createElement(common_elements_1.RightPanel,{"data-cy":"samples-block"},!(null==_?void 0:_.options.pathInMiddlePanel)&&!p&&React.createElement(Endpoint_1.Endpoint,{operation:m}),React.createElement(RequestSamples_1.RequestSamples,{operation:m}),React.createElement(ResponseSamples_1.ResponseSamples,{operation:m}),React.createElement(CallbackSamples_1.CallbackSamples,{callbacks:m.callbacks})):null)}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Operation=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),react_1=(0,tslib_1.__importDefault)(require("react")),Endpoint_1=require("../../../../components/Endpoint"),common_elements_1=require("../../common-elements"),common_elements_2=require("../../common-elements"),styled_components_1=(0,tslib_1.__importDefault)(require("../../styled-components")),Callbacks_1=require("../Callbacks"),CallbackSamples_1=require("../CallbackSamples/CallbackSamples"),ExternalDocumentation_1=require("../ExternalDocumentation/ExternalDocumentation"),Extensions_1=require("../Fields/Extensions"),Markdown_1=require("../Markdown/Markdown"),Parameters_1=require("../Parameters/Parameters"),RequestSamples_1=require("../RequestSamples/RequestSamples"),ResponsesList_1=require("../Responses/ResponsesList"),ResponseSamples_1=require("../ResponseSamples/ResponseSamples"),SecurityRequirement_1=require("../SecurityRequirement/SecurityRequirement"),StoreBuilder_1=require("../StoreBuilder"),Panel_1=require("../../../../components/Panel"),store_types_1=require("../../../../services/store-types"),helper_1=require("../helper"),languageSwitchEvent_1=require("../RequestSamples/languageSwitchEvent"),Labels_1=require("../../services/Labels"),OperationRow=(0,styled_components_1.default)(common_elements_1.Row)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  backface-visibility: hidden;\n  contain: content;\n  overflow: hidden;\n"],["\n  backface-visibility: hidden;\n  contain: content;\n  overflow: hidden;\n"]))),Description=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),(function(e){return 4*e.theme.spacing.unit}));exports.Operation=(0,mobx_react_1.observer)((function(e){var t,a,n,l,r=e.operation,o=r.name,s=r.description,i=r.deprecated,c=r.externalDocs,u=r.isWebhook,p=e.operation,m=e.layout,_=react_1.default.useContext(StoreBuilder_1.StoreContext),d=!(!s&&!c),b=null==_?void 0:_.options.hooks,E=null==_?void 0:_.options.events,f=react_1.default.useCallback((function(e){var t,a=(0,languageSwitchEvent_1.creatPanelToggleEvent)({operation:p,isExpanded:e,panelType:"responses"});null===(t=null==E?void 0:E.panelToggle)||void 0===t||t.call(E,a)}),[E]),v=react_1.default.useCallback((function(e){var t,a=(0,languageSwitchEvent_1.creatPanelToggleEvent)({operation:p,isExpanded:e,panelType:"request"});null===(t=null==E?void 0:E.panelToggle)||void 0===t||t.call(E,a)}),[E]);return react_1.default.createElement(OperationRow,{layout:m},react_1.default.createElement(common_elements_1.MiddlePanel,{isStacked:m===store_types_1.LayoutVariant.STACKED},react_1.default.createElement(helper_1.RenderHook,{Hook:null==b?void 0:b.BeforeOperation,props:{operation:p}}),react_1.default.createElement(common_elements_1.H2,null,react_1.default.createElement(common_elements_2.ShareLink,{to:p.id}),react_1.default.createElement(helper_1.RenderHook,{Hook:null==b?void 0:b.BeforeOperationSummary,props:{operation:p}}),o,react_1.default.createElement(helper_1.RenderHook,{Hook:null==b?void 0:b.AfterOperationSummary,props:{operation:p}}),i&&react_1.default.createElement(common_elements_1.Badge,{type:"warning"},"Deprecated"),u&&react_1.default.createElement(common_elements_1.Badge,{type:"primary"},"Webhook")),(null==_?void 0:_.options.pathInMiddlePanel)&&!u&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:p}),d&&react_1.default.createElement(Description,null,void 0!==s&&react_1.default.createElement(Markdown_1.Markdown,{source:s}),c&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:c}),Object.keys(p.extensions||{}).length?react_1.default.createElement(Extensions_1.Extensions,{extensions:p.extensions}):null),(null===(t=p.security)||void 0===t?void 0:t.length)||(null===(a=p.parameters)||void 0===a?void 0:a.length)||p.requestBody?react_1.default.createElement(Panel_1.ScrollableContentPanel,{header:(0,Labels_1.l)("request"),onToggle:v,expanded:null==_?void 0:_.options.expandDefaultRequest},react_1.default.createElement(SecurityRequirement_1.SecurityRequirements,{securities:p.security}),react_1.default.createElement(Parameters_1.Parameters,{parameters:p.parameters,body:p.requestBody})):null,(null===(n=p.responses)||void 0===n?void 0:n.length)?react_1.default.createElement(Panel_1.ScrollableContentPanel,{header:(0,Labels_1.l)("responses"),onToggle:f,expanded:null==_?void 0:_.options.expandDefaultResponse},react_1.default.createElement(ResponsesList_1.ResponsesList,{responses:p.responses})):null,(null===(l=p.callbacks)||void 0===l?void 0:l.length)?react_1.default.createElement(Panel_1.ScrollableContentPanel,{header:(0,Labels_1.l)("callbacks")},react_1.default.createElement(Callbacks_1.CallbacksList,{callbacks:p.callbacks})):null,react_1.default.createElement(helper_1.RenderHook,{Hook:null==b?void 0:b.AfterOperation,props:{operation:p}})),(null==_?void 0:_.showRightPanel)?react_1.default.createElement(common_elements_1.RightPanel,{"data-cy":"samples-block"},!(null==_?void 0:_.options.pathInMiddlePanel)&&!u&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:p}),react_1.default.createElement(RequestSamples_1.RequestSamples,{operation:p}),react_1.default.createElement(ResponseSamples_1.ResponseSamples,{operation:p}),react_1.default.createElement(CallbackSamples_1.CallbackSamples,{callbacks:p.callbacks})):null)}));
 //# sourceMappingURL=Operation.js.map

package/lib/redoc-lib/src/components/OptionsProvider.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { RedocNormalizedOptions } from '../services/RedocNormalizedOptions';
-export declare const OptionsContext: React.Context<RedocNormalizedOptions>;
-export declare const OptionsProvider: React.Provider<RedocNormalizedOptions>;
-export declare const OptionsConsumer: React.Consumer<RedocNormalizedOptions>;
+/// <reference types="react" />
+import { RedocProNormalizedOptions } from '../../../services';
+export declare const OptionsContext: import("react").Context<RedocProNormalizedOptions>;
+export declare const OptionsProvider: import("react").Provider<RedocProNormalizedOptions>;
+export declare const OptionsConsumer: import("react").Consumer<RedocProNormalizedOptions>;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OptionsConsumer=exports.OptionsProvider=exports.OptionsContext=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),RedocNormalizedOptions_1=require("../services/RedocNormalizedOptions");exports.OptionsContext=React.createContext(new RedocNormalizedOptions_1.RedocNormalizedOptions({})),exports.OptionsProvider=exports.OptionsContext.Provider,exports.OptionsConsumer=exports.OptionsContext.Consumer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OptionsConsumer=exports.OptionsProvider=exports.OptionsContext=void 0;var react_1=require("react"),RedocNormalizedOptions_1=require("../services/RedocNormalizedOptions");exports.OptionsContext=(0,react_1.createContext)(new RedocNormalizedOptions_1.RedocNormalizedOptions({})),exports.OptionsProvider=exports.OptionsContext.Provider,exports.OptionsConsumer=exports.OptionsContext.Consumer;
 //# sourceMappingURL=OptionsProvider.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),MediaTypeSamples_1=require("./MediaTypeSamples"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),MediaTypesSwitch_1=require("../MediaTypeSwitch/MediaTypesSwitch"),shared_1=require("../../../../components/shared"),dropdown_1=require("../../common-elements/dropdown"),__1=require("../../..");exports.PayloadSamples=(0,mobx_react_1.observer)((function(e){var r=e.onlyDefaultMimeType,t=e.operation,a=e.content,o=(0,tslib_1.__rest)(e,["onlyDefaultMimeType","operation","content"]),n=r&&(null==t?void 0:t.defaultMimeType);return React.createElement(MediaTypesSwitch_1.MediaTypesSwitch,{content:a,renderDropdown:n?function(){return null}:function(e){return React.createElement(__1.DropdownWrapper,null,React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e)))}},(function(e){return React.createElement(MediaTypeSamples_1.MediaTypeSamples,(0,tslib_1.__assign)({key:"samples",mediaType:e},o))}))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),MediaTypeSamples_1=require("./MediaTypeSamples"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),MediaTypesSwitch_1=require("../MediaTypeSwitch/MediaTypesSwitch"),shared_1=require("../../../../components/shared"),Dropdown_1=require("../../../../components/common/Dropdown"),__1=require("../../..");exports.PayloadSamples=(0,mobx_react_1.observer)((function(e){var r=e.onlyDefaultMimeType,t=e.operation,a=e.content,o=(0,tslib_1.__rest)(e,["onlyDefaultMimeType","operation","content"]),n=r&&(null==t?void 0:t.defaultMimeType);return React.createElement(MediaTypesSwitch_1.MediaTypesSwitch,{content:a,renderDropdown:n?function(){return null}:function(e){return React.createElement(__1.DropdownWrapper,null,React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e)))}},(function(e){return React.createElement(MediaTypeSamples_1.MediaTypeSamples,(0,tslib_1.__assign)({key:"samples",mediaType:e},o))}))}));
 //# sourceMappingURL=PayloadSamples.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeSample=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),MediaTypesSwitch_1=require("../MediaTypeSwitch/MediaTypesSwitch"),SourceCode_1=require("../SourceCode/SourceCode"),shared_1=require("../../../../components/shared"),dropdown_1=require("../../common-elements/dropdown"),styled_elements_1=require("../../../src/components/PayloadSamples/styled.elements"),Samples_1=require("../../../../components/Samples");exports.CodeSample=(0,mobx_react_1.observer)((function(e){var r,t=e.onlyDefaultSample,a=e.onlyDefaultMimeType,o=e.content,n=(0,tslib_1.__rest)(e,["onlyDefaultSample","onlyDefaultMimeType","content"]),l=function(e){return n.source?React.createElement(SourceCode_1.SourceCodeWithText,{lang:n.lang,source:n.source}):React.createElement(SourceCode_1.SourceCodeWithText,{lang:n.lang,externalSource:{sample:n.externalSample,exampleName:e,operation:n.operation,pathParams:n.pathParams,properties:n.properties}})};if(void 0===o||null!=n.source)return l();var p=a&&(null===(r=n.operation)||void 0===r?void 0:r.defaultMimeType),i=o&&o.mediaTypes.length>1&&!p,c=function(e){var r;return null===(r=n.operation)||void 0===r?void 0:r.activateExampleName(e)};return React.createElement(MediaTypesSwitch_1.MediaTypesSwitch,{content:o,renderDropdown:i?function(e){return React.createElement(styled_elements_1.DropdownWrapper,null,React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e)))}:function(){return null}},(function(e){var r=e.examples||{},a=Object.keys(r);if(!a.length)return React.createElement(shared_1.NoSampleLabel,null,"No sample");if(1===a.length)return l();var o=(0,Samples_1.useExampleKey)(e.operation,r),n=o.exampleKey;return o.defaultExampleName&&t?l(n):React.createElement(React.Fragment,null,React.createElement(Samples_1.ExampleSwitch,{examples:r,exampleKey:n,onChange:c}),l(n))}))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeSample=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),MediaTypesSwitch_1=require("../MediaTypeSwitch/MediaTypesSwitch"),SourceCode_1=require("../SourceCode/SourceCode"),shared_1=require("../../../../components/shared"),Dropdown_1=require("../../../../components/common/Dropdown"),styled_elements_1=require("../../../src/components/PayloadSamples/styled.elements"),Samples_1=require("../../../../components/Samples");exports.CodeSample=(0,mobx_react_1.observer)((function(e){var r,t=e.onlyDefaultSample,a=e.onlyDefaultMimeType,o=e.content,n=(0,tslib_1.__rest)(e,["onlyDefaultSample","onlyDefaultMimeType","content"]),l=function(e){return n.source?React.createElement(SourceCode_1.SourceCodeWithText,{lang:n.lang,source:n.source}):React.createElement(SourceCode_1.SourceCodeWithText,{lang:n.lang,externalSource:{sample:n.externalSample,exampleName:e,operation:n.operation,pathParams:n.pathParams,properties:n.properties}})};if(void 0===o||null!=n.source)return l();var p=a&&(null===(r=n.operation)||void 0===r?void 0:r.defaultMimeType),i=o&&o.mediaTypes.length>1&&!p,c=function(e){var r;return null===(r=n.operation)||void 0===r?void 0:r.activateExampleName(e)};return React.createElement(MediaTypesSwitch_1.MediaTypesSwitch,{content:o,renderDropdown:i?function(e){return React.createElement(styled_elements_1.DropdownWrapper,null,React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e)))}:function(){return null}},(function(e){var r=e.examples||{},a=Object.keys(r);if(!a.length)return React.createElement(shared_1.NoSampleLabel,null,"No sample");if(1===a.length)return l();var o=(0,Samples_1.useExampleKey)(e.operation,r),n=o.exampleKey;return o.defaultExampleName&&t?l(n):React.createElement(React.Fragment,null,React.createElement(Samples_1.ExampleSwitch,{examples:r,exampleKey:n,onChange:c}),l(n))}))}));
 //# sourceMappingURL=CodeSample.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestSamples=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),react_1=require("react"),Panel_1=require("../../../../components/Panel"),Tabs_1=require("../../../../components/Tabs"),Samples_1=require("../../../../components/Samples"),services_1=require("../../services"),PayloadSamples_1=require("../PayloadSamples/PayloadSamples"),OptionsProvider_1=require("../OptionsProvider"),CodeSample_1=require("./CodeSample"),useCodeSamples_1=require("./useCodeSamples"),languageSwitchEvent_1=require("./languageSwitchEvent"),Labels_1=require("../../services/Labels");exports.RequestSamples=(0,mobx_react_1.observer)((function(e){var a=e.operation,t=e.defaultLanguage,l=e.disableHeader,n=(e.content,(0,tslib_1.__rest)(e,["operation","defaultLanguage","disableHeader","content"])),r=(0,react_1.useContext)(OptionsProvider_1.OptionsContext),o=r.events,s=r.hideSingleRequestSampleTab;(0,react_1.useEffect)((function(){}),[a.activeServer]);var i=(0,useCodeSamples_1.useCodeSamples)(a),u=i.samples,c=i.payload,p=1===u.length&&s;return u.length?React.createElement(Panel_1.CodePanel,{header:l?void 0:(0,Labels_1.l)("requestSamples"),onToggle:function(e){var t,l=(0,languageSwitchEvent_1.creatPanelToggleEvent)({operation:a,isExpanded:e,panelType:"request-samples"});null===(t=null==o?void 0:o.panelToggle)||void 0===t||t.call(o,l)}},React.createElement(Samples_1.SamplesTabs,{operation:a,tabs:u,onChange:function(e){var t,l=(0,languageSwitchEvent_1.createLanguageSwitchEvent)({operation:a,sample:e});null===(t=null==o?void 0:o.codeSamplesLanguageSwitch)||void 0===t||t.call(o,l)},hidden:p,defaultLanguage:t},u.map((function(e){return React.createElement(Tabs_1.TabPanel,{key:e.key},(0,services_1.isPayloadSample)(e)?React.createElement(PayloadSamples_1.PayloadSamples,(0,tslib_1.__assign)({content:e.requestBodyContent,operation:a},n)):React.createElement(CodeSample_1.CodeSample,(0,tslib_1.__assign)({lang:e.lang,source:e.source,externalSample:e,content:null==c?void 0:c.requestBodyContent,operation:a},n)))})))):null}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestSamples=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),Panel_1=require("../../../../components/Panel"),Tabs_1=require("../../../../components/Tabs"),Samples_1=require("../../../../components/Samples"),services_1=require("../../services"),PayloadSamples_1=require("../PayloadSamples/PayloadSamples"),OptionsProvider_1=require("../OptionsProvider"),CodeSample_1=require("./CodeSample"),useCodeSamples_1=require("./useCodeSamples"),languageSwitchEvent_1=require("./languageSwitchEvent"),Labels_1=require("../../services/Labels");exports.RequestSamples=(0,mobx_react_1.observer)((function(e){var a=e.operation,t=e.defaultLanguage,l=e.disableHeader,r=(e.content,(0,tslib_1.__rest)(e,["operation","defaultLanguage","disableHeader","content"])),n=(0,react_1.useContext)(OptionsProvider_1.OptionsContext),o=n.events,s=n.hideSingleRequestSampleTab;(0,react_1.useEffect)((function(){}),[a.activeServer]);var i=(0,useCodeSamples_1.useCodeSamples)(a),u=i.samples,p=i.payload,c=1===u.length&&s;return u.length?react_1.default.createElement(Panel_1.CodePanel,{header:l?void 0:(0,Labels_1.l)("requestSamples"),onToggle:function(e){var t,l=(0,languageSwitchEvent_1.creatPanelToggleEvent)({operation:a,isExpanded:e,panelType:"request-samples"});null===(t=null==o?void 0:o.panelToggle)||void 0===t||t.call(o,l)}},react_1.default.createElement(Samples_1.SamplesTabs,{operation:a,tabs:u,onChange:function(e){var t,l=(0,languageSwitchEvent_1.createLanguageSwitchEvent)({operation:a,sample:e});null===(t=null==o?void 0:o.codeSamplesLanguageSwitch)||void 0===t||t.call(o,l)},hidden:c,defaultLanguage:t},u.map((function(e){return react_1.default.createElement(Tabs_1.TabPanel,{key:e.key},(0,services_1.isPayloadSample)(e)?react_1.default.createElement(PayloadSamples_1.PayloadSamples,(0,tslib_1.__assign)({content:e.requestBodyContent,operation:a},r)):react_1.default.createElement(CodeSample_1.CodeSample,(0,tslib_1.__assign)({lang:e.lang,source:e.source,externalSample:e,content:null==p?void 0:p.requestBodyContent,operation:a},r)))})))):null}));
 //# sourceMappingURL=RequestSamples.js.map

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DropdownOption } from '../../common-elements/dropdown';
+import { DropdownOption } from '../../../../components/common/Dropdown';
 import { SchemaModel } from '../../services/models';
 export declare class DiscriminatorDropdown extends React.Component<{
     parent: SchemaModel;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DiscriminatorDropdown=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),dropdown_1=require("../../common-elements/dropdown"),DiscriminatorDropdown=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"changeActiveChild",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.props.parent.activateOneOf(e.idx)}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"sortOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e,r){if(0!==r.length){var t={};r.forEach((function(e,r){t[e]=r})),e.sort((function(e,r){return t[e.value]>t[r.value]?1:-1}))}}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.parent,t=e.enumValues;if(void 0===r.oneOf)return null;var n=r.oneOf.map((function(e,r){return{value:e.title,idx:r}})),o=n[r.activeOneOf].value;return this.sortOptions(n,t),React.createElement(dropdown_1.Dropdown,{dense:!0,value:o,options:n,onChange:this.changeActiveChild,ariaLabel:"Example"})}}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.DiscriminatorDropdown=DiscriminatorDropdown;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DiscriminatorDropdown=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),Dropdown_1=require("../../../../components/common/Dropdown"),DiscriminatorDropdown=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"changeActiveChild",{enumerable:!0,configurable:!0,writable:!0,value:function(e){e.idx&&r.props.parent.activateOneOf(e.idx)}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"sortOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e,r){if(0!==r.length){var t={};r.forEach((function(e,r){t[e]=r})),e.sort((function(e,r){return t[e.value]>t[r.value]?1:-1}))}}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.parent,t=e.enumValues;if(void 0===r.oneOf)return null;var n=r.oneOf.map((function(e,r){return{value:e.title,idx:r}})),o=n[r.activeOneOf].value;return this.sortOptions(n,t),React.createElement(Dropdown_1.Dropdown,{dense:!0,value:o,options:n,onChange:this.changeActiveChild,ariaLabel:"Example"})}}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.DiscriminatorDropdown=DiscriminatorDropdown;
 //# sourceMappingURL=DiscriminatorDropdown.js.map

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ObjectSchemaProps } from './types';
 import type { SchemaModel } from '../../services';
 export declare class ObjectSchema extends React.Component<ObjectSchemaProps> {
-    static contextType: React.Context<import("../../services").RedocNormalizedOptions>;
+    static contextType: React.Context<import("../../../..").RedocProNormalizedOptions>;
     get parentSchema(): SchemaModel | undefined;
     render(): JSX.Element;
 }

package/lib/redoc-lib/src/components/SideMenu/SideMenu.d.ts

@@ -6,7 +6,7 @@ export declare class SideMenu extends React.Component<{
     menu: ProMenu;
     className?: string;
 }> {
-    static contextType: React.Context<import("../..").RedocNormalizedOptions>;
+    static contextType: React.Context<RedocProNormalizedOptions>;
     context: RedocProNormalizedOptions;
     private _updateScroll?;
     render(): JSX.Element;

package/lib/redoc-lib/src/components/StickySidebar/StickyResponsiveSidebar.d.ts

@@ -11,7 +11,7 @@ export interface StickySidebarState {
     offsetTop?: string;
 }
 export declare class StickyResponsiveSidebar extends React.Component<StickySidebarProps, StickySidebarState> {
-    static contextType: React.Context<RedocNormalizedOptions>;
+    static contextType: React.Context<import("../../../..").RedocProNormalizedOptions>;
     context: React.ContextType<typeof OptionsContext>;
     state: StickySidebarState;
     stickyElement: Element;

package/lib/redoc-lib/src/index.d.ts

@@ -1,6 +1,6 @@
 export * from './components';
-export { MiddlePanel, Row, RightPanel, Section, Dropdown, SimpleDropdown, ShelfIcon, LockIcon, CrossIcon, Tooltip, } from './common-elements';
-export type { TooltipProps, ShelfIconProps, DropdownProps, DropdownOption, } from './common-elements';
+export { MiddlePanel, Row, RightPanel, Section, ShelfIcon, LockIcon, CrossIcon, Tooltip, } from './common-elements';
+export type { TooltipProps, ShelfIconProps } from './common-elements';
 export * from './services';
 export * from './utils';
 export * from './styled-components';

package/lib/redoc-lib/src/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.styled=exports.Tooltip=exports.CrossIcon=exports.LockIcon=exports.ShelfIcon=exports.SimpleDropdown=exports.Dropdown=exports.Section=exports.RightPanel=exports.Row=exports.MiddlePanel=void 0;var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./components"),exports);var common_elements_1=require("./common-elements");Object.defineProperty(exports,"MiddlePanel",{enumerable:!0,get:function(){return common_elements_1.MiddlePanel}}),Object.defineProperty(exports,"Row",{enumerable:!0,get:function(){return common_elements_1.Row}}),Object.defineProperty(exports,"RightPanel",{enumerable:!0,get:function(){return common_elements_1.RightPanel}}),Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return common_elements_1.Section}}),Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function(){return common_elements_1.Dropdown}}),Object.defineProperty(exports,"SimpleDropdown",{enumerable:!0,get:function(){return common_elements_1.SimpleDropdown}}),Object.defineProperty(exports,"ShelfIcon",{enumerable:!0,get:function(){return common_elements_1.ShelfIcon}}),Object.defineProperty(exports,"LockIcon",{enumerable:!0,get:function(){return common_elements_1.LockIcon}}),Object.defineProperty(exports,"CrossIcon",{enumerable:!0,get:function(){return common_elements_1.CrossIcon}}),Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return common_elements_1.Tooltip}}),(0,tslib_1.__exportStar)(require("./services"),exports),(0,tslib_1.__exportStar)(require("./utils"),exports),(0,tslib_1.__exportStar)(require("./styled-components"),exports);var styled_components_1=require("./styled-components");Object.defineProperty(exports,"styled",{enumerable:!0,get:function(){return(0,tslib_1.__importDefault)(styled_components_1).default}}),(0,tslib_1.__exportStar)(require("./types"),exports);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.styled=exports.Tooltip=exports.CrossIcon=exports.LockIcon=exports.ShelfIcon=exports.Section=exports.RightPanel=exports.Row=exports.MiddlePanel=void 0;var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./components"),exports);var common_elements_1=require("./common-elements");Object.defineProperty(exports,"MiddlePanel",{enumerable:!0,get:function(){return common_elements_1.MiddlePanel}}),Object.defineProperty(exports,"Row",{enumerable:!0,get:function(){return common_elements_1.Row}}),Object.defineProperty(exports,"RightPanel",{enumerable:!0,get:function(){return common_elements_1.RightPanel}}),Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return common_elements_1.Section}}),Object.defineProperty(exports,"ShelfIcon",{enumerable:!0,get:function(){return common_elements_1.ShelfIcon}}),Object.defineProperty(exports,"LockIcon",{enumerable:!0,get:function(){return common_elements_1.LockIcon}}),Object.defineProperty(exports,"CrossIcon",{enumerable:!0,get:function(){return common_elements_1.CrossIcon}}),Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return common_elements_1.Tooltip}}),(0,tslib_1.__exportStar)(require("./services"),exports),(0,tslib_1.__exportStar)(require("./utils"),exports),(0,tslib_1.__exportStar)(require("./styled-components"),exports);var styled_components_1=require("./styled-components");Object.defineProperty(exports,"styled",{enumerable:!0,get:function(){return(0,tslib_1.__importDefault)(styled_components_1).default}}),(0,tslib_1.__exportStar)(require("./types"),exports);
 //# sourceMappingURL=index.js.map

package/lib-esm/components/Endpoint/Endpoint.js

@@ -1,2 +1,2 @@
-import React,{useState}from"react";import{OptionsConsumer}from"../../redoc-lib/src/components/OptionsProvider";import{StoreConsumer,StoreContext}from"../../redoc-lib/src/components/StoreBuilder";import{Console}from"../console/ConsoleLazy";import{CodePanel}from"../Panel";import{ServerList}from"./ServerList";import{Summary}from"./Summary";import{useContext}from"react";import{AnalyticsEventType}from"../../services/store-types";export var Endpoint=function(e){var t=e.operation,o=e.hideHostname,r=useState(!1),n=r[0],a=r[1],i=useContext(StoreContext),l=function(){var e,o;a(!n),null===(o=null===(e=null==i?void 0:i.options.events)||void 0===e?void 0:e.tryItOpen)||void 0===o||o.call(e,{eventType:AnalyticsEventType.TryItOpen,resource:"Redocly_OperationTryIt",action:(null==i?void 0:i.options.unstable_tryItButtonOverride)?"NavigatedOverrideLink":"Opened",operationId:t.operationId,operationPath:t.path,operationHttpVerb:t.httpVerb,operationSummary:t.description})};return React.createElement(React.Fragment,null,n?React.createElement(StoreConsumer,null,(function(e){return React.createElement(Console,{store:e,operation:t,onClose:l})})):React.createElement(CodePanel,{header:function(e){var o=e.toggle,r=e.expanded;return React.createElement(Summary,{operation:t,expanded:r,toggle:o,showConsole:!!(null==i?void 0:i.options.showConsole),onToggleConsole:l,tryItOverride:null==i?void 0:i.options.unstable_tryItButtonOverride})},expanded:!1},React.createElement(OptionsConsumer,null,(function(e){return React.createElement(ServerList,{operation:t,expandVariables:e.expandDefaultServerVariables,hideHostname:o||e.hideHostname})}))))};
+import React,{useState,useContext}from"react";import{OptionsConsumer}from"../../redoc-lib/src/components/OptionsProvider";import{StoreConsumer,StoreContext}from"../../redoc-lib/src/components/StoreBuilder";import{Console}from"../console/ConsoleLazy";import{CodePanel}from"../Panel";import{ServerList}from"./ServerList";import{Summary}from"./Summary";import{AnalyticsEventType}from"../../services/store-types";export var Endpoint=function(e){var t=e.operation,o=e.hideHostname,r=useState(!1),n=r[0],a=r[1],i=useContext(StoreContext),l=function(){var e,o;a(!n),null===(o=null===(e=null==i?void 0:i.options.events)||void 0===e?void 0:e.tryItOpen)||void 0===o||o.call(e,{eventType:AnalyticsEventType.TryItOpen,resource:"Redocly_OperationTryIt",action:(null==i?void 0:i.options.unstable_tryItButtonOverride)?"NavigatedOverrideLink":"Opened",operationId:t.operationId,operationPath:t.path,operationHttpVerb:t.httpVerb,operationSummary:t.description})};return React.createElement(React.Fragment,null,n?React.createElement(StoreConsumer,null,(function(e){return React.createElement(Console,{store:e,operation:t,onClose:l})})):React.createElement(CodePanel,{header:function(e){var o=e.toggle,r=e.expanded;return React.createElement(Summary,{operation:t,expanded:r,toggle:o,showConsole:!!(null==i?void 0:i.options.showConsole),onToggleConsole:l,tryItOverride:null==i?void 0:i.options.unstable_tryItButtonOverride})},expanded:!1},React.createElement(OptionsConsumer,null,(function(e){return React.createElement(ServerList,{operation:t,expandVariables:e.expandDefaultServerVariables,hideHostname:o||e.hideHostname})}))))};
 //# sourceMappingURL=Endpoint.js.map

package/lib-esm/components/RedoclyReferenceDocs.js

@@ -1,2 +1,2 @@
-import{__decorate,__extends,__makeTemplateObject}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{configure,reaction}from"mobx";import{ApiInfo,ApiLogo,argValueToBoolean,ContentItems,createGlobalStyle,ErrorBoundary,Loading,mediaCSS,mediaMap,MiddlePanel,RedocNormalizedOptions,RightPanel,SideMenu,StickyResponsiveSidebar,ZERO_BREAKPOINT}from"../redoc-lib";import{ProSearchBox,SearchField}from"./Search";import{ContinueButton}from"./NextSectionButton";import{ProStoreProvider}from"./StoreProvider";import{LayoutVariant}from"../services/store-types";import{Console}from"./console/ConsoleLazy";import{ProProviders}from"./ProProviders";import{Overlay}from"./Overlay";import{VersionedSpecStore}from"../services/VersionedSpecStore";import{VersionSwitcher}from"./VersionSwitcher";import{BackgroundStub,BackgroundStubFix,RedocWrap,ApiContentWrap,NextSectionButtonWrap,ToggleRightPanelButton,ChangeViewButton,ControlsWrap}from"./styled.elements";import{DownloadButtonWithLabel}from"../redoc-lib/src/components/DownloadButton";configure({useProxies:"ifavailable"});export var CssFixes=createGlobalStyle(templateObject_1||(templateObject_1=__makeTemplateObject(['\n  div[data-section-id]::after {\n    content: " ";\n    display: block;\n    height: 0;\n    clear: both;\n    visibility: hidden;\n  }\n\n  ',"  {\n    ","\n  }\n\n  ",", ","  {\n    ","\n  }\n\n  ",", "," {\n    ","\n  }\n\n  "," {\n    ",";\n  }\n"],['\n  div[data-section-id]::after {\n    content: " ";\n    display: block;\n    height: 0;\n    clear: both;\n    visibility: hidden;\n  }\n\n  ',"  {\n    ","\n  }\n\n  ",", ","  {\n    ","\n  }\n\n  ",", "," {\n    ","\n  }\n\n  "," {\n    ",";\n  }\n"])),RightPanel,(function(e){var t,n=e.theme,o=e.showRightPanel,a=e.layout;return mediaCSS({width:a===LayoutVariant.STACKED?"100%":"",paddingLeft:a===LayoutVariant.STACKED?n.spacing.sectionHorizontal:"",display:o?"":(t={},t[ZERO_BREAKPOINT]="",t[n.rightPanel.showAtBreakpoint]="none",t)})}),BackgroundStub,BackgroundStubFix,(function(e){var t,n=e.theme,o=e.showRightPanel,a=e.layout;return mediaCSS({display:o&&a!==LayoutVariant.STACKED?"":(t={},t[ZERO_BREAKPOINT]="",t[n.rightPanel.showAtBreakpoint]="none",t)})}),MiddlePanel,NextSectionButtonWrap,(function(e){var t,n,o,a=e.theme,r=e.showRightPanel,i=e.layout;return mediaCSS({maxWidth:r&&i===LayoutVariant.THREE_PANEL?mediaMap(a.breakpoints,[a.layout["three-panel"].middlePanelMaxWidth],(t={},t[ZERO_BREAKPOINT]=function(){return"none"},t[a.rightPanel.showAtBreakpoint]=function(e){return e},t)):"none",margin:r&&i===LayoutVariant.THREE_PANEL?mediaMap(a.breakpoints,[a.rightPanel.width,a.layout["three-panel"].middlePanelMaxWidth],(n={},n[ZERO_BREAKPOINT]=function(){return"0"},n[a.rightPanel.showAtBreakpoint]=function(e,t){return t&&"none"!==t?"0 max(calc((100% - "+e+" - "+t+"}) / 2), 0px)":"0"},n)):"0",paddingRight:i===LayoutVariant.STACKED?a.spacing.sectionHorizontal:"",width:r&&i===LayoutVariant.THREE_PANEL?"":(o={},o[ZERO_BREAKPOINT]="",o[a.rightPanel.showAtBreakpoint]="100%",o)})}),ApiContentWrap,(function(e){var t,n=e.theme,o=e.showRightPanel,a=e.layout;return mediaCSS({width:(t={},t[ZERO_BREAKPOINT]="none",t.small="calc(100% - "+n.sidebar.width+")",t),maxWidth:n.layout[a===LayoutVariant.THREE_PANEL&&o?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED].maxWidth})}));var RedoclyReferenceDocs=function(e){function t(t){var n=e.call(this,t)||this;return Object.defineProperty(n,"_observer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(n,"_updatedItems",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(n,"rootElementRef",{enumerable:!0,configurable:!0,writable:!0,value:React.createRef()}),Object.defineProperty(n,"handleClose",{enumerable:!0,configurable:!0,writable:!0,value:function(){return n.props.store.tryItOut()}}),n.state={searchPopUpShown:!1,searchPopUpValue:""},n}return __extends(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;this.props.store.onDidMount(),this._observer=reaction((function(){return e.props.store.menu.renderItems}),(function(){e._updatedItems=!0}))}}),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._updatedItems&&(this._updatedItems=!1,this.props.store.menu.scrollToActive())}}),Object.defineProperty(t.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.store.dispose(),this._observer()}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props.store,n=t.definition,o=t.menu,a=t.options,r=t.search,i=t.marker,l=this.props.store,c=o.renderItems,s=a.hideDownloadButton,u=!a.hideInfoSection&&("none"===a.pagination||l.menu.activeRenderItemIdx<=0);u&&"none"!==a.pagination&&a.disableSidebar&&c[0]&&"section"!==c[0].type&&(u=!1),this.props._forceRenderInfo&&(u=!0);var p=!u&&null!==s&&!s;return React.createElement(ProProviders,{store:l},React.createElement(RedocWrap,{className:"redoc-wrap",ref:this.rootElementRef},React.createElement(Overlay,{l:l.l}),React.createElement(CssFixes,{whiteLabel:a.whiteLabel,showRightPanel:l.showRightPanel,layout:l.layout}),l.tryItOperation&&React.createElement(Console,{rootElement:this.rootElementRef.current,store:l,operation:l.tryItOperation,onClose:this.handleClose}),!a.disableSidebar&&React.createElement(StickyResponsiveSidebar,{menu:o,className:"menu-content"},!l.options.hideLogo&&React.createElement(ApiLogo,{info:n.info}),n instanceof VersionedSpecStore&&React.createElement(VersionSwitcher,{spec:n,onChange:function(e){n.changeVersion(e.idx),o.updateItemsByVersionChange(!0),l.tryItOut(void 0)}}),!l.options.disableSearch&&React.createElement(SearchField,{showPopUp:function(){return e.setState({searchPopUpShown:!0})},searchValue:this.state.searchPopUpValue,marker:i,setSearchValue:function(t){return e.setState({searchPopUpValue:t})}}),React.createElement(SideMenu,{menu:o})),React.createElement(ApiContentWrap,{className:(l.isLoading?"loading ":"")+"api-content",layout:l.layout===LayoutVariant.THREE_PANEL&&l.showRightPanel?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED},a.theme.layout.showDarkRightPanel&&l.showRightPanel&&l.layout!==LayoutVariant.STACKED&&React.createElement(BackgroundStub,null),u&&React.createElement(ApiInfo,{store:l}),p&&React.createElement(DownloadButtonWithLabel,{store:l}),React.createElement(ContentItems,{items:c,store:l}),a.showNextButton&&React.createElement(ContinueButton,{pagination:a.pagination,menu:o}),this.props.children),React.createElement(ControlsWrap,null,React.createElement(ToggleRightPanelButton,{store:l,isVisible:l.layout===LayoutVariant.THREE_PANEL}),React.createElement(ChangeViewButton,{store:l,isVisible:l.showRightPanel})),React.createElement(ProSearchBox,{search:r,marker:i,menu:o,onActivate:o.activateAndScroll.bind(o),options:a,shown:this.state.searchPopUpShown,hidePopUp:function(){return e.setState({searchPopUpShown:!1})},showPopUp:function(){return e.setState({searchPopUpShown:!0})},setSearchValue:function(t){return e.setState({searchPopUpValue:t})},searchValue:this.state.searchPopUpValue}),a.theme.layout.showDarkRightPanel&&l.showRightPanel&&l.layout!==LayoutVariant.STACKED&&React.createElement(BackgroundStubFix,null)))}}),t=__decorate([observer],t)}(React.Component);export{RedoclyReferenceDocs};export function RedoclyReferenceDocsStandalone(e){var t=e.definition,n=e.definitionUrl,o=e.options,a=void 0===o?{}:o,r=e.activeItemId,i=e.activeSampleLanguage,l=e.activeDeepLink,c=argValueToBoolean(a.hideLoading,!1),s=new RedocNormalizedOptions(a),u=React.createElement(ProStoreProvider,{definition:t,definitionUrl:n,options:a,activeItemId:r,activeSampleLanguage:i,activeDeepLink:l},(function(e){var t=e.loading,n=e.store;return t?c?null:React.createElement(Loading,{color:s.theme.colors.primary.main}):React.createElement(RedoclyReferenceDocs,{store:n})}));return a.disableErrorBoundary?u:React.createElement(ErrorBoundary,null,u)}var templateObject_1,RedoclyReferenceDocsMultiStandalone=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.definitions,n=e.options,o=void 0===n?{}:n,a=argValueToBoolean(o.hideLoading,!1),r=new RedocNormalizedOptions(o);return React.createElement(ErrorBoundary,null,React.createElement(ProStoreProvider,{definitions:t,options:o},(function(e){var t=e.loading,n=e.store;return t?a?null:React.createElement(Loading,{color:r.theme.colors.primary.main}):React.createElement(RedoclyReferenceDocs,{store:n})})))}}),t}(React.Component);export{RedoclyReferenceDocsMultiStandalone};
+import{__decorate,__extends,__makeTemplateObject}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{configure,reaction}from"mobx";import{ApiInfo,ApiLogo,argValueToBoolean,ContentItems,createGlobalStyle,ErrorBoundary,Loading,mediaCSS,mediaMap,MiddlePanel,RedocNormalizedOptions,RightPanel,SideMenu,StickyResponsiveSidebar,ZERO_BREAKPOINT}from"../redoc-lib";import{ProSearchBox,SearchField}from"./Search";import{ContinueButton}from"./NextSectionButton";import{ProStoreProvider}from"./StoreProvider";import{LayoutVariant}from"../services/store-types";import{Console}from"./console/ConsoleLazy";import{ProProviders}from"./ProProviders";import{Overlay}from"./Overlay";import{VersionedSpecStore}from"../services/VersionedSpecStore";import{VersionSwitcher}from"./VersionSwitcher";import{BackgroundStub,BackgroundStubFix,RedocWrap,ApiContentWrap,NextSectionButtonWrap,ToggleRightPanelButton,ChangeViewButton,ControlsWrap}from"./styled.elements";import{DownloadButtonWithLabel}from"../redoc-lib/src/components/DownloadButton";configure({useProxies:"ifavailable"});export var CssFixes=createGlobalStyle(templateObject_1||(templateObject_1=__makeTemplateObject(['\n  div[data-section-id]::after {\n    content: " ";\n    display: block;\n    height: 0;\n    clear: both;\n    visibility: hidden;\n  }\n\n  ',"  {\n    ","\n  }\n\n  ",", ","  {\n    ","\n  }\n\n  ",", "," {\n    ","\n  }\n\n  "," {\n    ",";\n  }\n"],['\n  div[data-section-id]::after {\n    content: " ";\n    display: block;\n    height: 0;\n    clear: both;\n    visibility: hidden;\n  }\n\n  ',"  {\n    ","\n  }\n\n  ",", ","  {\n    ","\n  }\n\n  ",", "," {\n    ","\n  }\n\n  "," {\n    ",";\n  }\n"])),RightPanel,(function(e){var t,n=e.theme,o=e.showRightPanel,a=e.layout;return mediaCSS({width:a===LayoutVariant.STACKED?"100%":"",paddingLeft:a===LayoutVariant.STACKED?n.spacing.sectionHorizontal:"",display:o?"":(t={},t[ZERO_BREAKPOINT]="",t[n.rightPanel.showAtBreakpoint]="none",t)})}),BackgroundStub,BackgroundStubFix,(function(e){var t,n=e.theme,o=e.showRightPanel,a=e.layout;return mediaCSS({display:o&&a!==LayoutVariant.STACKED?"":(t={},t[ZERO_BREAKPOINT]="",t[n.rightPanel.showAtBreakpoint]="none",t)})}),MiddlePanel,NextSectionButtonWrap,(function(e){var t,n,o,a=e.theme,r=e.showRightPanel,i=e.layout;return mediaCSS({maxWidth:r&&i===LayoutVariant.THREE_PANEL?mediaMap(a.breakpoints,[a.layout["three-panel"].middlePanelMaxWidth],(t={},t[ZERO_BREAKPOINT]=function(){return"none"},t[a.rightPanel.showAtBreakpoint]=function(e){return e},t)):"none",margin:r&&i===LayoutVariant.THREE_PANEL?mediaMap(a.breakpoints,[a.rightPanel.width,a.layout["three-panel"].middlePanelMaxWidth],(n={},n[ZERO_BREAKPOINT]=function(){return"0"},n[a.rightPanel.showAtBreakpoint]=function(e,t){return t&&"none"!==t?"0 max(calc((100% - "+e+" - "+t+"}) / 2), 0px)":"0"},n)):"0",paddingRight:i===LayoutVariant.STACKED?a.spacing.sectionHorizontal:"",width:r&&i===LayoutVariant.THREE_PANEL?"":(o={},o[ZERO_BREAKPOINT]="",o[a.rightPanel.showAtBreakpoint]="100%",o)})}),ApiContentWrap,(function(e){var t,n=e.theme,o=e.showRightPanel,a=e.layout;return mediaCSS({width:(t={},t[ZERO_BREAKPOINT]="none",t.small="calc(100% - "+n.sidebar.width+")",t),maxWidth:n.layout[a===LayoutVariant.THREE_PANEL&&o?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED].maxWidth})}));var RedoclyReferenceDocs=function(e){function t(t){var n=e.call(this,t)||this;return Object.defineProperty(n,"_observer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(n,"_updatedItems",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(n,"rootElementRef",{enumerable:!0,configurable:!0,writable:!0,value:React.createRef()}),Object.defineProperty(n,"handleClose",{enumerable:!0,configurable:!0,writable:!0,value:function(){return n.props.store.tryItOut()}}),n.state={searchPopUpShown:!1,searchPopUpValue:""},n}return __extends(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;this.props.store.onDidMount(),this._observer=reaction((function(){return e.props.store.menu.renderItems}),(function(){e._updatedItems=!0}))}}),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._updatedItems&&(this._updatedItems=!1,this.props.store.menu.scrollToActive())}}),Object.defineProperty(t.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.store.dispose(),this._observer()}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props.store,n=t.definition,o=t.menu,a=t.options,r=t.search,i=t.marker,l=this.props.store,c=o.renderItems,s=a.hideDownloadButton,u=!a.hideInfoSection&&("none"===a.pagination||l.menu.activeRenderItemIdx<=0);u&&"none"!==a.pagination&&a.disableSidebar&&c[0]&&"section"!==c[0].type&&(u=!1),this.props._forceRenderInfo&&(u=!0);var p=!u&&null!==s&&!s;return React.createElement(ProProviders,{store:l},React.createElement(RedocWrap,{className:"redoc-wrap",ref:this.rootElementRef},React.createElement(Overlay,{l:l.l}),React.createElement(CssFixes,{whiteLabel:a.whiteLabel,showRightPanel:l.showRightPanel,layout:l.layout}),l.tryItOperation&&React.createElement(Console,{rootElement:this.rootElementRef.current,store:l,operation:l.tryItOperation,onClose:this.handleClose}),!a.disableSidebar&&React.createElement(StickyResponsiveSidebar,{menu:o,className:"menu-content"},!l.options.hideLogo&&React.createElement(ApiLogo,{info:n.info}),n instanceof VersionedSpecStore&&React.createElement(VersionSwitcher,{spec:n,onChange:function(e){void 0!==e.idx&&n.changeVersion(e.idx),o.updateItemsByVersionChange(!0),l.tryItOut(void 0)}}),!l.options.disableSearch&&React.createElement(SearchField,{showPopUp:function(){return e.setState({searchPopUpShown:!0})},searchValue:this.state.searchPopUpValue,marker:i,setSearchValue:function(t){return e.setState({searchPopUpValue:t})}}),React.createElement(SideMenu,{menu:o})),React.createElement(ApiContentWrap,{className:(l.isLoading?"loading ":"")+"api-content",layout:l.layout===LayoutVariant.THREE_PANEL&&l.showRightPanel?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED},a.theme.layout.showDarkRightPanel&&l.showRightPanel&&l.layout!==LayoutVariant.STACKED&&React.createElement(BackgroundStub,null),u&&React.createElement(ApiInfo,{store:l}),p&&React.createElement(DownloadButtonWithLabel,{store:l}),React.createElement(ContentItems,{items:c,store:l}),a.showNextButton&&React.createElement(ContinueButton,{pagination:a.pagination,menu:o}),this.props.children),React.createElement(ControlsWrap,null,React.createElement(ToggleRightPanelButton,{store:l,isVisible:l.layout===LayoutVariant.THREE_PANEL}),React.createElement(ChangeViewButton,{store:l,isVisible:l.showRightPanel})),React.createElement(ProSearchBox,{search:r,marker:i,menu:o,onActivate:o.activateAndScroll.bind(o),options:a,shown:this.state.searchPopUpShown,hidePopUp:function(){return e.setState({searchPopUpShown:!1})},showPopUp:function(){return e.setState({searchPopUpShown:!0})},setSearchValue:function(t){return e.setState({searchPopUpValue:t})},searchValue:this.state.searchPopUpValue}),a.theme.layout.showDarkRightPanel&&l.showRightPanel&&l.layout!==LayoutVariant.STACKED&&React.createElement(BackgroundStubFix,null)))}}),t=__decorate([observer],t)}(React.Component);export{RedoclyReferenceDocs};export function RedoclyReferenceDocsStandalone(e){var t=e.definition,n=e.definitionUrl,o=e.options,a=void 0===o?{}:o,r=e.activeItemId,i=e.activeSampleLanguage,l=e.activeDeepLink,c=argValueToBoolean(a.hideLoading,!1),s=new RedocNormalizedOptions(a),u=React.createElement(ProStoreProvider,{definition:t,definitionUrl:n,options:a,activeItemId:r,activeSampleLanguage:i,activeDeepLink:l},(function(e){var t=e.loading,n=e.store;return t?c?null:React.createElement(Loading,{color:s.theme.colors.primary.main}):React.createElement(RedoclyReferenceDocs,{store:n})}));return a.disableErrorBoundary?u:React.createElement(ErrorBoundary,null,u)}var templateObject_1,RedoclyReferenceDocsMultiStandalone=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.definitions,n=e.options,o=void 0===n?{}:n,a=argValueToBoolean(o.hideLoading,!1),r=new RedocNormalizedOptions(o);return React.createElement(ErrorBoundary,null,React.createElement(ProStoreProvider,{definitions:t,options:o},(function(e){var t=e.loading,n=e.store;return t?a?null:React.createElement(Loading,{color:r.theme.colors.primary.main}):React.createElement(RedoclyReferenceDocs,{store:n})})))}}),t}(React.Component);export{RedoclyReferenceDocsMultiStandalone};
 //# sourceMappingURL=RedoclyReferenceDocs.js.map

package/lib-esm/components/Samples/ExampleSwitch.js

@@ -1,2 +1,2 @@
-import*as React from"react";import{useState,useEffect}from"react";import{WarnMessage}from"../shared";import{Dropdown}from"../../redoc-lib/src/common-elements";import{FormControl}from"../common/form";export var ExampleSwitch=function(e){var r=e.exampleKey,t=e.examples,a=e.onChange,o=Object.keys(t),n=r?o.indexOf(r):0,m=useState(n>-1?n:0),c=m[0],l=m[1];useEffect((function(){return l(n>-1?n:0)}),[r,n]);var u=o.map((function(e,r){return{value:t[e].summary||e,idx:r}}));return React.createElement(React.Fragment,null,React.createElement(FormControl,null,React.createElement(Dropdown,{variant:"dark",fullWidth:!0,prefix:"Example: ",options:u,value:u[c].value,onChange:function(e){var r=e.idx;l(r),a(o[r])}})),r&&-1===n&&React.createElement(WarnMessage,null,"Provided sample not found"))};
+import*as React from"react";import{useState,useEffect}from"react";import{WarnMessage}from"../shared";import{FormControl}from"../common/form";import{Dropdown}from"../common/Dropdown";export var ExampleSwitch=function(e){var t=e.exampleKey,r=e.examples,a=e.onChange,o=Object.keys(r),n=t?o.indexOf(t):0,m=useState(n>-1?n:0),c=m[0],l=m[1];useEffect((function(){return l(n>-1?n:0)}),[t,n]);var u=o.map((function(e,t){return{value:r[e].summary||e,idx:t}}));return React.createElement(React.Fragment,null,React.createElement(FormControl,{"data-cy":"example-switch"},React.createElement(Dropdown,{variant:"dark",fullWidth:!0,options:u,value:u[c].value,onChange:function(e){var t=e.idx;l(t),a(o[t])}})),t&&-1===n&&React.createElement(WarnMessage,null,"Provided sample not found"))};
 //# sourceMappingURL=ExampleSwitch.js.map

package/lib-esm/components/Samples/SamplesTabs.js

@@ -1,2 +1,2 @@
-import{__assign,__rest}from"tslib";import*as React from"react";import{useContext,useEffect,useState,useMemo}from"react";import{observer}from"mobx-react";import{CollapsingTabsBase}from"../Tabs";import{StoreContext}from"../../redoc-lib";import{LoadingWrapper}from"./LoadingWrapper";import{WarnMessage}from"../shared";export var SamplesTabs=observer((function(e){var a=e.children,t=e.onChange,r=e.defaultLanguage,n=__rest(e,["children","onChange","defaultLanguage"]),o=useMemo((function(){return n.tabs.map((function(e){return e.lang}))}),[n.tabs]),s=useContext(StoreContext),i=useState(r),u=i[0],c=i[1],g=useState(o),m=g[0],f=g[1];useEffect((function(){return f(o)}),[n.tabs]),useEffect((function(){u===s.activeSampleLanguage&&c(void 0)}),[s.activeSampleLanguage]),useEffect((function(){return s.stopLoader()}),[s.activeSampleLanguage]),useEffect((function(){u&&(s.startLoader(),s.activateSampleLanguage(u))}),[u,r]);var p;return React.createElement(LoadingWrapper,{className:u&&"updated"},React.createElement(CollapsingTabsBase,__assign({},n,{activeIndex:(p=m.indexOf(u||s.activeSampleLanguage),-1===p?0:p),onChange:function(e){var a=n.tabs[e];s.setActiveSampleLanguage(a.lang),t&&t(a)}}),r&&-1===m.indexOf(r)&&React.createElement(WarnMessage,null,"Provided language is not supported"),a))}));
+import{__assign,__rest}from"tslib";import React,{useContext,useEffect,useState,useMemo}from"react";import{observer}from"mobx-react";import{CollapsingTabsBase}from"../Tabs";import{StoreContext}from"../../redoc-lib";import{LoadingWrapper}from"./LoadingWrapper";import{WarnMessage}from"../shared";export var SamplesTabs=observer((function(e){var a=e.children,t=e.onChange,n=e.defaultLanguage,r=__rest(e,["children","onChange","defaultLanguage"]),o=useMemo((function(){return r.tabs.map((function(e){return e.lang}))}),[r.tabs]),u=useContext(StoreContext),s=useState(n),i=s[0],l=s[1],c=useState(o),g=c[0],f=c[1];useEffect((function(){return f(o)}),[r.tabs]),useEffect((function(){i===(null==u?void 0:u.activeSampleLanguage)&&l(void 0)}),[null==u?void 0:u.activeSampleLanguage]),useEffect((function(){return null==u?void 0:u.stopLoader()}),[null==u?void 0:u.activeSampleLanguage]),useEffect((function(){i&&(null==u||u.startLoader(),null==u||u.activateSampleLanguage(i))}),[i,n]);var m;return React.createElement(LoadingWrapper,{className:i&&"updated"},React.createElement(CollapsingTabsBase,__assign({},r,{activeIndex:(m=g.indexOf(i||(null==u?void 0:u.activeSampleLanguage)||""),-1===m?0:m),onChange:function(e){var a=r.tabs[e];null==u||u.setActiveSampleLanguage(a.lang),t&&t(a)}}),n&&-1===g.indexOf(n)&&React.createElement(WarnMessage,null,"Provided language is not supported"),a))}));
 //# sourceMappingURL=SamplesTabs.js.map

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTabsBase.d.ts

@@ -1,5 +1,5 @@
+import React from 'react';
 import { TabProps as ReactTabProps } from 'react-tabs';
-import * as React from 'react';
 import { OperationModel } from '../../../redoc-lib';
 export interface TabProps extends ReactTabProps {
     title: string;

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTabsBase.js

@@ -1,2 +1,2 @@
-import{Tabs}from"react-tabs";import*as React from"react";import{useContext,useEffect,useMemo,useState}from"react";import{OptionsContext}from"../../../redoc-lib";import{CollapsingTabList}from"./CollapsingTabList";import{CollapsingTab}from"./CollapsingTab";import{CollapsingDropdown}from"./CollapsingDropdown";export var CollapsingTabsBase=function(e){var t=e.tabs,a=e.children,n=e.hidden,o=e.activeIndex,i=e.onChange,l=useContext(OptionsContext).samplesTabsMaxCount,r=useMemo((function(){return t.slice(l).map((function(e,t){return{idx:t,value:e.title}}))}),[t,l]),s=r.length+" more",c=useState(s),p=c[0],m=c[1],u=React.useCallback((function(){var e=o>=l;p!==s&&p===t[o].title||!e?p===s||e||m(s):m(t[o].title)}),[o,l,p,s,t]);useEffect((function(){setTimeout(u,0)}),[o,l,u]);return React.createElement(Tabs,{selectedIndex:o,onSelect:i},React.createElement(CollapsingTabList,{hidden:n},t.map((function(e,t){return React.createElement(CollapsingTab,{key:e.key,disabled:t>=l},e.title)})),r.length?React.createElement(CollapsingDropdown,{options:r,onChange:function(e){i(l+e.idx)},placeholder:s,value:p,active:o>=l}):null),a)};
+import React,{useContext,useEffect,useMemo,useState}from"react";import{Tabs}from"react-tabs";import{OptionsContext}from"../../../redoc-lib";import{CollapsingTabList}from"./CollapsingTabList";import{CollapsingTab}from"./CollapsingTab";import{CollapsingDropdown}from"../../common/Dropdown";export var CollapsingTabsBase=function(e){var t=e.tabs,n=e.children,o=e.hidden,a=e.activeIndex,i=e.onChange,l=useContext(OptionsContext).samplesTabsMaxCount,r=useMemo((function(){return t.slice(l).map((function(e,t){return{idx:t,value:e.title}}))}),[t,l]),s=r.length+" more",c=useState(s),p=c[0],m=c[1],u=React.useCallback((function(){var e=a>=l;p!==s&&p===t[a].title||!e?p===s||e||m(s):m(t[a].title)}),[a,l,p,s,t]);useEffect((function(){setTimeout(u,0)}),[a,l,u]);return React.createElement(Tabs,{selectedIndex:a,onSelect:i},React.createElement(CollapsingTabList,{hidden:o},t.map((function(e,t){return React.createElement(CollapsingTab,{key:e.key,disabled:t>=l},e.title)})),r.length?React.createElement(CollapsingDropdown,{options:r,onChange:function(e){i(l+e.idx)},placeholder:s,value:p,active:a>=l}):null),n)};
 //# sourceMappingURL=CollapsingTabsBase.js.map

package/lib-esm/components/VersionSwitcher.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DropdownOption } from '../redoc-lib';
+import { DropdownOption } from './common/Dropdown';
 import { VersionedSpecStore } from '../services/VersionedSpecStore';
 export interface VersionSwitcherProps {
     onChange: (o: DropdownOption) => void;

package/lib-esm/components/VersionSwitcher.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import*as React from"react";import{styled,Dropdown}from"../redoc-lib";export var VersionSwitcher=function(e){var n=e.spec,t=e.onChange,o=n.versionsInfo.map((function(e,n){return{idx:n,value:e.title}}));return React.createElement(VersionWrapper,null,React.createElement(Dropdown,{options:o,value:o[n.activeVersionIdx].value,onChange:t,ariaLabel:"Version"}))};var templateObject_1,VersionWrapper=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  padding: ",";\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  font-size: 12px;\n  div[role='button'] {\n    .dropdown-selector-value {\n      font-weight: 600;\n      color: ",";\n    }\n  }\n"],["\n  padding: ",";\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  font-size: 12px;\n  div[role='button'] {\n    .dropdown-selector-value {\n      font-weight: 600;\n      color: ",";\n    }\n  }\n"])),(function(e){var n=e.theme;return 2*n.spacing.unit+"px "+4*n.spacing.unit+"px"}),(function(e){return e.theme.colors.text.primary}));
+import{__makeTemplateObject}from"tslib";import*as React from"react";import{styled}from"../redoc-lib";import{VersionDropdown}from"./common/Dropdown";export var VersionSwitcher=function(e){var n=e.spec,t=e.onChange,i=n.versionsInfo.map((function(e,n){return{idx:n,value:e.title}}));return React.createElement(VersionWrapper,null,React.createElement(VersionDropdown,{options:i,value:i[n.activeVersionIdx].value,onChange:t,ariaLabel:"Version"}))};var templateObject_1,VersionWrapper=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  padding: ",";\n  width: 100%;\n  display: inline-block;\n  font-size: 12px;\n"],["\n  padding: ",";\n  width: 100%;\n  display: inline-block;\n  font-size: 12px;\n"])),(function(e){var n=e.theme;return 2*n.spacing.unit+"px "+4*n.spacing.unit+"px"}));
 //# sourceMappingURL=VersionSwitcher.js.map

package/lib-esm/components/common/Dropdown/Dropdown.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DropdownProps } from './types';
+export declare const Dropdown: React.NamedExoticComponent<DropdownProps>;

package/lib-esm/components/common/Dropdown/Dropdown.js

@@ -0,0 +1,2 @@
+import{__makeTemplateObject}from"tslib";import React from"react";import styled from"../../../redoc-lib/src/styled-components";var templateObject_1,ArrowSvg=function(e){var t=e.className,n=e.style;return React.createElement("svg",{className:t,style:n,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},React.createElement("polyline",{points:"6 9 12 15 18 9"}))},ArrowIcon=styled(ArrowSvg)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  position: absolute;\n  pointer-events: none;\n  z-index: 1;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  -ms-transform: translateY(-50%);\n  transform: translateY(-50%);\n  right: 8px;\n  margin: auto;\n  text-align: center;\n  polyline {\n    color: ",";\n  }\n"],["\n  position: absolute;\n  pointer-events: none;\n  z-index: 1;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  -ms-transform: translateY(-50%);\n  transform: translateY(-50%);\n  right: 8px;\n  margin: auto;\n  text-align: center;\n  polyline {\n    color: ",";\n  }\n"])),(function(e){return"dark"===e.variant&&"white"})),DropdownComponent=function(e){var t=e.options,n=e.onChange,r=e.placeholder,a=e.value,o=void 0===a?"":a,l=e.className,i=e.variant,s=void 0===i?"light":i;return React.createElement("div",{className:l+" dropdown-wrapper"},React.createElement(ArrowIcon,{variant:s}),React.createElement("select",{onChange:function(e){var a=e.target.selectedIndex,o=r?a-1:a;t[o]&&n(t[o])},value:o,className:"dropdown-select"},r&&React.createElement("option",{disabled:!0,hidden:!0,value:r},r),t.map((function(e,t){var n=e.idx,r=e.value,a=e.title;return React.createElement("option",{key:n||r+t,value:r,className:"dropdown-option"},a||r)}))),React.createElement("label",null,o))};export var Dropdown=React.memo(DropdownComponent);
+//# sourceMappingURL=Dropdown.js.map

package/lib-esm/components/common/Dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export * from './styled';
+export * from './types';

package/lib-esm/components/common/Dropdown/index.js

@@ -0,0 +1,2 @@
+export*from"./styled";export*from"./types";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/common/Dropdown/styled.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export declare const Dropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./types").DropdownProps>, any, {
+    dense?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    variant?: "light" | "dark" | undefined;
+}, never>;
+export declare const SimpleDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./types").DropdownProps>, any, {
+    dense?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    variant?: "light" | "dark" | undefined;
+}, never>;
+export declare const CollapsingDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./types").DropdownProps>, any, {
+    dense?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    variant?: "light" | "dark" | undefined;
+} & {
+    active?: boolean | undefined;
+}, never>;
+export declare const VersionDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./types").DropdownProps>, any, {
+    dense?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    variant?: "light" | "dark" | undefined;
+}, never>;

package/lib-esm/components/common/Dropdown/styled.js

@@ -0,0 +1,2 @@
+import{__makeTemplateObject}from"tslib";import styled,{css}from"styled-components";import{Dropdown as DropdownComponent}from"./Dropdown";var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,darkDropdownStyle=css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  background-color: ",";\n  border-color: ",";\n  color: ",";\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: none;\n    box-shadow: none;\n  }\n"],["\n  background-color: ",";\n  border-color: ",";\n  color: ",";\n\n  &,\n  &:hover,\n  &:focus-within {\n    border: none;\n    box-shadow: none;\n  }\n"])),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){return n.theme.colors.text.light}));export var Dropdown=styled(DropdownComponent)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  box-sizing: border-box;\n  outline: none;\n  display: inline-block;\n  border-radius: ",";\n  vertical-align: bottom;\n  position: relative;\n  width: ",";\n  cursor: pointer;\n  text-transform: none;\n\n  label {\n    box-sizing: border-box;\n    min-width: 90px;\n    outline: none;\n    display: inline-block;\n    color: ",";\n    border-radius: ",";\n    padding: ",";\n    vertical-align: bottom;\n    width: ",";\n    cursor: pointer;\n    text-transform: none;\n\n    line-height: inherit;\n    font-size: 14px;\n    font-family: inherit;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n\n    &,\n    &:hover,\n    &:focus-within {\n      border: 1px solid ",";\n      box-shadow: none;\n    }\n\n    ",";\n  }\n\n  .dropdown-select {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    border: none;\n    appearance: none;\n  }\n"],["\n  box-sizing: border-box;\n  outline: none;\n  display: inline-block;\n  border-radius: ",";\n  vertical-align: bottom;\n  position: relative;\n  width: ",";\n  cursor: pointer;\n  text-transform: none;\n\n  label {\n    box-sizing: border-box;\n    min-width: 90px;\n    outline: none;\n    display: inline-block;\n    color: ",";\n    border-radius: ",";\n    padding: ",";\n    vertical-align: bottom;\n    width: ",";\n    cursor: pointer;\n    text-transform: none;\n\n    line-height: inherit;\n    font-size: 14px;\n    font-family: inherit;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n\n    &,\n    &:hover,\n    &:focus-within {\n      border: 1px solid ",";\n      box-shadow: none;\n    }\n\n    ",";\n  }\n\n  .dropdown-select {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    border: none;\n    appearance: none;\n  }\n"])),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.fullWidth?"100%":"auto"}),(function(n){return n.theme.colors.text.primary}),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.dense?"2px 24px 2px 8px":"8px 26px 8px 10px"}),(function(n){return n.fullWidth?"100%":"auto"}),(function(n){return n.theme.colors.border.light}),(function(n){return"dark"===n.variant?darkDropdownStyle:""}));export var SimpleDropdown=styled(Dropdown)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  svg {\n    top: 60%;\n    transform: translateY(-60%);\n  }\n  label {\n    padding: 0 26px 0 4px;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    font-weight: 400;\n    appearance: none;\n\n    &:hover,\n    &:focus-within {\n      border: none;\n      box-shadow: none;\n    }\n  }\n"],["\n  svg {\n    top: 60%;\n    transform: translateY(-60%);\n  }\n  label {\n    padding: 0 26px 0 4px;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    font-weight: 400;\n    appearance: none;\n\n    &:hover,\n    &:focus-within {\n      border: none;\n      box-shadow: none;\n    }\n  }\n"])));export var CollapsingDropdown=styled(Dropdown)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  svg {\n    top: 60%;\n    transform: translateY(-60%);\n  }\n  label {\n    ",";\n\n    height: 40px;\n    border-radius: 0 "," 0 0;\n    margin: 0 0 -4px;\n    transition: none;\n    min-width: auto;\n    background: ",";\n    & {\n      border-bottom: 4px solid\n        ",";\n\n      &[open],\n      &:focus-within,\n      &:hover {\n        background: ",";\n        border-bottom: 4px solid\n          ",";\n      }\n    }\n  }\n"],["\n  svg {\n    top: 60%;\n    transform: translateY(-60%);\n  }\n  label {\n    ",";\n\n    height: 40px;\n    border-radius: 0 "," 0 0;\n    margin: 0 0 -4px;\n    transition: none;\n    min-width: auto;\n    background: ",";\n    & {\n      border-bottom: 4px solid\n        ",";\n\n      &[open],\n      &:focus-within,\n      &:hover {\n        background: ",";\n        border-bottom: 4px solid\n          ",";\n      }\n    }\n  }\n"])),darkDropdownStyle,(function(n){return n.theme.shape.borderRadius}),(function(n){var o=n.theme;return n.active?o.colors.border.dark:"none"}),(function(n){var o=n.active,e=n.theme;return o?e.colors.accent.main:"transparent"}),(function(n){return n.theme.colors.border.dark}),(function(n){var o=n.active,e=n.theme;return o?e.colors.accent.main:"transparent"}));export var VersionDropdown=styled(Dropdown)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  width: 90%;\n  label {\n    width: 100%;\n    font-weight: 600;\n    color: ",";\n  }\n"],["\n  width: 90%;\n  label {\n    width: 100%;\n    font-weight: 600;\n    color: ",";\n  }\n"])),(function(n){return n.theme.colors.text.primary}));
+//# sourceMappingURL=styled.js.map

package/lib-esm/components/common/Dropdown/types.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export interface DropdownOption {
+    idx?: number;
+    value: string;
+    title?: string;
+    serverUrl?: string;
+    label?: string;
+}
+export interface DropdownProps {
+    options: DropdownOption[];
+    onChange: (option: DropdownOption) => void;
+    ariaLabel?: string;
+    className?: string;
+    placeholder?: string;
+    value?: string;
+    dense?: boolean;
+    fullWidth?: boolean;
+    variant?: 'dark' | 'light';
+}
+export interface ArrowIconProps {
+    className?: string;
+    variant?: 'light' | 'dark';
+    style?: React.CSSProperties;
+}

package/lib-esm/components/common/Dropdown/types.js

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

package/lib-esm/components/common/TextField.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FieldProps } from 'informed';
-import { Option, DropdownProps } from '@redocly/react-dropdown-aria';
+import type { DropdownOption, DropdownProps } from './Dropdown';
 export declare const invertedInputStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../services/extendTheme").ProTheme>>;
 export declare const StyledInput: import("styled-components").StyledComponent<"input", import("../../services/extendTheme").ProTheme, {
     fullWidth?: boolean | undefined;
@@ -19,7 +19,7 @@ export interface TextFieldExtraProps extends React.InputHTMLAttributes<HTMLInput
 export declare const TextField: React.ForwardRefExoticComponent<TextFieldExtraProps & React.RefAttributes<HTMLInputElement>>;
 export declare function FormTextField(props: FieldProps<string, GenericObject> & TextFieldExtraProps): JSX.Element;
 export interface FormDropdownProps extends Partial<DropdownProps> {
-    options: Option[];
+    options: DropdownOption[];
     initValue?: string;
 }
 export declare const FormDropdown: React.ComponentType<FieldProps<string, any> & FormDropdownProps>;

package/lib-esm/components/common/TextField.js

@@ -1,2 +1,2 @@
-import{__assign,__makeTemplateObject}from"tslib";import React from"react";import{asField}from"informed";import{useField}from"informed";import styled,{css,mediaCSS}from"../../redoc-lib/src/styled-components";import{FormError}from"./form";import{Dropdown}from"../../redoc-lib";export var invertedInputStyles=css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: ",";\n  background-color: ",";\n  ","\n\n  &::placeholder {\n    opacity: 0.6;\n    color: ",";\n  }\n\n  &:-webkit-autofill {\n    background-color: ",";\n  }\n"],["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: ",";\n  background-color: ",";\n  ","\n\n  &::placeholder {\n    opacity: 0.6;\n    color: ",";\n  }\n\n  &:-webkit-autofill {\n    background-color: ",";\n  }\n"])),(function(e){return e.theme.shape.borderRadius}),(function(e){return e.theme.rightPanel.panelControlsBackgroundColor}),(function(e){var t=e.theme;return mediaCSS({color:t.colors.text.light,fontFamily:t.typography.code.fontFamily,fontSize:t.typography.fontSize})}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.rightPanel.panelBackgroundColor}));var TextFieldWrapper=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  display: ",";\n  ","\n"],["\n  display: ",";\n  ","\n"])),(function(e){return"hidden"===e.type?"none":"inline-block"}),(function(e){return e.fullWidth?"width: 100%;":""})),InputWrap=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"])));export var StyledInput=styled.input(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  ","\n  ",";\n  ","\n"],["\n  ","\n  ",";\n  ","\n"])),invertedInputStyles,(function(e){var t=e.inputType,n=e.inputActionButton;return"password"===t||n?"padding-right: 40px;":""}),(function(e){return e.fullWidth?"width: 100%;":""}));var InputActionButton=styled.span(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  line-height: normal;\n\n  font-size: 0.8em;\n  padding: calc(8px / 0.8);\n  cursor: pointer;\n  text-align: center;\n  ","\n"],["\n  position: absolute;\n  right: 0;\n  line-height: normal;\n\n  font-size: 0.8em;\n  padding: calc(8px / 0.8);\n  cursor: pointer;\n  text-align: center;\n  ","\n"])),(function(e){var t=e.theme;return mediaCSS({color:t.rightPanel.textColor})}));function TextFieldComponent(e,t){var n=e.fullWidth,r=e.errorMessage,o=e.type,a=React.useState("password"===o),l=a[0],i=a[1],c=React.useCallback((function(){i(!l)}),[l]);return React.createElement(TextFieldWrapper,{fullWidth:n,type:o},React.createElement(InputWrap,null,React.createElement(StyledInput,__assign({},e,{type:l?"password":"text",inputType:o,ref:t})),e.inputActionButton?React.createElement(InputActionButton,{onClick:e.inputActionButton.onClick},e.inputActionButton.label):"password"===o?React.createElement(InputActionButton,{onClick:c},l?"show":"hide"):null),r?React.createElement(FormError,null,r):null)}export var TextField=React.forwardRef(TextFieldComponent);export function FormTextField(e){var t=useField(__assign({fieldType:"text"},e)),n=t.userProps,r=t.render,o=t.fieldState,a=t.informed;return r(React.createElement(TextField,__assign({},n,a,{errorMessage:o.error})))}var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,FormDropdownInt=function(e){var t=e.initValue,n=e.options,r=e.fieldApi,o=e.fieldState,a=n.map((function(e,t){return{value:e.title||e.value,idx:t,origValue:e.value}})),l=a.find((function(e){return e.origValue===t})),i=React.useState(null==l?void 0:l.value),c=i[0],p=i[1];React.useEffect((function(){t&&r.setValue(t)}),[]);var u=React.useCallback((function(e){r.setValue(a[e.idx].origValue),p(a[e.idx].value)}),[a]);return React.createElement(TextFieldWrapper,{fullWidth:!0},React.createElement(Dropdown,{fullWidth:!0,variant:"dark",value:c,options:a,onChange:u}),o.error?React.createElement(FormError,null,o.error):null)};export var FormDropdown=asField(FormDropdownInt);
+import{__assign,__makeTemplateObject}from"tslib";import React from"react";import{asField}from"informed";import{useField}from"informed";import styled,{css,mediaCSS}from"../../redoc-lib/src/styled-components";import{FormError}from"./form";import{Dropdown}from"./Dropdown";export var invertedInputStyles=css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: ",";\n  background-color: ",";\n  ","\n\n  &::placeholder {\n    opacity: 0.6;\n    color: ",";\n  }\n\n  &:-webkit-autofill {\n    background-color: ",";\n  }\n"],["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: ",";\n  background-color: ",";\n  ","\n\n  &::placeholder {\n    opacity: 0.6;\n    color: ",";\n  }\n\n  &:-webkit-autofill {\n    background-color: ",";\n  }\n"])),(function(e){return e.theme.shape.borderRadius}),(function(e){return e.theme.rightPanel.panelControlsBackgroundColor}),(function(e){var t=e.theme;return mediaCSS({color:t.colors.text.light,fontFamily:t.typography.code.fontFamily,fontSize:t.typography.fontSize})}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.rightPanel.panelBackgroundColor}));var TextFieldWrapper=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  display: ",";\n  ","\n"],["\n  display: ",";\n  ","\n"])),(function(e){return"hidden"===e.type?"none":"inline-block"}),(function(e){return e.fullWidth?"width: 100%;":""})),InputWrap=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"])));export var StyledInput=styled.input(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  ","\n  ",";\n  ","\n"],["\n  ","\n  ",";\n  ","\n"])),invertedInputStyles,(function(e){var t=e.inputType,n=e.inputActionButton;return"password"===t||n?"padding-right: 40px;":""}),(function(e){return e.fullWidth?"width: 100%;":""}));var InputActionButton=styled.span(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  line-height: normal;\n\n  font-size: 0.8em;\n  padding: calc(8px / 0.8);\n  cursor: pointer;\n  text-align: center;\n  ","\n"],["\n  position: absolute;\n  right: 0;\n  line-height: normal;\n\n  font-size: 0.8em;\n  padding: calc(8px / 0.8);\n  cursor: pointer;\n  text-align: center;\n  ","\n"])),(function(e){var t=e.theme;return mediaCSS({color:t.rightPanel.textColor})}));function TextFieldComponent(e,t){var n=e.fullWidth,r=e.errorMessage,o=e.type,a=React.useState("password"===o),l=a[0],i=a[1],c=React.useCallback((function(){i(!l)}),[l]);return React.createElement(TextFieldWrapper,{fullWidth:n,type:o},React.createElement(InputWrap,null,React.createElement(StyledInput,__assign({},e,{type:l?"password":"text",inputType:o,ref:t})),e.inputActionButton?React.createElement(InputActionButton,{onClick:e.inputActionButton.onClick},e.inputActionButton.label):"password"===o?React.createElement(InputActionButton,{onClick:c},l?"show":"hide"):null),r?React.createElement(FormError,null,r):null)}export var TextField=React.forwardRef(TextFieldComponent);export function FormTextField(e){var t=useField(__assign({fieldType:"text"},e)),n=t.userProps,r=t.render,o=t.fieldState,a=t.informed;return r(React.createElement(TextField,__assign({},n,a,{errorMessage:o.error})))}var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,FormDropdownInt=function(e){var t=e.initValue,n=e.options,r=e.fieldApi,o=e.fieldState,a=n.map((function(e,t){return{value:e.title||e.value,idx:t,origValue:e.value}})),l=a.find((function(e){return e.origValue===t})),i=React.useState(null==l?void 0:l.value),c=i[0],p=i[1];React.useEffect((function(){t&&r.setValue(t)}),[]);var u=React.useCallback((function(e){r.setValue(a[e.idx].origValue),p(a[e.idx].value)}),[a]);return React.createElement(TextFieldWrapper,{fullWidth:!0},React.createElement(Dropdown,{fullWidth:!0,variant:"dark",value:c,options:a,onChange:u}),o.error?React.createElement(FormError,null,o.error):null)};export var FormDropdown=asField(FormDropdownInt);
 //# sourceMappingURL=TextField.js.map

package/lib-esm/components/console/AuthPanel.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { FormApi, FormState } from 'informed';
-import { Option } from '@redocly/react-dropdown-aria';
 import { OperationModel } from '../../redoc-lib';
 import { SecurityDetails } from '../../utils';
+import { DropdownOption } from '../common/Dropdown';
 export declare function requiredValidator(value: unknown): string | undefined;
 export interface AuthPanelProps {
     operation: OperationModel;
@@ -20,7 +20,7 @@ export declare class AuthPanel extends React.Component<AuthPanelProps, AuthPanel
     state: {
         activeScheme: number;
     };
-    handleSchemeChange: (option: Option & {
+    handleSchemeChange: (option: DropdownOption & {
         idx: number;
     }) => void;
     render(): JSX.Element | null;

package/lib-esm/components/console/AuthPanel.js

@@ -1,2 +1,2 @@
-import{__assign,__extends}from"tslib";import*as React from"react";import{Dropdown}from"../../redoc-lib";import{fromSessionStorage,getSecurityDetailsOptions,toSessionStorage,escapeFormId}from"../../utils";import OAuth2TokenInput from"./OAuth2TokenInput";import{OAuth2Flow}from"./OAuth2Flow";import{OpenIDConnect}from"./OpenIDConnect";import{FormDropdown,FormTextField}from"../common/TextField";import{FormControl,FormLabel,FormWrapper}from"../common/form";import{l}from"../../redoc-lib/src/services/Labels";export function requiredValidator(e){if(!e)return"Field is required"}var getCookie=function(e){var t=document.cookie.match("\\b"+e+"=([^;]*)\\b");return t?t[1]:void 0};function fromCookie(e){if("cookie"===e.in)return getCookie(e.name)}var AuthPanel=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{activeScheme:0}}),Object.defineProperty(t,"handleSchemeChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.setState({activeScheme:e.idx}),toSessionStorage("securityRequirementName",e.value)}}),t}return __extends(t,e),Object.defineProperty(t,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.operation.security.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})),r=fromSessionStorage("securityRequirementName"),o=t.findIndex((function(e){return e===r}));return{activeScheme:o<0?0:o}}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props.securityDefaults,r=this.state.activeScheme,o=this.props.operation.security,a=o.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})).map((function(e,t){return{value:e,idx:t}}));return 0===a.length?null:React.createElement(React.Fragment,null,React.createElement(FormWrapper,null,a.length>1&&React.createElement(FormControl,null,React.createElement(Dropdown,{variant:"dark",fullWidth:!0,prefix:"Security scheme: ",options:a,value:a[r].value,onChange:this.handleSchemeChange}))||null,o[r].schemes.map((function(r){var o,a,i,n,u,s,c,m=escapeFormId(r.id);if("apiKey"===r.type){var d=getSecurityDetailsOptions(m,""),p={field:"auth."+m,fullWidth:!0,initialValue:fromCookie(r)||fromSessionStorage("auth."+m)||(null==t?void 0:t[m]),initValue:fromCookie(r)||fromSessionStorage("auth."+m)||(null==t?void 0:t[m]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(FormControl,{key:m},React.createElement(FormLabel,null," ",r.name,": "),d?React.createElement(FormDropdown,__assign({},p,{options:d})):React.createElement(FormTextField,__assign({},p,{type:"password","data-cy":"apiKey-auth-password"})))}if("http"===r.type){if("basic"===r.scheme){var f=getSecurityDetailsOptions(m,"username");p={field:"auth."+m+".username",fullWidth:!0,initialValue:fromSessionStorage("auth."+m+".username")||(null===(o=null==t?void 0:t[m])||void 0===o?void 0:o.username),initValue:fromSessionStorage("auth."+m+".username")||(null===(a=null==t?void 0:t[m])||void 0===a?void 0:a.username),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:m},React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicUsername"),": "),f?React.createElement(FormDropdown,__assign({},p,{options:f})):React.createElement(FormTextField,__assign({},p))),React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicPassword"),": "),React.createElement(FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:"auth."+m+".password",validate:requiredValidator,initialValue:fromSessionStorage("auth."+m+".password")||(null===(i=null==t?void 0:t[m])||void 0===i?void 0:i.password),validateOnBlur:!0,validateOnChange:!0})))}if("bearer"===r.scheme){var h=getSecurityDetailsOptions(m,"");p={field:"auth."+m,fullWidth:!0,initialValue:fromSessionStorage("auth."+m)||(null==t?void 0:t[m]),initValue:fromSessionStorage("auth."+m)||(null==t?void 0:t[m]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:m},React.createElement(FormControl,null,React.createElement(FormLabel,null," Bearer Token: "),h?React.createElement(FormDropdown,__assign({},p,{options:h})):React.createElement(FormTextField,__assign({},p,{type:"password",placeholder:"(without 'Bearer')"}))))}}else{if("oauth2"===r.type&&r.flows&&r.flows.clientCredentials)return React.createElement(OAuth2TokenInput,{key:m,flow:r.flows.clientCredentials,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:m,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.clientCredentials["x-defaultClientId"]||r["x-defaultClientId"],defaultValues:null==t?void 0:t[m]});if("oauth2"===r.type&&r.flows&&r.flows.implicit)return React.createElement(OAuth2Flow,{key:m,authorizationUrl:r.flows.implicit.authorizationUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(u=null===(n=null==r?void 0:r.flows)||void 0===n?void 0:n.implicit)||void 0===u?void 0:u.scopes)||{}),server:e.props.activeServer,id:m,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.implicit["x-defaultClientId"]||r["x-defaultClientId"],flow:"implicit",defaultValues:null==t?void 0:t[m]});if("oauth2"===r.type&&r.flows&&r.flows.authorizationCode)return React.createElement(OAuth2Flow,{key:m,authorizationUrl:r.flows.authorizationCode.authorizationUrl,tokenUrl:r.flows.authorizationCode.tokenUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(s=r.flows.authorizationCode)||void 0===s?void 0:s.scopes)||{}),server:e.props.activeServer,id:m,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.authorizationCode["x-defaultClientId"]||r["x-defaultClientId"],flow:"authorizationCode",usePkce:r.flows.authorizationCode["x-usePkce"],defaultValues:null==t?void 0:t[m]});if("oauth2"===r.type){var v=fromSessionStorage("auth."+m+".token")||JSON.stringify(null===(c=null==t?void 0:t[m])||void 0===c?void 0:c.token);return v=v?JSON.parse(v):{},React.createElement(React.Fragment,{key:m},React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token Type: "),React.createElement(FormTextField,{fullWidth:!0,field:"auth."+m+".token.token_type",initialValue:v.token_type||"Bearer"})),React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:"auth."+m+".token.access_token",validate:requiredValidator,initialValue:v.access_token,validateOnBlur:!0,validateOnChange:!0})))}if("openIdConnect"===r.type)return React.createElement(OpenIDConnect,{key:m,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:m,form:e.props.form,formApi:e.props.formApi,scheme:r,clientId:r["x-defaultClientId"],defaultValues:null==t?void 0:t[m]})}}))),React.createElement("small",null,React.createElement("strong",null,"Note"),": Your credentials will be saved until the end of the browser session"))}}),t}(React.Component);export{AuthPanel};
+import{__assign,__extends}from"tslib";import*as React from"react";import{fromSessionStorage,getSecurityDetailsOptions,toSessionStorage,escapeFormId}from"../../utils";import OAuth2TokenInput from"./OAuth2TokenInput";import{OAuth2Flow}from"./OAuth2Flow";import{OpenIDConnect}from"./OpenIDConnect";import{FormDropdown,FormTextField}from"../common/TextField";import{FormControl,FormLabel,FormWrapper}from"../common/form";import{l}from"../../redoc-lib/src/services/Labels";import{Dropdown}from"../common/Dropdown";export function requiredValidator(e){if(!e)return"Field is required"}var getCookie=function(e){var t=document.cookie.match("\\b"+e+"=([^;]*)\\b");return t?t[1]:void 0};function fromCookie(e){if("cookie"===e.in)return getCookie(e.name)}var AuthPanel=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{activeScheme:0}}),Object.defineProperty(t,"handleSchemeChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.setState({activeScheme:e.idx}),toSessionStorage("securityRequirementName",e.value)}}),t}return __extends(t,e),Object.defineProperty(t,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.operation.security.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})),r=fromSessionStorage("securityRequirementName"),o=t.findIndex((function(e){return e===r}));return{activeScheme:o<0?0:o}}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props.securityDefaults,r=this.state.activeScheme,o=this.props.operation.security,a=o.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})).map((function(e,t){return{value:e,idx:t}}));return 0===a.length?null:React.createElement(React.Fragment,null,React.createElement(FormWrapper,null,a.length>1&&React.createElement(FormControl,null,React.createElement(FormLabel,null," Security scheme: "),React.createElement(Dropdown,{variant:"dark",fullWidth:!0,options:a,value:a[r].value,onChange:this.handleSchemeChange}))||null,o[r].schemes.map((function(r){var o,a,n,i,u,s,c,m=escapeFormId(r.id);if("apiKey"===r.type){var d=getSecurityDetailsOptions(m,""),p={field:"auth."+m,fullWidth:!0,initialValue:fromCookie(r)||fromSessionStorage("auth."+m)||(null==t?void 0:t[m]),initValue:fromCookie(r)||fromSessionStorage("auth."+m)||(null==t?void 0:t[m]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(FormControl,{key:m},React.createElement(FormLabel,null," ",r.name,": "),d?React.createElement(FormDropdown,__assign({},p,{options:d})):React.createElement(FormTextField,__assign({},p,{type:"password","data-cy":"apiKey-auth-password"})))}if("http"===r.type){if("basic"===r.scheme){var f=getSecurityDetailsOptions(m,"username");p={field:"auth."+m+".username",fullWidth:!0,initialValue:fromSessionStorage("auth."+m+".username")||(null===(o=null==t?void 0:t[m])||void 0===o?void 0:o.username),initValue:fromSessionStorage("auth."+m+".username")||(null===(a=null==t?void 0:t[m])||void 0===a?void 0:a.username),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:m},React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicUsername"),": "),f?React.createElement(FormDropdown,__assign({},p,{options:f})):React.createElement(FormTextField,__assign({},p))),React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicPassword"),": "),React.createElement(FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:"auth."+m+".password",validate:requiredValidator,initialValue:fromSessionStorage("auth."+m+".password")||(null===(n=null==t?void 0:t[m])||void 0===n?void 0:n.password),validateOnBlur:!0,validateOnChange:!0})))}if("bearer"===r.scheme){var h=getSecurityDetailsOptions(m,"");p={field:"auth."+m,fullWidth:!0,initialValue:fromSessionStorage("auth."+m)||(null==t?void 0:t[m]),initValue:fromSessionStorage("auth."+m)||(null==t?void 0:t[m]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:m},React.createElement(FormControl,null,React.createElement(FormLabel,null," Bearer Token: "),h?React.createElement(FormDropdown,__assign({},p,{options:h})):React.createElement(FormTextField,__assign({},p,{type:"password",placeholder:"(without 'Bearer')"}))))}}else{if("oauth2"===r.type&&r.flows&&r.flows.clientCredentials)return React.createElement(OAuth2TokenInput,{key:m,flow:r.flows.clientCredentials,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:m,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.clientCredentials["x-defaultClientId"]||r["x-defaultClientId"],defaultValues:null==t?void 0:t[m]});if("oauth2"===r.type&&r.flows&&r.flows.implicit)return React.createElement(OAuth2Flow,{key:m,authorizationUrl:r.flows.implicit.authorizationUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(u=null===(i=null==r?void 0:r.flows)||void 0===i?void 0:i.implicit)||void 0===u?void 0:u.scopes)||{}),server:e.props.activeServer,id:m,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.implicit["x-defaultClientId"]||r["x-defaultClientId"],flow:"implicit",defaultValues:null==t?void 0:t[m]});if("oauth2"===r.type&&r.flows&&r.flows.authorizationCode)return React.createElement(OAuth2Flow,{key:m,authorizationUrl:r.flows.authorizationCode.authorizationUrl,tokenUrl:r.flows.authorizationCode.tokenUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(s=r.flows.authorizationCode)||void 0===s?void 0:s.scopes)||{}),server:e.props.activeServer,id:m,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.authorizationCode["x-defaultClientId"]||r["x-defaultClientId"],flow:"authorizationCode",usePkce:r.flows.authorizationCode["x-usePkce"],defaultValues:null==t?void 0:t[m]});if("oauth2"===r.type){var v=fromSessionStorage("auth."+m+".token")||JSON.stringify(null===(c=null==t?void 0:t[m])||void 0===c?void 0:c.token);return v=v?JSON.parse(v):{},React.createElement(React.Fragment,{key:m},React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token Type: "),React.createElement(FormTextField,{fullWidth:!0,field:"auth."+m+".token.token_type",initialValue:v.token_type||"Bearer"})),React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:"auth."+m+".token.access_token",validate:requiredValidator,initialValue:v.access_token,validateOnBlur:!0,validateOnChange:!0})))}if("openIdConnect"===r.type)return React.createElement(OpenIDConnect,{key:m,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:m,form:e.props.form,formApi:e.props.formApi,scheme:r,clientId:r["x-defaultClientId"],defaultValues:null==t?void 0:t[m]})}}))),React.createElement("small",null,React.createElement("strong",null,"Note"),": Your credentials will be saved until the end of the browser session"))}}),t}(React.Component);export{AuthPanel};
 //# sourceMappingURL=AuthPanel.js.map