@redocly/reference-docs 2.36.1 → 2.37.1

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 export declare const StyledInput: import("styled-components").StyledComponent<"input", import("../../services/extendTheme").ProTheme, {
     fullWidth?: boolean | undefined;
 }, never>;
@@ -7,4 +7,4 @@ export interface CheckboxExtraProps {
     label?: string;
     nowrap?: boolean;
 }
-export declare const Checkbox: React.ForwardRefExoticComponent<React.InputHTMLAttributes<Omit<HTMLInputElement, "type">> & CheckboxExtraProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<Omit<HTMLInputElement, "type">> & CheckboxExtraProps & import("react").RefAttributes<HTMLInputElement>>;

package/lib/components/common/Checkbox.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Checkbox=exports.StyledInput=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components"));exports.StyledInput=styled_components_1.default.input(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  cursor: pointer;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\n\n  align-self: baseline;\n  margin-top: 0;\n  margin-bottom: 0;\n"],["\n  cursor: pointer;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\n\n  align-self: baseline;\n  margin-top: 0;\n  margin-bottom: 0;\n"])));var templateObject_1,templateObject_2,templateObject_3,CheckboxLabel=styled_components_1.default.label(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  cursor: pointer;\n  vertical-align: middle;\n  position: relative;\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  overflow-wrap: break-word;\n  line-height: 20px;\n"],["\n  display: inline-block;\n  cursor: pointer;\n  vertical-align: middle;\n  position: relative;\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  overflow-wrap: break-word;\n  line-height: 20px;\n"]))),CheckBoxWrap=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  width: ",";\n  display: inline-flex;\n  align-items: center;\n\n  & > label {\n    white-space: ",";\n  }\n\n  ","\n"],["\n  width: ",";\n  display: inline-flex;\n  align-items: center;\n\n  & > label {\n    white-space: ",";\n  }\n\n  ","\n"])),(function(e){return e.fullWidth?"100%":"50%"}),(function(e){return e.nowrap?"nowrap":"normal"}),(function(e){return e.nowrap?"":"\n    :not(:first-child) {\n      margin-top: 5px;\n    }\n  "}));function CheckboxComponent(e,n){var t=e.fullWidth,l=e.id,i=e.label,r=e.nowrap;return React.createElement(CheckBoxWrap,{fullWidth:t,nowrap:r},React.createElement(exports.StyledInput,(0,tslib_1.__assign)({},e,{type:"checkbox",ref:n})),React.createElement(CheckboxLabel,{htmlFor:l},i))}exports.Checkbox=React.forwardRef(CheckboxComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Checkbox=exports.StyledInput=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components"));exports.StyledInput=styled_components_1.default.input(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  cursor: pointer;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\n\n  align-self: baseline;\n  margin-top: 0;\n  margin-bottom: 0;\n"],["\n  cursor: pointer;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\n\n  align-self: baseline;\n  margin-top: 0;\n  margin-bottom: 0;\n"])));var templateObject_1,templateObject_2,templateObject_3,CheckboxLabel=styled_components_1.default.label(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  cursor: pointer;\n  vertical-align: middle;\n  position: relative;\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  overflow-wrap: break-word;\n  line-height: 20px;\n"],["\n  display: inline-block;\n  cursor: pointer;\n  vertical-align: middle;\n  position: relative;\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  overflow-wrap: break-word;\n  line-height: 20px;\n"]))),CheckBoxWrap=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  width: ",";\n  display: inline-flex;\n  align-items: center;\n\n  & > label {\n    white-space: ",";\n  }\n\n  ","\n"],["\n  width: ",";\n  display: inline-flex;\n  align-items: center;\n\n  & > label {\n    white-space: ",";\n  }\n\n  ","\n"])),(function(e){return e.fullWidth?"100%":"50%"}),(function(e){return e.nowrap?"nowrap":"normal"}),(function(e){return e.nowrap?"":"\n    :not(:first-child) {\n      margin-top: 5px;\n    }\n  "}));function CheckboxComponent(e,n){var t=e.fullWidth,i=e.id,l=e.label,r=e.nowrap;return(0,jsx_runtime_1.jsxs)(CheckBoxWrap,(0,tslib_1.__assign)({fullWidth:t,nowrap:r},{children:[(0,jsx_runtime_1.jsx)(exports.StyledInput,(0,tslib_1.__assign)({},e,{type:"checkbox",ref:n}),void 0),(0,jsx_runtime_1.jsx)(CheckboxLabel,(0,tslib_1.__assign)({htmlFor:i},{children:l}),void 0)]}),void 0)}exports.Checkbox=(0,react_1.forwardRef)(CheckboxComponent);
 //# sourceMappingURL=Checkbox.js.map

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { ChangeEvent } from 'react';
+import { Component } from 'react';
 import type { FieldContext } from 'informed';
 declare type FieldValue = string[];
 interface CheckboxListComponentState {
@@ -12,7 +12,7 @@ export interface CheckboxListComponentProps {
     showControls?: boolean;
     trimItemsLength?: boolean;
 }
-export declare class CheckboxListComponent extends React.Component<FieldContext<FieldValue> & CheckboxListComponentProps, CheckboxListComponentState> {
+export declare class CheckboxListComponent extends Component<FieldContext<FieldValue> & CheckboxListComponentProps, CheckboxListComponentState> {
     state: CheckboxListComponentState;
     onCheckBoxClick(event: ChangeEvent<Omit<HTMLInputElement, 'type'>>): void;
     private isFieldChecked;
@@ -21,5 +21,5 @@ export declare class CheckboxListComponent extends React.Component<FieldContext<
     private clearAll;
     render(): JSX.Element;
 }
-export declare const CheckboxList: React.ComponentType<import("informed").FieldProps<FieldValue, any> & CheckboxListComponentProps>;
+export declare const CheckboxList: import("react").ComponentType<import("informed").FieldProps<FieldValue, any> & CheckboxListComponentProps>;
 export {};

package/lib/components/common/CheckboxList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckboxList=exports.CheckboxListComponent=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),informed_1=require("informed"),redoc_lib_1=require("../../redoc-lib"),common_elements_1=require("../../redoc-lib/src/common-elements"),form_1=require("./form"),Checkbox_1=require("./Checkbox"),DEFAULT_MAX_ITEMS=11,CheckboxListComponent=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:{collapsed:!0}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"onCheckBoxClick",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.target.value,l=e.target.checked;this.props.fieldApi.setTouched(!0);var r,o=this.props.fieldApi.getValue()||[];if(l)r=(0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],o,!0),[t],!1);else{var n=o.indexOf(t);r=(0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],o.slice(0,n),!0),o.slice(n+1),!0)}this.props.fieldApi.setValue(r)}}),Object.defineProperty(t.prototype,"isFieldChecked",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return this.props.fieldApi.getValue().includes(e)}}),Object.defineProperty(t.prototype,"toggle",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setState({collapsed:!this.state.collapsed})}}),Object.defineProperty(t.prototype,"selectAll",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.fieldApi.setValue(this.props.items)}}),Object.defineProperty(t.prototype,"clearAll",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.fieldApi.setValue([])}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props,l=t.items,r=t.fieldApi,o=t.validateOnChange,n=t.maxDisplayedItems,a=t.showControls,i=t.trimItemsLength,c=this.state.collapsed,s=r.getError(),p=n||DEFAULT_MAX_ITEMS,u=i&&this.state.collapsed?l.slice(0,p):l;return react_1.default.createElement("div",null,a?react_1.default.createElement(ControlButtonsWrapper,null,react_1.default.createElement(common_elements_1.SamplesControlButton,{onClick:function(){e.selectAll()}},"Select all"),react_1.default.createElement(common_elements_1.SamplesControlButton,{onClick:function(){e.clearAll()}},"Clear")):null,react_1.default.createElement("div",null,u.map((function(t){return react_1.default.createElement(Checkbox_1.Checkbox,{fullWidth:!0,id:t,value:t,checked:e.isFieldChecked(t),label:t,key:t,onChange:function(t){e.onCheckBoxClick(t),o&&r.validate()}})})),l.length>p&&i?react_1.default.createElement(ToggleButton,{onClick:function(){e.toggle()}},c?"Show all":"Collapse"):null),s?react_1.default.createElement(form_1.FormError,null,s):"")}}),t}(react_1.default.Component);exports.CheckboxListComponent=CheckboxListComponent,exports.CheckboxList=(0,informed_1.asField)(CheckboxListComponent);var templateObject_1,templateObject_2,ControlButtonsWrapper=(0,redoc_lib_1.styled)(common_elements_1.SampleControls)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  opacity: 1;\n  text-align: left;\n"],["\n  opacity: 1;\n  text-align: left;\n"]))),ToggleButton=(0,redoc_lib_1.styled)(common_elements_1.SamplesControlButton)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  float: right;\n"],["\n  float: right;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckboxList=exports.CheckboxListComponent=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),informed_1=require("informed"),redoc_lib_1=require("../../redoc-lib"),common_elements_1=require("../../redoc-lib/src/common-elements"),form_1=require("./form"),Checkbox_1=require("./Checkbox"),DEFAULT_MAX_ITEMS=11,CheckboxListComponent=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:{collapsed:!0}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"onCheckBoxClick",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.target.value,l=e.target.checked;this.props.fieldApi.setTouched(!0);var r,i=this.props.fieldApi.getValue()||[];if(l)r=(0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],i,!0),[t],!1);else{var o=i.indexOf(t);r=(0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],i.slice(0,o),!0),i.slice(o+1),!0)}this.props.fieldApi.setValue(r)}}),Object.defineProperty(t.prototype,"isFieldChecked",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return this.props.fieldApi.getValue().includes(e)}}),Object.defineProperty(t.prototype,"toggle",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setState({collapsed:!this.state.collapsed})}}),Object.defineProperty(t.prototype,"selectAll",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.fieldApi.setValue(this.props.items)}}),Object.defineProperty(t.prototype,"clearAll",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.fieldApi.setValue([])}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props,l=t.items,r=t.fieldApi,i=t.validateOnChange,o=t.maxDisplayedItems,n=t.showControls,s=t.trimItemsLength,a=this.state.collapsed,c=r.getError(),p=o||DEFAULT_MAX_ITEMS,_=s&&this.state.collapsed?l.slice(0,p):l;return(0,jsx_runtime_1.jsxs)("div",{children:[n?(0,jsx_runtime_1.jsxs)(ControlButtonsWrapper,{children:[(0,jsx_runtime_1.jsx)(common_elements_1.SamplesControlButton,(0,tslib_1.__assign)({onClick:function(){e.selectAll()}},{children:"Select all"}),void 0),(0,jsx_runtime_1.jsx)(common_elements_1.SamplesControlButton,(0,tslib_1.__assign)({onClick:function(){e.clearAll()}},{children:"Clear"}),void 0)]},void 0):null,(0,jsx_runtime_1.jsxs)("div",{children:[_.map((function(t){return(0,jsx_runtime_1.jsx)(Checkbox_1.Checkbox,{fullWidth:!0,id:t,value:t,checked:e.isFieldChecked(t),label:t,onChange:function(t){e.onCheckBoxClick(t),i&&r.validate()}},t)})),l.length>p&&s?(0,jsx_runtime_1.jsx)(ToggleButton,(0,tslib_1.__assign)({onClick:function(){e.toggle()}},{children:a?"Show all":"Collapse"}),void 0):null]},void 0),c?(0,jsx_runtime_1.jsx)(form_1.FormError,{children:c},void 0):""]},void 0)}}),t}(react_1.Component);exports.CheckboxListComponent=CheckboxListComponent,exports.CheckboxList=(0,informed_1.asField)(CheckboxListComponent);var templateObject_1,templateObject_2,ControlButtonsWrapper=(0,redoc_lib_1.styled)(common_elements_1.SampleControls)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  opacity: 1;\n  text-align: left;\n"],["\n  opacity: 1;\n  text-align: left;\n"]))),ToggleButton=(0,redoc_lib_1.styled)(common_elements_1.SamplesControlButton)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  float: right;\n"],["\n  float: right;\n"])));
 //# sourceMappingURL=CheckboxList.js.map

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

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import type { ClearButtonProps } from './types';
-export declare const ClearButton: React.NamedExoticComponent<ClearButtonProps>;
+export declare const ClearButton: import("react").NamedExoticComponent<ClearButtonProps>;

package/lib/components/common/ClearButton/ClearButton.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClearButton=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),ClearButtonComponent=function(e){var t=e.className,r=e.style,a=e.handleClear;return react_1.default.createElement("button",{className:t,style:r,onClick:a},"✕")};exports.ClearButton=react_1.default.memo(ClearButtonComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClearButton=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ClearButtonComponent=function(e){var t=e.className,r=e.style,s=e.handleClear;return(0,jsx_runtime_1.jsx)("button",(0,tslib_1.__assign)({className:t,style:r,onClick:s},{children:"✕"}),void 0)};exports.ClearButton=(0,react_1.memo)(ClearButtonComponent);
 //# sourceMappingURL=ClearButton.js.map

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

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import type { DropdownProps } from './types';
-export declare const Dropdown: React.NamedExoticComponent<DropdownProps>;
+export declare const Dropdown: import("react").NamedExoticComponent<DropdownProps>;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=void 0;var templateObject_1,tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("../../../redoc-lib/src/styled-components")),ClearButton_1=require("../ClearButton"),ArrowSvg=function(e){var t=e.className,n=e.style;return react_1.default.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_1.default.createElement("polyline",{points:"6 9 12 15 18 9"}))},ArrowIcon=(0,styled_components_1.default)(ArrowSvg)(templateObject_1||(templateObject_1=(0,tslib_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.handleClear,a=e.clearable,o=e.placeholder,l=e.value,i=void 0===l?"":l,s=e.className,c=e.variant,d=void 0===c?"light":c;return react_1.default.createElement("div",{className:s+" dropdown-wrapper"},react_1.default.createElement(ArrowIcon,{variant:d}),a&&(null==i?void 0:i.length)>0&&react_1.default.createElement(ClearButton_1.ClearButton,{handleClear:r}),react_1.default.createElement("select",{onChange:function(e){var r=e.target.selectedIndex;n(t[o||!i?r-1:r])},value:i,className:"dropdown-select"},o&&react_1.default.createElement("option",{disabled:!0,hidden:!0,value:o},o),!i&&!o&&react_1.default.createElement("option",{disabled:!0}),t.map((function(e,t){var n=e.idx,r=e.value,a=e.title;return react_1.default.createElement("option",{key:n||r+t,value:r,className:"dropdown-option"},a||r)}))),react_1.default.createElement("label",null,i))};exports.Dropdown=react_1.default.memo(DropdownComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=void 0;var templateObject_1,tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=(0,tslib_1.__importDefault)(require("../../../redoc-lib/src/styled-components")),ClearButton_1=require("../ClearButton"),ArrowSvg=function(e){var n=e.className,t=e.style;return(0,jsx_runtime_1.jsx)("svg",(0,tslib_1.__assign)({className:n,style:t,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"},{children:(0,jsx_runtime_1.jsx)("polyline",{points:"6 9 12 15 18 9"},void 0)}),void 0)},ArrowIcon=(0,styled_components_1.default)(ArrowSvg)(templateObject_1||(templateObject_1=(0,tslib_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 n=e.options,t=e.onChange,r=e.handleClear,o=e.clearable,s=e.placeholder,i=e.value,a=void 0===i?"":i,l=e.className,_=e.variant,d=void 0===_?"light":_;return(0,jsx_runtime_1.jsxs)("div",(0,tslib_1.__assign)({className:l+" dropdown-wrapper"},{children:[(0,jsx_runtime_1.jsx)(ArrowIcon,{variant:d},void 0),o&&(null==a?void 0:a.length)>0&&(0,jsx_runtime_1.jsx)(ClearButton_1.ClearButton,{handleClear:r},void 0),(0,jsx_runtime_1.jsxs)("select",(0,tslib_1.__assign)({onChange:function(e){var r=e.target.selectedIndex;t(n[s||!a?r-1:r])},value:a,className:"dropdown-select"},{children:[s&&(0,jsx_runtime_1.jsx)("option",(0,tslib_1.__assign)({disabled:!0,hidden:!0,value:s},{children:s}),void 0),!a&&!s&&(0,jsx_runtime_1.jsx)("option",{disabled:!0},void 0),n.map((function(e,n){var t=e.idx,r=e.value,o=e.title;return(0,jsx_runtime_1.jsx)("option",(0,tslib_1.__assign)({value:r,className:"dropdown-option"},{children:o||r}),t||r+n)}))]}),void 0),(0,jsx_runtime_1.jsx)("label",{children:a},void 0)]}),void 0)};exports.Dropdown=(0,react_1.memo)(DropdownComponent);
 //# sourceMappingURL=Dropdown.js.map

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { SchemaModel } from '../../../redoc-lib/src/services/models/Schema';
 import type { UploadFileType } from '../../../models';
 export interface FileUploadProps {
@@ -7,4 +7,4 @@ export interface FileUploadProps {
     onChange(key: string, file: UploadFileType): void;
     name: string;
 }
-export declare const FileUpload: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> & FileUploadProps & React.RefAttributes<HTMLInputElement>>;
+export declare const FileUpload: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange"> & FileUploadProps & import("react").RefAttributes<HTMLInputElement>>;

package/lib/components/common/FileUpload/FileUpload.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FileUpload=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),informed_1=require("informed"),helper_1=require("./helper");exports.FileUpload=React.forwardRef((function(e,t){var r=(0,tslib_1.__rest)(e,[]),i=r.schema,a=r.contentName,l=r.onChange,n=r.name,s=(0,tslib_1.__rest)(r,["schema","contentName","onChange","name"]);return(0,(0,informed_1.useField)((0,tslib_1.__assign)({field:n},s)).render)(React.createElement("input",{"data-cy":"file-upload-input",type:"file",id:r.id,className:r.className,name:r.name,onChange:function(e){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){var t;return(0,tslib_1.__generator)(this,(function(r){switch(r.label){case 0:return[4,(0,helper_1.getFileToUpload)(e.target.files,i)];case 1:return t=r.sent(),l(a,t),[2]}}))}))},multiple:r.multiple,accept:r.accept,ref:t}))})),exports.FileUpload.displayName="FileUpload";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FileUpload=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),informed_1=require("informed"),helper_1=require("./helper");exports.FileUpload=(0,react_1.forwardRef)((function(e,r){var t=(0,tslib_1.__rest)(e,[]),i=t.schema,a=t.contentName,n=t.onChange,l=t.name,s=(0,tslib_1.__rest)(t,["schema","contentName","onChange","name"]);return(0,(0,informed_1.useField)((0,tslib_1.__assign)({field:l},s)).render)((0,jsx_runtime_1.jsx)("input",{"data-cy":"file-upload-input",type:"file",id:t.id,className:t.className,name:t.name,onChange:function(e){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){var r;return(0,tslib_1.__generator)(this,(function(t){switch(t.label){case 0:return[4,(0,helper_1.getFileToUpload)(e.target.files,i)];case 1:return r=t.sent(),n(a,r),[2]}}))}))},multiple:t.multiple,accept:t.accept,ref:r},void 0))})),exports.FileUpload.displayName="FileUpload";
 //# sourceMappingURL=FileUpload.js.map

package/lib/components/common/LinearProgress.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LinearProgress=void 0;var templateObject_1,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),LoadingLine=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  position: relative;\n  height: 4px;\n  display: block;\n  width: 100%;\n  background-color: ",";\n  border-radius: ",";\n  background-clip: padding-box;\n  margin: 0.5rem 0 1rem 0;\n  overflow: hidden;\n\n  .determinate {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    background-color: ",";\n    transition: width 0.3s linear;\n  }\n  .indeterminate {\n    background-color: ",";\n  }\n  .indeterminate:before {\n    content: '';\n    position: absolute;\n    background-color: inherit;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    will-change: left, right;\n    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n  }\n  .indeterminate:after {\n    content: '';\n    position: absolute;\n    background-color: inherit;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    will-change: left, right;\n    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n    -webkit-animation-delay: 1.15s;\n    animation-delay: 1.15s;\n  }\n\n  @-webkit-keyframes indeterminate {\n    0% {\n      left: -35%;\n      right: 100%;\n    }\n    60% {\n      left: 100%;\n      right: -90%;\n    }\n    100% {\n      left: 100%;\n      right: -90%;\n    }\n  }\n  @keyframes indeterminate {\n    0% {\n      left: -35%;\n      right: 100%;\n    }\n    60% {\n      left: 100%;\n      right: -90%;\n    }\n    100% {\n      left: 100%;\n      right: -90%;\n    }\n  }\n  @-webkit-keyframes indeterminate-short {\n    0% {\n      left: -200%;\n      right: 100%;\n    }\n    60% {\n      left: 107%;\n      right: -8%;\n    }\n    100% {\n      left: 107%;\n      right: -8%;\n    }\n  }\n  @keyframes indeterminate-short {\n    0% {\n      left: -200%;\n      right: 100%;\n    }\n    60% {\n      left: 107%;\n      right: -8%;\n    }\n    100% {\n      left: 107%;\n      right: -8%;\n    }\n  }\n"],["\n  position: relative;\n  height: 4px;\n  display: block;\n  width: 100%;\n  background-color: ",";\n  border-radius: ",";\n  background-clip: padding-box;\n  margin: 0.5rem 0 1rem 0;\n  overflow: hidden;\n\n  .determinate {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    background-color: ",";\n    transition: width 0.3s linear;\n  }\n  .indeterminate {\n    background-color: ",";\n  }\n  .indeterminate:before {\n    content: '';\n    position: absolute;\n    background-color: inherit;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    will-change: left, right;\n    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n  }\n  .indeterminate:after {\n    content: '';\n    position: absolute;\n    background-color: inherit;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    will-change: left, right;\n    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n    -webkit-animation-delay: 1.15s;\n    animation-delay: 1.15s;\n  }\n\n  @-webkit-keyframes indeterminate {\n    0% {\n      left: -35%;\n      right: 100%;\n    }\n    60% {\n      left: 100%;\n      right: -90%;\n    }\n    100% {\n      left: 100%;\n      right: -90%;\n    }\n  }\n  @keyframes indeterminate {\n    0% {\n      left: -35%;\n      right: 100%;\n    }\n    60% {\n      left: 100%;\n      right: -90%;\n    }\n    100% {\n      left: 100%;\n      right: -90%;\n    }\n  }\n  @-webkit-keyframes indeterminate-short {\n    0% {\n      left: -200%;\n      right: 100%;\n    }\n    60% {\n      left: 107%;\n      right: -8%;\n    }\n    100% {\n      left: 107%;\n      right: -8%;\n    }\n  }\n  @keyframes indeterminate-short {\n    0% {\n      left: -200%;\n      right: 100%;\n    }\n    60% {\n      left: 107%;\n      right: -8%;\n    }\n    100% {\n      left: 107%;\n      right: -8%;\n    }\n  }\n"])),(function(n){return n.theme.colors.accent.light}),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.theme.colors.accent.main}),(function(n){return n.theme.colors.accent.main})),LinearProgress=function(){return React.createElement(LoadingLine,null,React.createElement("div",{className:"indeterminate"}))};exports.LinearProgress=LinearProgress;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LinearProgress=void 0;var templateObject_1,tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),redoc_lib_1=require("../../redoc-lib"),LoadingLine=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  position: relative;\n  height: 4px;\n  display: block;\n  width: 100%;\n  background-color: ",";\n  border-radius: ",";\n  background-clip: padding-box;\n  margin: 0.5rem 0 1rem 0;\n  overflow: hidden;\n\n  .determinate {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    background-color: ",";\n    transition: width 0.3s linear;\n  }\n  .indeterminate {\n    background-color: ",";\n  }\n  .indeterminate:before {\n    content: '';\n    position: absolute;\n    background-color: inherit;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    will-change: left, right;\n    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n  }\n  .indeterminate:after {\n    content: '';\n    position: absolute;\n    background-color: inherit;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    will-change: left, right;\n    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n    -webkit-animation-delay: 1.15s;\n    animation-delay: 1.15s;\n  }\n\n  @-webkit-keyframes indeterminate {\n    0% {\n      left: -35%;\n      right: 100%;\n    }\n    60% {\n      left: 100%;\n      right: -90%;\n    }\n    100% {\n      left: 100%;\n      right: -90%;\n    }\n  }\n  @keyframes indeterminate {\n    0% {\n      left: -35%;\n      right: 100%;\n    }\n    60% {\n      left: 100%;\n      right: -90%;\n    }\n    100% {\n      left: 100%;\n      right: -90%;\n    }\n  }\n  @-webkit-keyframes indeterminate-short {\n    0% {\n      left: -200%;\n      right: 100%;\n    }\n    60% {\n      left: 107%;\n      right: -8%;\n    }\n    100% {\n      left: 107%;\n      right: -8%;\n    }\n  }\n  @keyframes indeterminate-short {\n    0% {\n      left: -200%;\n      right: 100%;\n    }\n    60% {\n      left: 107%;\n      right: -8%;\n    }\n    100% {\n      left: 107%;\n      right: -8%;\n    }\n  }\n"],["\n  position: relative;\n  height: 4px;\n  display: block;\n  width: 100%;\n  background-color: ",";\n  border-radius: ",";\n  background-clip: padding-box;\n  margin: 0.5rem 0 1rem 0;\n  overflow: hidden;\n\n  .determinate {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    background-color: ",";\n    transition: width 0.3s linear;\n  }\n  .indeterminate {\n    background-color: ",";\n  }\n  .indeterminate:before {\n    content: '';\n    position: absolute;\n    background-color: inherit;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    will-change: left, right;\n    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n  }\n  .indeterminate:after {\n    content: '';\n    position: absolute;\n    background-color: inherit;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    will-change: left, right;\n    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n    -webkit-animation-delay: 1.15s;\n    animation-delay: 1.15s;\n  }\n\n  @-webkit-keyframes indeterminate {\n    0% {\n      left: -35%;\n      right: 100%;\n    }\n    60% {\n      left: 100%;\n      right: -90%;\n    }\n    100% {\n      left: 100%;\n      right: -90%;\n    }\n  }\n  @keyframes indeterminate {\n    0% {\n      left: -35%;\n      right: 100%;\n    }\n    60% {\n      left: 100%;\n      right: -90%;\n    }\n    100% {\n      left: 100%;\n      right: -90%;\n    }\n  }\n  @-webkit-keyframes indeterminate-short {\n    0% {\n      left: -200%;\n      right: 100%;\n    }\n    60% {\n      left: 107%;\n      right: -8%;\n    }\n    100% {\n      left: 107%;\n      right: -8%;\n    }\n  }\n  @keyframes indeterminate-short {\n    0% {\n      left: -200%;\n      right: 100%;\n    }\n    60% {\n      left: 107%;\n      right: -8%;\n    }\n    100% {\n      left: 107%;\n      right: -8%;\n    }\n  }\n"])),(function(n){return n.theme.colors.accent.light}),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.theme.colors.accent.main}),(function(n){return n.theme.colors.accent.main})),LinearProgress=function(){return(0,jsx_runtime_1.jsx)(LoadingLine,{children:(0,jsx_runtime_1.jsx)("div",{className:"indeterminate"},void 0)},void 0)};exports.LinearProgress=LinearProgress;
 //# sourceMappingURL=LinearProgress.js.map

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { FieldProps } from 'informed';
+import type { EventHandler, InputHTMLAttributes, SyntheticEvent } from 'react';
 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, {
@@ -9,17 +9,17 @@ export declare const StyledInput: import("styled-components").StyledComponent<"i
 }, never>;
 export interface InputActionButtonProps {
     label: string;
-    onClick: React.EventHandler<React.SyntheticEvent>;
+    onClick: EventHandler<SyntheticEvent>;
 }
-export interface TextFieldExtraProps extends React.InputHTMLAttributes<HTMLInputElement> {
+export interface TextFieldExtraProps extends InputHTMLAttributes<HTMLInputElement> {
     fullWidth?: boolean;
     errorMessage?: string;
     inputActionButton?: InputActionButtonProps;
 }
-export declare const TextField: React.ForwardRefExoticComponent<TextFieldExtraProps & React.RefAttributes<HTMLInputElement>>;
+export declare const TextField: import("react").ForwardRefExoticComponent<TextFieldExtraProps & import("react").RefAttributes<HTMLInputElement>>;
 export declare function FormTextField(props: FieldProps<string, GenericObject> & TextFieldExtraProps): JSX.Element;
 export interface FormDropdownProps extends Partial<DropdownProps> {
     options: DropdownOption[];
     initValue?: string;
 }
-export declare const FormDropdown: React.ComponentType<FieldProps<string, any> & FormDropdownProps>;
+export declare const FormDropdown: import("react").ComponentType<FieldProps<string, any> & FormDropdownProps>;

package/lib/components/common/TextField.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FormDropdown=exports.FormTextField=exports.TextField=exports.StyledInput=exports.invertedInputStyles=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),informed_1=require("informed"),styled_components_1=(0,tslib_1.__importStar)(require("../../redoc-lib/src/styled-components")),form_1=require("./form"),Dropdown_1=require("./Dropdown");exports.invertedInputStyles=(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_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(0,styled_components_1.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_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__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_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  position: relative;\n"],["\n  position: relative;\n"])));exports.StyledInput=styled_components_1.default.input(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  ","\n  ",";\n  ","\n"],["\n  ","\n  ",";\n  ","\n"])),exports.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_components_1.default.span(templateObject_5||(templateObject_5=(0,tslib_1.__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(0,styled_components_1.mediaCSS)({color:t.rightPanel.textColor})}));function TextFieldComponent(e,t){var n=e.fullWidth,r=e.errorMessage,o=e.type,l=react_1.default.useState("password"===o),a=l[0],i=l[1],u=react_1.default.useCallback((function(){i(!a)}),[a]);return react_1.default.createElement(TextFieldWrapper,{fullWidth:n,type:o},react_1.default.createElement(InputWrap,null,react_1.default.createElement(exports.StyledInput,(0,tslib_1.__assign)({},e,{type:a?"password":"text",inputType:o,ref:t})),e.inputActionButton?react_1.default.createElement(InputActionButton,{onClick:e.inputActionButton.onClick},e.inputActionButton.label):"password"===o?react_1.default.createElement(InputActionButton,{onClick:u},a?"show":"hide"):null),r?react_1.default.createElement(form_1.FormError,null,r):null)}function FormTextField(e){var t=(0,informed_1.useField)((0,tslib_1.__assign)({fieldType:"text"},e)),n=t.userProps,r=t.render,o=t.fieldState,l=t.informed;return r(react_1.default.createElement(exports.TextField,(0,tslib_1.__assign)({},n,l,{errorMessage:o.error})))}exports.TextField=react_1.default.forwardRef(TextFieldComponent),exports.FormTextField=FormTextField;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,l=n.map((function(e,t){return{value:e.title||e.value,idx:t,origValue:e.value}})),a=l.find((function(e){return e.origValue===t})),i=react_1.default.useState(null==a?void 0:a.value),u=i[0],p=i[1];react_1.default.useEffect((function(){t&&r.setValue(t)}),[]);var d=react_1.default.useCallback((function(e){r.setValue(l[e.idx].origValue),p(l[e.idx].value)}),[l]);return react_1.default.createElement(TextFieldWrapper,{fullWidth:!0},react_1.default.createElement(Dropdown_1.Dropdown,{fullWidth:!0,variant:"dark",value:u,options:l,onChange:d}),o.error?react_1.default.createElement(form_1.FormError,null,o.error):null)};exports.FormDropdown=(0,informed_1.asField)(FormDropdownInt);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FormDropdown=exports.FormTextField=exports.TextField=exports.StyledInput=exports.invertedInputStyles=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),informed_1=require("informed"),react_1=require("react"),styled_components_1=(0,tslib_1.__importStar)(require("../../redoc-lib/src/styled-components")),hooks_1=require("../../hooks"),form_1=require("./form"),Dropdown_1=require("./Dropdown");exports.invertedInputStyles=(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_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(0,styled_components_1.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_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__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_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  position: relative;\n"],["\n  position: relative;\n"])));exports.StyledInput=styled_components_1.default.input(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  ","\n  ",";\n  ","\n"],["\n  ","\n  ",";\n  ","\n"])),exports.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_components_1.default.span(templateObject_5||(templateObject_5=(0,tslib_1.__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(0,styled_components_1.mediaCSS)({color:t.rightPanel.textColor})}));function TextFieldComponent(e,t){var n=e.fullWidth,r=e.errorMessage,o=e.type,i=(0,react_1.useState)("password"===o),l=i[0],s=i[1],a=(0,react_1.useCallback)((function(){s(!l)}),[l]);return(0,jsx_runtime_1.jsxs)(TextFieldWrapper,(0,tslib_1.__assign)({fullWidth:n,type:o},{children:[(0,jsx_runtime_1.jsxs)(InputWrap,{children:[(0,jsx_runtime_1.jsx)(exports.StyledInput,(0,tslib_1.__assign)({},e,{type:l?"password":"text",inputType:o,ref:t}),void 0),e.inputActionButton?(0,jsx_runtime_1.jsx)(InputActionButton,(0,tslib_1.__assign)({onClick:e.inputActionButton.onClick},{children:e.inputActionButton.label}),void 0):"password"===o?(0,jsx_runtime_1.jsx)(InputActionButton,(0,tslib_1.__assign)({onClick:a},{children:l?"show":"hide"}),void 0):null]},void 0),r?(0,jsx_runtime_1.jsx)(form_1.FormError,{children:r},void 0):null]}),void 0)}function FormTextField(e){var t=(0,informed_1.useField)((0,tslib_1.__assign)({fieldType:"text"},e)),n=t.userProps,r=t.render,o=t.fieldState,i=t.informed;return r((0,jsx_runtime_1.jsx)(exports.TextField,(0,tslib_1.__assign)({},n,i,{errorMessage:o.error}),void 0))}exports.TextField=(0,react_1.forwardRef)(TextFieldComponent),exports.FormTextField=FormTextField;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,i=n.map((function(e,t){return{value:e.title||e.value,idx:t,origValue:e.value}})),l=i.find((function(e){return e.origValue===t})),s=(0,react_1.useState)(null==l?void 0:l.value),a=s[0],u=s[1];(0,hooks_1.useMount)((function(){t&&r.setValue(t)}));var d=(0,react_1.useCallback)((function(e){r.setValue(i[e.idx].origValue),u(i[e.idx].value)}),[r,i]);return(0,jsx_runtime_1.jsxs)(TextFieldWrapper,(0,tslib_1.__assign)({fullWidth:!0},{children:[(0,jsx_runtime_1.jsx)(Dropdown_1.Dropdown,{fullWidth:!0,variant:"dark",value:a,options:i,onChange:d},void 0),o.error?(0,jsx_runtime_1.jsx)(form_1.FormError,{children:o.error},void 0):null]}),void 0)};exports.FormDropdown=(0,informed_1.asField)(FormDropdownInt);
 //# sourceMappingURL=TextField.js.map

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { FormValues } from 'informed';
 import type { OperationModel } from '../../redoc-lib';
 export interface ActionPanelProps {
@@ -9,4 +9,4 @@ export interface ActionPanelProps {
     hasResponse: boolean;
 }
 export declare const ActionPanelComponent: ({ loading, operation, hasResponse, execute, params, }: ActionPanelProps) => JSX.Element;
-export declare const ActionPanel: React.NamedExoticComponent<ActionPanelProps>;
+export declare const ActionPanel: import("react").NamedExoticComponent<ActionPanelProps>;

package/lib/components/console/ActionPanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ActionPanel=exports.ActionPanelComponent=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),Panel_1=require("../Panel"),Endpoint_1=require("../Endpoint"),shared_1=require("../shared"),utils_1=require("./utils");function formatPath(e,t,n){var r=t.path||{},a=t.query||{},o=Object.keys(a),i=(0,utils_1.expandVariables)(e,r);return o.length&&(i+="?"+o.map((function(e){if(!a[e])return"";var t=function(e){return n.find((function(t){return t.name===e&&"query"===t.in}))}(e);return t?(0,redoc_lib_1.serializeParameterValue)(t,a[e]):e+"="+encodeURIComponent(a[e])})).filter(Boolean).join("&")),i}var ActionPanelComponent=function(e){var t=e.loading,n=e.operation,r=e.hasResponse,a=e.execute,o=e.params,i=void 0===o?{}:o;return React.createElement(TryItHeader,null,React.createElement(Endpoint_1.PathWrapper,null,React.createElement(shared_1.HttpVerb,{type:n.httpVerb},n.httpVerb),React.createElement(Endpoint_1.Path,{wrap:"true"},formatPath(n.path,i,n.parameters))),React.createElement(SendButton,{"data-cy":"send-button",color:"primary",blinking:t,onClick:function(){return!t&&a()}},t?"Sending...":r?"Resend":"Send"))};exports.ActionPanelComponent=ActionPanelComponent;var templateObject_1,templateObject_2,SendButton=(0,redoc_lib_1.styled)(shared_1.Button)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  width: ",";\n"],["\n  width: ",";\n"])),(function(e){return e.theme.components.tryItSendButton.fullWidth?"100%":"auto"})),TryItHeader=(0,redoc_lib_1.styled)(Panel_1.CodeHeader)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n"],["\n  ",";\n"])),(function(e){return e.theme.components.tryItSendButton.fullWidth?"\n    flex-direction: column;\n    align-items: flex-start;":""}));exports.ActionPanel=React.memo(exports.ActionPanelComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ActionPanel=exports.ActionPanelComponent=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),redoc_lib_1=require("../../redoc-lib"),Panel_1=require("../Panel"),Endpoint_1=require("../Endpoint"),shared_1=require("../shared"),utils_1=require("./utils");function formatPath(e,t,n){var r=t.path||{},i=t.query||{},o=Object.keys(i),a=(0,utils_1.expandVariables)(e,r);return o.length&&(a+="?"+o.map((function(e){if(!i[e])return"";var t=function(e){return n.find((function(t){return t.name===e&&"query"===t.in}))}(e);return t?(0,redoc_lib_1.serializeParameterValue)(t,i[e]):e+"="+encodeURIComponent(i[e])})).filter(Boolean).join("&")),a}var ActionPanelComponent=function(e){var t=e.loading,n=e.operation,r=e.hasResponse,i=e.execute,o=e.params,a=void 0===o?{}:o;return(0,jsx_runtime_1.jsxs)(TryItHeader,{children:[(0,jsx_runtime_1.jsxs)(Endpoint_1.PathWrapper,{children:[(0,jsx_runtime_1.jsx)(shared_1.HttpVerb,(0,tslib_1.__assign)({type:n.httpVerb},{children:n.httpVerb}),void 0),(0,jsx_runtime_1.jsx)(Endpoint_1.Path,(0,tslib_1.__assign)({wrap:"true"},{children:formatPath(n.path,a,n.parameters)}),void 0)]},void 0),(0,jsx_runtime_1.jsx)(SendButton,(0,tslib_1.__assign)({"data-cy":"send-button",color:"primary",blinking:t,onClick:function(){return!t&&i()}},{children:t?"Sending...":r?"Resend":"Send"}),void 0)]},void 0)};exports.ActionPanelComponent=ActionPanelComponent;var templateObject_1,templateObject_2,SendButton=(0,redoc_lib_1.styled)(shared_1.Button)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  width: ",";\n"],["\n  width: ",";\n"])),(function(e){return e.theme.components.tryItSendButton.fullWidth?"100%":"auto"})),TryItHeader=(0,redoc_lib_1.styled)(Panel_1.CodeHeader)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n"],["\n  ",";\n"])),(function(e){return e.theme.components.tryItSendButton.fullWidth?"\n    flex-direction: column;\n    align-items: flex-start;":""}));exports.ActionPanel=(0,react_1.memo)(exports.ActionPanelComponent);
 //# sourceMappingURL=ActionPanel.js.map

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { Component } from 'react';
 import type { FormApi, FormState } from 'informed';
 import type { OperationModel } from '../../redoc-lib';
 import type { SecurityDetails } from '../../types';
@@ -15,7 +15,7 @@ export interface AuthPanelProps {
 export interface AuthPanelState {
     activeScheme: number;
 }
-export declare class AuthPanel extends React.Component<AuthPanelProps, AuthPanelState> {
+export declare class AuthPanel extends Component<AuthPanelProps, AuthPanelState> {
     static getDerivedStateFromProps(props: AuthPanelProps): AuthPanelState;
     state: {
         activeScheme: number;

package/lib/components/console/AuthPanel.js

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

package/lib/components/console/CodemirrorInput.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentType, LegacyRef } from 'react';
-import React from 'react';
+import { PureComponent } from 'react';
 import type { FieldApi, FieldState } from 'informed';
 import { Controlled as CodeMirror } from 'react-codemirror2-react-17';
 import type { Editor } from 'codemirror';
@@ -23,7 +23,7 @@ export interface CodemirrorInputProps extends CodemirrorInputBase {
     userProps: any;
     ref: any;
 }
-export declare class CodemirrorInput extends React.PureComponent<CodemirrorInputProps> {
+export declare class CodemirrorInput extends PureComponent<CodemirrorInputProps> {
     editor: Editor;
     _onKeyUp: (_cm: CodeMirror.Doc, event: {
         key: string;

package/lib/components/console/CodemirrorInput.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodemirrorInput=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),informed_1=require("informed"),react_codemirror2_react_17_1=require("react-codemirror2-react-17"),redoc_lib_1=require("../../redoc-lib");require("./codemirror-helpers");var templateObject_1,types_1=require("../../types"),CodeMirrorStyles=(0,redoc_lib_1.createGlobalStyle)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  .cm-s-material.CodeMirror {\n    background-color: ","!important;\n    color: ","!important;\n    font-family: ",";\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: ",";\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    border-radius: ",";\n  }\n"],["\n  .cm-s-material.CodeMirror {\n    background-color: ","!important;\n    color: ","!important;\n    font-family: ",";\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: ",";\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    border-radius: ",";\n  }\n"])),(function(e){return e.theme.rightPanel.panelControlsBackgroundColor}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.typography.code.fontFamily}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.components.panels.borderRadius})),CodemirrorInput=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"editor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"_onKeyUp",{enumerable:!0,configurable:!0,writable:!0,value:function(e,t){/^[a-zA-Z0-9_":]$/.test(t.key)&&r.editor.execCommand("autocomplete")}}),Object.defineProperty(r,"initEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.editor=e,e.on("keyup",r._onKeyUp)}}),Object.defineProperty(r,"refreshEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.editor.refresh()}}),Object.defineProperty(r,"showHintHandler",{enumerable:!0,configurable:!0,writable:!0,value:function(){return r.editor.showHint({completeSingle:!0})}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;setTimeout((function(){e.editor.refresh()}),0),document.addEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){document.removeEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.fieldState.value,r=this.props.fieldApi,t=r.setValue,n=r.setTouched,o=r.setError,i=this.props,a=i.onChange,l=i.onBlur,c=i.forwardedRef;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(CodeMirrorStyles,null),react_1.default.createElement(react_codemirror2_react_17_1.Controlled,{editorDidMount:this.initEditor,value:e||"",ref:c,onBeforeChange:function(e,r,n){t(n),a&&a(n)},onBlur:function(e){n(!1),l&&l(e)},options:{mode:this.props.mode||types_1.MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":this.showHintHandler,"Ctrl-Space":this.showHintHandler},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:o}}}))}}),r}(react_1.default.PureComponent);exports.CodemirrorInput=CodemirrorInput,exports.default=(0,informed_1.asField)(CodemirrorInput);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodemirrorInput=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),informed_1=require("informed"),react_codemirror2_react_17_1=require("react-codemirror2-react-17"),redoc_lib_1=require("../../redoc-lib");require("./codemirror-helpers");var templateObject_1,types_1=require("../../types"),CodeMirrorStyles=(0,redoc_lib_1.createGlobalStyle)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  .cm-s-material.CodeMirror {\n    background-color: ","!important;\n    color: ","!important;\n    font-family: ",";\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: ",";\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    border-radius: ",";\n  }\n"],["\n  .cm-s-material.CodeMirror {\n    background-color: ","!important;\n    color: ","!important;\n    font-family: ",";\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: ",";\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    border-radius: ",";\n  }\n"])),(function(e){return e.theme.rightPanel.panelControlsBackgroundColor}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.typography.code.fontFamily}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.components.panels.borderRadius})),CodemirrorInput=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"editor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"_onKeyUp",{enumerable:!0,configurable:!0,writable:!0,value:function(e,n){/^[a-zA-Z0-9_":]$/.test(n.key)&&r.editor.execCommand("autocomplete")}}),Object.defineProperty(r,"initEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.editor=e,e.on("keyup",r._onKeyUp)}}),Object.defineProperty(r,"refreshEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.editor.refresh()}}),Object.defineProperty(r,"showHintHandler",{enumerable:!0,configurable:!0,writable:!0,value:function(){return r.editor.showHint({completeSingle:!0})}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;setTimeout((function(){e.editor.refresh()}),0),document.addEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){document.removeEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.fieldState.value,r=this.props.fieldApi,n=r.setValue,t=r.setTouched,o=r.setError,i=this.props,a=i.onChange,c=i.onBlur,l=i.forwardedRef;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(CodeMirrorStyles,{},void 0),(0,jsx_runtime_1.jsx)(react_codemirror2_react_17_1.Controlled,{editorDidMount:this.initEditor,value:e||"",ref:l,onBeforeChange:function(e,r,t){n(t),a&&a(t)},onBlur:function(e){t(!1),c&&c(e)},options:{mode:this.props.mode||types_1.MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":this.showHintHandler,"Ctrl-Space":this.showHintHandler},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:o}}},void 0)]},void 0)}}),r}(react_1.PureComponent);exports.CodemirrorInput=CodemirrorInput,exports.default=(0,informed_1.asField)(CodemirrorInput);
 //# sourceMappingURL=CodemirrorInput.js.map

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import type { FormApi, FormState } from 'informed';
+import { Component } from 'react';
 import type { SecurityDetails } from '../../types';
 import type { ProStore } from '../../services';
 import type { OperationModel, Server } from '../../redoc-lib';
@@ -31,7 +31,7 @@ export interface ConsoleState {
     time?: number;
     server: Server;
 }
-export declare class Console extends React.Component<ConsoleProps, ConsoleState> {
+export declare class Console extends Component<ConsoleProps, ConsoleState> {
     formApi: FormApi | undefined;
     constructor(props: ConsoleProps);
     setFormApi: (formApi: FormApi, { values, ...rest }?: FormState<import("informed").FormValues>) => void;

package/lib/components/console/Console.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Console=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),informed_1=require("informed"),mobx_react_1=require("mobx-react"),swagger_client_1=(0,tslib_1.__importDefault)(require("swagger-client")),utils_1=require("../../utils"),services_1=require("../../services"),redoc_lib_1=require("../../redoc-lib"),RenderHook_1=require("../../redoc-lib/src/components/RenderHook"),Labels_1=require("../../redoc-lib/src/services/Labels"),Panel_1=require("../Panel"),OAuth2_1=require("../../services/OAuth2"),helper_1=require("../common/FileUpload/helper"),OperationParameters_1=require("../OperationParameters"),hooks_1=require("../../hooks"),utils_2=require("./utils"),AuthPanel_1=require("./AuthPanel"),ConsoleBadges_1=require("./ConsoleBadges"),RequestBody_1=require("./RequestBody"),ResponsePanel_1=require("./ResponsePanel"),ActionPanel_1=require("./ActionPanel"),ServersDropdown_1=require("./ServersDropdown"),TryItPanel_1=require("./TryItPanel"),styled_1=require("./styled");function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}var flexColumn={flex:1,display:"flex",flexDirection:"column"},Console=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"formApi",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"setFormApi",{enumerable:!0,configurable:!0,writable:!0,value:function(e,t){void 0===t&&(t=e.getState());var s=t.values,a=(0,tslib_1.__rest)(t,["values"]);r.formApi=e,setTimeout((function(){var e=(0,tslib_1.__assign)((0,tslib_1.__assign)({},a),{values:(0,tslib_1.__assign)((0,tslib_1.__assign)({},s),{query:(0,utils_2.unescapeQueryParams)(s.query||{})})});r.setState({form:e})}),0)}}),Object.defineProperty(r,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.values,s=(0,tslib_1.__rest)(e,["values"]),a=(0,tslib_1.__assign)((0,tslib_1.__assign)({},s),{values:(0,tslib_1.__assign)((0,tslib_1.__assign)({},t),{query:(0,utils_2.unescapeQueryParams)(t.query||{})})});r.setState({form:a}),(0,utils_2.updateStorage)(a),r.props.operation.setRequestValues(t)}}),Object.defineProperty(r,"handleTabChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState({activeTab:e})}}),Object.defineProperty(r,"handleServerChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState({server:e}),r.props.operation.setActiveServer(e)}}),Object.defineProperty(r,"handleExecute",{enumerable:!0,configurable:!0,writable:!0,value:function(){return(0,tslib_1.__awaiter)(r,void 0,void 0,(function(){var e,t,r,s,a,o,n,i,l,u,c,d,p,_,h,v,m,b,y,g,f,P,R,q,S,A,C,w,k,I,E,O,T,x,B,j,F,H,D,V,U,N,L=this;return(0,tslib_1.__generator)(this,(function(W){switch(W.label){case 0:if(e=this.props,t=e.store,r=e.operation,s=e.onResponse,a=this.state.form,o=a.values,n=a.invalid,null===(B=this.formApi)||void 0===B||B.submitForm(),n)return this.setState({shaking:!0}),setTimeout((function(){return L.setState({shaking:!1})}),1e3),null===(F=null===(j=null==t?void 0:t.options.events)||void 0===j?void 0:j.tryItSent)||void 0===F||F.call(j,{eventType:services_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:r.operationId,operationPath:r.path,operationHttpVerb:r.httpVerb,operationSummary:r.description}),[2];if(i=this.props.operation,l=i.servers,u=i.requestBody,c=u&&u.content&&u.content.active&&u.content.active.name||"",d=o.body,/json/.test(c))try{d=JSON.parse(d)}catch(e){console.error(e)}if(this.setState({loading:!0}),p=this.state.resolvedRawSpec,_=(r.httpVerb||"").toLowerCase(),!l)throw console.error("Servers are not specified in your OpenAPI file. You can't use Try It Out console without specifying servers. If you use OpenAPI 2, make sure you configured host and basepath"),new Error("Servers are not specified");h=l.find((function(e){return L.state.server.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url)})),v=Date.now(),m=!!window.document.documentMode,y=o.auth,o.auth?(g=Object.keys(o.auth)[0],f=(0,utils_1.unescapeFormId)(g),b=(0,tslib_1.__assign)((0,tslib_1.__assign)({},p),{components:(0,tslib_1.__assign)((0,tslib_1.__assign)({},null==p?void 0:p.components),{securitySchemes:(0,tslib_1.__assign)((0,tslib_1.__assign)({},null==p?void 0:p.components.securitySchemes),(E={},E[f]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},null==p?void 0:p.components.securitySchemes[f]),{type:"openIdConnect"===(null==p?void 0:p.components.securitySchemes[f].type)?"oauth2":null==p?void 0:p.components.securitySchemes[f].type}),E))})}),y=(0,tslib_1.__assign)((0,tslib_1.__assign)({},y),((O={})[f]=y[g],O))):b=(0,tslib_1.__assign)({},p),b.servers=l,(P=t.options.corsProxyUrl)&&l.length&&(b.servers=l.map((function(e){return(0,tslib_1.__assign)((0,tslib_1.__assign)({},e),{url:P+normalizeUrlProtocol(e.url)})})),b.paths=(0,tslib_1.__assign)((0,tslib_1.__assign)({},b.paths),((T={})[r.path]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},b.paths[r.path]),((x={})[_]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},b.paths[r.path][_]),{servers:void 0}),x.servers=void 0,x)),T))),(R=(null===(D=null===(H=null==u?void 0:u.content)||void 0===H?void 0:H.active)||void 0===D?void 0:D.name)||null)&&d&&(0,helper_1.isFileUploadMime)(R)&&(q=Object.values(d),d=q.length>1?q:q[0]),S={userFetch:m&&require("cross-fetch").fetch,server:P?P+normalizeUrlProtocol(h.url):h.url,serverVariables:this.state.server.variables,spec:b,pathName:r.path,method:r.httpVerb,parameters:(0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)({},o.path),o.query),o.header),o.cookie),securities:{authorized:y},requestBody:d,requestContentType:R,responseContentType:(null===(V=o.header)||void 0===V?void 0:V.Accept)||null,requestInterceptor:(0,utils_2.makeRequestInterceptor)(t.options,r,null==y?void 0:y.Authorization)},W.label=1;case 1:return W.trys.push([1,5,8,9]),[4,swagger_client_1.default.execute(S)];case 2:return A=W.sent(),(C=null==A?void 0:A.data)instanceof Blob?((0,helper_1.isFileUploadMime)(C.type)&&(A.fileInfo={rawData:C,fileName:(0,utils_2.getFileNameFromHeaders)(A.headers)}),w=A,[4,C.text()]):[3,4];case 3:w.data=W.sent(),W.label=4;case 4:return null==s||s({request:S,response:A}),this.setState({response:A,error:void 0}),[3,9];case 5:return(k=W.sent())&&k.response&&k.response.data instanceof Blob?(I=k.response,[4,k.response.data.text()]):[3,7];case 6:I.data=W.sent(),null==s||s({request:S,response:k.response}),W.label=7;case 7:return this.setState({response:void 0,error:k}),[3,9];case 8:return this.setState({loading:!1,activeTab:1,time:Date.now()-v}),null===(N=null===(U=null==t?void 0:t.options.events)||void 0===U?void 0:U.tryItSent)||void 0===N||N.call(U,{eventType:services_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:r.operationId,operationPath:r.path,operationHttpVerb:r.httpVerb,operationSummary:r.description}),[7];case 9:return[2]}}))}))}}),r.state={form:{values:{path:(0,utils_2.getParameters)(t.operation.parameters,"path"),cookie:(0,utils_2.getParameters)(t.operation.parameters,"cookie"),header:(0,utils_2.getParameters)(t.operation.parameters,"header"),query:(0,utils_2.getParameters)(t.operation.parameters,"query")}},shaking:!1,loading:!1,activeTab:0,server:{}},r}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e;return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var t,r,s,a;return(0,tslib_1.__generator)(this,(function(o){switch(o.label){case 0:return t=this.props,r=t.store,s=t.operation,[4,r.dereferenceSpecForTryIt(s)];case 1:return a=o.sent(),this.setState({resolvedRawSpec:a}),null===(e=this.formApi)||void 0===e||e.setValues({}),[2]}}))}))}}),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){e.operation!==this.props.operation&&this.setState({response:void 0,error:void 0,activeTab:0})}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.operation,r=e.className,s=e.rootElement,a=this.state,o=a.shaking,n=a.activeTab,i=a.form,l=a.response,u=a.loading,c=a.error,d=!(!l&&!c);return React.createElement(ConsoleWrapHook,{shaking:o,className:r,rootElement:s},React.createElement(Panel_1.CodeHeader,null,React.createElement(ConsoleBadges_1.ConsoleBadges,{active:n,hasResponse:d,onChange:this.handleTabChange}),this.props.onClose&&React.createElement(styled_1.CloseButton,{onClick:this.props.onClose}," ✕ ")),React.createElement(styled_1.ConsoleBody,{hidden:0!==n,"data-cy":"console-request-body"},this.renderRequest()),React.createElement(styled_1.ConsoleBody,{hidden:1!==n,"data-cy":"console-response-body"},this.renderResponse()),React.createElement(ActionPanel_1.ActionPanel,{hasResponse:d,params:i.values,operation:t,loading:u,execute:this.handleExecute}))}}),Object.defineProperty(t.prototype,"renderRequest",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,r=t.operation,s=t.store,a=t.properties,o=t.securityDefaults,n=this.state,i=n.form,l=n.resolvedRawSpec,u=n.server,c=i.errors||{},d=c.path||c.cookie||c.header||c.query,p=l&&redoc_lib_1.JsonPointer.get(l,r.pointer),_=i.values&&i.values.auth&&Object.keys(i.values.auth)[0];_&&i.values.auth[_]||(_=void 0),!_||void 0===i.values.auth[_].token&&void 0===i.values.auth[_].client_id&&void 0===i.values.auth[_].client_secret||i.values.auth[_].token&&i.values.auth[_].token.access_token||(_=void 0),_&&null!=i.values.auth[_].username&&(i.values.auth[_].username&&i.values.auth[_].password||(_=void 0));var h=r.parameters||[],v=null===(e=null==s?void 0:s.options.hooks)||void 0===e?void 0:e.ReplaceTryItSecurityPanel;return!l&&React.createElement(React.Fragment,null,"Loading...")||React.createElement(informed_1.Form,{onChange:this.handleChange,getApi:this.setFormApi,style:(0,tslib_1.__assign)((0,tslib_1.__assign)({},flexColumn),{margin:0})},React.createElement(ServersDropdown_1.ServersDropdown,{operation:r,onChange:this.handleServerChange}),React.createElement(Panel_1.Accordion,{initialActiveIdx:r.security.length&&_?1:0},r.security.length&&this.formApi&&React.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItAuth"),"data-cy":"security-trigger",renderChildrenHidden:!0,error:!_&&!!c.auth,success:!!_},v?React.createElement(AuthPanelHook,{field:"auth",validate:AuthPanel_1.requiredValidator},(function(e){return React.createElement(RenderHook_1.RenderHook,{Hook:v,props:{server:u,operation:r,onChange:e,OAuth2:OAuth2_1.OAuth2}})})):React.createElement(AuthPanel_1.AuthPanel,{formApi:this.formApi,form:i,operation:r,activeServer:u.url,authCorsProxyUrl:s.options.authCorsProxyUrl,securityDefaults:o}))||null,r.requestBody&&this.formApi&&React.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItBody"),"data-cy":"body-trigger",renderChildrenHidden:!0,error:!!c.body},React.createElement(RequestBody_1.RequestBody,{validate:allowBodyErrors,formApi:this.formApi,body:r.requestBody,id:r.id,resolvedBody:null==p?void 0:p.requestBody,properties:a}))||null,h.length&&React.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItParameters"),"data-cy":"parameters-trigger",error:d,renderChildrenHidden:!0},React.createElement(OperationParameters_1.OperationParameters,{operation:r,values:i.values,errors:i.errors||{}}))||null))}}),Object.defineProperty(t.prototype,"renderResponse",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.state,t=e.response,r=e.error,s=e.time;return React.createElement(ResponsePanel_1.ResponsePanel,{response:t,error:r,time:s})}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);function allowBodyErrors(){}function ConsoleWrapHook(e){var t=e.shaking,r=e.className,s=e.children,a=e.rootElement,o=(0,hooks_1.useDimensions)(a)[0];return React.createElement(styled_1.ConsoleWrap,{shaking:t,className:r,"data-cy":"console",fullWidth:null==o?void 0:o.width},s)}function AuthPanelHook(e){var t=(0,informed_1.useField)((0,tslib_1.__assign)({},e)),r=t.fieldApi,s=t.render,a=t.userProps,o=r.setValue,n=a.children;return s(React.createElement(React.Fragment,null,n(o)))}exports.Console=Console;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Console=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),informed_1=require("informed"),mobx_react_1=require("mobx-react"),swagger_client_1=(0,tslib_1.__importDefault)(require("swagger-client")),react_1=require("react"),utils_1=require("../../utils"),redoc_lib_1=require("../../redoc-lib"),RenderHook_1=require("../../redoc-lib/src/components/RenderHook"),Labels_1=require("../../redoc-lib/src/services/Labels"),Panel_1=require("../Panel"),OAuth2_1=require("../../services/OAuth2"),helper_1=require("../common/FileUpload/helper"),OperationParameters_1=require("../OperationParameters"),hooks_1=require("../../hooks"),events_1=require("../../events"),utils_2=require("./utils"),AuthPanel_1=require("./AuthPanel"),ConsoleBadges_1=require("./ConsoleBadges"),RequestBody_1=require("./RequestBody"),ResponsePanel_1=require("./ResponsePanel"),ActionPanel_1=require("./ActionPanel"),ServersDropdown_1=require("./ServersDropdown"),TryItPanel_1=require("./TryItPanel"),styled_1=require("./styled");function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}var flexColumn={flex:1,display:"flex",flexDirection:"column"},Console=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"formApi",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"setFormApi",{enumerable:!0,configurable:!0,writable:!0,value:function(e,t){void 0===t&&(t=e.getState());var s=t.values,i=(0,tslib_1.__rest)(t,["values"]);r.formApi=e,setTimeout((function(){var e=(0,tslib_1.__assign)((0,tslib_1.__assign)({},i),{values:(0,tslib_1.__assign)((0,tslib_1.__assign)({},s),{query:(0,utils_2.unescapeQueryParams)(s.query||{})})});r.setState({form:e})}),0)}}),Object.defineProperty(r,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.values,s=(0,tslib_1.__rest)(e,["values"]),i=(0,tslib_1.__assign)((0,tslib_1.__assign)({},s),{values:(0,tslib_1.__assign)((0,tslib_1.__assign)({},t),{query:(0,utils_2.unescapeQueryParams)(t.query||{})})});r.setState({form:i}),(0,utils_2.updateStorage)(i),r.props.operation.setRequestValues(t)}}),Object.defineProperty(r,"handleTabChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState({activeTab:e})}}),Object.defineProperty(r,"handleServerChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState({server:e}),r.props.operation.setActiveServer(e)}}),Object.defineProperty(r,"handleExecute",{enumerable:!0,configurable:!0,writable:!0,value:function(){return(0,tslib_1.__awaiter)(r,void 0,void 0,(function(){var e,t,r,s,i,o,n,a,l,u,_,d,c,p,h,v,b,m,y,g,f,x,j,P,q,S,A,C,w,k,I,O,T,R,B,F,H,D,V,E,U,N,L=this;return(0,tslib_1.__generator)(this,(function(W){switch(W.label){case 0:if(e=this.props,t=e.store,r=e.operation,s=e.onResponse,i=this.state.form,o=i.values,n=i.invalid,null===(B=this.formApi)||void 0===B||B.submitForm(),n)return this.setState({shaking:!0}),setTimeout((function(){return L.setState({shaking:!1})}),1e3),null===(H=null===(F=null==t?void 0:t.options.events)||void 0===F?void 0:F.tryItSent)||void 0===H||H.call(F,{eventType:events_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:r.operationId,operationPath:r.path,operationHttpVerb:r.httpVerb,operationSummary:r.description}),[2];if(a=this.props.operation,l=a.servers,u=a.requestBody,_=u&&u.content&&u.content.active&&u.content.active.name||"",d=o.body,/json/.test(_))try{d=JSON.parse(d)}catch(e){console.error(e)}if(this.setState({loading:!0}),c=this.state.resolvedRawSpec,p=(r.httpVerb||"").toLowerCase(),!l)throw console.error("Servers are not specified in your OpenAPI file. You can't use Try It Out console without specifying servers. If you use OpenAPI 2, make sure you configured host and basepath"),new Error("Servers are not specified");h=l.find((function(e){return L.state.server.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url)})),v=Date.now(),b=!!window.document.documentMode,y=o.auth,o.auth?(g=Object.keys(o.auth)[0],f=(0,utils_1.unescapeFormId)(g),m=(0,tslib_1.__assign)((0,tslib_1.__assign)({},c),{components:(0,tslib_1.__assign)((0,tslib_1.__assign)({},null==c?void 0:c.components),{securitySchemes:(0,tslib_1.__assign)((0,tslib_1.__assign)({},null==c?void 0:c.components.securitySchemes),(I={},I[f]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},null==c?void 0:c.components.securitySchemes[f]),{type:"openIdConnect"===(null==c?void 0:c.components.securitySchemes[f].type)?"oauth2":null==c?void 0:c.components.securitySchemes[f].type}),I))})}),y=(0,tslib_1.__assign)((0,tslib_1.__assign)({},y),((O={})[f]=y[g],O))):m=(0,tslib_1.__assign)({},c),m.servers=l,(x=t.options.corsProxyUrl)&&l.length&&(m.servers=l.map((function(e){return(0,tslib_1.__assign)((0,tslib_1.__assign)({},e),{url:x+normalizeUrlProtocol(e.url)})})),m.paths=(0,tslib_1.__assign)((0,tslib_1.__assign)({},m.paths),((T={})[r.path]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},m.paths[r.path]),((R={})[p]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},m.paths[r.path][p]),{servers:void 0}),R.servers=void 0,R)),T))),(j=(null===(V=null===(D=null==u?void 0:u.content)||void 0===D?void 0:D.active)||void 0===V?void 0:V.name)||null)&&d&&(0,helper_1.isFileUploadMime)(j)&&(P=Object.values(d),d=P.length>1?P:P[0]),q={userFetch:b&&require("cross-fetch").fetch,server:x?x+normalizeUrlProtocol(h.url):h.url,serverVariables:this.state.server.variables,spec:m,pathName:r.path,method:r.httpVerb,parameters:(0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)({},o.path),o.query),o.header),o.cookie),securities:{authorized:y},requestBody:d,requestContentType:j,responseContentType:(null===(E=o.header)||void 0===E?void 0:E.Accept)||null,requestInterceptor:(0,utils_2.makeRequestInterceptor)(t.options,r,null==y?void 0:y.Authorization)},W.label=1;case 1:return W.trys.push([1,5,8,9]),[4,swagger_client_1.default.execute(q)];case 2:return S=W.sent(),(A=null==S?void 0:S.data)instanceof Blob?((0,helper_1.isFileUploadMime)(A.type)&&(S.fileInfo={rawData:A,fileName:(0,utils_2.getFileNameFromHeaders)(S.headers)}),C=S,[4,A.text()]):[3,4];case 3:C.data=W.sent(),W.label=4;case 4:return null==s||s({request:q,response:S}),this.setState({response:S,error:void 0}),[3,9];case 5:return(w=W.sent())&&w.response&&w.response.data instanceof Blob?(k=w.response,[4,w.response.data.text()]):[3,7];case 6:k.data=W.sent(),null==s||s({request:q,response:w.response}),W.label=7;case 7:return this.setState({response:void 0,error:w}),[3,9];case 8:return this.setState({loading:!1,activeTab:1,time:Date.now()-v}),null===(N=null===(U=null==t?void 0:t.options.events)||void 0===U?void 0:U.tryItSent)||void 0===N||N.call(U,{eventType:events_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:r.operationId,operationPath:r.path,operationHttpVerb:r.httpVerb,operationSummary:r.description}),[7];case 9:return[2]}}))}))}}),r.state={form:{values:{path:(0,utils_2.getParameters)(t.operation.parameters,"path"),cookie:(0,utils_2.getParameters)(t.operation.parameters,"cookie"),header:(0,utils_2.getParameters)(t.operation.parameters,"header"),query:(0,utils_2.getParameters)(t.operation.parameters,"query")}},shaking:!1,loading:!1,activeTab:0,server:{}},r}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e;return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var t,r,s,i;return(0,tslib_1.__generator)(this,(function(o){switch(o.label){case 0:return t=this.props,r=t.store,s=t.operation,[4,r.dereferenceSpecForTryIt(s)];case 1:return i=o.sent(),this.setState({resolvedRawSpec:i}),null===(e=this.formApi)||void 0===e||e.setValues({}),[2]}}))}))}}),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){e.operation!==this.props.operation&&this.setState({response:void 0,error:void 0,activeTab:0})}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.operation,r=e.className,s=e.rootElement,i=this.state,o=i.shaking,n=i.activeTab,a=i.form,l=i.response,u=i.loading,_=i.error,d=!(!l&&!_);return(0,jsx_runtime_1.jsxs)(ConsoleWrapHook,(0,tslib_1.__assign)({shaking:o,className:r,rootElement:s},{children:[(0,jsx_runtime_1.jsxs)(Panel_1.CodeHeader,{children:[(0,jsx_runtime_1.jsx)(ConsoleBadges_1.ConsoleBadges,{active:n,hasResponse:d,onChange:this.handleTabChange},void 0),this.props.onClose&&(0,jsx_runtime_1.jsx)(styled_1.CloseButton,(0,tslib_1.__assign)({onClick:this.props.onClose},{children:" ✕ "}),void 0)]},void 0),(0,jsx_runtime_1.jsx)(styled_1.ConsoleBody,(0,tslib_1.__assign)({hidden:0!==n,"data-cy":"console-request-body"},{children:this.renderRequest()}),void 0),(0,jsx_runtime_1.jsx)(styled_1.ConsoleBody,(0,tslib_1.__assign)({hidden:1!==n,"data-cy":"console-response-body"},{children:this.renderResponse()}),void 0),(0,jsx_runtime_1.jsx)(ActionPanel_1.ActionPanel,{hasResponse:d,params:a.values,operation:t,loading:u,execute:this.handleExecute},void 0)]}),void 0)}}),Object.defineProperty(t.prototype,"renderRequest",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,r=t.operation,s=t.store,i=t.properties,o=t.securityDefaults,n=this.state,a=n.form,l=n.resolvedRawSpec,u=n.server,_=a.errors||{},d=_.path||_.cookie||_.header||_.query,c=l&&redoc_lib_1.JsonPointer.get(l,r.pointer),p=a.values&&a.values.auth&&Object.keys(a.values.auth)[0];p&&a.values.auth[p]||(p=void 0),!p||void 0===a.values.auth[p].token&&void 0===a.values.auth[p].client_id&&void 0===a.values.auth[p].client_secret||a.values.auth[p].token&&a.values.auth[p].token.access_token||(p=void 0),p&&null!=a.values.auth[p].username&&(a.values.auth[p].username&&a.values.auth[p].password||(p=void 0));var h=r.parameters||[],v=null===(e=null==s?void 0:s.options.hooks)||void 0===e?void 0:e.ReplaceTryItSecurityPanel;return!l&&(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:"Loading..."},void 0)||(0,jsx_runtime_1.jsxs)(informed_1.Form,(0,tslib_1.__assign)({onChange:this.handleChange,getApi:this.setFormApi,style:(0,tslib_1.__assign)((0,tslib_1.__assign)({},flexColumn),{margin:0})},{children:[(0,jsx_runtime_1.jsx)(ServersDropdown_1.ServersDropdown,{operation:r,onChange:this.handleServerChange},void 0),(0,jsx_runtime_1.jsxs)(Panel_1.Accordion,(0,tslib_1.__assign)({initialActiveIdx:r.security.length&&p?1:0},{children:[r.security.length&&this.formApi&&(0,jsx_runtime_1.jsx)(TryItPanel_1.TryItPanel,(0,tslib_1.__assign)({header:(0,Labels_1.l)("tryItAuth"),"data-cy":"security-trigger",renderChildrenHidden:!0,error:!p&&!!_.auth,success:!!p},{children:v?(0,jsx_runtime_1.jsx)(AuthPanelHook,(0,tslib_1.__assign)({field:"auth",validate:AuthPanel_1.requiredValidator},{children:function(e){return(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:v,props:{server:u,operation:r,onChange:e,OAuth2:OAuth2_1.OAuth2}},void 0)}}),void 0):(0,jsx_runtime_1.jsx)(AuthPanel_1.AuthPanel,{formApi:this.formApi,form:a,operation:r,activeServer:u.url,authCorsProxyUrl:s.options.authCorsProxyUrl,securityDefaults:o},void 0)}),void 0)||null,r.requestBody&&this.formApi&&(0,jsx_runtime_1.jsx)(TryItPanel_1.TryItPanel,(0,tslib_1.__assign)({header:(0,Labels_1.l)("tryItBody"),"data-cy":"body-trigger",renderChildrenHidden:!0,error:!!_.body},{children:(0,jsx_runtime_1.jsx)(RequestBody_1.RequestBody,{validate:allowBodyErrors,formApi:this.formApi,body:r.requestBody,id:r.id,resolvedBody:null==c?void 0:c.requestBody,properties:i},void 0)}),void 0)||null,h.length&&(0,jsx_runtime_1.jsx)(TryItPanel_1.TryItPanel,(0,tslib_1.__assign)({header:(0,Labels_1.l)("tryItParameters"),"data-cy":"parameters-trigger",error:d,renderChildrenHidden:!0},{children:(0,jsx_runtime_1.jsx)(OperationParameters_1.OperationParameters,{operation:r,values:a.values,errors:a.errors||{}},void 0)}),void 0)||null]}),void 0)]}),void 0)}}),Object.defineProperty(t.prototype,"renderResponse",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.state,t=e.response,r=e.error,s=e.time;return(0,jsx_runtime_1.jsx)(ResponsePanel_1.ResponsePanel,{response:t,error:r,time:s},void 0)}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(react_1.Component);function allowBodyErrors(){}function ConsoleWrapHook(e){var t=e.shaking,r=e.className,s=e.children,i=e.rootElement,o=(0,hooks_1.useDimensions)(i)[0];return(0,jsx_runtime_1.jsx)(styled_1.ConsoleWrap,(0,tslib_1.__assign)({shaking:t,className:r,"data-cy":"console",fullWidth:null==o?void 0:o.width},{children:s}),void 0)}function AuthPanelHook(e){var t=(0,informed_1.useField)((0,tslib_1.__assign)({},e)),r=t.fieldApi,s=t.render,i=t.userProps,o=r.setValue,n=i.children;return s((0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:n(o)},void 0))}exports.Console=Console;
 //# sourceMappingURL=Console.js.map

package/lib/components/console/ConsoleBadges.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import { Component } from 'react';
 export interface ConsoleBadgesProps {
     onChange: (activeBadge: number) => void;
     active: number;
     hasResponse: boolean;
 }
-export declare class ConsoleBadges extends React.Component<ConsoleBadgesProps> {
+export declare class ConsoleBadges extends Component<ConsoleBadgesProps> {
     render(): JSX.Element;
 }

package/lib/components/console/ConsoleBadges.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ConsoleBadges=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),polished_1=require("polished"),redoc_lib_1=require("../../redoc-lib"),BadgesWrap=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  font-size: 12px;\n  button {\n    margin: 0;\n  }\n"],["\n  display: flex;\n  font-size: 12px;\n  button {\n    margin: 0;\n  }\n"]))),Badge=redoc_lib_1.styled.button(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  outline: none;\n  border: none;\n  background-color: ",";\n  text-align: center;\n  cursor: pointer;\n  color: ",";\n  min-width: 80px;\n  min-height: 30px;\n  border-radius: ",";\n  font-size: 12px;\n\n  padding: 0 10px;\n\n  border-top: 4px solid transparent;\n  border-bottom: 4px solid transparent;\n\n  &:first-child {\n    border-top-left-radius: ",";\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: ",";\n  }\n\n  &:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: ",";\n    border-bottom-right-radius: ",";\n    border-bottom-left-radius: 0;\n  }\n\n  ","\n\n  ","\n"],["\n  outline: none;\n  border: none;\n  background-color: ",";\n  text-align: center;\n  cursor: pointer;\n  color: ",";\n  min-width: 80px;\n  min-height: 30px;\n  border-radius: ",";\n  font-size: 12px;\n\n  padding: 0 10px;\n\n  border-top: 4px solid transparent;\n  border-bottom: 4px solid transparent;\n\n  &:first-child {\n    border-top-left-radius: ",";\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: ",";\n  }\n\n  &:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: ",";\n    border-bottom-right-radius: ",";\n    border-bottom-left-radius: 0;\n  }\n\n  ","\n\n  ","\n"])),(function(e){return e.theme.rightPanel.panelBackgroundColor}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.shape.borderRadius}),(function(e){return e.theme.shape.borderRadius}),(function(e){return e.theme.shape.borderRadius}),(function(e){return e.theme.shape.borderRadius}),(function(e){return e.theme.shape.borderRadius}),(function(e){var n=e.active,t=e.theme;return n&&"\n    border-bottom: 4px solid "+t.colors.accent.main+";\n    background-color: "+(0,polished_1.darken)(.05,t.rightPanel.panelBackgroundColor)+";\n  "||""}),(function(e){var n=e.disabled,t=e.theme;return n&&"\n    cursor: default;\n    color:  "+(0,polished_1.transparentize)(.3,t.colors.text.light)+";\n  "||""})),ConsoleBadges=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(n,e),Object.defineProperty(n.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,n=e.onChange,t=e.active,r=e.hasResponse;return React.createElement(BadgesWrap,null,React.createElement(Badge,{onClick:function(){return n(0)},active:0===t},r?"Edit Request":"Request"),React.createElement(Badge,{onClick:function(){return r&&n(1)},active:1===t,disabled:!r}," ","Response"," "))}}),n}(React.Component);exports.ConsoleBadges=ConsoleBadges;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ConsoleBadges=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),polished_1=require("polished"),redoc_lib_1=require("../../redoc-lib"),BadgesWrap=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  font-size: 12px;\n  button {\n    margin: 0;\n  }\n"],["\n  display: flex;\n  font-size: 12px;\n  button {\n    margin: 0;\n  }\n"]))),Badge=redoc_lib_1.styled.button(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  outline: none;\n  border: none;\n  background-color: ",";\n  text-align: center;\n  cursor: pointer;\n  color: ",";\n  min-width: 80px;\n  min-height: 30px;\n  border-radius: ",";\n  font-size: 12px;\n\n  padding: 0 10px;\n\n  border-top: 4px solid transparent;\n  border-bottom: 4px solid transparent;\n\n  &:first-child {\n    border-top-left-radius: ",";\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: ",";\n  }\n\n  &:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: ",";\n    border-bottom-right-radius: ",";\n    border-bottom-left-radius: 0;\n  }\n\n  ","\n\n  ","\n"],["\n  outline: none;\n  border: none;\n  background-color: ",";\n  text-align: center;\n  cursor: pointer;\n  color: ",";\n  min-width: 80px;\n  min-height: 30px;\n  border-radius: ",";\n  font-size: 12px;\n\n  padding: 0 10px;\n\n  border-top: 4px solid transparent;\n  border-bottom: 4px solid transparent;\n\n  &:first-child {\n    border-top-left-radius: ",";\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: ",";\n  }\n\n  &:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: ",";\n    border-bottom-right-radius: ",";\n    border-bottom-left-radius: 0;\n  }\n\n  ","\n\n  ","\n"])),(function(e){return e.theme.rightPanel.panelBackgroundColor}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.shape.borderRadius}),(function(e){return e.theme.shape.borderRadius}),(function(e){return e.theme.shape.borderRadius}),(function(e){return e.theme.shape.borderRadius}),(function(e){return e.theme.shape.borderRadius}),(function(e){var n=e.active,r=e.theme;return n&&"\n    border-bottom: 4px solid "+r.colors.accent.main+";\n    background-color: "+(0,polished_1.darken)(.05,r.rightPanel.panelBackgroundColor)+";\n  "||""}),(function(e){var n=e.disabled,r=e.theme;return n&&"\n    cursor: default;\n    color:  "+(0,polished_1.transparentize)(.3,r.colors.text.light)+";\n  "||""})),ConsoleBadges=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(n,e),Object.defineProperty(n.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,n=e.onChange,r=e.active,t=e.hasResponse;return(0,jsx_runtime_1.jsxs)(BadgesWrap,{children:[(0,jsx_runtime_1.jsx)(Badge,(0,tslib_1.__assign)({onClick:function(){return n(0)},active:0===r},{children:t?"Edit Request":"Request"}),void 0),(0,jsx_runtime_1.jsxs)(Badge,(0,tslib_1.__assign)({onClick:function(){return t&&n(1)},active:1===r,disabled:!t},{children:[" ","Response"," "]}),void 0)]},void 0)}}),n}(react_1.Component);exports.ConsoleBadges=ConsoleBadges;
 //# sourceMappingURL=ConsoleBadges.js.map

package/lib/components/console/ConsoleLazy.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Console=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),hooks_1=require("../../hooks"),Panel_1=require("../Panel"),styled_1=require("./styled");function Console(e){var t=this,o=React.useState({}),s=o[0],r=o[1],n=(0,hooks_1.useDimensions)(e.rootElement)[0];return React.useEffect((function(){(0,tslib_1.__awaiter)(t,void 0,void 0,(function(){var e;return(0,tslib_1.__generator)(this,(function(t){switch(t.label){case 0:return[4,Promise.resolve().then((function(){return(0,tslib_1.__importStar)(require("./Console"))}))];case 1:return e=t.sent(),r({Console:e.Console}),[2]}}))}))}),[]),s.Console?React.createElement(s.Console,(0,tslib_1.__assign)({},e)):React.createElement(styled_1.ConsoleWrap,{className:e.className,fullWidth:null==n?void 0:n.width},React.createElement(Panel_1.CodeHeader,null,"Loading..."))}exports.Console=Console;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Console=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),hooks_1=require("../../hooks"),Panel_1=require("../Panel"),styled_1=require("./styled");function Console(e){var s=this,r=(0,react_1.useState)({}),t=r[0],o=r[1],i=(0,hooks_1.useDimensions)(e.rootElement)[0];return(0,react_1.useEffect)((function(){(0,tslib_1.__awaiter)(s,void 0,void 0,(function(){var e;return(0,tslib_1.__generator)(this,(function(s){switch(s.label){case 0:return[4,Promise.resolve().then((function(){return(0,tslib_1.__importStar)(require("./Console"))}))];case 1:return e=s.sent(),o({Console:e.Console}),[2]}}))}))}),[]),t.Console?(0,jsx_runtime_1.jsx)(t.Console,(0,tslib_1.__assign)({},e),void 0):(0,jsx_runtime_1.jsx)(styled_1.ConsoleWrap,(0,tslib_1.__assign)({className:e.className,fullWidth:null==i?void 0:i.width},{children:(0,jsx_runtime_1.jsx)(Panel_1.CodeHeader,{children:"Loading..."},void 0)}),void 0)}exports.Console=Console;
 //# sourceMappingURL=ConsoleLazy.js.map

package/lib/components/console/OAuth2Flow.d.ts

@@ -1,5 +1,6 @@
-import * as React from 'react';
 import type { FormApi, FormState } from 'informed';
+import type { ChangeEvent, Context } from 'react';
+import { Component } from 'react';
 import type { InputActionButtonProps } from '../common/TextField';
 import type { SecurityDetails } from '../../types';
 import type { RedocProNormalizedOptions } from '../../services';
@@ -29,8 +30,8 @@ interface OAuth2FlowState {
     codeChallenge?: string;
     validCodeChallenge?: string;
 }
-export declare class OAuth2Flow extends React.Component<OAuth2FlowProps, OAuth2FlowState> {
-    static contextType: React.Context<RedocProNormalizedOptions>;
+export declare class OAuth2Flow extends Component<OAuth2FlowProps, OAuth2FlowState> {
+    static contextType: Context<RedocProNormalizedOptions>;
     context: RedocProNormalizedOptions;
     state: OAuth2FlowState;
     get values(): {
@@ -50,7 +51,7 @@ export declare class OAuth2Flow extends React.Component<OAuth2FlowProps, OAuth2F
     handleCancel(): void;
     clearToken: () => void;
     togglePkceOptions: () => void;
-    handleCodeVerifierChange: ({ target: { value: codeVerifier }, }: React.ChangeEvent<HTMLInputElement>) => Promise<void>;
+    handleCodeVerifierChange: ({ target: { value: codeVerifier }, }: ChangeEvent<HTMLInputElement>) => Promise<void>;
     render(): JSX.Element;
 }
 export {};