@principal-ade/dynamic-file-tree 0.2.13 → 0.2.14

package/dist/index.mjs

@@ -1952,7 +1952,7 @@ var MultiFileTree = ({
 };
 // src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx
 import { Package, FolderKanban, LayoutDashboard, Workflow, BookOpen, FolderOpen, GitCommit, ExternalLink, List, ListX, Eye as Eye2, EyeOff as EyeOff2 } from "lucide-react";
-import React13, { useMemo as useMemo9, useRef as useRef5 } from "react";
+import React13, { useMemo as useMemo9, useRef as useRef5, useLayoutEffect } from "react";
 import { Tree as Tree3 } from "react-arborist";
 
 // src/utils/gitStatus.tsx
@@ -2768,6 +2768,27 @@ var StoryboardWorkflowsTreeCoreInner = ({
   const initialHeight = 600;
   const [containerRef, containerHeight] = useContainerHeight(initialHeight);
   const treeRef = useRef5(null);
+  const scrollTopRef = useRef5(0);
+  const listElementRef = useRef5(null);
+  useLayoutEffect(() => {
+    if (containerRef.current && !listElementRef.current) {
+      const listElement = containerRef.current.querySelector('[role="tree"]')?.parentElement;
+      if (listElement) {
+        listElementRef.current = listElement;
+        const handleScroll = () => {
+          scrollTopRef.current = listElement.scrollTop;
+        };
+        listElement.addEventListener("scroll", handleScroll);
+        return () => listElement.removeEventListener("scroll", handleScroll);
+      }
+    }
+    return;
+  });
+  useLayoutEffect(() => {
+    if (listElementRef.current && scrollTopRef.current > 0) {
+      listElementRef.current.scrollTop = scrollTopRef.current;
+    }
+  });
   const handleToggle = (id) => {
     if (onToggle && treeRef.current) {
       const node = treeRef.current.get(id);

package/dist/src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StoryboardWorkflowsTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAS/C,OAAO,KAAK,EAEV,4BAA4B,EAQ7B,MAAM,SAAS,CAAC;AAq8BjB,eAAO,MAAM,2BAA2B,0DA8BtC,CAAC"}
+{"version":3,"file":"StoryboardWorkflowsTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAShE,OAAO,KAAK,EAEV,4BAA4B,EAQ7B,MAAM,SAAS,CAAC;AAk+BjB,eAAO,MAAM,2BAA2B,0DA8BtC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@principal-ade/dynamic-file-tree",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "description": "React component for selective directory filtering and file tree visualization",
   "type": "module",
   "main": "dist/index.mjs",