@hybridcore/ui 1.5.50 → 1.5.51

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

@@ -1,21 +1,37 @@
-import { jsxs as a, Fragment as t, jsx as r } from "react/jsx-runtime";
-import { Box as c, Typography as e } from "@mui/material";
-const x = (l, o) => (p) => /* @__PURE__ */ a(t, { children: [
-  /* @__PURE__ */ a(c, { sx: { mb: 1, maxWidth: 400 }, children: [
-    /* @__PURE__ */ r(
-      e,
+import { jsxs as o, Fragment as n, 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: [
+  /* @__PURE__ */ o(r, { sx: { mb: 1 }, children: [
+    /* @__PURE__ */ o(
+      i,
       {
         component: "label",
         sx: {
-          display: "block",
+          display: "inline-block",
           color: "#1e262b",
-          fontSize: "16px"
+          fontSize: "16px",
+          position: "relative"
         },
-        children: l
+        children: [
+          a,
+          l && /* @__PURE__ */ t(
+            "span",
+            {
+              style: {
+                position: "absolute",
+                top: "-3px",
+                right: "-9px",
+                fontWeight: "bold",
+                fontSize: "16px"
+              },
+              children: "*"
+            }
+          )
+        ]
       }
     ),
-    o && /* @__PURE__ */ r(
-      e,
+    e && /* @__PURE__ */ t(
+      i,
       {
         variant: "caption",
         sx: {
@@ -24,7 +40,7 @@ const x = (l, o) => (p) => /* @__PURE__ */ a(t, { children: [
           fontSize: "13px",
           mt: 0.5
         },
-        children: o
+        children: e
       }
     )
   ] }),

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-KcxlW4QD.js";
+import { C as s } from "../../../../index-CCkupzf4.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-KcxlW4QD.js";
+import { V as j } from "../../../../index-CCkupzf4.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-KcxlW4QD.js";
+import { V as g } from "../../../../index-CCkupzf4.js";
 import p from "lodash";
 import { Box as i } from "@mui/material";
 function C({

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

@@ -1,15 +1,15 @@
 import { jsx as t, jsxs as c, Fragment as Oe } from "react/jsx-runtime";
-import Ce from "lodash";
-import v, { useRef as Ve } from "react";
+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 g, TextField as x, FormHelperText as fe, FormGroup as Fe, FormControlLabel as ue, Checkbox as he, Button as I } 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 C } from "@mui/material";
 import { getNestedChildrenFromMap as ke } from "../../utils/ontology.js";
 import { ConditionalWrapper as m } from "../conditional-wrapper/index.js";
-import { Container as Re } from "../container/index.js";
-import { DisseminationList as Ee } from "../data-security-selectors/dissemination-list/index.js";
-import { SecurityLevel as Pe } from "../data-security-selectors/security-level/index.js";
-import { i as De, d as Be } from "../../utils-Bq0ye5vf.js";
-import { TreeSelect as Ae } from "../tree-select/index.js";
+import { Container as Ee } from "../container/index.js";
+import { DisseminationList as Pe } from "../data-security-selectors/dissemination-list/index.js";
+import { SecurityLevel as Re } from "../data-security-selectors/security-level/index.js";
+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 _e from "./components/variables/index.js";
@@ -20,26 +20,26 @@ const We = {
   key_ops: ["encrypt", "decrypt"],
   kty: "oct"
 };
-function qe(e, ve) {
-  var E, P, D, B, A, 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 C = Ve(null), {
+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,
-    handleSubmit: pe,
+    handleSubmit: ve,
     control: f,
-    formState: { errors: ge, isDirty: S },
+    formState: { errors: ye, isDirty: S },
     getValues: F,
     setValue: T,
-    reset: ye,
+    reset: ge,
     watch: k
   } = Se({
     defaultValues: e.defaultValues
-  }), a = (e == null ? void 0 : e.labelPosition) ?? "default", [be, xe] = v.useState([]), [w, R] = v.useState(), [$e, Te] = v.useState(0), we = v.useMemo(() => {
+  }), a = (e == null ? void 0 : e.labelPosition) ?? "default", [be, xe] = p.useState([]), [w, E] = p.useState(), [$e, Te] = p.useState(0), we = p.useMemo(() => {
     const i = [];
     return e.mappedTemplates.forEach((n) => {
       n.creatable || i.push(String(n.id));
     }), i;
   }, [e.mappedTemplates]);
-  v.useEffect(() => {
+  p.useEffect(() => {
     (async () => {
       const i = { ...e.defaultValues }, n = e.mappedTemplates.get(i.templateId);
       if (n) {
@@ -48,38 +48,38 @@ function qe(e, ve) {
         );
         if (r.length > 0)
           for (let o = 0; o < r.length; o++) {
-            const d = r[o], s = Ce.get(i, `variables.${d.propertyId}`);
+            const d = r[o], s = Le.get(i, `variables.${d.propertyId}`);
             if (s && e.keyAuth) {
-              const u = await De(We), y = await Be(u, String(s));
-              y.data && (T(`variables.${d.propertyId}`, y.data), Te((b) => b + 1));
+              const u = await Be(We), g = await Ae(u, String(s));
+              g.data && (T(`variables.${d.propertyId}`, g.data), Te((b) => b + 1));
             }
           }
       }
     })();
   }, [e.defaultValues, e.mappedTemplates, e.keyAuth]);
-  const L = () => {
+  const I = () => {
     const i = F("templateId");
-    w && R(void 0);
+    w && E(void 0);
     const n = ke(e.mappedTemplates);
     xe(n);
     for (const r of e.mappedTemplates.values())
       if (r.id === i) {
-        R(r);
+        E(r);
         break;
       }
   };
-  v.useImperativeHandle(ve, () => ({
+  p.useImperativeHandle(pe, () => ({
     requestSubmit() {
       var i;
-      (i = C.current) == null || i.requestSubmit();
+      (i = L.current) == null || i.requestSubmit();
     },
     resetForm() {
-      ye({
+      ge({
         title: "",
         description: "",
         templateId: 0,
         variables: {}
-      }), L();
+      }), I();
     },
     setFormValue(i, n) {
       T(i, n);
@@ -90,8 +90,8 @@ function qe(e, ve) {
     isDirty() {
       return S;
     }
-  })), v.useEffect(() => (L(), () => {
-  }), [e.mappedTemplates]), v.useEffect(() => {
+  })), p.useEffect(() => (I(), () => {
+  }), [e.mappedTemplates]), p.useEffect(() => {
     e.onSelectedTemplateChange && e.onSelectedTemplateChange(w);
   }, [w]);
   const Ie = () => {
@@ -99,7 +99,7 @@ function qe(e, ve) {
       e.onCancel(S);
       return;
     }
-  }, p = (i) => {
+  }, v = (i) => {
     var o, d;
     if (!i) return;
     const n = (d = (o = e == null ? void 0 : e.fieldOptions) == null ? void 0 : o[i]) == null ? void 0 : d.maxChar;
@@ -110,7 +110,7 @@ function qe(e, ve) {
     {
       condition: e.variant === void 0 || e.variant === "inline",
       wrapper: (i) => /* @__PURE__ */ t(
-        Re,
+        Ee,
         {
           disableHeader: !0,
           sx: { position: "relative", overflow: "visible" },
@@ -120,16 +120,16 @@ function qe(e, ve) {
       children: /* @__PURE__ */ c(
         "form",
         {
-          ref: C,
-          onSubmit: pe(e.onSubmit),
+          ref: L,
+          onSubmit: ve(e.onSubmit),
           style: { display: "flex", flexDirection: "column" },
           children: [
-            !((P = (E = e.fieldOptions) == null ? void 0 : E.title) != null && P.hidden) && /* @__PURE__ */ t(
+            !((R = (P = e.fieldOptions) == null ? void 0 : P.title) != null && R.hidden) && /* @__PURE__ */ t(
               m,
               {
                 condition: a === "left",
                 wrapper: (i) => /* @__PURE__ */ c(l, { display: "flex", alignItems: "center", children: [
-                  /* @__PURE__ */ t(g, { width: "32%", children: "Title *" }),
+                  /* @__PURE__ */ t(y, { width: "32%", children: "Title *" }),
                   /* @__PURE__ */ t(l, { width: "68%", children: i })
                 ] }),
                 children: /* @__PURE__ */ c(l, { mb: 2, children: [
@@ -137,17 +137,17 @@ function qe(e, ve) {
                     m,
                     {
                       condition: a === "top",
-                      wrapper: O("Title *"),
+                      wrapper: O("Title", !0),
                       children: /* @__PURE__ */ t(
                         x,
                         {
                           label: a === "default" ? "Title *" : void 0,
                           variant: e.inputVariant,
-                          placeholder: ((B = (D = e.fieldOptions) == null ? void 0 : D.title) == null ? void 0 : B.placeholder) ?? "",
-                          inputProps: p("title") ? { maxLength: p("title") } : void 0,
+                          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 }),
-                          ...ge.title && {
+                          ...ye.title && {
                             helperText: "This field is required!",
                             error: !0
                           }
@@ -155,7 +155,7 @@ function qe(e, ve) {
                       )
                     }
                   ),
-                  p("title") && /* @__PURE__ */ t(fe, { sx: { textAlign: "right", mt: 0.5 }, children: `${(A = k("title")) == null ? void 0 : A.length}/${p("title")}` }),
+                  v("title") && /* @__PURE__ */ t(fe, { sx: { textAlign: "right", mt: 0.5 }, children: `${(D = k("title")) == null ? void 0 : D.length}/${v("title")}` }),
                   e.fieldOptions && ((N = e.fieldOptions.title) == null ? void 0 : N.helperText)
                 ] })
               }
@@ -165,7 +165,7 @@ function qe(e, ve) {
               {
                 condition: a === "left",
                 wrapper: (i) => /* @__PURE__ */ c(l, { display: "flex", alignItems: "center", children: [
-                  /* @__PURE__ */ t(g, { width: "32%", children: "Description" }),
+                  /* @__PURE__ */ t(y, { width: "32%", children: "Description" }),
                   /* @__PURE__ */ t(l, { width: "68%", children: i })
                 ] }),
                 children: /* @__PURE__ */ c(l, { mb: 2, children: [
@@ -173,12 +173,12 @@ function qe(e, ve) {
                     m,
                     {
                       condition: a === "top",
-                      wrapper: O("Description"),
+                      wrapper: O("Description", !1),
                       children: /* @__PURE__ */ t(
                         x,
                         {
                           label: a === "default" ? "Description" : void 0,
-                          inputProps: p("description") ? { maxLength: p("description") } : void 0,
+                          inputProps: v("description") ? { maxLength: v("description") } : void 0,
                           placeholder: (($ = (q = e.fieldOptions) == null ? void 0 : q.description) == null ? void 0 : $.placeholder) ?? "",
                           variant: e.inputVariant,
                           fullWidth: !0,
@@ -189,7 +189,7 @@ function qe(e, ve) {
                       )
                     }
                   ),
-                  p("description") && /* @__PURE__ */ t(fe, { sx: { textAlign: "right", mt: 0.5 }, children: `${(U = k("description")) == null ? void 0 : U.length}/${p(
+                  v("description") && /* @__PURE__ */ t(fe, { sx: { textAlign: "right", mt: 0.5 }, children: `${(U = k("description")) == null ? void 0 : U.length}/${v(
                     "description"
                   )}` }),
                   e.fieldOptions && ((j = e.fieldOptions.description) == null ? void 0 : j.helperText)
@@ -201,7 +201,7 @@ function qe(e, ve) {
               {
                 condition: a === "left",
                 wrapper: (i) => /* @__PURE__ */ c(l, { display: "flex", alignItems: "center", children: [
-                  /* @__PURE__ */ t(g, { width: "32%", children: "Template" }),
+                  /* @__PURE__ */ t(y, { width: "32%", children: "Template" }),
                   /* @__PURE__ */ t(l, { width: "68%", children: i })
                 ] }),
                 children: /* @__PURE__ */ c(Fe, { sx: { mb: 2 }, children: [
@@ -209,7 +209,7 @@ function qe(e, ve) {
                     m,
                     {
                       condition: a === "top",
-                      wrapper: O("Template"),
+                      wrapper: O("Template", !1),
                       children: /* @__PURE__ */ t(
                         h,
                         {
@@ -234,7 +234,7 @@ function qe(e, ve) {
                               );
                             }
                             return /* @__PURE__ */ t(
-                              Ae,
+                              De,
                               {
                                 label: a === "default" ? "Template" : void 0,
                                 data: be,
@@ -247,7 +247,7 @@ function qe(e, ve) {
                                       value: s ? Number(d) : 0
                                     }
                                   };
-                                  n(u), L();
+                                  n(u), I();
                                 }
                               }
                             );
@@ -280,7 +280,7 @@ function qe(e, ve) {
                     {
                       condition: a === "left",
                       wrapper: (s) => /* @__PURE__ */ c(l, { display: "flex", alignItems: "center", children: [
-                        /* @__PURE__ */ t(g, { width: "32%", children: "Alias List" }),
+                        /* @__PURE__ */ t(y, { width: "32%", children: "Alias List" }),
                         /* @__PURE__ */ t(l, { width: "68%", children: s })
                       ] }),
                       children: /* @__PURE__ */ c(l, { mb: 2, children: [
@@ -315,7 +315,7 @@ function qe(e, ve) {
                     {
                       condition: a === "left",
                       wrapper: (o) => /* @__PURE__ */ c(l, { display: "flex", alignItems: "center", children: [
-                        /* @__PURE__ */ t(g, { width: "32%", children: "Policy List" }),
+                        /* @__PURE__ */ t(y, { width: "32%", children: "Policy List" }),
                         /* @__PURE__ */ t(l, { width: "68%", children: o })
                       ] }),
                       children: /* @__PURE__ */ c(l, { mb: 2, children: [
@@ -366,11 +366,11 @@ function qe(e, ve) {
                       if (s.target.files) {
                         const u = new FileReader();
                         u.onload = async (b) => {
-                          const Le = b.target.result.split("base64,")[1];
-                          i(Le);
+                          const Ce = b.target.result.split("base64,")[1];
+                          i(Ce);
                         };
-                        const y = s.target.files[0];
-                        T("originalFileName", y.name), T("contentType", y.type), u.readAsDataURL(y);
+                        const g = s.target.files[0];
+                        T("originalFileName", g.name), T("contentType", g.type), u.readAsDataURL(g);
                       }
                     };
                     return /* @__PURE__ */ t(
@@ -378,7 +378,7 @@ function qe(e, ve) {
                       {
                         condition: a === "left",
                         wrapper: (s) => /* @__PURE__ */ c(l, { display: "flex", alignItems: "center", children: [
-                          /* @__PURE__ */ t(g, { width: "32%", children: "File to Upload" }),
+                          /* @__PURE__ */ t(y, { width: "32%", children: "File to Upload" }),
                           /* @__PURE__ */ t(l, { width: "68%", children: s })
                         ] }),
                         children: /* @__PURE__ */ c(l, { mb: 2, children: [
@@ -407,7 +407,7 @@ function qe(e, ve) {
                 {
                   condition: a === "left",
                   wrapper: (i) => /* @__PURE__ */ c(l, { display: "flex", alignItems: "center", children: [
-                    /* @__PURE__ */ t(g, { width: "32%", children: "Redacted" }),
+                    /* @__PURE__ */ t(y, { width: "32%", children: "Redacted" }),
                     /* @__PURE__ */ t(l, { width: "68%", children: i })
                   ] }),
                   children: /* @__PURE__ */ c(l, { mb: 2, children: [
@@ -434,7 +434,7 @@ function qe(e, ve) {
                 {
                   condition: a === "left",
                   wrapper: (i) => /* @__PURE__ */ c(l, { display: "flex", alignItems: "center", children: [
-                    /* @__PURE__ */ t(g, { width: "32%", children: "Content Encrypted" }),
+                    /* @__PURE__ */ t(y, { width: "32%", children: "Content Encrypted" }),
                     /* @__PURE__ */ t(l, { width: "68%", children: i })
                   ] }),
                   children: /* @__PURE__ */ c(l, { mb: 2, children: [
@@ -470,7 +470,7 @@ function qe(e, ve) {
                     n(s);
                   };
                   return /* @__PURE__ */ t(
-                    Ee,
+                    Pe,
                     {
                       selectedIds: o,
                       memberedGroups: e.memberedGroups,
@@ -497,7 +497,7 @@ function qe(e, ve) {
                     n(u);
                   };
                   return /* @__PURE__ */ t(
-                    Pe,
+                    Re,
                     {
                       value: i || 0,
                       ontologyId: e.ontologyId,
@@ -515,64 +515,59 @@ function qe(e, ve) {
                 }
               }
             ) }),
-            /* @__PURE__ */ c(l, { display: "flex", justifyContent: "space-between", mt: 3, children: [
-              /* @__PURE__ */ t(
-                I,
-                {
-                  color: "primary",
-                  variant: "text",
-                  disabled: e.loading,
-                  sx: { textTransform: "none" },
-                  onClick: Ie,
-                  children: "Cancel"
-                }
-              ),
-              /* @__PURE__ */ c(l, { children: [
-                e.onRemove !== void 0 && /* @__PURE__ */ t(
-                  I,
-                  {
-                    type: "button",
-                    color: "error",
-                    variant: "contained",
-                    disabled: e.removeLoading || e.loading,
-                    sx: { mr: 2, textTransform: "none" },
-                    onClick: e.onRemove,
-                    children: e.removeLoading ? "Deleting..." : "Delete"
-                  }
-                ),
-                e.saveButtons ? e.saveButtons.map((i, n) => /* @__PURE__ */ t(
-                  I,
-                  {
-                    type: "submit",
-                    color: "primary",
-                    variant: "contained",
-                    disabled: e.loading,
-                    startIcon: i.icon,
-                    sx: { ml: 1, textTransform: "none" },
-                    onClick: i.onClick,
-                    children: i.label
-                  },
-                  n
-                )) : /* @__PURE__ */ t(
-                  I,
-                  {
-                    type: "submit",
-                    color: "primary",
-                    variant: "contained",
-                    disabled: e.loading,
-                    sx: { textTransform: "none" },
-                    children: e.loading ? "Saving..." : "Save"
-                  }
-                )
-              ] })
-            ] })
+            /* @__PURE__ */ c(
+              l,
+              {
+                display: "flex",
+                justifyContent: "space-between",
+                mt: 3,
+                width: "100%",
+                children: [
+                  e.onCancel && /* @__PURE__ */ t(
+                    C,
+                    {
+                      color: "primary",
+                      variant: "text",
+                      disabled: e.loading,
+                      sx: { textTransform: "none" },
+                      onClick: Ie,
+                      children: "Cancel"
+                    }
+                  ),
+                  /* @__PURE__ */ t(l, { sx: { flex: e.onCancel ? "none" : 1 }, children: e.customSaveButtons ? e.customSaveButtons : e.saveButtons ? e.saveButtons.map((i, n) => /* @__PURE__ */ t(
+                    C,
+                    {
+                      type: "submit",
+                      color: "primary",
+                      variant: "contained",
+                      disabled: e.loading,
+                      startIcon: i.icon,
+                      sx: { ml: 1, textTransform: "none" },
+                      onClick: i.onClick,
+                      children: i.label
+                    },
+                    n
+                  )) : /* @__PURE__ */ t(
+                    C,
+                    {
+                      type: "submit",
+                      color: "primary",
+                      variant: "contained",
+                      disabled: e.loading,
+                      sx: { textTransform: "none" },
+                      children: e.loading ? "Saving..." : "Save"
+                    }
+                  ) })
+                ]
+              }
+            )
           ]
         }
       )
     }
   );
 }
-const nt = v.forwardRef(qe);
+const nt = p.forwardRef(qe);
 export {
   nt 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 G, useEffect as ue } from "react";
 import h from "lodash";
 import { d as ye } from "../../ol-lGwSyEIV.js";
-import { V as he } from "../../index-KcxlW4QD.js";
+import { V as he } from "../../index-CCkupzf4.js";
 import { RangeSelector as me } from "../range-selector/index.js";
 const $e = ({
   open: F,

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

@@ -1,72 +1,72 @@
-import { jsx as n, jsxs as h, Fragment as _ } from "react/jsx-runtime";
+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 W, Typography as s, FormControl as X, FormLabel as Z, FormGroup as z, FormControlLabel as y, Checkbox as P, Button as Y, Chip as p, Dialog as O, DialogTitle as ee, DialogContent as ne, DialogActions as ae, InputAdornment as de, Tooltip as le } from "@mui/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 te from "./hooks/useToggle.js";
+import ce from "./hooks/useToggle.js";
 import { ConditionalWrapper as o } from "./components/conditional-wrapper/index.js";
-import { DateTimePicker as ce } from "./components/date-time-picker/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 re } from "./components/phone-input/index.js";
-import S from "./components/instance-form/components/TopLabelWrapper.js";
-import { B as m } from "./Box-SSMZuKnS.js";
+import { PhoneInput as me } from "./components/phone-input/index.js";
+import W 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 me } from "./FormControlLabel-BNT5EI0b.js";
-import { C as he } from "./Checkbox-B0P8LhCl.js";
-import { F as ue, I as oe } from "./InputLabel-ClDXuWBr.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";
 function Ce({
-  property: u,
+  property: r,
   mapboxAccessToken: e,
   value: l,
   variant: w = "outlined",
-  labelPosition: t = "default",
+  labelPosition: c = "default",
   size: I = "medium",
   onChange: T
 }) {
   var b, k, A;
-  const a = te(!1), [f, v] = E(), [V, q] = E(!1), F = 10, B = (c) => {
-    v(x.get(c, u.propertyId));
+  const a = ce(!1), [f, v] = E(), [V, S] = E(!1), F = 10, B = (t) => {
+    v(x.get(t, r.propertyId));
   }, N = () => {
     T([...l || [], f]), v(""), a.action.close();
-  }, $ = (c) => () => {
+  }, $ = (t) => () => {
     if (l) {
       const i = [...l];
-      i.splice(c, 1), T(i);
+      i.splice(t, 1), T(i);
     }
-  }, M = (c) => {
-    const { value: i, checked: C } = c.target;
+  }, 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);
   };
-  if (((k = (b = u.dataTypeInfo) == null ? void 0 : b.innerType) == null ? void 0 : k.type) === "enum") {
-    const { enumValues: c } = u.dataTypeInfo.innerType;
+  if (((k = (b = r.dataTypeInfo) == null ? void 0 : b.innerType) == null ? void 0 : k.type) === "enum") {
+    const { enumValues: t } = r.dataTypeInfo.innerType;
     return /* @__PURE__ */ n(
       o,
       {
-        condition: t === "left",
-        wrapper: (i) => /* @__PURE__ */ h(W, { display: "flex", alignItems: "center", children: [
-          /* @__PURE__ */ n(s, { width: "32%", children: u.name }),
-          /* @__PURE__ */ n(W, { width: "68%", children: i })
+        condition: c === "left",
+        wrapper: (i) => /* @__PURE__ */ u(M, { display: "flex", alignItems: "center", children: [
+          /* @__PURE__ */ n(s, { width: "32%", children: r.name }),
+          /* @__PURE__ */ n(M, { width: "68%", children: i })
         ] }),
-        children: /* @__PURE__ */ h(_, { children: [
-          /* @__PURE__ */ h(X, { fullWidth: !0, component: "fieldset", variant: w, children: [
-            t === "default" && /* @__PURE__ */ n(Z, { component: "legend", sx: { mb: 1 }, children: u.name }),
-            /* @__PURE__ */ n(z, { children: c && c.length > 0 ? c.slice(0, V ? 9999 : F).map((i, C) => /* @__PURE__ */ n(
-              y,
+        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,
               {
                 label: i,
                 control: /* @__PURE__ */ n(
-                  P,
+                  y,
                   {
-                    name: u.propertyId,
+                    name: r.propertyId,
                     value: i,
                     size: "small",
                     checked: x.isArray(l) ? l.includes(i) : !1,
-                    onChange: M
+                    onChange: q
                   }
                 ),
                 componentsProps: {
@@ -78,13 +78,13 @@ function Ce({
               C
             )) : /* @__PURE__ */ n(s, { variant: "caption", mb: 1, children: "No enum values!" }) })
           ] }),
-          x.isArray(c) && c.length > F && /* @__PURE__ */ h(
+          x.isArray(t) && t.length > F && /* @__PURE__ */ u(
             Y,
             {
               size: "small",
               sx: { p: 0, textTransform: "none" },
               endIcon: V ? /* @__PURE__ */ n(R, {}) : /* @__PURE__ */ n(U, {}),
-              onClick: () => q((i) => !i),
+              onClick: () => S((i) => !i),
               children: [
                 "Show ",
                 V ? "Less" : "More"
@@ -95,23 +95,23 @@ function Ce({
       }
     );
   }
-  return /* @__PURE__ */ h(_, { children: [
+  return /* @__PURE__ */ u(_, { children: [
     /* @__PURE__ */ n(
       o,
       {
-        condition: t === "left",
-        wrapper: (c) => /* @__PURE__ */ h(W, { display: "flex", alignItems: "center", children: [
-          /* @__PURE__ */ n(s, { width: "32%", children: u.name }),
-          /* @__PURE__ */ n(W, { width: "68%", children: c })
+        condition: c === "left",
+        wrapper: (t) => /* @__PURE__ */ u(M, { display: "flex", alignItems: "center", children: [
+          /* @__PURE__ */ n(s, { width: "32%", children: r.name }),
+          /* @__PURE__ */ n(M, { width: "68%", children: t })
         ] }),
-        children: /* @__PURE__ */ h(fe, { variant: w, children: [
-          t === "default" && /* @__PURE__ */ n(s, { children: u.name }),
-          /* @__PURE__ */ n(ge, { children: x.isArray(l) && l.map((c, i) => {
+        children: /* @__PURE__ */ u(fe, { 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;
             return /* @__PURE__ */ n(
-              p,
+              O,
               {
-                label: ((g = (C = u.dataTypeInfo) == null ? void 0 : C.innerType) == null ? void 0 : g.type) === "date" ? H(c).format("DD/MM/YYYY HH:mm:ss") : c,
+                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,
                 size: I,
                 onDelete: $(i)
               },
@@ -130,8 +130,8 @@ function Ce({
         ] })
       }
     ),
-    /* @__PURE__ */ h(
-      O,
+    /* @__PURE__ */ u(
+      p,
       {
         open: a.state.isOpen,
         onClose: a.action.close,
@@ -139,20 +139,20 @@ function Ce({
         fullWidth: !0,
         children: [
           /* @__PURE__ */ n(ee, { children: "Add List Value" }),
-          /* @__PURE__ */ n(ne, { children: (A = u.dataTypeInfo) != null && A.innerType ? /* @__PURE__ */ n(
+          /* @__PURE__ */ n(ne, { children: (A = r.dataTypeInfo) != null && A.innerType ? /* @__PURE__ */ n(
             xe,
             {
               mapboxAccessToken: e,
               property: {
-                ...u,
+                ...r,
                 name: "Value",
-                type: u.dataTypeInfo.innerType.type
+                type: r.dataTypeInfo.innerType.type
               },
               value: f,
               onChange: B
             }
           ) : null }),
-          /* @__PURE__ */ h(ae, { children: [
+          /* @__PURE__ */ u(ae, { children: [
             /* @__PURE__ */ n(
               Y,
               {
@@ -170,30 +170,30 @@ function Ce({
   ] });
 }
 function xe({
-  mapboxAccessToken: u,
+  mapboxAccessToken: r,
   property: e,
   value: l,
   variant: w = "standard",
-  labelPosition: t = "default",
+  labelPosition: c = "default",
   size: I = "medium",
   defaultExtent: T,
   fieldOptions: a,
   // keyAuth,
   onChange: f
 }) {
-  var M, b, k, A, c, i, C, g;
+  var q, b, k, A, t, i, C, g;
   const v = (d) => {
     const D = d.target.value.split(",").map((j) => j.trimStart());
     f({
       [e.propertyId]: D
     });
   }, V = (d) => {
-    const { name: r, type: D, checked: j, value: K } = d.target;
+    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({
-      [r]: D === "checkbox" ? j : L
+      [m]: D === "checkbox" ? j : L
     });
-  }, q = (d) => {
+  }, S = (d) => {
     f({
       [e.propertyId]: d
     });
@@ -201,17 +201,17 @@ function xe({
     f({
       [e.propertyId]: d.target.value
     });
-  }, B = (d) => (r) => {
+  }, B = (d) => (m) => {
     f({
-      [d]: r
+      [d]: m
     });
-  }, N = (d) => (r) => {
+  }, N = (d) => (m) => {
     f({
-      [d]: r
+      [d]: m
     });
-  }, $ = (d) => (r) => {
+  }, $ = (d) => (m) => {
     f({
-      [d]: r
+      [d]: m
     });
   };
   if (a && a[e.propertyId] && a[e.propertyId].component)
@@ -228,23 +228,24 @@ function xe({
     return /* @__PURE__ */ n(
       o,
       {
-        condition: t === "left",
-        wrapper: (d) => /* @__PURE__ */ h(m, { display: "flex", alignItems: "center", children: [
+        condition: c === "left",
+        wrapper: (d) => /* @__PURE__ */ u(h, { display: "flex", alignItems: "center", children: [
           /* @__PURE__ */ n(s, { width: "32%", children: e.name }),
-          /* @__PURE__ */ n(m, { width: "68%", children: d })
+          /* @__PURE__ */ n(h, { width: "68%", children: d })
         ] }),
         children: /* @__PURE__ */ n(
           o,
           {
-            condition: t === "top",
-            wrapper: S(
-              e.name,
-              (M = a == null ? void 0 : a[e == null ? void 0 : e.propertyId]) == null ? void 0 : M.description
+            condition: c === "top",
+            wrapper: W(
+              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,
               {
-                label: t === "default" ? e.name : void 0,
+                label: c === "default" ? e.name : void 0,
                 placeholder: ((b = a == null ? void 0 : a[e.propertyId]) == null ? void 0 : b.placeholder) ?? "",
                 name: e.propertyId,
                 required: e.required,
@@ -276,28 +277,29 @@ function xe({
     return /* @__PURE__ */ n(
       o,
       {
-        condition: t === "left",
-        wrapper: (r) => /* @__PURE__ */ h(m, { display: "flex", alignItems: "center", children: [
+        condition: c === "left",
+        wrapper: (m) => /* @__PURE__ */ u(h, { display: "flex", alignItems: "center", children: [
           /* @__PURE__ */ n(s, { width: "32%", children: e.name }),
-          /* @__PURE__ */ n(m, { width: "68%", children: r })
+          /* @__PURE__ */ n(h, { width: "68%", children: m })
         ] }),
         children: /* @__PURE__ */ n(
           o,
           {
-            condition: t === "top",
-            wrapper: S(
+            condition: c === "top",
+            wrapper: W(
               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
             ),
             children: /* @__PURE__ */ n(
-              ce,
+              te,
               {
-                label: t === "default" ? e.name : void 0,
+                label: c === "default" ? e.name : void 0,
                 value: d,
                 variant: w,
                 size: I,
                 name: e.propertyId,
-                onChange: q,
+                onChange: S,
                 ...a && a[e.propertyId] && {
                   minDate: a[e.propertyId].minDate
                 }
@@ -313,23 +315,24 @@ function xe({
     return e.defaultValue && (d = x.isArray(e.defaultValue) ? l.join(", ") : e.defaultValue), l && (d = x.isArray(l) ? l.join(",") : l), /* @__PURE__ */ n(
       o,
       {
-        condition: t === "left",
-        wrapper: (r) => /* @__PURE__ */ h(m, { display: "flex", alignItems: "center", children: [
+        condition: c === "left",
+        wrapper: (m) => /* @__PURE__ */ u(h, { display: "flex", alignItems: "center", children: [
           /* @__PURE__ */ n(s, { width: "32%", children: e.name }),
-          /* @__PURE__ */ n(m, { width: "68%", children: r })
+          /* @__PURE__ */ n(h, { width: "68%", children: m })
         ] }),
         children: /* @__PURE__ */ n(
           o,
           {
-            condition: t === "top",
-            wrapper: S(
+            condition: c === "top",
+            wrapper: W(
               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
             ),
             children: /* @__PURE__ */ n(
               G,
               {
-                label: t === "default" ? e.name : void 0,
+                label: c === "default" ? e.name : void 0,
                 name: e.propertyId,
                 value: d,
                 onChange: v,
@@ -356,16 +359,16 @@ function xe({
     return /* @__PURE__ */ n(
       o,
       {
-        condition: t === "left",
-        wrapper: (d) => /* @__PURE__ */ h(m, { display: "flex", alignItems: "center", children: [
+        condition: c === "left",
+        wrapper: (d) => /* @__PURE__ */ u(h, { display: "flex", alignItems: "center", children: [
           /* @__PURE__ */ n(s, { width: "32%", children: e.name }),
-          /* @__PURE__ */ n(m, { width: "68%", children: d })
+          /* @__PURE__ */ n(h, { width: "68%", children: d })
         ] }),
         children: /* @__PURE__ */ n(
-          me,
+          he,
           {
             control: /* @__PURE__ */ n(
-              he,
+              ue,
               {
                 name: e.propertyId,
                 checked: !!(l ?? e.defaultValue ?? !1),
@@ -373,42 +376,43 @@ function xe({
                 size: I
               }
             ),
-            label: t === "default" ? e.name : void 0
+            label: c === "default" ? e.name : void 0
           }
         )
       }
     );
   if (e.type === "enum") {
     let d = [];
-    return (c = e.dataTypeInfo) != null && c.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 (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(
       o,
       {
-        condition: t === "left",
-        wrapper: (r) => /* @__PURE__ */ h(m, { display: "flex", alignItems: "center", children: [
+        condition: c === "left",
+        wrapper: (m) => /* @__PURE__ */ u(h, { display: "flex", alignItems: "center", children: [
           /* @__PURE__ */ n(s, { width: "32%", children: e.name }),
-          /* @__PURE__ */ n(m, { width: "68%", children: r })
+          /* @__PURE__ */ n(h, { width: "68%", children: m })
         ] }),
         children: /* @__PURE__ */ n(
           o,
           {
-            condition: t === "top",
-            wrapper: S(
+            condition: c === "top",
+            wrapper: W(
               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
             ),
-            children: /* @__PURE__ */ h(
-              ue,
+            children: /* @__PURE__ */ u(
+              re,
               {
                 fullWidth: !0,
                 variant: w,
                 size: I,
                 required: e.required,
                 children: [
-                  t === "default" && /* @__PURE__ */ n(oe, { id: `${e.propertyId}-label`, children: e.name }),
+                  c === "default" && /* @__PURE__ */ n(oe, { id: `${e.propertyId}-label`, children: e.name }),
                   /* @__PURE__ */ n(
                     se,
                     {
-                      label: t === "default" ? e.name : void 0,
+                      label: c === "default" ? e.name : void 0,
                       name: e.name,
                       labelId: `${e.propertyId}-label`,
                       id: e.propertyId,
@@ -419,7 +423,7 @@ function xe({
                           tabIndex: a[e.propertyId].order
                         }
                       },
-                      children: d.map((r, D) => /* @__PURE__ */ n(Ie, { value: r, children: r }, D))
+                      children: d.map((m, D) => /* @__PURE__ */ n(Ie, { value: m, children: m }, D))
                     }
                   )
                 ]
@@ -433,16 +437,16 @@ function xe({
   return e.type === "geometry" ? /* @__PURE__ */ n(
     o,
     {
-      condition: t === "left",
-      wrapper: (d) => /* @__PURE__ */ h(m, { display: "flex", alignItems: "center", children: [
+      condition: c === "left",
+      wrapper: (d) => /* @__PURE__ */ u(h, { display: "flex", alignItems: "center", children: [
         /* @__PURE__ */ n(s, { width: "32%", children: e.name }),
-        /* @__PURE__ */ n(m, { width: "68%", children: d })
+        /* @__PURE__ */ n(h, { width: "68%", children: d })
       ] }),
-      children: /* @__PURE__ */ n(m, { sx: { width: "100%" }, children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n(h, { sx: { width: "100%" }, children: /* @__PURE__ */ n(
         ie,
         {
-          mapboxAccessToken: u,
-          label: t === "default" ? e.name : void 0,
+          mapboxAccessToken: r,
+          label: c === "default" ? e.name : void 0,
           value: l ?? e.defaultValue ?? "",
           defaultExtent: T,
           variant: w,
@@ -453,30 +457,30 @@ function xe({
   ) : e.type === "phone-number" ? /* @__PURE__ */ n(
     o,
     {
-      condition: t === "left",
-      wrapper: (d) => /* @__PURE__ */ h(m, { display: "flex", alignItems: "center", children: [
+      condition: c === "left",
+      wrapper: (d) => /* @__PURE__ */ u(h, { display: "flex", alignItems: "center", children: [
         /* @__PURE__ */ n(s, { width: "32%", children: e.name }),
-        /* @__PURE__ */ n(m, { width: "68%", children: d })
+        /* @__PURE__ */ n(h, { width: "68%", children: d })
       ] }),
-      children: /* @__PURE__ */ n(m, { sx: { width: "100%" }, children: /* @__PURE__ */ n(
-        re,
+      children: /* @__PURE__ */ n(h, { sx: { width: "100%" }, children: /* @__PURE__ */ n(
+        me,
         {
-          label: t === "default" ? e.name : void 0,
+          label: c === "default" ? e.name : void 0,
           placeholder: "Enter phone number",
           value: l ?? e.defaultValue ?? "",
           onChange: N(e.propertyId)
         }
       ) })
     }
-  ) : e.type === "composite-list" ? /* @__PURE__ */ n(m, { sx: { width: "100%" }, children: /* @__PURE__ */ n(
+  ) : e.type === "composite-list" ? /* @__PURE__ */ n(h, { sx: { width: "100%" }, children: /* @__PURE__ */ n(
     Ce,
     {
       property: e,
       value: l ?? e.defaultValue ?? "",
       variant: w,
-      labelPosition: t,
+      labelPosition: c,
       size: I,
-      mapboxAccessToken: u,
+      mapboxAccessToken: r,
       onChange: $(e.propertyId)
     }
   ) }) : /* @__PURE__ */ n(_, {});

package/dist/main.d.ts

@@ -340,6 +340,10 @@ K extends
      *
      */
     loading: boolean;
+    /**
+     *
+     */
+    customSaveButtons?: React.ReactNode;
     /**
      *
      */

package/package.json

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