@redocly/openapi-docs 3.0.0-alpha.27 → 3.0.0-alpha.29

package/lib/components/ApiInfo/ApiInfo.d.ts

@@ -1,2 +1,5 @@
 /// <reference types="react" />
-export declare function ApiInfo(): JSX.Element | null;
+import type { GroupModel } from '../../models';
+export declare function ApiInfo({ item: { infoDefinition: info }, }: {
+    item: GroupModel;
+}): JSX.Element | null;

package/lib/components/ApiInfo/ApiInfo.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApiInfo=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),recoil_1=require("recoil"),app_1=require("../../recoil/app"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),Download_1=require("../Download"),RenderHook_1=require("../RenderHook"),styled_1=require("./styled"),store_1=require("../../recoil/store"),saveTextBeforeHeading_1=require("../../utils/saveTextBeforeHeading"),helpers_1=require("../../utils/helpers"),ServerList_1=require("../Endpoint/ServerList"),CodePanel_1=require("../Panel/CodePanel"),openapi_1=require("../../utils/openapi"),operation_1=require("../../models/operation");function ApiInfo(){const{options:{markdownHeadingsAnchorLevel:e,hooks:t,hideDownloadButton:r,expandDefaultServerVariables:a,mockServer:l},parser:{definition:n,definitionUrl:o}}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),c=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),i=(0,saveTextBeforeHeading_1.saveTextBeforeHeading)((0,helpers_1.getValueFromMdParsedExtension)(null==n?void 0:n.info,"description")||"",e),d=(0,helpers_1.getValueFromMdParsedExtension)(null==n?void 0:n.info,"summary")||void 0,u=null==n?void 0:n.info,s=null==n?void 0:n.externalDocs,_=(0,openapi_1.normalizeServers)(o,(0,operation_1.mergeInMockServer)(n.servers||[],l));if(!u)return null;const m=u.license&&react_1.default.createElement(styled_1.InfoSpan,null,"License:"," ",u.license.identifier?u.license.identifier:react_1.default.createElement("a",{href:u.license.url},u.license.name))||null,f=u.contact&&u.contact.url&&react_1.default.createElement(styled_1.InfoSpan,null,"URL: ",react_1.default.createElement("a",{href:u.contact.url},u.contact.url))||null,p=u.contact&&u.contact.email&&react_1.default.createElement(styled_1.InfoSpan,null,u.contact.name||"E-mail",":"," ",react_1.default.createElement("a",{href:"mailto:"+u.contact.email},u.contact.email))||null,v=u.termsOfService&&react_1.default.createElement(styled_1.InfoSpan,null,react_1.default.createElement("a",{href:u.termsOfService},"Terms of Service"))||null,E=u.version&&react_1.default.createElement("span",null,"(",u.version,")")||null;return react_1.default.createElement(common_1.Section,null,react_1.default.createElement(common_1.Row,null,react_1.default.createElement(common_1.SamplesMiddlePanel,{className:"api-info"},react_1.default.createElement(styled_1.ApiHeader,null,u.title," ",E),react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==t?void 0:t.AfterApiTitle,props:{info:u}}),!r&&react_1.default.createElement(Download_1.DownloadButtonWithLabel,{wrapped:!0}),react_1.default.createElement(Markdown_1.StyledMarkdownBlock,null,(u.license||u.contact||u.termsOfService)&&react_1.default.createElement(styled_1.InfoSpanBoxWrap,null,react_1.default.createElement(styled_1.InfoSpanBox,null,p," ",f," ",m," ",v))||null),d&&react_1.default.createElement(Markdown_1.Markdown,{source:d,"data-role":"redoc-summary"}),i&&react_1.default.createElement(Markdown_1.Markdown,{source:i,"data-role":"redoc-description"}),s&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:s})),c&&_.length?react_1.default.createElement(InfoSamplesPanel,{"data-cy":"samples-block"},react_1.default.createElement(CodePanel_1.CodePanel,{className:"panel-try-it",header:"Servers",expanded:!0},react_1.default.createElement(ServerList_1.ServerList,{servers:_,path:"/",expandVariables:Boolean(a),hideHostname:!1}))):null))}exports.ApiInfo=ApiInfo;const InfoSamplesPanel=(0,styled_components_1.default)(common_1.SamplesPanel)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApiInfo=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),recoil_1=require("recoil"),app_1=require("../../recoil/app"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),Download_1=require("../Download"),RenderHook_1=require("../RenderHook"),styled_1=require("./styled"),store_1=require("../../recoil/store"),saveTextBeforeHeading_1=require("../../utils/saveTextBeforeHeading"),helpers_1=require("../../utils/helpers"),ServerList_1=require("../Endpoint/ServerList"),CodePanel_1=require("../Panel/CodePanel"),openapi_1=require("../../utils/openapi"),operation_1=require("../../models/operation");function ApiInfo({item:{infoDefinition:e}}){const{options:{markdownHeadingsAnchorLevel:t,hooks:r,hideDownloadButton:a,expandDefaultServerVariables:l,mockServer:n,hideInfoSection:o,hideInfoDescription:c},parser:{definition:i,definitionUrl:u}}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),d=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),s=(0,recoil_1.useRecoilValue)(app_1.layoutSelector);if(!e||o)return null;const _=c?null:(0,saveTextBeforeHeading_1.saveTextBeforeHeading)((0,helpers_1.getValueFromMdParsedExtension)(e,"description")||"",t),m=(0,helpers_1.getValueFromMdParsedExtension)(e,"summary")||void 0,f=null==i?void 0:i.externalDocs,p=(0,openapi_1.normalizeServers)(u,(0,operation_1.mergeInMockServer)(i.servers||[],n)),E=e.license&&react_1.default.createElement(styled_1.InfoSpan,null,"License:"," ",e.license.identifier?e.license.identifier:react_1.default.createElement("a",{href:e.license.url},e.license.name))||null,S=e.contact&&e.contact.url&&react_1.default.createElement(styled_1.InfoSpan,null,"URL: ",react_1.default.createElement("a",{href:e.contact.url},e.contact.url))||null,v=e.contact&&e.contact.email&&react_1.default.createElement(styled_1.InfoSpan,null,e.contact.name||"E-mail",":"," ",react_1.default.createElement("a",{href:"mailto:"+e.contact.email},e.contact.email))||null,h=e.termsOfService&&react_1.default.createElement(styled_1.InfoSpan,null,react_1.default.createElement("a",{href:e.termsOfService},"Terms of Service"))||null,x=e.version&&react_1.default.createElement("span",null,"(",e.version,")")||null;return react_1.default.createElement(common_1.Section,null,react_1.default.createElement(common_1.Row,{layout:s},react_1.default.createElement(common_1.SamplesMiddlePanel,{className:"api-info"},react_1.default.createElement(styled_1.ApiHeader,null,e.title," ",x),react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==r?void 0:r.AfterApiTitle,props:{info:e}}),!a&&react_1.default.createElement(Download_1.DownloadButtonWithLabel,{wrapped:!0}),react_1.default.createElement(Markdown_1.StyledMarkdownBlock,null,(e.license||e.contact||e.termsOfService)&&react_1.default.createElement(styled_1.InfoSpanBoxWrap,null,react_1.default.createElement(styled_1.InfoSpanBox,null,v," ",S," ",E," ",h))||null),m&&react_1.default.createElement(Markdown_1.Markdown,{source:m,"data-role":"redoc-summary"}),_&&react_1.default.createElement(Markdown_1.Markdown,{source:_,"data-role":"redoc-description"}),f&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:f})),d&&p.length?react_1.default.createElement(InfoSamplesPanel,{"data-cy":"samples-block"},react_1.default.createElement(CodePanel_1.CodePanel,{className:"panel-try-it",header:"Servers",expanded:!0},react_1.default.createElement(ServerList_1.ServerList,{servers:p,path:"/",expandVariables:Boolean(l),hideHostname:!1}))):null))}exports.ApiInfo=ApiInfo;const InfoSamplesPanel=(0,styled_components_1.default)(common_1.SamplesPanel)`
   margin-top: calc(var(--h1-font-size) * 1.5);
 `;
 //# sourceMappingURL=ApiInfo.js.map

package/lib/components/Callbacks/CallbackOperation.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackOperation=void 0;const react_1=__importDefault(require("react")),react_router_dom_1=require("react-router-dom"),useMenuItemLink_1=require("../SideMenu/useMenuItemLink"),Panel_1=require("../Panel"),CallbackDetails_1=require("./CallbackDetails"),CallbackSummary_1=require("./CallbackSummary"),CallbackOperation=({operation:e})=>{const a=(0,react_router_dom_1.useLocation)(),t=(0,useMenuItemLink_1.checkIfPathIncludes)(a,`cb=${e.callbackId}`);return react_1.default.createElement(Panel_1.CallbackPanel,{header:({expanded:a,toggle:t})=>react_1.default.createElement(CallbackSummary_1.CallbackSummary,{operation:e,toggle:t,expanded:a}),expanded:Boolean(t),className:"panel-response-callback"},react_1.default.createElement(CallbackDetails_1.CallbackDetails,{operation:e}))};exports.CallbackOperation=CallbackOperation;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackOperation=void 0;const react_1=__importDefault(require("react")),react_router_dom_1=require("react-router-dom"),Panel_1=require("../Panel"),CallbackDetails_1=require("./CallbackDetails"),CallbackSummary_1=require("./CallbackSummary"),utils_1=require("../../utils"),CallbackOperation=({operation:e})=>{const a=(0,react_router_dom_1.useLocation)(),l=(0,utils_1.pathIncludesLink)(a,`cb=${e.callbackId}`);return react_1.default.createElement(Panel_1.CallbackPanel,{header:({expanded:a,toggle:l})=>react_1.default.createElement(CallbackSummary_1.CallbackSummary,{operation:e,toggle:l,expanded:a}),expanded:Boolean(l),className:"panel-response-callback"},react_1.default.createElement(CallbackDetails_1.CallbackDetails,{operation:e}))};exports.CallbackOperation=CallbackOperation;
 //# sourceMappingURL=CallbackOperation.js.map

package/lib/components/ContentItem/ContentItem.d.ts

@@ -1,10 +1,7 @@
 import React from 'react';
-import type { Options, Pagination } from '../../services';
 import type { ContentItemModel } from '../../models';
 interface ContentItemProps {
     item: ContentItemModel;
-    pagination: Pagination;
-    showNextButton: Options['showNextButton'];
     withChildren?: boolean;
 }
 export declare const ContentItem: React.NamedExoticComponent<ContentItemProps>;

package/lib/components/ContentItem/ContentItem.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentItem=void 0;const react_1=__importStar(require("react")),TagItem_1=require("../TagItem"),SectionItem_1=require("../SectionItem"),OperationItem_1=require("../OperationItem"),common_1=require("../common"),ContentItems_1=require("../ContentItems"),ContentComponentMap={group:null,tag:TagItem_1.TagItem,section:SectionItem_1.SectionItem,schema:TagItem_1.TagItem,operation:OperationItem_1.OperationItem};function ContentItemComponent({item:e,pagination:t,showNextButton:n,withChildren:o=!0}){var r;const i=ContentComponentMap[e.type];return react_1.default.createElement(react_1.default.Fragment,null,i&&react_1.default.createElement(common_1.Section,{id:e.id,sectionId:e.id,underlined:"operation"===e.type||"schema"===e.type},react_1.default.createElement(i,{item:e})),o&&Boolean(null===(r=e.items)||void 0===r?void 0:r.length)&&react_1.default.createElement(ContentItems_1.ContentItems,{items:e.items,pagination:t,showNextButton:n,showApiInfo:!1}))}exports.ContentItem=(0,react_1.memo)(ContentItemComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentItem=void 0;const react_1=__importStar(require("react")),TagItem_1=require("../TagItem"),SectionItem_1=require("../SectionItem"),OperationItem_1=require("../OperationItem"),common_1=require("../common"),ContentItems_1=require("../ContentItems"),ApiInfo_1=require("../ApiInfo"),helpers_1=require("../ContentItems/helpers"),ContentComponentMap={group:null,tag:TagItem_1.TagItem,section:SectionItem_1.SectionItem,schema:TagItem_1.TagItem,operation:OperationItem_1.OperationItem,root:ApiInfo_1.ApiInfo};function ContentItemComponent({item:e,withChildren:t=!0}){var n;const o=ContentComponentMap[(0,helpers_1.isRootItem)(e)?"root":e.type];return react_1.default.createElement(react_1.default.Fragment,null,o&&react_1.default.createElement(common_1.Section,{id:e.id,sectionId:e.id,underlined:"operation"===e.type||"schema"===e.type},react_1.default.createElement(o,{item:e})),t&&Boolean(null===(n=e.items)||void 0===n?void 0:n.length)&&react_1.default.createElement(ContentItems_1.ContentItems,{items:e.items}))}exports.ContentItem=(0,react_1.memo)(ContentItemComponent);
 //# sourceMappingURL=ContentItem.js.map

package/lib/components/ContentItems/ContentItems.d.ts

@@ -1,15 +1,9 @@
 import React from 'react';
-import type { Options } from '../../services';
 import type { ContentItemModel } from '../../models';
-import { Pagination } from '../../services';
 interface ContentItemsProps {
     root?: boolean;
     items: ContentItemModel[];
-    pagination: Pagination;
-    showNextButton: Options['showNextButton'];
-    disablePaginationLoadingAnimation?: Options['disablePaginationLoadingAnimation'];
-    showApiInfo: boolean;
 }
-declare function ContentItemsComponent({ items, root, pagination, showNextButton, showApiInfo, disablePaginationLoadingAnimation, }: ContentItemsProps): JSX.Element | null;
+declare function ContentItemsComponent({ items, root }: ContentItemsProps): JSX.Element | null;
 export declare const ContentItems: React.MemoExoticComponent<typeof ContentItemsComponent>;
 export {};

package/lib/components/ContentItems/ContentItems.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentItems=void 0;const react_1=__importStar(require("react")),react_router_dom_1=require("react-router-dom"),services_1=require("../../services"),utils_1=require("../../utils"),common_1=require("../common"),helpers_1=require("./helpers"),SectionContent_1=require("../SectionContent"),TagItems_1=require("../TagItems"),useAutoScroll_1=require("./useAutoScroll"),ContentItem_1=require("../ContentItem");let isInitialHydrate=!0;function ContentItemsComponent({items:e,root:t=!1,pagination:n,showNextButton:r,showApiInfo:a,disablePaginationLoadingAnimation:o}){const[i,u]=(0,react_1.useState)(utils_1.IS_BROWSER&&!isInitialHydrate&&!o);(0,react_1.useEffect)((()=>{const e=setTimeout((()=>{u(!1)}),200);return isInitialHydrate=!1,()=>{clearTimeout(e)}}),[]),(0,useAutoScroll_1.useAutoScroll)(i);const c=(0,react_1.useMemo)((()=>e.filter((e=>"group"===e.type))),[e]),l=(0,react_1.useMemo)((()=>e.filter((e=>"tag"===e.type))),[e]),_=(0,react_1.useMemo)((()=>e.filter((e=>"operation"===e.type))),[e]),m=(0,react_1.useCallback)(((e,t)=>null==e?void 0:e.map(((e,a)=>{var o;const i=(0,helpers_1.getNextSectionLink)({groupItems:c,groupIdx:t,tagIdx:a});switch(n){case services_1.Pagination.Item:return react_1.default.createElement(react_router_dom_1.Route,{key:e.id,path:e.id},react_1.default.createElement(react_router_dom_1.Route,{index:!0,element:"operation"===e.type?react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,pagination:n,showNextButton:r}):react_1.default.createElement(TagItems_1.TagItems,{tag:e,nextSectionLink:i,pagination:n,showNextButton:r})}),null===(o=e.items)||void 0===o?void 0:o.map((e=>{const o=(0,helpers_1.getNextSectionLink)({groupItems:c,groupIdx:t,tagIdx:a});return react_1.default.createElement(react_router_dom_1.Route,{key:e.id,path:e.id,element:react_1.default.createElement(TagItems_1.TagItems,{tag:e,nextSectionLink:o,pagination:n,showNextButton:r})})})));case services_1.Pagination.Section:return react_1.default.createElement(react_router_dom_1.Route,{key:e.id,path:e.id,element:react_1.default.createElement(TagItems_1.TagItems,{tag:e,nextSectionLink:i,pagination:n,showNextButton:r})});default:return null}}))),[c,n,r]),s=(0,react_1.useMemo)((()=>react_1.default.createElement(react_router_dom_1.Routes,null,react_1.default.createElement(react_router_dom_1.Route,{path:"/",element:react_1.default.createElement(SectionContent_1.SectionContent,{items:e,nextSectionLink:(0,helpers_1.getNextSectionLink)({groupItems:c,groupIdx:0,tagIdx:0}),pagination:n,showNextButton:r,showApiInfo:a})}),c.length?c.map(((e,t)=>m(e.items,t))):m(l,0),_.length&&m(_,0),react_1.default.createElement(react_router_dom_1.Route,{path:"*",element:react_1.default.createElement(react_router_dom_1.Navigate,{to:"/",replace:!0})}))),[c,e,_,n,m,a,r,l]);return t&&!e.length?react_1.default.createElement(react_router_dom_1.Routes,null,react_1.default.createElement(react_router_dom_1.Route,{path:"*",element:react_1.default.createElement(SectionContent_1.SectionContent,{items:[],pagination:n,showNextButton:r,showApiInfo:a})})):e.length?i?react_1.default.createElement("div",{style:{flex:1,width:"100%"}},react_1.default.createElement(common_1.Skeleton,null)):react_1.default.createElement(react_1.default.Fragment,null,t?react_1.default.createElement(react_1.default.Fragment,null,s,n===services_1.Pagination.Section&&_.length&&_.map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,pagination:n,showNextButton:r})))):e.map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,pagination:n,showNextButton:r})))):null}exports.ContentItems=(0,react_1.memo)(ContentItemsComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,a)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentItems=void 0;const react_1=__importStar(require("react")),react_router_dom_1=require("react-router-dom"),recoil_1=require("recoil"),services_1=require("../../services"),utils_1=require("../../utils"),common_1=require("../common"),helpers_1=require("./helpers"),SectionContent_1=require("../SectionContent"),TagItems_1=require("../TagItems"),useAutoScroll_1=require("./useAutoScroll"),ContentItem_1=require("../ContentItem"),store_1=require("../../recoil/store");let isInitialHydrate=!0;function ContentItemsComponent({items:e,root:t=!1}){const{pagination:r,showNextButton:n,disablePaginationLoadingAnimation:a}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),[o,i]=(0,react_1.useState)(utils_1.IS_BROWSER&&!isInitialHydrate&&!a);(0,react_1.useEffect)((()=>{const e=setTimeout((()=>{i(!1)}),200);return isInitialHydrate=!1,()=>{clearTimeout(e)}}),[]),(0,useAutoScroll_1.useAutoScroll)(o);const{groupItems:l,tagItems:c,operationItems:u,rootItem:_}=(0,helpers_1.getItemsByType)(e),m=!t||_?"/":(0,helpers_1.getFirstPageLink)(e)||"/",s=(0,react_1.useCallback)(((e,t)=>null==e?void 0:e.map(((e,a)=>{var o;const i=(0,helpers_1.getNextSectionLink)({groupItems:l,groupIdx:t,tagIdx:a});switch(r){case services_1.Pagination.Item:return react_1.default.createElement(react_router_dom_1.Route,{key:e.id,path:e.id},react_1.default.createElement(react_router_dom_1.Route,{index:!0,element:"operation"===e.type?react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e}):react_1.default.createElement(TagItems_1.TagItems,{tag:e,nextSectionLink:i,pagination:r,showNextButton:n})}),null===(o=e.items)||void 0===o?void 0:o.map((e=>{const o=(0,helpers_1.getNextSectionLink)({groupItems:l,groupIdx:t,tagIdx:a});return react_1.default.createElement(react_router_dom_1.Route,{key:e.id,path:e.id,element:react_1.default.createElement(TagItems_1.TagItems,{tag:e,nextSectionLink:o,pagination:r,showNextButton:n})})})));case services_1.Pagination.Section:return react_1.default.createElement(react_router_dom_1.Route,{key:e.id,path:e.id,element:react_1.default.createElement(TagItems_1.TagItems,{tag:e,nextSectionLink:i,pagination:r,showNextButton:n})});default:return null}}))),[l,r,n]),d=(0,react_1.useMemo)((()=>react_1.default.createElement(react_router_dom_1.Routes,null,_&&react_1.default.createElement(react_router_dom_1.Route,{path:_.href||"/",element:react_1.default.createElement(SectionContent_1.SectionContent,{items:e,nextSectionLink:(0,helpers_1.getNextSectionLink)({groupItems:l,groupIdx:0,tagIdx:0}),pagination:r,showNextButton:n})}),l.length?l.map(((e,t)=>s(e.items,t))):s(c,0),u.length&&s(u,0),react_1.default.createElement(react_router_dom_1.Route,{path:"*",element:react_1.default.createElement(react_router_dom_1.Navigate,{to:m,replace:!0})}))),[_,e,l,r,n,s,c,u,m]);return t&&!e.length?react_1.default.createElement(react_router_dom_1.Routes,null,react_1.default.createElement(react_router_dom_1.Route,{path:"*",element:react_1.default.createElement(SectionContent_1.SectionContent,{items:e,nextSectionLink:(0,helpers_1.getNextSectionLink)({groupItems:l,groupIdx:0,tagIdx:0}),pagination:r,showNextButton:n})})):e.length?o?react_1.default.createElement("div",{style:{flex:1,width:"100%"}},react_1.default.createElement(common_1.Skeleton,null)):react_1.default.createElement(react_1.default.Fragment,null,t?react_1.default.createElement(react_1.default.Fragment,null,d,r===services_1.Pagination.Section&&!!u.length&&u.map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e})))):e.map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e})))):null}exports.ContentItems=(0,react_1.memo)(ContentItemsComponent);
 //# sourceMappingURL=ContentItems.js.map

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

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

package/lib/components/ContentItems/useAutoScroll.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAutoScroll=void 0;const react_router_dom_1=require("react-router-dom"),react_1=require("react"),utils_1=require("../../utils");function useAutoScroll(e){const{hash:t}=(0,react_router_dom_1.useLocation)();(0,react_1.useEffect)((()=>{if(e)return;let t;return utils_1.IS_BROWSER&&(""===location.hash?window.scrollTo(0,0):t=setTimeout((()=>{const e=location.hash.replace("#",""),t=document.getElementById(decodeURIComponent(e));t&&t.scrollIntoView()}),0)),()=>{clearTimeout(t)}}),[e,t])}exports.useAutoScroll=useAutoScroll;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAutoScroll=void 0;const react_router_dom_1=require("react-router-dom"),react_1=require("react"),utils_1=require("../../utils");function useAutoScroll(e){const t=(0,react_router_dom_1.useLocation)();(0,react_1.useEffect)((()=>{if(e)return;let o;return utils_1.IS_BROWSER&&(""===t.hash?window.scrollTo(0,0):o=setTimeout((()=>{const e=t.hash.replace("#",""),o=document.getElementById(decodeURIComponent(e));o&&o.scrollIntoView()}),0)),()=>{clearTimeout(o)}}),[e,t])}exports.useAutoScroll=useAutoScroll;
 //# sourceMappingURL=useAutoScroll.js.map

package/lib/components/Fields/Field.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Field=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),react_router_dom_1=require("react-router-dom"),common_1=require("../common"),icons_1=require("../icons"),Schema_1=require("../Schema"),FieldDetails_1=require("./FieldDetails"),RenderHook_1=require("../RenderHook"),store_1=require("../../recoil/store"),LinkToField_1=require("../common/LinkToField"),useMenuItemLink_1=require("../SideMenu/useMenuItemLink");function FieldComponent({field:e,expandByDefault:t,isLast:r,skipWriteOnly:a,skipReadOnly:l,level:n,showTitle:i,showExamples:o,renderDiscriminatorSwitch:c}){const d=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),u=(0,LinkToField_1.generateDeepLink)(e,{pagination:d.pagination}),s=(0,react_router_dom_1.useLocation)(),m=(0,useMenuItemLink_1.checkIfPathIncludes)(s,u),[_,p]=(0,react_1.useState)(t||m),f=()=>{p((e=>!e))},{name:h,deprecated:k,required:E,kind:b}=e,y=!e.schema.isPrimitive&&!e.schema.isCircular,L=(0,RenderHook_1.getAccessModeLabelText)(e.schema,d.showAccessMode),D=react_1.default.createElement(react_1.default.Fragment,null,"additionalProperties"===b&&react_1.default.createElement(common_1.AdditionalPropertiesLabel,null,"additional property"),"patternProperties"===b&&react_1.default.createElement(common_1.AdditionalPropertiesLabel,null,"pattern property"),L&&react_1.default.createElement(common_1.AccessLabel,null,L),E&&react_1.default.createElement(common_1.RequiredLabel,null,"required")),F=_?"expanded":"",P=y?react_1.default.createElement(common_1.ClickablePropertyNameCell,{className:k?"deprecated":"",kind:b,title:h},react_1.default.createElement("button",{onClick:f,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),f())},"aria-label":"expand properties"},react_1.default.createElement("span",{className:"field-name"},d.disableDeepLinks?null:react_1.default.createElement(LinkToField_1.LinkToField,{to:u,location:s}),h),react_1.default.createElement(icons_1.ShelfIcon,{direction:_?"down":"right"})),D):react_1.default.createElement(common_1.PropertyNameCell,{className:k?"deprecated":void 0,kind:b,title:h},react_1.default.createElement("span",{className:"field-name"},d.disableDeepLinks?null:react_1.default.createElement(LinkToField_1.LinkToField,{to:u,location:s}),h),D);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("tr",{className:r?"last "+F:F,"data-pointer":e.schema.absolutePointer},P,react_1.default.createElement(common_1.PropertyDetailsCell,null,react_1.default.createElement(FieldDetails_1.FieldDetails,{field:e,showExamples:o,renderDiscriminatorSwitch:c}))),_&&y&&react_1.default.createElement("tr",{key:e.name+"inner"},react_1.default.createElement(common_1.PropertyCellWithInner,{colSpan:2},react_1.default.createElement(common_1.InnerPropertiesWrap,null,react_1.default.createElement(Schema_1.Schema,{schema:e.schema,skipReadOnly:l,skipWriteOnly:a,showTitle:i,level:n})))))}exports.Field=(0,react_1.memo)(FieldComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Field=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),react_router_dom_1=require("react-router-dom"),common_1=require("../common"),icons_1=require("../icons"),Schema_1=require("../Schema"),FieldDetails_1=require("./FieldDetails"),RenderHook_1=require("../RenderHook"),store_1=require("../../recoil/store"),LinkToField_1=require("../common/LinkToField"),utils_1=require("../../utils");function FieldComponent({field:e,expandByDefault:t,isLast:r,skipWriteOnly:a,skipReadOnly:l,level:i,showTitle:n,showExamples:o,renderDiscriminatorSwitch:c}){const d=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),s=(0,LinkToField_1.generateDeepLink)(e,{pagination:d.pagination}),u=(0,react_router_dom_1.useLocation)(),m=(0,utils_1.pathIncludesLink)(u,s),[_,p]=(0,react_1.useState)(t||m),f=()=>{p((e=>!e))},{name:h,deprecated:k,required:E,kind:b}=e,y=!e.schema.isPrimitive&&!e.schema.isCircular,L=(0,RenderHook_1.getAccessModeLabelText)(e.schema,d.showAccessMode),D=react_1.default.createElement(react_1.default.Fragment,null,"additionalProperties"===b&&react_1.default.createElement(common_1.AdditionalPropertiesLabel,null,"additional property"),"patternProperties"===b&&react_1.default.createElement(common_1.AdditionalPropertiesLabel,null,"pattern property"),L&&react_1.default.createElement(common_1.AccessLabel,null,L),E&&react_1.default.createElement(common_1.RequiredLabel,null,"required")),F=_?"expanded":"",P=y?react_1.default.createElement(common_1.ClickablePropertyNameCell,{className:k?"deprecated":"",kind:b,title:h},react_1.default.createElement("button",{onClick:f,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),f())},"aria-label":"expand properties"},react_1.default.createElement("span",{className:"field-name"},d.disableDeepLinks?null:react_1.default.createElement(LinkToField_1.LinkToField,{to:s,location:u}),h),react_1.default.createElement(icons_1.ShelfIcon,{direction:_?"down":"right"})),D):react_1.default.createElement(common_1.PropertyNameCell,{className:k?"deprecated":void 0,kind:b,title:h},react_1.default.createElement("span",{className:"field-name"},d.disableDeepLinks?null:react_1.default.createElement(LinkToField_1.LinkToField,{to:s,location:u}),h),D);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("tr",{className:r?"last "+F:F,"data-pointer":e.schema.absolutePointer},P,react_1.default.createElement(common_1.PropertyDetailsCell,null,react_1.default.createElement(FieldDetails_1.FieldDetails,{field:e,showExamples:o,renderDiscriminatorSwitch:c}))),_&&y&&react_1.default.createElement("tr",{key:e.name+"inner"},react_1.default.createElement(common_1.PropertyCellWithInner,{colSpan:2},react_1.default.createElement(common_1.InnerPropertiesWrap,null,react_1.default.createElement(Schema_1.Schema,{schema:e.schema,skipReadOnly:l,skipWriteOnly:a,showTitle:n,level:i})))))}exports.Field=(0,react_1.memo)(FieldComponent);
 //# sourceMappingURL=Field.js.map

package/lib/components/Fields/FieldDetails.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,l){void 0===l&&(l=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,l,r)}:function(e,t,a,l){void 0===l&&(l=a),e[l]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetails=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),services_1=require("../../services"),FieldDetail_1=require("./FieldDetail"),ConstraintsView_1=require("./ConstraintsView"),Extensions_1=require("./Extensions"),EnumValues_1=require("./EnumValues"),Examples_1=require("./Examples"),styled_1=require("./styled"),store_1=require("../../recoil/store"),MAX_PATTERN_LENGTH=45;function FieldDetailsComponent({showExamples:e,field:t,renderDiscriminatorSwitch:a}){const[l,r]=(0,react_1.useState)(!1),{enumSkipQuotes:n,hideSchemaTitles:i,hideSchemaPattern:c}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),{schema:o,description:u,example:s,deprecated:_,examples:d}=t,m=Boolean(n)||"header"===t.in;let p=null;if(e&&(void 0!==s||void 0!==d))if(void 0!==d)p=react_1.default.createElement(Examples_1.Examples,{field:t});else{const e=!!t.in;p=react_1.default.createElement(FieldDetail_1.FieldDetail,{label:"example",value:(0,Examples_1.getSerializedValue)(t,t.example),raw:e})}return react_1.default.createElement("div",null,react_1.default.createElement(styled_1.TypeWrapper,null,react_1.default.createElement(common_1.TypePrefix,null,o.typePrefix),react_1.default.createElement(common_1.TypeName,null,o.displayType),o.displayFormat&&react_1.default.createElement(common_1.TypeFormat,null," ","<",o.displayFormat,">"," "),o.contentEncoding&&react_1.default.createElement(common_1.TypeFormat,null," ","<",o.contentEncoding,">"," "),o.contentMediaType&&react_1.default.createElement(common_1.TypeFormat,null," ","<",o.contentMediaType,">"," "),o.title&&!i&&react_1.default.createElement(common_1.TypeTitle,null," (",o.title,") "),react_1.default.createElement(ConstraintsView_1.ConstraintsView,{constraints:o.constraints}),o.pattern&&!c&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.PatternLabel,null,l||o.pattern.length<MAX_PATTERN_LENGTH?o.pattern:`${o.pattern.substr(0,MAX_PATTERN_LENGTH)}...`),o.pattern.length>MAX_PATTERN_LENGTH&&react_1.default.createElement(common_1.ToggleButton,{onClick:()=>{r(!l)}},l?"Hide pattern":"Show pattern"))," ",o.isCircular&&react_1.default.createElement(common_1.RecursiveLabel,null,(0,services_1.l)("recursive"))),_&&react_1.default.createElement("div",null,react_1.default.createElement(common_1.Badge,{deprecated:!0,style:{marginLeft:0}}," ",(0,services_1.l)("deprecated")," ")),react_1.default.createElement(FieldDetail_1.FieldDetail,{raw:m,label:"default",value:o.default}),react_1.default.createElement("div",null,react_1.default.createElement(Markdown_1.Markdown,{source:u})),!a&&react_1.default.createElement(EnumValues_1.EnumValues,{type:o.type,values:o["x-enumDescriptions"]||o.enum})," ",p,react_1.default.createElement(Extensions_1.Extensions,{extensions:Object.assign(Object.assign({},t.extensions),o.extensions)}),o.externalDocs&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:o.externalDocs,compact:!0}),null==a?void 0:a(),t.const&&react_1.default.createElement(FieldDetail_1.FieldDetail,{label:"const",value:t.const})||null)}exports.FieldDetails=(0,react_1.memo)(FieldDetailsComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,l){void 0===l&&(l=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,l,r)}:function(e,t,a,l){void 0===l&&(l=a),e[l]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetails=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),services_1=require("../../services"),FieldDetail_1=require("./FieldDetail"),ConstraintsView_1=require("./ConstraintsView"),Extensions_1=require("./Extensions"),EnumValues_1=require("./EnumValues"),Examples_1=require("./Examples"),styled_1=require("./styled"),store_1=require("../../recoil/store"),MAX_PATTERN_LENGTH=45;function FieldDetailsComponent({showExamples:e,field:t,renderDiscriminatorSwitch:a}){const[l,r]=(0,react_1.useState)(!1),{enumSkipQuotes:n,hideSchemaTitles:i,hideSchemaPattern:c}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),{schema:o,description:u,example:s,deprecated:_,examples:d}=t,m=Boolean(n)||"header"===t.in;let p=null;if(e&&(void 0!==s||void 0!==d))if(void 0!==d)p=react_1.default.createElement(Examples_1.Examples,{field:t});else{const e=!!t.in;p=react_1.default.createElement(FieldDetail_1.FieldDetail,{label:"example",value:(0,Examples_1.getSerializedValue)(t,t.example),raw:e})}return react_1.default.createElement("div",null,react_1.default.createElement(styled_1.TypeWrapper,null,react_1.default.createElement(common_1.TypePrefix,null,o.typePrefix),react_1.default.createElement(common_1.TypeName,null,o.displayType),o.displayFormat&&react_1.default.createElement(common_1.TypeFormat,null," ","<",o.displayFormat,">"," "),o.contentEncoding&&react_1.default.createElement(common_1.TypeFormat,null," ","<",o.contentEncoding,">"," "),o.contentMediaType&&react_1.default.createElement(common_1.TypeFormat,null," ","<",o.contentMediaType,">"," "),o.title&&!i&&react_1.default.createElement(common_1.TypeTitle,null," (",o.title,") "),react_1.default.createElement(ConstraintsView_1.ConstraintsView,{constraints:o.constraints}),o.pattern&&!c&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.PatternLabel,null,l||o.pattern.length<MAX_PATTERN_LENGTH?o.pattern:`${o.pattern.substr(0,MAX_PATTERN_LENGTH)}...`),o.pattern.length>MAX_PATTERN_LENGTH&&react_1.default.createElement(common_1.ToggleButton,{onClick:()=>{r(!l)}},l?"Hide pattern":"Show pattern"))," ",o.isCircular&&react_1.default.createElement(common_1.RecursiveLabel,null,(0,services_1.l)("recursive"))),_&&react_1.default.createElement("div",null,react_1.default.createElement(common_1.Badge,{deprecated:!0,style:{marginLeft:0}}," ",(0,services_1.l)("deprecated")," ")),react_1.default.createElement(FieldDetail_1.FieldDetail,{raw:m,label:"default",value:o.default}),react_1.default.createElement(styled_1.FieldDescriptionWrapper,null,react_1.default.createElement(Markdown_1.Markdown,{source:u})),!a&&react_1.default.createElement(EnumValues_1.EnumValues,{type:o.type,values:o["x-enumDescriptions"]||o.enum})," ",p,react_1.default.createElement(Extensions_1.Extensions,{extensions:Object.assign(Object.assign({},t.extensions),o.extensions)}),o.externalDocs&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:o.externalDocs,compact:!0}),null==a?void 0:a(),t.const&&react_1.default.createElement(FieldDetail_1.FieldDetail,{label:"const",value:t.const})||null)}exports.FieldDetails=(0,react_1.memo)(FieldDetailsComponent);
 //# sourceMappingURL=FieldDetails.js.map

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

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExamplesList=exports.ExampleWrap=exports.ExampleSummary=exports.ExampleDescription=exports.TypeWrapper=exports.DescriptionEnumsBlock=exports.ToggleButton=void 0;const styled_components_1=__importDefault(require("styled-components")),styled_1=require("../Markdown/styled");exports.ToggleButton=styled_components_1.default.span`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDescriptionWrapper=exports.ExamplesList=exports.ExampleWrap=exports.ExampleSummary=exports.ExampleDescription=exports.TypeWrapper=exports.DescriptionEnumsBlock=exports.ToggleButton=void 0;const styled_components_1=__importDefault(require("styled-components")),styled_1=require("../Markdown/styled");exports.ToggleButton=styled_components_1.default.span`
   color: var(--link-text-color);
   vertical-align: middle;
   font-size: 13px;
@@ -22,5 +22,9 @@
 `,exports.ExamplesList=styled_components_1.default.div`
   padding-left: 1.5em;
   margin-bottom: 1em;
+`,exports.FieldDescriptionWrapper=styled_components_1.default.div`
+  p {
+    word-break: break-all;
+  }
 `;
 //# sourceMappingURL=styled.js.map

package/lib/components/OperationItem/OperationItem.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,l)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationItem=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),recoil_1=require("recoil"),theme_1=require("@redocly/theme"),Endpoint_1=require("../Endpoint"),panels_1=require("../common/panels"),common_1=require("../common"),Callbacks_1=require("../Callbacks"),CallbackSamples_1=require("../CallbackSamples"),ExternalDocumentation_1=require("../ExternalDocumentation"),Fields_1=require("../Fields"),Markdown_1=require("../Markdown"),Parameters_1=require("../Parameters"),RequestSamples_1=require("../RequestSamples"),Responses_1=require("../Responses"),ResponseSamples_1=require("../ResponseSamples"),SecurityRequirement_1=require("../SecurityRequirement"),Panel_1=require("../Panel"),RenderHook_1=require("../RenderHook"),services_1=require("../../services"),constants_1=require("../../constants"),events_1=require("../../events"),app_1=require("../../recoil/app"),store_1=require("../../recoil/store"),operation_1=require("../../models/operation"),operation_2=require("../../recoil/operation"),OperationRow=(0,styled_components_1.default)(panels_1.Row)`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,l)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationItem=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),recoil_1=require("recoil"),theme_1=require("@redocly/theme"),Endpoint_1=require("../Endpoint"),panels_1=require("../common/panels"),common_1=require("../common"),Callbacks_1=require("../Callbacks"),CallbackSamples_1=require("../CallbackSamples"),ExternalDocumentation_1=require("../ExternalDocumentation"),Fields_1=require("../Fields"),Markdown_1=require("../Markdown"),Parameters_1=require("../Parameters"),RequestSamples_1=require("../RequestSamples"),Responses_1=require("../Responses"),ResponseSamples_1=require("../ResponseSamples"),SecurityRequirement_1=require("../SecurityRequirement"),Panel_1=require("../Panel"),RenderHook_1=require("../RenderHook"),services_1=require("../../services"),events_1=require("../../events"),app_1=require("../../recoil/app"),store_1=require("../../recoil/store"),operation_1=require("../../models/operation"),operation_2=require("../../recoil/operation"),OperationRow=(0,styled_components_1.default)(panels_1.Row)`
   flex-direction: column;
   align-items: flex-start;
   ${theme_1.H2} {
@@ -8,5 +8,5 @@
   margin: calc(var(--spacing-unit) * 2) 0;
 `,Description=styled_components_1.default.div`
   margin-bottom: calc(var(--spacing-unit) * 4);
-`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:a}}){var r,l,n;const o=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),c=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),{parser:s,options:i}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),{hooks:u,events:d,feedback:m,showWebhookVerb:_,pathInMiddlePanel:p,expandDefaultRequest:f,expandDefaultResponse:S}=i,E=(0,operation_1.getOperation)(s,e,t,i,a),{name:k,description:b,deprecated:y,externalDocs:v,isWebhook:R,httpVerb:q}=E,h=(0,recoil_1.useSetRecoilState)((0,operation_2.operationStore)(E.pointer)),g=o===constants_1.LayoutVariant.STACKED||!c;(0,theme_1.useMount)((()=>{h((e=>Object.assign(Object.assign({},e),{activeExampleName:E.activeExampleName,activeServer:E.activeServer})))}));const O=!(!b&&!v),P=(0,react_1.useCallback)((e=>t=>{var a;const r=(0,events_1.creatPanelToggleEvent)({operation:E,isExpanded:t,panelType:e});null===(a=null==d?void 0:d.panelToggle)||void 0===a||a.call(d,r)}),[d,E]);return react_1.default.createElement(OperationRow,{layout:o},react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.BeforeOperation,props:{operation:E}}),react_1.default.createElement(theme_1.H2,null,react_1.default.createElement(common_1.ShareLink,{to:a}),react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.BeforeOperationSummary,props:{operation:E}}),k,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.AfterOperationSummary,props:{operation:E}}),y&&react_1.default.createElement(common_1.Badge,{deprecated:!0},"Deprecated"),R&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.Badge,null,"Webhook"),_&&q&&react_1.default.createElement(common_1.Badge,null,q.toUpperCase()))),p&&!R&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:E}))),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},O&&react_1.default.createElement(Description,null,void 0!==b&&react_1.default.createElement(Markdown_1.Markdown,{source:b}),v&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:v}),Object.keys(E.extensions||{}).length?react_1.default.createElement(Fields_1.Extensions,{extensions:E.extensions}):null)),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},!p&&!R&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:E})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},react_1.default.createElement(SecurityRequirement_1.SecurityRequirements,{securities:E.security}))),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},(null===(r=E.parameters)||void 0===r?void 0:r.length)||E.requestBody?react_1.default.createElement(Panel_1.ContentPanel,{header:(0,services_1.l)("request"),onToggle:P("request"),expanded:f,className:"panel-request-schemas"},react_1.default.createElement(Parameters_1.Parameters,{parameters:E.parameters,body:E.requestBody})):null),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},react_1.default.createElement(RequestSamples_1.RequestSamples,{operation:E})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},(null===(l=E.responses)||void 0===l?void 0:l.length)?react_1.default.createElement(Panel_1.ContentPanel,{header:(0,services_1.l)("responses"),onToggle:P("responses"),expanded:S,className:"panel-response-schemas"},react_1.default.createElement(Responses_1.OperationResponseList,{responses:E.responses,operationPointer:E.pointer})):null),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},react_1.default.createElement(ResponseSamples_1.ResponseSamples,{operation:E})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},(null===(n=E.callbacks)||void 0===n?void 0:n.length)?react_1.default.createElement(Panel_1.ContentPanel,{className:"panel-callback-schemas",header:(0,services_1.l)("callbacks")},react_1.default.createElement(Callbacks_1.CallbacksList,{callbacks:E.callbacks})):null,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.AfterOperation,props:{operation:E}})),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},react_1.default.createElement(CallbackSamples_1.CallbackSamples,{callbacks:E.callbacks})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},!1===(null==m?void 0:m.hide)?react_1.default.createElement(theme_1.Feedback,{type:m.type,settings:m.settings,path:E.href}):null)))}exports.OperationItem=(0,react_1.memo)(OperationItemComponent);
+`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:a}}){var r,l,n;const o=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),c=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),{parser:s,options:i}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),{hooks:u,events:d,feedback:m,showWebhookVerb:p,pathInMiddlePanel:_,expandDefaultRequest:f,expandDefaultResponse:S}=i,E=(0,operation_1.getOperation)(s,e,t,i,a),{name:k,description:b,deprecated:y,externalDocs:v,isWebhook:R,httpVerb:h}=E,q=(0,recoil_1.useSetRecoilState)((0,operation_2.operationStore)(E.pointer)),g=o===theme_1.LayoutVariant.STACKED||!c;(0,theme_1.useMount)((()=>{q((e=>Object.assign(Object.assign({},e),{activeExampleName:E.activeExampleName,activeServer:E.activeServer})))}));const O=!(!b&&!v),P=(0,react_1.useCallback)((e=>t=>{var a;const r=(0,events_1.creatPanelToggleEvent)({operation:E,isExpanded:t,panelType:e});null===(a=null==d?void 0:d.panelToggle)||void 0===a||a.call(d,r)}),[d,E]);return react_1.default.createElement(OperationRow,{layout:o},react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.BeforeOperation,props:{operation:E}}),react_1.default.createElement(theme_1.H2,null,react_1.default.createElement(common_1.ShareLink,{to:a}),react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.BeforeOperationSummary,props:{operation:E}}),k,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.AfterOperationSummary,props:{operation:E}}),y&&react_1.default.createElement(common_1.Badge,{deprecated:!0},"Deprecated"),R&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.Badge,null,"Webhook"),p&&h&&react_1.default.createElement(common_1.Badge,null,h.toUpperCase()))),_&&!R&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:E}))),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},O&&react_1.default.createElement(Description,null,void 0!==b&&react_1.default.createElement(Markdown_1.Markdown,{source:b}),v&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:v}),Object.keys(E.extensions||{}).length?react_1.default.createElement(Fields_1.Extensions,{extensions:E.extensions}):null),react_1.default.createElement(SecurityRequirement_1.SecurityRequirements,{securities:E.security})),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},!_&&!R&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:E})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},(null===(r=E.parameters)||void 0===r?void 0:r.length)||E.requestBody?react_1.default.createElement(Panel_1.ContentPanel,{header:(0,services_1.l)("request"),onToggle:P("request"),expanded:f,className:"panel-request-schemas"},react_1.default.createElement(Parameters_1.Parameters,{parameters:E.parameters,body:E.requestBody})):null),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},react_1.default.createElement(RequestSamples_1.RequestSamples,{operation:E})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},(null===(l=E.responses)||void 0===l?void 0:l.length)?react_1.default.createElement(Panel_1.ContentPanel,{header:(0,services_1.l)("responses"),onToggle:P("responses"),expanded:S,className:"panel-response-schemas"},react_1.default.createElement(Responses_1.OperationResponseList,{responses:E.responses,operationPointer:E.pointer})):null),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},react_1.default.createElement(ResponseSamples_1.ResponseSamples,{operation:E})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},(null===(n=E.callbacks)||void 0===n?void 0:n.length)?react_1.default.createElement(Panel_1.ContentPanel,{className:"panel-callback-schemas",header:(0,services_1.l)("callbacks")},react_1.default.createElement(Callbacks_1.CallbacksList,{callbacks:E.callbacks})):null,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.AfterOperation,props:{operation:E}})),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},react_1.default.createElement(CallbackSamples_1.CallbackSamples,{callbacks:E.callbacks})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},!1===(null==m?void 0:m.hide)?react_1.default.createElement(theme_1.Feedback,{type:m.type,settings:m.settings,path:E.href}):null)))}exports.OperationItem=(0,react_1.memo)(OperationItemComponent);
 //# sourceMappingURL=OperationItem.js.map

package/lib/components/RedoclyOpenAPIDocs/Providers.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import type { PropsWithChildren } from 'react';
 import type { ProvidersProps, AppProviderProps, StoreProviderProps } from './types';
 import type { RecoilRootProps } from 'recoil';
 export declare const ThemeProviders: ({ options, children, customOptions, }: ProvidersProps) => JSX.Element;
 export declare const AppProvider: ({ definitions, options, definitionUrl, definition, activeSampleLanguage, children, }: PropsWithChildren<AppProviderProps>) => JSX.Element | null;
-export declare const StoreProvider: ({ children, options: rawOptions, definitionUrl, definition, activeSampleLanguage, portalOptions, }: RecoilRootProps & StoreProviderProps) => JSX.Element;
+export declare const StoreProvider: React.MemoExoticComponent<({ children, options: rawOptions, definitionUrl, definition, activeSampleLanguage, portalOptions, _forceRenderInfo, }: RecoilRootProps & StoreProviderProps) => JSX.Element>;

package/lib/components/RedoclyOpenAPIDocs/Providers.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,i,r){void 0===r&&(r=i);var o=Object.getOwnPropertyDescriptor(t,i);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(e,r,o)}:function(e,t,i,r){void 0===r&&(r=i),e[r]=t[i]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var i in e)"default"!==i&&Object.prototype.hasOwnProperty.call(e,i)&&__createBinding(t,e,i);return __setModuleDefault(t,e),t},__awaiter=this&&this.__awaiter||function(e,t,i,r){return new(i||(i=Promise))((function(o,n){function a(e){try{l(r.next(e))}catch(e){n(e)}}function s(e){try{l(r.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StoreProvider=exports.AppProvider=exports.ThemeProviders=void 0;const styled_components_1=require("styled-components"),react_1=__importStar(require("react")),markdoc_1=require("@markdoc/markdoc"),theme_1=require("@redocly/theme"),recoil_1=require("recoil"),recoil_nexus_1=__importDefault(require("recoil-nexus")),services_1=require("../../services"),utils_1=require("./utils"),utils_2=require("../../utils"),Loading_1=require("../Loading"),constants_1=require("../../constants"),SecurityRequirement_1=require("../SecurityRequirement"),SchemaDefinition_1=require("../SchemaDefinition"),pluggable_1=require("../pluggable"),app_1=require("../../recoil/app"),store_1=require("../../recoil/store"),operation_1=require("../../recoil/operation"),ThemeProviders=({options:e,children:t,customOptions:i={}})=>{const r=Object.assign(Object.assign({},e),i),o=(0,react_1.useMemo)((()=>({mediaQueries:r.mediaQueries,showAtBreakpoint:r.showAtBreakpoint})),[r.mediaQueries,r.showAtBreakpoint]);return react_1.default.createElement(styled_components_1.ThemeProvider,{theme:o},t)};exports.ThemeProviders=ThemeProviders;const AppProvider=({definitions:e,options:t,definitionUrl:i,definition:r,activeSampleLanguage:o,children:n})=>{const[,a]=(0,react_1.useState)(),[s,l]=(0,react_1.useState)(!0),[u,c]=(0,react_1.useState)(null);(0,react_1.useEffect)((()=>{!function(){__awaiter(this,void 0,void 0,(function*(){l(!0);try{c(e?yield(0,utils_1.loadMany)(e):yield(0,utils_1.loadSingle)(r,i,t))}catch(e){a((()=>{throw e}))}}))}()}),[e,r,i,t]);const d=(0,react_1.useMemo)((()=>{var e,r,n;if(u)return(null===(e=null==t?void 0:t.hooks)||void 0===e?void 0:e.onInit)&&(null===(n=null===(r=t.hooks)||void 0===r?void 0:r.onInit)||void 0===n||n.call(r,{store:{definition:u,options:t,definitionUrl:i,activeSampleLanguage:o}})),{definition:u,options:t,definitionUrl:i,activeSampleLanguage:o}}),(0,utils_1.useDeepCompareMemoize)([u,t,i]));return(0,react_1.useEffect)((()=>{d&&l(!1)}),[d]),d?s?(0,utils_2.argValueToBoolean)(null==t?void 0:t.hideLoading,!1)?null:react_1.default.createElement(Loading_1.Loading,{color:"--loading-spinner-color"}):react_1.default.isValidElement(n)?react_1.default.cloneElement(n,{store:d}):null:null};exports.AppProvider=AppProvider;const DEFAULT_OPTIONS={ignoreNamedSchemas:["java.io.ObjectStreamField"],breakpoints:constants_1.defaultTheme.breakpoints,showAtBreakpoint:constants_1.defaultTheme.showAtBreakpoint,allowedMdComponents:{tags:{securityDefinitions:{render:"SecurityDefinitions",attributes:{htmlWrap:{type:String,default:!0}}},redocResponse:{render:"RedocResponse",attributes:{pointer:{type:String},hideSamples:{type:Boolean},htmlWrap:{type:String,default:!1}}},pullRight:{render:"PullRight",attributes:{htmlWrap:{type:String,default:!1}}},schemaDefinition:{render:"SchemaDefinition",attributes:{schemaRef:{type:String},exampleRef:{type:String},showReadOnly:{type:Boolean},showWriteOnly:{type:Boolean},htmlWrap:{type:String,default:!1}}}},nodes:{heading:{children:["inline"],attributes:{id:{type:String},level:{type:Number,required:!0,default:1}},transform(e,t){const i=e.transformAttributes(t),r=e.transformChildren(t),o="string"==typeof i.id?i.id:(0,utils_1.getMarkdownHeaderId)(r);return new markdoc_1.Tag("Heading",Object.assign(Object.assign({},i),{id:o,level:e.attributes.level}),r)}}},components:{SecurityDefinitions:SecurityRequirement_1.SecurityDefs,SchemaDefinition:SchemaDefinition_1.SchemaDefinition,RedocResponse:pluggable_1.RedocResponse,PullRight:pluggable_1.PullRight,Heading:theme_1.Heading}}},StoreProvider=({children:e,options:t,definitionUrl:i,definition:r,activeSampleLanguage:o,portalOptions:n})=>{const a=react_1.default.useRef(),s=react_1.default.useCallback((()=>{var e;const o=(0,services_1.normalizeOptions)(Object.assign({},t),DEFAULT_OPTIONS),n=isVersioned(r)?(null===(e=r.versions)||void 0===e?void 0:e.map((({spec:e,id:t,title:i,url:r},n)=>{if(e)return{id:t||`Definition_${n}`,title:i||`Definition_${n}`,url:r,parser:new services_1.OpenAPIParser(e,void 0,o)}})).filter(Boolean))||[]:[{url:i,parser:new services_1.OpenAPIParser(r,i,o)}];return{options:o,versions:n}}),[r,i,t]);return(0,react_1.useEffect)((()=>{a.current&&setTimeout((()=>{a.current(store_1.globalStore,s())}),0)}),[s,r]),react_1.default.createElement(recoil_1.RecoilRoot,{initializeState:({set:e})=>{a.current=e;const t=s(),i=t.options,r=JSON.parse((0,utils_2.fromLocalStorage)("appLocalStore")||"{}"),l=JSON.parse((0,utils_2.fromSessionStorage)("appSessionStore")||"{}");if(e(app_1.appSessionStore,{showRightPanelToggle:l.showRightPanelToggle||i.showRightPanelToggle,activeVersionIdx:0}),e(app_1.appLocalStore,{layout:r.layout||i.layout,activeSampleLanguage:o||r.activeSampleLanguage||i.defaultSampleLanguage}),e(store_1.globalStore,t),e(app_1.appStore,{isSidebarOpened:!1,tryItOperation:void 0,isLoading:!1,activeMimeName:(null==n?void 0:n.defaultMimeType)||""}),null==n?void 0:n.operation){const{pointer:t,activeExampleName:i,activeServer:r}=n.operation;e((0,operation_1.operationStore)(t),{activeExampleName:i,activeOneOf:0,activeServer:r,requestValues:{}})}}},react_1.default.createElement(recoil_nexus_1.default,null),e)};exports.StoreProvider=StoreProvider;const isVersioned=e=>"versions"in e;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,i,r){void 0===r&&(r=i);var o=Object.getOwnPropertyDescriptor(t,i);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(e,r,o)}:function(e,t,i,r){void 0===r&&(r=i),e[r]=t[i]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var i in e)"default"!==i&&Object.prototype.hasOwnProperty.call(e,i)&&__createBinding(t,e,i);return __setModuleDefault(t,e),t},__awaiter=this&&this.__awaiter||function(e,t,i,r){return new(i||(i=Promise))((function(o,n){function a(e){try{s(r.next(e))}catch(e){n(e)}}function l(e){try{s(r.throw(e))}catch(e){n(e)}}function s(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,l)}s((r=r.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StoreProvider=exports.AppProvider=exports.ThemeProviders=void 0;const styled_components_1=require("styled-components"),react_1=__importStar(require("react")),markdoc_1=require("@markdoc/markdoc"),theme_1=require("@redocly/theme"),recoil_1=require("recoil"),recoil_nexus_1=__importDefault(require("recoil-nexus")),services_1=require("../../services"),utils_1=require("./utils"),utils_2=require("../../utils"),Loading_1=require("../Loading"),constants_1=require("../../constants"),SecurityRequirement_1=require("../SecurityRequirement"),SchemaDefinition_1=require("../SchemaDefinition"),pluggable_1=require("../pluggable"),app_1=require("../../recoil/app"),store_1=require("../../recoil/store"),operation_1=require("../../recoil/operation"),ThemeProviders=({options:e,children:t,customOptions:i={}})=>{const r=Object.assign(Object.assign({},e),i),o=(0,react_1.useMemo)((()=>({mediaQueries:r.mediaQueries,showAtBreakpoint:r.showAtBreakpoint})),[r.mediaQueries,r.showAtBreakpoint]);return react_1.default.createElement(styled_components_1.ThemeProvider,{theme:o},t)};exports.ThemeProviders=ThemeProviders;const AppProvider=({definitions:e,options:t,definitionUrl:i,definition:r,activeSampleLanguage:o,children:n})=>{const[,a]=(0,react_1.useState)(),[l,s]=(0,react_1.useState)(!0),[u,c]=(0,react_1.useState)(null);(0,react_1.useEffect)((()=>{!function(){__awaiter(this,void 0,void 0,(function*(){s(!0);try{c(e?yield(0,utils_1.loadMany)(e):yield(0,utils_1.loadSingle)(r,i,t))}catch(e){a((()=>{throw e}))}}))}()}),[e,r,i,t]);const d=(0,react_1.useMemo)((()=>{var e,r,n;if(u)return(null===(e=null==t?void 0:t.hooks)||void 0===e?void 0:e.onInit)&&(null===(n=null===(r=t.hooks)||void 0===r?void 0:r.onInit)||void 0===n||n.call(r,{store:{definition:u,options:t,definitionUrl:i,activeSampleLanguage:o}})),{definition:u,options:t,definitionUrl:i,activeSampleLanguage:o}}),(0,utils_1.useDeepCompareMemoize)([u,t,i]));return(0,react_1.useEffect)((()=>{d&&s(!1)}),[d]),d?l?(0,utils_2.argValueToBoolean)(null==t?void 0:t.hideLoading,!1)?null:react_1.default.createElement(Loading_1.Loading,{color:"--loading-spinner-color"}):react_1.default.isValidElement(n)?react_1.default.cloneElement(n,{store:d}):null:null};exports.AppProvider=AppProvider;const DEFAULT_OPTIONS={ignoreNamedSchemas:["java.io.ObjectStreamField"],breakpoints:constants_1.defaultTheme.breakpoints,showAtBreakpoint:constants_1.defaultTheme.showAtBreakpoint,allowedMdComponents:{tags:{securityDefinitions:{render:"SecurityDefinitions",attributes:{htmlWrap:{type:String,default:!0}}},redocResponse:{render:"RedocResponse",attributes:{pointer:{type:String},hideSamples:{type:Boolean},htmlWrap:{type:String,default:!1}}},pullRight:{render:"PullRight",attributes:{htmlWrap:{type:String,default:!1}}},schemaDefinition:{render:"SchemaDefinition",attributes:{schemaRef:{type:String},exampleRef:{type:String},showReadOnly:{type:Boolean},showWriteOnly:{type:Boolean},htmlWrap:{type:String,default:!1}}}},nodes:{heading:{children:["inline"],attributes:{id:{type:String},level:{type:Number,required:!0,default:1}},transform(e,t){const i=e.transformAttributes(t),r=e.transformChildren(t),o="string"==typeof i.id?i.id:(0,utils_1.getMarkdownHeaderId)(r);return new markdoc_1.Tag("Heading",Object.assign(Object.assign({},i),{id:o,level:e.attributes.level}),r)}}},components:{SecurityDefinitions:SecurityRequirement_1.SecurityDefs,SchemaDefinition:SchemaDefinition_1.SchemaDefinition,RedocResponse:pluggable_1.RedocResponse,PullRight:pluggable_1.PullRight,Heading:theme_1.Heading}}};exports.StoreProvider=(0,react_1.memo)((({children:e,options:t,definitionUrl:i,definition:r,activeSampleLanguage:o,portalOptions:n,_forceRenderInfo:a})=>{const l=react_1.default.useRef(),s=react_1.default.useCallback((()=>{var e;const o=(0,services_1.normalizeOptions)(Object.assign(Object.assign({},t),{hideInfoSection:!a&&(null==t?void 0:t.hideInfoSection)}),DEFAULT_OPTIONS),n=isVersioned(r)?(null===(e=r.versions)||void 0===e?void 0:e.map((({spec:e,id:t,title:i,url:r},n)=>{if(e)return{id:t||`Definition_${n}`,title:i||`Definition_${n}`,url:r,parser:new services_1.OpenAPIParser(e,void 0,o)}})).filter(Boolean))||[]:[{url:i,parser:new services_1.OpenAPIParser(r,i,o)}];return{options:o,versions:n}}),[a,r,i,t]);return(0,react_1.useEffect)((()=>{l.current&&setTimeout((()=>{l.current(store_1.globalStore,s())}),0)}),[s,r]),react_1.default.createElement(recoil_1.RecoilRoot,{initializeState:({set:e})=>{l.current=e;const t=s(),i=t.options,r=JSON.parse((0,utils_2.fromLocalStorage)("appLocalStore")||"{}"),a=JSON.parse((0,utils_2.fromSessionStorage)("appSessionStore")||"{}");if(e(app_1.appSessionStore,{showRightPanelToggle:a.showRightPanelToggle||i.showRightPanelToggle,activeVersionIdx:0}),e(app_1.appLocalStore,{layout:r.layout||i.layout,activeSampleLanguage:o||r.activeSampleLanguage||i.defaultSampleLanguage}),e(store_1.globalStore,t),e(app_1.appStore,{isSidebarOpened:!1,tryItOperation:void 0,isLoading:!1,activeMimeName:(null==n?void 0:n.defaultMimeType)||""}),null==n?void 0:n.operation){const{pointer:t,activeExampleName:i,activeServer:r}=n.operation;e((0,operation_1.operationStore)(t),{activeExampleName:i,activeOneOf:0,activeServer:r,requestValues:{}})}},key:(null==n?void 0:n.definitionId)||"openapi"},react_1.default.createElement(recoil_nexus_1.default,null),e)}));const isVersioned=e=>"versions"in e;
 //# sourceMappingURL=Providers.js.map

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

@@ -1,4 +1,6 @@
 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, _forceRenderInfo, children, store, }: PropsWithChildren<Partial<RedoclyOpenAPIDocsProps>> & {
+    _forceRenderInfo?: boolean;
+}): JSX.Element | null;
 export declare function RedoclyOpenAPIDocsStandalone({ definition, definitionUrl, options, activeItemId, activeSampleLanguage, activeDeepLink, }: RedoclyOpenAPIDocsStandaloneProps): JSX.Element;

package/lib/components/RedoclyOpenAPIDocs/RedoclyOpenAPIDocs.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,o,n){void 0===n&&(n=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,n,r)}:function(e,t,o,n){void 0===n&&(n=o),e[n]=t[o]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(t,e,o);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyOpenAPIDocsStandalone=exports.RedoclyOpenAPIDocs=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),recoil_1=require("recoil"),react_router_dom_1=require("react-router-dom"),constants_1=require("../../constants"),Search_1=require("../Search"),Providers_1=require("./Providers"),Overlay_1=require("../Overlay"),VersionSwitcher_1=require("../VersionSwitcher"),styled_1=require("./styled"),StickySidebar_1=require("../StickySidebar"),Download_1=require("../Download"),ErrorBoundary_1=require("../ErrorBoundary"),SideMenu_1=require("../SideMenu"),ContentItems_1=require("../ContentItems"),ChangeViewButton_1=require("../ChangeViewButton"),ToggleRightPanelButton_1=require("../ToggleRightPanelButton"),app_1=require("../../recoil/app"),store_1=require("../../recoil/store"),hooks_1=require("../../hooks"),withRouter_1=require("../../hoc/withRouter"),utils_1=require("../../utils"),RedoclyOpenAPIDocsComponent=(0,utils_1.compose)(withRouter_1.withRouter,react_1.memo)((({licenseKey:e,onLoaded:t,_forceRenderInfo:o,children:n})=>{var r,a,i,l,c;const u=(0,react_1.useRef)(null),{pathname:s}=(0,react_router_dom_1.useLocation)(),{isValid:d,licenseInfo:_}=(0,hooks_1.useLicense)(e);(0,theme_1.useMount)((()=>{null==t||t()}));const{options:{hideDownloadButton:f,hideInfoSection:p,pagination:m,disableSidebar:h,whiteLabel:g,hideLogo:v,hideFab:y,showNextButton:S,scrollYOffset:b,disablePaginationLoadingAnimation:E,routingBasePath:P},options:R,versions:I}=(0,recoil_1.useRecoilValue)(store_1.globalStore),{showRightPanelToggle:w}=(0,recoil_1.useRecoilValue)(app_1.appSessionStore),[O,D]=(0,recoil_1.useRecoilState)(app_1.activeVersionIdxSelector),B=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),L=(0,react_1.useCallback)((({idx:e})=>{e&&D(e)}),[D]),q=I[O].parser,{flatItems:A,contentItems:C}=(0,hooks_1.useContentItems)({parser:q,options:R});if(!I.length)return null;let V=!p;o&&(V=!0);const k=!V&&null!==f&&!f&&("none"===m||"/"===s||s===P),x=null===(a=null===(r=q.definition)||void 0===r?void 0:r.info)||void 0===a?void 0:a["x-logo"];return react_1.default.createElement(Providers_1.ThemeProviders,{options:R},react_1.default.createElement(theme_1.GlobalStyle,null),react_1.default.createElement(styled_1.RedocWrapStyled,{className:"redoc-wrap",ref:u},!d&&react_1.default.createElement(Overlay_1.Overlay,{licenseInfo:_}),react_1.default.createElement(styled_1.CssFixes,{whiteLabel:g,showRightPanelToggle:w,layout:B}),!h&&react_1.default.createElement(StickySidebar_1.StickyResponsiveSidebar,{hideFab:y,scrollYOffset:b,className:"menu-content"},!v&&react_1.default.createElement(theme_1.SidebarLogo,{imageUrl:null==x?void 0:x.url,href:(null==x?void 0:x.href)||(null===(c=null===(l=null===(i=q.definition)||void 0===i?void 0:i.info)||void 0===l?void 0:l.contact)||void 0===c?void 0:c.url),altText:null==x?void 0:x.altText,backgroundColor:null==x?void 0:x.backgroundColor}),I.length>1&&react_1.default.createElement(VersionSwitcher_1.VersionSwitcher,{versions:I,activeVersionIdx:O,onChange:L}),react_1.default.createElement(Search_1.Search,{contentItems:C,flatItems:A,options:R}),react_1.default.createElement(SideMenu_1.SideMenu,{items:d?C:[]})),react_1.default.createElement(styled_1.ApiContentWrap,{className:"api-content",id:"api-content",layout:B===constants_1.LayoutVariant.THREE_PANEL&&w?constants_1.LayoutVariant.THREE_PANEL:constants_1.LayoutVariant.STACKED},w&&B!==constants_1.LayoutVariant.STACKED&&react_1.default.createElement(styled_1.BackgroundStub,null),k&&react_1.default.createElement(Download_1.DownloadButtonWithLabel,null),react_1.default.createElement(ContentItems_1.ContentItems,{root:!0,items:d?C:[],showNextButton:S,showApiInfo:V,pagination:m,disablePaginationLoadingAnimation:E}),n),react_1.default.createElement(styled_1.ControlsWrap,null,react_1.default.createElement(ToggleRightPanelButton_1.ToggleRightPanelButton,null),react_1.default.createElement(ChangeViewButton_1.ChangeViewButton,null)),w&&B!==constants_1.LayoutVariant.STACKED&&react_1.default.createElement(styled_1.BackgroundStubFix,null)))}));function RedoclyOpenAPIDocs({onLoaded:e,_forceRenderInfo:t,children:o,store:n}){var r,a,i;return n?react_1.default.createElement(Providers_1.StoreProvider,Object.assign({},n),react_1.default.createElement(RedoclyOpenAPIDocsComponent,{onLoaded:e,_forceRenderInfo:t,basePath:null===(r=n.options)||void 0===r?void 0:r.routingBasePath,licenseKey:null===(a=n.options)||void 0===a?void 0:a.licenseKey,enableRouter:null===(i=n.options)||void 0===i?void 0:i.enableRouter},o)):null}function RedoclyOpenAPIDocsStandalone({definition:e,definitionUrl:t,options:o={},activeItemId:n,activeSampleLanguage:r,activeDeepLink:a}){const i=react_1.default.createElement(Providers_1.AppProvider,{definition:e,definitionUrl:t,options:o,activeItemId:n,activeSampleLanguage:r,activeDeepLink:a},react_1.default.createElement(RedoclyOpenAPIDocs,null));return o.disableErrorBoundary?i:react_1.default.createElement(ErrorBoundary_1.ErrorBoundary,null,i)}exports.RedoclyOpenAPIDocs=RedoclyOpenAPIDocs,exports.RedoclyOpenAPIDocsStandalone=RedoclyOpenAPIDocsStandalone;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyOpenAPIDocsStandalone=exports.RedoclyOpenAPIDocs=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),Search_1=require("../Search"),Providers_1=require("./Providers"),Overlay_1=require("../Overlay"),VersionSwitcher_1=require("../VersionSwitcher"),styled_1=require("./styled"),StickySidebar_1=require("../StickySidebar"),ErrorBoundary_1=require("../ErrorBoundary"),SideMenu_1=require("../SideMenu"),ContentItems_1=require("../ContentItems"),hooks_1=require("../../hooks"),withRouter_1=require("../../hoc/withRouter"),withStore_1=require("../../hoc/withStore"),utils_1=require("../../utils"),useLicense_1=require("../../hooks/useLicense"),RedoclyOpenAPIDocsComponent=(0,utils_1.compose)(withRouter_1.withRouter,withStore_1.withStore,react_1.memo)((({licenseKey:e,onLoaded:t,children:r,options:o,versions:n,layout:i,showRightPanelToggle:a,activeVersionIdx:l,onChangeActiveVersion:c,collapsedSidebar:d})=>{var u,s,_,f,p;const m=(0,react_1.useRef)(null),{isValid:h,licenseInfo:v}=(0,useLicense_1.useLicense)(e);(0,theme_1.useMount)((()=>{null==t||t()}));const{disableSidebar:y,whiteLabel:S,hideLogo:b,hideFab:E,scrollYOffset:g}=o||{},I=n[l].parser,{flatItems:P,contentItems:O}=(0,hooks_1.useContentItems)({parser:I,options:o});if(!n.length)return null;const R=null===(s=null===(u=I.definition)||void 0===u?void 0:u.info)||void 0===s?void 0:s["x-logo"];return react_1.default.createElement(Providers_1.ThemeProviders,{options:o},react_1.default.createElement(theme_1.GlobalStyle,null),react_1.default.createElement(styled_1.RedocWrapStyled,{className:"redoc-wrap",ref:m},!h&&react_1.default.createElement(Overlay_1.Overlay,{licenseInfo:v}),react_1.default.createElement(styled_1.CssFixes,{whiteLabel:S,showRightPanelToggle:a,layout:i}),!y&&react_1.default.createElement(StickySidebar_1.StickyResponsiveSidebar,{hideFab:E,scrollYOffset:g,className:"menu-content",collapsedSidebar:!d},!b&&react_1.default.createElement(theme_1.SidebarLogo,{imageUrl:null==R?void 0:R.url,href:(null==R?void 0:R.href)||(null===(p=null===(f=null===(_=I.definition)||void 0===_?void 0:_.info)||void 0===f?void 0:f.contact)||void 0===p?void 0:p.url),altText:null==R?void 0:R.altText,backgroundColor:null==R?void 0:R.backgroundColor}),n.length>1&&react_1.default.createElement(VersionSwitcher_1.VersionSwitcher,{versions:n,activeVersionIdx:l,onChange:c}),react_1.default.createElement(Search_1.Search,{contentItems:O,flatItems:P,options:o}),react_1.default.createElement(SideMenu_1.SideMenu,{items:h?O:[]})),react_1.default.createElement(styled_1.ApiContentWrap,{className:"api-content",id:"api-content",layout:i===theme_1.LayoutVariant.THREE_PANEL&&a?theme_1.LayoutVariant.THREE_PANEL:theme_1.LayoutVariant.STACKED,collapsedSidebar:d},a&&i!==theme_1.LayoutVariant.STACKED&&react_1.default.createElement(styled_1.BackgroundStub,null),react_1.default.createElement(ContentItems_1.ContentItems,{root:!0,items:h?O:[]}),r),a&&i!==theme_1.LayoutVariant.STACKED&&react_1.default.createElement(styled_1.BackgroundStubFix,null)))}));function RedoclyOpenAPIDocs({onLoaded:e,_forceRenderInfo:t,children:r,store:o}){var n,i,a;return(null==o?void 0:o.definition)?react_1.default.createElement(Providers_1.StoreProvider,Object.assign({},o,{_forceRenderInfo:t}),react_1.default.createElement(RedoclyOpenAPIDocsComponent,{onLoaded:e,basePath:null===(n=o.options)||void 0===n?void 0:n.routingBasePath,licenseKey:null===(i=o.options)||void 0===i?void 0:i.licenseKey,enableRouter:null===(a=o.options)||void 0===a?void 0:a.enableRouter,portalOptions:null==o?void 0:o.portalOptions},r)):null}function RedoclyOpenAPIDocsStandalone({definition:e,definitionUrl:t,options:r={},activeItemId:o,activeSampleLanguage:n,activeDeepLink:i}){const a=react_1.default.createElement(Providers_1.AppProvider,{definition:e,definitionUrl:t,options:r,activeItemId:o,activeSampleLanguage:n,activeDeepLink:i},react_1.default.createElement(RedoclyOpenAPIDocs,null));return r.disableErrorBoundary?a:react_1.default.createElement(ErrorBoundary_1.ErrorBoundary,null,a)}exports.RedoclyOpenAPIDocs=RedoclyOpenAPIDocs,exports.RedoclyOpenAPIDocsStandalone=RedoclyOpenAPIDocsStandalone;
 //# sourceMappingURL=RedoclyOpenAPIDocs.js.map

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var i=Object.getOwnPropertyDescriptor(t,a);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,i)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CssFixes=exports.getMarginFixesByName=exports.RedocWrapStyled=exports.ControlsWrap=exports.BackgroundStubFix=exports.BackgroundStub=exports.ApiContentWrap=exports.RedocWrap=void 0;const styled_components_1=__importStar(require("styled-components")),constants_1=require("../../constants"),panels_1=require("../common/panels"),styled_1=require("../NextSectionButton/styled");exports.RedocWrap=styled_components_1.default.div`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,i){void 0===i&&(i=a);var o=Object.getOwnPropertyDescriptor(t,a);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,i,o)}:function(e,t,a,i){void 0===i&&(i=a),e[i]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CssFixes=exports.getMarginFixesByName=exports.RedocWrapStyled=exports.BackgroundStubFix=exports.BackgroundStub=exports.ApiContentWrap=exports.RedocWrap=void 0;const theme_1=require("@redocly/theme"),styled_components_1=__importStar(require("styled-components")),panels_1=require("../common/panels"),styled_1=require("../NextSectionButton/styled");exports.RedocWrap=styled_components_1.default.div`
   display: flex;
   position: relative;
   text-align: left;
@@ -25,11 +25,11 @@
   margin: 0 auto;
   width: 100%;
 
-  ${({layout:e=constants_1.LayoutVariant.THREE_PANEL,theme:t})=>styled_components_1.css`
-      max-width: ${e===constants_1.LayoutVariant.THREE_PANEL?"100%":""};
+  ${({layout:e=theme_1.LayoutVariant.THREE_PANEL,theme:t,collapsedSidebar:a})=>styled_components_1.css`
+      max-width: ${e===theme_1.LayoutVariant.THREE_PANEL?"100%":""};
 
       ${t.mediaQueries.small} {
-        width: calc(100% - var(--sidebar-width));
+        width: ${a?"var(--layout-${layout}-small-max-width)":"calc(100% - var(--sidebar-width))"};
         max-width: var(--layout-${e}-small-max-width);
       }
 
@@ -91,25 +91,6 @@
       ${getBackgroundStubFixWidth("--layout-three-panel-large-max-width")};
     }
 
-    ${e.mediaQueries.print} {
-      display: none;
-    }
-  `}
-`,exports.ControlsWrap=styled_components_1.default.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})=>styled_components_1.css`
-    ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
-      display: flex;
-    }
-
     ${e.mediaQueries.print} {
       display: none;
     }
@@ -128,7 +109,7 @@
   }
 
   ${panels_1.SamplesPanel} {
-    ${({layout:e})=>{if(e===constants_1.LayoutVariant.STACKED)return styled_components_1.css`
+    ${({layout:e})=>{if(e===theme_1.LayoutVariant.STACKED)return styled_components_1.css`
           width: 100%;
           padding-left: var(--spacing-horizontal);
         `}}
@@ -140,7 +121,7 @@
   }
 
   ${exports.BackgroundStub}, ${exports.BackgroundStubFix} {
-    ${({showRightPanelToggle:e,layout:t})=>{if(!e&&t===constants_1.LayoutVariant.STACKED)return styled_components_1.css`
+    ${({showRightPanelToggle:e,layout:t})=>{if(!e&&t===theme_1.LayoutVariant.STACKED)return styled_components_1.css`
           ${({theme:e})=>e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
             display: none;
           }
@@ -148,7 +129,7 @@
   }
 
   ${panels_1.SamplesMiddlePanel}, ${styled_1.NextSectionButtonWrap} {
-    ${({showRightPanelToggle:e,layout:t})=>e&&t===constants_1.LayoutVariant.THREE_PANEL?styled_components_1.css`
+    ${({showRightPanelToggle:e,layout:t})=>e&&t===theme_1.LayoutVariant.THREE_PANEL?styled_components_1.css`
           margin: 0;
           ${({theme:e})=>e.mediaQueries.small} {
             ${(0,exports.getMarginFixesByName)("--layout-panel-schemas-small-max-width")};
@@ -161,7 +142,7 @@
             max-width: var(--layout-panel-schemas-large-max-width);
             ${(0,exports.getMarginFixesByName)("--layout-panel-schemas-large-max-width")};
           }
-        `:t!==constants_1.LayoutVariant.STACKED&&e?void 0:styled_components_1.css`
+        `:t!==theme_1.LayoutVariant.STACKED&&e?void 0:styled_components_1.css`
           width: 100%;
           padding-right: var(--spacing-horizontal);
         `};

package/lib/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,7 +25,11 @@ export interface StoreProviderProps {
     portalOptions?: {
         defaultMimeType?: string;
         operation?: OperationModel;
+        layout?: LayoutVariant;
+        showRightPanelToggle?: boolean;
+        definitionId?: string;
     };
+    _forceRenderInfo?: boolean;
 }
 export interface ProvidersProps {
     options: Options;

package/lib/components/Responses/Response.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Response=void 0;const react_1=__importDefault(require("react")),react_router_dom_1=require("react-router-dom"),Panel_1=require("../Panel"),ResponseDetails_1=require("./ResponseDetails"),ResponseSummary_1=require("./ResponseSummary"),useMenuItemLink_1=require("../SideMenu/useMenuItemLink");function Response({response:e,shouldBeExpandedByDefault:t,onToggle:s}){var r;const n=(0,react_router_dom_1.useLocation)();return react_1.default.createElement(Panel_1.StyledResponsePanel,{header:({toggle:t})=>react_1.default.createElement(ResponseSummary_1.ResponseSummary,{response:e,toggle:r=>{null==s||s(e.code),null==t||t(r)}}),expanded:[null===(r=null==e?void 0:e.content)||void 0===r?void 0:r.operation.href,`c=${e.code}`].every((e=>(0,useMenuItemLink_1.checkIfPathIncludes)(n,e)))||t,className:`panel-response-${e.type}`},react_1.default.createElement(ResponseDetails_1.ResponseDetails,{response:e}))}exports.Response=Response;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Response=void 0;const react_1=__importDefault(require("react")),react_router_dom_1=require("react-router-dom"),Panel_1=require("../Panel"),ResponseDetails_1=require("./ResponseDetails"),ResponseSummary_1=require("./ResponseSummary"),utils_1=require("../../utils");function Response({response:e,shouldBeExpandedByDefault:t,onToggle:s}){var r;const o=(0,react_router_dom_1.useLocation)();return react_1.default.createElement(Panel_1.StyledResponsePanel,{header:({toggle:t})=>react_1.default.createElement(ResponseSummary_1.ResponseSummary,{response:e,toggle:r=>{null==s||s(e.code),null==t||t(r)}}),expanded:[null===(r=null==e?void 0:e.content)||void 0===r?void 0:r.operation.href,`c=${e.code}`].every((e=>(0,utils_1.pathIncludesLink)(o,e)))||t,className:`panel-response-${e.type}`},react_1.default.createElement(ResponseDetails_1.ResponseDetails,{response:e}))}exports.Response=Response;
 //# sourceMappingURL=Response.js.map

package/lib/components/SchemaDefinition/SchemaDefinition.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,r)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaDefinition=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),recoil_1=require("recoil"),recoil_nexus_1=require("recoil-nexus"),common_1=require("../common"),models_1=require("../../models"),constants_1=require("../../constants"),PayloadSamples_1=require("../PayloadSamples"),Schema_1=require("../Schema"),Markdown_1=require("../Markdown"),Panel_1=require("../Panel"),app_1=require("../../recoil/app"),store_1=require("../../recoil/store"),operation_1=require("../../recoil/operation"),getMediaTypeInfo=(e,t)=>{if(!e)return{};const a={schema:{$ref:e}};return t&&(a.examples={example:{$ref:t}}),a};function SchemaDefinitionComponent({schemaRef:e,exampleRef:t,showReadOnly:a=!0,showWriteOnly:o=!1}){var r,n,l;const i=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),{parser:c,options:s}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),u=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),d=(0,react_1.useMemo)((()=>(0,models_1.getMediaType)(c,"json",!1,getMediaTypeInfo(e,t),s,{operation:{pointer:"SchemaDefinitionComponent"}})),[t,s,c,e]),[m,_]=(0,recoil_1.useRecoilState)((0,operation_1.operationStore)(null===(r=d.operation)||void 0===r?void 0:r.pointer)),p=(0,react_1.useCallback)((e=>{var t;const a=null===(t=d.schema)||void 0===t?void 0:t.oneOf;if(a&&(null==d?void 0:d.examples)&&Object.keys(null==d?void 0:d.examples).includes(e)){const t=a.findIndex((t=>t.title===e));-1!==t&&d.schema&&(0,recoil_nexus_1.setRecoil)((0,operation_1.operationStore)(d.schema.deps.operation.pointer),(e=>{var a,o,r;return Object.assign(Object.assign({},e),{activeExampleName:(null===(r=null===(o=null===(a=d.schema)||void 0===a?void 0:a.oneOf)||void 0===o?void 0:o[t])||void 0===r?void 0:r.title)||e.activeExampleName,activeOneOf:t})}))}m.activeExampleName!==e&&_((t=>Object.assign(Object.assign({},t),{activeExampleName:e})))}),[null==d?void 0:d.examples,d.schema,m.activeExampleName,_]);return react_1.default.createElement(common_1.Section,null,react_1.default.createElement(common_1.Row,{layout:i},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:i===constants_1.LayoutVariant.STACKED||!u},(null===(n=d.schema)||void 0===n?void 0:n.description)&&react_1.default.createElement(Description,null,react_1.default.createElement(Markdown_1.Markdown,{source:null===(l=d.schema)||void 0===l?void 0:l.description})),react_1.default.createElement(StyledPanelBody,{className:"panel-default"},react_1.default.createElement(Schema_1.Schema,{skipWriteOnly:!o,skipReadOnly:!a,schema:d.schema}))),u?react_1.default.createElement(common_1.SamplesPanel,null,react_1.default.createElement(Panel_1.CodePanel,{className:"panel-response-samples"},react_1.default.createElement(PayloadSamples_1.MediaTypeSamples,{mediaType:d,onChange:p}))):null))}exports.SchemaDefinition=(0,react_1.memo)(SchemaDefinitionComponent);const Description=styled_components_1.default.div`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,r)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaDefinition=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),recoil_1=require("recoil"),recoil_nexus_1=require("recoil-nexus"),common_1=require("../common"),models_1=require("../../models"),PayloadSamples_1=require("../PayloadSamples"),Schema_1=require("../Schema"),Markdown_1=require("../Markdown"),Panel_1=require("../Panel"),app_1=require("../../recoil/app"),store_1=require("../../recoil/store"),operation_1=require("../../recoil/operation"),getMediaTypeInfo=(e,t)=>{if(!e)return{};const a={schema:{$ref:e}};return t&&(a.examples={example:{$ref:t}}),a};function SchemaDefinitionComponent({schemaRef:e,exampleRef:t,showReadOnly:a=!0,showWriteOnly:o=!1}){var r,l,n;const i=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),{parser:c,options:s}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),u=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),d=(0,react_1.useMemo)((()=>(0,models_1.getMediaType)(c,"json",!1,getMediaTypeInfo(e,t),s,{operation:{pointer:"SchemaDefinitionComponent"}})),[t,s,c,e]),[m,_]=(0,recoil_1.useRecoilState)((0,operation_1.operationStore)(null===(r=d.operation)||void 0===r?void 0:r.pointer)),p=(0,react_1.useCallback)((e=>{var t;const a=null===(t=d.schema)||void 0===t?void 0:t.oneOf;if(a&&(null==d?void 0:d.examples)&&Object.keys(null==d?void 0:d.examples).includes(e)){const t=a.findIndex((t=>t.title===e));-1!==t&&d.schema&&(0,recoil_nexus_1.setRecoil)((0,operation_1.operationStore)(d.schema.deps.operation.pointer),(e=>{var a,o,r;return Object.assign(Object.assign({},e),{activeExampleName:(null===(r=null===(o=null===(a=d.schema)||void 0===a?void 0:a.oneOf)||void 0===o?void 0:o[t])||void 0===r?void 0:r.title)||e.activeExampleName,activeOneOf:t})}))}m.activeExampleName!==e&&_((t=>Object.assign(Object.assign({},t),{activeExampleName:e})))}),[null==d?void 0:d.examples,d.schema,m.activeExampleName,_]);return react_1.default.createElement(common_1.Section,null,react_1.default.createElement(common_1.Row,{layout:i},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:i===theme_1.LayoutVariant.STACKED||!u},(null===(l=d.schema)||void 0===l?void 0:l.description)&&react_1.default.createElement(Description,null,react_1.default.createElement(Markdown_1.Markdown,{source:null===(n=d.schema)||void 0===n?void 0:n.description})),react_1.default.createElement(StyledPanelBody,{className:"panel-default"},react_1.default.createElement(Schema_1.Schema,{skipWriteOnly:!o,skipReadOnly:!a,schema:d.schema}))),u?react_1.default.createElement(common_1.SamplesPanel,null,react_1.default.createElement(Panel_1.CodePanel,{className:"panel-response-samples"},react_1.default.createElement(PayloadSamples_1.MediaTypeSamples,{mediaType:d,onChange:p}))):null))}exports.SchemaDefinition=(0,react_1.memo)(SchemaDefinitionComponent);const Description=styled_components_1.default.div`
   margin-bottom: var(--spacing-vertical);
 `,StyledPanelBody=(0,styled_components_1.default)(theme_1.PanelBody)`
   --panel-schemas-body-padding: var(--panel-body-padding);

package/lib/components/Search/MenuItemSearch.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItemSearch=void 0;const react_1=__importDefault(require("react")),recoil_1=require("recoil"),react_router_dom_1=require("react-router-dom"),SideMenu_1=require("../SideMenu"),services_1=require("../../services"),utils_1=require("./utils"),styled_1=require("./styled"),store_1=require("../../recoil/store");function markString(e,t){const r=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),a=e.split(r);for(let e=1,t=a.length;e<t;e+=2)a[e]=react_1.default.createElement(styled_1.MarkedSpan,{key:e},a[e]);return a}const MenuItemSearch=({result:e,term:t,active:r,onClick:a})=>{const{searchMode:l,sideNavStyle:i,pagination:u}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),c=(0,react_router_dom_1.useLocation)(),n="path-only"===l,o=i===services_1.SideNavStyle.PathFirst;return react_1.default.createElement(SideMenu_1.MenuItem,{item:Object.create(e.item,{name:{value:n?e.item.name:""},path:{value:""},search:{value:!0}}),active:r,"data-role":"search:result",location:c,pagination:u,onClick:a},(o||n)&&"operation"===e.item.type?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(SideMenu_1.MenuItemPath,{title:e.item.path},markString(e.item.path,t))):markString(e.item.name,t),e.count>1?react_1.default.createElement(styled_1.ResultMeta,null,e.count," matching ",(0,utils_1.formatPlaces)(e.places)):1===e.count?react_1.default.createElement(styled_1.ResultMeta,null,"in ",react_1.default.createElement(styled_1.Place,null,e.places[0].place)," ",(0,utils_1.formatPath)(t,e.places[0].paths[0])):null)};exports.MenuItemSearch=MenuItemSearch;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItemSearch=void 0;const react_1=__importDefault(require("react")),recoil_1=require("recoil"),SideMenu_1=require("../SideMenu"),services_1=require("../../services"),utils_1=require("./utils"),styled_1=require("./styled"),store_1=require("../../recoil/store");function markString(e,t){const r=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),a=e.split(r);for(let e=1,t=a.length;e<t;e+=2)a[e]=react_1.default.createElement(styled_1.MarkedSpan,{key:e},a[e]);return a}const MenuItemSearch=({result:e,term:t,active:r,onClick:a})=>{const{searchMode:l,sideNavStyle:u}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),c="path-only"===l,i=u===services_1.SideNavStyle.PathFirst;return react_1.default.createElement(SideMenu_1.MenuItem,{item:Object.create(e.item,{name:{value:c?e.item.name:""},path:{value:""},search:{value:!0}}),active:r,"data-role":"search:result",onClick:a},(i||c)&&"operation"===e.item.type?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(SideMenu_1.MenuItemPath,{title:e.item.path},markString(e.item.path,t))):markString(e.item.name,t),e.count>1?react_1.default.createElement(styled_1.ResultMeta,null,e.count," matching ",(0,utils_1.formatPlaces)(e.places)):1===e.count?react_1.default.createElement(styled_1.ResultMeta,null,"in ",react_1.default.createElement(styled_1.Place,null,e.places[0].place)," ",(0,utils_1.formatPath)(t,e.places[0].paths[0])):null)};exports.MenuItemSearch=MenuItemSearch;
 //# sourceMappingURL=MenuItemSearch.js.map

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

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SectionContent=void 0;const react_1=__importStar(require("react")),ApiInfo_1=require("../ApiInfo"),ContentItem_1=require("../ContentItem"),NextSectionButton_1=require("../NextSectionButton"),services_1=require("../../services");function SectionContent({items:e,pagination:t,nextSectionLink:n,showNextButton:r,showApiInfo:i}){const o=(0,react_1.useMemo)((()=>t===services_1.Pagination.None?e:e.filter((e=>"section"===e.type))),[e,t]);return react_1.default.createElement(react_1.default.Fragment,null,i&&react_1.default.createElement(ApiInfo_1.ApiInfo,null),o.map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,pagination:t,showNextButton:r}))),r&&n&&react_1.default.createElement(NextSectionButton_1.NextSectionButton,{href:n.href||"",label:n.name,pagination:t}))}exports.SectionContent=SectionContent;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SectionContent=void 0;const react_1=__importStar(require("react")),ContentItem_1=require("../ContentItem"),NextSectionButton_1=require("../NextSectionButton"),services_1=require("../../services");function SectionContent({items:e,pagination:t,nextSectionLink:n,showNextButton:r}){const i=(0,react_1.useMemo)((()=>t===services_1.Pagination.None?e:null==e?void 0:e.filter((e=>"section"===e.type))),[e,t]);return react_1.default.createElement(react_1.default.Fragment,null,i.map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e}))),r&&n&&react_1.default.createElement(NextSectionButton_1.NextSectionButton,{href:n.href||"",label:n.name,pagination:t}))}exports.SectionContent=SectionContent;
 //# sourceMappingURL=SectionContent.js.map

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

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