merge main

packages/react/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @xyflow/react
 
+## 12.4.2
+
+### Patch Changes
+
+- [#4957](https://github.com/xyflow/xyflow/pull/4957) [`fe843982`](https://github.com/xyflow/xyflow/commit/fe843982bfc7d7579d54772b201426b4c3f549c6) Thanks [@peterkogo](https://github.com/peterkogo)! - Narrow properties selected, selectable, deletable, draggable of NodeProps type to be required.
+
+- Updated dependencies [[`fe843982`](https://github.com/xyflow/xyflow/commit/fe843982bfc7d7579d54772b201426b4c3f549c6), [`e73ef09f`](https://github.com/xyflow/xyflow/commit/e73ef09fbc8d872b46cf52c9d6a32dbb388c220b)]:
+  - @xyflow/system@0.0.50
+
 ## 12.4.1
 
 ### Patch Changes

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/react",
-  "version": "12.4.1",
+  "version": "12.4.2",
   "description": "React Flow - A highly customizable React library for building node-based editors and interactive flow charts.",
   "keywords": [
     "react",

packages/react/src/components/NodeWrapper/index.tsx

@@ -202,7 +202,7 @@ export function NodeWrapper<NodeType extends Node>({
           type={nodeType}
           positionAbsoluteX={internals.positionAbsolute.x}
           positionAbsoluteY={internals.positionAbsolute.y}
-          selected={node.selected}
+          selected={node.selected ?? false}
           selectable={isSelectable}
           draggable={isDraggable}
           deletable={node.deletable ?? true}

packages/svelte/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @xyflow/svelte
 
+## 0.1.29
+
+### Patch Changes
+
+- [#4957](https://github.com/xyflow/xyflow/pull/4957) [`fe843982`](https://github.com/xyflow/xyflow/commit/fe843982bfc7d7579d54772b201426b4c3f549c6) Thanks [@peterkogo](https://github.com/peterkogo)! - Narrow properties selected, selectable, deletable, draggable of NodeProps type to be required.
+
+- Updated dependencies [[`fe843982`](https://github.com/xyflow/xyflow/commit/fe843982bfc7d7579d54772b201426b4c3f549c6), [`e73ef09f`](https://github.com/xyflow/xyflow/commit/e73ef09fbc8d872b46cf52c9d6a32dbb388c220b)]:
+  - @xyflow/system@0.0.50
+
 ## 0.1.28
 
 ### Patch Changes

packages/svelte/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/svelte",
-  "version": "0.1.28",
+  "version": "0.1.29",
   "description": "Svelte Flow - A highly customizable Svelte library for building node-based editors, workflow systems, diagrams and more.",
   "keywords": [
     "svelte",

packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte

@@ -208,14 +208,14 @@
     <NodeComponent
       {data}
       {id}
-      {selected}
+      selected={selected ?? false}
-      {selectable}
+      selectable={selectable ?? $elementsSelectable ?? true}
-      {deletable}
+      deletable={deletable ?? true}
       {sourcePosition}
       {targetPosition}
       {zIndex}
       {dragging}
-      {draggable}
+      draggable={draggable ?? $nodesDraggable ?? true}
       {dragHandle}
       {parentId}
       {type}

packages/system/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @xyflow/system
 
+## 0.0.50
+
+### Patch Changes
+
+- [#4957](https://github.com/xyflow/xyflow/pull/4957) [`fe843982`](https://github.com/xyflow/xyflow/commit/fe843982bfc7d7579d54772b201426b4c3f549c6) Thanks [@peterkogo](https://github.com/peterkogo)! - Narrow properties selected, selectable, deletable, draggable of NodeProps type to be required.
+
+- [#4968](https://github.com/xyflow/xyflow/pull/4968) [`e73ef09f`](https://github.com/xyflow/xyflow/commit/e73ef09fbc8d872b46cf52c9d6a32dbb388c220b) Thanks [@peterkogo](https://github.com/peterkogo)! - Make internal nodes immutable
+
 ## 0.0.49
 
 ### Patch Changes

packages/system/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyflow/system",
-  "version": "0.0.49",
+  "version": "0.0.50",
   "description": "xyflow core system that powers React Flow and Svelte Flow.",
   "keywords": [
     "node-based UI",

packages/system/src/types/nodes.ts

@@ -88,20 +88,9 @@ export type InternalNodeBase<NodeType extends NodeBase = NodeBase> = NodeType &
  */
 export type NodeProps<NodeType extends NodeBase> = Pick<
   NodeType,
-  | 'id'
+  'id' | 'data' | 'width' | 'height' | 'sourcePosition' | 'targetPosition' | 'dragHandle' | 'parentId'
-  | 'data'
-  | 'width'
-  | 'height'
-  | 'sourcePosition'
-  | 'targetPosition'
-  | 'selected'
-  | 'dragHandle'
-  | 'selectable'
-  | 'deletable'
-  | 'draggable'
-  | 'parentId'
 > &
-  Required<Pick<NodeType, 'type' | 'dragging' | 'zIndex'>> & {
+  Required<Pick<NodeType, 'type' | 'dragging' | 'zIndex' | 'selectable' | 'deletable' | 'selected' | 'draggable'>> & {
     /** whether a node is connectable or not */
     isConnectable: boolean;
     /** position absolute x value */