@cdc/core 4.22.10 → 4.23.1

package/helpers/DataTransform.js

@@ -6,157 +6,157 @@ export class DataTransform {
       descriptionHeader: 1,
       descriptionRoot: 2,
       descriptionSeriesFilter: 3
-    };
+    }
   }
 
   //Performs standardizations that can be completed automatically without use input
-  autoStandardize(data){
+  autoStandardize(data) {
     const errorsFound = []
 
     // Empty data
-    if ( 0 === data.length ) {
-      errorsFound.push(this.constants.errorMessageEmptyData);
+    if (0 === data.length) {
+      errorsFound.push(this.constants.errorMessageEmptyData)
     }
 
     // Does it have the correct data structure?
-    if (!data.filter || data.filter(row =>  typeof row !== 'object').length > 0) {
-      errorsFound.push(this.constants.errorMessageFormat);
+    if (!data.filter || data.filter(row => typeof row !== 'object').length > 0) {
+      errorsFound.push(this.constants.errorMessageFormat)
     }
 
-    if(errorsFound.length > 0) {
-      console.error(errorsFound);
-      return undefined;
+    if (errorsFound.length > 0) {
+      console.error(errorsFound)
+      return undefined
     }
 
     //Convert array of arrays, to array of objects
-    if (data.filter(row =>  row.constructor !== Object).length > 0) {
-      let standardizedData = [];
-      for(let row = 1; row < data.length; row++){
-        let standardizedRow = {};
+    if (data.filter(row => row.constructor !== Object).length > 0) {
+      let standardizedData = []
+      for (let row = 1; row < data.length; row++) {
+        let standardizedRow = {}
         data[row].forEach((datum, col) => {
-          standardizedRow[data[0][col]] = datum;
-        });
-        standardizedData.push(standardizedRow);
+          standardizedRow[data[0][col]] = datum
+        })
+        standardizedData.push(standardizedRow)
       }
-      data = standardizedData;
+      data = standardizedData
     }
 
-    return data;
+    return data
   }
 
   //Performs standardizations based on developer provided description of the data
-  developerStandardize(data, description){
+  developerStandardize(data, description) {
     //Validate the description object
-    if(!description){
+    if (!description) {
       return undefined
     }
 
-    if(description.horizontal === undefined || description.series === undefined){
+    if (description.horizontal === undefined || description.series === undefined) {
       return undefined
     }
 
-    if(description.series === true && description.horizontal === false && description.singleRow === undefined){
+    if (description.series === true && description.horizontal === false && description.singleRow === undefined) {
       return undefined
     }
 
-    if(description.horizontal === true){
-      if(description.series === true) {
-        if(!description.seriesKey){
+    if (description.horizontal === true) {
+      if (description.series === true) {
+        if (!description.seriesKey) {
           return undefined
         }
 
-        let standardizedMapped = {};
-        let standardized = [];
-        data.forEach((row) => {
-          let nonNumericKeys = [];
-          Object.keys(row).forEach((key) => {
-            if(key !== description.seriesKey && isNaN(parseFloat(row[key]))){
-              nonNumericKeys.push(key);
+        let standardizedMapped = {}
+        let standardized = []
+        data.forEach(row => {
+          let nonNumericKeys = []
+          Object.keys(row).forEach(key => {
+            if (key !== description.seriesKey && isNaN(parseFloat(row[key]))) {
+              nonNumericKeys.push(key)
             }
-          });
-
-          Object.keys(row).forEach((key) => {
-            if(key !== description.seriesKey && nonNumericKeys.indexOf(key) === -1) {
-              let uniqueKey = key + '|' + nonNumericKeys.map((nonNumericKey) => (nonNumericKey + '=' + row[nonNumericKey]));
-              if(!standardizedMapped[uniqueKey]){
-                standardizedMapped[uniqueKey] = {[row[description.seriesKey]]: row[key], key};
-                nonNumericKeys.forEach((nonNumericKey) => {
-                  standardizedMapped[uniqueKey][nonNumericKey] = row[nonNumericKey];
-                });
+          })
+
+          Object.keys(row).forEach(key => {
+            if (key !== description.seriesKey && nonNumericKeys.indexOf(key) === -1) {
+              let uniqueKey = key + '|' + nonNumericKeys.map(nonNumericKey => nonNumericKey + '=' + row[nonNumericKey])
+              if (!standardizedMapped[uniqueKey]) {
+                standardizedMapped[uniqueKey] = { [row[description.seriesKey]]: row[key], key }
+                nonNumericKeys.forEach(nonNumericKey => {
+                  standardizedMapped[uniqueKey][nonNumericKey] = row[nonNumericKey]
+                })
               }
-              standardizedMapped[uniqueKey][row[description.seriesKey]] = row[key];
+              standardizedMapped[uniqueKey][row[description.seriesKey]] = row[key]
             }
-          });
-        });
+          })
+        })
 
-        Object.keys(standardizedMapped).forEach((key) => {
-          standardized.push(standardizedMapped[key]);
-        });
+        Object.keys(standardizedMapped).forEach(key => {
+          standardized.push(standardizedMapped[key])
+        })
 
-        return standardized;
+        return standardized
       } else {
-        let standardized = [];
+        let standardized = []
 
-        data.forEach((row) => {
-          let nonNumericKeys = [];
-          Object.keys(row).forEach((key) => {
-            if(isNaN(parseFloat(row[key]))){
-              nonNumericKeys.push(key);
+        data.forEach(row => {
+          let nonNumericKeys = []
+          Object.keys(row).forEach(key => {
+            if (isNaN(parseFloat(row[key]))) {
+              nonNumericKeys.push(key)
             }
-          });
+          })
 
-          Object.keys(row).forEach((key) => {
-            if(nonNumericKeys.indexOf(key) === -1){
-              let newRow = {key, value: row[key]};
+          Object.keys(row).forEach(key => {
+            if (nonNumericKeys.indexOf(key) === -1) {
+              let newRow = { key, value: row[key] }
 
-              nonNumericKeys.forEach((nonNumericKey) => {
-                newRow[nonNumericKey] = row[nonNumericKey];
-              });
+              nonNumericKeys.forEach(nonNumericKey => {
+                newRow[nonNumericKey] = row[nonNumericKey]
+              })
 
-              standardized.push(newRow);
+              standardized.push(newRow)
             }
-          });
-        });
+          })
+        })
 
-        return standardized;
+        return standardized
       }
-    } else if(description.series === true && description.singleRow === false){
-      if(description.seriesKey !== undefined && description.xKey !== undefined && description.valueKey !== undefined){
-        let standardizedMapped = {};
-        let standardized = [];
-
-        data.forEach((row) => {
-          let extraKeys = [];
-          let uniqueKey = row[description.xKey];
-          Object.keys(row).forEach((key) => {
-            if(key !== description.xKey && key !== description.seriesKey && key !== description.valueKey){
-              uniqueKey += '|' + key + '=' + row[key];
-              extraKeys.push(key);
+    } else if (description.series === true && description.singleRow === false) {
+      if (description.seriesKey !== undefined && description.xKey !== undefined && description.valueKey !== undefined) {
+        let standardizedMapped = {}
+        let standardized = []
+
+        data.forEach(row => {
+          let extraKeys = []
+          let uniqueKey = row[description.xKey]
+          Object.keys(row).forEach(key => {
+            if (key !== description.xKey && key !== description.seriesKey && key !== description.valueKey) {
+              uniqueKey += '|' + key + '=' + row[key]
+              extraKeys.push(key)
             }
-          });
+          })
 
-          if(standardizedMapped[uniqueKey]){
-            standardizedMapped[uniqueKey][row[description.seriesKey]] = row[description.valueKey];
+          if (standardizedMapped[uniqueKey]) {
+            standardizedMapped[uniqueKey][row[description.seriesKey]] = row[description.valueKey]
           } else {
-            standardizedMapped[uniqueKey] = {[description.xKey]: row[description.xKey], [row[description.seriesKey]]: row[description.valueKey]};
-            extraKeys.forEach((key) => {
-              standardizedMapped[uniqueKey][key] = row[key];
-            });
+            standardizedMapped[uniqueKey] = { [description.xKey]: row[description.xKey], [row[description.seriesKey]]: row[description.valueKey] }
+            extraKeys.forEach(key => {
+              standardizedMapped[uniqueKey][key] = row[key]
+            })
           }
-        });
+        })
 
-        Object.keys(standardizedMapped).forEach((key) => {
-          standardized.push(standardizedMapped[key]);
-        });
+        Object.keys(standardizedMapped).forEach(key => {
+          standardized.push(standardizedMapped[key])
+        })
 
-        return standardized;
+        return standardized
       } else {
         return undefined
       }
     }
 
-    return data;
+    return data
   }
 }
 
-export default DataTransform;
+export default DataTransform

package/helpers/cacheBustingString.js

@@ -1,5 +1,5 @@
 export default function cacheBustingString() {
-        const round = 1000 * 60 * 15;
-        const date = new Date();
-        return new Date(date.getTime() - (date.getTime() % round)).toISOString();
+  const round = 1000 * 60 * 15
+  const date = new Date()
+  return new Date(date.getTime() - (date.getTime() % round)).toISOString()
 }

package/helpers/events.js

@@ -1,15 +1,14 @@
-
 function subscribe(eventName, listener) {
-  document.addEventListener(eventName, listener);
+  document.addEventListener(eventName, listener)
 }
 
 function unsubscribe(eventName, listener) {
-  document.removeEventListener(eventName, listener);
+  document.removeEventListener(eventName, listener)
 }
 
 function publish(eventName, data) {
-  const event = new CustomEvent(eventName, { detail: data });
-  document.dispatchEvent(event);
+  const event = new CustomEvent(eventName, { detail: data })
+  document.dispatchEvent(event)
 }
 
-export { publish, subscribe, unsubscribe};
+export { publish, subscribe, unsubscribe }

package/helpers/fetchRemoteData.js

@@ -1,43 +1,43 @@
-import Papa from 'papaparse';
+import Papa from 'papaparse'
 
-export default async function (url) {
-    try {
+export default async function (url, visualizationType = '') {
+  try {
+    // Using URL Object to get pathname without URL paramaters on regex.
+    if (visualizationType === 'map') url = decodeURI(url)
 
-        // Using URL Object to get pathname without URL paramaters on regex.
-        url = new URL(url)
+    url = new URL(url)
 
-        const path = url.pathname
-        const regex = /(?:\.([^.]+))?$/
-        const ext = (regex.exec(path)[1])
+    const path = url.pathname
+    const regex = /(?:\.([^.]+))?$/
+    const ext = regex.exec(path)[1]
 
-        let data = []
+    let data = []
 
-        if ('csv' === ext) {
-            data = await fetch(url.href)
-                .then(response => response.text())
-                .then(responseText => {
-                    const parsedCsv = Papa.parse(responseText, {
-                        header: true,
-                        dynamicTyping: true,
-                        skipEmptyLines: true
-                    })
-                    return parsedCsv.data
-                })
-        }
+    if ('csv' === ext) {
+      data = await fetch(url.href)
+        .then(response => response.text())
+        .then(responseText => {
+          const parsedCsv = Papa.parse(responseText, {
+            header: true,
+            dynamicTyping: true,
+            skipEmptyLines: true
+          })
+          return parsedCsv.data
+        })
+    }
 
-        if ('json' === ext) {
-            data = await fetch(url.href)
-                .then(response => response.json())
-        }
+    if ('json' === ext) {
+      data = await fetch(url.href).then(response => response.json())
+    }
 
-        return data;
+    return data
+  } catch {
+    // If we can't parse it, still attempt to fetch it
+    try {
+      let response = await (await fetch(url)).json()
+      return response
     } catch {
-        // If we can't parse it, still attempt to fetch it
-        try {
-            let response = await (await fetch(url)).json()
-            return response
-        } catch {
-            console.error(`Cannot parse URL: ${url}`);
-        }
+      console.error(`Cannot parse URL: ${url}`)
     }
+  }
 }

package/helpers/getViewport.js

@@ -1,21 +1,21 @@
 export default function getViewport(size) {
-    let result = 'lg'
+  let result = 'lg'
 
-    const viewports = {
-        "lg": 1200,
-        "md": 992,
-        "sm": 768,
-        "xs": 576,
-        "xxs": 350
-    }
+  const viewports = {
+    lg: 1200,
+    md: 992,
+    sm: 768,
+    xs: 576,
+    xxs: 350
+  }
 
-    if(size > 1200) return result
+  if (size > 1200) return result
 
-    for(let viewport in viewports) {
-        if(size <= viewports[viewport]) {
-            result = viewport
-        }
+  for (let viewport in viewports) {
+    if (size <= viewports[viewport]) {
+      result = viewport
     }
+  }
 
-    return result
-}
+  return result
+}

package/helpers/numberFromString.js

@@ -1,11 +1,11 @@
 export default function numberFromString(value = '', state = null) {
-    // Only do this to values that are ONLY numbers - without this parseFloat strips all the other text
-    if (typeof value === 'string' && state?.legend?.type === 'category') return value;
+  // Only do this to values that are ONLY numbers - without this parseFloat strips all the other text
+  if (typeof value === 'string' && state?.legend?.type === 'category') return value
 
-    let nonNumeric = /[^\d.-]/g
-    if( false === Number.isNaN( parseFloat(value) ) && null === String(value).match(nonNumeric) ) {
-        return parseFloat(value)
-    }
+  let nonNumeric = /[^\d.-]/g
+  if (false === Number.isNaN(parseFloat(value)) && null === String(value).match(nonNumeric)) {
+    return parseFloat(value)
+  }
 
-    return value
+  return value
 }

package/helpers/updatePaletteNames.js

@@ -1,18 +1,16 @@
+export function updatePaletteNames(colorPalettes) {
+  // this function adds REVERSE keyword to each palette
+  delete colorPalettes.qualitative9 // delete palette before reversing
+  let palettereversed = {}
+  for (const [paletteName, hexCodeArr] of Object.entries(colorPalettes)) {
+    const paletteStr = String(paletteName)
 
-
-  export function updatePaletteNames (colorPalettes){
-    // this function adds REVERSE keyword to each palette
-    delete colorPalettes.qualitative9 // delete palette before reversing
-    let palettereversed={}
-    for (const [paletteName, hexCodeArr] of Object.entries(colorPalettes)) {
-      const paletteStr = String(paletteName);
-
-     if (!paletteStr.endsWith('reverse') ){
-       let palette = paletteStr.concat('reverse'); // add to the end of the string "reverse"
-       palettereversed[palette] = [...hexCodeArr].reverse();  // reverses arrays elements and create new keys on object
-     }else{
-      palettereversed = {...colorPalettes}
-     }
-   }
-   return  {...palettereversed,...colorPalettes}
-  }
+    if (!paletteStr.endsWith('reverse')) {
+      let palette = paletteStr.concat('reverse') // add to the end of the string "reverse"
+      palettereversed[palette] = [...hexCodeArr].reverse() // reverses arrays elements and create new keys on object
+    } else {
+      palettereversed = { ...colorPalettes }
+    }
+  }
+  return { ...palettereversed, ...colorPalettes }
+}

package/helpers/useDataVizClasses.js

@@ -1,37 +1,40 @@
 export default function useDataVizClasses(config) {
-
-	let lineDatapointClass = ''
-	let barBorderClass = ''
-
-	if (config.lineDatapointStyle === "hover") { lineDatapointClass = ' chart-line--hover' }
-	if (config.lineDatapointStyle === "always show") { lineDatapointClass = ' chart-line--always' }
-	if (config.barHasBorder === "false") { barBorderClass = ' chart-bar--no-border' }
-
-
-	let innerContainerClasses = ['cove-component__inner']
-	let contentClasses = ['cove-component__content'];
-
-	config.title && innerContainerClasses.push('component--has-title')
-	config.subtext && innerContainerClasses.push('component--has-subtext')
-	config.biteStyle && innerContainerClasses.push(`bite__style--${config.biteStyle}`)
-	config.general?.isCompactStyle && innerContainerClasses.push(`component--isCompactStyle`)
-
-	!config.visual?.border && contentClasses.push('no-borders');
-	config.visualizationType === 'Spark Line' && contentClasses.push('sparkline')
-	config.visual?.borderColorTheme && contentClasses.push('component--has-borderColorTheme');
-	config.visual?.accent && contentClasses.push('component--has-accent');
-	config.visual?.background && contentClasses.push('component--has-background');
-	config.visual?.hideBackgroundColor && contentClasses.push('component--hideBackgroundColor');
-
-	// ! these two will be retired.
-	config.shadow && innerContainerClasses.push('shadow')
-	config?.visual?.roundedBorders && innerContainerClasses.push('bite--has-rounded-borders')
-
-	let sparkLineStyles = {
-		width: '100%',
-		height: '100px',
-	}
-
-
-	return { innerContainerClasses, contentClasses, barBorderClass, lineDatapointClass, sparkLineStyles};
+  let lineDatapointClass = ''
+  let barBorderClass = ''
+
+  if (config.lineDatapointStyle === 'hover') {
+    lineDatapointClass = ' chart-line--hover'
+  }
+  if (config.lineDatapointStyle === 'always show') {
+    lineDatapointClass = ' chart-line--always'
+  }
+  if (config.barHasBorder === 'false') {
+    barBorderClass = ' chart-bar--no-border'
+  }
+
+  let innerContainerClasses = ['cove-component__inner']
+  let contentClasses = ['cove-component__content']
+
+  config.title && innerContainerClasses.push('component--has-title')
+  config.subtext && innerContainerClasses.push('component--has-subtext')
+  config.biteStyle && innerContainerClasses.push(`bite__style--${config.biteStyle}`)
+  config.general?.isCompactStyle && innerContainerClasses.push(`component--isCompactStyle`)
+
+  !config.visual?.border && contentClasses.push('no-borders')
+  config.visualizationType === 'Spark Line' && contentClasses.push('sparkline')
+  config.visual?.borderColorTheme && contentClasses.push('component--has-borderColorTheme')
+  config.visual?.accent && contentClasses.push('component--has-accent')
+  config.visual?.background && contentClasses.push('component--has-background')
+  config.visual?.hideBackgroundColor && contentClasses.push('component--hideBackgroundColor')
+
+  // ! these two will be retired.
+  config.shadow && innerContainerClasses.push('shadow')
+  config?.visual?.roundedBorders && innerContainerClasses.push('bite--has-rounded-borders')
+
+  let sparkLineStyles = {
+    width: '100%',
+    height: '100px'
+  }
+
+  return { innerContainerClasses, contentClasses, barBorderClass, lineDatapointClass, sparkLineStyles }
 }

package/helpers/validateFipsCodeLength.js

@@ -1,67 +1,52 @@
 /**
  * validateFipsCodeLength
- * 
+ *
  * When stateOrData is an object...
- * This is used for validating maps fips codes during runtime where we 
+ * This is used for validating maps fips codes during runtime where we
  * In this scenario a user is able to choose the column their Fips Codes are in.
- * 
+ *
  * When stateOrData is an array...
  * The user hasn't chose which column has their FIPS codes in it. We still
  * want to present the FIPS Codes in a friendly format so we attempt to add leading zeros.
- * 
- * @param {object|array} stateOrData 
+ *
+ * @param {object|array} stateOrData
  * @returns {object|array} stateOrData
  */
 export default function validateFipsCodeLength(stateOrData) {
-
-	// FIPS are within obj.
-	if (!Array.isArray(stateOrData)) {
-		if (stateOrData.general.geoType === 'us-county' || stateOrData.general.geoType === 'single-state' || stateOrData.general.geoType === 'us' && stateOrData?.data) {
-
-			stateOrData?.data.forEach(dataPiece => {
-				if (dataPiece[stateOrData.columns.geo.name]) {
-
-					if (!isNaN(parseInt(dataPiece[stateOrData.columns.geo.name])) && dataPiece[stateOrData.columns.geo.name].length === 4) {
-						dataPiece[stateOrData.columns.geo.name] = 0 + dataPiece[stateOrData.columns.geo.name]
-					}
-					dataPiece[stateOrData.columns.geo.name] = dataPiece[stateOrData.columns.geo.name].toString()
-				}
-			})
-		}
-	}
-
-	// Only includes data - get column name from somewhere else
-	if (Array.isArray(stateOrData)) {
-
-		let columns = Object.keys(stateOrData[0])
-
-		let potentialColumnNames = [
-			'fips',
-			'FIPS',
-			'fips codes',
-			'FIPS CODES',
-			'Fips Codes',
-			'fips Codes',
-			'Fips codes',
-			'FIPS Codes'
-		]
-
-		const fipsCol = columns.filter(columnName => potentialColumnNames.includes(columnName));
-
-		if (!fipsCol.length) return; // no column name to reference, leave the fips alone.
-
-		stateOrData?.forEach(dataPiece => {
-
-			if (dataPiece[fipsCol]) {
-
-				// specific to county fips codes.
-				if (!isNaN(parseInt(dataPiece[fipsCol])) && dataPiece[fipsCol].length === 4) {
-					dataPiece[fipsCol] = 0 + dataPiece[fipsCol]
-				}
-				dataPiece[fipsCol] = dataPiece[fipsCol].toString()
-			}
-		})
-	}
-
-	return stateOrData;
+  // FIPS are within obj.
+  if (!Array.isArray(stateOrData)) {
+    if (stateOrData.general.geoType === 'us-county' || stateOrData.general.geoType === 'single-state' || (stateOrData.general.geoType === 'us' && stateOrData?.data)) {
+      stateOrData?.data.forEach(dataPiece => {
+        if (dataPiece[stateOrData.columns.geo.name]) {
+          if (!isNaN(parseInt(dataPiece[stateOrData.columns.geo.name])) && dataPiece[stateOrData.columns.geo.name].length === 4) {
+            dataPiece[stateOrData.columns.geo.name] = 0 + dataPiece[stateOrData.columns.geo.name]
+          }
+          dataPiece[stateOrData.columns.geo.name] = dataPiece[stateOrData.columns.geo.name].toString()
+        }
+      })
+    }
+  }
+
+  // Only includes data - get column name from somewhere else
+  if (Array.isArray(stateOrData)) {
+    let columns = Object.keys(stateOrData[0])
+
+    let potentialColumnNames = ['fips', 'FIPS', 'fips codes', 'FIPS CODES', 'Fips Codes', 'fips Codes', 'Fips codes', 'FIPS Codes']
+
+    const fipsCol = columns.filter(columnName => potentialColumnNames.includes(columnName))
+
+    if (!fipsCol.length) return // no column name to reference, leave the fips alone.
+
+    stateOrData?.forEach(dataPiece => {
+      if (dataPiece[fipsCol]) {
+        // specific to county fips codes.
+        if (!isNaN(parseInt(dataPiece[fipsCol])) && dataPiece[fipsCol].length === 4) {
+          dataPiece[fipsCol] = 0 + dataPiece[fipsCol]
+        }
+        dataPiece[fipsCol] = dataPiece[fipsCol].toString()
+      }
+    })
+  }
+
+  return stateOrData
 }