@progress/kendo-react-data-tools/pager/PagerPageSizes.js

Includes React Pager & React Filter component, an intuitive interface to create complex filter descriptions. KendoReact Data Tools package

/**
 * @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";
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),z=require("@progress/kendo-react-intl"),l=require("../messages/index.js"),P=require("@progress/kendo-react-dropdowns"),r=require("./utils.js");function S(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const o=S(m),v=e=>{const{value:a,pageSizes:t,pageSize:n,messagesMap:c,size:u,navigatable:p}=e,i=t.slice(),g=z.useLocalization();a===void 0&&i.filter(s=>s===n).length===0&&i.unshift(n);const d=r.getL10NMessage(l.pagerItemPerPage,c),f=r.getL10NMessage(l.pagerPageSizeAriaLabel,c),b=s=>{e.pageChange&&e.pageChange({skip:0,take:parseInt(s.target.value,10)},s)};return o.createElement("span",{className:"k-pager-sizes"},o.createElement(P.DropDownList,{value:a!==void 0?a:n,data:i,onChange:b,ariaLabel:r.translateMessage(g,f),size:u,tabIndex:p?-1:void 0}),o.createElement("span",null,r.translateMessage(g,d)))};exports.PagerPageSizes=v;