@octanejs/recharts 0.1.41 → 0.1.42

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 (375) hide show
  1. package/{LICENSE → LICENSE.recharts} +3 -2
  2. package/README.md +12 -0
  3. package/package.json +10 -9
  4. package/src/animation/AnimatedItems.tsrx +36 -3
  5. package/src/animation/AnimationController.ts +17 -65
  6. package/src/animation/{AnimationControllerImpl.js → AnimationControllerImpl.ts} +19 -12
  7. package/src/animation/{AnimationHandle.js → AnimationHandle.ts} +82 -65
  8. package/src/animation/CSSTransitionAnimate.tsrx +3 -2
  9. package/src/animation/JavascriptAnimate.tsrx +18 -2
  10. package/src/animation/easing.ts +235 -0
  11. package/src/animation/{matchBy.js → matchBy.ts} +76 -120
  12. package/src/animation/timeoutController.ts +71 -0
  13. package/src/animation/useAnimationController.ts +4 -1
  14. package/src/animation/useAnimationStartSnapshot.ts +3 -3
  15. package/src/animation/util.ts +12 -0
  16. package/src/cartesian/Area.tsrx +33 -31
  17. package/src/cartesian/AreaRevealShape.tsrx +4 -3
  18. package/src/cartesian/Bar.ts +1 -0
  19. package/src/cartesian/Bar.tsrx +293 -39
  20. package/src/cartesian/BarStack.tsrx +31 -9
  21. package/src/cartesian/CartesianAxis.tsrx +154 -22
  22. package/src/cartesian/CartesianGrid.tsrx +5 -6
  23. package/src/cartesian/ErrorBar.tsrx +9 -8
  24. package/src/cartesian/Funnel.tsrx +40 -37
  25. package/src/cartesian/GraphicalItemClipPath.tsrx +11 -4
  26. package/src/cartesian/Line.ts +1 -0
  27. package/src/cartesian/Line.tsrx +206 -28
  28. package/src/cartesian/LineDrawShape.tsrx +23 -10
  29. package/src/cartesian/ReferenceLine.tsrx +8 -8
  30. package/src/cartesian/Scatter.tsrx +61 -66
  31. package/src/cartesian/XAxis.tsrx +78 -9
  32. package/src/cartesian/YAxis.tsrx +85 -12
  33. package/src/cartesian/getCartesianPosition.ts +265 -0
  34. package/src/cartesian/getEquidistantTicks.ts +144 -0
  35. package/src/cartesian/getTicks.ts +221 -0
  36. package/src/chart/AreaChart.tsrx +5 -1
  37. package/src/chart/BarChart.tsrx +8 -2
  38. package/src/chart/CartesianChart.tsrx +17 -4
  39. package/src/chart/CategoricalChart.tsrx +4 -1
  40. package/src/chart/ComposedChart.tsrx +5 -1
  41. package/src/chart/FunnelChart.tsrx +5 -1
  42. package/src/chart/LineChart.tsrx +8 -2
  43. package/src/chart/PieChart.tsrx +6 -2
  44. package/src/chart/PolarChart.tsrx +5 -4
  45. package/src/chart/RadarChart.tsrx +6 -2
  46. package/src/chart/RadialBarChart.tsrx +6 -2
  47. package/src/chart/RechartsWrapper.tsrx +57 -21
  48. package/src/chart/Sankey.tsrx +89 -91
  49. package/src/chart/ScatterChart.tsrx +5 -1
  50. package/src/chart/SunburstChart.tsrx +21 -14
  51. package/src/chart/types.ts +0 -1
  52. package/src/component/ActivePoints.tsrx +30 -5
  53. package/src/component/Cell.ts +19 -1
  54. package/src/component/Cursor.tsrx +11 -10
  55. package/src/component/DefaultLegendContent.tsrx +15 -10
  56. package/src/component/DefaultTooltipContent.tsrx +11 -9
  57. package/src/component/Dots.tsrx +37 -6
  58. package/src/component/Label.tsrx +99 -19
  59. package/src/component/LabelList.tsrx +54 -5
  60. package/src/component/Legend.tsrx +9 -5
  61. package/src/component/ResponsiveContainer.tsrx +13 -10
  62. package/src/component/Text.tsrx +95 -32
  63. package/src/component/Tooltip.tsrx +11 -10
  64. package/src/component/TooltipBoundingBox.tsrx +4 -5
  65. package/src/component/{responsiveContainerUtils.js → responsiveContainerUtils.ts} +59 -36
  66. package/src/container/ClipPathProvider.tsrx +6 -2
  67. package/src/container/Layer.tsrx +8 -1
  68. package/src/container/RootSurface.tsrx +15 -4
  69. package/src/container/Surface.tsrx +15 -1
  70. package/src/context/CellsContext.ts +6 -5
  71. package/src/context/ErrorBarContext.tsrx +23 -4
  72. package/src/context/RegisterGraphicalItemId.tsrx +10 -2
  73. package/src/context/accessibilityContext.ts +5 -0
  74. package/src/context/brushUpdateContext.ts +11 -0
  75. package/src/context/chartDataContext.ts +5 -4
  76. package/src/context/chartLayoutContext.ts +22 -8
  77. package/src/context/legendPayloadContext.tsrx +1 -1
  78. package/src/context/tooltipContext.ts +83 -0
  79. package/src/{hooks.js → hooks.ts} +88 -66
  80. package/src/index.ts +37 -37
  81. package/src/legacy-props.ts +129 -0
  82. package/src/polar/Pie.tsrx +91 -69
  83. package/src/polar/PolarAngleAxis.tsrx +47 -47
  84. package/src/polar/PolarGrid.tsrx +7 -6
  85. package/src/polar/PolarRadiusAxis.tsrx +29 -21
  86. package/src/polar/Radar.tsrx +26 -19
  87. package/src/polar/RadialBar.tsrx +59 -42
  88. package/src/polar/{defaultPolarAngleAxisProps.js → defaultPolarAngleAxisProps.ts} +6 -6
  89. package/src/polar/{defaultPolarRadiusAxisProps.js → defaultPolarRadiusAxisProps.ts} +5 -4
  90. package/src/shape/Cross.tsrx +14 -2
  91. package/src/shape/Curve.tsrx +111 -23
  92. package/src/shape/Dot.tsrx +12 -1
  93. package/src/shape/Polygon.tsrx +28 -6
  94. package/src/shape/Rectangle.tsrx +30 -3
  95. package/src/shape/Sector.tsrx +48 -6
  96. package/src/shape/Symbols.tsrx +24 -6
  97. package/src/shape/Trapezoid.tsrx +33 -3
  98. package/src/state/RechartsStoreProvider.tsrx +11 -2
  99. package/src/state/ReportChartProps.ts +2 -2
  100. package/src/state/ReportMainChartProps.ts +2 -1
  101. package/src/state/SetGraphicalItem.ts +6 -4
  102. package/src/state/SetLegendPayload.ts +7 -4
  103. package/src/state/SetTooltipEntrySettings.ts +5 -2
  104. package/src/state/brushSlice.ts +40 -0
  105. package/src/state/cartesianAxisSlice.ts +291 -0
  106. package/src/state/chartDataSlice.ts +87 -0
  107. package/src/state/errorBarSlice.ts +78 -0
  108. package/src/state/eventSettingsSlice.ts +30 -0
  109. package/src/state/{externalEventsMiddleware.js → externalEventsMiddleware.ts} +55 -34
  110. package/src/state/graphicalItemsSlice.ts +180 -0
  111. package/src/state/{keyboardEventsMiddleware.js → keyboardEventsMiddleware.ts} +72 -57
  112. package/src/state/layoutSlice.ts +50 -0
  113. package/src/state/legendSlice.ts +109 -0
  114. package/src/state/{mouseEventsMiddleware.js → mouseEventsMiddleware.ts} +45 -35
  115. package/src/state/optionsSlice.ts +65 -0
  116. package/src/state/polarAxisSlice.ts +42 -0
  117. package/src/state/polarOptionsSlice.ts +43 -0
  118. package/src/state/reduxDevtoolsJsonStringifyReplacer.ts +13 -0
  119. package/src/state/referenceElementsSlice.ts +100 -0
  120. package/src/state/renderedTicksSlice.ts +60 -0
  121. package/src/state/rootPropsSlice.ts +72 -0
  122. package/src/state/selectors/areaSelectors.ts +1 -2
  123. package/src/state/selectors/{arrayEqualityCheck.js → arrayEqualityCheck.ts} +4 -5
  124. package/src/state/selectors/axisSelectors.ts +2502 -0
  125. package/src/state/selectors/barSelectors.ts +373 -0
  126. package/src/state/selectors/barStackSelectors.ts +99 -0
  127. package/src/state/selectors/brushSelectors.ts +28 -0
  128. package/src/state/selectors/combiners/combineActiveLabel.ts +16 -0
  129. package/src/state/selectors/combiners/{combineActiveTooltipIndex.js → combineActiveTooltipIndex.ts} +45 -23
  130. package/src/state/selectors/combiners/combineAllBarPositions.ts +130 -0
  131. package/src/state/selectors/combiners/combineAxisRangeWithReverse.ts +16 -0
  132. package/src/state/selectors/combiners/combineBarPosition.ts +23 -0
  133. package/src/state/selectors/combiners/combineBarSizeList.ts +79 -0
  134. package/src/state/selectors/combiners/{combineCheckedDomain.js → combineCheckedDomain.ts} +9 -6
  135. package/src/state/selectors/combiners/combineConfiguredScale.ts +100 -0
  136. package/src/state/selectors/combiners/combineCoordinateForDefaultIndex.ts +46 -0
  137. package/src/state/selectors/combiners/{combineDisplayedStackedData.js → combineDisplayedStackedData.ts} +23 -19
  138. package/src/state/selectors/combiners/combineInverseScaleFunction.ts +16 -0
  139. package/src/state/selectors/combiners/{combineRealScaleType.js → combineRealScaleType.ts} +16 -8
  140. package/src/state/selectors/combiners/combineStackedData.ts +27 -0
  141. package/src/state/selectors/combiners/combineTooltipInteractionState.ts +86 -0
  142. package/src/state/selectors/combiners/combineTooltipPayload.ts +201 -0
  143. package/src/state/selectors/combiners/{combineTooltipPayloadConfigurations.js → combineTooltipPayloadConfigurations.ts} +17 -18
  144. package/src/state/selectors/containerSelectors.ts +12 -0
  145. package/src/state/selectors/{dataSelectors.js → dataSelectors.ts} +43 -41
  146. package/src/state/selectors/funnelSelectors.ts +5 -5
  147. package/src/state/selectors/graphicalItemSelectors.ts +22 -0
  148. package/src/state/selectors/legendSelectors.ts +25 -0
  149. package/src/state/selectors/lineSelectors.ts +159 -0
  150. package/src/state/selectors/numberDomainEqualityCheck.ts +15 -0
  151. package/src/state/selectors/pickAxisId.ts +6 -0
  152. package/src/state/selectors/pickAxisType.ts +4 -0
  153. package/src/state/selectors/pieSelectors.ts +14 -13
  154. package/src/state/selectors/polarAxisSelectors.ts +223 -0
  155. package/src/state/selectors/polarSelectors.ts +1 -1
  156. package/src/state/selectors/radarSelectors.ts +1 -1
  157. package/src/state/selectors/radialBarSelectors.ts +17 -16
  158. package/src/state/selectors/rootPropsSelectors.ts +26 -0
  159. package/src/state/selectors/scatterSelectors.ts +11 -10
  160. package/src/state/selectors/{selectActivePropsFromChartPointer.js → selectActivePropsFromChartPointer.ts} +11 -4
  161. package/src/state/selectors/selectAllAxes.ts +20 -0
  162. package/src/state/selectors/selectChartOffset.ts +17 -0
  163. package/src/state/selectors/selectChartOffsetInternal.ts +147 -0
  164. package/src/state/selectors/{selectPlotArea.js → selectPlotArea.ts} +4 -3
  165. package/src/state/selectors/selectTooltipAxisId.ts +6 -0
  166. package/src/state/selectors/{selectTooltipAxisType.js → selectTooltipAxisType.ts} +10 -4
  167. package/src/state/selectors/selectTooltipEventType.ts +39 -0
  168. package/src/state/selectors/selectTooltipPayloadSearcher.ts +6 -0
  169. package/src/state/selectors/selectTooltipSettings.ts +6 -0
  170. package/src/state/selectors/selectTooltipState.ts +5 -0
  171. package/src/state/selectors/selectors.ts +315 -0
  172. package/src/state/selectors/tooltipSelectors.ts +611 -0
  173. package/src/state/selectors/touchSelectors.ts +52 -0
  174. package/src/state/{store.js → store.ts} +46 -36
  175. package/src/state/tooltipSlice.ts +507 -0
  176. package/src/state/{touchEventsMiddleware.js → touchEventsMiddleware.ts} +54 -42
  177. package/src/state/types/AreaSettings.ts +15 -0
  178. package/src/state/types/BarSettings.ts +15 -0
  179. package/src/state/types/LineSettings.ts +10 -0
  180. package/src/state/types/PieSettings.ts +32 -0
  181. package/src/state/types/RadarSettings.ts +6 -0
  182. package/src/state/types/RadialBarSettings.ts +10 -0
  183. package/src/state/types/ScatterSettings.ts +13 -0
  184. package/src/state/types/StackedGraphicalItem.ts +34 -0
  185. package/src/state/zIndexSlice.ts +137 -0
  186. package/src/synchronisation/syncSelectors.ts +7 -0
  187. package/src/synchronisation/types.ts +42 -0
  188. package/src/synchronisation/useChartSynchronisation.tsrx +26 -11
  189. package/src/types.ts +55 -0
  190. package/src/util/ActiveShapeUtils.tsrx +34 -10
  191. package/src/util/BarUtils.tsrx +43 -3
  192. package/src/util/{CartesianUtils.js → CartesianUtils.ts} +22 -39
  193. package/src/util/ChartUtils.ts +759 -0
  194. package/src/util/{Constants.js → Constants.ts} +6 -6
  195. package/src/util/DOMUtils.ts +135 -0
  196. package/src/util/{DataUtils.js → DataUtils.ts} +120 -47
  197. package/src/util/Events.ts +22 -0
  198. package/src/util/FunnelUtils.tsrx +3 -3
  199. package/src/util/Global.ts +13 -0
  200. package/src/util/IfOverflow.ts +16 -0
  201. package/src/util/LRUCache.ts +42 -0
  202. package/src/util/{LogUtils.js → LogUtils.ts} +7 -12
  203. package/src/util/OctaneTypes.ts +51 -0
  204. package/src/util/PolarUtils.ts +132 -0
  205. package/src/util/RadialBarUtils.tsrx +3 -3
  206. package/src/util/ReduceCSSCalc.ts +186 -0
  207. package/src/util/ScatterUtils.tsrx +9 -7
  208. package/src/util/{TickUtils.js → TickUtils.ts} +30 -13
  209. package/src/util/{YAxisUtils.js → YAxisUtils.ts} +27 -17
  210. package/src/util/axisPropsAreEqual.ts +49 -0
  211. package/src/util/createEventProxy.ts +20 -0
  212. package/src/util/{excludeEventProps.js → excludeEventProps.ts} +8 -6
  213. package/src/util/getActiveCoordinate.ts +210 -0
  214. package/src/util/{getAxisTypeBasedOnLayout.js → getAxisTypeBasedOnLayout.ts} +7 -3
  215. package/src/util/getClassNameFromUnknown.ts +7 -0
  216. package/src/util/{getEveryNth.js → getEveryNth.ts} +5 -6
  217. package/src/util/getRadiusAndStrokeWidthFromDot.ts +31 -0
  218. package/src/util/{getRelativeCoordinate.js → getRelativeCoordinate.ts} +26 -9
  219. package/src/util/getSliced.ts +14 -0
  220. package/src/util/{isDomainSpecifiedByUser.js → isDomainSpecifiedByUser.ts} +46 -100
  221. package/src/util/isWellBehavedNumber.ts +8 -0
  222. package/src/util/payload/getUniqPayload.ts +1 -1
  223. package/src/util/{propsAreEqual.js → propsAreEqual.ts} +10 -8
  224. package/src/util/{resolveDefaultProps.js → resolveDefaultProps.ts} +35 -57
  225. package/src/util/round.ts +33 -0
  226. package/src/util/scale/CustomScaleDefinition.ts +82 -0
  227. package/src/util/scale/RechartsScale.ts +131 -0
  228. package/src/util/scale/{createCategoricalInverse.js → createCategoricalInverse.ts} +24 -29
  229. package/src/util/scale/{getNiceTickValues.js → getNiceTickValues.ts} +125 -146
  230. package/src/util/scale/index.ts +2 -0
  231. package/src/util/scale/util/{arithmetic.js → arithmetic.ts} +12 -8
  232. package/src/util/stacks/getStackSeriesIdentifier.ts +21 -0
  233. package/src/util/stacks/stackTypes.ts +58 -0
  234. package/src/util/{svgPropertiesNoEvents.js → svgPropertiesNoEvents.ts} +52 -27
  235. package/src/util/tooltip/translate.ts +2 -1
  236. package/src/util/typedDataKey.ts +49 -0
  237. package/src/util/types.ts +1265 -7
  238. package/src/util/{useUniqueId.js → useUniqueId.ts} +9 -5
  239. package/src/zIndex/{DefaultZIndexes.js → DefaultZIndexes.ts} +13 -4
  240. package/src/zIndex/ZIndexLayer.tsrx +13 -4
  241. package/src/zIndex/ZIndexPortal.tsrx +14 -4
  242. package/src/zIndex/{getZIndexFromUnknown.js → getZIndexFromUnknown.ts} +3 -3
  243. package/src/zIndex/{zIndexSelectors.js → zIndexSelectors.ts} +17 -11
  244. package/src/animation/easing.js +0 -193
  245. package/src/animation/timeoutController.js +0 -49
  246. package/src/animation/util.js +0 -11
  247. package/src/cartesian/Area.tsrx.d.ts +0 -340
  248. package/src/cartesian/Bar.tsrx.d.ts +0 -4
  249. package/src/cartesian/BarStack.tsrx.d.ts +0 -6
  250. package/src/cartesian/CartesianAxis.tsrx.d.ts +0 -3
  251. package/src/cartesian/CartesianGrid.tsrx.d.ts +0 -219
  252. package/src/cartesian/ErrorBar.tsrx.d.ts +0 -131
  253. package/src/cartesian/Funnel.tsrx.d.ts +0 -274
  254. package/src/cartesian/Line.tsrx.d.ts +0 -4
  255. package/src/cartesian/LineDrawShape.tsrx.d.ts +0 -2
  256. package/src/cartesian/ReferenceLine.tsrx.d.ts +0 -178
  257. package/src/cartesian/Scatter.tsrx.d.ts +0 -351
  258. package/src/cartesian/XAxis.tsrx.d.ts +0 -3
  259. package/src/cartesian/YAxis.tsrx.d.ts +0 -3
  260. package/src/cartesian/ZAxis.tsrx.d.ts +0 -102
  261. package/src/cartesian/getCartesianPosition.js +0 -277
  262. package/src/cartesian/getEquidistantTicks.js +0 -133
  263. package/src/cartesian/getTicks.js +0 -280
  264. package/src/chart/AreaChart.tsrx.d.ts +0 -12
  265. package/src/chart/BarChart.tsrx.d.ts +0 -2
  266. package/src/chart/CartesianChart.tsrx.d.ts +0 -10
  267. package/src/chart/ComposedChart.tsrx.d.ts +0 -12
  268. package/src/chart/FunnelChart.tsrx.d.ts +0 -12
  269. package/src/chart/LineChart.tsrx.d.ts +0 -2
  270. package/src/chart/PieChart.tsrx.d.ts +0 -31
  271. package/src/chart/RadarChart.tsrx.d.ts +0 -31
  272. package/src/chart/RadialBarChart.tsrx.d.ts +0 -31
  273. package/src/chart/Sankey.tsrx.d.ts +0 -253
  274. package/src/chart/ScatterChart.tsrx.d.ts +0 -12
  275. package/src/chart/SunburstChart.tsrx.d.ts +0 -146
  276. package/src/component/DefaultLegendContent.tsrx.d.ts +0 -125
  277. package/src/component/DefaultTooltipContent.tsrx.d.ts +0 -87
  278. package/src/component/Label.tsrx.d.ts +0 -12
  279. package/src/component/LabelList.tsrx.d.ts +0 -8
  280. package/src/component/Legend.tsrx.d.ts +0 -88
  281. package/src/component/ResponsiveContainer.tsrx.d.ts +0 -81
  282. package/src/component/Text.tsrx.d.ts +0 -9
  283. package/src/component/Tooltip.tsrx.d.ts +0 -246
  284. package/src/container/Layer.tsrx.d.ts +0 -6
  285. package/src/container/Surface.tsrx.d.ts +0 -12
  286. package/src/context/accessibilityContext.js +0 -10
  287. package/src/context/tooltipContext.js +0 -55
  288. package/src/index.d.ts +0 -281
  289. package/src/polar/Pie.tsrx.d.ts +0 -436
  290. package/src/polar/PolarAngleAxis.tsrx.d.ts +0 -215
  291. package/src/polar/PolarGrid.tsrx.d.ts +0 -117
  292. package/src/polar/PolarRadiusAxis.tsrx.d.ts +0 -209
  293. package/src/polar/Radar.tsrx.d.ts +0 -215
  294. package/src/polar/RadialBar.tsrx.d.ts +0 -340
  295. package/src/shape/Cross.tsrx.d.ts +0 -12
  296. package/src/shape/Curve.tsrx.d.ts +0 -42
  297. package/src/shape/Dot.tsrx.d.ts +0 -9
  298. package/src/shape/Polygon.tsrx.d.ts +0 -13
  299. package/src/shape/Rectangle.tsrx.d.ts +0 -31
  300. package/src/shape/Sector.tsrx.d.ts +0 -29
  301. package/src/shape/Symbols.tsrx.d.ts +0 -15
  302. package/src/shape/Trapezoid.tsrx.d.ts +0 -29
  303. package/src/state/brushSlice.js +0 -36
  304. package/src/state/cartesianAxisSlice.js +0 -256
  305. package/src/state/chartDataSlice.js +0 -67
  306. package/src/state/errorBarSlice.js +0 -53
  307. package/src/state/eventSettingsSlice.js +0 -25
  308. package/src/state/graphicalItemsSlice.js +0 -91
  309. package/src/state/layoutSlice.js +0 -57
  310. package/src/state/legendSlice.js +0 -83
  311. package/src/state/optionsSlice.js +0 -45
  312. package/src/state/polarAxisSlice.js +0 -33
  313. package/src/state/polarOptionsSlice.js +0 -26
  314. package/src/state/reduxDevtoolsJsonStringifyReplacer.js +0 -14
  315. package/src/state/referenceElementsSlice.js +0 -51
  316. package/src/state/renderedTicksSlice.js +0 -41
  317. package/src/state/rootPropsSlice.js +0 -48
  318. package/src/state/selectors/axisSelectors.js +0 -2113
  319. package/src/state/selectors/barSelectors.js +0 -263
  320. package/src/state/selectors/barStackSelectors.js +0 -65
  321. package/src/state/selectors/brushSelectors.js +0 -21
  322. package/src/state/selectors/combiners/combineActiveLabel.js +0 -18
  323. package/src/state/selectors/combiners/combineAllBarPositions.js +0 -169
  324. package/src/state/selectors/combiners/combineAxisRangeWithReverse.js +0 -11
  325. package/src/state/selectors/combiners/combineBarPosition.js +0 -17
  326. package/src/state/selectors/combiners/combineBarSizeList.js +0 -115
  327. package/src/state/selectors/combiners/combineConfiguredScale.js +0 -46
  328. package/src/state/selectors/combiners/combineCoordinateForDefaultIndex.js +0 -48
  329. package/src/state/selectors/combiners/combineInverseScaleFunction.js +0 -12
  330. package/src/state/selectors/combiners/combineStackedData.js +0 -22
  331. package/src/state/selectors/combiners/combineTooltipInteractionState.js +0 -121
  332. package/src/state/selectors/combiners/combineTooltipPayload.js +0 -248
  333. package/src/state/selectors/containerSelectors.js +0 -6
  334. package/src/state/selectors/graphicalItemSelectors.js +0 -25
  335. package/src/state/selectors/legendSelectors.js +0 -18
  336. package/src/state/selectors/lineSelectors.js +0 -106
  337. package/src/state/selectors/numberDomainEqualityCheck.js +0 -11
  338. package/src/state/selectors/pickAxisId.js +0 -3
  339. package/src/state/selectors/pickAxisType.js +0 -3
  340. package/src/state/selectors/polarAxisSelectors.js +0 -237
  341. package/src/state/selectors/rootPropsSelectors.js +0 -13
  342. package/src/state/selectors/selectAllAxes.js +0 -15
  343. package/src/state/selectors/selectChartOffset.js +0 -12
  344. package/src/state/selectors/selectChartOffsetInternal.js +0 -174
  345. package/src/state/selectors/selectTooltipAxisId.js +0 -3
  346. package/src/state/selectors/selectTooltipEventType.js +0 -27
  347. package/src/state/selectors/selectTooltipPayloadSearcher.js +0 -3
  348. package/src/state/selectors/selectTooltipSettings.js +0 -3
  349. package/src/state/selectors/selectTooltipState.js +0 -3
  350. package/src/state/selectors/selectors.js +0 -222
  351. package/src/state/selectors/tooltipSelectors.js +0 -471
  352. package/src/state/selectors/touchSelectors.js +0 -31
  353. package/src/state/tooltipSlice.js +0 -237
  354. package/src/state/types/StackedGraphicalItem.js +0 -18
  355. package/src/state/zIndexSlice.js +0 -167
  356. package/src/synchronisation/syncSelectors.js +0 -5
  357. package/src/util/ChartUtils.js +0 -630
  358. package/src/util/DOMUtils.js +0 -180
  359. package/src/util/Events.js +0 -7
  360. package/src/util/Global.js +0 -13
  361. package/src/util/LRUCache.js +0 -58
  362. package/src/util/PolarUtils.js +0 -190
  363. package/src/util/ReduceCSSCalc.js +0 -260
  364. package/src/util/axisPropsAreEqual.js +0 -63
  365. package/src/util/createEventProxy.js +0 -18
  366. package/src/util/getActiveCoordinate.js +0 -253
  367. package/src/util/getClassNameFromUnknown.js +0 -8
  368. package/src/util/getRadiusAndStrokeWidthFromDot.js +0 -28
  369. package/src/util/getSliced.js +0 -11
  370. package/src/util/isWellBehavedNumber.js +0 -8
  371. package/src/util/round.js +0 -39
  372. package/src/util/scale/RechartsScale.js +0 -68
  373. package/src/util/scale/index.js +0 -3
  374. package/src/util/stacks/getStackSeriesIdentifier.js +0 -10
  375. package/src/zIndex/ZIndexLayer.tsrx.d.ts +0 -2
@@ -1,340 +0,0 @@
1
- import * as React from 'octane';
2
- import { ReactElement } from 'octane';
3
- import { Series } from 'victory-vendor/d3-shape';
4
- import { RadialBarSectorProps } from '../util/RadialBarUtils';
5
- import { Props as SectorProps } from '../shape/Sector';
6
- import { ImplicitLabelListType } from '../component/LabelList';
7
- import { BarPositionPosition } from '../util/ChartUtils';
8
- import {
9
- ActiveShape,
10
- AnimationDuration,
11
- EasingInput,
12
- DataConsumer,
13
- DataKey,
14
- LayoutType,
15
- LegendType,
16
- PolarViewBoxRequired,
17
- PresentationAttributesAdaptChildEvent,
18
- TickItem,
19
- TooltipType,
20
- PolarLayout,
21
- } from '../util/types';
22
- import { TooltipTriggerInfo } from '../context/tooltipContext';
23
- import { Formatter } from '../component/DefaultTooltipContent';
24
- import { BaseAxisWithScale } from '../state/selectors/axisSelectors';
25
- import { ChartData } from '../state/chartDataSlice';
26
- import { AnimationInterpolateFn } from '../animation/AnimatedItems';
27
- import { AnimationMatchByProp } from '../animation/matchBy';
28
- import { AxisId } from '../state/cartesianAxisSlice';
29
- import { ZIndexable } from '../zIndex/ZIndexLayer';
30
- export type RadialBarDataItem = SectorProps &
31
- PolarViewBoxRequired &
32
- TooltipTriggerInfo & {
33
- value?: any;
34
- payload?: any;
35
- background?: SectorProps;
36
- };
37
- type RadialBarBackground = boolean | (ActiveShape<SectorProps> & ZIndexable);
38
- interface InternalRadialBarProps<DataPointType = any, DataValueType = any>
39
- extends DataConsumer<DataPointType, DataValueType>, ZIndexable {
40
- activeShape?: ActiveShape<RadialBarSectorProps, SVGPathElement>;
41
- /**
42
- * @defaultValue 0
43
- */
44
- angleAxisId?: AxisId;
45
- /**
46
- * Specifies when the animation should begin, the unit of this option is ms.
47
- * @defaultValue 0
48
- */
49
- animationBegin?: number;
50
- /**
51
- * Specifies the duration of animation, the unit of this option is ms.
52
- * @defaultValue 1500
53
- */
54
- animationDuration?: AnimationDuration;
55
- /**
56
- * The type of easing function.
57
- * @defaultValue ease
58
- */
59
- animationEasing?: EasingInput;
60
- /**
61
- * Custom animation function for interpolating data items.
62
- * When provided, this replaces the default animation interpolation.
63
- *
64
- * @param prevItems The items from the previous animation frame, or null on first render
65
- * @param nextItems The target items to animate towards
66
- * @param animationElapsedTime A normalized time value (0 = start, 1 = end)
67
- * @returns The interpolated items at time animationElapsedTime
68
- *
69
- * @since 3.9
70
- * @see {@link https://recharts.github.io/en-US/guide/animations/ Animations guide}
71
- */
72
- animationInterpolateFn?: AnimationInterpolateFn<RadialBarDataItem, PolarLayout>;
73
- /**
74
- * Strategy for matching previous items to next items during animation.
75
- * Determines how Recharts pairs old data points with new data points
76
- * to create smooth transitions.
77
- *
78
- * - `matchAppend` (default): match sequentially by index and treat newly appended items as new
79
- * - `matchByIndex`: match by array position with proportional stretching
80
- * - `matchByDataKey('someKey')`: match by a data key from the payload
81
- * - Custom function `(item, index) => key`: match by the returned key
82
- *
83
- * @defaultValue append
84
- * @see matchByIndex
85
- * @see matchByDataKey
86
- * @see matchAppend
87
- */
88
- animationMatchBy?: AnimationMatchByProp<RadialBarDataItem>;
89
- /**
90
- * Renders a background for each bar. Options:
91
- * - `false`: no background;
92
- * - `true`: renders default background;
93
- * - `object`: the props of background rectangle;
94
- * - `ReactElement`: a custom background element;
95
- * - `function`: a render function of custom background.
96
- *
97
- * @defaultValue false
98
- */
99
- background?: RadialBarBackground;
100
- /**
101
- * The width or height of each bar. If the barSize is not specified, the size of the bar will be calculated by the barCategoryGap, barGap and the quantity of bar groups.
102
- */
103
- barSize?: number;
104
- className?: string;
105
- /**
106
- * @defaultValue false
107
- */
108
- cornerIsExternal?: boolean;
109
- /**
110
- * @defaultValue 0
111
- */
112
- cornerRadius?: string | number;
113
- /**
114
- * Calculated radial bar sectors
115
- */
116
- sectors: ReadonlyArray<RadialBarDataItem>;
117
- /**
118
- * @defaultValue false
119
- */
120
- forceCornerRadius?: boolean;
121
- /**
122
- * @defaultValue false
123
- */
124
- hide?: boolean;
125
- /**
126
- * If set false, animation of radial bars will be disabled.
127
- * If set "auto", the animation will be disabled in SSR and will respect the user's prefers-reduced-motion system preference for accessibility.
128
- * @defaultValue auto
129
- */
130
- isAnimationActive?: boolean | 'auto';
131
- /**
132
- * Renders one label for each data point. Options:
133
- * - `true`: renders default labels;
134
- * - `false`: no labels are rendered;
135
- * - `object`: the props of LabelList component;
136
- * - `ReactElement`: a custom SVG label element, such as `<text>` or `<g>`.
137
- * HTML elements such as `<div>` are not valid inside the chart SVG and may trigger React DOM warnings.
138
- * - `function`: a render function of custom label.
139
- *
140
- * @defaultValue false
141
- */
142
- label?: ImplicitLabelListType;
143
- /**
144
- * The type of icon in legend. If set to 'none', no legend item will be rendered.
145
- * @defaultValue rect
146
- */
147
- legendType?: LegendType;
148
- maxBarSize?: number;
149
- /**
150
- * @defaultValue 0
151
- */
152
- minPointSize?: number;
153
- /**
154
- * The customized event handler of animation end
155
- */
156
- onAnimationEnd?: () => void;
157
- /**
158
- * The customized event handler of animation start
159
- */
160
- onAnimationStart?: () => void;
161
- /**
162
- * The customized event handler of click in this chart.
163
- */
164
- onClick?: (
165
- data: RadialBarDataItem,
166
- index: number,
167
- e: React.MouseEvent<SVGGraphicsElement>,
168
- ) => void;
169
- /**
170
- * The customized event handler of mousedown in this chart.
171
- */
172
- onMouseDown?: (
173
- data: RadialBarDataItem,
174
- index: number,
175
- e: React.MouseEvent<SVGGraphicsElement>,
176
- ) => void;
177
- /**
178
- * The customized event handler of mouseup in this chart.
179
- */
180
- onMouseUp?: (
181
- data: RadialBarDataItem,
182
- index: number,
183
- e: React.MouseEvent<SVGGraphicsElement>,
184
- ) => void;
185
- /**
186
- * The customized event handler of mousemove in this chart.
187
- */
188
- onMouseMove?: (
189
- data: RadialBarDataItem,
190
- index: number,
191
- e: React.MouseEvent<SVGGraphicsElement>,
192
- ) => void;
193
- /**
194
- * The customized event handler of mouseover in this chart.
195
- */
196
- onMouseOver?: (
197
- data: RadialBarDataItem,
198
- index: number,
199
- e: React.MouseEvent<SVGGraphicsElement>,
200
- ) => void;
201
- /**
202
- * The customized event handler of mouseout in this chart.
203
- */
204
- onMouseOut?: (
205
- data: RadialBarDataItem,
206
- index: number,
207
- e: React.MouseEvent<SVGGraphicsElement>,
208
- ) => void;
209
- /**
210
- * The customized event handler of mouseenter in this chart.
211
- */
212
- onMouseEnter?: (
213
- data: RadialBarDataItem,
214
- index: number,
215
- e: React.MouseEvent<SVGGraphicsElement>,
216
- ) => void;
217
- /**
218
- * The customized event handler of mouseleave in this chart.
219
- */
220
- onMouseLeave?: (
221
- data: RadialBarDataItem,
222
- index: number,
223
- e: React.MouseEvent<SVGGraphicsElement>,
224
- ) => void;
225
- onTouchStart?: (
226
- data: RadialBarDataItem,
227
- index: number,
228
- e: React.TouchEvent<SVGGraphicsElement>,
229
- ) => void;
230
- onTouchMove?: (
231
- data: RadialBarDataItem,
232
- index: number,
233
- e: React.TouchEvent<SVGGraphicsElement>,
234
- ) => void;
235
- onTouchEnd?: (
236
- data: RadialBarDataItem,
237
- index: number,
238
- e: React.TouchEvent<SVGGraphicsElement>,
239
- ) => void;
240
- /**
241
- * @defaultValue 0
242
- */
243
- radiusAxisId?: AxisId;
244
- /**
245
- * If set a ReactElement, the shape of radial bar sectors can be customized.
246
- * If set a function, the function will be called to render customized shape.
247
- * During animations, the function shape also receives `animationElapsedTime`, `isAnimating`, and `isEntrance`.
248
- * By default, renders a sector.
249
- */
250
- shape?: ActiveShape<RadialBarSectorProps, SVGPathElement>;
251
- stackId?: string | number;
252
- tooltipType?: TooltipType;
253
- /**
254
- * Formats the value displayed in the tooltip for this RadialBar.
255
- * When set, takes precedence over the `formatter` prop on the Tooltip component.
256
- */
257
- formatter?: Formatter;
258
- /**
259
- * @defaultValue 300
260
- */
261
- zIndex?: number;
262
- }
263
- export type RadialBarProps<DataPointType = any, DataValueType = any> = Omit<
264
- PresentationAttributesAdaptChildEvent<RadialBarDataItem, SVGElement>,
265
- 'ref' | keyof InternalRadialBarProps<DataPointType, DataValueType>
266
- > &
267
- Omit<InternalRadialBarProps<DataPointType, DataValueType>, 'sectors'>;
268
- export declare const defaultRadialBarProps: {
269
- readonly angleAxisId: 0;
270
- readonly animationBegin: 0;
271
- readonly animationDuration: 1500;
272
- readonly animationEasing: 'ease';
273
- readonly animationMatchBy: 'append';
274
- readonly animationInterpolateFn: AnimationInterpolateFn<RadialBarDataItem, PolarLayout>;
275
- readonly background: false;
276
- readonly cornerIsExternal: false;
277
- readonly cornerRadius: 0;
278
- readonly forceCornerRadius: false;
279
- readonly hide: false;
280
- readonly isAnimationActive: 'auto';
281
- readonly label: false;
282
- readonly legendType: 'rect';
283
- readonly minPointSize: 0;
284
- readonly radiusAxisId: 0;
285
- readonly shape: React.FC<SectorProps>;
286
- readonly zIndex: 300;
287
- };
288
- export declare function computeRadialBarDataItems({
289
- displayedData,
290
- stackedData,
291
- dataStartIndex,
292
- stackedDomain,
293
- dataKey,
294
- baseValue,
295
- layout,
296
- radiusAxis,
297
- radiusAxisTicks,
298
- bandSize,
299
- pos,
300
- angleAxis,
301
- minPointSize,
302
- cx,
303
- cy,
304
- angleAxisTicks,
305
- cells,
306
- startAngle: rootStartAngle,
307
- endAngle: rootEndAngle,
308
- }: {
309
- displayedData: ChartData;
310
- stackedData: Series<Record<number, number>, DataKey<any>> | undefined;
311
- dataStartIndex: number;
312
- stackedDomain: ReadonlyArray<unknown> | null;
313
- dataKey: DataKey<any> | undefined;
314
- baseValue: number | unknown;
315
- layout: LayoutType;
316
- radiusAxis: BaseAxisWithScale;
317
- radiusAxisTicks: ReadonlyArray<TickItem> | undefined;
318
- bandSize: number;
319
- pos: BarPositionPosition;
320
- angleAxis: BaseAxisWithScale;
321
- minPointSize: number;
322
- cx: number;
323
- cy: number;
324
- angleAxisTicks: ReadonlyArray<TickItem> | undefined;
325
- cells: ReadonlyArray<ReactElement> | undefined;
326
- startAngle: number;
327
- endAngle: number;
328
- }): ReadonlyArray<RadialBarDataItem>;
329
- /**
330
- * @consumes PolarChartContext
331
- * @provides LabelListContext
332
- * @provides CellReader
333
- */
334
- export declare function RadialBar<DataPointType = any, DataValueType = any>(
335
- outsideProps: RadialBarProps<DataPointType, DataValueType>,
336
- ): React.JSX.Element;
337
- export declare namespace RadialBar {
338
- var displayName: string;
339
- }
340
- export {};
@@ -1,12 +0,0 @@
1
- // Type declaration for the .tsrx component (resolved by relative path).
2
- export interface CrossProps {
3
- x?: number;
4
- y?: number;
5
- top?: number;
6
- left?: number;
7
- width?: number;
8
- height?: number;
9
- className?: unknown;
10
- [key: string]: unknown;
11
- }
12
- export declare const Cross: (props: CrossProps) => unknown;
@@ -1,42 +0,0 @@
1
- // Type declaration for the .tsrx component (resolved by relative path).
2
- export interface CurvePoint {
3
- x: number | null;
4
- y: number | null;
5
- }
6
- export type CurveType =
7
- | 'basis'
8
- | 'basisClosed'
9
- | 'basisOpen'
10
- | 'bump'
11
- | 'bumpX'
12
- | 'bumpY'
13
- | 'linear'
14
- | 'linearClosed'
15
- | 'monotone'
16
- | 'monotoneX'
17
- | 'monotoneY'
18
- | 'natural'
19
- | 'step'
20
- | 'stepAfter'
21
- | 'stepBefore'
22
- | ((...args: unknown[]) => unknown);
23
- export interface CurveProps {
24
- type?: CurveType;
25
- points?: ReadonlyArray<CurvePoint>;
26
- baseLine?: number | ReadonlyArray<CurvePoint>;
27
- layout?: 'horizontal' | 'vertical';
28
- connectNulls?: boolean;
29
- path?: string;
30
- pathRef?: unknown;
31
- className?: unknown;
32
- [key: string]: unknown;
33
- }
34
- export declare const defaultCurveProps: { connectNulls: boolean; type: 'linear' };
35
- export declare const getPath: (input: {
36
- type?: CurveType;
37
- points?: ReadonlyArray<CurvePoint>;
38
- baseLine?: number | ReadonlyArray<CurvePoint>;
39
- layout?: 'horizontal' | 'vertical';
40
- connectNulls?: boolean;
41
- }) => string | null;
42
- export declare const Curve: (props: CurveProps) => unknown;
@@ -1,9 +0,0 @@
1
- // Type declaration for the .tsrx component (resolved by relative path).
2
- export interface DotProps {
3
- cx?: number;
4
- cy?: number;
5
- r?: number;
6
- className?: unknown;
7
- [key: string]: unknown;
8
- }
9
- export declare const Dot: (props: DotProps) => unknown;
@@ -1,13 +0,0 @@
1
- // Type declaration for the .tsrx component (resolved by relative path).
2
- export interface PolygonPoint {
3
- x: number;
4
- y: number;
5
- }
6
- export interface PolygonProps {
7
- points?: ReadonlyArray<PolygonPoint>;
8
- baseLinePoints?: ReadonlyArray<PolygonPoint>;
9
- connectNulls?: boolean;
10
- className?: unknown;
11
- [key: string]: unknown;
12
- }
13
- export declare const Polygon: (props: PolygonProps) => unknown;
@@ -1,31 +0,0 @@
1
- // Type declaration for the .tsrx component (resolved by relative path).
2
- export interface RectangleProps {
3
- x?: number;
4
- y?: number;
5
- width?: number;
6
- height?: number;
7
- radius?: number | [number, number, number, number];
8
- className?: unknown;
9
- isAnimationActive?: boolean;
10
- isUpdateAnimationActive?: boolean;
11
- animationBegin?: number;
12
- animationDuration?: number;
13
- animationEasing?: string;
14
- [key: string]: unknown;
15
- }
16
- export declare const defaultRectangleProps: Required<
17
- Pick<
18
- RectangleProps,
19
- | 'x'
20
- | 'y'
21
- | 'width'
22
- | 'height'
23
- | 'radius'
24
- | 'isAnimationActive'
25
- | 'isUpdateAnimationActive'
26
- | 'animationBegin'
27
- | 'animationDuration'
28
- | 'animationEasing'
29
- >
30
- >;
31
- export declare const Rectangle: (props: RectangleProps) => unknown;
@@ -1,29 +0,0 @@
1
- // Type declaration for the .tsrx component (resolved by relative path).
2
- export interface SectorProps {
3
- cx?: number;
4
- cy?: number;
5
- innerRadius?: number;
6
- outerRadius?: number;
7
- startAngle?: number;
8
- endAngle?: number;
9
- cornerRadius?: number | string;
10
- forceCornerRadius?: boolean;
11
- cornerIsExternal?: boolean;
12
- className?: unknown;
13
- [key: string]: unknown;
14
- }
15
- export declare const defaultSectorProps: Required<
16
- Pick<
17
- SectorProps,
18
- | 'cx'
19
- | 'cy'
20
- | 'innerRadius'
21
- | 'outerRadius'
22
- | 'startAngle'
23
- | 'endAngle'
24
- | 'cornerRadius'
25
- | 'forceCornerRadius'
26
- | 'cornerIsExternal'
27
- >
28
- >;
29
- export declare const Sector: (props: SectorProps) => unknown;
@@ -1,15 +0,0 @@
1
- // Type declaration for the .tsrx component (resolved by relative path).
2
- export type SymbolType = 'circle' | 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye';
3
- export interface SymbolsProps {
4
- type?: SymbolType;
5
- size?: number;
6
- sizeType?: 'area' | 'diameter';
7
- cx?: number;
8
- cy?: number;
9
- className?: unknown;
10
- [key: string]: unknown;
11
- }
12
- export declare const Symbols: {
13
- (props: SymbolsProps): unknown;
14
- registerSymbol: (key: string, factory: unknown) => void;
15
- };
@@ -1,29 +0,0 @@
1
- // Type declaration for the .tsrx component (resolved by relative path).
2
- export interface TrapezoidProps {
3
- x?: number;
4
- y?: number;
5
- upperWidth?: number;
6
- lowerWidth?: number;
7
- height?: number;
8
- className?: unknown;
9
- isUpdateAnimationActive?: boolean;
10
- animationBegin?: number;
11
- animationDuration?: number;
12
- animationEasing?: string;
13
- [key: string]: unknown;
14
- }
15
- export declare const defaultTrapezoidProps: Required<
16
- Pick<
17
- TrapezoidProps,
18
- | 'x'
19
- | 'y'
20
- | 'upperWidth'
21
- | 'lowerWidth'
22
- | 'height'
23
- | 'isUpdateAnimationActive'
24
- | 'animationBegin'
25
- | 'animationDuration'
26
- | 'animationEasing'
27
- >
28
- >;
29
- export declare const Trapezoid: (props: TrapezoidProps) => unknown;
@@ -1,36 +0,0 @@
1
- // Vendored verbatim from recharts@3.9.2 es6/state/brushSlice.js (framework-agnostic).
2
- // Do not edit — update by re-vendoring when the recharts devDependency moves.
3
- import { createSlice } from '@reduxjs/toolkit';
4
-
5
- /**
6
- * From all Brush properties, only height has a default value and will always be defined.
7
- * Other properties are nullable and will be computed from offsets and margins if they are not set.
8
- */
9
-
10
- var initialState = {
11
- x: 0,
12
- y: 0,
13
- width: 0,
14
- height: 0,
15
- padding: {
16
- top: 0,
17
- right: 0,
18
- bottom: 0,
19
- left: 0,
20
- },
21
- };
22
- export var brushSlice = createSlice({
23
- name: 'brush',
24
- initialState,
25
- reducers: {
26
- setBrushSettings(_state, action) {
27
- if (action.payload == null) {
28
- return initialState;
29
- }
30
- return action.payload;
31
- },
32
- },
33
- });
34
- var setBrushSettings = brushSlice.actions.setBrushSettings;
35
- export { setBrushSettings };
36
- export var brushReducer = brushSlice.reducer;