@cdc/chart 4.23.3 → 4.23.5

package/examples/temp-example-data.json

@@ -1,130 +0,0 @@
-[
-  {
-    "date": "2011-10-01",
-    "New York": "89.4",
-    "San Francisco": "26.7",
-    "Austin": "34.2",
-    "wind": "Include Wind",
-    "humidity": "Include Humidiy"
-  },
-  {
-    "date": "2011-10-02",
-    "New York": "54.0",
-    "San Francisco": "59.9",
-    "Austin": "68.7",
-    "wind": "Include Wind",
-    "humidity": "Include Humidiy"
-  },
-  {
-    "date": "2011-10-03",
-    "New York": "51.3",
-    "San Francisco": "53.1",
-    "Austin": "64.4",
-    "wind": "Include Wind",
-    "humidity": "Include Humidiy"
-  },
-  {
-    "date": "2011-10-04",
-    "New York": "34.7",
-    "San Francisco": "56.8",
-    "Austin": "98.0",
-    "wind": "Include Wind",
-    "humidity": "Include Humidiy"
-  },
-  {
-    "date": "2011-10-01",
-    "New York": "32.4",
-    "San Francisco": "43.7",
-    "Austin": "54.2",
-    "wind": "Don't Include Wind",
-    "humidity": "Include Humidiy"
-  },
-  {
-    "date": "2011-10-02",
-    "New York": "65.0",
-    "San Francisco": "76.9",
-    "Austin": "87.7",
-    "wind": "Don't Include Wind",
-    "humidity": "Include Humidiy"
-  },
-  {
-    "date": "2011-10-03",
-    "New York": "53.3",
-    "San Francisco": "59.1",
-    "Austin": "69.4",
-    "wind": "Don't Include Wind",
-    "humidity": "Include Humidiy"
-  },
-  {
-    "date": "2011-10-04",
-    "New York": "55.7",
-    "San Francisco": "58.8",
-    "Austin": "68.0",
-    "wind": "Don't Include Wind",
-    "humidity": "Include Humidiy"
-  },
-  {
-    "date": "2011-10-01",
-    "New York": "63.4",
-    "San Francisco": "62.7",
-    "Austin": "72.2",
-    "wind": "Include Wind",
-    "humidity": "Don't Include Humidiy"
-  },
-  {
-    "date": "2011-10-02",
-    "New York": "58.0",
-    "San Francisco": "59.9",
-    "Austin": "67.7",
-    "wind": "Include Wind",
-    "humidity": "Don't Include Humidiy"
-  },
-  {
-    "date": "2011-10-03",
-    "New York": "53.3",
-    "San Francisco": "59.1",
-    "Austin": "69.4",
-    "wind": "Include Wind",
-    "humidity": "Don't Include Humidiy"
-  },
-  {
-    "date": "2011-10-04",
-    "New York": "55.7",
-    "San Francisco": "58.8",
-    "Austin": "68.0",
-    "wind": "Include Wind",
-    "humidity": "Don't Include Humidiy"
-  },
-  {
-    "date": "2011-10-01",
-    "New York": "63.4",
-    "San Francisco": "62.7",
-    "Austin": "87.2",
-    "wind": "Don't Include Wind",
-    "humidity": "Don't Include Humidiy"
-  },
-  {
-    "date": "2011-10-02",
-    "New York": "98.0",
-    "San Francisco": "59.9",
-    "Austin": "67.7",
-    "wind": "Don't Include Wind",
-    "humidity": "Don't Include Humidiy"
-  },
-  {
-    "date": "2011-10-03",
-    "New York": "53.3",
-    "San Francisco": "59.1",
-    "Austin": "69.4",
-    "wind": "Don't Include Wind",
-    "humidity": "Don't Include Humidiy"
-  },
-  {
-    "date": "2011-10-04",
-    "New York": "55.7",
-    "San Francisco": "54.8",
-    "Austin": "68.0",
-    "wind": "Don't Include Wind",
-    "humidity": "Don't Include Humidiy"
-  }
-]

package/src/components/Filters.jsx

@@ -1,126 +0,0 @@
-import React, { useState, useContext } from 'react'
-import ConfigContext from './../ConfigContext'
-import Button from '@cdc/core/components/elements/Button'
-
-const useFilters = () => {
-  const { config, setConfig, setFilteredData, excludedData, filterData } = useContext(ConfigContext)
-  const [showApplyButton, setShowApplyButton] = useState(false)
-
-  const sortAsc = (a, b) => {
-    return a.toString().localeCompare(b.toString(), 'en', { numeric: true })
-  }
-
-  const sortDesc = (a, b) => {
-    return b.toString().localeCompare(a.toString(), 'en', { numeric: true })
-  }
-
-  const announceChange = text => {}
-
-  const changeFilterActive = (index, value) => {
-    let newFilters = config.filters
-    newFilters[index].active = value
-    setConfig({
-      ...config,
-      filters: newFilters
-    })
-    setShowApplyButton(true)
-  }
-
-  const handleApplyButton = newFilters => {
-    setConfig({ ...config, filters: newFilters })
-    setFilteredData(filterData(newFilters, excludedData))
-    setShowApplyButton(false)
-  }
-
-  const handleReset = () => {
-    let newFilters = config.filters
-
-    // reset to first item in values array.
-    newFilters.map(filter => {
-      filter.active = filter.values[0]
-      return null
-    })
-
-    setFilteredData(filterData(newFilters, excludedData))
-    setConfig({ ...config, filters: newFilters })
-  }
-
-  return { handleApplyButton, changeFilterActive, announceChange, sortAsc, sortDesc, showApplyButton, handleReset }
-}
-
-const Filters = () => {
-  const { config } = useContext(ConfigContext)
-  const { handleApplyButton, changeFilterActive, announceChange, sortAsc, sortDesc, showApplyButton, handleReset } = useFilters()
-  const { filters } = config
-  const buttonText = 'Apply Filters'
-  const resetText = 'Reset All'
-
-  // A List of Dropdowns
-  const FilterList = () => {
-    if (config.filters) {
-      return config.filters.map((singleFilter, index) => {
-        const values = []
-
-        if (!singleFilter.order || singleFilter.order === '') {
-          singleFilter.order = 'asc'
-        }
-
-        if (singleFilter.order === 'desc') {
-          singleFilter.values = singleFilter.values.sort(sortDesc)
-        }
-
-        if (singleFilter.order === 'asc') {
-          singleFilter.values = singleFilter.values.sort(sortAsc)
-        }
-
-        singleFilter.values.forEach((filterOption, index) => {
-          values.push(
-            <option key={index} value={filterOption}>
-              {filterOption}
-            </option>
-          )
-        })
-
-        return (
-          <div className='single-filter' key={index}>
-            <label htmlFor={`filter-${index}`}>{singleFilter.label}</label>
-            <select
-              id={`filter-${index}`}
-              className='filter-select'
-              data-index='0'
-              value={singleFilter.active}
-              onChange={e => {
-                changeFilterActive(index, e.target.value)
-                announceChange(`Filter ${singleFilter.label} value has been changed to ${e.target.value}, please reference the data table to see updated values.`)
-              }}
-            >
-              {values}
-            </select>
-          </div>
-        )
-      })
-    } else {
-      return null
-    }
-  }
-
-  return (
-    <section className={`filters-section`} style={{ display: 'block', width: '100%' }}>
-      <div className='filters-section__wrapper' style={{ flexWrap: 'wrap', display: 'flex', gap: '7px 15px', marginTop: '15px' }}>
-        <FilterList />
-        {config.filters.length > 0 && (
-          <div className='filter-section__buttons' style={{ width: '100%' }}>
-            <Button onClick={() => handleApplyButton(filters)} disabled={!showApplyButton} style={{ marginRight: '10px' }}>
-              {buttonText}
-            </Button>
-            <a href='#!' role='button' onClick={handleReset}>
-              {resetText}
-            </a>
-          </div>
-        )}
-      </div>
-    </section>
-  )
-}
-
-export default Filters