diff --git a/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingTableColumns-old/index.js b/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingTableColumns-old/index.js
new file mode 100644
index 0000000..ef568c0
--- /dev/null
+++ b/src/pages/BandoFormsEdit/components/BuilderElementSettings/components/ElementSettingTableColumns-old/index.js
@@ -0,0 +1,139 @@
+import React, { useEffect, useState } from 'react';
+import { __ } from '@wordpress/i18n';
+import { wrap } from 'object-path-immutable';
+import { findIndex, propEq } from 'ramda';
+
+// components
+import { InputText } from 'primereact/inputtext';
+import { Button } from 'primereact/button';
+import { InputSwitch } from 'primereact/inputswitch';
+
+// tools
+import uniqid from '../../../../../../helpers/uniqid';
+
+const ElementSettingTableColumns = ({
+ value,
+ name,
+ setDataFn
+ }) => {
+ const [stateFieldData, setStateFieldData] = useState([]);
+ const [rowsData, setRowsData] = useState([]);
+
+ const removeItem = (index) => {
+ const newData = stateFieldData.toSpliced(index, 1);
+ setStateFieldData(newData);
+ }
+
+ const addNewItem = () => {
+ setStateFieldData([...stateFieldData, { name: uniqid('o'), label: '', predefined: false }]);
+ }
+
+ const addNewRow = (index) => {
+ const newStateFieldData = wrap(stateFieldData)
+ .insert([index, 'rows'], { label: '' }, stateFieldData[index].rows.length)
+ .value();
+ setStateFieldData(newStateFieldData);
+ }
+
+ const removeRow = (index, indexK) => {
+ const newStateFieldData = wrap(stateFieldData)
+ .del([index, 'rows', indexK])
+ .value();
+ setStateFieldData(newStateFieldData);
+ }
+
+ const onInputChange = (e, index) => {
+ const { value } = e.target;
+ const newData = stateFieldData.map((o, i) => {
+ if (i === index) {
+ o.label = value;
+ }
+ return o;
+ })
+ setStateFieldData(newData);
+ }
+
+ const onSubInputChange = (e, index, indexK) => {
+ const { value } = e.target;
+ const newStateFieldData = wrap(stateFieldData)
+ .set([index, 'rows', indexK, 'label'], value)
+ .value();
+ setStateFieldData(newStateFieldData);
+ }
+
+ const setChecked = (value, index) => {
+ const newData = stateFieldData.map((o, i) => {
+ if (i === index) {
+ o.predefined = value;
+ if (value === false) {
+ o.rows = [];
+ }
+ }
+ return o;
+ })
+ setStateFieldData(newData);
+ }
+
+ const properField = (item, i) => {
+ return <>
+
onInputChange(e, i)}/>
+
+ {__('Predefinito?', 'gepafin')}
+ setChecked(e.value, i)}/>
+
+
+ }
+
+ const properSubField = (item, i, k) => {
+ return onSubInputChange(e, i, k)}/>
+ }
+
+ useEffect(() => {
+ const storeFieldData = value ?? [];
+ setStateFieldData(storeFieldData);
+ }, []);
+
+ useEffect(() => {
+ setDataFn(name, [...stateFieldData]);
+ }, [stateFieldData]);
+
+ stateFieldData.filter(o => o.predefined)
+
+ return (
+ <>
+
+ {stateFieldData.map((o, i) =>
+
+ {properField(o, i)}
+
+
)}
+
+
+
+
+ {o.rows.map((c, k) => {
+ const properIndex = findIndex(propEq(o.name, 'name'))(stateFieldData);
+ return
+
+ {properSubField(c, properIndex, k)}
+
+
+ })}
+
+
+
+ {__('Predefinito?', 'gepafin')}
+ setChecked(e.value, i)}/>
+
+
+ }
+
+ const properSubField = (item, i, name) => {
+ return onSubInputChange(e, name, i)}/>
+ }
+
+ useEffect(() => {
+ const stateFieldData = pathOr([], ['stateFieldData'], value);
+ setStateFieldData(stateFieldData);
+ const rowsData = pathOr([], ['rowsData'], value);
+ setRowsData(rowsData);
+ }, []);
+
+ useEffect(() => {
+ setDataFn(name, {
+ stateFieldData,
+ rowsData
+ });
+ }, [stateFieldData, rowsData]);
+
+ stateFieldData.filter(o => o.predefined)
+
+ return (
+ <>
+
+ {stateFieldData.map((o, i) =>
+
+ {properField(o, i)}
+
+
)}
+
+
+
+
+ {rowsData.map((c, k) => {
+ return
+
+ {properSubField(c, k, o.name)}
+
+
+ })}
+
+
+