@hybridcore/ui 1.5.4 → 1.5.7

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

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