@redocly/reference-docs 3.0.0-alpha.1 → 3.0.0-alpha.2

package/lib/services/code-samples/httpsnippet/targets/shell/curl.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.info=void 0;var tslib_1=require("tslib"),util_1=require("util"),code_builder_1=require("../../helpers/code-builder"),shell_1=(0,tslib_1.__importDefault)(require("../../helpers/shell")),code_helpers_1=require("../../helpers/code-helpers"),utils_1=require("../../../../utils"),__1=require("../.."),handler=function(e,t,s){var a,r,i=s.target,l=s.client,o=Object.assign({indent:"  ",short:!1,binary:!1},t),n=new code_builder_1.CodeBuilder({indentation:o.indent,lineJoin:o.indent?" \\\n"+o.indent:" "}),u=(null===(a=e.securityOAuth2ExtraCalls)||void 0===a?void 0:a.length)?new __1.HTTPSnippet(null===(r=e.securityOAuth2ExtraCalls)||void 0===r?void 0:r[0]).convert(i,l,(0,tslib_1.__assign)((0,tslib_1.__assign)({},o),{withComments:!1})):"";n.push(0,"curl -i %s %s",o.short?"-X":"--request",e.method.toUpperCase()),e.basicAuth&&n.push((0,util_1.format)("-u %s:%s",e.basicAuth.username,e.basicAuth.password));var d=(0,code_helpers_1.buildUrlExpression)(e,n);if(n.push((0,util_1.format)("%s%s",o.short?"":"--url ",shell_1.default.quote(d))),"HTTP/1.0"===e.httpVersion&&n.push(o.short?"-0":"--http1.0"),Object.keys(e.headersObj).sort().forEach((function(t){var s=(0,util_1.format)("%s: %s",t,e.headersObj[t]);n.push("%s %s",o.short?"-H":"--header",shell_1.default.quote(s))})),e.allHeaders.cookie&&n.push("%s %s",o.short?"-b":"--cookie",shell_1.default.quote(e.allHeaders.cookie)),e.postData)switch((0,utils_1.normalizeMimeType)(e.postData.mimeType)){case"multipart/form-data":e.postData.params.map((function(e){var t;t=e.fileName?(0,util_1.format)("%s=@%s",e.name,e.fileName):(0,util_1.format)("%s=%s",e.name,e.value),n.push("%s %s",o.short?"-F":"--form",shell_1.default.quote(t))}));break;case"application/x-www-form-urlencoded":e.postData.params?e.postData.params.map((function(e){n.push("%s %s",o.binary?"--data-binary":o.short?"-d":"--data",shell_1.default.quote((0,util_1.format)("%s=%s",e.name,e.value)))})):n.push("%s %s",o.binary?"--data-binary":o.short?"-d":"--data",shell_1.default.quote(e.postData.text));break;case"application/json":e.postData.jsonObj&&n.push("%s %s",o.binary?"--data-binary":o.short?"-d":"--data",(0,code_helpers_1.addIndentation)(shell_1.default.quote(JSON.stringify(e.postData.jsonObj,null,o.indent)),{level:1,indent:o.indent,firstLine:!1}));break;default:e.postData.text&&n.push("%s %s",o.binary?"--data-binary":o.short?"-d":"--data",(0,code_helpers_1.addIndentation)(shell_1.default.quote(e.postData.text),{level:1,indent:o.indent,firstLine:!1}))}return(o.withComments?"# Requires curl >= 7.2\n\n":"")+(u?u+"\n\n"+n.join():n.join())};exports.info={key:"curl",title:"curl",link:"http://curl.haxx.se/",description:"cURL is a command line tool and library for transferring data with URL syntax"},exports.default=handler;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.info=void 0;var tslib_1=require("tslib"),util_1=require("util"),code_builder_1=require("../../helpers/code-builder"),shell_1=(0,tslib_1.__importDefault)(require("../../helpers/shell")),code_helpers_1=require("../../helpers/code-helpers"),utils_1=require("../../../../utils"),__1=require("../.."),types_1=require("../../../../../types"),handler=function(e,t,s){var a,r,i=s.target,l=s.client,n=Object.assign({indent:"  ",short:!1,binary:!1},t),o=new code_builder_1.CodeBuilder({indentation:n.indent,lineJoin:n.indent?" \\\n"+n.indent:" "}),u=(null===(a=e.securityOAuth2ExtraCalls)||void 0===a?void 0:a.length)?new __1.HTTPSnippet(null===(r=e.securityOAuth2ExtraCalls)||void 0===r?void 0:r[0]).convert(i,l,(0,tslib_1.__assign)((0,tslib_1.__assign)({},n),{withComments:!1})):"";o.push(0,"curl -i %s %s",n.short?"-X":"--request",e.method.toUpperCase()),e.basicAuth&&o.push((0,util_1.format)("-u %s:%s",e.basicAuth.username,e.basicAuth.password));var d=(0,code_helpers_1.buildUrlExpression)(e,o);if(o.push((0,util_1.format)("%s%s",n.short?"":"--url ",shell_1.default.quote(d))),"HTTP/1.0"===e.httpVersion&&o.push(n.short?"-0":"--http1.0"),Object.keys(e.headersObj).sort().forEach((function(t){var s=(0,util_1.format)("%s: %s",t,e.headersObj[t]);o.push("%s %s",n.short?"-H":"--header",shell_1.default.quote(s))})),e.allHeaders.cookie&&o.push("%s %s",n.short?"-b":"--cookie",shell_1.default.quote(e.allHeaders.cookie)),e.postData)switch((0,utils_1.normalizeMimeType)(e.postData.mimeType)){case types_1.MediaTypes.MULTIPART:e.postData.params.map((function(e){var t;t=e.fileName?(0,util_1.format)("%s=@%s",e.name,e.fileName):(0,util_1.format)("%s=%s",e.name,e.value),o.push("%s %s",n.short?"-F":"--form",shell_1.default.quote(t))}));break;case types_1.MediaTypes.URL_ENCODED:e.postData.params?e.postData.params.map((function(e){o.push("%s %s",n.binary?"--data-binary":n.short?"-d":"--data",shell_1.default.quote((0,util_1.format)("%s=%s",e.name,e.value)))})):o.push("%s %s",n.binary?"--data-binary":n.short?"-d":"--data",shell_1.default.quote(e.postData.text));break;case types_1.MediaTypes.JSON:e.postData.jsonObj&&o.push("%s %s",n.binary?"--data-binary":n.short?"-d":"--data",(0,code_helpers_1.addIndentation)(shell_1.default.quote(JSON.stringify(e.postData.jsonObj,null,n.indent)),{level:1,indent:n.indent,firstLine:!1}));break;default:e.postData.text&&o.push("%s %s",n.binary?"--data-binary":n.short?"-d":"--data",(0,code_helpers_1.addIndentation)(shell_1.default.quote(e.postData.text),{level:1,indent:n.indent,firstLine:!1}))}return(n.withComments?"# Requires curl >= 7.2\n\n":"")+(u?u+"\n\n"+o.join():o.join())};exports.info={key:"curl",title:"curl",link:"http://curl.haxx.se/",description:"cURL is a command line tool and library for transferring data with URL syntax"},exports.default=handler;
 //# sourceMappingURL=curl.js.map

package/lib/services/history/ProHashHistoryService.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProHashHistoryService=void 0;var tslib_1=require("tslib"),decko_1=require("decko"),eventemitter3_1=(0,tslib_1.__importDefault)(require("eventemitter3")),redoc_lib_1=require("../../redoc-lib"),helpers_1=require("./helpers"),ProHashHistoryService=function(){function e(e,t){var r=this;Object.defineProperty(this,"options",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"multiSpec",{enumerable:!0,configurable:!0,writable:!0,value:t}),Object.defineProperty(this,"_emiter",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"basePath",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"emit",{enumerable:!0,configurable:!0,writable:!0,value:function(){r._emiter.emit("popstate",r.currentId)}});var i=e.routingBasePath||"";this.basePath=i.endsWith("/")?i.substring(0,i.length-1):i,this.basePath.startsWith("/")&&(this.basePath=this.basePath.substring(1)),this._emiter=new eventemitter3_1.default,this.bind()}return Object.defineProperty(e.prototype,"currentId",{get:function(){if(!redoc_lib_1.IS_BROWSER)return"";var e=decodeURIComponent(window.location.hash.substr(1)),t=window.location.pathname.substring(1);if(t.startsWith(this.basePath+"/")&&(t=t.substring(this.basePath.length+1)),t.endsWith("/")&&(t=t.substring(0,t.length-1)),e.startsWith("operation/")||(null==e?void 0:e.startsWith("section/"))){if(this.multiSpec){var r=t.split("/")[0];return(0,helpers_1.joinWithSeparator)(r,e)}return e}return t?(0,helpers_1.joinWithSeparator)(t,e):e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"makeUrl",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){var r="";return redoc_lib_1.IS_BROWSER&&(r=window.location.search),(e.startsWith("/")?"/"+(this.basePath?this.basePath+"/":"")+e.substring(1):e)+r+(t?"#"+t:"")}}),Object.defineProperty(e.prototype,"linkForId",{enumerable:!1,configurable:!0,writable:!0,value:function(e){if(!e)return"";if(""===e)return this.makeUrl("","");var t="";return this.multiSpec&&(t="/"+e.split("/")[0],e=e.split("/").slice(1).join("/")),this.makeUrl(t,e)}}),Object.defineProperty(e.prototype,"generateDeepLink",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){if(t)return t+this.options.deepLinkPrefix+e}}),Object.defineProperty(e.prototype,"subscribe",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this._emiter.addListener("popstate",e);return function(){return t.removeListener("popstate",e)}}}),Object.defineProperty(e.prototype,"bind",{enumerable:!1,configurable:!0,writable:!0,value:function(){redoc_lib_1.IS_BROWSER&&(window.addEventListener("popstate",this.emit,!1),window.addEventListener("hashchange",this.emit,!1))}}),Object.defineProperty(e.prototype,"dispose",{enumerable:!1,configurable:!0,writable:!0,value:function(){redoc_lib_1.IS_BROWSER&&(window.removeEventListener("popstate",this.emit),window.removeEventListener("hashchange",this.emit))}}),Object.defineProperty(e.prototype,"replace",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){if(void 0===t&&(t=!1),t)return this.replaceDebounced(e);this.replaceNow(e,t)}}),Object.defineProperty(e.prototype,"replaceForField",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){var r=this;if(void 0===t&&(t=!1),redoc_lib_1.IS_BROWSER&&e){var i,o=new URL(e,window.location.href);i=o,t?window.history.replaceState(null,"",i):(window.history.pushState(null,"",i),r.emit())}}}),Object.defineProperty(e.prototype,"replaceNow",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){if(void 0===t&&(t=!1),redoc_lib_1.IS_BROWSER&&null!=e&&!(0,helpers_1.isSameHash)(e,this.currentId)){var r=new URL(this.linkForId(e),window.location.href);t?redoc_lib_1.IS_BROWSER&&window.history.replaceState(null,"",r.href):redoc_lib_1.IS_BROWSER&&(window.history.pushState(null,"",r.href),this.emit())}}}),Object.defineProperty(e.prototype,"replaceDebounced",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return this.replaceNow(e,!0)}}),(0,tslib_1.__decorate)([decko_1.bind],e.prototype,"replace",null),(0,tslib_1.__decorate)([decko_1.bind],e.prototype,"replaceForField",null),(0,tslib_1.__decorate)([decko_1.bind,decko_1.debounce],e.prototype,"replaceDebounced",null),e}();exports.ProHashHistoryService=ProHashHistoryService;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProHashHistoryService=void 0;var tslib_1=require("tslib"),decko_1=require("decko"),eventemitter3_1=(0,tslib_1.__importDefault)(require("eventemitter3")),redoc_lib_1=require("../../redoc-lib"),helpers_1=require("./helpers"),ProHashHistoryService=function(){function e(e,t){var r=this;Object.defineProperty(this,"options",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"multiSpec",{enumerable:!0,configurable:!0,writable:!0,value:t}),Object.defineProperty(this,"_emiter",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"basePath",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"emit",{enumerable:!0,configurable:!0,writable:!0,value:function(){r._emiter.emit("popstate",r.currentId)}});var i=e.routingBasePath||"";this.basePath=i.endsWith("/")?i.substring(0,i.length-1):i,this.basePath.startsWith("/")&&(this.basePath=this.basePath.substring(1)),this._emiter=new eventemitter3_1.default,this.bind()}return Object.defineProperty(e.prototype,"currentId",{get:function(){if(!redoc_lib_1.IS_BROWSER)return"";var e=decodeURIComponent(window.location.hash.substr(1)),t=window.location.pathname.substring(1);if(t.startsWith(this.basePath+(this.basePath.endsWith(".html")?"":"/"))&&(t=t.substring(this.basePath.length+1)),t.endsWith("/")&&(t=t.substring(0,t.length-1)),e.startsWith("operation/")||(null==e?void 0:e.startsWith("section/"))){if(this.multiSpec){var r=t.split("/")[0];return(0,helpers_1.joinWithSeparator)(r,e)}return e}return t?(0,helpers_1.joinWithSeparator)(t,e):e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"makeUrl",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){var r="";return redoc_lib_1.IS_BROWSER&&(r=window.location.search),(e.startsWith("/")?"/"+(this.basePath?this.basePath+"/":"")+e.substring(1):e)+r+(t?"#"+t:"")}}),Object.defineProperty(e.prototype,"linkForId",{enumerable:!1,configurable:!0,writable:!0,value:function(e){if(!e)return"";if(""===e)return this.makeUrl("","");var t="";return this.multiSpec&&(t="/"+e.split("/")[0],e=e.split("/").slice(1).join("/")),this.makeUrl(t,e)}}),Object.defineProperty(e.prototype,"generateDeepLink",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){if(t)return t+this.options.deepLinkPrefix+e}}),Object.defineProperty(e.prototype,"subscribe",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this._emiter.addListener("popstate",e);return function(){return t.removeListener("popstate",e)}}}),Object.defineProperty(e.prototype,"bind",{enumerable:!1,configurable:!0,writable:!0,value:function(){redoc_lib_1.IS_BROWSER&&(window.addEventListener("popstate",this.emit,!1),window.addEventListener("hashchange",this.emit,!1))}}),Object.defineProperty(e.prototype,"dispose",{enumerable:!1,configurable:!0,writable:!0,value:function(){redoc_lib_1.IS_BROWSER&&(window.removeEventListener("popstate",this.emit),window.removeEventListener("hashchange",this.emit))}}),Object.defineProperty(e.prototype,"replace",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){if(void 0===t&&(t=!1),t)return this.replaceDebounced(e);this.replaceNow(e,t)}}),Object.defineProperty(e.prototype,"replaceForField",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){var r=this;if(void 0===t&&(t=!1),redoc_lib_1.IS_BROWSER&&e){var i,n=new URL(e,window.location.href);i=n,t?window.history.replaceState(null,"",i):(window.history.pushState(null,"",i),r.emit())}}}),Object.defineProperty(e.prototype,"replaceNow",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){if(void 0===t&&(t=!1),redoc_lib_1.IS_BROWSER&&null!=e&&!(0,helpers_1.isSameHash)(e,this.currentId)){var r=new URL(this.linkForId(e),window.location.href);t?redoc_lib_1.IS_BROWSER&&window.history.replaceState(null,"",r.href):redoc_lib_1.IS_BROWSER&&(window.history.pushState(null,"",r.href),this.emit())}}}),Object.defineProperty(e.prototype,"replaceDebounced",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return this.replaceNow(e,!0)}}),(0,tslib_1.__decorate)([decko_1.bind],e.prototype,"replace",null),(0,tslib_1.__decorate)([decko_1.bind],e.prototype,"replaceForField",null),(0,tslib_1.__decorate)([decko_1.bind,decko_1.debounce],e.prototype,"replaceDebounced",null),e}();exports.ProHashHistoryService=ProHashHistoryService;
 //# sourceMappingURL=ProHashHistoryService.js.map

package/lib/types.d.ts

@@ -0,0 +1,14 @@
+export declare enum WindowReferenceOptions {
+    LINK_FOR_ID = "linkForId",
+    GENERATE_DEEP_LINK = "generateDeepLink",
+    ON_DEEP_LINK_CLICK = "onDeepLinkClick",
+    REQUEST_INTERCEPTOR = "requestInterceptor",
+    HOOKS = "hooks"
+}
+export declare enum MediaTypes {
+    OCTET_STREAM = "application/octet-stream",
+    MULTIPART = "multipart/form-data",
+    URL_ENCODED = "application/x-www-form-urlencoded",
+    JSON = "application/json",
+    XML = "application/xml"
+}

package/lib/types.js

@@ -0,0 +1,2 @@
+"use strict";var WindowReferenceOptions,MediaTypes;Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypes=exports.WindowReferenceOptions=void 0,function(e){e.LINK_FOR_ID="linkForId",e.GENERATE_DEEP_LINK="generateDeepLink",e.ON_DEEP_LINK_CLICK="onDeepLinkClick",e.REQUEST_INTERCEPTOR="requestInterceptor",e.HOOKS="hooks"}(WindowReferenceOptions=exports.WindowReferenceOptions||(exports.WindowReferenceOptions={})),function(e){e.OCTET_STREAM="application/octet-stream",e.MULTIPART="multipart/form-data",e.URL_ENCODED="application/x-www-form-urlencoded",e.JSON="application/json",e.XML="application/xml"}(MediaTypes=exports.MediaTypes||(exports.MediaTypes={}));
+//# sourceMappingURL=types.js.map

package/lib/utils.d.ts

@@ -37,3 +37,4 @@ export declare function getSecurityDetailsOptions(name: string, fieldName: strin
 export declare function get<T>(object: GenericObject, path: string | Array<string>, defval?: T): GenericObject;
 export declare function joinStringFactory(separator: string): (...args: (string | undefined)[]) => string;
 export declare const dottedString: (...args: (string | undefined)[]) => string;
+export declare function getWindowReferenceOptions<T>(option: string): T | null;

package/lib/utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.dottedString=exports.joinStringFactory=exports.get=exports.getSecurityDetailsOptions=exports.getSecurityDetails=exports.setSecurityDetailsVariants=exports.setSecurityDetails=exports.unescapeFormId=exports.escapeFormId=exports.useDimensions=exports.fromLocalStorage=exports.toLocalStorage=exports.getParameterValue=exports.setParameterValue=exports.fromSessionStorage=exports.toSessionStorage=exports.debounce=exports.setGlobalStore=exports.getGlobalStore=void 0;var _store,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("./redoc-lib"),getGlobalStore=function(){return _store};exports.getGlobalStore=getGlobalStore;var setGlobalStore=function(e){return _store=e};function debounce(e,t,r){var o,s=0;return function(){for(var n=[],a=0;a<arguments.length;a++)n[a]=arguments[a];function i(){s>1&&e.apply(void 0,n),s=0,o=null}s++,o?clearTimeout(o):r&&e.apply(void 0,n),o=setTimeout(i,t)}}function toSessionStorage(e,t){redoc_lib_1.IS_BROWSER&&window.sessionStorage.setItem("redoc."+e,t)}function fromSessionStorage(e){return redoc_lib_1.IS_BROWSER&&window.sessionStorage.getItem("redoc."+e)||""}function setParameterValue(e,t,r){toSessionStorage(e+"."+t,JSON.stringify(r))}function getParameterValue(e,t){try{return JSON.parse(fromSessionStorage(e+"."+t))}catch(e){return null}}function toLocalStorage(e,t){window.localStorage.setItem("redoc."+e,t)}function fromLocalStorage(e){return redoc_lib_1.IS_BROWSER&&window.localStorage.getItem("redoc."+e)||""}function useDimensions(e){var t=React.useState(null),r=t[0],o=t[1];return React.useLayoutEffect((function(){if(e){var t=function(){return window.requestAnimationFrame((function(){return o(e.getBoundingClientRect())}))};return t(),window.addEventListener("resize",t),function(){window.removeEventListener("resize",t)}}}),[e]),[r]}function escapeFormId(e){return e.replace(/[.[\]]/g,(function(e){return{".":"%2e","[":"%5b","]":"%5d"}[e]||""}))}function unescapeFormId(e){return e.replace(/%2e|%5b|%5d/g,(function(e){return{"%2e":".","%5b":"[","%5d":"]"}[e]||""}))}function setSecurityDetails(e,t){e=escapeFormId(e),"string"==typeof t?toSessionStorage("auth."+e,t):t&&(toSessionStorage("auth."+e+".password",t.password||""),toSessionStorage("auth."+e+".username",t.username||""),toSessionStorage("auth."+e+".token",t.token&&JSON.stringify(t.token)||""),toSessionStorage("auth."+e+".client_id",t.client_id||""),toSessionStorage("auth."+e+".client_secret",t.client_secret||""),toSessionStorage("auth."+e+".scopes",t.scopes&&JSON.stringify(t.scopes)||""))}function setSecurityDetailsVariants(e,t){toSessionStorage("auth."+(e=escapeFormId(e))+".variants",JSON.stringify(t))}function getSecurityDetails(e){var t=fromSessionStorage("auth."+(e=escapeFormId(e))),r=fromSessionStorage("auth."+e+".token");return{raw:t,password:fromSessionStorage("auth."+e+".password"),username:fromSessionStorage("auth."+e+".username"),token:r&&JSON.parse(r)||null,client_id:fromSessionStorage("auth."+e+".client_id"),client_secret:fromSessionStorage("auth."+e+".client_secret"),scopes:fromSessionStorage("auth."+e+".scopes")}}function getSecurityDetailsOptions(e,t){var r=fromSessionStorage("auth."+(e=escapeFormId(e))+".variants");if(!r)return null;var o=JSON.parse(r);return o&&Array.isArray(o)?o.map((function(e){return e.details?""===t&&e.details&&"string"==typeof e.details?{label:e.label,value:e.details}:"object"==typeof e.details?{label:e.label,value:e.details[t]}:null:null})).filter(notNull):null}function notNull(e){return null!==e}function get(e,t,r){return"string"==typeof t&&(t=t.split(".")),t.reduce((function(e,t){return e&&e[t]?e[t]:r}),e)}function joinStringFactory(e){return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return t.filter(Boolean).join(e)}}exports.setGlobalStore=setGlobalStore,exports.debounce=debounce,exports.toSessionStorage=toSessionStorage,exports.fromSessionStorage=fromSessionStorage,exports.setParameterValue=setParameterValue,exports.getParameterValue=getParameterValue,exports.toLocalStorage=toLocalStorage,exports.fromLocalStorage=fromLocalStorage,exports.useDimensions=useDimensions,exports.escapeFormId=escapeFormId,exports.unescapeFormId=unescapeFormId,exports.setSecurityDetails=setSecurityDetails,exports.setSecurityDetailsVariants=setSecurityDetailsVariants,exports.getSecurityDetails=getSecurityDetails,exports.getSecurityDetailsOptions=getSecurityDetailsOptions,exports.get=get,exports.joinStringFactory=joinStringFactory,exports.dottedString=joinStringFactory(".");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getWindowReferenceOptions=exports.dottedString=exports.joinStringFactory=exports.get=exports.getSecurityDetailsOptions=exports.getSecurityDetails=exports.setSecurityDetailsVariants=exports.setSecurityDetails=exports.unescapeFormId=exports.escapeFormId=exports.useDimensions=exports.fromLocalStorage=exports.toLocalStorage=exports.getParameterValue=exports.setParameterValue=exports.fromSessionStorage=exports.toSessionStorage=exports.debounce=exports.setGlobalStore=exports.getGlobalStore=void 0;var _store,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),utils_1=require("./redoc-lib/src/utils/"),getGlobalStore=function(){return _store};exports.getGlobalStore=getGlobalStore;var setGlobalStore=function(e){return _store=e};function debounce(e,t,o){var r,s=0;return function(){for(var n=[],i=0;i<arguments.length;i++)n[i]=arguments[i];function a(){s>1&&e.apply(void 0,n),s=0,r=null}s++,r?clearTimeout(r):o&&e.apply(void 0,n),r=setTimeout(a,t)}}function toSessionStorage(e,t){utils_1.IS_BROWSER&&window.sessionStorage.setItem("redoc."+e,t)}function fromSessionStorage(e){return utils_1.IS_BROWSER&&window.sessionStorage.getItem("redoc."+e)||""}function setParameterValue(e,t,o){toSessionStorage(e+"."+t,JSON.stringify(o))}function getParameterValue(e,t){try{return JSON.parse(fromSessionStorage(e+"."+t))}catch(e){return null}}function toLocalStorage(e,t){window.localStorage.setItem("redoc."+e,t)}function fromLocalStorage(e){return utils_1.IS_BROWSER&&window.localStorage.getItem("redoc."+e)||""}function useDimensions(e){var t=React.useState(null),o=t[0],r=t[1];return React.useLayoutEffect((function(){if(e){var t=function(){return window.requestAnimationFrame((function(){return r(e.getBoundingClientRect())}))};return t(),window.addEventListener("resize",t),function(){window.removeEventListener("resize",t)}}}),[e]),[o]}function escapeFormId(e){return e.replace(/[.[\]]/g,(function(e){return{".":"%2e","[":"%5b","]":"%5d"}[e]||""}))}function unescapeFormId(e){return e.replace(/%2e|%5b|%5d/g,(function(e){return{"%2e":".","%5b":"[","%5d":"]"}[e]||""}))}function setSecurityDetails(e,t){e=escapeFormId(e),"string"==typeof t?toSessionStorage("auth."+e,t):t&&(toSessionStorage("auth."+e+".password",t.password||""),toSessionStorage("auth."+e+".username",t.username||""),toSessionStorage("auth."+e+".token",t.token&&JSON.stringify(t.token)||""),toSessionStorage("auth."+e+".client_id",t.client_id||""),toSessionStorage("auth."+e+".client_secret",t.client_secret||""),toSessionStorage("auth."+e+".scopes",t.scopes&&JSON.stringify(t.scopes)||""))}function setSecurityDetailsVariants(e,t){toSessionStorage("auth."+(e=escapeFormId(e))+".variants",JSON.stringify(t))}function getSecurityDetails(e){var t=fromSessionStorage("auth."+(e=escapeFormId(e))),o=fromSessionStorage("auth."+e+".token");return{raw:t,password:fromSessionStorage("auth."+e+".password"),username:fromSessionStorage("auth."+e+".username"),token:o&&JSON.parse(o)||null,client_id:fromSessionStorage("auth."+e+".client_id"),client_secret:fromSessionStorage("auth."+e+".client_secret"),scopes:fromSessionStorage("auth."+e+".scopes")}}function getSecurityDetailsOptions(e,t){var o=fromSessionStorage("auth."+(e=escapeFormId(e))+".variants");if(!o)return null;var r=JSON.parse(o);return r&&Array.isArray(r)?r.map((function(e){return e.details?""===t&&e.details&&"string"==typeof e.details?{label:e.label,value:e.details}:"object"==typeof e.details?{label:e.label,value:e.details[t]}:null:null})).filter(notNull):null}function notNull(e){return null!==e}function get(e,t,o){return"string"==typeof t&&(t=t.split(".")),t.reduce((function(e,t){return e&&e[t]?e[t]:o}),e)}function joinStringFactory(e){return function(){for(var t=[],o=0;o<arguments.length;o++)t[o]=arguments[o];return t.filter(Boolean).join(e)}}function getWindowReferenceOptions(e){var t;return utils_1.IS_BROWSER?null===(t=null===window||void 0===window?void 0:window.REFERENCE_DOCS_OPTIONS)||void 0===t?void 0:t[e]:null}exports.setGlobalStore=setGlobalStore,exports.debounce=debounce,exports.toSessionStorage=toSessionStorage,exports.fromSessionStorage=fromSessionStorage,exports.setParameterValue=setParameterValue,exports.getParameterValue=getParameterValue,exports.toLocalStorage=toLocalStorage,exports.fromLocalStorage=fromLocalStorage,exports.useDimensions=useDimensions,exports.escapeFormId=escapeFormId,exports.unescapeFormId=unescapeFormId,exports.setSecurityDetails=setSecurityDetails,exports.setSecurityDetailsVariants=setSecurityDetailsVariants,exports.getSecurityDetails=getSecurityDetails,exports.getSecurityDetailsOptions=getSecurityDetailsOptions,exports.get=get,exports.joinStringFactory=joinStringFactory,exports.dottedString=joinStringFactory("."),exports.getWindowReferenceOptions=getWindowReferenceOptions;
 //# sourceMappingURL=utils.js.map

package/lib-esm/components/Endpoint/Endpoint.js

@@ -1,2 +1,2 @@
-import React,{useState,useContext}from"react";import{OptionsConsumer}from"../../redoc-lib/src/components/OptionsProvider";import{StoreConsumer,StoreContext}from"../../redoc-lib/src/components/StoreBuilder";import{Console}from"../console/ConsoleLazy";import{CodePanel}from"../Panel";import{ServerList}from"./ServerList";import{Summary}from"./Summary";import{AnalyticsEventType}from"../../services/store-types";export var Endpoint=function(e){var t=e.operation,o=e.hideHostname,r=useState(!1),n=r[0],a=r[1],i=useContext(StoreContext),l=function(){var e,o;a(!n),null===(o=null===(e=null==i?void 0:i.options.events)||void 0===e?void 0:e.tryItOpen)||void 0===o||o.call(e,{eventType: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.createElement(React.Fragment,null,n?React.createElement(StoreConsumer,null,(function(e){return React.createElement(Console,{store:e,operation:t,onClose:l})})):React.createElement(CodePanel,{header:function(e){var o=e.toggle,r=e.expanded;return React.createElement(Summary,{operation:t,expanded:r,toggle:o,showConsole:!!(null==i?void 0:i.options.showConsole),onToggleConsole:l,tryItOverride:null==i?void 0:i.options.unstable_tryItButtonOverride})},expanded:!1},React.createElement(OptionsConsumer,null,(function(e){return React.createElement(ServerList,{operation:t,expandVariables:e.expandDefaultServerVariables,hideHostname:o||e.hideHostname})}))))};
+import React,{useState,useContext}from"react";import{OptionsConsumer}from"../../redoc-lib/src/components/OptionsProvider";import{StoreConsumer,StoreContext}from"../../redoc-lib/src/components/StoreBuilder";import{Console}from"../console/ConsoleLazy";import{CodePanel}from"../Panel";import{AnalyticsEventType}from"../../services/store-types";import{ServerList}from"./ServerList";import{Summary}from"./Summary";export var Endpoint=function(e){var t=e.operation,o=e.hideHostname,r=useState(!1),n=r[0],a=r[1],i=useContext(StoreContext),l=function(){var e,o;a(!n),null===(o=null===(e=null==i?void 0:i.options.events)||void 0===e?void 0:e.tryItOpen)||void 0===o||o.call(e,{eventType: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.createElement(React.Fragment,null,n?React.createElement(StoreConsumer,null,(function(e){return React.createElement(Console,{store:e,operation:t,onClose:l})})):React.createElement(CodePanel,{header:function(e){var o=e.toggle,r=e.expanded,n=!!(null==i?void 0:i.options.showConsole)&&!t.hideTryItPanel;return React.createElement(Summary,{operation:t,expanded:r,toggle:o,showConsole:n,onToggleConsole:l,tryItOverride:null==i?void 0:i.options.unstable_tryItButtonOverride})},expanded:!1},React.createElement(OptionsConsumer,null,(function(e){return React.createElement(ServerList,{operation:t,expandVariables:e.expandDefaultServerVariables,hideHostname:o||e.hideHostname})}))))};
 //# sourceMappingURL=Endpoint.js.map

package/lib-esm/components/Endpoint/ServerList.js

@@ -1,2 +1,2 @@
-import React from"react";import{expandDefaultServerVariables,getBasePath}from"../../redoc-lib/src/utils";import{Markdown}from"../../redoc-lib/src/components/Markdown/Markdown";import{SelectOnClick}from"../shared";import{ServerItem}from"./ServerItem";import{ServerUrl}from"./ServerUrl";import{CopyLink}from"./CopyLink";export var ServerList=function(e){var r=e.operation,t=e.expandVariables,a=e.hideHostname;return React.createElement(React.Fragment,null,r.servers.map((function(e){var n=t?expandDefaultServerVariables(e.url,e.variables):e.url,o=getBasePath(n),l=(a?"/"===o?"":o:n)+r.path;return React.createElement(ServerItem,{key:n},React.createElement(Markdown,{source:e.description||"",compact:!0}),React.createElement(CopyLink,null,React.createElement(SelectOnClick,null,React.createElement(ServerUrl,null,l))))})))};
+import React from"react";import{expandDefaultServerVariables,getBasePath}from"../../redoc-lib/src/utils";import{Markdown}from"../../redoc-lib/src/components/Markdown";import{SelectOnClick}from"../shared";import{ServerItem}from"./ServerItem";import{ServerUrl}from"./ServerUrl";import{CopyLink}from"./CopyLink";export var ServerList=function(e){var r=e.operation,t=e.expandVariables,a=e.hideHostname;return React.createElement(React.Fragment,null,r.servers.map((function(e){var n=t?expandDefaultServerVariables(e.url,e.variables):e.url,o=getBasePath(n),l=(a?"/"===o?"":o:n)+r.path;return React.createElement(ServerItem,{key:n},React.createElement(Markdown,{source:e.description||"",compact:!0}),React.createElement(CopyLink,null,React.createElement(SelectOnClick,null,React.createElement(ServerUrl,null,l))))})))};
 //# sourceMappingURL=ServerList.js.map

package/lib-esm/components/Endpoint/Summary.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import React from"react";import{ShelfIcon}from"../../redoc-lib/src/common-elements/icons";import styled from"styled-components";import{Button}from"@redocly/theme";import{Header}from"../Panel";import{HttpVerb}from"../shared";import{Path,PathWrapper}from"./Path";var templateObject_1,templateObject_2,TryItButton=styled(Button)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  width: var(--try-it-panel-action-button-width);\n"],["\n  width: var(--try-it-panel-action-button-width);\n"]))),TryItHeader=styled(Header)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  flex-direction: row;\n  align-items: flex-start;\n  flex-wrap: wrap;\n"],["\n  flex-direction: row;\n  align-items: flex-start;\n  flex-wrap: wrap;\n"])));export var Summary=function(t){var e=t.operation,r=t.expanded,a=t.toggle,o=t.onToggleConsole,n=t.tryItOverride,l=t.showConsole,i=(null==n?void 0:n.label)||"Try it",c=(null==n?void 0:n.link)?TryItButton.withComponent("a"):TryItButton;return React.createElement(TryItHeader,{onClick:a,isExpanded:r},React.createElement(PathWrapper,null,React.createElement(HttpVerb,{type:e.httpVerb},e.httpVerb),React.createElement(Path,null,e.path),React.createElement(ShelfIcon,{color:"#9AA5B1",direction:r?"down":"right"})),!e.isWebhook&&!e.isCallback&&l&&React.createElement(c,{color:"primary",onClick:n?function(t){var e;null===(e=null==n?void 0:n.onClick)||void 0===e||e.call(n),t.stopPropagation()}:o,"data-cy":"try-it",href:null==n?void 0:n.link},i)||null)};
+import{__makeTemplateObject}from"tslib";import React from"react";import styled from"styled-components";import{Button}from"@redocly/theme";import{ShelfIcon}from"../../redoc-lib/src/common-elements/icons";import{Header}from"../Panel";import{HttpVerb}from"../shared";import{Path,PathWrapper}from"./Path";var templateObject_1,templateObject_2,TryItButton=styled(Button)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  width: var(--try-it-panel-action-button-width);\n"],["\n  width: var(--try-it-panel-action-button-width);\n"]))),TryItHeader=styled(Header)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  flex-direction: row;\n  align-items: flex-start;\n  flex-wrap: wrap;\n"],["\n  flex-direction: row;\n  align-items: flex-start;\n  flex-wrap: wrap;\n"])));export var Summary=function(t){var e=t.operation,r=t.expanded,a=t.toggle,o=t.onToggleConsole,n=t.tryItOverride,l=t.showConsole,i=(null==n?void 0:n.label)||"Try it",c=(null==n?void 0:n.link)?TryItButton.withComponent("a"):TryItButton;return React.createElement(TryItHeader,{onClick:a,isExpanded:r},React.createElement(PathWrapper,null,React.createElement(HttpVerb,{type:e.httpVerb},e.httpVerb),React.createElement(Path,null,e.path),React.createElement(ShelfIcon,{color:"#9AA5B1",direction:r?"down":"right"})),!e.isWebhook&&!e.isCallback&&l&&React.createElement(c,{color:"primary",onClick:n?function(t){var e;null===(e=null==n?void 0:n.onClick)||void 0===e||e.call(n),t.stopPropagation()}:o,"data-cy":"try-it",href:null==n?void 0:n.link},i)||null)};
 //# sourceMappingURL=Summary.js.map

package/lib-esm/components/NextSectionButton.js

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export{OperationParameters}from"./OperationParameters";
+//# sourceMappingURL=index.js.map

package/lib-esm/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-esm/components/OperationParameters/types.js

@@ -0,0 +1,2 @@
+export var SchemaType;!function(e){e.ARRAY="array",e.OBJECT="object"}(SchemaType||(SchemaType={}));
+//# sourceMappingURL=types.js.map

package/lib-esm/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-esm/components/OperationParameters/utils.js

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

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

@@ -1,2 +1,2 @@
-import React,{useEffect,useState}from"react";import{ShelfIcon}from"../../redoc-lib/src/common-elements";import{Header}from"./Header";import{Trigger}from"./Trigger";import{Title}from"./Title";import{PanelBody}from"./PanelBody";export function PanelComponent(e){var t=e.expanded,n=void 0===t||t,r=e.renderChildrenHidden,o=void 0!==r&&r,a=e.header,c=e.className,i=e.children,l=e.onToggle,d=useState(n),m=d[0],f=d[1],u=useState(!1),s=u[0],g=u[1],p=function(e){e.target instanceof HTMLAnchorElement||(g(!0),f(!m),null==l||l(!m))};return useEffect((function(){return f(n)}),[n]),React.createElement("div",{className:c},a&&("function"==typeof a?a({expanded:m,toggle:p}):React.createElement(Header,{onClick:p,isExpanded:m},React.createElement(Trigger,null,React.createElement(Title,null,a),React.createElement(ShelfIcon,{direction:m?"down":"right"})))),(m||o)&&React.createElement(PanelBody,{hidden:!m,animate:s},i))}
+import React,{useEffect,useState}from"react";import{ShelfIcon}from"../../redoc-lib/src/common-elements";import{Header}from"./Header";import{Trigger}from"./Trigger";import{Title}from"./Title";import{PanelBody}from"./PanelBody";export function PanelComponent(e){var t=e.expanded,r=void 0===t||t,n=e.renderChildrenHidden,a=void 0!==n&&n,o=e.header,c=e.dataHeaderTestId,i=e.className,d=e.children,l=e.onToggle,m=e.description,f=useState(r),s=f[0],p=f[1],u=useState(!1),g=u[0],E=u[1],T=function(e){e.target instanceof HTMLAnchorElement||(E(!0),p(!s),null==l||l(!s))};return useEffect((function(){return p(r)}),[r]),React.createElement("div",{className:i},o&&("function"==typeof o?o({expanded:s,toggle:T}):React.createElement(Header,{"data-cy":c,onClick:T,isExpanded:s},React.createElement(Trigger,null,React.createElement(Title,null,o),React.createElement(ShelfIcon,{direction:s?"down":"right",mr:"10px"}),m))),(s||a)&&React.createElement(PanelBody,{hidden:!s,animate:g},d))}
 //# sourceMappingURL=PanelComponent.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";export var Trigger=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n"],["\n  display: inline-flex;\n  align-items: center;\n"])));var templateObject_1;
+import{__makeTemplateObject}from"tslib";import styled from"styled-components";export var Trigger=styled.div(templateObject_1||(templateObject_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"])));var templateObject_1;
 //# sourceMappingURL=Trigger.js.map

package/lib-esm/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 {

package/lib-esm/components/RedoclyReferenceDocs.js

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

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

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

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

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

package/lib-esm/components/StoreProvider.js

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

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

@@ -1,2 +1,2 @@
-import{__assign,__rest}from"tslib";import React,{useEffect,useState}from"react";import{CollapsingTabsBase}from"./CollapsingTabsBase";import{observer}from"mobx-react";function getActiveIndexFromOperation(e,t,n){var a;return t?"number"==typeof n&&n>0?hasActiveExampleName(null===(a=e[n])||void 0===a?void 0:a.content,t)?n: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||"")})))}export var CollapsingTabs=observer((function(e){var t=e.children,n=__rest(e,["children"]),a=useState(0),r=a[0],o=a[1],i=n.operation,s=n.operation.activeExampleName;useEffect((function(){var e=getActiveIndexFromOperation(i.responses,s,r);e>-1&&o(e)}),[s]);var c=React.useCallback((function(e){r!==e&&o(e)}),[r]);return React.createElement(CollapsingTabsBase,__assign({},n,{activeIndex:r,onChange:c}),t)}));
+import{__assign,__rest}from"tslib";import React,{useEffect,useState}from"react";import{observer}from"mobx-react";import{CollapsingTabsBase}from"./CollapsingTabsBase";function getActiveIndexFromOperation(e,t,n){var a;return t?"number"==typeof n&&n>0?hasActiveExampleName(null===(a=e[n])||void 0===a?void 0:a.content,t)?n: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||"")})))}export var CollapsingTabs=observer((function(e){var t=e.children,n=__rest(e,["children"]),a=useState(0),r=a[0],o=a[1],i=n.operation,s=n.operation.activeExampleName;useEffect((function(){var e=getActiveIndexFromOperation(i.responses,s,r);e>-1&&o(e)}),[s]);var c=React.useCallback((function(e){r!==e&&o(e)}),[r]);return React.createElement(CollapsingTabsBase,__assign({},n,{activeIndex:r,onChange:c}),t)}));
 //# sourceMappingURL=CollapsingTabs.js.map

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

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

package/lib-esm/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-esm/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-esm/components/common/ClearButton/ClearButton.js

@@ -0,0 +1,2 @@
+import React from"react";var ClearButtonComponent=function(e){var t=e.className,a=e.style,n=e.handleClear;return React.createElement("button",{className:t,style:a,onClick:n},"✕")};export var ClearButton=React.memo(ClearButtonComponent);
+//# sourceMappingURL=ClearButton.js.map

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

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

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

@@ -0,0 +1,2 @@
+export*from"./styled";export*from"./types";
+//# sourceMappingURL=index.js.map

package/lib-esm/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-esm/components/common/ClearButton/styled.js

@@ -0,0 +1,2 @@
+import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{ClearButton as ClearButtonComponent}from"./ClearButton";export var ClearButton=styled(ClearButtonComponent)(templateObject_1||(templateObject_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"])));var templateObject_1;
+//# sourceMappingURL=styled.js.map

package/lib-esm/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-esm/components/common/ClearButton/types.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import React from"react";import styled from"styled-components";var templateObject_1,ArrowSvg=function(e){var t=e.className,n=e.style;return React.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.createElement("polyline",{points:"6 9 12 15 18 9"}))},ArrowIcon=styled(ArrowSvg)(templateObject_1||(templateObject_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,a=e.placeholder,o=e.value,r=void 0===o?"":o,l=e.className,i=e.variant,s=void 0===i?"light":i;return React.createElement("div",{className:l+" dropdown-wrapper"},React.createElement(ArrowIcon,{variant:s}),React.createElement("select",{onChange:function(e){var o=e.target.selectedIndex;n(t[a?o-1:o])},value:r,className:"dropdown-select"},a&&React.createElement("option",{disabled:!0,hidden:!0,value:a},a),t.map((function(e,t){var n=e.idx,a=e.value,o=e.title;return React.createElement("option",{key:n||a+t,value:a,className:"dropdown-option"},o||a)}))),React.createElement("label",null,r))};export var Dropdown=React.memo(DropdownComponent);
+import{__makeTemplateObject}from"tslib";import React from"react";import styled from"styled-components";import{ClearButton}from"../ClearButton";var templateObject_1,ArrowSvg=function(e){var t=e.className,n=e.style;return React.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.createElement("polyline",{points:"6 9 12 15 18 9"}))},ArrowIcon=styled(ArrowSvg)(templateObject_1||(templateObject_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,a=e.handleClear,r=e.clearable,o=e.placeholder,l=e.value,i=void 0===l?"":l,c=e.className,s=e.variant,m=void 0===s?"light":s;return React.createElement("div",{className:c+" dropdown-wrapper"},React.createElement(ArrowIcon,{variant:m}),r&&(null==i?void 0:i.length)>0&&React.createElement(ClearButton,{handleClear:a}),React.createElement("select",{onChange:function(e){var a=e.target.selectedIndex;n(t[o||!i?a-1:a])},value:i,className:"dropdown-select"},o&&React.createElement("option",{disabled:!0,hidden:!0,value:o},o),!i&&!o&&React.createElement("option",{disabled:!0}),t.map((function(e,t){var n=e.idx,a=e.value,r=e.title;return React.createElement("option",{key:n||a+t,value:a,className:"dropdown-option"},r||a)}))),React.createElement("label",null,i))};export var Dropdown=React.memo(DropdownComponent);
 //# sourceMappingURL=Dropdown.js.map

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

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

package/lib-esm/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-esm/components/common/FileUpload/FileUpload.js

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

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

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

package/lib-esm/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 {