@cdc/chart 4.25.8 → 4.25.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdc/chart",
-  "version": "4.25.8",
+  "version": "4.25.11",
   "description": "React component for visualizing tabular data in various types of charts",
   "moduleName": "CdcChart",
   "main": "dist/cdcchart",
@@ -26,40 +26,58 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@cdc/core": "^4.25.8",
+    "@cdc/core": "^4.25.11",
     "@hello-pangea/dnd": "^16.2.0",
     "@react-spring/web": "^9.7.5",
+    "@rollup/plugin-dsv": "^3.0.2",
+    "@visx/annotation": "^3.3.0",
     "@visx/axis": "3.12.0",
+    "@visx/brush": "^3.12.0",
     "@visx/curve": "3.12.0",
+    "@visx/drag": "^3.12.0",
     "@visx/event": "3.12.0",
     "@visx/glyph": "3.12.0",
     "@visx/gradient": "3.12.0",
+    "@visx/legend": "3.12.0",
     "@visx/marker": "3.12.0",
     "@visx/mock-data": "3.12.0",
+    "@visx/pattern": "^3.0.0",
+    "@visx/responsive": "^2.10.0",
     "@visx/scale": "3.12.0",
     "@visx/shape": "3.12.0",
     "@visx/stats": "3.12.0",
     "@visx/text": "3.12.0",
     "@visx/tooltip": "3.12.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "chroma-js": "3.1.2",
     "d3-array": "3.2.4",
     "d3-format": "^3.1.0",
     "d3-sankey": "^0.12.3",
     "d3-time-format": "4.1.0",
+    "dompurify": "^3.1.5",
+    "html-react-parser": "5.2.3",
     "js-base64": "^2.5.2",
-    "react-accessible-accordion": "^3.3.4",
+    "lodash": "^4.17.21",
+    "papaparse": "5.5.2",
+    "react-accessible-accordion": "^5.0.1",
     "react-icons": "5.5.0",
-    "use-debounce": "^6.0.1"
+    "react-tooltip": "5.8.2-beta.3",
+    "resize-observer-polyfill": "^1.5.1",
+    "use-debounce": "^6.0.1",
+    "vite": "^5.4.21",
+    "vite-plugin-css-injected-by-js": "^2.4.0",
+    "vite-plugin-svgr": "^2.4.0",
+    "whatwg-fetch": "3.6.20"
   },
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "e369994230b5e3facff224e1d89d5937528ac5a0",
+  "gitHead": "5f09a137c22f454111ab5f4cd7fdf1d2d58e31bd",
   "devDependencies": {
     "@types/d3-array": "^3.2.1",
     "@types/d3-format": "^3.0.4",
     "@types/d3-sankey": "^0.12.4",
-    "@types/d3-time-format": "^4.0.3",
-    "resize-observer-polyfill": "^1.5.1"
+    "@types/d3-time-format": "^4.0.3"
   }
 }

package/src/CdcChart.tsx

@@ -3,12 +3,11 @@ import CdcChart from './CdcChartComponent'
 import { ChartConfig } from './types/ChartConfig'
 import { getFileExtension } from '@cdc/core/helpers/getFileExtension'
 import { isSolrCsv, isSolrJson } from '@cdc/core/helpers/isSolr'
-import Papa from 'papaparse'
-import 'react-tooltip/dist/react-tooltip.css'
+import { parseCsvWithQuotes } from '@cdc/core/helpers/parseCsvWithQuotes'
 import cacheBustingString from '@cdc/core/helpers/cacheBustingString'
 import Loading from '@cdc/core/components/Loading'
 import _ from 'lodash'
-import EditorContext from '../../editor/src/ConfigContext'
+import EditorContext from '@cdc/core/contexts/EditorContext'
 interface CdcChartProps {
   configUrl?: string
   isEditor?: boolean
@@ -50,8 +49,9 @@ const CdcChartWrapper: React.FC<CdcChartProps> = ({
       let isUpdateNeeded = false
 
       config.filters?.forEach(filter => {
-        if (filter.type === 'url' && qsParams[filter.queryParameter] !== decodeURIComponent(filter.active)) {
-          qsParams[filter.queryParameter] = filter.active
+        const activeValue = Array.isArray(filter.active) ? filter.active.join(',') : filter.active
+        if (filter.type === 'url' && qsParams[filter.queryParameter] !== decodeURIComponent(activeValue)) {
+          qsParams[filter.queryParameter] = activeValue
           isUpdateNeeded = true
         }
       })
@@ -102,14 +102,10 @@ const CdcChartWrapper: React.FC<CdcChartProps> = ({
 export default CdcChartWrapper
 
 const parseCsv = (responseText: string, delimiter = '|') => {
-  const sanitizedText = responseText.replace(/(".*?")|,/g, (...m) => m[1] || delimiter).replace(/["]+/g, '')
-
-  return Papa.parse(sanitizedText, {
-    header: true,
-    dynamicTyping: true,
-    skipEmptyLines: true,
-    delimiter
-  }).data
+  return parseCsvWithQuotes(responseText, {
+    delimiter,
+    dynamicTyping: true
+  })
 }
 
 const fetchAndParseData = async (url: string, ext: string) => {