alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #3007 from bcakmakoglu/feat/update-node-internals-arr-arg

Browse Source 
feat(core): allow array of ids as updateNodeInternals arg
This commit is contained in:
Moritz Klack
2023-05-11 21:52:26 +02:00
committed by GitHub
parent ff5859191f 6a7a18a394
commit 222ff5550b
2 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/mighty-seas-hang.md Normal file
View File

@@ -0,0 +1,5 @@
---
'@reactflow/core': minor
---
Add `edgesUpdatable` prop to store state. Allows enabling/disabling edge updating globally.

17
packages/core/src/hooks/useUpdateNodeInternals.ts
View File

@@ -6,13 +6,20 @@ import type { UpdateNodeInternals } from '../types';
function useUpdateNodeInternals(): UpdateNodeInternals {
const store = useStoreApi();
return useCallback<UpdateNodeInternals>((id: string) => {
return useCallback<UpdateNodeInternals>((id: string | string[]) => {
const { domNode, updateNodeDimensions } = store.getState();
const nodeElement = domNode?.querySelector(`.react-flow__node[data-id="${id}"]`) as HTMLDivElement;
if (nodeElement) {
requestAnimationFrame(() => updateNodeDimensions([{ id, nodeElement, forceUpdate: true }]));
}
const updateIds = Array.isArray(id) ? id : [id];
requestAnimationFrame(() => {
updateIds.forEach((updateId) => {
const nodeElement = domNode?.querySelector(`.react-flow__node[data-id="${updateId}"]`) as HTMLDivElement;
if (nodeElement) {
updateNodeDimensions([{ id: updateId, nodeElement, forceUpdate: true }]);
}
});
});
}, []);
}