fix search in Dropdown when autoComplete is used

Author: anserwaseem

.changeset/lovely-dancers-admire.md

@@ -0,0 +1,6 @@
+---
+"@ensembleui/react-kitchen-sink": patch
+"@ensembleui/react-runtime": patch
+---
+
+fix search in Dropdown when autoComplete is used

apps/kitchen-sink/src/ensemble/screens/widgets.yaml

@@ -847,9 +847,9 @@ View:
                     fontSize: 20px
                   items:
                     - label: Option 1
-                      value: option1
+                      value: "1234"
                     - label: Option 2
-                      value: option2
+                      value: "5678"
               - Dropdown:
                   value: 11
                   label: With item template

packages/runtime/src/widgets/Form/Checkbox.tsx

@@ -5,7 +5,7 @@ import {
   unwrapWidget,
   useRegisterBindings,
 } from "@ensembleui/react-framework";
-import { isString } from "lodash-es";
+import { cloneDeep, isString } from "lodash-es";
 import type { EnsembleWidgetProps } from "../../shared/types";
 import { EnsembleRuntime } from "../../runtime";
 import { WidgetRegistry } from "../../registry";
@@ -39,7 +39,9 @@ export const CheckboxWidget: React.FC<CheckBoxProps> = (props) => {
         return values.trailingText;
       }
 
-      return EnsembleRuntime.render([unwrapWidget(values.trailingText)]);
+      return EnsembleRuntime.render([
+        unwrapWidget(cloneDeep(values.trailingText)),
+      ]);
     }
   }, [values?.trailingText]);
 

packages/runtime/src/widgets/Form/Dropdown.tsx

@@ -436,6 +436,7 @@ const Dropdown: React.FC<DropdownProps> = (props) => {
                 ""
               )
             }
+            optionFilterProp="children"
             showSearch={
               Boolean(values?.autoComplete) ||
               Boolean(values?.allowCreateOptions)