npm - @redocly/openapi-docs - Versions diffs - 3.0.0-alpha.29.alpha.0 → 3.0.0-alpha.30 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (148) hide show

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

@@ -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 CHANGED Viewed

@@ -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/ContentItem/ContentItem.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/Fields/FieldDetails.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -4,4 +4,4 @@ import type { ProvidersProps, AppProviderProps, StoreProviderProps } from './typ
 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: React.MemoExoticComponent<({ 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 CHANGED Viewed

@@ -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{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})=>{const a=react_1.default.useRef(),l=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,l())}),0)}),[l,r]),react_1.default.createElement(recoil_1.RecoilRoot,{initializeState:({set:e})=>{a.current=e;const t=l(),i=t.options,r=JSON.parse((0,utils_2.fromLocalStorage)("appLocalStore")||"{}"),s=JSON.parse((0,utils_2.fromSessionStorage)("appSessionStore")||"{}");if(e(app_1.appSessionStore,{showRightPanelToggle:s.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;
+"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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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"),useLicense_1=require("../../hooks/useLicense"),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,useLicense_1.useLicense)(e);(0,theme_1.useMount)((()=>{null==t||t()}));const{options:{hideDownloadButton:f,hideInfoSection:p,pagination:m,disableSidebar:h,whiteLabel:v,hideLogo:g,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,L]=(0,recoil_1.useRecoilState)(app_1.activeVersionIdxSelector),D=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),B=(0,react_1.useCallback)((({idx:e})=>{e&&L(e)}),[L]),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:v,showRightPanelToggle:w,layout:D}),!h&&react_1.default.createElement(StickySidebar_1.StickyResponsiveSidebar,{hideFab:y,scrollYOffset:b,className:"menu-content"},!g&&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:B}),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:D===constants_1.LayoutVariant.THREE_PANEL&&w?constants_1.LayoutVariant.THREE_PANEL:constants_1.LayoutVariant.STACKED},w&&D!==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&&D!==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(null==n?void 0:n.definition)?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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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,8 +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/SchemaDefinition/SchemaDefinition.js CHANGED Viewed

@@ -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/SectionContent/SectionContent.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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:null==e?void 0: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&&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 ADDED Viewed

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

package/lib/components/SideMenu/Actions.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var __importDefault=this&&this.__importDefault\|\|function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Actions=void 0;const react_1=__importDefault(require("react")),recoil_1=require("recoil"),theme_1=require("@redocly/theme"),app_1=require("../../recoil/app"),store_1=require("../../recoil/store"),Actions=()=>{const{showChangeLayoutButton:e,showRightPanelToggle:t}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),[o,a]=(0,recoil_1.useRecoilState)(app_1.layoutSelector),[i,l]=(0,recoil_1.useRecoilState)(app_1.showRightPanelToggleSelector),[r,c]=(0,recoil_1.useRecoilState)(app_1.collapsedSidebarSelector);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("div",{"data-component-name":"Sidebar/Actions",style:{position:"sticky",top:"calc(100vh - var(--layout-controls-height) - 20px)"}},react_1.default.createElement(theme_1.SidebarActions,{showChangeLayoutButton:e,showRightPanelToggle:i,layout:o,initialShowRightPanelToggle:t,onChangeRightPanelViewClick:()=>l((e=>!e)),onChangeViewClick:()=>a(o===theme_1.LayoutVariant.STACKED?theme_1.LayoutVariant.THREE_PANEL:theme_1.LayoutVariant.STACKED),collapsedSidebar:r,onChangeCollapseSidebarClick:()=>c((e=>!e)),isOpenapiDocs:!0})))};exports.Actions=Actions;
2	+ //# sourceMappingURL=Actions.js.map

package/lib/components/SideMenu/MenuItem.d.ts CHANGED Viewed

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

package/lib/components/SideMenu/MenuItem.js CHANGED Viewed

@@ -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.MenuItem=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),styled_1=require("./styled"),MenuItems_1=require("./MenuItems"),MenuItemLink_1=require("./MenuItemLink"),MenuOperationItemContent_1=require("./MenuOperationItemContent"),icons_1=require("../icons"),utils_1=require("../../utils"),hooks_1=require("./hooks");function MenuItemComponent({item:e,children:t,onClick:n}){var r;const[i,a]=(0,hooks_1.useMenuItemExpanded)(e),u=(0,react_1.useCallback)((()=>{e.href&&e.hasActiveSubItem||a(!i)}),[i,e.href,e.hasActiveSubItem,a]),o=(null===(r=e.items)||void 0===r?void 0:r.length)>0,c=(0,utils_1.encodeBackSlashes)(e.href);return react_1.default.createElement(styled_1.MenuItemLi,{depth:e.depth,"data-item-id":e.id,onClick:n},"operation"===e.type?react_1.default.createElement(MenuOperationItemContent_1.MenuOperationItemContent,{item:e,to:c,active:e.active},t):react_1.default.createElement(MenuItemLink_1.MenuItemLink,{to:c,depth:e.depth,type:e.type,hasChildren:o,active:e.active,onClick:u},e.depth>0&&o&&react_1.default.createElement(icons_1.ShelfIcon,{direction:i?"down":"right"})||null,e.isSchema?react_1.default.createElement(theme_1.Badge,{type:"schema"},"schema"):null,react_1.default.createElement(styled_1.MenuItemTitle,{title:e.name},e.name,t)),o&&react_1.default.createElement(MenuItems_1.MenuItems,{expanded:i,items:e.items}))}exports.MenuItem=(0,react_1.memo)(MenuItemComponent);
+"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.MenuItem=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),services_1=require("../../services"),styled_1=require("./styled"),MenuItems_1=require("./MenuItems"),MenuItemLink_1=require("./MenuItemLink"),MenuOperationItemContent_1=require("./MenuOperationItemContent"),icons_1=require("../icons"),utils_1=require("../../utils"),hooks_1=require("./hooks");function MenuItemComponent({item:e,children:t,onClick:n,pagination:r}){var i;const[a,u]=(0,hooks_1.useMenuItemExpanded)(e),o="tag"!==e.type||e.description||r!==services_1.Pagination.Item?(0,utils_1.encodeBackSlashes)(e.href):"",c=(0,react_1.useCallback)((()=>{o&&e.hasActiveSubItem||u(!a)}),[o,e.hasActiveSubItem,u,a]),l=(null===(i=e.items)||void 0===i?void 0:i.length)>0;return react_1.default.createElement(styled_1.MenuItemLi,{depth:e.depth,"data-item-id":e.id,onClick:n},"operation"===e.type?react_1.default.createElement(MenuOperationItemContent_1.MenuOperationItemContent,{item:e,to:o,active:e.active},t):react_1.default.createElement(MenuItemLink_1.MenuItemLink,{to:o,depth:e.depth,type:e.type,hasChildren:l,active:e.active,onClick:c},e.depth>0&&l&&react_1.default.createElement(icons_1.ShelfIcon,{direction:a?"down":"right"})||null,e.isSchema?react_1.default.createElement(theme_1.Badge,{type:"schema"},"schema"):null,react_1.default.createElement(styled_1.MenuItemTitle,{title:e.name},e.name,t)),l&&react_1.default.createElement(MenuItems_1.MenuItems,{expanded:a,items:e.items}))}exports.MenuItem=(0,react_1.memo)(MenuItemComponent);
 //# sourceMappingURL=MenuItem.js.map

package/lib/components/SideMenu/MenuItemLink.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,i)}: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.MenuItemLink=void 0;const react_1=__importStar(require("react")),styled_1=require("./styled");function MenuItemLinkComponent({href:e,children:t,to:r,hasChildren:n,deprecated:i,depth:a,active:o,type:c,onClick:u}){return r?react_1.default.createElement(styled_1.StyledMenuItemLink,{$active:o,$hasChildren:n,type:c,deprecated:i,depth:a,to:r,onClick:u},t):react_1.default.createElement(styled_1.MenuItemLabel,{type:c,active:o,deprecated:i,depth:a,href:e},t)}exports.MenuItemLink=(0,react_1.memo)(MenuItemLinkComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,i)}: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.MenuItemLink=void 0;const react_1=__importStar(require("react")),styled_1=require("./styled");function MenuItemLinkComponent({href:e,children:t,to:r,hasChildren:n,deprecated:i,depth:a,active:o,type:c,onClick:u}){return r?react_1.default.createElement(styled_1.StyledMenuItemLink,{$active:o,$hasChildren:n,type:c,deprecated:i,depth:a,to:r,onClick:u},t):react_1.default.createElement(styled_1.MenuItemLabel,{type:c,active:o,deprecated:i,depth:a,href:e,$hasChildren:n,onClick:u},t)}exports.MenuItemLink=(0,react_1.memo)(MenuItemLinkComponent);
 //# sourceMappingURL=MenuItemLink.js.map

package/lib/components/SideMenu/MenuItems.js CHANGED Viewed

@@ -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.MenuItems=void 0;const react_1=__importStar(require("react")),MenuItem_1=require("./MenuItem"),styled_1=require("./styled"),MenuItemEternalLink_1=require("./MenuItemEternalLink");function MenuItemsComponents({items:e,root:t,className:n,linksBefore:r=[],linksAfter:i=[],expanded:a=!0,style:u}){return react_1.default.createElement(styled_1.MenuItemUl,{className:n,style:u,expanded:a,role:t?"navigation":void 0},r.map((e=>react_1.default.createElement(MenuItemEternalLink_1.MenuExternalLink,{key:JSON.stringify(e),link:e}))),e.map((e=>react_1.default.createElement(MenuItem_1.MenuItem,{key:e.id,item:e}))),i.map((e=>react_1.default.createElement(MenuItemEternalLink_1.MenuExternalLink,{key:JSON.stringify(e),link:e}))))}exports.MenuItems=(0,react_1.memo)(MenuItemsComponents);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,i)}: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.MenuItems=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),MenuItem_1=require("./MenuItem"),styled_1=require("./styled"),MenuItemEternalLink_1=require("./MenuItemEternalLink"),store_1=require("../../recoil/store"),services_1=require("../../services"),helpers_1=require("../ContentItems/helpers");function MenuItemsComponents({items:e,root:t,className:r,linksBefore:n=[],linksAfter:i=[],expanded:a=!0,style:o}){const{pagination:l,hideInfoSection:u}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector);return react_1.default.createElement(styled_1.MenuItemUl,{className:r,style:o,expanded:a,role:t?"navigation":void 0},n.map((e=>react_1.default.createElement(MenuItemEternalLink_1.MenuExternalLink,{key:JSON.stringify(e),link:e}))),e.map((e=>u&&l===services_1.Pagination.None&&(0,helpers_1.isRootItem)(e)?null:react_1.default.createElement(MenuItem_1.MenuItem,{key:e.id,item:e,pagination:l}))),i.map((e=>react_1.default.createElement(MenuItemEternalLink_1.MenuExternalLink,{key:JSON.stringify(e),link:e}))))}exports.MenuItems=(0,react_1.memo)(MenuItemsComponents);
 //# sourceMappingURL=MenuItems.js.map