@industry-theme/repository-composition-panels 0.2.37 → 0.2.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/panels.bundle.js +32 -7
- package/dist/panels.bundle.js.map +1 -1
- package/package.json +2 -2
package/dist/panels.bundle.js
CHANGED
|
@@ -7841,6 +7841,12 @@ var useContainerHeight = (initialHeight = 600) => {
|
|
|
7841
7841
|
}, []);
|
|
7842
7842
|
return [containerRef, containerHeight];
|
|
7843
7843
|
};
|
|
7844
|
+
var getDndProps = (enableDragAndDrop = false) => {
|
|
7845
|
+
return {
|
|
7846
|
+
disableDrag: !enableDragAndDrop,
|
|
7847
|
+
disableDrop: !enableDragAndDrop
|
|
7848
|
+
};
|
|
7849
|
+
};
|
|
7844
7850
|
function TreeNode({
|
|
7845
7851
|
node,
|
|
7846
7852
|
style,
|
|
@@ -7852,7 +7858,8 @@ function TreeNode({
|
|
|
7852
7858
|
nameColor,
|
|
7853
7859
|
horizontalNodePadding = "8px",
|
|
7854
7860
|
verticalNodePadding = "3px",
|
|
7855
|
-
onContextMenu
|
|
7861
|
+
onContextMenu,
|
|
7862
|
+
onHover
|
|
7856
7863
|
}) {
|
|
7857
7864
|
const [isHovered, setIsHovered] = useState(false);
|
|
7858
7865
|
const isFolder = node.isInternal;
|
|
@@ -7893,8 +7900,14 @@ function TreeNode({
|
|
|
7893
7900
|
onContextMenu(e, node);
|
|
7894
7901
|
}
|
|
7895
7902
|
},
|
|
7896
|
-
onMouseEnter: () =>
|
|
7897
|
-
|
|
7903
|
+
onMouseEnter: () => {
|
|
7904
|
+
setIsHovered(true);
|
|
7905
|
+
onHover == null ? void 0 : onHover(true, node);
|
|
7906
|
+
},
|
|
7907
|
+
onMouseLeave: () => {
|
|
7908
|
+
setIsHovered(false);
|
|
7909
|
+
onHover == null ? void 0 : onHover(false, node);
|
|
7910
|
+
}
|
|
7898
7911
|
}, /* @__PURE__ */ React2.createElement("div", {
|
|
7899
7912
|
style: { display: "flex", alignItems: "center", minWidth: 0, flex: 1 }
|
|
7900
7913
|
}, caret, /* @__PURE__ */ React2.createElement("span", {
|
|
@@ -8055,10 +8068,13 @@ var GitStatusFileTree = ({
|
|
|
8055
8068
|
verticalNodePadding,
|
|
8056
8069
|
verticalPadding,
|
|
8057
8070
|
onContextMenu,
|
|
8071
|
+
onNodeHover,
|
|
8058
8072
|
openByDefault,
|
|
8059
8073
|
initialHeight = 600,
|
|
8060
|
-
autoHeight = false
|
|
8074
|
+
autoHeight = false,
|
|
8075
|
+
enableDragAndDrop = false
|
|
8061
8076
|
}) => {
|
|
8077
|
+
const dndProps = getDndProps(enableDragAndDrop);
|
|
8062
8078
|
const gitStatusMap = useMemo(() => {
|
|
8063
8079
|
const map2 = /* @__PURE__ */ new Map();
|
|
8064
8080
|
gitStatusData.forEach((item) => {
|
|
@@ -8105,6 +8121,11 @@ var GitStatusFileTree = ({
|
|
|
8105
8121
|
if (onContextMenu) {
|
|
8106
8122
|
onContextMenu(e, node2.data.id, !!node2.data.children);
|
|
8107
8123
|
}
|
|
8124
|
+
},
|
|
8125
|
+
onHover: (isHovered, node2) => {
|
|
8126
|
+
if (onNodeHover) {
|
|
8127
|
+
onNodeHover(isHovered ? node2.data.id : null, !!node2.data.children);
|
|
8128
|
+
}
|
|
8108
8129
|
}
|
|
8109
8130
|
});
|
|
8110
8131
|
};
|
|
@@ -8175,7 +8196,8 @@ var GitStatusFileTree = ({
|
|
|
8175
8196
|
...openByDefault !== void 0 && { openByDefault },
|
|
8176
8197
|
width: "100%",
|
|
8177
8198
|
height: containerHeight,
|
|
8178
|
-
rowHeight: 28
|
|
8199
|
+
rowHeight: 28,
|
|
8200
|
+
...dndProps
|
|
8179
8201
|
}, NodeRenderer)));
|
|
8180
8202
|
};
|
|
8181
8203
|
var TelemetryCoverageContext = React2.createContext(null);
|
|
@@ -8311,8 +8333,10 @@ var TelemetryCoverageFileTree = ({
|
|
|
8311
8333
|
openByDefault = true,
|
|
8312
8334
|
initialHeight = 600,
|
|
8313
8335
|
autoHeight = false,
|
|
8314
|
-
testFilePatterns = DEFAULT_TEST_PATTERNS
|
|
8336
|
+
testFilePatterns = DEFAULT_TEST_PATTERNS,
|
|
8337
|
+
enableDragAndDrop = false
|
|
8315
8338
|
}) => {
|
|
8339
|
+
const dndProps = getDndProps(enableDragAndDrop);
|
|
8316
8340
|
const coverageMap = useMemo(() => {
|
|
8317
8341
|
const map2 = /* @__PURE__ */ new Map();
|
|
8318
8342
|
coverageData.forEach((item) => {
|
|
@@ -8447,7 +8471,8 @@ var TelemetryCoverageFileTree = ({
|
|
|
8447
8471
|
openByDefault,
|
|
8448
8472
|
width: "100%",
|
|
8449
8473
|
height: containerHeight,
|
|
8450
|
-
rowHeight: 28
|
|
8474
|
+
rowHeight: 28,
|
|
8475
|
+
...dndProps
|
|
8451
8476
|
}, NodeRenderer)));
|
|
8452
8477
|
};
|
|
8453
8478
|
var calculateTelemetryCoverageStats = (coverageData) => {
|