- added 'clear' functionality;

- fixed color of text;

src/assets/scss/components/formBuilder.scss

@@ -277,7 +277,6 @@
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
-  color: white;
 }
 
 .formElementSettings__lastRowItem {

src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingTableColumns/index.js

@@ -136,6 +136,18 @@ const ElementSettingTableColumns = ({
         setStateFieldData(newData);
     }
 
+    const handleClearLastRowData = useCallback(() => {
+        const newData = stateFieldData.map((o) => {
+            delete o.lastRowFormula;
+            o.lastRowText = '';
+            delete o.enableFormula;
+
+            return o;
+        });
+
+        setStateFieldData(newData);
+    }, [stateFieldData]);
+
     const properFields = (item, i) => {
         return <>
             <div>
@@ -192,7 +204,7 @@ const ElementSettingTableColumns = ({
         </>
     }
 
-    const properFieldsLastRow = (item, i) => {
+    const properFieldsLastRow = useCallback((item, i) => {
         return <>
             <div>
                 <span>{sprintf(__('Colonna %d'), i + 1)}</span>
@@ -208,14 +220,13 @@ const ElementSettingTableColumns = ({
                 </div>
                 : <div>
                     <InputText
-                        value={item.lastRowText}
+                        value={item.lastRowText ? item.lastRowText : ''}
                         onInput={(e) => onLastRowInputChange(e, i)}/>
                 </div>}
         </>
-    }
+    }, [stateFieldData]);
 
-    const lastRow = useCallback(() => {
+    const lastRow = <div className="formElementSettings__repeater">
-        return <div className="formElementSettings__repeater">
         <div className="formElementSettings__lastRowHeader">
             <div className="formElementSettings__lastRowHeaderTitle">
                 {__('Definisci ultima righa', 'gepafin')}
@@ -225,14 +236,12 @@ const ElementSettingTableColumns = ({
                     label={__('Pulisci', 'gepafin')}
                     iconPos="right"
                     icon="pi pi-refresh"
-                        onClick={() => {
+                    onClick={handleClearLastRowData}/>
-                        }}/>
         </div>
         {stateFieldData.map((o, i) => <div key={i} className="formElementSettings__lastRowItem">
             {properFieldsLastRow(o, i)}
         </div>)}
-        </div>
+    </div>;
-    }, [stateFieldData]);
 
     useEffect(() => {
         const stateFieldData = pathOr([], ['stateFieldData'], value);
@@ -292,7 +301,7 @@ const ElementSettingTableColumns = ({
                     </Accordion>
                 </div>
                 : null}
-            {lastRow()}
+            {lastRow}
         </>
     )
 }