@statelyai/flow-react 0.9.3 → 0.9.4

package/dist/esm/index.js

@@ -551,7 +551,7 @@ function stringArraysEqual(a, b) {
 }
 function nodePaintEntriesEqual(a, b) {
 	if (a.length !== b.length) return false;
-	for (let index = 0; index < a.length; index++) if (a[index]?.id !== b[index]?.id || a[index]?.orderIndex !== b[index]?.orderIndex) return false;
+	for (let index = 0; index < a.length; index++) if (a[index]?.id !== b[index]?.id || a[index]?.zIndex !== b[index]?.zIndex) return false;
 	return true;
 }
 function classNames$1(...values) {
@@ -1409,13 +1409,12 @@ function NodeLayer(props) {
 	const instance = useFlowInstance();
 	const renderableIds = useRenderableIds(instance, props.onlyRenderVisible);
 	const nodePaintEntries = useDragStableFlowSelector((context) => {
-		const paintOrder = new Map(getOrderedEntities(instance, { elevateSelected: false }).nodes.map((node, orderIndex) => [node.id, orderIndex]));
-		const selectedBoost = paintOrder.size;
+		const paintZIndices = instance.internals.engine.getPaintZIndices().nodes;
 		return context.graph.nodes.flatMap((node) => {
-			const orderIndex = paintOrder.get(node.id);
-			return orderIndex === void 0 ? [] : [{
+			const zIndex = paintZIndices.get(node.id);
+			return zIndex === void 0 ? [] : [{
 				id: node.id,
-				orderIndex: orderIndex + (context.selection.has(node.id) ? selectedBoost : 0)
+				zIndex
 			}];
 		});
 	}, nodePaintEntriesEqual);
@@ -1431,13 +1430,13 @@ function NodeLayer(props) {
 			transformOrigin: "0 0",
 			pointerEvents: "none"
 		},
-		children: nodePaintEntries.map(({ id, orderIndex }) => {
+		children: nodePaintEntries.map(({ id, zIndex }) => {
 			if (renderableIds && !renderableIds.nodeIds.has(id)) return null;
 			return /* @__PURE__ */ jsx(NodeView, {
 				flow: instance,
 				geometryObserver: props.geometryObserver,
 				id,
-				orderIndex,
+				zIndex,
 				observer,
 				projections: props.projections,
 				renderNode: props.renderNode
@@ -1569,7 +1568,7 @@ const NodeView = memo(function NodeView(props) {
 				cursor: dragging ? "grabbing" : "grab",
 				pointerEvents: node.group?.type === "derived" || node.group && groupHasInteractiveContent ? "none" : "auto",
 				userSelect: "none",
-				zIndex: props.orderIndex,
+				zIndex: props.zIndex,
 				opacity: attrs.opacity
 			},
 			children: props.renderNode ? /* @__PURE__ */ jsx("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@statelyai/flow-react",
-  "version": "0.9.3",
+  "version": "0.9.4",
   "description": "Thin React adapter for @statelyai/flow with core and DOM re-exports.",
   "type": "module",
   "sideEffects": false,
@@ -34,8 +34,8 @@
   "license": "MIT",
   "dependencies": {
     "use-sync-external-store": "^1.6.0",
-    "@statelyai/flow": "0.9.0",
-    "@statelyai/flow-dom": "3.4.3"
+    "@statelyai/flow": "0.9.1",
+    "@statelyai/flow-dom": "3.4.4"
   },
   "peerDependencies": {
     "react": "^18.2.0 || ^19.0.0",