@altiore/form - npm Package Compare versions

Comparing version 0.3.1 to 0.3.2

dist/field/field.js

@@ -23,3 +23,3 @@ var __assign = (this && this.__assign) || function () {
 };
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import _debounce from 'lodash/debounce';
@@ -31,2 +31,3 @@ export var Field = function (_a) {
     }), meta = _b[0], setMeta = _b[1];
+    var element = useRef(null);
     var handleDebounceFn = useCallback(function (e) {
@@ -43,10 +44,12 @@ e.preventDefault();
     }, []);
-    var debounceHandle = useCallback(_debounce(handleDebounceFn, 1500), []);
-    var handleKeyUp = useCallback(function (e) {
+    var debounceHandle = useCallback(_debounce(handleDebounceFn, 200), []);
+    var handleBlur = useCallback(function (e) {
         debounceHandle(e);
     }, [debounceHandle]);
     useEffect(function () {
-        var input = document.querySelector("input[name=" + name + "]");
+        var input = element.current.querySelector("input[name=" + name + "]");
         if (input) {
-            validate && input.addEventListener('keyup', handleKeyUp);
+            if (validate) {
+                input.addEventListener('blur', handleBlur);
+            }
         }
@@ -58,3 +61,5 @@ else {
             if (input) {
-                validate && input.removeEventListener('keyup', handleKeyUp);
+                if (validate) {
+                    input.removeEventListener('blur', handleBlur);
+                }
             }
@@ -64,3 +69,3 @@ };
     var Input = component;
-    return (React.createElement(React.Fragment, null, Input ? (React.createElement(Input, __assign({ name: name, meta: meta }, props))) : (React.createElement("input", { name: name }))));
+    return (React.createElement("span", { ref: element }, Input ? (React.createElement(Input, __assign({ name: name, meta: meta }, props))) : (React.createElement("input", { name: name }))));
 };

package.json

 {
 	"name": "@altiore/form",
-	"version": "0.3.1",
+	"version": "0.3.2",
 	"description": "Form helper for building powerful forms",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

7221

increased by1.7%

Lines of code

108

increased by4.85%

No dependency changes