22 lines
562 B
TypeScript
22 lines
562 B
TypeScript
import { useCallback } from 'react';
|
|
import { getNodesInside } from '@xyflow/system';
|
|
|
|
import { useStore } from '../hooks/useStore';
|
|
import type { Node, ReactFlowState } from '../types';
|
|
|
|
function useVisibleNodes(onlyRenderVisible: boolean) {
|
|
const nodes = useStore(
|
|
useCallback(
|
|
(s: ReactFlowState) =>
|
|
onlyRenderVisible
|
|
? getNodesInside<Node>(s.nodes, { x: 0, y: 0, width: s.width, height: s.height }, s.transform, true)
|
|
: s.nodes,
|
|
[onlyRenderVisible]
|
|
)
|
|
);
|
|
|
|
return nodes;
|
|
}
|
|
|
|
export default useVisibleNodes;
|