@redocly/openapi-docs 3.0.0-alpha.29.alpha.0 → 3.0.0-alpha.31

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

@@ -1,2 +1,2 @@
-import React,{memo,useMemo,useState,useEffect,useCallback}from"react";import{Navigate,Route,Routes}from"react-router-dom";import{Pagination}from"../../services";import{IS_BROWSER}from"../../utils";import{Skeleton}from"../common";import{getNextSectionLink}from"./helpers";import{SectionContent}from"../SectionContent";import{TagItems}from"../TagItems";import{useAutoScroll}from"./useAutoScroll";import{ContentItem}from"../ContentItem";let isInitialHydrate=!0;function ContentItemsComponent({items:e,root:t=!1,pagination:n,showNextButton:o,showApiInfo:a,disablePaginationLoadingAnimation:i}){const[m,r]=useState(IS_BROWSER&&!isInitialHydrate&&!i);useEffect((()=>{const e=setTimeout((()=>{r(!1)}),200);return isInitialHydrate=!1,()=>{clearTimeout(e)}}),[]),useAutoScroll(m);const c=useMemo((()=>e.filter((e=>"group"===e.type))),[e]),l=useMemo((()=>e.filter((e=>"tag"===e.type))),[e]),u=useMemo((()=>e.filter((e=>"operation"===e.type))),[e]),s=useCallback(((e,t)=>null==e?void 0:e.map(((e,a)=>{var i;const m=getNextSectionLink({groupItems:c,groupIdx:t,tagIdx:a});switch(n){case Pagination.Item:return React.createElement(Route,{key:e.id,path:e.id},React.createElement(Route,{index:!0,element:"operation"===e.type?React.createElement(ContentItem,{key:e.id,item:e,pagination:n,showNextButton:o}):React.createElement(TagItems,{tag:e,nextSectionLink:m,pagination:n,showNextButton:o})}),null===(i=e.items)||void 0===i?void 0:i.map((e=>{const i=getNextSectionLink({groupItems:c,groupIdx:t,tagIdx:a});return React.createElement(Route,{key:e.id,path:e.id,element:React.createElement(TagItems,{tag:e,nextSectionLink:i,pagination:n,showNextButton:o})})})));case Pagination.Section:return React.createElement(Route,{key:e.id,path:e.id,element:React.createElement(TagItems,{tag:e,nextSectionLink:m,pagination:n,showNextButton:o})});default:return null}}))),[c,n,o]),p=useMemo((()=>React.createElement(Routes,null,React.createElement(Route,{path:"/",element:React.createElement(SectionContent,{items:e,nextSectionLink:getNextSectionLink({groupItems:c,groupIdx:0,tagIdx:0}),pagination:n,showNextButton:o,showApiInfo:a})}),c.length?c.map(((e,t)=>s(e.items,t))):s(l,0),u.length&&s(u,0),React.createElement(Route,{path:"*",element:React.createElement(Navigate,{to:"/",replace:!0})}))),[c,e,u,n,s,a,o,l]);return t&&!e.length?React.createElement(Routes,null,React.createElement(Route,{path:"*",element:React.createElement(SectionContent,{items:[],pagination:n,showNextButton:o,showApiInfo:a})})):e.length?m?React.createElement("div",{style:{flex:1,width:"100%"}},React.createElement(Skeleton,null)):React.createElement(React.Fragment,null,t?React.createElement(React.Fragment,null,p,n===Pagination.Section&&u.length&&u.map((e=>React.createElement(ContentItem,{key:e.id,item:e,pagination:n,showNextButton:o})))):e.map((e=>React.createElement(ContentItem,{key:e.id,item:e,pagination:n,showNextButton:o})))):null}export const ContentItems=memo(ContentItemsComponent);
+import React,{memo,useMemo,useState,useEffect,useCallback}from"react";import{Navigate,Route,Routes}from"react-router-dom";import{useRecoilValue}from"recoil";import{Pagination}from"../../services";import{IS_BROWSER}from"../../utils";import{Skeleton}from"../common";import{getFirstPageLink,getItemsByType,getNextSectionLink}from"./helpers";import{SectionContent}from"../SectionContent";import{TagItems}from"../TagItems";import{useAutoScroll}from"./useAutoScroll";import{ContentItem}from"../ContentItem";import{globalOptionsSelector}from"../../recoil/store";let isInitialHydrate=!0;function ContentItemsComponent({items:e,root:t=!1}){const{pagination:n,showNextButton:o,disablePaginationLoadingAnimation:a}=useRecoilValue(globalOptionsSelector),[i,m]=useState(IS_BROWSER&&!isInitialHydrate&&!a);useEffect((()=>{const e=setTimeout((()=>{m(!1)}),200);return isInitialHydrate=!1,()=>{clearTimeout(e)}}),[]),useAutoScroll(i);const{groupItems:r,tagItems:c,operationItems:l,rootItem:s}=getItemsByType(e),u=!t||s?"/":getFirstPageLink(e)||"/",g=useCallback(((e,t)=>null==e?void 0:e.map(((e,a)=>{var i;const m=getNextSectionLink({groupItems:r,groupIdx:t,tagIdx:a});switch(n){case Pagination.Item:return React.createElement(Route,{key:e.id,path:e.id},React.createElement(Route,{index:!0,element:"operation"===e.type?React.createElement(ContentItem,{key:e.id,item:e}):React.createElement(TagItems,{tag:e,nextSectionLink:m,pagination:n,showNextButton:o})}),null===(i=e.items)||void 0===i?void 0:i.map((e=>{const i=getNextSectionLink({groupItems:r,groupIdx:t,tagIdx:a});return React.createElement(Route,{key:e.id,path:e.id,element:React.createElement(TagItems,{tag:e,nextSectionLink:i,pagination:n,showNextButton:o})})})));case Pagination.Section:return React.createElement(Route,{key:e.id,path:e.id,element:React.createElement(TagItems,{tag:e,nextSectionLink:m,pagination:n,showNextButton:o})});default:return null}}))),[r,n,o]),p=useMemo((()=>React.createElement(Routes,null,s&&React.createElement(Route,{path:s.href||"/",element:React.createElement(SectionContent,{items:e,nextSectionLink:getNextSectionLink({groupItems:r,groupIdx:0,tagIdx:0}),pagination:n,showNextButton:o})}),r.length?r.map(((e,t)=>g(e.items,t))):g(c,0),l.length&&g(l,0),React.createElement(Route,{path:"*",element:React.createElement(Navigate,{to:u,replace:!0})}))),[s,e,r,n,o,g,c,l,u]);return t&&!e.length?React.createElement(Routes,null,React.createElement(Route,{path:"*",element:React.createElement(SectionContent,{items:e,nextSectionLink:getNextSectionLink({groupItems:r,groupIdx:0,tagIdx:0}),pagination:n,showNextButton:o})})):e.length?i?React.createElement("div",{style:{flex:1,width:"100%"}},React.createElement(Skeleton,null)):React.createElement(React.Fragment,null,t?React.createElement(React.Fragment,null,p,n===Pagination.Section&&!!l.length&&l.map((e=>React.createElement(ContentItem,{key:e.id,item:e})))):e.map((e=>React.createElement(ContentItem,{key:e.id,item:e})))):null}export const ContentItems=memo(ContentItemsComponent);
 //# sourceMappingURL=ContentItems.js.map

package/lib-esm/components/ContentItems/helpers.d.ts

@@ -1,3 +1,4 @@
+import type { IMenuItem } from '../../services/types';
 import type { ContentItemModel } from '../../models';
 type GetNextSectionLinkInput = {
     groupItems: ContentItemModel[];
@@ -8,4 +9,12 @@ export declare function getNextSectionLink({ groupItems, groupIdx, tagIdx }: Get
     name: string;
     href?: string;
 };
+export declare function isRootItem(item: ContentItemModel | IMenuItem): boolean;
+export declare function getItemsByType(items: ContentItemModel[]): {
+    groupItems: ContentItemModel[];
+    tagItems: ContentItemModel[];
+    operationItems: ContentItemModel[];
+    rootItem: import("../../models").GroupModel | undefined;
+};
+export declare function getFirstPageLink(items: ContentItemModel[]): string;
 export {};

package/lib-esm/components/ContentItems/helpers.js

@@ -1,2 +1,2 @@
-export function getNextSectionLink({groupItems:e,groupIdx:n,tagIdx:t}){var r,i;if(null===(r=e[n])||void 0===r?void 0:r.items[t+1]){const{name:r,href:i}=e[n].items[t+1];return{name:r,href:i}}{const{name:t,href:r}=(null===(i=e[n+1])||void 0===i?void 0:i.items[0])||{};return{name:t,href:r}}}
+import{normalizePath}from"../../utils";export function getNextSectionLink({groupItems:e,groupIdx:t,tagIdx:r}){var o,i;if(null===(o=e[t])||void 0===o?void 0:o.items[r+1]){const{name:o,href:i}=e[t].items[r+1];return{name:o,href:i}}{const{name:r,href:o}=(null===(i=e[t+1])||void 0===i?void 0:i.items[0])||{};return{name:r,href:o}}}export function isRootItem(e){return"section"===e.type&&""===e.id&&"/"===e.href}export function getItemsByType(e){const t=[],r=[],o=[];let i;for(const n of e)switch(n.type){case"group":t.push(n);break;case"tag":r.push(n);break;case"operation":o.push(n);break;case"section":isRootItem(n)&&(i=n)}return{groupItems:t,tagItems:r,operationItems:o,rootItem:i}}export function getFirstPageLink(e){for(const t of e){if("group"===t.type)return getFirstPageLink(t.items);if("tag"===t.type){if(!t.description)return normalizePath(getFirstPageLink(t.items));if(t.href)return normalizePath(t.href)}else if("operation"===t.type||"schema"===t.type)return normalizePath(t.href)}return"/"}
 //# sourceMappingURL=helpers.js.map

package/lib-esm/components/Fields/FieldDetails.js

@@ -1,2 +1,2 @@
-import React,{memo,useState}from"react";import{useRecoilValue}from"recoil";import{PatternLabel,RecursiveLabel,TypeFormat,TypeName,TypePrefix,TypeTitle,ToggleButton,Badge}from"../common";import{ExternalDocumentation}from"../ExternalDocumentation";import{Markdown}from"../Markdown";import{l}from"../../services";import{FieldDetail}from"./FieldDetail";import{ConstraintsView}from"./ConstraintsView";import{Extensions}from"./Extensions";import{EnumValues}from"./EnumValues";import{Examples,getSerializedValue}from"./Examples";import{TypeWrapper}from"./styled";import{globalOptionsSelector}from"../../recoil/store";const MAX_PATTERN_LENGTH=45;function FieldDetailsComponent({showExamples:e,field:t,renderDiscriminatorSwitch:a}){const[n,r]=useState(!1),{enumSkipQuotes:o,hideSchemaTitles:i,hideSchemaPattern:c}=useRecoilValue(globalOptionsSelector),{schema:m,description:s,example:p,deprecated:u,examples:E}=t,d=Boolean(o)||"header"===t.in;let R=null;if(e&&(void 0!==p||void 0!==E))if(void 0!==E)R=React.createElement(Examples,{field:t});else{const e=!!t.in;R=React.createElement(FieldDetail,{label:"example",value:getSerializedValue(t,t.example),raw:e})}return React.createElement("div",null,React.createElement(TypeWrapper,null,React.createElement(TypePrefix,null,m.typePrefix),React.createElement(TypeName,null,m.displayType),m.displayFormat&&React.createElement(TypeFormat,null," ","<",m.displayFormat,">"," "),m.contentEncoding&&React.createElement(TypeFormat,null," ","<",m.contentEncoding,">"," "),m.contentMediaType&&React.createElement(TypeFormat,null," ","<",m.contentMediaType,">"," "),m.title&&!i&&React.createElement(TypeTitle,null," (",m.title,") "),React.createElement(ConstraintsView,{constraints:m.constraints}),m.pattern&&!c&&React.createElement(React.Fragment,null,React.createElement(PatternLabel,null,n||m.pattern.length<MAX_PATTERN_LENGTH?m.pattern:`${m.pattern.substr(0,MAX_PATTERN_LENGTH)}...`),m.pattern.length>MAX_PATTERN_LENGTH&&React.createElement(ToggleButton,{onClick:()=>{r(!n)}},n?"Hide pattern":"Show pattern"))," ",m.isCircular&&React.createElement(RecursiveLabel,null,l("recursive"))),u&&React.createElement("div",null,React.createElement(Badge,{deprecated:!0,style:{marginLeft:0}}," ",l("deprecated")," ")),React.createElement(FieldDetail,{raw:d,label:"default",value:m.default}),React.createElement("div",null,React.createElement(Markdown,{source:s})),!a&&React.createElement(EnumValues,{type:m.type,values:m["x-enumDescriptions"]||m.enum})," ",R,React.createElement(Extensions,{extensions:Object.assign(Object.assign({},t.extensions),m.extensions)}),m.externalDocs&&React.createElement(ExternalDocumentation,{externalDocs:m.externalDocs,compact:!0}),null==a?void 0:a(),t.const&&React.createElement(FieldDetail,{label:"const",value:t.const})||null)}export const FieldDetails=memo(FieldDetailsComponent);
+import React,{memo,useState}from"react";import{useRecoilValue}from"recoil";import{PatternLabel,RecursiveLabel,TypeFormat,TypeName,TypePrefix,TypeTitle,ToggleButton,Badge}from"../common";import{ExternalDocumentation}from"../ExternalDocumentation";import{Markdown}from"../Markdown";import{l}from"../../services";import{FieldDetail}from"./FieldDetail";import{ConstraintsView}from"./ConstraintsView";import{Extensions}from"./Extensions";import{EnumValues}from"./EnumValues";import{Examples,getSerializedValue}from"./Examples";import{TypeWrapper,FieldDescriptionWrapper}from"./styled";import{globalOptionsSelector}from"../../recoil/store";const MAX_PATTERN_LENGTH=45;function FieldDetailsComponent({showExamples:e,field:t,renderDiscriminatorSwitch:a}){const[n,r]=useState(!1),{enumSkipQuotes:i,hideSchemaTitles:o,hideSchemaPattern:c}=useRecoilValue(globalOptionsSelector),{schema:m,description:s,example:p,deprecated:u,examples:d}=t,E=Boolean(i)||"header"===t.in;let R=null;if(e&&(void 0!==p||void 0!==d))if(void 0!==d)R=React.createElement(Examples,{field:t});else{const e=!!t.in;R=React.createElement(FieldDetail,{label:"example",value:getSerializedValue(t,t.example),raw:e})}return React.createElement("div",null,React.createElement(TypeWrapper,null,React.createElement(TypePrefix,null,m.typePrefix),React.createElement(TypeName,null,m.displayType),m.displayFormat&&React.createElement(TypeFormat,null," ","<",m.displayFormat,">"," "),m.contentEncoding&&React.createElement(TypeFormat,null," ","<",m.contentEncoding,">"," "),m.contentMediaType&&React.createElement(TypeFormat,null," ","<",m.contentMediaType,">"," "),m.title&&!o&&React.createElement(TypeTitle,null," (",m.title,") "),React.createElement(ConstraintsView,{constraints:m.constraints}),m.pattern&&!c&&React.createElement(React.Fragment,null,React.createElement(PatternLabel,null,n||m.pattern.length<MAX_PATTERN_LENGTH?m.pattern:`${m.pattern.substr(0,MAX_PATTERN_LENGTH)}...`),m.pattern.length>MAX_PATTERN_LENGTH&&React.createElement(ToggleButton,{onClick:()=>{r(!n)}},n?"Hide pattern":"Show pattern"))," ",m.isCircular&&React.createElement(RecursiveLabel,null,l("recursive"))),u&&React.createElement("div",null,React.createElement(Badge,{deprecated:!0,style:{marginLeft:0}}," ",l("deprecated")," ")),React.createElement(FieldDetail,{raw:E,label:"default",value:m.default}),React.createElement(FieldDescriptionWrapper,null,React.createElement(Markdown,{source:s})),!a&&React.createElement(EnumValues,{type:m.type,values:m["x-enumDescriptions"]||m.enum})," ",R,React.createElement(Extensions,{extensions:Object.assign(Object.assign({},t.extensions),m.extensions)}),m.externalDocs&&React.createElement(ExternalDocumentation,{externalDocs:m.externalDocs,compact:!0}),null==a?void 0:a(),t.const&&React.createElement(FieldDetail,{label:"const",value:t.const})||null)}export const FieldDetails=memo(FieldDetailsComponent);
 //# sourceMappingURL=FieldDetails.js.map

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

@@ -11,3 +11,4 @@ export declare const ExampleDescription: import("styled-components").StyledCompo
 export declare const ExampleSummary: import("styled-components").StyledComponent<"label", any, {}, never>;
 export declare const ExampleWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ExamplesList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FieldDescriptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -22,5 +22,9 @@ import styled from"styled-components";import{StyledMarkdownBlock}from"../Markdow
 `;export const ExamplesList=styled.div`
   padding-left: 1.5em;
   margin-bottom: 1em;
+`;export const FieldDescriptionWrapper=styled.div`
+  p {
+    word-break: break-all;
+  }
 `;
 //# sourceMappingURL=styled.js.map

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

@@ -1,4 +1,4 @@
-import React,{memo,useCallback}from"react";import styled from"styled-components";import{useRecoilValue,useSetRecoilState}from"recoil";import{H2,useMount,Feedback}from"@redocly/theme";import{Endpoint}from"../Endpoint";import{Row}from"../common/panels";import{Badge,SamplesMiddlePanel,SamplesPanel,ShareLink}from"../common";import{CallbacksList}from"../Callbacks";import{CallbackSamples}from"../CallbackSamples";import{ExternalDocumentation}from"../ExternalDocumentation";import{Extensions}from"../Fields";import{Markdown}from"../Markdown";import{Parameters}from"../Parameters";import{RequestSamples}from"../RequestSamples";import{OperationResponseList}from"../Responses";import{ResponseSamples}from"../ResponseSamples";import{SecurityRequirements}from"../SecurityRequirement";import{ContentPanel}from"../Panel";import{RenderHook}from"../RenderHook";import{l}from"../../services";import{LayoutVariant}from"../../constants";import{creatPanelToggleEvent}from"../../events";import{showRightPanelToggleSelector,layoutSelector}from"../../recoil/app";import{globalStoreSelector}from"../../recoil/store";import{getOperation}from"../../models/operation";import{operationStore}from"../../recoil/operation";const OperationRow=styled(Row)`
+import React,{memo,useCallback}from"react";import styled from"styled-components";import{useRecoilValue,useSetRecoilState}from"recoil";import{H2,useMount,Feedback,LayoutVariant}from"@redocly/theme";import{Endpoint}from"../Endpoint";import{Row}from"../common/panels";import{Badge,SamplesMiddlePanel,SamplesPanel,ShareLink}from"../common";import{CallbacksList}from"../Callbacks";import{CallbackSamples}from"../CallbackSamples";import{ExternalDocumentation}from"../ExternalDocumentation";import{Extensions}from"../Fields";import{Markdown}from"../Markdown";import{Parameters}from"../Parameters";import{RequestSamples}from"../RequestSamples";import{OperationResponseList}from"../Responses";import{ResponseSamples}from"../ResponseSamples";import{SecurityRequirements}from"../SecurityRequirement";import{ContentPanel}from"../Panel";import{RenderHook}from"../RenderHook";import{l}from"../../services";import{creatPanelToggleEvent}from"../../events";import{showRightPanelToggleSelector,layoutSelector}from"../../recoil/app";import{globalStoreSelector}from"../../recoil/store";import{getOperation}from"../../models/operation";import{operationStore}from"../../recoil/operation";const OperationRow=styled(Row)`
   flex-direction: column;
   align-items: flex-start;
   ${H2} {
@@ -8,5 +8,5 @@ import React,{memo,useCallback}from"react";import styled from"styled-components"
   margin: calc(var(--spacing-unit) * 2) 0;
 `,Description=styled.div`
   margin-bottom: calc(var(--spacing-unit) * 4);
-`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:a}}){var o,n,r;const c=useRecoilValue(layoutSelector),s=useRecoilValue(showRightPanelToggleSelector),{parser:i,options:m}=useRecoilValue(globalStoreSelector),{hooks:p,events:d,feedback:u,showWebhookVerb:R,pathInMiddlePanel:S,expandDefaultRequest:E,expandDefaultResponse:k}=m,y=getOperation(i,e,t,m,a),{name:b,description:f,deprecated:g,externalDocs:v,isWebhook:h,httpVerb:P}=y,O=useSetRecoilState(operationStore(y.pointer)),x=c===LayoutVariant.STACKED||!s;useMount((()=>{O((e=>Object.assign(Object.assign({},e),{activeExampleName:y.activeExampleName,activeServer:y.activeServer})))}));const w=!(!f&&!v),C=useCallback((e=>t=>{var a;const o=creatPanelToggleEvent({operation:y,isExpanded:t,panelType:e});null===(a=null==d?void 0:d.panelToggle)||void 0===a||a.call(d,o)}),[d,y]);return React.createElement(OperationRow,{layout:c},React.createElement(OperationSubRowStyled,{layout:c},React.createElement(SamplesMiddlePanel,{isStacked:x},React.createElement(RenderHook,{Hook:null==p?void 0:p.BeforeOperation,props:{operation:y}}),React.createElement(H2,null,React.createElement(ShareLink,{to:a}),React.createElement(RenderHook,{Hook:null==p?void 0:p.BeforeOperationSummary,props:{operation:y}}),b,React.createElement(RenderHook,{Hook:null==p?void 0:p.AfterOperationSummary,props:{operation:y}}),g&&React.createElement(Badge,{deprecated:!0},"Deprecated"),h&&React.createElement(React.Fragment,null,React.createElement(Badge,null,"Webhook"),R&&P&&React.createElement(Badge,null,P.toUpperCase()))),S&&!h&&React.createElement(Endpoint,{operation:y}))),React.createElement(OperationSubRowStyled,{layout:c},React.createElement(SamplesMiddlePanel,{isStacked:x},w&&React.createElement(Description,null,void 0!==f&&React.createElement(Markdown,{source:f}),v&&React.createElement(ExternalDocumentation,{externalDocs:v}),Object.keys(y.extensions||{}).length?React.createElement(Extensions,{extensions:y.extensions}):null)),s?React.createElement(SamplesPanel,{"data-cy":"samples-block"},!S&&!h&&React.createElement(Endpoint,{operation:y})):null),React.createElement(OperationSubRowStyled,{layout:c},React.createElement(SamplesMiddlePanel,{isStacked:x},React.createElement(SecurityRequirements,{securities:y.security}))),React.createElement(OperationSubRowStyled,{layout:c},React.createElement(SamplesMiddlePanel,{isStacked:x},(null===(o=y.parameters)||void 0===o?void 0:o.length)||y.requestBody?React.createElement(ContentPanel,{header:l("request"),onToggle:C("request"),expanded:E,className:"panel-request-schemas"},React.createElement(Parameters,{parameters:y.parameters,body:y.requestBody})):null),s?React.createElement(SamplesPanel,{"data-cy":"samples-block"},React.createElement(RequestSamples,{operation:y})):null),React.createElement(OperationSubRowStyled,{layout:c},React.createElement(SamplesMiddlePanel,{isStacked:x},(null===(n=y.responses)||void 0===n?void 0:n.length)?React.createElement(ContentPanel,{header:l("responses"),onToggle:C("responses"),expanded:k,className:"panel-response-schemas"},React.createElement(OperationResponseList,{responses:y.responses,operationPointer:y.pointer})):null),s?React.createElement(SamplesPanel,{"data-cy":"samples-block"},React.createElement(ResponseSamples,{operation:y})):null),React.createElement(OperationSubRowStyled,{layout:c},React.createElement(SamplesMiddlePanel,{isStacked:x},(null===(r=y.callbacks)||void 0===r?void 0:r.length)?React.createElement(ContentPanel,{className:"panel-callback-schemas",header:l("callbacks")},React.createElement(CallbacksList,{callbacks:y.callbacks})):null,React.createElement(RenderHook,{Hook:null==p?void 0:p.AfterOperation,props:{operation:y}})),s?React.createElement(SamplesPanel,{"data-cy":"samples-block"},React.createElement(CallbackSamples,{callbacks:y.callbacks})):null),React.createElement(OperationSubRowStyled,{layout:c},React.createElement(SamplesMiddlePanel,{isStacked:x},!1===(null==u?void 0:u.hide)?React.createElement(Feedback,{type:u.type,settings:u.settings,path:y.href}):null)))}export const OperationItem=memo(OperationItemComponent);
+`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:a}}){var o,n,r;const c=useRecoilValue(layoutSelector),s=useRecoilValue(showRightPanelToggleSelector),{parser:i,options:m}=useRecoilValue(globalStoreSelector),{hooks:p,events:d,feedback:u,showWebhookVerb:R,pathInMiddlePanel:S,expandDefaultRequest:E,expandDefaultResponse:k}=m,b=getOperation(i,e,t,m,a),{name:y,description:f,deprecated:g,externalDocs:v,isWebhook:h,httpVerb:P}=b,O=useSetRecoilState(operationStore(b.pointer)),x=c===LayoutVariant.STACKED||!s;useMount((()=>{O((e=>Object.assign(Object.assign({},e),{activeExampleName:b.activeExampleName,activeServer:b.activeServer})))}));const w=!(!f&&!v),C=useCallback((e=>t=>{var a;const o=creatPanelToggleEvent({operation:b,isExpanded:t,panelType:e});null===(a=null==d?void 0:d.panelToggle)||void 0===a||a.call(d,o)}),[d,b]);return React.createElement(OperationRow,{layout:c},React.createElement(OperationSubRowStyled,{layout:c},React.createElement(SamplesMiddlePanel,{isStacked:x},React.createElement(RenderHook,{Hook:null==p?void 0:p.BeforeOperation,props:{operation:b}}),React.createElement(H2,null,React.createElement(ShareLink,{to:a}),React.createElement(RenderHook,{Hook:null==p?void 0:p.BeforeOperationSummary,props:{operation:b}}),y,React.createElement(RenderHook,{Hook:null==p?void 0:p.AfterOperationSummary,props:{operation:b}}),g&&React.createElement(Badge,{deprecated:!0},"Deprecated"),h&&React.createElement(React.Fragment,null,React.createElement(Badge,null,"Webhook"),R&&P&&React.createElement(Badge,null,P.toUpperCase()))),S&&!h&&React.createElement(Endpoint,{operation:b}))),React.createElement(OperationSubRowStyled,{layout:c},React.createElement(SamplesMiddlePanel,{isStacked:x},w&&React.createElement(Description,null,void 0!==f&&React.createElement(Markdown,{source:f}),v&&React.createElement(ExternalDocumentation,{externalDocs:v}),Object.keys(b.extensions||{}).length?React.createElement(Extensions,{extensions:b.extensions}):null),React.createElement(SecurityRequirements,{securities:b.security})),s?React.createElement(SamplesPanel,{"data-cy":"samples-block"},!S&&!h&&React.createElement(Endpoint,{operation:b})):null),React.createElement(OperationSubRowStyled,{layout:c},React.createElement(SamplesMiddlePanel,{isStacked:x},(null===(o=b.parameters)||void 0===o?void 0:o.length)||b.requestBody?React.createElement(ContentPanel,{header:l("request"),onToggle:C("request"),expanded:E,className:"panel-request-schemas"},React.createElement(Parameters,{parameters:b.parameters,body:b.requestBody})):null),s?React.createElement(SamplesPanel,{"data-cy":"samples-block"},React.createElement(RequestSamples,{operation:b})):null),React.createElement(OperationSubRowStyled,{layout:c},React.createElement(SamplesMiddlePanel,{isStacked:x},(null===(n=b.responses)||void 0===n?void 0:n.length)?React.createElement(ContentPanel,{header:l("responses"),onToggle:C("responses"),expanded:k,className:"panel-response-schemas"},React.createElement(OperationResponseList,{responses:b.responses,operationPointer:b.pointer})):null),s?React.createElement(SamplesPanel,{"data-cy":"samples-block"},React.createElement(ResponseSamples,{operation:b})):null),React.createElement(OperationSubRowStyled,{layout:c},React.createElement(SamplesMiddlePanel,{isStacked:x},(null===(r=b.callbacks)||void 0===r?void 0:r.length)?React.createElement(ContentPanel,{className:"panel-callback-schemas",header:l("callbacks")},React.createElement(CallbacksList,{callbacks:b.callbacks})):null,React.createElement(RenderHook,{Hook:null==p?void 0:p.AfterOperation,props:{operation:b}})),s?React.createElement(SamplesPanel,{"data-cy":"samples-block"},React.createElement(CallbackSamples,{callbacks:b.callbacks})):null),React.createElement(OperationSubRowStyled,{layout:c},React.createElement(SamplesMiddlePanel,{isStacked:x},!1===(null==u?void 0:u.hide)?React.createElement(Feedback,{type:u.type,settings:u.settings,path:b.href}):null)))}export const OperationItem=memo(OperationItemComponent);
 //# sourceMappingURL=OperationItem.js.map

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

@@ -1,2 +1,2 @@
-import React,{useMemo,Fragment}from"react";import{dottedString,escapeFormId,get,unescapeFormId}from"../../utils";import{FormLabel,FormControl,FormWarning,GroupLabel,Table}from"../common/form";import{FormTextField}from"../common/TextField";import{ParameterEnumDropdown}from"../rightPanel/ParameterDropdown";import{ParameterArray}from"../rightPanel/ParameterArray";import{SchemaType}from"./types";import{createValidator,getInitialValue,isNotSupported,orderParams,placeholder}from"./utils";const PARAM_PLACES=["path","query","cookie","header"];function FormControlWrapper({id:e,param:r,values:a}){const t=useMemo((()=>createValidator(r)),[r]),m=Array.isArray(r.schema.enum)&&r.schema.enum.length?r.schema.enum:void 0,o=getInitialValue(r.schema),n=e.split(".").map((e=>unescapeFormId(e)));return m?React.createElement(FormControl,null,React.createElement(ParameterEnumDropdown,{initValue:o,paramEnum:m,field:e})):React.createElement(FormTextField,{fullWidth:!0,"data-cy":"parameter-input",id:e,field:e,placeholder:placeholder(r),validate:t,initialValue:o||get(a,n),validateOnBlur:!0,validateOnChange:!0})}export function OperationParameters({values:e,operation:r}){const a=useMemo((()=>orderParams(r.parameters||[])),[r]),t=(r,a,m,o)=>{var n;const l=m?dottedString(m,r.name):r.name,i=isNotSupported(r.schema),c=m?[a,m]:[r.in],p=dottedString(...c,escapeFormId(r.name));return i&&console.warn(`Unsupported parameter definition: "${i}"`),r.schema.type===SchemaType.ARRAY?React.createElement(ParameterArray,{key:p,name:l,param:r,place:a,renderParameter:t}):r.schema.type===SchemaType.OBJECT?null===(n=r.schema.fields)||void 0===n?void 0:n.map((e=>t(e,a,l))):React.createElement(FormControl,{key:p},React.createElement(FormLabel,{required:r.required},o||l,":"),i?React.createElement(FormWarning,null,"Unsupported field schema definition"):React.createElement(FormControlWrapper,{id:p,param:r,values:e}))};return React.createElement(Table,null,PARAM_PLACES.map((e=>{const r=a[e];return r&&r.length?React.createElement(Fragment,{key:e},React.createElement(FormControl,null,React.createElement(GroupLabel,null," # ",e," parameters "),React.createElement("span",null," ")),r.map((r=>t(r,e)))):null})))}
+import React,{useMemo,Fragment}from"react";import{dottedString,escapeFormId,get,unescapeFormId}from"../../utils";import{FormLabel,FormControl,FormWarning,GroupLabel,Table}from"../common/form";import{FormTextField}from"../common/TextField";import{ParameterEnumDropdown}from"../rightPanel/ParameterDropdown";import{ParameterArray}from"../rightPanel/ParameterArray";import{SchemaType}from"./types";import{createValidator,getInitialValue,isNotSupported,orderParams,placeholder}from"./utils";const PARAM_PLACES=["path","query","cookie","header"];function FormControlWrapper({id:e,param:r,values:a}){const t=useMemo((()=>createValidator(r)),[r]),m=Array.isArray(r.schema.enum)&&r.schema.enum.length?r.schema.enum:void 0,o=getInitialValue(r.schema),n=e.split(".").map((e=>unescapeFormId(e)));return m?React.createElement(FormControl,null,React.createElement(ParameterEnumDropdown,{initValue:o,paramEnum:m,field:e})):React.createElement(FormTextField,{fullWidth:!0,"data-cy":"parameter-input",id:e,field:e,placeholder:placeholder(r),validate:t,initialValue:o||get(a,n),validateOnBlur:!0,validateOnChange:!0})}export function OperationParameters({values:e,operation:r}){const a=useMemo((()=>orderParams(r.parameters||[])),[r]),t=(r,a,m,o,n)=>{var l;const i=m?dottedString(m,r.name):r.name,c=isNotSupported(r.schema),p=m?[a,m]:[r.in],d=dottedString(...p,escapeFormId(r.name));c&&console.warn(`Unsupported parameter definition: "${c}"`);return(Array.isArray(r.schema.type)?r.schema.type:[r.schema.type]).includes(SchemaType.ARRAY)?React.createElement(ParameterArray,{key:d,name:i,param:r,place:a,renderParameter:t}):r.schema.type===SchemaType.OBJECT?null===(l=r.schema.fields)||void 0===l?void 0:l.map((e=>t(e,a,i))):React.createElement(FormControl,{key:d},React.createElement(FormLabel,{required:r.required},o||i,": ",n),c?React.createElement(FormWarning,null,"Unsupported field schema definition"):React.createElement(FormControlWrapper,{id:d,param:r,values:e}))};return React.createElement(Table,null,PARAM_PLACES.map((e=>{const r=a[e];return r&&r.length?React.createElement(Fragment,{key:e},React.createElement(FormControl,null,React.createElement(GroupLabel,null," # ",e," parameters "),React.createElement("span",null," ")),r.map((r=>t(r,e)))):null})))}
 //# sourceMappingURL=OperationParameters.js.map

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

@@ -1,4 +1,4 @@
 import type { PropsWithChildren } from 'react';
 import type { RedoclyOpenAPIDocsProps, RedoclyOpenAPIDocsStandaloneProps } from './types';
-export declare function RedoclyOpenAPIDocs({ onLoaded, _forceRenderInfo, children, store, }: PropsWithChildren<RedoclyOpenAPIDocsProps>): JSX.Element | null;
+export declare function RedoclyOpenAPIDocs({ onLoaded, children, store, }: PropsWithChildren<Partial<RedoclyOpenAPIDocsProps>>): JSX.Element | null;
 export declare function RedoclyOpenAPIDocsStandalone({ definition, definitionUrl, options, activeItemId, activeSampleLanguage, activeDeepLink, }: RedoclyOpenAPIDocsStandaloneProps): JSX.Element;

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

@@ -1,2 +1,2 @@
-import React,{useRef,useCallback,memo}from"react";import{SidebarLogo,GlobalStyle,useMount}from"@redocly/theme";import{useRecoilValue,useRecoilState}from"recoil";import{useLocation}from"react-router-dom";import{LayoutVariant}from"../../constants";import{Search}from"../Search";import{ThemeProviders,AppProvider,StoreProvider}from"./Providers";import{Overlay}from"../Overlay";import{VersionSwitcher}from"../VersionSwitcher";import{BackgroundStub,BackgroundStubFix,ApiContentWrap,ControlsWrap,RedocWrapStyled,CssFixes}from"./styled";import{StickyResponsiveSidebar}from"../StickySidebar";import{DownloadButtonWithLabel}from"../Download";import{ErrorBoundary}from"../ErrorBoundary";import{SideMenu}from"../SideMenu";import{ContentItems}from"../ContentItems";import{ChangeViewButton}from"../ChangeViewButton";import{ToggleRightPanelButton}from"../ToggleRightPanelButton";import{activeVersionIdxSelector,appSessionStore,layoutSelector}from"../../recoil/app";import{globalStore}from"../../recoil/store";import{useContentItems}from"../../hooks";import{withRouter}from"../../hoc/withRouter";import{compose}from"../../utils";import{useLicense}from"../../hooks/useLicense";const RedoclyOpenAPIDocsComponent=compose(withRouter,memo)((({licenseKey:e,onLoaded:o,_forceRenderInfo:t,children:n})=>{var i,r,a,l,c;const s=useRef(null),{pathname:u}=useLocation(),{isValid:m,licenseInfo:d}=useLicense(e);useMount((()=>{null==o||o()}));const{options:{hideDownloadButton:p,hideInfoSection:f,pagination:R,disableSidebar:h,whiteLabel:g,hideLogo:S,hideFab:v,showNextButton:E,scrollYOffset:y,disablePaginationLoadingAnimation:b,routingBasePath:L},options:I,versions:C}=useRecoilValue(globalStore),{showRightPanelToggle:P}=useRecoilValue(appSessionStore),[w,B]=useRecoilState(activeVersionIdxSelector),V=useRecoilValue(layoutSelector),A=useCallback((({idx:e})=>{e&&B(e)}),[B]),k=C[w].parser,{flatItems:x,contentItems:D}=useContentItems({parser:k,options:I});if(!C.length)return null;let T=!f;t&&(T=!0);const O=!T&&null!==p&&!p&&("none"===R||"/"===u||u===L),W=null===(r=null===(i=k.definition)||void 0===i?void 0:i.info)||void 0===r?void 0:r["x-logo"];return React.createElement(ThemeProviders,{options:I},React.createElement(GlobalStyle,null),React.createElement(RedocWrapStyled,{className:"redoc-wrap",ref:s},!m&&React.createElement(Overlay,{licenseInfo:d}),React.createElement(CssFixes,{whiteLabel:g,showRightPanelToggle:P,layout:V}),!h&&React.createElement(StickyResponsiveSidebar,{hideFab:v,scrollYOffset:y,className:"menu-content"},!S&&React.createElement(SidebarLogo,{imageUrl:null==W?void 0:W.url,href:(null==W?void 0:W.href)||(null===(c=null===(l=null===(a=k.definition)||void 0===a?void 0:a.info)||void 0===l?void 0:l.contact)||void 0===c?void 0:c.url),altText:null==W?void 0:W.altText,backgroundColor:null==W?void 0:W.backgroundColor}),C.length>1&&React.createElement(VersionSwitcher,{versions:C,activeVersionIdx:w,onChange:A}),React.createElement(Search,{contentItems:D,flatItems:x,options:I}),React.createElement(SideMenu,{items:m?D:[]})),React.createElement(ApiContentWrap,{className:"api-content",id:"api-content",layout:V===LayoutVariant.THREE_PANEL&&P?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED},P&&V!==LayoutVariant.STACKED&&React.createElement(BackgroundStub,null),O&&React.createElement(DownloadButtonWithLabel,null),React.createElement(ContentItems,{root:!0,items:m?D:[],showNextButton:E,showApiInfo:T,pagination:R,disablePaginationLoadingAnimation:b}),n),React.createElement(ControlsWrap,null,React.createElement(ToggleRightPanelButton,null),React.createElement(ChangeViewButton,null)),P&&V!==LayoutVariant.STACKED&&React.createElement(BackgroundStubFix,null)))}));export function RedoclyOpenAPIDocs({onLoaded:e,_forceRenderInfo:o,children:t,store:n}){var i,r,a;return(null==n?void 0:n.definition)?React.createElement(StoreProvider,Object.assign({},n),React.createElement(RedoclyOpenAPIDocsComponent,{onLoaded:e,_forceRenderInfo:o,basePath:null===(i=n.options)||void 0===i?void 0:i.routingBasePath,licenseKey:null===(r=n.options)||void 0===r?void 0:r.licenseKey,enableRouter:null===(a=n.options)||void 0===a?void 0:a.enableRouter},t)):null}export function RedoclyOpenAPIDocsStandalone({definition:e,definitionUrl:o,options:t={},activeItemId:n,activeSampleLanguage:i,activeDeepLink:r}){const a=React.createElement(AppProvider,{definition:e,definitionUrl:o,options:t,activeItemId:n,activeSampleLanguage:i,activeDeepLink:r},React.createElement(RedoclyOpenAPIDocs,null));return t.disableErrorBoundary?a:React.createElement(ErrorBoundary,null,a)}
+import React,{useRef,memo}from"react";import{SidebarLogo,GlobalStyle,useMount,LayoutVariant}from"@redocly/theme";import{Search}from"../Search";import{ThemeProviders,AppProvider,StoreProvider}from"./Providers";import{Overlay}from"../Overlay";import{VersionSwitcher}from"../VersionSwitcher";import{BackgroundStub,BackgroundStubFix,ApiContentWrap,RedocWrapStyled,CssFixes}from"./styled";import{StickyResponsiveSidebar}from"../StickySidebar";import{ErrorBoundary}from"../ErrorBoundary";import{SideMenu}from"../SideMenu";import{ContentItems}from"../ContentItems";import{useContentItems}from"../../hooks";import{withRouter}from"../../hoc/withRouter";import{withStore}from"../../hoc/withStore";import{compose}from"../../utils";import{useLicense}from"../../hooks/useLicense";const RedoclyOpenAPIDocsComponent=compose(withRouter,withStore,memo)((({licenseKey:e,onLoaded:t,children:o,options:n,versions:r,layout:i,showRightPanelToggle:a,activeVersionIdx:l,onChangeActiveVersion:c,collapsedSidebar:s})=>{var d,m,u,p,v;const f=useRef(null),{isValid:R,licenseInfo:S}=useLicense(e);useMount((()=>{null==t||t()}));const{disableSidebar:h,whiteLabel:y,hideLogo:E,hideFab:b,scrollYOffset:g}=n||{},L=r[l].parser,{flatItems:I,contentItems:C}=useContentItems({parser:L,options:n});if(!r.length)return null;const P=null===(m=null===(d=L.definition)||void 0===d?void 0:d.info)||void 0===m?void 0:m["x-logo"];return React.createElement(ThemeProviders,{options:n},React.createElement(GlobalStyle,null),React.createElement(RedocWrapStyled,{className:"redoc-wrap",ref:f},!R&&React.createElement(Overlay,{licenseInfo:S}),React.createElement(CssFixes,{whiteLabel:y,showRightPanelToggle:a,layout:i}),!h&&React.createElement(StickyResponsiveSidebar,{hideFab:b,scrollYOffset:g,className:"menu-content",collapsedSidebar:!s},!E&&React.createElement(SidebarLogo,{imageUrl:null==P?void 0:P.url,href:(null==P?void 0:P.href)||(null===(v=null===(p=null===(u=L.definition)||void 0===u?void 0:u.info)||void 0===p?void 0:p.contact)||void 0===v?void 0:v.url),altText:null==P?void 0:P.altText,backgroundColor:null==P?void 0:P.backgroundColor}),r.length>1&&React.createElement(VersionSwitcher,{versions:r,activeVersionIdx:l,onChange:c}),React.createElement(Search,{contentItems:C,flatItems:I,options:n}),React.createElement(SideMenu,{items:R?C:[]})),React.createElement(ApiContentWrap,{className:"api-content",id:"api-content",layout:i===LayoutVariant.THREE_PANEL&&a?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED,collapsedSidebar:s},a&&i!==LayoutVariant.STACKED&&React.createElement(BackgroundStub,null),React.createElement(ContentItems,{root:!0,items:R?C:[]}),o),a&&i!==LayoutVariant.STACKED&&React.createElement(BackgroundStubFix,null)))}));export function RedoclyOpenAPIDocs({onLoaded:e,children:t,store:o}){var n,r,i;return(null==o?void 0:o.definition)?React.createElement(StoreProvider,Object.assign({},o),React.createElement(RedoclyOpenAPIDocsComponent,{onLoaded:e,basePath:null===(n=o.options)||void 0===n?void 0:n.routingBasePath,licenseKey:null===(r=o.options)||void 0===r?void 0:r.licenseKey,enableRouter:null===(i=o.options)||void 0===i?void 0:i.enableRouter,portalOptions:null==o?void 0:o.portalOptions},t)):null}export function RedoclyOpenAPIDocsStandalone({definition:e,definitionUrl:t,options:o={},activeItemId:n,activeSampleLanguage:r,activeDeepLink:i}){const a=React.createElement(AppProvider,{definition:e,definitionUrl:t,options:o,activeItemId:n,activeSampleLanguage:r,activeDeepLink:i},React.createElement(RedoclyOpenAPIDocs,null));return o.disableErrorBoundary?a:React.createElement(ErrorBoundary,null,a)}
 //# sourceMappingURL=RedoclyOpenAPIDocs.js.map

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

@@ -1,5 +1,4 @@
 export * from './RedoclyOpenAPIDocs';
-export * from './RedoclyOpenAPIDocsMultiStandalone';
 export * from './Providers';
 export * from './types';
 export * from './utils';

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

@@ -1,2 +1,2 @@
-export*from"./RedoclyOpenAPIDocs";export*from"./RedoclyOpenAPIDocsMultiStandalone";export*from"./Providers";export*from"./types";export*from"./utils";
+export*from"./RedoclyOpenAPIDocs";export*from"./Providers";export*from"./types";export*from"./utils";
 //# sourceMappingURL=index.js.map

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

@@ -1,13 +1,13 @@
+import { LayoutVariant } from '@redocly/theme';
 import type { FlattenSimpleInterpolation } from 'styled-components';
 import type { CssFixesProps } from './types';
-import { LayoutVariant } from '../../constants';
 export declare const RedocWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ApiContentWrap: import("styled-components").StyledComponent<"div", any, {
     layout?: LayoutVariant | undefined;
+    collapsedSidebar?: boolean | undefined;
 }, never>;
 export declare const BackgroundStub: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const BackgroundStubFix: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ControlsWrap: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const RedocWrapStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const getMarginFixesByName: (variableName: string) => FlattenSimpleInterpolation;
 export declare const CssFixes: import("styled-components").GlobalStyleComponent<CssFixesProps, import("styled-components").DefaultTheme>;

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

@@ -1,4 +1,4 @@
-import styled,{createGlobalStyle,css}from"styled-components";import{LayoutVariant}from"../../constants";import{SamplesMiddlePanel,SamplesPanel}from"../common/panels";import{NextSectionButtonWrap}from"../NextSectionButton/styled";export const RedocWrap=styled.div`
+import{LayoutVariant}from"@redocly/theme";import styled,{createGlobalStyle,css}from"styled-components";import{SamplesMiddlePanel,SamplesPanel}from"../common/panels";import{NextSectionButtonWrap}from"../NextSectionButton/styled";export const RedocWrap=styled.div`
   display: flex;
   position: relative;
   text-align: left;
@@ -25,23 +25,23 @@ import styled,{createGlobalStyle,css}from"styled-components";import{LayoutVarian
   margin: 0 auto;
   width: 100%;
 
-  ${({layout:e=LayoutVariant.THREE_PANEL,theme:a})=>css`
-      max-width: ${e===LayoutVariant.THREE_PANEL?"100%":""};
+  ${({layout:a=LayoutVariant.THREE_PANEL,theme:e,collapsedSidebar:t})=>css`
+      max-width: ${a===LayoutVariant.THREE_PANEL?"100%":""};
 
-      ${a.mediaQueries.small} {
-        width: calc(100% - var(--sidebar-width));
-        max-width: var(--layout-${e}-small-max-width);
+      ${e.mediaQueries.small} {
+        width: ${t?"var(--layout-${layout}-small-max-width)":"calc(100% - var(--sidebar-width))"};
+        max-width: var(--layout-${a}-small-max-width);
       }
 
-      ${a.mediaQueries.medium} {
-        max-width: var(--layout-${e}-medium-max-width);
+      ${e.mediaQueries.medium} {
+        max-width: var(--layout-${a}-medium-max-width);
       }
 
-      ${a.mediaQueries.large} {
-        max-width: var(--layout-${e}-large-max-width);
+      ${e.mediaQueries.large} {
+        max-width: var(--layout-${a}-large-max-width);
       }
 
-      ${a.mediaQueries.print} {
+      ${e.mediaQueries.print} {
         width: 100%;
         padding: 0;
       }
@@ -55,20 +55,20 @@ import styled,{createGlobalStyle,css}from"styled-components";import{LayoutVarian
   left: 0;
   background: var(--panel-samples-block-background-color);
 
-  ${({theme:e})=>css`
-    ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+  ${({theme:a})=>css`
+    ${a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
       display: initial;
       left: calc(100% - var(--panel-samples-width));
     }
 
-    ${e.mediaQueries.print} {
+    ${a.mediaQueries.print} {
       display: none;
     }
   `}
-`;const getBackgroundStubFixWidth=e=>css`
+`;const getBackgroundStubFixWidth=a=>css`
   width: calc(
     (
-        100% - min(100% - var(--sidebar-width) - var(--layout-controls-width), var(${e})) -
+        100% - min(100% - var(--sidebar-width) - var(--layout-controls-width), var(${a})) -
           var(--sidebar-width) + var(--layout-controls-width)
       ) / 2 + 2px /* 2px to account for rounding errors */
   );
@@ -81,43 +81,24 @@ import styled,{createGlobalStyle,css}from"styled-components";import{LayoutVarian
   background: var(--panel-samples-block-background-color);
   width: 0;
 
-  ${({theme:e})=>css`
-    ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+  ${({theme:a})=>css`
+    ${a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
       display: initial;
       ${getBackgroundStubFixWidth("--layout-three-panel-medium-max-width")};
     }
 
-    ${e.mediaQueries.large} {
+    ${a.mediaQueries.large} {
       ${getBackgroundStubFixWidth("--layout-three-panel-large-max-width")};
     }
 
-    ${e.mediaQueries.print} {
-      display: none;
-    }
-  `}
-`;export const ControlsWrap=styled.span`
-  position: sticky;
-  display: none;
-  flex-direction: column;
-  justify-content: space-between;
-  top: calc(var(--navbar-height) + var(--layout-controls-top-offset));
-  right: 24px;
-  height: calc(var(--layout-controls-height) * 2 + var(--spacing-unit) * 2);
-  z-index: 1;
-
-  ${({theme:e})=>css`
-    ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
-      display: flex;
-    }
-
-    ${e.mediaQueries.print} {
+    ${a.mediaQueries.print} {
       display: none;
     }
   `}
 `;export const RedocWrapStyled=styled(RedocWrap)`
   background-color: var(--background-color);
-`;export const getMarginFixesByName=e=>css`
-  margin: 0 max(calc((100% - var(--panel-samples-width) - var(${e})) / 2), 0);
+`;export const getMarginFixesByName=a=>css`
+  margin: 0 max(calc((100% - var(--panel-samples-width) - var(${a})) / 2), 0);
 `;export const CssFixes=createGlobalStyle`
   div[data-section-id]::after {
     content: " ";
@@ -128,40 +109,40 @@ import styled,{createGlobalStyle,css}from"styled-components";import{LayoutVarian
   }
 
   ${SamplesPanel} {
-    ${({layout:e})=>{if(e===LayoutVariant.STACKED)return css`
+    ${({layout:a})=>{if(a===LayoutVariant.STACKED)return css`
           width: 100%;
           padding-left: var(--spacing-horizontal);
         `}}
-    ${({showRightPanelToggle:e})=>{if(!e)return css`
-          ${({theme:e})=>e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+    ${({showRightPanelToggle:a})=>{if(!a)return css`
+          ${({theme:a})=>a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
             display: none;
           }
         `}}
   }
 
   ${BackgroundStub}, ${BackgroundStubFix} {
-    ${({showRightPanelToggle:e,layout:a})=>{if(!e&&a===LayoutVariant.STACKED)return css`
-          ${({theme:e})=>e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+    ${({showRightPanelToggle:a,layout:e})=>{if(!a&&e===LayoutVariant.STACKED)return css`
+          ${({theme:a})=>a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
             display: none;
           }
         `}}
   }
 
   ${SamplesMiddlePanel}, ${NextSectionButtonWrap} {
-    ${({showRightPanelToggle:e,layout:a})=>e&&a===LayoutVariant.THREE_PANEL?css`
+    ${({showRightPanelToggle:a,layout:e})=>a&&e===LayoutVariant.THREE_PANEL?css`
           margin: 0;
-          ${({theme:e})=>e.mediaQueries.small} {
+          ${({theme:a})=>a.mediaQueries.small} {
             ${getMarginFixesByName("--layout-panel-schemas-small-max-width")};
           }
-          ${({theme:e})=>e.mediaQueries.medium} {
+          ${({theme:a})=>a.mediaQueries.medium} {
             max-width: var(--layout-panel-schemas-medium-max-width);
             ${getMarginFixesByName("--layout-panel-schemas-medium-max-width")};
           }
-          ${({theme:e})=>e.mediaQueries.large} {
+          ${({theme:a})=>a.mediaQueries.large} {
             max-width: var(--layout-panel-schemas-large-max-width);
             ${getMarginFixesByName("--layout-panel-schemas-large-max-width")};
           }
-        `:a!==LayoutVariant.STACKED&&e?void 0:css`
+        `:e!==LayoutVariant.STACKED&&a?void 0:css`
           width: 100%;
           padding-right: var(--spacing-horizontal);
         `};

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import type { LayoutVariant } from 'src/constants';
+import type { LayoutVariant } from '@redocly/theme';
 import type { CodeSampleConfig, Options, RawOptions, SpecVersions } from '../../services';
 import type { MediaQueries } from '../../utils';
 import type { OpenAPIDefinition } from '../../types';
-import type { RoutingProps } from '../../hoc/types';
+import type { RoutingProps, StoreProps } from '../../hoc/types';
 import type { OperationModel } from '../../models';
 export interface ResolvedTheme {
     mediaQueries: Omit<MediaQueries, 'print'>;
@@ -12,9 +12,8 @@ export interface ResolvedTheme {
         samplesPanel: keyof Omit<MediaQueries, 'print'>;
     };
 }
-export interface RedoclyOpenAPIDocsProps extends RoutingProps {
+export interface RedoclyOpenAPIDocsProps extends RoutingProps, StoreProps {
     onLoaded?: () => void;
-    _forceRenderInfo?: boolean;
     store?: StoreProviderProps;
     licenseKey?: string;
 }
@@ -26,6 +25,8 @@ export interface StoreProviderProps {
     portalOptions?: {
         defaultMimeType?: string;
         operation?: OperationModel;
+        layout?: LayoutVariant;
+        showRightPanelToggle?: boolean;
         definitionId?: string;
     };
 }

package/lib-esm/components/RedoclyOpenAPIDocs/utils.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,n,t,i){return new(t||(t=Promise))((function(o,r){function c(e){try{s(i.next(e))}catch(e){r(e)}}function d(e){try{s(i.throw(e))}catch(e){r(e)}}function s(e){var n;e.done?o(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(c,d)}s((i=i.apply(e,n||[])).next())}))};import{useRef}from"react";import isDeepEqual from"fast-deep-equal";import{loadAndBundleDefinition,safeSlugify}from"../../utils";export function fixSpec(e){const n=e.components&&e.components.securitySchemes||{};for(const e of Object.keys(n)){const t=n[e];t["x-type"]&&(t.type=t["x-type"]),t["x-scheme"]&&(t.scheme=t["x-scheme"])}}export function loadMany(e){return __awaiter(this,void 0,void 0,(function*(){return yield loadSpecs(e||{}),e}))}export function loadSingle(e,n,t){return __awaiter(this,void 0,void 0,(function*(){let i;if(null==t?void 0:t.skipBundleAndConvert){if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');i=e}else i=yield loadAndBundleDefinition(e||n);const o=null==t?void 0:t.unstable_externalDescription;if(o)try{const e=yield fetch(o);i.info.description=yield e.text()}catch(e){console.warn(`Failed to load external description from ${o}: ${e.message}`)}try{fixSpec(i)}catch(e){}return i}))}export function loadAndBundleSpecOrMd(e,n){return e.endsWith(".md")?loadAndBundleDefinition({openapi:"3.0.0",info:{title:n||"",version:"1.0",description:{$ref:e}},paths:{}}):loadAndBundleDefinition(e)}export function loadSpecs({versions:e}){return __awaiter(this,void 0,void 0,(function*(){if(Array.isArray(e))for(const n of e)n.url&&(n.spec=yield loadAndBundleSpecOrMd(n.url))}))}export function useDeepCompareMemoize(e){const n=useRef(),t=useRef(0);return isDeepEqual(e,n.current)||(n.current=e,t.current+=1),[t.current]}export function getMarkdownHeaderId(e){return"string"==typeof e[0]?`section/${safeSlugify(e[0])}`:e.children?getMarkdownHeaderId(e[0]):void 0}
+var __awaiter=this&&this.__awaiter||function(e,n,t,i){return new(t||(t=Promise))((function(o,r){function c(e){try{s(i.next(e))}catch(e){r(e)}}function d(e){try{s(i.throw(e))}catch(e){r(e)}}function s(e){var n;e.done?o(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(c,d)}s((i=i.apply(e,n||[])).next())}))};import{useRef}from"react";import isDeepEqual from"fast-deep-equal";import{loadAndBundleDefinition}from"../../utils/loadAndBundleSpec";import{safeSlugify}from"../../utils/helpers";export function fixSpec(e){const n=e.components&&e.components.securitySchemes||{};for(const e of Object.keys(n)){const t=n[e];t["x-type"]&&(t.type=t["x-type"]),t["x-scheme"]&&(t.scheme=t["x-scheme"])}}export function loadMany(e){return __awaiter(this,void 0,void 0,(function*(){return yield loadSpecs(e||{}),e}))}export function loadSingle(e,n,t){return __awaiter(this,void 0,void 0,(function*(){let i;if(null==t?void 0:t.skipBundleAndConvert){if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');i=e}else i=yield loadAndBundleDefinition(e||n);const o=null==t?void 0:t.unstable_externalDescription;if(o)try{const e=yield fetch(o);i.info.description=yield e.text()}catch(e){console.warn(`Failed to load external description from ${o}: ${e.message}`)}try{fixSpec(i)}catch(e){}return i}))}export function loadAndBundleSpecOrMd(e,n){return e.endsWith(".md")?loadAndBundleDefinition({openapi:"3.0.0",info:{title:n||"",version:"1.0",description:{$ref:e}},paths:{}}):loadAndBundleDefinition(e)}export function loadSpecs({versions:e}){return __awaiter(this,void 0,void 0,(function*(){if(Array.isArray(e))for(const n of e)n.url&&(n.spec=yield loadAndBundleSpecOrMd(n.url))}))}export function useDeepCompareMemoize(e){const n=useRef(),t=useRef(0);return isDeepEqual(e,n.current)||(n.current=e,t.current+=1),[t.current]}export function getMarkdownHeaderId(e){return"string"==typeof e[0]?`section/${safeSlugify(e[0])}`:e.children?getMarkdownHeaderId(e[0]):void 0}
 //# sourceMappingURL=utils.js.map

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

@@ -1,4 +1,4 @@
-import React,{memo,useCallback,useMemo}from"react";import styled from"styled-components";import{PanelBody}from"@redocly/theme";import{useRecoilState,useRecoilValue}from"recoil";import{setRecoil}from"recoil-nexus";import{SamplesMiddlePanel,SamplesPanel,Row,Section}from"../common";import{getMediaType}from"../../models";import{LayoutVariant}from"../../constants";import{MediaTypeSamples}from"../PayloadSamples";import{Schema}from"../Schema";import{Markdown}from"../Markdown";import{CodePanel}from"../Panel";import{layoutSelector,showRightPanelToggleSelector}from"../../recoil/app";import{globalStoreSelector}from"../../recoil/store";import{operationStore}from"../../recoil/operation";const getMediaTypeInfo=(e,o)=>{if(!e)return{};const a={schema:{$ref:e}};return o&&(a.examples={example:{$ref:o}}),a};function SchemaDefinitionComponent({schemaRef:e,exampleRef:o,showReadOnly:a=!0,showWriteOnly:t=!1}){var l,n,i;const r=useRecoilValue(layoutSelector),{parser:m,options:c}=useRecoilValue(globalStoreSelector),s=useRecoilValue(showRightPanelToggleSelector),p=useMemo((()=>getMediaType(m,"json",!1,getMediaTypeInfo(e,o),c,{operation:{pointer:"SchemaDefinitionComponent"}})),[o,c,m,e]),[d,u]=useRecoilState(operationStore(null===(l=p.operation)||void 0===l?void 0:l.pointer)),f=useCallback((e=>{var o;const a=null===(o=p.schema)||void 0===o?void 0:o.oneOf;if(a&&(null==p?void 0:p.examples)&&Object.keys(null==p?void 0:p.examples).includes(e)){const o=a.findIndex((o=>o.title===e));-1!==o&&p.schema&&setRecoil(operationStore(p.schema.deps.operation.pointer),(e=>{var a,t,l;return Object.assign(Object.assign({},e),{activeExampleName:(null===(l=null===(t=null===(a=p.schema)||void 0===a?void 0:a.oneOf)||void 0===t?void 0:t[o])||void 0===l?void 0:l.title)||e.activeExampleName,activeOneOf:o})}))}d.activeExampleName!==e&&u((o=>Object.assign(Object.assign({},o),{activeExampleName:e})))}),[null==p?void 0:p.examples,p.schema,d.activeExampleName,u]);return React.createElement(Section,null,React.createElement(Row,{layout:r},React.createElement(SamplesMiddlePanel,{isStacked:r===LayoutVariant.STACKED||!s},(null===(n=p.schema)||void 0===n?void 0:n.description)&&React.createElement(Description,null,React.createElement(Markdown,{source:null===(i=p.schema)||void 0===i?void 0:i.description})),React.createElement(StyledPanelBody,{className:"panel-default"},React.createElement(Schema,{skipWriteOnly:!t,skipReadOnly:!a,schema:p.schema}))),s?React.createElement(SamplesPanel,null,React.createElement(CodePanel,{className:"panel-response-samples"},React.createElement(MediaTypeSamples,{mediaType:p,onChange:f}))):null))}export const SchemaDefinition=memo(SchemaDefinitionComponent);const Description=styled.div`
+import React,{memo,useCallback,useMemo}from"react";import styled from"styled-components";import{PanelBody,LayoutVariant}from"@redocly/theme";import{useRecoilState,useRecoilValue}from"recoil";import{setRecoil}from"recoil-nexus";import{SamplesMiddlePanel,SamplesPanel,Row,Section}from"../common";import{getMediaType}from"../../models";import{MediaTypeSamples}from"../PayloadSamples";import{Schema}from"../Schema";import{Markdown}from"../Markdown";import{CodePanel}from"../Panel";import{layoutSelector,showRightPanelToggleSelector}from"../../recoil/app";import{globalStoreSelector}from"../../recoil/store";import{operationStore}from"../../recoil/operation";const getMediaTypeInfo=(e,o)=>{if(!e)return{};const a={schema:{$ref:e}};return o&&(a.examples={example:{$ref:o}}),a};function SchemaDefinitionComponent({schemaRef:e,exampleRef:o,showReadOnly:a=!0,showWriteOnly:t=!1}){var l,n,i;const r=useRecoilValue(layoutSelector),{parser:m,options:c}=useRecoilValue(globalStoreSelector),s=useRecoilValue(showRightPanelToggleSelector),p=useMemo((()=>getMediaType(m,"json",!1,getMediaTypeInfo(e,o),c,{operation:{pointer:"SchemaDefinitionComponent"}})),[o,c,m,e]),[d,u]=useRecoilState(operationStore(null===(l=p.operation)||void 0===l?void 0:l.pointer)),S=useCallback((e=>{var o;const a=null===(o=p.schema)||void 0===o?void 0:o.oneOf;if(a&&(null==p?void 0:p.examples)&&Object.keys(null==p?void 0:p.examples).includes(e)){const o=a.findIndex((o=>o.title===e));-1!==o&&p.schema&&setRecoil(operationStore(p.schema.deps.operation.pointer),(e=>{var a,t,l;return Object.assign(Object.assign({},e),{activeExampleName:(null===(l=null===(t=null===(a=p.schema)||void 0===a?void 0:a.oneOf)||void 0===t?void 0:t[o])||void 0===l?void 0:l.title)||e.activeExampleName,activeOneOf:o})}))}d.activeExampleName!==e&&u((o=>Object.assign(Object.assign({},o),{activeExampleName:e})))}),[null==p?void 0:p.examples,p.schema,d.activeExampleName,u]);return React.createElement(Section,null,React.createElement(Row,{layout:r},React.createElement(SamplesMiddlePanel,{isStacked:r===LayoutVariant.STACKED||!s},(null===(n=p.schema)||void 0===n?void 0:n.description)&&React.createElement(Description,null,React.createElement(Markdown,{source:null===(i=p.schema)||void 0===i?void 0:i.description})),React.createElement(StyledPanelBody,{className:"panel-default"},React.createElement(Schema,{skipWriteOnly:!t,skipReadOnly:!a,schema:p.schema}))),s?React.createElement(SamplesPanel,null,React.createElement(CodePanel,{className:"panel-response-samples"},React.createElement(MediaTypeSamples,{mediaType:p,onChange:S}))):null))}export const SchemaDefinition=memo(SchemaDefinitionComponent);const Description=styled.div`
   margin-bottom: var(--spacing-vertical);
 `,StyledPanelBody=styled(PanelBody)`
   --panel-schemas-body-padding: var(--panel-body-padding);

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

@@ -9,8 +9,7 @@ interface SectionContentProps {
         name: string;
         href?: string;
     };
-    showApiInfo: boolean;
     showNextButton: Options['showNextButton'];
 }
-export declare function SectionContent({ items, pagination, nextSectionLink, showNextButton, showApiInfo, }: SectionContentProps): JSX.Element;
+export declare function SectionContent({ items, pagination, nextSectionLink, showNextButton, }: SectionContentProps): JSX.Element;
 export {};

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

@@ -1,2 +1,2 @@
-import React,{useMemo}from"react";import{ApiInfo}from"../ApiInfo";import{ContentItem}from"../ContentItem";import{NextSectionButton}from"../NextSectionButton";import{Pagination}from"../../services";export function SectionContent({items:t,pagination:e,nextSectionLink:n,showNextButton:o,showApiInfo:i}){const a=useMemo((()=>e===Pagination.None?t:null==t?void 0:t.filter((t=>"section"===t.type))),[t,e]);return React.createElement(React.Fragment,null,i&&React.createElement(ApiInfo,null),a&&a.map((t=>React.createElement(ContentItem,{key:t.id,item:t,pagination:e,showNextButton:o}))),o&&n&&React.createElement(NextSectionButton,{href:n.href||"",label:n.name,pagination:e}))}
+import React,{useMemo}from"react";import{ContentItem}from"../ContentItem";import{NextSectionButton}from"../NextSectionButton";import{Pagination}from"../../services";export function SectionContent({items:t,pagination:e,nextSectionLink:n,showNextButton:o}){const i=useMemo((()=>e===Pagination.None?t:null==t?void 0:t.filter((t=>"section"===t.type))),[t,e]);return React.createElement(React.Fragment,null,i.map((t=>React.createElement(ContentItem,{key:t.id,item:t}))),o&&n&&React.createElement(NextSectionButton,{href:n.href||"",label:n.name,pagination:e}))}
 //# sourceMappingURL=SectionContent.js.map

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Actions: () => JSX.Element;

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

@@ -0,0 +1,2 @@
+import React from"react";import{useRecoilState,useRecoilValue}from"recoil";import{SidebarActions,LayoutVariant}from"@redocly/theme";import{collapsedSidebarSelector,layoutSelector,showRightPanelToggleSelector}from"../../recoil/app";import{globalOptionsSelector}from"../../recoil/store";export const Actions=()=>{const{showChangeLayoutButton:e,showRightPanelToggle:o}=useRecoilValue(globalOptionsSelector),[t,a]=useRecoilState(layoutSelector),[l,i]=useRecoilState(showRightPanelToggleSelector),[c,r]=useRecoilState(collapsedSidebarSelector);return React.createElement(React.Fragment,null,React.createElement("div",{"data-component-name":"Sidebar/Actions",style:{position:"sticky",top:"calc(100vh - var(--layout-controls-height) - 20px)"}},React.createElement(SidebarActions,{showChangeLayoutButton:e,showRightPanelToggle:l,layout:t,initialShowRightPanelToggle:o,onChangeRightPanelViewClick:()=>i((e=>!e)),onChangeViewClick:()=>a(t===LayoutVariant.STACKED?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED),collapsedSidebar:c,onChangeCollapseSidebarClick:()=>r((e=>!e)),isOpenapiDocs:!0})))};
+//# sourceMappingURL=Actions.js.map

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

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

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

@@ -1,2 +1,2 @@
-import React,{memo,useCallback}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{encodeBackSlashes}from"../../utils";import{useMenuItemExpanded}from"./hooks";function MenuItemComponent({item:e,children:t,onClick:n}){var m;const[o,i]=useMenuItemExpanded(e),a=useCallback((()=>{e.href&&e.hasActiveSubItem||i(!o)}),[o,e.href,e.hasActiveSubItem,i]),c=(null===(m=e.items)||void 0===m?void 0:m.length)>0,r=encodeBackSlashes(e.href);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:c,active:e.active,onClick:a},e.depth>0&&c&&React.createElement(ShelfIcon,{direction:o?"down":"right"})||null,e.isSchema?React.createElement(Badge,{type:"schema"},"schema"):null,React.createElement(MenuItemTitle,{title:e.name},e.name,t)),c&&React.createElement(MenuItems,{expanded:o,items:e.items}))}export const MenuItem=memo(MenuItemComponent);
+import React,{memo,useCallback}from"react";import{Badge}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 i;const[o,a]=useMenuItemExpanded(e),c=getLink(e,m),r=useCallback((()=>{c&&e.hasActiveSubItem||a(!o)}),[c,e.hasActiveSubItem,a,o]),l=(null===(i=e.items)||void 0===i?void 0:i.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:c,active:e.active},t):React.createElement(MenuItemLink,{to:c,depth:e.depth,type:e.type,hasChildren:l,active:e.active,onClick:r},e.depth>0&&l&&React.createElement(ShelfIcon,{direction:o?"down":"right"})||null,e.isSchema?React.createElement(Badge,{type:"schema"},"schema"):null,React.createElement(MenuItemTitle,{title:e.name},e.name,t)),l&&React.createElement(MenuItems,{expanded:o,items:e.items}))}export const MenuItem=memo(MenuItemComponent);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/MenuItemLink.js

@@ -1,2 +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:o,type:a,onClick:i}){return n?React.createElement(StyledMenuItemLink,{$active:o,$hasChildren:m,type:a,deprecated:r,depth:c,to:n,onClick:i},t):React.createElement(MenuItemLabel,{type:a,active:o,deprecated:r,depth:c,href:e},t)}export const MenuItemLink=memo(MenuItemLinkComponent);
+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.js

@@ -1,2 +1,2 @@
-import React,{memo}from"react";import{MenuItem}from"./MenuItem";import{MenuItemUl}from"./styled";import{MenuExternalLink}from"./MenuItemEternalLink";function MenuItemsComponents({items:e,root:t,className:n,linksBefore:m=[],linksAfter:r=[],expanded:a=!0,style:i}){return React.createElement(MenuItemUl,{className:n,style:i,expanded:a,role:t?"navigation":void 0},m.map((e=>React.createElement(MenuExternalLink,{key:JSON.stringify(e),link:e}))),e.map((e=>React.createElement(MenuItem,{key:e.id,item:e}))),r.map((e=>React.createElement(MenuExternalLink,{key:JSON.stringify(e),link:e}))))}export const MenuItems=memo(MenuItemsComponents);
+import React,{memo}from"react";import{useRecoilValue}from"recoil";import{MenuItem}from"./MenuItem";import{MenuItemUl}from"./styled";import{MenuExternalLink}from"./MenuItemEternalLink";import{globalOptionsSelector}from"../../recoil/store";import{Pagination}from"../../services";import{isRootItem}from"../ContentItems/helpers";function MenuItemsComponents({items:e,root:t,className:n,linksBefore:o=[],linksAfter:i=[],expanded:m=!0,style:r}){const{pagination:a,hideInfoSection:l}=useRecoilValue(globalOptionsSelector);return React.createElement(MenuItemUl,{className:n,style:r,expanded:m,role:t?"navigation":void 0},o.map((e=>React.createElement(MenuExternalLink,{key:JSON.stringify(e),link:e}))),e.map((e=>l&&a===Pagination.None&&isRootItem(e)?null:React.createElement(MenuItem,{key:e.id,item:e,pagination:a}))),i.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/styled.d.ts

@@ -8,13 +8,15 @@ export declare const MenuItemLi: import("styled-components").StyledComponent<"li
 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">;
+}, "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;

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

@@ -13,7 +13,7 @@ import styled from"styled-components";import{Link}from"react-router-dom";import{
   text-overflow: ellipsis;
   padding: 0;
   ${({depth:e})=>0===e?"margin-top: 10px":""};
-`;export const StyledMenuItemLink=styled(Link).attrs((({depth:e,$active:r})=>({role:"menuitem",className:`-depth${e} ${r?"active":""}`})))`
+`;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})`};

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

@@ -4,6 +4,7 @@ interface StickySidebarProps {
     className?: string;
     scrollYOffset: Options['scrollYOffset'];
     hideFab: Options['hideFab'];
+    collapsedSidebar: boolean;
 }
 export declare const StickyResponsiveSidebar: React.NamedExoticComponent<React.PropsWithChildren<StickySidebarProps>>;
 export {};

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

@@ -1,8 +1,8 @@
-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`
+import React,{memo,useEffect,useRef,useState}from"react";import styled,{css}from"styled-components";import{MobileSidebarButton,MobileSidebarIcon,useMount,useUnmount}from"@redocly/theme";import{useRecoilState}from"recoil";import{useLocation}from"react-router-dom";import{IS_BROWSER}from"../../utils";import{isSidebarOpenedSelector}from"../../recoil/app";import{Actions}from"../SideMenu/Actions";let Stickyfill;IS_BROWSER&&(Stickyfill=require("stickyfill"));const stickyfill=Stickyfill&&Stickyfill(),StyledStickySidebar=styled.div`
   overflow: hidden;
   flex-direction: column;
   backface-visibility: hidden;
-  height: 100vh;
+  height: ${({offsetTop:e})=>`calc(100vh - ${e})`};
   top: 0;
   flex: 0 0 auto;
   position: fixed;
@@ -10,13 +10,13 @@ import React,{memo,useRef,useState}from"react";import styled,{css}from"styled-co
   z-index: 2;
   width: 100%;
   background: var(--sidebar-background-color);
-  border-right: 1px solid var(--sidebar-border-color);
+  border-right: ${({collapsedSidebar:e})=>e?"1px solid var(--sidebar-border-color)":"auto"};
 
-  ${({theme:e})=>css`
+  ${({theme:e,collapsedSidebar:t})=>css`
     ${e.mediaQueries[e.showAtBreakpoint.sidebar]} {
       position: sticky;
       z-index: auto;
-      width: var(--sidebar-width);
+      width: ${t?"var(--sidebar-width)":"auto"};
       display: flex;
     }
     ${e.mediaQueries.print} {
@@ -35,5 +35,5 @@ import React,{memo,useRef,useState}from"react";import styled,{css}from"styled-co
       display: none;
     }
   `}
-`;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);
+`;function StickyResponsiveSidebarComponent({scrollYOffset:e,hideFab:t,className:i,children:o,collapsedSidebar:r}){const[a,l]=useState("0px"),s=useRef(null),c=useLocation(),[n,d]=useRecoilState(isSidebarOpenedSelector);useEffect((()=>{c.hash&&d(!1)}),[c.pathname,c.hash,d]),useMount((()=>{stickyfill&&stickyfill.add(s.current);const t=e();l(`${t}px`)})),useUnmount((()=>{stickyfill&&stickyfill.remove(s.current)}));return React.createElement(React.Fragment,null,React.createElement(StyledStickySidebar,{open:n,className:i,offsetTop:a,style:{top:a},ref:s,collapsedSidebar:r},r||n?o:null,React.createElement(Actions,null)),!t&&React.createElement(FloatingButton,{opened:n,onClick:()=>{d(!n)}},React.createElement(MobileSidebarIcon,null)))}export const StickyResponsiveSidebar=memo(StickyResponsiveSidebarComponent);
 //# sourceMappingURL=StickyResponsiveSidebar.js.map

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

@@ -1,2 +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}))}
+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,withChildren:n!==Pagination.Item}),n===Pagination.Item&&React.createElement(SectionContent,{items:t.items||[],pagination:n,showNextButton:!1}),o&&e&&React.createElement(NextSectionButton,{href:e.href||"",label:e.name,pagination:n}))}
 //# sourceMappingURL=TagItems.js.map

package/lib-esm/components/common/panels.d.ts

@@ -1,4 +1,4 @@
-import { LayoutVariant } from '../../constants';
+import { LayoutVariant } from '@redocly/theme';
 export declare const SamplesMiddlePanel: import("styled-components").StyledComponent<"div", any, {
     compact?: boolean | undefined;
     isStacked?: boolean | undefined;