@progress/kendo-react-data-tools 9.5.0 → 10.0.0-develop.2

package/filter/Filter.mjs

@@ -6,11 +6,11 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as c from "react";
+import * as p from "react";
 import u from "prop-types";
-import { validatePackage as b, Navigation as g, disableNavigatableContainer as w, getActiveElement as f, focusFirstFocusableChild as h, enableNavigatableContainer as R, classNames as y } from "@progress/kendo-react-common";
-import { Group as E } from "./Group.mjs";
-import { packageMetadata as F } from "../package-metadata.mjs";
+import { validatePackage as w, Navigation as b, disableNavigatableContainer as g, getActiveElement as f, focusFirstFocusableChild as h, enableNavigatableContainer as R, classNames as y, WatermarkOverlay as E } from "@progress/kendo-react-common";
+import { Group as F } from "./Group.mjs";
+import { packageMetadata as k } from "../package-metadata.mjs";
 const a = {
   // Group selectors
   andButton: "button.k-group-start",
@@ -23,9 +23,9 @@ const a = {
   filterOperatorWrapper: ".k-filter-operator",
   filterValueWrapper: ".k-filter-value",
   toolbarElement: ".k-toolbar"
-}, m = class m extends c.Component {
+}, d = class d extends p.Component {
   constructor(o) {
-    super(o), this.wrapperRef = c.createRef(), this.onFilterChange = (r) => {
+    super(o), this.wrapperRef = p.createRef(), this.showLicenseWatermark = !1, this.onFilterChange = (r) => {
       const t = {
         filter: r.nextFilter,
         syntheticEvent: r.syntheticEvent,
@@ -44,13 +44,13 @@ const a = {
     }, this.onKeyDown = (r) => {
       var t;
       (t = this.navigation) == null || t.triggerKeyboardEvent(r);
-    }, b(F);
+    }, this.showLicenseWatermark = !w(k, { component: "Filter" });
   }
   /**
    * @hidden
    */
   componentDidMount() {
-    this.wrapperRef && (this.navigation = new g({
+    this.wrapperRef && (this.navigation = new b({
       tabIndex: 0,
       root: this.wrapperRef,
       selectors: [".k-filter"],
@@ -58,21 +58,21 @@ const a = {
         keydown: {
           Tab: (o, r, t) => {
             const e = o.getElementsByClassName("k-filter-lines")[0];
-            e && w(e);
+            e && g(e);
           },
           ArrowUp: (o, r, t) => {
             t.preventDefault();
-            const e = f(document), i = e == null ? void 0 : e.closest(a.toolbarElement), n = o.getElementsByClassName("k-toolbar"), s = Array.from(n).findIndex((d) => d === i) - 1, p = n[s];
-            o.getElementsByClassName("k-filter-lines")[0] && h(p);
+            const e = f(document), i = e == null ? void 0 : e.closest(a.toolbarElement), n = o.getElementsByClassName("k-toolbar"), s = Array.from(n).findIndex((m) => m === i) - 1, c = n[s];
+            o.getElementsByClassName("k-filter-lines")[0] && h(c);
           },
           ArrowDown: (o, r, t) => {
             t.preventDefault();
-            const e = f(document), i = e == null ? void 0 : e.closest(a.toolbarElement), n = o.getElementsByClassName("k-toolbar"), s = Array.from(n).findIndex((d) => d === i) + 1, p = n[s], l = o.getElementsByClassName("k-filter-lines")[0];
+            const e = f(document), i = e == null ? void 0 : e.closest(a.toolbarElement), n = o.getElementsByClassName("k-toolbar"), s = Array.from(n).findIndex((m) => m === i) + 1, c = n[s], l = o.getElementsByClassName("k-filter-lines")[0];
             l && (R(l, [
               a.filterFieldWrapper,
               a.filterOperatorWrapper,
               a.filterValueWrapper
-            ]), h(p));
+            ]), h(c));
           },
           ArrowRight: (o, r, t) => {
             t.preventDefault();
@@ -86,13 +86,13 @@ const a = {
           },
           Enter: (o, r, t) => {
             t.preventDefault();
-            const e = f(document), i = o.querySelector(a.removeButton), n = e == null ? void 0 : e.closest(a.toolbarElement), s = o.getElementsByClassName("k-toolbar"), p = Array.from(s).findIndex((l) => l === n) - 1;
+            const e = f(document), i = o.querySelector(a.removeButton), n = e == null ? void 0 : e.closest(a.toolbarElement), s = o.getElementsByClassName("k-toolbar"), c = Array.from(s).findIndex((l) => l === n) - 1;
             if (n === s[0]) {
               const l = n.lastElementChild;
               l && l.click();
             }
             if (n !== s[0]) {
-              const l = s[p].lastElementChild;
+              const l = s[c].lastElementChild;
               e && e.title === i.title && l && (e.click(), l.focus());
             }
           }
@@ -104,7 +104,7 @@ const a = {
    * @hidden
    */
   render() {
-    return /* @__PURE__ */ c.createElement(
+    return /* @__PURE__ */ p.createElement(
       "div",
       {
         className: y("k-filter", this.props.className),
@@ -112,8 +112,8 @@ const a = {
         ref: this.wrapperRef,
         onKeyDown: this.onKeyDown
       },
-      /* @__PURE__ */ c.createElement("ul", { role: "tree", className: "k-filter-container", "aria-label": this.props.ariaLabel }, /* @__PURE__ */ c.createElement("li", { role: "treeitem", className: "k-filter-group-main" }, /* @__PURE__ */ c.createElement(
-        E,
+      /* @__PURE__ */ p.createElement("ul", { role: "tree", className: "k-filter-container", "aria-label": this.props.ariaLabel }, /* @__PURE__ */ p.createElement("li", { role: "treeitem", className: "k-filter-group-main" }, /* @__PURE__ */ p.createElement(
+        F,
         {
           filter: this.props.value,
           fields: this.props.fields,
@@ -123,11 +123,12 @@ const a = {
           onRemove: this.onGroupRemove,
           defaultGroupFilter: this.props.defaultGroupFilter || { logic: "and", filters: [] }
         }
-      )))
+      ))),
+      this.showLicenseWatermark && /* @__PURE__ */ p.createElement(E, null)
     );
   }
 };
-m.propTypes = {
+d.propTypes = {
   className: u.string,
   style: u.object,
   fields: function(o, r) {
@@ -146,7 +147,7 @@ m.propTypes = {
   value: u.object.isRequired,
   onChange: u.func.isRequired
 };
-let v = m;
+let v = d;
 export {
   v as Filter,
   a as selectors

package/index.d.mts

@@ -1057,6 +1057,7 @@ export declare class Filter extends React_2.Component<FilterProps> {
      */
     wrapperRef: React_2.RefObject<HTMLDivElement>;
     private navigation?;
+    private readonly showLicenseWatermark;
     constructor(props: FilterProps);
     /**
      * @hidden

package/index.d.ts

@@ -1057,6 +1057,7 @@ export declare class Filter extends React_2.Component<FilterProps> {
      */
     wrapperRef: React_2.RefObject<HTMLDivElement>;
     private navigation?;
+    private readonly showLicenseWatermark;
     constructor(props: FilterProps);
     /**
      * @hidden

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={name:"@progress/kendo-react-data-tools",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1741090825,version:"9.5.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={name:"@progress/kendo-react-data-tools",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1741187333,version:"10.0.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "KendoReact",
   productCode: "KENDOUIREACT",
   productCodes: ["KENDOUIREACT"],
-  publishDate: 1741090825,
-  version: "9.5.0",
+  publishDate: 1741187333,
+  version: "10.0.0-develop.2",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-data-tools",
-  "version": "9.5.0",
+  "version": "10.0.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.0.0",
     "@progress/kendo-drawing": "^1.21.2",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-react-animation": "9.5.0",
-    "@progress/kendo-react-buttons": "9.5.0",
-    "@progress/kendo-react-common": "9.5.0",
-    "@progress/kendo-react-dateinputs": "9.5.0",
-    "@progress/kendo-react-dropdowns": "9.5.0",
-    "@progress/kendo-react-inputs": "9.5.0",
-    "@progress/kendo-react-intl": "9.5.0",
-    "@progress/kendo-react-popup": "9.5.0",
+    "@progress/kendo-react-animation": "10.0.0-develop.2",
+    "@progress/kendo-react-buttons": "10.0.0-develop.2",
+    "@progress/kendo-react-common": "10.0.0-develop.2",
+    "@progress/kendo-react-dateinputs": "10.0.0-develop.2",
+    "@progress/kendo-react-dropdowns": "10.0.0-develop.2",
+    "@progress/kendo-react-inputs": "10.0.0-develop.2",
+    "@progress/kendo-react-intl": "10.0.0-develop.2",
+    "@progress/kendo-react-popup": "10.0.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"
@@ -61,7 +61,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1741090825,
+      "publishDate": 1741187333,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

package/pager/Pager.js

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

package/pager/Pager.mjs

@@ -8,22 +8,20 @@
 "use client";
 import * as n from "react";
 import s from "prop-types";
-import { PagerNumericButtons as ke } from "./PagerNumericButtons.mjs";
-import { PagerInput as ze } from "./PagerInput.mjs";
-import { PagerPageSizes as De } from "./PagerPageSizes.mjs";
+import { PagerNumericButtons as ze } from "./PagerNumericButtons.mjs";
+import { PagerInput as De } from "./PagerInput.mjs";
+import { PagerPageSizes as ke } from "./PagerPageSizes.mjs";
 import { Button as Le } from "@progress/kendo-react-buttons";
 import { pagerFirstPage as we, pagerPreviousPage as Ke, pagerNextPage as xe, pagerLastPage as Be, pagerInfo as Oe, pagerAriaKeyshortcuts as Te, pagerPage as qe, pagerOf as Ae, pagerTotalPages as _e } from "../messages/index.mjs";
 import { useLocalization as Fe, useInternationalization as $e } from "@progress/kendo-react-intl";
-import { validatePackage as Ve, classNames as J, kendoThemeMaps as Ge, Keys as l, focusFirstFocusableChild as He, enableNavigatableContainer as We, disableNavigatableContainer as je, keepFocusInContainer as Ue, TABBABLE_ELEMENTS as Je } from "@progress/kendo-react-common";
-import { packageMetadata as Qe } from "../package-metadata.mjs";
-import { getL10NMessage as u, translateMessage as S, getFirstButtonProps as Xe, getPrevButtonProps as Ye, getNextButtonProps as Ze, getLastButtonProps as et } from "./utils.mjs";
-const Q = 600, tt = 768, X = n.forwardRef((g, Y) => {
-  Ve(Qe);
+import { classNames as J, kendoThemeMaps as Ve, Keys as l, focusFirstFocusableChild as Ge, enableNavigatableContainer as He, disableNavigatableContainer as We, keepFocusInContainer as je, TABBABLE_ELEMENTS as Ue } from "@progress/kendo-react-common";
+import { getL10NMessage as u, translateMessage as S, getFirstButtonProps as Je, getPrevButtonProps as Qe, getNextButtonProps as Xe, getLastButtonProps as Ye } from "./utils.mjs";
+const Q = 600, Ze = 768, X = n.forwardRef((g, Y) => {
   const {
     buttonCount: x = P.buttonCount,
     info: Z = P.info,
     type: ee = P.type,
-    size: d = P.size,
+    size: f = P.size,
     disabled: b = P.disabled,
     total: C,
     skip: N,
@@ -37,7 +35,7 @@ const Q = 600, tt = 768, X = n.forwardRef((g, Y) => {
     messagesMap: r,
     dir: O,
     navigatable: m
-  } = g, i = Fe(), k = $e(), p = n.useRef({ element: null, props: g }), h = n.useRef(null);
+  } = g, i = Fe(), z = $e(), p = n.useRef({ element: null, props: g }), h = n.useRef(null);
   n.useImperativeHandle(
     p,
     () => ({
@@ -47,11 +45,11 @@ const Q = 600, tt = 768, X = n.forwardRef((g, Y) => {
       props: g
     })
   ), n.useImperativeHandle(Y, () => p.current);
-  const re = () => h.current, [T, z] = n.useState(!0), [oe, q] = n.useState(!0);
-  n.useEffect(() => (window.addEventListener("resize", D), D(), () => {
-    window.removeEventListener("resize", D);
+  const re = () => h.current, [T, D] = n.useState(!0), [oe, q] = n.useState(!0);
+  n.useEffect(() => (window.addEventListener("resize", k), k(), () => {
+    window.removeEventListener("resize", k);
   }), []);
-  const y = O === "rtl", o = Math.floor(N / v) + 1, c = Math.ceil((C || 0) / v), f = (t, e) => {
+  const y = O === "rtl", o = Math.floor(N / v) + 1, c = Math.ceil((C || 0) / v), d = (t, e) => {
     g.onPageChange && t > 0 && t <= c && g.onPageChange({
       target: p.current,
       skip: (t - 1) * g.take,
@@ -62,13 +60,13 @@ const Q = 600, tt = 768, X = n.forwardRef((g, Y) => {
     });
   }, ie = (t) => {
     const e = h.current, a = t.keyCode;
-    !e || !m || ((a === l.home || t.metaKey && a === l.left) && f(1, t), (a === l.end || t.metaKey && a === l.right) && f(c, t), document.activeElement === e ? (a === l.enter && (He(e), We(e)), (a === l.left || a === l.up) && f(o - 1, t), (a === l.right || a === l.down) && f(o + 1, t)) : (a === l.esc && (e.focus(), je(e)), Ue(t, e, Je)));
-  }, D = () => {
+    !e || !m || ((a === l.home || t.metaKey && a === l.left) && d(1, t), (a === l.end || t.metaKey && a === l.right) && d(c, t), document.activeElement === e ? (a === l.enter && (Ge(e), He(e)), (a === l.left || a === l.up) && d(o - 1, t), (a === l.right || a === l.down) && d(o + 1, t)) : (a === l.esc && (e.focus(), We(e)), je(t, e, Ue)));
+  }, k = () => {
     const t = h.current;
     if (!t || !M)
       return;
     const e = t.offsetWidth;
-    e < Q ? z(!1) : e >= Q && e < tt ? (q(!1), z(!0)) : (q(!0), z(!0));
+    e < Q ? D(!1) : e >= Q && e < Ze ? (q(!1), D(!0)) : (q(!0), D(!0));
   }, le = (t, e) => {
     const a = {
       target: p == null ? void 0 : p.current,
@@ -78,12 +76,12 @@ const Q = 600, tt = 768, X = n.forwardRef((g, Y) => {
       ...t
     };
     g.onPageChange && g.onPageChange(a);
-  }, ge = u(we, r), ue = u(Ke, r), ce = u(xe, r), de = u(Be, r), A = u(Oe, r), _ = u(Te, r), F = u(qe, r), $ = u(Ae, r), E = u(_e, r), fe = `${i.toLanguageString(
+  }, ge = u(we, r), ue = u(Ke, r), ce = u(xe, r), fe = u(Be, r), A = u(Oe, r), _ = u(Te, r), F = u(qe, r), $ = u(Ae, r), E = u(_e, r), de = `${i.toLanguageString(
     F.messageKey,
     F.defaultMessage
-  )} ${k.format(i.toLanguageString(E.messageKey, E.defaultMessage), [
+  )} ${z.format(i.toLanguageString(E.messageKey, E.defaultMessage), [
     o
-  ])} ${i.toLanguageString($.messageKey, $.defaultMessage)} ${k.format(
+  ])} ${i.toLanguageString($.messageKey, $.defaultMessage)} ${z.format(
     i.toLanguageString(E.messageKey, E.defaultMessage),
     [c]
   )}`, I = (t, e, a, L, w, K) => /* @__PURE__ */ n.createElement(
@@ -91,7 +89,7 @@ const Q = 600, tt = 768, X = n.forwardRef((g, Y) => {
     {
       fillMode: "flat",
       themeColor: "base",
-      size: d,
+      size: f,
       rounded: null,
       className: e,
       icon: L,
@@ -101,45 +99,45 @@ const Q = 600, tt = 768, X = n.forwardRef((g, Y) => {
       "aria-disabled": K,
       tabIndex: m ? -1 : void 0,
       onClick: (R) => {
-        R.preventDefault(), f(t, R);
+        R.preventDefault(), d(t, R);
       }
     }
   ), V = B && /* @__PURE__ */ n.createElement(
-    De,
+    ke,
     {
       pageChange: le,
       pageSize: v,
       pageSizes: B,
       value: ae,
       messagesMap: r,
-      size: d,
+      size: f,
       navigatable: m
     }
-  ), G = Z && /* @__PURE__ */ n.createElement("span", { className: "k-pager-info" }, k.format(i.toLanguageString(A.messageKey, A.defaultMessage), [
+  ), G = Z && /* @__PURE__ */ n.createElement("span", { className: "k-pager-info" }, z.format(i.toLanguageString(A.messageKey, A.defaultMessage), [
     Math.min(N + 1, C),
     Math.min(N + v, C),
     C
   ])), me = ee === "numeric" ? /* @__PURE__ */ n.createElement(
-    ke,
+    ze,
     {
       type: M && !T ? "dropdown" : "numbers",
       buttonCount: x || 0,
       totalPages: c,
       currentPage: o,
-      pageChange: f,
+      pageChange: d,
       messagesMap: r,
-      size: d,
+      size: f,
       navigatable: m
     }
   ) : /* @__PURE__ */ n.createElement(
-    ze,
+    De,
     {
       buttonCount: x || 0,
       totalPages: c,
       currentPage: o,
-      pageChange: f,
+      pageChange: d,
       messagesMap: r,
-      size: d,
+      size: f,
       navigatable: m
     }
   );
@@ -150,28 +148,28 @@ const Q = 600, tt = 768, X = n.forwardRef((g, Y) => {
       rtlIcon: a,
       isDisabledClass: L,
       isDisabled: w
-    } = Xe(y, o, b);
+    } = Je(y, o, b);
     H = I(1, L, t, e, a, w);
     const K = S(i, ue), {
       rtlClass: R,
       rtlIcon: pe,
       isDisabledClass: be,
       isDisabled: Pe
-    } = Ye(y, o, b);
+    } = Qe(y, o, b);
     W = I(o - 1, be, K, R, pe, Pe);
     const Ce = S(i, ce), {
       rtlClass: ve,
       rtlIcon: Me,
       isDisabledClass: he,
       isDisabled: ye
-    } = Ze(y, o, c, b);
+    } = Xe(y, o, c, b);
     j = I(o + 1, he, Ce, ve, Me, ye);
-    const Ee = S(i, de), {
+    const Ee = S(i, fe), {
       rtlClass: Ie,
       rtlIcon: Re,
       isDisabledClass: Se,
       isDisabled: Ne
-    } = et(y, o, c, b);
+    } = Ye(y, o, c, b);
     U = I(c, Se, Ee, Ie, Re, Ne);
   }
   return /* @__PURE__ */ n.createElement(
@@ -181,7 +179,7 @@ const Q = 600, tt = 768, X = n.forwardRef((g, Y) => {
       className: J(
         "k-pager",
         {
-          [`k-pager-${Ge.sizeMap[d] || d}`]: d,
+          [`k-pager-${Ve.sizeMap[f] || f}`]: f,
           "k-disabled": b
         },
         te
@@ -194,7 +192,7 @@ const Q = 600, tt = 768, X = n.forwardRef((g, Y) => {
         _.messageKey,
         _.defaultMessage
       ),
-      "aria-label": fe,
+      "aria-label": de,
       tabIndex: m ? 0 : void 0,
       onKeyDown: ie
     },