From f2c454de703f41d9fadd83c485f122b301983e20 Mon Sep 17 00:00:00 2001
From: Biz Melesse <bizmelesse@gmail.com>
Date: Tue, 21 Jan 2025 16:11:10 -0600
Subject: [PATCH 1/3] Add support for custom string input

---
 packages/connect-react/examples/nextjs/package-lock.json       | 2 +-
 .../connect-react/src/components/RemoteOptionsContainer.tsx    | 1 +
 pnpm-lock.yaml                                                 | 3 +--
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/connect-react/examples/nextjs/package-lock.json b/packages/connect-react/examples/nextjs/package-lock.json
index 1530fd1cb7c98..dc2df52a976d3 100644
--- a/packages/connect-react/examples/nextjs/package-lock.json
+++ b/packages/connect-react/examples/nextjs/package-lock.json
@@ -23,7 +23,7 @@
     },
     "../..": {
       "name": "@pipedream/connect-react",
-      "version": "1.0.0-preview.20",
+      "version": "1.0.0-preview.21",
       "license": "MIT",
       "dependencies": {
         "@pipedream/sdk": "workspace:^",
diff --git a/packages/connect-react/src/components/RemoteOptionsContainer.tsx b/packages/connect-react/src/components/RemoteOptionsContainer.tsx
index 56dee321fab1f..d606bee52f6c0 100644
--- a/packages/connect-react/src/components/RemoteOptionsContainer.tsx
+++ b/packages/connect-react/src/components/RemoteOptionsContainer.tsx
@@ -185,6 +185,7 @@ export function RemoteOptionsContainer({ queryEnabled }: RemoteOptionsContainerP
 
   return (
     <ControlSelect
+      isCreatable={true}
       showLoadMoreButton={showLoadMoreButton()}
       onLoadMore={onLoadMore}
       options={pageable.data}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a2d916b34964b..6013dcb0fe882 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8294,8 +8294,7 @@ importers:
 
   components/propeller: {}
 
-  components/proposify:
-    specifiers: {}
+  components/proposify: {}
 
   components/proprofs_quiz_maker: {}
 

From f6052bd2cc40b3b9d4635162ee3ab1e0f7d29146 Mon Sep 17 00:00:00 2001
From: Biz Melesse <bizmelesse@gmail.com>
Date: Tue, 21 Jan 2025 16:11:18 -0600
Subject: [PATCH 2/3] Add support for custom string input

---
 packages/connect-react/src/components/ControlSelect.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/packages/connect-react/src/components/ControlSelect.tsx b/packages/connect-react/src/components/ControlSelect.tsx
index 6c5ad7bda6ce5..a6bafabf46842 100644
--- a/packages/connect-react/src/components/ControlSelect.tsx
+++ b/packages/connect-react/src/components/ControlSelect.tsx
@@ -96,6 +96,14 @@ export function ControlSelect<T>({
       MenuList: LoadMore,
     }
   }
+
+  const handleCreate = (inputValue: string) => {
+    options.unshift({
+      label: inputValue,
+      value: inputValue,
+    })
+  };
+
   const MaybeCreatableSelect = isCreatable
     ? CreatableSelect
     : Select;
@@ -110,6 +118,7 @@ export function ControlSelect<T>({
       required={!prop.optional}
       {...props}
       {...selectProps}
+      onCreateOption={handleCreate}
       onChange={(o) => {
         if (o) {
           if (Array.isArray(o)) {

From 77eaee6fb5212ad806e6a96bf967e62c6cce9532 Mon Sep 17 00:00:00 2001
From: Biz Melesse <bizmelesse@gmail.com>
Date: Tue, 21 Jan 2025 16:15:13 -0600
Subject: [PATCH 3/3] Bump version and update changelog

---
 packages/connect-react/CHANGELOG.md | 4 ++++
 packages/connect-react/package.json | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/connect-react/CHANGELOG.md b/packages/connect-react/CHANGELOG.md
index cf34e2edadfe4..c7db980425aaa 100644
--- a/packages/connect-react/CHANGELOG.md
+++ b/packages/connect-react/CHANGELOG.md
@@ -1,6 +1,10 @@
 <!-- markdownlint-disable MD024 -->
 # Changelog
 
+# [1.0.0-preview.22] - 2025-01-21
+
+- Allow custom string input for remote options
+
 # [1.0.0-preview.21] - 2025-01-17
 
 - Fix a bug in async prop value validation when the prop is a string
diff --git a/packages/connect-react/package.json b/packages/connect-react/package.json
index b440f1fe175b5..1a8bc6473a1b5 100644
--- a/packages/connect-react/package.json
+++ b/packages/connect-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@pipedream/connect-react",
-  "version": "1.0.0-preview.21",
+  "version": "1.0.0-preview.22",
   "description": "Pipedream Connect library for React",
   "files": [
     "dist"