From 7233c247699162262844daf0c899ac8475ebf67a Mon Sep 17 00:00:00 2001
From: chavda-bhavik <bhavikvchavda@gmail.com>
Date: Tue, 10 Sep 2024 13:41:18 +0530
Subject: [PATCH] feat: Made find & replace modal column select dropdown
 searable

---
 .../components/widget/modals/FindReplace/FindReplaceModal.tsx  | 1 +
 apps/widget/src/design-system/Select/Select.tsx                | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/apps/widget/src/components/widget/modals/FindReplace/FindReplaceModal.tsx b/apps/widget/src/components/widget/modals/FindReplace/FindReplaceModal.tsx
index d9cf4421..0f71b7d9 100644
--- a/apps/widget/src/components/widget/modals/FindReplace/FindReplaceModal.tsx
+++ b/apps/widget/src/components/widget/modals/FindReplace/FindReplaceModal.tsx
@@ -58,6 +58,7 @@ export function FindReplaceModal(props: IFindReplaceModalProps) {
               control={control}
               render={({ field }) => (
                 <Select
+                  searchable
                   withinPortal
                   data={columns}
                   ref={field.ref}
diff --git a/apps/widget/src/design-system/Select/Select.tsx b/apps/widget/src/design-system/Select/Select.tsx
index 8c48c64d..af1b28b5 100644
--- a/apps/widget/src/design-system/Select/Select.tsx
+++ b/apps/widget/src/design-system/Select/Select.tsx
@@ -14,6 +14,7 @@ export interface ISelectProps {
   data: string[] | IOption[];
   error?: string;
   required?: boolean;
+  searchable?: boolean;
   width?: string | number;
   value?: string;
   defaultValue?: string;
@@ -29,6 +30,7 @@ export const Select = React.forwardRef<HTMLInputElement, ISelectProps>((props: I
     data,
     error,
     defaultValue,
+    searchable,
     required = true,
     width = '100%',
     onChange,
@@ -48,6 +50,7 @@ export const Select = React.forwardRef<HTMLInputElement, ISelectProps>((props: I
       style={style}
       error={error}
       label={title}
+      searchable={searchable}
       defaultValue={defaultValue}
       rightSection={<ChevronDown />}
       classNames={{