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

refactor(nodeRenderer): add resize observer types

Browse Source
This commit is contained in:
moklick
2021-02-16 12:26:00 +01:00
parent 02778cc7e7
commit 344275811f
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/container/NodeRenderer/index.tsx
+5 -4
View File
@@ -30,8 +30,9 @@ const NodeRenderer = (props: NodeRendererProps) => {
const nodes = useStoreState((state) => state.nodes); const nodes = useStoreState((state) => state.nodes);
const updateNodeDimensions = useStoreActions((actions) => actions.updateNodeDimensions); const updateNodeDimensions = useStoreActions((actions) => actions.updateNodeDimensions);
const viewportBox = useMemo(() => ({ x: 0, y: 0, width, height }), [width, height]); const visibleNodes = props.onlyRenderVisibleElements
const visibleNodes = props.onlyRenderVisibleElements ? getNodesInside(nodes, viewportBox, transform, true) : nodes; ? getNodesInside(nodes, { x: 0, y: 0, width, height }, transform, true)
: nodes;
const transformStyle = useMemo( const transformStyle = useMemo(
() => ({ () => ({
@@ -45,8 +46,8 @@ const NodeRenderer = (props: NodeRendererProps) => {
return null; return null;
} }
return new ResizeObserver((entries) => { return new ResizeObserver((entries: ResizeObserverEntry[]) => {
const updates = entries.map((entry) => ({ const updates = entries.map((entry: ResizeObserverEntry) => ({
id: entry.target.getAttribute('data-id') as string, id: entry.target.getAttribute('data-id') as string,
nodeElement: entry.target as HTMLDivElement, nodeElement: entry.target as HTMLDivElement,
})); }));