@hybridcore/ui 1.3.6 → 1.4.0

package/dist/components/geometry-picker/parser/coordinate-input/logic.js

@@ -399,11 +399,11 @@ class $ {
    */
   rotateAround(t, n) {
     if (!(t instanceof $)) throw new TypeError("axis is not Vector3d object");
-    const s = n.toRadians(), e = this.unit(), i = t.unit(), r = Math.sin(s), a = Math.cos(s), o = 1 - a, f = i.x, c = i.y, u = i.z, w = [
+    const s = n.toRadians(), e = this.unit(), i = t.unit(), r = Math.sin(s), a = Math.cos(s), o = 1 - a, p = i.x, u = i.y, d = i.z, w = [
       // rotation matrix for rotation about supplied axis
-      [o * f * f + a, o * f * c - r * u, o * f * u + r * c],
-      [o * f * c + r * u, o * c * c + a, o * c * u - r * f],
-      [o * f * u - r * c, o * c * u + r * f, o * u * u + a]
+      [o * p * p + a, o * p * u - r * d, o * p * d + r * u],
+      [o * p * u + r * d, o * u * u + a, o * u * d - r * p],
+      [o * p * d - r * u, o * u * d + r * p, o * d * d + a]
     ], N = [
       w[0][0] * e.x + w[0][1] * e.y + w[0][2] * e.z,
       w[1][0] * e.x + w[1][1] * e.y + w[1][2] * e.z,
@@ -579,8 +579,8 @@ class Q {
    *   earth centre.
    */
   toCartesian() {
-    const t = this.datum ? this.datum.ellipsoid : this.referenceFrame ? this.referenceFrame.ellipsoid : B.WGS84, n = this.lat.toRadians(), s = this.lon.toRadians(), e = this.height, { a: i, f: r } = t, a = Math.sin(n), o = Math.cos(n), f = Math.sin(s), c = Math.cos(s), u = 2 * r - r * r, w = i / Math.sqrt(1 - u * a * a), N = (w + e) * o * c, g = (w + e) * o * f, d = (w * (1 - u) + e) * a;
-    return new ft(N, g, d);
+    const t = this.datum ? this.datum.ellipsoid : this.referenceFrame ? this.referenceFrame.ellipsoid : B.WGS84, n = this.lat.toRadians(), s = this.lon.toRadians(), e = this.height, { a: i, f: r } = t, a = Math.sin(n), o = Math.cos(n), p = Math.sin(s), u = Math.cos(s), d = 2 * r - r * r, w = i / Math.sqrt(1 - d * a * a), N = (w + e) * o * u, g = (w + e) * o * p, f = (w * (1 - d) + e) * a;
+    return new ft(N, g, f);
   }
   /**
    * Checks if another point is equal to ‘this’ point.
@@ -659,8 +659,8 @@ class ft extends $ {
    */
   toLatLon(t = B.WGS84) {
     if (!t || !t.a) throw new TypeError(`invalid ellipsoid ‘${t}’`);
-    const { x: n, y: s, z: e } = this, { a: i, b: r, f: a } = t, o = 2 * a - a * a, f = o / (1 - o), c = Math.sqrt(n * n + s * s), u = Math.sqrt(c * c + e * e), w = r * e / (i * c) * (1 + f * r / u), N = w / Math.sqrt(1 + w * w), g = N / w, d = isNaN(g) ? 0 : Math.atan2(e + f * r * N * N * N, c - o * i * g * g * g), p = Math.atan2(s, n), m = Math.sin(d), y = Math.cos(d), b = i / Math.sqrt(1 - o * m * m), S = c * y + e * m - i * i / b;
-    return new Q(d.toDegrees(), p.toDegrees(), S);
+    const { x: n, y: s, z: e } = this, { a: i, b: r, f: a } = t, o = 2 * a - a * a, p = o / (1 - o), u = Math.sqrt(n * n + s * s), d = Math.sqrt(u * u + e * e), w = r * e / (i * u) * (1 + p * r / d), N = w / Math.sqrt(1 + w * w), g = N / w, f = isNaN(g) ? 0 : Math.atan2(e + p * r * N * N * N, u - o * i * g * g * g), c = Math.atan2(s, n), m = Math.sin(f), y = Math.cos(f), b = i / Math.sqrt(1 - o * m * m), S = u * y + e * m - i * i / b;
+    return new Q(f.toDegrees(), c.toDegrees(), S);
   }
   /**
    * Returns a string representation of ‘this’ cartesian point.
@@ -899,7 +899,7 @@ class lt extends ft {
    * @returns {Cartesian} Transformed point.
    */
   applyTransform(t) {
-    const { x: n, y: s, z: e } = this, i = t[0], r = t[1], a = t[2], o = t[3] / 1e6 + 1, f = (t[4] / 3600).toRadians(), c = (t[5] / 3600).toRadians(), u = (t[6] / 3600).toRadians(), w = i + n * o - s * u + e * c, N = r + n * u + s * o - e * f, g = a - n * c + s * f + e * o;
+    const { x: n, y: s, z: e } = this, i = t[0], r = t[1], a = t[2], o = t[3] / 1e6 + 1, p = (t[4] / 3600).toRadians(), u = (t[5] / 3600).toRadians(), d = (t[6] / 3600).toRadians(), w = i + n * o - s * d + e * u, N = r + n * d + s * o - e * p, g = a - n * u + s * p + e * o;
     return new lt(w, N, g);
   }
 }
@@ -951,15 +951,15 @@ class pt {
    *   const latlong = grid.toLatLon(); // 48°51′29.52″N, 002°17′40.20″E
    */
   toLatLon() {
-    const { zone: t, hemisphere: n } = this, s = 5e5, e = 1e7, { a: i, f: r } = this.datum.ellipsoid, a = 0.9996, o = this.easting - s, f = n == "S" ? this.northing - e : this.northing, c = Math.sqrt(r * (2 - r)), u = r / (2 - r), w = u * u, N = u * w, g = u * N, d = u * g, p = u * d, m = i / (1 + u) * (1 + 1 / 4 * w + 1 / 64 * g + 1 / 256 * p), y = o / (a * m), b = f / (a * m), S = [
+    const { zone: t, hemisphere: n } = this, s = 5e5, e = 1e7, { a: i, f: r } = this.datum.ellipsoid, a = 0.9996, o = this.easting - s, p = n == "S" ? this.northing - e : this.northing, u = Math.sqrt(r * (2 - r)), d = r / (2 - r), w = d * d, N = d * w, g = d * N, f = d * g, c = d * f, m = i / (1 + d) * (1 + 1 / 4 * w + 1 / 64 * g + 1 / 256 * c), y = o / (a * m), b = p / (a * m), S = [
       null,
       // note β is one-based array (6th order Krüger expressions)
-      1 / 2 * u - 2 / 3 * w + 37 / 96 * N - 1 / 360 * g - 81 / 512 * d + 96199 / 604800 * p,
-      1 / 48 * w + 1 / 15 * N - 437 / 1440 * g + 46 / 105 * d - 1118711 / 3870720 * p,
-      17 / 480 * N - 37 / 840 * g - 209 / 4480 * d + 5569 / 90720 * p,
-      4397 / 161280 * g - 11 / 504 * d - 830251 / 7257600 * p,
-      4583 / 161280 * d - 108847 / 3991680 * p,
-      20648693 / 638668800 * p
+      1 / 2 * d - 2 / 3 * w + 37 / 96 * N - 1 / 360 * g - 81 / 512 * f + 96199 / 604800 * c,
+      1 / 48 * w + 1 / 15 * N - 437 / 1440 * g + 46 / 105 * f - 1118711 / 3870720 * c,
+      17 / 480 * N - 37 / 840 * g - 209 / 4480 * f + 5569 / 90720 * c,
+      4397 / 161280 * g - 11 / 504 * f - 830251 / 7257600 * c,
+      4583 / 161280 * f - 108847 / 3991680 * c,
+      20648693 / 638668800 * c
     ];
     let L = b;
     for (let l = 1; l <= 6; l++) L -= S[l] * Math.sin(2 * l * b) * Math.cosh(2 * l * y);
@@ -968,15 +968,15 @@ class pt {
     const G = Math.sinh(P), v = Math.sin(L), F = Math.cos(L), T = v / Math.sqrt(G * G + F * F);
     let W = null, E = T;
     do {
-      const l = Math.sinh(c * Math.atanh(c * E / Math.sqrt(1 + E * E))), st = E * Math.sqrt(1 + l * l) - l * Math.sqrt(1 + E * E);
-      W = (T - st) / Math.sqrt(1 + st * st) * (1 + (1 - c * c) * E * E) / ((1 - c * c) * Math.sqrt(1 + E * E)), E += W;
+      const l = Math.sinh(u * Math.atanh(u * E / Math.sqrt(1 + E * E))), st = E * Math.sqrt(1 + l * l) - l * Math.sqrt(1 + E * E);
+      W = (T - st) / Math.sqrt(1 + st * st) * (1 + (1 - u * u) * E * E) / ((1 - u * u) * Math.sqrt(1 + E * E)), E += W;
     } while (Math.abs(W) > 1e-12);
     const q = E, U = Math.atan(q);
     let O = Math.atan2(G, F), C = 1;
     for (let l = 1; l <= 6; l++) C -= 2 * l * S[l] * Math.cos(2 * l * b) * Math.cosh(2 * l * y);
     let z = 0;
     for (let l = 1; l <= 6; l++) z += 2 * l * S[l] * Math.sin(2 * l * b) * Math.sinh(2 * l * y);
-    const k = Math.atan(Math.tan(L) * Math.tanh(P)), j = Math.atan2(z, C), A = k + j, X = Math.sin(U), H = Math.sqrt(1 - c * c * X * X) * Math.sqrt(1 + q * q) * Math.sqrt(G * G + F * F), Y = m / i / Math.sqrt(C * C + z * z), J = a * H * Y, Z = ((t - 1) * 6 - 180 + 3).toRadians();
+    const k = Math.atan(Math.tan(L) * Math.tanh(P)), j = Math.atan2(z, C), A = k + j, X = Math.sin(U), H = Math.sqrt(1 - u * u * X * X) * Math.sqrt(1 + q * q) * Math.sqrt(G * G + F * F), Y = m / i / Math.sqrt(C * C + z * z), J = a * H * Y, Z = ((t - 1) * 6 - 180 + 3).toRadians();
     O += Z;
     const V = Number(U.toDegrees().toFixed(14)), tt = Number(O.toDegrees().toFixed(14)), nt = Number(A.toDegrees().toFixed(9)), et = Number(J.toFixed(12)), I = new K(V, tt, 0, this.datum);
     return I.convergence = nt, I.scale = et, I;
@@ -1046,11 +1046,11 @@ class K extends D {
     let e = t || Math.floor((this.lon + 180) / 6) + 1, i = ((e - 1) * 6 - 180 + 3).toRadians();
     const a = "CDEFGHJKLMNPQRSTUVWXX".charAt(Math.floor(this.lat / 8 + 10));
     e == 31 && a == "V" && this.lon >= 3 && (e++, i += 6 .toRadians()), e == 32 && a == "X" && this.lon < 9 && (e--, i -= 6 .toRadians()), e == 32 && a == "X" && this.lon >= 9 && (e++, i += 6 .toRadians()), e == 34 && a == "X" && this.lon < 21 && (e--, i -= 6 .toRadians()), e == 34 && a == "X" && this.lon >= 21 && (e++, i += 6 .toRadians()), e == 36 && a == "X" && this.lon < 33 && (e--, i -= 6 .toRadians()), e == 36 && a == "X" && this.lon >= 33 && (e++, i += 6 .toRadians());
-    const o = this.lat.toRadians(), f = this.lon.toRadians() - i, c = this.datum ? this.datum.ellipsoid : D.ellipsoids.WGS84, { a: u, f: w } = c, N = 0.9996, g = Math.sqrt(w * (2 - w)), d = w / (2 - w), p = d * d, m = d * p, y = d * m, b = d * y, S = d * b, L = Math.cos(f), P = Math.sin(f), G = Math.tan(f), v = Math.tan(o), F = Math.sinh(g * Math.atanh(g * v / Math.sqrt(1 + v * v))), T = v * Math.sqrt(1 + F * F) - F * Math.sqrt(1 + v * v), W = Math.atan2(T, L), E = Math.asinh(P / Math.sqrt(T * T + L * L)), q = u / (1 + d) * (1 + 1 / 4 * p + 1 / 64 * y + 1 / 256 * S), U = [
+    const o = this.lat.toRadians(), p = this.lon.toRadians() - i, u = this.datum ? this.datum.ellipsoid : D.ellipsoids.WGS84, { a: d, f: w } = u, N = 0.9996, g = Math.sqrt(w * (2 - w)), f = w / (2 - w), c = f * f, m = f * c, y = f * m, b = f * y, S = f * b, L = Math.cos(p), P = Math.sin(p), G = Math.tan(p), v = Math.tan(o), F = Math.sinh(g * Math.atanh(g * v / Math.sqrt(1 + v * v))), T = v * Math.sqrt(1 + F * F) - F * Math.sqrt(1 + v * v), W = Math.atan2(T, L), E = Math.asinh(P / Math.sqrt(T * T + L * L)), q = d / (1 + f) * (1 + 1 / 4 * c + 1 / 64 * y + 1 / 256 * S), U = [
       null,
       // note α is one-based array (6th order Krüger expressions)
-      1 / 2 * d - 2 / 3 * p + 5 / 16 * m + 41 / 180 * y - 127 / 288 * b + 7891 / 37800 * S,
-      13 / 48 * p - 3 / 5 * m + 557 / 1440 * y + 281 / 630 * b - 1983433 / 1935360 * S,
+      1 / 2 * f - 2 / 3 * c + 5 / 16 * m + 41 / 180 * y - 127 / 288 * b + 7891 / 37800 * S,
+      13 / 48 * c - 3 / 5 * m + 557 / 1440 * y + 281 / 630 * b - 1983433 / 1935360 * S,
       61 / 240 * m - 103 / 140 * y + 15061 / 26880 * b + 167603 / 181440 * S,
       49561 / 161280 * y - 179 / 168 * b + 6601661 / 7257600 * S,
       34729 / 80640 * b - 3418889 / 1995840 * S,
@@ -1064,7 +1064,7 @@ class K extends D {
     for (let l = 1; l <= 6; l++) j += 2 * l * U[l] * Math.cos(2 * l * W) * Math.cosh(2 * l * E);
     let A = 0;
     for (let l = 1; l <= 6; l++) A += 2 * l * U[l] * Math.sin(2 * l * W) * Math.sinh(2 * l * E);
-    const X = Math.atan(T / Math.sqrt(1 + T * T) * G), H = Math.atan2(A, j), Y = X + H, J = Math.sin(o), Z = Math.sqrt(1 - g * g * J * J) * Math.sqrt(1 + v * v) / Math.sqrt(T * T + L * L), V = q / u * Math.sqrt(j * j + A * A), tt = N * Z * V;
+    const X = Math.atan(T / Math.sqrt(1 + T * T) * G), H = Math.atan2(A, j), Y = X + H, J = Math.sin(o), Z = Math.sqrt(1 - g * g * J * J) * Math.sqrt(1 + v * v) / Math.sqrt(T * T + L * L), V = q / d * Math.sqrt(j * j + A * A), tt = N * Z * V;
     z = z + n, k < 0 && (k = k + s), z = Number(z.toFixed(9)), k = Number(k.toFixed(9));
     const nt = Number(Y.toDegrees().toFixed(9)), et = Number(tt.toFixed(12)), I = this.lat >= 0 ? "N" : "S";
     return new pt(e, I, z, k, this.datum, nt, et, !!t);
@@ -1136,14 +1136,14 @@ class _ {
     if (!t) throw new Error(`invalid MGRS grid reference ‘${t}’`);
     if (!t.trim().match(/\s/)) {
       if (!Number(t.slice(0, 2))) throw new Error(`invalid MGRS grid reference ‘${t}’`);
-      let u = t.trim().slice(5);
-      u = u.slice(0, u.length / 2) + " " + u.slice(-u.length / 2), t = t.slice(0, 3) + " " + t.slice(3, 5) + " " + u;
+      let d = t.trim().slice(5);
+      d = d.slice(0, d.length / 2) + " " + d.slice(-d.length / 2), t = t.slice(0, 3) + " " + t.slice(3, 5) + " " + d;
     }
     const n = t.match(/\S+/g);
     if (n == null || n.length != 4) throw new Error(`invalid MGRS grid reference ‘${t}’`);
     const s = n[0], e = s.slice(0, 2), i = s.slice(2, 3), r = n[1], a = r.slice(0, 1), o = r.slice(1, 2);
-    let f = n[2], c = n[3];
-    return f = f.length >= 5 ? f : (f + "00000").slice(0, 5), c = c.length >= 5 ? c : (c + "00000").slice(0, 5), new _(e, i, a, o, f, c);
+    let p = n[2], u = n[3];
+    return p = p.length >= 5 ? p : (p + "00000").slice(0, 5), u = u.length >= 5 ? u : (u + "00000").slice(0, 5), new _(e, i, a, o, p, u);
   }
   /**
    * Returns a string representation of an MGRS grid reference.
@@ -1169,8 +1169,8 @@ class _ {
    */
   toString(t = 10) {
     if (![2, 4, 6, 8, 10].includes(Number(t))) throw new RangeError(`invalid precision ‘${t}’`);
-    const { zone: n, band: s, e100k: e, n100k: i, easting: r, northing: a } = this, o = Math.floor(r / Math.pow(10, 5 - t / 2)), f = Math.floor(a / Math.pow(10, 5 - t / 2)), c = n.toString().padStart(2, "0"), u = o.toString().padStart(t / 2, "0"), w = f.toString().padStart(t / 2, "0");
-    return `${c}${s} ${e}${i} ${u} ${w}`;
+    const { zone: n, band: s, e100k: e, n100k: i, easting: r, northing: a } = this, o = Math.floor(r / Math.pow(10, 5 - t / 2)), p = Math.floor(a / Math.pow(10, 5 - t / 2)), u = n.toString().padStart(2, "0"), d = o.toString().padStart(t / 2, "0"), w = p.toString().padStart(t / 2, "0");
+    return `${u}${s} ${e}${i} ${d} ${w}`;
   }
 }
 class ht extends pt {
@@ -1186,8 +1186,8 @@ class ht extends pt {
    */
   toMgrs() {
     const t = this.zone, n = this.toLatLon(), s = rt.charAt(Math.floor(n.lat / 8 + 10)), e = Math.floor(this.easting / 1e5), i = ot[(t - 1) % 3].charAt(e - 1), r = Math.floor(this.northing / 1e5) % 20, a = at[(t - 1) % 2].charAt(r);
-    let o = this.easting % 1e5, f = this.northing % 1e5;
-    return o = Number(o.toFixed(6)), f = Number(f.toFixed(6)), new _(t, s, i, a, o, f);
+    let o = this.easting % 1e5, p = this.northing % 1e5;
+    return o = Number(o.toFixed(6)), p = Number(p.toFixed(6)), new _(t, s, i, a, o, p);
   }
 }
 class wt extends K {
@@ -1230,16 +1230,16 @@ function Nt({
   });
   ct(() => (o(M[1], M[0]), () => {
   }), [M]), ct(() => {
-    const { latitude: d, longitude: p } = e.latLon;
-    return t && (d !== M[1] || p !== M[0]) && t({
-      latitude: d,
-      longitude: p
+    const { latitude: f, longitude: c } = e.latLon;
+    return t && (f !== M[1] || c !== M[0]) && t({
+      latitude: f,
+      longitude: c
     }), () => {
     };
   }, [e]);
-  const o = (d, p) => {
+  const o = (f, c) => {
     try {
-      const m = new wt(d, p), y = m.toUtm(), b = y.toMgrs(), S = m.toString("dms");
+      const m = new wt(f, c), y = m.toUtm(), b = y.toMgrs(), S = m.toString("dms");
       i({
         latLon: {
           latitude: m.latitude,
@@ -1249,7 +1249,8 @@ function Nt({
         mgrs: b.toString(),
         dms: S
       });
-    } catch {
+    } catch (m) {
+      console.log("error", m);
     }
   };
   return {
@@ -1259,42 +1260,45 @@ function Nt({
       latLonStr: r
     },
     action: {
-      onChangeFormat: (d) => {
-        s(d.target.value);
+      onChangeFormat: (f) => {
+        s(f.target.value);
       },
-      onChangeLat: (d) => {
-        let p = d.target.value;
-        p = p.replace(",", "."), a({
-          latitude: p,
+      onChangeLat: (f) => {
+        let c = f.target.value;
+        c = c.replace(",", "."), a({
+          latitude: c,
           longitude: r.longitude
-        }), o(Number(p), e.latLon.longitude);
+        }), o(Number(c), e.latLon.longitude);
       },
-      onChangeLon: (d) => {
-        let p = d.target.value;
-        p = p.replace(",", "."), a({
+      onChangeLon: (f) => {
+        let c = f.target.value;
+        c = c.replace(",", "."), a({
           latitude: r.latitude,
-          longitude: p
-        }), o(e.latLon.latitude, Number(p));
+          longitude: c
+        }), o(e.latLon.latitude, Number(c));
       },
-      onChangeDms: (d) => {
+      onChangeDms: (f) => {
         try {
-          const p = d.target.value.split(","), m = p[0].trim(), y = p[1].trim(), b = h.parse(m), S = h.parse(y);
+          const c = f.target.value.split(","), m = c[0].trim(), y = c[1].trim(), b = h.parse(m), S = h.parse(y);
           o(b, S);
-        } catch {
+        } catch (c) {
+          console.log("error", c);
         }
       },
-      onChangeMgrs: (d) => {
+      onChangeMgrs: (f) => {
         try {
-          const m = _.parse(d.target.value).toUtm().toLatLon();
+          const m = _.parse(f.target.value).toUtm().toLatLon();
           o(m.latitude, m.longitude);
-        } catch {
+        } catch (c) {
+          console.log("error", c);
         }
       },
-      onChangeUtm: (d) => {
+      onChangeUtm: (f) => {
         try {
-          const m = ht.parse(d.target.value).toLatLon();
+          const m = ht.parse(f.target.value).toLatLon();
           o(m.latitude, m.longitude);
-        } catch {
+        } catch (c) {
+          console.log("error", c);
         }
       }
     }

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

@@ -1,77 +1,78 @@
 import u from "react";
-import { parse as a, convert as c } from "../../map/helpers/wkt.js";
+import { parse as a, convert as l } from "../../map/helpers/wkt.js";
 import m from "lodash";
 function M({ value: p, onChange: i }) {
-  const s = u.useMemo(() => {
-    let e = a(p);
-    return m.isArray(e) || (e = [e]), e;
+  const r = u.useMemo(() => {
+    let o = a(p);
+    return m.isArray(o) || (o = [o]), o;
   }, [p]);
   return {
     state: {
-      parsed: s
+      parsed: r
     },
     action: {
-      onCoordinateInputChange: (e) => (l) => {
+      onCoordinateInputChange: (o) => (s) => {
         if (i) {
-          let o, t = [...s];
-          t[e] = {
+          let e;
+          const t = [...r];
+          t[o] = {
             type: "Point",
-            coordinates: [l.longitude, l.latitude]
-          }, t.length > 1 ? o = c({
+            coordinates: [s.longitude, s.latitude]
+          }, t.length > 1 ? e = l({
             type: "GeometryCollection",
             geometries: t
-          }) : o = c(t[0]), i(o);
+          }) : e = l(t[0]), i(e);
         }
       },
-      onPolygonInputChange: (e, l, o) => (t) => {
+      onPolygonInputChange: (o, s, e) => (t) => {
         if (i) {
-          let n = [...s], r = [...e[0]];
-          r[o] = [t.longitude, t.latitude], n[l] = {
+          const n = [...r], c = [...o[0]];
+          c[e] = [t.longitude, t.latitude], n[s] = {
             type: "Polygon",
-            coordinates: [r]
+            coordinates: [c]
           };
-          const g = c({
+          const g = l({
             type: "GeometryCollection",
             geometries: n
           });
           i(g);
         }
       },
-      onMultiPointInputChange: (e, l, o) => (t) => {
+      onMultiPointInputChange: (o, s, e) => (t) => {
         if (i) {
-          let n = [...s], r = [...e];
-          r[o] = [t.longitude, t.latitude], n[l] = {
+          const n = [...r], c = [...o];
+          c[e] = [t.longitude, t.latitude], n[s] = {
             type: "MultiPoint",
-            coordinates: r
+            coordinates: c
           };
-          const g = c({
+          const g = l({
             type: "GeometryCollection",
             geometries: n
           });
           i(g);
         }
       },
-      onLineStringInputChange: (e, l, o) => (t) => {
+      onLineStringInputChange: (o, s, e) => (t) => {
         if (i) {
-          let n = [...s], r = [...e];
-          r[o] = [t.longitude, t.latitude], n[l] = {
+          const n = [...r], c = [...o];
+          c[e] = [t.longitude, t.latitude], n[s] = {
             type: "LineString",
-            coordinates: r
+            coordinates: c
           };
-          const g = c({
+          const g = l({
             type: "GeometryCollection",
             geometries: n
           });
           i(g);
         }
       },
-      onRemoveItem: (e) => (l) => {
-        if (l.stopPropagation(), i) {
-          let o = [...s];
-          o.splice(e, 1);
-          const n = c({
+      onRemoveItem: (o) => (s) => {
+        if (s.stopPropagation(), i) {
+          const e = [...r];
+          e.splice(o, 1);
+          const n = l({
             type: "GeometryCollection",
-            geometries: o
+            geometries: e
           });
           i(n);
         }

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

@@ -1,14 +1,22 @@
-import { styled as t, Box as n, Button as a } from "@mui/material";
-const e = t(n)(({ theme: o }) => ({
+import { styled as n, Box as i, Button as a } from "@mui/material";
+const s = n(i)(({ theme: o }) => ({
   position: "relative",
   paddingTop: o.spacing(1),
   width: "100%"
-})), r = t(n)({
-  position: "absolute",
-  top: 0,
-  right: 0,
-  zIndex: 9
-}), d = t(a)(({ theme: o, variant: i }) => ({
+})), p = n(i)(
+  ({ variant: o = "standard", theme: t }) => ({
+    position: "absolute",
+    top: 0,
+    right: 0,
+    zIndex: 9,
+    ...o === "outlined" && {
+      padding: t.spacing(0.25),
+      top: t.spacing(-0.75),
+      right: t.spacing(1),
+      background: t.palette.background.default
+    }
+  })
+), r = n(a)(({ theme: o, variant: t }) => ({
   fontSize: 10,
   padding: "3px 8px",
   minWidth: "auto",
@@ -22,13 +30,13 @@ const e = t(n)(({ theme: o }) => ({
       fontSize: 14
     }
   },
-  ...i === "contained" && {
+  ...t === "contained" && {
     "&:hover": {
       backgroundColor: o.palette.grey[300],
       boxShadow: o.shadows[1]
     }
   }
-})), p = t(n)({
+})), g = n(i)({
   position: "absolute",
   top: 0,
   left: 0,
@@ -41,8 +49,8 @@ const e = t(n)(({ theme: o }) => ({
   }
 });
 export {
-  r as Actions,
-  d as Button,
-  e as Container,
-  p as Modal
+  p as Actions,
+  r as Button,
+  s as Container,
+  g as Modal
 };

package/dist/components/icon-button/index.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { VerticalButton as m, MiniButton as c } from "./styled.js";
-import { I as e } from "../../IconButton-D8bwME9t.js";
+import { I as e } from "../../IconButton-BaiyAtmS.js";
 const a = ({
   variant: i = "default",
   startIcon: f,

package/dist/components/icon-button/styled.js

@@ -5,7 +5,6 @@ const r = o(n)(({ theme: t, color: i }) => ({
   flexDirection: "column",
   width: 130,
   height: 140,
-  // @ts-ignore
   color: i ? t.palette.text.primary : "inherit",
   borderRadius: 10,
   transition: "all .3s",
@@ -24,7 +23,6 @@ const r = o(n)(({ theme: t, color: i }) => ({
   },
   "&:hover": {
     boxShadow: t.shadows[4],
-    // @ts-ignore
     color: i ? t.palette.text.primary : "inherit",
     "&:after": {
       opacity: 1

package/dist/components/{data-management/instance-form → instance-form}/components/composite-list/index.js

@@ -2,8 +2,8 @@ import "react/jsx-runtime";
 import "@mui/material";
 import "./styled.js";
 import "@mui/icons-material";
-import "../../../../../hooks/useToggle.js";
-import { C as l } from "../../../../../index-B3Oj04nl.js";
+import "../../../../hooks/useToggle.js";
+import { C as l } from "../../../../index-DPf5olog.js";
 import "react";
 import "lodash";
 import "dayjs";

package/dist/components/{data-management/instance-form → instance-form}/components/composite-list/styled.js

@@ -1,13 +1,22 @@
-import { styled as i, Box as n, Button as r } from "@mui/material";
-const p = i(n)(({ theme: o, variant: t }) => ({
+import { styled as i, Box as r, Button as n } from "@mui/material";
+const p = i(r)(({ theme: o, variant: t }) => ({
   position: "relative",
   width: "100%",
+  boxSizing: "border-box",
   ...t === "outlined" ? {
     border: "1px solid",
-    padding: "2.5px 60px 2.5px 2.5px",
+    padding: "10px 60px 10px 10px",
     borderRadius: o.spacing(0.5),
     "& .MuiButton-root": {
-      margin: "7px 8px"
+      margin: "14px 8px"
+    },
+    "& .MuiTypography-root": {
+      position: "absolute",
+      top: -15,
+      left: 10,
+      paddingLeft: 4,
+      paddingRight: 4,
+      backgroundColor: o.palette.background.default
     }
   } : {
     borderBottom: "1px solid",
@@ -17,7 +26,7 @@ const p = i(n)(({ theme: o, variant: t }) => ({
   "&:hover": {
     borderColor: o.palette.action.active
   }
-})), d = i(n)(({ theme: o }) => ({
+})), d = i(r)(({ theme: o }) => ({
   minHeight: 33,
   whiteSpace: "normal",
   "& .MuiChip-root": {
@@ -27,7 +36,7 @@ const p = i(n)(({ theme: o, variant: t }) => ({
   "& .MuiChip-root:first-of-type": {
     marginLeft: 0
   }
-})), e = i(r)(({ theme: o, variant: t }) => ({
+})), e = i(n)(({ theme: o, variant: t }) => ({
   position: "absolute",
   top: 0,
   right: 0,

package/dist/components/instance-form/components/variable/index.js

@@ -0,0 +1,19 @@
+import "react/jsx-runtime";
+import "lodash";
+import "dayjs";
+import { V as g } from "../../../../index-DPf5olog.js";
+import "@mui/material";
+import "@mui/icons-material";
+import "../../../geometry-picker/index.js";
+import "../../../phone-input/index.js";
+import "../../../date-time-picker/index.js";
+import "../../../../TextField-D87qTh1k.js";
+import "../../../../Box-BPyg-Ybm.js";
+import "../../../../FormControlLabel-D9KFjcIx.js";
+import "../../../../Checkbox-qy3cjvnb.js";
+import "../../../../InputLabel-CWkW8NtU.js";
+import "../../../../Select-ClaBvSqf.js";
+import "../../../../MenuItem-D-INSvZa.js";
+export {
+  g as default
+};

package/dist/components/instance-form/components/variables/index.js

@@ -0,0 +1,40 @@
+import { jsx as n, Fragment as t } from "react/jsx-runtime";
+import l from "react";
+import { V as p } from "../../../../index-DPf5olog.js";
+import m from "lodash";
+function b({
+  template: o,
+  value: i,
+  mapboxAccessToken: s,
+  variant: a = "outlined",
+  onChange: u
+}) {
+  const d = l.useMemo(() => {
+    let r = o == null ? void 0 : o.properties.filter((e) => e.visible);
+    return r = m.orderBy(r, "id"), r;
+  }, [o]), f = (r) => {
+    const e = {
+      target: {
+        value: { ...i, ...r }
+      }
+    };
+    u(e);
+  };
+  return o === void 0 ? /* @__PURE__ */ n(t, {}) : /* @__PURE__ */ n(t, { children: d.map((r, e) => {
+    const c = i[r.propertyId];
+    return /* @__PURE__ */ n(
+      p,
+      {
+        property: r,
+        value: c,
+        mapboxAccessToken: s,
+        variant: a,
+        onChange: f
+      },
+      e
+    );
+  }) });
+}
+export {
+  b as default
+};