@fovestta2/web-react 1.2.1 → 1.2.3

package/dist/components/FvPasswordField.js

@@ -27,27 +27,20 @@ exports.FvPasswordField = void 0;
 const react_1 = __importStar(require("react"));
 const validation_engine_1 = require("@fovestta2/validation-engine");
 const FvPasswordField = ({ label = 'Password', placeholder = '••••••••', value, schema, disabled = false, readonly = false, className = '', inputClassName = '', labelClassName = '', errorClassName = '', onChange, onBlur, onFocus, }) => {
-    const [errorMessage, setErrorMessage] = (0, react_1.useState)(null);
+    const [isTouched, setIsTouched] = (0, react_1.useState)(false);
     const [showPassword, setShowPassword] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        validateValue(value);
-    }, [value, schema]);
-    const validateValue = (val) => {
-        if (!schema)
-            return;
-        const result = validation_engine_1.Validator.validate(val, schema);
-        if (!result.isValid && result.errorKey) {
-            setErrorMessage(result.errorKey);
-        }
-        else {
-            setErrorMessage(null);
-        }
-    };
+    const errorMessage = (0, react_1.useMemo)(() => {
+        if (!isTouched || !schema)
+            return null;
+        const result = validation_engine_1.Validator.validate(value, schema);
+        return result.isValid ? null : (result.message || result.errorKey);
+    }, [value, schema, isTouched]);
+    // Sync logic removed in favor of useMemo
     const handleInput = (e) => {
         onChange(e.target.value);
     };
     const handleBlur = (e) => {
-        validateValue(value);
+        setIsTouched(true);
         if (onBlur)
             onBlur();
     };
@@ -76,6 +69,9 @@ const FvPasswordField = ({ label = 'Password', placeholder = '••••••
             ERR_PASSWORD_MISSING_LOWERCASE: 'Lowercase letter missing',
             ERR_PASSWORD_MISSING_NUMBER: 'At least one number missing',
             ERR_PASSWORD_MISSING_SPECIAL_CHAR: 'Special character missing',
+            ERR_MIN_VALUE: 'Value is too small',
+            ERR_MAX_VALUE: 'Value is too large',
+            ERR_CUSTOM_INVALID: 'Invalid value',
         };
         return errorMessages[errorMessage] || errorMessage;
     };

package/dist/index.d.ts

@@ -26,3 +26,4 @@ export type { FvDocumentFieldProps } from './components/FvDocumentField';
 export * from './components/FvRichTextEditor';
 export * from './components/AddUpdateForm';
 export * from './components/QueryForm';
+export * from './components/FvMasterScreen';

package/dist/index.js

@@ -45,3 +45,4 @@ Object.defineProperty(exports, "FvDocumentField", { enumerable: true, get: funct
 __exportStar(require("./components/FvRichTextEditor"), exports);
 __exportStar(require("./components/AddUpdateForm"), exports);
 __exportStar(require("./components/QueryForm"), exports);
+__exportStar(require("./components/FvMasterScreen"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fovestta2/web-react",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "publishConfig": {
     "access": "public"
   },
@@ -25,7 +25,7 @@
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "@fovestta2/validation-engine": "^1.2.1"
+    "@fovestta2/validation-engine": "^1.2.3"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
@@ -35,5 +35,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "061e434bf565b7a96cb0f7a43ee1d64d723a920a"
+  "gitHead": "4a124b94929ae898505ed77eae348300e2f507b1"
 }