@hybridcore/ui 1.5.4 → 1.5.5

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

@@ -1,61 +1,61 @@
-import { jsx as n, jsxs as h, Fragment as Z } from "react/jsx-runtime";
+import { jsx as n, jsxs as h, Fragment as ee } 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 te from "lodash";
+import { useForm as ne, Controller as s } from "react-hook-form";
+import { getNestedChildrenFromMap as ie } from "../../utils/ontology.js";
+import { i as ae, d as le } from "../../utils-Bq0ye5vf.js";
+import { ConditionalWrapper as re } from "../conditional-wrapper/index.js";
+import { Container as de } from "../container/index.js";
+import { TextField as v, FormGroup as oe, FormControl as se, InputLabel as me, Select as ce, MenuItem as ue, FormControlLabel as K, Checkbox as U, Box as p, Button as g } from "@mui/material";
+import { TreeSelect as fe } from "../tree-select/index.js";
+import he from "./components/policy-list/index.js";
+import ve from "./components/variables/index.js";
+import { DisseminationList as be } from "../data-security-selectors/dissemination-list/index.js";
+import { SecurityLevel as ye } from "../data-security-selectors/security-level/index.js";
+const ge = {
   alg: "A256GCM",
   ext: !0,
   k: "_El6rHQxC5E7NdO5DiMDITjF7f65wrlaJmFVagVE9Ic",
   key_ops: ["encrypt", "decrypt"],
   kty: "oct"
-}, ge = [
+}, Te = [
   "IMAGE",
   "VIDEO",
   "TEXT",
   "BINARY",
   "OTHER"
 ];
-function Te(e, j) {
+function pe(e, j) {
   var L, V, S, E, F, k, O, R, w, B, _, A, D, P, W, M, N, G;
   const {
     register: C,
     handleSubmit: q,
     control: o,
-    formState: { errors: H },
+    formState: { errors: H, isDirty: Y },
     getValues: I,
     setValue: b,
-    reset: Y
-  } = te({
+    reset: J
+  } = ne({
     defaultValues: e.defaultValues
-  }), [J, $] = m.useState([]), [y, x] = m.useState(), [pe, Q] = m.useState(0), X = m.useMemo(() => {
+  }), [$, Q] = m.useState([]), [y, x] = m.useState(), [Ce, X] = m.useState(0), z = m.useMemo(() => {
     const t = [];
-    return e.mappedTemplates.forEach((a) => {
-      a.creatable || t.push(String(a.id));
+    return e.mappedTemplates.forEach((i) => {
+      i.creatable || t.push(String(i.id));
     }), t;
   }, [e.mappedTemplates]);
   m.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 }, i = e.mappedTemplates.get(t.templateId);
+      if (i) {
+        const r = i.properties.filter(
+          (a) => a.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}`);
+          for (let a = 0; a < r.length; a++) {
+            const l = r[a], d = te.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 c = await ae(ge), u = await le(c, String(d));
+              u.data && (b(`variables.${l.propertyId}`, u.data), X((f) => f + 1));
             }
           }
       }
@@ -64,8 +64,8 @@ function Te(e, j) {
   const T = () => {
     const t = I("templateId");
     y && x(void 0);
-    const a = ne(e.mappedTemplates);
-    $(a);
+    const i = ie(e.mappedTemplates);
+    Q(i);
     for (const r of e.mappedTemplates.values())
       if (r.id === t) {
         x(r);
@@ -74,15 +74,15 @@ function Te(e, j) {
   };
   m.useImperativeHandle(j, () => ({
     resetForm() {
-      Y({
+      J({
         title: "",
         description: "",
         templateId: 0,
         variables: {}
       }), T();
     },
-    setFormValue(t, a) {
-      b(t, a);
+    setFormValue(t, i) {
+      b(t, i);
     },
     getFormValue(t) {
       return I(t);
@@ -91,18 +91,18 @@ function Te(e, j) {
   }), [e.mappedTemplates]), m.useEffect(() => {
     e.onSelectedTemplateChange && e.onSelectedTemplateChange(y);
   }, [y]);
-  const z = () => {
+  const Z = () => {
     if (e.onCancel) {
-      e.onCancel();
+      e.onCancel(Y);
       return;
     }
   };
   return /* @__PURE__ */ n(
-    le,
+    re,
     {
       condition: e.variant === void 0 || e.variant === "inline",
       wrapper: (t) => /* @__PURE__ */ n(
-        re,
+        de,
         {
           disableHeader: !0,
           sx: { position: "relative", overflow: "visible" },
@@ -141,14 +141,14 @@ function Te(e, j) {
                 ...C("description")
               }
             ),
-            !((R = (O = e.fieldOptions) == null ? void 0 : O.templateId) != null && R.hidden) && /* @__PURE__ */ n(de, { sx: { mb: 2 }, children: /* @__PURE__ */ n(
+            !((R = (O = e.fieldOptions) == null ? void 0 : O.templateId) != null && R.hidden) && /* @__PURE__ */ n(oe, { 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) {
+                render: ({ field: { value: t, onChange: i } }) => {
+                  var r, a;
+                  if ((a = (r = e.fieldOptions) == null ? void 0 : r.templateId) != null && a.disabled) {
                     const l = t ? e.mappedTemplates.get(t) : void 0;
                     return /* @__PURE__ */ n(
                       v,
@@ -163,12 +163,12 @@ function Te(e, j) {
                     );
                   }
                   return /* @__PURE__ */ n(
-                    ue,
+                    fe,
                     {
                       label: "Template",
-                      data: J,
+                      data: $,
                       selected: t === 0 ? "" : [String(t)],
-                      disabled: X,
+                      disabled: z,
                       variant: e.inputVariant,
                       onChange: (l, d) => {
                         const c = {
@@ -176,7 +176,7 @@ function Te(e, j) {
                             value: d ? Number(l) : 0
                           }
                         };
-                        a(c), T();
+                        i(c), T();
                       }
                     }
                   );
@@ -188,14 +188,14 @@ function Te(e, j) {
               {
                 name: "aliasList",
                 control: o,
-                render: ({ field: { value: t, onChange: a, ...r } }) => {
-                  const i = (l) => {
+                render: ({ field: { value: t, onChange: i, ...r } }) => {
+                  const a = (l) => {
                     const u = {
                       target: {
                         value: l.target.value.split(",").map((f) => f.trimStart())
                       }
                     };
-                    a(u);
+                    i(u);
                   };
                   return /* @__PURE__ */ n(
                     v,
@@ -206,7 +206,7 @@ function Te(e, j) {
                       value: t,
                       sx: { mb: 2 },
                       helperText: "Add list values with the comma (,) separated string",
-                      onChange: i,
+                      onChange: a,
                       ...r
                     }
                   );
@@ -218,12 +218,12 @@ function Te(e, j) {
               {
                 name: "appliedPolicies",
                 control: o,
-                render: ({ field: { value: t, onChange: a } }) => /* @__PURE__ */ n(
-                  fe,
+                render: ({ field: { value: t, onChange: i } }) => /* @__PURE__ */ n(
+                  he,
                   {
                     policyList: e.policyList,
                     value: t || void 0,
-                    onChange: a
+                    onChange: i
                   }
                 )
               }
@@ -233,34 +233,34 @@ function Te(e, j) {
               {
                 name: "variables",
                 control: o,
-                render: ({ field: { value: t, onChange: a } }) => /* @__PURE__ */ n(
-                  he,
+                render: ({ field: { value: t, onChange: i } }) => /* @__PURE__ */ n(
+                  ve,
                   {
                     template: y,
                     value: t,
                     mapboxAccessToken: e.mapboxAccessToken,
                     variant: e.inputVariant,
                     fieldOptions: e.fieldOptions,
-                    onChange: a
+                    onChange: i
                   }
                 )
               }
             ),
-            "fileInBase64" in e.defaultValues && !((P = (D = e.fieldOptions) == null ? void 0 : D.fileInBase64) != null && P.hidden) && /* @__PURE__ */ h(Z, { children: [
+            "fileInBase64" in e.defaultValues && !((P = (D = e.fieldOptions) == null ? void 0 : D.fileInBase64) != null && P.hidden) && /* @__PURE__ */ h(ee, { children: [
               /* @__PURE__ */ n(
                 s,
                 {
                   name: "fileInBase64",
                   control: o,
-                  render: ({ field: { onChange: t, ...a } }) => {
-                    const r = (i) => {
-                      if (i.target.files) {
+                  render: ({ field: { onChange: t, ...i } }) => {
+                    const r = (a) => {
+                      if (a.target.files) {
                         const l = new FileReader();
                         l.onload = async (c) => {
                           const f = c.target.result.split("base64,")[1];
                           t(f);
                         };
-                        const d = i.target.files[0];
+                        const d = a.target.files[0];
                         b("originalFileName", d.name), b("contentType", d.type), l.readAsDataURL(d);
                       }
                     };
@@ -275,7 +275,7 @@ function Te(e, j) {
                         helperText: "Select a file to upload",
                         InputLabelProps: { shrink: !0 },
                         onChange: r,
-                        ...a
+                        ...i
                       }
                     );
                   }
@@ -286,15 +286,15 @@ function Te(e, j) {
                 {
                   name: "type",
                   control: o,
-                  render: ({ field: { value: t, onChange: a } }) => {
-                    const r = (i) => {
+                  render: ({ field: { value: t, onChange: i } }) => {
+                    const r = (a) => {
                       const {
                         target: { value: l }
-                      } = i;
-                      a(l);
+                      } = a;
+                      i(l);
                     };
                     return /* @__PURE__ */ h(
-                      oe,
+                      se,
                       {
                         fullWidth: !0,
                         sx: {
@@ -302,13 +302,13 @@ function Te(e, j) {
                         },
                         variant: e.inputVariant,
                         children: [
-                          /* @__PURE__ */ n(se, { children: "Type" }),
+                          /* @__PURE__ */ n(me, { children: "Type" }),
                           /* @__PURE__ */ n(
-                            me,
+                            ce,
                             {
                               value: t ? [t] : "",
                               onChange: r,
-                              children: ge.map((i) => /* @__PURE__ */ n(ce, { value: i, children: i }, i))
+                              children: Te.map((a) => /* @__PURE__ */ n(ue, { value: a, children: a }, a))
                             }
                           )
                         ]
@@ -325,7 +325,7 @@ function Te(e, j) {
                     {
                       name: "redacted",
                       control: o,
-                      render: ({ field: { value: t, ...a } }) => /* @__PURE__ */ n(U, { checked: !!t, ...a })
+                      render: ({ field: { value: t, ...i } }) => /* @__PURE__ */ n(U, { checked: !!t, ...i })
                     }
                   ),
                   label: "Redacted",
@@ -340,7 +340,7 @@ function Te(e, j) {
                     {
                       name: "contentEncrypted",
                       control: o,
-                      render: ({ field: { value: t, ...a } }) => /* @__PURE__ */ n(U, { checked: !!t, ...a })
+                      render: ({ field: { value: t, ...i } }) => /* @__PURE__ */ n(U, { checked: !!t, ...i })
                     }
                   ),
                   label: "Content Encrypted",
@@ -356,14 +356,14 @@ function Te(e, j) {
                   required: !0
                 },
                 control: o,
-                render: ({ field: { value: t, onChange: a }, fieldState: r }) => {
-                  const i = t || [], l = (d) => {
-                    a(d);
+                render: ({ field: { value: t, onChange: i }, fieldState: r }) => {
+                  const a = t || [], l = (d) => {
+                    i(d);
                   };
                   return /* @__PURE__ */ n(
-                    ve,
+                    be,
                     {
-                      selectedIds: i,
+                      selectedIds: a,
                       memberedGroups: e.memberedGroups,
                       showError: !!r.error,
                       variant: e.inputVariant,
@@ -381,13 +381,13 @@ function Te(e, j) {
                   required: !0
                 },
                 control: o,
-                render: ({ field: { value: t, onChange: a }, fieldState: r }) => {
+                render: ({ field: { value: t, onChange: i }, fieldState: r }) => {
                   var l, d;
-                  const i = (c) => {
-                    a(c);
+                  const a = (c) => {
+                    i(c);
                   };
                   return /* @__PURE__ */ n(
-                    be,
+                    ye,
                     {
                       value: t || 0,
                       ontologyId: e.ontologyId,
@@ -398,7 +398,7 @@ function Te(e, j) {
                       templateType: (d = e.securityLevelConfig) == null ? void 0 : d.templateType,
                       showError: !!r.error,
                       variant: e.inputVariant,
-                      onChange: i
+                      onChange: a
                     }
                   );
                 }
@@ -412,7 +412,7 @@ function Te(e, j) {
                   variant: "text",
                   disabled: e.loading,
                   sx: { textTransform: "none" },
-                  onClick: z,
+                  onClick: Z,
                   children: "Cancel"
                 }
               ),
@@ -429,7 +429,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, i) => /* @__PURE__ */ n(
                   g,
                   {
                     type: "submit",
@@ -441,7 +441,7 @@ function Te(e, j) {
                     onClick: t.onClick,
                     children: t.label
                   },
-                  a
+                  i
                 )) : /* @__PURE__ */ n(
                   g,
                   {
@@ -461,7 +461,7 @@ function Te(e, j) {
     }
   );
 }
-const Ae = m.forwardRef(Te);
+const De = m.forwardRef(pe);
 export {
-  Ae as InstanceForm
+  De as InstanceForm
 };

package/dist/main.d.ts

@@ -380,7 +380,7 @@ K extends
     /**
      *
      */
-    onCancel?(): void;
+    onCancel?(isDirty?: boolean): void;
 }
 
 export declare const InstanceHierarchyTable: FC<InstanceHierarchyTableProps>;

package/package.json

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