@redocly/reference-docs 3.0.0-alpha.3 → 3.0.0-alpha.6

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

@@ -1,3 +1,8 @@
-export declare const ResponsePanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, any, {
-    type: string;
-}, never>;
+export declare const StyledResponsePanel: import("styled-components").StyledComponent<typeof import("@redocly/theme/Panel").PanelComponent, any, {
+    'data-component-name': string;
+    className: string;
+}, "className" | "data-component-name">;
+export declare const CallbackPanel: import("styled-components").StyledComponent<typeof import("@redocly/theme/Panel").PanelComponent, any, {
+    'data-component-name': string;
+    className: string;
+}, "className" | "data-component-name">;

package/lib-esm/components/Panel/ResponsePanel.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{FieldsGroupHeader,ShelfIcon}from"../../redoc-lib/src/common-elements";import{StyledMarkdownSpan}from"../../redoc-lib/src/components/Markdown";import{Panel}from"./Panel";import{Header}from"./Header";import{Trigger}from"./Trigger";import{Title}from"./Title";export var ResponsePanel=styled(Panel)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  border: 1px solid ",";\n  background-color: ",";\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n    white-space: normal;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      line-height: normal;\n      color: ",";\n\n      "," > p:first-child {\n        margin-left: 4px;\n        display: inline;\n      }\n    }\n\n    "," {\n      flex: 1;\n      max-width: 100%;\n      justify-content: space-between;\n    }\n\n    "," {\n      fill: var(--color-content);\n    }\n  }\n\n  "," {\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n"],["\n  border: 1px solid ",";\n  background-color: ",";\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n    white-space: normal;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      line-height: normal;\n      color: ",";\n\n      "," > p:first-child {\n        margin-left: 4px;\n        display: inline;\n      }\n    }\n\n    "," {\n      flex: 1;\n      max-width: 100%;\n      justify-content: space-between;\n    }\n\n    "," {\n      fill: var(--color-content);\n    }\n  }\n\n  "," {\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n"])),(function(n){return"var(--response-"+n.type+"-border-color)"}),(function(n){return"var(--response-"+n.type+"-background-color)"}),Header,Title,(function(n){return"var(--response-"+n.type+"-color, var(--color-content))"}),StyledMarkdownSpan,Trigger,ShelfIcon,FieldsGroupHeader);var templateObject_1;
+import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{Panel,PanelHeaderTitle}from"@redocly/theme/Panel";import{FieldsGroupHeader,InnerPropertiesWrap}from"../../redoc-lib/src/common-elements";import{StyledMarkdownSpan}from"../../redoc-lib/src/components/Markdown";import{Trigger}from"./Trigger";export var StyledResponsePanel=styled(Panel)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  "," {\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n\n  "," {\n    flex: 1;\n    max-width: 100%;\n    justify-content: space-between;\n  }\n\n  "," {\n    "," > p:first-child {\n      margin-left: 4px;\n      display: inline;\n    }\n  }\n\n  & "," {\n    background-color: var(--panel-response-schema-nested-background-color);\n  }\n"],["\n  "," {\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n\n  "," {\n    flex: 1;\n    max-width: 100%;\n    justify-content: space-between;\n  }\n\n  "," {\n    "," > p:first-child {\n      margin-left: 4px;\n      display: inline;\n    }\n  }\n\n  & "," {\n    background-color: var(--panel-response-schema-nested-background-color);\n  }\n"])),FieldsGroupHeader,Trigger,PanelHeaderTitle,StyledMarkdownSpan,InnerPropertiesWrap);export var CallbackPanel=styled(StyledResponsePanel)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  "," {\n    max-width: calc(100% - 9px - var(--spacing-unit)); /* shelf icon size and small padding */\n    justify-content: flex-start;\n  }\n"],["\n  "," {\n    max-width: calc(100% - 9px - var(--spacing-unit)); /* shelf icon size and small padding */\n    justify-content: flex-start;\n  }\n"])),Trigger);var templateObject_1,templateObject_2;
 //# sourceMappingURL=ResponsePanel.js.map

package/lib-esm/components/Panel/index.d.ts

@@ -1,12 +1,7 @@
-export * from './Panel';
-export * from './PanelComponent';
 export * from './Trigger';
-export * from './Header';
-export * from './Title';
+export * from './Description';
 export * from './CodePanel';
 export * from './CodeHeader';
 export * from './ContentPanel';
-export * from './ScrollableContentPanel';
 export * from './ResponsePanel';
-export * from './CallbackPanel';
 export * from './Accordion';

package/lib-esm/components/Panel/index.js

@@ -1,2 +1,2 @@
-export*from"./Panel";export*from"./PanelComponent";export*from"./Trigger";export*from"./Header";export*from"./Title";export*from"./CodePanel";export*from"./CodeHeader";export*from"./ContentPanel";export*from"./ScrollableContentPanel";export*from"./ResponsePanel";export*from"./CallbackPanel";export*from"./Accordion";
+export*from"./Trigger";export*from"./Description";export*from"./CodePanel";export*from"./CodeHeader";export*from"./ContentPanel";export*from"./ResponsePanel";export*from"./Accordion";
 //# sourceMappingURL=index.js.map

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

@@ -1,3 +1,9 @@
-/// <reference types="react" />
-import type { ProProvidersProps } from './types';
+import React from 'react';
+import type { RedocNormalizedOptions } from '../redoc-lib';
+import type { ProStore } from '../services/ProStore';
+export interface ProProvidersProps {
+    store: ProStore;
+    children: React.ReactNode;
+    customOptions?: Partial<RedocNormalizedOptions>;
+}
 export declare const ProProviders: ({ store, children, customOptions, }: ProProvidersProps) => JSX.Element;

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

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import type { ProStore, RedocProRawOptions } from '../services/ProStore';
-import { LayoutVariant } from '../services/store-types';
-import type { SpecVersions } from '../services/VersionedSpecStore';
 import type { CodeSampleConfig } from '../services/code-samples/types';
+import { LayoutVariant } from '../services/store-types';
 export interface RedoclyReferenceDocsProps {
     store: ProStore;
     onLoaded?: () => void;
@@ -38,9 +37,4 @@ export interface RedoclyReferenceDocsStandaloneProps {
     activeDeepLink?: string;
 }
 export declare function RedoclyReferenceDocsStandalone(props: RedoclyReferenceDocsStandaloneProps): JSX.Element | null;
-export interface RedoclyReferenceDocsMultiStandaloneProps {
-    definitions: SpecVersions;
-    options?: RedocProRawOptions;
-}
-export declare function RedoclyReferenceDocsMultiStandalone({ definitions, options, }: RedoclyReferenceDocsMultiStandaloneProps): JSX.Element;
 export {};

package/lib-esm/components/RedoclyReferenceDocs.js

@@ -1,2 +1,2 @@
-import{__decorate,__extends,__makeTemplateObject}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{configure,reaction}from"mobx";import styled,{createGlobalStyle,css}from"styled-components";import{SidebarLogo,GlobalStyle}from"@redocly/theme";import{ApiInfo,argValueToBoolean,ContentItems,ErrorBoundary,Loading,SamplesMiddlePanel,SamplesPanel,SideMenu,StickyResponsiveSidebar}from"../redoc-lib";import{LayoutVariant}from"../services/store-types";import{VersionedSpecStore}from"../services/VersionedSpecStore";import{DownloadButtonWithLabel}from"../redoc-lib/src/components/DownloadButton";import{ProSearchBox,SearchField}from"./Search";import{ContinueButton}from"./NextSectionButton";import{ProStoreProvider}from"./StoreProvider";import{Console}from"./console/ConsoleLazy";import{ProProviders}from"./ProProviders";import{Overlay}from"./Overlay";import{VersionSwitcher}from"./VersionSwitcher";import{BackgroundStub,BackgroundStubFix,RedocWrap,ApiContentWrap,NextSectionButtonWrap,ToggleRightPanelButton,ChangeViewButton,ControlsWrap}from"./styled.elements";configure({useProxies:"ifavailable"});var getMarginFixesByName=function(e){return css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin: 0 max(calc((100% - var(--samples-panel-width) - var(",")) / 2), 0);\n"],["\n  margin: 0 max(calc((100% - var(--samples-panel-width) - var(",")) / 2), 0);\n"])),e)};export var CssFixes=createGlobalStyle(templateObject_7||(templateObject_7=__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  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"])),SamplesPanel,(function(e){if(e.layout===LayoutVariant.STACKED)return css(templateObject_2||(templateObject_2=__makeTemplateObject(["\n          width: 100%;\n          padding-left: var(--spacing-horizontal);\n        "],["\n          width: 100%;\n          padding-left: var(--spacing-horizontal);\n        "])))}),(function(e){if(!e.showRightPanel)return css(templateObject_3||(templateObject_3=__makeTemplateObject(["\n          "," {\n            display: none;\n          }\n        "],["\n          "," {\n            display: none;\n          }\n        "])),(function(e){var t=e.theme;return t.mediaQueries[t.showAtBreakpoint.samplesPanel]}))}),BackgroundStub,BackgroundStubFix,(function(e){var t=e.showRightPanel,n=e.layout;if(!t&&n===LayoutVariant.STACKED)return css(templateObject_4||(templateObject_4=__makeTemplateObject(["\n          "," {\n            display: none;\n          }\n        "],["\n          "," {\n            display: none;\n          }\n        "])),(function(e){var t=e.theme;return t.mediaQueries[t.showAtBreakpoint.samplesPanel]}))}),SamplesMiddlePanel,NextSectionButtonWrap,(function(e){var t=e.showRightPanel,n=e.layout;return t&&n===LayoutVariant.THREE_PANEL?css(templateObject_5||(templateObject_5=__makeTemplateObject(["\n          margin: 0;\n          "," {\n            ",";\n          }\n          "," {\n            max-width: var(--layout-middle-panel-medium-max-width);\n            ",";\n          }\n          "," {\n            max-width: var(--layout-middle-panel-large-max-width);\n            ",";\n          }\n        "],["\n          margin: 0;\n          "," {\n            ",";\n          }\n          "," {\n            max-width: var(--layout-middle-panel-medium-max-width);\n            ",";\n          }\n          "," {\n            max-width: var(--layout-middle-panel-large-max-width);\n            ",";\n          }\n        "])),(function(e){return e.theme.mediaQueries.small}),getMarginFixesByName("--layout-middle-panel-small-max-width"),(function(e){return e.theme.mediaQueries.medium}),getMarginFixesByName("--layout-middle-panel-medium-max-width"),(function(e){return e.theme.mediaQueries.large}),getMarginFixesByName("--layout-middle-panel-large-max-width")):n===LayoutVariant.STACKED?css(templateObject_6||(templateObject_6=__makeTemplateObject(["\n          width: 100%;\n          padding-right: var(--spacing-horizontal);\n        "],["\n          width: 100%;\n          padding-right: var(--spacing-horizontal);\n        "]))):void 0}));var RedoclyReferenceDocs=function(e){function t(t){var n=e.call(this,t)||this;return Object.defineProperty(n,"_observer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(n,"_updatedItems",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(n,"rootElementRef",{enumerable:!0,configurable:!0,writable:!0,value:React.createRef()}),Object.defineProperty(n,"handleClose",{enumerable:!0,configurable:!0,writable:!0,value:function(){return n.props.store.tryItOut()}}),n.state={searchPopUpShown:!1,searchPopUpValue:""},n}return __extends(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t,n=this;this.props.store.onDidMount(),null===(t=(e=this.props).onLoaded)||void 0===t||t.call(e),this._observer=reaction((function(){return n.props.store.menu.renderItems}),(function(){n._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,t,n,a=this,o=this.props,r=o.store,i=o._forceRenderInfo,l=r.definition,c=r.menu,s=r.options,d=r.search,m=r.marker,u=s.hideDownloadButton,p=s.hideInfoSection,h=s.pagination,b=s.disableSidebar,f=c.renderItems,g="none"===h||c.activeRenderItemIdx<=0,v=!p&&g;v&&"none"!==h&&b&&f[0]&&"section"!==f[0].type&&(v=!1),i&&(v=!0);var y=!v&&null!==u&&!u&&g,R=null===(e=null==l?void 0:l.info)||void 0===e?void 0:e["x-logo"];return React.createElement(ProProviders,{store:r},React.createElement(GlobalStyle,null),React.createElement(RedocWrapStyled,{className:"redoc-wrap",ref:this.rootElementRef},React.createElement(Overlay,{l:r.l}),React.createElement(CssFixes,{whiteLabel:s.whiteLabel,showRightPanel:r.showRightPanel,layout:r.layout}),r.tryItOperation&&React.createElement(Console,{rootElement:this.rootElementRef.current,store:r,operation:r.tryItOperation,onClose:this.handleClose}),!s.disableSidebar&&React.createElement(StickyResponsiveSidebar,{menu:c,className:"menu-content"},!s.hideLogo&&React.createElement(SidebarLogo,{imageUrl:null==R?void 0:R.url,href:(null==R?void 0:R.href)||(null===(n=null===(t=null==l?void 0:l.info)||void 0===t?void 0:t.contact)||void 0===n?void 0:n.url),altText:null==R?void 0:R.altText,backgroundColor:null==R?void 0:R.backgroundColor}),l instanceof VersionedSpecStore&&React.createElement(VersionSwitcher,{spec:l,onChange:function(e){void 0!==e.idx&&l.changeVersion(e.idx),c.updateItemsByVersionChange(!0),r.tryItOut(void 0)}}),!s.disableSearch&&React.createElement(SearchField,{showPopUp:function(){return a.setState({searchPopUpShown:!0})},searchValue:this.state.searchPopUpValue,marker:m,setSearchValue:function(e){return a.setState({searchPopUpValue:e})}}),React.createElement(SideMenu,{menu:c})),React.createElement(ApiContentWrap,{className:(r.isLoading?"loading ":"")+"api-content",layout:r.layout===LayoutVariant.THREE_PANEL&&r.showRightPanel?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED},r.showRightPanel&&r.layout!==LayoutVariant.STACKED&&React.createElement(BackgroundStub,null),v&&React.createElement(ApiInfo,{store:r}),y&&React.createElement(DownloadButtonWithLabel,{store:r}),React.createElement(ContentItems,{items:f,store:r}),s.showNextButton&&React.createElement(ContinueButton,{pagination:s.pagination,menu:c}),this.props.children),React.createElement(ControlsWrap,null,React.createElement(ToggleRightPanelButton,{store:r,isVisible:r.layout===LayoutVariant.THREE_PANEL}),React.createElement(ChangeViewButton,{store:r,isVisible:r.showRightPanel})),React.createElement(ProSearchBox,{search:d,marker:m,menu:c,onActivate:c.activateAndScroll.bind(c),options:s,shown:this.state.searchPopUpShown,hidePopUp:function(){return a.setState({searchPopUpShown:!1})},showPopUp:function(){return a.setState({searchPopUpShown:!0})},setSearchValue:function(e){return a.setState({searchPopUpValue:e})},searchValue:this.state.searchPopUpValue}),r.showRightPanel&&r.layout!==LayoutVariant.STACKED&&React.createElement(BackgroundStubFix,null)))}}),t=__decorate([observer],t)}(React.Component);export{RedoclyReferenceDocs};export function RedoclyReferenceDocsStandalone(e){var t=e.definition,n=e.definitionUrl,a=e.options,o=void 0===a?{}:a,r=e.activeItemId,i=e.activeSampleLanguage,l=e.activeDeepLink,c=argValueToBoolean(o.hideLoading,!1),s=React.createElement(ProStoreProvider,{definition:t,definitionUrl:n,options:o,activeItemId:r,activeSampleLanguage:i,activeDeepLink:l},(function(e){var t=e.loading,n=e.store;return t?c?null:React.createElement(Loading,{color:"--spinner-color"}):React.createElement(RedoclyReferenceDocs,{store:n})}));return o.disableErrorBoundary?s:React.createElement(ErrorBoundary,null,s)}export function RedoclyReferenceDocsMultiStandalone(e){var t=e.definitions,n=e.options,a=void 0===n?{}:n,o=argValueToBoolean(a.hideLoading,!1);return React.createElement(ErrorBoundary,null,React.createElement(ProStoreProvider,{definitions:t,options:a},(function(e){var t=e.loading,n=e.store;return t?o?null:React.createElement(Loading,{color:"--spinner-color"}):React.createElement(RedoclyReferenceDocs,{store:n})})))}var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,RedocWrapStyled=styled(RedocWrap)(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  background-color: var(--global-background-color);\n"],["\n  background-color: var(--global-background-color);\n"])));
+import{__decorate,__extends,__makeTemplateObject}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{configure,reaction}from"mobx";import styled,{createGlobalStyle,css}from"styled-components";import{SidebarLogo,GlobalStyle}from"@redocly/theme";import{ApiInfo,argValueToBoolean,ContentItems,ErrorBoundary,Loading,SamplesMiddlePanel,SamplesPanel,SideMenu,StickyResponsiveSidebar}from"../redoc-lib";import{LayoutVariant}from"../services/store-types";import{VersionedSpecStore}from"../services/VersionedSpecStore";import{DownloadButtonWithLabel}from"../redoc-lib/src/components/DownloadButton";import{ProSearchBox,SearchField}from"./Search";import{ContinueButton}from"./NextSectionButton";import{ProStoreProvider}from"./StoreProvider";import{Console}from"./console/ConsoleLazy";import{ProProviders}from"./ProProviders";import{Overlay}from"./Overlay";import{VersionSwitcher}from"./VersionSwitcher";import{BackgroundStub,BackgroundStubFix,RedocWrap,ApiContentWrap,NextSectionButtonWrap,ToggleRightPanelButton,ChangeViewButton,ControlsWrap}from"./styled.elements";configure({useProxies:"ifavailable"});var getMarginFixesByName=function(e){return css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin: 0 max(calc((100% - var(--panel-samples-width) - var(",")) / 2), 0);\n"],["\n  margin: 0 max(calc((100% - var(--panel-samples-width) - var(",")) / 2), 0);\n"])),e)};export var CssFixes=createGlobalStyle(templateObject_7||(templateObject_7=__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  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"])),SamplesPanel,(function(e){if(e.layout===LayoutVariant.STACKED)return css(templateObject_2||(templateObject_2=__makeTemplateObject(["\n          width: 100%;\n          padding-left: var(--spacing-horizontal);\n        "],["\n          width: 100%;\n          padding-left: var(--spacing-horizontal);\n        "])))}),(function(e){if(!e.showRightPanel)return css(templateObject_3||(templateObject_3=__makeTemplateObject(["\n          "," {\n            display: none;\n          }\n        "],["\n          "," {\n            display: none;\n          }\n        "])),(function(e){var t=e.theme;return t.mediaQueries[t.showAtBreakpoint.samplesPanel]}))}),BackgroundStub,BackgroundStubFix,(function(e){var t=e.showRightPanel,n=e.layout;if(!t&&n===LayoutVariant.STACKED)return css(templateObject_4||(templateObject_4=__makeTemplateObject(["\n          "," {\n            display: none;\n          }\n        "],["\n          "," {\n            display: none;\n          }\n        "])),(function(e){var t=e.theme;return t.mediaQueries[t.showAtBreakpoint.samplesPanel]}))}),SamplesMiddlePanel,NextSectionButtonWrap,(function(e){var t=e.showRightPanel,n=e.layout;return t&&n===LayoutVariant.THREE_PANEL?css(templateObject_5||(templateObject_5=__makeTemplateObject(["\n          margin: 0;\n          "," {\n            ",";\n          }\n          "," {\n            max-width: var(--layout-panel-schemas-medium-max-width);\n            ",";\n          }\n          "," {\n            max-width: var(---layout-panel-schemas-large-max-width);\n            ",";\n          }\n        "],["\n          margin: 0;\n          "," {\n            ",";\n          }\n          "," {\n            max-width: var(--layout-panel-schemas-medium-max-width);\n            ",";\n          }\n          "," {\n            max-width: var(---layout-panel-schemas-large-max-width);\n            ",";\n          }\n        "])),(function(e){return e.theme.mediaQueries.small}),getMarginFixesByName("--layout-panel-schemas-small-max-width"),(function(e){return e.theme.mediaQueries.medium}),getMarginFixesByName("--layout-panel-schemas-medium-max-width"),(function(e){return e.theme.mediaQueries.large}),getMarginFixesByName("--layout-panel-schemas-large-max-width")):n===LayoutVariant.STACKED?css(templateObject_6||(templateObject_6=__makeTemplateObject(["\n          width: 100%;\n          padding-right: var(--spacing-horizontal);\n        "],["\n          width: 100%;\n          padding-right: var(--spacing-horizontal);\n        "]))):void 0}));var RedoclyReferenceDocs=function(e){function t(t){var n=e.call(this,t)||this;return Object.defineProperty(n,"_observer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(n,"_updatedItems",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(n,"rootElementRef",{enumerable:!0,configurable:!0,writable:!0,value:React.createRef()}),Object.defineProperty(n,"handleClose",{enumerable:!0,configurable:!0,writable:!0,value:function(){return n.props.store.tryItOut()}}),n.state={searchPopUpShown:!1,searchPopUpValue:""},n}return __extends(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t,n=this;this.props.store.onDidMount(),null===(t=(e=this.props).onLoaded)||void 0===t||t.call(e),this._observer=reaction((function(){return n.props.store.menu.renderItems}),(function(){n._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,t,n,a=this,o=this.props,r=o.store,i=o._forceRenderInfo,l=r.definition,c=r.menu,s=r.options,m=r.search,u=r.marker,p=s.hideDownloadButton,d=s.hideInfoSection,h=s.pagination,b=s.disableSidebar,f=c.renderItems,g="none"===h||c.activeRenderItemIdx<=0,v=!d&&g;v&&"none"!==h&&b&&f[0]&&"section"!==f[0].type&&(v=!1),i&&(v=!0);var y=!v&&null!==p&&!p&&g,S=null===(e=null==l?void 0:l.info)||void 0===e?void 0:e["x-logo"];return React.createElement(ProProviders,{store:r},React.createElement(GlobalStyle,null),React.createElement(RedocWrapStyled,{className:"redoc-wrap",ref:this.rootElementRef},React.createElement(Overlay,{l:r.l}),React.createElement(CssFixes,{whiteLabel:s.whiteLabel,showRightPanel:r.showRightPanel,layout:r.layout}),r.tryItOperation&&React.createElement(Console,{rootElement:this.rootElementRef.current,store:r,operation:r.tryItOperation,onClose:this.handleClose}),!s.disableSidebar&&React.createElement(StickyResponsiveSidebar,{menu:c,className:"menu-content"},!s.hideLogo&&React.createElement(SidebarLogo,{imageUrl:null==S?void 0:S.url,href:(null==S?void 0:S.href)||(null===(n=null===(t=null==l?void 0:l.info)||void 0===t?void 0:t.contact)||void 0===n?void 0:n.url),altText:null==S?void 0:S.altText,backgroundColor:null==S?void 0:S.backgroundColor}),l instanceof VersionedSpecStore&&React.createElement(VersionSwitcher,{spec:l,onChange:function(e){void 0!==e.idx&&l.changeVersion(e.idx),c.updateItemsByVersionChange(!0),r.tryItOut(void 0)}}),!s.disableSearch&&React.createElement(SearchField,{showPopUp:function(){return a.setState({searchPopUpShown:!0})},searchValue:this.state.searchPopUpValue,marker:u,setSearchValue:function(e){return a.setState({searchPopUpValue:e})}}),React.createElement(SideMenu,{menu:c})),React.createElement(ApiContentWrap,{className:(r.isLoading?"loading ":"")+"api-content",layout:r.layout===LayoutVariant.THREE_PANEL&&r.showRightPanel?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED},r.showRightPanel&&r.layout!==LayoutVariant.STACKED&&React.createElement(BackgroundStub,null),v&&React.createElement(ApiInfo,{store:r}),y&&React.createElement(DownloadButtonWithLabel,{store:r}),React.createElement(ContentItems,{items:f,store:r}),s.showNextButton&&React.createElement(ContinueButton,{pagination:s.pagination,menu:c}),this.props.children),React.createElement(ControlsWrap,null,React.createElement(ToggleRightPanelButton,{store:r,isVisible:r.layout===LayoutVariant.THREE_PANEL}),React.createElement(ChangeViewButton,{store:r,isVisible:r.showRightPanel})),React.createElement(ProSearchBox,{search:m,marker:u,menu:c,onActivate:c.activateAndScroll.bind(c),options:s,shown:this.state.searchPopUpShown,hidePopUp:function(){return a.setState({searchPopUpShown:!1})},showPopUp:function(){return a.setState({searchPopUpShown:!0})},setSearchValue:function(e){return a.setState({searchPopUpValue:e})},searchValue:this.state.searchPopUpValue}),r.showRightPanel&&r.layout!==LayoutVariant.STACKED&&React.createElement(BackgroundStubFix,null)))}}),t=__decorate([observer],t)}(React.Component);export{RedoclyReferenceDocs};export function RedoclyReferenceDocsStandalone(e){var t=e.definition,n=e.definitionUrl,a=e.options,o=void 0===a?{}:a,r=e.activeItemId,i=e.activeSampleLanguage,l=e.activeDeepLink,c=argValueToBoolean(o.hideLoading,!1),s=React.createElement(ProStoreProvider,{definition:t,definitionUrl:n,options:o,activeItemId:r,activeSampleLanguage:i,activeDeepLink:l},(function(e){var t=e.loading,n=e.store;return t?c?null:React.createElement(Loading,{color:"--loading-spinner-color"}):React.createElement(RedoclyReferenceDocs,{store:n})}));return o.disableErrorBoundary?s:React.createElement(ErrorBoundary,null,s)}var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,RedocWrapStyled=styled(RedocWrap)(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  background-color: var(--background-color);\n"],["\n  background-color: var(--background-color);\n"])));
 //# sourceMappingURL=RedoclyReferenceDocs.js.map

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { SpecVersions } from '../services/VersionedSpecStore';
+import type { RedocProRawOptions } from '../services';
+export interface RedoclyReferenceDocsMultiStandaloneProps {
+    definitions: SpecVersions;
+    options?: RedocProRawOptions;
+}
+export declare function RedoclyReferenceDocsMultiStandalone({ definitions, options, }: RedoclyReferenceDocsMultiStandaloneProps): JSX.Element;

package/lib-esm/components/RedoclyReferenceDocsMultiStandalone.js

@@ -0,0 +1,2 @@
+import React from"react";import{argValueToBoolean,ErrorBoundary,Loading}from"../redoc-lib";import{ProStoreProvider}from"./StoreProvider";import{RedoclyReferenceDocs}from"./RedoclyReferenceDocs";export function RedoclyReferenceDocsMultiStandalone(e){var o=e.definitions,r=e.options,n=void 0===r?{}:r,t=argValueToBoolean(n.hideLoading,!1);return React.createElement(ErrorBoundary,null,React.createElement(ProStoreProvider,{definitions:o,options:n},(function(e){var o=e.loading,r=e.store;return o?t?null:React.createElement(Loading,{color:"--spinner-color"}):React.createElement(RedoclyReferenceDocs,{store:r})})))}
+//# sourceMappingURL=RedoclyReferenceDocsMultiStandalone.js.map

package/lib-esm/components/Samples/SamplesTabs.d.ts

@@ -2,11 +2,13 @@
 import type { TabProps, TabsProps } from '../Tabs';
 interface SampleProps extends TabProps {
     lang: string;
+    key: string;
 }
 interface SamplesTabsProps extends TabsProps {
     onChange?: (tab: TabProps) => void;
     tabs: SampleProps[];
     defaultLanguage?: string;
+    id: string;
 }
-export declare const SamplesTabs: ({ children, onChange, defaultLanguage, ...props }: SamplesTabsProps) => JSX.Element;
+export declare const SamplesTabs: ({ children, onChange, defaultLanguage, id, tabs, operation }: SamplesTabsProps) => JSX.Element;
 export {};

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

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

package/lib-esm/components/Samples/use-example-key.js

@@ -1,2 +1,2 @@
-import{useState,useEffect}from"react";export function useExampleKey(e,t){var a=void 0===e?{}:e,m=a.activeExampleName,u=a.defaultExampleName,f=useState(m&&t[m]?m:Object.keys(t)[0]),c=f[0],l=f[1];return useEffect((function(){m&&t[m]&&l(m)}),[m]),{exampleKey:t[c]?c:Object.keys(t)[0],defaultExampleName:u}}
+import{useState,useEffect}from"react";export function useExampleKey(e,t){var a=void 0===e?{}:e,m=a.activeExampleName,u=a.defaultExampleName,f=useState(m&&t[m]?m:Object.keys(t)[0]),c=f[0],l=f[1];return useEffect((function(){m&&t[m]&&l(m)}),[m,t]),{exampleKey:t[c]?c:Object.keys(t)[0],defaultExampleName:u}}
 //# sourceMappingURL=use-example-key.js.map

package/lib-esm/components/Search/MenuItemProSearch.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{OptionsContext,MenuItem,MenuItemPath}from"../../redoc-lib";import{SideNavStyle}from"../../services";var templateObject_1,templateObject_2,templateObject_3,ResultMeta=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-size: 0.8em;\n  font-family: var(--code-font-family);\n"],["\n  font-size: 0.8em;\n  font-family: var(--code-font-family);\n"]))),Place=styled.span(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"]))),MarkedSpan=styled.span(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  color: var(--sidebar-item-active-color);\n  background-color: var(--search-marked-background-color);\n"],["\n  color: var(--sidebar-item-active-color);\n  background-color: var(--search-marked-background-color);\n"])));export var MenuItemPro=function(e){var t=e.result,a=e.active,n=e.term,r=e.onActivate,l=e.history,o=React.useContext(OptionsContext),c="path-only"===o.searchMode,m=o.sideNavStyle===SideNavStyle.PathFirst;return React.createElement(MenuItem,{item:Object.create(t.item,{active:{value:a},name:{value:c?t.item.name:""},path:{value:""},search:{value:!0}}),onActivate:function(e,a){if(a.ctrlKey){var n=l.linkForId(t.item.id);window.open(n,"_blank")}else r(t)},withoutChildren:!0,"data-role":"search:result"},(m||c)&&"operation"===t.item.type?React.createElement(React.Fragment,null,React.createElement(MenuItemPath,{title:t.item.path},markString(t.item.path,n))):markString(t.item.name,n),t.count>1?React.createElement(ResultMeta,null,t.count," matching ",formatPlaces(t.places)):1===t.count?React.createElement(ResultMeta,null,"in ",React.createElement(Place,null,t.places[0].place)," ",formatPath(n,t.places[0].paths[0])):null)};function formatPlaces(e){return e.slice().sort(),e.map((function(e){return e.place})).join(" and ")}function formatPath(e,t){return t&&t.length&&t[t.length-1].toLowerCase().startsWith(e.toLowerCase())&&(t=t.slice(0,t.length-1)),t&&0!==t.length?" → "+t.join(" → "):""}function markString(e,t){for(var a=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),n=e.split(a),r=1,l=n.length;r<l;r+=2)n[r]=React.createElement(MarkedSpan,{key:r},n[r]);return n}
+import{__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{OptionsContext,MenuItem,MenuItemPath}from"../../redoc-lib";import{SideNavStyle}from"../../services";var templateObject_1,templateObject_2,templateObject_3,ResultMeta=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-size: 0.8em;\n  font-family: var(--code-font-family);\n"],["\n  font-size: 0.8em;\n  font-family: var(--code-font-family);\n"]))),Place=styled.span(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"]))),MarkedSpan=styled.span(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  color: var(--sidebar-item-active-color);\n  background-color: var(--search-highlight-text-color);\n"],["\n  color: var(--sidebar-item-active-color);\n  background-color: var(--search-highlight-text-color);\n"])));export var MenuItemPro=function(e){var t=e.result,a=e.active,n=e.term,l=e.onActivate,r=e.history,o=React.useContext(OptionsContext),c="path-only"===o.searchMode,i=o.sideNavStyle===SideNavStyle.PathFirst;return React.createElement(MenuItem,{item:Object.create(t.item,{active:{value:a},name:{value:c?t.item.name:""},path:{value:""},search:{value:!0}}),onActivate:function(e,a){if(a.ctrlKey){var n=r.linkForId(t.item.id);window.open(n,"_blank")}else l(t)},withoutChildren:!0,"data-role":"search:result"},(i||c)&&"operation"===t.item.type?React.createElement(React.Fragment,null,React.createElement(MenuItemPath,{title:t.item.path},markString(t.item.path,n))):markString(t.item.name,n),t.count>1?React.createElement(ResultMeta,null,t.count," matching ",formatPlaces(t.places)):1===t.count?React.createElement(ResultMeta,null,"in ",React.createElement(Place,null,t.places[0].place)," ",formatPath(n,t.places[0].paths[0])):null)};function formatPlaces(e){return e.slice().sort(),e.map((function(e){return e.place})).join(" and ")}function formatPath(e,t){return t&&t.length&&t[t.length-1].toLowerCase().startsWith(e.toLowerCase())&&(t=t.slice(0,t.length-1)),t&&0!==t.length?" → "+t.join(" → "):""}function markString(e,t){for(var a=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),n=e.split(a),l=1,r=n.length;l<r;l+=2)n[l]=React.createElement(MarkedSpan,{key:l},n[l]);return n}
 //# sourceMappingURL=MenuItemProSearch.js.map

package/lib-esm/components/Search/ProSearchBox.js

@@ -1,2 +1,2 @@
-import{__extends}from"tslib";import*as React from"react";import hotkeys from"hotkeys-js";import{debounce}from"../../utils";import{PerfectScrollbarWrap}from"../../redoc-lib/src/common-elements/perfect-scrollbar";import{MenuItemPro}from"./MenuItemProSearch";import{SearchPopUpBG,SearchPopUpWrap,SearchPopUpHeader,TextContainer,SearchResultsBox,SearchResultsItems,ButtonClose,ButtonClear,CrossIcon,SearchIcon,SearchInput}from"./styled";function expandDeep(e,t){if(e)for(var r=function(e){var r=t.find((function(t){return t.name===e}));if(!r)return"break";r.expand(),t=getFields(r.schema)},a=0,n=e;a<n.length;a++){if("break"===r(n[a]))break}}function getFields(e){return e?e.oneOf?getFields(e.oneOf[e.activeOneOf]):e.items?getFields(e.items):e.fields||[]:[]}function enhanceResults(e,t){var r={};e.forEach((function(e){var a=e.meta,n=e.score,o=a.menuId,l=r[o];if(n=a.boost?n*a.boost:n,l){if(l.score=Math.max(n,l.score),a.place&&l.count++,a.place){var i=l.places.find((function(e){return e.place===a.place}));i&&a.path?i.paths.find((function(e){var t;return(e&&e.join("->"))===(null===(t=a.path)||void 0===t?void 0:t.join("->"))}))||i.paths.push(a.path):l.places.push({place:a.place,paths:[a.path]})}}else r[o]={item:t(o),places:a.place?[{place:a.place,paths:[a.path]}]:[],score:n,count:a.place?1:0}}));var a=Object.keys(r).map((function(e){return r[e]}));return a.forEach((function(e,t){return e.index=t})),a.sort((function(e,t){return t.score-e.score})),a}function expandResults(e){for(var t=function(t){if("request fields"===t.place)for(var r=e.item.requestBody,a=getFields(r&&r.content&&r.content.active&&r.content.active.schema),n=0,o=t.paths;n<o.length;n++){if(!(u=o[n]))return{value:void 0};expandDeep(u.slice(0,u.length-1),a)}else if(t.place.startsWith("response ")){var l=t.place.split(" ")[1],i=e.item.responses.find((function(e){return e.code===l}));i&&(i.expanded=!0);a=getFields(i&&i.content&&i.content.active&&i.content.active.schema);for(var c=0,s=t.paths;c<s.length;c++){var u;if(!(u=s[c]))return{value:void 0};expandDeep(u.slice(0,u.length-1),a)}}},r=0,a=e.places;r<a.length;r++){var n=t(a[r]);if("object"==typeof n)return n.value}}var ProSearchBox=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"activeItemRef",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(r,"prevCancel",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(r,"loadingTimer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"inputRef",{enumerable:!0,configurable:!0,writable:!0,value:React.createRef()}),Object.defineProperty(r,"clear",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.setState({results:null,term:"",activeItemIdx:-1}),r.props.setSearchValue(""),r.props.marker.unmark()}}),Object.defineProperty(r,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(27===e.keyCode&&r.inputRef.current&&(r.inputRef.current.blur(),r.props.hidePopUp()),r.state.results&&(27===e.keyCode&&r.clear(),40===e.keyCode&&(r.setState({activeItemIdx:Math.min(r.state.activeItemIdx+1,r.state.results.length-1)}),e.preventDefault()),38===e.keyCode&&(r.setState({activeItemIdx:Math.max(0,r.state.activeItemIdx-1)}),e.preventDefault()),13===e.keyCode)){var t=r.state.results[r.state.activeItemIdx];t&&r.onActivate(t)}}}),Object.defineProperty(r,"_queryWorker",{enumerable:!0,configurable:!0,writable:!0,value:debounce((function(e,t){r.props.search.search(e).then((function(e){t(e)}))}),200,!0)}),Object.defineProperty(r,"search",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.target.value;if(t.length<r.props.options.minCharacterLengthToInitSearch)return r.clearResults(t),void r.props.setSearchValue("");r.updateSearchTerm(t),r.prevCancel&&r.prevCancel(),r.prevCancel=r.queryWorker(t)}}),Object.defineProperty(r,"onActivate",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(r.props.hidePopUp(),r.props.onActivate(e.item),r.props.options.searchAutoExpand)try{expandResults(e)}catch(e){console.warn("Failed to autoexpand schema:",e.message)}}}),Object.defineProperty(r,"closeByWrapper",{enumerable:!0,configurable:!0,writable:!0,value:function(e){"search"===e.target.getAttribute("role")&&(r.clear(),r.props.hidePopUp())}}),Object.defineProperty(r,"closeByButton",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.clear(),r.props.hidePopUp()}}),r.state={results:null,term:"",activeItemIdx:-1,loading:!1},r}return __extends(t,e),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props,r=t.search,a=t.shown,n=t.searchValue,o=e.search!==r,l=!e.shown&&a&&!n&&this.state.term;(o||l)&&this.clearResults("")}}),Object.defineProperty(t.prototype,"clearResults",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.setState({results:null,term:e,loading:!1}),this.props.marker.unmark()}}),Object.defineProperty(t.prototype,"setResults",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.setState({results:enhanceResults(e,this.props.menu.getItemById),loading:!1})}}),Object.defineProperty(t.prototype,"updateSearchTerm",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this;this.setState({term:e}),this.props.setSearchValue(e),this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.loadingTimer=setTimeout((function(){t.setState({loading:!0})}),500),this.props.marker.mark(e)}}),Object.defineProperty(t.prototype,"queryWorker",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this,r=!1;return this._queryWorker(e,(function(a){e.length<3&&t.clearResults(e),r||t.state.term===e&&t.setResults(a)})),function(){r=!0}}}),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;this.props.options.ctrlFHijack&&hotkeys("cmd+f,ctrl+f",(function(t){return t.preventDefault(),t.stopPropagation(),e.props.options.disableSearch||e.props.showPopUp(),!1}))}}),Object.defineProperty(t.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){hotkeys.unbind("cmd+f,ctrl+f")}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.state,r=t.activeItemIdx,a=t.loading,n=t.results,o=this.props,l=o.shown,i=o.menu;return l?React.createElement(SearchPopUpBG,{role:"search",onClick:this.closeByWrapper},React.createElement(SearchPopUpWrap,null,React.createElement(SearchPopUpHeader,null,React.createElement(SearchInput,{ref:this.inputRef,value:this.state.term,onKeyDown:this.handleKeyDown,placeholder:"Search...",type:"text",onChange:this.search,autoFocus:!0}),React.createElement(SearchIcon,null),this.state.term&&React.createElement(ButtonClear,{onClick:this.clear},"Clear"),React.createElement(ButtonClose,{onClick:this.closeByButton},React.createElement(CrossIcon,null))),React.createElement(SearchResultsBox,{"data-role":"search:results"},a&&React.createElement(TextContainer,null,"Loading..."),!a&&!(null==n?void 0:n.length)&&React.createElement(TextContainer,null,"No results found"),(null==n?void 0:n.length)?React.createElement(PerfectScrollbarWrap,{options:{wheelPropagation:!1}},React.createElement(SearchResultsItems,null,n.slice(0,50).map((function(t,a){return React.createElement(MenuItemPro,{key:t.index+t.item.id,result:t,active:a===r,onActivate:e.onActivate,term:e.state.term,history:i.history})})))):null))):null}}),t}(React.PureComponent);export{ProSearchBox};
+import{__extends}from"tslib";import*as React from"react";import hotkeys from"hotkeys-js";import{PerfectScrollbarWrap}from"../../redoc-lib/src/common-elements/perfect-scrollbar";import{debounce}from"../../utils";import{MenuItemPro}from"./MenuItemProSearch";import{SearchPopUpBG,SearchPopUpWrap,SearchPopUpHeader,TextContainer,SearchResultsBox,SearchResultsItems,ButtonClose,ButtonClear,CrossIcon,SearchIcon,SearchInput}from"./styled";function expandDeep(e,t){if(e)for(var r=function(e){var r=t.find((function(t){return t.name===e}));if(!r)return"break";r.expand(),t=getFields(r.schema)},a=0,n=e;a<n.length;a++){if("break"===r(n[a]))break}}function getFields(e){return e?e.oneOf?getFields(e.oneOf[e.activeOneOf]):e.items?getFields(e.items):e.fields||[]:[]}function enhanceResults(e,t){var r={};e.forEach((function(e){var a=e.meta,n=e.score,o=a.menuId,l=r[o];if(n=a.boost?n*a.boost:n,l){if(l.score=Math.max(n,l.score),a.place&&l.count++,a.place){var i=l.places.find((function(e){return e.place===a.place}));i&&a.path?i.paths.find((function(e){var t;return(e&&e.join("->"))===(null===(t=a.path)||void 0===t?void 0:t.join("->"))}))||i.paths.push(a.path):l.places.push({place:a.place,paths:[a.path]})}}else r[o]={item:t(o),places:a.place?[{place:a.place,paths:[a.path]}]:[],score:n,count:a.place?1:0}}));var a=Object.keys(r).map((function(e){return r[e]}));return a.forEach((function(e,t){return e.index=t})),a.sort((function(e,t){return t.score-e.score})),a}function expandResults(e){for(var t=function(t){if("request fields"===t.place)for(var r=e.item.requestBody,a=getFields(r&&r.content&&r.content.active&&r.content.active.schema),n=0,o=t.paths;n<o.length;n++){if(!(u=o[n]))return{value:void 0};expandDeep(u.slice(0,u.length-1),a)}else if(t.place.startsWith("response ")){var l=t.place.split(" ")[1],i=e.item.responses.find((function(e){return e.code===l}));i&&(i.expanded=!0);a=getFields(i&&i.content&&i.content.active&&i.content.active.schema);for(var c=0,s=t.paths;c<s.length;c++){var u;if(!(u=s[c]))return{value:void 0};expandDeep(u.slice(0,u.length-1),a)}}},r=0,a=e.places;r<a.length;r++){var n=t(a[r]);if("object"==typeof n)return n.value}}var ProSearchBox=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"activeItemRef",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(r,"prevCancel",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(r,"loadingTimer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"inputRef",{enumerable:!0,configurable:!0,writable:!0,value:React.createRef()}),Object.defineProperty(r,"clear",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.setState({results:null,term:"",activeItemIdx:-1}),r.props.setSearchValue(""),r.props.marker.unmark()}}),Object.defineProperty(r,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(27===e.keyCode&&r.inputRef.current&&(r.inputRef.current.blur(),r.props.hidePopUp()),r.state.results&&(27===e.keyCode&&r.clear(),40===e.keyCode&&(r.setState({activeItemIdx:Math.min(r.state.activeItemIdx+1,r.state.results.length-1)}),e.preventDefault()),38===e.keyCode&&(r.setState({activeItemIdx:Math.max(0,r.state.activeItemIdx-1)}),e.preventDefault()),13===e.keyCode)){var t=r.state.results[r.state.activeItemIdx];t&&r.onActivate(t)}}}),Object.defineProperty(r,"_queryWorker",{enumerable:!0,configurable:!0,writable:!0,value:debounce((function(e,t){r.props.search.search(e).then((function(e){t(e)}))}),200,!0)}),Object.defineProperty(r,"search",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.target.value;if(t.length<r.props.options.minCharacterLengthToInitSearch)return r.clearResults(t),void r.props.setSearchValue("");r.updateSearchTerm(t),r.prevCancel&&r.prevCancel(),r.prevCancel=r.queryWorker(t)}}),Object.defineProperty(r,"onActivate",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(r.props.hidePopUp(),r.props.onActivate(e.item),r.props.options.searchAutoExpand)try{expandResults(e)}catch(e){console.warn("Failed to autoexpand schema:",e.message)}}}),Object.defineProperty(r,"closeByWrapper",{enumerable:!0,configurable:!0,writable:!0,value:function(e){"search"===e.target.getAttribute("role")&&(r.clear(),r.props.hidePopUp())}}),Object.defineProperty(r,"closeByButton",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.clear(),r.props.hidePopUp()}}),r.state={results:null,term:"",activeItemIdx:-1,loading:!1},r}return __extends(t,e),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props,r=t.search,a=t.shown,n=t.searchValue,o=e.search!==r,l=!e.shown&&a&&!n&&this.state.term;(o||l)&&this.clearResults("")}}),Object.defineProperty(t.prototype,"clearResults",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.setState({results:null,term:e,loading:!1}),this.props.marker.unmark()}}),Object.defineProperty(t.prototype,"setResults",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.setState({results:enhanceResults(e,this.props.menu.getItemById),loading:!1})}}),Object.defineProperty(t.prototype,"updateSearchTerm",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this;this.setState({term:e}),this.props.setSearchValue(e),this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.loadingTimer=setTimeout((function(){t.setState({loading:!0})}),500),this.props.marker.mark(e)}}),Object.defineProperty(t.prototype,"queryWorker",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this,r=!1;return this._queryWorker(e,(function(a){e.length<3&&t.clearResults(e),r||t.state.term===e&&t.setResults(a)})),function(){r=!0}}}),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;this.props.options.ctrlFHijack&&hotkeys("cmd+f,ctrl+f",(function(t){return t.preventDefault(),t.stopPropagation(),e.props.options.disableSearch||e.props.showPopUp(),!1}))}}),Object.defineProperty(t.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){hotkeys.unbind("cmd+f,ctrl+f")}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.state,r=t.activeItemIdx,a=t.loading,n=t.results,o=this.props,l=o.shown,i=o.menu;return l?React.createElement(SearchPopUpBG,{role:"search",onClick:this.closeByWrapper},React.createElement(SearchPopUpWrap,null,React.createElement(SearchPopUpHeader,null,React.createElement(SearchInput,{ref:this.inputRef,value:this.state.term,onKeyDown:this.handleKeyDown,placeholder:"Search...",type:"text",onChange:this.search,autoFocus:!0}),React.createElement(SearchIcon,null),this.state.term&&React.createElement(ButtonClear,{onClick:this.clear},"Clear"),React.createElement(ButtonClose,{onClick:this.closeByButton},React.createElement(CrossIcon,null))),React.createElement(SearchResultsBox,{"data-role":"search:results"},a&&React.createElement(TextContainer,null,"Loading..."),!a&&!(null==n?void 0:n.length)&&React.createElement(TextContainer,null,"No results found"),(null==n?void 0:n.length)?React.createElement(PerfectScrollbarWrap,{options:{wheelPropagation:!1}},React.createElement(SearchResultsItems,null,n.slice(0,50).map((function(t,a){return React.createElement(MenuItemPro,{key:t.index+t.item.id,result:t,active:a===r,onActivate:e.onActivate,term:e.state.term,history:i.history})})))):null))):null}}),t}(React.PureComponent);export{ProSearchBox};
 //# sourceMappingURL=ProSearchBox.js.map

package/lib-esm/components/Search/SearchField.js

@@ -1,2 +1,2 @@
-import*as React from"react";import{SearchFieldWrap,SearchIcon,ButtonClear,CrossIcon}from"./styled";export var SearchField=function(e){var a=e.showPopUp,r=e.searchValue,t=e.marker,c=e.setSearchValue,n=!!r;return React.createElement(SearchFieldWrap,{onClick:a},React.createElement("span",null),r||"Search",React.createElement(SearchIcon,null),n&&React.createElement(ButtonClear,{onClick:function(e){e.stopPropagation(),t.unmark(),c("")}},React.createElement(CrossIcon,null)))};
+import*as React from"react";import{SearchFieldWrap,SearchIcon,ButtonClear,CrossIcon}from"./styled";export var SearchField=function(e){var a=e.showPopUp,r=e.searchValue,t=e.marker,c=e.setSearchValue,n=!!r;return React.createElement(SearchFieldWrap,{onClick:a,className:"button-field-search "+(!!r&&"active")},React.createElement("span",null),r||"Search",React.createElement(SearchIcon,null),n&&React.createElement(ButtonClear,{onClick:function(e){e.stopPropagation(),t.unmark(),c("")}},React.createElement(CrossIcon,null)))};
 //# sourceMappingURL=SearchField.js.map

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

@@ -7,9 +7,7 @@ export declare const ButtonClear: import("styled-components").StyledComponent<"i
     className: "button-clear";
 }, "className">;
 export declare const SearchIcon: () => React.ReactElement;
-export declare const SearchFieldWrap: import("styled-components").StyledComponent<"button", any, {
-    className: "button-field-search";
-}, "className">;
+export declare const SearchFieldWrap: import("styled-components").StyledComponent<"button", any, {}, never>;
 export declare const SearchPopUpBG: import("styled-components").StyledComponent<"div", any, {
     className: "search-popup";
 }, "className">;

package/lib-esm/components/Search/styled.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{MenuItemLabel}from"../../redoc-lib";export var CrossIcon=function(){return React.createElement("svg",{version:"1.1",viewBox:"0 0 12 12",width:"12",height:"12",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"clear-icon"},React.createElement("path",{d:"M11 1L6 6L11 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("path",{d:"M1 1L6 6L1 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))};export var ButtonClose=styled.i.attrs((function(){return{className:"button-close"}}))(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  cursor: pointer;\n  position: absolute;\n  right: 15px;\n  color: var(--color-content);\n"],["\n  cursor: pointer;\n  position: absolute;\n  right: 15px;\n  color: var(--color-content);\n"])));export var ButtonClear=styled.i.attrs((function(){return{className:"button-clear"}}))(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  cursor: pointer;\n  position: absolute;\n"],["\n  cursor: pointer;\n  position: absolute;\n"])));export var SearchIcon=function(){return React.createElement("svg",{version:"1.1",viewBox:"0 0 15 16",width:"15",height:"16",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"search-icon"},React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.5 14C11.0899 14 14 11.0899 14 7.5C14 3.91015 11.0899 1 7.5 1C3.91015 1 1 3.91015 1 7.5C1 11.0899 3.91015 14 7.5 14Z",stroke:"currentColor",strokeWidth:"2"}),React.createElement("path",{d:"M7.5 5C6.11929 5 5 6.11929 5 7.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),React.createElement("path",{d:"M1 15L3 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))};export var SearchFieldWrap=styled.button.attrs((function(){return{className:"button-field-search"}}))(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  cursor: text;\n  margin: 10px 20px 13px;\n  padding: 0 18px 0 3px;\n  border: 0;\n  position: relative;\n  border-bottom: 1px solid var(--global-border-color);\n  background-color: transparent;\n  height: 37px;\n  color: var(--sidebar-item-color);\n  text-align: left;\n  font-family: var(--font-family-base);\n  font-size: 12px;\n  font-weight: 600;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 0 0 auto;\n\n  span {\n    display: block;\n    position: absolute;\n    right: 0;\n    width: 18px;\n    height: 37px;\n    background-color: var(--sidebar-background-color);\n    z-index: 2;\n  }\n\n  .search-icon {\n    margin-left: 6px;\n    position: relative;\n    top: 2px;\n    z-index: 1;\n  }\n\n  .button-clear {\n    padding: 3px;\n    right: 0;\n    margin-top: 4px;\n    z-index: 3;\n  }\n"],["\n  cursor: text;\n  margin: 10px 20px 13px;\n  padding: 0 18px 0 3px;\n  border: 0;\n  position: relative;\n  border-bottom: 1px solid var(--global-border-color);\n  background-color: transparent;\n  height: 37px;\n  color: var(--sidebar-item-color);\n  text-align: left;\n  font-family: var(--font-family-base);\n  font-size: 12px;\n  font-weight: 600;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 0 0 auto;\n\n  span {\n    display: block;\n    position: absolute;\n    right: 0;\n    width: 18px;\n    height: 37px;\n    background-color: var(--sidebar-background-color);\n    z-index: 2;\n  }\n\n  .search-icon {\n    margin-left: 6px;\n    position: relative;\n    top: 2px;\n    z-index: 1;\n  }\n\n  .button-clear {\n    padding: 3px;\n    right: 0;\n    margin-top: 4px;\n    z-index: 3;\n  }\n"])));export var SearchPopUpBG=styled.div.attrs((function(){return{className:"search-popup"}}))(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100;\n  background: rgba(0, 0, 0, 0.45);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"],["\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100;\n  background: rgba(0, 0, 0, 0.45);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));export var SearchPopUpWrap=styled.div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  width: 100%;\n  max-width: 500px;\n  height: 445px;\n"],["\n  width: 100%;\n  max-width: 500px;\n  height: 445px;\n"])));export var SearchPopUpHeader=styled.div(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  background-color: var(--search-popup-header-background-color);\n  border-top-left-radius: var(--panels-border-radius);\n  border-top-right-radius: var(--panels-border-radius);\n  height: 45px;\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  .search-icon {\n    position: absolute;\n    left: 15px;\n  }\n\n  .button-clear {\n    right: 45px;\n    font-style: normal;\n    font-weight: 600;\n    font-size: 0.8em;\n    background-color: var(--search-clear-button-background-color);\n    padding: 4px 16px;\n    border-radius: var(--global-border-radius);\n    &:hover {\n      background-color: var(--search-clear-button-hover-background-color);\n    }\n  }\n"],["\n  background-color: var(--search-popup-header-background-color);\n  border-top-left-radius: var(--panels-border-radius);\n  border-top-right-radius: var(--panels-border-radius);\n  height: 45px;\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  .search-icon {\n    position: absolute;\n    left: 15px;\n  }\n\n  .button-clear {\n    right: 45px;\n    font-style: normal;\n    font-weight: 600;\n    font-size: 0.8em;\n    background-color: var(--search-clear-button-background-color);\n    padding: 4px 16px;\n    border-radius: var(--global-border-radius);\n    &:hover {\n      background-color: var(--search-clear-button-hover-background-color);\n    }\n  }\n"])));export var TextContainer=styled.div(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  padding: 30px 20px;\n"],["\n  padding: 30px 20px;\n"])));export var SearchResultsBox=styled.div(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  padding: 10px;\n  background-color: var(--sidebar-background-color);\n  min-height: 100px;\n  max-height: 400px;\n  border-bottom-left-radius: var(--panels-border-radius);\n  border-bottom-right-radius: var(--panels-border-radius);\n\n  "," {\n    margin-right: 30px;\n    border-radius: var(--global-border-radius);\n\n    svg {\n      display: none;\n    }\n  }\n"],["\n  padding: 10px;\n  background-color: var(--sidebar-background-color);\n  min-height: 100px;\n  max-height: 400px;\n  border-bottom-left-radius: var(--panels-border-radius);\n  border-bottom-right-radius: var(--panels-border-radius);\n\n  "," {\n    margin-right: 30px;\n    border-radius: var(--global-border-radius);\n\n    svg {\n      display: none;\n    }\n  }\n"])),MenuItemLabel);export var SearchResultsItems=styled.div(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  max-height: 372px;\n"],["\n  max-height: 372px;\n"])));export var SearchInput=styled.input.attrs((function(){return{className:"search-input"}}))(templateObject_10||(templateObject_10=__makeTemplateObject(["\n  padding: 0 35px;\n  outline: none;\n  border: 0;\n  background-color: transparent;\n  width: 100%;\n  margin-top: 2px;\n"],["\n  padding: 0 35px;\n  outline: none;\n  border: 0;\n  background-color: transparent;\n  width: 100%;\n  margin-top: 2px;\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10;
+import{__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";export var CrossIcon=function(){return React.createElement("svg",{version:"1.1",viewBox:"0 0 12 12",width:"12",height:"12",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"clear-icon"},React.createElement("path",{d:"M11 1L6 6L11 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("path",{d:"M1 1L6 6L1 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))};export var ButtonClose=styled.i.attrs((function(){return{className:"button-close"}}))(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  cursor: pointer;\n  position: absolute;\n  right: 15px;\n  color: var(--text-color);\n"],["\n  cursor: pointer;\n  position: absolute;\n  right: 15px;\n  color: var(--text-color);\n"])));export var ButtonClear=styled.i.attrs((function(){return{className:"button-clear"}}))(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  cursor: pointer;\n  position: absolute;\n"],["\n  cursor: pointer;\n  position: absolute;\n"])));export var SearchIcon=function(){return React.createElement("svg",{version:"1.1",viewBox:"0 0 15 16",width:"15",height:"16",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"search-icon"},React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.5 14C11.0899 14 14 11.0899 14 7.5C14 3.91015 11.0899 1 7.5 1C3.91015 1 1 3.91015 1 7.5C1 11.0899 3.91015 14 7.5 14Z",stroke:"currentColor",strokeWidth:"2"}),React.createElement("path",{d:"M7.5 5C6.11929 5 5 6.11929 5 7.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),React.createElement("path",{d:"M1 15L3 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))};export var SearchFieldWrap=styled.button(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  cursor: text;\n  margin: 10px 20px 13px;\n  padding: 0 18px 0 3px;\n  border: 0;\n  position: relative;\n  border-bottom: 1px solid var(--sidebar-search-button-border);\n  border-radius: var(--sidebar-search-button-border-radius);\n  background-color: var(--sidebar-search-button-background-color);\n  height: 37px;\n  color: var(--sidebar-search-button-text-color);\n  text-align: left;\n  font-family: var(--sidebar-search-button-font-family);\n  font-size: var(--sidebar-search-button-font-size);\n  font-weight: 600;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 0 0 auto;\n  line-height: var(--sidebar-search-button-line-height);\n\n  &:hover {\n    background-color: var(--sidebar-search-button-hover-background-color);\n    border-bottom: 1px solid var(--sidebar-search-button-hover-border);\n  }\n\n  &.active {\n    background-color: var(--sidebar-search-button-active-background-color);\n    border-bottom: 1px solid var(--sidebar-search-button-active-border);\n  }\n\n  span {\n    display: block;\n    position: absolute;\n    right: 0;\n    width: 18px;\n    height: 37px;\n    background-color: var(--sidebar-background-color);\n    z-index: 2;\n  }\n\n  .search-icon {\n    margin-left: 6px;\n    position: relative;\n    top: 2px;\n    z-index: 1;\n  }\n\n  .button-clear {\n    padding: 3px;\n    right: 0;\n    margin-top: 4px;\n    z-index: 3;\n  }\n"],["\n  cursor: text;\n  margin: 10px 20px 13px;\n  padding: 0 18px 0 3px;\n  border: 0;\n  position: relative;\n  border-bottom: 1px solid var(--sidebar-search-button-border);\n  border-radius: var(--sidebar-search-button-border-radius);\n  background-color: var(--sidebar-search-button-background-color);\n  height: 37px;\n  color: var(--sidebar-search-button-text-color);\n  text-align: left;\n  font-family: var(--sidebar-search-button-font-family);\n  font-size: var(--sidebar-search-button-font-size);\n  font-weight: 600;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex: 0 0 auto;\n  line-height: var(--sidebar-search-button-line-height);\n\n  &:hover {\n    background-color: var(--sidebar-search-button-hover-background-color);\n    border-bottom: 1px solid var(--sidebar-search-button-hover-border);\n  }\n\n  &.active {\n    background-color: var(--sidebar-search-button-active-background-color);\n    border-bottom: 1px solid var(--sidebar-search-button-active-border);\n  }\n\n  span {\n    display: block;\n    position: absolute;\n    right: 0;\n    width: 18px;\n    height: 37px;\n    background-color: var(--sidebar-background-color);\n    z-index: 2;\n  }\n\n  .search-icon {\n    margin-left: 6px;\n    position: relative;\n    top: 2px;\n    z-index: 1;\n  }\n\n  .button-clear {\n    padding: 3px;\n    right: 0;\n    margin-top: 4px;\n    z-index: 3;\n  }\n"])));export var SearchPopUpBG=styled.div.attrs((function(){return{className:"search-popup"}}))(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100;\n  background: rgba(0, 0, 0, 0.45);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"],["\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 100;\n  background: rgba(0, 0, 0, 0.45);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));export var SearchPopUpWrap=styled.div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  width: 100%;\n  max-width: 500px;\n  height: 445px;\n"],["\n  width: 100%;\n  max-width: 500px;\n  height: 445px;\n"])));export var SearchPopUpHeader=styled.div(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  background-color: var(--search-modal-header-background-color);\n  border-top-left-radius: var(--search-modal-header-border-radius);\n  border-top-right-radius: var(--search-modal-header-border-radius);\n  height: 45px;\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  .search-icon {\n    position: absolute;\n    left: 15px;\n  }\n\n  .button-clear {\n    right: 45px;\n    font-style: normal;\n    font-weight: 600;\n    font-size: 0.8em;\n    background-color: var(--search-modal-clear-button-background-color);\n    padding: 4px 16px;\n    border-radius: var(--border-radius);\n    &:hover {\n      background-color: var(--search-modal-clear-button-hover-background-color);\n    }\n  }\n"],["\n  background-color: var(--search-modal-header-background-color);\n  border-top-left-radius: var(--search-modal-header-border-radius);\n  border-top-right-radius: var(--search-modal-header-border-radius);\n  height: 45px;\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  .search-icon {\n    position: absolute;\n    left: 15px;\n  }\n\n  .button-clear {\n    right: 45px;\n    font-style: normal;\n    font-weight: 600;\n    font-size: 0.8em;\n    background-color: var(--search-modal-clear-button-background-color);\n    padding: 4px 16px;\n    border-radius: var(--border-radius);\n    &:hover {\n      background-color: var(--search-modal-clear-button-hover-background-color);\n    }\n  }\n"])));export var TextContainer=styled.div(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  padding: 30px 20px;\n"],["\n  padding: 30px 20px;\n"])));export var SearchResultsBox=styled.div(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  padding: 10px;\n  background-color: var(--search-modal-background);\n  color: var(--search-modal-text-color);\n  border: var(--search-modal-border);\n  box-shadow: var(--search-modal-box-shadow);\n  min-height: 100px;\n  max-height: 400px;\n  border-bottom-left-radius: var(--panel-border-radius);\n  border-bottom-right-radius: var(--panel-border-radius);\n\n  li a {\n    margin-right: 30px;\n    border-radius: var(--border-radius);\n\n    svg {\n      display: none;\n    }\n  }\n"],["\n  padding: 10px;\n  background-color: var(--search-modal-background);\n  color: var(--search-modal-text-color);\n  border: var(--search-modal-border);\n  box-shadow: var(--search-modal-box-shadow);\n  min-height: 100px;\n  max-height: 400px;\n  border-bottom-left-radius: var(--panel-border-radius);\n  border-bottom-right-radius: var(--panel-border-radius);\n\n  li a {\n    margin-right: 30px;\n    border-radius: var(--border-radius);\n\n    svg {\n      display: none;\n    }\n  }\n"])));export var SearchResultsItems=styled.div(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  max-height: 372px;\n"],["\n  max-height: 372px;\n"])));export var SearchInput=styled.input.attrs((function(){return{className:"search-input"}}))(templateObject_10||(templateObject_10=__makeTemplateObject(["\n  padding: 0 35px;\n  outline: none;\n  border: 0;\n  background-color: transparent;\n  width: 100%;\n  margin-top: 2px;\n"],["\n  padding: 0 35px;\n  outline: none;\n  border: 0;\n  background-color: transparent;\n  width: 100%;\n  margin-top: 2px;\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10;
 //# sourceMappingURL=styled.js.map

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import type { RedocProRawOptions } from '../services/ProStore';
-import { ProStore } from '../services/ProStore';
 import type { CodeSampleConfig } from '../services/code-samples/types';
 import type { SpecVersions } from '../services/VersionedSpecStore';
+import { ProStore } from '../services/ProStore';
 export declare const Provider: React.Provider<ProStore | undefined>, Consumer: React.Consumer<ProStore | undefined>;
 interface StoreProviderProps {
     definitionUrl?: string;

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{TabList}from"../TabList";export var CollapsingTabList=styled(TabList)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  border-bottom: 4px solid var(--global-border-color-secondary);\n  margin: 0 0 10px;\n"],["\n  border-bottom: 4px solid var(--global-border-color-secondary);\n  margin: 0 0 10px;\n"])));var templateObject_1;
+import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{TabList}from"../TabList";export var CollapsingTabList=styled(TabList)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin: 0 0 10px;\n"],["\n  margin: 0 0 10px;\n"])));var templateObject_1;
 //# sourceMappingURL=CollapsingTabList.js.map

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

@@ -14,5 +14,5 @@ interface CollapsingTabsComponentProps extends TabsProps {
     activeIndex: number;
     onChange: (idx: number) => void;
 }
-export declare const CollapsingTabsBase: ({ tabs, children, hidden, activeIndex, onChange, }: CollapsingTabsComponentProps) => JSX.Element;
+export declare const CollapsingTabsBase: React.NamedExoticComponent<CollapsingTabsComponentProps>;
 export {};

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

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

package/lib-esm/components/Tabs/Tab.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import{Tab as ReactTab}from"react-tabs";import styled from"styled-components";export var Tab=styled(ReactTab)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  flex: 1;\n  cursor: pointer;\n  padding: 5px 10px;\n  font-size: 14px;\n  line-height: 26px;\n  font-weight: 400;\n  text-align: center;\n  color: var(--color-content-inverse);\n  background-color: var(--samples-panel-background-color);\n\n  &.react-tabs__tab--selected {\n    background-color: var(--samples-panel-controls-background-color);\n    border-bottom: 4px solid var(--samples-panel-controls-active-border-color);\n    margin-bottom: -4px;\n  }\n\n  &:first-child {\n    border-top-left-radius: var(--global-border-radius);\n  }\n\n  &:last-child {\n    border-top-right-radius: var(--global-border-radius);\n  }\n"],["\n  flex: 1;\n  cursor: pointer;\n  padding: 5px 10px;\n  font-size: 14px;\n  line-height: 26px;\n  font-weight: 400;\n  text-align: center;\n  color: var(--color-content-inverse);\n  background-color: var(--samples-panel-background-color);\n\n  &.react-tabs__tab--selected {\n    background-color: var(--samples-panel-controls-background-color);\n    border-bottom: 4px solid var(--samples-panel-controls-active-border-color);\n    margin-bottom: -4px;\n  }\n\n  &:first-child {\n    border-top-left-radius: var(--global-border-radius);\n  }\n\n  &:last-child {\n    border-top-right-radius: var(--global-border-radius);\n  }\n"])));var templateObject_1;
+import{__makeTemplateObject}from"tslib";import{Tab as ReactTab}from"react-tabs";import styled from"styled-components";export var Tab=styled(ReactTab)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  flex: 1;\n  cursor: pointer;\n  padding: 5px 10px;\n  font-size: var(--panel-samples-tabs-font-size);\n  line-height: 26px;\n  font-weight: var(--panel-samples-tabs-font-weight);\n  text-align: center;\n  color: var(--panel-samples-tabs-text-color);\n  background-color: var(--panel-samples-tabs-background-color);\n  border-bottom: 4px solid var(--panel-samples-tabs-border-color);\n  margin-bottom: -4px;\n\n  &.react-tabs__tab--selected {\n    background-color: var(--panel-samples-tabs-active-background-color);\n    border-color: var(--panel-samples-tabs-active-border-color);\n  }\n\n  &:hover {\n    border-color: var(--panel-samples-tabs-hover-border-color);\n    background-color: var(--panel-samples-tabs-hover-background-color);\n  }\n\n  &:first-child {\n    border-top-left-radius: var(--border-radius);\n  }\n\n  &:last-child {\n    border-top-right-radius: var(--border-radius);\n  }\n"],["\n  flex: 1;\n  cursor: pointer;\n  padding: 5px 10px;\n  font-size: var(--panel-samples-tabs-font-size);\n  line-height: 26px;\n  font-weight: var(--panel-samples-tabs-font-weight);\n  text-align: center;\n  color: var(--panel-samples-tabs-text-color);\n  background-color: var(--panel-samples-tabs-background-color);\n  border-bottom: 4px solid var(--panel-samples-tabs-border-color);\n  margin-bottom: -4px;\n\n  &.react-tabs__tab--selected {\n    background-color: var(--panel-samples-tabs-active-background-color);\n    border-color: var(--panel-samples-tabs-active-border-color);\n  }\n\n  &:hover {\n    border-color: var(--panel-samples-tabs-hover-border-color);\n    background-color: var(--panel-samples-tabs-hover-background-color);\n  }\n\n  &:first-child {\n    border-top-left-radius: var(--border-radius);\n  }\n\n  &:last-child {\n    border-top-right-radius: var(--border-radius);\n  }\n"])));var templateObject_1;
 //# sourceMappingURL=Tab.js.map

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

@@ -1,6 +1,6 @@
-import type { ChangeEvent } from 'react';
 import React from 'react';
 import type { FieldContext } from 'informed';
+import type { ChangeEvent } from 'react';
 declare type FieldValue = string[];
 interface CheckboxListComponentState {
     collapsed: boolean;

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

@@ -1,2 +1,2 @@
-import{__extends,__makeTemplateObject,__spreadArray}from"tslib";import React from"react";import styled from"styled-components";import{asField}from"informed";import{SampleControls,SamplesControlButton}from"@redocly/theme";import{FormError}from"./form";import{Checkbox}from"./Checkbox";var 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 __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=__spreadArray(__spreadArray([],o,!0),[t],!1);else{var a=o.indexOf(t);r=__spreadArray(__spreadArray([],o.slice(0,a),!0),o.slice(a+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,a=t.maxDisplayedItems,n=t.showControls,i=t.trimItemsLength,c=this.state.collapsed,p=r.getError(),s=a||DEFAULT_MAX_ITEMS,m=i&&this.state.collapsed?l.slice(0,s):l;return React.createElement("div",null,n?React.createElement(ControlButtonsWrapper,null,React.createElement(SamplesControlButton,{onClick:function(){e.selectAll()}},"Select all"),React.createElement(SamplesControlButton,{onClick:function(){e.clearAll()}},"Clear")):null,React.createElement("div",null,m.map((function(t){return React.createElement(Checkbox,{fullWidth:!0,id:t,value:t,checked:e.isFieldChecked(t),label:t,key:t,onChange:function(t){e.onCheckBoxClick(t),o&&r.validate()}})})),l.length>s&&i?React.createElement(ToggleButton,{onClick:function(){e.toggle()}},c?"Show all":"Collapse"):null),p?React.createElement(FormError,null,p):"")}}),t}(React.Component);export{CheckboxListComponent};export var CheckboxList=asField(CheckboxListComponent);var templateObject_1,templateObject_2,ControlButtonsWrapper=styled(SampleControls)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  opacity: 1;\n  text-align: left;\n"],["\n  opacity: 1;\n  text-align: left;\n"]))),ToggleButton=styled(SamplesControlButton)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  float: right;\n"],["\n  float: right;\n"])));
+import{__extends,__makeTemplateObject,__spreadArray}from"tslib";import React from"react";import styled from"styled-components";import{asField}from"informed";import{SampleControls,SamplesControlButton}from"@redocly/theme/SamplesPanelControls";import{FormError}from"./form";import{Checkbox}from"./Checkbox";var 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 __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=__spreadArray(__spreadArray([],o,!0),[t],!1);else{var a=o.indexOf(t);r=__spreadArray(__spreadArray([],o.slice(0,a),!0),o.slice(a+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,a=t.maxDisplayedItems,n=t.showControls,i=t.trimItemsLength,c=this.state.collapsed,p=r.getError(),s=a||DEFAULT_MAX_ITEMS,m=i&&this.state.collapsed?l.slice(0,s):l;return React.createElement("div",null,n?React.createElement(ControlButtonsWrapper,null,React.createElement(SamplesControlButton,{onClick:function(){e.selectAll()}},"Select all"),React.createElement(SamplesControlButton,{onClick:function(){e.clearAll()}},"Clear")):null,React.createElement("div",null,m.map((function(t){return React.createElement(Checkbox,{fullWidth:!0,id:t,value:t,checked:e.isFieldChecked(t),label:t,key:t,onChange:function(t){e.onCheckBoxClick(t),o&&r.validate()}})})),l.length>s&&i?React.createElement(ToggleButton,{onClick:function(){e.toggle()}},c?"Show all":"Collapse"):null),p?React.createElement(FormError,null,p):"")}}),t}(React.Component);export{CheckboxListComponent};export var CheckboxList=asField(CheckboxListComponent);var templateObject_1,templateObject_2,ControlButtonsWrapper=styled(SampleControls)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  opacity: 1;\n  text-align: left;\n"],["\n  opacity: 1;\n  text-align: left;\n"]))),ToggleButton=styled(SamplesControlButton)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  float: right;\n"],["\n  float: right;\n"])));
 //# sourceMappingURL=CheckboxList.js.map

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{__assign,__awaiter,__generator,__rest}from"tslib";import*as React from"react";import{useField}from"informed";import{getFileToUpload}from"./helper";export var FileUpload=React.forwardRef((function(e,a){var t=__rest(e,[]),r=t.schema,i=t.contentName,n=t.onChange,o=t.name;return(0,useField(__assign({field:o},t)).render)(React.createElement("input",{"data-cy":"file-upload-input",type:"file",id:t.id,className:t.className,name:t.name,onChange:function(e){return __awaiter(void 0,void 0,void 0,(function(){var a;return __generator(this,(function(t){switch(t.label){case 0:return[4,getFileToUpload(e.target.files,r)];case 1:return a=t.sent(),n(i,a),[2]}}))}))},multiple:t.multiple,accept:t.accept,ref:a}))}));FileUpload.displayName="FileUpload";
+import{__assign,__awaiter,__generator,__rest}from"tslib";import*as React from"react";import{useField}from"informed";import{getFileToUpload}from"./helper";export var FileUpload=React.forwardRef((function(e,a){var t=__rest(e,[]),r=t.schema,i=t.contentName,n=t.onChange,o=t.name,l=__rest(t,["schema","contentName","onChange","name"]);return(0,useField(__assign({field:o},l)).render)(React.createElement("input",{"data-cy":"file-upload-input",type:"file",id:t.id,className:t.className,name:t.name,onChange:function(e){return __awaiter(void 0,void 0,void 0,(function(){var a;return __generator(this,(function(t){switch(t.label){case 0:return[4,getFileToUpload(e.target.files,r)];case 1:return a=t.sent(),n(i,a),[2]}}))}))},multiple:t.multiple,accept:t.accept,ref:a}))}));FileUpload.displayName="FileUpload";
 //# sourceMappingURL=FileUpload.js.map

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";var templateObject_1,LoadingLine=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  position: relative;\n  height: 4px;\n  display: block;\n  width: 100%;\n  background-color: var(--linear-progress-background-color);\n  border-radius: var(--global-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: var(--linear-progress-color);\n    transition: width 0.3s linear;\n  }\n  .indeterminate {\n    background-color: var(--linear-progress-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: var(--linear-progress-background-color);\n  border-radius: var(--global-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: var(--linear-progress-color);\n    transition: width 0.3s linear;\n  }\n  .indeterminate {\n    background-color: var(--linear-progress-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"])));export var LinearProgress=function(){return React.createElement(LoadingLine,null,React.createElement("div",{className:"indeterminate"}))};
+import{__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";var templateObject_1,LoadingLine=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  position: relative;\n  height: 4px;\n  display: block;\n  width: 100%;\n  background-color: var(--linear-progress-background-color);\n  border-radius: var(--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: var(--linear-progress-color);\n    transition: width 0.3s linear;\n  }\n  .indeterminate {\n    background-color: var(--linear-progress-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: var(--linear-progress-background-color);\n  border-radius: var(--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: var(--linear-progress-color);\n    transition: width 0.3s linear;\n  }\n  .indeterminate {\n    background-color: var(--linear-progress-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"])));export var LinearProgress=function(){return React.createElement(LoadingLine,null,React.createElement("div",{className:"indeterminate"}))};
 //# sourceMappingURL=LinearProgress.js.map

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

@@ -2,7 +2,7 @@ import React from 'react';
 import type { FieldProps } from 'informed';
 import type { FlattenInterpolation, ThemeProps } from 'styled-components';
 import type { DropdownOption, DropdownProps } from './Dropdown';
-export declare const getInvertedInputStyles: (panel: 'samples' | 'try-it') => FlattenInterpolation<ThemeProps<unknown>>;
+export declare const getInvertedInputStyles: (panelType: 'samples' | 'try-it') => FlattenInterpolation<ThemeProps<unknown>>;
 export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
     fullWidth?: boolean | undefined;
     inputType?: string | undefined;

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

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

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{Button}from"@redocly/theme";import{serializeParameterValue}from"../../redoc-lib";import{CodeHeader}from"../Panel";import{Path,PathWrapper}from"../Endpoint/Path";import{HttpVerb}from"../shared";import{expandVariables}from"./utils";function formatPath(e,t,r){var a=t.path||{},n=t.query||{},o=Object.keys(n),i=expandVariables(e,a);return o.length&&(i+="?"+o.map((function(e){if(!n[e])return"";var t=function(e){return r.find((function(t){return t.name===e&&"query"===t.in}))}(e);return t?serializeParameterValue(t,n[e]):e+"="+encodeURIComponent(n[e])})).filter(Boolean).join("&")),i}export var ActionPanelComponent=function(e){var t=e.loading,r=e.operation,a=e.hasResponse,n=e.execute,o=e.params,i=void 0===o?{}:o;return React.createElement(TryItHeader,null,React.createElement(PathWrapper,null,React.createElement(HttpVerb,{type:r.httpVerb},r.httpVerb),React.createElement(Path,{wrap:"true"},formatPath(r.path,i,r.parameters))),React.createElement(SendButton,{"data-cy":"send-button",color:"primary",blinking:t,onClick:function(){return!t&&n()}},t?"Sending...":a?"Resend":"Send"))};var templateObject_1,templateObject_2,SendButton=styled(Button)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  width: var(--try-it-panel-action-button-width);\n"],["\n  width: var(--try-it-panel-action-button-width);\n"]))),TryItHeader=styled(CodeHeader)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  flex-direction: row;\n  align-items: flex-start;\n  flex-wrap: wrap;\n"],["\n  flex-direction: row;\n  align-items: flex-start;\n  flex-wrap: wrap;\n"])));export var ActionPanel=React.memo(ActionPanelComponent);
+import{__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{Button}from"@redocly/theme/Button";import{serializeParameterValue}from"../../redoc-lib";import{CodeHeader}from"../Panel";import{Path,PathWrapper}from"../Endpoint";import{HttpVerb}from"../shared";import{expandVariables}from"./utils";function formatPath(e,t,r){var n=t.path||{},a=t.query||{},o=Object.keys(a),i=expandVariables(e,n);return o.length&&(i+="?"+o.map((function(e){if(!a[e])return"";var t=function(e){return r.find((function(t){return t.name===e&&"query"===t.in}))}(e);return t?serializeParameterValue(t,a[e]):e+"="+encodeURIComponent(a[e])})).filter(Boolean).join("&")),i}export var ActionPanelComponent=function(e){var t=e.loading,r=e.operation,n=e.hasResponse,a=e.execute,o=e.params,i=void 0===o?{}:o;return React.createElement(CodeHeader,null,React.createElement(PathWrapper,null,React.createElement(HttpVerb,{type:r.httpVerb},r.httpVerb),React.createElement(Path,{wrap:"true"},formatPath(r.path,i,r.parameters))),React.createElement(SendButton,{"data-cy":"send-button",color:"primary",blinking:t,onClick:function(){return!t&&a()}},t?"Sending...":n?"Resend":"Send"))};var templateObject_1,SendButton=styled(Button)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  width: var(--panel-try-it-action-button-width);\n"],["\n  width: var(--panel-try-it-action-button-width);\n"])));export var ActionPanel=React.memo(ActionPanelComponent);
 //# sourceMappingURL=ActionPanel.js.map