fix(connect-react): handle withLabel configurable prop attribute (1.0.0-preview.6)

Author: tjk

packages/connect-react/CHANGELOG.md

@@ -1,6 +1,10 @@
 <!-- markdownlint-disable MD024 -->
 # Changelog
 
+# [1.0.0-preview.6] - 2024-12-05
+
+- Handle configurable prop `withLabel` (eg. fixes config of Airtable `tableId`)
+
 # [1.0.0-preview.5] - 2024-12-02
 
 - Change colors of "Connect App" button

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

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

packages/connect-react/package.json

@@ -59,6 +59,8 @@ export function ControlSelect<T>({
             }
           }
         }
+      } else if (ret.__lv) {
+        ret = ret.__lv
       }
     }
     return ret;
@@ -87,14 +89,22 @@ export function ControlSelect<T>({
             if (typeof o[0] === "object" && "value" in o[0]) {
               const vs = [];
               for (const _o of o) {
-                vs.push(_o.value);
+                if (prop.withLabel) {
+                  vs.push(_o);
+                } else {
+                  vs.push(_o.value);
+                }
               }
               onChange(vs);
             } else {
               onChange(o);
             }
           } else if (typeof o === "object" && "value" in o) {
-            onChange(o.value);
+            if (prop.withLabel) {
+              onChange({__lv: o});
+            } else {
+              onChange(o.value);
+            }
           } else {
             throw new Error("unhandled option type"); // TODO
           }