+
+
+
+ {needsValue ? (
+ fetchValues ? (
+ <>
+
+
+ setVq(e.target.value)}
+ placeholder={labels.filterValues}
+ className="h-8 pl-8 text-xs"
+ autoFocus
+ />
+
+
+ {loadingValues ? (
+
+ {labels.loadingValues}
+
+ ) : filtered.length === 0 ? (
+
{labels.noValues}
+ ) : (
+ filtered.map((v) => {
+ const selected = initial?.value === v.value
+ return (
+
+ )
+ })
+ )}
+
+
{labels.pickValue}
+ >
+ ) : (
+ <>
+
setFreeValue(e.target.value)}
+ placeholder={labels.filterValues}
+ className="h-8 text-xs"
+ autoFocus
+ onKeyDown={(e) => e.key === 'Enter' && freeValue && submit(freeValue)}
+ />
+
+
+
+
+ >
+ )
+ ) : (
+
+
+
+
+ )}
+