@semcore/d3-chart 3.4.1 → 3.5.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 +7 -1
- package/lib/cjs/Area.js +18 -12
- package/lib/cjs/Area.js.map +1 -1
- package/lib/cjs/Axis.js +14 -14
- package/lib/cjs/Bar.js +8 -8
- package/lib/cjs/Bubble.js +10 -10
- package/lib/cjs/Donut.js +7 -7
- package/lib/cjs/Dots.js +14 -10
- package/lib/cjs/Dots.js.map +1 -1
- package/lib/cjs/HorizontalBar.js +8 -8
- package/lib/cjs/Hover.js +3 -3
- package/lib/cjs/Line.js +15 -11
- package/lib/cjs/Line.js.map +1 -1
- package/lib/cjs/Plot.js +3 -3
- package/lib/cjs/Radar.js +17 -17
- package/lib/cjs/RadialTree.js +12 -12
- package/lib/cjs/RadialTree.js.map +1 -1
- 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 +14 -6
- package/lib/cjs/a11y/PlotA11yView.js.map +1 -1
- package/lib/cjs/a11y/insights.js +2 -0
- package/lib/cjs/a11y/insights.js.map +1 -1
- package/lib/cjs/index.js +6 -0
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/types/ClipPath.d.js.map +1 -1
- package/lib/cjs/types/index.d.js.map +1 -1
- package/lib/cjs/utils.js +3 -1
- package/lib/cjs/utils.js.map +1 -1
- package/lib/es6/Area.js +19 -13
- package/lib/es6/Area.js.map +1 -1
- package/lib/es6/Axis.js +14 -14
- package/lib/es6/Bar.js +8 -8
- package/lib/es6/Bubble.js +10 -10
- package/lib/es6/Donut.js +7 -7
- package/lib/es6/Dots.js +15 -11
- package/lib/es6/Dots.js.map +1 -1
- package/lib/es6/HorizontalBar.js +8 -8
- package/lib/es6/Hover.js +3 -3
- package/lib/es6/Line.js +16 -12
- package/lib/es6/Line.js.map +1 -1
- package/lib/es6/Plot.js +3 -3
- package/lib/es6/Radar.js +17 -17
- package/lib/es6/RadialTree.js +12 -12
- package/lib/es6/RadialTree.js.map +1 -1
- 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 +14 -6
- package/lib/es6/a11y/PlotA11yView.js.map +1 -1
- package/lib/es6/a11y/insights.js +2 -0
- package/lib/es6/a11y/insights.js.map +1 -1
- package/lib/es6/index.js +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/types/ClipPath.d.js.map +1 -1
- package/lib/es6/types/index.d.js.map +1 -1
- package/lib/es6/utils.js +1 -0
- package/lib/es6/utils.js.map +1 -1
- package/lib/types/ClipPath.d.ts +0 -5
- package/lib/types/RadialTree.d.ts +1 -1
- package/lib/types/index.d.ts +1 -0
- package/lib/types/utils.d.ts +1 -0
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -2,7 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [3.
|
|
5
|
+
## [3.5.0-test.0] - 2023-08-17
|
|
6
|
+
|
|
7
|
+
### Added
|
|
8
|
+
|
|
9
|
+
- Added special `interpolateValue` symbol that allows to interpolate points on line and area charts.
|
|
10
|
+
|
|
11
|
+
## [3.4.1] - 2023-08-16
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
8
14
|
|
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_3n75f_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_3n75f_gg_.__color_3n75f_gg_{fill:var(--color_3n75f)}.___SArea_3n75f_gg_.__transparent_3n75f_gg_{opacity:.3}.___SAreaLine_3n75f_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_3n75f_gg_.__color_3n75f_gg_{stroke:var(--color_3n75f)}.___SAreaLine_3n75f_gg_.__transparent_3n75f_gg_{opacity:.3}.___SAreaLine_3n75f_gg_,.___SArea_3n75f_gg_{transition-property:d;transition-duration:var(--duration_3n75f);transition-timing-function:ease-in-out}.___SNull_3n75f_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_3n75f_gg_.__hide_3n75f_gg_{display:none}" /*__inner_css_end__*/, "3n75f_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SArea": "___SArea_3n75f_gg_",
|
|
26
|
+
"_color": "__color_3n75f_gg_",
|
|
27
|
+
"--color": "--color_3n75f",
|
|
28
|
+
"_transparent": "__transparent_3n75f_gg_",
|
|
29
|
+
"__SAreaLine": "___SAreaLine_3n75f_gg_",
|
|
30
|
+
"--duration": "--duration_3n75f",
|
|
31
|
+
"__SNull": "___SNull_3n75f_gg_",
|
|
32
|
+
"_hide": "__hide_3n75f_gg_"
|
|
33
33
|
});
|
|
34
34
|
var AreaRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
(0, _inherits2["default"])(AreaRoot, _Component);
|
|
@@ -45,9 +45,11 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
|
|
|
45
45
|
x = _this$asProps.x,
|
|
46
46
|
y = _this$asProps.y,
|
|
47
47
|
color = _this$asProps.color,
|
|
48
|
-
data = _this$asProps.data,
|
|
49
48
|
d3Line = _this$asProps.d3Line,
|
|
50
49
|
transparent = _this$asProps.transparent;
|
|
50
|
+
var data = this.asProps.data.filter(function (item) {
|
|
51
|
+
return item[y] !== _utils.interpolateValue;
|
|
52
|
+
});
|
|
51
53
|
return {
|
|
52
54
|
x: x,
|
|
53
55
|
y: y,
|
|
@@ -64,8 +66,10 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
|
|
|
64
66
|
x = _this$asProps2.x,
|
|
65
67
|
y = _this$asProps2.y,
|
|
66
68
|
color = _this$asProps2.color,
|
|
67
|
-
data = _this$asProps2.data,
|
|
68
69
|
d3Line = _this$asProps2.d3Line;
|
|
70
|
+
var data = this.asProps.data.filter(function (item) {
|
|
71
|
+
return item[y] !== _utils.interpolateValue;
|
|
72
|
+
});
|
|
69
73
|
return {
|
|
70
74
|
data: (0, _utils.getNullData)(data, (0, _utils.definedNullData)(x, y), y),
|
|
71
75
|
d3: d3Line,
|
|
@@ -100,7 +104,6 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
|
|
|
100
104
|
hide = _this$asProps4.hide,
|
|
101
105
|
d3 = _this$asProps4.d3,
|
|
102
106
|
d3Line = _this$asProps4.d3Line,
|
|
103
|
-
data = _this$asProps4.data,
|
|
104
107
|
color = _this$asProps4.color,
|
|
105
108
|
uid = _this$asProps4.uid,
|
|
106
109
|
size = _this$asProps4.size,
|
|
@@ -110,6 +113,9 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
|
|
|
110
113
|
Children = _this$asProps4.Children,
|
|
111
114
|
transparent = _this$asProps4.transparent;
|
|
112
115
|
var advanceMode = !!(0, _findComponent["default"])(Children, [Area.Line.displayName]);
|
|
116
|
+
var data = this.asProps.data.filter(function (item) {
|
|
117
|
+
return item[y] !== _utils.interpolateValue;
|
|
118
|
+
});
|
|
113
119
|
this.asProps.dataHintsHandler.specifyDataRowFields(x, y);
|
|
114
120
|
this.asProps.dataHintsHandler.establishDataType('time-series');
|
|
115
121
|
return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !advanceMode && /*#__PURE__*/_react["default"].createElement(SAreaLine, _ref.cn("SAreaLine", {
|
package/lib/cjs/Area.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Area.js","names":["_core","require","_react","_interopRequireDefault","_d3Shape","_uniqueID","_findComponent","_Dots","_createElement","_utils","_ClipPath","style","sstyled","insert","AreaRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getDotsProps","_this$asProps","asProps","x","y","color","data","d3Line","transparent","d3","getNullProps","_this$asProps2","getNullData","definedNullData","getLineProps","_this$asProps3","duration","uid","render","_ref","SArea","Element","SAreaLine","_this$asProps4","styles","hide","size","Children","advanceMode","findComponent","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","createElement","Fragment","cn","concat","setAttributeTag","rect","setAttribute","Component","_defineProperty2","uniqueIDEnhancement","_ref4","y0","$rootProps","_ref4$curve","curve","curveLinear","scale","_ref5","_ref6","_slicedToArray2","xScale","yScale","yRange","range","area","defined","definedData","p","scaleOfBandwidth","y1","line","props","_ref2","Null","_ref3","SNull","Dots","_default","exports"],"sources":["../../src/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport Dots from './Dots';\nimport createElement from './createElement';\nimport { definedData, scaleOfBandwidth, getNullData, definedNullData } from './utils';\nimport ClipPath from './ClipPath';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n static displayName = 'Area';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n const [xScale, yScale] = scale || $rootProps.scale;\n const yRange = yScale.range();\n\n return {\n d3: area()\n .defined(definedData(x, y))\n .curve(curve)\n .x((p) => scaleOfBandwidth(xScale, p[x]))\n .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n .y1((p) => scaleOfBandwidth(yScale, p[y])),\n d3Line: line()\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, color, data, d3Line, transparent } = this.asProps;\n\n return {\n x,\n y,\n data,\n d3: d3Line,\n color,\n transparent,\n };\n }\n\n getNullProps() {\n const { x, y, color, data, d3Line } = this.asProps;\n return {\n data: getNullData(data, definedNullData(x, y), y),\n d3: d3Line,\n color,\n };\n }\n\n getLineProps() {\n const { duration, color, data, d3Line, uid } = this.asProps;\n\n return {\n uid,\n data,\n d3: d3Line,\n color,\n duration,\n };\n }\n\n render() {\n const SArea = this.Element;\n const SAreaLine = 'path';\n const {\n styles,\n hide,\n d3,\n d3Line,\n data,\n color,\n uid,\n size,\n duration,\n x,\n y,\n Children,\n transparent,\n } = this.asProps;\n const advanceMode = !!findComponent(Children, [Area.Line.displayName]);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n this.asProps.dataHintsHandler.establishDataType('time-series');\n\n return sstyled(styles)(\n <>\n {!advanceMode && (\n <SAreaLine\n aria-hidden\n clipPath={`url(#${uid})`}\n d={d3Line(data)}\n color={color}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n )}\n <SArea\n aria-hidden\n clipPath={`url(#${uid})`}\n render='path'\n d={d3(data)}\n hide={hide}\n color={color}\n use:duration={`${duration}ms`}\n transparent={transparent}\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 Line(props) {\n const { Element: SAreaLine, styles, d3, data, color, duration, uid, transparent } = props;\n return sstyled(styles)(\n <SAreaLine\n render='path'\n clipPath={`url(#${uid})`}\n d={d3(data)}\n color={color}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />,\n );\n}\n\nfunction Null(props) {\n const { Element: SNull, styles, d3, data, hide, color } = props;\n return sstyled(styles)(<SNull render='path' d={d3(data)} hide={hide} color={color} />);\n}\n\nconst Area = createElement(AreaRoot, {\n Dots,\n Null,\n Line,\n});\n\nexport default Area;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Area.js","names":["_core","require","_react","_interopRequireDefault","_d3Shape","_uniqueID","_findComponent","_Dots","_createElement","_utils","_ClipPath","style","sstyled","insert","AreaRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getDotsProps","_this$asProps","asProps","x","y","color","d3Line","transparent","data","filter","item","interpolateValue","d3","getNullProps","_this$asProps2","getNullData","definedNullData","getLineProps","_this$asProps3","duration","uid","render","_ref","SArea","Element","SAreaLine","_this$asProps4","styles","hide","size","Children","advanceMode","findComponent","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","createElement","Fragment","cn","concat","setAttributeTag","rect","setAttribute","Component","_defineProperty2","uniqueIDEnhancement","_ref4","y0","$rootProps","_ref4$curve","curve","curveLinear","scale","_ref5","_ref6","_slicedToArray2","xScale","yScale","yRange","range","area","defined","definedData","p","scaleOfBandwidth","y1","line","props","_ref2","Null","_ref3","SNull","Dots","_default","exports"],"sources":["../../src/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport Dots from './Dots';\nimport createElement from './createElement';\nimport {\n definedData,\n scaleOfBandwidth,\n getNullData,\n definedNullData,\n interpolateValue,\n} from './utils';\nimport ClipPath from './ClipPath';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n static displayName = 'Area';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n const [xScale, yScale] = scale || $rootProps.scale;\n const yRange = yScale.range();\n\n return {\n d3: area()\n .defined(definedData(x, y))\n .curve(curve)\n .x((p) => scaleOfBandwidth(xScale, p[x]))\n .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n .y1((p) => scaleOfBandwidth(yScale, p[y])),\n d3Line: line()\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, color, d3Line, transparent } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n return {\n x,\n y,\n data,\n d3: d3Line,\n color,\n transparent,\n };\n }\n\n getNullProps() {\n const { x, y, color, d3Line } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n return {\n data: getNullData(data, definedNullData(x, y), y),\n d3: d3Line,\n color,\n };\n }\n\n getLineProps() {\n const { duration, color, data, d3Line, uid } = this.asProps;\n\n return {\n uid,\n data,\n d3: d3Line,\n color,\n duration,\n };\n }\n\n render() {\n const SArea = this.Element;\n const SAreaLine = 'path';\n const { styles, hide, d3, d3Line, color, uid, size, duration, x, y, Children, transparent } =\n this.asProps;\n const advanceMode = !!findComponent(Children, [Area.Line.displayName]);\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n this.asProps.dataHintsHandler.establishDataType('time-series');\n\n return sstyled(styles)(\n <>\n {!advanceMode && (\n <SAreaLine\n aria-hidden\n clipPath={`url(#${uid})`}\n d={d3Line(data)}\n color={color}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n )}\n <SArea\n aria-hidden\n clipPath={`url(#${uid})`}\n render='path'\n d={d3(data)}\n hide={hide}\n color={color}\n use:duration={`${duration}ms`}\n transparent={transparent}\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 Line(props) {\n const { Element: SAreaLine, styles, d3, data, color, duration, uid, transparent } = props;\n return sstyled(styles)(\n <SAreaLine\n render='path'\n clipPath={`url(#${uid})`}\n d={d3(data)}\n color={color}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />,\n );\n}\n\nfunction Null(props) {\n const { Element: SNull, styles, d3, data, hide, color } = props;\n return sstyled(styles)(<SNull render='path' d={d3(data)} hide={hide} color={color} />);\n}\n\nconst Area = createElement(AreaRoot, {\n Dots,\n Null,\n Line,\n});\n\nexport default Area;\n"],"mappings":"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"}
|
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_198tl_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_198tl_gg_.__hide_198tl_gg_,.___STick_198tl_gg_.__hide_198tl_gg_{display:none}.___STick_198tl_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_198tl_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_198tl_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_198tl)}.___STitle_198tl_gg_._position_top_198tl_gg_{text-anchor:middle}.___STitle_198tl_gg_._position_bottom_198tl_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_198tl_gg_._position_left_198tl_gg_,.___STitle_198tl_gg_._position_right_198tl_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_198tl_gg_._position_left_198tl_gg_.__verticalWritingMode_198tl_gg_,.___STitle_198tl_gg_._position_right_198tl_gg_.__verticalWritingMode_198tl_gg_{writing-mode:vertical-rl;transform:none}.___STick_198tl_gg_._position_top_198tl_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_198tl_gg_._position_bottom_198tl_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_198tl_gg_._position_right_198tl_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_198tl_gg_._position_left_198tl_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_198tl_gg_._position_custom_0_198tl_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_198tl_gg_._position_custom_1_198tl_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "198tl_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SAxis": "___SAxis_198tl_gg_",
|
|
23
|
+
"_hide": "__hide_198tl_gg_",
|
|
24
|
+
"__STick": "___STick_198tl_gg_",
|
|
25
|
+
"__SGrid": "___SGrid_198tl_gg_",
|
|
26
|
+
"__STitle": "___STitle_198tl_gg_",
|
|
27
|
+
"--transform-origin": "--transform-origin_198tl",
|
|
28
|
+
"_position_top": "_position_top_198tl_gg_",
|
|
29
|
+
"_position_bottom": "_position_bottom_198tl_gg_",
|
|
30
|
+
"_position_right": "_position_right_198tl_gg_",
|
|
31
|
+
"_position_left": "_position_left_198tl_gg_",
|
|
32
|
+
"_verticalWritingMode": "__verticalWritingMode_198tl_gg_",
|
|
33
|
+
"_position_custom_0": "_position_custom_0_198tl_gg_",
|
|
34
|
+
"_position_custom_1": "_position_custom_1_198tl_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_gk6eh_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_gk6eh);transition-timing-function:ease-in-out}.___SBar_gk6eh_gg_.__color_gk6eh_gg_{fill:var(--color_gk6eh)}.___SBar_gk6eh_gg_.__hide_gk6eh_gg_{display:none}.___SBar_gk6eh_gg_.__transparent_gk6eh_gg_{opacity:.3}.___SBackground_gk6eh_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "gk6eh_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SBar": "___SBar_gk6eh_gg_",
|
|
24
|
+
"--duration": "--duration_gk6eh",
|
|
25
|
+
"_color": "__color_gk6eh_gg_",
|
|
26
|
+
"--color": "--color_gk6eh",
|
|
27
|
+
"_hide": "__hide_gk6eh_gg_",
|
|
28
|
+
"_transparent": "__transparent_gk6eh_gg_",
|
|
29
|
+
"__SBackground": "___SBackground_gk6eh_gg_"
|
|
30
30
|
});
|
|
31
31
|
var MIN_HEIGHT = 2;
|
|
32
32
|
exports.MIN_HEIGHT = MIN_HEIGHT;
|
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_1gwnu_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_1gwnu);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1gwnu_gg_:hover{opacity:.8}}.___SBubble_1gwnu_gg_.__color_1gwnu_gg_{fill:var(--color_1gwnu)}.___SBubble_1gwnu_gg_.__transparent_1gwnu_gg_{opacity:.3}.___SCenter_1gwnu_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1gwnu_gg_.__color_1gwnu_gg_{stroke:var(--color_1gwnu)}.___SCenter_1gwnu_gg_.__transparent_1gwnu_gg_{opacity:.3}.___SLabel_1gwnu_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1gwnu_gg_._position_right_1gwnu_gg_{text-anchor:end}.___SLabel_1gwnu_gg_._position_left_1gwnu_gg_{text-anchor:start}.___SLabel_1gwnu_gg_.__color_1gwnu_gg_{fill:var(--color_1gwnu)}.___SLabel_1gwnu_gg_.__transparent_1gwnu_gg_{opacity:.3}" /*__inner_css_end__*/, "1gwnu_gg_") /*__reshadow_css_end__*/, {
|
|
29
|
+
"__SBubble": "___SBubble_1gwnu_gg_",
|
|
30
|
+
"--duration": "--duration_1gwnu",
|
|
31
|
+
"_color": "__color_1gwnu_gg_",
|
|
32
|
+
"--color": "--color_1gwnu",
|
|
33
|
+
"_transparent": "__transparent_1gwnu_gg_",
|
|
34
|
+
"__SCenter": "___SCenter_1gwnu_gg_",
|
|
35
|
+
"__SLabel": "___SLabel_1gwnu_gg_",
|
|
36
|
+
"_position_right": "_position_right_1gwnu_gg_",
|
|
37
|
+
"_position_left": "_position_left_1gwnu_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_jr921_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_jr921_gg_.__color_jr921_gg_{fill:var(--color_jr921)}.___SPie_jr921_gg_.__transparent_jr921_gg_{opacity:.3}.___SEmptyData_jr921_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_jr921_gg_.__color_jr921_gg_{fill:var(--color_jr921)}.___SLabel_jr921_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "jr921_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SPie": "___SPie_jr921_gg_",
|
|
33
|
+
"_color": "__color_jr921_gg_",
|
|
34
|
+
"--color": "--color_jr921",
|
|
35
|
+
"_transparent": "__transparent_jr921_gg_",
|
|
36
|
+
"__SEmptyData": "___SEmptyData_jr921_gg_",
|
|
37
|
+
"__SLabel": "___SLabel_jr921_gg_"
|
|
38
38
|
});
|
|
39
39
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
40
40
|
function transitionAnglePie(_ref6) {
|
package/lib/cjs/Dots.js
CHANGED
|
@@ -14,22 +14,21 @@ 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_xm3ao_gg_ .___SDot_xm3ao_gg_{transition-duration:var(--duration_xm3ao)}.___SDot_xm3ao_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_xm3ao_gg_.__hide_xm3ao_gg_{display:none}.___SDot_xm3ao_gg_.__active_xm3ao_gg_{r:8px}.___SDot_xm3ao_gg_.__color_xm3ao_gg_{fill:var(--color_xm3ao)}.___SDot_xm3ao_gg_.__transparent_xm3ao_gg_{opacity:.3}" /*__inner_css_end__*/, "xm3ao_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SDots": "___SDots_xm3ao_gg_",
|
|
19
|
+
"__SDot": "___SDot_xm3ao_gg_",
|
|
20
|
+
"--duration": "--duration_xm3ao",
|
|
21
|
+
"_hide": "__hide_xm3ao_gg_",
|
|
22
|
+
"_active": "__active_xm3ao_gg_",
|
|
23
|
+
"_color": "__color_xm3ao_gg_",
|
|
24
|
+
"--color": "--color_xm3ao",
|
|
25
|
+
"_transparent": "__transparent_xm3ao_gg_"
|
|
26
26
|
});
|
|
27
27
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
|
28
28
|
function Dots(props) {
|
|
29
29
|
var _ref2;
|
|
30
30
|
var SDot = props.Element,
|
|
31
31
|
styles = props.styles,
|
|
32
|
-
data = props.data,
|
|
33
32
|
color = props.color,
|
|
34
33
|
d3 = props.d3,
|
|
35
34
|
x = props.x,
|
|
@@ -50,6 +49,11 @@ function Dots(props) {
|
|
|
50
49
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
51
50
|
activeIndex = _useState2[0],
|
|
52
51
|
setActiveIndex = _useState2[1];
|
|
52
|
+
var data = _react["default"].useMemo(function () {
|
|
53
|
+
return props.data.filter(function (item) {
|
|
54
|
+
return item[y] !== _utils.interpolateValue;
|
|
55
|
+
});
|
|
56
|
+
}, [props.data]);
|
|
53
57
|
var handlerMouseMoveRoot = (0, _react.useCallback)((0, _rafTrottle["default"])(function (e) {
|
|
54
58
|
var _scale = (0, _slicedToArray2["default"])(scale, 1),
|
|
55
59
|
xScale = _scale[0];
|
package/lib/cjs/Dots.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dots.js","names":["_core","require","_d3Array","_react","_interopRequireWildcard","_rafTrottle","_interopRequireDefault","_createElement","_utils","style","sstyled","insert","EXCLUDE_PROPS","Dots","props","_ref2","SDot","Element","styles","
|
|
1
|
+
{"version":3,"file":"Dots.js","names":["_core","require","_d3Array","_react","_interopRequireWildcard","_rafTrottle","_interopRequireDefault","_createElement","_utils","style","sstyled","insert","EXCLUDE_PROPS","Dots","props","_ref2","SDot","Element","styles","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","_props$duration","duration","transparent","SDots","bisect","bisector","d","center","_useState","useState","_useState2","_slicedToArray2","activeIndex","setActiveIndex","data","React","useMemo","filter","item","interpolateValue","handlerMouseMoveRoot","useCallback","trottle","e","_scale","xScale","_eventToPoint","eventToPoint","current","_eventToPoint2","pX","vX","invert","handlerMouseLeaveRoot","useEffect","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","dots","reduce","acc","i","_ref","isPrev","defined","isNext","active","visible","push","createElement","cn","concat","_default","exports"],"sources":["../../src/Dots.jsx"],"sourcesContent":["import { bisector } from 'd3-array';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { sstyled } from '@semcore/core';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { eventToPoint, invert, interpolateValue } from './utils';\n\nimport style from './style/dot.shadow.css';\n\nconst EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];\n\nfunction Dots(props) {\n const {\n Element: SDot,\n styles,\n color,\n d3,\n x,\n y,\n eventEmitter,\n display,\n hide,\n rootRef,\n scale,\n duration = 500,\n transparent,\n } = props;\n const SDots = 'g';\n const bisect = bisector((d) => d[x]).center;\n const [activeIndex, setActiveIndex] = useState(null);\n const data = React.useMemo(\n () => props.data.filter((item) => item[y] !== interpolateValue),\n [props.data],\n );\n\n const handlerMouseMoveRoot = useCallback(\n trottle((e) => {\n const [xScale] = scale;\n const [pX] = eventToPoint(e, rootRef.current);\n const vX = invert(xScale, pX);\n setActiveIndex(bisect(data, vX));\n }),\n [scale, data],\n );\n\n const handlerMouseLeaveRoot = useCallback(\n trottle(() => {\n setActiveIndex(null);\n }),\n [],\n );\n\n useEffect(() => {\n const unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n e.persist();\n handlerMouseMoveRoot(e);\n });\n\n const unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n 'onMouseLeaveChart',\n handlerMouseLeaveRoot,\n );\n\n return () => {\n unsubscribeMouseMoveRoot();\n unsubscribeMouseLeaveRoot();\n };\n }, [eventEmitter, scale, data, x, y]);\n\n const dots = data.reduce((acc, d, i) => {\n const isPrev = d3.defined()(data[i - 1] || {});\n const isNext = d3.defined()(data[i + 1] || {});\n const active = i === activeIndex;\n const visible = display || i === activeIndex || (!isPrev && !isNext);\n if (!d3.defined()(d)) return acc;\n if (!visible) return acc;\n acc.push(\n sstyled(styles)(\n <SDot\n aria-hidden\n key={`${i}`}\n render='circle'\n visible={visible}\n __excludeProps={EXCLUDE_PROPS}\n value={d}\n index={i}\n cx={d3.x()(d)}\n cy={d3.y()(d)}\n active={active}\n hide={hide}\n color={color}\n transparent={transparent}\n />,\n ),\n );\n return acc;\n }, []);\n return sstyled(styles)(<SDots use:duration={`${duration}ms`}>{dots}</SDots>);\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"mappings":"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"}
|
package/lib/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_gk6eh_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_gk6eh);transition-timing-function:ease-in-out}.___SBar_gk6eh_gg_.__color_gk6eh_gg_{fill:var(--color_gk6eh)}.___SBar_gk6eh_gg_.__hide_gk6eh_gg_{display:none}.___SBar_gk6eh_gg_.__transparent_gk6eh_gg_{opacity:.3}.___SBackground_gk6eh_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "gk6eh_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SBar": "___SBar_gk6eh_gg_",
|
|
23
|
+
"--duration": "--duration_gk6eh",
|
|
24
|
+
"_color": "__color_gk6eh_gg_",
|
|
25
|
+
"--color": "--color_gk6eh",
|
|
26
|
+
"_hide": "__hide_gk6eh_gg_",
|
|
27
|
+
"_transparent": "__transparent_gk6eh_gg_",
|
|
28
|
+
"__SBackground": "___SBackground_gk6eh_gg_"
|
|
29
29
|
});
|
|
30
30
|
var MIN_WIDTH = 2;
|
|
31
31
|
exports.MIN_WIDTH = MIN_WIDTH;
|
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_fnv01_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_fnv01_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "fnv01_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SHoverLine": "___SHoverLine_fnv01_gg_",
|
|
26
|
+
"__SHoverRect": "___SHoverRect_fnv01_gg_"
|
|
27
27
|
});
|
|
28
28
|
var Hover = /*#__PURE__*/function (_Component) {
|
|
29
29
|
(0, _inherits2["default"])(Hover, _Component);
|
package/lib/cjs/Line.js
CHANGED
|
@@ -20,14 +20,14 @@ var _utils = require("./utils");
|
|
|
20
20
|
var _Dots = _interopRequireDefault(require("./Dots"));
|
|
21
21
|
var _ClipPath = _interopRequireDefault(require("./ClipPath"));
|
|
22
22
|
/*__reshadow-styles__:"./style/line.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SLine": "
|
|
25
|
-
"--duration": "--
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_hide": "
|
|
29
|
-
"_transparent": "
|
|
30
|
-
"__SNull": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLine_1yzik_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1yzik);transition-timing-function:ease-in-out}.___SLine_1yzik_gg_.__color_1yzik_gg_{stroke:var(--color_1yzik)}.___SLine_1yzik_gg_.__hide_1yzik_gg_{display:none}.___SLine_1yzik_gg_.__transparent_1yzik_gg_{opacity:.3}.___SNull_1yzik_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1yzik_gg_.__hide_1yzik_gg_{display:none}" /*__inner_css_end__*/, "1yzik_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SLine": "___SLine_1yzik_gg_",
|
|
25
|
+
"--duration": "--duration_1yzik",
|
|
26
|
+
"_color": "__color_1yzik_gg_",
|
|
27
|
+
"--color": "--color_1yzik",
|
|
28
|
+
"_hide": "__hide_1yzik_gg_",
|
|
29
|
+
"_transparent": "__transparent_1yzik_gg_",
|
|
30
|
+
"__SNull": "___SNull_1yzik_gg_"
|
|
31
31
|
});
|
|
32
32
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
|
33
33
|
(0, _inherits2["default"])(LineRoot, _Component);
|
|
@@ -62,8 +62,10 @@ var LineRoot = /*#__PURE__*/function (_Component) {
|
|
|
62
62
|
x = _this$asProps2.x,
|
|
63
63
|
y = _this$asProps2.y,
|
|
64
64
|
d3 = _this$asProps2.d3,
|
|
65
|
-
color = _this$asProps2.color
|
|
66
|
-
|
|
65
|
+
color = _this$asProps2.color;
|
|
66
|
+
var data = this.asProps.data.filter(function (item) {
|
|
67
|
+
return item[y] !== _utils.interpolateValue;
|
|
68
|
+
});
|
|
67
69
|
return {
|
|
68
70
|
d3: d3,
|
|
69
71
|
// TODO: vertical
|
|
@@ -83,11 +85,13 @@ var LineRoot = /*#__PURE__*/function (_Component) {
|
|
|
83
85
|
uid = _this$asProps3.uid,
|
|
84
86
|
size = _this$asProps3.size,
|
|
85
87
|
d3 = _this$asProps3.d3,
|
|
86
|
-
data = _this$asProps3.data,
|
|
87
88
|
duration = _this$asProps3.duration,
|
|
88
89
|
x = _this$asProps3.x,
|
|
89
90
|
y = _this$asProps3.y,
|
|
90
91
|
transparent = _this$asProps3.transparent;
|
|
92
|
+
var data = this.asProps.data.filter(function (item) {
|
|
93
|
+
return item[y] !== _utils.interpolateValue;
|
|
94
|
+
});
|
|
91
95
|
this.asProps.dataHintsHandler.specifyDataRowFields(x, y);
|
|
92
96
|
this.asProps.dataHintsHandler.establishDataType('time-series');
|
|
93
97
|
return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SLine, _ref.cn("SLine", {
|
package/lib/cjs/Line.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Line.js","names":["_core","require","_react","_interopRequireDefault","_d3Shape","_uniqueID","_createElement","_utils","_Dots","_ClipPath","style","sstyled","insert","LineRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","duration","transparent","getNullProps","_this$asProps2","data","getNullData","definedNullData","render","_ref","SLine","Element","_this$asProps3","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","createElement","Fragment","cn","concat","setAttributeTag","rect","setAttribute","Component","_defineProperty2","uniqueIDEnhancement","_ref3","$rootProps","_ref3$curve","curve","curveLinear","scale","_ref4","_ref5","_slicedToArray2","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","_ref2","SNull","_default","Dots","exports"],"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 {
|
|
1
|
+
{"version":3,"file":"Line.js","names":["_core","require","_react","_interopRequireDefault","_d3Shape","_uniqueID","_createElement","_utils","_Dots","_ClipPath","style","sstyled","insert","LineRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","duration","transparent","getNullProps","_this$asProps2","data","filter","item","interpolateValue","getNullData","definedNullData","render","_ref","SLine","Element","_this$asProps3","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","createElement","Fragment","cn","concat","setAttributeTag","rect","setAttribute","Component","_defineProperty2","uniqueIDEnhancement","_ref3","$rootProps","_ref3$curve","curve","curveLinear","scale","_ref4","_ref5","_slicedToArray2","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","_ref2","SNull","_default","Dots","exports"],"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 {\n definedData,\n definedNullData,\n scaleOfBandwidth,\n getNullData,\n interpolateValue,\n} 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 } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\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, duration, x, y, transparent } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\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
|
@@ -23,9 +23,9 @@ var _utils = require("./utils");
|
|
|
23
23
|
var _PlotA11yModule = require("./a11y/PlotA11yModule");
|
|
24
24
|
var _hints = require("./a11y/hints");
|
|
25
25
|
/*__reshadow-styles__:"./style/plot.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SPlot": "
|
|
28
|
-
"_keyboardFocused": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlot_1uds9_gg_{overflow:hidden}.___SPlot_1uds9_gg_:active,.___SPlot_1uds9_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1uds9_gg_.__keyboardFocused_1uds9_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.5))}" /*__inner_css_end__*/, "1uds9_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SPlot": "___SPlot_1uds9_gg_",
|
|
28
|
+
"_keyboardFocused": "__keyboardFocused_1uds9_gg_"
|
|
29
29
|
});
|
|
30
30
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
31
31
|
(0, _inherits2["default"])(PlotRoot, _Component);
|
package/lib/cjs/Radar.js
CHANGED
|
@@ -28,23 +28,23 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
28
28
|
var _utils = require("./utils");
|
|
29
29
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
30
30
|
/*__reshadow-styles__:"./style/radar.shadow.css"*/
|
|
31
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
32
|
-
"__SAxis": "
|
|
33
|
-
"__SAxisLine": "
|
|
34
|
-
"__SAxisTick": "
|
|
35
|
-
"_active": "
|
|
36
|
-
"__SAxisLabel": "
|
|
37
|
-
"_xDirection": "
|
|
38
|
-
"--xDirection": "--
|
|
39
|
-
"_yDirection": "
|
|
40
|
-
"--yDirection": "--
|
|
41
|
-
"__SPolygon": "
|
|
42
|
-
"_color": "
|
|
43
|
-
"--color": "--
|
|
44
|
-
"__SPolygonDot": "
|
|
45
|
-
"_transparent": "
|
|
46
|
-
"__SPolygonLine": "
|
|
47
|
-
"__SPieRect": "
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxisLine_y5z2p_gg_,.___SAxisTick_y5z2p_gg_,.___SAxis_y5z2p_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_y5z2p_gg_,.___SAxisTick_y5z2p_gg_{stroke-dasharray:2}.___SAxisLine_y5z2p_gg_.__active_y5z2p_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_y5z2p_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_y5z2p_gg_.__xDirection_y5z2p_gg_{text-anchor:var(--xDirection_y5z2p)}.___SAxisLabel_y5z2p_gg_.__yDirection_y5z2p_gg_{dominant-baseline:var(--yDirection_y5z2p)}.___SPolygonDot_y5z2p_gg_,.___SPolygon_y5z2p_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_y5z2p_gg_{opacity:.2}.___SPolygon_y5z2p_gg_.__color_y5z2p_gg_{fill:var(--color_y5z2p)}.___SPolygonDot_y5z2p_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_y5z2p_gg_.__transparent_y5z2p_gg_{opacity:.3}.___SPolygonDot_y5z2p_gg_.__color_y5z2p_gg_{fill:var(--color_y5z2p)}.___SPolygonLine_y5z2p_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_y5z2p_gg_.__transparent_y5z2p_gg_{opacity:.3}.___SPolygonLine_y5z2p_gg_.__color_y5z2p_gg_{stroke:var(--color_y5z2p)}.___SPieRect_y5z2p_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "y5z2p_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SAxis": "___SAxis_y5z2p_gg_",
|
|
33
|
+
"__SAxisLine": "___SAxisLine_y5z2p_gg_",
|
|
34
|
+
"__SAxisTick": "___SAxisTick_y5z2p_gg_",
|
|
35
|
+
"_active": "__active_y5z2p_gg_",
|
|
36
|
+
"__SAxisLabel": "___SAxisLabel_y5z2p_gg_",
|
|
37
|
+
"_xDirection": "__xDirection_y5z2p_gg_",
|
|
38
|
+
"--xDirection": "--xDirection_y5z2p",
|
|
39
|
+
"_yDirection": "__yDirection_y5z2p_gg_",
|
|
40
|
+
"--yDirection": "--yDirection_y5z2p",
|
|
41
|
+
"__SPolygon": "___SPolygon_y5z2p_gg_",
|
|
42
|
+
"_color": "__color_y5z2p_gg_",
|
|
43
|
+
"--color": "--color_y5z2p",
|
|
44
|
+
"__SPolygonDot": "___SPolygonDot_y5z2p_gg_",
|
|
45
|
+
"_transparent": "__transparent_y5z2p_gg_",
|
|
46
|
+
"__SPolygonLine": "___SPolygonLine_y5z2p_gg_",
|
|
47
|
+
"__SPieRect": "___SPieRect_y5z2p_gg_"
|
|
48
48
|
});
|
|
49
49
|
var clampAngle = function clampAngle(angle) {
|
|
50
50
|
angle = angle % (2 * Math.PI);
|