Fix #1442

Author: mgubaidullin

karavan-app/src/main/webui/src/designer/utils/CamelUi.tsx

@@ -212,10 +212,10 @@ export class CamelUi {
 
     static checkFilter = (dsl: DslMetaModel, filter: string | undefined = undefined): boolean => {
         if (filter !== undefined && filter !== "") {
-            return dsl.name.toLowerCase().includes(filter.toLowerCase())
-                || dsl.description.toLowerCase().includes(filter.toLowerCase())
-                || dsl.title.toLowerCase().includes(filter.toLowerCase())
-                || dsl.labels.toLowerCase().includes(filter.toLowerCase());
+            return dsl?.name?.toLowerCase().includes(filter.toLowerCase())
+                || dsl?.description?.toLowerCase().includes(filter.toLowerCase())
+                || dsl?.title?.toLowerCase().includes(filter.toLowerCase())
+                || dsl?.labels?.toLowerCase().includes(filter.toLowerCase());
         } else {
             return true;
         }

karavan-app/src/main/webui/src/knowledgebase/KnowledgebasePage.tsx

@@ -93,9 +93,9 @@ export const KnowledgebasePage = (props: Props) => {
     if (customOnly) kameletList = kameletList.filter(k => KameletApi.getCustomKameletNames().includes(k.metadata.name));
 
     const components = ComponentApi.getComponents().filter(c => {
-        return c.component.name.toLowerCase().includes(filter.toLowerCase())
-            || c.component.title.toLowerCase().includes(filter.toLowerCase())
-            || c.component.description.toLowerCase().includes(filter.toLowerCase())
+        return c.component?.name?.toLowerCase().includes(filter.toLowerCase())
+            || c.component?.title?.toLowerCase().includes(filter.toLowerCase())
+            || c.component?.description?.toLowerCase().includes(filter.toLowerCase())
     }).sort((a, b) => (a.component.title?.toLowerCase() > b.component.title?.toLowerCase() ? 1 : -1)) ;
 
     const elements= CamelModelMetadata

karavan-designer/src/designer/utils/CamelUi.tsx

@@ -212,10 +212,10 @@ export class CamelUi {
 
     static checkFilter = (dsl: DslMetaModel, filter: string | undefined = undefined): boolean => {
         if (filter !== undefined && filter !== "") {
-            return dsl.name.toLowerCase().includes(filter.toLowerCase())
-                || dsl.description.toLowerCase().includes(filter.toLowerCase())
-                || dsl.title.toLowerCase().includes(filter.toLowerCase())
-                || dsl.labels.toLowerCase().includes(filter.toLowerCase());
+            return dsl?.name?.toLowerCase().includes(filter.toLowerCase())
+                || dsl?.description?.toLowerCase().includes(filter.toLowerCase())
+                || dsl?.title?.toLowerCase().includes(filter.toLowerCase())
+                || dsl?.labels?.toLowerCase().includes(filter.toLowerCase());
         } else {
             return true;
         }

karavan-designer/src/knowledgebase/KnowledgebasePage.tsx

@@ -93,9 +93,9 @@ export const KnowledgebasePage = (props: Props) => {
     if (customOnly) kameletList = kameletList.filter(k => KameletApi.getCustomKameletNames().includes(k.metadata.name));
 
     const components = ComponentApi.getComponents().filter(c => {
-        return c.component.name.toLowerCase().includes(filter.toLowerCase())
-            || c.component.title.toLowerCase().includes(filter.toLowerCase())
-            || c.component.description.toLowerCase().includes(filter.toLowerCase())
+        return c.component?.name?.toLowerCase().includes(filter.toLowerCase())
+            || c.component?.title?.toLowerCase().includes(filter.toLowerCase())
+            || c.component?.description?.toLowerCase().includes(filter.toLowerCase())
     }).sort((a, b) => (a.component.title?.toLowerCase() > b.component.title?.toLowerCase() ? 1 : -1)) ;
 
     const elements= CamelModelMetadata

karavan-space/src/designer/utils/CamelUi.tsx

@@ -212,10 +212,10 @@ export class CamelUi {
 
     static checkFilter = (dsl: DslMetaModel, filter: string | undefined = undefined): boolean => {
         if (filter !== undefined && filter !== "") {
-            return dsl.name.toLowerCase().includes(filter.toLowerCase())
-                || dsl.description.toLowerCase().includes(filter.toLowerCase())
-                || dsl.title.toLowerCase().includes(filter.toLowerCase())
-                || dsl.labels.toLowerCase().includes(filter.toLowerCase());
+            return dsl?.name?.toLowerCase().includes(filter.toLowerCase())
+                || dsl?.description?.toLowerCase().includes(filter.toLowerCase())
+                || dsl?.title?.toLowerCase().includes(filter.toLowerCase())
+                || dsl?.labels?.toLowerCase().includes(filter.toLowerCase());
         } else {
             return true;
         }

karavan-space/src/knowledgebase/KnowledgebasePage.tsx

@@ -93,9 +93,9 @@ export const KnowledgebasePage = (props: Props) => {
     if (customOnly) kameletList = kameletList.filter(k => KameletApi.getCustomKameletNames().includes(k.metadata.name));
 
     const components = ComponentApi.getComponents().filter(c => {
-        return c.component.name.toLowerCase().includes(filter.toLowerCase())
-            || c.component.title.toLowerCase().includes(filter.toLowerCase())
-            || c.component.description.toLowerCase().includes(filter.toLowerCase())
+        return c.component?.name?.toLowerCase().includes(filter.toLowerCase())
+            || c.component?.title?.toLowerCase().includes(filter.toLowerCase())
+            || c.component?.description?.toLowerCase().includes(filter.toLowerCase())
     }).sort((a, b) => (a.component.title?.toLowerCase() > b.component.title?.toLowerCase() ? 1 : -1)) ;
 
     const elements= CamelModelMetadata