@hybridcore/ui 1.0.2 → 1.1.0

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

@@ -0,0 +1,62 @@
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { useState as i, useEffect as k } from "react";
+import M from "./select-input-method.js";
+import { Box as c, TextField as b, Button as d } from "@mui/material";
+import { validate as C } from "../../map/helpers/kml.js";
+import { d as L, a as T } from "../../../ol-CMEkXXLJ.js";
+function W({ onCancel: m, onSubmit: a }) {
+  const [t, l] = i(), [o, f] = i(), [s, n] = i(), p = (e) => {
+    l(e);
+  }, h = (e) => {
+    l(e.target.value);
+  }, v = () => {
+    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);
+        } else n("Error in KML data!");
+      } else n("Error in KML data!");
+  }, x = () => {
+    a && o && a(o);
+  };
+  return k(() => (v(), () => {
+  }), [t]), t === void 0 ? /* @__PURE__ */ r(M, { onSubmit: p }) : /* @__PURE__ */ u(c, { pt: 1, children: [
+    /* @__PURE__ */ r(
+      b,
+      {
+        label: "KML Text",
+        multiline: !0,
+        maxRows: 15,
+        minRows: 8,
+        variant: "outlined",
+        fullWidth: !0,
+        value: t,
+        autoFocus: !0,
+        InputLabelProps: { shrink: !0 },
+        onChange: h,
+        ...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__ */ r(
+        d,
+        {
+          color: "primary",
+          variant: "contained",
+          disabled: o === void 0,
+          onClick: x,
+          children: "Ok"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  W as default
+};

package/dist/components/geometry-picker/kml/select-input-method.js

@@ -0,0 +1,75 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import m from "react";
+import { Box as d, Typography as r } from "@mui/material";
+import { EditNote as f, UploadFile as p } from "@mui/icons-material";
+import { IconButton as o } from "../../icon-button/index.js";
+const P = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='169.604'%20height='151.513'%20viewBox='0%200%20169.604%20151.513'%3e%3cg%20id='gps-navigation'%20transform='translate(-4%20-3.09)'%3e%3cpath%20id='Path_84306'%20data-name='Path%2084306'%20d='M72.706,17A35.735,35.735,0,0,0,37,52.706c0,27.434,31.957,71.323,33.3,73.168a2.991,2.991,0,0,0,4.82,0c1.369-1.845,33.3-45.734,33.3-73.168A35.735,35.735,0,0,0,72.706,17Zm0,101.941c-7.469-10.831-29.755-44.9-29.755-66.235a29.755,29.755,0,0,1,59.51,0C102.461,74.041,80.175,108.14,72.706,118.941Z'%20transform='translate(65.192%2027.479)'%20fill='%23043991'/%3e%3cpath%20id='Path_84307'%20data-name='Path%2084307'%20d='M56.9,25A11.9,11.9,0,1,0,68.8,36.9,11.9,11.9,0,0,0,56.9,25Zm0,17.853A5.951,5.951,0,1,1,62.853,36.9,5.969,5.969,0,0,1,56.9,42.853Z'%20transform='translate(80.996%2043.284)'%20fill='%23043991'/%3e%3cpath%20id='Path_84308'%20data-name='Path%2084308'%20d='M21.853,56.382a2.974,2.974,0,0,0,2.41-1.22c.625-.863,15.443-21.215,15.443-34.218A17.853,17.853,0,0,0,4,20.943c0,13,14.818,33.356,15.443,34.218a2.974,2.974,0,0,0,2.41,1.22Zm0-47.34a11.9,11.9,0,0,1,11.9,11.9c0,7.677-7.2,20.174-11.9,27.256-4.7-7.052-11.9-19.579-11.9-27.256A11.9,11.9,0,0,1,21.853,9.041Z'%20fill='%23043991'/%3e%3cpath%20id='Path_84309'%20data-name='Path%2084309'%20d='M23.117,34.954c-7.171-.446-10.5-1.012-12.051-1.428a2.976,2.976,0,0,0-5.118-2.351A4.724,4.724,0,0,0,4.52,34.448c0,4.553,5.624,5.683,18.24,6.457h.179a2.978,2.978,0,0,0,.179-5.951Z'%20transform='translate(1.027%2053.622)'%20fill='%23043991'/%3e%3cpath%20id='Path_84310'%20data-name='Path%2084310'%20d='M30.095,26.806l-2.529.536c-5.058,1.071-10.3,2.172-15.056,3.362a2.975,2.975,0,0,0,.714,5.862,2.211,2.211,0,0,0,.744-.089c4.642-1.16,9.819-2.261,14.818-3.333l2.529-.536a2.982,2.982,0,0,0-1.25-5.832Z'%20transform='translate(12.349%2046.655)'%20fill='%23043991'/%3e%3cpath%20id='Path_84311'%20data-name='Path%2084311'%20d='M10,25.707a2.983,2.983,0,0,0,2.976,2.737h.238s8.48-.684,17.615-.744a2.976,2.976,0,0,0,0-5.951c-9.4.03-17.734.714-18.091.744a2.969,2.969,0,0,0-2.708,3.214Z'%20transform='translate(11.853%2036.863)'%20fill='%23043991'/%3e%3cpath%20id='Path_84312'%20data-name='Path%2084312'%20d='M58.689,52.158c-5.088,0-11.426-.089-17.823-.238a3.023,3.023,0,0,0-3.035,2.916,2.947,2.947,0,0,0,2.916,3.035c6.427.149,12.824.238,17.972.268a2.976,2.976,0,1,0,0-5.951Z'%20transform='translate(66.831%2096.465)'%20fill='%23043991'/%3e%3cpath%20id='Path_84313'%20data-name='Path%2084313'%20d='M22.1,35.342a2.965,2.965,0,0,0,2.827,2.023,3.715,3.715,0,0,0,.952-.149c4.493-1.488,9.105-3.571,9.105-7.647a5.641,5.641,0,0,0-1.875-4.047c-1.488-1.488-3.9-2.529-7.528-3.3a2.976,2.976,0,1,0-1.19,5.832,12.588,12.588,0,0,1,4.255,1.458A17.992,17.992,0,0,1,24,31.563a2.972,2.972,0,0,0-1.875,3.779Z'%20transform='translate(35.493%2037.673)'%20fill='%23043991'/%3e%3cpath%20id='Path_84314'%20data-name='Path%2084314'%20d='M18.816,32.091a2.985,2.985,0,0,0-3.095,2.856,2.949,2.949,0,0,0,2.856,3.095c5.415.238,11.753.536,17.764.982h.238a2.965,2.965,0,0,0,.238-5.921c-6.1-.476-12.5-.774-17.942-.982Z'%20transform='translate(23.152%2057.289)'%20fill='%23043991'/%3e%3cpath%20id='Path_84315'%20data-name='Path%2084315'%20d='M34.868,52.334c-6.516-.625-12.438-1.309-17.615-2.083a2.962,2.962,0,1,0-.863,5.862c5.3.774,11.307,1.488,17.913,2.113h.3a2.983,2.983,0,0,0,.268-5.951Z'%20transform='translate(19.477%2093.105)'%20fill='%23043991'/%3e%3cpath%20id='Path_84316'%20data-name='Path%2084316'%20d='M46.773,52.345C41,52.107,34.99,51.78,28.979,51.393a2.967,2.967,0,0,0-.387,5.921c6.07.387,12.11.714,17.913.952h.119a2.977,2.977,0,0,0,.119-5.951Z'%20transform='translate(43.101%2095.414)'%20fill='%23043991'/%3e%3cpath%20id='Path_84317'%20data-name='Path%2084317'%20d='M44.447,40.177a2.958,2.958,0,0,0-3.69-2.023c-5.207,1.488-11.337,3.065-17.2,4.523a2.975,2.975,0,0,0,.714,5.862,1.966,1.966,0,0,0,.714-.089c5.892-1.488,12.11-3.035,17.407-4.582a2.958,2.958,0,0,0,2.023-3.69Z'%20transform='translate(34.179%2069.02)'%20fill='%23043991'/%3e%3cpath%20id='Path_84318'%20data-name='Path%2084318'%20d='M32.7,43.258a2.982,2.982,0,0,0-3.63-2.113c-7.231,1.9-12.765,3.541-17.347,5.118a2.984,2.984,0,0,0,.982,5.8,3.741,3.741,0,0,0,.982-.149c4.463-1.547,9.849-3.124,16.96-5a2.982,2.982,0,0,0,2.113-3.63Z'%20transform='translate(11.291%2074.985)'%20fill='%23043991'/%3e%3cpath%20id='Path_84319'%20data-name='Path%2084319'%20d='M19.463,56.08c-9.016-2.589-9.432-4.731-9.432-4.731,0-.03,0-.327.506-.952a2.983,2.983,0,1,0-4.642-3.749,7.477,7.477,0,0,0-1.845,4.7c0,5.862,7.855,8.778,13.747,10.474a2.506,2.506,0,0,0,.8.119,2.956,2.956,0,0,0,2.856-2.172A3.012,3.012,0,0,0,19.4,56.08Z'%20transform='translate(0.099%2083.854)'%20fill='%23043991'/%3e%3cpath%20id='Path_84320'%20data-name='Path%2084320'%20d='M41.569,35.891a61.021,61.021,0,0,0-10.385-2.708,2.965,2.965,0,1,0-1.071,5.832,56.208,56.208,0,0,1,9.373,2.44,12.212,12.212,0,0,1,2.737,1.309,2.965,2.965,0,0,0,5.386,2.321,4.941,4.941,0,0,0,.774-2.589c0-4.017-4.969-5.892-6.814-6.576Z'%20transform='translate(46.787%2059.351)'%20fill='%23043991'/%3e%3c/g%3e%3c/svg%3e";
+function v({ onSubmit: n }) {
+  const l = m.useRef(null), i = (a) => {
+    n && n(a);
+  };
+  return /* @__PURE__ */ e(
+    d,
+    {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexDirection: "column",
+      py: 8,
+      children: [
+        /* @__PURE__ */ t("img", { src: P, width: 180, height: 160 }),
+        /* @__PURE__ */ t(r, { my: 8, mx: 10, textAlign: "center", children: "You can add KML data by importing a KML file from your computer or you can create KML data" }),
+        /* @__PURE__ */ e(d, { display: "flex", justifyContent: "space-between", width: 300, children: [
+          /* @__PURE__ */ e(
+            o,
+            {
+              variant: "vertical",
+              color: "primary",
+              onClick: () => i(""),
+              children: [
+                /* @__PURE__ */ t(f, {}),
+                /* @__PURE__ */ t(r, { variant: "body2", mt: 0.5, children: "Create KML data" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            o,
+            {
+              variant: "vertical",
+              color: "primary",
+              onClick: () => {
+                var a;
+                (a = l.current) == null || a.click();
+              },
+              children: [
+                /* @__PURE__ */ t(p, {}),
+                /* @__PURE__ */ t(r, { variant: "body2", mt: 0.5, children: "Import KML file from computer" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            ref: l,
+            type: "file",
+            accept: ".kml",
+            style: { display: "none" },
+            onChange: (a) => {
+              if (a.target.files) {
+                const c = new FileReader();
+                c.onload = async (h) => {
+                  const s = h.target.result;
+                  i(s);
+                }, c.readAsText(a.target.files[0]);
+              }
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  v as default
+};

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

@@ -0,0 +1,69 @@
+import { useState as m } from "react";
+import y from "../../hooks/useToggle.js";
+function E({
+  value: c,
+  disableAddCoordinate: d,
+  onChange: n
+}) {
+  const o = y(!1), [e, i] = m({
+    title: "",
+    type: "COORDINATE",
+    action: "ADD"
+  }), s = () => {
+    i({
+      title: "Add Coordinate",
+      type: "COORDINATE",
+      action: "ADD"
+    }), o.action.open();
+  }, l = () => {
+    i({
+      title: "Add KML",
+      type: "KML",
+      action: "ADD"
+    }), o.action.open();
+  }, D = () => {
+    i({
+      title: "Add WKT",
+      type: "WKT",
+      action: "ADD"
+    }), o.action.open();
+  }, a = (t) => {
+    t && t.stopPropagation(), i({
+      title: "Edit",
+      type: "WKT",
+      action: "EDIT"
+    }), o.action.open();
+  }, p = (t) => {
+    t && t.stopPropagation(), i({
+      title: "Draw Geometry",
+      type: "GEOMETRY",
+      action: "ADD"
+    }), o.action.open();
+  }, r = (t) => {
+    o.action.close(), n && n(t), e.action === "ADD" && (e.type === "KML" || e.type === "WKT") && a();
+  }, A = () => {
+    c !== void 0 && c !== "" ? a() : d === !1 ? s() : p();
+  }, f = (t) => {
+    t.stopPropagation(), n && n("");
+  };
+  return {
+    state: {
+      content: e,
+      modal: o.state
+    },
+    action: {
+      onAddCoordinate: s,
+      onSubmit: r,
+      onClick: A,
+      onDelete: f,
+      onEdit: a,
+      onDraw: p,
+      onAddKml: l,
+      onAddWkt: D,
+      modal: o.action
+    }
+  };
+}
+export {
+  E as default
+};

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

@@ -0,0 +1,42 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import n from "react";
+import u from "../../map/index.js";
+import d from "./logic.js";
+import { Box as m } from "@mui/material";
+import { ContextMenu as p } from "../../context-menu/index.js";
+const f = (t, r) => {
+  const { refs: i, state: o, action: e } = d(t);
+  return n.useImperativeHandle(r, () => ({
+    addInteractions: e.addInteractions,
+    clearDrawingSource: e.clearDrawingSource,
+    addDrawingSourceKMLData: e.addDrawingSourceKMLData,
+    addDrawingSourceWKTData: e.addDrawingSourceWKTData,
+    centerToExtent: e.centerToExtent,
+    centerToFeature: e.centerToFeature,
+    setCenter: e.setCenter,
+    setZoomLevel: e.setZoomLevel
+  })), /* @__PURE__ */ s(m, { position: "relative", height: 500, children: [
+    /* @__PURE__ */ a(
+      u,
+      {
+        id: t.id,
+        ref: i.mapRef,
+        center: { latitude: 0, longitude: 0 },
+        zoom: 3,
+        onInit: e.onMapInit
+      }
+    ),
+    !t.disableContextMenu && /* @__PURE__ */ a(
+      p,
+      {
+        open: o.contextMenu.open,
+        buttons: o.contextMenu.buttons,
+        position: o.contextMenu.position,
+        onClose: () => e.setContextMenu((c) => ({ ...c, open: !1 }))
+      }
+    )
+  ] });
+}, C = n.memo(n.forwardRef(f));
+export {
+  C as default
+};