- added 'clear' functionality;

- fixed color of text;

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,32 +220,29 @@ const ElementSettingTableColumns = ({
                 </div>
                 : <div>
                     <InputText
-                        value={item.lastRowText}
+                        value={item.lastRowText ? item.lastRowText : ''}
                         onInput={(e) => onLastRowInputChange(e, i)}/>
                 </div>}
         </>
-    }
-
-    const lastRow = useCallback(() => {
-        return <div className="formElementSettings__repeater">
-            <div className="formElementSettings__lastRowHeader">
-                <div className="formElementSettings__lastRowHeaderTitle">
-                    {__('Definisci ultima righa', 'gepafin')}
-                </div>
-                <Button type="button"
-                        outlined
-                        label={__('Pulisci', 'gepafin')}
-                        iconPos="right"
-                        icon="pi pi-refresh"
-                        onClick={() => {
-                        }}/>
-            </div>
-            {stateFieldData.map((o, i) => <div key={i} className="formElementSettings__lastRowItem">
-                {properFieldsLastRow(o, i)}
-            </div>)}
-        </div>
     }, [stateFieldData]);
 
+    const lastRow = <div className="formElementSettings__repeater">
+        <div className="formElementSettings__lastRowHeader">
+            <div className="formElementSettings__lastRowHeaderTitle">
+                {__('Definisci ultima righa', 'gepafin')}
+            </div>
+            <Button type="button"
+                    outlined
+                    label={__('Pulisci', 'gepafin')}
+                    iconPos="right"
+                    icon="pi pi-refresh"
+                    onClick={handleClearLastRowData}/>
+        </div>
+        {stateFieldData.map((o, i) => <div key={i} className="formElementSettings__lastRowItem">
+            {properFieldsLastRow(o, i)}
+        </div>)}
+    </div>;
+
     useEffect(() => {
         const stateFieldData = pathOr([], ['stateFieldData'], value);
         setStateFieldData(stateFieldData);
@@ -292,7 +301,7 @@ const ElementSettingTableColumns = ({
                     </Accordion>
                 </div>
                 : null}
-            {lastRow()}
+            {lastRow}
         </>
     )
 }