@progress/kendo-react-data-tools
Version:
Includes React Pager & React Filter component, an intuitive interface to create complex filter descriptions. KendoReact Data Tools package
10 lines (9 loc) • 1.7 kB
JavaScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
"use client";
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),o=require("@progress/kendo-react-intl"),c=require("../messages/index.js"),d=require("@progress/kendo-react-inputs"),a=require("./utils.js");function P(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const g=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,g.get?g:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const s=P(f),p=e=>{const[n,t]=s.useState(e.currentPage),g=l=>{t(l.target.value),l.target.value&&e.pageChange(l.target.value,l)},u=o.useInternationalization(),r=o.useLocalization(),i=a.getL10NMessage(c.pagerPage,e.messagesMap),m=a.getL10NMessage(c.pagerOf,e.messagesMap),M=a.getL10NMessage(c.pagerTotalPages,e.messagesMap),b=a.getL10NMessage(c.pagerPageNumberLabel,e.messagesMap);return s.createElement("span",{className:"k-pager-input"},s.createElement("span",null,a.translateMessage(r,i)),s.createElement(d.NumericTextBox,{value:e.currentPage!==void 0?e.currentPage:n,onChange:g,min:1,spinners:!1,ariaLabel:a.translateMessage(r,b),tabIndex:e.navigatable?-1:void 0}),s.createElement("span",null,`${a.translateMessage(r,m)} ${u.format(a.translateMessage(r,M),[e.totalPages])}`))};exports.PagerInput=p;