@redocly/openapi-docs 3.0.0-alpha.10

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

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

package/lib/components/Tabs/Tab.js

@@ -0,0 +1,32 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=void 0;const react_tabs_1=require("react-tabs"),styled_components_1=__importDefault(require("styled-components"));exports.Tab=(0,styled_components_1.default)(react_tabs_1.Tab)`
+  flex: 1;
+  cursor: pointer;
+  padding: 5px 10px;
+  font-size: var(--panel-samples-tabs-font-size);
+  line-height: 26px;
+  font-weight: var(--panel-samples-tabs-font-weight);
+  text-align: center;
+  color: var(--panel-samples-tabs-text-color);
+  background-color: var(--panel-samples-tabs-background-color);
+  border-bottom: 4px solid var(--panel-samples-tabs-border-color);
+  margin-bottom: -4px;
+
+  &:hover {
+    border-color: var(--panel-samples-tabs-hover-border-color);
+    background-color: var(--panel-samples-tabs-hover-background-color);
+  }
+
+  &.react-tabs__tab--selected {
+    background-color: var(--panel-samples-tabs-active-background-color);
+    border-color: var(--panel-samples-tabs-active-border-color);
+  }
+
+  &:first-child {
+    border-top-left-radius: var(--border-radius);
+  }
+
+  &:last-child {
+    border-top-right-radius: var(--border-radius);
+  }
+`;
+//# sourceMappingURL=Tab.js.map

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

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

package/lib/components/Tabs/TabList.js

@@ -0,0 +1,7 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabList=void 0;const react_tabs_1=require("react-tabs"),styled_components_1=__importDefault(require("styled-components"));exports.TabList=(0,styled_components_1.default)(react_tabs_1.TabList)`
+  display: flex;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+`;
+//# sourceMappingURL=TabList.js.map

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

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

package/lib/components/Tabs/TabPanel.js

@@ -0,0 +1,11 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TabPanel=void 0;const react_tabs_1=require("react-tabs"),styled_components_1=__importDefault(require("styled-components"));exports.TabPanel=(0,styled_components_1.default)(react_tabs_1.TabPanel)`
+  display: none;
+
+  &.react-tabs__tab-panel--selected {
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+  }
+`;
+//# sourceMappingURL=TabPanel.js.map

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

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

package/lib/components/Tabs/index.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,a){void 0===a&&(a=t);var i=Object.getOwnPropertyDescriptor(r,t);i&&!("get"in i?!r.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,a,i)}:function(e,r,t,a){void 0===a&&(a=t),e[a]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tabs=void 0,__exportStar(require("./TabList"),exports),__exportStar(require("./Tab"),exports),__exportStar(require("./TabPanel"),exports),__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.d.ts

@@ -0,0 +1,7 @@
+import type { VersionedSpecStore } from '../services/VersionedSpecStore';
+import type { DropdownOption } from './common/Dropdown';
+export interface VersionSwitcherProps {
+    onChange: (o: DropdownOption) => void;
+    spec: VersionedSpecStore;
+}
+export declare const VersionSwitcher: ({ spec, onChange }: VersionSwitcherProps) => JSX.Element;

package/lib/components/VersionSwitcher.js

@@ -0,0 +1,7 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionSwitcher=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),Dropdown_1=require("./common/Dropdown"),VersionSwitcher=({spec:e,onChange:t})=>{const r=e.versionsInfo.map(((e,t)=>({idx:t,value:e.title})));return react_1.default.createElement(VersionWrapper,null,react_1.default.createElement(Dropdown_1.VersionDropdown,{options:r,value:r[e.activeVersionIdx].value,onChange:t,ariaLabel:"Version"}))};exports.VersionSwitcher=VersionSwitcher;const VersionWrapper=styled_components_1.default.div`
+  padding: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);
+  width: 100%;
+  display: inline-block;
+  font-size: 12px;
+`;
+//# sourceMappingURL=VersionSwitcher.js.map

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
+    fullWidth?: boolean | undefined;
+}, never>;
+export interface CheckboxExtraProps {
+    fullWidth?: boolean;
+    label?: string;
+    nowrap?: boolean;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<React.InputHTMLAttributes<Omit<HTMLInputElement, "type">> & CheckboxExtraProps & React.RefAttributes<HTMLInputElement>>;

package/lib/components/common/Checkbox.js

@@ -0,0 +1,31 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Checkbox=exports.StyledInput=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components"));exports.StyledInput=styled_components_1.default.input`
+  cursor: pointer;
+  margin-left: 0;
+  margin-right: 5px;
+  height: 20px;
+
+  align-self: baseline;
+  margin-top: 0;
+  margin-bottom: 0;
+`;const CheckboxLabel=styled_components_1.default.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_components_1.default.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,t){const{fullWidth:r,id:n,label:o,nowrap:i}=e;return react_1.default.createElement(CheckBoxWrap,{fullWidth:r,nowrap:i},react_1.default.createElement(exports.StyledInput,Object.assign({},e,{type:"checkbox",ref:t})),react_1.default.createElement(CheckboxLabel,{htmlFor:n},o))}exports.Checkbox=(0,react_1.forwardRef)(CheckboxComponent);
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1,25 @@
+import { Component } from 'react';
+import type { FieldContext } from 'informed';
+import type { ChangeEvent } from 'react';
+declare type FieldValue = string[];
+interface CheckboxListComponentState {
+    collapsed: boolean;
+}
+export interface CheckboxListComponentProps {
+    items: string[];
+    maxDisplayedItems?: number;
+    validateOnChange?: boolean;
+    showControls?: boolean;
+    trimItemsLength?: boolean;
+}
+export declare class CheckboxListComponent extends Component<FieldContext<FieldValue> & CheckboxListComponentProps, CheckboxListComponentState> {
+    state: CheckboxListComponentState;
+    onCheckBoxClick(event: ChangeEvent<Omit<HTMLInputElement, 'type'>>): void;
+    private isFieldChecked;
+    private toggle;
+    private selectAll;
+    private clearAll;
+    render(): JSX.Element;
+}
+export declare const CheckboxList: import("react").ComponentType<import("informed").FieldProps<FieldValue, any> & CheckboxListComponentProps>;
+export {};

package/lib/components/common/CheckboxList.js

@@ -0,0 +1,7 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,l,o){void 0===o&&(o=l);var r=Object.getOwnPropertyDescriptor(t,l);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(e,o,r)}:function(e,t,l,o){void 0===o&&(o=l),e[o]=t[l]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var l in e)"default"!==l&&Object.prototype.hasOwnProperty.call(e,l)&&__createBinding(t,e,l);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckboxList=exports.CheckboxListComponent=void 0;const informed_1=require("informed"),theme_1=require("@redocly/theme"),react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),form_1=require("./form"),Checkbox_1=require("./Checkbox"),DEFAULT_MAX_ITEMS=11;class CheckboxListComponent extends react_1.Component{constructor(){super(...arguments),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:{collapsed:!0}})}onCheckBoxClick(e){const t=e.target.value,l=e.target.checked;this.props.fieldApi.setTouched(!0);const o=this.props.fieldApi.getValue()||[];let r;if(l)r=[...o,t];else{const e=o.indexOf(t);r=[...o.slice(0,e),...o.slice(e+1)]}this.props.fieldApi.setValue(r)}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:l,maxDisplayedItems:o,showControls:r,trimItemsLength:i}=this.props,{collapsed:n}=this.state,s=t.getError(),a=o||11,c=i&&this.state.collapsed?e.slice(0,a):e;return react_1.default.createElement("div",null,r?react_1.default.createElement(ControlButtonsWrapper,null,react_1.default.createElement(theme_1.SamplesControlButton,{onClick:()=>{this.selectAll()}},"Select all"),react_1.default.createElement(theme_1.SamplesControlButton,{onClick:()=>{this.clearAll()}},"Clear")):null,react_1.default.createElement("div",null,c.map((e=>react_1.default.createElement(Checkbox_1.Checkbox,{fullWidth:!0,id:e,value:e,checked:this.isFieldChecked(e),label:e,key:e,onChange:e=>{this.onCheckBoxClick(e),l&&t.validate()}}))),e.length>a&&i?react_1.default.createElement(ToggleButton,{onClick:()=>{this.toggle()}},n?"Show all":"Collapse"):null),s?react_1.default.createElement(form_1.FormError,null,s):"")}}exports.CheckboxListComponent=CheckboxListComponent,exports.CheckboxList=(0,informed_1.asField)(CheckboxListComponent);const ControlButtonsWrapper=(0,styled_components_1.default)(theme_1.SampleControls)`
+  opacity: 1;
+  text-align: left;
+`,ToggleButton=(0,styled_components_1.default)(theme_1.SamplesControlButton)`
+  float: right;
+`;
+//# sourceMappingURL=CheckboxList.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClearButton=void 0;const react_1=__importStar(require("react")),ClearButtonComponent=({className:e,style:t,handleClear:r})=>react_1.default.createElement("button",{className:e,style:t,onClick:r},"✕");exports.ClearButton=(0,react_1.memo)(ClearButtonComponent);
+//# sourceMappingURL=ClearButton.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,i,o)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=t[r]}),__exportStar=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||__createBinding(t,e,r)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./styled"),exports),__exportStar(require("./types"),exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,16 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClearButton=void 0;const styled_components_1=__importDefault(require("styled-components")),ClearButton_1=require("./ClearButton");exports.ClearButton=(0,styled_components_1.default)(ClearButton_1.ClearButton)`
+  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/components/common/ClearButton/types.d.ts

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dropdown=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),ClearButton_1=require("../ClearButton"),ArrowSvg=({className:e,style:t})=>react_1.default.createElement("svg",{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"},react_1.default.createElement("polyline",{points:"6 9 12 15 18 9"})),ArrowIcon=(0,styled_components_1.default)(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:t,onChange:r,handleClear:a,clearable:n,placeholder:o,value:l="",className:i,variant:c="light"}=e;return react_1.default.createElement("div",{className:i+" dropdown-wrapper"},react_1.default.createElement(ArrowIcon,{variant:c}),n&&(null==l?void 0:l.length)>0&&react_1.default.createElement(ClearButton_1.ClearButton,{handleClear:a}),react_1.default.createElement("select",{onChange:e=>{const{selectedIndex:a}=e.target;r(t[o||!l?a-1:a])},value:l,className:"dropdown-select"},o&&react_1.default.createElement("option",{disabled:!0,hidden:!0,value:o},o),!l&&!o&&react_1.default.createElement("option",{disabled:!0}),t.map((({idx:e,value:t,title:r},a)=>react_1.default.createElement("option",{key:e||t+a,value:t,className:"dropdown-option"},r||t)))),react_1.default.createElement("label",null,l))};exports.Dropdown=(0,react_1.memo)(DropdownComponent);
+//# sourceMappingURL=Dropdown.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,i,o)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=t[r]}),__exportStar=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||__createBinding(t,e,r)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./styled"),exports),__exportStar(require("./types"),exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,145 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,e,r,t){void 0===t&&(t=r);var n=Object.getOwnPropertyDescriptor(e,r);n&&!("get"in n?!e.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(o,t,n)}:function(o,e,r,t){void 0===t&&(t=r),o[t]=e[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}:function(o,e){o.default=e}),__importStar=this&&this.__importStar||function(o){if(o&&o.__esModule)return o;var e={};if(null!=o)for(var r in o)"default"!==r&&Object.prototype.hasOwnProperty.call(o,r)&&__createBinding(e,o,r);return __setModuleDefault(e,o),e};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaMimeTypeDropdown=exports.SchemaDiscriminatorDropdown=exports.VersionDropdown=exports.CollapsingDropdown=exports.SimpleDropdown=exports.Dropdown=void 0;const styled_components_1=__importStar(require("styled-components")),Dropdown_1=require("./Dropdown"),samplesDropdownStyle=styled_components_1.css`
+  background-color: var(--panel-samples-dropdown-background-color);
+  border: var(--panel-samples-dropdown-border);
+  color: var(--panel-samples-dropdown-color);
+
+  &,
+  &:hover,
+  &:focus-within {
+    border: none;
+    box-shadow: none;
+  }
+`;exports.Dropdown=(0,styled_components_1.default)(Dropdown_1.Dropdown)`
+  box-sizing: border-box;
+  outline: none;
+  display: inline-block;
+  border-radius: var(--border-radius);
+  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: 36px;
+    outline: none;
+    display: inline-block;
+    color: var(--dropdown-text-color);
+    border-radius: var(--border-radius);
+    border: var(--dropdown-border);
+    padding: var(--dropdown-padding);
+    vertical-align: bottom;
+    width: ${({fullWidth:o})=>o?"100%":"auto"};
+    text-transform: none;
+    line-height: inherit;
+    font-size: var(--dropdown-font-size);
+    font-family: inherit;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+
+    &,
+    &:hover,
+    &:focus-within {
+      border: 1px solid var(--border-color);
+      box-shadow: none;
+    }
+
+    ${({variant:o})=>"dark"===o?samplesDropdownStyle:""};
+  }
+
+  .dropdown-select {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    border: none;
+    appearance: none;
+    cursor: pointer;
+
+    color: var(--text-color);
+    line-height: inherit;
+    font-size: 14px;
+    font-family: inherit;
+    padding: var(--dropdown-padding);
+    ${({variant:o})=>"dark"===o?samplesDropdownStyle:""};
+  }
+`,exports.SimpleDropdown=(0,styled_components_1.default)(exports.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;
+    }
+  }
+`,exports.CollapsingDropdown=(0,styled_components_1.default)(exports.Dropdown)`
+  svg {
+    top: 60%;
+    transform: translateY(-60%);
+  }
+  label {
+    ${samplesDropdownStyle};
+
+    height: 40px;
+    border-radius: 0 var(--border-radius) 0 0;
+    margin: 0 0 -4px;
+    transition: none;
+    min-width: auto;
+    background: ${({active:o})=>o?"var(--panel-samples-tabs-active-background-color)":"none"};
+    & {
+      border-bottom: 4px solid
+        ${({active:o})=>o?"var(--panel-samples-tabs-active-border-color)":"transparent"};
+
+      &[open],
+      &:focus-within,
+      &:hover {
+        background: var(--border-color-secondary);
+        border-bottom: 4px solid
+          ${({active:o})=>o?"var( --panel-samples-tabs-active-border-color)":"transparent"};
+      }
+    }
+  }
+`,exports.VersionDropdown=(0,styled_components_1.default)(exports.Dropdown)`
+  width: 90%;
+  label {
+    width: 100%;
+    font-weight: 600;
+    color: var(--text-color);
+  }
+`,exports.SchemaDiscriminatorDropdown=(0,styled_components_1.default)(exports.Dropdown)`
+  .dropdown-select {
+    padding: var(--schemas-discriminator-dropdown-padding);
+  }
+
+  label {
+    height: 26px;
+    padding: var(--schemas-discriminator-dropdown-padding);
+    border: var(--schemas-discriminator-dropdown-border);
+    font-size: var(--schemas-discriminator-font-size);
+    color: var(--schemas-discriminator-dropdown-text-color);
+  }
+`,exports.SchemaMimeTypeDropdown=(0,styled_components_1.default)(exports.SimpleDropdown)`
+  label {
+    padding: var(--schemas-mime-type-dropdown-padding);
+    border: var(--schemas-mime-type-dropdown-border);
+    font-size: var(--schemas-mime-type-dropdown-font-size);
+    color: var(--schemas-mime-type-dropdown-text-color);
+  }
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,26 @@
+import type React from 'react';
+export interface DropdownOption {
+    idx?: number;
+    value: string;
+    title?: string;
+    serverUrl?: string;
+    label?: string;
+}
+export interface DropdownProps {
+    options: DropdownOption[];
+    onChange: (option: DropdownOption) => void;
+    handleClear?: () => void;
+    clearable?: boolean;
+    ariaLabel?: string;
+    className?: string;
+    placeholder?: string;
+    value?: string;
+    dense?: boolean;
+    fullWidth?: boolean;
+    variant?: 'dark' | 'light';
+}
+export interface ArrowIconProps {
+    className?: string;
+    variant?: 'light' | 'dark';
+    style?: React.CSSProperties;
+}

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { SchemaModel } from '../../../redoc-lib/src/services/models/Schema';
+import type { UploadFileType } from '../../../models';
+export interface FileUploadProps {
+    schema: SchemaModel | GenericObject;
+    contentName: string;
+    onChange(key: string, file: UploadFileType): void;
+    name: string;
+}
+export declare const FileUpload: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> & FileUploadProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,i)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__awaiter=this&&this.__awaiter||function(e,t,r,n){return new(r||(r=Promise))((function(i,a){function o(e){try{c(n.next(e))}catch(e){a(e)}}function l(e){try{c(n.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(o,l)}c((n=n.apply(e,t||[])).next())}))},__rest=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(r[n[i]]=e[n[i]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FileUpload=void 0;const react_1=__importStar(require("react")),informed_1=require("informed"),helper_1=require("./helper");exports.FileUpload=(0,react_1.forwardRef)(((e,t)=>{var r=__rest(e,[]);const{schema:n,contentName:i,onChange:a,name:o}=r,l=__rest(r,["schema","contentName","onChange","name"]),{render:c}=(0,informed_1.useField)(Object.assign({field:o},l));return c(react_1.default.createElement("input",{"data-cy":"file-upload-input",type:"file",id:r.id,className:r.className,name:r.name,onChange:e=>__awaiter(void 0,void 0,void 0,(function*(){const t=yield(0,helper_1.getFileToUpload)(e.target.files,n);a(i,t)})),multiple:r.multiple,accept:r.accept,ref:t}))})),exports.FileUpload.displayName="FileUpload";
+//# sourceMappingURL=FileUpload.js.map

package/lib/components/common/FileUpload/helper.d.ts

@@ -0,0 +1,12 @@
+import type { SchemaModel } from '../../../redoc-lib';
+import type { UploadFileType } from '../../../models';
+/**
+ * Convert request body mime-type to accept value for file upload input in browser
+ */
+export declare function mimeTypeToAccept(mimeType: string): string | undefined;
+export declare function isFileUploadMime(mimeType: string): boolean;
+export declare function isMultipartFileUploadProperty(schema: SchemaModel): boolean;
+export declare function isRootFileUpload(schema: SchemaModel | GenericObject, mimeType: string): boolean;
+export declare function fileToBase64(file: File): Promise<string>;
+export declare function getIsBase64({ format, contentEncoding, contentMediaType, }: SchemaModel | GenericObject): boolean;
+export declare function getFileToUpload(rawFiles: FileList, schema: SchemaModel | GenericObject): Promise<UploadFileType>;

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

@@ -0,0 +1,2 @@
+"use strict";var __awaiter=this&&this.__awaiter||function(e,t,i,o){return new(i||(i=Promise))((function(n,s){function a(e){try{l(o.next(e))}catch(e){s(e)}}function r(e){try{l(o.throw(e))}catch(e){s(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,r)}l((o=o.apply(e,t||[])).next())}))};Object.defineProperty(exports,"__esModule",{value:!0}),exports.getFileToUpload=exports.getIsBase64=exports.fileToBase64=exports.isRootFileUpload=exports.isMultipartFileUploadProperty=exports.isFileUploadMime=exports.mimeTypeToAccept=void 0;const models_1=require("../../../models"),FILE_UPLOAD_FORMATS=Object.values(models_1.FileUploadFormats),FILE_UPLOAD_MIME_TYPES=["application/octet-stream","application/pdf","application/gzip","application/zip"],COMMON_FILE_UPLOAD_PREFIXES=["image/","audio/","video/"];function mimeTypeToAccept(e){if(COMMON_FILE_UPLOAD_PREFIXES.some((t=>e.startsWith(t))))return e}function isFileUploadMime(e){return!!FILE_UPLOAD_MIME_TYPES.includes(e)||COMMON_FILE_UPLOAD_PREFIXES.some((t=>e.startsWith(t)))}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===models_1.DefinitionTypes.STRING&&FILE_UPLOAD_FORMATS.includes(o)}function isRootFileUpload(e,t){if(!e||!e.type||"any"===e.type)return isFileUploadMime(t);const i=e.format||e.contentEncoding||"";return e.type===models_1.DefinitionTypes.STRING&&FILE_UPLOAD_FORMATS.includes(i)}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)}))}function getIsBase64({format:e,contentEncoding:t,contentMediaType:i}){return[e,t,i].includes(models_1.FileUploadFormats.BASE64)}function getFileToUpload(e,t){return __awaiter(this,void 0,void 0,(function*(){const i=Object.values(e);let o=1===i.length?i[0]:i;return t.type===models_1.DefinitionTypes.STRING&&getIsBase64(t)?o=yield fileToBase64(i[0]):t.type===models_1.DefinitionTypes.ARRAY&&t.items&&(o=getIsBase64(t.items)?yield Promise.all(i.map((e=>__awaiter(this,void 0,void 0,(function*(){return yield fileToBase64(e)}))))):i),o}))}exports.mimeTypeToAccept=mimeTypeToAccept,exports.isFileUploadMime=isFileUploadMime,exports.isMultipartFileUploadProperty=isMultipartFileUploadProperty,exports.isRootFileUpload=isRootFileUpload,exports.fileToBase64=fileToBase64,exports.getIsBase64=getIsBase64,exports.getFileToUpload=getFileToUpload;
+//# sourceMappingURL=helper.js.map

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

@@ -0,0 +1 @@
+export * from './FileUpload';

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

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,i,n)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=t[r]}),__exportStar=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||__createBinding(t,e,r)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./FileUpload"),exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+export declare const LinearProgress: () => JSX.Element;

package/lib/components/common/LinearProgress.js

@@ -0,0 +1,104 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LinearProgress=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),LoadingLine=styled_components_1.default.div`
+  position: relative;
+  height: 4px;
+  display: block;
+  width: 100%;
+  background-color: var(--linear-progress-background-color);
+  border-radius: var(--border-radius);
+  background-clip: padding-box;
+  margin: 0.5rem 0 1rem 0;
+  overflow: hidden;
+
+  .determinate {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    background-color: var(--linear-progress-color);
+    transition: width 0.3s linear;
+  }
+  .indeterminate {
+    background-color: var(--linear-progress-color);
+  }
+  .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%;
+    }
+  }
+`,LinearProgress=()=>react_1.default.createElement(LoadingLine,null,react_1.default.createElement("div",{className:"indeterminate"}));exports.LinearProgress=LinearProgress;
+//# sourceMappingURL=LinearProgress.js.map