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

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

@@ -1,8 +1,3 @@
 import type { ReactElement } from 'react';
-import type { OperationModel } from '../../redoc-lib/src/services';
-export interface EndpointProps {
-    operation: OperationModel;
-    hideHostname?: boolean;
-    compact?: boolean;
-}
+import type { EndpointProps } from './types';
 export declare const Endpoint: ({ operation, hideHostname }: EndpointProps) => ReactElement;

package/lib/components/Endpoint/Endpoint.js

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

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

@@ -1,8 +1,3 @@
 import type { ReactElement } from 'react';
-import type { OperationModel } from '../../redoc-lib/src/services';
-export interface ServerListProps {
-    operation: OperationModel;
-    expandVariables: boolean;
-    hideHostname: boolean;
-}
-export declare const ServerList: ({ operation, expandVariables, hideHostname, }: ServerListProps) => ReactElement;
+import type { ServerListProps } from './types';
+export declare const ServerList: ({ servers, path, expandVariables, hideHostname, }: ServerListProps) => ReactElement;

package/lib/components/Endpoint/ServerList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerList=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),utils_1=require("../../redoc-lib/src/utils"),Markdown_1=require("../../redoc-lib/src/components/Markdown"),shared_1=require("../shared"),ServerItem_1=require("./ServerItem"),ServerUrl_1=require("./ServerUrl"),CopyLink_1=require("./CopyLink"),ServerList=function(e){var r=e.operation,t=e.expandVariables,a=e.hideHostname;return react_1.default.createElement(react_1.default.Fragment,null,r.servers.map((function(e){var l=t?(0,utils_1.expandDefaultServerVariables)(e.url,e.variables):e.url,i=(0,utils_1.getBasePath)(l),u=(a?"/"===i?"":i:l)+r.path;return react_1.default.createElement(ServerItem_1.ServerItem,{key:l},react_1.default.createElement(Markdown_1.Markdown,{source:e.description||"",compact:!0}),react_1.default.createElement(CopyLink_1.CopyLink,null,react_1.default.createElement(shared_1.SelectOnClick,null,react_1.default.createElement(ServerUrl_1.ServerUrl,null,u))))})))};exports.ServerList=ServerList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerList=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),theme_1=require("@redocly/theme"),utils_1=require("../../redoc-lib/src/utils"),Markdown_1=require("../../redoc-lib/src/components/Markdown"),styled_1=require("./styled"),ServerList=function(e){var r=e.servers,t=e.path,a=e.expandVariables,l=e.hideHostname;return react_1.default.createElement(react_1.default.Fragment,null,r.map((function(e){var r=a?(0,utils_1.expandDefaultServerVariables)(e.url,e.variables):e.url,n=(0,utils_1.getBasePath)(r),u=(l?"/"===n?"":n:r)+t;return react_1.default.createElement(react_1.Fragment,{key:r},react_1.default.createElement(theme_1.CopyButtonWrapper,{data:u},(function(r){var t=r.renderCopyButton;return react_1.default.createElement(styled_1.ServerItem,null,react_1.default.createElement(styled_1.DescriptionWrapper,null,react_1.default.createElement(Markdown_1.Markdown,{source:e.description||"",compact:!0}),t()),react_1.default.createElement(styled_1.ServerUrl,null,u))})))})))};exports.ServerList=ServerList;
 //# sourceMappingURL=ServerList.js.map

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

@@ -1,14 +1,3 @@
 import type { ReactElement } from 'react';
-import type { OperationModel } from '../../redoc-lib';
-import type { PanelHeaderProps } from '../Panel';
-export declare type EndpointSummaryProps = PanelHeaderProps & {
-    operation: OperationModel;
-    onToggleConsole: () => void;
-    showConsole: boolean;
-    tryItOverride?: {
-        link?: string;
-        label: string;
-        onClick?: () => void;
-    } | null;
-};
+import type { EndpointSummaryProps } from './types';
 export declare const Summary: ({ operation, expanded, toggle, onToggleConsole, tryItOverride, showConsole, }: EndpointSummaryProps) => ReactElement;

package/lib/components/Endpoint/Summary.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Summary=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),theme_1=require("@redocly/theme"),icons_1=require("../../redoc-lib/src/common-elements/icons"),Panel_1=require("../Panel"),shared_1=require("../shared"),Path_1=require("./Path"),TryItButton=(0,styled_components_1.default)(theme_1.Button)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  width: var(--try-it-panel-action-button-width);\n"],["\n  width: var(--try-it-panel-action-button-width);\n"]))),TryItHeader=(0,styled_components_1.default)(Panel_1.Header)(templateObject_2||(templateObject_2=(0,tslib_1.__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"]))),Summary=function(e){var t=e.operation,r=e.expanded,a=e.toggle,l=e.onToggleConsole,n=e.tryItOverride,o=e.showConsole,i=(null==n?void 0:n.label)||"Try it",c=(null==n?void 0:n.link)?TryItButton.withComponent("a"):TryItButton;return react_1.default.createElement(TryItHeader,{onClick:a,isExpanded:r},react_1.default.createElement(Path_1.PathWrapper,null,react_1.default.createElement(shared_1.HttpVerb,{type:t.httpVerb},t.httpVerb),react_1.default.createElement(Path_1.Path,null,t.path),react_1.default.createElement(icons_1.ShelfIcon,{color:"#9AA5B1",direction:r?"down":"right"})),!t.isWebhook&&!t.isCallback&&o&&react_1.default.createElement(c,{color:"primary",onClick:n?function(e){var t;null===(t=null==n?void 0:n.onClick)||void 0===t||t.call(n),e.stopPropagation()}:l,"data-cy":"try-it",href:null==n?void 0:n.link},i)||null)};exports.Summary=Summary;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Summary=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),theme_1=require("@redocly/theme"),shared_1=require("../shared"),styled_1=require("./styled"),Summary=function(e){var t=e.operation,r=e.expanded,l=void 0!==r&&r,a=e.toggle,o=e.onToggleConsole,n=e.tryItOverride,i=e.showConsole,d=(null==n?void 0:n.label)||"Try it",u=(null==n?void 0:n.link)?styled_1.TryItButton.withComponent("a"):styled_1.TryItButton;return react_1.default.createElement(theme_1.PanelHeader,{onClick:a,expanded:l},react_1.default.createElement(styled_1.PathWrapper,null,react_1.default.createElement(shared_1.HttpVerb,{type:t.httpVerb},t.httpVerb),react_1.default.createElement(styled_1.Path,null,t.path),react_1.default.createElement(theme_1.ShelfIcon,{direction:l?"down":"right"})),!t.isWebhook&&!t.isCallback&&i&&react_1.default.createElement(u,{color:"primary",onClick:n?function(e){var t;null===(t=null==n?void 0:n.onClick)||void 0===t||t.call(n),e.stopPropagation()}:o,"data-cy":"try-it",href:null==n?void 0:n.link},d)||null)};exports.Summary=Summary;
 //# sourceMappingURL=Summary.js.map

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

@@ -1 +1,2 @@
-export * from './Endpoint';
+export { Endpoint } from './Endpoint';
+export * from './styled';

package/lib/components/Endpoint/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./Endpoint"),exports);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Endpoint=void 0;var tslib_1=require("tslib"),Endpoint_1=require("./Endpoint");Object.defineProperty(exports,"Endpoint",{enumerable:!0,get:function(){return Endpoint_1.Endpoint}}),(0,tslib_1.__exportStar)(require("./styled"),exports);
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const DescriptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Path: import("styled-components").StyledComponent<"span", any, {
+    wrap?: string | undefined;
+}, never>;
+export declare const PathWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ServerItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ServerUrl: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TryItButton: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, {}, never>;

package/lib/components/Endpoint/styled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TryItButton=exports.ServerUrl=exports.ServerItem=exports.PathWrapper=exports.Path=exports.DescriptionWrapper=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),theme_1=require("@redocly/theme"),styled_1=require("../console/styled");exports.DescriptionWrapper=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 10px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 10px;\n"]))),exports.Path=styled_components_1.default.span(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin: 0 4px;\n  color: var(--text-color-inverse);\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n  max-height: 90px;\n  word-break: break-all;\n"],["\n  margin: 0 4px;\n  color: var(--text-color-inverse);\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n  max-height: 90px;\n  word-break: break-all;\n"])),(function(t){return t.wrap?"normal":"nowrap"}),(function(t){return t.wrap?"anywhere":"normal"})),exports.PathWrapper=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"],["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"]))),exports.ServerItem=styled_components_1.default.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  padding: 10px 0;\n"],["\n  padding: 10px 0;\n"]))),exports.ServerUrl=styled_components_1.default.div(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n  border-radius: var(--border-radius);\n  padding: 7px 12px;\n  overflow-wrap: break-word;\n"],["\n  ",";\n  border-radius: var(--border-radius);\n  padding: 7px 12px;\n  overflow-wrap: break-word;\n"])),styled_1.invertedInputStyles),exports.TryItButton=(0,styled_components_1.default)(theme_1.Button)(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  width: var(--panel-try-it-action-button-width);\n  font-family: var(--panel-try-it-action-button-font-family);\n  font-size: var(--panel-try-it-action-button-font-size);\n  font-weight: var(--panel-try-it-action-button-font-weight);\n  color: var(--panel-try-it-action-button-text-color);\n  background-color: var(--panel-try-it-action-button-background-color);\n  border-color: var(--panel-try-it-action-button-border-color);\n\n  &:active {\n    color: var(--panel-try-it-action-button-active-text-color);\n    background-color: var(--panel-try-it-action-button-active-background-color);\n    border-color: var(--panel-try-it-action-button-active-border-color);\n  }\n\n  &:hover {\n    color: var(--panel-try-it-action-button-hover-text-color);\n    background-color: var(--panel-try-it-action-button-hover-background-color);\n    border-color: var(--panel-try-it-action-button-hover-border-color);\n  }\n"],["\n  width: var(--panel-try-it-action-button-width);\n  font-family: var(--panel-try-it-action-button-font-family);\n  font-size: var(--panel-try-it-action-button-font-size);\n  font-weight: var(--panel-try-it-action-button-font-weight);\n  color: var(--panel-try-it-action-button-text-color);\n  background-color: var(--panel-try-it-action-button-background-color);\n  border-color: var(--panel-try-it-action-button-border-color);\n\n  &:active {\n    color: var(--panel-try-it-action-button-active-text-color);\n    background-color: var(--panel-try-it-action-button-active-background-color);\n    border-color: var(--panel-try-it-action-button-active-border-color);\n  }\n\n  &:hover {\n    color: var(--panel-try-it-action-button-hover-text-color);\n    background-color: var(--panel-try-it-action-button-hover-background-color);\n    border-color: var(--panel-try-it-action-button-hover-border-color);\n  }\n"])));
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,21 @@
+import type { PanelHeaderProps } from '@redocly/theme';
+import type { OperationModel } from '../../redoc-lib';
+export interface EndpointProps {
+    operation: OperationModel;
+    hideHostname?: boolean;
+    compact?: boolean;
+}
+export interface ServerListProps extends Pick<OperationModel, 'servers' | 'path'> {
+    expandVariables: boolean;
+    hideHostname: boolean;
+}
+export declare type EndpointSummaryProps = PanelHeaderProps & {
+    operation: OperationModel;
+    onToggleConsole: () => void;
+    showConsole: boolean;
+    tryItOverride?: {
+        link?: string;
+        label: string;
+        onClick?: () => void;
+    } | null;
+};

package/lib/components/Endpoint/types.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=types.js.map

package/lib/components/NextSectionButton.d.ts

@@ -5,7 +5,7 @@ import type { RedocProNormalizedOptions } from '../services/ProStore';
 export declare const NextSectionButton: import("styled-components").StyledComponent<React.FC<ButtonProps>, any, {
     className: string;
 }, "className">;
-export declare const NextSectionButtonLink: import("styled-components").StyledComponent<"a", any, ButtonProps, never>;
+export declare const NextSectionButtonLink: import("styled-components").StyledComponent<React.FC<ButtonProps>, any, ButtonProps, never>;
 interface ContinueButtonProps {
     pagination?: RedocProNormalizedOptions['pagination'];
     menu: ProMenu;

package/lib/components/NextSectionButton.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContinueButton=exports.NextSectionButtonLink=exports.NextSectionButton=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),theme_1=require("@redocly/theme"),redoc_lib_1=require("../redoc-lib"),linkify_1=require("../redoc-lib/src/common-elements/linkify"),styled_elements_1=require("./styled.elements");exports.NextSectionButton=(0,styled_components_1.default)(theme_1.Button).attrs({className:"next-section-button"})(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 14px;\n  margin-left: auto;\n"],["\n  font-size: 14px;\n  margin-left: auto;\n"]))),exports.NextSectionButtonLink=(0,styled_components_1.default)(theme_1.Button.withComponent("a"))(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 14px;\n  margin-left: auto;\n"],["\n  font-size: 14px;\n  margin-left: auto;\n"])));var templateObject_1,templateObject_2,ContinueButton=function(e){var t=e.pagination,n=e.menu;if(!t||"none"===t)return null;var o=getNext(t,n),i=o.nextItem,l=o.nextLabel;return i?React.createElement(styled_elements_1.NextSectionButtonWrap,null,React.createElement(exports.NextSectionButtonLink,{extraClass:"next-section-button",color:"secondary",onClick:function(e){var t;e.defaultPrevented||(0,linkify_1.userIsForcingNavigation)(e)||(e.preventDefault(),t=i,redoc_lib_1.IS_BROWSER&&window.scrollTo(0,0),n.activateAndScroll(t),setTimeout((function(){return n.activateAndScroll(t)})))},href:i.href},"➔ Next to ",React.createElement("strong",null,l))):null};function getNext(e,t){var n,o,i,l=t.renderItems,r=t.flatItems,a=void 0;if(-1===t.activeRenderItemIdx)return a=r.find((function(e){return e.id.startsWith("tag")})),{nextItem:a,nextLabel:null==a?void 0:a.name};if(!l.length)return"group"===(a=r[0]).type&&(a=a.items[0]),{nextItem:a,nextLabel:i=a.name};if("section"===e)return(a=nextItemOfDepth(l[l.length-1],r))?{nextItem:a,nextLabel:i=null==a?void 0:a.name}:{};if("item"===e){switch(l[0].type){case"tag":i=null==(a=nextOperationOrTagItem(l[0],r))?void 0:a.name;break;case"section":i=null==(a=nextItemOfDepth(l[l.length-1],r))?void 0:a.name;break;case"operation":case"schema":i=null==(a=getNextForOperation(l[0],r))?void 0:a.name;break;default:return{}}return"tag"===(null==a?void 0:a.type)&&!(null==a?void 0:a.description)&&(null==a?void 0:a.items.length)&&(i=(null===(n=null==(a=null==a?void 0:a.items[0])?void 0:a.parent)||void 0===n?void 0:n.name)+" / "+(null==a?void 0:a.name)),a&&a.parent&&0===a.parent.items.indexOf(a)&&(i=(null===(o=a.parent)||void 0===o?void 0:o.name)+" / "+a.name),{nextItem:a,nextLabel:i}}return{}}function nextItemOfDepth(e,t){for(var n,o=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;o<t.length;o++)if(t[o].depth===e.depth)return t[o]}function nextOperationOrTagItem(e,t){for(var n,o=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;o<t.length;o++)if("operation"===t[o].type||"tag"===t[o].type||"schema"===t[o].type)return t[o]}function getNextForOperation(e,t){for(var n,o,i=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;i<t.length;i++)if("tag"===(o=t[i]).type||"operation"===o.type||"section"===o.type||"schema"===o.type)return o}exports.ContinueButton=ContinueButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContinueButton=exports.NextSectionButtonLink=exports.NextSectionButton=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),Button_1=require("@redocly/theme/Button"),redoc_lib_1=require("../redoc-lib"),linkify_1=require("../redoc-lib/src/common-elements/linkify"),styled_elements_1=require("./styled.elements");exports.NextSectionButton=(0,styled_components_1.default)(Button_1.Button).attrs({className:"next-section-button"})(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 14px;\n  margin-left: auto;\n"],["\n  font-size: 14px;\n  margin-left: auto;\n"]))),exports.NextSectionButtonLink=(0,styled_components_1.default)(Button_1.Button)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 14px;\n  margin-left: auto;\n"],["\n  font-size: 14px;\n  margin-left: auto;\n"])));var templateObject_1,templateObject_2,ContinueButton=function(e){var t=e.pagination,n=e.menu;if(!t||"none"===t)return null;var o=getNext(t,n),i=o.nextItem,l=o.nextLabel;return i?React.createElement(styled_elements_1.NextSectionButtonWrap,null,React.createElement(exports.NextSectionButtonLink,{extraClass:"next-section-button",color:"secondary",onClick:function(e){var t;e.defaultPrevented||(0,linkify_1.userIsForcingNavigation)(e)||(e.preventDefault(),t=i,redoc_lib_1.IS_BROWSER&&window.scrollTo(0,0),n.activateAndScroll(t),setTimeout((function(){return n.activateAndScroll(t)})))},to:i.href},"➔ Next to ",React.createElement("strong",null,l))):null};function getNext(e,t){var n,o,i,l=t.renderItems,r=t.flatItems,a=void 0;if(-1===t.activeRenderItemIdx)return a=r.find((function(e){return e.id.startsWith("tag")})),{nextItem:a,nextLabel:null==a?void 0:a.name};if(!l.length)return"group"===(a=r[0]).type&&(a=a.items[0]),{nextItem:a,nextLabel:i=a.name};if("section"===e)return(a=nextItemOfDepth(l[l.length-1],r))?{nextItem:a,nextLabel:i=null==a?void 0:a.name}:{};if("item"===e){switch(l[0].type){case"tag":i=null==(a=nextOperationOrTagItem(l[0],r))?void 0:a.name;break;case"section":i=null==(a=nextItemOfDepth(l[l.length-1],r))?void 0:a.name;break;case"operation":case"schema":i=null==(a=getNextForOperation(l[0],r))?void 0:a.name;break;default:return{}}return"tag"===(null==a?void 0:a.type)&&!(null==a?void 0:a.description)&&(null==a?void 0:a.items.length)&&(i=(null===(n=null==(a=null==a?void 0:a.items[0])?void 0:a.parent)||void 0===n?void 0:n.name)+" / "+(null==a?void 0:a.name)),a&&a.parent&&0===a.parent.items.indexOf(a)&&(i=(null===(o=a.parent)||void 0===o?void 0:o.name)+" / "+a.name),{nextItem:a,nextLabel:i}}return{}}function nextItemOfDepth(e,t){for(var n,o=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;o<t.length;o++)if(t[o].depth===e.depth)return t[o]}function nextOperationOrTagItem(e,t){for(var n,o=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;o<t.length;o++)if("operation"===t[o].type||"tag"===t[o].type||"schema"===t[o].type)return t[o]}function getNextForOperation(e,t){for(var n,o,i=(null!==(n=null==e?void 0:e.absoluteIdx)&&void 0!==n?n:0)+1;i<t.length;i++)if("tag"===(o=t[i]).type||"operation"===o.type||"section"===o.type||"schema"===o.type)return o}exports.ContinueButton=ContinueButton;
 //# sourceMappingURL=NextSectionButton.js.map

package/lib/components/OperationParameters/OperationParameters.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationParameters=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),utils_1=require("../../utils"),form_1=require("../common/form"),TextField_1=require("../common/TextField"),ParameterDropdown_1=require("../console/ParameterDropdown"),types_1=require("./types"),utils_2=require("./utils"),PARAM_PLACES=["path","query","cookie","header"];function FormControlWrapper(e){var r=e.id,t=e.param,a=e.values,l=(0,react_1.useMemo)((function(){return(0,utils_2.createValidator)(t)}),[t]),n=Array.isArray(t.schema.enum)&&t.schema.enum.length?t.schema.enum:void 0,i=(0,utils_2.getInitialValue)(t.schema),o=r.split(".").map((function(e){return(0,utils_1.unescapeFormId)(e)}));return n?react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(ParameterDropdown_1.ParameterEnumDropdown,{initValue:i,paramEnum:n,field:r})):react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,"data-cy":"parameter-input",id:r,field:r,placeholder:(0,utils_2.placeholder)(t),validate:l,initialValue:i||(0,utils_1.get)(a,o),validateOnBlur:!0,validateOnChange:!0})}function OperationParameters(e){var r=e.values,t=e.operation,a=(0,react_1.useMemo)((function(){return(0,utils_2.orderParams)(t.parameters||[])}),[t]),l=function(e,t,a){var n,i=a?(0,utils_1.dottedString)(a,e.name):e.name,o=(0,utils_2.isNotSupported)(e.schema);if(o&&console.warn('Unsupported parameter definition: "'+o+'"'),e.schema.type===types_1.SchemaType.OBJECT)return null===(n=e.schema.fields)||void 0===n?void 0:n.map((function(e){return l(e,t,i)}));var u=a?[t,a]:[e.in],m=utils_1.dottedString.apply(void 0,(0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],u,!1),[(0,utils_1.escapeFormId)(e.name)],!1));return react_1.default.createElement(form_1.FormControl,{key:m},react_1.default.createElement(form_1.FormLabel,{required:e.required},i,":"),o?react_1.default.createElement(form_1.FormWarning,null,"Unsupported field schema definition"):react_1.default.createElement(FormControlWrapper,{id:m,param:e,values:r}))};return react_1.default.createElement(form_1.Table,null,PARAM_PLACES.map((function(e){var r=a[e];return r&&r.length?react_1.default.createElement(react_1.Fragment,{key:e},react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.GroupLabel,null," # ",e," parameters "),react_1.default.createElement("span",null," ")),r.map((function(r){return l(r,e)}))):null})))}exports.OperationParameters=OperationParameters;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationParameters=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),utils_1=require("../../utils"),form_1=require("../common/form"),TextField_1=require("../common/TextField"),ParameterDropdown_1=require("../console/ParameterDropdown"),ParameterArray_1=require("../console/ParameterArray"),types_1=require("./types"),utils_2=require("./utils"),PARAM_PLACES=["path","query","cookie","header"];function FormControlWrapper(e){var r=e.id,t=e.param,a=e.values,l=(0,react_1.useMemo)((function(){return(0,utils_2.createValidator)(t)}),[t]),n=Array.isArray(t.schema.enum)&&t.schema.enum.length?t.schema.enum:void 0,i=(0,utils_2.getInitialValue)(t.schema),o=r.split(".").map((function(e){return(0,utils_1.unescapeFormId)(e)}));return n?react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(ParameterDropdown_1.ParameterEnumDropdown,{initValue:i,paramEnum:n,field:r})):react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,"data-cy":"parameter-input",id:r,field:r,placeholder:(0,utils_2.placeholder)(t),validate:l,initialValue:i||(0,utils_1.get)(a,o),validateOnBlur:!0,validateOnChange:!0})}function OperationParameters(e){var r=e.values,t=e.operation,a=(0,react_1.useMemo)((function(){return(0,utils_2.orderParams)(t.parameters||[])}),[t]),l=function(e,t,a,n){var i,o=a?(0,utils_1.dottedString)(a,e.name):e.name,u=(0,utils_2.isNotSupported)(e.schema),m=a?[t,a]:[e.in],c=utils_1.dottedString.apply(void 0,(0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],m,!1),[(0,utils_1.escapeFormId)(e.name)],!1));return u&&console.warn('Unsupported parameter definition: "'+u+'"'),e.schema.type===types_1.SchemaType.ARRAY?react_1.default.createElement(ParameterArray_1.ParameterArray,{key:c,name:o,param:e,place:t,renderParameter:l}):e.schema.type===types_1.SchemaType.OBJECT?null===(i=e.schema.fields)||void 0===i?void 0:i.map((function(e){return l(e,t,o)})):react_1.default.createElement(form_1.FormControl,{key:c},react_1.default.createElement(form_1.FormLabel,{required:e.required},n||o,":"),u?react_1.default.createElement(form_1.FormWarning,null,"Unsupported field schema definition"):react_1.default.createElement(FormControlWrapper,{id:c,param:e,values:r}))};return react_1.default.createElement(form_1.Table,null,PARAM_PLACES.map((function(e){var r=a[e];return r&&r.length?react_1.default.createElement(react_1.Fragment,{key:e},react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.GroupLabel,null," # ",e," parameters "),react_1.default.createElement("span",null," ")),r.map((function(r){return l(r,e)}))):null})))}exports.OperationParameters=OperationParameters;
 //# sourceMappingURL=OperationParameters.js.map

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

@@ -4,4 +4,4 @@ export declare function placeholder({ schema, example }: Pick<FieldModel, 'schem
 export declare function orderParams(params: FieldModel[]): Record<string, FieldModel[]>;
 export declare function createValidator({ schema, required, }: Pick<FieldModel, 'schema' | 'required'>): BaseFieldProps['validate'];
 export declare function getInitialValue(schema: SchemaModel): OpenAPISchema['default'] | OpenAPISchema['example'];
-export declare function isNotSupported({ oneOfType, type, items, }: Pick<SchemaModel, 'oneOfType' | 'type' | 'items'>): string | false;
+export declare function isNotSupported({ oneOfType, }: Pick<SchemaModel, 'oneOfType' | 'type' | 'items'>): string | false;

package/lib/components/OperationParameters/utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isNotSupported=exports.getInitialValue=exports.createValidator=exports.orderParams=exports.placeholder=void 0;var redoc_lib_1=require("../../redoc-lib"),types_1=require("./types");function placeholder(e){var r=e.schema,a=e.example;return"("+r.type+")"+(a?" "+a:"")}function orderParams(e){var r={};return e.forEach((function(e){e.in&&(r[e.in]||(r[e.in]=[]),r[e.in].push(e))})),r}function createValidator(e){var r=e.schema,a=e.required;return function(e){if(a&&!e)return"Field is required";if(a&&r.type===types_1.SchemaType.ARRAY&&Array.isArray(e)){if(e.length>(r.rawSchema&&r.rawSchema.maxItems||1/0))return"Too many items selected, maximum "+r.rawSchema.maxItems;if(e.length<(r.rawSchema&&r.rawSchema.minItems||0)){var t=r.rawSchema.minItems;return"You should select at least "+(1===t?t+" item":t+" items")}}}}function getInitialValue(e){if(e.type===types_1.SchemaType.ARRAY){var r=e.default||e.example;if(!r&&"boolean"!=typeof e.rawSchema.items&&Array.isArray(e.rawSchema.items)){if(e.rawSchema.items[0].default)return[e.rawSchema.items[0].default];if(e.rawSchema.items[0].example)return[e.rawSchema.items[0].example]}if(!r&&"boolean"!=typeof e.rawSchema.items&&!Array.isArray(e.rawSchema.items)&&(0,redoc_lib_1.isObject)(e.rawSchema.items)){if(e.rawSchema.items.default)return[e.rawSchema.items.default];if(e.rawSchema.items.example)return[e.rawSchema.items.example]}return r||[]}return(Number.isInteger(e.default)?e.default.toString():e.default)||e.example}function isNotSupported(e){var r=e.oneOfType,a=e.type,t=e.items;return r||a===types_1.SchemaType.ARRAY&&(null==t?void 0:t.type)===types_1.SchemaType.OBJECT&&"Array of objects"}exports.placeholder=placeholder,exports.orderParams=orderParams,exports.createValidator=createValidator,exports.getInitialValue=getInitialValue,exports.isNotSupported=isNotSupported;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isNotSupported=exports.getInitialValue=exports.createValidator=exports.orderParams=exports.placeholder=void 0;var redoc_lib_1=require("../../redoc-lib"),types_1=require("./types");function placeholder(e){var r=e.schema,a=e.example;return"("+r.type+")"+(a?" "+a:"")}function orderParams(e){var r={};return e.forEach((function(e){e.in&&(r[e.in]||(r[e.in]=[]),r[e.in].push(e))})),r}function createValidator(e){var r=e.schema,a=e.required;return function(e){if(a&&!e)return"Field is required";if(a&&r.type===types_1.SchemaType.ARRAY&&Array.isArray(e)){if(e.length>(r.rawSchema&&r.rawSchema.maxItems||1/0))return"Too many items selected, maximum "+r.rawSchema.maxItems;if(e.length<(r.rawSchema&&r.rawSchema.minItems||0)){var t=r.rawSchema.minItems;return"You should select at least "+(1===t?t+" item":t+" items")}}}}function getInitialValue(e){if(e.type===types_1.SchemaType.ARRAY){var r=e.default||e.example;if(!r&&"boolean"!=typeof e.rawSchema.items&&Array.isArray(e.rawSchema.items)){if(e.rawSchema.items[0].default)return[e.rawSchema.items[0].default];if(e.rawSchema.items[0].example)return[e.rawSchema.items[0].example]}if(!r&&"boolean"!=typeof e.rawSchema.items&&!Array.isArray(e.rawSchema.items)&&(0,redoc_lib_1.isObject)(e.rawSchema.items)){if(e.rawSchema.items.default)return[e.rawSchema.items.default];if(e.rawSchema.items.example)return[e.rawSchema.items.example]}return r||[]}return(Number.isInteger(e.default)?e.default.toString():e.default)||e.example}function isNotSupported(e){return e.oneOfType}exports.placeholder=placeholder,exports.orderParams=orderParams,exports.createValidator=createValidator,exports.getInitialValue=getInitialValue,exports.isNotSupported=isNotSupported;
 //# sourceMappingURL=utils.js.map

package/lib/components/Panel/Accordion.js

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

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

@@ -1,4 +1,6 @@
 export declare const CodeHeader: import("styled-components").StyledComponent<"div", any, {
-    disabled?: boolean | undefined;
-    isExpanded?: boolean | undefined;
-}, never>;
+    'data-component-name': string;
+} & import("@redocly/theme/Panel").PanelHeaderProps, "data-component-name">;
+export declare const StyledCodeHeader: import("styled-components").StyledComponent<"div", any, {
+    'data-component-name': string;
+} & import("@redocly/theme/Panel").PanelHeaderProps, "data-component-name">;

package/lib/components/Panel/CodeHeader.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeHeader=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),Header_1=require("./Header"),DarkHeader_1=require("./DarkHeader");exports.CodeHeader=(0,styled_components_1.default)(Header_1.Header)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n\n  cursor: default;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n"],["\n  ",";\n\n  cursor: default;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n"])),DarkHeader_1.DarkHeader);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledCodeHeader=exports.CodeHeader=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),Panel_1=require("@redocly/theme/Panel");exports.CodeHeader=(0,styled_components_1.default)(Panel_1.PanelHeader)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  cursor: default;\n  border-bottom-right-radius: 0 !important;\n  border-bottom-left-radius: 0 !important;\n  min-height: 50px;\n  --panel-heading-background-color: var(--panel-samples-heading-background-color);\n  --panel-heading-padding-local: var(--panel-samples-heading-padding);\n  --panel-heading-text-color: var(--panel-samples-heading-text-color);\n"],["\n  cursor: default;\n  border-bottom-right-radius: 0 !important;\n  border-bottom-left-radius: 0 !important;\n  min-height: 50px;\n  --panel-heading-background-color: var(--panel-samples-heading-background-color);\n  --panel-heading-padding-local: var(--panel-samples-heading-padding);\n  --panel-heading-text-color: var(--panel-samples-heading-text-color);\n"]))),exports.StyledCodeHeader=(0,styled_components_1.default)(exports.CodeHeader)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  --panel-heading-padding-local: 10px 20px;\n"],["\n  --panel-heading-padding-local: 10px 20px;\n"])));
 //# sourceMappingURL=CodeHeader.js.map

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

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

package/lib/components/Panel/CodePanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodePanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),icons_1=require("../../redoc-lib/src/common-elements/icons"),Panel_1=require("./Panel"),Header_1=require("./Header"),DarkHeader_1=require("./DarkHeader"),PanelBody_1=require("./PanelBody");exports.CodePanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  > "," {\n    ",";\n    min-height: 50px;\n    "," {\n      fill: var(--color-content-inverse);\n      position: relative;\n    }\n  }\n\n  && {\n    "," {\n      padding: 10px 20px 20px;\n      background-color: var(--samples-panel-background-color);\n      color: var(--color-content-inverse);\n    }\n  }\n"],["\n  > "," {\n    ",";\n    min-height: 50px;\n    "," {\n      fill: var(--color-content-inverse);\n      position: relative;\n    }\n  }\n\n  && {\n    "," {\n      padding: 10px 20px 20px;\n      background-color: var(--samples-panel-background-color);\n      color: var(--color-content-inverse);\n    }\n  }\n"])),Header_1.Header,DarkHeader_1.DarkHeader,icons_1.ShelfIcon,PanelBody_1.PanelBody);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodePanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),Panel_1=require("@redocly/theme/Panel");exports.CodePanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  > "," {\n    min-height: 50px;\n  }\n"],["\n  > "," {\n    min-height: 50px;\n  }\n"])),Panel_1.PanelHeader);
 //# sourceMappingURL=CodePanel.js.map

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

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

package/lib/components/Panel/ContentPanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentPanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),common_elements_1=require("../../redoc-lib/src/common-elements/"),Header_1=require("./Header"),Title_1=require("./Title"),Panel_1=require("./Panel"),PanelBody_1=require("./PanelBody");exports.ContentPanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border: 1px solid var(--global-border-color);\n\n  &:not(:last-child) {\n    margin-bottom: 20px;\n  }\n\n  > "," {\n    padding: calc(var(--spacing-unit) * 4);\n    font-size: 18px;\n    line-height: 18px;\n    font-weight: var(--font-weight-bold);\n    background-color: var(--panels-background-color);\n\n    "," {\n      margin-right: 8px;\n      color: var(--color-content);\n    }\n\n    "," {\n      fill: var(--color-content);\n    }\n  }\n\n  "," {\n    padding: calc(var(--spacing-unit) * 4);\n  }\n\n  > "," + "," {\n    padding-top: 1px; /* to prevent border overflow */\n  }\n\n  "," {\n    > "," > div:first-child > & {\n      margin-top: 0;\n    }\n  }\n"],["\n  border: 1px solid var(--global-border-color);\n\n  &:not(:last-child) {\n    margin-bottom: 20px;\n  }\n\n  > "," {\n    padding: calc(var(--spacing-unit) * 4);\n    font-size: 18px;\n    line-height: 18px;\n    font-weight: var(--font-weight-bold);\n    background-color: var(--panels-background-color);\n\n    "," {\n      margin-right: 8px;\n      color: var(--color-content);\n    }\n\n    "," {\n      fill: var(--color-content);\n    }\n  }\n\n  "," {\n    padding: calc(var(--spacing-unit) * 4);\n  }\n\n  > "," + "," {\n    padding-top: 1px; /* to prevent border overflow */\n  }\n\n  "," {\n    > "," > div:first-child > & {\n      margin-top: 0;\n    }\n  }\n"])),Header_1.Header,Title_1.Title,common_elements_1.ShelfIcon,PanelBody_1.PanelBody,Header_1.Header,PanelBody_1.PanelBody,common_elements_1.FieldsGroupHeader,PanelBody_1.PanelBody);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentPanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),Panel_1=require("@redocly/theme/Panel"),common_elements_1=require("../../redoc-lib/src/common-elements/");exports.ContentPanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  &:not(:last-child) {\n    margin-bottom: 20px;\n  }\n\n  > "," {\n    "," {\n      margin-right: 8px;\n    }\n  }\n\n  "," {\n    // TODO fix me - this style overrides style inside MediaTypesSwitch by FormControl(why?)\n    font-family: var(--font-family-base);\n\n    > "," > div:last-child > & {\n      margin-top: 0;\n    }\n  }\n"],["\n  &:not(:last-child) {\n    margin-bottom: 20px;\n  }\n\n  > "," {\n    "," {\n      margin-right: 8px;\n    }\n  }\n\n  "," {\n    // TODO fix me - this style overrides style inside MediaTypesSwitch by FormControl(why?)\n    font-family: var(--font-family-base);\n\n    > "," > div:last-child > & {\n      margin-top: 0;\n    }\n  }\n"])),Panel_1.PanelHeader,Panel_1.PanelHeaderTitle,common_elements_1.FieldsGroupHeader,Panel_1.PanelBody);
 //# sourceMappingURL=ContentPanel.js.map

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

@@ -0,0 +1 @@
+export declare const Description: import("styled-components").StyledComponent<"span", any, {}, never>;

package/lib/components/Panel/Description.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Description=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.Description=styled_components_1.default.span(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 0.9em;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: normal;\n"],["\n  font-size: 0.9em;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: normal;\n"])));
+//# sourceMappingURL=Description.js.map

package/lib/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/components/Panel/ResponsePanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponsePanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),common_elements_1=require("../../redoc-lib/src/common-elements"),Markdown_1=require("../../redoc-lib/src/components/Markdown"),Panel_1=require("./Panel"),Header_1=require("./Header"),Trigger_1=require("./Trigger"),Title_1=require("./Title");exports.ResponsePanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_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_1.Header,Title_1.Title,(function(n){return"var(--response-"+n.type+"-color, var(--color-content))"}),Markdown_1.StyledMarkdownSpan,Trigger_1.Trigger,common_elements_1.ShelfIcon,common_elements_1.FieldsGroupHeader);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackPanel=exports.StyledResponsePanel=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),Panel_1=require("@redocly/theme/Panel"),common_elements_1=require("../../redoc-lib/src/common-elements"),Markdown_1=require("../../redoc-lib/src/components/Markdown"),Trigger_1=require("./Trigger");exports.StyledResponsePanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_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"])),common_elements_1.FieldsGroupHeader,Trigger_1.Trigger,Panel_1.PanelHeaderTitle,Markdown_1.StyledMarkdownSpan,common_elements_1.InnerPropertiesWrap),exports.CallbackPanel=(0,styled_components_1.default)(exports.StyledResponsePanel)(templateObject_2||(templateObject_2=(0,tslib_1.__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_1.Trigger);
 //# sourceMappingURL=ResponsePanel.js.map

package/lib/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/components/Panel/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./Panel"),exports),(0,tslib_1.__exportStar)(require("./PanelComponent"),exports),(0,tslib_1.__exportStar)(require("./Trigger"),exports),(0,tslib_1.__exportStar)(require("./Header"),exports),(0,tslib_1.__exportStar)(require("./Title"),exports),(0,tslib_1.__exportStar)(require("./CodePanel"),exports),(0,tslib_1.__exportStar)(require("./CodeHeader"),exports),(0,tslib_1.__exportStar)(require("./ContentPanel"),exports),(0,tslib_1.__exportStar)(require("./ScrollableContentPanel"),exports),(0,tslib_1.__exportStar)(require("./ResponsePanel"),exports),(0,tslib_1.__exportStar)(require("./CallbackPanel"),exports),(0,tslib_1.__exportStar)(require("./Accordion"),exports);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./Trigger"),exports),(0,tslib_1.__exportStar)(require("./Description"),exports),(0,tslib_1.__exportStar)(require("./CodePanel"),exports),(0,tslib_1.__exportStar)(require("./CodeHeader"),exports),(0,tslib_1.__exportStar)(require("./ContentPanel"),exports),(0,tslib_1.__exportStar)(require("./ResponsePanel"),exports),(0,tslib_1.__exportStar)(require("./Accordion"),exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyReferenceDocsMultiStandalone=exports.RedoclyReferenceDocsStandalone=exports.RedoclyReferenceDocs=exports.CssFixes=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),mobx_1=require("mobx"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),theme_1=require("@redocly/theme"),redoc_lib_1=require("../redoc-lib"),store_types_1=require("../services/store-types"),VersionedSpecStore_1=require("../services/VersionedSpecStore"),DownloadButton_1=require("../redoc-lib/src/components/DownloadButton"),Search_1=require("./Search"),NextSectionButton_1=require("./NextSectionButton"),StoreProvider_1=require("./StoreProvider"),ConsoleLazy_1=require("./console/ConsoleLazy"),ProProviders_1=require("./ProProviders"),Overlay_1=require("./Overlay"),VersionSwitcher_1=require("./VersionSwitcher"),styled_elements_1=require("./styled.elements");(0,mobx_1.configure)({useProxies:"ifavailable"});var getMarginFixesByName=function(e){return(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_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)};exports.CssFixes=(0,styled_components_1.createGlobalStyle)(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(['\n  div[data-section-id]::after {\n    content: " ";\n    display: block;\n    height: 0;\n    clear: both;\n    visibility: hidden;\n  }\n\n  '," {\n    ","\n    ","\n  }\n\n  ",", "," {\n    ","\n  }\n\n  ",", "," {\n    ",";\n  }\n"],['\n  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"])),redoc_lib_1.SamplesPanel,(function(e){if(e.layout===store_types_1.LayoutVariant.STACKED)return(0,styled_components_1.css)(templateObject_2||(templateObject_2=(0,tslib_1.__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(0,styled_components_1.css)(templateObject_3||(templateObject_3=(0,tslib_1.__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]}))}),styled_elements_1.BackgroundStub,styled_elements_1.BackgroundStubFix,(function(e){var t=e.showRightPanel,n=e.layout;if(!t&&n===store_types_1.LayoutVariant.STACKED)return(0,styled_components_1.css)(templateObject_4||(templateObject_4=(0,tslib_1.__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]}))}),redoc_lib_1.SamplesMiddlePanel,styled_elements_1.NextSectionButtonWrap,(function(e){var t=e.showRightPanel,n=e.layout;return t&&n===store_types_1.LayoutVariant.THREE_PANEL?(0,styled_components_1.css)(templateObject_5||(templateObject_5=(0,tslib_1.__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===store_types_1.LayoutVariant.STACKED?(0,styled_components_1.css)(templateObject_6||(templateObject_6=(0,tslib_1.__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(0,tslib_1.__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=(0,mobx_1.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,o=this,r=this.props,a=r.store,i=r._forceRenderInfo,l=a.definition,c=a.menu,s=a.options,d=a.search,u=a.marker,m=s.hideDownloadButton,p=s.hideInfoSection,_=s.pagination,b=s.disableSidebar,h=c.renderItems,y="none"===_||c.activeRenderItemIdx<=0,v=!p&&y;v&&"none"!==_&&b&&h[0]&&"section"!==h[0].type&&(v=!1),i&&(v=!0);var f=!v&&null!==m&&!m&&y,g=null===(e=null==l?void 0:l.info)||void 0===e?void 0:e["x-logo"];return React.createElement(ProProviders_1.ProProviders,{store:a},React.createElement(theme_1.GlobalStyle,null),React.createElement(RedocWrapStyled,{className:"redoc-wrap",ref:this.rootElementRef},React.createElement(Overlay_1.Overlay,{l:a.l}),React.createElement(exports.CssFixes,{whiteLabel:s.whiteLabel,showRightPanel:a.showRightPanel,layout:a.layout}),a.tryItOperation&&React.createElement(ConsoleLazy_1.Console,{rootElement:this.rootElementRef.current,store:a,operation:a.tryItOperation,onClose:this.handleClose}),!s.disableSidebar&&React.createElement(redoc_lib_1.StickyResponsiveSidebar,{menu:c,className:"menu-content"},!s.hideLogo&&React.createElement(theme_1.SidebarLogo,{imageUrl:null==g?void 0:g.url,href:(null==g?void 0:g.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==g?void 0:g.altText,backgroundColor:null==g?void 0:g.backgroundColor}),l instanceof VersionedSpecStore_1.VersionedSpecStore&&React.createElement(VersionSwitcher_1.VersionSwitcher,{spec:l,onChange:function(e){void 0!==e.idx&&l.changeVersion(e.idx),c.updateItemsByVersionChange(!0),a.tryItOut(void 0)}}),!s.disableSearch&&React.createElement(Search_1.SearchField,{showPopUp:function(){return o.setState({searchPopUpShown:!0})},searchValue:this.state.searchPopUpValue,marker:u,setSearchValue:function(e){return o.setState({searchPopUpValue:e})}}),React.createElement(redoc_lib_1.SideMenu,{menu:c})),React.createElement(styled_elements_1.ApiContentWrap,{className:(a.isLoading?"loading ":"")+"api-content",layout:a.layout===store_types_1.LayoutVariant.THREE_PANEL&&a.showRightPanel?store_types_1.LayoutVariant.THREE_PANEL:store_types_1.LayoutVariant.STACKED},a.showRightPanel&&a.layout!==store_types_1.LayoutVariant.STACKED&&React.createElement(styled_elements_1.BackgroundStub,null),v&&React.createElement(redoc_lib_1.ApiInfo,{store:a}),f&&React.createElement(DownloadButton_1.DownloadButtonWithLabel,{store:a}),React.createElement(redoc_lib_1.ContentItems,{items:h,store:a}),s.showNextButton&&React.createElement(NextSectionButton_1.ContinueButton,{pagination:s.pagination,menu:c}),this.props.children),React.createElement(styled_elements_1.ControlsWrap,null,React.createElement(styled_elements_1.ToggleRightPanelButton,{store:a,isVisible:a.layout===store_types_1.LayoutVariant.THREE_PANEL}),React.createElement(styled_elements_1.ChangeViewButton,{store:a,isVisible:a.showRightPanel})),React.createElement(Search_1.ProSearchBox,{search:d,marker:u,menu:c,onActivate:c.activateAndScroll.bind(c),options:s,shown:this.state.searchPopUpShown,hidePopUp:function(){return o.setState({searchPopUpShown:!1})},showPopUp:function(){return o.setState({searchPopUpShown:!0})},setSearchValue:function(e){return o.setState({searchPopUpValue:e})},searchValue:this.state.searchPopUpValue}),a.showRightPanel&&a.layout!==store_types_1.LayoutVariant.STACKED&&React.createElement(styled_elements_1.BackgroundStubFix,null)))}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);function RedoclyReferenceDocsStandalone(e){var t=e.definition,n=e.definitionUrl,o=e.options,r=void 0===o?{}:o,a=e.activeItemId,i=e.activeSampleLanguage,l=e.activeDeepLink,c=(0,redoc_lib_1.argValueToBoolean)(r.hideLoading,!1),s=React.createElement(StoreProvider_1.ProStoreProvider,{definition:t,definitionUrl:n,options:r,activeItemId:a,activeSampleLanguage:i,activeDeepLink:l},(function(e){var t=e.loading,n=e.store;return t?c?null:React.createElement(redoc_lib_1.Loading,{color:"--spinner-color"}):React.createElement(RedoclyReferenceDocs,{store:n})}));return r.disableErrorBoundary?s:React.createElement(redoc_lib_1.ErrorBoundary,null,s)}function RedoclyReferenceDocsMultiStandalone(e){var t=e.definitions,n=e.options,o=void 0===n?{}:n,r=(0,redoc_lib_1.argValueToBoolean)(o.hideLoading,!1);return React.createElement(redoc_lib_1.ErrorBoundary,null,React.createElement(StoreProvider_1.ProStoreProvider,{definitions:t,options:o},(function(e){var t=e.loading,n=e.store;return t?r?null:React.createElement(redoc_lib_1.Loading,{color:"--spinner-color"}):React.createElement(RedoclyReferenceDocs,{store:n})})))}exports.RedoclyReferenceDocs=RedoclyReferenceDocs,exports.RedoclyReferenceDocsStandalone=RedoclyReferenceDocsStandalone,exports.RedoclyReferenceDocsMultiStandalone=RedoclyReferenceDocsMultiStandalone;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,RedocWrapStyled=(0,styled_components_1.default)(styled_elements_1.RedocWrap)(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  background-color: var(--global-background-color);\n"],["\n  background-color: var(--global-background-color);\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyReferenceDocsStandalone=exports.RedoclyReferenceDocs=exports.CssFixes=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),mobx_1=require("mobx"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),theme_1=require("@redocly/theme"),redoc_lib_1=require("../redoc-lib"),store_types_1=require("../services/store-types"),VersionedSpecStore_1=require("../services/VersionedSpecStore"),DownloadButton_1=require("../redoc-lib/src/components/DownloadButton"),Search_1=require("./Search"),NextSectionButton_1=require("./NextSectionButton"),StoreProvider_1=require("./StoreProvider"),ConsoleLazy_1=require("./console/ConsoleLazy"),ProProviders_1=require("./ProProviders"),Overlay_1=require("./Overlay"),VersionSwitcher_1=require("./VersionSwitcher"),styled_elements_1=require("./styled.elements");(0,mobx_1.configure)({useProxies:"ifavailable"});var getMarginFixesByName=function(e){return(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_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)};exports.CssFixes=(0,styled_components_1.createGlobalStyle)(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(['\n  div[data-section-id]::after {\n    content: " ";\n    display: block;\n    height: 0;\n    clear: both;\n    visibility: hidden;\n  }\n\n  '," {\n    ","\n    ","\n  }\n\n  ",", "," {\n    ","\n  }\n\n  ",", "," {\n    ",";\n  }\n"],['\n  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"])),redoc_lib_1.SamplesPanel,(function(e){if(e.layout===store_types_1.LayoutVariant.STACKED)return(0,styled_components_1.css)(templateObject_2||(templateObject_2=(0,tslib_1.__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(0,styled_components_1.css)(templateObject_3||(templateObject_3=(0,tslib_1.__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]}))}),styled_elements_1.BackgroundStub,styled_elements_1.BackgroundStubFix,(function(e){var t=e.showRightPanel,n=e.layout;if(!t&&n===store_types_1.LayoutVariant.STACKED)return(0,styled_components_1.css)(templateObject_4||(templateObject_4=(0,tslib_1.__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]}))}),redoc_lib_1.SamplesMiddlePanel,styled_elements_1.NextSectionButtonWrap,(function(e){var t=e.showRightPanel,n=e.layout;return t&&n===store_types_1.LayoutVariant.THREE_PANEL?(0,styled_components_1.css)(templateObject_5||(templateObject_5=(0,tslib_1.__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===store_types_1.LayoutVariant.STACKED?(0,styled_components_1.css)(templateObject_6||(templateObject_6=(0,tslib_1.__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(0,tslib_1.__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=(0,mobx_1.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,s=r.menu,c=r.options,d=r.search,u=r.marker,m=c.hideDownloadButton,p=c.hideInfoSection,_=c.pagination,h=c.disableSidebar,b=s.renderItems,y="none"===_||s.activeRenderItemIdx<=0,v=!p&&y;v&&"none"!==_&&h&&b[0]&&"section"!==b[0].type&&(v=!1),i&&(v=!0);var f=!v&&null!==m&&!m&&y,g=null===(e=null==l?void 0:l.info)||void 0===e?void 0:e["x-logo"];return React.createElement(ProProviders_1.ProProviders,{store:r},React.createElement(theme_1.GlobalStyle,null),React.createElement(RedocWrapStyled,{className:"redoc-wrap",ref:this.rootElementRef},React.createElement(Overlay_1.Overlay,{l:r.l}),React.createElement(exports.CssFixes,{whiteLabel:c.whiteLabel,showRightPanel:r.showRightPanel,layout:r.layout}),r.tryItOperation&&React.createElement(ConsoleLazy_1.Console,{rootElement:this.rootElementRef.current,store:r,operation:r.tryItOperation,onClose:this.handleClose}),!c.disableSidebar&&React.createElement(redoc_lib_1.StickyResponsiveSidebar,{menu:s,className:"menu-content"},!c.hideLogo&&React.createElement(theme_1.SidebarLogo,{imageUrl:null==g?void 0:g.url,href:(null==g?void 0:g.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==g?void 0:g.altText,backgroundColor:null==g?void 0:g.backgroundColor}),l instanceof VersionedSpecStore_1.VersionedSpecStore&&React.createElement(VersionSwitcher_1.VersionSwitcher,{spec:l,onChange:function(e){void 0!==e.idx&&l.changeVersion(e.idx),s.updateItemsByVersionChange(!0),r.tryItOut(void 0)}}),!c.disableSearch&&React.createElement(Search_1.SearchField,{showPopUp:function(){return a.setState({searchPopUpShown:!0})},searchValue:this.state.searchPopUpValue,marker:u,setSearchValue:function(e){return a.setState({searchPopUpValue:e})}}),React.createElement(redoc_lib_1.SideMenu,{menu:s})),React.createElement(styled_elements_1.ApiContentWrap,{className:(r.isLoading?"loading ":"")+"api-content",layout:r.layout===store_types_1.LayoutVariant.THREE_PANEL&&r.showRightPanel?store_types_1.LayoutVariant.THREE_PANEL:store_types_1.LayoutVariant.STACKED},r.showRightPanel&&r.layout!==store_types_1.LayoutVariant.STACKED&&React.createElement(styled_elements_1.BackgroundStub,null),v&&React.createElement(redoc_lib_1.ApiInfo,{store:r}),f&&React.createElement(DownloadButton_1.DownloadButtonWithLabel,{store:r}),React.createElement(redoc_lib_1.ContentItems,{items:b,store:r}),c.showNextButton&&React.createElement(NextSectionButton_1.ContinueButton,{pagination:c.pagination,menu:s}),this.props.children),React.createElement(styled_elements_1.ControlsWrap,null,React.createElement(styled_elements_1.ToggleRightPanelButton,{store:r,isVisible:r.layout===store_types_1.LayoutVariant.THREE_PANEL}),React.createElement(styled_elements_1.ChangeViewButton,{store:r,isVisible:r.showRightPanel})),React.createElement(Search_1.ProSearchBox,{search:d,marker:u,menu:s,onActivate:s.activateAndScroll.bind(s),options:c,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!==store_types_1.LayoutVariant.STACKED&&React.createElement(styled_elements_1.BackgroundStubFix,null)))}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);function RedoclyReferenceDocsStandalone(e){var t=e.definition,n=e.definitionUrl,a=e.options,o=void 0===a?{}:a,r=e.activeItemId,i=e.activeSampleLanguage,l=e.activeDeepLink,s=(0,redoc_lib_1.argValueToBoolean)(o.hideLoading,!1),c=React.createElement(StoreProvider_1.ProStoreProvider,{definition:t,definitionUrl:n,options:o,activeItemId:r,activeSampleLanguage:i,activeDeepLink:l},(function(e){var t=e.loading,n=e.store;return t?s?null:React.createElement(redoc_lib_1.Loading,{color:"--loading-spinner-color"}):React.createElement(RedoclyReferenceDocs,{store:n})}));return o.disableErrorBoundary?c:React.createElement(redoc_lib_1.ErrorBoundary,null,c)}exports.RedoclyReferenceDocs=RedoclyReferenceDocs,exports.RedoclyReferenceDocsStandalone=RedoclyReferenceDocsStandalone;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,RedocWrapStyled=(0,styled_components_1.default)(styled_elements_1.RedocWrap)(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  background-color: var(--background-color);\n"],["\n  background-color: var(--background-color);\n"])));
 //# sourceMappingURL=RedoclyReferenceDocs.js.map

package/lib/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/components/RedoclyReferenceDocsMultiStandalone.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyReferenceDocsMultiStandalone=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),redoc_lib_1=require("../redoc-lib"),StoreProvider_1=require("./StoreProvider"),RedoclyReferenceDocs_1=require("./RedoclyReferenceDocs");function RedoclyReferenceDocsMultiStandalone(e){var r=e.definitions,o=e.options,t=void 0===o?{}:o,c=(0,redoc_lib_1.argValueToBoolean)(t.hideLoading,!1);return react_1.default.createElement(redoc_lib_1.ErrorBoundary,null,react_1.default.createElement(StoreProvider_1.ProStoreProvider,{definitions:r,options:t},(function(e){var r=e.loading,o=e.store;return r?c?null:react_1.default.createElement(redoc_lib_1.Loading,{color:"--spinner-color"}):react_1.default.createElement(RedoclyReferenceDocs_1.RedoclyReferenceDocs,{store:o})})))}exports.RedoclyReferenceDocsMultiStandalone=RedoclyReferenceDocsMultiStandalone;
+//# sourceMappingURL=RedoclyReferenceDocsMultiStandalone.js.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useExampleKey=void 0;var react_1=require("react");function useExampleKey(e,a){var t=void 0===e?{}:e,r=t.activeExampleName,u=t.defaultExampleName,s=(0,react_1.useState)(r&&a[r]?r:Object.keys(a)[0]),c=s[0],l=s[1];return(0,react_1.useEffect)((function(){r&&a[r]&&l(r)}),[r]),{exampleKey:a[c]?c:Object.keys(a)[0],defaultExampleName:u}}exports.useExampleKey=useExampleKey;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useExampleKey=void 0;var react_1=require("react");function useExampleKey(e,a){var t=void 0===e?{}:e,r=t.activeExampleName,u=t.defaultExampleName,s=(0,react_1.useState)(r&&a[r]?r:Object.keys(a)[0]),c=s[0],l=s[1];return(0,react_1.useEffect)((function(){r&&a[r]&&l(r)}),[r,a]),{exampleKey:a[c]?c:Object.keys(a)[0],defaultExampleName:u}}exports.useExampleKey=useExampleKey;
 //# sourceMappingURL=use-example-key.js.map

package/lib/components/Search/MenuItemProSearch.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItemPro=void 0;var templateObject_1,templateObject_2,templateObject_3,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),redoc_lib_1=require("../../redoc-lib"),services_1=require("../../services"),ResultMeta=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_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_components_1.default.span(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"]))),MarkedSpan=styled_components_1.default.span(templateObject_3||(templateObject_3=(0,tslib_1.__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"]))),MenuItemPro=function(e){var t=e.result,a=e.active,n=e.term,r=e.onActivate,l=e.history,c=React.useContext(redoc_lib_1.OptionsContext),o="path-only"===c.searchMode,i=c.sideNavStyle===services_1.SideNavStyle.PathFirst;return React.createElement(redoc_lib_1.MenuItem,{item:Object.create(t.item,{active:{value:a},name:{value:o?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"},(i||o)&&"operation"===t.item.type?React.createElement(React.Fragment,null,React.createElement(redoc_lib_1.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}exports.MenuItemPro=MenuItemPro;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItemPro=void 0;var templateObject_1,templateObject_2,templateObject_3,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),redoc_lib_1=require("../../redoc-lib"),services_1=require("../../services"),ResultMeta=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_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_components_1.default.span(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"]))),MarkedSpan=styled_components_1.default.span(templateObject_3||(templateObject_3=(0,tslib_1.__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"]))),MenuItemPro=function(e){var t=e.result,a=e.active,n=e.term,r=e.onActivate,l=e.history,c=React.useContext(redoc_lib_1.OptionsContext),o="path-only"===c.searchMode,i=c.sideNavStyle===services_1.SideNavStyle.PathFirst;return React.createElement(redoc_lib_1.MenuItem,{item:Object.create(t.item,{active:{value:a},name:{value:o?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"},(i||o)&&"operation"===t.item.type?React.createElement(React.Fragment,null,React.createElement(redoc_lib_1.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}exports.MenuItemPro=MenuItemPro;
 //# sourceMappingURL=MenuItemProSearch.js.map

package/lib/components/Search/ProSearchBox.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProSearchBox=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),hotkeys_js_1=(0,tslib_1.__importDefault)(require("hotkeys-js")),utils_1=require("../../utils"),perfect_scrollbar_1=require("../../redoc-lib/src/common-elements/perfect-scrollbar"),MenuItemProSearch_1=require("./MenuItemProSearch"),styled_1=require("./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,l=a.menuId,o=r[l];if(n=a.boost?n*a.boost:n,o){if(o.score=Math.max(n,o.score),a.place&&o.count++,a.place){var i=o.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):o.places.push({place:a.place,paths:[a.path]})}}else r[l]={item:t(l),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,l=t.paths;n<l.length;n++){if(!(u=l[n]))return{value:void 0};expandDeep(u.slice(0,u.length-1),a)}else if(t.place.startsWith("response ")){var o=t.place.split(" ")[1],i=e.item.responses.find((function(e){return e.code===o}));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:(0,utils_1.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(0,tslib_1.__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,l=e.search!==r,o=!e.shown&&a&&!n&&this.state.term;(l||o)&&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&&(0,hotkeys_js_1.default)("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_js_1.default.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,l=this.props,o=l.shown,i=l.menu;return o?React.createElement(styled_1.SearchPopUpBG,{role:"search",onClick:this.closeByWrapper},React.createElement(styled_1.SearchPopUpWrap,null,React.createElement(styled_1.SearchPopUpHeader,null,React.createElement(styled_1.SearchInput,{ref:this.inputRef,value:this.state.term,onKeyDown:this.handleKeyDown,placeholder:"Search...",type:"text",onChange:this.search,autoFocus:!0}),React.createElement(styled_1.SearchIcon,null),this.state.term&&React.createElement(styled_1.ButtonClear,{onClick:this.clear},"Clear"),React.createElement(styled_1.ButtonClose,{onClick:this.closeByButton},React.createElement(styled_1.CrossIcon,null))),React.createElement(styled_1.SearchResultsBox,{"data-role":"search:results"},a&&React.createElement(styled_1.TextContainer,null,"Loading..."),!a&&!(null==n?void 0:n.length)&&React.createElement(styled_1.TextContainer,null,"No results found"),(null==n?void 0:n.length)?React.createElement(perfect_scrollbar_1.PerfectScrollbarWrap,{options:{wheelPropagation:!1}},React.createElement(styled_1.SearchResultsItems,null,n.slice(0,50).map((function(t,a){return React.createElement(MenuItemProSearch_1.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);exports.ProSearchBox=ProSearchBox;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProSearchBox=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),hotkeys_js_1=(0,tslib_1.__importDefault)(require("hotkeys-js")),perfect_scrollbar_1=require("../../redoc-lib/src/common-elements/perfect-scrollbar"),utils_1=require("../../utils"),MenuItemProSearch_1=require("./MenuItemProSearch"),styled_1=require("./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,l=a.menuId,o=r[l];if(n=a.boost?n*a.boost:n,o){if(o.score=Math.max(n,o.score),a.place&&o.count++,a.place){var i=o.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):o.places.push({place:a.place,paths:[a.path]})}}else r[l]={item:t(l),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,l=t.paths;n<l.length;n++){if(!(u=l[n]))return{value:void 0};expandDeep(u.slice(0,u.length-1),a)}else if(t.place.startsWith("response ")){var o=t.place.split(" ")[1],i=e.item.responses.find((function(e){return e.code===o}));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:(0,utils_1.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(0,tslib_1.__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,l=e.search!==r,o=!e.shown&&a&&!n&&this.state.term;(l||o)&&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&&(0,hotkeys_js_1.default)("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_js_1.default.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,l=this.props,o=l.shown,i=l.menu;return o?React.createElement(styled_1.SearchPopUpBG,{role:"search",onClick:this.closeByWrapper},React.createElement(styled_1.SearchPopUpWrap,null,React.createElement(styled_1.SearchPopUpHeader,null,React.createElement(styled_1.SearchInput,{ref:this.inputRef,value:this.state.term,onKeyDown:this.handleKeyDown,placeholder:"Search...",type:"text",onChange:this.search,autoFocus:!0}),React.createElement(styled_1.SearchIcon,null),this.state.term&&React.createElement(styled_1.ButtonClear,{onClick:this.clear},"Clear"),React.createElement(styled_1.ButtonClose,{onClick:this.closeByButton},React.createElement(styled_1.CrossIcon,null))),React.createElement(styled_1.SearchResultsBox,{"data-role":"search:results"},a&&React.createElement(styled_1.TextContainer,null,"Loading..."),!a&&!(null==n?void 0:n.length)&&React.createElement(styled_1.TextContainer,null,"No results found"),(null==n?void 0:n.length)?React.createElement(perfect_scrollbar_1.PerfectScrollbarWrap,{options:{wheelPropagation:!1}},React.createElement(styled_1.SearchResultsItems,null,n.slice(0,50).map((function(t,a){return React.createElement(MenuItemProSearch_1.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);exports.ProSearchBox=ProSearchBox;
 //# sourceMappingURL=ProSearchBox.js.map

package/lib/components/Search/SearchField.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SearchField=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_1=require("./styled"),SearchField=function(e){var t=e.showPopUp,r=e.searchValue,a=e.marker,l=e.setSearchValue,c=!!r;return React.createElement(styled_1.SearchFieldWrap,{onClick:t},React.createElement("span",null),r||"Search",React.createElement(styled_1.SearchIcon,null),c&&React.createElement(styled_1.ButtonClear,{onClick:function(e){e.stopPropagation(),a.unmark(),l("")}},React.createElement(styled_1.CrossIcon,null)))};exports.SearchField=SearchField;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SearchField=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_1=require("./styled"),SearchField=function(e){var t=e.showPopUp,r=e.searchValue,a=e.marker,l=e.setSearchValue,c=!!r;return React.createElement(styled_1.SearchFieldWrap,{onClick:t,className:"button-field-search "+(!!r&&"active")},React.createElement("span",null),r||"Search",React.createElement(styled_1.SearchIcon,null),c&&React.createElement(styled_1.ButtonClear,{onClick:function(e){e.stopPropagation(),a.unmark(),l("")}},React.createElement(styled_1.CrossIcon,null)))};exports.SearchField=SearchField;
 //# sourceMappingURL=SearchField.js.map

package/lib/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">;