@redocly/openapi-docs 3.0.0-alpha.13 → 3.0.0-alpha.14

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

@@ -1,4 +1,4 @@
-import React from"react";import styled from"styled-components";import{linksCss}from"../Markdown";import{AUTH_TYPES}from"./constants";import{Link}from"../common";export function RequirementElement(e){const{showSecuritySchemeType:t,security:r}=e;return React.createElement(SecurityRequirementOrWrap,null,r.schemes.map((e=>{const r=e.scopes.length>0;return React.createElement(SecurityRequirementAndWrap,{key:e.id},t?`${AUTH_TYPES[e.type]||e.type}: `:null,React.createElement(Link,{to:e.id,security:!0},React.createElement("b",null,e.id)),r?["(",e.scopes.map((e=>React.createElement(ScopeName,{key:e},e))).reduce(((e,t)=>[e,", ",t])),")"]:null)})))}const SecurityRequirementAndWrap=styled.span`
+import React from"react";import styled from"styled-components";import{AUTH_TYPES}from"./constants";import{Link}from"../common";import{linksCss}from"../Markdown/styled";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;

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

@@ -1,7 +1 @@
-import React from 'react';
-import type { SecuritySchemesModel } from '../../models';
-interface SecurityDefsProps {
-    securitySchemes: SecuritySchemesModel;
-}
-export declare const SecurityDefs: React.NamedExoticComponent<SecurityDefsProps>;
-export {};
+export declare function SecurityDefs(): JSX.Element;

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

@@ -1,4 +1,4 @@
-import React,{memo}from"react";import styled from"styled-components";import{Markdown,StyledMarkdownBlock}from"../Markdown";import{OAuthFlow}from"../SecuritySchemes";import{AUTH_TYPES}from"./constants";import{H2,SamplesMiddlePanel,Row,Section,ShareLink}from"../common";import{titleize}from"../../utils";function SecurityDefsComponent({securitySchemes:e}){return React.createElement(React.Fragment,null,e.schemes.map((e=>React.createElement(Section,{id:e.sectionId,sectionId:e.sectionId,key:e.id},React.createElement(Row,null,React.createElement(SamplesMiddlePanel,null,React.createElement(H2,null,React.createElement(ShareLink,{to:e.sectionId}),e.id),React.createElement(Description,{source:e.description||""}),React.createElement(StyledMarkdownBlock,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))))))))}export const SecurityDefs=memo(SecurityDefsComponent);const Description=styled((e=>React.createElement(Markdown,Object.assign({},e))))`
+import React from"react";import styled from"styled-components";import{useRecoilValue}from"recoil";import{H2}from"@redocly/theme";import{Markdown,StyledMarkdownBlock}from"../Markdown";import{OAuthFlow}from"../SecuritySchemes";import{AUTH_TYPES}from"./constants";import{Section,ShareLink}from"../common";import{titleize}from"../../utils";import{globalStoreSelector}from"../../recoil/store";import{getSecuritySchemes}from"../../models";import{Pagination}from"../../services";export function SecurityDefs(){const{parser:e,options:t}=useRecoilValue(globalStoreSelector),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(StyledMarkdownBlock,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

@@ -1,6 +1,3 @@
-import type { SecurityRequirementModel } from '../../models';
-interface SecurityRequirementsProps {
-    securities: SecurityRequirementModel[];
-}
-export declare function SecurityRequirements({ securities, }: SecurityRequirementsProps): JSX.Element | null;
-export {};
+import React from 'react';
+import type { SecurityRequirementsProps } from './types';
+export declare const SecurityRequirements: React.NamedExoticComponent<SecurityRequirementsProps>;

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

@@ -1,4 +1,4 @@
-import React,{Fragment,useState}from"react";import styled from"styled-components";import{Markdown,StyledMarkdownBlock}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{useStore}from"../../context";import{ContentPanel}from"../Panel";function getRequiredScopes(e,t){const r=[];let n=t.length;for(;n--;){const o=t[n];let c=o.schemes.length;for(;c--;){const t=o.schemes[c];t.id===e&&r.push(...t.scopes)}}return Array.from(new Set(r))}export function SecurityRequirements({securities:e}){const t=useStore(),r=null==t?void 0:t.options.showSecuritySchemeType,[n,o]=useState(!1);if(!e.length||(null==t?void 0:t.options.hideSecuritySection))return null;const c=null==t?void 0:t.definition.securitySchemes.schemes,a=null==c?void 0:c.filter((({id:t})=>e.find((e=>e.schemes.find((e=>e.id===t))))));return React.createElement(ContentPanel,{className:"panel-security-schemas",header:l("authorizations"),onToggle:e=>o(e),description:!n&&React.createElement(PanelDescription,{securities:e,showSecuritySchemeType:r}),expanded:n},n&&a&&a.length>1?React.createElement(SecurityRequirementBlock,null,e.map(((t,n)=>{let o,c,l="";return e.length>1&&t.schemes.length>1&&(c=0===n?"(":"",l=")"),n!==e.length-1&&(l+=" or",o=React.createElement("br",null)),React.createElement(Fragment,{key:t.schemes.map((({id:e})=>e)).join("")},c,React.createElement(RequirementElement,{security:t,showSecuritySchemeType:r}),l,o)}))):null,n&&a?a.map((t=>{const r=getRequiredScopes(t.id,e),n=React.createElement(RequiredScopesRow,{scopes:r});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(StyledMarkdownBlock,{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)),n):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))),n):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))),n):t.flows?Object.keys(t.flows).map((e=>React.createElement(OAuthFlow,{key:e,type:e,RequiredScopes:n,flow:t.flows[e]}))):null))})):null)}const SecurityDetails=styled.div`
+import React,{Fragment,memo,useState}from"react";import styled from"styled-components";import{useRecoilValue}from"recoil";import{Markdown,StyledMarkdownBlock}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{globalStoreSelector}from"../../recoil/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}=useRecoilValue(globalStoreSelector),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(StyledMarkdownBlock,{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);
   margin-bottom: 1.5em;
   padding-bottom: 0.7em;

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

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

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

@@ -1,2 +1,2 @@
-export const AUTH_TYPES={oauth2:"OAuth2",apiKey:"API Key",http:"HTTP",openIdConnect:"OpenID Connect"};
+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/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

@@ -18,12 +18,12 @@ export declare const hasTokenUrl: (type: string, flow: OAuthFlowProps['flow']) =
     scopes: Record<string, string>;
     tokenUrl: string;
     'x-defaultClientId'?: string | undefined;
-    'x-tokenEndpointAuthMethod'?: string | undefined;
 } | {
     refreshUrl?: string | undefined;
     scopes: Record<string, string>;
     tokenUrl: string;
     'x-defaultClientId'?: string | undefined;
+    'x-tokenEndpointAuthMethod'?: string | undefined;
 } | {
     refreshUrl?: string | undefined;
     scopes: Record<string, string>;

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

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

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

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

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

@@ -2,5 +2,4 @@ import type { OpenAPISecurityScheme } from '../../types';
 export interface OAuthFlowProps {
     type: string;
     flow: OpenAPISecurityScheme['flows'][keyof OpenAPISecurityScheme['flows']];
-    RequiredScopes?: JSX.Element;
 }

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

@@ -1,10 +1,12 @@
 import React from 'react';
-import type { PropsWithChildren, MouseEvent } from 'react';
-import type { IMenuItem } from '../../services';
+import type { Location } from 'react-router-dom';
+import type { IMenuItem, Pagination } from '../../services';
 interface MenuItemProps {
     item: IMenuItem;
-    onActivate?: (item: IMenuItem, event: MouseEvent<HTMLElement>) => void;
-    withoutChildren?: boolean;
+    location: Location;
+    active?: boolean;
+    pagination: Pagination;
+    onClick?: () => void;
 }
-export declare const MenuItem: React.FC<PropsWithChildren<MenuItemProps>>;
+export declare const MenuItem: React.NamedExoticComponent<React.PropsWithChildren<MenuItemProps>>;
 export {};

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

@@ -1,2 +1,2 @@
-import{observer}from"mobx-react";import React,{useRef,useState,useEffect,useCallback}from"react";import{Badge}from"@redocly/theme";import{MenuItemLi,MenuItemTitle}from"./styled";import{MenuItems}from"./MenuItems";import{MenuItemLinkOrLabel}from"./MenuItemLinkOrLabel";import{MenuOperationItemContent}from"./MenuOperationItemContent";import{ShelfIcon}from"../icons";import{userIsForcingNavigation}from"../common";function MenuItemComponent(e){const{item:t,withoutChildren:n,onActivate:m}=e,i=useRef(null),[r,o]=useState(!1),[a,c]=useState("group"===t.type&&t.expanded);useEffect((()=>{o(t.active)}),[t.active]),useEffect((()=>{c(t.expanded)}),[t.expanded]);const s=useCallback((e=>{userIsForcingNavigation(e)||(null==m||m(t,e),e.stopPropagation())}),[m,t]);return useEffect((()=>{e.item.active&&i.current&&i.current.scrollIntoViewIfNeeded()}),[e.item,e.item.active,i]),React.createElement(MenuItemLi,{onClick:s,depth:t.depth,"data-item-id":t.id},"operation"===t.type?React.createElement(MenuOperationItemContent,Object.assign({},e,{item:t,ref:i})):React.createElement(MenuItemLinkOrLabel,{depth:t.depth,active:r,type:t.type,ref:i,href:t.href,hasChildren:t.items&&t.items.length>0},t.depth>0&&t.items.length>0&&React.createElement(ShelfIcon,{direction:a?"down":"right"})||null,t.isSchema?React.createElement(Badge,{type:"schema"},"schema"):null,React.createElement(MenuItemTitle,{title:t.name},t.name,e.children)),!n&&t.items&&t.items.length>0&&React.createElement(MenuItems,{expanded:a,items:t.items,onActivate:m}))}export const MenuItem=observer(MenuItemComponent);
+import React,{memo}from"react";import{Badge}from"@redocly/theme";import{MenuItemLi,MenuItemTitle}from"./styled";import{MenuItems}from"./MenuItems";import{MenuItemLink}from"./MenuItemLink";import{MenuOperationItemContent}from"./MenuOperationItemContent";import{ShelfIcon}from"../icons";import{useMenuItemLink}from"./useMenuItemLink";function MenuItemComponent({item:e,location:t,children:n,pagination:m,active:i,onClick:o}){var a;const c=(null===(a=e.items)||void 0===a?void 0:a.length)>0,{link:r,isActive:p,isExpanded:l}=useMenuItemLink({item:e,pagination:m,active:i,location:t});return React.createElement(MenuItemLi,{depth:e.depth,"data-item-id":e.id,onClick:o},"operation"===e.type?React.createElement(MenuOperationItemContent,{item:e,to:r,active:p},n):React.createElement(MenuItemLink,{to:r,depth:e.depth,type:e.type,hasChildren:c,active:p},e.depth>0&&c&&React.createElement(ShelfIcon,{direction:l?"down":"right"})||null,e.isSchema?React.createElement(Badge,{type:"schema"},"schema"):null,React.createElement(MenuItemTitle,{title:e.name},e.name,n)),c&&React.createElement(MenuItems,{expanded:l,items:e.items,pagination:m}))}export const MenuItem=memo(MenuItemComponent);
 //# sourceMappingURL=MenuItem.js.map

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

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

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

@@ -1,2 +1,2 @@
-import React from"react";import{observer}from"mobx-react";import{MenuItemLabel,MenuItemLi,MenuItemLink,MenuItemTitle,SeparatorLine}from"./styled";function isSeparator(e){return null!=e.separator||!!e.separatorLine&&!e.link}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(MenuItemLink,{href:e.link,target:e.target,active:!1,depth:1},React.createElement(MenuItemTitle,{title:e.label},e.label))),e.separatorLine?React.createElement(SeparatorLine,null):null)}export const MenuExternalLink=observer(MenuExternalLinkComponent);
+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:a,active:c,type:d}){return n?React.createElement(StyledMenuItemLink,{$active:c,$hasChildren:m,type:d,deprecated:r,depth:a,to:n},t):React.createElement(MenuItemLabel,{type:d,active:c,deprecated:r,depth:a,href:e},t)}export const MenuItemLink=memo(MenuItemLinkComponent);
+//# sourceMappingURL=MenuItemLink.js.map

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

@@ -1,2 +1,3 @@
+import React from 'react';
 import type { MenuItemsProps } from './types';
-export declare const MenuItems: ({ items, root, className, linksBefore, linksAfter, expanded: rawExpanded, style, onActivate, }: MenuItemsProps) => JSX.Element;
+export declare const MenuItems: React.NamedExoticComponent<MenuItemsProps>;

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

@@ -1,2 +1,2 @@
-import{observer}from"mobx-react";import React from"react";import{MenuItem}from"./MenuItem";import{MenuItemUl}from"./styled";import{MenuExternalLink}from"./MenuItemEternalLink";const MenuItemsComponents=({items:e,root:t,className:n,linksBefore:m=[],linksAfter:r=[],expanded:a,style:o,onActivate:i})=>{const s=null==a||a;return React.createElement(MenuItemUl,Object.assign({className:n,style:o,expanded:s},t?{role:"navigation"}:{}),m.map((e=>React.createElement(MenuExternalLink,{key:JSON.stringify(e),link:e}))),e.map((e=>React.createElement(MenuItem,{key:e.id,item:e,onActivate:i}))),r.map((e=>React.createElement(MenuExternalLink,{key:JSON.stringify(e),link:e}))))};export const MenuItems=observer(MenuItemsComponents);
+import React,{memo}from"react";import{useLocation}from"react-router-dom";import{MenuItem}from"./MenuItem";import{MenuItemUl}from"./styled";import{MenuExternalLink}from"./MenuItemEternalLink";function MenuItemsComponents({items:e,root:t,className:n,linksBefore:m=[],linksAfter:o=[],pagination:a,expanded:i=!0,style:r}){const s=useLocation();return React.createElement(MenuItemUl,Object.assign({className:n,style:r,expanded:i},t?{role:"navigation"}:{}),m.map((e=>React.createElement(MenuExternalLink,{key:JSON.stringify(e),link:e}))),e.map((e=>React.createElement(MenuItem,{key:e.id,item:e,location:s,pagination:a}))),o.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

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

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

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

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

@@ -1,5 +1,8 @@
-import type { ProMenu } from '../../services';
-export declare const SideMenu: ({ menu, className, }: {
-    menu: ProMenu;
-    className?: string | undefined;
-}) => JSX.Element;
+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

@@ -1,2 +1,2 @@
-import{observer}from"mobx-react";import React,{useContext}from"react";import{RedocAttribution}from"./styled";import{MenuItems}from"./MenuItems";import{OptionsContext}from"../../context";import{PerfectScrollbarWrap}from"../common";const SideMenuComponent=({menu:e,className:t})=>{const{sidebarLinks:o,whiteLabel:r,menuToggle:n}=useContext(OptionsContext);let a;const c=e;return React.createElement(PerfectScrollbarWrap,{updateFn:e=>{a=e},className:t,options:{wheelPropagation:!1}},React.createElement(MenuItems,{items:c.items,onActivate:t=>{t&&t.active&&n&&(t.expanded?t.collapse():t.expand()),e.activateAndScroll(t,!0),setTimeout((()=>{a&&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")):React.createElement(React.Fragment,null))};export const SideMenu=observer(SideMenuComponent);
+import React,{memo,useRef}from"react";import{useRecoilValue}from"recoil";import{RedocAttribution}from"./styled";import{MenuItems}from"./MenuItems";import{PerfectScrollbarWrap}from"../common";import{globalOptionsSelector}from"../../recoil/store";const SideMenuComponent=({items:e,className:t})=>{const{sidebarLinks:o,whiteLabel:r,pagination:n}=useRecoilValue(globalOptionsSelector),l=useRef();return React.createElement(PerfectScrollbarWrap,{updateFn:e=>{l.current=e},className:t,options:{wheelPropagation:!1}},React.createElement(MenuItems,{items:e,root:!0,linksBefore:null==o?void 0:o.beforeInfo,linksAfter:null==o?void 0:o.end,pagination:n}),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/styled.d.ts

@@ -1,18 +1,23 @@
-import type { MenuItemLabelType } from './types';
 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 MenuItemLabel: import("styled-components").StyledComponent<"label", any, {
+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`;
-} & MenuItemLabelType, "className" | "role">;
-export declare const MenuItemLink: import("styled-components").StyledComponent<"a", any, {
+} & Omit<import("./types").MenuItemLinkProps, "active" | "hasChildren"> & {
+    $active: boolean;
+    $hasChildren: boolean | undefined;
+}, "className" | "role">;
+export declare const MenuItemLabel: import("styled-components").StyledComponent<any, any, {
     role: "menuitem";
     className: `-depth${number} ` | `-depth${number} active`;
-} & MenuItemLabelType, "className" | "role">;
+} & 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>;

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

@@ -1,4 +1,4 @@
-import styled,{css}from"styled-components";import{ShelfIcon}from"../icons";import{deprecatedCss}from"../common";export const MenuItemUl=styled.ul`
+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;
 
@@ -13,7 +13,7 @@ import styled,{css}from"styled-components";import{ShelfIcon}from"../icons";impor
   text-overflow: ellipsis;
   padding: 0;
   ${({depth:e})=>0===e?"margin-top: 10px":""};
-`;export const MenuItemLabel=styled.label.attrs((e=>({role:"menuitem",className:`-depth${e.depth} ${e.active?"active":""}`})))`
+`;export const StyledMenuItemLink=styled(Link).attrs((({depth:e,$active:r})=>({role:"menuitem",className:`-depth${e} ${r?"active":""}`})))`
   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})`};
@@ -21,15 +21,15 @@ import styled,{css}from"styled-components";import{ShelfIcon}from"../icons";impor
   text-decoration: none;
   line-height: 15px;
 
-  ${({active:e})=>e?css`
-          background-color: var(--sidebar-item-active-background-color);
-          color: var(--sidebar-item-active-color);
-        `:css`
-          background-color: var(--sidebar-background-color);
-          color: var(--sidebar-item-text-color);
-        `};
+  background-color: var(--sidebar-background-color);
+  color: var(--sidebar-item-text-color);
 
-  align-items: ${({hasChildren:e})=>e?"center":""};
+  &.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);
@@ -43,7 +43,7 @@ import styled,{css}from"styled-components";import{ShelfIcon}from"../icons";impor
 
   padding: var(--sidebar-item-padding-vertical) var(--sidebar-item-padding-horizontal)
     var(--sidebar-item-padding-vertical)
-    ${({hasChildren:e,depth:i})=>e&&0!==i?"var(--sidebar-item-padding-horizontal)":"calc(var(--sidebar-item-padding-horizontal) + var(--sidebar-chevron-size) + var(--sidebar-spacing-unit) * 0.5)"};
+    ${({$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||""};
 
@@ -59,7 +59,7 @@ import styled,{css}from"styled-components";import{ShelfIcon}from"../icons";impor
     fill: var(--sidebar-group-item-chevron-color);
     margin-right: calc(var(--sidebar-spacing-unit) / 2);
   }
-`;export const MenuItemLink=MenuItemLabel.withComponent("a");export const MenuItemTitle=styled.span`
+`;export const MenuItemLabel=StyledMenuItemLink.withComponent("label");export const MenuItemTitle=styled.span`
   display: inline-block;
   vertical-align: middle;
   width: ${e=>e.width?e.width:"auto"};

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

@@ -1,19 +1,25 @@
-import type { CSSProperties, MouseEvent } from 'react';
-import type { IMenuItem, ExternalLink } from '../../services';
-export interface MenuItemLabelType {
+import type { CSSProperties } from 'react';
+import type { IMenuItem, ExternalLink, Pagination } from '../../services';
+export interface MenuItemLinkProps {
     depth: number;
     active: boolean;
     deprecated?: boolean;
     type?: string;
     hasChildren?: boolean;
+    to: string;
+    href?: string;
 }
 export interface MenuItemsProps {
     items: IMenuItem[];
     expanded?: boolean;
-    onActivate?: (item: IMenuItem, evt: MouseEvent<HTMLElement>) => void;
     style?: CSSProperties;
     root?: boolean;
     className?: string;
     linksBefore?: ExternalLink[];
     linksAfter?: ExternalLink[];
+    pagination: Pagination;
 }
+export type StyledMenuItemLinkProps = Omit<MenuItemLinkProps, 'active' | 'hasChildren'> & {
+    $active: MenuItemLinkProps['active'];
+    $hasChildren: MenuItemLinkProps['hasChildren'];
+};

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

@@ -0,0 +1,18 @@
+import type { IMenuItem } from '../../services';
+import type { Location } from 'react-router-dom';
+import { Pagination } from '../../services';
+type UseMenuItemLinkProps = {
+    item: IMenuItem;
+    pagination: Pagination;
+    active?: boolean;
+    location: Location;
+};
+type UseMenuItemLnkReturnType = {
+    link: string;
+    isExpanded: boolean;
+    isActive: boolean;
+};
+export declare function useMenuItemLink({ item, pagination, active, location, }: UseMenuItemLinkProps): UseMenuItemLnkReturnType;
+export declare function checkIfPathIncludes(location: Location, link?: string): boolean;
+export declare function checkIfPathMatched(location: Location, link?: string): boolean;
+export {};

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

@@ -0,0 +1,2 @@
+import{Pagination}from"../../services";import{isUndefined}from"../../utils";export function useMenuItemLink({item:e,pagination:n,active:t,location:i}){const o=e.href;if("group"===e.type)return{link:"",isActive:Boolean(t),isExpanded:!0};if(!isUndefined(t))return{link:o,isExpanded:t,isActive:t};const a=checkIfPathMatched(i,o),c=a||e.items.some((e=>checkIfPathMatched(i,e.href)));if(n===Pagination.Item){return{link:o.startsWith("#")?`/${o}`:o.replace(/\\/g,"%5C"),isExpanded:c,isActive:a}}return{link:o,isExpanded:c,isActive:a}}export function checkIfPathIncludes(e,n){return!!n&&decodeURIComponent(e.pathname+e.hash).includes(n)}export function checkIfPathMatched(e,n=""){return decodeURIComponent(e.pathname)===n||decodeURIComponent(e.hash)===n||decodeURIComponent(e.pathname+e.hash)===n}
+//# sourceMappingURL=useMenuItemLink.js.map

package/lib-esm/components/StickySidebar/StickyResponsiveSidebar.d.ts

@@ -1,11 +1,9 @@
 import React from 'react';
-import type { PropsWithChildren } from 'react';
-import type { RawOptions } from '../../services';
-import type { ProMenu } from '../../services/ProMenu';
+import type { Options } from '../../services';
 interface StickySidebarProps {
     className?: string;
-    scrollYOffset?: RawOptions['scrollYOffset'];
-    menu: ProMenu;
+    scrollYOffset: Options['scrollYOffset'];
+    hideFab: Options['hideFab'];
 }
-export declare const StickyResponsiveSidebar: React.FC<PropsWithChildren<StickySidebarProps>>;
+export declare const StickyResponsiveSidebar: React.NamedExoticComponent<React.PropsWithChildren<StickySidebarProps>>;
 export {};

package/lib-esm/components/StickySidebar/StickyResponsiveSidebar.js

@@ -1,8 +1,7 @@
-import{observer}from"mobx-react";import React,{useContext,useRef,useState}from"react";import styled,{css}from"styled-components";import{MobileSidebarButton,useMount,useUnmount}from"@redocly/theme";import{IS_BROWSER}from"../../utils";import{OptionsContext}from"../../context";import{normalizeScrollYOffset}from"../../services/Options/helpers";let Stickyfill;IS_BROWSER&&(Stickyfill=require("stickyfill"));const stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled.div`
+import React,{memo,useRef,useState}from"react";import styled,{css}from"styled-components";import{MobileSidebarButton,useMount,useUnmount}from"@redocly/theme";import{useRecoilState}from"recoil";import{IS_BROWSER}from"../../utils";import{isSidebarOpenedSelector}from"../../recoil/app";let Stickyfill;IS_BROWSER&&(Stickyfill=require("stickyfill"));const stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled.div`
   overflow: hidden;
   flex-direction: column;
   backface-visibility: hidden;
-  /* contain: strict; TODO: breaks layout since Chrome 80*/
   height: 100vh;
   top: 0;
   flex: 0 0 auto;
@@ -36,5 +35,5 @@ import{observer}from"mobx-react";import React,{useContext,useRef,useState}from"r
       display: none;
     }
   `}
-`;function StickyResponsiveSidebarComponent({menu:e,scrollYOffset:t,className:i,children:o}){const[r,s]=useState("0px"),n=useContext(OptionsContext),l=useRef(null);useMount((()=>{stickyfill&&stickyfill.add(l.current),s(a(n))})),useUnmount((()=>{stickyfill&&stickyfill.remove(l.current)}));const a=e=>{let i;return i=void 0!==t?normalizeScrollYOffset(t)():e.scrollYOffset(),i+"px"},c=e.sideBarOpened,d=r;return React.createElement(React.Fragment,null,React.createElement(StyledStickySidebar,{open:c,className:i,style:{top:d,height:`calc(100vh - ${d})`},ref:l},o),!n.hideFab&&React.createElement(FloatingButton,{opened:c,onClick:()=>{e.toggleSidebar()}}))}export const StickyResponsiveSidebar=observer(StickyResponsiveSidebarComponent);
+`;function StickyResponsiveSidebarComponent({scrollYOffset:e,hideFab:i,className:t,children:o}){const[r,l]=useState("0px"),s=useRef(null),[n,a]=useRecoilState(isSidebarOpenedSelector);useMount((()=>{stickyfill&&stickyfill.add(s.current);const i=e();l(`${i}px`)})),useUnmount((()=>{stickyfill&&stickyfill.remove(s.current)}));return React.createElement(React.Fragment,null,React.createElement(StyledStickySidebar,{open:n,className:t,style:{top:r,height:`calc(100vh - ${r})`},ref:s},o),!i&&React.createElement(FloatingButton,{opened:n,onClick:()=>{a(!n)}}))}export const StickyResponsiveSidebar=memo(StickyResponsiveSidebarComponent);
 //# sourceMappingURL=StickyResponsiveSidebar.js.map

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTabs.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import type { TabsProps } from './CollapsingTabsBase';
-export declare const CollapsingTabs: ({ children, ...props }: TabsProps) => JSX.Element;
+export declare const CollapsingTabs: React.NamedExoticComponent<TabsProps>;

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTabs.js

@@ -1,2 +1,2 @@
-var __rest=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r};import React,{useCallback,useEffect,useState}from"react";import{observer}from"mobx-react";import{CollapsingTabsBase}from"./CollapsingTabsBase";function getActiveIndexFromOperation(e,t,r){var n;if(!t)return-1;if("number"==typeof r&&r>0){return hasActiveExampleName(null===(n=e[r])||void 0===n?void 0:n.content,t)?r:getActiveIndexFromOperation(e,t)}return e.findIndex((({content:e})=>hasActiveExampleName(e,t)))}function hasActiveExampleName(e,t){return!!(null==e?void 0:e.mediaTypes.find((e=>Object.keys(e.examples||[]).includes(t||""))))}export const CollapsingTabs=observer((e=>{var{children:t}=e,r=__rest(e,["children"]);const[n,a]=useState(0),{operation:o,operation:{activeExampleName:s}}=r;useEffect((()=>{const e=getActiveIndexFromOperation(o.responses,s,n);e>-1&&a(e)}),[s]);const i=useCallback((e=>{n!==e&&a(e)}),[n]);return React.createElement(CollapsingTabsBase,Object.assign({},r,{activeIndex:n,onChange:i}),t)}));
+var __rest=this&&this.__rest||function(e,t){var o={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(o[n[r]]=e[n[r]])}return o};import React,{memo,useCallback,useEffect,useState}from"react";import{useRecoilValue}from"recoil";import{CollapsingTabsBase}from"./CollapsingTabsBase";import{operationStore}from"../../../recoil/operation";function getActiveIndexFromOperation(e,t,o){var n;if(!t)return-1;if("number"==typeof o&&o>0){return hasActiveExampleName(null===(n=e[o])||void 0===n?void 0:n.content,t)?o:getActiveIndexFromOperation(e,t)}return e.findIndex((({content:e})=>hasActiveExampleName(e,t)))}function hasActiveExampleName(e,t){return!!(null==e?void 0:e.mediaTypes.find((e=>Object.keys(e.examples||[]).includes(t||""))))}function CollapsingTabsComponent(e){var{children:t}=e,o=__rest(e,["children"]);const[n,r]=useState(0),{operation:{pointer:a,responses:i}}=o,s=useRecoilValue(operationStore(a)),l=null==s?void 0:s.activeExampleName;useEffect((()=>{const e=getActiveIndexFromOperation(i,l,n);e>-1&&r(e)}),[l]);const c=useCallback((e=>{n!==e&&r(e)}),[n]);return React.createElement(CollapsingTabsBase,Object.assign({},o,{activeIndex:n,onChange:c}),t)}export const CollapsingTabs=memo(CollapsingTabsComponent);
 //# sourceMappingURL=CollapsingTabs.js.map

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTabsBase.d.ts

@@ -11,7 +11,7 @@ export interface TabsProps {
     children: ReactNode;
     operation: OperationModel;
 }
-interface CollapsingTabsComponentProps extends TabsProps {
+interface CollapsingTabsComponentProps extends Omit<TabsProps, 'operation'> {
     activeIndex: number;
     onChange: (idx: number) => void;
 }

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTabsBase.js

@@ -1,2 +1,2 @@
-import React from"react";import{Tabs}from"react-tabs";import{OptionsContext}from"../../../context";import{CollapsingDropdown}from"../../common/Dropdown";import{CollapsingTabList}from"./CollapsingTabList";import{CollapsingTab}from"./CollapsingTab";function CollapsingTabsBaseComponent({tabs:e,children:t,hidden:a,activeIndex:o,onChange:n}){const{samplesTabsMaxCount:l}=React.useContext(OptionsContext),s=React.useMemo((()=>e.slice(l).map((({title:e},t)=>({idx:t,value:e})))),[e,l]),i=`${s.length} more`,[c,p]=React.useState(i),m=React.useCallback((()=>{const t=o>=l;c!==i&&c===e[o].title||!t?c===i||t||p(i):p(e[o].title)}),[o,l,c,i,e]);React.useEffect((()=>{setTimeout(m,0)}),[o,l,m]);return React.createElement(Tabs,{selectedIndex:o,onSelect:n},React.createElement(CollapsingTabList,{hidden:a},e.map(((e,t)=>React.createElement(CollapsingTab,{key:e.key,disabled:t>=l},e.title))),s.length?React.createElement(CollapsingDropdown,{options:s,onChange:e=>{n(l+e.idx)},placeholder:i,value:c,active:o>=l}):null),t)}export const CollapsingTabsBase=React.memo(CollapsingTabsBaseComponent);
+import React from"react";import{Tabs}from"react-tabs";import{useRecoilValue}from"recoil";import{CollapsingDropdown}from"../../common/Dropdown";import{CollapsingTabList}from"./CollapsingTabList";import{CollapsingTab}from"./CollapsingTab";import{globalOptionsSelector}from"../../../recoil/store";function CollapsingTabsBaseComponent({tabs:e,children:t,hidden:o,activeIndex:a,onChange:l}){const{samplesTabsMaxCount:n}=useRecoilValue(globalOptionsSelector),s=React.useMemo((()=>e.slice(n).map((({title:e},t)=>({idx:t,value:e})))),[e,n]),i=`${s.length} more`,[c,r]=React.useState(i),p=React.useCallback((()=>{const t=a>=n;c!==i&&c===e[a].title||!t?c===i||t||r(i):r(e[a].title)}),[a,n,c,i,e]);React.useEffect((()=>{setTimeout(p,0)}),[a,n,p]);return React.createElement(Tabs,{selectedIndex:a,onSelect:l},React.createElement(CollapsingTabList,{hidden:o},e.map(((e,t)=>React.createElement(CollapsingTab,{key:e.key,disabled:t>=n},e.title))),s.length?React.createElement(CollapsingDropdown,{options:s,onChange:e=>{l(n+e.idx)},placeholder:i,value:c,active:a>=n}):null),t)}export const CollapsingTabsBase=React.memo(CollapsingTabsBaseComponent);
 //# sourceMappingURL=CollapsingTabsBase.js.map

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

@@ -0,0 +1,2 @@
+import type { SectionItemProps } from '../SectionItem/SectionItem';
+export declare function TagItem({ item }: SectionItemProps): JSX.Element;

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

@@ -0,0 +1,2 @@
+import React from"react";import{H2}from"@redocly/theme";import{SamplesMiddlePanel,ShareLink}from"../common";import{Markdown}from"../Markdown";export function TagItem({item:e}){const{description:t,name:a,href:r}=e;return React.createElement(React.Fragment,null,React.createElement(SamplesMiddlePanel,null,React.createElement(H2,null,React.createElement(ShareLink,{to:r}),a)),React.createElement(Markdown,{source:t,htmlWrap:e=>React.createElement(SamplesMiddlePanel,null,e)}))}
+//# sourceMappingURL=TagItem.js.map

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

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

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

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

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

@@ -0,0 +1,13 @@
+import type { ContentItemModel } from '../../models';
+import type { Options } from '../../services';
+interface TagItemsProps {
+    tag: ContentItemModel;
+    nextSectionLink?: {
+        name: string;
+        href?: string;
+    };
+    pagination: Options['pagination'];
+    showNextButton?: boolean;
+}
+export declare function TagItems({ tag, nextSectionLink, pagination, showNextButton, }: TagItemsProps): JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import React from"react";import{Pagination}from"../../services";import{ContentItem}from"../ContentItem";import{NextSectionButton}from"../NextSectionButton";import{SectionContent}from"../SectionContent";export function TagItems({tag:t,nextSectionLink:e,pagination:n,showNextButton:o}){return React.createElement(React.Fragment,null,React.createElement(ContentItem,{key:t.id,item:t,pagination:n,showNextButton:o,withChildren:n!==Pagination.Item}),n===Pagination.Item&&React.createElement(SectionContent,{items:t.items,pagination:n,showNextButton:!1,showApiInfo:!1}),o&&e&&React.createElement(NextSectionButton,{href:e.href||"",label:e.name,pagination:n}))}
+//# sourceMappingURL=TagItems.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+export declare function ToggleRightPanelButton(): JSX.Element | null;

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

@@ -0,0 +1,2 @@
+import React from"react";import{Tooltip}from"@redocly/theme";import{useRecoilState,useRecoilValue}from"recoil";import{LayoutVariant}from"../../constants";import{layoutSelector,showRightPanelToggleSelector}from"../../recoil/app";import{globalOptionsSelector}from"../../recoil/store";import{StyledToggleRightPanelButton,HideRightPanelSVG,ShowRightPanelSVG}from"./styled";export function ToggleRightPanelButton(){const e=useRecoilValue(globalOptionsSelector),[t,o]=useRecoilState(showRightPanelToggleSelector),l=useRecoilValue(layoutSelector)===LayoutVariant.THREE_PANEL;return e.showRightPanelToggle&&l?React.createElement(Tooltip,{tip:""+(t?"Hide samples":"Show samples"),placement:"left"},React.createElement(StyledToggleRightPanelButton,{onClick:()=>{o(!t)}},t?React.createElement(HideRightPanelSVG,null):React.createElement(ShowRightPanelSVG,null))):null}
+//# sourceMappingURL=ToggleRightPanelButton.js.map

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

@@ -0,0 +1 @@
+export * from './ToggleRightPanelButton';

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

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