@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.
Files changed (260) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/Area.js +17 -11
  3. package/lib/cjs/Area.js.map +1 -1
  4. package/lib/cjs/Axis.js +28 -16
  5. package/lib/cjs/Axis.js.map +1 -1
  6. package/lib/cjs/Bar.js +22 -16
  7. package/lib/cjs/Bar.js.map +1 -1
  8. package/lib/cjs/Bubble.js +20 -14
  9. package/lib/cjs/Bubble.js.map +1 -1
  10. package/lib/cjs/CompactHorizontalBar.js +22 -16
  11. package/lib/cjs/CompactHorizontalBar.js.map +1 -1
  12. package/lib/cjs/Donut.js +15 -9
  13. package/lib/cjs/Donut.js.map +1 -1
  14. package/lib/cjs/Dots.js +8 -8
  15. package/lib/cjs/GroupBar.js +6 -0
  16. package/lib/cjs/GroupBar.js.map +1 -1
  17. package/lib/cjs/HorizontalBar.js +22 -16
  18. package/lib/cjs/HorizontalBar.js.map +1 -1
  19. package/lib/cjs/Hover.js +3 -3
  20. package/lib/cjs/Line.js +15 -9
  21. package/lib/cjs/Line.js.map +1 -1
  22. package/lib/cjs/Plot.js +8 -2
  23. package/lib/cjs/Plot.js.map +1 -1
  24. package/lib/cjs/Radar.js +25 -19
  25. package/lib/cjs/Radar.js.map +1 -1
  26. package/lib/cjs/RadialTree.js +17 -12
  27. package/lib/cjs/RadialTree.js.map +1 -1
  28. package/lib/cjs/Reference.js +12 -12
  29. package/lib/cjs/ResponsiveContainer.js +6 -0
  30. package/lib/cjs/ResponsiveContainer.js.map +1 -1
  31. package/lib/cjs/ScatterPlot.js +15 -9
  32. package/lib/cjs/ScatterPlot.js.map +1 -1
  33. package/lib/cjs/StackBar.js +6 -0
  34. package/lib/cjs/StackBar.js.map +1 -1
  35. package/lib/cjs/StackedArea.js +6 -0
  36. package/lib/cjs/StackedArea.js.map +1 -1
  37. package/lib/cjs/Tooltip.js +10 -9
  38. package/lib/cjs/Tooltip.js.map +1 -1
  39. package/lib/cjs/Venn.js +15 -9
  40. package/lib/cjs/Venn.js.map +1 -1
  41. package/lib/cjs/a11y/PlotA11yModule.js +2 -2
  42. package/lib/cjs/a11y/PlotA11yView.js +2 -2
  43. package/lib/cjs/component/Chart/AbstractChart.js +4 -10
  44. package/lib/cjs/component/Chart/AbstractChart.js.map +1 -1
  45. package/lib/cjs/component/Chart/AreaChart.js +12 -0
  46. package/lib/cjs/component/Chart/AreaChart.js.map +1 -1
  47. package/lib/cjs/component/Chart/AreaChart.type.js.map +1 -1
  48. package/lib/cjs/component/Chart/BarChart.js +12 -0
  49. package/lib/cjs/component/Chart/BarChart.js.map +1 -1
  50. package/lib/cjs/component/Chart/BarChart.type.js.map +1 -1
  51. package/lib/cjs/component/Chart/BubbleChart.js +12 -0
  52. package/lib/cjs/component/Chart/BubbleChart.js.map +1 -1
  53. package/lib/cjs/component/Chart/BubbleChart.type.js.map +1 -1
  54. package/lib/cjs/component/Chart/CigaretteChart.js +9 -3
  55. package/lib/cjs/component/Chart/CigaretteChart.js.map +1 -1
  56. package/lib/cjs/component/Chart/CigaretteChart.type.js.map +1 -1
  57. package/lib/cjs/component/Chart/CompactHorizontalBarChart.js +7 -1
  58. package/lib/cjs/component/Chart/CompactHorizontalBarChart.js.map +1 -1
  59. package/lib/cjs/component/Chart/CompactHorizontalBarChart.type.js.map +1 -1
  60. package/lib/cjs/component/Chart/DonutChart.js +6 -0
  61. package/lib/cjs/component/Chart/DonutChart.js.map +1 -1
  62. package/lib/cjs/component/Chart/DonutChart.type.js.map +1 -1
  63. package/lib/cjs/component/Chart/HistogramChart.js +12 -0
  64. package/lib/cjs/component/Chart/HistogramChart.js.map +1 -1
  65. package/lib/cjs/component/Chart/HistogramChart.type.js.map +1 -1
  66. package/lib/cjs/component/Chart/LineChart.js +12 -0
  67. package/lib/cjs/component/Chart/LineChart.js.map +1 -1
  68. package/lib/cjs/component/Chart/LineChart.type.js.map +1 -1
  69. package/lib/cjs/component/Chart/RadarChart.js +12 -0
  70. package/lib/cjs/component/Chart/RadarChart.js.map +1 -1
  71. package/lib/cjs/component/Chart/RadarChart.type.js.map +1 -1
  72. package/lib/cjs/component/Chart/ScatterPlotChart.js +6 -0
  73. package/lib/cjs/component/Chart/ScatterPlotChart.js.map +1 -1
  74. package/lib/cjs/component/Chart/ScatterPlotChart.type.js.map +1 -1
  75. package/lib/cjs/component/Chart/VennChart.js +6 -0
  76. package/lib/cjs/component/Chart/VennChart.js.map +1 -1
  77. package/lib/cjs/component/Chart/VennChart.type.js.map +1 -1
  78. package/lib/cjs/component/ChartLegend/BaseLegend.js.map +1 -1
  79. package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +10 -4
  80. package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js.map +1 -1
  81. package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.type.js.map +1 -1
  82. package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +80 -44
  83. package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js.map +1 -1
  84. package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.type.js +4 -0
  85. package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.type.js.map +1 -1
  86. package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +12 -6
  87. package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js.map +1 -1
  88. package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.type.js.map +1 -1
  89. package/lib/cjs/component/Cigarette/Cigarette.js +6 -0
  90. package/lib/cjs/component/Cigarette/Cigarette.js.map +1 -1
  91. package/lib/cjs/style/plot.shadow.css +1 -1
  92. package/lib/es6/Area.js +17 -11
  93. package/lib/es6/Area.js.map +1 -1
  94. package/lib/es6/Axis.js +28 -16
  95. package/lib/es6/Axis.js.map +1 -1
  96. package/lib/es6/Bar.js +22 -16
  97. package/lib/es6/Bar.js.map +1 -1
  98. package/lib/es6/Bubble.js +20 -14
  99. package/lib/es6/Bubble.js.map +1 -1
  100. package/lib/es6/CompactHorizontalBar.js +22 -16
  101. package/lib/es6/CompactHorizontalBar.js.map +1 -1
  102. package/lib/es6/Donut.js +15 -9
  103. package/lib/es6/Donut.js.map +1 -1
  104. package/lib/es6/Dots.js +8 -8
  105. package/lib/es6/GroupBar.js +6 -0
  106. package/lib/es6/GroupBar.js.map +1 -1
  107. package/lib/es6/HorizontalBar.js +22 -16
  108. package/lib/es6/HorizontalBar.js.map +1 -1
  109. package/lib/es6/Hover.js +3 -3
  110. package/lib/es6/Line.js +15 -9
  111. package/lib/es6/Line.js.map +1 -1
  112. package/lib/es6/Plot.js +8 -2
  113. package/lib/es6/Plot.js.map +1 -1
  114. package/lib/es6/Radar.js +25 -19
  115. package/lib/es6/Radar.js.map +1 -1
  116. package/lib/es6/RadialTree.js +17 -12
  117. package/lib/es6/RadialTree.js.map +1 -1
  118. package/lib/es6/Reference.js +12 -12
  119. package/lib/es6/ResponsiveContainer.js +6 -0
  120. package/lib/es6/ResponsiveContainer.js.map +1 -1
  121. package/lib/es6/ScatterPlot.js +15 -9
  122. package/lib/es6/ScatterPlot.js.map +1 -1
  123. package/lib/es6/StackBar.js +6 -0
  124. package/lib/es6/StackBar.js.map +1 -1
  125. package/lib/es6/StackedArea.js +6 -0
  126. package/lib/es6/StackedArea.js.map +1 -1
  127. package/lib/es6/Tooltip.js +10 -9
  128. package/lib/es6/Tooltip.js.map +1 -1
  129. package/lib/es6/Venn.js +15 -9
  130. package/lib/es6/Venn.js.map +1 -1
  131. package/lib/es6/a11y/PlotA11yModule.js +2 -2
  132. package/lib/es6/a11y/PlotA11yView.js +2 -2
  133. package/lib/es6/component/Chart/AbstractChart.js +4 -10
  134. package/lib/es6/component/Chart/AbstractChart.js.map +1 -1
  135. package/lib/es6/component/Chart/AreaChart.js +12 -0
  136. package/lib/es6/component/Chart/AreaChart.js.map +1 -1
  137. package/lib/es6/component/Chart/AreaChart.type.js.map +1 -1
  138. package/lib/es6/component/Chart/BarChart.js +12 -0
  139. package/lib/es6/component/Chart/BarChart.js.map +1 -1
  140. package/lib/es6/component/Chart/BarChart.type.js.map +1 -1
  141. package/lib/es6/component/Chart/BubbleChart.js +12 -0
  142. package/lib/es6/component/Chart/BubbleChart.js.map +1 -1
  143. package/lib/es6/component/Chart/BubbleChart.type.js.map +1 -1
  144. package/lib/es6/component/Chart/CigaretteChart.js +9 -3
  145. package/lib/es6/component/Chart/CigaretteChart.js.map +1 -1
  146. package/lib/es6/component/Chart/CigaretteChart.type.js.map +1 -1
  147. package/lib/es6/component/Chart/CompactHorizontalBarChart.js +7 -1
  148. package/lib/es6/component/Chart/CompactHorizontalBarChart.js.map +1 -1
  149. package/lib/es6/component/Chart/CompactHorizontalBarChart.type.js.map +1 -1
  150. package/lib/es6/component/Chart/DonutChart.js +6 -0
  151. package/lib/es6/component/Chart/DonutChart.js.map +1 -1
  152. package/lib/es6/component/Chart/DonutChart.type.js.map +1 -1
  153. package/lib/es6/component/Chart/HistogramChart.js +12 -0
  154. package/lib/es6/component/Chart/HistogramChart.js.map +1 -1
  155. package/lib/es6/component/Chart/HistogramChart.type.js.map +1 -1
  156. package/lib/es6/component/Chart/LineChart.js +12 -0
  157. package/lib/es6/component/Chart/LineChart.js.map +1 -1
  158. package/lib/es6/component/Chart/LineChart.type.js.map +1 -1
  159. package/lib/es6/component/Chart/RadarChart.js +12 -0
  160. package/lib/es6/component/Chart/RadarChart.js.map +1 -1
  161. package/lib/es6/component/Chart/RadarChart.type.js.map +1 -1
  162. package/lib/es6/component/Chart/ScatterPlotChart.js +6 -0
  163. package/lib/es6/component/Chart/ScatterPlotChart.js.map +1 -1
  164. package/lib/es6/component/Chart/ScatterPlotChart.type.js.map +1 -1
  165. package/lib/es6/component/Chart/VennChart.js +7 -0
  166. package/lib/es6/component/Chart/VennChart.js.map +1 -1
  167. package/lib/es6/component/Chart/VennChart.type.js.map +1 -1
  168. package/lib/es6/component/ChartLegend/BaseLegend.js.map +1 -1
  169. package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +10 -4
  170. package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js.map +1 -1
  171. package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.type.js.map +1 -1
  172. package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +80 -44
  173. package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js.map +1 -1
  174. package/lib/es6/component/ChartLegend/LegendItem/LegendItem.type.js +4 -0
  175. package/lib/es6/component/ChartLegend/LegendItem/LegendItem.type.js.map +1 -1
  176. package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +12 -6
  177. package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js.map +1 -1
  178. package/lib/es6/component/ChartLegend/LegendTable/LegendTable.type.js.map +1 -1
  179. package/lib/es6/component/Cigarette/Cigarette.js +6 -0
  180. package/lib/es6/component/Cigarette/Cigarette.js.map +1 -1
  181. package/lib/es6/style/plot.shadow.css +1 -1
  182. package/lib/esm/AnimatedClipPath.mjs +2 -2
  183. package/lib/esm/Area.mjs +13 -13
  184. package/lib/esm/Axis.mjs +19 -19
  185. package/lib/esm/Bar.mjs +18 -18
  186. package/lib/esm/Bubble.mjs +16 -16
  187. package/lib/esm/CompactHorizontalBar.mjs +18 -18
  188. package/lib/esm/Donut.mjs +11 -11
  189. package/lib/esm/Dots.mjs +9 -9
  190. package/lib/esm/GroupBar.mjs +1 -1
  191. package/lib/esm/HorizontalBar.mjs +18 -18
  192. package/lib/esm/Hover.mjs +5 -5
  193. package/lib/esm/Line.mjs +11 -11
  194. package/lib/esm/Pattern.mjs +1 -1
  195. package/lib/esm/Plot.mjs +4 -4
  196. package/lib/esm/Radar.mjs +21 -21
  197. package/lib/esm/RadialTree.mjs +14 -14
  198. package/lib/esm/Reference.mjs +14 -14
  199. package/lib/esm/ResponsiveContainer.mjs +1 -1
  200. package/lib/esm/ScatterPlot.mjs +11 -11
  201. package/lib/esm/StackBar.mjs +1 -1
  202. package/lib/esm/StackedArea.mjs +1 -1
  203. package/lib/esm/Tooltip.mjs +12 -11
  204. package/lib/esm/Venn.mjs +12 -12
  205. package/lib/esm/a11y/PlotA11yModule.mjs +4 -4
  206. package/lib/esm/a11y/PlotA11yView.mjs +3 -3
  207. package/lib/esm/component/Chart/AbstractChart.mjs +6 -12
  208. package/lib/esm/component/Chart/AreaChart.mjs +7 -1
  209. package/lib/esm/component/Chart/BarChart.mjs +8 -2
  210. package/lib/esm/component/Chart/BubbleChart.mjs +7 -1
  211. package/lib/esm/component/Chart/CigaretteChart.mjs +3 -3
  212. package/lib/esm/component/Chart/CompactHorizontalBarChart.mjs +2 -2
  213. package/lib/esm/component/Chart/DonutChart.mjs +1 -1
  214. package/lib/esm/component/Chart/HistogramChart.mjs +8 -2
  215. package/lib/esm/component/Chart/LineChart.mjs +7 -1
  216. package/lib/esm/component/Chart/RadarChart.mjs +7 -1
  217. package/lib/esm/component/Chart/ScatterPlotChart.mjs +1 -1
  218. package/lib/esm/component/Chart/VennChart.mjs +1 -1
  219. package/lib/esm/component/ChartLegend/BaseLegend.mjs +1 -1
  220. package/lib/esm/component/ChartLegend/LegendFlex/LegendFlex.mjs +6 -6
  221. package/lib/esm/component/ChartLegend/LegendItem/LegendItem.mjs +76 -46
  222. package/lib/esm/component/ChartLegend/LegendItem/LegendItem.type.mjs +4 -0
  223. package/lib/esm/component/ChartLegend/LegendTable/LegendTable.mjs +8 -8
  224. package/lib/esm/component/Cigarette/Cigarette.mjs +1 -1
  225. package/lib/esm/component/StackGroupBar/StackGroupBar.mjs +1 -1
  226. package/lib/esm/createElement.mjs +1 -1
  227. package/lib/esm/style/plot.shadow.css +1 -1
  228. package/lib/types/RadialTree.d.ts +5 -0
  229. package/lib/types/component/Chart/AbstractChart.d.ts +2 -2
  230. package/lib/types/component/Chart/AreaChart.d.ts +5 -0
  231. package/lib/types/component/Chart/AreaChart.type.d.ts +6 -0
  232. package/lib/types/component/Chart/BarChart.d.ts +5 -0
  233. package/lib/types/component/Chart/BarChart.type.d.ts +6 -0
  234. package/lib/types/component/Chart/BubbleChart.d.ts +5 -0
  235. package/lib/types/component/Chart/BubbleChart.type.d.ts +6 -0
  236. package/lib/types/component/Chart/CigaretteChart.d.ts +5 -0
  237. package/lib/types/component/Chart/CigaretteChart.type.d.ts +14 -0
  238. package/lib/types/component/Chart/CompactHorizontalBarChart.d.ts +5 -0
  239. package/lib/types/component/Chart/CompactHorizontalBarChart.type.d.ts +7 -0
  240. package/lib/types/component/Chart/DonutChart.d.ts +5 -0
  241. package/lib/types/component/Chart/DonutChart.type.d.ts +7 -0
  242. package/lib/types/component/Chart/HistogramChart.d.ts +5 -0
  243. package/lib/types/component/Chart/HistogramChart.type.d.ts +6 -0
  244. package/lib/types/component/Chart/LineChart.d.ts +5 -0
  245. package/lib/types/component/Chart/LineChart.type.d.ts +6 -0
  246. package/lib/types/component/Chart/RadarChart.d.ts +5 -0
  247. package/lib/types/component/Chart/RadarChart.type.d.ts +6 -0
  248. package/lib/types/component/Chart/ScatterPlotChart.d.ts +5 -0
  249. package/lib/types/component/Chart/ScatterPlotChart.type.d.ts +7 -0
  250. package/lib/types/component/Chart/VennChart.d.ts +5 -0
  251. package/lib/types/component/Chart/VennChart.type.d.ts +6 -0
  252. package/lib/types/component/ChartLegend/BaseLegend.d.ts +2 -2
  253. package/lib/types/component/ChartLegend/LegendFlex/LegendFlex.d.ts +5 -0
  254. package/lib/types/component/ChartLegend/LegendFlex/LegendFlex.type.d.ts +4 -0
  255. package/lib/types/component/ChartLegend/LegendItem/LegendItem.d.ts +5 -0
  256. package/lib/types/component/ChartLegend/LegendItem/LegendItem.type.d.ts +15 -7
  257. package/lib/types/component/ChartLegend/LegendTable/LegendTable.d.ts +5 -0
  258. package/lib/types/component/ChartLegend/LegendTable/LegendTable.type.d.ts +3 -0
  259. package/lib/types/component/Cigarette/Cigarette.d.ts +5 -0
  260. 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__*/".___SLegendTable_8u9rt_gg_.__columns-count_8u9rt_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_8u9rt_gg_._size_l_8u9rt_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_8u9rt_gg_._size_m_8u9rt_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"8u9rt_gg_"),
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": "___SLegendTable_8u9rt_gg_",
19
- "_columns-count": "__columns-count_8u9rt_gg_",
20
- "__SColumnItem": "___SColumnItem_8u9rt_gg_",
21
- "_size_l": "_size_l_8u9rt_gg_",
22
- "_size_m": "_size_m_8u9rt_gg_"
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}) as LegendTableType;\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAIA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAA+D;AAAA,MAAAM,KAAA,8BAAAP,KAAA,CAAAQ,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAE/D,MAAMC,eAAe,SAASC,sBAAU,CAAmB;EAQzDC,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAC,OAAA;MAAAC,KAAA;IACP,MAAMC,YAAY,GAKMC,mBAAG;IAJ3B,MAAM;MAAEC,MAAM;MAAEC,QAAQ;MAAEC,IAAI,GAAG,GAAG;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACP,OAAO;IAC5D,MAAMQ,YAAY,GAAGD,KAAK,CAAC,CAAC,CAAC,EAAEE,OAAO,CAACC,MAAM;IAE7C,OAAAT,KAAA,GAAO,IAAAP,aAAO,EAACU,MAAM,CAAC,eACpBf,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACV,YAAY,EAAAD,KAAA,CAAAY,EAAA;MAAA,OAAA3B,KAAA,CAAA4B,WAAA;QAAA,iBAA6BN,YAAY,GAAG,CAAC;QAAA,QAAO;MAAO,GAAAT,IAAA;IAAA,IACrEQ,KAAK,CAACQ,GAAG,CAAC,CAAC;MAAEC,EAAE;MAAEP,OAAO,GAAG;IAAG,CAAC,EAAEQ,MAAM,KAAK;MAC3C,oBACE5B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACvB,MAAA,CAAAsB,OAAK,CAACO,QAAQ;QAACC,GAAG,EAAEH;MAAG,gBACtB3B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACP,QAAQ,MAAE,CAAC,EACXI,OAAO,CAACM,GAAG,CAAC,CAACK,IAAI,EAAEC,KAAK,KAAK;QAC5B,oBACEhC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACvB,MAAA,CAAAsB,OAAK,CAACO,QAAQ;UAACC,GAAG,EAAE,GAAGH,EAAE,KAAKK,KAAK;QAAG,gBACrChC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACU,WAAW,CAACC,MAAM;UAACF,KAAK,EAAEA,KAAM;UAACf,IAAI,EAAEA,IAAK;UAACF,MAAM,EAAEA;QAAO,GAC1DgB,IACiB,CACN,CAAC;MAErB,CAAC,CACa,CAAC;IAErB,CAAC,CACW,CAAC;EAEnB;AACF;AAAC,IAAAI,gBAAA,CAAAb,OAAA,EAlCKf,eAAe,iBACE,aAAa;AAAA,IAAA4B,gBAAA,CAAAb,OAAA,EAD9Bf,eAAe,WAEJH,KAAK;AAAA,IAAA+B,gBAAA,CAAAb,OAAA,EAFhBf,eAAe,kBAIG,OAAO;EAC3B6B,QAAQ,eAAEpC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACU,WAAW,CAACI,UAAU,MAAE;AACrC,CAAC,CAAC;AA8BJ,SAASC,eAAeA,CAACC,KAA8C,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACvE,MAAMC,WAAW,GAML7B,mBAAG;EALf,MAAM;IAAEC,MAAM;IAAEiB,KAAK;IAAEf,IAAI;IAAED;EAAS,CAAC,GAAGuB,KAAK;EAE/C,OAAAG,KAAA,GAAO,IAAArC,aAAO,EAACU,MAAM,CAAC,eACpBf,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACoB,WAAW,EAAAD,KAAA,CAAAlB,EAAA;IAAA,OAAA3B,KAAA,CAAA4B,WAAA;MAAA,SACH;QAAEmB,eAAe,EAAE,GAAGZ,KAAK,GAAG,CAAC,EAAE;QAAEa,aAAa,EAAE,GAAGb,KAAK,GAAG,CAAC;MAAG,CAAC;MAAA,QAEnEf;IAAI,GAAAuB,KAAA;EAAA,iBAEVxC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACP,QAAQ,EAAA0B,KAAA,CAAAlB,EAAA,gBAAE,CACA,CAAC;AAElB;AAEO,MAAMS,WAAW,GAAAa,OAAA,CAAAb,WAAA,GAAG,IAAAc,qBAAe,EAACxC,eAAe,EAAE;EAC1D8B,UAAU,EAAEW,+BAAmB;EAC/Bd,MAAM,EAAEI;AACV,CAAC,CAAoB","ignoreList":[]}
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":";;;;;;;;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;AAAC,IAAAhD,gBAAA,CAAAC,OAAA,EA9IKL,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,GAsIY,IAAAiD,sBAAa,EAACtD,gBAAgB,CAAC","ignoreList":[]}
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":"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","ignoreList":[]}
@@ -17,5 +17,5 @@ foreignObject[data-aria-only] {
17
17
 
18
18
  SPlot:has(foreignObject[data-aria-only]:focus-within) {
19
19
  @mixin focus-outline-mixin;
20
- border-radius: var(--intergalactic-surface-rounded, calc(6px + 2px));
20
+ border-radius: var(--intergalactic-surface-rounded, 8px);
21
21
  }
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__*/".___SArea_ba63d_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));fill-opacity:.2}.___SArea_ba63d_gg_.__color_ba63d_gg_{fill:var(--color_ba63d)}.___SArea_ba63d_gg_.__pattern_ba63d_gg_{fill:var(--pattern_ba63d);fill-opacity:.7}.___SArea_ba63d_gg_.__transparent_ba63d_gg_{opacity:.3}.___SAreaLine_ba63d_gg_{stroke:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));stroke-width:3;fill:transparent}.___SAreaLine_ba63d_gg_.__color_ba63d_gg_{stroke:var(--color_ba63d)}.___SAreaLine_ba63d_gg_.__transparent_ba63d_gg_{opacity:.3}.___SAreaLine_ba63d_gg_,.___SArea_ba63d_gg_{transition-property:d;transition-duration:var(--duration_ba63d);transition-timing-function:ease-in-out}.___SNull_ba63d_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, rgb(214, 216, 215));stroke-dasharray:4}.___SNull_ba63d_gg_.__hide_ba63d_gg_{display:none}", /*__inner_css_end__*/"ba63d_gg_"),
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": "___SArea_ba63d_gg_",
19
- "_color": "__color_ba63d_gg_",
20
- "--color": "--color_ba63d",
21
- "_pattern": "__pattern_ba63d_gg_",
22
- "--pattern": "--pattern_ba63d",
23
- "_transparent": "__transparent_ba63d_gg_",
24
- "__SAreaLine": "___SAreaLine_ba63d_gg_",
25
- "--duration": "--duration_ba63d",
26
- "__SNull": "___SNull_ba63d_gg_",
27
- "_hide": "__hide_ba63d_gg_"
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,
@@ -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__*/".___SAxis_1ci3k_gg_{stroke:var(--intergalactic-chart-grid-x-axis, rgb(214, 216, 215))}.___SAxis_1ci3k_gg_.__hide_1ci3k_gg_{display:none}.___STick_1ci3k_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___STick_1ci3k_gg_{fill:var(--intergalactic-chart-grid-text-label, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STick_1ci3k_gg_{fill:var(--intergalactic-chart-grid-text-label, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STick_1ci3k_gg_.__primaryText_1ci3k_gg_{fill:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___STick_1ci3k_gg_.__hide_1ci3k_gg_{display:none}.___SGrid_1ci3k_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0%)){.___SGrid_1ci3k_gg_{stroke:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SGrid_1ci3k_gg_{stroke:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___STitle_1ci3k_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583));transform-origin:var(--transform-origin_1ci3k)}@supports (color:color(display-p3 0 0 0%)){.___STitle_1ci3k_gg_{fill:var(--intergalactic-text-hint, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_1ci3k_gg_{fill:var(--intergalactic-text-hint, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STitle_1ci3k_gg_._position_top_1ci3k_gg_{text-anchor:middle}.___STitle_1ci3k_gg_._position_bottom_1ci3k_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1ci3k_gg_._position_left_1ci3k_gg_,.___STitle_1ci3k_gg_._position_right_1ci3k_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_1ci3k_gg_._position_left_1ci3k_gg_.__verticalWritingMode_1ci3k_gg_,.___STitle_1ci3k_gg_._position_right_1ci3k_gg_.__verticalWritingMode_1ci3k_gg_{writing-mode:vertical-rl;transform:none}.___STick_1ci3k_gg_._position_top_1ci3k_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1ci3k_gg_._position_bottom_1ci3k_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1ci3k_gg_._position_bottom_1ci3k_gg_ tspan{dominant-baseline:hanging}.___STick_1ci3k_gg_._position_right_1ci3k_gg_{transform:translateX(16px);dominant-baseline:middle}.___STick_1ci3k_gg_._position_left_1ci3k_gg_ tspan,.___STick_1ci3k_gg_._position_right_1ci3k_gg_ tspan{dominant-baseline:middle}.___STick_1ci3k_gg_._position_left_1ci3k_gg_.__multiline_1ci3k_gg_,.___STick_1ci3k_gg_._position_left_1ci3k_gg_.__multiline_1ci3k_gg_ tspan,.___STick_1ci3k_gg_._position_right_1ci3k_gg_.__multiline_1ci3k_gg_,.___STick_1ci3k_gg_._position_right_1ci3k_gg_.__multiline_1ci3k_gg_ tspan{dominant-baseline:auto}.___STick_1ci3k_gg_._position_left_1ci3k_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_1ci3k_gg_._position_custom_0_1ci3k_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1ci3k_gg_._position_custom_0_1ci3k_gg_ tspan{dominant-baseline:hanging}.___STick_1ci3k_gg_._position_custom_1_1ci3k_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_1ci3k_gg_._position_custom_1_1ci3k_gg_ tspan{dominant-baseline:middle}", /*__inner_css_end__*/"1ci3k_gg_"),
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": "___SAxis_1ci3k_gg_",
12
- "_hide": "__hide_1ci3k_gg_",
13
- "__STick": "___STick_1ci3k_gg_",
14
- "_primaryText": "__primaryText_1ci3k_gg_",
15
- "__SGrid": "___SGrid_1ci3k_gg_",
16
- "__STitle": "___STitle_1ci3k_gg_",
17
- "--transform-origin": "--transform-origin_1ci3k",
18
- "_position_top": "_position_top_1ci3k_gg_",
19
- "_position_bottom": "_position_bottom_1ci3k_gg_",
20
- "_position_right": "_position_right_1ci3k_gg_",
21
- "_position_left": "_position_left_1ci3k_gg_",
22
- "_verticalWritingMode": "__verticalWritingMode_1ci3k_gg_",
23
- "_multiline": "__multiline_1ci3k_gg_",
24
- "_position_custom_0": "_position_custom_0_1ci3k_gg_",
25
- "_position_custom_1": "_position_custom_1_1ci3k_gg_"
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,
@@ -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":"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","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__*/".___SBar_syroh_gg_{fill:var(--intergalactic-chart-palette-order-1, rgb(102, 107, 219));transition-property:height,width,y;transition-duration:var(--duration_syroh);transition-timing-function:ease-in-out}.___SBar_syroh_gg_.__color_syroh_gg_{fill:var(--color_syroh)}.___SBar_syroh_gg_.__pattern_syroh_gg_.__color_syroh_gg_{fill:var(--pattern_syroh);stroke:var(--color_syroh);stroke-width:1px}.___SBar_syroh_gg_.__hide_syroh_gg_{display:none}.___SBar_syroh_gg_.__transparent_syroh_gg_{opacity:.3}.___SBackground_syroh_gg_.__onClick_syroh_gg_,.___SBar_syroh_gg_.__onClick_syroh_gg_{cursor:pointer}.___SBackground_syroh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, rgb(241, 242, 242))}.___SBarAnnotation_syroh_gg_{display:flex;justify-content:space-between}.___SBarLabel_syroh_gg_,.___SBarPercent_syroh_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarLabel_syroh_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));margin-right:auto}.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0%)){.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SBarPercent_syroh_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SBarValue_syroh_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);text-align:right}.___SCompactHorizontalBarHoverRect_syroh_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(0, 22, 16, 0.028))}", /*__inner_css_end__*/"syroh_gg_"),
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": "___SBar_syroh_gg_",
15
- "--duration": "--duration_syroh",
16
- "_color": "__color_syroh_gg_",
17
- "--color": "--color_syroh",
18
- "_pattern": "__pattern_syroh_gg_",
19
- "--pattern": "--pattern_syroh",
20
- "_hide": "__hide_syroh_gg_",
21
- "_transparent": "__transparent_syroh_gg_",
22
- "_onClick": "__onClick_syroh_gg_",
23
- "__SBackground": "___SBackground_syroh_gg_",
24
- "__SBarAnnotation": "___SBarAnnotation_syroh_gg_",
25
- "__SBarLabel": "___SBarLabel_syroh_gg_",
26
- "__SBarPercent": "___SBarPercent_syroh_gg_",
27
- "__SBarValue": "___SBarValue_syroh_gg_",
28
- "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_syroh_gg_"
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
  });