@redocly/openapi-docs 0.0.0-new-redoc-20240202162301

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

@@ -0,0 +1,145 @@
+import React from"react";import styled from"styled-components";export const CrossIcon=()=>React.createElement("svg",{version:"1.1",viewBox:"0 0 12 12",width:"12",height:"12",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"clear-icon"},React.createElement("path",{d:"M11 1L6 6L11 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("path",{d:"M1 1L6 6L1 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));export const ButtonClose=styled.i.attrs((()=>({className:"button-close"})))`
+  cursor: pointer;
+  position: absolute;
+  right: 15px;
+  color: var(--text-color-secondary);
+`;export const ButtonClear=styled.i.attrs((()=>({className:"button-clear"})))`
+  cursor: pointer;
+  position: absolute;
+`;export const SearchIcon=()=>React.createElement("svg",{version:"1.1",viewBox:"0 0 15 16",width:"15",height:"16",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"search-icon"},React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.5 14C11.0899 14 14 11.0899 14 7.5C14 3.91015 11.0899 1 7.5 1C3.91015 1 1 3.91015 1 7.5C1 11.0899 3.91015 14 7.5 14Z",stroke:"currentColor",strokeWidth:"2"}),React.createElement("path",{d:"M7.5 5C6.11929 5 5 6.11929 5 7.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),React.createElement("path",{d:"M1 15L3 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));export const SearchFieldWrap=styled.button`
+  cursor: text;
+  margin: 10px 20px 13px;
+  padding: 0 18px 0 3px;
+  border: 0;
+  position: relative;
+  border-bottom: 1px solid var(--sidebar-search-button-border);
+  border-radius: var(--sidebar-search-button-border-radius);
+  background-color: var(--sidebar-search-button-background-color);
+  height: 37px;
+  color: var(--sidebar-search-button-text-color);
+  text-align: left;
+  font-family: var(--sidebar-search-button-font-family);
+  font-size: var(--sidebar-search-button-font-size);
+  font-weight: 600;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 0 0 auto;
+  line-height: var(--sidebar-search-button-line-height);
+
+  &:hover {
+    background-color: var(--sidebar-search-button-hover-background-color);
+    border-bottom: 1px solid var(--sidebar-search-button-hover-border);
+  }
+
+  &.active {
+    background-color: var(--sidebar-search-button-active-background-color);
+    border-bottom: 1px solid var(--sidebar-search-button-active-border);
+  }
+
+  span {
+    display: block;
+    position: absolute;
+    right: 0;
+    width: 18px;
+    height: 37px;
+    background-color: var(--sidebar-background-color);
+    z-index: 2;
+  }
+
+  .search-icon {
+    margin-left: 6px;
+    position: relative;
+    top: 2px;
+    z-index: 1;
+  }
+
+  .button-clear {
+    padding: 3px;
+    right: 0;
+    margin-top: 4px;
+    z-index: 3;
+  }
+`;export const SearchPopUpBG=styled.div.attrs((()=>({className:"search-popup"})))`
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: var(--z-index-raised);
+  background: rgba(0, 0, 0, 0.45);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;export const SearchPopUpWrap=styled.div`
+  width: 100%;
+  max-width: 500px;
+  height: 445px;
+`;export const SearchPopUpHeader=styled.div`
+  background-color: var(--search-modal-header-background-color);
+  border-top-left-radius: var(--search-modal-header-border-radius);
+  border-top-right-radius: var(--search-modal-header-border-radius);
+  height: 45px;
+  display: flex;
+  align-items: center;
+  position: relative;
+
+  .search-icon {
+    position: absolute;
+    left: 15px;
+  }
+
+  .button-clear {
+    right: 45px;
+    font-style: normal;
+    font-weight: 600;
+    font-size: 0.8em;
+    background-color: var(--search-modal-clear-button-background-color);
+    padding: 4px 16px;
+    border-radius: var(--border-radius);
+    border: var(--search-modal-clear-button-border);
+    &:hover {
+      background-color: var(--search-modal-clear-button-hover-background-color);
+      border: var(--search-modal-clear-button-hover-border);
+    }
+  }
+`;export const TextContainer=styled.div`
+  padding: 30px 20px;
+`;export const SearchResultsBox=styled.div`
+  padding: 10px;
+  background-color: var(--search-modal-background);
+  color: var(--search-modal-text-color);
+  border: var(--search-modal-border);
+  box-shadow: var(--search-modal-box-shadow);
+  min-height: 100px;
+  max-height: 400px;
+  border-bottom-left-radius: var(--panel-border-radius);
+  border-bottom-right-radius: var(--panel-border-radius);
+
+  li a {
+    margin-right: 30px;
+    border-radius: var(--border-radius);
+
+    svg {
+      display: none;
+    }
+  }
+`;export const SearchResultsItems=styled.div`
+  max-height: 372px;
+`;export const SearchInput=styled.input.attrs((()=>({className:"search-input"})))`
+  padding: 0 35px;
+  outline: none;
+  border: 0;
+  background-color: transparent;
+  width: 100%;
+  margin-top: 2px;
+`;export const ResultMeta=styled.div`
+  font-size: 0.8em;
+  font-family: var(--code-font-family);
+`;export const Place=styled.span`
+  font-weight: bold;
+`;export const MarkedSpan=styled.span`
+  color: var(--sidebar-item-active-color);
+  background-color: var(--search-highlight-text-color);
+`;
+//# sourceMappingURL=styled.js.map

package/lib-esm/components/Search/types.d.ts

@@ -0,0 +1,42 @@
+import type { SearchResultMeta, IMenuItem, SearchStore, MarkerService, Options, ExtendedMenuItem } from '../../services';
+import type { ContentItemModel } from '../../models';
+export interface MenuItemSearchProps {
+    result: SearchResultExtended;
+    active: boolean;
+    onClick: () => void;
+    term: string;
+}
+export type SearchResultExtended = {
+    index: number;
+    item: IMenuItem & {
+        path: string;
+    };
+    score: number;
+} & Omit<SearchResultMeta, 'menuId' | 'place' | 'path'> & {
+    places: {
+        place: string;
+        paths: Array<string[] | undefined>;
+    }[];
+    count: number;
+};
+export type SearchResult<T = GenericObject | undefined> = {
+    score: number;
+    meta: T;
+};
+export interface SearchBoxProps {
+    search: SearchStore<SearchResultMeta>;
+    flatItems: SearchProps['flatItems'];
+    marker: MarkerService;
+    className?: string;
+    options: Options;
+    shown: boolean;
+    hidePopUp: () => void;
+    showPopUp: () => void;
+    setSearchValue: (value: string) => void;
+    searchValue: string;
+}
+export interface SearchProps {
+    contentItems: ContentItemModel[];
+    flatItems: (ExtendedMenuItem & IMenuItem)[];
+    options: Options;
+}

package/lib-esm/components/Search/types.js

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

package/lib-esm/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-esm/components/Search/utils.js

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

package/lib-esm/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-esm/components/SectionContent/SectionContent.js

@@ -0,0 +1,18 @@
+import React,{useMemo}from"react";import{breakpoints,LayoutVariant,OpenApiHeader}from"@redocly/theme";import{useAtomValue}from"jotai";import styled from"styled-components";import{ContentItem}from"../ContentItem";import{MiddlePanelWrapper}from"../Panel";import{PageFooter}from"../PageFooter";import{globalOptionsAtom}from"../../jotai/store";import{RenderHook}from"../RenderHook";import{RightPanel}from"../RightPanel";import{layoutAtom}from"../../jotai/app";import{SamplesPanel}from"../common";export function SectionContent({items:e,hideFooterAndHeader:t}){const{hooks:{MiddlePanelHeader:o},routingBasePath:a}=useAtomValue(globalOptionsAtom),n=useAtomValue(layoutAtom),r=useMemo((()=>t?null:React.createElement(MiddlePanelWrapper,null,React.createElement(PageFooter,null))),[t]),i=useMemo((()=>t||!OpenApiHeader&&!o?null:React.createElement(MiddlePanelWrapper,null,o?React.createElement(RenderHook,{Hook:o,props:void 0}):React.createElement(OpenApiHeader,null))),[o,t]);return 0===e.length?null:React.createElement(React.Fragment,null,i,React.createElement(Container,null,React.createElement(SectionContainer,{layout:n},e.filter((({type:e})=>["section"].includes(e))).map((e=>React.createElement(ContentItem,{key:e.id,item:e,routingBasePath:a})))),React.createElement(RightPanelContainer,{layout:n},React.createElement(RightPanel,{item:e[0]}))),e.filter((({type:e})=>!["section"].includes(e))).map((e=>React.createElement(ContentItem,{key:e.id,item:e,routingBasePath:a}))),r)}const Container=styled.div`
+  display: flex;
+  width: 100%;
+`,SectionContainer=styled.div`
+  width: 100%;
+
+  @media screen and (min-width: ${breakpoints.medium}) {
+    width: ${({layout:e})=>e===LayoutVariant.STACKED?"100%":"60%"};
+  }
+`,RightPanelContainer=styled(SamplesPanel)`
+  margin: calc(var(--h1-font-size) / 1.5) 0;
+  display: none;
+
+  @media screen and (min-width: ${breakpoints.medium}) {
+    display: ${({layout:e})=>e===LayoutVariant.THREE_PANEL?"block":"none"};
+  }
+`;
+//# sourceMappingURL=SectionContent.js.map

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

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

package/lib-esm/components/SectionContent/index.js

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

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

@@ -0,0 +1,2 @@
+import React,{memo}from"react";import{SamplesMiddlePanel,Row}from"../common";import{Markdown}from"../Markdown";import{ExternalDocumentation}from"../ExternalDocumentation";function SectionItemComponent({item:e}){const{externalDocs:t,ast:n,description:o}=e;return React.createElement(React.Fragment,null,React.createElement(Markdown,{ast:n,source:o,htmlWrap:e=>React.createElement(SamplesMiddlePanel,{compact:!0,fullWidth:!0},e)}),t&&React.createElement(Row,null,React.createElement(SamplesMiddlePanel,{compact:!0,fullWidth:!0},React.createElement(ExternalDocumentation,{externalDocs:t}))))}export const SectionItem=memo(SectionItemComponent);
+//# sourceMappingURL=SectionItem.js.map

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

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

package/lib-esm/components/SectionItem/index.js

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

package/lib-esm/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-esm/components/Security/Divider.js

@@ -0,0 +1,15 @@
+import React from"react";import styled from"styled-components";import{Tag}from"./styled";export function Divider({label:e}){return React.createElement(Wrapper,null,React.createElement(Tag,{className:"tag-grey"},e)," ",React.createElement("hr",null))}const Wrapper=styled.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-esm/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-esm/components/Security/OAuthFlow.js

@@ -0,0 +1,4 @@
+import React,{memo}from"react";import styled from"styled-components";import{Markdown}from"../Markdown";import{SecuritySchemeItem}from"./SecuritySchemeItem";import{StyledLink,Tag}from"./styled";function OAuthFlowComponent({flow:e}){const t=Object.keys((null==e?void 0:e.scopes)||{});return React.createElement(React.Fragment,null,React.createElement(SecuritySchemeItem,{label:"Authorization URL:",value:(null==e?void 0:e.authorizationUrl)&&React.createElement(StyledLink,{target:"_blank",rel:"noopener noreferrer",href:null==e?void 0:e.authorizationUrl},null==e?void 0:e.authorizationUrl)}),React.createElement(SecuritySchemeItem,{label:"Token URL:",value:null==e?void 0:e.tokenUrl}),React.createElement(SecuritySchemeItem,{label:"Refresh URL:",value:null==e?void 0:e.refreshUrl}),t.length&&React.createElement(React.Fragment,null,React.createElement(SecuritySchemeItem,{label:"Scopes",value:" "}),t.map((t=>React.createElement(SecuritySchemeItem,{key:t,label:React.createElement(StyledTag,{className:"tag-grey"},t),value:React.createElement(Markdown,{source:(null==e?void 0:e.scopes[t])||""})})))))}const StyledTag=styled(Tag)`
+  margin-left: var(--spacing-xs);
+`;export const OAuthFlow=memo(OAuthFlowComponent);
+//# sourceMappingURL=OAuthFlow.js.map

package/lib-esm/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-esm/components/Security/Security.js

@@ -0,0 +1,2 @@
+import React,{useState}from"react";import{useAtomValue}from"jotai";import{Portal}from"@redocly/theme";import{globalStoreAtom}from"../../jotai/store";import{SecurityButton}from"./SecurityButton";import{SecurityModal}from"./SecurityModal";export function Security({securities:t}){const{options:{hideSecuritySection:e}}=useAtomValue(globalStoreAtom),[o,r]=useState(!1);return!t.length||e?null:React.createElement(React.Fragment,null,React.createElement(SecurityButton,{securities:t,onClick:()=>r(!0)}),o&&React.createElement(Portal,{mountId:"api-content"},React.createElement(SecurityModal,{securities:t,onClose:()=>r(!1)})))}
+//# sourceMappingURL=Security.js.map

package/lib-esm/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-esm/components/Security/SecurityButton.js

@@ -0,0 +1,27 @@
+import React from"react";import styled from"styled-components";import{SecurityIcon}from"@redocly/theme";import{l}from"../../services";export function SecurityButton({securities:e,onClick:t}){return React.createElement(StyledButton,{onClick:t},React.createElement(SecurityIcon,null),React.createElement(Title,null,l("authorizations"),":"),React.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 ")))}const StyledButton=styled.button`
+  display: flex;
+  align-items: center;
+  align-self: flex-start;
+  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-sm);
+  padding: 0 var(--spacing-xs);
+  border-radius: var(--border-radius-md);
+  margin-top: var(--spacing-base);
+  max-width: 100%;
+`,Title=styled.span`
+  margin: 0 var(--spacing-xxs);
+  font-weight: var(--font-weight-semibold);
+  letter-spacing: 0.5px;
+`,SecurityList=styled.span`
+  flex: 1;
+  cursor: pointer;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+`;
+//# sourceMappingURL=SecurityButton.js.map

package/lib-esm/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-esm/components/Security/SecurityFlow.js

@@ -0,0 +1,20 @@
+import React from"react";import styled from"styled-components";import{SecuritySchemeItem}from"./SecuritySchemeItem";import{titleize}from"../../utils";import{OAuthFlow}from"./OAuthFlow";import{StyledLink,Tag}from"./styled";import{Markdown}from"../Markdown";import{getRequiredScopes}from"./helper";export function SecurityFlow({type:e,bearerFormat:t,name:r,flows:a,openIdConnectUrl:l,description:c,id:n,securities:o,in:i}){if(!e||!n)return null;const m=getRequiredScopes(n,o),s={http:React.createElement(React.Fragment,null,React.createElement(SecuritySchemeItem,{label:"HTTP Authorization Scheme",value:e}),React.createElement(SecuritySchemeItem,{label:"Bearer Format",value:t})),apiKey:React.createElement(SecuritySchemeItem,{label:`${titleize(i||"")} parameter name:`,value:r}),oauth2:React.createElement(React.Fragment,null,React.createElement(SecuritySchemeItem,{label:"Flow type:",value:e}),a&&Object.keys(a).map((e=>React.createElement(OAuthFlow,{flow:a[e],key:e})))),openIdConnect:React.createElement(SecuritySchemeItem,{label:"Connect URL:",value:l&&React.createElement(StyledLink,{target:"_blank",rel:"noopener noreferrer",href:l},l)})};return React.createElement(Wrapper,null,React.createElement(TitleSchema,null,n),React.createElement(Markdown,{source:c}),React.createElement(List,null,s[e]||null,React.createElement(SecuritySchemeItem,{label:"Required scopes",value:m.length&&React.createElement(Row,null,m.map((e=>React.createElement(Tag,{key:e,className:"tag-grey"},e))))})))}const Wrapper=styled.div`
+  background: var(--bg-color-raised);
+  padding: var(--spacing-base);
+  border-radius: var(--border-radius);
+  border: 1px solid var(--border-color-primary);
+  width: 100%;
+  margin-top: var(--spacing-base);
+`,List=styled.div`
+  width: 100%;
+  margin-top: var(--spacing-md);
+`,Row=styled.div`
+  display: flex;
+  gap: var(--spacing-xxs);
+`,TitleSchema=styled.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-esm/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-esm/components/Security/SecurityModal.js

@@ -0,0 +1,54 @@
+import React,{Fragment,useEffect,useState}from"react";import styled from"styled-components";import{Typography,CloseIcon,SecurityIcon,Segmented}from"@redocly/theme";import{l}from"../../services";import{SecurityFlow}from"./SecurityFlow";import{Divider}from"./Divider";export function SecurityModal({securities:e,onClose:t}){const[o,a]=useState(0),{schemes:r}=e[o]||{};useEffect((()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"})),[]);const i=e.map((({schemes:e},t)=>({label:e.map((({id:e})=>e)).join(" and "),value:t})));return React.createElement(StyledBackground,null,React.createElement(Wrapper,null,React.createElement(Close,{onClick:t,"data-cy":"close"},React.createElement(CloseIcon,null)),React.createElement(Title,null,React.createElement(SecurityIcon,{size:"24px"}),l("authorizations")),React.createElement(Segmented,{value:o,onChange:({value:e})=>a(e),options:i}),r.map(((t,o)=>React.createElement(Fragment,{key:t.id},React.createElement(SecurityFlow,Object.assign({},t,{securities:e})),o!==r.length-1&&React.createElement(Divider,{label:"and"}))))))}const Wrapper=styled.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.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.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=styled(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-esm/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-esm/components/Security/SecuritySchemeItem.js

@@ -0,0 +1,19 @@
+import React from"react";import styled from"styled-components";export function SecuritySchemeItem({label:e,value:t}){return e&&t?React.createElement(Row,null,React.createElement(Label,null,e),React.createElement(Value,null,t)):null}const Row=styled.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.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.div`
+  width: calc(100% - 296px);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`;
+//# sourceMappingURL=SecuritySchemeItem.js.map

package/lib-esm/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-esm/components/Security/helper.js

@@ -0,0 +1,2 @@
+export function getRequiredScopes(e,r){const o=new Set;return r.forEach((({schemes:r})=>{r.forEach((({id:r,scopes:c})=>{r===e&&c.forEach((e=>o.add(e)))}))})),Array.from(o)}
+//# sourceMappingURL=helper.js.map

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

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

package/lib-esm/components/Security/index.js

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

package/lib-esm/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-esm/components/Security/styled.js

@@ -0,0 +1,13 @@
+import styled from"styled-components";export const Tag=styled.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);
+`;export const StyledLink=styled.a`
+  color: var(--link-color-primary);
+  text-decoration: none;
+  word-wrap: break-word;
+`;
+//# sourceMappingURL=styled.js.map

package/lib-esm/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-esm/components/SecurityRequirement/PanelDescription.js

@@ -0,0 +1,4 @@
+import React,{useLayoutEffect,Fragment,useRef,useState}from"react";import styled from"styled-components";import{AUTH_TYPES}from"./constants";export function PanelDescription({securities:e,showSecuritySchemeType:t}){const n=useRef(null),[s,r]=useState("");return useLayoutEffect((()=>{var e;r((null===(e=n.current)||void 0===e?void 0:e.innerText)||"")}),[n]),React.createElement(StyledDescription,{ref:n,title:s},e.map(((n,s)=>{let r="",c="";const l=n.schemes.length;return e.length>1&&l>1&&(r=0===s?"(":"",c=")"),s!==e.length-1&&(c+=" or "),React.createElement(Fragment,{key:n.schemes.map((({id:e})=>e)).join("")},r,l?n.schemes.map((e=>React.createElement(StyledRequirementElement,{key:e.id},t?`${AUTH_TYPES[e.type]||e.type}: `:null,e.id))).reduce(((e,t)=>[e," and ",t])):null,c)})))}const StyledDescription=styled.span`
+  font-size: var(--font-size-base);
+`,StyledRequirementElement=styled.span``;
+//# sourceMappingURL=PanelDescription.js.map

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

@@ -0,0 +1,2 @@
+import React,{Fragment}from"react";import{Row}from"./styled";export function RequiredScopesRow({scopes:e}){return e.length?React.createElement(Row,null,React.createElement("b",null,"Required scopes: "),e.map((e=>React.createElement(Fragment,{key:e},React.createElement("code",null,e)," ")))):null}
+//# sourceMappingURL=RequiredScopesRow.js.map

package/lib-esm/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-esm/components/SecurityRequirement/RequirementElement.js

@@ -0,0 +1,24 @@
+import React from"react";import styled from"styled-components";import{linksCss}from"@redocly/theme";import{AUTH_TYPES}from"./constants";import{Link}from"../common";export function RequirementElement({showSecuritySchemeType:e,security:t}){return React.createElement(SecurityRequirementOrWrap,null,t.schemes.map((t=>{const r=t.scopes.length>0;return React.createElement(SecurityRequirementAndWrap,{key:t.id},e?`${AUTH_TYPES[t.type]||t.type}: `:null,React.createElement(Link,{to:t.id,security:!0,"aria-label":`link to ${t.id}`},React.createElement("b",null,t.id)),r?["(",t.scopes.map((e=>React.createElement(ScopeName,{key:e},e))).reduce(((e,t)=>[e,", ",t])),")"]:null)})))}const SecurityRequirementAndWrap=styled.span`
+  &:after {
+    content: ' and ';
+    font-weight: normal;
+  }
+
+  &:last-child:after {
+    content: none;
+  }
+
+  ${linksCss};
+`,SecurityRequirementOrWrap=styled.span`
+  ${linksCss};
+`,ScopeName=styled.code`
+  border: 1px solid 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-esm/components/SecurityRequirement/SecurityDefs.d.ts

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

package/lib-esm/components/SecurityRequirement/SecurityDefs.js

@@ -0,0 +1,4 @@
+import React from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{H4,MarkdownWrapper}from"@redocly/theme";import{Markdown}from"../Markdown";import{OAuthFlow}from"../SecuritySchemes";import{AUTH_TYPES}from"./constants";import{Section,ShareLink}from"../common";import{titleize}from"../../utils";import{globalStoreAtom}from"../../jotai/store";import{getSecuritySchemes}from"../../models";import{Label,Title,Item,Container}from"./styled";export function SecurityDefs(){const{parser:e}=useAtomValue(globalStoreAtom),t=getSecuritySchemes({parser:e});return React.createElement(React.Fragment,null,null==t?void 0:t.map((e=>React.createElement(Section,{id:e.sectionId,sectionId:e.sectionId,key:e.id},React.createElement(H4,null,React.createElement(ShareLink,{to:`#${e.sectionId}`,"aria-label":`link to ${e.id}`}),e.id),React.createElement(Description,{source:e.description||""}),React.createElement(MarkdownWrapper,null,React.createElement(Container,{className:"security-details"},React.createElement(Item,null,React.createElement(Label,null,"Security Scheme Type"),React.createElement(Title,null,AUTH_TYPES[e.type]||e.type)),e.apiKey?React.createElement(Item,null,React.createElement(Label,null,titleize(e.apiKey.in||"")," parameter name"),React.createElement(Title,null,e.apiKey.name)):e.http?[React.createElement(Item,{key:"scheme"},React.createElement(Label,null,"HTTP Authorization Scheme"),React.createElement(Title,null,e.http.scheme)),"bearer"===e.http.scheme&&e.http.bearerFormat&&React.createElement(Item,{key:"bearer"},React.createElement(Label,null,"Bearer format"),React.createElement(Title,null,'"',e.http.bearerFormat,'"'))]:e.openId?React.createElement(Item,null,React.createElement(Label,null,"Connect URL"),React.createElement(Title,null,React.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:e.openId.connectUrl},e.openId.connectUrl))):e.flows?Object.keys(e.flows).map((t=>React.createElement(OAuthFlow,{key:t,type:t,flow:e.flows[t]}))):null))))))}const Description=styled((e=>React.createElement(Markdown,Object.assign({},e))))`
+  margin-bottom: 1em;
+`;
+//# sourceMappingURL=SecurityDefs.js.map

package/lib-esm/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-esm/components/SecurityRequirement/SecurityRequirement.js

@@ -0,0 +1,24 @@
+import React,{Fragment,memo,useState}from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{MarkdownWrapper}from"@redocly/theme";import{Markdown}from"../Markdown";import{OAuthFlow}from"../SecuritySchemes";import{PanelDescription}from"./PanelDescription";import{RequirementElement}from"./RequirementElement";import{RequiredScopesRow}from"./RequiredScopesRow";import{LockIcon}from"../icons";import{Row}from"./styled";import{AUTH_TYPES}from"./constants";import{l}from"../../services";import{titleize}from"../../utils";import{ContentPanel}from"../Panel";import{globalStoreAtom}from"../../jotai/store";import{useSecurityRequirements}from"./useSecurityRequirements";function getRequiredScopes(e,t){const r=[];let o=t.length;for(;o--;){const n=t[o];let c=n.schemes.length;for(;c--;){const t=n.schemes[c];t.id===e&&r.push(...t.scopes)}}return Array.from(new Set(r))}function SecurityRequirementsComponent({securities:e}){const[t,r]=useState(!1),{options:{showSecuritySchemeType:o,hideSecuritySection:n},parser:c}=useAtomValue(globalStoreAtom),a=useSecurityRequirements({parser:c,securities:e});return!e.length||n?null:React.createElement(ContentPanel,{className:"panel-security-schemas",header:l("authorizations"),onToggle:e=>r(e),description:!t&&React.createElement(PanelDescription,{securities:e,showSecuritySchemeType:o}),expanded:t},t&&a&&a.length>1?React.createElement(SecurityRequirementBlock,null,e.map(((t,r)=>{let n,c,a="";return e.length>1&&t.schemes.length>1&&(c=0===r?"(":"",a=")"),r!==e.length-1&&(a+=" or",n=React.createElement("br",null)),React.createElement(Fragment,{key:t.schemes.map((({id:e})=>e)).join("")},c,React.createElement(RequirementElement,{security:t,showSecuritySchemeType:o}),a,n)}))):null,t?a.map((t=>{const r=getRequiredScopes(t.id,e);return React.createElement(SecurityDetails,{key:t.id},React.createElement("h5",null,React.createElement(LockIcon,{size:"11px",style:{verticalAlign:"baseline"},color:"--panel-body-text-color"})," ",AUTH_TYPES[t.type]||t.type,": ",t.id),React.createElement(Markdown,{source:t.description||""}),React.createElement(MarkdownWrapper,{key:t.id},t.apiKey?React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement("b",null,titleize(t.apiKey.in||"")," parameter name: "),React.createElement("code",null,t.apiKey.name)),React.createElement(RequiredScopesRow,{scopes:r})):t.http?React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement("b",null,"HTTP Authorization Scheme: "),React.createElement("code",null,t.http.scheme)),React.createElement(Row,null,"bearer"===t.http.scheme&&t.http.bearerFormat&&React.createElement(React.Fragment,null,React.createElement("b",null,"Bearer format: "),React.createElement("code",null,t.http.bearerFormat))),React.createElement(RequiredScopesRow,{scopes:r})):t.openId?React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement("b",null,"Connect URL: "),React.createElement("code",null,React.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:t.openId.connectUrl},t.openId.connectUrl))),React.createElement(RequiredScopesRow,{scopes:r})):t.flows?Object.keys(t.flows).map((e=>React.createElement(OAuthFlow,{key:e,type:e,flow:t.flows[e]},React.createElement(RequiredScopesRow,{scopes:r})))):null))})):null)}export const SecurityRequirements=memo(SecurityRequirementsComponent);const SecurityDetails=styled.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.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