feat: clean up SearchProgramSelector componens

Author: henrikmv

src/core_modules/capture-core/components/Pages/common/TEIRelationshipsWidget/TeiSearch/SearchProgramSelector/SearchProgramSelector.component.tsx

@@ -10,9 +10,6 @@ const programFieldStyles = {
         paddingTop: 12,
         flexBasis: 200,
     },
-    inputContainerStyle: {
-        flexBasis: 150,
-    },
 };
 
 type Props = {
@@ -32,7 +29,7 @@ export class SearchProgramSelectorComponent extends React.Component<Props> {
                 styles={programFieldStyles}
                 options={this.props.programOptions}
                 onChange={this.onSelectProgram}
-                placeholder={i18n.t('Selected program')}
+                label={i18n.t('Selected program')}
                 value={this.props.selectedProgramId}
             />
         );

src/core_modules/capture-core/components/TeiSearch/SearchProgramSelector/SearchProgramSelector.component.tsx

@@ -10,26 +10,20 @@ const programFieldStyles = {
         paddingTop: 12,
         flexBasis: 200,
     },
-    inputContainerStyle: {
-        flexBasis: 150,
-    },
 };
 
 export class SearchProgramSelectorComponent extends React.Component<SearchProgramSelectorProps> {
-    onSelectProgram = ({ selected }: { selected: string }) => {
-        this.props.onSetProgram(this.props.searchId, selected);
+    onSelectProgram = (programId: string | null) => {
+        this.props.onSetProgram(this.props.searchId, programId ?? undefined);
     }
     render() {
-        const { programOptions, selectedProgramId } = this.props;
         return (
             <SearchProgramField
                 styles={programFieldStyles}
-                value={selectedProgramId}
-                onChange={value => this.onSelectProgram({ selected: value || '' })}
+                options={this.props.programOptions}
+                onChange={this.onSelectProgram}
                 label={i18n.t('Selected program')}
-                clearable
-                filterable
-                options={programOptions}
+                value={this.props.selectedProgramId}
             />
         );
     }