@principal-ai/principal-view-react 0.6.7 → 0.6.9
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/components/GraphRenderer.d.ts.map +1 -1
- package/dist/components/GraphRenderer.js +7 -3
- package/dist/components/GraphRenderer.js.map +1 -1
- package/dist/components/NodeInfoPanel.d.ts.map +1 -1
- package/dist/components/NodeInfoPanel.js +91 -108
- package/dist/components/NodeInfoPanel.js.map +1 -1
- package/dist/edges/CustomEdge.d.ts.map +1 -1
- package/dist/edges/CustomEdge.js +3 -1
- package/dist/edges/CustomEdge.js.map +1 -1
- package/dist/nodes/CustomNode.d.ts +1 -1
- package/dist/nodes/CustomNode.d.ts.map +1 -1
- package/dist/nodes/CustomNode.js +11 -10
- package/dist/nodes/CustomNode.js.map +1 -1
- package/dist/utils/graphConverter.d.ts.map +1 -1
- package/dist/utils/graphConverter.js +4 -2
- package/dist/utils/graphConverter.js.map +1 -1
- package/package.json +2 -2
- package/src/components/GraphRenderer.tsx +11 -4
- package/src/components/NodeInfoPanel.tsx +232 -237
- package/src/edges/CustomEdge.tsx +3 -1
- package/src/nodes/CustomNode.tsx +12 -13
- package/src/stories/ColorPriority.stories.tsx +630 -0
- package/src/stories/EventDrivenAnimations.stories.tsx +6 -6
- package/src/stories/GraphRenderer.stories.tsx +27 -27
- package/src/stories/MultiConfig.stories.tsx +24 -24
- package/src/stories/MultiDirectionalConnections.stories.tsx +20 -20
- package/src/stories/NodeFieldsAudit.stories.tsx +1095 -0
- package/src/stories/NodeShapes.stories.tsx +37 -37
- package/src/utils/graphConverter.ts +4 -2
package/dist/nodes/CustomNode.js
CHANGED
|
@@ -19,19 +19,20 @@ const CustomNode = ({ data, selected }) => {
|
|
|
19
19
|
// Priority: state color > node data color > type definition color > default
|
|
20
20
|
const nodeDataColor = nodeData.color;
|
|
21
21
|
const baseColor = nodeDataColor || typeDefinition.color || '#888';
|
|
22
|
-
|
|
22
|
+
// Check node's own states first (from pv.states), then fall back to type definition states
|
|
23
|
+
const nodeDataStates = nodeData.states;
|
|
24
|
+
const stateColor = state && (nodeDataStates?.[state]?.color || typeDefinition.states?.[state]?.color);
|
|
23
25
|
const fillColor = stateColor || baseColor;
|
|
24
26
|
// Get stroke color - priority: node data stroke > type definition stroke > fill color
|
|
25
27
|
const nodeDataStroke = nodeData.stroke;
|
|
26
28
|
const strokeColor = nodeDataStroke || typeDefinition.stroke || fillColor;
|
|
27
29
|
// Use fillColor as the primary "color" for backwards compatibility
|
|
28
30
|
const color = fillColor;
|
|
29
|
-
// Get
|
|
30
|
-
const
|
|
31
|
-
|
|
32
|
-
// Icon priority: node data override > state icon > type definition icon
|
|
31
|
+
// Get display name - use name from props (falls back to node.id in converter)
|
|
32
|
+
const displayName = nodeProps.name;
|
|
33
|
+
// Icon priority: node data override > state icon (node data states first) > type definition icon
|
|
33
34
|
const icon = nodeData.icon
|
|
34
|
-
|| (state && typeDefinition.states?.[state]?.icon)
|
|
35
|
+
|| (state && (nodeDataStates?.[state]?.icon || typeDefinition.states?.[state]?.icon))
|
|
35
36
|
|| typeDefinition.icon;
|
|
36
37
|
// Get animation class based on type
|
|
37
38
|
const getAnimationClass = () => {
|
|
@@ -184,25 +185,25 @@ const CustomNode = ({ data, selected }) => {
|
|
|
184
185
|
}
|
|
185
186
|
return offsetStyle;
|
|
186
187
|
};
|
|
187
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Handle, { type: "target", position: react_1.Position.Top, id: "top", style: getHandleStyle('top') }), (0, jsx_runtime_1.jsx)(react_1.Handle, { type: "target", position: react_1.Position.Left, id: "left", style: getHandleStyle('left') }), (0, jsx_runtime_1.jsx)(react_1.Handle, { type: "target", position: react_1.Position.Right, id: "right", style: getHandleStyle('right') }), isHexagon ? ((0, jsx_runtime_1.jsx)("div", { style: hexagonBorderStyle, className: animationClass, children: (0, jsx_runtime_1.jsxs)("div", { style: hexagonInnerStyle, 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:
|
|
188
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Handle, { type: "target", position: react_1.Position.Top, id: "top", style: getHandleStyle('top') }), (0, jsx_runtime_1.jsx)(react_1.Handle, { type: "target", position: react_1.Position.Left, id: "left", style: getHandleStyle('left') }), (0, jsx_runtime_1.jsx)(react_1.Handle, { type: "target", position: react_1.Position.Right, id: "right", style: getHandleStyle('right') }), isHexagon ? ((0, jsx_runtime_1.jsx)("div", { style: hexagonBorderStyle, className: animationClass, children: (0, jsx_runtime_1.jsxs)("div", { style: hexagonInnerStyle, 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: {
|
|
188
189
|
fontSize: '10px',
|
|
189
190
|
backgroundColor: color,
|
|
190
191
|
color: 'white',
|
|
191
192
|
padding: '2px 6px',
|
|
192
193
|
borderRadius: '4px',
|
|
193
194
|
textAlign: 'center',
|
|
194
|
-
}, children: typeDefinition.states?.[state]?.label || state })), hasViolations && ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
195
|
+
}, children: nodeDataStates?.[state]?.label || typeDefinition.states?.[state]?.label || state })), hasViolations && ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
195
196
|
fontSize: '10px',
|
|
196
197
|
color: '#D0021B',
|
|
197
198
|
fontWeight: 'bold',
|
|
198
|
-
}, children: "\u26A0\uFE0F" }))] }) })) : ((0, jsx_runtime_1.jsx)("div", { style: getShapeStyles(), className: animationClass, children: (0, jsx_runtime_1.jsxs)("div", { style: isDiamond ? { transform: 'rotate(-45deg)' } : {}, 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:
|
|
199
|
+
}, children: "\u26A0\uFE0F" }))] }) })) : ((0, jsx_runtime_1.jsx)("div", { style: getShapeStyles(), className: animationClass, children: (0, jsx_runtime_1.jsxs)("div", { style: isDiamond ? { transform: 'rotate(-45deg)' } : {}, 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: {
|
|
199
200
|
fontSize: '10px',
|
|
200
201
|
backgroundColor: color,
|
|
201
202
|
color: 'white',
|
|
202
203
|
padding: '2px 6px',
|
|
203
204
|
borderRadius: '4px',
|
|
204
205
|
textAlign: 'center',
|
|
205
|
-
}, children: typeDefinition.states?.[state]?.label || state })), hasViolations && ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
206
|
+
}, children: nodeDataStates?.[state]?.label || typeDefinition.states?.[state]?.label || state })), hasViolations && ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
206
207
|
fontSize: '10px',
|
|
207
208
|
color: '#D0021B',
|
|
208
209
|
fontWeight: 'bold',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomNode.js","sourceRoot":"","sources":["../../src/nodes/CustomNode.tsx"],"names":[],"mappings":";;;;AACA,yCAAiD;AAGjD,wDAAoD;AAepD;;GAEG;AACH,8DAA8D;AACvD,MAAM,UAAU,GAA6B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzE,MAAM,SAAS,GAAG,IAAsB,CAAC;IACzC,MAAM,EACJ,cAAc,EACd,KAAK,EACL,aAAa,EACb,IAAI,EAAE,QAAQ,EACd,aAAa,EACb,iBAAiB,GAAG,IAAI,EACxB,QAAQ,GAAG,KAAK,GACjB,GAAG,SAAS,CAAC;IAEd,uCAAuC;IACvC,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,KAAK,EAAE,YAC3E,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,oDAExC,GACF,CACP,CAAC;IACJ,CAAC;IAED,2CAA2C;IAC3C,4EAA4E;IAC5E,MAAM,aAAa,GAAG,QAAQ,CAAC,KAA2B,CAAC;IAC3D,MAAM,SAAS,GAAG,aAAa,IAAI,cAAc,CAAC,KAAK,IAAI,MAAM,CAAC;IAClE,MAAM,UAAU,GAAG,KAAK,IAAI,cAAc,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"CustomNode.js","sourceRoot":"","sources":["../../src/nodes/CustomNode.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"graphConverter.d.ts","sourceRoot":"","sources":["../../src/utils/graphConverter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAC7G,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,SAAS,EAAE,EAClB,aAAa,EAAE,kBAAkB,EACjC,UAAU,GAAE,SAAS,EAAO,GAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,CAwBxB;AAED,yEAAyE;AACzE,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,CAAC,SAAS,GAAG,oBAAoB,CAAC,EAAE,EAC3C,aAAa,EAAE,kBAAkB,EACjC,UAAU,GAAE,SAAS,EAAO,GAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"graphConverter.d.ts","sourceRoot":"","sources":["../../src/utils/graphConverter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,IAAI,EAAE,KAAK,IAAI,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAC7G,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,SAAS,EAAE,EAClB,aAAa,EAAE,kBAAkB,EACjC,UAAU,GAAE,SAAS,EAAO,GAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,CAwBxB;AAED,yEAAyE;AACzE,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,CAAC,SAAS,GAAG,oBAAoB,CAAC,EAAE,EAC3C,aAAa,EAAE,kBAAkB,EACjC,UAAU,GAAE,SAAS,EAAO,GAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,CAsCxB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/D,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAChB,KAAK,EAAE,IAAI,EAAE,EACb,UAAU,GAAE,cAAc,GAAG,gBAAgB,GAAG,UAAU,GAAG,QAAyB,GACrF,IAAI,CAAC,CAAC,CAAC,EAAE,CAmBX"}
|
|
@@ -20,7 +20,7 @@ function convertToXYFlowNodes(nodes, configuration, violations = []) {
|
|
|
20
20
|
type: 'custom',
|
|
21
21
|
position: node.position || { x: 0, y: 0 },
|
|
22
22
|
data: {
|
|
23
|
-
|
|
23
|
+
name: node.data.name || node.id,
|
|
24
24
|
typeDefinition,
|
|
25
25
|
state: node.state,
|
|
26
26
|
hasViolations,
|
|
@@ -42,9 +42,11 @@ function convertToXYFlowEdges(edges, configuration, violations = []) {
|
|
|
42
42
|
const hasViolations = violations.some(v => v.context?.edgeId === edge.id);
|
|
43
43
|
const edgeWithHandles = edge;
|
|
44
44
|
// Add arrow marker if edge type is directed
|
|
45
|
+
// Color priority: edge data color > type definition color > default
|
|
46
|
+
const edgeColor = edge.data?.color;
|
|
45
47
|
const markerEnd = typeDefinition?.directed !== false ? {
|
|
46
48
|
type: react_1.MarkerType.ArrowClosed,
|
|
47
|
-
color: typeDefinition?.color || '#888',
|
|
49
|
+
color: edgeColor || typeDefinition?.color || '#888',
|
|
48
50
|
width: 20,
|
|
49
51
|
height: 20,
|
|
50
52
|
} : undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"graphConverter.js","sourceRoot":"","sources":["../../src/utils/graphConverter.ts"],"names":[],"mappings":";;AAQA,oDA4BC;AAWD,
|
|
1
|
+
{"version":3,"file":"graphConverter.js","sourceRoot":"","sources":["../../src/utils/graphConverter.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@principal-ai/principal-view-react",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.9",
|
|
4
4
|
"description": "React components for graph-based principal view framework",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"react",
|
|
54
54
|
"testing"
|
|
55
55
|
],
|
|
56
|
-
"license": "
|
|
56
|
+
"license": "Apache-2.0",
|
|
57
57
|
"publishConfig": {
|
|
58
58
|
"access": "public",
|
|
59
59
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -238,8 +238,9 @@ const GraphRendererInner: React.FC<GraphRendererInnerProps> = ({
|
|
|
238
238
|
}
|
|
239
239
|
}, [propNodes, propEdges, editStateRef, onEditStateChange, onPendingChangesChange]);
|
|
240
240
|
|
|
241
|
-
//
|
|
242
|
-
|
|
241
|
+
// Always use localNodes for rendering - it syncs with props when structure changes
|
|
242
|
+
// and receives state_changed event updates. localEdges only used in edit mode.
|
|
243
|
+
const nodes = localNodes;
|
|
243
244
|
const edges = editable ? localEdges : propEdges;
|
|
244
245
|
|
|
245
246
|
// Helper to check if there are pending changes
|
|
@@ -633,6 +634,12 @@ const GraphRendererInner: React.FC<GraphRendererInnerProps> = ({
|
|
|
633
634
|
const newState = stateEvent.newState;
|
|
634
635
|
|
|
635
636
|
if (nodeId && newState) {
|
|
637
|
+
// Update the node's state
|
|
638
|
+
setLocalNodes(prev => prev.map(node =>
|
|
639
|
+
node.id === nodeId ? { ...node, state: newState } : node
|
|
640
|
+
));
|
|
641
|
+
|
|
642
|
+
// Trigger animation based on state
|
|
636
643
|
const stateToAnimation: Record<string, 'pulse' | 'flash' | 'shake'> = {
|
|
637
644
|
processing: 'pulse',
|
|
638
645
|
completed: 'flash',
|
|
@@ -660,9 +667,9 @@ const GraphRendererInner: React.FC<GraphRendererInnerProps> = ({
|
|
|
660
667
|
});
|
|
661
668
|
}, duration);
|
|
662
669
|
}
|
|
663
|
-
|
|
664
|
-
onEventProcessed?.(latestEvent);
|
|
665
670
|
}
|
|
671
|
+
|
|
672
|
+
onEventProcessed?.(latestEvent);
|
|
666
673
|
}
|
|
667
674
|
}
|
|
668
675
|
|