\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 = 'https://witv-grsp-5.cdc.gov/onemapservices/rest/services/SVI/SVI_consolidated_data/FeatureServer/0/query';\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 callObj = this.formatCall(args);\r\n callObj.body.returnCountOnly = true;\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 getByPredictedBatch = async (props) => {\r\n const count = await this.getCount(props);\r\n const pages = Math.ceil(count / 2000) + 1;\r\n const pageBatches = Math.ceil(pages / 10);\r\n const output = [];\r\n\r\n const doTenLookups = async (start, end) => {\r\n const promises = [];\r\n for (var i = start; i < end; i++) {\r\n console.log('Lookup', i);\r\n const callObject = this.formatCall(props);\r\n callObject.body.resultOffset = i * 2000;\r\n callObject.body.resultRecordCount = 2000;\r\n\r\n promises.push(\r\n this.get(callObject).then((data) => {\r\n console.log('Done ', data);\r\n return data?.features || data?.[0]?.features;\r\n })\r\n );\r\n }\r\n return Promise.all(promises).then((res) => {\r\n return res.flat();\r\n });\r\n };\r\n for (var j = 0; j < pageBatches; j++) {\r\n var start = j * 10;\r\n var end = (j + 1) * 10;\r\n var tenlookups = await doTenLookups(start, Math.min(end, pages));\r\n output.push(...tenlookups);\r\n }\r\n return output;\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 return await this.getByPredictedBatch(props).then((res) => {\r\n const tableDat = res.map((a) => a.attributes);\r\n return tableDat;\r\n });\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 { tableDataMapping, downloadDataMapping } from '../model/DataTransformation';\r\nimport { csv as d3csv } from 'd3';\r\nimport TableGridColumns from '../model/TableColumns';\r\nimport LegacyCSVColumns from '../model/LegacyCSVConversionColumns';\r\nimport { debugMode, getStateName } from '../model/StaticVariables';\r\n\r\nconst getDataDocumentsUrl = (props) => {\r\n const { yearLabel, usStateLabel, scopeSlug, tractSlug } = props;\r\n let countyAppendix = tractSlug === 'county' ? '_county' : '';\r\n let countiesAppendix = tractSlug === 'county' ? '_counties' : '';\r\n let filename = scopeSlug === 'national' ? `SVI_${yearLabel}_US` : `${usStateLabel.replace(' ', '')}`;\r\n //national____\r\n //counties: https://svi.cdc.gov/Documents/Data/2020/csv/states_counties/SVI_2020_US_county.csv\r\n //census: https://svi.cdc.gov/Documents/Data/2020/csv/states/SVI_2020_US.csv\r\n\r\n //state_____\r\n //counties: https://svi.cdc.gov/Documents/Data/2020/csv/states_counties/Alabama_county.csv\r\n // https://svi.cdc.gov/Documents/Data/2010/csv/states_counties/WestVirginia_county.csv\r\n //census: https://svi.cdc.gov/Documents/Data/2020/csv/states/Alabama.csv\r\n var fileBase = `https://svi.cdc.gov`;\r\n if (debugMode) {\r\n var origin = window.location.origin + '';\r\n\r\n if (origin === 'https://grasp_internal_test.cdc.gov' || origin.indexOf('localhost') != -1) {\r\n fileBase = `https://grasp_internal_test.cdc.gov/svi2021`;\r\n }\r\n if (origin === 'https://grasp_partner_test.cdc.gov') {\r\n fileBase = `https://grasp_partner_test.cdc.gov/svi`;\r\n }\r\n }\r\n return `${fileBase}/Documents/Data/${yearLabel}/csv/states${countiesAppendix}/${filename}${countyAppendix}.csv`;\r\n};\r\n\r\nconst isNumber = (n) => {\r\n return !isNaN(parseFloat(n)) && isFinite(n);\r\n};\r\nconst transformLegacySVIObject = (item, year, tract) => {\r\n const columns = LegacyCSVColumns[year];\r\n const keys = Object.keys(columns);\r\n const output = {};\r\n\r\n for (var i = 0; i < keys.length; i++) {\r\n let mappedKey = keys[i];\r\n let legacyKey = columns[mappedKey];\r\n output[mappedKey] = legacyKey === '' || legacyKey === -999 ? legacyKey : item[legacyKey];\r\n if (isNumber(output[mappedKey])) {\r\n output[mappedKey] = Math.floor(parseFloat(output[mappedKey])) + '';\r\n }\r\n }\r\n //if year is 2010 and county\r\n if (tract === 'county' && year === 2010) {\r\n output.STATE_NAME = getStateName(item.STATE);\r\n }\r\n //if year is 2010 and census\r\n if (tract === 'census' && year === 2010) {\r\n output.STATE_NAME = item.STATE_NAME;\r\n output.STATE_ABBR = item.STATE_ABBR;\r\n output.ST = item.STATE_FIPS;\r\n }\r\n delete output.COUNTY;\r\n delete output.COUNTYFIPS;\r\n return output;\r\n};\r\nconst getCSVData = async (props) => {\r\n const { yearLabel, usStateLabel, scopeSlug, tractSlug } = props;\r\n if (scopeSlug === 'state' && !usStateLabel) return [];\r\n const csvURL = getDataDocumentsUrl({ yearLabel, usStateLabel, scopeSlug, tractSlug });\r\n\r\n return await d3csv(csvURL).then((data) => {\r\n data = data.map((item) => {\r\n return transformLegacySVIObject(item, yearLabel, tractSlug);\r\n });\r\n return tableDataMapping(data, { GeoLevel: tractSlug, Comparison: scopeSlug, ReleaseYear: yearLabel });\r\n });\r\n};\r\n\r\nexport { getCSVData };\r\n\r\nconst getCSVDataForDownload = async (props) => {\r\n const { yearLabel, usStateLabel, scopeSlug, tractSlug, yearColumnSlug } = props;\r\n if (scopeSlug === 'state' && !usStateLabel) return [];\r\n const csvURL = getDataDocumentsUrl({ yearLabel, usStateLabel, scopeSlug, tractSlug });\r\n\r\n return await d3csv(csvURL).then((data) => {\r\n const tableColumns = TableGridColumns[yearColumnSlug];\r\n return downloadDataMapping(data, { GeoLevel: tractSlug, Comparison: scopeSlug }, tableColumns);\r\n });\r\n};\r\nexport { getCSVDataForDownload };\r\n","import { useEffect, useRef, useState } from 'react';\r\n\r\n//https://mui.com/x/react-data-grid/sorting/#multi-sorting\r\nconst ColumnFilterBar = (props) => {\r\n const { columns, bar, removeBar, onChange = () => {} } = props;\r\n const selectAndOr = useRef();\r\n const selectField = useRef();\r\n const selectMatch = useRef();\r\n const inputFieldValue = useRef();\r\n const [fieldIsNumeric, setFieldIsNumeric] = useState(false);\r\n const [filterBarVisible, setFilterBarVisible] = useState(true);\r\n const updateBarValues = () => {\r\n const allowTextInput = selectMatch.current.value !== 'isEmpty' && selectMatch.current.value !== 'isNotEmpty';\r\n setFilterBarVisible(allowTextInput);\r\n setFieldIsNumeric(selectField.current.value === 'Published Year');\r\n onChange({\r\n time: bar.time,\r\n id: bar.id,\r\n andOr: selectAndOr.current.value,\r\n field: selectField.current.value,\r\n matchCondition: selectMatch.current.value,\r\n value: inputFieldValue.current.value\r\n });\r\n };\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 The data for nursing homes, daycare centers, hospitals, and public schools under the “Map Features” come from the Homeland Infrastructure Foundation-Level Data (HIFLD). Search for the data of interest using this link:{' '}\r\n \r\n HIFLD Open | HIFLD (arcgis.com).\r\n \r\n
\r\n
\r\n The boundary files come from the U.S. Census Bureau for the year of the dataset (i.e. 2022 Census Cartographic Boundary File for the 2022 SVI dataset). The 2022 boundary files can be accessed using this link:{' '}\r\n \r\n Cartographic Boundary Files (census.gov).\r\n \r\n
\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}\ndocument.body.classList.remove('dynamic-loading'); //remove spinner added from embed code\n\nfunction App() {\n return (\n