@hybridcore/ui 1.4.18 → 1.4.20

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-V39OBeR0.js";
+import { C as l } from "../../../../index-BGS3q6sP.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-V39OBeR0.js";
+import { V as g } from "../../../../index-BGS3q6sP.js";
 import "@mui/material";
 import "@mui/icons-material";
 import "../../../geometry-picker/index.js";

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

@@ -1,6 +1,6 @@
 import { jsx as t, Fragment as h } from "react/jsx-runtime";
 import p from "react";
-import { V as x } from "../../../../index-V39OBeR0.js";
+import { V as x } from "../../../../index-BGS3q6sP.js";
 import _ from "lodash";
 import { Box as d } from "@mui/material";
 function V({

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

@@ -1,61 +1,61 @@
-import { jsx as a, jsxs as h, Fragment as $ } from "react/jsx-runtime";
+import { jsx as n, jsxs as h, Fragment as Z } from "react/jsx-runtime";
 import m from "react";
-import Q from "lodash";
-import { useForm as X, Controller as s } from "react-hook-form";
-import { getNestedChildrenFromMap as z } from "../../utils/ontology.js";
-import { i as Z, d as ee } from "../../utils-Bq0ye5vf.js";
-import { ConditionalWrapper as te } from "../conditional-wrapper/index.js";
-import { Container as ae } from "../container/index.js";
-import { TextField as v, FormGroup as ne, FormControl as ie, InputLabel as le, Select as re, MenuItem as de, FormControlLabel as W, Checkbox as M, Box as p, Button as g } from "@mui/material";
-import { TreeSelect as oe } from "../tree-select/index.js";
-import se from "./components/policy-list/index.js";
-import me from "./components/variables/index.js";
-import { DisseminationList as ce } from "../data-security-selectors/dissemination-list/index.js";
-import { SecurityLevel as ue } from "../data-security-selectors/security-level/index.js";
-const fe = {
+import ee from "lodash";
+import { useForm as te, Controller as s } from "react-hook-form";
+import { getNestedChildrenFromMap as ne } from "../../utils/ontology.js";
+import { i as ae, d as ie } from "../../utils-Bq0ye5vf.js";
+import { ConditionalWrapper as le } from "../conditional-wrapper/index.js";
+import { Container as re } from "../container/index.js";
+import { TextField as v, FormGroup as de, FormControl as oe, InputLabel as se, Select as me, MenuItem as ce, FormControlLabel as K, Checkbox as U, Box as p, Button as g } from "@mui/material";
+import { TreeSelect as ue } from "../tree-select/index.js";
+import fe from "./components/policy-list/index.js";
+import he from "./components/variables/index.js";
+import { DisseminationList as ve } from "../data-security-selectors/dissemination-list/index.js";
+import { SecurityLevel as be } from "../data-security-selectors/security-level/index.js";
+const ye = {
   alg: "A256GCM",
   ext: !0,
   k: "_El6rHQxC5E7NdO5DiMDITjF7f65wrlaJmFVagVE9Ic",
   key_ops: ["encrypt", "decrypt"],
   kty: "oct"
-}, he = [
+}, ge = [
   "IMAGE",
   "VIDEO",
   "TEXT",
   "BINARY",
   "OTHER"
 ];
-function ve(e, N) {
-  var L, V, S, E, F, k, R, O, w, B, _, A, D, P;
+function Te(e, j) {
+  var L, V, S, E, F, k, O, R, w, B, _, A, D, P, W, M, N, G;
   const {
     register: C,
-    handleSubmit: G,
+    handleSubmit: q,
     control: o,
-    formState: { errors: K },
+    formState: { errors: H },
     getValues: I,
     setValue: b,
-    reset: U
-  } = X({
+    reset: Y
+  } = te({
     defaultValues: e.defaultValues
-  }), [j, q] = m.useState([]), [y, x] = m.useState(), [be, H] = m.useState(0), Y = m.useMemo(() => {
+  }), [J, $] = m.useState([]), [y, x] = m.useState(), [pe, Q] = m.useState(0), X = m.useMemo(() => {
     const t = [];
-    return e.mappedTemplates.forEach((n) => {
-      n.creatable || t.push(String(n.id));
+    return e.mappedTemplates.forEach((a) => {
+      a.creatable || t.push(String(a.id));
     }), t;
   }, [e.mappedTemplates]);
   m.useEffect(() => {
     (async () => {
-      const t = { ...e.defaultValues }, n = e.mappedTemplates.get(t.templateId);
-      if (n) {
-        const r = n.properties.filter(
+      const t = { ...e.defaultValues }, a = e.mappedTemplates.get(t.templateId);
+      if (a) {
+        const r = a.properties.filter(
           (i) => i.privacyPreservationMethod === "ENCRYPTION"
         );
         if (r.length > 0)
           for (let i = 0; i < r.length; i++) {
-            const l = r[i], d = Q.get(t, `variables.${l.propertyId}`);
+            const l = r[i], d = ee.get(t, `variables.${l.propertyId}`);
             if (d && e.keyAuth) {
-              const c = await Z(fe), u = await ee(c, d);
-              u.data && (b(`variables.${l.propertyId}`, u.data), H((f) => f + 1));
+              const c = await ae(ye), u = await ie(c, d);
+              u.data && (b(`variables.${l.propertyId}`, u.data), Q((f) => f + 1));
             }
           }
       }
@@ -64,25 +64,25 @@ function ve(e, N) {
   const T = () => {
     const t = I("templateId");
     y && x(void 0);
-    const n = z(e.mappedTemplates);
-    q(n);
+    const a = ne(e.mappedTemplates);
+    $(a);
     for (const r of e.mappedTemplates.values())
       if (r.id === t) {
         x(r);
         break;
       }
   };
-  m.useImperativeHandle(N, () => ({
+  m.useImperativeHandle(j, () => ({
     resetForm() {
-      U({
+      Y({
         title: "",
         description: "",
         templateId: 0,
         variables: {}
       }), T();
     },
-    setFormValue(t, n) {
-      b(t, n);
+    setFormValue(t, a) {
+      b(t, a);
     },
     getFormValue(t) {
       return I(t);
@@ -91,18 +91,18 @@ function ve(e, N) {
   }), [e.mappedTemplates]), m.useEffect(() => {
     e.onSelectedTemplateChange && e.onSelectedTemplateChange(y);
   }, [y]);
-  const J = () => {
+  const z = () => {
     if (e.onCancel) {
       e.onCancel();
       return;
     }
   };
-  return /* @__PURE__ */ a(
-    te,
+  return /* @__PURE__ */ n(
+    le,
     {
       condition: e.variant === void 0 || e.variant === "inline",
-      wrapper: (t) => /* @__PURE__ */ a(
-        ae,
+      wrapper: (t) => /* @__PURE__ */ n(
+        re,
         {
           disableHeader: !0,
           sx: { position: "relative", overflow: "visible" },
@@ -112,10 +112,10 @@ function ve(e, N) {
       children: /* @__PURE__ */ h(
         "form",
         {
-          onSubmit: G(e.onSubmit),
+          onSubmit: q(e.onSubmit),
           style: { display: "flex", flexDirection: "column" },
           children: [
-            /* @__PURE__ */ a(
+            !((V = (L = e.fieldOptions) == null ? void 0 : L.title) != null && V.hidden) && /* @__PURE__ */ n(
               v,
               {
                 label: "Title *",
@@ -123,13 +123,13 @@ function ve(e, N) {
                 fullWidth: !0,
                 sx: { mb: 2 },
                 ...C("title", { required: !0 }),
-                ...K.title && {
+                ...H.title && {
                   helperText: "This field is required!",
                   error: !0
                 }
               }
             ),
-            /* @__PURE__ */ a(
+            !((E = (S = e.fieldOptions) == null ? void 0 : S.description) != null && E.hidden) && /* @__PURE__ */ n(
               v,
               {
                 label: "Description",
@@ -137,20 +137,20 @@ function ve(e, N) {
                 fullWidth: !0,
                 multiline: !0,
                 sx: { mb: 2 },
-                minRows: (V = (L = e.fieldOptions) == null ? void 0 : L.description) == null ? void 0 : V.minRows,
+                minRows: (k = (F = e.fieldOptions) == null ? void 0 : F.description) == null ? void 0 : k.minRows,
                 ...C("description")
               }
             ),
-            !((E = (S = e.fieldOptions) == null ? void 0 : S.templateId) != null && E.hidden) && /* @__PURE__ */ a(ne, { sx: { mb: 2 }, children: /* @__PURE__ */ a(
+            !((R = (O = e.fieldOptions) == null ? void 0 : O.templateId) != null && R.hidden) && /* @__PURE__ */ n(de, { sx: { mb: 2 }, children: /* @__PURE__ */ n(
               s,
               {
                 name: "templateId",
                 control: o,
-                render: ({ field: { value: t, onChange: n } }) => {
+                render: ({ field: { value: t, onChange: a } }) => {
                   var r, i;
                   if ((i = (r = e.fieldOptions) == null ? void 0 : r.templateId) != null && i.disabled) {
                     const l = t ? e.mappedTemplates.get(t) : void 0;
-                    return /* @__PURE__ */ a(
+                    return /* @__PURE__ */ n(
                       v,
                       {
                         label: "Template",
@@ -162,13 +162,13 @@ function ve(e, N) {
                       }
                     );
                   }
-                  return /* @__PURE__ */ a(
-                    oe,
+                  return /* @__PURE__ */ n(
+                    ue,
                     {
                       label: "Template",
-                      data: j,
+                      data: J,
                       selected: t === 0 ? "" : [String(t)],
-                      disabled: Y,
+                      disabled: X,
                       variant: e.inputVariant,
                       onChange: (l, d) => {
                         const c = {
@@ -176,28 +176,28 @@ function ve(e, N) {
                             value: d ? Number(l) : 0
                           }
                         };
-                        n(c), T();
+                        a(c), T();
                       }
                     }
                   );
                 }
               }
             ) }),
-            "aliasList" in e.defaultValues && !((k = (F = e.fieldOptions) == null ? void 0 : F.aliasList) != null && k.hidden) && /* @__PURE__ */ a(
+            "aliasList" in e.defaultValues && !((B = (w = e.fieldOptions) == null ? void 0 : w.aliasList) != null && B.hidden) && /* @__PURE__ */ n(
               s,
               {
                 name: "aliasList",
                 control: o,
-                render: ({ field: { value: t, onChange: n, ...r } }) => {
+                render: ({ field: { value: t, onChange: a, ...r } }) => {
                   const i = (l) => {
                     const u = {
                       target: {
                         value: l.target.value.split(",").map((f) => f.trimStart())
                       }
                     };
-                    n(u);
+                    a(u);
                   };
-                  return /* @__PURE__ */ a(
+                  return /* @__PURE__ */ n(
                     v,
                     {
                       label: "Alias List",
@@ -213,46 +213,46 @@ function ve(e, N) {
                 }
               }
             ),
-            "appliedPolicies" in e.defaultValues && !((O = (R = e.fieldOptions) == null ? void 0 : R.appliedPolicies) != null && O.hidden) && /* @__PURE__ */ a(
+            "appliedPolicies" in e.defaultValues && !((A = (_ = e.fieldOptions) == null ? void 0 : _.appliedPolicies) != null && A.hidden) && /* @__PURE__ */ n(
               s,
               {
                 name: "appliedPolicies",
                 control: o,
-                render: ({ field: { value: t, onChange: n } }) => /* @__PURE__ */ a(
-                  se,
+                render: ({ field: { value: t, onChange: a } }) => /* @__PURE__ */ n(
+                  fe,
                   {
                     policyList: e.policyList,
                     value: t || void 0,
-                    onChange: n
+                    onChange: a
                   }
                 )
               }
             ),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ n(
               s,
               {
                 name: "variables",
                 control: o,
-                render: ({ field: { value: t, onChange: n } }) => /* @__PURE__ */ a(
-                  me,
+                render: ({ field: { value: t, onChange: a } }) => /* @__PURE__ */ n(
+                  he,
                   {
                     template: y,
                     value: t,
                     mapboxAccessToken: e.mapboxAccessToken,
                     variant: e.inputVariant,
                     fieldOptions: e.fieldOptions,
-                    onChange: n
+                    onChange: a
                   }
                 )
               }
             ),
-            "fileInBase64" in e.defaultValues && !((B = (w = e.fieldOptions) == null ? void 0 : w.fileInBase64) != null && B.hidden) && /* @__PURE__ */ h($, { children: [
-              /* @__PURE__ */ a(
+            "fileInBase64" in e.defaultValues && !((P = (D = e.fieldOptions) == null ? void 0 : D.fileInBase64) != null && P.hidden) && /* @__PURE__ */ h(Z, { children: [
+              /* @__PURE__ */ n(
                 s,
                 {
                   name: "fileInBase64",
                   control: o,
-                  render: ({ field: { onChange: t, ...n } }) => {
+                  render: ({ field: { onChange: t, ...a } }) => {
                     const r = (i) => {
                       if (i.target.files) {
                         const l = new FileReader();
@@ -264,7 +264,7 @@ function ve(e, N) {
                         b("originalFileName", d.name), b("contentType", d.type), l.readAsDataURL(d);
                       }
                     };
-                    return /* @__PURE__ */ a(
+                    return /* @__PURE__ */ n(
                       v,
                       {
                         type: "file",
@@ -275,26 +275,26 @@ function ve(e, N) {
                         helperText: "Select a file to upload",
                         InputLabelProps: { shrink: !0 },
                         onChange: r,
-                        ...n
+                        ...a
                       }
                     );
                   }
                 }
               ),
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ n(
                 s,
                 {
                   name: "type",
                   control: o,
-                  render: ({ field: { value: t, onChange: n } }) => {
+                  render: ({ field: { value: t, onChange: a } }) => {
                     const r = (i) => {
                       const {
                         target: { value: l }
                       } = i;
-                      n(l);
+                      a(l);
                     };
                     return /* @__PURE__ */ h(
-                      ie,
+                      oe,
                       {
                         fullWidth: !0,
                         sx: {
@@ -302,13 +302,13 @@ function ve(e, N) {
                         },
                         variant: e.inputVariant,
                         children: [
-                          /* @__PURE__ */ a(le, { children: "Type" }),
-                          /* @__PURE__ */ a(
-                            re,
+                          /* @__PURE__ */ n(se, { children: "Type" }),
+                          /* @__PURE__ */ n(
+                            me,
                             {
                               value: t ? [t] : "",
                               onChange: r,
-                              children: he.map((i) => /* @__PURE__ */ a(de, { value: i, children: i }, i))
+                              children: ge.map((i) => /* @__PURE__ */ n(ce, { value: i, children: i }, i))
                             }
                           )
                         ]
@@ -317,30 +317,30 @@ function ve(e, N) {
                   }
                 }
               ),
-              /* @__PURE__ */ a(
-                W,
+              /* @__PURE__ */ n(
+                K,
                 {
-                  control: /* @__PURE__ */ a(
+                  control: /* @__PURE__ */ n(
                     s,
                     {
                       name: "redacted",
                       control: o,
-                      render: ({ field: { value: t, ...n } }) => /* @__PURE__ */ a(M, { checked: !!t, ...n })
+                      render: ({ field: { value: t, ...a } }) => /* @__PURE__ */ n(U, { checked: !!t, ...a })
                     }
                   ),
                   label: "Redacted",
                   sx: { mb: 2 }
                 }
               ),
-              /* @__PURE__ */ a(
-                W,
+              /* @__PURE__ */ n(
+                K,
                 {
-                  control: /* @__PURE__ */ a(
+                  control: /* @__PURE__ */ n(
                     s,
                     {
                       name: "contentEncrypted",
                       control: o,
-                      render: ({ field: { value: t, ...n } }) => /* @__PURE__ */ a(M, { checked: !!t, ...n })
+                      render: ({ field: { value: t, ...a } }) => /* @__PURE__ */ n(U, { checked: !!t, ...a })
                     }
                   ),
                   label: "Content Encrypted",
@@ -348,7 +348,7 @@ function ve(e, N) {
                 }
               )
             ] }),
-            !((A = (_ = e.fieldOptions) == null ? void 0 : _.disseminationList) != null && A.hidden) && /* @__PURE__ */ a(
+            !((M = (W = e.fieldOptions) == null ? void 0 : W.disseminationList) != null && M.hidden) && /* @__PURE__ */ n(
               s,
               {
                 name: "disseminationList",
@@ -356,12 +356,12 @@ function ve(e, N) {
                   required: !0
                 },
                 control: o,
-                render: ({ field: { value: t, onChange: n }, fieldState: r }) => {
+                render: ({ field: { value: t, onChange: a }, fieldState: r }) => {
                   const i = t || [], l = (d) => {
-                    n(d);
+                    a(d);
                   };
-                  return /* @__PURE__ */ a(
-                    ce,
+                  return /* @__PURE__ */ n(
+                    ve,
                     {
                       selectedIds: i,
                       memberedGroups: e.memberedGroups,
@@ -373,7 +373,7 @@ function ve(e, N) {
                 }
               }
             ),
-            !((P = (D = e.fieldOptions) == null ? void 0 : D.securityLevelId) != null && P.hidden) && /* @__PURE__ */ a(p, { mt: 2, children: /* @__PURE__ */ a(
+            !((G = (N = e.fieldOptions) == null ? void 0 : N.securityLevelId) != null && G.hidden) && /* @__PURE__ */ n(p, { mt: 2, children: /* @__PURE__ */ n(
               s,
               {
                 name: "securityLevelId",
@@ -381,13 +381,13 @@ function ve(e, N) {
                   required: !0
                 },
                 control: o,
-                render: ({ field: { value: t, onChange: n }, fieldState: r }) => {
+                render: ({ field: { value: t, onChange: a }, fieldState: r }) => {
                   var l, d;
                   const i = (c) => {
-                    n(c);
+                    a(c);
                   };
-                  return /* @__PURE__ */ a(
-                    ue,
+                  return /* @__PURE__ */ n(
+                    be,
                     {
                       value: t || 0,
                       ontologyId: e.ontologyId,
@@ -405,19 +405,19 @@ function ve(e, N) {
               }
             ) }),
             /* @__PURE__ */ h(p, { display: "flex", justifyContent: "space-between", mt: 3, children: [
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ n(
                 g,
                 {
                   color: "primary",
                   variant: "text",
                   disabled: e.loading,
                   sx: { textTransform: "none" },
-                  onClick: J,
+                  onClick: z,
                   children: "Cancel"
                 }
               ),
               /* @__PURE__ */ h(p, { children: [
-                e.onRemove !== void 0 && /* @__PURE__ */ a(
+                e.onRemove !== void 0 && /* @__PURE__ */ n(
                   g,
                   {
                     type: "button",
@@ -429,7 +429,7 @@ function ve(e, N) {
                     children: e.removeLoading ? "Deleting..." : "Delete"
                   }
                 ),
-                e.saveButtons ? e.saveButtons.map((t, n) => /* @__PURE__ */ a(
+                e.saveButtons ? e.saveButtons.map((t, a) => /* @__PURE__ */ n(
                   g,
                   {
                     type: "submit",
@@ -441,8 +441,8 @@ function ve(e, N) {
                     onClick: t.onClick,
                     children: t.label
                   },
-                  n
-                )) : /* @__PURE__ */ a(
+                  a
+                )) : /* @__PURE__ */ n(
                   g,
                   {
                     type: "submit",
@@ -461,7 +461,7 @@ function ve(e, N) {
     }
   );
 }
-const Oe = m.forwardRef(ve);
+const Ae = m.forwardRef(Te);
 export {
-  Oe as InstanceForm
+  Ae as InstanceForm
 };

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-V39OBeR0.js";
+import { V as he } from "../../index-BGS3q6sP.js";
 import { RangeSelector as me } from "../range-selector/index.js";
 const $e = ({
   open: F,

package/dist/{index-V39OBeR0.js → index-BGS3q6sP.js}

@@ -1,8 +1,8 @@
 import { jsxs as h, Fragment as D, jsx as n } from "react/jsx-runtime";
 import I from "lodash";
-import N from "dayjs";
-import { FormControl as W, FormLabel as j, FormGroup as Y, FormControlLabel as $, Checkbox as v, Typography as P, Button as L, Chip as O, Dialog as _, DialogTitle as E, DialogContent as G, DialogActions as M, InputAdornment as H, Tooltip as K } from "@mui/material";
-import { Container as R, Values as U, MiniButton as q } from "./components/instance-form/components/composite-list/styled.js";
+import B from "dayjs";
+import { FormControl as N, FormLabel as W, FormGroup as j, FormControlLabel as Y, Checkbox as $, Typography as P, Button as L, Chip as v, Dialog as O, DialogTitle as _, DialogContent as E, DialogActions as G, InputAdornment as M, Tooltip as H } from "@mui/material";
+import { Container as K, Values as R, MiniButton as U } from "./components/instance-form/components/composite-list/styled.js";
 import { KeyboardArrowUp as J, KeyboardArrowDown as Q, Add as X, LockOutlined as Z } from "@mui/icons-material";
 import z from "./hooks/useToggle.js";
 import { GeometryPicker as ee } from "./components/geometry-picker/index.js";
@@ -15,47 +15,47 @@ import { C as ae } from "./Checkbox-qy3cjvnb.js";
 import { F as oe, I as ie } from "./InputLabel-CWkW8NtU.js";
 import { S as de } from "./Select-ClaBvSqf.js";
 import { M as me } from "./MenuItem-D-INSvZa.js";
-import { useState as B } from "react";
+import { useState as q } from "react";
 function ce({
   property: i,
   mapboxAccessToken: e,
   value: l,
-  variant: r = "outlined",
+  variant: s = "outlined",
   size: m = "medium",
   onChange: d
 }) {
   var g, V, t;
-  const f = z(!1), [c, p] = B(), [C, w] = B(!1), x = 10, A = (a) => {
-    p(I.get(a, i.propertyId));
+  const f = z(!1), [c, x] = q(), [C, w] = q(!1), k = 10, A = (a) => {
+    x(I.get(a, i.propertyId));
   }, y = () => {
-    d([...l || [], c]), p(""), f.action.close();
+    d([...l || [], c]), x(""), f.action.close();
   }, F = (a) => () => {
     if (l) {
       const o = [...l];
       o.splice(a, 1), d(o);
     }
-  }, k = (a) => {
-    const { value: o, checked: s } = a.target;
+  }, p = (a) => {
+    const { value: o, checked: r } = a.target;
     let u = I.isArray(l) ? l : [];
-    s ? u.push(o) : u = u.filter((b) => b !== o), d(u);
+    r ? u.push(o) : u = u.filter((b) => b !== o), d(u);
   };
   if (((V = (g = i.dataTypeInfo) == null ? void 0 : g.innerType) == null ? void 0 : V.type) === "enum") {
     const { enumValues: a } = i.dataTypeInfo.innerType;
     return /* @__PURE__ */ h(D, { children: [
-      /* @__PURE__ */ h(W, { fullWidth: !0, component: "fieldset", variant: r, children: [
-        /* @__PURE__ */ n(j, { component: "legend", sx: { mb: 1 }, children: i.name }),
-        /* @__PURE__ */ n(Y, { children: a && a.length > 0 ? a.slice(0, C ? 9999 : x).map((o, s) => /* @__PURE__ */ n(
-          $,
+      /* @__PURE__ */ h(N, { fullWidth: !0, component: "fieldset", variant: s, children: [
+        /* @__PURE__ */ n(W, { component: "legend", sx: { mb: 1 }, children: i.name }),
+        /* @__PURE__ */ n(j, { children: a && a.length > 0 ? a.slice(0, C ? 9999 : k).map((o, r) => /* @__PURE__ */ n(
+          Y,
           {
             label: o,
             control: /* @__PURE__ */ n(
-              v,
+              $,
               {
                 name: i.propertyId,
                 value: o,
                 size: "small",
                 checked: I.isArray(l) ? l.includes(o) : !1,
-                onChange: k
+                onChange: p
               }
             ),
             componentsProps: {
@@ -64,10 +64,10 @@ function ce({
               }
             }
           },
-          s
+          r
         )) : /* @__PURE__ */ n(P, { variant: "caption", mb: 1, children: "No enum values!" }) })
       ] }),
-      I.isArray(a) && a.length > x && /* @__PURE__ */ h(
+      I.isArray(a) && a.length > k && /* @__PURE__ */ h(
         L,
         {
           size: "small",
@@ -83,14 +83,14 @@ function ce({
     ] });
   }
   return /* @__PURE__ */ h(D, { children: [
-    /* @__PURE__ */ h(R, { variant: r, children: [
+    /* @__PURE__ */ h(K, { variant: s, children: [
       /* @__PURE__ */ n(P, { children: i.name }),
-      /* @__PURE__ */ n(U, { children: I.isArray(l) && l.map((a, o) => {
-        var s, u;
+      /* @__PURE__ */ n(R, { children: I.isArray(l) && l.map((a, o) => {
+        var r, u;
         return /* @__PURE__ */ n(
-          O,
+          v,
           {
-            label: ((u = (s = i.dataTypeInfo) == null ? void 0 : s.innerType) == null ? void 0 : u.type) === "date" ? N(a).format("DD/MM/YYYY HH:mm:ss") : a,
+            label: ((u = (r = i.dataTypeInfo) == null ? void 0 : r.innerType) == null ? void 0 : u.type) === "date" ? B(a).format("DD/MM/YYYY HH:mm:ss") : a,
             size: m,
             onDelete: F(o)
           },
@@ -98,7 +98,7 @@ function ce({
         );
       }) }),
       /* @__PURE__ */ n(
-        q,
+        U,
         {
           startIcon: /* @__PURE__ */ n(X, {}),
           variant: "text",
@@ -108,16 +108,16 @@ function ce({
       )
     ] }),
     /* @__PURE__ */ h(
-      _,
+      O,
       {
         open: f.state.isOpen,
         onClose: f.action.close,
         maxWidth: "sm",
         fullWidth: !0,
         children: [
-          /* @__PURE__ */ n(E, { children: "Add List Value" }),
-          /* @__PURE__ */ n(G, { children: (t = i.dataTypeInfo) != null && t.innerType ? /* @__PURE__ */ n(
-            se,
+          /* @__PURE__ */ n(_, { children: "Add List Value" }),
+          /* @__PURE__ */ n(E, { children: (t = i.dataTypeInfo) != null && t.innerType ? /* @__PURE__ */ n(
+            re,
             {
               mapboxAccessToken: e,
               property: {
@@ -129,7 +129,7 @@ function ce({
               onChange: A
             }
           ) : null }),
-          /* @__PURE__ */ h(M, { children: [
+          /* @__PURE__ */ h(G, { children: [
             /* @__PURE__ */ n(
               L,
               {
@@ -146,34 +146,34 @@ function ce({
     )
   ] });
 }
-function se({
+function re({
   mapboxAccessToken: i,
   property: e,
   value: l,
-  variant: r = "standard",
+  variant: s = "standard",
   size: m = "medium",
   disableMargin: d = !1,
   defaultExtent: f,
   // keyAuth,
   onChange: c
 }) {
-  var k, g, V;
-  const p = (t) => {
-    const o = t.target.value.split(",").map((s) => s.trimStart());
+  var p, g, V;
+  const x = (t) => {
+    const o = t.target.value.split(",").map((r) => r.trimStart());
     c({
       [e.propertyId]: o
     });
   }, C = (t) => {
-    const { name: a, type: o, checked: s, value: u } = t.target;
+    const { name: a, type: o, checked: r, value: u } = t.target;
     let b = u;
     e.type === "double" && (b = b.replace(",", "."), b = b.replace(/[^\d.-]+/g, "")), c({
-      [a]: o === "checkbox" ? s : b
+      [a]: o === "checkbox" ? r : b
     });
   }, w = (t) => {
     c({
       [e.propertyId]: t
     });
-  }, x = (t) => {
+  }, k = (t) => {
     c({
       [e.propertyId]: t.target.value
     });
@@ -204,10 +204,11 @@ function se({
       {
         label: e.name,
         name: e.propertyId,
+        required: e.required,
         value: l ?? e.defaultValue ?? "",
         defaultValue: l,
         onChange: C,
-        variant: r,
+        variant: s,
         type: "text",
         multiline: e.type === "text",
         disabled: !e.editable,
@@ -216,19 +217,19 @@ function se({
         InputProps: {
           size: m,
           ...e.privacyPreservationMethod === "ENCRYPTION" ? {
-            endAdornment: /* @__PURE__ */ n(H, { position: "end", children: /* @__PURE__ */ n(K, { title: "Encrypted Field", children: /* @__PURE__ */ n(Z, {}) }) })
+            endAdornment: /* @__PURE__ */ n(M, { position: "end", children: /* @__PURE__ */ n(H, { title: "Encrypted Field", children: /* @__PURE__ */ n(Z, {}) }) })
           } : {}
         }
       }
     );
   if (e.type === "date") {
-    const t = l !== void 0 ? N(l).format() : l;
+    const t = l !== void 0 ? B(l).format() : l;
     return /* @__PURE__ */ n(T, { mb: d ? 0 : 2, children: /* @__PURE__ */ n(
       le,
       {
         label: e.name,
         value: t,
-        variant: r,
+        variant: s,
         size: m,
         name: e.propertyId,
         onChange: w
@@ -243,9 +244,10 @@ function se({
         label: e.name,
         name: e.propertyId,
         value: t,
-        onChange: p,
-        variant: r,
+        onChange: x,
+        variant: s,
         disabled: !e.editable,
+        required: e.required,
         fullWidth: !0,
         helperText: m === "small" ? null : "Add list values with the comma (,) separated string",
         sx: { mb: d ? 0 : 2 },
@@ -274,13 +276,14 @@ function se({
     ) });
   if (e.type === "enum") {
     let t = [];
-    return (k = e.dataTypeInfo) != null && k.enumValues && (t = e.dataTypeInfo.enumValues), (V = (g = e.dataTypeInfo) == null ? void 0 : g.innerType) != null && V.enumValues && (t = e.dataTypeInfo.innerType.enumValues), /* @__PURE__ */ h(
+    return (p = e.dataTypeInfo) != null && p.enumValues && (t = e.dataTypeInfo.enumValues), (V = (g = e.dataTypeInfo) == null ? void 0 : g.innerType) != null && V.enumValues && (t = e.dataTypeInfo.innerType.enumValues), /* @__PURE__ */ h(
       oe,
       {
         fullWidth: !0,
-        variant: r,
+        variant: s,
         sx: { mb: d ? 0 : 2 },
         size: m,
+        required: e.required,
         children: [
           /* @__PURE__ */ n(ie, { id: `${e.propertyId}-label`, children: e.name }),
           /* @__PURE__ */ n(
@@ -291,7 +294,7 @@ function se({
               labelId: `${e.propertyId}-label`,
               id: e.propertyId,
               value: l ?? "",
-              onChange: x,
+              onChange: k,
               children: t.map((a, o) => /* @__PURE__ */ n(me, { value: a, children: a }, o))
             }
           )
@@ -306,7 +309,7 @@ function se({
       label: e.name,
       value: l ?? e.defaultValue ?? "",
       defaultExtent: f,
-      variant: r,
+      variant: s,
       onChange: A(e.propertyId)
     }
   ) }) : e.type === "phone-number" ? /* @__PURE__ */ n(T, { sx: { mb: d ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ n(
@@ -322,7 +325,7 @@ function se({
     {
       property: e,
       value: l ?? e.defaultValue ?? "",
-      variant: r,
+      variant: s,
       size: m,
       mapboxAccessToken: i,
       onChange: F(e.propertyId)
@@ -331,5 +334,5 @@ function se({
 }
 export {
   ce as C,
-  se as V
+  re as V
 };

package/package.json

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