Merge remote-tracking branch 'origin/main' into v2

src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx

@@ -8,7 +8,7 @@ export default function DisclosureComponent({
   openDisc,
 }: DisclosureComponentType): JSX.Element {
   return (
-    <Disclosure as="div" key={title}>
+    <Disclosure as="div" defaultOpen={openDisc} key={title}>
       {({ open }) => (
         <>
           <div>
@@ -35,9 +35,7 @@ export default function DisclosureComponent({
               </div>
             </Disclosure.Button>
           </div>
-          <Disclosure.Panel as="div" static={openDisc}>
-            {children}
-          </Disclosure.Panel>
+          <Disclosure.Panel as="div">{children}</Disclosure.Panel>
         </>
       )}
     </Disclosure>

src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx

@@ -122,7 +122,7 @@ export default function ExtraSidebar(): JSX.Element {
             }
           }
         });
-        setSearch("search");
+        setSearch("");
         return ret;
       });
     }
@@ -227,8 +227,12 @@ export default function ExtraSidebar(): JSX.Element {
           .map((SBSectionName: keyof APIObjectType, index) =>
             Object.keys(dataFilter[SBSectionName]).length > 0 ? (
               <DisclosureComponent
-                openDisc={search.length == 0 ? false : true}
-                key={index}
+                openDisc={
+                  getFilterEdge.length !== 0 || search.length !== 0
+                    ? true
+                    : false
+                }
+                key={index + search + JSON.stringify(getFilterEdge)}
                 button={{
                   title: nodeNames[SBSectionName] ?? nodeNames.unknown,
                   Icon:

src/frontend/src/utils/reactflowUtils.ts

@@ -8,7 +8,6 @@ import {
   ReactFlowJsonObject,
   XYPosition,
 } from "reactflow";
-import ShortUniqueId from "short-unique-id";
 import { specialCharsRegex } from "../constants/constants";
 import { APITemplateType, TemplateVariableType } from "../types/api";
 import {