@solidports/recharts 0.1.0 → 0.1.1

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 (304) hide show
  1. package/dist/index.d.ts +40 -2
  2. package/dist/index.js +14238 -7174
  3. package/dist/{dev.js → index.jsx} +18367 -15900
  4. package/dist/server.js +48178 -0
  5. package/package.json +36 -19
  6. package/src/animation/AnimatedItems.tsx +0 -183
  7. package/src/animation/AnimationController.ts +0 -33
  8. package/src/animation/AnimationControllerImpl.ts +0 -36
  9. package/src/animation/AnimationHandle.ts +0 -307
  10. package/src/animation/CSSTransitionAnimate.tsx +0 -170
  11. package/src/animation/JavascriptAnimate.tsx +0 -119
  12. package/src/animation/easing.ts +0 -221
  13. package/src/animation/matchBy.ts +0 -164
  14. package/src/animation/timeoutController.ts +0 -70
  15. package/src/animation/useAnimationController.tsx +0 -34
  16. package/src/animation/useAnimationStartSnapshot.ts +0 -118
  17. package/src/animation/util.ts +0 -41
  18. package/src/cartesian/Area.tsx +0 -915
  19. package/src/cartesian/AreaRevealShape.tsx +0 -190
  20. package/src/cartesian/Bar.tsx +0 -1369
  21. package/src/cartesian/BarStack.tsx +0 -152
  22. package/src/cartesian/Brush.tsx +0 -951
  23. package/src/cartesian/CartesianAxis.tsx +0 -722
  24. package/src/cartesian/CartesianGrid.tsx +0 -711
  25. package/src/cartesian/ErrorBar.tsx +0 -361
  26. package/src/cartesian/Funnel.tsx +0 -803
  27. package/src/cartesian/GraphicalItemClipPath.tsx +0 -67
  28. package/src/cartesian/Line.tsx +0 -863
  29. package/src/cartesian/LineDrawShape.tsx +0 -89
  30. package/src/cartesian/ReferenceArea.tsx +0 -331
  31. package/src/cartesian/ReferenceDot.tsx +0 -304
  32. package/src/cartesian/ReferenceLine.tsx +0 -474
  33. package/src/cartesian/Scatter.tsx +0 -888
  34. package/src/cartesian/XAxis.tsx +0 -433
  35. package/src/cartesian/YAxis.tsx +0 -443
  36. package/src/cartesian/ZAxis.tsx +0 -155
  37. package/src/cartesian/cartesianPositionToCSSTranslate.tsx +0 -29
  38. package/src/cartesian/cartesianViewBoxToTrapezoid.tsx +0 -21
  39. package/src/cartesian/getCartesianPosition.tsx +0 -267
  40. package/src/cartesian/getEquidistantTicks.ts +0 -144
  41. package/src/cartesian/getTicks.ts +0 -225
  42. package/src/cartesian/isOutsidePosition.ts +0 -15
  43. package/src/cartesian/useAnimatedLineLength.ts +0 -54
  44. package/src/chart/AreaChart.tsx +0 -29
  45. package/src/chart/BarChart.tsx +0 -29
  46. package/src/chart/CartesianChart.tsx +0 -131
  47. package/src/chart/CategoricalChart.tsx +0 -94
  48. package/src/chart/ComposedChart.tsx +0 -29
  49. package/src/chart/FunnelChart.tsx +0 -29
  50. package/src/chart/LineChart.tsx +0 -29
  51. package/src/chart/PieChart.tsx +0 -50
  52. package/src/chart/PolarChart.tsx +0 -164
  53. package/src/chart/RadarChart.tsx +0 -70
  54. package/src/chart/RadialBarChart.tsx +0 -46
  55. package/src/chart/RechartsWrapper.tsx +0 -551
  56. package/src/chart/Sankey.tsx +0 -1534
  57. package/src/chart/ScatterChart.tsx +0 -29
  58. package/src/chart/SunburstChart.tsx +0 -504
  59. package/src/chart/Treemap.tsx +0 -1223
  60. package/src/chart/createInitialRootProps.ts +0 -24
  61. package/src/chart/types.ts +0 -53
  62. package/src/component/ActivePoints.tsx +0 -144
  63. package/src/component/Cell.tsx +0 -37
  64. package/src/component/Cursor.tsx +0 -185
  65. package/src/component/Customized.tsx +0 -50
  66. package/src/component/DefaultLegendContent.tsx +0 -348
  67. package/src/component/DefaultTooltipContent.tsx +0 -224
  68. package/src/component/Dots.tsx +0 -157
  69. package/src/component/Label.tsx +0 -636
  70. package/src/component/LabelList.tsx +0 -375
  71. package/src/component/Legend.tsx +0 -512
  72. package/src/component/ResponsiveContainer.tsx +0 -348
  73. package/src/component/Text.tsx +0 -541
  74. package/src/component/Tooltip.tsx +0 -470
  75. package/src/component/TooltipBoundingBox.tsx +0 -146
  76. package/src/component/responsiveContainerUtils.ts +0 -134
  77. package/src/container/ClipPathProvider.tsx +0 -51
  78. package/src/container/Layer.tsx +0 -38
  79. package/src/container/RootSurface.tsx +0 -120
  80. package/src/container/Surface.tsx +0 -61
  81. package/src/context/CellsContext.tsx +0 -54
  82. package/src/context/ErrorBarContext.tsx +0 -146
  83. package/src/context/GraphicalItemChildrenScope.tsx +0 -18
  84. package/src/context/PanoramaContext.tsx +0 -9
  85. package/src/context/RegisterGraphicalItemId.tsx +0 -30
  86. package/src/context/accessibilityContext.tsx +0 -6
  87. package/src/context/brushUpdateContext.tsx +0 -9
  88. package/src/context/chartDataContext.tsx +0 -97
  89. package/src/context/chartLayoutContext.tsx +0 -201
  90. package/src/context/legendPayloadContext.tsx +0 -20
  91. package/src/context/legendPortalContext.tsx +0 -12
  92. package/src/context/tooltipContext.tsx +0 -89
  93. package/src/context/tooltipPortalContext.tsx +0 -12
  94. package/src/context/useTooltipAxis.ts +0 -22
  95. package/src/hooks.ts +0 -476
  96. package/src/index.ts +0 -280
  97. package/src/polar/Pie.tsx +0 -1360
  98. package/src/polar/PolarAngleAxis.tsx +0 -616
  99. package/src/polar/PolarGrid.tsx +0 -312
  100. package/src/polar/PolarRadiusAxis.tsx +0 -547
  101. package/src/polar/Radar.tsx +0 -734
  102. package/src/polar/RadialBar.tsx +0 -917
  103. package/src/polar/defaultPolarAngleAxisProps.tsx +0 -27
  104. package/src/polar/defaultPolarRadiusAxisProps.tsx +0 -25
  105. package/src/shape/Cross.tsx +0 -89
  106. package/src/shape/Curve.tsx +0 -343
  107. package/src/shape/Dot.tsx +0 -70
  108. package/src/shape/Polygon.tsx +0 -195
  109. package/src/shape/Rectangle.tsx +0 -470
  110. package/src/shape/Sector.tsx +0 -347
  111. package/src/shape/Symbols.tsx +0 -139
  112. package/src/shape/Trapezoid.tsx +0 -280
  113. package/src/state/RechartsStateContext.tsx +0 -12
  114. package/src/state/RechartsStateProvider.tsx +0 -87
  115. package/src/state/RechartsStoreContext.tsx +0 -25
  116. package/src/state/RechartsStoreProvider.tsx +0 -35
  117. package/src/state/ReportChartProps.tsx +0 -40
  118. package/src/state/ReportEventSettings.tsx +0 -30
  119. package/src/state/ReportMainChartProps.tsx +0 -61
  120. package/src/state/ReportPolarOptions.tsx +0 -35
  121. package/src/state/SetGraphicalItem.ts +0 -79
  122. package/src/state/SetLegendPayload.ts +0 -134
  123. package/src/state/SetTooltipEntrySettings.tsx +0 -72
  124. package/src/state/actions.ts +0 -464
  125. package/src/state/brushSlice.ts +0 -13
  126. package/src/state/cartesianAxisSlice.ts +0 -141
  127. package/src/state/chartDataSlice.ts +0 -50
  128. package/src/state/chartState.ts +0 -297
  129. package/src/state/errorBarSlice.ts +0 -29
  130. package/src/state/eventSettingsSlice.ts +0 -8
  131. package/src/state/events.ts +0 -76
  132. package/src/state/externalEventsMiddleware.ts +0 -255
  133. package/src/state/graphicalItemsSlice.ts +0 -74
  134. package/src/state/hooks/useChartSelectors.tsx +0 -45
  135. package/src/state/keyboardEventsMiddleware.ts +0 -228
  136. package/src/state/layoutSlice.ts +0 -21
  137. package/src/state/legendSlice.ts +0 -57
  138. package/src/state/mouseEventsMiddleware.ts +0 -185
  139. package/src/state/optionsSlice.ts +0 -47
  140. package/src/state/polarAxisSlice.ts +0 -10
  141. package/src/state/polarOptionsSlice.ts +0 -12
  142. package/src/state/rawData.ts +0 -26
  143. package/src/state/referenceElementsSlice.ts +0 -40
  144. package/src/state/renderedTicksSlice.ts +0 -15
  145. package/src/state/rootPropsSlice.ts +0 -47
  146. package/src/state/selectors/areaSelectors.ts +0 -240
  147. package/src/state/selectors/arrayEqualityCheck.ts +0 -29
  148. package/src/state/selectors/axisSelectors.ts +0 -2157
  149. package/src/state/selectors/barSelectors.ts +0 -310
  150. package/src/state/selectors/barStackSelectors.ts +0 -77
  151. package/src/state/selectors/brushSelectors.ts +0 -33
  152. package/src/state/selectors/chartSelector.ts +0 -185
  153. package/src/state/selectors/combiners/combineActiveLabel.ts +0 -16
  154. package/src/state/selectors/combiners/combineActiveTooltipIndex.ts +0 -95
  155. package/src/state/selectors/combiners/combineAllBarPositions.ts +0 -122
  156. package/src/state/selectors/combiners/combineAxisRangeWithReverse.ts +0 -16
  157. package/src/state/selectors/combiners/combineBarPosition.ts +0 -23
  158. package/src/state/selectors/combiners/combineBarSizeList.ts +0 -80
  159. package/src/state/selectors/combiners/combineCheckedDomain.ts +0 -48
  160. package/src/state/selectors/combiners/combineConfiguredScale.ts +0 -111
  161. package/src/state/selectors/combiners/combineCoordinateForDefaultIndex.ts +0 -45
  162. package/src/state/selectors/combiners/combineDisplayedStackedData.ts +0 -50
  163. package/src/state/selectors/combiners/combineInverseScaleFunction.ts +0 -16
  164. package/src/state/selectors/combiners/combineRealScaleType.ts +0 -44
  165. package/src/state/selectors/combiners/combineStackedData.ts +0 -27
  166. package/src/state/selectors/combiners/combineTooltipInteractionState.ts +0 -86
  167. package/src/state/selectors/combiners/combineTooltipPayload.ts +0 -205
  168. package/src/state/selectors/combiners/combineTooltipPayloadConfigurations.ts +0 -58
  169. package/src/state/selectors/containerSelectors.ts +0 -12
  170. package/src/state/selectors/dataSelectors.ts +0 -88
  171. package/src/state/selectors/funnelSelectors.ts +0 -75
  172. package/src/state/selectors/graphicalItemSelectors.ts +0 -30
  173. package/src/state/selectors/legendSelectors.ts +0 -29
  174. package/src/state/selectors/lineSelectors.ts +0 -134
  175. package/src/state/selectors/numberDomainEqualityCheck.ts +0 -14
  176. package/src/state/selectors/pickAxisId.ts +0 -5
  177. package/src/state/selectors/pickAxisType.ts +0 -3
  178. package/src/state/selectors/pieSelectors.ts +0 -97
  179. package/src/state/selectors/polarAxisSelectors.ts +0 -201
  180. package/src/state/selectors/polarGridSelectors.ts +0 -28
  181. package/src/state/selectors/polarScaleSelectors.ts +0 -133
  182. package/src/state/selectors/polarSelectors.ts +0 -219
  183. package/src/state/selectors/radarSelectors.ts +0 -191
  184. package/src/state/selectors/radialBarSelectors.ts +0 -435
  185. package/src/state/selectors/rootPropsSelectors.ts +0 -25
  186. package/src/state/selectors/scatterSelectors.ts +0 -96
  187. package/src/state/selectors/selectActivePropsFromChartPointer.ts +0 -26
  188. package/src/state/selectors/selectAllAxes.ts +0 -17
  189. package/src/state/selectors/selectChartOffset.ts +0 -16
  190. package/src/state/selectors/selectChartOffsetInternal.ts +0 -136
  191. package/src/state/selectors/selectLegendArea.ts +0 -20
  192. package/src/state/selectors/selectPlotArea.ts +0 -22
  193. package/src/state/selectors/selectTooltipAxisId.ts +0 -7
  194. package/src/state/selectors/selectTooltipAxisType.ts +0 -32
  195. package/src/state/selectors/selectTooltipEventType.ts +0 -48
  196. package/src/state/selectors/selectTooltipPayloadSearcher.ts +0 -6
  197. package/src/state/selectors/selectTooltipSettings.ts +0 -39
  198. package/src/state/selectors/selectTooltipState.ts +0 -8
  199. package/src/state/selectors/selectors.ts +0 -271
  200. package/src/state/selectors/tooltipSelectors.ts +0 -578
  201. package/src/state/selectors/touchSelectors.ts +0 -31
  202. package/src/state/store.ts +0 -29
  203. package/src/state/storeIdentity.ts +0 -9
  204. package/src/state/teardownWrite.ts +0 -10
  205. package/src/state/tooltipInteraction.ts +0 -23
  206. package/src/state/tooltipSlice.ts +0 -334
  207. package/src/state/touchEventsMiddleware.ts +0 -214
  208. package/src/state/types/AnimationSettings.ts +0 -20
  209. package/src/state/types/AreaSettings.ts +0 -14
  210. package/src/state/types/BarSettings.ts +0 -15
  211. package/src/state/types/LineSettings.ts +0 -9
  212. package/src/state/types/PieSettings.ts +0 -34
  213. package/src/state/types/RadarSettings.ts +0 -5
  214. package/src/state/types/RadialBarSettings.ts +0 -10
  215. package/src/state/types/ScatterSettings.ts +0 -12
  216. package/src/state/types/StackedGraphicalItem.ts +0 -34
  217. package/src/state/useChartState.ts +0 -17
  218. package/src/state/zIndexSlice.ts +0 -39
  219. package/src/synchronisation/syncSelectors.ts +0 -7
  220. package/src/synchronisation/types.ts +0 -44
  221. package/src/synchronisation/useChartSynchronisation.tsx +0 -404
  222. package/src/theme/RechartsTheme.ts +0 -16
  223. package/src/theme/RechartsThemeContext.ts +0 -19
  224. package/src/theme/darkTheme.ts +0 -13
  225. package/src/theme/graphicalItemIdentity.ts +0 -70
  226. package/src/theme/legacyTheme.ts +0 -17
  227. package/src/theme/lightTheme.ts +0 -13
  228. package/src/types.ts +0 -54
  229. package/src/util/ActiveShapeUtils.tsx +0 -162
  230. package/src/util/BarUtils.tsx +0 -62
  231. package/src/util/BarePortal.tsx +0 -50
  232. package/src/util/CamelCaseSVGAttrs.ts +0 -34
  233. package/src/util/CartesianUtils.ts +0 -48
  234. package/src/util/ChartUtils.ts +0 -802
  235. package/src/util/Constants.ts +0 -42
  236. package/src/util/CssPrefixUtils.ts +0 -20
  237. package/src/util/DOMUtils.ts +0 -129
  238. package/src/util/DataUtils.ts +0 -216
  239. package/src/util/Events.ts +0 -16
  240. package/src/util/FunnelUtils.tsx +0 -15
  241. package/src/util/Global.ts +0 -12
  242. package/src/util/IfOverflow.ts +0 -15
  243. package/src/util/LRUCache.ts +0 -41
  244. package/src/util/LogUtils.ts +0 -22
  245. package/src/util/PolarUtils.ts +0 -132
  246. package/src/util/RadialBarUtils.tsx +0 -24
  247. package/src/util/ReactUtils.ts +0 -95
  248. package/src/util/ReduceCSSCalc.ts +0 -187
  249. package/src/util/ScatterUtils.tsx +0 -52
  250. package/src/util/ShapeElementProps.tsx +0 -87
  251. package/src/util/TickUtils.ts +0 -60
  252. package/src/util/XAxisUtils.ts +0 -48
  253. package/src/util/YAxisUtils.ts +0 -48
  254. package/src/util/axisPropsAreEqual.ts +0 -48
  255. package/src/util/createCartesianCharts.tsx +0 -150
  256. package/src/util/createEventProxy.ts +0 -20
  257. package/src/util/createPolarCharts.tsx +0 -112
  258. package/src/util/cursor/getCursorPoints.ts +0 -46
  259. package/src/util/cursor/getCursorRectangle.ts +0 -28
  260. package/src/util/cursor/getRadialCursorPoints.ts +0 -32
  261. package/src/util/excludeEventProps.ts +0 -171
  262. package/src/util/getActiveCoordinate.ts +0 -213
  263. package/src/util/getAxisTypeBasedOnLayout.ts +0 -21
  264. package/src/util/getClassNameFromUnknown.ts +0 -6
  265. package/src/util/getEveryNth.ts +0 -27
  266. package/src/util/getRadiusAndStrokeWidthFromDot.ts +0 -35
  267. package/src/util/getRelativeCoordinate.ts +0 -80
  268. package/src/util/getSliced.ts +0 -13
  269. package/src/util/hoverDedupe.ts +0 -41
  270. package/src/util/isDomainSpecifiedByUser.ts +0 -219
  271. package/src/util/isWellBehavedNumber.ts +0 -7
  272. package/src/util/pathTotalLength.ts +0 -25
  273. package/src/util/payload/getUniqPayload.ts +0 -28
  274. package/src/util/propsAreEqual.ts +0 -121
  275. package/src/util/resolveDefaultProps.ts +0 -161
  276. package/src/util/round.ts +0 -32
  277. package/src/util/scale/CartesianScaleHelper.ts +0 -72
  278. package/src/util/scale/CustomScaleDefinition.ts +0 -81
  279. package/src/util/scale/RechartsScale.ts +0 -130
  280. package/src/util/scale/createCategoricalInverse.ts +0 -72
  281. package/src/util/scale/getNiceTickValues.ts +0 -311
  282. package/src/util/scale/index.ts +0 -2
  283. package/src/util/scale/util/arithmetic.ts +0 -54
  284. package/src/util/solid-1-compat.ts +0 -310
  285. package/src/util/solidJsxCamelAugment.d.ts +0 -84
  286. package/src/util/stacks/getStackSeriesIdentifier.ts +0 -21
  287. package/src/util/stacks/stackTypes.ts +0 -60
  288. package/src/util/structurallyEqual.ts +0 -31
  289. package/src/util/svgPropertiesAndEvents.ts +0 -53
  290. package/src/util/svgPropertiesNoEvents.ts +0 -571
  291. package/src/util/tooltip/translate.ts +0 -171
  292. package/src/util/typedDataKey.ts +0 -48
  293. package/src/util/types.ts +0 -1560
  294. package/src/util/useAnimationId.ts +0 -31
  295. package/src/util/useElementOffset.ts +0 -110
  296. package/src/util/useId.ts +0 -8
  297. package/src/util/usePrefersReducedMotion.ts +0 -48
  298. package/src/util/useReportScale.ts +0 -24
  299. package/src/util/useUniqueId.ts +0 -30
  300. package/src/zIndex/DefaultZIndexes.ts +0 -84
  301. package/src/zIndex/ZIndexLayer.tsx +0 -121
  302. package/src/zIndex/ZIndexPortal.tsx +0 -79
  303. package/src/zIndex/getZIndexFromUnknown.ts +0 -14
  304. package/src/zIndex/zIndexSelectors.ts +0 -48
@@ -1,134 +0,0 @@
1
- /* eslint-disable import/no-cycle */
2
- import { createEffect, onCleanup } from 'solid-js';
3
- import type { LegendPayload } from "../component/DefaultLegendContent"
4
- import { useIsPanorama } from "../context/PanoramaContext"
5
- import { selectChartLayout } from "../context/chartLayoutContext"
6
- import { useOptionalChartState } from "./useChartState"
7
- import { useChartStore } from "./RechartsStoreContext"
8
- import { isSameStoreEntry } from "./storeIdentity"
9
- import { teardownWrite } from "./teardownWrite"
10
-
11
- export function SetLegendPayload(props: { legendPayload: ReadonlyArray<LegendPayload> }): null {
12
- const ctx = useOptionalChartState()
13
- const isPanorama = useIsPanorama()
14
- let prevPayload: ReadonlyArray<LegendPayload> | null = null
15
-
16
- createEffect(
17
- () => props.legendPayload,
18
- (current) => {
19
- if (isPanorama) {
20
- return
21
- }
22
- if (prevPayload === null) {
23
- ctx?.setState(
24
- "legend",
25
- "payload",
26
- (items) => {
27
- ;(items as ReadonlyArray<LegendPayload>[]).push(current)
28
- },
29
- )
30
- } else if (prevPayload !== current) {
31
- const prev = prevPayload
32
- ctx?.setState(
33
- "legend",
34
- "payload",
35
- (items) => {
36
- const mutableItems = items as ReadonlyArray<LegendPayload>[]
37
- const idx = mutableItems.findIndex((e) => isSameStoreEntry(e, prev))
38
- if (idx !== -1) {
39
- mutableItems[idx] = current
40
- }
41
- },
42
- )
43
- }
44
- prevPayload = current
45
- },
46
- )
47
-
48
- onCleanup(() => {
49
- teardownWrite(() => {
50
- if (prevPayload) {
51
- const toRemove = prevPayload
52
- ctx?.setState(
53
- "legend",
54
- "payload",
55
- (items) => {
56
- const mutableItems = items as ReadonlyArray<LegendPayload>[]
57
- const idx = mutableItems.findIndex((e) => isSameStoreEntry(e, toRemove))
58
- if (idx !== -1) {
59
- mutableItems.splice(idx, 1)
60
- }
61
- },
62
- )
63
- prevPayload = null
64
- }
65
- })
66
- })
67
-
68
- return null
69
- }
70
-
71
- export function SetPolarLegendPayload(props: {
72
- legendPayload: ReadonlyArray<LegendPayload>
73
- }): null {
74
- const legacyCtx = useChartStore()
75
- const ctx = useOptionalChartState()
76
- let prevPayload: ReadonlyArray<LegendPayload> | null = null
77
-
78
- createEffect(
79
- () => ({
80
- current: props.legendPayload,
81
- layout: legacyCtx ? selectChartLayout(legacyCtx.store) : undefined,
82
- }),
83
- ({ current, layout }) => {
84
- if (layout !== "centric" && layout !== "radial") {
85
- return
86
- }
87
- if (prevPayload === null) {
88
- ctx?.setState(
89
- "legend",
90
- "payload",
91
- (items) => {
92
- ;(items as ReadonlyArray<LegendPayload>[]).push(current)
93
- },
94
- )
95
- } else if (prevPayload !== current) {
96
- const prev = prevPayload
97
- ctx?.setState(
98
- "legend",
99
- "payload",
100
- (items) => {
101
- const mutableItems = items as ReadonlyArray<LegendPayload>[]
102
- const idx = mutableItems.findIndex((e) => isSameStoreEntry(e, prev))
103
- if (idx !== -1) {
104
- mutableItems[idx] = current
105
- }
106
- },
107
- )
108
- }
109
- prevPayload = current
110
- },
111
- )
112
-
113
- onCleanup(() => {
114
- teardownWrite(() => {
115
- if (prevPayload) {
116
- const toRemove = prevPayload
117
- ctx?.setState(
118
- "legend",
119
- "payload",
120
- (items) => {
121
- const mutableItems = items as ReadonlyArray<LegendPayload>[]
122
- const idx = mutableItems.findIndex((e) => isSameStoreEntry(e, toRemove))
123
- if (idx !== -1) {
124
- mutableItems.splice(idx, 1)
125
- }
126
- },
127
- )
128
- prevPayload = null
129
- }
130
- })
131
- })
132
-
133
- return null
134
- }
@@ -1,72 +0,0 @@
1
- import { createEffect, onCleanup } from 'solid-js';
2
- import type { TooltipPayloadConfiguration } from "./tooltipSlice"
3
- import { useIsPanorama } from "../context/PanoramaContext"
4
- import { useOptionalChartState } from "./useChartState"
5
- import { isSameStoreEntry } from "./storeIdentity"
6
- import { teardownWrite } from "./teardownWrite"
7
- import { markRawData } from "./rawData"
8
-
9
- export function SetTooltipEntrySettings(props: {
10
- tooltipEntrySettings: TooltipPayloadConfiguration
11
- }): null {
12
- const ctx = useOptionalChartState()
13
- const isPanorama = useIsPanorama()
14
- let prevSettings: TooltipPayloadConfiguration | null = null
15
-
16
- createEffect(
17
- () => props.tooltipEntrySettings,
18
- (current) => {
19
- if (isPanorama) {
20
- /* Panorama graphical items should never contribute to Tooltip payload. */
21
- return
22
- }
23
- /* Item data is served by reference like chart data, so payload rows keep their identity. */
24
- markRawData(current.dataDefinedOnItem)
25
- if (prevSettings === null) {
26
- ctx?.setState(
27
- "tooltip",
28
- "tooltipItemPayloads",
29
- (items) => {
30
- ;(items as TooltipPayloadConfiguration[]).push(current)
31
- },
32
- )
33
- } else if (prevSettings !== current) {
34
- const prev = prevSettings
35
- ctx?.setState(
36
- "tooltip",
37
- "tooltipItemPayloads",
38
- (items) => {
39
- const mutableItems = items as TooltipPayloadConfiguration[]
40
- const idx = mutableItems.findIndex((e) => isSameStoreEntry(e, prev))
41
- if (idx !== -1) {
42
- mutableItems[idx] = current
43
- }
44
- },
45
- )
46
- }
47
- prevSettings = current
48
- },
49
- )
50
-
51
- onCleanup(() => {
52
- teardownWrite(() => {
53
- if (prevSettings) {
54
- const toRemove = prevSettings
55
- ctx?.setState(
56
- "tooltip",
57
- "tooltipItemPayloads",
58
- (items) => {
59
- const mutableItems = items as TooltipPayloadConfiguration[]
60
- const idx = mutableItems.findIndex((e) => isSameStoreEntry(e, toRemove))
61
- if (idx !== -1) {
62
- mutableItems.splice(idx, 1)
63
- }
64
- },
65
- )
66
- prevSettings = null
67
- }
68
- })
69
- })
70
-
71
- return null
72
- }
@@ -1,464 +0,0 @@
1
- /* eslint-disable import/no-cycle, sort-keys */
2
- import type { ChartState } from "./chartState"
3
- import type { CartesianItemState, PolarItemState } from "./chartState"
4
- import { readChartState } from "./chartState"
5
- import { snapshot } from "solid-js"
6
- import { markRawData } from "./rawData"
7
- import { isDefaultZIndex } from "./zIndexSlice"
8
- import type {
9
- AxisId,
10
- XAxisSettings,
11
- YAxisSettings,
12
- ZAxisSettings,
13
- } from "./cartesianAxisSlice"
14
- import type { BrushStartEndIndexActionPayload, ChartData } from "./chartDataSlice"
15
- import type { ErrorBarsSettings } from "./errorBarSlice"
16
- import type { EventSettingsState } from "./eventSettingsSlice"
17
- import type {
18
- CartesianGraphicalItemSettings,
19
- GraphicalItemId,
20
- PolarGraphicalItemSettings,
21
- ReplacePayload,
22
- } from "./graphicalItemsSlice"
23
- import type { LegendSettings } from "./legendSlice"
24
- import type { LegendPayload } from "../component/DefaultLegendContent"
25
- import type { Margin, Size } from "../util/types"
26
- import type { AngleAxisSettings, RadiusAxisSettings } from "./polarAxisSlice"
27
- import type {
28
- ReferenceAreaSettings,
29
- ReferenceDotSettings,
30
- ReferenceLineSettings,
31
- } from "./referenceElementsSlice"
32
- import type {
33
- AxisTooltipActionPayload,
34
- GraphicalItemTooltipActionPayload,
35
- TooltipPayloadConfiguration,
36
- TooltipSettingsState,
37
- TooltipSyncState,
38
- } from "./tooltipSlice"
39
-
40
- import { type SetStoreFunction } from '../util/solid-1-compat';
41
- import { isSameStoreEntry } from "./storeIdentity"
42
- import { setTooltipInteraction } from "./tooltipInteraction"
43
- /**
44
- * Native Solid actions factory. Every mutator writes ChartState only.
45
- *
46
- * Method names mirror the legacy exports 1:1 so call sites can migrate from
47
- * `dispatch(setBrushSettings(x))` → `actions.setBrushSettings(x)` without renaming.
48
- */
49
- export function createActions(
50
- store: ChartState,
51
- setStore: SetStoreFunction<ChartState>,
52
- ) {
53
- const setState = setStore
54
- const chart = readChartState(store)
55
-
56
- /* Upstream replaces the item in place: a changed id keeps the old item's position. */
57
- /* Item-level data is served by reference like chart data (see markRawData). */
58
- const cartesianItemState = (settings: CartesianGraphicalItemSettings): CartesianItemState => {
59
- markRawData((settings as { data?: unknown }).data)
60
- return { settings, type: settings.type } as CartesianItemState
61
- }
62
- const polarItemState = (settings: PolarGraphicalItemSettings): PolarItemState => {
63
- markRawData((settings as { data?: unknown }).data)
64
- return { settings, type: settings.type } as PolarItemState
65
- }
66
-
67
- const replaceGraphicalItem = (
68
- prevId: string,
69
- nextId: string,
70
- itemState: CartesianItemState | PolarItemState,
71
- ): void => {
72
- if (prevId === nextId || !(prevId in store.graphicalItems)) {
73
- setState("graphicalItems", nextId, itemState as never)
74
- return
75
- }
76
- setState((draft) => {
77
- const entries = Object.entries(snapshot(draft.graphicalItems))
78
- for (const [key] of entries) {
79
- delete draft.graphicalItems[key]
80
- }
81
- for (const [key, value] of entries) {
82
- if (key === prevId) {
83
- draft.graphicalItems[nextId] = itemState
84
- } else if (key !== nextId) {
85
- draft.graphicalItems[key] = value
86
- }
87
- }
88
- })
89
- }
90
-
91
- return {
92
- /* --- brush --- */
93
- setBrushSettings(settings: { height: number; padding: { bottom: number; left: number; right: number; top: number }; width: number | undefined; x: number | undefined; y: number | undefined } | null): void {
94
- const val = settings ?? { height: 0, padding: { bottom: 0, left: 0, right: 0, top: 0 }, width: 0, x: 0, y: 0 }
95
- setState("brush", val)
96
- },
97
-
98
- /* --- cartesianAxis --- */
99
- addXAxis(settings: XAxisSettings): void {
100
- setState("cartesianAxes", "xAxis", String(settings.id), { settings })
101
- },
102
- removeXAxis(settings: XAxisSettings): void {
103
- const id = String(settings.id)
104
- setState("cartesianAxes", "xAxis", (axes) => { delete axes[id] })
105
- },
106
- replaceXAxis(payload: { prev: XAxisSettings; next: XAxisSettings }): void {
107
- setState("cartesianAxes", "xAxis", String(payload.next.id), { settings: payload.next })
108
- },
109
- addYAxis(settings: YAxisSettings): void {
110
- setState("cartesianAxes", "yAxis", String(settings.id), { settings })
111
- },
112
- removeYAxis(settings: YAxisSettings): void {
113
- const id = String(settings.id)
114
- setState("cartesianAxes", "yAxis", (axes) => { delete axes[id] })
115
- },
116
- replaceYAxis(payload: { prev: YAxisSettings; next: YAxisSettings }): void {
117
- setState("cartesianAxes", "yAxis", String(payload.next.id), { settings: payload.next })
118
- },
119
- updateYAxisWidth(payload: { id: AxisId; width: number }): void {
120
- const axisEntry = chart.cartesianAxes.yAxis[String(payload.id)]
121
- const axis = axisEntry?.settings
122
- if (axis == null) return
123
- const history = axis.widthHistory ?? []
124
- if (
125
- history.length === 3 &&
126
- history[0] === history[2] &&
127
- payload.width === history[1] &&
128
- payload.width !== axis.width &&
129
- Math.abs(payload.width - (history[0] ?? 0)) <= 1
130
- ) {
131
- return
132
- }
133
- const newHistory = [...history, payload.width].slice(-3)
134
- const updated = { ...axis, width: payload.width, widthHistory: newHistory }
135
- setState("cartesianAxes", "yAxis", String(payload.id), "settings", updated)
136
- },
137
- addZAxis(settings: ZAxisSettings): void {
138
- setState("cartesianAxes", "zAxis", String(settings.id), { settings })
139
- },
140
- removeZAxis(settings: ZAxisSettings): void {
141
- const id = String(settings.id)
142
- setState("cartesianAxes", "zAxis", (axes) => { delete axes[id] })
143
- },
144
- replaceZAxis(payload: { prev: ZAxisSettings; next: ZAxisSettings }): void {
145
- setState("cartesianAxes", "zAxis", String(payload.next.id), { settings: payload.next })
146
- },
147
-
148
- /* --- chartData --- */
149
- setChartData(data: ChartData | undefined): void {
150
- setState("chartData", "chartData", markRawData(data))
151
- if (data == null) {
152
- setState("chartData", "dataStartIndex", 0)
153
- setState("chartData", "dataEndIndex", 0)
154
- return
155
- }
156
- if (data.length > 0) {
157
- setState("chartData", "dataEndIndex", (prev: number) =>
158
- prev !== data.length - 1 ? data.length - 1 : prev,
159
- )
160
- }
161
- },
162
- setComputedData(data: unknown): void {
163
- setState("chartData", "computedData", markRawData(data))
164
- },
165
- setDataStartEndIndexes(payload: BrushStartEndIndexActionPayload): void {
166
- if (payload.startIndex !== undefined) {
167
- setState("chartData", "dataStartIndex", payload.startIndex)
168
- }
169
- if (payload.endIndex !== undefined) {
170
- setState("chartData", "dataEndIndex", payload.endIndex)
171
- }
172
- },
173
-
174
- /* --- errorBars (produce-based, see GOTCHA-013) --- */
175
- addErrorBar(payload: { errorBar: ErrorBarsSettings; itemId: GraphicalItemId }): void {
176
- setState(
177
- "errorBars",
178
- (errorBars) => {
179
- const list = errorBars[payload.itemId] ?? []
180
- errorBars[payload.itemId] = [...list, payload.errorBar]
181
- },
182
- )
183
- },
184
- removeErrorBar(payload: { errorBar: ErrorBarsSettings; itemId: GraphicalItemId }): void {
185
- setState(
186
- "errorBars",
187
- (errorBars) => {
188
- const list = errorBars[payload.itemId]
189
- if (list == null) return
190
- errorBars[payload.itemId] = list.filter((e) => !isSameStoreEntry(e, payload.errorBar))
191
- },
192
- )
193
- },
194
- replaceErrorBar(payload: {
195
- itemId: GraphicalItemId
196
- prev: ErrorBarsSettings
197
- next: ErrorBarsSettings
198
- }): void {
199
- setState(
200
- "errorBars",
201
- (errorBars) => {
202
- const list = errorBars[payload.itemId]
203
- if (list == null) return
204
- errorBars[payload.itemId] = list.map((e) =>
205
- e === payload.prev ? payload.next : e,
206
- )
207
- },
208
- )
209
- },
210
-
211
- /* --- eventSettings --- */
212
- setEventSettings(settings: Partial<EventSettingsState>): void {
213
- if (settings.throttleDelay !== undefined) {
214
- setState("eventSettings", "throttleDelay", settings.throttleDelay)
215
- }
216
- if (settings.throttledEvents !== undefined) {
217
- setState("eventSettings", "throttledEvents", settings.throttledEvents)
218
- }
219
- },
220
-
221
- /* --- graphicalItems --- */
222
- addCartesianGraphicalItem(item: CartesianGraphicalItemSettings): void {
223
- if (item.id != null) {
224
- setState("graphicalItems", String(item.id), cartesianItemState(item) as never)
225
- }
226
- },
227
- removeCartesianGraphicalItem(item: CartesianGraphicalItemSettings): void {
228
- if (item.id != null) {
229
- setState("graphicalItems", String(item.id), undefined as never)
230
- }
231
- },
232
- replaceCartesianGraphicalItem(payload: ReplacePayload<CartesianGraphicalItemSettings>): void {
233
- if (payload.next.id != null) {
234
- replaceGraphicalItem(String(payload.prev.id), String(payload.next.id), cartesianItemState(payload.next))
235
- }
236
- },
237
- addPolarGraphicalItem(item: PolarGraphicalItemSettings): void {
238
- if (item.id != null) {
239
- setState("graphicalItems", String(item.id), polarItemState(item) as never)
240
- }
241
- },
242
- removePolarGraphicalItem(item: PolarGraphicalItemSettings): void {
243
- if (item.id != null) {
244
- setState("graphicalItems", String(item.id), undefined as never)
245
- }
246
- },
247
- replacePolarGraphicalItem(payload: ReplacePayload<PolarGraphicalItemSettings>): void {
248
- if (payload.next.id != null) {
249
- replaceGraphicalItem(String(payload.prev.id), String(payload.next.id), polarItemState(payload.next))
250
- }
251
- },
252
-
253
- /* --- layout --- */
254
- setChartSize(size: Size): void {
255
- setState("layout", "width", size.width)
256
- setState("layout", "height", size.height)
257
- },
258
- setMargin(margin: Margin): void {
259
- setState("layout", "margin", margin)
260
- },
261
- setScale(scale: number): void {
262
- setState("layout", "scale", scale)
263
- },
264
-
265
- /* --- legend --- */
266
- setLegendSettings(settings: LegendSettings): void {
267
- setState("legend", "settings", settings)
268
- },
269
- setLegendSize(size: Size): void {
270
- setState("legend", "size", size)
271
- },
272
- addLegendPayload(payload: ReadonlyArray<LegendPayload>): void {
273
- setState("legend", "payload", (prev: ReadonlyArray<ReadonlyArray<LegendPayload>>) => [...prev, payload])
274
- },
275
- removeLegendPayload(payload: ReadonlyArray<LegendPayload>): void {
276
- setState("legend", "payload", (prev: ReadonlyArray<ReadonlyArray<LegendPayload>>) => {
277
- const index = prev.findIndex((e) => isSameStoreEntry(e, payload))
278
- if (index === -1) return prev
279
- return [...prev.slice(0, index), ...prev.slice(index + 1)]
280
- })
281
- },
282
- replaceLegendPayload(
283
- prev: ReadonlyArray<LegendPayload>,
284
- next: ReadonlyArray<LegendPayload>,
285
- ): void {
286
- setState("legend", "payload", (arr: ReadonlyArray<ReadonlyArray<LegendPayload>>) => {
287
- const index = arr.findIndex((e) => isSameStoreEntry(e, prev))
288
- if (index === -1) return arr
289
- const copy = [...arr]
290
- copy[index] = next
291
- return copy
292
- })
293
- },
294
-
295
- /* --- polarAxis --- */
296
- addAngleAxis(settings: AngleAxisSettings): void {
297
- setState("polarAxes", "angleAxis", String(settings.id), { settings })
298
- },
299
- removeAngleAxis(settings: AngleAxisSettings): void {
300
- const id = String(settings.id)
301
- setState("polarAxes", "angleAxis", (axes) => { delete axes[id] })
302
- },
303
- addRadiusAxis(settings: RadiusAxisSettings): void {
304
- setState("polarAxes", "radiusAxis", String(settings.id), { settings })
305
- },
306
- removeRadiusAxis(settings: RadiusAxisSettings): void {
307
- const id = String(settings.id)
308
- setState("polarAxes", "radiusAxis", (axes) => { delete axes[id] })
309
- },
310
-
311
- /* --- referenceElements --- */
312
- addLine(settings: ReferenceLineSettings): void {
313
- setState("referenceElements", "lines", (prev) => [...prev, settings])
314
- },
315
- removeLine(settings: ReferenceLineSettings): void {
316
- setState("referenceElements", "lines", (prev) => prev.filter((l) => !isSameStoreEntry(l, settings)))
317
- },
318
- addDot(settings: ReferenceDotSettings): void {
319
- setState("referenceElements", "dots", (prev) => [...prev, settings])
320
- },
321
- removeDot(settings: ReferenceDotSettings): void {
322
- setState("referenceElements", "dots", (prev) => prev.filter((d) => !isSameStoreEntry(d, settings)))
323
- },
324
- addArea(settings: ReferenceAreaSettings): void {
325
- setState("referenceElements", "areas", (prev) => [...prev, settings])
326
- },
327
- removeArea(settings: ReferenceAreaSettings): void {
328
- setState("referenceElements", "areas", (prev) => prev.filter((a) => !isSameStoreEntry(a, settings)))
329
- },
330
-
331
- /* --- tooltip --- */
332
- mouseLeaveChart(): void {
333
- {
334
- setState("tooltip", "axisInteraction", "hover", "active", false)
335
- setState("tooltip", "itemInteraction", "hover", "active", false)
336
- }
337
- },
338
- mouseLeaveItem(): void {
339
- setState("tooltip", "itemInteraction", "hover", "active", false)
340
- },
341
- setActiveMouseOverItemIndex(payload: GraphicalItemTooltipActionPayload): void {
342
- const itemPayload = {
343
- active: true,
344
- coordinate: payload.activeCoordinate,
345
- dataKey: payload.activeDataKey,
346
- graphicalItemId: payload.activeGraphicalItemId,
347
- index: payload.activeIndex,
348
- }
349
- setTooltipInteraction(setState, "itemInteraction", "hover", itemPayload)
350
- },
351
- setActiveClickItemIndex(payload: GraphicalItemTooltipActionPayload): void {
352
- const itemPayload = {
353
- active: true,
354
- coordinate: payload.activeCoordinate,
355
- dataKey: payload.activeDataKey,
356
- graphicalItemId: payload.activeGraphicalItemId,
357
- index: payload.activeIndex,
358
- }
359
- setTooltipInteraction(setState, "itemInteraction", "click", itemPayload)
360
- },
361
- setTooltipSettingsState(settings: TooltipSettingsState): void {
362
- setState("tooltip", "settings", settings)
363
- },
364
- setMouseOverAxisIndex(payload: AxisTooltipActionPayload): void {
365
- const axisPayload = {
366
- active: true,
367
- coordinate: payload.activeCoordinate,
368
- dataKey: payload.activeDataKey,
369
- graphicalItemId: undefined,
370
- index: payload.activeIndex,
371
- }
372
- setTooltipInteraction(setState, "axisInteraction", "hover", axisPayload)
373
- },
374
- setMouseClickAxisIndex(payload: AxisTooltipActionPayload): void {
375
- setTooltipInteraction(setState, "axisInteraction", "click", {
376
- active: true,
377
- coordinate: payload.activeCoordinate,
378
- dataKey: payload.activeDataKey,
379
- graphicalItemId: undefined,
380
- index: payload.activeIndex,
381
- })
382
- },
383
- setSyncInteraction(payload: TooltipSyncState): void {
384
- setState("tooltip", "syncInteraction", payload)
385
- },
386
- addTooltipEntrySettings(payload: TooltipPayloadConfiguration): void {
387
- markRawData(payload.dataDefinedOnItem)
388
- setState("tooltip", "tooltipItemPayloads", (prev: ReadonlyArray<TooltipPayloadConfiguration>) => [...prev, payload])
389
- },
390
-
391
- /* --- zIndex --- */
392
- registerZIndexPortalElement(payload: {
393
- element: Element
394
- isPanorama: boolean
395
- zIndex: number
396
- }): void {
397
- ensureZIndexEntry(setState, payload.zIndex, chart.zIndex.zIndexMap)
398
- const key = payload.isPanorama ? "panoramaElement" : "element"
399
- setState("zIndex", "zIndexMap", payload.zIndex, key, payload.element)
400
- },
401
- unregisterZIndexPortalElement(payload: { isPanorama: boolean; zIndex: number }): void {
402
- ensureZIndexEntry(setState, payload.zIndex, chart.zIndex.zIndexMap)
403
- const key = payload.isPanorama ? "panoramaElement" : "element"
404
- setState("zIndex", "zIndexMap", payload.zIndex, key, undefined)
405
- },
406
- addZIndexLayer(payload: { zIndex: number }): void {
407
- ensureZIndexEntry(setState, payload.zIndex, chart.zIndex.zIndexMap)
408
- setState("zIndex", "zIndexMap", payload.zIndex, "consumers", (c: number) => c + 1)
409
- },
410
- removeZIndexLayer(payload: { zIndex: number }): void {
411
- setState(
412
- "zIndex",
413
- "zIndexMap",
414
- payload.zIndex,
415
- "consumers",
416
- (c: number) => Math.max(0, c - 1),
417
- )
418
- },
419
- registerZIndexPortal(payload: { zIndex: number }): void {
420
- const existing = chart.zIndex.zIndexMap[payload.zIndex]
421
- if (existing) {
422
- setState("zIndex", "zIndexMap", payload.zIndex, "consumers", existing.consumers + 1)
423
- } else {
424
- setState("zIndex", "zIndexMap", payload.zIndex, {
425
- consumers: 1,
426
- element: undefined,
427
- panoramaElement: undefined,
428
- })
429
- }
430
- },
431
- unregisterZIndexPortal(payload: { zIndex: number }): void {
432
- const existing = chart.zIndex.zIndexMap[payload.zIndex]
433
- if (existing) {
434
- const newConsumers = existing.consumers - 1
435
- if (newConsumers <= 0 && !isDefaultZIndex(payload.zIndex)) {
436
- setState("zIndex", "zIndexMap", (prev) => {
437
- const next = { ...prev }
438
- delete next[payload.zIndex]
439
- return next
440
- })
441
- } else {
442
- setState("zIndex", "zIndexMap", payload.zIndex, "consumers", newConsumers)
443
- }
444
- }
445
- },
446
- }
447
- }
448
-
449
- export type ChartActions = ReturnType<typeof createActions>
450
-
451
- /* Solid's setStore("zIndex","zIndexMap",N,key,...) crashes when zIndexMap[N]
452
- is undefined (custom zIndex outside DefaultZIndexes). Pre-seed before nested write. */
453
- function ensureZIndexEntry(
454
- setState: SetStoreFunction<ChartState>,
455
- zIndex: number,
456
- currentMap: ChartState["zIndex"]["zIndexMap"],
457
- ): void {
458
- if (currentMap[zIndex] != null) return
459
- setState("zIndex", "zIndexMap", zIndex, {
460
- consumers: 0,
461
- element: undefined,
462
- panoramaElement: undefined,
463
- })
464
- }
@@ -1,13 +0,0 @@
1
- import type { Padding } from "../util/types"
2
-
3
- /**
4
- * From all Brush properties, only height has a default value and will always be defined.
5
- * Other properties are nullable and will be computed from offsets and margins if they are not set.
6
- */
7
- export type BrushSettings = {
8
- x: number | undefined
9
- y: number | undefined
10
- width: number | undefined
11
- height: number
12
- padding: Padding
13
- }