@semcore/d3-chart 2.8.14 → 2.8.16
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 +12 -18
- package/lib/cjs/Area.js.map +1 -1
- package/lib/cjs/Axis.js +21 -29
- package/lib/cjs/Axis.js.map +1 -1
- package/lib/cjs/Bar.js +11 -17
- package/lib/cjs/Bar.js.map +1 -1
- package/lib/cjs/Bubble.js +17 -25
- package/lib/cjs/Bubble.js.map +1 -1
- package/lib/cjs/ClipPath.js +6 -18
- package/lib/cjs/ClipPath.js.map +1 -1
- package/lib/cjs/Donut.js +11 -21
- package/lib/cjs/Donut.js.map +1 -1
- package/lib/cjs/Dots.js +12 -16
- package/lib/cjs/Dots.js.map +1 -1
- package/lib/cjs/GroupBar.js +2 -8
- package/lib/cjs/GroupBar.js.map +1 -1
- package/lib/cjs/HorizontalBar.js +11 -17
- package/lib/cjs/HorizontalBar.js.map +1 -1
- package/lib/cjs/Hover.js +8 -14
- package/lib/cjs/Hover.js.map +1 -1
- package/lib/cjs/Line.js +11 -17
- package/lib/cjs/Line.js.map +1 -1
- package/lib/cjs/Plot.js +11 -23
- package/lib/cjs/Plot.js.map +1 -1
- package/lib/cjs/RadialTree.js +19 -27
- package/lib/cjs/RadialTree.js.map +1 -1
- package/lib/cjs/ReferenceLine.js +16 -24
- package/lib/cjs/ReferenceLine.js.map +1 -1
- package/lib/cjs/ResponsiveContainer.js +7 -19
- package/lib/cjs/ResponsiveContainer.js.map +1 -1
- package/lib/cjs/ScatterPlot.js +14 -22
- package/lib/cjs/ScatterPlot.js.map +1 -1
- package/lib/cjs/StackBar.js +6 -14
- package/lib/cjs/StackBar.js.map +1 -1
- package/lib/cjs/StackedArea.js +5 -13
- package/lib/cjs/StackedArea.js.map +1 -1
- package/lib/cjs/Tooltip.js +17 -29
- package/lib/cjs/Tooltip.js.map +1 -1
- package/lib/cjs/Venn.js +10 -16
- package/lib/cjs/Venn.js.map +1 -1
- package/lib/cjs/a11y/PlotA11yModule.js +10 -18
- package/lib/cjs/a11y/PlotA11yModule.js.map +1 -1
- package/lib/cjs/a11y/PlotA11yView.js +9 -17
- package/lib/cjs/a11y/PlotA11yView.js.map +1 -1
- package/lib/cjs/a11y/hints.js +4 -8
- package/lib/cjs/a11y/hints.js.map +1 -1
- package/lib/cjs/a11y/insights.js +8 -12
- package/lib/cjs/a11y/insights.js.map +1 -1
- package/lib/cjs/a11y/serialize.js +3 -7
- package/lib/cjs/a11y/serialize.js.map +1 -1
- package/lib/cjs/createElement.js +8 -17
- package/lib/cjs/createElement.js.map +1 -1
- package/lib/cjs/types/index.d.js +1 -5
- package/lib/cjs/utils.js +7 -13
- package/lib/cjs/utils.js.map +1 -1
- package/lib/es6/Area.js +11 -17
- package/lib/es6/Area.js.map +1 -1
- package/lib/es6/Axis.js +16 -24
- package/lib/es6/Axis.js.map +1 -1
- package/lib/es6/Bar.js +10 -16
- package/lib/es6/Bar.js.map +1 -1
- package/lib/es6/Bubble.js +13 -22
- package/lib/es6/Bubble.js.map +1 -1
- package/lib/es6/ClipPath.js +2 -11
- package/lib/es6/ClipPath.js.map +1 -1
- package/lib/es6/Donut.js +9 -15
- package/lib/es6/Donut.js.map +1 -1
- package/lib/es6/Dots.js +10 -10
- package/lib/es6/GroupBar.js +1 -7
- package/lib/es6/GroupBar.js.map +1 -1
- package/lib/es6/HorizontalBar.js +10 -16
- package/lib/es6/HorizontalBar.js.map +1 -1
- package/lib/es6/Hover.js +5 -11
- package/lib/es6/Hover.js.map +1 -1
- package/lib/es6/Line.js +10 -16
- package/lib/es6/Line.js.map +1 -1
- package/lib/es6/Plot.js +6 -15
- package/lib/es6/Plot.js.map +1 -1
- package/lib/es6/RadialTree.js +15 -24
- package/lib/es6/RadialTree.js.map +1 -1
- package/lib/es6/ReferenceLine.js +12 -21
- package/lib/es6/ReferenceLine.js.map +1 -1
- package/lib/es6/ResponsiveContainer.js +2 -11
- package/lib/es6/ResponsiveContainer.js.map +1 -1
- package/lib/es6/ScatterPlot.js +10 -19
- package/lib/es6/ScatterPlot.js.map +1 -1
- package/lib/es6/StackBar.js +2 -11
- package/lib/es6/StackBar.js.map +1 -1
- package/lib/es6/StackedArea.js +2 -11
- package/lib/es6/StackedArea.js.map +1 -1
- package/lib/es6/Tooltip.js +10 -19
- package/lib/es6/Tooltip.js.map +1 -1
- package/lib/es6/Venn.js +9 -15
- package/lib/es6/Venn.js.map +1 -1
- package/lib/es6/a11y/PlotA11yModule.js +4 -9
- package/lib/es6/a11y/PlotA11yModule.js.map +1 -1
- package/lib/es6/a11y/PlotA11yView.js +6 -16
- package/lib/es6/a11y/PlotA11yView.js.map +1 -1
- package/lib/es6/a11y/hints.js +1 -6
- package/lib/es6/a11y/hints.js.map +1 -1
- package/lib/es6/a11y/insights.js +1 -7
- package/lib/es6/a11y/insights.js.map +1 -1
- package/lib/es6/a11y/serialize.js +1 -7
- package/lib/es6/a11y/serialize.js.map +1 -1
- package/lib/es6/createElement.js +1 -6
- package/lib/es6/createElement.js.map +1 -1
- package/lib/es6/utils.js +2 -11
- package/lib/es6/utils.js.map +1 -1
- package/package.json +1 -1
package/lib/cjs/Hover.js
CHANGED
|
@@ -17,9 +17,7 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
17
17
|
|
|
18
18
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
19
|
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
20
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
23
21
|
|
|
24
22
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
23
|
|
|
@@ -35,28 +33,24 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
35
33
|
|
|
36
34
|
var _utils = require("./utils");
|
|
37
35
|
|
|
38
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
39
|
-
|
|
40
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
|
-
|
|
42
36
|
/*__reshadow-styles__:"./style/hover.shadow.css"*/
|
|
43
37
|
var style = (
|
|
44
38
|
/*__reshadow_css_start__*/
|
|
45
39
|
_core.sstyled.insert(
|
|
46
40
|
/*__inner_css_start__*/
|
|
47
|
-
".
|
|
41
|
+
".___SHoverLine_1hkvq_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1hkvq_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}"
|
|
48
42
|
/*__inner_css_end__*/
|
|
49
|
-
, "
|
|
43
|
+
, "1hkvq_gg_")
|
|
50
44
|
/*__reshadow_css_end__*/
|
|
51
45
|
, {
|
|
52
|
-
"__SHoverLine": "
|
|
53
|
-
"__SHoverRect": "
|
|
46
|
+
"__SHoverLine": "___SHoverLine_1hkvq_gg_",
|
|
47
|
+
"__SHoverRect": "___SHoverRect_1hkvq_gg_"
|
|
54
48
|
});
|
|
55
49
|
|
|
56
50
|
var Hover = /*#__PURE__*/function (_Component) {
|
|
57
51
|
(0, _inherits2["default"])(Hover, _Component);
|
|
58
52
|
|
|
59
|
-
var _super =
|
|
53
|
+
var _super = (0, _createSuper2["default"])(Hover);
|
|
60
54
|
|
|
61
55
|
function Hover() {
|
|
62
56
|
var _this;
|
|
@@ -170,7 +164,7 @@ var Hover = /*#__PURE__*/function (_Component) {
|
|
|
170
164
|
var HoverLineRoot = /*#__PURE__*/function (_Hover) {
|
|
171
165
|
(0, _inherits2["default"])(HoverLineRoot, _Hover);
|
|
172
166
|
|
|
173
|
-
var _super2 =
|
|
167
|
+
var _super2 = (0, _createSuper2["default"])(HoverLineRoot);
|
|
174
168
|
|
|
175
169
|
function HoverLineRoot() {
|
|
176
170
|
(0, _classCallCheck2["default"])(this, HoverLineRoot);
|
|
@@ -228,7 +222,7 @@ var HoverLineRoot = /*#__PURE__*/function (_Hover) {
|
|
|
228
222
|
var HoverRectRoot = /*#__PURE__*/function (_Hover2) {
|
|
229
223
|
(0, _inherits2["default"])(HoverRectRoot, _Hover2);
|
|
230
224
|
|
|
231
|
-
var _super3 =
|
|
225
|
+
var _super3 = (0, _createSuper2["default"])(HoverRectRoot);
|
|
232
226
|
|
|
233
227
|
function HoverRectRoot() {
|
|
234
228
|
(0, _classCallCheck2["default"])(this, HoverRectRoot);
|
package/lib/cjs/Hover.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hover.js","names":["Hover","xIndex","yIndex","canUseDOM","document","createElement","trottle","e","asProps","eventEmitter","data","scale","x","y","rootRef","clientX","clientY","xScale","yScale","eventToPoint","current","pX","pY","vX","invert","vY","undefined","getIndexFromData","state","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","setState","emit","width","height","top","right","bottom","left","unsubscribeMouseMoveRoot","subscribe","persist","handlerMouseMoveRoot","unsubscribeMouseLeaveRoot","handlerMouseLeaveRoot","Component","style","HoverLineRoot","SHoverLine","Element","styles","xRange","range","yRange","x1","scaleOfBandwidth","y1","sstyled","HoverRectRoot","SHoverRect","step","paddingInner","HoverLine","HoverRect"],"sources":["../../src/Hover.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';\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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"}
|
|
1
|
+
{"version":3,"file":"Hover.js","names":["Hover","xIndex","yIndex","canUseDOM","document","createElement","trottle","e","asProps","eventEmitter","data","scale","x","y","rootRef","clientX","clientY","xScale","yScale","eventToPoint","current","pX","pY","vX","invert","vY","undefined","getIndexFromData","state","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","setState","emit","width","height","top","right","bottom","left","unsubscribeMouseMoveRoot","subscribe","persist","handlerMouseMoveRoot","unsubscribeMouseLeaveRoot","handlerMouseLeaveRoot","Component","style","HoverLineRoot","SHoverLine","Element","styles","xRange","range","yRange","x1","scaleOfBandwidth","y1","sstyled","HoverRectRoot","SHoverRect","step","paddingInner","HoverLine","HoverRect"],"sources":["../../src/Hover.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';\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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"}
|
package/lib/cjs/Line.js
CHANGED
|
@@ -15,9 +15,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
|
|
|
15
15
|
|
|
16
16
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
17
|
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
18
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
21
19
|
|
|
22
20
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
21
|
|
|
@@ -37,33 +35,29 @@ var _Dots = _interopRequireDefault(require("./Dots"));
|
|
|
37
35
|
|
|
38
36
|
var _ClipPath = _interopRequireDefault(require("./ClipPath"));
|
|
39
37
|
|
|
40
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
41
|
-
|
|
42
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
43
|
-
|
|
44
38
|
/*__reshadow-styles__:"./style/line.shadow.css"*/
|
|
45
39
|
var style = (
|
|
46
40
|
/*__reshadow_css_start__*/
|
|
47
41
|
_core.sstyled.insert(
|
|
48
42
|
/*__inner_css_start__*/
|
|
49
|
-
".
|
|
43
|
+
".___SLine_1aucu_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1aucu);transition-timing-function:ease-in-out}.___SLine_1aucu_gg_.__color_1aucu_gg_{stroke:var(--color_1aucu)}.___SLine_1aucu_gg_.__hide_1aucu_gg_{display:none}.___SLine_1aucu_gg_.__transparent_1aucu_gg_{opacity:.3}.___SNull_1aucu_gg_{fill:transparent;stroke:var(-intergalactic-border-primary);stroke-dasharray:4}.___SNull_1aucu_gg_.__hide_1aucu_gg_{display:none}"
|
|
50
44
|
/*__inner_css_end__*/
|
|
51
|
-
, "
|
|
45
|
+
, "1aucu_gg_")
|
|
52
46
|
/*__reshadow_css_end__*/
|
|
53
47
|
, {
|
|
54
|
-
"__SLine": "
|
|
55
|
-
"--duration": "--
|
|
56
|
-
"_color": "
|
|
57
|
-
"--color": "--
|
|
58
|
-
"_hide": "
|
|
59
|
-
"_transparent": "
|
|
60
|
-
"__SNull": "
|
|
48
|
+
"__SLine": "___SLine_1aucu_gg_",
|
|
49
|
+
"--duration": "--duration_1aucu",
|
|
50
|
+
"_color": "__color_1aucu_gg_",
|
|
51
|
+
"--color": "--color_1aucu",
|
|
52
|
+
"_hide": "__hide_1aucu_gg_",
|
|
53
|
+
"_transparent": "__transparent_1aucu_gg_",
|
|
54
|
+
"__SNull": "___SNull_1aucu_gg_"
|
|
61
55
|
});
|
|
62
56
|
|
|
63
57
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
|
64
58
|
(0, _inherits2["default"])(LineRoot, _Component);
|
|
65
59
|
|
|
66
|
-
var _super =
|
|
60
|
+
var _super = (0, _createSuper2["default"])(LineRoot);
|
|
67
61
|
|
|
68
62
|
function LineRoot() {
|
|
69
63
|
(0, _classCallCheck2["default"])(this, LineRoot);
|
package/lib/cjs/Line.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Line.js","names":["LineRoot","asProps","x","y","d3","color","duration","transparent","data","getNullData","definedNullData","SLine","Element","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","sstyled","rect","setAttribute","Component","style","uniqueIDEnhancement","$rootProps","curve","curveLinear","scale","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","SNull","createElement","Dots"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n static displayName = 'Line';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n const [xScale, yScale] = scale || $rootProps.scale;\n return {\n d3: d3Line()\n .defined(definedData(x, y))\n .curve(curve)\n .x((p) => scaleOfBandwidth(xScale, p[x]))\n .y((p) => scaleOfBandwidth(yScale, p[y])),\n duration: 500,\n };\n };\n\n getDotsProps() {\n const { x, y, d3, color, duration, transparent } = this.asProps;\n return {\n x,\n y,\n d3,\n color,\n duration,\n transparent,\n };\n }\n\n getNullProps() {\n const { x, y, d3, color, data } = this.asProps;\n return {\n d3,\n // TODO: vertical\n data: getNullData(data, definedNullData(x, y), y),\n color,\n };\n }\n\n render() {\n const SLine = this.Element;\n const { styles, hide, color, uid, size, d3, data, duration, x, y, transparent } = this.asProps;\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n this.asProps.dataHintsHandler.establishDataType('time-series');\n\n return sstyled(styles)(\n <>\n <SLine\n aria-hidden\n clipPath={`url(#${uid})`}\n render=\"path\"\n hide={hide}\n color={color}\n transparent={transparent}\n d={d3(data)}\n use:duration={`${duration}ms`}\n />\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 Null(props) {\n const { Element: SNull, styles, d3, data, hide } = props;\n return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} />);\n}\n\nexport default createElement(LineRoot, {\n Dots,\n Null,\n});\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Line.js","names":["LineRoot","asProps","x","y","d3","color","duration","transparent","data","getNullData","definedNullData","SLine","Element","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","sstyled","rect","setAttribute","Component","style","uniqueIDEnhancement","$rootProps","curve","curveLinear","scale","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","SNull","createElement","Dots"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n static displayName = 'Line';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n const [xScale, yScale] = scale || $rootProps.scale;\n return {\n d3: d3Line()\n .defined(definedData(x, y))\n .curve(curve)\n .x((p) => scaleOfBandwidth(xScale, p[x]))\n .y((p) => scaleOfBandwidth(yScale, p[y])),\n duration: 500,\n };\n };\n\n getDotsProps() {\n const { x, y, d3, color, duration, transparent } = this.asProps;\n return {\n x,\n y,\n d3,\n color,\n duration,\n transparent,\n };\n }\n\n getNullProps() {\n const { x, y, d3, color, data } = this.asProps;\n return {\n d3,\n // TODO: vertical\n data: getNullData(data, definedNullData(x, y), y),\n color,\n };\n }\n\n render() {\n const SLine = this.Element;\n const { styles, hide, color, uid, size, d3, data, duration, x, y, transparent } = this.asProps;\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n this.asProps.dataHintsHandler.establishDataType('time-series');\n\n return sstyled(styles)(\n <>\n <SLine\n aria-hidden\n clipPath={`url(#${uid})`}\n render=\"path\"\n hide={hide}\n color={color}\n transparent={transparent}\n d={d3(data)}\n use:duration={`${duration}ms`}\n />\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 Null(props) {\n const { Element: SNull, styles, d3, data, hide } = props;\n return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} />);\n}\n\nexport default createElement(LineRoot, {\n Dots,\n Null,\n});\n"],"mappings":"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"}
|
package/lib/cjs/Plot.js
CHANGED
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
10
|
exports["default"] = void 0;
|
|
11
11
|
|
|
12
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
+
|
|
12
14
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
15
|
|
|
14
16
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
@@ -19,9 +21,7 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
19
21
|
|
|
20
22
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
23
|
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
24
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
25
25
|
|
|
26
26
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
27
|
|
|
@@ -41,36 +41,24 @@ var _PlotA11yModule = require("./a11y/PlotA11yModule");
|
|
|
41
41
|
|
|
42
42
|
var _hints = require("./a11y/hints");
|
|
43
43
|
|
|
44
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
45
|
-
|
|
46
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
47
|
-
|
|
48
|
-
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; }
|
|
49
|
-
|
|
50
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
51
|
-
|
|
52
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
53
|
-
|
|
54
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
55
|
-
|
|
56
44
|
/*__reshadow-styles__:"./style/plot.shadow.css"*/
|
|
57
45
|
var style = (
|
|
58
46
|
/*__reshadow_css_start__*/
|
|
59
47
|
_core.sstyled.insert(
|
|
60
48
|
/*__inner_css_start__*/
|
|
61
|
-
".
|
|
49
|
+
".___SPlot_1r8ef_gg_{overflow:hidden}.___SPlot_1r8ef_gg_:active,.___SPlot_1r8ef_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1r8ef_gg_.__keyboardFocused_1r8ef_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}"
|
|
62
50
|
/*__inner_css_end__*/
|
|
63
|
-
, "
|
|
51
|
+
, "1r8ef_gg_")
|
|
64
52
|
/*__reshadow_css_end__*/
|
|
65
53
|
, {
|
|
66
|
-
"__SPlot": "
|
|
67
|
-
"_keyboardFocused": "
|
|
54
|
+
"__SPlot": "___SPlot_1r8ef_gg_",
|
|
55
|
+
"_keyboardFocused": "__keyboardFocused_1r8ef_gg_"
|
|
68
56
|
});
|
|
69
57
|
|
|
70
58
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
71
59
|
(0, _inherits2["default"])(PlotRoot, _Component);
|
|
72
60
|
|
|
73
|
-
var _super =
|
|
61
|
+
var _super = (0, _createSuper2["default"])(PlotRoot);
|
|
74
62
|
|
|
75
63
|
function PlotRoot(props) {
|
|
76
64
|
var _this;
|
|
@@ -166,7 +154,7 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
|
166
154
|
label = _this$asProps2.label,
|
|
167
155
|
locale = _this$asProps2.locale;
|
|
168
156
|
if (!width || !height) return null;
|
|
169
|
-
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SPlot, _ref2.cn("SPlot",
|
|
157
|
+
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SPlot, _ref2.cn("SPlot", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
170
158
|
"tag": "svg",
|
|
171
159
|
"__excludeProps": ['data', 'scale'],
|
|
172
160
|
"ref": this.rootRef,
|
package/lib/cjs/Plot.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Plot.js","names":["PlotRoot","props","uniqueId","React","createRef","makeDataHintsContainer","makeDataHintsHandlers","dataStructureHints","e","scale","asProps","eventEmitter","emit","xScale","yScale","eventToPoint","rootRef","current","pX","pY","range","minX","maxX","maxY","minY","EventEmitter","data","width","height","yScaleDomain","domain","length","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","SPlot","Box","styles","Children","a11yAltTextConfig","label","locale","sstyled","handlerMouseMove","handlerMouseLeave","plotId","Component","style","keyboardFocusEnhance","createComponent"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { eventToPoint, uniqueId } from './utils';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\n\nimport style from './style/plot.shadow.css';\n\nclass PlotRoot extends Component {\n static displayName = 'Plot';\n static style = style;\n\n constructor(props) {\n super(props);\n this.eventEmitter = props.eventEmitter || new EventEmitter();\n }\n\n static defaultProps = () => ({\n width: 0,\n height: 0,\n });\n\n static enhance = [keyboardFocusEnhance()];\n\n plotId = uniqueId();\n\n rootRef = React.createRef();\n\n dataStructureHints = makeDataHintsContainer();\n dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n handlerMouseMove = (e) => {\n const { scale } = this.asProps;\n this.eventEmitter.emit(`onMouseMoveRoot`, e);\n\n if (scale) {\n const [xScale, yScale] = scale;\n const [pX, pY] = eventToPoint(e, this.rootRef.current);\n const [minX, maxX] = xScale.range();\n const [maxY, minY] = yScale.range();\n\n if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n this.eventEmitter.emit('onMouseMoveChart', e);\n } else {\n this.eventEmitter.emit('onMouseLeaveChart', e);\n }\n }\n };\n\n handlerMouseLeave = (e) => {\n this.eventEmitter.emit(`onMouseLeaveRoot`, e);\n this.eventEmitter.emit('onMouseLeaveChart', e);\n };\n\n setContext() {\n const { scale, data, width, height } = this.asProps;\n\n const yScaleDomain = scale?.[1]?.domain?.();\n if (yScaleDomain?.length && data?.length) {\n this.dataHintsHandler.setPointsDensity(\n data.length / width,\n Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n );\n }\n\n return {\n $rootProps: {\n size: [width, height],\n data: data,\n scale: scale,\n eventEmitter: this.eventEmitter,\n rootRef: this.rootRef,\n dataHintsHandler: this.dataHintsHandler,\n },\n };\n }\n\n render() {\n const SPlot = Root;\n const { styles, width, height, Children, data, a11yAltTextConfig, label, locale } =\n this.asProps;\n\n if (!width || !height) return null;\n\n return sstyled(styles)(\n <>\n <SPlot\n render={Box}\n tag=\"svg\"\n __excludeProps={['data', 'scale']}\n ref={this.rootRef}\n onMouseMove={this.handlerMouseMove}\n onMouseLeave={this.handlerMouseLeave}\n aria-label={label}\n tabIndex={0}\n >\n <Children />\n <foreignObject width=\"100%\" height=\"100%\" data-aria-only>\n <PlotA11yModule\n id={this.plotId}\n data={data}\n plotLabel={label}\n locale={locale}\n plotRef={this.rootRef}\n hints={this.dataStructureHints}\n config={a11yAltTextConfig}\n />\n </foreignObject>\n </SPlot>\n </>,\n );\n }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA
|
|
1
|
+
{"version":3,"file":"Plot.js","names":["PlotRoot","props","uniqueId","React","createRef","makeDataHintsContainer","makeDataHintsHandlers","dataStructureHints","e","scale","asProps","eventEmitter","emit","xScale","yScale","eventToPoint","rootRef","current","pX","pY","range","minX","maxX","maxY","minY","EventEmitter","data","width","height","yScaleDomain","domain","length","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","SPlot","Box","styles","Children","a11yAltTextConfig","label","locale","sstyled","handlerMouseMove","handlerMouseLeave","plotId","Component","style","keyboardFocusEnhance","createComponent"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { eventToPoint, uniqueId } from './utils';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\n\nimport style from './style/plot.shadow.css';\n\nclass PlotRoot extends Component {\n static displayName = 'Plot';\n static style = style;\n\n constructor(props) {\n super(props);\n this.eventEmitter = props.eventEmitter || new EventEmitter();\n }\n\n static defaultProps = () => ({\n width: 0,\n height: 0,\n });\n\n static enhance = [keyboardFocusEnhance()];\n\n plotId = uniqueId();\n\n rootRef = React.createRef();\n\n dataStructureHints = makeDataHintsContainer();\n dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n handlerMouseMove = (e) => {\n const { scale } = this.asProps;\n this.eventEmitter.emit(`onMouseMoveRoot`, e);\n\n if (scale) {\n const [xScale, yScale] = scale;\n const [pX, pY] = eventToPoint(e, this.rootRef.current);\n const [minX, maxX] = xScale.range();\n const [maxY, minY] = yScale.range();\n\n if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n this.eventEmitter.emit('onMouseMoveChart', e);\n } else {\n this.eventEmitter.emit('onMouseLeaveChart', e);\n }\n }\n };\n\n handlerMouseLeave = (e) => {\n this.eventEmitter.emit(`onMouseLeaveRoot`, e);\n this.eventEmitter.emit('onMouseLeaveChart', e);\n };\n\n setContext() {\n const { scale, data, width, height } = this.asProps;\n\n const yScaleDomain = scale?.[1]?.domain?.();\n if (yScaleDomain?.length && data?.length) {\n this.dataHintsHandler.setPointsDensity(\n data.length / width,\n Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n );\n }\n\n return {\n $rootProps: {\n size: [width, height],\n data: data,\n scale: scale,\n eventEmitter: this.eventEmitter,\n rootRef: this.rootRef,\n dataHintsHandler: this.dataHintsHandler,\n },\n };\n }\n\n render() {\n const SPlot = Root;\n const { styles, width, height, Children, data, a11yAltTextConfig, label, locale } =\n this.asProps;\n\n if (!width || !height) return null;\n\n return sstyled(styles)(\n <>\n <SPlot\n render={Box}\n tag=\"svg\"\n __excludeProps={['data', 'scale']}\n ref={this.rootRef}\n onMouseMove={this.handlerMouseMove}\n onMouseLeave={this.handlerMouseLeave}\n aria-label={label}\n tabIndex={0}\n >\n <Children />\n <foreignObject width=\"100%\" height=\"100%\" data-aria-only>\n <PlotA11yModule\n id={this.plotId}\n data={data}\n plotLabel={label}\n locale={locale}\n plotRef={this.rootRef}\n hints={this.dataStructureHints}\n config={a11yAltTextConfig}\n />\n </foreignObject>\n </SPlot>\n </>,\n );\n }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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"}
|
package/lib/cjs/RadialTree.js
CHANGED
|
@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = void 0;
|
|
9
9
|
|
|
10
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
11
|
+
|
|
10
12
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
13
|
|
|
12
14
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
@@ -21,9 +23,7 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
21
23
|
|
|
22
24
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
25
|
|
|
24
|
-
var
|
|
25
|
-
|
|
26
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
26
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
27
27
|
|
|
28
28
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
29
29
|
|
|
@@ -49,42 +49,34 @@ var _utils = require("./utils");
|
|
|
49
49
|
|
|
50
50
|
var _excluded = ["data"];
|
|
51
51
|
|
|
52
|
-
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; }
|
|
53
|
-
|
|
54
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
55
|
-
|
|
56
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
57
|
-
|
|
58
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
59
|
-
|
|
60
52
|
/*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
|
|
61
53
|
var style = (
|
|
62
54
|
/*__reshadow_css_start__*/
|
|
63
55
|
_core.sstyled.insert(
|
|
64
56
|
/*__inner_css_start__*/
|
|
65
|
-
".
|
|
57
|
+
".___SRadian_1tcso_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_1tcso_gg_{stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SLine_1tcso_gg_.__color_1tcso_gg_{stroke:var(--color_1tcso)}.___SCap_1tcso_gg_.__transparent_1tcso_gg_,.___SIcon_1tcso_gg_.__transparent_1tcso_gg_,.___SLabel_1tcso_gg_.__transparent_1tcso_gg_,.___SLine_1tcso_gg_.__transparent_1tcso_gg_{opacity:.3}.___SCap_1tcso_gg_{transition:r .1s}.___SLabel_1tcso_gg_{fill:var(--color_1tcso);cursor:var(--text-cursor_1tcso)}@media (hover:hover){.___SRadian_1tcso_gg_:hover .___SLabel_1tcso_gg_{fill:var(--color-hovered_1tcso)}}@media (prefers-reduced-motion){.___SLineCap_1tcso_gg_{transition:none}}"
|
|
66
58
|
/*__inner_css_end__*/
|
|
67
|
-
, "
|
|
59
|
+
, "1tcso_gg_")
|
|
68
60
|
/*__reshadow_css_end__*/
|
|
69
61
|
, {
|
|
70
|
-
"__SRadian": "
|
|
71
|
-
"__SLine": "
|
|
72
|
-
"_color": "
|
|
73
|
-
"--color": "--
|
|
74
|
-
"_transparent": "
|
|
75
|
-
"__SCap": "
|
|
76
|
-
"__SIcon": "
|
|
77
|
-
"__SLabel": "
|
|
78
|
-
"--text-cursor": "--text-
|
|
79
|
-
"--color-hovered": "--color-
|
|
80
|
-
"__SLineCap": "
|
|
62
|
+
"__SRadian": "___SRadian_1tcso_gg_",
|
|
63
|
+
"__SLine": "___SLine_1tcso_gg_",
|
|
64
|
+
"_color": "__color_1tcso_gg_",
|
|
65
|
+
"--color": "--color_1tcso",
|
|
66
|
+
"_transparent": "__transparent_1tcso_gg_",
|
|
67
|
+
"__SCap": "___SCap_1tcso_gg_",
|
|
68
|
+
"__SIcon": "___SIcon_1tcso_gg_",
|
|
69
|
+
"__SLabel": "___SLabel_1tcso_gg_",
|
|
70
|
+
"--text-cursor": "--text-cursor_1tcso",
|
|
71
|
+
"--color-hovered": "--color-hovered_1tcso",
|
|
72
|
+
"__SLineCap": "___SLineCap_1tcso_gg_"
|
|
81
73
|
});
|
|
82
74
|
var baseAngle = -Math.PI / 2; // The top vertical line
|
|
83
75
|
|
|
84
76
|
var RadialTreeBase = /*#__PURE__*/function (_Component) {
|
|
85
77
|
(0, _inherits2["default"])(RadialTreeBase, _Component);
|
|
86
78
|
|
|
87
|
-
var _super =
|
|
79
|
+
var _super = (0, _createSuper2["default"])(RadialTreeBase);
|
|
88
80
|
|
|
89
81
|
function RadialTreeBase(props) {
|
|
90
82
|
var _this;
|
|
@@ -304,7 +296,7 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
|
|
|
304
296
|
data = _this$asProps4.data,
|
|
305
297
|
restRootProps = (0, _objectWithoutProperties2["default"])(_this$asProps4, _excluded);
|
|
306
298
|
var textWidth = this.computeTextWidth();
|
|
307
|
-
return
|
|
299
|
+
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, restRootProps), {}, {
|
|
308
300
|
radiansCount: data.length,
|
|
309
301
|
data: data,
|
|
310
302
|
textWidth: textWidth,
|
|
@@ -345,7 +337,7 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
|
|
|
345
337
|
var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
|
|
346
338
|
(0, _inherits2["default"])(RadialTreeRadian, _Component2);
|
|
347
339
|
|
|
348
|
-
var _super2 =
|
|
340
|
+
var _super2 = (0, _createSuper2["default"])(RadialTreeRadian);
|
|
349
341
|
|
|
350
342
|
function RadialTreeRadian(props) {
|
|
351
343
|
var _this3;
|