@industry-theme/repository-composition-panels 0.2.24 → 0.2.26

package/dist/panels.bundle.js

@@ -7861,6 +7861,7 @@ function TreeNode({
     style: { flexShrink: 0 }
   }, rightContent));
 }
+var GitStatusContext = React2.createContext(null);
 var getGitStatusDisplay2 = (status, theme) => {
   switch (status) {
     case "M":
@@ -7941,38 +7942,38 @@ var sortGitNodes = (a2, b) => {
     return 1;
   return a2.name.localeCompare(b.name, void 0, { sensitivity: "base" });
 };
-var transformGitFileTree = (fileTree, gitStatusMap) => {
+var transformTreeStructure = (fileTree) => {
   const transformNode = (node, parentId) => {
     const id = parentId ? `${parentId}/${node.name}` : node.name;
-    const gitStatus = gitStatusMap.get(id);
     const arborNode = {
       id,
-      name: node.name,
-      gitStatus
+      name: node.name
     };
     if ("children" in node && node.children) {
       arborNode.children = node.children.map((child) => transformNode(child, id)).sort(sortGitNodes);
-      if (arborNode.children) {
-        const hasChangedChildren = arborNode.children.some((child) => child.gitStatus || child.hasChangedChildren);
-        arborNode.hasChangedChildren = hasChangedChildren;
-      }
     }
     return arborNode;
   };
   return fileTree.root.children.map((node) => transformNode(node, "")).sort(sortGitNodes);
 };
-var filterGitStatusNodes = (nodes, showUnchangedFiles) => {
-  if (showUnchangedFiles)
-    return nodes;
+var filterGitStatusNodes = (nodes, gitStatusMap) => {
   const result = [];
+  const hasGitChanges = (node) => {
+    if (gitStatusMap.has(node.id))
+      return true;
+    if (node.children) {
+      return node.children.some((child) => hasGitChanges(child));
+    }
+    return false;
+  };
   for (const node of nodes) {
     if (node.children) {
-      if (node.gitStatus || node.hasChangedChildren) {
-        const filteredChildren = filterGitStatusNodes(node.children, showUnchangedFiles);
+      if (hasGitChanges(node)) {
+        const filteredChildren = filterGitStatusNodes(node.children, gitStatusMap);
         result.push({ ...node, children: filteredChildren });
       }
     } else {
-      if (node.gitStatus) {
+      if (gitStatusMap.has(node.id)) {
         result.push(node);
       }
     }
@@ -7996,7 +7997,7 @@ var GitStatusFileTree = ({
   fileTree,
   theme,
   gitStatusData,
-  selectedDirectories = [],
+  selectedDirectories: _selectedDirectories = [],
   selectedFile,
   onDirectorySelect,
   onFileSelect,
@@ -8017,11 +8018,14 @@ var GitStatusFileTree = ({
   }, [gitStatusData]);
   const NodeRenderer = (props) => {
     const { node } = props;
-    const gitDisplay = node.data.gitStatus ? getGitStatusDisplay2(node.data.gitStatus, theme) : null;
+    const ctx = React2.useContext(GitStatusContext);
+    const gitStatus = ctx == null ? void 0 : ctx.gitStatusMap.get(node.data.id);
+    const hasChangedChildren = ctx == null ? void 0 : ctx.hasChangedChildrenMap.get(node.data.id);
+    const gitDisplay = gitStatus ? getGitStatusDisplay2(gitStatus, theme) : null;
     let nameColor;
     if (gitDisplay) {
       nameColor = gitDisplay.color;
-    } else if (node.data.hasChangedChildren) {
+    } else if (hasChangedChildren) {
       const baseColor = theme.colors.primary || "#007bff";
       nameColor = baseColor + "80";
     }
@@ -8039,7 +8043,7 @@ var GitStatusFileTree = ({
         fontSize: "12px",
         fontWeight: "bold"
       }
-    }, node.data.gitStatus)) : null;
+    }, gitStatus)) : null;
     return /* @__PURE__ */ React2.createElement(TreeNode, {
       ...props,
       theme,
@@ -8053,14 +8057,36 @@ var GitStatusFileTree = ({
       }
     });
   };
+  const treeStructure = useMemo(() => {
+    return transformTreeStructure(fileTree);
+  }, [fileTree]);
   const treeData = useMemo(() => {
-    let transformedData = transformGitFileTree(fileTree, gitStatusMap);
-    if (!showUnchangedFiles) {
-      transformedData = filterGitStatusNodes(transformedData, showUnchangedFiles);
+    if (showUnchangedFiles) {
+      return treeStructure;
     }
-    if (selectedDirectories && selectedDirectories.length > 0) ;
-    return transformedData;
-  }, [fileTree, gitStatusMap, showUnchangedFiles, selectedDirectories]);
+    return filterGitStatusNodes(treeStructure, gitStatusMap);
+  }, [treeStructure, showUnchangedFiles, gitStatusMap]);
+  const hasChangedChildrenMap = useMemo(() => {
+    const map2 = /* @__PURE__ */ new Map();
+    const markChangedParents = (nodes) => {
+      let hasChanged = false;
+      for (const node of nodes) {
+        if (node.children) {
+          const childrenChanged = markChangedParents(node.children);
+          if (childrenChanged) {
+            map2.set(node.id, true);
+            hasChanged = true;
+          }
+        }
+        if (gitStatusMap.has(node.id)) {
+          hasChanged = true;
+        }
+      }
+      return hasChanged;
+    };
+    markChangedParents(treeData);
+    return map2;
+  }, [treeData, gitStatusMap]);
   const handleSelect = (selectedNodes) => {
     const selectedFiles = selectedNodes.filter((node) => !node.data.children).map((node) => node.data.id);
     const selectedDirs = selectedNodes.filter((node) => node.data.children).map((node) => node.data.id);
@@ -8088,15 +8114,17 @@ var GitStatusFileTree = ({
       fontFamily: theme.fonts.body,
       ...autoHeight ? {} : { height: "100%" }
     }
+  }, /* @__PURE__ */ React2.createElement(GitStatusContext.Provider, {
+    value: { gitStatusMap, hasChangedChildrenMap }
   }, /* @__PURE__ */ React2.createElement(Tree, {
-    initialData: treeData,
+    data: treeData,
     onSelect: handleSelect,
     ...selectedFile !== void 0 && { selection: selectedFile },
     ...openByDefault !== void 0 && { openByDefault },
     width: "100%",
     height: containerHeight,
     rowHeight: 28
-  }, NodeRenderer));
+  }, NodeRenderer)));
 };
 class _ {
   static buildTreeFromPaths(j, k = "") {