@semcore/d3-chart 3.30.1 → 3.31.0-prerelease.1
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 +17 -1
- package/lib/cjs/Area.js +11 -11
- package/lib/cjs/Axis.js +14 -14
- package/lib/cjs/Bar.js +10 -10
- package/lib/cjs/Bubble.js +12 -12
- package/lib/cjs/Donut.js +9 -9
- package/lib/cjs/Dots.js +9 -9
- package/lib/cjs/Dots.js.map +1 -1
- package/lib/cjs/HorizontalBar.js +10 -10
- package/lib/cjs/Hover.js +3 -3
- package/lib/cjs/Line.js +12 -10
- package/lib/cjs/Line.js.map +1 -1
- package/lib/cjs/Plot.js +3 -3
- package/lib/cjs/Radar.js +19 -19
- package/lib/cjs/RadialTree.js +11 -11
- package/lib/cjs/ReferenceLine.js +9 -9
- package/lib/cjs/ScatterPlot.js +9 -9
- package/lib/cjs/Tooltip.js +9 -9
- package/lib/cjs/Venn.js +9 -9
- package/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/cjs/types/Area.d.js.map +1 -1
- package/lib/cjs/types/Line.d.js.map +1 -1
- package/lib/es6/Area.js +11 -11
- package/lib/es6/Axis.js +14 -14
- package/lib/es6/Bar.js +10 -10
- package/lib/es6/Bubble.js +12 -12
- package/lib/es6/Donut.js +9 -9
- package/lib/es6/Dots.js +9 -9
- package/lib/es6/Dots.js.map +1 -1
- package/lib/es6/HorizontalBar.js +10 -10
- package/lib/es6/Hover.js +3 -3
- package/lib/es6/Line.js +12 -10
- package/lib/es6/Line.js.map +1 -1
- package/lib/es6/Plot.js +3 -3
- package/lib/es6/Radar.js +19 -19
- package/lib/es6/RadialTree.js +11 -11
- package/lib/es6/ReferenceLine.js +9 -9
- package/lib/es6/ScatterPlot.js +9 -9
- package/lib/es6/Tooltip.js +9 -9
- package/lib/es6/Venn.js +9 -9
- package/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/lib/es6/a11y/PlotA11yView.js +2 -2
- package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/es6/types/Area.d.js.map +1 -1
- package/lib/es6/types/Line.d.js.map +1 -1
- package/lib/types/Area.d.ts +2 -2
- package/lib/types/Line.d.ts +2 -2
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -2,7 +2,23 @@
|
|
|
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.31.0-prerelease.1] - 2024-03-01
|
|
6
|
+
|
|
7
|
+
### Added
|
|
8
|
+
|
|
9
|
+
- `Line.Dots` and `Area.Dots` components `display` prop now accepts function that allows developers to granularly control which dots should be displayed.
|
|
10
|
+
|
|
11
|
+
### Fixed
|
|
12
|
+
|
|
13
|
+
- a11y module "Skip to content after plot" link was not working in some cases.
|
|
14
|
+
|
|
15
|
+
## [3.30.2] - 2024-02-28
|
|
16
|
+
|
|
17
|
+
### Fixed
|
|
18
|
+
|
|
19
|
+
- view of Line.Area with `null` in data.
|
|
20
|
+
|
|
21
|
+
## [3.30.1] - 2024-02-26
|
|
6
22
|
|
|
7
23
|
### Fixed
|
|
8
24
|
|
package/lib/cjs/Area.js
CHANGED
|
@@ -22,17 +22,17 @@ var _utils = require("./utils");
|
|
|
22
22
|
var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
|
|
23
23
|
var _Pattern = require("./Pattern");
|
|
24
24
|
/*__reshadow-styles__:"./style/area.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SArea": "
|
|
27
|
-
"_color": "
|
|
28
|
-
"--color": "--
|
|
29
|
-
"_pattern": "
|
|
30
|
-
"--pattern": "--
|
|
31
|
-
"_transparent": "
|
|
32
|
-
"__SAreaLine": "
|
|
33
|
-
"--duration": "--
|
|
34
|
-
"__SNull": "
|
|
35
|
-
"_hide": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SArea_1w82h_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_1w82h_gg_.__color_1w82h_gg_{fill:var(--color_1w82h)}.___SArea_1w82h_gg_.__pattern_1w82h_gg_{fill:var(--pattern_1w82h);fill-opacity:.7}.___SArea_1w82h_gg_.__transparent_1w82h_gg_{opacity:.3}.___SAreaLine_1w82h_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1w82h_gg_.__color_1w82h_gg_{stroke:var(--color_1w82h)}.___SAreaLine_1w82h_gg_.__transparent_1w82h_gg_{opacity:.3}.___SAreaLine_1w82h_gg_,.___SArea_1w82h_gg_{transition-property:d;transition-duration:var(--duration_1w82h);transition-timing-function:ease-in-out}.___SNull_1w82h_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_1w82h_gg_.__hide_1w82h_gg_{display:none}" /*__inner_css_end__*/, "1w82h_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SArea": "___SArea_1w82h_gg_",
|
|
27
|
+
"_color": "__color_1w82h_gg_",
|
|
28
|
+
"--color": "--color_1w82h",
|
|
29
|
+
"_pattern": "__pattern_1w82h_gg_",
|
|
30
|
+
"--pattern": "--pattern_1w82h",
|
|
31
|
+
"_transparent": "__transparent_1w82h_gg_",
|
|
32
|
+
"__SAreaLine": "___SAreaLine_1w82h_gg_",
|
|
33
|
+
"--duration": "--duration_1w82h",
|
|
34
|
+
"__SNull": "___SNull_1w82h_gg_",
|
|
35
|
+
"_hide": "__hide_1w82h_gg_"
|
|
36
36
|
});
|
|
37
37
|
var AreaRoot = /*#__PURE__*/function (_Component) {
|
|
38
38
|
(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_cqtrp_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_cqtrp_gg_.__hide_cqtrp_gg_,.___STick_cqtrp_gg_.__hide_cqtrp_gg_{display:none}.___STick_cqtrp_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_cqtrp_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_cqtrp_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_cqtrp)}.___STitle_cqtrp_gg_._position_top_cqtrp_gg_{text-anchor:middle}.___STitle_cqtrp_gg_._position_bottom_cqtrp_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_cqtrp_gg_._position_left_cqtrp_gg_,.___STitle_cqtrp_gg_._position_right_cqtrp_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_cqtrp_gg_._position_left_cqtrp_gg_.__verticalWritingMode_cqtrp_gg_,.___STitle_cqtrp_gg_._position_right_cqtrp_gg_.__verticalWritingMode_cqtrp_gg_{writing-mode:vertical-rl;transform:none}.___STick_cqtrp_gg_._position_top_cqtrp_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_cqtrp_gg_._position_bottom_cqtrp_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_cqtrp_gg_._position_right_cqtrp_gg_{transform:translateX(16px);text-anchor:start;dominant-baseline:middle}.___STick_cqtrp_gg_._position_left_cqtrp_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_cqtrp_gg_._position_custom_0_cqtrp_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_cqtrp_gg_._position_custom_1_cqtrp_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}" /*__inner_css_end__*/, "cqtrp_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SAxis": "___SAxis_cqtrp_gg_",
|
|
23
|
+
"_hide": "__hide_cqtrp_gg_",
|
|
24
|
+
"__STick": "___STick_cqtrp_gg_",
|
|
25
|
+
"__SGrid": "___SGrid_cqtrp_gg_",
|
|
26
|
+
"__STitle": "___STitle_cqtrp_gg_",
|
|
27
|
+
"--transform-origin": "--transform-origin_cqtrp",
|
|
28
|
+
"_position_top": "_position_top_cqtrp_gg_",
|
|
29
|
+
"_position_bottom": "_position_bottom_cqtrp_gg_",
|
|
30
|
+
"_position_right": "_position_right_cqtrp_gg_",
|
|
31
|
+
"_position_left": "_position_left_cqtrp_gg_",
|
|
32
|
+
"_verticalWritingMode": "__verticalWritingMode_cqtrp_gg_",
|
|
33
|
+
"_position_custom_0": "_position_custom_0_cqtrp_gg_",
|
|
34
|
+
"_position_custom_1": "_position_custom_1_cqtrp_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
|
@@ -20,16 +20,16 @@ var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
|
|
|
20
20
|
var _utils = require("./utils");
|
|
21
21
|
var _Pattern = require("./Pattern");
|
|
22
22
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SBar": "
|
|
25
|
-
"--duration": "--
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_pattern": "
|
|
29
|
-
"--pattern": "--
|
|
30
|
-
"_hide": "
|
|
31
|
-
"_transparent": "
|
|
32
|
-
"__SBackground": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_3ead1_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_3ead1);transition-timing-function:ease-in-out}.___SBar_3ead1_gg_.__color_3ead1_gg_{fill:var(--color_3ead1)}.___SBar_3ead1_gg_.__pattern_3ead1_gg_.__color_3ead1_gg_{fill:var(--pattern_3ead1);stroke:var(--color_3ead1);stroke-width:1px}.___SBar_3ead1_gg_.__hide_3ead1_gg_{display:none}.___SBar_3ead1_gg_.__transparent_3ead1_gg_{opacity:.3}.___SBackground_3ead1_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "3ead1_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SBar": "___SBar_3ead1_gg_",
|
|
25
|
+
"--duration": "--duration_3ead1",
|
|
26
|
+
"_color": "__color_3ead1_gg_",
|
|
27
|
+
"--color": "--color_3ead1",
|
|
28
|
+
"_pattern": "__pattern_3ead1_gg_",
|
|
29
|
+
"--pattern": "--pattern_3ead1",
|
|
30
|
+
"_hide": "__hide_3ead1_gg_",
|
|
31
|
+
"_transparent": "__transparent_3ead1_gg_",
|
|
32
|
+
"__SBackground": "___SBackground_3ead1_gg_"
|
|
33
33
|
});
|
|
34
34
|
var MIN_HEIGHT = 2;
|
|
35
35
|
exports.MIN_HEIGHT = MIN_HEIGHT;
|
package/lib/cjs/Bubble.js
CHANGED
|
@@ -23,18 +23,18 @@ var _utils = require("./utils");
|
|
|
23
23
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
24
24
|
var _Pattern = require("./Pattern");
|
|
25
25
|
/*__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SBubble": "
|
|
28
|
-
"_color": "
|
|
29
|
-
"--color": "--
|
|
30
|
-
"_pattern": "
|
|
31
|
-
"--pattern": "--
|
|
32
|
-
"_transparent": "
|
|
33
|
-
"__SCenter": "
|
|
34
|
-
"__SLabel": "
|
|
35
|
-
"_position_right": "
|
|
36
|
-
"_position_left": "
|
|
37
|
-
"--duration": "--
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBubble_15kn7_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_15kn7);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_15kn7_gg_:hover{opacity:.8}}.___SBubble_15kn7_gg_.__color_15kn7_gg_{fill:var(--color_15kn7)}.___SBubble_15kn7_gg_.__pattern_15kn7_gg_.__color_15kn7_gg_{fill:var(--pattern_15kn7);stroke:var(--color_15kn7);stroke-width:1px}.___SBubble_15kn7_gg_.__transparent_15kn7_gg_{opacity:.3}.___SCenter_15kn7_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_15kn7_gg_.__color_15kn7_gg_{stroke:var(--color_15kn7)}.___SCenter_15kn7_gg_.__transparent_15kn7_gg_{opacity:.3}.___SLabel_15kn7_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_15kn7_gg_._position_right_15kn7_gg_{text-anchor:end}.___SLabel_15kn7_gg_._position_left_15kn7_gg_{text-anchor:start}.___SLabel_15kn7_gg_.__color_15kn7_gg_{fill:var(--color_15kn7)}.___SLabel_15kn7_gg_.__transparent_15kn7_gg_{opacity:.3}" /*__inner_css_end__*/, "15kn7_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SBubble": "___SBubble_15kn7_gg_",
|
|
28
|
+
"_color": "__color_15kn7_gg_",
|
|
29
|
+
"--color": "--color_15kn7",
|
|
30
|
+
"_pattern": "__pattern_15kn7_gg_",
|
|
31
|
+
"--pattern": "--pattern_15kn7",
|
|
32
|
+
"_transparent": "__transparent_15kn7_gg_",
|
|
33
|
+
"__SCenter": "___SCenter_15kn7_gg_",
|
|
34
|
+
"__SLabel": "___SLabel_15kn7_gg_",
|
|
35
|
+
"_position_right": "_position_right_15kn7_gg_",
|
|
36
|
+
"_position_left": "_position_left_15kn7_gg_",
|
|
37
|
+
"--duration": "--duration_15kn7"
|
|
38
38
|
});
|
|
39
39
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
40
40
|
(0, _inherits2["default"])(BubbleRoot, _Component);
|
package/lib/cjs/Donut.js
CHANGED
|
@@ -28,15 +28,15 @@ var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
|
28
28
|
var _Pattern = require("./Pattern");
|
|
29
29
|
var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent", "innerRadius", "outerRadius", "resolveColor", "halfsize", "uid", "patterns"];
|
|
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
|
-
"_pattern": "
|
|
36
|
-
"--pattern": "--
|
|
37
|
-
"_transparent": "
|
|
38
|
-
"__SEmptyData": "
|
|
39
|
-
"__SLabel": "
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPie_arwvo_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_arwvo_gg_.__color_arwvo_gg_{fill:var(--color_arwvo)}.___SPie_arwvo_gg_.__pattern_arwvo_gg_.__color_arwvo_gg_{fill:var(--pattern_arwvo);stroke:var(--color_arwvo);stroke-width:1px}.___SPie_arwvo_gg_.__transparent_arwvo_gg_{opacity:.3}.___SEmptyData_arwvo_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_arwvo_gg_.__color_arwvo_gg_{fill:var(--color_arwvo)}.___SLabel_arwvo_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "arwvo_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SPie": "___SPie_arwvo_gg_",
|
|
33
|
+
"_color": "__color_arwvo_gg_",
|
|
34
|
+
"--color": "--color_arwvo",
|
|
35
|
+
"_pattern": "__pattern_arwvo_gg_",
|
|
36
|
+
"--pattern": "--pattern_arwvo",
|
|
37
|
+
"_transparent": "__transparent_arwvo_gg_",
|
|
38
|
+
"__SEmptyData": "___SEmptyData_arwvo_gg_",
|
|
39
|
+
"__SLabel": "___SLabel_arwvo_gg_"
|
|
40
40
|
});
|
|
41
41
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
42
42
|
function transitionAnglePie(_ref6) {
|
package/lib/cjs/Dots.js
CHANGED
|
@@ -14,14 +14,14 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
14
14
|
var _utils = require("./utils");
|
|
15
15
|
var _Pattern = require("./Pattern");
|
|
16
16
|
/*__reshadow-styles__:"./style/dot.shadow.css"*/
|
|
17
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
18
|
-
"__SDot": "
|
|
19
|
-
"_hide": "
|
|
20
|
-
"_color": "
|
|
21
|
-
"--color": "--
|
|
22
|
-
"_transparent": "
|
|
23
|
-
"__SDots": "
|
|
24
|
-
"--duration": "--
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDots_1pfz2_gg_ .___SDot_1pfz2_gg_{transition-duration:var(--duration_1pfz2)}.___SDot_1pfz2_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_1pfz2_gg_.__hide_1pfz2_gg_{display:none}.___SDot_1pfz2_gg_.__color_1pfz2_gg_{fill:var(--color_1pfz2)}.___SDot_1pfz2_gg_.__transparent_1pfz2_gg_{opacity:.3}" /*__inner_css_end__*/, "1pfz2_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SDot": "___SDot_1pfz2_gg_",
|
|
19
|
+
"_hide": "__hide_1pfz2_gg_",
|
|
20
|
+
"_color": "__color_1pfz2_gg_",
|
|
21
|
+
"--color": "--color_1pfz2",
|
|
22
|
+
"_transparent": "__transparent_1pfz2_gg_",
|
|
23
|
+
"__SDots": "___SDots_1pfz2_gg_",
|
|
24
|
+
"--duration": "--duration_1pfz2"
|
|
25
25
|
});
|
|
26
26
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
|
27
27
|
function Dots(props) {
|
|
@@ -83,7 +83,7 @@ function Dots(props) {
|
|
|
83
83
|
var isPrev = d3.defined()(data[i - 1] || {});
|
|
84
84
|
var isNext = d3.defined()(data[i + 1] || {});
|
|
85
85
|
var active = i === activeIndex;
|
|
86
|
-
var visible = display || i === activeIndex || !isPrev && !isNext;
|
|
86
|
+
var visible = typeof display === 'function' ? display(i, i === activeIndex, !isPrev && !isNext) : display || i === activeIndex || !isPrev && !isNext;
|
|
87
87
|
var radius = radiusBase * (active ? 8 / 6 : 1);
|
|
88
88
|
if (!d3.defined()(d)) return acc;
|
|
89
89
|
if (!visible) return acc;
|
package/lib/cjs/Dots.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dots.js","names":["_core","require","_d3Array","_react","_interopRequireDefault","_rafTrottle","_createElement","_utils","_Pattern","style","sstyled","insert","EXCLUDE_PROPS","Dots","props","_ref3","SDot","Element","styles","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","_props$duration","duration","transparent","_props$radius","radius","radiusBase","resolveColor","patterns","bisect","bisector","d","center","_React$useState","React","useState","_React$useState2","_slicedToArray2","activeIndex","setActiveIndex","data","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","isPrev","defined","isNext","active","visible","patternKey","getChartDefaultColorName","_getPatternSymbolSize","getPatternSymbolSize","_getPatternSymbolSize2","width","height","_ref","push","createElement","cn","concat","_ref2","PatternSymbol","SDots","_default","exports"],"sources":["../../src/Dots.jsx"],"sourcesContent":["import { bisector } from 'd3-array';\nimport React from 'react';\nimport { sstyled } from '@semcore/core';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { eventToPoint, invert, interpolateValue, getChartDefaultColorName } from './utils';\n\nimport style from './style/dot.shadow.css';\nimport { PatternSymbol, getPatternSymbolSize } from './Pattern';\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 radius: radiusBase = 6,\n resolveColor,\n patterns,\n } = props;\n const bisect = bisector((d) => d[x]).center;\n const [activeIndex, setActiveIndex] = React.useState(null);\n const data = React.useMemo(\n () => props.data.filter((item) => item[y] !== interpolateValue),\n [props.data],\n );\n\n const handlerMouseMoveRoot = React.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 = React.useCallback(\n trottle(() => {\n setActiveIndex(null);\n }),\n [],\n );\n\n React.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
|
|
1
|
+
{"version":3,"file":"Dots.js","names":["_core","require","_d3Array","_react","_interopRequireDefault","_rafTrottle","_createElement","_utils","_Pattern","style","sstyled","insert","EXCLUDE_PROPS","Dots","props","_ref3","SDot","Element","styles","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","_props$duration","duration","transparent","_props$radius","radius","radiusBase","resolveColor","patterns","bisect","bisector","d","center","_React$useState","React","useState","_React$useState2","_slicedToArray2","activeIndex","setActiveIndex","data","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","isPrev","defined","isNext","active","visible","patternKey","getChartDefaultColorName","_getPatternSymbolSize","getPatternSymbolSize","_getPatternSymbolSize2","width","height","_ref","push","createElement","cn","concat","_ref2","PatternSymbol","SDots","_default","exports"],"sources":["../../src/Dots.jsx"],"sourcesContent":["import { bisector } from 'd3-array';\nimport React from 'react';\nimport { sstyled } from '@semcore/core';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { eventToPoint, invert, interpolateValue, getChartDefaultColorName } from './utils';\n\nimport style from './style/dot.shadow.css';\nimport { PatternSymbol, getPatternSymbolSize } from './Pattern';\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 radius: radiusBase = 6,\n resolveColor,\n patterns,\n } = props;\n const bisect = bisector((d) => d[x]).center;\n const [activeIndex, setActiveIndex] = React.useState(null);\n const data = React.useMemo(\n () => props.data.filter((item) => item[y] !== interpolateValue),\n [props.data],\n );\n\n const handlerMouseMoveRoot = React.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 = React.useCallback(\n trottle(() => {\n setActiveIndex(null);\n }),\n [],\n );\n\n React.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 =\n typeof display === 'function'\n ? display(i, i === activeIndex, !isPrev && !isNext)\n : display || i === activeIndex || (!isPrev && !isNext);\n const radius = radiusBase * (active ? 8 / 6 : 1);\n if (!d3.defined()(d)) return acc;\n if (!visible) return acc;\n\n const patternKey = color || getChartDefaultColorName(0);\n const [width, height] = getPatternSymbolSize({\n patternKey,\n patterns,\n });\n\n if (!patterns) {\n acc.push(\n sstyled(styles)(\n <SDot\n render='circle'\n color={resolveColor(color)}\n patternKey={patternKey}\n patterns={patterns}\n key={`${i}`}\n value={d}\n visible={visible}\n active={active}\n hide={hide}\n transparent={transparent}\n cx={d3.x()(d)}\n cy={d3.y()(d)}\n r={radius}\n />,\n ),\n );\n } else {\n acc.push(\n sstyled(styles)(\n <SDot\n render={PatternSymbol}\n color={resolveColor(color)}\n patternKey={patternKey}\n patterns={patterns}\n key={`${i}`}\n value={d}\n visible={visible}\n active={active}\n hide={hide}\n transparent={transparent}\n x={d3.x()(d) - width / 2}\n y={d3.y()(d) - height / 2}\n radius={radius}\n />,\n ),\n );\n }\n // acc.push(<PatternSymbol color={resolveColor(color)} patternKey={color} />);\n return acc;\n }, []);\n const SDots = 'g';\n return sstyled(styles)(<SDots 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
|
@@ -19,16 +19,16 @@ var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
|
|
|
19
19
|
var _utils = require("./utils");
|
|
20
20
|
var _Pattern = require("./Pattern");
|
|
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
|
-
"_pattern": "
|
|
28
|
-
"--pattern": "--
|
|
29
|
-
"_hide": "
|
|
30
|
-
"_transparent": "
|
|
31
|
-
"__SBackground": "
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_3ead1_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_3ead1);transition-timing-function:ease-in-out}.___SBar_3ead1_gg_.__color_3ead1_gg_{fill:var(--color_3ead1)}.___SBar_3ead1_gg_.__pattern_3ead1_gg_.__color_3ead1_gg_{fill:var(--pattern_3ead1);stroke:var(--color_3ead1);stroke-width:1px}.___SBar_3ead1_gg_.__hide_3ead1_gg_{display:none}.___SBar_3ead1_gg_.__transparent_3ead1_gg_{opacity:.3}.___SBackground_3ead1_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "3ead1_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SBar": "___SBar_3ead1_gg_",
|
|
24
|
+
"--duration": "--duration_3ead1",
|
|
25
|
+
"_color": "__color_3ead1_gg_",
|
|
26
|
+
"--color": "--color_3ead1",
|
|
27
|
+
"_pattern": "__pattern_3ead1_gg_",
|
|
28
|
+
"--pattern": "--pattern_3ead1",
|
|
29
|
+
"_hide": "__hide_3ead1_gg_",
|
|
30
|
+
"_transparent": "__transparent_3ead1_gg_",
|
|
31
|
+
"__SBackground": "___SBackground_3ead1_gg_"
|
|
32
32
|
});
|
|
33
33
|
var MIN_WIDTH = 2;
|
|
34
34
|
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_f0tyo_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_f0tyo_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "f0tyo_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SHoverLine": "___SHoverLine_f0tyo_gg_",
|
|
26
|
+
"__SHoverRect": "___SHoverRect_f0tyo_gg_"
|
|
27
27
|
});
|
|
28
28
|
var Hover = /*#__PURE__*/function (_Component) {
|
|
29
29
|
(0, _inherits2["default"])(Hover, _Component);
|
package/lib/cjs/Line.js
CHANGED
|
@@ -22,15 +22,15 @@ var _Dots = _interopRequireDefault(require("./Dots"));
|
|
|
22
22
|
var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
|
|
23
23
|
var _Pattern = require("./Pattern");
|
|
24
24
|
/*__reshadow-styles__:"./style/line.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SLine": "
|
|
27
|
-
"--duration": "--
|
|
28
|
-
"_color": "
|
|
29
|
-
"--color": "--
|
|
30
|
-
"_hide": "
|
|
31
|
-
"_transparent": "
|
|
32
|
-
"__SNull": "
|
|
33
|
-
"__SAria": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLine_plj9c_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_plj9c);transition-timing-function:ease-in-out}.___SLine_plj9c_gg_.__color_plj9c_gg_{stroke:var(--color_plj9c)}.___SLine_plj9c_gg_.__hide_plj9c_gg_{display:none}.___SLine_plj9c_gg_.__transparent_plj9c_gg_{opacity:.3}.___SNull_plj9c_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_plj9c_gg_.__hide_plj9c_gg_{display:none}.___SAria_plj9c_gg_{transition-property:d;transition-duration:var(--duration_plj9c);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_plj9c_gg_.__color_plj9c_gg_{fill:var(--color_plj9c)}" /*__inner_css_end__*/, "plj9c_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SLine": "___SLine_plj9c_gg_",
|
|
27
|
+
"--duration": "--duration_plj9c",
|
|
28
|
+
"_color": "__color_plj9c_gg_",
|
|
29
|
+
"--color": "--color_plj9c",
|
|
30
|
+
"_hide": "__hide_plj9c_gg_",
|
|
31
|
+
"_transparent": "__transparent_plj9c_gg_",
|
|
32
|
+
"__SNull": "___SNull_plj9c_gg_",
|
|
33
|
+
"__SAria": "___SAria_plj9c_gg_"
|
|
34
34
|
});
|
|
35
35
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
|
36
36
|
(0, _inherits2["default"])(LineRoot, _Component);
|
|
@@ -208,7 +208,9 @@ function Area(props) {
|
|
|
208
208
|
var _scale = (0, _slicedToArray2["default"])(scale, 2),
|
|
209
209
|
xScale = _scale[0],
|
|
210
210
|
yScale = _scale[1];
|
|
211
|
-
var dataToArea = area !== null && area !== void 0 ? area : data
|
|
211
|
+
var dataToArea = area !== null && area !== void 0 ? area : data.filter(function (d) {
|
|
212
|
+
return (0, _utils.definedData)(y0, y1)(d);
|
|
213
|
+
});
|
|
212
214
|
var d3 = (0, _d3Shape.area)().curve(curve).x(function (data) {
|
|
213
215
|
return xScale(data[x]);
|
|
214
216
|
}).y0(function (data) {
|
package/lib/cjs/Line.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Line.js","names":["_core","require","_react","_interopRequireDefault","_d3Shape","_uniqueID","_interopRequireWildcard","_createElement","_utils","_Dots","_AnimatedClipPath","_Pattern","style","sstyled","insert","LineRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","resolveColor","duration","transparent","patterns","getNullProps","_this$asProps2","data","filter","item","interpolateValue","getNullData","definedNullData","getAreaProps","_this$asProps3","hide","scale","render","_ref","SLine","Element","_this$asProps4","styles","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","patternKey","getChartDefaultColorName","createElement","Fragment","cn","concat","resolvePatternDasharray","undefined","Component","_defineProperty2","uniqueIDEnhancement","_ref4","$rootProps","_ref4$curve","curve","curveLinear","_ref5","_ref6","_slicedToArray2","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","_ref2","SNull","Area","_ref3","useUID","SAria","y0","y1","_props$curve","curveCardinal","area","_scale","dataToArea","d3Area","_default","Dots","exports"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line, area as d3Area, curveCardinal } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement, { useUID } from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport {\n definedData,\n definedNullData,\n scaleOfBandwidth,\n getNullData,\n interpolateValue,\n getChartDefaultColorName,\n} from './utils';\nimport Dots from './Dots';\nimport AnimatedClipPath from './AnimatedClipPath';\nimport { resolvePatternDasharray } from './Pattern';\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, resolveColor, duration, transparent, patterns } = this.asProps;\n return {\n x,\n y,\n d3,\n color,\n resolveColor,\n duration,\n transparent,\n patterns,\n };\n }\n\n getNullProps() {\n const { x, y, d3, color, resolveColor } = 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 resolveColor,\n };\n }\n\n getAreaProps() {\n const { x, y, color, hide, duration, scale } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n return {\n x,\n y,\n data,\n color,\n hide,\n duration,\n scale,\n };\n }\n\n render() {\n const SLine = this.Element;\n const {\n styles,\n hide,\n color,\n resolveColor,\n uid,\n size,\n d3,\n duration,\n x,\n y,\n transparent,\n patterns,\n } = 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 const patternKey = color || getChartDefaultColorName(0);\n\n return sstyled(styles)(\n <>\n <SLine\n aria-hidden\n clipPath={`url(#${uid})`}\n render='path'\n hide={hide}\n color={resolveColor(color)}\n transparent={transparent}\n d={d3(data)}\n use:duration={`${duration}ms`}\n strokeDasharray={patterns ? resolvePatternDasharray(patternKey, patterns) : undefined}\n />\n {duration && (\n <AnimatedClipPath\n aria-hidden\n duration={duration}\n id={uid}\n x='0'\n y='0'\n width={0}\n height={size[1]}\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\nfunction Area(props) {\n const uid = useUID();\n const {\n Element: SAria,\n styles,\n data,\n hide,\n duration,\n color,\n scale,\n x,\n y0,\n y1,\n curve = curveCardinal,\n area,\n patterns,\n } = props;\n const [xScale, yScale] = scale;\n const dataToArea = area ?? data;\n\n const d3 = d3Area()\n .curve(curve)\n .x((data) => xScale(data[x]))\n .y0((data) => yScale(data[y0]))\n .y1((data) => yScale(data[y1]));\n\n return sstyled(styles)(\n <SAria\n aria-hidden\n clipPath={`url(#${uid})`}\n render='path'\n hide={hide}\n color={color}\n d={d3(dataToArea)}\n use:duration={`${duration}ms`}\n patterns={patterns}\n />,\n );\n}\n\nexport default createElement(LineRoot, {\n Dots,\n Null,\n Area,\n});\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Line.js","names":["_core","require","_react","_interopRequireDefault","_d3Shape","_uniqueID","_interopRequireWildcard","_createElement","_utils","_Dots","_AnimatedClipPath","_Pattern","style","sstyled","insert","LineRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","resolveColor","duration","transparent","patterns","getNullProps","_this$asProps2","data","filter","item","interpolateValue","getNullData","definedNullData","getAreaProps","_this$asProps3","hide","scale","render","_ref","SLine","Element","_this$asProps4","styles","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","patternKey","getChartDefaultColorName","createElement","Fragment","cn","concat","resolvePatternDasharray","undefined","Component","_defineProperty2","uniqueIDEnhancement","_ref4","$rootProps","_ref4$curve","curve","curveLinear","_ref5","_ref6","_slicedToArray2","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","_ref2","SNull","Area","_ref3","useUID","SAria","y0","y1","_props$curve","curveCardinal","area","_scale","dataToArea","d","d3Area","_default","Dots","exports"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line, area as d3Area, curveCardinal } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement, { useUID } from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport {\n definedData,\n definedNullData,\n scaleOfBandwidth,\n getNullData,\n interpolateValue,\n getChartDefaultColorName,\n} from './utils';\nimport Dots from './Dots';\nimport AnimatedClipPath from './AnimatedClipPath';\nimport { resolvePatternDasharray } from './Pattern';\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, resolveColor, duration, transparent, patterns } = this.asProps;\n return {\n x,\n y,\n d3,\n color,\n resolveColor,\n duration,\n transparent,\n patterns,\n };\n }\n\n getNullProps() {\n const { x, y, d3, color, resolveColor } = 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 resolveColor,\n };\n }\n\n getAreaProps() {\n const { x, y, color, hide, duration, scale } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n return {\n x,\n y,\n data,\n color,\n hide,\n duration,\n scale,\n };\n }\n\n render() {\n const SLine = this.Element;\n const {\n styles,\n hide,\n color,\n resolveColor,\n uid,\n size,\n d3,\n duration,\n x,\n y,\n transparent,\n patterns,\n } = 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 const patternKey = color || getChartDefaultColorName(0);\n\n return sstyled(styles)(\n <>\n <SLine\n aria-hidden\n clipPath={`url(#${uid})`}\n render='path'\n hide={hide}\n color={resolveColor(color)}\n transparent={transparent}\n d={d3(data)}\n use:duration={`${duration}ms`}\n strokeDasharray={patterns ? resolvePatternDasharray(patternKey, patterns) : undefined}\n />\n {duration && (\n <AnimatedClipPath\n aria-hidden\n duration={duration}\n id={uid}\n x='0'\n y='0'\n width={0}\n height={size[1]}\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\nfunction Area(props) {\n const uid = useUID();\n const {\n Element: SAria,\n styles,\n data,\n hide,\n duration,\n color,\n scale,\n x,\n y0,\n y1,\n curve = curveCardinal,\n area,\n patterns,\n } = props;\n const [xScale, yScale] = scale;\n const dataToArea = area ?? data.filter((d) => definedData(y0, y1)(d));\n\n const d3 = d3Area()\n .curve(curve)\n .x((data) => xScale(data[x]))\n .y0((data) => yScale(data[y0]))\n .y1((data) => yScale(data[y1]));\n\n return sstyled(styles)(\n <SAria\n aria-hidden\n clipPath={`url(#${uid})`}\n render='path'\n hide={hide}\n color={color}\n d={d3(dataToArea)}\n use:duration={`${duration}ms`}\n patterns={patterns}\n />,\n );\n}\n\nexport default createElement(LineRoot, {\n Dots,\n Null,\n Area,\n});\n"],"mappings":"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"}
|
package/lib/cjs/Plot.js
CHANGED
|
@@ -24,9 +24,9 @@ var _PlotA11yModule = require("./a11y/PlotA11yModule");
|
|
|
24
24
|
var _hints = require("./a11y/hints");
|
|
25
25
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
|
|
26
26
|
/*__reshadow-styles__:"./style/plot.shadow.css"*/
|
|
27
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
28
|
-
"__SPlot": "
|
|
29
|
-
"_keyboardFocused": "
|
|
27
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlot_yektd_gg_{overflow:hidden}.___SPlot_yektd_gg_:active,.___SPlot_yektd_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_yektd_gg_.__keyboardFocused_yektd_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__*/, "yektd_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
+
"__SPlot": "___SPlot_yektd_gg_",
|
|
29
|
+
"_keyboardFocused": "__keyboardFocused_yektd_gg_"
|
|
30
30
|
});
|
|
31
31
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
32
32
|
(0, _inherits2["default"])(PlotRoot, _Component);
|
package/lib/cjs/Radar.js
CHANGED
|
@@ -29,25 +29,25 @@ var _utils = require("./utils");
|
|
|
29
29
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
30
30
|
var _Pattern = require("./Pattern");
|
|
31
31
|
/*__reshadow-styles__:"./style/radar.shadow.css"*/
|
|
32
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
33
|
-
"__SAxis": "
|
|
34
|
-
"__SAxisLine": "
|
|
35
|
-
"__SAxisTick": "
|
|
36
|
-
"_active": "
|
|
37
|
-
"__SAxisLabel": "
|
|
38
|
-
"_xDirection": "
|
|
39
|
-
"--xDirection": "--
|
|
40
|
-
"_yDirection": "
|
|
41
|
-
"--yDirection": "--
|
|
42
|
-
"__SPolygon": "
|
|
43
|
-
"_color": "
|
|
44
|
-
"--color": "--
|
|
45
|
-
"_pattern": "
|
|
46
|
-
"--pattern": "--
|
|
47
|
-
"__SPolygonDot": "
|
|
48
|
-
"_transparent": "
|
|
49
|
-
"__SPolygonLine": "
|
|
50
|
-
"__SPieRect": "
|
|
32
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxisLine_9egfi_gg_,.___SAxisTick_9egfi_gg_,.___SAxis_9egfi_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_9egfi_gg_,.___SAxisTick_9egfi_gg_{stroke-dasharray:2}.___SAxisLine_9egfi_gg_.__active_9egfi_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_9egfi_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_9egfi_gg_.__xDirection_9egfi_gg_{text-anchor:var(--xDirection_9egfi)}.___SAxisLabel_9egfi_gg_.__yDirection_9egfi_gg_{dominant-baseline:var(--yDirection_9egfi)}.___SPolygonDot_9egfi_gg_,.___SPolygon_9egfi_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_9egfi_gg_{opacity:.2}.___SPolygon_9egfi_gg_.__color_9egfi_gg_{fill:var(--color_9egfi)}.___SPolygon_9egfi_gg_.__pattern_9egfi_gg_.__color_9egfi_gg_{fill:var(--pattern_9egfi);stroke:var(--color_9egfi);stroke-width:1px}.___SPolygonDot_9egfi_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_9egfi_gg_.__transparent_9egfi_gg_{opacity:.3}.___SPolygonDot_9egfi_gg_.__color_9egfi_gg_{fill:var(--color_9egfi)}.___SPolygonLine_9egfi_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_9egfi_gg_.__transparent_9egfi_gg_{opacity:.3}.___SPolygonLine_9egfi_gg_.__color_9egfi_gg_{stroke:var(--color_9egfi)}.___SPieRect_9egfi_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "9egfi_gg_") /*__reshadow_css_end__*/, {
|
|
33
|
+
"__SAxis": "___SAxis_9egfi_gg_",
|
|
34
|
+
"__SAxisLine": "___SAxisLine_9egfi_gg_",
|
|
35
|
+
"__SAxisTick": "___SAxisTick_9egfi_gg_",
|
|
36
|
+
"_active": "__active_9egfi_gg_",
|
|
37
|
+
"__SAxisLabel": "___SAxisLabel_9egfi_gg_",
|
|
38
|
+
"_xDirection": "__xDirection_9egfi_gg_",
|
|
39
|
+
"--xDirection": "--xDirection_9egfi",
|
|
40
|
+
"_yDirection": "__yDirection_9egfi_gg_",
|
|
41
|
+
"--yDirection": "--yDirection_9egfi",
|
|
42
|
+
"__SPolygon": "___SPolygon_9egfi_gg_",
|
|
43
|
+
"_color": "__color_9egfi_gg_",
|
|
44
|
+
"--color": "--color_9egfi",
|
|
45
|
+
"_pattern": "__pattern_9egfi_gg_",
|
|
46
|
+
"--pattern": "--pattern_9egfi",
|
|
47
|
+
"__SPolygonDot": "___SPolygonDot_9egfi_gg_",
|
|
48
|
+
"_transparent": "__transparent_9egfi_gg_",
|
|
49
|
+
"__SPolygonLine": "___SPolygonLine_9egfi_gg_",
|
|
50
|
+
"__SPieRect": "___SPieRect_9egfi_gg_"
|
|
51
51
|
});
|
|
52
52
|
var clampAngle = function clampAngle(angle) {
|
|
53
53
|
angle = angle % (2 * Math.PI);
|
package/lib/cjs/RadialTree.js
CHANGED
|
@@ -27,17 +27,17 @@ var _utils = require("./utils");
|
|
|
27
27
|
var _Pattern = require("./Pattern");
|
|
28
28
|
var _excluded = ["data"];
|
|
29
29
|
/*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
|
|
30
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
31
|
-
"__SRadian": "
|
|
32
|
-
"__SLine": "
|
|
33
|
-
"_color": "
|
|
34
|
-
"--color": "--
|
|
35
|
-
"_transparent": "
|
|
36
|
-
"__SCap": "
|
|
37
|
-
"_pattern": "
|
|
38
|
-
"__SIcon": "
|
|
39
|
-
"__SLabel": "
|
|
40
|
-
"__SLineCap": "
|
|
30
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SRadian_1nk21_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1nk21_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1nk21_gg_.__color_1nk21_gg_{stroke:var(--color_1nk21)}.___SLine_1nk21_gg_.__transparent_1nk21_gg_{opacity:.3}.___SCap_1nk21_gg_{transition:r .1s}.___SCap_1nk21_gg_.__pattern_1nk21_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_1nk21_gg_.__transparent_1nk21_gg_,.___SIcon_1nk21_gg_.__transparent_1nk21_gg_,.___SLabel_1nk21_gg_.__transparent_1nk21_gg_{opacity:.3}.___SLabel_1nk21_gg_{fill:var(--color_1nk21)}@media (hover:hover){.___SRadian_1nk21_gg_:hover .___SLabel_1nk21_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1nk21_gg_{transition:none}}" /*__inner_css_end__*/, "1nk21_gg_") /*__reshadow_css_end__*/, {
|
|
31
|
+
"__SRadian": "___SRadian_1nk21_gg_",
|
|
32
|
+
"__SLine": "___SLine_1nk21_gg_",
|
|
33
|
+
"_color": "__color_1nk21_gg_",
|
|
34
|
+
"--color": "--color_1nk21",
|
|
35
|
+
"_transparent": "__transparent_1nk21_gg_",
|
|
36
|
+
"__SCap": "___SCap_1nk21_gg_",
|
|
37
|
+
"_pattern": "__pattern_1nk21_gg_",
|
|
38
|
+
"__SIcon": "___SIcon_1nk21_gg_",
|
|
39
|
+
"__SLabel": "___SLabel_1nk21_gg_",
|
|
40
|
+
"__SLineCap": "___SLineCap_1nk21_gg_"
|
|
41
41
|
});
|
|
42
42
|
var baseAngle = -Math.PI / 2; // The top vertical line
|
|
43
43
|
var RadialTreeBase = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/ReferenceLine.js
CHANGED
|
@@ -17,15 +17,15 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
17
17
|
var _createElement = _interopRequireDefault(require("./createElement"));
|
|
18
18
|
var _utils = require("./utils");
|
|
19
19
|
/*__reshadow-styles__:"./style/reference-line.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
-
"__SReferenceLine": "
|
|
22
|
-
"__STitle": "
|
|
23
|
-
"--transform-origin": "--transform-
|
|
24
|
-
"_position_top": "
|
|
25
|
-
"_position_bottom": "
|
|
26
|
-
"_position_right": "
|
|
27
|
-
"_position_left": "
|
|
28
|
-
"__SBackground": "
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_822cc_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_822cc_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_822cc)}.___STitle_822cc_gg_._position_top_822cc_gg_{text-anchor:middle}.___STitle_822cc_gg_._position_bottom_822cc_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_822cc_gg_._position_left_822cc_gg_,.___STitle_822cc_gg_._position_right_822cc_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_822cc_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "822cc_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SReferenceLine": "___SReferenceLine_822cc_gg_",
|
|
22
|
+
"__STitle": "___STitle_822cc_gg_",
|
|
23
|
+
"--transform-origin": "--transform-origin_822cc",
|
|
24
|
+
"_position_top": "_position_top_822cc_gg_",
|
|
25
|
+
"_position_bottom": "_position_bottom_822cc_gg_",
|
|
26
|
+
"_position_right": "_position_right_822cc_gg_",
|
|
27
|
+
"_position_left": "_position_left_822cc_gg_",
|
|
28
|
+
"__SBackground": "___SBackground_822cc_gg_"
|
|
29
29
|
});
|
|
30
30
|
var side2direction = {
|
|
31
31
|
left: 'vertical',
|