elastic · alexwizp · Aug 18, 2025 · Aug 12, 2025 · Aug 18, 2025
@@ -122,6 +122,7 @@ export const LinkEditor = ({
                 }
                 setSelectedLinkType(id as LinkType);
               }}
+              name="linkType"
             />
           </EuiFormRow>
           <LinkDestination

@@ -139,6 +139,7 @@ export const OptionsListEditorOptions = ({
             setSingleSelect(newSingleSelect);
             updateState({ singleSelect: newSingleSelect });
           }}
+          name="selectionType"
         />
       </EuiFormRow>
       {allowExpensiveQueries && compatibleSearchTechniques.length > 1 && (
@@ -155,6 +156,7 @@ export const OptionsListEditorOptions = ({
               setSearchTechnique(newSearchTechnique);
               updateState({ searchTechnique: newSearchTechnique });
             }}
+            name="searchTechnique"
           />
         </EuiFormRow>
       )}

@@ -9,18 +9,21 @@
 
 import React from 'react';
 import { EuiFormRow, EuiRadioGroup } from '@elastic/eui';
+import camelCase from 'lodash/camelCase';
 
 import { FieldHook, getFieldValidityAndErrorMessage } from '../../hook_form_lib';
 
 interface Props {
   field: FieldHook;
   euiFieldProps?: Record<string, any>;
   idAria?: string;
+  name?: string;
   [key: string]: any;
 }
 
-export const RadioGroupField = ({ field, euiFieldProps = {}, idAria, ...rest }: Props) => {
+export const RadioGroupField = ({ field, euiFieldProps = {}, idAria, name, ...rest }: Props) => {
   const { isInvalid, errorMessage } = getFieldValidityAndErrorMessage(field);
+  const radioGroupName = name || camelCase(field.label || 'optionsGroup');
 
   return (
     <EuiFormRow
@@ -37,6 +40,7 @@ export const RadioGroupField = ({ field, euiFieldProps = {}, idAria, ...rest }:
         options={[]}
         onChange={field.setValue}
         data-test-subj="input"
+        name={radioGroupName}
         {...euiFieldProps}
       />
     </EuiFormRow>

@@ -117,6 +117,7 @@ export const ImportModeControl = ({ initialValues, updateSelection }: ImportMode
         onChange={() => onChange({ createNewCopies: false })}
       >
         <EuiRadioGroup
+          name="importModeOverwrite"
           options={[overwriteEnabled, overwriteDisabled]}
           idSelected={overwrite ? overwriteEnabled.id : overwriteDisabled.id}
           onChange={(id: string) => onChange({ overwrite: id === overwriteEnabled.id })}

@@ -498,6 +498,7 @@ class UrlPanelContentComponent extends Component<UrlPanelContentProps, State, Wi
     return (
       <EuiFormRow helpText={generateLinkAsHelp}>
         <EuiRadioGroup
+          name="exportUrlAs"
           options={this.renderExportUrlAsOptions()}
           idSelected={this.state.exportUrlAs}
           onChange={this.handleExportUrlAs}

@@ -190,6 +190,7 @@ export const FullTimeRangeSelector: FC<FullTimeRangeSelectorProps> = (props) =>
           idSelected={frozenDataPreference}
           onChange={setPreference}
           compressed
+          name="frozenDataPreference"
         />
       </EuiPanel>
     ),

@@ -60,6 +60,7 @@ export const ShrinkField: FunctionComponent<Props> = ({ phase }) => {
       {isUsingShardSize === undefined ? null : (
         <>
           <EuiRadioGroup
+            name={`${phase}ShrinkMethod`}
             options={[
               {
                 id: `${phase}-configureShardCount`,

@@ -81,6 +81,7 @@ export const EndpointSelection = React.memo<EndpointSelectionProps>(
             <EuiSpacer size="m" />
             <EuiFlexItem>
               <EuiRadioGroup
+                name="endpointPathSelection"
                 options={options}
                 idSelected={selectedPath}
                 disabled={isGenerating}

@@ -75,6 +75,7 @@ export const ConnectorSelector = React.memo<ConnectorSelectorProps>(
                 <EuiFlexGroup direction="row" alignItems="center" justifyContent="spaceBetween">
                   <EuiFlexItem>
                     <EuiRadio
+                      name="connectorSelector"
                       label={connector.name}
                       id={connector.id}
                       value={connector.id}

@@ -110,7 +110,7 @@ const DeploymentModeStepContent = ({
         ]}
         idSelected={`${deploymentMode}_${radioSuffix}`}
         onChange={onChangeCallback}
-        name={`radio group ${radioSuffix}`}
+        name={`deploymentMode${radioSuffix}`}
       />
     </>
   );

@@ -835,7 +835,7 @@ export const AgentPolicyAdvancedOptionsContent: React.FunctionComponent<Props> =
                 agent_features: id === 'hostname' ? [] : [{ name: 'fqdn', enabled: true }],
               });
             }}
-            name="radio group"
+            name="hostNameFormat"
           />
         </EuiFormRow>
       </EuiDescribedFormGroup>

@@ -406,6 +406,7 @@ export const PackagePolicyInputStreamConfig = memo<Props>(
                                   },
                                 });
                               }}
+                              name="dataStreamType"
                             />
                           </EuiFormRow>
                         </EuiFlexItem>

@@ -160,6 +160,7 @@ export const OutputFormKafkaAuthentication: React.FunctionComponent<{
             }
           >
             <EuiRadioGroup
+              name="kafkaConnectionType"
               style={{ display: 'flex', gap: 30 }}
               data-test-subj={'settingsOutputsFlyout.kafkaConnectionTypeRadioInput'}
               options={kafkaConnectionTypeOptions}
@@ -322,6 +323,7 @@ export const OutputFormKafkaAuthentication: React.FunctionComponent<{
               }
             >
               <EuiRadioGroup
+                name="kafkaSaslMechanism"
                 style={{ display: 'flex', gap: 30 }}
                 data-test-subj={'settingsOutputsFlyout.kafkaSaslInput'}
                 options={kafkaSaslOptions}
@@ -405,6 +407,7 @@ export const OutputFormKafkaAuthentication: React.FunctionComponent<{
         <EuiSpacer size="m" />
         <EuiFormRow fullWidth>
           <EuiRadioGroup
+            name="kafkaAuthMethod"
             style={{ display: 'flex', gap: 30 }}
             data-test-subj={'settingsOutputsFlyout.kafkaAuthenticationRadioInput'}
             options={kafkaAuthenticationsOptions}

@@ -144,6 +144,7 @@ export const OutputFormKafkaPartitioning: React.FunctionComponent<{
           data-test-subj={'settingsOutputsFlyout.kafkaPartitioningRadioInput'}
           options={kafkaPartitioningOptions}
           compressed
+          name="kafkaPartitioningStrategy"
           {...inputs.kafkaPartitionTypeInput.props}
         />
       </EuiFormRow>

@@ -142,6 +142,7 @@ export const OutputFormKafkaTopics: React.FunctionComponent<{ inputs: OutputForm
           data-test-subj={'editOutputFlyout.kafkaTopicsRadioInput'}
           options={kafkaTopicsOptions}
           compressed
+          name="kafkaTopics"
           {...inputs.kafkaTopicsInput.props}
         />
       </EuiFormRow>

@@ -292,6 +292,7 @@ export const SSLFormSection: React.FunctionComponent<Props> = (props) => {
               data-test-subj={'fleetServerHosts.clientAuthenticationRadioInput'}
               options={clientAuthenticationsOptions}
               compressed
+              name="clientAuth"
               {...inputs.sslClientAuthInput.props}
             />
           </EuiFormRow>

@@ -111,7 +111,7 @@ export const InstallationModeSelectionStep = ({
         ]}
         idSelected={`${mode}_${radioSuffix}`}
         onChange={onChangeCallback}
-        name={`radio group ${radioSuffix}`}
+        name={`installationMode${radioSuffix}`}
       />
     ) : (
       <React.Fragment />

@@ -102,6 +102,7 @@ export const PipelinesCsvUploader: FC<Props> = ({
           options={options}
           idSelected={action}
           onChange={(id) => setAction(id as FieldCopyAction)}
+          name="defaultAction"
         />
       </EuiFormRow>
 

@@ -377,6 +377,7 @@ export class LayerTemplate extends Component<RenderWizardArguments, State> {
 
         <EuiFormRow>
           <EuiRadioGroup
+            name="boundariesSource"
             options={BOUNDARIES_OPTIONS}
             idSelected={this.state.leftSource}
             onChange={this._onLeftSourceChange}

@@ -221,6 +221,7 @@ export class ScalingForm extends Component<Props, State> {
     const clusteringRadio = (
       <EuiRadio
         id={SCALING_TYPES.CLUSTERS}
+        name="scalingType"
         label={this._getClustersOptionLabel()}
         checked={this.props.scalingType === SCALING_TYPES.CLUSTERS}
         onChange={() => this._onScalingTypeSelect(SCALING_TYPES.CLUSTERS)}
@@ -275,13 +276,15 @@ export class ScalingForm extends Component<Props, State> {
           <div>
             <EuiRadio
               id={SCALING_TYPES.MVT}
+              name="scalingType"
               label={this._getMvtOptionLabel()}
               checked={this.props.scalingType === SCALING_TYPES.MVT}
               onChange={() => this._onScalingTypeSelect(SCALING_TYPES.MVT)}
             />
             {this._renderClusteringRadio()}
             <EuiRadio
               id={SCALING_TYPES.LIMIT}
+              name="scalingType"
               label={this._getLimitOptionLabel()}
               checked={this.props.scalingType === SCALING_TYPES.LIMIT}
               onChange={() => this._onScalingTypeSelect(SCALING_TYPES.LIMIT)}

@@ -262,6 +262,7 @@ export function NavigationPanel({ center, settings, updateMapSetting, zoom }: Pr
           options={initialLocationOptions}
           idSelected={settings.initialLocation}
           onChange={onInitialLocationChange}
+          name="initialMapLocation"
         />
       </EuiFormRow>
       {renderInitialLocationInputs()}

@@ -99,6 +99,7 @@ export const SetViewForm = React.memo<SetViewFormProps>(({ settings, zoom, cente
         `}
       >
         <EuiRadioGroup
+          name="coordinateSystem"
           options={COORDINATE_SYSTEM_OPTIONS}
           idSelected={coordinateSystem}
           onChange={onCoordinateSystemChange}

@@ -291,6 +291,7 @@ export function CustomSelectionTable({
               )}
               {singleSelection && (
                 <EuiRadio
+                  name="jobSelection"
                   id={item[tableItemId]}
                   data-test-subj={`${item[tableItemId]}-radio-button`}
                   checked={isItemSelected(item[tableItemId])}

@@ -316,6 +316,7 @@ export const CustomUrlEditor: FC<CustomUrlEditorProps> = ({
           display="rowCompressed"
         >
           <EuiRadioGroup
+            name="linkToType"
             options={getLinkToOptions()}
             idSelected={type}
             onChange={onTypeChange}

@@ -112,6 +112,7 @@ export const EntityConfig: FC<EntityConfigProps> = ({
           }
         >
           <EuiRadioGroup
+            name="entitySortBy"
             options={sortOptions}
             idSelected={forceSortByName ? 'name' : config?.sort?.by}
             onChange={(id) => {
@@ -132,6 +133,7 @@ export const EntityConfig: FC<EntityConfigProps> = ({
           }
         >
           <EuiRadioGroup
+            name="entitySortOrder"
             options={orderOptions}
             idSelected={config?.sort?.order}
             onChange={(id) => {

@@ -84,6 +84,7 @@ const PackTypeSelectableComponent = ({
               title={
                 <EuiRadio
                   id={'osquery_pack_type_policy'}
+                  name="packType"
                   label={i18n.translate('xpack.osquery.pack.form.policyLabel', {
                     defaultMessage: 'Policy',
                   })}
@@ -107,6 +108,7 @@ const PackTypeSelectableComponent = ({
               title={
                 <EuiRadio
                   id={'osquery_pack_type_global'}
+                  name="packType"
                   label={i18n.translate('xpack.osquery.pack.form.globalLabel', {
                     defaultMessage: 'Global',
                   })}

@@ -149,6 +149,7 @@ export const CopyModeControl = ({ initialValues, updateSelection }: CopyModeCont
             onChange={(id: string) => onChange({ overwrite: id === overwriteEnabled.id })}
             disabled={createNewCopies}
             data-test-subj={'cts-copyModeControl-overwriteRadioGroup'}
+            name="overwriteOption"
           />
         </EuiCheckableCard>
       </EuiFormFieldset>

@@ -308,6 +308,7 @@ export const EsqlQueryExpression: React.FC<
             setRadioIdSelected(optionId);
             setParam('groupBy', optionId);
           }}
+          name="alertGroup"
         />
       </EuiFormRow>
       <EuiSpacer />
-Original file line number
+Diff line change
@@ Expand Up / @@ -406,6 +406,7 @@ export const PackagePolicyInputStreamConfig = memo<Props>( @@
                                       },
                                     });
                                   }}
+                                  name="dataStreamType"
                                 />
                               </EuiFormRow>
                             </EuiFlexItem>
@@ Expand Down @@