@hybridcore/ui 1.6.23 → 1.6.25

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

@@ -9,7 +9,7 @@ import "../../../conditional-wrapper/index.js";
 import "../../helpers.js";
 import "../../styled.js";
 import "../TopLabelWrapper.js";
-import { C as b } from "../../../../index-BtlzPygz.js";
+import { C as b } from "../../../../index-BQ4_OA4b.js";
 export {
   b as CompositeList
 };

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

@@ -9,7 +9,7 @@ import "../../../geometry-picker/index.js";
 import "../../../phone-input/index.js";
 import "../../helpers.js";
 import "../../styled.js";
-import { V as d } from "../../../../index-BtlzPygz.js";
+import { V as d } from "../../../../index-BQ4_OA4b.js";
 import "../composite-matrix/index.js";
 import "../TopLabelWrapper.js";
 export {

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

@@ -1,54 +1,56 @@
-import { jsx as s, jsxs as h } from "react/jsx-runtime";
+import { jsx as s, jsxs as v } from "react/jsx-runtime";
 import l from "lodash";
-import v from "react";
-import { VariablesContainer as x, FieldContainer as y } from "../../styled.js";
-import { V as C } from "../../../../index-BtlzPygz.js";
-const B = (d) => {
+import x from "react";
+import { VariablesContainer as y, FieldContainer as C } from "../../styled.js";
+import { V as I } from "../../../../index-BQ4_OA4b.js";
+const P = (d) => {
   const {
     template: n,
     value: i,
     mapboxAccessToken: u,
     variant: p = "outlined",
     labelPosition: c = "default",
-    fieldOptions: e,
+    fieldOptions: r,
+    mode: m = "create",
     onChange: f
-  } = d, m = v.useMemo(() => {
-    const r = (n == null ? void 0 : n.properties.filter((o) => o.visible)) ?? [], t = l.orderBy(r, "id");
+  } = d, b = x.useMemo(() => {
+    const e = (n == null ? void 0 : n.properties.filter((o) => o.visible)) ?? [], t = l.orderBy(e, "id");
     return l.orderBy(
       t,
       (o) => {
         var a;
-        return ((a = e == null ? void 0 : e[o.propertyId]) == null ? void 0 : a.order) ?? 0;
+        return ((a = r == null ? void 0 : r[o.propertyId]) == null ? void 0 : a.order) ?? 0;
       }
     );
-  }, [n, e]), b = (r) => {
+  }, [n, r]), h = (e) => {
     f({
-      target: { value: { ...i, ...r } }
+      target: { value: { ...i, ...e } }
     });
   };
-  return n === void 0 ? null : /* @__PURE__ */ s(x, { children: m.filter((r) => {
+  return n === void 0 ? null : /* @__PURE__ */ s(y, { children: b.filter((e) => {
     var t;
-    return e ? !((t = e[r.propertyId]) != null && t.hidden) : !0;
-  }).map((r) => {
+    return r ? !((t = r[e.propertyId]) != null && t.hidden) : !0;
+  }).map((e) => {
     var o;
-    const t = i ? i[r.propertyId] : "";
-    return /* @__PURE__ */ h(y, { children: [
+    const t = i ? i[e.propertyId] : "";
+    return /* @__PURE__ */ v(C, { children: [
       /* @__PURE__ */ s(
-        C,
+        I,
         {
-          property: r,
+          property: e,
           value: t,
           mapboxAccessToken: u,
           variant: p,
           labelPosition: c,
-          fieldOptions: e,
-          onChange: b
+          fieldOptions: r,
+          mode: m,
+          onChange: h
         }
       ),
-      e && ((o = e[r.propertyId]) == null ? void 0 : o.helperText)
-    ] }, r.propertyId);
+      r && ((o = r[e.propertyId]) == null ? void 0 : o.helperText)
+    ] }, e.propertyId);
   }) });
 };
 export {
-  B as Variables
+  P as Variables
 };

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

@@ -3,36 +3,37 @@ import { TextField as b, FormControlLabel as me, Checkbox as ue } from "@mui/mat
 import pe from "react";
 import { Controller as u } from "react-hook-form";
 import { ConditionalWrapper as d } from "../conditional-wrapper/index.js";
-import { Container as Be } from "../container/index.js";
-import { DisseminationList as Re } from "../data-security-selectors/dissemination-list/index.js";
-import { SecurityLevel as Pe } from "../data-security-selectors/security-level/index.js";
-import { TreeSelect as ke } from "../tree-select/index.js";
-import { PolicyList as We } from "./components/policy-list/index.js";
+import { Container as Re } from "../container/index.js";
+import { DisseminationList as Pe } from "../data-security-selectors/dissemination-list/index.js";
+import { SecurityLevel as ke } from "../data-security-selectors/security-level/index.js";
+import { TreeSelect as We } from "../tree-select/index.js";
+import { PolicyList as Ae } from "./components/policy-list/index.js";
 import g from "./components/TopLabelWrapper.js";
-import { Variables as Ae } from "./components/variables/index.js";
+import { Variables as De } from "./components/variables/index.js";
 import { leftLayoutWrapper as h } from "./helpers.js";
-import { useInstanceFormLogic as De } from "./logic.js";
-import { InstanceFormForm as Ee, FieldContainer as p, CharCount as fe, TemplateGroup as qe, SecurityLevelContainer as Ue, ActionsRow as Ne, CancelButton as $e, SaveButtonsContainer as Ge, SaveButton as he, InstanceFormRoot as _e, CONTAINER_SX as je } from "./styled.js";
-function He(e, ve) {
+import { useInstanceFormLogic as Ee } from "./logic.js";
+import { InstanceFormForm as qe, FieldContainer as p, CharCount as fe, TemplateGroup as Ue, SecurityLevelContainer as Ne, ActionsRow as $e, CancelButton as Ge, SaveButtonsContainer as _e, SaveButton as he, InstanceFormRoot as je, CONTAINER_SX as He } from "./styled.js";
+function Xe(e, ve) {
   var V, w, S, F, B, R, P, k, W, A, D, E, q, U, N, $, G, _, j, H, X, z, J, K, M, Q, Y, Z, ee, te, ie, ne, ae, le, re, de;
-  const { refs: T, state: be, form: Ce, actions: o } = De(e), {
+  const { refs: T, state: be, form: Ce, actions: o } = Ee(e), {
     ownerState: y,
     templates: Oe,
     selectedTemplate: xe,
     disabledTemplates: Le,
     labelPosition: n,
+    mode: ge,
     loading: C,
-    hasPolicyList: ge,
-    errors: Te,
-    isDirty: ye
-  } = be, { register: I, handleSubmit: Ie, control: m, getValues: Ve, setValue: O, reset: we, watch: x } = Ce;
+    hasPolicyList: Te,
+    errors: ye,
+    isDirty: Ie
+  } = be, { register: I, handleSubmit: Ve, control: m, getValues: we, setValue: O, reset: Se, watch: x } = Ce;
   pe.useImperativeHandle(ve, () => ({
     requestSubmit() {
       var i;
       (i = T.formRef.current) == null || i.requestSubmit();
     },
     resetForm() {
-      we({
+      Se({
         title: "",
         description: "",
         templateId: 0,
@@ -43,20 +44,20 @@ function He(e, ve) {
       O(i, a);
     },
     getFormValue(i) {
-      return Ve(i);
+      return we(i);
     },
     isDirty() {
-      return ye;
+      return Ie;
     },
     getWatchedValue(i) {
       return x(i);
     }
   }));
-  const Se = /* @__PURE__ */ s(
-    Ee,
+  const Fe = /* @__PURE__ */ s(
+    qe,
     {
       ref: T.formRef,
-      onSubmit: Ie(e.onSubmit),
+      onSubmit: Ve(e.onSubmit),
       children: [
         !((w = (V = e.fieldOptions) == null ? void 0 : V.title) != null && w.hidden) && /* @__PURE__ */ t(
           d,
@@ -78,7 +79,7 @@ function He(e, ve) {
                       inputProps: o.maxCharValidation("title") ? { maxLength: o.maxCharValidation("title") } : void 0,
                       fullWidth: !0,
                       ...I("title", { required: !0 }),
-                      ...Te.title && {
+                      ...ye.title && {
                         helperText: "This field is required!",
                         error: !0
                       }
@@ -131,7 +132,7 @@ function He(e, ve) {
           {
             condition: n === "left",
             wrapper: h("Template"),
-            children: /* @__PURE__ */ s(qe, { children: [
+            children: /* @__PURE__ */ s(Ue, { children: [
               /* @__PURE__ */ t(
                 d,
                 {
@@ -161,7 +162,7 @@ function He(e, ve) {
                           );
                         }
                         return /* @__PURE__ */ t(
-                          ke,
+                          We,
                           {
                             label: n === "default" ? "Template" : void 0,
                             data: Oe,
@@ -221,7 +222,7 @@ function He(e, ve) {
             }
           }
         ),
-        ge && "appliedPolicies" in (e.values ?? {}) && !((K = (J = e.fieldOptions) == null ? void 0 : J.appliedPolicies) != null && K.hidden) && /* @__PURE__ */ t(
+        Te && "appliedPolicies" in (e.values ?? {}) && !((K = (J = e.fieldOptions) == null ? void 0 : J.appliedPolicies) != null && K.hidden) && /* @__PURE__ */ t(
           u,
           {
             name: "appliedPolicies",
@@ -235,7 +236,7 @@ function He(e, ve) {
                   wrapper: h("Policy List"),
                   children: /* @__PURE__ */ s(p, { children: [
                     /* @__PURE__ */ t(
-                      We,
+                      Ae,
                       {
                         policyList: e.policyList ?? [],
                         labelPosition: n,
@@ -256,7 +257,7 @@ function He(e, ve) {
             name: "variables",
             control: m,
             render: ({ field: { value: i, onChange: a } }) => /* @__PURE__ */ t(
-              Ae,
+              De,
               {
                 template: xe,
                 value: i,
@@ -264,6 +265,7 @@ function He(e, ve) {
                 variant: e.inputVariant,
                 labelPosition: n,
                 fieldOptions: e.fieldOptions,
+                mode: ge,
                 onChange: a
               }
             )
@@ -282,8 +284,8 @@ function He(e, ve) {
                   const f = new FileReader();
                   f.onload = (L) => {
                     var ce;
-                    const Fe = ((ce = L.target) == null ? void 0 : ce.result).split("base64,")[1];
-                    i(Fe);
+                    const Be = ((ce = L.target) == null ? void 0 : ce.result).split("base64,")[1];
+                    i(Be);
                   };
                   const v = l.target.files[0];
                   O("originalFileName", v.name), O("contentType", v.type), f.readAsDataURL(v);
@@ -374,7 +376,7 @@ function He(e, ve) {
                 a(f);
               };
               return /* @__PURE__ */ t(
-                Re,
+                Pe,
                 {
                   selectedIds: c,
                   memberedGroups: e.memberedGroups,
@@ -387,7 +389,7 @@ function He(e, ve) {
             }
           }
         ),
-        !((de = (re = e.fieldOptions) == null ? void 0 : re.securityLevelId) != null && de.hidden) && /* @__PURE__ */ t(Ue, { children: /* @__PURE__ */ t(
+        !((de = (re = e.fieldOptions) == null ? void 0 : re.securityLevelId) != null && de.hidden) && /* @__PURE__ */ t(Ne, { children: /* @__PURE__ */ t(
           u,
           {
             name: "securityLevelId",
@@ -398,7 +400,7 @@ function He(e, ve) {
                 a(l);
               };
               return /* @__PURE__ */ t(
-                Pe,
+                ke,
                 {
                   value: i || 0,
                   securityLevels: e.securityLevels,
@@ -411,9 +413,9 @@ function He(e, ve) {
             }
           }
         ) }),
-        /* @__PURE__ */ s(Ne, { children: [
+        /* @__PURE__ */ s($e, { children: [
           e.onCancel && /* @__PURE__ */ t(
-            $e,
+            Ge,
             {
               color: "primary",
               variant: "text",
@@ -422,7 +424,7 @@ function He(e, ve) {
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ t(Ge, { ownerState: y, children: e.customSaveButtons ? e.customSaveButtons : e.saveButtons ? e.saveButtons.map((i, a) => /* @__PURE__ */ t(
+          /* @__PURE__ */ t(_e, { ownerState: y, children: e.customSaveButtons ? e.customSaveButtons : e.saveButtons ? e.saveButtons.map((i, a) => /* @__PURE__ */ t(
             he,
             {
               type: "submit",
@@ -448,16 +450,16 @@ function He(e, ve) {
       ]
     }
   );
-  return /* @__PURE__ */ t(_e, { ownerState: y, sx: e.sx, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(je, { ownerState: y, sx: e.sx, children: /* @__PURE__ */ t(
     d,
     {
       condition: e.variant === void 0 || e.variant === "inline",
-      wrapper: (i) => /* @__PURE__ */ t(Be, { disableHeader: !0, sx: je, children: i }),
-      children: Se
+      wrapper: (i) => /* @__PURE__ */ t(Re, { disableHeader: !0, sx: He, children: i }),
+      children: Fe
     }
   ) });
 }
-const dt = pe.forwardRef(He);
+const ot = pe.forwardRef(Xe);
 export {
-  dt as InstanceForm
+  ot as InstanceForm
 };

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

@@ -1,29 +1,29 @@
-import { useThemeProps as _ } from "@mui/material";
-import K from "lodash";
-import s, { useRef as L } from "react";
-import { useForm as G } from "react-hook-form";
-import { getNestedChildrenFromMap as U } from "../../utils/ontology.js";
-const j = (l) => window.crypto.subtle.importKey(
+import { useThemeProps as K } from "@mui/material";
+import L from "lodash";
+import o, { useRef as G } from "react";
+import { useForm as U } from "react-hook-form";
+import { getNestedChildrenFromMap as j } from "../../utils/ontology.js";
+const B = (c) => window.crypto.subtle.importKey(
   "jwk",
-  l,
+  c,
   { name: "AES-GCM", length: 256 },
   !0,
   ["encrypt", "decrypt"]
-), B = async (l, e) => {
+), H = async (c, e) => {
   try {
-    const r = window.atob(e).split(":"), p = new Uint8Array(r[0].split(",").map(Number)), m = new Uint8Array(r[1].split(",").map(Number)).buffer, u = await crypto.subtle.decrypt({ name: "AES-GCM", iv: p }, l, m);
+    const r = window.atob(e).split(":"), p = new Uint8Array(r[0].split(",").map(Number)), m = new Uint8Array(r[1].split(",").map(Number)).buffer, u = await crypto.subtle.decrypt({ name: "AES-GCM", iv: p }, c, m);
     return { status: "SUCCESS", data: new TextDecoder().decode(u) };
   } catch (r) {
     return console.error(r), { status: "ERROR", message: "Decryption error" };
   }
-}, H = {
+}, J = {
   alg: "A256GCM",
   ext: !0,
   k: "_El6rHQxC5E7NdO5DiMDITjF7f65wrlaJmFVagVE9Ic",
   key_ops: ["encrypt", "decrypt"],
   kty: "oct"
-}, q = (l) => {
-  const e = _({ props: l, name: "HCInstanceForm" }), r = L(null), p = G({ defaultValues: e.values }), {
+}, z = (c) => {
+  const e = K({ props: c, name: "HCInstanceForm" }), r = G(null), p = U({ defaultValues: e.values }), {
     register: m,
     handleSubmit: u,
     control: E,
@@ -32,54 +32,54 @@ const j = (l) => window.crypto.subtle.importKey(
     setValue: f,
     reset: N,
     watch: V
-  } = p, h = (e == null ? void 0 : e.labelPosition) ?? "default", b = e.variant ?? "inline", v = e.loading ?? !1, C = !!e.onCancel, g = !!(e.policyList && e.policyList.length > 0), [k, x] = s.useState([]), [c, S] = s.useState(), [, A] = s.useState(0), M = s.useMemo(() => {
+  } = p, h = (e == null ? void 0 : e.labelPosition) ?? "default", b = e.variant ?? "inline", k = e.mode ?? "create", v = e.loading ?? !1, C = !!e.onCancel, g = !!(e.policyList && e.policyList.length > 0), [x, A] = o.useState([]), [l, S] = o.useState(), [, M] = o.useState(0), P = o.useMemo(() => {
     const a = [];
     return e.templates.forEach((t) => {
       t.creatable || a.push(String(t.id));
     }), a;
   }, [e.templates]);
-  s.useEffect(() => {
+  o.useEffect(() => {
     (async () => {
       if (!e.values) return;
       const a = { ...e.values }, t = e.templates.get(a.templateId);
       if (!t) return;
       const n = t.properties.filter(
-        (o) => o.privacyPreservationMethod === "ENCRYPTION"
+        (s) => s.privacyPreservationMethod === "ENCRYPTION"
       );
       if (n.length !== 0)
-        for (const o of n) {
-          const i = K.get(a, `variables.${o.propertyId}`);
+        for (const s of n) {
+          const i = L.get(a, `variables.${s.propertyId}`);
           if (i && e.keyAuth) {
-            const D = await j(H), T = await B(D, String(i));
-            T.data && (f(`variables.${o.propertyId}`, T.data), A((O) => O + 1));
+            const O = await B(J), T = await H(O, String(i));
+            T.data && (f(`variables.${s.propertyId}`, T.data), M((_) => _ + 1));
           }
         }
     })();
   }, [e.values, e.templates, e.keyAuth, f]);
-  const w = s.useCallback(() => {
+  const w = o.useCallback(() => {
     const a = d("templateId");
-    c && S(void 0);
-    const t = U(e.templates);
-    x(t);
+    l && S(void 0);
+    const t = j(e.templates);
+    A(t);
     for (const n of e.templates.values())
       if (n.id === a) {
         S(n);
         break;
       }
-  }, [d, e.templates, c]);
-  s.useEffect(() => {
+  }, [d, e.templates, l]);
+  o.useEffect(() => {
     w();
-  }, [e.templates]), s.useEffect(() => {
-    e.onSelectedTemplateChange && e.onSelectedTemplateChange(c);
-  }, [c]);
-  const P = () => {
+  }, [e.templates]), o.useEffect(() => {
+    e.onSelectedTemplateChange && e.onSelectedTemplateChange(l);
+  }, [l]);
+  const R = () => {
     e.onCancel && e.onCancel(y);
-  }, R = (a) => {
-    var o, i;
+  }, F = (a) => {
+    var s, i;
     if (!a) return;
-    const t = (i = (o = e == null ? void 0 : e.fieldOptions) == null ? void 0 : o[a]) == null ? void 0 : i.maxChar;
+    const t = (i = (s = e == null ? void 0 : e.fieldOptions) == null ? void 0 : s[a]) == null ? void 0 : i.maxChar;
     return t != null && !Number.isNaN(Number(t)) ? Number(t) : void 0;
-  }, F = {
+  }, D = {
     variant: b,
     inputVariant: e.inputVariant,
     labelPosition: h,
@@ -90,12 +90,13 @@ const j = (l) => window.crypto.subtle.importKey(
   return {
     refs: { formRef: r },
     state: {
-      ownerState: F,
-      templates: k,
-      selectedTemplate: c,
-      disabledTemplates: M,
+      ownerState: D,
+      templates: x,
+      selectedTemplate: l,
+      disabledTemplates: P,
       labelPosition: h,
       variant: b,
+      mode: k,
       loading: v,
       hasCancel: C,
       hasPolicyList: g,
@@ -105,11 +106,11 @@ const j = (l) => window.crypto.subtle.importKey(
     form: { register: m, handleSubmit: u, control: E, getValues: d, setValue: f, reset: N, watch: V },
     actions: {
       handleTemplates: w,
-      handleOnCancel: P,
-      maxCharValidation: R
+      handleOnCancel: R,
+      maxCharValidation: F
     }
   };
 };
 export {
-  q as useInstanceFormLogic
+  z as useInstanceFormLogic
 };

package/dist/components/instance-variable-list/variable.js

@@ -1,9 +1,9 @@
-import { jsx as a, Fragment as h, jsxs as l } from "react/jsx-runtime";
-import i from "dayjs";
-import { VariableRow as u, VariableTitle as b, VariableValue as m } from "./styled.js";
-const o = ({ title: n, value: r, sx: e }) => /* @__PURE__ */ l(u, { sx: e, children: [
-  /* @__PURE__ */ a(b, { variant: "subtitle2", children: n }),
-  /* @__PURE__ */ a(m, { variant: "body2", children: r })
+import { jsx as a, Fragment as i, jsxs as l } from "react/jsx-runtime";
+import h from "dayjs";
+import { VariableRow as m, VariableTitle as u, VariableValue as b } from "./styled.js";
+const o = ({ title: n, value: r, sx: e }) => /* @__PURE__ */ l(m, { sx: e, children: [
+  /* @__PURE__ */ a(u, { variant: "subtitle2", children: n }),
+  /* @__PURE__ */ a(b, { variant: "body2", children: r })
 ] }), s = ({ title: n, value: r, sx: e }) => /* @__PURE__ */ a(o, { title: n, value: r, sx: e }), g = ({
   title: n,
   value: r,
@@ -12,13 +12,13 @@ const o = ({ title: n, value: r, sx: e }) => /* @__PURE__ */ l(u, { sx: e, child
   title: n,
   value: r,
   sx: e
-}) => /* @__PURE__ */ a(o, { title: n, value: i(r).format("DD/MM/YYYY"), sx: e }), V = ({
+}) => /* @__PURE__ */ a(o, { title: n, value: h(r).format("DD/MM/YYYY"), sx: e }), V = ({
   title: n,
   value: r,
   sx: e
-}) => /* @__PURE__ */ a(o, { title: n, value: (r ?? []).join(", "), sx: e }), Y = ({ title: n, value: r, sx: e }) => /* @__PURE__ */ l(u, { sx: e, children: [
-  /* @__PURE__ */ a(b, { variant: "subtitle2", children: n }),
-  /* @__PURE__ */ a(m, { variant: "body2", children: /* @__PURE__ */ a("a", { href: r, target: "_blank", rel: "noopener noreferrer", children: r }) })
+}) => /* @__PURE__ */ a(o, { title: n, value: (r ?? []).join(", "), sx: e }), Y = ({ title: n, value: r, sx: e }) => /* @__PURE__ */ l(m, { sx: e, children: [
+  /* @__PURE__ */ a(u, { variant: "subtitle2", children: n }),
+  /* @__PURE__ */ a(b, { variant: "body2", children: /* @__PURE__ */ a("a", { href: r, target: "_blank", rel: "noopener noreferrer", children: r }) })
 ] }), k = ({
   type: n,
   title: r,
@@ -27,8 +27,9 @@ const o = ({ title: n, value: r, sx: e }) => /* @__PURE__ */ l(u, { sx: e, child
   fieldOptions: c
 }) => {
   if (n === "geometry") return null;
-  if (c != null && c.component) return /* @__PURE__ */ a(h, { children: c.component });
-  if (c != null && c.clickable) return /* @__PURE__ */ a(Y, { title: r, value: e, sx: t });
+  if (c != null && c.component) return /* @__PURE__ */ a(i, { children: c.component });
+  if (c != null && c.clickable)
+    return /* @__PURE__ */ a(Y, { title: r, value: e, sx: t });
   switch (n) {
     case "boolean":
       return /* @__PURE__ */ a(g, { title: r, value: e, sx: t });
@@ -40,6 +41,7 @@ const o = ({ title: n, value: r, sx: e }) => /* @__PURE__ */ l(u, { sx: e, child
     case "string":
     case "byte":
     case "double":
+    case "decimal":
     case "integer":
     case "long":
     case "enum":

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

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as e, Fragment as m } from "react/jsx-runtime";
 import { CloseOutlined as W, ChevronRight as $, ErrorOutline as q, Refresh as J, Check as U } from "@mui/icons-material";
 import { Button as N, IconButton as _, FormControl as O, Select as D, MenuItem as C, Typography as H } from "@mui/material";
 import F from "lodash";
-import { V as G } from "../../index-BtlzPygz.js";
+import { V as G } from "../../index-BQ4_OA4b.js";
 import { d as L } from "../../ol-yOE-NV0X.js";
 import { RangeSelector as Q } from "../range-selector/index.js";
 import { usePropertyMappingLogic as X } from "./logic.js";