@coinbase/cds-mobile-visualization 3.8.1 → 4.0.0

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 (303) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dts/chart/index.d.ts +1 -15
  3. package/dts/chart/index.d.ts.map +1 -1
  4. package/dts/index.d.ts.map +1 -1
  5. package/dts/sparkline/index.d.ts +1 -5
  6. package/dts/sparkline/index.d.ts.map +1 -1
  7. package/esm/chart/index.js +1 -17
  8. package/esm/index.js +1 -3
  9. package/esm/sparkline/index.js +1 -5
  10. package/package.json +26 -20
  11. package/dts/chart/CartesianChart.d.ts +0 -206
  12. package/dts/chart/CartesianChart.d.ts.map +0 -1
  13. package/dts/chart/ChartContextBridge.d.ts +0 -28
  14. package/dts/chart/ChartContextBridge.d.ts.map +0 -1
  15. package/dts/chart/ChartProvider.d.ts +0 -9
  16. package/dts/chart/ChartProvider.d.ts.map +0 -1
  17. package/dts/chart/Path.d.ts +0 -121
  18. package/dts/chart/Path.d.ts.map +0 -1
  19. package/dts/chart/PeriodSelector.d.ts +0 -100
  20. package/dts/chart/PeriodSelector.d.ts.map +0 -1
  21. package/dts/chart/area/Area.d.ts +0 -83
  22. package/dts/chart/area/Area.d.ts.map +0 -1
  23. package/dts/chart/area/AreaChart.d.ts +0 -155
  24. package/dts/chart/area/AreaChart.d.ts.map +0 -1
  25. package/dts/chart/area/DottedArea.d.ts +0 -46
  26. package/dts/chart/area/DottedArea.d.ts.map +0 -1
  27. package/dts/chart/area/GradientArea.d.ts +0 -36
  28. package/dts/chart/area/GradientArea.d.ts.map +0 -1
  29. package/dts/chart/area/SolidArea.d.ts +0 -23
  30. package/dts/chart/area/SolidArea.d.ts.map +0 -1
  31. package/dts/chart/area/index.d.ts +0 -6
  32. package/dts/chart/area/index.d.ts.map +0 -1
  33. package/dts/chart/axis/Axis.d.ts +0 -174
  34. package/dts/chart/axis/Axis.d.ts.map +0 -1
  35. package/dts/chart/axis/DefaultAxisTickLabel.d.ts +0 -8
  36. package/dts/chart/axis/DefaultAxisTickLabel.d.ts.map +0 -1
  37. package/dts/chart/axis/XAxis.d.ts +0 -22
  38. package/dts/chart/axis/XAxis.d.ts.map +0 -1
  39. package/dts/chart/axis/YAxis.d.ts +0 -22
  40. package/dts/chart/axis/YAxis.d.ts.map +0 -1
  41. package/dts/chart/axis/index.d.ts +0 -5
  42. package/dts/chart/axis/index.d.ts.map +0 -1
  43. package/dts/chart/bar/Bar.d.ts +0 -100
  44. package/dts/chart/bar/Bar.d.ts.map +0 -1
  45. package/dts/chart/bar/BarChart.d.ts +0 -158
  46. package/dts/chart/bar/BarChart.d.ts.map +0 -1
  47. package/dts/chart/bar/BarPlot.d.ts +0 -31
  48. package/dts/chart/bar/BarPlot.d.ts.map +0 -1
  49. package/dts/chart/bar/BarStack.d.ts +0 -127
  50. package/dts/chart/bar/BarStack.d.ts.map +0 -1
  51. package/dts/chart/bar/BarStackGroup.d.ts +0 -37
  52. package/dts/chart/bar/BarStackGroup.d.ts.map +0 -1
  53. package/dts/chart/bar/DefaultBar.d.ts +0 -7
  54. package/dts/chart/bar/DefaultBar.d.ts.map +0 -1
  55. package/dts/chart/bar/DefaultBarStack.d.ts +0 -7
  56. package/dts/chart/bar/DefaultBarStack.d.ts.map +0 -1
  57. package/dts/chart/bar/PercentageBarChart.d.ts +0 -106
  58. package/dts/chart/bar/PercentageBarChart.d.ts.map +0 -1
  59. package/dts/chart/bar/index.d.ts +0 -9
  60. package/dts/chart/bar/index.d.ts.map +0 -1
  61. package/dts/chart/gradient/Gradient.d.ts +0 -41
  62. package/dts/chart/gradient/Gradient.d.ts.map +0 -1
  63. package/dts/chart/gradient/index.d.ts +0 -2
  64. package/dts/chart/gradient/index.d.ts.map +0 -1
  65. package/dts/chart/legend/DefaultLegendEntry.d.ts +0 -5
  66. package/dts/chart/legend/DefaultLegendEntry.d.ts.map +0 -1
  67. package/dts/chart/legend/DefaultLegendShape.d.ts +0 -5
  68. package/dts/chart/legend/DefaultLegendShape.d.ts.map +0 -1
  69. package/dts/chart/legend/Legend.d.ts +0 -168
  70. package/dts/chart/legend/Legend.d.ts.map +0 -1
  71. package/dts/chart/legend/index.d.ts +0 -4
  72. package/dts/chart/legend/index.d.ts.map +0 -1
  73. package/dts/chart/line/DefaultReferenceLineLabel.d.ts +0 -9
  74. package/dts/chart/line/DefaultReferenceLineLabel.d.ts.map +0 -1
  75. package/dts/chart/line/DottedLine.d.ts +0 -20
  76. package/dts/chart/line/DottedLine.d.ts.map +0 -1
  77. package/dts/chart/line/Line.d.ts +0 -122
  78. package/dts/chart/line/Line.d.ts.map +0 -1
  79. package/dts/chart/line/LineChart.d.ts +0 -135
  80. package/dts/chart/line/LineChart.d.ts.map +0 -1
  81. package/dts/chart/line/ReferenceLine.d.ts +0 -140
  82. package/dts/chart/line/ReferenceLine.d.ts.map +0 -1
  83. package/dts/chart/line/SolidLine.d.ts +0 -15
  84. package/dts/chart/line/SolidLine.d.ts.map +0 -1
  85. package/dts/chart/line/index.d.ts +0 -7
  86. package/dts/chart/line/index.d.ts.map +0 -1
  87. package/dts/chart/point/DefaultPointLabel.d.ts +0 -10
  88. package/dts/chart/point/DefaultPointLabel.d.ts.map +0 -1
  89. package/dts/chart/point/Point.d.ts +0 -144
  90. package/dts/chart/point/Point.d.ts.map +0 -1
  91. package/dts/chart/point/index.d.ts +0 -3
  92. package/dts/chart/point/index.d.ts.map +0 -1
  93. package/dts/chart/scrubber/DefaultScrubberBeacon.d.ts +0 -38
  94. package/dts/chart/scrubber/DefaultScrubberBeacon.d.ts.map +0 -1
  95. package/dts/chart/scrubber/DefaultScrubberBeaconLabel.d.ts +0 -12
  96. package/dts/chart/scrubber/DefaultScrubberBeaconLabel.d.ts.map +0 -1
  97. package/dts/chart/scrubber/DefaultScrubberLabel.d.ts +0 -12
  98. package/dts/chart/scrubber/DefaultScrubberLabel.d.ts.map +0 -1
  99. package/dts/chart/scrubber/Scrubber.d.ts +0 -302
  100. package/dts/chart/scrubber/Scrubber.d.ts.map +0 -1
  101. package/dts/chart/scrubber/ScrubberAccessibilityView.d.ts +0 -12
  102. package/dts/chart/scrubber/ScrubberAccessibilityView.d.ts.map +0 -1
  103. package/dts/chart/scrubber/ScrubberBeaconGroup.d.ts +0 -54
  104. package/dts/chart/scrubber/ScrubberBeaconGroup.d.ts.map +0 -1
  105. package/dts/chart/scrubber/ScrubberBeaconLabelGroup.d.ts +0 -46
  106. package/dts/chart/scrubber/ScrubberBeaconLabelGroup.d.ts.map +0 -1
  107. package/dts/chart/scrubber/ScrubberProvider.d.ts +0 -20
  108. package/dts/chart/scrubber/ScrubberProvider.d.ts.map +0 -1
  109. package/dts/chart/scrubber/index.d.ts +0 -5
  110. package/dts/chart/scrubber/index.d.ts.map +0 -1
  111. package/dts/chart/text/ChartText.d.ts +0 -164
  112. package/dts/chart/text/ChartText.d.ts.map +0 -1
  113. package/dts/chart/text/ChartTextGroup.d.ts +0 -61
  114. package/dts/chart/text/ChartTextGroup.d.ts.map +0 -1
  115. package/dts/chart/text/index.d.ts +0 -3
  116. package/dts/chart/text/index.d.ts.map +0 -1
  117. package/dts/chart/utils/axis.d.ts +0 -387
  118. package/dts/chart/utils/axis.d.ts.map +0 -1
  119. package/dts/chart/utils/bar.d.ts +0 -225
  120. package/dts/chart/utils/bar.d.ts.map +0 -1
  121. package/dts/chart/utils/chart.d.ts +0 -165
  122. package/dts/chart/utils/chart.d.ts.map +0 -1
  123. package/dts/chart/utils/context.d.ts +0 -131
  124. package/dts/chart/utils/context.d.ts.map +0 -1
  125. package/dts/chart/utils/gradient.d.ts +0 -129
  126. package/dts/chart/utils/gradient.d.ts.map +0 -1
  127. package/dts/chart/utils/index.d.ts +0 -11
  128. package/dts/chart/utils/index.d.ts.map +0 -1
  129. package/dts/chart/utils/path.d.ts +0 -186
  130. package/dts/chart/utils/path.d.ts.map +0 -1
  131. package/dts/chart/utils/point.d.ts +0 -146
  132. package/dts/chart/utils/point.d.ts.map +0 -1
  133. package/dts/chart/utils/scale.d.ts +0 -145
  134. package/dts/chart/utils/scale.d.ts.map +0 -1
  135. package/dts/chart/utils/scrubber.d.ts +0 -40
  136. package/dts/chart/utils/scrubber.d.ts.map +0 -1
  137. package/dts/chart/utils/transition.d.ts +0 -181
  138. package/dts/chart/utils/transition.d.ts.map +0 -1
  139. package/dts/sparkline/Counter.d.ts +0 -8
  140. package/dts/sparkline/Counter.d.ts.map +0 -1
  141. package/dts/sparkline/Sparkline.d.ts +0 -74
  142. package/dts/sparkline/Sparkline.d.ts.map +0 -1
  143. package/dts/sparkline/SparklineArea.d.ts +0 -15
  144. package/dts/sparkline/SparklineArea.d.ts.map +0 -1
  145. package/dts/sparkline/SparklineAreaPattern.d.ts +0 -14
  146. package/dts/sparkline/SparklineAreaPattern.d.ts.map +0 -1
  147. package/dts/sparkline/SparklineGradient.d.ts +0 -24
  148. package/dts/sparkline/SparklineGradient.d.ts.map +0 -1
  149. package/dts/sparkline/__figma__/Sparkline.figma.d.ts +0 -2
  150. package/dts/sparkline/__figma__/Sparkline.figma.d.ts.map +0 -1
  151. package/dts/sparkline/generateSparklineWithId.d.ts +0 -11
  152. package/dts/sparkline/generateSparklineWithId.d.ts.map +0 -1
  153. package/dts/sparkline/sparkline-interactive/SparklineAccessibleView.d.ts +0 -23
  154. package/dts/sparkline/sparkline-interactive/SparklineAccessibleView.d.ts.map +0 -1
  155. package/dts/sparkline/sparkline-interactive/SparklineInteractive.d.ts +0 -185
  156. package/dts/sparkline/sparkline-interactive/SparklineInteractive.d.ts.map +0 -1
  157. package/dts/sparkline/sparkline-interactive/SparklineInteractiveAnimatedPath.d.ts +0 -25
  158. package/dts/sparkline/sparkline-interactive/SparklineInteractiveAnimatedPath.d.ts.map +0 -1
  159. package/dts/sparkline/sparkline-interactive/SparklineInteractiveHoverDate.d.ts +0 -28
  160. package/dts/sparkline/sparkline-interactive/SparklineInteractiveHoverDate.d.ts.map +0 -1
  161. package/dts/sparkline/sparkline-interactive/SparklineInteractiveLineVertical.d.ts +0 -13
  162. package/dts/sparkline/sparkline-interactive/SparklineInteractiveLineVertical.d.ts.map +0 -1
  163. package/dts/sparkline/sparkline-interactive/SparklineInteractiveMarkerDates.d.ts +0 -17
  164. package/dts/sparkline/sparkline-interactive/SparklineInteractiveMarkerDates.d.ts.map +0 -1
  165. package/dts/sparkline/sparkline-interactive/SparklineInteractiveMinMax.d.ts +0 -11
  166. package/dts/sparkline/sparkline-interactive/SparklineInteractiveMinMax.d.ts.map +0 -1
  167. package/dts/sparkline/sparkline-interactive/SparklineInteractivePanGestureHandler.d.ts +0 -26
  168. package/dts/sparkline/sparkline-interactive/SparklineInteractivePanGestureHandler.d.ts.map +0 -1
  169. package/dts/sparkline/sparkline-interactive/SparklineInteractivePaths.d.ts +0 -25
  170. package/dts/sparkline/sparkline-interactive/SparklineInteractivePaths.d.ts.map +0 -1
  171. package/dts/sparkline/sparkline-interactive/SparklineInteractivePeriodSelector.d.ts +0 -25
  172. package/dts/sparkline/sparkline-interactive/SparklineInteractivePeriodSelector.d.ts.map +0 -1
  173. package/dts/sparkline/sparkline-interactive/SparklineInteractiveProvider.d.ts +0 -39
  174. package/dts/sparkline/sparkline-interactive/SparklineInteractiveProvider.d.ts.map +0 -1
  175. package/dts/sparkline/sparkline-interactive/SparklineInteractiveTimeseriesPaths.d.ts +0 -31
  176. package/dts/sparkline/sparkline-interactive/SparklineInteractiveTimeseriesPaths.d.ts.map +0 -1
  177. package/dts/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.d.ts +0 -2
  178. package/dts/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.d.ts.map +0 -1
  179. package/dts/sparkline/sparkline-interactive/useInterruptiblePathAnimation.d.ts +0 -13
  180. package/dts/sparkline/sparkline-interactive/useInterruptiblePathAnimation.d.ts.map +0 -1
  181. package/dts/sparkline/sparkline-interactive/useMinMaxTransform.d.ts +0 -16
  182. package/dts/sparkline/sparkline-interactive/useMinMaxTransform.d.ts.map +0 -1
  183. package/dts/sparkline/sparkline-interactive/useOpacityAnimation.d.ts +0 -6
  184. package/dts/sparkline/sparkline-interactive/useOpacityAnimation.d.ts.map +0 -1
  185. package/dts/sparkline/sparkline-interactive/useSparklineInteractiveConstants.d.ts +0 -22
  186. package/dts/sparkline/sparkline-interactive/useSparklineInteractiveConstants.d.ts.map +0 -1
  187. package/dts/sparkline/sparkline-interactive/useSparklineInteractiveLineStyles.d.ts +0 -34
  188. package/dts/sparkline/sparkline-interactive/useSparklineInteractiveLineStyles.d.ts.map +0 -1
  189. package/dts/sparkline/sparkline-interactive-header/SparklineInteractiveHeader.d.ts +0 -118
  190. package/dts/sparkline/sparkline-interactive-header/SparklineInteractiveHeader.d.ts.map +0 -1
  191. package/dts/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.d.ts +0 -2
  192. package/dts/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.d.ts.map +0 -1
  193. package/dts/sparkline/sparkline-interactive-header/useSparklineInteractiveHeaderStyles.d.ts +0 -29
  194. package/dts/sparkline/sparkline-interactive-header/useSparklineInteractiveHeaderStyles.d.ts.map +0 -1
  195. package/esm/chart/CartesianChart.js +0 -431
  196. package/esm/chart/ChartContextBridge.js +0 -159
  197. package/esm/chart/ChartProvider.js +0 -10
  198. package/esm/chart/Path.js +0 -255
  199. package/esm/chart/PeriodSelector.js +0 -139
  200. package/esm/chart/__stories__/CartesianChart.stories.js +0 -659
  201. package/esm/chart/__stories__/ChartAccessibility.stories.js +0 -721
  202. package/esm/chart/__stories__/ChartTransitions.stories.js +0 -693
  203. package/esm/chart/__stories__/PeriodSelector.stories.js +0 -420
  204. package/esm/chart/area/Area.js +0 -85
  205. package/esm/chart/area/AreaChart.js +0 -152
  206. package/esm/chart/area/DottedArea.js +0 -92
  207. package/esm/chart/area/GradientArea.js +0 -63
  208. package/esm/chart/area/SolidArea.js +0 -45
  209. package/esm/chart/area/__stories__/AreaChart.stories.js +0 -370
  210. package/esm/chart/area/index.js +0 -7
  211. package/esm/chart/axis/Axis.js +0 -9
  212. package/esm/chart/axis/DefaultAxisTickLabel.js +0 -11
  213. package/esm/chart/axis/XAxis.js +0 -256
  214. package/esm/chart/axis/YAxis.js +0 -255
  215. package/esm/chart/axis/__stories__/Axis.stories.js +0 -552
  216. package/esm/chart/axis/index.js +0 -6
  217. package/esm/chart/bar/Bar.js +0 -71
  218. package/esm/chart/bar/BarChart.js +0 -122
  219. package/esm/chart/bar/BarPlot.js +0 -106
  220. package/esm/chart/bar/BarStack.js +0 -173
  221. package/esm/chart/bar/BarStackGroup.js +0 -89
  222. package/esm/chart/bar/DefaultBar.js +0 -79
  223. package/esm/chart/bar/DefaultBarStack.js +0 -68
  224. package/esm/chart/bar/PercentageBarChart.js +0 -99
  225. package/esm/chart/bar/__stories__/BarChart.stories.js +0 -1417
  226. package/esm/chart/bar/__stories__/PercentageBarChart.stories.js +0 -833
  227. package/esm/chart/bar/index.js +0 -10
  228. package/esm/chart/gradient/Gradient.js +0 -156
  229. package/esm/chart/gradient/index.js +0 -1
  230. package/esm/chart/legend/DefaultLegendEntry.js +0 -42
  231. package/esm/chart/legend/DefaultLegendShape.js +0 -64
  232. package/esm/chart/legend/Legend.js +0 -59
  233. package/esm/chart/legend/__stories__/Legend.stories.js +0 -574
  234. package/esm/chart/legend/index.js +0 -3
  235. package/esm/chart/line/DefaultReferenceLineLabel.js +0 -66
  236. package/esm/chart/line/DottedLine.js +0 -57
  237. package/esm/chart/line/Line.js +0 -180
  238. package/esm/chart/line/LineChart.js +0 -149
  239. package/esm/chart/line/ReferenceLine.js +0 -132
  240. package/esm/chart/line/SolidLine.js +0 -53
  241. package/esm/chart/line/__stories__/LineChart.stories.js +0 -2018
  242. package/esm/chart/line/__stories__/ReferenceLine.stories.js +0 -226
  243. package/esm/chart/line/index.js +0 -8
  244. package/esm/chart/point/DefaultPointLabel.js +0 -39
  245. package/esm/chart/point/Point.js +0 -187
  246. package/esm/chart/point/index.js +0 -2
  247. package/esm/chart/scrubber/DefaultScrubberBeacon.js +0 -182
  248. package/esm/chart/scrubber/DefaultScrubberBeaconLabel.js +0 -43
  249. package/esm/chart/scrubber/DefaultScrubberLabel.js +0 -44
  250. package/esm/chart/scrubber/Scrubber.js +0 -198
  251. package/esm/chart/scrubber/ScrubberAccessibilityView.js +0 -177
  252. package/esm/chart/scrubber/ScrubberBeaconGroup.js +0 -169
  253. package/esm/chart/scrubber/ScrubberBeaconLabelGroup.js +0 -212
  254. package/esm/chart/scrubber/ScrubberProvider.js +0 -140
  255. package/esm/chart/scrubber/__stories__/Scrubber.stories.js +0 -946
  256. package/esm/chart/scrubber/index.js +0 -4
  257. package/esm/chart/text/ChartText.js +0 -305
  258. package/esm/chart/text/ChartTextGroup.js +0 -211
  259. package/esm/chart/text/index.js +0 -4
  260. package/esm/chart/utils/axis.js +0 -664
  261. package/esm/chart/utils/bar.js +0 -906
  262. package/esm/chart/utils/chart.js +0 -329
  263. package/esm/chart/utils/context.js +0 -22
  264. package/esm/chart/utils/gradient.js +0 -319
  265. package/esm/chart/utils/index.js +0 -12
  266. package/esm/chart/utils/path.js +0 -304
  267. package/esm/chart/utils/point.js +0 -282
  268. package/esm/chart/utils/scale.js +0 -288
  269. package/esm/chart/utils/scrubber.js +0 -146
  270. package/esm/chart/utils/transition.js +0 -241
  271. package/esm/sparkline/Counter.js +0 -45
  272. package/esm/sparkline/Sparkline.js +0 -165
  273. package/esm/sparkline/SparklineArea.js +0 -20
  274. package/esm/sparkline/SparklineAreaPattern.js +0 -38
  275. package/esm/sparkline/SparklineGradient.js +0 -77
  276. package/esm/sparkline/__figma__/Sparkline.figma.js +0 -22
  277. package/esm/sparkline/__stories__/Sparkline.stories.js +0 -124
  278. package/esm/sparkline/__stories__/SparklineGradient.stories.js +0 -126
  279. package/esm/sparkline/generateSparklineWithId.js +0 -7
  280. package/esm/sparkline/sparkline-interactive/SparklineAccessibleView.js +0 -75
  281. package/esm/sparkline/sparkline-interactive/SparklineInteractive.js +0 -308
  282. package/esm/sparkline/sparkline-interactive/SparklineInteractiveAnimatedPath.js +0 -116
  283. package/esm/sparkline/sparkline-interactive/SparklineInteractiveHoverDate.js +0 -131
  284. package/esm/sparkline/sparkline-interactive/SparklineInteractiveLineVertical.js +0 -99
  285. package/esm/sparkline/sparkline-interactive/SparklineInteractiveMarkerDates.js +0 -82
  286. package/esm/sparkline/sparkline-interactive/SparklineInteractiveMinMax.js +0 -103
  287. package/esm/sparkline/sparkline-interactive/SparklineInteractivePanGestureHandler.js +0 -104
  288. package/esm/sparkline/sparkline-interactive/SparklineInteractivePaths.js +0 -57
  289. package/esm/sparkline/sparkline-interactive/SparklineInteractivePeriodSelector.js +0 -124
  290. package/esm/sparkline/sparkline-interactive/SparklineInteractiveProvider.js +0 -80
  291. package/esm/sparkline/sparkline-interactive/SparklineInteractiveTimeseriesPaths.js +0 -109
  292. package/esm/sparkline/sparkline-interactive/__figma__/SparklineInteractive.figma.js +0 -85
  293. package/esm/sparkline/sparkline-interactive/__stories__/SparklineInteractive.stories.js +0 -526
  294. package/esm/sparkline/sparkline-interactive/useInterruptiblePathAnimation.js +0 -58
  295. package/esm/sparkline/sparkline-interactive/useInterruptiblePathAnimation.test.disable.js +0 -37
  296. package/esm/sparkline/sparkline-interactive/useMinMaxTransform.js +0 -56
  297. package/esm/sparkline/sparkline-interactive/useOpacityAnimation.js +0 -23
  298. package/esm/sparkline/sparkline-interactive/useSparklineInteractiveConstants.js +0 -47
  299. package/esm/sparkline/sparkline-interactive/useSparklineInteractiveLineStyles.js +0 -34
  300. package/esm/sparkline/sparkline-interactive-header/SparklineInteractiveHeader.js +0 -233
  301. package/esm/sparkline/sparkline-interactive-header/__figma__/SparklineInteractiveHeader.figma.js +0 -104
  302. package/esm/sparkline/sparkline-interactive-header/__stories__/SparklineInteractiveHeader.stories.js +0 -565
  303. package/esm/sparkline/sparkline-interactive-header/useSparklineInteractiveHeaderStyles.js +0 -117
@@ -1,83 +0,0 @@
1
- import React from 'react';
2
- import type { PathBaseProps, PathProps } from '../Path';
3
- import { type ChartPathCurveType } from '../utils';
4
- import type { GradientDefinition } from '../utils/gradient';
5
- export type AreaBaseProps = {
6
- /**
7
- * The ID of the series to render. Will be used to find the data from the chart context.
8
- */
9
- seriesId: string;
10
- /**
11
- * The curve interpolation method to use for the line.
12
- * @default 'bump'
13
- */
14
- curve?: ChartPathCurveType;
15
- /**
16
- * The type of area to render.
17
- * @default 'solid'
18
- */
19
- type?: 'solid' | 'dotted' | 'gradient';
20
- /**
21
- * Component to render the area.
22
- * Takes precedence over the type prop if provided.
23
- */
24
- AreaComponent?: AreaComponent;
25
- /**
26
- * When true, the area is connected across null values.
27
- */
28
- connectNulls?: boolean;
29
- /**
30
- * The color of the area.
31
- * @default color of the series or 'var(--color-fgPrimary)'
32
- */
33
- fill?: PathBaseProps['fill'];
34
- /**
35
- * Opacity of the area
36
- * @note when combined with gradient, both will be applied
37
- * @default 1
38
- */
39
- fillOpacity?: PathBaseProps['fillOpacity'];
40
- /**
41
- * Baseline value for the gradient.
42
- * When set, overrides the default baseline.
43
- *
44
- * @deprecated this prop has no functionality. Use 'baseline' on axis config instead. This will be removed in a future major release.
45
- * @deprecationExpectedRemoval v5
46
- */
47
- baseline?: number;
48
- /**
49
- * Gradient configuration.
50
- * When provided, creates gradient or threshold-based coloring.
51
- */
52
- gradient?: GradientDefinition;
53
- /**
54
- * Whether to animate the area.
55
- * Overrides the animate value from the chart context.
56
- */
57
- animate?: PathBaseProps['animate'];
58
- };
59
- export type AreaProps = AreaBaseProps & Pick<PathProps, 'transitions' | 'transition'>;
60
- export type AreaComponentProps = Pick<
61
- AreaProps,
62
- 'fill' | 'fillOpacity' | 'baseline' | 'gradient' | 'animate' | 'transitions' | 'transition'
63
- > & {
64
- /**
65
- * Path of the area
66
- */
67
- d: string;
68
- /**
69
- * ID of the x-axis to use.
70
- * If not provided, defaults to the default x-axis.
71
- * @note Only used for axis selection when layout is 'horizontal'. Vertical layout uses a single x-axis.
72
- */
73
- xAxisId?: string;
74
- /**
75
- * ID of the y-axis to use.
76
- * If not provided, defaults to the default y-axis.
77
- * @note Only used for axis selection when layout is 'vertical'. Horizontal layout supports a single y-axis.
78
- */
79
- yAxisId?: string;
80
- };
81
- export type AreaComponent = React.FC<AreaComponentProps>;
82
- export declare const Area: React.NamedExoticComponent<AreaProps>;
83
- //# sourceMappingURL=Area.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Area.d.ts","sourceRoot":"","sources":["../../../src/chart/area/Area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAG7C,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,KAAK,kBAAkB,EAAe,MAAM,UAAU,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAM5D,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;IACvC;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B;;;;OAIG;IACH,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,IAAI,CAAC,SAAS,EAAE,aAAa,GAAG,YAAY,CAAC,CAAC;AAEtF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,SAAS,EACT,MAAM,GAAG,aAAa,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,YAAY,CAC5F,GAAG;IACF;;OAEG;IACH,CAAC,EAAE,MAAM,CAAC;IACV;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;AAEzD,eAAO,MAAM,IAAI,uCA6FhB,CAAC"}
@@ -1,155 +0,0 @@
1
- import type { View } from 'react-native';
2
- import { type XAxisProps, type YAxisProps } from '../axis';
3
- import { type CartesianChartBaseProps, type CartesianChartProps } from '../CartesianChart';
4
- import { type LineProps } from '../line/Line';
5
- import { type CartesianAxisConfigProps, type Series } from '../utils';
6
- import { type AreaProps } from './Area';
7
- export type AreaSeries = Series &
8
- Partial<
9
- Pick<
10
- AreaProps,
11
- | 'AreaComponent'
12
- | 'curve'
13
- | 'fillOpacity'
14
- | 'type'
15
- | 'fill'
16
- | 'connectNulls'
17
- | 'transition'
18
- | 'transitions'
19
- >
20
- > &
21
- Partial<
22
- Pick<
23
- LineProps,
24
- 'LineComponent' | 'strokeWidth' | 'stroke' | 'opacity' | 'transition' | 'transitions'
25
- >
26
- > & {
27
- /**
28
- * The type of line to render for this series.
29
- * Overrides the chart-level lineType if provided.
30
- * @default 'solid'
31
- */
32
- lineType?: 'solid' | 'dotted';
33
- };
34
- export type AreaChartBaseProps = Omit<CartesianChartBaseProps, 'xAxis' | 'yAxis' | 'series'> &
35
- Pick<
36
- AreaProps,
37
- | 'AreaComponent'
38
- | 'curve'
39
- | 'fillOpacity'
40
- | 'type'
41
- | 'connectNulls'
42
- | 'transition'
43
- | 'transitions'
44
- > &
45
- Pick<LineProps, 'LineComponent' | 'strokeWidth'> & {
46
- /**
47
- * Configuration objects that define how to visualize the data.
48
- * Each series supports Area and Line component props for individual customization.
49
- */
50
- series?: Array<AreaSeries>;
51
- /**
52
- * Whether to stack the areas on top of each other.
53
- * When true, each series builds cumulative values on top of the previous series.
54
- *
55
- * **Note**: Only applies to series data containing singular numbers (e.g., `[10, 20, 30]`).
56
- * Series with [baseline, value] tuples (e.g., `[[0, 10], [0, -5]]`) will be skipped during stacking
57
- * and rendered as-is.
58
- */
59
- stacked?: boolean;
60
- /**
61
- * Whether to show the X axis.
62
- */
63
- showXAxis?: boolean;
64
- /**
65
- * Whether to show the Y axis.
66
- */
67
- showYAxis?: boolean;
68
- /**
69
- * Whether to show lines on top of the areas.
70
- * Useful for stacked contexts to show the outline of each area.
71
- */
72
- showLines?: boolean;
73
- /**
74
- * The type of line to render.
75
- * @default 'solid'
76
- */
77
- lineType?: 'solid' | 'dotted';
78
- /**
79
- * Configuration for x-axis.
80
- * Accepts axis config and axis props.
81
- * To show the axis, set `showXAxis` to true.
82
- */
83
- xAxis?: Partial<CartesianAxisConfigProps> & XAxisProps;
84
- /**
85
- * Configuration for y-axis.
86
- * Accepts axis config and axis props.
87
- * To show the axis, set `showYAxis` to true.
88
- */
89
- yAxis?: Partial<CartesianAxisConfigProps> & YAxisProps;
90
- };
91
- export type AreaChartProps = AreaChartBaseProps &
92
- Omit<CartesianChartProps, 'xAxis' | 'yAxis' | 'series'>;
93
- export declare const AreaChart: import('react').MemoExoticComponent<
94
- import('react').ForwardRefExoticComponent<
95
- Omit<CartesianChartBaseProps, 'series' | 'xAxis' | 'yAxis'> &
96
- Pick<
97
- AreaProps,
98
- | 'type'
99
- | 'transitions'
100
- | 'transition'
101
- | 'curve'
102
- | 'connectNulls'
103
- | 'fillOpacity'
104
- | 'AreaComponent'
105
- > &
106
- Pick<LineProps, 'strokeWidth' | 'LineComponent'> & {
107
- /**
108
- * Configuration objects that define how to visualize the data.
109
- * Each series supports Area and Line component props for individual customization.
110
- */
111
- series?: Array<AreaSeries>;
112
- /**
113
- * Whether to stack the areas on top of each other.
114
- * When true, each series builds cumulative values on top of the previous series.
115
- *
116
- * **Note**: Only applies to series data containing singular numbers (e.g., `[10, 20, 30]`).
117
- * Series with [baseline, value] tuples (e.g., `[[0, 10], [0, -5]]`) will be skipped during stacking
118
- * and rendered as-is.
119
- */
120
- stacked?: boolean;
121
- /**
122
- * Whether to show the X axis.
123
- */
124
- showXAxis?: boolean;
125
- /**
126
- * Whether to show the Y axis.
127
- */
128
- showYAxis?: boolean;
129
- /**
130
- * Whether to show lines on top of the areas.
131
- * Useful for stacked contexts to show the outline of each area.
132
- */
133
- showLines?: boolean;
134
- /**
135
- * The type of line to render.
136
- * @default 'solid'
137
- */
138
- lineType?: 'solid' | 'dotted';
139
- /**
140
- * Configuration for x-axis.
141
- * Accepts axis config and axis props.
142
- * To show the axis, set `showXAxis` to true.
143
- */
144
- xAxis?: Partial<CartesianAxisConfigProps> & XAxisProps;
145
- /**
146
- * Configuration for y-axis.
147
- * Accepts axis config and axis props.
148
- * To show the axis, set `showYAxis` to true.
149
- */
150
- yAxis?: Partial<CartesianAxisConfigProps> & YAxisProps;
151
- } & Omit<CartesianChartProps, 'series' | 'xAxis' | 'yAxis'> &
152
- import('react').RefAttributes<View>
153
- >
154
- >;
155
- //# sourceMappingURL=AreaChart.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AreaChart.d.ts","sourceRoot":"","sources":["../../../src/chart/area/AreaChart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAS,KAAK,UAAU,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAEL,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,MAAM,EAEZ,MAAM,UAAU,CAAC;AAElB,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,MAAM,MAAM,UAAU,GAAG,MAAM,GAC7B,OAAO,CACL,IAAI,CACF,SAAS,EACP,eAAe,GACf,OAAO,GACP,aAAa,GACb,MAAM,GACN,MAAM,GACN,cAAc,GACd,YAAY,GACZ,aAAa,CAChB,CACF,GACD,OAAO,CACL,IAAI,CACF,SAAS,EACT,eAAe,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,aAAa,CACtF,CACF,GAAG;IACF;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC/B,CAAC;AAEJ,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,uBAAuB,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC,GAC1F,IAAI,CACF,SAAS,EACP,eAAe,GACf,OAAO,GACP,aAAa,GACb,MAAM,GACN,cAAc,GACd,YAAY,GACZ,aAAa,CAChB,GACD,IAAI,CAAC,SAAS,EAAE,eAAe,GAAG,aAAa,CAAC,GAAG;IACjD;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC3B;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC9B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,GAAG,UAAU,CAAC;IACvD;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,GAAG,UAAU,CAAC;CACxD,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC,CAAC;AAE1D,eAAO,MAAM,SAAS;IAjDlB;;;OAGG;aACM,KAAK,CAAC,UAAU,CAAC;IAC1B;;;;;;;OAOG;cACO,OAAO;IACjB;;OAEG;gBACS,OAAO;IACnB;;OAEG;gBACS,OAAO;IACnB;;;OAGG;gBACS,OAAO;IACnB;;;OAGG;eACQ,OAAO,GAAG,QAAQ;IAC7B;;;;OAIG;YACK,OAAO,CAAC,wBAAwB,CAAC,GAAG,UAAU;IACtD;;;;OAIG;YACK,OAAO,CAAC,wBAAwB,CAAC,GAAG,UAAU;mGAiLzD,CAAC"}
@@ -1,46 +0,0 @@
1
- import { type PathProps } from '../Path';
2
- import type { AreaComponentProps } from './Area';
3
- export type DottedAreaProps = Pick<
4
- PathProps,
5
- | 'initialPath'
6
- | 'children'
7
- | 'stroke'
8
- | 'strokeOpacity'
9
- | 'strokeWidth'
10
- | 'strokeCap'
11
- | 'strokeJoin'
12
- | 'clipRect'
13
- | 'clipPath'
14
- | 'clipOffset'
15
- > &
16
- AreaComponentProps & {
17
- /**
18
- * Size of the pattern unit (width and height).
19
- * @default 4
20
- */
21
- patternSize?: number;
22
- /**
23
- * Size of the dots within the pattern.
24
- * @default 1
25
- */
26
- dotSize?: number;
27
- /**
28
- * Opacity at the peak values (top/bottom of gradient).
29
- * @note only used when no gradient is provided
30
- * @default 1
31
- */
32
- peakOpacity?: number;
33
- /**
34
- * Opacity at the baseline (0 or edge closest to 0).
35
- * @note only used when no gradient is provided
36
- * @default 0
37
- */
38
- baselineOpacity?: number;
39
- };
40
- /**
41
- * A customizable dotted area gradient component.
42
- * When no gradient is provided, renders a default gradient based
43
- * on the fill color and peak/baseline opacities.
44
- */
45
- export declare const DottedArea: import('react').NamedExoticComponent<DottedAreaProps>;
46
- //# sourceMappingURL=DottedArea.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DottedArea.d.ts","sourceRoot":"","sources":["../../../src/chart/area/DottedArea.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAK/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAEjD,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,SAAS,EACP,aAAa,GACb,UAAU,GACV,QAAQ,GACR,eAAe,GACf,aAAa,GACb,WAAW,GACX,YAAY,GACZ,UAAU,GACV,UAAU,GACV,YAAY,CACf,GACC,kBAAkB,GAAG;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEJ;;;;GAIG;AACH,eAAO,MAAM,UAAU,uDAgGtB,CAAC"}
@@ -1,36 +0,0 @@
1
- import { type PathProps } from '../Path';
2
- import type { AreaComponentProps } from './Area';
3
- export type GradientAreaProps = Pick<
4
- PathProps,
5
- | 'initialPath'
6
- | 'children'
7
- | 'stroke'
8
- | 'strokeOpacity'
9
- | 'strokeWidth'
10
- | 'strokeCap'
11
- | 'strokeJoin'
12
- | 'clipRect'
13
- | 'clipPath'
14
- | 'clipOffset'
15
- > &
16
- AreaComponentProps & {
17
- /**
18
- * Opacity at peak of gradient.
19
- * @note only used when no gradient is provided
20
- * @default 0.3
21
- */
22
- peakOpacity?: number;
23
- /**
24
- * Opacity at the baseline.
25
- * @note only used when no gradient is provided
26
- * @default 0
27
- */
28
- baselineOpacity?: number;
29
- };
30
- /**
31
- * A customizable gradient area component.
32
- * When no gradient is provided, renders a default gradient based
33
- * on the fill color and peak/baseline opacities.
34
- */
35
- export declare const GradientArea: import('react').NamedExoticComponent<GradientAreaProps>;
36
- //# sourceMappingURL=GradientArea.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"GradientArea.d.ts","sourceRoot":"","sources":["../../../src/chart/area/GradientArea.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAG/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAEjD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,SAAS,EACP,aAAa,GACb,UAAU,GACV,QAAQ,GACR,eAAe,GACf,aAAa,GACb,WAAW,GACX,YAAY,GACZ,UAAU,GACV,UAAU,GACV,YAAY,CACf,GACC,kBAAkB,GAAG;IACnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEJ;;;;GAIG;AACH,eAAO,MAAM,YAAY,yDA+DxB,CAAC"}
@@ -1,23 +0,0 @@
1
- import { type PathProps } from '../Path';
2
- import type { AreaComponentProps } from './Area';
3
- export type SolidAreaProps = Pick<
4
- PathProps,
5
- | 'initialPath'
6
- | 'children'
7
- | 'stroke'
8
- | 'strokeOpacity'
9
- | 'strokeWidth'
10
- | 'strokeCap'
11
- | 'strokeJoin'
12
- | 'clipRect'
13
- | 'clipPath'
14
- | 'clipOffset'
15
- > &
16
- AreaComponentProps;
17
- /**
18
- * A customizable solid area component.
19
- * When a gradient is provided, renders with gradient fill.
20
- * Otherwise, renders with solid fill.
21
- */
22
- export declare const SolidArea: import('react').NamedExoticComponent<SolidAreaProps>;
23
- //# sourceMappingURL=SolidArea.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SolidArea.d.ts","sourceRoot":"","sources":["../../../src/chart/area/SolidArea.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAEjD,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,SAAS,EACP,aAAa,GACb,UAAU,GACV,QAAQ,GACR,eAAe,GACf,aAAa,GACb,WAAW,GACX,YAAY,GACZ,UAAU,GACV,UAAU,GACV,YAAY,CACf,GACC,kBAAkB,CAAC;AAErB;;;;GAIG;AACH,eAAO,MAAM,SAAS,sDAqCrB,CAAC"}
@@ -1,6 +0,0 @@
1
- export * from './Area';
2
- export * from './AreaChart';
3
- export * from './DottedArea';
4
- export * from './GradientArea';
5
- export * from './SolidArea';
6
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chart/area/index.ts"],"names":[],"mappings":"AACA,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC"}
@@ -1,174 +0,0 @@
1
- import type React from 'react';
2
- import { type LineComponent } from '../line';
3
- import type { ChartTextChildren, ChartTextProps } from '../text/ChartText';
4
- import { type AxisBandPlacement } from '../utils';
5
- /**
6
- * Animation transition for axis elements (grid lines, tick marks, tick labels).
7
- * Matches web's axisUpdateAnimationTransition timing.
8
- */
9
- export declare const axisUpdateAnimationTransition: {
10
- duration: number;
11
- };
12
- export type AxisTickLabelComponentProps = Pick<
13
- ChartTextProps,
14
- | 'x'
15
- | 'y'
16
- | 'children'
17
- | 'dx'
18
- | 'dy'
19
- | 'font'
20
- | 'fontFamilies'
21
- | 'fontSize'
22
- | 'fontWeight'
23
- | 'fontStyle'
24
- | 'color'
25
- | 'horizontalAlignment'
26
- | 'verticalAlignment'
27
- | 'opacity'
28
- >;
29
- export type AxisTickLabelComponent = React.FC<AxisTickLabelComponentProps>;
30
- export type AxisBaseProps = {
31
- /**
32
- * Placement of grid lines relative to each band.
33
- * Options: 'start', 'middle', 'end', 'edges'
34
- * @note This property only applies to band scales.
35
- * @default 'edges'
36
- */
37
- bandGridLinePlacement?: AxisBandPlacement;
38
- /**
39
- * Placement of tick marks relative to each band.
40
- * Options: 'start', 'middle', 'end', 'edges'
41
- * @note This property only applies to band scales.
42
- * @default 'middle'
43
- */
44
- bandTickMarkPlacement?: AxisBandPlacement;
45
- /**
46
- * Label text to display for the axis.
47
- */
48
- label?: string;
49
- /**
50
- * Gap between the tick labels and the axis label.
51
- * @default 4
52
- */
53
- labelGap?: number;
54
- /**
55
- * Minimum gap between tick labels.
56
- * Labels will be hidden if they are closer than this gap.
57
- * @default 4
58
- */
59
- minTickLabelGap?: number;
60
- /**
61
- * Requested number of ticks to display.
62
- * This value is passed into d3 and may not be respected.
63
- * @note This property is overridden when `ticks` is provided.
64
- * @note this property overrides the `tickInterval` property.
65
- * @default 5 for value axes by layout:
66
- * - X axis when chart layout is horizontal
67
- * - Y axis when chart layout is vertical
68
- */
69
- requestedTickCount?: number;
70
- /**
71
- * Whether to show grid lines at each tick position.
72
- */
73
- showGrid?: boolean;
74
- /**
75
- * Whether to show the axis line.
76
- */
77
- showLine?: boolean;
78
- /**
79
- * Whether to show tick marks on the axis.
80
- */
81
- showTickMarks?: boolean;
82
- /**
83
- * Size of the tick marks.
84
- * @default 4
85
- */
86
- tickMarkSize?: number;
87
- /**
88
- * Custom tick configuration for the axis.
89
- * When provided, this overrides the `requestedTickCount` property.
90
- *
91
- * - **Array**: Uses these exact values for tick positioning and labels.
92
- * - **Function**: Filters based on the predicate function.
93
- * - For **x-axis**: Checks every data index (0, 1, 2, ..., dataLength-1)
94
- * - For **y-axis**: Filters d3-generated tick values
95
- *
96
- * @example
97
- * // Exact tick values
98
- * ticks: [0, 25, 50, 75, 100]
99
- *
100
- * @example
101
- * // Show every 12th data point on x-axis
102
- * ticks: (index) => index % 12 === 0
103
- */
104
- ticks?: number[] | ((value: number) => boolean);
105
- /**
106
- * Space between the axis tick mark and labels.
107
- * If tick marks are not shown, this is the gap between the axis and the chart.
108
- * @default 2 for x-axis, 8 for y-axis
109
- */
110
- tickMarkLabelGap?: number;
111
- /**
112
- * Interval at which to show ticks.
113
- * When provided, calculates tick count based on available space.
114
- * @note this property is overridden by the `requestedTickCount` and `ticks` properties.
115
- * @default 32 (for x-axis)
116
- */
117
- tickInterval?: number;
118
- /**
119
- * Minimum step size for tick generation.
120
- * Prevents the step from being smaller than this value.
121
- * @default 1
122
- */
123
- tickMinStep?: number;
124
- /**
125
- * Maximum step size for tick generation.
126
- * Prevents the step from being larger than this value.
127
- */
128
- tickMaxStep?: number;
129
- };
130
- export type AxisProps = AxisBaseProps & {
131
- /**
132
- * Component to render the grid lines.
133
- * @default DottedLine
134
- */
135
- GridLineComponent?: LineComponent;
136
- /**
137
- * Component to render the axis line.
138
- * @default SolidLine
139
- */
140
- LineComponent?: LineComponent;
141
- /**
142
- * Component to render the tick marks.
143
- * @default SolidLine
144
- */
145
- TickMarkLineComponent?: LineComponent;
146
- /**
147
- * Formatter function for axis tick values.
148
- * Tick values will be wrapped in ChartText component.
149
- *
150
- * @example
151
- * // XAxis
152
- * tickLabelFormatter: (index) => {
153
- * return `$${prices[index]}`;
154
- * }
155
- *
156
- * @example
157
- * // YAxis
158
- * tickLabelFormatter: (value) => `$${prices[value]}`
159
- */
160
- tickLabelFormatter?: (value: number) => ChartTextChildren;
161
- /**
162
- * Component to render tick labels.
163
- * Allows for custom styling and formatting that works cross-platform.
164
- *
165
- * @example
166
- * // Custom tick label component with offset positioning
167
- * TickLabelComponent={(props) => (
168
- * <DefaultAxisTickLabel {...props} dx={4} dy={-12} />
169
- * )}
170
- * @default DefaultAxisTickLabel
171
- */
172
- TickLabelComponent?: AxisTickLabelComponent;
173
- };
174
- //# sourceMappingURL=Axis.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Axis.d.ts","sourceRoot":"","sources":["../../../src/chart/axis/Axis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAmC,KAAK,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAEnF;;;GAGG;AACH,eAAO,MAAM,6BAA6B;;CAEzC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAC5C,cAAc,EACZ,GAAG,GACH,GAAG,GACH,UAAU,GACV,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,cAAc,GACd,UAAU,GACV,YAAY,GACZ,WAAW,GACX,OAAO,GACP,qBAAqB,GACrB,mBAAmB,GACnB,SAAS,CACZ,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC;AAE3E,MAAM,MAAM,aAAa,GAAG;IAC1B;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,iBAAiB,CAAC;IAC1C;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,iBAAiB,CAAC;IAC1C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;;;;OAQG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;;;;;;;;;;OAgBG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;IAChD;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG;IACtC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,aAAa,CAAC;IACtC;;;;;;;;;;;;;OAaG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,iBAAiB,CAAC;IAC1D;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,EAAE,sBAAsB,CAAC;CAC7C,CAAC"}
@@ -1,8 +0,0 @@
1
- import type { AxisTickLabelComponentProps } from './Axis';
2
- export type DefaultAxisTickLabelProps = AxisTickLabelComponentProps;
3
- /**
4
- * DefaultAxisTickLabel is the default label component for axis tick labels.
5
- * Provides standard styling for both X and Y axis tick labels.
6
- */
7
- export declare const DefaultAxisTickLabel: import('react').NamedExoticComponent<AxisTickLabelComponentProps>;
8
- //# sourceMappingURL=DefaultAxisTickLabel.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DefaultAxisTickLabel.d.ts","sourceRoot":"","sources":["../../../src/chart/axis/DefaultAxisTickLabel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,QAAQ,CAAC;AAE1D,MAAM,MAAM,yBAAyB,GAAG,2BAA2B,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,oBAAoB,mEAE/B,CAAC"}
@@ -1,22 +0,0 @@
1
- import { type AxisBaseProps, type AxisProps } from './Axis';
2
- export type XAxisBaseProps = AxisBaseProps & {
3
- /**
4
- * The ID of the axis to render.
5
- * Defaults to defaultAxisId if not specified.
6
- * @note Only used for axis selection when layout is 'horizontal'. Vertical layout uses a single x-axis.
7
- */
8
- axisId?: string;
9
- /**
10
- * The position of the axis relative to the chart's drawing area.
11
- * @default 'bottom'
12
- */
13
- position?: 'top' | 'bottom';
14
- /**
15
- * Height of the axis. This value is inclusive of the padding.
16
- * @default 32 when no label is provided, 52 when a label is provided
17
- */
18
- height?: number;
19
- };
20
- export type XAxisProps = AxisProps & XAxisBaseProps;
21
- export declare const XAxis: import('react').NamedExoticComponent<XAxisProps>;
22
- //# sourceMappingURL=XAxis.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"XAxis.d.ts","sourceRoot":"","sources":["../../../src/chart/axis/XAxis.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAM5D,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG;IAC3C;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,cAAc,CAAC;AAEpD,eAAO,MAAM,KAAK,kDA6RjB,CAAC"}
@@ -1,22 +0,0 @@
1
- import { type AxisBaseProps, type AxisProps } from './Axis';
2
- export type YAxisBaseProps = AxisBaseProps & {
3
- /**
4
- * The ID of the axis to render.
5
- * Defaults to defaultAxisId if not specified.
6
- * @note Only used for axis selection when layout is 'vertical'. Horizontal layout supports a single y-axis.
7
- */
8
- axisId?: string;
9
- /**
10
- * The position of the axis relative to the chart's drawing area.
11
- * @default 'right'
12
- */
13
- position?: 'left' | 'right';
14
- /**
15
- * Width of the axis. This value is inclusive of the padding.
16
- * @default 44 when no label is provided, 64 when a label is provided
17
- */
18
- width?: number;
19
- };
20
- export type YAxisProps = AxisProps & YAxisBaseProps;
21
- export declare const YAxis: import('react').NamedExoticComponent<YAxisProps>;
22
- //# sourceMappingURL=YAxis.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"YAxis.d.ts","sourceRoot":"","sources":["../../../src/chart/axis/YAxis.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAM5D,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG;IAC3C;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,cAAc,CAAC;AAEpD,eAAO,MAAM,KAAK,kDA2RjB,CAAC"}
@@ -1,5 +0,0 @@
1
- export * from './Axis';
2
- export * from './DefaultAxisTickLabel';
3
- export * from './XAxis';
4
- export * from './YAxis';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chart/axis/index.ts"],"names":[],"mappings":"AACA,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}