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

Fixes

Browse Source
This commit is contained in:
Nathan Bierema 2023-01-02 08:38:14 -05:00
parent 733f5fb8f5
commit 866b69bef6
1 changed files with 10 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -269,18 +269,6 @@ export default function (
}) scale(${initialZoom})` }) scale(${initialZoom})`
); );
// let layout = d3.tree().size([width, height]);
let data: InternalNode;
// if (isSorted) {
// layout.sort((a, b) =>
// (b as NodeWithId).name.toLowerCase() <
// (a as NodeWithId).name.toLowerCase()
// ? 1
// : -1
// );
// }
// previousNodePositionsById stores node x and y // previousNodePositionsById stores node x and y
// as well as hierarchy (id / parentId); // as well as hierarchy (id / parentId);
// helps animating transitions // helps animating transitions
@ -314,7 +302,7 @@ export default function (
} }
return function renderChart(nextState = tree || state) { return function renderChart(nextState = tree || state) {
data = !tree let data = !tree
? (map2tree(nextState, { ? (map2tree(nextState, {
key: rootKeyName, key: rootKeyName,
pushMethod, pushMethod,
@ -361,8 +349,8 @@ export default function (
}, },
{ x: number; y: number } { x: number; y: number }
>() >()
.x((d) => d.x) .x((d) => d.y)
.y((d) => d.y); .y((d) => d.x);
// set tree dimensions and spacing between branches and nodes // set tree dimensions and spacing between branches and nodes
const maxNodeCountByLevel = Math.max(...getNodeGroupByDepthCount(data)); const maxNodeCountByLevel = Math.max(...getNodeGroupByDepthCount(data));
@ -490,10 +478,13 @@ export default function (
); );
// transition nodes to their new position // transition nodes to their new position
const nodeUpdate = node const nodeUpdate = nodeEnter
.transition() .merge(node)
.duration(transitionDuration) // .transition()
.attr('transform', (d) => `translate(${d.y},${d.x})`); // .duration(transitionDuration)
.attr('transform', (d) => {
return `translate(${d.y},${d.x})`;
});
// ensure circle radius is correct // ensure circle radius is correct
nodeUpdate.select('circle').attr('r', nodeStyleOptions.radius); nodeUpdate.select('circle').attr('r', nodeStyleOptions.radius);