From 6c32a4c0ab8f965085e1f1f1ef30cf1b5fae83f7 Mon Sep 17 00:00:00 2001
From: Dominik Prokop <dominik.prokop@grafana.com>
Date: Tue, 28 Jan 2020 08:38:21 +0100
Subject: [PATCH] Forms: Allow custom value creation in async select (#21759)

---
 .../grafana-ui/src/components/Forms/Select/SelectBase.tsx     | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/grafana-ui/src/components/Forms/Select/SelectBase.tsx b/packages/grafana-ui/src/components/Forms/Select/SelectBase.tsx
index b1a69ba4380..8f487b8ea02 100644
--- a/packages/grafana-ui/src/components/Forms/Select/SelectBase.tsx
+++ b/packages/grafana-ui/src/components/Forms/Select/SelectBase.tsx
@@ -6,6 +6,8 @@ import { default as ReactSelect } from '@torkelo/react-select';
 import Creatable from '@torkelo/react-select/creatable';
 // @ts-ignore
 import { default as ReactAsyncSelect } from '@torkelo/react-select/async';
+// @ts-ignore
+import { default as AsyncCreatable } from '@torkelo/react-select/async-creatable';
 
 import { Icon } from '../../Icon/Icon';
 import { css, cx } from 'emotion';
@@ -243,7 +245,7 @@ export function SelectBase<T>({
 
   // Instead of having AsyncSelect, as a separate component we render ReactAsyncSelect
   if (loadOptions) {
-    ReactSelectComponent = ReactAsyncSelect;
+    ReactSelectComponent = allowCustomValue ? AsyncCreatable : ReactAsyncSelect;
     asyncSelectProps = {
       loadOptions,
       defaultOptions,