@progress/kendo-react-data-tools 13.3.0 → 13.4.0-develop.2

package/package-metadata.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-data-tools",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1768550062,version:"13.3.0",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-data-tools",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1770288022,version:"13.4.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -1,19 +1,13 @@
+// Generated file. DO NOT EDIT.
 /**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
+ * @hidden
  */
-const e = Object.freeze({
-  name: "@progress/kendo-react-data-tools",
-  productName: "KendoReact",
-  productCode: "KENDOUIREACT",
-  productCodes: ["KENDOUIREACT"],
-  publishDate: 1768550062,
-  version: "13.3.0",
-  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
+export const packageMetadata = Object.freeze({
+    name: '@progress/kendo-react-data-tools',
+    productName: 'KendoReact',
+    productCode: 'KENDOUIREACT',
+    productCodes: ['KENDOUIREACT'],
+    publishDate: 0,
+    version: '13.4.0-develop.2',
+    licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });
-export {
-  e as packageMetadata
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-data-tools",
-  "version": "13.3.0",
+  "version": "13.4.0-develop.2",
   "description": "Includes React Pager & React Filter component, an intuitive interface to create complex filter descriptions. KendoReact Data Tools package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -28,14 +28,14 @@
     "@progress/kendo-data-query": "^1.7.2",
     "@progress/kendo-drawing": "^1.21.2",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "13.3.0",
-    "@progress/kendo-react-buttons": "13.3.0",
-    "@progress/kendo-react-common": "13.3.0",
-    "@progress/kendo-react-dateinputs": "13.3.0",
-    "@progress/kendo-react-dropdowns": "13.3.0",
-    "@progress/kendo-react-inputs": "13.3.0",
-    "@progress/kendo-react-intl": "13.3.0",
-    "@progress/kendo-react-popup": "13.3.0",
+    "@progress/kendo-react-animation": "13.4.0-develop.2",
+    "@progress/kendo-react-buttons": "13.4.0-develop.2",
+    "@progress/kendo-react-common": "13.4.0-develop.2",
+    "@progress/kendo-react-dateinputs": "13.4.0-develop.2",
+    "@progress/kendo-react-dropdowns": "13.4.0-develop.2",
+    "@progress/kendo-react-inputs": "13.4.0-develop.2",
+    "@progress/kendo-react-intl": "13.4.0-develop.2",
+    "@progress/kendo-react-popup": "13.4.0-develop.2",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -65,7 +65,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1768550062,
+      "publishDate": 1770288022,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

package/pager/Pager.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PagerHandle, PagerProps } from './models/index.js';
+import * as React from 'react';
+export declare const Pager: React.ForwardRefExoticComponent<PagerProps & React.RefAttributes<PagerHandle>>;

package/pager/Pager.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Oe=require("react"),a=require("prop-types"),we=require("./PagerNumericButtons.js"),xe=require("./PagerInput.js"),Be=require("./PagerPageSizes.js"),We=require("@progress/kendo-react-buttons"),d=require("../messages/index.js"),se=require("@progress/kendo-react-intl"),r=require("@progress/kendo-react-common"),i=require("./utils.js");function je(o){const P=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const b in o)if(b!=="default"){const K=Object.getOwnPropertyDescriptor(o,b);Object.defineProperty(P,b,K.get?K:{enumerable:!0,get:()=>o[b]})}}return P.default=o,Object.freeze(P)}const n=je(Oe),W=n.forwardRef((o,P)=>{const{buttonCount:b=h.buttonCount,info:K=h.info,type:ae=h.type,size:y=h.size,disabled:C=h.disabled,total:z,skip:O,take:L,className:ne,style:re,pageSizes:j,pageSizeValue:ie,previousNext:oe,responsive:w=h.responsive,messagesMap:c,dir:A,navigatable:R,adaptive:le,adaptiveTitle:ce}=o,g=se.useLocalization(),x=se.useInternationalization(),M=n.useRef({element:null,props:o}),N=n.useRef(null),B=n.useRef(0),F=n.useRef(null),_=n.useRef(null),$=n.useRef(null),H=n.useRef(null),G=n.useRef(null),ue=n.useRef(null),p=n.useRef([F,_,$,H,G]),S=n.useRef([]),[Ae,ge]=n.useReducer(e=>e+1,0);n.useImperativeHandle(M,()=>({get element(){return fe()},props:o})),n.useImperativeHandle(P,()=>M.current);const fe=()=>N.current;n.useEffect(()=>{const e=N.current;if(!e)return;U();const t=window.ResizeObserver,s=t&&new t(U);return s&&s.observe(e),()=>{s&&s.disconnect()}},[]);const D=A==="rtl",u=Math.floor(O/L)+1,m=Math.ceil((z||0)/L),v=(e,t)=>{o.onPageChange&&e>0&&e<=m&&o.onPageChange({target:M.current,skip:(e-1)*o.take,take:o.take,syntheticEvent:t,nativeEvent:t.nativeEvent,targetEvent:t})},de=e=>{const t=N.current,s=e.keyCode;!t||!R||((s===r.Keys.home||e.metaKey&&s===r.Keys.left)&&v(1,e),(s===r.Keys.end||e.metaKey&&s===r.Keys.right)&&v(m,e),document.activeElement===t?(s===r.Keys.enter&&(r.focusFirstFocusableChild(t),r.enableNavigatableContainer(t)),(s===r.Keys.left||s===r.Keys.up)&&v(u-1,e),(s===r.Keys.right||s===r.Keys.down)&&v(u+1,e)):(s===r.Keys.esc&&(t.focus(),r.disableNavigatableContainer(t)),r.keepFocusInContainer(e,t,r.TABBABLE_ELEMENTS)))},U=()=>{const e=N.current;if(!e)return;let t=0;const s=e.clientWidth||0,I=parseInt(window.getComputedStyle(e).gap||"0",10),k=Array.from(e.children).reduce((l,f)=>(l+=Math.ceil(f.clientWidth||0),l),0),E=Array.from(e.children).length;if(t=k+(E-1)*I,w&&t>s){const l=[...p.current],f=l.shift();B.current=t,p.current=l,f&&(S.current=[f,...S.current])}else if(w&&s>B.current){const l=[...S.current],f=l.shift();S.current=l,f&&(p.current=[...p.current,f]),B.current=t}ge()},pe=(e,t)=>{const s={target:M==null?void 0:M.current,syntheticEvent:t.syntheticEvent,nativeEvent:t.nativeEvent,targetEvent:t,...e};o.onPageChange&&o.onPageChange(s)},me=i.getL10NMessage(d.pagerFirstPage,c),be=i.getL10NMessage(d.pagerPreviousPage,c),ye=i.getL10NMessage(d.pagerNextPage,c),ve=i.getL10NMessage(d.pagerLastPage,c),V=i.getL10NMessage(d.pagerInfo,c),J=i.getL10NMessage(d.pagerAriaKeyshortcuts,c),Q=i.getL10NMessage(d.pagerPage,c),X=i.getL10NMessage(d.pagerOf,c),q=i.getL10NMessage(d.pagerTotalPages,c),Re=`${g.toLanguageString(Q.messageKey,Q.defaultMessage)} ${x.format(g.toLanguageString(q.messageKey,q.defaultMessage),[u])} ${g.toLanguageString(X.messageKey,X.defaultMessage)} ${x.format(g.toLanguageString(q.messageKey,q.defaultMessage),[m])}`,T=(e,t,s,I,k,E)=>n.createElement(We.Button,{fillMode:"flat",themeColor:"base",size:y,rounded:null,className:t,icon:I,svgIcon:k,title:s,role:"button","aria-disabled":E,tabIndex:R?-1:void 0,onClick:l=>{l.preventDefault(),v(e,l)}}),Me=j&&n.createElement(Be.PagerPageSizes,{pageChange:pe,pageSize:L,pageSizes:j,value:ie,messagesMap:c,size:y,navigatable:R,pagerSizesRef:G,pagerSizesTitleRef:H,visibleElementsRef:p,adaptive:le,adaptiveTitle:ce}),he=K&&p.current.length>=4&&n.createElement("span",{className:"k-pager-info",ref:_},x.format(g.toLanguageString(V.messageKey,V.defaultMessage),[Math.min(O+1,z),Math.min(O+L,z),z])),Pe=ae==="numeric"&&p.current.length===5?n.createElement(we.PagerNumericButtons,{buttonCount:b||0,totalPages:m,currentPage:u,pageChange:v,messagesMap:c,size:y,navigatable:R,pagerNumericButtonsRef:F}):n.createElement(xe.PagerInput,{buttonCount:b||0,totalPages:m,currentPage:u,pageChange:v,messagesMap:c,size:y,navigatable:R,pagerInputTitleRef:$,visibleElementsRef:p});let Y,Z,ee,te;if(oe){const e=i.translateMessage(g,me),{rtlClass:t,rtlIcon:s,isDisabledClass:I,isDisabled:k}=i.getFirstButtonProps(D,u,C);Y=T(1,I,e,t,s,k);const E=i.translateMessage(g,be),{rtlClass:l,rtlIcon:f,isDisabledClass:Ce,isDisabled:Ne}=i.getPrevButtonProps(D,u,C);Z=T(u-1,Ce,E,l,f,Ne);const Ie=i.translateMessage(g,ye),{rtlClass:ke,rtlIcon:Ee,isDisabledClass:Ke,isDisabled:ze}=i.getNextButtonProps(D,u,m,C);ee=T(u+1,Ke,Ie,ke,Ee,ze);const Le=i.translateMessage(g,ve),{rtlClass:Se,rtlIcon:De,isDisabledClass:qe,isDisabled:Te}=i.getLastButtonProps(D,u,m,C);te=T(m,qe,Le,Se,De,Te)}return n.createElement("div",{ref:N,className:r.classNames("k-pager",{[`k-pager-${r.kendoThemeMaps.sizeMap[y]||y}`]:y,"k-pager-responsive":w,"k-disabled":C},ne),style:re,role:"application","aria-roledescription":"pager",dir:A,"aria-keyshortcuts":g.toLanguageString(J.messageKey,J.defaultMessage),"aria-label":Re,tabIndex:R?0:void 0,onKeyDown:de},n.createElement("div",{className:r.classNames("k-pager-numbers-wrap"),ref:ue},Y,Z,Pe,ee,te),Me,he)}),h={buttonCount:10,info:!0,type:"numeric",size:"medium",disabled:!1,responsive:!0};W.displayName="Pager";W.propTypes={className:a.string,style:a.object,total:a.number.isRequired,skip:a.number.isRequired,take:a.number.isRequired,buttonCount:a.number,info:a.bool,type:a.oneOf(["numeric","input"]),pageSizes:a.oneOfType([a.arrayOf(a.number.isRequired),a.arrayOf(a.oneOfType([a.number.isRequired,a.string.isRequired]).isRequired)]),previousNext:a.bool,onPageChange:a.func,messagesMap:a.func,size:a.oneOf([null,"small","medium","large"]),dir:a.string,disabled:a.bool,responsive:a.bool,adaptive:a.bool,adaptiveTitle:a.string};exports.Pager=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Oe=require("react"),a=require("prop-types"),we=require("./PagerNumericButtons.js"),xe=require("./PagerInput.js"),Be=require("./PagerPageSizes.js"),We=require("@progress/kendo-react-buttons"),d=require("../messages/index.js"),se=require("@progress/kendo-react-intl"),r=require("@progress/kendo-react-common"),i=require("./utils.js");function je(o){const P=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const b in o)if(b!=="default"){const K=Object.getOwnPropertyDescriptor(o,b);Object.defineProperty(P,b,K.get?K:{enumerable:!0,get:()=>o[b]})}}return P.default=o,Object.freeze(P)}const n=je(Oe),W=n.forwardRef((o,P)=>{const{buttonCount:b=h.buttonCount,info:K=h.info,type:ae=h.type,size:v=h.size,disabled:C=h.disabled,total:z,skip:O,take:L,className:ne,style:re,pageSizes:j,pageSizeValue:ie,previousNext:oe,responsive:w=h.responsive,messagesMap:c,dir:A,navigatable:R,adaptive:le,adaptiveTitle:ce}=o,u=se.useLocalization(),x=se.useInternationalization(),M=n.useRef({element:null,props:o}),N=n.useRef(null),B=n.useRef(0),F=n.useRef(null),_=n.useRef(null),$=n.useRef(null),H=n.useRef(null),G=n.useRef(null),ge=n.useRef(null),p=n.useRef([F,_,$,H,G]),S=n.useRef([]),[Ae,ue]=n.useReducer(e=>e+1,0);n.useImperativeHandle(M,()=>({get element(){return fe()},props:o})),n.useImperativeHandle(P,()=>M.current);const fe=()=>N.current;n.useEffect(()=>{const e=N.current;if(!e)return;U();const t=window.ResizeObserver,s=t&&new t(U);return s&&s.observe(e),()=>{s&&s.disconnect()}},[]);const D=A==="rtl",g=Math.floor(O/L)+1,m=Math.ceil((z||0)/L),y=(e,t)=>{o.onPageChange&&e>0&&e<=m&&o.onPageChange({target:M.current,skip:(e-1)*o.take,take:o.take,syntheticEvent:t,nativeEvent:t.nativeEvent,targetEvent:t})},de=e=>{const t=N.current,s=e.keyCode;!t||!R||((s===r.Keys.home||e.metaKey&&s===r.Keys.left)&&y(1,e),(s===r.Keys.end||e.metaKey&&s===r.Keys.right)&&y(m,e),document.activeElement===t?(s===r.Keys.enter&&(r.focusFirstFocusableChild(t),r.enableNavigatableContainer(t)),(s===r.Keys.left||s===r.Keys.up)&&y(g-1,e),(s===r.Keys.right||s===r.Keys.down)&&y(g+1,e)):(s===r.Keys.esc&&(t.focus(),r.disableNavigatableContainer(t)),r.keepFocusInContainer(e,t,r.TABBABLE_ELEMENTS)))},U=()=>{const e=N.current;if(!e)return;let t=0;const s=e.clientWidth||0,I=parseInt(window.getComputedStyle(e).gap||"0",10),k=Array.from(e.children).reduce((l,f)=>(l+=Math.ceil(f.clientWidth||0),l),0),E=Array.from(e.children).length;if(t=k+(E-1)*I,w&&t>s){const l=[...p.current],f=l.shift();B.current=t,p.current=l,f&&(S.current=[f,...S.current])}else if(w&&s>B.current){const l=[...S.current],f=l.shift();S.current=l,f&&(p.current=[...p.current,f]),B.current=t}ue()},pe=(e,t)=>{const s={target:M==null?void 0:M.current,syntheticEvent:t.syntheticEvent,nativeEvent:t.nativeEvent,targetEvent:t,...e};o.onPageChange&&o.onPageChange(s)},me=i.getL10NMessage(d.pagerFirstPage,c),be=i.getL10NMessage(d.pagerPreviousPage,c),ve=i.getL10NMessage(d.pagerNextPage,c),ye=i.getL10NMessage(d.pagerLastPage,c),V=i.getL10NMessage(d.pagerInfo,c),J=i.getL10NMessage(d.pagerAriaKeyshortcuts,c),Q=i.getL10NMessage(d.pagerPage,c),X=i.getL10NMessage(d.pagerOf,c),q=i.getL10NMessage(d.pagerTotalPages,c),Re=`${u.toLanguageString(Q.messageKey,Q.defaultMessage)} ${x.format(u.toLanguageString(q.messageKey,q.defaultMessage),[g])} ${u.toLanguageString(X.messageKey,X.defaultMessage)} ${x.format(u.toLanguageString(q.messageKey,q.defaultMessage),[m])}`,T=(e,t,s,I,k,E)=>n.createElement(We.Button,{fillMode:"flat",size:v,className:t,icon:I,svgIcon:k,title:s,role:"button","aria-disabled":E,tabIndex:R?-1:void 0,onClick:l=>{l.preventDefault(),y(e,l)}}),Me=j&&n.createElement(Be.PagerPageSizes,{pageChange:pe,pageSize:L,pageSizes:j,value:ie,messagesMap:c,size:v,navigatable:R,pagerSizesRef:G,pagerSizesTitleRef:H,visibleElementsRef:p,adaptive:le,adaptiveTitle:ce}),he=K&&p.current.length>=4&&n.createElement("span",{className:"k-pager-info",ref:_},x.format(u.toLanguageString(V.messageKey,V.defaultMessage),[Math.min(O+1,z),Math.min(O+L,z),z])),Pe=ae==="numeric"&&p.current.length===5?n.createElement(we.PagerNumericButtons,{buttonCount:b||0,totalPages:m,currentPage:g,pageChange:y,messagesMap:c,size:v,navigatable:R,pagerNumericButtonsRef:F}):n.createElement(xe.PagerInput,{buttonCount:b||0,totalPages:m,currentPage:g,pageChange:y,messagesMap:c,size:v,navigatable:R,pagerInputTitleRef:$,visibleElementsRef:p});let Y,Z,ee,te;if(oe){const e=i.translateMessage(u,me),{rtlClass:t,rtlIcon:s,isDisabledClass:I,isDisabled:k}=i.getFirstButtonProps(D,g,C);Y=T(1,I,e,t,s,k);const E=i.translateMessage(u,be),{rtlClass:l,rtlIcon:f,isDisabledClass:Ce,isDisabled:Ne}=i.getPrevButtonProps(D,g,C);Z=T(g-1,Ce,E,l,f,Ne);const Ie=i.translateMessage(u,ve),{rtlClass:ke,rtlIcon:Ee,isDisabledClass:Ke,isDisabled:ze}=i.getNextButtonProps(D,g,m,C);ee=T(g+1,Ke,Ie,ke,Ee,ze);const Le=i.translateMessage(u,ye),{rtlClass:Se,rtlIcon:De,isDisabledClass:qe,isDisabled:Te}=i.getLastButtonProps(D,g,m,C);te=T(m,qe,Le,Se,De,Te)}return n.createElement("div",{ref:N,className:r.classNames("k-pager",{[`k-pager-${r.kendoThemeMaps.sizeMap[v]||v}`]:v,"k-pager-responsive":w,"k-disabled":C},ne),style:re,role:"application","aria-roledescription":"pager",dir:A,"aria-keyshortcuts":u.toLanguageString(J.messageKey,J.defaultMessage),"aria-label":Re,tabIndex:R?0:void 0,onKeyDown:de},n.createElement("div",{className:r.classNames("k-pager-numbers-wrap"),ref:ge},Y,Z,Pe,ee,te),Me,he)}),h={buttonCount:10,info:!0,type:"numeric",size:void 0,disabled:!1,responsive:!0};W.displayName="Pager";W.propTypes={className:a.string,style:a.object,total:a.number.isRequired,skip:a.number.isRequired,take:a.number.isRequired,buttonCount:a.number,info:a.bool,type:a.oneOf(["numeric","input"]),pageSizes:a.oneOfType([a.arrayOf(a.number.isRequired),a.arrayOf(a.oneOfType([a.number.isRequired,a.string.isRequired]).isRequired)]),previousNext:a.bool,onPageChange:a.func,messagesMap:a.func,size:a.oneOf(["small","medium","large"]),dir:a.string,disabled:a.bool,responsive:a.bool,adaptive:a.bool,adaptiveTitle:a.string};exports.Pager=W;

package/pager/Pager.mjs

@@ -12,16 +12,16 @@ import { PagerNumericButtons as Le } from "./PagerNumericButtons.mjs";
 import { PagerInput as Be } from "./PagerInput.mjs";
 import { PagerPageSizes as Oe } from "./PagerPageSizes.mjs";
 import { Button as We } from "@progress/kendo-react-buttons";
-import { pagerFirstPage as qe, pagerPreviousPage as Ae, pagerNextPage as Fe, pagerLastPage as $e, pagerInfo as He, pagerAriaKeyshortcuts as _e, pagerPage as je, pagerOf as Ge, pagerTotalPages as Ue } from "../messages/index.mjs";
+import { pagerPage as qe, pagerTotalPages as Ae, pagerOf as Fe, pagerInfo as $e, pagerAriaKeyshortcuts as He, pagerFirstPage as _e, pagerPreviousPage as je, pagerNextPage as Ge, pagerLastPage as Ue } from "../messages/index.mjs";
 import { useLocalization as Ve, useInternationalization as Je } from "@progress/kendo-react-intl";
 import { classNames as Z, kendoThemeMaps as Qe, Keys as c, focusFirstFocusableChild as Xe, enableNavigatableContainer as Ye, disableNavigatableContainer as Ze, keepFocusInContainer as et, TABBABLE_ELEMENTS as tt } from "@progress/kendo-react-common";
 import { getL10NMessage as f, translateMessage as T, getFirstButtonProps as st, getPrevButtonProps as at, getNextButtonProps as nt, getLastButtonProps as rt } from "./utils.mjs";
-const ee = n.forwardRef((u, te) => {
+const ee = n.forwardRef((g, te) => {
   const {
     buttonCount: B = R.buttonCount,
     info: se = R.info,
     type: ae = R.type,
-    size: p = R.size,
+    size: m = R.size,
     disabled: C = R.disabled,
     total: E,
     skip: x,
@@ -29,30 +29,30 @@ const ee = n.forwardRef((u, te) => {
     className: ne,
     style: re,
     pageSizes: O,
-    pageSizeValue: oe,
-    previousNext: ie,
+    pageSizeValue: ie,
+    previousNext: oe,
     responsive: w = R.responsive,
-    messagesMap: o,
+    messagesMap: i,
     dir: W,
-    navigatable: h,
+    navigatable: v,
     adaptive: le,
     adaptiveTitle: ce
-  } = u, l = Ve(), K = Je(), v = n.useRef({ element: null, props: u }), P = n.useRef(null), L = n.useRef(0), q = n.useRef(null), A = n.useRef(null), F = n.useRef(null), $ = n.useRef(null), H = n.useRef(null), ue = n.useRef(null), d = n.useRef([
+  } = g, l = Ve(), K = Je(), h = n.useRef({ element: null, props: g }), P = n.useRef(null), L = n.useRef(0), q = n.useRef(null), A = n.useRef(null), F = n.useRef(null), $ = n.useRef(null), H = n.useRef(null), ge = n.useRef(null), d = n.useRef([
     q,
     A,
     F,
     $,
     H
-  ]), z = n.useRef([]), [ot, ge] = n.useReducer((e) => e + 1, 0);
+  ]), z = n.useRef([]), [it, ue] = n.useReducer((e) => e + 1, 0);
   n.useImperativeHandle(
-    v,
+    h,
     () => ({
       get element() {
         return fe();
       },
-      props: u
+      props: g
     })
-  ), n.useImperativeHandle(te, () => v.current);
+  ), n.useImperativeHandle(te, () => h.current);
   const fe = () => P.current;
   n.useEffect(() => {
     const e = P.current;
@@ -64,63 +64,61 @@ const ee = n.forwardRef((u, te) => {
       s && s.disconnect();
     };
   }, []);
-  const N = W === "rtl", i = Math.floor(x / k) + 1, m = Math.ceil((E || 0) / k), b = (e, t) => {
-    u.onPageChange && e > 0 && e <= m && u.onPageChange({
-      target: v.current,
-      skip: (e - 1) * u.take,
-      take: u.take,
+  const N = W === "rtl", o = Math.floor(x / k) + 1, p = Math.ceil((E || 0) / k), b = (e, t) => {
+    g.onPageChange && e > 0 && e <= p && g.onPageChange({
+      target: h.current,
+      skip: (e - 1) * g.take,
+      take: g.take,
       syntheticEvent: t,
       nativeEvent: t.nativeEvent,
       targetEvent: t
     });
   }, de = (e) => {
     const t = P.current, s = e.keyCode;
-    !t || !h || ((s === c.home || e.metaKey && s === c.left) && b(1, e), (s === c.end || e.metaKey && s === c.right) && b(m, e), document.activeElement === t ? (s === c.enter && (Xe(t), Ye(t)), (s === c.left || s === c.up) && b(i - 1, e), (s === c.right || s === c.down) && b(i + 1, e)) : (s === c.esc && (t.focus(), Ze(t)), et(e, t, tt)));
+    !t || !v || ((s === c.home || e.metaKey && s === c.left) && b(1, e), (s === c.end || e.metaKey && s === c.right) && b(p, e), document.activeElement === t ? (s === c.enter && (Xe(t), Ye(t)), (s === c.left || s === c.up) && b(o - 1, e), (s === c.right || s === c.down) && b(o + 1, e)) : (s === c.esc && (t.focus(), Ze(t)), et(e, t, tt)));
   }, _ = () => {
     const e = P.current;
     if (!e)
       return;
     let t = 0;
-    const s = e.clientWidth || 0, y = parseInt(window.getComputedStyle(e).gap || "0", 10), M = Array.from(e.children).reduce((r, g) => (r += Math.ceil(g.clientWidth || 0), r), 0), I = Array.from(e.children).length;
+    const s = e.clientWidth || 0, y = parseInt(window.getComputedStyle(e).gap || "0", 10), M = Array.from(e.children).reduce((r, u) => (r += Math.ceil(u.clientWidth || 0), r), 0), I = Array.from(e.children).length;
     if (t = M + (I - 1) * y, w && t > s) {
-      const r = [...d.current], g = r.shift();
-      L.current = t, d.current = r, g && (z.current = [g, ...z.current]);
+      const r = [...d.current], u = r.shift();
+      L.current = t, d.current = r, u && (z.current = [u, ...z.current]);
     } else if (w && s > L.current) {
-      const r = [...z.current], g = r.shift();
-      z.current = r, g && (d.current = [...d.current, g]), L.current = t;
+      const r = [...z.current], u = r.shift();
+      z.current = r, u && (d.current = [...d.current, u]), L.current = t;
     }
-    ge();
-  }, me = (e, t) => {
+    ue();
+  }, pe = (e, t) => {
     const s = {
-      target: v == null ? void 0 : v.current,
+      target: h == null ? void 0 : h.current,
       syntheticEvent: t.syntheticEvent,
       nativeEvent: t.nativeEvent,
       targetEvent: t,
       ...e
     };
-    u.onPageChange && u.onPageChange(s);
-  }, pe = f(qe, o), be = f(Ae, o), he = f(Fe, o), ve = f($e, o), j = f(He, o), G = f(_e, o), U = f(je, o), V = f(Ge, o), D = f(Ue, o), Re = `${l.toLanguageString(
+    g.onPageChange && g.onPageChange(s);
+  }, me = f(_e, i), be = f(je, i), ve = f(Ge, i), he = f(Ue, i), j = f($e, i), G = f(He, i), U = f(qe, i), V = f(Fe, i), D = f(Ae, i), Re = `${l.toLanguageString(
     U.messageKey,
     U.defaultMessage
   )} ${K.format(l.toLanguageString(D.messageKey, D.defaultMessage), [
-    i
+    o
   ])} ${l.toLanguageString(V.messageKey, V.defaultMessage)} ${K.format(
     l.toLanguageString(D.messageKey, D.defaultMessage),
-    [m]
+    [p]
   )}`, S = (e, t, s, y, M, I) => /* @__PURE__ */ n.createElement(
     We,
     {
       fillMode: "flat",
-      themeColor: "base",
-      size: p,
-      rounded: null,
+      size: m,
       className: t,
       icon: y,
       svgIcon: M,
       title: s,
       role: "button",
       "aria-disabled": I,
-      tabIndex: h ? -1 : void 0,
+      tabIndex: v ? -1 : void 0,
       onClick: (r) => {
         r.preventDefault(), b(e, r);
       }
@@ -128,13 +126,13 @@ const ee = n.forwardRef((u, te) => {
   ), Ce = O && /* @__PURE__ */ n.createElement(
     Oe,
     {
-      pageChange: me,
+      pageChange: pe,
       pageSize: k,
       pageSizes: O,
-      value: oe,
-      messagesMap: o,
-      size: p,
-      navigatable: h,
+      value: ie,
+      messagesMap: i,
+      size: m,
+      navigatable: v,
       pagerSizesRef: H,
       pagerSizesTitleRef: $,
       visibleElementsRef: d,
@@ -149,58 +147,58 @@ const ee = n.forwardRef((u, te) => {
     Le,
     {
       buttonCount: B || 0,
-      totalPages: m,
-      currentPage: i,
+      totalPages: p,
+      currentPage: o,
       pageChange: b,
-      messagesMap: o,
-      size: p,
-      navigatable: h,
+      messagesMap: i,
+      size: m,
+      navigatable: v,
       pagerNumericButtonsRef: q
     }
   ) : /* @__PURE__ */ n.createElement(
     Be,
     {
       buttonCount: B || 0,
-      totalPages: m,
-      currentPage: i,
+      totalPages: p,
+      currentPage: o,
       pageChange: b,
-      messagesMap: o,
-      size: p,
-      navigatable: h,
+      messagesMap: i,
+      size: m,
+      navigatable: v,
       pagerInputTitleRef: F,
       visibleElementsRef: d
     }
   );
   let J, Q, X, Y;
-  if (ie) {
-    const e = T(l, pe), {
+  if (oe) {
+    const e = T(l, me), {
       rtlClass: t,
       rtlIcon: s,
       isDisabledClass: y,
       isDisabled: M
-    } = st(N, i, C);
+    } = st(N, o, C);
     J = S(1, y, e, t, s, M);
     const I = T(l, be), {
       rtlClass: r,
-      rtlIcon: g,
+      rtlIcon: u,
       isDisabledClass: Me,
       isDisabled: Ie
-    } = at(N, i, C);
-    Q = S(i - 1, Me, I, r, g, Ie);
-    const Ee = T(l, he), {
+    } = at(N, o, C);
+    Q = S(o - 1, Me, I, r, u, Ie);
+    const Ee = T(l, ve), {
       rtlClass: ke,
       rtlIcon: ze,
       isDisabledClass: Ne,
       isDisabled: De
-    } = nt(N, i, m, C);
-    X = S(i + 1, Ne, Ee, ke, ze, De);
-    const Se = T(l, ve), {
+    } = nt(N, o, p, C);
+    X = S(o + 1, Ne, Ee, ke, ze, De);
+    const Se = T(l, he), {
       rtlClass: Te,
       rtlIcon: xe,
       isDisabledClass: we,
       isDisabled: Ke
-    } = rt(N, i, m, C);
-    Y = S(m, we, Se, Te, xe, Ke);
+    } = rt(N, o, p, C);
+    Y = S(p, we, Se, Te, xe, Ke);
   }
   return /* @__PURE__ */ n.createElement(
     "div",
@@ -209,7 +207,7 @@ const ee = n.forwardRef((u, te) => {
       className: Z(
         "k-pager",
         {
-          [`k-pager-${Qe.sizeMap[p] || p}`]: p,
+          [`k-pager-${Qe.sizeMap[m] || m}`]: m,
           "k-pager-responsive": w,
           "k-disabled": C
         },
@@ -224,10 +222,10 @@ const ee = n.forwardRef((u, te) => {
         G.defaultMessage
       ),
       "aria-label": Re,
-      tabIndex: h ? 0 : void 0,
+      tabIndex: v ? 0 : void 0,
       onKeyDown: de
     },
-    /* @__PURE__ */ n.createElement("div", { className: Z("k-pager-numbers-wrap"), ref: ue }, J, Q, ye, X, Y),
+    /* @__PURE__ */ n.createElement("div", { className: Z("k-pager-numbers-wrap"), ref: ge }, J, Q, ye, X, Y),
     Ce,
     Pe
   );
@@ -235,7 +233,7 @@ const ee = n.forwardRef((u, te) => {
   buttonCount: 10,
   info: !0,
   type: "numeric",
-  size: "medium",
+  size: void 0,
   disabled: !1,
   responsive: !0
 };
@@ -256,7 +254,7 @@ ee.propTypes = {
   previousNext: a.bool,
   onPageChange: a.func,
   messagesMap: a.func,
-  size: a.oneOf([null, "small", "medium", "large"]),
+  size: a.oneOf(["small", "medium", "large"]),
   dir: a.string,
   disabled: a.bool,
   responsive: a.bool,

package/pager/PagerInput.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface PagerInputProps {
+    buttonCount: number;
+    totalPages: number;
+    currentPage: number;
+    size?: 'small' | 'medium' | 'large';
+    navigatable?: boolean;
+    pageChange: (page: number, e: React.SyntheticEvent<any>) => any;
+    messagesMap?: (messageKey: string) => {
+        messageKey: string;
+        defaultMessage: string;
+    };
+    visibleElementsRef?: any;
+    pagerInputTitleRef?: any;
+}
+/**
+ * @hidden
+ */
+export declare const PagerInput: (props: PagerInputProps) => React.JSX.Element;

package/pager/PagerNumericButtons.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface PagerNumericButtonsProps {
+    buttonCount: number;
+    totalPages: number;
+    currentPage: number;
+    size?: 'small' | 'medium' | 'large';
+    navigatable?: boolean;
+    pageChange: (page: number, e: React.SyntheticEvent<any>) => any;
+    messagesMap?: (messageKey: string) => {
+        messageKey: string;
+        defaultMessage: string;
+    };
+    pagerNumericButtonsRef?: any;
+}
+/**
+ * @hidden
+ */
+export declare const PagerNumericButtons: (props: PagerNumericButtonsProps) => React.JSX.Element;

package/pager/PagerNumericButtons.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),D=require("@progress/kendo-react-common"),P=require("@progress/kendo-react-buttons"),C=require("../messages/index.js"),O=require("@progress/kendo-react-intl"),l=require("./utils.js");function R(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(o,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return o.default=t,Object.freeze(o)}const g=R(q),j="...",x=t=>{const o=O.useLocalization(),{messagesMap:n,size:r,totalPages:N,navigatable:d,pagerNumericButtonsRef:k}=t,v=l.getL10NMessage(C.pagerPage,n),p=l.getL10NMessage(C.pagerMoreButtonLabel,n),m=l.translateMessage(o,p),b=(e,c)=>{e.preventDefault(),t.pageChange(c,e)},f=(e,c)=>g.createElement(P.Button,{fillMode:"flat",themeColor:"primary",size:r,rounded:null,role:"button","aria-label":c,onClick:L=>b(L,e),tabIndex:d?-1:void 0},j);let s=1;const a=t.currentPage,u=t.buttonCount;if(a>u){const e=a%u;s=e===0?a-u+1:a-e+1}const i=Math.min(s+t.buttonCount-1,t.totalPages),y=s>1&&f(s-1,m),B=i<N&&f(i+1,m),M=[];for(let e=s;e<=i;e++)M.push(e);const h=M.map(e=>g.createElement(P.Button,{className:D.classNames({"k-selected":a===e}),key:e,fillMode:"flat",themeColor:"primary",size:r,rounded:null,role:"button","aria-label":l.translateMessage(o,v)+" "+e,"aria-current":a===e?!0:void 0,onClick:c=>b(c,e),tabIndex:d?-1:void 0},e));return g.createElement("div",{className:"k-pager-numbers",ref:k},y,h,B)};exports.PagerNumericButtons=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),D=require("@progress/kendo-react-common"),P=require("@progress/kendo-react-buttons"),C=require("../messages/index.js"),O=require("@progress/kendo-react-intl"),l=require("./utils.js");function R(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(a,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return a.default=t,Object.freeze(a)}const g=R(q),j="...",x=t=>{const a=O.useLocalization(),{messagesMap:n,size:r,totalPages:N,navigatable:m,pagerNumericButtonsRef:k}=t,v=l.getL10NMessage(C.pagerPage,n),p=l.getL10NMessage(C.pagerMoreButtonLabel,n),d=l.translateMessage(a,p),b=(e,c)=>{e.preventDefault(),t.pageChange(c,e)},f=(e,c)=>g.createElement(P.Button,{fillMode:"flat",themeColor:"primary",size:r,role:"button","aria-label":c,onClick:L=>b(L,e),tabIndex:m?-1:void 0},j);let s=1;const o=t.currentPage,u=t.buttonCount;if(o>u){const e=o%u;s=e===0?o-u+1:o-e+1}const i=Math.min(s+t.buttonCount-1,t.totalPages),y=s>1&&f(s-1,d),B=i<N&&f(i+1,d),M=[];for(let e=s;e<=i;e++)M.push(e);const h=M.map(e=>g.createElement(P.Button,{className:D.classNames({"k-selected":o===e}),key:e,fillMode:"flat",themeColor:"primary",size:r,role:"button","aria-label":l.translateMessage(a,v)+" "+e,"aria-current":o===e?!0:void 0,onClick:c=>b(c,e),tabIndex:m?-1:void 0},e));return g.createElement("div",{className:"k-pager-numbers",ref:k},y,h,B)};exports.PagerNumericButtons=x;

package/pager/PagerNumericButtons.mjs

@@ -13,29 +13,28 @@ import { pagerPage as y, pagerMoreButtonLabel as z } from "../messages/index.mjs
 import { useLocalization as E } from "@progress/kendo-react-intl";
 import { getL10NMessage as C, translateMessage as p } from "./utils.mjs";
 const I = "...", F = (t) => {
-  const c = E(), { messagesMap: i, size: u, totalPages: P, navigatable: m, pagerNumericButtonsRef: h } = t, v = C(y, i), N = C(z, i), g = p(c, N), d = (e, n) => {
-    e.preventDefault(), t.pageChange(n, e);
-  }, b = (e, n) => /* @__PURE__ */ l.createElement(
+  const c = E(), { messagesMap: i, size: m, totalPages: P, navigatable: u, pagerNumericButtonsRef: h } = t, v = C(y, i), N = C(z, i), g = p(c, N), b = (e, r) => {
+    e.preventDefault(), t.pageChange(r, e);
+  }, d = (e, r) => /* @__PURE__ */ l.createElement(
     M,
     {
       fillMode: "flat",
       themeColor: "primary",
-      size: u,
-      rounded: null,
+      size: m,
       role: "button",
-      "aria-label": n,
-      onClick: (x) => d(x, e),
-      tabIndex: m ? -1 : void 0
+      "aria-label": r,
+      onClick: (x) => b(x, e),
+      tabIndex: u ? -1 : void 0
     },
     I
   );
   let a = 1;
-  const o = t.currentPage, r = t.buttonCount;
-  if (o > r) {
-    const e = o % r;
-    a = e === 0 ? o - r + 1 : o - e + 1;
+  const o = t.currentPage, n = t.buttonCount;
+  if (o > n) {
+    const e = o % n;
+    a = e === 0 ? o - n + 1 : o - e + 1;
   }
-  const s = Math.min(a + t.buttonCount - 1, t.totalPages), L = a > 1 && b(a - 1, g), k = s < P && b(s + 1, g), f = [];
+  const s = Math.min(a + t.buttonCount - 1, t.totalPages), L = a > 1 && d(a - 1, g), k = s < P && d(s + 1, g), f = [];
   for (let e = a; e <= s; e++)
     f.push(e);
   const B = f.map((e) => /* @__PURE__ */ l.createElement(
@@ -45,13 +44,12 @@ const I = "...", F = (t) => {
       key: e,
       fillMode: "flat",
       themeColor: "primary",
-      size: u,
-      rounded: null,
+      size: m,
       role: "button",
       "aria-label": p(c, v) + " " + e,
       "aria-current": o === e ? !0 : void 0,
-      onClick: (n) => d(n, e),
-      tabIndex: m ? -1 : void 0
+      onClick: (r) => b(r, e),
+      tabIndex: u ? -1 : void 0
     },
     e
   ));

package/pager/PagerPageSizes.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DropDownListChangeEvent } from '@progress/kendo-react-dropdowns';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface PagerPageSizesProps {
+    value?: number | string;
+    pageSize: number;
+    pageSizes: number[] | Array<number | string>;
+    size?: 'small' | 'medium' | 'large';
+    navigatable?: boolean;
+    pageChange?: (event: {
+        skip: number;
+        take: number;
+    }, e: DropDownListChangeEvent) => void;
+    messagesMap?: (messageKey: string) => {
+        messageKey: string;
+        defaultMessage: string;
+    };
+    visibleElementsRef?: any;
+    pagerSizesRef?: any;
+    pagerSizesTitleRef?: any;
+    adaptive?: boolean;
+    adaptiveTitle?: string;
+}
+/**
+ * @hidden
+ */
+export declare const PagerPageSizes: (props: PagerPageSizesProps) => false | React.JSX.Element;