@xyflow/react 12.0.0-next.0 → 12.0.0-next.10

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.
Files changed (409) hide show
  1. package/LICENSE +1 -1
  2. package/dist/base.css +47 -26
  3. package/dist/esm/additional-components/Background/Background.d.ts +5 -5
  4. package/dist/esm/additional-components/Background/Background.d.ts.map +1 -1
  5. package/dist/esm/additional-components/Background/index.d.ts +2 -2
  6. package/dist/esm/additional-components/Background/index.d.ts.map +1 -1
  7. package/dist/esm/additional-components/Background/types.d.ts +13 -0
  8. package/dist/esm/additional-components/Background/types.d.ts.map +1 -1
  9. package/dist/esm/additional-components/Controls/ControlButton.d.ts +1 -3
  10. package/dist/esm/additional-components/Controls/ControlButton.d.ts.map +1 -1
  11. package/dist/esm/additional-components/Controls/Controls.d.ts +7 -3
  12. package/dist/esm/additional-components/Controls/Controls.d.ts.map +1 -1
  13. package/dist/esm/additional-components/Controls/Icons/FitView.d.ts +1 -2
  14. package/dist/esm/additional-components/Controls/Icons/FitView.d.ts.map +1 -1
  15. package/dist/esm/additional-components/Controls/Icons/Lock.d.ts +1 -2
  16. package/dist/esm/additional-components/Controls/Icons/Lock.d.ts.map +1 -1
  17. package/dist/esm/additional-components/Controls/Icons/Minus.d.ts +1 -2
  18. package/dist/esm/additional-components/Controls/Icons/Minus.d.ts.map +1 -1
  19. package/dist/esm/additional-components/Controls/Icons/Plus.d.ts +1 -2
  20. package/dist/esm/additional-components/Controls/Icons/Plus.d.ts.map +1 -1
  21. package/dist/esm/additional-components/Controls/Icons/Unlock.d.ts +1 -2
  22. package/dist/esm/additional-components/Controls/Icons/Unlock.d.ts.map +1 -1
  23. package/dist/esm/additional-components/Controls/index.d.ts +3 -3
  24. package/dist/esm/additional-components/Controls/index.d.ts.map +1 -1
  25. package/dist/esm/additional-components/Controls/types.d.ts +20 -2
  26. package/dist/esm/additional-components/Controls/types.d.ts.map +1 -1
  27. package/dist/esm/additional-components/MiniMap/MiniMap.d.ts +5 -5
  28. package/dist/esm/additional-components/MiniMap/MiniMap.d.ts.map +1 -1
  29. package/dist/esm/additional-components/MiniMap/MiniMapNode.d.ts +3 -3
  30. package/dist/esm/additional-components/MiniMap/MiniMapNode.d.ts.map +1 -1
  31. package/dist/esm/additional-components/MiniMap/MiniMapNodes.d.ts +3 -3
  32. package/dist/esm/additional-components/MiniMap/MiniMapNodes.d.ts.map +1 -1
  33. package/dist/esm/additional-components/MiniMap/index.d.ts +1 -1
  34. package/dist/esm/additional-components/MiniMap/index.d.ts.map +1 -1
  35. package/dist/esm/additional-components/MiniMap/types.d.ts +23 -0
  36. package/dist/esm/additional-components/MiniMap/types.d.ts.map +1 -1
  37. package/dist/esm/additional-components/NodeResizer/NodeResizeControl.d.ts +7 -0
  38. package/dist/esm/additional-components/NodeResizer/NodeResizeControl.d.ts.map +1 -0
  39. package/dist/esm/additional-components/NodeResizer/NodeResizer.d.ts +2 -2
  40. package/dist/esm/additional-components/NodeResizer/NodeResizer.d.ts.map +1 -1
  41. package/dist/esm/additional-components/NodeResizer/ResizeControl.d.ts.map +1 -1
  42. package/dist/esm/additional-components/NodeResizer/index.d.ts +2 -2
  43. package/dist/esm/additional-components/NodeResizer/index.d.ts.map +1 -1
  44. package/dist/esm/additional-components/NodeResizer/types.d.ts +26 -23
  45. package/dist/esm/additional-components/NodeResizer/types.d.ts.map +1 -1
  46. package/dist/esm/additional-components/NodeToolbar/NodeToolbar.d.ts +2 -3
  47. package/dist/esm/additional-components/NodeToolbar/NodeToolbar.d.ts.map +1 -1
  48. package/dist/esm/additional-components/NodeToolbar/NodeToolbarPortal.d.ts +1 -2
  49. package/dist/esm/additional-components/NodeToolbar/NodeToolbarPortal.d.ts.map +1 -1
  50. package/dist/esm/additional-components/NodeToolbar/index.d.ts +2 -2
  51. package/dist/esm/additional-components/NodeToolbar/index.d.ts.map +1 -1
  52. package/dist/esm/additional-components/NodeToolbar/types.d.ts +10 -0
  53. package/dist/esm/additional-components/NodeToolbar/types.d.ts.map +1 -1
  54. package/dist/esm/components/A11yDescriptions/index.d.ts +1 -2
  55. package/dist/esm/components/A11yDescriptions/index.d.ts.map +1 -1
  56. package/dist/esm/components/Attribution/index.d.ts +2 -2
  57. package/dist/esm/components/Attribution/index.d.ts.map +1 -1
  58. package/dist/esm/components/ConnectionLine/index.d.ts +2 -2
  59. package/dist/esm/components/ConnectionLine/index.d.ts.map +1 -1
  60. package/dist/esm/components/EdgeLabelRenderer/index.d.ts +1 -2
  61. package/dist/esm/components/EdgeLabelRenderer/index.d.ts.map +1 -1
  62. package/dist/esm/components/EdgeWrapper/EdgeUpdateAnchors.d.ts +9 -9
  63. package/dist/esm/components/EdgeWrapper/EdgeUpdateAnchors.d.ts.map +1 -1
  64. package/dist/esm/components/EdgeWrapper/index.d.ts +2 -7
  65. package/dist/esm/components/EdgeWrapper/index.d.ts.map +1 -1
  66. package/dist/esm/components/Edges/BaseEdge.d.ts +1 -5
  67. package/dist/esm/components/Edges/BaseEdge.d.ts.map +1 -1
  68. package/dist/esm/components/Edges/EdgeAnchor.d.ts +2 -2
  69. package/dist/esm/components/Edges/EdgeAnchor.d.ts.map +1 -1
  70. package/dist/esm/components/Edges/EdgeText.d.ts +7 -3
  71. package/dist/esm/components/Edges/EdgeText.d.ts.map +1 -1
  72. package/dist/esm/components/Handle/index.d.ts +6 -3
  73. package/dist/esm/components/Handle/index.d.ts.map +1 -1
  74. package/dist/esm/components/NodeWrapper/index.d.ts +2 -7
  75. package/dist/esm/components/NodeWrapper/index.d.ts.map +1 -1
  76. package/dist/esm/components/NodeWrapper/utils.d.ts +5 -1
  77. package/dist/esm/components/NodeWrapper/utils.d.ts.map +1 -1
  78. package/dist/esm/components/Nodes/DefaultNode.d.ts +1 -6
  79. package/dist/esm/components/Nodes/DefaultNode.d.ts.map +1 -1
  80. package/dist/esm/components/Nodes/GroupNode.d.ts +1 -5
  81. package/dist/esm/components/Nodes/GroupNode.d.ts.map +1 -1
  82. package/dist/esm/components/Nodes/InputNode.d.ts +1 -6
  83. package/dist/esm/components/Nodes/InputNode.d.ts.map +1 -1
  84. package/dist/esm/components/Nodes/OutputNode.d.ts +1 -6
  85. package/dist/esm/components/Nodes/OutputNode.d.ts.map +1 -1
  86. package/dist/esm/components/Nodes/utils.d.ts.map +1 -1
  87. package/dist/esm/components/NodesSelection/index.d.ts +3 -5
  88. package/dist/esm/components/NodesSelection/index.d.ts.map +1 -1
  89. package/dist/esm/components/Panel/index.d.ts +5 -3
  90. package/dist/esm/components/Panel/index.d.ts.map +1 -1
  91. package/dist/esm/components/ReactFlowProvider/index.d.ts +3 -5
  92. package/dist/esm/components/ReactFlowProvider/index.d.ts.map +1 -1
  93. package/dist/esm/components/SelectionListener/index.d.ts +2 -2
  94. package/dist/esm/components/SelectionListener/index.d.ts.map +1 -1
  95. package/dist/esm/components/StoreUpdater/index.d.ts +5 -5
  96. package/dist/esm/components/StoreUpdater/index.d.ts.map +1 -1
  97. package/dist/esm/components/UserSelection/index.d.ts +1 -2
  98. package/dist/esm/components/UserSelection/index.d.ts.map +1 -1
  99. package/dist/esm/components/ViewportPortal/index.d.ts +1 -2
  100. package/dist/esm/components/ViewportPortal/index.d.ts.map +1 -1
  101. package/dist/esm/container/EdgeRenderer/MarkerDefinitions.d.ts.map +1 -1
  102. package/dist/esm/container/EdgeRenderer/MarkerSymbols.d.ts +1 -1
  103. package/dist/esm/container/EdgeRenderer/MarkerSymbols.d.ts.map +1 -1
  104. package/dist/esm/container/EdgeRenderer/index.d.ts +9 -7
  105. package/dist/esm/container/EdgeRenderer/index.d.ts.map +1 -1
  106. package/dist/esm/container/FlowRenderer/index.d.ts +8 -6
  107. package/dist/esm/container/FlowRenderer/index.d.ts.map +1 -1
  108. package/dist/esm/container/GraphView/index.d.ts +8 -8
  109. package/dist/esm/container/GraphView/index.d.ts.map +1 -1
  110. package/dist/esm/container/GraphView/useNodeOrEdgeTypesWarning.d.ts +0 -1
  111. package/dist/esm/container/GraphView/useNodeOrEdgeTypesWarning.d.ts.map +1 -1
  112. package/dist/esm/container/NodeRenderer/index.d.ts +8 -7
  113. package/dist/esm/container/NodeRenderer/index.d.ts.map +1 -1
  114. package/dist/esm/container/NodeRenderer/useResizeObserver.d.ts +1 -1
  115. package/dist/esm/container/NodeRenderer/useResizeObserver.d.ts.map +1 -1
  116. package/dist/esm/container/Pane/index.d.ts +2 -2
  117. package/dist/esm/container/Pane/index.d.ts.map +1 -1
  118. package/dist/esm/container/ReactFlow/Wrapper.d.ts +3 -5
  119. package/dist/esm/container/ReactFlow/Wrapper.d.ts.map +1 -1
  120. package/dist/esm/container/ReactFlow/index.d.ts +5 -119
  121. package/dist/esm/container/ReactFlow/index.d.ts.map +1 -1
  122. package/dist/esm/container/ReactFlow/init-values.d.ts +4 -0
  123. package/dist/esm/container/ReactFlow/init-values.d.ts.map +1 -0
  124. package/dist/esm/container/Viewport/index.d.ts +1 -1
  125. package/dist/esm/container/Viewport/index.d.ts.map +1 -1
  126. package/dist/esm/container/ZoomPane/index.d.ts +2 -2
  127. package/dist/esm/container/ZoomPane/index.d.ts.map +1 -1
  128. package/dist/esm/contexts/RFStoreContext.d.ts +2 -2
  129. package/dist/esm/contexts/RFStoreContext.d.ts.map +1 -1
  130. package/dist/esm/hooks/useColorModeClass.d.ts +1 -1
  131. package/dist/esm/hooks/useColorModeClass.d.ts.map +1 -1
  132. package/dist/esm/hooks/useConnection.d.ts +13 -7
  133. package/dist/esm/hooks/useConnection.d.ts.map +1 -1
  134. package/dist/esm/hooks/useDrag.d.ts +3 -3
  135. package/dist/esm/hooks/useDrag.d.ts.map +1 -1
  136. package/dist/esm/hooks/useEdges.d.ts +1 -2
  137. package/dist/esm/hooks/useEdges.d.ts.map +1 -1
  138. package/dist/esm/hooks/useGlobalKeyHandler.d.ts +2 -3
  139. package/dist/esm/hooks/useGlobalKeyHandler.d.ts.map +1 -1
  140. package/dist/esm/hooks/useHandleConnections.d.ts +4 -4
  141. package/dist/esm/hooks/useHandleConnections.d.ts.map +1 -1
  142. package/dist/esm/hooks/useIsomorphicLayoutEffect.d.ts +3 -0
  143. package/dist/esm/hooks/useIsomorphicLayoutEffect.d.ts.map +1 -0
  144. package/dist/esm/hooks/useKeyPress.d.ts +1 -2
  145. package/dist/esm/hooks/useKeyPress.d.ts.map +1 -1
  146. package/dist/esm/hooks/useMoveSelectedNodes.d.ts +12 -0
  147. package/dist/esm/hooks/useMoveSelectedNodes.d.ts.map +1 -0
  148. package/dist/esm/hooks/useNodes.d.ts +1 -2
  149. package/dist/esm/hooks/useNodes.d.ts.map +1 -1
  150. package/dist/esm/hooks/useNodesData.d.ts +8 -4
  151. package/dist/esm/hooks/useNodesData.d.ts.map +1 -1
  152. package/dist/esm/hooks/useNodesEdgesState.d.ts +3 -3
  153. package/dist/esm/hooks/useNodesEdgesState.d.ts.map +1 -1
  154. package/dist/esm/hooks/useNodesInitialized.d.ts +1 -2
  155. package/dist/esm/hooks/useNodesInitialized.d.ts.map +1 -1
  156. package/dist/esm/hooks/useOnInitHandler.d.ts +2 -3
  157. package/dist/esm/hooks/useOnInitHandler.d.ts.map +1 -1
  158. package/dist/esm/hooks/useOnSelectionChange.d.ts +2 -3
  159. package/dist/esm/hooks/useOnSelectionChange.d.ts.map +1 -1
  160. package/dist/esm/hooks/useOnViewportChange.d.ts +1 -2
  161. package/dist/esm/hooks/useOnViewportChange.d.ts.map +1 -1
  162. package/dist/esm/hooks/useReactFlow.d.ts +1 -1
  163. package/dist/esm/hooks/useReactFlow.d.ts.map +1 -1
  164. package/dist/esm/hooks/useResizeHandler.d.ts +1 -2
  165. package/dist/esm/hooks/useResizeHandler.d.ts.map +1 -1
  166. package/dist/esm/hooks/useStore.d.ts +10 -10
  167. package/dist/esm/hooks/useStore.d.ts.map +1 -1
  168. package/dist/esm/hooks/useUpdateNodeInternals.d.ts +1 -2
  169. package/dist/esm/hooks/useUpdateNodeInternals.d.ts.map +1 -1
  170. package/dist/esm/hooks/useUpdateNodePositions.d.ts +1 -2
  171. package/dist/esm/hooks/useUpdateNodePositions.d.ts.map +1 -1
  172. package/dist/esm/hooks/useViewport.d.ts +1 -2
  173. package/dist/esm/hooks/useViewport.d.ts.map +1 -1
  174. package/dist/esm/hooks/useViewportSync.d.ts +1 -1
  175. package/dist/esm/hooks/useViewportSync.d.ts.map +1 -1
  176. package/dist/esm/hooks/useVisibleEdgeIds.d.ts +1 -2
  177. package/dist/esm/hooks/useVisibleEdgeIds.d.ts.map +1 -1
  178. package/dist/esm/hooks/useVisibleNodeIds.d.ts +1 -2
  179. package/dist/esm/hooks/useVisibleNodeIds.d.ts.map +1 -1
  180. package/dist/esm/index.d.ts +20 -20
  181. package/dist/esm/index.d.ts.map +1 -1
  182. package/dist/esm/index.js +750 -803
  183. package/dist/esm/index.mjs +750 -803
  184. package/dist/esm/store/index.d.ts +6 -4
  185. package/dist/esm/store/index.d.ts.map +1 -1
  186. package/dist/esm/store/initialState.d.ts +5 -3
  187. package/dist/esm/store/initialState.d.ts.map +1 -1
  188. package/dist/esm/types/changes.d.ts +8 -7
  189. package/dist/esm/types/changes.d.ts.map +1 -1
  190. package/dist/esm/types/component-props.d.ts +380 -37
  191. package/dist/esm/types/component-props.d.ts.map +1 -1
  192. package/dist/esm/types/edges.d.ts +34 -27
  193. package/dist/esm/types/edges.d.ts.map +1 -1
  194. package/dist/esm/types/general.d.ts +88 -10
  195. package/dist/esm/types/general.d.ts.map +1 -1
  196. package/dist/esm/types/instance.d.ts +94 -11
  197. package/dist/esm/types/instance.d.ts.map +1 -1
  198. package/dist/esm/types/nodes.d.ts +14 -11
  199. package/dist/esm/types/nodes.d.ts.map +1 -1
  200. package/dist/esm/types/store.d.ts +24 -22
  201. package/dist/esm/types/store.d.ts.map +1 -1
  202. package/dist/esm/utils/changes.d.ts +23 -5
  203. package/dist/esm/utils/changes.d.ts.map +1 -1
  204. package/dist/esm/utils/general.d.ts +2 -49
  205. package/dist/esm/utils/general.d.ts.map +1 -1
  206. package/dist/style.css +58 -29
  207. package/dist/umd/additional-components/Background/Background.d.ts +5 -5
  208. package/dist/umd/additional-components/Background/Background.d.ts.map +1 -1
  209. package/dist/umd/additional-components/Background/index.d.ts +2 -2
  210. package/dist/umd/additional-components/Background/index.d.ts.map +1 -1
  211. package/dist/umd/additional-components/Background/types.d.ts +13 -0
  212. package/dist/umd/additional-components/Background/types.d.ts.map +1 -1
  213. package/dist/umd/additional-components/Controls/ControlButton.d.ts +1 -3
  214. package/dist/umd/additional-components/Controls/ControlButton.d.ts.map +1 -1
  215. package/dist/umd/additional-components/Controls/Controls.d.ts +7 -3
  216. package/dist/umd/additional-components/Controls/Controls.d.ts.map +1 -1
  217. package/dist/umd/additional-components/Controls/Icons/FitView.d.ts +1 -2
  218. package/dist/umd/additional-components/Controls/Icons/FitView.d.ts.map +1 -1
  219. package/dist/umd/additional-components/Controls/Icons/Lock.d.ts +1 -2
  220. package/dist/umd/additional-components/Controls/Icons/Lock.d.ts.map +1 -1
  221. package/dist/umd/additional-components/Controls/Icons/Minus.d.ts +1 -2
  222. package/dist/umd/additional-components/Controls/Icons/Minus.d.ts.map +1 -1
  223. package/dist/umd/additional-components/Controls/Icons/Plus.d.ts +1 -2
  224. package/dist/umd/additional-components/Controls/Icons/Plus.d.ts.map +1 -1
  225. package/dist/umd/additional-components/Controls/Icons/Unlock.d.ts +1 -2
  226. package/dist/umd/additional-components/Controls/Icons/Unlock.d.ts.map +1 -1
  227. package/dist/umd/additional-components/Controls/index.d.ts +3 -3
  228. package/dist/umd/additional-components/Controls/index.d.ts.map +1 -1
  229. package/dist/umd/additional-components/Controls/types.d.ts +20 -2
  230. package/dist/umd/additional-components/Controls/types.d.ts.map +1 -1
  231. package/dist/umd/additional-components/MiniMap/MiniMap.d.ts +5 -5
  232. package/dist/umd/additional-components/MiniMap/MiniMap.d.ts.map +1 -1
  233. package/dist/umd/additional-components/MiniMap/MiniMapNode.d.ts +3 -3
  234. package/dist/umd/additional-components/MiniMap/MiniMapNode.d.ts.map +1 -1
  235. package/dist/umd/additional-components/MiniMap/MiniMapNodes.d.ts +3 -3
  236. package/dist/umd/additional-components/MiniMap/MiniMapNodes.d.ts.map +1 -1
  237. package/dist/umd/additional-components/MiniMap/index.d.ts +1 -1
  238. package/dist/umd/additional-components/MiniMap/index.d.ts.map +1 -1
  239. package/dist/umd/additional-components/MiniMap/types.d.ts +23 -0
  240. package/dist/umd/additional-components/MiniMap/types.d.ts.map +1 -1
  241. package/dist/umd/additional-components/NodeResizer/NodeResizeControl.d.ts +7 -0
  242. package/dist/umd/additional-components/NodeResizer/NodeResizeControl.d.ts.map +1 -0
  243. package/dist/umd/additional-components/NodeResizer/NodeResizer.d.ts +2 -2
  244. package/dist/umd/additional-components/NodeResizer/NodeResizer.d.ts.map +1 -1
  245. package/dist/umd/additional-components/NodeResizer/ResizeControl.d.ts.map +1 -1
  246. package/dist/umd/additional-components/NodeResizer/index.d.ts +2 -2
  247. package/dist/umd/additional-components/NodeResizer/index.d.ts.map +1 -1
  248. package/dist/umd/additional-components/NodeResizer/types.d.ts +26 -23
  249. package/dist/umd/additional-components/NodeResizer/types.d.ts.map +1 -1
  250. package/dist/umd/additional-components/NodeToolbar/NodeToolbar.d.ts +2 -3
  251. package/dist/umd/additional-components/NodeToolbar/NodeToolbar.d.ts.map +1 -1
  252. package/dist/umd/additional-components/NodeToolbar/NodeToolbarPortal.d.ts +1 -2
  253. package/dist/umd/additional-components/NodeToolbar/NodeToolbarPortal.d.ts.map +1 -1
  254. package/dist/umd/additional-components/NodeToolbar/index.d.ts +2 -2
  255. package/dist/umd/additional-components/NodeToolbar/index.d.ts.map +1 -1
  256. package/dist/umd/additional-components/NodeToolbar/types.d.ts +10 -0
  257. package/dist/umd/additional-components/NodeToolbar/types.d.ts.map +1 -1
  258. package/dist/umd/components/A11yDescriptions/index.d.ts +1 -2
  259. package/dist/umd/components/A11yDescriptions/index.d.ts.map +1 -1
  260. package/dist/umd/components/Attribution/index.d.ts +2 -2
  261. package/dist/umd/components/Attribution/index.d.ts.map +1 -1
  262. package/dist/umd/components/ConnectionLine/index.d.ts +2 -2
  263. package/dist/umd/components/ConnectionLine/index.d.ts.map +1 -1
  264. package/dist/umd/components/EdgeLabelRenderer/index.d.ts +1 -2
  265. package/dist/umd/components/EdgeLabelRenderer/index.d.ts.map +1 -1
  266. package/dist/umd/components/EdgeWrapper/EdgeUpdateAnchors.d.ts +9 -9
  267. package/dist/umd/components/EdgeWrapper/EdgeUpdateAnchors.d.ts.map +1 -1
  268. package/dist/umd/components/EdgeWrapper/index.d.ts +2 -7
  269. package/dist/umd/components/EdgeWrapper/index.d.ts.map +1 -1
  270. package/dist/umd/components/Edges/BaseEdge.d.ts +1 -5
  271. package/dist/umd/components/Edges/BaseEdge.d.ts.map +1 -1
  272. package/dist/umd/components/Edges/EdgeAnchor.d.ts +2 -2
  273. package/dist/umd/components/Edges/EdgeAnchor.d.ts.map +1 -1
  274. package/dist/umd/components/Edges/EdgeText.d.ts +7 -3
  275. package/dist/umd/components/Edges/EdgeText.d.ts.map +1 -1
  276. package/dist/umd/components/Handle/index.d.ts +6 -3
  277. package/dist/umd/components/Handle/index.d.ts.map +1 -1
  278. package/dist/umd/components/NodeWrapper/index.d.ts +2 -7
  279. package/dist/umd/components/NodeWrapper/index.d.ts.map +1 -1
  280. package/dist/umd/components/NodeWrapper/utils.d.ts +5 -1
  281. package/dist/umd/components/NodeWrapper/utils.d.ts.map +1 -1
  282. package/dist/umd/components/Nodes/DefaultNode.d.ts +1 -6
  283. package/dist/umd/components/Nodes/DefaultNode.d.ts.map +1 -1
  284. package/dist/umd/components/Nodes/GroupNode.d.ts +1 -5
  285. package/dist/umd/components/Nodes/GroupNode.d.ts.map +1 -1
  286. package/dist/umd/components/Nodes/InputNode.d.ts +1 -6
  287. package/dist/umd/components/Nodes/InputNode.d.ts.map +1 -1
  288. package/dist/umd/components/Nodes/OutputNode.d.ts +1 -6
  289. package/dist/umd/components/Nodes/OutputNode.d.ts.map +1 -1
  290. package/dist/umd/components/Nodes/utils.d.ts.map +1 -1
  291. package/dist/umd/components/NodesSelection/index.d.ts +3 -5
  292. package/dist/umd/components/NodesSelection/index.d.ts.map +1 -1
  293. package/dist/umd/components/Panel/index.d.ts +5 -3
  294. package/dist/umd/components/Panel/index.d.ts.map +1 -1
  295. package/dist/umd/components/ReactFlowProvider/index.d.ts +3 -5
  296. package/dist/umd/components/ReactFlowProvider/index.d.ts.map +1 -1
  297. package/dist/umd/components/SelectionListener/index.d.ts +2 -2
  298. package/dist/umd/components/SelectionListener/index.d.ts.map +1 -1
  299. package/dist/umd/components/StoreUpdater/index.d.ts +5 -5
  300. package/dist/umd/components/StoreUpdater/index.d.ts.map +1 -1
  301. package/dist/umd/components/UserSelection/index.d.ts +1 -2
  302. package/dist/umd/components/UserSelection/index.d.ts.map +1 -1
  303. package/dist/umd/components/ViewportPortal/index.d.ts +1 -2
  304. package/dist/umd/components/ViewportPortal/index.d.ts.map +1 -1
  305. package/dist/umd/container/EdgeRenderer/MarkerDefinitions.d.ts.map +1 -1
  306. package/dist/umd/container/EdgeRenderer/MarkerSymbols.d.ts +1 -1
  307. package/dist/umd/container/EdgeRenderer/MarkerSymbols.d.ts.map +1 -1
  308. package/dist/umd/container/EdgeRenderer/index.d.ts +9 -7
  309. package/dist/umd/container/EdgeRenderer/index.d.ts.map +1 -1
  310. package/dist/umd/container/FlowRenderer/index.d.ts +8 -6
  311. package/dist/umd/container/FlowRenderer/index.d.ts.map +1 -1
  312. package/dist/umd/container/GraphView/index.d.ts +8 -8
  313. package/dist/umd/container/GraphView/index.d.ts.map +1 -1
  314. package/dist/umd/container/GraphView/useNodeOrEdgeTypesWarning.d.ts +0 -1
  315. package/dist/umd/container/GraphView/useNodeOrEdgeTypesWarning.d.ts.map +1 -1
  316. package/dist/umd/container/NodeRenderer/index.d.ts +8 -7
  317. package/dist/umd/container/NodeRenderer/index.d.ts.map +1 -1
  318. package/dist/umd/container/NodeRenderer/useResizeObserver.d.ts +1 -1
  319. package/dist/umd/container/NodeRenderer/useResizeObserver.d.ts.map +1 -1
  320. package/dist/umd/container/Pane/index.d.ts +2 -2
  321. package/dist/umd/container/Pane/index.d.ts.map +1 -1
  322. package/dist/umd/container/ReactFlow/Wrapper.d.ts +3 -5
  323. package/dist/umd/container/ReactFlow/Wrapper.d.ts.map +1 -1
  324. package/dist/umd/container/ReactFlow/index.d.ts +5 -119
  325. package/dist/umd/container/ReactFlow/index.d.ts.map +1 -1
  326. package/dist/umd/container/ReactFlow/init-values.d.ts +4 -0
  327. package/dist/umd/container/ReactFlow/init-values.d.ts.map +1 -0
  328. package/dist/umd/container/Viewport/index.d.ts +1 -1
  329. package/dist/umd/container/Viewport/index.d.ts.map +1 -1
  330. package/dist/umd/container/ZoomPane/index.d.ts +2 -2
  331. package/dist/umd/container/ZoomPane/index.d.ts.map +1 -1
  332. package/dist/umd/contexts/RFStoreContext.d.ts +2 -2
  333. package/dist/umd/contexts/RFStoreContext.d.ts.map +1 -1
  334. package/dist/umd/hooks/useColorModeClass.d.ts +1 -1
  335. package/dist/umd/hooks/useColorModeClass.d.ts.map +1 -1
  336. package/dist/umd/hooks/useConnection.d.ts +13 -7
  337. package/dist/umd/hooks/useConnection.d.ts.map +1 -1
  338. package/dist/umd/hooks/useDrag.d.ts +3 -3
  339. package/dist/umd/hooks/useDrag.d.ts.map +1 -1
  340. package/dist/umd/hooks/useEdges.d.ts +1 -2
  341. package/dist/umd/hooks/useEdges.d.ts.map +1 -1
  342. package/dist/umd/hooks/useGlobalKeyHandler.d.ts +2 -3
  343. package/dist/umd/hooks/useGlobalKeyHandler.d.ts.map +1 -1
  344. package/dist/umd/hooks/useHandleConnections.d.ts +4 -4
  345. package/dist/umd/hooks/useHandleConnections.d.ts.map +1 -1
  346. package/dist/umd/hooks/useIsomorphicLayoutEffect.d.ts +3 -0
  347. package/dist/umd/hooks/useIsomorphicLayoutEffect.d.ts.map +1 -0
  348. package/dist/umd/hooks/useKeyPress.d.ts +1 -2
  349. package/dist/umd/hooks/useKeyPress.d.ts.map +1 -1
  350. package/dist/umd/hooks/useMoveSelectedNodes.d.ts +12 -0
  351. package/dist/umd/hooks/useMoveSelectedNodes.d.ts.map +1 -0
  352. package/dist/umd/hooks/useNodes.d.ts +1 -2
  353. package/dist/umd/hooks/useNodes.d.ts.map +1 -1
  354. package/dist/umd/hooks/useNodesData.d.ts +8 -4
  355. package/dist/umd/hooks/useNodesData.d.ts.map +1 -1
  356. package/dist/umd/hooks/useNodesEdgesState.d.ts +3 -3
  357. package/dist/umd/hooks/useNodesEdgesState.d.ts.map +1 -1
  358. package/dist/umd/hooks/useNodesInitialized.d.ts +1 -2
  359. package/dist/umd/hooks/useNodesInitialized.d.ts.map +1 -1
  360. package/dist/umd/hooks/useOnInitHandler.d.ts +2 -3
  361. package/dist/umd/hooks/useOnInitHandler.d.ts.map +1 -1
  362. package/dist/umd/hooks/useOnSelectionChange.d.ts +2 -3
  363. package/dist/umd/hooks/useOnSelectionChange.d.ts.map +1 -1
  364. package/dist/umd/hooks/useOnViewportChange.d.ts +1 -2
  365. package/dist/umd/hooks/useOnViewportChange.d.ts.map +1 -1
  366. package/dist/umd/hooks/useReactFlow.d.ts +1 -1
  367. package/dist/umd/hooks/useReactFlow.d.ts.map +1 -1
  368. package/dist/umd/hooks/useResizeHandler.d.ts +1 -2
  369. package/dist/umd/hooks/useResizeHandler.d.ts.map +1 -1
  370. package/dist/umd/hooks/useStore.d.ts +10 -10
  371. package/dist/umd/hooks/useStore.d.ts.map +1 -1
  372. package/dist/umd/hooks/useUpdateNodeInternals.d.ts +1 -2
  373. package/dist/umd/hooks/useUpdateNodeInternals.d.ts.map +1 -1
  374. package/dist/umd/hooks/useUpdateNodePositions.d.ts +1 -2
  375. package/dist/umd/hooks/useUpdateNodePositions.d.ts.map +1 -1
  376. package/dist/umd/hooks/useViewport.d.ts +1 -2
  377. package/dist/umd/hooks/useViewport.d.ts.map +1 -1
  378. package/dist/umd/hooks/useViewportSync.d.ts +1 -1
  379. package/dist/umd/hooks/useViewportSync.d.ts.map +1 -1
  380. package/dist/umd/hooks/useVisibleEdgeIds.d.ts +1 -2
  381. package/dist/umd/hooks/useVisibleEdgeIds.d.ts.map +1 -1
  382. package/dist/umd/hooks/useVisibleNodeIds.d.ts +1 -2
  383. package/dist/umd/hooks/useVisibleNodeIds.d.ts.map +1 -1
  384. package/dist/umd/index.d.ts +20 -20
  385. package/dist/umd/index.d.ts.map +1 -1
  386. package/dist/umd/index.js +2 -2
  387. package/dist/umd/store/index.d.ts +6 -4
  388. package/dist/umd/store/index.d.ts.map +1 -1
  389. package/dist/umd/store/initialState.d.ts +5 -3
  390. package/dist/umd/store/initialState.d.ts.map +1 -1
  391. package/dist/umd/types/changes.d.ts +8 -7
  392. package/dist/umd/types/changes.d.ts.map +1 -1
  393. package/dist/umd/types/component-props.d.ts +380 -37
  394. package/dist/umd/types/component-props.d.ts.map +1 -1
  395. package/dist/umd/types/edges.d.ts +34 -27
  396. package/dist/umd/types/edges.d.ts.map +1 -1
  397. package/dist/umd/types/general.d.ts +88 -10
  398. package/dist/umd/types/general.d.ts.map +1 -1
  399. package/dist/umd/types/instance.d.ts +94 -11
  400. package/dist/umd/types/instance.d.ts.map +1 -1
  401. package/dist/umd/types/nodes.d.ts +14 -11
  402. package/dist/umd/types/nodes.d.ts.map +1 -1
  403. package/dist/umd/types/store.d.ts +24 -22
  404. package/dist/umd/types/store.d.ts.map +1 -1
  405. package/dist/umd/utils/changes.d.ts +23 -5
  406. package/dist/umd/utils/changes.d.ts.map +1 -1
  407. package/dist/umd/utils/general.d.ts +2 -49
  408. package/dist/umd/utils/general.d.ts.map +1 -1
  409. package/package.json +3 -10
@@ -1,5 +1,6 @@
1
+ import { EdgeLookup, NodeLookup } from '@xyflow/system';
1
2
  import type { Node, Edge, EdgeChange, NodeChange, NodeSelectionChange, EdgeSelectionChange } from '../types';
2
- export declare function handleParentExpand(res: any[], updateItem: any): void;
3
+ export declare function handleParentExpand(updatedElements: any[], updateItem: any): void;
3
4
  /**
4
5
  * Drop in function that applies node changes to an array of nodes.
5
6
  * @public
@@ -20,7 +21,7 @@ export declare function handleParentExpand(res: any[], updateItem: any): void;
20
21
  <ReactFLow nodes={nodes} edges={edges} onNodesChange={onNodesChange} />
21
22
  );
22
23
  */
23
- export declare function applyNodeChanges<NodeType extends Node = Node>(changes: NodeChange[], nodes: NodeType[]): NodeType[];
24
+ export declare function applyNodeChanges<NodeType extends Node = Node>(changes: NodeChange<NodeType>[], nodes: NodeType[]): NodeType[];
24
25
  /**
25
26
  * Drop in function that applies edge changes to an array of edges.
26
27
  * @public
@@ -38,10 +39,27 @@ export declare function applyNodeChanges<NodeType extends Node = Node>(changes:
38
39
  );
39
40
 
40
41
  return (
41
- <ReactFLow nodes={nodes} edges={edges} onEdgesChange={onEdgesChange} />
42
+ <ReactFlow nodes={nodes} edges={edges} onEdgesChange={onEdgesChange} />
42
43
  );
43
44
  */
44
- export declare function applyEdgeChanges<EdgeType extends Edge = Edge>(changes: EdgeChange[], edges: EdgeType[]): EdgeType[];
45
- export declare const createSelectionChange: (id: string, selected: boolean) => NodeSelectionChange | EdgeSelectionChange;
45
+ export declare function applyEdgeChanges<EdgeType extends Edge = Edge>(changes: EdgeChange<EdgeType>[], edges: EdgeType[]): EdgeType[];
46
+ export declare function createSelectionChange(id: string, selected: boolean): NodeSelectionChange | EdgeSelectionChange;
46
47
  export declare function getSelectionChanges(items: any[], selectedIds?: Set<string>, mutateItem?: boolean): NodeSelectionChange[] | EdgeSelectionChange[];
48
+ /**
49
+ * This function is used to find the changes between two sets of elements.
50
+ * It is used to determine which nodes or edges have been added, removed or replaced.
51
+ *
52
+ * @internal
53
+ * @param params.items = the next set of elements (nodes or edges)
54
+ * @param params.lookup = a lookup map of the current store elements
55
+ * @returns an array of changes
56
+ */
57
+ export declare function getElementsDiffChanges({ items, lookup, }: {
58
+ items: Node[] | undefined;
59
+ lookup: NodeLookup<Node>;
60
+ }): NodeChange[];
61
+ export declare function getElementsDiffChanges({ items, lookup, }: {
62
+ items: Edge[] | undefined;
63
+ lookup: EdgeLookup;
64
+ }): EdgeChange[];
47
65
  //# sourceMappingURL=changes.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"changes.d.ts","sourceRoot":"","sources":["../../../../packages/react/src/utils/changes.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE7G,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,GAAG,QA0C7D;AAmGD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAEnH;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAEnH;AAED,eAAO,MAAM,qBAAqB,OAAQ,MAAM,YAAY,OAAO,KAAG,mBAAmB,GAAG,mBAI1F,CAAC;AAEH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,GAAG,EAAE,EACZ,WAAW,GAAE,GAAG,CAAC,MAAM,CAAa,EACpC,UAAU,UAAQ,GACjB,mBAAmB,EAAE,GAAG,mBAAmB,EAAE,CAmB/C"}
1
+ {"version":3,"file":"changes.d.ts","sourceRoot":"","sources":["../../../../packages/react/src/utils/changes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE7G,wBAAgB,kBAAkB,CAAC,eAAe,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,GAAG,QA2CzE;AAwHD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC3D,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC,EAAE,EAC/B,KAAK,EAAE,QAAQ,EAAE,GAChB,QAAQ,EAAE,CAEZ;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC3D,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC,EAAE,EAC/B,KAAK,EAAE,QAAQ,EAAE,GAChB,QAAQ,EAAE,CAEZ;AAED,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,mBAAmB,GAAG,mBAAmB,CAM9G;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,GAAG,EAAE,EACZ,WAAW,GAAE,GAAG,CAAC,MAAM,CAAa,EACpC,UAAU,UAAQ,GACjB,mBAAmB,EAAE,GAAG,mBAAmB,EAAE,CAmB/C;AAED;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,MAAM,GACP,EAAE;IACD,KAAK,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;CAC1B,GAAG,UAAU,EAAE,CAAC;AACjB,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,MAAM,GACP,EAAE;IACD,KAAK,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,UAAU,CAAC;CACpB,GAAG,UAAU,EAAE,CAAC"}
@@ -6,7 +6,7 @@ import type { Edge, Node } from '../types';
6
6
  * @param element - The element to test
7
7
  * @returns A boolean indicating whether the element is an Node
8
8
  */
9
- export declare const isNode: (element: any) => element is Node<any, string | undefined>;
9
+ export declare const isNode: <NodeType extends Node<Record<string, unknown>, string | undefined> = Node<Record<string, unknown>, string | undefined>>(element: unknown) => element is NodeType;
10
10
  /**
11
11
  * Test whether an object is useable as an Edge
12
12
  * @public
@@ -14,52 +14,5 @@ export declare const isNode: (element: any) => element is Node<any, string | und
14
14
  * @param element - The element to test
15
15
  * @returns A boolean indicating whether the element is an Edge
16
16
  */
17
- export declare const isEdge: (element: any) => element is Edge<any>;
18
- /**
19
- * Pass in a node, and get connected nodes where edge.source === node.id
20
- * @public
21
- * @param node - The node to get the connected nodes from
22
- * @param nodes - The array of all nodes
23
- * @param edges - The array of all edges
24
- * @returns An array of nodes that are connected over eges where the source is the given node
25
- */
26
- export declare const getOutgoers: (node: Node<any, string | undefined> | {
27
- id: string;
28
- }, nodes: Node<any, string | undefined>[], edges: Edge<any>[]) => Node<any, string | undefined>[];
29
- /**
30
- * Pass in a node, and get connected nodes where edge.target === node.id
31
- * @public
32
- * @param node - The node to get the connected nodes from
33
- * @param nodes - The array of all nodes
34
- * @param edges - The array of all edges
35
- * @returns An array of nodes that are connected over eges where the target is the given node
36
- */
37
- export declare const getIncomers: (node: Node<any, string | undefined> | {
38
- id: string;
39
- }, nodes: Node<any, string | undefined>[], edges: Edge<any>[]) => Node<any, string | undefined>[];
40
- /**
41
- * This util is a convenience function to add a new Edge to an array of edges
42
- * @remarks It also performs some validation to make sure you don't add an invalid edge or duplicate an existing one.
43
- * @public
44
- * @param edgeParams - Either an Edge or a Connection you want to add
45
- * @param edges - The array of all current edges
46
- * @returns A new array of edges with the new edge added
47
- */
48
- export declare const addEdge: (edgeParams: Edge<any> | import("@xyflow/system").Connection, edges: Edge<any>[]) => Edge<any>[];
49
- /**
50
- * A handy utility to update an existing Edge with new properties
51
- * @param oldEdge - The edge you want to update
52
- * @param newConnection - The new connection you want to update the edge with
53
- * @param edges - The array of all current edges
54
- * @param options.shouldReplaceId - should the id of the old edge be replaced with the new connection id
55
- * @returns the updated edges array
56
- */
57
- export declare const updateEdge: (oldEdge: Edge<any>, newConnection: import("@xyflow/system").Connection, edges: Edge<any>[], options?: import("@xyflow/system").UpdateEdgeOptions | undefined) => Edge<any>[];
58
- /**
59
- * Get all connecting edges for a given set of nodes
60
- * @param nodes - Nodes you want to get the connected edges for
61
- * @param edges - All edges
62
- * @returns Array of edges that connect any of the given nodes with each other
63
- */
64
- export declare const getConnectedEdges: (nodes: Node<any, string | undefined>[], edges: Edge<any>[]) => Edge<any>[];
17
+ export declare const isEdge: <EdgeType extends Edge<Record<string, unknown>, string | undefined> = Edge<Record<string, unknown>, string | undefined>>(element: unknown) => element is EdgeType;
65
18
  //# sourceMappingURL=general.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../../../packages/react/src/utils/general.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAE3C;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,4DAAmB,CAAC;AAEvC;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,wCAAmB,CAAC;AAEvC;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW;;iGAA8B,CAAC;AAEvD;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW;;iGAA8B,CAAC;AAEvD;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,kGAAoB,CAAC;AAEzC;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,+KAAuB,CAAC;AAE/C;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,6EAAoC,CAAC"}
1
+ {"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../../../packages/react/src/utils/general.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAE3C;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,oIAA2C,OAAO,wBACtC,CAAC;AAEhC;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,oIAA2C,OAAO,wBACtC,CAAC"}
package/dist/style.css CHANGED
@@ -12,6 +12,8 @@
12
12
 
13
13
  --xy-minimap-background-color-default: #fff;
14
14
  --xy-minimap-mask-background-color-default: rgb(240, 240, 240, 0.6);
15
+ --xy-minimap-mask-stroke-color-default: transparent;
16
+ --xy-minimap-mask-stroke-width-default: 1;
15
17
  --xy-minimap-node-background-color-default: #e2e2e2;
16
18
  --xy-minimap-node-stroke-color-default: transparent;
17
19
  --xy-minimap-node-stroke-width-default: 2;
@@ -41,6 +43,10 @@
41
43
  --xy-controls-button-color-hover-default: inherit;
42
44
  --xy-controls-button-border-color-default: #eee;
43
45
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
46
+
47
+ --xy-edge-label-background-color-default: #ffffff;
48
+ --xy-edge-label-color-default: inherit;
49
+ --xy-resize-background-color-default: #3367d9;
44
50
  }
45
51
  .react-flow.dark {
46
52
  --xy-edge-stroke-default: #3e3e3e;
@@ -54,6 +60,8 @@
54
60
 
55
61
  --xy-minimap-background-color-default: #141414;
56
62
  --xy-minimap-mask-background-color-default: rgb(60, 60, 60, 0.6);
63
+ --xy-minimap-mask-stroke-color-default: transparent;
64
+ --xy-minimap-mask-stroke-width-default: 1;
57
65
  --xy-minimap-node-background-color-default: #2b2b2b;
58
66
  --xy-minimap-node-stroke-color-default: transparent;
59
67
  --xy-minimap-node-stroke-width-default: 2;
@@ -81,6 +89,9 @@
81
89
  --xy-controls-button-color-hover-default: #fff;
82
90
  --xy-controls-button-border-color-default: #5b5b5b;
83
91
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
92
+
93
+ --xy-edge-label-background-color-default: #141414;
94
+ --xy-edge-label-color-default: #f8f8f8;
84
95
  }
85
96
  .react-flow__background {
86
97
  background-color: var(--xy-background-color, var(--xy-background-color-props, var(--xy-background-color-default)));
@@ -96,14 +107,16 @@
96
107
  }
97
108
  .react-flow__pane {
98
109
  z-index: 1;
99
- cursor: grab;
100
110
  }
101
111
  .react-flow__pane.selection {
102
112
  cursor: pointer;
103
113
  }
104
- .react-flow__pane.dragging {
105
- cursor: grabbing;
114
+ .react-flow__pane.draggable {
115
+ cursor: grab;
106
116
  }
117
+ .react-flow__pane.draggable.dragging {
118
+ cursor: grabbing;
119
+ }
107
120
  .react-flow__viewport {
108
121
  transform-origin: 0 0;
109
122
  z-index: 2;
@@ -129,10 +142,20 @@
129
142
  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
130
143
  fill: none;
131
144
  }
145
+ .react-flow__edges {
146
+ position: absolute;
147
+ }
148
+ .react-flow__edges svg {
149
+ overflow: visible;
150
+ position: absolute;
151
+ pointer-events: none;
152
+ }
132
153
  .react-flow__edge {
133
154
  pointer-events: visibleStroke;
134
- cursor: pointer;
135
155
  }
156
+ .react-flow__edge.selectable {
157
+ cursor: pointer;
158
+ }
136
159
  .react-flow__edge.animated path {
137
160
  stroke-dasharray: 5;
138
161
  animation: dashdraw 0.5s linear infinite;
@@ -150,8 +173,8 @@
150
173
  outline: none;
151
174
  }
152
175
  .react-flow__edge.selected .react-flow__edge-path,
153
- .react-flow__edge:focus .react-flow__edge-path,
154
- .react-flow__edge:focus-visible .react-flow__edge-path {
176
+ .react-flow__edge.selectable:focus .react-flow__edge-path,
177
+ .react-flow__edge.selectable:focus-visible .react-flow__edge-path {
155
178
  stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
156
179
  }
157
180
  .react-flow__edge-textwrapper {
@@ -170,7 +193,7 @@
170
193
  stroke-dasharray: 5;
171
194
  animation: dashdraw 0.5s linear infinite;
172
195
  }
173
- .react-flow__connectionline {
196
+ svg.react-flow__connectionline {
174
197
  z-index: 1001;
175
198
  overflow: visible;
176
199
  position: absolute;
@@ -187,16 +210,18 @@
187
210
  pointer-events: all;
188
211
  transform-origin: 0 0;
189
212
  box-sizing: border-box;
190
- cursor: grab;
213
+ cursor: default;
191
214
  }
192
- .react-flow__node.dragging {
193
- cursor: grabbing;
215
+ .react-flow__node.selectable {
216
+ cursor: pointer;
194
217
  }
195
- /* only used in Svelte Flow, should we remove it here? */
196
218
  .react-flow__node.draggable {
197
219
  cursor: grab;
198
220
  pointer-events: all;
199
221
  }
222
+ .react-flow__node.draggable.dragging {
223
+ cursor: grabbing;
224
+ }
200
225
  .react-flow__nodesselection {
201
226
  z-index: 3;
202
227
  transform-origin: left top;
@@ -218,6 +243,9 @@
218
243
  border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));
219
244
  border-radius: 100%;
220
245
  }
246
+ .react-flow__handle.connectingfrom {
247
+ pointer-events: all;
248
+ }
221
249
  .react-flow__handle.connectionindicator {
222
250
  pointer-events: all;
223
251
  cursor: crosshair;
@@ -302,13 +330,27 @@
302
330
  top: 0;
303
331
  }
304
332
  .react-flow__minimap {
305
- background: var(--xy-minimap-background-color, var(--xy-minimap-background-color-default));
333
+ background: var(
334
+ --xy-minimap-background-color-props,
335
+ var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))
336
+ );
306
337
  }
338
+ .react-flow__minimap-svg {
339
+ display: block;
340
+ }
307
341
  .react-flow__minimap-mask {
308
342
  fill: var(
309
343
  --xy-minimap-mask-background-color-props,
310
344
  var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
311
345
  );
346
+ stroke: var(
347
+ --xy-minimap-mask-stroke-color-props,
348
+ var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))
349
+ );
350
+ stroke-width: var(
351
+ --xy-minimap-mask-stroke-width-props,
352
+ var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))
353
+ );
312
354
  }
313
355
  .react-flow__minimap-node {
314
356
  fill: var(
@@ -371,11 +413,6 @@
371
413
  max-height: 12px;
372
414
  fill: currentColor;
373
415
  }
374
- .react-flow__edges svg {
375
- overflow: visible;
376
- position: absolute;
377
- pointer-events: none;
378
- }
379
416
  .react-flow__edge.updating .react-flow__edge-path {
380
417
  stroke: #777;
381
418
  }
@@ -477,7 +514,7 @@
477
514
  height: 4px;
478
515
  border: 1px solid #fff;
479
516
  border-radius: 1px;
480
- background-color: #3367d9;
517
+ background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
481
518
  transform: translate(-50%, -50%);
482
519
  }
483
520
  .react-flow__resize-control.handle.left {
@@ -510,7 +547,7 @@
510
547
  }
511
548
  /* line styles */
512
549
  .react-flow__resize-control.line {
513
- border-color: #3367d9;
550
+ border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
514
551
  border-width: 0;
515
552
  border-style: solid;
516
553
  }
@@ -544,17 +581,9 @@
544
581
  border-bottom-width: 1px;
545
582
  top: 100%;
546
583
  }
547
- .react-flow {
548
- --edge-label-background-color-default: #ffffff;
549
- --edge-label-color-default: inherit;
550
- }
551
- .react-flow.dark {
552
- --edge-label-background-color-default: #141414;
553
- --edge-label-color-default: #f8f8f8;
554
- }
555
584
  .react-flow__edge-textbg {
556
- fill: var(--edge-label-background-color, var(--edge-label-background-color-default));
585
+ fill: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
557
586
  }
558
587
  .react-flow__edge-text {
559
- fill: var(--edge-label-color, var(--edge-label-color-default));
588
+ fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
560
589
  }
@@ -1,9 +1,9 @@
1
1
  /// <reference types="react" />
2
- import { BackgroundProps } from './types';
3
- declare function Background({ id, variant, gap, size, lineWidth, offset, color, bgColor, style, className, patternClassName, }: BackgroundProps): import("react/jsx-runtime").JSX.Element;
4
- declare namespace Background {
2
+ import { type BackgroundProps } from './types';
3
+ declare function BackgroundComponent({ id, variant, gap, size, lineWidth, offset, color, bgColor, style, className, patternClassName, }: BackgroundProps): import("react/jsx-runtime").JSX.Element;
4
+ declare namespace BackgroundComponent {
5
5
  var displayName: string;
6
6
  }
7
- declare const _default: import("react").MemoExoticComponent<typeof Background>;
8
- export default _default;
7
+ export declare const Background: import("react").MemoExoticComponent<typeof BackgroundComponent>;
8
+ export {};
9
9
  //# sourceMappingURL=Background.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Background/Background.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,eAAe,EAAqB,MAAM,SAAS,CAAC;AAY7D,iBAAS,UAAU,CAAC,EAClB,EAAE,EACF,OAAgC,EAEhC,GAAQ,EAER,IAAI,EACJ,SAAa,EACb,MAAU,EACV,KAAK,EACL,OAAO,EACP,KAAK,EACL,SAAS,EACT,gBAAgB,GACjB,EAAE,eAAe,2CAuDjB;kBArEQ,UAAU;;;;AAyEnB,wBAAgC"}
1
+ {"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Background/Background.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,KAAK,eAAe,EAAqB,MAAM,SAAS,CAAC;AAWlE,iBAAS,mBAAmB,CAAC,EAC3B,EAAE,EACF,OAAgC,EAEhC,GAAQ,EAER,IAAI,EACJ,SAAa,EACb,MAAU,EACV,KAAK,EACL,OAAO,EACP,KAAK,EACL,SAAS,EACT,gBAAgB,GACjB,EAAE,eAAe,2CAuDjB;kBArEQ,mBAAmB;;;AAyE5B,eAAO,MAAM,UAAU,iEAA4B,CAAC"}
@@ -1,3 +1,3 @@
1
- export { default as Background } from './Background';
2
- export * from './types';
1
+ export { Background } from './Background';
2
+ export { BackgroundVariant, type BackgroundProps } from './types';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Background/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Background/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC"}
@@ -6,15 +6,28 @@ export declare enum BackgroundVariant {
6
6
  }
7
7
  export type BackgroundProps = {
8
8
  id?: string;
9
+ /** Color of the pattern */
9
10
  color?: string;
11
+ /** Color of the background */
10
12
  bgColor?: string;
13
+ /** Class applied to the container */
11
14
  className?: string;
15
+ /** Class applied to the pattern */
12
16
  patternClassName?: string;
17
+ /** Gap between repetitions of the pattern */
13
18
  gap?: number | [number, number];
19
+ /** Size of a single pattern element */
14
20
  size?: number;
21
+ /** Offset of the pattern */
15
22
  offset?: number;
23
+ /** Line width of the Line pattern */
16
24
  lineWidth?: number;
25
+ /** Variant of the pattern
26
+ * @example BackgroundVariant.Lines, BackgroundVariant.Dots, BackgroundVariant.Cross
27
+ * 'lines', 'dots', 'cross'
28
+ */
17
29
  variant?: BackgroundVariant;
30
+ /** Style applied to the container */
18
31
  style?: CSSProperties;
19
32
  };
20
33
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Background/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,oBAAY,iBAAiB;IAC3B,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Background/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,oBAAY,iBAAiB;IAC3B,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6CAA6C;IAC7C,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,qCAAqC;IACrC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC"}
@@ -1,5 +1,3 @@
1
- import type { FC, PropsWithChildren } from 'react';
2
1
  import type { ControlButtonProps } from './types';
3
- declare const ControlButton: FC<PropsWithChildren<ControlButtonProps>>;
4
- export default ControlButton;
2
+ export declare function ControlButton({ children, className, ...rest }: ControlButtonProps): import("react/jsx-runtime").JSX.Element;
5
3
  //# sourceMappingURL=ControlButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ControlButton.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Controls/ControlButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAI5D,CAAC;AAIF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"ControlButton.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Controls/ControlButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,2CAMjF"}
@@ -1,5 +1,9 @@
1
- import { type PropsWithChildren } from 'react';
1
+ /// <reference types="react" />
2
2
  import type { ControlProps } from './types';
3
- declare const _default: import("react").NamedExoticComponent<PropsWithChildren<ControlProps>>;
4
- export default _default;
3
+ declare function ControlsComponent({ style, showZoom, showFitView, showInteractive, fitViewOptions, onZoomIn, onZoomOut, onFitView, onInteractiveChange, className, children, position, 'aria-label': ariaLabel, }: ControlProps): import("react/jsx-runtime").JSX.Element;
4
+ declare namespace ControlsComponent {
5
+ var displayName: string;
6
+ }
7
+ export declare const Controls: import("react").MemoExoticComponent<typeof ControlsComponent>;
8
+ export {};
5
9
  //# sourceMappingURL=Controls.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Controls/Controls.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAgB9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;;AA2G5C,wBAA8B"}
1
+ {"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Controls/Controls.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAQ5C,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,QAAe,EACf,WAAkB,EAClB,eAAsB,EACtB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,SAAS,EACT,mBAAmB,EACnB,SAAS,EACT,QAAQ,EACR,QAAwB,EACxB,YAAY,EAAE,SAAiC,GAChD,EAAE,YAAY,2CAmFd;kBAjGQ,iBAAiB;;;AAqG1B,eAAO,MAAM,QAAQ,+DAA0B,CAAC"}
@@ -1,3 +1,2 @@
1
- declare function FitViewIcon(): import("react/jsx-runtime").JSX.Element;
2
- export default FitViewIcon;
1
+ export declare function FitViewIcon(): import("react/jsx-runtime").JSX.Element;
3
2
  //# sourceMappingURL=FitView.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FitView.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/FitView.tsx"],"names":[],"mappings":"AAAA,iBAAS,WAAW,4CAMnB;AAED,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"FitView.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/FitView.tsx"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,4CAM1B"}
@@ -1,3 +1,2 @@
1
- declare function LockIcon(): import("react/jsx-runtime").JSX.Element;
2
- export default LockIcon;
1
+ export declare function LockIcon(): import("react/jsx-runtime").JSX.Element;
3
2
  //# sourceMappingURL=Lock.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Lock.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/Lock.tsx"],"names":[],"mappings":"AAAA,iBAAS,QAAQ,4CAMhB;AAED,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"Lock.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/Lock.tsx"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,4CAMvB"}
@@ -1,3 +1,2 @@
1
- declare function MinusIcon(): import("react/jsx-runtime").JSX.Element;
2
- export default MinusIcon;
1
+ export declare function MinusIcon(): import("react/jsx-runtime").JSX.Element;
3
2
  //# sourceMappingURL=Minus.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Minus.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/Minus.tsx"],"names":[],"mappings":"AAAA,iBAAS,SAAS,4CAMjB;AAED,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"Minus.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/Minus.tsx"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,4CAMxB"}
@@ -1,3 +1,2 @@
1
- declare function PlusIcon(): import("react/jsx-runtime").JSX.Element;
2
- export default PlusIcon;
1
+ export declare function PlusIcon(): import("react/jsx-runtime").JSX.Element;
3
2
  //# sourceMappingURL=Plus.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Plus.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/Plus.tsx"],"names":[],"mappings":"AAAA,iBAAS,QAAQ,4CAMhB;AAED,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"Plus.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/Plus.tsx"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,4CAMvB"}
@@ -1,3 +1,2 @@
1
- declare function UnlockIcon(): import("react/jsx-runtime").JSX.Element;
2
- export default UnlockIcon;
1
+ export declare function UnlockIcon(): import("react/jsx-runtime").JSX.Element;
3
2
  //# sourceMappingURL=Unlock.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Unlock.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/Unlock.tsx"],"names":[],"mappings":"AAAA,iBAAS,UAAU,4CAMlB;AAED,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"Unlock.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/additional-components/Controls/Icons/Unlock.tsx"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,4CAMzB"}
@@ -1,4 +1,4 @@
1
- export { default as Controls } from './Controls';
2
- export { default as ControlButton } from './ControlButton';
3
- export * from './types';
1
+ export { Controls } from './Controls';
2
+ export { ControlButton } from './ControlButton';
3
+ export type { ControlProps, ControlButtonProps } from './types';
4
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Controls/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Controls/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}
@@ -1,16 +1,34 @@
1
- import type { ButtonHTMLAttributes, HTMLAttributes } from 'react';
1
+ import type { ButtonHTMLAttributes, ReactNode } from 'react';
2
2
  import type { PanelPosition } from '@xyflow/system';
3
3
  import type { FitViewOptions } from '../../types';
4
- export type ControlProps = HTMLAttributes<HTMLDivElement> & {
4
+ export type ControlProps = {
5
+ /** Show button for zoom in/out */
5
6
  showZoom?: boolean;
7
+ /** Show button for fit view */
6
8
  showFitView?: boolean;
9
+ /** Show button for toggling interactivity */
7
10
  showInteractive?: boolean;
11
+ /** Options being used when fit view button is clicked */
8
12
  fitViewOptions?: FitViewOptions;
13
+ /** Callback when zoom in button is clicked */
9
14
  onZoomIn?: () => void;
15
+ /** Callback when zoom out button is clicked */
10
16
  onZoomOut?: () => void;
17
+ /** Callback when fit view button is clicked */
11
18
  onFitView?: () => void;
19
+ /** Callback when interactivity is toggled */
12
20
  onInteractiveChange?: (interactiveStatus: boolean) => void;
21
+ /** Position of the controls on the pane
22
+ * @example PanelPosition.TopLeft, PanelPosition.TopRight,
23
+ * PanelPosition.BottomLeft, PanelPosition.BottomRight
24
+ */
13
25
  position?: PanelPosition;
26
+ children?: ReactNode;
27
+ /** Style applied to container */
28
+ style?: React.CSSProperties;
29
+ /** ClassName applied to container */
30
+ className?: string;
31
+ 'aria-label'?: string;
14
32
  };
15
33
  export type ControlButtonProps = ButtonHTMLAttributes<HTMLButtonElement>;
16
34
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Controls/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,mBAAmB,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/Controls/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG;IACzB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yDAAyD;IACzD,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,6CAA6C;IAC7C,mBAAmB,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iCAAiC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC"}
@@ -1,9 +1,9 @@
1
- /// <reference types="react" />
1
+ import type { Node } from '../../types';
2
2
  import type { MiniMapProps } from './types';
3
- declare function MiniMap({ style, className, nodeStrokeColor, nodeColor, nodeClassName, nodeBorderRadius, nodeStrokeWidth, nodeComponent, maskColor, maskStrokeColor, maskStrokeWidth, position, onClick, onNodeClick, pannable, zoomable, ariaLabel, inversePan, zoomStep, offsetScale, }: MiniMapProps): import("react/jsx-runtime").JSX.Element;
4
- declare namespace MiniMap {
3
+ declare function MiniMapComponent<NodeType extends Node = Node>({ style, className, nodeStrokeColor, nodeColor, nodeClassName, nodeBorderRadius, nodeStrokeWidth, nodeComponent, bgColor, maskColor, maskStrokeColor, maskStrokeWidth, position, onClick, onNodeClick, pannable, zoomable, ariaLabel, inversePan, zoomStep, offsetScale, }: MiniMapProps<NodeType>): import("react/jsx-runtime").JSX.Element;
4
+ declare namespace MiniMapComponent {
5
5
  var displayName: string;
6
6
  }
7
- declare const _default: import("react").MemoExoticComponent<typeof MiniMap>;
8
- export default _default;
7
+ export declare const MiniMap: typeof MiniMapComponent;
8
+ export {};
9
9
  //# sourceMappingURL=MiniMap.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MiniMap.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/MiniMap/MiniMap.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA4B5C,iBAAS,OAAO,CAAC,EACf,KAAK,EACL,SAAS,EACT,eAAe,EACf,SAAS,EACT,aAAkB,EAClB,gBAAoB,EACpB,eAAe,EAGf,aAAa,EACb,SAAS,EACT,eAAwB,EACxB,eAAmB,EACnB,QAAyB,EACzB,OAAO,EACP,WAAW,EACX,QAAgB,EAChB,QAAgB,EAChB,SAAiC,EACjC,UAAU,EACV,QAAa,EACb,WAAe,GAChB,EAAE,YAAY,2CA6Gd;kBApIQ,OAAO;;;;AAwIhB,wBAA6B"}
1
+ {"version":3,"file":"MiniMap.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/MiniMap/MiniMap.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAkB,IAAI,EAAE,MAAM,aAAa,CAAC;AAGxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA4B5C,iBAAS,gBAAgB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,EACtD,KAAK,EACL,SAAS,EACT,eAAe,EACf,SAAS,EACT,aAAkB,EAClB,gBAAoB,EACpB,eAAe,EAGf,aAAa,EACb,OAAO,EACP,SAAS,EACT,eAAe,EACf,eAAe,EACf,QAAyB,EACzB,OAAO,EACP,WAAW,EACX,QAAgB,EAChB,QAAgB,EAChB,SAAiC,EACjC,UAAU,EACV,QAAa,EACb,WAAe,GAChB,EAAE,YAAY,CAAC,QAAQ,CAAC,2CAgHxB;kBAxIQ,gBAAgB;;;AA4IzB,eAAO,MAAM,OAAO,yBAAoD,CAAC"}
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import type { MiniMapNodeProps } from './types';
3
- declare function MiniMapNode({ id, x, y, width, height, style, color, strokeColor, strokeWidth, className, borderRadius, shapeRendering, selected, onClick, }: MiniMapNodeProps): import("react/jsx-runtime").JSX.Element;
4
- declare const _default: import("react").MemoExoticComponent<typeof MiniMapNode>;
5
- export default _default;
3
+ declare function MiniMapNodeComponent({ id, x, y, width, height, style, color, strokeColor, strokeWidth, className, borderRadius, shapeRendering, selected, onClick, }: MiniMapNodeProps): import("react/jsx-runtime").JSX.Element;
4
+ export declare const MiniMapNode: import("react").MemoExoticComponent<typeof MiniMapNodeComponent>;
5
+ export {};
6
6
  //# sourceMappingURL=MiniMapNode.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MiniMapNode.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/MiniMap/MiniMapNode.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,iBAAS,WAAW,CAAC,EACnB,EAAE,EACF,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,EACX,SAAS,EACT,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,OAAO,GACR,EAAE,gBAAgB,2CAsBlB;;AAED,wBAAiC"}
1
+ {"version":3,"file":"MiniMapNode.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/MiniMap/MiniMapNode.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,iBAAS,oBAAoB,CAAC,EAC5B,EAAE,EACF,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,EACX,SAAS,EACT,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,OAAO,GACR,EAAE,gBAAgB,2CAsBlB;AAED,eAAO,MAAM,WAAW,kEAA6B,CAAC"}
@@ -1,6 +1,6 @@
1
- /// <reference types="react" />
1
+ import type { Node } from '../../types';
2
2
  import type { MiniMapNodes as MiniMapNodesProps } from './types';
3
- declare function MiniMapNodes({ nodeStrokeColor, nodeColor, nodeClassName, nodeBorderRadius, nodeStrokeWidth, nodeComponent: NodeComponent, onClick, }: MiniMapNodesProps): import("react/jsx-runtime").JSX.Element;
4
- declare const _default: import("react").MemoExoticComponent<typeof MiniMapNodes>;
3
+ declare function MiniMapNodes<NodeType extends Node>({ nodeStrokeColor, nodeColor, nodeClassName, nodeBorderRadius, nodeStrokeWidth, nodeComponent: NodeComponent, onClick, }: MiniMapNodesProps<NodeType>): import("react/jsx-runtime").JSX.Element;
4
+ declare const _default: typeof MiniMapNodes;
5
5
  export default _default;
6
6
  //# sourceMappingURL=MiniMapNodes.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MiniMapNodes.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAA6C,MAAM,SAAS,CAAC;AAQ5G,iBAAS,YAAY,CAAC,EACpB,eAAe,EACf,SAAS,EACT,aAAkB,EAClB,gBAAoB,EACpB,eAAe,EAGf,aAAa,EAAE,aAA2B,EAC1C,OAAO,GACR,EAAE,iBAAiB,2CAiCnB;;AA2DD,wBAAkC"}
1
+ {"version":3,"file":"MiniMapNodes.d.ts","sourceRoot":"","sources":["../../../../../packages/react/src/additional-components/MiniMap/MiniMapNodes.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAkB,IAAI,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAA6C,MAAM,SAAS,CAAC;AAS5G,iBAAS,YAAY,CAAC,QAAQ,SAAS,IAAI,EAAE,EAC3C,eAAe,EACf,SAAS,EACT,aAAkB,EAClB,gBAAoB,EACpB,eAAe,EAGf,aAAa,EAAE,aAA2B,EAC1C,OAAO,GACR,EAAE,iBAAiB,CAAC,QAAQ,CAAC,2CAiC7B;;AAgED,wBAAyD"}
@@ -1,3 +1,3 @@
1
- export { default as MiniMap } from './MiniMap';
1
+ export { MiniMap } from './MiniMap';
2
2
  export * from './types';
3
3
  //# sourceMappingURL=index.d.ts.map