@hybridcore/ui 1.6.11 → 1.6.13

package/dist/components/instance-hierarchy-table/styled.js

@@ -1,10 +1,12 @@
-import { styled as a, Box as n, Typography as o, Chip as r } from "@mui/material";
-import { A as t, a as c, b as i } from "../../AccordionSummary-CJppWeqF.js";
-const s = (e) => e !== "ownerState", l = a(n, {
+import { styled as a, Box as r, Typography as o, Chip as n } from "@mui/material";
+import t from "@mui/material/Accordion";
+import i from "@mui/material/AccordionDetails";
+import c from "@mui/material/AccordionSummary";
+const s = (e) => e !== "ownerState", g = a(r, {
   name: "HCInstanceHierarchyTable",
   slot: "root",
   shouldForwardProp: s
-})({}), p = a(t, {
+})({}), h = a(t, {
   name: "HCInstanceHierarchyTable",
   slot: "accordion"
 })(({ theme: e }) => ({
@@ -12,7 +14,7 @@ const s = (e) => e !== "ownerState", l = a(n, {
   "&:before": {
     display: "none"
   }
-})), g = a(c, {
+})), y = a(c, {
   name: "HCInstanceHierarchyTable",
   slot: "summary"
 })(({ theme: e }) => ({
@@ -25,7 +27,7 @@ const s = (e) => e !== "ownerState", l = a(n, {
     marginLeft: e.spacing(1),
     alignItems: "center"
   }
-})), h = a(i, {
+})), H = a(i, {
   name: "HCInstanceHierarchyTable",
   slot: "details"
 })(({ theme: e }) => ({
@@ -34,19 +36,19 @@ const s = (e) => e !== "ownerState", l = a(n, {
   paddingBottom: 0,
   borderTop: "1px solid rgba(0, 0, 0, .125)",
   background: e.palette.grey[100]
-})), y = a("img", {
+})), b = a("img", {
   name: "HCInstanceHierarchyTable",
   slot: "templateIcon"
 })({
   height: 22,
   maxWidth: 22
-}), H = a(o, {
+}), u = a(o, {
   name: "HCInstanceHierarchyTable",
   slot: "templateName"
 })(({ theme: e }) => ({
   fontWeight: 500,
   marginLeft: e.spacing(2)
-})), b = a(r, {
+})), f = a(n, {
   name: "HCInstanceHierarchyTable",
   slot: "countChip"
 })(({ theme: e }) => ({
@@ -59,12 +61,12 @@ const s = (e) => e !== "ownerState", l = a(n, {
   marginLeft: e.spacing(2)
 }));
 export {
-  p as Accordion,
-  h as AccordionDetails,
-  g as AccordionSummary,
-  b as CountChip,
+  h as Accordion,
+  H as AccordionDetails,
+  y as AccordionSummary,
+  f as CountChip,
   T as HierarchyLabel,
-  l as HierarchyRoot,
-  y as TemplateIcon,
-  H as TemplateName
+  g as HierarchyRoot,
+  b as TemplateIcon,
+  u as TemplateName
 };

package/dist/components/map/helpers/mapbox.js

@@ -1,9 +1,11 @@
 import r from "mapbox-gl";
-import { L as b, a as u, S as y } from "../../../Source-BSZST_GH.js";
-const v = ({ id: n = "map", center: s, style: c, accessToken: i }) => {
-  r.accessToken = i;
+import b from "ol/layer/Layer";
+import { toLonLat as u } from "ol/proj";
+import y from "ol/source/Source";
+const L = ({ id: n = "map", center: s, style: i, accessToken: c }) => {
+  r.accessToken = c;
   const e = new r.Map({
-    style: c,
+    style: i,
     attributionControl: !1,
     boxZoom: !1,
     center: s,
@@ -21,28 +23,28 @@ const v = ({ id: n = "map", center: s, style: c, accessToken: i }) => {
     projection: {
       name: "mercator"
     }
-  }), o = new b({
+  }), t = new b({
     render: function(l) {
-      const a = e.getCanvas(), t = l.viewState, m = o.getVisible();
-      a.style.display = m ? "block" : "none", a.style.position = "absolute";
-      const f = o.getOpacity();
-      a.style.opacity = String(f);
-      const p = t.rotation;
+      const o = e.getCanvas(), a = l.viewState, m = t.getVisible();
+      o.style.display = m ? "block" : "none", o.style.position = "absolute";
+      const f = t.getOpacity();
+      o.style.opacity = String(f);
+      const p = a.rotation;
       return e.jumpTo({
         // @ts-ignore
-        center: u(t.center),
-        zoom: t.zoom - 1,
+        center: u(a.center),
+        zoom: a.zoom - 1,
         bearing: -p * 180 / Math.PI,
         animate: !1
-      }), e._frame && (e._frame.cancel(), e._frame = null), e._render(), a;
+      }), e._frame && (e._frame.cancel(), e._frame = null), e._render(), o;
     },
     source: new y({})
   });
   return {
     map: e,
-    layer: o
+    layer: t
   };
 };
 export {
-  v as createMapboxLayer
+  L as createMapboxLayer
 };

package/dist/components/map/helpers/ol.js

@@ -1,29 +1,388 @@
-import "lodash";
-import "ol";
-import { v as M, x as n, c as T, B as u, E as L, a as k, t as l, z as W, y as f, b as g, w as x, A as y, g as C, d as v, k as E, D as d } from "../../../ol-yOE-NV0X.js";
-import "../../../Source-BSZST_GH.js";
-import "../../../Vector-BmuhQO4p.js";
-import "../../../Vector-DfTqQEln.js";
-import "../styled.js";
-import "./kml.js";
-import "./wkt.js";
-import "../../../WKT-2wsDT-nq.js";
-import "../../../Text-ChJRuaD8.js";
+var b = Object.defineProperty;
+var N = (n, t, e) => t in n ? b(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var m = (n, t, e) => N(n, typeof t != "symbol" ? t + "" : t, e);
+import p from "lodash";
+import { Feature as g } from "ol";
+import { defaults as R } from "ol/control/defaults";
+import { getCenter as T } from "ol/extent";
+import { KML as S, WKT as L } from "ol/format";
+import { Point as P, Circle as I } from "ol/geom";
+import { fromCircle as z } from "ol/geom/Polygon";
+import { defaults as _ } from "ol/interaction/defaults";
+import j from "ol/layer/Tile";
+import v from "ol/layer/Vector";
+import A from "ol/Map";
+import * as w from "ol/proj";
+import E from "ol/source/Cluster";
+import y from "ol/source/Vector";
+import { Style as h, Icon as F, Text as k, Fill as V } from "ol/style";
+import W from "ol/View";
+import { defaultStyle as K, selectStyleFunction as B } from "../styled.js";
+import { getNumberCoordinates as x, validate as M, parse as O, getGeometries as G, findPlacemarkCoordinates as X, build as $ } from "./kml.js";
+import { parse as q, findCoordinate as H } from "./wkt.js";
+const C = {
+  featureProjection: "EPSG:3857",
+  dataProjection: "EPSG:4326"
+};
+class J extends A {
+  constructor() {
+    super(...arguments);
+    m(this, "centerToFeature", (e, r = [0, 0, 0, 0]) => {
+      const s = e.getGeometry();
+      if (s) {
+        const o = s.getExtent();
+        this.centerToExtent(o, 12, r);
+      }
+    });
+    m(this, "getBoundingBox", () => {
+      let e = this.getView().calculateExtent();
+      return e = w.transformExtent(e, "EPSG:3857", "EPSG:4326"), {
+        bottomLeft: {
+          latitude: e[1],
+          longitude: e[0]
+        },
+        topRight: {
+          latitude: e[3],
+          longitude: e[2]
+        }
+      };
+    });
+    m(this, "getResolution", () => this.getView().getResolution());
+    m(this, "getResolutionForZoom", (e) => this.getView().getResolutionForZoom(e));
+    m(this, "getZoomLevel", () => this.getView().getZoom());
+    m(this, "insertLayerAt", (e, r) => {
+      this.getLayers().insertAt(e, r);
+    });
+    m(this, "removeOverlayById", (e) => {
+      const r = this.getOverlayById(e);
+      this.removeOverlay(r);
+    });
+    m(this, "setCenter", (e) => {
+      this.getView().setCenter(e);
+    });
+    m(this, "setZoomLevel", (e) => this.getView().setZoom(e));
+    m(this, "zoomIn", () => {
+      this.getView().animate({
+        zoom: (this.getView().getZoom() ?? 10) + 1,
+        duration: 250
+      });
+    });
+    m(this, "zoomOut", () => {
+      this.getView().animate({
+        zoom: (this.getView().getZoom() ?? 10) - 1,
+        duration: 250
+      });
+    });
+  }
+  centerToExtent(e, r = 12, s = [0, 0, 0, 0]) {
+    this.getView().fit(e, {
+      minResolution: r,
+      padding: s
+    });
+  }
+}
+const he = (n, t, e, r = "map", s = {
+  doubleClickZoom: !0
+}, o = {
+  zoom: !0,
+  zoomOptions: {
+    zoomInLabel: "+",
+    zoomOutLabel: "-",
+    zoomInClassName: "",
+    zoomOutClassName: ""
+  }
+}) => new J({
+  target: r,
+  layers: n,
+  view: new W({
+    center: w.fromLonLat([t.longitude, t.latitude]),
+    zoom: e,
+    extent: w.transformExtent([-178, -88, 178, 88], "EPSG:4326", "EPSG:3857")
+  }),
+  interactions: _(s),
+  controls: R(o)
+}), Fe = (n) => new j({
+  source: n
+}), Se = ({
+  features: n,
+  writeStyles: t = !1,
+  projections: e = C
+}) => {
+  const r = new S({
+    writeStyles: t
+  }), s = [];
+  return n.forEach((c) => {
+    var i;
+    if (((i = c.getGeometry()) == null ? void 0 : i.getType()) === "Circle") {
+      const u = c.getGeometry(), a = new g({
+        geometry: z(u),
+        type: "Circle",
+        center: u.getCenter().join(","),
+        radius: u.getRadius()
+      });
+      a.setStyle(c.getStyle()), s.push(a);
+      return;
+    }
+    s.push(c);
+  }), r.writeFeatures(s, {
+    ...e
+  });
+}, Q = ({
+  features: n,
+  projections: t = C
+}) => {
+  const e = new L(), r = [];
+  return n.forEach((o) => {
+    var c;
+    if (((c = o.getGeometry()) == null ? void 0 : c.getType()) === "Circle") {
+      const i = o.getGeometry(), u = new g({
+        geometry: z(i),
+        type: "Circle",
+        center: i.getCenter().join(","),
+        radius: i.getRadius()
+      });
+      r.push(u);
+      return;
+    }
+    r.push(o);
+  }), e.writeFeatures(r, {
+    ...t
+  });
+}, Z = (n, t, e, r = 0.35) => {
+  p.isArray(n) && n.forEach((i) => Z(i, t, e));
+  const s = x(n.Point.coordinates), o = new g({
+    geometry: new P(w.fromLonLat(s)),
+    icon: t,
+    extraData: e
+  }), c = new h({
+    image: new F({
+      anchor: [0.5, 0.5],
+      src: t,
+      scale: r
+    }),
+    zIndex: 1
+  });
+  return o.setStyle(c), o;
+}, Le = (n, t, e, r = 0.35) => {
+  if (M(n) === !0) {
+    const o = O(n), c = G(o);
+    if (p.has(c, "Placemark"))
+      return Z(c.Placemark, t, e, r);
+  } else return !1;
+}, U = (n, t, e, r, s = 0.35) => {
+  if (M(n) === !0) {
+    const c = O(n), i = G(c);
+    if (p.has(i, "Placemark")) {
+      const u = p.isArray(i.Placemark) ? i.Placemark : [i.Placemark], a = X(u);
+      let l = G(c, ["Point"]);
+      l !== null && (l = $(l));
+      const f = new g({
+        geometry: new P(w.fromLonLat(a)),
+        icon: t,
+        clusterIcon: e,
+        extraData: r,
+        extraGeometries: l
+      }), d = new h({
+        image: new F({
+          anchor: [0.5, 0.5],
+          src: t,
+          scale: s
+        }),
+        zIndex: 1
+      });
+      return f.setStyle(d), [f];
+    }
+    return [];
+  }
+  return [];
+}, Pe = (n, t = "EPSG:4326", e = "EPSG:3857") => {
+  var c;
+  const r = new S().readFeatures(n, {
+    dataProjection: t,
+    featureProjection: e
+  }), o = (c = new y({
+    features: r,
+    format: new S()
+  }).getFeatures()[0].getGeometry()) == null ? void 0 : c.getExtent();
+  return o ? T(o) : !1;
+}, Ce = (n, t, e, r) => {
+  let s = [];
+  if (r.forEach((o) => {
+    o.geometry.forEach((c) => {
+      const i = U(c, o.icon, t, o.data);
+      i && i.length > 0 && (s = [...s, ...i]);
+    });
+  }), s.length > 0) {
+    const o = new y({
+      features: s
+    }), c = new E({
+      distance: 50,
+      source: o,
+      createCluster: function(u, a) {
+        const l = a.length, f = new g({
+          geometry: u,
+          features: a
+        }), d = new h({
+          image: new F({
+            anchor: [0.5, 0.5],
+            src: l === 1 ? a[0].get("icon") : a[0].get("clusterIcon"),
+            scale: e
+          }),
+          ...l > 1 && {
+            text: new k({
+              text: l.toString(),
+              font: "12px sans-serif",
+              fill: new V({
+                color: "#fff"
+              })
+            })
+          },
+          zIndex: 1
+        });
+        return f.setStyle(d), f;
+      }
+    });
+    return new v({
+      source: c
+    });
+  }
+  return !1;
+}, Ge = (n, t) => {
+  var s;
+  const r = (s = new y({
+    format: new S({
+      writeStyles: t
+    }),
+    wrapX: !1
+  }).getFormat()) == null ? void 0 : s.readFeatures(n, {
+    ...C
+  });
+  return r && r.length > 0 ? r.map((c) => {
+    const { type: i, center: u, radius: a } = c.getProperties();
+    if (i === "Circle") {
+      const l = x(u);
+      c.setGeometry(new I(l, Number(a)));
+    }
+    return t || c.setStyle(K), c;
+  }) : !1;
+}, Y = (n, t, e, r, s = 0.35) => {
+  let o = q(n);
+  if (o) {
+    p.isArray(o) && (o = o[0]);
+    const c = H(o);
+    let i = null;
+    o.type !== "Point" && (i = n);
+    const u = new g({
+      type: "INSTANCE",
+      geometry: new P(w.fromLonLat(c)),
+      icon: t,
+      clusterIcon: e,
+      extraData: r,
+      extraGeometries: i
+    });
+    r != null && r.id && u.setId(r.id);
+    const a = new h({
+      image: new F({
+        anchor: [0.5, 0.5],
+        src: t,
+        scale: s,
+        crossOrigin: "anonymous"
+      }),
+      zIndex: 1
+    });
+    return u.setStyle(a), [u];
+  }
+  return [];
+}, xe = (n, t, e, r) => {
+  let s = [];
+  if (r.forEach((o) => {
+    o.geometry.forEach((c) => {
+      const i = Y(c, o.icon, t, o.data);
+      i && i.length > 0 && (s = [...s, ...i]);
+    });
+  }), s.length > 0) {
+    const o = new y({
+      features: s
+    }), c = new E({
+      distance: 50,
+      source: o,
+      createCluster: function(u, a) {
+        const l = a.length, f = new g({
+          geometry: u,
+          features: a
+        }), d = new h({
+          image: new F({
+            anchor: [0.5, 0.5],
+            src: l === 1 ? a[0].get("icon") : a[0].get("clusterIcon"),
+            scale: e
+          }),
+          ...l > 1 && {
+            text: new k({
+              text: l.toString(),
+              font: "12px sans-serif",
+              fill: new V({
+                color: "#fff"
+              })
+            })
+          },
+          zIndex: 1
+        });
+        return f.setStyle(d), f;
+      }
+    });
+    return new v({
+      source: c,
+      style: B
+    });
+  }
+  return !1;
+}, Te = (n, t, e = K) => {
+  var o;
+  const s = (o = new y({
+    format: new L(),
+    wrapX: !1
+  }).getFormat()) == null ? void 0 : o.readFeatures(n, {
+    ...C
+  });
+  return s && s.length > 0 ? s.map((i) => {
+    const { type: u, center: a, radius: l } = i.getProperties();
+    if (u === "Circle") {
+      const f = x(a);
+      i.setGeometry(new I(f, Number(l)));
+    }
+    return i.setStyle(e), i.set("extraData", t), t != null && t.id && i.setId(t.id), i;
+  }) : !1;
+}, Ie = (n, t = "EPSG:4326", e = "EPSG:3857") => {
+  var c;
+  const r = new L().readFeatures(n, {
+    dataProjection: t,
+    featureProjection: e
+  });
+  return (c = new y({
+    features: r,
+    format: new L()
+  }).getFeatures()[0].getGeometry()) == null ? void 0 : c.getExtent();
+}, ze = (n) => {
+  const t = T(n), e = new g({
+    geometry: new P(t)
+  });
+  return Q({ features: [e] });
+};
 export {
-  M as MyMap,
-  n as convertFeaturesToKML,
-  T as convertFeaturesToWKT,
-  u as createClusterFromKMLMarkers,
-  L as createClusterFromWKTMarkers,
-  k as createFeaturesFromKML,
-  l as createFeaturesFromWKT,
-  W as createKMLFeature,
-  f as createKMLPlacemark,
-  g as createMap,
-  x as createTileLayer,
-  y as findCenterOfKMLPolygon,
-  C as getWKTCenterOfExtent,
-  v as getWKTExtent,
-  E as kmlToIconFeatures,
-  d as wktToIconFeatures
+  J as MyMap,
+  Se as convertFeaturesToKML,
+  Q as convertFeaturesToWKT,
+  Ce as createClusterFromKMLMarkers,
+  xe as createClusterFromWKTMarkers,
+  Ge as createFeaturesFromKML,
+  Te as createFeaturesFromWKT,
+  Le as createKMLFeature,
+  Z as createKMLPlacemark,
+  he as createMap,
+  Fe as createTileLayer,
+  Pe as findCenterOfKMLPolygon,
+  ze as getWKTCenterOfExtent,
+  Ie as getWKTExtent,
+  U as kmlToIconFeatures,
+  Y as wktToIconFeatures
 };

package/dist/components/map/index.js

@@ -1,30 +1,31 @@
-import { jsx as r } from "react/jsx-runtime";
-import e from "react";
+import { jsx as n } from "react/jsx-runtime";
+import t from "react";
 import f from "./logic.js";
 import a from "./styled.js";
-import '../../assets/index.css';const p = (o, i) => {
-  var t, n;
+import "ol/ol.css";
+const p = (o, i) => {
+  var e, r;
   const { refs: s, action: m } = f(o);
-  return e.useImperativeHandle(i, () => m), /* @__PURE__ */ r(
+  return t.useImperativeHandle(i, () => m), /* @__PURE__ */ n(
     a.Container,
     {
       sx: {
         // position: 'relative',
-        cursor: ((t = o.options) == null ? void 0 : t.cursor) || "default"
+        cursor: ((e = o.options) == null ? void 0 : e.cursor) || "default"
       },
-      children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ n(
         a.Container,
         {
           id: o.id || "map",
           ref: s.mapContainer,
-          cssPosition: (n = o.options) == null ? void 0 : n.cssPosition,
+          cssPosition: (r = o.options) == null ? void 0 : r.cssPosition,
           onContextMenu: (c) => c.preventDefault(),
           className: "map"
         }
       )
     }
   );
-}, x = e.memo(e.forwardRef(p));
+}, C = t.memo(t.forwardRef(p));
 export {
-  x as Map
+  C as Map
 };