@moamc/rn-cli 1.4.2 → 1.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moamc/rn-cli",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "description": "Enterprise-grade Code Generation CLI for React Native Applications",
   "main": "index.js",
   "bin": {

package/templates/hookTemplate.js

@@ -41,7 +41,7 @@ const generateHookTemplate = (hookName, hasForm = false, formFields = [], eventN
     const hasDropdown = formFields.some(f => f.type === 'dropdown');
     const hasDate = formFields.some(f => f.type === 'date');
     
-    return `import { useState } from 'react';
+    return `import { useState, useCallback } from 'react';
 import { showToastNotification } from '../../../../helpers/common';${hasDate ? '\nimport moment from \'moment\';' : ''}
 import { validate${hookName} } from '../validation';
 
@@ -53,22 +53,21 @@ ${formFields.map(f => `\t\t${f.name}: '',`).join('\n')}
 \tconst [touched, setTouched] = useState({});
 \tconst [loading, setLoading] = useState(false);${hasDropdown ? '\n\tconst [bottomSheetType, setBottomSheetType] = useState(null);' : ''}${hasDate ? '\n\tconst [openCalendar, setOpenCalendar] = useState(false);' : ''}
 
-\tconst handleChange = (value, field) => {
-\t\tconst updatedFormData = { ...formData, [field]: value };
-\t\tsetFormData(updatedFormData);
+\tconst handleChange = useCallback((value, field) => {
+\t\tsetFormData(prev => ({ ...prev, [field]: value }));
 \t\tsetTouched(prev => ({ ...prev, [field]: true }));
 \t\t
-\t\t// Re-validate on change
-\t\tconst validationErrors = validate${hookName}(updatedFormData);
-\t\tsetErrors(validationErrors);
-\t};
+\t\t// Clear error for this field on change
+\t\tif (errors[field]) {
+\t\t\tsetErrors(prev => ({ ...prev, [field]: undefined }));
+\t\t}
+\t}, [errors]);
 
-\tconst handleSubmit = async () => {
+\tconst handleSubmit = useCallback(async () => {
 \t\tconst validationErrors = validate${hookName}(formData);
 \t\tif (Object.keys(validationErrors).length > 0) {
 \t\t\tsetErrors(validationErrors);
 \t\t\tsetTouched(Object.keys(formData).reduce((acc, key) => ({ ...acc, [key]: true }), {}));
-\t\t\t// Validation errors are shown inline below each field
 \t\t\treturn;
 \t\t}
 
@@ -81,11 +80,11 @@ ${formFields.map(f => `\t\t${f.name}: '',`).join('\n')}
 \t\t} finally {
 \t\t\tsetLoading(false);
 \t\t}
-\t};${hasDropdown ? `
+\t}, [formData]);${hasDropdown ? `
 
-\tconst openBottomSheet = (type) => {
+\tconst openBottomSheet = useCallback((type) => {
 \t\tsetBottomSheetType(type);
-\t};` : ''}
+\t}, []);` : ''}
 
 \treturn {
 \t\tformData,