@hybridcore/ui 1.5.51 → 1.5.52

package/dist/components/instance-form/components/TopLabelWrapper.js

@@ -1,6 +1,6 @@
-import { jsxs as o, Fragment as n, jsx as t } from "react/jsx-runtime";
+import { jsxs as o, Fragment as p, jsx as t } from "react/jsx-runtime";
 import { Box as r, Typography as i } from "@mui/material";
-const x = (a, l, e) => (p) => /* @__PURE__ */ o(n, { children: [
+const x = (a, l, e) => (n) => /* @__PURE__ */ o(p, { children: [
   /* @__PURE__ */ o(r, { sx: { mb: 1 }, children: [
     /* @__PURE__ */ o(
       i,
@@ -10,7 +10,8 @@ const x = (a, l, e) => (p) => /* @__PURE__ */ o(n, { children: [
           display: "inline-block",
           color: "#1e262b",
           fontSize: "16px",
-          position: "relative"
+          position: "relative",
+          fontWeight: 500
         },
         children: [
           a,
@@ -44,7 +45,7 @@ const x = (a, l, e) => (p) => /* @__PURE__ */ o(n, { children: [
       }
     )
   ] }),
-  p
+  n
 ] });
 export {
   x as default

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

@@ -6,7 +6,7 @@ import "lodash";
 import "react";
 import "../../../../hooks/useToggle.js";
 import "../../../conditional-wrapper/index.js";
-import { C as s } from "../../../../index-CCkupzf4.js";
+import { C as s } from "../../../../index-B6DDeKlQ.js";
 import "./styled.js";
 export {
   s as default

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

@@ -3,7 +3,7 @@ import "@mui/icons-material";
 import "@mui/material";
 import "dayjs";
 import "lodash";
-import { V as j } from "../../../../index-CCkupzf4.js";
+import { V as j } from "../../../../index-B6DDeKlQ.js";
 import "../../../date-time-picker/index.js";
 import "../../../geometry-picker/index.js";
 import "../../../phone-input/index.js";

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

@@ -1,6 +1,6 @@
 import { jsx as u, Fragment as I, jsxs as _ } from "react/jsx-runtime";
 import b from "react";
-import { V as g } from "../../../../index-CCkupzf4.js";
+import { V as g } from "../../../../index-B6DDeKlQ.js";
 import p from "lodash";
 import { Box as i } from "@mui/material";
 function C({

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

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as c, Fragment as Oe } from "react/jsx-runtime";
 import Le from "lodash";
 import p, { useRef as Ve } from "react";
 import { useForm as Se, Controller as h } from "react-hook-form";
-import { Box as l, Typography as y, TextField as x, FormHelperText as fe, FormGroup as Fe, FormControlLabel as ue, Checkbox as he, Button as C } from "@mui/material";
+import { Box as l, Typography as y, TextField as x, FormHelperText as fe, FormGroup as Fe, FormControlLabel as ue, Checkbox as he, Button as O } from "@mui/material";
 import { getNestedChildrenFromMap as ke } from "../../utils/ontology.js";
 import { ConditionalWrapper as m } from "../conditional-wrapper/index.js";
 import { Container as Ee } from "../container/index.js";
@@ -11,7 +11,7 @@ import { SecurityLevel as Re } from "../data-security-selectors/security-level/i
 import { i as Be, d as Ae } from "../../utils-Bq0ye5vf.js";
 import { TreeSelect as De } from "../tree-select/index.js";
 import Ne from "./components/policy-list/index.js";
-import O from "./components/TopLabelWrapper.js";
+import L from "./components/TopLabelWrapper.js";
 import _e from "./components/variables/index.js";
 const We = {
   alg: "A256GCM",
@@ -22,15 +22,15 @@ const We = {
 };
 function qe(e, pe) {
   var P, R, B, A, D, N, _, W, q, $, K, M, U, j, G, H, J, Q, Y, z, X, Z, ee, te, ie, ne, le, ae, de, re, oe, ce, se;
-  const L = Ve(null), {
-    register: V,
+  const V = Ve(null), {
+    register: S,
     handleSubmit: ve,
     control: f,
-    formState: { errors: ye, isDirty: S },
-    getValues: F,
+    formState: { errors: ye, isDirty: F },
+    getValues: k,
     setValue: T,
     reset: ge,
-    watch: k
+    watch: I
   } = Se({
     defaultValues: e.defaultValues
   }), a = (e == null ? void 0 : e.labelPosition) ?? "default", [be, xe] = p.useState([]), [w, E] = p.useState(), [$e, Te] = p.useState(0), we = p.useMemo(() => {
@@ -57,8 +57,8 @@ function qe(e, pe) {
       }
     })();
   }, [e.defaultValues, e.mappedTemplates, e.keyAuth]);
-  const I = () => {
-    const i = F("templateId");
+  const C = () => {
+    const i = k("templateId");
     w && E(void 0);
     const n = ke(e.mappedTemplates);
     xe(n);
@@ -71,7 +71,7 @@ function qe(e, pe) {
   p.useImperativeHandle(pe, () => ({
     requestSubmit() {
       var i;
-      (i = L.current) == null || i.requestSubmit();
+      (i = V.current) == null || i.requestSubmit();
     },
     resetForm() {
       ge({
@@ -79,24 +79,27 @@ function qe(e, pe) {
         description: "",
         templateId: 0,
         variables: {}
-      }), I();
+      }), C();
     },
     setFormValue(i, n) {
       T(i, n);
     },
     getFormValue(i) {
-      return F(i);
+      return k(i);
     },
     isDirty() {
-      return S;
+      return F;
+    },
+    useWatch() {
+      return I;
     }
-  })), p.useEffect(() => (I(), () => {
+  })), p.useEffect(() => (C(), () => {
   }), [e.mappedTemplates]), p.useEffect(() => {
     e.onSelectedTemplateChange && e.onSelectedTemplateChange(w);
   }, [w]);
   const Ie = () => {
     if (e.onCancel) {
-      e.onCancel(S);
+      e.onCancel(F);
       return;
     }
   }, v = (i) => {
@@ -120,7 +123,7 @@ function qe(e, pe) {
       children: /* @__PURE__ */ c(
         "form",
         {
-          ref: L,
+          ref: V,
           onSubmit: ve(e.onSubmit),
           style: { display: "flex", flexDirection: "column" },
           children: [
@@ -137,7 +140,7 @@ function qe(e, pe) {
                     m,
                     {
                       condition: a === "top",
-                      wrapper: O("Title", !0),
+                      wrapper: L("Title", !0),
                       children: /* @__PURE__ */ t(
                         x,
                         {
@@ -146,7 +149,7 @@ function qe(e, pe) {
                           placeholder: ((A = (B = e.fieldOptions) == null ? void 0 : B.title) == null ? void 0 : A.placeholder) ?? "",
                           inputProps: v("title") ? { maxLength: v("title") } : void 0,
                           fullWidth: !0,
-                          ...V("title", { required: !0 }),
+                          ...S("title", { required: !0 }),
                           ...ye.title && {
                             helperText: "This field is required!",
                             error: !0
@@ -155,7 +158,7 @@ function qe(e, pe) {
                       )
                     }
                   ),
-                  v("title") && /* @__PURE__ */ t(fe, { sx: { textAlign: "right", mt: 0.5 }, children: `${(D = k("title")) == null ? void 0 : D.length}/${v("title")}` }),
+                  v("title") && /* @__PURE__ */ t(fe, { sx: { textAlign: "right", mt: 0.5 }, children: `${(D = I("title")) == null ? void 0 : D.length}/${v("title")}` }),
                   e.fieldOptions && ((N = e.fieldOptions.title) == null ? void 0 : N.helperText)
                 ] })
               }
@@ -173,7 +176,7 @@ function qe(e, pe) {
                     m,
                     {
                       condition: a === "top",
-                      wrapper: O("Description", !1),
+                      wrapper: L("Description", !1),
                       children: /* @__PURE__ */ t(
                         x,
                         {
@@ -184,12 +187,12 @@ function qe(e, pe) {
                           fullWidth: !0,
                           multiline: !0,
                           minRows: (M = (K = e.fieldOptions) == null ? void 0 : K.description) == null ? void 0 : M.minRows,
-                          ...V("description")
+                          ...S("description")
                         }
                       )
                     }
                   ),
-                  v("description") && /* @__PURE__ */ t(fe, { sx: { textAlign: "right", mt: 0.5 }, children: `${(U = k("description")) == null ? void 0 : U.length}/${v(
+                  v("description") && /* @__PURE__ */ t(fe, { sx: { textAlign: "right", mt: 0.5 }, children: `${(U = I("description")) == null ? void 0 : U.length}/${v(
                     "description"
                   )}` }),
                   e.fieldOptions && ((j = e.fieldOptions.description) == null ? void 0 : j.helperText)
@@ -209,7 +212,7 @@ function qe(e, pe) {
                     m,
                     {
                       condition: a === "top",
-                      wrapper: O("Template", !1),
+                      wrapper: L("Template", !1),
                       children: /* @__PURE__ */ t(
                         h,
                         {
@@ -247,7 +250,7 @@ function qe(e, pe) {
                                       value: s ? Number(d) : 0
                                     }
                                   };
-                                  n(u), I();
+                                  n(u), C();
                                 }
                               }
                             );
@@ -524,7 +527,7 @@ function qe(e, pe) {
                 width: "100%",
                 children: [
                   e.onCancel && /* @__PURE__ */ t(
-                    C,
+                    O,
                     {
                       color: "primary",
                       variant: "text",
@@ -535,7 +538,7 @@ function qe(e, pe) {
                     }
                   ),
                   /* @__PURE__ */ t(l, { sx: { flex: e.onCancel ? "none" : 1 }, children: e.customSaveButtons ? e.customSaveButtons : e.saveButtons ? e.saveButtons.map((i, n) => /* @__PURE__ */ t(
-                    C,
+                    O,
                     {
                       type: "submit",
                       color: "primary",
@@ -548,7 +551,7 @@ function qe(e, pe) {
                     },
                     n
                   )) : /* @__PURE__ */ t(
-                    C,
+                    O,
                     {
                       type: "submit",
                       color: "primary",

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

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

package/dist/{index-CCkupzf4.js → index-B6DDeKlQ.js}

@@ -1,23 +1,23 @@
-import { jsx as n, jsxs as u, Fragment as _ } from "react/jsx-runtime";
-import { KeyboardArrowUp as R, KeyboardArrowDown as U, Add as J, LockOutlined as Q } from "@mui/icons-material";
-import { Box as M, Typography as s, FormControl as X, FormLabel as Z, FormGroup as z, FormControlLabel as P, Checkbox as y, Button as Y, Chip as O, Dialog as p, DialogTitle as ee, DialogContent as ne, DialogActions as ae, InputAdornment as de, Tooltip as le } from "@mui/material";
-import H from "dayjs";
-import x from "lodash";
-import { useState as E } from "react";
-import ce from "./hooks/useToggle.js";
+import { jsx as n, jsxs as u, Fragment as E } from "react/jsx-runtime";
+import { KeyboardArrowUp as U, KeyboardArrowDown as J, Add as Q, LockOutlined as X } from "@mui/icons-material";
+import { Box as W, Typography as s, FormControl as Z, FormLabel as z, FormGroup as P, FormControlLabel as y, Checkbox as O, Button as _, Chip as p, Dialog as ee, DialogTitle as ne, DialogContent as ae, DialogActions as de, InputAdornment as le, Tooltip as ce } from "@mui/material";
+import K from "dayjs";
+import C from "lodash";
+import { useState as G } from "react";
+import te from "./hooks/useToggle.js";
 import { ConditionalWrapper as o } from "./components/conditional-wrapper/index.js";
-import { DateTimePicker as te } from "./components/date-time-picker/index.js";
-import { GeometryPicker as ie } from "./components/geometry-picker/index.js";
-import { PhoneInput as me } from "./components/phone-input/index.js";
-import W from "./components/instance-form/components/TopLabelWrapper.js";
+import { DateTimePicker as ie } from "./components/date-time-picker/index.js";
+import { GeometryPicker as me } from "./components/geometry-picker/index.js";
+import { PhoneInput as he } from "./components/phone-input/index.js";
+import S from "./components/instance-form/components/TopLabelWrapper.js";
 import { B as h } from "./Box-SSMZuKnS.js";
-import { T as G } from "./TextField-CdKnj6de.js";
-import { F as he } from "./FormControlLabel-BNT5EI0b.js";
-import { C as ue } from "./Checkbox-B0P8LhCl.js";
-import { F as re, I as oe } from "./InputLabel-ClDXuWBr.js";
-import { S as se } from "./Select-DuyWoyoF.js";
-import { M as Ie } from "./MenuItem-Lcjh1XlV.js";
-import { Container as fe, Values as ge, MiniButton as we } from "./components/instance-form/components/composite-list/styled.js";
+import { T as H } from "./TextField-CdKnj6de.js";
+import { F as ue } from "./FormControlLabel-BNT5EI0b.js";
+import { C as re } from "./Checkbox-B0P8LhCl.js";
+import { F as oe, I as se } from "./InputLabel-ClDXuWBr.js";
+import { S as Ie } from "./Select-DuyWoyoF.js";
+import { M as fe } from "./MenuItem-Lcjh1XlV.js";
+import { Container as ge, Values as we, MiniButton as xe } from "./components/instance-form/components/composite-list/styled.js";
 function Ce({
   property: r,
   mapboxAccessToken: e,
@@ -28,19 +28,19 @@ function Ce({
   onChange: T
 }) {
   var b, k, A;
-  const a = ce(!1), [f, v] = E(), [V, S] = E(!1), F = 10, B = (t) => {
-    v(x.get(t, r.propertyId));
-  }, N = () => {
+  const a = te(!1), [f, v] = G(), [V, B] = G(!1), F = 10, N = (t) => {
+    v(C.get(t, r.propertyId));
+  }, $ = () => {
     T([...l || [], f]), v(""), a.action.close();
-  }, $ = (t) => () => {
+  }, j = (t) => () => {
     if (l) {
       const i = [...l];
       i.splice(t, 1), T(i);
     }
   }, q = (t) => {
-    const { value: i, checked: C } = t.target;
-    let g = x.isArray(l) ? l : [];
-    C ? g.push(i) : g = g.filter((d) => d !== i), T(g);
+    const { value: i, checked: x } = t.target;
+    let g = C.isArray(l) ? l : [];
+    x ? g.push(i) : g = g.filter((M) => M !== i), T(g);
   };
   if (((k = (b = r.dataTypeInfo) == null ? void 0 : b.innerType) == null ? void 0 : k.type) === "enum") {
     const { enumValues: t } = r.dataTypeInfo.innerType;
@@ -48,24 +48,24 @@ function Ce({
       o,
       {
         condition: c === "left",
-        wrapper: (i) => /* @__PURE__ */ u(M, { display: "flex", alignItems: "center", children: [
+        wrapper: (i) => /* @__PURE__ */ u(W, { display: "flex", alignItems: "center", children: [
           /* @__PURE__ */ n(s, { width: "32%", children: r.name }),
-          /* @__PURE__ */ n(M, { width: "68%", children: i })
+          /* @__PURE__ */ n(W, { width: "68%", children: i })
         ] }),
-        children: /* @__PURE__ */ u(_, { children: [
-          /* @__PURE__ */ u(X, { fullWidth: !0, component: "fieldset", variant: w, children: [
-            c === "default" && /* @__PURE__ */ n(Z, { component: "legend", sx: { mb: 1 }, children: r.name }),
-            /* @__PURE__ */ n(z, { children: t && t.length > 0 ? t.slice(0, V ? 9999 : F).map((i, C) => /* @__PURE__ */ n(
-              P,
+        children: /* @__PURE__ */ u(E, { children: [
+          /* @__PURE__ */ u(Z, { fullWidth: !0, component: "fieldset", variant: w, children: [
+            c === "default" && /* @__PURE__ */ n(z, { component: "legend", sx: { mb: 1 }, children: r.name }),
+            /* @__PURE__ */ n(P, { children: t && t.length > 0 ? t.slice(0, V ? 9999 : F).map((i, x) => /* @__PURE__ */ n(
+              y,
               {
                 label: i,
                 control: /* @__PURE__ */ n(
-                  y,
+                  O,
                   {
                     name: r.propertyId,
                     value: i,
                     size: "small",
-                    checked: x.isArray(l) ? l.includes(i) : !1,
+                    checked: C.isArray(l) ? l.includes(i) : !1,
                     onChange: q
                   }
                 ),
@@ -75,16 +75,16 @@ function Ce({
                   }
                 }
               },
-              C
+              x
             )) : /* @__PURE__ */ n(s, { variant: "caption", mb: 1, children: "No enum values!" }) })
           ] }),
-          x.isArray(t) && t.length > F && /* @__PURE__ */ u(
-            Y,
+          C.isArray(t) && t.length > F && /* @__PURE__ */ u(
+            _,
             {
               size: "small",
               sx: { p: 0, textTransform: "none" },
-              endIcon: V ? /* @__PURE__ */ n(R, {}) : /* @__PURE__ */ n(U, {}),
-              onClick: () => S((i) => !i),
+              endIcon: V ? /* @__PURE__ */ n(U, {}) : /* @__PURE__ */ n(J, {}),
+              onClick: () => B((i) => !i),
               children: [
                 "Show ",
                 V ? "Less" : "More"
@@ -95,33 +95,33 @@ function Ce({
       }
     );
   }
-  return /* @__PURE__ */ u(_, { children: [
+  return /* @__PURE__ */ u(E, { children: [
     /* @__PURE__ */ n(
       o,
       {
         condition: c === "left",
-        wrapper: (t) => /* @__PURE__ */ u(M, { display: "flex", alignItems: "center", children: [
+        wrapper: (t) => /* @__PURE__ */ u(W, { display: "flex", alignItems: "center", children: [
           /* @__PURE__ */ n(s, { width: "32%", children: r.name }),
-          /* @__PURE__ */ n(M, { width: "68%", children: t })
+          /* @__PURE__ */ n(W, { width: "68%", children: t })
         ] }),
-        children: /* @__PURE__ */ u(fe, { variant: w, children: [
+        children: /* @__PURE__ */ u(ge, { variant: w, children: [
           c === "default" && /* @__PURE__ */ n(s, { children: r.name }),
-          /* @__PURE__ */ n(ge, { children: x.isArray(l) && l.map((t, i) => {
-            var C, g;
+          /* @__PURE__ */ n(we, { children: C.isArray(l) && l.map((t, i) => {
+            var x, g;
             return /* @__PURE__ */ n(
-              O,
+              p,
               {
-                label: ((g = (C = r.dataTypeInfo) == null ? void 0 : C.innerType) == null ? void 0 : g.type) === "date" ? H(t).format("DD/MM/YYYY HH:mm:ss") : t,
+                label: ((g = (x = r.dataTypeInfo) == null ? void 0 : x.innerType) == null ? void 0 : g.type) === "date" ? K(t).format("DD/MM/YYYY HH:mm:ss") : t,
                 size: I,
-                onDelete: $(i)
+                onDelete: j(i)
               },
               i
             );
           }) }),
           /* @__PURE__ */ n(
-            we,
+            xe,
             {
-              startIcon: /* @__PURE__ */ n(J, {}),
+              startIcon: /* @__PURE__ */ n(Q, {}),
               variant: "text",
               onClick: a.action.open,
               children: "Add"
@@ -131,16 +131,16 @@ function Ce({
       }
     ),
     /* @__PURE__ */ u(
-      p,
+      ee,
       {
         open: a.state.isOpen,
         onClose: a.action.close,
         maxWidth: "sm",
         fullWidth: !0,
         children: [
-          /* @__PURE__ */ n(ee, { children: "Add List Value" }),
-          /* @__PURE__ */ n(ne, { children: (A = r.dataTypeInfo) != null && A.innerType ? /* @__PURE__ */ n(
-            xe,
+          /* @__PURE__ */ n(ne, { children: "Add List Value" }),
+          /* @__PURE__ */ n(ae, { children: (A = r.dataTypeInfo) != null && A.innerType ? /* @__PURE__ */ n(
+            Ve,
             {
               mapboxAccessToken: e,
               property: {
@@ -149,12 +149,12 @@ function Ce({
                 type: r.dataTypeInfo.innerType.type
               },
               value: f,
-              onChange: B
+              onChange: N
             }
           ) : null }),
-          /* @__PURE__ */ u(ae, { children: [
+          /* @__PURE__ */ u(de, { children: [
             /* @__PURE__ */ n(
-              Y,
+              _,
               {
                 variant: "contained",
                 color: "inherit",
@@ -162,14 +162,14 @@ function Ce({
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ n(Y, { variant: "contained", color: "primary", onClick: N, children: "Ok" })
+            /* @__PURE__ */ n(_, { variant: "contained", color: "primary", onClick: $, children: "Ok" })
           ] })
         ]
       }
     )
   ] });
 }
-function xe({
+function Ve({
   mapboxAccessToken: r,
   property: e,
   value: l,
@@ -178,22 +178,21 @@ function xe({
   size: I = "medium",
   defaultExtent: T,
   fieldOptions: a,
-  // keyAuth,
   onChange: f
 }) {
-  var q, b, k, A, t, i, C, g;
+  var q, b, k, A, t, i, x, g, M;
   const v = (d) => {
-    const D = d.target.value.split(",").map((j) => j.trimStart());
+    const L = d.target.value.split(",").map((Y) => Y.trimStart());
     f({
-      [e.propertyId]: D
+      [e.propertyId]: L
     });
   }, V = (d) => {
-    const { name: m, type: D, checked: j, value: K } = d.target;
-    let L = K;
-    e.type === "double" && (L = L.replace(",", "."), L = L.replace(/[^\d.-]+/g, "")), f({
-      [m]: D === "checkbox" ? j : L
+    const { name: m, type: L, checked: Y, value: R } = d.target;
+    let D = R;
+    e.type === "double" && (D = D.replace(",", "."), D = D.replace(/[^\d.-]+/g, "")), f({
+      [m]: L === "checkbox" ? Y : D
     });
-  }, S = (d) => {
+  }, B = (d) => {
     f({
       [e.propertyId]: d
     });
@@ -201,15 +200,15 @@ function xe({
     f({
       [e.propertyId]: d.target.value
     });
-  }, B = (d) => (m) => {
+  }, N = (d) => (m) => {
     f({
       [d]: m
     });
-  }, N = (d) => (m) => {
+  }, $ = (d) => (m) => {
     f({
       [d]: m
     });
-  }, $ = (d) => (m) => {
+  }, j = (d) => (m) => {
     f({
       [d]: m
     });
@@ -237,13 +236,13 @@ function xe({
           o,
           {
             condition: c === "top",
-            wrapper: W(
+            wrapper: S(
               e == null ? void 0 : e.name,
               e == null ? void 0 : e.required,
               (q = a == null ? void 0 : a[e == null ? void 0 : e.propertyId]) == null ? void 0 : q.description
             ),
             children: /* @__PURE__ */ n(
-              G,
+              H,
               {
                 label: c === "default" ? e.name : void 0,
                 placeholder: ((b = a == null ? void 0 : a[e.propertyId]) == null ? void 0 : b.placeholder) ?? "",
@@ -257,13 +256,16 @@ function xe({
                 multiline: e.type === "text",
                 disabled: !e.editable,
                 fullWidth: !0,
+                inputProps: {
+                  maxLength: ((k = a == null ? void 0 : a[e.propertyId]) == null ? void 0 : k.maxChar) ?? 1e5
+                },
                 InputProps: {
                   size: I,
                   ...a && a[e.propertyId] && {
                     tabIndex: a[e.propertyId].order
                   },
                   ...e.privacyPreservationMethod === "ENCRYPTION" ? {
-                    endAdornment: /* @__PURE__ */ n(de, { position: "end", children: /* @__PURE__ */ n(le, { title: "Encrypted Field", children: /* @__PURE__ */ n(Q, {}) }) })
+                    endAdornment: /* @__PURE__ */ n(le, { position: "end", children: /* @__PURE__ */ n(ce, { title: "Encrypted Field", children: /* @__PURE__ */ n(X, {}) }) })
                   } : {}
                 }
               }
@@ -273,7 +275,7 @@ function xe({
       }
     );
   if (e.type === "date") {
-    const d = l !== void 0 ? H(l).format() : l;
+    const d = l !== void 0 ? K(l).format() : l;
     return /* @__PURE__ */ n(
       o,
       {
@@ -286,20 +288,20 @@ function xe({
           o,
           {
             condition: c === "top",
-            wrapper: W(
+            wrapper: S(
               e.name,
               e == null ? void 0 : e.required,
-              (k = a == null ? void 0 : a[e == null ? void 0 : e.propertyId]) == null ? void 0 : k.description
+              (A = a == null ? void 0 : a[e == null ? void 0 : e.propertyId]) == null ? void 0 : A.description
             ),
             children: /* @__PURE__ */ n(
-              te,
+              ie,
               {
                 label: c === "default" ? e.name : void 0,
                 value: d,
                 variant: w,
                 size: I,
                 name: e.propertyId,
-                onChange: S,
+                onChange: B,
                 ...a && a[e.propertyId] && {
                   minDate: a[e.propertyId].minDate
                 }
@@ -312,7 +314,7 @@ function xe({
   }
   if (e.type === "list") {
     let d = "";
-    return e.defaultValue && (d = x.isArray(e.defaultValue) ? l.join(", ") : e.defaultValue), l && (d = x.isArray(l) ? l.join(",") : l), /* @__PURE__ */ n(
+    return e.defaultValue && (d = C.isArray(e.defaultValue) ? l.join(", ") : e.defaultValue), l && (d = C.isArray(l) ? l.join(",") : l), /* @__PURE__ */ n(
       o,
       {
         condition: c === "left",
@@ -324,13 +326,13 @@ function xe({
           o,
           {
             condition: c === "top",
-            wrapper: W(
+            wrapper: S(
               e.name,
               e == null ? void 0 : e.required,
-              (A = a == null ? void 0 : a[e == null ? void 0 : e.propertyId]) == null ? void 0 : A.description
+              (t = a == null ? void 0 : a[e == null ? void 0 : e.propertyId]) == null ? void 0 : t.description
             ),
             children: /* @__PURE__ */ n(
-              G,
+              H,
               {
                 label: c === "default" ? e.name : void 0,
                 name: e.propertyId,
@@ -365,10 +367,10 @@ function xe({
           /* @__PURE__ */ n(h, { width: "68%", children: d })
         ] }),
         children: /* @__PURE__ */ n(
-          he,
+          ue,
           {
             control: /* @__PURE__ */ n(
-              ue,
+              re,
               {
                 name: e.propertyId,
                 checked: !!(l ?? e.defaultValue ?? !1),
@@ -383,7 +385,7 @@ function xe({
     );
   if (e.type === "enum") {
     let d = [];
-    return (t = e.dataTypeInfo) != null && t.enumValues && (d = e.dataTypeInfo.enumValues), (C = (i = e.dataTypeInfo) == null ? void 0 : i.innerType) != null && C.enumValues && (d = e.dataTypeInfo.innerType.enumValues), /* @__PURE__ */ n(
+    return (i = e.dataTypeInfo) != null && i.enumValues && (d = e.dataTypeInfo.enumValues), (g = (x = e.dataTypeInfo) == null ? void 0 : x.innerType) != null && g.enumValues && (d = e.dataTypeInfo.innerType.enumValues), /* @__PURE__ */ n(
       o,
       {
         condition: c === "left",
@@ -395,22 +397,22 @@ function xe({
           o,
           {
             condition: c === "top",
-            wrapper: W(
+            wrapper: S(
               e.name,
               e == null ? void 0 : e.required,
-              (g = a == null ? void 0 : a[e == null ? void 0 : e.propertyId]) == null ? void 0 : g.description
+              (M = a == null ? void 0 : a[e == null ? void 0 : e.propertyId]) == null ? void 0 : M.description
             ),
             children: /* @__PURE__ */ u(
-              re,
+              oe,
               {
                 fullWidth: !0,
                 variant: w,
                 size: I,
                 required: e.required,
                 children: [
-                  c === "default" && /* @__PURE__ */ n(oe, { id: `${e.propertyId}-label`, children: e.name }),
+                  c === "default" && /* @__PURE__ */ n(se, { id: `${e.propertyId}-label`, children: e.name }),
                   /* @__PURE__ */ n(
-                    se,
+                    Ie,
                     {
                       label: c === "default" ? e.name : void 0,
                       name: e.name,
@@ -423,7 +425,7 @@ function xe({
                           tabIndex: a[e.propertyId].order
                         }
                       },
-                      children: d.map((m, D) => /* @__PURE__ */ n(Ie, { value: m, children: m }, D))
+                      children: d.map((m, L) => /* @__PURE__ */ n(fe, { value: m, children: m }, L))
                     }
                   )
                 ]
@@ -443,14 +445,14 @@ function xe({
         /* @__PURE__ */ n(h, { width: "68%", children: d })
       ] }),
       children: /* @__PURE__ */ n(h, { sx: { width: "100%" }, children: /* @__PURE__ */ n(
-        ie,
+        me,
         {
           mapboxAccessToken: r,
           label: c === "default" ? e.name : void 0,
           value: l ?? e.defaultValue ?? "",
           defaultExtent: T,
           variant: w,
-          onChange: B(e.propertyId)
+          onChange: N(e.propertyId)
         }
       ) })
     }
@@ -463,12 +465,12 @@ function xe({
         /* @__PURE__ */ n(h, { width: "68%", children: d })
       ] }),
       children: /* @__PURE__ */ n(h, { sx: { width: "100%" }, children: /* @__PURE__ */ n(
-        me,
+        he,
         {
           label: c === "default" ? e.name : void 0,
           placeholder: "Enter phone number",
           value: l ?? e.defaultValue ?? "",
-          onChange: N(e.propertyId)
+          onChange: $(e.propertyId)
         }
       ) })
     }
@@ -481,11 +483,11 @@ function xe({
       labelPosition: c,
       size: I,
       mapboxAccessToken: r,
-      onChange: $(e.propertyId)
+      onChange: j(e.propertyId)
     }
-  ) }) : /* @__PURE__ */ n(_, {});
+  ) }) : /* @__PURE__ */ n(E, {});
 }
 export {
   Ce as C,
-  xe as V
+  Ve as V
 };

package/package.json

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