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

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
@@ -2483,9 +2483,9 @@ var StoryboardWorkflowsTreeCoreInner = ({
   onClick,
   selectedNodeId: _selectedNodeId,
   defaultOpen = false,
-  initialOpenState,
-  openState,
-  onToggle,
+  initialOpenState: _initialOpenState,
+  openState: _openState,
+  onToggle: _onToggle,
   horizontalNodePadding = "16px",
   verticalNodePadding = "6px",
   verticalPadding = "20px",
@@ -2768,15 +2768,27 @@ var StoryboardWorkflowsTreeCoreInner = ({
   const initialHeight = 600;
   const [containerRef, containerHeight] = useContainerHeight(initialHeight);
   const treeRef = useRef5(null);
-  const handleToggle = (id) => {
-    if (onToggle && treeRef.current) {
-      const node = treeRef.current.get(id);
-      if (node) {
-        onToggle(id, node.isOpen);
+  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);
       }
     }
-  };
-  const effectiveInitialOpenState = openState ?? initialOpenState;
+    return;
+  });
+  useLayoutEffect(() => {
+    if (listElementRef.current && scrollTopRef.current > 0) {
+      listElementRef.current.scrollTop = scrollTopRef.current;
+    }
+  });
   return /* @__PURE__ */ React13.createElement("div", {
     ref: containerRef,
     style: {
@@ -2791,8 +2803,6 @@ var StoryboardWorkflowsTreeCoreInner = ({
     initialData: treeData,
     onSelect: handleSelect,
     openByDefault: defaultOpen,
-    ...effectiveInitialOpenState !== undefined && { initialOpenState: effectiveInitialOpenState },
-    ...onToggle !== undefined && { onToggle: handleToggle },
     width: "100%",
     height: containerHeight,
     rowHeight,

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;AA49BjB,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.15",
   "description": "React component for selective directory filtering and file tree visualization",
   "type": "module",
   "main": "dist/index.mjs",