@hybridcore/ui 1.4.4 → 1.4.6

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-BfP9gzSo.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-BfP9gzSo.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-BfP9gzSo.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
 };

package/dist/main.d.ts

@@ -517,6 +517,7 @@ declare interface Props {
 declare interface Props_10 {
     values: FV.TemplateFilter[];
     templates: Map<string | number, ONTOLOGY.TemplateType>;
+    inputVariant?: "standard" | "outlined" | "filled";
     onChange(values: FV.TemplateFilter[]): void;
 }
 
@@ -1389,6 +1390,7 @@ declare namespace ONTOLOGY {
     coordinateFormat?: string;
     innerType?: {
       type: string;
+      enumValues?: string[];
     };
     enumValues?: string[];
   }

package/dist/{property-list-form-BfP9gzSo.js → property-list-form-B1GZ9ZGO.js}

@@ -1,43 +1,43 @@
-import B, { jsx as t, jsxs as c, Fragment as L } from "react/jsx-runtime";
-import * as Y from "react";
+import K, { jsx as t, jsxs as m, Fragment as J } from "react/jsx-runtime";
+import * as Q from "react";
 import F from "react";
-import $ from "lodash";
-import { r as z, i as H } from "./createSvgIcon-Cfm1LkEe.js";
-import { DATA_TYPES as R, COORDINATE_FORMAT as K, PRIVACY_PRESERVATION_METHOD as G } from "./constants/index.js";
-import { T as y } from "./TextField-D87qTh1k.js";
-import { f as J, F as w, I as C } from "./InputLabel-CWkW8NtU.js";
+import X from "lodash";
+import { r as Z, i as ee } from "./createSvgIcon-Cfm1LkEe.js";
+import { DATA_TYPES as R, COORDINATE_FORMAT as te, PRIVACY_PRESERVATION_METHOD as Y } from "./constants/index.js";
+import { T as h } from "./TextField-D87qTh1k.js";
+import { f as re, F as w, I as C } from "./InputLabel-CWkW8NtU.js";
 import { S as P } from "./Select-ClaBvSqf.js";
 import { M as _ } from "./MenuItem-D-INSvZa.js";
-import { _ as M, a as Q } from "./objectWithoutPropertiesLoose-BK36oJDi.js";
+import { _ as M, a as ae } from "./objectWithoutPropertiesLoose-BK36oJDi.js";
 import { P as n } from "./createStyled-BzvgQjjR.js";
-import { g as X, u as Z, c as ee, a as te } from "./useThemeProps-uYx_RkOH.js";
-import { g as re, s as ae } from "./styled-LNCprp4n.js";
-import { u as oe } from "./useFormControl-CatNKXAi.js";
+import { g as oe, u as le, c as ne, a as ie } from "./useThemeProps-uYx_RkOH.js";
+import { g as se, s as de } from "./styled-LNCprp4n.js";
+import { u as ce } from "./useFormControl-CatNKXAi.js";
 import { F as p } from "./FormControlLabel-D9KFjcIx.js";
 import { C as f } from "./Checkbox-qy3cjvnb.js";
-import { B as le } from "./Box-BPyg-Ybm.js";
-import { B as A } from "./Button-DLwB_sKd.js";
-function ne(a) {
-  return re("MuiFormGroup", a);
+import { B as me } from "./Box-BPyg-Ybm.js";
+import { B as $ } from "./Button-DLwB_sKd.js";
+function ue(a) {
+  return se("MuiFormGroup", a);
 }
-X("MuiFormGroup", ["root", "row", "error"]);
-const se = ["className", "row"], ie = (a) => {
+oe("MuiFormGroup", ["root", "row", "error"]);
+const pe = ["className", "row"], fe = (a) => {
   const {
-    classes: s,
-    row: d,
-    error: i
+    classes: i,
+    row: c,
+    error: s
   } = a;
-  return te({
-    root: ["root", d && "row", i && "error"]
-  }, ne, s);
-}, de = ae("div", {
+  return ie({
+    root: ["root", c && "row", s && "error"]
+  }, ue, i);
+}, ye = de("div", {
   name: "MuiFormGroup",
   slot: "Root",
-  overridesResolver: (a, s) => {
+  overridesResolver: (a, i) => {
     const {
-      ownerState: d
+      ownerState: c
     } = a;
-    return [s.root, d.row && s.row];
+    return [i.root, c.row && i.row];
   }
 })(({
   ownerState: a
@@ -47,28 +47,28 @@ const se = ["className", "row"], ie = (a) => {
   flexWrap: "wrap"
 }, a.row && {
   flexDirection: "row"
-})), U = /* @__PURE__ */ Y.forwardRef(function(s, d) {
-  const i = Z({
-    props: s,
+})), z = /* @__PURE__ */ Q.forwardRef(function(i, c) {
+  const s = le({
+    props: i,
     name: "MuiFormGroup"
   }), {
     className: b,
     row: e = !1
-  } = i, h = Q(i, se), m = oe(), v = J({
-    props: i,
-    muiFormControl: m,
+  } = s, y = ae(s, pe), u = ce(), v = re({
+    props: s,
+    muiFormControl: u,
     states: ["error"]
-  }), o = M({}, i, {
+  }), o = M({}, s, {
     row: e,
     error: v.error
-  }), g = ie(o);
-  return /* @__PURE__ */ t(de, M({
-    className: ee(g.root, b),
+  }), g = fe(o);
+  return /* @__PURE__ */ t(ye, M({
+    className: ne(g.root, b),
     ownerState: o,
-    ref: d
-  }, h));
+    ref: c
+  }, y));
 });
-process.env.NODE_ENV !== "production" && (U.propTypes = {
+process.env.NODE_ENV !== "production" && (z.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -95,23 +95,23 @@ process.env.NODE_ENV !== "production" && (U.propTypes = {
    */
   sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object])
 });
-var q = {}, ce = H;
+var q = {}, he = ee;
 Object.defineProperty(q, "__esModule", {
   value: !0
 });
-var V = q.default = void 0, me = ce(z()), ue = B;
-V = q.default = (0, me.default)(/* @__PURE__ */ (0, ue.jsx)("path", {
+var H = q.default = void 0, be = he(Z()), ve = K;
+H = q.default = (0, be.default)(/* @__PURE__ */ (0, ve.jsx)("path", {
   d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
 }), "Check");
-function De({
+function We({
   inputVariant: a,
-  defaultValues: s = {
+  defaultValues: i = {
     name: "",
     propertyId: "",
     type: R[0],
     dataTypeInfo: {},
     defaultValue: "",
-    privacyPreservationMethod: G[0],
+    privacyPreservationMethod: Y[0],
     required: !1,
     visible: !1,
     editable: !1,
@@ -119,46 +119,46 @@ function De({
     temporal: !1,
     unique: !1
   },
-  disablePropertyId: d,
-  onSubmit: i,
+  disablePropertyId: c,
+  onSubmit: s,
   onCancel: b
 }) {
-  var D, k, E, S, O, j, W, N;
-  const [e, h] = F.useState(s), [m, v] = F.useState({
+  var D, k, E, S, j, O, W, N, G, V, A, U, B, L;
+  const [e, y] = F.useState(i), [u, v] = F.useState({
     name: !1
   }), o = (r) => {
     var T, x;
     const l = r.target.name;
-    let u = r.target.type === "checkbox" ? r.target.checked : r.target.value;
-    if ((e.type === "enum" || ((x = (T = e.dataTypeInfo) == null ? void 0 : T.innerType) == null ? void 0 : x.type) === "enum") && l === "dataTypeInfo.enumValues" && (u = u.split(",")), l.includes(".")) {
+    let d = r.target.type === "checkbox" ? r.target.checked : r.target.value;
+    if (e.type === "enum" && l === "dataTypeInfo.enumValues" && (d = d.split(",")), ((x = (T = e.dataTypeInfo) == null ? void 0 : T.innerType) == null ? void 0 : x.type) === "enum" && l === "dataTypeInfo.innerType.enumValues" && (d = d.split(",")), l.includes(".")) {
       let I = { ...e };
-      $.set(I, l, u), h(I);
+      X.set(I, l, d), y(I);
       return;
     }
-    h((I) => ({
+    y((I) => ({
       ...I,
-      [l]: u
+      [l]: d
     }));
   }, g = () => {
     if (!e.name) {
-      v({ ...m, name: !0 });
+      v({ ...u, name: !0 });
       return;
     }
-    i(e);
+    s(e);
   };
-  return F.useEffect(() => (m.name && e.name && v({ ...m, name: !1 }), () => {
+  return F.useEffect(() => (u.name && e.name && v({ ...u, name: !1 }), () => {
   }), [e.name]), F.useEffect(() => {
     if (!["date", "coordinate", "composite-list", "enum"].includes(e.type)) {
       if (e.dataTypeInfo) {
-        const { coordinateFormat: r, datePattern: l, innerType: u, enumValues: T } = e.dataTypeInfo;
-        (r || l || u || T) && h((x) => ({ ...x, dataTypeInfo: {} }));
+        const { coordinateFormat: r, datePattern: l, innerType: d, enumValues: T } = e.dataTypeInfo;
+        (r || l || d || T) && y((x) => ({ ...x, dataTypeInfo: {} }));
       }
       return () => {
       };
     }
-  }, [e.type]), /* @__PURE__ */ c(L, { children: [
+  }, [e.type]), /* @__PURE__ */ m(J, { children: [
     /* @__PURE__ */ t(
-      y,
+      h,
       {
         label: "Name",
         name: "name",
@@ -168,26 +168,26 @@ function De({
         value: e.name,
         onChange: o,
         required: !0,
-        ...m.name && {
+        ...u.name && {
           error: !0,
           helperText: "This field is required!"
         }
       }
     ),
     /* @__PURE__ */ t(
-      y,
+      h,
       {
         label: "Property ID",
         name: "propertyId",
         variant: a,
         fullWidth: !0,
-        disabled: d,
+        disabled: c,
         sx: { mb: 2 },
         value: e.propertyId,
         onChange: o
       }
     ),
-    /* @__PURE__ */ c(w, { fullWidth: !0, variant: a, sx: { mb: 2 }, children: [
+    /* @__PURE__ */ m(w, { fullWidth: !0, variant: a, sx: { mb: 2 }, children: [
       /* @__PURE__ */ t(C, { id: "type-select-label", children: "Type" }),
       /* @__PURE__ */ t(
         P,
@@ -203,7 +203,7 @@ function De({
       )
     ] }),
     e.type === "date" && /* @__PURE__ */ t(
-      y,
+      h,
       {
         label: "Date Format",
         name: "dataTypeInfo.datePattern",
@@ -214,7 +214,7 @@ function De({
         onChange: o
       }
     ),
-    e.type === "coordinate" && /* @__PURE__ */ c(w, { fullWidth: !0, variant: a, sx: { mb: 2 }, children: [
+    e.type === "coordinate" && /* @__PURE__ */ m(w, { fullWidth: !0, variant: a, sx: { mb: 2 }, children: [
       /* @__PURE__ */ t(C, { id: "coordinate-format-select-label", children: "Cordinate Format" }),
       /* @__PURE__ */ t(
         P,
@@ -225,11 +225,11 @@ function De({
           id: "coordinate-format-select",
           value: (k = e.dataTypeInfo) == null ? void 0 : k.coordinateFormat,
           onChange: o,
-          children: K.map((r, l) => /* @__PURE__ */ t(_, { value: r, children: r }, l))
+          children: te.map((r, l) => /* @__PURE__ */ t(_, { value: r, children: r }, l))
         }
       )
     ] }),
-    e.type === "composite-list" && /* @__PURE__ */ c(w, { fullWidth: !0, variant: a, sx: { mb: 2 }, children: [
+    e.type === "composite-list" && /* @__PURE__ */ m(w, { fullWidth: !0, variant: a, sx: { mb: 2 }, children: [
       /* @__PURE__ */ t(C, { id: "composite-list-select-label", children: "Inner Type" }),
       /* @__PURE__ */ t(
         P,
@@ -246,21 +246,21 @@ function De({
         }
       )
     ] }),
-    (e.type === "enum" || ((j = (O = e.dataTypeInfo) == null ? void 0 : O.innerType) == null ? void 0 : j.type) === "enum") && /* @__PURE__ */ t(
-      y,
+    (e.type === "enum" || ((O = (j = e.dataTypeInfo) == null ? void 0 : j.innerType) == null ? void 0 : O.type) === "enum") && /* @__PURE__ */ t(
+      h,
       {
         label: "Enum Values",
-        name: "dataTypeInfo.enumValues",
+        name: ((N = (W = e.dataTypeInfo) == null ? void 0 : W.innerType) == null ? void 0 : N.type) === "enum" ? "dataTypeInfo.innerType.enumValues" : "dataTypeInfo.enumValues",
         variant: a,
         fullWidth: !0,
         sx: { mb: 2 },
-        value: (N = (W = e.dataTypeInfo) == null ? void 0 : W.enumValues) == null ? void 0 : N.join(","),
+        value: ((V = (G = e.dataTypeInfo) == null ? void 0 : G.innerType) == null ? void 0 : V.type) === "enum" ? (U = (A = e.dataTypeInfo.innerType) == null ? void 0 : A.enumValues) == null ? void 0 : U.join(",") : (L = (B = e.dataTypeInfo) == null ? void 0 : B.enumValues) == null ? void 0 : L.join(","),
         onChange: o,
         helperText: "Add list values with the comma (,) separated string"
       }
     ),
     /* @__PURE__ */ t(
-      y,
+      h,
       {
         label: "Default Value",
         name: "defaultValue",
@@ -271,7 +271,7 @@ function De({
         onChange: o
       }
     ),
-    /* @__PURE__ */ c(w, { fullWidth: !0, variant: a, sx: { mb: 2 }, children: [
+    /* @__PURE__ */ m(w, { fullWidth: !0, variant: a, sx: { mb: 2 }, children: [
       /* @__PURE__ */ t(C, { id: "privacy-method-label", children: "Privacy Preservation Method" }),
       /* @__PURE__ */ t(
         P,
@@ -282,11 +282,11 @@ function De({
           id: "privacy-method",
           value: e.privacyPreservationMethod,
           onChange: o,
-          children: G.map((r, l) => /* @__PURE__ */ t(_, { value: r, children: r }, l))
+          children: Y.map((r, l) => /* @__PURE__ */ t(_, { value: r, children: r }, l))
         }
       )
     ] }),
-    /* @__PURE__ */ c(U, { row: !0, sx: { mb: 2 }, children: [
+    /* @__PURE__ */ m(z, { row: !0, sx: { mb: 2 }, children: [
       /* @__PURE__ */ t(
         p,
         {
@@ -371,13 +371,13 @@ function De({
         }
       )
     ] }),
-    /* @__PURE__ */ c(le, { display: "flex", justifyContent: "flex-end", children: [
-      /* @__PURE__ */ t(A, { variant: "contained", onClick: b, sx: { marginRight: 2 }, children: "Cancel" }),
+    /* @__PURE__ */ m(me, { display: "flex", justifyContent: "flex-end", children: [
+      /* @__PURE__ */ t($, { variant: "contained", onClick: b, sx: { marginRight: 2 }, children: "Cancel" }),
       /* @__PURE__ */ t(
-        A,
+        $,
         {
           variant: "contained",
-          startIcon: /* @__PURE__ */ t(V, {}),
+          startIcon: /* @__PURE__ */ t(H, {}),
           onClick: g,
           children: "OK"
         }
@@ -386,6 +386,6 @@ function De({
   ] });
 }
 export {
-  U as F,
-  De as a
+  z as F,
+  We as a
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.4.4",
+  "version": "1.4.6",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",