@hybridcore/ui 1.6.13 → 1.6.16

package/dist/components/raster-grid-map/logic.js

@@ -1,20 +1,17 @@
 import { useThemeProps as gt, useTheme as xt } from "@mui/material";
 import { uniqueId as ht } from "lodash";
 import { Feature as yt } from "ol";
-import * as wt from "ol/extent";
-import { Point as St } from "ol/geom";
-import Tt from "ol/layer/Vector";
-import * as B from "ol/proj";
-import Lt from "ol/source/Vector";
-import { Style as V, Text as vt, Fill as F, Icon as Ct, Stroke as Mt } from "ol/style";
-import bt from "ol/style/Circle";
+import { b as wt, P as St, f as k, g as Tt } from "../../Source-BSZST_GH.js";
+import { V as Ct } from "../../Vector-BmuhQO4p.js";
+import { V as Lt } from "../../Vector-DfTqQEln.js";
+import { S as A, T as vt, F, I as Mt, a as bt, C as Xt } from "../../Text-ChJRuaD8.js";
 import { useRef as m, useState as q, useEffect as O } from "react";
-import { DEFAULT_VIRIDIS_COOL as Xt } from "../charts/_common/utils.js";
-import { createMapboxLayer as Yt } from "../map/helpers/mapbox.js";
-import { createHeatMapScale as Et } from "./helpers.js";
-const Gt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='93'%20height='93'%20viewBox='0%200%2093%2093'%3e%3ccircle%20id='Ellipse_748'%20data-name='Ellipse%20748'%20cx='46.5'%20cy='46.5'%20r='46.5'%20fill='%23fff'%20opacity='0.925'/%3e%3c/svg%3e", Rt = 0.25, Bt = (r) => {
-  const u = r.getGeometry(), i = r.get("icon"), p = r.get("iconColor"), h = r.get("iconTextColor"), y = r.get("showText"), w = r.get("title"), S = r.get("scale");
-  return u && u.getType() === "Point" && i ? new V({
+import { DEFAULT_VIRIDIS_COOL as Yt } from "../charts/_common/utils.js";
+import { createMapboxLayer as Gt } from "../map/helpers/mapbox.js";
+import { createHeatMapScale as Rt } from "./helpers.js";
+const Et = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='93'%20height='93'%20viewBox='0%200%2093%2093'%3e%3ccircle%20id='Ellipse_748'%20data-name='Ellipse%20748'%20cx='46.5'%20cy='46.5'%20r='46.5'%20fill='%23fff'%20opacity='0.925'/%3e%3c/svg%3e", Ft = 0.25, It = (r) => {
+  const u = r.getGeometry(), a = r.get("icon"), p = r.get("iconColor"), h = r.get("iconTextColor"), y = r.get("showText"), w = r.get("title"), S = r.get("scale");
+  return u && u.getType() === "Point" && a ? new A({
     ...y && {
       text: new vt({
         text: w,
@@ -22,77 +19,77 @@ const Gt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
         fill: new F({ color: h ?? "#ddd" })
       })
     },
-    image: new Ct({
+    image: new Mt({
       anchor: [0.5, 0.5],
-      src: i,
-      scale: S ?? Rt,
+      src: a,
+      scale: S ?? Ft,
       color: p ?? "#b32f5b"
     }),
     zIndex: 2
-  }) : new V({
+  }) : new A({
     fill: new F({ color: "rgba(255, 255, 255, 0.25)" }),
-    stroke: new Mt({ color: "#3069AA", width: 2 }),
-    image: new bt({
+    stroke: new bt({ color: "#3069AA", width: 2 }),
+    image: new Xt({
       radius: 5,
       fill: new F({ color: "#444" })
     })
   });
 }, Ut = (r) => {
   const u = gt({ props: r, name: "HCRasterGridMap" }), {
-    data: i,
+    data: a,
     payload: p,
     onPayloadUpdate: h,
     accessToken: y,
-    palette: w = Xt,
+    palette: w = Yt,
     sx: S,
     ...U
-  } = u, T = xt(), I = m(ht("map-")), o = m(null), s = m(null), L = m(null), a = m(null), v = m(), [z, W] = q(!1), [Z, j] = q(null), _ = () => {
+  } = u, T = xt(), I = m(ht("map-")), o = m(null), l = m(null), C = m(null), s = m(null), L = m(), [B, W] = q(!1), [Z, N] = q(null), z = () => {
     let t = 3;
     if (o.current) {
       const e = o.current.getZoomLevel() || 3;
       e > 11 ? t = 6 : e > 9 ? t = 5 : e > 5 && (t = 4);
     }
     return t;
-  }, N = () => {
-    var D, H, k;
-    if (!z || !o.current || !i) return;
-    const { result: t, rowCount: e, columnCount: n, minX: c, minY: l, maxX: d, maxY: f } = i, C = [c, l, d, f], [nt, rt] = wt.getSize(C), M = nt / n, b = rt / e, ct = ((D = o.current) == null ? void 0 : D.getZoomLevel()) || 3;
-    (H = L.current) == null || H.clear();
-    const X = Et(i, {
+  }, j = () => {
+    var P, D, H;
+    if (!B || !o.current || !a) return;
+    const { result: t, rowCount: e, columnCount: n, minX: c, minY: i, maxX: d, maxY: f } = a, v = [c, i, d, f], [nt, rt] = Tt(v), M = nt / n, b = rt / e, ct = ((P = o.current) == null ? void 0 : P.getZoomLevel()) || 3;
+    (D = C.current) == null || D.clear();
+    const X = Rt(a, {
       palette: [...w].reverse(),
       mode: "log",
       nullColor: "transparent",
       zeroColor: "transparent"
     });
-    if (j(X), t !== null)
+    if (N(X), t !== null)
       for (let g = 0; g < e; g++) {
-        const A = t[g];
-        if (A !== null)
+        const V = t[g];
+        if (V !== null)
           for (let x = 0; x < n; x++) {
-            const Y = A[x];
+            const Y = V[x];
             if (Y < 2) continue;
-            const E = c + x * M, G = l + (e - g - 1) * b, it = E + M, at = G + b, lt = E + M / 2, st = G + b / 2, mt = B.transform(
-              [lt, st],
+            const G = c + x * M, R = i + (e - g - 1) * b, at = G + M, st = R + b, it = G + M / 2, lt = R + b / 2, mt = wt(
+              [it, lt],
               "EPSG:4326",
               "EPSG:3857"
             ), ut = {
-              bottomLeft: { latitude: G, longitude: E },
-              topRight: { latitude: at, longitude: it }
-            }, pt = ct / _(), R = X.getBin(Y), dt = (((R == null ? void 0 : R.index) || 0) + 1) * 0.1, ft = new yt({
+              bottomLeft: { latitude: R, longitude: G },
+              topRight: { latitude: st, longitude: at }
+            }, pt = ct / z(), E = X.getBin(Y), dt = (((E == null ? void 0 : E.index) || 0) + 1) * 0.1, ft = new yt({
               geometry: new St(mt),
-              icon: Gt,
+              icon: Et,
               iconColor: X.getColor(Y),
               iconTextColor: "#fff",
               showText: pt > 1.5,
               boundingBox: ut,
               scale: dt
             });
-            (k = L.current) == null || k.addFeature(ft);
+            (H = C.current) == null || H.addFeature(ft);
           }
       }
   }, J = () => {
     let t = {
-      gridLevel: _(),
+      gridLevel: z(),
       minX: -180,
       minY: -180,
       maxX: 180,
@@ -109,56 +106,56 @@ const Gt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
       };
     }
     return t;
-  }, P = () => {
+  }, _ = () => {
     const t = {
       ...p,
       heatGridMapFilter: J()
     };
     h(t);
   }, K = () => {
-    v.current && clearTimeout(v.current), v.current = setTimeout(() => {
+    L.current && clearTimeout(L.current), L.current = setTimeout(() => {
       var t;
-      (t = o.current) == null || t.updateSize(), s.current && s.current.map.resize();
+      (t = o.current) == null || t.updateSize(), l.current && l.current.map.resize();
     }, 100);
   }, Q = () => {
     var t, e;
     (t = o.current) == null || t.on("movestart", () => {
-      a.current && (clearTimeout(a.current), a.current = null);
+      s.current && (clearTimeout(s.current), s.current = null);
     }), (e = o.current) == null || e.on("moveend", () => {
-      a.current && (clearTimeout(a.current), a.current = null), a.current = setTimeout(P, 500);
+      s.current && (clearTimeout(s.current), s.current = null), s.current = setTimeout(_, 500);
     });
   };
   function $(t) {
-    const [e, n] = B.fromLonLat([t.minX, t.minY]), [c, l] = B.fromLonLat([t.maxX, t.maxY]);
-    return [e, n, c, l];
+    const [e, n] = k([t.minX, t.minY]), [c, i] = k([t.maxX, t.maxY]);
+    return [e, n, c, i];
   }
   const tt = () => {
     var d, f;
-    const t = T.palette.mode === "light" ? "mapbox://styles/mapbox/light-v11" : "mapbox://styles/mapbox/dark-v11", e = Yt({
+    const t = T.palette.mode === "light" ? "mapbox://styles/mapbox/light-v11" : "mapbox://styles/mapbox/dark-v11", e = Gt({
       id: I.current,
       center: [0, 0],
       style: t,
       accessToken: y
     });
-    (d = o.current) == null || d.addLayer(e.layer), s.current = e;
-    const n = new Lt(), c = new Tt({
+    (d = o.current) == null || d.addLayer(e.layer), l.current = e;
+    const n = new Lt(), c = new Ct({
       source: n,
-      style: Bt
+      style: It
     });
-    (f = o.current) == null || f.addLayer(c), L.current = n, W(!0), Q(), P();
-    const { heatGridMapFilter: l } = p;
-    if (l && o.current) {
-      const C = $(l);
-      o.current.centerToExtent(C);
+    (f = o.current) == null || f.addLayer(c), C.current = n, W(!0), Q(), _();
+    const { heatGridMapFilter: i } = p;
+    if (i && o.current) {
+      const v = $(i);
+      o.current.centerToExtent(v);
     }
   }, et = () => {
     var n, c;
-    if (!s.current) return;
-    const t = T.palette.mode === "light" ? "mapbox://styles/mapbox/light-v11" : "mapbox://styles/mapbox/dark-v11", e = ((c = (n = s.current.layer.getSource()) == null ? void 0 : n.getMapboxMap) == null ? void 0 : c.call(n)) || s.current.map;
+    if (!l.current) return;
+    const t = T.palette.mode === "light" ? "mapbox://styles/mapbox/light-v11" : "mapbox://styles/mapbox/dark-v11", e = ((c = (n = l.current.layer.getSource()) == null ? void 0 : n.getMapboxMap) == null ? void 0 : c.call(n)) || l.current.map;
     e && e.setStyle(t);
   };
-  O(() => (N(), () => {
-  }), [i, z]), O(() => (et(), () => {
+  O(() => (j(), () => {
+  }), [a, B]), O(() => (et(), () => {
   }), [T.palette.mode]);
   const ot = { ...u };
   return {