lkd-web-kit 0.7.26 → 0.7.28

package/dist/node_modules/@tanstack/virtual-core/dist/esm/index.cjs

@@ -128,7 +128,11 @@ class Virtualizer {
     this.isScrolling = false;
     this.measurementsCache = [];
     this.itemSizeCache = /* @__PURE__ */ new Map();
+    this.laneAssignments = /* @__PURE__ */ new Map();
     this.pendingMeasuredCacheIndexes = [];
+    this.prevLanes = void 0;
+    this.lanesChangedFlag = false;
+    this.lanesSettling = false;
     this.scrollRect = null;
     this.scrollOffset = null;
     this.scrollDirection = null;
@@ -327,47 +331,99 @@ class Virtualizer {
         this.options.paddingStart,
         this.options.scrollMargin,
         this.options.getItemKey,
-        this.options.enabled
+        this.options.enabled,
+        this.options.lanes
       ],
-      (count, paddingStart, scrollMargin, getItemKey, enabled) => {
+      (count, paddingStart, scrollMargin, getItemKey, enabled, lanes) => {
+        const lanesChanged = this.prevLanes !== void 0 && this.prevLanes !== lanes;
+        if (lanesChanged) {
+          this.lanesChangedFlag = true;
+        }
+        this.prevLanes = lanes;
         this.pendingMeasuredCacheIndexes = [];
         return {
           count,
           paddingStart,
           scrollMargin,
           getItemKey,
-          enabled
+          enabled,
+          lanes
         };
       },
       {
-        key: false
+        key: false,
+        skipInitialOnChange: true,
+        onChange: () => {
+          this.notify(this.isScrolling);
+        }
       }
     );
     this.getMeasurements = utils.memo(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count, paddingStart, scrollMargin, getItemKey, enabled }, itemSizeCache) => {
+      ({ count, paddingStart, scrollMargin, getItemKey, enabled, lanes }, itemSizeCache) => {
         if (!enabled) {
           this.measurementsCache = [];
           this.itemSizeCache.clear();
+          this.laneAssignments.clear();
           return [];
         }
+        if (this.laneAssignments.size > count) {
+          for (const index of this.laneAssignments.keys()) {
+            if (index >= count) {
+              this.laneAssignments.delete(index);
+            }
+          }
+        }
+        if (this.lanesChangedFlag) {
+          this.lanesChangedFlag = false;
+          this.lanesSettling = true;
+          this.measurementsCache = [];
+          this.itemSizeCache.clear();
+          this.laneAssignments.clear();
+          this.pendingMeasuredCacheIndexes = [];
+        }
         if (this.measurementsCache.length === 0) {
           this.measurementsCache = this.options.initialMeasurementsCache;
           this.measurementsCache.forEach((item) => {
             this.itemSizeCache.set(item.key, item.size);
           });
         }
-        const min = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+        const min = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [];
+        if (this.lanesSettling && this.measurementsCache.length === count) {
+          this.lanesSettling = false;
+        }
         const measurements = this.measurementsCache.slice(0, min);
+        const laneLastIndex = new Array(lanes).fill(
+          void 0
+        );
+        for (let m = 0; m < min; m++) {
+          const item = measurements[m];
+          if (item) {
+            laneLastIndex[item.lane] = m;
+          }
+        }
         for (let i = min; i < count; i++) {
           const key = getItemKey(i);
-          const furthestMeasurement = this.options.lanes === 1 ? measurements[i - 1] : this.getFurthestMeasurement(measurements, i);
-          const start = furthestMeasurement ? furthestMeasurement.end + this.options.gap : paddingStart + scrollMargin;
+          const cachedLane = this.laneAssignments.get(i);
+          let lane;
+          let start;
+          if (cachedLane !== void 0 && this.options.lanes > 1) {
+            lane = cachedLane;
+            const prevIndex = laneLastIndex[lane];
+            const prevInLane = prevIndex !== void 0 ? measurements[prevIndex] : void 0;
+            start = prevInLane ? prevInLane.end + this.options.gap : paddingStart + scrollMargin;
+          } else {
+            const furthestMeasurement = this.options.lanes === 1 ? measurements[i - 1] : this.getFurthestMeasurement(measurements, i);
+            start = furthestMeasurement ? furthestMeasurement.end + this.options.gap : paddingStart + scrollMargin;
+            lane = furthestMeasurement ? furthestMeasurement.lane : i % this.options.lanes;
+            if (this.options.lanes > 1) {
+              this.laneAssignments.set(i, lane);
+            }
+          }
           const measuredSize = itemSizeCache.get(key);
           const size = typeof measuredSize === "number" ? measuredSize : this.options.estimateSize(i);
           const end = start + size;
-          const lane = furthestMeasurement ? furthestMeasurement.lane : i % this.options.lanes;
           measurements[i] = {
             index: i,
             start,
@@ -376,6 +432,7 @@ class Virtualizer {
             key,
             lane
           };
+          laneLastIndex[lane] = i;
         }
         this.measurementsCache = measurements;
         return measurements;
@@ -669,6 +726,7 @@ class Virtualizer {
     };
     this.measure = () => {
       this.itemSizeCache = /* @__PURE__ */ new Map();
+      this.laneAssignments = /* @__PURE__ */ new Map();
       this.notify(false);
     };
     this.setOptions(opts);

package/dist/node_modules/@tanstack/virtual-core/dist/esm/index.js

@@ -124,7 +124,11 @@ class Virtualizer {
     this.isScrolling = false;
     this.measurementsCache = [];
     this.itemSizeCache = /* @__PURE__ */ new Map();
+    this.laneAssignments = /* @__PURE__ */ new Map();
     this.pendingMeasuredCacheIndexes = [];
+    this.prevLanes = void 0;
+    this.lanesChangedFlag = false;
+    this.lanesSettling = false;
     this.scrollRect = null;
     this.scrollOffset = null;
     this.scrollDirection = null;
@@ -323,47 +327,99 @@ class Virtualizer {
         this.options.paddingStart,
         this.options.scrollMargin,
         this.options.getItemKey,
-        this.options.enabled
+        this.options.enabled,
+        this.options.lanes
       ],
-      (count, paddingStart, scrollMargin, getItemKey, enabled) => {
+      (count, paddingStart, scrollMargin, getItemKey, enabled, lanes) => {
+        const lanesChanged = this.prevLanes !== void 0 && this.prevLanes !== lanes;
+        if (lanesChanged) {
+          this.lanesChangedFlag = true;
+        }
+        this.prevLanes = lanes;
         this.pendingMeasuredCacheIndexes = [];
         return {
           count,
           paddingStart,
           scrollMargin,
           getItemKey,
-          enabled
+          enabled,
+          lanes
         };
       },
       {
-        key: false
+        key: false,
+        skipInitialOnChange: true,
+        onChange: () => {
+          this.notify(this.isScrolling);
+        }
       }
     );
     this.getMeasurements = memo(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count, paddingStart, scrollMargin, getItemKey, enabled }, itemSizeCache) => {
+      ({ count, paddingStart, scrollMargin, getItemKey, enabled, lanes }, itemSizeCache) => {
         if (!enabled) {
           this.measurementsCache = [];
           this.itemSizeCache.clear();
+          this.laneAssignments.clear();
           return [];
         }
+        if (this.laneAssignments.size > count) {
+          for (const index of this.laneAssignments.keys()) {
+            if (index >= count) {
+              this.laneAssignments.delete(index);
+            }
+          }
+        }
+        if (this.lanesChangedFlag) {
+          this.lanesChangedFlag = false;
+          this.lanesSettling = true;
+          this.measurementsCache = [];
+          this.itemSizeCache.clear();
+          this.laneAssignments.clear();
+          this.pendingMeasuredCacheIndexes = [];
+        }
         if (this.measurementsCache.length === 0) {
           this.measurementsCache = this.options.initialMeasurementsCache;
           this.measurementsCache.forEach((item) => {
             this.itemSizeCache.set(item.key, item.size);
           });
         }
-        const min = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+        const min = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [];
+        if (this.lanesSettling && this.measurementsCache.length === count) {
+          this.lanesSettling = false;
+        }
         const measurements = this.measurementsCache.slice(0, min);
+        const laneLastIndex = new Array(lanes).fill(
+          void 0
+        );
+        for (let m = 0; m < min; m++) {
+          const item = measurements[m];
+          if (item) {
+            laneLastIndex[item.lane] = m;
+          }
+        }
         for (let i = min; i < count; i++) {
           const key = getItemKey(i);
-          const furthestMeasurement = this.options.lanes === 1 ? measurements[i - 1] : this.getFurthestMeasurement(measurements, i);
-          const start = furthestMeasurement ? furthestMeasurement.end + this.options.gap : paddingStart + scrollMargin;
+          const cachedLane = this.laneAssignments.get(i);
+          let lane;
+          let start;
+          if (cachedLane !== void 0 && this.options.lanes > 1) {
+            lane = cachedLane;
+            const prevIndex = laneLastIndex[lane];
+            const prevInLane = prevIndex !== void 0 ? measurements[prevIndex] : void 0;
+            start = prevInLane ? prevInLane.end + this.options.gap : paddingStart + scrollMargin;
+          } else {
+            const furthestMeasurement = this.options.lanes === 1 ? measurements[i - 1] : this.getFurthestMeasurement(measurements, i);
+            start = furthestMeasurement ? furthestMeasurement.end + this.options.gap : paddingStart + scrollMargin;
+            lane = furthestMeasurement ? furthestMeasurement.lane : i % this.options.lanes;
+            if (this.options.lanes > 1) {
+              this.laneAssignments.set(i, lane);
+            }
+          }
           const measuredSize = itemSizeCache.get(key);
           const size = typeof measuredSize === "number" ? measuredSize : this.options.estimateSize(i);
           const end = start + size;
-          const lane = furthestMeasurement ? furthestMeasurement.lane : i % this.options.lanes;
           measurements[i] = {
             index: i,
             start,
@@ -372,6 +428,7 @@ class Virtualizer {
             key,
             lane
           };
+          laneLastIndex[lane] = i;
         }
         this.measurementsCache = measurements;
         return measurements;
@@ -665,6 +722,7 @@ class Virtualizer {
     };
     this.measure = () => {
       this.itemSizeCache = /* @__PURE__ */ new Map();
+      this.laneAssignments = /* @__PURE__ */ new Map();
       this.notify(false);
     };
     this.setOptions(opts);

package/dist/node_modules/@tanstack/virtual-core/dist/esm/utils.cjs

@@ -5,8 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 function memo(getDeps, fn, opts) {
   let deps = opts.initialDeps ?? [];
   let result;
+  let isInitial = true;
   function memoizedFunction() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     let depTime;
     if (opts.key && ((_a = opts.debug) == null ? void 0 : _a.call(opts))) depTime = Date.now();
     const newDeps = getDeps();
@@ -41,7 +42,10 @@ function memo(getDeps, fn, opts) {
         opts == null ? void 0 : opts.key
       );
     }
-    (_d = opts == null ? void 0 : opts.onChange) == null ? void 0 : _d.call(opts, result);
+    if ((opts == null ? void 0 : opts.onChange) && !(isInitial && opts.skipInitialOnChange)) {
+      opts.onChange(result);
+    }
+    isInitial = false;
     return result;
   }
   memoizedFunction.updateDeps = (newDeps) => {

package/dist/node_modules/@tanstack/virtual-core/dist/esm/utils.js

@@ -1,8 +1,9 @@
 function memo(getDeps, fn, opts) {
   let deps = opts.initialDeps ?? [];
   let result;
+  let isInitial = true;
   function memoizedFunction() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     let depTime;
     if (opts.key && ((_a = opts.debug) == null ? void 0 : _a.call(opts))) depTime = Date.now();
     const newDeps = getDeps();
@@ -37,7 +38,10 @@ function memo(getDeps, fn, opts) {
         opts == null ? void 0 : opts.key
       );
     }
-    (_d = opts == null ? void 0 : opts.onChange) == null ? void 0 : _d.call(opts, result);
+    if ((opts == null ? void 0 : opts.onChange) && !(isInitial && opts.skipInitialOnChange)) {
+      opts.onChange(result);
+    }
+    isInitial = false;
     return result;
   }
   memoizedFunction.updateDeps = (newDeps) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkd-web-kit",
-  "version": "0.7.26",
+  "version": "0.7.28",
   "description": "A template for creating React component libraries with Vite.",
   "author": "LKD",
   "license": "MIT",
@@ -45,21 +45,21 @@
     "vitest": "^3.2.4"
   },
   "peerDependencies": {
-    "@mantine/core": "^8.3.10",
-    "@mantine/dates": "^8.3.10",
-    "@mantine/hooks": "^8.3.10",
-    "@mantine/notifications": "^8.3.10",
-    "@tanstack/react-query": "^5.90.12",
+    "@mantine/core": "^8.3.12",
+    "@mantine/dates": "^8.3.12",
+    "@mantine/hooks": "^8.3.12",
+    "@mantine/notifications": "^8.3.12",
+    "@tanstack/react-query": "^5.90.16",
     "clsx": "^2.1.1",
-    "ky": "^1.14.1",
-    "next": "^16.0.10",
+    "ky": "^1.14.2",
+    "next": "^16.1.1",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
-    "react-hook-form": "^7.68.0",
+    "react-hook-form": "^7.71.0",
     "react-query-kit": "^3.3.2",
-    "zod": "^4.1.13"
+    "zod": "^4.3.5"
   },
   "dependencies": {
-    "@tanstack/react-virtual": "^3.13.12"
+    "@tanstack/react-virtual": "^3.13.13"
   }
 }