@cdc/core 4.24.4 → 4.24.7

package/components/AdvancedEditor.jsx

@@ -1,74 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import MapIcon from '../assets/map-folded.svg'
-import ChartIcon from '../assets/icon-chart-bar.svg'
-import MarkupIncludeIcon from '../assets/icon-code.svg'
-
-export const AdvancedEditor = ({ loadConfig, state, convertStateToConfig }) => {
-  const [advancedToggle, setAdvancedToggle] = useState(false)
-  const [configTextboxValue, setConfigTextbox] = useState({})
-
-  useEffect(() => {
-    let parsedData = state
-    if (state.type !== 'dashboard') {
-      parsedData = convertStateToConfig()
-    } else {
-      parsedData = JSON.parse(JSON.stringify(parsedData))
-    }
-    const formattedData = JSON.stringify(parsedData, undefined, 2)
-
-    setConfigTextbox(formattedData)
-  }, [state])
-
-  const typeLookup = {
-    chart: ['Charts', 'https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/bar-chart.html', <ChartIcon />],
-    dashboard: ['Dashboard', 'https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/bar-chart.html', <ChartIcon />],
-    map: ['Maps', 'https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/data-map.html', <MapIcon />],
-    'markup-include': ['Markup Include', 'https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/Markup-Include.html', <MarkupIncludeIcon />]
-  }
-
-  if (!state.type) return <></>
-  return (
-    <>
-      <a href={typeLookup[state.type][1]} target='_blank' rel='noopener noreferrer' className='guidance-link'>
-        {typeLookup[state.type][2]}
-        <div>
-          <span className='heading-3'>Get Help with {typeLookup[state.type][0]}</span>
-          <p>Examples and documentation</p>
-        </div>
-      </a>
-      <div className='advanced'>
-        <span className='advanced-toggle-link' onClick={() => setAdvancedToggle(!advancedToggle)}>
-          <span>{advancedToggle ? `— ` : `+ `}</span>Advanced Options
-        </span>
-        {advancedToggle && (
-          <React.Fragment>
-            <section className='error-box py-2 px-3 my-2'>
-              <div>
-                <strong className='pt-1'>Warning</strong>
-                <p>This can cause serious errors in your visualization.</p>
-              </div>
-            </section>
-            <p className='pb-2'>
-              This tool displays the actual <acronym title='JavaScript Object Notation'>JSON</acronym> configuration that is generated by this editor and allows you to edit properties directly and apply them.
-            </p>
-            <button
-              className='btn'
-              onClick={() => {
-                navigator.clipboard.writeText(configTextboxValue)
-                alert('Copied!')
-              }}
-            >
-              Copy to Clipboard
-            </button>
-            <textarea value={configTextboxValue} onChange={event => setConfigTextbox(event.target.value)} />
-            <button className='btn full-width' onClick={() => loadConfig(JSON.parse(configTextboxValue))}>
-              Apply
-            </button>
-          </React.Fragment>
-        )}
-      </div>
-    </>
-  )
-}
-
-export default AdvancedEditor

package/helpers/queryStringUtils.js

@@ -1,26 +0,0 @@
-export function getQueryStringFilterValue(filter) {
-  const urlParams = new URLSearchParams(window.location.search)
-  if(filter.setByQueryParameter){ // Only check the query string if the filter is supposed to be set by QS param
-    const filterValue = urlParams.get(filter.setByQueryParameter)
-    if(filterValue && filter.values){
-      for(let i = 0; i < filter.values.length; i++){
-        if(filter.values[i] && filter.values[i].toLowerCase() === filterValue.toLowerCase()){
-          return filter.values[i]
-        }
-      }
-    }
-  }
-}
-
-export function getQueryParams(filter) {
-  const queryParams = {};
-  for (const [key, value] of (new URLSearchParams(window.location.search)).entries()) {
-    queryParams[key] = value
-  }
-  return queryParams;
-}
-
-export function updateQueryString(queryParams) {
-  const updateUrl = `${window.location.origin}${window.location.pathname}?${Object.keys(queryParams).map(queryParam => `${queryParam}=${encodeURIComponent(queryParams[queryParam])}`).join('&')}`;
-  window.history.pushState({path: updateUrl}, '', updateUrl);
-}

package/types/BaseVisualizationType.ts

@@ -1 +0,0 @@
-export type BaseVisualizationType = 'dashboard' | 'chart' | 'map' | 'data-bite' | 'waffle-chart' | 'markup-include' | 'filtered-text' | 'filter-dropdowns' | 'table' | 'navigation'