@hybridcore/ui 1.3.7 → 1.4.0

package/dist/components/icon-button/styled.js

@@ -5,7 +5,6 @@ const r = o(n)(({ theme: t, color: i }) => ({
   flexDirection: "column",
   width: 130,
   height: 140,
-  // @ts-ignore
   color: i ? t.palette.text.primary : "inherit",
   borderRadius: 10,
   transition: "all .3s",
@@ -24,7 +23,6 @@ const r = o(n)(({ theme: t, color: i }) => ({
   },
   "&:hover": {
     boxShadow: t.shadows[4],
-    // @ts-ignore
     color: i ? t.palette.text.primary : "inherit",
     "&:after": {
       opacity: 1

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

@@ -2,8 +2,8 @@ import "react/jsx-runtime";
 import "@mui/material";
 import "./styled.js";
 import "@mui/icons-material";
-import "../../../../../hooks/useToggle.js";
-import { C as l } from "../../../../../index-CJVcedWy.js";
+import "../../../../hooks/useToggle.js";
+import { C as l } from "../../../../index-DPf5olog.js";
 import "react";
 import "lodash";
 import "dayjs";

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

@@ -0,0 +1,19 @@
+import "react/jsx-runtime";
+import "lodash";
+import "dayjs";
+import { V as g } from "../../../../index-DPf5olog.js";
+import "@mui/material";
+import "@mui/icons-material";
+import "../../../geometry-picker/index.js";
+import "../../../phone-input/index.js";
+import "../../../date-time-picker/index.js";
+import "../../../../TextField-D87qTh1k.js";
+import "../../../../Box-BPyg-Ybm.js";
+import "../../../../FormControlLabel-D9KFjcIx.js";
+import "../../../../Checkbox-qy3cjvnb.js";
+import "../../../../InputLabel-CWkW8NtU.js";
+import "../../../../Select-ClaBvSqf.js";
+import "../../../../MenuItem-D-INSvZa.js";
+export {
+  g as default
+};

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

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

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

@@ -1,42 +1,42 @@
-import { jsx as a, jsxs as f, Fragment as P } from "react/jsx-runtime";
+import { jsx as a, jsxs as h, Fragment as D } from "react/jsx-runtime";
 import m from "react";
-import W from "lodash";
-import { useForm as M, Controller as s } from "react-hook-form";
-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 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";
-import { DisseminationList as z } from "../../data-security-selectors/dissemination-list/index.js";
-import { SecurityLevel as Z } from "../../data-security-selectors/security-level/index.js";
-const ee = {
+import P from "lodash";
+import { useForm as W, Controller as s } from "react-hook-form";
+import { getNestedChildrenFromMap as M } from "../../utils/ontology.js";
+import { i as N, d as G } from "../../utils-Bq0ye5vf.js";
+import { ConditionalWrapper as K } from "../conditional-wrapper/index.js";
+import { Container as O } from "../container/index.js";
+import { TextField as v, FormGroup as U, FormControl as j, InputLabel as q, Select as H, MenuItem as Y, FormControlLabel as L, Checkbox as V, Box as p, Button as y } from "@mui/material";
+import { TreeSelect as J } from "../tree-select/index.js";
+import $ from "./components/policy-list/index.js";
+import Q from "./components/variables/index.js";
+import { DisseminationList as X } from "../data-security-selectors/dissemination-list/index.js";
+import { SecurityLevel as z } from "../data-security-selectors/security-level/index.js";
+const Z = {
   alg: "A256GCM",
   ext: !0,
   k: "_El6rHQxC5E7NdO5DiMDITjF7f65wrlaJmFVagVE9Ic",
   key_ops: ["encrypt", "decrypt"],
   kty: "oct"
-}, te = [
+}, ee = [
   "IMAGE",
   "VIDEO",
   "TEXT",
   "BINARY",
   "OTHER"
 ];
-function ae(e, S) {
+function te(e, S) {
   const {
     register: C,
     handleSubmit: E,
     control: d,
     formState: { errors: F },
     getValues: x,
-    setValue: v,
+    setValue: b,
     reset: k
-  } = M({
+  } = W({
     defaultValues: e.defaultValues
-  }), [R, _] = m.useState([]), [b, I] = m.useState(), [ne, w] = m.useState(0), B = m.useMemo(() => {
+  }), [R, _] = m.useState([]), [g, I] = m.useState(), [ae, w] = m.useState(0), A = m.useMemo(() => {
     const t = [];
     return e.mappedTemplates.forEach((n) => {
       n.creatable || t.push(String(n.id));
@@ -44,31 +44,30 @@ function ae(e, S) {
   }, [e.mappedTemplates]);
   m.useEffect(() => {
     (async () => {
-      let t = { ...e.defaultValues };
-      const n = e.mappedTemplates.get(t.templateId);
+      const t = { ...e.defaultValues }, n = e.mappedTemplates.get(t.templateId);
       if (n) {
-        const l = n.properties.filter(
-          (i) => i.privacyPreservationMethod === "ENCRYPTION"
+        const i = n.properties.filter(
+          (l) => l.privacyPreservationMethod === "ENCRYPTION"
         );
-        if (l.length > 0)
-          for (let i = 0; i < l.length; i++) {
-            const r = l[i], o = W.get(t, `variables.${r.propertyId}`);
+        if (i.length > 0)
+          for (let l = 0; l < i.length; l++) {
+            const r = i[l], o = P.get(t, `variables.${r.propertyId}`);
             if (o && e.keyAuth) {
-              const c = await G(ee), u = await K(c, o);
-              u.data && (v(`variables.${r.propertyId}`, u.data), w((g) => g + 1));
+              const c = await N(Z), u = await G(c, o);
+              u.data && (b(`variables.${r.propertyId}`, u.data), w((f) => f + 1));
             }
           }
       }
     })();
   }, [e.defaultValues, e.mappedTemplates, e.keyAuth]);
-  const p = () => {
+  const T = () => {
     const t = x("templateId");
-    b && I(void 0);
-    const n = N(e.mappedTemplates);
+    g && I(void 0);
+    const n = M(e.mappedTemplates);
     _(n);
-    for (let l of e.mappedTemplates.values())
-      if (l.id === t) {
-        I(l);
+    for (const i of e.mappedTemplates.values())
+      if (i.id === t) {
+        I(i);
         break;
       }
   };
@@ -79,39 +78,39 @@ function ae(e, S) {
         description: "",
         templateId: 0,
         variables: {}
-      }), p();
+      }), T();
     },
     setFormValue(t, n) {
-      v(t, n);
+      b(t, n);
     },
     getFormValue(t) {
       return x(t);
     }
-  })), m.useEffect(() => (p(), () => {
+  })), m.useEffect(() => (T(), () => {
   }), [e.mappedTemplates]), m.useEffect(() => {
-    e.onSelectedTemplateChange && e.onSelectedTemplateChange(b);
-  }, [b]);
-  const A = () => {
+    e.onSelectedTemplateChange && e.onSelectedTemplateChange(g);
+  }, [g]);
+  const B = () => {
     if (e.onCancel) {
       e.onCancel();
       return;
     }
   };
   return /* @__PURE__ */ a(
-    O,
+    K,
     {
       condition: e.variant === void 0 || e.variant === "inline",
       wrapper: (t) => /* @__PURE__ */ a(
-        U,
+        O,
         {
           disableHeader: !0,
           sx: { position: "relative", overflow: "visible" },
           children: t
         }
       ),
-      children: /* @__PURE__ */ f("form", { onSubmit: E(e.onSubmit), children: [
+      children: /* @__PURE__ */ h("form", { onSubmit: E(e.onSubmit), children: [
         /* @__PURE__ */ a(
-          h,
+          v,
           {
             label: "Title *",
             variant: e.inputVariant,
@@ -125,7 +124,7 @@ function ae(e, S) {
           }
         ),
         /* @__PURE__ */ a(
-          h,
+          v,
           {
             label: "Description",
             variant: e.inputVariant,
@@ -135,41 +134,41 @@ function ae(e, S) {
             ...C("description")
           }
         ),
-        /* @__PURE__ */ a(j, { sx: { mb: 2 }, children: /* @__PURE__ */ a(
+        /* @__PURE__ */ a(U, { sx: { mb: 2 }, children: /* @__PURE__ */ a(
           s,
           {
             name: "templateId",
             control: d,
             render: ({ field: { value: t, onChange: n } }) => {
               if (e.disableTemplateChange) {
-                const l = e.mappedTemplates.get(t);
+                const i = t ? e.mappedTemplates.get(t) : void 0;
                 return /* @__PURE__ */ a(
-                  h,
+                  v,
                   {
                     label: "Template",
                     variant: e.inputVariant,
                     fullWidth: !0,
                     disabled: !0,
-                    value: l == null ? void 0 : l.name,
+                    value: i == null ? void 0 : i.name,
                     InputLabelProps: { shrink: !0 }
                   }
                 );
               }
               return /* @__PURE__ */ a(
-                $,
+                J,
                 {
                   label: "Template",
                   data: R,
                   selected: t === 0 ? "" : [String(t)],
-                  disabled: B,
+                  disabled: A,
                   variant: e.inputVariant,
-                  onChange: (l, i) => {
+                  onChange: (i, l) => {
                     const r = {
                       target: {
-                        value: i ? Number(l) : 0
+                        value: l ? Number(i) : 0
                       }
                     };
-                    n(r), p();
+                    n(r), T();
                   }
                 }
               );
@@ -181,17 +180,17 @@ function ae(e, S) {
           {
             name: "aliasList",
             control: d,
-            render: ({ field: { value: t, onChange: n, ...l } }) => {
-              const i = (r) => {
+            render: ({ field: { value: t, onChange: n, ...i } }) => {
+              const l = (r) => {
                 const u = {
                   target: {
-                    value: r.target.value.split(",").map((g) => g.trimStart())
+                    value: r.target.value.split(",").map((f) => f.trimStart())
                   }
                 };
                 n(u);
               };
               return /* @__PURE__ */ a(
-                h,
+                v,
                 {
                   label: "Alias List",
                   variant: e.inputVariant,
@@ -199,8 +198,8 @@ function ae(e, S) {
                   value: t,
                   sx: { mb: 2 },
                   helperText: "Add list values with the comma (,) separated string",
-                  onChange: i,
-                  ...l
+                  onChange: l,
+                  ...i
                 }
               );
             }
@@ -212,10 +211,10 @@ function ae(e, S) {
             name: "appliedPolicies",
             control: d,
             render: ({ field: { value: t, onChange: n } }) => /* @__PURE__ */ a(
-              Q,
+              $,
               {
                 policyList: e.policyList,
-                value: t,
+                value: t || void 0,
                 onChange: n
               }
             )
@@ -227,37 +226,37 @@ function ae(e, S) {
             name: "variables",
             control: d,
             render: ({ field: { value: t, onChange: n } }) => /* @__PURE__ */ a(
-              X,
+              Q,
               {
-                template: b,
+                template: g,
                 value: t,
-                mapboxAccessToken: "",
+                mapboxAccessToken: e.mapboxAccessToken,
                 variant: e.inputVariant,
                 onChange: n
               }
             )
           }
         ),
-        "fileInBase64" in e.defaultValues && /* @__PURE__ */ f(P, { children: [
+        "fileInBase64" in e.defaultValues && /* @__PURE__ */ h(D, { children: [
           /* @__PURE__ */ a(
             s,
             {
               name: "fileInBase64",
               control: d,
-              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);
+              render: ({ field: { onChange: t, ...n } }) => {
+                const i = (l) => {
+                  if (l.target.files) {
+                    const r = new FileReader();
+                    r.onload = async (c) => {
+                      const f = c.target.result.split("base64,")[1];
+                      t(f);
                     };
-                    const c = r.target.files[0];
-                    v("originalFileName", c.name), v("contentType", c.type), o.readAsDataURL(c);
+                    const o = l.target.files[0];
+                    b("originalFileName", o.name), b("contentType", o.type), r.readAsDataURL(o);
                   }
                 };
                 return /* @__PURE__ */ a(
-                  h,
+                  v,
                   {
                     type: "file",
                     label: "File to Upload",
@@ -267,7 +266,7 @@ function ae(e, S) {
                     helperText: "Select a file to upload",
                     InputLabelProps: { shrink: !0 },
                     onChange: i,
-                    ...l
+                    ...n
                   }
                 );
               }
@@ -279,14 +278,14 @@ function ae(e, S) {
               name: "type",
               control: d,
               render: ({ field: { value: t, onChange: n } }) => {
-                const l = (i) => {
+                const i = (l) => {
                   const {
                     target: { value: r }
-                  } = i;
+                  } = l;
                   n(r);
                 };
-                return /* @__PURE__ */ f(
-                  q,
+                return /* @__PURE__ */ h(
+                  j,
                   {
                     fullWidth: !0,
                     sx: {
@@ -294,8 +293,15 @@ function ae(e, S) {
                     },
                     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(q, { children: "Type" }),
+                      /* @__PURE__ */ a(
+                        H,
+                        {
+                          value: t ? [t] : "",
+                          onChange: i,
+                          children: ee.map((l) => /* @__PURE__ */ a(Y, { value: l, children: l }, l))
+                        }
+                      )
                     ]
                   }
                 );
@@ -341,16 +347,16 @@ function ae(e, S) {
               required: !0
             },
             control: d,
-            render: ({ field: { value: t, onChange: n }, fieldState: l }) => {
-              const i = t || [], r = (o) => {
+            render: ({ field: { value: t, onChange: n }, fieldState: i }) => {
+              const l = t || [], r = (o) => {
                 n(o);
               };
               return /* @__PURE__ */ a(
-                z,
+                X,
                 {
-                  selectedIds: i,
+                  selectedIds: l,
                   memberedGroups: e.memberedGroups,
-                  showError: !!l.error,
+                  showError: !!i.error,
                   variant: e.inputVariant,
                   onChange: r
                 }
@@ -358,7 +364,7 @@ function ae(e, S) {
             }
           }
         ),
-        /* @__PURE__ */ a(T, { mt: 2, children: /* @__PURE__ */ a(
+        /* @__PURE__ */ a(p, { mt: 2, children: /* @__PURE__ */ a(
           s,
           {
             name: "securityLevelId",
@@ -366,30 +372,30 @@ function ae(e, S) {
               required: !0
             },
             control: d,
-            render: ({ field: { value: t, onChange: n }, fieldState: l }) => {
+            render: ({ field: { value: t, onChange: n }, fieldState: i }) => {
               var r, o;
-              const i = (c) => {
+              const l = (c) => {
                 n(c);
               };
               return /* @__PURE__ */ a(
-                Z,
+                z,
                 {
-                  value: t,
+                  value: t || 0,
                   ontologyId: e.ontologyId,
                   appRoles: e.appRoles,
                   securityLevels: e.securityLevels,
                   minLevelId: e.minSecurityLevel,
                   templateKeys: (r = e.securityLevelConfig) == null ? void 0 : r.templateKeys,
                   templateType: (o = e.securityLevelConfig) == null ? void 0 : o.templateType,
-                  showError: !!l.error,
+                  showError: !!i.error,
                   variant: e.inputVariant,
-                  onChange: i
+                  onChange: l
                 }
               );
             }
           }
         ) }),
-        /* @__PURE__ */ f(T, { display: "flex", justifyContent: "space-between", mt: 3, children: [
+        /* @__PURE__ */ h(p, { display: "flex", justifyContent: "space-between", mt: 3, children: [
           /* @__PURE__ */ a(
             y,
             {
@@ -397,11 +403,11 @@ function ae(e, S) {
               variant: "text",
               disabled: e.loading,
               sx: { textTransform: "none" },
-              onClick: A,
+              onClick: B,
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ f(T, { children: [
+          /* @__PURE__ */ h(p, { children: [
             e.onRemove !== void 0 && /* @__PURE__ */ a(
               y,
               {
@@ -444,7 +450,7 @@ function ae(e, S) {
     }
   );
 }
-const ye = m.forwardRef(ae);
+const ge = m.forwardRef(te);
 export {
-  ye as InstanceForm
+  ge as InstanceForm
 };

package/dist/components/instance-hierarchy-table/index.js

@@ -0,0 +1,58 @@
+import { jsx as r, Fragment as c, jsxs as m } from "react/jsx-runtime";
+import { Accordion as d, AccordionSummary as u, AccordionDetails as g } from "./styled.js";
+import { Typography as l, Chip as f } from "@mui/material";
+import { ChevronRight as y } from "@mui/icons-material";
+import { getPageIcon as I, getTemplateHierarchy as x } from "../../utils/ontology.js";
+import { InstanceTable as b } from "../instance-table/index.js";
+const W = ({
+  data: n,
+  templates: i,
+  ...s
+}) => {
+  const h = (t) => t ? x(i, t).map((e) => e.name).join(" / ") : " ";
+  return !n || !n.results ? /* @__PURE__ */ r(c, {}) : n.results.map((t, o) => {
+    const e = i.get(t.templateId);
+    if (!e) return /* @__PURE__ */ r(c, {});
+    const a = I(i, e.id);
+    return /* @__PURE__ */ m(
+      d,
+      {
+        defaultExpanded: !0,
+        disableGutters: !0,
+        elevation: 0,
+        square: !0,
+        children: [
+          /* @__PURE__ */ m(u, { expandIcon: /* @__PURE__ */ r(y, {}), children: [
+            /* @__PURE__ */ r("img", { src: a, height: 22, style: { maxWidth: 22 } }),
+            /* @__PURE__ */ r(l, { fontWeight: "500", ml: 2, children: e.name }),
+            /* @__PURE__ */ r(
+              f,
+              {
+                color: "primary",
+                label: t.totalInstanceCount,
+                size: "small",
+                sx: { height: 20, ml: 1 }
+              }
+            ),
+            /* @__PURE__ */ r(l, { variant: "caption", ml: 2, children: h(e) })
+          ] }),
+          /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
+            b,
+            {
+              data: t.instances.map((p) => ({
+                ...p,
+                templateId: e.id
+              })),
+              template: { ...e, icon: a },
+              ...s
+            }
+          ) })
+        ]
+      },
+      o
+    );
+  });
+};
+export {
+  W as InstanceHierarchyTable
+};

package/dist/components/instance-hierarchy-table/styled.js

@@ -0,0 +1,29 @@
+import { styled as r } from "@mui/material";
+import { A as e, a as i, b as n } from "../../AccordionDetails-CGs6GZQK.js";
+const c = r(e)(({ theme: o }) => ({
+  borderBottom: `1px solid ${o.palette.divider}`,
+  "&:before": {
+    display: "none"
+  }
+})), t = r(i)(({ theme: o }) => ({
+  flexDirection: "row-reverse",
+  paddingLeft: 0,
+  "& .MuiAccordionSummary-expandIconWrapper.Mui-expanded": {
+    transform: "rotate(90deg)"
+  },
+  "& .MuiAccordionSummary-content": {
+    marginLeft: o.spacing(1),
+    alignItems: "center"
+  }
+})), p = r(n)(({ theme: o }) => ({
+  padding: o.spacing(2),
+  paddingTop: 0,
+  paddingBottom: 0,
+  borderTop: "1px solid rgba(0, 0, 0, .125)",
+  background: o.palette.grey[100]
+}));
+export {
+  c as Accordion,
+  p as AccordionDetails,
+  t as AccordionSummary
+};