@redocly/reference-docs 2.43.4 → 2.43.5

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

@@ -1,2 +1,25 @@
-import{__makeTemplateObject}from"tslib";import styled from"../../redoc-lib/src/styled-components";import{Tab}from"./Tab";export var SmallTab=styled(Tab)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  flex: 0 0 auto;\n  padding: 2px 5px;\n  margin-right: 1px;\n  font-size: 12px;\n  min-width: 112px;\n  line-height: 16px;\n  background: ",";\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  &.react-tabs__tab--selected {\n    background: ",";\n    color: ",";\n    border-bottom: none;\n    margin-bottom: 0;\n  }\n\n  ","\n\n  ","\n"],["\n  flex: 0 0 auto;\n  padding: 2px 5px;\n  margin-right: 1px;\n  font-size: 12px;\n  min-width: 112px;\n  line-height: 16px;\n  background: ",";\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  &.react-tabs__tab--selected {\n    background: ",";\n    color: ",";\n    border-bottom: none;\n    margin-bottom: 0;\n  }\n\n  ","\n\n  ","\n"])),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){return n.theme.colors.accent.main}),(function(n){return n.theme.colors.text.light}),(function(n){return n.$error&&"&::after {\n      content: '';\n      display: inline-block;\n      background-color: rgb(255, 77, 77);\n      border-radius: 50%; // for small red dot near text\n      margin-left: 2px;\n      height: 6px;\n      width: 6px;\n  }"}),(function(n){return n.$success&&"&::after {\n      content: '';\n      display: inline-block;\n      background-color: rgb(75, 210, 143);\n      border-radius: 50%; // for small green dot near text\n      margin-left: 2px;\n      height: 6px;\n      width: 6px;\n  }"}));var templateObject_1;
+import styled from"../../redoc-lib/src/styled-components";import{Tab}from"./Tab";export const SmallTab=styled(Tab)`
+  flex: 0 0 auto;
+  padding: 2px 5px;
+  margin-right: 1px;
+  font-size: 12px;
+  min-width: 112px;
+  line-height: 16px;
+  background: ${({theme:n})=>n.rightPanel.panelControlsBackgroundColor};
+
+  &:last-child {
+    margin-right: 0;
+  }
+
+  &.react-tabs__tab--selected {
+    background: ${({theme:n})=>n.colors.accent.main};
+    color: ${({theme:n})=>n.colors.text.light};
+    border-bottom: none;
+    margin-bottom: 0;
+  }
+
+  ${({$error:n})=>n&&"&::after {\n      content: '';\n      display: inline-block;\n      background-color: rgb(255, 77, 77);\n      border-radius: 50%; // for small red dot near text\n      margin-left: 2px;\n      height: 6px;\n      width: 6px;\n  }"}
+
+  ${({$success:n})=>n&&"&::after {\n      content: '';\n      display: inline-block;\n      background-color: rgb(75, 210, 143);\n      border-radius: 50%; // for small green dot near text\n      margin-left: 2px;\n      height: 6px;\n      width: 6px;\n  }"}
+`;
 //# sourceMappingURL=SmallTab.js.map

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

@@ -1,2 +1,26 @@
-import{__makeTemplateObject}from"tslib";import{Tab as ReactTab}from"react-tabs";import styled from"../../redoc-lib/src/styled-components";export var Tab=styled(ReactTab)(templateObject_1||(templateObject_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(n){return n.theme.colors.text.light}),(function(n){return n.theme.rightPanel.panelBackgroundColor}),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){return n.theme.colors.accent.main}),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.theme.shape.borderRadius}));var templateObject_1;
+import{Tab as ReactTab}from"react-tabs";import styled from"../../redoc-lib/src/styled-components";export const Tab=styled(ReactTab)`
+  flex: 1;
+  cursor: pointer;
+  padding: 5px 10px;
+  font-size: 14px;
+  line-height: 26px;
+  font-weight: 400;
+  text-align: center;
+  color: ${({theme:e})=>e.colors.text.light};
+  background: ${({theme:e})=>e.rightPanel.panelBackgroundColor};
+
+  &.react-tabs__tab--selected {
+    background: ${({theme:e})=>e.rightPanel.panelControlsBackgroundColor};
+    border-bottom: 4px solid ${({theme:e})=>e.colors.accent.main};
+    margin-bottom: -4px;
+  }
+
+  &:first-child {
+    border-top-left-radius: ${({theme:e})=>e.shape.borderRadius};
+  }
+
+  &:last-child {
+    border-top-right-radius: ${({theme:e})=>e.shape.borderRadius};
+  }
+`;
 //# sourceMappingURL=Tab.js.map

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

@@ -1,2 +1,7 @@
-import{__makeTemplateObject}from"tslib";import{TabList as ReactTabList}from"react-tabs";import styled from"../../redoc-lib/src/styled-components";export var TabList=styled(ReactTabList)(templateObject_1||(templateObject_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"])));var templateObject_1;
+import{TabList as ReactTabList}from"react-tabs";import styled from"../../redoc-lib/src/styled-components";export const TabList=styled(ReactTabList)`
+  display: flex;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+`;
 //# sourceMappingURL=TabList.js.map

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

@@ -1,2 +1,11 @@
-import{__makeTemplateObject}from"tslib";import{TabPanel as ReactTabPanel}from"react-tabs";import styled from"../../redoc-lib/src/styled-components";export var TabPanel=styled(ReactTabPanel)(templateObject_1||(templateObject_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"])));var templateObject_1;
+import{TabPanel as ReactTabPanel}from"react-tabs";import styled from"../../redoc-lib/src/styled-components";export const TabPanel=styled(ReactTabPanel)`
+  display: none;
+
+  &.react-tabs__tab-panel--selected {
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+  }
+`;
 //# sourceMappingURL=TabPanel.js.map

package/lib-esm/components/VersionSwitcher.js

@@ -1,2 +1,7 @@
-import{__makeTemplateObject}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{styled}from"../redoc-lib";import{VersionDropdown}from"./common/Dropdown";export var VersionSwitcher=function(e){var n=e.spec,i=e.onChange,t=n.versionsInfo.map((function(e,n){return{idx:n,value:e.title}}));return _jsx(VersionWrapper,{children:_jsx(VersionDropdown,{options:t,value:t[n.activeVersionIdx].value,onChange:i,ariaLabel:"Version"},void 0)},void 0)};var templateObject_1,VersionWrapper=styled.div(templateObject_1||(templateObject_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"}));
+import{jsx as _jsx}from"react/jsx-runtime";import{styled}from"../redoc-lib";import{VersionDropdown}from"./common/Dropdown";export const VersionSwitcher=({spec:o,onChange:i})=>{const e=o.versionsInfo.map(((o,i)=>({idx:i,value:o.title})));return _jsx(VersionWrapper,{children:_jsx(VersionDropdown,{options:e,value:e[o.activeVersionIdx].value,onChange:i,ariaLabel:"Version"},void 0)},void 0)};const VersionWrapper=styled.div`
+  padding: ${({theme:o})=>`${2*o.spacing.unit}px ${4*o.spacing.unit}px`};
+  width: 100%;
+  display: inline-block;
+  font-size: 12px;
+`;
 //# sourceMappingURL=VersionSwitcher.js.map

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

@@ -1,2 +1,31 @@
-import{__assign,__makeTemplateObject}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{forwardRef}from"react";import styled from"../../redoc-lib/src/styled-components";export var StyledInput=styled.input(templateObject_1||(templateObject_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.label(templateObject_2||(templateObject_2=__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.div(templateObject_3||(templateObject_3=__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,i=e.id,l=e.label,r=e.nowrap;return _jsxs(CheckBoxWrap,__assign({fullWidth:t,nowrap:r},{children:[_jsx(StyledInput,__assign({},e,{type:"checkbox",ref:n}),void 0),_jsx(CheckboxLabel,__assign({htmlFor:i},{children:l}),void 0)]}),void 0)}export var Checkbox=forwardRef(CheckboxComponent);
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{forwardRef}from"react";import styled from"../../redoc-lib/src/styled-components";export const StyledInput=styled.input`
+  cursor: pointer;
+  margin-left: 0;
+  margin-right: 5px;
+  height: 20px;
+
+  align-self: baseline;
+  margin-top: 0;
+  margin-bottom: 0;
+`;const CheckboxLabel=styled.label`
+  display: inline-block;
+  cursor: pointer;
+  vertical-align: middle;
+  position: relative;
+  text-overflow: ellipsis;
+  overflow: hidden;
+
+  overflow-wrap: break-word;
+  line-height: 20px;
+`,CheckBoxWrap=styled.div`
+  width: ${({fullWidth:e})=>e?"100%":"50%"};
+  display: inline-flex;
+  align-items: center;
+
+  & > label {
+    white-space: ${({nowrap:e})=>e?"nowrap":"normal"};
+  }
+
+  ${({nowrap:e})=>e?"":"\n    :not(:first-child) {\n      margin-top: 5px;\n    }\n  "}
+`;function CheckboxComponent(e,o){const{fullWidth:t,id:i,label:r,nowrap:n}=e;return _jsxs(CheckBoxWrap,Object.assign({fullWidth:t,nowrap:n},{children:[_jsx(StyledInput,Object.assign({},e,{type:"checkbox",ref:o}),void 0),_jsx(CheckboxLabel,Object.assign({htmlFor:i},{children:r}),void 0)]}),void 0)}export const Checkbox=forwardRef(CheckboxComponent);
 //# sourceMappingURL=Checkbox.js.map

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

@@ -1,2 +1,7 @@
-import{__assign,__extends,__makeTemplateObject,__spreadArray}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Component}from"react";import{asField}from"informed";import{styled}from"../../redoc-lib";import{SampleControls,SamplesControlButton}from"../../redoc-lib/src/common-elements";import{FormError}from"./form";import{Checkbox}from"./Checkbox";var 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 __extends(t,e),Object.defineProperty(t.prototype,"onCheckBoxClick",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.target.value,o=e.target.checked;this.props.fieldApi.setTouched(!0);var l,r=this.props.fieldApi.getValue()||[];if(o)l=__spreadArray(__spreadArray([],r,!0),[t],!1);else{var i=r.indexOf(t);l=__spreadArray(__spreadArray([],r.slice(0,i),!0),r.slice(i+1),!0)}this.props.fieldApi.setValue(l)}}),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,o=t.items,l=t.fieldApi,r=t.validateOnChange,i=t.maxDisplayedItems,n=t.showControls,a=t.trimItemsLength,s=this.state.collapsed,p=l.getError(),c=i||DEFAULT_MAX_ITEMS,d=a&&this.state.collapsed?o.slice(0,c):o;return _jsxs("div",{children:[n?_jsxs(ControlButtonsWrapper,{children:[_jsx(SamplesControlButton,__assign({onClick:function(){e.selectAll()}},{children:"Select all"}),void 0),_jsx(SamplesControlButton,__assign({onClick:function(){e.clearAll()}},{children:"Clear"}),void 0)]},void 0):null,_jsxs("div",{children:[d.map((function(t){return _jsx(Checkbox,{fullWidth:!0,id:t,value:t,checked:e.isFieldChecked(t),label:t,onChange:function(t){e.onCheckBoxClick(t),r&&l.validate()}},t)})),o.length>c&&a?_jsx(ToggleButton,__assign({onClick:function(){e.toggle()}},{children:s?"Show all":"Collapse"}),void 0):null]},void 0),p?_jsx(FormError,{children:p},void 0):""]},void 0)}}),t}(Component);export{CheckboxListComponent};export var CheckboxList=asField(CheckboxListComponent);var templateObject_1,templateObject_2,ControlButtonsWrapper=styled(SampleControls)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  opacity: 1;\n  text-align: left;\n"],["\n  opacity: 1;\n  text-align: left;\n"]))),ToggleButton=styled(SamplesControlButton)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  float: right;\n"],["\n  float: right;\n"])));
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Component}from"react";import{asField}from"informed";import{styled}from"../../redoc-lib";import{SampleControls,SamplesControlButton}from"../../redoc-lib/src/common-elements";import{FormError}from"./form";import{Checkbox}from"./Checkbox";const DEFAULT_MAX_ITEMS=11;export class CheckboxListComponent extends Component{constructor(){super(...arguments),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:{collapsed:!0}})}onCheckBoxClick(e){const t=e.target.value,o=e.target.checked;this.props.fieldApi.setTouched(!0);const s=this.props.fieldApi.getValue()||[];let l;if(o)l=[...s,t];else{const e=s.indexOf(t);l=[...s.slice(0,e),...s.slice(e+1)]}this.props.fieldApi.setValue(l)}isFieldChecked(e){return this.props.fieldApi.getValue().includes(e)}toggle(){this.setState({collapsed:!this.state.collapsed})}selectAll(){this.props.fieldApi.setValue(this.props.items)}clearAll(){this.props.fieldApi.setValue([])}render(){const{items:e,fieldApi:t,validateOnChange:o,maxDisplayedItems:s,showControls:l,trimItemsLength:i}=this.props,{collapsed:r}=this.state,n=t.getError(),c=s||11,a=i&&this.state.collapsed?e.slice(0,c):e;return _jsxs("div",{children:[l?_jsxs(ControlButtonsWrapper,{children:[_jsx(SamplesControlButton,Object.assign({onClick:()=>{this.selectAll()}},{children:"Select all"}),void 0),_jsx(SamplesControlButton,Object.assign({onClick:()=>{this.clearAll()}},{children:"Clear"}),void 0)]},void 0):null,_jsxs("div",{children:[a.map((e=>_jsx(Checkbox,{fullWidth:!0,id:e,value:e,checked:this.isFieldChecked(e),label:e,onChange:e=>{this.onCheckBoxClick(e),o&&t.validate()}},e))),e.length>c&&i?_jsx(ToggleButton,Object.assign({onClick:()=>{this.toggle()}},{children:r?"Show all":"Collapse"}),void 0):null]},void 0),n?_jsx(FormError,{children:n},void 0):""]},void 0)}}export const CheckboxList=asField(CheckboxListComponent);const ControlButtonsWrapper=styled(SampleControls)`
+  opacity: 1;
+  text-align: left;
+`,ToggleButton=styled(SamplesControlButton)`
+  float: right;
+`;
 //# sourceMappingURL=CheckboxList.js.map

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

@@ -1,2 +1,2 @@
-import{__assign}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";var ClearButtonComponent=function(t){var o=t.className,r=t.style,e=t.handleClear;return _jsx("button",__assign({className:o,style:r,onClick:e},{children:"✕"}),void 0)};export var ClearButton=memo(ClearButtonComponent);
+import{jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";const ClearButtonComponent=({className:t,style:e,handleClear:o})=>_jsx("button",Object.assign({className:t,style:e,onClick:o},{children:"✕"}),void 0);export const ClearButton=memo(ClearButtonComponent);
 //# sourceMappingURL=ClearButton.js.map

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

@@ -1,2 +1,16 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{ClearButton as ClearButtonComponent}from"./ClearButton";export var ClearButton=styled(ClearButtonComponent)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  z-index: 1;\n  position: absolute;\n  right: 24px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #89949f;\n  background: none;\n  border: none;\n  cursor: pointer;\n\n  &:hover {\n    color: #fff;\n  }\n"],["\n  z-index: 1;\n  position: absolute;\n  right: 24px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #89949f;\n  background: none;\n  border: none;\n  cursor: pointer;\n\n  &:hover {\n    color: #fff;\n  }\n"])));var templateObject_1;
+import styled from"styled-components";import{ClearButton as ClearButtonComponent}from"./ClearButton";export const ClearButton=styled(ClearButtonComponent)`
+  z-index: 1;
+  position: absolute;
+  right: 24px;
+  top: 50%;
+  transform: translateY(-50%);
+  color: #89949f;
+  background: none;
+  border: none;
+  cursor: pointer;
+
+  &:hover {
+    color: #fff;
+  }
+`;
 //# sourceMappingURL=styled.js.map

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

@@ -1,2 +1,16 @@
-import{__assign,__makeTemplateObject}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import styled from"../../../redoc-lib/src/styled-components";import{ClearButton}from"../ClearButton";var templateObject_1,ArrowSvg=function(n){var e=n.className,t=n.style;return _jsx("svg",__assign({className:e,style:t,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"},{children:_jsx("polyline",{points:"6 9 12 15 18 9"},void 0)}),void 0)},ArrowIcon=styled(ArrowSvg)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  position: absolute;\n  pointer-events: none;\n  z-index: 1;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  -ms-transform: translateY(-50%);\n  transform: translateY(-50%);\n  right: 8px;\n  margin: auto;\n  text-align: center;\n  polyline {\n    color: ",";\n  }\n"],["\n  position: absolute;\n  pointer-events: none;\n  z-index: 1;\n  top: 50%;\n  -webkit-transform: translateY(-50%);\n  -ms-transform: translateY(-50%);\n  transform: translateY(-50%);\n  right: 8px;\n  margin: auto;\n  text-align: center;\n  polyline {\n    color: ",";\n  }\n"])),(function(n){return"dark"===n.variant&&"white"})),DropdownComponent=function(n){var e=n.options,t=n.onChange,o=n.handleClear,r=n.clearable,a=n.placeholder,s=n.value,i=void 0===s?"":s,l=n.className,d=n.variant;return _jsxs("div",__assign({className:l+" dropdown-wrapper"},{children:[_jsx(ArrowIcon,{variant:void 0===d?"light":d},void 0),r&&(null==i?void 0:i.length)>0&&_jsx(ClearButton,{handleClear:o},void 0),_jsxs("select",__assign({onChange:function(n){var o=n.target.selectedIndex;t(e[a||!i?o-1:o])},value:i,className:"dropdown-select"},{children:[a&&_jsx("option",__assign({disabled:!0,hidden:!0,value:a},{children:a}),void 0),!i&&!a&&_jsx("option",{disabled:!0},void 0),e.map((function(n,e){var t=n.idx,o=n.value,r=n.title;return _jsx("option",__assign({value:o,className:"dropdown-option"},{children:r||o}),t||o+e)}))]}),void 0),_jsx("label",{children:i},void 0)]}),void 0)};export var Dropdown=memo(DropdownComponent);
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import styled from"../../../redoc-lib/src/styled-components";import{ClearButton}from"../ClearButton";const ArrowSvg=({className:e,style:o})=>_jsx("svg",Object.assign({className:e,style:o,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"},{children:_jsx("polyline",{points:"6 9 12 15 18 9"},void 0)}),void 0),ArrowIcon=styled(ArrowSvg)`
+  position: absolute;
+  pointer-events: none;
+  z-index: 1;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  right: 8px;
+  margin: auto;
+  text-align: center;
+  polyline {
+    color: ${e=>"dark"===e.variant&&"white"};
+  }
+`,DropdownComponent=e=>{const{options:o,onChange:t,handleClear:n,clearable:s,placeholder:r,value:a="",className:i,variant:l="light"}=e;return _jsxs("div",Object.assign({className:i+" dropdown-wrapper"},{children:[_jsx(ArrowIcon,{variant:l},void 0),s&&(null==a?void 0:a.length)>0&&_jsx(ClearButton,{handleClear:n},void 0),_jsxs("select",Object.assign({onChange:e=>{const{selectedIndex:n}=e.target;t(o[r||!a?n-1:n])},value:a,className:"dropdown-select"},{children:[r&&_jsx("option",Object.assign({disabled:!0,hidden:!0,value:r},{children:r}),void 0),!a&&!r&&_jsx("option",{disabled:!0},void 0),o.map((({idx:e,value:o,title:t},n)=>_jsx("option",Object.assign({value:o,className:"dropdown-option"},{children:t||o}),e||o+n)))]}),void 0),_jsx("label",{children:a},void 0)]}),void 0)};export const Dropdown=memo(DropdownComponent);
 //# sourceMappingURL=Dropdown.js.map

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

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

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

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

package/lib-esm/components/common/FileUpload/helper.js

@@ -1,2 +1,2 @@
-import{__awaiter,__generator}from"tslib";import{DefinitionTypes,FileUploadFormats}from"../../../models";var FILE_UPLOAD_FORMATS=Object.values(FileUploadFormats),FILE_UPLOAD_MIME_TYPES=["application/octet-stream","application/pdf","application/gzip","application/zip"],COMMON_FILE_UPLOAD_PREFIXES=["image/","audio/","video/"];export function mimeTypeToAccept(e){if(COMMON_FILE_UPLOAD_PREFIXES.some((function(t){return e.startsWith(t)})))return e}export function isFileUploadMime(e){return!!FILE_UPLOAD_MIME_TYPES.includes(e)||COMMON_FILE_UPLOAD_PREFIXES.some((function(t){return e.startsWith(t)}))}export function isMultipartFileUploadProperty(e){var t="array"===e.type?e.items:e;if(!t||!t.type||"any"===(null==t?void 0:t.type))return!0;var i=t.contentMediaType||"",n=t.format||t.contentEncoding||(isFileUploadMime(i)?"binary":"");return t.type===DefinitionTypes.STRING&&FILE_UPLOAD_FORMATS.includes(n)}export function isRootFileUpload(e,t){if(!e||!e.type||"any"===e.type)return isFileUploadMime(t);var i=e.format||e.contentEncoding||"";return e.type===DefinitionTypes.STRING&&FILE_UPLOAD_FORMATS.includes(i)}export function fileToBase64(e){return new Promise((function(t,i){var n=new FileReader;n.onload=function(){var e=n.result.replace(/data:.*\/.*;base64,/g,"");t(e)},n.onerror=function(){return i(n.error)},n.readAsDataURL(e)}))}export function getIsBase64(e){return[e.format,e.contentEncoding,e.contentMediaType].includes(FileUploadFormats.BASE64)}export function getFileToUpload(e,t){return __awaiter(this,void 0,void 0,(function(){var i,n,r=this;return __generator(this,(function(o){switch(o.label){case 0:return i=Object.values(e),n=1===i.length?i[0]:i,t.type===DefinitionTypes.STRING&&getIsBase64(t)?[4,fileToBase64(i[0])]:[3,2];case 1:return n=o.sent(),[3,5];case 2:return t.type===DefinitionTypes.ARRAY&&t.items?getIsBase64(t.items)?[4,Promise.all(i.map((function(e){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,fileToBase64(e)];case 1:return[2,t.sent()]}}))}))})))]:[3,4]:[3,5];case 3:return n=o.sent(),[3,5];case 4:n=i,o.label=5;case 5:return[2,n]}}))}))}
+import{DefinitionTypes,FileUploadFormats}from"../../../models";const FILE_UPLOAD_FORMATS=Object.values(FileUploadFormats),FILE_UPLOAD_MIME_TYPES=["application/octet-stream","application/pdf","application/gzip","application/zip"],COMMON_FILE_UPLOAD_PREFIXES=["image/","audio/","video/"];export function mimeTypeToAccept(e){if(COMMON_FILE_UPLOAD_PREFIXES.some((t=>e.startsWith(t))))return e}export function isFileUploadMime(e){return!!FILE_UPLOAD_MIME_TYPES.includes(e)||COMMON_FILE_UPLOAD_PREFIXES.some((t=>e.startsWith(t)))}export function isMultipartFileUploadProperty(e){const t="array"===e.type?e.items:e;if(!t||!t.type||"any"===(null==t?void 0:t.type))return!0;const i=t.contentMediaType||"",o=t.format||t.contentEncoding||(isFileUploadMime(i)?"binary":"");return t.type===DefinitionTypes.STRING&&FILE_UPLOAD_FORMATS.includes(o)}export function isRootFileUpload(e,t){if(!e||!e.type||"any"===e.type)return isFileUploadMime(t);const i=e.format||e.contentEncoding||"";return e.type===DefinitionTypes.STRING&&FILE_UPLOAD_FORMATS.includes(i)}export function fileToBase64(e){return new Promise(((t,i)=>{const o=new FileReader;o.onload=()=>{const e=o.result.replace(/data:.*\/.*;base64,/g,"");t(e)},o.onerror=()=>i(o.error),o.readAsDataURL(e)}))}export function getIsBase64({format:e,contentEncoding:t,contentMediaType:i}){return[e,t,i].includes(FileUploadFormats.BASE64)}export async function getFileToUpload(e,t){const i=Object.values(e);let o=1===i.length?i[0]:i;return t.type===DefinitionTypes.STRING&&getIsBase64(t)?o=await fileToBase64(i[0]):t.type===DefinitionTypes.ARRAY&&t.items&&(o=getIsBase64(t.items)?await Promise.all(i.map((async e=>await fileToBase64(e)))):i),o}
 //# sourceMappingURL=helper.js.map

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

@@ -1,2 +1,104 @@
-import{__makeTemplateObject}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{styled}from"../../redoc-lib";var templateObject_1,LoadingLine=styled.div(templateObject_1||(templateObject_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}));export var LinearProgress=function(){return _jsx(LoadingLine,{children:_jsx("div",{className:"indeterminate"},void 0)},void 0)};
+import{jsx as _jsx}from"react/jsx-runtime";import{styled}from"../../redoc-lib";const LoadingLine=styled.div`
+  position: relative;
+  height: 4px;
+  display: block;
+  width: 100%;
+  background-color: ${({theme:e})=>e.colors.accent.light};
+  border-radius: ${({theme:e})=>e.shape.borderRadius};
+  background-clip: padding-box;
+  margin: 0.5rem 0 1rem 0;
+  overflow: hidden;
+
+  .determinate {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    background-color: ${({theme:e})=>e.colors.accent.main};
+    transition: width 0.3s linear;
+  }
+  .indeterminate {
+    background-color: ${({theme:e})=>e.colors.accent.main};
+  }
+  .indeterminate:before {
+    content: '';
+    position: absolute;
+    background-color: inherit;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    will-change: left, right;
+    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+  }
+  .indeterminate:after {
+    content: '';
+    position: absolute;
+    background-color: inherit;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    will-change: left, right;
+    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
+    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
+    -webkit-animation-delay: 1.15s;
+    animation-delay: 1.15s;
+  }
+
+  @-webkit-keyframes indeterminate {
+    0% {
+      left: -35%;
+      right: 100%;
+    }
+    60% {
+      left: 100%;
+      right: -90%;
+    }
+    100% {
+      left: 100%;
+      right: -90%;
+    }
+  }
+  @keyframes indeterminate {
+    0% {
+      left: -35%;
+      right: 100%;
+    }
+    60% {
+      left: 100%;
+      right: -90%;
+    }
+    100% {
+      left: 100%;
+      right: -90%;
+    }
+  }
+  @-webkit-keyframes indeterminate-short {
+    0% {
+      left: -200%;
+      right: 100%;
+    }
+    60% {
+      left: 107%;
+      right: -8%;
+    }
+    100% {
+      left: 107%;
+      right: -8%;
+    }
+  }
+  @keyframes indeterminate-short {
+    0% {
+      left: -200%;
+      right: 100%;
+    }
+    60% {
+      left: 107%;
+      right: -8%;
+    }
+    100% {
+      left: 107%;
+      right: -8%;
+    }
+  }
+`;export const LinearProgress=()=>_jsx(LoadingLine,{children:_jsx("div",{className:"indeterminate"},void 0)},void 0);
 //# sourceMappingURL=LinearProgress.js.map

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

@@ -1,2 +1,37 @@
-import{__assign,__makeTemplateObject}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{asField,useField}from"informed";import{forwardRef,useCallback,useState}from"react";import styled,{css,mediaCSS}from"../../redoc-lib/src/styled-components";import{useMount}from"../../hooks";import{FormError}from"./form";import{Dropdown}from"./Dropdown";export var invertedInputStyles=css(templateObject_1||(templateObject_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 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.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  display: ",";\n  ","\n"],["\n  display: ",";\n  ","\n"])),(function(e){return"hidden"===e.type?"none":"inline-block"}),(function(e){return e.fullWidth?"width: 100%;":""})),InputWrap=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"])));export var StyledInput=styled.input(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  ","\n  ",";\n  ","\n"],["\n  ","\n  ",";\n  ","\n"])),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.span(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  line-height: normal;\n\n  font-size: 0.8em;\n  padding: calc(8px / 0.8);\n  cursor: pointer;\n  text-align: center;\n  ","\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 mediaCSS({color:t.rightPanel.textColor})}));function TextFieldComponent(e,t){var n=e.fullWidth,o=e.errorMessage,r=e.type,i=useState("password"===r),l=i[0],a=i[1],p=useCallback((function(){a(!l)}),[l]);return _jsxs(TextFieldWrapper,__assign({fullWidth:n,type:r},{children:[_jsxs(InputWrap,{children:[_jsx(StyledInput,__assign({},e,{type:l?"password":"text",inputType:r,ref:t}),void 0),e.inputActionButton?_jsx(InputActionButton,__assign({onClick:e.inputActionButton.onClick},{children:e.inputActionButton.label}),void 0):"password"===r?_jsx(InputActionButton,__assign({onClick:p},{children:l?"show":"hide"}),void 0):null]},void 0),o?_jsx(FormError,{children:o},void 0):null]}),void 0)}export var TextField=forwardRef(TextFieldComponent);export function FormTextField(e){var t=useField(__assign({fieldType:"text"},e)),n=t.userProps,o=t.render,r=t.fieldState,i=t.informed;return o(_jsx(TextField,__assign({},n,i,{errorMessage:r.error}),void 0))}var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,FormDropdownInt=function(e){var t=e.initValue,n=e.options,o=e.fieldApi,r=e.fieldState,i=n.map((function(e,t){return{value:e.title||e.value,idx:t,origValue:e.value}})),l=i.find((function(e){return e.origValue===t})),a=useState(null==l?void 0:l.value),p=a[0],d=a[1];useMount((function(){t&&o.setValue(t)}));var u=useCallback((function(e){o.setValue(i[e.idx].origValue),d(i[e.idx].value)}),[o,i]);return _jsxs(TextFieldWrapper,__assign({fullWidth:!0},{children:[_jsx(Dropdown,{fullWidth:!0,variant:"dark",value:p,options:i,onChange:u},void 0),r.error?_jsx(FormError,{children:r.error},void 0):null]}),void 0)};export var FormDropdown=asField(FormDropdownInt);
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{asField,useField}from"informed";import{forwardRef,useCallback,useState}from"react";import styled,{css,mediaCSS}from"../../redoc-lib/src/styled-components";import{useMount}from"../../hooks";import{FormError}from"./form";import{Dropdown}from"./Dropdown";export const invertedInputStyles=css`
+  border: none;
+  outline: none;
+  padding: 8px;
+  border-radius: ${({theme:e})=>e.shape.borderRadius};
+  background-color: ${({theme:e})=>e.rightPanel.panelControlsBackgroundColor};
+  ${({theme:e})=>mediaCSS({color:e.colors.text.light,fontFamily:e.typography.code.fontFamily,fontSize:e.typography.fontSize})}
+
+  &::placeholder {
+    opacity: 0.6;
+    color: ${({theme:e})=>e.colors.text.light};
+  }
+
+  &:-webkit-autofill {
+    background-color: ${({theme:e})=>e.rightPanel.panelBackgroundColor};
+  }
+`;const TextFieldWrapper=styled.div`
+  display: ${({type:e})=>"hidden"===e?"none":"inline-block"};
+  ${({fullWidth:e})=>e?"width: 100%;":""}
+`,InputWrap=styled.div`
+  position: relative;
+`;export const StyledInput=styled.input`
+  ${invertedInputStyles}
+  ${({inputType:e,inputActionButton:t})=>"password"===e||t?"padding-right: 40px;":""};
+  ${({fullWidth:e})=>e?"width: 100%;":""}
+`;const InputActionButton=styled.span`
+  position: absolute;
+  right: 0;
+  line-height: normal;
+
+  font-size: 0.8em;
+  padding: calc(8px / 0.8);
+  cursor: pointer;
+  text-align: center;
+  ${({theme:e})=>mediaCSS({color:e.rightPanel.textColor})}
+`;function TextFieldComponent(e,t){const{fullWidth:o,errorMessage:r,type:i}=e,[n,l]=useState("password"===i),s=useCallback((()=>{l(!n)}),[n]);return _jsxs(TextFieldWrapper,Object.assign({fullWidth:o,type:i},{children:[_jsxs(InputWrap,{children:[_jsx(StyledInput,Object.assign({},e,{type:n?"password":"text",inputType:i,ref:t}),void 0),e.inputActionButton?_jsx(InputActionButton,Object.assign({onClick:e.inputActionButton.onClick},{children:e.inputActionButton.label}),void 0):"password"===i?_jsx(InputActionButton,Object.assign({onClick:s},{children:n?"show":"hide"}),void 0):null]},void 0),r?_jsx(FormError,{children:r},void 0):null]}),void 0)}export const TextField=forwardRef(TextFieldComponent);export function FormTextField(e){const t=useField(Object.assign({fieldType:"text"},e)),{userProps:o,render:r,fieldState:i}=t,n=t.informed;return r(_jsx(TextField,Object.assign({},o,n,{errorMessage:i.error}),void 0))}const FormDropdownInt=({initValue:e,options:t,fieldApi:o,fieldState:r})=>{const i=t.map(((e,t)=>({value:e.title||e.value,idx:t,origValue:e.value}))),n=i.find((t=>t.origValue===e)),[l,s]=useState(null==n?void 0:n.value);useMount((()=>{e&&o.setValue(e)}));const d=useCallback((e=>{o.setValue(i[e.idx].origValue),s(i[e.idx].value)}),[o,i]);return _jsxs(TextFieldWrapper,Object.assign({fullWidth:!0},{children:[_jsx(Dropdown,{fullWidth:!0,variant:"dark",value:l,options:i,onChange:d},void 0),r.error?_jsx(FormError,{children:r.error},void 0):null]}),void 0)};export const FormDropdown=asField(FormDropdownInt);
 //# sourceMappingURL=TextField.js.map

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

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

package/lib-esm/components/console/ActionPanel.js

@@ -1,2 +1,6 @@
-import{__assign,__makeTemplateObject}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import{serializeParameterValue,styled}from"../../redoc-lib";import{CodeHeader}from"../Panel";import{Path,PathWrapper}from"../Endpoint";import{HttpVerb,Button}from"../shared";import{expandVariables}from"./utils";function formatPath(e,t,n){var r=t.path||{},a=t.query||{},o=Object.keys(a),i=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?serializeParameterValue(t,a[e]):e+"="+encodeURIComponent(a[e])})).filter(Boolean).join("&")),i}export 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 _jsxs(TryItHeader,{children:[_jsxs(PathWrapper,{children:[_jsx(HttpVerb,__assign({type:n.httpVerb},{children:n.httpVerb}),void 0),_jsx(Path,__assign({wrap:"true"},{children:formatPath(n.path,i,n.parameters)}),void 0)]},void 0),_jsx(SendButton,__assign({"data-cy":"send-button",color:"primary",blinking:t,onClick:function(){return!t&&a()}},{children:t?"Sending...":r?"Resend":"Send"}),void 0)]},void 0)};var templateObject_1,templateObject_2,SendButton=styled(Button)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  width: ",";\n"],["\n  width: ",";\n"])),(function(e){return e.theme.components.tryItSendButton.fullWidth?"100%":"auto"})),TryItHeader=styled(CodeHeader)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),(function(e){return e.theme.components.tryItSendButton.fullWidth?"\n    flex-direction: column;\n    align-items: flex-start;":""}));export var ActionPanel=memo(ActionPanelComponent);
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import{serializeParameterValue,styled}from"../../redoc-lib";import{CodeHeader}from"../Panel";import{Path,PathWrapper}from"../Endpoint";import{HttpVerb,Button}from"../shared";import{expandVariables}from"./utils";function formatPath(e,t,n){const r=t.path||{},o=t.query||{},a=Object.keys(o);let i=expandVariables(e,r);return a.length&&(i+="?"+a.map((e=>{if(!o[e])return"";const t=(e=>n.find((t=>t.name===e&&"query"===t.in)))(e);return t?serializeParameterValue(t,o[e]):`${e}=${encodeURIComponent(o[e])}`})).filter(Boolean).join("&")),i}export const ActionPanelComponent=({loading:e,operation:t,hasResponse:n,execute:r,params:o={}})=>_jsxs(TryItHeader,{children:[_jsxs(PathWrapper,{children:[_jsx(HttpVerb,Object.assign({type:t.httpVerb},{children:t.httpVerb}),void 0),_jsx(Path,Object.assign({wrap:"true"},{children:formatPath(t.path,o,t.parameters)}),void 0)]},void 0),_jsx(SendButton,Object.assign({"data-cy":"send-button",color:"primary",blinking:e,onClick:()=>!e&&r()},{children:e?"Sending...":n?"Resend":"Send"}),void 0)]},void 0);const SendButton=styled(Button)`
+  width: ${({theme:e})=>e.components.tryItSendButton.fullWidth?"100%":"auto"};
+`,TryItHeader=styled(CodeHeader)`
+  ${({theme:e})=>e.components.tryItSendButton.fullWidth?"\n    flex-direction: column;\n    align-items: flex-start;":""};
+`;export const ActionPanel=memo(ActionPanelComponent);
 //# sourceMappingURL=ActionPanel.js.map