@toptal/picasso 16.0.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/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/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/utils/Notifications/use-notifications.js +3 -0
- package/utils/Notifications/use-notifications.js.map +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.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
|
@@ -29,6 +29,9 @@ export const useNotifications = () => {
|
|
|
29
29
|
return;
|
|
30
30
|
}
|
|
31
31
|
closeSnackbar(notificationId);
|
|
32
|
+
if (notificationElement.props.onClose) {
|
|
33
|
+
notificationElement.props.onClose();
|
|
34
|
+
}
|
|
32
35
|
};
|
|
33
36
|
const notificationId = enqueueSnackbar('', Object.assign({ anchorOrigin: defaultPosition, content: (key) => React.cloneElement(notificationElement, {
|
|
34
37
|
key,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-notifications.js","sourceRoot":"","sources":["../../../src/utils/Notifications/use-notifications.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,UAAU,EACV,OAAO,EACP,WAAW,EACZ,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,WAAW,EAAiB,MAAM,WAAW,CAAA;AACtD,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAI5D,OAAO,EACL,YAAY,IAAI,mBAAmB,EAEpC,MAAM,oBAAoB,CAAA;AAC3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,MAAM,eAAe,GAAmB;IACtC,QAAQ,EAAE,KAAK;IACf,UAAU,EAAE,OAAO;CACpB,CAAA;AAUD,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,qBAAqB;CAC5B,CAAC,CAAA;AAEF,MAAM,kBAAkB;AACtB,8CAA8C;AAC9C,UAAU,CAAqB,SAAS,YAAY,CAAC,KAAK,EAAE,GAAG;IAC7D,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,EAAE,GAAG,KAAK,CAAA;IAChE,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,mBAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,QACR,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,OAAO,CAAC,mBAAmB,CAAC,EAAE,OAAO,KAAK,OAAO;YAClD,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,OAAO,KAAK,OAAO;SAChD,CAAC,EACF,GAAG,EAAE,GAAG,IAEP,OAAO,CACY,CACvB,CAAA;AACH,CAAC,CAAC,CAAA;AAEJ,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,eAAe,EAAE,aAAa,EAAE,GAAG,WAAW,EAAE,CAAA;IAExD,MAAM,eAAe,GAAG,WAAW,CACjC,GAAG,EAAE,CAAC,CACJ,mBAAuC,EACvC,OAAuB,EACvB,EAAE;QACF,MAAM,iBAAiB,GAAG,GAAG,EAAE;YAC7B,IAAI,CAAC,cAAc,EAAE;gBACnB,OAAM;aACP;YAED,aAAa,CAAC,cAAc,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"use-notifications.js","sourceRoot":"","sources":["../../../src/utils/Notifications/use-notifications.tsx"],"names":[],"mappings":"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"}
|
|
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"}
|