@cdc/chart 4.24.10 → 4.24.12-2

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 (94) hide show
  1. package/dist/cdcchart.js +35019 -34301
  2. package/examples/feature/boxplot/boxplot-data.json +88 -22
  3. package/examples/feature/boxplot/boxplot.json +540 -16
  4. package/examples/feature/boxplot/testing.csv +7 -7
  5. package/examples/feature/sankey/sankey-example-data.json +126 -14
  6. package/examples/feature/tests-date-exclusions/date-exclusions-config.json +372 -12
  7. package/examples/private/DEV-8850-2.json +493 -0
  8. package/examples/private/DEV-9822.json +574 -0
  9. package/examples/private/DEV-9840.json +553 -0
  10. package/examples/private/DEV-9850-3.json +461 -0
  11. package/examples/private/chart.json +1084 -0
  12. package/examples/private/ci_formatted.json +202 -0
  13. package/examples/private/ci_issue.json +3016 -0
  14. package/examples/private/completed.json +634 -0
  15. package/examples/private/dem-data-long.csv +20 -0
  16. package/examples/private/dem-data-long.json +36 -0
  17. package/examples/private/demographic_data.csv +157 -0
  18. package/examples/private/demographic_data.json +2654 -0
  19. package/examples/private/demographic_dynamic.json +443 -0
  20. package/examples/private/demographic_standard.json +560 -0
  21. package/examples/private/ehdi.json +29939 -0
  22. package/examples/private/test.json +493 -0
  23. package/index.html +10 -7
  24. package/package.json +2 -2
  25. package/src/CdcChart.tsx +132 -152
  26. package/src/_stories/Chart.Anchors.stories.tsx +31 -0
  27. package/src/_stories/Chart.CustomColors.stories.tsx +19 -0
  28. package/src/_stories/Chart.DynamicSeries.stories.tsx +34 -0
  29. package/src/_stories/Chart.Legend.Gradient.stories.tsx +42 -1
  30. package/src/_stories/Chart.stories.tsx +37 -6
  31. package/src/_stories/ChartAxisLabels.stories.tsx +4 -1
  32. package/src/_stories/ChartEditor.stories.tsx +27 -0
  33. package/src/_stories/ChartLine.Suppression.stories.tsx +25 -0
  34. package/src/_stories/ChartPrefixSuffix.stories.tsx +8 -0
  35. package/{examples/feature/area/area-chart-date-city-temperature.json → src/_stories/_mock/area_chart_stacked.json} +125 -27
  36. package/src/_stories/_mock/boxplot_multiseries.json +647 -0
  37. package/src/_stories/_mock/dynamic_series_bar_config.json +723 -0
  38. package/src/_stories/_mock/dynamic_series_config.json +979 -0
  39. package/src/_stories/_mock/line_chart_dynamic_ci.json +493 -0
  40. package/src/_stories/_mock/line_chart_non_dynamic_ci.json +522 -0
  41. package/{examples/feature/scatterplot/scatterplot.json → src/_stories/_mock/scatterplot_mock.json} +62 -92
  42. package/src/_stories/_mock/short_dates.json +288 -0
  43. package/src/_stories/_mock/suppression_mock.json +1549 -0
  44. package/src/components/AreaChart/components/AreaChart.Stacked.jsx +15 -3
  45. package/src/components/Axis/Categorical.Axis.tsx +2 -2
  46. package/src/components/BarChart/components/BarChart.Horizontal.tsx +46 -37
  47. package/src/components/BarChart/components/BarChart.StackedVertical.tsx +43 -9
  48. package/src/components/BarChart/components/BarChart.Vertical.tsx +53 -47
  49. package/src/components/BarChart/helpers/getBarData.ts +28 -0
  50. package/src/components/BarChart/helpers/index.ts +1 -2
  51. package/src/components/BarChart/helpers/tests/getBarData.test.ts +74 -0
  52. package/src/components/BoxPlot/BoxPlot.tsx +131 -0
  53. package/src/components/BoxPlot/helpers/index.ts +54 -0
  54. package/src/components/BrushChart.tsx +23 -26
  55. package/src/components/EditorPanel/EditorPanel.tsx +117 -139
  56. package/src/components/EditorPanel/components/Panels/Panel.Annotate.tsx +3 -3
  57. package/src/components/EditorPanel/components/Panels/Panel.BoxPlot.tsx +51 -6
  58. package/src/components/EditorPanel/components/Panels/Panel.Regions.tsx +40 -9
  59. package/src/components/EditorPanel/components/Panels/Panel.Sankey.tsx +3 -3
  60. package/src/components/EditorPanel/components/Panels/Panel.Series.tsx +122 -56
  61. package/src/components/EditorPanel/components/Panels/Panel.Visual.tsx +1 -2
  62. package/src/components/EditorPanel/useEditorPermissions.ts +20 -2
  63. package/src/components/Legend/Legend.Component.tsx +11 -12
  64. package/src/components/Legend/Legend.tsx +16 -16
  65. package/src/components/Legend/helpers/getLegendClasses.ts +59 -0
  66. package/src/components/Legend/helpers/index.ts +2 -1
  67. package/src/components/Legend/tests/getLegendClasses.test.ts +115 -0
  68. package/src/components/LineChart/components/LineChart.Circle.tsx +1 -1
  69. package/src/components/LineChart/helpers.ts +49 -43
  70. package/src/components/LineChart/index.tsx +135 -83
  71. package/src/components/LinearChart.tsx +196 -181
  72. package/src/components/PieChart/PieChart.tsx +7 -1
  73. package/src/components/Sankey/components/ColumnList.tsx +19 -0
  74. package/src/components/Sankey/components/Sankey.tsx +479 -0
  75. package/src/components/Sankey/helpers/getSankeyTooltip.tsx +33 -0
  76. package/src/components/Sankey/index.tsx +1 -492
  77. package/src/components/Sankey/sankey.scss +22 -21
  78. package/src/components/Sankey/types/index.ts +1 -1
  79. package/src/components/Sankey/useSankeyAlert.tsx +60 -0
  80. package/src/components/ScatterPlot/ScatterPlot.jsx +20 -4
  81. package/src/data/initial-state.js +7 -12
  82. package/src/helpers/countNumOfTicks.ts +57 -0
  83. package/src/helpers/getQuartiles.ts +15 -18
  84. package/src/hooks/useMinMax.ts +44 -16
  85. package/src/hooks/useReduceData.ts +43 -10
  86. package/src/hooks/useScales.ts +90 -35
  87. package/src/hooks/useTooltip.tsx +59 -50
  88. package/src/scss/DataTable.scss +5 -0
  89. package/src/scss/main.scss +6 -20
  90. package/src/types/ChartConfig.ts +6 -19
  91. package/src/types/ChartContext.ts +4 -1
  92. package/src/types/ForestPlot.ts +8 -0
  93. package/src/components/BoxPlot/BoxPlot.jsx +0 -111
  94. package/src/hooks/useLegendClasses.ts +0 -72
package/examples/private/ci_formatted.json ADDED
@@ -0,0 +1,202 @@
1
+ [
2
+ {
3
+ "date": "2023-01-01",
4
+ "category": "male",
5
+ "value": 67,
6
+ "lower": 65,
7
+ "upper": 69,
8
+ "male_lower": 65,
9
+ "male_upper": 69,
10
+ "male_formatted": "CI (65, 69)"
11
+ },
12
+ {
13
+ "date": "2023-01-01",
14
+ "category": "female",
15
+ "value": 77,
16
+ "lower": 73,
17
+ "upper": 81,
18
+ "female_lower": 73,
19
+ "female_upper": 81,
20
+ "female_formatted": "CI (73, 81)"
21
+ },
22
+ {
23
+ "date": "2023-01-02",
24
+ "category": "male",
25
+ "value": 11,
26
+ "lower": 10,
27
+ "upper": 13,
28
+ "male_lower": 10,
29
+ "male_upper": 13,
30
+ "male_formatted": "CI (10, 13)"
31
+ },
32
+ {
33
+ "date": "2023-01-02",
34
+ "category": "female",
35
+ "value": 21,
36
+ "lower": 18,
37
+ "upper": 24,
38
+ "female_lower": 18,
39
+ "female_upper": 24,
40
+ "female_formatted": "CI (18, 24)"
41
+ },
42
+ {
43
+ "date": "2023-01-03",
44
+ "category": "male",
45
+ "value": 94,
46
+ "lower": 92,
47
+ "upper": 96,
48
+ "male_lower": 92,
49
+ "male_upper": 96,
50
+ "male_formatted": "CI (92, 96)"
51
+ },
52
+ {
53
+ "date": "2023-01-03",
54
+ "category": "female",
55
+ "value": 104,
56
+ "lower": 100,
57
+ "upper": 108,
58
+ "female_lower": 100,
59
+ "female_upper": 108,
60
+ "female_formatted": "CI (100, 108)"
61
+ },
62
+ {
63
+ "date": "2023-01-04",
64
+ "category": "male",
65
+ "value": 95,
66
+ "lower": 93,
67
+ "upper": 97,
68
+ "male_lower": 93,
69
+ "male_upper": 97,
70
+ "male_formatted": "CI (93, 97)"
71
+ },
72
+ {
73
+ "date": "2023-01-04",
74
+ "category": "female",
75
+ "value": 105,
76
+ "lower": 101,
77
+ "upper": 109,
78
+ "female_lower": 101,
79
+ "female_upper": 109,
80
+ "female_formatted": "CI (101, 109)"
81
+ },
82
+ {
83
+ "date": "2023-01-05",
84
+ "category": "male",
85
+ "value": 79,
86
+ "lower": 77,
87
+ "upper": 81,
88
+ "male_lower": 77,
89
+ "male_upper": 81,
90
+ "male_formatted": "CI (77, 81)"
91
+ },
92
+ {
93
+ "date": "2023-01-05",
94
+ "category": "female",
95
+ "value": 89,
96
+ "lower": 85,
97
+ "upper": 93,
98
+ "female_lower": 85,
99
+ "female_upper": 93,
100
+ "female_formatted": "CI (85, 93)"
101
+ },
102
+ {
103
+ "date": "2023-01-06",
104
+ "category": "male",
105
+ "value": 2,
106
+ "lower": 1,
107
+ "upper": 3,
108
+ "male_lower": 1,
109
+ "male_upper": 3,
110
+ "male_formatted": "CI (1, 3)"
111
+ },
112
+ {
113
+ "date": "2023-01-06",
114
+ "category": "female",
115
+ "value": 12,
116
+ "lower": 9,
117
+ "upper": 15,
118
+ "female_lower": 9,
119
+ "female_upper": 15,
120
+ "female_formatted": "CI (9, 15)"
121
+ },
122
+ {
123
+ "date": "2023-01-07",
124
+ "category": "male",
125
+ "value": 36,
126
+ "lower": 34,
127
+ "upper": 38,
128
+ "male_lower": 34,
129
+ "male_upper": 38,
130
+ "male_formatted": "CI (34, 38)"
131
+ },
132
+ {
133
+ "date": "2023-01-07",
134
+ "category": "female",
135
+ "value": 46,
136
+ "lower": 42,
137
+ "upper": 50,
138
+ "female_lower": 42,
139
+ "female_upper": 50,
140
+ "female_formatted": "CI (42, 50)"
141
+ },
142
+ {
143
+ "date": "2023-01-08",
144
+ "category": "male",
145
+ "value": 9,
146
+ "lower": 7,
147
+ "upper": 11,
148
+ "male_lower": 7,
149
+ "male_upper": 11,
150
+ "male_formatted": "CI (7, 11)"
151
+ },
152
+ {
153
+ "date": "2023-01-08",
154
+ "category": "female",
155
+ "value": 19,
156
+ "lower": 16,
157
+ "upper": 22,
158
+ "female_lower": 16,
159
+ "female_upper": 22,
160
+ "female_formatted": "CI (16, 22)"
161
+ },
162
+ {
163
+ "date": "2023-01-09",
164
+ "category": "male",
165
+ "value": 3,
166
+ "lower": 2,
167
+ "upper": 4,
168
+ "male_lower": 2,
169
+ "male_upper": 4,
170
+ "male_formatted": "CI (2, 4)"
171
+ },
172
+ {
173
+ "date": "2023-01-09",
174
+ "category": "female",
175
+ "value": 13,
176
+ "lower": 10,
177
+ "upper": 16,
178
+ "female_lower": 10,
179
+ "female_upper": 16,
180
+ "female_formatted": "CI (10, 16)"
181
+ },
182
+ {
183
+ "date": "2023-01-10",
184
+ "category": "male",
185
+ "value": 64,
186
+ "lower": 62,
187
+ "upper": 66,
188
+ "male_lower": 62,
189
+ "male_upper": 66,
190
+ "male_formatted": "CI (62, 66)"
191
+ },
192
+ {
193
+ "date": "2023-01-10",
194
+ "category": "female",
195
+ "value": 74,
196
+ "lower": 70,
197
+ "upper": 78,
198
+ "female_lower": 70,
199
+ "female_upper": 78,
200
+ "female_formatted": "CI (70, 78)"
201
+ }
202
+ ]