@progress/kendo-react-data-tools 11.0.0-develop.2 → 11.0.0-develop.3

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

package/pager/Pager.mjs

@@ -7,227 +7,261 @@
  */
 "use client";
 import * as n from "react";
-import s from "prop-types";
-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 { 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) => {
+import a from "prop-types";
+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 je, pagerAriaKeyshortcuts as He, pagerPage as _e, pagerOf as Ge, pagerTotalPages as Ue } from "../messages/index.mjs";
+import { useLocalization as Ve, useInternationalization as Je } from "@progress/kendo-react-intl";
+import { classNames as ee, 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 x, getFirstButtonProps as st, getPrevButtonProps as at, getNextButtonProps as nt, getLastButtonProps as rt } from "./utils.mjs";
+const te = n.forwardRef((u, se) => {
   const {
-    buttonCount: x = P.buttonCount,
-    info: Z = P.info,
-    type: ee = P.type,
-    size: f = P.size,
-    disabled: b = P.disabled,
-    total: C,
-    skip: N,
-    take: v,
-    className: te,
-    style: se,
-    pageSizes: B,
-    pageSizeValue: ae,
-    previousNext: ne,
-    responsive: M,
-    messagesMap: r,
-    dir: O,
-    navigatable: m
-  } = g, i = Fe(), z = $e(), p = n.useRef({ element: null, props: g }), h = n.useRef(null);
+    buttonCount: W = R.buttonCount,
+    info: ae = R.info,
+    type: ne = R.type,
+    size: p = R.size,
+    disabled: P = R.disabled,
+    total: E,
+    skip: T,
+    take: z,
+    className: re,
+    style: N,
+    pageSizes: q,
+    pageSizeValue: ie,
+    previousNext: oe,
+    responsive: K = R.responsive,
+    messagesMap: i,
+    dir: A,
+    navigatable: h,
+    adaptive: le,
+    adaptiveTitle: ce
+  } = u, l = Ve(), L = Je(), v = n.useRef({ element: null, props: u }), C = n.useRef(null), B = n.useRef(0), F = n.useRef(null), O = n.useRef(null), $ = n.useRef(null), j = n.useRef(null), H = n.useRef(null), ue = n.useRef(null), d = n.useRef([
+    F,
+    O,
+    $,
+    j,
+    H
+  ]), k = n.useRef([]), [it, ge] = n.useReducer((e) => e + 1, 0);
   n.useImperativeHandle(
-    p,
+    v,
     () => ({
       get element() {
-        return re();
+        return fe();
       },
-      props: g
+      props: u
     })
-  ), n.useImperativeHandle(Y, () => p.current);
-  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), d = (t, e) => {
-    g.onPageChange && t > 0 && t <= c && g.onPageChange({
-      target: p.current,
-      skip: (t - 1) * g.take,
-      take: g.take,
-      syntheticEvent: e,
-      nativeEvent: e.nativeEvent,
-      targetEvent: e
+  ), n.useImperativeHandle(se, () => v.current);
+  const fe = () => C.current;
+  n.useEffect(() => {
+    const e = C.current;
+    if (!e)
+      return;
+    _();
+    const t = window.ResizeObserver, s = t && new t(_);
+    return s && s.observe(e), () => {
+      s && s.disconnect();
+    };
+  }, []);
+  const D = A === "rtl", o = Math.floor(T / z) + 1, m = Math.ceil((E || 0) / z), b = (e, t) => {
+    u.onPageChange && e > 0 && e <= m && u.onPageChange({
+      target: v.current,
+      skip: (e - 1) * u.take,
+      take: u.take,
+      syntheticEvent: t,
+      nativeEvent: t.nativeEvent,
+      targetEvent: t
     });
-  }, ie = (t) => {
-    const e = h.current, a = t.keyCode;
-    !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)
+  }, de = (e) => {
+    const t = C.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(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 = C.current;
+    if (!e)
       return;
-    const e = t.offsetWidth;
-    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,
-      syntheticEvent: e.syntheticEvent,
-      nativeEvent: e.nativeEvent,
-      targetEvent: e,
-      ...t
+    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;
+    if (t = M + (I - 1) * y, !K && !(N != null && N.width) && (C.current.style.flexWrap = "wrap", O.current.style.justifyContent = "unset"), K && t > s) {
+      const r = [...d.current], g = r.shift();
+      B.current = t, d.current = r, g && (k.current = [g, ...k.current]);
+    } else if (K && s > B.current) {
+      const r = [...k.current], g = r.shift();
+      k.current = r, g && (d.current = [...d.current, g]), B.current = t;
+    }
+    ge();
+  }, me = (e, t) => {
+    const s = {
+      target: v == null ? void 0 : v.current,
+      syntheticEvent: t.syntheticEvent,
+      nativeEvent: t.nativeEvent,
+      targetEvent: t,
+      ...e
     };
-    g.onPageChange && g.onPageChange(a);
-  }, 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
-  )} ${z.format(i.toLanguageString(E.messageKey, E.defaultMessage), [
+    u.onPageChange && u.onPageChange(s);
+  }, pe = f(qe, i), be = f(Ae, i), he = f(Fe, i), ve = f($e, i), G = f(je, i), U = f(He, i), V = f(_e, i), J = f(Ge, i), S = f(Ue, i), Ce = `${l.toLanguageString(
+    V.messageKey,
+    V.defaultMessage
+  )} ${L.format(l.toLanguageString(S.messageKey, S.defaultMessage), [
     o
-  ])} ${i.toLanguageString($.messageKey, $.defaultMessage)} ${z.format(
-    i.toLanguageString(E.messageKey, E.defaultMessage),
-    [c]
-  )}`, I = (t, e, a, L, w, K) => /* @__PURE__ */ n.createElement(
-    Le,
+  ])} ${l.toLanguageString(J.messageKey, J.defaultMessage)} ${L.format(
+    l.toLanguageString(S.messageKey, S.defaultMessage),
+    [m]
+  )}`, w = (e, t, s, y, M, I) => /* @__PURE__ */ n.createElement(
+    We,
     {
       fillMode: "flat",
       themeColor: "base",
-      size: f,
+      size: p,
       rounded: null,
-      className: e,
-      icon: L,
-      svgIcon: w,
-      title: a,
+      className: t,
+      icon: y,
+      svgIcon: M,
+      title: s,
       role: "button",
-      "aria-disabled": K,
-      tabIndex: m ? -1 : void 0,
-      onClick: (R) => {
-        R.preventDefault(), d(t, R);
+      "aria-disabled": I,
+      tabIndex: h ? -1 : void 0,
+      onClick: (r) => {
+        r.preventDefault(), b(e, r);
       }
     }
-  ), V = B && /* @__PURE__ */ n.createElement(
-    ke,
+  ), Re = q && /* @__PURE__ */ n.createElement(
+    Oe,
     {
-      pageChange: le,
-      pageSize: v,
-      pageSizes: B,
-      value: ae,
-      messagesMap: r,
-      size: f,
-      navigatable: m
+      pageChange: me,
+      pageSize: z,
+      pageSizes: q,
+      value: ie,
+      messagesMap: i,
+      size: p,
+      navigatable: h,
+      pagerSizesRef: H,
+      pagerSizesTitleRef: j,
+      visibleElementsRef: d,
+      adaptive: le,
+      adaptiveTitle: ce
     }
-  ), 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(
-    ze,
+  ), Pe = ae && d.current.length >= 4 && /* @__PURE__ */ n.createElement("span", { className: "k-pager-info", ref: O }, L.format(l.toLanguageString(G.messageKey, G.defaultMessage), [
+    Math.min(T + 1, E),
+    Math.min(T + z, E),
+    E
+  ])), ye = ne === "numeric" && d.current.length === 5 ? /* @__PURE__ */ n.createElement(
+    Le,
     {
-      type: M && !T ? "dropdown" : "numbers",
-      buttonCount: x || 0,
-      totalPages: c,
+      buttonCount: W || 0,
+      totalPages: m,
       currentPage: o,
-      pageChange: d,
-      messagesMap: r,
-      size: f,
-      navigatable: m
+      pageChange: b,
+      messagesMap: i,
+      size: p,
+      navigatable: h,
+      pagerNumericButtonsRef: F
     }
   ) : /* @__PURE__ */ n.createElement(
-    De,
+    Be,
     {
-      buttonCount: x || 0,
-      totalPages: c,
+      buttonCount: W || 0,
+      totalPages: m,
       currentPage: o,
-      pageChange: d,
-      messagesMap: r,
-      size: f,
-      navigatable: m
+      pageChange: b,
+      messagesMap: i,
+      size: p,
+      navigatable: h,
+      pagerInputTitleRef: $,
+      visibleElementsRef: d
     }
   );
-  let H, W, j, U;
-  if (ne) {
-    const t = S(i, ge), {
-      rtlClass: e,
-      rtlIcon: a,
-      isDisabledClass: L,
-      isDisabled: w
-    } = 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
-    } = 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
-    } = Xe(y, o, c, b);
-    j = I(o + 1, he, Ce, ve, Me, ye);
-    const Ee = S(i, fe), {
-      rtlClass: Ie,
-      rtlIcon: Re,
-      isDisabledClass: Se,
-      isDisabled: Ne
-    } = Ye(y, o, c, b);
-    U = I(c, Se, Ee, Ie, Re, Ne);
+  let Q, X, Y, Z;
+  if (oe) {
+    const e = x(l, pe), {
+      rtlClass: t,
+      rtlIcon: s,
+      isDisabledClass: y,
+      isDisabled: M
+    } = st(D, o, P);
+    Q = w(1, y, e, t, s, M);
+    const I = x(l, be), {
+      rtlClass: r,
+      rtlIcon: g,
+      isDisabledClass: Me,
+      isDisabled: Ie
+    } = at(D, o, P);
+    X = w(o - 1, Me, I, r, g, Ie);
+    const Ee = x(l, he), {
+      rtlClass: ze,
+      rtlIcon: Ne,
+      isDisabledClass: ke,
+      isDisabled: De
+    } = nt(D, o, m, P);
+    Y = w(o + 1, ke, Ee, ze, Ne, De);
+    const Se = x(l, ve), {
+      rtlClass: we,
+      rtlIcon: xe,
+      isDisabledClass: Te,
+      isDisabled: Ke
+    } = rt(D, o, m, P);
+    Z = w(m, Te, Se, we, xe, Ke);
   }
   return /* @__PURE__ */ n.createElement(
     "div",
     {
-      ref: h,
-      className: J(
+      ref: C,
+      className: ee(
         "k-pager",
         {
-          [`k-pager-${Ve.sizeMap[f] || f}`]: f,
-          "k-disabled": b
+          [`k-pager-${Qe.sizeMap[p] || p}`]: p,
+          "k-disabled": P
         },
-        te
+        re
       ),
-      style: se,
+      style: N,
       role: "application",
       "aria-roledescription": "pager",
-      dir: O,
-      "aria-keyshortcuts": i.toLanguageString(
-        _.messageKey,
-        _.defaultMessage
+      dir: A,
+      "aria-keyshortcuts": l.toLanguageString(
+        U.messageKey,
+        U.defaultMessage
       ),
-      "aria-label": de,
-      tabIndex: m ? 0 : void 0,
-      onKeyDown: ie
+      "aria-label": Ce,
+      tabIndex: h ? 0 : void 0,
+      onKeyDown: de
     },
-    /* @__PURE__ */ n.createElement("div", { className: J("k-pager-numbers-wrap") }, H, W, me, j, U),
-    M ? T && V : V,
-    M ? oe && G : G
+    /* @__PURE__ */ n.createElement("div", { className: ee("k-pager-numbers-wrap"), ref: ue }, Q, X, ye, Y, Z),
+    Re,
+    Pe
   );
-}), P = {
+}), R = {
   buttonCount: 10,
   info: !0,
   type: "numeric",
   size: "medium",
-  disabled: !1
+  disabled: !1,
+  responsive: !0
 };
-X.displayName = "Pager";
-X.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)
+te.displayName = "Pager";
+te.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: s.bool,
-  onPageChange: s.func,
-  messagesMap: s.func,
-  size: s.oneOf([null, "small", "medium", "large"]),
-  dir: s.string,
-  disabled: s.bool
+  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
 };
 export {
-  X as Pager
+  te as Pager
 };

package/pager/PagerInput.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),u=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(b),v=e=>{const[n,t]=s.useState(e.currentPage),g=l=>{t(l.target.value),l.target.value&&e.pageChange(l.target.value,l)},i=u.useInternationalization(),r=u.useLocalization(),o=a.getL10NMessage(c.pagerPage,e.messagesMap),m=a.getL10NMessage(c.pagerOf,e.messagesMap),f=a.getL10NMessage(c.pagerTotalPages,e.messagesMap),M=a.getL10NMessage(c.pagerPageNumberLabel,e.messagesMap);return s.createElement("span",{className:"k-pager-input"},e.visibleElementsRef.current.length>=3&&s.createElement("span",{ref:e.pagerInputTitleRef},a.translateMessage(r,o)),s.createElement(d.NumericTextBox,{value:e.currentPage!==void 0?e.currentPage:n,onChange:g,min:1,spinners:!1,ariaLabel:a.translateMessage(r,M),tabIndex:e.navigatable?-1:void 0}),s.createElement("span",null,`${a.translateMessage(r,m)} ${i.format(a.translateMessage(r,f),[e.totalPages])}`))};exports.PagerInput=v;

package/pager/PagerInput.mjs

@@ -8,18 +8,18 @@
 "use client";
 import * as a from "react";
 import { useInternationalization as M, useLocalization as P } from "@progress/kendo-react-intl";
-import { pagerPage as b, pagerOf as p, pagerTotalPages as v, pagerPageNumberLabel as L } from "../messages/index.mjs";
-import { NumericTextBox as N } from "@progress/kendo-react-inputs";
+import { pagerPage as b, pagerOf as v, pagerTotalPages as h, pagerPageNumberLabel as p } from "../messages/index.mjs";
+import { NumericTextBox as E } from "@progress/kendo-react-inputs";
 import { getL10NMessage as s, translateMessage as g } from "./utils.mjs";
-const z = (e) => {
-  const [r, l] = a.useState(e.currentPage), o = (n) => {
+const I = (e) => {
+  const [r, l] = a.useState(e.currentPage), i = (n) => {
     l(n.target.value), n.target.value && e.pageChange(n.target.value, n);
-  }, m = M(), t = P(), i = s(b, e.messagesMap), c = s(p, e.messagesMap), u = s(v, e.messagesMap), f = s(L, e.messagesMap);
-  return /* @__PURE__ */ a.createElement("span", { className: "k-pager-input" }, /* @__PURE__ */ a.createElement("span", null, g(t, i)), /* @__PURE__ */ a.createElement(
-    N,
+  }, m = M(), t = P(), o = s(b, e.messagesMap), c = s(v, e.messagesMap), u = s(h, e.messagesMap), f = s(p, e.messagesMap);
+  return /* @__PURE__ */ a.createElement("span", { className: "k-pager-input" }, e.visibleElementsRef.current.length >= 3 && /* @__PURE__ */ a.createElement("span", { ref: e.pagerInputTitleRef }, g(t, o)), /* @__PURE__ */ a.createElement(
+    E,
     {
       value: e.currentPage !== void 0 ? e.currentPage : r,
-      onChange: o,
+      onChange: i,
       min: 1,
       spinners: !1,
       ariaLabel: g(t, f),
@@ -31,5 +31,5 @@ const z = (e) => {
   )}`));
 };
 export {
-  z as PagerInput
+  I as PagerInput
 };

package/pager/PagerNumericButtons.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("react"),m=require("@progress/kendo-react-common"),C=require("@progress/kendo-react-buttons"),b=require("../messages/index.js"),R=require("@progress/kendo-react-intl"),c=require("./utils.js");function I(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(s,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return s.default=t,Object.freeze(s)}const o=I(z),P="...",T=t=>{const s=R.useLocalization(),{messagesMap:n,size:a,totalPages:p,type:k,navigatable:M}=t,N=c.getL10NMessage(b.pagerMobileSelect,n),D=c.getL10NMessage(b.pagerPage,n),O=c.getL10NMessage(b.pagerMoreButtonLabel,n),f=c.translateMessage(s,O),h=(e,u)=>{e.preventDefault(),t.pageChange(u,e)},L=e=>{e.preventDefault(),t.pageChange(e.target.value,e)},v=(e,u)=>o.createElement(C.Button,{fillMode:"flat",themeColor:"primary",size:a,rounded:null,role:"button","aria-label":u,onClick:w=>h(w,e),tabIndex:M?-1:void 0},P),y=e=>o.createElement("option",{value:e},P);let r=1;const l=t.currentPage,d=t.buttonCount;if(l>d){const e=l%d;r=e===0?l-d+1:l-e+1}const i=Math.min(r+t.buttonCount-1,t.totalPages),B=r>1&&v(r-1,f),E=i<p&&v(i+1,f),S=r>1&&y(r-1),q=i<p&&y(i+1),g=[];for(let e=r;e<=i;e++)g.push(e);const x=g.map(e=>o.createElement(C.Button,{className:m.classNames({"k-selected":l===e}),key:e,fillMode:"flat",themeColor:"primary",size:a,rounded:null,role:"button","aria-label":c.translateMessage(s,D)+" "+e,"aria-current":l===e?!0:void 0,onClick:u=>h(u,e),tabIndex:M?-1:void 0},e)),j=g.map(e=>o.createElement("option",{key:e},e));return o.createElement(o.Fragment,null,o.createElement("select",{style:{width:"5em",margin:"0px 1em",display:"inline-flex"},className:m.classNames("k-picker k-dropdown-list k-dropdown k-rounded-md k-picker-solid",{[`k-picker-${m.kendoThemeMaps.sizeMap[a]||a}`]:a,"k-hidden":k!=="dropdown"}),"aria-label":c.translateMessage(s,N),value:l,onChange:e=>L(e)},S,j,q),o.createElement("div",{className:"k-pager-numbers",style:{display:k==="numbers"?"":"none"}},B,x,E))};exports.PagerNumericButtons=T;
+"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;