@hybridcore/ui 1.3.3 → 1.3.5

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-CtuBGOmk.js";
+import { C as l } from "../../../../../index-B3Oj04nl.js";
 import "react";
 import "lodash";
 import "dayjs";

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

@@ -1,17 +1,17 @@
 import "react/jsx-runtime";
 import "lodash";
 import "dayjs";
-import { V as b } from "../../../../../index-CtuBGOmk.js";
+import { V as b } from "../../../../../index-B3Oj04nl.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 "../../../../../FormControlLabel-Df7csguX.js";
-import "../../../../../Checkbox-BGNAqLl0.js";
-import "../../../../../FormControl-ChTmxscy.js";
-import "../../../../../Select-C1jD_gBQ.js";
-import "../../../../../MenuItem-DF45rx2m.js";
+import "../../../../../FormControlLabel-DENNVXWL.js";
+import "../../../../../Checkbox-BFWhj3s-.js";
+import "../../../../../FormControl-BMRUQKHh.js";
+import "../../../../../Select-NDq3WyLt.js";
+import "../../../../../MenuItem-DstAFfik.js";
 export {
   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-CtuBGOmk.js";
+import { V as m } from "../../../../../index-B3Oj04nl.js";
 import d from "lodash";
 function h({
   template: o,

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

@@ -8,9 +8,9 @@ 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 } from "../../FormControl-ChTmxscy.js";
-import { I as G } from "../../Input-DU22-Zbo.js";
-import { I as w } from "../../InputAdornment-6aeADcPO.js";
+import { F as L, I as z } from "../../FormControl-BMRUQKHh.js";
+import { I as G } from "../../Input-Dxzguyp5.js";
+import { I as w } from "../../InputAdornment-B8ERE7Zv.js";
 const Q = ({
   label: c,
   mapboxAccessToken: r,

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

package/dist/components/map/styled.js

@@ -1,6 +1,6 @@
-import { S as r, F as t, a, C as s, I as c, T as f } from "../../Text-D6oGbCdi.js";
-import { s as d } from "../../styled-CVWGE9ik.js";
-const i = 0.4, g = d("div")(
+import { S as r, F as t, a as i, C as s, I as c, T as d } from "../../Text-D6oGbCdi.js";
+import { e as f } from "../../createStyled-B96gjom1.js";
+const g = f(), a = 0.4, w = g("div")(
   ({ theme: o, cssPosition: n = "absolute" }) => ({
     position: n,
     width: "100%",
@@ -18,11 +18,11 @@ const i = 0.4, g = d("div")(
       }
     }
   })
-), p = new r({
+), y = new r({
   fill: new t({
     color: "rgba(255, 255, 255, 0.2)"
   }),
-  stroke: new a({
+  stroke: new i({
     color: "#2daae1",
     width: 2
   }),
@@ -32,11 +32,11 @@ const i = 0.4, g = d("div")(
       color: "#2daae1"
     })
   })
-}), w = new r({
+}), u = new r({
   fill: new t({
     color: "rgba(255, 255, 255, 0.4)"
   }),
-  stroke: new a({
+  stroke: new i({
     color: "#0f70b7",
     width: 2
   }),
@@ -53,7 +53,7 @@ const i = 0.4, g = d("div")(
       image: new c({
         anchor: [0.5, 0.5],
         src: n,
-        scale: i
+        scale: a
       }),
       zIndex: 2
     });
@@ -65,10 +65,10 @@ const i = 0.4, g = d("div")(
         image: new c({
           anchor: [0.5, 0.5],
           src: l,
-          scale: i
+          scale: a
         }),
         ...e.length > 1 && {
-          text: new f({
+          text: new d({
             text: e.length.toString(),
             font: "14px sans-serif",
             fill: new t({
@@ -79,13 +79,13 @@ const i = 0.4, g = d("div")(
         zIndex: 2
       });
   }
-  return w;
+  return u;
 }, m = {
-  Container: g
+  Container: w
 };
 export {
   m as default,
-  p as defaultStyle,
+  y as defaultStyle,
   b as selectStyleFunction,
-  w as selectedStyle
+  u as selectedStyle
 };

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

@@ -2,10 +2,10 @@ 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 } from "../../FormControl-ChTmxscy.js";
-import { O as v } from "../../OutlinedInput-DJCHjkR3.js";
-import { I as g } from "../../InputAdornment-6aeADcPO.js";
-import { I as t } from "../../IconButton-Cu_XEJB2.js";
+import { F as _, I as j } from "../../FormControl-BMRUQKHh.js";
+import { O as v } from "../../OutlinedInput-w2Cj9STF.js";
+import { I as g } from "../../InputAdornment-B8ERE7Zv.js";
+import { I as t } from "../../IconButton-D8bwME9t.js";
 const z = ({
   defaultValue: x = "",
   label: I = "Search",

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

@@ -1,7 +1,7 @@
 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 as p } from "../../property-BSufYw1E.js";
+import p from "./property.js";
 const K = ({
   values: f,
   templates: d,

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

@@ -1,12 +1,211 @@
-import "react/jsx-runtime";
-import "react";
-import "dayjs";
-import "@mui/icons-material";
-import "@mui/material";
-import "../../FormControlLabel-Df7csguX.js";
-import "../../Checkbox-BGNAqLl0.js";
-import { P as l } from "../../property-BSufYw1E.js";
-import "../../FormControl-ChTmxscy.js";
+import { jsx as n, jsxs as m, Fragment as P } from "react/jsx-runtime";
+import { useState as k } from "react";
+import r from "dayjs";
+import { RadioButtonUnchecked as w, CheckCircle as F, KeyboardArrowUp as S, KeyboardArrowDown as Y } from "@mui/icons-material";
+import { Typography as p, FormLabel as y, FormGroup as D, Button as L } from "@mui/material";
+import { DatePicker as I } from "@mui/x-date-pickers";
+import { T as x, F as C } from "../../FormControlLabel-DENNVXWL.js";
+import { B as c, C as V } from "../../Checkbox-BFWhj3s-.js";
+import { F as B } from "../../FormControl-BMRUQKHh.js";
+function G({
+  property: e,
+  value: t,
+  size: d = "medium",
+  onChange: f
+}) {
+  var g;
+  const u = (o) => (a) => {
+    let l = { ...t };
+    const i = a.target.type === "checkbox" ? a.target.checked : a.target.value;
+    l[o] = String(i), f({
+      [a.target.name]: l
+    });
+  }, M = (o) => {
+    var s;
+    const a = { ...t }, { value: l, checked: i } = o.target;
+    i ? (a.list || (a.list = []), a.list.push(l)) : a.list = (s = a.list) == null ? void 0 : s.filter((h) => h !== l), f({
+      [o.target.name]: a
+    });
+  }, b = (o) => (a) => {
+    let l = { ...t };
+    l[o] = r(a).format("YYYY-MM-DD"), f({
+      [e.propertyId]: l
+    });
+  };
+  if (["string", "text", "list"].includes(e.type))
+    return /* @__PURE__ */ n(
+      x,
+      {
+        label: e.name,
+        name: e.propertyId,
+        value: t.exact ?? e.defaultValue ?? "",
+        size: d,
+        onChange: u("exact"),
+        variant: "standard",
+        type: "text",
+        multiline: e.type === "text",
+        disabled: !e.editable,
+        fullWidth: !0,
+        sx: { mb: 2 },
+        InputLabelProps: {
+          sx: { fontSize: 14 }
+        }
+      }
+    );
+  if (["integer", "double", "long", "byte"].includes(e.type))
+    return /* @__PURE__ */ m(c, { display: "flex", alignItems: "center", mb: 2, children: [
+      /* @__PURE__ */ n(
+        x,
+        {
+          label: `${e.name} (Min)`,
+          name: e.propertyId,
+          value: t.min ?? e.defaultValue ?? "",
+          size: d,
+          onChange: u("min"),
+          variant: "standard",
+          type: "number",
+          disabled: !e.editable,
+          fullWidth: !0,
+          InputLabelProps: {
+            sx: { fontSize: 14 }
+          }
+        }
+      ),
+      /* @__PURE__ */ n(p, { px: 1, children: "-" }),
+      /* @__PURE__ */ n(
+        x,
+        {
+          label: `${e.name} (Max)`,
+          name: e.propertyId,
+          value: t.max ?? e.defaultValue ?? "",
+          size: d,
+          onChange: u("max"),
+          variant: "standard",
+          type: "number",
+          disabled: !e.editable,
+          fullWidth: !0,
+          InputLabelProps: {
+            sx: { fontSize: 14 }
+          }
+        }
+      )
+    ] });
+  if (e.type === "date") {
+    const o = "DD/MM/YYYY", a = "YYYY-MM-DD", l = t.min && r(t.min, a, !0).isValid() ? r(t.min, a) : null, i = t.max && r(t.max, a, !0).isValid() ? r(t.max, a) : null;
+    return /* @__PURE__ */ m(c, { mb: 2, display: "flex", alignItems: "end", children: [
+      /* @__PURE__ */ n(
+        I,
+        {
+          label: `${e.name} (Min)`,
+          value: l,
+          format: o,
+          views: ["year", "month", "day"],
+          slotProps: {
+            textField: {
+              variant: "standard",
+              name: e.propertyId,
+              size: d,
+              fullWidth: !0,
+              InputLabelProps: { sx: { fontSize: 14 } },
+              inputProps: { sx: { fontSize: 14 } }
+            }
+          },
+          onChange: b("min")
+        }
+      ),
+      /* @__PURE__ */ n(p, { px: 1, children: "-" }),
+      /* @__PURE__ */ n(
+        I,
+        {
+          label: `${e.name} (Max)`,
+          value: i,
+          format: o,
+          minDate: l !== null ? l : void 0,
+          views: ["year", "month", "day"],
+          slotProps: {
+            textField: {
+              variant: "standard",
+              name: e.propertyId,
+              size: d,
+              fullWidth: !0,
+              InputLabelProps: { sx: { fontSize: 14 } },
+              inputProps: { sx: { fontSize: 14 } }
+            }
+          },
+          onChange: b("max")
+        }
+      )
+    ] });
+  }
+  if (e.type === "boolean")
+    return /* @__PURE__ */ n(c, { mb: 2, children: /* @__PURE__ */ n(
+      C,
+      {
+        label: e.name,
+        control: /* @__PURE__ */ n(
+          V,
+          {
+            size: d,
+            name: e.propertyId,
+            checked: !!t,
+            icon: /* @__PURE__ */ n(w, {}),
+            checkedIcon: /* @__PURE__ */ n(F, {}),
+            onChange: u("exact")
+          }
+        ),
+        slotProps: {
+          typography: {
+            fontSize: 14
+          }
+        }
+      }
+    ) });
+  if (e.type === "enum") {
+    const [o, a] = k(!1), l = 10;
+    let i = [];
+    return (g = e.dataTypeInfo) != null && g.enumValues && (i = e.dataTypeInfo.enumValues), /* @__PURE__ */ m(c, { mb: 2, children: [
+      /* @__PURE__ */ m(B, { fullWidth: !0, component: "fieldset", variant: "standard", children: [
+        /* @__PURE__ */ n(y, { component: "legend", sx: { mb: 1 }, children: e.name }),
+        /* @__PURE__ */ n(D, { children: i.slice(0, o ? 9999 : l).map((s, h) => /* @__PURE__ */ n(
+          C,
+          {
+            label: s,
+            control: /* @__PURE__ */ n(
+              V,
+              {
+                name: e.name,
+                value: s,
+                size: "small",
+                checked: t.list ? t.list.includes(s) : !1,
+                onChange: M
+              }
+            ),
+            componentsProps: {
+              typography: {
+                variant: "body2"
+              }
+            }
+          },
+          h
+        )) })
+      ] }),
+      i.length > l && /* @__PURE__ */ m(
+        L,
+        {
+          size: "small",
+          sx: { p: 0, textTransform: "none" },
+          endIcon: o ? /* @__PURE__ */ n(S, {}) : /* @__PURE__ */ n(Y, {}),
+          onClick: () => a((s) => !s),
+          children: [
+            "Show ",
+            o ? "Less" : "More"
+          ]
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ n(P, {});
+}
 export {
-  l as default
+  G as default
 };

package/dist/components/tree-select/index.js

@@ -3,10 +3,10 @@ import f from "react";
 import { TreeViewFilter as _ } from "../treeview-filter/index.js";
 import r from "lodash";
 import { flattenNestedTemplates as b } from "../../utils/ontology.js";
-import { F as A, I as E } from "../../FormControl-ChTmxscy.js";
-import { S as M } from "../../Select-C1jD_gBQ.js";
-import { M as j } from "../../MenuItem-DF45rx2m.js";
-import { D as B, a as k, b as w, B as L } from "../../DialogContent-CKeAZ3Ts.js";
+import { F as A, I as E } from "../../FormControl-BMRUQKHh.js";
+import { S as M } from "../../Select-NDq3WyLt.js";
+import { M as j } from "../../MenuItem-DstAFfik.js";
+import { D as B, a as k, b as w, B as L } from "../../DialogContent-BCYm_d1s.js";
 const P = ({
   data: h,
   label: s,

package/dist/components/treeview-filter/index.js

@@ -1,33 +1,32 @@
 import Ne, { jsx as C, jsxs as it, Fragment as ut } from "react/jsx-runtime";
 import * as f from "react";
 import Se from "react";
-import { g as dt, s as ft, i as Oe } from "../../styled-iyoioZCr.js";
-import { r as Te } from "../../createSvgIcon-6wv0RQr3.js";
-import { T as pt, D as ht, c as mt, I as xt } from "../../index-DzFccwzL.js";
+import { r as Oe, i as Te } from "../../createSvgIcon-B2WT0K4k.js";
+import { T as dt, D as ft, I as pt } from "../../index-CSfSVkKj.js";
 import we from "lodash";
-import { Box as gt } from "@mui/material";
-import { SearchInput as bt } from "../search-input/index.js";
-import { flattenNestedTemplates as St } from "../../utils/ontology.js";
-import { P as o } from "../../createTheme-C3DKplhE.js";
-import { g as wt, a as yt } from "../../chainPropTypes-GRMJ22CO.js";
-import { u as It } from "../../useThemeProps-C90JF0Qc.js";
-import { u as Ct } from "../../useTheme-pWltVFb2.js";
+import { Box as ht } from "@mui/material";
+import { SearchInput as mt } from "../search-input/index.js";
+import { flattenNestedTemplates as xt } from "../../utils/ontology.js";
+import { g as gt, u as bt, c as St, a as wt } from "../../useThemeProps-DeftUmqJ.js";
+import { P as o } from "../../createStyled-B96gjom1.js";
+import { g as yt, s as It } from "../../styled-cPJbqF0E.js";
+import { u as Ct } from "../../useTheme-C-T6Qisa.js";
 import { u as Nt } from "../../useId-BHG98T5I.js";
-import { u as Ot } from "../../ButtonBase-DE8d_U2E.js";
-import { u as ye } from "../../createSvgIcon-DPZ7UbxM.js";
+import { a as Ot } from "../../ButtonBase-D6qhsxB0.js";
+import { u as ye } from "../../createSvgIcon-BNrb7rDY.js";
 import { o as Tt } from "../../ownerDocument-CUrv0DIK.js";
 function Rt(d) {
-  return dt("MuiTreeView", d);
+  return yt("MuiTreeView", d);
 }
-wt("MuiTreeView", ["root"]);
+gt("MuiTreeView", ["root"]);
 const kt = (d) => {
   const {
     classes: b
   } = d;
-  return yt({
+  return wt({
     root: ["root"]
   }, Rt, b);
-}, Et = ft("ul", {
+}, Et = It("ul", {
   name: "MuiTreeView",
   slot: "Root",
   overridesResolver: (d, b) => b.root
@@ -50,7 +49,7 @@ function Ce() {
   return !1;
 }
 const Pt = [], At = [], Re = /* @__PURE__ */ f.forwardRef(function(b, E) {
-  const y = It({
+  const y = bt({
     props: b,
     name: "MuiTreeView"
   }), {
@@ -310,7 +309,7 @@ const Pt = [], At = [], Re = /* @__PURE__ */ f.forwardRef(function(b, E) {
   }, ot = (e) => {
     ne(null), D && D(e);
   }, at = i.current[a] ? i.current[a].idAttribute : null;
-  return /* @__PURE__ */ C(pt.Provider, {
+  return /* @__PURE__ */ C(dt.Provider, {
     // TODO: fix this lint error
     // eslint-disable-next-line react/jsx-no-constructed-context-values
     value: {
@@ -337,13 +336,13 @@ const Pt = [], At = [], Re = /* @__PURE__ */ f.forwardRef(function(b, E) {
       unregisterNode: et,
       treeId: pe
     },
-    children: /* @__PURE__ */ C(ht, {
+    children: /* @__PURE__ */ C(ft, {
       children: /* @__PURE__ */ C(Et, {
         role: "tree",
         id: pe,
         "aria-activedescendant": at,
         "aria-multiselectable": p,
-        className: mt(Ae.root, Y),
+        className: St(Ae.root, Y),
         ref: De,
         tabIndex: 0,
         onKeyDown: nt,
@@ -470,23 +469,23 @@ process.env.NODE_ENV !== "production" && (Re.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-var ce = {}, Dt = Oe;
+var ce = {}, Dt = Te;
 Object.defineProperty(ce, "__esModule", {
   value: !0
 });
-var ke = ce.default = void 0, Mt = Dt(Te()), _t = Ne;
+var ke = ce.default = void 0, Mt = Dt(Oe()), _t = Ne;
 ke = ce.default = (0, Mt.default)(/* @__PURE__ */ (0, _t.jsx)("path", {
   d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
 }), "ExpandMore");
-var le = {}, jt = Oe;
+var le = {}, jt = Te;
 Object.defineProperty(le, "__esModule", {
   value: !0
 });
-var Ee = le.default = void 0, Vt = jt(Te()), Kt = Ne;
+var Ee = le.default = void 0, Vt = jt(Oe()), Kt = Ne;
 Ee = le.default = (0, Vt.default)(/* @__PURE__ */ (0, Kt.jsx)("path", {
   d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
 }), "ChevronRight");
-const nr = ({
+const rr = ({
   data: d,
   idKey: b = "id",
   selected: E,
@@ -496,14 +495,14 @@ const nr = ({
   onChange: Z,
   onToggle: v
 }) => {
-  const [A, ee] = Se.useState(""), te = St(d), q = Se.useMemo(() => A.length > 0 ? te.filter(
+  const [A, ee] = Se.useState(""), te = xt(d), q = Se.useMemo(() => A.length > 0 ? te.filter(
     (I) => I.name.toLowerCase().includes(A)
   ) : d, [A, d]);
   let N = null;
   const g = 500;
   return /* @__PURE__ */ it(ut, { children: [
-    !Y && /* @__PURE__ */ C(gt, { px: 1, children: /* @__PURE__ */ C(
-      bt,
+    !Y && /* @__PURE__ */ C(ht, { px: 1, children: /* @__PURE__ */ C(
+      mt,
       {
         fullWidth: !0,
         disableLabel: !0,
@@ -532,7 +531,7 @@ const nr = ({
         children: q.map((I, p) => {
           const D = String(I[b]), U = we.includes(E, D), z = we.includes($, D);
           return /* @__PURE__ */ C(
-            xt,
+            pt,
             {
               id: D,
               idKey: b,
@@ -552,5 +551,5 @@ const nr = ({
   ] });
 };
 export {
-  nr as TreeViewFilter
+  rr as TreeViewFilter
 };

package/dist/components/treeview-filter/item/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../item-label/index.js";
 import "lodash";
-import { I as i } from "../../../index-DzFccwzL.js";
+import { I as i } from "../../../index-CSfSVkKj.js";
 export {
   i as default
 };

package/dist/components/treeview-filter/item-label/index.js

@@ -1,7 +1,7 @@
 import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import { RadioButtonUnchecked as l, CheckCircle as s } from "@mui/icons-material";
-import { B as p, C as h } from "../../../Checkbox-BGNAqLl0.js";
-import { T as d } from "../../../Typography-C2BkMNk-.js";
+import { B as p, C as h } from "../../../Checkbox-BFWhj3s-.js";
+import { T as d } from "../../../Typography-Dg-ROiTA.js";
 function k({
   id: t,
   name: n,