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

package/lib/components/Endpoint/Endpoint.js

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

package/lib/components/Endpoint/ServerList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerList=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),utils_1=require("../../redoc-lib/src/utils"),Markdown_1=require("../../redoc-lib/src/components/Markdown/Markdown"),shared_1=require("../shared"),ServerItem_1=require("./ServerItem"),ServerUrl_1=require("./ServerUrl"),CopyLink_1=require("./CopyLink"),ServerList=function(e){var r=e.operation,t=e.expandVariables,a=e.hideHostname;return react_1.default.createElement(react_1.default.Fragment,null,r.servers.map((function(e){var l=t?(0,utils_1.expandDefaultServerVariables)(e.url,e.variables):e.url,i=(0,utils_1.getBasePath)(l),n=(a?"/"===i?"":i:l)+r.path;return react_1.default.createElement(ServerItem_1.ServerItem,{key:l},react_1.default.createElement(Markdown_1.Markdown,{source:e.description||"",compact:!0}),react_1.default.createElement(CopyLink_1.CopyLink,null,react_1.default.createElement(shared_1.SelectOnClick,null,react_1.default.createElement(ServerUrl_1.ServerUrl,null,n))))})))};exports.ServerList=ServerList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerList=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),utils_1=require("../../redoc-lib/src/utils"),Markdown_1=require("../../redoc-lib/src/components/Markdown"),shared_1=require("../shared"),ServerItem_1=require("./ServerItem"),ServerUrl_1=require("./ServerUrl"),CopyLink_1=require("./CopyLink"),ServerList=function(e){var r=e.operation,t=e.expandVariables,a=e.hideHostname;return react_1.default.createElement(react_1.default.Fragment,null,r.servers.map((function(e){var l=t?(0,utils_1.expandDefaultServerVariables)(e.url,e.variables):e.url,i=(0,utils_1.getBasePath)(l),u=(a?"/"===i?"":i:l)+r.path;return react_1.default.createElement(ServerItem_1.ServerItem,{key:l},react_1.default.createElement(Markdown_1.Markdown,{source:e.description||"",compact:!0}),react_1.default.createElement(CopyLink_1.CopyLink,null,react_1.default.createElement(shared_1.SelectOnClick,null,react_1.default.createElement(ServerUrl_1.ServerUrl,null,u))))})))};exports.ServerList=ServerList;
 //# sourceMappingURL=ServerList.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 templateObject_1,templateObject_2,tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),icons_1=require("../../redoc-lib/src/common-elements/icons"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),theme_1=require("@redocly/theme"),Panel_1=require("../Panel"),shared_1=require("../shared"),Path_1=require("./Path"),TryItButton=(0,styled_components_1.default)(theme_1.Button)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  width: var(--try-it-panel-action-button-width);\n"],["\n  width: var(--try-it-panel-action-button-width);\n"]))),TryItHeader=(0,styled_components_1.default)(Panel_1.Header)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  flex-direction: row;\n  align-items: flex-start;\n  flex-wrap: wrap;\n"],["\n  flex-direction: row;\n  align-items: flex-start;\n  flex-wrap: wrap;\n"]))),Summary=function(e){var t=e.operation,r=e.expanded,a=e.toggle,l=e.onToggleConsole,n=e.tryItOverride,o=e.showConsole,i=(null==n?void 0:n.label)||"Try it",c=(null==n?void 0:n.link)?TryItButton.withComponent("a"):TryItButton;return react_1.default.createElement(TryItHeader,{onClick:a,isExpanded:r},react_1.default.createElement(Path_1.PathWrapper,null,react_1.default.createElement(shared_1.HttpVerb,{type:t.httpVerb},t.httpVerb),react_1.default.createElement(Path_1.Path,null,t.path),react_1.default.createElement(icons_1.ShelfIcon,{color:"#9AA5B1",direction:r?"down":"right"})),!t.isWebhook&&!t.isCallback&&o&&react_1.default.createElement(c,{color:"primary",onClick:n?function(e){var t;null===(t=null==n?void 0:n.onClick)||void 0===t||t.call(n),e.stopPropagation()}:l,"data-cy":"try-it",href:null==n?void 0:n.link},i)||null)};exports.Summary=Summary;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Summary=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),theme_1=require("@redocly/theme"),icons_1=require("../../redoc-lib/src/common-elements/icons"),Panel_1=require("../Panel"),shared_1=require("../shared"),Path_1=require("./Path"),TryItButton=(0,styled_components_1.default)(theme_1.Button)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  width: var(--try-it-panel-action-button-width);\n"],["\n  width: var(--try-it-panel-action-button-width);\n"]))),TryItHeader=(0,styled_components_1.default)(Panel_1.Header)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  flex-direction: row;\n  align-items: flex-start;\n  flex-wrap: wrap;\n"],["\n  flex-direction: row;\n  align-items: flex-start;\n  flex-wrap: wrap;\n"]))),Summary=function(e){var t=e.operation,r=e.expanded,a=e.toggle,l=e.onToggleConsole,n=e.tryItOverride,o=e.showConsole,i=(null==n?void 0:n.label)||"Try it",c=(null==n?void 0:n.link)?TryItButton.withComponent("a"):TryItButton;return react_1.default.createElement(TryItHeader,{onClick:a,isExpanded:r},react_1.default.createElement(Path_1.PathWrapper,null,react_1.default.createElement(shared_1.HttpVerb,{type:t.httpVerb},t.httpVerb),react_1.default.createElement(Path_1.Path,null,t.path),react_1.default.createElement(icons_1.ShelfIcon,{color:"#9AA5B1",direction:r?"down":"right"})),!t.isWebhook&&!t.isCallback&&o&&react_1.default.createElement(c,{color:"primary",onClick:n?function(e){var t;null===(t=null==n?void 0:n.onClick)||void 0===t||t.call(n),e.stopPropagation()}:l,"data-cy":"try-it",href:null==n?void 0:n.link},i)||null)};exports.Summary=Summary;
 //# sourceMappingURL=Summary.js.map

package/lib/components/NextSectionButton.d.ts

@@ -1,10 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
+import type { ButtonProps } from '@redocly/theme';
 import type { ProMenu } from '../services/ProMenu';
 import type { RedocProNormalizedOptions } from '../services/ProStore';
-export declare const NextSectionButton: import("styled-components").StyledComponent<any, any, object & {
+export declare const NextSectionButton: import("styled-components").StyledComponent<React.FC<ButtonProps>, any, {
     className: string;
-}, string | number | symbol>;
-export declare const NextSectionButtonLink: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+}, "className">;
+export declare const NextSectionButtonLink: import("styled-components").StyledComponent<"a", any, ButtonProps, never>;
 interface ContinueButtonProps {
     pagination?: RedocProNormalizedOptions['pagination'];
     menu: ProMenu;

package/lib/components/NextSectionButton.js

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { OperationParametersProps } from './types';
+export declare function OperationParameters({ values, operation }: OperationParametersProps): JSX.Element;

package/lib/components/OperationParameters/OperationParameters.js

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

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

@@ -0,0 +1 @@
+export { OperationParameters } from './OperationParameters';

package/lib/components/OperationParameters/index.js

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

package/lib/components/{console/OperationParameters.d.ts → OperationParameters/types.d.ts}

@@ -1,12 +1,14 @@
-/// <reference types="react" />
-import type { OperationModel } from '../../redoc-lib';
+import type { FieldModel, OperationModel } from '../../redoc-lib';
 export interface OperationParametersProps {
     operation: OperationModel;
     errors: Record<string, Record<string, string>>;
     values: Record<string, Record<string, string>>;
 }
+export interface FormControlWrapperProps extends Pick<OperationParametersProps, 'values'> {
+    id: string;
+    param: FieldModel;
+}
 export declare enum SchemaType {
     ARRAY = "array",
     OBJECT = "object"
 }
-export declare function OperationParameters({ values, operation }: OperationParametersProps): JSX.Element;

package/lib/components/OperationParameters/types.js

@@ -0,0 +1,2 @@
+"use strict";var SchemaType;Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaType=void 0,function(e){e.ARRAY="array",e.OBJECT="object"}(SchemaType=exports.SchemaType||(exports.SchemaType={}));
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1,7 @@
+import type { BaseFieldProps } from 'informed';
+import type { FieldModel, SchemaModel, OpenAPISchema } from '../../redoc-lib';
+export declare function placeholder({ schema, example }: Pick<FieldModel, 'schema' | 'example'>): string;
+export declare function orderParams(params: FieldModel[]): Record<string, FieldModel[]>;
+export declare function createValidator({ schema, required, }: Pick<FieldModel, 'schema' | 'required'>): BaseFieldProps['validate'];
+export declare function getInitialValue(schema: SchemaModel): OpenAPISchema['default'] | OpenAPISchema['example'];
+export declare function isNotSupported({ oneOfType, type, items, }: Pick<SchemaModel, 'oneOfType' | 'type' | 'items'>): string | false;

package/lib/components/OperationParameters/utils.js

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

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

@@ -10,6 +10,8 @@ export interface PanelComponentProps {
     className?: string;
     'data-cy'?: string;
     header?: React.ReactNode | ((props: PanelHeaderProps) => React.ReactNode);
+    dataHeaderTestId?: string;
     onToggle?: (expanded: boolean) => void;
+    description?: React.ReactNode;
 }
-export declare function PanelComponent({ expanded, renderChildrenHidden, header, className, children, onToggle, }: PropsWithChildren<PanelComponentProps>): JSX.Element;
+export declare function PanelComponent({ expanded, renderChildrenHidden, header, dataHeaderTestId, className, children, onToggle, description, }: PropsWithChildren<PanelComponentProps>): JSX.Element;

package/lib/components/Panel/PanelComponent.js

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

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"),styled_elements_1=require("../../redoc-lib/src/components/Markdown/styled.elements"),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(e){return"var(--response-"+e.type+"-border-color)"}),(function(e){return"var(--response-"+e.type+"-background-color)"}),Header_1.Header,Title_1.Title,(function(e){return"var(--response-"+e.type+"-color, var(--color-content))"}),styled_elements_1.StyledMarkdownSpan,Trigger_1.Trigger,common_elements_1.ShelfIcon,common_elements_1.FieldsGroupHeader);
+"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);
 //# sourceMappingURL=ResponsePanel.js.map

package/lib/components/Panel/Trigger.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Trigger=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.Trigger=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-flex;\n  align-items: center;\n"],["\n  display: inline-flex;\n  align-items: center;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Trigger=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.Trigger=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-flex;\n  align-items: center;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"],["\n  display: inline-flex;\n  align-items: center;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
 //# sourceMappingURL=Trigger.js.map

package/lib/components/RedoclyReferenceDocs.d.ts

@@ -5,6 +5,7 @@ import type { SpecVersions } from '../services/VersionedSpecStore';
 import type { CodeSampleConfig } from '../services/code-samples/types';
 export interface RedoclyReferenceDocsProps {
     store: ProStore;
+    onLoaded?: () => void;
     _forceRenderInfo?: boolean;
 }
 interface RedoclyReferenceDocsState {
@@ -41,7 +42,5 @@ export interface RedoclyReferenceDocsMultiStandaloneProps {
     definitions: SpecVersions;
     options?: RedocProRawOptions;
 }
-export declare class RedoclyReferenceDocsMultiStandalone extends React.Component<RedoclyReferenceDocsMultiStandaloneProps> {
-    render(): JSX.Element;
-}
+export declare function RedoclyReferenceDocsMultiStandalone({ definitions, options, }: RedoclyReferenceDocsMultiStandaloneProps): JSX.Element;
 export {};

package/lib/components/RedoclyReferenceDocs.js

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ExampleModel } from '../../redoc-lib/src/services';
-interface ExampleModelsMap {
+export interface ExampleModelsMap {
     [key: string]: ExampleModel;
 }
 export interface ExampleSwitchOptions {
@@ -12,4 +12,3 @@ export interface ExampleSwitchProps extends ExampleSwitchOptions {
     panel?: 'samples' | 'try-it';
 }
 export declare const ExampleSwitch: ({ exampleKey, examples, onChange, panel, }: ExampleSwitchProps) => JSX.Element;
-export {};

package/lib/components/Samples/ExampleSwitch.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleSwitch=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),shared_1=require("../shared"),form_1=require("../common/form"),Dropdown_1=require("../common/Dropdown"),styled_1=require("../console/styled"),ExampleSwitch=function(e){var r=e.exampleKey,t=e.examples,a=e.onChange,o=e.panel,n=void 0===o?"samples":o,l=Object.keys(t),c=r?l.indexOf(r):0,i=(0,react_1.useState)(c>-1?c:0),u=i[0],s=i[1];(0,react_1.useEffect)((function(){return s(c>-1?c:0)}),[r,c]);var m=l.map((function(e,r){return{value:t[e].summary||e,idx:r}})),d="try-it"===n?styled_1.TryItDropdown:Dropdown_1.Dropdown;return React.createElement(React.Fragment,null,"default"!==m[u].value&&React.createElement(form_1.FormControl,{"data-cy":"example-switch"},React.createElement(d,{variant:"dark",fullWidth:!0,options:m,value:m[u].value,onChange:function(e){var r=e.idx;s(r),a(l[r])}})),r&&-1===c&&React.createElement(shared_1.WarnMessage,null,"Provided sample not found"))};exports.ExampleSwitch=ExampleSwitch;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleSwitch=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),shared_1=require("../shared"),form_1=require("../common/form"),Dropdown_1=require("../common/Dropdown"),styled_1=require("../console/styled"),ExampleSwitch=function(e){var r,t,a=e.exampleKey,o=e.examples,n=e.onChange,l=e.panel,i=void 0===l?"samples":l,c=Object.keys(o),u=a?c.indexOf(a):0,d=(0,react_1.useState)(u>-1?u:0),s=d[0],m=d[1];(0,react_1.useEffect)((function(){return m(u>-1?u:0)}),[a,u]);var p=c.map((function(e,r){return{value:o[e].summary||e,idx:r}})),v="try-it"===i?styled_1.TryItDropdown:Dropdown_1.Dropdown;return React.createElement(React.Fragment,null,"default"!==(null===(r=p[s])||void 0===r?void 0:r.value)&&React.createElement(form_1.FormControl,{"data-cy":"example-switch"},React.createElement(v,{variant:"dark",fullWidth:!0,options:p,value:null===(t=p[s])||void 0===t?void 0:t.value,onChange:function(e){var r=e.idx;m(r),n(c[r])}})),a&&-1===u&&React.createElement(shared_1.WarnMessage,null,"Provided sample not found"))};exports.ExampleSwitch=ExampleSwitch;
 //# sourceMappingURL=ExampleSwitch.js.map

package/lib/components/Samples/SamplesTabs.js

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

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

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

package/lib/components/StoreProvider.js

@@ -1,2 +1,2 @@
-"use strict";var _a;Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadSpecs=exports.ProStoreProvider=exports.Consumer=exports.Provider=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../redoc-lib"),ProStore_1=require("../services/ProStore"),fast_deep_equal_1=(0,tslib_1.__importDefault)(require("fast-deep-equal")),services_1=require("../services");exports.Provider=(_a=React.createContext(void 0)).Provider,exports.Consumer=_a.Consumer;var ProStoreProvider=function(e){var t=e.definitions,r=e.options,n=e.definitionUrl,i=e.definition,o=e.activeItemId,s=e.activeSampleLanguage,a=e.activeDeepLink,c=e.children,u=React.useState()[1],l=React.useState(!0),d=l[0],f=l[1],p=React.useState(null),v=p[0],_=p[1];React.useEffect((function(){!function(){(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var e,o,s;return(0,tslib_1.__generator)(this,(function(a){switch(a.label){case 0:f(!0),a.label=1;case 1:return a.trys.push([1,6,,7]),e=_,t?[4,loadMany(t)]:[3,3];case 2:return o=a.sent(),[3,5];case 3:return[4,loadSingle(i,n,r)];case 4:o=a.sent(),a.label=5;case 5:return e.apply(void 0,[o]),[3,7];case 6:return s=a.sent(),u((function(){throw s})),[3,7];case 7:return[2]}}))}))}()}),[t,i,n,r]);var h=React.useMemo((function(){var e,t,i;if(v){var o=new ProStore_1.ProStore(v,n,r);return(null===(e=o.options.hooks)||void 0===e?void 0:e.onInit)&&(null===(i=null===(t=o.options.hooks)||void 0===t?void 0:t.onInit)||void 0===i||i.call(t,{store:o})),o}}),useDeepCompareMemoize([v,r]));return React.useEffect((function(){if(h)return f(!1),function(){return h.dispose()}}),[h]),React.useEffect((function(){var e;if(h&&o){var t=(null==o?void 0:o.split(h.options.deepLinkPrefix)[0])||(null===(e=h.menu.flatItems[h.menu.activeItemIdx])||void 0===e?void 0:e.id),r=h.menu.flatItems.find((function(e){return e.id===t})),n=a?t+h.options.deepLinkPrefix+a:void 0;n&&h.menu.history instanceof services_1.FakeHistoryService&&h.menu.history.replaceForField(n),h.menu.activateAndScroll(r,!0,!1,n)}}),[o,a,h]),React.useEffect((function(){h&&s&&h.setActiveSampleLanguage(s)}),[s,h]),c({loading:d,store:h})};function fixSpec(e){for(var t=e.components&&e.components.securitySchemes||{},r=0,n=Object.keys(t);r<n.length;r++){var i=t[n[r]];i["x-type"]&&(i.type=i["x-type"]),i["x-scheme"]&&(i.scheme=i["x-scheme"])}}function loadMany(e){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){return(0,tslib_1.__generator)(this,(function(t){switch(t.label){case 0:return[4,loadSpecs(e||{})];case 1:return t.sent(),[2,e]}}))}))}function loadSingle(e,t,r){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var n,i,o,s,a;return(0,tslib_1.__generator)(this,(function(c){switch(c.label){case 0:if(!(null==r?void 0:r.skipBundleAndConvert))return[3,1];if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');return n=e,[3,3];case 1:return[4,(0,redoc_lib_1.loadAndBundleDefinition)(e||t)];case 2:n=c.sent(),c.label=3;case 3:if(!(i=null==r?void 0:r.unstable_externalDescription))return[3,8];c.label=4;case 4:return c.trys.push([4,7,,8]),[4,fetch(i)];case 5:return o=c.sent(),s=n.info,[4,o.text()];case 6:return s.description=c.sent(),[3,8];case 7:return a=c.sent(),console.warn("Failed to load external description from "+i+": "+a.message),[3,8];case 8:try{fixSpec(n)}catch(e){}return[2,n]}}))}))}function loadAndBundleSpecOrMd(e,t){return e.endsWith(".md")?(0,redoc_lib_1.loadAndBundleDefinition)({openapi:"3.0.0",info:{title:t||"",version:"1.0",description:{$ref:e}},paths:{}}):(0,redoc_lib_1.loadAndBundleDefinition)(e)}function loadSpecs(e){var t=e.versions;return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var e,r,n,i;return(0,tslib_1.__generator)(this,(function(o){switch(o.label){case 0:if(!Array.isArray(t))return[3,4];e=0,r=t,o.label=1;case 1:return e<r.length?(n=r[e]).url?(i=n,[4,loadAndBundleSpecOrMd(n.url)]):[3,3]:[3,4];case 2:i.spec=o.sent(),o.label=3;case 3:return e++,[3,1];case 4:return[2]}}))}))}function useDeepCompareMemoize(e){var t=React.useRef(),r=React.useRef(0);return(0,fast_deep_equal_1.default)(e,t.current)||(t.current=e,r.current+=1),[r.current]}exports.ProStoreProvider=ProStoreProvider,exports.loadSpecs=loadSpecs;
+"use strict";var _a;Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadSpecs=exports.ProStoreProvider=exports.Consumer=exports.Provider=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),fast_deep_equal_1=(0,tslib_1.__importDefault)(require("fast-deep-equal")),redoc_lib_1=require("../redoc-lib"),ProStore_1=require("../services/ProStore"),services_1=require("../services");exports.Provider=(_a=React.createContext(void 0)).Provider,exports.Consumer=_a.Consumer;var ProStoreProvider=function(e){var t=e.definitions,r=e.options,n=e.definitionUrl,i=e.definition,o=e.activeItemId,s=e.activeSampleLanguage,a=e.activeDeepLink,c=e.children,u=React.useState()[1],l=React.useState(!0),d=l[0],f=l[1],p=React.useState(null),v=p[0],_=p[1];React.useEffect((function(){!function(){(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var e,o,s;return(0,tslib_1.__generator)(this,(function(a){switch(a.label){case 0:f(!0),a.label=1;case 1:return a.trys.push([1,6,,7]),e=_,t?[4,loadMany(t)]:[3,3];case 2:return o=a.sent(),[3,5];case 3:return[4,loadSingle(i,n,r)];case 4:o=a.sent(),a.label=5;case 5:return e.apply(void 0,[o]),[3,7];case 6:return s=a.sent(),u((function(){throw s})),[3,7];case 7:return[2]}}))}))}()}),[t,i,n,r]);var h=React.useMemo((function(){var e,t,i;if(v){var o=new ProStore_1.ProStore(v,n,r);return(null===(e=o.options.hooks)||void 0===e?void 0:e.onInit)&&(null===(i=null===(t=o.options.hooks)||void 0===t?void 0:t.onInit)||void 0===i||i.call(t,{store:o})),o}}),useDeepCompareMemoize([v,r]));return React.useEffect((function(){if(h)return f(!1),function(){return h.dispose()}}),[h]),React.useEffect((function(){var e;if(h&&o){var t=(null==o?void 0:o.split(h.options.deepLinkPrefix)[0])||(null===(e=h.menu.flatItems[h.menu.activeItemIdx])||void 0===e?void 0:e.id),r=h.menu.flatItems.find((function(e){return e.id===t})),n=a?t+h.options.deepLinkPrefix+a:void 0;n&&h.menu.history instanceof services_1.FakeHistoryService&&h.menu.history.replaceForField(n),h.menu.activateAndScroll(r,!0,!1,n)}}),[o,a,h]),React.useEffect((function(){h&&s&&h.setActiveSampleLanguage(s)}),[s,h]),c({loading:d,store:h})};function fixSpec(e){for(var t=e.components&&e.components.securitySchemes||{},r=0,n=Object.keys(t);r<n.length;r++){var i=t[n[r]];i["x-type"]&&(i.type=i["x-type"]),i["x-scheme"]&&(i.scheme=i["x-scheme"])}}function loadMany(e){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){return(0,tslib_1.__generator)(this,(function(t){switch(t.label){case 0:return[4,loadSpecs(e||{})];case 1:return t.sent(),[2,e]}}))}))}function loadSingle(e,t,r){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var n,i,o,s,a;return(0,tslib_1.__generator)(this,(function(c){switch(c.label){case 0:if(!(null==r?void 0:r.skipBundleAndConvert))return[3,1];if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');return n=e,[3,3];case 1:return[4,(0,redoc_lib_1.loadAndBundleDefinition)(e||t)];case 2:n=c.sent(),c.label=3;case 3:if(!(i=null==r?void 0:r.unstable_externalDescription))return[3,8];c.label=4;case 4:return c.trys.push([4,7,,8]),[4,fetch(i)];case 5:return o=c.sent(),s=n.info,[4,o.text()];case 6:return s.description=c.sent(),[3,8];case 7:return a=c.sent(),console.warn("Failed to load external description from "+i+": "+a.message),[3,8];case 8:try{fixSpec(n)}catch(e){}return[2,n]}}))}))}function loadAndBundleSpecOrMd(e,t){return e.endsWith(".md")?(0,redoc_lib_1.loadAndBundleDefinition)({openapi:"3.0.0",info:{title:t||"",version:"1.0",description:{$ref:e}},paths:{}}):(0,redoc_lib_1.loadAndBundleDefinition)(e)}function loadSpecs(e){var t=e.versions;return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var e,r,n,i;return(0,tslib_1.__generator)(this,(function(o){switch(o.label){case 0:if(!Array.isArray(t))return[3,4];e=0,r=t,o.label=1;case 1:return e<r.length?(n=r[e]).url?(i=n,[4,loadAndBundleSpecOrMd(n.url)]):[3,3]:[3,4];case 2:i.spec=o.sent(),o.label=3;case 3:return e++,[3,1];case 4:return[2]}}))}))}function useDeepCompareMemoize(e){var t=React.useRef(),r=React.useRef(0);return(0,fast_deep_equal_1.default)(e,t.current)||(t.current=e,r.current+=1),[r.current]}exports.ProStoreProvider=ProStoreProvider,exports.loadSpecs=loadSpecs;
 //# sourceMappingURL=StoreProvider.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabs=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),CollapsingTabsBase_1=require("./CollapsingTabsBase"),mobx_react_1=require("mobx-react");function getActiveIndexFromOperation(e,t,a){var r;return t?"number"==typeof a&&a>0?hasActiveExampleName(null===(r=e[a])||void 0===r?void 0:r.content,t)?a:getActiveIndexFromOperation(e,t):e.findIndex((function(e){return hasActiveExampleName(e.content,t)})):-1}function hasActiveExampleName(e,t){return!!(null==e?void 0:e.mediaTypes.find((function(e){return Object.keys(e.examples||[]).includes(t||"")})))}exports.CollapsingTabs=(0,mobx_react_1.observer)((function(e){var t=e.children,a=(0,tslib_1.__rest)(e,["children"]),r=(0,react_1.useState)(0),n=r[0],i=r[1],s=a.operation,o=a.operation.activeExampleName;(0,react_1.useEffect)((function(){var e=getActiveIndexFromOperation(s.responses,o,n);e>-1&&i(e)}),[o]);var l=react_1.default.useCallback((function(e){n!==e&&i(e)}),[n]);return react_1.default.createElement(CollapsingTabsBase_1.CollapsingTabsBase,(0,tslib_1.__assign)({},a,{activeIndex:n,onChange:l}),t)}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabs=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),CollapsingTabsBase_1=require("./CollapsingTabsBase");function getActiveIndexFromOperation(e,t,a){var r;return t?"number"==typeof a&&a>0?hasActiveExampleName(null===(r=e[a])||void 0===r?void 0:r.content,t)?a:getActiveIndexFromOperation(e,t):e.findIndex((function(e){return hasActiveExampleName(e.content,t)})):-1}function hasActiveExampleName(e,t){return!!(null==e?void 0:e.mediaTypes.find((function(e){return Object.keys(e.examples||[]).includes(t||"")})))}exports.CollapsingTabs=(0,mobx_react_1.observer)((function(e){var t=e.children,a=(0,tslib_1.__rest)(e,["children"]),r=(0,react_1.useState)(0),n=r[0],i=r[1],s=a.operation,o=a.operation.activeExampleName;(0,react_1.useEffect)((function(){var e=getActiveIndexFromOperation(s.responses,o,n);e>-1&&i(e)}),[o]);var l=react_1.default.useCallback((function(e){n!==e&&i(e)}),[n]);return react_1.default.createElement(CollapsingTabsBase_1.CollapsingTabsBase,(0,tslib_1.__assign)({},a,{activeIndex:n,onChange:l}),t)}));
 //# sourceMappingURL=CollapsingTabs.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabsBase=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),react_tabs_1=require("react-tabs"),redoc_lib_1=require("../../../redoc-lib"),CollapsingTabList_1=require("./CollapsingTabList"),CollapsingTab_1=require("./CollapsingTab"),Dropdown_1=require("../../common/Dropdown"),CollapsingTabsBase=function(e){var t=e.tabs,a=e.children,l=e.hidden,r=e.activeIndex,n=e.onChange,i=(0,react_1.useContext)(redoc_lib_1.OptionsContext).samplesTabsMaxCount,o=(0,react_1.useMemo)((function(){return t.slice(i).map((function(e,t){return{idx:t,value:e.title}}))}),[t,i]),s=o.length+" more",c=(0,react_1.useState)(s),u=c[0],_=c[1],d=react_1.default.useCallback((function(){var e=r>=i;u!==s&&u===t[r].title||!e?u===s||e||_(s):_(t[r].title)}),[r,i,u,s,t]);(0,react_1.useEffect)((function(){setTimeout(d,0)}),[r,i,d]);return react_1.default.createElement(react_tabs_1.Tabs,{selectedIndex:r,onSelect:n},react_1.default.createElement(CollapsingTabList_1.CollapsingTabList,{hidden:l},t.map((function(e,t){return react_1.default.createElement(CollapsingTab_1.CollapsingTab,{key:e.key,disabled:t>=i},e.title)})),o.length?react_1.default.createElement(Dropdown_1.CollapsingDropdown,{options:o,onChange:function(e){n(i+e.idx)},placeholder:s,value:u,active:r>=i}):null),a)};exports.CollapsingTabsBase=CollapsingTabsBase;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabsBase=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),react_tabs_1=require("react-tabs"),redoc_lib_1=require("../../../redoc-lib"),Dropdown_1=require("../../common/Dropdown"),CollapsingTabList_1=require("./CollapsingTabList"),CollapsingTab_1=require("./CollapsingTab"),CollapsingTabsBase=function(e){var t=e.tabs,a=e.children,l=e.hidden,r=e.activeIndex,n=e.onChange,i=(0,react_1.useContext)(redoc_lib_1.OptionsContext).samplesTabsMaxCount,o=(0,react_1.useMemo)((function(){return t.slice(i).map((function(e,t){return{idx:t,value:e.title}}))}),[t,i]),s=o.length+" more",c=(0,react_1.useState)(s),u=c[0],_=c[1],d=react_1.default.useCallback((function(){var e=r>=i;u!==s&&u===t[r].title||!e?u===s||e||_(s):_(t[r].title)}),[r,i,u,s,t]);(0,react_1.useEffect)((function(){setTimeout(d,0)}),[r,i,d]);return react_1.default.createElement(react_tabs_1.Tabs,{selectedIndex:r,onSelect:n},react_1.default.createElement(CollapsingTabList_1.CollapsingTabList,{hidden:l},t.map((function(e,t){return react_1.default.createElement(CollapsingTab_1.CollapsingTab,{key:e.key,disabled:t>=i},e.title)})),o.length?react_1.default.createElement(Dropdown_1.CollapsingDropdown,{options:o,onChange:function(e){n(i+e.idx)},placeholder:s,value:u,active:r>=i}):null),a)};exports.CollapsingTabsBase=CollapsingTabsBase;
 //# sourceMappingURL=CollapsingTabsBase.js.map

package/lib/components/VersionSwitcher.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import type { DropdownOption } from './common/Dropdown';
 import type { VersionedSpecStore } from '../services/VersionedSpecStore';
+import type { DropdownOption } from './common/Dropdown';
 export interface VersionSwitcherProps {
     onChange: (o: DropdownOption) => void;
     spec: VersionedSpecStore;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ClearButtonProps } from './types';
+export declare const ClearButton: React.NamedExoticComponent<ClearButtonProps>;

package/lib/components/common/ClearButton/ClearButton.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClearButton=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),ClearButtonComponent=function(e){var t=e.className,r=e.style,a=e.handleClear;return react_1.default.createElement("button",{className:t,style:r,onClick:a},"✕")};exports.ClearButton=react_1.default.memo(ClearButtonComponent);
+//# sourceMappingURL=ClearButton.js.map

package/lib/components/common/ClearButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './styled';
+export * from './types';

package/lib/components/common/ClearButton/index.js

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

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ClearButton: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./types").ClearButtonProps>, any, {}, never>;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClearButton=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),ClearButton_1=require("./ClearButton");exports.ClearButton=(0,styled_components_1.default)(ClearButton_1.ClearButton)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  z-index: 1;\n  position: absolute;\n  right: 24px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #89949f;\n  background: none;\n  border: none;\n  cursor: pointer;\n\n  &:hover {\n    color: #fff;\n  }\n"],["\n  z-index: 1;\n  position: absolute;\n  right: 24px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #89949f;\n  background: none;\n  border: none;\n  cursor: pointer;\n\n  &:hover {\n    color: #fff;\n  }\n"])));
+//# sourceMappingURL=styled.js.map

package/lib/components/common/ClearButton/types.d.ts

@@ -0,0 +1,6 @@
+import type React from 'react';
+export interface ClearButtonProps {
+    className?: string;
+    style?: React.CSSProperties;
+    handleClear?: () => void;
+}

package/lib/{redoc-lib/src/services/MenuStore.js → components/common/ClearButton/types.js}

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=void 0;var templateObject_1,tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),ArrowSvg=function(e){var t=e.className,n=e.style;return react_1.default.createElement("svg",{className:t,style:n,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},react_1.default.createElement("polyline",{points:"6 9 12 15 18 9"}))},ArrowIcon=(0,styled_components_1.default)(ArrowSvg)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n  pointer-events: none;\n  z-index: 1;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  -ms-transform: translateY(-50%);\n  transform: translateY(-50%);\n  right: 8px;\n  margin: auto;\n  text-align: center;\n  polyline {\n    color: ",";\n  }\n"],["\n  position: absolute;\n  pointer-events: none;\n  z-index: 1;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  -ms-transform: translateY(-50%);\n  transform: translateY(-50%);\n  right: 8px;\n  margin: auto;\n  text-align: center;\n  polyline {\n    color: ",";\n  }\n"])),(function(e){return"dark"===e.variant&&"white"})),DropdownComponent=function(e){var t=e.options,n=e.onChange,r=e.placeholder,a=e.value,o=void 0===a?"":a,l=e.className,s=e.variant,i=void 0===s?"light":s;return react_1.default.createElement("div",{className:l+" dropdown-wrapper"},react_1.default.createElement(ArrowIcon,{variant:i}),react_1.default.createElement("select",{onChange:function(e){var a=e.target.selectedIndex;n(t[r?a-1:a])},value:o,className:"dropdown-select"},r&&react_1.default.createElement("option",{disabled:!0,hidden:!0,value:r},r),t.map((function(e,t){var n=e.idx,r=e.value,a=e.title;return react_1.default.createElement("option",{key:n||r+t,value:r,className:"dropdown-option"},a||r)}))),react_1.default.createElement("label",null,o))};exports.Dropdown=react_1.default.memo(DropdownComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=void 0;var templateObject_1,tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),ClearButton_1=require("../ClearButton"),ArrowSvg=function(e){var t=e.className,n=e.style;return react_1.default.createElement("svg",{className:t,style:n,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},react_1.default.createElement("polyline",{points:"6 9 12 15 18 9"}))},ArrowIcon=(0,styled_components_1.default)(ArrowSvg)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  position: absolute;\n  pointer-events: none;\n  z-index: 1;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  -ms-transform: translateY(-50%);\n  transform: translateY(-50%);\n  right: 8px;\n  margin: auto;\n  text-align: center;\n  polyline {\n    color: ",";\n  }\n"],["\n  position: absolute;\n  pointer-events: none;\n  z-index: 1;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  -ms-transform: translateY(-50%);\n  transform: translateY(-50%);\n  right: 8px;\n  margin: auto;\n  text-align: center;\n  polyline {\n    color: ",";\n  }\n"])),(function(e){return"dark"===e.variant&&"white"})),DropdownComponent=function(e){var t=e.options,n=e.onChange,r=e.handleClear,a=e.clearable,o=e.placeholder,l=e.value,i=void 0===l?"":l,s=e.className,c=e.variant,d=void 0===c?"light":c;return react_1.default.createElement("div",{className:s+" dropdown-wrapper"},react_1.default.createElement(ArrowIcon,{variant:d}),a&&(null==i?void 0:i.length)>0&&react_1.default.createElement(ClearButton_1.ClearButton,{handleClear:r}),react_1.default.createElement("select",{onChange:function(e){var r=e.target.selectedIndex;n(t[o||!i?r-1:r])},value:i,className:"dropdown-select"},o&&react_1.default.createElement("option",{disabled:!0,hidden:!0,value:o},o),!i&&!o&&react_1.default.createElement("option",{disabled:!0}),t.map((function(e,t){var n=e.idx,r=e.value,a=e.title;return react_1.default.createElement("option",{key:n||r+t,value:r,className:"dropdown-option"},a||r)}))),react_1.default.createElement("label",null,i))};exports.Dropdown=react_1.default.memo(DropdownComponent);
 //# sourceMappingURL=Dropdown.js.map

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    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\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    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\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?"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\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\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.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"])));
 //# sourceMappingURL=styled.js.map

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

@@ -9,6 +9,8 @@ export interface DropdownOption {
 export interface DropdownProps {
     options: DropdownOption[];
     onChange: (option: DropdownOption) => void;
+    handleClear?: () => void;
+    clearable?: boolean;
     ariaLabel?: string;
     className?: string;
     placeholder?: string;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FileUpload=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),informed_1=require("informed"),helper_1=require("./helper");exports.FileUpload=React.forwardRef((function(e,t){var r=(0,tslib_1.__rest)(e,[]),i=r.schema,a=r.contentName,l=r.onChange,n=r.name;return(0,(0,informed_1.useField)((0,tslib_1.__assign)({field:n},r)).render)(React.createElement("input",{"data-cy":"file-upload-input",type:"file",id:r.id,className:r.className,name:r.name,onChange:function(e){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){var t;return(0,tslib_1.__generator)(this,(function(r){switch(r.label){case 0:return[4,(0,helper_1.getFileToUpload)(e.target.files,i)];case 1:return t=r.sent(),l(a,t),[2]}}))}))},multiple:r.multiple,accept:r.accept,ref:t}))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FileUpload=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),informed_1=require("informed"),helper_1=require("./helper");exports.FileUpload=React.forwardRef((function(e,t){var r=(0,tslib_1.__rest)(e,[]),i=r.schema,a=r.contentName,l=r.onChange,n=r.name;return(0,(0,informed_1.useField)((0,tslib_1.__assign)({field:n},r)).render)(React.createElement("input",{"data-cy":"file-upload-input",type:"file",id:r.id,className:r.className,name:r.name,onChange:function(e){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){var t;return(0,tslib_1.__generator)(this,(function(r){switch(r.label){case 0:return[4,(0,helper_1.getFileToUpload)(e.target.files,i)];case 1:return t=r.sent(),l(a,t),[2]}}))}))},multiple:r.multiple,accept:r.accept,ref:t}))})),exports.FileUpload.displayName="FileUpload";
 //# sourceMappingURL=FileUpload.js.map

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"),informed_2=require("informed"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),form_1=require("./form"),Dropdown_1=require("./Dropdown"),hooks_1=require("../../hooks"),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_2.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: 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);
 //# sourceMappingURL=TextField.js.map

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Controlled as CodeMirror } from 'react-codemirror2';
+import { Controlled as CodeMirror } from 'react-codemirror2-react-17';
 import type { Editor } from 'codemirror';
 import './codemirror-helpers';
 export interface CodemirrorInputBase {

package/lib/components/console/CodemirrorInput.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodemirrorInput=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=require("styled-components"),informed_1=require("informed"),react_codemirror2_1=require("react-codemirror2");require("./codemirror-helpers");var templateObject_1,CodeMirrorStyles=(0,styled_components_1.createGlobalStyle)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  .cm-s-material.CodeMirror {\n    background-color: var(--samples-panel-controls-background-color)!important;\n    color: var(--color-content-inverse)!important;\n    font-family: var(--code-font-family);\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: var(--color-content-inverse);\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    border-radius: var(--panels-border-radius);\n  }\n"],["\n  .cm-s-material.CodeMirror {\n    background-color: var(--samples-panel-controls-background-color)!important;\n    color: var(--color-content-inverse)!important;\n    font-family: var(--code-font-family);\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: var(--color-content-inverse);\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    border-radius: var(--panels-border-radius);\n  }\n"]))),CodemirrorInput=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"editor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"_onKeyUp",{enumerable:!0,configurable:!0,writable:!0,value:function(e,o){/^[a-zA-Z0-9_":]$/.test(o.key)&&r.editor.execCommand("autocomplete")}}),Object.defineProperty(r,"initEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.editor=e,e.on("keyup",r._onKeyUp)}}),Object.defineProperty(r,"refreshEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.editor.refresh()}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;setTimeout((function(){e.editor.refresh()}),0),document.addEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){document.removeEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props.fieldState.value,o=this.props.fieldApi,n=o.setValue,t=o.setTouched,i=o.setError,a=this.props,c=a.onChange,l=a.onBlur,d=a.forwardedRef;return React.createElement(React.Fragment,null,React.createElement(CodeMirrorStyles,null),React.createElement(react_codemirror2_1.Controlled,{editorDidMount:this.initEditor,value:r||"",ref:d||void 0,onBeforeChange:function(e,r,o){n(o),c&&c(o)},onBlur:function(e){t(),l&&l(e)},options:{mode:this.props.mode||"application/json",theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":function(){return e.editor.showHint({completeSingle:!0})},"Ctrl-Space":function(){return e.editor.showHint({completeSingle:!0})}},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:i}}}))}}),r}(React.Component);exports.CodemirrorInput=CodemirrorInput,exports.default=(0,informed_1.asField)(CodemirrorInput);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodemirrorInput=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=require("styled-components"),informed_1=require("informed"),react_codemirror2_react_17_1=require("react-codemirror2-react-17");require("./codemirror-helpers");var templateObject_1,types_1=require("../../types"),CodeMirrorStyles=(0,styled_components_1.createGlobalStyle)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  .cm-s-material.CodeMirror {\n    background-color: var(--samples-panel-controls-background-color)!important;\n    color: var(--color-content-inverse)!important;\n    font-family: var(--code-font-family);\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: var(--color-content-inverse);\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    border-radius: var(--panels-border-radius);\n  }\n"],["\n  .cm-s-material.CodeMirror {\n    background-color: var(--samples-panel-controls-background-color)!important;\n    color: var(--color-content-inverse)!important;\n    font-family: var(--code-font-family);\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: var(--color-content-inverse);\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    border-radius: var(--panels-border-radius);\n  }\n"]))),CodemirrorInput=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"editor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"_onKeyUp",{enumerable:!0,configurable:!0,writable:!0,value:function(e,o){/^[a-zA-Z0-9_":]$/.test(o.key)&&r.editor.execCommand("autocomplete")}}),Object.defineProperty(r,"initEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.editor=e,e.on("keyup",r._onKeyUp)}}),Object.defineProperty(r,"refreshEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.editor.refresh()}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;setTimeout((function(){e.editor.refresh()}),0),document.addEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){document.removeEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props.fieldState.value,o=this.props.fieldApi,n=o.setValue,t=o.setTouched,i=o.setError,a=this.props,c=a.onChange,l=a.onBlur,d=a.forwardedRef;return React.createElement(React.Fragment,null,React.createElement(CodeMirrorStyles,null),React.createElement(react_codemirror2_react_17_1.Controlled,{editorDidMount:this.initEditor,value:r||"",ref:d||void 0,onBeforeChange:function(e,r,o){n(o),c&&c(o)},onBlur:function(e){t(),l&&l(e)},options:{mode:this.props.mode||types_1.MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":function(){return e.editor.showHint({completeSingle:!0})},"Ctrl-Space":function(){return e.editor.showHint({completeSingle:!0})}},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:i}}}))}}),r}(React.Component);exports.CodemirrorInput=CodemirrorInput,exports.default=(0,informed_1.asField)(CodemirrorInput);
 //# sourceMappingURL=CodemirrorInput.js.map

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

@@ -1,10 +1,9 @@
 import * as React from 'react';
 import type { FormApi, FormState } from 'informed';
 import type { SecurityDetails } from '../../utils';
-import type { OpenApiResponseData } from './ResponsePanel';
 import type { ProStore } from '../../services';
 import type { OperationModel, Server } from '../../redoc-lib';
-import type { PanelComponentProps } from '../Panel';
+import type { OpenApiResponseData } from './ResponsePanel';
 export declare type RequestAndResponseType = {
     request: Record<string, unknown>;
     response: OpenApiResponseData;
@@ -46,8 +45,3 @@ export declare class Console extends React.Component<ConsoleProps, ConsoleState>
     renderRequest(): JSX.Element;
     renderResponse(): JSX.Element;
 }
-export declare function TryItPanel({ header, error, success, ...rest }: React.PropsWithChildren<{
-    header: string;
-    error?: boolean;
-    success?: boolean;
-} & PanelComponentProps>): JSX.Element;