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

package/lib-esm/services/utils.js

@@ -1,2 +1,2 @@
-import{__assign,__awaiter,__generator}from"tslib";import merge from"deepmerge";import{isMergeableObject,isObject}from"../redoc-lib/src/utils/helpers";export function normalizePath(e){return e.startsWith("/")||(e="/"+e),e.endsWith("/")&&(e=e.slice(0,-1)),e}export function isSameMime(e,r){return!(!e||!r)&&normalizeMimeType(e)===normalizeMimeType(r)}export function normalizeMimeType(e){if(e)return e.split(";")[0].toLowerCase()}export function unescapeServerVariables(e){var r=new RegExp("%7B","g"),t=new RegExp("%7D","g");return e.replace(r,"{").replace(t,"}").replace("///","//")}export function arrayMergeStrategy(e,r){if(!e.length||!hasObjectOrArray(e))return r;var t=e.filter((function(e){return Object.keys(e).length>0}));return r.forEach((function(r,n){isMergeableObject(r)?t[n]=merge(e[n],r,{arrayMerge:arrayMergeStrategy}):Array.isArray(r)?t.push(r):t[n]=r})),t}var hasObjectOrArray=function(e){return e.some((function(e){return isObject(e)&&Object.keys(e).length>0}))};export function isEmptyObject(e){return!!e&&0===Object.keys(e).length}export var cryptoLib="undefined"!=typeof window&&(window.crypto||window.msCrypto)||void 0;export function randString(e){void 0===e&&(e=32);for(var r="";r.length<e;)r+=Math.random().toString(32).substring(2);return r.substring(0,e)}export function encodeState(e){var r=__assign({randomStr:randString()},e);return btoa(JSON.stringify(r))}export function sha256(e){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(t){return r=(new TextEncoder).encode(e),[2,null==cryptoLib?void 0:cryptoLib.subtle.digest("SHA-256",r)]}))}))}export function base64UrlEncode(e){if(e)return btoa(String.fromCharCode.apply(null,new Uint8Array(e))).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"")}
+import{__assign,__awaiter,__generator}from"tslib";import merge from"deepmerge";import{isMergeableObject,isObject}from"../redoc-lib/src/utils/helpers";export function normalizePath(r){return r.startsWith("/")||(r="/"+r),r.endsWith("/")&&(r=r.slice(0,-1)),r}export function isSameMime(r,e){return!(!r||!e)&&normalizeMimeType(r)===normalizeMimeType(e)}export function normalizeMimeType(r){if(r){var e=r.split(";")[0].toLowerCase().split("/"),t=e[0],n=e[1];return void 0===n?t:t+"/"+n.split("+").pop()}}export function unescapeServerVariables(r){var e=new RegExp("%7B","g"),t=new RegExp("%7D","g");return r.replace(e,"{").replace(t,"}").replace("///","//")}export function arrayMergeStrategy(r,e){if(!r.length||!hasObjectOrArray(r))return e;var t=r.filter((function(r){return Object.keys(r).length>0}));return e.forEach((function(e,n){isMergeableObject(e)?t[n]=merge(r[n],e,{arrayMerge:arrayMergeStrategy}):Array.isArray(e)?t.push(e):t[n]=e})),t}var hasObjectOrArray=function(r){return r.some((function(r){return isObject(r)&&Object.keys(r).length>0}))};export function isEmptyObject(r){return!!r&&0===Object.keys(r).length}export var cryptoLib="undefined"!=typeof window&&(window.crypto||window.msCrypto)||void 0;export function randString(r){void 0===r&&(r=32);for(var e="";e.length<r;)e+=Math.random().toString(32).substring(2);return e.substring(0,r)}export function encodeState(r){var e=__assign({randomStr:randString()},r);return btoa(JSON.stringify(e))}export function sha256(r){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){return e=(new TextEncoder).encode(r),[2,null==cryptoLib?void 0:cryptoLib.subtle.digest("SHA-256",e)]}))}))}export function base64UrlEncode(r){if(r)return btoa(String.fromCharCode.apply(null,new Uint8Array(r))).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"")}
 //# sourceMappingURL=utils.js.map

package/lib-esm/standalone.d.ts

@@ -15,8 +15,8 @@ import 'unfetch/polyfill/index';
 import 'url-polyfill';
 import type { OpenAPIDefinition } from './redoc-lib';
 import type { ProStoreState, RedocProRawOptions } from './services/ProStore';
-import { LayoutVariant } from './services/store-types';
 import type { SpecVersions } from './services/VersionedSpecStore';
+import { LayoutVariant } from './services/store-types';
 export { setSecurityDetails, setParameterValue, setSecurityDetailsVariants } from './utils';
 export declare function toggleLayout(layout?: LayoutVariant): void;
 export declare function toggleRightPanel(value?: boolean): void;

package/lib-esm/standalone.js

@@ -1,2 +1,2 @@
-import{__assign}from"tslib";import"core-js/es/array/find-index";import"core-js/es/array/find";import"core-js/es/array/includes";import"core-js/es/map";import"core-js/es/number/is-integer";import"core-js/es/object/assign";import"core-js/es/object/entries";import"core-js/es/object/is";import"core-js/es/object/values";import"core-js/es/promise";import"core-js/es/string/ends-with";import"core-js/es/string/starts-with";import"core-js/es/symbol";import"unfetch/polyfill/index";import"url-polyfill";import{dirname}from"path";import*as React from"react";import{hydrate as hydrateComponent,render}from"react-dom";import{querySelector,IS_BROWSER}from"./redoc-lib";import{ProStore}from"./services/ProStore";import{LayoutVariant}from"./services/store-types";import{RedoclyReferenceDocs,RedoclyReferenceDocsStandalone,RedoclyReferenceDocsMultiStandalone}from"./components/RedoclyReferenceDocs";import{getGlobalStore}from"./utils";export{setSecurityDetails,setParameterValue,setSecurityDetailsVariants}from"./utils";export function toggleLayout(e){var r=getGlobalStore();r&&r.toggleLayout((null!=e?e:r.layout===LayoutVariant.STACKED)?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED)}export function toggleRightPanel(e){var r=getGlobalStore();r&&r.toggleRightPanel(e)}var url=getJsUrl(),__dirname=url?dirname(url)+"/":"";function attributesMap(e){for(var r={},t=e.attributes,o=0;o<t.length;o++){var i=t[o];r[i.name]=i.value}return r}function parseOptionsFromElement(e){var r=attributesMap(e),t={};for(var o in r){t[o.replace(/-(.)/g,(function(e,r){return r.toUpperCase()}))]=r[o]}return t}export function hydrate(e,r){void 0===r&&(r=document.querySelector("redoc"));var t=ProStore.fromJS(e);hydrateComponent(React.createElement(RedoclyReferenceDocs,{store:t}),r)}export function init(e,r,t,o){if(void 0===r&&(r={}),void 0===t&&(t=querySelector("redoc")),null===t)throw new Error('"element" argument is not provided and <redoc> tag is not found on the page');var i,n;"object"==typeof e&&"versions"in e?render(React.createElement(RedoclyReferenceDocsMultiStandalone,{definitions:e,options:__assign(__assign({},r),parseOptionsFromElement(t))},["Loading..."]),t,o):("string"==typeof e?i=e:"object"==typeof e&&(n=e),render(React.createElement(RedoclyReferenceDocsStandalone,{definition:n,definitionUrl:i,options:__assign(__assign({},r),parseOptionsFromElement(t))},["Loading..."]),t,o))}export function setPublicPath(e){__webpack_public_path__=e}export var version=__REDOCLY_API_REFERENCE_VERSION__;export var revision=__REDOCLY_API_REFERENCE_REVISION__;function autoInit(){var e=querySelector("redoc");if(e){var r=e.getAttribute("spec-url");r&&init(r,{},e)}}function getJsUrl(){var e;if(!IS_BROWSER)return"";var r=+new Date+Math.random();try{return document.currentScript&&(document.currentScript.async||document.currentScript.defer)||document.write('<script id="dummy'+r+'"><\/script>'),(null===(e=document.getElementById("dummy"+r))||void 0===e?void 0:e.previousSibling).src}catch(e){return""}}IS_BROWSER&&setPublicPath(__dirname),autoInit();
+import{__assign}from"tslib";import"core-js/es/array/find-index";import"core-js/es/array/find";import"core-js/es/array/includes";import"core-js/es/map";import"core-js/es/number/is-integer";import"core-js/es/object/assign";import"core-js/es/object/entries";import"core-js/es/object/is";import"core-js/es/object/values";import"core-js/es/promise";import"core-js/es/string/ends-with";import"core-js/es/string/starts-with";import"core-js/es/symbol";import"unfetch/polyfill/index";import"url-polyfill";import{dirname}from"path";import*as React from"react";import{hydrate as hydrateComponent,render}from"react-dom";import{querySelector,IS_BROWSER}from"./redoc-lib";import{ProStore}from"./services/ProStore";import{LayoutVariant}from"./services/store-types";import{RedoclyReferenceDocs,RedoclyReferenceDocsStandalone}from"./components/RedoclyReferenceDocs";import{getGlobalStore,getJsUrl}from"./utils";import{RedoclyReferenceDocsMultiStandalone}from"./components/RedoclyReferenceDocsMultiStandalone";export{setSecurityDetails,setParameterValue,setSecurityDetailsVariants}from"./utils";export function toggleLayout(e){var t=getGlobalStore();t&&t.toggleLayout((null!=e?e:t.layout===LayoutVariant.STACKED)?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED)}export function toggleRightPanel(e){var t=getGlobalStore();t&&t.toggleRightPanel(e)}var url=getJsUrl(),__dirname=url?dirname(url)+"/":"";function attributesMap(e){for(var t={},r=e.attributes,o=0;o<r.length;o++){var i=r[o];t[i.name]=i.value}return t}function parseOptionsFromElement(e){var t=attributesMap(e),r={};for(var o in t){r[o.replace(/-(.)/g,(function(e,t){return t.toUpperCase()}))]=t[o]}return r}export function hydrate(e,t){void 0===t&&(t=document.querySelector("redoc"));var r=ProStore.fromJS(e);hydrateComponent(React.createElement(RedoclyReferenceDocs,{store:r}),t)}export function init(e,t,r,o){if(void 0===t&&(t={}),void 0===r&&(r=querySelector("redoc")),null===r)throw new Error('"element" argument is not provided and <redoc> tag is not found on the page');var i,n;"object"==typeof e&&"versions"in e?render(React.createElement(RedoclyReferenceDocsMultiStandalone,{definitions:e,options:__assign(__assign({},t),parseOptionsFromElement(r))},["Loading..."]),r,o):("string"==typeof e?i=e:"object"==typeof e&&(n=e),render(React.createElement(RedoclyReferenceDocsStandalone,{definition:n,definitionUrl:i,options:__assign(__assign({},t),parseOptionsFromElement(r))},["Loading..."]),r,o))}export function setPublicPath(e){__webpack_public_path__=e}export var version=__REDOCLY_API_REFERENCE_VERSION__;export var revision=__REDOCLY_API_REFERENCE_REVISION__;function autoInit(){var e=querySelector("redoc");if(e){var t=e.getAttribute("spec-url");t&&init(t,{},e)}}IS_BROWSER&&setPublicPath(__dirname),autoInit();
 //# sourceMappingURL=standalone.js.map

package/lib-esm/types.d.ts

@@ -12,3 +12,14 @@ export declare enum MediaTypes {
     JSON = "application/json",
     XML = "application/xml"
 }
+export declare type SecurityDetails = {
+    password?: string;
+    username?: string;
+    token?: {
+        token_type?: string;
+        access_token: string;
+    };
+    client_id?: string;
+    client_secret?: string;
+    scopes?: string;
+};

package/lib-esm/utils.d.ts

@@ -1,4 +1,5 @@
 import type { ProStore } from './services/ProStore';
+import type { SecurityDetails } from './types';
 export declare const getGlobalStore: () => ProStore;
 export declare const setGlobalStore: (store: ProStore) => ProStore;
 export declare function debounce<T extends unknown>(fn: (...args: T[]) => void, threshold: number, leading?: boolean): (...args: T[]) => void;
@@ -8,18 +9,6 @@ export declare function setParameterValue(_in: string, name: string, value: Gene
 export declare function getParameterValue(_in: string, name: string): string | null;
 export declare function toLocalStorage(key: string, value: string): void;
 export declare function fromLocalStorage<T extends string>(key: string): T;
-export declare function useDimensions(node?: HTMLElement | null): [DOMRect | null];
-export declare type SecurityDetails = {
-    password?: string;
-    username?: string;
-    token?: {
-        token_type?: string;
-        access_token: string;
-    };
-    client_id?: string;
-    client_secret?: string;
-    scopes?: string;
-};
 export declare function escapeFormId(id: string): string;
 export declare function unescapeFormId(id: string): string;
 export declare function setSecurityDetails(name: string, details: SecurityDetails | string): void;
@@ -34,7 +23,8 @@ export declare function getSecurityDetailsOptions(name: string, fieldName: strin
     label: string;
     value: string;
 }> | null;
-export declare function get<T>(object: GenericObject, path: string | Array<string>, defval?: T): GenericObject;
+export declare function get<T>(object: GenericObject | undefined, 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;
+export declare function getJsUrl(): string;

package/lib-esm/utils.js

@@ -1,2 +1,2 @@
-import*as React from"react";import{IS_BROWSER}from"./redoc-lib/src/utils/";var _store;export var getGlobalStore=function(){return _store};export var setGlobalStore=function(e){return _store=e};export function debounce(e,t,o){var r,n=0;return function(){for(var i=[],a=0;a<arguments.length;a++)i[a]=arguments[a];function s(){n>1&&e.apply(void 0,i),n=0,r=null}n++,r?clearTimeout(r):o&&e.apply(void 0,i),r=setTimeout(s,t)}}export function toSessionStorage(e,t){IS_BROWSER&&window.sessionStorage.setItem("redoc."+e,t)}export function fromSessionStorage(e){return IS_BROWSER&&window.sessionStorage.getItem("redoc."+e)||""}export function setParameterValue(e,t,o){toSessionStorage(e+"."+t,JSON.stringify(o))}export function getParameterValue(e,t){try{return JSON.parse(fromSessionStorage(e+"."+t))}catch(e){return null}}export function toLocalStorage(e,t){window.localStorage.setItem("redoc."+e,t)}export function fromLocalStorage(e){return IS_BROWSER&&window.localStorage.getItem("redoc."+e)||""}export 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]}export function escapeFormId(e){return e.replace(/[.[\]]/g,(function(e){return{".":"%2e","[":"%5b","]":"%5d"}[e]||""}))}export function unescapeFormId(e){return e.replace(/%2e|%5b|%5d/g,(function(e){return{"%2e":".","%5b":"[","%5d":"]"}[e]||""}))}export 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)||""))}export function setSecurityDetailsVariants(e,t){toSessionStorage("auth."+(e=escapeFormId(e))+".variants",JSON.stringify(t))}export 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")}}export 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}export 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)}export function joinStringFactory(e){return function(){for(var t=[],o=0;o<arguments.length;o++)t[o]=arguments[o];return t.filter(Boolean).join(e)}}export var dottedString=joinStringFactory(".");export function getWindowReferenceOptions(e){var t;return IS_BROWSER?null===(t=null===window||void 0===window?void 0:window.REFERENCE_DOCS_OPTIONS)||void 0===t?void 0:t[e]:null}
+import{IS_BROWSER}from"./redoc-lib/src/utils";var _store;export var getGlobalStore=function(){return _store};export var setGlobalStore=function(e){return _store=e};export function debounce(e,t,r){var o,n=0;return function(){for(var i=[],a=0;a<arguments.length;a++)i[a]=arguments[a];function s(){n>1&&e.apply(void 0,i),n=0,o=null}n++,o?clearTimeout(o):r&&e.apply(void 0,i),o=setTimeout(s,t)}}export function toSessionStorage(e,t){IS_BROWSER&&window.sessionStorage.setItem("redoc."+e,t)}export function fromSessionStorage(e){return IS_BROWSER&&window.sessionStorage.getItem("redoc."+e)||""}export function setParameterValue(e,t,r){toSessionStorage(e+"."+t,JSON.stringify(r))}export function getParameterValue(e,t){try{return JSON.parse(fromSessionStorage(e+"."+t))}catch(e){return null}}export function toLocalStorage(e,t){window.localStorage.setItem("redoc."+e,t)}export function fromLocalStorage(e){return IS_BROWSER&&window.localStorage.getItem("redoc."+e)||""}export function escapeFormId(e){return e.replace(/[.[\]]/g,(function(e){return{".":"%2e","[":"%5b","]":"%5d"}[e]||""}))}export function unescapeFormId(e){return e.replace(/%2e|%5b|%5d/g,(function(e){return{"%2e":".","%5b":"[","%5d":"]"}[e]||""}))}export 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)||""))}export function setSecurityDetailsVariants(e,t){toSessionStorage("auth."+(e=escapeFormId(e))+".variants",JSON.stringify(t))}export 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")}}export 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}export function get(e,t,r){return void 0===e&&(e={}),"string"==typeof t&&(t=t.split(".")),t.reduce((function(e,t){return e&&e[t]?e[t]:r}),e)}export function joinStringFactory(e){return function(){for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return t.filter(Boolean).join(e)}}export var dottedString=joinStringFactory(".");export function getWindowReferenceOptions(e){var t;return IS_BROWSER?null===(t=null===window||void 0===window?void 0:window.REFERENCE_DOCS_OPTIONS)||void 0===t?void 0:t[e]:null}export function getJsUrl(){var e;if(!IS_BROWSER)return"";var t=+new Date+Math.random();try{return document.currentScript&&(document.currentScript.async||document.currentScript.defer)||document.write('<script id="dummy'+t+'"><\/script>'),(null===(e=document.getElementById("dummy"+t))||void 0===e?void 0:e.previousSibling).src}catch(e){return""}}
 //# sourceMappingURL=utils.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/reference-docs",
-  "version": "3.0.0-alpha.2",
+  "version": "3.0.0-alpha.5",
   "description": "Redocly Reference Docs",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -77,7 +77,7 @@
     "test:unit": "jest",
     "test:unit:watch": "jest --watch",
     "test:update-snapshot": "jest --updateSnapshot",
-    "test:e2e": "npm run bundle && percy exec -- cypress run",
+    "test:e2e": "npm run bundle && npm run bundle-cli && scripts/build-cli.sh && percy exec -- cypress run",
     "cypress": "cypress open",
     "list-licenses": "node ./scripts/list-licenses.js",
     "license-check": "license-checker --production --onlyAllow 'MIT;ISC;Apache-2.0;Apache;CC0-1.0;BSD;BSD-2-Clause;BSD-3-Clause;UNKNOWN' --summary",
@@ -87,7 +87,7 @@
     "prepare": "husky install"
   },
   "peerDependencies": {
-    "@redocly/theme": "^0.1.10",
+    "@redocly/theme": "^0.4.1",
     "core-js": "^3.1.4",
     "mobx": "^6.3.2",
     "react": "^16.8.4 || ^17.0.0",
@@ -97,14 +97,16 @@
   "devDependencies": {
     "@percy/cli": "^1.0.0-beta.68",
     "@percy/cypress": "^3.1.1",
-    "@redocly/theme": "^0.1.10",
+    "@redocly/theme": "^0.4.1",
     "@testing-library/jest-dom": "^5.15.1",
     "@testing-library/react": "^11.1.0",
+    "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^12.1.10",
     "@types/codemirror": "0.0.88",
     "@types/dompurify": "^2.0.2",
     "@types/enzyme-to-json": "^1.5.3",
     "@types/jest": "^25.1.4",
+    "@types/jest-when": "^3.5.2",
     "@types/json-pointer": "^1.0.30",
     "@types/mark.js": "^8.11.5",
     "@types/marked": "^4.0.1",
@@ -135,10 +137,13 @@
     "fork-ts-checker-webpack-plugin": "^6.5.0",
     "html-webpack-plugin": "^4.0.3",
     "husky": "^7.0.0",
-    "jest": "^26.6.3",
+    "jest": "^28.1.3",
+    "jest-environment-jsdom": "^28.1.3",
     "jest-styled-components": "^7.0.4",
+    "jest-when": "^3.5.1",
     "json-schema": "^0.4.0",
     "mobx": "^6.3.2",
+    "outdent": "^0.8.0",
     "prettier": "2.6.2",
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
@@ -147,64 +152,20 @@
     "string-replace-loader": "^3.1.0",
     "style-loader": "^1.0.1",
     "terser": "^5.6.1",
-    "ts-jest": "^26.4.4",
+    "ts-jest": "^28.0.7",
     "ts-node": "^8.8.1",
     "typescript": "4.4.2",
     "unfetch": "^4.1.0",
     "url-polyfill": "^1.1.7",
     "webpack": "^5.64.4",
     "webpack-cli": "^4.9.1",
-    "webpack-dev-server": "^4.6.0",
+    "webpack-dev-server": "^4.9.3",
     "workerize-loader": "github:redocly/workerize-loader#webpack-5-dist",
     "yaml-js": "^0.2.3"
   },
-  "jest": {
-    "verbose": true,
-    "globals": {
-      "ts-jest": {
-        "diagnostics": {
-          "ignoreCodes": [
-            151001
-          ]
-        }
-      }
-    },
-    "testPathIgnorePatterns": [
-      "cypress"
-    ],
-    "setupFilesAfterEnv": [
-      "<rootDir>/src/setupTests.ts"
-    ],
-    "preset": "ts-jest",
-    "collectCoverage": true,
-    "collectCoverageFrom": [
-      "src/**/*.{ts,tsx}"
-    ],
-    "coverageReporters": [
-      "json",
-      "lcov",
-      "text-summary"
-    ],
-    "coveragePathIgnorePatterns": [
-      "\\.d\\.ts$",
-      "/benchmark/",
-      "/node_modules/"
-    ],
-    "modulePathIgnorePatterns": [
-      "/benchmark/",
-      "src/components/__tests__/mocks/*",
-      "src/models/*"
-    ],
-    "snapshotSerializers": [
-      "enzyme-to-json/serializer"
-    ],
-    "moduleNameMapper": {
-      "\\.(css|less)$": "<rootDir>/src/empty.js"
-    }
-  },
   "lint-staged": {
     "*.{ts,tsx}": [
-      "npm run lint:fix"
+      "eslint --fix"
     ],
     "**/*": [
       "prettier --write --ignore-unknown"

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

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

package/lib/components/Endpoint/CopyLink.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CopyLink=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),theme_1=require("@redocly/theme");exports.CopyLink=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n\n  > div {\n    flex: 1;\n    overflow: hidden;\n  }\n\n  "," {\n    border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0;\n  }\n"],["\n  display: flex;\n\n  > div {\n    flex: 1;\n    overflow: hidden;\n  }\n\n  "," {\n    border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0;\n  }\n"])),theme_1.Button);
-//# sourceMappingURL=CopyLink.js.map

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

@@ -1,4 +0,0 @@
-export declare const Path: import("styled-components").StyledComponent<"span", any, {
-    wrap?: string | undefined;
-}, never>;
-export declare const PathWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/Endpoint/Path.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PathWrapper=exports.Path=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.Path=styled_components_1.default.span(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin: 0 4px;\n  color: var(--color-content-inverse);\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n  max-height: 90px;\n  word-break: break-all;\n"],["\n  margin: 0 4px;\n  color: var(--color-content-inverse);\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n  max-height: 90px;\n  word-break: break-all;\n"])),(function(e){return e.wrap?"normal":"nowrap"}),(function(e){return e.wrap?"anywhere":"normal"})),exports.PathWrapper=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"],["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"])));
-//# sourceMappingURL=Path.js.map

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

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

package/lib/components/Endpoint/ServerItem.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerItem=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.ServerItem=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  padding: 10px 0;\n"],["\n  padding: 10px 0;\n"])));
-//# sourceMappingURL=ServerItem.js.map

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

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

package/lib/components/Endpoint/ServerUrl.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerUrl=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),styled_1=require("../console/styled");exports.ServerUrl=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n  border-radius: var(--global-border-radius);\n  padding: 7px 12px;\n  overflow-wrap: break-word;\n"],["\n  ",";\n  border-radius: var(--global-border-radius);\n  padding: 7px 12px;\n  overflow-wrap: break-word;\n"])),styled_1.invertedInputStyles);
-//# sourceMappingURL=ServerUrl.js.map

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

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

package/lib/components/Panel/CallbackPanel.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackPanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),icons_1=require("../../redoc-lib/src/common-elements/icons"),Panel_1=require("./Panel"),Header_1=require("./Header"),Title_1=require("./Title"),Trigger_1=require("./Trigger");exports.CallbackPanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  background-color: var(--samples-panel-callback-background-color);\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      color: var(--color-content);\n    }\n\n    "," {\n      max-width: calc(100% - 9px - var(--spacing-unit)); /* shelf icon size and small padding */\n      justify-content: flex-start;\n    }\n\n    "," {\n      fill: var(--color-content);\n    }\n  }\n"],["\n  background-color: var(--samples-panel-callback-background-color);\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      color: var(--color-content);\n    }\n\n    "," {\n      max-width: calc(100% - 9px - var(--spacing-unit)); /* shelf icon size and small padding */\n      justify-content: flex-start;\n    }\n\n    "," {\n      fill: var(--color-content);\n    }\n  }\n"])),Header_1.Header,Title_1.Title,Trigger_1.Trigger,icons_1.ShelfIcon);
-//# sourceMappingURL=CallbackPanel.js.map

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

@@ -1 +0,0 @@
-export declare const DarkHeader: import("styled-components").FlattenSimpleInterpolation;

package/lib/components/Panel/DarkHeader.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DarkHeader=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=require("styled-components");exports.DarkHeader=(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  padding: 10px 20px;\n  line-height: 30px;\n  background-color: var(--samples-panel-controls-background-color);\n"],["\n  padding: 10px 20px;\n  line-height: 30px;\n  background-color: var(--samples-panel-controls-background-color);\n"])));
-//# sourceMappingURL=DarkHeader.js.map

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

@@ -1,4 +0,0 @@
-export declare const Header: import("styled-components").StyledComponent<"div", any, {
-    disabled?: boolean | undefined;
-    isExpanded?: boolean | undefined;
-}, never>;

package/lib/components/Panel/Header.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Header=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.Header=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  white-space: nowrap;\n  cursor: pointer;\n  border-radius: ","\n\n  pointer-events: ",";\n\n  a {\n    pointer-events: all;\n  }\n"],["\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  white-space: nowrap;\n  cursor: pointer;\n  border-radius: ","\n\n  pointer-events: ",";\n\n  a {\n    pointer-events: all;\n  }\n"])),(function(e){var n=e.isExpanded?0:"var(--panels-border-radius)";return"var(--panels-border-radius) var(--panels-border-radius) "+n+" "+n+";"}),(function(e){return e.disabled?"none":"auto"}));
-//# sourceMappingURL=Header.js.map

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

@@ -1,2 +0,0 @@
-import { PanelComponent } from './PanelComponent';
-export declare const Panel: import("styled-components").StyledComponent<typeof PanelComponent, any, {}, never>;

package/lib/components/Panel/Panel.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Panel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),PanelComponent_1=require("./PanelComponent"),Header_1=require("./Header"),PanelBody_1=require("./PanelBody");exports.Panel=(0,styled_components_1.default)(PanelComponent_1.PanelComponent)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border-radius: var(--panels-border-radius);\n\n  "," + "," {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  &:not(:last-child) {\n    margin-bottom: 10px;\n  }\n"],["\n  border-radius: var(--panels-border-radius);\n\n  "," + "," {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  &:not(:last-child) {\n    margin-bottom: 10px;\n  }\n"])),Header_1.Header,PanelBody_1.PanelBody);
-//# sourceMappingURL=Panel.js.map

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

@@ -1,4 +0,0 @@
-export declare const PanelBody: import("styled-components").StyledComponent<"div", any, {
-    animate?: boolean | undefined;
-    hidden?: boolean | undefined;
-}, never>;

package/lib/components/Panel/PanelBody.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelBody=void 0;var templateObject_1,templateObject_2,templateObject_3,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),showPanel=(0,styled_components_1.keyframes)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  0% {\n    transform: translateY(-10px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n"],["\n  0% {\n    transform: translateY(-10px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n"]))),showPanelAnimation=(0,styled_components_1.css)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  animation: "," 0.2s;\n"],["\n  animation: "," 0.2s;\n"])),showPanel);exports.PanelBody=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n  ",";\n\n  border-radius: var(--panels-border-radius);\n  background-color: var(--panels-background-color);\n"],["\n  ",";\n  ",";\n\n  border-radius: var(--panels-border-radius);\n  background-color: var(--panels-background-color);\n"])),(function(e){return e.animate&&showPanelAnimation}),(function(e){return e.hidden&&"visibility: hidden"}));
-//# sourceMappingURL=PanelBody.js.map

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

@@ -1,17 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import React from 'react';
-export interface PanelHeaderProps {
-    expanded?: boolean;
-    toggle: (e: React.BaseSyntheticEvent) => void;
-}
-export interface PanelComponentProps {
-    expanded?: boolean;
-    renderChildrenHidden?: boolean;
-    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, dataHeaderTestId, className, children, onToggle, description, }: PropsWithChildren<PanelComponentProps>): JSX.Element;

package/lib/components/Panel/PanelComponent.js

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

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

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

package/lib/components/Panel/ScrollableContentPanel.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ScrollableContentPanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),ContentPanel_1=require("./ContentPanel"),PanelBody_1=require("./PanelBody");exports.ScrollableContentPanel=(0,styled_components_1.default)(ContentPanel_1.ContentPanel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  "," {\n    overflow-x: auto;\n  }\n"],["\n  "," {\n    overflow-x: auto;\n  }\n"])),PanelBody_1.PanelBody);
-//# sourceMappingURL=ScrollableContentPanel.js.map

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

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

package/lib/components/Panel/Title.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Title=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.Title=styled_components_1.default.span(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  line-height: 1;\n  margin-right: 4px;\n  font-weight: 700;\n  color: var(--color-content-inverse);\n"],["\n  line-height: 1;\n  margin-right: 4px;\n  font-weight: 700;\n  color: var(--color-content-inverse);\n"])));
-//# sourceMappingURL=Title.js.map

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import type { RequestBodyModel } from '../../redoc-lib';
-import type { Console } from './Console';
-export interface RequestBodyProps {
-    body: RequestBodyModel;
-    resolvedBody: any;
-    validate: () => string | undefined;
-    console: Console;
-    id: string;
-    properties: any;
-}
-export declare const RequestBody: React.MemoExoticComponent<(props: RequestBodyProps) => JSX.Element>;

package/lib/components/console/RequestBody.js

@@ -1,2 +0,0 @@
-"use strict";var _this=this;Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestBody=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),mobx_react_1=require("mobx-react"),deepmerge_1=(0,tslib_1.__importDefault)(require("deepmerge")),redoc_lib_1=require("../../redoc-lib"),Samples_1=require("../Samples"),utils_1=require("../../services/utils"),helper_1=require("../common/FileUpload/helper"),types_1=require("../../types"),styled_1=require("./styled"),RequestBodyForm_1=require("./RequestBodyForm"),RequestMimeLabel_1=require("./RequestMimeLabel"),CodemirrorInput_1=(0,tslib_1.__importDefault)(require("./CodemirrorInput")),RequestBodyComponent=(0,mobx_react_1.observer)((function(e){var r,t=e.body.content,a=e.console.formApi,i=function(r){var a;if(!t||!t.hasSample)return"";var i=null===(a=t.active)||void 0===a?void 0:a.examples;if(!(null==i?void 0:i[r]))return"";var o=null==i?void 0:i[r].value,l=e.properties?(0,deepmerge_1.default)(o,e.properties,{arrayMerge:utils_1.arrayMergeStrategy}):o;return JSON.stringify(l,null,2)},o=null===(r=null==t?void 0:t.operation)||void 0===r?void 0:r.activeExampleName,l=function(e){var r;null===(r=null==t?void 0:t.operation)||void 0===r||r.activateExampleName(e),a.setValue("body",i(e))},n=function(r){if(!r)return"";if(r.mime===types_1.MediaTypes.URL_ENCODED)return r.value;var t=r.value,a=e.properties?(0,deepmerge_1.default)(t,e.properties,{arrayMerge:utils_1.arrayMergeStrategy}):t;return JSON.stringify(a,null,2)},u=function(e,r){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){return(0,tslib_1.__generator)(this,(function(t){return(0,a.setValue)("body."+e,r),[2]}))}))};(0,react_1.useEffect)((function(){!1!==o?o&&a.setValue("body",i(o)):a.setValue("body",JSON.stringify(e.properties||{},null,2))}),[o]);var s=e.validate,d=e.body;return React.createElement(React.Fragment,null,React.createElement(redoc_lib_1.MediaTypesSwitch,{content:d.content,renderDropdown:function(e){return React.createElement(redoc_lib_1.DropdownOrLabel,(0,tslib_1.__assign)({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel_1.RequestMimeLabel,Dropdown:styled_1.TryItDropdown}))}},(function(r){var t,i=r.examples||{},o=Object.keys(i),d=r.schema,m=(0,helper_1.isRootFileUpload)(d||{},r.name)||r.name===types_1.MediaTypes.MULTIPART||r.name===types_1.MediaTypes.URL_ENCODED,p=(0,Samples_1.useExampleKey)(r.operation,i).exampleKey,_=i[p];return React.createElement(React.Fragment,null,o.length&&1!==o.length&&React.createElement(Samples_1.ExampleSwitch,{examples:i,onChange:l,exampleKey:p,panel:"try-it"})||null,m?React.createElement(RequestBodyForm_1.RequestBodyForm,{mediaType:r,formApi:a,onChange:u.bind(_this)}):React.createElement(CodemirrorInput_1.default,{id:"body"+e.id,field:"body",initialValue:n(_),schema:((null===(t=null==e?void 0:e.resolvedBody)||void 0===t?void 0:t.content[r.name])||{}).schema,mode:r.name,validate:s}))})))}));exports.RequestBody=React.memo(RequestBodyComponent);
-//# sourceMappingURL=RequestBody.js.map

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

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import type { OperationModel, Server } from '../../redoc-lib';
-import type { DropdownOption } from '../common/Dropdown';
-export interface ServerDropdownProps {
-    operation: OperationModel;
-    onChange: (server: Server) => void;
-}
-export interface ServerDropdownState {
-    activeIdx: number;
-    variables?: {
-        [name: string]: string;
-    };
-}
-export declare class ServerChooser extends React.Component<ServerDropdownProps, ServerDropdownState> {
-    state: {
-        activeIdx: number;
-        variables: {};
-    };
-    static getDerivedStateFromProps(props: ServerDropdownProps): ServerDropdownState;
-    handleServerChange: (option: DropdownOption) => void;
-    handleVariableChange: (name: string, rawValue: string) => void;
-    componentDidMount(): void;
-    render(): JSX.Element;
-}

package/lib/components/console/ServerDropdown.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerChooser=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),mobx_react_1=require("mobx-react"),utils_1=require("../../utils"),form_1=require("../common/form"),styled_1=require("./styled"),utils_2=require("./utils"),ServerVariable_1=(0,tslib_1.__importDefault)(require("./ServerVariable")),ServerChooser=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"state",{enumerable:!0,configurable:!0,writable:!0,value:{activeIdx:0,variables:{}}}),Object.defineProperty(r,"handleServerChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=r.props.operation.servers.find((function(r){return r.url===e.serverUrl})),a=(0,utils_2.getDefaultOrStoredVariables)(t);r.props.onChange({url:e.serverUrl||"",variables:a}),(0,utils_1.toSessionStorage)("serverUrl",e.serverUrl||""),r.setState({variables:a})}}),Object.defineProperty(r,"handleVariableChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e,t){var a,i=r.props.operation.servers[r.state.activeIdx],l=t||""===t?t:(0,utils_2.getDefaultOrStoredVariables)(i)[e],n=(0,tslib_1.__assign)((0,tslib_1.__assign)({},r.state.variables),((a={})[e]=l,a));r.setState({variables:n}),(0,utils_2.updateVariablesStorage)(e,l),r.props.onChange((0,tslib_1.__assign)((0,tslib_1.__assign)({},i),{variables:n}))}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.operation,t=(0,utils_1.fromSessionStorage)("serverUrl"),a=r.servers.findIndex((function(e){return e.url===t}));return{activeIdx:a<0?0:a}}}),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=(0,utils_2.getServerWithVariables)(this.props.operation.servers,this.state.activeIdx);this.props.onChange(e),this.setState({variables:e.variables})}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.state.activeIdx,t=this.props.operation.servers.map((function(r,t){return{idx:t,serverUrl:r.url,value:"\n          "+(0,utils_2.expandDefaultServerVariables)((0,utils_2.expandVariables)(r.url,e.state.variables),r.variables)+"\n        - "+(r.description||"Default")+"\n      "}})),a=Object.keys(this.state.variables);return React.createElement(ServerDropdownWrap,null,React.createElement(form_1.FormLabel,{htmlFor:"server"},"Target server: "),React.createElement(form_1.FormControl,null,React.createElement(styled_1.TryItDropdown,{variant:"dark",value:t[r].value,options:t,fullWidth:!0,onChange:this.handleServerChange})),a.length?a.map((function(r){var t,a=null===(t=e.props.operation.servers[e.state.activeIdx].variables)||void 0===t?void 0:t[r];if(a)return React.createElement(ServerVariable_1.default,{key:r,name:r,value:e.state.variables[r],defaultValue:a.default,onChange:function(t){return e.handleVariableChange(r,t)},variableEnum:a.enum,description:a.description})})):null)}}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.ServerChooser=ServerChooser;var templateObject_1,ServerDropdownWrap=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 20px;\n"],["\n  margin-top: 20px;\n"])));
-//# sourceMappingURL=ServerDropdown.js.map

package/lib/components/shared/SelectOnClick.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-interface SelectOnClickProps {
-    children?: React.ReactNode;
-}
-export declare const SelectOnClick: ({ children }: SelectOnClickProps) => JSX.Element;
-export {};

package/lib/components/shared/SelectOnClick.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelectOnClick=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),theme_1=require("@redocly/theme"),SelectOnClick=function(e){var t,r=e.children,c=function(){theme_1.ClipboardService.selectElement(t)};return React.createElement("div",{ref:function(e){return t=e},onClick:c,onFocus:c,tabIndex:0,role:"button"},r)};exports.SelectOnClick=SelectOnClick;
-//# sourceMappingURL=SelectOnClick.js.map

package/lib/redoc-lib/src/components/Responses/styled.elements.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Wrapper=exports.HeadersCaption=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),common_elements_1=require("../../common-elements");exports.HeadersCaption=(0,styled_components_1.default)(common_elements_1.FieldsGroupHeader.withComponent("caption"))(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  text-align: left;\n  margin-top: 1em;\n  caption-side: top;\n"],["\n  text-align: left;\n  margin-top: 1em;\n  caption-side: top;\n"]))),exports.Wrapper=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 1em;\n"],["\n  margin-bottom: 1em;\n"])));
-//# sourceMappingURL=styled.elements.js.map

package/lib-esm/components/Endpoint/CopyLink.d.ts

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

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{Button}from"@redocly/theme";export var CopyLink=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  display: flex;\n\n  > div {\n    flex: 1;\n    overflow: hidden;\n  }\n\n  "," {\n    border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0;\n  }\n"],["\n  display: flex;\n\n  > div {\n    flex: 1;\n    overflow: hidden;\n  }\n\n  "," {\n    border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0;\n  }\n"])),Button);var templateObject_1;
-//# sourceMappingURL=CopyLink.js.map

package/lib-esm/components/Endpoint/Path.d.ts

@@ -1,4 +0,0 @@
-export declare const Path: import("styled-components").StyledComponent<"span", any, {
-    wrap?: string | undefined;
-}, never>;
-export declare const PathWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";export var Path=styled.span(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin: 0 4px;\n  color: var(--color-content-inverse);\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n  max-height: 90px;\n  word-break: break-all;\n"],["\n  margin: 0 4px;\n  color: var(--color-content-inverse);\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n  max-height: 90px;\n  word-break: break-all;\n"])),(function(e){return e.wrap?"normal":"nowrap"}),(function(e){return e.wrap?"anywhere":"normal"}));export var PathWrapper=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"],["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"])));var templateObject_1,templateObject_2;
-//# sourceMappingURL=Path.js.map

package/lib-esm/components/Endpoint/ServerItem.d.ts

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

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";export var ServerItem=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  padding: 10px 0;\n"],["\n  padding: 10px 0;\n"])));var templateObject_1;
-//# sourceMappingURL=ServerItem.js.map

package/lib-esm/components/Endpoint/ServerUrl.d.ts

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

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{invertedInputStyles}from"../console/styled";export var ServerUrl=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  ",";\n  border-radius: var(--global-border-radius);\n  padding: 7px 12px;\n  overflow-wrap: break-word;\n"],["\n  ",";\n  border-radius: var(--global-border-radius);\n  padding: 7px 12px;\n  overflow-wrap: break-word;\n"])),invertedInputStyles);var templateObject_1;
-//# sourceMappingURL=ServerUrl.js.map

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

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

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{ShelfIcon}from"../../redoc-lib/src/common-elements/icons";import{Panel}from"./Panel";import{Header}from"./Header";import{Title}from"./Title";import{Trigger}from"./Trigger";export var CallbackPanel=styled(Panel)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  background-color: var(--samples-panel-callback-background-color);\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      color: var(--color-content);\n    }\n\n    "," {\n      max-width: calc(100% - 9px - var(--spacing-unit)); /* shelf icon size and small padding */\n      justify-content: flex-start;\n    }\n\n    "," {\n      fill: var(--color-content);\n    }\n  }\n"],["\n  background-color: var(--samples-panel-callback-background-color);\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      color: var(--color-content);\n    }\n\n    "," {\n      max-width: calc(100% - 9px - var(--spacing-unit)); /* shelf icon size and small padding */\n      justify-content: flex-start;\n    }\n\n    "," {\n      fill: var(--color-content);\n    }\n  }\n"])),Header,Title,Trigger,ShelfIcon);var templateObject_1;
-//# sourceMappingURL=CallbackPanel.js.map

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

@@ -1 +0,0 @@
-export declare const DarkHeader: import("styled-components").FlattenSimpleInterpolation;

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import{css}from"styled-components";export var DarkHeader=css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  padding: 10px 20px;\n  line-height: 30px;\n  background-color: var(--samples-panel-controls-background-color);\n"],["\n  padding: 10px 20px;\n  line-height: 30px;\n  background-color: var(--samples-panel-controls-background-color);\n"])));var templateObject_1;
-//# sourceMappingURL=DarkHeader.js.map

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

@@ -1,4 +0,0 @@
-export declare const Header: import("styled-components").StyledComponent<"div", any, {
-    disabled?: boolean | undefined;
-    isExpanded?: boolean | undefined;
-}, never>;

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";export var Header=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  white-space: nowrap;\n  cursor: pointer;\n  border-radius: ","\n\n  pointer-events: ",";\n\n  a {\n    pointer-events: all;\n  }\n"],["\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  white-space: nowrap;\n  cursor: pointer;\n  border-radius: ","\n\n  pointer-events: ",";\n\n  a {\n    pointer-events: all;\n  }\n"])),(function(e){var n=e.isExpanded?0:"var(--panels-border-radius)";return"var(--panels-border-radius) var(--panels-border-radius) "+n+" "+n+";"}),(function(e){return e.disabled?"none":"auto"}));var templateObject_1;
-//# sourceMappingURL=Header.js.map

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

@@ -1,2 +0,0 @@
-import { PanelComponent } from './PanelComponent';
-export declare const Panel: import("styled-components").StyledComponent<typeof PanelComponent, any, {}, never>;

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{PanelComponent}from"./PanelComponent";import{Header}from"./Header";import{PanelBody}from"./PanelBody";export var Panel=styled(PanelComponent)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  border-radius: var(--panels-border-radius);\n\n  "," + "," {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  &:not(:last-child) {\n    margin-bottom: 10px;\n  }\n"],["\n  border-radius: var(--panels-border-radius);\n\n  "," + "," {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  &:not(:last-child) {\n    margin-bottom: 10px;\n  }\n"])),Header,PanelBody);var templateObject_1;
-//# sourceMappingURL=Panel.js.map

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

@@ -1,4 +0,0 @@
-export declare const PanelBody: import("styled-components").StyledComponent<"div", any, {
-    animate?: boolean | undefined;
-    hidden?: boolean | undefined;
-}, never>;

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled,{keyframes,css}from"styled-components";var templateObject_1,templateObject_2,templateObject_3,showPanel=keyframes(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  0% {\n    transform: translateY(-10px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n"],["\n  0% {\n    transform: translateY(-10px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n"]))),showPanelAnimation=css(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  animation: "," 0.2s;\n"],["\n  animation: "," 0.2s;\n"])),showPanel);export var PanelBody=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  ",";\n  ",";\n\n  border-radius: var(--panels-border-radius);\n  background-color: var(--panels-background-color);\n"],["\n  ",";\n  ",";\n\n  border-radius: var(--panels-border-radius);\n  background-color: var(--panels-background-color);\n"])),(function(e){return e.animate&&showPanelAnimation}),(function(e){return e.hidden&&"visibility: hidden"}));
-//# sourceMappingURL=PanelBody.js.map

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

@@ -1,17 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import React from 'react';
-export interface PanelHeaderProps {
-    expanded?: boolean;
-    toggle: (e: React.BaseSyntheticEvent) => void;
-}
-export interface PanelComponentProps {
-    expanded?: boolean;
-    renderChildrenHidden?: boolean;
-    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, dataHeaderTestId, className, children, onToggle, description, }: PropsWithChildren<PanelComponentProps>): JSX.Element;

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

@@ -1,2 +0,0 @@
-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/ScrollableContentPanel.d.ts

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

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{ContentPanel}from"./ContentPanel";import{PanelBody}from"./PanelBody";export var ScrollableContentPanel=styled(ContentPanel)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  "," {\n    overflow-x: auto;\n  }\n"],["\n  "," {\n    overflow-x: auto;\n  }\n"])),PanelBody);var templateObject_1;
-//# sourceMappingURL=ScrollableContentPanel.js.map

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

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