@progress/kendo-react-dateinputs 9.0.0-develop.2 → 9.0.0-develop.3

package/hooks/usePickerFloatingLabel.mjs

@@ -17,13 +17,7 @@ const a = (e) => {
   };
 }, l = (e) => {
   const { dateInput: t, ...o } = e, r = a(t);
-  return /* @__PURE__ */ n.createElement(
-    s,
-    {
-      ...o,
-      ...r
-    }
-  );
+  return /* @__PURE__ */ n.createElement(s, { ...o, ...r });
 };
 export {
   l as PickerFloatingLabel,

package/index.d.mts

@@ -1176,7 +1176,7 @@ export declare interface DatePickerOpenEvent {
 /**
  * Represents the props of the [KendoReact DatePicker component]({% slug overview_datepicker %}).
  */
-export declare interface DatePickerProps extends DatePickerSettings, FormComponentProps, Omit<(React_2.HTMLAttributes<HTMLElement>), 'defaultValue' | 'onChange' | 'onBlur' | 'onFocus' | 'placeholder'> {
+export declare interface DatePickerProps extends DatePickerSettings, FormComponentProps, Omit<React_2.HTMLAttributes<HTMLElement>, 'defaultValue' | 'onChange' | 'onBlur' | 'onFocus' | 'placeholder'> {
     /**
      * Sets the default value of the DatePicker ([see example]({% slug default_value_datepicker %})).
      */
@@ -1939,6 +1939,9 @@ export declare class DateRangePickerWithoutContext extends React_2.Component<Dat
             disabled: PropTypes.Requireable<boolean>;
             spinners: PropTypes.Requireable<boolean>;
             name: PropTypes.Requireable<string>;
+            /**
+             * @hidden
+             */
             dir: PropTypes.Requireable<string>;
             label: PropTypes.Requireable<string>;
             id: PropTypes.Requireable<string>;

package/index.d.ts

@@ -1176,7 +1176,7 @@ export declare interface DatePickerOpenEvent {
 /**
  * Represents the props of the [KendoReact DatePicker component]({% slug overview_datepicker %}).
  */
-export declare interface DatePickerProps extends DatePickerSettings, FormComponentProps, Omit<(React_2.HTMLAttributes<HTMLElement>), 'defaultValue' | 'onChange' | 'onBlur' | 'onFocus' | 'placeholder'> {
+export declare interface DatePickerProps extends DatePickerSettings, FormComponentProps, Omit<React_2.HTMLAttributes<HTMLElement>, 'defaultValue' | 'onChange' | 'onBlur' | 'onFocus' | 'placeholder'> {
     /**
      * Sets the default value of the DatePicker ([see example]({% slug default_value_datepicker %})).
      */
@@ -1939,6 +1939,9 @@ export declare class DateRangePickerWithoutContext extends React_2.Component<Dat
             disabled: PropTypes.Requireable<boolean>;
             spinners: PropTypes.Requireable<boolean>;
             name: PropTypes.Requireable<string>;
+            /**
+             * @hidden
+             */
             dir: PropTypes.Requireable<string>;
             label: PropTypes.Requireable<string>;
             id: PropTypes.Requireable<string>;

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-dateinputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1729236335,
+  publishDate: 1729494654,
   version: "",
   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": "9.0.0-develop.2",
+  "version": "9.0.0-develop.3",
   "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",
@@ -24,12 +24,12 @@
   "peerDependencies": {
     "@progress/kendo-date-math": "^1.4.0",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-buttons": "9.0.0-develop.2",
-    "@progress/kendo-react-common": "9.0.0-develop.2",
-    "@progress/kendo-react-intl": "9.0.0-develop.2",
-    "@progress/kendo-react-labels": "9.0.0-develop.2",
-    "@progress/kendo-react-layout": "9.0.0-develop.2",
-    "@progress/kendo-react-popup": "9.0.0-develop.2",
+    "@progress/kendo-react-buttons": "9.0.0-develop.3",
+    "@progress/kendo-react-common": "9.0.0-develop.3",
+    "@progress/kendo-react-intl": "9.0.0-develop.3",
+    "@progress/kendo-react-labels": "9.0.0-develop.3",
+    "@progress/kendo-react-layout": "9.0.0-develop.3",
+    "@progress/kendo-react-popup": "9.0.0-develop.3",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/timepicker/TimeList.mjs

@@ -47,7 +47,11 @@ const F = 2, S = 0.05, N = 100, k = 0, T = 9, B = {
       this.dom.didCalculate && (this.itemHeight = this.dom.itemHeight, this.listHeight = this.dom.timeListHeight, this.topOffset = (this.listHeight - this.itemHeight) / 2, this.bottomOffset = this.listHeight - this.itemHeight, this.props.mobileMode && (this.topOffset += T, this.bottomOffset += T * 2), this.topThreshold = this.itemHeight * S, this.bottomThreshold = this.itemHeight * (1 - S));
     }, this.configureServices = ({ min: t, max: s, value: e } = this.props) => {
       if (this.service) {
-        const [o, l] = this.service.limitRange(t || this.min, s || this.max, e || this.props.value);
+        const [o, l] = this.service.limitRange(
+          t || this.min,
+          s || this.max,
+          e || this.props.value
+        );
         this.service.configure(this.serviceSettings({ min: o, max: l }));
       }
     }, this.serviceSettings = (t) => {
@@ -82,10 +86,7 @@ const F = 2, S = 0.05, N = 100, k = 0, T = 9, B = {
         return;
       const { keyCode: s } = t;
       (s === c.down || s === c.up || s === c.end || s === c.home) && t.preventDefault();
-      const o = (B[t.keyCode] || H)(
-        this.service.data(this.props.value),
-        this.service.selectedIndex(this.props.value)
-      );
+      const o = (B[t.keyCode] || H)(this.service.data(this.props.value), this.service.selectedIndex(this.props.value));
       o && this.handleChange(o);
     }, this.handleChange = _((t) => {
       if (!this.service)
@@ -148,9 +149,17 @@ const F = 2, S = 0.05, N = 100, k = 0, T = 9, B = {
         style: { transform: l, msTransform: l },
         className: u(a.ul({ c: e }))
       },
-      o.map((p, b) => /* @__PURE__ */ n.createElement("li", { key: b, className: u(a.li({ c: e })), onClick: () => {
-        this.handleChange(p);
-      } }, /* @__PURE__ */ n.createElement("span", null, p.text)))
+      o.map((p, b) => /* @__PURE__ */ n.createElement(
+        "li",
+        {
+          key: b,
+          className: u(a.li({ c: e })),
+          onClick: () => {
+            this.handleChange(p);
+          }
+        },
+        /* @__PURE__ */ n.createElement("span", null, p.text)
+      ))
     ), /* @__PURE__ */ n.createElement("div", { className: u(a.scrollablePlaceholder({ c: e })) }));
     return /* @__PURE__ */ n.createElement(
       "div",
@@ -189,10 +198,16 @@ const F = 2, S = 0.05, N = 100, k = 0, T = 9, B = {
           total: d,
           unstyled: s
         }
-      ) : /* @__PURE__ */ n.createElement("div", { className: u(
-        a.containerSelector({ c: e }),
-        a.container({ c: e, content: !0, scrollable: !0 })
-      ) }, v)
+      ) : /* @__PURE__ */ n.createElement(
+        "div",
+        {
+          className: u(
+            a.containerSelector({ c: e }),
+            a.container({ c: e, content: !0, scrollable: !0 })
+          )
+        },
+        v
+      )
     );
   }
 };

package/timepicker/TimePart.mjs

@@ -17,7 +17,9 @@ import { MIN_TIME as A, MAX_TIME as K, MIDNIGHT_DATE as _ } from "../utils.mjs";
 import { TIME_PART as d } from "./models/TimePart.mjs";
 import { isInTimeRange as $, getNow as z, snapTime as N, generateSnappers as B, timeInRange as W } from "./utils.mjs";
 import { Button as j } from "@progress/kendo-react-buttons";
-const v = new RegExp(`${d.hour}|${d.minute}|${d.second}|${d.dayperiod}|literal`), a = class a extends n.Component {
+const v = new RegExp(
+  `${d.hour}|${d.minute}|${d.second}|${d.dayperiod}|literal`
+), a = class a extends n.Component {
   constructor(i) {
     super(i), this._element = null, this._nowButton = null, this.dateFormatParts = [], this.timeLists = [], this.focus = (s, e) => {
       Promise.resolve().then(() => {
@@ -30,10 +32,12 @@ const v = new RegExp(`${d.hour}|${d.minute}|${d.second}|${d.dayperiod}|literal`)
       return r && r && s.type === "literal" ? v.test(r.type || "") : v.test(s.type || "");
     }, this.focusList = (s) => {
       this.timeLists.length && this.timeLists.reduce(this.listReducer, []).map((e) => s === 1 ? e.next : e.prev).map((e) => e && e.element && e.element.focus({ preventScroll: !0 }));
-    }, this.listReducer = (s, e, o, r) => s.length || e.props.id !== this.state.activeListIndex ? s : [{
-      next: r[o + 1] || e,
-      prev: r[o - 1] || e
-    }], this.showNowButton = () => !this.hasSteps() && this.props.nowButton && $(z(), this.min, this.max), this.handleKeyDown = (s) => {
+    }, this.listReducer = (s, e, o, r) => s.length || e.props.id !== this.state.activeListIndex ? s : [
+      {
+        next: r[o + 1] || e,
+        prev: r[o - 1] || e
+      }
+    ], this.showNowButton = () => !this.hasSteps() && this.props.nowButton && $(z(), this.min, this.max), this.handleKeyDown = (s) => {
       const { keyCode: e } = s;
       switch (e) {
         case T.left:
@@ -62,9 +66,7 @@ const v = new RegExp(`${d.hour}|${d.minute}|${d.second}|${d.dayperiod}|literal`)
     }, this.handleChange = (s) => {
       const { onChange: e } = this.props;
       e && e.call(void 0, s);
-    }, this.snapTime = N(
-      B(this.props.steps, this.props.min || a.defaultProps.min)
-    ), this.state = {
+    }, this.snapTime = N(B(this.props.steps, this.props.min || a.defaultProps.min)), this.state = {
       activeListIndex: -1
     }, this.hasActiveButton = this.hasActiveButton.bind(this);
   }
@@ -75,11 +77,7 @@ const v = new RegExp(`${d.hour}|${d.minute}|${d.second}|${d.dayperiod}|literal`)
     return this._element;
   }
   get value() {
-    return W(
-      this.snapTime(O(this.props.value || _)),
-      this.min,
-      this.max
-    );
+    return W(this.snapTime(O(this.props.value || _)), this.min, this.max);
   }
   get intl() {
     return k(this);
@@ -110,17 +108,7 @@ const v = new RegExp(`${d.hour}|${d.minute}|${d.second}|${d.dayperiod}|literal`)
    * @hidden
    */
   render() {
-    const {
-      format: i,
-      smoothScroll: s,
-      onNowClick: e,
-      className: o,
-      disabled: r,
-      mobileMode: w,
-      show: D,
-      onNowKeyDown: E,
-      unstyled: g
-    } = this.props, m = g && g.uTime;
+    const { format: i, smoothScroll: s, onNowClick: e, className: o, disabled: r, mobileMode: w, show: D, onNowKeyDown: E, unstyled: g } = this.props, m = g && g.uTime;
     this.snapTime = N(B(this.steps, this.min)), this.dateFormatParts = this.intl.splitDateFormat(i || a.defaultProps.format).filter(this.timeFormatFilter);
     const F = l(
       h.part({
@@ -149,63 +137,55 @@ const v = new RegExp(`${d.hour}|${d.minute}|${d.second}|${d.dayperiod}|literal`)
         tabIndex: r ? -1 : 0
       },
       b.toLanguageString(I, x[I])
-    )), /* @__PURE__ */ n.createElement(
+    )), /* @__PURE__ */ n.createElement("div", { className: l(h.listContainer({ c: m })), onKeyDown: this.handleKeyDown }, /* @__PURE__ */ n.createElement("span", { className: l(h.highlight({ c: m })) }), this.dateFormatParts.map((u, c) => u.type !== "literal" ? /* @__PURE__ */ n.createElement(
       "div",
       {
-        className: l(h.listContainer({ c: m })),
-        onKeyDown: this.handleKeyDown
+        key: c,
+        className: l(
+          h.listWrapper({
+            c: m,
+            focused: c === this.state.activeListIndex
+          })
+        ),
+        role: "presentation",
+        tabIndex: -1
       },
-      /* @__PURE__ */ n.createElement("span", { className: l(h.highlight({ c: m })) }),
-      this.dateFormatParts.map((u, c) => u.type !== "literal" ? /* @__PURE__ */ n.createElement(
-        "div",
+      /* @__PURE__ */ n.createElement(
+        "span",
         {
-          key: c,
-          className: l(
-            h.listWrapper({
-              c: m,
-              focused: c === this.state.activeListIndex
-            })
-          ),
-          role: "presentation",
-          tabIndex: -1
-        },
-        /* @__PURE__ */ n.createElement("span", { className: l(h.title({ c: m })), onMouseDown: (p) => {
-          p.preventDefault();
-        } }, this.intl.dateFieldName(u)),
-        /* @__PURE__ */ n.createElement(
-          P,
-          {
-            min: this.min,
-            max: this.max,
-            boundRange: this.boundRange,
-            part: u,
-            step: u.type ? this.steps[u.type] : 1,
-            smoothScroll: s,
-            ref: (p) => {
-              p && this.timeLists.push(p);
-            },
-            id: c,
-            onFocus: () => {
-              this.handleListFocus(c);
-            },
-            onBlur: this.handleListBlur,
-            onChange: this.handleChange,
-            value: this.value,
-            disabled: r,
-            show: D,
-            mobileMode: w,
-            unstyled: g
+          className: l(h.title({ c: m })),
+          onMouseDown: (p) => {
+            p.preventDefault();
           }
-        )
-      ) : /* @__PURE__ */ n.createElement(
-        "div",
-        {
-          key: c,
-          className: l(h.separator({ c: m }))
         },
-        u.pattern
-      ))
-    ));
+        this.intl.dateFieldName(u)
+      ),
+      /* @__PURE__ */ n.createElement(
+        P,
+        {
+          min: this.min,
+          max: this.max,
+          boundRange: this.boundRange,
+          part: u,
+          step: u.type ? this.steps[u.type] : 1,
+          smoothScroll: s,
+          ref: (p) => {
+            p && this.timeLists.push(p);
+          },
+          id: c,
+          onFocus: () => {
+            this.handleListFocus(c);
+          },
+          onBlur: this.handleListBlur,
+          onChange: this.handleChange,
+          value: this.value,
+          disabled: r,
+          show: D,
+          mobileMode: w,
+          unstyled: g
+        }
+      )
+    ) : /* @__PURE__ */ n.createElement("div", { key: c, className: l(h.separator({ c: m })) }, u.pattern))));
   }
   nextTick(i) {
     clearTimeout(this.nextTickId), this.nextTickId = window.setTimeout(() => i());

package/timepicker/TimePicker.mjs

@@ -53,9 +53,7 @@ const n = class n extends a.Component {
         }
       );
     }, this.renderPopup = () => {
-      const { popupClass: t, ...s } = this.popupSettings, { unstyled: o } = this.props, r = o && o.uTimePicker, h = c(
-        t
-      ), l = {
+      const { popupClass: t, ...s } = this.popupSettings, { unstyled: o } = this.props, r = o && o.uTimePicker, h = c(t), l = {
         popupClass: g.popup({ c: r }),
         show: this.show,
         animate: this.element !== null,
@@ -291,7 +289,10 @@ const n = class n extends a.Component {
       fillMode: null,
       rounded: null,
       readonly: this.mobileMode
-    }, A = this.localizationService.toLanguageString(f, u[f]), N = this.localizationService.toLanguageString(C, u[C]), b = /* @__PURE__ */ a.createElement(
+    }, A = this.localizationService.toLanguageString(f, u[f]), N = this.localizationService.toLanguageString(
+      C,
+      u[C]
+    ), b = /* @__PURE__ */ a.createElement(
       H,
       {
         onFocus: this.handleFocus,
@@ -412,7 +413,12 @@ n.displayName = "TimePicker", n.propTypes = {
     })
   ]),
   formatPlaceholder: e.oneOfType([
-    e.oneOf(["wide", "narrow", "short", "formatPattern"]),
+    e.oneOf([
+      "wide",
+      "narrow",
+      "short",
+      "formatPattern"
+    ]),
     e.shape({
       year: e.string,
       month: e.string,

package/timepicker/services/DOMService.mjs

@@ -18,10 +18,13 @@ class y {
   calculateHeights(c, n) {
     if (!C)
       return;
-    const t = n && n.uTime, o = s("div"), p = s("span"), u = s("ul"), h = s("li"), m = () => h("<span>02</span>", i(e.li({ c: t }))), d = () => u([m()], i(e.ul({ c: t }))), f = () => o([d()], i(
-      e.containerSelector({ c: t }),
-      e.container({ c: t, content: !0, scrollable: !0 })
-    )), g = o(
+    const t = n && n.uTime, o = s("div"), p = s("span"), u = s("ul"), h = s("li"), m = () => h("<span>02</span>", i(e.li({ c: t }))), d = () => u([m()], i(e.ul({ c: t }))), f = () => o(
+      [d()],
+      i(
+        e.containerSelector({ c: t }),
+        e.container({ c: t, content: !0, scrollable: !0 })
+      )
+    ), g = o(
       [
         p("minute", i(e.title({ c: t }))),
         o([f()], i(e.list({ c: t })))

package/timepicker/services/DayPeriodService.mjs

@@ -78,10 +78,7 @@ class H {
   }
   normalizedRange() {
     const t = this.min.getHours(), n = this.max.getHours();
-    return [
-      Math.min(t, n),
-      Math.max(t, n)
-    ];
+    return [Math.min(t, n), Math.max(t, n)];
   }
 }
 export {

package/timepicker/utils.mjs

@@ -38,29 +38,17 @@ const a = (e) => (t, r) => {
 }), F = (e, t, r) => {
   if (!e || !t || !r)
     return e;
-  const {
-    candidateValue: n,
-    minValue: s,
-    maxValue: o
-  } = i(e, t, r);
+  const { candidateValue: n, minValue: s, maxValue: o } = i(e, t, r);
   return n < s ? u(e, t) : n > o ? u(e, r) : e;
 }, N = (e, t, r) => {
   if (!e || !t || !r)
     return !0;
-  const {
-    candidateValue: n,
-    minValue: s,
-    maxValue: o
-  } = i(e, t, r);
+  const { candidateValue: n, minValue: s, maxValue: o } = i(e, t, r);
   return s <= n && n <= o;
 }, P = (e, t, r) => {
   if (e === null)
     return !0;
-  const {
-    candidateValue: n,
-    minValue: s,
-    maxValue: o
-  } = i(e, t, r);
+  const { candidateValue: n, minValue: s, maxValue: o } = i(e, t, r);
   return s <= n && n <= o;
 }, v = (e, t) => {
   if (e === null || t === null)

package/virtualization/Virtualization.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 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);let{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,0),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 client";"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,0),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;

package/virtualization/Virtualization.mjs

@@ -33,8 +33,7 @@ const T = (s, i, t) => Math.min(Math.abs(i - s), t), A = 17, C = 10, x = {
       if (!this.rowHeightService || !window)
         return;
       window.cancelAnimationFrame(this.cancelAnimation);
-      const e = this.rowHeightService.offset(t), r = this.getContainerScrollDirection(e);
-      let { start: n, end: l } = this.scrollRange(e, r);
+      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) => {
@@ -91,10 +90,7 @@ const T = (s, i, t) => Math.min(Math.abs(i - s), t), A = 17, C = 10, x = {
       this.scrollAction = t;
     }, this.handlePageAction = (t) => {
       this.pageAction = t;
-    }, this.scrollerService = new P(
-      this.handleScrollAction,
-      this.handlePageAction
-    ), this.restrictScroll = Number.parseFloat(u.version) > 17;
+    }, this.scrollerService = new P(this.handleScrollAction, this.handlePageAction), this.restrictScroll = Number.parseFloat(u.version) > 17;
   }
   get element() {
     return this.scrollContainer;
@@ -166,13 +162,7 @@ const T = (s, i, t) => Math.min(Math.abs(i - s), t), A = 17, C = 10, x = {
         role: l
       },
       f,
-      /* @__PURE__ */ u.createElement(
-        "div",
-        {
-          style: m,
-          className: S
-        }
-      )
+      /* @__PURE__ */ u.createElement("div", { style: m, className: S })
     );
   }
 };