@redocly/openapi-docs 0.0.0-react18-20231120182601

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { SecurityRequirementPanelDescriptionProps } from './types';
+export declare function PanelDescription({ securities, showSecuritySchemeType, }: SecurityRequirementPanelDescriptionProps): JSX.Element;

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 @@
+/// <reference types="react" />
+export declare function RequiredScopesRow({ scopes }: {
+    scopes: string[];
+}): JSX.Element | 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 @@
+/// <reference types="react" />
+import type { RequirementElementProps } from './types';
+export declare function RequirementElement({ showSecuritySchemeType, security, }: RequirementElementProps): JSX.Element;

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},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-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 @@
+/// <reference types="react" />
+export declare function SecurityDefs(): JSX.Element;

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{H2,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{Pagination}from"../../services";export function SecurityDefs(){const{parser:e,options:t}=useAtomValue(globalStoreAtom),r=getSecuritySchemes({parser:e}),a=t.pagination===Pagination.Item?"section/":"";return React.createElement(React.Fragment,null,null==r?void 0:r.map((e=>React.createElement(Section,{id:a+e.sectionId,sectionId:e.sectionId,key:e.id},React.createElement(H2,null,React.createElement(ShareLink,{to:`#${a}${e.sectionId}`}),e.id),React.createElement(Description,{source:e.description||""}),React.createElement(MarkdownWrapper,null,React.createElement("div",{className:"security-details"},React.createElement("div",null,React.createElement("b",null,"Security Scheme Type: "),React.createElement("span",null,AUTH_TYPES[e.type]||e.type)),e.apiKey?React.createElement("div",null,React.createElement("b",null,titleize(e.apiKey.in||"")," parameter name: "),React.createElement("span",null,e.apiKey.name)):e.http?[React.createElement("div",{key:"scheme"},React.createElement("b",null,"HTTP Authorization Scheme "),React.createElement("span",null,e.http.scheme)),"bearer"===e.http.scheme&&e.http.bearerFormat&&React.createElement("div",{key:"bearer"},React.createElement("b",null,"Bearer format: "),React.createElement("span",null,'"',e.http.bearerFormat,'"'))]:e.openId?React.createElement("div",null,React.createElement("b",null,"Connect URL:"),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-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

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

@@ -0,0 +1,2 @@
+export var AUTH_TYPES;!function(n){n.oauth2="OAuth2",n.apiKey="API Key",n.http="HTTP",n.openIdConnect="OpenID Connect"}(AUTH_TYPES||(AUTH_TYPES={}));
+//# sourceMappingURL=constants.js.map

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

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

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

@@ -0,0 +1,2 @@
+export{SecurityRequirements}from"./SecurityRequirement";export{SecurityDefs}from"./SecurityDefs";export*from"./styled";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,4 @@
+import styled from"styled-components";export const Row=styled.div`
+  margin: 0.5em 0;
+`;
+//# sourceMappingURL=styled.js.map

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

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

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

@@ -0,0 +1,2 @@
+import{getSecuritySchemes}from"../../models";export const useSecurityRequirements=({parser:e,securities:r})=>{if(!e)return[];const i=getSecuritySchemes({parser:e});return null==i?void 0:i.filter((({id:e})=>r.find((r=>r.schemes.find((r=>r.id===e))))))};
+//# sourceMappingURL=useSecurityRequirements.js.map

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

@@ -0,0 +1,2 @@
+import React,{memo}from"react";import{Markdown}from"../Markdown";import{SeeMore}from"../SeeMore";import{Row}from"../SecurityRequirement";import{hasAuthorizationUrl,hasTokenUrl}from"./helpers";function OAuthFlowComponent({type:e,flow:t,children:l}){const n=Object.keys((null==t?void 0:t.scopes)||{});return React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement("b",null,"Flow type: "),React.createElement("code",null,e)," "),hasAuthorizationUrl(e,t)?React.createElement(Row,null,React.createElement("b",null,"Authorization URL: "),React.createElement("code",null,React.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:null==t?void 0:t.authorizationUrl},null==t?void 0:t.authorizationUrl))):null,hasTokenUrl(e,t)?React.createElement(Row,null,React.createElement("b",null,"Token URL: "),React.createElement("code",null,null==t?void 0:t.tokenUrl)):null,(null==t?void 0:t.refreshUrl)&&React.createElement(Row,null,React.createElement("b",null,"Refresh URL: "),React.createElement("code",null,null==t?void 0:t.refreshUrl)),n.length?React.createElement(React.Fragment,null,l,React.createElement(Row,null,React.createElement("b",null,"Scopes:")),React.createElement(SeeMore,{height:"4em"},React.createElement("ul",null,n.map((e=>React.createElement("li",{key:e},React.createElement("code",null,e)," - ",React.createElement(Markdown,{source:(null==t?void 0:t.scopes[e])||""}))))))):null)}export const OAuthFlow=memo(OAuthFlowComponent);
+//# sourceMappingURL=OAuthFlow.js.map

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

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

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

@@ -0,0 +1,2 @@
+export type { OAuthFlowProps } from './types';
+export { OAuthFlow } from './OAuthFlow';

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

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

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

@@ -0,0 +1,5 @@
+import type { OpenAPISecurityScheme } from '../../types';
+export interface OAuthFlowProps {
+    type: string;
+    flow: OpenAPISecurityScheme['flows'][keyof OpenAPISecurityScheme['flows']];
+}

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

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

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

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

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

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

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

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

package/lib-esm/components/SideMenu/Actions.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Actions: () => React.JSX.Element;

package/lib-esm/components/SideMenu/Actions.js

@@ -0,0 +1,5 @@
+import React from"react";import{useAtom,useAtomValue}from"jotai";import{SidebarActions,LayoutVariant}from"@redocly/theme";import styled from"styled-components";import{collapsedSidebarAtom,layoutAtom,showRightPanelToggleAtom}from"../../jotai/app";import{globalOptionsAtom}from"../../jotai/store";export const Actions=()=>{const{showChangeLayoutButton:t,showRightPanelToggle:o}=useAtomValue(globalOptionsAtom),[e,a]=useAtom(layoutAtom),[i,l]=useAtom(showRightPanelToggleAtom),[n,r]=useAtom(collapsedSidebarAtom);return React.createElement(React.Fragment,null,React.createElement(Wrapper,null,React.createElement(SidebarActions,{showChangeLayoutButton:t,showRightPanelToggle:i,layout:e,initialShowRightPanelToggle:o,onChangeRightPanelViewClick:()=>l(!i),onChangeViewClick:()=>a(e===LayoutVariant.STACKED?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED),collapsedSidebar:n,onChangeCollapseSidebarClick:()=>r(!n),isOpenapiDocs:!0})))};const Wrapper=styled.div`
+  position: sticky;
+  top: calc(100vh);
+`;
+//# sourceMappingURL=Actions.js.map

package/lib-esm/components/SideMenu/MenuItem.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { ExtendedMenuItem } from './types';
+import type { IMenuItem } from '../../services';
+import { Pagination } from '../../services';
+interface MenuItemProps {
+    active?: boolean;
+    item: ExtendedMenuItem;
+    pagination?: Pagination;
+    onClick?: () => void;
+}
+export declare const MenuItem: React.NamedExoticComponent<React.PropsWithChildren<MenuItemProps>>;
+export declare function getLink(item: IMenuItem, pagination?: Pagination): string;
+export {};

package/lib-esm/components/SideMenu/MenuItem.js

@@ -0,0 +1,2 @@
+import React,{memo,useCallback}from"react";import{Tag}from"@redocly/theme";import{Pagination}from"../../services";import{MenuItemLi,MenuItemTitle}from"./styled";import{MenuItems}from"./MenuItems";import{MenuItemLink}from"./MenuItemLink";import{MenuOperationItemContent}from"./MenuOperationItemContent";import{ShelfIcon}from"../icons";import{encodeBackSlashes}from"../../utils";import{useMenuItemExpanded}from"./hooks";function MenuItemComponent({item:e,children:t,onClick:n,pagination:m}){var o;const[i,a]=useMenuItemExpanded(e),r=getLink(e,m),c=useCallback((()=>{r&&e.hasActiveSubItem||a(!i)}),[r,e.hasActiveSubItem,a,i]),l=(null===(o=e.items)||void 0===o?void 0:o.length)>0;return React.createElement(MenuItemLi,{depth:e.depth,"data-item-id":e.id,onClick:n},"operation"===e.type?React.createElement(MenuOperationItemContent,{item:e,to:r,active:e.active},t):React.createElement(MenuItemLink,{to:r,depth:e.depth,type:e.type,hasChildren:l,active:e.active,onClick:c},e.depth>0&&l&&React.createElement(ShelfIcon,{direction:i?"down":"right"})||null,e.isSchema?React.createElement(Tag,{color:"schema"},"schema"):null,React.createElement(MenuItemTitle,{title:e.name},e.name,t)),l&&React.createElement(MenuItems,{expanded:i,items:e.items}))}export const MenuItem=memo(MenuItemComponent);export function getLink(e,t){return"tag"!==e.type||e.description||t!==Pagination.Item?encodeBackSlashes(e.href):""}
+//# sourceMappingURL=MenuItem.js.map

package/lib-esm/components/SideMenu/MenuItemEternalLink.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ExternalLink } from '../../services';
+export declare const MenuExternalLink: React.NamedExoticComponent<React.PropsWithChildren<{
+    link: ExternalLink;
+}>>;

package/lib-esm/components/SideMenu/MenuItemEternalLink.js

@@ -0,0 +1,2 @@
+import React,{memo}from"react";import{StyledMenuItemLink,MenuItemLi,MenuItemLabel,MenuItemTitle,SeparatorLine}from"./styled";function isSeparator(e){return null!=e.separator||!!e.separatorLine&&!e.link}const MenuItemExternalLink=StyledMenuItemLink.withComponent("a");function MenuExternalLinkComponent({link:e}){return React.createElement(React.Fragment,null,isSeparator(e)?e.separator?React.createElement(MenuItemLabel,{depth:0,active:!1},e.separator):null:React.createElement(MenuItemLi,{depth:1},React.createElement(MenuItemExternalLink,{href:e.link,target:e.target,depth:1},React.createElement(MenuItemTitle,{title:e.label},e.label))),e.separatorLine?React.createElement(SeparatorLine,null):null)}export const MenuExternalLink=memo(MenuExternalLinkComponent);
+//# sourceMappingURL=MenuItemEternalLink.js.map

package/lib-esm/components/SideMenu/MenuItemLink.d.ts

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

package/lib-esm/components/SideMenu/MenuItemLink.js

@@ -0,0 +1,2 @@
+import React,{memo}from"react";import{StyledMenuItemLink,MenuItemLabel}from"./styled";function MenuItemLinkComponent({href:e,children:t,to:n,hasChildren:m,deprecated:r,depth:c,active:i,type:o,onClick:a}){return n?React.createElement(StyledMenuItemLink,{$active:i,$hasChildren:m,type:o,deprecated:r,depth:c,to:n,onClick:a},t):React.createElement(MenuItemLabel,{type:o,active:i,deprecated:r,depth:c,href:e,$hasChildren:m,onClick:a},t)}export const MenuItemLink=memo(MenuItemLinkComponent);
+//# sourceMappingURL=MenuItemLink.js.map

package/lib-esm/components/SideMenu/MenuItems.d.ts

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

package/lib-esm/components/SideMenu/MenuItems.js

@@ -0,0 +1,2 @@
+import React,{memo}from"react";import{useAtomValue}from"jotai";import{MenuItem}from"./MenuItem";import{MenuItemUl}from"./styled";import{MenuExternalLink}from"./MenuItemEternalLink";import{globalOptionsAtom}from"../../jotai/store";import{Pagination}from"../../services";import{isRootItem}from"../ContentItems/helpers";function MenuItemsComponents({items:e,root:t,className:n,linksBefore:o=[],linksAfter:m=[],expanded:i=!0,style:a}){const{pagination:r,hideInfoSection:s}=useAtomValue(globalOptionsAtom);return React.createElement(MenuItemUl,{className:n,style:a,expanded:i,role:t?"navigation":void 0},o.map((e=>React.createElement(MenuExternalLink,{key:JSON.stringify(e),link:e}))),e.map((e=>s&&r===Pagination.None&&isRootItem(e)?null:React.createElement(MenuItem,{key:e.id,item:e,pagination:r}))),m.map((e=>React.createElement(MenuExternalLink,{key:JSON.stringify(e),link:e}))))}export const MenuItems=memo(MenuItemsComponents);
+//# sourceMappingURL=MenuItems.js.map

package/lib-esm/components/SideMenu/MenuOperationItemContent.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { OperationMenuItem } from '../../models';
+interface MenuOperationItemContentProps {
+    item: OperationMenuItem;
+    to: string;
+    active: boolean;
+}
+export declare const MenuOperationItemContent: React.NamedExoticComponent<React.PropsWithChildren<MenuOperationItemContentProps>>;
+export {};

package/lib-esm/components/SideMenu/MenuOperationItemContent.js

@@ -0,0 +1,8 @@
+import React,{memo}from"react";import{HttpTag}from"@redocly/theme";import styled from"styled-components";import{useAtomValue}from"jotai";import{MenuItemPath,MenuItemTitle}from"./styled";import{MenuItemLink}from"./MenuItemLink";import{SideNavStyle,l}from"../../services";import{shortenHTTPVerb}from"../../utils";import{globalOptionsAtom}from"../../jotai/store";const MenuItemOperationLink=styled(MenuItemLink)`
+  flex-wrap: wrap;
+`,MenuItemDescription=styled.small`
+  display: block;
+  font-size: 0.87em;
+  line-height: 1.2;
+`;function MenuOperationItemContentComponent({item:e,to:t,children:o,active:n}){let r,m;const{sideNavStyle:a,showWebhookVerb:i}=useAtomValue(globalOptionsAtom);return a!==SideNavStyle.PathFirst&&!e.search||"operation"!==e.type?(r=a===SideNavStyle.IdOnly?e.operationId||e.path:e.name,m=null):(r=React.createElement(MenuItemPath,{title:e.path}," ",e.path," "),m=React.createElement(MenuItemDescription,null," ",e.name," ")),React.createElement(MenuItemOperationLink,{depth:e.depth,deprecated:e.deprecated,to:t,active:n},e.isWebhook?React.createElement(HttpTag,{color:"hook"},i?e.httpVerb:l("webhook")):React.createElement(HttpTag,{color:e.httpVerb},shortenHTTPVerb(e.httpVerb)),React.createElement(MenuItemTitle,{width:"calc(100% - 42px)"},r,o),m)}export const MenuOperationItemContent=memo(MenuOperationItemContentComponent);
+//# sourceMappingURL=MenuOperationItemContent.js.map

package/lib-esm/components/SideMenu/SideMenu.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtendedMenuItem, IMenuItem } from '../../services';
+interface SideMenuProps {
+    items: (ExtendedMenuItem & IMenuItem)[];
+    className?: string;
+}
+export declare const SideMenu: React.NamedExoticComponent<SideMenuProps>;
+export {};

package/lib-esm/components/SideMenu/SideMenu.js

@@ -0,0 +1,2 @@
+import React,{memo,useRef}from"react";import{useAtomValue}from"jotai";import{RedocAttribution}from"./styled";import{MenuItems}from"./MenuItems";import{PerfectScrollbarWrap}from"../common";import{globalOptionsAtom}from"../../jotai/store";import{useMenuItems}from"./hooks";const SideMenuComponent=({items:e,className:t})=>{const{sidebarLinks:o,whiteLabel:r,pagination:n}=useAtomValue(globalOptionsAtom),m=useRef(),a=useMenuItems({items:e,pagination:n});return React.createElement(PerfectScrollbarWrap,{updateFn:e=>{m.current=e},className:t,options:{wheelPropagation:!1}},React.createElement(MenuItems,{items:a,root:!0,linksBefore:null==o?void 0:o.beforeInfo,linksAfter:null==o?void 0:o.end}),r&&React.createElement(RedocAttribution,null,React.createElement("a",{href:"https://redoc.ly",target:"_blank",rel:"noreferrer"},"Powered by Redocly")))};export const SideMenu=memo(SideMenuComponent);
+//# sourceMappingURL=SideMenu.js.map

package/lib-esm/components/SideMenu/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useMenuItems } from './useMenuItems';
+export { useMenuItemExpanded } from './useMenuItemExpanded';

package/lib-esm/components/SideMenu/hooks/index.js

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

package/lib-esm/components/SideMenu/hooks/useMenuItemExpanded.d.ts

@@ -0,0 +1,3 @@
+import type { Dispatch, SetStateAction } from 'react';
+import type { ExtendedMenuItem } from '../types';
+export declare function useMenuItemExpanded({ active, hasActiveSubItem, type, }: ExtendedMenuItem): [boolean, Dispatch<SetStateAction<boolean>>];

package/lib-esm/components/SideMenu/hooks/useMenuItemExpanded.js

@@ -0,0 +1,2 @@
+import{useEffect,useState}from"react";export function useMenuItemExpanded({active:e,hasActiveSubItem:t,type:n}){const[u,s]=useState(isItemExpanded(e,t,n));return useEffect((()=>{s(isItemExpanded(e,t,n))}),[e,t,n]),[u,s]}function isItemExpanded(e,t,n){return e||t||"group"===n}
+//# sourceMappingURL=useMenuItemExpanded.js.map

package/lib-esm/components/SideMenu/hooks/useMenuItems.d.ts

@@ -0,0 +1,9 @@
+import type { IMenuItem } from '../../../services';
+import type { ExtendedMenuItem } from '../types';
+import { Pagination } from '../../../services';
+type UseMenuItemsInput = {
+    items: IMenuItem[];
+    pagination: Pagination;
+};
+export declare function useMenuItems({ items, pagination }: UseMenuItemsInput): ExtendedMenuItem[];
+export {};

package/lib-esm/components/SideMenu/hooks/useMenuItems.js

@@ -0,0 +1,2 @@
+import{useActiveSectionId}from"@redocly/theme";import{useMemo}from"react";import{useLocation}from"react-router-dom";import{Pagination}from"../../../services";import{normalizeHashPath,pathMatchedLink}from"../../../utils";export function useMenuItems({items:e,pagination:t}){const i=useLocation(),m=useActiveSectionId(i,!1,!1);return useMemo((()=>mapAndSetActiveItems(e,m,i,t)),[m,e,i,t])}function mapAndSetActiveItems(e,t="",i,m){return e.map((e=>{const n=isItemActive(e,t,i),o=isSubItemActive(e,t,i);return m===Pagination.Item&&(e.href=normalizeHashPath(e.href)),Object.assign(Object.assign({},e),{items:mapAndSetActiveItems(e.items||[],t,i,m),active:n&&!o,hasActiveSubItem:o})})).filter(Boolean)}function isItemActive(e,t="",i){return!!e.href&&(t?e.id===t:pathMatchedLink(i,e.href))}function isSubItemActive(e,t="",i){return(e.items||[]).some((e=>isItemActive(e,t,i)||isSubItemActive(e,t,i)))}
+//# sourceMappingURL=useMenuItems.js.map

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

@@ -0,0 +1,4 @@
+export { MenuItem } from './MenuItem';
+export { MenuItems } from './MenuItems';
+export { SideMenu } from './SideMenu';
+export * from './styled';

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

@@ -0,0 +1,2 @@
+export{MenuItem}from"./MenuItem";export{MenuItems}from"./MenuItems";export{SideMenu}from"./SideMenu";export*from"./styled";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/SideMenu/styled.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export declare const MenuItemUl: import("styled-components").StyledComponent<"ul", any, {
+    expanded: boolean;
+}, never>;
+export declare const MenuItemLi: import("styled-components").StyledComponent<"li", any, {
+    depth: number;
+}, never>;
+export declare const StyledMenuItemLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, any, {
+    role: "menuitem";
+    className: `-depth${number} ` | `-depth${number} active`;
+    'data-cy': string;
+} & Omit<import("./types").MenuItemLinkProps, "active" | "hasChildren"> & {
+    $active: boolean;
+    $hasChildren: boolean | undefined;
+}, "className" | "role" | "data-cy">;
+export declare const MenuItemLabel: import("styled-components").StyledComponent<any, any, {
+    role: "menuitem";
+    className: `-depth${number} ` | `-depth${number} active`;
+    'data-cy': string;
+} & Omit<import("./types").MenuItemLinkProps, "active" | "hasChildren"> & {
+    $active: boolean;
+    $hasChildren: boolean | undefined;
+} & object, string | number | symbol>;
+export declare const MenuItemTitle: import("styled-components").StyledComponent<"span", any, {
+    width?: string | undefined;
+}, never>;
+export declare const RedocAttribution: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MenuItemPath: import("styled-components").StyledComponent<"code", any, {}, never>;
+export declare const SeparatorLine: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -0,0 +1,97 @@
+import styled from"styled-components";import{Link}from"react-router-dom";import{ShelfIcon}from"../icons";import{deprecatedCss}from"../common";export const MenuItemUl=styled.ul`
+  margin: 0;
+  padding: 0;
+
+  & & {
+    font-size: 14px;
+  }
+
+  ${e=>e.expanded?"":"display: none;"};
+`;export const MenuItemLi=styled.li`
+  list-style: none inside none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding: 0;
+  ${({depth:e})=>0===e?"margin-top: 10px":""};
+`;export const StyledMenuItemLink=styled(Link).attrs((({depth:e,$active:r,to:i})=>({role:"menuitem",className:`-depth${e} ${r?"active":""}`,"data-cy":i})))`
+  cursor: pointer;
+  position: relative;
+  margin: ${({depth:e})=>`1px 0 1px calc( var(--sidebar-offset-left) + var(--sidebar-item-nested-offset) * ${e>0?e-1:e})`};
+  display: flex;
+  text-decoration: none;
+  line-height: 15px;
+
+  background-color: var(--sidebar-background-color);
+  color: var(--sidebar-item-text-color);
+
+  &.active {
+    background-color: var(--sidebar-item-active-background-color);
+    color: var(--sidebar-item-active-color);
+  }
+
+  align-items: ${({$hasChildren:e})=>e?"center":""};
+
+  font-family: var(--sidebar-item-font-family);
+  font-size: var(--sidebar-item-font-size);
+  font-weight: ${({depth:e})=>`var(${0===e?"--font-weight-bold":"--font-weight-regular"})`};
+
+  border-top-left-radius: var(--sidebar-item-border-radius);
+  border-bottom-left-radius: var(--sidebar-item-border-radius);
+  pointer-events: ${({depth:e})=>0===e?"none":"auto"};
+
+  margin-left: ${({depth:e})=>`calc( var(--sidebar-offset-left) + var(--sidebar-item-offset-nesting) * ${e>0?e-1:e})`};
+
+  padding: var(--sidebar-item-padding-vertical) var(--sidebar-item-padding-horizontal)
+    var(--sidebar-item-padding-vertical)
+    ${({$hasChildren:e,depth:r})=>e&&0!==r?"var(--sidebar-item-padding-horizontal)":"calc(var(--sidebar-item-padding-horizontal) + var(--sidebar-chevron-size) + var(--sidebar-spacing-unit) * 0.5)"};
+
+  ${({deprecated:e})=>e&&deprecatedCss||""};
+
+  &:hover {
+    background-color: var(--sidebar-item-hover-background-color);
+    color: var(--sidebar-item-hover-color);
+    transition: background-color 0.3s, color 0.3s;
+  }
+
+  ${ShelfIcon} {
+    height: var(--sidebar-chevron-size);
+    width: var(--sidebar-chevron-size);
+    fill: var(--sidebar-group-item-chevron-color);
+    margin-right: calc(var(--sidebar-spacing-unit) / 2);
+  }
+`;export const MenuItemLabel=StyledMenuItemLink.withComponent("label");export const MenuItemTitle=styled.span`
+  display: inline-block;
+  vertical-align: middle;
+  width: ${e=>e.width?e.width:"auto"};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 15px;
+`;export const RedocAttribution=styled.div`
+  font-size: 0.8em;
+  margin-top: calc(var(--spacing-unit) * 2);
+  padding: 0 calc(var(--spacing-unit) * 4);
+  text-align: left;
+
+  opacity: 0.7;
+
+  a,
+  a:visited,
+  a:hover {
+    color: var(--sidebar-item-text-color) !important;
+    border-top: 1px solid var(--search-input-border);
+    padding: var(--spacing-unit) 0;
+    display: block;
+  }
+`;export const MenuItemPath=styled.code`
+  line-height: 1.4;
+  display: inline-block;
+  margin-bottom: 5px;
+  word-break: var(--sidebar-word-break);
+`;export const SeparatorLine=styled.span`
+  display: block;
+  width: 100%;
+  height: 1px;
+  background-color: var(--sidebar-separator-item-line-color);
+  margin: var(--sidebar-item-padding-vertical) 0;
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,30 @@
+import type { CSSProperties } from 'react';
+import type { ExternalLink, IMenuItem } from '../../services';
+export interface MenuItemLinkProps {
+    depth: number;
+    active: boolean;
+    deprecated?: boolean;
+    type?: string;
+    hasChildren?: boolean;
+    to: string;
+    href?: string;
+    onClick?: () => void;
+}
+export interface MenuItemsProps {
+    items: ExtendedMenuItem[];
+    expanded?: boolean;
+    style?: CSSProperties;
+    root?: boolean;
+    className?: string;
+    linksBefore?: ExternalLink[];
+    linksAfter?: ExternalLink[];
+}
+export type StyledMenuItemLinkProps = Omit<MenuItemLinkProps, 'active' | 'hasChildren'> & {
+    $active: MenuItemLinkProps['active'];
+    $hasChildren: MenuItemLinkProps['hasChildren'];
+};
+export type ExtendedMenuItem = IMenuItem & {
+    active: boolean;
+    hasActiveSubItem: boolean;
+    items: ExtendedMenuItem[];
+};

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

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

package/lib-esm/components/SourceCodeWithFile/SourceCodeWithFile.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { FileInfo } from '../Download';
+export declare function SourceCodeWithFile({ fileInfo }: FileInfo): JSX.Element;

package/lib-esm/components/SourceCodeWithFile/SourceCodeWithFile.js

@@ -0,0 +1,2 @@
+import React from"react";import{CodeBlockContainer,CodeBlockControls}from"@redocly/theme";import styled from"styled-components";import{DownloadLink}from"../Download";import{FileIcon}from"../icons";export function SourceCodeWithFile({fileInfo:e}){return React.createElement(Wrapper,null,React.createElement(CodeBlockControls,null,React.createElement(DownloadLink,{fileInfo:e})),React.createElement(CodeBlockContainer,null,React.createElement(FileIcon,{color:"--text-secondary"}),null==e?void 0:e.fileName))}const Wrapper=styled.div``;
+//# sourceMappingURL=SourceCodeWithFile.js.map

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

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

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

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