@hybridcore/ui 1.0.2 → 1.1.0

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

@@ -0,0 +1,88 @@
+import { S as e, F as t, a as c, I as o, C as w, T as g } from "../../../Text-DVP2PrYM.js";
+const i = "data:image/svg+xml,%3csvg%20id='Layer_1'%20height='512'%20viewBox='0%200%2064%2064'%20width='512'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20data-name='Layer%201'%3e%3clinearGradient%20id='linear-gradient'%20gradientUnits='userSpaceOnUse'%20x1='63.568'%20x2='14.149'%20y1='60.512'%20y2='11.093'%3e%3cstop%20offset='0'%20stop-color='%23c21500'/%3e%3cstop%20offset='1'%20stop-color='%23f85032'/%3e%3c/linearGradient%3e%3cpath%20d='m48.19%2017.36a19.2%2019.2%200%200%200%20-17.18-9.33%2018.905%2018.905%200%200%200%20-17.94%2018.9c0%2012.74%2013%2024.93%2016.98%2028.36a2.969%202.969%200%200%200%203.9%200c5.77-4.97%2023.84-22.39%2014.24-37.93zm-16.19%2018.54a9.825%209.825%200%201%201%209.82-9.83%209.833%209.833%200%200%201%20-9.82%209.83z'%20fill='url(%23linear-gradient)'/%3e%3c/svg%3e", s = 0.5, h = new e({
+  fill: new t({
+    color: "rgba(255, 255, 255, 0.2)"
+  }),
+  stroke: new c({
+    color: "#2daae1",
+    width: 2
+  }),
+  image: new o({
+    anchor: [0.5, 1],
+    src: i,
+    scale: 0.075
+  })
+}), m = new e({
+  fill: new t({
+    color: "rgba(255, 255, 255, 0.2)"
+  }),
+  stroke: new c({
+    color: "#2daae1",
+    width: 2
+  }),
+  // image: new CircleStyle({
+  //   radius: 7,
+  //   fill: new Fill({
+  //     color: '#2daae1',
+  //   }),
+  // }),
+  image: new o({
+    anchor: [0.5, 0.5],
+    src: i,
+    scale: 0.35
+  })
+}), f = new e({
+  fill: new t({
+    color: "rgba(255, 255, 255, 0.4)"
+  }),
+  stroke: new c({
+    color: "#0f70b7",
+    width: 2
+  }),
+  image: new w({
+    radius: 7,
+    fill: new t({
+      color: "#0f70b7"
+    })
+  })
+}), x = (a) => {
+  const l = a.get("icon");
+  if (l)
+    return new e({
+      image: new o({
+        anchor: [0.5, 0.5],
+        src: l,
+        scale: s
+      }),
+      zIndex: 2
+    });
+  const n = a.get("features");
+  if (n) {
+    const r = n[0].get("icon");
+    if (r)
+      return new e({
+        image: new o({
+          anchor: [0.5, 0.5],
+          src: r,
+          scale: s
+        }),
+        ...n.length > 1 ? {
+          text: new g({
+            text: n.length.toString(),
+            font: "12px sans-serif",
+            fill: new t({
+              color: "#ff0"
+            })
+          })
+        } : {},
+        zIndex: 2
+      });
+  }
+  return f;
+};
+export {
+  m as defaultStyle,
+  h as markerStyle,
+  x as selectStyleFunction,
+  f as selectedStyle
+};

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

@@ -0,0 +1,78 @@
+import { jsxs as r, Fragment as i, jsx as e } from "react/jsx-runtime";
+import { Grid as t, TextField as n, FormControl as m, InputLabel as h, Select as s, MenuItem as o } from "@mui/material";
+import c from "./logic.js";
+function L({ coordinate: u, onChange: d }) {
+  const { state: l, action: a } = c({ coordinate: u, onChange: d });
+  return /* @__PURE__ */ r(t, { container: !0, spacing: 2, mt: 1, children: [
+    l.format === "LATLON" && /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(t, { item: !0, xs: 4, children: /* @__PURE__ */ e(
+        n,
+        {
+          label: "Latitude",
+          size: "small",
+          value: l.latLonStr.latitude,
+          onChange: a.onChangeLat
+        }
+      ) }),
+      /* @__PURE__ */ e(t, { item: !0, xs: 4, children: /* @__PURE__ */ e(
+        n,
+        {
+          label: "Longitude",
+          size: "small",
+          value: l.latLonStr.longitude,
+          onChange: a.onChangeLon
+        }
+      ) })
+    ] }),
+    l.format === "DMS" && /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(t, { item: !0, xs: 8, children: /* @__PURE__ */ e(
+      n,
+      {
+        label: "DMS",
+        size: "small",
+        value: l.data.dms,
+        fullWidth: !0,
+        onChange: a.onChangeDms
+      }
+    ) }) }),
+    l.format === "MGRS" && /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(t, { item: !0, xs: 8, children: /* @__PURE__ */ e(
+      n,
+      {
+        label: "MGRS",
+        size: "small",
+        value: l.data.mgrs,
+        fullWidth: !0,
+        onChange: a.onChangeMgrs
+      }
+    ) }) }),
+    l.format === "UTM" && /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(t, { item: !0, xs: 8, children: /* @__PURE__ */ e(
+      n,
+      {
+        label: "UTM",
+        size: "small",
+        value: l.data.utm,
+        fullWidth: !0,
+        onChange: a.onChangeUtm
+      }
+    ) }) }),
+    /* @__PURE__ */ e(t, { item: !0, xs: 4, children: /* @__PURE__ */ r(m, { fullWidth: !0, size: "small", children: [
+      /* @__PURE__ */ e(h, { children: "Format" }),
+      /* @__PURE__ */ r(
+        s,
+        {
+          label: "Format",
+          value: l.format,
+          onChange: a.onChangeFormat,
+          children: [
+            /* @__PURE__ */ e(o, { value: "LATLON", children: "LATLON" }),
+            /* @__PURE__ */ e(o, { value: "DMS", children: "DMS" }),
+            /* @__PURE__ */ e(o, { value: "MGRS", children: "MGRS" }),
+            /* @__PURE__ */ e(o, { value: "UTM", children: "UTM" })
+          ]
+        }
+      )
+    ] }) })
+  ] });
+}
+export {
+  L as default
+};