@hybridcore/ui 1.3.4 → 1.3.6

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-D9TdkXAs.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-D9TdkXAs.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-hDa-xf_q.js";
-import "../../../../../Checkbox-DzmWBCrt.js";
-import "../../../../../FormControl-aXQs42m6.js";
-import "../../../../../Select-Cdmu0dQ4.js";
-import "../../../../../MenuItem-BEW28T9O.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-D9TdkXAs.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-aXQs42m6.js";
-import { I as G } from "../../Input-CeVb6kjv.js";
-import { I as w } from "../../InputAdornment-fM3loNyx.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-SnBOFQ43.js";
+import { I as e } from "../../IconButton-D8bwME9t.js";
 const a = ({
   variant: i = "default",
   startIcon: f,

package/dist/components/map/styled.js

@@ -1,5 +1,5 @@
 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-liRRhQcN.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,

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-aXQs42m6.js";
-import { O as v } from "../../OutlinedInput-DkzLHRTd.js";
-import { I as g } from "../../InputAdornment-fM3loNyx.js";
-import { I as t } from "../../IconButton-SnBOFQ43.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-BsU8ijQF.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-hDa-xf_q.js";
-import "../../Checkbox-DzmWBCrt.js";
-import { P as l } from "../../property-BsU8ijQF.js";
-import "../../FormControl-aXQs42m6.js";
+import { jsx as a, jsxs as r, Fragment as k } from "react/jsx-runtime";
+import { useState as w } from "react";
+import m from "dayjs";
+import { RadioButtonUnchecked as F, CheckCircle as S, KeyboardArrowUp as Y, KeyboardArrowDown as y } from "@mui/icons-material";
+import { Typography as p, FormLabel as D, FormGroup as L, Button as B } 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 f, C as V } from "../../Checkbox-BFWhj3s-.js";
+import { F as T } from "../../FormControl-BMRUQKHh.js";
+function R({
+  property: e,
+  value: t,
+  size: d = "medium",
+  onChange: h
+}) {
+  var g;
+  const u = (o) => (n) => {
+    let l = { ...t };
+    const i = n.target.type === "checkbox" ? n.target.checked : n.target.value;
+    l[o] = String(i), h({
+      [n.target.name]: l
+    });
+  }, M = (o) => {
+    var c;
+    const n = { ...t }, { value: l, checked: i, name: s } = o.target;
+    i ? (n.list || (n.list = []), n.list.push(l)) : n.list = (c = n.list) == null ? void 0 : c.filter((P) => P !== l), h({
+      [s]: n
+    });
+  }, b = (o) => (n) => {
+    let l = { ...t };
+    l[o] = m(n).format("YYYY-MM-DD"), h({
+      [e.propertyId]: l
+    });
+  };
+  if (["string", "text", "list"].includes(e.type))
+    return /* @__PURE__ */ a(
+      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__ */ r(f, { display: "flex", alignItems: "center", mb: 2, children: [
+      /* @__PURE__ */ a(
+        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__ */ a(p, { px: 1, children: "-" }),
+      /* @__PURE__ */ a(
+        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", n = "YYYY-MM-DD", l = t.min && m(t.min, n, !0).isValid() ? m(t.min, n) : null, i = t.max && m(t.max, n, !0).isValid() ? m(t.max, n) : null;
+    return /* @__PURE__ */ r(f, { mb: 2, display: "flex", alignItems: "end", children: [
+      /* @__PURE__ */ a(
+        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__ */ a(p, { px: 1, children: "-" }),
+      /* @__PURE__ */ a(
+        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__ */ a(f, { mb: 2, children: /* @__PURE__ */ a(
+      C,
+      {
+        label: e.name,
+        control: /* @__PURE__ */ a(
+          V,
+          {
+            size: d,
+            name: e.propertyId,
+            checked: !!t,
+            icon: /* @__PURE__ */ a(F, {}),
+            checkedIcon: /* @__PURE__ */ a(S, {}),
+            onChange: u("exact")
+          }
+        ),
+        slotProps: {
+          typography: {
+            fontSize: 14
+          }
+        }
+      }
+    ) });
+  if (e.type === "enum") {
+    const [o, n] = w(!1), l = 10;
+    let i = [];
+    return (g = e.dataTypeInfo) != null && g.enumValues && (i = e.dataTypeInfo.enumValues), /* @__PURE__ */ r(f, { mb: 2, children: [
+      /* @__PURE__ */ r(T, { fullWidth: !0, component: "fieldset", variant: "standard", children: [
+        /* @__PURE__ */ a(D, { component: "legend", sx: { mb: 1 }, children: e.name }),
+        /* @__PURE__ */ a(L, { children: i.slice(0, o ? 9999 : l).map((s, c) => /* @__PURE__ */ a(
+          C,
+          {
+            label: s,
+            control: /* @__PURE__ */ a(
+              V,
+              {
+                name: e.propertyId,
+                value: s,
+                size: "small",
+                checked: t.list ? t.list.includes(s) : !1,
+                onChange: M
+              }
+            ),
+            componentsProps: {
+              typography: {
+                variant: "body2"
+              }
+            }
+          },
+          c
+        )) })
+      ] }),
+      i.length > l && /* @__PURE__ */ r(
+        B,
+        {
+          size: "small",
+          sx: { p: 0, textTransform: "none" },
+          endIcon: o ? /* @__PURE__ */ a(Y, {}) : /* @__PURE__ */ a(y, {}),
+          onClick: () => n((s) => !s),
+          children: [
+            "Show ",
+            o ? "Less" : "More"
+          ]
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ a(k, {});
+}
 export {
-  l as default
+  R 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-aXQs42m6.js";
-import { S as M } from "../../Select-Cdmu0dQ4.js";
-import { M as j } from "../../MenuItem-BEW28T9O.js";
-import { D as B, a as k, b as w, B as L } from "../../DialogContent-D51w7KVX.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,19 +1,19 @@
 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 { r as Oe, i as Te } from "../../createSvgIcon-B4TFefhd.js";
-import { T as dt, D as ft, I as pt } from "../../index-DRy8nExS.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 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-BXn-nVhw.js";
-import { P as o } from "../../createStyled-liRRhQcN.js";
-import { g as yt, s as It } from "../../styled-Dm8rXzIG.js";
-import { u as Ct } from "../../useTheme-CTuK-wFF.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-DJz-TFGO.js";
-import { u as ye } from "../../createSvgIcon-Cl8kMTkx.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 yt("MuiTreeView", d);

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-DRy8nExS.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-DzmWBCrt.js";
-import { T as d } from "../../../Typography-CXe5ytr0.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,