@hybridcore/ui 1.4.15 → 1.4.16

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

@@ -2,8 +2,8 @@ import { jsxs as l, Fragment as p, jsx as o } from "react/jsx-runtime";
 import { Button as a, Box as f } from "@mui/material";
 import u from "../map/index.js";
 import C from "../parser/index.js";
-import { g as y, c as g } from "../../../ol-CHaVTXvL.js";
-import { useState as h } from "react";
+import { g as y, c as h } from "../../../ol-CHaVTXvL.js";
+import { useState as g } from "react";
 import { Add as P } from "@mui/icons-material";
 import { parse as v, convert as x } from "../../map/helpers/wkt.js";
 import T from "lodash";
@@ -14,7 +14,7 @@ function M({
   onCancel: m,
   onSubmit: s
 }) {
-  const [t, n] = h(
+  const [t, n] = g(
     r ? y(r) : c
   );
   return /* @__PURE__ */ l(p, { children: [
@@ -27,7 +27,7 @@ function M({
         disableContextMenu: !0,
         defaultExtent: r,
         onDrawEnd: (e) => {
-          const i = g({ features: e });
+          const i = h({ features: e });
           n(i);
         }
       }
@@ -54,7 +54,7 @@ function M({
                 }
               ]
             };
-          else if (e.type === "Point")
+          else if ((e == null ? void 0 : e.type) === "Point")
             e = {
               type: "GeometryCollection",
               geometries: [
@@ -65,7 +65,7 @@ function M({
                 }
               ]
             };
-          else if (e.type === "GeometryCollection")
+          else if ((e == null ? void 0 : e.type) === "GeometryCollection")
             e.geometries.push({
               type: "Point",
               coordinates: [0, 0]
@@ -75,7 +75,7 @@ function M({
             return;
           }
           const i = x(e);
-          n(i);
+          n(i ?? "");
         },
         children: "Add Coordinate"
       }

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

@@ -1,4 +1,4 @@
-import { jsxs as a, jsx as e, Fragment as x } from "react/jsx-runtime";
+import { jsxs as a, jsx as r, Fragment as x } from "react/jsx-runtime";
 import E, { useState as F, useEffect as T } from "react";
 import { Dialog as w, DialogContent as K, DialogActions as j, Button as c, Box as O } from "@mui/material";
 import g from "../map/index.js";
@@ -16,53 +16,53 @@ function z({
   onSubmit: u,
   onChange: d
 }) {
-  const r = E.useRef(null), [t, k] = F(y), m = () => {
-    u && u(t);
-  }, p = (n) => {
-    const o = P({ features: n });
+  const t = E.useRef(null), [n, k] = F(y), m = () => {
+    u && u(n);
+  }, p = (e) => {
+    const o = P({ features: e });
     k(o), d && d(o);
   }, h = () => {
     var o, v, C;
-    const n = S(t);
-    if (!_.isArray(n))
-      if (n.type === "Point") {
-        const i = B(n.coordinates, "EPSG:4326", "EPSG:3857");
-        (o = r.current) == null || o.setCenter(i), (v = r.current) == null || v.setZoomLevel(10);
+    const e = S(n);
+    if (!_.isArray(e))
+      if ((e == null ? void 0 : e.type) === "Point") {
+        const i = B(e.coordinates, "EPSG:4326", "EPSG:3857");
+        (o = t.current) == null || o.setCenter(i), (v = t.current) == null || v.setZoomLevel(10);
       } else {
-        const i = R(t);
-        i && ((C = r.current) == null || C.centerToFeature(i[0], [100, 100, 100, 100]));
+        const i = R(n);
+        i && ((C = t.current) == null || C.centerToFeature(i[0], [100, 100, 100, 100]));
       }
   };
   return T(() => (h(), () => {
   }), [h]), W === "dialog" ? /* @__PURE__ */ a(w, { open: !0, maxWidth: "sm", fullWidth: !0, onClose: l, children: [
-    /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(
+    /* @__PURE__ */ r(K, { children: /* @__PURE__ */ r(
       g,
       {
         id: f,
-        ref: r,
-        drawingWKTData: t,
+        ref: t,
+        drawingWKTData: n,
         mapboxAccessToken: s,
         onDrawEnd: p
       }
     ) }),
     /* @__PURE__ */ a(j, { children: [
-      /* @__PURE__ */ e(c, { color: "inherit", variant: "contained", onClick: l, children: "Cancel" }),
-      /* @__PURE__ */ e(c, { variant: "contained", onClick: m, children: "Ok" })
+      /* @__PURE__ */ r(c, { color: "inherit", variant: "contained", onClick: l, children: "Cancel" }),
+      /* @__PURE__ */ r(c, { variant: "contained", onClick: m, children: "Ok" })
     ] })
   ] }) : /* @__PURE__ */ a(x, { children: [
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ r(
       g,
       {
         id: f,
-        ref: r,
-        drawingWKTData: t,
+        ref: t,
+        drawingWKTData: n,
         mapboxAccessToken: s,
         onDrawEnd: p
       }
     ),
     !D && /* @__PURE__ */ a(O, { display: "flex", justifyContent: "space-between", mt: 3, children: [
-      /* @__PURE__ */ e(c, { color: "primary", onClick: l, children: "Cancel" }),
-      /* @__PURE__ */ e(c, { color: "primary", variant: "contained", onClick: m, children: "Ok" })
+      /* @__PURE__ */ r(c, { color: "primary", onClick: l, children: "Cancel" }),
+      /* @__PURE__ */ r(c, { color: "primary", variant: "contained", onClick: m, children: "Ok" })
     ] })
   ] });
 }

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

@@ -1,17 +1,18 @@
-import { jsx as e, Fragment as y, jsxs as o } from "react/jsx-runtime";
+import { jsx as e, Fragment as w, jsxs as o } from "react/jsx-runtime";
 import { AccordionSummary as c, Box as a, Typography as s, Tooltip as d, IconButton as h, AccordionDetails as p } from "@mui/material";
 import m from "./coordinate-input/index.js";
-import w from "./logic.js";
+import P from "./logic.js";
 import { GridExpandMoreIcon as f } from "@mui/x-data-grid";
 import { Accordion as u } from "./styled.js";
 import { Close as g } from "@mui/icons-material";
-import { ConditionalWrapper as P } from "../../conditional-wrapper/index.js";
-function M(C) {
-  const { state: I, action: t } = w(C);
-  return /* @__PURE__ */ e(y, { children: I.parsed.map((r, n) => {
+import { ConditionalWrapper as z } from "../../conditional-wrapper/index.js";
+function R(C) {
+  var I;
+  const { state: y, action: t } = P(C);
+  return /* @__PURE__ */ e(w, { children: (I = y.parsed) == null ? void 0 : I.map((r, n) => {
     if (r.type === "Point")
       return /* @__PURE__ */ e(
-        P,
+        z,
         {
           condition: !C.disableGrouping,
           wrapper: (i) => /* @__PURE__ */ o(u, { defaultExpanded: !0, children: [
@@ -175,5 +176,5 @@ function M(C) {
   }) });
 }
 export {
-  M as default
+  R as default
 };

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

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

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

@@ -1,24 +1,32 @@
 import i from "terraformer-wkt-parser";
 import * as o from "@turf/turf";
 const l = (e) => {
-  if (e.includes("GEOMETRYCOLLECTION")) {
-    let t = e.replace("GEOMETRYCOLLECTION(", "");
-    t = t.slice(0, -1);
-    let n = t.split("),");
-    return n = n.filter((r) => r !== "").map((r, s) => (s < n.length - 1 && (r += ")"), r)), n.map((r) => i.parse(r));
+  try {
+    if (e.includes("GEOMETRYCOLLECTION")) {
+      let t = e.replace("GEOMETRYCOLLECTION(", "");
+      t = t.slice(0, -1);
+      let r = t.split("),");
+      return r = r.filter((n) => n !== "").map((n, c) => (c < r.length - 1 && (n += ")"), n)), r.map((n) => i.parse(n));
+    }
+    return i.parse(e);
+  } catch {
   }
-  return i.parse(e);
-}, p = (e) => i.convert(e), u = (e) => {
+}, p = (e) => {
+  try {
+    return i.convert(e);
+  } catch {
+  }
+}, u = (e) => {
   let t = [0, 0];
   if (e.type === "Point")
     return t = e.coordinates, t;
   if (e.type === "Polygon") {
-    const n = o.polygon(e.coordinates);
-    return t = o.centerOfMass(n).geometry.coordinates, t;
+    const r = o.polygon(e.coordinates);
+    return t = o.centerOfMass(r).geometry.coordinates, t;
   }
   if (e.type === "LineString") {
-    const n = o.lineString(e.coordinates);
-    return t = o.centerOfMass(n).geometry.coordinates, t;
+    const r = o.lineString(e.coordinates);
+    return t = o.centerOfMass(r).geometry.coordinates, t;
   }
   return e.type === "MultiPoint" ? (t = o.multiPoint(e.coordinates).geometry.coordinates[0], t) : (console.log("Undefined geometry type!", e.type), t);
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.4.15",
+  "version": "1.4.16",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",