@cdc/map 4.23.2 → 4.23.3

package/src/components/DataTable.jsx

@@ -10,39 +10,14 @@ import CoveMediaControls from '@cdc/core/components/CoveMediaControls'
 
 import Loading from '@cdc/core/components/Loading'
 
+/* eslint-disable jsx-a11y/no-noninteractive-tabindex, jsx-a11y/no-static-element-interactions */
 const DataTable = props => {
-  const {
-    state,
-    tableTitle,
-    indexTitle,
-    mapTitle,
-    rawData,
-    showDownloadImgButton,
-    showDownloadPdfButton,
-    showDownloadButton,
-    runtimeData,
-    runtimeLegend,
-    headerColor,
-    expandDataTable,
-    columns,
-    displayDataAsText,
-    applyLegendToRow,
-    displayGeoName,
-    navigationHandler,
-    viewport,
-    formatLegendLocation,
-    tabbingId,
-    setFilteredCountryCode,
-    innerContainerRef,
-    imageRef
-  } = props
+  const { state, tableTitle, indexTitle, mapTitle, rawData, runtimeData, headerColor, expandDataTable, columns, displayDataAsText, applyLegendToRow, displayGeoName, navigationHandler, viewport, formatLegendLocation, tabbingId, setFilteredCountryCode } = props
 
   const [expanded, setExpanded] = useState(expandDataTable)
 
   const [accessibilityLabel, setAccessibilityLabel] = useState('')
 
-  const [ready, setReady] = useState(false)
-
   const fileName = `${mapTitle || 'data-table'}.csv`
 
   // Catch all sorting method used on load by default but also on user click
@@ -202,10 +177,11 @@ const DataTable = props => {
 
             const legendColor = applyLegendToRow(rowObj)
 
+            var labelValue
             if (state.general.geoType !== 'us-county' || state.general.type === 'us-geocode') {
-              var labelValue = displayGeoName(row.original)
+              labelValue = displayGeoName(row.original)
             } else {
-              var labelValue = formatLegendLocation(row.original)
+              labelValue = formatLegendLocation(row.original)
             }
 
             labelValue = getCellAnchor(labelValue, rowObj)
@@ -232,7 +208,7 @@ const DataTable = props => {
     })
 
     return newTableColumns
-  }, [indexTitle, columns, runtimeData, getCellAnchor, displayDataAsText, applyLegendToRow, customSort, displayGeoName, state.legend.specialClasses])
+  }, [indexTitle, columns, runtimeData, getCellAnchor, displayDataAsText, applyLegendToRow, customSort, displayGeoName, state.legend.specialClasses]) // eslint-disable-line
 
   const tableData = useMemo(
     () =>
@@ -301,7 +277,7 @@ const DataTable = props => {
             }
           }}
         >
-          <Icon display={expanded ? 'minus' : 'plus'} base/>
+          <Icon display={expanded ? 'minus' : 'plus'} base />
           {tableTitle}
         </div>
         <div className='table-container' style={{ maxHeight: state.dataTable.limitHeight && `${state.dataTable.height}px`, overflowY: 'scroll' }}>