@principal-ade/dynamic-file-tree 0.2.12 → 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
@@ -2477,7 +2477,7 @@ var getDefaultDragConfig = (node) => {
   }
   return;
 };
-var StoryboardWorkflowsTreeCore = ({
+var StoryboardWorkflowsTreeCoreInner = ({
   storyboards,
   theme,
   onClick,
@@ -2768,6 +2768,27 @@ var StoryboardWorkflowsTreeCore = ({
   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);
@@ -2800,6 +2821,9 @@ var StoryboardWorkflowsTreeCore = ({
     ...dndProps
   }, NodeRenderer));
 };
+var StoryboardWorkflowsTreeCore = React13.memo(StoryboardWorkflowsTreeCoreInner, (prevProps, nextProps) => {
+  return prevProps.storyboards === nextProps.storyboards && prevProps.theme === nextProps.theme && prevProps.onClick === nextProps.onClick && prevProps.defaultOpen === nextProps.defaultOpen && prevProps.initialOpenState === nextProps.initialOpenState && prevProps.openState === nextProps.openState && prevProps.onToggle === nextProps.onToggle && prevProps.horizontalNodePadding === nextProps.horizontalNodePadding && prevProps.verticalNodePadding === nextProps.verticalNodePadding && prevProps.verticalPadding === nextProps.verticalPadding && prevProps.enableDragAndDrop === nextProps.enableDragAndDrop && prevProps.workflowCoverageMap === nextProps.workflowCoverageMap && prevProps.versionSnapshots === nextProps.versionSnapshots && prevProps.workflowFilterMode === nextProps.workflowFilterMode && prevProps.traceWorkflowsSet === nextProps.traceWorkflowsSet && prevProps.gitStatusData === nextProps.gitStatusData && prevProps.enablePanelDrag === nextProps.enablePanelDrag && prevProps.getDragConfig === nextProps.getDragConfig && prevProps.scenarioStatusMap === nextProps.scenarioStatusMap && prevProps.canvasNodeStatusMap === nextProps.canvasNodeStatusMap && prevProps.statusBarDisplay === nextProps.statusBarDisplay && prevProps.onVersionOpen === nextProps.onVersionOpen && prevProps.scenarioTraceCounts === nextProps.scenarioTraceCounts && prevProps.scenarioVisibilityMap === nextProps.scenarioVisibilityMap && prevProps.onScenarioVisibilityToggle === nextProps.onScenarioVisibilityToggle && prevProps.showScenarios === nextProps.showScenarios;
+});
 // src/components/StoryboardWorkflowsTree/types.ts
 function hasWorkflowContent(node) {
   return node.workflow !== undefined && "content" in node.workflow && node.workflow.content !== undefined;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { StoryboardWorkflowsTreeProps } from './types';
-export declare const StoryboardWorkflowsTreeCore: React.FC<StoryboardWorkflowsTreeProps>;
+export declare const StoryboardWorkflowsTreeCore: React.NamedExoticComponent<StoryboardWorkflowsTreeProps>;
 //# sourceMappingURL=StoryboardWorkflowsTreeCore.d.ts.map

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;AA6ejB,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAod9E,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.12",
+  "version": "0.2.14",
   "description": "React component for selective directory filtering and file tree visualization",
   "type": "module",
   "main": "dist/index.mjs",