@hybridcore/ui 1.3.5 → 1.3.7

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

@@ -3,7 +3,7 @@ import "@mui/material";
 import "./styled.js";
 import "@mui/icons-material";
 import "../../../../../hooks/useToggle.js";
-import { C as l } from "../../../../../index-B3Oj04nl.js";
+import { C as l } from "../../../../../index-CJVcedWy.js";
 import "react";
 import "lodash";
 import "dayjs";

package/dist/components/data-management/instance-form/components/composite-list/styled.js

@@ -1,13 +1,22 @@
-import { styled as i, Box as n, Button as r } from "@mui/material";
-const p = i(n)(({ theme: o, variant: t }) => ({
+import { styled as i, Box as r, Button as n } from "@mui/material";
+const p = i(r)(({ theme: o, variant: t }) => ({
   position: "relative",
   width: "100%",
+  boxSizing: "border-box",
   ...t === "outlined" ? {
     border: "1px solid",
-    padding: "2.5px 60px 2.5px 2.5px",
+    padding: "10px 60px 10px 10px",
     borderRadius: o.spacing(0.5),
     "& .MuiButton-root": {
-      margin: "7px 8px"
+      margin: "14px 8px"
+    },
+    "& .MuiTypography-root": {
+      position: "absolute",
+      top: -15,
+      left: 10,
+      paddingLeft: 4,
+      paddingRight: 4,
+      backgroundColor: o.palette.background.default
     }
   } : {
     borderBottom: "1px solid",
@@ -17,7 +26,7 @@ const p = i(n)(({ theme: o, variant: t }) => ({
   "&:hover": {
     borderColor: o.palette.action.active
   }
-})), d = i(n)(({ theme: o }) => ({
+})), d = i(r)(({ theme: o }) => ({
   minHeight: 33,
   whiteSpace: "normal",
   "& .MuiChip-root": {
@@ -27,7 +36,7 @@ const p = i(n)(({ theme: o, variant: t }) => ({
   "& .MuiChip-root:first-of-type": {
     marginLeft: 0
   }
-})), e = i(r)(({ theme: o, variant: t }) => ({
+})), e = i(n)(({ theme: o, variant: t }) => ({
   position: "absolute",
   top: 0,
   right: 0,

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "lodash";
 import "dayjs";
-import { V as b } from "../../../../../index-B3Oj04nl.js";
+import { V as b } from "../../../../../index-CJVcedWy.js";
 import "@mui/material";
 import "@mui/icons-material";
 import "../../../../geometry-picker/index.js";

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

@@ -1,39 +1,41 @@
 import { jsx as t, Fragment as i } from "react/jsx-runtime";
-import l from "react";
-import { V as m } from "../../../../../index-B3Oj04nl.js";
-import d from "lodash";
-function h({
+import f from "react";
+import { V as m } from "../../../../../index-CJVcedWy.js";
+import c from "lodash";
+function b({
   template: o,
   value: n,
   mapboxAccessToken: a,
-  onChange: s
+  variant: s = "outlined",
+  onChange: u
 }) {
   if (o === void 0) return /* @__PURE__ */ t(i, {});
-  const p = l.useMemo(() => {
+  const l = f.useMemo(() => {
     let r = o.properties.filter((e) => e.visible);
-    return r = d.orderBy(r, "id"), r;
-  }, [o]), u = (r) => {
+    return r = c.orderBy(r, "id"), r;
+  }, [o]), p = (r) => {
     const e = {
       target: {
         value: { ...n, ...r }
       }
     };
-    s(e);
+    u(e);
   };
-  return /* @__PURE__ */ t(i, { children: p.map((r, e) => {
-    const f = n[r.propertyId];
+  return /* @__PURE__ */ t(i, { children: l.map((r, e) => {
+    const d = n[r.propertyId];
     return /* @__PURE__ */ t(
       m,
       {
         property: r,
-        value: f,
+        value: d,
         mapboxAccessToken: a,
-        onChange: u
+        variant: s,
+        onChange: p
       },
       e
     );
   }) });
 }
 export {
-  h as default
+  b as default
 };

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

@@ -6,7 +6,7 @@ import { getNestedChildrenFromMap as N } from "../../../utils/ontology.js";
 import { i as G, d as K } from "../../../utils-Bq0ye5vf.js";
 import { ConditionalWrapper as O } from "../../conditional-wrapper/index.js";
 import { Container as U } from "../../container/index.js";
-import { TextField as h, FormGroup as j, FormControl as q, InputLabel as H, Select as Y, MenuItem as J, FormControlLabel as L, Checkbox as S, Box as T, Button as g } from "@mui/material";
+import { TextField as h, FormGroup as j, FormControl as q, InputLabel as H, Select as Y, MenuItem as J, FormControlLabel as L, Checkbox as V, Box as T, Button as y } from "@mui/material";
 import { TreeSelect as $ } from "../../tree-select/index.js";
 import Q from "./components/policy-list/index.js";
 import X from "./components/variables/index.js";
@@ -25,18 +25,18 @@ const ee = {
   "BINARY",
   "OTHER"
 ];
-function ae(e, F) {
+function ae(e, S) {
   const {
     register: C,
     handleSubmit: E,
     control: d,
-    formState: { errors: V },
+    formState: { errors: F },
     getValues: x,
-    setValue: p,
+    setValue: v,
     reset: k
   } = M({
     defaultValues: e.defaultValues
-  }), [R, _] = m.useState([]), [v, I] = m.useState(), [ne, w] = m.useState(0), B = m.useMemo(() => {
+  }), [R, _] = m.useState([]), [b, I] = m.useState(), [ne, w] = m.useState(0), B = m.useMemo(() => {
     const t = [];
     return e.mappedTemplates.forEach((n) => {
       n.creatable || t.push(String(n.id));
@@ -48,22 +48,22 @@ function ae(e, F) {
       const n = e.mappedTemplates.get(t.templateId);
       if (n) {
         const l = n.properties.filter(
-          (r) => r.privacyPreservationMethod === "ENCRYPTION"
+          (i) => i.privacyPreservationMethod === "ENCRYPTION"
         );
         if (l.length > 0)
-          for (let r = 0; r < l.length; r++) {
-            const i = l[r], o = W.get(t, `variables.${i.propertyId}`);
+          for (let i = 0; i < l.length; i++) {
+            const r = l[i], o = W.get(t, `variables.${r.propertyId}`);
             if (o && e.keyAuth) {
               const c = await G(ee), u = await K(c, o);
-              u.data && (p(`variables.${i.propertyId}`, u.data), w((b) => b + 1));
+              u.data && (v(`variables.${r.propertyId}`, u.data), w((g) => g + 1));
             }
           }
       }
     })();
   }, [e.defaultValues, e.mappedTemplates, e.keyAuth]);
-  const y = () => {
+  const p = () => {
     const t = x("templateId");
-    v && I(void 0);
+    b && I(void 0);
     const n = N(e.mappedTemplates);
     _(n);
     for (let l of e.mappedTemplates.values())
@@ -72,25 +72,25 @@ function ae(e, F) {
         break;
       }
   };
-  m.useImperativeHandle(F, () => ({
+  m.useImperativeHandle(S, () => ({
     resetForm() {
       k({
         title: "",
         description: "",
         templateId: 0,
         variables: {}
-      }), y();
+      }), p();
     },
     setFormValue(t, n) {
-      p(t, n);
+      v(t, n);
     },
     getFormValue(t) {
       return x(t);
     }
-  })), m.useEffect(() => (y(), () => {
+  })), m.useEffect(() => (p(), () => {
   }), [e.mappedTemplates]), m.useEffect(() => {
-    e.onSelectedTemplateChange && e.onSelectedTemplateChange(v);
-  }, [v]);
+    e.onSelectedTemplateChange && e.onSelectedTemplateChange(b);
+  }, [b]);
   const A = () => {
     if (e.onCancel) {
       e.onCancel();
@@ -114,11 +114,11 @@ function ae(e, F) {
           h,
           {
             label: "Title *",
-            variant: "standard",
+            variant: e.inputVariant,
             fullWidth: !0,
             sx: { mb: 2 },
             ...C("title", { required: !0 }),
-            ...V.title && {
+            ...F.title && {
               helperText: "This field is required!",
               error: !0
             }
@@ -128,7 +128,7 @@ function ae(e, F) {
           h,
           {
             label: "Description",
-            variant: "standard",
+            variant: e.inputVariant,
             fullWidth: !0,
             multiline: !0,
             sx: { mb: 2 },
@@ -147,7 +147,7 @@ function ae(e, F) {
                   h,
                   {
                     label: "Template",
-                    variant: "standard",
+                    variant: e.inputVariant,
                     fullWidth: !0,
                     disabled: !0,
                     value: l == null ? void 0 : l.name,
@@ -162,13 +162,14 @@ function ae(e, F) {
                   data: R,
                   selected: t === 0 ? "" : [String(t)],
                   disabled: B,
-                  onChange: (l, r) => {
-                    const i = {
+                  variant: e.inputVariant,
+                  onChange: (l, i) => {
+                    const r = {
                       target: {
-                        value: r ? Number(l) : 0
+                        value: i ? Number(l) : 0
                       }
                     };
-                    n(i), y();
+                    n(r), p();
                   }
                 }
               );
@@ -180,26 +181,29 @@ function ae(e, F) {
           {
             name: "aliasList",
             control: d,
-            render: ({ field: { value: t, onChange: n, ...l } }) => /* @__PURE__ */ a(
-              h,
-              {
-                label: "Alias List",
-                variant: "standard",
-                fullWidth: !0,
-                value: t,
-                sx: { mb: 2 },
-                helperText: "Add list values with the comma (,) separated string",
-                onChange: (i) => {
-                  const u = {
-                    target: {
-                      value: i.target.value.split(",").map((b) => b.trimStart())
-                    }
-                  };
-                  n(u);
-                },
-                ...l
-              }
-            )
+            render: ({ field: { value: t, onChange: n, ...l } }) => {
+              const i = (r) => {
+                const u = {
+                  target: {
+                    value: r.target.value.split(",").map((g) => g.trimStart())
+                  }
+                };
+                n(u);
+              };
+              return /* @__PURE__ */ a(
+                h,
+                {
+                  label: "Alias List",
+                  variant: e.inputVariant,
+                  fullWidth: !0,
+                  value: t,
+                  sx: { mb: 2 },
+                  helperText: "Add list values with the comma (,) separated string",
+                  onChange: i,
+                  ...l
+                }
+              );
+            }
           }
         ),
         "appliedPolicies" in e.defaultValues && /* @__PURE__ */ a(
@@ -225,9 +229,10 @@ function ae(e, F) {
             render: ({ field: { value: t, onChange: n } }) => /* @__PURE__ */ a(
               X,
               {
-                template: v,
+                template: b,
                 value: t,
                 mapboxAccessToken: "",
+                variant: e.inputVariant,
                 onChange: n
               }
             )
@@ -239,30 +244,33 @@ function ae(e, F) {
             {
               name: "fileInBase64",
               control: d,
-              render: ({ field: { value: t, onChange: n, ...l } }) => /* @__PURE__ */ a(
-                h,
-                {
-                  type: "file",
-                  label: "File to Upload",
-                  variant: "standard",
-                  fullWidth: !0,
-                  sx: { mb: 2 },
-                  helperText: "Select a file to upload",
-                  InputLabelProps: { shrink: !0 },
-                  onChange: (i) => {
-                    if (i.target.files) {
-                      const o = new FileReader();
-                      o.onload = async (u) => {
-                        const D = u.target.result.split("base64,")[1];
-                        n(D);
-                      };
-                      const c = i.target.files[0];
-                      p("originalFileName", c.name), p("contentType", c.type), o.readAsDataURL(c);
-                    }
-                  },
-                  ...l
-                }
-              )
+              render: ({ field: { value: t, onChange: n, ...l } }) => {
+                const i = (r) => {
+                  if (r.target.files) {
+                    const o = new FileReader();
+                    o.onload = async (u) => {
+                      const D = u.target.result.split("base64,")[1];
+                      n(D);
+                    };
+                    const c = r.target.files[0];
+                    v("originalFileName", c.name), v("contentType", c.type), o.readAsDataURL(c);
+                  }
+                };
+                return /* @__PURE__ */ a(
+                  h,
+                  {
+                    type: "file",
+                    label: "File to Upload",
+                    variant: e.inputVariant,
+                    fullWidth: !0,
+                    sx: { mb: 2 },
+                    helperText: "Select a file to upload",
+                    InputLabelProps: { shrink: !0 },
+                    onChange: i,
+                    ...l
+                  }
+                );
+              }
             }
           ),
           /* @__PURE__ */ a(
@@ -270,25 +278,28 @@ function ae(e, F) {
             {
               name: "type",
               control: d,
-              render: ({ field: { value: t, onChange: n } }) => /* @__PURE__ */ f(
-                q,
-                {
-                  fullWidth: !0,
-                  sx: {
-                    mb: 2
-                  },
-                  variant: "standard",
-                  children: [
-                    /* @__PURE__ */ a(H, { children: "Type" }),
-                    /* @__PURE__ */ a(Y, { value: t, onChange: (r) => {
-                      const {
-                        target: { value: i }
-                      } = r;
-                      n(i);
-                    }, children: te.map((r) => /* @__PURE__ */ a(J, { value: r, children: r }, r)) })
-                  ]
-                }
-              )
+              render: ({ field: { value: t, onChange: n } }) => {
+                const l = (i) => {
+                  const {
+                    target: { value: r }
+                  } = i;
+                  n(r);
+                };
+                return /* @__PURE__ */ f(
+                  q,
+                  {
+                    fullWidth: !0,
+                    sx: {
+                      mb: 2
+                    },
+                    variant: e.inputVariant,
+                    children: [
+                      /* @__PURE__ */ a(H, { children: "Type" }),
+                      /* @__PURE__ */ a(Y, { value: t, onChange: l, children: te.map((i) => /* @__PURE__ */ a(J, { value: i, children: i }, i)) })
+                    ]
+                  }
+                );
+              }
             }
           ),
           /* @__PURE__ */ a(
@@ -299,7 +310,7 @@ function ae(e, F) {
                 {
                   name: "redacted",
                   control: d,
-                  render: ({ field: { value: t, ...n } }) => /* @__PURE__ */ a(S, { checked: !!t, ...n })
+                  render: ({ field: { value: t, ...n } }) => /* @__PURE__ */ a(V, { checked: !!t, ...n })
                 }
               ),
               label: "Redacted",
@@ -314,7 +325,7 @@ function ae(e, F) {
                 {
                   name: "contentEncrypted",
                   control: d,
-                  render: ({ field: { value: t, ...n } }) => /* @__PURE__ */ a(S, { checked: !!t, ...n })
+                  render: ({ field: { value: t, ...n } }) => /* @__PURE__ */ a(V, { checked: !!t, ...n })
                 }
               ),
               label: "Content Encrypted",
@@ -331,16 +342,17 @@ function ae(e, F) {
             },
             control: d,
             render: ({ field: { value: t, onChange: n }, fieldState: l }) => {
-              const r = t || [], i = (o) => {
+              const i = t || [], r = (o) => {
                 n(o);
               };
               return /* @__PURE__ */ a(
                 z,
                 {
-                  selectedIds: r,
+                  selectedIds: i,
                   memberedGroups: e.memberedGroups,
                   showError: !!l.error,
-                  onChange: i
+                  variant: e.inputVariant,
+                  onChange: r
                 }
               );
             }
@@ -355,8 +367,8 @@ function ae(e, F) {
             },
             control: d,
             render: ({ field: { value: t, onChange: n }, fieldState: l }) => {
-              var i, o;
-              const r = (c) => {
+              var r, o;
+              const i = (c) => {
                 n(c);
               };
               return /* @__PURE__ */ a(
@@ -367,10 +379,11 @@ function ae(e, F) {
                   appRoles: e.appRoles,
                   securityLevels: e.securityLevels,
                   minLevelId: e.minSecurityLevel,
-                  templateKeys: (i = e.securityLevelConfig) == null ? void 0 : i.templateKeys,
+                  templateKeys: (r = e.securityLevelConfig) == null ? void 0 : r.templateKeys,
                   templateType: (o = e.securityLevelConfig) == null ? void 0 : o.templateType,
                   showError: !!l.error,
-                  onChange: r
+                  variant: e.inputVariant,
+                  onChange: i
                 }
               );
             }
@@ -378,7 +391,7 @@ function ae(e, F) {
         ) }),
         /* @__PURE__ */ f(T, { display: "flex", justifyContent: "space-between", mt: 3, children: [
           /* @__PURE__ */ a(
-            g,
+            y,
             {
               color: "primary",
               variant: "text",
@@ -390,7 +403,7 @@ function ae(e, F) {
           ),
           /* @__PURE__ */ f(T, { children: [
             e.onRemove !== void 0 && /* @__PURE__ */ a(
-              g,
+              y,
               {
                 type: "button",
                 color: "error",
@@ -402,7 +415,7 @@ function ae(e, F) {
               }
             ),
             e.saveButtons ? e.saveButtons.map((t, n) => /* @__PURE__ */ a(
-              g,
+              y,
               {
                 type: "submit",
                 color: "primary",
@@ -415,7 +428,7 @@ function ae(e, F) {
               },
               n
             )) : /* @__PURE__ */ a(
-              g,
+              y,
               {
                 type: "submit",
                 color: "primary",
@@ -431,7 +444,7 @@ function ae(e, F) {
     }
   );
 }
-const ge = m.forwardRef(ae);
+const ye = m.forwardRef(ae);
 export {
-  ge as InstanceForm
+  ye as InstanceForm
 };

package/dist/components/data-security-selectors/dissemination-list/index.js

@@ -3089,7 +3089,7 @@ const po = ({
   memberedGroups: n,
   selectedIds: e,
   showError: i = !1,
-  variant: u = "standart",
+  variant: u = "outlined",
   onChange: t
 }) => {
   const [a, r] = te(
@@ -3171,7 +3171,7 @@ const po = ({
               control: (l) => ({
                 ...l,
                 boxShadow: "none",
-                ...u === "standart" && {
+                ...u === "standard" && {
                   border: "none",
                   borderBottom: "1px solid",
                   borderRadius: 0,
@@ -3182,12 +3182,18 @@ const po = ({
               valueContainer: (l) => ({
                 ...l,
                 fontSize: "1rem",
-                ...u === "standart" ? { paddingLeft: 0 } : {
-                  padding: "6px 0px 3px 8px"
+                ...u === "standard" ? { paddingLeft: 0 } : {
+                  // padding: "6px 0px 3px 8px",
+                  padding: "9px 14px",
+                  minHeight: 55
                 },
                 ...i && { color: "#c00" }
               }),
-              multiValueRemove: (l, c) => c.data.isFixed ? { ...l, display: "none" } : l
+              multiValueRemove: (l, c) => c.data.isFixed ? { ...l, display: "none" } : l,
+              multiValue: (l) => ({
+                ...l,
+                padding: 5
+              })
             }
           }
         ),