Convert map card to Lit/TS (#2826)

* Convert map card to Lit/TS * Address comments
home-assistant · Feb 25, 2019 · 90a1f7e · 90a1f7e
1 parent 63e6506
commit 90a1f7e
Show file tree

Hide file tree

Showing 6 changed files with 431 additions and 379 deletions.
diff --git a/package.json b/package.json
@@ -107,6 +107,7 @@
     "@gfx/zopfli": "^1.0.9",
     "@types/chai": "^4.1.7",
     "@types/codemirror": "^0.0.71",
+    "@types/leaflet": "^1.4.3",
     "@types/memoize-one": "^4.1.0",
     "@types/mocha": "^5.2.5",
     "babel-eslint": "^10",

diff --git a/src/common/dom/setup-leaflet-map.ts b/src/common/dom/setup-leaflet-map.ts
@@ -1,8 +1,13 @@
+import { Map } from "leaflet";
+
 // Sets up a Leaflet map on the provided DOM element
-export const setupLeafletMap = async (mapElement) => {
+export type LeafletModuleType = typeof import("leaflet");
+
+export const setupLeafletMap = async (
+  mapElement
+): Promise<[Map, LeafletModuleType]> => {
   // tslint:disable-next-line
-  const Leaflet = (await import(/* webpackChunkName: "leaflet" */ "leaflet"))
-    .default;
+  const Leaflet = (await import(/* webpackChunkName: "leaflet" */ "leaflet")) as LeafletModuleType;
   Leaflet.Icon.Default.imagePath = "/static/images/leaflet";
 
   const map = Leaflet.map(mapElement);

diff --git a/src/panels/lovelace/cards/hui-map-card.js b/src/panels/lovelace/cards/hui-map-card.js