@hybridcore/ui 1.4.5 → 1.4.7

package/dist/components/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-DPf5olog.js";
+import { C as l } from "../../../../index-V39OBeR0.js";
 import "react";
 import "lodash";
 import "dayjs";

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "lodash";
 import "dayjs";
-import { V as g } from "../../../../index-DPf5olog.js";
+import { V as g } from "../../../../index-V39OBeR0.js";
 import "@mui/material";
 import "@mui/icons-material";
 import "../../../geometry-picker/index.js";

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

@@ -1,29 +1,29 @@
-import { jsx as n, Fragment as t } from "react/jsx-runtime";
-import l from "react";
-import { V as p } from "../../../../index-DPf5olog.js";
+import { jsx as i, Fragment as t } from "react/jsx-runtime";
+import p from "react";
+import { V as l } from "../../../../index-V39OBeR0.js";
 import m from "lodash";
 function b({
   template: o,
-  value: i,
+  value: e,
   mapboxAccessToken: s,
   variant: a = "outlined",
   onChange: u
 }) {
-  const d = l.useMemo(() => {
-    let r = o == null ? void 0 : o.properties.filter((e) => e.visible);
+  const d = p.useMemo(() => {
+    let r = o == null ? void 0 : o.properties.filter((n) => n.visible);
     return r = m.orderBy(r, "id"), r;
   }, [o]), f = (r) => {
-    const e = {
+    const n = {
       target: {
-        value: { ...i, ...r }
+        value: { ...e, ...r }
       }
     };
-    u(e);
+    u(n);
   };
-  return o === void 0 ? /* @__PURE__ */ n(t, {}) : /* @__PURE__ */ n(t, { children: d.map((r, e) => {
-    const c = i[r.propertyId];
-    return /* @__PURE__ */ n(
-      p,
+  return o === void 0 ? /* @__PURE__ */ i(t, {}) : /* @__PURE__ */ i(t, { children: d.map((r, n) => {
+    const c = e ? e[r.propertyId] : "";
+    return /* @__PURE__ */ i(
+      l,
       {
         property: r,
         value: c,
@@ -31,7 +31,7 @@ function b({
         variant: a,
         onChange: f
       },
-      e
+      n
     );
   }) });
 }

package/dist/components/property-mapping/index.js

@@ -5,7 +5,7 @@ import { DataGrid as fe } from "@mui/x-data-grid";
 import { useState as H, useEffect as ue } from "react";
 import h from "lodash";
 import { e as ye } from "../../ol-CHaVTXvL.js";
-import { V as he } from "../../index-DPf5olog.js";
+import { V as he } from "../../index-V39OBeR0.js";
 import { RangeSelector as me } from "../range-selector/index.js";
 const $e = ({
   open: F,

package/dist/components/template-form/components/property-list/index.js

@@ -2,7 +2,7 @@ import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { DataGrid as d } from "@mui/x-data-grid";
 import { A as n, a as m, d as s } from "../../../../Add-eepk2WTM.js";
 import p from "./property-list-columns.js";
-import { a as c } from "../../../../property-list-form-D-SW5H_I.js";
+import { a as c } from "../../../../property-list-form-B1GZ9ZGO.js";
 import u from "./property-list-logic.js";
 import { B as f } from "../../../../Box-BPyg-Ybm.js";
 import { T as y } from "../../../../Typography-Bm7PFqUT.js";

package/dist/components/template-form/components/property-list/property-list-form.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "lodash";
-import { a as b } from "../../../../property-list-form-D-SW5H_I.js";
+import { a as b } from "../../../../property-list-form-B1GZ9ZGO.js";
 import "../../../../constants/index.js";
 import "../../../../TextField-D87qTh1k.js";
 import "../../../../InputLabel-CWkW8NtU.js";

package/dist/components/template-form/index.js

@@ -10,7 +10,7 @@ import { TreeSelect as _ } from "../tree-select/index.js";
 import { FormLabel as w, Button as b } from "@mui/material";
 import A from "./components/select-icon/index.js";
 import { T as m } from "../../TextField-D87qTh1k.js";
-import { F as g } from "../../property-list-form-D-SW5H_I.js";
+import { F as g } from "../../property-list-form-B1GZ9ZGO.js";
 import { F as d } from "../../FormControlLabel-D9KFjcIx.js";
 import { C as c } from "../../Checkbox-qy3cjvnb.js";
 import { B as p } from "../../Box-BPyg-Ybm.js";

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

@@ -1,13 +1,14 @@
-import { jsx as s, Fragment as c } from "react/jsx-runtime";
+import { jsx as s, Fragment as p } from "react/jsx-runtime";
 import a from "lodash";
-import { CollapsibleCard as g } from "../collapsible-card/index.js";
-import p from "./property.js";
-const K = ({
+import { CollapsibleCard as v } from "../collapsible-card/index.js";
+import u from "./property.js";
+const N = ({
   values: f,
   templates: d,
-  onChange: u
+  inputVariant: m,
+  onChange: h
 }) => {
-  const m = (t) => (r) => {
+  const c = (t) => (r) => {
     if (t) {
       let e = f.find((l) => l.templateKey === t);
       if (e) {
@@ -24,23 +25,24 @@ const K = ({
           value: n
         });
       }
-      u(f);
+      h(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) => {
+    return /* @__PURE__ */ s(p, { 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,
+        u,
         {
           property: e,
           value: i,
           size: "small",
-          onChange: m(r == null ? void 0 : r.templateKey)
+          variant: m,
+          onChange: c(r == null ? void 0 : r.templateKey)
         },
         l
       );
@@ -49,21 +51,22 @@ const K = ({
   return f.map((t, r) => {
     const e = d.get(t.templateKey);
     return /* @__PURE__ */ s(
-      g,
+      v,
       {
         header: e == null ? void 0 : e.name,
-        content: /* @__PURE__ */ s(c, { children: e == null ? void 0 : e.properties.map((l, i) => {
+        content: /* @__PURE__ */ s(p, { children: e == null ? void 0 : e.properties.map((l, i) => {
           let n = {};
           const o = t.filters.find(
-            (h) => h.fieldName === l.propertyId
+            (g) => g.fieldName === l.propertyId
           );
           return o && (n = o.value), /* @__PURE__ */ s(
-            p,
+            u,
             {
               property: l,
               value: n,
               size: "small",
-              onChange: m(e == null ? void 0 : e.templateKey)
+              variant: m,
+              onChange: c(e == null ? void 0 : e.templateKey)
             },
             i
           );
@@ -74,5 +77,5 @@ const K = ({
   });
 };
 export {
-  K as TemplatePropertyFilters
+  N as TemplatePropertyFilters
 };

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

@@ -1,49 +1,50 @@
-import { jsx as t, jsxs as d, 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 g, 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 } from "../../TextField-D87qTh1k.js";
-import { B as f } from "../../Box-BPyg-Ybm.js";
-import { F as C } from "../../FormControlLabel-D9KFjcIx.js";
-import { C as V } from "../../Checkbox-qy3cjvnb.js";
-import { F as T } from "../../InputLabel-CWkW8NtU.js";
-function E({
+import { jsx as t, jsxs as u, Fragment as T } from "react/jsx-runtime";
+import { useState as Y } from "react";
+import r from "dayjs";
+import { RadioButtonUnchecked as D, CheckCircle as L, KeyboardArrowUp as B, KeyboardArrowDown as W } from "@mui/icons-material";
+import { Typography as M, FormLabel as z, FormGroup as $, Button as j } from "@mui/material";
+import { DatePicker as P } from "@mui/x-date-pickers";
+import { T as b } from "../../TextField-D87qTh1k.js";
+import { B as h } from "../../Box-BPyg-Ybm.js";
+import { F as k } from "../../FormControlLabel-D9KFjcIx.js";
+import { C as w } from "../../Checkbox-qy3cjvnb.js";
+import { F as A } from "../../InputLabel-CWkW8NtU.js";
+function X({
   property: e,
-  value: a,
-  size: r = "medium",
-  onChange: h
+  value: l,
+  size: s = "medium",
+  variant: d,
+  onChange: x
 }) {
-  var p;
-  const u = (o) => (n) => {
-    let l = { ...a };
+  var g, I, V, C, y;
+  const c = (o) => (n) => {
+    let a = { ...l };
     const i = n.target.type === "checkbox" ? n.target.checked : n.target.value;
-    l[o] = String(i), h({
-      [n.target.name]: l
+    a[o] = String(i), x({
+      [n.target.name]: a
     });
-  }, M = (o) => {
-    var c;
-    const n = { ...a }, { 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
+  }, F = (o) => {
+    var f;
+    const n = { ...l }, { value: a, checked: i, name: m } = o.target;
+    i ? (n.list || (n.list = []), n.list.push(a)) : n.list = (f = n.list) == null ? void 0 : f.filter((S) => S !== a), x({
+      [m]: n
     });
-  }, b = (o) => (n) => {
-    let l = { ...a };
-    l[o] = m(n).format("YYYY-MM-DD"), h({
-      [e.propertyId]: l
+  }, p = (o) => (n) => {
+    let a = { ...l };
+    a[o] = r(n).format("YYYY-MM-DD"), x({
+      [e.propertyId]: a
     });
   };
   if (["string", "text", "list"].includes(e.type))
     return /* @__PURE__ */ t(
-      x,
+      b,
       {
         label: e.name,
         name: e.propertyId,
-        value: a.exact ?? e.defaultValue ?? "",
-        size: r,
-        onChange: u("exact"),
-        variant: "standard",
+        value: l.exact ?? e.defaultValue ?? "",
+        size: s,
+        onChange: c("exact"),
+        variant: d,
         type: "text",
         multiline: e.type === "text",
         disabled: !e.editable,
@@ -55,16 +56,16 @@ function E({
       }
     );
   if (["integer", "double", "long", "byte"].includes(e.type))
-    return /* @__PURE__ */ d(f, { display: "flex", alignItems: "center", mb: 2, children: [
+    return /* @__PURE__ */ u(h, { display: "flex", alignItems: "center", mb: 2, children: [
       /* @__PURE__ */ t(
-        x,
+        b,
         {
           label: `${e.name} (Min)`,
           name: e.propertyId,
-          value: a.min ?? e.defaultValue ?? "",
-          size: r,
-          onChange: u("min"),
-          variant: "standard",
+          value: l.min ?? e.defaultValue ?? "",
+          size: s,
+          onChange: c("min"),
+          variant: d,
           type: "number",
           disabled: !e.editable,
           fullWidth: !0,
@@ -73,16 +74,16 @@ function E({
           }
         }
       ),
-      /* @__PURE__ */ t(g, { px: 1, children: "-" }),
+      /* @__PURE__ */ t(M, { px: 1, children: "-" }),
       /* @__PURE__ */ t(
-        x,
+        b,
         {
           label: `${e.name} (Max)`,
           name: e.propertyId,
-          value: a.max ?? e.defaultValue ?? "",
-          size: r,
-          onChange: u("max"),
-          variant: "standard",
+          value: l.max ?? e.defaultValue ?? "",
+          size: s,
+          onChange: c("max"),
+          variant: d,
           type: "number",
           disabled: !e.editable,
           fullWidth: !0,
@@ -93,66 +94,66 @@ function E({
       )
     ] });
   if (e.type === "date") {
-    const o = "DD/MM/YYYY", n = "YYYY-MM-DD", l = a.min && m(a.min, n, !0).isValid() ? m(a.min, n) : null, i = a.max && m(a.max, n, !0).isValid() ? m(a.max, n) : null;
-    return /* @__PURE__ */ d(f, { mb: 2, display: "flex", alignItems: "end", children: [
+    const o = "DD/MM/YYYY", n = "YYYY-MM-DD", a = l.min && r(l.min, n, !0).isValid() ? r(l.min, n) : null, i = l.max && r(l.max, n, !0).isValid() ? r(l.max, n) : null;
+    return /* @__PURE__ */ u(h, { mb: 2, display: "flex", alignItems: "end", children: [
       /* @__PURE__ */ t(
-        I,
+        P,
         {
           label: `${e.name} (Min)`,
-          value: l,
+          value: a,
           format: o,
           views: ["year", "month", "day"],
           slotProps: {
             textField: {
-              variant: "standard",
+              variant: d,
               name: e.propertyId,
-              size: r,
+              size: s,
               fullWidth: !0,
               InputLabelProps: { sx: { fontSize: 14 } },
               inputProps: { sx: { fontSize: 14 } }
             }
           },
-          onChange: b("min")
+          onChange: p("min")
         }
       ),
-      /* @__PURE__ */ t(g, { px: 1, children: "-" }),
+      /* @__PURE__ */ t(M, { px: 1, children: "-" }),
       /* @__PURE__ */ t(
-        I,
+        P,
         {
           label: `${e.name} (Max)`,
           value: i,
           format: o,
-          minDate: l !== null ? l : void 0,
+          minDate: a !== null ? a : void 0,
           views: ["year", "month", "day"],
           slotProps: {
             textField: {
-              variant: "standard",
+              variant: d,
               name: e.propertyId,
-              size: r,
+              size: s,
               fullWidth: !0,
               InputLabelProps: { sx: { fontSize: 14 } },
               inputProps: { sx: { fontSize: 14 } }
             }
           },
-          onChange: b("max")
+          onChange: p("max")
         }
       )
     ] });
   }
   if (e.type === "boolean")
-    return /* @__PURE__ */ t(f, { mb: 2, children: /* @__PURE__ */ t(
-      C,
+    return /* @__PURE__ */ t(h, { mb: 2, children: /* @__PURE__ */ t(
+      k,
       {
         label: e.name,
         control: /* @__PURE__ */ t(
-          V,
+          w,
           {
-            size: r,
+            size: s,
             name: e.propertyId,
-            checked: !!a,
-            icon: /* @__PURE__ */ t(F, {}),
-            checkedIcon: /* @__PURE__ */ t(S, {}),
-            onChange: u("exact")
+            checked: !!l,
+            icon: /* @__PURE__ */ t(D, {}),
+            checkedIcon: /* @__PURE__ */ t(L, {}),
+            onChange: c("exact")
           }
         ),
         slotProps: {
@@ -162,24 +163,24 @@ function E({
         }
       }
     ) });
-  if (e.type === "enum") {
-    const [o, n] = w(!1), l = 10;
+  if (e.type === "enum" || e.type === "composite-list" && ((I = (g = e.dataTypeInfo) == null ? void 0 : g.innerType) == null ? void 0 : I.type) === "enum") {
+    const [o, n] = Y(!1), a = 10;
     let i = [];
-    return (p = e.dataTypeInfo) != null && p.enumValues && (i = e.dataTypeInfo.enumValues), /* @__PURE__ */ d(f, { mb: 2, children: [
-      /* @__PURE__ */ d(T, { fullWidth: !0, component: "fieldset", variant: "standard", children: [
-        /* @__PURE__ */ t(D, { component: "legend", sx: { mb: 1 }, children: e.name }),
-        /* @__PURE__ */ t(L, { children: i.slice(0, o ? 9999 : l).map((s, c) => /* @__PURE__ */ t(
-          C,
+    return (V = e.dataTypeInfo) != null && V.enumValues && (i = e.dataTypeInfo.enumValues), (y = (C = e.dataTypeInfo) == null ? void 0 : C.innerType) != null && y.enumValues && (i = e.dataTypeInfo.innerType.enumValues), /* @__PURE__ */ u(h, { mb: 2, children: [
+      /* @__PURE__ */ u(A, { fullWidth: !0, component: "fieldset", variant: d, children: [
+        /* @__PURE__ */ t(z, { component: "legend", sx: { mb: 1 }, children: e.name }),
+        /* @__PURE__ */ t($, { children: i.slice(0, o ? 9999 : a).map((m, f) => /* @__PURE__ */ t(
+          k,
           {
-            label: s,
+            label: m,
             control: /* @__PURE__ */ t(
-              V,
+              w,
               {
                 name: e.propertyId,
-                value: s,
+                value: m,
                 size: "small",
-                checked: a.list ? a.list.includes(s) : !1,
-                onChange: M
+                checked: l.list ? l.list.includes(m) : !1,
+                onChange: F
               }
             ),
             componentsProps: {
@@ -188,16 +189,16 @@ function E({
               }
             }
           },
-          c
+          f
         )) })
       ] }),
-      i.length > l && /* @__PURE__ */ d(
-        B,
+      i.length > a && /* @__PURE__ */ u(
+        j,
         {
           size: "small",
           sx: { p: 0, textTransform: "none" },
-          endIcon: o ? /* @__PURE__ */ t(Y, {}) : /* @__PURE__ */ t(y, {}),
-          onClick: () => n((s) => !s),
+          endIcon: o ? /* @__PURE__ */ t(B, {}) : /* @__PURE__ */ t(W, {}),
+          onClick: () => n((m) => !m),
           children: [
             "Show ",
             o ? "Less" : "More"
@@ -206,8 +207,8 @@ function E({
       )
     ] });
   }
-  return /* @__PURE__ */ t(k, {});
+  return /* @__PURE__ */ t(T, {});
 }
 export {
-  E as default
+  X as default
 };