You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
19 lines
578 B
19 lines
578 B
import usePrevious from 'react-use/lib/usePrevious';
|
|
import { Config } from './layout';
|
|
import { NodeDatum } from './types';
|
|
|
|
export function useFocusPositionOnLayout(config: Config, nodes: NodeDatum[], focusedNodeId: string | undefined) {
|
|
const prevLayoutGrid = usePrevious(config.gridLayout);
|
|
let focusPosition;
|
|
if (prevLayoutGrid === true && !config.gridLayout && focusedNodeId) {
|
|
const node = nodes.find((n) => n.id === focusedNodeId);
|
|
if (node) {
|
|
focusPosition = {
|
|
x: -node.x!,
|
|
y: -node.y!,
|
|
};
|
|
}
|
|
}
|
|
|
|
return focusPosition;
|
|
}
|
|
|