\r\n );\r\n}\r\n","import ThemeSelectView from './ThemeSelectView';\r\nimport CensusToggle from './CensusToggle';\r\nimport CompareToggle from './CompareToggle';\r\nimport StateSelect from './StateSelect';\r\nimport YearSelect from './YearSelect';\r\nimport ResetButton from './ResetButton';\r\n\r\nexport default function DataControls(props) {\r\n const { type } = props;\r\n const tab = type.label.toLowerCase();\r\n if (tab === 'more info') return null;\r\n return (\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n}\r\n","import { DataService } from './DataService';\r\nimport { toLonLat } from 'ol/proj';\r\nimport { mapThemeAttributes } from './DataTransformation';\r\nimport { debugMode } from '../model/StaticVariables';\r\n\r\n//\"ReleaseYear 272018 AND Comparison =national AND GeoLevel=county\r\n\r\nconst sviFields = ['Overall_SVI_Percentile', 'Theme1_Percentile', 'Theme2_Percentile', 'Theme3_Percentile', 'Theme4_Percentile'];\r\n\r\nconst themeColumns = {\r\n general: ['ReleaseYear', 'GeoLevel', 'Comparison', 'ST', 'FIPS', 'E_TOTPOP', 'M_TOTPOP', 'E_HU', 'M_HU', 'E_HH', 'M_HH'],\r\n theme0: ['*'],\r\n theme1: ['Theme1_E_POV', 'Theme1_M_POV', 'Theme1_EP_POV', 'Theme1_MP_POV', 'Theme1_EPL_POV', 'Theme1_E_UNEMP', 'Theme1_M_UNEMP', 'Theme1_EP_UNEMP', 'Theme1_MP_UNEMP', 'Theme1_EPL_UNEMP', 'Theme1_E_PCI', 'Theme1_M_PCI', 'Theme1_EP_PCI', 'Theme1_MP_PCI', 'Theme1_EPL_PCI', 'Theme1_E_NOHSDP', 'Theme1_M_NOHSDP', 'Theme1_EP_NOHSDP', 'Theme1_MP_NOHSDP', 'Theme1_EPL_NOHSDP', 'Theme1_SPL', 'Theme1_Percentile'],\r\n theme2: ['Theme2_E_AGE65', 'Theme2_M_AGE65', 'Theme2_EP_AGE65', 'Theme2_MP_AGE65', 'Theme2_EPL_AGE65', 'Theme2_E_AGE17', 'Theme2_M_AGE17', 'Theme2_EP_AGE17', 'Theme2_MP_AGE17', 'Theme2_EPL_AGE17', 'Theme2_E_DISABL', 'Theme2_M_DISABL', 'Theme2_EP_DISABL', 'Theme2_MP_DISABL', 'Theme2_EPL_DISABL', 'Theme2_E_SNGPNT', 'Theme2_M_SNGPNT', 'Theme2_EP_SNGPNT', 'Theme2_MP_SNGPNT', 'Theme2_EPL_SNGPNT', 'Theme2_SPL', 'Theme2_Percentile'],\r\n theme3: ['Theme3_E_MINRTY', 'Theme3_M_MINRTY', 'Theme3_EP_MINRTY', 'Theme3_MP_MINRTY', 'Theme3_EPL_MINRTY', 'Theme3_E_LIMENG', 'Theme3_M_LIMENG', 'Theme3_EP_LIMENG', 'Theme3_MP_LIMENG', 'Theme3_EPL_LIMENG', 'Theme3_SPL', 'Theme3_Percentile'],\r\n theme4: ['Theme4_E_MUNIT', 'Theme4_M_MUNIT', 'Theme4_EP_MUNIT', 'Theme4_MP_MUNIT', 'Theme4_EPL_MUNIT', 'Theme4_E_MOBILE', 'Theme4_M_MOBILE', 'Theme4_EP_MOBILE', 'Theme4_MP_MOBILE', 'Theme4_EPL_MOBILE', 'Theme4_E_CROWD', 'Theme4_M_CROWD', 'Theme4_EP_CROWD', 'Theme4_MP_CROWD', 'Theme4_EPL_CROWD', 'Theme4_E_NOVEH', 'Theme4_M_NOVEH', 'Theme4_EP_NOVEH', 'Theme4_MP_NOVEH', 'Theme4_EPL_NOVEH', 'Theme4_E_GROUPQ', 'Theme4_M_GROUPQ', 'Theme4_EP_GROUPQ', 'Theme4_MP_GROUPQ', 'Theme4_EPL_GROUPQ', 'Theme4_SPL', 'Theme4_Percentile'],\r\n general_flag: ['F_Total', 'E_UNINSUR', 'M_UNINSUR', 'EP_UNINSUR', 'MP_UNINSUR', 'E_DAYPOP', 'GRASPID'],\r\n theme0_flag: [],\r\n theme1_flag: ['F_POV', 'F_UNEMP', 'F_PCI', 'F_NOHSDP', 'F_Theme1'],\r\n theme2_flag: ['F_AGE65', 'F_AGE17', 'F_DISABL', 'F_SNGPNT', 'F_Theme2'],\r\n theme3_flag: ['F_MINRTY', 'F_LIMENG', 'F_Theme3'],\r\n theme4_flag: ['F_MUNIT', 'F_MOBILE', 'F_CROWD', 'F_NOVEH', 'F_GROUPQ', 'F_Theme4']\r\n};\r\n//Quantization params:\r\n// {\"mode\":\"view\",\"originPosition\":\"upperLeft\",\"tolerance\":1.0583354500042335,\"extennt\":{\"type\":\"extent\",\"xmin\":${extent.XMin},\"ymin\":${extent.YMin},\"xmax\":${extent.XMax},\"ymax\":${extent.YMax},\"spatialReference\":{\"wkid\":102100,\"latestWkid\":3857}}}\r\n//&quantizationParameters=%7B%22mode%22%3A%22view%22%2C%22originPosition%22%3A%22upperLeft%22%2C%22tolerance%22%3A1.0583354500042335%2C%22extent%22%3A%7B%22type%22%3A%22extent%22%2C%22xmin%22%3A${extent.XMin}%2C%22ymin%22%3A${extent.YMin}%2C%22xmax%22%3A${extent.XMax}%2C%22ymax%22%3A${extent.YMax}%2C%22spatialReference%22%3A%7B%22wkid%22%3A102100%2C%22latestWkid%22%3A3857%7D%7D%7D\r\n// %7B%27extent%27%3A%7B%27type%27%3A%27extent%27%2C%27xmin%27%3A${extent.XMin}%2C%27ymin%27%3A${extent.YMin}%2C%27xmax%27%3A${extent.XMax}%2C%27ymax%27%3A${extent.YMax}%7D%7D/ ' { } :\r\n// quantizationParameters=%7B\"extent\"%3A%7B\"type\"%3A\"extent\"%2C\"xmin\"%3A${extent.XMin}%2C\"ymin\"%3A${extent.YMin}%2C\"xmax\"%3A${extent.XMax}%2C\"ymax\"%3A${extent.YMax}%7D%7D\r\nclass OneMapApiDataService extends DataService {\r\n _needsAuth = false;\r\n _name = 'one map';\r\n constructor() {\r\n super();\r\n\r\n this._token = this.authenticate();\r\n this._client.interceptors.response.use(this.responseInterceptor, this.responseError);\r\n // ** every 8 hrs refresh token, for idle tabs that stay open overnight\r\n // setInterval(() => {\r\n // this._token = this.authenticate();\r\n // }, 1000 * 60 * 60 * 8);\r\n // ms sec min hr\r\n\r\n // setInterval(() => {\r\n // console.log('refresh auth token....');\r\n // this._token = this.authenticate();\r\n // }, 1000 * 60 * 5);\r\n // ms sec min hr\r\n }\r\n\r\n _api = (args) => {\r\n const { type, theme, scope, tract, year, fips = [], extent = { x1: 0, y1: 0, x2: 0, y2: 0 }, blacklist } = args;\r\n const state = args.usState || args.state || { id: 0, slug: '', fips: '' };\r\n // const { type, scope, tract, year, state = { id: 0, slug: \"\", fips: \"\" }, extent = { x1: 0, y1: 0, x2: 0, y2: 0 } } = args;\r\n const base = debugMode ? 'https://wipv-grsp-10.cdc.gov/onemapservices/rest/services/SVI/SVI_consolidated_data/FeatureServer/0/query' : 'https://onemap.cdc.gov/OneMapServices/rest/services/SVI/SVI_consolidated_data/FeatureServer/0/query';\r\n const graspBase = 'http://grasp_internal_test.cdc.gov/sviwebsite/';\r\n // console.log(\"Base Info:\");\r\n // console.log(base);\r\n const slug = this.formatSlug(args);\r\n //Direct access url use for testing:\r\n //https://wipv-grsp-10.cdc.gov/onemapservices/rest/services\r\n //grasp 10\r\n\r\n const geometryProps = {\r\n geometryType: 'esriGeometryPolyline',\r\n geometryPrecision: 4,\r\n returnTrueCurve: true\r\n };\r\n var themeFields, themeFlags, general;\r\n const output = { url: '', body: {}, head: {} };\r\n const defaults = {\r\n XMin: extent.x1,\r\n YMin: extent.y1,\r\n XMax: extent.x2,\r\n YMax: extent.y2\r\n };\r\n\r\n switch (slug) {\r\n case 'geometry_state':\r\n output.url = 'https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json';\r\n break;\r\n // ΔVΔVΔ: Geometry\r\n case 'geometry_national_county':\r\n case 'geometry_national_census':\r\n case 'geometry_state_county':\r\n case 'geometry_state_census':\r\n output.url = `${base}`;\r\n output.body = {\r\n where: {\r\n ReleaseYear: year,\r\n Comparison: scope,\r\n GeoLevel: tract == 'census' ? 'tract' : 'county'\r\n },\r\n f: 'geojson',\r\n outfields: ['FIPS'],\r\n resultRecordCount: this._record_max\r\n };\r\n output.body = { ...output.body, ...geometryProps };\r\n\r\n if (state.fips) {\r\n output.body.where.ST = state.fips;\r\n } else if (fips.length) {\r\n output.body.where.fips = fips;\r\n }\r\n break;\r\n case 'table_national_county':\r\n case 'table_national_census':\r\n case 'table_state_county':\r\n case 'table_state_census':\r\n output.url = `${base}`;\r\n output.body = {\r\n where: {\r\n ReleaseYear: year,\r\n Comparison: scope,\r\n GeoLevel: tract == 'census' ? 'tract' : 'county'\r\n },\r\n returnGeometry: false,\r\n f: 'JSON',\r\n outfields: ['GRASPID', 'FIPS', 'ReleaseYear', 'GeoLevel', 'Comparison', 'ST']\r\n };\r\n themeFields = themeColumns['theme' + theme.id];\r\n general = themeColumns['general'];\r\n if (themeFields[0] === '*') {\r\n output.body.outfields = ['*'];\r\n } else {\r\n themeFlags = themeColumns['theme' + theme.id + '_flag'];\r\n output.body.outfields.push(...general, ...themeFields);\r\n if (themeFlags.length) output.body.outfields.push(...themeFlags);\r\n }\r\n if (state.id) {\r\n output.body.where.fips = [state.id];\r\n }\r\n break;\r\n // ΔVΔVΔ: SVI data\r\n case 'svi_national_county':\r\n case 'svi_national_census':\r\n output.url = `${base}`;\r\n output.body = {\r\n where: {\r\n ReleaseYear: year,\r\n Comparison: scope,\r\n GeoLevel: tract == 'census' ? 'tract' : 'county'\r\n },\r\n\r\n returnGeometry: false,\r\n f: 'JSON',\r\n outfields: ['GRASPID', 'FIPS', 'ST', ...sviFields]\r\n };\r\n if (fips.length) {\r\n output.body.where.fips = fips;\r\n }\r\n break;\r\n case 'svi_state_county':\r\n case 'svi_state_census':\r\n output.url = `${base}`;\r\n output.body = {\r\n where: {\r\n ReleaseYear: year,\r\n Comparison: scope,\r\n GeoLevel: tract == 'census' ? 'tract' : 'county'\r\n },\r\n\r\n returnGeometry: false,\r\n f: 'JSON',\r\n outfields: ['GRASPID', 'FIPS', 'ST', ...sviFields]\r\n };\r\n\r\n if (fips.length) {\r\n output.body.where.fips = fips;\r\n }\r\n\r\n break;\r\n case 'geometry_hhs':\r\n output.url = `${base}`;\r\n break;\r\n\r\n // ΔVΔVΔ: Lists\r\n case 'list_county':\r\n output.url = `${base}/list/allcountieslist.json`;\r\n break;\r\n\r\n case 'list_state':\r\n output.url = `${base}/list/statesList.json`;\r\n break;\r\n\r\n // ΔVΔVΔ: POI\r\n case 'poi_hospital':\r\n case 'poi_hospitals':\r\n // case 'poi_Hospitals': // Future POI endpoint changes coming in 2023 (US16431)\r\n output.url = `https://services1.arcgis.com/Hp6G80Pky0om7QvQ/ArcGIS/rest/services/Hospital/FeatureServer/0/query`;\r\n output.body = {\r\n // supportsCoordinatesQuantization: true,\r\n // quantizationParameter: { mode: 'view', originPosition: 'upperLeft', tolerance: 1.0583354500042335, extent: { type: 'extent', xmin: ${extent.XMin}, ymin: ${extent.YMin}, xmax: ${extent.XMax}, ymax: ${extent.YMax}, spatialReference: { wkid: 102100, latestWkid: 3857 } } },\r\n // quantizationParameter: `{ 'extent': { 'type': 'extent', 'xmin': ${extent.XMin || extent.x1}, 'ymin': ${extent.YMin || extent.y1}, 'xmax': ${extent.XMax || extent.x2}, 'ymax': ${extent.YMax || extent.y2} } }`,\r\n geometry: Object.values(extent).join('%2C'),\r\n needsAuth: 'false',\r\n outfields: 'ID,NAME,ADDRESS,CITY,STATE,COUNTY,ZIP',\r\n inSR: '3857',\r\n outSR: '3857',\r\n f: 'json'\r\n };\r\n if (blacklist?.length) output.body.where = `ID+not+in%28${blacklist.join(',')}%29`;\r\n break;\r\n case 'poi_nursinghome':\r\n case 'poi_nursing_home':\r\n case 'poi_nursing_homes':\r\n // case 'poi_NursingHomes': // Future POI endpoint changes coming in 2023 (US16431)\r\n output.url = `https://services1.arcgis.com/Hp6G80Pky0om7QvQ/ArcGIS/rest/services/NursingHomes/FeatureServer/0/query`;\r\n output.body = {\r\n geometry: Object.values(extent).join('%2C'),\r\n needsAuth: 'false',\r\n //ΔVΔVΔ: Public school API does not yet have an ID attribute andd breaks lookup\r\n // outfields: 'ID,NAME,ADDRESS,CITY,STATE,COUNTY,ZIP',\r\n outfields: 'ID,NAME,ADDRESS,CITY,STATE,COUNTY,ZIP',\r\n inSR: '3857',\r\n outSR: '3857',\r\n f: 'json'\r\n };\r\n if (blacklist?.length) output.body.where = `ID+not+in%28${blacklist.join(',')}%29`;\r\n break;\r\n\r\n case 'poi_daycare':\r\n case 'poi_day_care_centers':\r\n case 'poi_ChildCareCenters': // Future POI endpoint changes coming in 2023 (US16431)\r\n //output.url = `https://services1.arcgis.com/Hp6G80Pky0om7QvQ/ArcGIS/rest/services/Child_Care/FeatureServer/0/query`;\r\n output.url = `https://services1.arcgis.com/Hp6G80Pky0om7QvQ/ArcGIS/rest/services/ChildCareCenter1/FeatureServer/0/query`;\r\n output.body = {\r\n geometry: Object.values(extent).join('%2C'),\r\n needsAuth: 'false',\r\n outfields: 'ID,NAME,ADDRESS,CITY,STATE,COUNTY,ZIP',\r\n inSR: '3857',\r\n outSR: '3857',\r\n f: 'json'\r\n };\r\n if (blacklist?.length) output.body.where = `ID+not+in%28${blacklist.join(',')}%29`;\r\n break;\r\n\r\n case 'poi_school':\r\n case 'poi_schools':\r\n case 'poi_public_schools':\r\n // case 'poi_Public_Schools': // Future POI endpoint changes coming in 2023 (US16431) (note, not needed)\r\n output.url = `https://services1.arcgis.com/Hp6G80Pky0om7QvQ/ArcGIS/rest/services/Public_Schools/FeatureServer/0/query`;\r\n output.body = {\r\n geometry: Object.values(extent).join('%2C'),\r\n needsAuth: 'false',\r\n outfields: 'OBJECTID,NAME,ADDRESS,CITY,STATE,COUNTY,ZIP',\r\n inSR: '3857',\r\n outSR: '3857',\r\n f: 'json'\r\n };\r\n if (blacklist) output.body.where = `OBJECTID+not+in%28${blacklist.join(',')}%29`; //%28 = [ %29 = ]\r\n break;\r\n //OBJECTID+not+in[37422]\r\n //where=OBJECTID+not+in+%2839202%29\r\n\r\n case 'poi_coords_hospital':\r\n case 'poi_coords_hospitals':\r\n // case 'poi_Hospitals': // Future POI endpoint changes coming in 2023 (US16431)\r\n output.url = `https://services1.arcgis.com/Hp6G80Pky0om7QvQ/ArcGIS/rest/services/Hospital/FeatureServer/0/query`;\r\n output.body = {\r\n // supportsCoordinatesQuantization: true,\r\n // quantizationParameter: { mode: 'view', originPosition: 'upperLeft', tolerance: 1.0583354500042335, extent: { type: 'extent', xmin: ${extent.XMin}, ymin: ${extent.YMin}, xmax: ${extent.XMax}, ymax: ${extent.YMax}, spatialReference: { wkid: 102100, latestWkid: 3857 } } },\r\n // quantizationParameter: `{ 'extent': { 'type': 'extent', 'xmin': ${extent.XMin || extent.x1}, 'ymin': ${extent.YMin || extent.y1}, 'xmax': ${extent.XMax || extent.x2}, 'ymax': ${extent.YMax || extent.y2} } }`,\r\n // geometry: Object.values(extent).join('%2C'),\r\n needsAuth: 'false',\r\n outfields: 'ID',\r\n inSR: '3857',\r\n outSR: '3857',\r\n f: 'json'\r\n };\r\n break;\r\n case 'poi_coords_nursinghome':\r\n case 'poi_coords_nursing_home':\r\n case 'poi_coords_nursing_homes':\r\n output.url = `https://services1.arcgis.com/Hp6G80Pky0om7QvQ/ArcGIS/rest/services/NursingHomes/FeatureServer/0/query`;\r\n output.body = {\r\n // geometry: Object.values(extent).join('%2C'),\r\n needsAuth: 'false',\r\n outfields: 'ID',\r\n inSR: '3857',\r\n outSR: '3857',\r\n f: 'json'\r\n };\r\n if (state) {\r\n output.body.where.STATE = state;\r\n }\r\n break;\r\n\r\n case 'poi_coords_daycare':\r\n case 'poi_coords_day_care_centers':\r\n case 'poi_coords_ChildCareCenters': // Future POI endpoint changes coming in 2023 (US16431)\r\n //output.url = `https://services1.arcgis.com/Hp6G80Pky0om7QvQ/ArcGIS/rest/services/Child_Care/FeatureServer/0/query`;\r\n output.url = `https://services1.arcgis.com/Hp6G80Pky0om7QvQ/ArcGIS/rest/services/ChildCareCenter1/FeatureServer/0/query`;\r\n output.body = {\r\n // geometry: Object.values(extent).join('%2C'),\r\n needsAuth: 'false',\r\n outfields: 'ID',\r\n // outfields: 'ID,NAME,ADDRESS,CITY,STATE,COUNTY,ZIP',\r\n inSR: '3857',\r\n outSR: '3857',\r\n f: 'json'\r\n };\r\n break;\r\n\r\n case 'poi_coords_school':\r\n case 'poi_coords_schools':\r\n case 'poi_coords_public_schools':\r\n output.url = `https://services1.arcgis.com/Hp6G80Pky0om7QvQ/ArcGIS/rest/services/Public_Schools/FeatureServer/0/query`;\r\n output.body = {\r\n // geometry: Object.values(extent).join('%2C'),\r\n needsAuth: 'false',\r\n outfields: 'OBJECTID',\r\n inSR: '3857',\r\n outSR: '3857',\r\n f: 'json'\r\n };\r\n break;\r\n // ΔVΔVΔ: Depreciated: count is an unreliable endpoint\r\n case 'count':\r\n case 'count_national_county':\r\n case 'count_national_census':\r\n case 'count_state_county':\r\n case 'count_state_census':\r\n output.url = `${base}?where=ReleaseYear%3D${year}&returnCountOnly=true&f=pjson`;\r\n break;\r\n default:\r\n var err = new Error('Could Not create call object config for ' + slug);\r\n throw err;\r\n }\r\n\r\n if (output.body?.where && typeof output.body.where == 'object') {\r\n output.body.where = Object.keys(output.body.where)\r\n .map((key) => {\r\n if (key === 'fips' && output.body.where.fips.length) {\r\n const fipsSTR =\r\n '( ' +\r\n output.body.where.fips\r\n .map((item) => {\r\n return `FIPS like '${item}%'`;\r\n })\r\n .join(' or ') +\r\n ' )';\r\n return fipsSTR;\r\n }\r\n // return key + \"='\" + output.body.where[key] + \"'\";\r\n\r\n if (key === 'ReleaseYear') {\r\n //ΔVΔVΔ: For Integers\r\n return key + '=' + output.body.where[key];\r\n } else {\r\n //ΔVΔVΔ: For strings\r\n return key + \"='\" + output.body.where[key] + \"'\";\r\n }\r\n })\r\n .join(' AND ');\r\n output.body.where = output.body.where.replace(/=/g, '%3D').replace(/ /g, '+').replace(/'/g, '%27');\r\n output.body.orderByFields = 'FIPS';\r\n } else if (typeof output.body?.where == 'string') {\r\n //\r\n } else {\r\n output.body.where = '1=1';\r\n }\r\n if (output.body?.quantizationParameter) {\r\n //conveert\r\n output.body.quantizationParameter = output.body.quantizationParameter.replace(/=/g, '%3D').replace(/ /g, '').replace(/'/g, '%22').replace(/{/g, '%7B').replace(/}/g, '%7D').replace(/:/g, '%3A').replace(/,/g, '%2C');\r\n }\r\n // if (output.body.geometry) {\r\n // output.body.geometry = output.body.geometry.replace(/,/g, '%2C');\r\n // }\r\n\r\n return output;\r\n };\r\n convertExtent = (extent = [0, 0, 0, 0]) => {\r\n let ext = toLonLat(extent);\r\n return String(`xmin=${ext[0]}, ymin=${ext[1]}, xmax=${ext[2]}, ymax=${ext[3]}`).replace(/=/g, '%3D').replace(/ /g, '+').replace(/'/g, '%27').replace(/,/g, '%2C');\r\n };\r\n // ΔVΔVΔ: For Reference\r\n // queryVars = {\r\n // request: {\r\n // returnCentroid: \"center of a feature\",\r\n // returnCountOnly: \"t/f only return result count\",\r\n // resultOffset: \"(start index of request)\",\r\n // resultRecordCount: \"\",\r\n // outFields: \"(sets the fields returned)\",\r\n // distance: \"buffer distance surrounding the suppplied coords\",\r\n // returnGeometry: \"t/f\",\r\n // recordType: \"\",\r\n // geometryPrecision: \"limit decimal point for coords value\",\r\n // returnExceededLimitFeatures: \"=>ignores exceededTransferLimit\",\r\n // f: \"json(format)\",\r\n // supportsCoordinatesQuantization: \"t/f\",\r\n // quantizationParameters: \"\",\r\n // },\r\n // response: {\r\n // GRASPID: 134043,\r\n // FIPS: \"01003011403\",\r\n // GDB_GEOMATTR_DATA: null,\r\n // year: 2018,\r\n // ST: \"01\",\r\n // GeoLevel: \"(County,Tract)\",\r\n // Comparison: \"(National/State)\",\r\n // Overall_SVI_Percentile: 0.2102,\r\n // Theme1_Percentile: \"\",\r\n // Theme2_Percentile: \"\",\r\n // Theme3_Percentile: \"\",\r\n // Theme4_Percentile: \"\",\r\n // },\r\n // };\r\n _batch_max = 150;\r\n _record_max = 10000;\r\n\r\n getCount = async (args) => {\r\n const params = Object.assign({ type: 'count' }, args);\r\n const callObj = this.formatCall(params);\r\n return await this.get(callObj)\r\n .then((res) => {\r\n return res.count;\r\n })\r\n .catch((err) => {\r\n return err;\r\n });\r\n };\r\n\r\n applyFiltertransformData = (callObj, res) => {\r\n if (!res || !res.data) return [];\r\n if (callObj?.args?.type === 'geometry') {\r\n return [res.data];\r\n }\r\n // if (callObj?.args?.type === \"svi\") {\r\n // return [this.convertToSVIobj(res.data)];\r\n // }\r\n // if (callObj?.args?.type === \"table\") {\r\n // return res.data.features.map((a) => a.attributes);\r\n // }\r\n return res.data ? res.data : [];\r\n };\r\n convertToSVIobj2 = (arr) => {\r\n var obj = {};\r\n arr.forEach((row) => {\r\n var item = row.attributes;\r\n obj[item.FIPS] = mapThemeAttributes(item);\r\n });\r\n return obj;\r\n };\r\n convertToSVIobj = (arr) => {\r\n var obj = {};\r\n arr.features.forEach((row) => {\r\n var item = row.attributes;\r\n obj[item.FIPS] = mapThemeAttributes(item);\r\n });\r\n return obj;\r\n };\r\n\r\n // ΔVΔVΔ: Helper function to split array for batch lookups\r\n _chunkArray = (array, size) => {\r\n const chunked_arr = [];\r\n let copied = [...array]; // ES6 destructuring\r\n const numOfChild = Math.ceil(copied.length / size); // Round up to the nearest integer\r\n for (let i = 0; i < numOfChild; i++) {\r\n chunked_arr.push(copied.splice(0, size));\r\n }\r\n return chunked_arr;\r\n };\r\n\r\n getTillEndOfPage = async (props) => {\r\n let { callProps, callCount = 0, callLimit = 500, batchSize = 2000 } = props;\r\n // const formatArray = callProps.type === \"table\";\r\n var output = []; //formatArray ? [] : {};\r\n let isLastPage = false;\r\n let seriesCount = 0;\r\n const callObject = this.formatCall(callProps);\r\n while (!isLastPage && callCount < callLimit) {\r\n const offset = batchSize * seriesCount;\r\n callObject.body.resultOffset = offset; // / 10;\r\n callObject.body.resultRecordCount = batchSize; //for test now\r\n callCount++;\r\n seriesCount++;\r\n const json = await this.get(callObject).then((data) => {\r\n return data?.features || data?.[0]?.features;\r\n // return formatArray ? data.flat() : data.flat()[0];\r\n });\r\n if (!json) return;\r\n output = [...output, ...json];\r\n\r\n if (json.length < batchSize) {\r\n isLastPage = true;\r\n }\r\n }\r\n //send a single array of features\r\n return output;\r\n };\r\n validateFips = (fips) => {\r\n if (fips?.length) return fips;\r\n if (fips?.size) return Array.from(fips);\r\n return [0, 1, 2, 3, 4, 5, 6, 7];\r\n };\r\n getByBatch = async (props) => {\r\n const { callProps, callLimit = 1000, maximum = 200 } = props;\r\n const batchSize = 2000;\r\n let fips = this.validateFips(callProps.fips);\r\n //ΔVΔVΔ: Make this function more generic, instead of the specific data in th callProps, just pass an array to the fuction\r\n const chunkedFips = this._chunkArray(fips, 30); //ΔVΔVΔ: looking up more than 59 fips in query seems to create a 404. There seems to be a limitonst chunkedFips = this.chunkArray(props.fips, 50);\r\n let callCount = 0;\r\n const promises = [];\r\n const maxRuns = Math.min(maximum, chunkedFips.length); //create boundary to prevent infinite lookup\r\n for (var i = 0; i < maxRuns; i++) {\r\n var aChunkOfCountyFips = chunkedFips[i];\r\n let propsOnTheFly = Object.assign({}, callProps, {\r\n fips: aChunkOfCountyFips\r\n });\r\n promises.push(\r\n this.getTillEndOfPage({\r\n callProps: propsOnTheFly,\r\n callCount,\r\n callLimit,\r\n batchSize\r\n }).then((res) => {\r\n return res;\r\n })\r\n );\r\n }\r\n\r\n return await Promise.all(promises).then((res) => {\r\n return res.flat();\r\n });\r\n };\r\n getFirstPageTableData = async (props) => {\r\n props.type = 'table';\r\n const config = this.formatCall(props);\r\n config.body.resultRecordCount = 100;\r\n return await this.get(config).then((res) => {\r\n const tableDat = res.features.map((a) => a.attributes);\r\n return tableDat;\r\n });\r\n };\r\n getTableData = async (props) => {\r\n props.type = 'table';\r\n // var allFipsAllPagesData = [];\r\n return await this.getByBatch({\r\n callProps: props\r\n }).then((res) => {\r\n //return res.data.features.map((a) => a.attributes);\r\n const tableDat = res.map((a) => a.attributes);\r\n return tableDat;\r\n // return allFipsAllPagesData;\r\n });\r\n };\r\n // getSVIData => break fips array into batches/chunks. For each chunk call the api until the endpoint indicates that there are no more records to return\r\n getSVIData = async (props) => {\r\n props.type = 'svi';\r\n return await this.getByBatch({\r\n callProps: props\r\n }).then((res) => {\r\n const sviObject = this.convertToSVIobj2(res);\r\n return sviObject;\r\n });\r\n };\r\n // geo data by state\r\n getGeometryData = async (props) => {\r\n props.type = 'geometry';\r\n var allFipsAllPagesData = [];\r\n await this.getTillEndOfPage({ callProps: props }).then((res) => {\r\n allFipsAllPagesData.push(res);\r\n });\r\n\r\n return allFipsAllPagesData.flat();\r\n };\r\n getPOIData = async (props) => {\r\n const { scope, extent, year, tileKey, blacklist } = props;\r\n var allPOIpageData = await this.getTillEndOfPage({\r\n callProps: { type: 'poi', scope, extent, year, tileKey, blacklist }\r\n });\r\n\r\n return allPOIpageData;\r\n };\r\n getPOICoords = async (props) => {\r\n const { scope, extent } = props;\r\n var allPOIpageData = await this.getTillEndOfPage({\r\n callProps: { type: 'poi_coords', scope, extent }\r\n });\r\n\r\n return allPOIpageData;\r\n };\r\n\r\n // ΔVΔVΔ: !!!Temporary solution, should keep pw info serverside\r\n getAuthCall = () => {\r\n const un = 'svi_interactive_map';\r\n\r\n const pw = encodeURIComponent('qrx.ujz.VND7cjp2cdc');\r\n var h = encodeURIComponent(window.location.origin);\r\n h = h ? h : 'http://localhost'; //fallback for local testin\r\n\r\n return {\r\n args: { type: 'auth' },\r\n url: 'https://onemap.cdc.gov/Portal/sharing/rest/generateToken',\r\n body: `username=${un}&password=${pw}&referer=${h}&expiration=60&f=json`,\r\n head: { 'Content-Type': 'application/x-www-form-urlencoded' }\r\n };\r\n };\r\n}\r\nexport { OneMapApiDataService };\r\n\r\n// https://onemap.cdc.gov/OneMapServices/rest/services/SVI/SVI_consolidated_data/FeatureServer/0/query?where=ReleaseYear%3D%272000%27+AND+Comparison%3D%27national%27+AND+GeoLevel%3D%27tract%27&returnGeometry=false&f=JSON&outfields=GRASPID,FIPS,ST,Overall_SVI_Percentile,Theme1_Percentile,Theme2_Percentile,Theme3_Percentile,Theme4_Percentile&orderByFields=FIPS&resultOffset=0&resultRecordCount=2000\r\n","import { localDevelopment } from '../model/StaticVariables';\r\nimport VectorSource from 'ol/source/Vector';\r\nimport { DevDataService } from '../model/DevDataService';\r\nimport TopoJSON from 'ol/format/TopoJSON';\r\nimport GeoJSON from 'ol/format/GeoJSON';\r\nimport * as mapStyles from '../view/MapVectorStyles.js';\r\nimport { OneMapApiDataService } from '../model/OneMapApiDataService';\r\nimport { countiesList, dataProjection, featureProjection, statesList, minCensusZoom } from '../model/StaticVariables';\r\n\r\nconst DS = new DevDataService();\r\nconst ODS = new OneMapApiDataService();\r\n\r\nconst getCountyLayerReference = (map) => {\r\n return map.getLayers().array_.find(function (lyr) {\r\n return lyr.get('title') === 'referenceCounty';\r\n });\r\n};\r\n\r\nconst convertGeometryToFeatures = (data, format = 'topojson') => {\r\n //ΔVΔVΔ: note for later conver to TopoJson or geojson based on data\r\n const clonedData = Object.assign({}, data);\r\n var features;\r\n if (format === 'topojson') {\r\n let firstNode = Object.keys(clonedData.objects)[0];\r\n features = new TopoJSON({\r\n layers: firstNode\r\n }).readFeatures(clonedData, {\r\n dataProjection,\r\n featureProjection\r\n });\r\n }\r\n if (format === 'geojson') {\r\n features = new GeoJSON({\r\n // layers: firstNode,\r\n }).readFeatures(clonedData, {\r\n dataProjection,\r\n featureProjection\r\n });\r\n }\r\n return features;\r\n};\r\nconst getTileExtent = (map, lyr) => {\r\n const extent = map.getView().calculateExtent(map.getSize());\r\n const grid = lyr.getSource().tileGrid;\r\n // const tiles = [];\r\n const tilesObj = {};\r\n grid.forEachTileCoord(extent, map.getView().getZoom(), (coord) => {\r\n let tileExtent = grid.getTileCoordExtent(coord);\r\n tilesObj[`z:${coord[0]}x:${coord[1]}y:${coord[2]}`] = tileExtent;\r\n // tiles.push(tileExtent);\r\n });\r\n // return tiles;\r\n return tilesObj;\r\n};\r\nexport { getTileExtent };\r\n\r\nconst getFipsFromExtent = (map, id) => {\r\n const obj = {\r\n features: [],\r\n stateNames: [],\r\n stateFips: [],\r\n countyFips: [],\r\n featureFips: []\r\n };\r\n if (!map) return obj;\r\n const mapExtent = map.getView().calculateExtent();\r\n const countyLyr = getCountyLayerReference(map);\r\n if (!countyLyr) return obj;\r\n const countyLyrSource = countyLyr.getSource();\r\n //ΔVΔVΔ: Use if lyr is visible\r\n // countyLyrSource.forEachFeature((feature)=>{\r\n // feature.setStyle( mapStyles.outOfScope)\r\n // })\r\n countyLyrSource.forEachFeatureIntersectingExtent(mapExtent, function (feature) {\r\n let fips = feature.get('FIPS') || feature.get('STATEFP') + feature.get('COUNTYFP');\r\n fips = fips.toString();\r\n let stateName =\r\n feature.get('STATE_NAME') ||\r\n statesList.find((st) => {\r\n return st.id === feature.get('STATEFP');\r\n })?.label;\r\n // feature.setStyle( mapStyles.flatColorCountyStyle('#fff8dcab')) //cornsilk\r\n\r\n obj.features.push(feature);\r\n obj.featureFips[fips] = true;\r\n obj.stateNames[stateName] = true;\r\n obj.countyFips[fips.substr(0, 5)] = true;\r\n obj.stateFips[fips.substr(0, 2)] = true;\r\n });\r\n obj.countyFips = Object.keys(obj.countyFips);\r\n obj.stateFips = Object.keys(obj.stateFips);\r\n obj.stateNames = Object.keys(obj.stateNames);\r\n return obj;\r\n};\r\n\r\nconst getFeatureFipsFromExtent = (map, detail = 'low') => {\r\n const obj = new Set();\r\n if (!map) return obj;\r\n const mapExtent = map.getView().calculateExtent();\r\n const countyLyr = getCountyLayerReference(map);\r\n if (!countyLyr) return obj;\r\n const countyLyrSource = countyLyr.getSource();\r\n\r\n countyLyrSource.forEachFeatureIntersectingExtent(mapExtent, function (feature) {\r\n let fips = feature.get('FIPS') || feature.get('STATEFP') + feature.get('COUNTYFP');\r\n fips = detail === 'low' ? fips.toString().substring(0, 2) : fips.toString();\r\n obj.add(fips);\r\n });\r\n return obj;\r\n};\r\nexport { getFeatureFipsFromExtent };\r\n\r\nconst getPoiData = async (props) => {\r\n const { scope, tilesObj } = props;\r\n var promises;\r\n\r\n // tileObj = {\r\n // \"z:4x:3y:5\": [ -12523442.714243278, 5009377.085697312, -10018754.171394622, 7514065.628545968 ],\r\n // \"z:4x:3y:6\": [ -12523442.714243278, 2504688.542848654, -10018754.171394622, 5009377.08569731 ]\r\n // }\r\n //ΔVΔVΔ: Get mock data for local dev\r\n if (localDevelopment) {\r\n let key = Object.keys(tilesObj)[0];\r\n let zoom = key.split(':')[1].replace(/x/, '');\r\n const url = `/data//poijson/poi_zoom_${zoom}_${scope}.json`;\r\n const json = fetch(url)\r\n .then((data) => data.json())\r\n .then((res) => {\r\n const tilekeys = Object.keys(tilesObj);\r\n return tilekeys.map((key, i) => {\r\n let tile = res[i];\r\n if (!tile) return { extent: tilesObj[key], count: 0, data: [] };\r\n\r\n console.log(key, i, tile, tile.Table1[0]);\r\n return { extent: tilesObj[key], count: tile.Table1[0].Count, data: tile.Table };\r\n });\r\n });\r\n promises = [json];\r\n console.log(await json);\r\n return Promise.all(promises);\r\n }\r\n\r\n //ΔVΔVΔ: Get Live Data, loop through map tiles in extent\r\n promises = Object.keys(tilesObj).map(async (key) => {\r\n let t = tilesObj[key];\r\n const tileExtent = { x1: t[0], y1: t[1], x2: t[2], y2: t[3] };\r\n return DS.getPOIData({ scope, extent: tileExtent, extentKey: key }).then((data) => {\r\n data.tileExtent = tileExtent;\r\n data.key = key;\r\n return data;\r\n });\r\n });\r\n return Promise.all(promises);\r\n};\r\nexport { getPoiData };\r\n\r\nconst addCountyFIPSInfo = async (features) => {\r\n return features.map(function (feat) {\r\n let cdc = feat.get('ID');\r\n let countyFIPS = countiesList.find(function (d) {\r\n return d.CDC === cdc;\r\n });\r\n try {\r\n feat.set('FIPS', countyFIPS.CC);\r\n feat.set('COUNTY', countyFIPS.CN);\r\n feat.set('STATE_NAME', countyFIPS.SN);\r\n } catch (err) {\r\n console.error('Err:213, could not assign County FIPS');\r\n }\r\n return feat;\r\n });\r\n};\r\n\r\nconst countiesFromFips = (geometry) => {\r\n var expandedCountyExtent = {};\r\n geometry.forEach((geo) => {\r\n let fips = geo.get('FIPS');\r\n let cntyfips = fips.substr(0, 5);\r\n expandedCountyExtent[cntyfips] = true;\r\n });\r\n return Object.keys(expandedCountyExtent);\r\n};\r\n\r\nconst getVisibleGeometry = async (props) => {\r\n const { scope, tract, fipsList, year, zoom } = props;\r\n var features = [];\r\n if (zoom < minCensusZoom) {\r\n features = await getSimpleGeometry({ tract, year });\r\n } else {\r\n features = await getDetailedGeometry({ scope, tract, fipsList, year }).catch((err) => {\r\n throw err;\r\n });\r\n }\r\n if (features.length && features[0]?.get('STATEFP')) {\r\n features = features.map((f) => {\r\n let fips = f.get('FIPS') || f.get('GEOID') || f.get('STATEFP') + f.get('COUNTYFP');\r\n f.set('FIPS', fips);\r\n f.set('ID', fips);\r\n f.set('COUNTY', f.get('NAME'));\r\n let fstate = statesList.find((st) => {\r\n return st.id + '' === f.get('STATEFP');\r\n });\r\n if (fstate) {\r\n f.set('STATE_NAME', fstate.abbr);\r\n }\r\n return f;\r\n });\r\n } else if (features.length && !features[0].get('FIPS')) {\r\n features = await addCountyFIPSInfo(features, countiesList);\r\n }\r\n return features;\r\n};\r\nconst memoSimpleGeo = {};\r\nconst getSimpleGeometry = async (props) => {\r\n const { tract, year } = props;\r\n if (tract === 'county') {\r\n if (year in memoSimpleGeo) return memoSimpleGeo[year];\r\n const geo = await DS.getGeometryData({ scope: 'national', tract: 'county', year }).then((rez) => convertGeometryToFeatures(rez[0]));\r\n memoSimpleGeo[year] = geo;\r\n return geo;\r\n } else {\r\n // ΔVΔVΔ: dont lookup census, too far zoomed in\r\n return [];\r\n }\r\n};\r\nexport { getSimpleGeometry };\r\n//\r\n\r\nconst getDetailedGeometry = async (props) => {\r\n const { scope, tract, fipsList, year } = props;\r\n var combinedFeatures = [];\r\n const FFips = fipsList?.length || fipsList?.size ? fipsList : [0, 1, 2, 3, 4, 5, 6, 7]; //Fallback if Fips is empty get all results\r\n const promises = [];\r\n for (let fips of FFips) {\r\n let p = ODS.getGeometryData({ scope, tract, year, fips: [fips] }).then((res) => {\r\n res.forEach((rez) => {\r\n const resultFeatures = convertGeometryToFeatures(rez, 'geojson');\r\n combinedFeatures = combinedFeatures.concat(resultFeatures);\r\n });\r\n });\r\n promises.push(p);\r\n }\r\n\r\n await Promise.all(promises);\r\n return combinedFeatures;\r\n};\r\n\r\nconst getVisibleSVI = async (props) => {\r\n const { theme, year, scope, tract, state, fips } = props;\r\n return ODS.getSVIData({ theme, year, scope, state, tract, fips });\r\n};\r\nconst withinScope = (scope, state, fips) => {\r\n //this would make everything true always, needs check if compare is stare\r\n if (scope === 'national') return true;\r\n if (!state) return false; //state scope but no state selected\r\n return state.id + '' == fips.substr(0, 2);\r\n};\r\nconst getSviStyle = (data, theme, county = false, zoom = 5) => {\r\n if (!data) return null;\r\n const themeColorSet = theme.colorScheme;\r\n const low = zoom < 6;\r\n const themeSlug = 'theme' + theme.id;\r\n const sviThemeValue = data[themeSlug] + (low ? '_low' : '') + (county ? '_county' : '');\r\n return themeColorSet[sviThemeValue] || mapStyles.noData;\r\n};\r\nconst stylizeGeometry = (features, scope, theme, state, sviData, county = false, useStyle = false, zoom = 5) => {\r\n features.forEach((shape) => {\r\n const fips = shape.get('FIPS') || shape.get('STATEFP') + shape.get('COUNTYFP');\r\n let sviValues = sviData[fips] ? sviData[fips] : { theme0: false, theme1: false, theme2: false, theme3: false, theme4: false, theme0Num: 0, theme1Num: 0, theme2Num: 0, them30Num: 0, theme4Num: 0 };\r\n shape.set('sviValues', sviValues);\r\n shape.set('hover', false);\r\n //need scope\r\n let inScope = withinScope(scope, state, fips);\r\n\r\n let sviStyle = useStyle ? useStyle : getSviStyle(sviData[fips], theme, county, zoom) || mapStyles.noData;\r\n if (!inScope) {\r\n sviStyle = mapStyles.outOfScope;\r\n }\r\n\r\n if (typeof sviStyle == 'object') shape.setStyle(sviStyle);\r\n });\r\n return features;\r\n};\r\n\r\nexport { addCountyFIPSInfo, getCountyLayerReference, convertGeometryToFeatures, getFipsFromExtent, getVisibleGeometry, getVisibleSVI, stylizeGeometry, countiesFromFips };\r\n","import { statesList, countiesList } from '../model/StaticVariables';\r\nimport { OneMapApiDataService } from '../model/OneMapApiDataService';\r\nimport { DataGrid } from '@material-ui/data-grid';\r\nimport { useState, useContext, useEffect, useCallback, createRef } from 'react';\r\nimport { InterfaceContext } from '../model/InterfaceProvider';\r\nimport * as LQ from '../controller/LayerQueries';\r\nimport TableGridColumns from '../model/TableColumns';\r\nimport { GridToolbar, GridToolbarColumnsButton, GridToolbarDensitySelector, GridToolbarContainer } from '@material-ui/data-grid';\r\nimport { tableDataMapping } from '../model/DataTransformation';\r\n\r\nconst TableGrid = () => {\r\n const [rows, setRows] = useState([]);\r\n const [columns, setcolumns] = useState([]);\r\n const { scope, tract, theme, usState, year, tab, setTableData, setFipsInView, highlightedFips, setErrorMessage } = useContext(InterfaceContext);\r\n const wrapDiv = createRef();\r\n const [loading, setLoading] = useState(true);\r\n const { showDownloadModal } = useContext(InterfaceContext);\r\n const tableToolbar = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n };\r\n const dataToTable = useCallback(\r\n (data) => {\r\n // ΔVΔVΔ: Map table data input with local column data\r\n const TableColumns = TableGridColumns[year.columns];\r\n const TableGridColumnKeys = Object.keys(TableColumns).map((key) => key.toLowerCase());\r\n const cols = Object.keys(data[0])\r\n .reduce((output, col, i) => {\r\n const slug = col.toLowerCase();\r\n var order = TableGridColumnKeys.indexOf(slug);\r\n if (order === -1) return output;\r\n const columnProps = TableColumns[col] || TableColumns[slug] || TableColumns[col.toUpperCase()]; // || TableColumns[headerName];\r\n const adjCol = Object.assign({ field: col, width: 200, minWidth: 50, cellClassName: columnProps?.class, headerClassName: columnProps?.class }, columnProps, { order });\r\n output.push(adjCol);\r\n return output;\r\n }, [])\r\n .sort((a, b) => {\r\n return a.order - b.order;\r\n });\r\n setcolumns(cols);\r\n if (highlightedFips) {\r\n let findHighlightInd = data.findIndex((d) => d.FIPS === highlightedFips + '');\r\n if (findHighlightInd > 0) {\r\n if (findHighlightInd) {\r\n let a, b, c;\r\n a = data.slice(0, findHighlightInd);\r\n b = data.slice(findHighlightInd, findHighlightInd + 1);\r\n c = data.slice(findHighlightInd + 1);\r\n data = [...b, ...a, ...c];\r\n }\r\n }\r\n }\r\n setRows(data);\r\n },\r\n [LQ, scope, theme, tract, usState, year]\r\n );\r\n const getData = useCallback(async () => {\r\n setLoading(true);\r\n const DS = new OneMapApiDataService();\r\n const useFips = usState?.id ? [usState.id] : false; //countyFips;\r\n if (rows.length === 0) {\r\n var firstPage = await DS.getFirstPageTableData({ scope, tract, theme, usState, year: year.label, fips: useFips })\r\n .then((res) => {\r\n return tableDataMapping(res);\r\n })\r\n .catch((err) => {\r\n setErrorMessage(err.modalMessage, err);\r\n return [];\r\n });\r\n if (firstPage?.length) {\r\n dataToTable(firstPage);\r\n setLoading(false);\r\n }\r\n }\r\n setFipsInView(useFips);\r\n\r\n var data = await DS.getTableData({ scope, tract, theme, usState, year: year.label, fips: useFips })\r\n .then((res) => {\r\n return tableDataMapping(res);\r\n })\r\n .catch((err) => {\r\n setErrorMessage(err.modalMessage, err);\r\n return [];\r\n });\r\n if (data?.length) {\r\n dataToTable(data);\r\n }\r\n document.querySelector('.MuiDataGrid-window')?.setAttribute('tabindex', 0);\r\n setLoading(false);\r\n }, [LQ, scope, theme, tract, usState, year]);\r\n const openDocumentation = () => {\r\n window.open(year.docs + '#page=' + year.varpage);\r\n };\r\n\r\n useEffect(() => {\r\n setTableData(rows);\r\n }, [rows]);\r\n\r\n useEffect(() => {\r\n if (tab.slug !== 'data') return; //don't fetch data if table is nt being viewed\r\n if (!tract) return;\r\n getData();\r\n }, [scope, theme, tract, usState, year, tab]);\r\n return (\r\n
\r\n SVI Interactive Map \r\n Help Documentation\r\n
\r\n\r\n
\r\n Our suggested citation for use of the SVI Interactive Map:\r\n
\r\n
\r\n Centers for Disease Control and Prevention/Agency for Toxic Substances and Disease Registry/Geospatial Research, Analysis, and Services Program. CDC/ATSDR Social Vulnerability Index Interactive Map [Insert {yrStr}, or 2000] Database [Insert US or State]. [url of the interactive map]. Accessed on [Insert date].\r\n
\r\n\r\n
Additional Resources
\r\n
\r\n Visit these links to learn more about the CDC/ATSDR Social Vulnerability Index:\r\n
\r\n \r\n );\r\n};\r\nexport default MobileMenu;\r\n","import React from 'react';\nimport '../view/sass/App.scss';\nimport { InterfaceProvider } from '../model/InterfaceProvider';\nimport { MapProvider } from './MapProvider';\nimport { debugMode } from '../model/StaticVariables';\nimport Interface from '../view/Interface';\nimport { isIE } from './IfIE';\nrequire('ol/ol.css');\n\n//check if IE and if not remove fallback\nif (!isIE()) {\n document.getElementById('iefallback')?.remove();\n}\n\nfunction App() {\n return (\n