@progress/kendo-react-grid 16.2.0-develop.9 → 16.2.0

package/VirtualScroll.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 g=require("react"),f=require("./utils/index.js"),d=require("./utils/proxiedScrollOverlay.js");function p(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,i.get?i:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const S=p(g),u=.3;class T{constructor(){this.table=null,this.tableBody=null,this.container=null,this.scrollHeightContainer=null,this.total=0,this.scrollableVirtual=!1,this.pageSize=0,this.PageChange=null,this.fixedScroll=!1,this.tableTransform="",this.scrollbarOverlaySpacerElement=null,this.overlaySyncingRef=null,this.reactVersion=Number.parseFloat(S.version),this.scrollSyncing=!1,this.pendingTranslate=!1,this.deferredScrollTop=0,this.firstToLoad=0,this.lastScrollTop=0,this.firstLoaded=0,this.lastLoaded=0,this.scrollHandler=this.scrollHandler.bind(this)}reset(){if(this.firstToLoad=0,this.firstLoaded=0,this.lastLoaded=0,this.rowHeightService=void 0,this.fixedScroll){this.lastScrollTop=this.container?this.container.scrollTop:0;return}this.container&&this.container.scrollTop!==0&&(this.scrollSyncing=!0,this.container.scrollTop=0,this.lastScrollTop=0,this.translate(0,!0))}scrollToPosition(t,e,i=!1){var c;if(!this.scrollableVirtual||!this.rowHeightService)return;i&&(this.pendingTranslate=!0,this.deferredScrollTop=t);const s=this.lastScrollTop>=t,r=!s;this.lastScrollTop=t;const a=((c=this.container)==null?void 0:c.offsetHeight)||0;let l=this.rowHeightService.index(t);const h=this.rowHeightService.index(t+a),n=Math.max(l+this.pageSize-this.total,0);l=Math.max(l-n,0),r&&h>=this.lastLoaded&&this.lastLoaded<this.total-1?(this.firstToLoad=l,this.loadPage(e)):s&&l<this.firstToLoad||l>this.lastLoaded||h<this.firstLoaded?this.loadPageWithBuffer(l,n,s,e):i&&this.pendingTranslate&&this.container&&(this.scrollSyncing=!0,this.container.scrollTop=this.deferredScrollTop,this.pendingTranslate=!1)}scrollHandler(t){if(this.scrollSyncing){this.scrollSyncing=!1;return}!this.scrollableVirtual||!this.container||!this.table||!this.rowHeightService||this.scrollToPosition(this.container.scrollTop,t)}update(){var e;const t=this.getItemHeights();if(this.firstLoaded>this.firstToLoad){const i=Math.min(this.firstLoaded-this.firstToLoad,this.pageSize),s=this.getTotalHeight(i,t),r=this.getExpectedTotalHeight(i),a=s-r;a!==0&&this.adjustScroll(a)}(e=this.rowHeightService)==null||e.update(this.firstToLoad,t),this.setScrollHeightContainerHeight(),this.firstLoaded=this.firstToLoad,this.lastLoaded=this.firstLoaded+t.length-1,this.pendingTranslate&&this.rowHeightService&&(this.translate(this.rowHeightService.offset(this.firstLoaded),!0),this.container&&(this.scrollSyncing=!0,this.container.scrollTop=this.deferredScrollTop),this.pendingTranslate=!1)}loadPage(t){this.rowHeightService&&(this.pendingTranslate||this.translate(this.rowHeightService.offset(this.firstToLoad)),this.changePage(this.firstToLoad,t))}loadPageWithBuffer(t,e,i,s){const r=i?Math.max(Math.floor(this.pageSize*u)-e,0):0;this.firstToLoad=Math.max(t-r,0),this.loadPage(s)}translate(t,e){this.scrollableVirtual&&this.table&&((this.reactVersion<=17||e)&&(this.table.style.transform="translateY("+t+"px)"),this.reactVersion>17&&(this.tableTransform="translateY("+t+"px)"))}changePage(t,e){this.PageChange&&this.PageChange({skip:Math.max(0,t),take:this.pageSize},e)}adjustScroll(t){this.scrollSyncing=!0,this.container&&(this.container.scrollTop+=t)}setScrollHeightContainerHeight(){var t;if(this.scrollableVirtual&&this.scrollHeightContainer){let e=((t=this.rowHeightService)==null?void 0:t.totalHeight())||0;const i=this.firstToLoad+this.pageSize>=this.total,s=d.isOverlayAtBottom(this.scrollbarOverlaySpacerElement,i);e=f.firefox?Math.min(f.firefoxMaxHeight,e):e,this.scrollHeightContainer.style.height=e+"px",this.scrollbarOverlaySpacerElement&&(this.scrollbarOverlaySpacerElement.style.height=e+"px");const r=s?d.getOverlayBottomPin(this.scrollbarOverlaySpacerElement,this.container):null;r&&this.applyOverlayBottomPin(r)}}applyOverlayBottomPin(t){t.scrollbarOverlay.scrollTop!==t.overlayScrollTop&&(this.overlaySyncingRef&&(this.overlaySyncingRef.current=!0),t.scrollbarOverlay.scrollTop=t.overlayScrollTop),this.container&&this.container.scrollTop!==t.contentScrollTop&&(this.scrollSyncing=!0,this.container.scrollTop=t.contentScrollTop),this.deferredScrollTop=t.contentScrollTop,this.lastScrollTop=t.contentScrollTop}getItemHeights(){const t=[];return this.tableBody&&Array.from(this.tableBody.children).forEach(e=>{const i=e.offsetHeight;e.classList.contains("k-detail-row")?t[t.length-1]+=i:t.push(i)}),t}getTotalHeight(t,e){return e.slice(0,t).reduce((i,s)=>i+s,0)}getExpectedTotalHeight(t){const e=this.rowHeightService;if(!e)return 0;const i=this.firstToLoad+(t-1);return e.offset(i)+e.height(i)-e.offset(this.firstToLoad)}}exports.VirtualScroll=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),f=require("./utils/index.js"),d=require("./utils/proxiedScrollOverlay.js");function p(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,i.get?i:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const S=p(g),u=.3;class T{constructor(){this.table=null,this.tableBody=null,this.container=null,this.scrollHeightContainer=null,this.total=0,this.scrollableVirtual=!1,this.pageSize=0,this.PageChange=null,this.fixedScroll=!1,this.tableTransform="",this.scrollbarOverlaySpacerElement=null,this.overlaySyncingRef=null,this.reactVersion=Number.parseFloat(S.version),this.scrollSyncing=!1,this.pendingTranslate=!1,this.deferredScrollTop=0,this.firstToLoad=0,this.lastScrollTop=0,this.firstLoaded=0,this.lastLoaded=0,this.scrollHandler=this.scrollHandler.bind(this)}reset(){if(this.firstToLoad=0,this.firstLoaded=0,this.lastLoaded=0,this.rowHeightService=void 0,this.fixedScroll){this.lastScrollTop=this.container?this.container.scrollTop:0;return}this.container&&this.container.scrollTop!==0&&(this.scrollSyncing=!0,this.container.scrollTop=0,this.lastScrollTop=0,this.translate(0,!0))}scrollToPosition(t,e,i=!1){var c;if(!this.scrollableVirtual||!this.rowHeightService)return;i&&(this.pendingTranslate=!0,this.deferredScrollTop=t);const s=this.lastScrollTop>=t,r=!s;this.lastScrollTop=t;const a=((c=this.container)==null?void 0:c.offsetHeight)||0;let l=this.rowHeightService.index(t);const h=this.rowHeightService.index(t+a),n=Math.max(l+this.pageSize-this.total,0);l=Math.max(l-n,0),r&&h>=this.lastLoaded&&this.lastLoaded<this.total-1?(this.firstToLoad=l,this.loadPage(e)):s&&l<this.firstToLoad||l>this.lastLoaded||h<this.firstLoaded?this.loadPageWithBuffer(l,n,s,e):i&&this.pendingTranslate&&this.container&&(this.scrollSyncing=!0,this.container.scrollTop=this.deferredScrollTop,this.pendingTranslate=!1)}scrollHandler(t){if(this.scrollSyncing){this.scrollSyncing=!1;return}!this.scrollableVirtual||!this.container||!this.table||!this.rowHeightService||this.scrollToPosition(this.container.scrollTop,t)}update(){var e;const t=this.getItemHeights();if(this.firstLoaded>this.firstToLoad){const i=Math.min(this.firstLoaded-this.firstToLoad,this.pageSize),s=this.getTotalHeight(i,t),r=this.getExpectedTotalHeight(i),a=s-r;a!==0&&this.adjustScroll(a)}(e=this.rowHeightService)==null||e.update(this.firstToLoad,t),this.setScrollHeightContainerHeight(),this.firstLoaded=this.firstToLoad,this.lastLoaded=this.firstLoaded+t.length-1,this.pendingTranslate&&this.rowHeightService&&(this.translate(this.rowHeightService.offset(this.firstLoaded),!0),this.container&&(this.scrollSyncing=!0,this.container.scrollTop=this.deferredScrollTop),this.pendingTranslate=!1)}loadPage(t){this.rowHeightService&&(this.pendingTranslate||this.translate(this.rowHeightService.offset(this.firstToLoad),this.scrollbarOverlaySpacerElement!==null),this.changePage(this.firstToLoad,t))}loadPageWithBuffer(t,e,i,s){const r=i?Math.max(Math.floor(this.pageSize*u)-e,0):0;this.firstToLoad=Math.max(t-r,0),this.loadPage(s)}translate(t,e){this.scrollableVirtual&&this.table&&((this.reactVersion<=17||e)&&(this.table.style.transform="translateY("+t+"px)"),this.reactVersion>17&&(this.tableTransform="translateY("+t+"px)"))}changePage(t,e){this.PageChange&&this.PageChange({skip:Math.max(0,t),take:this.pageSize},e)}adjustScroll(t){this.scrollSyncing=!0,this.container&&(this.container.scrollTop+=t)}setScrollHeightContainerHeight(){var t;if(this.scrollableVirtual&&this.scrollHeightContainer){let e=((t=this.rowHeightService)==null?void 0:t.totalHeight())||0;const i=this.firstToLoad+this.pageSize>=this.total,s=d.isOverlayAtBottom(this.scrollbarOverlaySpacerElement,i);e=f.firefox?Math.min(f.firefoxMaxHeight,e):e,this.scrollHeightContainer.style.height=e+"px",this.scrollbarOverlaySpacerElement&&(this.scrollbarOverlaySpacerElement.style.height=e+"px");const r=s?d.getOverlayBottomPin(this.scrollbarOverlaySpacerElement,this.container):null;r&&this.applyOverlayBottomPin(r)}}applyOverlayBottomPin(t){t.scrollbarOverlay.scrollTop!==t.overlayScrollTop&&(this.overlaySyncingRef&&(this.overlaySyncingRef.current=!0),t.scrollbarOverlay.scrollTop=t.overlayScrollTop),this.container&&this.container.scrollTop!==t.contentScrollTop&&(this.scrollSyncing=!0,this.container.scrollTop=t.contentScrollTop),this.deferredScrollTop=t.contentScrollTop,this.lastScrollTop=t.contentScrollTop}getItemHeights(){const t=[];return this.tableBody&&Array.from(this.tableBody.children).forEach(e=>{const i=e.offsetHeight;e.classList.contains("k-detail-row")?t[t.length-1]+=i:t.push(i)}),t}getTotalHeight(t,e){return e.slice(0,t).reduce((i,s)=>i+s,0)}getExpectedTotalHeight(t){const e=this.rowHeightService;if(!e)return 0;const i=this.firstToLoad+(t-1);return e.offset(i)+e.height(i)-e.offset(this.firstToLoad)}}exports.VirtualScroll=T;

package/VirtualScroll.mjs

@@ -9,7 +9,7 @@ import * as c from "react";
 import { firefox as f, firefoxMaxHeight as d } from "./utils/index.mjs";
 import { isOverlayAtBottom as g, getOverlayBottomPin as p } from "./utils/proxiedScrollOverlay.mjs";
 const S = 0.3;
-class L {
+class y {
   constructor() {
     this.table = null, this.tableBody = null, this.container = null, this.scrollHeightContainer = null, this.total = 0, this.scrollableVirtual = !1, this.pageSize = 0, this.PageChange = null, this.fixedScroll = !1, this.tableTransform = "", this.scrollbarOverlaySpacerElement = null, this.overlaySyncingRef = null, this.reactVersion = Number.parseFloat(c.version), this.scrollSyncing = !1, this.pendingTranslate = !1, this.deferredScrollTop = 0, this.firstToLoad = 0, this.lastScrollTop = 0, this.firstLoaded = 0, this.lastLoaded = 0, this.scrollHandler = this.scrollHandler.bind(this);
   }
@@ -27,10 +27,10 @@ class L {
     e && (this.pendingTranslate = !0, this.deferredScrollTop = t);
     const s = this.lastScrollTop >= t, r = !s;
     this.lastScrollTop = t;
-    const l = ((n = this.container) == null ? void 0 : n.offsetHeight) || 0;
-    let o = this.rowHeightService.index(t);
-    const a = this.rowHeightService.index(t + l), h = Math.max(o + this.pageSize - this.total, 0);
-    o = Math.max(o - h, 0), r && a >= this.lastLoaded && this.lastLoaded < this.total - 1 ? (this.firstToLoad = o, this.loadPage(i)) : s && o < this.firstToLoad || o > this.lastLoaded || a < this.firstLoaded ? this.loadPageWithBuffer(o, h, s, i) : e && this.pendingTranslate && this.container && (this.scrollSyncing = !0, this.container.scrollTop = this.deferredScrollTop, this.pendingTranslate = !1);
+    const o = ((n = this.container) == null ? void 0 : n.offsetHeight) || 0;
+    let l = this.rowHeightService.index(t);
+    const a = this.rowHeightService.index(t + o), h = Math.max(l + this.pageSize - this.total, 0);
+    l = Math.max(l - h, 0), r && a >= this.lastLoaded && this.lastLoaded < this.total - 1 ? (this.firstToLoad = l, this.loadPage(i)) : s && l < this.firstToLoad || l > this.lastLoaded || a < this.firstLoaded ? this.loadPageWithBuffer(l, h, s, i) : e && this.pendingTranslate && this.container && (this.scrollSyncing = !0, this.container.scrollTop = this.deferredScrollTop, this.pendingTranslate = !1);
   }
   scrollHandler(t) {
     if (this.scrollSyncing) {
@@ -43,13 +43,13 @@ class L {
     var i;
     const t = this.getItemHeights();
     if (this.firstLoaded > this.firstToLoad) {
-      const e = Math.min(this.firstLoaded - this.firstToLoad, this.pageSize), s = this.getTotalHeight(e, t), r = this.getExpectedTotalHeight(e), l = s - r;
-      l !== 0 && this.adjustScroll(l);
+      const e = Math.min(this.firstLoaded - this.firstToLoad, this.pageSize), s = this.getTotalHeight(e, t), r = this.getExpectedTotalHeight(e), o = s - r;
+      o !== 0 && this.adjustScroll(o);
     }
     (i = this.rowHeightService) == null || i.update(this.firstToLoad, t), this.setScrollHeightContainerHeight(), this.firstLoaded = this.firstToLoad, this.lastLoaded = this.firstLoaded + t.length - 1, this.pendingTranslate && this.rowHeightService && (this.translate(this.rowHeightService.offset(this.firstLoaded), !0), this.container && (this.scrollSyncing = !0, this.container.scrollTop = this.deferredScrollTop), this.pendingTranslate = !1);
   }
   loadPage(t) {
-    this.rowHeightService && (this.pendingTranslate || this.translate(this.rowHeightService.offset(this.firstToLoad)), this.changePage(this.firstToLoad, t));
+    this.rowHeightService && (this.pendingTranslate || this.translate(this.rowHeightService.offset(this.firstToLoad), this.scrollbarOverlaySpacerElement !== null), this.changePage(this.firstToLoad, t));
   }
   loadPageWithBuffer(t, i, e, s) {
     const r = e ? Math.max(Math.floor(this.pageSize * S) - i, 0) : 0;
@@ -102,5 +102,5 @@ class L {
   }
 }
 export {
-  L as VirtualScroll
+  y as VirtualScroll
 };