updated form fields and application logic;

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

@@ -12,7 +12,7 @@ import { Button } from 'primereact/button';
 import { Tag } from 'primereact/tag';
 import { TabView, TabPanel } from 'primereact/tabview';
 import { InputSwitch } from 'primereact/inputswitch';
-import ElementSettingRepeater from './components/ElementSettingRepeater';
+import ElementSetting from './components/ElementSetting';
 
 const BuilderElementSettings = ({ closeSettings }) => {
     const elements = useStore().main.formElements();
@@ -97,15 +97,11 @@ const BuilderElementSettings = ({ closeSettings }) => {
                 <TabView className="formElementSettings__tabs">
                     <TabPanel header={__('Presentation', 'gepafin')}>
                         {settings
-                            ? settings.map((o) => <div className="formElementSettings__field" key={o.name}>
-                                <label htmlFor={o.name}>{o.name}</label>
-                                {o.name === 'options'
-                                    ?
-                                    <ElementSettingRepeater value={o.value} name={o.name} setDataFn={onUpdateOptions}/>
-                                    : <InputText id={o.name} aria-describedby={`${o.name}-help`}
-                                                 value={o.value}
-                                                 onChange={(e) => onChange(e.target.value, o.name)}/>}
-                            </div>)
+                            ? settings.map((o) => <ElementSetting
+                                key={o.name}
+                                setting={o}
+                                changeFn={onChange}
+                                updateDataFn={onUpdateOptions}/>)
                             : null}
                     </TabPanel>
                     <TabPanel header={__('Validation', 'gepafin')}>