@redocly/reference-docs 2.2.0-beta.circular → 2.3.0-rc.1

package/lib/components/Tabs/CollapsingTabs/CollapsingTabs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabs=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),CollapsingTabsBase_1=require("./CollapsingTabsBase"),CollapsingTabs=function(e){var s=e.children,a=(0,tslib_1.__rest)(e,["children"]),l=(0,react_1.useState)(0),t=l[0],r=l[1];return react_1.default.createElement(CollapsingTabsBase_1.CollapsingTabsBase,(0,tslib_1.__assign)({},a,{activeIndex:t,onChange:r}),s)};exports.CollapsingTabs=CollapsingTabs;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabs=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),CollapsingTabsBase_1=require("./CollapsingTabsBase"),mobx_react_1=require("mobx-react");function getActiveIndexFromOperation(e,t,a){var r;return t?"number"==typeof a&&a>0?hasActiveExampleName(null===(r=e[a])||void 0===r?void 0:r.content,t)?a:getActiveIndexFromOperation(e,t):e.findIndex((function(e){return hasActiveExampleName(e.content,t)})):-1}function hasActiveExampleName(e,t){return!!(null==e?void 0:e.mediaTypes.find((function(e){return Object.keys(e.examples||[]).includes(t||"")})))}exports.CollapsingTabs=(0,mobx_react_1.observer)((function(e){var t=e.children,a=(0,tslib_1.__rest)(e,["children"]),r=(0,react_1.useState)(0),n=r[0],i=r[1],s=a.operation,o=a.operation.activeExampleName;(0,react_1.useEffect)((function(){var e=getActiveIndexFromOperation(s.responses,o,n);e>-1&&i(e)}),[o]);var l=react_1.default.useCallback((function(e){n!==e&&i(e)}),[n]);return react_1.default.createElement(CollapsingTabsBase_1.CollapsingTabsBase,(0,tslib_1.__assign)({},a,{activeIndex:n,onChange:l}),t)}));
 //# sourceMappingURL=CollapsingTabs.js.map

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

@@ -1,5 +1,6 @@
 import { TabProps as ReactTabProps } from 'react-tabs';
 import * as React from 'react';
+import { OperationModel } from '../../../redoc-lib';
 export interface TabProps extends ReactTabProps {
     title: string;
 }
@@ -7,6 +8,7 @@ export interface TabsProps {
     tabs: TabProps[];
     hidden?: boolean;
     children: React.ReactNode;
+    operation: OperationModel;
 }
 interface CollapsingTabsComponentProps extends TabsProps {
     activeIndex: number;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabsBase=void 0;var tslib_1=require("tslib"),react_tabs_1=require("react-tabs"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),redoc_lib_1=require("../../../redoc-lib"),CollapsingTabList_1=require("./CollapsingTabList"),CollapsingTab_1=require("./CollapsingTab"),CollapsingDropdown_1=require("./CollapsingDropdown"),CollapsingTabsBase=function(e){var t=e.tabs,a=e.children,l=e.hidden,i=e.activeIndex,n=e.onChange,r=(0,react_1.useContext)(redoc_lib_1.OptionsContext).samplesTabsMaxCount,s=(0,react_1.useMemo)((function(){return t.slice(r).map((function(e,t){return{idx:t,value:e.title}}))}),[t,r]),o=s.length+" more",c=(0,react_1.useState)(o),u=c[0],p=c[1],b=React.useCallback((function(){var e=i>=r;u!==o&&u===t[i].title||!e?u===o||e||p(o):p(t[i].title)}),[i,r,u,o]);(0,react_1.useLayoutEffect)((function(){setTimeout(b,0)}),[i,r]);return React.createElement(react_tabs_1.Tabs,{selectedIndex:i,onSelect:n},React.createElement(CollapsingTabList_1.CollapsingTabList,{hidden:l},t.map((function(e,t){return React.createElement(CollapsingTab_1.CollapsingTab,{key:e.key,disabled:t>=r},e.title)})),s.length?React.createElement(CollapsingDropdown_1.CollapsingDropdown,{options:s,onChange:function(e){n(r+e.idx)},placeholder:o,value:u,active:i>=r}):null),a)};exports.CollapsingTabsBase=CollapsingTabsBase;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabsBase=void 0;var tslib_1=require("tslib"),react_tabs_1=require("react-tabs"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),redoc_lib_1=require("../../../redoc-lib"),CollapsingTabList_1=require("./CollapsingTabList"),CollapsingTab_1=require("./CollapsingTab"),CollapsingDropdown_1=require("./CollapsingDropdown"),CollapsingTabsBase=function(e){var t=e.tabs,a=e.children,l=e.hidden,i=e.activeIndex,n=e.onChange,r=(0,react_1.useContext)(redoc_lib_1.OptionsContext).samplesTabsMaxCount,s=(0,react_1.useMemo)((function(){return t.slice(r).map((function(e,t){return{idx:t,value:e.title}}))}),[t,r]),o=s.length+" more",c=(0,react_1.useState)(o),u=c[0],p=c[1],b=React.useCallback((function(){var e=i>=r;u!==o&&u===t[i].title||!e?u===o||e||p(o):p(t[i].title)}),[i,r,u,o,t]);(0,react_1.useLayoutEffect)((function(){setTimeout(b,0)}),[i,r,b]);return React.createElement(react_tabs_1.Tabs,{selectedIndex:i,onSelect:n},React.createElement(CollapsingTabList_1.CollapsingTabList,{hidden:l},t.map((function(e,t){return React.createElement(CollapsingTab_1.CollapsingTab,{key:e.key,disabled:t>=r},e.title)})),s.length?React.createElement(CollapsingDropdown_1.CollapsingDropdown,{options:s,onChange:function(e){n(r+e.idx)},placeholder:o,value:u,active:i>=r}):null),a)};exports.CollapsingTabsBase=CollapsingTabsBase;
 //# sourceMappingURL=CollapsingTabsBase.js.map

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  vertical-align: middle;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\n"],["\n  cursor: pointer;\n  vertical-align: middle;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\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  margin-bottom: 4px;\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  margin-bottom: 4px;\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\n  & > label {\n    white-space: ",";\n  }\n"],["\n  width: ",";\n  display: inline-flex;\n\n  & > label {\n    white-space: ",";\n  }\n"])),(function(e){return e.fullWidth?"100%":"50%"}),(function(e){return e.nowrap?"nowrap":"normal"}));exports.Checkbox=React.forwardRef((function(e,t){var n=e.fullWidth,l=e.id,i=e.label,r=e.nowrap;return React.createElement(CheckBoxWrap,{fullWidth:n,nowrap:r},React.createElement(exports.StyledInput,(0,tslib_1.__assign)({},e,{type:"checkbox",ref:t})),React.createElement(CheckboxLabel,{htmlFor:l},i))}));
+"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  vertical-align: middle;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\n"],["\n  cursor: pointer;\n  vertical-align: middle;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\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  margin-bottom: 4px;\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  margin-bottom: 4px;\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\n  & > label {\n    white-space: ",";\n  }\n"],["\n  width: ",";\n  display: inline-flex;\n\n  & > label {\n    white-space: ",";\n  }\n"])),(function(e){return e.fullWidth?"100%":"50%"}),(function(e){return e.nowrap?"nowrap":"normal"}));function CheckboxComponent(e,t){var n=e.fullWidth,l=e.id,i=e.label,r=e.nowrap;return React.createElement(CheckBoxWrap,{fullWidth:n,nowrap:r},React.createElement(exports.StyledInput,(0,tslib_1.__assign)({},e,{type:"checkbox",ref:t})),React.createElement(CheckboxLabel,{htmlFor:l},i))}exports.Checkbox=React.forwardRef(CheckboxComponent);
 //# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { OpenAPISchema } from '../../../redoc-lib';
+export interface FileUploadProps {
+    schema: OpenAPISchema;
+    contentName: string;
+    onChange(string: any, UploadFileType: any): void;
+    name: string;
+}
+export declare const FileUpload: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & FileUploadProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +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;return(0,(0,informed_1.useField)((0,tslib_1.__assign)({field:n},r)).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,a)];case 1:return t=r.sent(),l(a,t),[2]}}))}))},multiple:r.multiple,accept:r.accept,ref:t}))}));
+//# sourceMappingURL=FileUpload.js.map

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

@@ -0,0 +1,12 @@
+import { OpenAPISchema } from '../../../redoc-lib';
+import { UploadFileType } from '../../../models';
+/**
+ * Convert request body mime-type to accept value for file upload input in browser
+ */
+export declare function mimeTypeToAccept(mimeType: string): string | undefined;
+export declare function isFileUploadMime(mimeType: string): boolean;
+export declare function isMultipartFileUploadProperty(schema: OpenAPISchema): boolean;
+export declare function isRootFileUpload(schema: OpenAPISchema, mimeType: string): boolean;
+export declare function fileToBase64(file: File): Promise<string>;
+export declare function getIsBase64({ format, contentEncoding, contentMediaType }: OpenAPISchema): boolean;
+export declare function getFileToUpload(rawFiles: FileList, schema: OpenAPISchema, contentName: string): Promise<UploadFileType>;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getFileToUpload=exports.getIsBase64=exports.fileToBase64=exports.isRootFileUpload=exports.isMultipartFileUploadProperty=exports.isFileUploadMime=exports.mimeTypeToAccept=void 0;var tslib_1=require("tslib"),models_1=require("../../../models"),FILE_UPLOAD_FORMATS=Object.values(models_1.FileUploadFormats),FILE_UPLOAD_MIME_TYPES=["application/octet-stream","application/pdf","application/gzip","application/zip"],COMMON_FILE_UPLOAD_PREFIXES=["image/","audio/","video/"];function mimeTypeToAccept(e){if(COMMON_FILE_UPLOAD_PREFIXES.some((function(t){return e.startsWith(t)})))return e}function isFileUploadMime(e){return!!FILE_UPLOAD_MIME_TYPES.includes(e)||COMMON_FILE_UPLOAD_PREFIXES.some((function(t){return e.startsWith(t)}))}function isMultipartFileUploadProperty(e){var t="array"===e.type?e.items:e;if(!t||!t.type)return!0;var i=t.contentMediaType||"",o=t.format||t.contentEncoding||(isFileUploadMime(i)?"binary":"");return t.type===models_1.DefinitionTypes.STRING&&FILE_UPLOAD_FORMATS.includes(o)}function isRootFileUpload(e,t){if(!e||!e.type)return isFileUploadMime(t);var i=e.format||e.contentEncoding||"";return e.type===models_1.DefinitionTypes.STRING&&FILE_UPLOAD_FORMATS.includes(i)}function fileToBase64(e){return new Promise((function(t,i){var o=new FileReader;o.onload=function(){var e=o.result.replace(/data:.*\/.*;base64,/g,"");t(e)},o.onerror=function(){return i(o.error)},o.readAsDataURL(e)}))}function getIsBase64(e){return[e.format,e.contentEncoding,e.contentMediaType].includes(models_1.FileUploadFormats.BASE64)}function getFileToUpload(e,t,i){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var o,r,s,n=this;return(0,tslib_1.__generator)(this,(function(a){switch(a.label){case 0:return o=Object.values(e),r=1===o.length?o[0]:o,s=t.properties?t.properties[i]:t,s.type===models_1.DefinitionTypes.STRING&&getIsBase64(s)?[4,fileToBase64(o[0])]:[3,2];case 1:return r=a.sent(),[3,5];case 2:return s.type===models_1.DefinitionTypes.ARRAY&&s.items?getIsBase64(s.items)?[4,Promise.all(o.map((function(e){return(0,tslib_1.__awaiter)(n,void 0,void 0,(function(){return(0,tslib_1.__generator)(this,(function(t){switch(t.label){case 0:return[4,fileToBase64(e)];case 1:return[2,t.sent()]}}))}))})))]:[3,4]:[3,5];case 3:return r=a.sent(),[3,5];case 4:r=o,a.label=5;case 5:return[2,r]}}))}))}exports.mimeTypeToAccept=mimeTypeToAccept,exports.isFileUploadMime=isFileUploadMime,exports.isMultipartFileUploadProperty=isMultipartFileUploadProperty,exports.isRootFileUpload=isRootFileUpload,exports.fileToBase64=fileToBase64,exports.getIsBase64=getIsBase64,exports.getFileToUpload=getFileToUpload;
+//# sourceMappingURL=helper.js.map

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

@@ -0,0 +1 @@
+export * from './FileUpload';

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./FileUpload"),exports);
+//# sourceMappingURL=index.js.map

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

@@ -6,12 +6,12 @@ export declare const StyledInput: import("styled-components").StyledComponent<"i
     fullWidth?: boolean | undefined;
     inputType?: string | undefined;
 }, never>;
-export interface TextFieldExtraProps {
+export interface TextFieldExtraProps extends React.InputHTMLAttributes<HTMLInputElement> {
     fullWidth?: boolean;
     errorMessage?: string;
 }
-export declare const TextField: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & TextFieldExtraProps & React.RefAttributes<HTMLInputElement>>;
-export declare function FormTextField(props: React.InputHTMLAttributes<HTMLInputElement> & FieldProps<string, any> & TextFieldExtraProps): JSX.Element;
+export declare const TextField: React.ForwardRefExoticComponent<TextFieldExtraProps & React.RefAttributes<HTMLInputElement>>;
+export declare function FormTextField(props: FieldProps<string, GenericObject> & TextFieldExtraProps): JSX.Element;
 export interface FormDropdownProps extends Partial<DropdownProps> {
     options: Option[];
     initValue?: string;

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"),informed_2=require("informed"),styled_components_1=(0,tslib_1.__importStar)(require("../../redoc-lib/src/styled-components")),form_1=require("./form"),redoc_lib_1=require("../../redoc-lib");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){return"password"===e.inputType?"padding-right: 40px;":""}),(function(e){return e.fullWidth?"width: 100%;":""}));var ToggleButton=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 FormTextField(e){var t=(0,informed_2.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((function(e,t){var n=e.fullWidth,r=e.errorMessage,o=react_1.default.useState("password"===e.type),l=o[0],a=o[1],i=react_1.default.useCallback((function(){a(!l)}),[l]);return react_1.default.createElement(TextFieldWrapper,{fullWidth:n,type:e.type},react_1.default.createElement(InputWrap,null,react_1.default.createElement(exports.StyledInput,(0,tslib_1.__assign)({},e,{type:l?"password":"text",inputType:e.type,ref:t})),"password"===e.type&&react_1.default.createElement(ToggleButton,{onClick:i}," ",l?"show":"hide"," ")),r?react_1.default.createElement(form_1.FormError,null,r):null)})),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),d=i[0],u=i[1];react_1.default.useEffect((function(){t&&r.setValue(t)}),[]);var p=react_1.default.useCallback((function(e){r.setValue(l[e.idx].origValue),u(l[e.idx].value)}),[l]);return react_1.default.createElement(TextFieldWrapper,{fullWidth:!0},react_1.default.createElement(redoc_lib_1.Dropdown,{fullWidth:!0,variant:"dark",value:d,options:l,onChange:p}),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"),react_1=(0,tslib_1.__importDefault)(require("react")),informed_1=require("informed"),informed_2=require("informed"),styled_components_1=(0,tslib_1.__importStar)(require("../../redoc-lib/src/styled-components")),form_1=require("./form"),redoc_lib_1=require("../../redoc-lib");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){return"password"===e.inputType?"padding-right: 40px;":""}),(function(e){return e.fullWidth?"width: 100%;":""}));var ToggleButton=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],d=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})),"password"===o&&react_1.default.createElement(ToggleButton,{onClick:d}," ",a?"show":"hide"," ")),r?react_1.default.createElement(form_1.FormError,null,r):null)}function FormTextField(e){var t=(0,informed_2.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),d=i[0],u=i[1];react_1.default.useEffect((function(){t&&r.setValue(t)}),[]);var p=react_1.default.useCallback((function(e){r.setValue(l[e.idx].origValue),u(l[e.idx].value)}),[l]);return react_1.default.createElement(TextFieldWrapper,{fullWidth:!0},react_1.default.createElement(redoc_lib_1.Dropdown,{fullWidth:!0,variant:"dark",value:d,options:l,onChange:p}),o.error?react_1.default.createElement(form_1.FormError,null,o.error):null)};exports.FormDropdown=(0,informed_1.asField)(FormDropdownInt);
 //# sourceMappingURL=TextField.js.map

package/lib/components/console/ActionPanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ActionPanel=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),Panel_1=require("../Panel"),Path_1=require("../Endpoint/Path"),shared_1=require("../shared"),ServerDropdown_1=require("./ServerDropdown");function formatPath(e,t,r){var n=t.path||{},a=t.query||{},o=Object.keys(a),i=(0,ServerDropdown_1.expandVariables)(e,n);return o.length&&(i+="?"+o.map((function(e){if(!a[e])return"";var t=function(e){return r.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 ActionPanel=function(e){var t=e.loading,r=e.operation,n=e.hasResponse,a=e.execute,o=e.params,i=void 0===o?{}:o;return React.createElement(TryItHeader,null,React.createElement(Path_1.PathWrapper,null,React.createElement(shared_1.HttpVerb,{type:r.httpVerb},r.httpVerb),React.createElement(Path_1.Path,{wrap:"true"},formatPath(r.path,i,r.parameters))),React.createElement(SendButton,{color:"primary",blinking:t,onClick:function(){t||a()}},t?"Sending...":n?"Resend":"Send"))};exports.ActionPanel=ActionPanel;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;":""}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ActionPanel=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),Panel_1=require("../Panel"),Path_1=require("../Endpoint/Path"),shared_1=require("../shared"),ServerDropdown_1=require("./ServerDropdown");function formatPath(e,t,r){var n=t.path||{},a=t.query||{},o=Object.keys(a),i=(0,ServerDropdown_1.expandVariables)(e,n);return o.length&&(i+="?"+o.map((function(e){if(!a[e])return"";var t=function(e){return r.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 ActionPanel=function(e){var t=e.loading,r=e.operation,n=e.hasResponse,a=e.execute,o=e.params,i=void 0===o?{}:o;return React.createElement(TryItHeader,null,React.createElement(Path_1.PathWrapper,null,React.createElement(shared_1.HttpVerb,{type:r.httpVerb},r.httpVerb),React.createElement(Path_1.Path,{wrap:"true"},formatPath(r.path,i,r.parameters))),React.createElement(SendButton,{"data-cy":"send-button",color:"primary",blinking:t,onClick:function(){t||a()}},t?"Sending...":n?"Resend":"Send"))};exports.ActionPanel=ActionPanel;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;":""}));
 //# sourceMappingURL=ActionPanel.js.map

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")),redoc_lib_1=require("../../redoc-lib"),utils_1=require("../../utils"),OAuth2TokenInput_1=(0,tslib_1.__importDefault)(require("./OAuth2TokenInput")),OAuth2Flow_1=require("./OAuth2Flow"),OpenIDConnect_1=require("./OpenIDConnect"),TextField_1=require("../common/TextField"),form_1=require("../common/form"),Labels_1=require("../../redoc-lib/src/services/Labels");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.toStorage)("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.fromStorage)("securityRequirementName"),a=t.findIndex((function(e){return e===r}));return{activeScheme:a<0?0:a}}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.state.activeScheme,r=this.props.operation.security,a=r.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})).map((function(e,t){return{value:e,idx:t}}));return 0===a.length?null:React.createElement(React.Fragment,null,React.createElement(form_1.FormWrapper,null,a.length>1&&React.createElement(form_1.FormControl,null,React.createElement(redoc_lib_1.Dropdown,{variant:"dark",fullWidth:!0,prefix:"Security scheme: ",options:a,value:a[t].value,onChange:this.handleSchemeChange}))||null,r[t].schemes.map((function(t){var r,a,o,l=(0,utils_1.escapeFormId)(t.id);if("apiKey"===t.type){var i=(0,utils_1.getSecurityDetailsOptions)(l,""),n={field:"auth."+l,fullWidth:!0,initialValue:fromCookie(t)||(0,utils_1.fromStorage)("auth."+l),initValue:fromCookie(t)||(0,utils_1.fromStorage)("auth."+l),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(form_1.FormControl,{key:l},React.createElement(form_1.FormLabel,null," ",t.name,": "),i?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},n,{options:i})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},n,{type:"password"})))}if("http"===t.type){if("basic"===t.scheme){var u=(0,utils_1.getSecurityDetailsOptions)(l,"username");n={field:"auth."+l+".username",fullWidth:!0,initialValue:(0,utils_1.fromStorage)("auth."+l+".username"),initValue:(0,utils_1.fromStorage)("auth."+l+".username"),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:l},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," ",(0,Labels_1.l)("tryItAuthBasicUsername"),": "),u?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},n,{options:u})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},n))),React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," ",(0,Labels_1.l)("tryItAuthBasicPassword"),": "),React.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:"auth."+l+".password",validate:requiredValidator,initialValue:(0,utils_1.fromStorage)("auth."+l+".password"),validateOnBlur:!0,validateOnChange:!0})))}if("bearer"===t.scheme){var s=(0,utils_1.getSecurityDetailsOptions)(l,"");n={field:"auth."+l,fullWidth:!0,initialValue:(0,utils_1.fromStorage)("auth."+l),initValue:(0,utils_1.fromStorage)("auth."+l),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:l},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Bearer Token: "),s?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},n,{options:s})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},n,{type:"password",placeholder:"(without 'Bearer')"}))))}}else{if("oauth2"===t.type&&t.flows&&t.flows.clientCredentials)return React.createElement(OAuth2TokenInput_1.default,{key:l,flow:t.flows.clientCredentials,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:l,form:e.props.form,formApi:e.props.formApi,clientId:t.flows.clientCredentials["x-defaultClientId"]||t["x-defaultClientId"]});if("oauth2"===t.type&&t.flows&&t.flows.implicit)return React.createElement(OAuth2Flow_1.OAuth2Flow,{key:l,authorizationUrl:t.flows.implicit.authorizationUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(a=null===(r=null==t?void 0:t.flows)||void 0===r?void 0:r.implicit)||void 0===a?void 0:a.scopes)||{}),server:e.props.activeServer,id:l,form:e.props.form,formApi:e.props.formApi,clientId:t.flows.implicit["x-defaultClientId"]||t["x-defaultClientId"],flow:"implicit"});if("oauth2"===t.type&&t.flows&&t.flows.authorizationCode)return React.createElement(OAuth2Flow_1.OAuth2Flow,{key:l,authorizationUrl:t.flows.authorizationCode.authorizationUrl,tokenUrl:t.flows.authorizationCode.tokenUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(o=t.flows.authorizationCode)||void 0===o?void 0:o.scopes)||{}),server:e.props.activeServer,id:l,form:e.props.form,formApi:e.props.formApi,clientId:t.flows.authorizationCode["x-defaultClientId"]||t["x-defaultClientId"],flow:"authorizationCode"});if("oauth2"===t.type){var c=(0,utils_1.fromStorage)("auth."+l+".token");return c=c?JSON.parse(c):{},React.createElement(React.Fragment,{key:l},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Access Token Type: "),React.createElement(TextField_1.FormTextField,{fullWidth:!0,field:"auth."+l+".token.token_type",initialValue:c.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."+l+".token.access_token",validate:requiredValidator,initialValue:c.access_token,validateOnBlur:!0,validateOnChange:!0})))}if("openIdConnect"===t.type)return React.createElement(OpenIDConnect_1.OpenIDConnect,{key:l,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:l,form:e.props.form,formApi:e.props.formApi,scheme:t,clientId:t["x-defaultClientId"]})}}))),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"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),utils_1=require("../../utils"),OAuth2TokenInput_1=(0,tslib_1.__importDefault)(require("./OAuth2TokenInput")),OAuth2Flow_1=require("./OAuth2Flow"),OpenIDConnect_1=require("./OpenIDConnect"),TextField_1=require("../common/TextField"),form_1=require("../common/form"),Labels_1=require("../../redoc-lib/src/services/Labels");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.toStorage)("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.fromStorage)("securityRequirementName"),a=t.findIndex((function(e){return e===r}));return{activeScheme:a<0?0:a}}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.state.activeScheme,r=this.props.operation.security,a=r.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})).map((function(e,t){return{value:e,idx:t}}));return 0===a.length?null:React.createElement(React.Fragment,null,React.createElement(form_1.FormWrapper,null,a.length>1&&React.createElement(form_1.FormControl,null,React.createElement(redoc_lib_1.Dropdown,{variant:"dark",fullWidth:!0,prefix:"Security scheme: ",options:a,value:a[t].value,onChange:this.handleSchemeChange}))||null,r[t].schemes.map((function(t){var r,a,o,l=(0,utils_1.escapeFormId)(t.id);if("apiKey"===t.type){var i=(0,utils_1.getSecurityDetailsOptions)(l,""),n={field:"auth."+l,fullWidth:!0,initialValue:fromCookie(t)||(0,utils_1.fromStorage)("auth."+l),initValue:fromCookie(t)||(0,utils_1.fromStorage)("auth."+l),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(form_1.FormControl,{key:l},React.createElement(form_1.FormLabel,null," ",t.name,": "),i?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},n,{options:i})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},n,{type:"password","data-cy":"apiKey-auth-password"})))}if("http"===t.type){if("basic"===t.scheme){var u=(0,utils_1.getSecurityDetailsOptions)(l,"username");n={field:"auth."+l+".username",fullWidth:!0,initialValue:(0,utils_1.fromStorage)("auth."+l+".username"),initValue:(0,utils_1.fromStorage)("auth."+l+".username"),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:l},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," ",(0,Labels_1.l)("tryItAuthBasicUsername"),": "),u?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},n,{options:u})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},n))),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."+l+".password",validate:requiredValidator,initialValue:(0,utils_1.fromStorage)("auth."+l+".password"),validateOnBlur:!0,validateOnChange:!0})))}if("bearer"===t.scheme){var s=(0,utils_1.getSecurityDetailsOptions)(l,"");n={field:"auth."+l,fullWidth:!0,initialValue:(0,utils_1.fromStorage)("auth."+l),initValue:(0,utils_1.fromStorage)("auth."+l),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:l},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Bearer Token: "),s?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},n,{options:s})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},n,{type:"password",placeholder:"(without 'Bearer')"}))))}}else{if("oauth2"===t.type&&t.flows&&t.flows.clientCredentials)return React.createElement(OAuth2TokenInput_1.default,{key:l,flow:t.flows.clientCredentials,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:l,form:e.props.form,formApi:e.props.formApi,clientId:t.flows.clientCredentials["x-defaultClientId"]||t["x-defaultClientId"]});if("oauth2"===t.type&&t.flows&&t.flows.implicit)return React.createElement(OAuth2Flow_1.OAuth2Flow,{key:l,authorizationUrl:t.flows.implicit.authorizationUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(a=null===(r=null==t?void 0:t.flows)||void 0===r?void 0:r.implicit)||void 0===a?void 0:a.scopes)||{}),server:e.props.activeServer,id:l,form:e.props.form,formApi:e.props.formApi,clientId:t.flows.implicit["x-defaultClientId"]||t["x-defaultClientId"],flow:"implicit"});if("oauth2"===t.type&&t.flows&&t.flows.authorizationCode)return React.createElement(OAuth2Flow_1.OAuth2Flow,{key:l,authorizationUrl:t.flows.authorizationCode.authorizationUrl,tokenUrl:t.flows.authorizationCode.tokenUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(o=t.flows.authorizationCode)||void 0===o?void 0:o.scopes)||{}),server:e.props.activeServer,id:l,form:e.props.form,formApi:e.props.formApi,clientId:t.flows.authorizationCode["x-defaultClientId"]||t["x-defaultClientId"],flow:"authorizationCode"});if("oauth2"===t.type){var c=(0,utils_1.fromStorage)("auth."+l+".token");return c=c?JSON.parse(c):{},React.createElement(React.Fragment,{key:l},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Access Token Type: "),React.createElement(TextField_1.FormTextField,{fullWidth:!0,field:"auth."+l+".token.token_type",initialValue:c.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."+l+".token.access_token",validate:requiredValidator,initialValue:c.access_token,validateOnBlur:!0,validateOnChange:!0})))}if("openIdConnect"===t.type)return React.createElement(OpenIDConnect_1.OpenIDConnect,{key:l,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:l,form:e.props.form,formApi:e.props.formApi,scheme:t,clientId:t["x-defaultClientId"]})}}))),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;
 //# sourceMappingURL=AuthPanel.js.map

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { Editor } from 'codemirror';
+import 'codemirror/mode/xml/xml';
 import './codemirror-helpers';
 export interface CodemirrorInputBase {
     forwardedRef?: React.Ref<any>;

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=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),informed_1=require("informed"),react_codemirror2_1=require("react-codemirror2");require("./codemirror-helpers");var templateObject_1,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    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: ",";\n    border-bottom-left-radius: ",";\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    max-height: 65vh !important; /* it fixes performance bug if we pass big data to CodeMirror */\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    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: ",";\n    border-bottom-left-radius: ",";\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    max-height: 65vh !important; /* it fixes performance bug if we pass big data to CodeMirror */\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}),(function(e){return e.theme.components.panels.borderRadius}),(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()}}),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,r=this.props.fieldState.value,t=this.props.fieldApi,o=t.setValue,n=t.setTouched,i=t.setError,a=this.props,d=a.onChange,c=a.onBlur,l=a.forwardedRef;return React.createElement(React.Fragment,null,React.createElement(CodeMirrorStyles,null),React.createElement(react_codemirror2_1.Controlled,{editorDidMount:this.initEditor,value:r||"",ref:l||void 0,onBeforeChange:function(e,r,t){o(t),d&&d(t)},onBlur:function(e){n(),c&&c(e)},options:{mode:this.props.mode||"application/json",theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":function(){return e.editor.showHint({completeSingle:!0})},"Ctrl-Space":function(){return e.editor.showHint({completeSingle:!0})}},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:i}}}))}}),r}(React.Component);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"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),informed_1=require("informed"),react_codemirror2_1=require("react-codemirror2");require("codemirror/mode/xml/xml"),require("./codemirror-helpers");var templateObject_1,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-tag {\n    color: #9efaa7;\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    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: ",";\n    border-bottom-left-radius: ",";\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    max-height: 65vh !important; /* it fixes performance bug if we pass big data to CodeMirror */\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-tag {\n    color: #9efaa7;\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    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: ",";\n    border-bottom-left-radius: ",";\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    max-height: 65vh !important; /* it fixes performance bug if we pass big data to CodeMirror */\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}),(function(e){return e.theme.components.panels.borderRadius}),(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,o){/^[a-zA-Z0-9_":]$/.test(o.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()}}),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,r=this.props.fieldState.value,o=this.props.fieldApi,t=o.setValue,n=o.setTouched,i=o.setError,a=this.props,c=a.onChange,d=a.onBlur,l=a.forwardedRef;return React.createElement(React.Fragment,null,React.createElement(CodeMirrorStyles,null),React.createElement(react_codemirror2_1.Controlled,{editorDidMount:this.initEditor,value:r||"",ref:l||void 0,onBeforeChange:function(e,r,o){t(o),c&&c(o)},onBlur:function(e){n(),d&&d(e)},options:{mode:this.props.mode||"application/json",theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":function(){return e.editor.showHint({completeSingle:!0})},"Ctrl-Space":function(){return e.editor.showHint({completeSingle:!0})}},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:i}}}))}}),r}(React.Component);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 { SwaggerResponse } from './ResponsePanel';
+import { OpenApiResponseData } from './ResponsePanel';
 import { ProStore } from '../../services';
 import { OperationModel, Server } from '../../redoc-lib';
 export interface ConsoleProps {
@@ -8,7 +8,9 @@ export interface ConsoleProps {
     specIdx?: number;
     className?: string;
     rootElement?: HTMLElement | null;
-    onClose: () => any;
+    onClose?: () => any;
+    properties?: any;
+    onResponse?: (response: OpenApiResponseData) => void;
 }
 export interface ConsoleState {
     form: any;
@@ -16,10 +18,10 @@ export interface ConsoleState {
     loading: boolean;
     activeTab: number;
     error?: Error & {
-        response?: SwaggerResponse;
+        response?: OpenApiResponseData;
     };
     resolvedRawSpec?: any;
-    response?: SwaggerResponse;
+    response?: OpenApiResponseData;
     time?: number;
     server: Server;
 }

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"),utils_1=require("../../utils"),query_string_1=require("query-string"),styled_components_1=require("./styled.components"),ServerDropdown_1=require("./ServerDropdown"),OperationParameters_1=require("./OperationParameters"),ActionPanel_1=require("./ActionPanel"),ResponsePanel_1=require("./ResponsePanel"),RequestBody_1=require("./RequestBody"),ConsoleBadges_1=require("./ConsoleBadges"),AuthPanel_1=require("./AuthPanel"),services_1=require("../../services"),swagger_client_1=(0,tslib_1.__importDefault)(require("swagger-client")),redoc_lib_1=require("../../redoc-lib"),helper_1=require("../../redoc-lib/src/components/helper"),Labels_1=require("../../redoc-lib/src/services/Labels"),styled_components_2=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),Panel_1=require("../Panel"),OAuth2_1=require("../../services/OAuth2"),PanelBody_1=require("../Panel/PanelBody"),utils_2=require("./utils");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:null}),Object.defineProperty(r,"setFormApi",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.formApi=e,setTimeout((function(){r.setState({form:r.formApi.getState()})}),0)}}),Object.defineProperty(r,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState({form:e}),(0,utils_2.updateStorage)(e)}}),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})}}),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,n,o,a,s,i,l,c,u,d,p,_,h,m,b,v,f,y,g,P,R,q,S,w,C,x,E,A,I,O,k,T,B=this;return(0,tslib_1.__generator)(this,(function(j){switch(j.label){case 0:if(e=this.props,t=e.store,r=e.operation,this.formApi.submitForm(),n=this.formApi.getState(),o=n.values,n.invalid)return this.setState({shaking:!0}),setTimeout((function(){return B.setState({shaking:!1})}),1e3),null===(E=null===(x=null==t?void 0:t.options.events)||void 0===x?void 0:x.tryItSent)||void 0===E||E.call(x,{eventType:services_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.requestBody,s=a&&a.content&&a.content.active&&a.content.active.name||"",i=o.body,/json/.test(s))try{i=JSON.parse(i)}catch(e){console.error(e)}if(this.setState({loading:!0}),l=t.dereferencedRawSpec,!(c=(0,utils_1.get)(l,["paths",r.path,(r.httpVerb||"").toLowerCase(),"servers"])||(0,utils_1.get)(l,["paths",r.path,"servers"])||(0,utils_1.get)(l,["servers"])))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");u=c.find((function(e){return B.state.server.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url)})),d=Date.now(),p=!!window.document.documentMode,h=o.auth,o.auth?(m=Object.keys(o.auth)[0],b=(0,utils_1.unescapeFormId)(m),_=(0,tslib_1.__assign)((0,tslib_1.__assign)({},l),{components:(0,tslib_1.__assign)((0,tslib_1.__assign)({},l.components),{securitySchemes:(0,tslib_1.__assign)((0,tslib_1.__assign)({},l.components.securitySchemes),(w={},w[b]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},l.components.securitySchemes[b]),{type:"openIdConnect"===l.components.securitySchemes[b].type?"oauth2":l.components.securitySchemes[b].type}),w))})}),h=(0,tslib_1.__assign)((0,tslib_1.__assign)({},h),((C={})[b]=h[m],C))):_=(0,tslib_1.__assign)({},l),(v=t.options.corsProxyUrl)&&l.servers&&l.servers.length&&(_.servers=l.servers.map((function(e){return(0,tslib_1.__assign)((0,tslib_1.__assign)({},e),{url:v+normalizeUrlProtocol(e.url)})}))),f=(null===(I=null===(A=null==a?void 0:a.content)||void 0===A?void 0:A.active)||void 0===I?void 0:I.name)||null,y="application/x-www-form-urlencoded"===f?(0,query_string_1.parse)(i):i,j.label=1;case 1:return j.trys.push([1,5,8,9]),g={userFetch:p&&require("cross-fetch").fetch,server:v?v+normalizeUrlProtocol(u.url):u.url,serverVariables:this.state.server.variables,spec:_,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:h},requestBody:y,requestContentType:f,responseContentType:(null===(O=o.header)||void 0===O?void 0:O.Accept)||null,requestInterceptor:t.options.requestInterceptor&&function(e){var n,o;return null===(o=(n=t.options).requestInterceptor)||void 0===o?void 0:o.call(n,e,r)}||void 0},[4,swagger_client_1.default.execute(g)];case 2:return(P=j.sent())&&P.data instanceof Blob?(R=P,[4,P.data.text()]):[3,4];case 3:R.data=j.sent(),j.label=4;case 4:return this.setState({response:P,error:void 0}),[3,9];case 5:return(q=j.sent())&&q.response&&q.response.data instanceof Blob?(S=q.response,[4,q.response.data.text()]):[3,7];case 6:S.data=j.sent(),j.label=7;case 7:return this.setState({response:void 0,error:q}),[3,9];case 8:return this.setState({loading:!1,activeTab:1,time:Date.now()-d}),null===(T=null===(k=null==t?void 0:t.options.events)||void 0===k?void 0:k.tryItSent)||void 0===T||T.call(k,{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]}}))}))}}),Object.defineProperty(r,"validateBody",{enumerable:!0,configurable:!0,writable:!0,value:function(){}}),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(){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var e,t,r,n,o;return(0,tslib_1.__generator)(this,(function(a){switch(a.label){case 0:return e=this.props,t=e.store,r=e.specIdx,n=e.operation,[4,t.dereferenceSpecForTryIt(r||0,n)];case 1:return o=a.sent(),this.setState({resolvedRawSpec:o}),this.formApi.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,n=e.rootElement,o=this.state,a=o.shaking,s=o.activeTab,i=o.form,l=o.response,c=o.loading,u=o.error,d=!(!l&&!u);return React.createElement(ConsoleWrapHook,{shaking:a,className:r,rootElement:n},React.createElement(Panel_1.CodeHeader,null,React.createElement(ConsoleBadges_1.ConsoleBadges,{active:s,hasResponse:d,onChange:this.handleTabChange}),React.createElement(styled_components_1.CloseButton,{onClick:this.props.onClose}," ✕ ")),React.createElement(styled_components_1.ConsoleBody,{hidden:0!==s},this.renderRequest()),React.createElement(styled_components_1.ConsoleBody,{hidden:1!==s},this.renderResponse()),React.createElement(ActionPanel_1.ActionPanel,{hasResponse:d,params:i.values&&(0,tslib_1.__assign)({},i.values),operation:t,loading:c,execute:this.handleExecute}))}}),Object.defineProperty(t.prototype,"renderRequest",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,r=t.operation,n=t.store,o=this.state,a=o.form,s=o.resolvedRawSpec,i=o.server,l=a.errors||{},c=l.path||l.cookie||l.header||l.query,u=s&&redoc_lib_1.JsonPointer.get(s,r.pointer),d=a.values&&a.values.auth&&Object.keys(a.values.auth)[0];d&&a.values.auth[d]||(d=void 0),!d||void 0===a.values.auth[d].token&&void 0===a.values.auth[d].client_id&&void 0===a.values.auth[d].client_secret||a.values.auth[d].token&&a.values.auth[d].token.access_token||(d=void 0),d&&null!=a.values.auth[d].username&&(a.values.auth[d].username&&a.values.auth[d].password||(d=void 0));var p=r.parameters||[],_=null===(e=null==n?void 0:n.options.hooks)||void 0===e?void 0:e.ReplaceTryItAuthPanel;return s?React.createElement(React.Fragment,null,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(Panel_1.Accordion,{initialActiveIdx:r.security.length&&d?1:0},r.security.length&&React.createElement(TryItPanel,{header:(0,Labels_1.l)("tryItAuth"),renderChildrenHidden:!0,error:!d&&!!l.auth,success:!!d},_?React.createElement(AuthPanelHook,{field:"auth",validate:AuthPanel_1.requiredValidator},(function(e){return React.createElement(helper_1.RenderHook,{Hook:_,props:{server:i,operation:r,onChange:e,OAuth2:OAuth2_1.OAuth2}})})):React.createElement(AuthPanel_1.AuthPanel,{formApi:this.formApi,form:a,operation:r,activeServer:i.url,authCorsProxyUrl:n.options.authCorsProxyUrl}))||null,r.requestBody&&React.createElement(TryItPanel,{header:(0,Labels_1.l)("tryItBody"),renderChildrenHidden:!0,error:!!l.body},React.createElement(RequestBody_1.RequestBody,{validate:this.validateBody,console:this,body:r.requestBody,id:r.id,resolvedBody:u.requestBody}))||null,p.length&&React.createElement(TryItPanel,{header:(0,Labels_1.l)("tryItParameters"),error:c,renderChildrenHidden:!0},React.createElement(OperationParameters_1.OperationParameters,{operation:r,values:a.values,errors:a.errors||{}}))||null)),React.createElement(ServerDropdown_1.ServerChooser,{operation:r,onChange:this.handleServerChange})):"Loading..."}}),Object.defineProperty(t.prototype,"renderResponse",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.state,t=e.response,r=e.error,n=e.time;return React.createElement(ResponsePanel_1.ResponsePanel,{response:t,error:r,time:n})}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);function ConsoleWrapHook(e){var t=e.shaking,r=e.className,n=e.children,o=e.rootElement,a=(0,utils_1.useDimensions)(o)[0];return React.createElement(styled_components_1.ConsoleWrap,{shaking:t,className:r,"data-cy":"console",fullWidth:null==a?void 0:a.width},n)}function AuthPanelHook(e){var t=(0,informed_1.useField)((0,tslib_1.__assign)({},e)),r=t.fieldApi,n=t.render,o=t.userProps,a=r.setValue,s=o.children;return n(React.createElement(React.Fragment,null,s(a)))}function TryItPanel(e){return React.createElement(StyledTryItPanel,(0,tslib_1.__assign)({},e,{header:function(t){var r=t.toggle,n=t.expanded;return React.createElement(Panel_1.Header,{onClick:r,isExpanded:n},React.createElement(Panel_1.Trigger,null,React.createElement(Panel_1.Title,null,e.header),React.createElement(redoc_lib_1.ShelfIcon,{direction:n?"down":"right"})),e.error&&React.createElement(redoc_lib_1.CrossIcon,{size:"14px",color:"#ff908b"})||null,e.success&&React.createElement(redoc_lib_1.LockIcon,{size:"14px",color:"#56ff26"})||null)}}))}exports.Console=Console;var templateObject_1,StyledTryItPanel=(0,styled_components_2.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  "," {\n    color: white;\n    border: 1px solid ",";\n    padding: 10px;\n  }\n\n  "," path {\n    fill: white;\n  }\n\n  "," {\n    padding: 15px 10px;\n    background-color: #3e4c59;\n    border: 1px solid ",";\n    border-top: 0;\n  }\n"],["\n  "," {\n    color: white;\n    border: 1px solid ",";\n    padding: 10px;\n  }\n\n  "," path {\n    fill: white;\n  }\n\n  "," {\n    padding: 15px 10px;\n    background-color: #3e4c59;\n    border: 1px solid ",";\n    border-top: 0;\n  }\n"])),Panel_1.Header,(function(e){return e.error?"#ff908b":"#89949f"}),redoc_lib_1.ShelfIcon,PanelBody_1.PanelBody,(function(e){return e.error?"#ff908b":"#89949f"}));
+"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"),utils_1=require("../../utils"),styled_components_1=require("./styled.components"),ServerDropdown_1=require("./ServerDropdown"),OperationParameters_1=require("./OperationParameters"),ActionPanel_1=require("./ActionPanel"),ResponsePanel_1=require("./ResponsePanel"),RequestBody_1=require("./RequestBody"),ConsoleBadges_1=require("./ConsoleBadges"),AuthPanel_1=require("./AuthPanel"),services_1=require("../../services"),swagger_client_1=(0,tslib_1.__importDefault)(require("swagger-client")),redoc_lib_1=require("../../redoc-lib"),helper_1=require("../../redoc-lib/src/components/helper"),Labels_1=require("../../redoc-lib/src/services/Labels"),styled_components_2=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),Panel_1=require("../Panel"),OAuth2_1=require("../../services/OAuth2"),PanelBody_1=require("../Panel/PanelBody"),utils_2=require("./utils"),helper_2=require("../common/FileUpload/helper");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:null}),Object.defineProperty(r,"setFormApi",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.formApi=e,setTimeout((function(){r.setState({form:r.formApi.getState()})}),0)}}),Object.defineProperty(r,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState({form:e}),(0,utils_2.updateStorage)(e)}}),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})}}),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,n,o,a,s,i,l,c,u,d,p,_,h,m,b,v,y,f,g,P,R,S,q,C,w,E,x,A,I,O,k,T,B,j=this;return(0,tslib_1.__generator)(this,(function(H){switch(H.label){case 0:if(e=this.props,t=e.store,r=e.operation,n=e.onResponse,this.formApi.submitForm(),o=this.formApi.getState(),a=o.values,o.invalid)return this.setState({shaking:!0}),setTimeout((function(){return j.setState({shaking:!1})}),1e3),null===(A=null===(x=null==t?void 0:t.options.events)||void 0===x?void 0:x.tryItSent)||void 0===A||A.call(x,{eventType:services_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:r.operationId,operationPath:r.path,operationHttpVerb:r.httpVerb,operationSummary:r.description}),[2];if(s=this.props.operation.requestBody,i=s&&s.content&&s.content.active&&s.content.active.name||"",l=a.body,/json/.test(i))try{l=JSON.parse(l)}catch(e){console.error(e)}if(this.setState({loading:!0}),c=t.dereferencedRawSpec,!(u=(0,utils_1.get)(c,["paths",r.path,(r.httpVerb||"").toLowerCase(),"servers"])||(0,utils_1.get)(c,["paths",r.path,"servers"])||(0,utils_1.get)(c,["servers"])))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");d=u.find((function(e){return j.state.server.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url)})),p=Date.now(),_=!!window.document.documentMode,m=a.auth,a.auth?(b=Object.keys(a.auth)[0],v=(0,utils_1.unescapeFormId)(b),h=(0,tslib_1.__assign)((0,tslib_1.__assign)({},c),{components:(0,tslib_1.__assign)((0,tslib_1.__assign)({},c.components),{securitySchemes:(0,tslib_1.__assign)((0,tslib_1.__assign)({},c.components.securitySchemes),(w={},w[v]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},c.components.securitySchemes[v]),{type:"openIdConnect"===c.components.securitySchemes[v].type?"oauth2":c.components.securitySchemes[v].type}),w))})}),m=(0,tslib_1.__assign)((0,tslib_1.__assign)({},m),((E={})[v]=m[b],E))):h=(0,tslib_1.__assign)({},c),(y=t.options.corsProxyUrl)&&c.servers&&c.servers.length&&(h.servers=c.servers.map((function(e){return(0,tslib_1.__assign)((0,tslib_1.__assign)({},e),{url:y+normalizeUrlProtocol(e.url)})}))),(f=(null===(O=null===(I=null==s?void 0:s.content)||void 0===I?void 0:I.active)||void 0===O?void 0:O.name)||null)&&l&&(0,helper_2.isFileUploadMime)(f)&&(g=Object.values(l),l=g.length>1?g:g[0]),H.label=1;case 1:return H.trys.push([1,5,8,9]),P={userFetch:_&&require("cross-fetch").fetch,server:y?y+normalizeUrlProtocol(d.url):d.url,serverVariables:this.state.server.variables,spec:h,pathName:r.path,method:r.httpVerb,parameters:(0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)({},a.path),a.query),a.header),a.cookie),securities:{authorized:m},requestBody:l,requestContentType:f,responseContentType:(null===(k=a.header)||void 0===k?void 0:k.Accept)||null,requestInterceptor:t.options.requestInterceptor&&function(e){var n,o;return null===(o=(n=t.options).requestInterceptor)||void 0===o?void 0:o.call(n,e,r)}||void 0},[4,swagger_client_1.default.execute(P)];case 2:return(R=H.sent())&&R.data instanceof Blob?(S=R,[4,R.data.text()]):[3,4];case 3:S.data=H.sent(),H.label=4;case 4:return this.setState({response:R,error:void 0}),[3,9];case 5:return(q=H.sent())&&q.response&&q.response.data instanceof Blob?(C=q.response,[4,q.response.data.text()]):[3,7];case 6:C.data=H.sent(),H.label=7;case 7:return this.setState({response:void 0,error:q}),[3,9];case 8:return this.setState({loading:!1,activeTab:1,time:Date.now()-p}),null===(B=null===(T=null==t?void 0:t.options.events)||void 0===T?void 0:T.tryItSent)||void 0===B||B.call(T,{eventType:services_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:r.operationId,operationPath:r.path,operationHttpVerb:r.httpVerb,operationSummary:r.description}),this.state.response&&(null==n||n(this.state.response)),[7];case 9:return[2]}}))}))}}),Object.defineProperty(r,"validateBody",{enumerable:!0,configurable:!0,writable:!0,value:function(){}}),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(){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var e,t,r,n,o;return(0,tslib_1.__generator)(this,(function(a){switch(a.label){case 0:return e=this.props,t=e.store,r=e.specIdx,n=e.operation,[4,t.dereferenceSpecForTryIt(r||0,n)];case 1:return o=a.sent(),this.setState({resolvedRawSpec:o}),this.formApi.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,n=e.rootElement,o=this.state,a=o.shaking,s=o.activeTab,i=o.form,l=o.response,c=o.loading,u=o.error,d=!(!l&&!u);return React.createElement(ConsoleWrapHook,{shaking:a,className:r,rootElement:n},React.createElement(Panel_1.CodeHeader,null,React.createElement(ConsoleBadges_1.ConsoleBadges,{active:s,hasResponse:d,onChange:this.handleTabChange}),this.props.onClose&&React.createElement(styled_components_1.CloseButton,{onClick:this.props.onClose}," ✕ ")),React.createElement(styled_components_1.ConsoleBody,{hidden:0!==s},this.renderRequest()),React.createElement(styled_components_1.ConsoleBody,{hidden:1!==s},this.renderResponse()),React.createElement(ActionPanel_1.ActionPanel,{hasResponse:d,params:i.values&&(0,tslib_1.__assign)({},i.values),operation:t,loading:c,execute:this.handleExecute}))}}),Object.defineProperty(t.prototype,"renderRequest",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,r=t.operation,n=t.store,o=t.properties,a=this.state,s=a.form,i=a.resolvedRawSpec,l=a.server,c=s.errors||{},u=c.path||c.cookie||c.header||c.query,d=i&&redoc_lib_1.JsonPointer.get(i,r.pointer),p=s.values&&s.values.auth&&Object.keys(s.values.auth)[0];p&&s.values.auth[p]||(p=void 0),!p||void 0===s.values.auth[p].token&&void 0===s.values.auth[p].client_id&&void 0===s.values.auth[p].client_secret||s.values.auth[p].token&&s.values.auth[p].token.access_token||(p=void 0),p&&null!=s.values.auth[p].username&&(s.values.auth[p].username&&s.values.auth[p].password||(p=void 0));var _=r.parameters||[],h=null===(e=null==n?void 0:n.options.hooks)||void 0===e?void 0:e.ReplaceTryItAuthPanel;return i?React.createElement(React.Fragment,null,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(Panel_1.Accordion,{initialActiveIdx:r.security.length&&p?1:0},r.security.length&&React.createElement(TryItPanel,{header:(0,Labels_1.l)("tryItAuth"),"data-cy":"security-trigger",renderChildrenHidden:!0,error:!p&&!!c.auth,success:!!p},h?React.createElement(AuthPanelHook,{field:"auth",validate:AuthPanel_1.requiredValidator},(function(e){return React.createElement(helper_1.RenderHook,{Hook:h,props:{server:l,operation:r,onChange:e,OAuth2:OAuth2_1.OAuth2}})})):React.createElement(AuthPanel_1.AuthPanel,{formApi:this.formApi,form:s,operation:r,activeServer:l.url,authCorsProxyUrl:n.options.authCorsProxyUrl}))||null,r.requestBody&&React.createElement(TryItPanel,{header:(0,Labels_1.l)("tryItBody"),"data-cy":"body-trigger",renderChildrenHidden:!0,error:!!c.body},React.createElement(RequestBody_1.RequestBody,{validate:this.validateBody,console:this,body:r.requestBody,id:r.id,resolvedBody:d.requestBody,properties:o}))||null,_.length&&React.createElement(TryItPanel,{header:(0,Labels_1.l)("tryItParameters"),"data-cy":"parameters-trigger",error:u,renderChildrenHidden:!0},React.createElement(OperationParameters_1.OperationParameters,{operation:r,values:s.values,errors:s.errors||{}}))||null)),React.createElement(ServerDropdown_1.ServerChooser,{operation:r,onChange:this.handleServerChange})):"Loading..."}}),Object.defineProperty(t.prototype,"renderResponse",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.state,t=e.response,r=e.error,n=e.time;return React.createElement(ResponsePanel_1.ResponsePanel,{response:t,error:r,time:n})}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);function ConsoleWrapHook(e){var t=e.shaking,r=e.className,n=e.children,o=e.rootElement,a=(0,utils_1.useDimensions)(o)[0];return React.createElement(styled_components_1.ConsoleWrap,{shaking:t,className:r,"data-cy":"console",fullWidth:null==a?void 0:a.width},n)}function AuthPanelHook(e){var t=(0,informed_1.useField)((0,tslib_1.__assign)({},e)),r=t.fieldApi,n=t.render,o=t.userProps,a=r.setValue,s=o.children;return n(React.createElement(React.Fragment,null,s(a)))}function TryItPanel(e){return React.createElement(StyledTryItPanel,(0,tslib_1.__assign)({},e,{header:function(t){var r=t.toggle,n=t.expanded;return React.createElement(Panel_1.Header,{onClick:r,isExpanded:n,"data-cy":e["data-cy"]},React.createElement(Panel_1.Trigger,null,React.createElement(Panel_1.Title,null,e.header),React.createElement(redoc_lib_1.ShelfIcon,{direction:n?"down":"right"})),e.error&&React.createElement(redoc_lib_1.CrossIcon,{size:"14px",color:"#ff908b"})||null,e.success&&React.createElement(redoc_lib_1.LockIcon,{size:"14px",color:"#56ff26"})||null)}}))}exports.Console=Console;var templateObject_1,StyledTryItPanel=(0,styled_components_2.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  "," {\n    color: white;\n    border: 1px solid ",";\n    padding: 10px;\n  }\n\n  "," path {\n    fill: white;\n  }\n\n  "," {\n    padding: 15px 10px;\n    background-color: #3e4c59;\n    border: 1px solid ",";\n    border-top: 0;\n  }\n"],["\n  "," {\n    color: white;\n    border: 1px solid ",";\n    padding: 10px;\n  }\n\n  "," path {\n    fill: white;\n  }\n\n  "," {\n    padding: 15px 10px;\n    background-color: #3e4c59;\n    border: 1px solid ",";\n    border-top: 0;\n  }\n"])),Panel_1.Header,(function(e){return e.error?"#ff908b":"#89949f"}),redoc_lib_1.ShelfIcon,PanelBody_1.PanelBody,(function(e){return e.error?"#ff908b":"#89949f"}));
 //# sourceMappingURL=Console.js.map

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

@@ -9,4 +9,4 @@ export declare enum SchemaType {
     ARRAY = "array",
     OBJECT = "object"
 }
-export declare function OperationParameters(props: OperationParametersProps): JSX.Element;
+export declare function OperationParameters({ values, operation }: OperationParametersProps): JSX.Element;

package/lib/components/console/OperationParameters.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationParameters=exports.SchemaType=void 0;var SchemaType,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),utils_1=require("../../utils"),form_1=require("../common/form"),TextField_1=require("../common/TextField"),ParameterDropdown_1=require("./ParameterDropdown");!function(e){e.ARRAY="array",e.OBJECT="object"}(SchemaType=exports.SchemaType||(exports.SchemaType={}));var placeholder=function(e){return"("+e.schema.type+")"+(e.example?" "+e.example:"")};function safePush(e,r,a){e[r]||(e[r]=[]),e[r].push(a)}function orderParams(e){var r={};return e.forEach((function(e){safePush(r,e.in,e)})),r}var PARAM_PLACES=["path","query","cookie","header"];function createValidator(e){return function(r){if(e.required&&!r)return"Field is required";if(e.required&&e.schema.type===SchemaType.ARRAY&&Array.isArray(r)){if(r.length>(e.schema.rawSchema&&e.schema.rawSchema.maxItems||1/0))return"Too many items selected, maximum "+e.schema.rawSchema.maxItems;if(r.length<(e.schema.rawSchema&&e.schema.rawSchema.minItems||0)){var a=e.schema.rawSchema.minItems;return"You should select at least "+(1===a?a+" item":a+" items")}}}}function getInitialValue(e){if(e.schema.type===SchemaType.ARRAY){var r=e.schema.default||e.schema.example;if(!r&&e.schema.rawSchema.items){if(e.schema.rawSchema.items.default)return[e.schema.rawSchema.items.default];if(e.schema.rawSchema.items.example)return[e.schema.rawSchema.items.example]}return r||[]}return e.schema.default||e.schema.example}function OperationParameters(e){function r(a,t,m){var n,i=m?(0,utils_1.dottedString)(m,a.name):a.name,c=function(e){var r=e.oneOfType,a=e.type,t=e.items;return r||a===SchemaType.ARRAY&&(null==t?void 0:t.type)===SchemaType.OBJECT&&"Array of objects"}(a.schema);if(c&&console.warn('Unsupported parameter definition: "'+c+'"'),a.schema.type===SchemaType.OBJECT)return null===(n=a.schema.fields)||void 0===n?void 0:n.map((function(e){return r(e,t,i)}));var o=m?[t,m]:[a.in],l=utils_1.dottedString.apply(void 0,(0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],o,!1),[a.name],!1));return React.createElement(form_1.FormControl,{key:l},React.createElement(form_1.FormLabel,{required:a.required},i,":"),c?React.createElement(form_1.FormWarning,null,"Unsupported field schema definition"):function(r,a){var t=React.useMemo((function(){return createValidator(a)}),[a]),m=e.values,n=Array.isArray(a.schema.enum)&&a.schema.enum.length?a.schema.enum:void 0,i=getInitialValue(a);return n?React.createElement(form_1.FormControl,null,React.createElement(ParameterDropdown_1.ParameterEnumDropdown,{initValue:i,paramEnum:n,field:r})):React.createElement(TextField_1.FormTextField,{fullWidth:!0,id:r,field:r,placeholder:placeholder(a),validate:t,initialValue:i||(0,utils_1.get)(m,r),validateOnBlur:!0,validateOnChange:!0})}(l,a))}var a=orderParams(e.operation.parameters||[]);return React.createElement(form_1.Table,null,PARAM_PLACES.map((function(e){return function(e,a){return a&&a.length?React.createElement(React.Fragment,{key:e},React.createElement(form_1.FormControl,null,React.createElement(form_1.GroupLabel,null," # ",e," parameters "),React.createElement("span",null," ")),a.map((function(a){return r(a,e)}))):null}(e,a[e])})))}exports.OperationParameters=OperationParameters;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationParameters=exports.SchemaType=void 0;var SchemaType,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),utils_1=require("../../utils"),form_1=require("../common/form"),TextField_1=require("../common/TextField"),ParameterDropdown_1=require("./ParameterDropdown");!function(e){e.ARRAY="array",e.OBJECT="object"}(SchemaType=exports.SchemaType||(exports.SchemaType={}));var placeholder=function(e){return"("+e.schema.type+")"+(e.example?" "+e.example:"")};function safePush(e,a,r){e[a]||(e[a]=[]),e[a].push(r)}function orderParams(e){var a={};return e.forEach((function(e){safePush(a,e.in,e)})),a}var PARAM_PLACES=["path","query","cookie","header"];function createValidator(e){return function(a){if(e.required&&!a)return"Field is required";if(e.required&&e.schema.type===SchemaType.ARRAY&&Array.isArray(a)){if(a.length>(e.schema.rawSchema&&e.schema.rawSchema.maxItems||1/0))return"Too many items selected, maximum "+e.schema.rawSchema.maxItems;if(a.length<(e.schema.rawSchema&&e.schema.rawSchema.minItems||0)){var r=e.schema.rawSchema.minItems;return"You should select at least "+(1===r?r+" item":r+" items")}}}}function getInitialValue(e){if(e.schema.type===SchemaType.ARRAY){var a=e.schema.default||e.schema.example;if(!a&&e.schema.rawSchema.items){if(e.schema.rawSchema.items.default)return[e.schema.rawSchema.items.default];if(e.schema.rawSchema.items.example)return[e.schema.rawSchema.items.example]}return a||[]}return e.schema.default||e.schema.example}function OperationParameters(e){var a=e.values;function r(e,t,m){var n,i=m?(0,utils_1.dottedString)(m,e.name):e.name,c=function(e){var a=e.oneOfType,r=e.type,t=e.items;return a||r===SchemaType.ARRAY&&(null==t?void 0:t.type)===SchemaType.OBJECT&&"Array of objects"}(e.schema);if(c&&console.warn('Unsupported parameter definition: "'+c+'"'),e.schema.type===SchemaType.OBJECT)return null===(n=e.schema.fields)||void 0===n?void 0:n.map((function(e){return r(e,t,i)}));var o=m?[t,m]:[e.in],l=utils_1.dottedString.apply(void 0,(0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],o,!1),[e.name],!1));return React.createElement(form_1.FormControl,{key:l},React.createElement(form_1.FormLabel,{required:e.required},i,":"),c?React.createElement(form_1.FormWarning,null,"Unsupported field schema definition"):function(e,r){var t=React.useMemo((function(){return createValidator(r)}),[r]),m=Array.isArray(r.schema.enum)&&r.schema.enum.length?r.schema.enum:void 0,n=getInitialValue(r);return m?React.createElement(form_1.FormControl,null,React.createElement(ParameterDropdown_1.ParameterEnumDropdown,{initValue:n,paramEnum:m,field:e})):React.createElement(TextField_1.FormTextField,{fullWidth:!0,"data-cy":"parameter-input",id:e,field:e,placeholder:placeholder(r),validate:t,initialValue:n||(0,utils_1.get)(a,e),validateOnBlur:!0,validateOnChange:!0})}(l,e))}var t=orderParams(e.operation.parameters||[]);return React.createElement(form_1.Table,null,PARAM_PLACES.map((function(e){return function(e,a){return a&&a.length?React.createElement(React.Fragment,{key:e},React.createElement(form_1.FormControl,null,React.createElement(form_1.GroupLabel,null," # ",e," parameters "),React.createElement("span",null," ")),a.map((function(a){return r(a,e)}))):null}(e,t[e])})))}exports.OperationParameters=OperationParameters;
 //# sourceMappingURL=OperationParameters.js.map

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { RequestBodyModel } from '../../redoc-lib';
 import { Console } from './Console';
 export interface RequestBodyProps {
@@ -7,16 +7,6 @@ export interface RequestBodyProps {
     validate: () => string | undefined;
     console: Console;
     id: string;
+    properties: any;
 }
-export declare class RequestBody extends React.Component<RequestBodyProps, {
-    activeExampleIdx: number;
-}> {
-    state: {
-        activeExampleIdx: number;
-    };
-    getActiveSample(idx: number): string;
-    applyExample: (item: any) => void;
-    encodeSample(sample: any): any;
-    render(): JSX.Element;
-    renderDropdown(props: any): JSX.Element;
-}
+export declare const RequestBody: ({ properties, ...props }: RequestBodyProps) => JSX.Element;

package/lib/components/console/RequestBody.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestBody=void 0;var templateObject_1,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),form_1=require("../common/form"),CodemirrorInput_1=(0,tslib_1.__importDefault)(require("./CodemirrorInput")),RequestMimeLabel_1=require("./RequestMimeLabel"),ExamplesPanel=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 10px;\n"],["\n  margin-bottom: 10px;\n"]))),RequestBody=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:{activeExampleIdx:0}}),Object.defineProperty(t,"applyExample",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.setState({activeExampleIdx:e.idx}),t.props.console.formApi.setValue("body",t.getActiveSample(e.idx))}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"getActiveSample",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props.body.content;if(!t||!t.hasSample)return"";var r=Object.values(t.active&&t.active.examples||{});return r[e]&&JSON.stringify(r[e].value,null,2)||""}}),Object.defineProperty(t.prototype,"encodeSample",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return e?"application/x-www-form-urlencoded"===e.mime?e.value:JSON.stringify(e.value,null,2):""}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.state.activeExampleIdx,r=this.props.validate;return React.createElement(React.Fragment,null,React.createElement(redoc_lib_1.MediaTypesSwitch,{content:this.props.body.content,renderDropdown:this.renderDropdown},(function(a){var l,n=a.examples||{};e.props.resolvedBody&&(l=(e.props.resolvedBody.content[a.name]||{}).schema);var o=Object.values(n)[0],i=Object.keys(n).map((function(e,t){return{idx:t,value:n[e].summary||e}}));return React.createElement(React.Fragment,null,i.length&&!(1===i.length&&"default"===i[0].value)&&React.createElement(ExamplesPanel,null,React.createElement(form_1.FormControl,null,React.createElement(redoc_lib_1.Dropdown,{variant:"dark",fullWidth:!0,prefix:"Example: ",options:i,value:i[t].value,onChange:e.applyExample})))||null,React.createElement(CodemirrorInput_1.default,{id:"body"+e.props.id,field:"body",initialValue:e.encodeSample(o),schema:l,mode:a.name,validate:r}))})))}}),Object.defineProperty(t.prototype,"renderDropdown",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return React.createElement(form_1.FormControl,null,React.createElement(redoc_lib_1.DropdownOrLabel,(0,tslib_1.__assign)({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel_1.RequestMimeLabel,Dropdown:redoc_lib_1.Dropdown})))}}),t}(React.Component);exports.RequestBody=RequestBody;
+"use strict";var _this=this;Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestBody=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),mobx_react_1=require("mobx-react"),deepmerge_1=(0,tslib_1.__importDefault)(require("deepmerge")),redoc_lib_1=require("../../redoc-lib"),form_1=require("../common/form"),CodemirrorInput_1=(0,tslib_1.__importDefault)(require("./CodemirrorInput")),RequestMimeLabel_1=require("./RequestMimeLabel"),Samples_1=require("../Samples"),utils_1=require("../../services/utils"),RequestBodyForm_1=require("./RequestBodyForm"),helper_1=require("../common/FileUpload/helper"),models_1=require("../../models");exports.RequestBody=(0,mobx_react_1.observer)((function(e){var r,t,o=e.properties,a=void 0===o?{}:o,i=(0,tslib_1.__rest)(e,["properties"]),l=React.useCallback((function(e){var r,t=i.body.content;if(!t||!t.hasSample)return"";var o=null===(r=t.active)||void 0===r?void 0:r.examples;if(!(null==o?void 0:o[e]))return"";var l=(0,deepmerge_1.default)(null==o?void 0:o[e].value,a,{arrayMerge:utils_1.arrayMerge});return JSON.stringify(l,null,2)}),[a,i.body.content]),n=null===(t=null===(r=i.body.content)||void 0===r?void 0:r.operation)||void 0===t?void 0:t.activeExampleName,u=function(e){var r,t;null===(t=null===(r=i.body.content)||void 0===r?void 0:r.operation)||void 0===t||t.activateExampleName(e),i.console.formApi.setValue("body",l(e))},d=function(e){if(!e)return"";if("application/x-www-form-urlencoded"===e.mime||(0,redoc_lib_1.isXmlLike)(e.mime))return e.value;var r=(0,deepmerge_1.default)(e.value,a,{arrayMerge:utils_1.arrayMerge});return JSON.stringify(r,null,2)},m=function(e,r){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){var t;return(0,tslib_1.__generator)(this,(function(o){return t=i.console.formApi,(0,t.setValue)("body."+e,r),[2]}))}))};(0,react_1.useEffect)((function(){n&&i.console.formApi.setValue("body",l(n))}),[n,l,i.console.formApi]);var s=i.validate,c=i.body;return React.createElement(React.Fragment,null,React.createElement(redoc_lib_1.MediaTypesSwitch,{content:c.content,renderDropdown:function(e){return React.createElement(form_1.FormControl,null,React.createElement(redoc_lib_1.DropdownOrLabel,(0,tslib_1.__assign)({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel_1.RequestMimeLabel,Dropdown:redoc_lib_1.Dropdown})))}},(function(e){var r,t=e.examples||{},o=Object.keys(t);i.resolvedBody&&(r=(i.resolvedBody.content[e.name]||{}).schema);var a=(0,helper_1.isRootFileUpload)(r,e.name)||e.name===models_1.MediaTypes.MULTIPART||e.name===models_1.MediaTypes.URL_ENCODED,l=(0,Samples_1.useExampleKey)(e.operation,t).exampleKey,n=t[l];return React.createElement(React.Fragment,null,o.length&&1!==o.length&&React.createElement(Samples_1.ExampleSwitch,{examples:t,onChange:u,exampleKey:l})||null,a?React.createElement(RequestBodyForm_1.RequestBodyForm,{schema:r,mediaType:e,onChange:m.bind(_this)}):React.createElement(CodemirrorInput_1.default,{id:"body"+i.id,field:"body",initialValue:d(n),schema:r,mode:e.name,validate:s}))})))}));
 //# sourceMappingURL=RequestBody.js.map

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { MediaTypeModel, OpenAPISchema } from '../../redoc-lib';
+export declare function RequestBodyForm(props: {
+    schema: OpenAPISchema;
+    mediaType: MediaTypeModel;
+    onChange: React.ChangeEventHandler<HTMLInputElement>;
+}): JSX.Element | null;

package/lib/components/console/RequestBodyForm.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestBodyForm=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),helper_1=require("../common/FileUpload/helper"),form_1=require("../common/form"),redoc_lib_1=require("../../redoc-lib"),FileUpload_1=require("../common/FileUpload"),TextField_1=require("../common/TextField"),models_1=require("../../models");function RequestBodyForm(e){var t=e.schema,l=void 0===t?{}:t,r=e.mediaType,o=e.onChange,n=l.properties||{};return(0,helper_1.isRootFileUpload)(l,r.name)?React.createElement(FileFormControlWrapper,null,React.createElement(form_1.FormControl,null,React.createElement(StyledFileUpload,{fullWidth:!0,id:"body."+r.name,name:"body."+r.name,accept:(0,helper_1.mimeTypeToAccept)(r.name),schema:l,contentName:r.name,onChange:o}))):l.type===models_1.DefinitionTypes.OBJECT&&n?React.createElement(FileFormControlWrapper,null,Object.entries(n).map((function(e){var t=e[0],n=e[1],a=r.name===models_1.MediaTypes.MULTIPART&&(0,helper_1.isMultipartFileUploadProperty)(n),i=n.contentMediaType||"",m=a?React.createElement(StyledFileUpload,{fullWidth:!0,id:"body."+t,name:"body."+t,accept:(0,helper_1.mimeTypeToAccept)(i),multiple:"array"===n.type,schema:l,contentName:t,onChange:o}):React.createElement(TextField_1.FormTextField,{fullWidth:!0,id:"body."+t,field:"body."+t,placeholder:n.description||t});return React.createElement(form_1.FormControl,{key:t},React.createElement(form_1.FormLabel,null,t,":"),m)}))):(console.warn('Invalid schema for request body and mime type: "'+r.name+'"',l),null)}exports.RequestBodyForm=RequestBodyForm;var templateObject_1,templateObject_2,FileFormControlWrapper=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  > div {\n    margin-top: 10px;\n  }\n"],["\n  > div {\n    margin-top: 10px;\n  }\n"]))),StyledFileUpload=(0,redoc_lib_1.styled)(FileUpload_1.FileUpload)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  ","\n  ",";\n  ","\n"],["\n  ","\n  ",";\n  ","\n"])),TextField_1.invertedInputStyles,(function(e){return"password"===e.inputType?"padding-right: 40px;":""}),(function(e){return e.fullWidth?"width: 100%;":""}));
+//# sourceMappingURL=RequestBodyForm.js.map

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-export interface SwaggerResponse {
-    body?: object;
+export interface OpenApiResponseData {
+    body?: GenericObject;
     data: string;
     ok: boolean;
     status: number;
@@ -9,9 +9,9 @@ export interface SwaggerResponse {
     parseError?: Error;
 }
 export interface ResponsePanelProps {
-    response?: SwaggerResponse;
+    response?: OpenApiResponseData;
     error?: Error & {
-        response?: SwaggerResponse;
+        response?: OpenApiResponseData;
     };
     time?: number;
 }

package/lib/components/console/ResponsePanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponsePanel=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),common_elements_1=require("../../redoc-lib/src/common-elements"),ResponseBadges=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 10px;\n"],["\n  margin-bottom: 10px;\n"]))),ResponseBadgeBase=redoc_lib_1.styled.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: ",";\n"],["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: ",";\n"])),(function(e){return e.theme.colors.text.light})),ResponseBadge=(0,redoc_lib_1.styled)(ResponseBadgeBase)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(e){var t=e.theme,n=e.code;return n>=200&&n<300?t.colors.responses.success.tabTextColor:n>=300&&n<400?t.colors.responses.redirect.tabTextColor:n>400?t.colors.responses.error.tabTextColor:t.colors.responses.info.tabTextColor})),HeaderName=redoc_lib_1.styled.strong(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  text-transform: capitalize;\n  display: inline-block;\n  padding-right: 5px;\n"],["\n  text-transform: capitalize;\n  display: inline-block;\n  padding-right: 5px;\n"]))),ErrorHeader=redoc_lib_1.styled.header(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  font-weight: bold;\n  margin-bottom: 10px;\n"],["\n  font-weight: bold;\n  margin-bottom: 10px;\n"]))),ErrorDetails=redoc_lib_1.styled.code(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"],["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"]))),ResponseHeader=redoc_lib_1.styled.div(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"],["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"]))),PanelStyledPre=(0,redoc_lib_1.styled)(common_elements_1.StyledPre)(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"],["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"]))),ResponsePanel=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,n=t.error,l=t.response,a=t.time,r=l||n&&n.response,o=r&&r.data&&r.data.length||0;if(e=o>1e6?(o/1e6).toFixed(2)+" MB":o>1e3?(o/1e3).toFixed(2)+" KB":o+" B",n&&!n.response||!r)return React.createElement(React.Fragment,null,React.createElement(ErrorHeader,null," Could not get any response "),React.createElement(ErrorDetails,null,n&&n.message||"Unknown error"),React.createElement("br",null),React.createElement(ErrorHeader,null," Why this might have happened:"),React.createElement("div",null," - CORS is misconfigured on the server"),React.createElement("div",null," - The server couldn't sent a response"),React.createElement("div",null," - No internet access"),React.createElement("div",null," - Documentation issue - contact API owner"),React.createElement("div",null," - Misconfigured security definition"));if(!r)return"Something went wrong";var c=Object.keys(r.headers);return React.createElement(React.Fragment,null,React.createElement(ResponseBadges,null,React.createElement(ResponseBadge,{code:r.status},React.createElement("span",null," Status: "),r.status," ",r.statusText),React.createElement(ResponseBadgeBase,null,React.createElement("span",null," Time: "),a,"ms"),React.createElement(ResponseBadgeBase,null,React.createElement("span",null," Size: "),e)),React.createElement("div",null,React.createElement(ResponseHeader,null," Headers: "),React.createElement(PanelStyledPre,null,c.map((function(e){return React.createElement("div",{key:e},React.createElement(HeaderName,null,e,":"),React.createElement("code",null," ",r.headers[e]))}))),React.createElement(ResponseHeader,null," Body: "),r.body&&React.createElement(redoc_lib_1.JsonViewer,{data:r.body})||null,!r.body&&null!=r.data&&(r.data?React.createElement(redoc_lib_1.SourceCodeWithCopy,{lang:(0,redoc_lib_1.langFromMime)(r.headers["Content-Type"]||"text/plain"),source:r.data}):React.createElement(PanelStyledPre,null,React.createElement("i",null,"(no content)")))||null))}}),t}(React.PureComponent);exports.ResponsePanel=ResponsePanel;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponsePanel=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),common_elements_1=require("../../redoc-lib/src/common-elements"),ResponseBadges=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 10px;\n"],["\n  margin-bottom: 10px;\n"]))),ResponseBadgeBase=redoc_lib_1.styled.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: ",";\n"],["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: ",";\n"])),(function(e){return e.theme.colors.text.light})),ResponseBadge=(0,redoc_lib_1.styled)(ResponseBadgeBase)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(e){var t=e.theme,n=e.code;return n>=200&&n<300?t.colors.responses.success.tabTextColor:n>=300&&n<400?t.colors.responses.redirect.tabTextColor:n>400?t.colors.responses.error.tabTextColor:t.colors.responses.info.tabTextColor})),HeaderName=redoc_lib_1.styled.strong(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  text-transform: capitalize;\n  display: inline-block;\n  padding-right: 5px;\n"],["\n  text-transform: capitalize;\n  display: inline-block;\n  padding-right: 5px;\n"]))),ErrorHeader=redoc_lib_1.styled.header(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  font-weight: bold;\n  margin-bottom: 10px;\n"],["\n  font-weight: bold;\n  margin-bottom: 10px;\n"]))),ErrorDetails=redoc_lib_1.styled.code(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"],["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"]))),ResponseHeader=redoc_lib_1.styled.div(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"],["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"]))),PanelStyledPre=(0,redoc_lib_1.styled)(common_elements_1.StyledPre)(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"],["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"]))),ResponsePanel=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,n=t.error,l=t.response,a=t.time,r=l||n&&n.response,o=r&&r.data&&r.data.length||0;if(e=o>1e6?(o/1e6).toFixed(2)+" MB":o>1e3?(o/1e3).toFixed(2)+" KB":o+" B",n&&!n.response||!r)return React.createElement(React.Fragment,null,React.createElement(ErrorHeader,null," Could not get any response "),React.createElement(ErrorDetails,null,n&&n.message||"Unknown error"),React.createElement("br",null),React.createElement(ErrorHeader,null," Why this might have happened:"),React.createElement("div",null," - CORS is misconfigured on the server"),React.createElement("div",null," - ","The server couldn't sent a response"),React.createElement("div",null," - No internet access"),React.createElement("div",null," - Documentation issue - contact API owner"),React.createElement("div",null," - Misconfigured security definition"));if(!r)return"Something went wrong";var c=Object.keys(r.headers);return React.createElement(React.Fragment,null,React.createElement(ResponseBadges,null,React.createElement(ResponseBadge,{code:r.status},React.createElement("span",null," Status: "),r.status," ",r.statusText),React.createElement(ResponseBadgeBase,null,React.createElement("span",null," Time: "),a,"ms"),React.createElement(ResponseBadgeBase,null,React.createElement("span",null," Size: "),e)),React.createElement("div",null,React.createElement(ResponseHeader,null," Headers: "),React.createElement(PanelStyledPre,null,c.map((function(e){return React.createElement("div",{key:e},React.createElement(HeaderName,null,e,":"),React.createElement("code",null," ",r.headers[e]))}))),React.createElement(ResponseHeader,null," Body: "),r.body&&React.createElement(redoc_lib_1.JsonViewer,{data:r.body})||null,!r.body&&null!=r.data&&(r.data?React.createElement(redoc_lib_1.SourceCodeWithCopy,{lang:(0,redoc_lib_1.langFromMime)(r.headers["Content-Type"]||"text/plain"),source:r.data}):React.createElement(PanelStyledPre,null,React.createElement("i",null,"(no content)")))||null))}}),t}(React.PureComponent);exports.ResponsePanel=ResponsePanel;
 //# sourceMappingURL=ResponsePanel.js.map

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

@@ -22,4 +22,4 @@ export declare class ServerChooser extends React.Component<ServerDropdownProps,
     componentDidMount(): void;
     render(): JSX.Element;
 }
-export declare function expandVariables(url: string, variables?: object): string;
+export declare function expandVariables(url: string, variables?: GenericObject): string;

package/lib/components/console/ServerDropdown.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.expandVariables=exports.ServerChooser=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),mobx_react_1=require("mobx-react"),utils_1=require("../../utils"),ServerVariable_1=(0,tslib_1.__importDefault)(require("./ServerVariable")),form_1=require("../common/form"),ServerDropdownWrap=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 20px;\n"],["\n  margin-top: 20px;\n"]))),ServerChooser=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:{activeIdx:0,variables:{}}}),Object.defineProperty(r,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var a=r.props.operation.servers.find((function(r){return r.url===e.serverUrl})),t=a&&getVariables(a)||{};r.props.onChange({url:e.serverUrl,variables:t}),(0,utils_1.toStorage)("serverUrl",e.serverUrl),r.setState({variables:t})}}),Object.defineProperty(r,"handleVariableChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e,a){var t,i,n=(0,tslib_1.__assign)((0,tslib_1.__assign)({},r.state.variables),((t={})[e]=a,t));r.setState({variables:n});var s=(0,utils_1.fromStorage)("variables"),l=s&&JSON.parse(s)||{};(0,utils_1.toStorage)("variables",JSON.stringify((0,tslib_1.__assign)((0,tslib_1.__assign)({},l),((i={})[e]=a,i))));var o=r.props.operation.servers[r.state.activeIdx];r.props.onChange((0,tslib_1.__assign)((0,tslib_1.__assign)({},o),{variables:n}))}}),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,a=(0,utils_1.fromStorage)("serverUrl"),t=r.servers.findIndex((function(e){return e.url===a}));return{activeIdx:t<0?0:t}}}),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.operation.servers[this.state.activeIdx],r=getVariables(e);this.props.onChange((0,tslib_1.__assign)((0,tslib_1.__assign)({},e),{variables:r})),this.setState({variables:r})}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.state.activeIdx,a=this.props.operation.servers.map((function(r){return{serverUrl:r.url,value:"\n          "+expandDefaultServerVariables(expandVariables(r.url,e.state.variables),r.variables)+"\n        - "+(r.description||"Default")+"\n      "}})),t=Object.keys(this.state.variables);return React.createElement(ServerDropdownWrap,null,React.createElement(form_1.FormLabel,{htmlFor:"server"},"Target server: "),React.createElement(form_1.FormControl,null,React.createElement(redoc_lib_1.Dropdown,{openUp:!0,variant:"dark",value:a[r].value,options:a,onChange:this.handleChange})),t.length?t.map((function(r){var a=e.props.operation.servers[e.state.activeIdx].variables[r];return React.createElement(ServerVariable_1.default,{key:r,name:r,value:e.state.variables[r],defaultValue:a.default,onChange:function(a){return e.handleVariableChange(r,a)},variableEnum:a.enum,description:a.description})})):null)}}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.ServerChooser=ServerChooser;var templateObject_1,pathTemplateRegExp=/(?:{)(\w+)(?:})/g;function expandVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,a){return r[a]||e}))}function expandDefaultServerVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,a){return r[a]&&r[a].default||e}))}function getVariables(e){if(!e.variables)return{};var r=(0,utils_1.fromStorage)("variables"),a=r&&JSON.parse(r)||{},t={};return Object.keys(e.variables).forEach((function(r){t[r]=e.variables[r].default||"",a.hasOwnProperty(r)&&(t[r]=a[r])})),(0,tslib_1.__assign)({},t)}exports.expandVariables=expandVariables;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.expandVariables=exports.ServerChooser=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),mobx_react_1=require("mobx-react"),utils_1=require("../../utils"),ServerVariable_1=(0,tslib_1.__importDefault)(require("./ServerVariable")),form_1=require("../common/form"),ServerDropdownWrap=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 20px;\n"],["\n  margin-top: 20px;\n"]))),ServerChooser=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:{activeIdx:0,variables:{}}}),Object.defineProperty(r,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var a=r.props.operation.servers.find((function(r){return r.url===e.serverUrl})),t=a&&getVariables(a)||{};r.props.onChange({url:e.serverUrl,variables:t}),(0,utils_1.toStorage)("serverUrl",e.serverUrl),r.setState({variables:t})}}),Object.defineProperty(r,"handleVariableChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e,a){var t,i,n=(0,tslib_1.__assign)((0,tslib_1.__assign)({},r.state.variables),((t={})[e]=a,t));r.setState({variables:n});var s=(0,utils_1.fromStorage)("variables"),l=s&&JSON.parse(s)||{};(0,utils_1.toStorage)("variables",JSON.stringify((0,tslib_1.__assign)((0,tslib_1.__assign)({},l),((i={})[e]=a,i))));var o=r.props.operation.servers[r.state.activeIdx];r.props.onChange((0,tslib_1.__assign)((0,tslib_1.__assign)({},o),{variables:n}))}}),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,a=(0,utils_1.fromStorage)("serverUrl"),t=r.servers.findIndex((function(e){return e.url===a}));return{activeIdx:t<0?0:t}}}),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.operation.servers[this.state.activeIdx],r=getVariables(e);this.props.onChange((0,tslib_1.__assign)((0,tslib_1.__assign)({},e),{variables:r})),this.setState({variables:r})}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.state.activeIdx,a=this.props.operation.servers.map((function(r){return{serverUrl:r.url,value:"\n          "+expandDefaultServerVariables(expandVariables(r.url,e.state.variables),r.variables)+"\n        - "+(r.description||"Default")+"\n      "}})),t=Object.keys(this.state.variables);return React.createElement(ServerDropdownWrap,null,React.createElement(form_1.FormControl,null,React.createElement(redoc_lib_1.Dropdown,{prefix:"Target server: ",variant:"dark",value:a[r].value,options:a,onChange:this.handleChange})),t.length?t.map((function(r){var a=e.props.operation.servers[e.state.activeIdx].variables[r];return React.createElement(ServerVariable_1.default,{key:r,name:r,value:e.state.variables[r],defaultValue:a.default,onChange:function(a){return e.handleVariableChange(r,a)},variableEnum:a.enum,description:a.description})})):null)}}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.ServerChooser=ServerChooser;var templateObject_1,pathTemplateRegExp=/(?:{)(\w+)(?:})/g;function expandVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,a){return r[a]||e}))}function expandDefaultServerVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,a){return r[a]&&r[a].default||e}))}function getVariables(e){if(!e.variables)return{};var r=(0,utils_1.fromStorage)("variables"),a=r&&JSON.parse(r)||{},t={};return Object.keys(e.variables).forEach((function(r){t[r]=e.variables[r].default||"",Object.prototype.hasOwnProperty.call(a,r)&&(t[r]=a[r])})),(0,tslib_1.__assign)({},t)}exports.expandVariables=expandVariables;
 //# sourceMappingURL=ServerDropdown.js.map

package/lib/components/console/styled.components.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.invertedInputStyles=exports.CloseButton=exports.ConsoleBody=exports.ConsoleWrap=exports.blink=void 0;var tslib_1=require("tslib"),polished_1=require("polished"),styled_components_1=(0,tslib_1.__importStar)(require("../../redoc-lib/src/styled-components")),shake=(0,styled_components_1.keyframes)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0);\n  }\n\n  20%, 80% {\n    transform: translate3d(2px, 0, 0);\n  }\n\n  30%, 50%, 70% {\n    transform: translate3d(-4px, 0, 0);\n  }\n\n  40%, 60% {\n    transform: translate3d(4px, 0, 0);\n  }\n"],["\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0);\n  }\n\n  20%, 80% {\n    transform: translate3d(2px, 0, 0);\n  }\n\n  30%, 50%, 70% {\n    transform: translate3d(-4px, 0, 0);\n  }\n\n  40%, 60% {\n    transform: translate3d(4px, 0, 0);\n  }\n"])));exports.blink=(0,styled_components_1.keyframes)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  0% {\n    background-color: ",";\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: ",";\n  }\n"],["\n  0% {\n    background-color: ",";\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: ",";\n  }\n"])),(0,polished_1.darken)(.3,"#59C3FF"),(0,polished_1.darken)(.3,"#59C3FF"));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,shakeAnimation=(0,styled_components_1.css)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  animation: "," 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n"],["\n  animation: "," 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n"])),shake);exports.ConsoleWrap=styled_components_1.default.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  background-color: ",";\n  color: ",";\n  font-family: ",";\n  border-radius: ",";\n  overflow: hidden;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  height: calc(85vh - ","px);\n  margin-bottom: 10px;\n  ",";\n  > div:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n"],["\n  background-color: ",";\n  color: ",";\n  font-family: ",";\n  border-radius: ",";\n  overflow: hidden;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  height: calc(85vh - ","px);\n  margin-bottom: 10px;\n  ",";\n  > div:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n"])),(function(n){return n.theme.rightPanel.panelBackgroundColor}),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.typography.code.fontFamily}),(function(n){return n.theme.components.panels.borderRadius}),(function(n){return n.theme.scrollYOffset()}),(function(n){return n.shaking&&shakeAnimation})),exports.ConsoleBody=styled_components_1.default.div(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  flex: 1;\n  padding: 20px 20px 15px;\n  overflow: auto;\n  display: ",";\n  flex-direction: column;\n  position: relative;\n  background-color: ",";\n"],["\n  flex: 1;\n  padding: 20px 20px 15px;\n  overflow: auto;\n  display: ",";\n  flex-direction: column;\n  position: relative;\n  background-color: ",";\n"])),(function(n){return n.hidden?"none":"flex"}),(function(n){return n.theme.rightPanel.panelBackgroundColor})),exports.CloseButton=styled_components_1.default.span(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: ",";\n"],["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: ",";\n"])),(function(n){return n.theme.colors.text.light})),exports.invertedInputStyles=(0,styled_components_1.css)(templateObject_7||(templateObject_7=(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(n){return n.theme.shape.borderRadius}),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){var e=n.theme;return(0,styled_components_1.mediaCSS)({color:e.colors.text.light,fontFamily:e.typography.code.fontFamily,fontSize:e.typography.fontSize})}),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.rightPanel.panelBackgroundColor}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.invertedInputStyles=exports.CloseButton=exports.ConsoleBody=exports.ConsoleWrap=exports.blink=void 0;var tslib_1=require("tslib"),polished_1=require("polished"),styled_components_1=(0,tslib_1.__importStar)(require("../../redoc-lib/src/styled-components")),shake=(0,styled_components_1.keyframes)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0);\n  }\n\n  20%, 80% {\n    transform: translate3d(2px, 0, 0);\n  }\n\n  30%, 50%, 70% {\n    transform: translate3d(-4px, 0, 0);\n  }\n\n  40%, 60% {\n    transform: translate3d(4px, 0, 0);\n  }\n"],["\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0);\n  }\n\n  20%, 80% {\n    transform: translate3d(2px, 0, 0);\n  }\n\n  30%, 50%, 70% {\n    transform: translate3d(-4px, 0, 0);\n  }\n\n  40%, 60% {\n    transform: translate3d(4px, 0, 0);\n  }\n"])));exports.blink=(0,styled_components_1.keyframes)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  0% {\n    background-color: ",";\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: ",";\n  }\n"],["\n  0% {\n    background-color: ",";\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: ",";\n  }\n"])),(0,polished_1.darken)(.3,"#59C3FF"),(0,polished_1.darken)(.3,"#59C3FF"));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,shakeAnimation=(0,styled_components_1.css)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  animation: "," 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n"],["\n  animation: "," 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n"])),shake);exports.ConsoleWrap=styled_components_1.default.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  background-color: ",";\n  color: ",";\n  font-family: ",";\n  border-radius: ",";\n  overflow: hidden;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  max-height: calc(85vh - ","px);\n  margin-bottom: 10px;\n  ",";\n  > div:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n"],["\n  background-color: ",";\n  color: ",";\n  font-family: ",";\n  border-radius: ",";\n  overflow: hidden;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  max-height: calc(85vh - ","px);\n  margin-bottom: 10px;\n  ",";\n  > div:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n"])),(function(n){return n.theme.rightPanel.panelBackgroundColor}),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.typography.code.fontFamily}),(function(n){return n.theme.components.panels.borderRadius}),(function(n){return n.theme.scrollYOffset()}),(function(n){return n.shaking&&shakeAnimation})),exports.ConsoleBody=styled_components_1.default.div(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  flex: 1;\n  padding: 20px 20px 15px;\n  overflow: auto;\n  display: ",";\n  flex-direction: column;\n  position: relative;\n  background-color: ",";\n"],["\n  flex: 1;\n  padding: 20px 20px 15px;\n  overflow: auto;\n  display: ",";\n  flex-direction: column;\n  position: relative;\n  background-color: ",";\n"])),(function(n){return n.hidden?"none":"flex"}),(function(n){return n.theme.rightPanel.panelBackgroundColor})),exports.CloseButton=styled_components_1.default.span(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: ",";\n"],["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: ",";\n"])),(function(n){return n.theme.colors.text.light})),exports.invertedInputStyles=(0,styled_components_1.css)(templateObject_7||(templateObject_7=(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(n){return n.theme.shape.borderRadius}),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){var e=n.theme;return(0,styled_components_1.mediaCSS)({color:e.colors.text.light,fontFamily:e.typography.code.fontFamily,fontSize:e.typography.fontSize})}),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.rightPanel.panelBackgroundColor}));
 //# sourceMappingURL=styled.components.js.map

package/lib/components/index.d.ts

@@ -9,3 +9,4 @@ export { ToggleRightPanelButton, ControlsWrap, ChangeViewButton, BackgroundStub,
 export { TextField } from './common/TextField';
 export { Checkbox } from './common/Checkbox';
 export { FormControl, FormLabel, FormError } from './common/form';
+export { OpenApiResponseData } from './console/ResponsePanel';

package/lib/components/shared/NoSampleLabel.d.ts

@@ -1 +1,2 @@
 export declare const NoSampleLabel: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
+export declare const WarnMessage: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;

package/lib/components/shared/NoSampleLabel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NoSampleLabel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("../../redoc-lib/src/styled-components"));exports.NoSampleLabel=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 12px;\n  min-height: 100px;\n  padding: 20px 0;\n  ","\n"],["\n  font-size: 12px;\n  min-height: 100px;\n  padding: 20px 0;\n  ","\n"])),(function(e){var t=e.theme;return(0,styled_components_1.mediaCSS)({color:t.colors.error.main,fontFamily:t.typography.code.fontFamily})}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WarnMessage=exports.NoSampleLabel=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("../../redoc-lib/src/styled-components"));exports.NoSampleLabel=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 12px;\n  min-height: 100px;\n  padding: 20px 0;\n  ","\n"],["\n  font-size: 12px;\n  min-height: 100px;\n  padding: 20px 0;\n  ","\n"])),(function(e){var t=e.theme;return(0,styled_components_1.mediaCSS)({color:t.colors.error.main,fontFamily:t.typography.code.fontFamily})})),exports.WarnMessage=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 12px;\n  padding-bottom: 10px;\n  ","\n"],["\n  font-size: 12px;\n  padding-bottom: 10px;\n  ","\n"])),(function(e){var t=e.theme;return(0,styled_components_1.mediaCSS)({color:t.colors.warning.main,fontFamily:t.typography.code.fontFamily})}));
 //# sourceMappingURL=NoSampleLabel.js.map

package/lib/index.d.ts

@@ -1,5 +1,6 @@
 export * from './components';
 export * from './services';
 export * from './redoc-lib';
+export * from './models';
 export { setSecurityDetails, setSecurityDetailsVariants, setParameterValue } from './utils';
 export type { OAuth2 } from './services/OAuth2';