@cdc/chart 4.24.10 → 4.24.12

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 (93) hide show
  1. package/dist/cdcchart.js +34651 -33978
  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/test.json +493 -0
  22. package/index.html +10 -7
  23. package/package.json +2 -2
  24. package/src/CdcChart.tsx +132 -152
  25. package/src/_stories/Chart.Anchors.stories.tsx +31 -0
  26. package/src/_stories/Chart.CustomColors.stories.tsx +19 -0
  27. package/src/_stories/Chart.DynamicSeries.stories.tsx +34 -0
  28. package/src/_stories/Chart.Legend.Gradient.stories.tsx +42 -1
  29. package/src/_stories/Chart.stories.tsx +37 -6
  30. package/src/_stories/ChartAxisLabels.stories.tsx +4 -1
  31. package/src/_stories/ChartEditor.stories.tsx +27 -0
  32. package/src/_stories/ChartLine.Suppression.stories.tsx +25 -0
  33. package/src/_stories/ChartPrefixSuffix.stories.tsx +8 -0
  34. package/{examples/feature/area/area-chart-date-city-temperature.json → src/_stories/_mock/area_chart_stacked.json} +125 -27
  35. package/src/_stories/_mock/boxplot_multiseries.json +647 -0
  36. package/src/_stories/_mock/dynamic_series_bar_config.json +723 -0
  37. package/src/_stories/_mock/dynamic_series_config.json +979 -0
  38. package/src/_stories/_mock/line_chart_dynamic_ci.json +493 -0
  39. package/src/_stories/_mock/line_chart_non_dynamic_ci.json +522 -0
  40. package/{examples/feature/scatterplot/scatterplot.json → src/_stories/_mock/scatterplot_mock.json} +62 -92
  41. package/src/_stories/_mock/short_dates.json +288 -0
  42. package/src/_stories/_mock/suppression_mock.json +1549 -0
  43. package/src/components/AreaChart/components/AreaChart.Stacked.jsx +15 -3
  44. package/src/components/Axis/Categorical.Axis.tsx +2 -2
  45. package/src/components/BarChart/components/BarChart.Horizontal.tsx +46 -37
  46. package/src/components/BarChart/components/BarChart.StackedVertical.tsx +43 -9
  47. package/src/components/BarChart/components/BarChart.Vertical.tsx +53 -47
  48. package/src/components/BarChart/helpers/getBarData.ts +28 -0
  49. package/src/components/BarChart/helpers/index.ts +1 -2
  50. package/src/components/BarChart/helpers/tests/getBarData.test.ts +74 -0
  51. package/src/components/BoxPlot/BoxPlot.tsx +131 -0
  52. package/src/components/BoxPlot/helpers/index.ts +54 -0
  53. package/src/components/BrushChart.tsx +23 -26
  54. package/src/components/EditorPanel/EditorPanel.tsx +117 -139
  55. package/src/components/EditorPanel/components/Panels/Panel.Annotate.tsx +3 -3
  56. package/src/components/EditorPanel/components/Panels/Panel.BoxPlot.tsx +51 -6
  57. package/src/components/EditorPanel/components/Panels/Panel.Regions.tsx +40 -9
  58. package/src/components/EditorPanel/components/Panels/Panel.Sankey.tsx +3 -3
  59. package/src/components/EditorPanel/components/Panels/Panel.Series.tsx +122 -56
  60. package/src/components/EditorPanel/components/Panels/Panel.Visual.tsx +1 -2
  61. package/src/components/EditorPanel/useEditorPermissions.ts +20 -2
  62. package/src/components/Legend/Legend.Component.tsx +11 -12
  63. package/src/components/Legend/Legend.tsx +16 -16
  64. package/src/components/Legend/helpers/getLegendClasses.ts +59 -0
  65. package/src/components/Legend/helpers/index.ts +2 -1
  66. package/src/components/Legend/tests/getLegendClasses.test.ts +115 -0
  67. package/src/components/LineChart/components/LineChart.Circle.tsx +1 -1
  68. package/src/components/LineChart/helpers.ts +49 -43
  69. package/src/components/LineChart/index.tsx +135 -83
  70. package/src/components/LinearChart.tsx +187 -181
  71. package/src/components/PieChart/PieChart.tsx +7 -1
  72. package/src/components/Sankey/components/ColumnList.tsx +19 -0
  73. package/src/components/Sankey/components/Sankey.tsx +479 -0
  74. package/src/components/Sankey/helpers/getSankeyTooltip.tsx +33 -0
  75. package/src/components/Sankey/index.tsx +1 -492
  76. package/src/components/Sankey/sankey.scss +22 -21
  77. package/src/components/Sankey/types/index.ts +1 -1
  78. package/src/components/Sankey/useSankeyAlert.tsx +60 -0
  79. package/src/components/ScatterPlot/ScatterPlot.jsx +20 -4
  80. package/src/data/initial-state.js +7 -12
  81. package/src/helpers/countNumOfTicks.ts +57 -0
  82. package/src/helpers/getQuartiles.ts +15 -18
  83. package/src/hooks/useMinMax.ts +44 -16
  84. package/src/hooks/useReduceData.ts +43 -10
  85. package/src/hooks/useScales.ts +90 -35
  86. package/src/hooks/useTooltip.tsx +59 -50
  87. package/src/scss/DataTable.scss +5 -0
  88. package/src/scss/main.scss +6 -20
  89. package/src/types/ChartConfig.ts +6 -19
  90. package/src/types/ChartContext.ts +4 -1
  91. package/src/types/ForestPlot.ts +8 -0
  92. package/src/components/BoxPlot/BoxPlot.jsx +0 -111
  93. package/src/hooks/useLegendClasses.ts +0 -72
package/examples/feature/boxplot/boxplot-data.json CHANGED
@@ -1,90 +1,156 @@
1
1
  [
2
2
  {
3
3
  "Group_Category": "category one",
4
- "Value": "21"
4
+ "Value": "21",
5
+ "Price": "100",
6
+ "Month": "January",
7
+ "Radius": "10"
5
8
  },
6
9
  {
7
10
  "Group_Category": "category one",
8
- "Value": "19"
11
+ "Value": "19",
12
+ "Price": "105",
13
+ "Month": "January",
14
+ "Radius": "12"
9
15
  },
10
16
  {
11
17
  "Group_Category": "category one",
12
- "Value": "23"
18
+ "Value": "23",
19
+ "Price": "110",
20
+ "Month": "February",
21
+ "Radius": "7"
13
22
  },
14
23
  {
15
24
  "Group_Category": "category one",
16
- "Value": "24"
25
+ "Value": "24",
26
+ "Price": "115",
27
+ "Month": "February",
28
+ "Radius": "5"
17
29
  },
18
30
  {
19
31
  "Group_Category": "category two",
20
- "Value": "18"
32
+ "Value": "18",
33
+ "Price": "120",
34
+ "Month": "March",
35
+ "Radius": "9"
21
36
  },
22
37
  {
23
38
  "Group_Category": "category two",
24
- "Value": "10"
39
+ "Value": "10",
40
+ "Price": "125",
41
+ "Month": "March",
42
+ "Radius": "14"
25
43
  },
26
44
  {
27
45
  "Group_Category": "category two",
28
- "Value": "12"
46
+ "Value": "12",
47
+ "Price": "130",
48
+ "Month": "April",
49
+ "Radius": "11"
29
50
  },
30
51
  {
31
52
  "Group_Category": "category two",
32
- "Value": "19"
53
+ "Value": "19",
54
+ "Price": "135",
55
+ "Month": "April",
56
+ "Radius": "6"
33
57
  },
34
58
  {
35
59
  "Group_Category": "category three",
36
- "Value": "30"
60
+ "Value": "30",
61
+ "Price": "140",
62
+ "Month": "May",
63
+ "Radius": "8"
37
64
  },
38
65
  {
39
66
  "Group_Category": "category three",
40
- "Value": "35"
67
+ "Value": "35",
68
+ "Price": "145",
69
+ "Month": "May",
70
+ "Radius": "10"
41
71
  },
42
72
  {
43
73
  "Group_Category": "category three",
44
- "Value": "36"
74
+ "Value": "36",
75
+ "Price": "150",
76
+ "Month": "June",
77
+ "Radius": "12"
45
78
  },
46
79
  {
47
80
  "Group_Category": "category three",
48
- "Value": "46"
81
+ "Value": "46",
82
+ "Price": "155",
83
+ "Month": "June",
84
+ "Radius": "13"
49
85
  },
50
86
  {
51
87
  "Group_Category": "category four",
52
- "Value": "30"
88
+ "Value": "30",
89
+ "Price": "160",
90
+ "Month": "July",
91
+ "Radius": "5"
53
92
  },
54
93
  {
55
94
  "Group_Category": "category four",
56
- "Value": "40"
95
+ "Value": "40",
96
+ "Price": "165",
97
+ "Month": "July",
98
+ "Radius": "9"
57
99
  },
58
100
  {
59
101
  "Group_Category": "category four",
60
- "Value": "50"
102
+ "Value": "50",
103
+ "Price": "170",
104
+ "Month": "August",
105
+ "Radius": "14"
61
106
  },
62
107
  {
63
108
  "Group_Category": "category four",
64
- "Value": "50"
109
+ "Value": "50",
110
+ "Price": "175",
111
+ "Month": "August",
112
+ "Radius": "15"
65
113
  },
66
114
  {
67
115
  "Group_Category": "category four",
68
- "Value": "85"
116
+ "Value": "85",
117
+ "Price": "180",
118
+ "Month": "September",
119
+ "Radius": "7"
69
120
  },
70
121
  {
71
122
  "Group_Category": "category four",
72
- "Value": "82"
123
+ "Value": "82",
124
+ "Price": "185",
125
+ "Month": "September",
126
+ "Radius": "8"
73
127
  },
74
128
  {
75
129
  "Group_Category": "category four",
76
- "Value": "43"
130
+ "Value": "43",
131
+ "Price": "190",
132
+ "Month": "October",
133
+ "Radius": "10"
77
134
  },
78
135
  {
79
136
  "Group_Category": "category four",
80
- "Value": "42"
137
+ "Value": "42",
138
+ "Price": "195",
139
+ "Month": "October",
140
+ "Radius": "12"
81
141
  },
82
142
  {
83
143
  "Group_Category": "category four",
84
- "Value": "41"
144
+ "Value": "41",
145
+ "Price": "200",
146
+ "Month": "November",
147
+ "Radius": "11"
85
148
  },
86
149
  {
87
150
  "Group_Category": "category four",
88
- "Value": "21"
151
+ "Value": "21",
152
+ "Price": "205",
153
+ "Month": "November",
154
+ "Radius": "9"
89
155
  }
90
156
  ]