@toptal/picasso 16.2.0 → 16.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Button/styles.d.ts +6 -0
- package/Button/styles.js +12 -0
- package/Button/styles.js.map +1 -1
- package/Link/Link.d.ts +1 -0
- package/Link/Link.js +3 -1
- package/Link/Link.js.map +1 -1
- package/Link/styles.d.ts +1 -1
- package/Link/styles.js +9 -0
- package/Link/styles.js.map +1 -1
- package/StaticTreeView/StaticTreeView.d.ts +15 -0
- package/StaticTreeView/StaticTreeView.js +55 -0
- package/StaticTreeView/StaticTreeView.js.map +1 -0
- package/StaticTreeView/index.d.ts +1 -0
- package/StaticTreeView/index.js +2 -0
- package/StaticTreeView/index.js.map +1 -0
- package/StaticTreeView/utils/findExtremeNodes.d.ts +7 -0
- package/StaticTreeView/utils/findExtremeNodes.js +17 -0
- package/StaticTreeView/utils/findExtremeNodes.js.map +1 -0
- package/TreeView/PointLink/PointLink.js +10 -6
- package/TreeView/PointLink/PointLink.js.map +1 -1
- package/TreeView/PointNode/PointNode.d.ts +1 -2
- package/TreeView/PointNode/PointNode.js +3 -4
- package/TreeView/PointNode/PointNode.js.map +1 -1
- package/TreeView/TreeView.d.ts +6 -30
- package/TreeView/TreeView.js +34 -39
- package/TreeView/TreeView.js.map +1 -1
- package/TreeView/TreeViewSvg/TreeViewSvg.d.ts +15 -0
- package/TreeView/TreeViewSvg/TreeViewSvg.js +11 -0
- package/TreeView/TreeViewSvg/TreeViewSvg.js.map +1 -0
- package/TreeView/TreeViewSvg/index.d.ts +1 -0
- package/TreeView/TreeViewSvg/index.js +2 -0
- package/TreeView/TreeViewSvg/index.js.map +1 -0
- package/TreeView/shared.d.ts +5 -0
- package/TreeView/shared.js +5 -0
- package/TreeView/shared.js.map +1 -0
- package/TreeView/types.d.ts +24 -3
- package/TreeView/useFinalMargins.d.ts +2 -0
- package/TreeView/{utils/getFinalMargins.js → useFinalMargins.js} +7 -3
- package/TreeView/useFinalMargins.js.map +1 -0
- package/TreeView/useTree.d.ts +2 -2
- package/TreeView/useTree.js +39 -32
- package/TreeView/useTree.js.map +1 -1
- package/TreeView/useZoom.d.ts +1 -1
- package/TreeView/useZoom.js +1 -1
- package/TreeView/useZoom.js.map +1 -1
- package/TreeView/variables.d.ts +9 -1
- package/TreeView/variables.js +8 -0
- package/TreeView/variables.js.map +1 -1
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/TreeView/story/styles.d.ts +0 -0
- package/TreeView/story/styles.js +0 -2
- package/TreeView/story/styles.js.map +0 -1
- package/TreeView/utils/getFinalMargins.d.ts +0 -2
- package/TreeView/utils/getFinalMargins.js.map +0 -1
- package/TreeView/utils/index.d.ts +0 -1
- package/TreeView/utils/index.js +0 -2
- package/TreeView/utils/index.js.map +0 -1
package/Button/styles.d.ts
CHANGED
|
@@ -5,6 +5,9 @@ export declare const createOutlineCommons: ({ palette }: Theme) => {
|
|
|
5
5
|
'&:hover, &$hovered': {
|
|
6
6
|
borderColor: string;
|
|
7
7
|
};
|
|
8
|
+
'&&&:visited': {
|
|
9
|
+
color: string;
|
|
10
|
+
};
|
|
8
11
|
'&$disabled': {
|
|
9
12
|
color: string | undefined;
|
|
10
13
|
borderColor: string | undefined;
|
|
@@ -26,6 +29,9 @@ export declare const createVariant: (mainColor: string, { palette }: Theme) => {
|
|
|
26
29
|
'&:active, &$active': {
|
|
27
30
|
backgroundColor: string;
|
|
28
31
|
};
|
|
32
|
+
'&&&:visited': {
|
|
33
|
+
color: string;
|
|
34
|
+
};
|
|
29
35
|
'&$disabled': {
|
|
30
36
|
backgroundColor: string | undefined;
|
|
31
37
|
};
|
package/Button/styles.js
CHANGED
|
@@ -7,6 +7,10 @@ export const createOutlineCommons = ({ palette }) => ({
|
|
|
7
7
|
'&:hover, &$hovered': {
|
|
8
8
|
borderColor: palette.common.black
|
|
9
9
|
},
|
|
10
|
+
// when we use <Button as={Link} />
|
|
11
|
+
'&&&:visited': {
|
|
12
|
+
color: palette.common.black
|
|
13
|
+
},
|
|
10
14
|
'&$disabled': {
|
|
11
15
|
color: palette.grey.main,
|
|
12
16
|
borderColor: palette.grey.main,
|
|
@@ -28,6 +32,10 @@ export const createVariant = (mainColor, { palette }) => ({
|
|
|
28
32
|
'&:active, &$active': {
|
|
29
33
|
backgroundColor: mix(mainColor, palette.common.black, 0.172)
|
|
30
34
|
},
|
|
35
|
+
// when we use <Button as={Link} />
|
|
36
|
+
'&&&:visited': {
|
|
37
|
+
color: palette.common.white
|
|
38
|
+
},
|
|
31
39
|
'&$disabled': {
|
|
32
40
|
backgroundColor: palette.grey.light2
|
|
33
41
|
}
|
|
@@ -119,6 +127,10 @@ export default (theme) => {
|
|
|
119
127
|
transparent: {
|
|
120
128
|
color: palette.common.white,
|
|
121
129
|
border: `solid ${sizes.borderWidth} ${alpha(palette.common.white, 0.32)}`,
|
|
130
|
+
// when we use <Button as={Link} />
|
|
131
|
+
'&&&:visited': {
|
|
132
|
+
color: palette.common.white
|
|
133
|
+
},
|
|
122
134
|
'&$focusVisible, &$focused': Object.assign({}, outline(palette.common.white)),
|
|
123
135
|
'&:hover, &$hovered': {
|
|
124
136
|
borderColor: palette.common.white
|
package/Button/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Button/styles.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Button/styles.ts"],"names":[],"mappings":"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"}
|
package/Link/Link.d.ts
CHANGED
|
@@ -22,6 +22,7 @@ export declare type Props = BaseProps & AnchorHTMLAttributes<HTMLAnchorElement>
|
|
|
22
22
|
tabIndex?: number;
|
|
23
23
|
/** Indicates that the user cannot interact with the Link or its children */
|
|
24
24
|
disabled?: boolean;
|
|
25
|
+
visited?: boolean;
|
|
25
26
|
/**
|
|
26
27
|
* If true, underline decoration never applies
|
|
27
28
|
*/
|
package/Link/Link.js
CHANGED
|
@@ -26,13 +26,15 @@ const sanitizeRel = (rel, target) => {
|
|
|
26
26
|
return isRelSafe ? rel : rel.concat(' noopener');
|
|
27
27
|
};
|
|
28
28
|
export const Link = forwardRef(function Link(props, ref) {
|
|
29
|
-
const { href, onClick, children, className, color = 'blue', style, as = 'a', variant = 'anchor', tabIndex, target, rel, disabled, noUnderline, 'aria-disabled': ariaDisabled } = props, rest = __rest(props, ["href", "onClick", "children", "className", "color", "style", "as", "variant", "tabIndex", "target", "rel", "disabled", "noUnderline", 'aria-disabled']);
|
|
29
|
+
const { href, onClick, children, className, color = 'blue', style, as = 'a', variant = 'anchor', tabIndex, target, rel, disabled, visited = false, noUnderline, 'aria-disabled': ariaDisabled } = props, rest = __rest(props, ["href", "onClick", "children", "className", "color", "style", "as", "variant", "tabIndex", "target", "rel", "disabled", "visited", "noUnderline", 'aria-disabled']);
|
|
30
30
|
const nativeHTMLAttributes = rest;
|
|
31
31
|
const classes = useStyles();
|
|
32
32
|
const sanitizedRel = sanitizeRel(rel, target);
|
|
33
33
|
return (React.createElement(MUILink, Object.assign({}, nativeHTMLAttributes, { ref: ref, href: disabled ? undefined : href, target: disabled ? undefined : target, rel: sanitizedRel, onClick: disabled ? undefined : onClick, className: cx(classes.root, className, {
|
|
34
34
|
[classes.action]: variant === 'action',
|
|
35
35
|
[classes.white]: color === 'white',
|
|
36
|
+
[classes.blue]: color === 'blue',
|
|
37
|
+
[classes.visited]: visited,
|
|
36
38
|
[classes.disabled]: disabled,
|
|
37
39
|
[classes.noUnderline]: noUnderline
|
|
38
40
|
}), style: style, component: as, tabIndex: tabIndex, "aria-disabled": disabled || ariaDisabled }), children));
|
package/Link/Link.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAIX,MAAM,OAAO,CAAA;AACd,OAAO,OAAO,MAAM,wBAAwB,CAAA;AAC5C,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAK7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAA;AAEpE,MAAM,WAAW,GAAG,CAAC,GAAuB,EAAE,MAA0B,EAAE,EAAE;IAC1E,IAAI,MAAM,KAAK,QAAQ,EAAE;QACvB,OAAO,GAAG,CAAA;KACX;IAED,IAAI,CAAC,GAAG,EAAE;QACR,OAAO,UAAU,CAAA;KAClB;IAED,MAAM,SAAS,GAAG,GAAG,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;IAExE,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;AAClD,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAIX,MAAM,OAAO,CAAA;AACd,OAAO,OAAO,MAAM,wBAAwB,CAAA;AAC5C,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAK7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAA;AAEpE,MAAM,WAAW,GAAG,CAAC,GAAuB,EAAE,MAA0B,EAAE,EAAE;IAC1E,IAAI,MAAM,KAAK,QAAQ,EAAE;QACvB,OAAO,GAAG,CAAA;KACX;IAED,IAAI,CAAC,GAAG,EAAE;QACR,OAAO,UAAU,CAAA;KAClB;IAED,MAAM,SAAS,GAAG,GAAG,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;IAExE,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;AAClD,CAAC,CAAA;AAgCD,MAAM,CAAC,MAAM,IAAI,GAAgC,UAAU,CAGzD,SAAS,IAAI,CAAC,KAAK,EAAE,GAAG;IACxB,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,MAAM,EACd,KAAK,EACL,EAAE,GAAG,GAAG,EACR,OAAO,GAAG,QAAQ,EAClB,QAAQ,EACR,MAAM,EACN,GAAG,EACH,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,WAAW,EACX,eAAe,EAAE,YAAY,KAE3B,KAAK,EADJ,IAAI,UACL,KAAK,EAjBH,mKAiBL,CAAQ,CAAA;IACT,MAAM,oBAAoB,GAAG,IAAI,CAAA;IACjC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;IAE7C,OAAO,CACL,oBAAC,OAAO,oBACF,oBAAoB,IACxB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACjC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EACrC,GAAG,EAAE,YAAY,EACjB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACvC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE;YACrC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,QAAQ;YACtC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,OAAO;YAClC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,KAAK,MAAM;YAChC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO;YAC1B,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC5B,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,WAAW;SACnC,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,EACb,QAAQ,EAAE,QAAQ,mBACH,QAAQ,IAAI,YAAY,KAEtC,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,EAAE,EAAE,GAAG;IACP,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,KAAK;CACnB,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,eAAe,IAAI,CAAA"}
|
package/Link/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ typography, palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "white" | "disabled" | "container" | "root" | "action" | "noUnderline">;
|
|
2
|
+
declare const _default: ({ typography, palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "blue" | "white" | "disabled" | "container" | "root" | "action" | "noUnderline" | "visited">;
|
|
3
3
|
export default _default;
|
package/Link/styles.js
CHANGED
|
@@ -37,7 +37,16 @@ export default ({ typography, palette }) => createStyles({
|
|
|
37
37
|
color: palette.blue.main
|
|
38
38
|
}
|
|
39
39
|
},
|
|
40
|
+
visited: {},
|
|
41
|
+
blue: {
|
|
42
|
+
'&:visited, &$visited': {
|
|
43
|
+
color: palette.blue.darker
|
|
44
|
+
}
|
|
45
|
+
},
|
|
40
46
|
white: {
|
|
47
|
+
'&:visited, &$visited': {
|
|
48
|
+
color: palette.grey.main
|
|
49
|
+
},
|
|
41
50
|
color: palette.common.white,
|
|
42
51
|
textDecoration: 'underline',
|
|
43
52
|
'&$noUnderline': {
|
package/Link/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Link/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9B,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,MAAM,EAAE,SAAS;SAClB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,CAAC,EAAE,UAAU,EAAE,OAAO,EAAS,EAAE,EAAE,CAChD,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;SAChB;QACD,kBAAkB,EAAE;YAClB,QAAQ,EAAE,MAAM;SACjB;QACD,cAAc,EAAE,MAAM;QACtB,qBAAqB,EAAE;YACrB,cAAc,EAAE,WAAW;SAC5B;KACF;IACD,WAAW,EAAE;QACX,SAAS,EAAE;YACT,cAAc,EAAE,MAAM;SACvB;QACD,YAAY,EAAE;YACZ,cAAc,EAAE,WAAW;SAC5B;KACF;IACD,MAAM,EAAE;QACN,UAAU,EAAE,UAAU,CAAC,WAAW,CAAC,QAAQ;QAC3C,cAAc,EAAE,MAAM;QACtB,YAAY,EAAE;YACZ,cAAc,EAAE,MAAM;YACtB,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;SACzB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3B,cAAc,EAAE,WAAW;QAC3B,eAAe,EAAE;YACf,cAAc,EAAE,MAAM;SACvB;KACF;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,aAAa;QACrB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;KAC1B;IACD,SAAS,EAAE;QACT,cAAc,EAAE,MAAM;QACtB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Link/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9B,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,MAAM,EAAE,SAAS;SAClB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,CAAC,EAAE,UAAU,EAAE,OAAO,EAAS,EAAE,EAAE,CAChD,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;SAChB;QACD,kBAAkB,EAAE;YAClB,QAAQ,EAAE,MAAM;SACjB;QACD,cAAc,EAAE,MAAM;QACtB,qBAAqB,EAAE;YACrB,cAAc,EAAE,WAAW;SAC5B;KACF;IACD,WAAW,EAAE;QACX,SAAS,EAAE;YACT,cAAc,EAAE,MAAM;SACvB;QACD,YAAY,EAAE;YACZ,cAAc,EAAE,WAAW;SAC5B;KACF;IACD,MAAM,EAAE;QACN,UAAU,EAAE,UAAU,CAAC,WAAW,CAAC,QAAQ;QAC3C,cAAc,EAAE,MAAM;QACtB,YAAY,EAAE;YACZ,cAAc,EAAE,MAAM;YACtB,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;SACzB;KACF;IACD,OAAO,EAAE,EAAE;IACX,IAAI,EAAE;QACJ,sBAAsB,EAAE;YACtB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;SAC3B;KACF;IACD,KAAK,EAAE;QACL,sBAAsB,EAAE;YACtB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;SACzB;QACD,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3B,cAAc,EAAE,WAAW;QAC3B,eAAe,EAAE;YACf,cAAc,EAAE,MAAM;SACvB;KACF;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,aAAa;QACrB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;KAC1B;IACD,SAAS,EAAE;QACT,cAAc,EAAE,MAAM;QACtB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { TreeViewPropsBase } from '../TreeView/shared';
|
|
2
|
+
declare type Props = TreeViewPropsBase;
|
|
3
|
+
declare const StaticTreeView: {
|
|
4
|
+
(props: Props): JSX.Element;
|
|
5
|
+
defaultProps: {
|
|
6
|
+
nodeWidth: number;
|
|
7
|
+
nodeHeight: number;
|
|
8
|
+
directionProps: {
|
|
9
|
+
direction: import("../TreeView/types").DirectionsType;
|
|
10
|
+
variant: import("../TreeView/types").TreeViewVariant;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
displayName: string;
|
|
14
|
+
};
|
|
15
|
+
export default StaticTreeView;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import React, { useLayoutEffect, useState, useMemo, useRef } from 'react';
|
|
2
|
+
import { useTree, TreeViewPropsDefaults, TreeViewSvg, useFinalMargins } from '../TreeView/shared';
|
|
3
|
+
import { findExtremeNodes } from './utils/findExtremeNodes';
|
|
4
|
+
const StaticTreeView = (props) => {
|
|
5
|
+
var _a, _b, _c;
|
|
6
|
+
const { data, renderNode, nodeWidth = StaticTreeView.defaultProps.nodeWidth, nodeHeight = StaticTreeView.defaultProps.nodeHeight } = props;
|
|
7
|
+
const { direction = StaticTreeView.defaultProps.directionProps.direction, variant = StaticTreeView.defaultProps.directionProps.variant } = (_a = props.directionProps) !== null && _a !== void 0 ? _a : StaticTreeView.defaultProps.directionProps;
|
|
8
|
+
const [verticalMargin, horizontalMargin] = useFinalMargins(direction, (_b = props.directionProps) === null || _b === void 0 ? void 0 : _b.verticalMargin, (_c = props.directionProps) === null || _c === void 0 ? void 0 : _c.horizontalMargin);
|
|
9
|
+
const { nodes, links } = useTree({
|
|
10
|
+
data,
|
|
11
|
+
direction,
|
|
12
|
+
verticalMargin,
|
|
13
|
+
horizontalMargin,
|
|
14
|
+
nodeWidth,
|
|
15
|
+
nodeHeight,
|
|
16
|
+
variant
|
|
17
|
+
});
|
|
18
|
+
const svgRef = useRef(null);
|
|
19
|
+
const [svgMeasurements, setSvgMeasurements] = useState({
|
|
20
|
+
width: 200,
|
|
21
|
+
height: 400,
|
|
22
|
+
topMostNodeY: 0,
|
|
23
|
+
leftMostNodeX: 0
|
|
24
|
+
});
|
|
25
|
+
useLayoutEffect(() => {
|
|
26
|
+
var _a, _b;
|
|
27
|
+
if (svgRef.current) {
|
|
28
|
+
const bbox = svgRef.current.getBBox();
|
|
29
|
+
const extremes = findExtremeNodes(nodes);
|
|
30
|
+
setSvgMeasurements({
|
|
31
|
+
width: bbox.width,
|
|
32
|
+
height: bbox.height,
|
|
33
|
+
topMostNodeY: (_a = extremes === null || extremes === void 0 ? void 0 : extremes.topMostNode.y) !== null && _a !== void 0 ? _a : 0,
|
|
34
|
+
leftMostNodeX: (_b = extremes === null || extremes === void 0 ? void 0 : extremes.leftMostNode.x) !== null && _b !== void 0 ? _b : 0
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
}, [svgRef, nodes]);
|
|
38
|
+
const transforms = useMemo(() => {
|
|
39
|
+
return {
|
|
40
|
+
svgViewBox: `0 0 ${svgMeasurements.width} ${svgMeasurements.height}`,
|
|
41
|
+
gTransform: direction === 'horizontal'
|
|
42
|
+
? `translate(0, ${-1 * svgMeasurements.topMostNodeY})`
|
|
43
|
+
: `translate(${-1 * svgMeasurements.leftMostNodeX}, 0)`
|
|
44
|
+
};
|
|
45
|
+
}, [svgMeasurements, direction]);
|
|
46
|
+
return (React.createElement(TreeViewSvg, { ref: svgRef, nodes: nodes, links: links, direction: direction, verticalMargin: verticalMargin, horizontalMargin: horizontalMargin, renderNode: renderNode, svgProps: {
|
|
47
|
+
viewBox: transforms.svgViewBox
|
|
48
|
+
}, graphProps: {
|
|
49
|
+
transform: transforms.gTransform
|
|
50
|
+
} }));
|
|
51
|
+
};
|
|
52
|
+
StaticTreeView.defaultProps = TreeViewPropsDefaults;
|
|
53
|
+
StaticTreeView.displayName = 'StaticTreeView';
|
|
54
|
+
export default StaticTreeView;
|
|
55
|
+
//# sourceMappingURL=StaticTreeView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StaticTreeView.js","sourceRoot":"","sources":["../../src/StaticTreeView/StaticTreeView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './StaticTreeView';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/StaticTreeView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export const findExtremeNodes = (nodes) => {
|
|
2
|
+
if (nodes.length === 0) {
|
|
3
|
+
return;
|
|
4
|
+
}
|
|
5
|
+
let topMostNode = nodes[0];
|
|
6
|
+
let leftMostNode = nodes[0];
|
|
7
|
+
for (const node of nodes) {
|
|
8
|
+
if (node.y < topMostNode.y) {
|
|
9
|
+
topMostNode = node;
|
|
10
|
+
}
|
|
11
|
+
if (node.x < leftMostNode.x) {
|
|
12
|
+
leftMostNode = node;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
return { topMostNode, leftMostNode };
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=findExtremeNodes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"findExtremeNodes.js","sourceRoot":"","sources":["../../../src/StaticTreeView/utils/findExtremeNodes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,KAAU,EAME,EAAE;IACd,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;QACtB,OAAM;KACP;IACD,IAAI,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;IAC1B,IAAI,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;IAE3B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;QACxB,IAAI,IAAI,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,EAAE;YAC1B,WAAW,GAAG,IAAI,CAAA;SACnB;QACD,IAAI,IAAI,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,EAAE;YAC3B,YAAY,GAAG,IAAI,CAAA;SACpB;KACF;IAED,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,CAAA;AACtC,CAAC,CAAA"}
|
|
@@ -7,22 +7,26 @@ export const PointLink = props => {
|
|
|
7
7
|
const { link, direction, verticalMargin, horizontalMargin } = props;
|
|
8
8
|
const classes = useStyles();
|
|
9
9
|
const path = useMemo(() => {
|
|
10
|
-
var _a, _b, _c;
|
|
10
|
+
var _a, _b, _c, _d;
|
|
11
11
|
const { source, target } = link;
|
|
12
12
|
const sourceYDeltas = {
|
|
13
13
|
horizontal: ((_a = source.rect) === null || _a === void 0 ? void 0 : _a.height) / 2 || 0,
|
|
14
14
|
vertical: ((_b = source.rect) === null || _b === void 0 ? void 0 : _b.height) || 0
|
|
15
15
|
};
|
|
16
|
-
const
|
|
17
|
-
|
|
16
|
+
const sourceXDeltas = {
|
|
17
|
+
horizontal: ((_c = source.rect) === null || _c === void 0 ? void 0 : _c.width) || 0,
|
|
18
|
+
vertical: ((_d = source.rect) === null || _d === void 0 ? void 0 : _d.width) / 2 || 0
|
|
19
|
+
};
|
|
20
|
+
const sourceY = source.y + sourceYDeltas[direction];
|
|
21
|
+
const sourceX = source.x + sourceXDeltas[direction];
|
|
18
22
|
const svgPaths = {
|
|
19
23
|
horizontal: `M${sourceX}, ${sourceY}
|
|
20
24
|
H${sourceX + horizontalMargin / 2}
|
|
21
25
|
V${target.y + DEFAULT_HEIGHT / 2}
|
|
22
|
-
H${target.x
|
|
23
|
-
vertical: `M${
|
|
26
|
+
H${target.x}`,
|
|
27
|
+
vertical: `M${sourceX}, ${sourceY}
|
|
24
28
|
V${sourceY + verticalMargin / 2}
|
|
25
|
-
H${target.x}
|
|
29
|
+
H${target.x + DEFAULT_WIDTH / 2}
|
|
26
30
|
V${target.y}`
|
|
27
31
|
};
|
|
28
32
|
return svgPaths[direction];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PointLink.js","sourceRoot":"","sources":["../../../src/TreeView/PointLink/PointLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAG5D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5D,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAc,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAA;IACnE,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;;QACxB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;QAC/B,MAAM,aAAa,GAAG;YACpB,UAAU,EAAE,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,MAAM,IAAG,CAAC,IAAI,CAAC;YACxC,QAAQ,EAAE,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,MAAM,KAAI,CAAC;SACnC,CAAA;QACD,MAAM,
|
|
1
|
+
{"version":3,"file":"PointLink.js","sourceRoot":"","sources":["../../../src/TreeView/PointLink/PointLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAG5D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5D,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAc,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAA;IACnE,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;;QACxB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;QAC/B,MAAM,aAAa,GAAG;YACpB,UAAU,EAAE,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,MAAM,IAAG,CAAC,IAAI,CAAC;YACxC,QAAQ,EAAE,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,MAAM,KAAI,CAAC;SACnC,CAAA;QACD,MAAM,aAAa,GAAG;YACpB,UAAU,EAAE,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,KAAK,KAAI,CAAC;YACnC,QAAQ,EAAE,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,KAAK,IAAG,CAAC,IAAI,CAAC;SACtC,CAAA;QACD,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;QACnD,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;QAEnD,MAAM,QAAQ,GAAG;YACf,UAAU,EAAE,IAAI,OAAO,KAAK,OAAO;WAC9B,OAAO,GAAG,gBAAgB,GAAG,CAAC;WAC9B,MAAM,CAAC,CAAC,GAAG,cAAc,GAAG,CAAC;WAC7B,MAAM,CAAC,CAAC,EAAE;YACf,QAAQ,EAAE,IAAI,OAAO,KAAK,OAAO;WAC5B,OAAO,GAAG,cAAc,GAAG,CAAC;WAC5B,MAAM,CAAC,CAAC,GAAG,aAAa,GAAG,CAAC;WAC5B,MAAM,CAAC,CAAC,EAAE;SAChB,CAAA;QAED,OAAO,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC5B,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAEvD,OAAO,8BAAM,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,GAAI,CAAA;AACxD,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
|
|
@@ -3,7 +3,6 @@ import { DynamicPointNode } from '../types';
|
|
|
3
3
|
export interface Props {
|
|
4
4
|
node: DynamicPointNode;
|
|
5
5
|
renderNode?: (pointNode: DynamicPointNode) => ReactNode;
|
|
6
|
-
nodeWidth: number;
|
|
7
6
|
}
|
|
8
|
-
export declare const PointNode: React.ForwardRefExoticComponent<Props & React.RefAttributes<
|
|
7
|
+
export declare const PointNode: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGGElement>>;
|
|
9
8
|
export default PointNode;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import React, { forwardRef, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
2
2
|
import { NodeContent } from './NodeContent';
|
|
3
|
-
export const PointNode = forwardRef(({ node, renderNode
|
|
3
|
+
export const PointNode = forwardRef(({ node, renderNode }, ref) => {
|
|
4
4
|
const nodeRef = useRef(null);
|
|
5
5
|
const [dimensions, setDimensions] = useState({});
|
|
6
6
|
const transform = useMemo(() => {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}, [node.x, node.y, nodeWidth]);
|
|
7
|
+
return `translate(${node.x},${node.y})`;
|
|
8
|
+
}, [node.x, node.y]);
|
|
10
9
|
useLayoutEffect(() => {
|
|
11
10
|
var _a, _b, _c;
|
|
12
11
|
if (nodeRef.current) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PointNode.js","sourceRoot":"","sources":["../../../src/TreeView/PointNode/PointNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAEV,eAAe,EACf,OAAO,EACP,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"PointNode.js","sourceRoot":"","sources":["../../../src/TreeView/PointNode/PointNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAEV,eAAe,EACf,OAAO,EACP,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAO3C,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5B,MAAM,OAAO,GAAG,MAAM,CAAiC,IAAI,CAAC,CAAA;IAC5D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAGzC,EAAE,CAAC,CAAA;IACN,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,aAAa,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,CAAA;IACzC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;IAEpB,eAAe,CAAC,GAAG,EAAE;;QACnB,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,MAAA,MAAA,MAAA,IAAI,CAAC,GAAG,0CAAE,OAAO,0CAClE,iBAAiB,0CAAE,iBAAgC,CAAA;YAEvD,IAAI,UAAU,CAAC,MAAM,KAAK,MAAM,IAAI,UAAU,CAAC,KAAK,KAAK,KAAK,EAAE;gBAC9D,aAAa,CAAC;oBACZ,KAAK;oBACL,MAAM;iBACP,CAAC,CAAA;aACH;SACF;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;IAE1B,OAAO,CACL,2BAAG,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG;QAC5C,uCACE,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,MAAM,EAAE,UAAU,CAAC,MAAM,EACzB,GAAG,EAAE,OAAO,IAEX,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,CAC9C,CACd,CACL,CAAA;AACH,CAAC,CACF,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,MAAM,CAAA;AAE9B,eAAe,SAAS,CAAA"}
|
package/TreeView/TreeView.d.ts
CHANGED
|
@@ -1,25 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
import { DirectionsType, TreeNodeInterface, TreeViewVariant, Vector2 } from './types';
|
|
4
|
-
declare type DirectionProps = {
|
|
5
|
-
/** Determines the direction of the TreeView: vertical - top-to-bottom (default) or */
|
|
6
|
-
direction?: DirectionsType;
|
|
7
|
-
/** Overrides default vertical margin - minimum vertical distance between nodes */
|
|
8
|
-
verticalMargin?: number;
|
|
9
|
-
/** Overrides default horizontal margin - minimum horizontal distance between nodes */
|
|
10
|
-
horizontalMargin?: number;
|
|
11
|
-
/** Variants of the tree: currently supports normal (default) and compact - special compact variant of the tree that works only for trees with one node with children per depth level */
|
|
12
|
-
variant?: TreeViewVariant;
|
|
13
|
-
};
|
|
14
|
-
export interface Props {
|
|
15
|
-
/** Root node of the Tree */
|
|
16
|
-
data: TreeNodeInterface;
|
|
17
|
-
/** Custom function for rendering Node. It expects the `node: HierarchyPointNode<TreeNodeInterface>` as an argument */
|
|
18
|
-
renderNode?: (pointNode: HierarchyPointNode<TreeNodeInterface>) => ReactNode;
|
|
19
|
-
/** exact node width in pixels. Default value is 236 */
|
|
20
|
-
nodeWidth?: number;
|
|
21
|
-
/** exact node height in pixels. Default value is 59 */
|
|
22
|
-
nodeHeight?: number;
|
|
1
|
+
import { TreeViewPropsBase, Vector2 } from './types';
|
|
2
|
+
export interface Props extends TreeViewPropsBase {
|
|
23
3
|
/** Set the scale extent to the specified array of numbers [k0, k1] where k0 is the minimum allowed scale factor and k1 is the maximum allowed scale factor */
|
|
24
4
|
scaleExtent?: [number, number];
|
|
25
5
|
/** Initial SVG scale */
|
|
@@ -28,8 +8,6 @@ export interface Props {
|
|
|
28
8
|
showZoom?: boolean;
|
|
29
9
|
/** Scales the current zoom transform by coefficient */
|
|
30
10
|
scaleCoefficient?: number;
|
|
31
|
-
/** Props related to tree direction */
|
|
32
|
-
directionProps?: DirectionProps;
|
|
33
11
|
/** Custom center translation vector (happens after zoom center translation on selected node is applied) */
|
|
34
12
|
centerTranslation?: Vector2;
|
|
35
13
|
/** Transition duration for centering animation in ms */
|
|
@@ -38,17 +16,15 @@ export interface Props {
|
|
|
38
16
|
export declare const TreeView: {
|
|
39
17
|
(props: Props): JSX.Element;
|
|
40
18
|
defaultProps: {
|
|
41
|
-
nodeWidth: number;
|
|
42
|
-
nodeHeight: number;
|
|
43
19
|
scaleExtent: [number, number];
|
|
44
20
|
initialScale: number;
|
|
45
21
|
scaleCoefficient: number;
|
|
46
22
|
showZoom: boolean;
|
|
47
|
-
|
|
48
|
-
|
|
23
|
+
nodeWidth: number;
|
|
24
|
+
nodeHeight: number;
|
|
49
25
|
directionProps: {
|
|
50
|
-
direction:
|
|
51
|
-
variant:
|
|
26
|
+
direction: import("./types").DirectionsType;
|
|
27
|
+
variant: import("./types").TreeViewVariant;
|
|
52
28
|
};
|
|
53
29
|
};
|
|
54
30
|
displayName: string;
|
package/TreeView/TreeView.js
CHANGED
|
@@ -3,32 +3,43 @@ import { makeStyles } from '@material-ui/core/styles';
|
|
|
3
3
|
import { TreeViewContext } from './TreeViewContainer';
|
|
4
4
|
import { useTree } from './useTree';
|
|
5
5
|
import Zoom from './Zoom';
|
|
6
|
-
import PointLink from './PointLink';
|
|
7
|
-
import PointNode from './PointNode';
|
|
8
6
|
import styles from './styles';
|
|
9
7
|
import { useZoom } from './useZoom';
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
8
|
+
import { DEFAULT_SCALE_EXTENT, ZERO_VECTOR2, TreeViewPropsDefaults } from './variables';
|
|
9
|
+
import { TreeViewSvg } from './TreeViewSvg';
|
|
10
|
+
import { useFinalMargins } from './useFinalMargins';
|
|
11
|
+
import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
|
|
12
12
|
const useStyles = makeStyles(styles, { name: 'PicassoTreeView' });
|
|
13
13
|
export const TreeView = (props) => {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
14
|
+
var _a, _b, _c;
|
|
15
|
+
usePropDeprecationWarning({
|
|
16
|
+
props,
|
|
17
|
+
name: 'centerTranslation',
|
|
18
|
+
componentName: 'TreeView',
|
|
19
|
+
description: 'If you happen to rely on it, you are likely would want to migrate to StaticTreeView component instead of TreeView'
|
|
20
|
+
});
|
|
21
|
+
usePropDeprecationWarning({
|
|
22
|
+
props,
|
|
23
|
+
name: 'transitionDuration',
|
|
24
|
+
componentName: 'TreeView',
|
|
25
|
+
description: 'If you happen to rely on it, you are likely would want to migrate to StaticTreeView component instead of TreeView'
|
|
26
|
+
});
|
|
27
|
+
const { data, renderNode, nodeWidth = TreeView.defaultProps.nodeWidth, nodeHeight = TreeView.defaultProps.nodeHeight, scaleExtent = TreeView.defaultProps.scaleExtent, initialScale = TreeView.defaultProps.initialScale, scaleCoefficient = TreeView.defaultProps.scaleCoefficient, showZoom = TreeView.defaultProps.showZoom,
|
|
28
|
+
// NOTE: these two are intentionally removed from defaultProps in order
|
|
29
|
+
// to make usePropDeprecationWarning hook correctly detect their usage
|
|
30
|
+
centerTranslation = ZERO_VECTOR2, transitionDuration = 750 } = props;
|
|
31
|
+
const { direction = TreeView.defaultProps.directionProps.direction, variant = TreeView.defaultProps.directionProps.variant } = (_a = props.directionProps) !== null && _a !== void 0 ? _a : TreeView.defaultProps.directionProps;
|
|
21
32
|
const classes = useStyles();
|
|
22
33
|
const rootRef = createRef();
|
|
23
|
-
const [
|
|
34
|
+
const [verticalMargin, horizontalMargin] = useFinalMargins(direction, (_b = props.directionProps) === null || _b === void 0 ? void 0 : _b.verticalMargin, (_c = props.directionProps) === null || _c === void 0 ? void 0 : _c.horizontalMargin);
|
|
24
35
|
const { nodes, links, selectedNode } = useTree({
|
|
25
36
|
data,
|
|
26
37
|
direction,
|
|
27
|
-
verticalMargin
|
|
28
|
-
horizontalMargin
|
|
29
|
-
variant,
|
|
38
|
+
verticalMargin,
|
|
39
|
+
horizontalMargin,
|
|
30
40
|
nodeWidth,
|
|
31
|
-
nodeHeight
|
|
41
|
+
nodeHeight,
|
|
42
|
+
variant
|
|
32
43
|
});
|
|
33
44
|
const center = useMemo(() => {
|
|
34
45
|
var _a, _b;
|
|
@@ -37,10 +48,10 @@ export const TreeView = (props) => {
|
|
|
37
48
|
}
|
|
38
49
|
const { x: xPosition, y: yPosition, data: nodeData } = selectedNode;
|
|
39
50
|
return {
|
|
40
|
-
x: xPosition + (((_a = nodeData.selectedOffset) === null || _a === void 0 ? void 0 : _a.x) || 0),
|
|
41
|
-
y: yPosition + (((_b = nodeData.selectedOffset) === null || _b === void 0 ? void 0 : _b.y) || 0)
|
|
51
|
+
x: xPosition + nodeWidth / 2 + (((_a = nodeData.selectedOffset) === null || _a === void 0 ? void 0 : _a.x) || 0),
|
|
52
|
+
y: yPosition + nodeHeight / 2 + (((_b = nodeData.selectedOffset) === null || _b === void 0 ? void 0 : _b.y) || 0)
|
|
42
53
|
};
|
|
43
|
-
}, [selectedNode]);
|
|
54
|
+
}, [selectedNode, nodeWidth, nodeHeight]);
|
|
44
55
|
const { handleZoom, zoom } = useZoom({
|
|
45
56
|
rootRef,
|
|
46
57
|
scaleExtent,
|
|
@@ -48,8 +59,8 @@ export const TreeView = (props) => {
|
|
|
48
59
|
x: center.x + centerTranslation.x,
|
|
49
60
|
y: center.y + centerTranslation.y
|
|
50
61
|
},
|
|
51
|
-
|
|
52
|
-
|
|
62
|
+
transitionDuration,
|
|
63
|
+
initialScale
|
|
53
64
|
});
|
|
54
65
|
const [initialized, setInitialized] = useState(false);
|
|
55
66
|
const { updateState } = useContext(TreeViewContext);
|
|
@@ -65,25 +76,9 @@ export const TreeView = (props) => {
|
|
|
65
76
|
}, [rootRef, initialized, zoom, updateState]);
|
|
66
77
|
return (React.createElement("div", { className: classes.root },
|
|
67
78
|
showZoom && (React.createElement(Zoom, { handleZoom: handleZoom, scaleCoefficient: scaleCoefficient })),
|
|
68
|
-
React.createElement(
|
|
69
|
-
React.createElement("g", null,
|
|
70
|
-
links.map(link => (React.createElement(PointLink, { link: link, key: `link-${link.target.data.id}-${link.source.data.id}`, direction: direction, verticalMargin: finalVerticalMargin, horizontalMargin: finalHorizontalMargin }))),
|
|
71
|
-
nodes.map(node => (React.createElement(PointNode, { ref: node.ref, node: node, key: `node-${node.data.id}`, renderNode: renderNode, nodeWidth: nodeWidth })))))));
|
|
72
|
-
};
|
|
73
|
-
TreeView.defaultProps = {
|
|
74
|
-
nodeWidth: DEFAULT_WIDTH,
|
|
75
|
-
nodeHeight: DEFAULT_HEIGHT,
|
|
76
|
-
scaleExtent: DEFAULT_SCALE_EXTENT,
|
|
77
|
-
initialScale: 1,
|
|
78
|
-
scaleCoefficient: 0.5,
|
|
79
|
-
showZoom: true,
|
|
80
|
-
centerTranslation: ZERO_VECTOR2,
|
|
81
|
-
transitionDuration: 750,
|
|
82
|
-
directionProps: {
|
|
83
|
-
direction: 'vertical',
|
|
84
|
-
variant: 'normal'
|
|
85
|
-
}
|
|
79
|
+
React.createElement(TreeViewSvg, { ref: rootRef, nodes: nodes, links: links, direction: direction, verticalMargin: verticalMargin, horizontalMargin: horizontalMargin, renderNode: renderNode, svgProps: { className: classes.svg } })));
|
|
86
80
|
};
|
|
81
|
+
TreeView.defaultProps = Object.assign(Object.assign({}, TreeViewPropsDefaults), { scaleExtent: DEFAULT_SCALE_EXTENT, initialScale: 1, scaleCoefficient: 0.5, showZoom: true });
|
|
87
82
|
TreeView.displayName = 'TreeView';
|
|
88
83
|
export default TreeView;
|
|
89
84
|
//# sourceMappingURL=TreeView.js.map
|
package/TreeView/TreeView.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeView.js","sourceRoot":"","sources":["../../src/TreeView/TreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,
|
|
1
|
+
{"version":3,"file":"TreeView.js","sourceRoot":"","sources":["../../src/TreeView/TreeView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { HierarchyPointNode } from 'd3-hierarchy';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { DirectionsType, DynamicPointLink, DynamicPointNode, TreeNodeInterface } from '../types';
|
|
4
|
+
interface TreeViewSvgProps {
|
|
5
|
+
links: DynamicPointLink[];
|
|
6
|
+
nodes: DynamicPointNode[];
|
|
7
|
+
direction: DirectionsType;
|
|
8
|
+
verticalMargin: number;
|
|
9
|
+
horizontalMargin: number;
|
|
10
|
+
renderNode?: (pointNode: HierarchyPointNode<TreeNodeInterface>) => React.ReactNode;
|
|
11
|
+
svgProps?: React.SVGAttributes<SVGSVGElement>;
|
|
12
|
+
graphProps?: React.SVGAttributes<SVGGElement>;
|
|
13
|
+
}
|
|
14
|
+
declare const TreeViewSvg: React.ForwardRefExoticComponent<TreeViewSvgProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
|
+
export default TreeViewSvg;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PointLink from '../PointLink';
|
|
3
|
+
import PointNode from '../PointNode';
|
|
4
|
+
const TreeViewSvg = React.forwardRef(({ links, nodes, direction, verticalMargin, horizontalMargin, renderNode, svgProps, graphProps }, ref) => {
|
|
5
|
+
return (React.createElement("svg", Object.assign({ ref: ref }, svgProps),
|
|
6
|
+
React.createElement("g", Object.assign({}, graphProps),
|
|
7
|
+
links.map(link => (React.createElement(PointLink, { link: link, key: `link-${link.target.data.id}-${link.source.data.id}`, direction: direction, verticalMargin: verticalMargin, horizontalMargin: horizontalMargin }))),
|
|
8
|
+
nodes.map(node => (React.createElement(PointNode, { ref: node.ref, node: node, key: `node-${node.data.id}`, renderNode: renderNode }))))));
|
|
9
|
+
});
|
|
10
|
+
export default TreeViewSvg;
|
|
11
|
+
//# sourceMappingURL=TreeViewSvg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TreeViewSvg.js","sourceRoot":"","sources":["../../../src/TreeView/TreeViewSvg/TreeViewSvg.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,SAAS,MAAM,cAAc,CAAA;AAqBpC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EACE,KAAK,EACL,KAAK,EACL,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,UAAU,EACX,EACD,GAAG,EACH,EAAE;IACF,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,IAAM,QAAQ;QACzB,2CAAO,UAAU;YACd,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACjB,oBAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,EACzD,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;YACD,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACjB,oBAAC,SAAS,IACR,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,EAC3B,UAAU,EAAE,UAAU,GACtB,CACH,CAAC,CACA,CACA,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as TreeViewSvg } from './TreeViewSvg';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TreeView/TreeViewSvg/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/TreeView/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA"}
|
package/TreeView/types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import React, { RefObject } from 'react';
|
|
1
2
|
import { HierarchyPointNode } from 'd3-hierarchy';
|
|
2
|
-
import { RefObject } from 'react';
|
|
3
3
|
import { ZoomBehavior } from 'd3-zoom';
|
|
4
4
|
export interface TreeViewContextProps {
|
|
5
5
|
zoom?: ZoomBehavior<SVGSVGElement, unknown>;
|
|
@@ -18,7 +18,7 @@ export interface TreeNodeInterface {
|
|
|
18
18
|
info: Record<string, any>;
|
|
19
19
|
}
|
|
20
20
|
export declare type DynamicPointNode = HierarchyPointNode<TreeNodeInterface> & {
|
|
21
|
-
ref: RefObject<
|
|
21
|
+
ref: RefObject<SVGGElement>;
|
|
22
22
|
rect: {
|
|
23
23
|
width: number;
|
|
24
24
|
height: number;
|
|
@@ -29,8 +29,29 @@ export declare type DynamicPointLink = {
|
|
|
29
29
|
target: DynamicPointNode;
|
|
30
30
|
};
|
|
31
31
|
export declare type DirectionsType = 'vertical' | 'horizontal';
|
|
32
|
-
export declare type TreeViewVariant = 'normal' | 'compact';
|
|
33
32
|
export declare type Vector2 = {
|
|
34
33
|
x: number;
|
|
35
34
|
y: number;
|
|
36
35
|
};
|
|
36
|
+
export interface TreeViewPropsBase {
|
|
37
|
+
/** Root node of the Tree */
|
|
38
|
+
data: TreeNodeInterface;
|
|
39
|
+
/** Custom function for rendering Node. It expects the `node: HierarchyPointNode<TreeNodeInterface>` as an argument */
|
|
40
|
+
renderNode?: (pointNode: HierarchyPointNode<TreeNodeInterface>) => React.ReactNode;
|
|
41
|
+
/** exact node width in pixels. Default value is 236 */
|
|
42
|
+
nodeWidth?: number;
|
|
43
|
+
/** exact node height in pixels. Default value is 59 */
|
|
44
|
+
nodeHeight?: number;
|
|
45
|
+
/** Props related to tree direction */
|
|
46
|
+
directionProps?: {
|
|
47
|
+
/** Determines the direction of the TreeView: vertical - top-to-bottom (default) or */
|
|
48
|
+
direction?: DirectionsType;
|
|
49
|
+
/** Overrides default vertical margin - minimum vertical distance between nodes */
|
|
50
|
+
verticalMargin?: number;
|
|
51
|
+
/** Overrides default horizontal margin - minimum horizontal distance between nodes */
|
|
52
|
+
horizontalMargin?: number;
|
|
53
|
+
/** Variants of the tree: currently supports normal (default) and compact - special compact variant of the tree that works only for trees with one node with children per depth level */
|
|
54
|
+
variant?: TreeViewVariant;
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
export declare type TreeViewVariant = 'normal' | 'compact';
|
|
@@ -1,10 +1,14 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { useMemo } from 'react';
|
|
2
|
+
import { DEFAULT_VERTICAL_MARGIN_V, DEFAULT_VERTICAL_MARGIN_H, DEFAULT_HORIZONTAL_MARGIN_H, DEFAULT_HORIZONTAL_MARGIN_V } from './variables';
|
|
3
|
+
export const useFinalMargins = (direction, verticalMargin, horizontalMargin) => {
|
|
4
|
+
return useMemo(() => getFinalMargins(direction, verticalMargin, horizontalMargin), [direction, verticalMargin, horizontalMargin]);
|
|
5
|
+
};
|
|
2
6
|
const defaultMargins = {
|
|
3
7
|
horizontal: [DEFAULT_VERTICAL_MARGIN_H, DEFAULT_HORIZONTAL_MARGIN_H],
|
|
4
8
|
vertical: [DEFAULT_VERTICAL_MARGIN_V, DEFAULT_HORIZONTAL_MARGIN_V]
|
|
5
9
|
};
|
|
6
|
-
|
|
10
|
+
const getFinalMargins = (direction, verticalMargin, horizontalMargin) => {
|
|
7
11
|
const [finalVMargin, finalHMargin] = defaultMargins[direction];
|
|
8
12
|
return [verticalMargin || finalVMargin, horizontalMargin || finalHMargin];
|
|
9
13
|
};
|
|
10
|
-
//# sourceMappingURL=
|
|
14
|
+
//# sourceMappingURL=useFinalMargins.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFinalMargins.js","sourceRoot":"","sources":["../../src/TreeView/useFinalMargins.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EACzB,2BAA2B,EAC3B,2BAA2B,EAC5B,MAAM,aAAa,CAAA;AAGpB,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,SAAyB,EACzB,cAAuB,EACvB,gBAAyB,EACP,EAAE;IACpB,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,cAAc,EAAE,gBAAgB,CAAC,EAClE,CAAC,SAAS,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAC9C,CAAA;AACH,CAAC,CAAA;AAED,MAAM,cAAc,GAAG;IACrB,UAAU,EAAE,CAAC,yBAAyB,EAAE,2BAA2B,CAAC;IACpE,QAAQ,EAAE,CAAC,yBAAyB,EAAE,2BAA2B,CAAC;CACnE,CAAA;AAED,MAAM,eAAe,GAAG,CACtB,SAAyB,EACzB,cAAuB,EACvB,gBAAyB,EACP,EAAE;IACpB,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;IAE9D,OAAO,CAAC,cAAc,IAAI,YAAY,EAAE,gBAAgB,IAAI,YAAY,CAAC,CAAA;AAC3E,CAAC,CAAA"}
|
package/TreeView/useTree.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { DirectionsType, DynamicPointLink, DynamicPointNode, TreeNodeInterface, TreeViewVariant } from './types';
|
|
2
2
|
export interface UseTreeArguments {
|
|
3
3
|
data: TreeNodeInterface;
|
|
4
|
-
nodeWidth
|
|
5
|
-
nodeHeight
|
|
4
|
+
nodeWidth: number;
|
|
5
|
+
nodeHeight: number;
|
|
6
6
|
direction: DirectionsType;
|
|
7
7
|
verticalMargin: number;
|
|
8
8
|
horizontalMargin: number;
|
package/TreeView/useTree.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { useMemo } from 'react';
|
|
2
2
|
import * as d3 from 'd3'; // eslint-disable-line import/no-duplicates
|
|
3
3
|
import { useNodes } from './useNodes';
|
|
4
|
-
import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from './variables';
|
|
5
4
|
const getPositionLeavesAndNoChildren = (options) => {
|
|
6
5
|
const { leaves, node, nodeSizeAttr } = options;
|
|
7
6
|
const index = leaves.findIndex(leaf => leaf === node);
|
|
@@ -37,8 +36,7 @@ const getPositionLeavesAndChildren = (calculateNodePosition, coordinateType, opt
|
|
|
37
36
|
node.children = node.children || [];
|
|
38
37
|
const position = node.children.reduce((acc, child) => {
|
|
39
38
|
calculateNodePosition(Object.assign(Object.assign({}, options), { node: child }));
|
|
40
|
-
acc
|
|
41
|
-
return acc;
|
|
39
|
+
return acc + child[coordinateType];
|
|
42
40
|
}, 0) / node.children.length;
|
|
43
41
|
return position;
|
|
44
42
|
};
|
|
@@ -69,7 +67,7 @@ const getPositionNoLeavesButChildren = (calculateNodePosition, coordinateType, o
|
|
|
69
67
|
};
|
|
70
68
|
const getCalculateNodePositionFn = (coordinateType) => {
|
|
71
69
|
const calculateNodePosition = (options) => {
|
|
72
|
-
const { node, aggregationType
|
|
70
|
+
const { node, aggregationType } = options;
|
|
73
71
|
let position = 0;
|
|
74
72
|
if (!node.children || !node.children.length) {
|
|
75
73
|
if (aggregationType === 'leaves') {
|
|
@@ -94,37 +92,23 @@ const getCalculateNodePositionFn = (coordinateType) => {
|
|
|
94
92
|
};
|
|
95
93
|
const calculateNodeXPosition = getCalculateNodePositionFn('x');
|
|
96
94
|
const calculateNodeYPosition = getCalculateNodePositionFn('y');
|
|
97
|
-
export const useTree = ({ data, nodeWidth
|
|
98
|
-
const
|
|
99
|
-
const fullNodeHeight = nodeHeight + 2 * verticalMargin;
|
|
100
|
-
const rootNode = useMemo(() => {
|
|
101
|
-
const root = d3.hierarchy(data);
|
|
102
|
-
const rootNode = d3
|
|
103
|
-
.tree()
|
|
104
|
-
.nodeSize([nodeWidth, nodeHeight])(root);
|
|
105
|
-
const leaves = rootNode.leaves();
|
|
106
|
-
if (direction === 'vertical') {
|
|
107
|
-
return calculateNodeXPosition({
|
|
108
|
-
node: rootNode,
|
|
109
|
-
leaves,
|
|
110
|
-
nodeSizeAttr: fullNodeWidth,
|
|
111
|
-
aggregationType: variant === 'normal' ? 'leaves' : 'siblings'
|
|
112
|
-
});
|
|
113
|
-
}
|
|
114
|
-
return calculateNodeYPosition({
|
|
115
|
-
node: rootNode,
|
|
116
|
-
leaves,
|
|
117
|
-
nodeSizeAttr: fullNodeHeight,
|
|
118
|
-
aggregationType: variant === 'normal' ? 'leaves' : 'siblings'
|
|
119
|
-
});
|
|
120
|
-
}, [
|
|
95
|
+
export const useTree = ({ data, nodeWidth, nodeHeight, direction, verticalMargin, horizontalMargin, variant }) => {
|
|
96
|
+
const rootNode = useMemo(() => positionTreeNodes({
|
|
121
97
|
data,
|
|
122
|
-
fullNodeWidth,
|
|
123
|
-
fullNodeHeight,
|
|
124
98
|
direction,
|
|
125
|
-
variant,
|
|
126
99
|
nodeHeight,
|
|
127
|
-
nodeWidth
|
|
100
|
+
nodeWidth,
|
|
101
|
+
horizontalMargin,
|
|
102
|
+
verticalMargin,
|
|
103
|
+
variant
|
|
104
|
+
}), [
|
|
105
|
+
data,
|
|
106
|
+
direction,
|
|
107
|
+
nodeHeight,
|
|
108
|
+
nodeWidth,
|
|
109
|
+
verticalMargin,
|
|
110
|
+
horizontalMargin,
|
|
111
|
+
variant
|
|
128
112
|
]);
|
|
129
113
|
const nodes = useNodes(rootNode, direction, verticalMargin, horizontalMargin);
|
|
130
114
|
const links = useMemo(() => nodes.reduce((acc, nodePoint) => {
|
|
@@ -145,4 +129,27 @@ export const useTree = ({ data, nodeWidth = DEFAULT_WIDTH, nodeHeight = DEFAULT_
|
|
|
145
129
|
selectedNode
|
|
146
130
|
};
|
|
147
131
|
};
|
|
132
|
+
const positionTreeNodes = ({ data, direction, nodeHeight, nodeWidth, horizontalMargin, verticalMargin, variant }) => {
|
|
133
|
+
const root = d3.hierarchy(data);
|
|
134
|
+
const fullNodeWidth = nodeWidth + 2 * horizontalMargin;
|
|
135
|
+
const fullNodeHeight = nodeHeight + 2 * verticalMargin;
|
|
136
|
+
const rootNode = d3
|
|
137
|
+
.tree()
|
|
138
|
+
.nodeSize([nodeWidth, nodeHeight])(root);
|
|
139
|
+
const leaves = rootNode.leaves();
|
|
140
|
+
if (direction === 'vertical') {
|
|
141
|
+
return calculateNodeXPosition({
|
|
142
|
+
node: rootNode,
|
|
143
|
+
leaves,
|
|
144
|
+
nodeSizeAttr: fullNodeWidth,
|
|
145
|
+
aggregationType: variant === 'normal' ? 'leaves' : 'siblings'
|
|
146
|
+
});
|
|
147
|
+
}
|
|
148
|
+
return calculateNodeYPosition({
|
|
149
|
+
node: rootNode,
|
|
150
|
+
leaves,
|
|
151
|
+
nodeSizeAttr: fullNodeHeight,
|
|
152
|
+
aggregationType: variant === 'normal' ? 'leaves' : 'siblings'
|
|
153
|
+
});
|
|
154
|
+
};
|
|
148
155
|
//# sourceMappingURL=useTree.js.map
|
package/TreeView/useTree.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTree.js","sourceRoot":"","sources":["../../src/TreeView/useTree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,KAAK,EAAE,MAAM,IAAI,CAAA,CAAC,2CAA2C;AAGpE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"useTree.js","sourceRoot":"","sources":["../../src/TreeView/useTree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,KAAK,EAAE,MAAM,IAAI,CAAA,CAAC,2CAA2C;AAGpE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAmCrC,MAAM,8BAA8B,GAAG,CACrC,OAAqC,EACrC,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,OAAO,CAAA;IAC9C,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAA;IACrD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,YAAY,CAAA;IAErE,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAED,MAAM,gCAAgC,GAAG,CACvC,cAA8B,EAC9B,OAAqC,EACrC,EAAE;;IACF,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,OAAO,CAAA;IACtC,MAAM,QAAQ,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,0CAAE,QAAQ,CAAA;IACvC,IAAI,QAAQ,GAAG,CAAC,CAAA;IAEhB,IAAI,QAAQ,EAAE;QACZ,MAAM,KAAK,GAAW,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAA;QAC/D,MAAM,iBAAiB,GAAW,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAE3E,IAAI,iBAAiB,KAAK,CAAC,CAAC,EAAE;YAC5B,MAAM,mBAAmB,GACvB,QAAQ,CAAC,iBAAiB,CAAC,CAAA;YAE7B,QAAQ;gBACN,mBAAmB,CAAC,cAAc,CAAC;oBACnC,CAAC,KAAK,GAAG,iBAAiB,CAAC,GAAG,YAAY,CAAA;SAC7C;aAAM;YACL,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;YAEjE,QAAQ;gBACN,QAAQ,CAAC,MAAM,GAAG,CAAC;oBACjB,CAAC,CAAC,iBAAiB,GAAG,YAAY;oBAClC,CAAC,CAAC,iBAAiB,GAAG,YAAY,GAAG,YAAY,GAAG,CAAC,CAAA;SAC1D;KACF;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAED,MAAM,4BAA4B,GAAG,CACnC,qBAE6C,EAC7C,cAA8B,EAC9B,OAAqC,EACrC,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAA;IAExB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;IACnC,MAAM,QAAQ,GACZ,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QAClC,qBAAqB,iCAAM,OAAO,KAAE,IAAI,EAAE,KAAK,IAAG,CAAA;QAElD,OAAO,GAAG,GAAG,KAAK,CAAC,cAAc,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAA;IAE9B,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAED,MAAM,8BAA8B,GAAG,CACrC,qBAE6C,EAC7C,cAA8B,EAC9B,OAAqC,EACrC,EAAE;IACF,IAAI,QAAQ,GAAG,CAAC,CAAA;IAEhB,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAA;IAExB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;IAEnC,MAAM,sBAAsB,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CACpD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CACxB,CAAA;IAED,IAAI,sBAAsB,KAAK,CAAC,CAAC,EAAE;QACjC,qBAAqB,iCAChB,OAAO,KACV,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,sBAAsB,CAAC,IAC3C,CAAA;KACH;IAED,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QAC5B,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACnB,qBAAqB,iCAAM,OAAO,KAAE,IAAI,EAAE,KAAK,IAAG,CAAA;SACnD;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAA;IAE3C,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;QAC5B,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAA;KACjE;SAAM;QACL,MAAM,WAAW,GACf,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;QAC3B,MAAM,qBAAqB,GACzB,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,CAAC,CAAC,CAAA;QAE/B,QAAQ;YACN,CAAC,WAAW,CAAC,cAAc,CAAC,GAAG,qBAAqB,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,CAAA;KAC5E;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAED,MAAM,0BAA0B,GAAG,CAAC,cAA8B,EAAE,EAAE;IACpE,MAAM,qBAAqB,GAAG,CAAC,OAAqC,EAAE,EAAE;QACtE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,OAAO,CAAA;QACzC,IAAI,QAAQ,GAAG,CAAC,CAAA;QAEhB,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC3C,IAAI,eAAe,KAAK,QAAQ,EAAE;gBAChC,QAAQ,GAAG,8BAA8B,CAAC,OAAO,CAAC,CAAA;aACnD;iBAAM;gBACL,QAAQ,GAAG,gCAAgC,CAAC,cAAc,EAAE,OAAO,CAAC,CAAA;aACrE;SACF;aAAM;YACL,IAAI,eAAe,KAAK,QAAQ,EAAE;gBAChC,QAAQ,GAAG,4BAA4B,CACrC,qBAAqB,EACrB,cAAc,EACd,OAAO,CACR,CAAA;aACF;iBAAM;gBACL,QAAQ,GAAG,8BAA8B,CACvC,qBAAqB,EACrB,cAAc,EACd,OAAO,CACR,CAAA;aACF;SACF;QAED,IAAI,CAAC,cAAc,CAAC,GAAG,QAAQ,CAAA;QAE/B,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IAED,OAAO,qBAAqB,CAAA;AAC9B,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAG,0BAA0B,CAAC,GAAG,CAAC,CAAA;AAC9D,MAAM,sBAAsB,GAAG,0BAA0B,CAAC,GAAG,CAAC,CAAA;AAE9D,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,IAAI,EACJ,SAAS,EACT,UAAU,EACV,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,OAAO,EACU,EAAmB,EAAE;IACtC,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CACH,iBAAiB,CAAC;QAChB,IAAI;QACJ,SAAS;QACT,UAAU;QACV,SAAS;QACT,gBAAgB;QAChB,cAAc;QACd,OAAO;KACR,CAAC,EACJ;QACE,IAAI;QACJ,SAAS;QACT,UAAU;QACV,SAAS;QACT,cAAc;QACd,gBAAgB;QAChB,OAAO;KACR,CACF,CAAA;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAAA;IAE7E,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CACH,KAAK,CAAC,MAAM,CACV,CAAC,GAAuB,EAAE,SAA2B,EAAE,EAAE;QACvD,IAAI,SAAS,CAAC,MAAM,EAAE;YACpB,GAAG,CAAC,IAAI,CAAC;gBACP,MAAM,EAAE,SAAS,CAAC,MAAM;gBACxB,MAAM,EAAE,SAAS;aAClB,CAAC,CAAA;SACH;QAED,OAAO,GAAG,CAAA;IACZ,CAAC,EACD,EAAE,CACH,EACH,CAAC,KAAK,CAAC,CACR,CAAA;IAED,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;QACzE,KAAK;KACN,CAAC,CAAA;IAEF,OAAO;QACL,KAAK;QACL,KAAK;QACL,YAAY;KACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CAAC,EACzB,IAAI,EACJ,SAAS,EACT,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,OAAO,EACoB,EAAE,EAAE;IAC/B,MAAM,IAAI,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IAC/B,MAAM,aAAa,GAAG,SAAS,GAAG,CAAC,GAAG,gBAAgB,CAAA;IACtD,MAAM,cAAc,GAAG,UAAU,GAAG,CAAC,GAAG,cAAc,CAAA;IAEtD,MAAM,QAAQ,GAAG,EAAE;SAChB,IAAI,EAAqB;SACzB,QAAQ,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IAC1C,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAA;IAEhC,IAAI,SAAS,KAAK,UAAU,EAAE;QAC5B,OAAO,sBAAsB,CAAC;YAC5B,IAAI,EAAE,QAAQ;YACd,MAAM;YACN,YAAY,EAAE,aAAa;YAC3B,eAAe,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU;SAC9D,CAAC,CAAA;KACH;IAED,OAAO,sBAAsB,CAAC;QAC5B,IAAI,EAAE,QAAQ;QACd,MAAM;QACN,YAAY,EAAE,cAAc;QAC5B,eAAe,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU;KAC9D,CAAC,CAAA;AACJ,CAAC,CAAA"}
|
package/TreeView/useZoom.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ export interface UseZoomArguments<ZoomRefElement extends ZoomedElementBaseType>
|
|
|
8
8
|
y: number;
|
|
9
9
|
};
|
|
10
10
|
initialScale?: number;
|
|
11
|
-
transitionDuration
|
|
11
|
+
transitionDuration: number;
|
|
12
12
|
}
|
|
13
13
|
export interface UseZoomResponse<ZoomRefElement extends ZoomedElementBaseType> {
|
|
14
14
|
zoom: ZoomBehavior<ZoomRefElement, unknown>;
|
package/TreeView/useZoom.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useEffect, useMemo, useState } from 'react';
|
|
2
2
|
import * as d3 from 'd3';
|
|
3
|
-
export const useZoom = ({ rootRef, scaleExtent, center, initialScale = 1, transitionDuration
|
|
3
|
+
export const useZoom = ({ rootRef, scaleExtent, center, initialScale = 1, transitionDuration }) => {
|
|
4
4
|
const [initialized, setInitialized] = useState(false);
|
|
5
5
|
const zoom = useMemo(() => d3.zoom().scaleExtent(scaleExtent), [scaleExtent]);
|
|
6
6
|
const handleZoom = (step) => {
|
package/TreeView/useZoom.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useZoom.js","sourceRoot":"","sources":["../../src/TreeView/useZoom.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,KAAK,EAAE,MAAM,IAAI,CAAA;AAiBxB,MAAM,CAAC,MAAM,OAAO,GAAG,CAA+C,EACpE,OAAO,EACP,WAAW,EACX,MAAM,EACN,YAAY,GAAG,CAAC,EAChB,kBAAkB,
|
|
1
|
+
{"version":3,"file":"useZoom.js","sourceRoot":"","sources":["../../src/TreeView/useZoom.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,KAAK,EAAE,MAAM,IAAI,CAAA;AAiBxB,MAAM,CAAC,MAAM,OAAO,GAAG,CAA+C,EACpE,OAAO,EACP,WAAW,EACX,MAAM,EACN,YAAY,GAAG,CAAC,EAChB,kBAAkB,EACe,EAAmC,EAAE;IACtE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,EAA2B,CAAC,WAAW,CAAC,WAAW,CAAC,EACjE,CAAC,WAAW,CAAC,CACd,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;QAClC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YACpB,OAAM;SACP;QAED,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;IAClE,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YACpB,OAAM;SACP;QAED,MAAM,kBAAkB,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAA;QAEvE,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAU,EAAE,EAAE;YAC7B,kBAAkB,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;QACvD,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,WAAW,EAAE;YAChB,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;iBACvB,IAAI,CAAC,IAAI,CAAC;iBACV,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAA;YAE5D,IAAI,MAAM,EAAE;gBACV,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;aACtE;YAED,cAAc,CAAC,IAAI,CAAC,CAAA;SACrB;aAAM,IAAI,MAAM,EAAE;YACjB,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;iBACvB,UAAU,EAAE;iBACZ,QAAQ,CAAC,kBAAkB,CAAC;iBAC5B,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;SAC9C;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAE1E,OAAO;QACL,IAAI;QACJ,UAAU;KACX,CAAA;AACH,CAAC,CAAA"}
|
package/TreeView/variables.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Vector2 } from './types';
|
|
1
|
+
import { DirectionsType, TreeViewVariant, Vector2 } from './types';
|
|
2
2
|
export declare const DEFAULT_VERTICAL_MARGIN_H = 10;
|
|
3
3
|
export declare const DEFAULT_VERTICAL_MARGIN_V = 97;
|
|
4
4
|
export declare const DEFAULT_HORIZONTAL_MARGIN_H = 59;
|
|
@@ -7,3 +7,11 @@ export declare const DEFAULT_WIDTH = 236;
|
|
|
7
7
|
export declare const DEFAULT_HEIGHT = 59;
|
|
8
8
|
export declare const DEFAULT_SCALE_EXTENT: [number, number];
|
|
9
9
|
export declare const ZERO_VECTOR2: Vector2;
|
|
10
|
+
export declare const TreeViewPropsDefaults: {
|
|
11
|
+
nodeWidth: number;
|
|
12
|
+
nodeHeight: number;
|
|
13
|
+
directionProps: {
|
|
14
|
+
direction: DirectionsType;
|
|
15
|
+
variant: TreeViewVariant;
|
|
16
|
+
};
|
|
17
|
+
};
|
package/TreeView/variables.js
CHANGED
|
@@ -6,4 +6,12 @@ export const DEFAULT_WIDTH = 236;
|
|
|
6
6
|
export const DEFAULT_HEIGHT = 59;
|
|
7
7
|
export const DEFAULT_SCALE_EXTENT = [0.1, 5];
|
|
8
8
|
export const ZERO_VECTOR2 = { x: 0, y: 0 };
|
|
9
|
+
export const TreeViewPropsDefaults = {
|
|
10
|
+
nodeWidth: DEFAULT_WIDTH,
|
|
11
|
+
nodeHeight: DEFAULT_HEIGHT,
|
|
12
|
+
directionProps: {
|
|
13
|
+
direction: 'vertical',
|
|
14
|
+
variant: 'normal'
|
|
15
|
+
}
|
|
16
|
+
};
|
|
9
17
|
//# sourceMappingURL=variables.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variables.js","sourceRoot":"","sources":["../../src/TreeView/variables.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,2BAA2B,GAAG,EAAE,CAAA;AAC7C,MAAM,CAAC,MAAM,2BAA2B,GAAG,EAAE,CAAA;AAC7C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;AAChC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAA;AAChC,MAAM,CAAC,MAAM,oBAAoB,GAAqB,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;AAC9D,MAAM,CAAC,MAAM,YAAY,GAAY,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA"}
|
|
1
|
+
{"version":3,"file":"variables.js","sourceRoot":"","sources":["../../src/TreeView/variables.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,2BAA2B,GAAG,EAAE,CAAA;AAC7C,MAAM,CAAC,MAAM,2BAA2B,GAAG,EAAE,CAAA;AAC7C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;AAChC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAA;AAChC,MAAM,CAAC,MAAM,oBAAoB,GAAqB,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;AAC9D,MAAM,CAAC,MAAM,YAAY,GAAY,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAA;AAEnD,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,SAAS,EAAE,aAAa;IACxB,UAAU,EAAE,cAAc;IAC1B,cAAc,EAAE;QACd,SAAS,EAAE,UAA4B;QACvC,OAAO,EAAE,QAA2B;KACrC;CACF,CAAA"}
|
package/index.d.ts
CHANGED
|
@@ -123,6 +123,7 @@ export { default as Rating } from './Rating';
|
|
|
123
123
|
export type { RatingProps } from './Rating';
|
|
124
124
|
export { default as TreeView, TreeViewContainer, useTreeView, TreeNodeAvatar } from './TreeView';
|
|
125
125
|
export type { TreeNodeInterface } from './TreeView';
|
|
126
|
+
export { default as StaticTreeView } from './StaticTreeView';
|
|
126
127
|
export { default as TimePicker } from './TimePicker';
|
|
127
128
|
export type { TimePickerProps } from './TimePicker';
|
|
128
129
|
export { default as SkeletonLoader } from './SkeletonLoader';
|
package/index.js
CHANGED
|
@@ -56,6 +56,7 @@ export { default as Switch } from './Switch';
|
|
|
56
56
|
export { default as Quote } from './Quote';
|
|
57
57
|
export { default as Rating } from './Rating';
|
|
58
58
|
export { default as TreeView, TreeViewContainer, useTreeView, TreeNodeAvatar } from './TreeView';
|
|
59
|
+
export { default as StaticTreeView } from './StaticTreeView';
|
|
59
60
|
export { default as TimePicker } from './TimePicker';
|
|
60
61
|
export { default as SkeletonLoader } from './SkeletonLoader';
|
|
61
62
|
export { default as PageHead } from './PageHead';
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
File without changes
|
package/TreeView/story/styles.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TreeView/story/styles.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getFinalMargins.js","sourceRoot":"","sources":["../../../src/TreeView/utils/getFinalMargins.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,yBAAyB,EACzB,2BAA2B,EAC3B,2BAA2B,EAC5B,MAAM,cAAc,CAAA;AAGrB,MAAM,cAAc,GAAG;IACrB,UAAU,EAAE,CAAC,yBAAyB,EAAE,2BAA2B,CAAC;IACpE,QAAQ,EAAE,CAAC,yBAAyB,EAAE,2BAA2B,CAAC;CACnE,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,SAAyB,EACzB,cAAuB,EACvB,gBAAyB,EACP,EAAE;IACpB,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;IAE9D,OAAO,CAAC,cAAc,IAAI,YAAY,EAAE,gBAAgB,IAAI,YAAY,CAAC,CAAA;AAC3E,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { getFinalMargins } from './getFinalMargins';
|
package/TreeView/utils/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TreeView/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}
|