@redsift/charts 11.6.0-muiv5-alpha.11 → 11.6.0-muiv5-alpha.13

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 (244) hide show
  1. package/_internal/Arc.js +2 -0
  2. package/{packages/charts/src/components/Arc/_internal → _internal}/Arc.js.map +1 -1
  3. package/{packages/charts/src/components/Arc/_internal → _internal}/Arc2.js +51 -8
  4. package/_internal/Arc2.js.map +1 -0
  5. package/_internal/Arcs.js +2 -0
  6. package/{packages/charts/src/components/Arcs/_internal → _internal}/Arcs.js.map +1 -1
  7. package/{packages/charts/src/components/Arcs/_internal → _internal}/Arcs2.js +11 -7
  8. package/_internal/Arcs2.js.map +1 -0
  9. package/_internal/Axis.js +2 -0
  10. package/{packages/charts/src/components/Axis/_internal → _internal}/Axis.js.map +1 -1
  11. package/{packages/charts/src/components/Axis/_internal → _internal}/Axis2.js +186 -9
  12. package/_internal/Axis2.js.map +1 -0
  13. package/_internal/Bar.js +2 -0
  14. package/{packages/charts/src/components/Bar/_internal → _internal}/Bar.js.map +1 -1
  15. package/{packages/charts/src/components/Bar/_internal → _internal}/Bar2.js +84 -9
  16. package/_internal/Bar2.js.map +1 -0
  17. package/_internal/BarChart.js +2 -0
  18. package/{packages/charts/src/components/BarChart/_internal → _internal}/BarChart.js.map +1 -1
  19. package/_internal/BarChart2.js +1419 -0
  20. package/_internal/BarChart2.js.map +1 -0
  21. package/_internal/ChartContainer.js +2 -0
  22. package/{packages/charts/src/components/ChartContainer/_internal → _internal}/ChartContainer.js.map +1 -1
  23. package/{packages/charts/src/components/ChartContainer/_internal → _internal}/ChartContainer2.js +104 -5
  24. package/_internal/ChartContainer2.js.map +1 -0
  25. package/_internal/DataPoint.js +2 -0
  26. package/{packages/charts/src/components/DataPoint/_internal → _internal}/DataPoint.js.map +1 -1
  27. package/{packages/charts/src/components/DataPoint/_internal → _internal}/DataPoint2.js +10 -4
  28. package/_internal/DataPoint2.js.map +1 -0
  29. package/_internal/Dot.js +2 -0
  30. package/{packages/charts/src/components/Dot/_internal → _internal}/Dot.js.map +1 -1
  31. package/{packages/charts/src/components/Dot/_internal → _internal}/Dot2.js +60 -5
  32. package/_internal/Dot2.js.map +1 -0
  33. package/_internal/Legend.js +2 -0
  34. package/{packages/charts/src/components/Legend/_internal → _internal}/Legend.js.map +1 -1
  35. package/{packages/charts/src/components/Legend/_internal/Legend2.js → _internal/Legend3.js} +17 -6
  36. package/_internal/Legend3.js.map +1 -0
  37. package/_internal/LegendItem.js +2 -0
  38. package/{packages/charts/src/components/LegendItem/_internal → _internal}/LegendItem.js.map +1 -1
  39. package/{packages/charts/src/components/LegendItem/_internal → _internal}/LegendItem2.js +63 -6
  40. package/_internal/LegendItem2.js.map +1 -0
  41. package/_internal/Line.js +2 -0
  42. package/{packages/charts/src/components/Line/_internal → _internal}/Line.js.map +1 -1
  43. package/{packages/charts/src/components/Line/_internal → _internal}/Line2.js +11 -7
  44. package/_internal/Line2.js.map +1 -0
  45. package/_internal/LineChart.js +2 -0
  46. package/{packages/charts/src/components/LineChart/_internal → _internal}/LineChart.js.map +1 -1
  47. package/{packages/charts/src/components/LineChart/_internal/RenderedLineChart.js → _internal/LineChart2.js} +317 -20
  48. package/_internal/LineChart2.js.map +1 -0
  49. package/_internal/PieChart.js +2 -0
  50. package/{packages/charts/src/components/PieChart/_internal → _internal}/PieChart.js.map +1 -1
  51. package/_internal/PieChart2.js +605 -0
  52. package/_internal/PieChart2.js.map +1 -0
  53. package/_internal/ScatterPlot.js +2 -0
  54. package/{packages/charts/src/components/ScatterPlot/_internal → _internal}/ScatterPlot.js.map +1 -1
  55. package/_internal/ScatterPlot2.js +744 -0
  56. package/_internal/ScatterPlot2.js.map +1 -0
  57. package/{_virtual/_internal → _internal}/_rollupPluginBabelHelpers.js +1 -1
  58. package/_internal/config.js +13 -0
  59. package/_internal/config.js.map +1 -0
  60. package/{packages/charts/src/types/_internal/legend.js → _internal/legend2.js} +2 -2
  61. package/_internal/legend2.js.map +1 -0
  62. package/{packages/charts/src/_internal → _internal}/scheme.js +1 -1
  63. package/_internal/scheme.js.map +1 -0
  64. package/{packages/charts/src/utils/index.js → _internal/theme.js} +37 -2
  65. package/_internal/theme.js.map +1 -0
  66. package/{packages/charts/src/hooks/_internal → _internal}/useFormatCategoricalData.js +3 -4
  67. package/_internal/useFormatCategoricalData.js.map +1 -0
  68. package/index.js +18 -0
  69. package/index.js.map +1 -0
  70. package/index2.js +16 -0
  71. package/index2.js.map +1 -0
  72. package/package.json +2 -2
  73. package/packages/charts/src/_internal/config.js +0 -15
  74. package/packages/charts/src/_internal/config.js.map +0 -1
  75. package/packages/charts/src/_internal/scheme.js.map +0 -1
  76. package/packages/charts/src/components/Arc/_internal/Arc.js +0 -3
  77. package/packages/charts/src/components/Arc/_internal/Arc2.js.map +0 -1
  78. package/packages/charts/src/components/Arc/_internal/styles.js +0 -49
  79. package/packages/charts/src/components/Arc/_internal/styles.js.map +0 -1
  80. package/packages/charts/src/components/Arcs/_internal/Arcs.js +0 -3
  81. package/packages/charts/src/components/Arcs/_internal/Arcs2.js.map +0 -1
  82. package/packages/charts/src/components/Arcs/_internal/styles.js +0 -9
  83. package/packages/charts/src/components/Arcs/_internal/styles.js.map +0 -1
  84. package/packages/charts/src/components/Axis/_internal/Axis.js +0 -4
  85. package/packages/charts/src/components/Axis/_internal/Axis2.js.map +0 -1
  86. package/packages/charts/src/components/Axis/_internal/computeTicks.js +0 -117
  87. package/packages/charts/src/components/Axis/_internal/computeTicks.js.map +0 -1
  88. package/packages/charts/src/components/Axis/_internal/styles.js +0 -51
  89. package/packages/charts/src/components/Axis/_internal/styles.js.map +0 -1
  90. package/packages/charts/src/components/Axis/_internal/types.js +0 -24
  91. package/packages/charts/src/components/Axis/_internal/types.js.map +0 -1
  92. package/packages/charts/src/components/Bar/_internal/Bar.js +0 -4
  93. package/packages/charts/src/components/Bar/_internal/Bar2.js.map +0 -1
  94. package/packages/charts/src/components/Bar/_internal/styles.js +0 -66
  95. package/packages/charts/src/components/Bar/_internal/styles.js.map +0 -1
  96. package/packages/charts/src/components/Bar/_internal/types.js +0 -18
  97. package/packages/charts/src/components/Bar/_internal/types.js.map +0 -1
  98. package/packages/charts/src/components/BarChart/_internal/BarChart.js +0 -4
  99. package/packages/charts/src/components/BarChart/_internal/BarChart2.js +0 -141
  100. package/packages/charts/src/components/BarChart/_internal/BarChart2.js.map +0 -1
  101. package/packages/charts/src/components/BarChart/_internal/BarChartBars.js +0 -168
  102. package/packages/charts/src/components/BarChart/_internal/BarChartBars.js.map +0 -1
  103. package/packages/charts/src/components/BarChart/_internal/BarChartSection.js +0 -139
  104. package/packages/charts/src/components/BarChart/_internal/BarChartSection.js.map +0 -1
  105. package/packages/charts/src/components/BarChart/_internal/EmptyBarChart.js +0 -57
  106. package/packages/charts/src/components/BarChart/_internal/EmptyBarChart.js.map +0 -1
  107. package/packages/charts/src/components/BarChart/_internal/LoadingBarChart.js +0 -18
  108. package/packages/charts/src/components/BarChart/_internal/LoadingBarChart.js.map +0 -1
  109. package/packages/charts/src/components/BarChart/_internal/RenderedLinearBarChart.js +0 -549
  110. package/packages/charts/src/components/BarChart/_internal/RenderedLinearBarChart.js.map +0 -1
  111. package/packages/charts/src/components/BarChart/_internal/RenderedOrdinalBarChart.js +0 -236
  112. package/packages/charts/src/components/BarChart/_internal/RenderedOrdinalBarChart.js.map +0 -1
  113. package/packages/charts/src/components/BarChart/_internal/context.js +0 -13
  114. package/packages/charts/src/components/BarChart/_internal/context.js.map +0 -1
  115. package/packages/charts/src/components/BarChart/_internal/styles.js +0 -71
  116. package/packages/charts/src/components/BarChart/_internal/styles.js.map +0 -1
  117. package/packages/charts/src/components/BarChart/_internal/types.js +0 -17
  118. package/packages/charts/src/components/BarChart/_internal/types.js.map +0 -1
  119. package/packages/charts/src/components/BarChart/_internal/utils.js +0 -69
  120. package/packages/charts/src/components/BarChart/_internal/utils.js.map +0 -1
  121. package/packages/charts/src/components/BarChart/intl/_internal/en-US.js +0 -17
  122. package/packages/charts/src/components/BarChart/intl/_internal/en-US.js.map +0 -1
  123. package/packages/charts/src/components/BarChart/intl/_internal/fr-FR.js +0 -17
  124. package/packages/charts/src/components/BarChart/intl/_internal/fr-FR.js.map +0 -1
  125. package/packages/charts/src/components/BarChart/intl/index.js +0 -10
  126. package/packages/charts/src/components/BarChart/intl/index.js.map +0 -1
  127. package/packages/charts/src/components/ChartContainer/_internal/ChartContainer.js +0 -3
  128. package/packages/charts/src/components/ChartContainer/_internal/ChartContainer2.js.map +0 -1
  129. package/packages/charts/src/components/ChartContainer/_internal/context.js +0 -6
  130. package/packages/charts/src/components/ChartContainer/_internal/context.js.map +0 -1
  131. package/packages/charts/src/components/ChartContainer/_internal/styles.js +0 -76
  132. package/packages/charts/src/components/ChartContainer/_internal/styles.js.map +0 -1
  133. package/packages/charts/src/components/ChartContainer/intl/_internal/en-US.js +0 -14
  134. package/packages/charts/src/components/ChartContainer/intl/_internal/en-US.js.map +0 -1
  135. package/packages/charts/src/components/ChartContainer/intl/_internal/fr-FR.js +0 -14
  136. package/packages/charts/src/components/ChartContainer/intl/_internal/fr-FR.js.map +0 -1
  137. package/packages/charts/src/components/ChartContainer/intl/index.js +0 -10
  138. package/packages/charts/src/components/ChartContainer/intl/index.js.map +0 -1
  139. package/packages/charts/src/components/DataPoint/_internal/DataPoint.js +0 -3
  140. package/packages/charts/src/components/DataPoint/_internal/DataPoint2.js.map +0 -1
  141. package/packages/charts/src/components/DataPoint/_internal/styles.js +0 -10
  142. package/packages/charts/src/components/DataPoint/_internal/styles.js.map +0 -1
  143. package/packages/charts/src/components/Dot/_internal/Dot.js +0 -4
  144. package/packages/charts/src/components/Dot/_internal/Dot2.js.map +0 -1
  145. package/packages/charts/src/components/Dot/_internal/styles.js +0 -49
  146. package/packages/charts/src/components/Dot/_internal/styles.js.map +0 -1
  147. package/packages/charts/src/components/Dot/_internal/types.js +0 -14
  148. package/packages/charts/src/components/Dot/_internal/types.js.map +0 -1
  149. package/packages/charts/src/components/Legend/_internal/Legend.js +0 -3
  150. package/packages/charts/src/components/Legend/_internal/Legend2.js.map +0 -1
  151. package/packages/charts/src/components/Legend/_internal/styles.js +0 -15
  152. package/packages/charts/src/components/Legend/_internal/styles.js.map +0 -1
  153. package/packages/charts/src/components/LegendItem/_internal/LegendItem.js +0 -3
  154. package/packages/charts/src/components/LegendItem/_internal/LegendItem2.js.map +0 -1
  155. package/packages/charts/src/components/LegendItem/_internal/styles.js +0 -63
  156. package/packages/charts/src/components/LegendItem/_internal/styles.js.map +0 -1
  157. package/packages/charts/src/components/Line/_internal/Line.js +0 -3
  158. package/packages/charts/src/components/Line/_internal/Line2.js.map +0 -1
  159. package/packages/charts/src/components/Line/_internal/styles.js +0 -9
  160. package/packages/charts/src/components/Line/_internal/styles.js.map +0 -1
  161. package/packages/charts/src/components/LineChart/_internal/EmptyLineChart.js +0 -58
  162. package/packages/charts/src/components/LineChart/_internal/EmptyLineChart.js.map +0 -1
  163. package/packages/charts/src/components/LineChart/_internal/LineChart.js +0 -4
  164. package/packages/charts/src/components/LineChart/_internal/LineChart2.js +0 -96
  165. package/packages/charts/src/components/LineChart/_internal/LineChart2.js.map +0 -1
  166. package/packages/charts/src/components/LineChart/_internal/LoadingLineChart.js +0 -18
  167. package/packages/charts/src/components/LineChart/_internal/LoadingLineChart.js.map +0 -1
  168. package/packages/charts/src/components/LineChart/_internal/RenderedLineChart.js.map +0 -1
  169. package/packages/charts/src/components/LineChart/_internal/styles.js +0 -53
  170. package/packages/charts/src/components/LineChart/_internal/styles.js.map +0 -1
  171. package/packages/charts/src/components/LineChart/_internal/types.js +0 -17
  172. package/packages/charts/src/components/LineChart/_internal/types.js.map +0 -1
  173. package/packages/charts/src/components/LineChart/_internal/utils.js +0 -67
  174. package/packages/charts/src/components/LineChart/_internal/utils.js.map +0 -1
  175. package/packages/charts/src/components/LineChart/intl/_internal/en-US.js +0 -17
  176. package/packages/charts/src/components/LineChart/intl/_internal/en-US.js.map +0 -1
  177. package/packages/charts/src/components/LineChart/intl/_internal/fr-FR.js +0 -17
  178. package/packages/charts/src/components/LineChart/intl/_internal/fr-FR.js.map +0 -1
  179. package/packages/charts/src/components/LineChart/intl/index.js +0 -10
  180. package/packages/charts/src/components/LineChart/intl/index.js.map +0 -1
  181. package/packages/charts/src/components/PieChart/_internal/EmptyPieChart.js +0 -85
  182. package/packages/charts/src/components/PieChart/_internal/EmptyPieChart.js.map +0 -1
  183. package/packages/charts/src/components/PieChart/_internal/LoadingPieChart.js +0 -18
  184. package/packages/charts/src/components/PieChart/_internal/LoadingPieChart.js.map +0 -1
  185. package/packages/charts/src/components/PieChart/_internal/PieChart.js +0 -4
  186. package/packages/charts/src/components/PieChart/_internal/PieChart2.js +0 -98
  187. package/packages/charts/src/components/PieChart/_internal/PieChart2.js.map +0 -1
  188. package/packages/charts/src/components/PieChart/_internal/RenderedPieChart.js +0 -198
  189. package/packages/charts/src/components/PieChart/_internal/RenderedPieChart.js.map +0 -1
  190. package/packages/charts/src/components/PieChart/_internal/styles.js +0 -168
  191. package/packages/charts/src/components/PieChart/_internal/styles.js.map +0 -1
  192. package/packages/charts/src/components/PieChart/_internal/types.js +0 -27
  193. package/packages/charts/src/components/PieChart/_internal/types.js.map +0 -1
  194. package/packages/charts/src/components/PieChart/_internal/utils.js +0 -37
  195. package/packages/charts/src/components/PieChart/_internal/utils.js.map +0 -1
  196. package/packages/charts/src/components/PieChart/intl/_internal/en-US.js +0 -9
  197. package/packages/charts/src/components/PieChart/intl/_internal/en-US.js.map +0 -1
  198. package/packages/charts/src/components/PieChart/intl/_internal/fr-FR.js +0 -9
  199. package/packages/charts/src/components/PieChart/intl/_internal/fr-FR.js.map +0 -1
  200. package/packages/charts/src/components/PieChart/intl/index.js +0 -10
  201. package/packages/charts/src/components/PieChart/intl/index.js.map +0 -1
  202. package/packages/charts/src/components/ScatterPlot/_internal/EmptyScatterPlot.js +0 -58
  203. package/packages/charts/src/components/ScatterPlot/_internal/EmptyScatterPlot.js.map +0 -1
  204. package/packages/charts/src/components/ScatterPlot/_internal/LoadingScatterPlot.js +0 -18
  205. package/packages/charts/src/components/ScatterPlot/_internal/LoadingScatterPlot.js.map +0 -1
  206. package/packages/charts/src/components/ScatterPlot/_internal/RenderedScatterPlot.js +0 -354
  207. package/packages/charts/src/components/ScatterPlot/_internal/RenderedScatterPlot.js.map +0 -1
  208. package/packages/charts/src/components/ScatterPlot/_internal/ScatterPlot.js +0 -4
  209. package/packages/charts/src/components/ScatterPlot/_internal/ScatterPlot2.js +0 -105
  210. package/packages/charts/src/components/ScatterPlot/_internal/ScatterPlot2.js.map +0 -1
  211. package/packages/charts/src/components/ScatterPlot/_internal/styles.js +0 -53
  212. package/packages/charts/src/components/ScatterPlot/_internal/styles.js.map +0 -1
  213. package/packages/charts/src/components/ScatterPlot/_internal/types.js +0 -24
  214. package/packages/charts/src/components/ScatterPlot/_internal/types.js.map +0 -1
  215. package/packages/charts/src/components/ScatterPlot/_internal/utils.js +0 -70
  216. package/packages/charts/src/components/ScatterPlot/_internal/utils.js.map +0 -1
  217. package/packages/charts/src/components/ScatterPlot/intl/_internal/en-US.js +0 -12
  218. package/packages/charts/src/components/ScatterPlot/intl/_internal/en-US.js.map +0 -1
  219. package/packages/charts/src/components/ScatterPlot/intl/_internal/fr-FR.js +0 -17
  220. package/packages/charts/src/components/ScatterPlot/intl/_internal/fr-FR.js.map +0 -1
  221. package/packages/charts/src/components/ScatterPlot/intl/index.js +0 -10
  222. package/packages/charts/src/components/ScatterPlot/intl/index.js.map +0 -1
  223. package/packages/charts/src/hooks/_internal/useBrush.js +0 -48
  224. package/packages/charts/src/hooks/_internal/useBrush.js.map +0 -1
  225. package/packages/charts/src/hooks/_internal/useColor.js +0 -20
  226. package/packages/charts/src/hooks/_internal/useColor.js.map +0 -1
  227. package/packages/charts/src/hooks/_internal/useFormatCategoricalData.js.map +0 -1
  228. package/packages/charts/src/hooks/_internal/useZoom.js +0 -39
  229. package/packages/charts/src/hooks/_internal/useZoom.js.map +0 -1
  230. package/packages/charts/src/index.js +0 -43
  231. package/packages/charts/src/index.js.map +0 -1
  232. package/packages/charts/src/types/_internal/legend.js.map +0 -1
  233. package/packages/charts/src/types/_internal/size.js +0 -8
  234. package/packages/charts/src/types/_internal/size.js.map +0 -1
  235. package/packages/charts/src/types/_internal/theme.js +0 -13
  236. package/packages/charts/src/types/_internal/theme.js.map +0 -1
  237. package/packages/charts/src/utils/index.js.map +0 -1
  238. package/packages/icons/src/components/mdi/_internal/mdiChevronDown.js +0 -4
  239. package/packages/icons/src/components/mdi/_internal/mdiChevronDown.js.map +0 -1
  240. package/packages/icons/src/components/mdi/_internal/mdiChevronRight.js +0 -4
  241. package/packages/icons/src/components/mdi/_internal/mdiChevronRight.js.map +0 -1
  242. package/packages/icons/src/components/mdi/_internal/mdiMouse.js +0 -4
  243. package/packages/icons/src/components/mdi/_internal/mdiMouse.js.map +0 -1
  244. /package/{_virtual/_internal → _internal}/_rollupPluginBabelHelpers.js.map +0 -0
@@ -1,69 +0,0 @@
1
- import { getSortingMethod } from '../../../utils/index.js';
2
- import { ChartSize } from '../../../types/_internal/size.js';
3
-
4
- const sizeToDimension = size => {
5
- if (typeof size !== 'string') {
6
- return size;
7
- }
8
- switch (size) {
9
- case ChartSize.small:
10
- return {
11
- width: 300,
12
- height: 200,
13
- fontSize: 30
14
- };
15
- case ChartSize.large:
16
- return {
17
- width: 500,
18
- height: 400,
19
- fontSize: 38
20
- };
21
- case ChartSize.medium:
22
- default:
23
- return {
24
- width: 400,
25
- height: 300,
26
- fontSize: 34
27
- };
28
- }
29
- };
30
- const statsBy = (arr, sortingMethod) => {
31
- const isKeyArray = Array.isArray(arr[0].key);
32
- const counts = arr.reduce((prev, curr) => {
33
- if (!curr.value) {
34
- return prev;
35
- }
36
- const currentKey = isKeyArray ? curr.key[1] : 'default';
37
- if (!prev[currentKey]) {
38
- prev[currentKey] = {
39
- value: curr.value,
40
- min: curr.value,
41
- max: curr.value,
42
- values: [curr.value]
43
- };
44
- } else {
45
- prev[currentKey] = {
46
- value: prev[currentKey].value + curr.value,
47
- min: Math.min(prev[currentKey].min, curr.value),
48
- max: Math.max(prev[currentKey].max, curr.value),
49
- values: [...prev[currentKey].values, curr.value]
50
- };
51
- }
52
- return prev;
53
- }, {});
54
- return Object.keys(counts).map(key => ({
55
- key: key,
56
- value: counts[key].value,
57
- min: counts[key].min,
58
- max: counts[key].max,
59
- values: counts[key].values,
60
- first: counts[key].values[0],
61
- last: counts[key].values[counts[key].values.length - 1],
62
- trending: {
63
- overall: (counts[key].values[counts[key].values.length - 1] - counts[key].values[0]) * 100 / counts[key].values[0]
64
- }
65
- })).sort(getSortingMethod(sortingMethod));
66
- };
67
-
68
- export { sizeToDimension, statsBy };
69
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sources":["../../../../../../../src/components/BarChart/utils.ts"],"sourcesContent":["import { SortingMethod, getSortingMethod } from '@redsift/charts/utils';\nimport { ChartSize, LinearData, LinearDatum, Statistics, TwoCategoryData, TwoCategoryDatum } from '../../types';\nimport { BarChartDimensions } from './types';\n\nexport const sizeToDimension = (size: ChartSize | BarChartDimensions): BarChartDimensions => {\n if (typeof size !== 'string') {\n return size;\n }\n\n switch (size) {\n case ChartSize.small:\n return { width: 300, height: 200, fontSize: 30 };\n case ChartSize.large:\n return { width: 500, height: 400, fontSize: 38 };\n case ChartSize.medium:\n default:\n return { width: 400, height: 300, fontSize: 34 };\n }\n};\n\nexport const statsBy: (arr: LinearData | TwoCategoryData, sortingMethod: SortingMethod) => Statistics = (\n arr,\n sortingMethod\n) => {\n const isKeyArray = Array.isArray(arr[0].key);\n\n const counts = (arr as (LinearDatum | TwoCategoryDatum)[]).reduce((prev, curr) => {\n if (!curr.value) {\n return prev;\n }\n const currentKey = isKeyArray ? ((curr as TwoCategoryDatum).key[1] as string) : 'default';\n if (!prev[currentKey as string]) {\n prev[currentKey as string] = {\n value: curr.value,\n min: curr.value,\n max: curr.value,\n values: [curr.value],\n };\n } else {\n prev[currentKey as string] = {\n value: prev[currentKey as string].value + curr.value,\n min: Math.min(prev[currentKey as string].min, curr.value),\n max: Math.max(prev[currentKey as string].max, curr.value),\n values: [...prev[currentKey as string].values, curr.value],\n };\n }\n return prev;\n }, {} as Record<string, { value: number; min: number; max: number; values: number[] }>);\n\n return Object.keys(counts)\n .map((key) => ({\n key: key,\n value: counts[key].value,\n min: counts[key].min,\n max: counts[key].max,\n values: counts[key].values,\n first: counts[key].values[0],\n last: counts[key].values[counts[key].values.length - 1],\n trending: {\n overall:\n ((counts[key].values[counts[key].values.length - 1] - counts[key].values[0]) * 100) / counts[key].values[0],\n },\n }))\n .sort(getSortingMethod(sortingMethod));\n};\n"],"names":["sizeToDimension","size","ChartSize","small","width","height","fontSize","large","medium","statsBy","arr","sortingMethod","isKeyArray","Array","isArray","key","counts","reduce","prev","curr","value","currentKey","min","max","values","Math","Object","keys","map","first","last","length","trending","overall","sort","getSortingMethod"],"mappings":"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"}
@@ -1,17 +0,0 @@
1
- var enUS = {
2
- "interactive-chart": "Interactive Bar Chart",
3
- "static-chart": "Static Bar Chart",
4
- "definition-linear": "Linear Bar Chart with {barLength} bars.",
5
- "definition-linear-with-categories": "Linear Bar Chart with {categoryLength} categories and {barLength} bars.",
6
- "definition-ordinal": "Ordinal Bar Chart with {barLength} bars.",
7
- "x-axis-numbers-definition": "The chart has {numAxis, plural, =0 {0 X axis} =1 {1 X axis} other {# X axes}} displaying numbers from {start, number} to {end, number}.",
8
- "y-axis-numbers-definition": "The chart has {numAxis, plural, =0 {0 Y axis} =1 {1 Y axis} other {# Y axes}} displaying numbers from {start, number} to {end, number}.",
9
- "x-axis-dates-definition": "The chart has {numAxis, plural, =0 {0 X axis} =1 {1 X axis} other {# X axes}} displaying dates from {start} to {end}.",
10
- "y-axis-dates-definition": "The chart has {numAxis, plural, =0 {0 Y axis} =1 {1 Y axis} other {# Y axes}} displaying dates from {start} to {end}.",
11
- "x-axis-categories-definition": "The chart has {numAxis, plural, =0 {0 X axis} =1 {1 X axis} other {# X axes}} displaying categories.",
12
- "y-axis-categories-definition": "The chart has {numAxis, plural, =0 {0 Y axis} =1 {1 Y axis} other {# Y axes}} displaying categories.",
13
- "series-legend": "{category}, category {categoryIndex} of {categoryLength} with {barLength} bars"
14
- };
15
-
16
- export { enUS as default };
17
- //# sourceMappingURL=en-US.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"en-US.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
@@ -1,17 +0,0 @@
1
- var frFR = {
2
- "interactive-chart": "Diagrammes à bandes interactif",
3
- "static-chart": "Diagrammes à bandes statique",
4
- "definition-linear": "Diagrammes à bandes contenant {barLength} bandes réparties sur un axe linéraire.",
5
- "definition-linear-with-categories": "Diagrammes à bandes contenant {categoryLength} catégories et {barLength} bandes réparties sur un axe linéraire.",
6
- "definition-ordinal": "Diagrammes à bandes contenant {barLength} bandes.",
7
- "x-axis-numbers-definition": "Le graphique a {numAxis, plural, =0 {0 axe X} =1 {1 axe X} other {# axes X}} affichant des nombres allant de {start, number} à {end, number}.",
8
- "y-axis-numbers-definition": "Le graphique a {numAxis, plural, =0 {0 axe Y} =1 {1 axe Y} other {# axes Y}} affichant des nombres allant de {start, number} à {end, number}.",
9
- "x-axis-dates-definition": "Le graphique a {numAxis, plural, =0 {0 axe X} =1 {1 axe X} other {# axes X}} affichant des dates allant de {start} à {end}.",
10
- "y-axis-dates-definition": "Le graphique a {numAxis, plural, =0 {0 axe Y} =1 {1 axe Y} other {# axes Y}} affichant des dates allant de {start} à {end}.",
11
- "x-axis-categories-definition": "Le graphique a {numAxis, plural, =0 {0 axe X} =1 {1 axe X} other {# axes X}} affichant des categories.",
12
- "y-axis-categories-definition": "Le graphique a {numAxis, plural, =0 {0 axe Y} =1 {1 axe Y} other {# axes Y}} affichant des categories.",
13
- "series-legend": "{category}, catégorie {categoryIndex} sur {categoryLength} contenant {barLength} bandes"
14
- };
15
-
16
- export { frFR as default };
17
- //# sourceMappingURL=fr-FR.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fr-FR.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
@@ -1,10 +0,0 @@
1
- import enUS from './_internal/en-US.js';
2
- import frFR from './_internal/fr-FR.js';
3
-
4
- var intlMessages = {
5
- 'en-US': enUS,
6
- 'fr-FR': frFR
7
- };
8
-
9
- export { intlMessages as default };
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../../../src/components/BarChart/intl/index.ts"],"sourcesContent":["import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n 'en-US': enUS,\n 'fr-FR': frFR,\n};\n"],"names":["enUS","frFR"],"mappings":";;;AAGA,mBAAe;AACb,EAAA,OAAO,EAAEA,IAAI;AACb,EAAA,OAAO,EAAEC,IAAAA;AACX,CAAC;;;;"}
@@ -1,3 +0,0 @@
1
- export { ChartContainer, ChartContainerDescription, ChartContainerTitle } from './ChartContainer2.js';
2
- export { StyledChartContainer, StyledChartContainerCaption, StyledChartContainerTitle } from './styles.js';
3
- //# sourceMappingURL=ChartContainer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChartContainer2.js","sources":["../../../../../../../src/components/ChartContainer/ChartContainer.tsx"],"sourcesContent":["import React, { ComponentProps, forwardRef, RefObject, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { useMessageFormatter } from '@redsift/design-system';\nimport intlMessages from './intl';\n\nimport {\n Button,\n Comp,\n Flexbox,\n Heading,\n ThemeProvider,\n useId,\n useTheme,\n warnIfNoAccessibleLabelFound,\n} from '@redsift/design-system';\n\nimport { ChartContainerProps } from './types';\nimport { StyledChartContainer, StyledChartContainerCaption, StyledChartContainerTitle } from './styles';\n\nconst COMPONENT_NAME = 'ChartContainer';\nconst CLASSNAME = 'redsift-chart-container';\n\nexport const ChartContainer: Comp<ChartContainerProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n 'aria-label': propsAriaLabel,\n 'aria-labelledby': propsAriaLabelledby,\n description,\n descriptionPosition = 'belowChart',\n chartProps,\n chartRef,\n children,\n className,\n id: propsId,\n title,\n onReset,\n theme: propsTheme,\n mode = 'static',\n definition,\n interactionExplanation,\n descriptionForAssistiveTechnology,\n dataTableRepresentation,\n xAxisDefinition,\n yAxisDefinition,\n ...forwardedProps\n } = props;\n const [_id] = useId();\n const id = propsId ?? _id;\n\n const theme = useTheme(propsTheme);\n const [viewAsDataTable, setViewAsDataTable] = useState(false);\n\n warnIfNoAccessibleLabelFound(props as ComponentProps<keyof JSX.IntrinsicElements>, [title]);\n\n const format = useMessageFormatter(intlMessages);\n\n const ariaLabel = propsAriaLabel ? propsAriaLabel : propsAriaLabelledby || title ? undefined : undefined;\n const ariaLabelledby = propsAriaLabelledby ? propsAriaLabelledby : title ? `id${id}__title` : undefined;\n\n return (\n <ThemeProvider value={{ theme }}>\n <figure>\n <div>\n <StyledChartContainer\n $theme={theme}\n role=\"region\"\n aria-hidden=\"false\"\n {...(ariaLabel ? { 'aria-label': `${ariaLabel}. ${format(mode)}.` } : {})}\n {...(ariaLabelledby ? { 'aria-labelledby': `${ariaLabelledby} id${id}__interactive-or-not` } : {})}\n {...forwardedProps}\n ref={ref as RefObject<HTMLDivElement>}\n className={classNames(ChartContainer.className, className)}\n id={id}\n >\n <div id={`id${id}__screen-reader-region-before`} aria-hidden=\"false\" style={{ position: 'relative' }}>\n <div\n aria-hidden=\"false\"\n style={{\n position: 'absolute',\n width: '1px',\n height: '1px',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n clip: 'rect(1px, 1px, 1px, 1px)',\n marginTop: '-3px',\n opacity: '0.01',\n }}\n >\n <p id={`id${id}__interactive-or-not`} aria-hidden=\"true\" style={{ display: 'none' }}>\n {format(`${mode}-chart`)}\n </p>\n {ariaLabel ? (\n <p>{`${ariaLabel}. ${format(`${mode}-chart`)}`}</p>\n ) : (\n <p aria-labelledby={`${ariaLabelledby} id${id}__interactive-or-not`} />\n )}\n <div>{descriptionForAssistiveTechnology ?? description}</div>\n <div>{interactionExplanation}</div>\n <div>{definition}</div>\n {dataTableRepresentation ? (\n <div>\n <button\n tabIndex={-1}\n aria-expanded={viewAsDataTable}\n onClick={() => setViewAsDataTable(!viewAsDataTable)}\n >\n {format('view-as-data-table')}\n {', '}\n {ariaLabel ? <span>{ariaLabel}</span> : <span aria-labelledby={ariaLabelledby} />}\n </button>\n </div>\n ) : null}\n <div>{xAxisDefinition}</div>\n <div>{yAxisDefinition}</div>\n </div>\n </div>\n <Flexbox flexDirection=\"column\">\n {title || onReset ? (\n <ChartContainerTitle onReset={onReset} id={id}>\n {title}\n </ChartContainerTitle>\n ) : null}\n {descriptionPosition === 'belowTitle' ? (\n <ChartContainerDescription id={id}>{description}</ChartContainerDescription>\n ) : null}\n </Flexbox>\n\n <Flexbox flexDirection=\"column\">\n {children ? (\n <div\n aria-hidden=\"false\"\n dir=\"ltr\"\n {...chartProps}\n ref={chartRef}\n className={`${ChartContainer.className}__content`}\n >\n {children}\n </div>\n ) : null}\n {descriptionPosition === 'belowChart' ? (\n <ChartContainerDescription id={id}>{description}</ChartContainerDescription>\n ) : null}\n {viewAsDataTable && dataTableRepresentation ? (\n <table tabIndex={-1} summary={format('table-summary')}>\n {ariaLabel ? <caption>{ariaLabel}</caption> : <caption aria-labelledby={ariaLabelledby} />}\n {dataTableRepresentation.header}\n {dataTableRepresentation.body}\n </table>\n ) : null}\n </Flexbox>\n </StyledChartContainer>\n </div>\n </figure>\n </ThemeProvider>\n );\n});\nChartContainer.className = CLASSNAME;\nChartContainer.displayName = COMPONENT_NAME;\n\nexport const ChartContainerTitle: Comp<Pick<ChartContainerProps, 'onReset'> & ComponentProps<'div'>, HTMLDivElement> =\n forwardRef((props, ref) => {\n const { children, className, onReset, id, ...forwardedProps } = props;\n const theme = useTheme();\n const format = useMessageFormatter(intlMessages);\n\n return (\n <StyledChartContainerTitle\n aria-hidden=\"true\"\n $theme={theme}\n alignItems=\"center\"\n justifyContent=\"space-between\"\n className={classNames(`${ChartContainer.className}__title`, className)}\n id={`id${id}__title`}\n {...forwardedProps}\n ref={ref}\n >\n {typeof children === 'string' ? <Heading as=\"h3\">{children}</Heading> : children ? children : null}\n\n {onReset ? (\n <Button\n className={`${ChartContainer.className}-title__reset-button`}\n color=\"grey\"\n variant=\"unstyled\"\n onClick={onReset}\n >\n {format('reset')}\n </Button>\n ) : null}\n </StyledChartContainerTitle>\n );\n });\nChartContainerTitle.displayName = 'ChartContainerTitle';\n\nexport const ChartContainerDescription: Comp<ComponentProps<'div'>, HTMLDivElement> = forwardRef((props, ref) => {\n const { children, className, id, ...forwardedProps } = props;\n const theme = useTheme();\n\n return typeof children === 'string' ? (\n <StyledChartContainerCaption\n aria-hidden=\"true\"\n $theme={theme}\n className={classNames(`${ChartContainer.className}__description`, className)}\n id={`id${id}__description`}\n {...forwardedProps}\n ref={ref}\n >\n {children}\n </StyledChartContainerCaption>\n ) : (\n <>{children}</>\n );\n});\nChartContainerDescription.displayName = 'ChartContainerDescription';\n"],"names":["COMPONENT_NAME","CLASSNAME","ChartContainer","forwardRef","props","ref","propsAriaLabel","propsAriaLabelledby","description","descriptionPosition","chartProps","chartRef","children","className","id","propsId","title","onReset","theme","propsTheme","mode","definition","interactionExplanation","descriptionForAssistiveTechnology","dataTableRepresentation","xAxisDefinition","yAxisDefinition","forwardedProps","_objectWithoutProperties","_excluded","_id","useId","useTheme","viewAsDataTable","setViewAsDataTable","useState","warnIfNoAccessibleLabelFound","format","useMessageFormatter","intlMessages","ariaLabel","undefined","ariaLabelledby","React","createElement","ThemeProvider","value","StyledChartContainer","_extends","$theme","role","classNames","style","position","width","height","overflow","whiteSpace","clip","marginTop","opacity","display","tabIndex","onClick","Flexbox","flexDirection","ChartContainerTitle","ChartContainerDescription","dir","summary","header","body","displayName","_excluded2","StyledChartContainerTitle","alignItems","justifyContent","Heading","as","Button","color","variant","_excluded3","StyledChartContainerCaption","Fragment"],"mappings":"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"}
@@ -1,6 +0,0 @@
1
- import React__default from 'react';
2
-
3
- const ChartTypeContext = /*#__PURE__*/React__default.createContext(undefined);
4
-
5
- export { ChartTypeContext };
6
- //# sourceMappingURL=context.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"context.js","sources":["../../../../../../../src/components/ChartContainer/context.ts"],"sourcesContent":["import React from 'react';\nimport { useBarChartContext } from '../BarChart/context';\n\nexport type ChartType = 'bar' | 'line' | 'area';\n\nexport const ChartTypeContext = React.createContext<ChartType | undefined>(undefined);\n\nexport const useChartType = (): ChartType | undefined => {\n return React.useContext(ChartTypeContext);\n};\n\nexport const useResolvedChartContext = () => {\n const chartType = useChartType();\n\n switch (chartType) {\n case 'bar':\n return useBarChartContext();\n default:\n return undefined;\n }\n};\n\nexport function useResolvedProp<T>(prop: T | undefined, contextValue: T | undefined, defaultValue?: T): T | undefined {\n if (prop !== undefined) return prop;\n if (contextValue !== undefined) return contextValue;\n return defaultValue;\n}\n"],"names":["ChartTypeContext","React","createContext","undefined"],"mappings":";;AAKO,MAAMA,gBAAgB,gBAAGC,cAAK,CAACC,aAAa,CAAwBC,SAAS;;;;"}
@@ -1,76 +0,0 @@
1
- import styled, { css } from 'styled-components';
2
- import { baseStyling, baseContainer, focusRing, Theme, Flexbox } from '@redsift/design-system';
3
-
4
- /**
5
- * Component style.
6
- */
7
- const StyledChartContainer = styled.div`
8
- ${baseStyling}
9
-
10
- .redsift-chart-container__content {
11
- display: flex;
12
- align-items: center;
13
- gap: 16px;
14
- font-family: var(--redsift-typography-font-family-poppins);
15
- font-size: 11px;
16
- justify-content: center;
17
- position: relative;
18
-
19
- ${baseContainer}
20
-
21
- ${focusRing}
22
- }
23
-
24
- svg {
25
- display: block;
26
- user-select: none;
27
- }
28
-
29
- text {
30
- ${_ref => {
31
- let {
32
- $theme
33
- } = _ref;
34
- return css`
35
- fill: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});
36
- `;
37
- }}
38
- }
39
-
40
- table {
41
- border-collapse: collapse;
42
- border: 1px solid #ebebeb;
43
- margin: 10px auto;
44
- text-align: center;
45
- width: 100%;
46
- max-width: 500px;
47
-
48
- td, th, caption {
49
- padding: 0.5em;
50
- }
51
-
52
- caption {
53
- padding: 1em 0;
54
- font-size: 1.2em;
55
- color: #555;
56
- }
57
-
58
- thead tr, tr:nth-child(even) {
59
- background: #f8f8f8;
60
- }
61
-
62
- th {
63
- font-weight: 600;
64
- }
65
- `;
66
- const StyledChartContainerTitle = styled(Flexbox)``;
67
- const StyledChartContainerCaption = styled.p`
68
- font-family: var(--redsift-typography-caption-font-family);
69
- font-size: var(--redsift-typography-caption-font-size);
70
- font-weight: var(--redsift-typography-caption-font-weight);
71
- line-height: var(--redsift-typography-caption-line-height);
72
- margin: 8px 0;
73
- `;
74
-
75
- export { StyledChartContainer, StyledChartContainerCaption, StyledChartContainerTitle };
76
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../../../../src/components/ChartContainer/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Flexbox, Theme, baseContainer, baseStyling, focusRing } from '@redsift/design-system';\nimport { StyledChartContainerProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledChartContainer = styled.div<StyledChartContainerProps>`\n ${baseStyling}\n\n .redsift-chart-container__content {\n display: flex;\n align-items: center;\n gap: 16px;\n font-family: var(--redsift-typography-font-family-poppins);\n font-size: 11px;\n justify-content: center;\n position: relative;\n\n ${baseContainer}\n\n ${focusRing}\n }\n\n svg {\n display: block;\n user-select: none;\n }\n\n text {\n ${({ $theme }) => css`\n fill: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n `}\n }\n\n table {\n border-collapse: collapse;\n border: 1px solid #ebebeb;\n margin: 10px auto;\n text-align: center;\n width: 100%;\n max-width: 500px;\n\n td, th, caption {\n padding: 0.5em;\n }\n\n caption {\n padding: 1em 0;\n font-size: 1.2em;\n color: #555;\n }\n\n thead tr, tr:nth-child(even) {\n background: #f8f8f8;\n }\n\n th {\n font-weight: 600; \n }\n`;\n\nexport const StyledChartContainerTitle = styled(Flexbox)<StyledChartContainerProps>``;\n\nexport const StyledChartContainerCaption = styled.p<Omit<StyledChartContainerProps, 'onReset'>>`\n font-family: var(--redsift-typography-caption-font-family);\n font-size: var(--redsift-typography-caption-font-size);\n font-weight: var(--redsift-typography-caption-font-weight);\n line-height: var(--redsift-typography-caption-line-height);\n margin: 8px 0;\n`;\n"],"names":["StyledChartContainer","styled","div","baseStyling","baseContainer","focusRing","_ref","$theme","css","Theme","dark","StyledChartContainerTitle","Flexbox","StyledChartContainerCaption","p"],"mappings":";;;AAIA;AACA;AACA;AACaA,MAAAA,oBAAoB,GAAGC,MAAM,CAACC,GAA+B,CAAA;AAC1E,EAAA,EAAIC,WAAY,CAAA;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMC,aAAc,CAAA;AACpB;AACA,IAAA,EAAMC,SAAU,CAAA;AAChB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKE,GAAI,CAAA;AAC1B,wCAA0CD,EAAAA,MAAM,KAAKE,KAAK,CAACC,IAAI,GAAG,OAAO,GAAG,aAAc,CAAA;AAC1F,IAAK,CAAA,CAAA;AAAA,CAAC,CAAA;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;MAEYC,yBAAyB,GAAGV,MAAM,CAACW,OAAO,CAA6B,CAAC,EAAA;AAExEC,MAAAA,2BAA2B,GAAGZ,MAAM,CAACa,CAA8C,CAAA;AAChG;AACA;AACA;AACA;AACA;AACA;;;;"}
@@ -1,14 +0,0 @@
1
- var interactive = "Interactive";
2
- var reset = "Reset";
3
- var enUS = {
4
- interactive: interactive,
5
- "static": "Static",
6
- "static-chart": "Static chart.",
7
- "interactive-chart": "Interactive chart.",
8
- "view-as-data-table": "View as data table",
9
- "table-summary": "Table representation of chart.",
10
- reset: reset
11
- };
12
-
13
- export { enUS as default, interactive, reset };
14
- //# sourceMappingURL=en-US.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"en-US.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
@@ -1,14 +0,0 @@
1
- var interactive = "Interactif";
2
- var reset = "Réinitialiser";
3
- var frFR = {
4
- interactive: interactive,
5
- "static": "Statique",
6
- "static-chart": "Graphique statique.",
7
- "interactive-chart": "Graphique intéractif.",
8
- "view-as-data-table": "Voir au format table de données",
9
- "table-summary": "Représentation du graphique sous forme de table de données.",
10
- reset: reset
11
- };
12
-
13
- export { frFR as default, interactive, reset };
14
- //# sourceMappingURL=fr-FR.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fr-FR.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
@@ -1,10 +0,0 @@
1
- import enUS from './_internal/en-US.js';
2
- import frFR from './_internal/fr-FR.js';
3
-
4
- var intlMessages = {
5
- 'en-US': enUS,
6
- 'fr-FR': frFR
7
- };
8
-
9
- export { intlMessages as default };
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../../../src/components/ChartContainer/intl/index.ts"],"sourcesContent":["import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n 'en-US': enUS,\n 'fr-FR': frFR,\n};\n"],"names":["enUS","frFR"],"mappings":";;;AAGA,mBAAe;AACb,EAAA,OAAO,EAAEA,IAAI;AACb,EAAA,OAAO,EAAEC,IAAAA;AACX,CAAC;;;;"}
@@ -1,3 +0,0 @@
1
- export { DataPoint } from './DataPoint2.js';
2
- export { StyledDataPoint } from './styles.js';
3
- //# sourceMappingURL=DataPoint.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DataPoint2.js","sources":["../../../../../../../src/components/DataPoint/DataPoint.tsx"],"sourcesContent":["import React, { forwardRef, KeyboardEventHandler, RefObject } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, Number, Text, useId, useTheme } from '@redsift/design-system';\nimport { Tooltip } from '@redsift/popovers';\n\nimport { DataPointProps } from './types';\nimport { StyledDataPoint } from './styles';\nimport { TooltipVariant } from '../../types';\n\nexport const DataPoint: Comp<DataPointProps<any>, SVGGElement> = forwardRef((props, ref) => {\n const {\n anchorProps: { as, href, ...anchorProps } = {},\n children,\n className,\n data,\n id: propsId,\n index,\n isSelected: propsIsSelected,\n labelDecorator,\n onClick,\n role,\n tooltipDecorator,\n tooltipVariant,\n theme: propsTheme,\n tooltipProps,\n dataset,\n groupedData,\n ...forwardedProps\n } = props;\n\n const [_id] = useId();\n const id = propsId ?? _id;\n\n const theme = useTheme(propsTheme);\n\n const isTooltipCustom = tooltipVariant === TooltipVariant.custom && tooltipDecorator;\n const text = labelDecorator\n ? labelDecorator(data, { index, isSelected: propsIsSelected, color: props.color })\n : data.data.key;\n const hasText = text && tooltipVariant !== TooltipVariant.none;\n const tooltipValue =\n tooltipVariant === TooltipVariant.value\n ? data.data.value\n : tooltipVariant === TooltipVariant.percent && data.data.percent\n ? data.data.percent\n : undefined;\n const hasValue = tooltipValue && [TooltipVariant.value, TooltipVariant.percent].includes(tooltipVariant!);\n const showTooltip = tooltipVariant !== TooltipVariant.none && (hasText || hasValue);\n\n const isEmpty = data.data.value === 0;\n\n const isSelectable = role === 'option';\n const isSelected = isSelectable && propsIsSelected === true;\n const isDeselected = isSelectable && propsIsSelected === false;\n\n const onKeyDown: KeyboardEventHandler<SVGElement> = (event) => {\n if (onClick) {\n event.stopPropagation();\n\n if (event.code === 'Enter' || event.code === 'Space') {\n event.preventDefault();\n onClick(data, dataset);\n }\n }\n };\n\n const DataPointComponent = (\n <StyledDataPoint\n tabIndex={onClick ? 0 : undefined}\n aria-label={\n showTooltip && !isEmpty ? (labelDecorator ? text : `${data.data.key}, ${data.data.value}`) : undefined\n }\n aria-labelledby={!showTooltip && !isEmpty ? `${id}-title` : undefined}\n aria-selected={isSelected ? true : isDeselected ? false : undefined}\n onClick={onClick ? () => onClick(data, dataset) : undefined}\n onKeyDown={onClick ? (e) => onKeyDown(e) : undefined}\n role={role ? role : onClick ? 'button' : href ? undefined : 'img'}\n {...forwardedProps}\n className={classNames(className, `_${index}`, {\n selected: isSelected,\n deselected: isDeselected,\n })}\n ref={ref as RefObject<SVGGElement>}\n id={id}\n $clickable={Boolean(onClick)}\n >\n {children}\n {!showTooltip && !isEmpty ? <title id={`${id}-title`}>{`${text}: ${data.data.value}`}</title> : null}\n </StyledDataPoint>\n );\n\n if (showTooltip) {\n return (\n <Tooltip placement=\"right\" theme={theme} delay={50} {...tooltipProps}>\n <Tooltip.Trigger>\n {href !== undefined\n ? React.createElement(as || 'a', { href, ...anchorProps }, DataPointComponent)\n : DataPointComponent}\n </Tooltip.Trigger>\n <Tooltip.Content>\n {isTooltipCustom ? (\n tooltipDecorator(data, { index, isSelected: propsIsSelected, color: props.color }, dataset, groupedData)\n ) : (\n <Text variant=\"caption\">\n {text}\n {hasText && hasValue ? ' - ' : null}\n {hasValue ? (\n <Number\n value={tooltipValue!}\n type={tooltipVariant === TooltipVariant.percent ? 'percent' : 'decimal'}\n variant=\"caption\"\n maximumFractionDigits={2}\n />\n ) : null}\n </Text>\n )}\n </Tooltip.Content>\n </Tooltip>\n );\n }\n\n return DataPointComponent;\n});\n"],"names":["DataPoint","forwardRef","props","ref","anchorProps","as","href","children","className","data","id","propsId","index","isSelected","propsIsSelected","labelDecorator","onClick","role","tooltipDecorator","tooltipVariant","theme","propsTheme","tooltipProps","dataset","groupedData","_objectWithoutProperties","_excluded","forwardedProps","_excluded2","_id","useId","useTheme","isTooltipCustom","TooltipVariant","custom","text","color","key","hasText","none","tooltipValue","value","percent","undefined","hasValue","includes","showTooltip","isEmpty","isSelectable","isDeselected","onKeyDown","event","stopPropagation","code","preventDefault","DataPointComponent","React","createElement","StyledDataPoint","_extends","tabIndex","e","classNames","selected","deselected","$clickable","Boolean","Tooltip","placement","delay","Trigger","_objectSpread","Content","Text","variant","Number","type","maximumFractionDigits"],"mappings":"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"}
@@ -1,10 +0,0 @@
1
- import styled from 'styled-components';
2
- import { a as it } from '../../../../../../node_modules/@react-spring/web/dist/esm/index.js';
3
-
4
- /**
5
- * Component style.
6
- */
7
- const StyledDataPoint = styled(it.g)``;
8
-
9
- export { StyledDataPoint };
10
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../../../../src/components/DataPoint/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { animated } from '@react-spring/web';\nimport { StyledDataPointProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledDataPoint = styled(animated.g)<StyledDataPointProps>``;\n"],"names":["StyledDataPoint","styled","animated","g"],"mappings":";;;AAIA;AACA;AACA;AACO,MAAMA,eAAe,GAAGC,MAAM,CAACC,EAAQ,CAACC,CAAC,CAAwB,CAAC;;;;"}
@@ -1,4 +0,0 @@
1
- export { Dot } from './Dot2.js';
2
- export { DotVariant } from './types.js';
3
- export { StyledDot } from './styles.js';
4
- //# sourceMappingURL=Dot.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dot2.js","sources":["../../../../../../../src/components/Dot/Dot.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, Theme, useTheme } from '@redsift/design-system';\n\nimport { DotProps, DotVariant } from './types';\nimport { StyledDot } from './styles';\nimport { monochrome } from '../../scheme';\nimport { DotDatum } from '../../types';\n\nconst COMPONENT_NAME = 'Dot';\nconst CLASSNAME = 'redsift-dot';\n\nexport const Dot: Comp<DotProps, SVGGElement> = forwardRef((props, ref) => {\n const { color = monochrome, data, isSelected: propsIsSelected, onClick, role } = props;\n\n const {\n className,\n labelDecorator = (datum: DotDatum) => {\n return datum.data.key[2] !== undefined && datum.data.key[2] !== null\n ? datum.data.key[2]\n : `${datum.data.key[0]},${datum.data.key[1]}`;\n },\n scaleX,\n scaleY,\n variant = DotVariant.plain,\n children,\n ...forwardedProps\n } = props;\n\n const theme = useTheme();\n\n const isSelectable = role === 'option';\n const isDeselected = isSelectable && propsIsSelected === false;\n\n return (\n <StyledDot\n labelDecorator={labelDecorator}\n {...forwardedProps}\n ref={ref}\n className={classNames(Dot.className, className)}\n $clickable={Boolean(onClick)}\n $variant={variant}\n $theme={theme}\n >\n <circle\n cx={scaleX(data.x as any)}\n cy={scaleY(data.y as any)}\n r={data.r}\n fill={\n variant === DotVariant.hollow\n ? `var(--redsift-color-neutral-${theme === Theme.light ? 'white' : 'x-dark-grey'})`\n : isDeselected\n ? 'var(--redsift-color-neutral-light-grey)'\n : color\n }\n stroke={isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color}\n strokeWidth={variant === DotVariant.hollow ? '2' : '0'}\n />\n {children}\n </StyledDot>\n );\n});\nDot.className = CLASSNAME;\nDot.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Dot","forwardRef","props","ref","color","monochrome","data","isSelected","propsIsSelected","onClick","role","className","labelDecorator","datum","key","undefined","scaleX","scaleY","variant","DotVariant","plain","children","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","isSelectable","isDeselected","React","createElement","StyledDot","_extends","classNames","$clickable","Boolean","$variant","$theme","cx","x","cy","y","r","fill","hollow","Theme","light","stroke","strokeWidth","displayName"],"mappings":";;;;;;;;;AAUA,MAAMA,cAAc,GAAG,KAAK,CAAA;AAC5B,MAAMC,SAAS,GAAG,aAAa,CAAA;AAExB,MAAMC,GAAgC,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzE,MAAM;AAAEC,IAAAA,KAAK,GAAGC,UAAU;IAAEC,IAAI;AAAEC,IAAAA,UAAU,EAAEC,eAAe;IAAEC,OAAO;AAAEC,IAAAA,IAAAA;AAAK,GAAC,GAAGR,KAAK,CAAA;EAEtF,MAAM;MACJS,SAAS;MACTC,cAAc,GAAIC,KAAe,IAAK;QACpC,OAAOA,KAAK,CAACP,IAAI,CAACQ,GAAG,CAAC,CAAC,CAAC,KAAKC,SAAS,IAAIF,KAAK,CAACP,IAAI,CAACQ,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,GAChED,KAAK,CAACP,IAAI,CAACQ,GAAG,CAAC,CAAC,CAAC,GAChB,CAAED,EAAAA,KAAK,CAACP,IAAI,CAACQ,GAAG,CAAC,CAAC,CAAE,CAAGD,CAAAA,EAAAA,KAAK,CAACP,IAAI,CAACQ,GAAG,CAAC,CAAC,CAAE,CAAC,CAAA,CAAA;OAChD;MACDE,MAAM;MACNC,MAAM;MACNC,OAAO,GAAGC,UAAU,CAACC,KAAK;AAC1BC,MAAAA,QAAAA;AAEF,KAAC,GAAGnB,KAAK;AADJoB,IAAAA,cAAc,GAAAC,wBAAA,CACfrB,KAAK,EAAAsB,SAAA,CAAA,CAAA;AAET,EAAA,MAAMC,KAAK,GAAGC,QAAQ,EAAE,CAAA;AAExB,EAAA,MAAMC,YAAY,GAAGjB,IAAI,KAAK,QAAQ,CAAA;AACtC,EAAA,MAAMkB,YAAY,GAAGD,YAAY,IAAInB,eAAe,KAAK,KAAK,CAAA;AAE9D,EAAA,oBACEqB,cAAA,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;AACRpB,IAAAA,cAAc,EAAEA,cAAAA;AAAe,GAAA,EAC3BU,cAAc,EAAA;AAClBnB,IAAAA,GAAG,EAAEA,GAAI;IACTQ,SAAS,EAAEsB,UAAU,CAACjC,GAAG,CAACW,SAAS,EAAEA,SAAS,CAAE;AAChDuB,IAAAA,UAAU,EAAEC,OAAO,CAAC1B,OAAO,CAAE;AAC7B2B,IAAAA,QAAQ,EAAElB,OAAQ;AAClBmB,IAAAA,MAAM,EAAEZ,KAAAA;GAERI,CAAAA,eAAAA,cAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AACEQ,IAAAA,EAAE,EAAEtB,MAAM,CAACV,IAAI,CAACiC,CAAQ,CAAE;AAC1BC,IAAAA,EAAE,EAAEvB,MAAM,CAACX,IAAI,CAACmC,CAAQ,CAAE;IAC1BC,CAAC,EAAEpC,IAAI,CAACoC,CAAE;IACVC,IAAI,EACFzB,OAAO,KAAKC,UAAU,CAACyB,MAAM,GACxB,CAA8BnB,4BAAAA,EAAAA,KAAK,KAAKoB,KAAK,CAACC,KAAK,GAAG,OAAO,GAAG,aAAc,CAAA,CAAA,CAAE,GACjFlB,YAAY,GACZ,yCAAyC,GACzCxB,KACL;AACD2C,IAAAA,MAAM,EAAEnB,YAAY,GAAG,yCAAyC,GAAGxB,KAAM;IACzE4C,WAAW,EAAE9B,OAAO,KAAKC,UAAU,CAACyB,MAAM,GAAG,GAAG,GAAG,GAAA;GACpD,CAAC,EACDvB,QACQ,CAAC,CAAA;AAEhB,CAAC,EAAC;AACFrB,GAAG,CAACW,SAAS,GAAGZ,SAAS,CAAA;AACzBC,GAAG,CAACiD,WAAW,GAAGnD,cAAc;;;;"}
@@ -1,49 +0,0 @@
1
- import styled, { css } from 'styled-components';
2
- import { DotVariant } from './types.js';
3
- import { DataPoint } from '../../DataPoint/_internal/DataPoint2.js';
4
-
5
- /**
6
- * Component style.
7
- */
8
- const StyledDot = styled(DataPoint)`
9
- text {
10
- user-select: none;
11
- }
12
-
13
- ${_ref => {
14
- let {
15
- $variant
16
- } = _ref;
17
- return css`
18
- circle {
19
- fill-opacity: ${$variant === DotVariant.hollow ? 1 : 0.7};
20
- }
21
- `;
22
- }}
23
-
24
- ${_ref2 => {
25
- let {
26
- $clickable
27
- } = _ref2;
28
- return $clickable ? css`
29
- cursor: pointer;
30
-
31
- &:hover,
32
- &:focus {
33
- opacity: 0.5;
34
- outline: none;
35
- }
36
-
37
- &:focus-visible {
38
- circle {
39
- stroke: var(--redsift-color-primary-n);
40
- stroke-width: 4px;
41
- paint-order: stroke;
42
- }
43
- }
44
- ` : '';
45
- }}}
46
- `;
47
-
48
- export { StyledDot };
49
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../../../../src/components/Dot/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { DotVariant, StyledDotProps } from './types';\nimport { DataPoint } from '../DataPoint';\n\n/**\n * Component style.\n */\nexport const StyledDot = styled(DataPoint)<StyledDotProps>`\n text {\n user-select: none;\n }\n\n ${({ $variant }) => css`\n circle {\n fill-opacity: ${$variant === DotVariant.hollow ? 1 : 0.7};\n }\n `}\n\n ${({ $clickable }) =>\n $clickable\n ? css`\n cursor: pointer;\n\n &:hover,\n &:focus {\n opacity: 0.5;\n outline: none;\n }\n\n &:focus-visible {\n circle {\n stroke: var(--redsift-color-primary-n);\n stroke-width: 4px;\n paint-order: stroke;\n }\n }\n `\n : ''}}\n`;\n"],"names":["StyledDot","styled","DataPoint","_ref","$variant","css","DotVariant","hollow","_ref2","$clickable"],"mappings":";;;;AAIA;AACA;AACA;MACaA,SAAS,GAAGC,MAAM,CAACC,SAAS,CAAkB,CAAA;AAC3D;AACA;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKE,GAAI,CAAA;AAC1B;AACA,oBAAsBD,EAAAA,QAAQ,KAAKE,UAAU,CAACC,MAAM,GAAG,CAAC,GAAG,GAAI,CAAA;AAC/D;AACA,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAD,KAAA,CAAA;EAAA,OACfC,UAAU,GACNJ,GAAI,CAAA;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX;;;;"}
@@ -1,14 +0,0 @@
1
- /**
2
- * Component's variant.
3
- */
4
- const DotVariant = {
5
- plain: 'plain',
6
- hollow: 'hollow'
7
- };
8
-
9
- /**
10
- * Component props.
11
- */
12
-
13
- export { DotVariant };
14
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sources":["../../../../../../../src/components/Dot/types.ts"],"sourcesContent":["import { ScaleLinear as d3ScaleLinear, ScaleTime as d3ScaleTime, ScalePoint as d3ScalePoint } from 'd3';\nimport { DotDatum } from '../../types';\nimport { DataPointProps, StyledDataPointProps } from '../DataPoint';\nimport { Theme, ValueOf } from '@redsift/design-system';\n\n/**\n * Component's variant.\n */\nexport const DotVariant = {\n plain: 'plain',\n hollow: 'hollow',\n} as const;\nexport type DotVariant = ValueOf<typeof DotVariant>;\n\n/**\n * Component props.\n */\nexport interface DotProps extends DataPointProps<DotDatum> {\n /** A scale defined over a numeric/time/ordinal domain used to determine the x position based on the coordinates. */\n scaleX: d3ScaleLinear<number, number, never> | d3ScaleTime<number, number, never> | d3ScalePoint<string>;\n /** A linear continuous scale defined over a numeric domain used to determine the y position based on the coordinates. */\n scaleY: d3ScaleLinear<number, number, never>;\n /** Variant. */\n variant?: DotVariant;\n}\n\nexport type StyledDotProps = StyledDataPointProps &\n Omit<DotProps, 'scaleX' | 'scaleY'> & {\n $variant: DotProps['variant'];\n $theme: Theme;\n };\n"],"names":["DotVariant","plain","hollow"],"mappings":"AAKA;AACA;AACA;AACO,MAAMA,UAAU,GAAG;AACxBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAU;;AAGV;AACA;AACA;;;;"}
@@ -1,3 +0,0 @@
1
- export { Legend } from './Legend2.js';
2
- export { StyledLegend } from './styles.js';
3
- //# sourceMappingURL=Legend.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Legend2.js","sources":["../../../../../../../src/components/Legend/Legend.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { sum as d3sum } from 'd3';\n\nimport { Comp } from '@redsift/design-system';\n\nimport { LegendProps } from './types';\nimport { StyledLegend } from './styles';\nimport { LegendVariant } from '../../types';\nimport { LegendItem } from '../LegendItem';\n\nconst COMPONENT_NAME = 'Legend';\nconst CLASSNAME = 'redsift-chart-legend';\n\nexport const Legend: Comp<LegendProps, HTMLUListElement> = forwardRef((props, ref) => {\n const {\n children,\n className,\n data,\n isLegendItemSelected = () => true,\n labelDecorator,\n legendDecorator,\n legendItemRole,\n onLegendItemClick,\n variant = LegendVariant.label,\n width,\n ...forwardedProps\n } = props;\n\n if (!data || data.length === 0) {\n return null;\n }\n\n const total = d3sum(data, (d) => d.value);\n\n if (children) {\n const renderedChildren = typeof children === 'function' ? children(data, total) : children;\n\n return (\n <StyledLegend {...forwardedProps} className={classNames(Legend.className, className)} ref={ref}>\n {renderedChildren}\n </StyledLegend>\n );\n }\n\n return (\n <StyledLegend {...forwardedProps} className={classNames(Legend.className, className)} ref={ref} $width={width}>\n {data.map(({ color, ...datum }, index) => (\n <LegendItem\n data={{ data: { ...datum, percent: datum.percent ?? datum.value / total } }}\n dataset={data}\n color={color}\n variant={variant}\n index={index}\n isSelected={Boolean(isLegendItemSelected!({ data: datum }))}\n key={`legend-item _${index}`}\n labelDecorator={labelDecorator}\n legendDecorator={legendDecorator}\n onClick={onLegendItemClick}\n role={legendItemRole}\n />\n ))}\n </StyledLegend>\n );\n});\nLegend.className = CLASSNAME;\nLegend.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Legend","forwardRef","props","ref","children","className","data","isLegendItemSelected","labelDecorator","legendDecorator","legendItemRole","onLegendItemClick","variant","LegendVariant","label","width","forwardedProps","_objectWithoutProperties","_excluded","length","total","d3sum","d","value","renderedChildren","React","createElement","StyledLegend","_extends","classNames","$width","map","_ref","index","_datum$percent","color","datum","_excluded2","LegendItem","_objectSpread","percent","dataset","isSelected","Boolean","key","onClick","role","displayName"],"mappings":"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"}
@@ -1,15 +0,0 @@
1
- import styled from 'styled-components';
2
- import { baseContainer } from '@redsift/design-system';
3
-
4
- /**
5
- * Component style.
6
- */
7
- const StyledLegend = styled.ul`
8
- display: flex;
9
- flex-direction: column;
10
-
11
- ${baseContainer}
12
- `;
13
-
14
- export { StyledLegend };
15
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../../../../src/components/Legend/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledLegendProps } from './types';\nimport { baseContainer } from '@redsift/design-system';\n\n/**\n * Component style.\n */\nexport const StyledLegend = styled.ul<StyledLegendProps>`\n display: flex;\n flex-direction: column;\n\n ${baseContainer}\n`;\n"],"names":["StyledLegend","styled","ul","baseContainer"],"mappings":";;;AAIA;AACA;AACA;AACaA,MAAAA,YAAY,GAAGC,MAAM,CAACC,EAAsB,CAAA;AACzD;AACA;AACA;AACA,EAAA,EAAIC,aAAc,CAAA;AAClB;;;;"}
@@ -1,3 +0,0 @@
1
- export { LegendItem } from './LegendItem2.js';
2
- export { StyledLegendItem } from './styles.js';
3
- //# sourceMappingURL=LegendItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LegendItem2.js","sources":["../../../../../../../src/components/LegendItem/LegendItem.tsx"],"sourcesContent":["import React, { KeyboardEventHandler, forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp, Number, Text, useId, useTheme } from '@redsift/design-system';\n\nimport { LegendItemProps } from './types';\nimport { StyledLegendItem } from './styles';\nimport { monochrome } from '../../scheme';\nimport { LegendVariant } from '../../types';\n\nconst COMPONENT_NAME = 'LegendItem';\nconst CLASSNAME = 'redsift-legend-item';\n\nexport const LegendItem: Comp<LegendItemProps, HTMLLIElement> = forwardRef((props, ref) => {\n const { index = 0, isSelected: propsIsSelected, labelDecorator, legendDecorator, onClick, role } = props;\n\n const { className, color = monochrome, data, dataset, id: propsId, variant, ...forwardedProps } = props;\n\n const theme = useTheme();\n\n const [_id] = useId();\n const id = propsId ?? _id;\n\n const isLegendCustom = variant === LegendVariant.custom && legendDecorator;\n const text = labelDecorator ? labelDecorator(data, { index, isSelected: propsIsSelected, color }) : data.data.key;\n const isEmpty = data.data.value === 0;\n\n const isSelectable = role === 'option';\n const isSelected = isSelectable && propsIsSelected === true;\n const isDeselected = isSelectable && propsIsSelected === false;\n\n const onKeyDown: KeyboardEventHandler<HTMLLIElement> = (event) => {\n if (onClick) {\n event.stopPropagation();\n\n if (event.code === 'Enter' || event.code === 'Space') {\n event.preventDefault();\n onClick(data, dataset);\n }\n }\n };\n\n return (\n <StyledLegendItem\n {...forwardedProps}\n className={classNames(LegendItem.className, className, `_${index}`, {\n selected: isSelected,\n deselected: isDeselected,\n })}\n color={isDeselected ? 'var(--redsift-color-neutral-light-grey)' : color}\n ref={ref}\n aria-labelledby={!isEmpty ? `${id}-title` : undefined}\n aria-selected={isSelected ? true : isDeselected ? false : undefined}\n id={id}\n onClick={onClick ? () => onClick(data, dataset) : undefined}\n onKeyDown={onClick ? (e) => onKeyDown(e) : undefined}\n role={role ? role : onClick ? 'button' : undefined}\n tabIndex={onClick ? 0 : undefined}\n $clickable={Boolean(onClick)}\n $variant={variant}\n $theme={theme}\n >\n {isLegendCustom ? (\n legendDecorator(data, { index, isSelected: propsIsSelected, color: props.color })\n ) : (\n <>\n <div />\n {typeof text === 'string' ? (\n variant === LegendVariant.value ? (\n <>\n <Number as=\"b\" maximumFractionDigits={2} value={data.data.value} variant=\"inherit\" />\n <Text variant=\"caption\">{text}</Text>\n </>\n ) : variant === LegendVariant.percent && data.data.percent ? (\n <>\n <Number as=\"b\" maximumFractionDigits={2} type=\"percent\" value={data.data.percent} variant=\"inherit\" />\n <Text variant=\"caption\">{text}</Text>\n </>\n ) : (\n <Text variant=\"caption\">{text}</Text>\n )\n ) : (\n <>{text}</>\n )}\n </>\n )}\n </StyledLegendItem>\n );\n});\nLegendItem.className = CLASSNAME;\nLegendItem.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","LegendItem","forwardRef","props","ref","index","isSelected","propsIsSelected","labelDecorator","legendDecorator","onClick","role","className","color","monochrome","data","dataset","id","propsId","variant","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","_id","useId","isLegendCustom","LegendVariant","custom","text","key","isEmpty","value","isSelectable","isDeselected","onKeyDown","event","stopPropagation","code","preventDefault","React","createElement","StyledLegendItem","_extends","classNames","selected","deselected","undefined","e","tabIndex","$clickable","Boolean","$variant","$theme","Fragment","Number","as","maximumFractionDigits","Text","percent","type","displayName"],"mappings":"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"}
@@ -1,63 +0,0 @@
1
- import styled, { css } from 'styled-components';
2
- import { Theme } from '@redsift/design-system';
3
- import { LegendVariant } from '../../../types/_internal/legend.js';
4
-
5
- /**
6
- * Component style.
7
- */
8
- const StyledLegendItem = styled.li`
9
- display: flex;
10
- align-items: center;
11
- gap: 8px;
12
- font-size: var(--redsift-typography-caption-font-size);
13
-
14
- ${_ref => {
15
- let {
16
- $theme
17
- } = _ref;
18
- return css`
19
- color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});
20
- `;
21
- }}
22
-
23
- ${_ref2 => {
24
- let {
25
- $variant,
26
- color
27
- } = _ref2;
28
- return $variant !== LegendVariant.custom ? css`
29
- > div {
30
- height: 16px;
31
- width: 16px;
32
- min-width: 16px;
33
- background-color: ${color};
34
- }
35
- ` : '';
36
- }}}
37
-
38
- ${_ref3 => {
39
- let {
40
- $clickable
41
- } = _ref3;
42
- return $clickable ? css`
43
- cursor: pointer;
44
-
45
- &:hover,
46
- &:focus {
47
- outline: none;
48
- > div {
49
- opacity: 0.7;
50
- }
51
- }
52
-
53
- &:focus-visible {
54
- > div {
55
- outline: 4px solid var(--redsift-color-primary-n);
56
- }
57
- }
58
- ` : '';
59
- }}}
60
- `;
61
-
62
- export { StyledLegendItem };
63
- //# sourceMappingURL=styles.js.map