@semcore/d3-chart 2.2.0 → 2.2.3
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 +21 -0
- package/README.md +113 -0
- package/lib/cjs/Area.js +9 -9
- package/lib/cjs/Area.js.map +1 -1
- package/lib/cjs/Axis.js +19 -17
- package/lib/cjs/Axis.js.map +1 -1
- package/lib/cjs/Bar.js +11 -11
- package/lib/cjs/Bar.js.map +1 -1
- package/lib/cjs/Bubble.js +12 -12
- package/lib/cjs/Bubble.js.map +1 -1
- package/lib/cjs/ClipPath.js +1 -1
- package/lib/cjs/ClipPath.js.map +1 -1
- package/lib/cjs/Donut.js +8 -8
- package/lib/cjs/Donut.js.map +1 -1
- package/lib/cjs/Dots.js +9 -9
- package/lib/cjs/Dots.js.map +1 -1
- package/lib/cjs/GroupBar.js +8 -8
- package/lib/cjs/GroupBar.js.map +1 -1
- package/lib/cjs/HorizontalBar.js +11 -11
- package/lib/cjs/HorizontalBar.js.map +1 -1
- package/lib/cjs/Hover.js +4 -4
- package/lib/cjs/Hover.js.map +1 -1
- package/lib/cjs/Line.js +8 -8
- package/lib/cjs/Line.js.map +1 -1
- package/lib/cjs/Plot.js +4 -4
- package/lib/cjs/Plot.js.map +1 -1
- package/lib/cjs/RadialTree.js +99 -59
- package/lib/cjs/RadialTree.js.map +1 -1
- package/lib/cjs/ReferenceLine.js +10 -10
- package/lib/cjs/ReferenceLine.js.map +1 -1
- package/lib/cjs/ResponsiveContainer.js +1 -1
- package/lib/cjs/ResponsiveContainer.js.map +1 -1
- package/lib/cjs/ScatterPlot.js +7 -7
- package/lib/cjs/ScatterPlot.js.map +1 -1
- package/lib/cjs/StackBar.js +8 -8
- package/lib/cjs/StackBar.js.map +1 -1
- package/lib/cjs/StackedArea.js +8 -8
- package/lib/cjs/StackedArea.js.map +1 -1
- package/lib/cjs/Tooltip.js +15 -11
- package/lib/cjs/Tooltip.js.map +1 -1
- package/lib/cjs/Venn.js +9 -9
- package/lib/cjs/Venn.js.map +1 -1
- package/lib/cjs/color.js.map +1 -1
- package/lib/cjs/createElement.js +3 -2
- package/lib/cjs/createElement.js.map +1 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/style/radial-tree.shadow.css +0 -1
- package/lib/cjs/utils.js.map +1 -1
- package/lib/es6/Area.js +9 -9
- package/lib/es6/Area.js.map +1 -1
- package/lib/es6/Axis.js +19 -17
- package/lib/es6/Axis.js.map +1 -1
- package/lib/es6/Bar.js +11 -11
- package/lib/es6/Bar.js.map +1 -1
- package/lib/es6/Bubble.js +12 -12
- package/lib/es6/Bubble.js.map +1 -1
- package/lib/es6/ClipPath.js +1 -1
- package/lib/es6/ClipPath.js.map +1 -1
- package/lib/es6/Donut.js +8 -8
- package/lib/es6/Donut.js.map +1 -1
- package/lib/es6/Dots.js +9 -9
- package/lib/es6/Dots.js.map +1 -1
- package/lib/es6/GroupBar.js +8 -8
- package/lib/es6/GroupBar.js.map +1 -1
- package/lib/es6/HorizontalBar.js +11 -11
- package/lib/es6/HorizontalBar.js.map +1 -1
- package/lib/es6/Hover.js +4 -4
- package/lib/es6/Hover.js.map +1 -1
- package/lib/es6/Line.js +8 -8
- package/lib/es6/Line.js.map +1 -1
- package/lib/es6/Plot.js +4 -4
- package/lib/es6/Plot.js.map +1 -1
- package/lib/es6/RadialTree.js +99 -59
- package/lib/es6/RadialTree.js.map +1 -1
- package/lib/es6/ReferenceLine.js +10 -10
- package/lib/es6/ReferenceLine.js.map +1 -1
- package/lib/es6/ResponsiveContainer.js +1 -1
- package/lib/es6/ResponsiveContainer.js.map +1 -1
- package/lib/es6/ScatterPlot.js +7 -7
- package/lib/es6/ScatterPlot.js.map +1 -1
- package/lib/es6/StackBar.js +8 -8
- package/lib/es6/StackBar.js.map +1 -1
- package/lib/es6/StackedArea.js +8 -8
- package/lib/es6/StackedArea.js.map +1 -1
- package/lib/es6/Tooltip.js +15 -11
- package/lib/es6/Tooltip.js.map +1 -1
- package/lib/es6/Venn.js +9 -9
- package/lib/es6/Venn.js.map +1 -1
- package/lib/es6/color.js.map +1 -1
- package/lib/es6/createElement.js +3 -2
- package/lib/es6/createElement.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/style/radial-tree.shadow.css +0 -1
- package/lib/es6/utils.js.map +1 -1
- package/package.json +2 -2
- package/src/Area.jsx +0 -137
- package/src/Axis.jsx +0 -314
- package/src/Bar.jsx +0 -149
- package/src/Bubble.jsx +0 -165
- package/src/ClipPath.jsx +0 -47
- package/src/Donut.jsx +0 -319
- package/src/Dots.jsx +0 -97
- package/src/GroupBar.jsx +0 -76
- package/src/HorizontalBar.jsx +0 -135
- package/src/Hover.jsx +0 -153
- package/src/Line.jsx +0 -89
- package/src/Plot.jsx +0 -79
- package/src/RadialTree.tsx +0 -767
- package/src/ReferenceLine.jsx +0 -146
- package/src/ResponsiveContainer.jsx +0 -84
- package/src/ScatterPlot.jsx +0 -112
- package/src/StackBar.jsx +0 -105
- package/src/StackedArea.jsx +0 -65
- package/src/Tooltip.jsx +0 -145
- package/src/Venn.jsx +0 -114
- package/src/color.js +0 -21
- package/src/createElement.jsx +0 -135
- package/src/index.js +0 -27
- package/src/style/area.shadow.css +0 -37
- package/src/style/axis.shadow.css +0 -85
- package/src/style/bar.shadow.css +0 -21
- package/src/style/bubble.shadow.css +0 -45
- package/src/style/donut.shadow.css +0 -24
- package/src/style/dot.shadow.css +0 -29
- package/src/style/hover.shadow.css +0 -9
- package/src/style/line.shadow.css +0 -29
- package/src/style/plot.shadow.css +0 -6
- package/src/style/radial-tree.shadow.css +0 -34
- package/src/style/reference-line.shadow.css +0 -37
- package/src/style/scatterplot.shadow.css +0 -27
- package/src/style/tooltip.shadow.css +0 -36
- package/src/style/var.css +0 -125
- package/src/style/venn.shadow.css +0 -29
- package/src/types/Area.d.ts +0 -48
- package/src/types/Axis.d.ts +0 -64
- package/src/types/Bar.d.ts +0 -52
- package/src/types/Bubble.d.ts +0 -32
- package/src/types/ClipPath.d.ts +0 -26
- package/src/types/Donut.d.ts +0 -46
- package/src/types/GroupBar.d.ts +0 -20
- package/src/types/HorizontalBar.d.ts +0 -29
- package/src/types/Hover.d.ts +0 -15
- package/src/types/Line.d.ts +0 -50
- package/src/types/Plot.d.ts +0 -16
- package/src/types/ReferenceLine.d.ts +0 -31
- package/src/types/ResponsiveContainer.d.ts +0 -20
- package/src/types/ScatterPlot.d.ts +0 -27
- package/src/types/StackBar.d.ts +0 -26
- package/src/types/StackedArea.d.ts +0 -26
- package/src/types/Tooltip.d.ts +0 -33
- package/src/types/Venn.d.ts +0 -45
- package/src/types/context.d.ts +0 -6
- package/src/types/index.d.ts +0 -56
- package/src/utils.ts +0 -227
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,27 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [2.2.3] - 2022-07-22
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/animation` [1.5.4 ~> 1.5.5], `@semcore/utils` [3.34.0 ~> 3.35.0]).
|
|
10
|
+
|
|
11
|
+
## [2.2.2] - 2022-07-20
|
|
12
|
+
|
|
13
|
+
### Fixed
|
|
14
|
+
|
|
15
|
+
- Fixed ability to change `tag` in render(prop) functions.
|
|
16
|
+
- Fixed `RadialTree` typings.
|
|
17
|
+
- Fixed `RadialTree` rendering in Safari.
|
|
18
|
+
- Fixed `RadialTree` radian labels rendering.
|
|
19
|
+
|
|
20
|
+
## [2.2.1] - 2022-07-07
|
|
21
|
+
|
|
22
|
+
### Changed
|
|
23
|
+
|
|
24
|
+
- Version patch update due to children dependencies update (`@semcore/animation` [1.5.3 ~> 1.5.4], `@semcore/utils` [3.33.0 ~> 3.34.0]).
|
|
25
|
+
|
|
5
26
|
## [2.2.0] - 2022-06-30
|
|
6
27
|
|
|
7
28
|
### Added
|
package/README.md
CHANGED
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
# @semcore/d3-chart
|
|
2
|
+
|
|
3
|
+
[](https://www.npmjs.com/@semcore/d3-chart)
|
|
4
|
+
[](https://www.npmjs.com/package/@semcore/d3-chart)
|
|
5
|
+
[](https://github.com/semrush/intergalactic/blob/master/LICENSE)
|
|
6
|
+
|
|
7
|
+
> This component is part of the Intergalactic design system
|
|
8
|
+
|
|
9
|
+
### 📖 [Component documentation](https://developer.semrush.com/intergalactic/data-display/d3-chart/)
|
|
10
|
+
|
|
11
|
+
### 🏠 [Design system](https://developer.semrush.com/intergalactic/)
|
|
12
|
+
|
|
13
|
+
## Install
|
|
14
|
+
|
|
15
|
+
```sh
|
|
16
|
+
npm install @semcore/ui
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Usage
|
|
20
|
+
|
|
21
|
+
```jsx
|
|
22
|
+
import {
|
|
23
|
+
Plot,
|
|
24
|
+
XAxis,
|
|
25
|
+
YAxis,
|
|
26
|
+
Line,
|
|
27
|
+
Bar,
|
|
28
|
+
HorizontalBar,
|
|
29
|
+
GroupBar,
|
|
30
|
+
StackBar,
|
|
31
|
+
Area,
|
|
32
|
+
StackedArea,
|
|
33
|
+
ScatterPlot,
|
|
34
|
+
Bubble,
|
|
35
|
+
RadialTree,
|
|
36
|
+
Donut,
|
|
37
|
+
Venn,
|
|
38
|
+
Tooltip,
|
|
39
|
+
ResponsiveContainer,
|
|
40
|
+
ReferenceLine,
|
|
41
|
+
HoverLine,
|
|
42
|
+
HoverRect,
|
|
43
|
+
minMax,
|
|
44
|
+
colors,
|
|
45
|
+
} from '@semcore/ui/d3-chart';
|
|
46
|
+
```
|
|
47
|
+
|
|
48
|
+
<details>
|
|
49
|
+
<summary>Alternative installation and use</summary>
|
|
50
|
+
|
|
51
|
+
**We do not recommend this usage path due to possible dependency and update issues.**
|
|
52
|
+
|
|
53
|
+
### Install
|
|
54
|
+
|
|
55
|
+
You can only install one package from the design system
|
|
56
|
+
|
|
57
|
+
```sh
|
|
58
|
+
npm install @semcore/d3-chart @semcore/core
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
`@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
|
|
62
|
+
of the components that is discussed below. There should only be one version of the package in the project._
|
|
63
|
+
|
|
64
|
+
### Usage
|
|
65
|
+
|
|
66
|
+
You can use the package the same way but without `/ui/` in the import path.
|
|
67
|
+
|
|
68
|
+
```jsx
|
|
69
|
+
import {
|
|
70
|
+
Plot,
|
|
71
|
+
XAxis,
|
|
72
|
+
YAxis,
|
|
73
|
+
Line,
|
|
74
|
+
Bar,
|
|
75
|
+
HorizontalBar,
|
|
76
|
+
GroupBar,
|
|
77
|
+
StackBar,
|
|
78
|
+
Area,
|
|
79
|
+
StackedArea,
|
|
80
|
+
ScatterPlot,
|
|
81
|
+
Bubble,
|
|
82
|
+
RadialTree,
|
|
83
|
+
Donut,
|
|
84
|
+
Venn,
|
|
85
|
+
Tooltip,
|
|
86
|
+
ResponsiveContainer,
|
|
87
|
+
ReferenceLine,
|
|
88
|
+
HoverLine,
|
|
89
|
+
HoverRect,
|
|
90
|
+
minMax,
|
|
91
|
+
colors,
|
|
92
|
+
} from '@semcore/d3-chart';
|
|
93
|
+
```
|
|
94
|
+
|
|
95
|
+
</details>
|
|
96
|
+
|
|
97
|
+
## 👤 Author
|
|
98
|
+
|
|
99
|
+
[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
|
|
100
|
+
|
|
101
|
+
## 🤝 Contributing
|
|
102
|
+
|
|
103
|
+
Contributions, issues and feature requests are welcome!
|
|
104
|
+
|
|
105
|
+
Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).
|
|
106
|
+
|
|
107
|
+
## Show your support
|
|
108
|
+
|
|
109
|
+
Give a ⭐️ if this project helped you!
|
|
110
|
+
|
|
111
|
+
## 📝 License
|
|
112
|
+
|
|
113
|
+
This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
|
package/lib/cjs/Area.js
CHANGED
|
@@ -48,18 +48,18 @@ var style = (
|
|
|
48
48
|
/*__reshadow_css_start__*/
|
|
49
49
|
_core.sstyled.insert(
|
|
50
50
|
/*__inner_css_start__*/
|
|
51
|
-
".
|
|
51
|
+
".___SArea_n55x2_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_n55x2_gg_.__color_n55x2_gg_{fill:var(--color_n55x2)}.___SAreaLine_n55x2_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_n55x2_gg_.__color_n55x2_gg_{stroke:var(--color_n55x2)}.___SArea_n55x2_gg_,.___SAreaLine_n55x2_gg_{transition-property:d;transition-duration:var(--duration_n55x2);transition-timing-function:ease-in-out}.___SNull_n55x2_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_n55x2_gg_.__hide_n55x2_gg_{display:none}"
|
|
52
52
|
/*__inner_css_end__*/
|
|
53
|
-
, "
|
|
53
|
+
, "n55x2_gg_")
|
|
54
54
|
/*__reshadow_css_end__*/
|
|
55
55
|
, {
|
|
56
|
-
"__SArea": "
|
|
57
|
-
"_color": "
|
|
58
|
-
"--color": "--
|
|
59
|
-
"__SAreaLine": "
|
|
60
|
-
"--duration": "--
|
|
61
|
-
"__SNull": "
|
|
62
|
-
"_hide": "
|
|
56
|
+
"__SArea": "___SArea_n55x2_gg_",
|
|
57
|
+
"_color": "__color_n55x2_gg_",
|
|
58
|
+
"--color": "--color_n55x2",
|
|
59
|
+
"__SAreaLine": "___SAreaLine_n55x2_gg_",
|
|
60
|
+
"--duration": "--duration_n55x2",
|
|
61
|
+
"__SNull": "___SNull_n55x2_gg_",
|
|
62
|
+
"_hide": "__hide_n55x2_gg_"
|
|
63
63
|
});
|
|
64
64
|
|
|
65
65
|
var AreaRoot = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/Area.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Area.js","names":["AreaRoot","asProps","x","y","color","data","d3Line","d3","getNullData","definedNullData","duration","uid","SArea","Element","SAreaLine","styles","hide","size","Children","advanceMode","findComponent","Area","Line","displayName","sstyled","rect","setAttribute","Component","style","uniqueIDEnhancement","y0","$rootProps","curve","curveLinear","scale","xScale","yScale","yRange","range","area","defined","definedData","p","scaleOfBandwidth","y1","line","props","Null","SNull","createElement","Dots"],"sources":["../../src/Area.jsx"],"sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport Dots from './Dots';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { definedData, scaleOfBandwidth, getNullData, definedNullData } from './utils';\nimport ClipPath from './ClipPath';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport findComponent from '@semcore/utils/lib/findComponent';\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 } = this.asProps;\n\n return {\n x,\n y,\n data,\n d3: d3Line,\n color,\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 { styles, hide, d3, d3Line, data, color, uid, size, duration, Children } = this.asProps;\n const advanceMode = !!findComponent(Children, [Area.Line.displayName]);\n\n return sstyled(styles)(\n <>\n {!advanceMode && (\n <SAreaLine\n clipPath={`url(#${uid})`}\n d={d3Line(data)}\n color={color}\n use:duration={`${duration}ms`}\n />\n )}\n <SArea\n clipPath={`url(#${uid})`}\n render=\"path\"\n d={d3(data)}\n hide={hide}\n color={color}\n use:duration={`${duration}ms`}\n />\n {duration && (\n <ClipPath\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 } = 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 />,\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
|
@@ -44,23 +44,23 @@ var style = (
|
|
|
44
44
|
/*__reshadow_css_start__*/
|
|
45
45
|
_core.sstyled.insert(
|
|
46
46
|
/*__inner_css_start__*/
|
|
47
|
-
".
|
|
47
|
+
".___SAxis_bcg00_gg_{stroke:#c4c7cf}.___SAxis_bcg00_gg_.__hide_bcg00_gg_{display:none}.___STick_bcg00_gg_{font-size:12px;fill:#6c6e79}.___STick_bcg00_gg_.__hide_bcg00_gg_{display:none}.___SGrid_bcg00_gg_{fill:transparent;stroke:#e0e1e9}.___STitle_bcg00_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_bcg00)}.___STitle_bcg00_gg_._position_top_bcg00_gg_{text-anchor:middle}.___STitle_bcg00_gg_._position_bottom_bcg00_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_bcg00_gg_._position_right_bcg00_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_bcg00_gg_._position_left_bcg00_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_bcg00_gg_._position_top_bcg00_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_bcg00_gg_._position_bottom_bcg00_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_bcg00_gg_._position_right_bcg00_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_bcg00_gg_._position_left_bcg00_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_bcg00_gg_._position_custom_0_bcg00_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_bcg00_gg_._position_custom_1_bcg00_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
|
|
48
48
|
/*__inner_css_end__*/
|
|
49
|
-
, "
|
|
49
|
+
, "bcg00_gg_")
|
|
50
50
|
/*__reshadow_css_end__*/
|
|
51
51
|
, {
|
|
52
|
-
"__SAxis": "
|
|
53
|
-
"_hide": "
|
|
54
|
-
"__STick": "
|
|
55
|
-
"__SGrid": "
|
|
56
|
-
"__STitle": "
|
|
57
|
-
"--transform-origin": "--transform-
|
|
58
|
-
"_position_top": "
|
|
59
|
-
"_position_bottom": "
|
|
60
|
-
"_position_right": "
|
|
61
|
-
"_position_left": "
|
|
62
|
-
"_position_custom_0": "
|
|
63
|
-
"_position_custom_1": "
|
|
52
|
+
"__SAxis": "___SAxis_bcg00_gg_",
|
|
53
|
+
"_hide": "__hide_bcg00_gg_",
|
|
54
|
+
"__STick": "___STick_bcg00_gg_",
|
|
55
|
+
"__SGrid": "___SGrid_bcg00_gg_",
|
|
56
|
+
"__STitle": "___STitle_bcg00_gg_",
|
|
57
|
+
"--transform-origin": "--transform-origin_bcg00",
|
|
58
|
+
"_position_top": "_position_top_bcg00_gg_",
|
|
59
|
+
"_position_bottom": "_position_bottom_bcg00_gg_",
|
|
60
|
+
"_position_right": "_position_right_bcg00_gg_",
|
|
61
|
+
"_position_left": "_position_left_bcg00_gg_",
|
|
62
|
+
"_position_custom_0": "_position_custom_0_bcg00_gg_",
|
|
63
|
+
"_position_custom_1": "_position_custom_1_bcg00_gg_"
|
|
64
64
|
});
|
|
65
65
|
var CUSTOM_0 = Symbol('custom_0');
|
|
66
66
|
var CUSTOM_1 = Symbol('custom_1');
|
|
@@ -360,7 +360,7 @@ var AxisRoot = /*#__PURE__*/function (_Component) {
|
|
|
360
360
|
}, {
|
|
361
361
|
key: "render",
|
|
362
362
|
value: function render() {
|
|
363
|
-
var _ref;
|
|
363
|
+
var _ref, _MAP_POSITION_AXIS$po;
|
|
364
364
|
|
|
365
365
|
var SAxis = this.Element;
|
|
366
366
|
var _this$asProps3 = this.asProps,
|
|
@@ -369,7 +369,7 @@ var AxisRoot = /*#__PURE__*/function (_Component) {
|
|
|
369
369
|
scale = _this$asProps3.scale,
|
|
370
370
|
hide = _this$asProps3.hide,
|
|
371
371
|
indexScale = _this$asProps3.indexScale;
|
|
372
|
-
var pos = MAP_POSITION_AXIS[position]
|
|
372
|
+
var pos = (_MAP_POSITION_AXIS$po = MAP_POSITION_AXIS[position]) !== null && _MAP_POSITION_AXIS$po !== void 0 ? _MAP_POSITION_AXIS$po : MAP_POSITION_AXIS[MAP_INDEX_SCALE_SYMBOL[indexScale]];
|
|
373
373
|
return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAxis, _ref.cn("SAxis", _objectSpread({
|
|
374
374
|
"render": "line",
|
|
375
375
|
"hide": hide
|
|
@@ -383,6 +383,8 @@ var AxisRoot = /*#__PURE__*/function (_Component) {
|
|
|
383
383
|
(0, _defineProperty2["default"])(AxisRoot, "style", style);
|
|
384
384
|
|
|
385
385
|
function Ticks(props) {
|
|
386
|
+
var _MAP_POSITION_TICK$po;
|
|
387
|
+
|
|
386
388
|
var STick = props.Element,
|
|
387
389
|
styles = props.styles,
|
|
388
390
|
scale = props.scale,
|
|
@@ -390,7 +392,7 @@ function Ticks(props) {
|
|
|
390
392
|
position = props.position,
|
|
391
393
|
hide = props.hide,
|
|
392
394
|
indexScale = props.indexScale;
|
|
393
|
-
var pos = MAP_POSITION_TICK[position]
|
|
395
|
+
var pos = (_MAP_POSITION_TICK$po = MAP_POSITION_TICK[position]) !== null && _MAP_POSITION_TICK$po !== void 0 ? _MAP_POSITION_TICK$po : MAP_POSITION_TICK[MAP_INDEX_SCALE_SYMBOL[indexScale]];
|
|
394
396
|
var positionClass = MAP_POSITION_TICK[position] ? position : 'custom_' + indexScale;
|
|
395
397
|
return ticks.map(function (value, i) {
|
|
396
398
|
var _ref2;
|
package/lib/cjs/Axis.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Axis.jsx"],"names":["CUSTOM_0","Symbol","CUSTOM_1","MAP_INDEX_SCALE_SYMBOL","MAP_POSITION_REVERT","top","right","bottom","left","MAP_POSITION_AXIS","xScale","yScale","xRange","range","yRange","x1","y1","x2","y2","pos","MAP_POSITION_TICK","value","x","y","MAP_POSITION_GRID","OFFSET_TITLE","MAP_POSITION_TITlE","height","width","renderValue","Date","toLocaleDateString","AxisRoot","asProps","ticks","indexScale","scale","scl","domain","position","SAxis","Element","styles","hide","Component","style","Ticks","props","STick","positionClass","map","i","Grid","SGrid","Title","STitle","size","sstyles","sTitleStyles","cn","toFixed","className","XAxis","defaultProps","YAxis"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,QAAQ,GAAGC,MAAM,CAAC,UAAD,CAAvB;AACA,IAAMC,QAAQ,GAAGD,MAAM,CAAC,UAAD,CAAvB;AAEA,IAAME,sBAAsB,GAAG;AAC7B,KAAGH,QAD0B;AAE7B,KAAGE;AAF0B,CAA/B;AAKA,IAAME,mBAAmB,GAAG;AAC1BC,EAAAA,GAAG,EAAE,QADqB;AAE1BC,EAAAA,KAAK,EAAE,MAFmB;AAG1BC,EAAAA,MAAM,EAAE,KAHkB;AAI1BC,EAAAA,IAAI,EAAE;AAJoB,CAA5B;AAOA,IAAMC,iBAAiB;AACrBJ,EAAAA,GAAG,EAAE,oBAAsB;AAAA;AAAA,QAApBK,MAAoB;AAAA,QAAZC,MAAY;;AACzB,QAAMC,MAAM,GAAGF,MAAM,CAACG,KAAP,EAAf;AACA,QAAMC,MAAM,GAAGH,MAAM,CAACE,KAAP,EAAf;AACA,WAAO;AACLE,MAAAA,EAAE,EAAEH,MAAM,CAAC,CAAD,CADL;AAELI,MAAAA,EAAE,EAAEF,MAAM,CAAC,CAAD,CAFL;AAGLG,MAAAA,EAAE,EAAEL,MAAM,CAAC,CAAD,CAHL;AAILM,MAAAA,EAAE,EAAEJ,MAAM,CAAC,CAAD;AAJL,KAAP;AAMD,GAVoB;AAWrBP,EAAAA,MAAM,EAAE,uBAAsB;AAAA;AAAA,QAApBG,MAAoB;AAAA,QAAZC,MAAY;;AAC5B,QAAMC,MAAM,GAAGF,MAAM,CAACG,KAAP,EAAf;AACA,QAAMC,MAAM,GAAGH,MAAM,CAACE,KAAP,EAAf;AACA,WAAO;AACLE,MAAAA,EAAE,EAAEH,MAAM,CAAC,CAAD,CADL;AAELI,MAAAA,EAAE,EAAEF,MAAM,CAAC,CAAD,CAFL;AAGLG,MAAAA,EAAE,EAAEL,MAAM,CAAC,CAAD,CAHL;AAILM,MAAAA,EAAE,EAAEJ,MAAM,CAAC,CAAD;AAJL,KAAP;AAMD,GApBoB;AAqBrBR,EAAAA,KAAK,EAAE,sBAAsB;AAAA;AAAA,QAApBI,MAAoB;AAAA,QAAZC,MAAY;;AAC3B,QAAMC,MAAM,GAAGF,MAAM,CAACG,KAAP,EAAf;AACA,QAAMC,MAAM,GAAGH,MAAM,CAACE,KAAP,EAAf;AACA,WAAO;AACLE,MAAAA,EAAE,EAAEH,MAAM,CAAC,CAAD,CADL;AAELI,MAAAA,EAAE,EAAEF,MAAM,CAAC,CAAD,CAFL;AAGLG,MAAAA,EAAE,EAAEL,MAAM,CAAC,CAAD,CAHL;AAILM,MAAAA,EAAE,EAAEJ,MAAM,CAAC,CAAD;AAJL,KAAP;AAMD,GA9BoB;AA+BrBN,EAAAA,IAAI,EAAE,sBAAsB;AAAA;AAAA,QAApBE,MAAoB;AAAA,QAAZC,MAAY;;AAC1B,QAAMC,MAAM,GAAGF,MAAM,CAACG,KAAP,EAAf;AACA,QAAMC,MAAM,GAAGH,MAAM,CAACE,KAAP,EAAf;AACA,WAAO;AACLE,MAAAA,EAAE,EAAEH,MAAM,CAAC,CAAD,CADL;AAELI,MAAAA,EAAE,EAAEF,MAAM,CAAC,CAAD,CAFL;AAGLG,MAAAA,EAAE,EAAEL,MAAM,CAAC,CAAD,CAHL;AAILM,MAAAA,EAAE,EAAEJ,MAAM,CAAC,CAAD;AAJL,KAAP;AAMD;AAxCoB,wDAyCpBd,QAzCoB,EAyCT,kBAAmBmB,GAAnB,EAA2B;AAAA;AAAA,MAAzBT,MAAyB;AAAA,MAAjBC,MAAiB;;AACrC,MAAMC,MAAM,GAAGF,MAAM,CAACG,KAAP,EAAf;AACA,SAAO;AACLE,IAAAA,EAAE,EAAEH,MAAM,CAAC,CAAD,CADL;AAELI,IAAAA,EAAE,EAAE,6BAAiBL,MAAjB,EAAyBQ,GAAzB,CAFC;AAGLF,IAAAA,EAAE,EAAEL,MAAM,CAAC,CAAD,CAHL;AAILM,IAAAA,EAAE,EAAE,6BAAiBP,MAAjB,EAAyBQ,GAAzB;AAJC,GAAP;AAMD,CAjDoB,wDAkDpBjB,QAlDoB,EAkDT,kBAAmBiB,GAAnB,EAA2B;AAAA;AAAA,MAAzBT,MAAyB;AAAA,MAAjBC,MAAiB;;AACrC,MAAMG,MAAM,GAAGH,MAAM,CAACE,KAAP,EAAf;AACA,SAAO;AACLE,IAAAA,EAAE,EAAE,6BAAiBL,MAAjB,EAAyBS,GAAzB,CADC;AAELH,IAAAA,EAAE,EAAEF,MAAM,CAAC,CAAD,CAFL;AAGLG,IAAAA,EAAE,EAAE,6BAAiBP,MAAjB,EAAyBS,GAAzB,CAHC;AAILD,IAAAA,EAAE,EAAEJ,MAAM,CAAC,CAAD;AAJL,GAAP;AAMD,CA1DoB,sBAAvB;AA6DA,IAAMM,iBAAiB;AACrBf,EAAAA,GAAG,EAAE,qBAAmBgB,KAAnB,EAA6B;AAAA;AAAA,QAA3BX,MAA2B;AAAA,QAAnBC,MAAmB;;AAChC,QAAMG,MAAM,GAAGH,MAAM,CAACE,KAAP,EAAf;AACA,WAAO;AACLS,MAAAA,CAAC,EAAE,6BAAiBZ,MAAjB,EAAyBW,KAAzB,CADE;AAELE,MAAAA,CAAC,EAAET,MAAM,CAAC,CAAD;AAFJ,KAAP;AAID,GAPoB;AAQrBP,EAAAA,MAAM,EAAE,wBAAmBc,KAAnB,EAA6B;AAAA;AAAA,QAA3BX,MAA2B;AAAA,QAAnBC,MAAmB;;AACnC,QAAMG,MAAM,GAAGH,MAAM,CAACE,KAAP,EAAf;AACA,WAAO;AACLS,MAAAA,CAAC,EAAE,6BAAiBZ,MAAjB,EAAyBW,KAAzB,CADE;AAELE,MAAAA,CAAC,EAAET,MAAM,CAAC,CAAD;AAFJ,KAAP;AAID,GAdoB;AAerBR,EAAAA,KAAK,EAAE,uBAAmBe,KAAnB,EAA6B;AAAA;AAAA,QAA3BX,MAA2B;AAAA,QAAnBC,MAAmB;;AAClC,QAAMC,MAAM,GAAGF,MAAM,CAACG,KAAP,EAAf;AACA,WAAO;AACLS,MAAAA,CAAC,EAAEV,MAAM,CAAC,CAAD,CADJ;AAELW,MAAAA,CAAC,EAAE,6BAAiBZ,MAAjB,EAAyBU,KAAzB;AAFE,KAAP;AAID,GArBoB;AAsBrBb,EAAAA,IAAI,EAAE,sBAAmBa,KAAnB,EAA6B;AAAA;AAAA,QAA3BX,MAA2B;AAAA,QAAnBC,MAAmB;;AACjC,QAAMC,MAAM,GAAGF,MAAM,CAACG,KAAP,EAAf;AACA,WAAO;AACLS,MAAAA,CAAC,EAAEV,MAAM,CAAC,CAAD,CADJ;AAELW,MAAAA,CAAC,EAAE,6BAAiBZ,MAAjB,EAAyBU,KAAzB;AAFE,KAAP;AAID;AA5BoB,wDA6BpBrB,QA7BoB,EA6BT,kBAAmBqB,KAAnB,EAA0BF,GAA1B,EAAkC;AAAA;AAAA,MAAhCT,MAAgC;AAAA,MAAxBC,MAAwB;;AAC5C,SAAO;AACLW,IAAAA,CAAC,EAAE,6BAAiBZ,MAAjB,EAAyBW,KAAzB,CADE;AAELE,IAAAA,CAAC,EAAE,6BAAiBZ,MAAjB,EAAyBQ,GAAzB;AAFE,GAAP;AAID,CAlCoB,wDAmCpBjB,QAnCoB,EAmCT,kBAAmBmB,KAAnB,EAA0BF,GAA1B,EAAkC;AAAA;AAAA,MAAhCT,MAAgC;AAAA,MAAxBC,MAAwB;;AAC5C,SAAO;AACLW,IAAAA,CAAC,EAAE,6BAAiBZ,MAAjB,EAAyBS,GAAzB,CADE;AAELI,IAAAA,CAAC,EAAE,6BAAiBZ,MAAjB,EAAyBU,KAAzB;AAFE,GAAP;AAID,CAxCoB,sBAAvB;AA2CA,IAAMG,iBAAiB,GAAG;AACxB,KAAG,mBAAmBH,KAAnB,EAA6B;AAAA;AAAA,QAA3BX,MAA2B;AAAA,QAAnBC,MAAmB;;AAC9B,QAAMG,MAAM,GAAGH,MAAM,CAACE,KAAP,EAAf;AACA,QAAMS,CAAC,GAAG,6BAAiBZ,MAAjB,EAAyBW,KAAzB,CAAV;AACA,WAAO;AACLN,MAAAA,EAAE,EAAEO,CADC;AAELN,MAAAA,EAAE,EAAEF,MAAM,CAAC,CAAD,CAFL;AAGLG,MAAAA,EAAE,EAAEK,CAHC;AAILJ,MAAAA,EAAE,EAAEJ,MAAM,CAAC,CAAD;AAJL,KAAP;AAMD,GAVuB;AAWxB,KAAG,mBAAmBO,KAAnB,EAA6B;AAAA;AAAA,QAA3BX,MAA2B;AAAA,QAAnBC,MAAmB;;AAC9B,QAAMC,MAAM,GAAGF,MAAM,CAACG,KAAP,EAAf;AACA,QAAMU,CAAC,GAAG,6BAAiBZ,MAAjB,EAAyBU,KAAzB,CAAV;AACA,WAAO;AACLN,MAAAA,EAAE,EAAEH,MAAM,CAAC,CAAD,CADL;AAELI,MAAAA,EAAE,EAAEO,CAFC;AAGLN,MAAAA,EAAE,EAAEL,MAAM,CAAC,CAAD,CAHL;AAILM,MAAAA,EAAE,EAAEK;AAJC,KAAP;AAMD;AApBuB,CAA1B;AAuBA,IAAME,YAAY,GAAG,EAArB;AACA,IAAMC,kBAAkB,GAAG;AACzBrB,EAAAA,GAAG,EAAE,qBAAc;AAAA;AAAA,QAAZK,MAAY;;AACjB,QAAME,MAAM,GAAGF,MAAM,CAACG,KAAP,EAAf;AACA,WAAO;AACLS,MAAAA,CAAC,EAAE,CAACV,MAAM,CAAC,CAAD,CAAN,GAAYA,MAAM,CAAC,CAAD,CAAnB,IAA0B,CADxB;AAELW,MAAAA,CAAC,EAAEE;AAFE,KAAP;AAID,GAPwB;AAQzBlB,EAAAA,MAAM,EAAE,gCAA0B;AAAA;AAAA,QAAxBG,MAAwB;;AAAA;AAAA,QAAZiB,MAAY;;AAChC,QAAMf,MAAM,GAAGF,MAAM,CAACG,KAAP,EAAf;AACA,WAAO;AACLS,MAAAA,CAAC,EAAE,CAACV,MAAM,CAAC,CAAD,CAAN,GAAYA,MAAM,CAAC,CAAD,CAAnB,IAA0B,CADxB;AAELW,MAAAA,CAAC,EAAEI,MAAM,GAAGF;AAFP,KAAP;AAID,GAdwB;AAezBnB,EAAAA,KAAK,EAAE,+BAAyB;AAAA;AAAA,QAArBK,MAAqB;;AAAA;AAAA,QAAXiB,KAAW;;AAC9B,QAAMd,MAAM,GAAGH,MAAM,CAACE,KAAP,EAAf;AACA,WAAO;AACLS,MAAAA,CAAC,EAAEM,KAAK,GAAGH,YADN;AAELF,MAAAA,CAAC,EAAE,CAACT,MAAM,CAAC,CAAD,CAAN,GAAYA,MAAM,CAAC,CAAD,CAAnB,IAA0B;AAFxB,KAAP;AAID,GArBwB;AAsBzBN,EAAAA,IAAI,EAAE,sBAAgB;AAAA;AAAA,QAAZG,MAAY;;AACpB,QAAMG,MAAM,GAAGH,MAAM,CAACE,KAAP,EAAf;AACA,WAAO;AACLS,MAAAA,CAAC,EAAEG,YADE;AAELF,MAAAA,CAAC,EAAE,CAACT,MAAM,CAAC,CAAD,CAAN,GAAYA,MAAM,CAAC,CAAD,CAAnB,IAA0B;AAFxB,KAAP;AAID;AA5BwB,CAA3B;;AA+BA,SAASe,WAAT,CAAqBR,KAArB,EAA4B;AAC1B,MAAIA,KAAK,YAAYS,IAArB,EAA2B;AACzB,WAAOT,KAAK,CAACU,kBAAN,EAAP;AACD;;AACD,SAAOV,KAAP;AACD;;IAEKW,Q;;;;;;;;;;;;SAKJ,eAAY;AACV,0BAAqC,KAAKC,OAA1C;AAAA,UAAQC,KAAR,iBAAQA,KAAR;AAAA,UAAeC,UAAf,iBAAeA,UAAf;AAAA,UAA2BC,KAA3B,iBAA2BA,KAA3B;AACA,UAAMC,GAAG,GAAGD,KAAK,CAACD,UAAD,CAAjB;AACA,aAAOD,KAAK,IAAKG,GAAG,CAACH,KAAJ,IAAaG,GAAG,CAACH,KAAJ,EAAvB,IAAwCG,GAAG,CAACC,MAAJ,IAAcD,GAAG,CAACC,MAAJ,EAAtD,IAAuE,EAA9E;AACD;;;WAED,yBAAgB;AACd,UAAQC,QAAR,GAAqB,KAAKN,OAA1B,CAAQM,QAAR;AACA,aAAO;AACLA,QAAAA,QAAQ,EAAEnC,mBAAmB,CAACmC,QAAD;AADxB,OAAP;AAGD;;;WAED,yBAAgB;AACd,2BAAiC,KAAKN,OAAtC;AAAA,UAAQM,QAAR,kBAAQA,QAAR;AAAA,UAAkBJ,UAAlB,kBAAkBA,UAAlB;AACA,aAAO;AACLD,QAAAA,KAAK,EAAE,KAAKA,KADP;AAELC,QAAAA,UAAU,EAAVA,UAFK;AAGLI,QAAAA,QAAQ,EAARA;AAHK,OAAP;AAKD;;;WAED,wBAAe;AACb,UAAQJ,UAAR,GAAuB,KAAKF,OAA5B,CAAQE,UAAR;AACA,aAAO;AACLD,QAAAA,KAAK,EAAE,KAAKA,KADP;AAELC,QAAAA,UAAU,EAAVA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;;AACP,UAAMK,KAAK,GAAG,KAAKC,OAAnB;AACA,2BAAsD,KAAKR,OAA3D;AAAA,UAAQS,MAAR,kBAAQA,MAAR;AAAA,UAAgBH,QAAhB,kBAAgBA,QAAhB;AAAA,UAA0BH,KAA1B,kBAA0BA,KAA1B;AAAA,UAAiCO,IAAjC,kBAAiCA,IAAjC;AAAA,UAAuCR,UAAvC,kBAAuCA,UAAvC;AAEA,UAAMhB,GAAG,GACPV,iBAAiB,CAAC8B,QAAD,CAAjB,IAA+B9B,iBAAiB,CAACN,sBAAsB,CAACgC,UAAD,CAAvB,CADlD;AAGA,oBAAO,mBAAQO,MAAR,CAAP,eAAuB,gCAAC,KAAD;AAAA,kBAAc,MAAd;AAAA,gBAA2BC;AAA3B,SAAqCxB,GAAG,CAACiB,KAAD,EAAQG,QAAR,CAAxC,GAAvB;AACD;;;EA3CoBK,e;;iCAAjBZ,Q,iBACiB,M;iCADjBA,Q,WAGWa,K;;AA2CjB,SAASC,KAAT,CAAeC,KAAf,EAAsB;AACpB,MAAiBC,KAAjB,GAA6ED,KAA7E,CAAQN,OAAR;AAAA,MAAwBC,MAAxB,GAA6EK,KAA7E,CAAwBL,MAAxB;AAAA,MAAgCN,KAAhC,GAA6EW,KAA7E,CAAgCX,KAAhC;AAAA,MAAuCF,KAAvC,GAA6Ea,KAA7E,CAAuCb,KAAvC;AAAA,MAA8CK,QAA9C,GAA6EQ,KAA7E,CAA8CR,QAA9C;AAAA,MAAwDI,IAAxD,GAA6EI,KAA7E,CAAwDJ,IAAxD;AAAA,MAA8DR,UAA9D,GAA6EY,KAA7E,CAA8DZ,UAA9D;AAEA,MAAMhB,GAAG,GAAGC,iBAAiB,CAACmB,QAAD,CAAjB,IAA+BnB,iBAAiB,CAACjB,sBAAsB,CAACgC,UAAD,CAAvB,CAA5D;AACA,MAAMc,aAAa,GAAG7B,iBAAiB,CAACmB,QAAD,CAAjB,GAA8BA,QAA9B,GAAyC,YAAYJ,UAA3E;AAEA,SAAOD,KAAK,CAACgB,GAAN,CAAU,UAAC7B,KAAD,EAAQ8B,CAAR,EAAc;AAAA;;AAC7B,mBAAO,mBAAQT,MAAR,CAAP,eACE,gCAAC,KAAD;AAAA,aACOS,CADP;AAAA,gBAES,MAFT;AAAA,0BAGmB,QAHnB;AAAA,wBAIkB,CAAC,MAAD,EAAS,OAAT,EAAkB,QAAlB,EAA4B,OAA5B,CAJlB;AAAA,eAKS9B,KALT;AAAA,eAMS8B,CANT;AAAA,kBAOYF,aAPZ;AAAA,cAQQN;AARR,OASMxB,GAAG,CAACiB,KAAD,EAAQf,KAAR,EAAekB,QAAf,CATT,IAWGV,WAAW,CAACR,KAAD,CAXd,CADF;AAeD,GAhBM,CAAP;AAiBD;;AAED,SAAS+B,IAAT,CAAcL,KAAd,EAAqB;AACnB,MAAiBM,KAAjB,GAA6DN,KAA7D,CAAQN,OAAR;AAAA,MAAwBC,MAAxB,GAA6DK,KAA7D,CAAwBL,MAAxB;AAAA,MAAgCN,KAAhC,GAA6DW,KAA7D,CAAgCX,KAAhC;AAAA,MAAuCF,KAAvC,GAA6Da,KAA7D,CAAuCb,KAAvC;AAAA,MAA8CC,UAA9C,GAA6DY,KAA7D,CAA8CZ,UAA9C;AAEA,SAAOD,KAAK,CAACgB,GAAN,CAAU,UAAC7B,KAAD,EAAQ8B,CAAR,EAAc;AAAA;;AAC7B,mBAAO,mBAAQT,MAAR,CAAP,eACE,gCAAC,KAAD;AAAA,aAAYS,CAAZ;AAAA,gBAAsB;AAAtB,OAAiC3B,iBAAiB,CAACW,UAAD,CAAjB,CAA8BC,KAA9B,EAAqCf,KAArC,CAAjC,GADF;AAGD,GAJM,CAAP;AAKD;;AAED,SAASiC,KAAT,CAAeP,KAAf,EAAsB;AAAA;;AACpB,MAAiBQ,MAAjB,GAA2DR,KAA3D,CAAQN,OAAR;AAAA,MAAyBC,MAAzB,GAA2DK,KAA3D,CAAyBL,MAAzB;AAAA,MAAiCN,KAAjC,GAA2DW,KAA3D,CAAiCX,KAAjC;AAAA,MAAwCG,QAAxC,GAA2DQ,KAA3D,CAAwCR,QAAxC;AAAA,MAAkDiB,IAAlD,GAA2DT,KAA3D,CAAkDS,IAAlD;;AAEA,8BAAiB9B,kBAAkB,CAACa,QAAD,CAAlB,CAA6BH,KAA7B,EAAoCoB,IAApC,CAAjB;AAAA,MAAQlC,CAAR,yBAAQA,CAAR;AAAA,MAAWC,CAAX,yBAAWA,CAAX;;AAEA,MAAMkC,OAAO,GAAG,mBAAQf,MAAR,CAAhB;AACA,MAAMgB,YAAY,GAAGD,OAAO,CAACE,EAAR,CAAW,QAAX,EAAqB;AACxC,kCAAuBrC,CAAC,CAACsC,OAAF,CAAU,CAAV,CAAvB,gBAAyCrC,CAAC,CAACqC,OAAF,CAAU,CAAV,CAAzC;AADwC,GAArB,CAArB;AAIA,iBAAO,mBAAQlB,MAAR,CAAP,eACE,gCAAC,MAAD;AAAA,cACS,MADT;AAAA,wBAEmB,QAFnB;AAAA,gBAGYH,QAHZ;AAAA,iBAIamB,YAAY,CAACG,SAJ1B;AAAA,aAKSH,YAAY,CAACb,KALtB;AAAA,SAMKvB,CANL;AAAA,SAOKC;AAPL,KADF;AAWD;;AAED,IAAMuC,KAAK,GAAG,+BAAc9B,QAAd,EAAwB;AACpCc,EAAAA,KAAK,EAALA,KADoC;AAEpCM,EAAAA,IAAI,EAAJA,IAFoC;AAGpCE,EAAAA,KAAK,EAALA;AAHoC,CAAxB,CAAd;;AAKAQ,KAAK,CAACC,YAAN,GAAqB;AACnB5B,EAAAA,UAAU,EAAE,CADO;AAEnBI,EAAAA,QAAQ,EAAE;AAFS,CAArB;AAKA,IAAMyB,KAAK,GAAG,+BAAchC,QAAd,EAAwB;AACpCc,EAAAA,KAAK,EAALA,KADoC;AAEpCM,EAAAA,IAAI,EAAJA,IAFoC;AAGpCE,EAAAA,KAAK,EAALA;AAHoC,CAAxB,CAAd;;AAKAU,KAAK,CAACD,YAAN,GAAqB;AACnB5B,EAAAA,UAAU,EAAE,CADO;AAEnBI,EAAAA,QAAQ,EAAE,MAFS;AAGnBI,EAAAA,IAAI,EAAE;AAHa,CAArB","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { scaleOfBandwidth } from './utils';\n\nimport style from './style/axis.shadow.css';\n\nconst CUSTOM_0 = Symbol('custom_0');\nconst CUSTOM_1 = Symbol('custom_1');\n\nconst MAP_INDEX_SCALE_SYMBOL = {\n 0: CUSTOM_0,\n 1: CUSTOM_1,\n};\n\nconst MAP_POSITION_REVERT = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n};\n\nconst MAP_POSITION_AXIS = {\n top: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[0],\n y1: yRange[1],\n x2: xRange[1],\n y2: yRange[1],\n };\n },\n bottom: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[0],\n y1: yRange[0],\n x2: xRange[1],\n y2: yRange[0],\n };\n },\n right: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[1],\n y1: yRange[0],\n x2: xRange[1],\n y2: yRange[1],\n };\n },\n left: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[0],\n y1: yRange[0],\n x2: xRange[0],\n y2: yRange[1],\n };\n },\n [CUSTOM_0]: ([xScale, yScale], pos) => {\n const xRange = xScale.range();\n return {\n x1: xRange[0],\n y1: scaleOfBandwidth(yScale, pos),\n x2: xRange[1],\n y2: scaleOfBandwidth(yScale, pos),\n };\n },\n [CUSTOM_1]: ([xScale, yScale], pos) => {\n const yRange = yScale.range();\n return {\n x1: scaleOfBandwidth(xScale, pos),\n y1: yRange[0],\n x2: scaleOfBandwidth(xScale, pos),\n y2: yRange[1],\n };\n },\n};\n\nconst MAP_POSITION_TICK = {\n top: ([xScale, yScale], value) => {\n const yRange = yScale.range();\n return {\n x: scaleOfBandwidth(xScale, value),\n y: yRange[1],\n };\n },\n bottom: ([xScale, yScale], value) => {\n const yRange = yScale.range();\n return {\n x: scaleOfBandwidth(xScale, value),\n y: yRange[0],\n };\n },\n right: ([xScale, yScale], value) => {\n const xRange = xScale.range();\n return {\n x: xRange[1],\n y: scaleOfBandwidth(yScale, value),\n };\n },\n left: ([xScale, yScale], value) => {\n const xRange = xScale.range();\n return {\n x: xRange[0],\n y: scaleOfBandwidth(yScale, value),\n };\n },\n [CUSTOM_0]: ([xScale, yScale], value, pos) => {\n return {\n x: scaleOfBandwidth(xScale, value),\n y: scaleOfBandwidth(yScale, pos),\n };\n },\n [CUSTOM_1]: ([xScale, yScale], value, pos) => {\n return {\n x: scaleOfBandwidth(xScale, pos),\n y: scaleOfBandwidth(yScale, value),\n };\n },\n};\n\nconst MAP_POSITION_GRID = {\n 0: ([xScale, yScale], value) => {\n const yRange = yScale.range();\n const x = scaleOfBandwidth(xScale, value);\n return {\n x1: x,\n y1: yRange[0],\n x2: x,\n y2: yRange[1],\n };\n },\n 1: ([xScale, yScale], value) => {\n const xRange = xScale.range();\n const y = scaleOfBandwidth(yScale, value);\n return {\n x1: xRange[0],\n y1: y,\n x2: xRange[1],\n y2: y,\n };\n },\n};\n\nconst OFFSET_TITLE = 10;\nconst MAP_POSITION_TITlE = {\n top: ([xScale]) => {\n const xRange = xScale.range();\n return {\n x: (xRange[1] + xRange[0]) / 2,\n y: OFFSET_TITLE,\n };\n },\n bottom: ([xScale], [, height]) => {\n const xRange = xScale.range();\n return {\n x: (xRange[1] + xRange[0]) / 2,\n y: height - OFFSET_TITLE,\n };\n },\n right: ([, yScale], [width]) => {\n const yRange = yScale.range();\n return {\n x: width - OFFSET_TITLE,\n y: (yRange[0] + yRange[1]) / 2,\n };\n },\n left: ([, yScale]) => {\n const yRange = yScale.range();\n return {\n x: OFFSET_TITLE,\n y: (yRange[0] + yRange[1]) / 2,\n };\n },\n};\n\nfunction renderValue(value) {\n if (value instanceof Date) {\n return value.toLocaleDateString();\n }\n return value;\n}\n\nclass AxisRoot extends Component {\n static displayName = 'Axis';\n\n static style = style;\n\n get ticks() {\n const { ticks, indexScale, scale } = this.asProps;\n const scl = scale[indexScale];\n return ticks || (scl.ticks && scl.ticks()) || (scl.domain && scl.domain()) || [];\n }\n\n getTitleProps() {\n const { position } = this.asProps;\n return {\n position: MAP_POSITION_REVERT[position],\n };\n }\n\n getTicksProps() {\n const { position, indexScale } = this.asProps;\n return {\n ticks: this.ticks,\n indexScale,\n position,\n };\n }\n\n getGridProps() {\n const { indexScale } = this.asProps;\n return {\n ticks: this.ticks,\n indexScale,\n };\n }\n\n render() {\n const SAxis = this.Element;\n const { styles, position, scale, hide, indexScale } = this.asProps;\n\n const pos =\n MAP_POSITION_AXIS[position] ?? MAP_POSITION_AXIS[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n\n return sstyled(styles)(<SAxis render=\"line\" hide={hide} {...pos(scale, position)} />);\n }\n}\n\nfunction Ticks(props) {\n const { Element: STick, styles, scale, ticks, position, hide, indexScale } = props;\n\n const pos = MAP_POSITION_TICK[position] ?? MAP_POSITION_TICK[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n const positionClass = MAP_POSITION_TICK[position] ? position : 'custom_' + indexScale;\n\n return ticks.map((value, i) => {\n return sstyled(styles)(\n <STick\n key={i}\n render=\"text\"\n childrenPosition=\"inside\"\n __excludeProps={['data', 'scale', 'format', 'value']}\n value={value}\n index={i}\n position={positionClass}\n hide={hide}\n {...pos(scale, value, position)}\n >\n {renderValue(value)}\n </STick>,\n );\n });\n}\n\nfunction Grid(props) {\n const { Element: SGrid, styles, scale, ticks, indexScale } = props;\n\n return ticks.map((value, i) => {\n return sstyled(styles)(\n <SGrid key={i} render=\"line\" {...MAP_POSITION_GRID[indexScale](scale, value)} />,\n );\n });\n}\n\nfunction Title(props) {\n const { Element: STitle, styles, scale, position, size } = props;\n\n const { x, y } = MAP_POSITION_TITlE[position](scale, size);\n\n const sstyles = sstyled(styles);\n const sTitleStyles = sstyles.cn('STitle', {\n 'transform-origin': `${x.toFixed(2)}px ${y.toFixed(2)}px`,\n });\n\n return sstyled(styles)(\n <STitle\n render=\"text\"\n childrenPosition=\"inside\"\n position={position}\n className={sTitleStyles.className}\n style={sTitleStyles.style}\n x={x}\n y={y}\n />,\n );\n}\n\nconst XAxis = createElement(AxisRoot, {\n Ticks,\n Grid,\n Title,\n});\nXAxis.defaultProps = {\n indexScale: 0,\n position: 'bottom',\n};\n\nconst YAxis = createElement(AxisRoot, {\n Ticks,\n Grid,\n Title,\n});\nYAxis.defaultProps = {\n indexScale: 1,\n position: 'left',\n hide: true,\n};\n\nexport { XAxis, YAxis };\n"],"file":"Axis.js"}
|
|
1
|
+
{"version":3,"file":"Axis.js","names":["CUSTOM_0","Symbol","CUSTOM_1","MAP_INDEX_SCALE_SYMBOL","MAP_POSITION_REVERT","top","right","bottom","left","MAP_POSITION_AXIS","xScale","yScale","xRange","range","yRange","x1","y1","x2","y2","pos","scaleOfBandwidth","MAP_POSITION_TICK","value","x","y","MAP_POSITION_GRID","OFFSET_TITLE","MAP_POSITION_TITlE","height","width","renderValue","Date","toLocaleDateString","AxisRoot","asProps","ticks","indexScale","scale","scl","domain","position","SAxis","Element","styles","hide","sstyled","Component","style","Ticks","props","STick","positionClass","map","i","Grid","SGrid","Title","STitle","size","sstyles","sTitleStyles","cn","toFixed","className","XAxis","createElement","defaultProps","YAxis"],"sources":["../../src/Axis.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { scaleOfBandwidth } from './utils';\n\nimport style from './style/axis.shadow.css';\n\nconst CUSTOM_0 = Symbol('custom_0');\nconst CUSTOM_1 = Symbol('custom_1');\n\nconst MAP_INDEX_SCALE_SYMBOL = {\n 0: CUSTOM_0,\n 1: CUSTOM_1,\n};\n\nconst MAP_POSITION_REVERT = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n};\n\nconst MAP_POSITION_AXIS = {\n top: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[0],\n y1: yRange[1],\n x2: xRange[1],\n y2: yRange[1],\n };\n },\n bottom: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[0],\n y1: yRange[0],\n x2: xRange[1],\n y2: yRange[0],\n };\n },\n right: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[1],\n y1: yRange[0],\n x2: xRange[1],\n y2: yRange[1],\n };\n },\n left: ([xScale, yScale]) => {\n const xRange = xScale.range();\n const yRange = yScale.range();\n return {\n x1: xRange[0],\n y1: yRange[0],\n x2: xRange[0],\n y2: yRange[1],\n };\n },\n [CUSTOM_0]: ([xScale, yScale], pos) => {\n const xRange = xScale.range();\n return {\n x1: xRange[0],\n y1: scaleOfBandwidth(yScale, pos),\n x2: xRange[1],\n y2: scaleOfBandwidth(yScale, pos),\n };\n },\n [CUSTOM_1]: ([xScale, yScale], pos) => {\n const yRange = yScale.range();\n return {\n x1: scaleOfBandwidth(xScale, pos),\n y1: yRange[0],\n x2: scaleOfBandwidth(xScale, pos),\n y2: yRange[1],\n };\n },\n};\n\nconst MAP_POSITION_TICK = {\n top: ([xScale, yScale], value) => {\n const yRange = yScale.range();\n return {\n x: scaleOfBandwidth(xScale, value),\n y: yRange[1],\n };\n },\n bottom: ([xScale, yScale], value) => {\n const yRange = yScale.range();\n return {\n x: scaleOfBandwidth(xScale, value),\n y: yRange[0],\n };\n },\n right: ([xScale, yScale], value) => {\n const xRange = xScale.range();\n return {\n x: xRange[1],\n y: scaleOfBandwidth(yScale, value),\n };\n },\n left: ([xScale, yScale], value) => {\n const xRange = xScale.range();\n return {\n x: xRange[0],\n y: scaleOfBandwidth(yScale, value),\n };\n },\n [CUSTOM_0]: ([xScale, yScale], value, pos) => {\n return {\n x: scaleOfBandwidth(xScale, value),\n y: scaleOfBandwidth(yScale, pos),\n };\n },\n [CUSTOM_1]: ([xScale, yScale], value, pos) => {\n return {\n x: scaleOfBandwidth(xScale, pos),\n y: scaleOfBandwidth(yScale, value),\n };\n },\n};\n\nconst MAP_POSITION_GRID = {\n 0: ([xScale, yScale], value) => {\n const yRange = yScale.range();\n const x = scaleOfBandwidth(xScale, value);\n return {\n x1: x,\n y1: yRange[0],\n x2: x,\n y2: yRange[1],\n };\n },\n 1: ([xScale, yScale], value) => {\n const xRange = xScale.range();\n const y = scaleOfBandwidth(yScale, value);\n return {\n x1: xRange[0],\n y1: y,\n x2: xRange[1],\n y2: y,\n };\n },\n};\n\nconst OFFSET_TITLE = 10;\nconst MAP_POSITION_TITlE = {\n top: ([xScale]) => {\n const xRange = xScale.range();\n return {\n x: (xRange[1] + xRange[0]) / 2,\n y: OFFSET_TITLE,\n };\n },\n bottom: ([xScale], [, height]) => {\n const xRange = xScale.range();\n return {\n x: (xRange[1] + xRange[0]) / 2,\n y: height - OFFSET_TITLE,\n };\n },\n right: ([, yScale], [width]) => {\n const yRange = yScale.range();\n return {\n x: width - OFFSET_TITLE,\n y: (yRange[0] + yRange[1]) / 2,\n };\n },\n left: ([, yScale]) => {\n const yRange = yScale.range();\n return {\n x: OFFSET_TITLE,\n y: (yRange[0] + yRange[1]) / 2,\n };\n },\n};\n\nfunction renderValue(value) {\n if (value instanceof Date) {\n return value.toLocaleDateString();\n }\n return value;\n}\n\nclass AxisRoot extends Component {\n static displayName = 'Axis';\n\n static style = style;\n\n get ticks() {\n const { ticks, indexScale, scale } = this.asProps;\n const scl = scale[indexScale];\n return ticks || (scl.ticks && scl.ticks()) || (scl.domain && scl.domain()) || [];\n }\n\n getTitleProps() {\n const { position } = this.asProps;\n return {\n position: MAP_POSITION_REVERT[position],\n };\n }\n\n getTicksProps() {\n const { position, indexScale } = this.asProps;\n return {\n ticks: this.ticks,\n indexScale,\n position,\n };\n }\n\n getGridProps() {\n const { indexScale } = this.asProps;\n return {\n ticks: this.ticks,\n indexScale,\n };\n }\n\n render() {\n const SAxis = this.Element;\n const { styles, position, scale, hide, indexScale } = this.asProps;\n\n const pos =\n MAP_POSITION_AXIS[position] ?? MAP_POSITION_AXIS[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n\n return sstyled(styles)(<SAxis render=\"line\" hide={hide} {...pos(scale, position)} />);\n }\n}\n\nfunction Ticks(props) {\n const { Element: STick, styles, scale, ticks, position, hide, indexScale } = props;\n\n const pos = MAP_POSITION_TICK[position] ?? MAP_POSITION_TICK[MAP_INDEX_SCALE_SYMBOL[indexScale]];\n const positionClass = MAP_POSITION_TICK[position] ? position : 'custom_' + indexScale;\n\n return ticks.map((value, i) => {\n return sstyled(styles)(\n <STick\n key={i}\n render=\"text\"\n childrenPosition=\"inside\"\n __excludeProps={['data', 'scale', 'format', 'value']}\n value={value}\n index={i}\n position={positionClass}\n hide={hide}\n {...pos(scale, value, position)}\n >\n {renderValue(value)}\n </STick>,\n );\n });\n}\n\nfunction Grid(props) {\n const { Element: SGrid, styles, scale, ticks, indexScale } = props;\n\n return ticks.map((value, i) => {\n return sstyled(styles)(\n <SGrid key={i} render=\"line\" {...MAP_POSITION_GRID[indexScale](scale, value)} />,\n );\n });\n}\n\nfunction Title(props) {\n const { Element: STitle, styles, scale, position, size } = props;\n\n const { x, y } = MAP_POSITION_TITlE[position](scale, size);\n\n const sstyles = sstyled(styles);\n const sTitleStyles = sstyles.cn('STitle', {\n 'transform-origin': `${x.toFixed(2)}px ${y.toFixed(2)}px`,\n });\n\n return sstyled(styles)(\n <STitle\n render=\"text\"\n childrenPosition=\"inside\"\n position={position}\n className={sTitleStyles.className}\n style={sTitleStyles.style}\n x={x}\n y={y}\n />,\n );\n}\n\nconst XAxis = createElement(AxisRoot, {\n Ticks,\n Grid,\n Title,\n});\nXAxis.defaultProps = {\n indexScale: 0,\n position: 'bottom',\n};\n\nconst YAxis = createElement(AxisRoot, {\n Ticks,\n Grid,\n Title,\n});\nYAxis.defaultProps = {\n indexScale: 1,\n position: 'left',\n hide: true,\n};\n\nexport { XAxis, YAxis };\n"],"mappings":"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"}
|
package/lib/cjs/Bar.js
CHANGED
|
@@ -44,17 +44,17 @@ var style = (
|
|
|
44
44
|
/*__reshadow_css_start__*/
|
|
45
45
|
_core.sstyled.insert(
|
|
46
46
|
/*__inner_css_start__*/
|
|
47
|
-
".
|
|
47
|
+
".___SBar_i8c2q_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_i8c2q);transition-timing-function:ease-in-out}.___SBar_i8c2q_gg_.__color_i8c2q_gg_{fill:var(--color_i8c2q)}.___SBar_i8c2q_gg_.__hide_i8c2q_gg_{display:none}.___SBackground_i8c2q_gg_{fill:#c4c7cf}"
|
|
48
48
|
/*__inner_css_end__*/
|
|
49
|
-
, "
|
|
49
|
+
, "i8c2q_gg_")
|
|
50
50
|
/*__reshadow_css_end__*/
|
|
51
51
|
, {
|
|
52
|
-
"__SBar": "
|
|
53
|
-
"--duration": "--
|
|
54
|
-
"_color": "
|
|
55
|
-
"--color": "--
|
|
56
|
-
"_hide": "
|
|
57
|
-
"__SBackground": "
|
|
52
|
+
"__SBar": "___SBar_i8c2q_gg_",
|
|
53
|
+
"--duration": "--duration_i8c2q",
|
|
54
|
+
"_color": "__color_i8c2q_gg_",
|
|
55
|
+
"--color": "--color_i8c2q",
|
|
56
|
+
"_hide": "__hide_i8c2q_gg_",
|
|
57
|
+
"__SBackground": "___SBackground_i8c2q_gg_"
|
|
58
58
|
});
|
|
59
59
|
|
|
60
60
|
var BarRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -103,7 +103,7 @@ var BarRoot = /*#__PURE__*/function (_Component) {
|
|
|
103
103
|
}, {
|
|
104
104
|
key: "renderBar",
|
|
105
105
|
value: function renderBar(d, i) {
|
|
106
|
-
var _ref;
|
|
106
|
+
var _ref, _d$y, _d$y2;
|
|
107
107
|
|
|
108
108
|
var SBar = this.Element;
|
|
109
109
|
var _this$asProps3 = this.asProps,
|
|
@@ -125,9 +125,9 @@ var BarRoot = /*#__PURE__*/function (_Component) {
|
|
|
125
125
|
xScale = _scale[0],
|
|
126
126
|
yScale = _scale[1];
|
|
127
127
|
|
|
128
|
-
var barY = yScale(Math.max(d[y0]
|
|
128
|
+
var barY = yScale(Math.max((_d$y = d[y0]) !== null && _d$y !== void 0 ? _d$y : 0, d[y])) + offset[1] - (Object.is(d[y], 0) ? hMin : 0);
|
|
129
129
|
var barX = xScale(d[x]) + offset[0];
|
|
130
|
-
var height = Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0]
|
|
130
|
+
var height = Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale((_d$y2 = d[y0]) !== null && _d$y2 !== void 0 ? _d$y2 : 0))) || hMin;
|
|
131
131
|
var width = widthProps || (0, _utils.getBandwidth)(xScale);
|
|
132
132
|
var dSvg = getRect({
|
|
133
133
|
x: barX,
|
package/lib/cjs/Bar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Bar.js","names":["BarRoot","props","index","asProps","x","data","value","duration","uid","selectRect","transition","selection","selectAll","selectRectNode","node","getAttribute","attr","animationBar","d","i","SBar","Element","styles","color","y","y0","scale","hide","offset","r","hMin","widthProps","width","xScale","yScale","barY","Math","max","Object","is","barX","height","abs","min","domain","getBandwidth","dSvg","getRect","radius","Array","isArray","position","sstyled","size","map","renderBar","bind","Component","style","uniqueIDEnhancement","Background","SBackground","yRange","range","bandwidth","roundedPath","createElement"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nclass BarRoot extends Component {\n static displayName = 'Bar';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n r: 2,\n hMin: 4,\n };\n\n getBackgroundProps(props, index) {\n const { x, data } = this.asProps;\n return {\n value: data[index][x],\n };\n }\n\n animationBar() {\n const { duration, uid } = this.asProps;\n const selectRect = transition().selection().selectAll(`#${uid} rect`);\n const selectRectNode = selectRect.node();\n\n if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n selectRect.transition().duration(duration).attr('y', 0);\n }\n }\n\n componentDidUpdate() {\n this.animationBar();\n }\n\n componentDidMount() {\n this.animationBar();\n }\n\n renderBar(d, i) {\n const SBar = this.Element;\n const {\n styles,\n color,\n x,\n y,\n y0,\n scale,\n hide,\n offset,\n duration,\n uid,\n r,\n hMin,\n width: widthProps,\n } = this.asProps;\n\n const [xScale, yScale] = scale;\n const barY = yScale(Math.max(d[y0] ?? 0, d[y])) + offset[1] - (Object.is(d[y], 0) ? hMin : 0);\n const barX = xScale(d[x]) + offset[0];\n const height =\n Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0))) || hMin;\n const width = widthProps || getBandwidth(xScale);\n const dSvg = getRect({\n x: barX,\n y: barY,\n width,\n height,\n radius: Array.isArray(r) ? r[i] : r,\n position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom',\n });\n\n return sstyled(styles)(\n <SBar\n key={`bar-${i}`}\n render=\"path\"\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value']}\n childrenPosition=\"above\"\n value={d}\n index={i}\n hide={hide}\n color={color}\n x={barX}\n y={barY}\n width={width}\n height={height}\n d={dSvg}\n use:duration={`${duration}ms`}\n />,\n );\n }\n render() {\n const { data, uid, size, duration } = this.asProps;\n return (\n <>\n {data.map(this.renderBar.bind(this))}\n {duration && (\n <ClipPath\n key={`${uid}-animation`}\n id={uid}\n x=\"0\"\n y={size[1]}\n width={size[0]}\n height={`${size[1]}px`}\n />\n )}\n </>\n );\n }\n}\n\nfunction Background(props) {\n const { Element: SBackground, styles, scale, value } = props;\n\n const [xScale, yScale] = scale;\n const yRange = yScale.range();\n\n return sstyled(styles)(\n <SBackground\n render=\"rect\"\n childrenPosition=\"above\"\n width={xScale.bandwidth()}\n height={yRange[0] - yRange[1]}\n x={xScale(value)}\n y={yRange[1]}\n />,\n );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n if (height <= radius) return '';\n if (radius) {\n if (position === 'top')\n return roundedPath(x, y, width, height, radius, true, true, false, false);\n return roundedPath(x, y, width, height, radius, false, false, true, true);\n }\n return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"mappings":"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"}
|
package/lib/cjs/Bubble.js
CHANGED
|
@@ -56,19 +56,19 @@ var style = (
|
|
|
56
56
|
/*__reshadow_css_start__*/
|
|
57
57
|
_core.sstyled.insert(
|
|
58
58
|
/*__inner_css_start__*/
|
|
59
|
-
".
|
|
59
|
+
".___SBubble_n1dqy_gg_{fill:#2bb3ff;stroke:#fff;stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_n1dqy);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_n1dqy_gg_:hover{opacity:.8}.___SBubble_n1dqy_gg_.__color_n1dqy_gg_{fill:var(--color_n1dqy)}.___SCenter_n1dqy_gg_{text-anchor:middle;font-size:11px;stroke:#2bb3ff}.___SCenter_n1dqy_gg_.__color_n1dqy_gg_{stroke:var(--color_n1dqy)}.___SLabel_n1dqy_gg_{fill:#2bb3ff}.___SLabel_n1dqy_gg_._position_right_n1dqy_gg_{text-anchor:end}.___SLabel_n1dqy_gg_._position_left_n1dqy_gg_{text-anchor:start}.___SLabel_n1dqy_gg_.__color_n1dqy_gg_{fill:var(--color_n1dqy)}"
|
|
60
60
|
/*__inner_css_end__*/
|
|
61
|
-
, "
|
|
61
|
+
, "n1dqy_gg_")
|
|
62
62
|
/*__reshadow_css_end__*/
|
|
63
63
|
, {
|
|
64
|
-
"__SBubble": "
|
|
65
|
-
"--duration": "--
|
|
66
|
-
"_color": "
|
|
67
|
-
"--color": "--
|
|
68
|
-
"__SCenter": "
|
|
69
|
-
"__SLabel": "
|
|
70
|
-
"_position_right": "
|
|
71
|
-
"_position_left": "
|
|
64
|
+
"__SBubble": "___SBubble_n1dqy_gg_",
|
|
65
|
+
"--duration": "--duration_n1dqy",
|
|
66
|
+
"_color": "__color_n1dqy_gg_",
|
|
67
|
+
"--color": "--color_n1dqy",
|
|
68
|
+
"__SCenter": "___SCenter_n1dqy_gg_",
|
|
69
|
+
"__SLabel": "___SLabel_n1dqy_gg_",
|
|
70
|
+
"_position_right": "_position_right_n1dqy_gg_",
|
|
71
|
+
"_position_left": "_position_left_n1dqy_gg_"
|
|
72
72
|
});
|
|
73
73
|
|
|
74
74
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -149,7 +149,7 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
|
149
149
|
}, {
|
|
150
150
|
key: "renderCircle",
|
|
151
151
|
value: function renderCircle(d, i) {
|
|
152
|
-
var _ref;
|
|
152
|
+
var _ref, _d$color;
|
|
153
153
|
|
|
154
154
|
var _this$asProps2 = this.asProps,
|
|
155
155
|
color = _this$asProps2.color,
|
|
@@ -195,7 +195,7 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
|
195
195
|
"y": yScale(d[y]) + offset[1],
|
|
196
196
|
"dy": ".3em",
|
|
197
197
|
"clipPath": "url(#".concat(uid, ")"),
|
|
198
|
-
"color": d[color]
|
|
198
|
+
"color": (_d$color = d[color]) !== null && _d$color !== void 0 ? _d$color : color
|
|
199
199
|
}), "+"), /*#__PURE__*/_react["default"].createElement(SBubble, _ref.cn("SBubble", {
|
|
200
200
|
"id": "".concat(uid).concat(uid),
|
|
201
201
|
"index": i,
|
package/lib/cjs/Bubble.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Bubble.jsx"],"names":["BubbleRoot","document","createElement","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","data","value","z","domain","Math","max","map","el","range","selectRect","selection","selectAll","attr","selectRectNode","node","transition","_","ind","animationCircle","d","i","color","scale","offset","styles","label","markedCross","size","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","labelDistance","bindHandlerTooltip","xIndex","xSize","abs","ySize","xMargin","yMargin","renderCircle","bind","Component","style","Bubble"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { CONSTANT, measureText } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/bubble.shadow.css';\nimport ClipPath from './ClipPath';\nimport { scaleSqrt } from 'd3-scale';\n\nclass BubbleRoot extends Component {\n static displayName = 'Bubble';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n markedCross: true,\n };\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n bindHandlerTooltip =\n (visible, props) =>\n ({ clientX: x, clientY: y }) => {\n const { eventEmitter } = this.asProps;\n this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n };\n\n animationCircle() {\n const { duration, uid, data, value } = this.asProps;\n const z = scaleSqrt()\n .domain([0, Math.max(...data.map((el) => el[value]))])\n .range([5.5, 50.5]);\n\n const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n const selectRectNode = selectRect.node();\n if (duration > 0 && selectRectNode) {\n selectRect\n .transition()\n .duration(duration)\n .attr('r', function (_, ind) {\n return z(data[ind][value]);\n });\n }\n }\n\n componentDidUpdate() {\n this.animationCircle();\n }\n\n componentDidMount() {\n this.animationCircle();\n }\n\n renderCircle(d, i) {\n const {\n color,\n scale,\n x,\n y,\n offset,\n styles,\n uid,\n duration,\n value,\n label,\n markedCross,\n size,\n data,\n } = this.asProps;\n const [xScale, yScale] = scale;\n\n const SBubble = this.Element;\n const SCenter = 'text';\n const SLabel = 'text';\n const z = scaleSqrt()\n .domain([0, Math.max(...data.map((el) => el[value]))])\n .range([5.5, 50.5]);\n\n const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n const labelPosition =\n size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n ? 'right'\n : 'left';\n const labelDistance = {\n right: xScale(d[x]) + offset[0] - z(d[value]),\n left: xScale(d[x]) + offset[0] + z(d[value]),\n }[labelPosition];\n\n return sstyled(styles)(\n <g\n key={`circle(#${i})`}\n onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}\n onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\n >\n {markedCross && (\n <SCenter\n x={xScale(d[x]) + offset[0]}\n y={yScale(d[y]) + offset[1]}\n dy=\".3em\"\n clipPath={`url(#${uid})`}\n color={d[color] ?? color}\n >\n +\n </SCenter>\n )}\n <SBubble\n id={`${uid}${uid}`}\n index={i}\n render=\"circle\"\n clipPath={`url(#${uid})`}\n cx={xScale(d[x]) + offset[0]}\n cy={yScale(d[y]) + offset[1]}\n color={d[color]}\n r={z(d[value])}\n use:duration={`${duration}ms`}\n />\n {d[label] && (\n <SLabel\n x={labelDistance}\n y={yScale(d[y]) + offset[1]}\n dy=\".3em\"\n clipPath={`url(#${uid})`}\n position={labelPosition}\n color={d[color]}\n >\n {d[label]}\n </SLabel>\n )}\n </g>,\n );\n }\n\n render() {\n const { data, uid, scale } = this.asProps;\n const [xScale, yScale] = scale;\n const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n return (\n <>\n {data.map(this.renderCircle.bind(this))}\n {data.map(this.animationCircle.bind(this))}\n <ClipPath id={uid} x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />\n </>\n );\n }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"file":"Bubble.js"}
|
|
1
|
+
{"version":3,"file":"Bubble.js","names":["BubbleRoot","canUseDOM","document","createElement","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","data","value","z","scaleSqrt","domain","Math","max","map","el","range","selectRect","transition","selection","selectAll","attr","selectRectNode","node","_","ind","animationCircle","d","i","color","scale","offset","styles","label","markedCross","size","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","measureText","labelDistance","sstyled","bindHandlerTooltip","xIndex","xSize","abs","ySize","xMargin","yMargin","renderCircle","bind","Component","style","uniqueIDEnhancement","Bubble"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { CONSTANT, measureText } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/bubble.shadow.css';\nimport ClipPath from './ClipPath';\nimport { scaleSqrt } from 'd3-scale';\n\nclass BubbleRoot extends Component {\n static displayName = 'Bubble';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n markedCross: true,\n };\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n bindHandlerTooltip =\n (visible, props) =>\n ({ clientX: x, clientY: y }) => {\n const { eventEmitter } = this.asProps;\n this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n };\n\n animationCircle() {\n const { duration, uid, data, value } = this.asProps;\n const z = scaleSqrt()\n .domain([0, Math.max(...data.map((el) => el[value]))])\n .range([5.5, 50.5]);\n\n const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n const selectRectNode = selectRect.node();\n if (duration > 0 && selectRectNode) {\n selectRect\n .transition()\n .duration(duration)\n .attr('r', function (_, ind) {\n return z(data[ind][value]);\n });\n }\n }\n\n componentDidUpdate() {\n this.animationCircle();\n }\n\n componentDidMount() {\n this.animationCircle();\n }\n\n renderCircle(d, i) {\n const {\n color,\n scale,\n x,\n y,\n offset,\n styles,\n uid,\n duration,\n value,\n label,\n markedCross,\n size,\n data,\n } = this.asProps;\n const [xScale, yScale] = scale;\n\n const SBubble = this.Element;\n const SCenter = 'text';\n const SLabel = 'text';\n const z = scaleSqrt()\n .domain([0, Math.max(...data.map((el) => el[value]))])\n .range([5.5, 50.5]);\n\n const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n const labelPosition =\n size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n ? 'right'\n : 'left';\n const labelDistance = {\n right: xScale(d[x]) + offset[0] - z(d[value]),\n left: xScale(d[x]) + offset[0] + z(d[value]),\n }[labelPosition];\n\n return sstyled(styles)(\n <g\n key={`circle(#${i})`}\n onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}\n onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\n >\n {markedCross && (\n <SCenter\n x={xScale(d[x]) + offset[0]}\n y={yScale(d[y]) + offset[1]}\n dy=\".3em\"\n clipPath={`url(#${uid})`}\n color={d[color] ?? color}\n >\n +\n </SCenter>\n )}\n <SBubble\n id={`${uid}${uid}`}\n index={i}\n render=\"circle\"\n clipPath={`url(#${uid})`}\n cx={xScale(d[x]) + offset[0]}\n cy={yScale(d[y]) + offset[1]}\n color={d[color]}\n r={z(d[value])}\n use:duration={`${duration}ms`}\n />\n {d[label] && (\n <SLabel\n x={labelDistance}\n y={yScale(d[y]) + offset[1]}\n dy=\".3em\"\n clipPath={`url(#${uid})`}\n position={labelPosition}\n color={d[color]}\n >\n {d[label]}\n </SLabel>\n )}\n </g>,\n );\n }\n\n render() {\n const { data, uid, scale } = this.asProps;\n const [xScale, yScale] = scale;\n const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n return (\n <>\n {data.map(this.renderCircle.bind(this))}\n {data.map(this.animationCircle.bind(this))}\n <ClipPath id={uid} x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />\n </>\n );\n }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"mappings":"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"}
|
package/lib/cjs/ClipPath.js
CHANGED
|
@@ -62,7 +62,7 @@ var ClipPath = /*#__PURE__*/function (_Component) {
|
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
65
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "refClipPath", _react["default"].createRef());
|
|
65
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "refClipPath", /*#__PURE__*/_react["default"].createRef());
|
|
66
66
|
return _this;
|
|
67
67
|
}
|
|
68
68
|
|