From 6a4946862fdd63fb2786fb0f5f94dc6f784930ce Mon Sep 17 00:00:00 2001
From: Jon <jonathon.lockwood@networkedweb.com>
Date: Wed, 13 Nov 2024 17:07:55 +0930
Subject: [PATCH] refactor(component): Pass field object directly to textarea

pasing the whole object as the component is to do ALL logic for the field

ref: #26 #27 nofusscomputing/centurion_erp#248 nofusscomputing/centurion_erp#388
---
 src/components/form/Textarea.jsx | 48 ++++++++++++++++++++++++++++----
 src/layout/ModelForm.jsx         | 12 ++------
 2 files changed, 46 insertions(+), 14 deletions(-)

diff --git a/src/components/form/Textarea.jsx b/src/components/form/Textarea.jsx
index d732072..ad65f0f 100644
--- a/src/components/form/Textarea.jsx
+++ b/src/components/form/Textarea.jsx
@@ -1,18 +1,56 @@
 const TextArea = ({
     id,
-    label,
-    helptext=null,
-    required=false,
     error_text=null,
     value= '',
     onChange = null,
-    class_name = null
+    class_name = null,
+    field_data = null
 }) => {
 
     if( value === null ) {
         value = ''
     }
 
+    let field_class_name = "common-field"
+    let helptext = null
+    let required = false
+    let label = ''
+
+    if( field_data ) {
+
+        field_data = Object(field_data)
+
+
+
+        if( 'help_text' in field_data) {
+
+            helptext = field_data['help_text']
+
+        }
+
+        if( 'label' in field_data ) {
+
+            label = field_data['label']
+
+        }
+
+        if( 'required' in field_data) {
+
+            required = field_data['required']
+
+        }
+
+        if( 'style' in field_data ) {
+
+            if( 'class' in field_data.style ) {
+
+                field_class_name += String( ' ' + field_data['style']['class'])
+
+            }
+        }
+    }
+
+
     return (
         <fieldset className={class_name}>
             <label className="name" for={id}>{label}</label>
@@ -20,7 +58,7 @@ const TextArea = ({
             <textarea
                 id={id}
                 required={required}
-                className="common-field"
+                className={field_class_name}
                 onChange={onChange}
                 onKeyUp={(e) =>{
 
diff --git a/src/layout/ModelForm.jsx b/src/layout/ModelForm.jsx
index 7e76272..9d5199f 100644
--- a/src/layout/ModelForm.jsx
+++ b/src/layout/ModelForm.jsx
@@ -255,10 +255,8 @@ const ModelForm = ({
 
                                     return (<TextArea
                                         id = {field_key}
-                                        label = {metadata.fields[field_key].label}
-                                        helptext   = {metadata.fields[field_key].help_text}
                                         error_text = {form_error && form_error[field_key]}
-                                        required   = {metadata.fields[field_key].required}
+                                        field_data={metadata.fields[field_key]}
                                         value={value}
                                         onChange={handleChange}
                                     />)
@@ -267,10 +265,8 @@ const ModelForm = ({
 
                                     return (<TextArea
                                         id = {field_key}
-                                        label = {metadata.fields[field_key].label}
-                                        helptext   = {metadata.fields[field_key].help_text}
                                         error_text = {form_error && form_error[field_key]}
-                                        required   = {metadata.fields[field_key].required}
+                                        field_data={metadata.fields[field_key]}
                                         value={value}
                                         onChange={handleChange}
                                     />)
@@ -282,10 +278,8 @@ const ModelForm = ({
 
                                         return (<TextArea
                                             id = {field_key}
-                                            label = {metadata.fields[field_key].label}
-                                            helptext   = {metadata.fields[field_key].help_text}
                                             error_text = {form_error && form_error[field_key]}
-                                            required   = {metadata.fields[field_key].required}
+                                            field_data={metadata.fields[field_key]}
                                             value={value}
                                             onChange={handleChange}
                                         />)