@semcore/d3-chart 2.13.4 → 2.13.5
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 +6 -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 +152 -277
- 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 +152 -281
- 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/StackedArea.js
CHANGED
|
@@ -1,84 +1,61 @@
|
|
|
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 _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
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 _react = _interopRequireDefault(require("react"));
|
|
23
|
-
|
|
24
15
|
var _d3Shape = require("d3-shape");
|
|
25
|
-
|
|
26
16
|
var _core = require("@semcore/core");
|
|
27
|
-
|
|
28
17
|
var _getOriginChildren = _interopRequireDefault(require("@semcore/utils/lib/getOriginChildren"));
|
|
29
|
-
|
|
30
18
|
var _createElement = _interopRequireDefault(require("./createElement"));
|
|
31
|
-
|
|
32
19
|
var _Area = _interopRequireDefault(require("./Area"));
|
|
33
|
-
|
|
34
20
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
35
21
|
var Y0 = Symbol('Y0');
|
|
36
|
-
|
|
37
22
|
var StackedAreaRoot = /*#__PURE__*/function (_Component) {
|
|
38
23
|
(0, _inherits2["default"])(StackedAreaRoot, _Component);
|
|
39
|
-
|
|
40
24
|
var _super = (0, _createSuper2["default"])(StackedAreaRoot);
|
|
41
|
-
|
|
42
25
|
function StackedAreaRoot() {
|
|
43
26
|
(0, _classCallCheck2["default"])(this, StackedAreaRoot);
|
|
44
27
|
return _super.apply(this, arguments);
|
|
45
28
|
}
|
|
46
|
-
|
|
47
29
|
(0, _createClass2["default"])(StackedAreaRoot, [{
|
|
48
30
|
key: "getSeries",
|
|
49
31
|
value: function getSeries() {
|
|
50
32
|
var _this$asProps = this.asProps,
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
33
|
+
Children = _this$asProps.Children,
|
|
34
|
+
data = _this$asProps.data,
|
|
35
|
+
stack = _this$asProps.stack;
|
|
55
36
|
if (stack[DEFAULT_INSTANCE]) {
|
|
56
37
|
var keys = _react["default"].Children.toArray((0, _getOriginChildren["default"])(Children)).reduce(function (acc, child) {
|
|
57
38
|
if ( /*#__PURE__*/_react["default"].isValidElement(child) && child.type === StackedArea.Area && !child.props.hide) {
|
|
58
39
|
acc.push(child.props.y);
|
|
59
40
|
}
|
|
60
|
-
|
|
61
41
|
return acc;
|
|
62
42
|
}, []);
|
|
63
|
-
|
|
64
43
|
stack.keys(keys.reverse());
|
|
65
44
|
}
|
|
66
|
-
|
|
67
45
|
return stack(data);
|
|
68
46
|
}
|
|
69
47
|
}, {
|
|
70
48
|
key: "getAreaProps",
|
|
71
49
|
value: function getAreaProps(_ref) {
|
|
72
50
|
var y = _ref.y;
|
|
73
|
-
var x = this.asProps.x;
|
|
74
|
-
|
|
51
|
+
var x = this.asProps.x;
|
|
52
|
+
// or [] if hide area
|
|
75
53
|
var series = this.series.find(function (s) {
|
|
76
54
|
return s.key === y;
|
|
77
55
|
}) || [];
|
|
78
56
|
return {
|
|
79
57
|
data: series.map(function (s) {
|
|
80
58
|
var _objectSpread2;
|
|
81
|
-
|
|
82
59
|
return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, s.data), {}, (_objectSpread2 = {}, (0, _defineProperty2["default"])(_objectSpread2, y, s.data[y] === null ? null : s[1]), (0, _defineProperty2["default"])(_objectSpread2, Y0, s[0]), _objectSpread2));
|
|
83
60
|
}),
|
|
84
61
|
y0: Y0,
|
|
@@ -99,7 +76,6 @@ var StackedAreaRoot = /*#__PURE__*/function (_Component) {
|
|
|
99
76
|
}]);
|
|
100
77
|
return StackedAreaRoot;
|
|
101
78
|
}(_core.Component);
|
|
102
|
-
|
|
103
79
|
(0, _defineProperty2["default"])(StackedAreaRoot, "displayName", 'StackedArea');
|
|
104
80
|
(0, _defineProperty2["default"])(StackedAreaRoot, "defaultProps", function () {
|
|
105
81
|
var stack = (0, _d3Shape.stack)();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackedArea.js","names":["DEFAULT_INSTANCE","Symbol","Y0","StackedAreaRoot","asProps","Children","data","stack","keys","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","StackedArea","Area","props","hide","push","y","reverse","x","series","find","s","
|
|
1
|
+
{"version":3,"file":"StackedArea.js","names":["_react","_interopRequireDefault","require","_d3Shape","_core","_getOriginChildren","_createElement","_Area","DEFAULT_INSTANCE","Symbol","Y0","StackedAreaRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getSeries","_this$asProps","asProps","Children","data","stack","keys","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","StackedArea","Area","props","hide","push","y","reverse","getAreaProps","_ref","x","series","find","s","map","_objectSpread2","_objectSpread3","_defineProperty2","y0","render","Element","createElement","Component","d3Stack","_default","exports"],"sources":["../../src/StackedArea.jsx"],"sourcesContent":["import React from 'react';\nimport { stack as d3Stack } from 'd3-shape';\nimport { Component } from '@semcore/core';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport createElement from './createElement';\nimport Area from './Area';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\nconst Y0 = Symbol('Y0');\n\nclass StackedAreaRoot extends Component {\n static displayName = 'StackedArea';\n\n static defaultProps = () => {\n const stack = d3Stack();\n stack[DEFAULT_INSTANCE] = true;\n return { stack };\n };\n\n getSeries() {\n const { Children, data, stack } = this.asProps;\n\n if (stack[DEFAULT_INSTANCE]) {\n const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n if (React.isValidElement(child) && child.type === StackedArea.Area && !child.props.hide) {\n acc.push(child.props.y);\n }\n return acc;\n }, []);\n stack.keys(keys.reverse());\n }\n\n return stack(data);\n }\n\n getAreaProps({ y }) {\n const { x } = this.asProps;\n // or [] if hide area\n const series = this.series.find((s) => s.key === y) || [];\n return {\n data: series.map((s) => ({\n ...s.data,\n // if null is passed in the data, then we pass it, because d3 null leads to 0\n [y]: s.data[y] === null ? null : s[1],\n [Y0]: s[0],\n })),\n y0: Y0,\n x,\n };\n }\n\n render() {\n const Element = this.Element;\n this.series = this.getSeries();\n return <Element aria-hidden render=\"g\" series={this.series} />;\n }\n}\n\nconst StackedArea = createElement(StackedAreaRoot, { Area });\n\nexport default StackedArea;\n"],"mappings":"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"}
|
package/lib/cjs/Tooltip.js
CHANGED
|
@@ -1,81 +1,47 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
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 = _interopRequireWildcard(require("react"));
|
|
31
|
-
|
|
32
19
|
var _popper = _interopRequireDefault(require("@semcore/popper"));
|
|
33
|
-
|
|
34
20
|
var _flexBox = require("@semcore/flex-box");
|
|
35
|
-
|
|
36
21
|
var _findComponent = _interopRequireDefault(require("@semcore/utils/lib/findComponent"));
|
|
37
|
-
|
|
38
22
|
var _color = _interopRequireDefault(require("@semcore/utils/lib/color"));
|
|
39
|
-
|
|
40
23
|
var _createElement = _interopRequireDefault(require("./createElement"));
|
|
41
|
-
|
|
42
24
|
var _utils = require("./utils");
|
|
43
|
-
|
|
44
25
|
var _excluded = ["Children", "children", "tag"];
|
|
45
|
-
|
|
46
26
|
/*__reshadow-styles__:"./style/tooltip.shadow.css"*/
|
|
47
|
-
var style = (
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
"
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
, {
|
|
56
|
-
"__STooltip": "___STooltip_cu83x_gg_",
|
|
57
|
-
"__STitle": "___STitle_cu83x_gg_",
|
|
58
|
-
"__SDotGroup": "___SDotGroup_cu83x_gg_",
|
|
59
|
-
"__SDot": "___SDot_cu83x_gg_",
|
|
60
|
-
"_color": "__color_cu83x_gg_",
|
|
61
|
-
"--color": "--color_cu83x",
|
|
62
|
-
"__SFooter": "___SFooter_cu83x_gg_"
|
|
27
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STooltip_1bs1r_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_1bs1r_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1bs1r_gg_{display:flex;align-items:center}.___SDot_1bs1r_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_1bs1r_gg_.__color_1bs1r_gg_{background:var(--color_1bs1r)}.___SFooter_1bs1r_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1bs1r_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
+
"__STooltip": "___STooltip_1bs1r_gg_",
|
|
29
|
+
"__STitle": "___STitle_1bs1r_gg_",
|
|
30
|
+
"__SDotGroup": "___SDotGroup_1bs1r_gg_",
|
|
31
|
+
"__SDot": "___SDot_1bs1r_gg_",
|
|
32
|
+
"_color": "__color_1bs1r_gg_",
|
|
33
|
+
"--color": "--color_1bs1r",
|
|
34
|
+
"__SFooter": "___SFooter_1bs1r_gg_"
|
|
63
35
|
});
|
|
64
|
-
|
|
65
36
|
var TooltipRoot = /*#__PURE__*/function (_Component) {
|
|
66
37
|
(0, _inherits2["default"])(TooltipRoot, _Component);
|
|
67
|
-
|
|
68
38
|
var _super = (0, _createSuper2["default"])(TooltipRoot);
|
|
69
|
-
|
|
70
39
|
function TooltipRoot() {
|
|
71
40
|
var _this;
|
|
72
|
-
|
|
73
41
|
(0, _classCallCheck2["default"])(this, TooltipRoot);
|
|
74
|
-
|
|
75
42
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
76
43
|
args[_key] = arguments[_key];
|
|
77
44
|
}
|
|
78
|
-
|
|
79
45
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
80
46
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
|
|
81
47
|
$visible: false
|
|
@@ -85,14 +51,13 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
|
|
|
85
51
|
});
|
|
86
52
|
return _this;
|
|
87
53
|
}
|
|
88
|
-
|
|
89
54
|
(0, _createClass2["default"])(TooltipRoot, [{
|
|
90
55
|
key: "getTriggerProps",
|
|
91
56
|
value: function getTriggerProps() {
|
|
92
57
|
// TODO: как то убрать
|
|
93
58
|
var _this$asProps = this.asProps,
|
|
94
|
-
|
|
95
|
-
|
|
59
|
+
x = _this$asProps.x,
|
|
60
|
+
y = _this$asProps.y;
|
|
96
61
|
return {
|
|
97
62
|
x: x,
|
|
98
63
|
y: y
|
|
@@ -107,17 +72,15 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
|
|
|
107
72
|
key: "componentDidMount",
|
|
108
73
|
value: function componentDidMount() {
|
|
109
74
|
var _this2 = this;
|
|
110
|
-
|
|
111
75
|
var _this$asProps2 = this.asProps,
|
|
112
|
-
|
|
113
|
-
|
|
76
|
+
eventEmitter = _this$asProps2.eventEmitter,
|
|
77
|
+
rootRef = _this$asProps2.rootRef;
|
|
114
78
|
this.unsubscribeTooltipVisible = eventEmitter.subscribe('onTooltipVisible', function (visible, data, node) {
|
|
115
79
|
_this2.setState((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, data), {}, {
|
|
116
80
|
$visible: visible
|
|
117
81
|
}), function () {
|
|
118
82
|
if (node && (node[_utils.CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {
|
|
119
83
|
var _this2$popper$current;
|
|
120
|
-
|
|
121
84
|
_this2 === null || _this2 === void 0 ? void 0 : _this2.setPopperTrigger(node);
|
|
122
85
|
(_this2$popper$current = _this2.popper.current) === null || _this2$popper$current === void 0 ? void 0 : _this2$popper$current.update();
|
|
123
86
|
}
|
|
@@ -135,13 +98,12 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
|
|
|
135
98
|
key: "render",
|
|
136
99
|
value: function render() {
|
|
137
100
|
var _ref = this.asProps,
|
|
138
|
-
|
|
139
|
-
|
|
101
|
+
_this3 = this;
|
|
140
102
|
var _this$asProps3 = this.asProps,
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
103
|
+
Children = _this$asProps3.Children,
|
|
104
|
+
children = _this$asProps3.children,
|
|
105
|
+
tag = _this$asProps3.tag,
|
|
106
|
+
other = (0, _objectWithoutProperties2["default"])(_this$asProps3, _excluded);
|
|
145
107
|
var advanceMode = !!(0, _findComponent["default"])(Children, [Tooltip.Trigger.displayName, Tooltip.Popper.displayName]);
|
|
146
108
|
return /*#__PURE__*/_react["default"].createElement(_popper["default"], (0, _core.assignProps)({
|
|
147
109
|
"visible": this.state.$visible,
|
|
@@ -154,9 +116,8 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
|
|
|
154
116
|
}
|
|
155
117
|
}, _ref), function (_ref9) {
|
|
156
118
|
var _this3$popper$current;
|
|
157
|
-
|
|
158
119
|
var popper = _ref9.popper,
|
|
159
|
-
|
|
120
|
+
setTrigger = _ref9.setTrigger;
|
|
160
121
|
_this3.setPopperTrigger = setTrigger;
|
|
161
122
|
_this3.popper = popper;
|
|
162
123
|
(_this3$popper$current = _this3.popper.current) === null || _this3$popper$current === void 0 ? void 0 : _this3$popper$current.update();
|
|
@@ -168,18 +129,15 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
|
|
|
168
129
|
}]);
|
|
169
130
|
return TooltipRoot;
|
|
170
131
|
}(_core.Component);
|
|
171
|
-
|
|
172
132
|
(0, _defineProperty2["default"])(TooltipRoot, "displayName", 'Tooltip');
|
|
173
133
|
(0, _defineProperty2["default"])(TooltipRoot, "style", style);
|
|
174
|
-
|
|
175
134
|
function PopperPopper(props) {
|
|
176
135
|
var _ref5;
|
|
177
|
-
|
|
178
136
|
var STooltip = props.Element,
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
137
|
+
styles = props.styles,
|
|
138
|
+
$visible = props.$visible,
|
|
139
|
+
x = props.x,
|
|
140
|
+
y = props.y;
|
|
183
141
|
var handlerCancel = (0, _react.useCallback)(function () {
|
|
184
142
|
return false;
|
|
185
143
|
}, []);
|
|
@@ -192,25 +150,21 @@ function PopperPopper(props) {
|
|
|
192
150
|
"y": y
|
|
193
151
|
}));
|
|
194
152
|
}
|
|
195
|
-
|
|
196
153
|
function Title(props) {
|
|
197
154
|
var _ref2 = arguments[0],
|
|
198
|
-
|
|
199
|
-
|
|
155
|
+
_ref6;
|
|
200
156
|
var STitle = _flexBox.Box;
|
|
201
157
|
var styles = props.styles;
|
|
202
158
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref6.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
203
159
|
"__excludeProps": ['data', 'scale']
|
|
204
160
|
}, _ref2))));
|
|
205
161
|
}
|
|
206
|
-
|
|
207
162
|
function Dot(props) {
|
|
208
163
|
var _ref3 = arguments[0],
|
|
209
|
-
|
|
210
|
-
|
|
164
|
+
_ref7;
|
|
211
165
|
var styles = props.styles,
|
|
212
|
-
|
|
213
|
-
|
|
166
|
+
color = props.color,
|
|
167
|
+
Children = props.Children;
|
|
214
168
|
var SDotGroup = _flexBox.Box;
|
|
215
169
|
var SDot = _flexBox.Box;
|
|
216
170
|
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDotGroup, _ref7.cn("SDotGroup", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
@@ -219,18 +173,15 @@ function Dot(props) {
|
|
|
219
173
|
"color": (0, _color["default"])(color)
|
|
220
174
|
})), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {})));
|
|
221
175
|
}
|
|
222
|
-
|
|
223
176
|
function Footer(props) {
|
|
224
177
|
var _ref4 = arguments[0],
|
|
225
|
-
|
|
226
|
-
|
|
178
|
+
_ref8;
|
|
227
179
|
var styles = props.styles;
|
|
228
180
|
var SFooter = _flexBox.Box;
|
|
229
181
|
return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SFooter, _ref8.cn("SFooter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
230
182
|
"__excludeProps": ['data', 'scale']
|
|
231
183
|
}, _ref4))));
|
|
232
184
|
}
|
|
233
|
-
|
|
234
185
|
var Tooltip = (0, _createElement["default"])(TooltipRoot, {
|
|
235
186
|
Trigger: _popper["default"].Trigger,
|
|
236
187
|
Popper: PopperPopper,
|
package/lib/cjs/Tooltip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","names":["TooltipRoot","$visible","asProps","x","y","state","eventEmitter","rootRef","unsubscribeTooltipVisible","subscribe","visible","data","node","setState","CONSTANT","VIRTUAL_ELEMENT","current","contains","setPopperTrigger","popper","update","Children","children","tag","other","advanceMode","findComponent","Tooltip","Trigger","displayName","Popper","handlerCancel","allowedAutoPlacements","setTrigger","Component","style","PopperPopper","props","STooltip","Element","styles","useCallback","sstyled","Title","STitle","Box","Dot","color","SDotGroup","SDot","resolveColor","Footer","SFooter","createElement"],"sources":["../../src/Tooltip.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport resolveColor from '@semcore/utils/lib/color';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/tooltip.shadow.css';\n\nclass TooltipRoot extends Component {\n static displayName = 'Tooltip';\n\n static style = style;\n\n state = {\n $visible: false,\n };\n\n handlerCancel = () => false;\n\n getTriggerProps() {\n // TODO: как то убрать\n const { x, y } = this.asProps;\n return { x, y };\n }\n\n getPopperProps() {\n return {\n ...this.state,\n };\n }\n\n componentDidMount() {\n const { eventEmitter, rootRef } = this.asProps;\n this.unsubscribeTooltipVisible = eventEmitter.subscribe(\n 'onTooltipVisible',\n (visible, data, node) => {\n this.setState(\n {\n ...data,\n $visible: visible,\n },\n () => {\n if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {\n this?.setPopperTrigger(node);\n this.popper.current?.update();\n }\n },\n );\n },\n );\n }\n\n componentWillUnmount() {\n if (this.unsubscribeTooltipVisible) {\n this.unsubscribeTooltipVisible();\n }\n }\n\n render() {\n const { Children, children, tag, ...other } = this.asProps;\n\n const advanceMode = !!findComponent(Children, [\n Tooltip.Trigger.displayName,\n Tooltip.Popper.displayName,\n ]);\n return (\n <Root\n render={Popper}\n visible={this.state.$visible}\n onFirstUpdate={this.handlerCancel}\n onOutsideClick={this.handlerCancel}\n interaction=\"none\"\n offset={8}\n flip={{ allowedAutoPlacements: ['left', 'right'] }}\n >\n {({ popper, setTrigger }) => {\n this.setPopperTrigger = setTrigger;\n this.popper = popper;\n this.popper.current?.update();\n return advanceMode ? (\n <Children />\n ) : (\n <>\n {tag && <Tooltip.Trigger tag={tag} />}\n <Tooltip.Popper {...other}>{children}</Tooltip.Popper>\n </>\n );\n }}\n </Root>\n );\n }\n}\n\nfunction PopperPopper(props) {\n const { Element: STooltip, styles, $visible, x, y } = props;\n\n const handlerCancel = useCallback(() => false, []);\n\n if (!$visible) return null;\n\n return sstyled(styles)(\n <STooltip\n render={Popper.Popper}\n childrenPosition=\"inside\"\n onMouseMove={handlerCancel}\n x={x}\n y={y}\n />,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { styles } = props;\n return sstyled(styles)(<STitle render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nfunction Dot(props) {\n const { styles, color, Children } = props;\n const SDotGroup = Root;\n const SDot = Box;\n return sstyled(styles)(\n <SDotGroup render={Box} __excludeProps={['data', 'scale']}>\n <SDot color={resolveColor(color)} />\n <Children />\n </SDotGroup>,\n );\n}\n\nfunction Footer(props) {\n const { styles } = props;\n const SFooter = Root;\n return sstyled(styles)(\n <SFooter render={Box} __excludeProps={['data', 'scale']}/>,\n );\n}\n\nconst Tooltip = createElement(TooltipRoot, {\n Trigger: Popper.Trigger,\n Popper: PopperPopper,\n Title,\n Footer,\n Dot,\n});\n\nexport default Tooltip;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tooltip.js","names":["_core","require","_react","_interopRequireWildcard","_popper","_interopRequireDefault","_flexBox","_findComponent","_color","_createElement","_utils","_excluded","style","sstyled","insert","TooltipRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","$visible","_createClass2","key","value","getTriggerProps","_this$asProps","asProps","x","y","getPopperProps","_objectSpread2","state","componentDidMount","_this2","_this$asProps2","eventEmitter","rootRef","unsubscribeTooltipVisible","subscribe","visible","data","node","setState","CONSTANT","VIRTUAL_ELEMENT","current","contains","_this2$popper$current","setPopperTrigger","popper","update","componentWillUnmount","render","_ref","_this3","_this$asProps3","Children","children","tag","other","_objectWithoutProperties2","advanceMode","findComponent","Tooltip","Trigger","displayName","Popper","createElement","assignProps","handlerCancel","allowedAutoPlacements","_ref9","_this3$popper$current","setTrigger","Fragment","Component","PopperPopper","props","_ref5","STooltip","Element","styles","useCallback","cn","Title","_ref2","arguments[0]","_ref6","STitle","Box","Dot","_ref3","_ref7","color","SDotGroup","SDot","resolveColor","Footer","_ref4","_ref8","SFooter","_default","exports"],"sources":["../../src/Tooltip.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport resolveColor from '@semcore/utils/lib/color';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/tooltip.shadow.css';\n\nclass TooltipRoot extends Component {\n static displayName = 'Tooltip';\n\n static style = style;\n\n state = {\n $visible: false,\n };\n\n handlerCancel = () => false;\n\n getTriggerProps() {\n // TODO: как то убрать\n const { x, y } = this.asProps;\n return { x, y };\n }\n\n getPopperProps() {\n return {\n ...this.state,\n };\n }\n\n componentDidMount() {\n const { eventEmitter, rootRef } = this.asProps;\n this.unsubscribeTooltipVisible = eventEmitter.subscribe(\n 'onTooltipVisible',\n (visible, data, node) => {\n this.setState(\n {\n ...data,\n $visible: visible,\n },\n () => {\n if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {\n this?.setPopperTrigger(node);\n this.popper.current?.update();\n }\n },\n );\n },\n );\n }\n\n componentWillUnmount() {\n if (this.unsubscribeTooltipVisible) {\n this.unsubscribeTooltipVisible();\n }\n }\n\n render() {\n const { Children, children, tag, ...other } = this.asProps;\n\n const advanceMode = !!findComponent(Children, [\n Tooltip.Trigger.displayName,\n Tooltip.Popper.displayName,\n ]);\n return (\n <Root\n render={Popper}\n visible={this.state.$visible}\n onFirstUpdate={this.handlerCancel}\n onOutsideClick={this.handlerCancel}\n interaction=\"none\"\n offset={8}\n flip={{ allowedAutoPlacements: ['left', 'right'] }}\n >\n {({ popper, setTrigger }) => {\n this.setPopperTrigger = setTrigger;\n this.popper = popper;\n this.popper.current?.update();\n return advanceMode ? (\n <Children />\n ) : (\n <>\n {tag && <Tooltip.Trigger tag={tag} />}\n <Tooltip.Popper {...other}>{children}</Tooltip.Popper>\n </>\n );\n }}\n </Root>\n );\n }\n}\n\nfunction PopperPopper(props) {\n const { Element: STooltip, styles, $visible, x, y } = props;\n\n const handlerCancel = useCallback(() => false, []);\n\n if (!$visible) return null;\n\n return sstyled(styles)(\n <STooltip\n render={Popper.Popper}\n childrenPosition=\"inside\"\n onMouseMove={handlerCancel}\n x={x}\n y={y}\n />,\n );\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { styles } = props;\n return sstyled(styles)(<STitle render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nfunction Dot(props) {\n const { styles, color, Children } = props;\n const SDotGroup = Root;\n const SDot = Box;\n return sstyled(styles)(\n <SDotGroup render={Box} __excludeProps={['data', 'scale']}>\n <SDot color={resolveColor(color)} />\n <Children />\n </SDotGroup>,\n );\n}\n\nfunction Footer(props) {\n const { styles } = props;\n const SFooter = Root;\n return sstyled(styles)(\n <SFooter render={Box} __excludeProps={['data', 'scale']}/>,\n );\n}\n\nconst Tooltip = createElement(TooltipRoot, {\n Trigger: Popper.Trigger,\n Popper: PopperPopper,\n Title,\n Footer,\n Dot,\n});\n\nexport default Tooltip;\n"],"mappings":"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"}
|
package/lib/cjs/Venn.js
CHANGED
|
@@ -1,80 +1,49 @@
|
|
|
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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
12
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
|
-
|
|
20
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
14
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
23
|
-
|
|
24
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
16
|
var _core = require("@semcore/core");
|
|
27
|
-
|
|
28
17
|
var _react = _interopRequireDefault(require("react"));
|
|
29
|
-
|
|
30
18
|
var _venn = require("@upsetjs/venn.js");
|
|
31
|
-
|
|
32
19
|
var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"));
|
|
33
|
-
|
|
34
20
|
var _animation = require("@semcore/animation");
|
|
35
|
-
|
|
36
21
|
var _createElement = _interopRequireDefault(require("./createElement"));
|
|
37
|
-
|
|
38
22
|
var _utils = require("./utils");
|
|
39
|
-
|
|
40
23
|
/*__reshadow-styles__:"./style/venn.shadow.css"*/
|
|
41
|
-
var style = (
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
"
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
/*__reshadow_css_end__*/
|
|
49
|
-
, {
|
|
50
|
-
"__SCircle": "___SCircle_1bb73_gg_",
|
|
51
|
-
"--duration": "--duration_1bb73",
|
|
52
|
-
"_color": "__color_1bb73_gg_",
|
|
53
|
-
"--color": "--color_1bb73",
|
|
54
|
-
"_transparent": "__transparent_1bb73_gg_",
|
|
55
|
-
"__SIntersection": "___SIntersection_1bb73_gg_"
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCircle_noj34_gg_,.___SIntersection_noj34_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_noj34_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_noj34);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_noj34_gg_:hover{fill-opacity:.7}}.___SCircle_noj34_gg_.__color_noj34_gg_{fill:var(--color_noj34)}.___SCircle_noj34_gg_.__transparent_noj34_gg_{opacity:.3}.___SIntersection_noj34_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_noj34_gg_:hover{fill-opacity:.1}}.___SIntersection_noj34_gg_.__transparent_noj34_gg_{opacity:.3}" /*__inner_css_end__*/, "noj34_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SCircle": "___SCircle_noj34_gg_",
|
|
26
|
+
"--duration": "--duration_noj34",
|
|
27
|
+
"_color": "__color_noj34_gg_",
|
|
28
|
+
"--color": "--color_noj34",
|
|
29
|
+
"_transparent": "__transparent_noj34_gg_",
|
|
30
|
+
"__SIntersection": "___SIntersection_noj34_gg_"
|
|
56
31
|
});
|
|
57
|
-
|
|
58
32
|
var VennRoot = /*#__PURE__*/function (_Component) {
|
|
59
33
|
(0, _inherits2["default"])(VennRoot, _Component);
|
|
60
|
-
|
|
61
34
|
var _super = (0, _createSuper2["default"])(VennRoot);
|
|
62
|
-
|
|
63
35
|
function VennRoot() {
|
|
64
36
|
var _this;
|
|
65
|
-
|
|
66
37
|
(0, _classCallCheck2["default"])(this, VennRoot);
|
|
67
|
-
|
|
68
38
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
69
39
|
args[_key] = arguments[_key];
|
|
70
40
|
}
|
|
71
|
-
|
|
72
41
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
73
42
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "virtualElement", (0, _canUseDOM["default"])() ? document.createElement('div') : {});
|
|
74
43
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerTooltip", function (visible, props) {
|
|
75
44
|
return function (_ref3) {
|
|
76
45
|
var x = _ref3.clientX,
|
|
77
|
-
|
|
46
|
+
y = _ref3.clientY;
|
|
78
47
|
var eventEmitter = _this.asProps.eventEmitter;
|
|
79
48
|
_this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
|
|
80
49
|
_this.virtualElement[_utils.CONSTANT.VIRTUAL_ELEMENT] = true;
|
|
@@ -91,7 +60,6 @@ var VennRoot = /*#__PURE__*/function (_Component) {
|
|
|
91
60
|
}));
|
|
92
61
|
return _this;
|
|
93
62
|
}
|
|
94
|
-
|
|
95
63
|
(0, _createClass2["default"])(VennRoot, [{
|
|
96
64
|
key: "generateGetBoundingClientRect",
|
|
97
65
|
value: function generateGetBoundingClientRect() {
|
|
@@ -112,20 +80,17 @@ var VennRoot = /*#__PURE__*/function (_Component) {
|
|
|
112
80
|
key: "getVennData",
|
|
113
81
|
value: function getVennData() {
|
|
114
82
|
var _this$asProps = this.asProps,
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
83
|
+
data = _this$asProps.data,
|
|
84
|
+
orientation = _this$asProps.orientation,
|
|
85
|
+
orientationOrder = _this$asProps.orientationOrder,
|
|
86
|
+
size = _this$asProps.size;
|
|
120
87
|
var _size = (0, _slicedToArray2["default"])(size, 2),
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
88
|
+
width = _size[0],
|
|
89
|
+
height = _size[1];
|
|
124
90
|
var vennData = Object.entries(data).map(function (_ref4) {
|
|
125
91
|
var _ref5 = (0, _slicedToArray2["default"])(_ref4, 2),
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
92
|
+
dataKey = _ref5[0],
|
|
93
|
+
size = _ref5[1];
|
|
129
94
|
return {
|
|
130
95
|
sets: dataKey.split('/'),
|
|
131
96
|
size: size
|
|
@@ -149,8 +114,8 @@ var VennRoot = /*#__PURE__*/function (_Component) {
|
|
|
149
114
|
key: "getIntersectionProps",
|
|
150
115
|
value: function getIntersectionProps(props) {
|
|
151
116
|
var _this$asProps2 = this.asProps,
|
|
152
|
-
|
|
153
|
-
|
|
117
|
+
duration = _this$asProps2.duration,
|
|
118
|
+
transparent = _this$asProps2.transparent;
|
|
154
119
|
var dataKeys = props.dataKey.split('/');
|
|
155
120
|
return {
|
|
156
121
|
duration: duration,
|
|
@@ -180,7 +145,6 @@ var VennRoot = /*#__PURE__*/function (_Component) {
|
|
|
180
145
|
}]);
|
|
181
146
|
return VennRoot;
|
|
182
147
|
}(_core.Component);
|
|
183
|
-
|
|
184
148
|
(0, _defineProperty2["default"])(VennRoot, "displayName", 'Venn');
|
|
185
149
|
(0, _defineProperty2["default"])(VennRoot, "style", style);
|
|
186
150
|
(0, _defineProperty2["default"])(VennRoot, "defaultProps", {
|
|
@@ -190,19 +154,17 @@ var VennRoot = /*#__PURE__*/function (_Component) {
|
|
|
190
154
|
},
|
|
191
155
|
duration: 500
|
|
192
156
|
});
|
|
193
|
-
|
|
194
157
|
function Circle(_ref6) {
|
|
195
158
|
var _ref;
|
|
196
|
-
|
|
197
159
|
var SCircle = _ref6.Element,
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
160
|
+
styles = _ref6.styles,
|
|
161
|
+
color = _ref6.color,
|
|
162
|
+
data = _ref6.data,
|
|
163
|
+
duration = _ref6.duration,
|
|
164
|
+
name = _ref6.name,
|
|
165
|
+
dataKey = _ref6.dataKey,
|
|
166
|
+
dataHintsHandler = _ref6.dataHintsHandler,
|
|
167
|
+
transparent = _ref6.transparent;
|
|
206
168
|
dataHintsHandler.describeValueEntity(dataKey, name);
|
|
207
169
|
return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCircle, _ref.cn("SCircle", {
|
|
208
170
|
"aria-hidden": true,
|
|
@@ -215,19 +177,16 @@ function Circle(_ref6) {
|
|
|
215
177
|
"use:duration": "".concat(duration, "ms")
|
|
216
178
|
}));
|
|
217
179
|
}
|
|
218
|
-
|
|
219
180
|
function Intersection(props) {
|
|
220
181
|
var _ref2;
|
|
221
|
-
|
|
222
182
|
var SIntersection = props.Element,
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
183
|
+
styles = props.styles,
|
|
184
|
+
data = props.data,
|
|
185
|
+
name = props.name,
|
|
186
|
+
dataKey = props.dataKey,
|
|
187
|
+
dataHintsHandler = props.dataHintsHandler,
|
|
188
|
+
transparent = props.transparent;
|
|
229
189
|
dataHintsHandler.describeValueEntity(dataKey, name);
|
|
230
|
-
|
|
231
190
|
var renderIntersection = _react["default"].useCallback( /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
|
|
232
191
|
return /*#__PURE__*/_react["default"].createElement(_animation.FadeInOut, (0, _extends2["default"])({
|
|
233
192
|
"aria-hidden": true,
|
|
@@ -236,7 +195,6 @@ function Intersection(props) {
|
|
|
236
195
|
visible: true
|
|
237
196
|
}, props));
|
|
238
197
|
}), [props]);
|
|
239
|
-
|
|
240
198
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIntersection, _ref2.cn("SIntersection", {
|
|
241
199
|
"aria-hidden": true,
|
|
242
200
|
"render": renderIntersection,
|
|
@@ -244,7 +202,6 @@ function Intersection(props) {
|
|
|
244
202
|
"transparent": transparent
|
|
245
203
|
}));
|
|
246
204
|
}
|
|
247
|
-
|
|
248
205
|
var Venn = (0, _createElement["default"])(VennRoot, {
|
|
249
206
|
Circle: Circle,
|
|
250
207
|
Intersection: Intersection
|