FIx #935

apache · Oct 11, 2023 · 4e86c68 · 4e86c68
1 parent 6682daf
commit 4e86c68
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 27 deletions.
diff --git a/karavan-designer/public/example/demo.camel.yaml b/karavan-designer/public/example/demo.camel.yaml
@@ -1,3 +1,8 @@
+- route:
+    id: route-a7ac
+    from:
+      uri: sql
+      id: from-82ca
 - route:
     id: route-1a95
     from:
@@ -63,27 +68,3 @@
         - log:
             message: ${body}
             id: log-1919
-- rest:
-    id: rest-54e3
-- rest:
-    id: rest-b9dd
-- rest:
-    id: rest-b391
-- rest:
-    id: rest-e066
-- rest:
-    id: rest-5daa
-- rest:
-    id: rest-b193
-- rest:
-    id: rest-06e5
-- rest:
-    id: rest-268d
-- beans:
-    - {}
-    - {}
-    - {}
-    - {}
-    - {}
-    - {}
-    - {}
diff --git a/karavan-designer/src/designer/route/property/ComponentParameterField.tsx b/karavan-designer/src/designer/route/property/ComponentParameterField.tsx
@@ -102,13 +102,15 @@ export function ComponentParameterField(props: Props) {
         return (
             <Select
                 id={id} name={id}
-                variant={SelectVariant.single}
+                variant={SelectVariant.typeahead}
                 aria-label={property.name}
                 onToggle={(_event, isExpanded) => {
                     openSelect(property.name, isExpanded)
                 }}
                 onSelect={(e, value, isPlaceholder) => parametersChanged(property.name, (!isPlaceholder ? value : undefined))}
                 selections={value}
+                isCreatable={true}
+                createText=""
                 isOpen={isSelectOpen(property.name)}
                 aria-labelledby={property.name}
                 direction={SelectDirection.down}

diff --git a/karavan-space/src/designer/route/property/ComponentParameterField.tsx b/karavan-space/src/designer/route/property/ComponentParameterField.tsx
@@ -102,13 +102,15 @@ export function ComponentParameterField(props: Props) {
         return (
             <Select
                 id={id} name={id}
-                variant={SelectVariant.single}
+                variant={SelectVariant.typeahead}
                 aria-label={property.name}
                 onToggle={(_event, isExpanded) => {
                     openSelect(property.name, isExpanded)
                 }}
                 onSelect={(e, value, isPlaceholder) => parametersChanged(property.name, (!isPlaceholder ? value : undefined))}
                 selections={value}
+                isCreatable={true}
+                createText=""
                 isOpen={isSelectOpen(property.name)}
                 aria-labelledby={property.name}
                 direction={SelectDirection.down}

diff --git a/...an-web/karavan-app/src/main/webui/src/designer/route/property/ComponentParameterField.tsx b/...an-web/karavan-app/src/main/webui/src/designer/route/property/ComponentParameterField.tsx
@@ -102,13 +102,15 @@ export function ComponentParameterField(props: Props) {
         return (
             <Select
                 id={id} name={id}
-                variant={SelectVariant.single}
+                variant={SelectVariant.typeahead}
                 aria-label={property.name}
                 onToggle={(_event, isExpanded) => {
                     openSelect(property.name, isExpanded)
                 }}
                 onSelect={(e, value, isPlaceholder) => parametersChanged(property.name, (!isPlaceholder ? value : undefined))}
                 selections={value}
+                isCreatable={true}
+                createText=""
                 isOpen={isSelectOpen(property.name)}
                 aria-labelledby={property.name}
                 direction={SelectDirection.down}