@hybridcore/ui 1.1.2 → 1.2.0

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

@@ -3,7 +3,7 @@ import "@mui/material";
 import "./styled.js";
 import "@mui/icons-material";
 import "../../../../../hooks/useToggle.js";
-import { C as l } from "../../../../../index-Bw_m9ult.js";
+import { C as l } from "../../../../../index-DHnXB0CB.js";
 import "react";
 import "lodash";
 import "dayjs";

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

@@ -1,15 +1,17 @@
 import "react/jsx-runtime";
 import "lodash";
 import "dayjs";
-import { V as x } from "../../../../../index-Bw_m9ult.js";
+import { V as b } from "../../../../../index-DHnXB0CB.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 "../../../../../Checkbox-DostZSwR.js";
-import "../../../../../FormControl-BiAFm76F.js";
-import "../../../../../Select-DxpxZbJp.js";
+import "../../../../../FormControlLabel-j_atSYQA.js";
+import "../../../../../Checkbox-DP6_qp1v.js";
+import "../../../../../FormControl-Cj5nc-Nv.js";
+import "../../../../../Select-BGt6e73I.js";
+import "../../../../../MenuItem-BejUFNIP.js";
 export {
-  x as default
+  b as default
 };

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

@@ -1,6 +1,6 @@
 import { jsx as t, Fragment as i } from "react/jsx-runtime";
 import l from "react";
-import { V as m } from "../../../../../index-Bw_m9ult.js";
+import { V as m } from "../../../../../index-DHnXB0CB.js";
 import d from "lodash";
 function h({
   template: o,

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

@@ -2,7 +2,7 @@ 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-DXmSLlWv.js";
+import { g as y, c as g } from "../../../ol-q6vTiF_t.js";
 import { useState as h } from "react";
 import { Add as P } from "@mui/icons-material";
 import { parse as v, convert as x } from "../../map/helpers/wkt.js";

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

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as e, 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 C from "../map/index.js";
-import { c as P, a as R } from "../../../ol-DXmSLlWv.js";
+import { c as P, a as R } from "../../../ol-q6vTiF_t.js";
 import { parse as S } from "../../map/helpers/wkt.js";
 import _ from "lodash";
 import { t as B } from "../../../Source-CnCcu5UP.js";

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

@@ -3,7 +3,7 @@ import D, { useState as k } from "react";
 import { Dialog as R, DialogContent as K, Box as t, Typography as x, DialogActions as F, Button as d } from "@mui/material";
 import P from "../map/index.js";
 import b from "../parser/index.js";
-import { c as _ } from "../../../ol-DXmSLlWv.js";
+import { c as _ } from "../../../ol-q6vTiF_t.js";
 import { Button as l } from "../styled.js";
 import { HorizontalRule as j, ShowChart as O, CircleOutlined as I } from "@mui/icons-material";
 import L from "./map-overlay.js";

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

@@ -8,8 +8,8 @@ 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, a as G } from "../../FormControl-BiAFm76F.js";
-import { I as w } from "../../Input-Bf5G3tFN.js";
+import { F as L, I as z, a as G } from "../../FormControl-Cj5nc-Nv.js";
+import { I as w } from "../../Input-BY_yKOrF.js";
 const J = ({
   label: c,
   mapboxAccessToken: r,

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

@@ -3,7 +3,7 @@ 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 { validate as C } from "../../map/helpers/kml.js";
-import { b as L, c as T } from "../../../ol-DXmSLlWv.js";
+import { b as L, c as T } from "../../../ol-q6vTiF_t.js";
 function W({ onCancel: m, onSubmit: a }) {
   const [t, l] = i(), [o, f] = i(), [s, n] = i(), p = (e) => {
     l(e);

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-IvOfmM1F.js";
+import { O as u } from "../../../index-JrtqxUdI.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,6 +1,6 @@
 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 ze, i as _e, R as Ge, j as ye, k as J, M as D, l as Je, m as Qe, o as et, q as tt, L as z, r as it, t as Ie, u as Re, G as st, v as nt, b as Fe, a as rt } from "../../../ol-DXmSLlWv.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 ze, i as _e, R as Ge, j as ye, k as J, M as D, l as Je, m as Qe, o as et, q as tt, L as z, r as it, t as Ie, u as Re, G as st, v as nt, b as Fe, a as rt } from "../../../ol-q6vTiF_t.js";
 import { T as Q, g as F, c as ot, e as Te, B as ne, E as ee, a as at, F as Ae, t as ht, s as be, b as ct, l as q, u as oe } from "../../../has-9_asnBxn.js";
 import { c as xe } from "../../../Text-BT5kPHOo.js";
 import { defaultStyle as lt, selectStyleFunction as dt, markerStyle as ut } from "./style.js";

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-CQJ8wZE8.js";
+import { I as e } from "../../IconButton-2FRFauye.js";
 const a = ({
   variant: i = "default",
   startIcon: f,

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

@@ -1,9 +1,9 @@
 import "lodash";
 import "../../../Source-CnCcu5UP.js";
-import { x as K, c as n, D as T, E as i, b as p, a as u, z as M, y as L, d as l, w as k, B as W, g as f, J as g, A as x, H as C } from "../../../ol-DXmSLlWv.js";
+import { x as K, c as n, D as T, E as i, b as p, a as u, z as M, y as L, d as l, w as k, B as W, g as f, J as g, A as x, H as C } from "../../../ol-q6vTiF_t.js";
 import "ol";
 import "./kml.js";
-import "../../../styled-C43K9x7T.js";
+import "../styled.js";
 import "./wkt.js";
 import "../../../Text-BT5kPHOo.js";
 export {

package/dist/components/map/index.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
 import "./logic.js";
-import "../../styled-C43K9x7T.js";
-import { O as a } from "../../index-IvOfmM1F.js";
+import "./styled.js";
+import { O as a } from "../../index-JrtqxUdI.js";
 export {
   a as default
 };

package/dist/components/map/logic.js

@@ -1,5 +1,5 @@
 import a from "react";
-import { d as R } from "../../ol-DXmSLlWv.js";
+import { d as R } from "../../ol-q6vTiF_t.js";
 import { a as _ } from "../../Source-CnCcu5UP.js";
 function U({
   id: l = "map",

package/dist/components/map/styled.js

@@ -1,8 +1,91 @@
-import "../../Text-BT5kPHOo.js";
-import { M as l, d as s, a as d, b as o } from "../../styled-C43K9x7T.js";
+import { S as r, F as t, a, C as s, I as c, T as f } from "../../Text-BT5kPHOo.js";
+import { s as d } from "../../styled-CHMAYxVs.js";
+const i = 0.4, g = d("div")(
+  ({ theme: o, cssPosition: n = "absolute" }) => ({
+    position: n,
+    width: "100%",
+    height: "100%",
+    // minHeight: 500,
+    backgroundColor: o.palette.background.paper,
+    "& .ol-zoom": {
+      backgroundColor: "transparent",
+      "& button": {
+        borderRadius: "50%",
+        fontSize: 20,
+        width: 34,
+        height: 34,
+        marginTop: 3
+      }
+    }
+  })
+), p = new r({
+  fill: new t({
+    color: "rgba(255, 255, 255, 0.2)"
+  }),
+  stroke: new a({
+    color: "#2daae1",
+    width: 2
+  }),
+  image: new s({
+    radius: 7,
+    fill: new t({
+      color: "#2daae1"
+    })
+  })
+}), w = new r({
+  fill: new t({
+    color: "rgba(255, 255, 255, 0.4)"
+  }),
+  stroke: new a({
+    color: "#0f70b7",
+    width: 2
+  }),
+  image: new s({
+    radius: 7,
+    fill: new t({
+      color: "#0f70b7"
+    })
+  })
+}), b = (o) => {
+  const n = o.get("icon");
+  if (n)
+    return new r({
+      image: new c({
+        anchor: [0.5, 0.5],
+        src: n,
+        scale: i
+      }),
+      zIndex: 2
+    });
+  const e = o.get("features");
+  if (e) {
+    const l = e.length > 1 ? e[0].get("clusterIcon") : e[0].get("icon");
+    if (l)
+      return new r({
+        image: new c({
+          anchor: [0.5, 0.5],
+          src: l,
+          scale: i
+        }),
+        ...e.length > 1 && {
+          text: new f({
+            text: e.length.toString(),
+            font: "14px sans-serif",
+            fill: new t({
+              color: "#fff"
+            })
+          })
+        },
+        zIndex: 2
+      });
+  }
+  return w;
+}, m = {
+  Container: g
+};
 export {
-  l as default,
-  s as defaultStyle,
-  d as selectStyleFunction,
-  o as selectedStyle
+  m as default,
+  p as defaultStyle,
+  b as selectStyleFunction,
+  w as selectedStyle
 };

package/dist/components/search-input/index.js

@@ -1,76 +1,147 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import m, { useState as O } from "react";
-import { Close as k, Search as w } from "@mui/icons-material";
-import { F, I as R, a as _ } from "../../FormControl-BiAFm76F.js";
-import { O as j } from "../../OutlinedInput-BEVE8VZQ.js";
-import { I as h } from "../../IconButton-CQJ8wZE8.js";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import k, { useState as O } from "react";
+import { Close as m, Search as u } from "@mui/icons-material";
+import { FilledInput as b, Input as R } from "@mui/material";
+import { F as _, I as j, a as g } from "../../FormControl-Cj5nc-Nv.js";
+import { O as v } from "../../OutlinedInput-CnzESIDi.js";
+import { I as t } from "../../IconButton-2FRFauye.js";
 const z = ({
-  defaultValue: f = "",
-  label: l = "Search",
-  placeholder: p,
-  disableLabel: s = !1,
-  fullWidth: u = !1,
-  iconSize: t = "medium",
-  sx: I,
-  onChange: i,
-  onSubmit: r
-}, g) => {
-  const [a, o] = O(f), C = (n) => {
-    o(n.target.value), i && i(n.target.value);
-  }, d = (n) => {
-    r && r(a);
-  }, v = (n) => {
-    n.key === "Enter" && d();
-  }, x = () => {
-    o("");
+  defaultValue: x = "",
+  label: C = "Search",
+  placeholder: i,
+  disableLabel: I = !1,
+  fullWidth: w = !1,
+  variant: l = "outlined",
+  size: A = "small",
+  iconSize: n = "medium",
+  sx: D,
+  onChange: y,
+  onSubmit: a
+}, F) => {
+  const [r, h] = O(x), c = (o) => {
+    h(o.target.value), y && y(o.target.value);
+  }, d = (o) => {
+    a && a(r);
+  }, p = (o) => {
+    o.key === "Enter" && d();
+  }, K = () => {
+    h("");
   };
-  m.useImperativeHandle(g, () => ({
+  k.useImperativeHandle(F, () => ({
     reset() {
-      x();
+      K();
     }
   }));
-  const y = () => {
-    o(""), r && r("");
+  const f = () => {
+    h(""), a && a("");
   };
-  return /* @__PURE__ */ c(F, { sx: I, size: "small", variant: "outlined", fullWidth: u, children: [
-    !s && /* @__PURE__ */ e(R, { htmlFor: "search-input", children: l }),
-    /* @__PURE__ */ e(
-      j,
+  return /* @__PURE__ */ s(_, { sx: D, size: A, variant: l, fullWidth: w, children: [
+    !I && /* @__PURE__ */ e(j, { htmlFor: "search-input", children: C }),
+    l === "outlined" && /* @__PURE__ */ e(
+      v,
       {
         id: "search-input",
         type: "text",
-        label: s ? "" : l,
-        value: a,
-        placeholder: p,
-        onChange: C,
-        onKeyDown: v,
-        endAdornment: /* @__PURE__ */ c(_, { position: "end", children: [
-          a.length > 0 && /* @__PURE__ */ e(
-            h,
+        label: I ? "" : C,
+        value: r,
+        placeholder: i,
+        onChange: c,
+        onKeyDown: p,
+        endAdornment: /* @__PURE__ */ s(g, { position: "end", children: [
+          r.length > 0 && /* @__PURE__ */ e(
+            t,
             {
               "aria-label": "search",
-              onClick: y,
+              onClick: f,
               edge: "end",
-              size: t,
+              size: n,
               color: "error",
-              children: /* @__PURE__ */ e(k, { fontSize: t })
+              children: /* @__PURE__ */ e(m, { fontSize: n })
             }
           ),
           /* @__PURE__ */ e(
-            h,
+            t,
             {
               "aria-label": "search",
               onClick: d,
               edge: "end",
-              size: t,
-              children: /* @__PURE__ */ e(w, { fontSize: t })
+              size: n,
+              children: /* @__PURE__ */ e(u, { fontSize: n })
+            }
+          )
+        ] })
+      }
+    ),
+    l === "filled" && /* @__PURE__ */ e(
+      b,
+      {
+        id: "search-input",
+        type: "text",
+        value: r,
+        placeholder: i,
+        onChange: c,
+        onKeyDown: p,
+        endAdornment: /* @__PURE__ */ s(g, { position: "end", children: [
+          r.length > 0 && /* @__PURE__ */ e(
+            t,
+            {
+              "aria-label": "search",
+              onClick: f,
+              edge: "end",
+              size: n,
+              color: "error",
+              children: /* @__PURE__ */ e(m, { fontSize: n })
+            }
+          ),
+          /* @__PURE__ */ e(
+            t,
+            {
+              "aria-label": "search",
+              onClick: d,
+              edge: "end",
+              size: n,
+              children: /* @__PURE__ */ e(u, { fontSize: n })
+            }
+          )
+        ] })
+      }
+    ),
+    l === "standard" && /* @__PURE__ */ e(
+      R,
+      {
+        id: "search-input",
+        type: "text",
+        value: r,
+        placeholder: i,
+        onChange: c,
+        onKeyDown: p,
+        endAdornment: /* @__PURE__ */ s(g, { position: "end", children: [
+          r.length > 0 && /* @__PURE__ */ e(
+            t,
+            {
+              "aria-label": "search",
+              onClick: f,
+              edge: "end",
+              size: n,
+              color: "error",
+              children: /* @__PURE__ */ e(m, { fontSize: n })
+            }
+          ),
+          /* @__PURE__ */ e(
+            t,
+            {
+              "aria-label": "search",
+              onClick: d,
+              edge: "end",
+              size: n,
+              children: /* @__PURE__ */ e(u, { fontSize: n })
             }
           )
         ] })
       }
     )
   ] });
-}, H = m.forwardRef(z);
+}, L = k.forwardRef(z);
 export {
-  H as SearchInput
+  L as SearchInput
 };

package/dist/components/template-property-filters/index.js

@@ -0,0 +1,78 @@
+import { jsx as s, Fragment as c } from "react/jsx-runtime";
+import a from "lodash";
+import { CollapsibleCard as g } from "../collapsible-card/index.js";
+import p from "./property.js";
+const K = ({
+  values: f,
+  templates: d,
+  onChange: u
+}) => {
+  const m = (t) => (r) => {
+    if (t) {
+      let e = f.find((l) => l.templateKey === t);
+      if (e) {
+        const l = a.keys(r)[0];
+        let i = e.filters.findIndex(
+          (o) => o.fieldName === l
+        );
+        const n = a.get(r, l);
+        a.values(n).filter((o) => o !== "").length === 0 && i !== -1 ? e.filters.splice(i, 1) : i !== -1 ? e.filters[i] = {
+          fieldName: l,
+          value: n
+        } : e.filters.push({
+          fieldName: l,
+          value: n
+        });
+      }
+      u(f);
+    } else console.warn("Template could not be found!");
+  };
+  if (f.length === 1) {
+    const t = f[0], r = d.get(t.templateKey);
+    return /* @__PURE__ */ s(c, { children: r == null ? void 0 : r.properties.map((e, l) => {
+      let i = {};
+      const n = t.filters.find(
+        (o) => o.fieldName === e.propertyId
+      );
+      return n && (i = n.value), /* @__PURE__ */ s(
+        p,
+        {
+          property: e,
+          value: i,
+          size: "small",
+          onChange: m(r == null ? void 0 : r.templateKey)
+        },
+        l
+      );
+    }) });
+  }
+  return f.map((t, r) => {
+    const e = d.get(t.templateKey);
+    return /* @__PURE__ */ s(
+      g,
+      {
+        header: e == null ? void 0 : e.name,
+        content: /* @__PURE__ */ s(c, { children: e == null ? void 0 : e.properties.map((l, i) => {
+          let n = {};
+          const o = t.filters.find(
+            (h) => h.fieldName === l.propertyId
+          );
+          return o && (n = o.value), /* @__PURE__ */ s(
+            p,
+            {
+              property: l,
+              value: n,
+              size: "small",
+              onChange: m(e == null ? void 0 : e.templateKey)
+            },
+            i
+          );
+        }) })
+      },
+      r
+    );
+  });
+};
+export {
+  K as TemplatePropertyFilters
+};