@cdc/map 4.24.1 → 4.24.2

package/src/hooks/useTooltip.ts

@@ -52,7 +52,7 @@ const useTooltip = props => {
     const prefix = handleTooltipPrefix('')
 
     if (hideGeoColumnInTooltip) return `<strong>${displayGeoName(geoName)}</strong>`
-    return `<p class="tooltip-heading">${prefix}${displayGeoName(geoName)}</p>`
+    return `<p class="tooltip-heading" style="text-transform: none;">${prefix}${displayGeoName(geoName)}</p>`
   }
 
   /**
@@ -92,7 +92,7 @@ const useTooltip = props => {
     } = config
 
     if (tooltipEnabledMaps.includes(currentMapType) && undefined !== row) {
-      toolTipText += `<ul className="capitalize">`
+      toolTipText += `<ul>`
 
       // if tooltips are allowed, loop through each column
       Object.keys(columns).forEach(columnKey => {
@@ -120,10 +120,10 @@ const useTooltip = props => {
     // Handle County Location Columns
     toolTipText += handleTooltipStateNameColumn(toolTipText, row)
 
-    // Handle Data > Geo Column In tooltips
+    // Handle Columns > Data Column In tooltips
     toolTipText += handleTooltipGeoColumn(geoName)
 
-    // Handle Data > Primary Column in tooltips
+    // Handle Columns > Geography Column In tooltips
     toolTipText = handleTooltipColumns(toolTipText, row)
 
     return toolTipText

package/src/scss/editor-panel.scss

@@ -82,14 +82,13 @@
     color: #000;
     font-size: 1em;
     border: 0;
-    position: fixed;
+    position: absolute;
     z-index: 100;
     transition: 0.1s background;
     cursor: pointer;
     width: 25px;
     height: 25px;
     left: 307px;
-    top: 10px;
     box-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px;
     &:before {
       top: 43%;
@@ -114,7 +113,7 @@
     background: #fff;
     width: $editorWidth;
     overflow-y: overlay;
-    position: fixed;
+    position: absolute;
     z-index: 7;
     display: flex;
     flex-direction: column;

package/src/scss/map.scss

@@ -49,6 +49,11 @@ header + .map-container.full-border {
       flex-direction: row;
     }
   }
+  .map-container.map {
+    &.side {
+      flex-direction: row;
+    }
+  }
   // Bubble Specific
   .map-container.bubble {
     &.side {
@@ -83,13 +88,13 @@ $medium: 768px;
   }
   // make logo smaller on mobile
   @media screen and (max-width: $small) {
-      .map-logo {
-        position: absolute;
-        bottom: 4em; // needed to align to top of Territories
-        right: 1em;
-        z-index: 3;
-        width: 50px;  // make it smaller
-      }
+    .map-logo {
+      position: absolute;
+      bottom: 4em; // needed to align to top of Territories
+      right: 1em;
+      z-index: 3;
+      width: 50px; // make it smaller
+    }
   }
   // everything else but mobile
   @media screen and (min-width: $small) {
@@ -101,10 +106,8 @@ $medium: 768px;
       width: 75px;
     }
   }
-
 }
 
-
 .single-geo {
   transition: 0.2s fill;
   cursor: pointer;
@@ -117,16 +120,18 @@ $medium: 768px;
 .two-col {
   display: flex;
   margin-top: 0;
+
   justify-content: flex-start;
   > label {
     margin-top: 0;
     display: inline-block;
   }
 }
+
 .territories-label {
   margin: 2em 5px 2em 1em;
   font-size: 1.1em;
-  display:block;
+  display: block;
 }
 
 // Cities and Territories
@@ -150,9 +155,14 @@ $medium: 768px;
     }
   }
 
-    &--mobile {
+  &--mobile {
     @extend .territories;
-    width: 70%;
+    width: 60%;
+  }
+}
+
+@media screen and (max-width: $small) {
+  .territories {
   }
 }
 

package/examples/private/map-text-wrap.json

@@ -1,574 +0,0 @@
-{
-  "general": {
-    "geoType": "us",
-    "type": "data",
-    "geoBorderColor": "darkGray",
-    "headerColor": "theme-blue",
-    "title": "States Awarded CDC-RFA-DP21-2105",
-    "showTitle": false,
-    "showSidebar": false,
-    "showDownloadButton": false,
-    "showDownloadMediaButton": false,
-    "displayAsHex": false,
-    "displayStateLabels": false,
-    "territoriesLabel": "Territories",
-    "territoriesAlwaysShow": false,
-    "language": "en",
-    "geoLabelOverride": "",
-    "hasRegions": false,
-    "fullBorder": false,
-    "convertFipsCodes": true,
-    "palette": {
-      "isReversed": true
-    },
-    "allowMapZoom": true,
-    "hideGeoColumnInTooltip": true,
-    "hidePrimaryColumnInTooltip": true,
-    "statePicked": {
-      "fipsCode": "01",
-      "stateName": "Alabama"
-    }
-  },
-  "type": "map",
-  "color": "greenbluereverse",
-  "columns": {
-    "geo": {
-      "name": "State",
-      "label": "Location",
-      "tooltip": false,
-      "dataTable": true
-    },
-    "primary": {
-      "dataTable": false,
-      "tooltip": false,
-      "prefix": "",
-      "suffix": "",
-      "name": "status",
-      "label": ""
-    },
-    "navigate": {
-      "name": ""
-    },
-    "latitude": {
-      "name": ""
-    },
-    "longitude": {
-      "name": ""
-    },
-    "additionalColumn1": {
-      "label": "",
-      "dataTable": true,
-      "tooltips": false,
-      "prefix": "",
-      "suffix": "",
-      "name": "component",
-      "tooltip": true
-    }
-  },
-  "legend": {
-    "descriptions": {},
-    "specialClasses": [
-      {
-        "key": "status",
-        "value": "N/A"
-      }
-    ],
-    "unified": false,
-    "singleColumn": false,
-    "singleRow": false,
-    "verticalSorted": false,
-    "showSpecialClassesLast": false,
-    "dynamicDescription": false,
-    "type": "category",
-    "numberOfItems": 3,
-    "position": "side",
-    "title": "Legend",
-    "categoryValuesOrder": [
-      "N/A",
-      "Has component"
-    ]
-  },
-  "filters": [],
-  "table": {
-    "label": "Data Table",
-    "expanded": true,
-    "limitHeight": false,
-    "height": "",
-    "caption": "",
-    "showDownloadUrl": false,
-    "showDataTableLink": true,
-    "showFullGeoNameInCSV": false,
-    "forceDisplay": true,
-    "download": false,
-    "indexLabel": ""
-  },
-  "tooltips": {
-    "appearanceType": "hover",
-    "linkLabel": "Learn More",
-    "capitalizeLabels": true,
-    "opacity": 90
-  },
-  "runtime": {
-    "editorErrorMessage": []
-  },
-  "visual": {
-    "minBubbleSize": 1,
-    "maxBubbleSize": 20,
-    "extraBubbleBorder": false,
-    "cityStyle": "circle",
-    "geoCodeCircleSize": 2,
-    "showBubbleZeros": false
-  },
-  "mapPosition": {
-    "coordinates": [
-      0,
-      30
-    ],
-    "zoom": 1
-  },
-  "map": {
-    "layers": []
-  },
-  "hexMap": {
-    "type": "",
-    "shapeGroups": [
-      {
-        "legendTitle": "",
-        "legendDescription": "",
-        "items": [
-          {
-            "key": "",
-            "shape": "Arrow up",
-            "column": "",
-            "operator": "=",
-            "value": ""
-          }
-        ]
-      }
-    ]
-  },
-  "filterBehavior": "Filter Change",
-  "datasets": {},
-  "data": [
-    {
-      "State": "Alabama",
-      "statename": "",
-      "stateabbreviation": "AL",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Alaska",
-      "statename": "Alaska",
-      "stateabbreviation": "AS",
-      "component": "Recover Alaska / The Foraker Group",
-      "status": "Has component"
-    },
-    {
-      "State": "American Samoa",
-      "statename": "",
-      "stateabbreviation": "AZ",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Arizona",
-      "statename": "",
-      "stateabbreviation": "AR",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Arkansas",
-      "statename": "",
-      "stateabbreviation": "CT",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "California",
-      "statename": "California",
-      "stateabbreviation": "DE",
-      "component": "California Department of Public Health",
-      "status": "Has component"
-    },
-    {
-      "State": "Colorado",
-      "statename": "Colorado",
-      "stateabbreviation": "DC",
-      "component": "Colorado Department of Health and Environment",
-      "status": "Has component"
-    },
-    {
-      "State": "Connecticut",
-      "statename": "",
-      "stateabbreviation": "FL",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Delaware",
-      "statename": "",
-      "stateabbreviation": "GA",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "District of Columbia",
-      "statename": "",
-      "stateabbreviation": "GU",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Florida",
-      "statename": "",
-      "stateabbreviation": "HI",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Georgia",
-      "statename": "",
-      "stateabbreviation": "IL",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Guam",
-      "statename": "",
-      "stateabbreviation": "IN",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Hawaii",
-      "statename": "",
-      "stateabbreviation": "IA",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Idaho",
-      "statename": "Idaho",
-      "stateabbreviation": "KS",
-      "component": "Idaho Department of Health and Welfare",
-      "status": "Has component"
-    },
-    {
-      "State": "Illinois",
-      "statename": "",
-      "stateabbreviation": "KY",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Indiana",
-      "statename": "",
-      "stateabbreviation": "LA",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Iowa",
-      "statename": "",
-      "stateabbreviation": "ME",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Kansas",
-      "statename": "",
-      "stateabbreviation": "MH",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Kentucky",
-      "statename": "",
-      "stateabbreviation": "MA",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Louisiana",
-      "statename": "",
-      "stateabbreviation": "MI",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Maine",
-      "statename": "",
-      "stateabbreviation": "FM",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Marshall Islands",
-      "statename": "",
-      "stateabbreviation": "MS",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Maryland",
-      "statename": "Maryland",
-      "stateabbreviation": "MO",
-      "component": "Maryland Department of Health",
-      "status": "Has component"
-    },
-    {
-      "State": "Massachusetts",
-      "statename": "",
-      "stateabbreviation": "MT",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Michigan",
-      "statename": "",
-      "stateabbreviation": "NE",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Micronesia",
-      "statename": "",
-      "stateabbreviation": "NV",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Minnesota",
-      "statename": "Minnesota",
-      "stateabbreviation": "NH",
-      "component": "Minnesota Department of Health",
-      "status": "Has component"
-    },
-    {
-      "State": "Mississippi",
-      "statename": "",
-      "stateabbreviation": "NJ",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Missouri",
-      "statename": "",
-      "stateabbreviation": "ND",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Montana",
-      "statename": "",
-      "stateabbreviation": "MP",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Nebraska",
-      "statename": "",
-      "stateabbreviation": "OH",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Nevada",
-      "statename": "",
-      "stateabbreviation": "OK",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "New Hampshire",
-      "statename": "",
-      "stateabbreviation": "PW",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "New Jersey",
-      "statename": "",
-      "stateabbreviation": "PA",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "New Mexico",
-      "statename": "New Mexico",
-      "stateabbreviation": "PR",
-      "component": "New Mexico Department of Health",
-      "status": "Has component"
-    },
-    {
-      "State": "New York",
-      "statename": "New York",
-      "stateabbreviation": "SC",
-      "component": "New York State Department of Health / Health Research, Inc.",
-      "status": "Has component"
-    },
-    {
-      "State": "North Carolina",
-      "statename": "North Carolina",
-      "stateabbreviation": "SD",
-      "component": "North Carolina Department of Health and Human Services",
-      "status": "Has component"
-    },
-    {
-      "State": "North Dakota",
-      "statename": "",
-      "stateabbreviation": "TN",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Northern Mariana Islands",
-      "statename": "",
-      "stateabbreviation": "UT",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Ohio",
-      "statename": "",
-      "stateabbreviation": "VT",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Oklahoma",
-      "statename": "",
-      "stateabbreviation": "VI",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Oregon",
-      "statename": "Oregon",
-      "stateabbreviation": "VA",
-      "component": "Oregon Health Authority",
-      "status": "Has component"
-    },
-    {
-      "State": "Palau",
-      "statename": "",
-      "stateabbreviation": "WA",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Pennsylvania",
-      "statename": "",
-      "stateabbreviation": "WV",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Puerto Rico",
-      "statename": "",
-      "stateabbreviation": "WI",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Rhode Island",
-      "statename": "Rhode Island",
-      "stateabbreviation": "WY",
-      "component": "Rhode Island Department of Health",
-      "status": "Has component"
-    },
-    {
-      "State": "South Carolina",
-      "statename": "",
-      "stateabbreviation": "sc",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "South Dakota",
-      "statename": "",
-      "stateabbreviation": "sd",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Tennessee",
-      "statename": "",
-      "stateabbreviation": "tn",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Texas",
-      "statename": "Texas",
-      "stateabbreviation": "tx",
-      "component": "Texas Department of Health and Human Services / Research Triangle Institute ",
-      "status": "Has component"
-    },
-    {
-      "State": "Utah",
-      "statename": "",
-      "stateabbreviation": "ut",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Vermont",
-      "statename": "",
-      "stateabbreviation": "vt",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Virgin Islands",
-      "statename": "",
-      "stateabbreviation": "vi",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Virginia",
-      "statename": "",
-      "stateabbreviation": "va",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Washington",
-      "statename": "",
-      "stateabbreviation": "wa",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "West Virginia",
-      "statename": "",
-      "stateabbreviation": "wv",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Wisconsin",
-      "statename": "",
-      "stateabbreviation": "wi",
-      "component": "",
-      "status": "N/A"
-    },
-    {
-      "State": "Wyoming",
-      "statename": "",
-      "stateabbreviation": "wy",
-      "component": "",
-      "status": "N/A"
-    }
-  ],
-  "dataFileName": "States Awarded CDC-RFA-DP21-2105.csv",
-  "dataFileSourceType": "file",
-  "dataDescription": {
-    "horizontal": false,
-    "series": false
-  },
-  "validated": 4.23
-}