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

Redocly GraphQL docs

var B=Object.create;var s=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var w=(t,n)=>{for(var e in n)s(t,e,{get:n[e],enumerable:!0})},g=(t,n,e,l)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of N(n))!P.call(t,o)&&o!==e&&s(t,o,{get:()=>n[o],enumerable:!(l=E(n,o))||l.enumerable});return t};var A=(t,n,e)=>(e=t!=null?B(L(t)):{},g(n||!t||!t.__esModule?s(e,"default",{value:t,enumerable:!0}):e,t)),C=t=>g(s({},"__esModule",{value:!0}),t);var b={};w(b,{NavigationButton:()=>I});module.exports=C(b);var f=require("react-router-dom"),a=A(require("react")),i=require("@redocly/theme"),p=require("../../navigation/utils"),v=require("../../navigation"),h=require("../../settings"),r=require("./styled");function I({item:t,type:n}){const e=(0,f.useNavigate)(),{useTranslate:l}=(0,i.useThemeHooks)(),{translate:o}=l(),{pagination:d,onLocationChange:u}=(0,h.useSettings)(),c=(0,v.usePaginationAwareLocation)(d,t.location),x=m=>{m.defaultPrevented||(0,p.userIsForcingNavigation)(m)||(m.preventDefault(),e(c),u?.(c))},k=(c.pathname||"")+(c.hash||"");return a.default.createElement(r.ButtonWrapper,{align:n==="next"?"right":"left"},a.default.createElement(r.NavigationLabel,null,n==="next"?o("page.nextButton","Next page"):o("page.previousButton","Previous page")),a.default.createElement(r.StyledButton,{onClick:x,to:k,size:"large",variant:"link",icon:n==="next"?a.default.createElement(i.ArrowRightIcon,null):a.default.createElement(i.ArrowLeftIcon,null),iconPosition:n==="next"?"right":"left","data-testid":`${n}-button`},t.name))}0&&(module.exports={NavigationButton});