Biz/dj 2789 show prop label instead of the value (#15370)

* Show label instead of value on async option selection

* Update changelog

* Update changelog

* Update changelog

Author: bzwrk

packages/connect-react/CHANGELOG.md

@@ -1,6 +1,10 @@
 <!-- markdownlint-disable MD024 -->
 # Changelog
 
+# [1.0.0-preview.23] - 2025-01-22
+
+- Show the prop label instead of the value after selecting from a dropdown for string array props
+
 # [1.0.0-preview.22] - 2025-01-21
 
 - Allow custom string input for remote options

packages/connect-react/examples/nextjs/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@pipedream/connect-react",
-  "version": "1.0.0-preview.22",
+  "version": "1.0.0-preview.23",
   "description": "Pipedream Connect library for React",
   "files": [
     "dist"

packages/connect-react/package.json

@@ -47,10 +47,17 @@ export function ControlSelect<T>({
         if (typeof ret[0] !== "object") {
           const lvs = [];
           for (const o of ret) {
-            lvs.push({
+            let obj = {
               label: o,
               value: o,
-            });
+            }
+            for (const item of options) {
+              if (item.value === o) {
+                obj = item;
+                break;
+              }
+            }
+            lvs.push(obj);
           }
           ret = lvs;
         }