DM-9594:

  Fixed the bug in RadioGroupInputView.jsx

Author: Lijun Zhang

src/firefly/js/drawingLayers/DistanceToolUI.jsx

@@ -45,7 +45,7 @@ function DistanceToolUI({drawLayer,pv}) {
             <div>
                 Unit:
                 <div style={{display:'inline-block', paddingLeft:7}}>
-                    <RadioGroupInputFieldView options={options} fieldKey='units' value={pref}
+                    <RadioGroupInputFieldView options={options}  value={pref}
                                               onChange={(ev) => changeReadoutPref(drawLayer,pv,ev.target.value)} />
                 </div>
             </div>

src/firefly/js/drawingLayers/NorthUpCompassUI.jsx

@@ -35,7 +35,7 @@ function NorthUpCompassUI({drawLayer,pv}) {
             <div>
                 Overlay:
                 <div style={{display:'inline-block', paddingLeft:7}}>
-                    <RadioGroupInputFieldView options={options} fieldKey='overlay_option' value={pref.value}
+                    <RadioGroupInputFieldView options={options}  value={pref.value}
                                               onChange={(ev) => changeOverlayPref(drawLayer,pv,ev.target.value)} />
                 </div>
             </div>

src/firefly/js/templates/lightcurve/LcImageToolbarView.jsx

@@ -101,7 +101,7 @@ export function LcImageToolbarView({activePlotId, viewerId, viewerPlotIds, layou
                 <div style={{whiteSpace: 'nowrap', paddingLeft: 7}}>
                     Image Count:
                     <div style={{display:'inline-block', paddingLeft:7}}>
-                        <RadioGroupInputFieldView options={options} inline={true} fieldKey='frames' value={String(count)}
+                        <RadioGroupInputFieldView options={options} inline={true}  value={String(count)}
                                                   onChange={(ev) => changeSize(viewerId, ev.target.value)} />
                     </div>
                 </div>

src/firefly/js/ui/PointShapeSizePicker.jsx

@@ -240,7 +240,7 @@ class ShapePickerWrapper extends Component {
                              }}>
                     <div style={{display: 'flex', marginLeft: mLeft}} >
                         <div style={{width: labelW, color: textColor}} title={'pick a symbol'}>Symbols:</div>
-                        <RadioGroupInputFieldView fieldKey='pointoptions'
+                        <RadioGroupInputFieldView
                                                   onChange={this.updateSymbol}
                                                   tooltip='available symbol shapes'
                                                   options={options}

src/firefly/js/ui/RadioGroupInputFieldView.jsx

@@ -6,16 +6,14 @@ const vStyle={paddingLeft: 3, paddingRight: 8};
 const hStyle={paddingLeft: 0, paddingRight: 12};
 
 
-function makeOptions(options,alignment,fieldKey,value,onChange,tooltip) {
+function makeOptions(options,alignment ,value,onChange,tooltip) {
 
     const labelStyle= alignment==='vertical' ? vStyle : hStyle;
-    const uniqueName = uniqueId(fieldKey);
     return options.map((option) => (
         <span key={option.value}>
             <div style={{display:'inline-block'}} title={tooltip}>
                 <input type='radio'
                        title={tooltip}
-                       name={uniqueName}
                        value={option.value}
                        checked={value===option.value}
                        onChange={onChange}
@@ -26,7 +24,7 @@ function makeOptions(options,alignment,fieldKey,value,onChange,tooltip) {
     ));
 }
 
-export function RadioGroupInputFieldView({options,alignment,fieldKey,value,
+export function RadioGroupInputFieldView({options,alignment,value,
                                           onChange,label,inline,tooltip,
                                           labelWidth, wrapperStyle={}}) {
     const style= Object.assign({whiteSpace:'nowrap',display: inline?'inline-block':'block'},wrapperStyle);
@@ -37,15 +35,14 @@ export function RadioGroupInputFieldView({options,alignment,fieldKey,value,
         <div style={style}>
             {label && <InputFieldLabel label={label} tooltip={tooltip} labelWidth={labelWidth} /> }
             <div style={radioStyle} >
-                {makeOptions(options,alignment,fieldKey,value,onChange,tooltip)}
+                {makeOptions(options,alignment,value,onChange,tooltip)}
             </div>
         </div>
     );
 }
 
 RadioGroupInputFieldView.propTypes= {
     options: PropTypes.array.isRequired,
-    fieldKey: PropTypes.string.isRequired,
     value: PropTypes.string.isRequired,
     alignment:  PropTypes.string,
     onChange: PropTypes.func,