@progress/kendo-react-dateinputs 14.4.1 → 14.5.0-develop.1

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-dateinputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1777886224,version:"14.4.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-dateinputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1777909919,version:"14.5.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -6,8 +6,8 @@ export const packageMetadata = Object.freeze({
     productName: 'KendoReact',
     productCode: 'KENDOUIREACT',
     productCodes: ['KENDOUIREACT'],
-    publishDate: 1777886224,
-    version: '14.4.1',
+    publishDate: 1777909919,
+    version: '14.5.0-develop.1',
     licensingDocsUrl:
         'https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-dateinputs",
-  "version": "14.4.1",
+  "version": "14.5.0-develop.1",
   "description": "React DateInput is a perfect input component for handling quick and efficient date values. KendoReact Date Inputs package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -28,12 +28,12 @@
     "@progress/kendo-date-math": "^1.4.0",
     "@progress/kendo-licensing": "^1.7.2",
     "@progress/kendo-dateinputs-common": "^0.4.7",
-    "@progress/kendo-react-buttons": "14.4.1",
-    "@progress/kendo-react-common": "14.4.1",
-    "@progress/kendo-react-intl": "14.4.1",
-    "@progress/kendo-react-labels": "14.4.1",
-    "@progress/kendo-react-layout": "14.4.1",
-    "@progress/kendo-react-popup": "14.4.1",
+    "@progress/kendo-react-buttons": "14.5.0-develop.1",
+    "@progress/kendo-react-common": "14.5.0-develop.1",
+    "@progress/kendo-react-intl": "14.5.0-develop.1",
+    "@progress/kendo-react-labels": "14.5.0-develop.1",
+    "@progress/kendo-react-layout": "14.5.0-develop.1",
+    "@progress/kendo-react-popup": "14.5.0-develop.1",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -89,7 +89,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1777886224,
+      "publishDate": 1777909919,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"
     }
   },

package/virtualization/Virtualization.d.ts

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as PropTypes } from 'prop-types';
 import { DateInputsClassStructure } from '@progress/kendo-react-common';
 import { ScrollAction, PageAction } from './services/index.js';
 import * as React from 'react';
@@ -57,69 +56,32 @@ export interface VirtualizationProps {
 /**
  * @hidden
  */
-export declare class Virtualization extends React.Component<VirtualizationProps, {}> {
-    static propTypes: {
-        bottomOffset: PropTypes.Validator<number>;
-        className: PropTypes.Requireable<string>;
-        direction: PropTypes.Requireable<string>;
-        forceScroll: PropTypes.Requireable<boolean>;
-        itemHeight: PropTypes.Requireable<number>;
-        itemWidth: PropTypes.Requireable<number>;
-        maxScrollDifference: PropTypes.Requireable<number>;
-        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
-        onScrollAction: PropTypes.Requireable<(...args: any[]) => any>;
-        scrollDuration: PropTypes.Requireable<number>;
-        scrollOffsetSize: PropTypes.Requireable<number>;
-        skip: PropTypes.Validator<number>;
-        tabIndex: PropTypes.Requireable<number>;
-        take: PropTypes.Validator<number>;
-        topOffset: PropTypes.Validator<number>;
-        total: PropTypes.Validator<number>;
-        role: PropTypes.Requireable<string>;
-    };
-    static defaultProps: {
-        direction: Direction;
-        forceScroll: boolean;
-        scrollOffsetSize: number;
-        maxScrollDifference: number;
-        scrollDuration: number;
-    };
-    private cancelAnimation;
-    private rowHeightService;
-    private scrollerService;
-    private scrollContainer;
-    private scrollAction?;
-    private pageAction?;
-    private lastDirection;
-    private lastTotal;
-    private lastTake;
-    private animationInProgress;
-    private restrictScroll;
-    get element(): HTMLDivElement | null;
-    protected get containerOffsetSize(): number;
-    get containerScrollSize(): number;
-    get containerScrollPosition(): number;
-    protected get direction(): Direction;
-    protected get scrollOffsetSize(): number;
-    constructor(props: VirtualizationProps);
+export interface VirtualizationHandle {
+    element: HTMLDivElement | null;
+    containerScrollSize: number;
+    containerScrollPosition: number;
     activeIndex(): number;
-    itemIndex(offset: number): number;
-    itemOffset(index: number): number;
+    scrollTo(value: number): void;
+    scrollToIndex(index: number): void;
+    animateToIndex(index: number): void;
+    scrollToBottom(): void;
     isIndexVisible(index: number): boolean;
     isListScrolled(index: number): boolean;
-    scrollTo: (value: number) => void;
-    scrollToIndex: (index: number) => void;
-    animateToIndex: (index: number) => void;
-    scrollToBottom: () => void;
-    componentDidMount(): void;
-    render(): React.JSX.Element;
-    protected scrollStep: (start: number, end: number) => number;
-    protected scrollRange: (indexOffset: number, direction: ScrollDirection) => any;
-    protected containerMaxScroll: () => number;
-    protected getContainerScrollDirection: (indexOffset: number) => ScrollDirection;
-    protected initServices: (props?: VirtualizationProps) => void;
-    protected getContainerProperty: (propertyName: 'offsetHeight' | 'offsetWidth' | 'scrollHeight' | 'scrollWidth' | 'scrollTop' | 'scrollLeft') => number;
-    private handleScroll;
-    private handleScrollAction;
-    private handlePageAction;
+    itemIndex(offset: number): number;
+    itemOffset(index: number): number;
 }
+/**
+ * The default props of the Virtualization component.
+ *
+ * @hidden
+ */
+export declare const virtualizationDefaultProps: {
+    direction: Direction;
+    scrollOffsetSize: number;
+    maxScrollDifference: number;
+    scrollDuration: number;
+};
+/**
+ * @hidden
+ */
+export declare const Virtualization: React.ForwardRefExoticComponent<VirtualizationProps & React.RefAttributes<VirtualizationHandle | null>>;

package/virtualization/Virtualization.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 w=require("react"),s=require("prop-types"),f=require("@progress/kendo-react-common"),H=require("./services/ScrollerService.js");function P(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const g=P(w),T=(r,e,t)=>Math.min(Math.abs(e-r),t),C=17,O=10,A={1:r=>e=>e+r,0:r=>e=>e-r},x={1:r=>e=>Math.min(e,r),0:r=>e=>Math.max(e,r)},I={1:r=>e=>e<r,0:r=>e=>e>r},a=class a extends g.Component{constructor(e){super(e),this.rowHeightService=null,this.scrollContainer=null,this.lastDirection=null,this.lastTotal=0,this.lastTake=0,this.animationInProgress=!1,this.restrictScroll=!1,this.scrollTo=t=>{const i=this.direction==="vertical"?"scrollTop":"scrollLeft";if(!this.scrollContainer)return;const o=this.scrollContainer[i];this.restrictScroll&&i==="scrollTop"&&(!Number.isInteger(o)||!Number.isInteger(t))&&Math.abs(o-t)<O||(this.scrollContainer[i]=t)},this.scrollToIndex=t=>{this.animationInProgress=!1,this.rowHeightService&&this.scrollTo(this.rowHeightService.offset(t))},this.animateToIndex=t=>{if(!this.rowHeightService||!window)return;window.cancelAnimationFrame(this.cancelAnimation);const i=this.rowHeightService.offset(t),o=this.getContainerScrollDirection(i),{start:n,end:l}=this.scrollRange(i,o);if(n===l)return;const S=this.scrollStep(n,l),c=A[o](S),h=x[o](l),u=I[o](c(l)),m=p=>{this.animationInProgress=!0;const d=c(p);this.scrollTo(h(d)),u(d)?this.cancelAnimation=window.requestAnimationFrame(()=>{m(d)}):this.animationInProgress=!1};this.cancelAnimation=window.requestAnimationFrame(()=>{m(n)})},this.scrollToBottom=()=>{this.rowHeightService&&this.scrollTo(this.rowHeightService.totalHeight()+this.props.bottomOffset)},this.scrollStep=(t,i)=>{const o=this.props.scrollDuration||a.defaultProps.scrollDuration;return Math.abs(i-t)/(o/C)},this.scrollRange=(t,i)=>{const o=this.containerScrollPosition;if(parseInt(`${t}`,10)===parseInt(`${o}`,10))return{start:t,end:t};const n=this.containerMaxScroll(),l=i===0?1:-1,S=T(o,t,this.props.maxScrollDifference||0),c=Math.min(t,n);return{start:Math.min(Math.max(c+l*S,0),n),end:c}},this.containerMaxScroll=()=>this.containerScrollSize-this.containerOffsetSize,this.getContainerScrollDirection=t=>t<this.containerScrollPosition?0:1,this.initServices=(t=this.props)=>{const i=this.direction==="vertical"?t.itemHeight:t.itemWidth;i!==void 0&&(this.rowHeightService=new f.RowHeightService(t.total,i),this.scrollerService.create(this.rowHeightService,t.skip,t.take,t.total,t.topOffset,this.scrollOffsetSize,this.direction))},this.getContainerProperty=t=>this.scrollContainer?this.scrollContainer[t]:0,this.handleScroll=t=>{if(!this.scrollContainer||!this.rowHeightService)return;const i=t.target;this.scrollerService.onScroll({scrollLeft:i.scrollLeft,scrollTop:i.scrollTop,offsetHeight:i.offsetHeight,offsetWidth:i.offsetWidth});const o=this.rowHeightService.index(this.containerScrollPosition-this.props.topOffset),{onScrollAction:n}=this.props,l={index:o,target:i,scrollAction:this.scrollAction,pageAction:this.pageAction,animationInProgress:this.animationInProgress};this.props.onScroll&&this.props.onScroll.call(void 0,t),n&&n.call(void 0,l),this.scrollAction=void 0,this.pageAction=void 0},this.handleScrollAction=t=>{this.scrollAction=t},this.handlePageAction=t=>{this.pageAction=t},this.scrollerService=new H.ScrollerService(this.handleScrollAction,this.handlePageAction),this.restrictScroll=Number.parseFloat(g.version)>17}get element(){return this.scrollContainer}get containerOffsetSize(){return this.getContainerProperty(this.direction==="vertical"?"offsetHeight":"offsetWidth")}get containerScrollSize(){return this.getContainerProperty(this.direction==="vertical"?"scrollHeight":"scrollWidth")}get containerScrollPosition(){return this.getContainerProperty(this.direction==="vertical"?"scrollTop":"scrollLeft")}get direction(){return this.props.direction!==void 0?this.props.direction:a.defaultProps.direction}get scrollOffsetSize(){return this.props.scrollOffsetSize!==void 0?this.props.scrollOffsetSize:a.defaultProps.scrollOffsetSize}activeIndex(){return this.itemIndex(Math.ceil(this.containerScrollPosition))}itemIndex(e){return this.rowHeightService?this.rowHeightService.index(e):0}itemOffset(e){return this.rowHeightService?this.rowHeightService.offset(e):0}isIndexVisible(e){if(!this.rowHeightService)return!1;const t=this.containerScrollPosition,i=t+this.containerOffsetSize,o=this.rowHeightService.offset(e),n=o+this.rowHeightService.height(e);return o>=t&&n<=i}isListScrolled(e){return this.rowHeightService?this.containerScrollPosition!==this.rowHeightService.offset(e):!1}componentDidMount(){const{onMount:e}=this.props;e&&e.call(void 0,this)}render(){const{total:e,take:t,bottomOffset:i,className:o,tabIndex:n,role:l,children:S,unstyled:c}=this.props,h=c&&c.uCalendar;(this.lastTotal!==e||this.lastDirection!==this.direction||this.lastTake!==t)&&(this.initServices(),this.lastTotal=e,this.lastDirection=this.direction,this.lastTake=t);const u=`${(this.rowHeightService?this.rowHeightService.totalHeight():0)+i}`,m=this.direction==="vertical"?{height:`${u}px`}:{width:`${u}px`},p=f.classNames(f.uCalendar.scrollableSelector({c:h}),f.uCalendar.scrollable({c:h,horizontal:this.direction==="horizontal"}),o),d=f.classNames(f.uCalendar.scrollablePlaceholder({c:h,horizontal:this.direction==="horizontal"}));return g.createElement("div",{ref:b=>{this.scrollContainer=b},onScroll:this.handleScroll,className:p,tabIndex:n,role:l},S,g.createElement("div",{style:m,className:d}))}};a.propTypes={bottomOffset:s.number.isRequired,className:s.string,direction:s.oneOf(["horizontal","vertical"]),forceScroll:s.bool,itemHeight:s.number,itemWidth:s.number,maxScrollDifference:s.number,onScroll:s.func,onScrollAction:s.func,scrollDuration:s.number,scrollOffsetSize:s.number,skip:s.number.isRequired,tabIndex:s.number,take:s.number.isRequired,topOffset:s.number.isRequired,total:s.number.isRequired,role:s.string},a.defaultProps={direction:"vertical",forceScroll:!1,scrollOffsetSize:0,maxScrollDifference:100,scrollDuration:100};let v=a;exports.Virtualization=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ze=require("react"),l=require("prop-types"),d=require("@progress/kendo-react-common"),xe=require("./services/ScrollerService.js");function Ne(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const g=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(n,s,g.get?g:{enumerable:!0,get:()=>t[s]})}}return n.default=t,Object.freeze(n)}const c=Ne(ze),De=(t,n,s)=>Math.min(Math.abs(n-t),s),Ie=17,Me=10,Ce={1:t=>n=>n+t,0:t=>n=>n-t},Oe={1:t=>n=>Math.min(n,t),0:t=>n=>Math.max(n,t)},Pe={1:t=>n=>n<t,0:t=>n=>n>t},S={direction:"vertical",scrollOffsetSize:0,maxScrollDifference:100,scrollDuration:100},P=c.forwardRef((t,n)=>{const{direction:s=S.direction,scrollOffsetSize:g=S.scrollOffsetSize,maxScrollDifference:K=S.maxScrollDifference,scrollDuration:U=S.scrollDuration,bottomOffset:A,className:G,tabIndex:J,role:Q,children:X,unstyled:T,total:b,take:z,skip:Y,topOffset:y,itemHeight:Z,itemWidth:ee,onMount:H,onScroll:q,onScrollAction:L}=t,x=e=>u.current?u.current[e]:0,k=()=>x(s==="vertical"?"offsetHeight":"offsetWidth"),w=()=>x(s==="vertical"?"scrollHeight":"scrollWidth"),m=()=>x(s==="vertical"?"scrollTop":"scrollLeft"),te=()=>w()-k(),re=e=>e<m()?0:1,ne=(e,o)=>{const i=U||S.scrollDuration;return Math.abs(o-e)/(i/Ie)},oe=(e,o)=>{const i=m();if(Number.parseInt(`${e}`,10)===Number.parseInt(`${i}`,10))return{start:e,end:e};const a=te(),f=o===0?1:-1,C=De(i,e,K||0),h=Math.min(e,a);return{start:Math.min(Math.max(h+f*C,0),a),end:h}},V=e=>r.current?r.current.index(e):0,ce=e=>r.current?r.current.offset(e):0,se=()=>V(Math.ceil(m())),le=e=>{if(!r.current)return!1;const o=m(),i=o+k(),a=r.current.offset(e),f=a+r.current.height(e);return a>=o&&f<=i},ie=e=>r.current?m()!==r.current.offset(e):!1,p=e=>{const o=s==="vertical"?"scrollTop":"scrollLeft";if(!u.current)return;const i=u.current[o];ge.current&&o==="scrollTop"&&(!Number.isInteger(i)||!Number.isInteger(e))&&Math.abs(i-e)<Me||(u.current[o]=e)},ae=e=>{v.current=!1,r.current&&p(r.current.offset(e))},ue=e=>{if(!r.current||!globalThis)return;globalThis.cancelAnimationFrame(N.current);const o=r.current.offset(e),i=re(o),{start:a,end:f}=oe(o,i);if(a===f)return;const C=ne(a,f),h=Ce[i](C),$=Oe[i](f),ve=Pe[i](h(f)),B=Te=>{v.current=!0;const O=h(Te);p($(O)),ve(O)?N.current=globalThis.requestAnimationFrame(()=>{B(O)}):v.current=!1};N.current=globalThis.requestAnimationFrame(()=>{B(a)})},fe=()=>{r.current&&p(r.current.totalHeight()+A)},me=e=>{D.current=e},de=e=>{I.current=e},Se=e=>{if(!u.current||!r.current)return;const o=e.target;W.current.onScroll({scrollLeft:o.scrollLeft,scrollTop:o.scrollTop,offsetHeight:o.offsetHeight,offsetWidth:o.offsetWidth});const a={index:r.current.index(m()-y),target:o,scrollAction:D.current,pageAction:I.current,animationInProgress:v.current};q&&q(e),L&&L(a),D.current=void 0,I.current=void 0},he=()=>{const e=s==="vertical"?Z:ee;e!==void 0&&(r.current=new d.RowHeightService(b,e),W.current.create(r.current,Y,z,b,y,g,s))},R=c.useRef(null),u=c.useRef(null),W=c.useRef(new xe.ScrollerService(me,de)),r=c.useRef(null),N=c.useRef(0),v=c.useRef(!1),ge=c.useRef(Number.parseFloat(c.version)>17),D=c.useRef(void 0),I=c.useRef(void 0),_=c.useRef(0),j=c.useRef(0),E=c.useRef(null);c.useImperativeHandle(R,()=>({element:u.current,containerScrollSize:w(),containerScrollPosition:m(),activeIndex:se,scrollTo:p,scrollToIndex:ae,animateToIndex:ue,scrollToBottom:fe,isIndexVisible:le,isListScrolled:ie,itemIndex:V,itemOffset:ce})),c.useImperativeHandle(n,()=>R.current),c.useEffect(()=>{H&&R.current&&H(R.current)},[]);const M=T==null?void 0:T.uCalendar;(_.current!==b||E.current!==s||j.current!==z)&&(he(),_.current=b,E.current=s,j.current=z);const F=`${(r.current?r.current.totalHeight():0)+A}`,be=s==="vertical"?{height:`${F}px`}:{width:`${F}px`},pe=d.classNames(d.uCalendar.scrollableSelector({c:M}),d.uCalendar.scrollable({c:M,horizontal:s==="horizontal"}),G),Re=d.classNames(d.uCalendar.scrollablePlaceholder({c:M,horizontal:s==="horizontal"}));return c.createElement("div",{ref:u,onScroll:Se,className:pe,tabIndex:J,role:Q},X,c.createElement("div",{style:be,className:Re}))});P.propTypes={bottomOffset:l.number.isRequired,className:l.string,direction:l.oneOf(["horizontal","vertical"]),itemHeight:l.number,itemWidth:l.number,maxScrollDifference:l.number,onScroll:l.func,onScrollAction:l.func,scrollDuration:l.number,scrollOffsetSize:l.number,skip:l.number.isRequired,tabIndex:l.number,take:l.number.isRequired,topOffset:l.number.isRequired,total:l.number.isRequired,role:l.string};P.displayName="KendoReactVirtualization";const Ae=P;exports.Virtualization=Ae;exports.virtualizationDefaultProps=S;

package/virtualization/Virtualization.mjs

@@ -5,171 +5,170 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as u from "react";
+import * as n from "react";
 import o from "prop-types";
-import { RowHeightService as b, classNames as v, uCalendar as p } from "@progress/kendo-react-common";
-import { ScrollerService as P } from "./services/ScrollerService.mjs";
-const T = (s, i, t) => Math.min(Math.abs(i - s), t), A = 17, C = 10, x = {
-  1: (s) => (i) => i + s,
-  0: (s) => (i) => i - s
-}, I = {
-  1: (s) => (i) => Math.min(i, s),
-  0: (s) => (i) => Math.max(i, s)
-}, M = {
-  1: (s) => (i) => i < s,
-  0: (s) => (i) => i > s
-}, a = class a extends u.Component {
-  constructor(i) {
-    super(i), this.rowHeightService = null, this.scrollContainer = null, this.lastDirection = null, this.lastTotal = 0, this.lastTake = 0, this.animationInProgress = !1, this.restrictScroll = !1, this.scrollTo = (t) => {
-      const e = this.direction === "vertical" ? "scrollTop" : "scrollLeft";
-      if (!this.scrollContainer)
-        return;
-      const r = this.scrollContainer[e];
-      this.restrictScroll && e === "scrollTop" && (!Number.isInteger(r) || !Number.isInteger(t)) && Math.abs(r - t) < C || (this.scrollContainer[e] = t);
-    }, this.scrollToIndex = (t) => {
-      this.animationInProgress = !1, this.rowHeightService && this.scrollTo(this.rowHeightService.offset(t));
-    }, this.animateToIndex = (t) => {
-      if (!this.rowHeightService || !window)
-        return;
-      window.cancelAnimationFrame(this.cancelAnimation);
-      const e = this.rowHeightService.offset(t), r = this.getContainerScrollDirection(e), { start: n, end: l } = this.scrollRange(e, r);
-      if (n === l)
-        return;
-      const f = this.scrollStep(n, l), c = x[r](f), h = I[r](l), d = M[r](c(l)), m = (g) => {
-        this.animationInProgress = !0;
-        const S = c(g);
-        this.scrollTo(h(S)), d(S) ? this.cancelAnimation = window.requestAnimationFrame(() => {
-          m(S);
-        }) : this.animationInProgress = !1;
-      };
-      this.cancelAnimation = window.requestAnimationFrame(() => {
-        m(n);
-      });
-    }, this.scrollToBottom = () => {
-      this.rowHeightService && this.scrollTo(this.rowHeightService.totalHeight() + this.props.bottomOffset);
-    }, this.scrollStep = (t, e) => {
-      const r = this.props.scrollDuration || a.defaultProps.scrollDuration;
-      return Math.abs(e - t) / (r / A);
-    }, this.scrollRange = (t, e) => {
-      const r = this.containerScrollPosition;
-      if (parseInt(`${t}`, 10) === parseInt(`${r}`, 10))
-        return { start: t, end: t };
-      const n = this.containerMaxScroll(), l = e === 0 ? 1 : -1, f = T(r, t, this.props.maxScrollDifference || 0), c = Math.min(t, n);
-      return { start: Math.min(Math.max(c + l * f, 0), n), end: c };
-    }, this.containerMaxScroll = () => this.containerScrollSize - this.containerOffsetSize, this.getContainerScrollDirection = (t) => t < this.containerScrollPosition ? 0 : 1, this.initServices = (t = this.props) => {
-      const e = this.direction === "vertical" ? t.itemHeight : t.itemWidth;
-      e !== void 0 && (this.rowHeightService = new b(t.total, e), this.scrollerService.create(
-        this.rowHeightService,
-        t.skip,
-        t.take,
-        t.total,
-        t.topOffset,
-        this.scrollOffsetSize,
-        this.direction
-      ));
-    }, this.getContainerProperty = (t) => this.scrollContainer ? this.scrollContainer[t] : 0, this.handleScroll = (t) => {
-      if (!this.scrollContainer || !this.rowHeightService)
-        return;
-      const e = t.target;
-      this.scrollerService.onScroll({
-        scrollLeft: e.scrollLeft,
-        scrollTop: e.scrollTop,
-        offsetHeight: e.offsetHeight,
-        offsetWidth: e.offsetWidth
-      });
-      const r = this.rowHeightService.index(this.containerScrollPosition - this.props.topOffset), { onScrollAction: n } = this.props, l = {
-        index: r,
-        target: e,
-        scrollAction: this.scrollAction,
-        pageAction: this.pageAction,
-        animationInProgress: this.animationInProgress
-      };
-      this.props.onScroll && this.props.onScroll.call(void 0, t), n && n.call(void 0, l), this.scrollAction = void 0, this.pageAction = void 0;
-    }, this.handleScrollAction = (t) => {
-      this.scrollAction = t;
-    }, this.handlePageAction = (t) => {
-      this.pageAction = t;
-    }, this.scrollerService = new P(this.handleScrollAction, this.handlePageAction), this.restrictScroll = Number.parseFloat(u.version) > 17;
-  }
-  get element() {
-    return this.scrollContainer;
-  }
-  get containerOffsetSize() {
-    return this.getContainerProperty(this.direction === "vertical" ? "offsetHeight" : "offsetWidth");
-  }
-  get containerScrollSize() {
-    return this.getContainerProperty(this.direction === "vertical" ? "scrollHeight" : "scrollWidth");
-  }
-  get containerScrollPosition() {
-    return this.getContainerProperty(this.direction === "vertical" ? "scrollTop" : "scrollLeft");
-  }
-  get direction() {
-    return this.props.direction !== void 0 ? this.props.direction : a.defaultProps.direction;
-  }
-  get scrollOffsetSize() {
-    return this.props.scrollOffsetSize !== void 0 ? this.props.scrollOffsetSize : a.defaultProps.scrollOffsetSize;
-  }
-  activeIndex() {
-    return this.itemIndex(Math.ceil(this.containerScrollPosition));
-  }
-  itemIndex(i) {
-    return this.rowHeightService ? this.rowHeightService.index(i) : 0;
-  }
-  itemOffset(i) {
-    return this.rowHeightService ? this.rowHeightService.offset(i) : 0;
-  }
-  isIndexVisible(i) {
-    if (!this.rowHeightService)
+import { classNames as K, uCalendar as D, RowHeightService as ze } from "@progress/kendo-react-common";
+import { ScrollerService as Ie } from "./services/ScrollerService.mjs";
+const Ne = (c, s, i) => Math.min(Math.abs(s - c), i), Me = 17, Ae = 10, De = {
+  1: (c) => (s) => s + c,
+  0: (c) => (s) => s - c
+}, Ce = {
+  1: (c) => (s) => Math.min(s, c),
+  0: (c) => (s) => Math.max(s, c)
+}, He = {
+  1: (c) => (s) => s < c,
+  0: (c) => (s) => s > c
+}, h = {
+  direction: "vertical",
+  scrollOffsetSize: 0,
+  maxScrollDifference: 100,
+  scrollDuration: 100
+}, C = n.forwardRef((c, s) => {
+  const {
+    direction: i = h.direction,
+    scrollOffsetSize: U = h.scrollOffsetSize,
+    maxScrollDifference: j = h.maxScrollDifference,
+    scrollDuration: G = h.scrollDuration,
+    bottomOffset: H,
+    className: J,
+    tabIndex: Q,
+    role: X,
+    children: Y,
+    unstyled: b,
+    total: S,
+    take: v,
+    skip: Z,
+    topOffset: P,
+    itemHeight: ee,
+    itemWidth: re,
+    onMount: O,
+    onScroll: L,
+    onScrollAction: q
+  } = c, T = (e) => u.current ? u.current[e] : 0, y = () => T(i === "vertical" ? "offsetHeight" : "offsetWidth"), w = () => T(i === "vertical" ? "scrollHeight" : "scrollWidth"), m = () => T(i === "vertical" ? "scrollTop" : "scrollLeft"), te = () => w() - y(), ne = (e) => e < m() ? 0 : 1, oe = (e, t) => {
+    const l = G || h.scrollDuration;
+    return Math.abs(t - e) / (l / Me);
+  }, ce = (e, t) => {
+    const l = m();
+    if (Number.parseInt(`${e}`, 10) === Number.parseInt(`${l}`, 10))
+      return { start: e, end: e };
+    const a = te(), f = t === 0 ? 1 : -1, M = Ne(l, e, j || 0), d = Math.min(e, a);
+    return { start: Math.min(Math.max(d + f * M, 0), a), end: d };
+  }, V = (e) => r.current ? r.current.index(e) : 0, se = (e) => r.current ? r.current.offset(e) : 0, le = () => V(Math.ceil(m())), ie = (e) => {
+    if (!r.current)
       return !1;
-    const t = this.containerScrollPosition, e = t + this.containerOffsetSize, r = this.rowHeightService.offset(i), n = r + this.rowHeightService.height(i);
-    return r >= t && n <= e;
-  }
-  isListScrolled(i) {
-    return this.rowHeightService ? this.containerScrollPosition !== this.rowHeightService.offset(i) : !1;
-  }
-  componentDidMount() {
-    const { onMount: i } = this.props;
-    i && i.call(void 0, this);
-  }
-  render() {
-    const { total: i, take: t, bottomOffset: e, className: r, tabIndex: n, role: l, children: f, unstyled: c } = this.props, h = c && c.uCalendar;
-    (this.lastTotal !== i || this.lastDirection !== this.direction || this.lastTake !== t) && (this.initServices(), this.lastTotal = i, this.lastDirection = this.direction, this.lastTake = t);
-    const d = `${(this.rowHeightService ? this.rowHeightService.totalHeight() : 0) + e}`, m = this.direction === "vertical" ? { height: `${d}px` } : { width: `${d}px` }, g = v(
-      p.scrollableSelector({
-        c: h
-      }),
-      p.scrollable({
-        c: h,
-        horizontal: this.direction === "horizontal"
-      }),
-      r
-    ), S = v(
-      p.scrollablePlaceholder({
-        c: h,
-        horizontal: this.direction === "horizontal"
-      })
-    );
-    return /* @__PURE__ */ u.createElement(
-      "div",
-      {
-        ref: (H) => {
-          this.scrollContainer = H;
-        },
-        onScroll: this.handleScroll,
-        className: g,
-        tabIndex: n,
-        role: l
-      },
-      f,
-      /* @__PURE__ */ u.createElement("div", { style: m, className: S })
-    );
-  }
-};
-a.propTypes = {
+    const t = m(), l = t + y(), a = r.current.offset(e), f = a + r.current.height(e);
+    return a >= t && f <= l;
+  }, ae = (e) => r.current ? m() !== r.current.offset(e) : !1, p = (e) => {
+    const t = i === "vertical" ? "scrollTop" : "scrollLeft";
+    if (!u.current)
+      return;
+    const l = u.current[t];
+    Re.current && t === "scrollTop" && (!Number.isInteger(l) || !Number.isInteger(e)) && Math.abs(l - e) < Ae || (u.current[t] = e);
+  }, ue = (e) => {
+    g.current = !1, r.current && p(r.current.offset(e));
+  }, fe = (e) => {
+    if (!r.current || !globalThis)
+      return;
+    globalThis.cancelAnimationFrame(x.current);
+    const t = r.current.offset(e), l = ne(t), { start: a, end: f } = ce(t, l);
+    if (a === f)
+      return;
+    const M = oe(a, f), d = De[l](M), _ = Ce[l](f), Te = He[l](d(f)), B = (xe) => {
+      g.current = !0;
+      const A = d(xe);
+      p(_(A)), Te(A) ? x.current = globalThis.requestAnimationFrame(() => {
+        B(A);
+      }) : g.current = !1;
+    };
+    x.current = globalThis.requestAnimationFrame(() => {
+      B(a);
+    });
+  }, me = () => {
+    r.current && p(r.current.totalHeight() + H);
+  }, de = (e) => {
+    z.current = e;
+  }, he = (e) => {
+    I.current = e;
+  }, Se = (e) => {
+    if (!u.current || !r.current)
+      return;
+    const t = e.target;
+    W.current.onScroll({
+      scrollLeft: t.scrollLeft,
+      scrollTop: t.scrollTop,
+      offsetHeight: t.offsetHeight,
+      offsetWidth: t.offsetWidth
+    });
+    const a = {
+      index: r.current.index(m() - P),
+      target: t,
+      scrollAction: z.current,
+      pageAction: I.current,
+      animationInProgress: g.current
+    };
+    L && L(e), q && q(a), z.current = void 0, I.current = void 0;
+  }, pe = () => {
+    const e = i === "vertical" ? ee : re;
+    e !== void 0 && (r.current = new ze(S, e), W.current.create(
+      r.current,
+      Z,
+      v,
+      S,
+      P,
+      U,
+      i
+    ));
+  }, R = n.useRef(null), u = n.useRef(null), W = n.useRef(new Ie(de, he)), r = n.useRef(null), x = n.useRef(0), g = n.useRef(!1), Re = n.useRef(Number.parseFloat(n.version) > 17), z = n.useRef(void 0), I = n.useRef(void 0), k = n.useRef(0), E = n.useRef(0), F = n.useRef(null);
+  n.useImperativeHandle(R, () => ({
+    element: u.current,
+    containerScrollSize: w(),
+    containerScrollPosition: m(),
+    activeIndex: le,
+    scrollTo: p,
+    scrollToIndex: ue,
+    animateToIndex: fe,
+    scrollToBottom: me,
+    isIndexVisible: ie,
+    isListScrolled: ae,
+    itemIndex: V,
+    itemOffset: se
+  })), n.useImperativeHandle(s, () => R.current), n.useEffect(() => {
+    O && R.current && O(R.current);
+  }, []);
+  const N = b == null ? void 0 : b.uCalendar;
+  (k.current !== S || F.current !== i || E.current !== v) && (pe(), k.current = S, F.current = i, E.current = v);
+  const $ = `${(r.current ? r.current.totalHeight() : 0) + H}`, ge = i === "vertical" ? { height: `${$}px` } : { width: `${$}px` }, be = K(
+    D.scrollableSelector({
+      c: N
+    }),
+    D.scrollable({
+      c: N,
+      horizontal: i === "horizontal"
+    }),
+    J
+  ), ve = K(
+    D.scrollablePlaceholder({
+      c: N,
+      horizontal: i === "horizontal"
+    })
+  );
+  return /* @__PURE__ */ n.createElement(
+    "div",
+    {
+      ref: u,
+      onScroll: Se,
+      className: be,
+      tabIndex: Q,
+      role: X
+    },
+    Y,
+    /* @__PURE__ */ n.createElement("div", { style: ge, className: ve })
+  );
+});
+C.propTypes = {
   bottomOffset: o.number.isRequired,
   className: o.string,
   direction: o.oneOf(["horizontal", "vertical"]),
-  forceScroll: o.bool,
   itemHeight: o.number,
   itemWidth: o.number,
   maxScrollDifference: o.number,
@@ -183,14 +182,10 @@ a.propTypes = {
   topOffset: o.number.isRequired,
   total: o.number.isRequired,
   role: o.string
-}, a.defaultProps = {
-  direction: "vertical",
-  forceScroll: !1,
-  scrollOffsetSize: 0,
-  maxScrollDifference: 100,
-  scrollDuration: 100
 };
-let w = a;
+C.displayName = "KendoReactVirtualization";
+const qe = C;
 export {
-  w as Virtualization
+  qe as Virtualization,
+  h as virtualizationDefaultProps
 };