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

package/lib/components/Search/styled.js

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

package/lib/components/Tabs/CollapsingTabs/CollapsingTab.d.ts

@@ -1 +1 @@
-export declare const CollapsingTab: import("styled-components").StyledComponent<typeof import("react-tabs").Tab, import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const CollapsingTab: import("styled-components").StyledComponent<typeof import("react-tabs").Tab, any, {}, never>;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTab=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../../redoc-lib/src/styled-components")),Tab_1=require("../Tab");exports.CollapsingTab=(0,styled_components_1.default)(Tab_1.Tab)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  max-width: 200px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &.react-tabs__tab--disabled {\n    display: none;\n  }\n"],["\n  max-width: 200px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &.react-tabs__tab--disabled {\n    display: none;\n  }\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTab=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),Tab_1=require("../Tab");exports.CollapsingTab=(0,styled_components_1.default)(Tab_1.Tab)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  max-width: 200px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &.react-tabs__tab--disabled {\n    display: none;\n  }\n"],["\n  max-width: 200px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &.react-tabs__tab--disabled {\n    display: none;\n  }\n"])));
 //# sourceMappingURL=CollapsingTab.js.map

package/lib/components/Tabs/CollapsingTabs/CollapsingTabList.d.ts

@@ -1 +1 @@
-export declare const CollapsingTabList: import("styled-components").StyledComponent<typeof import("react-tabs").TabList, import("../../../services/extendTheme").ProTheme, {}, never>;
+export declare const CollapsingTabList: import("styled-components").StyledComponent<typeof import("react-tabs").TabList, any, {}, never>;

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

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

package/lib/components/Tabs/Tab.d.ts

@@ -1,2 +1,2 @@
 import { Tab as ReactTab } from 'react-tabs';
-export declare const Tab: import("styled-components").StyledComponent<typeof ReactTab, import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const Tab: import("styled-components").StyledComponent<typeof ReactTab, any, {}, never>;

package/lib/components/Tabs/Tab.js

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

package/lib/components/Tabs/TabList.d.ts

@@ -1,2 +1,2 @@
 import { TabList as ReactTabList } from 'react-tabs';
-export declare const TabList: import("styled-components").StyledComponent<typeof ReactTabList, import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const TabList: import("styled-components").StyledComponent<typeof ReactTabList, any, {}, never>;

package/lib/components/Tabs/TabList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabList=void 0;var templateObject_1,tslib_1=require("tslib"),react_tabs_1=require("react-tabs"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components"));exports.TabList=(0,styled_components_1.default)(react_tabs_1.TabList)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n"],["\n  display: flex;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabList=void 0;var templateObject_1,tslib_1=require("tslib"),react_tabs_1=require("react-tabs"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.TabList=(0,styled_components_1.default)(react_tabs_1.TabList)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n"],["\n  display: flex;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n"])));
 //# sourceMappingURL=TabList.js.map

package/lib/components/Tabs/TabPanel.d.ts

@@ -1,2 +1,2 @@
 import { TabPanel as ReactTabPanel } from 'react-tabs';
-export declare const TabPanel: import("styled-components").StyledComponent<typeof ReactTabPanel, import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const TabPanel: import("styled-components").StyledComponent<typeof ReactTabPanel, any, {}, never>;

package/lib/components/Tabs/TabPanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabPanel=void 0;var templateObject_1,tslib_1=require("tslib"),react_tabs_1=require("react-tabs"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components"));exports.TabPanel=(0,styled_components_1.default)(react_tabs_1.TabPanel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: none;\n\n  &.react-tabs__tab-panel--selected {\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n  }\n"],["\n  display: none;\n\n  &.react-tabs__tab-panel--selected {\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n  }\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabPanel=void 0;var templateObject_1,tslib_1=require("tslib"),react_tabs_1=require("react-tabs"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.TabPanel=(0,styled_components_1.default)(react_tabs_1.TabPanel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: none;\n\n  &.react-tabs__tab-panel--selected {\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n  }\n"],["\n  display: none;\n\n  &.react-tabs__tab-panel--selected {\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n  }\n"])));
 //# sourceMappingURL=TabPanel.js.map

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

@@ -1,6 +1,5 @@
 export * from './TabList';
 export * from './Tab';
 export * from './TabPanel';
-export * from './SmallTab';
 export * from './CollapsingTabs';
 export { Tabs } from 'react-tabs';

package/lib/components/Tabs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tabs=void 0;var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./TabList"),exports),(0,tslib_1.__exportStar)(require("./Tab"),exports),(0,tslib_1.__exportStar)(require("./TabPanel"),exports),(0,tslib_1.__exportStar)(require("./SmallTab"),exports),(0,tslib_1.__exportStar)(require("./CollapsingTabs"),exports);var react_tabs_1=require("react-tabs");Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return react_tabs_1.Tabs}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tabs=void 0;var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./TabList"),exports),(0,tslib_1.__exportStar)(require("./Tab"),exports),(0,tslib_1.__exportStar)(require("./TabPanel"),exports),(0,tslib_1.__exportStar)(require("./CollapsingTabs"),exports);var react_tabs_1=require("react-tabs");Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return react_tabs_1.Tabs}});
 //# sourceMappingURL=index.js.map

package/lib/components/VersionSwitcher.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionSwitcher=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../redoc-lib"),Dropdown_1=require("./common/Dropdown"),VersionSwitcher=function(e){var n=e.spec,r=e.onChange,i=n.versionsInfo.map((function(e,n){return{idx:n,value:e.title}}));return React.createElement(VersionWrapper,null,React.createElement(Dropdown_1.VersionDropdown,{options:i,value:i[n.activeVersionIdx].value,onChange:r,ariaLabel:"Version"}))};exports.VersionSwitcher=VersionSwitcher;var templateObject_1,VersionWrapper=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  padding: ",";\n  width: 100%;\n  display: inline-block;\n  font-size: 12px;\n"],["\n  padding: ",";\n  width: 100%;\n  display: inline-block;\n  font-size: 12px;\n"])),(function(e){var n=e.theme;return 2*n.spacing.unit+"px "+4*n.spacing.unit+"px"}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionSwitcher=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),Dropdown_1=require("./common/Dropdown"),VersionSwitcher=function(e){var n=e.spec,t=e.onChange,i=n.versionsInfo.map((function(e,n){return{idx:n,value:e.title}}));return React.createElement(VersionWrapper,null,React.createElement(Dropdown_1.VersionDropdown,{options:i,value:i[n.activeVersionIdx].value,onChange:t,ariaLabel:"Version"}))};exports.VersionSwitcher=VersionSwitcher;var templateObject_1,VersionWrapper=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  padding: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);\n  width: 100%;\n  display: inline-block;\n  font-size: 12px;\n"],["\n  padding: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);\n  width: 100%;\n  display: inline-block;\n  font-size: 12px;\n"])));
 //# sourceMappingURL=VersionSwitcher.js.map

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare const StyledInput: import("styled-components").StyledComponent<"input", import("../../services/extendTheme").ProTheme, {
+export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
     fullWidth?: boolean | undefined;
 }, never>;
 export interface CheckboxExtraProps {

package/lib/components/common/Checkbox.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Checkbox=exports.StyledInput=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components"));exports.StyledInput=styled_components_1.default.input(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  cursor: pointer;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\n\n  align-self: baseline;\n  margin-top: 0;\n  margin-bottom: 0;\n"],["\n  cursor: pointer;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\n\n  align-self: baseline;\n  margin-top: 0;\n  margin-bottom: 0;\n"])));var templateObject_1,templateObject_2,templateObject_3,CheckboxLabel=styled_components_1.default.label(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  cursor: pointer;\n  vertical-align: middle;\n  position: relative;\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  overflow-wrap: break-word;\n  line-height: 20px;\n"],["\n  display: inline-block;\n  cursor: pointer;\n  vertical-align: middle;\n  position: relative;\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  overflow-wrap: break-word;\n  line-height: 20px;\n"]))),CheckBoxWrap=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  width: ",";\n  display: inline-flex;\n  align-items: center;\n\n  & > label {\n    white-space: ",";\n  }\n\n  ","\n"],["\n  width: ",";\n  display: inline-flex;\n  align-items: center;\n\n  & > label {\n    white-space: ",";\n  }\n\n  ","\n"])),(function(e){return e.fullWidth?"100%":"50%"}),(function(e){return e.nowrap?"nowrap":"normal"}),(function(e){return e.nowrap?"":"\n    :not(:first-child) {\n      margin-top: 5px;\n    }\n  "}));function CheckboxComponent(e,n){var t=e.fullWidth,l=e.id,i=e.label,r=e.nowrap;return React.createElement(CheckBoxWrap,{fullWidth:t,nowrap:r},React.createElement(exports.StyledInput,(0,tslib_1.__assign)({},e,{type:"checkbox",ref:n})),React.createElement(CheckboxLabel,{htmlFor:l},i))}exports.Checkbox=React.forwardRef(CheckboxComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Checkbox=exports.StyledInput=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components"));exports.StyledInput=styled_components_1.default.input(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  cursor: pointer;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\n\n  align-self: baseline;\n  margin-top: 0;\n  margin-bottom: 0;\n"],["\n  cursor: pointer;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\n\n  align-self: baseline;\n  margin-top: 0;\n  margin-bottom: 0;\n"])));var templateObject_1,templateObject_2,templateObject_3,CheckboxLabel=styled_components_1.default.label(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  cursor: pointer;\n  vertical-align: middle;\n  position: relative;\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  overflow-wrap: break-word;\n  line-height: 20px;\n"],["\n  display: inline-block;\n  cursor: pointer;\n  vertical-align: middle;\n  position: relative;\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  overflow-wrap: break-word;\n  line-height: 20px;\n"]))),CheckBoxWrap=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  width: ",";\n  display: inline-flex;\n  align-items: center;\n\n  & > label {\n    white-space: ",";\n  }\n\n  ","\n"],["\n  width: ",";\n  display: inline-flex;\n  align-items: center;\n\n  & > label {\n    white-space: ",";\n  }\n\n  ","\n"])),(function(e){return e.fullWidth?"100%":"50%"}),(function(e){return e.nowrap?"nowrap":"normal"}),(function(e){return e.nowrap?"":"\n    :not(:first-child) {\n      margin-top: 5px;\n    }\n  "}));function CheckboxComponent(e,n){var t=e.fullWidth,l=e.id,i=e.label,r=e.nowrap;return React.createElement(CheckBoxWrap,{fullWidth:t,nowrap:r},React.createElement(exports.StyledInput,(0,tslib_1.__assign)({},e,{type:"checkbox",ref:n})),React.createElement(CheckboxLabel,{htmlFor:l},i))}exports.Checkbox=React.forwardRef(CheckboxComponent);
 //# sourceMappingURL=Checkbox.js.map

package/lib/components/common/CheckboxList.js

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

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

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

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

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

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

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

package/lib/components/common/LinearProgress.js

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

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

@@ -1,11 +1,13 @@
 import React from 'react';
 import type { FieldProps } from 'informed';
+import type { FlattenInterpolation, ThemeProps } from 'styled-components';
 import type { DropdownOption, DropdownProps } from './Dropdown';
-export declare const invertedInputStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../services/extendTheme").ProTheme>>;
-export declare const StyledInput: import("styled-components").StyledComponent<"input", import("../../services/extendTheme").ProTheme, {
+export declare const getInvertedInputStyles: (panel: 'samples' | 'try-it') => FlattenInterpolation<ThemeProps<unknown>>;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
     fullWidth?: boolean | undefined;
     inputType?: string | undefined;
     inputActionButton?: InputActionButtonProps | undefined;
+    panel: 'samples' | 'try-it';
 }, never>;
 export interface InputActionButtonProps {
     label: string;
@@ -15,6 +17,7 @@ export interface TextFieldExtraProps extends React.InputHTMLAttributes<HTMLInput
     fullWidth?: boolean;
     errorMessage?: string;
     inputActionButton?: InputActionButtonProps;
+    panel?: 'samples' | 'try-it';
 }
 export declare const TextField: React.ForwardRefExoticComponent<TextFieldExtraProps & React.RefAttributes<HTMLInputElement>>;
 export declare function FormTextField(props: FieldProps<string, GenericObject> & TextFieldExtraProps): JSX.Element;

package/lib/components/common/TextField.js

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

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

@@ -1,17 +1,17 @@
-export declare const Table: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
-export declare const GroupLabel: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
-export declare const FormControl: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
-export declare const FormWrapper: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
-export declare const FormLabel: import("styled-components").StyledComponent<"label", import("../../services/extendTheme").ProTheme, {
+export declare const Table: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const GroupLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FormControl: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FormWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FormLabel: import("styled-components").StyledComponent<"label", any, {
     required?: boolean | undefined;
 }, never>;
-export declare const FormError: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
-export declare const FormWarning: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
-export declare const TokenField: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
-export declare const TokenValue: import("styled-components").StyledComponent<"code", import("../../services/extendTheme").ProTheme, {
+export declare const FormError: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FormWarning: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TokenField: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TokenValue: import("styled-components").StyledComponent<"code", any, {
     masked?: boolean | undefined;
     length: number;
 }, never>;
-export declare const TokenShowHide: import("styled-components").StyledComponent<"span", import("../../services/extendTheme").ProTheme, {}, never>;
-export declare const TokenClear: import("styled-components").StyledComponent<"span", import("../../services/extendTheme").ProTheme, {}, never>;
-export declare const FormHeader: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const TokenShowHide: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TokenClear: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const FormHeader: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/common/form.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FormHeader=exports.TokenClear=exports.TokenShowHide=exports.TokenValue=exports.TokenField=exports.FormWarning=exports.FormError=exports.FormLabel=exports.FormWrapper=exports.FormControl=exports.GroupLabel=exports.Table=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,templateObject_13,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("../../redoc-lib/src/styled-components"));function placeholder(e,t){for(var n="",o=0;o<e;o++)n+=t;return'"'+n+'"'}exports.Table=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: table;\n  width: 100%;\n"],["\n  display: table;\n  width: 100%;\n"]))),exports.GroupLabel=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  color: #969a9a;\n  font-size: 1em;\n  font-weight: normal;\n  text-align: left;\n  position: absolute;\n"],["\n  color: #969a9a;\n  font-size: 1em;\n  font-weight: normal;\n  text-align: left;\n  position: absolute;\n"]))),exports.FormControl=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  width: 100%;\n  font-family: ",";\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 10px;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"],["\n  width: 100%;\n  font-family: ",";\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 10px;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])),(function(e){return e.theme.typography.code.fontFamily})),exports.FormWrapper=styled_components_1.default.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  width: 100%;\n  margin-bottom: 20px;\n"],["\n  width: 100%;\n  margin-bottom: 20px;\n"]))),exports.FormLabel=styled_components_1.default.label(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  padding-bottom: 6px;\n  display: block;\n  white-space: nowrap;\n  line-height: 1em;\n\n  ","\n"],["\n  padding-bottom: 6px;\n  display: block;\n  white-space: nowrap;\n  line-height: 1em;\n\n  ","\n"])),(function(e){var t=e.required,n=e.theme;return t&&(0,styled_components_1.css)(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n      &:after {\n        display: inline-block;\n        content: '*';\n        margin-left: 4px;\n        color: ",";\n      }\n    "],["\n      &:after {\n        display: inline-block;\n        content: '*';\n        margin-left: 4px;\n        color: ",";\n      }\n    "])),n.colors.error.main)})),exports.FormError=styled_components_1.default.div(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  color: ",";\n  font-size: 0.9em;\n  & pre {\n    word-break: break-word;\n    white-space: pre-wrap;\n  }\n"],["\n  color: ",";\n  font-size: 0.9em;\n  & pre {\n    word-break: break-word;\n    white-space: pre-wrap;\n  }\n"])),(function(e){return e.theme.colors.error.main})),exports.FormWarning=styled_components_1.default.div(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  color: ",";\n  font-size: 0.9em;\n"],["\n  color: ",";\n  font-size: 0.9em;\n"])),(function(e){return e.theme.colors.warning.main})),exports.TokenField=styled_components_1.default.div(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  position: relative;\n  margin-bottom: 1em;\n  display: flex;\n"],["\n  position: relative;\n  margin-bottom: 1em;\n  display: flex;\n"]))),exports.TokenValue=styled_components_1.default.code(templateObject_10||(templateObject_10=(0,tslib_1.__makeTemplateObject)(["\n  flex: 1;\n  overflow-wrap: anywhere;\n  ","\n"],["\n  flex: 1;\n  overflow-wrap: anywhere;\n  ","\n"])),(function(e){var t=e.masked,n=e.length;return t&&"\n  color: transparent;\n\n  &:before {\n    content: "+placeholder(n,"*")+";\n    color: white;\n    position: absolute;\n    right: 100px;\n  }\n  "||""})),exports.TokenShowHide=styled_components_1.default.span(templateObject_11||(templateObject_11=(0,tslib_1.__makeTemplateObject)(["\n  padding: 0 5px;\n  cursor: pointer;\n"],["\n  padding: 0 5px;\n  cursor: pointer;\n"]))),exports.TokenClear=(0,styled_components_1.default)(exports.TokenShowHide)(templateObject_12||(templateObject_12=(0,tslib_1.__makeTemplateObject)(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(e){return e.theme.colors.error.main})),exports.FormHeader=styled_components_1.default.div(templateObject_13||(templateObject_13=(0,tslib_1.__makeTemplateObject)(["\n  font-weight: bold;\n  font-size: 1.2em;\n  margin: 1em 0;\n"],["\n  font-weight: bold;\n  font-size: 1.2em;\n  margin: 1em 0;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FormHeader=exports.TokenClear=exports.TokenShowHide=exports.TokenValue=exports.TokenField=exports.FormWarning=exports.FormError=exports.FormLabel=exports.FormWrapper=exports.FormControl=exports.GroupLabel=exports.Table=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,templateObject_13,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components"));function placeholder(e,t){for(var n="",o=0;o<e;o++)n+=t;return'"'+n+'"'}exports.Table=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: table;\n  width: 100%;\n"],["\n  display: table;\n  width: 100%;\n"]))),exports.GroupLabel=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  color: #969a9a;\n  font-size: 1em;\n  font-weight: normal;\n  text-align: left;\n  position: absolute;\n"],["\n  color: #969a9a;\n  font-size: 1em;\n  font-weight: normal;\n  text-align: left;\n  position: absolute;\n"]))),exports.FormControl=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  width: 100%;\n  font-family: var(--code-font-family);\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 10px;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"],["\n  width: 100%;\n  font-family: var(--code-font-family);\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 10px;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"]))),exports.FormWrapper=styled_components_1.default.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  width: 100%;\n  margin-bottom: 20px;\n"],["\n  width: 100%;\n  margin-bottom: 20px;\n"]))),exports.FormLabel=styled_components_1.default.label(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  padding-bottom: 6px;\n  display: block;\n  white-space: nowrap;\n  line-height: 1em;\n\n  ","\n"],["\n  padding-bottom: 6px;\n  display: block;\n  white-space: nowrap;\n  line-height: 1em;\n\n  ","\n"])),(function(e){return e.required&&(0,styled_components_1.css)(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n      &:after {\n        display: inline-block;\n        content: '*';\n        margin-left: 4px;\n        color: var(--color-error-500);\n      }\n    "],["\n      &:after {\n        display: inline-block;\n        content: '*';\n        margin-left: 4px;\n        color: var(--color-error-500);\n      }\n    "])))})),exports.FormError=styled_components_1.default.div(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--color-error-500);\n  font-size: 0.9em;\n  & pre {\n    word-break: break-word;\n    white-space: pre-wrap;\n  }\n"],["\n  color: var(--color-error-500);\n  font-size: 0.9em;\n  & pre {\n    word-break: break-word;\n    white-space: pre-wrap;\n  }\n"]))),exports.FormWarning=styled_components_1.default.div(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--color-warning-500);\n  font-size: 0.9em;\n"],["\n  color: var(--color-warning-500);\n  font-size: 0.9em;\n"]))),exports.TokenField=styled_components_1.default.div(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  position: relative;\n  margin-bottom: 1em;\n  display: flex;\n"],["\n  position: relative;\n  margin-bottom: 1em;\n  display: flex;\n"]))),exports.TokenValue=styled_components_1.default.code(templateObject_10||(templateObject_10=(0,tslib_1.__makeTemplateObject)(["\n  flex: 1;\n  overflow-wrap: anywhere;\n  ","\n"],["\n  flex: 1;\n  overflow-wrap: anywhere;\n  ","\n"])),(function(e){var t=e.masked,n=e.length;return t&&"\n  color: transparent;\n\n  &:before {\n    content: "+placeholder(n,"*")+";\n    color: white;\n    position: absolute;\n    right: 100px;\n  }\n  "||""})),exports.TokenShowHide=styled_components_1.default.span(templateObject_11||(templateObject_11=(0,tslib_1.__makeTemplateObject)(["\n  padding: 0 5px;\n  cursor: pointer;\n"],["\n  padding: 0 5px;\n  cursor: pointer;\n"]))),exports.TokenClear=(0,styled_components_1.default)(exports.TokenShowHide)(templateObject_12||(templateObject_12=(0,tslib_1.__makeTemplateObject)(["\n  color: var(--color-error-500);\n"],["\n  color: var(--color-error-500);\n"]))),exports.FormHeader=styled_components_1.default.div(templateObject_13||(templateObject_13=(0,tslib_1.__makeTemplateObject)(["\n  font-weight: bold;\n  font-size: 1.2em;\n  margin: 1em 0;\n"],["\n  font-weight: bold;\n  font-size: 1.2em;\n  margin: 1em 0;\n"])));
 //# sourceMappingURL=form.js.map

package/lib/components/console/ActionPanel.js

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

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import type { DropdownOption } from '../../common/Dropdown';
+import type { AuthPanelProps, AuthPanelState } from './types';
+export declare class AuthPanel extends React.Component<AuthPanelProps, AuthPanelState> {
+    static getDerivedStateFromProps(props: AuthPanelProps): AuthPanelState;
+    state: {
+        activeScheme: number;
+    };
+    handleSchemeChange: (option: DropdownOption & {
+        idx: number;
+    }) => void;
+    render(): JSX.Element | null;
+}

package/lib/components/console/AuthPanel/AuthPanel.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AuthPanel=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),utils_1=require("../../../utils"),OAuth2TokenInput_1=(0,tslib_1.__importDefault)(require("../OAuth2TokenInput")),OAuth2Flow_1=require("../OAuth2Flow"),OpenIDConnect_1=require("../OpenIDConnect"),TextField_1=require("../../common/TextField"),form_1=require("../../common/form"),Labels_1=require("../../../redoc-lib/src/services/Labels"),styled_1=require("../styled"),utils_2=require("../utils"),AuthPanel=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{activeScheme:0}}),Object.defineProperty(t,"handleSchemeChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.setState({activeScheme:e.idx}),(0,utils_1.toSessionStorage)("securityRequirementName",e.value)}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.operation.security.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})),r=(0,utils_1.fromSessionStorage)("securityRequirementName"),l=t.findIndex((function(e){return e===r}));return{activeScheme:l<0?0:l}}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props.securityDefaults,r=this.state.activeScheme,l=this.props.operation.security,a=l.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})).map((function(e,t){return{value:e,idx:t}}));return 0===a.length?null:React.createElement(React.Fragment,null,React.createElement(form_1.FormWrapper,null,a.length>1&&React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Security scheme: "),React.createElement(styled_1.TryItDropdown,{variant:"dark",fullWidth:!0,options:a,value:a[r].value,onChange:this.handleSchemeChange}))||null,l[r].schemes.map((function(r){var l,a,o,i,n,u,s,c=(0,utils_1.escapeFormId)(r.id);if("apiKey"===r.type){var d=(0,utils_1.getSecurityDetailsOptions)(c,""),m={field:"auth."+c,fullWidth:!0,initialValue:(0,utils_2.fromCookie)(r)||(0,utils_1.fromSessionStorage)("auth."+c)||(null==t?void 0:t[c]),initValue:(0,utils_2.fromCookie)(r)||(0,utils_1.fromSessionStorage)("auth."+c)||(null==t?void 0:t[c]),validate:utils_2.requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(form_1.FormControl,{key:c},React.createElement(form_1.FormLabel,null," ",r.name,": "),d?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},m,{options:d})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},m,{type:"password",panel:"try-it","data-cy":"apiKey-auth-password"})))}if("http"===r.type){if("basic"===r.scheme){var p=(0,utils_1.getSecurityDetailsOptions)(c,"username");m={field:"auth."+c+".username",fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)("auth."+c+".username")||(null===(l=null==t?void 0:t[c])||void 0===l?void 0:l.username),initValue:(0,utils_1.fromSessionStorage)("auth."+c+".username")||(null===(a=null==t?void 0:t[c])||void 0===a?void 0:a.username),validate:utils_2.requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:c},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," ",(0,Labels_1.l)("tryItAuthBasicUsername"),": "),p?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},m,{options:p})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},m,{panel:"try-it"}))),React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," ",(0,Labels_1.l)("tryItAuthBasicPassword"),": "),React.createElement(TextField_1.FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:"auth."+c+".password",initialValue:(0,utils_1.fromSessionStorage)("auth."+c+".password")||(null===(o=null==t?void 0:t[c])||void 0===o?void 0:o.password)||"",validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("bearer"===r.scheme){var f=(0,utils_1.getSecurityDetailsOptions)(c,"");m={field:"auth."+c,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)("auth."+c)||(null==t?void 0:t[c]),initValue:(0,utils_1.fromSessionStorage)("auth."+c)||(null==t?void 0:t[c]),validate:utils_2.requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:c},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Bearer Token: "),f?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},m,{options:f})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},m,{type:"password",placeholder:"(without 'Bearer')",panel:"try-it"}))))}}else{if("oauth2"===r.type&&r.flows&&r.flows.clientCredentials)return React.createElement(OAuth2TokenInput_1.default,{key:c,flow:r.flows.clientCredentials,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:c,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.clientCredentials["x-defaultClientId"]||r["x-defaultClientId"],defaultValues:null==t?void 0:t[c]});if("oauth2"===r.type&&r.flows&&r.flows.implicit)return React.createElement(OAuth2Flow_1.OAuth2Flow,{key:c,authorizationUrl:r.flows.implicit.authorizationUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(n=null===(i=null==r?void 0:r.flows)||void 0===i?void 0:i.implicit)||void 0===n?void 0:n.scopes)||{}),server:e.props.activeServer,id:c,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.implicit["x-defaultClientId"]||r["x-defaultClientId"],flow:"implicit",defaultValues:null==t?void 0:t[c]});if("oauth2"===r.type&&r.flows&&r.flows.authorizationCode)return React.createElement(OAuth2Flow_1.OAuth2Flow,{key:c,authorizationUrl:r.flows.authorizationCode.authorizationUrl,tokenUrl:r.flows.authorizationCode.tokenUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(u=r.flows.authorizationCode)||void 0===u?void 0:u.scopes)||{}),server:e.props.activeServer,id:c,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.authorizationCode["x-defaultClientId"]||r["x-defaultClientId"],flow:"authorizationCode",usePkce:r.flows.authorizationCode["x-usePkce"],defaultValues:null==t?void 0:t[c]});if("oauth2"===r.type){var h=(0,utils_1.fromSessionStorage)("auth."+c+".token")||JSON.stringify(null===(s=null==t?void 0:t[c])||void 0===s?void 0:s.token);return h=h?JSON.parse(h):{},React.createElement(React.Fragment,{key:c},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Access Token Type: "),React.createElement(TextField_1.FormTextField,{fullWidth:!0,field:"auth."+c+".token.token_type",initialValue:h.token_type||"Bearer",panel:"try-it"})),React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Access Token: "),React.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:"auth."+c+".token.access_token",validate:utils_2.requiredValidator,initialValue:h.access_token,validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("openIdConnect"===r.type)return React.createElement(OpenIDConnect_1.OpenIDConnect,{key:c,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:c,form:e.props.form,formApi:e.props.formApi,scheme:r,clientId:r["x-defaultClientId"],defaultValues:null==t?void 0:t[c]})}}))),React.createElement("small",null,React.createElement("strong",null,"Note"),": Your credentials will be saved until the end of the browser session"))}}),t}(React.Component);exports.AuthPanel=AuthPanel;
+//# sourceMappingURL=AuthPanel.js.map

package/lib/components/console/AuthPanel/index.d.ts

@@ -0,0 +1,2 @@
+export { AuthPanel } from './AuthPanel';
+export type { AuthPanelProps, AuthPanelState } from './types';

package/lib/components/console/AuthPanel/index.js

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

package/lib/components/console/AuthPanel/types.d.ts

@@ -0,0 +1,14 @@
+import type { FormApi, FormState } from 'informed';
+import type { OperationModel } from '../../../redoc-lib';
+import type { SecurityDetails } from '../../../utils';
+export interface AuthPanelProps {
+    operation: OperationModel;
+    form: FormState;
+    formApi: FormApi;
+    activeServer: string;
+    authCorsProxyUrl: Maybe<string>;
+    securityDefaults?: Record<string, SecurityDetails | string>;
+}
+export interface AuthPanelState {
+    activeScheme: number;
+}

package/lib/components/console/AuthPanel/types.js

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

package/lib/components/console/CodemirrorInput.js

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