@redocly/openapi-docs 0.0.0-beta-20240215154132

package/lib/components/Search/utils.d.ts

@@ -0,0 +1,11 @@
+import type { FieldModel, SchemaModel } from '../../models';
+import type { SearchResultMeta, IMenuItem } from '../../services';
+import type { SearchResult, SearchResultExtended } from './types';
+export declare function getFields(schema?: SchemaModel): FieldModel[];
+export declare function expandDeep(path: string[] | undefined, fields: FieldModel[]): void;
+export declare function enhanceResults(results: SearchResult<SearchResultMeta>[], getItemById: (id: string) => IMenuItem | undefined): SearchResultExtended[];
+export declare function formatPlaces(places: {
+    place: string;
+}[]): string;
+export declare function formatPath(term: string, path?: string[]): string;
+export declare function expandResults(res: SearchResultExtended): void;

package/lib/components/Search/utils.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.expandResults=exports.formatPath=exports.formatPlaces=exports.enhanceResults=exports.expandDeep=exports.getFields=void 0;const nexus_1=require("../../jotai/nexus"),models_1=require("../../models"),operation_1=require("../../jotai/operation");function getFields(e){var t;if(!e)return[];const{activeOneOf:s}=(0,nexus_1.readAtom)((0,operation_1.operationStore)(e.deps.operation.pointer));if(e.oneOf){const o=null!==(t=s[e.pointer])&&void 0!==t?t:0;return getFields(e.oneOf[o])}return e.items?getFields(e.items):e.fields||[]}function expandDeep(e,t){if(e)for(const s of e){const e=t.find((e=>e.name===s));if(!e)break;t=getFields(e.schema)}}function enhanceResults(e,t){const s={};e.forEach((({meta:e,score:o})=>{const n=e.menuId,a=s[n];if(o=e.boost?o*e.boost:o,a){if(a.score=Math.max(o,a.score),e.place&&a.count++,e.place){const t=a.places.find((t=>t.place===e.place));t&&e.path?t.paths.find((t=>{var s;return(t&&t.join("->"))===(null===(s=e.path)||void 0===s?void 0:s.join("->"))}))||t.paths.push(e.path):a.places.push({place:e.place,paths:[e.path]})}}else s[n]={item:t(n),places:e.place?[{place:e.place,paths:[e.path]}]:[],score:o,count:e.place?1:0}}));const o=Object.keys(s).map((e=>s[e]));return o.forEach(((e,t)=>e.index=t)),o.sort(((e,t)=>t.score-e.score)),o}function formatPlaces(e){return e.slice().sort(),e.map((e=>e.place)).join(" and ")}function formatPath(e,t){return t&&t.length&&t[t.length-1].toLowerCase().startsWith(e.toLowerCase())&&(t=t.slice(0,t.length-1)),t&&0!==t.length?" → "+t.join(" → "):""}function expandResults(e){var t,s;for(const o of e.places)if("request fields"===o.place){const s=e.item.requestBody,n=getFields(s&&s.content&&(null===(t=(0,models_1.getActiveMediaType)(s.content))||void 0===t?void 0:t.schema));for(const e of o.paths){if(!e)return;expandDeep(e.slice(0,e.length-1),n)}}else if(o.place.startsWith("response ")){const t=o.place.split(" ")[1],n=e.item.responses.find((e=>e.code===t)),a=getFields(n&&n.content&&(null===(s=(0,models_1.getActiveMediaType)(n.content))||void 0===s?void 0:s.schema));for(const e of o.paths){if(!e)return;expandDeep(e.slice(0,e.length-1),a)}}}exports.getFields=getFields,exports.expandDeep=expandDeep,exports.enhanceResults=enhanceResults,exports.formatPlaces=formatPlaces,exports.formatPath=formatPath,exports.expandResults=expandResults;
+//# sourceMappingURL=utils.js.map

package/lib/components/SectionContent/SectionContent.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement } from 'react';
+import type { ContentItemModel } from '../../models';
+interface SectionContentProps {
+    items: ContentItemModel[];
+    hideFooterAndHeader?: boolean;
+}
+export declare function SectionContent({ items, hideFooterAndHeader, }: SectionContentProps): ReactElement | null;
+export {};

package/lib/components/SectionContent/SectionContent.js

@@ -0,0 +1,20 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,a){void 0===a&&(a=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,a,r)}:function(e,t,n,a){void 0===a&&(a=n),e[a]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SectionContent=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),ContentItem_1=require("../ContentItem"),Panel_1=require("../Panel"),PageFooter_1=require("../PageFooter"),store_1=require("../../jotai/store"),RenderHook_1=require("../RenderHook"),RightPanel_1=require("../RightPanel"),app_1=require("../../jotai/app"),common_1=require("../common");function SectionContent({items:e,hideFooterAndHeader:t}){const{hooks:{MiddlePanelHeader:n},routingBasePath:a}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),r=(0,jotai_1.useAtomValue)(app_1.layoutAtom),o=(0,react_1.useMemo)((()=>t?null:react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,react_1.default.createElement(PageFooter_1.PageFooter,null))),[t]),i=(0,react_1.useMemo)((()=>t||!theme_1.OpenApiHeader&&!n?null:react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,n?react_1.default.createElement(RenderHook_1.RenderHook,{Hook:n,props:void 0}):react_1.default.createElement(theme_1.OpenApiHeader,null))),[n,t]);return 0===e.length?null:react_1.default.createElement(react_1.default.Fragment,null,i,react_1.default.createElement(Container,null,react_1.default.createElement(SectionContainer,{layout:r},e.filter((({type:e})=>["section"].includes(e))).map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,routingBasePath:a})))),react_1.default.createElement(RightPanelContainer,{layout:r},react_1.default.createElement(RightPanel_1.RightPanel,{item:e[0]}))),e.filter((({type:e})=>!["section"].includes(e))).map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,routingBasePath:a}))),o)}exports.SectionContent=SectionContent;const Container=styled_components_1.default.div`
+  display: flex;
+  width: 100%;
+`,SectionContainer=styled_components_1.default.div`
+  width: 100%;
+
+  @media screen and (min-width: ${theme_1.breakpoints.medium}) {
+    width: ${({layout:e})=>e===theme_1.LayoutVariant.STACKED?"100%":"60%"};
+  }
+`,RightPanelContainer=(0,styled_components_1.default)(common_1.SamplesPanel)`
+  margin: calc(var(--h1-font-size) / 1.5) 0;
+  display: none;
+  overflow-y: auto;
+  max-height: calc(100vh - var(--navbar-height) - var(--panel-gap-vertical) * 2);
+
+  @media screen and (min-width: ${theme_1.breakpoints.medium}) {
+    display: ${({layout:e})=>e===theme_1.LayoutVariant.THREE_PANEL?"block":"none"};
+  }
+`;
+//# sourceMappingURL=SectionContent.js.map

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

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

package/lib/components/SectionContent/index.js

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

package/lib/components/SectionItem/SectionItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { GroupModel } from '../../models';
+export interface SectionItemProps {
+    item: GroupModel;
+}
+export declare const SectionItem: React.NamedExoticComponent<SectionItemProps>;

package/lib/components/SectionItem/SectionItem.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,a)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SectionItem=void 0;const react_1=__importStar(require("react")),common_1=require("../common"),Markdown_1=require("../Markdown"),ExternalDocumentation_1=require("../ExternalDocumentation");function SectionItemComponent({item:e}){const{externalDocs:t,ast:r,description:n}=e;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Markdown_1.Markdown,{ast:r,source:n,htmlWrap:e=>react_1.default.createElement(common_1.SamplesMiddlePanel,{compact:!0,fullWidth:!0},e)}),t&&react_1.default.createElement(common_1.Row,null,react_1.default.createElement(common_1.SamplesMiddlePanel,{compact:!0,fullWidth:!0},react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:t}))))}exports.SectionItem=(0,react_1.memo)(SectionItemComponent);
+//# sourceMappingURL=SectionItem.js.map

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

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

package/lib/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/components/Security/Divider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function Divider({ label }: {
+    label: string;
+}): React.JSX.Element;

package/lib/components/Security/Divider.js

@@ -0,0 +1,15 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Divider=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),styled_1=require("./styled");function Divider({label:e}){return react_1.default.createElement(Wrapper,null,react_1.default.createElement(styled_1.Tag,{className:"tag-grey"},e)," ",react_1.default.createElement("hr",null))}exports.Divider=Divider;const Wrapper=styled_components_1.default.div`
+  font-size: var(--font-size-sm);
+  width: 100%;
+  display: flex;
+  align-items: center;
+  margin: var(--spacing-base) 0;
+  hr {
+    height: 1px;
+    border: none;
+    background: var(--border-color-primary);
+    width: 100%;
+    margin-left: var(--spacing-xs);
+  }
+`;
+//# sourceMappingURL=Divider.js.map

package/lib/components/Security/OAuthFlow.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { OpenAPISecurityScheme } from '../../types';
+export interface OAuthFlowProps {
+    flow: OpenAPISecurityScheme['flows'][keyof OpenAPISecurityScheme['flows']];
+}
+export declare const OAuthFlow: React.NamedExoticComponent<React.PropsWithChildren<OAuthFlowProps>>;

package/lib/components/Security/OAuthFlow.js

@@ -0,0 +1,4 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,a)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuthFlow=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),Markdown_1=require("../Markdown"),SecuritySchemeItem_1=require("./SecuritySchemeItem"),styled_1=require("./styled");function OAuthFlowComponent({flow:e}){const t=Object.keys((null==e?void 0:e.scopes)||{});return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Authorization URL:",value:(null==e?void 0:e.authorizationUrl)&&react_1.default.createElement(styled_1.StyledLink,{target:"_blank",rel:"noopener noreferrer",href:null==e?void 0:e.authorizationUrl},null==e?void 0:e.authorizationUrl)}),react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Token URL:",value:null==e?void 0:e.tokenUrl}),react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Refresh URL:",value:null==e?void 0:e.refreshUrl}),t.length&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Scopes",value:" "}),t.map((t=>react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{key:t,label:react_1.default.createElement(StyledTag,{className:"tag-grey"},t),value:react_1.default.createElement(Markdown_1.Markdown,{source:(null==e?void 0:e.scopes[t])||""})})))))}const StyledTag=(0,styled_components_1.default)(styled_1.Tag)`
+  margin-left: var(--spacing-xs);
+`;exports.OAuthFlow=(0,react_1.memo)(OAuthFlowComponent);
+//# sourceMappingURL=OAuthFlow.js.map

package/lib/components/Security/Security.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+import type { SecurityRequirement } from '../../models';
+interface SecurityProps {
+    securities: SecurityRequirement[];
+}
+export declare function Security({ securities }: SecurityProps): ReactElement | null;
+export {};

package/lib/components/Security/Security.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=r);var u=Object.getOwnPropertyDescriptor(t,r);u&&!("get"in u?!t.__esModule:u.writable||u.configurable)||(u={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,i,u)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Security=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),store_1=require("../../jotai/store"),SecurityButton_1=require("./SecurityButton"),SecurityModal_1=require("./SecurityModal");function Security({securities:e}){const{options:{hideSecuritySection:t}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),[r,i]=(0,react_1.useState)(!1);return!e.length||t?null:react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(SecurityButton_1.SecurityButton,{securities:e,onClick:()=>i(!0)}),r&&react_1.default.createElement(theme_1.Portal,{mountId:"api-content"},react_1.default.createElement(SecurityModal_1.SecurityModal,{securities:e,onClose:()=>i(!1)})))}exports.Security=Security;
+//# sourceMappingURL=Security.js.map

package/lib/components/Security/SecurityButton.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+import type { SecurityRequirementsProps } from '../SecurityRequirement/types';
+export interface SecurityButtonProps extends SecurityRequirementsProps {
+    onClick: () => void;
+}
+export declare function SecurityButton({ securities, onClick }: SecurityButtonProps): ReactElement;

package/lib/components/Security/SecurityButton.js

@@ -0,0 +1,28 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityButton=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");function SecurityButton({securities:e,onClick:t}){return react_1.default.createElement(StyledButton,{onClick:t},react_1.default.createElement(theme_1.SecurityIcon,null),react_1.default.createElement(Title,null,"Security:"),react_1.default.createElement(SecurityList,null,e.map((t=>{const r=e.length>1&&t.schemes.length>1;return`\n          ${r?"(":""} \n          ${t.schemes.map((({id:e})=>e)).join(" and ")} \n          ${r?")":""}\n          `})).join(" or ")))}exports.SecurityButton=SecurityButton;const StyledButton=styled_components_1.default.button`
+  display: flex;
+  align-items: center;
+  align-self: flex-start;
+  gap: var(--spacing-xxs);
+  min-height: 32px;
+  background: var(--color-info-bg);
+  color: var(--link-color-primary);
+  border: none;
+  font-size: var(--font-size-base);
+  font-family: var(--font-family-base);
+  line-height: var(--line-height-base);
+  padding: 0 var(--spacing-xs);
+  border-radius: var(--border-radius-md);
+  margin-top: var(--spacing-base);
+  max-width: 100%;
+`,Title=styled_components_1.default.span`
+  font-family: var(--font-family-monospaced);
+  font-weight: var(--font-weight-semibold);
+  letter-spacing: -0.5px;
+`,SecurityList=styled_components_1.default.span`
+  flex: 1;
+  cursor: pointer;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+`;
+//# sourceMappingURL=SecurityButton.js.map

package/lib/components/Security/SecurityFlow.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { SecurityRequirement, ExtendedOpenAPISecurityScheme } from '../../models';
+export declare function SecurityFlow({ type, bearerFormat, name, flows, openIdConnectUrl, description, id, securities, in: apiKeyIn, }: Partial<ExtendedOpenAPISecurityScheme> & {
+    securities: SecurityRequirement[];
+}): ReactElement | null;

package/lib/components/Security/SecurityFlow.js

@@ -0,0 +1,20 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityFlow=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),SecuritySchemeItem_1=require("./SecuritySchemeItem"),utils_1=require("../../utils"),OAuthFlow_1=require("./OAuthFlow"),styled_1=require("./styled"),Markdown_1=require("../Markdown"),helper_1=require("./helper");function SecurityFlow({type:e,bearerFormat:t,name:r,flows:a,openIdConnectUrl:l,description:c,id:u,securities:n,in:i}){if(!e||!u)return null;const o=(0,helper_1.getRequiredScopes)(u,n),m={http:react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:"HTTP Authorization Scheme",value:e}),react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Bearer Format",value:t})),apiKey:react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:`${(0,utils_1.titleize)(i||"")} parameter name:`,value:r}),oauth2:react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Flow type:",value:e}),a&&Object.keys(a).map((e=>react_1.default.createElement(OAuthFlow_1.OAuthFlow,{flow:a[e],key:e})))),openIdConnect:react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Connect URL:",value:l&&react_1.default.createElement(styled_1.StyledLink,{target:"_blank",rel:"noopener noreferrer",href:l},l)})};return react_1.default.createElement(Wrapper,null,react_1.default.createElement(TitleSchema,null,u),react_1.default.createElement(Markdown_1.Markdown,{source:c}),react_1.default.createElement(List,null,m[e]||null,react_1.default.createElement(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Required scopes",value:o.length&&react_1.default.createElement(Row,null,o.map((e=>react_1.default.createElement(styled_1.Tag,{key:e,className:"tag-grey"},e))))})))}exports.SecurityFlow=SecurityFlow;const Wrapper=styled_components_1.default.div`
+  background: var(--layer-color);
+  padding: var(--spacing-base);
+  border-radius: var(--border-radius);
+  border: 1px solid var(--border-color-secondary);
+  width: 100%;
+  margin-top: var(--spacing-base);
+`,List=styled_components_1.default.div`
+  width: 100%;
+  margin-top: var(--spacing-md);
+`,Row=styled_components_1.default.div`
+  display: flex;
+  gap: var(--spacing-xxs);
+`,TitleSchema=styled_components_1.default.p`
+  font-size: var(--font-size-base);
+  margin: 0 0 var(--spacing-xs);
+  text-transform: capitalize;
+  font-weight: var(--font-weight-semibold);
+`;
+//# sourceMappingURL=SecurityFlow.js.map

package/lib/components/Security/SecurityModal.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement } from 'react';
+import type { SecurityRequirement } from '../../models';
+interface SecurityModalProps {
+    securities: SecurityRequirement[];
+    onClose: () => void;
+}
+export declare function SecurityModal({ securities, onClose }: SecurityModalProps): ReactElement;
+export {};

package/lib/components/Security/SecurityModal.js

@@ -0,0 +1,54 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,i)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityModal=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),SecurityFlow_1=require("./SecurityFlow"),Divider_1=require("./Divider");function SecurityModal({securities:e,onClose:t}){const[r,a]=(0,react_1.useState)(0),{schemes:i}=e[r]||{};(0,react_1.useEffect)((()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"})),[]);const o=e.map((({schemes:e},t)=>({label:e.map((({id:e})=>e)).join(" and "),value:t})));return react_1.default.createElement(StyledBackground,null,react_1.default.createElement(Wrapper,null,react_1.default.createElement(Close,{onClick:t,"data-cy":"close"},react_1.default.createElement(theme_1.CloseIcon,null)),react_1.default.createElement(Title,null,react_1.default.createElement(theme_1.SecurityIcon,{size:"24px"}),"Security"),react_1.default.createElement(theme_1.Segmented,{value:r,onChange:({value:e})=>a(e),options:o}),i.map(((t,r)=>react_1.default.createElement(react_1.Fragment,{key:t.id},react_1.default.createElement(SecurityFlow_1.SecurityFlow,Object.assign({},t,{securities:e})),r!==i.length-1&&react_1.default.createElement(Divider_1.Divider,{label:"and"}))))))}exports.SecurityModal=SecurityModal;const Wrapper=styled_components_1.default.div`
+  background: var(--bg-color);
+  box-shadow: var(--bg-raised-shadow);
+  border-radius: var(--border-radius-lg);
+  padding: var(--spacing-lg);
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  position: absolute;
+  width: 700px;
+  max-width: 100%;
+  height: auto;
+  max-height: 500px;
+  overflow-y: scroll;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 2;
+  .tag-grey span {
+    font-size: var(--font-size-base);
+    line-height: var(--line-height-base);
+  }
+`,StyledBackground=styled_components_1.default.div`
+  background: rgba(0, 0, 0, 0.5);
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  z-index: 2;
+  left: 0;
+  top: 0;
+  pointer-events: auto;
+`,Close=styled_components_1.default.button`
+  border: none;
+  background: none;
+  position: absolute;
+  right: var(--spacing-md);
+  top: var(--spacing-md);
+  cursor: pointer;
+  svg {
+    width: 18px;
+    height: 18px;
+    fill: var(--text-color-primary);
+  }
+`,Title=(0,styled_components_1.default)(theme_1.Typography)`
+  display: flex;
+  align-items: center;
+  font-size: var(--h4-font-size);
+  font-weight: var(--h4-font-weight);
+  margin-bottom: var(--spacing-lg);
+  svg {
+    margin-right: var(--spacing-xs);
+  }
+`;
+//# sourceMappingURL=SecurityModal.js.map

package/lib/components/Security/SecuritySchemeItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+interface SecuritySchemeItemProps {
+    label: string | ReactNode;
+    value: string | ReactNode;
+}
+export declare function SecuritySchemeItem({ label, value }: SecuritySchemeItemProps): React.JSX.Element | null;
+export {};

package/lib/components/Security/SecuritySchemeItem.js

@@ -0,0 +1,19 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecuritySchemeItem=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components"));function SecuritySchemeItem({label:e,value:t}){return e&&t?react_1.default.createElement(Row,null,react_1.default.createElement(Label,null,e),react_1.default.createElement(Value,null,t)):null}exports.SecuritySchemeItem=SecuritySchemeItem;const Row=styled_components_1.default.div`
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: var(--spacing-xs);
+  font-size: var(--font-size-sm);
+  color: var(--text-color-secondary);
+`,Label=styled_components_1.default.div`
+  width: 296px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`,Value=styled_components_1.default.div`
+  width: calc(100% - 296px);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`;
+//# sourceMappingURL=SecuritySchemeItem.js.map

package/lib/components/Security/helper.d.ts

@@ -0,0 +1,2 @@
+import type { SecurityRequirement } from '../../models';
+export declare function getRequiredScopes(id: string, securities: SecurityRequirement[]): string[];

package/lib/components/Security/helper.js

@@ -0,0 +1,2 @@
+"use strict";function getRequiredScopes(e,r){const o=new Set;return r.forEach((({schemes:r})=>{r.forEach((({id:r,scopes:s})=>{r===e&&s.forEach((e=>o.add(e)))}))})),Array.from(o)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.getRequiredScopes=void 0,exports.getRequiredScopes=getRequiredScopes;
+//# sourceMappingURL=helper.js.map

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

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

package/lib/components/Security/index.js

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

package/lib/components/Security/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const Tag: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledLink: import("styled-components").StyledComponent<"a", any, {}, never>;

package/lib/components/Security/styled.js

@@ -0,0 +1,13 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledLink=exports.Tag=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.Tag=styled_components_1.default.div`
+  border-radius: var(--border-radius);
+  padding: 0 var(--spacing-sm);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  color: var(--text-color-primary);
+  background-color: var(--tag-background-color);
+`,exports.StyledLink=styled_components_1.default.a`
+  color: var(--link-color-primary);
+  text-decoration: none;
+  word-wrap: break-word;
+`;
+//# sourceMappingURL=styled.js.map

package/lib/components/SecurityRequirement/PanelDescription.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { SecurityRequirementPanelDescriptionProps } from './types';
+export declare function PanelDescription({ securities, showSecuritySchemeType, }: SecurityRequirementPanelDescriptionProps): ReactElement;

package/lib/components/SecurityRequirement/PanelDescription.js

@@ -0,0 +1,4 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelDescription=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),constants_1=require("./constants");function PanelDescription({securities:e,showSecuritySchemeType:t}){const n=(0,react_1.useRef)(null),[r,i]=(0,react_1.useState)("");return(0,react_1.useLayoutEffect)((()=>{var e;i((null===(e=n.current)||void 0===e?void 0:e.innerText)||"")}),[n]),react_1.default.createElement(StyledDescription,{ref:n,title:r},e.map(((n,r)=>{let i="",a="";const o=n.schemes.length;return e.length>1&&o>1&&(i=0===r?"(":"",a=")"),r!==e.length-1&&(a+=" or "),react_1.default.createElement(react_1.Fragment,{key:n.schemes.map((({id:e})=>e)).join("")},i,o?n.schemes.map((e=>react_1.default.createElement(StyledRequirementElement,{key:e.id},t?`${constants_1.AUTH_TYPES[e.type]||e.type}: `:null,e.id))).reduce(((e,t)=>[e," and ",t])):null,a)})))}exports.PanelDescription=PanelDescription;const StyledDescription=styled_components_1.default.span`
+  font-size: var(--font-size-base);
+`,StyledRequirementElement=styled_components_1.default.span``;
+//# sourceMappingURL=PanelDescription.js.map

package/lib/components/SecurityRequirement/RequiredScopesRow.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+export declare function RequiredScopesRow({ scopes }: {
+    scopes: string[];
+}): ReactElement | null;

package/lib/components/SecurityRequirement/RequiredScopesRow.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequiredScopesRow=void 0;const react_1=__importStar(require("react")),styled_1=require("./styled");function RequiredScopesRow({scopes:e}){return e.length?react_1.default.createElement(styled_1.Row,null,react_1.default.createElement("b",null,"Required scopes: "),e.map((e=>react_1.default.createElement(react_1.Fragment,{key:e},react_1.default.createElement("code",null,e)," ")))):null}exports.RequiredScopesRow=RequiredScopesRow;
+//# sourceMappingURL=RequiredScopesRow.js.map

package/lib/components/SecurityRequirement/RequirementElement.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { RequirementElementProps } from './types';
+export declare function RequirementElement({ showSecuritySchemeType, security, }: RequirementElementProps): ReactElement;

package/lib/components/SecurityRequirement/RequirementElement.js

@@ -0,0 +1,24 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequirementElement=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),constants_1=require("./constants"),common_1=require("../common");function RequirementElement({showSecuritySchemeType:e,security:t}){return react_1.default.createElement(SecurityRequirementOrWrap,null,t.schemes.map((t=>{const r=t.scopes.length>0;return react_1.default.createElement(SecurityRequirementAndWrap,{key:t.id},e?`${constants_1.AUTH_TYPES[t.type]||t.type}: `:null,react_1.default.createElement(common_1.Link,{to:t.id,security:!0,"aria-label":`link to ${t.id}`},react_1.default.createElement("b",null,t.id)),r?["(",t.scopes.map((e=>react_1.default.createElement(ScopeName,{key:e},e))).reduce(((e,t)=>[e,", ",t])),")"]:null)})))}exports.RequirementElement=RequirementElement;const SecurityRequirementAndWrap=styled_components_1.default.span`
+  &:after {
+    content: ' and ';
+    font-weight: normal;
+  }
+
+  &:last-child:after {
+    content: none;
+  }
+
+  ${theme_1.markdownLinksCss};
+`,SecurityRequirementOrWrap=styled_components_1.default.span`
+  ${theme_1.markdownLinksCss};
+`,ScopeName=styled_components_1.default.code`
+  border: 1px solid var(--border-color-primary);
+  margin: 0 3px;
+  padding: 0.2em;
+  line-height: 1;
+  display: inline-block;
+  word-break: break-word;
+  font-family: var(--code-font-family);
+  font-size: var(--code-font-size);
+`;
+//# sourceMappingURL=RequirementElement.js.map

package/lib/components/SecurityRequirement/SecurityDefs.d.ts

@@ -0,0 +1,2 @@
+import type { ReactElement } from 'react';
+export declare function SecurityDefs(): ReactElement;

package/lib/components/SecurityRequirement/SecurityDefs.js

@@ -0,0 +1,4 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityDefs=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),Markdown_1=require("../Markdown"),SecuritySchemes_1=require("../SecuritySchemes"),constants_1=require("./constants"),common_1=require("../common"),utils_1=require("../../utils"),store_1=require("../../jotai/store"),models_1=require("../../models"),styled_1=require("./styled");function SecurityDefs(){const{parser:e}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),t=(0,models_1.getSecuritySchemes)({parser:e});return react_1.default.createElement(react_1.default.Fragment,null,null==t?void 0:t.map((e=>react_1.default.createElement(common_1.Section,{id:e.sectionId,sectionId:e.sectionId,key:e.id},react_1.default.createElement(theme_1.H4,null,react_1.default.createElement(common_1.ShareLink,{to:`#${e.sectionId}`,"aria-label":`link to ${e.id}`}),e.id),react_1.default.createElement(Description,{source:e.description||""}),react_1.default.createElement(theme_1.Markdown,null,react_1.default.createElement(styled_1.Container,{className:"security-details"},react_1.default.createElement(styled_1.Item,null,react_1.default.createElement(styled_1.Label,null,"Security Scheme Type"),react_1.default.createElement(styled_1.Title,null,constants_1.AUTH_TYPES[e.type]||e.type)),e.apiKey?react_1.default.createElement(styled_1.Item,null,react_1.default.createElement(styled_1.Label,null,(0,utils_1.titleize)(e.apiKey.in||"")," parameter name"),react_1.default.createElement(styled_1.Title,null,e.apiKey.name)):e.http?[react_1.default.createElement(styled_1.Item,{key:"scheme"},react_1.default.createElement(styled_1.Label,null,"HTTP Authorization Scheme"),react_1.default.createElement(styled_1.Title,null,e.http.scheme)),"bearer"===e.http.scheme&&e.http.bearerFormat&&react_1.default.createElement(styled_1.Item,{key:"bearer"},react_1.default.createElement(styled_1.Label,null,"Bearer format"),react_1.default.createElement(styled_1.Title,null,'"',e.http.bearerFormat,'"'))]:e.openId?react_1.default.createElement(styled_1.Item,null,react_1.default.createElement(styled_1.Label,null,"Connect URL"),react_1.default.createElement(styled_1.Title,null,react_1.default.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:e.openId.connectUrl},e.openId.connectUrl))):e.flows?Object.keys(e.flows).map((t=>react_1.default.createElement(SecuritySchemes_1.OAuthFlow,{key:t,type:t,flow:e.flows[t]}))):null))))))}exports.SecurityDefs=SecurityDefs;const Description=(0,styled_components_1.default)((e=>react_1.default.createElement(Markdown_1.Markdown,Object.assign({},e))))`
+  margin-bottom: 1em;
+`;
+//# sourceMappingURL=SecurityDefs.js.map

package/lib/components/SecurityRequirement/SecurityRequirement.d.ts

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

package/lib/components/SecurityRequirement/SecurityRequirement.js

@@ -0,0 +1,24 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityRequirements=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),Markdown_1=require("../Markdown"),SecuritySchemes_1=require("../SecuritySchemes"),PanelDescription_1=require("./PanelDescription"),RequirementElement_1=require("./RequirementElement"),RequiredScopesRow_1=require("./RequiredScopesRow"),styled_1=require("./styled"),constants_1=require("./constants"),utils_1=require("../../utils"),Panel_1=require("../Panel"),store_1=require("../../jotai/store"),useSecurityRequirements_1=require("./useSecurityRequirements");function getRequiredScopes(e,t){const r=[];let a=t.length;for(;a--;){const n=t[a];let l=n.schemes.length;for(;l--;){const t=n.schemes[l];t.id===e&&r.push(...t.scopes)}}return Array.from(new Set(r))}function SecurityRequirementsComponent({securities:e}){const[t,r]=(0,react_1.useState)(!1),{options:{showSecuritySchemeType:a,hideSecuritySection:n},parser:l}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),c=(0,useSecurityRequirements_1.useSecurityRequirements)({parser:l,securities:e});return!e.length||n?null:react_1.default.createElement(Panel_1.ContentPanel,{className:"panel-security-schemas",header:"Security",onToggle:e=>r(e),description:!t&&react_1.default.createElement(PanelDescription_1.PanelDescription,{securities:e,showSecuritySchemeType:a}),expanded:t},t&&c&&c.length>1?react_1.default.createElement(SecurityRequirementBlock,null,e.map(((t,r)=>{let n,l,c="";return e.length>1&&t.schemes.length>1&&(l=0===r?"(":"",c=")"),r!==e.length-1&&(c+=" or",n=react_1.default.createElement("br",null)),react_1.default.createElement(react_1.Fragment,{key:t.schemes.map((({id:e})=>e)).join("")},l,react_1.default.createElement(RequirementElement_1.RequirementElement,{security:t,showSecuritySchemeType:a}),c,n)}))):null,t?c.map((t=>{const r=getRequiredScopes(t.id,e);return react_1.default.createElement(SecurityDetails,{key:t.id},react_1.default.createElement("h5",null,constants_1.AUTH_TYPES[t.type]||t.type,": ",t.id),react_1.default.createElement(Markdown_1.Markdown,{source:t.description||""}),react_1.default.createElement(theme_1.Markdown,{key:t.id},t.apiKey?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.Row,null,react_1.default.createElement("b",null,(0,utils_1.titleize)(t.apiKey.in||"")," parameter name: "),react_1.default.createElement("code",null,t.apiKey.name)),react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})):t.http?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.Row,null,react_1.default.createElement("b",null,"HTTP Authorization Scheme: "),react_1.default.createElement("code",null,t.http.scheme)),react_1.default.createElement(styled_1.Row,null,"bearer"===t.http.scheme&&t.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,t.http.bearerFormat))),react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})):t.openId?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.Row,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:t.openId.connectUrl},t.openId.connectUrl))),react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})):t.flows?Object.keys(t.flows).map((e=>react_1.default.createElement(SecuritySchemes_1.OAuthFlow,{key:e,type:e,flow:t.flows[e]},react_1.default.createElement(RequiredScopesRow_1.RequiredScopesRow,{scopes:r})))):null))})):null)}exports.SecurityRequirements=(0,react_1.memo)(SecurityRequirementsComponent);const SecurityDetails=styled_components_1.default.div`
+  border-bottom: 1px solid var(--border-color-primary);
+  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: var(--font-size-base);
+  }
+  .redoc-markdown p:first-child {
+    display: inline;
+  }
+`,SecurityRequirementBlock=styled_components_1.default.div`
+  margin-bottom: 20px;
+  background-color: var(--schema-nested-background-color);
+  border-radius: var(--border-radius);
+  padding: var(--sidebar-spacing-unit) calc(var(--sidebar-spacing-unit) * 1.2);
+`;
+//# sourceMappingURL=SecurityRequirement.js.map

package/lib/components/SecurityRequirement/constants.d.ts

@@ -0,0 +1,6 @@
+export declare enum AUTH_TYPES {
+    oauth2 = "OAuth2",
+    apiKey = "API Key",
+    http = "HTTP",
+    openIdConnect = "OpenID Connect"
+}

package/lib/components/SecurityRequirement/constants.js

@@ -0,0 +1,2 @@
+"use strict";var AUTH_TYPES;Object.defineProperty(exports,"__esModule",{value:!0}),exports.AUTH_TYPES=void 0,function(e){e.oauth2="OAuth2",e.apiKey="API Key",e.http="HTTP",e.openIdConnect="OpenID Connect"}(AUTH_TYPES||(exports.AUTH_TYPES=AUTH_TYPES={}));
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1,3 @@
+export { SecurityRequirements } from './SecurityRequirement';
+export { SecurityDefs } from './SecurityDefs';
+export * from './styled';

package/lib/components/SecurityRequirement/index.js

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

package/lib/components/SecurityRequirement/styled.d.ts

@@ -0,0 +1,5 @@
+export declare const Row: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Item: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/SecurityRequirement/styled.js

@@ -0,0 +1,26 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Container=exports.Item=exports.Title=exports.Label=exports.Row=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.Row=styled_components_1.default.div`
+  margin: 0.5em 0;
+`,exports.Label=styled_components_1.default.span`
+  color: var(--text-color-secondary);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--line-height-base);
+  flex: 1;
+`,exports.Title=styled_components_1.default.span`
+  color: var(--text-color-primary);
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--line-height-base);
+  flex: 2;
+  & > a {
+    word-break: break-all;
+  }
+`,exports.Item=styled_components_1.default.div`
+  display: flex;
+  gap: 60px;
+`,exports.Container=styled_components_1.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`;
+//# sourceMappingURL=styled.js.map

package/lib/components/SecurityRequirement/types.d.ts

@@ -0,0 +1,19 @@
+import type { OpenAPIParser } from '../../services';
+import type { SecurityRequirement, SecurityScheme } from '../../models';
+export interface SecurityRequirementsProps {
+    securities: SecurityRequirement[];
+}
+export interface SecurityDefsProps {
+    securitySchemes: SecurityScheme[];
+}
+export interface RequirementElementProps {
+    security: SecurityRequirement;
+    showSecuritySchemeType?: boolean;
+}
+export interface SecurityRequirementPanelDescriptionProps extends SecurityRequirementsProps {
+    showSecuritySchemeType?: boolean;
+}
+export type UseSecurityRequirementsInput = {
+    parser: Partial<OpenAPIParser>;
+    securities: SecurityRequirement[];
+};

package/lib/components/SecurityRequirement/types.js

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

package/lib/components/SecurityRequirement/useSecurityRequirements.d.ts

@@ -0,0 +1,3 @@
+import type { SecurityScheme } from '../../models';
+import type { UseSecurityRequirementsInput } from './types';
+export declare const useSecurityRequirements: ({ parser, securities, }: UseSecurityRequirementsInput) => Array<SecurityScheme>;

package/lib/components/SecurityRequirement/useSecurityRequirements.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSecurityRequirements=void 0;const models_1=require("../../models"),useSecurityRequirements=({parser:e,securities:r})=>{if(!e)return[];const s=(0,models_1.getSecuritySchemes)({parser:e});return null==s?void 0:s.filter((({id:e})=>r.find((r=>r.schemes.find((r=>r.id===e))))))};exports.useSecurityRequirements=useSecurityRequirements;
+//# sourceMappingURL=useSecurityRequirements.js.map

package/lib/components/SecuritySchemes/OAuthFlow.d.ts

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

package/lib/components/SecuritySchemes/OAuthFlow.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var u=Object.getOwnPropertyDescriptor(t,r);u&&!("get"in u?!t.__esModule:u.writable||u.configurable)||(u={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,u)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuthFlow=void 0;const react_1=__importStar(require("react")),Markdown_1=require("../Markdown"),SeeMore_1=require("../SeeMore"),SecurityRequirement_1=require("../SecurityRequirement"),helpers_1=require("./helpers");function OAuthFlowComponent({type:e,flow:t,children:r}){const l=Object.keys((null==t?void 0:t.scopes)||{});return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(SecurityRequirement_1.Item,null,react_1.default.createElement(SecurityRequirement_1.Label,null,"Flow type "),react_1.default.createElement(SecurityRequirement_1.Title,null,react_1.default.createElement("code",null,e)," ")),(0,helpers_1.hasAuthorizationUrl)(e,t)?react_1.default.createElement(SecurityRequirement_1.Item,null,react_1.default.createElement(SecurityRequirement_1.Label,null,"Authorization URL "),react_1.default.createElement(SecurityRequirement_1.Title,null,react_1.default.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:null==t?void 0:t.authorizationUrl},null==t?void 0:t.authorizationUrl))):null,(0,helpers_1.hasTokenUrl)(e,t)?react_1.default.createElement(SecurityRequirement_1.Item,null,react_1.default.createElement(SecurityRequirement_1.Label,null,"Token URL "),react_1.default.createElement(SecurityRequirement_1.Title,null,react_1.default.createElement("code",null,null==t?void 0:t.tokenUrl))):null,(null==t?void 0:t.refreshUrl)&&react_1.default.createElement(SecurityRequirement_1.Item,null,react_1.default.createElement(SecurityRequirement_1.Label,null,"Refresh URL "),react_1.default.createElement(SecurityRequirement_1.Title,null,react_1.default.createElement("code",null,null==t?void 0:t.refreshUrl))),l.length?react_1.default.createElement(react_1.default.Fragment,null,r,react_1.default.createElement(SecurityRequirement_1.Item,null,react_1.default.createElement(SecurityRequirement_1.Label,null,"Scopes")),react_1.default.createElement(SeeMore_1.SeeMore,{height:"5em"},react_1.default.createElement(SecurityRequirement_1.Container,null,l.map((e=>react_1.default.createElement(SecurityRequirement_1.Item,{key:e},react_1.default.createElement(SecurityRequirement_1.Label,null,react_1.default.createElement("code",null,e)),react_1.default.createElement(SecurityRequirement_1.Title,null,react_1.default.createElement(Markdown_1.Markdown,{source:(null==t?void 0:t.scopes[e])||"",base:!0})))))))):null)}exports.OAuthFlow=(0,react_1.memo)(OAuthFlowComponent);
+//# sourceMappingURL=OAuthFlow.js.map