@principal-ade/dynamic-file-tree 0.2.10 → 0.2.12

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, useState as useState7, useEffect as useEffect3 } from "react";
+import React13, { useMemo as useMemo9, useRef as useRef5 } from "react";
 import { Tree as Tree3 } from "react-arborist";
 
 // src/utils/gitStatus.tsx
@@ -2481,7 +2481,7 @@ var StoryboardWorkflowsTreeCore = ({
   storyboards,
   theme,
   onClick,
-  selectedNodeId,
+  selectedNodeId: _selectedNodeId,
   defaultOpen = false,
   initialOpenState,
   openState,
@@ -2768,14 +2768,6 @@ var StoryboardWorkflowsTreeCore = ({
   const initialHeight = 600;
   const [containerRef, containerHeight] = useContainerHeight(initialHeight);
   const treeRef = useRef5(null);
-  const [treeKey, setTreeKey] = useState7(0);
-  const prevOpenStateRef = useRef5(openState);
-  useEffect3(() => {
-    if (openState !== undefined && openState !== prevOpenStateRef.current) {
-      prevOpenStateRef.current = openState;
-      setTreeKey((k) => k + 1);
-    }
-  }, [openState]);
   const handleToggle = (id) => {
     if (onToggle && treeRef.current) {
       const node = treeRef.current.get(id);
@@ -2795,13 +2787,11 @@ var StoryboardWorkflowsTreeCore = ({
       ...verticalPadding ? { paddingTop: verticalPadding, paddingBottom: verticalPadding } : {}
     }
   }, /* @__PURE__ */ React13.createElement(Tree3, {
-    key: treeKey,
     ref: treeRef,
-    data: treeData,
+    initialData: treeData,
     onSelect: handleSelect,
     openByDefault: defaultOpen,
     ...effectiveInitialOpenState !== undefined && { initialOpenState: effectiveInitialOpenState },
-    ...selectedNodeId !== undefined && { selection: selectedNodeId },
     ...onToggle !== undefined && { onToggle: handleToggle },
     width: "100%",
     height: containerHeight,
@@ -3047,7 +3037,7 @@ var WorkflowScenarioTreeCore = ({
 };
 // src/components/CanvasListTree/CanvasListTreeCore.tsx
 import { Package as Package3, Folder, LayoutDashboard as LayoutDashboard2, FileText } from "lucide-react";
-import React15, { useMemo as useMemo11, useRef as useRef6, useState as useState8, useEffect as useEffect4 } from "react";
+import React15, { useMemo as useMemo11, useRef as useRef6 } from "react";
 import { Tree as Tree5 } from "react-arborist";
 var buildTreeData = (canvases, gitStatusMap) => {
   const packagesMap = new Map;
@@ -3303,14 +3293,6 @@ var CanvasListTreeCore = ({
   const initialHeight = 600;
   const [containerRef, containerHeight] = useContainerHeight(initialHeight);
   const treeRef = useRef6(null);
-  const [treeKey, setTreeKey] = useState8(0);
-  const prevOpenStateRef = useRef6(openState);
-  useEffect4(() => {
-    if (openState !== undefined && openState !== prevOpenStateRef.current) {
-      prevOpenStateRef.current = openState;
-      setTreeKey((k) => k + 1);
-    }
-  }, [openState]);
   const handleToggle = (id) => {
     if (onToggle && treeRef.current) {
       const node = treeRef.current.get(id);
@@ -3330,7 +3312,6 @@ var CanvasListTreeCore = ({
       ...verticalPadding ? { paddingTop: verticalPadding, paddingBottom: verticalPadding } : {}
     }
   }, /* @__PURE__ */ React15.createElement(Tree5, {
-    key: treeKey,
     ref: treeRef,
     initialData: treeData,
     onSelect: handleSelect,
@@ -3850,7 +3831,7 @@ var calculateTelemetryCoverageStats = (coverageData) => {
 };
 // src/components/TelemetryCoverageFileTreeContainer.tsx
 import { RefreshCw as RefreshCw2, Eye as Eye3, EyeOff as EyeOff3, AlertCircle as AlertCircle5, Activity as Activity2 } from "lucide-react";
-import React18, { useState as useState9, useMemo as useMemo14 } from "react";
+import React18, { useState as useState7, useMemo as useMemo14 } from "react";
 var TelemetryCoverageFileTreeContainer = ({
   fileTree,
   theme,
@@ -3870,8 +3851,8 @@ var TelemetryCoverageFileTreeContainer = ({
   verticalNodePadding,
   verticalPadding
 }) => {
-  const [filters, setFilters] = useState9([]);
-  const [showUncoveredFiles, setShowUncoveredFiles] = useState9(true);
+  const [filters, setFilters] = useState7([]);
+  const [showUncoveredFiles, setShowUncoveredFiles] = useState7(true);
   const selectedDirectories = useMemo14(() => {
     return filters.filter((f) => f.mode === "include").map((f) => f.path);
   }, [filters]);

package/dist/src/components/CanvasListTree/CanvasListTreeCore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasListTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasListTree/CanvasListTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAQpE,OAAO,KAAK,EAEV,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AAuNjB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0M5D,CAAC"}
+{"version":3,"file":"CanvasListTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasListTree/CanvasListTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAQ/C,OAAO,KAAK,EAEV,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AAuNjB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6L5D,CAAC"}

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

@@ -39,5 +39,12 @@ export declare const WithStatusBars: Story;
  * the scenarios are shown as expandable children under the workflow node.
  * Each scenario displays its description and trace count.
  */
+/**
+ * Scroll Preservation Test - Many Storyboards
+ *
+ * Tests that expanding nodes at the bottom of a long list preserves scroll position.
+ * This was a bug where the tree would re-mount and reset scroll to top.
+ */
+export declare const ScrollPreservationTest: Story;
 export declare const WorkflowsWithScenarios: Story;
 //# sourceMappingURL=StoryboardWorkflowsTree.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StoryboardWorkflowsTree.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTree.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAyP5E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,2BAA2B,CAOlD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,2BAA2B,CAAC,CAAC;AAE1D,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAuE7B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAkEpC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAgE7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAwB/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAiBlC,CAAC;AA4CF,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAqEvC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAyFvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAiH9B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KA2GzC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAyEzC,CAAC;AAMF,eAAO,MAAM,aAAa,EAAE,KAwF3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA0H/B,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAwF1C,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAuIrC,CAAC;AAMF,eAAO,MAAM,eAAe,EAAE,KAqK7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAoH5B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,EAAE,KA0JpC,CAAC"}
+{"version":3,"file":"StoryboardWorkflowsTree.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTree.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAyP5E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,2BAA2B,CAOlD,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,2BAA2B,CAAC,CAAC;AAE1D,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAuE7B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAkEpC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAgE7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAwB/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAiBlC,CAAC;AA4CF,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAqEvC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAyFvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAiH9B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KA2GzC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAyEzC,CAAC;AAMF,eAAO,MAAM,aAAa,EAAE,KAwF3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA0H/B,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAwF1C,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAuIrC,CAAC;AAMF,eAAO,MAAM,eAAe,EAAE,KAqK7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAoH5B,CAAC;AAEF;;;;;;GAMG;AACH;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAmEpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KA0JpC,CAAC"}

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,KAA+C,MAAM,OAAO,CAAC;AASpE,OAAO,KAAK,EAEV,4BAA4B,EAQ7B,MAAM,SAAS,CAAC;AA6ejB,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAke9E,CAAC"}
+{"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"}

package/package.json

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