@redocly/reference-docs 3.0.0-alpha.4 → 3.0.0-alpha.5

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")),StoreBuilder_1=require("../../redoc-lib/src/components/StoreBuilder"),ConsoleLazy_1=require("../console/ConsoleLazy"),Panel_1=require("../Panel"),store_types_1=require("../../services/store-types"),redoc_lib_1=require("../../redoc-lib"),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)(redoc_lib_1.OptionsContext),l=(0,react_1.useContext)(StoreBuilder_1.StoreContext),s=function(){var e,r;a(!n),null===(r=null===(e=null==l?void 0:l.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==l?void 0:l.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&&l?react_1.default.createElement(ConsoleLazy_1.Console,{store:l,operation:t,onClose:s}):react_1.default.createElement(Panel_1.CodePanel,{header:function(e){var r=e.toggle,o=e.expanded,n=!!(null==l?void 0:l.options.showConsole)&&!t.hideTryItPanel;return react_1.default.createElement(Summary_1.Summary,{operation:t,expanded:o,toggle:r,showConsole:n,onToggleConsole:s,tryItOverride:null==l?void 0:l.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;
+"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/Summary.js

@@ -1,2 +1,2 @@
-"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")),icons_1=require("../../redoc-lib/src/common-elements/icons"),shared_1=require("../shared"),styled_1=require("./styled"),Summary=function(e){var t=e.operation,r=e.expanded,l=e.toggle,a=e.onToggleConsole,o=e.tryItOverride,n=e.showConsole,i=(null==o?void 0:o.label)||"Try it",c=(null==o?void 0:o.link)?styled_1.TryItButton.withComponent("a"):styled_1.TryItButton;return react_1.default.createElement(styled_1.TryItHeader,{onClick:l,isExpanded:r},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(icons_1.ShelfIcon,{color:"#9AA5B1",direction:r?"down":"right"})),!t.isWebhook&&!t.isCallback&&n&&react_1.default.createElement(c,{color:"primary",onClick:o?function(e){var t;null===(t=null==o?void 0:o.onClick)||void 0===t||t.call(o),e.stopPropagation()}:a,"data-cy":"try-it",href:null==o?void 0:o.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/styled.d.ts

@@ -7,7 +7,3 @@ export declare const PathWrapper: import("styled-components").StyledComponent<"d
 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>;
-export declare const TryItHeader: import("styled-components").StyledComponent<"div", any, {
-    disabled?: boolean | undefined;
-    isExpanded?: boolean | undefined;
-}, never>;

package/lib/components/Endpoint/styled.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TryItHeader=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,templateObject_7,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),theme_1=require("@redocly/theme"),styled_1=require("../console/styled"),Panel_1=require("../Panel");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(--color-content-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(--color-content-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(e){return e.wrap?"normal":"nowrap"}),(function(e){return e.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(--global-border-radius);\n  padding: 7px 12px;\n  overflow-wrap: break-word;\n"],["\n  ",";\n  border-radius: var(--global-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(--try-it-panel-action-button-width);\n"],["\n  width: var(--try-it-panel-action-button-width);\n"]))),exports.TryItHeader=(0,styled_components_1.default)(Panel_1.Header)(templateObject_7||(templateObject_7=(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"])));
+"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

@@ -1,5 +1,5 @@
+import type { PanelHeaderProps } from '@redocly/theme';
 import type { OperationModel } from '../../redoc-lib';
-import type { PanelHeaderProps } from '../Panel';
 export interface EndpointProps {
     operation: OperationModel;
     hideHostname?: boolean;

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.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;
 //# sourceMappingURL=NextSectionButton.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"),Description_1=require("./Description");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(--panels-title-color);\n      font-size: var(--panels-title-font-size);\n      font-weight: var(--panels-title-font-weight);\n      font-family: var(--panels-title-font-family);\n      line-height: var(--panels-title-line-height);\n      text-transform: var(--panels-title-transform);\n    }\n\n    "," {\n      color: var(--panels-sub-title-color);\n      font-size: var(--panels-sub-title-font-size);\n      font-weight: var(--panels-sub-title-font-weight);\n      font-family: var(--panels-sub-title-font-family);\n      line-height: var(--panels-sub-title-line-height);\n      text-transform: var(--panels-sub-title-transform);\n    }\n\n    "," {\n      fill: var(--panels-shelf-icon-color);\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(--panels-title-color);\n      font-size: var(--panels-title-font-size);\n      font-weight: var(--panels-title-font-weight);\n      font-family: var(--panels-title-font-family);\n      line-height: var(--panels-title-line-height);\n      text-transform: var(--panels-title-transform);\n    }\n\n    "," {\n      color: var(--panels-sub-title-color);\n      font-size: var(--panels-sub-title-font-size);\n      font-weight: var(--panels-sub-title-font-weight);\n      font-family: var(--panels-sub-title-font-family);\n      line-height: var(--panels-sub-title-line-height);\n      text-transform: var(--panels-sub-title-transform);\n    }\n\n    "," {\n      fill: var(--panels-shelf-icon-color);\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,Description_1.Description,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/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,13 +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("./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("./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/RedoclyReferenceDocs.js

@@ -1,2 +1,2 @@
-"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(--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,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,b=c.disableSidebar,h=s.renderItems,y="none"===_||s.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: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:h,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:"--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(--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/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/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">;

package/lib/components/Search/styled.js

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabList=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),TabList_1=require("../TabList");exports.CollapsingTabList=(0,styled_components_1.default)(TabList_1.TabList)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border-bottom: 4px solid var(--global-border-color-secondary);\n  margin: 0 0 10px;\n"],["\n  border-bottom: 4px solid var(--global-border-color-secondary);\n  margin: 0 0 10px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabList=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),TabList_1=require("../TabList");exports.CollapsingTabList=(0,styled_components_1.default)(TabList_1.TabList)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin: 0 0 10px;\n"],["\n  margin: 0 0 10px;\n"])));
 //# sourceMappingURL=CollapsingTabList.js.map

package/lib/components/Tabs/Tab.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=void 0;var templateObject_1,tslib_1=require("tslib"),react_tabs_1=require("react-tabs"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.Tab=(0,styled_components_1.default)(react_tabs_1.Tab)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  flex: 1;\n  cursor: pointer;\n  padding: 5px 10px;\n  font-size: 14px;\n  line-height: 26px;\n  font-weight: 400;\n  text-align: center;\n  color: var(--color-content-inverse);\n  background-color: var(--samples-panel-background-color);\n\n  &.react-tabs__tab--selected {\n    background-color: var(--samples-panel-controls-background-color);\n    border-bottom: 4px solid var(--samples-panel-controls-active-border-color);\n    margin-bottom: -4px;\n  }\n\n  &:first-child {\n    border-top-left-radius: var(--global-border-radius);\n  }\n\n  &:last-child {\n    border-top-right-radius: var(--global-border-radius);\n  }\n"],["\n  flex: 1;\n  cursor: pointer;\n  padding: 5px 10px;\n  font-size: 14px;\n  line-height: 26px;\n  font-weight: 400;\n  text-align: center;\n  color: var(--color-content-inverse);\n  background-color: var(--samples-panel-background-color);\n\n  &.react-tabs__tab--selected {\n    background-color: var(--samples-panel-controls-background-color);\n    border-bottom: 4px solid var(--samples-panel-controls-active-border-color);\n    margin-bottom: -4px;\n  }\n\n  &:first-child {\n    border-top-left-radius: var(--global-border-radius);\n  }\n\n  &:last-child {\n    border-top-right-radius: var(--global-border-radius);\n  }\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=void 0;var templateObject_1,tslib_1=require("tslib"),react_tabs_1=require("react-tabs"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.Tab=(0,styled_components_1.default)(react_tabs_1.Tab)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  flex: 1;\n  cursor: pointer;\n  padding: 5px 10px;\n  font-size: var(--panel-samples-tabs-font-size);\n  line-height: 26px;\n  font-weight: var(--panel-samples-tabs-font-weight);\n  text-align: center;\n  color: var(--panel-samples-tabs-text-color);\n  background-color: var(--panel-samples-tabs-background-color);\n  border-bottom: 4px solid var(--panel-samples-tabs-border-color);\n  margin-bottom: -4px;\n\n  &.react-tabs__tab--selected {\n    background-color: var(--panel-samples-tabs-active-background-color);\n    border-color: var(--panel-samples-tabs-active-border-color);\n  }\n\n  &:hover {\n    border-color: var(--panel-samples-tabs-hover-border-color);\n    background-color: var(--panel-samples-tabs-hover-background-color);\n  }\n\n  &:first-child {\n    border-top-left-radius: var(--border-radius);\n  }\n\n  &:last-child {\n    border-top-right-radius: var(--border-radius);\n  }\n"],["\n  flex: 1;\n  cursor: pointer;\n  padding: 5px 10px;\n  font-size: var(--panel-samples-tabs-font-size);\n  line-height: 26px;\n  font-weight: var(--panel-samples-tabs-font-weight);\n  text-align: center;\n  color: var(--panel-samples-tabs-text-color);\n  background-color: var(--panel-samples-tabs-background-color);\n  border-bottom: 4px solid var(--panel-samples-tabs-border-color);\n  margin-bottom: -4px;\n\n  &.react-tabs__tab--selected {\n    background-color: var(--panel-samples-tabs-active-background-color);\n    border-color: var(--panel-samples-tabs-active-border-color);\n  }\n\n  &:hover {\n    border-color: var(--panel-samples-tabs-hover-border-color);\n    background-color: var(--panel-samples-tabs-hover-background-color);\n  }\n\n  &:first-child {\n    border-top-left-radius: var(--border-radius);\n  }\n\n  &:last-child {\n    border-top-right-radius: var(--border-radius);\n  }\n"])));
 //# sourceMappingURL=Tab.js.map

package/lib/components/common/CheckboxList.js

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

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

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

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

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

package/lib/components/common/LinearProgress.js

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

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

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

package/lib/components/common/TextField.js

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

package/lib/components/console/ActionPanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ActionPanel=exports.ActionPanelComponent=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"),Panel_1=require("../Panel"),Endpoint_1=require("../Endpoint"),shared_1=require("../shared"),utils_1=require("./utils");function formatPath(e,t,n){var r=t.path||{},a=t.query||{},o=Object.keys(a),i=(0,utils_1.expandVariables)(e,r);return o.length&&(i+="?"+o.map((function(e){if(!a[e])return"";var t=function(e){return n.find((function(t){return t.name===e&&"query"===t.in}))}(e);return t?(0,redoc_lib_1.serializeParameterValue)(t,a[e]):e+"="+encodeURIComponent(a[e])})).filter(Boolean).join("&")),i}var ActionPanelComponent=function(e){var t=e.loading,n=e.operation,r=e.hasResponse,a=e.execute,o=e.params,i=void 0===o?{}:o;return React.createElement(TryItHeader,null,React.createElement(Endpoint_1.PathWrapper,null,React.createElement(shared_1.HttpVerb,{type:n.httpVerb},n.httpVerb),React.createElement(Endpoint_1.Path,{wrap:"true"},formatPath(n.path,i,n.parameters))),React.createElement(SendButton,{"data-cy":"send-button",color:"primary",blinking:t,onClick:function(){return!t&&a()}},t?"Sending...":r?"Resend":"Send"))};exports.ActionPanelComponent=ActionPanelComponent;var templateObject_1,templateObject_2,SendButton=(0,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.CodeHeader)(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"])));exports.ActionPanel=React.memo(exports.ActionPanelComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ActionPanel=exports.ActionPanelComponent=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),Button_1=require("@redocly/theme/Button"),redoc_lib_1=require("../../redoc-lib"),Panel_1=require("../Panel"),Endpoint_1=require("../Endpoint"),shared_1=require("../shared"),utils_1=require("./utils");function formatPath(e,t,n){var r=t.path||{},a=t.query||{},o=Object.keys(a),i=(0,utils_1.expandVariables)(e,r);return o.length&&(i+="?"+o.map((function(e){if(!a[e])return"";var t=function(e){return n.find((function(t){return t.name===e&&"query"===t.in}))}(e);return t?(0,redoc_lib_1.serializeParameterValue)(t,a[e]):e+"="+encodeURIComponent(a[e])})).filter(Boolean).join("&")),i}var ActionPanelComponent=function(e){var t=e.loading,n=e.operation,r=e.hasResponse,a=e.execute,o=e.params,i=void 0===o?{}:o;return React.createElement(Panel_1.CodeHeader,null,React.createElement(Endpoint_1.PathWrapper,null,React.createElement(shared_1.HttpVerb,{type:n.httpVerb},n.httpVerb),React.createElement(Endpoint_1.Path,{wrap:"true"},formatPath(n.path,i,n.parameters))),React.createElement(SendButton,{"data-cy":"send-button",color:"primary",blinking:t,onClick:function(){return!t&&a()}},t?"Sending...":r?"Resend":"Send"))};exports.ActionPanelComponent=ActionPanelComponent;var templateObject_1,SendButton=(0,styled_components_1.default)(Button_1.Button)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  width: var(--panel-try-it-action-button-width);\n"],["\n  width: var(--panel-try-it-action-button-width);\n"])));exports.ActionPanel=React.memo(exports.ActionPanelComponent);
 //# sourceMappingURL=ActionPanel.js.map