@redocly/reference-docs 2.43.3 → 2.43.5

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

@@ -0,0 +1,14 @@
+import{FieldsGroupHeader,PropertiesTableWrap}from"../../common-elements";import styled from"../../styled-components";export const HeadersCaption=styled(FieldsGroupHeader.withComponent("caption"))`
+  text-align: left;
+  margin-top: 1em;
+  caption-side: top;
+`;export const Wrapper=styled.div`
+  margin-bottom: 1em;
+`;export const PropertiesTableWrapStyled=styled(PropertiesTableWrap)`
+  :not(:last-child) {
+    border-bottom: 1px solid ${({theme:e})=>e.colors.border.light};
+    margin-bottom: 1.5em;
+    padding-bottom: 1.5em;
+  }
+`;
+//# sourceMappingURL=styled.js.map

package/lib-browser/redoc-lib/src/components/Responses/types.d.ts

@@ -0,0 +1,12 @@
+import type { ResponseModel, FieldModel } from '../../services';
+import type { PanelHeaderProps } from '../../../../components/Panel';
+export interface ResponseProps {
+    response: ResponseModel;
+}
+export interface ResponseHeadersProps {
+    headers?: FieldModel[];
+}
+export interface ResponseListProps {
+    responses: ResponseModel[];
+}
+export declare type ResponseTitleProps = PanelHeaderProps & ResponseProps;

package/lib-browser/redoc-lib/src/components/Responses/types.js

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

package/lib-browser/redoc-lib/src/components/Schema/ArraySchema.d.ts

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

package/lib-browser/redoc-lib/src/components/Schema/ArraySchema.js

@@ -0,0 +1,4 @@
+import{__rest}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import{ArrayClosingLabel,ArrayOpeningLabel}from"../../common-elements";import styled from"../../styled-components";import{humanizeConstraints}from"../../utils";import{TypeName}from"../../common-elements/fields";import{Schema}from"./Schema";import{ObjectSchema}from"./ObjectSchema";const PaddedSchema=styled.div`
+  padding-left: ${({theme:e})=>2*e.spacing.unit}px;
+`;function ArraySchemaComponent(e){var{schema:m,schema:{minItems:s,maxItems:i,items:o}}=e,r=__rest(e,["schema","schema"]);const a=void 0===s&&void 0===i?"":`(${humanizeConstraints(m)})`;return(null==m?void 0:m.fields)?_jsx(ObjectSchema,Object.assign({},r,{level:(null==r?void 0:r.level)||1,schema:m}),void 0):!m.displayType||o||a.length?_jsxs("div",{children:[_jsxs(ArrayOpeningLabel,{children:[" Array ",a]},void 0),_jsx(PaddedSchema,{children:_jsx(Schema,Object.assign({},r,{schema:o}),void 0)},void 0),_jsx(ArrayClosingLabel,{},void 0)]},void 0):_jsx("div",{children:_jsx(TypeName,{children:m.displayType},void 0)},void 0)}export const ArraySchema=memo(ArraySchemaComponent);
+//# sourceMappingURL=ArraySchema.js.map

package/lib-browser/redoc-lib/src/components/Schema/ObjectSchema.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { ObjectSchemaProps } from './types';
+export declare const ObjectSchema: ({ schema: { fields, title }, showTitle, discriminator, level, skipWriteOnly, skipReadOnly, }: ObjectSchemaProps) => JSX.Element;

package/lib-browser/redoc-lib/src/components/Schema/ObjectSchema.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useContext}from"react";import{observer}from"mobx-react";import{PropertiesTable,PropertiesTableWrap,PropertiesTableCaption}from"../../common-elements/fields-layout";import{Field}from"../Fields/Field";import{mapWithLast}from"../../utils";import{OptionsContext}from"../OptionsProvider";import{DiscriminatorDropdown}from"../DiscriminatorDropdown";export const ObjectSchema=observer((({schema:{fields:e=[],title:i},showTitle:o,discriminator:r,level:t,skipWriteOnly:s,skipReadOnly:a})=>{const{expandSingleSchemaField:n,showObjectSchemaExamples:l,schemaExpansionLevel:m}=useContext(OptionsContext),p=a||s?e.filter((e=>!(a&&e.schema.readOnly||s&&e.schema.writeOnly))):e,d=n&&1===p.length||m>=t;return _jsx(PropertiesTableWrap,{children:_jsxs(PropertiesTable,{children:[o&&_jsx(PropertiesTableCaption,{children:i},void 0),_jsx("tbody",{children:mapWithLast(p,((e,i)=>_jsx(Field,{isLast:i,field:e,expandByDefault:d,renderDiscriminatorSwitch:(null==r?void 0:r.fieldName)===e.name&&(null==r?void 0:r.parentSchema)?()=>_jsx(DiscriminatorDropdown,{parent:r.parentSchema,enumValues:e.schema.enum,onChange:null==r?void 0:r.onChange},void 0):void 0,className:e.expanded?"expanded":void 0,showExamples:l,skipReadOnly:a,skipWriteOnly:s,showTitle:o,level:t},e.name)))},void 0)]},void 0)},void 0)}));
+//# sourceMappingURL=ObjectSchema.js.map

package/lib-browser/redoc-lib/src/components/Schema/OneOfSchema.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { SchemaProps } from './types';
+export declare const OneOfSchema: ({ schema: { oneOf }, schema, ...rest }: SchemaProps) => JSX.Element | null;

package/lib-browser/redoc-lib/src/components/Schema/OneOfSchema.js

@@ -0,0 +1,2 @@
+import{__rest}from"tslib";import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import{useContext,useCallback}from"react";import{observer}from"mobx-react";import isDeepEqual from"fast-deep-equal";import{BadgeStyle,OneOfButton as StyledOneOfButton,OneOfList,Wrapper}from"../../common-elements/schema";import{OptionsContext}from"../OptionsProvider";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields/FieldContstraints";import{Schema}from"./Schema";export const OneOfSchema=observer((e=>{var{schema:{oneOf:t},schema:i}=e,r=__rest(e,["schema","schema"]);if(void 0===t)return null;const{hideOneOfDescription:s}=useContext(OptionsContext),o=t[i.activeOneOf],n=useCallback((e=>{var t;null===(t=null==i?void 0:i.oneOf)||void 0===t||t.forEach((t=>{isDeepEqual(t.rawSchema.discriminator,o.rawSchema.discriminator)&&t.activateOneOf(e)}))}),[o.rawSchema.discriminator,null==i?void 0:i.oneOf]);return _jsxs("div",{children:[_jsxs(Wrapper,{children:[_jsxs("span",{children:[i.oneOfType,":"]},void 0),_jsx(OneOfList,{children:t.map(((e,t)=>_jsx(StyledOneOfButton,Object.assign({active:t===i.activeOneOf,deprecated:e.deprecated,onClick:()=>i.activateOneOf(t),"data-cy":"oneOf"+e.title||e.typePrefix+e.displayType},{children:e.title||e.typePrefix+e.displayType}),e.pointer)))},void 0)]},void 0),o.deprecated&&_jsx(BadgeStyle,Object.assign({type:"warning"},{children:"Deprecated"}),void 0),_jsxs(Wrapper,{children:[!s&&o.description&&_jsx(Markdown,{compact:!0,source:o.description},void 0),_jsx(ConstraintsView,{constraints:o.constraints},void 0)]},void 0),_jsx(Schema,Object.assign({},r,{schema:o,onDiscriminatorChange:n,isOneOf:!0}),void 0)]},void 0)}));
+//# sourceMappingURL=OneOfSchema.js.map

package/lib-browser/redoc-lib/src/components/Schema/RecursiveSchema.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { SchemaProps } from './types';
+export declare const RecursiveSchema: ({ schema }: SchemaProps) => JSX.Element;

package/lib-browser/redoc-lib/src/components/Schema/RecursiveSchema.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{observer}from"mobx-react";import{RecursiveLabel,TypeName,TypeTitle}from"../../common-elements/fields";import{l}from"../../services/Labels";export const RecursiveSchema=observer((({schema:e})=>_jsxs("div",{children:[_jsx(TypeName,{children:e.displayType},void 0),e.title&&_jsxs(TypeTitle,{children:[" ",e.title," "]},void 0),_jsxs(RecursiveLabel,{children:[" ",l("recursive")," "]},void 0)]},void 0)));
+//# sourceMappingURL=RecursiveSchema.js.map

package/lib-browser/redoc-lib/src/components/Schema/Schema.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { SchemaProps } from './types';
+export declare const Schema: ({ schema, onDiscriminatorChange, isOneOf, ...rest }: Partial<SchemaProps>) => JSX.Element | null;

package/lib-browser/redoc-lib/src/components/Schema/Schema.js

@@ -0,0 +1,2 @@
+import{__rest}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{observer}from"mobx-react";import{FieldDetails}from"../Fields/FieldDetails";import{ArraySchema}from"./ArraySchema";import{ObjectSchema}from"./ObjectSchema";import{OneOfSchema}from"./OneOfSchema";import{RecursiveSchema}from"./RecursiveSchema";export const Schema=observer((e=>{var i,{schema:r,onDiscriminatorChange:s,isOneOf:a=!1}=e,o=__rest(e,["schema","onDiscriminatorChange","isOneOf"]);if(!r)return _jsx("em",{children:" Schema not provided "},void 0);const{type:c,oneOf:t,discriminatorProp:n,isCircular:m}=r,d=(o.level||0)+1;if(m)return _jsx(RecursiveSchema,{schema:r},void 0);if(void 0!==n){if(!t||!t.length)return console.warn(`Looks like you are using discriminator wrong: you don't have any definition inherited from the ${r.title}`),null;const e=t[r.activeOneOf];return e.isCircular?_jsx(RecursiveSchema,{schema:e},void 0):_jsx(ObjectSchema,Object.assign({},o,{level:d,schema:e,discriminator:{fieldName:n,parentSchema:r,onChange:s}}),void 0)}if(void 0!==t)return _jsx(OneOfSchema,Object.assign({},o,{schema:r}),void 0);const l=Array.isArray(c)?c:[c];if(l.includes("object")){if(null===(i=r.fields)||void 0===i?void 0:i.length)return _jsx(ObjectSchema,Object.assign({},o,{level:d,schema:r}),void 0)}else if(l.includes("array"))return _jsx(ArraySchema,Object.assign({},o,{level:d,schema:r}),void 0);const h={schema:r,name:"",required:!1,description:a?"":r.description,externalDocs:r.externalDocs,deprecated:!1,toggle:()=>null,expanded:!1};return _jsx("div",{children:_jsx(FieldDetails,{field:h},void 0)},void 0)}));
+//# sourceMappingURL=Schema.js.map

package/lib-browser/redoc-lib/src/components/Schema/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Schema';
+export * from './ObjectSchema';
+export * from './OneOfSchema';
+export * from './ArraySchema';

package/lib-browser/redoc-lib/src/components/Schema/index.js

@@ -0,0 +1,2 @@
+export*from"./Schema";export*from"./ObjectSchema";export*from"./OneOfSchema";export*from"./ArraySchema";
+//# sourceMappingURL=index.js.map

package/lib-browser/redoc-lib/src/components/Schema/types.d.ts

@@ -0,0 +1,23 @@
+import type { ExampleModel, OperationModel, SchemaModel } from '../../services/models';
+export interface SchemaOptions {
+    showTitle?: boolean;
+    skipReadOnly?: boolean;
+    skipWriteOnly?: boolean;
+    level?: number;
+    examples?: {
+        [name: string]: ExampleModel;
+    };
+    operation?: OperationModel;
+    isOneOf?: boolean;
+}
+export interface SchemaProps extends SchemaOptions {
+    schema: SchemaModel;
+    onDiscriminatorChange?: (idx: number) => void;
+}
+export interface ObjectSchemaProps extends Omit<SchemaProps, 'onDiscriminatorChange'> {
+    discriminator?: {
+        fieldName: string;
+        parentSchema: SchemaModel;
+        onChange?: (idx: number) => void;
+    };
+}

package/lib-browser/redoc-lib/src/components/Schema/types.js

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

package/lib-browser/redoc-lib/src/components/SchemaDefinition/SchemaDefinition.d.ts

@@ -0,0 +1,21 @@
+import { PureComponent } from 'react';
+import type { OpenAPIParser } from '../../services';
+import type { RedocProNormalizedOptions } from '../../../../services/ProStore';
+import { LayoutVariant } from '../../../../services/store-types';
+export interface ObjectDescriptionProps {
+    schemaRef: string;
+    exampleRef?: string;
+    showReadOnly?: boolean;
+    showWriteOnly?: boolean;
+    parser: OpenAPIParser;
+    options: RedocProNormalizedOptions;
+    layout?: LayoutVariant;
+    showRightPanel?: boolean;
+}
+export declare class SchemaDefinition extends PureComponent<ObjectDescriptionProps> {
+    private static getMediaType;
+    private _mediaModel;
+    private get mediaModel();
+    handleMediaTypeChange(key: string): void;
+    render(): JSX.Element;
+}

package/lib-browser/redoc-lib/src/components/SchemaDefinition/SchemaDefinition.js

@@ -0,0 +1,4 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{PureComponent}from"react";import styled from"styled-components";import{MiddlePanel,RightPanel,Row,Section}from"../../common-elements";import{MediaTypeModel}from"../../services";import{MediaTypeSamples}from"../PayloadSamples/MediaTypeSamples";import{Schema}from"../Schema";import{CodePanel,ContentPanel}from"../../../../components/Panel";import{LayoutVariant}from"../../../../services/store-types";import{Markdown}from"../Markdown";export class SchemaDefinition extends PureComponent{constructor(){super(...arguments),Object.defineProperty(this,"_mediaModel",{enumerable:!0,configurable:!0,writable:!0,value:void 0})}static getMediaType(e,i){if(!e)return{};const o={schema:{$ref:e}};return i&&(o.examples={example:{$ref:i}}),o}get mediaModel(){const{parser:e,schemaRef:i,exampleRef:o,options:a}=this.props;return this._mediaModel||(this._mediaModel=new MediaTypeModel(e,"json",!1,SchemaDefinition.getMediaType(i,o),a)),this._mediaModel}handleMediaTypeChange(e){var i,o,a,t,d,s;const n=null===(i=this.mediaModel.schema)||void 0===i?void 0:i.oneOf;if(n&&(null===(o=this.mediaModel)||void 0===o?void 0:o.examples)&&Object.keys(null===(a=this.mediaModel)||void 0===a?void 0:a.examples).includes(e)){const i=n.findIndex((i=>i.title===e));-1!==i&&(null===(t=this.mediaModel.schema)||void 0===t||t.activateOneOf(i))}(null===(d=this.mediaModel.operation)||void 0===d?void 0:d.activeExampleName)!==e&&(null===(s=this.mediaModel.operation)||void 0===s||s.activateExampleName(e))}render(){var e,i;const{showReadOnly:o=!0,showWriteOnly:a=!1,layout:t,showRightPanel:d}=this.props;return _jsx(Section,{children:_jsxs(Row,Object.assign({layout:t},{children:[_jsxs(MiddlePanel,Object.assign({isStacked:t===LayoutVariant.STACKED},{children:[(null===(e=this.mediaModel.schema)||void 0===e?void 0:e.description)&&_jsx(Description,{children:_jsx(Markdown,{source:null===(i=this.mediaModel.schema)||void 0===i?void 0:i.description},void 0)},void 0),_jsx(ContentPanel,{children:_jsx(Schema,{skipWriteOnly:!a,skipReadOnly:!o,schema:this.mediaModel.schema},void 0)},void 0)]}),void 0),d?_jsx(RightPanel,{children:_jsx(CodePanel,{children:_jsx(MediaTypeSamples,{mediaType:this.mediaModel,onChange:this.handleMediaTypeChange},void 0)},void 0)},void 0):null]}),void 0)},void 0)}}const Description=styled.div`
+  margin-bottom: ${({theme:e})=>4*e.spacing.unit}px;
+`;
+//# sourceMappingURL=SchemaDefinition.js.map

package/lib-browser/redoc-lib/src/components/SearchBox/SearchBox.d.ts

@@ -0,0 +1,30 @@
+import type { KeyboardEvent, ChangeEvent } from 'react';
+import { PureComponent } from 'react';
+import type { IMenuItem, SearchResult } from '../../services/types';
+import type { SearchStore } from '../../services/SearchStore';
+import type { MarkerService } from '../../services/MarkerService';
+import { MenuItem } from '../SideMenu/MenuItem';
+export interface SearchBoxProps {
+    search: SearchStore<string>;
+    marker: MarkerService;
+    getItemById: (id: string) => IMenuItem | undefined;
+    onActivate: (item: IMenuItem) => void;
+    className?: string;
+}
+export interface SearchBoxState {
+    results: SearchResult[];
+    term: string;
+    activeItemIdx: number;
+}
+export declare class SearchBox extends PureComponent<SearchBoxProps, SearchBoxState> {
+    activeItemRef: typeof MenuItem | null;
+    static contextType: import("react").Context<import("../../../..").RedocProNormalizedOptions>;
+    constructor(props: SearchBoxProps);
+    clearResults(term: string): void;
+    clear: () => void;
+    handleKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
+    setResults(results: SearchResult[], term: string): void;
+    searchCallback(searchTerm: string): void;
+    search: (event: ChangeEvent<HTMLInputElement>) => void;
+    render(): JSX.Element;
+}

package/lib-browser/redoc-lib/src/components/SearchBox/SearchBox.js

@@ -0,0 +1,2 @@
+import{__decorate}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{bind,debounce}from"decko";import{PureComponent}from"react";import{MenuItem}from"../SideMenu/MenuItem";import{OptionsContext}from"../OptionsProvider";import{PerfectScrollbarWrap}from"../../common-elements/perfect-scrollbar";import{ClearIcon,SearchIcon,SearchInput,SearchResultsBox,SearchWrap}from"./styled.elements";export class SearchBox extends PureComponent{constructor(e){super(e),Object.defineProperty(this,"activeItemRef",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"clear",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.setState({results:[],term:"",activeItemIdx:-1}),this.props.marker.unmark()}}),Object.defineProperty(this,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:e=>{if(27===e.keyCode&&this.clear(),40===e.keyCode&&(this.setState({activeItemIdx:Math.min(this.state.activeItemIdx+1,this.state.results.length-1)}),e.preventDefault()),38===e.keyCode&&(this.setState({activeItemIdx:Math.max(0,this.state.activeItemIdx-1)}),e.preventDefault()),13===e.keyCode){const e=this.state.results[this.state.activeItemIdx];if(e){const t=this.props.getItemById(e.meta);t&&this.props.onActivate(t)}}}}),Object.defineProperty(this,"search",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const{minCharacterLengthToInitSearch:t}=this.context,r=e.target.value;r.length<t?this.clearResults(r):this.setState({term:r},(()=>this.searchCallback(this.state.term)))}}),this.state={results:[],term:"",activeItemIdx:-1}}clearResults(e){this.setState({results:[],term:e}),this.props.marker.unmark()}setResults(e,t){this.setState({results:e}),this.props.marker.mark(t)}searchCallback(e){this.props.search.search(e).then((t=>{this.setResults(t,e)}))}render(){const{activeItemIdx:e}=this.state,t=this.state.results.map((e=>({item:this.props.getItemById(e.meta),score:e.score})));return t.sort(((e,t)=>t.score-e.score)),_jsxs(SearchWrap,Object.assign({role:"search"},{children:[this.state.term&&_jsx(ClearIcon,Object.assign({onClick:this.clear},{children:"×"}),void 0),_jsx(SearchIcon,{},void 0),_jsx(SearchInput,{value:this.state.term,onKeyDown:this.handleKeyDown,placeholder:"Search...","aria-label":"Search",type:"text",onChange:this.search},void 0),t.length>0&&_jsx(PerfectScrollbarWrap,Object.assign({options:{wheelPropagation:!1}},{children:_jsx(SearchResultsBox,Object.assign({"data-role":"search:results"},{children:t.map((({item:t},r)=>_jsx(MenuItem,{item:Object.create(t||{},{active:{value:r===e}}),onActivate:this.props.onActivate,withoutChildren:!0,"data-role":"search:result"},null==t?void 0:t.id)))}),void 0)}),void 0)]}),void 0)}}Object.defineProperty(SearchBox,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsContext}),__decorate([bind,debounce(400)],SearchBox.prototype,"searchCallback",null);
+//# sourceMappingURL=SearchBox.js.map

package/lib-browser/redoc-lib/src/components/SearchBox/styled.elements.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const SearchWrap: 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">;
+export declare const SearchIcon: import("styled-components").StyledComponent<(props: {
+    className?: string;
+}) => JSX.Element, import("../../../../services/extendTheme").ProTheme, {
+    className: "search-icon";
+}, "className">;
+export declare const SearchResultsBox: import("styled-components").StyledComponent<"div", import("../../../../services/extendTheme").ProTheme, {}, never>;
+export declare const ClearIcon: import("styled-components").StyledComponent<"i", import("../../../../services/extendTheme").ProTheme, {}, never>;

package/lib-browser/redoc-lib/src/components/SearchBox/styled.elements.js

@@ -0,0 +1,69 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{darken,getLuminance,lighten}from"polished";import styled,{mediaCSS}from"../../styled-components";import{MenuItemLabel}from"../SideMenu/styled.elements";export const SearchWrap=styled.div`
+  padding: 5px 0;
+`;export const SearchInput=styled.input.attrs((()=>({className:"search-input"})))`
+  width: calc(100% - ${e=>8*e.theme.spacing.unit}px);
+  box-sizing: border-box;
+  margin: 0 ${e=>4*e.theme.spacing.unit}px;
+  padding: 5px ${e=>2*e.theme.spacing.unit}px 5px
+    ${e=>4*e.theme.spacing.unit}px;
+  border: 0;
+  border-bottom: 1px solid
+    ${({theme:e})=>(getLuminance(e.sidebar.backgroundColor)>.5?darken:lighten)(.1,e.sidebar.backgroundColor)};
+  ${({theme:e})=>mediaCSS({fontFamily:e.typography.fontFamily})}
+  font-weight: bold;
+  font-size: 13px;
+  color: ${e=>e.theme.sidebar.textColor};
+  background-color: transparent;
+  outline: none;
+`;export const SearchIcon=styled((e=>_jsx("svg",Object.assign({className:e.className,version:"1.1",viewBox:"0 0 1000 1000",x:"0px",xmlns:"http://www.w3.org/2000/svg",y:"0px"},{children:_jsx("path",{d:"M968.2,849.4L667.3,549c83.9-136.5,66.7-317.4-51.7-435.6C477.1-25,252.5-25,113.9,113.4c-138.5,138.3-138.5,362.6,0,501C219.2,730.1,413.2,743,547.6,666.5l301.9,301.4c43.6,43.6,76.9,14.9,104.2-12.4C981,928.3,1011.8,893,968.2,849.4z M524.5,522c-88.9,88.7-233,88.7-321.8,0c-88.9-88.7-88.9-232.6,0-321.3c88.9-88.7,233-88.7,321.8,0C613.4,289.4,613.4,433.3,524.5,522z"},void 0)}),void 0))).attrs({className:"search-icon"})`
+  position: absolute;
+  left: ${e=>4*e.theme.spacing.unit}px;
+  height: 1.8em;
+  width: 0.9em;
+
+  path {
+    fill: ${e=>e.theme.sidebar.textColor};
+  }
+`;export const SearchResultsBox=styled.div`
+  padding: ${e=>e.theme.spacing.unit}px 0;
+  background-color: ${({theme:e})=>darken(.05,e.sidebar.backgroundColor)}};
+  color: ${e=>e.theme.sidebar.textColor};
+  min-height: 150px;
+  max-height: 250px;
+  border-top: ${({theme:e})=>e.colors.border.light}};
+  border-bottom: ${({theme:e})=>e.colors.border.light}};
+  margin-top: 10px;
+  line-height: 1.4;
+  font-size: 0.9em;
+
+  li {
+    background-color: inherit;
+  }
+
+  ${MenuItemLabel} {
+    padding-top: 6px;
+    padding-bottom: 6px;
+
+    &:hover,
+    &.active {
+      background-color: ${({theme:e})=>darken(.1,e.sidebar.backgroundColor)};
+    }
+
+    > svg {
+      display: none;
+    }
+  }
+`;export const ClearIcon=styled.i`
+  position: absolute;
+  display: inline-block;
+  width: ${e=>2*e.theme.spacing.unit}px;
+  text-align: center;
+  right: ${e=>4*e.theme.spacing.unit}px;
+  line-height: 2em;
+  vertical-align: middle;
+  margin-right: 2px;
+  cursor: pointer;
+  font-style: normal;
+  color: '#666';
+`;
+//# sourceMappingURL=styled.elements.js.map

package/lib-browser/redoc-lib/src/components/SectionItem/SectionItem.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { GroupModel } from '../../services';
+interface SectionItemProps {
+    item: GroupModel;
+}
+export declare const SectionItem: ({ item }: SectionItemProps) => JSX.Element;
+export {};

package/lib-browser/redoc-lib/src/components/SectionItem/SectionItem.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useMemo}from"react";import{observer}from"mobx-react";import{H1,H2,H3,H4,H5,H6,MiddlePanel,Row,ShareLink}from"../../common-elements";import{AdvancedMarkdown}from"../Markdown/AdvancedMarkdown";import{ExternalDocumentation}from"../ExternalDocumentation/ExternalDocumentation";export const SectionItem=observer((({item:e})=>{const{name:r,description:o,externalDocs:n,level:t,id:a}=e,s=useMemo((()=>{switch(t){case 1:default:return H1;case 2:return H2;case 3:return H3;case 4:return H4;case 5:return H5;case 6:return H6}}),[t]);return _jsxs(_Fragment,{children:[_jsx(Row,{children:_jsx(MiddlePanel,Object.assign({compact:!1},{children:_jsxs(s,{children:[_jsx(ShareLink,{to:a},void 0),r]},void 0)}),void 0)},void 0),_jsx(AdvancedMarkdown,{source:o||"",htmlWrap:e=>_jsx(MiddlePanel,Object.assign({compact:!0},{children:e}),void 0)},void 0),n&&_jsx(Row,{children:_jsx(MiddlePanel,{children:_jsx(ExternalDocumentation,{externalDocs:n},void 0)},void 0)},void 0)]},void 0)}));
+//# sourceMappingURL=SectionItem.js.map

package/lib-browser/redoc-lib/src/components/SectionItem/index.d.ts

@@ -0,0 +1 @@
+export { SectionItem } from './SectionItem';

package/lib-browser/redoc-lib/src/components/SectionItem/index.js

@@ -0,0 +1,2 @@
+export{SectionItem}from"./SectionItem";
+//# sourceMappingURL=index.js.map

package/lib-browser/redoc-lib/src/components/SecurityRequirement/RequiredScopesRow.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const RequiredScopesRow: ({ scopes }: {
+    scopes: string[];
+}) => JSX.Element | null;

package/lib-browser/redoc-lib/src/components/SecurityRequirement/RequiredScopesRow.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Fragment}from"react";import{SecurityRow}from"./SecurityRequirement";export const RequiredScopesRow=({scopes:e})=>e.length?_jsxs(SecurityRow,{children:[_jsx("b",{children:"Required scopes: "},void 0),e.map((e=>_jsxs(Fragment,{children:[_jsx("code",{children:e},void 0)," "]},e)))]},void 0):null;
+//# sourceMappingURL=RequiredScopesRow.js.map

package/lib-browser/redoc-lib/src/components/SecurityRequirement/SecurityDefs.d.ts

@@ -0,0 +1,8 @@
+import { PureComponent } from 'react';
+import type { SecuritySchemesModel } from '../../services';
+export interface SecurityDefsProps {
+    securitySchemes: SecuritySchemesModel;
+}
+export declare class SecurityDefs extends PureComponent<SecurityDefsProps> {
+    render(): JSX.Element[];
+}

package/lib-browser/redoc-lib/src/components/SecurityRequirement/SecurityDefs.js

@@ -0,0 +1,4 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{PureComponent}from"react";import{H2,MiddlePanel,Row,Section,ShareLink}from"../../common-elements";import{titleize}from"../../utils/helpers";import{Markdown,StyledMarkdownBlock}from"../Markdown";import{OAuthFlow}from"../SecuritySchemes/SecuritySchemes";import styled from"../../styled-components";import{AUTH_TYPES}from"./SecurityRequirement";export class SecurityDefs extends PureComponent{render(){return this.props.securitySchemes.schemes.map((e=>_jsx(Section,Object.assign({id:e.sectionId,sectionId:e.sectionId},{children:_jsx(Row,{children:_jsxs(MiddlePanel,{children:[_jsxs(H2,{children:[_jsx(ShareLink,{to:e.sectionId},void 0),e.id]},void 0),_jsx(Description,{source:e.description||""},void 0),_jsx(StyledMarkdownBlock,{children:_jsxs("div",Object.assign({className:"security-details"},{children:[_jsxs("div",{children:[_jsx("b",{children:"Security Scheme Type: "},void 0),_jsx("span",{children:AUTH_TYPES[e.type]||e.type},void 0)]},void 0),e.apiKey?_jsxs("div",{children:[_jsxs("b",{children:[titleize(e.apiKey.in||"")," parameter name: "]},void 0),_jsx("span",{children:e.apiKey.name},void 0)]},void 0):e.http?[_jsxs("div",{children:[_jsx("b",{children:"HTTP Authorization Scheme "},void 0),_jsx("span",{children:e.http.scheme},void 0)]},"scheme"),"bearer"===e.http.scheme&&e.http.bearerFormat&&_jsxs("div",{children:[_jsx("b",{children:"Bearer format: "},void 0),_jsxs("span",{children:['"',e.http.bearerFormat,'"']},void 0)]},"bearer")]:e.openId?_jsxs("div",{children:[_jsx("b",{children:"Connect URL:"},void 0),_jsx("a",Object.assign({target:"_blank",rel:"noopener noreferrer",href:e.openId.connectUrl},{children:e.openId.connectUrl}),void 0)]},void 0):e.flows?Object.keys(e.flows).map((i=>_jsx(OAuthFlow,{type:i,flow:e.flows[i]},i))):null]}),void 0)},void 0)]},void 0)},void 0)}),e.id)))}}const Description=styled(Markdown)`
+  margin-bottom: 1em;
+`;
+//# sourceMappingURL=SecurityDefs.js.map

package/lib-browser/redoc-lib/src/components/SecurityRequirement/SecurityRequirement.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { SecurityRequirementModel } from '../../services/models/SecurityRequirement';
+export declare const AUTH_TYPES: {
+    oauth2: string;
+    apiKey: string;
+    http: string;
+    openIdConnect: string;
+};
+export interface SecurityRequirementsProps {
+    securities: SecurityRequirementModel[];
+}
+export declare const SecurityRequirements: ({ securities, }: SecurityRequirementsProps) => JSX.Element | null;
+export declare const SecurityRow: import("styled-components").StyledComponent<"div", import("../../../../services/extendTheme").ProTheme, {}, never>;

package/lib-browser/redoc-lib/src/components/SecurityRequirement/SecurityRequirement.js

@@ -0,0 +1,26 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{Fragment,useState}from"react";import styled from"../../styled-components";import{useStore}from"../StoreBuilder";import{Markdown,StyledMarkdownBlock}from"../Markdown";import{titleize}from"../../utils";import{OAuthFlow}from"../SecuritySchemes/SecuritySchemes";import{l}from"../../services/Labels";import{ContentPanel}from"../../../../components/Panel";import{SecurityRequirementPanelDescription}from"./SecurityRequirementPanelDescription";import{SecurityRequirementElement}from"./SecurityRequirementElement";import{RequiredScopesRow}from"./RequiredScopesRow";export const AUTH_TYPES={oauth2:"OAuth2",apiKey:"API Key",http:"HTTP",openIdConnect:"OpenID Connect"};function getRequiredScopes(e,t){const i=[];let o=t.length;for(;o--;){const r=t[o];let n=r.schemes.length;for(;n--;){const t=r.schemes[n];t.id===e&&i.push(...t.scopes)}}return Array.from(new Set(i))}export const SecurityRequirements=({securities:e})=>{const t=useStore(),i=null==t?void 0:t.options.showSecuritySchemeType,[o,r]=useState(!1);if(!e.length||(null==t?void 0:t.options.hideSecuritySection))return null;const n=null==t?void 0:t.definition.securitySchemes.schemes,s=null==n?void 0:n.filter((({id:t})=>e.find((e=>e.schemes.find((e=>e.id===t))))));return _jsxs(ContentPanel,Object.assign({header:l("authorizations"),onToggle:e=>r(e),description:!o&&_jsx(SecurityRequirementPanelDescription,{securities:e,showSecuritySchemeType:i},void 0),expanded:o},{children:[o&&s&&s.length>1?_jsx(SecurityRequirementBlock,{children:e.map(((t,o)=>{let r,n,s="";return e.length>1&&t.schemes.length>1&&(n=0===o?"(":"",s=")"),o!==e.length-1&&(s+=" or",r=_jsx("br",{},void 0)),_jsxs(Fragment,{children:[n,_jsx(SecurityRequirementElement,{security:t,showSecuritySchemeType:i},void 0),s,r]},t.schemes.map((({id:e})=>e)).join(""))}))},void 0):null,o&&s?s.map((t=>{const i=getRequiredScopes(t.id,e),o=_jsx(RequiredScopesRow,{scopes:i},void 0);return _jsxs(SecurityDetails,{children:[_jsxs("h5",{children:[_jsx(LockIcon,{},void 0)," ",AUTH_TYPES[t.type]||t.type,": ",t.id]},void 0),_jsx(Markdown,{source:t.description||""},void 0),_jsx(StyledMarkdownBlock,{children:t.apiKey?_jsxs(_Fragment,{children:[_jsxs(SecurityRow,{children:[_jsxs("b",{children:[titleize(t.apiKey.in||"")," parameter name: "]},void 0),_jsx("code",{children:t.apiKey.name},void 0)]},void 0),o]},void 0):t.http?_jsxs(_Fragment,{children:[_jsxs(SecurityRow,{children:[_jsx("b",{children:"HTTP Authorization Scheme: "},void 0),_jsx("code",{children:t.http.scheme},void 0)]},void 0),_jsx(SecurityRow,{children:"bearer"===t.http.scheme&&t.http.bearerFormat&&_jsxs(_Fragment,{children:[_jsx("b",{children:"Bearer format: "},void 0),_jsx("code",{children:t.http.bearerFormat},void 0)]},void 0)},void 0),o]},void 0):t.openId?_jsxs(_Fragment,{children:[_jsxs(SecurityRow,{children:[_jsx("b",{children:"Connect URL: "},void 0),_jsx("code",{children:_jsx("a",Object.assign({target:"_blank",rel:"noopener noreferrer",href:t.openId.connectUrl},{children:t.openId.connectUrl}),void 0)},void 0)]},void 0),o]},void 0):t.flows?Object.keys(t.flows).map((e=>_jsx(OAuthFlow,{type:e,RequiredScopes:o,flow:t.flows[e]},e))):null},t.id)]},t.id)})):null]}),void 0)};const SecurityDetails=styled.div`
+  border-bottom: 1px solid ${({theme:e})=>e.colors.border.light};
+  margin-bottom: 1.5em;
+  padding-bottom: 0.7em;
+  &:last-child {
+    border-bottom: none;
+    margin-bottom: 0;
+    padding-bottom: 0;
+  }
+  h5 {
+    line-height: 1em;
+    margin: 0 0 0.6em;
+    font-size: ${({theme:e})=>e.typography.fontSize};
+  }
+  .redoc-markdown p:first-child {
+    display: inline;
+  }
+`,SecurityRequirementBlock=styled.div`
+  margin-bottom: 20px;
+  background-color: ${({theme:e})=>e.colors.secondary.main};
+  border-radius: ${({theme:e})=>e.shape.borderRadius};
+  padding: ${({theme:e})=>`${e.sidebar.spacing.unit}px ${1.2*e.sidebar.spacing.unit}px`};
+`,LockIcon=()=>_jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"11",height:"11"},{children:_jsx("path",{fill:"currentColor",d:"M18 10V6A6 6 0 0 0 6 6v4H3v14h18V10h-3zM8 6c0-2.206 1.794-4 4-4s4 1.794 4 4v4H8V6zm11 16H5V12h14v10z"},void 0)}),void 0);export const SecurityRow=styled.div`
+  margin: 0.5em 0;
+`;
+//# sourceMappingURL=SecurityRequirement.js.map

package/lib-browser/redoc-lib/src/components/SecurityRequirement/SecurityRequirementElement.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { SecurityRequirementModel } from '../../services';
+interface SecurityRequirementProps {
+    security: SecurityRequirementModel;
+    showSecuritySchemeType?: boolean;
+}
+export declare const SecurityRequirementElement: (props: SecurityRequirementProps) => JSX.Element;
+export {};

package/lib-browser/redoc-lib/src/components/SecurityRequirement/SecurityRequirementElement.js

@@ -0,0 +1,23 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled,{mediaCSS}from"../../styled-components";import{linksCss}from"../Markdown/styled";import{Link}from"../../common-elements";import{AUTH_TYPES}from"./SecurityRequirement";export const SecurityRequirementElement=e=>{const{showSecuritySchemeType:t,security:r}=e;return _jsx(SecurityRequirementOrWrap,{children:r.schemes.map((e=>{const r=e.scopes.length>0;return _jsxs(SecurityRequirementAndWrap,{children:[t?`${AUTH_TYPES[e.type]||e.type}: `:null,_jsx(Link,Object.assign({to:e.id,security:!0},{children:_jsx("b",{children:e.id},void 0)}),void 0),r?["(",e.scopes.map((e=>_jsx(ScopeName,{children:e},e))).reduce(((e,t)=>[e,", ",t])),")"]:null]},e.id)}))},void 0)};const SecurityRequirementAndWrap=styled.span`
+  &:after {
+    content: ' and ';
+    font-weight: normal;
+  }
+
+  &:last-child:after {
+    content: none;
+  }
+
+  ${linksCss};
+`,SecurityRequirementOrWrap=styled.span`
+  ${linksCss};
+`,ScopeName=styled.code`
+  border: 1px solid ${({theme:e})=>e.colors.border.light};
+  margin: 0 3px;
+  padding: 0.2em;
+  line-height: 1;
+  display: inline-block;
+  word-break: break-word;
+  ${({theme:e})=>mediaCSS({fontFamily:e.typography.code.fontFamily,fontSize:e.typography.code.fontSize})}
+`;
+//# sourceMappingURL=SecurityRequirementElement.js.map

package/lib-browser/redoc-lib/src/components/SecurityRequirement/SecurityRequirementPanelDescription.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { SecurityRequirementModel } from '../../services';
+interface SecurityRequirementPanelDescriptionProps {
+    securities: SecurityRequirementModel[];
+    showSecuritySchemeType?: boolean;
+}
+export declare const SecurityRequirementPanelDescription: ({ securities, showSecuritySchemeType, }: SecurityRequirementPanelDescriptionProps) => JSX.Element;
+export {};

package/lib-browser/redoc-lib/src/components/SecurityRequirement/SecurityRequirementPanelDescription.js

@@ -0,0 +1,2 @@
+import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import{useLayoutEffect,Fragment,useRef,useState}from"react";import{AUTH_TYPES}from"./SecurityRequirement";export const SecurityRequirementPanelDescription=({securities:e,showSecuritySchemeType:t})=>{const s=useRef(null),[r,n]=useState("");return useLayoutEffect((()=>{var e;n((null===(e=s.current)||void 0===e?void 0:e.innerText)||"")}),[s]),_jsx("span",Object.assign({ref:s,title:r},{children:e.map(((s,r)=>{let n="",i="";const u=s.schemes.length;return e.length>1&&u>1&&(n=0===r?"(":"",i=")"),r!==e.length-1&&(i+=" or "),_jsxs(Fragment,{children:[n,u?s.schemes.map((e=>_jsxs("b",{children:[t?`${AUTH_TYPES[e.type]||e.type}: `:null,e.id]},e.id))).reduce(((e,t)=>[e," and ",t])):null,i]},s.schemes.map((({id:e})=>e)).join(""))}))}),void 0)};
+//# sourceMappingURL=SecurityRequirementPanelDescription.js.map

package/lib-browser/redoc-lib/src/components/SecuritySchemes/SecuritySchemes.d.ts

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

package/lib-browser/redoc-lib/src/components/SecuritySchemes/SecuritySchemes.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo}from"react";import{Markdown}from"../Markdown";import{SeeMore}from"../SeeMore/SeeMore";import{SecurityRow}from"../SecurityRequirement/SecurityRequirement";import{hasAuthorizationUrl,hasTokenUrl}from"./helpers";const OAuthFlowComponent=({type:e,flow:o,RequiredScopes:r})=>{const i=Object.keys((null==o?void 0:o.scopes)||{});return _jsxs(_Fragment,{children:[_jsxs(SecurityRow,{children:[_jsx("b",{children:"Flow type: "},void 0),_jsx("code",{children:e},void 0)," "]},void 0),hasAuthorizationUrl(e,o)?_jsxs(SecurityRow,{children:[_jsx("b",{children:"Authorization URL: "},void 0),_jsx("code",{children:_jsx("a",Object.assign({target:"_blank",rel:"noopener noreferrer",href:null==o?void 0:o.authorizationUrl},{children:null==o?void 0:o.authorizationUrl}),void 0)},void 0)]},void 0):null,hasTokenUrl(e,o)?_jsxs(SecurityRow,{children:[_jsx("b",{children:"Token URL: "},void 0),_jsx("code",{children:null==o?void 0:o.tokenUrl},void 0)]},void 0):null,(null==o?void 0:o.refreshUrl)&&_jsxs(SecurityRow,{children:[_jsx("b",{children:"Refresh URL: "},void 0),_jsx("code",{children:null==o?void 0:o.refreshUrl},void 0)]},void 0),i.length?_jsxs(_Fragment,{children:[r||null,_jsx(SecurityRow,{children:_jsx("b",{children:"Scopes:"},void 0)},void 0),_jsx(SeeMore,Object.assign({height:"4em"},{children:_jsx("ul",{children:i.map((e=>_jsxs("li",{children:[_jsx("code",{children:e},void 0)," - ",_jsx(Markdown,{inline:!0,source:(null==o?void 0:o.scopes[e])||""},void 0)]},e)))},void 0)}),void 0)]},void 0):null]},void 0)};export const OAuthFlow=memo(OAuthFlowComponent);
+//# sourceMappingURL=SecuritySchemes.js.map

package/lib-browser/redoc-lib/src/components/SecuritySchemes/helpers.d.ts

@@ -0,0 +1,34 @@
+import type { OAuthFlowProps } from './types';
+export declare const hasAuthorizationUrl: (type: string, flow: OAuthFlowProps['flow']) => flow is {
+    refreshUrl?: string | undefined;
+    scopes: Record<string, string>;
+    authorizationUrl: string;
+    'x-defaultClientId'?: string | undefined;
+    'x-tokenEndpointAuthMethod'?: string | undefined;
+} | {
+    refreshUrl?: string | undefined;
+    scopes: Record<string, string>;
+    authorizationUrl: string;
+    tokenUrl: string;
+    'x-defaultClientId'?: string | undefined;
+    'x-tokenEndpointAuthMethod'?: string | undefined;
+} | undefined;
+export declare const hasTokenUrl: (type: string, flow: OAuthFlowProps['flow']) => flow is {
+    refreshUrl?: string | undefined;
+    scopes: Record<string, string>;
+    tokenUrl: string;
+    'x-defaultClientId'?: string | undefined;
+    'x-tokenEndpointAuthMethod'?: string | undefined;
+} | {
+    refreshUrl?: string | undefined;
+    scopes: Record<string, string>;
+    tokenUrl: string;
+    'x-defaultClientId'?: string | undefined;
+} | {
+    refreshUrl?: string | undefined;
+    scopes: Record<string, string>;
+    authorizationUrl: string;
+    tokenUrl: string;
+    'x-defaultClientId'?: string | undefined;
+    'x-tokenEndpointAuthMethod'?: string | undefined;
+} | undefined;

package/lib-browser/redoc-lib/src/components/SecuritySchemes/helpers.js

@@ -0,0 +1,2 @@
+export const hasAuthorizationUrl=(o,t)=>!!t&&("implicit"===o||"authorizationCode"===o);export const hasTokenUrl=(o,t)=>!!t&&("password"===o||"clientCredentials"===o||"authorizationCode"===o);
+//# sourceMappingURL=helpers.js.map

package/lib-browser/redoc-lib/src/components/SecuritySchemes/types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { OpenAPISecurityScheme } from '../../types';
+export interface OAuthFlowProps {
+    type: string;
+    flow: OpenAPISecurityScheme['flows'][keyof OpenAPISecurityScheme['flows']];
+    RequiredScopes?: JSX.Element;
+}

package/lib-browser/redoc-lib/src/components/SecuritySchemes/types.js

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

package/lib-browser/redoc-lib/src/components/SeeMore/SeeMore.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+interface SeeMoreProps {
+    children?: ReactNode;
+    height: string;
+}
+export declare function SeeMore({ children, height }: SeeMoreProps): JSX.Element;
+export {};

package/lib-browser/redoc-lib/src/components/SeeMore/SeeMore.js

@@ -0,0 +1,10 @@
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";import{createRef,useLayoutEffect,useState}from"react";const TOLERANCE_PX=20;export function SeeMore({children:e,height:t}){const n=createRef(),[r,i]=useState(!1),[o,s]=useState(!1);useLayoutEffect((()=>{n.current&&n.current.clientHeight+20<n.current.scrollHeight&&s(!0)}),[n]);return _jsxs(_Fragment,{children:[_jsx(Container,Object.assign({ref:n,className:r?"":"container",style:{height:r?"auto":t}},{children:e}),void 0),_jsx(ButtonContainer,Object.assign({dimmed:!r},{children:o&&_jsx(ButtonLinkStyled,Object.assign({onClick:()=>{i(!r)}},{children:r?"See less":"See more"}),void 0)}),void 0)]},void 0)}const Container=styled.div`
+  overflow-y: hidden;
+`,ButtonContainer=styled.div`
+  text-align: center;
+  line-height: 1.5em;
+  ${({dimmed:e})=>e&&"background-image: linear-gradient(to bottom, transparent,rgb(255 255 255));\n     position: relative;\n     top: -0.5em;\n     padding-top: 0.5em;\n     background-position-y: -1em;\n    "}
+`,ButtonLinkStyled=styled.a`
+  cursor: pointer;
+`;
+//# sourceMappingURL=SeeMore.js.map

package/lib-browser/redoc-lib/src/components/SideMenu/MenuItem.d.ts

@@ -0,0 +1,17 @@
+import type { MouseEvent, PropsWithChildren } from 'react';
+import type { IMenuItem, OperationModel } from '../../services';
+import type { ExternalLink } from '../../../../services/types';
+export interface MenuItemProps {
+    item: IMenuItem;
+    onActivate?: (item: IMenuItem, evt: MouseEvent<HTMLElement>) => void;
+    withoutChildren?: boolean;
+}
+export declare const MenuExternalLink: ({ link, }: PropsWithChildren<{
+    link: ExternalLink;
+}>) => JSX.Element;
+export declare const MenuItem: (props: PropsWithChildren<MenuItemProps>) => JSX.Element;
+export interface OperationMenuItemContentProps {
+    item: OperationModel;
+}
+export declare const MenuItemPath: import("styled-components").StyledComponent<"code", import("../../../../services/extendTheme").ProTheme, {}, never>;
+export declare const SeparatorLine: import("styled-components").StyledComponent<"span", import("../../../../services/extendTheme").ProTheme, {}, never>;

package/lib-browser/redoc-lib/src/components/SideMenu/MenuItem.js

@@ -0,0 +1,19 @@
+import{__rest}from"tslib";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{observer}from"mobx-react";import{createRef,forwardRef,useCallback,useContext,useEffect,useState}from"react";import{ShelfIcon}from"../../common-elements/icons";import{shortenHTTPVerb}from"../../utils/openapi";import{OptionsContext}from"../OptionsProvider";import styled from"../../styled-components";import{l}from"../../services/Labels";import{userIsForcingNavigation}from"../../common-elements/linkify";import{SideNavStyle}from"../../../../services/types";import{MenuItemLabel,MenuItemLi,MenuItemLink,MenuItemTitle,OperationBadge}from"./styled.elements";import{MenuItems}from"./MenuItems";export const MenuExternalLink=observer((function({link:e}){return _jsxs(_Fragment,{children:[isSeparator(e)?e.separator?_jsx(MenuItemLabel,Object.assign({depth:0,active:!1},{children:e.separator}),void 0):null:_jsx(MenuItemLi,Object.assign({depth:1},{children:_jsx(MenuItemLink,Object.assign({href:e.link,target:e.target,active:!1,depth:1},{children:_jsx(MenuItemTitle,Object.assign({title:e.label},{children:e.label}),void 0)}),void 0)}),void 0),e.separatorLine?_jsx(SeparatorLine,{},void 0):null]},void 0)}));function preventDefaultIfNotForced(e){e.defaultPrevented||userIsForcingNavigation(e)||e.preventDefault()}const MenuItemLinkOrLabel=forwardRef((function(e,t){var{href:i,children:n}=e,r=__rest(e,["href","children"]);return i?_jsx(MenuItemLink,Object.assign({href:i,onClick:preventDefaultIfNotForced},r,{ref:t},{children:n}),void 0):_jsx(MenuItemLabel,Object.assign({},r,{ref:t},{children:n}),void 0)})),MenuItemOperationLinkOrLabel=styled(MenuItemLinkOrLabel)`
+  flex-wrap: wrap;
+`;export const MenuItem=observer((function(e){const{item:t,withoutChildren:i,onActivate:n}=e,r=createRef(),[s,o]=useState(!1),[a,l]=useState("group"===t.type&&t.expanded);useEffect((()=>{o(t.active)}),[t.active]),useEffect((()=>{l(t.expanded)}),[t.expanded]);const d=useCallback((e=>{userIsForcingNavigation(e)||(null==n||n(t,e),e.stopPropagation())}),[n,t]);return useEffect((()=>{e.item.active&&r.current&&r.current.scrollIntoViewIfNeeded()}),[e.item,e.item.active,r]),_jsxs(MenuItemLi,Object.assign({onClick:d,depth:t.depth,"data-item-id":t.id},{children:["operation"===t.type?_jsx(OperationItemContent,Object.assign({},e,{item:t,ref:r}),void 0):_jsxs(MenuItemLinkOrLabel,Object.assign({depth:t.depth,active:s,type:t.type,ref:r,href:t.href,hasChildren:t.items&&t.items.length>0},{children:[t.depth>0&&t.items.length>0&&_jsx(ShelfIcon,{direction:a?"down":"right"},void 0)||null,t.isSchema?_jsx(OperationBadge,Object.assign({type:"schema"},{children:"schema"}),void 0):null,_jsxs(MenuItemTitle,Object.assign({title:t.name},{children:[t.name,e.children]}),void 0)]}),void 0),!i&&t.items&&t.items.length>0&&_jsx(MenuItems,{expanded:a,items:t.items,onActivate:n},void 0)]}),void 0)}));const OperationItemContent=observer(forwardRef((function({item:e,children:t},i){let n,r;const s=useContext(OptionsContext);return s.sideNavStyle!==SideNavStyle.PathFirst&&!e.search||"operation"!==e.type?(n=s.sideNavStyle===SideNavStyle.IdOnly?e.operationId||e.path:e.name,r=null):(n=_jsxs(MenuItemPath,Object.assign({title:e.path},{children:[" ",e.path," "]}),void 0),r=_jsxs(MenuItemDescription,{children:[" ",e.name," "]},void 0)),_jsxs(MenuItemOperationLinkOrLabel,Object.assign({depth:e.depth,active:e.active,deprecated:e.deprecated,ref:i,href:e.href},{children:[e.isWebhook?_jsx(OperationBadge,Object.assign({type:"hook"},{children:s.showWebhookVerb?e.httpVerb:l("webhook")}),void 0):_jsx(OperationBadge,Object.assign({type:e.httpVerb},{children:shortenHTTPVerb(e.httpVerb)}),void 0),_jsxs(MenuItemTitle,Object.assign({width:"calc(100% - 42px)"},{children:[n,t]}),void 0),r]}),void 0)})));function isSeparator(e){return null!=e.separator||!!e.separatorLine&&!e.link}export const MenuItemPath=styled.code`
+  line-height: 1.4;
+  display: inline-block;
+  margin-bottom: 5px;
+  ${({theme:e})=>{var t;return(null===(t=e.sidebar)||void 0===t?void 0:t.breakPath)?"word-break: break-all":""}}
+`;const MenuItemDescription=styled.small`
+  display: block;
+  font-size: 0.87em;
+  line-height: 1.2;
+`;export const SeparatorLine=styled.span`
+  display: block;
+  width: 100%;
+  height: 1px;
+  background-color: ${({theme:e})=>e.sidebar.separatorLineColor};
+  margin: ${({theme:e})=>e.sidebar.spacing.paddingVertical}px 0;
+`;
+//# sourceMappingURL=MenuItem.js.map

package/lib-browser/redoc-lib/src/components/SideMenu/MenuItems.d.ts

@@ -0,0 +1,17 @@
+import type { CSSProperties, MouseEvent } from 'react';
+import { Component } from 'react';
+import type { ExternalLink } from '../../../../services';
+import type { IMenuItem } from '../../services';
+export interface MenuItemsProps {
+    items: IMenuItem[];
+    expanded?: boolean;
+    onActivate?: (item: IMenuItem, evt: MouseEvent<HTMLElement>) => void;
+    style?: CSSProperties;
+    root?: boolean;
+    className?: string;
+    linksBefore?: ExternalLink[];
+    linksAfter?: ExternalLink[];
+}
+export declare class MenuItems extends Component<MenuItemsProps> {
+    render(): JSX.Element;
+}

package/lib-browser/redoc-lib/src/components/SideMenu/MenuItems.js

@@ -0,0 +1,2 @@
+import{__decorate}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{observer}from"mobx-react";import{Component}from"react";import{MenuItem,MenuExternalLink}from"./MenuItem";import{MenuItemUl}from"./styled.elements";let MenuItems=class extends Component{render(){const{items:e,root:t,className:s,linksBefore:n=[],linksAfter:r=[]}=this.props,o=null==this.props.expanded||this.props.expanded;return _jsxs(MenuItemUl,Object.assign({className:s,style:this.props.style,expanded:o},t?{role:"navigation"}:{},{children:[n.map((e=>_jsx(MenuExternalLink,{link:e},JSON.stringify(e)))),e.map((e=>_jsx(MenuItem,{item:e,onActivate:this.props.onActivate},e.id))),r.map((e=>_jsx(MenuExternalLink,{link:e},JSON.stringify(e))))]}),void 0)}};MenuItems=__decorate([observer],MenuItems);export{MenuItems};
+//# sourceMappingURL=MenuItems.js.map