@redocly/graphql-docs/lib/src/sidebar/Sidebar.js

Redocly GraphQL docs

var b=Object.create;var s=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var g=(t,e)=>{for(var n in e)s(t,n,{get:e[n],enumerable:!0})},m=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of E(e))!v.call(t,a)&&a!==n&&s(t,a,{get:()=>e[a],enumerable:!(o=S(e,a))||o.enumerable});return t};var I=(t,e,n)=>(n=t!=null?b(f(t)):{},m(e||!t||!t.__esModule?s(n,"default",{value:t,enumerable:!0}):n,t)),h=t=>m(s({},"__esModule",{value:!0}),t);var C={};g(C,{Sidebar:()=>k});module.exports=h(C);var r=I(require("react")),i=require("@redocly/theme"),c=require("../settings/settings.context"),l=require("./styled"),d=require("../menu"),p=require("./use-sidebar-items-with-state");function k(){const{sidebar:t,apiLogo:e}=(0,c.useSettings)(),n=(0,r.useContext)(d.MenuStoreContext),o=n?.getSidebarItems()||[],a=(0,p.useSidebarItemsWithState)(o);return t?.hide?null:r.default.createElement(l.SidebarWrapper,null,r.default.createElement(i.Sidebar,{versions:null,menu:r.default.createElement(r.default.Fragment,null,r.default.createElement(i.SidebarLogo,Object.assign({dataTestId:"logo"},e)),u(a))}))}const u=t=>r.default.createElement(r.default.Fragment,null,t.map((e,n)=>e.type==="group"&&e.items.length>0?r.default.createElement(x,{key:n,item:e}):r.default.createElement(i.MenuItem,{key:n,item:e}))),x=t=>{const{item:e}=t,[n,o]=(0,r.useState)(e.active||e.hasActiveSubItem);(0,r.useEffect)(()=>{o(e.active||e.hasActiveSubItem)},[e.active,e.hasActiveSubItem]);const a=(0,r.useCallback)(()=>{o(!n)},[n]);return r.default.createElement(i.MenuItem,{item:e,isExpanded:n,onClick:a},u(e.items))};0&&(module.exports={Sidebar});