@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
|
@@ -12,14 +12,14 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
12
12
|
var _BaseLegend = require("../BaseLegend");
|
|
13
13
|
var _LegendItem = require("../LegendItem/LegendItem");
|
|
14
14
|
/*!__reshadow-styles__:"./legend-table.shadow.css"*/
|
|
15
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
15
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLegendTable_1vvs7_gg_.__columns-count_1vvs7_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_1vvs7_gg_._size_l_1vvs7_gg_{font-size:var(--intergalactic-fs-300,16px);text-align:right}.___SColumnItem_1vvs7_gg_._size_m_1vvs7_gg_{font-size:var(--intergalactic-fs-200,14px);text-align:right}", /*__inner_css_end__*/"1vvs7_gg_"),
|
|
16
16
|
/*__reshadow_css_end__*/
|
|
17
17
|
{
|
|
18
|
-
"__SLegendTable": "
|
|
19
|
-
"_columns-count": "__columns-
|
|
20
|
-
"__SColumnItem": "
|
|
21
|
-
"_size_l": "
|
|
22
|
-
"_size_m": "
|
|
18
|
+
"__SLegendTable": "___SLegendTable_1vvs7_gg_",
|
|
19
|
+
"_columns-count": "__columns-count_1vvs7_gg_",
|
|
20
|
+
"__SColumnItem": "___SColumnItem_1vvs7_gg_",
|
|
21
|
+
"_size_l": "_size_l_1vvs7_gg_",
|
|
22
|
+
"_size_m": "_size_m_1vvs7_gg_"
|
|
23
23
|
});
|
|
24
24
|
class LegendTableRoot extends _BaseLegend.BaseLegend {
|
|
25
25
|
render() {
|
|
@@ -81,6 +81,12 @@ function ColumnComponent(props) {
|
|
|
81
81
|
}, _ref2)
|
|
82
82
|
}), /*#__PURE__*/_react.default.createElement(Children, _ref4.cn("Children", {})));
|
|
83
83
|
}
|
|
84
|
+
|
|
85
|
+
/**
|
|
86
|
+
* LegendTable
|
|
87
|
+
*
|
|
88
|
+
* {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-code/|Examples}
|
|
89
|
+
*/
|
|
84
90
|
const LegendTable = exports.LegendTable = (0, _core.createComponent)(LegendTableRoot, {
|
|
85
91
|
LegendItem: _LegendItem.LegendItemComponent,
|
|
86
92
|
Column: ColumnComponent
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LegendTable.js","names":["_core","require","_baseComponents","_react","_interopRequireDefault","_BaseLegend","_LegendItem","style","sstyled","insert","LegendTableRoot","BaseLegend","render","_ref","asProps","_ref3","SLegendTable","Box","styles","Children","size","items","columnsCount","columns","length","default","createElement","cn","assignProps","map","id","_index","Fragment","key","item","index","LegendTable","Column","_defineProperty2","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","gridColumnStart","gridColumnEnd","exports","createComponent","LegendItemComponent"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, sstyled, Root, type IRootComponentProps } from '@semcore/core';\nimport React from 'react';\n\nimport style from './legend-table.shadow.css';\nimport type { LegendTableType, LegendTableProps, LegendColumnProps } from './LegendTable.type';\nimport { BaseLegend } from '../BaseLegend';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\n\nclass LegendTableRoot extends BaseLegend<LegendTableProps> {\n static displayName = 'LegendTable';\n static style = style;\n\n static defaultProps = () => ({\n children: <LegendTable.LegendItem />,\n });\n\n render() {\n const SLegendTable = Root;\n const { styles, Children, size = 'm', items } = this.asProps;\n const columnsCount = items[0]?.columns.length;\n\n return sstyled(styles)(\n <SLegendTable render={Box} columns-count={columnsCount + 1} role='group'>\n {items.map(({ id, columns = [] }, _index) => {\n return (\n <React.Fragment key={id}>\n <Children />\n {columns.map((item, index) => {\n return (\n <React.Fragment key={`${id}__${index}`}>\n <LegendTable.Column index={index} size={size} styles={styles}>\n {item}\n </LegendTable.Column>\n </React.Fragment>\n );\n })}\n </React.Fragment>\n );\n })}\n </SLegendTable>,\n );\n }\n}\n\nfunction ColumnComponent(props: LegendColumnProps & IRootComponentProps) {\n const SColumnItem = Root;\n const { styles, index, size, Children } = props;\n\n return sstyled(styles)(\n <SColumnItem\n style={{ gridColumnStart: `${index + 2}`, gridColumnEnd: `${index + 3}` }}\n render={Box}\n size={size}\n >\n <Children />\n </SColumnItem>,\n );\n}\n\nexport const LegendTable = createComponent(LegendTableRoot, {\n LegendItem: LegendItemComponent,\n Column: ColumnComponent,\n})
|
|
1
|
+
{"version":3,"file":"LegendTable.js","names":["_core","require","_baseComponents","_react","_interopRequireDefault","_BaseLegend","_LegendItem","style","sstyled","insert","LegendTableRoot","BaseLegend","render","_ref","asProps","_ref3","SLegendTable","Box","styles","Children","size","items","columnsCount","columns","length","default","createElement","cn","assignProps","map","id","_index","Fragment","key","item","index","LegendTable","Column","_defineProperty2","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","gridColumnStart","gridColumnEnd","exports","createComponent","LegendItemComponent"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, sstyled, Root, type IRootComponentProps } from '@semcore/core';\nimport React from 'react';\n\nimport style from './legend-table.shadow.css';\nimport type { LegendTableType, LegendTableProps, LegendColumnProps, LegendTableDefaultProps } from './LegendTable.type';\nimport { BaseLegend } from '../BaseLegend';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\n\nclass LegendTableRoot extends BaseLegend<LegendTableProps, [], LegendTableDefaultProps> {\n static displayName = 'LegendTable';\n static style = style;\n\n static defaultProps = () => ({\n children: <LegendTable.LegendItem />,\n });\n\n render() {\n const SLegendTable = Root;\n const { styles, Children, size = 'm', items } = this.asProps;\n const columnsCount = items[0]?.columns.length;\n\n return sstyled(styles)(\n <SLegendTable render={Box} columns-count={columnsCount + 1} role='group'>\n {items.map(({ id, columns = [] }, _index) => {\n return (\n <React.Fragment key={id}>\n <Children />\n {columns.map((item, index) => {\n return (\n <React.Fragment key={`${id}__${index}`}>\n <LegendTable.Column index={index} size={size} styles={styles}>\n {item}\n </LegendTable.Column>\n </React.Fragment>\n );\n })}\n </React.Fragment>\n );\n })}\n </SLegendTable>,\n );\n }\n}\n\nfunction ColumnComponent(props: LegendColumnProps & IRootComponentProps) {\n const SColumnItem = Root;\n const { styles, index, size, Children } = props;\n\n return sstyled(styles)(\n <SColumnItem\n style={{ gridColumnStart: `${index + 2}`, gridColumnEnd: `${index + 3}` }}\n render={Box}\n size={size}\n >\n <Children />\n </SColumnItem>,\n );\n}\n\n/**\n * LegendTable\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-code/|Examples}\n */\nexport const LegendTable = createComponent<\n LegendTableType,\n typeof LegendTableRoot\n>(LegendTableRoot, {\n LegendItem: LegendItemComponent,\n Column: ColumnComponent,\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LegendTable.type.js","names":[],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.type.ts"],"sourcesContent":["import type { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { LegendProps, LSize } from '../BaseLegend.type';\nimport type { LegendItem, LegendItemType } from '../LegendItem/LegendItem.type';\n\nexport type LegendTableProps = Intergalactic.InternalTypings.EfficientOmit<LegendProps, 'items'> & {\n /**\n * Legend items\n */\n items: Array<LegendItem & { columns: Array<React.ReactNode> }>;\n};\n\nexport type LegendColumnProps = {\n index: number;\n size: LSize;\n};\n\nexport type LegendTableType = Intergalactic.Component<typeof Box, LegendTableProps> & {\n LegendItem: LegendItemType;\n Column: Intergalactic.Component<typeof Box, Partial<LegendColumnProps>>;\n};\n"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"LegendTable.type.js","names":[],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.type.ts"],"sourcesContent":["import type { Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { LegendProps, LSize } from '../BaseLegend.type';\nimport type { LegendItem, LegendItemType } from '../LegendItem/LegendItem.type';\n\nexport type LegendTableProps = Intergalactic.InternalTypings.EfficientOmit<LegendProps, 'items'> & {\n /**\n * Legend items\n */\n items: Array<LegendItem & { columns: Array<React.ReactNode> }>;\n};\n\nexport type LegendTableDefaultProps = {\n children: React.JSX.Element;\n};\n\nexport type LegendColumnProps = {\n index: number;\n size: LSize;\n};\n\nexport type LegendTableType = Intergalactic.Component<typeof Box, LegendTableProps> & {\n LegendItem: LegendItemType;\n Column: Intergalactic.Component<typeof Box, Partial<LegendColumnProps>>;\n};\n"],"mappings":"","ignoreList":[]}
|
|
@@ -138,6 +138,12 @@ class CigaretteBarRoot extends _core.Component {
|
|
|
138
138
|
})));
|
|
139
139
|
}
|
|
140
140
|
}
|
|
141
|
+
|
|
142
|
+
/**
|
|
143
|
+
* CigaretteBar
|
|
144
|
+
*
|
|
145
|
+
* {@link https://developer.semrush.com/intergalactic/data-display/cigarette-chart/cigarette-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/cigarette-chart/cigarette-chart-code/|Examples}
|
|
146
|
+
*/
|
|
141
147
|
(0, _defineProperty2.default)(CigaretteBarRoot, "displayName", 'Cigarette.BarItem');
|
|
142
148
|
(0, _defineProperty2.default)(CigaretteBarRoot, "enhance", [(0, _uniqueID.default)()]);
|
|
143
149
|
(0, _defineProperty2.default)(CigaretteBarRoot, "style", {});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cigarette.js","names":["_core","require","_assignProps","_uniqueID","_interopRequireDefault","_react","_createElement","_Pattern","_utils","CigaretteBarRoot","Component","constructor","args","_defineProperty2","default","React","createRef","handlers","hovered","setCursor","e","onClick","dataKey","asProps","currentTarget","tagName","stopPropagation","value","refElement","current","style","setProperty","uncontrolledProps","getRect","x","y","width","height","r","radius","direction","index","xV","yV","widthV","heightV","roundedPath","render","_ref","SBar","Element","styles","color","data","hide","uid","duration","onMouseMove","onMouseLeave","transparent","resolveColor","patterns","dSvg","createElement","Fragment","key","sstyled","cn","undefined","callAllEventHandlers","handleMouseMove","handleMouseLeave","handleClick","PatternFill","uniqueIDEnhancement","offset","defaultHovered","_default","exports"],"sources":["../../../../src/component/Cigarette/Cigarette.tsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport createElement from '../../createElement';\nimport { PatternFill } from '../../Pattern';\nimport { roundedPath } from '../../utils';\n\nclass CigaretteBarRoot extends Component<any, [], { hovered: boolean }> {\n static displayName = 'Cigarette.BarItem';\n static enhance = [uniqueIDEnhancement()];\n static style = {};\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n direction: 'horizontal',\n defaultHovered: false,\n };\n\n refElement = React.createRef<SVGPathElement>();\n\n uncontrolledProps() {\n return {\n hovered: false,\n };\n }\n\n handleMouseMove = () => {\n this.handlers.hovered(true);\n this.setCursor('pointer');\n };\n\n handleMouseLeave = () => {\n this.handlers.hovered(false);\n this.setCursor('auto');\n };\n\n handleClick = (e: React.SyntheticEvent) => {\n const { onClick, dataKey } = this.asProps;\n\n if (onClick && e.currentTarget.tagName === 'path') {\n e.stopPropagation();\n\n onClick(dataKey, e);\n\n return false;\n }\n };\n\n setCursor = (value: 'pointer' | 'auto') => {\n const { onClick } = this.asProps;\n\n if (onClick) {\n this.refElement.current?.style.setProperty('cursor', value);\n }\n };\n\n getRect() {\n const { x, y, width, height, r: radius, direction, index, hovered } = this.asProps;\n\n let xV = x;\n let yV = y;\n let widthV = width;\n let heightV = height;\n\n if (hovered && direction === 'horizontal') {\n yV = yV - 2;\n heightV = heightV + 4;\n }\n\n if (hovered && direction === 'vertical') {\n xV = xV - 2;\n widthV = widthV + 4;\n }\n\n if (radius) {\n if (direction === 'horizontal') {\n if (index === 0) {\n return roundedPath(xV, yV, widthV, heightV, radius, true, false, true, false);\n } else {\n return roundedPath(xV, yV, widthV, heightV, radius, false, true, false, true);\n }\n } else {\n if (index === 0) {\n return roundedPath(xV, yV, widthV, heightV, radius, true, true, false, false);\n } else {\n return roundedPath(xV, yV, widthV, heightV, radius, false, false, true, true);\n }\n }\n }\n\n return roundedPath(xV, yV, widthV, heightV, radius);\n }\n\n render() {\n // @ts-ignore\n const SBar = this.Element;\n const {\n styles,\n color,\n data,\n dataKey,\n index,\n hide,\n uid,\n duration,\n onMouseMove,\n onMouseLeave,\n transparent,\n resolveColor,\n patterns,\n } = this.asProps;\n\n const dSvg = this.getRect();\n\n return (\n <React.Fragment key={`horizontal-bar-${index}`}>\n {sstyled(styles)(\n <SBar\n ref={this.refElement}\n aria-hidden\n render='path'\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value', 'offset']}\n childrenPosition='above'\n value={data[dataKey]}\n index={index}\n hide={hide}\n fill={resolveColor(color)}\n pattern={patterns ? `url(#${uid}-${index}-pattern)` : undefined}\n transparent={transparent}\n d={dSvg}\n use:duration={`${duration}ms`}\n onMouseMove={callAllEventHandlers(onMouseMove, this.handleMouseMove)}\n onMouseLeave={callAllEventHandlers(onMouseLeave, this.handleMouseLeave)}\n use:onClick={this.handleClick}\n />,\n )}\n {patterns && (\n <PatternFill\n id={`${uid}-${index}-pattern`}\n patternKey={color}\n color={resolveColor(color)}\n patterns={patterns}\n />\n )}\n </React.Fragment>\n );\n }\n}\n\nexport default createElement(CigaretteBarRoot);\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Cigarette.js","names":["_core","require","_assignProps","_uniqueID","_interopRequireDefault","_react","_createElement","_Pattern","_utils","CigaretteBarRoot","Component","constructor","args","_defineProperty2","default","React","createRef","handlers","hovered","setCursor","e","onClick","dataKey","asProps","currentTarget","tagName","stopPropagation","value","refElement","current","style","setProperty","uncontrolledProps","getRect","x","y","width","height","r","radius","direction","index","xV","yV","widthV","heightV","roundedPath","render","_ref","SBar","Element","styles","color","data","hide","uid","duration","onMouseMove","onMouseLeave","transparent","resolveColor","patterns","dSvg","createElement","Fragment","key","sstyled","cn","undefined","callAllEventHandlers","handleMouseMove","handleMouseLeave","handleClick","PatternFill","uniqueIDEnhancement","offset","defaultHovered","_default","exports"],"sources":["../../../../src/component/Cigarette/Cigarette.tsx"],"sourcesContent":["import { Component, sstyled } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport createElement from '../../createElement';\nimport { PatternFill } from '../../Pattern';\nimport { roundedPath } from '../../utils';\n\nclass CigaretteBarRoot extends Component<any, [], { hovered: boolean }> {\n static displayName = 'Cigarette.BarItem';\n static enhance = [uniqueIDEnhancement()];\n static style = {};\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n direction: 'horizontal',\n defaultHovered: false,\n };\n\n refElement = React.createRef<SVGPathElement>();\n\n uncontrolledProps() {\n return {\n hovered: false,\n };\n }\n\n handleMouseMove = () => {\n this.handlers.hovered(true);\n this.setCursor('pointer');\n };\n\n handleMouseLeave = () => {\n this.handlers.hovered(false);\n this.setCursor('auto');\n };\n\n handleClick = (e: React.SyntheticEvent) => {\n const { onClick, dataKey } = this.asProps;\n\n if (onClick && e.currentTarget.tagName === 'path') {\n e.stopPropagation();\n\n onClick(dataKey, e);\n\n return false;\n }\n };\n\n setCursor = (value: 'pointer' | 'auto') => {\n const { onClick } = this.asProps;\n\n if (onClick) {\n this.refElement.current?.style.setProperty('cursor', value);\n }\n };\n\n getRect() {\n const { x, y, width, height, r: radius, direction, index, hovered } = this.asProps;\n\n let xV = x;\n let yV = y;\n let widthV = width;\n let heightV = height;\n\n if (hovered && direction === 'horizontal') {\n yV = yV - 2;\n heightV = heightV + 4;\n }\n\n if (hovered && direction === 'vertical') {\n xV = xV - 2;\n widthV = widthV + 4;\n }\n\n if (radius) {\n if (direction === 'horizontal') {\n if (index === 0) {\n return roundedPath(xV, yV, widthV, heightV, radius, true, false, true, false);\n } else {\n return roundedPath(xV, yV, widthV, heightV, radius, false, true, false, true);\n }\n } else {\n if (index === 0) {\n return roundedPath(xV, yV, widthV, heightV, radius, true, true, false, false);\n } else {\n return roundedPath(xV, yV, widthV, heightV, radius, false, false, true, true);\n }\n }\n }\n\n return roundedPath(xV, yV, widthV, heightV, radius);\n }\n\n render() {\n // @ts-ignore\n const SBar = this.Element;\n const {\n styles,\n color,\n data,\n dataKey,\n index,\n hide,\n uid,\n duration,\n onMouseMove,\n onMouseLeave,\n transparent,\n resolveColor,\n patterns,\n } = this.asProps;\n\n const dSvg = this.getRect();\n\n return (\n <React.Fragment key={`horizontal-bar-${index}`}>\n {sstyled(styles)(\n <SBar\n ref={this.refElement}\n aria-hidden\n render='path'\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value', 'offset']}\n childrenPosition='above'\n value={data[dataKey]}\n index={index}\n hide={hide}\n fill={resolveColor(color)}\n pattern={patterns ? `url(#${uid}-${index}-pattern)` : undefined}\n transparent={transparent}\n d={dSvg}\n use:duration={`${duration}ms`}\n onMouseMove={callAllEventHandlers(onMouseMove, this.handleMouseMove)}\n onMouseLeave={callAllEventHandlers(onMouseLeave, this.handleMouseLeave)}\n use:onClick={this.handleClick}\n />,\n )}\n {patterns && (\n <PatternFill\n id={`${uid}-${index}-pattern`}\n patternKey={color}\n color={resolveColor(color)}\n patterns={patterns}\n />\n )}\n </React.Fragment>\n );\n }\n}\n\n/**\n * CigaretteBar\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/cigarette-chart/cigarette-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/cigarette-chart/cigarette-chart-code/|Examples}\n */\nexport default createElement(CigaretteBarRoot);\n"],"mappings":";;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,cAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAEA,MAAMQ,gBAAgB,SAASC,eAAS,CAAgC;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,mCAYzDC,cAAK,CAACC,SAAS,CAAiB,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,2BAQ5B,MAAM;MACtB,IAAI,CAACG,QAAQ,CAACC,OAAO,CAAC,IAAI,CAAC;MAC3B,IAAI,CAACC,SAAS,CAAC,SAAS,CAAC;IAC3B,CAAC;IAAA,IAAAN,gBAAA,CAAAC,OAAA,4BAEkB,MAAM;MACvB,IAAI,CAACG,QAAQ,CAACC,OAAO,CAAC,KAAK,CAAC;MAC5B,IAAI,CAACC,SAAS,CAAC,MAAM,CAAC;IACxB,CAAC;IAAA,IAAAN,gBAAA,CAAAC,OAAA,uBAEcM,CAAuB,IAAK;MACzC,MAAM;QAAEC,OAAO;QAAEC;MAAQ,CAAC,GAAG,IAAI,CAACC,OAAO;MAEzC,IAAIF,OAAO,IAAID,CAAC,CAACI,aAAa,CAACC,OAAO,KAAK,MAAM,EAAE;QACjDL,CAAC,CAACM,eAAe,CAAC,CAAC;QAEnBL,OAAO,CAACC,OAAO,EAAEF,CAAC,CAAC;QAEnB,OAAO,KAAK;MACd;IACF,CAAC;IAAA,IAAAP,gBAAA,CAAAC,OAAA,qBAEYa,KAAyB,IAAK;MACzC,MAAM;QAAEN;MAAQ,CAAC,GAAG,IAAI,CAACE,OAAO;MAEhC,IAAIF,OAAO,EAAE;QACX,IAAI,CAACO,UAAU,CAACC,OAAO,EAAEC,KAAK,CAACC,WAAW,CAAC,QAAQ,EAAEJ,KAAK,CAAC;MAC7D;IACF,CAAC;EAAA;EAlCDK,iBAAiBA,CAAA,EAAG;IAClB,OAAO;MACLd,OAAO,EAAE;IACX,CAAC;EACH;EAgCAe,OAAOA,CAAA,EAAG;IACR,MAAM;MAAEC,CAAC;MAAEC,CAAC;MAAEC,KAAK;MAAEC,MAAM;MAAEC,CAAC,EAAEC,MAAM;MAAEC,SAAS;MAAEC,KAAK;MAAEvB;IAAQ,CAAC,GAAG,IAAI,CAACK,OAAO;IAElF,IAAImB,EAAE,GAAGR,CAAC;IACV,IAAIS,EAAE,GAAGR,CAAC;IACV,IAAIS,MAAM,GAAGR,KAAK;IAClB,IAAIS,OAAO,GAAGR,MAAM;IAEpB,IAAInB,OAAO,IAAIsB,SAAS,KAAK,YAAY,EAAE;MACzCG,EAAE,GAAGA,EAAE,GAAG,CAAC;MACXE,OAAO,GAAGA,OAAO,GAAG,CAAC;IACvB;IAEA,IAAI3B,OAAO,IAAIsB,SAAS,KAAK,UAAU,EAAE;MACvCE,EAAE,GAAGA,EAAE,GAAG,CAAC;MACXE,MAAM,GAAGA,MAAM,GAAG,CAAC;IACrB;IAEA,IAAIL,MAAM,EAAE;MACV,IAAIC,SAAS,KAAK,YAAY,EAAE;QAC9B,IAAIC,KAAK,KAAK,CAAC,EAAE;UACf,OAAO,IAAAK,kBAAW,EAACJ,EAAE,EAAEC,EAAE,EAAEC,MAAM,EAAEC,OAAO,EAAEN,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC;QAC/E,CAAC,MAAM;UACL,OAAO,IAAAO,kBAAW,EAACJ,EAAE,EAAEC,EAAE,EAAEC,MAAM,EAAEC,OAAO,EAAEN,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC;QAC/E;MACF,CAAC,MAAM;QACL,IAAIE,KAAK,KAAK,CAAC,EAAE;UACf,OAAO,IAAAK,kBAAW,EAACJ,EAAE,EAAEC,EAAE,EAAEC,MAAM,EAAEC,OAAO,EAAEN,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC;QAC/E,CAAC,MAAM;UACL,OAAO,IAAAO,kBAAW,EAACJ,EAAE,EAAEC,EAAE,EAAEC,MAAM,EAAEC,OAAO,EAAEN,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC;QAC/E;MACF;IACF;IAEA,OAAO,IAAAO,kBAAW,EAACJ,EAAE,EAAEC,EAAE,EAAEC,MAAM,EAAEC,OAAO,EAAEN,MAAM,CAAC;EACrD;EAEAQ,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA;IACP;IACA,MAAMC,IAAI,GAAG,IAAI,CAACC,OAAO;IACzB,MAAM;MACJC,MAAM;MACNC,KAAK;MACLC,IAAI;MACJ/B,OAAO;MACPmB,KAAK;MACLa,IAAI;MACJC,GAAG;MACHC,QAAQ;MACRC,WAAW;MACXC,YAAY;MACZC,WAAW;MACXC,YAAY;MACZC;IACF,CAAC,GAAG,IAAI,CAACtC,OAAO;IAEhB,MAAMuC,IAAI,GAAG,IAAI,CAAC7B,OAAO,CAAC,CAAC;IAE3B,oBACE5B,MAAA,CAAAS,OAAA,CAAAiD,aAAA,CAAC1D,MAAA,CAAAS,OAAK,CAACkD,QAAQ;MAACC,GAAG,EAAE,kBAAkBxB,KAAK;IAAG,IAAAO,IAAA,GAC5C,IAAAkB,aAAO,EAACf,MAAM,CAAC,eACd9C,MAAA,CAAAS,OAAA,CAAAiD,aAAA,CAACd,IAAI,EAAAD,IAAA,CAAAmB,EAAA;MAAA,OACE,IAAI,CAACvC,UAAU;MAAA;MAAA,UAEb,MAAM;MAAA,YACH,QAAQ2B,GAAG,GAAG;MAAA,kBACR,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC;MAAA,oBACnC,OAAO;MAAA,SACjBF,IAAI,CAAC/B,OAAO,CAAC;MAAA,SACbmB,KAAK;MAAA,QACNa,IAAI;MAAA,QACJM,YAAY,CAACR,KAAK,CAAC;MAAA,WAChBS,QAAQ,GAAG,QAAQN,GAAG,IAAId,KAAK,WAAW,GAAG2B,SAAS;MAAA,eAClDT,WAAW;MAAA,KACrBG,IAAI;MAAA,gBACO,GAAGN,QAAQ,IAAI;MAAA,eAChB,IAAAa,iCAAoB,EAACZ,WAAW,EAAE,IAAI,CAACa,eAAe,CAAC;MAAA,gBACtD,IAAAD,iCAAoB,EAACX,YAAY,EAAE,IAAI,CAACa,gBAAgB,CAAC;MAAA,eAC1D,IAAI,CAACC;IAAW,EAC9B,CAAC,GAEHX,QAAQ,iBACPxD,MAAA,CAAAS,OAAA,CAAAiD,aAAA,CAACxD,QAAA,CAAAkE,WAAW,EAAAzB,IAAA,CAAAmB,EAAA;MAAA,MACN,GAAGZ,GAAG,IAAId,KAAK,UAAU;MAAA,cACjBW,KAAK;MAAA,SACVQ,YAAY,CAACR,KAAK,CAAC;MAAA,YAChBS;IAAQ,EACnB,CAEW,CAAC;EAErB;AACF;;AAEA;AACA;AACA;AACA;AACA;AAJA,IAAAhD,gBAAA,CAAAC,OAAA,EAhJML,gBAAgB,iBACC,mBAAmB;AAAA,IAAAI,gBAAA,CAAAC,OAAA,EADpCL,gBAAgB,aAEH,CAAC,IAAAiE,iBAAmB,EAAC,CAAC,CAAC;AAAA,IAAA7D,gBAAA,CAAAC,OAAA,EAFpCL,gBAAgB,WAGL,CAAC,CAAC;AAAA,IAAAI,gBAAA,CAAAC,OAAA,EAHbL,gBAAgB,kBAKE;EACpBkE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EACdnB,QAAQ,EAAE,GAAG;EACbhB,SAAS,EAAE,YAAY;EACvBoC,cAAc,EAAE;AAClB,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAhE,OAAA,GA2IY,IAAAiD,sBAAa,EAACtD,gBAAgB,CAAC","ignoreList":[]}
|
package/lib/es6/Area.js
CHANGED
|
@@ -12,19 +12,19 @@ import createElement from './createElement';
|
|
|
12
12
|
import Dots from './Dots';
|
|
13
13
|
import { PatternFill } from './Pattern';
|
|
14
14
|
/*!__reshadow-styles__:"./style/area.shadow.css"*/
|
|
15
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
15
|
+
const style = (/*__reshadow_css_start__*/_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_"),
|
|
16
16
|
/*__reshadow_css_end__*/
|
|
17
17
|
{
|
|
18
|
-
"__SArea": "
|
|
19
|
-
"_color": "
|
|
20
|
-
"--color": "--
|
|
21
|
-
"_pattern": "
|
|
22
|
-
"--pattern": "--
|
|
23
|
-
"_transparent": "
|
|
24
|
-
"__SAreaLine": "
|
|
25
|
-
"--duration": "--
|
|
26
|
-
"__SNull": "
|
|
27
|
-
"_hide": "
|
|
18
|
+
"__SArea": "___SArea_1v4u4_gg_",
|
|
19
|
+
"_color": "__color_1v4u4_gg_",
|
|
20
|
+
"--color": "--color_1v4u4",
|
|
21
|
+
"_pattern": "__pattern_1v4u4_gg_",
|
|
22
|
+
"--pattern": "--pattern_1v4u4",
|
|
23
|
+
"_transparent": "__transparent_1v4u4_gg_",
|
|
24
|
+
"__SAreaLine": "___SAreaLine_1v4u4_gg_",
|
|
25
|
+
"--duration": "--duration_1v4u4",
|
|
26
|
+
"__SNull": "___SNull_1v4u4_gg_",
|
|
27
|
+
"_hide": "__hide_1v4u4_gg_"
|
|
28
28
|
});
|
|
29
29
|
import { definedData, scaleOfBandwidth, getNullData, definedNullData, interpolateValue, eventToPoint, invert } from './utils';
|
|
30
30
|
class AreaRoot extends Component {
|
|
@@ -217,6 +217,12 @@ function Null(props) {
|
|
|
217
217
|
"color": resolveColor(color)
|
|
218
218
|
}));
|
|
219
219
|
}
|
|
220
|
+
|
|
221
|
+
/**
|
|
222
|
+
* Area
|
|
223
|
+
*
|
|
224
|
+
* {@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}
|
|
225
|
+
*/
|
|
220
226
|
const Area = createElement(AreaRoot, {
|
|
221
227
|
Dots,
|
|
222
228
|
Null,
|
package/lib/es6/Area.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Area.js","names":["Component","sstyled","findComponent","uniqueIDEnhancement","bisector","area","curveLinear","line","React","AnimatedClipPath","SvgElement","createElement","Dots","PatternFill","style","_sstyled","insert","definedData","scaleOfBandwidth","getNullData","definedNullData","interpolateValue","eventToPoint","invert","AreaRoot","getDotsProps","x","y","color","d3Line","transparent","resolveColor","patterns","onClick","asProps","data","filter","item","d3","getNullProps","getLineProps","duration","uid","handlerOnClick","e","stopPropagation","rootRef","scale","xScale","pX","current","vX","index","d","center","render","_ref","SArea","Element","SAreaLine","styles","hide","size","Children","forcedAdvancedMode","advancedMode","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","cn","undefined","bind","_defineProperty","y0","$rootProps","curve","yScale","yRange","range","defined","p","y1","props","_ref2","Null","_ref3","SNull"],"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":";;AAAA,SAASA,SAAS,EAAEC,OAAO,QAAQ,eAAe;AAClD,OAAOC,aAAa,MAAM,uCAAuC;AACjE,OAAOC,mBAAmB,MAAM,kCAAkC;AAClE,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,IAAI,EAAEC,WAAW,EAAEC,IAAI,QAAQ,UAAU;AAClD,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,UAAU,QAAQ,wBAAwB;AACnD,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,IAAI,MAAM,QAAQ;AACzB,SAASC,WAAW,QAAQ,WAAW;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAExC,SACEC,WAAW,EACXC,gBAAgB,EAChBC,WAAW,EACXC,eAAe,EACfC,gBAAgB,EAChBC,YAAY,EACZC,MAAM,QACD,SAAS;AAEhB,MAAMC,QAAQ,SAASxB,SAAS,CAAC;EAyB/ByB,YAAYA,CAAA,EAAG;IACb,MAAM;MAAEC,CAAC;MAAEC,CAAC;MAAEC,KAAK;MAAEC,MAAM;MAAEC,WAAW;MAAEC,YAAY;MAAEC,QAAQ;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAACC,OAAO;IAC1F,MAAMC,IAAI,GAAG,IAAI,CAACD,OAAO,CAACC,IAAI,CAACC,MAAM,CAAEC,IAAI,IAAKA,IAAI,CAACV,CAAC,CAAC,KAAKN,gBAAgB,CAAC;IAE7E,OAAO;MACLK,CAAC;MACDC,CAAC;MACDQ,IAAI;MACJG,EAAE,EAAET,MAAM;MACVD,KAAK;MACLG,YAAY;MACZD,WAAW;MACXE,QAAQ;MACRC;IACF,CAAC;EACH;EAEAM,YAAYA,CAAA,EAAG;IACb,MAAM;MAAEb,CAAC;MAAEC,CAAC;MAAEC,KAAK;MAAEG,YAAY;MAAEF;IAAO,CAAC,GAAG,IAAI,CAACK,OAAO;IAC1D,MAAMC,IAAI,GAAG,IAAI,CAACD,OAAO,CAACC,IAAI,CAACC,MAAM,CAAEC,IAAI,IAAKA,IAAI,CAACV,CAAC,CAAC,KAAKN,gBAAgB,CAAC;IAE7E,OAAO;MACLc,IAAI,EAAEhB,WAAW,CAACgB,IAAI,EAAEf,eAAe,CAACM,CAAC,EAAEC,CAAC,CAAC,EAAEA,CAAC,CAAC;MACjDW,EAAE,EAAET,MAAM;MACVD,KAAK;MACLG;IACF,CAAC;EACH;EAEAS,YAAYA,CAAA,EAAG;IACb,MAAM;MAAEC,QAAQ;MAAEb,KAAK;MAAEG,YAAY;MAAEI,IAAI;MAAEN,MAAM;MAAEa;IAAI,CAAC,GAAG,IAAI,CAACR,OAAO;IAEzE,OAAO;MACLQ,GAAG;MACHP,IAAI;MACJG,EAAE,EAAET,MAAM;MACVD,KAAK;MACLG,YAAY;MACZU;IACF,CAAC;EACH;EAEAE,cAAcA,CAACC,CAAC,EAAE;IAChBA,CAAC,CAACC,eAAe,CAAC,CAAC;IAEnB,MAAM;MAAEC,OAAO;MAAEC,KAAK,EAAE,CAACC,MAAM,CAAC;MAAEb,IAAI;MAAET,CAAC;MAAEO;IAAQ,CAAC,GAAG,IAAI,CAACC,OAAO;IAEnE,IAAI,CAACD,OAAO,EAAE;IAEd,MAAM,CAACgB,EAAE,CAAC,GAAG3B,YAAY,CAACsB,CAAC,EAAEE,OAAO,CAACI,OAAO,CAAC;IAC7C,MAAMC,EAAE,GAAG5B,MAAM,CAACyB,MAAM,EAAEC,EAAE,CAAC;IAC7B,MAAMG,KAAK,GAAGhD,QAAQ,CAAEiD,CAAC,IAAKA,CAAC,CAAC3B,CAAC,CAAC,CAAC,CAAC4B,MAAM,CAACnB,IAAI,EAAEgB,EAAE,CAAC;IAEpDlB,OAAO,CAACmB,KAAK,EAAER,CAAC,CAAC;EACnB;EAEAW,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA;IACP,MAAMC,KAAK,GAAG,IAAI,CAACC,OAAO;IAC1B,MAAMC,SAAS,GAAGjD,UAAU;IAC5B,MAAM;MACJkD,MAAM;MACNC,IAAI;MACJvB,EAAE;MACFT,MAAM;MACND,KAAK;MACLc,GAAG;MACHoB,IAAI;MACJrB,QAAQ;MACRf,CAAC;MACDC,CAAC;MACDoC,QAAQ;MACRjC,WAAW;MACXkC,kBAAkB;MAClBjC,YAAY;MACZC;IACF,CAAC,GAAG,IAAI,CAACE,OAAO;IAChB,MAAM+B,YAAY,GAAGD,kBAAkB,IAAI,CAAC,CAAC9D,aAAa,CAAC6D,QAAQ,EAAE,CAACG,IAAI,CAACC,IAAI,CAACC,WAAW,CAAC,CAAC;IAC7F,MAAMjC,IAAI,GAAG,IAAI,CAACD,OAAO,CAACC,IAAI,CAACC,MAAM,CAAEC,IAAI,IAAKA,IAAI,CAACV,CAAC,CAAC,KAAKN,gBAAgB,CAAC;IAE7E,IAAI,CAACa,OAAO,CAACmC,gBAAgB,CAACC,oBAAoB,CAAC5C,CAAC,EAAEC,CAAC,CAAC;IACxD,IAAI,CAACO,OAAO,CAACmC,gBAAgB,CAACE,iBAAiB,CAAC,aAAa,CAAC;IAE9D,OAAAf,IAAA,GAAOvD,OAAO,CAAC2D,MAAM,CAAC,eACpBpD,KAAA,CAAAG,aAAA,CAAAH,KAAA,CAAAgE,QAAA,QACG,CAACP,YAAY,iBACZzD,KAAA,CAAAG,aAAA,CAACgD,SAAS,EAAAH,IAAA,CAAAiB,EAAA;MAAA,OACJ,MAAM;MAAA;MAAA,YAEA,QAAQ/B,GAAG,aAAa;MAAA,KAC/Bb,MAAM,CAACM,IAAI,CAAC;MAAA,SACRJ,YAAY,CAACH,KAAK,CAAC;MAAA,gBACZ,GAAGa,QAAQ,IAAI;MAAA,eAChBX;IAAW,EACzB,CACF,eACDtB,KAAA,CAAAG,aAAA,CAAC8C,KAAK,EAAAD,IAAA,CAAAiB,EAAA;MAAA;MAAA,YAEM,QAAQ/B,GAAG,GAAG;MAAA,UACjB,MAAM;MAAA,KACVJ,EAAE,CAACH,IAAI,CAAC;MAAA,QACL0B,IAAI;MAAA,WACD7B,QAAQ,GAAG,QAAQU,GAAG,WAAW,GAAGgC,SAAS;MAAA,SAC/C3C,YAAY,CAACH,KAAK,CAAC;MAAA,gBACZ,GAAGa,QAAQ,IAAI;MAAA,eAChBX,WAAW;MAAA,kBACR,IAAI,CAACa,cAAc,CAACgC,IAAI,CAAC,IAAI;IAAC,EAC/C,CAAC,EACDlC,QAAQ,iBAAIjC,KAAA,CAAAG,aAAA,CAACF,gBAAgB,EAAA+C,IAAA,CAAAiB,EAAA;MAAA,YAAWhC,QAAQ;MAAA,MAAMC,GAAG;MAAA,SAAS,CAAC;MAAA,UAAUoB,IAAI,CAAC,CAAC;IAAC,EAAG,CAAC,EACxF9B,QAAQ,iBACPxB,KAAA,CAAAG,aAAA,CAACE,WAAW,EAAA2C,IAAA,CAAAiB,EAAA;MAAA,MACN,GAAG/B,GAAG,UAAU;MAAA,cACRd,KAAK;MAAA,SACVG,YAAY,CAACH,KAAK,CAAC;MAAA,YAChBI;IAAQ,EACnB,CAEH,CAAC;EAEP;AACF;AAAC4C,eAAA,CAhJKpD,QAAQ,iBACS,MAAM;AAAAoD,eAAA,CADvBpD,QAAQ,WAEGV,KAAK;AAAA8D,eAAA,CAFhBpD,QAAQ,aAGK,CAACrB,mBAAmB,CAAC,CAAC,CAAC;AAAAyE,eAAA,CAHpCpD,QAAQ,kBAKU,CAAC;EAAEE,CAAC;EAAEC,CAAC;EAAEkD,EAAE;EAAEC,UAAU;EAAEC,KAAK,GAAGzE,WAAW;EAAEyC;AAAM,CAAC,KAAK;EAC9E,MAAM,CAACC,MAAM,EAAEgC,MAAM,CAAC,GAAGjC,KAAK,IAAI+B,UAAU,CAAC/B,KAAK;EAClD,MAAMkC,MAAM,GAAGD,MAAM,CAACE,KAAK,CAAC,CAAC;EAE7B,OAAO;IACL5C,EAAE,EAAEjC,IAAI,CAAC,CAAC,CACP8E,OAAO,CAAClE,WAAW,CAACS,CAAC,EAAEC,CAAC,CAAC,CAAC,CAC1BoD,KAAK,CAACA,KAAK,CAAC,CACZrD,CAAC,CAAE0D,CAAC,IAAKlE,gBAAgB,CAAC8B,MAAM,EAAEoC,CAAC,CAAC1D,CAAC,CAAC,CAAC,CAAC,CACxCmD,EAAE,CAAEO,CAAC,IAAMA,CAAC,CAACP,EAAE,CAAC,GAAG3D,gBAAgB,CAAC8D,MAAM,EAAEI,CAAC,CAACP,EAAE,CAAC,CAAC,GAAGI,MAAM,CAAC,CAAC,CAAE,CAAC,CAChEI,EAAE,CAAED,CAAC,IAAKlE,gBAAgB,CAAC8D,MAAM,EAAEI,CAAC,CAACzD,CAAC,CAAC,CAAC,CAAC;IAC5CE,MAAM,EAAEtB,IAAI,CAAC,CAAC,CACX4E,OAAO,CAAClE,WAAW,CAACS,CAAC,EAAEC,CAAC,CAAC,CAAC,CAC1BoD,KAAK,CAACA,KAAK,CAAC,CACZrD,CAAC,CAAE0D,CAAC,IAAKlE,gBAAgB,CAAC8B,MAAM,EAAEoC,CAAC,CAAC1D,CAAC,CAAC,CAAC,CAAC,CACxCC,CAAC,CAAEyD,CAAC,IAAKlE,gBAAgB,CAAC8D,MAAM,EAAEI,CAAC,CAACzD,CAAC,CAAC,CAAC,CAAC;IAC3Cc,QAAQ,EAAE;EACZ,CAAC;AACH,CAAC;AA2HH,SAAS0B,IAAIA,CAACmB,KAAK,EAAE;EAAA,IAAAC,KAAA;EACnB,MAAM;IACJ7B,OAAO,EAAEC,SAAS;IAClBC,MAAM;IACNtB,EAAE;IACFH,IAAI;IACJP,KAAK;IACLG,YAAY;IACZU,QAAQ;IACRC,GAAG;IACHZ;EACF,CAAC,GAAGwD,KAAK;EACT,OAAAC,KAAA,GAAOtF,OAAO,CAAC2D,MAAM,CAAC,eACpBpD,KAAA,CAAAG,aAAA,CAACgD,SAAS,EAAA4B,KAAA,CAAAd,EAAA;IAAA,UACD,MAAM;IAAA,YACH,QAAQ/B,GAAG,GAAG;IAAA,KACrBJ,EAAE,CAACH,IAAI,CAAC;IAAA,SACJJ,YAAY,CAACH,KAAK,CAAC;IAAA,gBACZ,GAAGa,QAAQ,IAAI;IAAA,eAChBX;EAAW,EACzB,CAAC;AAEN;AAEA,SAAS0D,IAAIA,CAACF,KAAK,EAAE;EAAA,IAAAG,KAAA;EACnB,MAAM;IAAE/B,OAAO,EAAEgC,KAAK;IAAE9B,MAAM;IAAEtB,EAAE;IAAEH,IAAI;IAAE0B,IAAI;IAAEjC,KAAK;IAAEG;EAAa,CAAC,GAAGuD,KAAK;EAC7E,OAAAG,KAAA,GAAOxF,OAAO,CAAC2D,MAAM,CAAC,eACpBpD,KAAA,CAAAG,aAAA,CAAC+E,KAAK,EAAAD,KAAA,CAAAhB,EAAA;IAAA,UAAQ,MAAM;IAAA,KAAInC,EAAE,CAACH,IAAI,CAAC;IAAA,QAAQ0B,IAAI;IAAA,SAAS9B,YAAY,CAACH,KAAK;EAAC,EAAG,CAAC;AAEhF;AAEA,MAAMsC,IAAI,GAAGvD,aAAa,CAACa,QAAQ,EAAE;EACnCZ,IAAI;EACJ4E,IAAI;EACJrB;AACF,CAAC,CAAC;AAEF,eAAeD,IAAI","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Area.js","names":["Component","sstyled","findComponent","uniqueIDEnhancement","bisector","area","curveLinear","line","React","AnimatedClipPath","SvgElement","createElement","Dots","PatternFill","style","_sstyled","insert","definedData","scaleOfBandwidth","getNullData","definedNullData","interpolateValue","eventToPoint","invert","AreaRoot","getDotsProps","x","y","color","d3Line","transparent","resolveColor","patterns","onClick","asProps","data","filter","item","d3","getNullProps","getLineProps","duration","uid","handlerOnClick","e","stopPropagation","rootRef","scale","xScale","pX","current","vX","index","d","center","render","_ref","SArea","Element","SAreaLine","styles","hide","size","Children","forcedAdvancedMode","advancedMode","Area","Line","displayName","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","cn","undefined","bind","_defineProperty","y0","$rootProps","curve","yScale","yRange","range","defined","p","y1","props","_ref2","Null","_ref3","SNull"],"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/es6/Axis.js
CHANGED
|
@@ -5,24 +5,24 @@ import { Component, sstyled } from '@semcore/core';
|
|
|
5
5
|
import React, { useState, useEffect } from 'react';
|
|
6
6
|
import createElement from './createElement';
|
|
7
7
|
/*!__reshadow-styles__:"./style/axis.shadow.css"*/
|
|
8
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
8
|
+
const style = (/*__reshadow_css_start__*/_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_"),
|
|
9
9
|
/*__reshadow_css_end__*/
|
|
10
10
|
{
|
|
11
|
-
"__SAxis": "
|
|
12
|
-
"_hide": "
|
|
13
|
-
"__STick": "
|
|
14
|
-
"_primaryText": "
|
|
15
|
-
"__SGrid": "
|
|
16
|
-
"__STitle": "
|
|
17
|
-
"--transform-origin": "--transform-
|
|
18
|
-
"_position_top": "
|
|
19
|
-
"_position_bottom": "
|
|
20
|
-
"_position_right": "
|
|
21
|
-
"_position_left": "
|
|
22
|
-
"_verticalWritingMode": "
|
|
23
|
-
"_multiline": "
|
|
24
|
-
"_position_custom_0": "
|
|
25
|
-
"_position_custom_1": "
|
|
11
|
+
"__SAxis": "___SAxis_x8cp3_gg_",
|
|
12
|
+
"_hide": "__hide_x8cp3_gg_",
|
|
13
|
+
"__STick": "___STick_x8cp3_gg_",
|
|
14
|
+
"_primaryText": "__primaryText_x8cp3_gg_",
|
|
15
|
+
"__SGrid": "___SGrid_x8cp3_gg_",
|
|
16
|
+
"__STitle": "___STitle_x8cp3_gg_",
|
|
17
|
+
"--transform-origin": "--transform-origin_x8cp3",
|
|
18
|
+
"_position_top": "_position_top_x8cp3_gg_",
|
|
19
|
+
"_position_bottom": "_position_bottom_x8cp3_gg_",
|
|
20
|
+
"_position_right": "_position_right_x8cp3_gg_",
|
|
21
|
+
"_position_left": "_position_left_x8cp3_gg_",
|
|
22
|
+
"_verticalWritingMode": "__verticalWritingMode_x8cp3_gg_",
|
|
23
|
+
"_multiline": "__multiline_x8cp3_gg_",
|
|
24
|
+
"_position_custom_0": "_position_custom_0_x8cp3_gg_",
|
|
25
|
+
"_position_custom_1": "_position_custom_1_x8cp3_gg_"
|
|
26
26
|
});
|
|
27
27
|
import { scaleOfBandwidth } from './utils';
|
|
28
28
|
const CUSTOM_0 = Symbol('custom_0');
|
|
@@ -422,6 +422,12 @@ function Title(props) {
|
|
|
422
422
|
}));
|
|
423
423
|
}
|
|
424
424
|
class XAxisRoot extends AxisRoot {}
|
|
425
|
+
|
|
426
|
+
/**
|
|
427
|
+
* XAxis
|
|
428
|
+
*
|
|
429
|
+
* {@link https://developer.semrush.com/intergalactic/data-display/d3-chart/d3-chart-api#axis|API}
|
|
430
|
+
*/
|
|
425
431
|
_defineProperty(XAxisRoot, "defaultProps", {
|
|
426
432
|
...AxisRoot.defaultProps,
|
|
427
433
|
indexScale: 0,
|
|
@@ -433,6 +439,12 @@ const XAxis = createElement(XAxisRoot, {
|
|
|
433
439
|
Title
|
|
434
440
|
});
|
|
435
441
|
class YAxisRoot extends AxisRoot {}
|
|
442
|
+
|
|
443
|
+
/**
|
|
444
|
+
* YAxis
|
|
445
|
+
*
|
|
446
|
+
* {@link https://developer.semrush.com/intergalactic/data-display/d3-chart/d3-chart-api#axis|API}
|
|
447
|
+
*/
|
|
436
448
|
_defineProperty(YAxisRoot, "defaultProps", {
|
|
437
449
|
...AxisRoot.defaultProps,
|
|
438
450
|
indexScale: 1,
|
package/lib/es6/Axis.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Axis.js","names":["Component","sstyled","React","useState","useEffect","createElement","style","_sstyled","insert","scaleOfBandwidth","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","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","ticks","indexScale","scale","asProps","scl","domain","getTitleProps","position","locale","verticalWritingMode","includes","getTicksProps","getGridProps","render","_ref","SAxis","Element","styles","hide","cn","_defineProperty","Ticks","props","STick","dataHintsHandler","children","childrenPosition","multiline","rootRefElement","setRootRefElement","current","tickBandwidth","bandwidth","ticksWithLines","map","tick","positionClass","labelGetter","result","addKeyLabelGetter","_ref2","displayValue","undefined","primaryText","line","lineIndex","_extends","key","dy","Grid","SGrid","setupGrid","Math","abs","_ref3","Title","_ref4","STitle","size","setTitle","sstyles","sTitleStyles","toFixed","className","XAxisRoot","defaultProps","XAxis","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":";;;AAAA,SAASA,SAAS,EAAEC,OAAO,QAAQ,eAAe;AAClD,OAAOC,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAElD,OAAOC,aAAa,MAAM,iBAAiB;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE5C,SAASC,gBAAgB,QAAQ,SAAS;AAE1C,MAAMC,QAAQ,GAAGC,MAAM,CAAC,UAAU,CAAC;AACnC,MAAMC,QAAQ,GAAGD,MAAM,CAAC,UAAU,CAAC;AAEnC,MAAME,sBAAsB,GAAG;EAC7B,CAAC,EAAEH,QAAQ;EACX,CAAC,EAAEE;AACL,CAAC;AAED,MAAME,mBAAmB,GAAG;EAC1BC,GAAG,EAAE,QAAQ;EACbC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,KAAK;EACbC,IAAI,EAAE;AACR,CAAC;AAED,MAAMC,iBAAiB,GAAG;EACxBJ,GAAG,EAAEA,CAAC,CAACK,MAAM,EAAEC,MAAM,CAAC,KAAK;IACzB,MAAMC,MAAM,GAAGF,MAAM,CAACG,KAAK,CAAC,CAAC;IAC7B,MAAMC,MAAM,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAC;IAC7B,OAAO;MACLE,EAAE,EAAEH,MAAM,CAAC,CAAC,CAAC;MACbI,EAAE,EAAEF,MAAM,CAAC,CAAC,CAAC;MACbG,EAAE,EAAEL,MAAM,CAAC,CAAC,CAAC;MACbM,EAAE,EAAEJ,MAAM,CAAC,CAAC;IACd,CAAC;EACH,CAAC;EACDP,MAAM,EAAEA,CAAC,CAACG,MAAM,EAAEC,MAAM,CAAC,KAAK;IAC5B,MAAMC,MAAM,GAAGF,MAAM,CAACG,KAAK,CAAC,CAAC;IAC7B,MAAMC,MAAM,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAC;IAC7B,OAAO;MACLE,EAAE,EAAEH,MAAM,CAAC,CAAC,CAAC;MACbI,EAAE,EAAEF,MAAM,CAAC,CAAC,CAAC;MACbG,EAAE,EAAEL,MAAM,CAAC,CAAC,CAAC;MACbM,EAAE,EAAEJ,MAAM,CAAC,CAAC;IACd,CAAC;EACH,CAAC;EACDR,KAAK,EAAEA,CAAC,CAACI,MAAM,EAAEC,MAAM,CAAC,KAAK;IAC3B,MAAMC,MAAM,GAAGF,MAAM,CAACG,KAAK,CAAC,CAAC;IAC7B,MAAMC,MAAM,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAC;IAC7B,OAAO;MACLE,EAAE,EAAEH,MAAM,CAAC,CAAC,CAAC;MACbI,EAAE,EAAEF,MAAM,CAAC,CAAC,CAAC;MACbG,EAAE,EAAEL,MAAM,CAAC,CAAC,CAAC;MACbM,EAAE,EAAEJ,MAAM,CAAC,CAAC;IACd,CAAC;EACH,CAAC;EACDN,IAAI,EAAEA,CAAC,CAACE,MAAM,EAAEC,MAAM,CAAC,KAAK;IAC1B,MAAMC,MAAM,GAAGF,MAAM,CAACG,KAAK,CAAC,CAAC;IAC7B,MAAMC,MAAM,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAC;IAC7B,OAAO;MACLE,EAAE,EAAEH,MAAM,CAAC,CAAC,CAAC;MACbI,EAAE,EAAEF,MAAM,CAAC,CAAC,CAAC;MACbG,EAAE,EAAEL,MAAM,CAAC,CAAC,CAAC;MACbM,EAAE,EAAEJ,MAAM,CAAC,CAAC;IACd,CAAC;EACH,CAAC;EACD,CAACd,QAAQ,GAAG,CAAC,CAACU,MAAM,EAAEC,MAAM,CAAC,EAAEQ,GAAG,KAAK;IACrC,MAAMP,MAAM,GAAGF,MAAM,CAACG,KAAK,CAAC,CAAC;IAC7B,OAAO;MACLE,EAAE,EAAEH,MAAM,CAAC,CAAC,CAAC;MACbI,EAAE,EAAEjB,gBAAgB,CAACY,MAAM,EAAEQ,GAAG,CAAC;MACjCF,EAAE,EAAEL,MAAM,CAAC,CAAC,CAAC;MACbM,EAAE,EAAEnB,gBAAgB,CAACY,MAAM,EAAEQ,GAAG;IAClC,CAAC;EACH,CAAC;EACD,CAACjB,QAAQ,GAAG,CAAC,CAACQ,MAAM,EAAEC,MAAM,CAAC,EAAEQ,GAAG,KAAK;IACrC,MAAML,MAAM,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAC;IAC7B,OAAO;MACLE,EAAE,EAAEhB,gBAAgB,CAACW,MAAM,EAAES,GAAG,CAAC;MACjCH,EAAE,EAAEF,MAAM,CAAC,CAAC,CAAC;MACbG,EAAE,EAAElB,gBAAgB,CAACW,MAAM,EAAES,GAAG,CAAC;MACjCD,EAAE,EAAEJ,MAAM,CAAC,CAAC;IACd,CAAC;EACH;AACF,CAAC;AAED,MAAMM,iBAAiB,GAAG;EACxBf,GAAG,EAAEA,CAAC,CAACK,MAAM,EAAEC,MAAM,CAAC,EAAEU,KAAK,KAAK;IAChC,MAAMP,MAAM,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAC;IAC7B,OAAO;MACLS,CAAC,EAAEvB,gBAAgB,CAACW,MAAM,EAAEW,KAAK,CAAC;MAClCE,CAAC,EAAET,MAAM,CAAC,CAAC;IACb,CAAC;EACH,CAAC;EACDP,MAAM,EAAEA,CAAC,CAACG,MAAM,EAAEC,MAAM,CAAC,EAAEU,KAAK,KAAK;IACnC,MAAMP,MAAM,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAC;IAC7B,OAAO;MACLS,CAAC,EAAEvB,gBAAgB,CAACW,MAAM,EAAEW,KAAK,CAAC;MAClCE,CAAC,EAAET,MAAM,CAAC,CAAC;IACb,CAAC;EACH,CAAC;EACDR,KAAK,EAAEA,CAAC,CAACI,MAAM,EAAEC,MAAM,CAAC,EAAEU,KAAK,KAAK;IAClC,MAAMT,MAAM,GAAGF,MAAM,CAACG,KAAK,CAAC,CAAC;IAC7B,OAAO;MACLS,CAAC,EAAEV,MAAM,CAAC,CAAC,CAAC;MACZW,CAAC,EAAExB,gBAAgB,CAACY,MAAM,EAAEU,KAAK;IACnC,CAAC;EACH,CAAC;EACDb,IAAI,EAAEA,CAAC,CAACE,MAAM,EAAEC,MAAM,CAAC,EAAEU,KAAK,KAAK;IACjC,MAAMT,MAAM,GAAGF,MAAM,CAACG,KAAK,CAAC,CAAC;IAC7B,OAAO;MACLS,CAAC,EAAEV,MAAM,CAAC,CAAC,CAAC;MACZW,CAAC,EAAExB,gBAAgB,CAACY,MAAM,EAAEU,KAAK;IACnC,CAAC;EACH,CAAC;EACD,CAACrB,QAAQ,GAAG,CAAC,CAACU,MAAM,EAAEC,MAAM,CAAC,EAAEU,KAAK,EAAEF,GAAG,KAAK;IAC5C,OAAO;MACLG,CAAC,EAAEvB,gBAAgB,CAACW,MAAM,EAAEW,KAAK,CAAC;MAClCE,CAAC,EAAExB,gBAAgB,CAACY,MAAM,EAAEQ,GAAG;IACjC,CAAC;EACH,CAAC;EACD,CAACjB,QAAQ,GAAG,CAAC,CAACQ,MAAM,EAAEC,MAAM,CAAC,EAAEU,KAAK,EAAEF,GAAG,KAAK;IAC5C,OAAO;MACLG,CAAC,EAAEvB,gBAAgB,CAACW,MAAM,EAAES,GAAG,CAAC;MAChCI,CAAC,EAAExB,gBAAgB,CAACY,MAAM,EAAEU,KAAK;IACnC,CAAC;EACH;AACF,CAAC;AAED,MAAMG,iBAAiB,GAAG;EACxB,CAAC,EAAE,CAAC,CAACd,MAAM,EAAEC,MAAM,CAAC,EAAEU,KAAK,KAAK;IAC9B,MAAMP,MAAM,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAC;IAC7B,MAAMS,CAAC,GAAGvB,gBAAgB,CAACW,MAAM,EAAEW,KAAK,CAAC;IACzC,OAAO;MACLN,EAAE,EAAEO,CAAC;MACLN,EAAE,EAAEF,MAAM,CAAC,CAAC,CAAC;MACbG,EAAE,EAAEK,CAAC;MACLJ,EAAE,EAAEJ,MAAM,CAAC,CAAC;IACd,CAAC;EACH,CAAC;EACD,CAAC,EAAE,CAAC,CAACJ,MAAM,EAAEC,MAAM,CAAC,EAAEU,KAAK,KAAK;IAC9B,MAAMT,MAAM,GAAGF,MAAM,CAACG,KAAK,CAAC,CAAC;IAC7B,MAAMU,CAAC,GAAGxB,gBAAgB,CAACY,MAAM,EAAEU,KAAK,CAAC;IACzC,OAAO;MACLN,EAAE,EAAEH,MAAM,CAAC,CAAC,CAAC;MACbI,EAAE,EAAEO,CAAC;MACLN,EAAE,EAAEL,MAAM,CAAC,CAAC,CAAC;MACbM,EAAE,EAAEK;IACN,CAAC;EACH;AACF,CAAC;AAED,MAAME,YAAY,GAAG,EAAE;AACvB,MAAMC,kBAAkB,GAAG;EACzBrB,GAAG,EAAEA,CAAC,CAACK,MAAM,CAAC,KAAK;IACjB,MAAME,MAAM,GAAGF,MAAM,CAACG,KAAK,CAAC,CAAC;IAC7B,OAAO;MACLS,CAAC,EAAE,CAACV,MAAM,CAAC,CAAC,CAAC,GAAGA,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;MAC9BW,CAAC,EAAEE;IACL,CAAC;EACH,CAAC;EACDlB,MAAM,EAAEA,CAAC,CAACG,MAAM,CAAC,EAAE,GAAGiB,MAAM,CAAC,KAAK;IAChC,MAAMf,MAAM,GAAGF,MAAM,CAACG,KAAK,CAAC,CAAC;IAC7B,OAAO;MACLS,CAAC,EAAE,CAACV,MAAM,CAAC,CAAC,CAAC,GAAGA,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;MAC9BW,CAAC,EAAEI,MAAM,GAAGF;IACd,CAAC;EACH,CAAC;EACDnB,KAAK,EAAEA,CAAC,GAAGK,MAAM,CAAC,EAAE,CAACiB,KAAK,CAAC,KAAK;IAC9B,MAAMd,MAAM,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAC;IAC7B,OAAO;MACLS,CAAC,EAAEM,KAAK,GAAGH,YAAY;MACvBF,CAAC,EAAE,CAACT,MAAM,CAAC,CAAC,CAAC,GAAGA,MAAM,CAAC,CAAC,CAAC,IAAI;IAC/B,CAAC;EACH,CAAC;EACDN,IAAI,EAAEA,CAAC,GAAGG,MAAM,CAAC,KAAK;IACpB,MAAMG,MAAM,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAC;IAC7B,OAAO;MACLS,CAAC,EAAEG,YAAY;MACfF,CAAC,EAAE,CAACT,MAAM,CAAC,CAAC,CAAC,GAAGA,MAAM,CAAC,CAAC,CAAC,IAAI;IAC/B,CAAC;EACH;AACF,CAAC;AAED,SAASe,WAAWA,CAACR,KAAK,EAAE;EAC1B,IAAIA,KAAK,YAAYS,IAAI,EAAE;IACzB,OAAOT,KAAK,CAACU,kBAAkB,CAAC,CAAC;EACnC;EACA,OAAOV,KAAK;AACd;AAEA,SAASW,gBAAgBA,CAACC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAE;EAC9C,IAAI,CAACD,IAAI,IAAI,CAACC,QAAQ,IAAIA,QAAQ,IAAI,CAAC,EAAE,OAAO,EAAE;EAElD,MAAMC,KAAK,GAAGF,IAAI,CAACG,KAAK,CAAC,KAAK,CAAC,CAACC,MAAM,CAAEC,IAAI,IAAKA,IAAI,CAACC,MAAM,GAAG,CAAC,CAAC;EACjE,IAAIJ,KAAK,CAACI,MAAM,KAAK,CAAC,EAAE,OAAO,EAAE;EAEjC,MAAMC,KAAK,GAAG,EAAE;EAChB,IAAIC,WAAW,GAAGN,KAAK,CAAC,CAAC,CAAC;EAE1B,KAAK,IAAIO,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGP,KAAK,CAACI,MAAM,EAAEG,CAAC,EAAE,EAAE;IACrC,MAAMC,QAAQ,GAAG,GAAGF,WAAW,IAAIN,KAAK,CAACO,CAAC,CAAC,EAAE,CAACE,IAAI,CAAC,CAAC;IACpD,MAAMC,SAAS,GAAGC,gBAAgB,CAACd,IAAI,EAAEW,QAAQ,CAAC;IAElD,IAAIE,SAAS,IAAIX,QAAQ,EAAE;MACzBO,WAAW,GAAGE,QAAQ;IACxB,CAAC,MAAM;MACL,IAAIF,WAAW,EAAE;QACfD,KAAK,CAACO,IAAI,CAACN,WAAW,CAAC;MACzB;MAEAA,WAAW,GAAGN,KAAK,CAACO,CAAC,CAAC;MAEtB,IAAII,gBAAgB,CAACd,IAAI,EAAES,WAAW,CAAC,GAAGP,QAAQ,EAAE;QAClDM,KAAK,CAACO,IAAI,CAACN,WAAW,CAAC;QACvBA,WAAW,GAAG,EAAE;MAClB;IACF;EACF;EAEA,IAAIA,WAAW,EAAE;IACfD,KAAK,CAACO,IAAI,CAACN,WAAW,CAAC;EACzB;EAEA,OAAOD,KAAK;AACd;AAEA,SAASM,gBAAgBA,CAACE,OAAO,EAAEf,IAAI,EAAEgB,QAAQ,GAAG,EAAE,EAAE;EACtD,MAAMC,MAAM,GAAGC,QAAQ,CAACC,eAAe,CAAC,4BAA4B,EAAE,MAAM,CAAC;EAC7EF,MAAM,CAACG,YAAY,CAAC,WAAW,EAAEJ,QAAQ,CAAC;EAC1CC,MAAM,CAACG,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC;EAC3CH,MAAM,CAACI,WAAW,GAAGrB,IAAI;EAEzBe,OAAO,CAACO,WAAW,CAACL,MAAM,CAAC;EAC3B,MAAMvB,KAAK,GAAGuB,MAAM,CAACM,qBAAqB,CAAC,CAAC;EAC5CR,OAAO,CAACS,WAAW,CAACP,MAAM,CAAC;EAC3B,OAAOvB,KAAK;AACd;AAEA,MAAM+B,QAAQ,SAASrE,SAAS,CAAC;EAM/B,IAAIsE,KAAKA,CAAA,EAAG;IACV,MAAM;MAAEA,KAAK;MAAEC,UAAU;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACC,OAAO;IACjD,MAAMC,GAAG,GAAGF,KAAK,CAACD,UAAU,CAAC;IAC7B,OAAOD,KAAK,IAAII,GAAG,CAACJ,KAAK,GAAG,CAAC,IAAII,GAAG,CAACC,MAAM,GAAG,CAAC,IAAI,EAAE;EACvD;EAEAC,aAAaA,CAAA,EAAG;IACd,MAAM;MAAEC,QAAQ;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACL,OAAO;IACzC,OAAO;MACLI,QAAQ,EAAE/D,mBAAmB,CAAC+D,QAAQ,CAAC;MACvCE,mBAAmB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAACC,QAAQ,CAACF,MAAM;IACnD,CAAC;EACH;EAEAG,aAAaA,CAAA,EAAG;IACd,MAAM;MAAEJ,QAAQ;MAAEN;IAAW,CAAC,GAAG,IAAI,CAACE,OAAO;IAC7C,OAAO;MACLH,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBC,UAAU;MACVM;IACF,CAAC;EACH;EAEAK,YAAYA,CAAA,EAAG;IACb,MAAM;MAAEX;IAAW,CAAC,GAAG,IAAI,CAACE,OAAO;IACnC,OAAO;MACLH,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBC;IACF,CAAC;EACH;EAEAY,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA;IACP,MAAMC,KAAK,GAAG,IAAI,CAACC,OAAO;IAC1B,MAAM;MAAEC,MAAM;MAAEV,QAAQ;MAAEL,KAAK;MAAEgB,IAAI;MAAEjB;IAAW,CAAC,GAAG,IAAI,CAACE,OAAO;IAElE,MAAM5C,GAAG,GACPV,iBAAiB,CAAC0D,QAAQ,CAAC,IAAI1D,iBAAiB,CAACN,sBAAsB,CAAC0D,UAAU,CAAC,CAAC;IAEtF,OAAAa,IAAA,GAAOnF,OAAO,CAACsF,MAAM,CAAC,eAACrF,KAAA,CAAAG,aAAA,CAACgF,KAAK,EAAAD,IAAA,CAAAK,EAAA;MAAA,UAAQ,MAAM;MAAA,QAAOD,IAAI;MAAA,GAAM3D,GAAG,CAAC2C,KAAK,EAAEK,QAAQ;IAAC,EAAG,CAAC;EACtF;AACF;AAACa,eAAA,CA9CKrB,QAAQ,iBACS,MAAM;AAAAqB,eAAA,CADvBrB,QAAQ,WAGG/D,KAAK;AAAAoF,eAAA,CAHhBrB,QAAQ,kBAIU,CAAC,CAAC;AA4C1B,SAASsB,KAAKA,CAACC,KAAK,EAAE;EACpB,MAAM;IACJN,OAAO,EAAEO,KAAK;IACdN,MAAM;IACNf,KAAK;IACLF,KAAK;IACLO,QAAQ;IACRW,IAAI;IACJjB,UAAU;IACVuB,gBAAgB;IAChBC,QAAQ;IACRC,gBAAgB,GAAG,QAAQ;IAC3BrC,OAAO;IACPsC;EACF,CAAC,GAAGL,KAAK;EACT,MAAM,CAACM,cAAc,EAAEC,iBAAiB,CAAC,GAAGhG,QAAQ,CAAC,IAAI,CAAC;EAE1DC,SAAS,CAAC,MAAM;IACd,IAAIuD,OAAO,CAACyC,OAAO,EAAED,iBAAiB,CAACxC,OAAO,CAACyC,OAAO,CAAC;EACzD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,aAAa,GAAG7B,KAAK,CAACD,UAAU,CAAC,EAAE+B,SAAS,GAAG,CAAC;EACtD,MAAMC,cAAc,GAAGjC,KAAK,CAACkC,GAAG,CAAEC,IAAI,KAAM;IAC1CA,IAAI;IACJtD,KAAK,EAAE,OAAOsD,IAAI,KAAK,QAAQ,IAAIR,SAAS,IAAIC,cAAc,GAC1DxD,gBAAgB,CAACwD,cAAc,EAAEO,IAAI,EAAEJ,aAAa,CAAC,GACrD;EACN,CAAC,CAAC,CAAC;EAEH,MAAMxE,GAAG,GAAGC,iBAAiB,CAAC+C,QAAQ,CAAC,IAAI/C,iBAAiB,CAACjB,sBAAsB,CAAC0D,UAAU,CAAC,CAAC;EAChG,MAAMmC,aAAa,GAAG5E,iBAAiB,CAAC+C,QAAQ,CAAC,GAAGA,QAAQ,GAAG,UAAUN,UAAU,EAAE;EAErF,IAAI,OAAOwB,QAAQ,KAAK,UAAU,EAAE;IAClC,MAAMY,WAAW,GAAI5E,KAAK,IAAK;MAC7B,MAAM6E,MAAM,GAAGb,QAAQ,CAAC;QAAEhE;MAAM,CAAC,CAAC;MAClC,OAAO6E,MAAM,CAAC7E,KAAK,IAAI6E,MAAM,CAACb,QAAQ;IACxC,CAAC;IACD,IAAIlB,QAAQ,KAAK,MAAM,IAAIA,QAAQ,KAAK,OAAO,EAAE;MAC/CiB,gBAAgB,CAACe,iBAAiB,CAAC,UAAU,EAAEF,WAAW,CAAC;IAC7D,CAAC,MAAM,IAAI9B,QAAQ,KAAK,KAAK,IAAIA,QAAQ,KAAK,QAAQ,EAAE;MACtDiB,gBAAgB,CAACe,iBAAiB,CAAC,YAAY,EAAEF,WAAW,CAAC;IAC/D;EACF;EAEA,OAAOJ,cAAc,CAACC,GAAG,CAAC,CAAC;IAAEC,IAAI,EAAE1E,KAAK;IAAEoB;EAAM,CAAC,EAAEE,CAAC,KAAK;IAAA,IAAAyD,KAAA;IACvD,MAAMC,YAAY,GAAG,OAAOhB,QAAQ,KAAK,UAAU,GAAGiB,SAAS,GAAGzE,WAAW,CAACR,KAAK,CAAC;IAEpF,OAAA+E,KAAA,GAAO7G,OAAO,CAACsF,MAAM,CAAC,eACpBrF,KAAA,CAAAG,aAAA,CAACwF,KAAK,EAAAiB,KAAA,CAAArB,EAAA;MAAA;MAAA,OAECpC,CAAC;MAAA,UACC,MAAM;MAAA,oBACK2C,gBAAgB;MAAA,kBAClB,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;MAAA,SAC7CjE,KAAK;MAAA,SACLsB,CAAC;MAAA,YACEqD,aAAa;MAAA,QACjBlB,IAAI;MAAA,aACCS,SAAS;MAAA,eACPL,KAAK,CAACqB,WAAW;MAAA,GAC1BpF,GAAG,CAAC2C,KAAK,EAAEzC,KAAK,EAAE8C,QAAQ;IAAC,IAE7B1B,KAAK,CAACD,MAAM,GAAG,CAAC,GACdC,KAAK,CAACqD,GAAG,CAAC,CAACU,IAAI,EAAEC,SAAS,kBACxBjH,KAAA,CAAAG,aAAA,UAAA+G,QAAA;MAAOC,GAAG,EAAEH;IAAK,GAAKrF,GAAG,CAAC2C,KAAK,EAAEzC,KAAK,EAAE8C,QAAQ,CAAC;MAAEyC,EAAE,EAAEH,SAAS,GAAG;IAAG,IAAED,IAAY,CACrF,CAAC,GACFH,YACC,CAAC;EAEZ,CAAC,CAAC;AACJ;AAEA,SAASQ,IAAIA,CAAC3B,KAAK,EAAE;EACnB,MAAM;IAAEN,OAAO,EAAEkC,KAAK;IAAEjC,MAAM;IAAEf,KAAK;IAAEF,KAAK;IAAEC;EAAW,CAAC,GAAGqB,KAAK;EAElE,IAAItB,KAAK,CAACpB,MAAM,IAAI,CAAC,EAAE;IACrB,IAAIqB,UAAU,KAAK,CAAC,EAAE;MACpBqB,KAAK,CAACE,gBAAgB,CAAC2B,SAAS,CAAC,UAAU,EAAEC,IAAI,CAACC,GAAG,CAACrD,KAAK,CAAC,CAAC,CAAC,GAAGA,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7E,CAAC,MAAM,IAAIC,UAAU,KAAK,CAAC,EAAE;MAC3BqB,KAAK,CAACE,gBAAgB,CAAC2B,SAAS,CAAC,YAAY,EAAEC,IAAI,CAACC,GAAG,CAACrD,KAAK,CAAC,CAAC,CAAC,GAAGA,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/E;EACF;EAEA,OAAOA,KAAK,CAACkC,GAAG,CAAC,CAACzE,KAAK,EAAEsB,CAAC,KAAK;IAAA,IAAAuE,KAAA;IAC7B,OAAAA,KAAA,GAAO3H,OAAO,CAACsF,MAAM,CAAC,eACpBrF,KAAA,CAAAG,aAAA,CAACmH,KAAK,EAAAI,KAAA,CAAAnC,EAAA;MAAA,OAAMpC,CAAC;MAAA,UAAS,MAAM;MAAA,GAAKnB,iBAAiB,CAACqC,UAAU,CAAC,CAACC,KAAK,EAAEzC,KAAK;IAAC,EAAG,CAAC;EAEpF,CAAC,CAAC;AACJ;AAEA,SAAS8F,KAAKA,CAACjC,KAAK,EAAE;EAAA,IAAAkC,KAAA;EACpB,MAAM;IAAExC,OAAO,EAAEyC,MAAM;IAAExC,MAAM;IAAEf,KAAK;IAAEK,QAAQ;IAAEmD,IAAI;IAAEjC,QAAQ;IAAEhB;EAAoB,CAAC,GAAGa,KAAK;EAE/F,MAAM;IAAE5D,CAAC;IAAEC;EAAE,CAAC,GAAGG,kBAAkB,CAACyC,QAAQ,CAAC,CAACL,KAAK,EAAEwD,IAAI,CAAC;EAE1D,IAAInD,QAAQ,KAAK,MAAM,IAAIA,QAAQ,KAAK,OAAO,EAAE;IAC/Ce,KAAK,CAACE,gBAAgB,CAACmC,QAAQ,CAAC,UAAU,EAAElC,QAAQ,CAAC;EACvD,CAAC,MAAM,IAAIlB,QAAQ,KAAK,KAAK,IAAIA,QAAQ,KAAK,QAAQ,EAAE;IACtDe,KAAK,CAACE,gBAAgB,CAACmC,QAAQ,CAAC,YAAY,EAAElC,QAAQ,CAAC;EACzD;EAEA,MAAMmC,OAAO,GAAGjI,OAAO,CAACsF,MAAM,CAAC;EAC/B,MAAM4C,YAAY,GAAGD,OAAO,CAACzC,EAAE,CAAC,QAAQ,EAAE;IACxC,kBAAkB,EAAE,GAAGzD,CAAC,CAACoG,OAAO,CAAC,CAAC,CAAC,MAAMnG,CAAC,CAACmG,OAAO,CAAC,CAAC,CAAC;EACvD,CAAC,CAAC;EAEF,OAAAN,KAAA,GAAO7H,OAAO,CAACsF,MAAM,CAAC,eACpBrF,KAAA,CAAAG,aAAA,CAAC0H,MAAM,EAAAD,KAAA,CAAArC,EAAA;IAAA;IAAA,UAEE,MAAM;IAAA,oBACI,QAAQ;IAAA,YACfZ,QAAQ;IAAA,aACPsD,YAAY,CAACE,SAAS;IAAA,SAC1BF,YAAY,CAAC7H,KAAK;IAAA,uBACJyE,mBAAmB;IAAA,KACrC/C,CAAC;IAAA,KACDC;EAAC,EACL,CAAC;AAEN;AAEA,MAAMqG,SAAS,SAASjE,QAAQ,CAAC;AAMhCqB,eAAA,CANK4C,SAAS,kBACS;EACpB,GAAGjE,QAAQ,CAACkE,YAAY;EACxBhE,UAAU,EAAE,CAAC;EACbM,QAAQ,EAAE;AACZ,CAAC;AAGH,MAAM2D,KAAK,GAAGnI,aAAa,CAACiI,SAAS,EAAE;EACrC3C,KAAK;EACL4B,IAAI;EACJM;AACF,CAAC,CAAC;AAEF,MAAMY,SAAS,SAASpE,QAAQ,CAAC;AAOhCqB,eAAA,CAPK+C,SAAS,kBACS;EACpB,GAAGpE,QAAQ,CAACkE,YAAY;EACxBhE,UAAU,EAAE,CAAC;EACbM,QAAQ,EAAE,MAAM;EAChBW,IAAI,EAAE;AACR,CAAC;AAGH,MAAMkD,KAAK,GAAGrI,aAAa,CAACoI,SAAS,EAAE;EACrC9C,KAAK;EACL4B,IAAI;EACJM;AACF,CAAC,CAAC;AAEF,SAASW,KAAK,EAAEE,KAAK","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Axis.js","names":["Component","sstyled","React","useState","useEffect","createElement","style","_sstyled","insert","scaleOfBandwidth","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","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","ticks","indexScale","scale","asProps","scl","domain","getTitleProps","position","locale","verticalWritingMode","includes","getTicksProps","getGridProps","render","_ref","SAxis","Element","styles","hide","cn","_defineProperty","Ticks","props","STick","dataHintsHandler","children","childrenPosition","multiline","rootRefElement","setRootRefElement","current","tickBandwidth","bandwidth","ticksWithLines","map","tick","positionClass","labelGetter","result","addKeyLabelGetter","_ref2","displayValue","undefined","primaryText","line","lineIndex","_extends","key","dy","Grid","SGrid","setupGrid","Math","abs","_ref3","Title","_ref4","STitle","size","setTitle","sstyles","sTitleStyles","toFixed","className","XAxisRoot","defaultProps","XAxis","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/es6/Bar.js
CHANGED
|
@@ -8,24 +8,24 @@ import AnimatedClipPath from './AnimatedClipPath';
|
|
|
8
8
|
import createElement from './createElement';
|
|
9
9
|
import { PatternFill } from './Pattern';
|
|
10
10
|
/*!__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
11
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
11
|
+
const style = (/*__reshadow_css_start__*/_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_"),
|
|
12
12
|
/*__reshadow_css_end__*/
|
|
13
13
|
{
|
|
14
|
-
"__SBar": "
|
|
15
|
-
"--duration": "--
|
|
16
|
-
"_color": "
|
|
17
|
-
"--color": "--
|
|
18
|
-
"_pattern": "
|
|
19
|
-
"--pattern": "--
|
|
20
|
-
"_hide": "
|
|
21
|
-
"_transparent": "
|
|
22
|
-
"_onClick": "
|
|
23
|
-
"__SBackground": "
|
|
24
|
-
"__SBarAnnotation": "
|
|
25
|
-
"__SBarLabel": "
|
|
26
|
-
"__SBarPercent": "
|
|
27
|
-
"__SBarValue": "
|
|
28
|
-
"__SCompactHorizontalBarHoverRect": "
|
|
14
|
+
"__SBar": "___SBar_169ai_gg_",
|
|
15
|
+
"--duration": "--duration_169ai",
|
|
16
|
+
"_color": "__color_169ai_gg_",
|
|
17
|
+
"--color": "--color_169ai",
|
|
18
|
+
"_pattern": "__pattern_169ai_gg_",
|
|
19
|
+
"--pattern": "--pattern_169ai",
|
|
20
|
+
"_hide": "__hide_169ai_gg_",
|
|
21
|
+
"_transparent": "__transparent_169ai_gg_",
|
|
22
|
+
"_onClick": "__onClick_169ai_gg_",
|
|
23
|
+
"__SBackground": "___SBackground_169ai_gg_",
|
|
24
|
+
"__SBarAnnotation": "___SBarAnnotation_169ai_gg_",
|
|
25
|
+
"__SBarLabel": "___SBarLabel_169ai_gg_",
|
|
26
|
+
"__SBarPercent": "___SBarPercent_169ai_gg_",
|
|
27
|
+
"__SBarValue": "___SBarValue_169ai_gg_",
|
|
28
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_169ai_gg_"
|
|
29
29
|
});
|
|
30
30
|
import { scaleToBand, roundedPath } from './utils';
|
|
31
31
|
export const MIN_HEIGHT = 2;
|
|
@@ -203,6 +203,12 @@ function getRect({
|
|
|
203
203
|
}
|
|
204
204
|
return roundedPath(x, y, width, height, radius);
|
|
205
205
|
}
|
|
206
|
+
|
|
207
|
+
/**
|
|
208
|
+
* Bar
|
|
209
|
+
*
|
|
210
|
+
* {@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}
|
|
211
|
+
*/
|
|
206
212
|
export default createElement(BarRoot, {
|
|
207
213
|
Background
|
|
208
214
|
});
|