(camel-karavan) 01/08: Sync with designer

[marat]

This is an automated email from the ASF dual-hosted git repository.

marat pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/camel-karavan.git

commit b8c08b14dabc095abf06e0a18a59bbe90c831104
Author: Marat Gubaidullin <ma...@talismancloud.io>
AuthorDate: Wed Apr 10 12:33:01 2024 -0400

    Sync with designer
---
 karavan-app/src/main/webui/src/designer/DesignerStore.ts   |  4 +---
 .../designer/property/property/ComponentPropertyField.tsx  | 14 +++++++-------
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/karavan-app/src/main/webui/src/designer/DesignerStore.ts 
b/karavan-app/src/main/webui/src/designer/DesignerStore.ts
index 40418fb1..ddd9b91a 100644
--- a/karavan-app/src/main/webui/src/designer/DesignerStore.ts
+++ b/karavan-app/src/main/webui/src/designer/DesignerStore.ts
@@ -310,9 +310,7 @@ export const useDesignerStore = 
createWithEqualityFn<DesignerState & DesignerAct
     },
     setBeans: (beans: RegistryBeanDefinition[]) => {
         set((state: DesignerState) => {
-            state.beans.length = 0;
-            state.beans.push(...beans);
-            return state;
+            return {beans: [...beans]};
         })
     },
 }), shallow)
\ No newline at end of file
diff --git 
a/karavan-app/src/main/webui/src/designer/property/property/ComponentPropertyField.tsx
 
b/karavan-app/src/main/webui/src/designer/property/property/ComponentPropertyField.tsx
index 52488a89..5e05ceb7 100644
--- 
a/karavan-app/src/main/webui/src/designer/property/property/ComponentPropertyField.tsx
+++ 
b/karavan-app/src/main/webui/src/designer/property/property/ComponentPropertyField.tsx
@@ -114,7 +114,7 @@ export function ComponentPropertyField(props: Props) {
     }
 
     function getSelectBean(property: ComponentProperty, value: any) {
-        const selectOptions: JSX.Element[] = [];
+        const selectOptions: React.JSX.Element[] = [];
         if (beans) {
             selectOptions.push(<SelectOption key={0} value={"Select..."} 
isPlaceholder/>);
             selectOptions.push(...beans.map((bean) => <SelectOption 
key={bean.name} value={beanPrefix + bean.name}
@@ -270,7 +270,7 @@ export function ComponentPropertyField(props: Props) {
                                setTextValue(v);
                                setCheckChanges(true);
                            }}
-               />
+                />
             }
             <InputGroupItem>
                 <Tooltip position="bottom-end" content={"Show Editor"}>
@@ -288,11 +288,11 @@ export function ComponentPropertyField(props: Props) {
                                        title={property.displayName}
                                        onClose={() => setShowEditor(false)}
                                        onSave={(fieldId, value1) => {
-                                 setTextValue(value1);
-                                 parametersChanged(property.name, value1, 
property.kind === 'path')
-                                 setShowEditor(false);
-                                 setCheckChanges(false);
-                             }}/>
+                                           setTextValue(value1);
+                                           parametersChanged(property.name, 
value1, property.kind === 'path')
+                                           setShowEditor(false);
+                                           setCheckChanges(false);
+                                       }}/>
             </InputGroupItem>}
             {property.secret &&
                 <Tooltip position="bottom-end" content={showPassword ? "Hide" 
: "Show"}>