@semcore/d3-chart 17.1.0 → 17.2.0-prerelease.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/Area.js +17 -11
- package/lib/cjs/Area.js.map +1 -1
- package/lib/cjs/Axis.js +28 -16
- package/lib/cjs/Axis.js.map +1 -1
- package/lib/cjs/Bar.js +22 -16
- package/lib/cjs/Bar.js.map +1 -1
- package/lib/cjs/Bubble.js +20 -14
- package/lib/cjs/Bubble.js.map +1 -1
- package/lib/cjs/CompactHorizontalBar.js +22 -16
- package/lib/cjs/CompactHorizontalBar.js.map +1 -1
- package/lib/cjs/Donut.js +15 -9
- package/lib/cjs/Donut.js.map +1 -1
- package/lib/cjs/Dots.js +8 -8
- package/lib/cjs/GroupBar.js +6 -0
- package/lib/cjs/GroupBar.js.map +1 -1
- package/lib/cjs/HorizontalBar.js +22 -16
- package/lib/cjs/HorizontalBar.js.map +1 -1
- package/lib/cjs/Hover.js +3 -3
- package/lib/cjs/Line.js +15 -9
- package/lib/cjs/Line.js.map +1 -1
- package/lib/cjs/Plot.js +8 -2
- package/lib/cjs/Plot.js.map +1 -1
- package/lib/cjs/Radar.js +25 -19
- package/lib/cjs/Radar.js.map +1 -1
- package/lib/cjs/RadialTree.js +17 -12
- package/lib/cjs/RadialTree.js.map +1 -1
- package/lib/cjs/Reference.js +12 -12
- package/lib/cjs/ResponsiveContainer.js +6 -0
- package/lib/cjs/ResponsiveContainer.js.map +1 -1
- package/lib/cjs/ScatterPlot.js +15 -9
- package/lib/cjs/ScatterPlot.js.map +1 -1
- package/lib/cjs/StackBar.js +6 -0
- package/lib/cjs/StackBar.js.map +1 -1
- package/lib/cjs/StackedArea.js +6 -0
- package/lib/cjs/StackedArea.js.map +1 -1
- package/lib/cjs/Tooltip.js +10 -9
- package/lib/cjs/Tooltip.js.map +1 -1
- package/lib/cjs/Venn.js +15 -9
- package/lib/cjs/Venn.js.map +1 -1
- package/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/lib/cjs/component/Chart/AbstractChart.js +4 -10
- package/lib/cjs/component/Chart/AbstractChart.js.map +1 -1
- package/lib/cjs/component/Chart/AreaChart.js +12 -0
- package/lib/cjs/component/Chart/AreaChart.js.map +1 -1
- package/lib/cjs/component/Chart/AreaChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/BarChart.js +12 -0
- package/lib/cjs/component/Chart/BarChart.js.map +1 -1
- package/lib/cjs/component/Chart/BarChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/BubbleChart.js +12 -0
- package/lib/cjs/component/Chart/BubbleChart.js.map +1 -1
- package/lib/cjs/component/Chart/BubbleChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/CigaretteChart.js +9 -3
- package/lib/cjs/component/Chart/CigaretteChart.js.map +1 -1
- package/lib/cjs/component/Chart/CigaretteChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/CompactHorizontalBarChart.js +7 -1
- package/lib/cjs/component/Chart/CompactHorizontalBarChart.js.map +1 -1
- package/lib/cjs/component/Chart/CompactHorizontalBarChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/DonutChart.js +6 -0
- package/lib/cjs/component/Chart/DonutChart.js.map +1 -1
- package/lib/cjs/component/Chart/DonutChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/HistogramChart.js +12 -0
- package/lib/cjs/component/Chart/HistogramChart.js.map +1 -1
- package/lib/cjs/component/Chart/HistogramChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/LineChart.js +12 -0
- package/lib/cjs/component/Chart/LineChart.js.map +1 -1
- package/lib/cjs/component/Chart/LineChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/RadarChart.js +12 -0
- package/lib/cjs/component/Chart/RadarChart.js.map +1 -1
- package/lib/cjs/component/Chart/RadarChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/ScatterPlotChart.js +6 -0
- package/lib/cjs/component/Chart/ScatterPlotChart.js.map +1 -1
- package/lib/cjs/component/Chart/ScatterPlotChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/VennChart.js +6 -0
- package/lib/cjs/component/Chart/VennChart.js.map +1 -1
- package/lib/cjs/component/Chart/VennChart.type.js.map +1 -1
- package/lib/cjs/component/ChartLegend/BaseLegend.js.map +1 -1
- package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +10 -4
- package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js.map +1 -1
- package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.type.js.map +1 -1
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +80 -44
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js.map +1 -1
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.type.js +4 -0
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.type.js.map +1 -1
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +12 -6
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js.map +1 -1
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.type.js.map +1 -1
- package/lib/cjs/component/Cigarette/Cigarette.js +6 -0
- package/lib/cjs/component/Cigarette/Cigarette.js.map +1 -1
- package/lib/cjs/style/plot.shadow.css +1 -1
- package/lib/es6/Area.js +17 -11
- package/lib/es6/Area.js.map +1 -1
- package/lib/es6/Axis.js +28 -16
- package/lib/es6/Axis.js.map +1 -1
- package/lib/es6/Bar.js +22 -16
- package/lib/es6/Bar.js.map +1 -1
- package/lib/es6/Bubble.js +20 -14
- package/lib/es6/Bubble.js.map +1 -1
- package/lib/es6/CompactHorizontalBar.js +22 -16
- package/lib/es6/CompactHorizontalBar.js.map +1 -1
- package/lib/es6/Donut.js +15 -9
- package/lib/es6/Donut.js.map +1 -1
- package/lib/es6/Dots.js +8 -8
- package/lib/es6/GroupBar.js +6 -0
- package/lib/es6/GroupBar.js.map +1 -1
- package/lib/es6/HorizontalBar.js +22 -16
- package/lib/es6/HorizontalBar.js.map +1 -1
- package/lib/es6/Hover.js +3 -3
- package/lib/es6/Line.js +15 -9
- package/lib/es6/Line.js.map +1 -1
- package/lib/es6/Plot.js +8 -2
- package/lib/es6/Plot.js.map +1 -1
- package/lib/es6/Radar.js +25 -19
- package/lib/es6/Radar.js.map +1 -1
- package/lib/es6/RadialTree.js +17 -12
- package/lib/es6/RadialTree.js.map +1 -1
- package/lib/es6/Reference.js +12 -12
- package/lib/es6/ResponsiveContainer.js +6 -0
- package/lib/es6/ResponsiveContainer.js.map +1 -1
- package/lib/es6/ScatterPlot.js +15 -9
- package/lib/es6/ScatterPlot.js.map +1 -1
- package/lib/es6/StackBar.js +6 -0
- package/lib/es6/StackBar.js.map +1 -1
- package/lib/es6/StackedArea.js +6 -0
- package/lib/es6/StackedArea.js.map +1 -1
- package/lib/es6/Tooltip.js +10 -9
- package/lib/es6/Tooltip.js.map +1 -1
- package/lib/es6/Venn.js +15 -9
- package/lib/es6/Venn.js.map +1 -1
- package/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/lib/es6/a11y/PlotA11yView.js +2 -2
- package/lib/es6/component/Chart/AbstractChart.js +4 -10
- package/lib/es6/component/Chart/AbstractChart.js.map +1 -1
- package/lib/es6/component/Chart/AreaChart.js +12 -0
- package/lib/es6/component/Chart/AreaChart.js.map +1 -1
- package/lib/es6/component/Chart/AreaChart.type.js.map +1 -1
- package/lib/es6/component/Chart/BarChart.js +12 -0
- package/lib/es6/component/Chart/BarChart.js.map +1 -1
- package/lib/es6/component/Chart/BarChart.type.js.map +1 -1
- package/lib/es6/component/Chart/BubbleChart.js +12 -0
- package/lib/es6/component/Chart/BubbleChart.js.map +1 -1
- package/lib/es6/component/Chart/BubbleChart.type.js.map +1 -1
- package/lib/es6/component/Chart/CigaretteChart.js +9 -3
- package/lib/es6/component/Chart/CigaretteChart.js.map +1 -1
- package/lib/es6/component/Chart/CigaretteChart.type.js.map +1 -1
- package/lib/es6/component/Chart/CompactHorizontalBarChart.js +7 -1
- package/lib/es6/component/Chart/CompactHorizontalBarChart.js.map +1 -1
- package/lib/es6/component/Chart/CompactHorizontalBarChart.type.js.map +1 -1
- package/lib/es6/component/Chart/DonutChart.js +6 -0
- package/lib/es6/component/Chart/DonutChart.js.map +1 -1
- package/lib/es6/component/Chart/DonutChart.type.js.map +1 -1
- package/lib/es6/component/Chart/HistogramChart.js +12 -0
- package/lib/es6/component/Chart/HistogramChart.js.map +1 -1
- package/lib/es6/component/Chart/HistogramChart.type.js.map +1 -1
- package/lib/es6/component/Chart/LineChart.js +12 -0
- package/lib/es6/component/Chart/LineChart.js.map +1 -1
- package/lib/es6/component/Chart/LineChart.type.js.map +1 -1
- package/lib/es6/component/Chart/RadarChart.js +12 -0
- package/lib/es6/component/Chart/RadarChart.js.map +1 -1
- package/lib/es6/component/Chart/RadarChart.type.js.map +1 -1
- package/lib/es6/component/Chart/ScatterPlotChart.js +6 -0
- package/lib/es6/component/Chart/ScatterPlotChart.js.map +1 -1
- package/lib/es6/component/Chart/ScatterPlotChart.type.js.map +1 -1
- package/lib/es6/component/Chart/VennChart.js +7 -0
- package/lib/es6/component/Chart/VennChart.js.map +1 -1
- package/lib/es6/component/Chart/VennChart.type.js.map +1 -1
- package/lib/es6/component/ChartLegend/BaseLegend.js.map +1 -1
- package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +10 -4
- package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js.map +1 -1
- package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.type.js.map +1 -1
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +80 -44
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js.map +1 -1
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.type.js +4 -0
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.type.js.map +1 -1
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +12 -6
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js.map +1 -1
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.type.js.map +1 -1
- package/lib/es6/component/Cigarette/Cigarette.js +6 -0
- package/lib/es6/component/Cigarette/Cigarette.js.map +1 -1
- package/lib/es6/style/plot.shadow.css +1 -1
- package/lib/esm/AnimatedClipPath.mjs +2 -2
- package/lib/esm/Area.mjs +13 -13
- package/lib/esm/Axis.mjs +19 -19
- package/lib/esm/Bar.mjs +18 -18
- package/lib/esm/Bubble.mjs +16 -16
- package/lib/esm/CompactHorizontalBar.mjs +18 -18
- package/lib/esm/Donut.mjs +11 -11
- package/lib/esm/Dots.mjs +9 -9
- package/lib/esm/GroupBar.mjs +1 -1
- package/lib/esm/HorizontalBar.mjs +18 -18
- package/lib/esm/Hover.mjs +5 -5
- package/lib/esm/Line.mjs +11 -11
- package/lib/esm/Pattern.mjs +1 -1
- package/lib/esm/Plot.mjs +4 -4
- package/lib/esm/Radar.mjs +21 -21
- package/lib/esm/RadialTree.mjs +14 -14
- package/lib/esm/Reference.mjs +14 -14
- package/lib/esm/ResponsiveContainer.mjs +1 -1
- package/lib/esm/ScatterPlot.mjs +11 -11
- package/lib/esm/StackBar.mjs +1 -1
- package/lib/esm/StackedArea.mjs +1 -1
- package/lib/esm/Tooltip.mjs +12 -11
- package/lib/esm/Venn.mjs +12 -12
- package/lib/esm/a11y/PlotA11yModule.mjs +4 -4
- package/lib/esm/a11y/PlotA11yView.mjs +3 -3
- package/lib/esm/component/Chart/AbstractChart.mjs +6 -12
- package/lib/esm/component/Chart/AreaChart.mjs +7 -1
- package/lib/esm/component/Chart/BarChart.mjs +8 -2
- package/lib/esm/component/Chart/BubbleChart.mjs +7 -1
- package/lib/esm/component/Chart/CigaretteChart.mjs +3 -3
- package/lib/esm/component/Chart/CompactHorizontalBarChart.mjs +2 -2
- package/lib/esm/component/Chart/DonutChart.mjs +1 -1
- package/lib/esm/component/Chart/HistogramChart.mjs +8 -2
- package/lib/esm/component/Chart/LineChart.mjs +7 -1
- package/lib/esm/component/Chart/RadarChart.mjs +7 -1
- package/lib/esm/component/Chart/ScatterPlotChart.mjs +1 -1
- package/lib/esm/component/Chart/VennChart.mjs +1 -1
- package/lib/esm/component/ChartLegend/BaseLegend.mjs +1 -1
- package/lib/esm/component/ChartLegend/LegendFlex/LegendFlex.mjs +6 -6
- package/lib/esm/component/ChartLegend/LegendItem/LegendItem.mjs +76 -46
- package/lib/esm/component/ChartLegend/LegendItem/LegendItem.type.mjs +4 -0
- package/lib/esm/component/ChartLegend/LegendTable/LegendTable.mjs +8 -8
- package/lib/esm/component/Cigarette/Cigarette.mjs +1 -1
- package/lib/esm/component/StackGroupBar/StackGroupBar.mjs +1 -1
- package/lib/esm/createElement.mjs +1 -1
- package/lib/esm/style/plot.shadow.css +1 -1
- package/lib/types/RadialTree.d.ts +5 -0
- package/lib/types/component/Chart/AbstractChart.d.ts +2 -2
- package/lib/types/component/Chart/AreaChart.d.ts +5 -0
- package/lib/types/component/Chart/AreaChart.type.d.ts +6 -0
- package/lib/types/component/Chart/BarChart.d.ts +5 -0
- package/lib/types/component/Chart/BarChart.type.d.ts +6 -0
- package/lib/types/component/Chart/BubbleChart.d.ts +5 -0
- package/lib/types/component/Chart/BubbleChart.type.d.ts +6 -0
- package/lib/types/component/Chart/CigaretteChart.d.ts +5 -0
- package/lib/types/component/Chart/CigaretteChart.type.d.ts +14 -0
- package/lib/types/component/Chart/CompactHorizontalBarChart.d.ts +5 -0
- package/lib/types/component/Chart/CompactHorizontalBarChart.type.d.ts +7 -0
- package/lib/types/component/Chart/DonutChart.d.ts +5 -0
- package/lib/types/component/Chart/DonutChart.type.d.ts +7 -0
- package/lib/types/component/Chart/HistogramChart.d.ts +5 -0
- package/lib/types/component/Chart/HistogramChart.type.d.ts +6 -0
- package/lib/types/component/Chart/LineChart.d.ts +5 -0
- package/lib/types/component/Chart/LineChart.type.d.ts +6 -0
- package/lib/types/component/Chart/RadarChart.d.ts +5 -0
- package/lib/types/component/Chart/RadarChart.type.d.ts +6 -0
- package/lib/types/component/Chart/ScatterPlotChart.d.ts +5 -0
- package/lib/types/component/Chart/ScatterPlotChart.type.d.ts +7 -0
- package/lib/types/component/Chart/VennChart.d.ts +5 -0
- package/lib/types/component/Chart/VennChart.type.d.ts +6 -0
- package/lib/types/component/ChartLegend/BaseLegend.d.ts +2 -2
- package/lib/types/component/ChartLegend/LegendFlex/LegendFlex.d.ts +5 -0
- package/lib/types/component/ChartLegend/LegendFlex/LegendFlex.type.d.ts +4 -0
- package/lib/types/component/ChartLegend/LegendItem/LegendItem.d.ts +5 -0
- package/lib/types/component/ChartLegend/LegendItem/LegendItem.type.d.ts +15 -7
- package/lib/types/component/ChartLegend/LegendTable/LegendTable.d.ts +5 -0
- package/lib/types/component/ChartLegend/LegendTable/LegendTable.type.d.ts +3 -0
- package/lib/types/component/Cigarette/Cigarette.d.ts +5 -0
- package/package.json +13 -13
package/CHANGELOG.md
CHANGED
package/lib/cjs/Area.js
CHANGED
|
@@ -19,19 +19,19 @@ var _Dots = _interopRequireDefault(require("./Dots"));
|
|
|
19
19
|
var _Pattern = require("./Pattern");
|
|
20
20
|
var _utils = require("./utils");
|
|
21
21
|
/*!__reshadow-styles__:"./style/area.shadow.css"*/
|
|
22
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
22
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SArea_1v4u4_gg_{fill:var(--intergalactic-chart-palette-order-1,#666bdb);fill-opacity:.2}.___SArea_1v4u4_gg_.__color_1v4u4_gg_{fill:var(--color_1v4u4)}.___SArea_1v4u4_gg_.__pattern_1v4u4_gg_{fill:var(--pattern_1v4u4);fill-opacity:.7}.___SArea_1v4u4_gg_.__transparent_1v4u4_gg_{opacity:.3}.___SAreaLine_1v4u4_gg_{stroke:var(--intergalactic-chart-palette-order-1,#666bdb);stroke-width:3;fill:#0000}.___SAreaLine_1v4u4_gg_.__color_1v4u4_gg_{stroke:var(--color_1v4u4)}.___SAreaLine_1v4u4_gg_.__transparent_1v4u4_gg_{opacity:.3}.___SAreaLine_1v4u4_gg_,.___SArea_1v4u4_gg_{transition-property:d;transition-duration:var(--duration_1v4u4);transition-timing-function:ease-in-out}.___SNull_1v4u4_gg_{fill:#0000;stroke:var(--intergalactic-chart-grid-x-axis,#d6d8d7);stroke-dasharray:4}.___SNull_1v4u4_gg_.__hide_1v4u4_gg_{display:none}", /*__inner_css_end__*/"1v4u4_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SArea": "
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_pattern": "
|
|
29
|
-
"--pattern": "--
|
|
30
|
-
"_transparent": "
|
|
31
|
-
"__SAreaLine": "
|
|
32
|
-
"--duration": "--
|
|
33
|
-
"__SNull": "
|
|
34
|
-
"_hide": "
|
|
25
|
+
"__SArea": "___SArea_1v4u4_gg_",
|
|
26
|
+
"_color": "__color_1v4u4_gg_",
|
|
27
|
+
"--color": "--color_1v4u4",
|
|
28
|
+
"_pattern": "__pattern_1v4u4_gg_",
|
|
29
|
+
"--pattern": "--pattern_1v4u4",
|
|
30
|
+
"_transparent": "__transparent_1v4u4_gg_",
|
|
31
|
+
"__SAreaLine": "___SAreaLine_1v4u4_gg_",
|
|
32
|
+
"--duration": "--duration_1v4u4",
|
|
33
|
+
"__SNull": "___SNull_1v4u4_gg_",
|
|
34
|
+
"_hide": "__hide_1v4u4_gg_"
|
|
35
35
|
});
|
|
36
36
|
class AreaRoot extends _core.Component {
|
|
37
37
|
getDotsProps() {
|
|
@@ -223,6 +223,12 @@ function Null(props) {
|
|
|
223
223
|
"color": resolveColor(color)
|
|
224
224
|
}));
|
|
225
225
|
}
|
|
226
|
+
|
|
227
|
+
/**
|
|
228
|
+
* Area
|
|
229
|
+
*
|
|
230
|
+
* {@link https://developer.semrush.com/intergalactic/data-display/area-chart/area-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/area-chart/area-chart-code/|Examples}
|
|
231
|
+
*/
|
|
226
232
|
const Area = (0, _createElement.default)(AreaRoot, {
|
|
227
233
|
Dots: _Dots.default,
|
|
228
234
|
Null,
|
package/lib/cjs/Area.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Area.js","names":["_core","require","_findComponent","_interopRequireDefault","_uniqueID","_d3Array","_d3Shape","_react","_AnimatedClipPath","_SvgElement","_createElement","_Dots","_Pattern","_utils","style","sstyled","insert","AreaRoot","Component","getDotsProps","x","y","color","d3Line","transparent","resolveColor","patterns","onClick","asProps","data","filter","item","interpolateValue","d3","getNullProps","getNullData","definedNullData","getLineProps","duration","uid","handlerOnClick","e","stopPropagation","rootRef","scale","xScale","pX","eventToPoint","current","vX","invert","index","bisector","d","center","render","_ref","SArea","Element","SAreaLine","SvgElement","styles","hide","size","Children","forcedAdvancedMode","advancedMode","findComponent","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","default","createElement","Fragment","cn","undefined","bind","PatternFill","_defineProperty2","uniqueIDEnhancement","y0","$rootProps","curve","curveLinear","yScale","yRange","range","area","defined","definedData","p","scaleOfBandwidth","y1","line","props","_ref2","Null","_ref3","SNull","Dots","_default","exports"],"sources":["../../src/Area.jsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport findComponent from '@semcore/core/lib/utils/findComponent';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { bisector } from 'd3-array';\nimport { area, curveLinear, line } from 'd3-shape';\nimport React from 'react';\n\nimport AnimatedClipPath from './AnimatedClipPath';\nimport { SvgElement } from './component/SvgElement';\nimport createElement from './createElement';\nimport Dots from './Dots';\nimport { PatternFill } from './Pattern';\nimport style from './style/area.shadow.css';\nimport {\n definedData,\n scaleOfBandwidth,\n getNullData,\n definedNullData,\n interpolateValue,\n eventToPoint,\n invert,\n} from './utils';\n\nclass AreaRoot extends Component {\n static displayName = 'Area';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n const [xScale, yScale] = scale || $rootProps.scale;\n const yRange = yScale.range();\n\n return {\n d3: area()\n .defined(definedData(x, y))\n .curve(curve)\n .x((p) => scaleOfBandwidth(xScale, p[x]))\n .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n .y1((p) => scaleOfBandwidth(yScale, p[y])),\n d3Line: line()\n .defined(definedData(x, y))\n .curve(curve)\n .x((p) => scaleOfBandwidth(xScale, p[x]))\n .y((p) => scaleOfBandwidth(yScale, p[y])),\n duration: 500,\n };\n };\n\n getDotsProps() {\n const { x, y, color, d3Line, transparent, resolveColor, patterns, onClick } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n return {\n x,\n y,\n data,\n d3: d3Line,\n color,\n resolveColor,\n transparent,\n patterns,\n onClick,\n };\n }\n\n getNullProps() {\n const { x, y, color, resolveColor, d3Line } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n return {\n data: getNullData(data, definedNullData(x, y), y),\n d3: d3Line,\n color,\n resolveColor,\n };\n }\n\n getLineProps() {\n const { duration, color, resolveColor, data, d3Line, uid } = this.asProps;\n\n return {\n uid,\n data,\n d3: d3Line,\n color,\n resolveColor,\n duration,\n };\n }\n\n handlerOnClick(e) {\n e.stopPropagation();\n\n const { rootRef, scale: [xScale], data, x, onClick } = this.asProps;\n\n if (!onClick) return;\n\n const [pX] = eventToPoint(e, rootRef.current);\n const vX = invert(xScale, pX);\n const index = bisector((d) => d[x]).center(data, vX);\n\n onClick(index, e);\n }\n\n render() {\n const SArea = this.Element;\n const SAreaLine = SvgElement;\n const {\n styles,\n hide,\n d3,\n d3Line,\n color,\n uid,\n size,\n duration,\n x,\n y,\n Children,\n transparent,\n forcedAdvancedMode,\n resolveColor,\n patterns,\n } = this.asProps;\n const advancedMode = forcedAdvancedMode || !!findComponent(Children, [Area.Line.displayName]);\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n this.asProps.dataHintsHandler.establishDataType('time-series');\n\n return sstyled(styles)(\n <>\n {!advancedMode && (\n <SAreaLine\n tag='path'\n aria-hidden\n clipPath={`url(#${uid}-animation)`}\n d={d3Line(data)}\n color={resolveColor(color)}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n )}\n <SArea\n aria-hidden\n clipPath={`url(#${uid})`}\n render='path'\n d={d3(data)}\n hide={hide}\n pattern={patterns ? `url(#${uid}-pattern)` : undefined}\n color={resolveColor(color)}\n use:duration={`${duration}ms`}\n transparent={transparent}\n onClickCapture={this.handlerOnClick.bind(this)}\n />\n {duration && <AnimatedClipPath duration={duration} id={uid} width={0} height={size[1]} />}\n {patterns && (\n <PatternFill\n id={`${uid}-pattern`}\n patternKey={color}\n color={resolveColor(color)}\n patterns={patterns}\n />\n )}\n </>,\n );\n }\n}\n\nfunction Line(props) {\n const {\n Element: SAreaLine,\n styles,\n d3,\n data,\n color,\n resolveColor,\n duration,\n uid,\n transparent,\n } = props;\n return sstyled(styles)(\n <SAreaLine\n render='path'\n clipPath={`url(#${uid})`}\n d={d3(data)}\n color={resolveColor(color)}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />,\n );\n}\n\nfunction Null(props) {\n const { Element: SNull, styles, d3, data, hide, color, resolveColor } = props;\n return sstyled(styles)(\n <SNull render='path' d={d3(data)} hide={hide} color={resolveColor(color)} />,\n );\n}\n\nconst Area = createElement(AreaRoot, {\n Dots,\n Null,\n Line,\n});\n\nexport default Area;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Area.js","names":["_core","require","_findComponent","_interopRequireDefault","_uniqueID","_d3Array","_d3Shape","_react","_AnimatedClipPath","_SvgElement","_createElement","_Dots","_Pattern","_utils","style","sstyled","insert","AreaRoot","Component","getDotsProps","x","y","color","d3Line","transparent","resolveColor","patterns","onClick","asProps","data","filter","item","interpolateValue","d3","getNullProps","getNullData","definedNullData","getLineProps","duration","uid","handlerOnClick","e","stopPropagation","rootRef","scale","xScale","pX","eventToPoint","current","vX","invert","index","bisector","d","center","render","_ref","SArea","Element","SAreaLine","SvgElement","styles","hide","size","Children","forcedAdvancedMode","advancedMode","findComponent","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","default","createElement","Fragment","cn","undefined","bind","PatternFill","_defineProperty2","uniqueIDEnhancement","y0","$rootProps","curve","curveLinear","yScale","yRange","range","area","defined","definedData","p","scaleOfBandwidth","y1","line","props","_ref2","Null","_ref3","SNull","Dots","_default","exports"],"sources":["../../src/Area.jsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport findComponent from '@semcore/core/lib/utils/findComponent';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { bisector } from 'd3-array';\nimport { area, curveLinear, line } from 'd3-shape';\nimport React from 'react';\n\nimport AnimatedClipPath from './AnimatedClipPath';\nimport { SvgElement } from './component/SvgElement';\nimport createElement from './createElement';\nimport Dots from './Dots';\nimport { PatternFill } from './Pattern';\nimport style from './style/area.shadow.css';\nimport {\n definedData,\n scaleOfBandwidth,\n getNullData,\n definedNullData,\n interpolateValue,\n eventToPoint,\n invert,\n} from './utils';\n\nclass AreaRoot extends Component {\n static displayName = 'Area';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear, scale }) => {\n const [xScale, yScale] = scale || $rootProps.scale;\n const yRange = yScale.range();\n\n return {\n d3: area()\n .defined(definedData(x, y))\n .curve(curve)\n .x((p) => scaleOfBandwidth(xScale, p[x]))\n .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n .y1((p) => scaleOfBandwidth(yScale, p[y])),\n d3Line: line()\n .defined(definedData(x, y))\n .curve(curve)\n .x((p) => scaleOfBandwidth(xScale, p[x]))\n .y((p) => scaleOfBandwidth(yScale, p[y])),\n duration: 500,\n };\n };\n\n getDotsProps() {\n const { x, y, color, d3Line, transparent, resolveColor, patterns, onClick } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n return {\n x,\n y,\n data,\n d3: d3Line,\n color,\n resolveColor,\n transparent,\n patterns,\n onClick,\n };\n }\n\n getNullProps() {\n const { x, y, color, resolveColor, d3Line } = this.asProps;\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n return {\n data: getNullData(data, definedNullData(x, y), y),\n d3: d3Line,\n color,\n resolveColor,\n };\n }\n\n getLineProps() {\n const { duration, color, resolveColor, data, d3Line, uid } = this.asProps;\n\n return {\n uid,\n data,\n d3: d3Line,\n color,\n resolveColor,\n duration,\n };\n }\n\n handlerOnClick(e) {\n e.stopPropagation();\n\n const { rootRef, scale: [xScale], data, x, onClick } = this.asProps;\n\n if (!onClick) return;\n\n const [pX] = eventToPoint(e, rootRef.current);\n const vX = invert(xScale, pX);\n const index = bisector((d) => d[x]).center(data, vX);\n\n onClick(index, e);\n }\n\n render() {\n const SArea = this.Element;\n const SAreaLine = SvgElement;\n const {\n styles,\n hide,\n d3,\n d3Line,\n color,\n uid,\n size,\n duration,\n x,\n y,\n Children,\n transparent,\n forcedAdvancedMode,\n resolveColor,\n patterns,\n } = this.asProps;\n const advancedMode = forcedAdvancedMode || !!findComponent(Children, [Area.Line.displayName]);\n const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n this.asProps.dataHintsHandler.establishDataType('time-series');\n\n return sstyled(styles)(\n <>\n {!advancedMode && (\n <SAreaLine\n tag='path'\n aria-hidden\n clipPath={`url(#${uid}-animation)`}\n d={d3Line(data)}\n color={resolveColor(color)}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n )}\n <SArea\n aria-hidden\n clipPath={`url(#${uid})`}\n render='path'\n d={d3(data)}\n hide={hide}\n pattern={patterns ? `url(#${uid}-pattern)` : undefined}\n color={resolveColor(color)}\n use:duration={`${duration}ms`}\n transparent={transparent}\n onClickCapture={this.handlerOnClick.bind(this)}\n />\n {duration && <AnimatedClipPath duration={duration} id={uid} width={0} height={size[1]} />}\n {patterns && (\n <PatternFill\n id={`${uid}-pattern`}\n patternKey={color}\n color={resolveColor(color)}\n patterns={patterns}\n />\n )}\n </>,\n );\n }\n}\n\nfunction Line(props) {\n const {\n Element: SAreaLine,\n styles,\n d3,\n data,\n color,\n resolveColor,\n duration,\n uid,\n transparent,\n } = props;\n return sstyled(styles)(\n <SAreaLine\n render='path'\n clipPath={`url(#${uid})`}\n d={d3(data)}\n color={resolveColor(color)}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />,\n );\n}\n\nfunction Null(props) {\n const { Element: SNull, styles, d3, data, hide, color, resolveColor } = props;\n return sstyled(styles)(\n <SNull render='path' d={d3(data)} hide={hide} color={resolveColor(color)} />,\n );\n}\n\n/**\n * Area\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/area-chart/area-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/area-chart/area-chart-code/|Examples}\n */\nconst Area = createElement(AreaRoot, {\n Dots,\n Null,\n Line,\n});\n\nexport default Area;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/cjs/Axis.js
CHANGED
|
@@ -13,24 +13,24 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
13
13
|
var _createElement = _interopRequireDefault(require("./createElement"));
|
|
14
14
|
var _utils = require("./utils");
|
|
15
15
|
/*!__reshadow-styles__:"./style/axis.shadow.css"*/
|
|
16
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
16
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SAxis_x8cp3_gg_{stroke:var(--intergalactic-chart-grid-x-axis,#d6d8d7)}.___SAxis_x8cp3_gg_.__hide_x8cp3_gg_{display:none}.___STick_x8cp3_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-chart-grid-text-label,#00030095)}@supports (color:color(display-p3 0 0 0%)){.___STick_x8cp3_gg_{fill:var(--intergalactic-chart-grid-text-label,#00030095)}@media (color-gamut:p3){.___STick_x8cp3_gg_{fill:var(--intergalactic-chart-grid-text-label,color(display-p3 .00228 .01289 .00252/.583))}}}.___STick_x8cp3_gg_.__primaryText_x8cp3_gg_{fill:var(--intergalactic-text-primary,#010500e5)}.___STick_x8cp3_gg_.__hide_x8cp3_gg_{display:none}.___SGrid_x8cp3_gg_{fill:#0000;stroke:var(--intergalactic-border-secondary,#00151012)}@supports (color:color(display-p3 0 0 0%)){.___SGrid_x8cp3_gg_{stroke:var(--intergalactic-border-secondary,#00151012)}@media (color-gamut:p3){.___SGrid_x8cp3_gg_{stroke:var(--intergalactic-border-secondary,color(display-p3 .01753 .08157 .06372/.07))}}}.___STitle_x8cp3_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-text-hint,#00030095);transform-origin:var(--transform-origin_x8cp3)}@supports (color:color(display-p3 0 0 0%)){.___STitle_x8cp3_gg_{fill:var(--intergalactic-text-hint,#00030095)}@media (color-gamut:p3){.___STitle_x8cp3_gg_{fill:var(--intergalactic-text-hint,color(display-p3 .00228 .01289 .00252/.583))}}}.___STitle_x8cp3_gg_._position_top_x8cp3_gg_{text-anchor:middle}.___STitle_x8cp3_gg_._position_bottom_x8cp3_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_x8cp3_gg_._position_left_x8cp3_gg_,.___STitle_x8cp3_gg_._position_right_x8cp3_gg_{transform:rotate(-90deg);dominant-baseline:middle;text-anchor:middle}.___STitle_x8cp3_gg_._position_left_x8cp3_gg_.__verticalWritingMode_x8cp3_gg_,.___STitle_x8cp3_gg_._position_right_x8cp3_gg_.__verticalWritingMode_x8cp3_gg_{writing-mode:vertical-rl;transform:none}.___STick_x8cp3_gg_._position_top_x8cp3_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_x8cp3_gg_._position_bottom_x8cp3_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_x8cp3_gg_._position_bottom_x8cp3_gg_ tspan{dominant-baseline:hanging}.___STick_x8cp3_gg_._position_right_x8cp3_gg_{transform:translateX(16px);dominant-baseline:middle}.___STick_x8cp3_gg_._position_right_x8cp3_gg_ tspan{dominant-baseline:middle}.___STick_x8cp3_gg_._position_right_x8cp3_gg_.__multiline_x8cp3_gg_,.___STick_x8cp3_gg_._position_right_x8cp3_gg_.__multiline_x8cp3_gg_ tspan{dominant-baseline:auto}.___STick_x8cp3_gg_._position_left_x8cp3_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_x8cp3_gg_._position_left_x8cp3_gg_ tspan{dominant-baseline:middle}.___STick_x8cp3_gg_._position_left_x8cp3_gg_.__multiline_x8cp3_gg_,.___STick_x8cp3_gg_._position_left_x8cp3_gg_.__multiline_x8cp3_gg_ tspan{dominant-baseline:auto}.___STick_x8cp3_gg_._position_custom_0_x8cp3_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_x8cp3_gg_._position_custom_0_x8cp3_gg_ tspan{dominant-baseline:hanging}.___STick_x8cp3_gg_._position_custom_1_x8cp3_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_x8cp3_gg_._position_custom_1_x8cp3_gg_ tspan{dominant-baseline:middle}", /*__inner_css_end__*/"x8cp3_gg_"),
|
|
17
17
|
/*__reshadow_css_end__*/
|
|
18
18
|
{
|
|
19
|
-
"__SAxis": "
|
|
20
|
-
"_hide": "
|
|
21
|
-
"__STick": "
|
|
22
|
-
"_primaryText": "
|
|
23
|
-
"__SGrid": "
|
|
24
|
-
"__STitle": "
|
|
25
|
-
"--transform-origin": "--transform-
|
|
26
|
-
"_position_top": "
|
|
27
|
-
"_position_bottom": "
|
|
28
|
-
"_position_right": "
|
|
29
|
-
"_position_left": "
|
|
30
|
-
"_verticalWritingMode": "
|
|
31
|
-
"_multiline": "
|
|
32
|
-
"_position_custom_0": "
|
|
33
|
-
"_position_custom_1": "
|
|
19
|
+
"__SAxis": "___SAxis_x8cp3_gg_",
|
|
20
|
+
"_hide": "__hide_x8cp3_gg_",
|
|
21
|
+
"__STick": "___STick_x8cp3_gg_",
|
|
22
|
+
"_primaryText": "__primaryText_x8cp3_gg_",
|
|
23
|
+
"__SGrid": "___SGrid_x8cp3_gg_",
|
|
24
|
+
"__STitle": "___STitle_x8cp3_gg_",
|
|
25
|
+
"--transform-origin": "--transform-origin_x8cp3",
|
|
26
|
+
"_position_top": "_position_top_x8cp3_gg_",
|
|
27
|
+
"_position_bottom": "_position_bottom_x8cp3_gg_",
|
|
28
|
+
"_position_right": "_position_right_x8cp3_gg_",
|
|
29
|
+
"_position_left": "_position_left_x8cp3_gg_",
|
|
30
|
+
"_verticalWritingMode": "__verticalWritingMode_x8cp3_gg_",
|
|
31
|
+
"_multiline": "__multiline_x8cp3_gg_",
|
|
32
|
+
"_position_custom_0": "_position_custom_0_x8cp3_gg_",
|
|
33
|
+
"_position_custom_1": "_position_custom_1_x8cp3_gg_"
|
|
34
34
|
});
|
|
35
35
|
const CUSTOM_0 = Symbol('custom_0');
|
|
36
36
|
const CUSTOM_1 = Symbol('custom_1');
|
|
@@ -429,6 +429,12 @@ function Title(props) {
|
|
|
429
429
|
}));
|
|
430
430
|
}
|
|
431
431
|
class XAxisRoot extends AxisRoot {}
|
|
432
|
+
|
|
433
|
+
/**
|
|
434
|
+
* XAxis
|
|
435
|
+
*
|
|
436
|
+
* {@link https://developer.semrush.com/intergalactic/data-display/d3-chart/d3-chart-api#axis|API}
|
|
437
|
+
*/
|
|
432
438
|
(0, _defineProperty2.default)(XAxisRoot, "defaultProps", {
|
|
433
439
|
...AxisRoot.defaultProps,
|
|
434
440
|
indexScale: 0,
|
|
@@ -440,6 +446,12 @@ const XAxis = exports.XAxis = (0, _createElement.default)(XAxisRoot, {
|
|
|
440
446
|
Title
|
|
441
447
|
});
|
|
442
448
|
class YAxisRoot extends AxisRoot {}
|
|
449
|
+
|
|
450
|
+
/**
|
|
451
|
+
* YAxis
|
|
452
|
+
*
|
|
453
|
+
* {@link https://developer.semrush.com/intergalactic/data-display/d3-chart/d3-chart-api#axis|API}
|
|
454
|
+
*/
|
|
443
455
|
(0, _defineProperty2.default)(YAxisRoot, "defaultProps", {
|
|
444
456
|
...AxisRoot.defaultProps,
|
|
445
457
|
indexScale: 1,
|
package/lib/cjs/Axis.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Axis.js","names":["_core","require","_react","_interopRequireWildcard","_createElement","_interopRequireDefault","_utils","style","sstyled","insert","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","splitTextByWidth","root","text","maxWidth","words","split","filter","word","length","lines","currentLine","i","testLine","trim","testWidth","measureTextWidth","push","rootRef","fontSize","textEl","document","createElementNS","setAttribute","textContent","appendChild","getComputedTextLength","removeChild","AxisRoot","Component","ticks","indexScale","scale","asProps","scl","domain","getTitleProps","position","locale","verticalWritingMode","includes","getTicksProps","getGridProps","render","_ref","SAxis","Element","styles","hide","default","createElement","cn","_defineProperty2","Ticks","props","STick","dataHintsHandler","children","childrenPosition","multiline","rootRefElement","setRootRefElement","useState","useEffect","current","tickBandwidth","bandwidth","ticksWithLines","map","tick","positionClass","labelGetter","result","addKeyLabelGetter","_ref2","displayValue","undefined","primaryText","line","lineIndex","_extends2","key","dy","Grid","SGrid","setupGrid","Math","abs","_ref3","Title","_ref4","STitle","size","setTitle","sstyles","sTitleStyles","toFixed","className","XAxisRoot","defaultProps","XAxis","exports","YAxisRoot","YAxis"],"sources":["../../src/Axis.jsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport React, { useState, useEffect } from 'react';\n\nimport createElement from './createElement';\nimport style from './style/axis.shadow.css';\nimport { scaleOfBandwidth } from './utils';\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\nfunction splitTextByWidth(root, text, maxWidth) {\n if (!text || !maxWidth || maxWidth <= 0) return [];\n\n const words = text.split(/\\s+/).filter((word) => word.length > 0);\n if (words.length === 0) return [];\n\n const lines = [];\n let currentLine = words[0];\n\n for (let i = 1; i < words.length; i++) {\n const testLine = `${currentLine} ${words[i]}`.trim();\n const testWidth = measureTextWidth(root, testLine);\n\n if (testWidth <= maxWidth) {\n currentLine = testLine;\n } else {\n if (currentLine) {\n lines.push(currentLine);\n }\n\n currentLine = words[i];\n\n if (measureTextWidth(root, currentLine) > maxWidth) {\n lines.push(currentLine);\n currentLine = '';\n }\n }\n }\n\n if (currentLine) {\n lines.push(currentLine);\n }\n\n return lines;\n}\n\nfunction measureTextWidth(rootRef, text, fontSize = 12) {\n const textEl = document.createElementNS('http://www.w3.org/2000/svg', 'text');\n textEl.setAttribute('font-size', fontSize);\n textEl.setAttribute('visibility', 'hidden');\n textEl.textContent = text;\n\n rootRef.appendChild(textEl);\n const width = textEl.getComputedTextLength();\n rootRef.removeChild(textEl);\n return width;\n}\n\nclass AxisRoot extends Component {\n static displayName = 'Axis';\n\n static style = style;\n static defaultProps = {};\n\n get ticks() {\n const { ticks, indexScale, scale } = this.asProps;\n const scl = scale[indexScale];\n return ticks || scl.ticks?.() || scl.domain?.() || [];\n }\n\n getTitleProps() {\n const { position, locale } = this.asProps;\n return {\n position: MAP_POSITION_REVERT[position],\n verticalWritingMode: ['zh', 'ja'].includes(locale),\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 {\n Element: STick,\n styles,\n scale,\n ticks,\n position,\n hide,\n indexScale,\n dataHintsHandler,\n children,\n childrenPosition = 'inside',\n rootRef,\n multiline,\n } = props;\n const [rootRefElement, setRootRefElement] = useState(null);\n\n useEffect(() => {\n if (rootRef.current) setRootRefElement(rootRef.current);\n }, []);\n\n const tickBandwidth = scale[indexScale]?.bandwidth?.();\n const ticksWithLines = ticks.map((tick) => ({\n tick,\n lines: typeof tick === 'string' && multiline && rootRefElement\n ? splitTextByWidth(rootRefElement, tick, tickBandwidth)\n : [],\n }));\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 if (typeof children === 'function') {\n const labelGetter = (value) => {\n const result = children({ value });\n return result.value ?? result.children;\n };\n if (position === 'left' || position === 'right') {\n dataHintsHandler.addKeyLabelGetter('vertical', labelGetter);\n } else if (position === 'top' || position === 'bottom') {\n dataHintsHandler.addKeyLabelGetter('horizontal', labelGetter);\n }\n }\n\n return ticksWithLines.map(({ tick: value, lines }, i) => {\n const displayValue = typeof children === 'function' ? undefined : renderValue(value);\n\n return sstyled(styles)(\n <STick\n aria-hidden\n key={i}\n render='text'\n childrenPosition={childrenPosition}\n __excludeProps={['data', 'scale', 'format', 'value']}\n value={value}\n index={i}\n position={positionClass}\n hide={hide}\n multiline={multiline}\n primaryText={props.primaryText}\n {...pos(scale, value, position)}\n >\n { lines.length > 1\n ? lines.map((line, lineIndex) => (\n <tspan key={line} {...pos(scale, value, position)} dy={lineIndex * 15}>{line}</tspan>\n ))\n : displayValue}\n </STick>,\n );\n });\n}\n\nfunction Grid(props) {\n const { Element: SGrid, styles, scale, ticks, indexScale } = props;\n\n if (ticks.length >= 2) {\n if (indexScale === 1) {\n props.dataHintsHandler.setupGrid('vertical', Math.abs(ticks[1] - ticks[0]));\n } else if (indexScale === 0) {\n props.dataHintsHandler.setupGrid('horizontal', Math.abs(ticks[1] - ticks[0]));\n }\n }\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, children, verticalWritingMode } = props;\n\n const { x, y } = MAP_POSITION_TITlE[position](scale, size);\n\n if (position === 'left' || position === 'right') {\n props.dataHintsHandler.setTitle('vertical', children);\n } else if (position === 'top' || position === 'bottom') {\n props.dataHintsHandler.setTitle('horizontal', children);\n }\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 aria-hidden\n render='text'\n childrenPosition='inside'\n position={position}\n className={sTitleStyles.className}\n style={sTitleStyles.style}\n verticalWritingMode={verticalWritingMode}\n x={x}\n y={y}\n />,\n );\n}\n\nclass XAxisRoot extends AxisRoot {\n static defaultProps = {\n ...AxisRoot.defaultProps,\n indexScale: 0,\n position: 'bottom',\n };\n}\n\nconst XAxis = createElement(XAxisRoot, {\n Ticks,\n Grid,\n Title,\n});\n\nclass YAxisRoot extends AxisRoot {\n static defaultProps = {\n ...AxisRoot.defaultProps,\n indexScale: 1,\n position: 'left',\n hide: true,\n };\n}\n\nconst YAxis = createElement(YAxisRoot, {\n Ticks,\n Grid,\n Title,\n});\n\nexport { XAxis, YAxis };\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Axis.js","names":["_core","require","_react","_interopRequireWildcard","_createElement","_interopRequireDefault","_utils","style","sstyled","insert","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","splitTextByWidth","root","text","maxWidth","words","split","filter","word","length","lines","currentLine","i","testLine","trim","testWidth","measureTextWidth","push","rootRef","fontSize","textEl","document","createElementNS","setAttribute","textContent","appendChild","getComputedTextLength","removeChild","AxisRoot","Component","ticks","indexScale","scale","asProps","scl","domain","getTitleProps","position","locale","verticalWritingMode","includes","getTicksProps","getGridProps","render","_ref","SAxis","Element","styles","hide","default","createElement","cn","_defineProperty2","Ticks","props","STick","dataHintsHandler","children","childrenPosition","multiline","rootRefElement","setRootRefElement","useState","useEffect","current","tickBandwidth","bandwidth","ticksWithLines","map","tick","positionClass","labelGetter","result","addKeyLabelGetter","_ref2","displayValue","undefined","primaryText","line","lineIndex","_extends2","key","dy","Grid","SGrid","setupGrid","Math","abs","_ref3","Title","_ref4","STitle","size","setTitle","sstyles","sTitleStyles","toFixed","className","XAxisRoot","defaultProps","XAxis","exports","YAxisRoot","YAxis"],"sources":["../../src/Axis.jsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport React, { useState, useEffect } from 'react';\n\nimport createElement from './createElement';\nimport style from './style/axis.shadow.css';\nimport { scaleOfBandwidth } from './utils';\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\nfunction splitTextByWidth(root, text, maxWidth) {\n if (!text || !maxWidth || maxWidth <= 0) return [];\n\n const words = text.split(/\\s+/).filter((word) => word.length > 0);\n if (words.length === 0) return [];\n\n const lines = [];\n let currentLine = words[0];\n\n for (let i = 1; i < words.length; i++) {\n const testLine = `${currentLine} ${words[i]}`.trim();\n const testWidth = measureTextWidth(root, testLine);\n\n if (testWidth <= maxWidth) {\n currentLine = testLine;\n } else {\n if (currentLine) {\n lines.push(currentLine);\n }\n\n currentLine = words[i];\n\n if (measureTextWidth(root, currentLine) > maxWidth) {\n lines.push(currentLine);\n currentLine = '';\n }\n }\n }\n\n if (currentLine) {\n lines.push(currentLine);\n }\n\n return lines;\n}\n\nfunction measureTextWidth(rootRef, text, fontSize = 12) {\n const textEl = document.createElementNS('http://www.w3.org/2000/svg', 'text');\n textEl.setAttribute('font-size', fontSize);\n textEl.setAttribute('visibility', 'hidden');\n textEl.textContent = text;\n\n rootRef.appendChild(textEl);\n const width = textEl.getComputedTextLength();\n rootRef.removeChild(textEl);\n return width;\n}\n\nclass AxisRoot extends Component {\n static displayName = 'Axis';\n\n static style = style;\n static defaultProps = {};\n\n get ticks() {\n const { ticks, indexScale, scale } = this.asProps;\n const scl = scale[indexScale];\n return ticks || scl.ticks?.() || scl.domain?.() || [];\n }\n\n getTitleProps() {\n const { position, locale } = this.asProps;\n return {\n position: MAP_POSITION_REVERT[position],\n verticalWritingMode: ['zh', 'ja'].includes(locale),\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 {\n Element: STick,\n styles,\n scale,\n ticks,\n position,\n hide,\n indexScale,\n dataHintsHandler,\n children,\n childrenPosition = 'inside',\n rootRef,\n multiline,\n } = props;\n const [rootRefElement, setRootRefElement] = useState(null);\n\n useEffect(() => {\n if (rootRef.current) setRootRefElement(rootRef.current);\n }, []);\n\n const tickBandwidth = scale[indexScale]?.bandwidth?.();\n const ticksWithLines = ticks.map((tick) => ({\n tick,\n lines: typeof tick === 'string' && multiline && rootRefElement\n ? splitTextByWidth(rootRefElement, tick, tickBandwidth)\n : [],\n }));\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 if (typeof children === 'function') {\n const labelGetter = (value) => {\n const result = children({ value });\n return result.value ?? result.children;\n };\n if (position === 'left' || position === 'right') {\n dataHintsHandler.addKeyLabelGetter('vertical', labelGetter);\n } else if (position === 'top' || position === 'bottom') {\n dataHintsHandler.addKeyLabelGetter('horizontal', labelGetter);\n }\n }\n\n return ticksWithLines.map(({ tick: value, lines }, i) => {\n const displayValue = typeof children === 'function' ? undefined : renderValue(value);\n\n return sstyled(styles)(\n <STick\n aria-hidden\n key={i}\n render='text'\n childrenPosition={childrenPosition}\n __excludeProps={['data', 'scale', 'format', 'value']}\n value={value}\n index={i}\n position={positionClass}\n hide={hide}\n multiline={multiline}\n primaryText={props.primaryText}\n {...pos(scale, value, position)}\n >\n { lines.length > 1\n ? lines.map((line, lineIndex) => (\n <tspan key={line} {...pos(scale, value, position)} dy={lineIndex * 15}>{line}</tspan>\n ))\n : displayValue}\n </STick>,\n );\n });\n}\n\nfunction Grid(props) {\n const { Element: SGrid, styles, scale, ticks, indexScale } = props;\n\n if (ticks.length >= 2) {\n if (indexScale === 1) {\n props.dataHintsHandler.setupGrid('vertical', Math.abs(ticks[1] - ticks[0]));\n } else if (indexScale === 0) {\n props.dataHintsHandler.setupGrid('horizontal', Math.abs(ticks[1] - ticks[0]));\n }\n }\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, children, verticalWritingMode } = props;\n\n const { x, y } = MAP_POSITION_TITlE[position](scale, size);\n\n if (position === 'left' || position === 'right') {\n props.dataHintsHandler.setTitle('vertical', children);\n } else if (position === 'top' || position === 'bottom') {\n props.dataHintsHandler.setTitle('horizontal', children);\n }\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 aria-hidden\n render='text'\n childrenPosition='inside'\n position={position}\n className={sTitleStyles.className}\n style={sTitleStyles.style}\n verticalWritingMode={verticalWritingMode}\n x={x}\n y={y}\n />,\n );\n}\n\nclass XAxisRoot extends AxisRoot {\n static defaultProps = {\n ...AxisRoot.defaultProps,\n indexScale: 0,\n position: 'bottom',\n };\n}\n\n/**\n * XAxis\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/d3-chart/d3-chart-api#axis|API}\n */\nconst XAxis = createElement(XAxisRoot, {\n Ticks,\n Grid,\n Title,\n});\n\nclass YAxisRoot extends AxisRoot {\n static defaultProps = {\n ...AxisRoot.defaultProps,\n indexScale: 1,\n position: 'left',\n hide: true,\n };\n}\n\n/**\n * YAxis\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/d3-chart/d3-chart-api#axis|API}\n */\nconst YAxis = createElement(YAxisRoot, {\n Ticks,\n Grid,\n Title,\n});\n\nexport { XAxis, YAxis };\n"],"mappings":"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","ignoreList":[]}
|
package/lib/cjs/Bar.js
CHANGED
|
@@ -15,24 +15,24 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
15
15
|
var _Pattern = require("./Pattern");
|
|
16
16
|
var _utils = require("./utils");
|
|
17
17
|
/*!__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
18
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
18
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBar_169ai_gg_{fill:var(--intergalactic-chart-palette-order-1,#666bdb);transition-property:height,width,y;transition-duration:var(--duration_169ai);transition-timing-function:ease-in-out}.___SBar_169ai_gg_.__color_169ai_gg_{fill:var(--color_169ai)}.___SBar_169ai_gg_.__pattern_169ai_gg_.__color_169ai_gg_{fill:var(--pattern_169ai);stroke:var(--color_169ai);stroke-width:1px}.___SBar_169ai_gg_.__hide_169ai_gg_{display:none}.___SBar_169ai_gg_.__transparent_169ai_gg_{opacity:.3}.___SBar_169ai_gg_.__onClick_169ai_gg_{cursor:pointer}.___SBackground_169ai_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg,#f1f2f2)}.___SBackground_169ai_gg_.__onClick_169ai_gg_{cursor:pointer}.___SBarAnnotation_169ai_gg_{display:flex;justify-content:space-between}.___SBarLabel_169ai_gg_{color:var(--intergalactic-text-primary,#010500e5);margin-right:auto}.___SBarLabel_169ai_gg_,.___SBarPercent_169ai_gg_{font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}.___SBarPercent_169ai_gg_{color:var(--intergalactic-text-secondary,#00030095);margin-right:var(--intergalactic-spacing-2x,8px)}@supports (color:color(display-p3 0 0 0%)){.___SBarPercent_169ai_gg_{color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SBarPercent_169ai_gg_{color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SBarValue_169ai_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary,#010500e5);font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%);text-align:right}.___SCompactHorizontalBarHoverRect_169ai_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover,#00161007)}", /*__inner_css_end__*/"169ai_gg_"),
|
|
19
19
|
/*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SBar": "
|
|
22
|
-
"--duration": "--
|
|
23
|
-
"_color": "
|
|
24
|
-
"--color": "--
|
|
25
|
-
"_pattern": "
|
|
26
|
-
"--pattern": "--
|
|
27
|
-
"_hide": "
|
|
28
|
-
"_transparent": "
|
|
29
|
-
"_onClick": "
|
|
30
|
-
"__SBackground": "
|
|
31
|
-
"__SBarAnnotation": "
|
|
32
|
-
"__SBarLabel": "
|
|
33
|
-
"__SBarPercent": "
|
|
34
|
-
"__SBarValue": "
|
|
35
|
-
"__SCompactHorizontalBarHoverRect": "
|
|
21
|
+
"__SBar": "___SBar_169ai_gg_",
|
|
22
|
+
"--duration": "--duration_169ai",
|
|
23
|
+
"_color": "__color_169ai_gg_",
|
|
24
|
+
"--color": "--color_169ai",
|
|
25
|
+
"_pattern": "__pattern_169ai_gg_",
|
|
26
|
+
"--pattern": "--pattern_169ai",
|
|
27
|
+
"_hide": "__hide_169ai_gg_",
|
|
28
|
+
"_transparent": "__transparent_169ai_gg_",
|
|
29
|
+
"_onClick": "__onClick_169ai_gg_",
|
|
30
|
+
"__SBackground": "___SBackground_169ai_gg_",
|
|
31
|
+
"__SBarAnnotation": "___SBarAnnotation_169ai_gg_",
|
|
32
|
+
"__SBarLabel": "___SBarLabel_169ai_gg_",
|
|
33
|
+
"__SBarPercent": "___SBarPercent_169ai_gg_",
|
|
34
|
+
"__SBarValue": "___SBarValue_169ai_gg_",
|
|
35
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_169ai_gg_"
|
|
36
36
|
});
|
|
37
37
|
const MIN_HEIGHT = exports.MIN_HEIGHT = 2;
|
|
38
38
|
const calcPartBarY = (y, minHeight, height) => {
|
|
@@ -209,6 +209,12 @@ function getRect({
|
|
|
209
209
|
}
|
|
210
210
|
return (0, _utils.roundedPath)(x, y, width, height, radius);
|
|
211
211
|
}
|
|
212
|
+
|
|
213
|
+
/**
|
|
214
|
+
* Bar
|
|
215
|
+
*
|
|
216
|
+
* {@link https://developer.semrush.com/intergalactic/data-display/bar-chart/bar-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/bar-chart/bar-chart-code/|Examples}
|
|
217
|
+
*/
|
|
212
218
|
var _default = exports.default = (0, _createElement.default)(BarRoot, {
|
|
213
219
|
Background
|
|
214
220
|
});
|
package/lib/cjs/Bar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bar.js","names":["_core","require","_uniqueID","_interopRequireDefault","_d3Transition","_react","_AnimatedClipPath","_createElement","_Pattern","_utils","style","sstyled","insert","MIN_HEIGHT","exports","calcPartBarY","y","minHeight","height","Object","is","BarRoot","Component","getBackgroundProps","_props","index","x","data","asProps","value","animationBar","duration","uid","selectRect","transition","selection","selectAll","selectRectNode","node","getAttribute","attr","componentDidUpdate","componentDidMount","renderBar","d","i","_ref","SBar","Element","styles","color","resolveColor","y0","scale","hide","offset","offsetProps","r","hMin","width","widthProps","groupKey","onClick","transparent","maxBarSize","Number","POSITIVE_INFINITY","patterns","dataHintsHandler","xScale","yScale","absHeight","Math","abs","min","domain","max","bandWidth","scaleToBand","bandwidth","barX","barY","handleClick","event","dSvg","getRect","radius","Array","isArray","position","describeGroupedValues","describeValueEntity","specifyDataRowFields","default","createElement","Fragment","key","cn","undefined","PatternFill","render","size","map","bind","attributeName","values","id","_defineProperty2","uniqueIDEnhancement","Background","props","_ref2","SBackground","yRange","range","roundedPath","_default"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { transition } from 'd3-transition';\nimport React from 'react';\n\nimport AnimatedClipPath from './AnimatedClipPath';\nimport createElement from './createElement';\nimport { PatternFill } from './Pattern';\nimport style from './style/bar.shadow.css';\nimport { scaleToBand, roundedPath } from './utils';\n\nexport const MIN_HEIGHT = 2;\n\nconst calcPartBarY = (y, minHeight, height) => {\n // need for the correct rendering of negative values (bar should be under Y-axis)\n if (y <= 0) {\n return Object.is(y, 0) ? minHeight : 0;\n }\n // need for the correct rendering of the minimum positive values\n return height <= minHeight ? minHeight : 0;\n};\n\nclass BarRoot extends Component {\n static displayName = 'Bar';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n r: 2,\n hMin: MIN_HEIGHT,\n };\n\n getBackgroundProps(_props, index) {\n const { x, data } = this.asProps;\n return {\n value: data[index][x],\n index,\n };\n }\n\n animationBar() {\n const { duration, uid } = this.asProps;\n const selectRect = transition().selection().selectAll(`#${uid} rect`);\n const selectRectNode = selectRect.node();\n\n if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n selectRect.transition().duration(duration).attr('y', 0);\n }\n }\n\n componentDidUpdate() {\n this.animationBar();\n }\n\n componentDidMount() {\n this.animationBar();\n }\n\n renderBar(d, i) {\n const SBar = this.Element;\n const {\n styles,\n color,\n resolveColor,\n x,\n y,\n y0,\n scale,\n hide,\n offset: offsetProps,\n duration,\n uid,\n r,\n hMin,\n width: widthProps,\n groupKey,\n onClick,\n transparent,\n maxBarSize = Number.POSITIVE_INFINITY,\n patterns,\n dataHintsHandler,\n } = this.asProps;\n const offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;\n const [xScale, yScale] = scale;\n const absHeight = Math.abs(\n yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)),\n );\n const height = Number(d[y] - (d[y0] ?? 0)) === 0 ? 0 : Math.max(absHeight, hMin);\n const bandWidth = widthProps || scaleToBand(xScale).bandwidth();\n const width = Math.min(bandWidth, maxBarSize);\n const barX = xScale(d[x]) + bandWidth / 2 - width / 2 + offset[0];\n const barY =\n yScale(Math.max(d[y0] ?? 0, height <= hMin && d[y] > 0 ? 0 : d[y])) +\n offset[1] -\n calcPartBarY(d[y], hMin, height);\n const handleClick = (event) => onClick?.(d, event, i, y);\n const dSvg = getRect({\n x: barX,\n y: barY,\n width,\n height,\n radius: Array.isArray(r) ? r[i] : r,\n position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom',\n });\n\n if (groupKey) {\n dataHintsHandler.describeGroupedValues(groupKey, y);\n } else {\n dataHintsHandler.describeValueEntity(`${i}.${y}`, groupKey ?? d[x]);\n dataHintsHandler.specifyDataRowFields(x, y);\n }\n\n return (\n <React.Fragment key={`bar-${i}`}>\n {sstyled(styles)(\n <SBar\n aria-hidden\n render='path'\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value', 'onClick', 'offset']}\n childrenPosition='above'\n value={d}\n index={i}\n hide={hide}\n pattern={patterns ? `url(#${uid}-${i}-pattern)` : undefined}\n color={resolveColor(color)}\n x={barX}\n y={barY}\n width={width}\n height={height}\n d={dSvg}\n onClickCapture={handleClick}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />,\n )}\n {patterns && (\n <PatternFill\n id={`${uid}-${i}-pattern`}\n patternKey={color}\n color={resolveColor(color)}\n patterns={patterns}\n />\n )}\n </React.Fragment>\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 <AnimatedClipPath\n duration={duration}\n key={`${uid}-animation`}\n attributeName='y'\n values='100%;0'\n id={uid}\n width={size[0]}\n height={`${size[1]}px`}\n />\n )}\n </>\n );\n }\n}\n\nfunction Background(props) {\n const { Element: SBackground, styles, scale, value } = props;\n\n const [xScale, yScale] = scale;\n const yRange = yScale.range();\n\n return sstyled(styles)(\n <SBackground\n aria-hidden\n render='rect'\n childrenPosition='above'\n width={scaleToBand(xScale).bandwidth()}\n height={yRange[0] - yRange[1]}\n x={xScale(value)}\n y={yRange[1]}\n />,\n );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n if (height < radius) radius = height;\n if (radius) {\n if (position === 'top')\n return roundedPath(x, y, width, height, radius, true, true, false, false);\n return roundedPath(x, y, width, height, radius, false, false, true, true);\n }\n return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Bar.js","names":["_core","require","_uniqueID","_interopRequireDefault","_d3Transition","_react","_AnimatedClipPath","_createElement","_Pattern","_utils","style","sstyled","insert","MIN_HEIGHT","exports","calcPartBarY","y","minHeight","height","Object","is","BarRoot","Component","getBackgroundProps","_props","index","x","data","asProps","value","animationBar","duration","uid","selectRect","transition","selection","selectAll","selectRectNode","node","getAttribute","attr","componentDidUpdate","componentDidMount","renderBar","d","i","_ref","SBar","Element","styles","color","resolveColor","y0","scale","hide","offset","offsetProps","r","hMin","width","widthProps","groupKey","onClick","transparent","maxBarSize","Number","POSITIVE_INFINITY","patterns","dataHintsHandler","xScale","yScale","absHeight","Math","abs","min","domain","max","bandWidth","scaleToBand","bandwidth","barX","barY","handleClick","event","dSvg","getRect","radius","Array","isArray","position","describeGroupedValues","describeValueEntity","specifyDataRowFields","default","createElement","Fragment","key","cn","undefined","PatternFill","render","size","map","bind","attributeName","values","id","_defineProperty2","uniqueIDEnhancement","Background","props","_ref2","SBackground","yRange","range","roundedPath","_default"],"sources":["../../src/Bar.jsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { transition } from 'd3-transition';\nimport React from 'react';\n\nimport AnimatedClipPath from './AnimatedClipPath';\nimport createElement from './createElement';\nimport { PatternFill } from './Pattern';\nimport style from './style/bar.shadow.css';\nimport { scaleToBand, roundedPath } from './utils';\n\nexport const MIN_HEIGHT = 2;\n\nconst calcPartBarY = (y, minHeight, height) => {\n // need for the correct rendering of negative values (bar should be under Y-axis)\n if (y <= 0) {\n return Object.is(y, 0) ? minHeight : 0;\n }\n // need for the correct rendering of the minimum positive values\n return height <= minHeight ? minHeight : 0;\n};\n\nclass BarRoot extends Component {\n static displayName = 'Bar';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n r: 2,\n hMin: MIN_HEIGHT,\n };\n\n getBackgroundProps(_props, index) {\n const { x, data } = this.asProps;\n return {\n value: data[index][x],\n index,\n };\n }\n\n animationBar() {\n const { duration, uid } = this.asProps;\n const selectRect = transition().selection().selectAll(`#${uid} rect`);\n const selectRectNode = selectRect.node();\n\n if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n selectRect.transition().duration(duration).attr('y', 0);\n }\n }\n\n componentDidUpdate() {\n this.animationBar();\n }\n\n componentDidMount() {\n this.animationBar();\n }\n\n renderBar(d, i) {\n const SBar = this.Element;\n const {\n styles,\n color,\n resolveColor,\n x,\n y,\n y0,\n scale,\n hide,\n offset: offsetProps,\n duration,\n uid,\n r,\n hMin,\n width: widthProps,\n groupKey,\n onClick,\n transparent,\n maxBarSize = Number.POSITIVE_INFINITY,\n patterns,\n dataHintsHandler,\n } = this.asProps;\n const offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;\n const [xScale, yScale] = scale;\n const absHeight = Math.abs(\n yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)),\n );\n const height = Number(d[y] - (d[y0] ?? 0)) === 0 ? 0 : Math.max(absHeight, hMin);\n const bandWidth = widthProps || scaleToBand(xScale).bandwidth();\n const width = Math.min(bandWidth, maxBarSize);\n const barX = xScale(d[x]) + bandWidth / 2 - width / 2 + offset[0];\n const barY =\n yScale(Math.max(d[y0] ?? 0, height <= hMin && d[y] > 0 ? 0 : d[y])) +\n offset[1] -\n calcPartBarY(d[y], hMin, height);\n const handleClick = (event) => onClick?.(d, event, i, y);\n const dSvg = getRect({\n x: barX,\n y: barY,\n width,\n height,\n radius: Array.isArray(r) ? r[i] : r,\n position: d[y] > 0 || Object.is(d[y], 0) ? 'top' : 'bottom',\n });\n\n if (groupKey) {\n dataHintsHandler.describeGroupedValues(groupKey, y);\n } else {\n dataHintsHandler.describeValueEntity(`${i}.${y}`, groupKey ?? d[x]);\n dataHintsHandler.specifyDataRowFields(x, y);\n }\n\n return (\n <React.Fragment key={`bar-${i}`}>\n {sstyled(styles)(\n <SBar\n aria-hidden\n render='path'\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value', 'onClick', 'offset']}\n childrenPosition='above'\n value={d}\n index={i}\n hide={hide}\n pattern={patterns ? `url(#${uid}-${i}-pattern)` : undefined}\n color={resolveColor(color)}\n x={barX}\n y={barY}\n width={width}\n height={height}\n d={dSvg}\n onClickCapture={handleClick}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />,\n )}\n {patterns && (\n <PatternFill\n id={`${uid}-${i}-pattern`}\n patternKey={color}\n color={resolveColor(color)}\n patterns={patterns}\n />\n )}\n </React.Fragment>\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 <AnimatedClipPath\n duration={duration}\n key={`${uid}-animation`}\n attributeName='y'\n values='100%;0'\n id={uid}\n width={size[0]}\n height={`${size[1]}px`}\n />\n )}\n </>\n );\n }\n}\n\nfunction Background(props) {\n const { Element: SBackground, styles, scale, value } = props;\n\n const [xScale, yScale] = scale;\n const yRange = yScale.range();\n\n return sstyled(styles)(\n <SBackground\n aria-hidden\n render='rect'\n childrenPosition='above'\n width={scaleToBand(xScale).bandwidth()}\n height={yRange[0] - yRange[1]}\n x={xScale(value)}\n y={yRange[1]}\n />,\n );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n if (height < radius) radius = height;\n if (radius) {\n if (position === 'top')\n return roundedPath(x, y, width, height, radius, true, true, false, false);\n return roundedPath(x, y, width, height, radius, false, false, true, true);\n }\n return roundedPath(x, y, width, height, radius);\n}\n\n/**\n * Bar\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/bar-chart/bar-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/bar-chart/bar-chart-code/|Examples}\n */\nexport default createElement(BarRoot, { Background });\n"],"mappings":"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","ignoreList":[]}
|
package/lib/cjs/Bubble.js
CHANGED
|
@@ -18,22 +18,22 @@ var _Pattern = require("./Pattern");
|
|
|
18
18
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
19
19
|
var _utils = require("./utils");
|
|
20
20
|
/*!__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
21
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
21
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBubble_pw0vv_gg_{fill:var(--intergalactic-chart-palette-order-1,#666bdb);stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_pw0vv);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_pw0vv_gg_:hover{opacity:.8}}g._visible_false_pw0vv_gg_{display:none}.___SBubble_pw0vv_gg_.__clickable_pw0vv_gg_{cursor:pointer}.___SBubble_pw0vv_gg_.__color_pw0vv_gg_{fill:var(--color_pw0vv)}.___SBubble_pw0vv_gg_.__pattern_pw0vv_gg_.__color_pw0vv_gg_{fill:var(--pattern_pw0vv);stroke:var(--color_pw0vv);stroke-width:1px}.___SBubble_pw0vv_gg_.__transparent_pw0vv_gg_{opacity:.3}.___SCenter_pw0vv_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1,#666bdb)}.___SCenter_pw0vv_gg_.__color_pw0vv_gg_{stroke:var(--color_pw0vv)}.___SCenter_pw0vv_gg_.__transparent_pw0vv_gg_{opacity:.3}.___SLabel_pw0vv_gg_{fill:var(--intergalactic-chart-palette-order-1,#666bdb)}.___SLabel_pw0vv_gg_._position_right_pw0vv_gg_{text-anchor:end}.___SLabel_pw0vv_gg_._position_left_pw0vv_gg_{text-anchor:start}.___SLabel_pw0vv_gg_.__color_pw0vv_gg_{fill:var(--color_pw0vv)}.___SLabel_pw0vv_gg_.__transparent_pw0vv_gg_{opacity:.3}", /*__inner_css_end__*/"pw0vv_gg_"),
|
|
22
22
|
/*__reshadow_css_end__*/
|
|
23
23
|
{
|
|
24
|
-
"_visible_false": "
|
|
25
|
-
"__SBubble": "
|
|
26
|
-
"_clickable": "
|
|
27
|
-
"_color": "
|
|
28
|
-
"--color": "--
|
|
29
|
-
"_pattern": "
|
|
30
|
-
"--pattern": "--
|
|
31
|
-
"_transparent": "
|
|
32
|
-
"__SCenter": "
|
|
33
|
-
"__SLabel": "
|
|
34
|
-
"_position_right": "
|
|
35
|
-
"_position_left": "
|
|
36
|
-
"--duration": "--
|
|
24
|
+
"_visible_false": "_visible_false_pw0vv_gg_",
|
|
25
|
+
"__SBubble": "___SBubble_pw0vv_gg_",
|
|
26
|
+
"_clickable": "__clickable_pw0vv_gg_",
|
|
27
|
+
"_color": "__color_pw0vv_gg_",
|
|
28
|
+
"--color": "--color_pw0vv",
|
|
29
|
+
"_pattern": "__pattern_pw0vv_gg_",
|
|
30
|
+
"--pattern": "--pattern_pw0vv",
|
|
31
|
+
"_transparent": "__transparent_pw0vv_gg_",
|
|
32
|
+
"__SCenter": "___SCenter_pw0vv_gg_",
|
|
33
|
+
"__SLabel": "___SLabel_pw0vv_gg_",
|
|
34
|
+
"_position_right": "_position_right_pw0vv_gg_",
|
|
35
|
+
"_position_left": "_position_left_pw0vv_gg_",
|
|
36
|
+
"--duration": "--duration_pw0vv"
|
|
37
37
|
});
|
|
38
38
|
class BubbleRoot extends _core.Component {
|
|
39
39
|
constructor(...args) {
|
|
@@ -291,6 +291,12 @@ function BubbleCircle(props) {
|
|
|
291
291
|
"transparent": transparent
|
|
292
292
|
}), circleData[label]));
|
|
293
293
|
}
|
|
294
|
+
|
|
295
|
+
/**
|
|
296
|
+
* Bubble
|
|
297
|
+
*
|
|
298
|
+
* {@link https://developer.semrush.com/intergalactic/data-display/bubble-chart/bubble-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/bubble-chart/bubble-chart-code/|Examples}
|
|
299
|
+
*/
|
|
294
300
|
const Bubble = (0, _createElement.default)(BubbleRoot, {
|
|
295
301
|
Tooltip: [BubbleTooltip, _Tooltip.default._______childrenComponents],
|
|
296
302
|
Circle: BubbleCircle
|