@semcore/d3-chart 3.3.1 → 3.4.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 +6 -0
- package/lib/cjs/Area.js +9 -9
- package/lib/cjs/Axis.js +14 -14
- package/lib/cjs/Bar.js +10 -10
- package/lib/cjs/Bar.js.map +1 -1
- package/lib/cjs/Bubble.js +10 -10
- package/lib/cjs/Donut.js +7 -7
- package/lib/cjs/Dots.js +9 -9
- package/lib/cjs/GroupBar.js +5 -3
- package/lib/cjs/GroupBar.js.map +1 -1
- package/lib/cjs/HorizontalBar.js +10 -10
- package/lib/cjs/HorizontalBar.js.map +1 -1
- package/lib/cjs/Hover.js +9 -7
- package/lib/cjs/Hover.js.map +1 -1
- package/lib/cjs/Line.js +8 -8
- package/lib/cjs/Plot.js +3 -3
- package/lib/cjs/Radar.js +17 -17
- package/lib/cjs/RadialTree.js +12 -12
- package/lib/cjs/ReferenceLine.js +9 -9
- package/lib/cjs/ScatterPlot.js +7 -7
- package/lib/cjs/Tooltip.js +8 -8
- package/lib/cjs/Venn.js +7 -7
- package/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/lib/cjs/a11y/PlotA11yView.js +3 -3
- package/lib/cjs/utils.js +6 -7
- package/lib/cjs/utils.js.map +1 -1
- package/lib/es6/Area.js +9 -9
- package/lib/es6/Axis.js +14 -14
- package/lib/es6/Bar.js +11 -11
- package/lib/es6/Bar.js.map +1 -1
- package/lib/es6/Bubble.js +10 -10
- package/lib/es6/Donut.js +7 -7
- package/lib/es6/Dots.js +9 -9
- package/lib/es6/GroupBar.js +5 -3
- package/lib/es6/GroupBar.js.map +1 -1
- package/lib/es6/HorizontalBar.js +11 -11
- package/lib/es6/HorizontalBar.js.map +1 -1
- package/lib/es6/Hover.js +10 -8
- package/lib/es6/Hover.js.map +1 -1
- package/lib/es6/Line.js +8 -8
- package/lib/es6/Plot.js +3 -3
- package/lib/es6/Radar.js +17 -17
- package/lib/es6/RadialTree.js +12 -12
- package/lib/es6/ReferenceLine.js +9 -9
- package/lib/es6/ScatterPlot.js +7 -7
- package/lib/es6/Tooltip.js +8 -8
- package/lib/es6/Venn.js +7 -7
- package/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/lib/es6/a11y/PlotA11yView.js +3 -3
- package/lib/es6/utils.js +5 -6
- package/lib/es6/utils.js.map +1 -1
- package/lib/types/utils.d.ts +1 -1
- package/package.json +6 -4
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [3.4.0] - 2023-09-08
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Updated d3 dependencies to resolve peerDependencies mismatch.
|
|
10
|
+
|
|
5
11
|
## [3.3.1] - 2023-08-08
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/Area.js
CHANGED
|
@@ -21,15 +21,15 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
21
21
|
var _utils = require("./utils");
|
|
22
22
|
var _ClipPath = _interopRequireDefault(require("./ClipPath"));
|
|
23
23
|
/*__reshadow-styles__:"./style/area.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SArea": "
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_transparent": "
|
|
29
|
-
"__SAreaLine": "
|
|
30
|
-
"--duration": "--
|
|
31
|
-
"__SNull": "
|
|
32
|
-
"_hide": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SArea_1ovxz_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_1ovxz_gg_.__color_1ovxz_gg_{fill:var(--color_1ovxz)}.___SArea_1ovxz_gg_.__transparent_1ovxz_gg_{opacity:.3}.___SAreaLine_1ovxz_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1ovxz_gg_.__color_1ovxz_gg_{stroke:var(--color_1ovxz)}.___SAreaLine_1ovxz_gg_.__transparent_1ovxz_gg_{opacity:.3}.___SAreaLine_1ovxz_gg_,.___SArea_1ovxz_gg_{transition-property:d;transition-duration:var(--duration_1ovxz);transition-timing-function:ease-in-out}.___SNull_1ovxz_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_1ovxz_gg_.__hide_1ovxz_gg_{display:none}" /*__inner_css_end__*/, "1ovxz_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SArea": "___SArea_1ovxz_gg_",
|
|
26
|
+
"_color": "__color_1ovxz_gg_",
|
|
27
|
+
"--color": "--color_1ovxz",
|
|
28
|
+
"_transparent": "__transparent_1ovxz_gg_",
|
|
29
|
+
"__SAreaLine": "___SAreaLine_1ovxz_gg_",
|
|
30
|
+
"--duration": "--duration_1ovxz",
|
|
31
|
+
"__SNull": "___SNull_1ovxz_gg_",
|
|
32
|
+
"_hide": "__hide_1ovxz_gg_"
|
|
33
33
|
});
|
|
34
34
|
var AreaRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
(0, _inherits2["default"])(AreaRoot, _Component);
|
package/lib/cjs/Axis.js
CHANGED
|
@@ -18,20 +18,20 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
18
18
|
var _utils = require("./utils");
|
|
19
19
|
var _MAP_POSITION_AXIS, _MAP_POSITION_TICK;
|
|
20
20
|
/*__reshadow-styles__:"./style/axis.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SAxis": "
|
|
23
|
-
"_hide": "
|
|
24
|
-
"__STick": "
|
|
25
|
-
"__SGrid": "
|
|
26
|
-
"__STitle": "
|
|
27
|
-
"--transform-origin": "--transform-
|
|
28
|
-
"_position_top": "
|
|
29
|
-
"_position_bottom": "
|
|
30
|
-
"_position_right": "
|
|
31
|
-
"_position_left": "
|
|
32
|
-
"_verticalWritingMode": "
|
|
33
|
-
"_position_custom_0": "
|
|
34
|
-
"_position_custom_1": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxis_1wizi_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1wizi_gg_.__hide_1wizi_gg_,.___STick_1wizi_gg_.__hide_1wizi_gg_{display:none}.___STick_1wizi_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1wizi_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1wizi_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1wizi)}.___STitle_1wizi_gg_._position_top_1wizi_gg_{text-anchor:middle}.___STitle_1wizi_gg_._position_bottom_1wizi_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1wizi_gg_._position_left_1wizi_gg_,.___STitle_1wizi_gg_._position_right_1wizi_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_1wizi_gg_._position_left_1wizi_gg_.__verticalWritingMode_1wizi_gg_,.___STitle_1wizi_gg_._position_right_1wizi_gg_.__verticalWritingMode_1wizi_gg_{writing-mode:vertical-rl;transform:none}.___STick_1wizi_gg_._position_top_1wizi_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1wizi_gg_._position_bottom_1wizi_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1wizi_gg_._position_right_1wizi_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_1wizi_gg_._position_left_1wizi_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_1wizi_gg_._position_custom_0_1wizi_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1wizi_gg_._position_custom_1_1wizi_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "1wizi_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SAxis": "___SAxis_1wizi_gg_",
|
|
23
|
+
"_hide": "__hide_1wizi_gg_",
|
|
24
|
+
"__STick": "___STick_1wizi_gg_",
|
|
25
|
+
"__SGrid": "___SGrid_1wizi_gg_",
|
|
26
|
+
"__STitle": "___STitle_1wizi_gg_",
|
|
27
|
+
"--transform-origin": "--transform-origin_1wizi",
|
|
28
|
+
"_position_top": "_position_top_1wizi_gg_",
|
|
29
|
+
"_position_bottom": "_position_bottom_1wizi_gg_",
|
|
30
|
+
"_position_right": "_position_right_1wizi_gg_",
|
|
31
|
+
"_position_left": "_position_left_1wizi_gg_",
|
|
32
|
+
"_verticalWritingMode": "__verticalWritingMode_1wizi_gg_",
|
|
33
|
+
"_position_custom_0": "_position_custom_0_1wizi_gg_",
|
|
34
|
+
"_position_custom_1": "_position_custom_1_1wizi_gg_"
|
|
35
35
|
});
|
|
36
36
|
var CUSTOM_0 = Symbol('custom_0');
|
|
37
37
|
var CUSTOM_1 = Symbol('custom_1');
|
package/lib/cjs/Bar.js
CHANGED
|
@@ -19,14 +19,14 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
19
19
|
var _ClipPath = _interopRequireDefault(require("./ClipPath"));
|
|
20
20
|
var _utils = require("./utils");
|
|
21
21
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
23
|
-
"__SBar": "
|
|
24
|
-
"--duration": "--
|
|
25
|
-
"_color": "
|
|
26
|
-
"--color": "--
|
|
27
|
-
"_hide": "
|
|
28
|
-
"_transparent": "
|
|
29
|
-
"__SBackground": "
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_sqagy_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_sqagy);transition-timing-function:ease-in-out}.___SBar_sqagy_gg_.__color_sqagy_gg_{fill:var(--color_sqagy)}.___SBar_sqagy_gg_.__hide_sqagy_gg_{display:none}.___SBar_sqagy_gg_.__transparent_sqagy_gg_{opacity:.3}.___SBackground_sqagy_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "sqagy_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SBar": "___SBar_sqagy_gg_",
|
|
24
|
+
"--duration": "--duration_sqagy",
|
|
25
|
+
"_color": "__color_sqagy_gg_",
|
|
26
|
+
"--color": "--color_sqagy",
|
|
27
|
+
"_hide": "__hide_sqagy_gg_",
|
|
28
|
+
"_transparent": "__transparent_sqagy_gg_",
|
|
29
|
+
"__SBackground": "___SBackground_sqagy_gg_"
|
|
30
30
|
});
|
|
31
31
|
var MIN_HEIGHT = 2;
|
|
32
32
|
exports.MIN_HEIGHT = MIN_HEIGHT;
|
|
@@ -106,7 +106,7 @@ var BarRoot = /*#__PURE__*/function (_Component) {
|
|
|
106
106
|
yScale = _scale[1];
|
|
107
107
|
var absHeight = Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale((_d$y = d[y0]) !== null && _d$y !== void 0 ? _d$y : 0)));
|
|
108
108
|
var height = Number(d[y] - ((_d$y2 = d[y0]) !== null && _d$y2 !== void 0 ? _d$y2 : 0)) === 0 ? 0 : Math.max(absHeight, hMin);
|
|
109
|
-
var width = widthProps || (0, _utils.
|
|
109
|
+
var width = widthProps || (0, _utils.scaleToBand)(xScale).bandwidth();
|
|
110
110
|
var barX = xScale(d[x]) + offset[0];
|
|
111
111
|
var barY = yScale(Math.max((_d$y3 = d[y0]) !== null && _d$y3 !== void 0 ? _d$y3 : 0, height <= hMin && d[y] > 0 ? 0 : d[y])) + offset[1] - calcPartBarY(d[y], hMin, height);
|
|
112
112
|
var handleClick = function handleClick(event) {
|
|
@@ -190,7 +190,7 @@ function Background(props) {
|
|
|
190
190
|
"aria-hidden": true,
|
|
191
191
|
"render": 'rect',
|
|
192
192
|
"childrenPosition": 'above',
|
|
193
|
-
"width": xScale.bandwidth(),
|
|
193
|
+
"width": (0, _utils.scaleToBand)(xScale).bandwidth(),
|
|
194
194
|
"height": yRange[0] - yRange[1],
|
|
195
195
|
"x": xScale(value),
|
|
196
196
|
"y": yRange[1]
|
package/lib/cjs/Bar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bar.js","names":["_core","require","_react","_interopRequireDefault","_d3Transition","_uniqueID","_createElement","_ClipPath","_utils","style","sstyled","insert","MIN_HEIGHT","exports","calcPartBarY","y","minHeight","height","Object","is","BarRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getBackgroundProps","_props","index","_this$asProps","asProps","x","data","animationBar","_this$asProps2","duration","uid","selectRect","transition","selection","selectAll","concat","selectRectNode","node","getAttribute","attr","componentDidUpdate","componentDidMount","renderBar","d","i","_ref","_d$y","_d$y2","_d$y3","SBar","Element","_this$asProps3","styles","color","y0","scale","hide","offsetProps","offset","r","hMin","widthProps","width","groupKey","onClick","transparent","_scale","_slicedToArray2","xScale","yScale","absHeight","Math","abs","min","domain","Number","max","getBandwidth","barX","barY","handleClick","event","dSvg","getRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","createElement","cn","render","_this$asProps4","size","Fragment","map","bind","id","Component","_defineProperty2","uniqueIDEnhancement","Background","props","_ref2","SBackground","_scale2","yRange","range","bandwidth","_ref3","roundedPath","_default"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nexport const MIN_HEIGHT = 2;\n\nconst calcPartBarY = (y, minHeight, height) => {\n // need for the correct rendering of negative values (bar should be under Y-axis)\n if (y <= 0) {\n return Object.is(y, 0) ? minHeight : 0;\n }\n // need for the correct rendering of the minimum positive values\n return height <= minHeight ? minHeight : 0;\n};\n\nclass BarRoot extends Component {\n static displayName = 'Bar';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n r: 2,\n hMin: MIN_HEIGHT,\n };\n\n getBackgroundProps(_props, index) {\n const { x, data } = this.asProps;\n return {\n value: data[index][x],\n index,\n };\n }\n\n animationBar() {\n const { duration, uid } = this.asProps;\n const selectRect = transition().selection().selectAll(`#${uid} rect`);\n const selectRectNode = selectRect.node();\n\n if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n selectRect.transition().duration(duration).attr('y', 0);\n }\n }\n\n componentDidUpdate() {\n this.animationBar();\n }\n\n componentDidMount() {\n this.animationBar();\n }\n\n renderBar(d, i) {\n const SBar = this.Element;\n const {\n styles,\n color,\n x,\n y,\n y0,\n scale,\n hide,\n offset: offsetProps,\n duration,\n uid,\n r,\n hMin,\n width: widthProps,\n groupKey,\n onClick,\n transparent,\n } = this.asProps;\n const offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;\n const [xScale, yScale] = scale;\n const absHeight = Math.abs(\n yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)),\n );\n const height = Number(d[y] - (d[y0] ?? 0)) === 0 ? 0 : Math.max(absHeight, hMin);\n const width = widthProps || getBandwidth(xScale);\n const barX = xScale(d[x]) + offset[0];\n const barY =\n yScale(Math.max(d[y0] ?? 0, height <= hMin && d[y] > 0 ? 0 : d[y])) +\n offset[1] -\n calcPartBarY(d[y], hMin, height);\n const handleClick = (event) => onClick?.(d, event);\n const dSvg = getRect({\n x: barX,\n y: barY,\n width,\n height,\n radius: Array.isArray(r) ? r[i] : r,\n position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom',\n });\n\n if (groupKey) {\n this.asProps.dataHintsHandler.describeGroupedValues(groupKey, y);\n } else {\n this.asProps.dataHintsHandler.describeValueEntity(`${i}.${y}`, groupKey ?? d[x]);\n }\n\n return sstyled(styles)(\n <SBar\n aria-hidden\n key={`bar-${i}`}\n render='path'\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value', 'onClick', 'offset']}\n childrenPosition='above'\n value={d}\n index={i}\n hide={hide}\n color={color}\n x={barX}\n y={barY}\n width={width}\n height={height}\n d={dSvg}\n onClickCapture={handleClick}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />,\n );\n }\n render() {\n const { data, uid, size, duration } = this.asProps;\n return (\n <>\n {data.map(this.renderBar.bind(this))}\n {duration && (\n <ClipPath\n aria-hidden\n key={`${uid}-animation`}\n id={uid}\n x='0'\n y={size[1]}\n width={size[0]}\n height={`${size[1]}px`}\n />\n )}\n </>\n );\n }\n}\n\nfunction Background(props) {\n const { Element: SBackground, styles, scale, value } = props;\n\n const [xScale, yScale] = scale;\n const yRange = yScale.range();\n\n return sstyled(styles)(\n <SBackground\n aria-hidden\n render='rect'\n childrenPosition='above'\n width={xScale.bandwidth()}\n height={yRange[0] - yRange[1]}\n x={xScale(value)}\n y={yRange[1]}\n />,\n );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n if (height < radius) radius = height;\n if (radius) {\n if (position === 'top')\n return roundedPath(x, y, width, height, radius, true, true, false, false);\n return roundedPath(x, y, width, height, radius, false, false, true, true);\n }\n return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Bar.js","names":["_core","require","_react","_interopRequireDefault","_d3Transition","_uniqueID","_createElement","_ClipPath","_utils","style","sstyled","insert","MIN_HEIGHT","exports","calcPartBarY","y","minHeight","height","Object","is","BarRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getBackgroundProps","_props","index","_this$asProps","asProps","x","data","animationBar","_this$asProps2","duration","uid","selectRect","transition","selection","selectAll","concat","selectRectNode","node","getAttribute","attr","componentDidUpdate","componentDidMount","renderBar","d","i","_ref","_d$y","_d$y2","_d$y3","SBar","Element","_this$asProps3","styles","color","y0","scale","hide","offsetProps","offset","r","hMin","widthProps","width","groupKey","onClick","transparent","_scale","_slicedToArray2","xScale","yScale","absHeight","Math","abs","min","domain","Number","max","scaleToBand","bandwidth","barX","barY","handleClick","event","dSvg","getRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","createElement","cn","render","_this$asProps4","size","Fragment","map","bind","id","Component","_defineProperty2","uniqueIDEnhancement","Background","props","_ref2","SBackground","_scale2","yRange","range","_ref3","roundedPath","_default"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { scaleToBand, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nexport const MIN_HEIGHT = 2;\n\nconst calcPartBarY = (y, minHeight, height) => {\n // need for the correct rendering of negative values (bar should be under Y-axis)\n if (y <= 0) {\n return Object.is(y, 0) ? minHeight : 0;\n }\n // need for the correct rendering of the minimum positive values\n return height <= minHeight ? minHeight : 0;\n};\n\nclass BarRoot extends Component {\n static displayName = 'Bar';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n r: 2,\n hMin: MIN_HEIGHT,\n };\n\n getBackgroundProps(_props, index) {\n const { x, data } = this.asProps;\n return {\n value: data[index][x],\n index,\n };\n }\n\n animationBar() {\n const { duration, uid } = this.asProps;\n const selectRect = transition().selection().selectAll(`#${uid} rect`);\n const selectRectNode = selectRect.node();\n\n if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n selectRect.transition().duration(duration).attr('y', 0);\n }\n }\n\n componentDidUpdate() {\n this.animationBar();\n }\n\n componentDidMount() {\n this.animationBar();\n }\n\n renderBar(d, i) {\n const SBar = this.Element;\n const {\n styles,\n color,\n x,\n y,\n y0,\n scale,\n hide,\n offset: offsetProps,\n duration,\n uid,\n r,\n hMin,\n width: widthProps,\n groupKey,\n onClick,\n transparent,\n } = this.asProps;\n const offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;\n const [xScale, yScale] = scale;\n const absHeight = Math.abs(\n yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)),\n );\n const height = Number(d[y] - (d[y0] ?? 0)) === 0 ? 0 : Math.max(absHeight, hMin);\n const width = widthProps || scaleToBand(xScale).bandwidth();\n const barX = xScale(d[x]) + offset[0];\n const barY =\n yScale(Math.max(d[y0] ?? 0, height <= hMin && d[y] > 0 ? 0 : d[y])) +\n offset[1] -\n calcPartBarY(d[y], hMin, height);\n const handleClick = (event) => onClick?.(d, event);\n const dSvg = getRect({\n x: barX,\n y: barY,\n width,\n height,\n radius: Array.isArray(r) ? r[i] : r,\n position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom',\n });\n\n if (groupKey) {\n this.asProps.dataHintsHandler.describeGroupedValues(groupKey, y);\n } else {\n this.asProps.dataHintsHandler.describeValueEntity(`${i}.${y}`, groupKey ?? d[x]);\n }\n\n return sstyled(styles)(\n <SBar\n aria-hidden\n key={`bar-${i}`}\n render='path'\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value', 'onClick', 'offset']}\n childrenPosition='above'\n value={d}\n index={i}\n hide={hide}\n color={color}\n x={barX}\n y={barY}\n width={width}\n height={height}\n d={dSvg}\n onClickCapture={handleClick}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />,\n );\n }\n render() {\n const { data, uid, size, duration } = this.asProps;\n return (\n <>\n {data.map(this.renderBar.bind(this))}\n {duration && (\n <ClipPath\n aria-hidden\n key={`${uid}-animation`}\n id={uid}\n x='0'\n y={size[1]}\n width={size[0]}\n height={`${size[1]}px`}\n />\n )}\n </>\n );\n }\n}\n\nfunction Background(props) {\n const { Element: SBackground, styles, scale, value } = props;\n\n const [xScale, yScale] = scale;\n const yRange = yScale.range();\n\n return sstyled(styles)(\n <SBackground\n aria-hidden\n render='rect'\n childrenPosition='above'\n width={scaleToBand(xScale).bandwidth()}\n height={yRange[0] - yRange[1]}\n x={xScale(value)}\n y={yRange[1]}\n />,\n );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n if (height < radius) radius = height;\n if (radius) {\n if (position === 'top')\n return roundedPath(x, y, width, height, radius, true, true, false, false);\n return roundedPath(x, y, width, height, radius, false, false, true, true);\n }\n return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"mappings":"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"}
|
package/lib/cjs/Bubble.js
CHANGED
|
@@ -25,16 +25,16 @@ var _ClipPath = _interopRequireDefault(require("./ClipPath"));
|
|
|
25
25
|
var _utils = require("./utils");
|
|
26
26
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
27
27
|
/*__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
28
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
29
|
-
"__SBubble": "
|
|
30
|
-
"--duration": "--
|
|
31
|
-
"_color": "
|
|
32
|
-
"--color": "--
|
|
33
|
-
"_transparent": "
|
|
34
|
-
"__SCenter": "
|
|
35
|
-
"__SLabel": "
|
|
36
|
-
"_position_right": "
|
|
37
|
-
"_position_left": "
|
|
28
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBubble_1cbnb_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1cbnb);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1cbnb_gg_:hover{opacity:.8}}.___SBubble_1cbnb_gg_.__color_1cbnb_gg_{fill:var(--color_1cbnb)}.___SBubble_1cbnb_gg_.__transparent_1cbnb_gg_{opacity:.3}.___SCenter_1cbnb_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1cbnb_gg_.__color_1cbnb_gg_{stroke:var(--color_1cbnb)}.___SCenter_1cbnb_gg_.__transparent_1cbnb_gg_{opacity:.3}.___SLabel_1cbnb_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1cbnb_gg_._position_right_1cbnb_gg_{text-anchor:end}.___SLabel_1cbnb_gg_._position_left_1cbnb_gg_{text-anchor:start}.___SLabel_1cbnb_gg_.__color_1cbnb_gg_{fill:var(--color_1cbnb)}.___SLabel_1cbnb_gg_.__transparent_1cbnb_gg_{opacity:.3}" /*__inner_css_end__*/, "1cbnb_gg_") /*__reshadow_css_end__*/, {
|
|
29
|
+
"__SBubble": "___SBubble_1cbnb_gg_",
|
|
30
|
+
"--duration": "--duration_1cbnb",
|
|
31
|
+
"_color": "__color_1cbnb_gg_",
|
|
32
|
+
"--color": "--color_1cbnb",
|
|
33
|
+
"_transparent": "__transparent_1cbnb_gg_",
|
|
34
|
+
"__SCenter": "___SCenter_1cbnb_gg_",
|
|
35
|
+
"__SLabel": "___SLabel_1cbnb_gg_",
|
|
36
|
+
"_position_right": "_position_right_1cbnb_gg_",
|
|
37
|
+
"_position_left": "_position_left_1cbnb_gg_"
|
|
38
38
|
});
|
|
39
39
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
40
40
|
(0, _inherits2["default"])(BubbleRoot, _Component);
|
package/lib/cjs/Donut.js
CHANGED
|
@@ -28,13 +28,13 @@ var _utils = require("./utils");
|
|
|
28
28
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
29
29
|
var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent", "innerRadius", "outerRadius", "halfsize"];
|
|
30
30
|
/*__reshadow-styles__:"./style/donut.shadow.css"*/
|
|
31
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
32
|
-
"__SPie": "
|
|
33
|
-
"_color": "
|
|
34
|
-
"--color": "--
|
|
35
|
-
"_transparent": "
|
|
36
|
-
"__SEmptyData": "
|
|
37
|
-
"__SLabel": "
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPie_wcljj_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_wcljj_gg_.__color_wcljj_gg_{fill:var(--color_wcljj)}.___SPie_wcljj_gg_.__transparent_wcljj_gg_{opacity:.3}.___SEmptyData_wcljj_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_wcljj_gg_.__color_wcljj_gg_{fill:var(--color_wcljj)}.___SLabel_wcljj_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "wcljj_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SPie": "___SPie_wcljj_gg_",
|
|
33
|
+
"_color": "__color_wcljj_gg_",
|
|
34
|
+
"--color": "--color_wcljj",
|
|
35
|
+
"_transparent": "__transparent_wcljj_gg_",
|
|
36
|
+
"__SEmptyData": "___SEmptyData_wcljj_gg_",
|
|
37
|
+
"__SLabel": "___SLabel_wcljj_gg_"
|
|
38
38
|
});
|
|
39
39
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
40
40
|
function transitionAnglePie(_ref6) {
|
package/lib/cjs/Dots.js
CHANGED
|
@@ -14,15 +14,15 @@ var _rafTrottle = _interopRequireDefault(require("@semcore/utils/lib/rafTrottle"
|
|
|
14
14
|
var _createElement = _interopRequireDefault(require("./createElement"));
|
|
15
15
|
var _utils = require("./utils");
|
|
16
16
|
/*__reshadow-styles__:"./style/dot.shadow.css"*/
|
|
17
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
18
|
-
"__SDots": "
|
|
19
|
-
"__SDot": "
|
|
20
|
-
"--duration": "--
|
|
21
|
-
"_hide": "
|
|
22
|
-
"_active": "
|
|
23
|
-
"_color": "
|
|
24
|
-
"--color": "--
|
|
25
|
-
"_transparent": "
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDots_pzg9g_gg_ .___SDot_pzg9g_gg_{transition-duration:var(--duration_pzg9g)}.___SDot_pzg9g_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_pzg9g_gg_.__hide_pzg9g_gg_{display:none}.___SDot_pzg9g_gg_.__active_pzg9g_gg_{r:8px}.___SDot_pzg9g_gg_.__color_pzg9g_gg_{fill:var(--color_pzg9g)}.___SDot_pzg9g_gg_.__transparent_pzg9g_gg_{opacity:.3}" /*__inner_css_end__*/, "pzg9g_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SDots": "___SDots_pzg9g_gg_",
|
|
19
|
+
"__SDot": "___SDot_pzg9g_gg_",
|
|
20
|
+
"--duration": "--duration_pzg9g",
|
|
21
|
+
"_hide": "__hide_pzg9g_gg_",
|
|
22
|
+
"_active": "__active_pzg9g_gg_",
|
|
23
|
+
"_color": "__color_pzg9g_gg_",
|
|
24
|
+
"--color": "--color_pzg9g",
|
|
25
|
+
"_transparent": "__transparent_pzg9g_gg_"
|
|
26
26
|
});
|
|
27
27
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
|
28
28
|
function Dots(props) {
|
package/lib/cjs/GroupBar.js
CHANGED
|
@@ -16,6 +16,8 @@ var _getOriginChildren = _interopRequireDefault(require("@semcore/utils/lib/getO
|
|
|
16
16
|
var _createElement = _interopRequireDefault(require("./createElement"));
|
|
17
17
|
var _Bar = _interopRequireDefault(require("./Bar"));
|
|
18
18
|
var _HorizontalBar = _interopRequireDefault(require("./HorizontalBar"));
|
|
19
|
+
var _d3Scale = require("d3-scale");
|
|
20
|
+
var _utils = require("./utils");
|
|
19
21
|
var GroupBarRoot = /*#__PURE__*/function (_Component) {
|
|
20
22
|
(0, _inherits2["default"])(GroupBarRoot, _Component);
|
|
21
23
|
var _super = (0, _createSuper2["default"])(GroupBarRoot);
|
|
@@ -43,7 +45,7 @@ var GroupBarRoot = /*#__PURE__*/function (_Component) {
|
|
|
43
45
|
}
|
|
44
46
|
return acc;
|
|
45
47
|
}, []);
|
|
46
|
-
return
|
|
48
|
+
return (0, _d3Scale.scaleBand)().range([0, (0, _utils.scaleToBand)(xyScale).bandwidth()]).domain(domain).paddingInner((0, _utils.scaleToBand)(xyScale).paddingOuter()).paddingOuter(0);
|
|
47
49
|
}
|
|
48
50
|
}, {
|
|
49
51
|
key: "getBarProps",
|
|
@@ -52,7 +54,7 @@ var GroupBarRoot = /*#__PURE__*/function (_Component) {
|
|
|
52
54
|
var x = this.asProps.x;
|
|
53
55
|
return {
|
|
54
56
|
offset: [this.scaleGroup(y), 0],
|
|
55
|
-
width: this.scaleGroup.bandwidth(),
|
|
57
|
+
width: (0, _utils.scaleToBand)(this.scaleGroup).bandwidth(),
|
|
56
58
|
x: x,
|
|
57
59
|
groupKey: x
|
|
58
60
|
};
|
|
@@ -64,7 +66,7 @@ var GroupBarRoot = /*#__PURE__*/function (_Component) {
|
|
|
64
66
|
var y = this.asProps.y;
|
|
65
67
|
return {
|
|
66
68
|
offset: [0, this.scaleGroup(x)],
|
|
67
|
-
height: this.scaleGroup.bandwidth(),
|
|
69
|
+
height: (0, _utils.scaleToBand)(this.scaleGroup).bandwidth(),
|
|
68
70
|
y: y,
|
|
69
71
|
groupKey: y
|
|
70
72
|
};
|
package/lib/cjs/GroupBar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupBar.js","names":["_react","_interopRequireDefault","require","_core","_getOriginChildren","_createElement","_Bar","_HorizontalBar","GroupBarRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getScaleGroup","_this$asProps","asProps","Children","scale","scaleGroup","x","xyScale","domain","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","GroupBar","Bar","props","hide","push","y","HorizontalBar","
|
|
1
|
+
{"version":3,"file":"GroupBar.js","names":["_react","_interopRequireDefault","require","_core","_getOriginChildren","_createElement","_Bar","_HorizontalBar","_d3Scale","_utils","GroupBarRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getScaleGroup","_this$asProps","asProps","Children","scale","scaleGroup","x","xyScale","domain","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","GroupBar","Bar","props","hide","push","y","HorizontalBar","scaleBand","range","scaleToBand","bandwidth","paddingInner","paddingOuter","getBarProps","_ref","offset","width","groupKey","getHorizontalBarProps","_ref2","height","render","Element","dataHintsHandler","establishDataType","createElement","childrenPosition","Component","_defineProperty2","_default","exports"],"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';\nimport { scaleBand } from 'd3-scale';\nimport { scaleToBand } from './utils';\n\nclass GroupBarRoot extends Component {\n static displayName = 'GroupBar';\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 scaleBand()\n .range([0, scaleToBand(xyScale).bandwidth()])\n .domain(domain)\n .paddingInner(scaleToBand(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: scaleToBand(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: scaleToBand(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":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,IAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAsC,IAEhCQ,YAAY,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,YAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,YAAA;EAAA,SAAAA,aAAA;IAAA,IAAAK,gBAAA,mBAAAL,YAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,YAAA;IAAAS,GAAA;IAAAC,KAAA,EAGhB,SAAAC,cAAA,EAAgB;MACd,IAAAC,aAAA,GAA2C,IAAI,CAACC,OAAO;QAA/CC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,UAAU,GAAAJ,aAAA,CAAVI,UAAU;QAAEC,CAAC,GAAAL,aAAA,CAADK,CAAC;MACtC;MACA,IAAMC,OAAO,GAAGD,CAAC,GAAGF,KAAK,CAAC,CAAC,CAAC,GAAGA,KAAK,CAAC,CAAC,CAAC;MAEvC,IAAIC,UAAU,EAAE,OAAOA,UAAU;MAEjC,IAAMG,MAAM,GAAGC,iBAAK,CAACN,QAAQ,CAACO,OAAO,CAAC,IAAAC,6BAAiB,EAACR,QAAQ,CAAC,CAAC,CAACS,MAAM,CAAC,UAACC,GAAG,EAAEC,KAAK,EAAK;QACxF,IAAI,cAAAL,iBAAK,CAACM,cAAc,CAACD,KAAK,CAAC,IAAIA,KAAK,CAACE,IAAI,KAAKC,QAAQ,CAACC,GAAG,IAAI,CAACJ,KAAK,CAACK,KAAK,CAACC,IAAI,EAAE;UACnFP,GAAG,CAACQ,IAAI,CAACP,KAAK,CAACK,KAAK,CAACG,CAAC,CAAC;QACzB;QACA,IACE,cAAAb,iBAAK,CAACM,cAAc,CAACD,KAAK,CAAC,IAC3BA,KAAK,CAACE,IAAI,KAAKC,QAAQ,CAACM,aAAa,IACrC,CAACT,KAAK,CAACK,KAAK,CAACC,IAAI,EACjB;UACAP,GAAG,CAACQ,IAAI,CAACP,KAAK,CAACK,KAAK,CAACb,CAAC,CAAC;QACzB;QACA,OAAOO,GAAG;MACZ,CAAC,EAAE,EAAE,CAAC;MAEN,OAAO,IAAAW,kBAAS,GAAE,CACfC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAAC,kBAAW,EAACnB,OAAO,CAAC,CAACoB,SAAS,EAAE,CAAC,CAAC,CAC5CnB,MAAM,CAACA,MAAM,CAAC,CACdoB,YAAY,CAAC,IAAAF,kBAAW,EAACnB,OAAO,CAAC,CAACsB,YAAY,EAAE,CAAC,CACjDA,YAAY,CAAC,CAAC,CAAC;IACpB;EAAC;IAAA/B,GAAA;IAAAC,KAAA,EAED,SAAA+B,YAAAC,IAAA,EAAmB;MAAA,IAALT,CAAC,GAAAS,IAAA,CAADT,CAAC;MACb,IAAQhB,CAAC,GAAK,IAAI,CAACJ,OAAO,CAAlBI,CAAC;MAET,OAAO;QACL0B,MAAM,EAAE,CAAC,IAAI,CAAC3B,UAAU,CAACiB,CAAC,CAAC,EAAE,CAAC,CAAC;QAC/BW,KAAK,EAAE,IAAAP,kBAAW,EAAC,IAAI,CAACrB,UAAU,CAAC,CAACsB,SAAS,EAAE;QAC/CrB,CAAC,EAADA,CAAC;QACD4B,QAAQ,EAAE5B;MACZ,CAAC;IACH;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAoC,sBAAAC,KAAA,EAA6B;MAAA,IAAL9B,CAAC,GAAA8B,KAAA,CAAD9B,CAAC;MACvB,IAAQgB,CAAC,GAAK,IAAI,CAACpB,OAAO,CAAlBoB,CAAC;MAET,OAAO;QACLU,MAAM,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC3B,UAAU,CAACC,CAAC,CAAC,CAAC;QAC/B+B,MAAM,EAAE,IAAAX,kBAAW,EAAC,IAAI,CAACrB,UAAU,CAAC,CAACsB,SAAS,EAAE;QAChDL,CAAC,EAADA,CAAC;QACDY,QAAQ,EAAEZ;MACZ,CAAC;IACH;EAAC;IAAAxB,GAAA;IAAAC,KAAA,EAED,SAAAuC,OAAA,EAAS;MACP,IAAMC,OAAO,GAAG,IAAI,CAACA,OAAO;MAC5B,IAAI,CAAClC,UAAU,GAAG,IAAI,CAACL,aAAa,EAAE;MAEtC,IAAI,CAACE,OAAO,CAACsC,gBAAgB,CAACC,iBAAiB,CAAC,gBAAgB,CAAC;MAEjE,oBACE9D,MAAA,YAAA+D,aAAA,CAACH,OAAO;QAAC,mBAAW;QAACD,MAAM,EAAC,GAAG;QAACK,gBAAgB,EAAC,QAAQ;QAACtC,UAAU,EAAE,IAAI,CAACA;MAAW,EAAG;IAE7F;EAAC;EAAA,OAAAhB,YAAA;AAAA,EA9DwBuD,eAAS;AAAA,IAAAC,gBAAA,aAA9BxD,YAAY,iBACK,UAAU;AAgEjC,IAAM4B,QAAQ,GAAG,IAAAyB,yBAAa,EAACrD,YAAY,EAAE;EAC3C6B,GAAG,EAAHA,eAAG;EACHK,aAAa,EAAbA;AACF,CAAC,CAAC;AAAC,IAAAuB,QAAA,GAEY7B,QAAQ;AAAA8B,OAAA,cAAAD,QAAA"}
|
package/lib/cjs/HorizontalBar.js
CHANGED
|
@@ -18,14 +18,14 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
18
18
|
var _ClipPath = _interopRequireDefault(require("./ClipPath"));
|
|
19
19
|
var _utils = require("./utils");
|
|
20
20
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SBar": "
|
|
23
|
-
"--duration": "--
|
|
24
|
-
"_color": "
|
|
25
|
-
"--color": "--
|
|
26
|
-
"_hide": "
|
|
27
|
-
"_transparent": "
|
|
28
|
-
"__SBackground": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_sqagy_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_sqagy);transition-timing-function:ease-in-out}.___SBar_sqagy_gg_.__color_sqagy_gg_{fill:var(--color_sqagy)}.___SBar_sqagy_gg_.__hide_sqagy_gg_{display:none}.___SBar_sqagy_gg_.__transparent_sqagy_gg_{opacity:.3}.___SBackground_sqagy_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "sqagy_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SBar": "___SBar_sqagy_gg_",
|
|
23
|
+
"--duration": "--duration_sqagy",
|
|
24
|
+
"_color": "__color_sqagy_gg_",
|
|
25
|
+
"--color": "--color_sqagy",
|
|
26
|
+
"_hide": "__hide_sqagy_gg_",
|
|
27
|
+
"_transparent": "__transparent_sqagy_gg_",
|
|
28
|
+
"__SBackground": "___SBackground_sqagy_gg_"
|
|
29
29
|
});
|
|
30
30
|
var MIN_WIDTH = 2;
|
|
31
31
|
exports.MIN_WIDTH = MIN_WIDTH;
|
|
@@ -83,7 +83,7 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
|
|
|
83
83
|
xScale = _scale[0],
|
|
84
84
|
yScale = _scale[1];
|
|
85
85
|
var absWidth = Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale((_d$x = d[x0]) !== null && _d$x !== void 0 ? _d$x : 0)));
|
|
86
|
-
var height = heightProps || (0, _utils.
|
|
86
|
+
var height = heightProps || (0, _utils.scaleToBand)(yScale).bandwidth();
|
|
87
87
|
var width = Number(d[x] - ((_d$x2 = d[x0]) !== null && _d$x2 !== void 0 ? _d$x2 : 0)) === 0 ? 0 : Math.max(absWidth, wMin);
|
|
88
88
|
var barY = yScale(d[y]) + offset[1];
|
|
89
89
|
var barX = xScale(Math.min((_d$x3 = d[x0]) !== null && _d$x3 !== void 0 ? _d$x3 : 0, width <= wMin && d[x] < 0 ? 0 : d[x])) + offset[0] - calcPartBarX(d[x], wMin, width);
|
|
@@ -170,7 +170,7 @@ function Background(props) {
|
|
|
170
170
|
"render": 'rect',
|
|
171
171
|
"childrenPosition": 'above',
|
|
172
172
|
"width": xRange[1] - xRange[0],
|
|
173
|
-
"height": yScale.bandwidth(),
|
|
173
|
+
"height": (0, _utils.scaleToBand)(yScale).bandwidth(),
|
|
174
174
|
"x": xRange[0],
|
|
175
175
|
"y": yScale(value)
|
|
176
176
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalBar.js","names":["_core","require","_react","_interopRequireDefault","_uniqueID","_createElement","_ClipPath","_utils","style","sstyled","insert","MIN_WIDTH","exports","calcPartBarX","x","minWidth","width","Object","is","HorizontalBarRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getBackgroundProps","_props","index","_this$asProps","asProps","data","y","renderBar","d","i","_ref","_d$x","_d$x2","_d$x3","SBar","Element","_this$asProps2","styles","color","x0","scale","hide","offsetProps","offset","uid","duration","r","wMin","heightProps","height","onMouseMove","onMouseLeave","groupKey","transparent","_scale","_slicedToArray2","xScale","yScale","absWidth","Math","abs","max","domain","getBandwidth","Number","barY","barX","min","dSvg","getHorizontalRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","concat","createElement","cn","render","_this$asProps3","size","Fragment","map","bind","setAttributeTag","rect","setAttribute","id","transition","Component","_defineProperty2","uniqueIDEnhancement","Background","props","_ref2","SBackground","_scale2","xRange","range","bandwidth","_ref3","roundedPath","_default"],"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\nexport const MIN_WIDTH = 2;\n\nconst calcPartBarX = (x, minWidth, width) => {\n // need for the correct rendering of negative values\n if (x <= 0) {\n return width <= minWidth ? minWidth : 0;\n }\n // need for the correct rendering of the minimum positive values\n return Object.is(x, 0) ? minWidth : 0;\n};\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 wMin: MIN_WIDTH,\n };\n\n getBackgroundProps(_props, index) {\n const { data, y } = this.asProps;\n return {\n value: data[index][y],\n index,\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: offsetProps,\n uid,\n duration,\n r,\n wMin,\n height: heightProps,\n onMouseMove,\n onMouseLeave,\n groupKey,\n transparent,\n } = this.asProps;\n\n const offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;\n const [xScale, yScale] = scale;\n const absWidth = Math.abs(\n xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)),\n );\n const height = heightProps || getBandwidth(yScale);\n const width = Number(d[x] - (d[x0] ?? 0)) === 0 ? 0 : Math.max(absWidth, wMin);\n const barY = yScale(d[y]) + offset[1];\n const barX =\n xScale(Math.min(d[x0] ?? 0, width <= wMin && d[x] < 0 ? 0 : d[x])) +\n offset[0] -\n calcPartBarX(d[x], wMin, width);\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 || Object.is(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', 'offset']}\n childrenPosition='above'\n value={d}\n index={i}\n hide={hide}\n color={color}\n transparent={transparent}\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) radius = width;\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":";;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,cAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAoD;AAAA,IAAAO,KAAA,+BAAAR,KAAA,CAAAS,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI7C,IAAMC,SAAS,GAAG,CAAC;AAACC,OAAA,CAAAD,SAAA,GAAAA,SAAA;AAE3B,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIC,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAK;EAC3C;EACA,IAAIF,CAAC,IAAI,CAAC,EAAE;IACV,OAAOE,KAAK,IAAID,QAAQ,GAAGA,QAAQ,GAAG,CAAC;EACzC;EACA;EACA,OAAOE,MAAM,CAACC,EAAE,CAACJ,CAAC,EAAE,CAAC,CAAC,GAAGC,QAAQ,GAAG,CAAC;AACvC,CAAC;AAAC,IAEII,iBAAiB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,iBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,iBAAA;EAAA,SAAAA,kBAAA;IAAA,IAAAK,gBAAA,mBAAAL,iBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,iBAAA;IAAAS,GAAA;IAAAC,KAAA,EAYrB,SAAAC,mBAAmBC,MAAM,EAAEC,KAAK,EAAE;MAChC,IAAAC,aAAA,GAAoB,IAAI,CAACC,OAAO;QAAxBC,IAAI,GAAAF,aAAA,CAAJE,IAAI;QAAEC,CAAC,GAAAH,aAAA,CAADG,CAAC;MACf,OAAO;QACLP,KAAK,EAAEM,IAAI,CAACH,KAAK,CAAC,CAACI,CAAC,CAAC;QACrBJ,KAAK,EAALA;MACF,CAAC;IACH;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAAQ,UAAUC,CAAC,EAAEC,CAAC,EAAE;MAAA,IAAAC,IAAA,EAAAC,IAAA,EAAAC,KAAA,EAAAC,KAAA;MACd,IAAMC,IAAI,GAAG,IAAI,CAACC,OAAO;MACzB,IAAAC,cAAA,GAkBI,IAAI,CAACZ,OAAO;QAjBda,MAAM,GAAAD,cAAA,CAANC,MAAM;QACNC,KAAK,GAAAF,cAAA,CAALE,KAAK;QACLlC,CAAC,GAAAgC,cAAA,CAADhC,CAAC;QACDmC,EAAE,GAAAH,cAAA,CAAFG,EAAE;QACFb,CAAC,GAAAU,cAAA,CAADV,CAAC;QACDc,KAAK,GAAAJ,cAAA,CAALI,KAAK;QACLC,IAAI,GAAAL,cAAA,CAAJK,IAAI;QACIC,WAAW,GAAAN,cAAA,CAAnBO,MAAM;QACNC,GAAG,GAAAR,cAAA,CAAHQ,GAAG;QACHC,QAAQ,GAAAT,cAAA,CAARS,QAAQ;QACRC,CAAC,GAAAV,cAAA,CAADU,CAAC;QACDC,IAAI,GAAAX,cAAA,CAAJW,IAAI;QACIC,WAAW,GAAAZ,cAAA,CAAnBa,MAAM;QACNC,WAAW,GAAAd,cAAA,CAAXc,WAAW;QACXC,YAAY,GAAAf,cAAA,CAAZe,YAAY;QACZC,QAAQ,GAAAhB,cAAA,CAARgB,QAAQ;QACRC,WAAW,GAAAjB,cAAA,CAAXiB,WAAW;MAGb,IAAMV,MAAM,GAAG,OAAOD,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACb,CAAC,CAAC,GAAGa,WAAW;MAC/E,IAAAY,MAAA,OAAAC,eAAA,aAAyBf,KAAK;QAAvBgB,MAAM,GAAAF,MAAA;QAAEG,MAAM,GAAAH,MAAA;MACrB,IAAMI,QAAQ,GAAGC,IAAI,CAACC,GAAG,CACvBJ,MAAM,CAAC5B,CAAC,CAACxB,CAAC,CAAC,CAAC,GAAGuD,IAAI,CAACE,GAAG,CAACL,MAAM,CAACA,MAAM,CAACM,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,EAAEN,MAAM,EAAAzB,IAAA,GAACH,CAAC,CAACW,EAAE,CAAC,cAAAR,IAAA,cAAAA,IAAA,GAAI,CAAC,CAAC,CAAC,CACxE;MACD,IAAMkB,MAAM,GAAGD,WAAW,IAAI,IAAAe,mBAAY,EAACN,MAAM,CAAC;MAClD,IAAMnD,KAAK,GAAG0D,MAAM,CAACpC,CAAC,CAACxB,CAAC,CAAC,KAAA4B,KAAA,GAAIJ,CAAC,CAACW,EAAE,CAAC,cAAAP,KAAA,cAAAA,KAAA,GAAI,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG2B,IAAI,CAACE,GAAG,CAACH,QAAQ,EAAEX,IAAI,CAAC;MAC9E,IAAMkB,IAAI,GAAGR,MAAM,CAAC7B,CAAC,CAACF,CAAC,CAAC,CAAC,GAAGiB,MAAM,CAAC,CAAC,CAAC;MACrC,IAAMuB,IAAI,GACRV,MAAM,CAACG,IAAI,CAACQ,GAAG,EAAAlC,KAAA,GAACL,CAAC,CAACW,EAAE,CAAC,cAAAN,KAAA,cAAAA,KAAA,GAAI,CAAC,EAAE3B,KAAK,IAAIyC,IAAI,IAAInB,CAAC,CAACxB,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAGwB,CAAC,CAACxB,CAAC,CAAC,CAAC,CAAC,GAClEuC,MAAM,CAAC,CAAC,CAAC,GACTxC,YAAY,CAACyB,CAAC,CAACxB,CAAC,CAAC,EAAE2C,IAAI,EAAEzC,KAAK,CAAC;MACjC,IAAM8D,IAAI,GAAGC,iBAAiB,CAAC;QAC7BjE,CAAC,EAAE8D,IAAI;QACPxC,CAAC,EAAEuC,IAAI;QACP3D,KAAK,EAALA,KAAK;QACL2C,MAAM,EAANA,MAAM;QACNqB,MAAM,EAAEC,KAAK,CAACC,OAAO,CAAC1B,CAAC,CAAC,GAAGA,CAAC,CAACjB,CAAC,CAAC,GAAGiB,CAAC;QACnC2B,QAAQ,EAAE7C,CAAC,CAACxB,CAAC,CAAC,GAAG,CAAC,IAAIG,MAAM,CAACC,EAAE,CAACoB,CAAC,CAACxB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,GAAG;MACvD,CAAC,CAAC;MAEF,IAAIgD,QAAQ,EAAE;QACZ,IAAI,CAAC5B,OAAO,CAACkD,gBAAgB,CAACC,qBAAqB,CAACvB,QAAQ,EAAEhD,CAAC,CAAC;MAClE,CAAC,MAAM;QACL,IAAI,CAACoB,OAAO,CAACkD,gBAAgB,CAACE,mBAAmB,IAAAC,MAAA,CAAIhD,CAAC,OAAAgD,MAAA,CAAIzE,CAAC,GAAIgD,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIxB,CAAC,CAACF,CAAC,CAAC,CAAC;MAClF;MAEA,OAAAI,IAAA,GAAO,IAAA/B,aAAO,EAACsC,MAAM,CAAC,eACpB7C,MAAA,YAAAsF,aAAA,CAAC5C,IAAI,EAAAJ,IAAA,CAAAiD,EAAA;QAAA;QAAA,yBAAAF,MAAA,CAEoBhD,CAAC;QAAA,UACjB,MAAM;QAAA,oBAAAgD,MAAA,CACKjC,GAAG;QAAA,kBACL,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC;QAAA,oBACnC,OAAO;QAAA,SACjBhB,CAAC;QAAA,SACDC,CAAC;QAAA,QACFY,IAAI;QAAA,SACHH,KAAK;QAAA,eACCe,WAAW;QAAA,KACrBa,IAAI;QAAA,KACJD,IAAI;QAAA,SACA3D,KAAK;QAAA,UACJ2C,MAAM;QAAA,KACXmB,IAAI;QAAA,mBAAAS,MAAA,CACUhC,QAAQ;QAAA,eACZK,WAAW;QAAA,gBACVC;MAAY,GAC1B;IAEN;EAAC;IAAAjC,GAAA;IAAAC,KAAA,EAED,SAAA6D,OAAA,EAAS;MACP,IAAAC,cAAA,GAAsC,IAAI,CAACzD,OAAO;QAA1CC,IAAI,GAAAwD,cAAA,CAAJxD,IAAI;QAAEmB,GAAG,GAAAqC,cAAA,CAAHrC,GAAG;QAAEsC,IAAI,GAAAD,cAAA,CAAJC,IAAI;QAAErC,QAAQ,GAAAoC,cAAA,CAARpC,QAAQ;MAEjC,oBACErD,MAAA,YAAAsF,aAAA,CAAAtF,MAAA,YAAA2F,QAAA,QACG1D,IAAI,CAAC2D,GAAG,CAAC,IAAI,CAACzD,SAAS,CAAC0D,IAAI,CAAC,IAAI,CAAC,CAAC,EACnCxC,QAAQ,iBACPrD,MAAA,YAAAsF,aAAA,CAAClF,SAAA,WAAQ;QACP,mBAAW;QACX0F,eAAe,EAAE,SAAAA,gBAACC,IAAI,EAAK;UACzBA,IAAI,CAACC,YAAY,CAAC,OAAO,EAAEN,IAAI,CAAC,CAAC,CAAC,CAAC;QACrC,CAAE;QACFO,EAAE,EAAE7C,GAAI;QACRxC,CAAC,EAAC,GAAG;QACLsB,CAAC,EAAC,GAAG;QACLpB,KAAK,EAAE,CAAE;QACT2C,MAAM,EAAEiC,IAAI,CAAC,CAAC,CAAE;QAChBQ,UAAU,WAAAb,MAAA,CAAWhC,QAAQ;MAAiB,EAEjD,CACA;IAEP;EAAC;EAAA,OAAApC,iBAAA;AAAA,EApH6BkF,eAAS;AAAA,IAAAC,gBAAA,aAAnCnF,iBAAiB,iBACA,eAAe;AAAA,IAAAmF,gBAAA,aADhCnF,iBAAiB,aAEJ,CAAC,IAAAoF,oBAAmB,GAAE,CAAC;AAAA,IAAAD,gBAAA,aAFpCnF,iBAAiB,WAGNX,KAAK;AAAA,IAAA8F,gBAAA,aAHhBnF,iBAAiB,kBAKC;EACpBkC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EACdE,QAAQ,EAAE,GAAG;EACbC,CAAC,EAAE,CAAC;EACJC,IAAI,EAAE9C;AACR,CAAC;AA6GH,SAAS6F,UAAUA,CAACC,KAAK,EAAE;EAAA,IAAAC,KAAA;EACzB,IAAiBC,WAAW,GAA2BF,KAAK,CAApD5D,OAAO;IAAeE,MAAM,GAAmB0D,KAAK,CAA9B1D,MAAM;IAAEG,KAAK,GAAYuD,KAAK,CAAtBvD,KAAK;IAAErB,KAAK,GAAK4E,KAAK,CAAf5E,KAAK;EAClD,IAAA+E,OAAA,OAAA3C,eAAA,aAAyBf,KAAK;IAAvBgB,MAAM,GAAA0C,OAAA;IAAEzC,MAAM,GAAAyC,OAAA;EACrB,IAAMC,MAAM,GAAG3C,MAAM,CAAC4C,KAAK,EAAE;EAE7B,OAAAJ,KAAA,GAAO,IAAAjG,aAAO,EAACsC,MAAM,CAAC,eACpB7C,MAAA,YAAAsF,aAAA,CAACmB,WAAW,EAAAD,KAAA,CAAAjB,EAAA;IAAA;IAAA,UAEH,MAAM;IAAA,oBACI,OAAO;IAAA,SACjBoB,MAAM,CAAC,CAAC,CAAC,GAAGA,MAAM,CAAC,CAAC,CAAC;IAAA,UACpB1C,MAAM,CAAC4C,SAAS,EAAE;IAAA,KACvBF,MAAM,CAAC,CAAC,CAAC;IAAA,KACT1C,MAAM,CAACtC,KAAK;EAAC,GAChB;AAEN;AAEA,SAASkD,iBAAiBA,CAAAiC,KAAA,EAA4C;EAAA,IAAzClG,CAAC,GAAAkG,KAAA,CAADlG,CAAC;IAAEsB,CAAC,GAAA4E,KAAA,CAAD5E,CAAC;IAAEpB,KAAK,GAAAgG,KAAA,CAALhG,KAAK;IAAE2C,MAAM,GAAAqD,KAAA,CAANrD,MAAM;IAAEqB,MAAM,GAAAgC,KAAA,CAANhC,MAAM;IAAEG,QAAQ,GAAA6B,KAAA,CAAR7B,QAAQ;EAChE,IAAInE,KAAK,GAAGgE,MAAM,EAAEA,MAAM,GAAGhE,KAAK;EAClC,IAAIgE,MAAM,EAAE;IACV,IAAIG,QAAQ,KAAK,OAAO,EACtB,OAAO,IAAA8B,kBAAW,EAACnG,CAAC,EAAEsB,CAAC,EAAEpB,KAAK,EAAE2C,MAAM,EAAEqB,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC;IAC3E,OAAO,IAAAiC,kBAAW,EAACnG,CAAC,EAAEsB,CAAC,EAAEpB,KAAK,EAAE2C,MAAM,EAAEqB,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC;EAC3E;EACA,OAAO,IAAAiC,kBAAW,EAACnG,CAAC,EAAEsB,CAAC,EAAEpB,KAAK,EAAE2C,MAAM,EAAEqB,MAAM,CAAC;AACjD;AAAC,IAAAkC,QAAA,GAEc,IAAA1B,yBAAa,EAACrE,iBAAiB,EAAE;EAAEqF,UAAU,EAAVA;AAAW,CAAC,CAAC;AAAA5F,OAAA,cAAAsG,QAAA"}
|
|
1
|
+
{"version":3,"file":"HorizontalBar.js","names":["_core","require","_react","_interopRequireDefault","_uniqueID","_createElement","_ClipPath","_utils","style","sstyled","insert","MIN_WIDTH","exports","calcPartBarX","x","minWidth","width","Object","is","HorizontalBarRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getBackgroundProps","_props","index","_this$asProps","asProps","data","y","renderBar","d","i","_ref","_d$x","_d$x2","_d$x3","SBar","Element","_this$asProps2","styles","color","x0","scale","hide","offsetProps","offset","uid","duration","r","wMin","heightProps","height","onMouseMove","onMouseLeave","groupKey","transparent","_scale","_slicedToArray2","xScale","yScale","absWidth","Math","abs","max","domain","scaleToBand","bandwidth","Number","barY","barX","min","dSvg","getHorizontalRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","concat","createElement","cn","render","_this$asProps3","size","Fragment","map","bind","setAttributeTag","rect","setAttribute","id","transition","Component","_defineProperty2","uniqueIDEnhancement","Background","props","_ref2","SBackground","_scale2","xRange","range","_ref3","roundedPath","_default"],"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 { scaleToBand, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nexport const MIN_WIDTH = 2;\n\nconst calcPartBarX = (x, minWidth, width) => {\n // need for the correct rendering of negative values\n if (x <= 0) {\n return width <= minWidth ? minWidth : 0;\n }\n // need for the correct rendering of the minimum positive values\n return Object.is(x, 0) ? minWidth : 0;\n};\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 wMin: MIN_WIDTH,\n };\n\n getBackgroundProps(_props, index) {\n const { data, y } = this.asProps;\n return {\n value: data[index][y],\n index,\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: offsetProps,\n uid,\n duration,\n r,\n wMin,\n height: heightProps,\n onMouseMove,\n onMouseLeave,\n groupKey,\n transparent,\n } = this.asProps;\n\n const offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;\n const [xScale, yScale] = scale;\n const absWidth = Math.abs(\n xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)),\n );\n const height = heightProps || scaleToBand(yScale).bandwidth();\n const width = Number(d[x] - (d[x0] ?? 0)) === 0 ? 0 : Math.max(absWidth, wMin);\n const barY = yScale(d[y]) + offset[1];\n const barX =\n xScale(Math.min(d[x0] ?? 0, width <= wMin && d[x] < 0 ? 0 : d[x])) +\n offset[0] -\n calcPartBarX(d[x], wMin, width);\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 || Object.is(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', 'offset']}\n childrenPosition='above'\n value={d}\n index={i}\n hide={hide}\n color={color}\n transparent={transparent}\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={scaleToBand(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) radius = width;\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":";;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,cAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAmD;AAAA,IAAAO,KAAA,+BAAAR,KAAA,CAAAS,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI5C,IAAMC,SAAS,GAAG,CAAC;AAACC,OAAA,CAAAD,SAAA,GAAAA,SAAA;AAE3B,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIC,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAK;EAC3C;EACA,IAAIF,CAAC,IAAI,CAAC,EAAE;IACV,OAAOE,KAAK,IAAID,QAAQ,GAAGA,QAAQ,GAAG,CAAC;EACzC;EACA;EACA,OAAOE,MAAM,CAACC,EAAE,CAACJ,CAAC,EAAE,CAAC,CAAC,GAAGC,QAAQ,GAAG,CAAC;AACvC,CAAC;AAAC,IAEII,iBAAiB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,iBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,iBAAA;EAAA,SAAAA,kBAAA;IAAA,IAAAK,gBAAA,mBAAAL,iBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,iBAAA;IAAAS,GAAA;IAAAC,KAAA,EAYrB,SAAAC,mBAAmBC,MAAM,EAAEC,KAAK,EAAE;MAChC,IAAAC,aAAA,GAAoB,IAAI,CAACC,OAAO;QAAxBC,IAAI,GAAAF,aAAA,CAAJE,IAAI;QAAEC,CAAC,GAAAH,aAAA,CAADG,CAAC;MACf,OAAO;QACLP,KAAK,EAAEM,IAAI,CAACH,KAAK,CAAC,CAACI,CAAC,CAAC;QACrBJ,KAAK,EAALA;MACF,CAAC;IACH;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAAQ,UAAUC,CAAC,EAAEC,CAAC,EAAE;MAAA,IAAAC,IAAA,EAAAC,IAAA,EAAAC,KAAA,EAAAC,KAAA;MACd,IAAMC,IAAI,GAAG,IAAI,CAACC,OAAO;MACzB,IAAAC,cAAA,GAkBI,IAAI,CAACZ,OAAO;QAjBda,MAAM,GAAAD,cAAA,CAANC,MAAM;QACNC,KAAK,GAAAF,cAAA,CAALE,KAAK;QACLlC,CAAC,GAAAgC,cAAA,CAADhC,CAAC;QACDmC,EAAE,GAAAH,cAAA,CAAFG,EAAE;QACFb,CAAC,GAAAU,cAAA,CAADV,CAAC;QACDc,KAAK,GAAAJ,cAAA,CAALI,KAAK;QACLC,IAAI,GAAAL,cAAA,CAAJK,IAAI;QACIC,WAAW,GAAAN,cAAA,CAAnBO,MAAM;QACNC,GAAG,GAAAR,cAAA,CAAHQ,GAAG;QACHC,QAAQ,GAAAT,cAAA,CAARS,QAAQ;QACRC,CAAC,GAAAV,cAAA,CAADU,CAAC;QACDC,IAAI,GAAAX,cAAA,CAAJW,IAAI;QACIC,WAAW,GAAAZ,cAAA,CAAnBa,MAAM;QACNC,WAAW,GAAAd,cAAA,CAAXc,WAAW;QACXC,YAAY,GAAAf,cAAA,CAAZe,YAAY;QACZC,QAAQ,GAAAhB,cAAA,CAARgB,QAAQ;QACRC,WAAW,GAAAjB,cAAA,CAAXiB,WAAW;MAGb,IAAMV,MAAM,GAAG,OAAOD,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACb,CAAC,CAAC,GAAGa,WAAW;MAC/E,IAAAY,MAAA,OAAAC,eAAA,aAAyBf,KAAK;QAAvBgB,MAAM,GAAAF,MAAA;QAAEG,MAAM,GAAAH,MAAA;MACrB,IAAMI,QAAQ,GAAGC,IAAI,CAACC,GAAG,CACvBJ,MAAM,CAAC5B,CAAC,CAACxB,CAAC,CAAC,CAAC,GAAGuD,IAAI,CAACE,GAAG,CAACL,MAAM,CAACA,MAAM,CAACM,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,EAAEN,MAAM,EAAAzB,IAAA,GAACH,CAAC,CAACW,EAAE,CAAC,cAAAR,IAAA,cAAAA,IAAA,GAAI,CAAC,CAAC,CAAC,CACxE;MACD,IAAMkB,MAAM,GAAGD,WAAW,IAAI,IAAAe,kBAAW,EAACN,MAAM,CAAC,CAACO,SAAS,EAAE;MAC7D,IAAM1D,KAAK,GAAG2D,MAAM,CAACrC,CAAC,CAACxB,CAAC,CAAC,KAAA4B,KAAA,GAAIJ,CAAC,CAACW,EAAE,CAAC,cAAAP,KAAA,cAAAA,KAAA,GAAI,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG2B,IAAI,CAACE,GAAG,CAACH,QAAQ,EAAEX,IAAI,CAAC;MAC9E,IAAMmB,IAAI,GAAGT,MAAM,CAAC7B,CAAC,CAACF,CAAC,CAAC,CAAC,GAAGiB,MAAM,CAAC,CAAC,CAAC;MACrC,IAAMwB,IAAI,GACRX,MAAM,CAACG,IAAI,CAACS,GAAG,EAAAnC,KAAA,GAACL,CAAC,CAACW,EAAE,CAAC,cAAAN,KAAA,cAAAA,KAAA,GAAI,CAAC,EAAE3B,KAAK,IAAIyC,IAAI,IAAInB,CAAC,CAACxB,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAGwB,CAAC,CAACxB,CAAC,CAAC,CAAC,CAAC,GAClEuC,MAAM,CAAC,CAAC,CAAC,GACTxC,YAAY,CAACyB,CAAC,CAACxB,CAAC,CAAC,EAAE2C,IAAI,EAAEzC,KAAK,CAAC;MACjC,IAAM+D,IAAI,GAAGC,iBAAiB,CAAC;QAC7BlE,CAAC,EAAE+D,IAAI;QACPzC,CAAC,EAAEwC,IAAI;QACP5D,KAAK,EAALA,KAAK;QACL2C,MAAM,EAANA,MAAM;QACNsB,MAAM,EAAEC,KAAK,CAACC,OAAO,CAAC3B,CAAC,CAAC,GAAGA,CAAC,CAACjB,CAAC,CAAC,GAAGiB,CAAC;QACnC4B,QAAQ,EAAE9C,CAAC,CAACxB,CAAC,CAAC,GAAG,CAAC,IAAIG,MAAM,CAACC,EAAE,CAACoB,CAAC,CAACxB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,GAAG;MACvD,CAAC,CAAC;MAEF,IAAIgD,QAAQ,EAAE;QACZ,IAAI,CAAC5B,OAAO,CAACmD,gBAAgB,CAACC,qBAAqB,CAACxB,QAAQ,EAAEhD,CAAC,CAAC;MAClE,CAAC,MAAM;QACL,IAAI,CAACoB,OAAO,CAACmD,gBAAgB,CAACE,mBAAmB,IAAAC,MAAA,CAAIjD,CAAC,OAAAiD,MAAA,CAAI1E,CAAC,GAAIgD,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIxB,CAAC,CAACF,CAAC,CAAC,CAAC;MAClF;MAEA,OAAAI,IAAA,GAAO,IAAA/B,aAAO,EAACsC,MAAM,CAAC,eACpB7C,MAAA,YAAAuF,aAAA,CAAC7C,IAAI,EAAAJ,IAAA,CAAAkD,EAAA;QAAA;QAAA,yBAAAF,MAAA,CAEoBjD,CAAC;QAAA,UACjB,MAAM;QAAA,oBAAAiD,MAAA,CACKlC,GAAG;QAAA,kBACL,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC;QAAA,oBACnC,OAAO;QAAA,SACjBhB,CAAC;QAAA,SACDC,CAAC;QAAA,QACFY,IAAI;QAAA,SACHH,KAAK;QAAA,eACCe,WAAW;QAAA,KACrBc,IAAI;QAAA,KACJD,IAAI;QAAA,SACA5D,KAAK;QAAA,UACJ2C,MAAM;QAAA,KACXoB,IAAI;QAAA,mBAAAS,MAAA,CACUjC,QAAQ;QAAA,eACZK,WAAW;QAAA,gBACVC;MAAY,GAC1B;IAEN;EAAC;IAAAjC,GAAA;IAAAC,KAAA,EAED,SAAA8D,OAAA,EAAS;MACP,IAAAC,cAAA,GAAsC,IAAI,CAAC1D,OAAO;QAA1CC,IAAI,GAAAyD,cAAA,CAAJzD,IAAI;QAAEmB,GAAG,GAAAsC,cAAA,CAAHtC,GAAG;QAAEuC,IAAI,GAAAD,cAAA,CAAJC,IAAI;QAAEtC,QAAQ,GAAAqC,cAAA,CAARrC,QAAQ;MAEjC,oBACErD,MAAA,YAAAuF,aAAA,CAAAvF,MAAA,YAAA4F,QAAA,QACG3D,IAAI,CAAC4D,GAAG,CAAC,IAAI,CAAC1D,SAAS,CAAC2D,IAAI,CAAC,IAAI,CAAC,CAAC,EACnCzC,QAAQ,iBACPrD,MAAA,YAAAuF,aAAA,CAACnF,SAAA,WAAQ;QACP,mBAAW;QACX2F,eAAe,EAAE,SAAAA,gBAACC,IAAI,EAAK;UACzBA,IAAI,CAACC,YAAY,CAAC,OAAO,EAAEN,IAAI,CAAC,CAAC,CAAC,CAAC;QACrC,CAAE;QACFO,EAAE,EAAE9C,GAAI;QACRxC,CAAC,EAAC,GAAG;QACLsB,CAAC,EAAC,GAAG;QACLpB,KAAK,EAAE,CAAE;QACT2C,MAAM,EAAEkC,IAAI,CAAC,CAAC,CAAE;QAChBQ,UAAU,WAAAb,MAAA,CAAWjC,QAAQ;MAAiB,EAEjD,CACA;IAEP;EAAC;EAAA,OAAApC,iBAAA;AAAA,EApH6BmF,eAAS;AAAA,IAAAC,gBAAA,aAAnCpF,iBAAiB,iBACA,eAAe;AAAA,IAAAoF,gBAAA,aADhCpF,iBAAiB,aAEJ,CAAC,IAAAqF,oBAAmB,GAAE,CAAC;AAAA,IAAAD,gBAAA,aAFpCpF,iBAAiB,WAGNX,KAAK;AAAA,IAAA+F,gBAAA,aAHhBpF,iBAAiB,kBAKC;EACpBkC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EACdE,QAAQ,EAAE,GAAG;EACbC,CAAC,EAAE,CAAC;EACJC,IAAI,EAAE9C;AACR,CAAC;AA6GH,SAAS8F,UAAUA,CAACC,KAAK,EAAE;EAAA,IAAAC,KAAA;EACzB,IAAiBC,WAAW,GAA2BF,KAAK,CAApD7D,OAAO;IAAeE,MAAM,GAAmB2D,KAAK,CAA9B3D,MAAM;IAAEG,KAAK,GAAYwD,KAAK,CAAtBxD,KAAK;IAAErB,KAAK,GAAK6E,KAAK,CAAf7E,KAAK;EAClD,IAAAgF,OAAA,OAAA5C,eAAA,aAAyBf,KAAK;IAAvBgB,MAAM,GAAA2C,OAAA;IAAE1C,MAAM,GAAA0C,OAAA;EACrB,IAAMC,MAAM,GAAG5C,MAAM,CAAC6C,KAAK,EAAE;EAE7B,OAAAJ,KAAA,GAAO,IAAAlG,aAAO,EAACsC,MAAM,CAAC,eACpB7C,MAAA,YAAAuF,aAAA,CAACmB,WAAW,EAAAD,KAAA,CAAAjB,EAAA;IAAA;IAAA,UAEH,MAAM;IAAA,oBACI,OAAO;IAAA,SACjBoB,MAAM,CAAC,CAAC,CAAC,GAAGA,MAAM,CAAC,CAAC,CAAC;IAAA,UACpB,IAAArC,kBAAW,EAACN,MAAM,CAAC,CAACO,SAAS,EAAE;IAAA,KACpCoC,MAAM,CAAC,CAAC,CAAC;IAAA,KACT3C,MAAM,CAACtC,KAAK;EAAC,GAChB;AAEN;AAEA,SAASmD,iBAAiBA,CAAAgC,KAAA,EAA4C;EAAA,IAAzClG,CAAC,GAAAkG,KAAA,CAADlG,CAAC;IAAEsB,CAAC,GAAA4E,KAAA,CAAD5E,CAAC;IAAEpB,KAAK,GAAAgG,KAAA,CAALhG,KAAK;IAAE2C,MAAM,GAAAqD,KAAA,CAANrD,MAAM;IAAEsB,MAAM,GAAA+B,KAAA,CAAN/B,MAAM;IAAEG,QAAQ,GAAA4B,KAAA,CAAR5B,QAAQ;EAChE,IAAIpE,KAAK,GAAGiE,MAAM,EAAEA,MAAM,GAAGjE,KAAK;EAClC,IAAIiE,MAAM,EAAE;IACV,IAAIG,QAAQ,KAAK,OAAO,EACtB,OAAO,IAAA6B,kBAAW,EAACnG,CAAC,EAAEsB,CAAC,EAAEpB,KAAK,EAAE2C,MAAM,EAAEsB,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC;IAC3E,OAAO,IAAAgC,kBAAW,EAACnG,CAAC,EAAEsB,CAAC,EAAEpB,KAAK,EAAE2C,MAAM,EAAEsB,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC;EAC3E;EACA,OAAO,IAAAgC,kBAAW,EAACnG,CAAC,EAAEsB,CAAC,EAAEpB,KAAK,EAAE2C,MAAM,EAAEsB,MAAM,CAAC;AACjD;AAAC,IAAAiC,QAAA,GAEc,IAAAzB,yBAAa,EAACtE,iBAAiB,EAAE;EAAEsF,UAAU,EAAVA;AAAW,CAAC,CAAC;AAAA7F,OAAA,cAAAsG,QAAA"}
|
package/lib/cjs/Hover.js
CHANGED
|
@@ -21,9 +21,9 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
21
21
|
var _utils = require("./utils");
|
|
22
22
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
23
23
|
/*__reshadow-styles__:"./style/hover.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SHoverLine": "
|
|
26
|
-
"__SHoverRect": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SHoverLine_41gs8_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_41gs8_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "41gs8_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SHoverLine": "___SHoverLine_41gs8_gg_",
|
|
26
|
+
"__SHoverRect": "___SHoverRect_41gs8_gg_"
|
|
27
27
|
});
|
|
28
28
|
var Hover = /*#__PURE__*/function (_Component) {
|
|
29
29
|
(0, _inherits2["default"])(Hover, _Component);
|
|
@@ -199,22 +199,24 @@ var HoverRectRoot = /*#__PURE__*/function (_Hover2) {
|
|
|
199
199
|
yScale = _scale3[1];
|
|
200
200
|
var xRange = xScale.range();
|
|
201
201
|
var yRange = yScale.range();
|
|
202
|
+
var xBand = (0, _utils.scaleToBand)(xScale);
|
|
203
|
+
var yBand = (0, _utils.scaleToBand)(yScale);
|
|
202
204
|
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, xIndex !== null ? /*#__PURE__*/_react["default"].createElement(SHoverRect, _ref4.cn("SHoverRect", {
|
|
203
205
|
"aria-hidden": true,
|
|
204
206
|
"render": 'rect',
|
|
205
207
|
"index": xIndex,
|
|
206
|
-
"width":
|
|
208
|
+
"width": xBand.step() - xBand.paddingInner() / 2,
|
|
207
209
|
"height": yRange[0] - yRange[1],
|
|
208
|
-
"x": xScale(data[xIndex][x]) -
|
|
210
|
+
"x": xScale(data[xIndex][x]) - xBand.step() * xBand.paddingInner() / 2,
|
|
209
211
|
"y": yRange[1]
|
|
210
212
|
})) : null, yIndex !== null ? /*#__PURE__*/_react["default"].createElement(SHoverRect, _ref4.cn("SHoverRect", {
|
|
211
213
|
"aria-hidden": true,
|
|
212
214
|
"render": 'rect',
|
|
213
215
|
"index": yIndex,
|
|
214
216
|
"width": xRange[1] - xRange[0],
|
|
215
|
-
"height":
|
|
217
|
+
"height": yBand.step() - yBand.paddingInner() / 2,
|
|
216
218
|
"x": xRange[0],
|
|
217
|
-
"y": yScale(data[yIndex][y]) -
|
|
219
|
+
"y": yScale(data[yIndex][y]) - yBand.step() * yBand.paddingInner() / 2
|
|
218
220
|
})) : null);
|
|
219
221
|
}
|
|
220
222
|
}]);
|