lkd-web-kit 0.7.28 → 0.7.30

package/dist/index.cjs

@@ -25,14 +25,13 @@ const revalidate = require('./consts/revalidate.cjs');
 const index$g = require('./contexts/NavigationHistoryContext/index.cjs');
 const hook = require('./contexts/NavigationHistoryContext/hook.cjs');
 const index$h = require('./contexts/PageDataContext/index.cjs');
-const Form = require('./form/Form.cjs');
-const FormSubmitButton = require('./form/FormSubmitButton.cjs');
-const zodValidator = require('./form/utils/zodValidator.cjs');
-const nullableButRequired = require('./form/utils/nullable-but-required.cjs');
-const optionalButRequired = require('./form/utils/optional-but-required.cjs');
 const FormCheckbox = require('./form/base/FormCheckbox.cjs');
+const FormCheckboxGroup = require('./form/base/FormCheckboxGroup.cjs');
+const FormDateInput = require('./form/base/FormDateInput.cjs');
 const FormDatePickerInput = require('./form/base/FormDatePickerInput.cjs');
 const FormDateTimePicker = require('./form/base/FormDateTimePicker.cjs');
+const FormMonthPickerInput = require('./form/base/FormMonthPickerInput.cjs');
+const FormMultiSelect = require('./form/base/FormMultiSelect.cjs');
 const FormNumberInput = require('./form/base/FormNumberInput.cjs');
 const FormRadioGroup = require('./form/base/FormRadioGroup.cjs');
 const FormSelect = require('./form/base/FormSelect.cjs');
@@ -40,10 +39,11 @@ const FormSelectInfinity = require('./form/base/FormSelectInfinity.cjs');
 const FormTextarea = require('./form/base/FormTextarea.cjs');
 const FormTextInput = require('./form/base/FormTextInput.cjs');
 const FormTimeInput = require('./form/base/FormTimeInput.cjs');
-const FormMultiSelect = require('./form/base/FormMultiSelect.cjs');
-const FormMonthPickerInput = require('./form/base/FormMonthPickerInput.cjs');
-const FormDateInput = require('./form/base/FormDateInput.cjs');
-const FormCheckboxGroup = require('./form/base/FormCheckboxGroup.cjs');
+const Form = require('./form/Form.cjs');
+const FormSubmitButton = require('./form/FormSubmitButton.cjs');
+const nullableButRequired = require('./form/utils/nullable-but-required.cjs');
+const optionalButRequired = require('./form/utils/optional-but-required.cjs');
+const zodValidator = require('./form/utils/zodValidator.cjs');
 const withController = require('./hocs/withController.cjs');
 const withModalManager = require('./hocs/withModalManager.cjs');
 const useBreakpoint = require('./hooks/useBreakpoint.cjs');
@@ -91,14 +91,13 @@ exports.QP_BACK_URL_NAME = hook.QP_BACK_URL_NAME;
 exports.useNavigationHistory = hook.useNavigationHistory;
 exports.PageDataProvider = index$h.PageDataProvider;
 exports.usePageData = index$h.usePageData;
-exports.Form = Form.Form;
-exports.FormSubmitButton = FormSubmitButton.FormSubmitButton;
-exports.zodValidator = zodValidator.zodValidator;
-exports.nullableButRequired = nullableButRequired.nullableButRequired;
-exports.optionalButRequired = optionalButRequired.optionalButRequired;
 exports.FormCheckbox = FormCheckbox.FormCheckbox;
+exports.FormCheckboxGroup = FormCheckboxGroup.FormCheckboxGroup;
+exports.FormDateInput = FormDateInput.FormDateInput;
 exports.FormDatePickerInput = FormDatePickerInput.FormDatePickerInput;
 exports.FormDateTimePicker = FormDateTimePicker.FormDateTimePicker;
+exports.FormMonthPickerInput = FormMonthPickerInput.FormMonthPickerInput;
+exports.FormMultiSelect = FormMultiSelect.FormMultiSelect;
 exports.FormNumberInput = FormNumberInput.FormNumberInput;
 exports.FormRadioGroup = FormRadioGroup.FormRadioGroup;
 exports.FormSelect = FormSelect.FormSelect;
@@ -108,10 +107,11 @@ exports.FormTextInput = FormTextInput.FormTextInput;
 exports.FormTimeInput = FormTimeInput.FormTimeInput;
 exports.numberToTimeInput = FormTimeInput.numberToTimeInput;
 exports.timeInputToNumber = FormTimeInput.timeInputToNumber;
-exports.FormMultiSelect = FormMultiSelect.FormMultiSelect;
-exports.FormMonthPickerInput = FormMonthPickerInput.FormMonthPickerInput;
-exports.FormDateInput = FormDateInput.FormDateInput;
-exports.FormCheckboxGroup = FormCheckboxGroup.FormCheckboxGroup;
+exports.Form = Form.Form;
+exports.FormSubmitButton = FormSubmitButton.FormSubmitButton;
+exports.nullableButRequired = nullableButRequired.nullableButRequired;
+exports.optionalButRequired = optionalButRequired.optionalButRequired;
+exports.zodValidator = zodValidator.zodValidator;
 exports.withController = withController.withController;
 exports.withModalManager = withModalManager.withModalManager;
 exports.useBreakpoint = useBreakpoint.useBreakpoint;

package/dist/index.js

@@ -21,14 +21,13 @@ export { Revalidate } from './consts/revalidate.js';
 export { NavigationHistoryProvider } from './contexts/NavigationHistoryContext/index.js';
 export { QP_BACK_URL_NAME, useNavigationHistory } from './contexts/NavigationHistoryContext/hook.js';
 export { PageDataProvider, usePageData } from './contexts/PageDataContext/index.js';
-export { Form } from './form/Form.js';
-export { FormSubmitButton } from './form/FormSubmitButton.js';
-export { zodValidator } from './form/utils/zodValidator.js';
-export { nullableButRequired } from './form/utils/nullable-but-required.js';
-export { optionalButRequired } from './form/utils/optional-but-required.js';
 export { FormCheckbox } from './form/base/FormCheckbox.js';
+export { FormCheckboxGroup } from './form/base/FormCheckboxGroup.js';
+export { FormDateInput } from './form/base/FormDateInput.js';
 export { FormDatePickerInput } from './form/base/FormDatePickerInput.js';
 export { FormDateTimePicker } from './form/base/FormDateTimePicker.js';
+export { FormMonthPickerInput } from './form/base/FormMonthPickerInput.js';
+export { FormMultiSelect } from './form/base/FormMultiSelect.js';
 export { FormNumberInput } from './form/base/FormNumberInput.js';
 export { FormRadioGroup } from './form/base/FormRadioGroup.js';
 export { FormSelect } from './form/base/FormSelect.js';
@@ -36,10 +35,11 @@ export { FormInfinitySelect } from './form/base/FormSelectInfinity.js';
 export { FormTextarea } from './form/base/FormTextarea.js';
 export { FormTextInput } from './form/base/FormTextInput.js';
 export { FormTimeInput, numberToTimeInput, timeInputToNumber } from './form/base/FormTimeInput.js';
-export { FormMultiSelect } from './form/base/FormMultiSelect.js';
-export { FormMonthPickerInput } from './form/base/FormMonthPickerInput.js';
-export { FormDateInput } from './form/base/FormDateInput.js';
-export { FormCheckboxGroup } from './form/base/FormCheckboxGroup.js';
+export { Form } from './form/Form.js';
+export { FormSubmitButton } from './form/FormSubmitButton.js';
+export { nullableButRequired } from './form/utils/nullable-but-required.js';
+export { optionalButRequired } from './form/utils/optional-but-required.js';
+export { zodValidator } from './form/utils/zodValidator.js';
 export { withController } from './hocs/withController.js';
 export { withModalManager } from './hocs/withModalManager.js';
 export { useBreakpoint } from './hooks/useBreakpoint.js';

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

@@ -26,13 +26,16 @@ function _interopNamespaceDefault(e) {
 const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 const useIsomorphicLayoutEffect = typeof document !== "undefined" ? React__namespace.useLayoutEffect : React__namespace.useEffect;
-function useVirtualizerBase(options) {
+function useVirtualizerBase({
+  useFlushSync = true,
+  ...options
+}) {
   const rerender = React__namespace.useReducer(() => ({}), {})[1];
   const resolvedOptions = {
     ...options,
     onChange: (instance2, sync) => {
       var _a;
-      if (sync) {
+      if (useFlushSync && sync) {
         reactDom.flushSync(rerender);
       } else {
         rerender();

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

@@ -4,13 +4,16 @@ import { Virtualizer, elementScroll, observeElementOffset, observeElementRect }
 export { defaultKeyExtractor, defaultRangeExtractor, measureElement } from '../../../virtual-core/dist/esm/index.js';
 
 const useIsomorphicLayoutEffect = typeof document !== "undefined" ? React.useLayoutEffect : React.useEffect;
-function useVirtualizerBase(options) {
+function useVirtualizerBase({
+  useFlushSync = true,
+  ...options
+}) {
   const rerender = React.useReducer(() => ({}), {})[1];
   const resolvedOptions = {
     ...options,
     onChange: (instance2, sync) => {
       var _a;
-      if (sync) {
+      if (useFlushSync && sync) {
         flushSync(rerender);
       } else {
         rerender();

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

@@ -84,7 +84,6 @@ const observeElementOffset = (instance, cb) => {
   };
   const handler = createHandler(true);
   const endHandler = createHandler(false);
-  endHandler();
   element.addEventListener("scroll", handler, addEventListenerOptions);
   const registerScrollendEvent = instance.options.useScrollendEvent && supportsScrollend;
   if (registerScrollendEvent) {
@@ -126,6 +125,7 @@ class Virtualizer {
     this.scrollElement = null;
     this.targetWindow = null;
     this.isScrolling = false;
+    this.currentScrollToIndex = null;
     this.measurementsCache = [];
     this.itemSizeCache = /* @__PURE__ */ new Map();
     this.laneAssignments = /* @__PURE__ */ new Map();
@@ -261,10 +261,6 @@ class Virtualizer {
         this.elementsCache.forEach((cached) => {
           this.observer.observe(cached);
         });
-        this._scrollToOffset(this.getScrollOffset(), {
-          adjustments: void 0,
-          behavior: void 0
-        });
         this.unsubs.push(
           this.options.observeElementRect(this, (rect) => {
             this.scrollRect = rect;
@@ -280,6 +276,10 @@ class Virtualizer {
             this.maybeNotify();
           })
         );
+        this._scrollToOffset(this.getScrollOffset(), {
+          adjustments: void 0,
+          behavior: void 0
+        });
       }
     };
     this.getSize = () => {
@@ -351,11 +351,7 @@ class Virtualizer {
         };
       },
       {
-        key: false,
-        skipInitialOnChange: true,
-        onChange: () => {
-          this.notify(this.isScrolling);
-        }
+        key: false
       }
     );
     this.getMeasurements = utils.memo(
@@ -382,7 +378,7 @@ class Virtualizer {
           this.laneAssignments.clear();
           this.pendingMeasuredCacheIndexes = [];
         }
-        if (this.measurementsCache.length === 0) {
+        if (this.measurementsCache.length === 0 && !this.lanesSettling) {
           this.measurementsCache = this.options.initialMeasurementsCache;
           this.measurementsCache.forEach((item) => {
             this.itemSizeCache.set(item.key, item.size);
@@ -587,7 +583,17 @@ class Virtualizer {
         )]
       );
     };
+    this.getMaxScrollOffset = () => {
+      if (!this.scrollElement) return 0;
+      if ("scrollHeight" in this.scrollElement) {
+        return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
+      } else {
+        const doc = this.scrollElement.document.documentElement;
+        return this.options.horizontal ? doc.scrollWidth - this.scrollElement.innerWidth : doc.scrollHeight - this.scrollElement.innerHeight;
+      }
+    };
     this.getOffsetForAlignment = (toOffset, align, itemSize = 0) => {
+      if (!this.scrollElement) return 0;
       const size = this.getSize();
       const scrollOffset = this.getScrollOffset();
       if (align === "auto") {
@@ -598,7 +604,7 @@ class Virtualizer {
       } else if (align === "end") {
         toOffset -= size;
       }
-      const maxOffset = this.getTotalSize() + this.options.scrollMargin - size;
+      const maxOffset = this.getMaxScrollOffset();
       return Math.max(Math.min(maxOffset, toOffset), 0);
     };
     this.getOffsetForIndex = (index, align = "auto") => {
@@ -618,6 +624,9 @@ class Virtualizer {
           return [scrollOffset, align];
         }
       }
+      if (align === "end" && index === this.options.count - 1) {
+        return [this.getMaxScrollOffset(), align];
+      }
       const toOffset = align === "end" ? item.end + this.options.scrollPaddingEnd : item.start - this.options.scrollPaddingStart;
       return [
         this.getOffsetForAlignment(toOffset, align, item.size),
@@ -643,6 +652,7 @@ class Virtualizer {
         );
       }
       index = Math.max(0, Math.min(index, this.options.count - 1));
+      this.currentScrollToIndex = index;
       let attempts = 0;
       const maxAttempts = 10;
       const tryScroll = (currentAlign) => {
@@ -655,19 +665,29 @@ class Virtualizer {
         const [offset, align] = offsetInfo;
         this._scrollToOffset(offset, { adjustments: void 0, behavior });
         this.targetWindow.requestAnimationFrame(() => {
-          const currentOffset = this.getScrollOffset();
-          const afterInfo = this.getOffsetForIndex(index, align);
-          if (!afterInfo) {
-            console.warn("Failed to get offset for index:", index);
-            return;
-          }
-          if (!utils.approxEqual(afterInfo[0], currentOffset)) {
-            scheduleRetry(align);
+          if (!this.targetWindow) return;
+          const verify = () => {
+            if (this.currentScrollToIndex !== index) return;
+            const currentOffset = this.getScrollOffset();
+            const afterInfo = this.getOffsetForIndex(index, align);
+            if (!afterInfo) {
+              console.warn("Failed to get offset for index:", index);
+              return;
+            }
+            if (!utils.approxEqual(afterInfo[0], currentOffset)) {
+              scheduleRetry(align);
+            }
+          };
+          if (this.isDynamicMode()) {
+            this.targetWindow.requestAnimationFrame(verify);
+          } else {
+            verify();
           }
         });
       };
       const scheduleRetry = (align) => {
         if (!this.targetWindow) return;
+        if (this.currentScrollToIndex !== index) return;
         attempts++;
         if (attempts < maxAttempts) {
           if (process.env.NODE_ENV !== "production" && this.options.debug) {

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

@@ -80,7 +80,6 @@ const observeElementOffset = (instance, cb) => {
   };
   const handler = createHandler(true);
   const endHandler = createHandler(false);
-  endHandler();
   element.addEventListener("scroll", handler, addEventListenerOptions);
   const registerScrollendEvent = instance.options.useScrollendEvent && supportsScrollend;
   if (registerScrollendEvent) {
@@ -122,6 +121,7 @@ class Virtualizer {
     this.scrollElement = null;
     this.targetWindow = null;
     this.isScrolling = false;
+    this.currentScrollToIndex = null;
     this.measurementsCache = [];
     this.itemSizeCache = /* @__PURE__ */ new Map();
     this.laneAssignments = /* @__PURE__ */ new Map();
@@ -257,10 +257,6 @@ class Virtualizer {
         this.elementsCache.forEach((cached) => {
           this.observer.observe(cached);
         });
-        this._scrollToOffset(this.getScrollOffset(), {
-          adjustments: void 0,
-          behavior: void 0
-        });
         this.unsubs.push(
           this.options.observeElementRect(this, (rect) => {
             this.scrollRect = rect;
@@ -276,6 +272,10 @@ class Virtualizer {
             this.maybeNotify();
           })
         );
+        this._scrollToOffset(this.getScrollOffset(), {
+          adjustments: void 0,
+          behavior: void 0
+        });
       }
     };
     this.getSize = () => {
@@ -347,11 +347,7 @@ class Virtualizer {
         };
       },
       {
-        key: false,
-        skipInitialOnChange: true,
-        onChange: () => {
-          this.notify(this.isScrolling);
-        }
+        key: false
       }
     );
     this.getMeasurements = memo(
@@ -378,7 +374,7 @@ class Virtualizer {
           this.laneAssignments.clear();
           this.pendingMeasuredCacheIndexes = [];
         }
-        if (this.measurementsCache.length === 0) {
+        if (this.measurementsCache.length === 0 && !this.lanesSettling) {
           this.measurementsCache = this.options.initialMeasurementsCache;
           this.measurementsCache.forEach((item) => {
             this.itemSizeCache.set(item.key, item.size);
@@ -583,7 +579,17 @@ class Virtualizer {
         )]
       );
     };
+    this.getMaxScrollOffset = () => {
+      if (!this.scrollElement) return 0;
+      if ("scrollHeight" in this.scrollElement) {
+        return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
+      } else {
+        const doc = this.scrollElement.document.documentElement;
+        return this.options.horizontal ? doc.scrollWidth - this.scrollElement.innerWidth : doc.scrollHeight - this.scrollElement.innerHeight;
+      }
+    };
     this.getOffsetForAlignment = (toOffset, align, itemSize = 0) => {
+      if (!this.scrollElement) return 0;
       const size = this.getSize();
       const scrollOffset = this.getScrollOffset();
       if (align === "auto") {
@@ -594,7 +600,7 @@ class Virtualizer {
       } else if (align === "end") {
         toOffset -= size;
       }
-      const maxOffset = this.getTotalSize() + this.options.scrollMargin - size;
+      const maxOffset = this.getMaxScrollOffset();
       return Math.max(Math.min(maxOffset, toOffset), 0);
     };
     this.getOffsetForIndex = (index, align = "auto") => {
@@ -614,6 +620,9 @@ class Virtualizer {
           return [scrollOffset, align];
         }
       }
+      if (align === "end" && index === this.options.count - 1) {
+        return [this.getMaxScrollOffset(), align];
+      }
       const toOffset = align === "end" ? item.end + this.options.scrollPaddingEnd : item.start - this.options.scrollPaddingStart;
       return [
         this.getOffsetForAlignment(toOffset, align, item.size),
@@ -639,6 +648,7 @@ class Virtualizer {
         );
       }
       index = Math.max(0, Math.min(index, this.options.count - 1));
+      this.currentScrollToIndex = index;
       let attempts = 0;
       const maxAttempts = 10;
       const tryScroll = (currentAlign) => {
@@ -651,19 +661,29 @@ class Virtualizer {
         const [offset, align] = offsetInfo;
         this._scrollToOffset(offset, { adjustments: void 0, behavior });
         this.targetWindow.requestAnimationFrame(() => {
-          const currentOffset = this.getScrollOffset();
-          const afterInfo = this.getOffsetForIndex(index, align);
-          if (!afterInfo) {
-            console.warn("Failed to get offset for index:", index);
-            return;
-          }
-          if (!approxEqual(afterInfo[0], currentOffset)) {
-            scheduleRetry(align);
+          if (!this.targetWindow) return;
+          const verify = () => {
+            if (this.currentScrollToIndex !== index) return;
+            const currentOffset = this.getScrollOffset();
+            const afterInfo = this.getOffsetForIndex(index, align);
+            if (!afterInfo) {
+              console.warn("Failed to get offset for index:", index);
+              return;
+            }
+            if (!approxEqual(afterInfo[0], currentOffset)) {
+              scheduleRetry(align);
+            }
+          };
+          if (this.isDynamicMode()) {
+            this.targetWindow.requestAnimationFrame(verify);
+          } else {
+            verify();
           }
         });
       };
       const scheduleRetry = (align) => {
         if (!this.targetWindow) return;
+        if (this.currentScrollToIndex !== index) return;
         attempts++;
         if (attempts < maxAttempts) {
           if (process.env.NODE_ENV !== "production" && this.options.debug) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkd-web-kit",
-  "version": "0.7.28",
+  "version": "0.7.30",
   "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.12",
-    "@mantine/dates": "^8.3.12",
-    "@mantine/hooks": "^8.3.12",
-    "@mantine/notifications": "^8.3.12",
-    "@tanstack/react-query": "^5.90.16",
+    "@mantine/core": "^8.3.15",
+    "@mantine/dates": "^8.3.15",
+    "@mantine/hooks": "^8.3.15",
+    "@mantine/notifications": "^8.3.15",
+    "@tanstack/react-query": "^5.90.21",
     "clsx": "^2.1.1",
-    "ky": "^1.14.2",
-    "next": "^16.1.1",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "react-hook-form": "^7.71.0",
+    "ky": "^1.14.3",
+    "next": "^16.1.6",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-hook-form": "^7.71.2",
     "react-query-kit": "^3.3.2",
-    "zod": "^4.3.5"
+    "zod": "^4.3.6"
   },
   "dependencies": {
-    "@tanstack/react-virtual": "^3.13.13"
+    "@tanstack/react-virtual": "^3.13.19"
   }
-}
+}