@industry-theme/principal-view-panels 0.12.97 → 0.12.98
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 +17 -17
- package/dist/panels.bundle.js.map +1 -1
- package/package.json +4 -4
package/dist/panels.bundle.js
CHANGED
|
@@ -86799,13 +86799,13 @@ const OtelSpanConventionNode = ({ data, selected: selected2, dragging }) => {
|
|
|
86799
86799
|
dragging
|
|
86800
86800
|
});
|
|
86801
86801
|
const nodeOpacity = isHidden ? 0.4 : isActive ? 1 : 0.1;
|
|
86802
|
+
const scopeColor = nodeData.scopeColor;
|
|
86802
86803
|
const spanColor = nodeData.spanColor;
|
|
86803
86804
|
const nodeDataColor = nodeData.color;
|
|
86804
|
-
const baseFillColor =
|
|
86805
|
+
const baseFillColor = nodeDataColor || scopeColor || typeDefinition.color || "#8b5cf6";
|
|
86805
86806
|
const fillColor = baseFillColor;
|
|
86806
|
-
const scopeColor = nodeData.scopeColor;
|
|
86807
86807
|
const nodeDataStroke = nodeData.stroke;
|
|
86808
|
-
const strokeColor = nodeDataStroke ||
|
|
86808
|
+
const strokeColor = nodeDataStroke || spanColor || fillColor;
|
|
86809
86809
|
const displayName = nodeProps.name;
|
|
86810
86810
|
const otelData = nodeData.otel;
|
|
86811
86811
|
const identifier2 = otelData == null ? void 0 : otelData.spanPattern;
|
|
@@ -86907,13 +86907,13 @@ const OtelEventNode = ({ data, selected: selected2, dragging }) => {
|
|
|
86907
86907
|
const { typeDefinition, state, hasViolations, data: nodeData, editable = false, tooltipsEnabled = true, shiftKeyPressed = false, isHighlighted = false, isActive = true, isHidden = false, animationType, animationDuration = 1e3 } = nodeProps;
|
|
86908
86908
|
const { nodeRef, showTooltip, handleMouseDown, handleMouseEnter, handleMouseLeave, handleResizeEnd } = useNodeBehavior({ editable, tooltipsEnabled, shiftKeyPressed, selected: selected2, dragging });
|
|
86909
86909
|
const nodeOpacity = isHidden ? 0.4 : isActive ? 1 : 0.1;
|
|
86910
|
+
const scopeColor = nodeData.scopeColor;
|
|
86910
86911
|
const spanColor = nodeData.spanColor;
|
|
86911
86912
|
const nodeDataColor = nodeData.color;
|
|
86912
|
-
const baseFillColor =
|
|
86913
|
+
const baseFillColor = nodeDataColor || scopeColor || typeDefinition.color || "#3b82f6";
|
|
86913
86914
|
const fillColor = baseFillColor;
|
|
86914
|
-
const scopeColor = nodeData.scopeColor;
|
|
86915
86915
|
const nodeDataStroke = nodeData.stroke;
|
|
86916
|
-
const strokeColor = nodeDataStroke ||
|
|
86916
|
+
const strokeColor = nodeDataStroke || spanColor || fillColor;
|
|
86917
86917
|
const displayName = nodeProps.name;
|
|
86918
86918
|
const eventData = nodeData.event;
|
|
86919
86919
|
const identifier2 = (eventData == null ? void 0 : eventData.name) || nodeData.eventRef;
|
|
@@ -86983,13 +86983,13 @@ const OtelScopeNode = ({ data, selected: selected2, dragging }) => {
|
|
|
86983
86983
|
const { typeDefinition, state, hasViolations, data: nodeData, editable = false, tooltipsEnabled = true, shiftKeyPressed = false, isHighlighted = false, isActive = true, isHidden = false, animationType, animationDuration = 1e3 } = nodeProps;
|
|
86984
86984
|
const { nodeRef, showTooltip, handleMouseDown, handleMouseEnter, handleMouseLeave, handleResizeEnd } = useNodeBehavior({ editable, tooltipsEnabled, shiftKeyPressed, selected: selected2, dragging });
|
|
86985
86985
|
const nodeOpacity = isHidden ? 0.4 : isActive ? 1 : 0.1;
|
|
86986
|
+
const scopeColor = nodeData.scopeColor;
|
|
86986
86987
|
const spanColor = nodeData.spanColor;
|
|
86987
86988
|
const nodeDataColor = nodeData.color;
|
|
86988
|
-
const baseFillColor =
|
|
86989
|
+
const baseFillColor = nodeDataColor || scopeColor || typeDefinition.color || "#22c55e";
|
|
86989
86990
|
const fillColor = baseFillColor;
|
|
86990
|
-
const scopeColor = nodeData.scopeColor;
|
|
86991
86991
|
const nodeDataStroke = nodeData.stroke;
|
|
86992
|
-
const strokeColor = nodeDataStroke ||
|
|
86992
|
+
const strokeColor = nodeDataStroke || spanColor || fillColor;
|
|
86993
86993
|
const displayName = nodeProps.name;
|
|
86994
86994
|
const otelData = nodeData.otel;
|
|
86995
86995
|
const identifier2 = otelData == null ? void 0 : otelData.scope;
|
|
@@ -87059,13 +87059,13 @@ const OtelResourceNode = ({ data, selected: selected2, dragging }) => {
|
|
|
87059
87059
|
const { typeDefinition, state, hasViolations, data: nodeData, editable = false, tooltipsEnabled = true, shiftKeyPressed = false, isHighlighted = false, isActive = true, isHidden = false, animationType, animationDuration: _animationDuration = 1e3 } = nodeProps;
|
|
87060
87060
|
const { nodeRef, showTooltip, handleMouseDown, handleMouseEnter, handleMouseLeave, handleResizeEnd } = useNodeBehavior({ editable, tooltipsEnabled, shiftKeyPressed, selected: selected2, dragging });
|
|
87061
87061
|
const nodeOpacity = isHidden ? 0.4 : isActive ? 1 : 0.1;
|
|
87062
|
+
const scopeColor = nodeData.scopeColor;
|
|
87062
87063
|
const spanColor = nodeData.spanColor;
|
|
87063
87064
|
const nodeDataColor = nodeData.color;
|
|
87064
|
-
const baseFillColor =
|
|
87065
|
+
const baseFillColor = nodeDataColor || scopeColor || typeDefinition.color || "#f97316";
|
|
87065
87066
|
const fillColor = baseFillColor;
|
|
87066
|
-
const scopeColor = nodeData.scopeColor;
|
|
87067
87067
|
const nodeDataStroke = nodeData.stroke;
|
|
87068
|
-
const strokeColor = nodeDataStroke ||
|
|
87068
|
+
const strokeColor = nodeDataStroke || spanColor || fillColor;
|
|
87069
87069
|
const displayName = nodeProps.name;
|
|
87070
87070
|
const otelData = nodeData.otel;
|
|
87071
87071
|
let identifier2;
|
|
@@ -87157,13 +87157,13 @@ const OtelBoundaryNode = ({ data, selected: selected2, dragging }) => {
|
|
|
87157
87157
|
const { typeDefinition, state, hasViolations, data: nodeData, editable = false, tooltipsEnabled = true, shiftKeyPressed = false, isHighlighted = false, isActive = true, isHidden = false, animationType, animationDuration = 1e3 } = nodeProps;
|
|
87158
87158
|
const { nodeRef, showTooltip, handleMouseDown, handleMouseEnter, handleMouseLeave, handleResizeEnd } = useNodeBehavior({ editable, tooltipsEnabled, shiftKeyPressed, selected: selected2, dragging });
|
|
87159
87159
|
const nodeOpacity = isHidden ? 0.4 : isActive ? 1 : 0.1;
|
|
87160
|
+
const scopeColor = nodeData.scopeColor;
|
|
87160
87161
|
const spanColor = nodeData.spanColor;
|
|
87161
87162
|
const nodeDataColor = nodeData.color;
|
|
87162
|
-
const baseFillColor =
|
|
87163
|
+
const baseFillColor = nodeDataColor || scopeColor || typeDefinition.color || "#06b6d4";
|
|
87163
87164
|
const fillColor = baseFillColor;
|
|
87164
|
-
const scopeColor = nodeData.scopeColor;
|
|
87165
87165
|
const nodeDataStroke = nodeData.stroke;
|
|
87166
|
-
const strokeColor = nodeDataStroke ||
|
|
87166
|
+
const strokeColor = nodeDataStroke || spanColor || fillColor;
|
|
87167
87167
|
const displayName = nodeProps.name;
|
|
87168
87168
|
const boundaryData = nodeData.boundary;
|
|
87169
87169
|
const identifier2 = boundaryData == null ? void 0 : boundaryData.direction;
|
|
@@ -87488,10 +87488,10 @@ const CustomNode = (props) => {
|
|
|
87488
87488
|
const spanColor = nodeData.spanColor;
|
|
87489
87489
|
const nodeDataStates = nodeData.states;
|
|
87490
87490
|
const stateColor = state && (((_b2 = nodeDataStates == null ? void 0 : nodeDataStates[state]) == null ? void 0 : _b2.color) || ((_d = (_c = typeDefinition.states) == null ? void 0 : _c[state]) == null ? void 0 : _d.color));
|
|
87491
|
-
const baseFillColor =
|
|
87491
|
+
const baseFillColor = nodeDataColor || scopeColor || typeDefinition.color || "#888";
|
|
87492
87492
|
const fillColor = stateColor || baseFillColor;
|
|
87493
87493
|
const nodeDataStroke = nodeData.stroke;
|
|
87494
|
-
const baseStrokeColor = nodeDataStroke ||
|
|
87494
|
+
const baseStrokeColor = nodeDataStroke || spanColor || fillColor;
|
|
87495
87495
|
const status = nodeData == null ? void 0 : nodeData.status;
|
|
87496
87496
|
const strokeColor = baseStrokeColor;
|
|
87497
87497
|
const color2 = fillColor;
|