@hybridcore/ui 1.5.90 → 1.6.0

package/dist/components/map/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "./logic.js";
 import "./styled.js";
-import { O as a } from "../../index-JrtqxUdI.js";
+import { M as a } from "../../index-kCJ_Zvl8.js";
 export {
   a as default
 };

package/dist/components/map/logic.js

@@ -1,62 +1,54 @@
 import a from "react";
-import { b as R } from "../../ol-lGwSyEIV.js";
-import { t as b } from "../../Source-BESIjd9X.js";
-function U({
-  id: l = "map",
-  layers: c = [],
-  center: u,
-  zoom: g = 6,
-  options: n,
-  onInit: i
+import { b as Q } from "../../ol-yOE-NV0X.js";
+import { t as U } from "../../Source-BSZST_GH.js";
+function $({
+  id: g = "map",
+  layers: u = [],
+  center: { latitude: m = 0, longitude: d = 0 } = { latitude: 0, longitude: 0 },
+  zoom: v = 6,
+  options: o,
+  onInit: s
 }) {
-  const t = a.useRef(null), m = a.useRef(null);
-  a.useEffect(() => {
-    let e = setTimeout(d, 50);
-    return () => {
-      e ? clearTimeout(e) : y();
-    };
-  }, []), a.useEffect(() => (c.length > 0 && t.current.setLayers(c), () => {
-  }), [c]);
-  const d = () => {
-    t.current === null && (t.current = R(
-      c,
+  const t = a.useRef(null), f = a.useRef(null), y = () => {
+    t.current === null && (t.current = Q(
+      u,
       {
-        latitude: u ? u.latitude : 0,
-        longitude: u ? u.longitude : 0
+        latitude: m,
+        longitude: d
       },
+      v,
       g,
-      l,
-      n == null ? void 0 : n.interactions,
-      n == null ? void 0 : n.controls
-    ), i && i());
-  }, y = () => {
-    t.current !== null && (t.current.setTarget(null), t.current = null);
-  }, f = (e) => {
+      o == null ? void 0 : o.interactions,
+      o == null ? void 0 : o.controls
+    ), s && s());
+  }, L = () => {
+    t.current !== null && (t.current = null, t.current.setTarget(void 0));
+  }, w = (e) => {
     t.current.addLayer(e);
-  }, v = (e) => {
+  }, x = (e) => {
     t.current.addOverlay(e);
-  }, L = (e) => {
+  }, E = (e) => {
     t.current.removeOverlay(e);
-  }, x = (e) => {
-    let r = t.current.getOverlayById(e);
+  }, V = (e) => {
+    const r = t.current.getOverlayById(e);
     t.current.removeOverlay(r);
-  }, E = (e, r) => {
+  }, z = (e, r) => {
     t.current.getLayers().insertAt(e, r);
-  }, z = () => t.current.getAllLayers(), w = () => t.current.getLayerGroup(), V = () => t.current.getLayers(), p = () => t.current.getView().getZoom(), C = (e) => t.current.getView().setZoom(e), O = (e) => {
+  }, P = () => t.current.getAllLayers(), p = () => t.current.getLayerGroup(), C = () => t.current.getLayers(), F = () => t.current.getView().getZoom(), R = (e) => t.current.getView().setZoom(e), O = (e) => {
     t.current.removeLayer(e);
-  }, P = (e) => {
+  }, Z = (e) => {
     t.current.setLayerGroup(e);
-  }, S = (e) => {
+  }, G = (e) => {
     t.current.setLayers(e);
-  }, F = (e) => {
+  }, S = (e) => {
     t.current.addInteraction(e);
-  }, G = (e) => {
+  }, h = (e) => {
     t.current.removeInteraction(e);
-  }, I = (e, r) => {
+  }, A = (e, r) => {
     t.current.on(e, r);
-  }, A = () => t.current.getView(), T = (e) => t.current.getEventPixel(e), Z = (e) => t.current.getEventCoordinate(e), h = () => {
+  }, i = () => t.current.getView(), I = (e) => t.current.getEventPixel(e), T = (e) => t.current.getEventCoordinate(e), B = () => {
     let e = t.current.getView().calculateExtent();
-    return e = b(e, "EPSG:3857", "EPSG:4326"), {
+    return e = U(e, "EPSG:3857", "EPSG:4326"), {
       bottomLeft: {
         latitude: e[1],
         longitude: e[0]
@@ -66,75 +58,95 @@ function U({
         longitude: e[2]
       }
     };
-  }, B = (e) => t.current.forEachFeatureAtPixel(
-    e,
-    function(r) {
-      return r;
-    }
-  ), s = (e, r = 12, o = [0, 0, 0, 0]) => {
+  }, M = (e, r) => {
+    if (!t.current) return;
+    const n = t.current.getSize();
+    if (!(!n || n[0] <= 0 || n[1] <= 0))
+      try {
+        return t.current.forEachFeatureAtPixel(
+          e,
+          function(c) {
+            return c;
+          },
+          { hitTolerance: r }
+        );
+      } catch (c) {
+        if (c instanceof RangeError) return;
+        throw c;
+      }
+  }, l = (e, r = 12, n = [0, 0, 0, 0]) => {
     t.current.getView().fit(e, {
       minResolution: r,
-      padding: o
+      padding: n
     });
-  };
-  return {
+  }, b = (e, r = [0, 0, 0, 0]) => {
+    const n = e.getGeometry();
+    if (n) {
+      const c = n.getExtent();
+      l(c, 12, r);
+    }
+  }, _ = (e) => {
+    t.current.getView().setCenter(e);
+  }, j = () => {
+    t.current.updateSize();
+  }, k = () => {
+    t.current.getView().animate({
+      zoom: t.current.getView().getZoom() + 1,
+      duration: 250
+    });
+  }, q = () => {
+    t.current.getView().animate({
+      zoom: t.current.getView().getZoom() - 1,
+      duration: 250
+    });
+  }, D = (e) => t.current.getCoordinateFromPixel(e), H = (e) => t.current.getPixelFromCoordinate(e), J = () => t.current.getSize(), K = () => i().getResolution(), N = (e) => i().getResolutionForZoom(e);
+  return a.useEffect(() => {
+    const e = setTimeout(y, 50);
+    return () => {
+      e ? clearTimeout(e) : L();
+    };
+  }, []), a.useEffect(() => (u.length > 0 && t.current && t.current.setLayers(u), () => {
+  }), [u]), {
     refs: {
       map: t,
-      mapContainer: m
+      mapContainer: f
     },
     action: {
-      addInteraction: F,
-      addLayer: f,
-      centerToExtent: s,
-      centerToFeature: (e, r = [0, 0, 0, 0]) => {
-        const o = e.getGeometry();
-        if (o) {
-          const M = o.getExtent();
-          s(M, 12, r);
-        }
-      },
-      forEachFeatureAtPixel: B,
-      getAllLayers: z,
-      getBoundingBox: h,
-      getCoordinateFromPixel: (e) => t.current.getCoordinateFromPixel(e),
-      getEventCoordinate: Z,
-      getEventPixel: T,
-      getLayerGroup: w,
-      getLayers: V,
-      getSize: () => t.current.getSize(),
-      getView: A,
-      getZoomLevel: p,
-      insertLayerAt: E,
-      on: I,
-      removeInteraction: G,
+      addInteraction: S,
+      addLayer: w,
+      centerToExtent: l,
+      centerToFeature: b,
+      forEachFeatureAtPixel: M,
+      getAllLayers: P,
+      getBoundingBox: B,
+      getCoordinateFromPixel: D,
+      getEventCoordinate: T,
+      getEventPixel: I,
+      getLayerGroup: p,
+      getLayers: C,
+      getPixelFromCoordinate: H,
+      getResolution: K,
+      getResolutionForZoom: N,
+      getSize: J,
+      getView: i,
+      getZoomLevel: F,
+      insertLayerAt: z,
+      on: A,
+      removeInteraction: h,
       removeLayer: O,
-      setLayerGroup: P,
-      setLayers: S,
-      setCenter: (e) => {
-        t.current.getView().setCenter(e);
-      },
-      setZoomLevel: C,
-      addOverlay: v,
-      updateSize: () => {
-        t.current.updateSize();
-      },
-      zoomIn: () => {
-        t.current.getView().animate({
-          zoom: t.current.getView().getZoom() + 1,
-          duration: 250
-        });
-      },
-      zoomOut: () => {
-        t.current.getView().animate({
-          zoom: t.current.getView().getZoom() - 1,
-          duration: 250
-        });
-      },
-      removeOverlay: L,
-      removeOverlayById: x
+      setLayerGroup: Z,
+      setLayers: G,
+      setCenter: _,
+      setZoomLevel: R,
+      addOverlay: x,
+      updateSize: j,
+      zoomIn: k,
+      zoomOut: q,
+      removeOverlay: E,
+      removeOverlayById: V
     }
   };
 }
 export {
-  U as default
+  $ as default
 };

package/dist/components/map/styled.js

@@ -1,14 +1,22 @@
-import { S as c, F as t, a, C as i, I as r, T as f } from "../../Text-Cl1H4b0h.js";
-import { c as w } from "../../createStyled-BGx1I94c.js";
-const d = w(), s = 0.4, g = d("div")(
-  ({ theme: n, cssPosition: o = "absolute" }) => ({
-    position: o,
-    width: "100%",
-    height: "100%",
-    // minHeight: 500,
-    backgroundColor: n.palette.background.paper
-  })
-), p = new c({
+import { styled as f } from "@mui/system";
+import { S as r, F as t, a, C as s, I as c, T as d } from "../../Text-ChJRuaD8.js";
+const i = 0.4, g = f("div")(({ theme: o, cssPosition: n = "absolute" }) => ({
+  position: n,
+  width: "100%",
+  height: "100%",
+  // minHeight: 500,
+  backgroundColor: o.palette.background.paper,
+  "& .ol-zoom": {
+    backgroundColor: "transparent",
+    "& button": {
+      borderRadius: "50%",
+      fontSize: 20,
+      width: 34,
+      height: 34,
+      marginTop: 3
+    }
+  }
+})), p = new r({
   fill: new t({
     color: "rgba(255, 255, 255, 0.2)"
   }),
@@ -16,13 +24,13 @@ const d = w(), s = 0.4, g = d("div")(
     color: "#2daae1",
     width: 2
   }),
-  image: new i({
+  image: new s({
     radius: 7,
     fill: new t({
       color: "#2daae1"
     })
   })
-}), S = new c({
+}), w = new r({
   fill: new t({
     color: "rgba(255, 255, 255, 0.4)"
   }),
@@ -30,35 +38,35 @@ const d = w(), s = 0.4, g = d("div")(
     color: "#0f70b7",
     width: 2
   }),
-  image: new i({
+  image: new s({
     radius: 7,
     fill: new t({
       color: "#0f70b7"
     })
   })
-}), m = (n) => {
-  const o = n.get("icon");
-  if (o)
-    return new c({
-      image: new r({
+}), b = (o) => {
+  const n = o.get("icon");
+  if (n)
+    return new r({
+      image: new c({
         anchor: [0.5, 0.5],
-        src: o,
-        scale: s
+        src: n,
+        scale: i
       }),
       zIndex: 2
     });
-  const e = n.get("features");
+  const e = o.get("features");
   if (e) {
     const l = e.length > 1 ? e[0].get("clusterIcon") : e[0].get("icon");
     if (l)
-      return new c({
-        image: new r({
+      return new r({
+        image: new c({
           anchor: [0.5, 0.5],
           src: l,
-          scale: s
+          scale: i
         }),
         ...e.length > 1 && {
-          text: new f({
+          text: new d({
             text: e.length.toString(),
             font: "14px sans-serif",
             fill: new t({
@@ -69,13 +77,13 @@ const d = w(), s = 0.4, g = d("div")(
         zIndex: 2
       });
   }
-  return S;
-}, b = {
+  return w;
+}, m = {
   Container: g
 };
 export {
-  b as default,
+  m as default,
   p as defaultStyle,
-  m as selectStyleFunction,
-  S as selectedStyle
+  b as selectStyleFunction,
+  w as selectedStyle
 };