@semcore/d3-chart 2.2.6 → 2.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/CHANGELOG.md +12 -0
- package/lib/cjs/Area.js +16 -9
- package/lib/cjs/Area.js.map +1 -1
- package/lib/cjs/Axis.js +56 -17
- package/lib/cjs/Axis.js.map +1 -1
- package/lib/cjs/Bar.js +20 -9
- package/lib/cjs/Bar.js.map +1 -1
- package/lib/cjs/Bubble.js +20 -11
- package/lib/cjs/Bubble.js.map +1 -1
- package/lib/cjs/ClipPath.js +1 -0
- package/lib/cjs/ClipPath.js.map +1 -1
- package/lib/cjs/Donut.js +22 -12
- package/lib/cjs/Donut.js.map +1 -1
- package/lib/cjs/Dots.js +10 -9
- package/lib/cjs/Dots.js.map +1 -1
- package/lib/cjs/GroupBar.js +12 -8
- package/lib/cjs/GroupBar.js.map +1 -1
- package/lib/cjs/HorizontalBar.js +20 -9
- package/lib/cjs/HorizontalBar.js.map +1 -1
- package/lib/cjs/Hover.js +8 -4
- package/lib/cjs/Hover.js.map +1 -1
- package/lib/cjs/Line.js +15 -9
- package/lib/cjs/Line.js.map +1 -1
- package/lib/cjs/Plot.js +46 -8
- package/lib/cjs/Plot.js.map +1 -1
- package/lib/cjs/RadialTree.js +25 -13
- package/lib/cjs/RadialTree.js.map +1 -1
- package/lib/cjs/ReferenceLine.js +10 -10
- package/lib/cjs/ScatterPlot.js +17 -8
- package/lib/cjs/ScatterPlot.js.map +1 -1
- package/lib/cjs/StackBar.js +12 -8
- package/lib/cjs/StackBar.js.map +1 -1
- package/lib/cjs/StackedArea.js +8 -7
- package/lib/cjs/StackedArea.js.map +1 -1
- package/lib/cjs/Tooltip.js +8 -8
- package/lib/cjs/Venn.js +25 -9
- package/lib/cjs/Venn.js.map +1 -1
- package/lib/cjs/a11y/PlotA11yModule.js +197 -0
- package/lib/cjs/a11y/PlotA11yModule.js.map +1 -0
- package/lib/cjs/a11y/PlotA11yView.js +287 -0
- package/lib/cjs/a11y/PlotA11yView.js.map +1 -0
- package/lib/cjs/a11y/bezier.js +44 -0
- package/lib/cjs/a11y/bezier.js.map +1 -0
- package/lib/cjs/a11y/focus.js +57 -0
- package/lib/cjs/a11y/focus.js.map +1 -0
- package/lib/cjs/a11y/hints.js +141 -0
- package/lib/cjs/a11y/hints.js.map +1 -0
- package/lib/cjs/a11y/insights.js +785 -0
- package/lib/cjs/a11y/insights.js.map +1 -0
- package/lib/cjs/a11y/intl.js +31 -0
- package/lib/cjs/a11y/intl.js.map +1 -0
- package/lib/cjs/a11y/locale.js +52 -0
- package/lib/cjs/a11y/locale.js.map +1 -0
- package/lib/cjs/a11y/serialize.js +439 -0
- package/lib/cjs/a11y/serialize.js.map +1 -0
- package/lib/cjs/a11y/summarize.js +21 -0
- package/lib/cjs/a11y/summarize.js.map +1 -0
- package/lib/cjs/a11y/translations/module/de.json +5 -0
- package/lib/cjs/a11y/translations/module/en.json +5 -0
- package/lib/cjs/a11y/translations/module/es.json +5 -0
- package/lib/cjs/a11y/translations/module/fr.json +5 -0
- package/lib/cjs/a11y/translations/module/it.json +5 -0
- package/lib/cjs/a11y/translations/module/ja.json +5 -0
- package/lib/cjs/a11y/translations/module/ko.json +5 -0
- package/lib/cjs/a11y/translations/module/pt.json +5 -0
- package/lib/cjs/a11y/translations/module/tr.json +5 -0
- package/lib/cjs/a11y/translations/module/translations.js +46 -0
- package/lib/cjs/a11y/translations/module/translations.js.map +1 -0
- package/lib/cjs/a11y/translations/module/vi.json +5 -0
- package/lib/cjs/a11y/translations/module/zh.json +5 -0
- package/lib/cjs/a11y/translations/view/de.json +42 -0
- package/lib/cjs/a11y/translations/view/en.csv +41 -0
- package/lib/cjs/a11y/translations/view/en.json +42 -0
- package/lib/cjs/a11y/translations/view/es.json +42 -0
- package/lib/cjs/a11y/translations/view/fr.json +42 -0
- package/lib/cjs/a11y/translations/view/it.json +42 -0
- package/lib/cjs/a11y/translations/view/ja.json +42 -0
- package/lib/cjs/a11y/translations/view/ko.json +42 -0
- package/lib/cjs/a11y/translations/view/pt.json +42 -0
- package/lib/cjs/a11y/translations/view/tr.json +42 -0
- package/lib/cjs/a11y/translations/view/translations.js +46 -0
- package/lib/cjs/a11y/translations/view/translations.js.map +1 -0
- package/lib/cjs/a11y/translations/view/vi.json +42 -0
- package/lib/cjs/a11y/translations/view/zh.json +42 -0
- package/lib/cjs/createElement.js +3 -1
- package/lib/cjs/createElement.js.map +1 -1
- package/lib/cjs/style/plot.shadow.css +10 -0
- package/lib/cjs/style/plotA11yModule.shadow.css +13 -0
- package/lib/cjs/style/plotA11yView.shadow.css +39 -0
- package/lib/cjs/types/Plot.d.ts +75 -0
- package/lib/cjs/utils.js +9 -1
- package/lib/cjs/utils.js.map +1 -1
- package/lib/es6/Area.js +16 -9
- package/lib/es6/Area.js.map +1 -1
- package/lib/es6/Axis.js +56 -17
- package/lib/es6/Axis.js.map +1 -1
- package/lib/es6/Bar.js +20 -9
- package/lib/es6/Bar.js.map +1 -1
- package/lib/es6/Bubble.js +20 -11
- package/lib/es6/Bubble.js.map +1 -1
- package/lib/es6/ClipPath.js +1 -0
- package/lib/es6/ClipPath.js.map +1 -1
- package/lib/es6/Donut.js +22 -12
- package/lib/es6/Donut.js.map +1 -1
- package/lib/es6/Dots.js +10 -9
- package/lib/es6/Dots.js.map +1 -1
- package/lib/es6/GroupBar.js +12 -8
- package/lib/es6/GroupBar.js.map +1 -1
- package/lib/es6/HorizontalBar.js +20 -9
- package/lib/es6/HorizontalBar.js.map +1 -1
- package/lib/es6/Hover.js +8 -4
- package/lib/es6/Hover.js.map +1 -1
- package/lib/es6/Line.js +15 -9
- package/lib/es6/Line.js.map +1 -1
- package/lib/es6/Plot.js +48 -9
- package/lib/es6/Plot.js.map +1 -1
- package/lib/es6/RadialTree.js +25 -13
- package/lib/es6/RadialTree.js.map +1 -1
- package/lib/es6/ReferenceLine.js +10 -10
- package/lib/es6/ScatterPlot.js +17 -8
- package/lib/es6/ScatterPlot.js.map +1 -1
- package/lib/es6/StackBar.js +12 -8
- package/lib/es6/StackBar.js.map +1 -1
- package/lib/es6/StackedArea.js +8 -7
- package/lib/es6/StackedArea.js.map +1 -1
- package/lib/es6/Tooltip.js +8 -8
- package/lib/es6/Venn.js +25 -9
- package/lib/es6/Venn.js.map +1 -1
- package/lib/es6/a11y/PlotA11yModule.js +168 -0
- package/lib/es6/a11y/PlotA11yModule.js.map +1 -0
- package/lib/es6/a11y/PlotA11yView.js +255 -0
- package/lib/es6/a11y/PlotA11yView.js.map +1 -0
- package/lib/es6/a11y/bezier.js +35 -0
- package/lib/es6/a11y/bezier.js.map +1 -0
- package/lib/es6/a11y/focus.js +48 -0
- package/lib/es6/a11y/focus.js.map +1 -0
- package/lib/es6/a11y/hints.js +123 -0
- package/lib/es6/a11y/hints.js.map +1 -0
- package/lib/es6/a11y/insights.js +779 -0
- package/lib/es6/a11y/insights.js.map +1 -0
- package/lib/es6/a11y/intl.js +18 -0
- package/lib/es6/a11y/intl.js.map +1 -0
- package/lib/es6/a11y/locale.js +40 -0
- package/lib/es6/a11y/locale.js.map +1 -0
- package/lib/es6/a11y/serialize.js +423 -0
- package/lib/es6/a11y/serialize.js.map +1 -0
- package/lib/es6/a11y/summarize.js +10 -0
- package/lib/es6/a11y/summarize.js.map +1 -0
- package/lib/es6/a11y/translations/module/de.json +5 -0
- package/lib/es6/a11y/translations/module/en.json +5 -0
- package/lib/es6/a11y/translations/module/es.json +5 -0
- package/lib/es6/a11y/translations/module/fr.json +5 -0
- package/lib/es6/a11y/translations/module/it.json +5 -0
- package/lib/es6/a11y/translations/module/ja.json +5 -0
- package/lib/es6/a11y/translations/module/ko.json +5 -0
- package/lib/es6/a11y/translations/module/pt.json +5 -0
- package/lib/es6/a11y/translations/module/tr.json +5 -0
- package/lib/es6/a11y/translations/module/translations.js +25 -0
- package/lib/es6/a11y/translations/module/translations.js.map +1 -0
- package/lib/es6/a11y/translations/module/vi.json +5 -0
- package/lib/es6/a11y/translations/module/zh.json +5 -0
- package/lib/es6/a11y/translations/view/de.json +42 -0
- package/lib/es6/a11y/translations/view/en.csv +41 -0
- package/lib/es6/a11y/translations/view/en.json +42 -0
- package/lib/es6/a11y/translations/view/es.json +42 -0
- package/lib/es6/a11y/translations/view/fr.json +42 -0
- package/lib/es6/a11y/translations/view/it.json +42 -0
- package/lib/es6/a11y/translations/view/ja.json +42 -0
- package/lib/es6/a11y/translations/view/ko.json +42 -0
- package/lib/es6/a11y/translations/view/pt.json +42 -0
- package/lib/es6/a11y/translations/view/tr.json +42 -0
- package/lib/es6/a11y/translations/view/translations.js +25 -0
- package/lib/es6/a11y/translations/view/translations.js.map +1 -0
- package/lib/es6/a11y/translations/view/vi.json +42 -0
- package/lib/es6/a11y/translations/view/zh.json +42 -0
- package/lib/es6/createElement.js +3 -1
- package/lib/es6/createElement.js.map +1 -1
- package/lib/es6/style/plot.shadow.css +10 -0
- package/lib/es6/style/plotA11yModule.shadow.css +13 -0
- package/lib/es6/style/plotA11yView.shadow.css +39 -0
- package/lib/es6/types/Plot.d.ts +75 -0
- package/lib/es6/utils.js +5 -0
- package/lib/es6/utils.js.map +1 -1
- package/lib/types/Plot.d.ts +75 -0
- package/lib/types/a11y/PlotA11yModule.d.ts +12 -0
- package/lib/types/a11y/PlotA11yView.d.ts +3 -0
- package/lib/types/a11y/bezier.d.ts +8 -0
- package/lib/types/a11y/focus.d.ts +5 -0
- package/lib/types/a11y/hints.d.ts +78 -0
- package/lib/types/a11y/insights.d.ts +54 -0
- package/lib/types/a11y/intl.d.ts +8 -0
- package/lib/types/a11y/locale.d.ts +3 -0
- package/lib/types/a11y/serialize.d.ts +16 -0
- package/lib/types/a11y/summarize.d.ts +2 -0
- package/lib/types/a11y/translations/module/translations.d.ts +5 -0
- package/lib/types/a11y/translations/view/translations.d.ts +5 -0
- package/lib/types/utils.d.ts +5 -4
- package/package.json +2 -1
package/lib/es6/Donut.js
CHANGED
|
@@ -8,7 +8,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
9
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
10
10
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
11
|
-
var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut"];
|
|
11
|
+
var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler"];
|
|
12
12
|
|
|
13
13
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
14
14
|
|
|
@@ -34,16 +34,16 @@ var style = (
|
|
|
34
34
|
/*__reshadow_css_start__*/
|
|
35
35
|
_sstyled.insert(
|
|
36
36
|
/*__inner_css_start__*/
|
|
37
|
-
".
|
|
37
|
+
".___SPie_usu5h_gg_{stroke:#fff;fill:#2bb3ff}.___SPie_usu5h_gg_.__color_usu5h_gg_{fill:var(--color_usu5h)}.___SEmptyData_usu5h_gg_{fill:#e0e1e9}.___SEmptyData_usu5h_gg_.__color_usu5h_gg_{fill:var(--color_usu5h)}.___SLabel_usu5h_gg_{text-anchor:middle;vertical-anchor:middle}"
|
|
38
38
|
/*__inner_css_end__*/
|
|
39
|
-
, "
|
|
39
|
+
, "usu5h_gg_")
|
|
40
40
|
/*__reshadow_css_end__*/
|
|
41
41
|
, {
|
|
42
|
-
"__SPie": "
|
|
43
|
-
"_color": "
|
|
44
|
-
"--color": "--
|
|
45
|
-
"__SEmptyData": "
|
|
46
|
-
"__SLabel": "
|
|
42
|
+
"__SPie": "___SPie_usu5h_gg_",
|
|
43
|
+
"_color": "__color_usu5h_gg_",
|
|
44
|
+
"--color": "--color_usu5h",
|
|
45
|
+
"__SEmptyData": "___SEmptyData_usu5h_gg_",
|
|
46
|
+
"__SLabel": "___SLabel_usu5h_gg_"
|
|
47
47
|
});
|
|
48
48
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
49
49
|
|
|
@@ -352,6 +352,7 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
|
|
|
352
352
|
var _this$asProps7 = this.asProps,
|
|
353
353
|
halfsize = _this$asProps7.halfsize,
|
|
354
354
|
size = _this$asProps7.size;
|
|
355
|
+
this.asProps.dataHintsHandler.establishDataType('values-set');
|
|
355
356
|
|
|
356
357
|
var _size2 = _slicedToArray(size, 2),
|
|
357
358
|
width = _size2[0],
|
|
@@ -361,6 +362,7 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
|
|
|
361
362
|
var k = halfsize ? 1 : 2;
|
|
362
363
|
this.arcs = this.getArcs();
|
|
363
364
|
return /*#__PURE__*/React.createElement(Element, {
|
|
365
|
+
"aria-hidden": true,
|
|
364
366
|
id: this.id,
|
|
365
367
|
render: "g",
|
|
366
368
|
childrenPosition: "inside",
|
|
@@ -426,6 +428,9 @@ function Pie(_ref15) {
|
|
|
426
428
|
$animationActivePie = _ref15.$animationActivePie,
|
|
427
429
|
active = _ref15.active,
|
|
428
430
|
d3ArcOut = _ref15.d3ArcOut,
|
|
431
|
+
name = _ref15.name,
|
|
432
|
+
dataKey = _ref15.dataKey,
|
|
433
|
+
dataHintsHandler = _ref15.dataHintsHandler,
|
|
429
434
|
other = _objectWithoutProperties(_ref15, _excluded);
|
|
430
435
|
|
|
431
436
|
var _useState = useState(false),
|
|
@@ -434,14 +439,13 @@ function Pie(_ref15) {
|
|
|
434
439
|
setIsMount = _useState2[1];
|
|
435
440
|
|
|
436
441
|
useEffect(function () {
|
|
437
|
-
//
|
|
442
|
+
// do not run animation on first render
|
|
438
443
|
if (!isMount) {
|
|
439
444
|
setIsMount(true);
|
|
440
445
|
return;
|
|
441
446
|
}
|
|
442
447
|
|
|
443
448
|
if (active !== undefined && active !== null) {
|
|
444
|
-
//name must unique on page
|
|
445
449
|
$animationActivePie(_objectSpread(_objectSpread({}, other), {}, {
|
|
446
450
|
active: active,
|
|
447
451
|
data: data,
|
|
@@ -449,6 +453,8 @@ function Pie(_ref15) {
|
|
|
449
453
|
}));
|
|
450
454
|
}
|
|
451
455
|
}, [active]);
|
|
456
|
+
dataHintsHandler.establishDataType('values-set');
|
|
457
|
+
dataHintsHandler.describeValueEntity(dataKey, name);
|
|
452
458
|
return _ref = sstyled(styles), /*#__PURE__*/React.createElement(SPie, _ref.cn("SPie", {
|
|
453
459
|
"render": "path",
|
|
454
460
|
"color": color,
|
|
@@ -478,11 +484,15 @@ function Label(_ref17) {
|
|
|
478
484
|
|
|
479
485
|
var SLabel = _ref17.Element,
|
|
480
486
|
styles = _ref17.styles,
|
|
481
|
-
Children = _ref17.Children
|
|
487
|
+
Children = _ref17.Children,
|
|
488
|
+
children = _ref17.children,
|
|
489
|
+
dataHintsHandler = _ref17.dataHintsHandler;
|
|
490
|
+
dataHintsHandler.setTitle('vertical', children);
|
|
482
491
|
return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SLabel, _ref3.cn("SLabel", {
|
|
483
492
|
"render": "text",
|
|
484
493
|
"x": "0",
|
|
485
|
-
"y": "0"
|
|
494
|
+
"y": "0",
|
|
495
|
+
"aria-hidden": true
|
|
486
496
|
}), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {})));
|
|
487
497
|
}
|
|
488
498
|
|
package/lib/es6/Donut.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Donut.js","names":["React","useEffect","useState","arc","pie","Component","sstyled","canUseDOM","getOriginChildren","CONSTANT","createElement","uniqueIDEnhancement","interpolate","transition","DEFAULT_INSTANCE","Symbol","animationInitialPie","halfsize","d3Arc","d3ArcOut","arcs","activeIndexPie","_","ind","d","iStart","Math","PI","startAngle","iEnd","endAngle","t","animationUpdatePie","_current","i","animationHoverPie","selector","duration","innerRadius","outerRadius","selection","select","attrTween","min","max","increaseFactor","getOuterRadius","size","width","height","minORmax","DonutRoot","document","undefined","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","active","data","id","uid","top","right","bottom","left","Children","d3Pie","pieData","Object","entries","keys","toArray","reduce","acc","child","isValidElement","type","Donut","Pie","push","dataKey","filter","key","includes","sort","a","b","indexOf","minValue","cur","map","find","$animationActivePie","animationActivePie","onMouseMove","bindHandlerTooltip","onMouseLeave","onMouseOver","e","target","getAttribute","onMouseOut","prevProps","$rootProps","selectAll","each","Element","k","getArcs","style","value","SPie","styles","color","other","isMount","setIsMount","name","EmptyData","SEmptyData","Label","SLabel"],"sources":["../../src/Donut.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { arc, pie } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { interpolate } from 'd3-interpolate';\nimport { transition } from 'd3-transition';\n\nimport style from './style/donut.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\n\nfunction animationInitialPie({ halfsize, d3Arc, d3ArcOut, arcs, activeIndexPie }) {\n return function (_, ind) {\n const d = arcs[ind];\n if (!d) return () => '';\n const iStart = interpolate(halfsize ? -Math.PI / 2 : 0, d.startAngle);\n const iEnd = interpolate(halfsize ? -Math.PI / 2 : 0, d.endAngle);\n return function (t) {\n d.startAngle = iStart(t);\n d.endAngle = iEnd(t);\n return ind === activeIndexPie ? d3ArcOut(d) : d3Arc(d);\n };\n };\n}\n\nfunction animationUpdatePie({ halfsize, arcs, d3Arc }) {\n return function (_, ind) {\n const d = arcs[ind];\n if (this._current) {\n const i = interpolate(this._current, d);\n this._current = i(0);\n return function (t) {\n return d3Arc(i(t));\n };\n } else {\n this._current = d;\n return animationInitialPie({ halfsize, arcs, d3Arc })(_, ind);\n }\n };\n}\n\nfunction animationHoverPie({ d, selector, duration, innerRadius, outerRadius }) {\n if (duration > 0) {\n transition()\n .selection()\n .select(selector)\n .transition()\n .duration(duration)\n .attrTween('d', function () {\n if (!d) return () => '';\n const [min, max] = outerRadius;\n const i = interpolate(min, max);\n return function (t) {\n const d3ArcOut = arc().innerRadius(innerRadius).outerRadius(i(t));\n return d3ArcOut(d);\n };\n });\n }\n}\n\nconst increaseFactor = 8;\n\nfunction getOuterRadius({ size, halfsize, outerRadius }) {\n const [width, height] = size;\n const minORmax = halfsize ? Math.max : Math.min;\n return outerRadius || minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2;\n}\n\nclass DonutRoot extends Component {\n static displayName = 'Donut';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = ({\n innerRadius = 0,\n outerRadius,\n halfsize = false,\n $rootProps: { size },\n }) => {\n const d3Arc = arc()\n .outerRadius(getOuterRadius({ size, halfsize, outerRadius }))\n .innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);\n\n const d3ArcOut = arc()\n .outerRadius(getOuterRadius({ size, halfsize, outerRadius }) + increaseFactor)\n .innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);\n\n let d3Pie = pie()\n .sort(null)\n .value(([, value]) => value);\n d3Pie[DEFAULT_INSTANCE] = true;\n\n if (halfsize) {\n d3Pie = d3Pie.startAngle(-Math.PI / 2).endAngle(Math.PI / 2);\n }\n return {\n d3Pie,\n d3Arc,\n d3ArcOut,\n duration: 500,\n };\n };\n\n get id() {\n const { uid, id } = this.asProps;\n return id || uid;\n }\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n activeIndexPie = undefined;\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n getArcs() {\n const { Children, data, d3Pie } = this.asProps;\n let pieData = Object.entries(data);\n\n if (d3Pie[DEFAULT_INSTANCE]) {\n const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n if (React.isValidElement(child) && child.type === Donut.Pie) {\n acc.push(child.props.dataKey);\n }\n return acc;\n }, []);\n pieData = Object.entries(data)\n .filter(([key]) => keys.includes(key))\n .sort(([a], [b]) => (keys.indexOf(a) > keys.indexOf(b) ? 1 : -1));\n }\n const minValue =\n pieData.reduce((acc, cur) => {\n if (cur[1]) acc += cur[1];\n return acc;\n }, 0) / 100;\n pieData = pieData.map((d) => {\n if (d[1] && d[1] < minValue) d[1] = minValue;\n return d;\n });\n return d3Pie(pieData);\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 animationActivePie = (props) => {\n let { duration, innerRadius } = this.asProps;\n const { active, data, selector } = props;\n innerRadius = innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius;\n const outerRadius = getOuterRadius(this.asProps);\n active\n ? animationHoverPie({\n d: data,\n selector: `#${this.id} ${selector}`,\n duration: duration === 0 ? 0 : 300,\n innerRadius,\n outerRadius: [outerRadius, outerRadius + increaseFactor],\n })\n : animationHoverPie({\n d: data,\n selector: `#${this.id} ${selector}`,\n duration: duration === 0 ? 0 : 300,\n innerRadius,\n outerRadius: [outerRadius + increaseFactor, outerRadius],\n });\n };\n\n getPieProps(props, ind) {\n const { d3Arc, d3ArcOut } = this.asProps;\n const { active } = props;\n const data = this.arcs.find((arc) => arc.data[0] === props.dataKey);\n if (active) {\n this.activeIndexPie = ind;\n }\n\n return {\n data,\n d3Arc,\n d3ArcOut,\n $animationActivePie: this.animationActivePie,\n onMouseMove: this.bindHandlerTooltip(true, props),\n onMouseLeave: this.bindHandlerTooltip(false, props),\n onMouseOver: (e) => {\n !active &&\n this.animationActivePie({\n active: true,\n data,\n selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n });\n },\n onMouseOut: (e) => {\n !active &&\n this.animationActivePie({\n active: false,\n data,\n selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n });\n },\n };\n }\n\n getEmptyDataProps() {\n const { d3Arc } = this.asProps;\n return {\n d3Arc,\n };\n }\n\n componentDidUpdate(prevProps) {\n const { data, duration, d3Arc, halfsize } = this.asProps;\n const arcs = this.arcs;\n if (prevProps.$rootProps.data !== data && duration > 0) {\n transition()\n .selection()\n .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n .transition()\n .duration(duration)\n .attrTween('d', animationUpdatePie({ d3Arc, arcs, halfsize }));\n }\n }\n\n componentDidMount() {\n const { duration, d3Arc, halfsize, d3ArcOut } = this.asProps;\n const arcs = this.arcs;\n\n if (duration > 0) {\n transition()\n .selection()\n .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n .each(function (_, ind) {\n this._current = arcs[ind];\n })\n .transition()\n .duration(duration)\n .attrTween(\n 'd',\n animationInitialPie({\n halfsize,\n d3Arc,\n d3ArcOut,\n arcs,\n activeIndexPie: this.activeIndexPie,\n }),\n );\n }\n }\n\n render() {\n const { halfsize, size } = this.asProps;\n const [width, height] = size;\n const Element = this.Element;\n const k = halfsize ? 1 : 2;\n this.arcs = this.getArcs();\n return (\n <Element\n id={this.id}\n render=\"g\"\n childrenPosition=\"inside\"\n transform={`translate(${width / 2},${height / k})`}\n />\n );\n }\n}\n\nfunction Pie({\n Element: SPie,\n styles,\n d3Arc,\n data,\n color,\n $animationActivePie,\n active,\n d3ArcOut,\n ...other\n}) {\n const [isMount, setIsMount] = useState(false);\n useEffect(() => {\n //you should't run animation for first render\n if (!isMount) {\n setIsMount(true);\n return;\n }\n if (active !== undefined && active !== null) {\n //name must unique on page\n $animationActivePie({ ...other, active, data, selector: `[name=\"${other.name}\"]` });\n }\n }, [active]);\n return sstyled(styles)(\n <SPie render=\"path\" color={color} d={active ? d3ArcOut(data) : d3Arc(data)} />,\n );\n}\n\nfunction EmptyData({ Element: SEmptyData, styles, d3Arc, color }) {\n return sstyled(styles)(\n <SEmptyData render=\"path\" color={color} d={d3Arc({ endAngle: Math.PI * 2, startAngle: 0 })} />,\n );\n}\n\nfunction Label({ Element: SLabel, styles, Children }) {\n return sstyled(styles)(\n <SLabel render=\"text\" x=\"0\" y=\"0\">\n <Children />\n </SLabel>,\n );\n}\n\nconst Donut = createElement(DonutRoot, { Pie, Label, EmptyData });\n\nexport default Donut;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Donut.js","names":["React","useEffect","useState","arc","pie","Component","sstyled","canUseDOM","getOriginChildren","CONSTANT","createElement","uniqueIDEnhancement","interpolate","transition","DEFAULT_INSTANCE","Symbol","animationInitialPie","halfsize","d3Arc","d3ArcOut","arcs","activeIndexPie","_","ind","d","iStart","Math","PI","startAngle","iEnd","endAngle","t","animationUpdatePie","_current","i","animationHoverPie","selector","duration","innerRadius","outerRadius","selection","select","attrTween","min","max","increaseFactor","getOuterRadius","size","width","height","minORmax","DonutRoot","document","undefined","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","active","data","id","uid","top","right","bottom","left","Children","d3Pie","pieData","Object","entries","keys","toArray","reduce","acc","child","isValidElement","type","Donut","Pie","push","dataKey","filter","key","includes","sort","a","b","indexOf","minValue","cur","map","find","$animationActivePie","animationActivePie","onMouseMove","bindHandlerTooltip","onMouseLeave","onMouseOver","e","target","getAttribute","onMouseOut","prevProps","$rootProps","selectAll","each","dataHintsHandler","establishDataType","Element","k","getArcs","style","value","SPie","styles","color","name","other","isMount","setIsMount","describeValueEntity","EmptyData","SEmptyData","Label","SLabel","children","setTitle"],"sources":["../../src/Donut.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { arc, pie } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { interpolate } from 'd3-interpolate';\nimport { transition } from 'd3-transition';\n\nimport style from './style/donut.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\n\nfunction animationInitialPie({ halfsize, d3Arc, d3ArcOut, arcs, activeIndexPie }) {\n return function (_, ind) {\n const d = arcs[ind];\n if (!d) return () => '';\n const iStart = interpolate(halfsize ? -Math.PI / 2 : 0, d.startAngle);\n const iEnd = interpolate(halfsize ? -Math.PI / 2 : 0, d.endAngle);\n return function (t) {\n d.startAngle = iStart(t);\n d.endAngle = iEnd(t);\n return ind === activeIndexPie ? d3ArcOut(d) : d3Arc(d);\n };\n };\n}\n\nfunction animationUpdatePie({ halfsize, arcs, d3Arc }) {\n return function (_, ind) {\n const d = arcs[ind];\n if (this._current) {\n const i = interpolate(this._current, d);\n this._current = i(0);\n return function (t) {\n return d3Arc(i(t));\n };\n } else {\n this._current = d;\n return animationInitialPie({ halfsize, arcs, d3Arc })(_, ind);\n }\n };\n}\n\nfunction animationHoverPie({ d, selector, duration, innerRadius, outerRadius }) {\n if (duration > 0) {\n transition()\n .selection()\n .select(selector)\n .transition()\n .duration(duration)\n .attrTween('d', function () {\n if (!d) return () => '';\n const [min, max] = outerRadius;\n const i = interpolate(min, max);\n return function (t) {\n const d3ArcOut = arc().innerRadius(innerRadius).outerRadius(i(t));\n return d3ArcOut(d);\n };\n });\n }\n}\n\nconst increaseFactor = 8;\n\nfunction getOuterRadius({ size, halfsize, outerRadius }) {\n const [width, height] = size;\n const minORmax = halfsize ? Math.max : Math.min;\n return outerRadius || minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2;\n}\n\nclass DonutRoot extends Component {\n static displayName = 'Donut';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = ({\n innerRadius = 0,\n outerRadius,\n halfsize = false,\n $rootProps: { size },\n }) => {\n const d3Arc = arc()\n .outerRadius(getOuterRadius({ size, halfsize, outerRadius }))\n .innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);\n\n const d3ArcOut = arc()\n .outerRadius(getOuterRadius({ size, halfsize, outerRadius }) + increaseFactor)\n .innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);\n\n let d3Pie = pie()\n .sort(null)\n .value(([, value]) => value);\n d3Pie[DEFAULT_INSTANCE] = true;\n\n if (halfsize) {\n d3Pie = d3Pie.startAngle(-Math.PI / 2).endAngle(Math.PI / 2);\n }\n return {\n d3Pie,\n d3Arc,\n d3ArcOut,\n duration: 500,\n };\n };\n\n get id() {\n const { uid, id } = this.asProps;\n return id || uid;\n }\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n activeIndexPie = undefined;\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n getArcs() {\n const { Children, data, d3Pie } = this.asProps;\n let pieData = Object.entries(data);\n\n if (d3Pie[DEFAULT_INSTANCE]) {\n const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n if (React.isValidElement(child) && child.type === Donut.Pie) {\n acc.push(child.props.dataKey);\n }\n return acc;\n }, []);\n pieData = Object.entries(data)\n .filter(([key]) => keys.includes(key))\n .sort(([a], [b]) => (keys.indexOf(a) > keys.indexOf(b) ? 1 : -1));\n }\n const minValue =\n pieData.reduce((acc, cur) => {\n if (cur[1]) acc += cur[1];\n return acc;\n }, 0) / 100;\n pieData = pieData.map((d) => {\n if (d[1] && d[1] < minValue) d[1] = minValue;\n return d;\n });\n return d3Pie(pieData);\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 animationActivePie = (props) => {\n let { duration, innerRadius } = this.asProps;\n const { active, data, selector } = props;\n innerRadius = innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius;\n const outerRadius = getOuterRadius(this.asProps);\n active\n ? animationHoverPie({\n d: data,\n selector: `#${this.id} ${selector}`,\n duration: duration === 0 ? 0 : 300,\n innerRadius,\n outerRadius: [outerRadius, outerRadius + increaseFactor],\n })\n : animationHoverPie({\n d: data,\n selector: `#${this.id} ${selector}`,\n duration: duration === 0 ? 0 : 300,\n innerRadius,\n outerRadius: [outerRadius + increaseFactor, outerRadius],\n });\n };\n\n getPieProps(props, ind) {\n const { d3Arc, d3ArcOut } = this.asProps;\n const { active } = props;\n const data = this.arcs.find((arc) => arc.data[0] === props.dataKey);\n if (active) {\n this.activeIndexPie = ind;\n }\n\n return {\n data,\n d3Arc,\n d3ArcOut,\n $animationActivePie: this.animationActivePie,\n onMouseMove: this.bindHandlerTooltip(true, props),\n onMouseLeave: this.bindHandlerTooltip(false, props),\n onMouseOver: (e) => {\n !active &&\n this.animationActivePie({\n active: true,\n data,\n selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n });\n },\n onMouseOut: (e) => {\n !active &&\n this.animationActivePie({\n active: false,\n data,\n selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n });\n },\n };\n }\n\n getEmptyDataProps() {\n const { d3Arc } = this.asProps;\n return {\n d3Arc,\n };\n }\n\n componentDidUpdate(prevProps) {\n const { data, duration, d3Arc, halfsize } = this.asProps;\n const arcs = this.arcs;\n if (prevProps.$rootProps.data !== data && duration > 0) {\n transition()\n .selection()\n .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n .transition()\n .duration(duration)\n .attrTween('d', animationUpdatePie({ d3Arc, arcs, halfsize }));\n }\n }\n\n componentDidMount() {\n const { duration, d3Arc, halfsize, d3ArcOut } = this.asProps;\n const arcs = this.arcs;\n\n if (duration > 0) {\n transition()\n .selection()\n .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n .each(function (_, ind) {\n this._current = arcs[ind];\n })\n .transition()\n .duration(duration)\n .attrTween(\n 'd',\n animationInitialPie({\n halfsize,\n d3Arc,\n d3ArcOut,\n arcs,\n activeIndexPie: this.activeIndexPie,\n }),\n );\n }\n }\n\n render() {\n const { halfsize, size } = this.asProps;\n this.asProps.dataHintsHandler.establishDataType('values-set');\n const [width, height] = size;\n const Element = this.Element;\n const k = halfsize ? 1 : 2;\n this.arcs = this.getArcs();\n return (\n <Element\n aria-hidden\n id={this.id}\n render=\"g\"\n childrenPosition=\"inside\"\n transform={`translate(${width / 2},${height / k})`}\n />\n );\n }\n}\n\nfunction Pie({\n Element: SPie,\n styles,\n d3Arc,\n data,\n color,\n $animationActivePie,\n active,\n d3ArcOut,\n name,\n dataKey,\n dataHintsHandler,\n ...other\n}) {\n const [isMount, setIsMount] = useState(false);\n\n useEffect(() => {\n // do not run animation on first render\n if (!isMount) {\n setIsMount(true);\n return;\n }\n if (active !== undefined && active !== null) {\n $animationActivePie({ ...other, active, data, selector: `[name=\"${other.name}\"]` });\n }\n }, [active]);\n\n dataHintsHandler.establishDataType('values-set');\n dataHintsHandler.describeValueEntity(dataKey, name);\n\n return sstyled(styles)(\n <SPie render=\"path\" color={color} d={active ? d3ArcOut(data) : d3Arc(data)} />,\n );\n}\n\nfunction EmptyData({ Element: SEmptyData, styles, d3Arc, color }) {\n return sstyled(styles)(\n <SEmptyData render=\"path\" color={color} d={d3Arc({ endAngle: Math.PI * 2, startAngle: 0 })} />,\n );\n}\n\nfunction Label({ Element: SLabel, styles, Children, children, dataHintsHandler }) {\n dataHintsHandler.setTitle('vertical', children);\n\n return sstyled(styles)(\n <SLabel render=\"text\" x=\"0\" y=\"0\" aria-hidden>\n <Children />\n </SLabel>,\n );\n}\n\nconst Donut = createElement(DonutRoot, { Pie, Label, EmptyData });\n\nexport default Donut;\n"],"mappings":"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"}
|
package/lib/es6/Dots.js
CHANGED
|
@@ -12,18 +12,18 @@ var style = (
|
|
|
12
12
|
/*__reshadow_css_start__*/
|
|
13
13
|
_sstyled.insert(
|
|
14
14
|
/*__inner_css_start__*/
|
|
15
|
-
".
|
|
15
|
+
".___SDots_2oisj_gg_ .___SDot_2oisj_gg_{transition-duration:var(--duration_2oisj)}.___SDot_2oisj_gg_{stroke-width:2px;stroke:#fff;r:6px;fill:#2bb3ff;transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_2oisj_gg_.__hide_2oisj_gg_{display:none}.___SDot_2oisj_gg_.__active_2oisj_gg_{r:8px}.___SDot_2oisj_gg_.__color_2oisj_gg_{fill:var(--color_2oisj)}"
|
|
16
16
|
/*__inner_css_end__*/
|
|
17
|
-
, "
|
|
17
|
+
, "2oisj_gg_")
|
|
18
18
|
/*__reshadow_css_end__*/
|
|
19
19
|
, {
|
|
20
|
-
"__SDots": "
|
|
21
|
-
"__SDot": "
|
|
22
|
-
"--duration": "--
|
|
23
|
-
"_hide": "
|
|
24
|
-
"_active": "
|
|
25
|
-
"_color": "
|
|
26
|
-
"--color": "--
|
|
20
|
+
"__SDots": "___SDots_2oisj_gg_",
|
|
21
|
+
"__SDot": "___SDot_2oisj_gg_",
|
|
22
|
+
"--duration": "--duration_2oisj",
|
|
23
|
+
"_hide": "__hide_2oisj_gg_",
|
|
24
|
+
"_active": "__active_2oisj_gg_",
|
|
25
|
+
"_color": "__color_2oisj_gg_",
|
|
26
|
+
"--color": "--color_2oisj"
|
|
27
27
|
});
|
|
28
28
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
|
29
29
|
|
|
@@ -89,6 +89,7 @@ function Dots(props) {
|
|
|
89
89
|
if (!d3.defined()(d)) return acc;
|
|
90
90
|
if (!visible) return acc;
|
|
91
91
|
acc.push((_ref = sstyled(styles), /*#__PURE__*/React.createElement(SDot, _ref.cn("SDot", {
|
|
92
|
+
"aria-hidden": true,
|
|
92
93
|
"key": i,
|
|
93
94
|
"render": "circle",
|
|
94
95
|
"visible": visible,
|
package/lib/es6/Dots.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dots.js","names":["bisector","React","useCallback","useEffect","useState","sstyled","eventToPoint","invert","createElement","trottle","EXCLUDE_PROPS","Dots","props","SDot","Element","styles","data","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","duration","SDots","bisect","d","center","activeIndex","setActiveIndex","handlerMouseMoveRoot","e","xScale","current","pX","vX","handlerMouseLeaveRoot","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","dots","reduce","acc","i","isPrev","defined","isNext","active","visible","push","style"],"sources":["../../src/Dots.jsx"],"sourcesContent":["import { bisector } from 'd3-array';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { sstyled } from '@semcore/core';\nimport { eventToPoint, invert } from './utils';\nimport createElement from './createElement';\nimport trottle from '@semcore/utils/lib/rafTrottle';\n\nimport style from './style/dot.shadow.css';\n\nconst EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];\n\nfunction Dots(props) {\n const {\n Element: SDot,\n styles,\n data,\n color,\n d3,\n x,\n y,\n eventEmitter,\n display,\n hide,\n rootRef,\n scale,\n duration = 500,\n } = props;\n const SDots = 'g';\n const bisect = bisector((d) => d[x]).center;\n const [activeIndex, setActiveIndex] = useState(null);\n\n const handlerMouseMoveRoot = useCallback(\n trottle((e) => {\n const [xScale] = scale;\n const [pX] = eventToPoint(e, rootRef.current);\n const vX = invert(xScale, pX);\n setActiveIndex(bisect(data, vX));\n }),\n [scale, data],\n );\n\n const handlerMouseLeaveRoot = useCallback(\n trottle(() => {\n setActiveIndex(null);\n }),\n [],\n );\n\n useEffect(() => {\n const unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n e.persist();\n handlerMouseMoveRoot(e);\n });\n\n const unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n 'onMouseLeaveChart',\n handlerMouseLeaveRoot,\n );\n\n return () => {\n unsubscribeMouseMoveRoot();\n unsubscribeMouseLeaveRoot();\n };\n }, [eventEmitter, scale, data, x, y]);\n\n const dots = data.reduce((acc, d, i) => {\n const isPrev = d3.defined()(data[i - 1] || {});\n const isNext = d3.defined()(data[i + 1] || {});\n const active = i === activeIndex;\n const visible = display || i === activeIndex || (!isPrev && !isNext);\n if (!d3.defined()(d)) return acc;\n if (!visible) return acc;\n acc.push(\n sstyled(styles)(\n <SDot\n key={i}\n render=\"circle\"\n visible={visible}\n __excludeProps={EXCLUDE_PROPS}\n value={d}\n index={i}\n cx={d3.x()(d)}\n cy={d3.y()(d)}\n active={active}\n hide={hide}\n color={color}\n />,\n ),\n );\n return acc;\n }, []);\n return sstyled(styles)(<SDots use:duration={`${duration}ms`}>{dots}</SDots>);\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Dots.js","names":["bisector","React","useCallback","useEffect","useState","sstyled","eventToPoint","invert","createElement","trottle","EXCLUDE_PROPS","Dots","props","SDot","Element","styles","data","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","duration","SDots","bisect","d","center","activeIndex","setActiveIndex","handlerMouseMoveRoot","e","xScale","current","pX","vX","handlerMouseLeaveRoot","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","dots","reduce","acc","i","isPrev","defined","isNext","active","visible","push","style"],"sources":["../../src/Dots.jsx"],"sourcesContent":["import { bisector } from 'd3-array';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { sstyled } from '@semcore/core';\nimport { eventToPoint, invert } from './utils';\nimport createElement from './createElement';\nimport trottle from '@semcore/utils/lib/rafTrottle';\n\nimport style from './style/dot.shadow.css';\n\nconst EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];\n\nfunction Dots(props) {\n const {\n Element: SDot,\n styles,\n data,\n color,\n d3,\n x,\n y,\n eventEmitter,\n display,\n hide,\n rootRef,\n scale,\n duration = 500,\n } = props;\n const SDots = 'g';\n const bisect = bisector((d) => d[x]).center;\n const [activeIndex, setActiveIndex] = useState(null);\n\n const handlerMouseMoveRoot = useCallback(\n trottle((e) => {\n const [xScale] = scale;\n const [pX] = eventToPoint(e, rootRef.current);\n const vX = invert(xScale, pX);\n setActiveIndex(bisect(data, vX));\n }),\n [scale, data],\n );\n\n const handlerMouseLeaveRoot = useCallback(\n trottle(() => {\n setActiveIndex(null);\n }),\n [],\n );\n\n useEffect(() => {\n const unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n e.persist();\n handlerMouseMoveRoot(e);\n });\n\n const unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n 'onMouseLeaveChart',\n handlerMouseLeaveRoot,\n );\n\n return () => {\n unsubscribeMouseMoveRoot();\n unsubscribeMouseLeaveRoot();\n };\n }, [eventEmitter, scale, data, x, y]);\n\n const dots = data.reduce((acc, d, i) => {\n const isPrev = d3.defined()(data[i - 1] || {});\n const isNext = d3.defined()(data[i + 1] || {});\n const active = i === activeIndex;\n const visible = display || i === activeIndex || (!isPrev && !isNext);\n if (!d3.defined()(d)) return acc;\n if (!visible) return acc;\n acc.push(\n sstyled(styles)(\n <SDot\n aria-hidden\n key={i}\n render=\"circle\"\n visible={visible}\n __excludeProps={EXCLUDE_PROPS}\n value={d}\n index={i}\n cx={d3.x()(d)}\n cy={d3.y()(d)}\n active={active}\n hide={hide}\n color={color}\n />,\n ),\n );\n return acc;\n }, []);\n return sstyled(styles)(<SDots use:duration={`${duration}ms`}>{dots}</SDots>);\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"mappings":"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"}
|
package/lib/es6/GroupBar.js
CHANGED
|
@@ -22,15 +22,15 @@ var _ref = (
|
|
|
22
22
|
/*__reshadow_css_start__*/
|
|
23
23
|
__css__(
|
|
24
24
|
/*__inner_css_start__*/
|
|
25
|
-
".
|
|
25
|
+
".___SBar_tij1z_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_tij1z_gg_.__color_tij1z_gg_{fill:var(--color)}.___SBar_tij1z_gg_.__hide_tij1z_gg_{display:none}.___SBackground_tij1z_gg_{fill:#c4c7cf}"
|
|
26
26
|
/*__inner_css_end__*/
|
|
27
|
-
, "
|
|
27
|
+
, "8xmwzm_gg_")
|
|
28
28
|
/*__reshadow_css_end__*/
|
|
29
29
|
, {
|
|
30
|
-
"__SBar": "
|
|
31
|
-
"_color": "
|
|
32
|
-
"_hide": "
|
|
33
|
-
"__SBackground": "
|
|
30
|
+
"__SBar": "___SBar_tij1z_gg_",
|
|
31
|
+
"_color": "__color_tij1z_gg_",
|
|
32
|
+
"_hide": "__hide_tij1z_gg_",
|
|
33
|
+
"__SBackground": "___SBackground_tij1z_gg_"
|
|
34
34
|
}),
|
|
35
35
|
style = _extends({}, _ref);
|
|
36
36
|
|
|
@@ -77,7 +77,8 @@ var GroupBarRoot = /*#__PURE__*/function (_Component) {
|
|
|
77
77
|
return {
|
|
78
78
|
offset: [this.scaleGroup(y), 0],
|
|
79
79
|
width: this.scaleGroup.bandwidth(),
|
|
80
|
-
x: x
|
|
80
|
+
x: x,
|
|
81
|
+
groupKey: x
|
|
81
82
|
};
|
|
82
83
|
}
|
|
83
84
|
}, {
|
|
@@ -88,7 +89,8 @@ var GroupBarRoot = /*#__PURE__*/function (_Component) {
|
|
|
88
89
|
return {
|
|
89
90
|
offset: [0, this.scaleGroup(x)],
|
|
90
91
|
height: this.scaleGroup.bandwidth(),
|
|
91
|
-
y: y
|
|
92
|
+
y: y,
|
|
93
|
+
groupKey: y
|
|
92
94
|
};
|
|
93
95
|
}
|
|
94
96
|
}, {
|
|
@@ -96,7 +98,9 @@ var GroupBarRoot = /*#__PURE__*/function (_Component) {
|
|
|
96
98
|
value: function render() {
|
|
97
99
|
var Element = this.Element;
|
|
98
100
|
this.scaleGroup = this.getScaleGroup();
|
|
101
|
+
this.asProps.dataHintsHandler.establishDataType('grouped-values');
|
|
99
102
|
return /*#__PURE__*/React.createElement(Element, {
|
|
103
|
+
"aria-hidden": true,
|
|
100
104
|
render: "g",
|
|
101
105
|
childrenPosition: "inside",
|
|
102
106
|
scaleGroup: this.scaleGroup
|
package/lib/es6/GroupBar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupBar.js","names":["React","Component","getOriginChildren","createElement","Bar","HorizontalBar","GroupBarRoot","asProps","Children","scale","scaleGroup","x","xyScale","domain","toArray","reduce","acc","child","isValidElement","type","GroupBar","props","hide","push","y","copy","range","bandwidth","paddingInner","paddingOuter","offset","width","height","Element","getScaleGroup","style"],"sources":["../../src/GroupBar.jsx"],"sourcesContent":["import React from 'react';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Bar from './Bar';\nimport HorizontalBar from './HorizontalBar';\n\nimport style from './style/bar.shadow.css';\n\nclass GroupBarRoot extends Component {\n static displayName = 'GroupBar';\n\n static style = style;\n\n getScaleGroup() {\n const { Children, scale, scaleGroup, x } = this.asProps;\n // TODO: love that hack (by lsroman)\n const xyScale = x ? scale[0] : scale[1];\n\n if (scaleGroup) return scaleGroup;\n\n const domain = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n if (React.isValidElement(child) && child.type === GroupBar.Bar && !child.props.hide) {\n acc.push(child.props.y);\n }\n if (\n React.isValidElement(child) &&\n child.type === GroupBar.HorizontalBar &&\n !child.props.hide\n ) {\n acc.push(child.props.x);\n }\n return acc;\n }, []);\n\n return xyScale\n .copy()\n .range([0, xyScale.bandwidth()])\n .domain(domain)\n .paddingInner(xyScale.paddingOuter())\n .paddingOuter(0);\n }\n\n getBarProps({ y }) {\n const { x } = this.asProps;\n\n return {\n offset: [this.scaleGroup(y), 0],\n width: this.scaleGroup.bandwidth(),\n x,\n };\n }\n\n getHorizontalBarProps({ x }) {\n const { y } = this.asProps;\n\n return {\n offset: [0, this.scaleGroup(x)],\n height: this.scaleGroup.bandwidth(),\n y,\n };\n }\n\n render() {\n const Element = this.Element;\n this.scaleGroup = this.getScaleGroup();\n return <Element render=\"g\" childrenPosition=\"inside\" scaleGroup={this.scaleGroup}
|
|
1
|
+
{"version":3,"file":"GroupBar.js","names":["React","Component","getOriginChildren","createElement","Bar","HorizontalBar","GroupBarRoot","asProps","Children","scale","scaleGroup","x","xyScale","domain","toArray","reduce","acc","child","isValidElement","type","GroupBar","props","hide","push","y","copy","range","bandwidth","paddingInner","paddingOuter","offset","width","groupKey","height","Element","getScaleGroup","dataHintsHandler","establishDataType","style"],"sources":["../../src/GroupBar.jsx"],"sourcesContent":["import React from 'react';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Bar from './Bar';\nimport HorizontalBar from './HorizontalBar';\n\nimport style from './style/bar.shadow.css';\n\nclass GroupBarRoot extends Component {\n static displayName = 'GroupBar';\n\n static style = style;\n\n getScaleGroup() {\n const { Children, scale, scaleGroup, x } = this.asProps;\n // TODO: love that hack (by lsroman)\n const xyScale = x ? scale[0] : scale[1];\n\n if (scaleGroup) return scaleGroup;\n\n const domain = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n if (React.isValidElement(child) && child.type === GroupBar.Bar && !child.props.hide) {\n acc.push(child.props.y);\n }\n if (\n React.isValidElement(child) &&\n child.type === GroupBar.HorizontalBar &&\n !child.props.hide\n ) {\n acc.push(child.props.x);\n }\n return acc;\n }, []);\n\n return xyScale\n .copy()\n .range([0, xyScale.bandwidth()])\n .domain(domain)\n .paddingInner(xyScale.paddingOuter())\n .paddingOuter(0);\n }\n\n getBarProps({ y }) {\n const { x } = this.asProps;\n\n return {\n offset: [this.scaleGroup(y), 0],\n width: this.scaleGroup.bandwidth(),\n x,\n groupKey: x,\n };\n }\n\n getHorizontalBarProps({ x }) {\n const { y } = this.asProps;\n\n return {\n offset: [0, this.scaleGroup(x)],\n height: this.scaleGroup.bandwidth(),\n y,\n groupKey: y,\n };\n }\n\n render() {\n const Element = this.Element;\n this.scaleGroup = this.getScaleGroup();\n\n this.asProps.dataHintsHandler.establishDataType('grouped-values');\n\n return (\n <Element aria-hidden render=\"g\" childrenPosition=\"inside\" scaleGroup={this.scaleGroup} />\n );\n }\n}\n\nconst GroupBar = createElement(GroupBarRoot, {\n Bar,\n HorizontalBar,\n});\n\nexport default GroupBar;\n"],"mappings":"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"}
|
package/lib/es6/HorizontalBar.js
CHANGED
|
@@ -23,17 +23,17 @@ var style = (
|
|
|
23
23
|
/*__reshadow_css_start__*/
|
|
24
24
|
_sstyled.insert(
|
|
25
25
|
/*__inner_css_start__*/
|
|
26
|
-
".
|
|
26
|
+
".___SBar_1d55a_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_1d55a);transition-timing-function:ease-in-out}.___SBar_1d55a_gg_.__color_1d55a_gg_{fill:var(--color_1d55a)}.___SBar_1d55a_gg_.__hide_1d55a_gg_{display:none}.___SBackground_1d55a_gg_{fill:#c4c7cf}"
|
|
27
27
|
/*__inner_css_end__*/
|
|
28
|
-
, "
|
|
28
|
+
, "1d55a_gg_")
|
|
29
29
|
/*__reshadow_css_end__*/
|
|
30
30
|
, {
|
|
31
|
-
"__SBar": "
|
|
32
|
-
"--duration": "--
|
|
33
|
-
"_color": "
|
|
34
|
-
"--color": "--
|
|
35
|
-
"_hide": "
|
|
36
|
-
"__SBackground": "
|
|
31
|
+
"__SBar": "___SBar_1d55a_gg_",
|
|
32
|
+
"--duration": "--duration_1d55a",
|
|
33
|
+
"_color": "__color_1d55a_gg_",
|
|
34
|
+
"--color": "--color_1d55a",
|
|
35
|
+
"_hide": "__hide_1d55a_gg_",
|
|
36
|
+
"__SBackground": "___SBackground_1d55a_gg_"
|
|
37
37
|
});
|
|
38
38
|
|
|
39
39
|
var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -77,7 +77,8 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
|
|
|
77
77
|
r = _this$asProps2.r,
|
|
78
78
|
heightProps = _this$asProps2.height,
|
|
79
79
|
onMouseMove = _this$asProps2.onMouseMove,
|
|
80
|
-
onMouseLeave = _this$asProps2.onMouseLeave
|
|
80
|
+
onMouseLeave = _this$asProps2.onMouseLeave,
|
|
81
|
+
groupKey = _this$asProps2.groupKey;
|
|
81
82
|
|
|
82
83
|
var _scale = _slicedToArray(scale, 2),
|
|
83
84
|
xScale = _scale[0],
|
|
@@ -95,7 +96,15 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
|
|
|
95
96
|
radius: Array.isArray(r) ? r[i] : r,
|
|
96
97
|
position: d[x] > 0 ? 'right' : 'left'
|
|
97
98
|
});
|
|
99
|
+
|
|
100
|
+
if (groupKey) {
|
|
101
|
+
this.asProps.dataHintsHandler.describeGroupedValues(groupKey, x);
|
|
102
|
+
} else {
|
|
103
|
+
this.asProps.dataHintsHandler.describeValueEntity("".concat(i, ".").concat(x), groupKey !== null && groupKey !== void 0 ? groupKey : d[y]);
|
|
104
|
+
}
|
|
105
|
+
|
|
98
106
|
return _ref = sstyled(styles), /*#__PURE__*/React.createElement(SBar, _ref.cn("SBar", {
|
|
107
|
+
"aria-hidden": true,
|
|
99
108
|
"key": "horizontal-bar-".concat(i),
|
|
100
109
|
"render": "path",
|
|
101
110
|
"clipPath": "url(#".concat(uid, ")"),
|
|
@@ -124,6 +133,7 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
|
|
|
124
133
|
size = _this$asProps3.size,
|
|
125
134
|
duration = _this$asProps3.duration;
|
|
126
135
|
return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(this.renderBar.bind(this)), duration && /*#__PURE__*/React.createElement(ClipPath, {
|
|
136
|
+
"aria-hidden": true,
|
|
127
137
|
setAttributeTag: function setAttributeTag(rect) {
|
|
128
138
|
rect.setAttribute('width', size[0]);
|
|
129
139
|
},
|
|
@@ -166,6 +176,7 @@ function Background(props) {
|
|
|
166
176
|
|
|
167
177
|
var xRange = xScale.range();
|
|
168
178
|
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SBackground, _ref2.cn("SBackground", {
|
|
179
|
+
"aria-hidden": true,
|
|
169
180
|
"render": "rect",
|
|
170
181
|
"childrenPosition": "above",
|
|
171
182
|
"width": xRange[1] - xRange[0],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalBar.js","names":["React","Component","sstyled","uniqueIDEnhancement","createElement","ClipPath","getBandwidth","roundedPath","HorizontalBarRoot","props","index","asProps","data","y","value","d","i","SBar","Element","styles","color","x","x0","scale","hide","offset","uid","duration","r","heightProps","height","onMouseMove","onMouseLeave","xScale","yScale","barY","barX","Math","min","width","abs","max","domain","dSvg","getHorizontalRect","radius","Array","isArray","position","size","map","renderBar","bind","rect","setAttribute","style","Background","SBackground","xRange","range","bandwidth"],"sources":["../../src/HorizontalBar.jsx"],"sourcesContent":["import React from 'react';\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\nclass HorizontalBarRoot extends Component {\n static displayName = 'HorizontalBar';\n static enhance = [uniqueIDEnhancement()];\n static style = style;\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n r: 2,\n };\n\n getBackgroundProps(props, index) {\n const { data, y } = this.asProps;\n return {\n value: data[index][y],\n };\n }\n\n renderBar(d, i) {\n const SBar = this.Element;\n const {\n styles,\n color,\n x,\n x0,\n y,\n scale,\n hide,\n offset,\n uid,\n duration,\n r,\n height: heightProps,\n onMouseMove,\n onMouseLeave,\n } = this.asProps;\n\n const [xScale, yScale] = scale;\n const barY = yScale(d[y]) + offset[1];\n const barX = xScale(Math.min(d[x0] ?? 0, d[x])) + offset[0];\n const height = heightProps || getBandwidth(yScale);\n const width = Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)));\n const dSvg = getHorizontalRect({\n x: barX,\n y: barY,\n width,\n height,\n radius: Array.isArray(r) ? r[i] : r,\n position: d[x] > 0 ? 'right' : 'left',\n });\n\n return sstyled(styles)(\n <SBar\n key={`horizontal-bar-${i}`}\n render=\"path\"\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value']}\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 use:duration={`${duration}ms`}\n onMouseMove={onMouseMove}\n onMouseLeave={onMouseLeave}\n />,\n );\n }\n\n render() {\n const { data, uid, size, duration } = this.asProps;\n\n return (\n <>\n {data.map(this.renderBar.bind(this))}\n {duration && (\n <ClipPath\n setAttributeTag={(rect) => {\n rect.setAttribute('width', size[0]);\n }}\n id={uid}\n x=\"0\"\n y=\"0\"\n width={0}\n height={size[1]}\n transition={`width ${duration}ms ease-in-out`}\n />\n )}\n </>\n );\n }\n}\n\nfunction Background(props) {\n const { Element: SBackground, styles, scale, value } = props;\n const [xScale, yScale] = scale;\n const xRange = xScale.range();\n\n return sstyled(styles)(\n <SBackground\n render=\"rect\"\n childrenPosition=\"above\"\n width={xRange[1] - xRange[0]}\n height={yScale.bandwidth()}\n x={xRange[0]}\n y={yScale(value)}\n />,\n );\n}\n\nfunction getHorizontalRect({ x, y, width, height, radius, position }) {\n if (width <= radius) return '';\n if (radius) {\n if (position === 'right')\n return roundedPath(x, y, width, height, radius, false, true, false, true);\n return roundedPath(x, y, width, height, radius, true, false, true, false);\n }\n return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(HorizontalBarRoot, { Background });\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,OAApB,QAAmC,eAAnC;AACA,OAAOC,mBAAP,MAAgC,6BAAhC;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,SAASC,YAAT,EAAuBC,WAAvB,QAA0C,SAA1C;;;;;;;;;;;;;;;;;;;;IAIMC,iB;;;;;;;;;;;;;WAWJ,4BAAmBC,KAAnB,EAA0BC,KAA1B,EAAiC;MAC/B,oBAAoB,KAAKC,OAAzB;MAAA,IAAQC,IAAR,iBAAQA,IAAR;MAAA,IAAcC,CAAd,iBAAcA,CAAd;MACA,OAAO;QACLC,KAAK,EAAEF,IAAI,CAACF,KAAD,CAAJ,CAAYG,CAAZ;MADF,CAAP;IAGD;;;WAED,mBAAUE,CAAV,EAAaC,CAAb,EAAgB;MAAA;;MACd,IAAMC,IAAI,GAAG,KAAKC,OAAlB;MACA,
|
|
1
|
+
{"version":3,"file":"HorizontalBar.js","names":["React","Component","sstyled","uniqueIDEnhancement","createElement","ClipPath","getBandwidth","roundedPath","HorizontalBarRoot","props","index","asProps","data","y","value","d","i","SBar","Element","styles","color","x","x0","scale","hide","offset","uid","duration","r","heightProps","height","onMouseMove","onMouseLeave","groupKey","xScale","yScale","barY","barX","Math","min","width","abs","max","domain","dSvg","getHorizontalRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","size","map","renderBar","bind","rect","setAttribute","style","Background","SBackground","xRange","range","bandwidth"],"sources":["../../src/HorizontalBar.jsx"],"sourcesContent":["import React from 'react';\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\nclass HorizontalBarRoot extends Component {\n static displayName = 'HorizontalBar';\n static enhance = [uniqueIDEnhancement()];\n static style = style;\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n r: 2,\n };\n\n getBackgroundProps(props, index) {\n const { data, y } = this.asProps;\n return {\n value: data[index][y],\n };\n }\n\n renderBar(d, i) {\n const SBar = this.Element;\n const {\n styles,\n color,\n x,\n x0,\n y,\n scale,\n hide,\n offset,\n uid,\n duration,\n r,\n height: heightProps,\n onMouseMove,\n onMouseLeave,\n groupKey,\n } = this.asProps;\n\n const [xScale, yScale] = scale;\n const barY = yScale(d[y]) + offset[1];\n const barX = xScale(Math.min(d[x0] ?? 0, d[x])) + offset[0];\n const height = heightProps || getBandwidth(yScale);\n const width = Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)));\n const dSvg = getHorizontalRect({\n x: barX,\n y: barY,\n width,\n height,\n radius: Array.isArray(r) ? r[i] : r,\n position: d[x] > 0 ? 'right' : 'left',\n });\n\n if (groupKey) {\n this.asProps.dataHintsHandler.describeGroupedValues(groupKey, x);\n } else {\n this.asProps.dataHintsHandler.describeValueEntity(`${i}.${x}`, groupKey ?? d[y]);\n }\n\n return sstyled(styles)(\n <SBar\n aria-hidden\n key={`horizontal-bar-${i}`}\n render=\"path\"\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value']}\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 use:duration={`${duration}ms`}\n onMouseMove={onMouseMove}\n onMouseLeave={onMouseLeave}\n />,\n );\n }\n\n render() {\n const { data, uid, size, duration } = this.asProps;\n\n return (\n <>\n {data.map(this.renderBar.bind(this))}\n {duration && (\n <ClipPath\n aria-hidden\n setAttributeTag={(rect) => {\n rect.setAttribute('width', size[0]);\n }}\n id={uid}\n x=\"0\"\n y=\"0\"\n width={0}\n height={size[1]}\n transition={`width ${duration}ms ease-in-out`}\n />\n )}\n </>\n );\n }\n}\n\nfunction Background(props) {\n const { Element: SBackground, styles, scale, value } = props;\n const [xScale, yScale] = scale;\n const xRange = xScale.range();\n\n return sstyled(styles)(\n <SBackground\n aria-hidden\n render=\"rect\"\n childrenPosition=\"above\"\n width={xRange[1] - xRange[0]}\n height={yScale.bandwidth()}\n x={xRange[0]}\n y={yScale(value)}\n />,\n );\n}\n\nfunction getHorizontalRect({ x, y, width, height, radius, position }) {\n if (width <= radius) return '';\n if (radius) {\n if (position === 'right')\n return roundedPath(x, y, width, height, radius, false, true, false, true);\n return roundedPath(x, y, width, height, radius, true, false, true, false);\n }\n return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(HorizontalBarRoot, { Background });\n"],"mappings":"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"}
|
package/lib/es6/Hover.js
CHANGED
|
@@ -24,13 +24,13 @@ var style = (
|
|
|
24
24
|
/*__reshadow_css_start__*/
|
|
25
25
|
_sstyled.insert(
|
|
26
26
|
/*__inner_css_start__*/
|
|
27
|
-
".
|
|
27
|
+
".___SHoverLine_1bggt_gg_{stroke:#a9abb6}.___SHoverRect_1bggt_gg_{fill:rgba(196,199,207,.3)}"
|
|
28
28
|
/*__inner_css_end__*/
|
|
29
|
-
, "
|
|
29
|
+
, "1bggt_gg_")
|
|
30
30
|
/*__reshadow_css_end__*/
|
|
31
31
|
, {
|
|
32
|
-
"__SHoverLine": "
|
|
33
|
-
"__SHoverRect": "
|
|
32
|
+
"__SHoverLine": "___SHoverLine_1bggt_gg_",
|
|
33
|
+
"__SHoverRect": "___SHoverRect_1bggt_gg_"
|
|
34
34
|
});
|
|
35
35
|
|
|
36
36
|
var Hover = /*#__PURE__*/function (_Component) {
|
|
@@ -189,6 +189,7 @@ var HoverLineRoot = /*#__PURE__*/function (_Hover) {
|
|
|
189
189
|
var x1 = xIndex !== null ? scaleOfBandwidth(xScale, data[xIndex][x]) : undefined;
|
|
190
190
|
var y1 = yIndex !== null ? scaleOfBandwidth(yScale, data[yIndex][y]) : undefined;
|
|
191
191
|
return _ref = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, xIndex !== null ? /*#__PURE__*/React.createElement(SHoverLine, _ref.cn("SHoverLine", {
|
|
192
|
+
"aria-hidden": true,
|
|
192
193
|
"render": "line",
|
|
193
194
|
"index": xIndex,
|
|
194
195
|
"x1": x1,
|
|
@@ -196,6 +197,7 @@ var HoverLineRoot = /*#__PURE__*/function (_Hover) {
|
|
|
196
197
|
"x2": x1,
|
|
197
198
|
"y2": yRange[1]
|
|
198
199
|
})) : null, yIndex !== null ? /*#__PURE__*/React.createElement(SHoverLine, _ref.cn("SHoverLine", {
|
|
200
|
+
"aria-hidden": true,
|
|
199
201
|
"render": "line",
|
|
200
202
|
"index": yIndex,
|
|
201
203
|
"x1": xRange[0],
|
|
@@ -245,6 +247,7 @@ var HoverRectRoot = /*#__PURE__*/function (_Hover2) {
|
|
|
245
247
|
var xRange = xScale.range();
|
|
246
248
|
var yRange = yScale.range();
|
|
247
249
|
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, xIndex !== null ? /*#__PURE__*/React.createElement(SHoverRect, _ref2.cn("SHoverRect", {
|
|
250
|
+
"aria-hidden": true,
|
|
248
251
|
"render": "rect",
|
|
249
252
|
"index": xIndex,
|
|
250
253
|
"width": xScale.step() - xScale.paddingInner() / 2,
|
|
@@ -252,6 +255,7 @@ var HoverRectRoot = /*#__PURE__*/function (_Hover2) {
|
|
|
252
255
|
"x": xScale(data[xIndex][x]) - xScale.step() * xScale.paddingInner() / 2,
|
|
253
256
|
"y": yRange[1]
|
|
254
257
|
})) : null, yIndex !== null ? /*#__PURE__*/React.createElement(SHoverRect, _ref2.cn("SHoverRect", {
|
|
258
|
+
"aria-hidden": true,
|
|
255
259
|
"render": "rect",
|
|
256
260
|
"index": yIndex,
|
|
257
261
|
"width": xRange[1] - xRange[0],
|
package/lib/es6/Hover.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hover.js","names":["React","Component","sstyled","createElement","canUseDOM","scaleOfBandwidth","getIndexFromData","eventToPoint","invert","CONSTANT","trottle","Hover","xIndex","yIndex","document","e","asProps","eventEmitter","data","scale","x","y","rootRef","clientX","clientY","xScale","yScale","current","pX","pY","vX","vY","undefined","state","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","setState","emit","width","height","top","right","bottom","left","unsubscribeMouseMoveRoot","subscribe","persist","handlerMouseMoveRoot","unsubscribeMouseLeaveRoot","handlerMouseLeaveRoot","style","HoverLineRoot","SHoverLine","Element","styles","xRange","range","yRange","x1","y1","HoverRectRoot","SHoverRect","step","paddingInner","HoverLine","HoverRect"],"sources":["../../src/Hover.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';\nimport trottle from '@semcore/utils/lib/rafTrottle';\n\nimport style from './style/hover.shadow.css';\n\nclass Hover extends Component {\n static style = style;\n\n state = {\n xIndex: null,\n yIndex: null,\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 handlerMouseMoveRoot = trottle((e) => {\n const { eventEmitter, data, scale, x, y, rootRef } = this.asProps;\n const { clientX, clientY } = e;\n const [xScale, yScale] = scale;\n const [pX, pY] = eventToPoint(e, rootRef.current);\n const vX = invert(xScale, pX);\n const vY = invert(yScale, pY);\n const xIndex =\n x === undefined || vX === undefined ? null : getIndexFromData(data, xScale, x, vX);\n const yIndex =\n y === undefined || vY === undefined ? null : getIndexFromData(data, yScale, y, vY);\n const state = { xIndex, yIndex };\n this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(\n clientX,\n clientY,\n );\n this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n\n this.setState(state, () => {\n eventEmitter.emit(\n 'onTooltipVisible',\n xIndex !== null || yIndex !== null,\n state,\n this.virtualElement,\n );\n });\n });\n\n handlerMouseLeaveRoot = trottle(() => {\n const state = {\n xIndex: null,\n yIndex: null,\n };\n this.setState(state, () => {\n this.asProps.eventEmitter.emit('onTooltipVisible', false, state);\n });\n });\n\n componentDidMount() {\n const { eventEmitter } = this.asProps;\n this.unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n e.persist();\n this.handlerMouseMoveRoot(e);\n });\n this.unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n 'onMouseLeaveChart',\n this.handlerMouseLeaveRoot,\n );\n }\n\n componentWillUnmount() {\n if (this.unsubscribeMouseMoveRoot) {\n this.unsubscribeMouseMoveRoot();\n }\n if (this.unsubscribeMouseLeaveRoot) {\n this.unsubscribeMouseLeaveRoot();\n }\n }\n}\n\nclass HoverLineRoot extends Hover {\n static displayName = 'HoverLine';\n\n render() {\n const SHoverLine = this.Element;\n const { styles, x, y, data, scale } = this.asProps;\n const { xIndex, yIndex } = this.state;\n const [xScale, yScale] = scale;\n\n const xRange = xScale.range();\n const yRange = yScale.range();\n const x1 = xIndex !== null ? scaleOfBandwidth(xScale, data[xIndex][x]) : undefined;\n const y1 = yIndex !== null ? scaleOfBandwidth(yScale, data[yIndex][y]) : undefined;\n\n return sstyled(styles)(\n <>\n {xIndex !== null ? (\n <SHoverLine render=\"line\" index={xIndex} x1={x1} y1={yRange[0]} x2={x1} y2={yRange[1]} />\n ) : null}\n {yIndex !== null ? (\n <SHoverLine render=\"line\" index={yIndex} x1={xRange[0]} y1={y1} x2={xRange[1]} y2={y1} />\n ) : null}\n </>,\n );\n }\n}\n\nclass HoverRectRoot extends Hover {\n static displayName = 'HoverRect';\n\n render() {\n const SHoverRect = this.Element;\n const { styles, x, y, data, scale } = this.asProps;\n const { xIndex, yIndex } = this.state;\n const [xScale, yScale] = scale;\n\n const xRange = xScale.range();\n const yRange = yScale.range();\n\n return sstyled(styles)(\n <>\n {xIndex !== null ? (\n <SHoverRect\n render=\"rect\"\n index={xIndex}\n width={xScale.step() - xScale.paddingInner() / 2}\n height={yRange[0] - yRange[1]}\n x={xScale(data[xIndex][x]) - (xScale.step() * xScale.paddingInner()) / 2}\n y={yRange[1]}\n />\n ) : null}\n {yIndex !== null ? (\n <SHoverRect\n render=\"rect\"\n index={yIndex}\n width={xRange[1] - xRange[0]}\n height={yScale.step() - yScale.paddingInner() / 2}\n x={xRange[0]}\n y={yScale(data[yIndex][y]) - (yScale.step() * yScale.paddingInner()) / 2}\n />\n ) : null}\n </>,\n );\n }\n}\n\nconst HoverLine = createElement(HoverLineRoot);\nconst HoverRect = createElement(HoverRectRoot);\n\nexport { HoverLine, HoverRect };\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Hover.js","names":["React","Component","sstyled","createElement","canUseDOM","scaleOfBandwidth","getIndexFromData","eventToPoint","invert","CONSTANT","trottle","Hover","xIndex","yIndex","document","e","asProps","eventEmitter","data","scale","x","y","rootRef","clientX","clientY","xScale","yScale","current","pX","pY","vX","vY","undefined","state","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","setState","emit","width","height","top","right","bottom","left","unsubscribeMouseMoveRoot","subscribe","persist","handlerMouseMoveRoot","unsubscribeMouseLeaveRoot","handlerMouseLeaveRoot","style","HoverLineRoot","SHoverLine","Element","styles","xRange","range","yRange","x1","y1","HoverRectRoot","SHoverRect","step","paddingInner","HoverLine","HoverRect"],"sources":["../../src/Hover.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';\nimport trottle from '@semcore/utils/lib/rafTrottle';\n\nimport style from './style/hover.shadow.css';\n\nclass Hover extends Component {\n static style = style;\n\n state = {\n xIndex: null,\n yIndex: null,\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 handlerMouseMoveRoot = trottle((e) => {\n const { eventEmitter, data, scale, x, y, rootRef } = this.asProps;\n const { clientX, clientY } = e;\n const [xScale, yScale] = scale;\n const [pX, pY] = eventToPoint(e, rootRef.current);\n const vX = invert(xScale, pX);\n const vY = invert(yScale, pY);\n const xIndex =\n x === undefined || vX === undefined ? null : getIndexFromData(data, xScale, x, vX);\n const yIndex =\n y === undefined || vY === undefined ? null : getIndexFromData(data, yScale, y, vY);\n const state = { xIndex, yIndex };\n this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(\n clientX,\n clientY,\n );\n this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n\n this.setState(state, () => {\n eventEmitter.emit(\n 'onTooltipVisible',\n xIndex !== null || yIndex !== null,\n state,\n this.virtualElement,\n );\n });\n });\n\n handlerMouseLeaveRoot = trottle(() => {\n const state = {\n xIndex: null,\n yIndex: null,\n };\n this.setState(state, () => {\n this.asProps.eventEmitter.emit('onTooltipVisible', false, state);\n });\n });\n\n componentDidMount() {\n const { eventEmitter } = this.asProps;\n this.unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n e.persist();\n this.handlerMouseMoveRoot(e);\n });\n this.unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n 'onMouseLeaveChart',\n this.handlerMouseLeaveRoot,\n );\n }\n\n componentWillUnmount() {\n if (this.unsubscribeMouseMoveRoot) {\n this.unsubscribeMouseMoveRoot();\n }\n if (this.unsubscribeMouseLeaveRoot) {\n this.unsubscribeMouseLeaveRoot();\n }\n }\n}\n\nclass HoverLineRoot extends Hover {\n static displayName = 'HoverLine';\n\n render() {\n const SHoverLine = this.Element;\n const { styles, x, y, data, scale } = this.asProps;\n const { xIndex, yIndex } = this.state;\n const [xScale, yScale] = scale;\n\n const xRange = xScale.range();\n const yRange = yScale.range();\n const x1 = xIndex !== null ? scaleOfBandwidth(xScale, data[xIndex][x]) : undefined;\n const y1 = yIndex !== null ? scaleOfBandwidth(yScale, data[yIndex][y]) : undefined;\n\n return sstyled(styles)(\n <>\n {xIndex !== null ? (\n <SHoverLine\n aria-hidden\n render=\"line\"\n index={xIndex}\n x1={x1}\n y1={yRange[0]}\n x2={x1}\n y2={yRange[1]}\n />\n ) : null}\n {yIndex !== null ? (\n <SHoverLine\n aria-hidden\n render=\"line\"\n index={yIndex}\n x1={xRange[0]}\n y1={y1}\n x2={xRange[1]}\n y2={y1}\n />\n ) : null}\n </>,\n );\n }\n}\n\nclass HoverRectRoot extends Hover {\n static displayName = 'HoverRect';\n\n render() {\n const SHoverRect = this.Element;\n const { styles, x, y, data, scale } = this.asProps;\n const { xIndex, yIndex } = this.state;\n const [xScale, yScale] = scale;\n\n const xRange = xScale.range();\n const yRange = yScale.range();\n\n return sstyled(styles)(\n <>\n {xIndex !== null ? (\n <SHoverRect\n aria-hidden\n render=\"rect\"\n index={xIndex}\n width={xScale.step() - xScale.paddingInner() / 2}\n height={yRange[0] - yRange[1]}\n x={xScale(data[xIndex][x]) - (xScale.step() * xScale.paddingInner()) / 2}\n y={yRange[1]}\n />\n ) : null}\n {yIndex !== null ? (\n <SHoverRect\n aria-hidden\n render=\"rect\"\n index={yIndex}\n width={xRange[1] - xRange[0]}\n height={yScale.step() - yScale.paddingInner() / 2}\n x={xRange[0]}\n y={yScale(data[yIndex][y]) - (yScale.step() * yScale.paddingInner()) / 2}\n />\n ) : null}\n </>,\n );\n }\n}\n\nconst HoverLine = createElement(HoverLineRoot);\nconst HoverRect = createElement(HoverRectRoot);\n\nexport { HoverLine, HoverRect };\n"],"mappings":"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"}
|