@redocly/graphql-docs/lib/src/navigation/components/Item.js

Redocly GraphQL docs

var E=Object.create;var s=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var O=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var z=(t,e)=>{for(var a in e)s(t,a,{get:e[a],enumerable:!0})},m=(t,e,a,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of N(e))!w.call(t,n)&&n!==a&&s(t,n,{get:()=>e[n],enumerable:!(c=I(e,n))||c.enumerable});return t};var p=(t,e,a)=>(a=t!=null?E(O(t)):{},m(e||!t||!t.__esModule?s(a,"default",{value:t,enumerable:!0}):a,t)),C=t=>m(s({},"__esModule",{value:!0}),t);var M={};z(M,{Item:()=>F});module.exports=C(M);var o=p(require("react")),r=require("@redocly/theme"),v=p(require("styled-components")),f=require("react-router-dom"),u=require("../../settings"),b=require("../../navigation/hooks/utils"),i=require("../../navigation");function F({path:t,prev:e,next:a,children:c}){const n=(0,i.useNavigationContext)(),d=(0,i.useCombinedNavigationId)("item",t),l=(0,u.useSettings)(),h=(0,f.useLocation)().pathname,g=o.default.useMemo(()=>Object.assign(Object.assign({},n),{navigationId:d,location:Object.assign(Object.assign({},n.location),{item:t})}),[n,d,t]),{hide:k,type:y,settings:$}=l.feedback||{},j=y||"sentiment",x=k!==!0;return o.default.createElement("div",Object.assign({},(0,b.getNavigationIdProp)(d)),o.default.createElement(i.NavigationContextProvider,{value:g},c,x&&o.default.createElement(P,null,o.default.createElement(r.Feedback,{type:j,settings:$,path:S(h,l.pagination,g)})),o.default.createElement(i.PageNavigation,{prev:e,next:a})))}const P=v.default.div`
  padding-top: var(--spacing-vertical);
  padding-bottom: var(--spacing-vertical);
  padding-left: calc(var(--spacing-horizontal));
  padding-right: calc(var(--spacing-horizontal));
  width: 100%;
  display: flex;

  @media screen and (min-width: ${r.breakpoints.large}) {
    padding-left: calc(var(--spacing-horizontal) * 2);
    padding-right: calc(var(--spacing-horizontal) * 2);
  }
`;function S(t,e,a){switch(e){case"item":return`${t}`;case"section":return`${t}#${a.location.item}`;case"none":return encodeURI(`${t}#${a.location.section}/${a.location.item}`);default:return t}}0&&(module.exports={Item});