Pre-define already selected type for a new option (#402)

* predefine option type and add invalid state for empty value * use type of first option
VolkovLabs · May 31, 2024 · 651868e · 651868e
1 parent a7d9d57
commit 651868e
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/ElementOptionsEditor/ElementOptionsEditor.tsx b/src/components/ElementOptionsEditor/ElementOptionsEditor.tsx
@@ -173,7 +173,7 @@ export const ElementOptionsEditor: React.FC<Props> = ({ options = [], onChange,
                                     aria-label={TEST_IDS.formElementsEditor.fieldOptionType}
                                   />
                                 </InlineField>
-                                <InlineField label="Value" labelWidth={6} grow={true}>
+                                <InlineField invalid={!option.value} label="Value" labelWidth={6} grow={true}>
                                   <Input
                                     placeholder={option.type === FormElementType.NUMBER ? 'number' : 'string'}
                                     type={option.type === FormElementType.NUMBER ? 'number' : undefined}
@@ -255,6 +255,7 @@ export const ElementOptionsEditor: React.FC<Props> = ({ options = [], onChange,
           onClick={() => {
             const newOption = {
               ...FORM_ELEMENT_OPTION_DEFAULT,
+              type: !!options.length ? options[0].type : FORM_ELEMENT_OPTION_DEFAULT.type,
             };
 
             onChange(options.concat(newOption));