@industry-theme/principal-view-panels 0.1.41 → 0.1.42
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
CHANGED
|
@@ -47309,9 +47309,10 @@ function requireCustomNode() {
|
|
|
47309
47309
|
const react_2 = /* @__PURE__ */ requireUmd();
|
|
47310
47310
|
const iconResolver_1 = requireIconResolver();
|
|
47311
47311
|
const NodeTooltip_1 = requireNodeTooltip();
|
|
47312
|
-
const CustomNode$1 = ({ data, selected }) => {
|
|
47312
|
+
const CustomNode$1 = ({ data, selected, dragging }) => {
|
|
47313
47313
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
|
|
47314
47314
|
const [isHovered, setIsHovered] = (0, react_1.useState)(false);
|
|
47315
|
+
const showTooltip = isHovered && !dragging;
|
|
47315
47316
|
const nodeRef = (0, react_1.useRef)(null);
|
|
47316
47317
|
const nodeProps = data;
|
|
47317
47318
|
const { typeDefinition, state, hasViolations, data: nodeData, animationType, animationDuration = 1e3, editable = false, tooltipsEnabled = true } = nodeProps;
|
|
@@ -47561,7 +47562,7 @@ function requireCustomNode() {
|
|
|
47561
47562
|
fontSize: "10px",
|
|
47562
47563
|
color: "#D0021B",
|
|
47563
47564
|
fontWeight: "bold"
|
|
47564
|
-
}, children: "⚠️" })] }) }), tooltipsEnabled && (0, jsx_runtime_1.jsx)(NodeTooltip_1.NodeTooltip, { description, otel: otelInfo, visible:
|
|
47565
|
+
}, children: "⚠️" })] }) }), tooltipsEnabled && (0, jsx_runtime_1.jsx)(NodeTooltip_1.NodeTooltip, { description, otel: otelInfo, visible: showTooltip, nodeRef })] }) : isDiamond ? (0, jsx_runtime_1.jsxs)("div", { ref: nodeRef, style: { position: "relative", width: "100%", height: "100%" }, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [renderOtelBadge(), (0, jsx_runtime_1.jsx)("div", { style: diamondBorderStyle, className: animationClass, children: (0, jsx_runtime_1.jsxs)("div", { style: diamondInnerStyle, children: [icon && (0, jsx_runtime_1.jsx)("div", { style: { display: "flex", justifyContent: "center", alignItems: "center" }, children: (0, iconResolver_1.resolveIcon)(icon, 20) }), (0, jsx_runtime_1.jsx)("div", { style: { textAlign: "center", wordBreak: "break-word" }, children: displayName }), state && (0, jsx_runtime_1.jsx)("div", { style: {
|
|
47565
47566
|
fontSize: "10px",
|
|
47566
47567
|
backgroundColor: color,
|
|
47567
47568
|
color: "white",
|
|
@@ -47572,7 +47573,7 @@ function requireCustomNode() {
|
|
|
47572
47573
|
fontSize: "10px",
|
|
47573
47574
|
color: "#D0021B",
|
|
47574
47575
|
fontWeight: "bold"
|
|
47575
|
-
}, children: "⚠️" })] }) }), tooltipsEnabled && (0, jsx_runtime_1.jsx)(NodeTooltip_1.NodeTooltip, { description, otel: otelInfo, visible:
|
|
47576
|
+
}, children: "⚠️" })] }) }), tooltipsEnabled && (0, jsx_runtime_1.jsx)(NodeTooltip_1.NodeTooltip, { description, otel: otelInfo, visible: showTooltip, nodeRef })] }) : (0, jsx_runtime_1.jsxs)("div", { ref: nodeRef, style: { position: "relative", width: "100%", height: "100%" }, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [renderOtelBadge(), (0, jsx_runtime_1.jsx)("div", { style: getShapeStyles(), className: animationClass, children: (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
47576
47577
|
...isGroup ? { width: "100%" } : {}
|
|
47577
47578
|
}, children: [isGroup ? (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
47578
47579
|
display: "flex",
|
|
@@ -47591,7 +47592,7 @@ function requireCustomNode() {
|
|
|
47591
47592
|
fontSize: "10px",
|
|
47592
47593
|
color: "#D0021B",
|
|
47593
47594
|
fontWeight: "bold"
|
|
47594
|
-
}, children: "⚠️" })] }) }), tooltipsEnabled && (0, jsx_runtime_1.jsx)(NodeTooltip_1.NodeTooltip, { description, otel: otelInfo, visible:
|
|
47595
|
+
}, children: "⚠️" })] }) }), tooltipsEnabled && (0, jsx_runtime_1.jsx)(NodeTooltip_1.NodeTooltip, { description, otel: otelInfo, visible: showTooltip, nodeRef })] }), (0, jsx_runtime_1.jsx)(react_2.Handle, { type: "source", position: react_2.Position.Top, id: "top-out", style: getHandleStyle() }), (0, jsx_runtime_1.jsx)(react_2.Handle, { type: "source", position: react_2.Position.Bottom, id: "bottom-out", style: getHandleStyle() }), (0, jsx_runtime_1.jsx)(react_2.Handle, { type: "source", position: react_2.Position.Left, id: "left-out", style: getHandleStyle() }), (0, jsx_runtime_1.jsx)(react_2.Handle, { type: "source", position: react_2.Position.Right, id: "right-out", style: getHandleStyle() }), (0, jsx_runtime_1.jsx)("style", { children: `
|
|
47595
47596
|
/* Processing pulse - continuous breathing effect */
|
|
47596
47597
|
.node-pulse {
|
|
47597
47598
|
animation: node-pulse ease-in-out infinite;
|