@hybridcore/ui 1.3.6 → 1.4.0

package/dist/components/geometry-picker/index.js

@@ -1,131 +1,135 @@
-import { jsxs as i, Fragment as m, jsx as o } from "react/jsx-runtime";
-import { AddLocationOutlined as u, DrawOutlined as C, LayersOutlined as a, EditOutlined as f, DeleteOutline as D } from "@mui/icons-material";
-import { Container as I, Actions as A, Button as l } from "./styled.js";
-import S from "./logic.js";
+import { jsx as o, jsxs as i, Fragment as s } from "react/jsx-runtime";
+import { EditOutlined as f, DeleteOutline as D, AddLocationOutlined as I, DrawOutlined as A, LayersOutlined as p } from "@mui/icons-material";
+import { Container as O, Actions as S, Button as d } from "./styled.js";
+import y from "./logic.js";
 import k from "./coordinate/index.js";
-import O from "./edit/index.js";
-import y from "./geometry/index.js";
-import b from "./kml/index.js";
-import g from "./wkt/index.js";
-import { IconButton as s, Dialog as E, DialogTitle as W, DialogContent as K } from "@mui/material";
-import { F as L, I as z } from "../../FormControl-BMRUQKHh.js";
-import { I as G } from "../../Input-Dxzguyp5.js";
-import { I as w } from "../../InputAdornment-B8ERE7Zv.js";
-const Q = ({
+import E from "./edit/index.js";
+import b from "./geometry/index.js";
+import g from "./kml/index.js";
+import W from "./wkt/index.js";
+import { IconButton as u, OutlinedInput as K, FilledInput as L, Dialog as z, DialogTitle as F, DialogContent as G } from "@mui/material";
+import { I as w } from "../../InputAdornment-CZUPEeia.js";
+import { F as B, I as M } from "../../InputLabel-CWkW8NtU.js";
+import { I as T } from "../../Input-CmCkXczh.js";
+const Z = ({
   label: c,
-  mapboxAccessToken: r,
+  mapboxAccessToken: l,
   value: e = "",
-  disableAddCoordinate: p = !1,
-  defaultExtent: d,
-  onChange: h
+  disableAddCoordinate: h = !1,
+  defaultExtent: a,
+  variant: r = "outlined",
+  onChange: C
 }) => {
-  const { state: t, action: n } = S({
+  const { state: t, action: n } = y({
     label: c,
     value: e,
-    mapboxAccessToken: r,
-    onChange: h
-  });
-  return /* @__PURE__ */ i(m, { children: [
-    /* @__PURE__ */ i(I, { children: [
-      /* @__PURE__ */ i(A, { children: [
-        p === !1 && /* @__PURE__ */ o(
-          l,
+    mapboxAccessToken: l,
+    onChange: C
+  }), m = /* @__PURE__ */ o(w, { position: "end", children: e !== "" && /* @__PURE__ */ i(s, { children: [
+    /* @__PURE__ */ o(u, { size: "small", onClick: n.onEdit, children: /* @__PURE__ */ o(f, { fontSize: "small" }) }),
+    /* @__PURE__ */ o(u, { size: "small", onClick: n.onDelete, children: /* @__PURE__ */ o(D, { fontSize: "small" }) })
+  ] }) });
+  return /* @__PURE__ */ i(s, { children: [
+    /* @__PURE__ */ i(O, { children: [
+      /* @__PURE__ */ i(S, { variant: r, children: [
+        h === !1 && /* @__PURE__ */ o(
+          d,
           {
             color: "inherit",
-            startIcon: /* @__PURE__ */ o(u, {}),
+            startIcon: /* @__PURE__ */ o(I, {}),
             onClick: n.onAddCoordinate,
             children: "Add Coordinate"
           }
         ),
         /* @__PURE__ */ o(
-          l,
+          d,
           {
             color: "inherit",
-            startIcon: /* @__PURE__ */ o(C, {}),
+            startIcon: /* @__PURE__ */ o(A, {}),
             onClick: n.onDraw,
             children: "Draw"
           }
         ),
         /* @__PURE__ */ o(
-          l,
+          d,
           {
             color: "inherit",
-            startIcon: /* @__PURE__ */ o(a, {}),
+            startIcon: /* @__PURE__ */ o(p, {}),
             onClick: n.onAddKml,
             children: "Add KML"
           }
         ),
         /* @__PURE__ */ o(
-          l,
+          d,
           {
             color: "inherit",
-            startIcon: /* @__PURE__ */ o(a, {}),
+            startIcon: /* @__PURE__ */ o(p, {}),
             onClick: n.onAddWkt,
             children: "Add WKT"
           }
         )
       ] }),
       /* @__PURE__ */ i(
-        L,
+        B,
         {
           fullWidth: !0,
-          variant: "standard",
+          variant: r,
           contentEditable: !1,
           onClick: n.onClick,
           children: [
-            /* @__PURE__ */ o(z, { shrink: !0, children: c }),
-            /* @__PURE__ */ o(
-              G,
+            /* @__PURE__ */ o(M, { children: c }),
+            r === "standard" && /* @__PURE__ */ o(T, { value: e, readOnly: !0, endAdornment: m }),
+            r === "outlined" && /* @__PURE__ */ o(
+              K,
               {
+                label: c,
                 value: e,
                 readOnly: !0,
-                endAdornment: /* @__PURE__ */ o(w, { position: "end", children: e !== "" && /* @__PURE__ */ i(m, { children: [
-                  /* @__PURE__ */ o(s, { size: "small", onClick: n.onEdit, children: /* @__PURE__ */ o(f, { fontSize: "small" }) }),
-                  /* @__PURE__ */ o(s, { size: "small", onClick: n.onDelete, children: /* @__PURE__ */ o(D, { fontSize: "small" }) })
-                ] }) })
+                endAdornment: m
               }
-            )
+            ),
+            r === "filled" && /* @__PURE__ */ o(L, { value: e, readOnly: !0, endAdornment: m })
           ]
         }
       )
     ] }),
     /* @__PURE__ */ i(
-      E,
+      z,
       {
         open: t.modal.isOpen,
         onClose: n.modal.close,
         fullWidth: !0,
         maxWidth: "md",
         children: [
-          /* @__PURE__ */ o(W, { children: t.content.title }),
-          /* @__PURE__ */ i(K, { children: [
+          /* @__PURE__ */ o(F, { children: t.content.title }),
+          /* @__PURE__ */ i(G, { children: [
             t.content.action === "ADD" && t.content.type === "COORDINATE" && /* @__PURE__ */ o(
               k,
               {
-                mapboxAccessToken: r,
-                defaultExtent: d,
+                mapboxAccessToken: l,
+                defaultExtent: a,
                 onCancel: n.modal.close,
                 onSubmit: n.onSubmit
               }
             ),
             t.content.action === "ADD" && t.content.type === "GEOMETRY" && /* @__PURE__ */ o(
-              y,
+              b,
               {
                 mapId: "map-geo-picker-001",
-                mapboxAccessToken: r,
-                defaultExtent: d,
+                mapboxAccessToken: l,
+                defaultExtent: a,
                 onCancel: n.modal.close,
                 onSubmit: n.onSubmit
               }
             ),
-            t.content.action === "ADD" && t.content.type === "KML" && /* @__PURE__ */ o(b, { onCancel: n.modal.close, onSubmit: n.onSubmit }),
-            t.content.action === "ADD" && t.content.type === "WKT" && /* @__PURE__ */ o(g, { onCancel: n.modal.close, onSubmit: n.onSubmit }),
+            t.content.action === "ADD" && t.content.type === "KML" && /* @__PURE__ */ o(g, { onCancel: n.modal.close, onSubmit: n.onSubmit }),
+            t.content.action === "ADD" && t.content.type === "WKT" && /* @__PURE__ */ o(W, { onCancel: n.modal.close, onSubmit: n.onSubmit }),
             t.content.action === "EDIT" && !!e && /* @__PURE__ */ o(
-              O,
+              E,
               {
                 mapId: "map-geo-edit-001",
                 value: e,
-                mapboxAccessToken: r,
+                mapboxAccessToken: l,
                 onCancel: n.modal.close,
                 onSubmit: n.onSubmit
               }
@@ -137,5 +141,5 @@ const Q = ({
   ] });
 };
 export {
-  Q as GeometryPicker
+  Z as GeometryPicker
 };

package/dist/components/geometry-picker/kml/index.js

@@ -1,28 +1,28 @@
-import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import { useState as i, useEffect as b } from "react";
 import k from "./select-input-method.js";
-import { Box as c, TextField as M, Button as d } from "@mui/material";
+import { Box as d, TextField as M, Button as m } from "@mui/material";
 import { validate as C } from "../../map/helpers/kml.js";
-import { b as L, c as T } from "../../../ol-BUKJ1urU.js";
-function W({ onCancel: m, onSubmit: a }) {
-  const [t, l] = i(), [o, f] = i(), [s, n] = i(), p = (e) => {
+import { b as L, c as T } from "../../../ol-CHaVTXvL.js";
+function W({ onCancel: f, onSubmit: a }) {
+  const [t, l] = i(), [o, p] = i(), [s, n] = i(), h = (e) => {
     l(e);
-  }, h = (e) => {
+  }, v = (e) => {
     l(e.target.value);
-  }, v = () => {
+  }, u = () => {
     if (t && t.trim().length > 0)
       if (C(t)) {
         const e = L(t);
         if (e) {
           const K = T({ features: e });
-          f(K), n(void 0);
+          p(K), n(void 0);
         } else n("Error in KML data!");
       } else n("Error in KML data!");
   }, x = () => {
     a && o && a(o);
   };
-  return b(() => (v(), () => {
-  }), [t]), t === void 0 ? /* @__PURE__ */ r(k, { onSubmit: p }) : /* @__PURE__ */ u(c, { pt: 1, children: [
+  return b(() => (u(), () => {
+  }), [t, u]), t === void 0 ? /* @__PURE__ */ r(k, { onSubmit: h }) : /* @__PURE__ */ c(d, { pt: 1, children: [
     /* @__PURE__ */ r(
       M,
       {
@@ -35,17 +35,17 @@ function W({ onCancel: m, onSubmit: a }) {
         value: t,
         autoFocus: !0,
         InputLabelProps: { shrink: !0 },
-        onChange: h,
+        onChange: v,
         ...s !== void 0 && {
           error: !0,
           helperText: s
         }
       }
     ),
-    /* @__PURE__ */ u(c, { display: "flex", justifyContent: "space-between", mt: 3, children: [
-      /* @__PURE__ */ r(d, { color: "primary", onClick: m, children: "Cancel" }),
+    /* @__PURE__ */ c(d, { display: "flex", justifyContent: "space-between", mt: 3, children: [
+      /* @__PURE__ */ r(m, { color: "primary", onClick: f, children: "Cancel" }),
       /* @__PURE__ */ r(
-        d,
+        m,
         {
           color: "primary",
           variant: "contained",

package/dist/components/geometry-picker/map/index.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import n from "react";
-import { O as u } from "../../../index-JrtqxUdI.js";
+import { O as u } from "../../../index-DlnzUkwe.js";
 import d from "./logic.js";
 import { Box as m } from "@mui/material";
 import { ContextMenu as p } from "../../context-menu/index.js";

package/dist/components/geometry-picker/map/logic.js

@@ -1,10 +1,10 @@
 import k from "react";
 import { createMapboxLayer as Xe } from "../../map/helpers/mapbox.js";
-import { I as $e, s as ke, n as ge, e as ve, C as fe, f as v, V as se, F as L, P as me, p as Ze, h as Je, i as _e, R as Ge, j as ye, k as Q, M as D, l as Qe, m as ze, o as et, q as tt, L as J, r as it, t as Ie, u as Re, G as st, v as nt, b as Fe, a as rt } from "../../../ol-BUKJ1urU.js";
+import { I as $e, s as ke, n as ge, f as ve, C as fe, h as v, V as se, F as L, P as me, p as Ze, i as Je, j as _e, R as Ge, k as ye, l as Q, M as D, m as Qe, o as ze, q as et, r as tt, L as J, t as it, u as Ie, v as Re, G as st, w as nt, b as Fe, a as rt } from "../../../ol-CHaVTXvL.js";
 import { T as z, g as F, d as ot, q as Te, a as ne, E as ee, f as at, F as Ae, x as ht, r as be, i as ct, l as q, u as oe } from "../../../has-CjQtZJa9.js";
 import { O as xe } from "../../../Text-D6oGbCdi.js";
 import { defaultStyle as lt, selectStyleFunction as dt, markerStyle as ut } from "./style.js";
-import { G as E, ax as ae, ac as U, aL as te, k as C, aM as I, h as ie, T as gt, aI as Oe, ay as Ne, aN as R, aO as Ve, aP as ft, aQ as Se, P as je, J as _t, aR as mt, aK as yt } from "../../../Source-Hf_SiWEW.js";
+import { G as w, ax as ae, ac as U, aL as te, k as C, aM as I, h as ie, T as gt, aI as Oe, ay as Ne, aN as R, aO as Ve, aP as ft, aQ as Se, P as je, J as _t, aR as mt, aK as yt } from "../../../Source-Hf_SiWEW.js";
 import { alert as xt } from "../../confirm/index.js";
 const pt = {
   /**
@@ -244,7 +244,7 @@ function Ft() {
     return e.getGeometry() ? l[e.getGeometry().getType()] : null;
   };
 }
-const Pe = 0, K = 1, Ee = [0, 0, 0, 0], N = [], he = {
+const Pe = 0, K = 1, we = [0, 0, 0, 0], N = [], he = {
   /**
    * Triggered upon feature modification start
    * @event ModifyEvent#modifystart
@@ -499,7 +499,7 @@ class Tt extends me {
         index: i,
         segment: r
       };
-      this.rBush_.insert(E(r), o);
+      this.rBush_.insert(w(r), o);
     }
   }
   /**
@@ -519,7 +519,7 @@ class Tt extends me {
           index: o,
           segment: h
         };
-        this.rBush_.insert(E(h), c);
+        this.rBush_.insert(w(h), c);
       }
     }
   }
@@ -540,7 +540,7 @@ class Tt extends me {
           index: o,
           segment: h
         };
-        this.rBush_.insert(E(h), c);
+        this.rBush_.insert(w(h), c);
       }
     }
   }
@@ -563,7 +563,7 @@ class Tt extends me {
             index: c,
             segment: g
           };
-          this.rBush_.insert(E(g), u);
+          this.rBush_.insert(w(g), u);
         }
       }
     }
@@ -702,7 +702,7 @@ class Tt extends me {
     const s = this.vertexFeature_;
     if (s) {
       e.map.getView().getProjection();
-      const i = [], n = s.getGeometry().getCoordinates(), r = E([n]), o = this.rBush_.getInExtent(r), a = {};
+      const i = [], n = s.getGeometry().getCoordinates(), r = w([n]), o = this.rBush_.getInExtent(r), a = {};
       o.sort(St);
       for (let h = 0, c = o.length; h < c; ++h) {
         const d = o[h], g = d.segment;
@@ -763,7 +763,7 @@ class Tt extends me {
           o
         );
       } else
-        this.rBush_.update(E(s.segment), s);
+        this.rBush_.update(w(s.segment), s);
     }
     return this.featuresBeingModified_ && (this.dispatchEvent(
       new ce(
@@ -790,7 +790,7 @@ class Tt extends me {
     const i = s || t.getCoordinateFromPixel(e);
     t.getView().getProjection();
     const n = function(a, h) {
-      return we(i, a) - we(i, h);
+      return Ee(i, a) - Ee(i, h);
     };
     let r, o;
     if (this.hitDetection_) {
@@ -824,9 +824,9 @@ class Tt extends me {
     }
     if (!r) {
       const a = gt(
-        ae(i, Ee)
+        ae(i, we)
       ), h = t.getView().getResolution() * this.pixelTolerance_, c = Oe(
-        Ne(a, h, Ee)
+        Ne(a, h, we)
       );
       r = this.rBush_.getInExtent(c);
     }
@@ -903,7 +903,7 @@ class Tt extends me {
       depth: r,
       index: o
     };
-    h.insert(E(c.segment), c), this.dragSegments_.push([c, 1]);
+    h.insert(w(c.segment), c), this.dragSegments_.push([c, 1]);
     const d = {
       segment: [t, s[1]],
       feature: i,
@@ -911,7 +911,7 @@ class Tt extends me {
       depth: r,
       index: o + 1
     };
-    h.insert(E(d.segment), d), this.dragSegments_.push([d, 0]), this.ignoreNextSingleClick_ = !0;
+    h.insert(w(d.segment), d), this.dragSegments_.push([d, 0]), this.ignoreNextSingleClick_ = !0;
   }
   /**
    * Removes the vertex currently being pointed.
@@ -969,7 +969,7 @@ class Tt extends me {
             segment: _
           };
           this.rBush_.insert(
-            E(x.segment),
+            w(x.segment),
             x
           );
         }
@@ -1005,7 +1005,7 @@ class Tt extends me {
 function St(l, e) {
   return l.index - e.index;
 }
-function we(l, e, t) {
+function Ee(l, e, t) {
   const s = e.geometry;
   if (s.getType() === "Circle") {
     let n = (
@@ -1072,7 +1072,7 @@ class Y extends ne {
     super(e), this.feature = t;
   }
 }
-function Et(l, e) {
+function wt(l, e) {
   const t = [];
   for (let s = 0; s < e.length; ++s) {
     const n = e[s].getGeometry();
@@ -1144,7 +1144,7 @@ function Be(l, e, t) {
   }
 }
 const le = { index: -1, endIndex: NaN };
-function wt(l, e, t, s) {
+function Et(l, e, t, s) {
   const i = l[0], n = l[1];
   let r = 1 / 0, o = -1, a = NaN;
   for (let d = 0; d < e.targets.length; ++d) {
@@ -1350,10 +1350,10 @@ class Dt extends me {
     ]), i = t.getCoordinateFromPixel([
       e.pixel[0] + this.snapTolerance_,
       e.pixel[1] - this.snapTolerance_
-    ]), n = E([s, i]), r = this.traceSource_.getFeaturesInExtent(n);
+    ]), n = w([s, i]), r = this.traceSource_.getFeaturesInExtent(n);
     if (r.length === 0)
       return;
-    const o = Et(e.coordinate, r);
+    const o = wt(e.coordinate, r);
     o.length && (this.traceState_ = {
       active: !0,
       startPx: e.pixel.slice(),
@@ -1424,7 +1424,7 @@ class Dt extends me {
     const t = this.traceState_;
     if (!t.active || t.targetIndex === -1 && te(t.startPx, e.pixel) < this.snapTolerance_)
       return;
-    const s = wt(
+    const s = Et(
       e.coordinate,
       t,
       this.getMap(),
@@ -1869,12 +1869,12 @@ class Gt extends me {
           []
         );
         if (n(r, i), r.length === 1)
-          this.rBush_.insert(E(r[0]), {
+          this.rBush_.insert(w(r[0]), {
             feature: e,
             segment: r[0]
           });
         else if (r.length > 1) {
-          const o = r.map((h) => E(h)), a = r.map((h) => ({
+          const o = r.map((h) => w(h)), a = r.map((h) => ({
             feature: e,
             segment: h
           }));
@@ -2020,7 +2020,7 @@ class Gt extends me {
     s.getView().getProjection();
     const i = C(t), n = Oe(
       Ne(
-        E([i]),
+        w([i]),
         s.getView().getResolution() * this.pixelTolerance_
       )
     ), r = this.rBush_.getInExtent(n), o = r.length;
@@ -2181,12 +2181,13 @@ class Gt extends me {
     }
   }
 }
-let Le = null, w = new ye(), P = {
+let Le = null;
+const E = new ye(), P = {
   layer: new se({
-    source: w,
+    source: E,
     style: lt
   }),
-  modify: new Tt({ source: w }),
+  modify: new Tt({ source: E }),
   draw: null,
   snap: null,
   select: new pe({
@@ -2239,7 +2240,7 @@ function qt(l) {
     var m;
     (m = e.current) == null || m.addInteraction(P.modify), P.modify.on("modifyend", () => {
       setTimeout(() => {
-        l.onDrawEnd && l.onDrawEnd(w.getFeatures());
+        l.onDrawEnd && l.onDrawEnd(E.getFeatures());
       }, 250), p();
     });
   }, _ = async () => {
@@ -2262,7 +2263,7 @@ function qt(l) {
                     A.forEach(
                       (Ye) => G(Ye)
                     ), j(), setTimeout(() => {
-                      l.onDrawEnd && l.onDrawEnd(w.getFeatures());
+                      l.onDrawEnd && l.onDrawEnd(E.getFeatures());
                     }, 250);
                   }
                 }
@@ -2282,12 +2283,12 @@ function qt(l) {
     var B, A;
     p();
     const y = new Dt({
-      source: w,
+      source: E,
       type: m
-    }), S = new Gt({ source: w });
+    }), S = new Gt({ source: E });
     y.on("drawend", () => {
       setTimeout(() => {
-        l.onDrawEnd && l.onDrawEnd(w.getFeatures());
+        l.onDrawEnd && l.onDrawEnd(E.getFeatures());
       }, 250), p(), s("Pointer");
     }), P.draw = y, P.snap = S, (B = e.current) == null || B.addInteraction(y), (A = e.current) == null || A.addInteraction(S);
   }, p = () => {
@@ -2295,14 +2296,14 @@ function qt(l) {
     P.draw && ((m = e.current) == null || m.removeInteraction(P.draw)), P.snap && ((y = e.current) == null || y.removeInteraction(P.snap));
   }, T = (m) => {
     const y = Fe(m);
-    y && w.addFeatures(y);
+    y && E.addFeatures(y);
   }, M = (m) => {
     const y = rt(m, ut);
-    y && w.addFeatures(y);
+    y && E.addFeatures(y);
   }, V = () => {
-    w.clear();
+    E.clear();
   }, G = (m) => {
-    w.removeFeature(m);
+    E.removeFeature(m);
   }, j = () => {
     o({
       open: !1,
@@ -2313,7 +2314,7 @@ function qt(l) {
   }, Ue = (m) => {
     var S;
     const y = Fe(m);
-    y ? (re(), w.addFeatures(y), (S = e.current) == null || S.centerToFeature(y[0]), l.onDrawEnd && l.onDrawEnd(y)) : xt("Error!", "Feature(s) could not be loaded! Check your KML data!");
+    y ? (re(), E.addFeatures(y), (S = e.current) == null || S.centerToFeature(y[0]), l.onDrawEnd && l.onDrawEnd(y)) : xt("Error!", "Feature(s) could not be loaded! Check your KML data!");
   }, Ke = (m) => {
     var y;
     (y = e.current) == null || y.setCenter(m);