@redocly/reference-docs 2.43.4 → 2.43.5

package/lib-browser/components/Search/styled.d.ts

@@ -0,0 +1,22 @@
+export declare const CrossIcon: () => React.ReactElement;
+export declare const ButtonClose: import("styled-components").StyledComponent<"i", import("../../services/extendTheme").ProTheme, {
+    className: "button-close";
+}, "className">;
+export declare const ButtonClear: import("styled-components").StyledComponent<"i", import("../../services/extendTheme").ProTheme, {
+    className: "button-clear";
+}, "className">;
+export declare const SearchIcon: () => React.ReactElement;
+export declare const SearchFieldWrap: import("styled-components").StyledComponent<"button", import("../../services/extendTheme").ProTheme, {
+    className: "button-field-search";
+}, "className">;
+export declare const SearchPopUpBG: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {
+    className: "search-popup";
+}, "className">;
+export declare const SearchPopUpWrap: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const SearchPopUpHeader: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const TextContainer: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const SearchResultsBox: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const SearchResultsItems: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const SearchInput: import("styled-components").StyledComponent<"input", import("../../services/extendTheme").ProTheme, {
+    className: "search-input";
+}, "className">;

package/lib-browser/components/Search/styled.js

@@ -0,0 +1,120 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{darken}from"polished";import{styled,MenuItemLabel}from"../../redoc-lib";export const CrossIcon=()=>_jsxs("svg",Object.assign({version:"1.1",viewBox:"0 0 12 12",width:"12",height:"12",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"clear-icon"},{children:[_jsx("path",{d:"M11 1L6 6L11 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0),_jsx("path",{d:"M1 1L6 6L1 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0)]}),void 0);export const ButtonClose=styled.i.attrs((()=>({className:"button-close"})))`
+  cursor: pointer;
+  position: absolute;
+  right: 15px;
+  color: ${({theme:e})=>e.colors.text.primary};
+`;export const ButtonClear=styled.i.attrs((()=>({className:"button-clear"})))`
+  cursor: pointer;
+  position: absolute;
+`;export const SearchIcon=()=>_jsxs("svg",Object.assign({version:"1.1",viewBox:"0 0 15 16",width:"15",height:"16",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"search-icon"},{children:[_jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.5 14C11.0899 14 14 11.0899 14 7.5C14 3.91015 11.0899 1 7.5 1C3.91015 1 1 3.91015 1 7.5C1 11.0899 3.91015 14 7.5 14Z",stroke:"currentColor",strokeWidth:"2"},void 0),_jsx("path",{d:"M7.5 5C6.11929 5 5 6.11929 5 7.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"},void 0),_jsx("path",{d:"M1 15L3 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0)]}),void 0);export const SearchFieldWrap=styled.button.attrs((()=>({className:"button-field-search"})))`
+  cursor: text;
+  margin: 10px 20px 13px;
+  padding: 0 18px 0 3px;
+  border: 0;
+  position: relative;
+  border-bottom: 1px solid ${({theme:e})=>e.colors.border.light};
+  background-color: transparent;
+  height: 37px;
+  color: ${({theme:e})=>e.sidebar.textColor};
+  text-align: left;
+  font-family: ${({theme:e})=>e.typography.fontFamily};
+  font-size: 12px;
+  font-weight: 600;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 0 0 auto;
+
+  span {
+    display: block;
+    position: absolute;
+    right: 0;
+    width: 18px;
+    height: 37px;
+    background-color: ${({theme:e})=>e.sidebar.backgroundColor};
+    z-index: 2;
+  }
+
+  .search-icon {
+    margin-left: 6px;
+    position: relative;
+    top: 2px;
+    z-index: 1;
+  }
+
+  .button-clear {
+    padding: 3px;
+    right: 0;
+    margin-top: 4px;
+    z-index: 3;
+  }
+`;export const SearchPopUpBG=styled.div.attrs((()=>({className:"search-popup"})))`
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 100;
+  background: rgba(0, 0, 0, 0.45);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;export const SearchPopUpWrap=styled.div`
+  width: 100%;
+  max-width: 500px;
+  height: 445px;
+`;export const SearchPopUpHeader=styled.div`
+  background-color: ${({theme:e})=>e.colors.secondary.light};
+  border-top-left-radius: ${({theme:e})=>e.components.panels.borderRadius};
+  border-top-right-radius: ${({theme:e})=>e.components.panels.borderRadius};
+  height: 45px;
+  display: flex;
+  align-items: center;
+  position: relative;
+
+  .search-icon {
+    position: absolute;
+    left: 15px;
+  }
+
+  .button-clear {
+    right: 45px;
+    font-style: normal;
+    font-weight: 600;
+    font-size: 0.8em;
+    background-color: ${({theme:e})=>e.colors.secondary.main};
+    padding: 4px 16px;
+    border-radius: ${({theme:e})=>e.shape.borderRadius};
+    &:hover {
+      background-color: ${({theme:e})=>darken(.1,e.colors.secondary.main)};
+    }
+  }
+`;export const TextContainer=styled.div`
+  padding: 30px 20px;
+`;export const SearchResultsBox=styled.div`
+  padding: 10px;
+  background-color: ${({theme:e})=>e.sidebar.backgroundColor};
+  min-height: 100px;
+  max-height: 400px;
+  border-bottom-left-radius: ${({theme:e})=>e.components.panels.borderRadius};
+  border-bottom-right-radius: ${({theme:e})=>e.components.panels.borderRadius};
+
+  ${MenuItemLabel} {
+    margin-right: 30px;
+    border-radius: ${({theme:e})=>e.shape.borderRadius};
+
+    svg {
+      display: none;
+    }
+  }
+`;export const SearchResultsItems=styled.div`
+  max-height: 372px;
+`;export const SearchInput=styled.input.attrs((()=>({className:"search-input"})))`
+  padding: 0 35px;
+  outline: none;
+  border: 0;
+  background-color: transparent;
+  width: 100%;
+  margin-top: 2px;
+`;
+//# sourceMappingURL=styled.js.map

package/lib-browser/components/StoreProvider.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import type { RedocProRawOptions } from '../services/ProStore';
+import type { CodeSampleConfig } from '../services/code-samples/types';
+import type { SpecVersions } from '../services/VersionedSpecStore';
+import { ProStore } from '../services/ProStore';
+export declare const Provider: import("react").Provider<ProStore | undefined>, Consumer: import("react").Consumer<ProStore | undefined>;
+interface StoreProviderProps {
+    definitionUrl?: string;
+    definition?: GenericObject;
+    store?: ProStore;
+    definitions?: SpecVersions;
+    options?: RedocProRawOptions;
+    children: (props: {
+        loading: boolean;
+        store?: ProStore;
+    }) => JSX.Element | null;
+    activeItemId?: string;
+    activeSampleLanguage?: CodeSampleConfig['lang'] | string;
+    activeDeepLink?: string;
+}
+export declare const ProStoreProvider: ({ definitions, options, definitionUrl, definition, activeItemId, activeSampleLanguage, activeDeepLink, children, }: StoreProviderProps) => JSX.Element | null;
+export declare function loadSpecs({ versions }: SpecVersions): Promise<void>;
+export {};

package/lib-browser/components/StoreProvider.js

@@ -0,0 +1,2 @@
+import isDeepEqual from"fast-deep-equal";import{createContext,useEffect,useMemo,useRef,useState}from"react";import{loadAndBundleDefinition}from"../redoc-lib";import{ProStore}from"../services/ProStore";import{FakeHistoryService}from"../services";export const{Provider:Provider,Consumer:Consumer}=createContext(void 0);export const ProStoreProvider=({definitions:e,options:t,definitionUrl:n,definition:o,activeItemId:i,activeSampleLanguage:r,activeDeepLink:s,children:a})=>{const[,c]=useState(),[u,d]=useState(!0),[l,f]=useState(null);useEffect((()=>{!async function(){d(!0);try{f(e?await loadMany(e):await loadSingle(o,n,t))}catch(e){c((()=>{throw e}))}}()}),[e,o,n,t]);const p=useMemo((()=>{var e,o,i;if(!l)return;const r=new ProStore(l,n,t);return(null===(e=r.options.hooks)||void 0===e?void 0:e.onInit)&&(null===(i=null===(o=r.options.hooks)||void 0===o?void 0:o.onInit)||void 0===i||i.call(o,{store:r})),r}),useDeepCompareMemoize([l,t]));return useEffect((()=>{if(p)return d(!1),()=>p.dispose()}),[p]),useEffect((()=>{var e;if(!p)return;if(!i)return;const t=(null==i?void 0:i.split(p.options.deepLinkPrefix)[0])||(null===(e=p.menu.flatItems[p.menu.activeItemIdx])||void 0===e?void 0:e.id),n=p.menu.flatItems.find((e=>e.id===t)),o=s?t+p.options.deepLinkPrefix+s:void 0;o&&p.menu.history instanceof FakeHistoryService&&p.menu.history.replaceForField(o),p.menu.activateAndScroll(n,!0,!1,o)}),[i,s,p]),useEffect((()=>{p&&r&&p.setActiveSampleLanguage(r)}),[r,p]),a({loading:u,store:p})};function fixSpec(e){const t=e.components&&e.components.securitySchemes||{};for(const e of Object.keys(t)){const n=t[e];n["x-type"]&&(n.type=n["x-type"]),n["x-scheme"]&&(n.scheme=n["x-scheme"])}}async function loadMany(e){return await loadSpecs(e||{}),e}async function loadSingle(e,t,n){let o;if(null==n?void 0:n.skipBundleAndConvert){if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');o=e}else o=await loadAndBundleDefinition(e||t);const i=null==n?void 0:n.unstable_externalDescription;if(i)try{const e=await fetch(i);o.info.description=await e.text()}catch(e){console.warn(`Failed to load external description from ${i}: ${e.message}`)}try{fixSpec(o)}catch(e){}return o}function loadAndBundleSpecOrMd(e,t){return e.endsWith(".md")?loadAndBundleDefinition({openapi:"3.0.0",info:{title:t||"",version:"1.0",description:{$ref:e}},paths:{}}):loadAndBundleDefinition(e)}export async function loadSpecs({versions:e}){if(Array.isArray(e))for(const t of e)t.url&&(t.spec=await loadAndBundleSpecOrMd(t.url))}function useDeepCompareMemoize(e){const t=useRef(),n=useRef(0);return isDeepEqual(e,t.current)||(t.current=e,n.current+=1),[n.current]}
+//# sourceMappingURL=StoreProvider.js.map

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

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

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

@@ -0,0 +1,11 @@
+import styled from"../../../redoc-lib/src/styled-components";import{Tab}from"../Tab";export const CollapsingTab=styled(Tab)`
+  max-width: 200px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  &.react-tabs__tab--disabled {
+    display: none;
+  }
+`;
+//# sourceMappingURL=CollapsingTab.js.map

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

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

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

@@ -0,0 +1,5 @@
+import styled from"../../../redoc-lib/src/styled-components";import{TabList}from"../TabList";export const CollapsingTabList=styled(TabList)`
+  border-bottom: 4px solid ${({theme:o})=>o.colors.border.dark};
+  margin: 0 0 10px;
+`;
+//# sourceMappingURL=CollapsingTabList.js.map

package/lib-browser/components/Tabs/CollapsingTabs/CollapsingTabs.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { TabsProps } from './CollapsingTabsBase';
+export declare const CollapsingTabs: ({ children, ...props }: TabsProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useCallback,useEffect,useState}from"react";import{observer}from"mobx-react";import{CollapsingTabsBase}from"./CollapsingTabsBase";function getActiveIndexFromOperation(e,t,r){var a;if(!t)return-1;if("number"==typeof r&&r>0){return hasActiveExampleName(null===(a=e[r])||void 0===a?void 0:a.content,t)?r:getActiveIndexFromOperation(e,t)}return e.findIndex((({content:e})=>hasActiveExampleName(e,t)))}function hasActiveExampleName(e,t){return!!(null==e?void 0:e.mediaTypes.find((e=>Object.keys(e.examples||[]).includes(t||""))))}export const CollapsingTabs=observer((e=>{var{children:t}=e,r=__rest(e,["children"]);const[a,n]=useState(0),{operation:o,operation:{activeExampleName:s}}=r;useEffect((()=>{const e=getActiveIndexFromOperation(o.responses,s,a);e>-1&&n(e)}),[s]);const i=useCallback((e=>{a!==e&&n(e)}),[a]);return _jsx(CollapsingTabsBase,Object.assign({},r,{activeIndex:a,onChange:i},{children:t}),void 0)}));
+//# sourceMappingURL=CollapsingTabs.js.map

package/lib-browser/components/Tabs/CollapsingTabs/CollapsingTabsBase.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+import type { TabProps as ReactTabProps } from 'react-tabs';
+import type { OperationModel } from '../../../redoc-lib';
+export interface TabProps extends ReactTabProps {
+    title: string;
+}
+export interface TabsProps {
+    tabs: TabProps[];
+    hidden?: boolean;
+    children: ReactNode;
+    operation: OperationModel;
+}
+interface CollapsingTabsComponentProps extends TabsProps {
+    activeIndex: number;
+    onChange: (idx: number) => void;
+}
+export declare const CollapsingTabsBase: import("react").NamedExoticComponent<CollapsingTabsComponentProps>;
+export {};

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

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

package/lib-browser/components/Tabs/CollapsingTabs/index.d.ts

@@ -0,0 +1,4 @@
+export * from './CollapsingTabsBase';
+export * from './CollapsingTabs';
+export * from './CollapsingTabList';
+export * from './CollapsingTab';

package/lib-browser/components/Tabs/CollapsingTabs/index.js

@@ -0,0 +1,2 @@
+export*from"./CollapsingTabsBase";export*from"./CollapsingTabs";export*from"./CollapsingTabList";export*from"./CollapsingTab";
+//# sourceMappingURL=index.js.map

package/lib-browser/components/Tabs/SmallTab.d.ts

@@ -0,0 +1,4 @@
+export declare const SmallTab: import("styled-components").StyledComponent<typeof import("react-tabs").Tab, import("../../services/extendTheme").ProTheme, {
+    $error?: boolean | undefined;
+    $success?: boolean | undefined;
+}, never>;

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

@@ -0,0 +1,25 @@
+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-browser/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, import("../../services/extendTheme").ProTheme, {}, never>;

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

@@ -0,0 +1,26 @@
+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-browser/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, import("../../services/extendTheme").ProTheme, {}, never>;

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

@@ -0,0 +1,7 @@
+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-browser/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, import("../../services/extendTheme").ProTheme, {}, never>;

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

@@ -0,0 +1,11 @@
+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-browser/components/Tabs/index.d.ts

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

package/lib-browser/components/Tabs/index.js

@@ -0,0 +1,2 @@
+export*from"./TabList";export*from"./Tab";export*from"./TabPanel";export*from"./SmallTab";export*from"./CollapsingTabs";export{Tabs}from"react-tabs";
+//# sourceMappingURL=index.js.map

package/lib-browser/components/VersionSwitcher.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+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-browser/components/VersionSwitcher.js

@@ -0,0 +1,7 @@
+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-browser/components/common/Checkbox.d.ts

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

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

@@ -0,0 +1,31 @@
+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-browser/components/common/CheckboxList.d.ts

@@ -0,0 +1,25 @@
+import type { ChangeEvent } from 'react';
+import { Component } from 'react';
+import type { FieldContext } from 'informed';
+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-browser/components/common/CheckboxList.js

@@ -0,0 +1,7 @@
+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-browser/components/common/ClearButton/ClearButton.d.ts

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

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

@@ -0,0 +1,2 @@
+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-browser/components/common/ClearButton/index.d.ts

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

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

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

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

@@ -0,0 +1,16 @@
+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-browser/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-browser/components/common/ClearButton/types.js

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

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

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

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

@@ -0,0 +1,16 @@
+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-browser/components/common/Dropdown/index.d.ts

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

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

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

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

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