npm - @cdc/chart - Versions diffs - 4.23.11 → 4.24.2 - Mend

@cdc/chart 4.23.11 → 4.24.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 (104) hide show

package/dist/cdcchart.js +35740 -35027
package/examples/feature/bar/additional-column-tooltip.json +446 -0
package/examples/feature/bar/tall-data.json +98 -0
package/examples/feature/forest-plot/forest-plot.json +63 -19
package/examples/feature/forest-plot/linear.json +52 -3
package/examples/feature/forest-plot/log.json +26 -0
package/examples/feature/forest-plot/logarithmic.json +0 -35
package/examples/feature/line/line-chart-preliminary.json +393 -0
package/examples/feature/regions/index.json +9 -5
package/examples/feature/scatterplot/scatterplot.json +272 -33
package/index.html +10 -8
package/package.json +2 -2
package/src/CdcChart.tsx +70 -234
package/src/ConfigContext.tsx +6 -0
package/src/_stories/ChartEditor.stories.tsx +22 -0
package/src/_stories/ChartLine.preliminary.tsx +19 -0
package/src/_stories/_mock/pie_config.json +192 -0
package/src/_stories/_mock/pie_data.json +218 -0
package/src/_stories/_mock/preliminary_mock.json +346 -0
package/src/components/{AreaChart.Stacked.jsx → AreaChart/components/AreaChart.Stacked.jsx} +2 -2
package/src/components/{AreaChart.jsx → AreaChart/components/AreaChart.jsx} +2 -26
package/src/components/AreaChart/index.tsx +4 -0
package/src/components/{BarChart.Horizontal.tsx → BarChart/components/BarChart.Horizontal.tsx} +8 -8
package/src/components/{BarChart.StackedHorizontal.tsx → BarChart/components/BarChart.StackedHorizontal.tsx} +37 -7
package/src/components/BarChart/components/BarChart.StackedVertical.tsx +108 -0
package/src/components/{BarChart.Vertical.tsx → BarChart/components/BarChart.Vertical.tsx} +53 -70
package/src/components/BarChart/components/BarChart.jsx +39 -0
package/src/components/{BarChartType.jsx → BarChart/components/BarChartType.jsx} +0 -2
package/src/components/BarChart/components/context.tsx +13 -0
package/src/components/BarChart/index.tsx +3 -0
package/src/components/{BoxPlot.jsx → BoxPlot/BoxPlot.jsx} +10 -9
package/src/components/BoxPlot/index.tsx +3 -0
package/src/components/EditorPanel/EditorPanel.tsx +2776 -0
package/src/components/EditorPanel/EditorPanelContext.ts +40 -0
package/src/components/EditorPanel/components/PanelProps.ts +3 -0
package/src/components/EditorPanel/components/Panels/Panel.BoxPlot.tsx +148 -0
package/src/components/{ForestPlotSettings.jsx → EditorPanel/components/Panels/Panel.ForestPlotSettings.tsx} +97 -167
package/src/components/EditorPanel/components/Panels/Panel.General.tsx +160 -0
package/src/components/EditorPanel/components/Panels/Panel.Regions.tsx +168 -0
package/src/components/{Series.jsx → EditorPanel/components/Panels/Panel.Series.tsx} +4 -4
package/src/components/EditorPanel/components/Panels/Panel.Visual.tsx +297 -0
package/src/components/EditorPanel/components/Panels/index.tsx +17 -0
package/src/components/EditorPanel/components/panels.scss +72 -0
package/src/components/EditorPanel/editor-panel.scss +739 -0
package/src/components/EditorPanel/index.tsx +3 -0
package/src/{hooks → components/EditorPanel}/useEditorPermissions.js +34 -2
package/src/components/{Forecasting.jsx → Forecasting/Forecasting.jsx} +1 -1
package/src/components/Forecasting/index.tsx +3 -0
package/src/components/ForestPlot/ForestPlot.tsx +254 -0
package/src/components/ForestPlot/ForestPlotProps.ts +7 -0
package/src/components/ForestPlot/index.tsx +1 -209
package/src/components/Legend/Legend.Component.tsx +199 -0
package/src/components/Legend/Legend.tsx +28 -0
package/src/components/Legend/helpers/createFormatLabels.tsx +140 -0
package/src/components/Legend/index.tsx +3 -0
package/src/components/LineChart/LineChartProps.ts +29 -0
package/src/components/LineChart/components/LineChart.Circle.tsx +147 -0
package/src/components/LineChart/helpers.ts +45 -0
package/src/components/LineChart/index.tsx +111 -23
package/src/components/LinearChart.jsx +55 -72
package/src/components/PairedBarChart.jsx +4 -2
package/src/components/{PieChart.jsx → PieChart/PieChart.tsx} +93 -31
package/src/components/PieChart/index.tsx +3 -0
package/src/components/Regions/components/Regions.tsx +144 -0
package/src/components/Regions/index.tsx +3 -0
package/src/components/{ScatterPlot.jsx → ScatterPlot/ScatterPlot.jsx} +3 -3
package/src/components/ScatterPlot/index.tsx +3 -0
package/src/components/{SparkLine.jsx → Sparkline/SparkLine.jsx} +2 -2
package/src/components/Sparkline/index.tsx +3 -0
package/src/data/initial-state.js +10 -8
package/src/helpers/abbreviateNumber.ts +17 -0
package/src/helpers/computeMarginBottom.ts +55 -0
package/src/helpers/filterData.ts +18 -0
package/src/helpers/generateColorsArray.ts +8 -0
package/src/helpers/getQuartiles.ts +30 -0
package/src/helpers/handleChartAriaLabels.ts +19 -0
package/src/helpers/handleLineType.ts +18 -0
package/src/helpers/lineOptions.ts +18 -0
package/src/helpers/sort.ts +7 -0
package/src/helpers/tests/computeMarginBottom.test.ts +20 -0
package/src/hooks/useBarChart.js +7 -6
package/src/hooks/useHighlightedBars.js +1 -1
package/src/hooks/useMinMax.ts +3 -3
package/src/hooks/useScales.ts +19 -6
package/src/hooks/{useTooltip.jsx → useTooltip.tsx} +31 -25
package/src/scss/main.scss +0 -3
package/src/types/ChartConfig.ts +167 -23
package/src/types/ChartContext.ts +34 -12
package/src/types/ForestPlot.ts +7 -14
package/src/types/Label.ts +7 -0
package/examples/feature/scatterplot/scatterplot-continuous.csv +0 -17
package/src/ConfigContext.jsx +0 -5
package/src/components/BarChart.StackedVertical.tsx +0 -91
package/src/components/BarChart.jsx +0 -30
package/src/components/EditorPanel.jsx +0 -3356
package/src/components/ForestPlot/Readme.md +0 -0
package/src/components/Legend.jsx +0 -310
package/src/components/LineChart/LineChart.Circle.tsx +0 -105
package/src/scss/LinearChart.scss +0 -0
package/src/scss/editor-panel.scss +0 -745
package/src/scss/legend.scss +0 -206
package/src/scss/mixins.scss +0 -0
package/src/scss/variables.scss +0 -1
package/src/types/ChartProps.ts +0 -7

package/src/_stories/_mock/pie_config.json ADDED Viewed

@@ -0,0 +1,192 @@
+{
+  "type": "chart",
+  "debugSvg": false,
+  "chartMessage": {
+    "noData": "No Data Available"
+  },
+  "title": "ARDI",
+  "showTitle": true,
+  "showDownloadMediaButton": false,
+  "theme": "theme-blue",
+  "animate": false,
+  "fontSize": "medium",
+  "lineDatapointStyle": "hover",
+  "lineDatapointColor": "Same as Line",
+  "barHasBorder": "false",
+  "isLollipopChart": false,
+  "lollipopShape": "circle",
+  "lollipopColorStyle": "two-tone",
+  "visualizationSubType": "regular",
+  "barStyle": "",
+  "roundingStyle": "standard",
+  "tipRounding": "top",
+  "isResponsiveTicks": false,
+  "general": {
+    "showDownloadButton": false
+  },
+  "padding": {
+    "left": 5,
+    "right": 5
+  },
+  "suppressedData": [],
+  "yAxis": {
+    "hideAxis": false,
+    "displayNumbersOnBar": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 50,
+    "gridLines": false,
+    "enablePadding": false,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "rightHideAxis": true,
+    "rightAxisSize": 0,
+    "rightLabel": "",
+    "rightLabelOffsetSize": 0,
+    "rightAxisLabelColor": "#333",
+    "rightAxisTickLabelColor": "#333",
+    "rightAxisTickColor": "#333",
+    "numTicks": "",
+    "axisPadding": 0,
+    "tickRotation": 0,
+    "anchors": [],
+    "dataKey": "males"
+  },
+  "topAxis": {
+    "hasLine": false
+  },
+  "isLegendValue": false,
+  "barThickness": 0.35,
+  "barHeight": 25,
+  "barSpace": 15,
+  "heights": {
+    "vertical": 300,
+    "horizontal": 750
+  },
+  "xAxis": {
+    "sortDates": false,
+    "anchors": [],
+    "type": "categorical",
+    "showTargetLabel": true,
+    "targetLabel": "Target",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 75,
+    "tickRotation": 0,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "numTicks": "",
+    "labelOffset": 65,
+    "axisPadding": 0,
+    "target": 0,
+    "maxTickRotation": 0,
+    "dataKey": "cause_type"
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": true,
+    "limitHeight": false,
+    "height": "",
+    "caption": "",
+    "showDownloadUrl": false,
+    "showDataTableLink": true,
+    "indexLabel": "Cause Type",
+    "download": false,
+    "showVertical": true,
+    "show": true,
+    "customTableConfig": true,
+    "excludeColumns": ["location", "age", "use", "data_group", "data_sub_group", "cause_category"]
+  },
+  "orientation": "vertical",
+  "color": "pinkpurple",
+  "columns": {},
+  "legend": {
+    "hide": false,
+    "behavior": "isolate",
+    "singleRow": false,
+    "colorCode": "",
+    "reverseLabelOrder": false,
+    "description": "",
+    "dynamicLegend": false,
+    "dynamicLegendDefaultText": "Show All",
+    "dynamicLegendItemLimit": 5,
+    "dynamicLegendItemLimitMessage": "Dynamic Legend Item Limit Hit.",
+    "dynamicLegendChartMessage": "Select Options from the Legend",
+    "lineMode": false,
+    "verticalSorted": false,
+    "highlightOnHover": false
+  },
+  "brush": {
+    "height": 25,
+    "data": [],
+    "active": false
+  },
+  "exclusions": {
+    "active": true,
+    "keys": ["all_causes"]
+  },
+  "palette": "qualitative-soft",
+  "isPaletteReversed": false,
+  "twoColor": {
+    "palette": "monochrome-1",
+    "isPaletteReversed": false
+  },
+  "labels": false,
+  "dataFormat": {
+    "commas": false,
+    "prefix": "",
+    "suffix": "",
+    "abbreviated": false,
+    "bottomSuffix": "",
+    "bottomPrefix": "",
+    "bottomAbbreviated": false,
+    "roundTo": 1
+  },
+  "confidenceKeys": {},
+  "visual": {
+    "border": true,
+    "accent": true,
+    "background": true,
+    "verticalHoverLine": false,
+    "horizontalHoverLine": false
+  },
+  "useLogScale": false,
+  "filterBehavior": "Filter Change",
+  "highlightedBarValues": [],
+  "series": [
+    {
+      "dataKey": "males",
+      "axis": "Left",
+      "tooltip": true
+    }
+  ],
+  "tooltips": {
+    "opacity": 90,
+    "singleSeries": false
+  },
+  "dashboard": {
+    "theme": "theme-blue",
+    "title": "ARDI"
+  },
+  "animateReplay": true,
+  "aspectRatio": 1,
+  "validated": 4.23,
+  "visualizationType": "Pie",
+  "pieType": "Donut",
+  "filters": [
+    {
+      "values": ["age", "sex"],
+      "active": "sex",
+      "filterStyle": "dropdown",
+      "order": "asc",
+      "columnName": "data_group"
+    }
+  ]
+}

package/src/_stories/_mock/pie_data.json ADDED Viewed

@@ -0,0 +1,218 @@
+[
+  {
+    "location": "united_states",
+    "age": "all_ages",
+    "use": "excessive_alcohol_use",
+    "data_group": "sex",
+    "data_sub_group": null,
+    "overall": "104,557",
+    "males": "97,182",
+    "females": "43,375",
+    "0-19": null,
+    "20-34": null,
+    "35-49": null,
+    "50-64": null,
+    "65+": null,
+    "cause_type": "all_causes",
+    "cause_category": "summary",
+    "row_type": "row_group_total"
+  },
+  {
+    "location": "united_states",
+    "age": "all_ages",
+    "use": "excessive_alcohol_use",
+    "data_group": "age",
+    "data_sub_group": "overall",
+    "overall": null,
+    "males": null,
+    "females": null,
+    "0-19": "123",
+    "20-34": "123",
+    "35-49": "123",
+    "50-64": "123",
+    "65+": "123",
+    "cause_type": "all_causes",
+    "cause_category": "summary",
+    "row_type": "row_group_total"
+  },
+  {
+    "location": "united_states",
+    "age": "all_ages",
+    "use": "excessive_alcohol_use",
+    "data_group": "age",
+    "data_sub_group": "male_only",
+    "overall": null,
+    "males": null,
+    "females": null,
+    "0-19": "123",
+    "20-34": "123",
+    "35-49": "123",
+    "50-64": "123",
+    "65+": "123",
+    "cause_type": "all_causes",
+    "cause_category": "summary",
+    "row_type": "row_group_total"
+  },
+  {
+    "location": "united_states",
+    "age": "all_ages",
+    "use": "excessive_alcohol_use",
+    "data_group": "age",
+    "data_sub_group": "female_only",
+    "overall": null,
+    "males": null,
+    "females": null,
+    "0-19": "123",
+    "20-34": "123",
+    "35-49": "123",
+    "50-64": "123",
+    "65+": "123",
+    "cause_type": "all_causes",
+    "cause_category": "summary",
+    "row_type": "row_group_total"
+  },
+  {
+    "location": "united_states",
+    "age": "all_ages",
+    "use": "excessive_alcohol_use",
+    "data_group": "sex",
+    "data_sub_group": null,
+    "overall": "58,277",
+    "males": "43,063",
+    "females": "15,214",
+    "0-19": null,
+    "20-34": null,
+    "35-49": null,
+    "50-64": null,
+    "65+": null,
+    "cause_type": "acute_causes",
+    "cause_category": "summary",
+    "row_type": null
+  },
+  {
+    "location": "united_states",
+    "age": "all_ages",
+    "use": "excessive_alcohol_use",
+    "data_group": "age",
+    "data_sub_group": "overall",
+    "overall": null,
+    "males": null,
+    "females": null,
+    "0-19": "123",
+    "20-34": "123",
+    "35-49": "123",
+    "50-64": "123",
+    "65+": "123",
+    "cause_type": "acute_causes",
+    "cause_category": "summary",
+    "row_type": null
+  },
+  {
+    "location": "united_states",
+    "age": "all_ages",
+    "use": "excessive_alcohol_use",
+    "data_group": "age",
+    "data_sub_group": "male_only",
+    "overall": null,
+    "males": null,
+    "females": null,
+    "0-19": "123",
+    "20-34": "123",
+    "35-49": "123",
+    "50-64": "123",
+    "65+": "123",
+    "cause_type": "acute_causes",
+    "cause_category": "summary",
+    "row_type": null
+  },
+  {
+    "location": "united_states",
+    "age": "all_ages",
+    "use": "excessive_alcohol_use",
+    "data_group": "age",
+    "data_sub_group": "female_only",
+    "overall": null,
+    "males": null,
+    "females": null,
+    "0-19": "123",
+    "20-34": "123",
+    "35-49": "123",
+    "50-64": "123",
+    "65+": "123",
+    "cause_type": "acute_causes",
+    "cause_category": "summary",
+    "row_type": null
+  },
+  {
+    "location": "united_states",
+    "age": "all_ages",
+    "use": "excessive_alcohol_use",
+    "data_group": "sex",
+    "data_sub_group": null,
+    "overall": "82,279",
+    "males": "54,119",
+    "females": "28,161",
+    "0-19": null,
+    "20-34": null,
+    "35-49": null,
+    "50-64": null,
+    "65+": null,
+    "cause_type": "chronic_causes",
+    "cause_category": "summary",
+    "row_type": null
+  },
+  {
+    "location": "united_states",
+    "age": "all_ages",
+    "use": "excessive_alcohol_use",
+    "data_group": "age",
+    "data_sub_group": "overall",
+    "overall": null,
+    "males": null,
+    "females": null,
+    "0-19": "123",
+    "20-34": "123",
+    "35-49": "123",
+    "50-64": "123",
+    "65+": "123",
+    "cause_type": "chronic_causes",
+    "cause_category": "summary",
+    "row_type": null
+  },
+  {
+    "location": "united_states",
+    "age": "all_ages",
+    "use": "excessive_alcohol_use",
+    "data_group": "age",
+    "data_sub_group": "male_only",
+    "overall": null,
+    "males": null,
+    "females": null,
+    "0-19": "123",
+    "20-34": "123",
+    "35-49": "123",
+    "50-64": "123",
+    "65+": "123",
+    "cause_type": "chronic_causes",
+    "cause_category": "summary",
+    "row_type": null
+  },
+  {
+    "location": "united_states",
+    "age": "all_ages",
+    "use": "excessive_alcohol_use",
+    "data_group": "age",
+    "data_sub_group": "female_only",
+    "overall": null,
+    "males": null,
+    "females": null,
+    "0-19": "123",
+    "20-34": "123",
+    "35-49": "123",
+    "50-64": "123",
+    "65+": "123",
+    "cause_type": "chronic_causes",
+    "cause_category": "summary",
+    "row_type": null
+  }
+]