@semcore/d3-chart 2.13.4 → 2.13.6
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/CHANGELOG.md +12 -0
- package/lib/cjs/Area.js +59 -97
- package/lib/cjs/Area.js.map +1 -1
- package/lib/cjs/Axis.js +76 -143
- package/lib/cjs/Axis.js.map +1 -1
- package/lib/cjs/Bar.js +49 -96
- package/lib/cjs/Bar.js.map +1 -1
- package/lib/cjs/Bubble.js +39 -81
- package/lib/cjs/Bubble.js.map +1 -1
- package/lib/cjs/ClipPath.js +9 -35
- package/lib/cjs/ClipPath.js.map +1 -1
- package/lib/cjs/Donut.js +77 -152
- package/lib/cjs/Donut.js.map +1 -1
- package/lib/cjs/Dots.js +29 -57
- package/lib/cjs/Dots.js.map +1 -1
- package/lib/cjs/GroupBar.js +5 -26
- package/lib/cjs/GroupBar.js.map +1 -1
- package/lib/cjs/HorizontalBar.js +43 -84
- package/lib/cjs/HorizontalBar.js.map +1 -1
- package/lib/cjs/Hover.js +33 -88
- package/lib/cjs/Hover.js.map +1 -1
- package/lib/cjs/Line.js +42 -78
- package/lib/cjs/Line.js.map +1 -1
- package/lib/cjs/Plot.js +27 -73
- package/lib/cjs/Plot.js.map +1 -1
- package/lib/cjs/Radar.js +153 -278
- package/lib/cjs/Radar.js.map +1 -1
- package/lib/cjs/RadialTree.js +105 -211
- package/lib/cjs/RadialTree.js.map +1 -1
- package/lib/cjs/ReferenceLine.js +45 -87
- package/lib/cjs/ReferenceLine.js.map +1 -1
- package/lib/cjs/ResponsiveContainer.js +9 -38
- package/lib/cjs/ResponsiveContainer.js.map +1 -1
- package/lib/cjs/ScatterPlot.js +34 -74
- package/lib/cjs/ScatterPlot.js.map +1 -1
- package/lib/cjs/StackBar.js +9 -38
- package/lib/cjs/StackBar.js.map +1 -1
- package/lib/cjs/StackedArea.js +5 -29
- package/lib/cjs/StackedArea.js.map +1 -1
- package/lib/cjs/Tooltip.js +27 -76
- package/lib/cjs/Tooltip.js.map +1 -1
- package/lib/cjs/Venn.js +32 -75
- package/lib/cjs/Venn.js.map +1 -1
- package/lib/cjs/a11y/PlotA11yModule.js +18 -71
- package/lib/cjs/a11y/PlotA11yModule.js.map +1 -1
- package/lib/cjs/a11y/PlotA11yView.js +19 -83
- package/lib/cjs/a11y/PlotA11yView.js.map +1 -1
- package/lib/cjs/a11y/bezier.js +0 -7
- package/lib/cjs/a11y/bezier.js.map +1 -1
- package/lib/cjs/a11y/focus.js +2 -11
- package/lib/cjs/a11y/focus.js.map +1 -1
- package/lib/cjs/a11y/hints.js +0 -13
- package/lib/cjs/a11y/hints.js.map +1 -1
- package/lib/cjs/a11y/insights.js +21 -132
- package/lib/cjs/a11y/insights.js.map +1 -1
- package/lib/cjs/a11y/intl.js +0 -6
- package/lib/cjs/a11y/intl.js.map +1 -1
- package/lib/cjs/a11y/locale.js +4 -22
- package/lib/cjs/a11y/locale.js.map +1 -1
- package/lib/cjs/a11y/serialize.js +23 -83
- package/lib/cjs/a11y/serialize.js.map +1 -1
- package/lib/cjs/a11y/summarize.js +0 -4
- package/lib/cjs/a11y/summarize.js.map +1 -1
- package/lib/cjs/a11y/translations/module/__intergalactic-dynamic-locales.js +0 -13
- package/lib/cjs/a11y/translations/module/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/cjs/a11y/translations/view/__intergalactic-dynamic-locales.js +0 -13
- package/lib/cjs/a11y/translations/view/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/cjs/color.js +0 -3
- package/lib/cjs/color.js.map +1 -1
- package/lib/cjs/createElement.js +18 -47
- package/lib/cjs/createElement.js.map +1 -1
- package/lib/cjs/index.js +0 -23
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/types/Plot.d.js.map +1 -1
- package/lib/cjs/types/index.d.js +0 -39
- package/lib/cjs/types/index.d.js.map +1 -1
- package/lib/cjs/utils.js +7 -59
- package/lib/cjs/utils.js.map +1 -1
- package/lib/es6/Area.js +59 -86
- package/lib/es6/Area.js.map +1 -1
- package/lib/es6/Axis.js +76 -135
- package/lib/es6/Axis.js.map +1 -1
- package/lib/es6/Bar.js +49 -86
- package/lib/es6/Bar.js.map +1 -1
- package/lib/es6/Bubble.js +39 -70
- package/lib/es6/Bubble.js.map +1 -1
- package/lib/es6/ClipPath.js +9 -23
- package/lib/es6/ClipPath.js.map +1 -1
- package/lib/es6/Donut.js +77 -141
- package/lib/es6/Donut.js.map +1 -1
- package/lib/es6/Dots.js +29 -46
- package/lib/es6/Dots.js.map +1 -1
- package/lib/es6/GroupBar.js +5 -15
- package/lib/es6/GroupBar.js.map +1 -1
- package/lib/es6/HorizontalBar.js +43 -75
- package/lib/es6/HorizontalBar.js.map +1 -1
- package/lib/es6/Hover.js +33 -85
- package/lib/es6/Hover.js.map +1 -1
- package/lib/es6/Line.js +42 -67
- package/lib/es6/Line.js.map +1 -1
- package/lib/es6/Plot.js +27 -66
- package/lib/es6/Plot.js.map +1 -1
- package/lib/es6/Radar.js +153 -282
- package/lib/es6/Radar.js.map +1 -1
- package/lib/es6/RadialTree.js +105 -203
- package/lib/es6/RadialTree.js.map +1 -1
- package/lib/es6/ReferenceLine.js +45 -79
- package/lib/es6/ReferenceLine.js.map +1 -1
- package/lib/es6/ResponsiveContainer.js +9 -28
- package/lib/es6/ResponsiveContainer.js.map +1 -1
- package/lib/es6/ScatterPlot.js +34 -65
- package/lib/es6/ScatterPlot.js.map +1 -1
- package/lib/es6/StackBar.js +9 -26
- package/lib/es6/StackBar.js.map +1 -1
- package/lib/es6/StackedArea.js +5 -18
- package/lib/es6/StackedArea.js.map +1 -1
- package/lib/es6/Tooltip.js +27 -63
- package/lib/es6/Tooltip.js.map +1 -1
- package/lib/es6/Venn.js +32 -64
- package/lib/es6/Venn.js.map +1 -1
- package/lib/es6/a11y/PlotA11yModule.js +18 -52
- package/lib/es6/a11y/PlotA11yModule.js.map +1 -1
- package/lib/es6/a11y/PlotA11yView.js +19 -53
- package/lib/es6/a11y/PlotA11yView.js.map +1 -1
- package/lib/es6/a11y/bezier.js +0 -5
- package/lib/es6/a11y/bezier.js.map +1 -1
- package/lib/es6/a11y/focus.js +2 -9
- package/lib/es6/a11y/focus.js.map +1 -1
- package/lib/es6/a11y/hints.js +0 -3
- package/lib/es6/a11y/hints.js.map +1 -1
- package/lib/es6/a11y/insights.js +21 -133
- package/lib/es6/a11y/insights.js.map +1 -1
- package/lib/es6/a11y/intl.js +0 -1
- package/lib/es6/a11y/intl.js.map +1 -1
- package/lib/es6/a11y/locale.js +4 -18
- package/lib/es6/a11y/locale.js.map +1 -1
- package/lib/es6/a11y/serialize.js +23 -74
- package/lib/es6/a11y/serialize.js.map +1 -1
- package/lib/es6/a11y/summarize.js.map +1 -1
- package/lib/es6/a11y/translations/module/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/a11y/translations/view/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/color.js +0 -1
- package/lib/es6/color.js.map +1 -1
- package/lib/es6/createElement.js +18 -34
- package/lib/es6/createElement.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/types/Plot.d.js.map +1 -1
- package/lib/es6/types/index.d.js +5 -3
- package/lib/es6/types/index.d.js.map +1 -1
- package/lib/es6/utils.js +7 -28
- package/lib/es6/utils.js.map +1 -1
- package/package.json +1 -1
package/lib/cjs/Bar.js
CHANGED
|
@@ -1,83 +1,54 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
-
|
|
12
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
11
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
12
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
19
|
-
|
|
20
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
-
|
|
22
14
|
var _core = require("@semcore/core");
|
|
23
|
-
|
|
24
15
|
var _react = _interopRequireDefault(require("react"));
|
|
25
|
-
|
|
26
16
|
var _d3Transition = require("d3-transition");
|
|
27
|
-
|
|
28
17
|
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
29
|
-
|
|
30
18
|
var _createElement = _interopRequireDefault(require("./createElement"));
|
|
31
|
-
|
|
32
19
|
var _ClipPath = _interopRequireDefault(require("./ClipPath"));
|
|
33
|
-
|
|
34
20
|
var _utils = require("./utils");
|
|
35
|
-
|
|
36
21
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
37
|
-
var style = (
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
"
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
, {
|
|
46
|
-
"__SBar": "___SBar_1n9fo_gg_",
|
|
47
|
-
"--duration": "--duration_1n9fo",
|
|
48
|
-
"_color": "__color_1n9fo_gg_",
|
|
49
|
-
"--color": "--color_1n9fo",
|
|
50
|
-
"_hide": "__hide_1n9fo_gg_",
|
|
51
|
-
"_transparent": "__transparent_1n9fo_gg_",
|
|
52
|
-
"__SBackground": "___SBackground_1n9fo_gg_"
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_1dgne_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1dgne);transition-timing-function:ease-in-out}.___SBar_1dgne_gg_.__color_1dgne_gg_{fill:var(--color_1dgne)}.___SBar_1dgne_gg_.__hide_1dgne_gg_{display:none}.___SBar_1dgne_gg_.__transparent_1dgne_gg_{opacity:.3}.___SBackground_1dgne_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1dgne_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SBar": "___SBar_1dgne_gg_",
|
|
24
|
+
"--duration": "--duration_1dgne",
|
|
25
|
+
"_color": "__color_1dgne_gg_",
|
|
26
|
+
"--color": "--color_1dgne",
|
|
27
|
+
"_hide": "__hide_1dgne_gg_",
|
|
28
|
+
"_transparent": "__transparent_1dgne_gg_",
|
|
29
|
+
"__SBackground": "___SBackground_1dgne_gg_"
|
|
53
30
|
});
|
|
54
|
-
|
|
55
31
|
var calcPartBarY = function calcPartBarY(y, minHeight, height) {
|
|
56
32
|
// need for the correct rendering of negative values (bar should be under Y-axis)
|
|
57
33
|
if (y <= 0) {
|
|
58
34
|
return Object.is(y, 0) ? minHeight : 0;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
|
|
35
|
+
}
|
|
36
|
+
// need for the correct rendering of the minimum positive values
|
|
62
37
|
return height <= minHeight ? minHeight : 0;
|
|
63
38
|
};
|
|
64
|
-
|
|
65
39
|
var BarRoot = /*#__PURE__*/function (_Component) {
|
|
66
40
|
(0, _inherits2["default"])(BarRoot, _Component);
|
|
67
|
-
|
|
68
41
|
var _super = (0, _createSuper2["default"])(BarRoot);
|
|
69
|
-
|
|
70
42
|
function BarRoot() {
|
|
71
43
|
(0, _classCallCheck2["default"])(this, BarRoot);
|
|
72
44
|
return _super.apply(this, arguments);
|
|
73
45
|
}
|
|
74
|
-
|
|
75
46
|
(0, _createClass2["default"])(BarRoot, [{
|
|
76
47
|
key: "getBackgroundProps",
|
|
77
48
|
value: function getBackgroundProps(props, index) {
|
|
78
49
|
var _this$asProps = this.asProps,
|
|
79
|
-
|
|
80
|
-
|
|
50
|
+
x = _this$asProps.x,
|
|
51
|
+
data = _this$asProps.data;
|
|
81
52
|
return {
|
|
82
53
|
value: data[index][x]
|
|
83
54
|
};
|
|
@@ -86,11 +57,10 @@ var BarRoot = /*#__PURE__*/function (_Component) {
|
|
|
86
57
|
key: "animationBar",
|
|
87
58
|
value: function animationBar() {
|
|
88
59
|
var _this$asProps2 = this.asProps,
|
|
89
|
-
|
|
90
|
-
|
|
60
|
+
duration = _this$asProps2.duration,
|
|
61
|
+
uid = _this$asProps2.uid;
|
|
91
62
|
var selectRect = (0, _d3Transition.transition)().selection().selectAll("#".concat(uid, " rect"));
|
|
92
63
|
var selectRectNode = selectRect.node();
|
|
93
|
-
|
|
94
64
|
if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {
|
|
95
65
|
selectRect.transition().duration(duration).attr('y', 0);
|
|
96
66
|
}
|
|
@@ -108,40 +78,35 @@ var BarRoot = /*#__PURE__*/function (_Component) {
|
|
|
108
78
|
}, {
|
|
109
79
|
key: "renderBar",
|
|
110
80
|
value: function renderBar(d, i) {
|
|
111
|
-
var _ref, _d$y, _d$y2;
|
|
112
|
-
|
|
81
|
+
var _ref, _d$y, _d$y2, _d$y3;
|
|
113
82
|
var SBar = this.Element;
|
|
114
83
|
var _this$asProps3 = this.asProps,
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
84
|
+
styles = _this$asProps3.styles,
|
|
85
|
+
color = _this$asProps3.color,
|
|
86
|
+
x = _this$asProps3.x,
|
|
87
|
+
y = _this$asProps3.y,
|
|
88
|
+
y0 = _this$asProps3.y0,
|
|
89
|
+
scale = _this$asProps3.scale,
|
|
90
|
+
hide = _this$asProps3.hide,
|
|
91
|
+
offset = _this$asProps3.offset,
|
|
92
|
+
duration = _this$asProps3.duration,
|
|
93
|
+
uid = _this$asProps3.uid,
|
|
94
|
+
r = _this$asProps3.r,
|
|
95
|
+
hMin = _this$asProps3.hMin,
|
|
96
|
+
widthProps = _this$asProps3.width,
|
|
97
|
+
groupKey = _this$asProps3.groupKey,
|
|
98
|
+
onClick = _this$asProps3.onClick,
|
|
99
|
+
transparent = _this$asProps3.transparent;
|
|
132
100
|
var _scale = (0, _slicedToArray2["default"])(scale, 2),
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
101
|
+
xScale = _scale[0],
|
|
102
|
+
yScale = _scale[1];
|
|
136
103
|
var absHeight = Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale((_d$y = d[y0]) !== null && _d$y !== void 0 ? _d$y : 0)));
|
|
137
|
-
var height = Number(d[y]) === 0 ? 0 : Math.max(absHeight, hMin);
|
|
138
|
-
var barY = yScale(Math.max((_d$
|
|
104
|
+
var height = Number(d[y] - ((_d$y2 = d[y0]) !== null && _d$y2 !== void 0 ? _d$y2 : 0)) === 0 ? 0 : Math.max(absHeight, hMin);
|
|
105
|
+
var barY = yScale(Math.max((_d$y3 = d[y0]) !== null && _d$y3 !== void 0 ? _d$y3 : 0, height <= hMin ? 0 : d[y])) + offset[1] - calcPartBarY(d[y], hMin, height);
|
|
139
106
|
var barX = xScale(d[x]) + offset[0];
|
|
140
|
-
|
|
141
107
|
var handleClick = function handleClick(event) {
|
|
142
108
|
return onClick === null || onClick === void 0 ? void 0 : onClick(d, event);
|
|
143
109
|
};
|
|
144
|
-
|
|
145
110
|
var width = widthProps || (0, _utils.getBandwidth)(xScale);
|
|
146
111
|
var dSvg = getRect({
|
|
147
112
|
x: barX,
|
|
@@ -151,13 +116,11 @@ var BarRoot = /*#__PURE__*/function (_Component) {
|
|
|
151
116
|
radius: Array.isArray(r) ? r[i] : r,
|
|
152
117
|
position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom'
|
|
153
118
|
});
|
|
154
|
-
|
|
155
119
|
if (groupKey) {
|
|
156
120
|
this.asProps.dataHintsHandler.describeGroupedValues(groupKey, y);
|
|
157
121
|
} else {
|
|
158
122
|
this.asProps.dataHintsHandler.describeValueEntity("".concat(i, ".").concat(y), groupKey !== null && groupKey !== void 0 ? groupKey : d[x]);
|
|
159
123
|
}
|
|
160
|
-
|
|
161
124
|
return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBar, _ref.cn("SBar", {
|
|
162
125
|
"aria-hidden": true,
|
|
163
126
|
"key": "bar-".concat(i),
|
|
@@ -183,10 +146,10 @@ var BarRoot = /*#__PURE__*/function (_Component) {
|
|
|
183
146
|
key: "render",
|
|
184
147
|
value: function render() {
|
|
185
148
|
var _this$asProps4 = this.asProps,
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
149
|
+
data = _this$asProps4.data,
|
|
150
|
+
uid = _this$asProps4.uid,
|
|
151
|
+
size = _this$asProps4.size,
|
|
152
|
+
duration = _this$asProps4.duration;
|
|
190
153
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, data.map(this.renderBar.bind(this)), duration && /*#__PURE__*/_react["default"].createElement(_ClipPath["default"], {
|
|
191
154
|
"aria-hidden": true,
|
|
192
155
|
key: "".concat(uid, "-animation"),
|
|
@@ -200,7 +163,6 @@ var BarRoot = /*#__PURE__*/function (_Component) {
|
|
|
200
163
|
}]);
|
|
201
164
|
return BarRoot;
|
|
202
165
|
}(_core.Component);
|
|
203
|
-
|
|
204
166
|
(0, _defineProperty2["default"])(BarRoot, "displayName", 'Bar');
|
|
205
167
|
(0, _defineProperty2["default"])(BarRoot, "style", style);
|
|
206
168
|
(0, _defineProperty2["default"])(BarRoot, "enhance", [(0, _uniqueID["default"])()]);
|
|
@@ -210,19 +172,15 @@ var BarRoot = /*#__PURE__*/function (_Component) {
|
|
|
210
172
|
r: 2,
|
|
211
173
|
hMin: 2
|
|
212
174
|
});
|
|
213
|
-
|
|
214
175
|
function Background(props) {
|
|
215
176
|
var _ref2;
|
|
216
|
-
|
|
217
177
|
var SBackground = props.Element,
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
178
|
+
styles = props.styles,
|
|
179
|
+
scale = props.scale,
|
|
180
|
+
value = props.value;
|
|
222
181
|
var _scale2 = (0, _slicedToArray2["default"])(scale, 2),
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
182
|
+
xScale = _scale2[0],
|
|
183
|
+
yScale = _scale2[1];
|
|
226
184
|
var yRange = yScale.range();
|
|
227
185
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBackground, _ref2.cn("SBackground", {
|
|
228
186
|
"aria-hidden": true,
|
|
@@ -234,27 +192,22 @@ function Background(props) {
|
|
|
234
192
|
"y": yRange[1]
|
|
235
193
|
}));
|
|
236
194
|
}
|
|
237
|
-
|
|
238
195
|
function getRect(_ref3) {
|
|
239
196
|
var x = _ref3.x,
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
197
|
+
y = _ref3.y,
|
|
198
|
+
width = _ref3.width,
|
|
199
|
+
height = _ref3.height,
|
|
200
|
+
radius = _ref3.radius,
|
|
201
|
+
position = _ref3.position;
|
|
245
202
|
if (height < radius) radius = height;
|
|
246
|
-
|
|
247
203
|
if (radius) {
|
|
248
204
|
if (position === 'top') return (0, _utils.roundedPath)(x, y, width, height, radius, true, true, false, false);
|
|
249
205
|
return (0, _utils.roundedPath)(x, y, width, height, radius, false, false, true, true);
|
|
250
206
|
}
|
|
251
|
-
|
|
252
207
|
return (0, _utils.roundedPath)(x, y, width, height, radius);
|
|
253
208
|
}
|
|
254
|
-
|
|
255
209
|
var _default = (0, _createElement["default"])(BarRoot, {
|
|
256
210
|
Background: Background
|
|
257
211
|
});
|
|
258
|
-
|
|
259
212
|
exports["default"] = _default;
|
|
260
213
|
//# sourceMappingURL=Bar.js.map
|
package/lib/cjs/Bar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bar.js","names":["calcPartBarY","y","minHeight","height","Object","is","BarRoot","props","index","asProps","x","data","value","duration","uid","selectRect","transition","selection","selectAll","selectRectNode","node","getAttribute","attr","animationBar","d","i","SBar","Element","styles","color","y0","scale","hide","offset","r","hMin","widthProps","width","groupKey","onClick","transparent","xScale","yScale","absHeight","Math","abs","min","domain","Number","max","barY","barX","handleClick","event","getBandwidth","dSvg","getRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","sstyled","size","map","renderBar","bind","Component","style","uniqueIDEnhancement","Background","SBackground","yRange","range","bandwidth","roundedPath","createElement"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nconst calcPartBarY = (y, minHeight, height) => {\n // need for the correct rendering of negative values (bar should be under Y-axis)\n if (y <= 0) {\n return Object.is(y, 0) ? minHeight : 0;\n }\n // need for the correct rendering of the minimum positive values\n return height <= minHeight ? minHeight : 0;\n};\n\nclass BarRoot extends Component {\n static displayName = 'Bar';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n r: 2,\n hMin: 2,\n };\n\n getBackgroundProps(props, index) {\n const { x, data } = this.asProps;\n return {\n value: data[index][x],\n };\n }\n\n animationBar() {\n const { duration, uid } = this.asProps;\n const selectRect = transition().selection().selectAll(`#${uid} rect`);\n const selectRectNode = selectRect.node();\n\n if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n selectRect.transition().duration(duration).attr('y', 0);\n }\n }\n\n componentDidUpdate() {\n this.animationBar();\n }\n\n componentDidMount() {\n this.animationBar();\n }\n\n renderBar(d, i) {\n const SBar = this.Element;\n const {\n styles,\n color,\n x,\n y,\n y0,\n scale,\n hide,\n offset,\n duration,\n uid,\n r,\n hMin,\n width: widthProps,\n groupKey,\n onClick,\n transparent,\n } = this.asProps;\n\n const [xScale, yScale] = scale;\n const absHeight = Math.abs(\n yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)),\n );\n const height = Number(d[y]) === 0 ? 0 : Math.max(absHeight, hMin);\n const barY =\n yScale(Math.max(d[y0] ?? 0, height <= hMin ? 0 : d[y])) +\n offset[1] -\n calcPartBarY(d[y], hMin, height);\n const barX = xScale(d[x]) + offset[0];\n const handleClick = (event) => onClick?.(d, event);\n const width = widthProps || getBandwidth(xScale);\n const dSvg = getRect({\n x: barX,\n y: barY,\n width,\n height,\n radius: Array.isArray(r) ? r[i] : r,\n position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom',\n });\n\n if (groupKey) {\n this.asProps.dataHintsHandler.describeGroupedValues(groupKey, y);\n } else {\n this.asProps.dataHintsHandler.describeValueEntity(`${i}.${y}`, groupKey ?? d[x]);\n }\n\n return sstyled(styles)(\n <SBar\n aria-hidden\n key={`bar-${i}`}\n render=\"path\"\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value', 'onClick']}\n childrenPosition=\"above\"\n value={d}\n index={i}\n hide={hide}\n color={color}\n x={barX}\n y={barY}\n width={width}\n height={height}\n d={dSvg}\n onClickCapture={handleClick}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />,\n );\n }\n render() {\n const { data, uid, size, duration } = this.asProps;\n return (\n <>\n {data.map(this.renderBar.bind(this))}\n {duration && (\n <ClipPath\n aria-hidden\n key={`${uid}-animation`}\n id={uid}\n x=\"0\"\n y={size[1]}\n width={size[0]}\n height={`${size[1]}px`}\n />\n )}\n </>\n );\n }\n}\n\nfunction Background(props) {\n const { Element: SBackground, styles, scale, value } = props;\n\n const [xScale, yScale] = scale;\n const yRange = yScale.range();\n\n return sstyled(styles)(\n <SBackground\n aria-hidden\n render=\"rect\"\n childrenPosition=\"above\"\n width={xScale.bandwidth()}\n height={yRange[0] - yRange[1]}\n x={xScale(value)}\n y={yRange[1]}\n />,\n );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n if (height < radius) radius = height;\n if (radius) {\n if (position === 'top')\n return roundedPath(x, y, width, height, radius, true, true, false, false);\n return roundedPath(x, y, width, height, radius, false, false, true, true);\n }\n return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Bar.js","names":["_core","require","_react","_interopRequireDefault","_d3Transition","_uniqueID","_createElement","_ClipPath","_utils","style","sstyled","insert","calcPartBarY","y","minHeight","height","Object","is","BarRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getBackgroundProps","props","index","_this$asProps","asProps","x","data","animationBar","_this$asProps2","duration","uid","selectRect","transition","selection","selectAll","concat","selectRectNode","node","getAttribute","attr","componentDidUpdate","componentDidMount","renderBar","d","i","_ref","_d$y","_d$y2","_d$y3","SBar","Element","_this$asProps3","styles","color","y0","scale","hide","offset","r","hMin","widthProps","width","groupKey","onClick","transparent","_scale","_slicedToArray2","xScale","yScale","absHeight","Math","abs","min","domain","Number","max","barY","barX","handleClick","event","getBandwidth","dSvg","getRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","createElement","cn","render","_this$asProps4","size","Fragment","map","bind","id","Component","_defineProperty2","uniqueIDEnhancement","Background","_ref2","SBackground","_scale2","yRange","range","bandwidth","_ref3","roundedPath","_default","exports"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nconst calcPartBarY = (y, minHeight, height) => {\n // need for the correct rendering of negative values (bar should be under Y-axis)\n if (y <= 0) {\n return Object.is(y, 0) ? minHeight : 0;\n }\n // need for the correct rendering of the minimum positive values\n return height <= minHeight ? minHeight : 0;\n};\n\nclass BarRoot extends Component {\n static displayName = 'Bar';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n r: 2,\n hMin: 2,\n };\n\n getBackgroundProps(props, index) {\n const { x, data } = this.asProps;\n return {\n value: data[index][x],\n };\n }\n\n animationBar() {\n const { duration, uid } = this.asProps;\n const selectRect = transition().selection().selectAll(`#${uid} rect`);\n const selectRectNode = selectRect.node();\n\n if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n selectRect.transition().duration(duration).attr('y', 0);\n }\n }\n\n componentDidUpdate() {\n this.animationBar();\n }\n\n componentDidMount() {\n this.animationBar();\n }\n\n renderBar(d, i) {\n const SBar = this.Element;\n const {\n styles,\n color,\n x,\n y,\n y0,\n scale,\n hide,\n offset,\n duration,\n uid,\n r,\n hMin,\n width: widthProps,\n groupKey,\n onClick,\n transparent,\n } = this.asProps;\n\n const [xScale, yScale] = scale;\n const absHeight = Math.abs(\n yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)),\n );\n const height = Number(d[y] - (d[y0] ?? 0)) === 0 ? 0 : Math.max(absHeight, hMin);\n const barY =\n yScale(Math.max(d[y0] ?? 0, height <= hMin ? 0 : d[y])) +\n offset[1] -\n calcPartBarY(d[y], hMin, height);\n const barX = xScale(d[x]) + offset[0];\n const handleClick = (event) => onClick?.(d, event);\n const width = widthProps || getBandwidth(xScale);\n const dSvg = getRect({\n x: barX,\n y: barY,\n width,\n height,\n radius: Array.isArray(r) ? r[i] : r,\n position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom',\n });\n\n if (groupKey) {\n this.asProps.dataHintsHandler.describeGroupedValues(groupKey, y);\n } else {\n this.asProps.dataHintsHandler.describeValueEntity(`${i}.${y}`, groupKey ?? d[x]);\n }\n\n return sstyled(styles)(\n <SBar\n aria-hidden\n key={`bar-${i}`}\n render=\"path\"\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value', 'onClick']}\n childrenPosition=\"above\"\n value={d}\n index={i}\n hide={hide}\n color={color}\n x={barX}\n y={barY}\n width={width}\n height={height}\n d={dSvg}\n onClickCapture={handleClick}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />,\n );\n }\n render() {\n const { data, uid, size, duration } = this.asProps;\n return (\n <>\n {data.map(this.renderBar.bind(this))}\n {duration && (\n <ClipPath\n aria-hidden\n key={`${uid}-animation`}\n id={uid}\n x=\"0\"\n y={size[1]}\n width={size[0]}\n height={`${size[1]}px`}\n />\n )}\n </>\n );\n }\n}\n\nfunction Background(props) {\n const { Element: SBackground, styles, scale, value } = props;\n\n const [xScale, yScale] = scale;\n const yRange = yScale.range();\n\n return sstyled(styles)(\n <SBackground\n aria-hidden\n render=\"rect\"\n childrenPosition=\"above\"\n width={xScale.bandwidth()}\n height={yRange[0] - yRange[1]}\n x={xScale(value)}\n y={yRange[1]}\n />,\n );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n if (height < radius) radius = height;\n if (radius) {\n if (position === 'top')\n return roundedPath(x, y, width, height, radius, true, true, false, false);\n return roundedPath(x, y, width, height, radius, false, false, true, true);\n }\n return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"mappings":"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"}
|
package/lib/cjs/Bubble.js
CHANGED
|
@@ -1,89 +1,55 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
11
|
-
|
|
12
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
10
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
15
|
-
|
|
16
11
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
17
|
-
|
|
18
12
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
19
|
-
|
|
20
13
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
21
|
-
|
|
22
14
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
-
|
|
24
15
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
25
|
-
|
|
26
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
|
-
|
|
28
17
|
var _core = require("@semcore/core");
|
|
29
|
-
|
|
30
18
|
var _react = _interopRequireDefault(require("react"));
|
|
31
|
-
|
|
32
19
|
var _d3Scale = require("d3-scale");
|
|
33
|
-
|
|
34
20
|
var _d3Transition = require("d3-transition");
|
|
35
|
-
|
|
36
21
|
var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"));
|
|
37
|
-
|
|
38
22
|
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
39
|
-
|
|
40
23
|
var _createElement = _interopRequireDefault(require("./createElement"));
|
|
41
|
-
|
|
42
24
|
var _ClipPath = _interopRequireDefault(require("./ClipPath"));
|
|
43
|
-
|
|
44
25
|
var _utils = require("./utils");
|
|
45
|
-
|
|
46
26
|
/*__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
47
|
-
var style = (
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
"
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
,
|
|
56
|
-
"
|
|
57
|
-
"--duration": "--duration_1ygv7",
|
|
58
|
-
"_color": "__color_1ygv7_gg_",
|
|
59
|
-
"--color": "--color_1ygv7",
|
|
60
|
-
"_transparent": "__transparent_1ygv7_gg_",
|
|
61
|
-
"__SCenter": "___SCenter_1ygv7_gg_",
|
|
62
|
-
"__SLabel": "___SLabel_1ygv7_gg_",
|
|
63
|
-
"_position_right": "_position_right_1ygv7_gg_",
|
|
64
|
-
"_position_left": "_position_left_1ygv7_gg_"
|
|
27
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBubble_pm375_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_pm375);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_pm375_gg_:hover{opacity:.8}}.___SBubble_pm375_gg_.__color_pm375_gg_{fill:var(--color_pm375)}.___SBubble_pm375_gg_.__transparent_pm375_gg_{opacity:.3}.___SCenter_pm375_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_pm375_gg_.__color_pm375_gg_{stroke:var(--color_pm375)}.___SCenter_pm375_gg_.__transparent_pm375_gg_{opacity:.3}.___SLabel_pm375_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_pm375_gg_._position_right_pm375_gg_{text-anchor:end}.___SLabel_pm375_gg_._position_left_pm375_gg_{text-anchor:start}.___SLabel_pm375_gg_.__color_pm375_gg_{fill:var(--color_pm375)}.___SLabel_pm375_gg_.__transparent_pm375_gg_{opacity:.3}" /*__inner_css_end__*/, "pm375_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
+
"__SBubble": "___SBubble_pm375_gg_",
|
|
29
|
+
"--duration": "--duration_pm375",
|
|
30
|
+
"_color": "__color_pm375_gg_",
|
|
31
|
+
"--color": "--color_pm375",
|
|
32
|
+
"_transparent": "__transparent_pm375_gg_",
|
|
33
|
+
"__SCenter": "___SCenter_pm375_gg_",
|
|
34
|
+
"__SLabel": "___SLabel_pm375_gg_",
|
|
35
|
+
"_position_right": "_position_right_pm375_gg_",
|
|
36
|
+
"_position_left": "_position_left_pm375_gg_"
|
|
65
37
|
});
|
|
66
|
-
|
|
67
38
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
68
39
|
(0, _inherits2["default"])(BubbleRoot, _Component);
|
|
69
|
-
|
|
70
40
|
var _super = (0, _createSuper2["default"])(BubbleRoot);
|
|
71
|
-
|
|
72
41
|
function BubbleRoot() {
|
|
73
42
|
var _this;
|
|
74
|
-
|
|
75
43
|
(0, _classCallCheck2["default"])(this, BubbleRoot);
|
|
76
|
-
|
|
77
44
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
78
45
|
args[_key] = arguments[_key];
|
|
79
46
|
}
|
|
80
|
-
|
|
81
47
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
82
48
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "virtualElement", (0, _canUseDOM["default"])() ? document.createElement('div') : {});
|
|
83
49
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerTooltip", function (visible, props) {
|
|
84
50
|
return function (_ref2) {
|
|
85
51
|
var x = _ref2.clientX,
|
|
86
|
-
|
|
52
|
+
y = _ref2.clientY;
|
|
87
53
|
var eventEmitter = _this.asProps.eventEmitter;
|
|
88
54
|
_this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
|
|
89
55
|
_this.virtualElement[_utils.CONSTANT.VIRTUAL_ELEMENT] = true;
|
|
@@ -92,7 +58,6 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
|
92
58
|
});
|
|
93
59
|
return _this;
|
|
94
60
|
}
|
|
95
|
-
|
|
96
61
|
(0, _createClass2["default"])(BubbleRoot, [{
|
|
97
62
|
key: "generateGetBoundingClientRect",
|
|
98
63
|
value: function generateGetBoundingClientRect() {
|
|
@@ -113,16 +78,15 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
|
113
78
|
key: "animationCircle",
|
|
114
79
|
value: function animationCircle() {
|
|
115
80
|
var _this$asProps = this.asProps,
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
81
|
+
duration = _this$asProps.duration,
|
|
82
|
+
uid = _this$asProps.uid,
|
|
83
|
+
data = _this$asProps.data,
|
|
84
|
+
value = _this$asProps.value;
|
|
120
85
|
var z = (0, _d3Scale.scaleSqrt)().domain([0, Math.max.apply(Math, (0, _toConsumableArray2["default"])(data.map(function (el) {
|
|
121
86
|
return el[value];
|
|
122
87
|
})))]).range([5.5, 50.5]);
|
|
123
88
|
var selectRect = (0, _d3Transition.transition)().selection().selectAll("[id^=".concat(uid).concat(uid, "]")).attr('r', 0);
|
|
124
89
|
var selectRectNode = selectRect.node();
|
|
125
|
-
|
|
126
90
|
if (duration > 0 && selectRectNode) {
|
|
127
91
|
selectRect.transition().duration(duration).attr('r', function (_, ind) {
|
|
128
92
|
return z(data[ind][value]);
|
|
@@ -143,27 +107,24 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
|
143
107
|
key: "renderCircle",
|
|
144
108
|
value: function renderCircle(d, i) {
|
|
145
109
|
var _ref, _d$color;
|
|
146
|
-
|
|
147
110
|
var _this$asProps2 = this.asProps,
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
111
|
+
color = _this$asProps2.color,
|
|
112
|
+
scale = _this$asProps2.scale,
|
|
113
|
+
x = _this$asProps2.x,
|
|
114
|
+
y = _this$asProps2.y,
|
|
115
|
+
offset = _this$asProps2.offset,
|
|
116
|
+
styles = _this$asProps2.styles,
|
|
117
|
+
uid = _this$asProps2.uid,
|
|
118
|
+
duration = _this$asProps2.duration,
|
|
119
|
+
value = _this$asProps2.value,
|
|
120
|
+
label = _this$asProps2.label,
|
|
121
|
+
markedCross = _this$asProps2.markedCross,
|
|
122
|
+
size = _this$asProps2.size,
|
|
123
|
+
data = _this$asProps2.data,
|
|
124
|
+
transparent = _this$asProps2.transparent;
|
|
163
125
|
var _scale = (0, _slicedToArray2["default"])(scale, 2),
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
126
|
+
xScale = _scale[0],
|
|
127
|
+
yScale = _scale[1];
|
|
167
128
|
var SBubble = this.Element;
|
|
168
129
|
var SCenter = 'text';
|
|
169
130
|
var SLabel = 'text';
|
|
@@ -219,17 +180,15 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
|
219
180
|
key: "render",
|
|
220
181
|
value: function render() {
|
|
221
182
|
var _this$asProps3 = this.asProps,
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
183
|
+
data = _this$asProps3.data,
|
|
184
|
+
uid = _this$asProps3.uid,
|
|
185
|
+
scale = _this$asProps3.scale,
|
|
186
|
+
x = _this$asProps3.x,
|
|
187
|
+
y = _this$asProps3.y,
|
|
188
|
+
value = _this$asProps3.value;
|
|
229
189
|
var _scale2 = (0, _slicedToArray2["default"])(scale, 2),
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
190
|
+
xScale = _scale2[0],
|
|
191
|
+
yScale = _scale2[1];
|
|
233
192
|
var xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);
|
|
234
193
|
var ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);
|
|
235
194
|
var xMargin = Math.min(xScale.range()[0], xScale.range()[1]);
|
|
@@ -248,7 +207,6 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
|
248
207
|
}]);
|
|
249
208
|
return BubbleRoot;
|
|
250
209
|
}(_core.Component);
|
|
251
|
-
|
|
252
210
|
(0, _defineProperty2["default"])(BubbleRoot, "displayName", 'Bubble');
|
|
253
211
|
(0, _defineProperty2["default"])(BubbleRoot, "style", style);
|
|
254
212
|
(0, _defineProperty2["default"])(BubbleRoot, "enhance", [(0, _uniqueID["default"])()]);
|
package/lib/cjs/Bubble.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bubble.js","names":["BubbleRoot","canUseDOM","document","createElement","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","data","value","z","scaleSqrt","domain","Math","max","map","el","range","selectRect","transition","selection","selectAll","attr","selectRectNode","node","_","ind","animationCircle","d","i","color","scale","offset","styles","label","markedCross","size","transparent","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","measureText","labelDistance","sstyled","bindHandlerTooltip","xIndex","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","renderCircle","bind","Component","style","uniqueIDEnhancement","Bubble"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { scaleSqrt } from 'd3-scale';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { CONSTANT, measureText } from './utils';\n\nimport style from './style/bubble.shadow.css';\n\nclass BubbleRoot extends Component {\n static displayName = 'Bubble';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n markedCross: true,\n };\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n bindHandlerTooltip =\n (visible, props) =>\n ({ clientX: x, clientY: y }) => {\n const { eventEmitter } = this.asProps;\n this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n };\n\n animationCircle() {\n const { duration, uid, data, value } = this.asProps;\n const z = scaleSqrt()\n .domain([0, Math.max(...data.map((el) => el[value]))])\n .range([5.5, 50.5]);\n\n const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n const selectRectNode = selectRect.node();\n if (duration > 0 && selectRectNode) {\n selectRect\n .transition()\n .duration(duration)\n .attr('r', function (_, ind) {\n return z(data[ind][value]);\n });\n }\n }\n\n componentDidUpdate() {\n this.animationCircle();\n }\n\n componentDidMount() {\n this.animationCircle();\n }\n\n renderCircle(d, i) {\n const {\n color,\n scale,\n x,\n y,\n offset,\n styles,\n uid,\n duration,\n value,\n label,\n markedCross,\n size,\n data,\n transparent,\n } = this.asProps;\n const [xScale, yScale] = scale;\n\n const SBubble = this.Element;\n const SCenter = 'text';\n const SLabel = 'text';\n const z = scaleSqrt()\n .domain([0, Math.max(...data.map((el) => el[value]))])\n .range([5.5, 50.5]);\n\n const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n const labelPosition =\n size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n ? 'right'\n : 'left';\n const labelDistance = {\n right: xScale(d[x]) + offset[0] - z(d[value]),\n left: xScale(d[x]) + offset[0] + z(d[value]),\n }[labelPosition];\n\n return sstyled(styles)(\n <g\n key={`circle(#${i})`}\n onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}\n onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\n >\n {markedCross && (\n <SCenter\n aria-hidden\n x={xScale(d[x]) + offset[0]}\n y={yScale(d[y]) + offset[1]}\n dy=\".3em\"\n clipPath={`url(#${uid})`}\n color={d[color] ?? color}\n transparent={transparent}\n >\n +\n </SCenter>\n )}\n <SBubble\n aria-hidden\n id={`${uid}${uid}`}\n index={i}\n render=\"circle\"\n clipPath={`url(#${uid})`}\n cx={xScale(d[x]) + offset[0]}\n cy={yScale(d[y]) + offset[1]}\n color={d[color]}\n r={z(d[value])}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n {d[label] && (\n <SLabel\n aria-hidden\n x={labelDistance}\n y={yScale(d[y]) + offset[1]}\n dy=\".3em\"\n clipPath={`url(#${uid})`}\n position={labelPosition}\n color={d[color]}\n transparent={transparent}\n >\n {d[label]}\n </SLabel>\n )}\n </g>,\n );\n }\n\n render() {\n const { data, uid, scale, x, y, value } = this.asProps;\n const [xScale, yScale] = scale;\n const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n return (\n <>\n {data.map(this.renderCircle.bind(this))}\n {data.map(this.animationCircle.bind(this))}\n <ClipPath\n aria-hidden\n id={uid}\n x={xMargin}\n y={yMargin}\n width={`${xSize}px`}\n height={`${ySize}px`}\n />\n </>\n );\n }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Bubble.js","names":["_core","require","_react","_interopRequireDefault","_d3Scale","_d3Transition","_canUseDOM","_uniqueID","_createElement","_ClipPath","_utils","style","sstyled","insert","BubbleRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","canUseDOM","document","createElement","visible","props","_ref2","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","_createClass2","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","data","z","scaleSqrt","domain","Math","max","_toConsumableArray2","map","el","range","selectRect","transition","selection","selectAll","attr","selectRectNode","node","_","ind","componentDidUpdate","componentDidMount","renderCircle","d","i","_ref","_d$color","_this$asProps2","color","scale","offset","styles","label","markedCross","size","transparent","_scale","_slicedToArray2","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","measureText","labelDistance","cn","bindHandlerTooltip","_objectSpread2","xIndex","render","_this$asProps3","_scale2","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","bind","id","Component","uniqueIDEnhancement","Bubble","_default","exports"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { scaleSqrt } from 'd3-scale';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { CONSTANT, measureText } from './utils';\n\nimport style from './style/bubble.shadow.css';\n\nclass BubbleRoot extends Component {\n static displayName = 'Bubble';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n markedCross: true,\n };\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n bindHandlerTooltip =\n (visible, props) =>\n ({ clientX: x, clientY: y }) => {\n const { eventEmitter } = this.asProps;\n this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n };\n\n animationCircle() {\n const { duration, uid, data, value } = this.asProps;\n const z = scaleSqrt()\n .domain([0, Math.max(...data.map((el) => el[value]))])\n .range([5.5, 50.5]);\n\n const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n const selectRectNode = selectRect.node();\n if (duration > 0 && selectRectNode) {\n selectRect\n .transition()\n .duration(duration)\n .attr('r', function (_, ind) {\n return z(data[ind][value]);\n });\n }\n }\n\n componentDidUpdate() {\n this.animationCircle();\n }\n\n componentDidMount() {\n this.animationCircle();\n }\n\n renderCircle(d, i) {\n const {\n color,\n scale,\n x,\n y,\n offset,\n styles,\n uid,\n duration,\n value,\n label,\n markedCross,\n size,\n data,\n transparent,\n } = this.asProps;\n const [xScale, yScale] = scale;\n\n const SBubble = this.Element;\n const SCenter = 'text';\n const SLabel = 'text';\n const z = scaleSqrt()\n .domain([0, Math.max(...data.map((el) => el[value]))])\n .range([5.5, 50.5]);\n\n const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n const labelPosition =\n size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n ? 'right'\n : 'left';\n const labelDistance = {\n right: xScale(d[x]) + offset[0] - z(d[value]),\n left: xScale(d[x]) + offset[0] + z(d[value]),\n }[labelPosition];\n\n return sstyled(styles)(\n <g\n key={`circle(#${i})`}\n onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}\n onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\n >\n {markedCross && (\n <SCenter\n aria-hidden\n x={xScale(d[x]) + offset[0]}\n y={yScale(d[y]) + offset[1]}\n dy=\".3em\"\n clipPath={`url(#${uid})`}\n color={d[color] ?? color}\n transparent={transparent}\n >\n +\n </SCenter>\n )}\n <SBubble\n aria-hidden\n id={`${uid}${uid}`}\n index={i}\n render=\"circle\"\n clipPath={`url(#${uid})`}\n cx={xScale(d[x]) + offset[0]}\n cy={yScale(d[y]) + offset[1]}\n color={d[color]}\n r={z(d[value])}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n {d[label] && (\n <SLabel\n aria-hidden\n x={labelDistance}\n y={yScale(d[y]) + offset[1]}\n dy=\".3em\"\n clipPath={`url(#${uid})`}\n position={labelPosition}\n color={d[color]}\n transparent={transparent}\n >\n {d[label]}\n </SLabel>\n )}\n </g>,\n );\n }\n\n render() {\n const { data, uid, scale, x, y, value } = this.asProps;\n const [xScale, yScale] = scale;\n const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n return (\n <>\n {data.map(this.renderCircle.bind(this))}\n {data.map(this.animationCircle.bind(this))}\n <ClipPath\n aria-hidden\n id={uid}\n x={xMargin}\n y={yMargin}\n width={`${xSize}px`}\n height={`${ySize}px`}\n />\n </>\n );\n }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"mappings":"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"}
|