@hashrytech/quick-components-kit 0.19.15 → 0.19.17

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @hashrytech/quick-components-kit
 
+## 0.19.17
+
+### Patch Changes
+
+- feat: Added min and max enforcement
+
+## 0.19.16
+
+### Patch Changes
+
+- feat: force positive number to text field property
+
 ## 0.19.15
 
 ### Patch Changes

package/dist/components/text-input/TextInput.svelte

@@ -51,8 +51,10 @@
         inputmode?: InputMode;
         min?: number;
         max?: number;
+        step?: number;
         debounceDelay?: number;
-        onInput?: (value: string|number) => void;
+        forcePositiveNumber?: boolean;
+        onInput?: (value: string|number|null) => void;
         onchange?: (event: Event) => void;
         onmouseup?: () => void;
         label?: Snippet;
@@ -88,7 +90,9 @@
         inputmode,
         min,
         max,
+        step,
         debounceDelay=300, //ms
+        forcePositiveNumber=false,
         onchange,
         onInput,
         onmouseup, 
@@ -128,6 +132,25 @@
 
     function handleInput(e: Event) {
 		localValue = (e.target as HTMLInputElement).value;
+        if (forcePositiveNumber) {
+            localValue = sanitizePositiveNumber(localValue);
+            (e.target as HTMLInputElement).value = localValue; // reflect sanitized value in the UI
+        }
+
+        if(max && max > 0){
+            if(Number(value) > max){
+                localValue = String(max);
+                (e.target as HTMLInputElement).value = localValue; // reflect max value in the UI
+            }
+        }
+
+        if(min && min > 0){
+            if(Number(value) < min){
+                localValue = String(min);
+                (e.target as HTMLInputElement).value = localValue; // reflect min value in the UI
+            }
+        }
+
 		clearTimeout(debounceTimer);
 		debounceTimer = setTimeout(() => {
 			value = localValue; // sync to bound value after delay
@@ -135,6 +158,27 @@
 		}, debounceDelay);
 	}
 
+    function sanitizePositiveNumber(value: string | number | null): string {
+        // Handle null, undefined, or empty string
+        if (value === null || value === undefined || value === "") {
+            return "1";
+        }
+
+        // Convert to string and strip non-digits
+        let v = value.toString().replace(/[^0-9]/g, "") || "1";
+
+        // Convert to number
+        let num = parseInt(v, 10);
+
+        // If NaN, zero, or negative → force to 1
+        if (isNaN(num) || num <= 0) {
+            return "1";
+        }
+
+        // Return normalized positive integer as string
+        return String(num);
+    }
+
 </script>
 
 <div class={twMerge("", firstDivClass)}>

package/dist/components/text-input/TextInput.svelte.d.ts

@@ -48,8 +48,10 @@ export type TextInputProps = {
     inputmode?: InputMode;
     min?: number;
     max?: number;
+    step?: number;
     debounceDelay?: number;
-    onInput?: (value: string | number) => void;
+    forcePositiveNumber?: boolean;
+    onInput?: (value: string | number | null) => void;
     onchange?: (event: Event) => void;
     onmouseup?: () => void;
     label?: Snippet;

package/package.json

@@ -5,7 +5,7 @@
     "type": "git",
     "url": "git+https://github.com/hashrytech/quick-components-kit.git"
   },
-  "version": "0.19.15",
+  "version": "0.19.17",
   "license": "MIT",
   "author": "Hashry Tech",
   "files": [