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

Remove InputOptions

Browse Source
This commit is contained in:
Nathan Bierema 2023-01-02 09:20:31 -05:00
parent 02cb2bbaba
commit ea03537271
1 changed files with 4 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -12,60 +12,6 @@ import {
import { tooltip } from 'd3tooltip';
import type { StyleValue } from 'd3tooltip';
// TODO Can we remove InputOptions?
export interface InputOptions {
// eslint-disable-next-line @typescript-eslint/ban-types
state?: {} | null;
// eslint-disable-next-line @typescript-eslint/ban-types
tree?: Node | {};
rootKeyName: string;
pushMethod: 'push' | 'unshift';
id: string;
chartStyles: { [key: string]: StyleValue };
nodeStyleOptions: {
colors: {
default: string;
collapsed: string;
parent: string;
};
radius: number;
};
textStyleOptions: {
colors: {
default: string;
hover: string;
};
};
linkStyles: { [key: string]: StyleValue };
size: number;
aspectRatio: number;
initialZoom: number;
margin: {
top: number;
right: number;
bottom: number;
left: number;
};
isSorted: boolean;
heightBetweenNodesCoeff: number;
widthBetweenNodesCoeff: number;
transitionDuration: number;
blinkDuration: number;
onClickText: (datum: Node) => void;
tooltipOptions: {
disabled?: boolean;
left?: number | undefined;
top?: number | undefined;
offset?: {
left: number;
top: number;
};
style?: { [key: string]: StyleValue } | undefined;
indentationSize?: number;
};
}
interface Options {
// eslint-disable-next-line @typescript-eslint/ban-types
state?: {} | null;
@ -105,7 +51,7 @@ interface Options {
widthBetweenNodesCoeff: number;
transitionDuration: number;
blinkDuration: number;
onClickText: () => void;
onClickText: (datum: HierarchyPointNode<Node>) => void;
tooltipOptions: {
disabled: boolean;
left: number | undefined;
@ -171,7 +117,7 @@ const defaultOptions: Options = {
},
style: undefined,
},
};
} satisfies Options;
export interface Node {
name: string;
@ -200,10 +146,7 @@ interface NodePosition {
y: number;
}
export default function (
DOMNode: HTMLElement,
options: Partial<InputOptions> = {}
) {
export default function (DOMNode: HTMLElement, options: Partial<Options> = {}) {
const {
id,
chartStyles,
@ -225,7 +168,7 @@ export default function (
tree,
tooltipOptions,
onClickText,
} = deepmerge(defaultOptions, options) as Options;
} = deepmerge(defaultOptions, options);
const width = size - margin.left - margin.right;
const height = size * aspectRatio - margin.top - margin.bottom;