@redocly/reference-docs 3.0.0-alpha.1 → 3.0.0-alpha.4

package/lib/redoc-lib/src/components/Responses/ResponseDetails.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseDetails=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),common_elements_1=require("../../common-elements"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),MediaTypesSwitch_1=require("../MediaTypeSwitch/MediaTypesSwitch"),Schema_1=require("../Schema"),Markdown_1=require("../Markdown/Markdown"),ResponseHeaders_1=require("./ResponseHeaders"),ResponseDetails=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"renderDropdown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return React.createElement(common_elements_1.FieldsGroupHeader,{key:"header"},"Response Schema: ",React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({},e)))}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.response,r=e.description,t=e.headers,n=e.content;return React.createElement(React.Fragment,null,r&&React.createElement(Markdown_1.Markdown,{source:r}),React.createElement(ResponseHeaders_1.ResponseHeaders,{headers:t}),React.createElement(MediaTypesSwitch_1.MediaTypesSwitch,{content:n,renderDropdown:this.renderDropdown},(function(e){var r=e.schema;return React.createElement(Schema_1.Schema,{skipWriteOnly:!0,key:"schema",schema:r})})))}}),r}(React.PureComponent);exports.ResponseDetails=ResponseDetails;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseDetails=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),common_elements_1=require("../../common-elements"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),MediaTypesSwitch_1=require("../MediaTypeSwitch/MediaTypesSwitch"),Schema_1=require("../Schema"),Markdown_1=require("../Markdown"),FieldContstraints_1=require("../Fields/FieldContstraints"),ResponseHeaders_1=require("./ResponseHeaders"),styled_1=require("./styled");function ResponseDetailsComponent(e){var t=e.response,r=t.description,a=t.headers,n=t.content;return react_1.default.createElement(react_1.default.Fragment,null,r&&react_1.default.createElement(Markdown_1.Markdown,{source:r}),react_1.default.createElement(ResponseHeaders_1.ResponseHeaders,{headers:a}),react_1.default.createElement(MediaTypesSwitch_1.MediaTypesSwitch,{content:n,renderDropdown:function(e){return react_1.default.createElement(common_elements_1.FieldsGroupHeader,{key:"header"},"Response Schema: ",react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({},e)))}},(function(e){var t=e.schema;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.Wrapper,null,"object"===(null==t?void 0:t.type)&&react_1.default.createElement(FieldContstraints_1.ConstraintsView,{constraints:(null==t?void 0:t.constraints)||[]})),react_1.default.createElement(Schema_1.Schema,{skipWriteOnly:!0,key:"schema",schema:t}))})))}exports.ResponseDetails=(0,react_1.memo)(ResponseDetailsComponent);
 //# sourceMappingURL=ResponseDetails.js.map

package/lib/redoc-lib/src/components/Responses/ResponseHeaders.d.ts

@@ -1,9 +1,3 @@
-import * as React from 'react';
-import type { FieldModel } from '../../services/models';
-export interface ResponseHeadersProps {
-    headers?: FieldModel[];
-}
-export declare class ResponseHeaders extends React.PureComponent<ResponseHeadersProps> {
-    render(): JSX.Element | null;
-}
-export declare const PropertiesTableWrapStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
+import React from 'react';
+import type { ResponseHeadersProps } from './types';
+export declare const ResponseHeaders: React.NamedExoticComponent<ResponseHeadersProps>;

package/lib/redoc-lib/src/components/Responses/ResponseHeaders.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTableWrapStyled=exports.ResponseHeaders=void 0;var templateObject_1,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),fields_layout_1=require("../../common-elements/fields-layout"),utils_1=require("../../utils"),Field_1=require("../Fields/Field"),styled_elements_1=require("./styled.elements"),ResponseHeaders=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.headers;return void 0===e||0===e.length?null:React.createElement(exports.PropertiesTableWrapStyled,null,React.createElement(fields_layout_1.PropertiesTable,null,React.createElement(styled_elements_1.HeadersCaption,null," Response Headers "),React.createElement("tbody",null,(0,utils_1.mapWithLast)(e,(function(e,t){return React.createElement(Field_1.Field,{isLast:t,key:e.name,field:e,showExamples:!0})})))))}}),t}(React.PureComponent);exports.ResponseHeaders=ResponseHeaders,exports.PropertiesTableWrapStyled=(0,styled_components_1.default)(fields_layout_1.PropertiesTableWrap)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  :not(:last-child) {\n    border-bottom: 1px solid ",";\n    margin-bottom: 1.5em;\n    padding-bottom: 1.5em;\n  }\n"],["\n  :not(:last-child) {\n    border-bottom: 1px solid ",";\n    margin-bottom: 1.5em;\n    padding-bottom: 1.5em;\n  }\n"])),(function(e){return e.theme.colors.border.light}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseHeaders=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),common_elements_1=require("../../common-elements"),utils_1=require("../../utils"),Field_1=require("../Fields/Field"),styled_1=require("./styled");function ResponseHeadersComponent(e){var t=e.headers;return void 0===t||0===t.length?null:react_1.default.createElement(styled_1.PropertiesTableWrapStyled,null,react_1.default.createElement(common_elements_1.PropertiesTable,null,react_1.default.createElement(styled_1.HeadersCaption,null," Response Headers "),react_1.default.createElement("tbody",null,(0,utils_1.mapWithLast)(t,(function(e,t){return react_1.default.createElement(Field_1.Field,{isLast:t,key:e.name,field:e,showExamples:!0})})))))}exports.ResponseHeaders=(0,react_1.memo)(ResponseHeadersComponent);
 //# sourceMappingURL=ResponseHeaders.js.map

package/lib/redoc-lib/src/components/Responses/ResponseSummary.d.ts

@@ -1,7 +1,3 @@
 /// <reference types="react" />
-import type { PanelHeaderProps } from '../../../../components/Panel';
-import type { ResponseModel } from '../../services';
-export interface ResponseTitleProps extends PanelHeaderProps {
-    response: ResponseModel;
-}
+import type { ResponseTitleProps } from './types';
 export declare const ResponseSummary: ({ expanded, toggle, response, }: ResponseTitleProps) => JSX.Element;

package/lib/redoc-lib/src/components/Responses/ResponseSummary.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseSummary=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),Panel_1=require("../../../../components/Panel"),icons_1=require("../../common-elements/icons"),Markdown_1=require("../Markdown/Markdown"),ResponseSummary=function(e){var n=e.expanded,r=e.toggle,t=e.response,a=t.content,o=t.headers,l=t.description,s=(null==a?void 0:a.mediaTypes.filter((function(e){return void 0!==e.schema})))||[],i=0===o.length&&0===s.length&&!l;return React.createElement(Panel_1.Header,{onClick:r,disabled:i},React.createElement(Panel_1.Trigger,null,React.createElement(Panel_1.Title,null,React.createElement("span",null,t.code),t.summary&&React.createElement(Markdown_1.Markdown,{inline:!0,source:t.summary})),i?null:React.createElement(icons_1.ShelfIcon,{direction:n?"down":"right"})))};exports.ResponseSummary=ResponseSummary;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseSummary=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),Panel_1=require("../../../../components/Panel"),icons_1=require("../../common-elements/icons"),Markdown_1=require("../Markdown"),ResponseSummary=function(e){var r=e.expanded,t=e.toggle,n=e.response,a=n.content,l=n.headers,o=n.description,s=(null==a?void 0:a.mediaTypes.filter((function(e){return void 0!==e.schema})))||[],i=0===l.length&&0===s.length&&!o;return react_1.default.createElement(Panel_1.Header,{onClick:t,disabled:i},react_1.default.createElement(Panel_1.Trigger,null,react_1.default.createElement(Panel_1.Title,null,react_1.default.createElement("span",null,n.code),n.summary&&react_1.default.createElement(Markdown_1.Markdown,{inline:!0,source:n.summary})),i?null:react_1.default.createElement(icons_1.ShelfIcon,{direction:r?"down":"right"})))};exports.ResponseSummary=ResponseSummary;
 //# sourceMappingURL=ResponseSummary.js.map

package/lib/redoc-lib/src/components/Responses/ResponsesList.d.ts

@@ -1,8 +1,3 @@
-import * as React from 'react';
-import type { ResponseModel } from '../../services';
-export interface ResponseListProps {
-    responses: ResponseModel[];
-}
-export declare class ResponsesList extends React.PureComponent<ResponseListProps> {
-    render(): JSX.Element | null;
-}
+import React from 'react';
+import type { ResponseListProps } from './types';
+export declare const ResponsesList: React.NamedExoticComponent<ResponseListProps>;

package/lib/redoc-lib/src/components/Responses/ResponsesList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponsesList=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),Response_1=require("./Response"),ResponsesList=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.responses;return e&&0!==e.length?React.createElement("div",null,e.map((function(e){return React.createElement(Response_1.ResponseView,{key:e.code,response:e})}))):null}}),t}(React.PureComponent);exports.ResponsesList=ResponsesList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponsesList=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),Response_1=require("./Response");function ResponsesListComponent(e){var s=e.responses;return s&&0!==s.length?react_1.default.createElement("div",null,s.map((function(e){return react_1.default.createElement(Response_1.Response,{key:e.code,response:e})}))):null}exports.ResponsesList=(0,react_1.memo)(ResponsesListComponent);
 //# sourceMappingURL=ResponsesList.js.map

package/lib/redoc-lib/src/components/Responses/index.d.ts

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

package/lib/redoc-lib/src/components/Responses/index.js

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

package/lib/redoc-lib/src/components/Responses/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const HeadersCaption: import("styled-components").StyledComponent<"caption", any, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PropertiesTableWrapStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTableWrapStyled=exports.Wrapper=exports.HeadersCaption=void 0;var templateObject_1,templateObject_2,templateObject_3,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),common_elements_1=require("../../common-elements");exports.HeadersCaption=(0,styled_components_1.default)(common_elements_1.FieldsGroupHeader.withComponent("caption"))(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  text-align: left;\n  margin-top: 1em;\n  caption-side: top;\n"],["\n  text-align: left;\n  margin-top: 1em;\n  caption-side: top;\n"]))),exports.Wrapper=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 1em;\n"],["\n  margin-bottom: 1em;\n"]))),exports.PropertiesTableWrapStyled=(0,styled_components_1.default)(common_elements_1.PropertiesTableWrap)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  :not(:last-child) {\n    border-bottom: 1px solid var(--global-border-color);\n    margin-bottom: 1.5em;\n    padding-bottom: 1.5em;\n  }\n"],["\n  :not(:last-child) {\n    border-bottom: 1px solid var(--global-border-color);\n    margin-bottom: 1.5em;\n    padding-bottom: 1.5em;\n  }\n"])));
+//# sourceMappingURL=styled.js.map

package/lib/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/redoc-lib/src/components/Responses/types.js

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ArraySchema=void 0;var templateObject_1,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),Schema_1=require("./Schema"),common_elements_1=require("../../common-elements"),utils_1=require("../../utils"),fields_1=require("../../common-elements/fields"),PaddedSchema=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  padding-left: calc(var(--spacing-unit) * 2);\n"],["\n  padding-left: calc(var(--spacing-unit) * 2);\n"])));function ArraySchemaComponent(e){var t=e.schema,a=e.schema,l=a.minItems,m=a.maxItems,n=a.items,c=(0,tslib_1.__rest)(e,["schema","schema"]),r=void 0===l&&void 0===m?"":"("+(0,utils_1.humanizeConstraints)(t)+")";return!t.displayType||n||r.length?React.createElement("div",null,React.createElement(common_elements_1.ArrayOpeningLabel,null," Array ",r),React.createElement(PaddedSchema,null,React.createElement(Schema_1.Schema,(0,tslib_1.__assign)({},c,{schema:n}))),React.createElement(common_elements_1.ArrayClosingLabel,null)):React.createElement("div",null,React.createElement(fields_1.TypeName,null,t.displayType))}exports.ArraySchema=React.memo(ArraySchemaComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ArraySchema=void 0;var templateObject_1,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),common_elements_1=require("../../common-elements"),utils_1=require("../../utils"),fields_1=require("../../common-elements/fields"),Schema_1=require("./Schema"),ObjectSchema_1=require("./ObjectSchema"),PaddedSchema=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  padding-left: calc(var(--spacing-unit) * 2);\n"],["\n  padding-left: calc(var(--spacing-unit) * 2);\n"])));function ArraySchemaComponent(e){var t=e.schema,a=e.schema,l=a.minItems,c=a.maxItems,m=a.items,n=(0,tslib_1.__rest)(e,["schema","schema"]),r=void 0===l&&void 0===c?"":"("+(0,utils_1.humanizeConstraints)(t)+")";return(null==t?void 0:t.fields)?React.createElement(ObjectSchema_1.ObjectSchema,(0,tslib_1.__assign)({},n,{level:(null==n?void 0:n.level)||1,schema:t})):!t.displayType||m||r.length?React.createElement("div",null,React.createElement(common_elements_1.ArrayOpeningLabel,null," Array ",r),React.createElement(PaddedSchema,null,React.createElement(Schema_1.Schema,(0,tslib_1.__assign)({},n,{schema:m}))),React.createElement(common_elements_1.ArrayClosingLabel,null)):React.createElement("div",null,React.createElement(fields_1.TypeName,null,t.displayType))}exports.ArraySchema=React.memo(ArraySchemaComponent);
 //# sourceMappingURL=ArraySchema.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DiscriminatorDropdown=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),Dropdown_1=require("../../../../components/common/Dropdown"),DiscriminatorDropdown=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"changeActiveChild",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0!==e.idx&&r.props.parent.activateOneOf(e.idx)}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"sortOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e,r){if(0!==r.length){var t={};r.forEach((function(e,r){t[e]=r})),e.sort((function(e,r){return t[e.value]>t[r.value]?1:-1}))}}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.parent,t=e.enumValues;if(void 0===r.oneOf)return null;var o=r.oneOf.map((function(e,r){return{value:e.title,idx:r}})),n=o[r.activeOneOf].value;return this.sortOptions(o,t),React.createElement(Dropdown_1.Dropdown,{dense:!0,value:n,options:o,onChange:this.changeActiveChild,ariaLabel:"Example"})}}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.DiscriminatorDropdown=DiscriminatorDropdown;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DiscriminatorDropdown=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),string_1=require("../../utils/string"),Dropdown_1=require("../../../../components/common/Dropdown"),DiscriminatorDropdown=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"changeActiveChild",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0!==e.idx&&r.props.parent.activateOneOf(e.idx)}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"sortOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e,r){if(0!==r.length){var t={};r.forEach((function(e,r){t[e]=r})),e.sort((function(e,r){return t[e.value]>t[r.value]?1:-1}))}}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.parent,t=e.enumValues;if(void 0===r.oneOf)return null;var n=r.oneOf.map((function(e,r){return{value:e.schema.deprecated?(0,string_1.strikethroughText)(e.title)+" (deprecated)":e.title,idx:r}})),i=n[r.activeOneOf].value;return this.sortOptions(n,t),React.createElement(Dropdown_1.Dropdown,{dense:!0,value:i,options:n,onChange:this.changeActiveChild,ariaLabel:"Example"})}}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.DiscriminatorDropdown=DiscriminatorDropdown;
 //# sourceMappingURL=DiscriminatorDropdown.js.map

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

@@ -1,8 +1,3 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { ObjectSchemaProps } from './types';
-import type { SchemaModel } from '../../services';
-export declare class ObjectSchema extends React.Component<ObjectSchemaProps> {
-    static contextType: React.Context<import("../../../..").RedocProNormalizedOptions>;
-    get parentSchema(): SchemaModel | undefined;
-    render(): JSX.Element;
-}
+export declare const ObjectSchema: ({ schema: { fields, title }, showTitle, discriminator, level, skipWriteOnly, skipReadOnly, }: ObjectSchemaProps) => JSX.Element;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ObjectSchema=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),fields_layout_1=require("../../common-elements/fields-layout"),Field_1=require("../Fields/Field"),DiscriminatorDropdown_1=require("./DiscriminatorDropdown"),utils_1=require("../../utils"),OptionsProvider_1=require("../OptionsProvider"),ObjectSchema=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"parentSchema",{get:function(){var e;return null===(e=this.props.discriminator)||void 0===e?void 0:e.parentSchema},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props,r=t.schema.fields,i=void 0===r?[]:r,n=t.showTitle,a=t.discriminator,l=t.level,o=this.props.skipReadOnly||this.props.skipWriteOnly?i.filter((function(t){return!(e.props.skipReadOnly&&t.schema.readOnly||e.props.skipWriteOnly&&t.schema.writeOnly)})):i,s=this.context.expandSingleSchemaField&&1===o.length||this.context.schemaExpansionLevel>=l;return React.createElement(fields_layout_1.PropertiesTableWrap,null,React.createElement(fields_layout_1.PropertiesTable,null,n&&React.createElement(fields_layout_1.PropertiesTableCaption,null,this.props.schema.title),React.createElement("tbody",null,(0,utils_1.mapWithLast)(o,(function(t,r){return React.createElement(Field_1.Field,{key:t.name,isLast:r,field:t,expandByDefault:s,renderDiscriminatorSwitch:(null==a?void 0:a.fieldName)===t.name&&function(){return React.createElement(React.Fragment,null,e.parentSchema?React.createElement(DiscriminatorDropdown_1.DiscriminatorDropdown,{parent:e.parentSchema,enumValues:t.schema.enum}):null)}||void 0,className:t.expanded?"expanded":void 0,showExamples:!1,skipReadOnly:e.props.skipReadOnly,skipWriteOnly:e.props.skipWriteOnly,showTitle:e.props.showTitle,level:e.props.level})})))))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);exports.ObjectSchema=ObjectSchema;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ObjectSchema=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),fields_layout_1=require("../../common-elements/fields-layout"),Field_1=require("../Fields/Field"),utils_1=require("../../utils"),OptionsProvider_1=require("../OptionsProvider"),DiscriminatorDropdown_1=require("./DiscriminatorDropdown");exports.ObjectSchema=(0,mobx_react_1.observer)((function(e){var t=e.schema,r=t.fields,i=void 0===r?[]:r,a=t.title,l=e.showTitle,n=e.discriminator,o=e.level,s=e.skipWriteOnly,c=e.skipReadOnly,d=React.useContext(OptionsProvider_1.OptionsContext),m=d.expandSingleSchemaField,u=d.showObjectSchemaExamples,p=d.schemaExpansionLevel,_=c||s?i.filter((function(e){return!(c&&e.schema.readOnly||s&&e.schema.writeOnly)})):i,h=m&&1===_.length||p>=o;return React.createElement(fields_layout_1.PropertiesTableWrap,null,React.createElement(fields_layout_1.PropertiesTable,null,l&&React.createElement(fields_layout_1.PropertiesTableCaption,null,a),React.createElement("tbody",null,(0,utils_1.mapWithLast)(_,(function(e,t){return React.createElement(Field_1.Field,{key:e.name,isLast:t,field:e,expandByDefault:h,renderDiscriminatorSwitch:(null==n?void 0:n.fieldName)===e.name&&function(){return React.createElement(React.Fragment,null,n.parentSchema?React.createElement(DiscriminatorDropdown_1.DiscriminatorDropdown,{parent:null==n?void 0:n.parentSchema,enumValues:e.schema.enum}):null)}||void 0,className:e.expanded?"expanded":void 0,showExamples:u,skipReadOnly:c,skipWriteOnly:s,showTitle:l,level:o})})))))}));
 //# sourceMappingURL=ObjectSchema.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OneOfSchema=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),schema_1=require("../../common-elements/schema"),Schema_1=require("./Schema"),OptionsProvider_1=require("../OptionsProvider"),Markdown_1=require("../Markdown/Markdown");exports.OneOfSchema=(0,mobx_react_1.observer)((function(e){var t=e.schema.oneOf,r=e.schema,a=(0,tslib_1.__rest)(e,["schema","schema"]);if(void 0===t)return null;var c=React.useContext(OptionsProvider_1.OptionsContext).hideOneOfDescription,n=t[r.activeOneOf];return React.createElement("div",null,React.createElement(schema_1.Wrapper,null,React.createElement("span",null,r.oneOfType,":"),React.createElement(schema_1.OneOfList,null,t.map((function(e,t){return React.createElement(schema_1.OneOfButton,{key:e.pointer,active:t===r.activeOneOf,deprecated:e.deprecated,onClick:function(){return r.activateOneOf(t)},"data-cy":"oneOf"+e.title||e.typePrefix+e.displayType},e.title||e.typePrefix+e.displayType)})))),n.deprecated&&React.createElement(schema_1.BadgeStyle,{deprecated:!0},"Deprecated"),!c&&n.description&&React.createElement(schema_1.Wrapper,null,React.createElement(Markdown_1.Markdown,{compact:!0,source:n.description})),React.createElement(Schema_1.Schema,(0,tslib_1.__assign)({},a,{schema:n})))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OneOfSchema=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),schema_1=require("../../common-elements/schema"),OptionsProvider_1=require("../OptionsProvider"),Markdown_1=require("../Markdown"),FieldContstraints_1=require("../Fields/FieldContstraints"),Schema_1=require("./Schema");exports.OneOfSchema=(0,mobx_react_1.observer)((function(e){var t=e.schema.oneOf,r=e.schema,a=(0,tslib_1.__rest)(e,["schema","schema"]);if(void 0===t)return null;var n=React.useContext(OptionsProvider_1.OptionsContext).hideOneOfDescription,c=t[r.activeOneOf];return React.createElement("div",null,React.createElement(schema_1.Wrapper,null,React.createElement("span",null,r.oneOfType,":"),React.createElement(schema_1.OneOfList,null,t.map((function(e,t){return React.createElement(schema_1.OneOfButton,{key:e.pointer,active:t===r.activeOneOf,deprecated:e.deprecated,onClick:function(){return r.activateOneOf(t)},"data-cy":"oneOf"+e.title||e.typePrefix+e.displayType},e.title||e.typePrefix+e.displayType)})))),c.deprecated&&React.createElement(schema_1.BadgeStyle,{deprecated:!0},"Deprecated"),React.createElement(schema_1.Wrapper,null,!n&&c.description&&React.createElement(Markdown_1.Markdown,{compact:!0,source:c.description}),React.createElement(FieldContstraints_1.ConstraintsView,{constraints:c.constraints})),React.createElement(Schema_1.Schema,(0,tslib_1.__assign)({},a,{schema:c})))}));
 //# sourceMappingURL=OneOfSchema.js.map

package/lib/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/redoc-lib/src/components/Schema/RecursiveSchema.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RecursiveSchema=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),fields_1=require("../../common-elements/fields"),Labels_1=require("../../services/Labels");exports.RecursiveSchema=(0,mobx_react_1.observer)((function(e){var r=e.schema;return React.createElement("div",null,React.createElement(fields_1.TypeName,null,r.displayType),r.title&&React.createElement(fields_1.TypeTitle,null," ",r.title," "),React.createElement(fields_1.RecursiveLabel,null," ",(0,Labels_1.l)("recursive")," "))}));
+//# sourceMappingURL=RecursiveSchema.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Schema=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),fields_1=require("../../common-elements/fields"),FieldDetails_1=require("../Fields/FieldDetails"),ArraySchema_1=require("./ArraySchema"),ObjectSchema_1=require("./ObjectSchema"),OneOfSchema_1=require("./OneOfSchema"),Labels_1=require("../../services/Labels");exports.Schema=(0,mobx_react_1.observer)((function(e){var r,t=e.schema,a=(0,tslib_1.__rest)(e,["schema"]);if(!t)return React.createElement("em",null," Schema not provided ");var i=t.type,l=t.oneOf,c=t.discriminatorProp,n=t.isCircular,s=(a.level||0)+1;if(n)return React.createElement("div",null,React.createElement(fields_1.TypeName,null,t.displayType),t.title&&React.createElement(fields_1.TypeTitle,null," ",t.title," "),React.createElement(fields_1.RecursiveLabel,null," ",(0,Labels_1.l)("recursive")," "));if(void 0!==c)return l&&l.length?React.createElement(ObjectSchema_1.ObjectSchema,(0,tslib_1.__assign)({},a,{level:s,schema:l[t.activeOneOf],discriminator:{fieldName:c,parentSchema:t}})):(console.warn("Looks like you are using discriminator wrong: you don't have any definition inherited from the "+t.title),null);if(void 0!==l)return React.createElement(OneOfSchema_1.OneOfSchema,(0,tslib_1.__assign)({},a,{schema:t}));var m=Array.isArray(i)?i:[i];if(m.includes("object")){if(null===(r=t.fields)||void 0===r?void 0:r.length)return React.createElement(ObjectSchema_1.ObjectSchema,(0,tslib_1.__assign)({},a,{level:s,schema:t}))}else if(m.includes("array"))return React.createElement(ArraySchema_1.ArraySchema,(0,tslib_1.__assign)({},a,{level:s,schema:t}));var o={schema:t,name:"",required:!1,description:t.description,externalDocs:t.externalDocs,deprecated:!1,toggle:function(){return null},expanded:!1};return React.createElement("div",null,React.createElement(FieldDetails_1.FieldDetails,{field:o}))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Schema=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),FieldDetails_1=require("../Fields/FieldDetails"),ArraySchema_1=require("./ArraySchema"),ObjectSchema_1=require("./ObjectSchema"),OneOfSchema_1=require("./OneOfSchema"),RecursiveSchema_1=require("./RecursiveSchema");exports.Schema=(0,mobx_react_1.observer)((function(e){var r,a=e.schema,t=(0,tslib_1.__rest)(e,["schema"]);if(!a)return React.createElement("em",null," Schema not provided ");var i=a.type,c=a.oneOf,l=a.discriminatorProp,n=a.isCircular,s=(t.level||0)+1;if(n)return React.createElement(RecursiveSchema_1.RecursiveSchema,{schema:a});if(void 0!==l){if(!c||!c.length)return console.warn("Looks like you are using discriminator wrong: you don't have any definition inherited from the "+a.title),null;var m=c[a.activeOneOf];return m.isCircular?React.createElement(RecursiveSchema_1.RecursiveSchema,{schema:m}):React.createElement(ObjectSchema_1.ObjectSchema,(0,tslib_1.__assign)({},t,{level:s,schema:m,discriminator:{fieldName:l,parentSchema:a}}))}if(void 0!==c)return React.createElement(OneOfSchema_1.OneOfSchema,(0,tslib_1.__assign)({},t,{schema:a}));var u=Array.isArray(i)?i:[i];if(u.includes("object")){if(null===(r=a.fields)||void 0===r?void 0:r.length)return React.createElement(ObjectSchema_1.ObjectSchema,(0,tslib_1.__assign)({},t,{level:s,schema:a}))}else if(u.includes("array"))return React.createElement(ArraySchema_1.ArraySchema,(0,tslib_1.__assign)({},t,{level:s,schema:a}));var o={schema:a,name:"",required:!1,description:a.description,externalDocs:a.externalDocs,deprecated:!1,toggle:function(){return null},expanded:!1};return React.createElement("div",null,React.createElement(FieldDetails_1.FieldDetails,{field:o}))}));
 //# sourceMappingURL=Schema.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaDefinition=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),common_elements_1=require("../../common-elements"),services_1=require("../../services"),MediaTypeSamples_1=require("../PayloadSamples/MediaTypeSamples"),Schema_1=require("../Schema"),Panel_1=require("../../../../components/Panel"),store_types_1=require("../../../../services/store-types"),SchemaDefinition=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"_mediaModel",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t,"getMediaType",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){if(!e)return{};var a={schema:{$ref:e}};return t&&(a.examples={example:{$ref:t}}),a}}),Object.defineProperty(t.prototype,"mediaModel",{get:function(){var e=this.props,a=e.parser,r=e.schemaRef,n=e.exampleRef,i=e.options;return this._mediaModel||(this._mediaModel=new services_1.MediaTypeModel(a,"json",!1,t.getMediaType(r,n),i)),this._mediaModel},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.showReadOnly,a=void 0===t||t,r=e.showWriteOnly,n=void 0!==r&&r,i=e.layout,l=e.showRightPanel;return React.createElement(common_elements_1.Section,null,React.createElement(common_elements_1.Row,{layout:i},React.createElement(common_elements_1.SamplesMiddlePanel,{isStacked:i===store_types_1.LayoutVariant.STACKED},React.createElement(Panel_1.ContentPanel,null,React.createElement(Schema_1.Schema,{skipWriteOnly:!n,skipReadOnly:!a,schema:this.mediaModel.schema}))),l?React.createElement(common_elements_1.SamplesPanel,null,React.createElement(Panel_1.CodePanel,null,React.createElement(MediaTypeSamples_1.MediaTypeSamples,{mediaType:this.mediaModel}))):null))}}),t}(React.PureComponent);exports.SchemaDefinition=SchemaDefinition;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaDefinition=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),common_elements_1=require("../../common-elements"),services_1=require("../../services"),MediaTypeSamples_1=require("../PayloadSamples/MediaTypeSamples"),Schema_1=require("../Schema"),Panel_1=require("../../../../components/Panel"),store_types_1=require("../../../../services/store-types"),Markdown_1=require("../Markdown"),SchemaDefinition=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"_mediaModel",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t,"getMediaType",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){if(!e)return{};var a={schema:{$ref:e}};return t&&(a.examples={example:{$ref:t}}),a}}),Object.defineProperty(t.prototype,"mediaModel",{get:function(){var e=this.props,a=e.parser,n=e.schemaRef,i=e.exampleRef,r=e.options;return this._mediaModel||(this._mediaModel=new services_1.MediaTypeModel(a,"json",!1,t.getMediaType(n,i),r)),this._mediaModel},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t,a=this.props,n=a.showReadOnly,i=void 0===n||n,r=a.showWriteOnly,l=void 0!==r&&r,o=a.layout,s=a.showRightPanel;return React.createElement(common_elements_1.Section,null,React.createElement(common_elements_1.Row,{layout:o},React.createElement(common_elements_1.SamplesMiddlePanel,{isStacked:o===store_types_1.LayoutVariant.STACKED},(null===(e=this.mediaModel.schema)||void 0===e?void 0:e.description)&&React.createElement(Description,null,React.createElement(Markdown_1.Markdown,{source:null===(t=this.mediaModel.schema)||void 0===t?void 0:t.description})),React.createElement(Panel_1.ContentPanel,null,React.createElement(Schema_1.Schema,{skipWriteOnly:!l,skipReadOnly:!i,schema:this.mediaModel.schema}))),s?React.createElement(common_elements_1.SamplesPanel,null,React.createElement(Panel_1.CodePanel,null,React.createElement(MediaTypeSamples_1.MediaTypeSamples,{mediaType:this.mediaModel}))):null))}}),t}(React.PureComponent);exports.SchemaDefinition=SchemaDefinition;var templateObject_1,Description=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: var(--spacing-vertical);\n"],["\n  margin-bottom: var(--spacing-vertical);\n"])));
 //# sourceMappingURL=SchemaDefinition.js.map

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

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import type { IMenuItem } from '../../services/MenuStore';
+import type { IMenuItem, SearchResult } from '../../services/types';
 import type { SearchStore } from '../../services/SearchStore';
-import { MenuItem } from '../SideMenu/MenuItem';
 import type { MarkerService } from '../../services/MarkerService';
-import type { SearchResult } from '../../services/SearchWorker.worker';
+import { MenuItem } from '../SideMenu/MenuItem';
 export interface SearchBoxProps {
     search: SearchStore<string>;
     marker: MarkerService;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SearchBox=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),MenuItem_1=require("../SideMenu/MenuItem"),OptionsProvider_1=require("../OptionsProvider"),decko_1=require("decko"),perfect_scrollbar_1=require("../../common-elements/perfect-scrollbar"),styled_1=require("./styled"),common_elements_1=require("../../common-elements"),SearchBox=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"activeItemRef",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(r,"clear",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.setState({results:[],term:"",activeItemIdx:-1}),r.props.marker.unmark()}}),Object.defineProperty(r,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(27===e.keyCode&&r.clear(),40===e.keyCode&&(r.setState({activeItemIdx:Math.min(r.state.activeItemIdx+1,r.state.results.length-1)}),e.preventDefault()),38===e.keyCode&&(r.setState({activeItemIdx:Math.max(0,r.state.activeItemIdx-1)}),e.preventDefault()),13===e.keyCode){var t=r.state.results[r.state.activeItemIdx];if(t){var a=r.props.getItemById(t.meta);a&&r.props.onActivate(a)}}}}),Object.defineProperty(r,"search",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=r.context.minCharacterLengthToInitSearch,a=e.target.value;a.length<t?r.clearResults(a):r.setState({term:a},(function(){return r.searchCallback(r.state.term)}))}}),r.state={results:[],term:"",activeItemIdx:-1},r}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"clearResults",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.setState({results:[],term:e}),this.props.marker.unmark()}}),Object.defineProperty(t.prototype,"setResults",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){this.setState({results:e}),this.props.marker.mark(t)}}),Object.defineProperty(t.prototype,"searchCallback",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this;this.props.search.search(e).then((function(r){t.setResults(r,e)}))}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.state.activeItemIdx,r=this.state.results.map((function(t){return{item:e.props.getItemById(t.meta),score:t.score}}));return r.sort((function(e,t){return t.score-e.score})),React.createElement(styled_1.SearchWrap,{role:"search"},this.state.term&&React.createElement(styled_1.ClearIcon,{onClick:this.clear},"×"),React.createElement(common_elements_1.SearchIcon,null),React.createElement(styled_1.SearchInput,{value:this.state.term,onKeyDown:this.handleKeyDown,placeholder:"Search...","aria-label":"Search",type:"text",onChange:this.search}),r.length>0&&React.createElement(perfect_scrollbar_1.PerfectScrollbarWrap,{options:{wheelPropagation:!1}},React.createElement(styled_1.SearchResultsBox,{"data-role":"search:results"},r.map((function(r,a){var n=r.item;return React.createElement(MenuItem_1.MenuItem,{item:Object.create(n||{},{active:{value:a===t}}),onActivate:e.props.onActivate,withoutChildren:!0,key:null==n?void 0:n.id,"data-role":"search:result"})})))))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),(0,tslib_1.__decorate)([decko_1.bind,(0,decko_1.debounce)(400)],t.prototype,"searchCallback",null),t}(React.PureComponent);exports.SearchBox=SearchBox;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SearchBox=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),decko_1=require("decko"),MenuItem_1=require("../SideMenu/MenuItem"),OptionsProvider_1=require("../OptionsProvider"),perfect_scrollbar_1=require("../../common-elements/perfect-scrollbar"),common_elements_1=require("../../common-elements"),styled_1=require("./styled"),SearchBox=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"activeItemRef",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(r,"clear",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.setState({results:[],term:"",activeItemIdx:-1}),r.props.marker.unmark()}}),Object.defineProperty(r,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(27===e.keyCode&&r.clear(),40===e.keyCode&&(r.setState({activeItemIdx:Math.min(r.state.activeItemIdx+1,r.state.results.length-1)}),e.preventDefault()),38===e.keyCode&&(r.setState({activeItemIdx:Math.max(0,r.state.activeItemIdx-1)}),e.preventDefault()),13===e.keyCode){var t=r.state.results[r.state.activeItemIdx];if(t){var a=r.props.getItemById(t.meta);a&&r.props.onActivate(a)}}}}),Object.defineProperty(r,"search",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=r.context.minCharacterLengthToInitSearch,a=e.target.value;a.length<t?r.clearResults(a):r.setState({term:a},(function(){return r.searchCallback(r.state.term)}))}}),r.state={results:[],term:"",activeItemIdx:-1},r}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"clearResults",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.setState({results:[],term:e}),this.props.marker.unmark()}}),Object.defineProperty(t.prototype,"setResults",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t){this.setState({results:e}),this.props.marker.mark(t)}}),Object.defineProperty(t.prototype,"searchCallback",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this;this.props.search.search(e).then((function(r){t.setResults(r,e)}))}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.state.activeItemIdx,r=this.state.results.map((function(t){return{item:e.props.getItemById(t.meta),score:t.score}}));return r.sort((function(e,t){return t.score-e.score})),React.createElement(styled_1.SearchWrap,{role:"search"},this.state.term&&React.createElement(styled_1.ClearIcon,{onClick:this.clear},"×"),React.createElement(common_elements_1.SearchIcon,null),React.createElement(styled_1.SearchInput,{value:this.state.term,onKeyDown:this.handleKeyDown,placeholder:"Search...","aria-label":"Search",type:"text",onChange:this.search}),r.length>0&&React.createElement(perfect_scrollbar_1.PerfectScrollbarWrap,{options:{wheelPropagation:!1}},React.createElement(styled_1.SearchResultsBox,{"data-role":"search:results"},r.map((function(r,a){var n=r.item;return React.createElement(MenuItem_1.MenuItem,{item:Object.create(n||{},{active:{value:a===t}}),onActivate:e.props.onActivate,withoutChildren:!0,key:null==n?void 0:n.id,"data-role":"search:result"})})))))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),(0,tslib_1.__decorate)([decko_1.bind,(0,decko_1.debounce)(400)],t.prototype,"searchCallback",null),t}(React.PureComponent);exports.SearchBox=SearchBox;
 //# sourceMappingURL=SearchBox.js.map

package/lib/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/redoc-lib/src/components/SectionItem/SectionItem.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SectionItem=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),common_elements_1=require("../../common-elements"),AdvancedMarkdown_1=require("../Markdown/AdvancedMarkdown"),ExternalDocumentation_1=require("../ExternalDocumentation/ExternalDocumentation");exports.SectionItem=(0,mobx_react_1.observer)((function(e){var t=e.item,n=t.name,r=t.description,a=t.externalDocs,m=t.level,c=t.id,l=(0,react_1.useMemo)((function(){switch(m){case 1:default:return common_elements_1.H1;case 2:return common_elements_1.H2;case 3:return common_elements_1.H3;case 4:return common_elements_1.H4;case 5:return common_elements_1.H5;case 6:return common_elements_1.H6}}),[m]);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_elements_1.Row,null,react_1.default.createElement(common_elements_1.SamplesMiddlePanel,{compact:!1},react_1.default.createElement(l,null,react_1.default.createElement(common_elements_1.ShareLink,{to:c}),n))),react_1.default.createElement(AdvancedMarkdown_1.AdvancedMarkdown,{source:r||"",htmlWrap:function(e){return react_1.default.createElement(common_elements_1.SamplesMiddlePanel,{compact:!0},e)}}),a&&react_1.default.createElement(common_elements_1.Row,null,react_1.default.createElement(common_elements_1.SamplesMiddlePanel,null,react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:a}))))}));
+//# sourceMappingURL=SectionItem.js.map

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

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

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

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

package/lib/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/redoc-lib/src/components/SecurityRequirement/RequiredScopesRow.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequiredScopesRow=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),SecurityRequirement_1=require("./SecurityRequirement"),RequiredScopesRow=function(e){var t=e.scopes;return t.length?react_1.default.createElement(SecurityRequirement_1.SecurityRow,null,react_1.default.createElement("b",null,"Required scopes: "),t.map((function(e){return react_1.default.createElement(react_1.default.Fragment,{key:e},react_1.default.createElement("code",null,e)," ")}))):null};exports.RequiredScopesRow=RequiredScopesRow;
+//# sourceMappingURL=RequiredScopesRow.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityDefs=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),common_elements_1=require("../../common-elements"),helpers_1=require("../../utils/helpers"),Markdown_1=require("../Markdown"),SecuritySchemes_1=require("../SecuritySchemes/SecuritySchemes"),SecurityRequirement_1=require("./SecurityRequirement"),SecurityDefs=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return this.props.securitySchemes.schemes.map((function(e){return react_1.default.createElement(common_elements_1.Section,{id:e.sectionId,key:e.id},react_1.default.createElement(common_elements_1.Row,null,react_1.default.createElement(common_elements_1.SamplesMiddlePanel,null,react_1.default.createElement(common_elements_1.H2,null,react_1.default.createElement(common_elements_1.ShareLink,{to:e.sectionId}),e.id),react_1.default.createElement(Description,{source:e.description||""}),react_1.default.createElement(Markdown_1.StyledMarkdownBlock,null,react_1.default.createElement("div",{className:"security-details"},react_1.default.createElement("div",null,react_1.default.createElement("b",null,"Security Scheme Type: "),react_1.default.createElement("span",null,SecurityRequirement_1.AUTH_TYPES[e.type]||e.type)),e.apiKey?react_1.default.createElement("div",null,react_1.default.createElement("b",null,(0,helpers_1.titleize)(e.apiKey.in||"")," parameter name: "),react_1.default.createElement("span",null,e.apiKey.name)):e.http?[react_1.default.createElement("div",{key:"scheme"},react_1.default.createElement("b",null,"HTTP Authorization Scheme "),react_1.default.createElement("span",null,e.http.scheme)),"bearer"===e.http.scheme&&e.http.bearerFormat&&react_1.default.createElement("div",{key:"bearer"},react_1.default.createElement("b",null,"Bearer format: "),react_1.default.createElement("span",null,'"',e.http.bearerFormat,'"'))]:e.openId?react_1.default.createElement("div",null,react_1.default.createElement("b",null,"Connect URL:"),react_1.default.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:e.openId.connectUrl},e.openId.connectUrl)):e.flows?Object.keys(e.flows).map((function(t){return react_1.default.createElement(SecuritySchemes_1.OAuthFlow,{key:t,type:t,flow:e.flows[t]})})):null)))))}))}}),t}(react_1.default.PureComponent);exports.SecurityDefs=SecurityDefs;var templateObject_1,Description=(0,styled_components_1.default)(Markdown_1.Markdown)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 1em;\n"],["\n  margin-bottom: 1em;\n"])));
+//# sourceMappingURL=SecurityDefs.js.map

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

@@ -1,14 +1,13 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { SecurityRequirementModel } from '../../services/models/SecurityRequirement';
-export interface SecurityRequirementProps {
-    security: SecurityRequirementModel;
-}
-export declare class SecurityRequirement extends React.PureComponent<SecurityRequirementProps> {
-    render(): JSX.Element;
-}
+export declare const AUTH_TYPES: {
+    oauth2: string;
+    apiKey: string;
+    http: string;
+    openIdConnect: string;
+};
 export interface SecurityRequirementsProps {
     securities: SecurityRequirementModel[];
 }
-export declare class SecurityRequirements extends React.PureComponent<SecurityRequirementsProps> {
-    render(): JSX.Element | null;
-}
+export declare const SecurityRequirements: ({ securities, }: SecurityRequirementsProps) => JSX.Element | null;
+export declare const SecurityRow: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityRequirements=exports.SecurityRequirement=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),common_elements_1=require("../../common-elements/"),styled_elements_1=require("../Markdown/styled.elements"),Labels_1=require("../../services/Labels"),ParametersGroup_1=require("../Parameters/ParametersGroup"),ScopeName=styled_components_1.default.code(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border: 1px solid var(--global-border-color);\n  margin: 0 3px;\n  padding: 0.2em;\n  line-height: 1;\n  display: inline-block;\n  word-break: break-word;\n  font-family: var(--code-font-family);\n  font-size: var(--code-font-size);\n"],["\n  border: 1px solid var(--global-border-color);\n  margin: 0 3px;\n  padding: 0.2em;\n  line-height: 1;\n  display: inline-block;\n  word-break: break-word;\n  font-family: var(--code-font-family);\n  font-size: var(--code-font-size);\n"]))),SecurityRequirementAndWrap=styled_components_1.default.span(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  &:after {\n    content: ' AND ';\n    font-weight: bold;\n  }\n\n  &:last-child:after {\n    content: none;\n  }\n\n  ",";\n"],["\n  &:after {\n    content: ' AND ';\n    font-weight: bold;\n  }\n\n  &:last-child:after {\n    content: none;\n  }\n\n  ",";\n"])),styled_elements_1.linksCss),SecurityRequirementOrWrap=styled_components_1.default.span(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n"],["\n  ",";\n"])),styled_elements_1.linksCss),SecurityRequirement=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.security;return React.createElement(SecurityRequirementOrWrap,null,e.schemes.map((function(e){return React.createElement(SecurityRequirementAndWrap,{key:e.id},React.createElement(common_elements_1.Link,{to:e.sectionId},e.id),e.scopes.length>0&&" (",e.scopes.map((function(e){return React.createElement(ScopeName,{key:e},e)})),e.scopes.length>0&&") ")})))}}),t}(React.PureComponent);exports.SecurityRequirement=SecurityRequirement;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,AuthHeaderColumn=styled_components_1.default.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  flex: 1 1 auto;\n"],["\n  flex: 1 1 auto;\n"]))),SecuritiesColumn=styled_components_1.default.div(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  width: var(--schema-default-details-width);\n  margin-top: 10px;\n\n  "," {\n    margin-top: initial;\n  }\n"],["\n  width: var(--schema-default-details-width);\n  margin-top: 10px;\n\n  "," {\n    margin-top: initial;\n  }\n"])),(function(e){return e.theme.mediaQueries.small})),AuthHeader=(0,styled_components_1.default)(common_elements_1.FieldsGroupHeader)(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  margin: 0;\n"],["\n  display: inline-block;\n  margin: 0;\n"]))),Wrap=(0,styled_components_1.default)(ParametersGroup_1.Wrap)(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n\n  "," {\n    flex-direction: row;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n\n  "," {\n    flex-direction: row;\n  }\n"])),(function(e){return e.theme.mediaQueries.small})),SecurityRequirements=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.securities;return e.length?React.createElement(Wrap,null,React.createElement(AuthHeaderColumn,null,React.createElement(AuthHeader,null,(0,Labels_1.l)("authorizations"),": ")),React.createElement(SecuritiesColumn,null,e.map((function(t,n){var r="",l="";e.length>1&&t.schemes.length>1&&(r=0===n?"(":"",l=")"),n!==e.length-1&&(l+=" or ");var a=r?React.createElement("strong",null,r):null,i=l?React.createElement("strong",null,l):null;return React.createElement(React.Fragment,{key:n},a,React.createElement(SecurityRequirement,{key:n,security:t}),i)})))):null}}),t}(React.PureComponent);exports.SecurityRequirements=SecurityRequirements;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityRow=exports.SecurityRequirements=exports.AUTH_TYPES=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),StoreBuilder_1=require("../StoreBuilder"),Markdown_1=require("../Markdown"),utils_1=require("../../utils"),SecuritySchemes_1=require("../SecuritySchemes/SecuritySchemes"),Labels_1=require("../../services/Labels"),Panel_1=require("../../../../components/Panel"),SecurityRequirementPanelDescription_1=require("./SecurityRequirementPanelDescription"),SecurityRequirementElement_1=require("./SecurityRequirementElement"),RequiredScopesRow_1=require("./RequiredScopesRow");function getRequiredScopes(e,t){for(var r=[],n=t.length;n--;)for(var a=t[n],l=a.schemes.length;l--;){var c=a.schemes[l];c.id===e&&r.push.apply(r,c.scopes)}return Array.from(new Set(r))}exports.AUTH_TYPES={oauth2:"OAuth2",apiKey:"API Key",http:"HTTP",openIdConnect:"OpenID Connect"};var SecurityRequirements=function(e){var t=e.securities,r=(0,StoreBuilder_1.useStore)(),n=null==r?void 0:r.options.showSecuritySchemeType,a=(0,react_1.useState)(!1),l=a[0],c=a[1];if(!t.length||(null==r?void 0:r.options.hideSecuritySection))return null;var i=null==r?void 0:r.definition.securitySchemes.schemes,o=null==i?void 0:i.filter((function(e){var r=e.id;return t.find((function(e){return e.schemes.find((function(e){return e.id===r}))}))}));return react_1.default.createElement(Panel_1.ContentPanel,{header:(0,Labels_1.l)("authorizations"),onToggle:function(e){return c(e)},description:!l&&react_1.default.createElement(SecurityRequirementPanelDescription_1.SecurityRequirementPanelDescription,{securities:t,showSecuritySchemeType:n}),expanded:l},l&&o&&o.length>1?react_1.default.createElement(SecurityRequirementBlock,null,t.map((function(e,r){var a,l,c="";return t.length>1&&e.schemes.length>1&&(l=0===r?"(":"",c=")"),r!==t.length-1&&(c+=" or",a=react_1.default.createElement("br",null)),react_1.default.createElement(react_1.default.Fragment,{key:e.schemes.map((function(e){return e.id})).join("")},l,react_1.default.createElement(SecurityRequirementElement_1.SecurityRequirementElement,{security:e,showSecuritySchemeType:n}),c,a)}))):null,l&&o?o.map((function(e){var r=getRequiredScopes(e.id,t),n=react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r});return react_1.default.createElement(SecurityDetails,{key:e.id},react_1.default.createElement("h5",null,react_1.default.createElement(LockIcon,null)," ",exports.AUTH_TYPES[e.type]||e.type,": ",e.id),react_1.default.createElement(Markdown_1.Markdown,{source:e.description||""}),react_1.default.createElement(Markdown_1.StyledMarkdownBlock,{key:e.id},e.apiKey?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(exports.SecurityRow,null,react_1.default.createElement("b",null,(0,utils_1.titleize)(e.apiKey.in||"")," parameter name: "),react_1.default.createElement("code",null,e.apiKey.name)),n):e.http?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(exports.SecurityRow,null,react_1.default.createElement("b",null,"HTTP Authorization Scheme: "),react_1.default.createElement("code",null,e.http.scheme)),react_1.default.createElement(exports.SecurityRow,null,"bearer"===e.http.scheme&&e.http.bearerFormat&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("b",null,"Bearer format: "),react_1.default.createElement("code",null,e.http.bearerFormat))),n):e.openId?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(exports.SecurityRow,null,react_1.default.createElement("b",null,"Connect URL: "),react_1.default.createElement("code",null,react_1.default.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:e.openId.connectUrl},e.openId.connectUrl))),n):e.flows?Object.keys(e.flows).map((function(t){return react_1.default.createElement(SecuritySchemes_1.OAuthFlow,{key:t,type:t,RequiredScopes:n,flow:e.flows[t]})})):null))})):null)};exports.SecurityRequirements=SecurityRequirements;var templateObject_1,templateObject_2,templateObject_3,SecurityDetails=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border-bottom: 1px solid var(--global-border-color);\n  margin-bottom: 1.5em;\n  padding-bottom: 0.7em;\n  &:last-child {\n    border-bottom: none;\n    margin-bottom: 0;\n    padding-bottom: 0;\n  }\n  h5 {\n    line-height: 1em;\n    margin: 0 0 0.6em;\n    font-size: var(--font-size-base);\n  }\n  .redoc-markdown p:first-child {\n    display: inline;\n  }\n"],["\n  border-bottom: 1px solid var(--global-border-color);\n  margin-bottom: 1.5em;\n  padding-bottom: 0.7em;\n  &:last-child {\n    border-bottom: none;\n    margin-bottom: 0;\n    padding-bottom: 0;\n  }\n  h5 {\n    line-height: 1em;\n    margin: 0 0 0.6em;\n    font-size: var(--font-size-base);\n  }\n  .redoc-markdown p:first-child {\n    display: inline;\n  }\n"]))),SecurityRequirementBlock=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 20px;\n  background-color: var(--schema-nested-background-color);\n  border-radius: var(--global-border-radius);\n  padding: var(--sidebar-spacing-unit) calc(var(--sidebar-spacing-unit) * 1.2);\n"],["\n  margin-bottom: 20px;\n  background-color: var(--schema-nested-background-color);\n  border-radius: var(--global-border-radius);\n  padding: var(--sidebar-spacing-unit) calc(var(--sidebar-spacing-unit) * 1.2);\n"]))),LockIcon=function(){return react_1.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"11",height:"11"},react_1.default.createElement("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"}))};exports.SecurityRow=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  margin: 0.5em 0;\n"],["\n  margin: 0.5em 0;\n"])));
 //# sourceMappingURL=SecurityRequirement.js.map

package/lib/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/redoc-lib/src/components/SecurityRequirement/SecurityRequirementElement.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityRequirementElement=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),styled_1=require("../Markdown/styled"),common_elements_1=require("../../common-elements"),SecurityRequirement_1=require("./SecurityRequirement"),SecurityRequirementElement=function(e){var t=e.showSecuritySchemeType,n=e.security;return react_1.default.createElement(SecurityRequirementOrWrap,null,n.schemes.map((function(e){var n=e.scopes.length>0;return react_1.default.createElement(SecurityRequirementAndWrap,{key:e.id},t?(SecurityRequirement_1.AUTH_TYPES[e.type]||e.type)+": ":null,react_1.default.createElement(common_elements_1.Link,{to:e.id,security:!0},react_1.default.createElement("b",null,e.id)),n?["(",e.scopes.map((function(e){return react_1.default.createElement(ScopeName,{key:e},e)})).reduce((function(e,t){return[e,", ",t]})),")"]:null)})))};exports.SecurityRequirementElement=SecurityRequirementElement;var templateObject_1,templateObject_2,templateObject_3,SecurityRequirementAndWrap=styled_components_1.default.span(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  &:after {\n    content: ' and ';\n    font-weight: normal;\n  }\n\n  &:last-child:after {\n    content: none;\n  }\n\n  ",";\n"],["\n  &:after {\n    content: ' and ';\n    font-weight: normal;\n  }\n\n  &:last-child:after {\n    content: none;\n  }\n\n  ",";\n"])),styled_1.linksCss),SecurityRequirementOrWrap=styled_components_1.default.span(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n"],["\n  ",";\n"])),styled_1.linksCss),ScopeName=styled_components_1.default.code(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  border: 1px solid var(--global-border-color);\n  margin: 0 3px;\n  padding: 0.2em;\n  line-height: 1;\n  display: inline-block;\n  word-break: break-word;\n  font-family: var(--code-font-family);\n  font-size: var(--code-font-size);\n"],["\n  border: 1px solid var(--global-border-color);\n  margin: 0 3px;\n  padding: 0.2em;\n  line-height: 1;\n  display: inline-block;\n  word-break: break-word;\n  font-family: var(--code-font-family);\n  font-size: var(--code-font-size);\n"])));
+//# sourceMappingURL=SecurityRequirementElement.js.map

package/lib/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/redoc-lib/src/components/SecurityRequirement/SecurityRequirementPanelDescription.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityRequirementPanelDescription=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),SecurityRequirement_1=require("./SecurityRequirement"),SecurityRequirementPanelDescription=function(e){var t=e.securities,r=e.showSecuritySchemeType,n=(0,react_1.useRef)(null),i=(0,react_1.useState)(""),u=i[0],c=i[1];return react_1.default.useLayoutEffect((function(){var e;c((null===(e=n.current)||void 0===e?void 0:e.innerText)||"")}),[n]),react_1.default.createElement("span",{ref:n,title:u},t.map((function(e,n){var i="",u="",c=e.schemes.length;return t.length>1&&c>1&&(i=0===n?"(":"",u=")"),n!==t.length-1&&(u+=" or "),react_1.default.createElement(react_1.default.Fragment,{key:e.schemes.map((function(e){return e.id})).join("")},i,c?e.schemes.map((function(e){return react_1.default.createElement("b",{key:e.id},r?(SecurityRequirement_1.AUTH_TYPES[e.type]||e.type)+": ":null,e.id)})).reduce((function(e,t){return[e," and ",t]})):null,u)})))};exports.SecurityRequirementPanelDescription=SecurityRequirementPanelDescription;
+//# sourceMappingURL=SecurityRequirementPanelDescription.js.map

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

@@ -1,16 +1,3 @@
-import * as React from 'react';
-import type { SecuritySchemesModel } from '../../services/models';
-import type { OpenAPISecurityScheme } from '../../types';
-export interface OAuthFlowProps {
-    type: string;
-    flow: OpenAPISecurityScheme['flows'][keyof OpenAPISecurityScheme['flows']];
-}
-export declare class OAuthFlow extends React.PureComponent<OAuthFlowProps> {
-    render(): JSX.Element;
-}
-export interface SecurityDefsProps {
-    securitySchemes: SecuritySchemesModel;
-}
-export declare class SecurityDefs extends React.PureComponent<SecurityDefsProps> {
-    render(): JSX.Element[];
-}
+import React from 'react';
+import type { OAuthFlowProps } from './types';
+export declare const OAuthFlow: React.NamedExoticComponent<OAuthFlowProps>;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityDefs=exports.OAuthFlow=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),common_elements_1=require("../../common-elements"),helpers_1=require("../../utils/helpers"),Markdown_1=require("../Markdown/Markdown"),styled_elements_1=require("../Markdown/styled.elements"),AUTH_TYPES={oauth2:"OAuth2",apiKey:"API Key",http:"HTTP",openIdConnect:"OpenID Connect"},OAuthFlow=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.type,n=e.flow;return React.createElement("tr",null,React.createElement("th",null," ",t," OAuth Flow "),React.createElement("td",null,"implicit"===t||"authorizationCode"===t?React.createElement("div",null,React.createElement("strong",null," Authorization URL: "),n.authorizationUrl):null,"password"===t||"clientCredentials"===t||"authorizationCode"===t?React.createElement("div",null,React.createElement("strong",null," Token URL: "),n.tokenUrl):null,(null==n?void 0:n.refreshUrl)&&React.createElement("div",null,React.createElement("strong",null," Refresh URL: "),null==n?void 0:n.refreshUrl),React.createElement("div",null,React.createElement("strong",null," Scopes: ")),React.createElement("ul",null,Object.keys((null==n?void 0:n.scopes)||{}).map((function(e){return React.createElement("li",{key:e},React.createElement("code",null,e)," - ",React.createElement(Markdown_1.Markdown,{inline:!0,source:(null==n?void 0:n.scopes[e])||""}))})))))}}),t}(React.PureComponent);exports.OAuthFlow=OAuthFlow;var SecurityDefs=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return this.props.securitySchemes.schemes.map((function(e){return React.createElement(common_elements_1.Section,{id:e.sectionId,key:e.id},React.createElement(common_elements_1.Row,null,React.createElement(common_elements_1.SamplesMiddlePanel,null,React.createElement(common_elements_1.H2,null,React.createElement(common_elements_1.ShareLink,{to:e.sectionId}),e.id),React.createElement(Markdown_1.Markdown,{source:e.description||""}),React.createElement(styled_elements_1.StyledMarkdownBlock,null,React.createElement("table",{className:"security-details"},React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",null," Security Scheme Type "),React.createElement("td",null," ",AUTH_TYPES[e.type]||e.type," ")),e.apiKey?React.createElement("tr",null,React.createElement("th",null," ",(0,helpers_1.titleize)(e.apiKey.in||"")," parameter name:"),React.createElement("td",null," ",e.apiKey.name," ")):e.http?[React.createElement("tr",{key:"scheme"},React.createElement("th",null," HTTP Authorization Scheme "),React.createElement("td",null," ",e.http.scheme," ")),"bearer"===e.http.scheme&&e.http.bearerFormat&&React.createElement("tr",{key:"bearer"},React.createElement("th",null," Bearer format "),React.createElement("td",null,' "',e.http.bearerFormat,'" '))]:e.openId?React.createElement("tr",null,React.createElement("th",null," Connect URL "),React.createElement("td",null,React.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:e.openId.connectUrl},e.openId.connectUrl))):e.flows?Object.keys(e.flows).map((function(t){return React.createElement(OAuthFlow,{key:t,type:t,flow:e.flows[t]})})):null))))))}))}}),t}(React.PureComponent);exports.SecurityDefs=SecurityDefs;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuthFlow=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),Markdown_1=require("../Markdown"),SeeMore_1=require("../SeeMore/SeeMore"),SecurityRequirement_1=require("../SecurityRequirement/SecurityRequirement"),helpers_1=require("./helpers"),OAuthFlowComponent=function(e){var t=e.type,r=e.flow,l=e.RequiredScopes,u=Object.keys((null==r?void 0:r.scopes)||{});return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(SecurityRequirement_1.SecurityRow,null,react_1.default.createElement("b",null,"Flow type: "),react_1.default.createElement("code",null,t)," "),(0,helpers_1.hasAuthorizationUrl)(t,r)?react_1.default.createElement(SecurityRequirement_1.SecurityRow,null,react_1.default.createElement("b",null,"Authorization URL: "),react_1.default.createElement("code",null,react_1.default.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:null==r?void 0:r.authorizationUrl},null==r?void 0:r.authorizationUrl))):null,(0,helpers_1.hasTokenUrl)(t,r)?react_1.default.createElement(SecurityRequirement_1.SecurityRow,null,react_1.default.createElement("b",null,"Token URL: "),react_1.default.createElement("code",null,null==r?void 0:r.tokenUrl)):null,(null==r?void 0:r.refreshUrl)&&react_1.default.createElement(SecurityRequirement_1.SecurityRow,null,react_1.default.createElement("b",null,"Refresh URL: "),react_1.default.createElement("code",null,null==r?void 0:r.refreshUrl)),u.length?react_1.default.createElement(react_1.default.Fragment,null,l||null,react_1.default.createElement(SecurityRequirement_1.SecurityRow,null,react_1.default.createElement("b",null,"Scopes:")),react_1.default.createElement(SeeMore_1.SeeMore,{height:"4em"},react_1.default.createElement("ul",null,u.map((function(e){return react_1.default.createElement("li",{key:e},react_1.default.createElement("code",null,e)," - ",react_1.default.createElement(Markdown_1.Markdown,{inline:!0,source:(null==r?void 0:r.scopes[e])||""}))}))))):null)};exports.OAuthFlow=(0,react_1.memo)(OAuthFlowComponent);
 //# sourceMappingURL=SecuritySchemes.js.map

package/lib/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;
+} | {
+    refreshUrl?: string | undefined;
+    scopes: Record<string, string>;
+    tokenUrl: 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;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.hasTokenUrl=exports.hasAuthorizationUrl=void 0;var hasAuthorizationUrl=function(r,o){return!!o&&("implicit"===r||"authorizationCode"===r)};exports.hasAuthorizationUrl=hasAuthorizationUrl;var hasTokenUrl=function(r,o){return!!o&&("password"===r||"clientCredentials"===r||"authorizationCode"===r)};exports.hasTokenUrl=hasTokenUrl;
+//# sourceMappingURL=helpers.js.map

package/lib/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/redoc-lib/src/components/SecuritySchemes/types.js

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

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SeeMore=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),TOLERANCE_PX=20;function SeeMore(e){var t=e.children,n=e.height,r=react_1.default.createRef(),a=react_1.default.useState(!1),l=a[0],o=a[1],i=react_1.default.useState(!1),c=i[0],_=i[1];react_1.default.useLayoutEffect((function(){r.current&&r.current.clientHeight+TOLERANCE_PX<r.current.scrollHeight&&_(!0)}),[r]);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Container,{ref:r,className:l?"":"container",style:{height:l?"auto":n}},t),react_1.default.createElement(ButtonContainer,{dimmed:!l},c&&react_1.default.createElement(ButtonLinkStyled,{onClick:function(){o(!l)}},l?"See less":"See more")))}exports.SeeMore=SeeMore;var templateObject_1,templateObject_2,templateObject_3,Container=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  overflow-y: hidden;\n"],["\n  overflow-y: hidden;\n"]))),ButtonContainer=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  text-align: center;\n  line-height: 1.5em;\n  ","\n"],["\n  text-align: center;\n  line-height: 1.5em;\n  ","\n"])),(function(e){return e.dimmed&&"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_components_1.default.a(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));
+//# sourceMappingURL=SeeMore.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SeparatorLine=exports.MenuItemPath=exports.MenuItem=exports.MenuExternalLink=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),theme_1=require("@redocly/theme"),icons_1=require("../../common-elements/icons"),openapi_1=require("../../utils/openapi"),MenuItems_1=require("./MenuItems"),styled_elements_1=require("./styled.elements"),OptionsProvider_1=require("../OptionsProvider"),Labels_1=require("../../services/Labels"),linkify_1=require("../../common-elements/linkify"),types_1=require("../../../../services/types");function preventDefaultIfNotForced(e){e.defaultPrevented||(0,linkify_1.userIsForcingNavigation)(e)||e.preventDefault()}exports.MenuExternalLink=(0,mobx_react_1.observer)((function(e){var t=e.link;return React.createElement(React.Fragment,null,isSeparator(t)?t.separator?React.createElement(styled_elements_1.MenuItemLabel,{depth:0,active:!1},t.separator):null:React.createElement(styled_elements_1.MenuItemLi,{depth:1},React.createElement(styled_elements_1.MenuItemLink,{href:t.link,target:t.target,active:!1,depth:1},React.createElement(styled_elements_1.MenuItemTitle,{title:t.label},t.label))),t.separatorLine?React.createElement(exports.SeparatorLine,null):null)}));var MenuItemLinkOrLabel=React.forwardRef((function(e,t){var n=e.href,a=e.children,r=(0,tslib_1.__rest)(e,["href","children"]);return n?React.createElement(styled_elements_1.MenuItemLink,(0,tslib_1.__assign)({href:n,onClick:preventDefaultIfNotForced},r,{ref:t}),a):React.createElement(styled_elements_1.MenuItemLabel,(0,tslib_1.__assign)({},r,{ref:t}),a)})),MenuItemOperationLinkOrLabel=(0,styled_components_1.default)(MenuItemLinkOrLabel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  flex-wrap: wrap;\n"],["\n  flex-wrap: wrap;\n"])));exports.MenuItem=(0,mobx_react_1.observer)((function(e){var t=e.item,n=e.withoutChildren,a=e.onActivate,r=React.createRef(),i=React.useState(!1),l=i[0],c=i[1],o=React.useState("group"===t.type&&t.expanded),s=o[0],m=o[1];React.useEffect((function(){c(t.active)}),[t.active]),React.useEffect((function(){m(t.expanded)}),[t.expanded]);var p=React.useCallback((function(e){(0,linkify_1.userIsForcingNavigation)(e)||(null==a||a(t,e),e.stopPropagation())}),[a,t]);return React.useEffect((function(){e.item.active&&r.current&&r.current.scrollIntoViewIfNeeded()}),[e.item,e.item.active,r]),React.createElement(styled_elements_1.MenuItemLi,{onClick:p,depth:t.depth,"data-item-id":t.id},"operation"===t.type?React.createElement(OperationItemContent,(0,tslib_1.__assign)({},e,{item:t,ref:r})):React.createElement(MenuItemLinkOrLabel,{depth:t.depth,active:l,type:t.type,ref:r,href:t.href,hasChildren:t.items&&t.items.length>0},t.depth>0&&t.items.length>0&&React.createElement(icons_1.ShelfIcon,{direction:s?"down":"right"})||null,React.createElement(styled_elements_1.MenuItemTitle,{title:t.name},t.name,e.children)),!n&&t.items&&t.items.length>0&&React.createElement(MenuItems_1.MenuItems,{expanded:s,items:t.items,onActivate:a}))}));var OperationItemContent=(0,mobx_react_1.observer)(React.forwardRef((function(e,t){var n,a,r=e.item,i=e.children,l=React.useContext(OptionsProvider_1.OptionsContext);return l.sideNavStyle!==types_1.SideNavStyle.PathFirst&&!r.search||"operation"!==r.type?(n=l.sideNavStyle===types_1.SideNavStyle.IdOnly?r.operationId||r.path:r.name,a=null):(n=React.createElement(exports.MenuItemPath,{title:r.path}," ",r.path," "),a=React.createElement(MenuItemDescription,null," ",r.name," ")),React.createElement(MenuItemOperationLinkOrLabel,{depth:r.depth,active:r.active,deprecated:r.deprecated,ref:t,href:r.href},r.isWebhook?React.createElement(theme_1.OperationBadge,{type:"hook"},(0,Labels_1.l)("webhook")):React.createElement(theme_1.OperationBadge,{type:r.httpVerb},(0,openapi_1.shortenHTTPVerb)(r.httpVerb)),React.createElement(styled_elements_1.MenuItemTitle,{width:"calc(100% - 42px)"},n,i),a)})));function isSeparator(e){return null!=e.separator||!!e.separatorLine&&!e.link}exports.MenuItemPath=styled_components_1.default.code(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  line-height: 1.4;\n  display: inline-block;\n  margin-bottom: 5px;\n  word-break: var(--sidebar-word-break);\n"],["\n  line-height: 1.4;\n  display: inline-block;\n  margin-bottom: 5px;\n  word-break: var(--sidebar-word-break);\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,MenuItemDescription=styled_components_1.default.small(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  display: block;\n  font-size: 0.87em;\n  line-height: 1.2;\n"],["\n  display: block;\n  font-size: 0.87em;\n  line-height: 1.2;\n"])));exports.SeparatorLine=styled_components_1.default.span(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  display: block;\n  width: 100%;\n  height: 1px;\n  background-color: var(--sidebar-separator-line-color);\n  margin: var(--sidebar-spacing-vertical) 0;\n"],["\n  display: block;\n  width: 100%;\n  height: 1px;\n  background-color: var(--sidebar-separator-line-color);\n  margin: var(--sidebar-spacing-vertical) 0;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SeparatorLine=exports.MenuItemPath=exports.MenuItem=exports.MenuExternalLink=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),theme_1=require("@redocly/theme"),OptionsProvider_1=require("../OptionsProvider"),Labels_1=require("../../services/Labels"),linkify_1=require("../../common-elements/linkify"),icons_1=require("../../common-elements/icons"),openapi_1=require("../../utils/openapi"),types_1=require("../../../../services/types"),styled_elements_1=require("./styled.elements"),MenuItems_1=require("./MenuItems");function preventDefaultIfNotForced(e){e.defaultPrevented||(0,linkify_1.userIsForcingNavigation)(e)||e.preventDefault()}exports.MenuExternalLink=(0,mobx_react_1.observer)((function(e){var t=e.link;return React.createElement(React.Fragment,null,isSeparator(t)?t.separator?React.createElement(styled_elements_1.MenuItemLabel,{depth:0,active:!1},t.separator):null:React.createElement(styled_elements_1.MenuItemLi,{depth:1},React.createElement(styled_elements_1.MenuItemLink,{href:t.link,target:t.target,active:!1,depth:1},React.createElement(styled_elements_1.MenuItemTitle,{title:t.label},t.label))),t.separatorLine?React.createElement(exports.SeparatorLine,null):null)}));var MenuItemLinkOrLabel=React.forwardRef((function(e,t){var n=e.href,a=e.children,r=(0,tslib_1.__rest)(e,["href","children"]);return n?React.createElement(styled_elements_1.MenuItemLink,(0,tslib_1.__assign)({href:n,onClick:preventDefaultIfNotForced},r,{ref:t}),a):React.createElement(styled_elements_1.MenuItemLabel,(0,tslib_1.__assign)({},r,{ref:t}),a)})),MenuItemOperationLinkOrLabel=(0,styled_components_1.default)(MenuItemLinkOrLabel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  flex-wrap: wrap;\n"],["\n  flex-wrap: wrap;\n"])));exports.MenuItem=(0,mobx_react_1.observer)((function(e){var t=e.item,n=e.withoutChildren,a=e.onActivate,r=React.createRef(),i=React.useState(!1),l=i[0],c=i[1],o=React.useState("group"===t.type&&t.expanded),s=o[0],m=o[1];React.useEffect((function(){c(t.active)}),[t.active]),React.useEffect((function(){m(t.expanded)}),[t.expanded]);var p=React.useCallback((function(e){(0,linkify_1.userIsForcingNavigation)(e)||(null==a||a(t,e),e.stopPropagation())}),[a,t]);return React.useEffect((function(){e.item.active&&r.current&&r.current.scrollIntoViewIfNeeded()}),[e.item,e.item.active,r]),React.createElement(styled_elements_1.MenuItemLi,{onClick:p,depth:t.depth,"data-item-id":t.id},"operation"===t.type?React.createElement(OperationItemContent,(0,tslib_1.__assign)({},e,{item:t,ref:r})):React.createElement(MenuItemLinkOrLabel,{depth:t.depth,active:l,type:t.type,ref:r,href:t.href,hasChildren:t.items&&t.items.length>0},t.depth>0&&t.items.length>0&&React.createElement(icons_1.ShelfIcon,{direction:s?"down":"right"})||null,t.isSchema?React.createElement(theme_1.OperationBadge,{type:"schema"},"schema"):null,React.createElement(styled_elements_1.MenuItemTitle,{title:t.name},t.name,e.children)),!n&&t.items&&t.items.length>0&&React.createElement(MenuItems_1.MenuItems,{expanded:s,items:t.items,onActivate:a}))}));var OperationItemContent=(0,mobx_react_1.observer)(React.forwardRef((function(e,t){var n,a,r=e.item,i=e.children,l=React.useContext(OptionsProvider_1.OptionsContext);return l.sideNavStyle!==types_1.SideNavStyle.PathFirst&&!r.search||"operation"!==r.type?(n=l.sideNavStyle===types_1.SideNavStyle.IdOnly?r.operationId||r.path:r.name,a=null):(n=React.createElement(exports.MenuItemPath,{title:r.path}," ",r.path," "),a=React.createElement(MenuItemDescription,null," ",r.name," ")),React.createElement(MenuItemOperationLinkOrLabel,{depth:r.depth,active:r.active,deprecated:r.deprecated,ref:t,href:r.href},r.isWebhook?React.createElement(theme_1.OperationBadge,{type:"hook"},l.showWebhookVerb?r.httpVerb:(0,Labels_1.l)("webhook")):React.createElement(theme_1.OperationBadge,{type:r.httpVerb},(0,openapi_1.shortenHTTPVerb)(r.httpVerb)),React.createElement(styled_elements_1.MenuItemTitle,{width:"calc(100% - 42px)"},n,i),a)})));function isSeparator(e){return null!=e.separator||!!e.separatorLine&&!e.link}exports.MenuItemPath=styled_components_1.default.code(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  line-height: 1.4;\n  display: inline-block;\n  margin-bottom: 5px;\n  word-break: var(--sidebar-word-break);\n"],["\n  line-height: 1.4;\n  display: inline-block;\n  margin-bottom: 5px;\n  word-break: var(--sidebar-word-break);\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,MenuItemDescription=styled_components_1.default.small(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  display: block;\n  font-size: 0.87em;\n  line-height: 1.2;\n"],["\n  display: block;\n  font-size: 0.87em;\n  line-height: 1.2;\n"])));exports.SeparatorLine=styled_components_1.default.span(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  display: block;\n  width: 100%;\n  height: 1px;\n  background-color: var(--sidebar-separator-line-color);\n  margin: var(--sidebar-spacing-vertical) 0;\n"],["\n  display: block;\n  width: 100%;\n  height: 1px;\n  background-color: var(--sidebar-separator-line-color);\n  margin: var(--sidebar-spacing-vertical) 0;\n"])));
 //# sourceMappingURL=MenuItem.js.map