@redocly/reference-docs 2.9.4 → 2.11.1

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/Endpoint.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Endpoint=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),OptionsProvider_1=require("../../redoc-lib/src/components/OptionsProvider"),StoreBuilder_1=require("../../redoc-lib/src/components/StoreBuilder"),ConsoleLazy_1=require("../console/ConsoleLazy"),Panel_1=require("../Panel"),ServerList_1=require("./ServerList"),Summary_1=require("./Summary"),react_2=require("react"),store_types_1=require("../../services/store-types"),Endpoint=function(e){var t=e.operation,r=e.hideHostname,o=(0,react_1.useState)(!1),n=o[0],a=o[1],i=(0,react_2.useContext)(StoreBuilder_1.StoreContext),l=function(){var e,r;a(!n),null===(r=null===(e=null==i?void 0:i.options.events)||void 0===e?void 0:e.tryItOpen)||void 0===r||r.call(e,{eventType:store_types_1.AnalyticsEventType.TryItOpen,resource:"Redocly_OperationTryIt",action:(null==i?void 0:i.options.unstable_tryItButtonOverride)?"NavigatedOverrideLink":"Opened",operationId:t.operationId,operationPath:t.path,operationHttpVerb:t.httpVerb,operationSummary:t.description})};return react_1.default.createElement(react_1.default.Fragment,null,n?react_1.default.createElement(StoreBuilder_1.StoreConsumer,null,(function(e){return react_1.default.createElement(ConsoleLazy_1.Console,{store:e,operation:t,onClose:l})})):react_1.default.createElement(Panel_1.CodePanel,{header:function(e){var r=e.toggle,o=e.expanded;return react_1.default.createElement(Summary_1.Summary,{operation:t,expanded:o,toggle:r,showConsole:!!(null==i?void 0:i.options.showConsole),onToggleConsole:l,tryItOverride:null==i?void 0:i.options.unstable_tryItButtonOverride})},collapsed:!0},react_1.default.createElement(OptionsProvider_1.OptionsConsumer,null,(function(e){return react_1.default.createElement(ServerList_1.ServerList,{operation:t,expandVariables:e.expandDefaultServerVariables,hideHostname:r||e.hideHostname})}))))};exports.Endpoint=Endpoint;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Endpoint=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),OptionsProvider_1=require("../../redoc-lib/src/components/OptionsProvider"),StoreBuilder_1=require("../../redoc-lib/src/components/StoreBuilder"),ConsoleLazy_1=require("../console/ConsoleLazy"),Panel_1=require("../Panel"),ServerList_1=require("./ServerList"),Summary_1=require("./Summary"),react_2=require("react"),store_types_1=require("../../services/store-types"),Endpoint=function(e){var t=e.operation,r=e.hideHostname,o=(0,react_1.useState)(!1),n=o[0],a=o[1],i=(0,react_2.useContext)(StoreBuilder_1.StoreContext),l=function(){var e,r;a(!n),null===(r=null===(e=null==i?void 0:i.options.events)||void 0===e?void 0:e.tryItOpen)||void 0===r||r.call(e,{eventType:store_types_1.AnalyticsEventType.TryItOpen,resource:"Redocly_OperationTryIt",action:(null==i?void 0:i.options.unstable_tryItButtonOverride)?"NavigatedOverrideLink":"Opened",operationId:t.operationId,operationPath:t.path,operationHttpVerb:t.httpVerb,operationSummary:t.description})};return react_1.default.createElement(react_1.default.Fragment,null,n?react_1.default.createElement(StoreBuilder_1.StoreConsumer,null,(function(e){return react_1.default.createElement(ConsoleLazy_1.Console,{store:e,operation:t,onClose:l})})):react_1.default.createElement(Panel_1.CodePanel,{header:function(e){var r=e.toggle,o=e.expanded;return react_1.default.createElement(Summary_1.Summary,{operation:t,expanded:o,toggle:r,showConsole:!!(null==i?void 0:i.options.showConsole),onToggleConsole:l,tryItOverride:null==i?void 0:i.options.unstable_tryItButtonOverride})},expanded:!1},react_1.default.createElement(OptionsProvider_1.OptionsConsumer,null,(function(e){return react_1.default.createElement(ServerList_1.ServerList,{operation:t,expandVariables:e.expandDefaultServerVariables,hideHostname:r||e.hideHostname})}))))};exports.Endpoint=Endpoint;
 //# sourceMappingURL=Endpoint.js.map

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/Path.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PathWrapper=exports.Path=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components"));exports.Path=styled_components_1.default.span(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin: 0 4px;\n  color: ",";\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n"],["\n  margin: 0 4px;\n  color: ",";\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n"])),(function(e){return e.theme.colors.text.light}),(function(e){return e.wrap?"normal":"nowrap"}),(function(e){return e.wrap?"anywhere":"normal"})),exports.PathWrapper=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"],["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PathWrapper=exports.Path=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components"));exports.Path=styled_components_1.default.span(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin: 0 4px;\n  color: ",";\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n  max-height: 90px;\n  word-break: break-all;\n"],["\n  margin: 0 4px;\n  color: ",";\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n  max-height: 90px;\n  word-break: break-all;\n"])),(function(e){return e.theme.colors.text.light}),(function(e){return e.wrap?"normal":"nowrap"}),(function(e){return e.wrap?"anywhere":"normal"})),exports.PathWrapper=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"],["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"])));
 //# sourceMappingURL=Path.js.map

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/Accordion.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Accordion=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),Accordion=function(e){var t=e.initialActiveIdx,c=e.children,r=(0,react_1.useState)(t),n=r[0],i=r[1],a=React.useState(!1),o=a[0],l=a[1];React.useEffect((function(){setTimeout((function(){l(!0)}),500)}),[]),React.useEffect((function(){o||i(t)}),[t,o]);var u=React.useCallback((function(e){i(e)}),[i]),s=React.Children.toArray(c).filter(React.isValidElement);return React.createElement(React.Fragment,null,React.Children.map(s,(function(e,t){return React.cloneElement(e,{key:t,collapsed:t!==n,onToggle:function(){return u(t)}})||null}))||null)};exports.Accordion=Accordion;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Accordion=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),Accordion=function(e){var t=e.initialActiveIdx,c=e.children,r=(0,react_1.useState)(t),n=r[0],i=r[1],a=React.useState(!1),o=a[0],u=a[1];React.useEffect((function(){setTimeout((function(){u(!0)}),500)}),[]),React.useEffect((function(){o||i(t)}),[t,o]);var l=React.useCallback((function(e){i(e)}),[i]),s=React.Children.toArray(c).filter(React.isValidElement);return React.createElement(React.Fragment,null,React.Children.map(s,(function(e,t){return React.cloneElement(e,{key:t,expanded:t===n,onToggle:function(){return l(t)}})||null}))||null)};exports.Accordion=Accordion;
 //# sourceMappingURL=Accordion.js.map

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/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/PanelComponent.d.ts

@@ -4,11 +4,11 @@ export interface PanelHeaderProps {
     toggle: (e: React.BaseSyntheticEvent) => void;
 }
 export interface PanelComponentProps {
-    collapsed?: boolean;
+    expanded?: boolean;
     renderChildrenHidden?: boolean;
     className?: string;
     'data-cy'?: string;
     header?: React.ReactNode | ((props: PanelHeaderProps) => React.ReactNode);
     onToggle?: (expanded: boolean) => void;
 }
-export declare function PanelComponent({ collapsed, renderChildrenHidden, header, className, children, onToggle, }: PropsWithChildren<PanelComponentProps>): JSX.Element;
+export declare function PanelComponent({ expanded, renderChildrenHidden, header, className, children, onToggle, }: PropsWithChildren<PanelComponentProps>): JSX.Element;

package/lib/components/Panel/PanelComponent.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelComponent=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),common_elements_1=require("../../redoc-lib/src/common-elements"),Header_1=require("./Header"),Trigger_1=require("./Trigger"),Title_1=require("./Title"),PanelBody_1=require("./PanelBody");function PanelComponent(e){var t=e.collapsed,r=void 0!==t&&t,n=e.renderChildrenHidden,a=void 0!==n&&n,l=e.header,o=e.className,i=e.children,c=e.onToggle,d=(0,react_1.useState)(!r),u=d[0],_=d[1],m=(0,react_1.useState)(!1),s=m[0],f=m[1],g=function(e){e.target instanceof HTMLAnchorElement||(f(!0),_(!u),null==c||c(!u))};return(0,react_1.useEffect)((function(){return _(!r)}),[r]),react_1.default.createElement("div",{className:o},l&&("function"==typeof l?l({expanded:u,toggle:g}):react_1.default.createElement(Header_1.Header,{onClick:g,isExpanded:u},react_1.default.createElement(Trigger_1.Trigger,null,react_1.default.createElement(Title_1.Title,null,l),react_1.default.createElement(common_elements_1.ShelfIcon,{direction:u?"down":"right"})))),(u||a)&&react_1.default.createElement(PanelBody_1.PanelBody,{hidden:!u,animate:s},i))}exports.PanelComponent=PanelComponent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelComponent=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),common_elements_1=require("../../redoc-lib/src/common-elements"),Header_1=require("./Header"),Trigger_1=require("./Trigger"),Title_1=require("./Title"),PanelBody_1=require("./PanelBody");function PanelComponent(e){var t=e.expanded,r=void 0===t||t,n=e.renderChildrenHidden,a=void 0!==n&&n,l=e.header,o=e.className,i=e.children,c=e.onToggle,d=(0,react_1.useState)(r),u=d[0],_=d[1],m=(0,react_1.useState)(!1),s=m[0],f=m[1],g=function(e){e.target instanceof HTMLAnchorElement||(f(!0),_(!u),null==c||c(!u))};return(0,react_1.useEffect)((function(){return _(r)}),[r]),react_1.default.createElement("div",{className:o},l&&("function"==typeof l?l({expanded:u,toggle:g}):react_1.default.createElement(Header_1.Header,{onClick:g,isExpanded:u},react_1.default.createElement(Trigger_1.Trigger,null,react_1.default.createElement(Title_1.Title,null,l),react_1.default.createElement(common_elements_1.ShelfIcon,{direction:u?"down":"right"})))),(u||a)&&react_1.default.createElement(PanelBody_1.PanelBody,{hidden:!u,animate:s},i))}exports.PanelComponent=PanelComponent;
 //# sourceMappingURL=PanelComponent.js.map

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/RedoclyReferenceDocs.js

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

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/Samples/SamplesTabs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesTabs=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),mobx_react_1=require("mobx-react"),Tabs_1=require("../Tabs"),redoc_lib_1=require("../../redoc-lib"),LoadingWrapper_1=require("./LoadingWrapper"),shared_1=require("../shared");exports.SamplesTabs=(0,mobx_react_1.observer)((function(e){var a=e.children,t=e.onChange,r=e.defaultLanguage,n=(0,tslib_1.__rest)(e,["children","onChange","defaultLanguage"]),s=(0,react_1.useMemo)((function(){return n.tabs.map((function(e){return e.lang}))}),[n.tabs]),c=(0,react_1.useContext)(redoc_lib_1.StoreContext),i=(0,react_1.useState)(r),u=i[0],o=i[1],_=(0,react_1.useState)(s),l=_[0],g=_[1];(0,react_1.useEffect)((function(){return g(s)}),[n.tabs]),(0,react_1.useEffect)((function(){u===c.activeSampleLanguage&&o(void 0)}),[c.activeSampleLanguage]),(0,react_1.useLayoutEffect)((function(){return c.stopLoader()}),[c.activeSampleLanguage]),(0,react_1.useEffect)((function(){u&&(c.startLoader(),c.activateSampleLanguage(u))}),[u,r]);var d;return React.createElement(LoadingWrapper_1.LoadingWrapper,{className:u&&"updated"},React.createElement(Tabs_1.CollapsingTabsBase,(0,tslib_1.__assign)({},n,{activeIndex:(d=l.indexOf(u||c.activeSampleLanguage),-1===d?0:d),onChange:function(e){var a=n.tabs[e];c.setActiveSampleLanguage(a.lang),t&&t(a)}}),r&&-1===l.indexOf(r)&&React.createElement(shared_1.WarnMessage,null,"Provided language is not supported"),a))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesTabs=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),mobx_react_1=require("mobx-react"),Tabs_1=require("../Tabs"),redoc_lib_1=require("../../redoc-lib"),LoadingWrapper_1=require("./LoadingWrapper"),shared_1=require("../shared");exports.SamplesTabs=(0,mobx_react_1.observer)((function(e){var a=e.children,t=e.onChange,r=e.defaultLanguage,n=(0,tslib_1.__rest)(e,["children","onChange","defaultLanguage"]),s=(0,react_1.useMemo)((function(){return n.tabs.map((function(e){return e.lang}))}),[n.tabs]),c=(0,react_1.useContext)(redoc_lib_1.StoreContext),i=(0,react_1.useState)(r),u=i[0],o=i[1],_=(0,react_1.useState)(s),l=_[0],g=_[1];(0,react_1.useEffect)((function(){return g(s)}),[n.tabs]),(0,react_1.useEffect)((function(){u===c.activeSampleLanguage&&o(void 0)}),[c.activeSampleLanguage]),(0,react_1.useEffect)((function(){return c.stopLoader()}),[c.activeSampleLanguage]),(0,react_1.useEffect)((function(){u&&(c.startLoader(),c.activateSampleLanguage(u))}),[u,r]);var d;return React.createElement(LoadingWrapper_1.LoadingWrapper,{className:u&&"updated"},React.createElement(Tabs_1.CollapsingTabsBase,(0,tslib_1.__assign)({},n,{activeIndex:(d=l.indexOf(u||c.activeSampleLanguage),-1===d?0:d),onChange:function(e){var a=n.tabs[e];c.setActiveSampleLanguage(a.lang),t&&t(a)}}),r&&-1===l.indexOf(r)&&React.createElement(shared_1.WarnMessage,null,"Provided language is not supported"),a))}));
 //# sourceMappingURL=SamplesTabs.js.map

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/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,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;
+"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.useEffect)((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/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/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;