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