Move areSetsEqual to system

Author: peterkogo

.changeset/perfect-fans-grow.md renamed to .changeset/twelve-bottles-turn.md

@@ -1,5 +1,6 @@
 ---
 '@xyflow/react': patch
+'@xyflow/system': patch
 ---
 
 Optimize selections and take into account if edges connected to selected nodes are actually selectable.

packages/react/src/container/Pane/index.tsx

@@ -10,7 +10,14 @@ import {
 } from 'react';
 import { shallow } from 'zustand/shallow';
 import cc from 'classcat';
-import { getNodesInside, getEventPosition, SelectionMode, type NodeChange, type EdgeChange } from '@xyflow/system';
+import {
+  getNodesInside,
+  getEventPosition,
+  SelectionMode,
+  areSetsEqual,
+  type NodeChange,
+  type EdgeChange,
+} from '@xyflow/system';
 
 import { UserSelection } from '../../components/UserSelection';
 import { containerStyle } from '../../styles/utils';
@@ -39,20 +46,6 @@ type PaneProps = {
   >
 >;
 
-function areSetsEqual(a: Set<string>, b: Set<string>) {
-  if (a.size !== b.size) {
-    return false;
-  }
-
-  for (const item of a) {
-    if (!b.has(item)) {
-      return false;
-    }
-  }
-
-  return true;
-}
-
 const wrapHandler = (
   handler: React.MouseEventHandler | undefined,
   containerRef: React.MutableRefObject<HTMLDivElement | null>

packages/system/src/utils/general.ts

@@ -263,3 +263,17 @@ export function evaluateAbsolutePosition(
 
   return positionAbsolute;
 }
+
+export function areSetsEqual(a: Set<string>, b: Set<string>) {
+  if (a.size !== b.size) {
+    return false;
+  }
+
+  for (const item of a) {
+    if (!b.has(item)) {
+      return false;
+    }
+  }
+
+  return true;
+}