@kiva/kv-components 7.6.0 → 7.6.2

package/dist/utils/mapUtils.js

@@ -1,5 +1,5 @@
-function p(e, t, r) {
-  return (Math.random() * (t - e) + e).toFixed(r) * 1;
+function p(e, o, r) {
+  return (Math.random() * (o - e) + e).toFixed(r) * 1;
 }
 const d = Array.from(
   { length: 20 },
@@ -12,18 +12,18 @@ const d = Array.from(
   800,
   1e3
 ];
-function M(e, t, r) {
-  if (!e || !t || !r || r < 1 || !Array.isArray(e) || !Array.isArray(t) || e.length !== 2 || t.length !== 2)
+function M(e, o, r) {
+  if (!e || !o || !r || r < 1 || !Array.isArray(e) || !Array.isArray(o) || e.length !== 2 || o.length !== 2)
     return [];
-  const n = t[0] - e[0], l = t[1] - e[1], i = n / r, a = l / r;
-  let o = 0, s = 0;
+  const n = o[0] - e[0], s = o[1] - e[1], i = n / r, a = s / r;
+  let t = 0, l = 0;
   const c = [];
-  for (; Math.abs(o) < Math.abs(n) || Math.abs(s) < Math.abs(l); )
-    c.push([e[0] + o, e[1] + s]), Math.abs(o) < Math.abs(n) && (o += i), Math.abs(s) < Math.abs(l) && (s += a);
-  return c[c.length - 1] = [t[0], t[1]], c;
+  for (; Math.abs(t) < Math.abs(n) || Math.abs(l) < Math.abs(s); )
+    c.push([e[0] + t, e[1] + l]), Math.abs(t) < Math.abs(n) && (t += i), Math.abs(l) < Math.abs(s) && (l += a);
+  return c[c.length - 1] = [o[0], o[1]], c;
 }
-function b(e, t, r) {
-  return new Promise((l) => {
+function b(e, o, r) {
+  return new Promise((s) => {
     e.addSource("endpoint", {
       type: "geojson",
       data: {
@@ -34,9 +34,9 @@ function b(e, t, r) {
         ]
       }
     });
-    const i = (a, o, s, c = !1) => {
-      const y = M(a, o, 100);
-      let g = 0;
+    const i = (a, t, l, c = !1) => {
+      const f = M(a, t, 100);
+      let h = 0;
       const u = {
         type: "FeatureCollection",
         features: [{
@@ -47,7 +47,7 @@ function b(e, t, r) {
           }
         }]
       };
-      e.addSource(`startPoint${s}`, {
+      e.addSource(`startPoint${l}`, {
         type: "geojson",
         data: {
           type: "Point",
@@ -57,7 +57,7 @@ function b(e, t, r) {
           ]
         }
       }), e.addLayer({
-        id: `line-animation${s}`,
+        id: `line-animation${l}`,
         type: "line",
         source: {
           type: "geojson",
@@ -72,26 +72,26 @@ function b(e, t, r) {
           "line-width": 2
         }
       });
-      const h = () => {
-        if (g < y.length)
-          u.features[0].geometry.coordinates.push(y[g]), e.getSource(`line-animation${s}`).setData(u), requestAnimationFrame(h), g += 1;
+      const y = () => {
+        if (h < f.length)
+          u.features[0].geometry.coordinates.push(f[h]), e.getSource(`line-animation${l}`).setData(u), requestAnimationFrame(y), h += 1;
         else {
-          const f = u.features[0].geometry.coordinates;
-          f.shift(), f.shift(), f.length > 0 ? (u.features[0].geometry.coordinates = f, e.getSource(`line-animation${s}`).setData(u), requestAnimationFrame(h)) : (e.removeLayer(`line-animation${s}`), e.removeSource(`line-animation${s}`), e.removeSource(`startPoint${s}`), c && (e.removeSource("endpoint"), l()));
+          const g = u.features[0].geometry.coordinates;
+          g.shift(), g.shift(), g.length > 0 ? (u.features[0].geometry.coordinates = g, e.getSource(`line-animation${l}`).setData(u), requestAnimationFrame(y)) : (e.removeLayer(`line-animation${l}`), e.removeSource(`line-animation${l}`), e.removeSource(`startPoint${l}`), c && (e.removeSource("endpoint"), s()));
         }
       };
-      h();
+      y();
     };
-    t.forEach((a, o) => {
-      i(a, r, o, o === t.length - 1);
+    o.forEach((a, t) => {
+      i(a, r, t, t === o.length - 1);
     });
   });
 }
-function $(e, t) {
+function $(e, o) {
   const r = {
     type: "FeatureCollection"
   };
-  r.features = t.map((n) => ({
+  r.features = o.map((n) => ({
     type: "Feature",
     properties: {
       message: "test",
@@ -103,19 +103,19 @@ function $(e, t) {
       coordinates: n.location
     }
   })), r.features.forEach((n) => {
-    const l = document.createElement("div");
-    l.className = "map-marker", l.style.backgroundImage = `url(${n.properties.image})`, l.style.width = `${n.properties.iconSize[0]}px`, l.style.height = `${n.properties.iconSize[1]}px`, new maplibregl.Marker({ element: l }).setLngLat(n.geometry.coordinates).addTo(e);
+    const s = document.createElement("div");
+    s.className = "map-marker", s.style.backgroundImage = `url(${n.properties.image})`, s.style.width = `${n.properties.iconSize[0]}px`, s.style.height = `${n.properties.iconSize[1]}px`, new maplibregl.Marker({ element: s }).setLngLat(n.geometry.coordinates).addTo(e);
   });
 }
-function A(e, t) {
+function A(e, o) {
   return new Promise((r) => {
-    const n = t.map((o) => o.location), l = n.length;
+    const n = o.map((t) => t.location), s = n.length;
     let i = 0;
-    const a = (o) => {
+    const a = (t) => {
       e.flyTo({
         // These options control the ending camera position: centered at
         // the target, at zoom level 9, and north up.
-        center: n[o],
+        center: n[t],
         zoom: 4,
         bearing: 0,
         // These options control the flight curve, making it move
@@ -127,48 +127,48 @@ function A(e, t) {
         // change the speed at which it zooms out
         // This can be any easing function: it takes a number between
         // 0 and 1 and returns another number between 0 and 1.
-        easing(s) {
-          return s;
+        easing(l) {
+          return l;
         },
         // this animation is considered essential with respect to prefers-reduced-motion
         essential: !0
       }, { flyEnd: !0 });
     };
-    e.on("moveend", (o) => {
-      o.flyEnd === !0 && b(e, d, n[i]).then(() => {
-        i < l - 1 ? (i += 1, a(i)) : r();
+    e.on("moveend", (t) => {
+      t.flyEnd === !0 && b(e, d, n[i]).then(() => {
+        i < s - 1 ? (i += 1, a(i)) : r();
       });
     }), a(i);
   });
 }
-const F = (e, t, r) => {
-  const n = Math.floor((t - e) / r), l = [];
-  if (n <= 0) return [[e, t]];
+const F = (e, o, r) => {
+  const n = Math.floor((o - e) / r), s = [];
+  if (n <= 0) return [[e, o]];
   for (let i = 0; i < r; i += 1) {
-    let a = e + i * n, o = a + n < t ? a + n : t;
-    if (i > 0 && (a += 1 * i, o += 1 * i), i > 0 && o > t && (o = t), i === r - 1 && (o < t || o > t) && (o = t), l.push([a, o]), o >= t) break;
+    let a = e + i * n, t = a + n < o ? a + n : o;
+    if (i > 0 && (a += 1 * i, t += 1 * i), i > 0 && t > o && (t = o), i === r - 1 && (t < o || t > o) && (t = o), s.push([a, t]), t >= o) break;
   }
-  return l;
-}, S = (e, t, r) => {
-  const n = [];
-  t.forEach((a) => {
-    n.push(a.value);
+  return s;
+}, S = (e, o, r, n) => {
+  const s = [];
+  o.forEach((t) => {
+    s.push(t.value);
   });
-  const l = Math.max(...n), i = F(1, l, 6);
-  if (i.length === 1) {
-    const [a, o] = i[0];
-    for (let s = 0; s < o; s += 1) {
-      const c = s + 1;
-      if (e && e >= c && e < c + 1)
-        return r.colors.brand[m[s]];
+  const i = Math.max(...s), a = F(1, i, 6);
+  if (a.length === 1) {
+    const [t, l] = a[0];
+    for (let c = 0; c < l; c += 1) {
+      const f = c + 1;
+      if (e && e >= f && e < f + 1)
+        return r.colors.brand[m[c]];
     }
   } else
-    for (let a = 0; a < i.length; a += 1) {
-      const [o, s] = i[a];
-      if (e && e >= o && e <= s)
-        return r.colors.brand[m[a]];
+    for (let t = 0; t < a.length; t += 1) {
+      const [l, c] = a[t];
+      if (e && e >= l && e <= c)
+        return r.colors.brand[m[t]];
     }
-  return r.colors.gray[300];
+  return n || r.colors.gray[300];
 };
 export {
   A as animationCoordinator,

package/dist/vue/KvMap.js

@@ -1,6 +1,6 @@
 import n from "@kiva/kv-tokens";
 import { generateMapMarkers as l, animationCoordinator as h, getCountryColor as r } from "../utils/mapUtils.js";
-import { openBlock as c, createElementBlock as m, normalizeStyle as d, createElementVNode as p } from "vue";
+import { openBlock as c, createElementBlock as d, normalizeStyle as m, createElementVNode as p } from "vue";
 import "./KvMap.css";
 import u from "../_virtual/_plugin-vue_export-helper.js";
 const f = {
@@ -140,6 +140,21 @@ const f = {
     showFundraisingLoans: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Show tooltips on fundraising loan circles
+     * Working for leaflet only
+     */
+    showTooltips: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Default base color for countries without loans
+     */
+    defaultBaseColor: {
+      type: String,
+      default: null
     }
   },
   data() {
@@ -323,12 +338,14 @@ const f = {
     countryStyle(e) {
       return {
         color: n.colors.white,
-        fillColor: r(e.lenderLoans, this.countriesData, n),
+        // eslint-disable-next-line max-len
+        fillColor: r(e.lenderLoans, this.countriesData, n, this.defaultBaseColor),
         weight: 1,
         fillOpacity: 1
       };
     },
     onEachCountryFeature(e, t) {
+      if (!this.showTooltips) return;
       const i = e.lenderLoans ? `${e.lenderLoans} loan${e.lenderLoans > 1 ? "s" : ""}` : "0 loans", a = `${e.properties.name} <br/> ${i}`;
       t.bindTooltip(a, {
         sticky: !0
@@ -345,7 +362,8 @@ const f = {
     resetHighlight(e) {
       const t = e.target, { feature: i } = t;
       t.setStyle({
-        fillColor: r(i.lenderLoans, this.countriesData, n)
+        // eslint-disable-next-line max-len
+        fillColor: r(i.lenderLoans, this.countriesData, n, this.defaultBaseColor)
       });
     },
     circleMapClicked(e) {
@@ -354,9 +372,9 @@ const f = {
   }
 }, b = ["id"];
 function g(e, t, i, a, s, o) {
-  return c(), m("div", {
+  return c(), d("div", {
     class: "tw-relative tw-block tw-w-full",
-    style: d(o.mapDimensions)
+    style: m(o.mapDimensions)
   }, [
     p("div", {
       id: `kv-map-holder-${i.mapId}`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "7.6.0",
+  "version": "7.6.2",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -14,6 +14,14 @@
     "./vue/*": "./dist/vue/*.js",
     "./vue/*.js": "./dist/vue/*.js"
   },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kiva/kv-ui-elements.git"
+  },
+  "bugs": {
+    "url": "https://github.com/kiva/kv-ui-elements/issues"
+  },
+  "homepage": "https://github.com/kiva/kv-ui-elements/tree/main/%40kiva/kv-components#readme",
   "devDependencies": {
     "@apollo/client": "^3.13.1",
     "@babel/core": "^7.14.8",
@@ -21,7 +29,7 @@
     "@babel/preset-env": "^7.24.8",
     "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
-    "@kiva/kv-tokens": "^3.6.0",
+    "@kiva/kv-tokens": "^3.6.1",
     "@kiva/vite-plugin-vue-lib-css": "^2.0.0",
     "@laynezh/vite-plugin-lib-assets": "^0.6.1",
     "@mdi/js": "^7.4.47",
@@ -115,5 +123,5 @@
     "embla-carousel-fade",
     "popper.js"
   ],
-  "gitHead": "76df0f5473e78a4d36bba8e19c3388cc8a055921"
+  "gitHead": "f68de2ef6e9d2b237b7779a5cb0971a29c845e4a"
 }