reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2025-07-22 22:19:48 +03:00
Code Issues Packages Projects Releases Wiki Activity

Zoom

Browse Source
This commit is contained in:
Nathan Bierema 2022-12-31 16:01:42 -05:00
parent 166ee67057
commit 6c85884d34
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/d3-state-visualizer/src/charts/tree/tree.ts
View File

@ -1,4 +1,4 @@
import d3, { ZoomEvent } from 'd3';
import d3, { D3ZoomEvent } from 'd3';
import { isEmpty } from 'ramda';
import { map2tree } from 'map2tree';
import deepmerge from 'deepmerge';
@ -225,7 +225,7 @@ export default function (
const fullHeight = size * aspectRatio;
const root = d3.select(DOMNode);
const zoom = d3.behavior.zoom().scaleExtent([0.1, 3]).scale(initialZoom);
const zoom = d3.zoom<SVGSVGElement, unknown>().scaleExtent([0.1, 3]);
let svgElement = root
.append('svg')
@ -247,13 +247,12 @@ export default function (
}
const vis = svgElement
// eslint-disable-next-line @typescript-eslint/unbound-method
.call(zoom.scaleTo, initialZoom)
.call(
zoom.on('zoom', () => {
const { translate, scale } = d3.event as ZoomEvent;
vis.attr(
'transform',
`translate(${translate.toString()})scale(${scale})`
);
const { transform } = d3.event as D3ZoomEvent<SVGSVGElement, unknown>;
vis.attr('transform', transform.toString());
})
)
.append('g')