@principal-ai/principal-view-react 0.14.34 → 0.14.36
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@principal-ai/principal-view-react",
|
|
3
|
-
"version": "0.14.
|
|
3
|
+
"version": "0.14.36",
|
|
4
4
|
"description": "React components for graph-based principal view framework",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@principal-ai/principal-view-core": "0.26.
|
|
40
|
+
"@principal-ai/principal-view-core": "0.26.32",
|
|
41
41
|
"@principal-ade/industry-theme": "0.1.7",
|
|
42
42
|
"@storybook/addon-docs": "10.1.2",
|
|
43
43
|
"@storybook/addon-links": "10.1.2",
|
package/src/nodes/CustomNode.tsx
CHANGED
|
@@ -579,7 +579,7 @@ export const CustomNode: React.FC<NodeProps<Node<CustomNodeData>>> = (props) =>
|
|
|
579
579
|
const borderStyle = status === 'draft' ? 'dotted' : status === 'approved' ? 'dashed' : 'solid';
|
|
580
580
|
const baseStyles = {
|
|
581
581
|
padding: '12px 16px',
|
|
582
|
-
backgroundColor: isGroup ? 'rgba(255, 255, 255, 0.7)' :
|
|
582
|
+
backgroundColor: isGroup ? 'rgba(255, 255, 255, 0.7)' : fillColor,
|
|
583
583
|
color: '#000',
|
|
584
584
|
border: `2px ${borderStyle} ${hasViolations ? '#D0021B' : strokeColor}`,
|
|
585
585
|
fontSize: theme.fontSizes[0],
|
|
@@ -696,7 +696,7 @@ export const CustomNode: React.FC<NodeProps<Node<CustomNodeData>>> = (props) =>
|
|
|
696
696
|
right: hexagonBorderWidth,
|
|
697
697
|
bottom: hexagonBorderWidth,
|
|
698
698
|
clipPath: hexagonClipPath,
|
|
699
|
-
backgroundColor:
|
|
699
|
+
backgroundColor: fillColor,
|
|
700
700
|
color: '#000',
|
|
701
701
|
display: 'flex',
|
|
702
702
|
flexDirection: 'column',
|
|
@@ -742,7 +742,7 @@ export const CustomNode: React.FC<NodeProps<Node<CustomNodeData>>> = (props) =>
|
|
|
742
742
|
right: diamondBorderWidth,
|
|
743
743
|
bottom: diamondBorderWidth,
|
|
744
744
|
clipPath: diamondClipPath,
|
|
745
|
-
backgroundColor:
|
|
745
|
+
backgroundColor: fillColor,
|
|
746
746
|
color: '#000',
|
|
747
747
|
display: 'flex',
|
|
748
748
|
flexDirection: 'column',
|
|
@@ -267,7 +267,7 @@ function adaptNewFormatToCurrentFormat(newFormat: {
|
|
|
267
267
|
y: node.y,
|
|
268
268
|
width: node.width,
|
|
269
269
|
height: node.height,
|
|
270
|
-
color
|
|
270
|
+
// Don't set color here - let it use scopeColor from library
|
|
271
271
|
pv: {
|
|
272
272
|
nodeType: node.type,
|
|
273
273
|
name: node.label, // Just the label, identifier shown via event.name styling
|