@progress/kendo-react-data-tools 7.5.0-develop.8 → 8.0.0-develop.1

package/pager/Pager.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const U=require("react"),n=require("prop-types"),G=require("./PagerNumericButtons.js"),H=require("./PagerInput.js"),J=require("./PagerPageSizes.js"),Q=require("@progress/kendo-react-buttons"),e=require("../messages/index.js"),v=require("@progress/kendo-react-intl"),r=require("@progress/kendo-react-common"),u=require("@progress/kendo-svg-icons"),X=require("../package-metadata.js");function Y(h){const g=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(h){for(const s in h)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(h,s);Object.defineProperty(g,s,t.get?t:{enumerable:!0,get:()=>h[s]})}}return g.default=h,Object.freeze(g)}const p=Y(U),B=600,Z=768,M=class M extends p.Component{constructor(g){super(g),this._element=null,this.onPageChange=(s,t)=>{const i={target:this,syntheticEvent:t.syntheticEvent,nativeEvent:t.nativeEvent,targetEvent:t,...s};this.props.onPageChange&&this.props.onPageChange.call(void 0,i)},this.changePage=(s,t)=>{this.props.onPageChange&&s>0&&s<=this.totalPages&&this.props.onPageChange({target:this,skip:(s-1)*this.props.take,take:this.props.take,syntheticEvent:t,nativeEvent:t.nativeEvent,targetEvent:t})},this.onWindowResize=()=>{const s=this.element;if(!s||!this.props.responsive)return;const t=s.offsetWidth;t<B?this.setState({showPagerSizes:!1}):t>=B&&t<Z?this.setState({showPagerInfo:!1,showPagerSizes:!0}):this.setState({showPagerInfo:!0,showPagerSizes:!0})},this.onKeyDown=s=>{const t=this.element,i=s.keyCode;!t||!this.props.navigatable||((i===r.Keys.home||s.metaKey&&i===r.Keys.left)&&this.changePage(1,s),(i===r.Keys.end||s.metaKey&&i===r.Keys.right)&&this.changePage(this.totalPages,s),document.activeElement===t?(i===r.Keys.enter&&(r.focusFirstFocusableChild(t),r.enableNavigatableContainer(t)),(i===r.Keys.left||i===r.Keys.up)&&this.changePage(this.currentPage-1,s),(i===r.Keys.right||i===r.Keys.down)&&this.changePage(this.currentPage+1,s)):(i===r.Keys.esc&&(t.focus(),r.disableNavigatableContainer(t)),r.keepFocusInContainer(s,t,r.TABBABLE_ELEMENTS)))},r.validatePackage(X.packageMetadata),this.state={showPagerSizes:!0,showPagerInfo:!0,innerNavigateActive:!1}}get isRtl(){return this.props.dir==="rtl"}get currentPage(){return Math.floor(this.props.skip/this.props.take)+1}get element(){return this._element}componentDidMount(){window.addEventListener("resize",this.onWindowResize),this.onWindowResize()}componentWillUnmount(){window.removeEventListener("resize",this.onWindowResize)}render(){const{showPagerSizes:g,showPagerInfo:s}=this.state,{skip:t,take:i,total:d,pageSizes:m,size:c,responsive:b,messagesMap:a,dir:x,style:_,pageSizeValue:D,previousNext:F,className:j,navigatable:P}=this.props,l=v.provideLocalizationService(this),K=v.provideIntlService(this),o=this.currentPage,W=this.props.type==="numeric"?p.createElement(G.PagerNumericButtons,{type:b&&!g?"dropdown":"numbers",buttonCount:this.props.buttonCount||0,totalPages:this.totalPages,currentPage:this.currentPage,pageChange:this.changePage,messagesMap:this.props.messagesMap,size:c,navigatable:P}):p.createElement(H.PagerInput,{buttonCount:this.props.buttonCount||0,totalPages:this.totalPages,currentPage:o,pageChange:this.changePage,messagesMap:a,size:c,navigatable:P}),S=a?a(e.pagerFirstPage):{messageKey:e.pagerFirstPage,defaultMessage:e.messages[e.pagerFirstPage]},k=a?a(e.pagerPreviousPage):{messageKey:e.pagerPreviousPage,defaultMessage:e.messages[e.pagerPreviousPage]},R=a?a(e.pagerNextPage):{messageKey:e.pagerNextPage,defaultMessage:e.messages[e.pagerNextPage]},I=a?a(e.pagerLastPage):{messageKey:e.pagerLastPage,defaultMessage:e.messages[e.pagerLastPage]},z=a?a(e.pagerInfo):{messageKey:e.pagerInfo,defaultMessage:e.messages[e.pagerInfo]},E=a?a(e.pagerAriaKeyshortcuts):{messageKey:e.pagerAriaKeyshortcuts,defaultMessage:e.messages[e.pagerAriaKeyshortcuts]},w=a?a(e.pagerPage):{messageKey:e.pagerPage,defaultMessage:e.messages[e.pagerPage]},C=a?a(e.pagerOf):{messageKey:e.pagerOf,defaultMessage:e.messages[e.pagerOf]},y=a?a(e.pagerTotalPages):{messageKey:e.pagerTotalPages,defaultMessage:e.messages[e.pagerTotalPages]},$=`${l.toLanguageString(w.messageKey,w.defaultMessage)} ${K.format(l.toLanguageString(y.messageKey,y.defaultMessage),[o])} ${l.toLanguageString(C.messageKey,C.defaultMessage)} ${K.format(l.toLanguageString(y.messageKey,y.defaultMessage),[this.totalPages])}`;let L,N,A,O;F&&(L=this.renderButton(1,"k-pager-nav k-pager-first"+(o===1?" k-disabled":""),l.toLanguageString(S.messageKey,S.defaultMessage),this.isRtl?"caret-alt-to-right":"caret-alt-to-left",this.isRtl?u.caretAltToRightIcon:u.caretAltToLeftIcon,o===1?!0:void 0),N=this.renderButton(o-1,"k-pager-nav"+(o===1?" k-disabled":""),l.toLanguageString(k.messageKey,k.defaultMessage),this.isRtl?"caret-alt-right":"caret-alt-left",this.isRtl?u.caretAltRightIcon:u.caretAltLeftIcon,o===1?!0:void 0),A=this.renderButton(o+1,"k-pager-nav"+(o>=this.totalPages?" k-disabled":""),l.toLanguageString(R.messageKey,R.defaultMessage),this.isRtl?"caret-alt-left":"caret-alt-right",this.isRtl?u.caretAltLeftIcon:u.caretAltRightIcon,o>=this.totalPages?!0:void 0),O=this.renderButton(this.totalPages,"k-pager-nav k-pager-last"+(o>=this.totalPages?" k-disabled":""),l.toLanguageString(I.messageKey,I.defaultMessage),this.isRtl?"caret-alt-to-left":"caret-alt-to-right",this.isRtl?u.caretAltToLeftIcon:u.caretAltToRightIcon,o>=this.totalPages?!0:void 0));const T=m&&p.createElement(J.PagerPageSizes,{pageChange:this.onPageChange,pageSize:i,pageSizes:m,value:D,messagesMap:a,size:c,navigatable:P}),q=this.props.info&&p.createElement("span",{className:"k-pager-info"},K.format(l.toLanguageString(z.messageKey,z.defaultMessage),[Math.min(t+1,d),Math.min(t+i,d),d]));return p.createElement("div",{className:r.classNames("k-pager",{[`k-pager-${r.kendoThemeMaps.sizeMap[c]||c}`]:c},j),style:_,role:"application","aria-roledescription":"pager",dir:x,"aria-keyshortcuts":l.toLanguageString(E.messageKey,E.defaultMessage),"aria-label":$,ref:V=>this._element=V,tabIndex:P?0:void 0,onKeyDown:this.onKeyDown},p.createElement("div",{className:r.classNames("k-pager-numbers-wrap")},L,N,W,A,O),b?g&&T:T,b?s&&q:q)}renderButton(g,s,t,i,d,m){return p.createElement(Q.Button,{fillMode:"flat",themeColor:"base",size:this.props.size,rounded:null,className:s,icon:i,svgIcon:d,title:t,role:"button","aria-disabled":m,tabIndex:this.props.navigatable?-1:void 0,onClick:c=>{c.preventDefault(),this.changePage(g,c)}})}get totalPages(){return Math.ceil((this.props.total||0)/this.props.take)}};M.propTypes={className:n.string,style:n.object,total:n.number.isRequired,skip:n.number.isRequired,take:n.number.isRequired,buttonCount:n.number,info:n.bool,type:n.oneOf(["numeric","input"]),pageSizes:n.arrayOf(n.oneOfType([n.string,n.number])),previousNext:n.bool,onPageChange:n.func,messagesMap:n.func,size:n.oneOf([null,"small","medium","large"]),dir:n.string},M.defaultProps={buttonCount:10,info:!0,type:"numeric",size:"medium"};let f=M;v.registerForIntl(f);v.registerForLocalization(f);exports.Pager=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("react"),i=require("prop-types"),H=require("./PagerNumericButtons.js"),J=require("./PagerInput.js"),Q=require("./PagerPageSizes.js"),X=require("@progress/kendo-react-buttons"),e=require("../messages/index.js"),v=require("@progress/kendo-react-intl"),r=require("@progress/kendo-react-common"),u=require("@progress/kendo-svg-icons"),Y=require("../package-metadata.js");function Z(h){const g=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(h){for(const s in h)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(h,s);Object.defineProperty(g,s,t.get?t:{enumerable:!0,get:()=>h[s]})}}return g.default=h,Object.freeze(g)}const p=Z(G),x=600,ee=768,M=class M extends p.Component{constructor(g){super(g),this._element=null,this.onPageChange=(s,t)=>{const n={target:this,syntheticEvent:t.syntheticEvent,nativeEvent:t.nativeEvent,targetEvent:t,...s};this.props.onPageChange&&this.props.onPageChange.call(void 0,n)},this.changePage=(s,t)=>{this.props.onPageChange&&s>0&&s<=this.totalPages&&this.props.onPageChange({target:this,skip:(s-1)*this.props.take,take:this.props.take,syntheticEvent:t,nativeEvent:t.nativeEvent,targetEvent:t})},this.onWindowResize=()=>{const s=this.element;if(!s||!this.props.responsive)return;const t=s.offsetWidth;t<x?this.setState({showPagerSizes:!1}):t>=x&&t<ee?this.setState({showPagerInfo:!1,showPagerSizes:!0}):this.setState({showPagerInfo:!0,showPagerSizes:!0})},this.onKeyDown=s=>{const t=this.element,n=s.keyCode;!t||!this.props.navigatable||((n===r.Keys.home||s.metaKey&&n===r.Keys.left)&&this.changePage(1,s),(n===r.Keys.end||s.metaKey&&n===r.Keys.right)&&this.changePage(this.totalPages,s),document.activeElement===t?(n===r.Keys.enter&&(r.focusFirstFocusableChild(t),r.enableNavigatableContainer(t)),(n===r.Keys.left||n===r.Keys.up)&&this.changePage(this.currentPage-1,s),(n===r.Keys.right||n===r.Keys.down)&&this.changePage(this.currentPage+1,s)):(n===r.Keys.esc&&(t.focus(),r.disableNavigatableContainer(t)),r.keepFocusInContainer(s,t,r.TABBABLE_ELEMENTS)))},r.validatePackage(Y.packageMetadata),this.state={showPagerSizes:!0,showPagerInfo:!0,innerNavigateActive:!1}}get isRtl(){return this.props.dir==="rtl"}get currentPage(){return Math.floor(this.props.skip/this.props.take)+1}get element(){return this._element}componentDidMount(){window.addEventListener("resize",this.onWindowResize),this.onWindowResize()}componentWillUnmount(){window.removeEventListener("resize",this.onWindowResize)}render(){const{showPagerSizes:g,showPagerInfo:s}=this.state,{skip:t,take:n,total:d,pageSizes:P,size:c,responsive:K,messagesMap:a,dir:_,style:D,pageSizeValue:F,previousNext:j,className:W,navigatable:y,disabled:f}=this.props,l=v.provideLocalizationService(this),k=v.provideIntlService(this),o=this.currentPage,$=this.props.type==="numeric"?p.createElement(H.PagerNumericButtons,{type:K&&!g?"dropdown":"numbers",buttonCount:this.props.buttonCount||0,totalPages:this.totalPages,currentPage:this.currentPage,pageChange:this.changePage,messagesMap:this.props.messagesMap,size:c,navigatable:y}):p.createElement(J.PagerInput,{buttonCount:this.props.buttonCount||0,totalPages:this.totalPages,currentPage:o,pageChange:this.changePage,messagesMap:a,size:c,navigatable:y}),S=a?a(e.pagerFirstPage):{messageKey:e.pagerFirstPage,defaultMessage:e.messages[e.pagerFirstPage]},R=a?a(e.pagerPreviousPage):{messageKey:e.pagerPreviousPage,defaultMessage:e.messages[e.pagerPreviousPage]},I=a?a(e.pagerNextPage):{messageKey:e.pagerNextPage,defaultMessage:e.messages[e.pagerNextPage]},z=a?a(e.pagerLastPage):{messageKey:e.pagerLastPage,defaultMessage:e.messages[e.pagerLastPage]},E=a?a(e.pagerInfo):{messageKey:e.pagerInfo,defaultMessage:e.messages[e.pagerInfo]},w=a?a(e.pagerAriaKeyshortcuts):{messageKey:e.pagerAriaKeyshortcuts,defaultMessage:e.messages[e.pagerAriaKeyshortcuts]},C=a?a(e.pagerPage):{messageKey:e.pagerPage,defaultMessage:e.messages[e.pagerPage]},L=a?a(e.pagerOf):{messageKey:e.pagerOf,defaultMessage:e.messages[e.pagerOf]},b=a?a(e.pagerTotalPages):{messageKey:e.pagerTotalPages,defaultMessage:e.messages[e.pagerTotalPages]},V=`${l.toLanguageString(C.messageKey,C.defaultMessage)} ${k.format(l.toLanguageString(b.messageKey,b.defaultMessage),[o])} ${l.toLanguageString(L.messageKey,L.defaultMessage)} ${k.format(l.toLanguageString(b.messageKey,b.defaultMessage),[this.totalPages])}`;let N,A,O,T;j&&(N=this.renderButton(1,"k-pager-nav k-pager-first"+(o===1&&!f?" k-disabled":""),l.toLanguageString(S.messageKey,S.defaultMessage),this.isRtl?"caret-alt-to-right":"caret-alt-to-left",this.isRtl?u.caretAltToRightIcon:u.caretAltToLeftIcon,o===1?!0:void 0),A=this.renderButton(o-1,"k-pager-nav"+(o===1&&!f?" k-disabled":""),l.toLanguageString(R.messageKey,R.defaultMessage),this.isRtl?"caret-alt-right":"caret-alt-left",this.isRtl?u.caretAltRightIcon:u.caretAltLeftIcon,o===1?!0:void 0),O=this.renderButton(o+1,"k-pager-nav"+(o>=this.totalPages&&!f?" k-disabled":""),l.toLanguageString(I.messageKey,I.defaultMessage),this.isRtl?"caret-alt-left":"caret-alt-right",this.isRtl?u.caretAltLeftIcon:u.caretAltRightIcon,o>=this.totalPages?!0:void 0),T=this.renderButton(this.totalPages,"k-pager-nav k-pager-last"+(o>=this.totalPages&&!f?" k-disabled":""),l.toLanguageString(z.messageKey,z.defaultMessage),this.isRtl?"caret-alt-to-left":"caret-alt-to-right",this.isRtl?u.caretAltToLeftIcon:u.caretAltToRightIcon,o>=this.totalPages?!0:void 0));const q=P&&p.createElement(Q.PagerPageSizes,{pageChange:this.onPageChange,pageSize:n,pageSizes:P,value:F,messagesMap:a,size:c,navigatable:y}),B=this.props.info&&p.createElement("span",{className:"k-pager-info"},k.format(l.toLanguageString(E.messageKey,E.defaultMessage),[Math.min(t+1,d),Math.min(t+n,d),d]));return p.createElement("div",{className:r.classNames("k-pager",{[`k-pager-${r.kendoThemeMaps.sizeMap[c]||c}`]:c,"k-disabled":f},W),style:D,role:"application","aria-roledescription":"pager",dir:_,"aria-keyshortcuts":l.toLanguageString(w.messageKey,w.defaultMessage),"aria-label":V,ref:U=>this._element=U,tabIndex:y?0:void 0,onKeyDown:this.onKeyDown},p.createElement("div",{className:r.classNames("k-pager-numbers-wrap")},N,A,$,O,T),K?g&&q:q,K?s&&B:B)}renderButton(g,s,t,n,d,P){return p.createElement(X.Button,{fillMode:"flat",themeColor:"base",size:this.props.size,rounded:null,className:s,icon:n,svgIcon:d,title:t,role:"button","aria-disabled":P,tabIndex:this.props.navigatable?-1:void 0,onClick:c=>{c.preventDefault(),this.changePage(g,c)}})}get totalPages(){return Math.ceil((this.props.total||0)/this.props.take)}};M.propTypes={className:i.string,style:i.object,total:i.number.isRequired,skip:i.number.isRequired,take:i.number.isRequired,buttonCount:i.number,info:i.bool,type:i.oneOf(["numeric","input"]),pageSizes:i.arrayOf(i.oneOfType([i.string,i.number])),previousNext:i.bool,onPageChange:i.func,messagesMap:i.func,size:i.oneOf([null,"small","medium","large"]),dir:i.string,disabled:i.bool},M.defaultProps={buttonCount:10,info:!0,type:"numeric",size:"medium",disabled:!1};let m=M;v.registerForIntl(m);v.registerForLocalization(m);exports.Pager=m;

package/pager/Pager.mjs

@@ -7,27 +7,27 @@
  */
 "use client";
 import * as h from "react";
-import i from "prop-types";
-import { PagerNumericButtons as ae } from "./PagerNumericButtons.mjs";
-import { PagerInput as ie } from "./PagerInput.mjs";
-import { PagerPageSizes as re } from "./PagerPageSizes.mjs";
-import { Button as oe } from "@progress/kendo-react-buttons";
-import { pagerFirstPage as y, messages as l, pagerPreviousPage as b, pagerNextPage as S, pagerLastPage as k, pagerInfo as K, pagerAriaKeyshortcuts as E, pagerPage as z, pagerOf as w, pagerTotalPages as C } from "../messages/index.mjs";
-import { provideLocalizationService as ne, provideIntlService as ge, registerForIntl as le, registerForLocalization as he } from "@progress/kendo-react-intl";
-import { Keys as n, focusFirstFocusableChild as pe, enableNavigatableContainer as ue, disableNavigatableContainer as ce, keepFocusInContainer as me, TABBABLE_ELEMENTS as fe, validatePackage as de, classNames as q, kendoThemeMaps as Pe } from "@progress/kendo-react-common";
-import { caretAltToRightIcon as V, caretAltToLeftIcon as U, caretAltRightIcon as j, caretAltLeftIcon as G } from "@progress/kendo-svg-icons";
-import { packageMetadata as Me } from "../package-metadata.mjs";
-const H = 600, ve = 768, P = class P extends h.Component {
+import a from "prop-types";
+import { PagerNumericButtons as ie } from "./PagerNumericButtons.mjs";
+import { PagerInput as re } from "./PagerInput.mjs";
+import { PagerPageSizes as oe } from "./PagerPageSizes.mjs";
+import { Button as ne } from "@progress/kendo-react-buttons";
+import { pagerFirstPage as b, messages as l, pagerPreviousPage as k, pagerNextPage as S, pagerLastPage as K, pagerInfo as E, pagerAriaKeyshortcuts as z, pagerPage as w, pagerOf as C, pagerTotalPages as R } from "../messages/index.mjs";
+import { provideLocalizationService as ge, provideIntlService as le, registerForIntl as he, registerForLocalization as pe } from "@progress/kendo-react-intl";
+import { Keys as n, focusFirstFocusableChild as ue, enableNavigatableContainer as ce, disableNavigatableContainer as me, keepFocusInContainer as de, TABBABLE_ELEMENTS as fe, validatePackage as Pe, classNames as V, kendoThemeMaps as Me } from "@progress/kendo-react-common";
+import { caretAltToRightIcon as U, caretAltToLeftIcon as j, caretAltRightIcon as G, caretAltLeftIcon as H } from "@progress/kendo-svg-icons";
+import { packageMetadata as ve } from "../package-metadata.mjs";
+const J = 600, ye = 768, M = class M extends h.Component {
   constructor(p) {
     super(p), this._element = null, this.onPageChange = (t, e) => {
-      const a = {
+      const i = {
         target: this,
         syntheticEvent: e.syntheticEvent,
         nativeEvent: e.nativeEvent,
         targetEvent: e,
         ...t
       };
-      this.props.onPageChange && this.props.onPageChange.call(void 0, a);
+      this.props.onPageChange && this.props.onPageChange.call(void 0, i);
     }, this.changePage = (t, e) => {
       this.props.onPageChange && t > 0 && t <= this.totalPages && this.props.onPageChange({
         target: this,
@@ -42,11 +42,11 @@ const H = 600, ve = 768, P = class P extends h.Component {
       if (!t || !this.props.responsive)
         return;
       const e = t.offsetWidth;
-      e < H ? this.setState({ showPagerSizes: !1 }) : e >= H && e < ve ? this.setState({ showPagerInfo: !1, showPagerSizes: !0 }) : this.setState({ showPagerInfo: !0, showPagerSizes: !0 });
+      e < J ? this.setState({ showPagerSizes: !1 }) : e >= J && e < ye ? this.setState({ showPagerInfo: !1, showPagerSizes: !0 }) : this.setState({ showPagerInfo: !0, showPagerSizes: !0 });
     }, this.onKeyDown = (t) => {
-      const e = this.element, a = t.keyCode;
-      !e || !this.props.navigatable || ((a === n.home || t.metaKey && a === n.left) && this.changePage(1, t), (a === n.end || t.metaKey && a === n.right) && this.changePage(this.totalPages, t), document.activeElement === e ? (a === n.enter && (pe(e), ue(e)), (a === n.left || a === n.up) && this.changePage(this.currentPage - 1, t), (a === n.right || a === n.down) && this.changePage(this.currentPage + 1, t)) : (a === n.esc && (e.focus(), ce(e)), me(t, e, fe)));
-    }, de(Me), this.state = { showPagerSizes: !0, showPagerInfo: !0, innerNavigateActive: !1 };
+      const e = this.element, i = t.keyCode;
+      !e || !this.props.navigatable || ((i === n.home || t.metaKey && i === n.left) && this.changePage(1, t), (i === n.end || t.metaKey && i === n.right) && this.changePage(this.totalPages, t), document.activeElement === e ? (i === n.enter && (ue(e), ce(e)), (i === n.left || i === n.up) && this.changePage(this.currentPage - 1, t), (i === n.right || i === n.down) && this.changePage(this.currentPage + 1, t)) : (i === n.esc && (e.focus(), me(e)), de(t, e, fe)));
+    }, Pe(ve), this.state = { showPagerSizes: !0, showPagerInfo: !0, innerNavigateActive: !1 };
   }
   get isRtl() {
     return this.props.dir === "rtl";
@@ -78,32 +78,33 @@ const H = 600, ve = 768, P = class P extends h.Component {
   render() {
     const { showPagerSizes: p, showPagerInfo: t } = this.state, {
       skip: e,
-      take: a,
+      take: i,
       total: u,
-      pageSizes: c,
+      pageSizes: m,
       size: g,
-      responsive: M,
+      responsive: v,
       messagesMap: s,
-      dir: J,
-      style: Q,
-      pageSizeValue: X,
-      previousNext: Y,
-      className: Z,
-      navigatable: m
-    } = this.props, o = ne(this), v = ge(this), r = this.currentPage, ee = this.props.type === "numeric" ? /* @__PURE__ */ h.createElement(
-      ae,
+      dir: Q,
+      style: X,
+      pageSizeValue: Y,
+      previousNext: Z,
+      className: ee,
+      navigatable: d,
+      disabled: c
+    } = this.props, o = ge(this), y = le(this), r = this.currentPage, te = this.props.type === "numeric" ? /* @__PURE__ */ h.createElement(
+      ie,
       {
-        type: M && !p ? "dropdown" : "numbers",
+        type: v && !p ? "dropdown" : "numbers",
         buttonCount: this.props.buttonCount || 0,
         totalPages: this.totalPages,
         currentPage: this.currentPage,
         pageChange: this.changePage,
         messagesMap: this.props.messagesMap,
         size: g,
-        navigatable: m
+        navigatable: d
       }
     ) : /* @__PURE__ */ h.createElement(
-      ie,
+      re,
       {
         buttonCount: this.props.buttonCount || 0,
         totalPages: this.totalPages,
@@ -111,112 +112,113 @@ const H = 600, ve = 768, P = class P extends h.Component {
         pageChange: this.changePage,
         messagesMap: s,
         size: g,
-        navigatable: m
+        navigatable: d
       }
-    ), R = s ? s(y) : { messageKey: y, defaultMessage: l[y] }, L = s ? s(b) : { messageKey: b, defaultMessage: l[b] }, I = s ? s(S) : { messageKey: S, defaultMessage: l[S] }, N = s ? s(k) : { messageKey: k, defaultMessage: l[k] }, A = s ? s(K) : { messageKey: K, defaultMessage: l[K] }, B = s ? s(E) : { messageKey: E, defaultMessage: l[E] }, T = s ? s(z) : { messageKey: z, defaultMessage: l[z] }, x = s ? s(w) : { messageKey: w, defaultMessage: l[w] }, f = s ? s(C) : { messageKey: C, defaultMessage: l[C] }, te = `${o.toLanguageString(
-      T.messageKey,
-      T.defaultMessage
-    )} ${v.format(
+    ), L = s ? s(b) : { messageKey: b, defaultMessage: l[b] }, I = s ? s(k) : { messageKey: k, defaultMessage: l[k] }, N = s ? s(S) : { messageKey: S, defaultMessage: l[S] }, A = s ? s(K) : { messageKey: K, defaultMessage: l[K] }, B = s ? s(E) : { messageKey: E, defaultMessage: l[E] }, T = s ? s(z) : { messageKey: z, defaultMessage: l[z] }, x = s ? s(w) : { messageKey: w, defaultMessage: l[w] }, O = s ? s(C) : { messageKey: C, defaultMessage: l[C] }, f = s ? s(R) : { messageKey: R, defaultMessage: l[R] }, se = `${o.toLanguageString(
+      x.messageKey,
+      x.defaultMessage
+    )} ${y.format(
       o.toLanguageString(
         f.messageKey,
         f.defaultMessage
       ),
       [r]
     )} ${o.toLanguageString(
-      x.messageKey,
-      x.defaultMessage
-    )} ${v.format(
+      O.messageKey,
+      O.defaultMessage
+    )} ${y.format(
       o.toLanguageString(
         f.messageKey,
         f.defaultMessage
       ),
       [this.totalPages]
     )}`;
-    let O, D, F, W;
-    Y && (O = this.renderButton(
+    let D, F, W, _;
+    Z && (D = this.renderButton(
       1,
-      "k-pager-nav k-pager-first" + (r === 1 ? " k-disabled" : ""),
-      o.toLanguageString(R.messageKey, R.defaultMessage),
+      "k-pager-nav k-pager-first" + (r === 1 && !c ? " k-disabled" : ""),
+      o.toLanguageString(L.messageKey, L.defaultMessage),
       this.isRtl ? "caret-alt-to-right" : "caret-alt-to-left",
-      this.isRtl ? V : U,
+      this.isRtl ? U : j,
       r === 1 ? !0 : void 0
-    ), D = this.renderButton(
+    ), F = this.renderButton(
       r - 1,
-      "k-pager-nav" + (r === 1 ? " k-disabled" : ""),
-      o.toLanguageString(L.messageKey, L.defaultMessage),
+      "k-pager-nav" + (r === 1 && !c ? " k-disabled" : ""),
+      o.toLanguageString(I.messageKey, I.defaultMessage),
       this.isRtl ? "caret-alt-right" : "caret-alt-left",
-      this.isRtl ? j : G,
+      this.isRtl ? G : H,
       r === 1 ? !0 : void 0
-    ), F = this.renderButton(
+    ), W = this.renderButton(
       r + 1,
-      "k-pager-nav" + (r >= this.totalPages ? " k-disabled" : ""),
-      o.toLanguageString(I.messageKey, I.defaultMessage),
+      "k-pager-nav" + (r >= this.totalPages && !c ? " k-disabled" : ""),
+      o.toLanguageString(N.messageKey, N.defaultMessage),
       this.isRtl ? "caret-alt-left" : "caret-alt-right",
-      this.isRtl ? G : j,
+      this.isRtl ? H : G,
       r >= this.totalPages ? !0 : void 0
-    ), W = this.renderButton(
+    ), _ = this.renderButton(
       this.totalPages,
-      "k-pager-nav k-pager-last" + (r >= this.totalPages ? " k-disabled" : ""),
-      o.toLanguageString(N.messageKey, N.defaultMessage),
+      "k-pager-nav k-pager-last" + (r >= this.totalPages && !c ? " k-disabled" : ""),
+      o.toLanguageString(A.messageKey, A.defaultMessage),
       this.isRtl ? "caret-alt-to-left" : "caret-alt-to-right",
-      this.isRtl ? U : V,
+      this.isRtl ? j : U,
       r >= this.totalPages ? !0 : void 0
     ));
-    const _ = c && /* @__PURE__ */ h.createElement(
-      re,
+    const $ = m && /* @__PURE__ */ h.createElement(
+      oe,
       {
         pageChange: this.onPageChange,
-        pageSize: a,
-        pageSizes: c,
-        value: X,
+        pageSize: i,
+        pageSizes: m,
+        value: Y,
         messagesMap: s,
         size: g,
-        navigatable: m
+        navigatable: d
       }
-    ), $ = this.props.info && /* @__PURE__ */ h.createElement("span", { className: "k-pager-info" }, v.format(o.toLanguageString(A.messageKey, A.defaultMessage), [
+    ), q = this.props.info && /* @__PURE__ */ h.createElement("span", { className: "k-pager-info" }, y.format(o.toLanguageString(B.messageKey, B.defaultMessage), [
       Math.min(e + 1, u),
-      Math.min(e + a, u),
+      Math.min(e + i, u),
       u
     ]));
     return /* @__PURE__ */ h.createElement(
       "div",
       {
-        className: q(
+        className: V(
           "k-pager",
           {
-            [`k-pager-${Pe.sizeMap[g] || g}`]: g
+            [`k-pager-${Me.sizeMap[g] || g}`]: g,
+            "k-disabled": c
           },
-          Z
+          ee
         ),
-        style: Q,
+        style: X,
         role: "application",
         "aria-roledescription": "pager",
-        dir: J,
-        "aria-keyshortcuts": o.toLanguageString(B.messageKey, B.defaultMessage),
-        "aria-label": te,
-        ref: (se) => this._element = se,
-        tabIndex: m ? 0 : void 0,
+        dir: Q,
+        "aria-keyshortcuts": o.toLanguageString(T.messageKey, T.defaultMessage),
+        "aria-label": se,
+        ref: (ae) => this._element = ae,
+        tabIndex: d ? 0 : void 0,
         onKeyDown: this.onKeyDown
       },
-      /* @__PURE__ */ h.createElement("div", { className: q("k-pager-numbers-wrap") }, O, D, ee, F, W),
-      M ? p && _ : _,
-      M ? t && $ : $
+      /* @__PURE__ */ h.createElement("div", { className: V("k-pager-numbers-wrap") }, D, F, te, W, _),
+      v ? p && $ : $,
+      v ? t && q : q
     );
   }
-  renderButton(p, t, e, a, u, c) {
+  renderButton(p, t, e, i, u, m) {
     return /* @__PURE__ */ h.createElement(
-      oe,
+      ne,
       {
         fillMode: "flat",
         themeColor: "base",
         size: this.props.size,
         rounded: null,
         className: t,
-        icon: a,
+        icon: i,
         svgIcon: u,
         title: e,
         role: "button",
-        "aria-disabled": c,
+        "aria-disabled": m,
         tabIndex: this.props.navigatable ? -1 : void 0,
         onClick: (g) => {
           g.preventDefault(), this.changePage(p, g);
@@ -228,33 +230,35 @@ const H = 600, ve = 768, P = class P extends h.Component {
     return Math.ceil((this.props.total || 0) / this.props.take);
   }
 };
-P.propTypes = {
-  className: i.string,
-  style: i.object,
-  total: i.number.isRequired,
-  skip: i.number.isRequired,
-  take: i.number.isRequired,
-  buttonCount: i.number,
-  info: i.bool,
-  type: i.oneOf(["numeric", "input"]),
-  pageSizes: i.arrayOf(i.oneOfType([
-    i.string,
-    i.number
+M.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.arrayOf(a.oneOfType([
+    a.string,
+    a.number
   ])),
-  previousNext: i.bool,
-  onPageChange: i.func,
-  messagesMap: i.func,
-  size: i.oneOf([null, "small", "medium", "large"]),
-  dir: i.string
-}, P.defaultProps = {
+  previousNext: a.bool,
+  onPageChange: a.func,
+  messagesMap: a.func,
+  size: a.oneOf([null, "small", "medium", "large"]),
+  dir: a.string,
+  disabled: a.bool
+}, M.defaultProps = {
   buttonCount: 10,
   info: !0,
   type: "numeric",
-  size: "medium"
+  size: "medium",
+  disabled: !1
 };
-let d = P;
-le(d);
-he(d);
+let P = M;
+he(P);
+pe(P);
 export {
-  d as Pager
+  P as Pager
 };

package/selection/TableSelection.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react"),G=require("react-dom"),p=require("@progress/kendo-react-common"),t=require("./utils.js");function q(l){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const r in l)if(r!=="default"){const y=Object.getOwnPropertyDescriptor(l,r);Object.defineProperty(c,r,y.get?y:{enumerable:!0,get:()=>l[r]})}}return c.default=l,Object.freeze(c)}const n=q(B),J=q(G),L=l=>{var C;const{onRelease:c,childRef:r}=l,{enabled:y,drag:I,mode:d,cell:T}=t.getSelectionOptions(l.selectable),u=n.useRef(null),D=n.useRef(null),R=n.useRef({clientX:0,clientY:0}),[K,b]=n.useState(null),M=n.useRef(),v=n.useRef(!1),h=n.useRef(!1),j=n.useCallback(m=>{const{event:e}=m;h.current=t.isInNonSelectable(e.originalEvent.target),!(h.current||!u.current)&&(M.current=t.relativeContextElement(u.current.element),R.current={clientY:e.clientY,clientX:e.clientX})},[]),_=n.useCallback(m=>{const{event:e}=m,{clientX:o,clientY:s}=R.current;if(!h.current&&!(!I||d==="single")&&((Math.abs(s-e.clientY)>5||Math.abs(o-e.clientX)>5)&&(v.current=!0),v.current)){const a=t.getOffset(M.current);b({top:Math.min(s,e.clientY)-a.top,left:Math.min(o,e.clientX)-a.left,width:Math.abs(e.clientX-o),height:Math.abs(e.clientY-s)})}},[b,I,d]),F=n.useCallback(m=>{const{event:e}=m,{clientX:o,clientY:s}=R.current;if(h.current||!u.current)return;const a=u.current.element&&u.current.element.ownerDocument;if(a){if(v.current){const f=Math.min(s,e.clientY),E=Math.min(o,e.clientX),x=Math.max(s,e.clientY),g=Math.max(o,e.clientX),i=D.current;if(!i)return;i.style.visibility="hidden";const S=a.elementFromPoint(E,f),w=a.elementFromPoint(g,x);if(i.style.visibility="",!S||!w)return;const O=t.closestTagName(S,"TD"),z=t.closestTagName(O,"TR"),P=t.closestTagName(w,"TD"),A=t.closestTagName(P,"TR"),X=t.getColumnIndex(O),Y=t.getRowIndex(z),N=t.getColumnIndex(P),k=t.getRowIndex(A);X!==void 0&&Y!==void 0&&N!==void 0&&k!==void 0&&c({nativeEvent:e.originalEvent,startRowIndex:Y,startColIndex:X,endRowIndex:k,endColIndex:N,altKey:e.altKey,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,mode:d,cell:T,isDrag:!0})}else{const f=a.elementFromPoint(o,s);if(!f)return;const E=t.closestTagName(f,"TD"),x=t.closestTagName(f,"TR"),g=t.getColumnIndex(E),i=t.getRowIndex(x);E&&x&&i!==void 0&&g!==void 0&&c({nativeEvent:e.originalEvent,startRowIndex:i,startColIndex:g,endRowIndex:i,endColIndex:g,altKey:e.altKey,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,mode:d,cell:T,isDrag:!1})}b(null),v.current=!1,R.current={clientX:0,clientY:0}}},[b,d,T,c]),H=p.useDocument(D);return y?n.createElement(n.Fragment,null,n.createElement(p.Draggable,{onPress:j,onDrag:_,onRelease:F,ref:u,childRef:r},l.children),K&&J.createPortal(n.createElement("div",{ref:D,style:{...K,position:"fixed"},className:"k-marquee k-marquee-color"}),(C=H())==null?void 0:C.body)):n.cloneElement(n.Children.only(l.children),{ref:r})};exports.TableSelection=L;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react"),W=require("react-dom"),j=require("@progress/kendo-react-common"),t=require("./utils.js");function F(l){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const a in l)if(a!=="default"){const g=Object.getOwnPropertyDescriptor(l,a);Object.defineProperty(s,a,g.get?g:{enumerable:!0,get:()=>l[a]})}}return s.default=l,Object.freeze(s)}const n=F(V),Z=F(W),$=l=>{var C;const{onRelease:s,childRef:a}=l,{enabled:g,drag:I,mode:i,cell:T}=t.getSelectionOptions(l.selectable),o=n.useRef(null),X=n.useRef(null),y=n.useRef({clientX:0,clientY:0,scrollX:0,scrollY:0,pressedElement:null}),[K,R]=n.useState(null),M=n.useRef(),b=n.useRef(!1),v=n.useRef(!1),_=n.useCallback(u=>{const{event:e}=u;if(v.current=t.isInNonSelectable(e.originalEvent.target),v.current||!o.current)return;M.current=t.relativeContextElement(o.current.element);const r=o.current.element&&o.current.element.ownerDocument;if(!r)return;const c=r.elementFromPoint(e.clientX,e.clientY);y.current={clientY:e.clientY,clientX:e.clientX,scrollX:e.scrollX,scrollY:e.scrollY,pressedElement:c}},[]),H=n.useCallback(u=>{const{event:e}=u,{clientX:r,clientY:c}=y.current;if(!v.current&&!(!I||i==="single")&&((Math.abs(c-e.clientY)>5||Math.abs(r-e.clientX)>5)&&(b.current=!0),b.current)){const E=t.getOffset(M.current);R({top:Math.min(c,e.clientY)-E.top,left:Math.min(r,e.clientX)-E.left,width:Math.abs(e.clientX-r),height:Math.abs(e.clientY-c)})}},[R,I,i]),z=n.useCallback(u=>{const{event:e}=u,{clientX:r,clientY:c,scrollX:E,scrollY:B,pressedElement:G}=y.current;if(v.current||!o.current)return;const h=o.current.element&&o.current.element.ownerDocument;if(h){if(b.current){const m=e.scrollY-B,D=e.scrollX-E,x=Math.min(c,e.clientY),d=Math.min(r,e.clientX),f=Math.max(c,e.clientY),J=Math.max(r,e.clientX),Y=X.current;if(!Y)return;Y.style.visibility="hidden";const L=h.elementFromPoint(d,x),S=m>0||D>0?G:L,w=h.elementFromPoint(J,f);if(Y.style.visibility="",!S||!w)return;const P=t.closestTagName(S,"TD"),Q=t.closestTagName(P,"TR"),p=t.closestTagName(w,"TD"),U=t.closestTagName(p,"TR"),O=t.getColumnIndex(P),N=t.getRowIndex(Q),k=t.getColumnIndex(p),q=t.getRowIndex(U);O!==void 0&&N!==void 0&&k!==void 0&&q!==void 0&&s({nativeEvent:e.originalEvent,startRowIndex:N,startColIndex:O,endRowIndex:q,endColIndex:k,altKey:e.altKey,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,mode:i,cell:T,isDrag:!0})}else{const m=h.elementFromPoint(r,c);if(!m)return;const D=t.closestTagName(m,"TD"),x=t.closestTagName(m,"TR"),d=t.getColumnIndex(D),f=t.getRowIndex(x);D&&x&&f!==void 0&&d!==void 0&&s({nativeEvent:e.originalEvent,startRowIndex:f,startColIndex:d,endRowIndex:f,endColIndex:d,altKey:e.altKey,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,mode:i,cell:T,isDrag:!1})}R(null),b.current=!1,y.current={clientX:0,clientY:0,scrollX:0,scrollY:0,pressedElement:null}}},[R,i,T,s]),A=j.useDocument(X);return g?n.createElement(n.Fragment,null,n.createElement(j.Draggable,{onPress:_,onDrag:H,onRelease:z,ref:o,childRef:a},l.children),K&&Z.createPortal(n.createElement("div",{ref:X,style:{...K,position:"fixed"},className:"k-marquee k-marquee-color"}),(C=A())==null?void 0:C.body)):n.cloneElement(n.Children.only(l.children),{ref:a})};exports.TableSelection=$;

package/selection/TableSelection.mjs

@@ -7,116 +7,126 @@
  */
 "use client";
 import * as t from "react";
-import * as G from "react-dom";
-import { useDocument as J, Draggable as L } from "@progress/kendo-react-common";
-import { getSelectionOptions as Q, isInNonSelectable as U, relativeContextElement as V, getOffset as W, closestTagName as s, getColumnIndex as K, getRowIndex as D } from "./utils.mjs";
-const $ = (d) => {
-  var X;
-  const { onRelease: E, childRef: I } = d, {
-    enabled: H,
+import * as W from "react-dom";
+import { useDocument as Z, Draggable as _ } from "@progress/kendo-react-common";
+import { getSelectionOptions as $, isInNonSelectable as ee, relativeContextElement as te, getOffset as ne, closestTagName as c, getColumnIndex as x, getRowIndex as K } from "./utils.mjs";
+const ce = (u) => {
+  var w;
+  const { onRelease: D, childRef: I } = u, {
+    enabled: q,
     drag: M,
-    mode: i,
-    cell: b
-  } = Q(d.selectable), o = t.useRef(null), x = t.useRef(null), f = t.useRef({ clientX: 0, clientY: 0 }), [T, g] = t.useState(null), C = t.useRef(), y = t.useRef(!1), R = t.useRef(!1), N = t.useCallback(
-    (a) => {
-      const { event: e } = a;
-      R.current = U(e.originalEvent.target), !(R.current || !o.current) && (C.current = V(o.current.element), f.current = {
+    mode: o,
+    cell: X
+  } = $(u.selectable), r = t.useRef(null), Y = t.useRef(null), d = t.useRef({ clientX: 0, clientY: 0, scrollX: 0, scrollY: 0, pressedElement: null }), [T, f] = t.useState(null), C = t.useRef(), g = t.useRef(!1), y = t.useRef(!1), j = t.useCallback(
+    (s) => {
+      const { event: e } = s;
+      if (y.current = ee(e.originalEvent.target), y.current || !r.current)
+        return;
+      C.current = te(r.current.element);
+      const n = r.current.element && r.current.element.ownerDocument;
+      if (!n)
+        return;
+      const l = n.elementFromPoint(e.clientX, e.clientY);
+      d.current = {
         clientY: e.clientY,
-        clientX: e.clientX
-      });
+        clientX: e.clientX,
+        scrollX: e.scrollX,
+        scrollY: e.scrollY,
+        pressedElement: l
+      };
     },
     []
-  ), q = t.useCallback(
-    (a) => {
-      const { event: e } = a, { clientX: n, clientY: l } = f.current;
-      if (!R.current && !(!M || i === "single") && ((Math.abs(l - e.clientY) > 5 || Math.abs(n - e.clientX) > 5) && (y.current = !0), y.current)) {
-        const r = W(C.current);
-        g({
-          top: Math.min(l, e.clientY) - r.top,
-          left: Math.min(n, e.clientX) - r.left,
+  ), z = t.useCallback(
+    (s) => {
+      const { event: e } = s, { clientX: n, clientY: l } = d.current;
+      if (!y.current && !(!M || o === "single") && ((Math.abs(l - e.clientY) > 5 || Math.abs(n - e.clientX) > 5) && (g.current = !0), g.current)) {
+        const E = ne(C.current);
+        f({
+          top: Math.min(l, e.clientY) - E.top,
+          left: Math.min(n, e.clientX) - E.left,
           width: Math.abs(e.clientX - n),
           height: Math.abs(e.clientY - l)
         });
       }
     },
-    [g, M, i]
-  ), j = t.useCallback(
-    (a) => {
-      const { event: e } = a, { clientX: n, clientY: l } = f.current;
-      if (R.current || !o.current)
+    [f, M, o]
+  ), A = t.useCallback(
+    (s) => {
+      const { event: e } = s, { clientX: n, clientY: l, scrollX: E, scrollY: G, pressedElement: J } = d.current;
+      if (y.current || !r.current)
         return;
-      const r = o.current.element && o.current.element.ownerDocument;
-      if (r) {
-        if (y.current) {
-          const m = Math.min(l, e.clientY), v = Math.min(n, e.clientX), h = Math.max(l, e.clientY), u = Math.max(n, e.clientX), c = x.current;
-          if (!c)
+      const R = r.current.element && r.current.element.ownerDocument;
+      if (R) {
+        if (g.current) {
+          const i = e.scrollY - G, v = e.scrollX - E, h = Math.min(l, e.clientY), a = Math.min(n, e.clientX), m = Math.max(l, e.clientY), L = Math.max(n, e.clientX), b = Y.current;
+          if (!b)
             return;
-          c.style.visibility = "hidden";
-          const Y = r.elementFromPoint(v, m), w = r.elementFromPoint(u, h);
-          if (c.style.visibility = "", !Y || !w)
+          b.style.visibility = "hidden";
+          const Q = R.elementFromPoint(a, h), P = i > 0 || v > 0 ? J : Q, p = R.elementFromPoint(L, m);
+          if (b.style.visibility = "", !P || !p)
             return;
-          const P = s(Y, "TD"), A = s(P, "TR"), S = s(w, "TD"), B = s(S, "TR"), k = K(P), p = D(A), F = K(S), O = D(B);
-          k !== void 0 && p !== void 0 && F !== void 0 && O !== void 0 && E({
+          const S = c(P, "TD"), U = c(S, "TR"), k = c(p, "TD"), V = c(k, "TR"), F = x(S), O = K(U), H = x(k), N = K(V);
+          F !== void 0 && O !== void 0 && H !== void 0 && N !== void 0 && D({
             nativeEvent: e.originalEvent,
-            startRowIndex: p,
-            startColIndex: k,
-            endRowIndex: O,
-            endColIndex: F,
+            startRowIndex: O,
+            startColIndex: F,
+            endRowIndex: N,
+            endColIndex: H,
             altKey: e.altKey,
             shiftKey: e.shiftKey,
             ctrlKey: e.ctrlKey,
             metaKey: e.metaKey,
-            mode: i,
-            cell: b,
+            mode: o,
+            cell: X,
             isDrag: !0
           });
         } else {
-          const m = r.elementFromPoint(n, l);
-          if (!m)
+          const i = R.elementFromPoint(n, l);
+          if (!i)
             return;
-          const v = s(m, "TD"), h = s(m, "TR"), u = K(v), c = D(h);
-          v && h && c !== void 0 && u !== void 0 && E({
+          const v = c(i, "TD"), h = c(i, "TR"), a = x(v), m = K(h);
+          v && h && m !== void 0 && a !== void 0 && D({
             nativeEvent: e.originalEvent,
-            startRowIndex: c,
-            startColIndex: u,
-            endRowIndex: c,
-            endColIndex: u,
+            startRowIndex: m,
+            startColIndex: a,
+            endRowIndex: m,
+            endColIndex: a,
             altKey: e.altKey,
             shiftKey: e.shiftKey,
             ctrlKey: e.ctrlKey,
             metaKey: e.metaKey,
-            mode: i,
-            cell: b,
+            mode: o,
+            cell: X,
             isDrag: !1
           });
         }
-        g(null), y.current = !1, f.current = { clientX: 0, clientY: 0 };
+        f(null), g.current = !1, d.current = { clientX: 0, clientY: 0, scrollX: 0, scrollY: 0, pressedElement: null };
       }
     },
-    [g, i, b, E]
-  ), z = J(x);
-  return H ? /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
-    L,
+    [f, o, X, D]
+  ), B = Z(Y);
+  return q ? /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+    _,
     {
-      onPress: N,
-      onDrag: q,
-      onRelease: j,
-      ref: o,
+      onPress: j,
+      onDrag: z,
+      onRelease: A,
+      ref: r,
       childRef: I
     },
-    d.children
-  ), T && G.createPortal(
+    u.children
+  ), T && W.createPortal(
     /* @__PURE__ */ t.createElement(
       "div",
       {
-        ref: x,
+        ref: Y,
         style: { ...T, position: "fixed" },
         className: "k-marquee k-marquee-color"
       }
     ),
-    (X = z()) == null ? void 0 : X.body
-  )) : t.cloneElement(t.Children.only(d.children), { ref: I });
+    (w = B()) == null ? void 0 : w.body
+  )) : t.cloneElement(t.Children.only(u.children), { ref: I });
 };
 export {
-  $ as TableSelection
+  ce as TableSelection
 };