@industry-theme/repository-composition-panels 0.2.36 → 0.2.38

package/dist/panels.bundle.js

@@ -7841,6 +7841,12 @@ var useContainerHeight = (initialHeight = 600) => {
   }, []);
   return [containerRef, containerHeight];
 };
+var getDndProps = (enableDragAndDrop = false) => {
+  return {
+    disableDrag: !enableDragAndDrop,
+    disableDrop: !enableDragAndDrop
+  };
+};
 function TreeNode({
   node,
   style,
@@ -7851,7 +7857,9 @@ function TreeNode({
   isSelectedDirectory = false,
   nameColor,
   horizontalNodePadding = "8px",
-  onContextMenu
+  verticalNodePadding = "3px",
+  onContextMenu,
+  onHover
 }) {
   const [isHovered, setIsHovered] = useState(false);
   const isFolder = node.isInternal;
@@ -7876,6 +7884,8 @@ function TreeNode({
       cursor: "pointer",
       paddingLeft: `calc(${horizontalNodePadding} + ${node.level * 16}px)`,
       paddingRight: horizontalNodePadding,
+      paddingTop: verticalNodePadding,
+      paddingBottom: verticalNodePadding,
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
@@ -7890,8 +7900,14 @@ function TreeNode({
         onContextMenu(e, node);
       }
     },
-    onMouseEnter: () => setIsHovered(true),
-    onMouseLeave: () => setIsHovered(false)
+    onMouseEnter: () => {
+      setIsHovered(true);
+      onHover == null ? void 0 : onHover(true, node);
+    },
+    onMouseLeave: () => {
+      setIsHovered(false);
+      onHover == null ? void 0 : onHover(false, node);
+    }
   }, /* @__PURE__ */ React2.createElement("div", {
     style: { display: "flex", alignItems: "center", minWidth: 0, flex: 1 }
   }, caret, /* @__PURE__ */ React2.createElement("span", {
@@ -8049,12 +8065,16 @@ var GitStatusFileTree = ({
   showUnchangedFiles = true,
   transparentBackground = false,
   horizontalNodePadding,
+  verticalNodePadding,
   verticalPadding,
   onContextMenu,
+  onNodeHover,
   openByDefault,
   initialHeight = 600,
-  autoHeight = false
+  autoHeight = false,
+  enableDragAndDrop = false
 }) => {
+  const dndProps = getDndProps(enableDragAndDrop);
   const gitStatusMap = useMemo(() => {
     const map2 = /* @__PURE__ */ new Map();
     gitStatusData.forEach((item) => {
@@ -8096,10 +8116,16 @@ var GitStatusFileTree = ({
       rightContent,
       nameColor,
       horizontalNodePadding,
+      verticalNodePadding,
       onContextMenu: (e, node2) => {
         if (onContextMenu) {
           onContextMenu(e, node2.data.id, !!node2.data.children);
         }
+      },
+      onHover: (isHovered, node2) => {
+        if (onNodeHover) {
+          onNodeHover(isHovered ? node2.data.id : null, !!node2.data.children);
+        }
       }
     });
   };
@@ -8170,7 +8196,8 @@ var GitStatusFileTree = ({
     ...openByDefault !== void 0 && { openByDefault },
     width: "100%",
     height: containerHeight,
-    rowHeight: 28
+    rowHeight: 28,
+    ...dndProps
   }, NodeRenderer)));
 };
 var TelemetryCoverageContext = React2.createContext(null);
@@ -8300,13 +8327,16 @@ var TelemetryCoverageFileTree = ({
   showUncoveredFiles = true,
   transparentBackground = false,
   horizontalNodePadding,
+  verticalNodePadding,
   verticalPadding,
   onContextMenu,
   openByDefault = true,
   initialHeight = 600,
   autoHeight = false,
-  testFilePatterns = DEFAULT_TEST_PATTERNS
+  testFilePatterns = DEFAULT_TEST_PATTERNS,
+  enableDragAndDrop = false
 }) => {
+  const dndProps = getDndProps(enableDragAndDrop);
   const coverageMap = useMemo(() => {
     const map2 = /* @__PURE__ */ new Map();
     coverageData.forEach((item) => {
@@ -8366,6 +8396,7 @@ var TelemetryCoverageFileTree = ({
       extraContent: leftIcon,
       nameColor,
       horizontalNodePadding,
+      verticalNodePadding,
       onContextMenu: (e, node2) => {
         if (onContextMenu) {
           onContextMenu(e, node2.data.id, !!node2.data.children);
@@ -8440,7 +8471,8 @@ var TelemetryCoverageFileTree = ({
     openByDefault,
     width: "100%",
     height: containerHeight,
-    rowHeight: 28
+    rowHeight: 28,
+    ...dndProps
   }, NodeRenderer)));
 };
 var calculateTelemetryCoverageStats = (coverageData) => {