npm - @cdc/dashboard - Versions diffs - 4.26.2 → 4.26.4 - Mend

@cdc/dashboard 4.26.2 → 4.26.4

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 (109) hide show

package/CONFIG.md +172 -0
package/README.md +60 -20
package/dist/cdcdashboard-CY9IcPSi.es.js +6 -0
package/dist/cdcdashboard-DlpiY3fQ.es.js +4 -0
package/dist/cdcdashboard.js +56686 -50281
package/examples/__data__/data-2.json +6 -0
package/examples/__data__/data-with-metadata.json +18 -0
package/examples/__data__/data.json +6 -0
package/examples/default.json +7 -36
package/examples/legend-issue.json +1 -1
package/examples/minimal-example.json +34 -0
package/examples/private/dengue.json +4640 -0
package/examples/private/inline-markup.json +775 -0
package/examples/private/link_to_file.json +16662 -0
package/examples/private/recent-update.json +1456 -0
package/examples/private/toggle.json +10137 -0
package/examples/sankey.json +3 -3
package/examples/test-api-filter-reset.json +4 -4
package/examples/tp5-test.json +86 -4
package/package.json +9 -9
package/src/CdcDashboard.tsx +2 -1
package/src/CdcDashboardComponent.tsx +48 -28
package/src/_stories/Dashboard.DataSetup.stories.tsx +6 -1
package/src/_stories/Dashboard.Pages.smoke.stories.tsx +22 -0
package/src/_stories/Dashboard.smoke.stories.tsx +33 -0
package/src/_stories/Dashboard.stories.tsx +4523 -83
package/src/_stories/_mock/dashboard-data-driven-colors.json +171 -0
package/src/_stories/_mock/tab-simple-filter.json +153 -0
package/src/_stories/_mock/tp5-test.json +86 -5
package/src/components/DashboardEditors.tsx +15 -0
package/src/components/DashboardFilters/DashboardFilters.test.tsx +129 -0
package/src/components/DashboardFilters/DashboardFilters.tsx +29 -10
package/src/components/DashboardFilters/DashboardFiltersEditor/DashboardFiltersEditor.tsx +12 -8
package/src/components/DashboardFilters/DashboardFiltersEditor/components/APIModal.tsx +6 -4
package/src/components/DashboardFilters/DashboardFiltersEditor/components/DeleteFilterModal.tsx +59 -58
package/src/components/DashboardFilters/DashboardFiltersEditor/components/FilterEditor.test.tsx +127 -0
package/src/components/DashboardFilters/DashboardFiltersEditor/components/FilterEditor.tsx +29 -6
package/src/components/DashboardFilters/DashboardFiltersEditor/components/NestedDropDownDashboard.tsx +10 -9
package/src/components/DashboardFilters/DashboardFiltersWrapper.tsx +8 -8
package/src/components/DashboardFilters/_stories/DashboardFilters.stories.tsx +1 -1
package/src/components/DashboardFilters/dashboardfilter.styles.css +3 -3
package/src/components/DataDesignerModal.tsx +2 -2
package/src/components/ExpandCollapseButtons.tsx +6 -4
package/src/components/Grid.tsx +4 -3
package/src/components/Header/Header.tsx +27 -5
package/src/components/Header/index.scss +1 -1
package/src/components/MultiConfigTabs/MultiConfigTabs.tsx +141 -140
package/src/components/MultiConfigTabs/multiconfigtabs.styles.css +6 -6
package/src/components/Row.tsx +30 -8
package/src/components/Toggle/toggle-style.css +7 -7
package/src/components/VisualizationRow.tsx +81 -22
package/src/components/VisualizationsPanel/VisualizationsPanel.tsx +2 -55
package/src/components/VisualizationsPanel/visualizations-panel-styles.css +2 -2
package/src/components/Widget/Widget.tsx +7 -6
package/src/components/Widget/widget.styles.css +48 -17
package/src/data/initial-state.js +2 -1
package/src/helpers/addVisualization.ts +73 -0
package/src/helpers/formatConfigBeforeSave.ts +1 -1
package/src/helpers/getVizConfig.ts +13 -3
package/src/helpers/iconHash.tsx +45 -36
package/src/helpers/processDataLegacy.ts +19 -14
package/src/helpers/tests/addVisualization.test.ts +52 -0
package/src/helpers/tests/formatConfigBeforeSave.test.ts +81 -1
package/src/scss/editor-panel.scss +1 -1
package/src/scss/grid.scss +38 -8
package/src/scss/main.scss +237 -40
package/src/store/dashboard.reducer.ts +2 -1
package/src/test/CdcDashboard.test.jsx +26 -2
package/src/test/CdcDashboardComponent.test.tsx +74 -0
package/src/types/FilterStyles.ts +2 -1
package/src/types/SharedFilter.ts +1 -0
package/tests/fixtures/dashboard-config-with-metadata.json +89 -0
package/vite.config.js +2 -2
package/dist/cdcdashboard-Cf9_fbQf.es.js +0 -6
package/examples/DEV-6574.json +0 -2224
package/examples/api-dashboard-data.json +0 -272
package/examples/api-dashboard-years.json +0 -11
package/examples/api-geographies-data.json +0 -11
package/examples/chart-data.json +0 -5409
package/examples/custom/css/respiratory.css +0 -236
package/examples/custom/js/respiratory.js +0 -242
package/examples/default-data.json +0 -368
package/examples/default-filter-control.json +0 -209
package/examples/default-multi-dataset-shared-filter.json +0 -1729
package/examples/default-multi-dataset.json +0 -506
package/examples/ed-visits-county-file.json +0 -402
package/examples/filters/Alabama.json +0 -72
package/examples/filters/Alaska.json +0 -1737
package/examples/filters/Arkansas.json +0 -4713
package/examples/filters/California.json +0 -212
package/examples/filters/Colorado.json +0 -1500
package/examples/filters/Connecticut.json +0 -559
package/examples/filters/Delaware.json +0 -63
package/examples/filters/DistrictofColumbia.json +0 -63
package/examples/filters/Florida.json +0 -4217
package/examples/filters/States.json +0 -146
package/examples/state-level.json +0 -90136
package/examples/state-points.json +0 -10474
package/examples/temp-example-data.json +0 -130
package/examples/test-dashboard-simple.json +0 -503
package/examples/test-example.json +0 -752
package/examples/test-file.json +0 -147
package/examples/test.json +0 -752
package/examples/testing.json +0 -94456
/package/examples/{legend-issue-data.json → __data__/legend-issue-data.json} +0 -0
/package/examples/api-test/{categories.json → __data__/categories.json} +0 -0
/package/examples/api-test/{chart-data.json → __data__/chart-data.json} +0 -0
/package/examples/api-test/{topics.json → __data__/topics.json} +0 -0
/package/examples/api-test/{years.json → __data__/years.json} +0 -0

package/examples/default-data.json DELETED Viewed

@@ -1,368 +0,0 @@
-[
-  {
-    "filter1": "option1",
-    "filter2": "sub option 1",
-    "Insured Rate": "43",
-    "state": "Alabama"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 2",
-    "Insured Rate": "75",
-    "state": "Alabama"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 1",
-    "Insured Rate": "0",
-    "state": "Alaska"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 1",
-    "Insured Rate": "72.7",
-    "state": "Arizona"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 1",
-    "Insured Rate": "78.7",
-    "state": "Arkansas"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 1",
-    "Insured Rate": "37.2",
-    "state": "California"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 1",
-    "Insured Rate": "50.6",
-    "state": "Colorado"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 1",
-    "Insured Rate": "83.2",
-    "state": "Connecticut"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 1",
-    "Insured Rate": "90",
-    "state": "Delaware"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 1",
-    "Insured Rate": "77",
-    "state": "District of Columbia"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 1",
-    "Insured Rate": "83",
-    "state": "Florida"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 1",
-    "Insured Rate": "100",
-    "state": "Alabama"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 1",
-    "Insured Rate": "0",
-    "state": "Alaska"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 1",
-    "Insured Rate": "72.7",
-    "state": "Arizona"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 1",
-    "Insured Rate": "78.7",
-    "state": "Arkansas"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 1",
-    "Insured Rate": "37.2",
-    "state": "California"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 1",
-    "Insured Rate": "50.6",
-    "state": "Colorado"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 1",
-    "Insured Rate": "83.2",
-    "state": "Connecticut"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 1",
-    "Insured Rate": "90",
-    "state": "Delaware"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 1",
-    "Insured Rate": "77",
-    "state": "District of Columbia"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 1",
-    "Insured Rate": "83",
-    "state": "Florida"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 1",
-    "Insured Rate": "0",
-    "state": "Alabama"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 1",
-    "Insured Rate": "0",
-    "state": "Alaska"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 1",
-    "Insured Rate": "72.7",
-    "state": "Arizona"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 1",
-    "Insured Rate": "78.7",
-    "state": "Arkansas"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 1",
-    "Insured Rate": "37.2",
-    "state": "California"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 1",
-    "Insured Rate": "50.6",
-    "state": "Colorado"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 1",
-    "Insured Rate": "83.2",
-    "state": "Connecticut"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 1",
-    "Insured Rate": "90",
-    "state": "Delaware"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 1",
-    "Insured Rate": "77",
-    "state": "District of Columbia"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 1",
-    "Insured Rate": "83",
-    "state": "Florida"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 2",
-    "Insured Rate": "43",
-    "state": "Alabama"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 2",
-    "Insured Rate": "0",
-    "state": "Alaska"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 2",
-    "Insured Rate": "72.7",
-    "state": "Arizona"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 2",
-    "Insured Rate": "78.7",
-    "state": "Arkansas"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 2",
-    "Insured Rate": "37.2",
-    "state": "California"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 2",
-    "Insured Rate": "50.6",
-    "state": "Colorado"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 2",
-    "Insured Rate": "83.2",
-    "state": "Connecticut"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 2",
-    "Insured Rate": "90",
-    "state": "Delaware"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 2",
-    "Insured Rate": "77",
-    "state": "District of Columbia"
-  },
-  {
-    "filter1": "option1",
-    "filter2": "sub option 2",
-    "Insured Rate": "83",
-    "state": "Florida"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 2",
-    "Insured Rate": "43",
-    "state": "Alabama"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 2",
-    "Insured Rate": "0",
-    "state": "Alaska"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 2",
-    "Insured Rate": "72.7",
-    "state": "Arizona"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 2",
-    "Insured Rate": "78.7",
-    "state": "Arkansas"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 2",
-    "Insured Rate": "37.2",
-    "state": "California"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 2",
-    "Insured Rate": "50.6",
-    "state": "Colorado"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 2",
-    "Insured Rate": "83.2",
-    "state": "Connecticut"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 2",
-    "Insured Rate": "90",
-    "state": "Delaware"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 2",
-    "Insured Rate": "77",
-    "state": "District of Columbia"
-  },
-  {
-    "filter1": "option2",
-    "filter2": "sub option 2",
-    "Insured Rate": "83",
-    "state": "Florida"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 2",
-    "Insured Rate": "43",
-    "state": "Alabama"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 2",
-    "Insured Rate": "0",
-    "state": "Alaska"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 2",
-    "Insured Rate": "72.7",
-    "state": "Arizona"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 2",
-    "Insured Rate": "78.7",
-    "state": "Arkansas"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 2",
-    "Insured Rate": "37.2",
-    "state": "California"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 2",
-    "Insured Rate": "50.6",
-    "state": "Colorado"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 2",
-    "Insured Rate": "83.2",
-    "state": "Connecticut"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 2",
-    "Insured Rate": "90",
-    "state": "Delaware"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 2",
-    "Insured Rate": "77",
-    "state": "District of Columbia"
-  },
-  {
-    "filter1": "option3",
-    "filter2": "sub option 2",
-    "Insured Rate": "83",
-    "state": "Florida"
-  }
-]

package/examples/default-filter-control.json DELETED Viewed

@@ -1,209 +0,0 @@
-{
-  "type": "dashboard",
-  "datasets": {
-    "data1": {
-      "data": [
-        {
-          "Insured Rate": "43",
-          "date": "2022-01-02",
-          "state": "Alabama"
-        },
-        {
-          "Insured Rate": "53",
-          "date": "2022-02-02",
-          "state": "Alabama"
-        },
-        {
-          "Insured Rate": "23",
-          "date": "2022-03-02",
-          "state": "Alabama"
-        },
-        {
-          "Insured Rate": "13",
-          "date": "2022-01-02",
-          "state": "Georgia"
-        },
-        {
-          "Insured Rate": "63",
-          "date": "2022-02-02",
-          "state": "Georgia"
-        },
-        {
-          "Insured Rate": "40",
-          "date": "2022-03-02",
-          "state": "Georgia"
-        },
-        {
-          "Insured Rate": "30",
-          "date": "2022-01-02",
-          "state": "Florida"
-        },
-        {
-          "Insured Rate": "55",
-          "date": "2022-02-02",
-          "state": "Florida"
-        },
-        {
-          "Insured Rate": "90",
-          "date": "2022-03-02",
-          "state": "Florida"
-        }
-      ]
-    },
-    "data2": {
-      "data": [
-        {
-          "Insured Rate": "43",
-          "state": "Alabama"
-        },
-        {
-          "Insured Rate": "63",
-          "state": "Georgia"
-        },
-        {
-          "Insured Rate": "53",
-          "state": "Florida"
-        }
-      ]
-    }
-  },
-  "dashboard": {
-    "sharedFilters": [
-      {
-        "key": "sharedFilter1",
-        "columnName": "state",
-        "setBy": "map1",
-        "usedBy": [
-          "chart1"
-        ]
-      }
-    ]
-  },
-  "rows": [
-    [
-      {
-        "width": 12,
-        "widget": "map1"
-      },
-      {},
-      {}
-    ],
-    [
-      {
-        "width": 12,
-        "widget": "chart1"
-      },
-      {},
-      {}
-    ]
-  ],
-  "visualizations": {
-    "map1": {
-      "uid": "map1",
-      "type": "map",
-      "defaultData": false,
-      "dataKey": "data2",
-      "general": {
-        "title": "Map Example",
-        "subtext": "",
-        "territoriesLabel": "Territories",
-        "type": "data",
-        "geoType": "us",
-        "headerColor": "theme-blue",
-        "showSidebar": true,
-        "showTitle": true,
-        "geoBorderColor": "darkGray",
-        "showDownloadButton": true,
-        "expandDataTable": true
-      },
-      "color": "pinkpurple",
-      "columns": {
-        "geo": {
-          "name": "state",
-          "label": "Location",
-          "tooltip": false,
-          "dataTable": true
-        },
-        "primary": {
-          "name": "Insured Rate",
-          "label": "Data Label",
-          "prefix": "",
-          "suffix": "%",
-          "dataTable": true,
-          "tooltip": true
-        },
-        "navigate": {
-          "name": "link",
-          "tooltip": false,
-          "dataTable": false
-        }
-      },
-      "legend": {
-        "numberOfItems": 3,
-        "position": "side",
-        "title": "Legend Title",
-        "description": "Legend Text",
-        "type": "equalnumber",
-        "specialClasses": [
-          "N/A"
-        ]
-      },
-      "dataTable": {
-      }
-    },
-    "chart1": {
-      "uid": "chart1",
-      "type": "chart",
-      "dataKey": "data1",
-      "title": "Test",
-      "description": "<p>Test</p>",
-      "visualizationType": "Line",
-      "series": [
-        {
-          "dataKey": "Insured Rate",
-          "label": "Insured Rate"
-        }
-      ],
-      "fontSize": "large",
-      "dataFormat": {
-        "commas": false,
-        "prefix": "",
-        "suffix": ""
-      },
-      "padding": {
-        "left": 15,
-        "right": 15
-      },
-      "yAxis": {
-        "label": "Insured Rate",
-        "paddingPercent": 0.15
-      },
-      "xAxis": {
-        "label": "Date",
-        "dataKey": "date",
-        "type": "date",
-        "dateParseFormat": "%Y-%m-%d",
-        "dateDisplayFormat": "%b %d",
-        "numTicks": 8,
-        "tickRotation": 50
-      },
-      "legend": {
-        "label": "Legend",
-        "above": true,
-        "left": true
-      },
-      "table": {
-        "label": "Data Table",
-        "expanded": false,
-        "download": true
-      }
-    }
-  },
-  "table": {
-    "downloadImageButton": true,
-    "downloadPdfButton": true,
-    "download": true,
-    "show": true
-  }
-}