better search UX

packages/web/src/appobj/AppObjectList.svelte

@@ -25,6 +25,15 @@
       })
     : null;
 
+  $: childrenMatched = !groupFunc
+    ? list.filter(data => {
+        const matcher = module.createChildMatcher && module.createChildMatcher(data);
+        if (matcher && !matcher(filter)) return false;
+        return true;
+      })
+    : null;
+
+
   // let filtered = [];
 
   // $: {
@@ -82,6 +91,7 @@
       {checkedObjectsStore}
       {disableContextMenu}
       {filter}
+      isExpandedBySearch={childrenMatched.includes(data)}
     />
   {/each}
 {/if}

packages/web/src/appobj/AppObjectListItem.svelte

@@ -20,6 +20,7 @@
   export let expandIconFunc = plusExpandIcon;
   export let checkedObjectsStore = null;
   export let disableContextMenu = false;
+  export let isExpandedBySearch = false;
 
   let isExpanded = false;
 
@@ -45,13 +46,13 @@
     {data}
     on:click={handleExpand}
     on:expand={handleExpandButton}
-    expandIcon={getExpandIcon(expandable, subItemsComponent, isExpanded, expandIconFunc)}
+    expandIcon={getExpandIcon(!isExpandedBySearch && expandable, subItemsComponent, isExpanded, expandIconFunc)}
     {checkedObjectsStore}
     {module}
     {disableContextMenu}
   />
 
-  {#if isExpanded && subItemsComponent}
+  {#if (isExpanded || isExpandedBySearch) && subItemsComponent}
     <div class="subitems">
       <svelte:component this={subItemsComponent} {data} {filter} />
     </div>

packages/web/src/appobj/ConnectionAppObject.svelte

@@ -5,6 +5,12 @@
     const databases = getLocalStorage(`database_list_${_id}`) || [];
     return filterName(filter, displayName, server, ...databases.map(x => x.name));
   };
+  export const createChildMatcher = props => filter => {
+    if (!filter) return false;
+    const { _id } = props;
+    const databases = getLocalStorage(`database_list_${_id}`) || [];
+    return filterName(filter, ...databases.map(x => x.name));
+  };
 </script>
 
 <script lang="ts">