@redocly/reference-docs 2.11.0 → 2.11.4

package/lib/components/Endpoint/CopyLink.d.ts

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

package/lib/components/Endpoint/Path.d.ts

@@ -1,5 +1,5 @@
-export declare const Path: import("styled-components").StyledComponent<"span", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {
+export declare const Path: import("styled-components").StyledComponent<"span", import("../../services/extendTheme").ProTheme, {
     variant?: "light" | "dark" | undefined;
     wrap?: string | undefined;
 }, never>;
-export declare const PathWrapper: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
+export declare const PathWrapper: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;

package/lib/components/Endpoint/ServerItem.d.ts

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

package/lib/components/Endpoint/ServerUrl.d.ts

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

package/lib/components/NextSectionButton.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { ProMenu } from '../services/ProMenu';
 import { RedocProNormalizedOptions } from '../services/ProStore';
-export declare const NextSectionButton: import("styled-components").StyledComponent<"button", import("../redoc-lib").ResolvedThemeInterface, import("./shared/Button").ButtonProps, never>;
-export declare const NextSectionButtonLink: import("styled-components").StyledComponent<"a", import("../redoc-lib").ResolvedThemeInterface, import("./shared/Button").ButtonProps, never>;
+export declare const NextSectionButton: import("styled-components").StyledComponent<"button", import("../services/extendTheme").ProTheme, import("./shared/Button").ButtonProps, never>;
+export declare const NextSectionButtonLink: import("styled-components").StyledComponent<"a", import("../services/extendTheme").ProTheme, import("./shared/Button").ButtonProps, never>;
 interface ContinueButtonProps {
     pagination?: RedocProNormalizedOptions['pagination'];
     menu: ProMenu;

package/lib/components/Panel/CallbackPanel.d.ts

@@ -1 +1 @@
-export declare const CallbackPanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
+export declare const CallbackPanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, import("../../services/extendTheme").ProTheme, {}, never>;

package/lib/components/Panel/CallbackPanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackPanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),icons_1=require("../../redoc-lib/src/common-elements/icons"),Panel_1=require("./Panel"),Header_1=require("./Header"),Title_1=require("./Title"),Trigger_1=require("./Trigger");exports.CallbackPanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  background: ",";\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      color: ",";\n    }\n\n    "," {\n      flex: 1;\n      max-width: 100%;\n      justify-content: space-between;\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n"],["\n  background: ",";\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      color: ",";\n    }\n\n    "," {\n      flex: 1;\n      max-width: 100%;\n      justify-content: space-between;\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n"])),(function(e){return e.theme.colors.secondary.light}),Header_1.Header,Title_1.Title,(function(e){return e.theme.colors.text.primary}),Trigger_1.Trigger,icons_1.ShelfIcon,(function(e){return e.theme.colors.text.primary}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackPanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),icons_1=require("../../redoc-lib/src/common-elements/icons"),Panel_1=require("./Panel"),Header_1=require("./Header"),Title_1=require("./Title"),Trigger_1=require("./Trigger");exports.CallbackPanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  background: ",";\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      color: ",";\n    }\n\n    "," {\n      max-width: calc(\n        100% - 9px - ","px\n      ); /* shelf icon size and small padding */\n      justify-content: flex-start;\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n"],["\n  background: ",";\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      color: ",";\n    }\n\n    "," {\n      max-width: calc(\n        100% - 9px - ","px\n      ); /* shelf icon size and small padding */\n      justify-content: flex-start;\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n"])),(function(e){return e.theme.colors.secondary.light}),Header_1.Header,Title_1.Title,(function(e){return e.theme.colors.text.primary}),Trigger_1.Trigger,(function(e){return e.theme.spacing.unit}),icons_1.ShelfIcon,(function(e){return e.theme.colors.text.primary}));
 //# sourceMappingURL=CallbackPanel.js.map

package/lib/components/Panel/CodeHeader.d.ts

@@ -1,4 +1,4 @@
-export declare const CodeHeader: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {
+export declare const CodeHeader: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {
     disabled?: boolean | undefined;
     isExpanded?: boolean | undefined;
 }, never>;

package/lib/components/Panel/CodePanel.d.ts

@@ -1 +1 @@
-export declare const CodePanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
+export declare const CodePanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, import("../../services/extendTheme").ProTheme, {}, never>;

package/lib/components/Panel/ContentPanel.d.ts

@@ -1 +1 @@
-export declare const ContentPanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
+export declare const ContentPanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, import("../../services/extendTheme").ProTheme, {}, never>;

package/lib/components/Panel/DarkHeader.d.ts

@@ -1 +1 @@
-export declare const DarkHeader: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../redoc-lib/src/theme").ResolvedThemeInterface>>;
+export declare const DarkHeader: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../services/extendTheme").ProTheme>>;

package/lib/components/Panel/Header.d.ts

@@ -1,4 +1,4 @@
-export declare const Header: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {
+export declare const Header: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {
     disabled?: boolean | undefined;
     isExpanded?: boolean | undefined;
 }, never>;

package/lib/components/Panel/Panel.d.ts

@@ -1,2 +1,2 @@
 import { PanelComponent } from './PanelComponent';
-export declare const Panel: import("styled-components").StyledComponent<typeof PanelComponent, import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
+export declare const Panel: import("styled-components").StyledComponent<typeof PanelComponent, import("../../services/extendTheme").ProTheme, {}, never>;

package/lib/components/Panel/PanelBody.d.ts

@@ -1,4 +1,4 @@
-export declare const PanelBody: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {
+export declare const PanelBody: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {
     animate?: boolean | undefined;
     hidden?: boolean | undefined;
 }, never>;

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

@@ -1,3 +1,3 @@
-export declare const ResponsePanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, import("../../redoc-lib/src/theme").ResolvedThemeInterface, {
+export declare const ResponsePanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, import("../../services/extendTheme").ProTheme, {
     type: string;
 }, never>;

package/lib/components/Panel/ScrollableContentPanel.d.ts

@@ -1 +1 @@
-export declare const ScrollableContentPanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
+export declare const ScrollableContentPanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, import("../../services/extendTheme").ProTheme, {}, never>;

package/lib/components/Panel/Title.d.ts

@@ -1 +1 @@
-export declare const Title: import("styled-components").StyledComponent<"span", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"span", import("../../services/extendTheme").ProTheme, {}, never>;

package/lib/components/Panel/Trigger.d.ts

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

package/lib/components/RedoclyReferenceDocs.d.ts

@@ -16,7 +16,7 @@ interface CssFixesProps {
     showRightPanel: boolean;
     layout: LayoutVariant;
 }
-export declare const CssFixes: import("styled-components").GlobalStyleComponent<CssFixesProps, import("../redoc-lib").ResolvedThemeInterface>;
+export declare const CssFixes: import("styled-components").GlobalStyleComponent<CssFixesProps, import("../services/extendTheme").ProTheme>;
 export declare class RedoclyReferenceDocs extends React.Component<RedoclyReferenceDocsProps, RedoclyReferenceDocsState> {
     private _observer;
     private _updatedItems;

package/lib/components/Samples/LoadingWrapper.d.ts

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

package/lib/components/Search/styled.d.ts

@@ -1,23 +1,23 @@
 import * as React from 'react';
 export declare const CrossIcon: () => React.ReactElement;
-export declare const ButtonClose: import("styled-components").StyledComponent<"i", import("../../redoc-lib").ResolvedThemeInterface, {
+export declare const ButtonClose: import("styled-components").StyledComponent<"i", import("../../services/extendTheme").ProTheme, {
     className: "button-close";
 }, "className">;
-export declare const ButtonClear: import("styled-components").StyledComponent<"i", import("../../redoc-lib").ResolvedThemeInterface, {
+export declare const ButtonClear: import("styled-components").StyledComponent<"i", import("../../services/extendTheme").ProTheme, {
     className: "button-clear";
 }, "className">;
 export declare const SearchIcon: () => React.ReactElement;
-export declare const SearchFieldWrap: import("styled-components").StyledComponent<"button", import("../../redoc-lib").ResolvedThemeInterface, {
+export declare const SearchFieldWrap: import("styled-components").StyledComponent<"button", import("../../services/extendTheme").ProTheme, {
     className: "button-field-search";
 }, "className">;
-export declare const SearchPopUpBG: import("styled-components").StyledComponent<"div", import("../../redoc-lib").ResolvedThemeInterface, {
+export declare const SearchPopUpBG: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {
     className: "search-popup";
 }, "className">;
-export declare const SearchPopUpWrap: import("styled-components").StyledComponent<"div", import("../../redoc-lib").ResolvedThemeInterface, {}, never>;
-export declare const SearchPopUpHeader: import("styled-components").StyledComponent<"div", import("../../redoc-lib").ResolvedThemeInterface, {}, never>;
-export declare const TextContainer: import("styled-components").StyledComponent<"div", import("../../redoc-lib").ResolvedThemeInterface, {}, never>;
-export declare const SearchResultsBox: import("styled-components").StyledComponent<"div", import("../../redoc-lib").ResolvedThemeInterface, {}, never>;
-export declare const SearchResultsItems: import("styled-components").StyledComponent<"div", import("../../redoc-lib").ResolvedThemeInterface, {}, never>;
-export declare const SearchInput: import("styled-components").StyledComponent<"input", import("../../redoc-lib").ResolvedThemeInterface, {
+export declare const SearchPopUpWrap: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const SearchPopUpHeader: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const TextContainer: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const SearchResultsBox: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const SearchResultsItems: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const SearchInput: import("styled-components").StyledComponent<"input", import("../../services/extendTheme").ProTheme, {
     className: "search-input";
 }, "className">;

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

@@ -25,7 +25,7 @@ export declare const CollapsingDropdown: import("styled-components").StyledCompo
         value: undefined;
         width: null;
     };
-}, import("../../../redoc-lib/src/theme").ResolvedThemeInterface, {
+}, import("../../../services/extendTheme").ProTheme, {
     dense?: boolean | undefined;
     fullWidth?: boolean | undefined;
     openUp?: boolean | undefined;

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

@@ -1 +1 @@
-export declare const CollapsingTab: import("styled-components").StyledComponent<typeof import("react-tabs").Tab, import("../../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
+export declare const CollapsingTab: import("styled-components").StyledComponent<typeof import("react-tabs").Tab, import("../../../services/extendTheme").ProTheme, {}, never>;

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

@@ -1 +1 @@
-export declare const CollapsingTabList: import("styled-components").StyledComponent<typeof import("react-tabs").TabList, import("../../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
+export declare const CollapsingTabList: import("styled-components").StyledComponent<typeof import("react-tabs").TabList, import("../../../services/extendTheme").ProTheme, {}, never>;

package/lib/components/Tabs/SmallTab.d.ts

@@ -1,4 +1,4 @@
-export declare const SmallTab: import("styled-components").StyledComponent<typeof import("react-tabs").Tab, import("../../redoc-lib/src/theme").ResolvedThemeInterface, {
+export declare const SmallTab: import("styled-components").StyledComponent<typeof import("react-tabs").Tab, import("../../services/extendTheme").ProTheme, {
     $error?: boolean | undefined;
     $success?: boolean | undefined;
 }, never>;

package/lib/components/Tabs/Tab.d.ts

@@ -1,2 +1,2 @@
 import { Tab as ReactTab } from 'react-tabs';
-export declare const Tab: import("styled-components").StyledComponent<typeof ReactTab, import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
+export declare const Tab: import("styled-components").StyledComponent<typeof ReactTab, import("../../services/extendTheme").ProTheme, {}, never>;

package/lib/components/Tabs/TabList.d.ts

@@ -1,2 +1,2 @@
 import { TabList as ReactTabList } from 'react-tabs';
-export declare const TabList: import("styled-components").StyledComponent<typeof ReactTabList, import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
+export declare const TabList: import("styled-components").StyledComponent<typeof ReactTabList, import("../../services/extendTheme").ProTheme, {}, never>;

package/lib/components/Tabs/TabPanel.d.ts

@@ -1,2 +1,2 @@
 import { TabPanel as ReactTabPanel } from 'react-tabs';
-export declare const TabPanel: import("styled-components").StyledComponent<typeof ReactTabPanel, import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
+export declare const TabPanel: import("styled-components").StyledComponent<typeof ReactTabPanel, import("../../services/extendTheme").ProTheme, {}, never>;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare const StyledInput: import("styled-components").StyledComponent<"input", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", import("../../services/extendTheme").ProTheme, {}, never>;
 export interface CheckboxExtraProps {
     fullWidth?: boolean;
     label?: string;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React, { ChangeEvent } from 'react';
 import { FieldContext } from 'informed';
 declare type FieldValue = string[];
 interface CheckboxListComponentState {
@@ -13,7 +13,7 @@ export interface CheckboxListComponentProps {
 }
 export declare class CheckboxListComponent extends React.Component<FieldContext<FieldValue> & CheckboxListComponentProps, CheckboxListComponentState> {
     state: CheckboxListComponentState;
-    onCheckBoxClick(event: any): void;
+    onCheckBoxClick(event: ChangeEvent<Omit<HTMLInputElement, 'type'>>): void;
     private isFieldChecked;
     private toggle;
     private selectAll;

package/lib/components/common/CheckboxList.js

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

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { OpenAPISchema } from '../../../redoc-lib';
+import type { SchemaModel } from '../../../redoc-lib/src/services/models/Schema';
 export interface FileUploadProps {
-    schema: OpenAPISchema;
+    schema: SchemaModel | GenericObject;
     contentName: string;
     onChange(string: any, UploadFileType: any): void;
     name: string;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FileUpload=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),informed_1=require("informed"),helper_1=require("./helper");exports.FileUpload=React.forwardRef((function(e,t){var r=(0,tslib_1.__rest)(e,[]),i=r.schema,a=r.contentName,l=r.onChange,n=r.name;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}))}));
+"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)];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

@@ -1,12 +1,12 @@
-import { OpenAPISchema } from '../../../redoc-lib';
+import type { SchemaModel } 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 isMultipartFileUploadProperty(schema: SchemaModel): boolean;
+export declare function isRootFileUpload(schema: SchemaModel | GenericObject, 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>;
+export declare function getIsBase64({ format, contentEncoding, contentMediaType, }: SchemaModel | GenericObject): boolean;
+export declare function getFileToUpload(rawFiles: FileList, schema: SchemaModel | GenericObject): Promise<UploadFileType>;

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

@@ -1,2 +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;
+"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||"any"===(null==t?void 0: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||"any"===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){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var i,o,r=this;return(0,tslib_1.__generator)(this,(function(s){switch(s.label){case 0:return i=Object.values(e),o=1===i.length?i[0]:i,t.type===models_1.DefinitionTypes.STRING&&getIsBase64(t)?[4,fileToBase64(i[0])]:[3,2];case 1:return o=s.sent(),[3,5];case 2:return t.type===models_1.DefinitionTypes.ARRAY&&t.items?getIsBase64(t.items)?[4,Promise.all(i.map((function(e){return(0,tslib_1.__awaiter)(r,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 o=s.sent(),[3,5];case 4:o=i,s.label=5;case 5:return[2,o]}}))}))}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/LinearProgress.js

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

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { FieldProps } from 'informed';
 import { Option, DropdownProps } from '@redocly/react-dropdown-aria';
-export declare const invertedInputStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../redoc-lib").ResolvedThemeInterface>>;
-export declare const StyledInput: import("styled-components").StyledComponent<"input", import("../../redoc-lib").ResolvedThemeInterface, {
+export declare const invertedInputStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../services/extendTheme").ProTheme>>;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", import("../../services/extendTheme").ProTheme, {
     fullWidth?: boolean | undefined;
     inputType?: string | undefined;
     inputActionButton?: InputActionButtonProps | undefined;

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

@@ -1,17 +1,17 @@
-export declare const Table: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
-export declare const GroupLabel: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
-export declare const FormControl: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
-export declare const FormWrapper: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
-export declare const FormLabel: import("styled-components").StyledComponent<"label", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {
+export declare const Table: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const GroupLabel: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const FormControl: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const FormWrapper: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const FormLabel: import("styled-components").StyledComponent<"label", import("../../services/extendTheme").ProTheme, {
     required?: boolean | undefined;
 }, never>;
-export declare const FormError: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
-export declare const FormWarning: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
-export declare const TokenField: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
-export declare const TokenValue: import("styled-components").StyledComponent<"code", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {
+export declare const FormError: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const FormWarning: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const TokenField: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const TokenValue: import("styled-components").StyledComponent<"code", import("../../services/extendTheme").ProTheme, {
     masked?: boolean | undefined;
     length: number;
 }, never>;
-export declare const TokenShowHide: import("styled-components").StyledComponent<"span", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
-export declare const TokenClear: import("styled-components").StyledComponent<"span", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
-export declare const FormHeader: import("styled-components").StyledComponent<"div", import("../../redoc-lib/src/theme").ResolvedThemeInterface, {}, never>;
+export declare const TokenShowHide: import("styled-components").StyledComponent<"span", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const TokenClear: import("styled-components").StyledComponent<"span", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const FormHeader: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;

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

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

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

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

@@ -1,8 +1,9 @@
 import * as React from 'react';
 import { FormApi, FormState } from 'informed';
+import { Option } from '@redocly/react-dropdown-aria';
 import { OperationModel } from '../../redoc-lib';
 import { SecurityDetails } from '../../utils';
-export declare function requiredValidator(value: any): "Field is required" | undefined;
+export declare function requiredValidator(value: unknown): string | undefined;
 export interface AuthPanelProps {
     operation: OperationModel;
     form: FormState;
@@ -15,12 +16,12 @@ export interface AuthPanelState {
     activeScheme: number;
 }
 export declare class AuthPanel extends React.Component<AuthPanelProps, AuthPanelState> {
-    static getDerivedStateFromProps(props: any): {
-        activeScheme: any;
-    };
+    static getDerivedStateFromProps(props: AuthPanelProps): AuthPanelState;
     state: {
         activeScheme: number;
     };
-    handleSchemeChange: (option: any) => void;
+    handleSchemeChange: (option: Option & {
+        idx: number;
+    }) => void;
     render(): JSX.Element | null;
 }

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { Controlled as CodeMirror } from 'react-codemirror2';
 import { Editor } from 'codemirror';
 import './codemirror-helpers';
 export interface CodemirrorInputBase {
@@ -21,7 +22,9 @@ export interface CodemirrorInputProps extends CodemirrorInputBase {
 }
 export declare class CodemirrorInput extends React.Component<CodemirrorInputProps> {
     editor: Editor;
-    _onKeyUp: (_cm: any, event: any) => void;
+    _onKeyUp: (_cm: CodeMirror.Doc, event: {
+        key: string;
+    }) => void;
     initEditor: (editor: Editor) => void;
     refreshEditor: () => void;
     componentDidMount(): void;

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { FormApi, FormState } from 'informed';
 import { SecurityDetails } from '../../utils';
 import { OpenApiResponseData } from './ResponsePanel';
 import { ProStore } from '../../services';
@@ -13,13 +14,13 @@ export interface ConsoleProps {
     operation: OperationModel;
     className?: string;
     rootElement?: HTMLElement | null;
-    onClose?: () => any;
+    onClose?: () => void;
     properties?: any;
     securityDefaults?: Record<string, SecurityDetails | string>;
     onResponse?: (arg: RequestAndResponseType) => void;
 }
 export interface ConsoleState {
-    form: any;
+    form: FormState<any>;
     shaking: boolean;
     loading: boolean;
     activeTab: number;
@@ -32,20 +33,17 @@ export interface ConsoleState {
     server: Server;
 }
 export declare class Console extends React.Component<ConsoleProps, ConsoleState> {
-    formApi: any;
+    formApi: FormApi;
     constructor(props: ConsoleProps);
-    setFormApi: (formApi: any, { values, ...rest }?: any) => void;
-    handleChange: ({ values, ...rest }: {
-        [x: string]: any;
-        values: any;
-    }) => void;
-    handleTabChange: (idx: any) => void;
-    handleServerChange: (server: any) => void;
+    setFormApi: (formApi: FormApi, { values, ...rest }?: FormState<import("informed").FormValues>) => void;
+    handleChange: ({ values, ...rest }: ConsoleState['form']) => void;
+    handleTabChange: (idx: number) => void;
+    handleServerChange: (server: Server) => void;
     handleExecute: () => Promise<void>;
     componentDidMount(): Promise<void>;
-    componentDidUpdate(prevProps: any): void;
+    componentDidUpdate(prevProps: Readonly<ConsoleProps>): void;
     render(): JSX.Element;
-    renderRequest(): JSX.Element | "Loading...";
+    renderRequest(): JSX.Element;
     renderResponse(): JSX.Element;
 }
 export declare function TryItPanel({ header, error, success, ...rest }: React.PropsWithChildren<{