@progress/kendo-react-dropdowns 7.5.0-develop.9 → 8.0.0-develop.2

package/index.d.mts

@@ -15,6 +15,7 @@ import { LocalizationService } from '@progress/kendo-react-intl';
 import { PopupProps } from '@progress/kendo-react-popup';
 import PropTypes from 'prop-types';
 import * as React_2 from 'react';
+import { RowHeightService } from '@progress/kendo-react-common';
 import { SVGIcon } from '@progress/kendo-react-common';
 import { TextBoxChangeEvent } from '@progress/kendo-react-inputs';
 import { TextBoxHandle } from '@progress/kendo-react-inputs';
@@ -1216,6 +1217,7 @@ declare class DropDownBase {
     readonly guid: string;
     readonly component: DropDownComponent;
     constructor(component: DropDownComponent);
+    didUpdate(): void;
     didMount(): void;
     calculateDir(): void;
     calculatePopupWidth(): void;
@@ -4081,32 +4083,35 @@ export declare interface VirtualizationSettings {
  * @hidden
  */
 declare class VirtualScroll {
-    container: HTMLDivElement | null;
-    scrollElement: HTMLDivElement | null;
-    list: HTMLUListElement | null;
-    containerHeight: number;
-    skip: number;
+    table: HTMLTableElement | null;
     total: number;
     enabled: boolean;
+    skip: number;
     pageSize: number;
+    PageChange: ((event: Page, syntheticEvent: React_2.SyntheticEvent<any>) => void) | null;
+    scrollElement: HTMLDivElement | null;
+    listTransform: string;
     itemHeight: number;
-    PageChange: ((event: Page, syntheticEvent: React.SyntheticEvent<any>) => void) | null;
-    private prevScrollPos;
-    private listTranslate;
+    containerHeight: number;
+    rowHeightService?: RowHeightService;
+    private reactVersion;
     private scrollSyncing;
-    constructor();
+    private lastLoaded;
+    private firstLoaded;
+    private lastScrollTop;
+    private listTranslate;
     get translate(): number;
-    scrollerRef: (element: HTMLDivElement | null) => void;
-    calcScrollElementHeight: () => boolean;
-    changePage(skip: number, e: React.SyntheticEvent<HTMLElement>): void;
-    translateTo(dY: number): void;
+    list: HTMLUListElement | null;
+    container: HTMLDivElement | null;
+    constructor();
+    translateTo(dY: number, force?: boolean): void;
+    changePage(skip: number, e: React_2.SyntheticEvent<HTMLDivElement>): void;
     reset(): void;
     scrollToEnd(): void;
-    localScrollUp(e: React.SyntheticEvent<HTMLElement>): void;
-    localScrollDown(e: React.SyntheticEvent<HTMLElement>): void;
-    scrollNonStrict(e: React.SyntheticEvent<HTMLElement>): void;
-    scrollHandler(e: React.SyntheticEvent<HTMLElement>): void;
-    validateTranslate(translate: number): number;
+    calcScrollElementHeight: () => boolean;
+    scrollerRef: (element: HTMLDivElement | null) => void;
+    scrollHandler(e: React_2.SyntheticEvent<HTMLDivElement>): void;
+    private getRowHeightService;
 }
 
 export { }

package/index.d.ts

@@ -15,6 +15,7 @@ import { LocalizationService } from '@progress/kendo-react-intl';
 import { PopupProps } from '@progress/kendo-react-popup';
 import PropTypes from 'prop-types';
 import * as React_2 from 'react';
+import { RowHeightService } from '@progress/kendo-react-common';
 import { SVGIcon } from '@progress/kendo-react-common';
 import { TextBoxChangeEvent } from '@progress/kendo-react-inputs';
 import { TextBoxHandle } from '@progress/kendo-react-inputs';
@@ -1216,6 +1217,7 @@ declare class DropDownBase {
     readonly guid: string;
     readonly component: DropDownComponent;
     constructor(component: DropDownComponent);
+    didUpdate(): void;
     didMount(): void;
     calculateDir(): void;
     calculatePopupWidth(): void;
@@ -4081,32 +4083,35 @@ export declare interface VirtualizationSettings {
  * @hidden
  */
 declare class VirtualScroll {
-    container: HTMLDivElement | null;
-    scrollElement: HTMLDivElement | null;
-    list: HTMLUListElement | null;
-    containerHeight: number;
-    skip: number;
+    table: HTMLTableElement | null;
     total: number;
     enabled: boolean;
+    skip: number;
     pageSize: number;
+    PageChange: ((event: Page, syntheticEvent: React_2.SyntheticEvent<any>) => void) | null;
+    scrollElement: HTMLDivElement | null;
+    listTransform: string;
     itemHeight: number;
-    PageChange: ((event: Page, syntheticEvent: React.SyntheticEvent<any>) => void) | null;
-    private prevScrollPos;
-    private listTranslate;
+    containerHeight: number;
+    rowHeightService?: RowHeightService;
+    private reactVersion;
     private scrollSyncing;
-    constructor();
+    private lastLoaded;
+    private firstLoaded;
+    private lastScrollTop;
+    private listTranslate;
     get translate(): number;
-    scrollerRef: (element: HTMLDivElement | null) => void;
-    calcScrollElementHeight: () => boolean;
-    changePage(skip: number, e: React.SyntheticEvent<HTMLElement>): void;
-    translateTo(dY: number): void;
+    list: HTMLUListElement | null;
+    container: HTMLDivElement | null;
+    constructor();
+    translateTo(dY: number, force?: boolean): void;
+    changePage(skip: number, e: React_2.SyntheticEvent<HTMLDivElement>): void;
     reset(): void;
     scrollToEnd(): void;
-    localScrollUp(e: React.SyntheticEvent<HTMLElement>): void;
-    localScrollDown(e: React.SyntheticEvent<HTMLElement>): void;
-    scrollNonStrict(e: React.SyntheticEvent<HTMLElement>): void;
-    scrollHandler(e: React.SyntheticEvent<HTMLElement>): void;
-    validateTranslate(translate: number): number;
+    calcScrollElementHeight: () => boolean;
+    scrollerRef: (element: HTMLDivElement | null) => void;
+    scrollHandler(e: React_2.SyntheticEvent<HTMLDivElement>): void;
+    private getRowHeightService;
 }
 
 export { }

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-dropdowns",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1714143424,
+  publishDate: 1715609619,
   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-dropdowns",
-  "version": "7.5.0-develop.9",
+  "version": "8.0.0-develop.2",
   "description": "React DropDowns offer an interface for users to select different items from a list and more. KendoReact Dropdowns package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -23,15 +23,15 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-buttons": "7.5.0-develop.9",
-    "@progress/kendo-react-common": "7.5.0-develop.9",
-    "@progress/kendo-react-inputs": "7.5.0-develop.9",
-    "@progress/kendo-react-intl": "7.5.0-develop.9",
-    "@progress/kendo-react-labels": "7.5.0-develop.9",
-    "@progress/kendo-react-layout": "7.5.0-develop.9",
-    "@progress/kendo-react-popup": "7.5.0-develop.9",
-    "@progress/kendo-react-treeview": "7.5.0-develop.9",
-    "@progress/kendo-svg-icons": "^2.1.0",
+    "@progress/kendo-react-buttons": "8.0.0-develop.2",
+    "@progress/kendo-react-common": "8.0.0-develop.2",
+    "@progress/kendo-react-inputs": "8.0.0-develop.2",
+    "@progress/kendo-react-intl": "8.0.0-develop.2",
+    "@progress/kendo-react-labels": "8.0.0-develop.2",
+    "@progress/kendo-react-layout": "8.0.0-develop.2",
+    "@progress/kendo-react-popup": "8.0.0-develop.2",
+    "@progress/kendo-react-treeview": "8.0.0-develop.2",
+    "@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/common/VirtualScroll.js

@@ -1,8 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-"use client";"use strict";class a{constructor(){this.container=null,this.scrollElement=null,this.list=null,this.containerHeight=0,this.skip=0,this.total=0,this.enabled=!1,this.pageSize=0,this.itemHeight=0,this.PageChange=null,this.prevScrollPos=0,this.listTranslate=0,this.scrollSyncing=!1,this.scrollerRef=t=>{const i=this;i.container=t,t&&(t.setAttribute("unselectable","on"),window.setTimeout(i.calcScrollElementHeight.bind(i),0))},this.calcScrollElementHeight=()=>{this.scrollSyncing=!0;let t=!1;this.itemHeight=this.list?this.list.children[0].offsetHeight:this.itemHeight,this.containerHeight=Math.min(1533915,this.itemHeight*this.total);const i=this.containerHeight;return this.scrollElement&&(t=this.scrollElement.style.height!==i+"px",t&&(this.scrollElement.style.height=i+"px")),this.scrollSyncing=!1,t},this.scrollHandler=this.scrollHandler.bind(this)}get translate(){return this.listTranslate}changePage(t,i){const l=Math.min(Math.max(0,t),this.total-this.pageSize);l!==this.skip&&this.PageChange&&this.PageChange({skip:l,take:this.pageSize},i)}translateTo(t){this.listTranslate=t,this.list&&(this.list.style.transform="translateY("+t+"px)")}reset(){this.container&&(this.calcScrollElementHeight(),this.container.scrollTop=0,this.translateTo(0))}scrollToEnd(){this.container&&this.list&&(this.calcScrollElementHeight(),this.container.scrollTop=this.container.scrollHeight-this.container.offsetHeight,this.translateTo(this.container.scrollHeight))}localScrollUp(t){const i=this.itemHeight,l=this.container.scrollTop;let s=this.listTranslate,h,e=l-s;if(!(e>i)){for(h=0;h<this.skip&&!(s+i+e<=l);h++)s-=i;if(s=this.validateTranslate(s),this.skip-h<=0&&s>=l){this.translateTo(0),this.changePage(0,t),this.container.scrollTop=0;return}s!==this.listTranslate&&(this.translateTo(s),this.changePage(this.skip-h,t))}}localScrollDown(t){const i=this.itemHeight;let l=this.container.scrollTop,s=this.listTranslate;const h=this.list.children.length;let e;for(e=0;e<h&&!(s+i>=l);e++)s+=i;s=this.validateTranslate(s),e>=h&&this.skip+e>=this.total?(this.translateTo(s),this.changePage(this.total-1,t)):s!==this.listTranslate&&(this.translateTo(s),this.changePage(this.skip+e,t))}scrollNonStrict(t){const i=this.total*this.prevScrollPos/this.containerHeight,l=Math.min(Math.floor(i),this.total-1);let s=this.containerHeight*i/this.total;s=this.validateTranslate(s),this.translateTo(s),this.changePage(l,t)}scrollHandler(t){const i=this.container?this.container.scrollTop:0,l=this.prevScrollPos;this.prevScrollPos=i,!(!this.enabled||!this.list||!this.container||this.scrollSyncing)&&(i-l<=0&&i>this.listTranslate-this.list.scrollHeight/10?this.localScrollUp(t):i-l>0&&i<this.listTranslate+this.list.scrollHeight*2/3?this.localScrollDown(t):this.scrollNonStrict(t))}validateTranslate(t){return t=Math.max(0,t),t=Math.min(this.containerHeight,t),t}}module.exports=a;

package/common/VirtualScroll.mjs

@@ -1,75 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-"use client";
-class n {
-  constructor() {
-    this.container = null, this.scrollElement = null, this.list = null, this.containerHeight = 0, this.skip = 0, this.total = 0, this.enabled = !1, this.pageSize = 0, this.itemHeight = 0, this.PageChange = null, this.prevScrollPos = 0, this.listTranslate = 0, this.scrollSyncing = !1, this.scrollerRef = (t) => {
-      const i = this;
-      i.container = t, t && (t.setAttribute("unselectable", "on"), window.setTimeout(i.calcScrollElementHeight.bind(i), 0));
-    }, this.calcScrollElementHeight = () => {
-      this.scrollSyncing = !0;
-      let t = !1;
-      this.itemHeight = this.list ? this.list.children[0].offsetHeight : this.itemHeight, this.containerHeight = Math.min(1533915, this.itemHeight * this.total);
-      const i = this.containerHeight;
-      return this.scrollElement && (t = this.scrollElement.style.height !== i + "px", t && (this.scrollElement.style.height = i + "px")), this.scrollSyncing = !1, t;
-    }, this.scrollHandler = this.scrollHandler.bind(this);
-  }
-  get translate() {
-    return this.listTranslate;
-  }
-  changePage(t, i) {
-    const l = Math.min(Math.max(0, t), this.total - this.pageSize);
-    l !== this.skip && this.PageChange && this.PageChange({ skip: l, take: this.pageSize }, i);
-  }
-  translateTo(t) {
-    this.listTranslate = t, this.list && (this.list.style.transform = "translateY(" + t + "px)");
-  }
-  reset() {
-    this.container && (this.calcScrollElementHeight(), this.container.scrollTop = 0, this.translateTo(0));
-  }
-  scrollToEnd() {
-    this.container && this.list && (this.calcScrollElementHeight(), this.container.scrollTop = this.container.scrollHeight - this.container.offsetHeight, this.translateTo(this.container.scrollHeight));
-  }
-  localScrollUp(t) {
-    const i = this.itemHeight, l = this.container.scrollTop;
-    let s = this.listTranslate, h, e = l - s;
-    if (!(e > i)) {
-      for (h = 0; h < this.skip && !(s + i + e <= l); h++)
-        s -= i;
-      if (s = this.validateTranslate(s), this.skip - h <= 0 && s >= l) {
-        this.translateTo(0), this.changePage(0, t), this.container.scrollTop = 0;
-        return;
-      }
-      s !== this.listTranslate && (this.translateTo(s), this.changePage(this.skip - h, t));
-    }
-  }
-  localScrollDown(t) {
-    const i = this.itemHeight;
-    let l = this.container.scrollTop, s = this.listTranslate;
-    const h = this.list.children.length;
-    let e;
-    for (e = 0; e < h && !(s + i >= l); e++)
-      s += i;
-    s = this.validateTranslate(s), e >= h && this.skip + e >= this.total ? (this.translateTo(s), this.changePage(this.total - 1, t)) : s !== this.listTranslate && (this.translateTo(s), this.changePage(this.skip + e, t));
-  }
-  scrollNonStrict(t) {
-    const i = this.total * this.prevScrollPos / this.containerHeight, l = Math.min(Math.floor(i), this.total - 1);
-    let s = this.containerHeight * i / this.total;
-    s = this.validateTranslate(s), this.translateTo(s), this.changePage(l, t);
-  }
-  scrollHandler(t) {
-    const i = this.container ? this.container.scrollTop : 0, l = this.prevScrollPos;
-    this.prevScrollPos = i, !(!this.enabled || !this.list || !this.container || this.scrollSyncing) && (i - l <= 0 && i > this.listTranslate - this.list.scrollHeight / 10 ? this.localScrollUp(t) : i - l > 0 && i < this.listTranslate + this.list.scrollHeight * 2 / 3 ? this.localScrollDown(t) : this.scrollNonStrict(t));
-  }
-  validateTranslate(t) {
-    return t = Math.max(0, t), t = Math.min(this.containerHeight, t), t;
-  }
-}
-export {
-  n as default
-};