@toptal/picasso 16.1.0 → 16.3.1
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/List/List.js +19 -10
- package/List/List.js.map +1 -1
- package/List/styles.d.ts +2 -1
- package/List/styles.js +4 -1
- package/List/styles.js.map +1 -1
- package/List/utils/generateListItems.d.ts +2 -0
- package/List/utils/generateListItems.js +8 -0
- package/List/utils/generateListItems.js.map +1 -0
- package/List/utils/index.d.ts +2 -0
- package/List/utils/index.js +3 -0
- package/List/utils/index.js.map +1 -0
- package/ListItem/ListItem.d.ts +1 -0
- package/ListItem/ListItem.js +7 -4
- package/ListItem/ListItem.js.map +1 -1
- package/ListItem/styles.d.ts +1 -1
- package/ListItem/styles.js +12 -1
- package/ListItem/styles.js.map +1 -1
- package/ModalTitle/styles.js +2 -1
- package/ModalTitle/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/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":"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"}
|
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":""}
|