Search: Add filterOption prop to Select (#24213)

(cherry picked from commit 6768fb3672)

packages/grafana-ui/src/components/Select/SelectBase.tsx

@@ -98,6 +98,7 @@ export function SelectBase<T>({
   defaultOptions,
   defaultValue,
   disabled = false,
+  filterOption,
   formatCreateLabel,
   getOptionLabel,
   getOptionValue,
@@ -176,6 +177,7 @@ export function SelectBase<T>({
     defaultValue,
     // Also passing disabled, as this is the new Select API, and I want to use this prop instead of react-select's one
     disabled,
+    filterOption,
     getOptionLabel,
     getOptionValue,
     inputValue,

packages/grafana-ui/src/components/Select/types.ts

@@ -14,6 +14,7 @@ export interface SelectCommonProps<T> {
   components?: any;
   defaultValue?: any;
   disabled?: boolean;
+  filterOption?: (option: SelectableValue, searchQuery: string) => void;
   /**   Function for formatting the text that is displayed when creating a new value*/
   formatCreateLabel?: (input: string) => string;
   getOptionLabel?: (item: SelectableValue<T>) => string;