@hybridcore/ui 1.6.0 → 1.6.2

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

@@ -0,0 +1,115 @@
+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(
+  "jwk",
+  l,
+  { name: "AES-GCM", length: 256 },
+  !0,
+  ["encrypt", "decrypt"]
+), B = async (l, 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);
+    return { status: "SUCCESS", data: new TextDecoder().decode(u) };
+  } catch (r) {
+    return console.error(r), { status: "ERROR", message: "Decryption error" };
+  }
+}, H = {
+  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 }), {
+    register: m,
+    handleSubmit: u,
+    control: E,
+    formState: { errors: I, isDirty: y },
+    getValues: d,
+    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(() => {
+    const a = [];
+    return e.templates.forEach((t) => {
+      t.creatable || a.push(String(t.id));
+    }), a;
+  }, [e.templates]);
+  s.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"
+      );
+      if (n.length !== 0)
+        for (const o of n) {
+          const i = K.get(a, `variables.${o.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));
+          }
+        }
+    })();
+  }, [e.values, e.templates, e.keyAuth, f]);
+  const w = s.useCallback(() => {
+    const a = d("templateId");
+    c && S(void 0);
+    const t = U(e.templates);
+    x(t);
+    for (const n of e.templates.values())
+      if (n.id === a) {
+        S(n);
+        break;
+      }
+  }, [d, e.templates, c]);
+  s.useEffect(() => {
+    w();
+  }, [e.templates]), s.useEffect(() => {
+    e.onSelectedTemplateChange && e.onSelectedTemplateChange(c);
+  }, [c]);
+  const P = () => {
+    e.onCancel && e.onCancel(y);
+  }, R = (a) => {
+    var o, i;
+    if (!a) return;
+    const t = (i = (o = e == null ? void 0 : e.fieldOptions) == null ? void 0 : o[a]) == null ? void 0 : i.maxChar;
+    return t != null && !Number.isNaN(Number(t)) ? Number(t) : void 0;
+  }, F = {
+    variant: b,
+    inputVariant: e.inputVariant,
+    labelPosition: h,
+    loading: v,
+    hasCancel: C,
+    hasPolicyList: g
+  };
+  return {
+    refs: { formRef: r },
+    state: {
+      ownerState: F,
+      templates: k,
+      selectedTemplate: c,
+      disabledTemplates: M,
+      labelPosition: h,
+      variant: b,
+      loading: v,
+      hasCancel: C,
+      hasPolicyList: g,
+      errors: I,
+      isDirty: y
+    },
+    form: { register: m, handleSubmit: u, control: E, getValues: d, setValue: f, reset: N, watch: V },
+    actions: {
+      handleTemplates: w,
+      handleOnCancel: P,
+      maxCharValidation: R
+    }
+  };
+};
+export {
+  q as useInstanceFormLogic
+};

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

@@ -0,0 +1,487 @@
+import { styled as t, Box as n, Typography as i, FormHelperText as d, FormGroup as g, Button as e, FormLabel as s, OutlinedInput as C, TableContainer as x, TableCell as r, Alert as b, DialogTitle as u, Tabs as F, Tab as f, DialogContent as L, FormControlLabel as I } from "@mui/material";
+const p = (o) => o !== "ownerState", c = (o) => o !== "ownerState", H = t(n, {
+  name: "HCInstanceForm",
+  slot: "root",
+  shouldForwardProp: c
+})({}), w = t("form", {
+  name: "HCInstanceForm",
+  slot: "form"
+})({
+  display: "flex",
+  flexDirection: "column"
+}), h = t(n, {
+  name: "HCInstanceForm",
+  slot: "field"
+})(({ theme: o }) => ({
+  marginBottom: o.spacing(2)
+})), T = t(n, {
+  name: "HCInstanceForm",
+  slot: "leftLayout"
+})({
+  display: "flex",
+  alignItems: "center"
+}), v = t(i, {
+  name: "HCInstanceForm",
+  slot: "leftLabel"
+})({
+  width: "32%"
+}), B = t(n, {
+  name: "HCInstanceForm",
+  slot: "leftContent"
+})({
+  width: "68%"
+}), y = t(d, {
+  name: "HCInstanceForm",
+  slot: "charCount"
+})(({ theme: o }) => ({
+  textAlign: "right",
+  marginTop: o.spacing(0.5)
+})), E = t(g, {
+  name: "HCInstanceForm",
+  slot: "templateGroup"
+})(({ theme: o }) => ({
+  marginBottom: o.spacing(2)
+})), R = t(n, {
+  name: "HCInstanceForm",
+  slot: "securityLevelContainer"
+})(({ theme: o }) => ({
+  marginTop: o.spacing(2)
+})), S = t(n, {
+  name: "HCInstanceForm",
+  slot: "actionsRow"
+})(({ theme: o }) => ({
+  display: "flex",
+  justifyContent: "space-between",
+  marginTop: o.spacing(3),
+  width: "100%"
+})), P = t(e, {
+  name: "HCInstanceForm",
+  slot: "cancelButton"
+})({
+  textTransform: "none"
+}), k = t(n, {
+  name: "HCInstanceForm",
+  slot: "saveButtonsContainer",
+  shouldForwardProp: c
+})(({ ownerState: o }) => ({
+  flex: o.hasCancel ? "none" : 1
+})), D = t(e, {
+  name: "HCInstanceForm",
+  slot: "saveButton"
+})(({ theme: o }) => ({
+  marginLeft: o.spacing(1),
+  textTransform: "none",
+  "&:first-of-type": {
+    marginLeft: 0
+  }
+})), z = {
+  position: "relative",
+  overflow: "visible"
+}, W = t(n, {
+  name: "HCInstanceForm",
+  slot: "topLabelWrapper"
+})(({ theme: o }) => ({
+  marginBottom: o.spacing(1)
+})), A = t(s, {
+  name: "HCInstanceForm",
+  slot: "topLabel"
+})(({ theme: o }) => ({
+  display: "block",
+  marginBottom: o.spacing(0.5)
+})), V = t("span", {
+  name: "HCInstanceForm",
+  slot: "topLabelAsterisk"
+})({}), G = t(i, {
+  name: "HCInstanceForm",
+  slot: "topLabelDescription"
+})(({ theme: o }) => ({
+  display: "block",
+  color: o.palette.text.secondary,
+  marginTop: o.spacing(0.5)
+})), O = t(n, {
+  name: "HCInstanceForm",
+  slot: "variablesContainer"
+})({
+  display: "flex",
+  flexDirection: "column"
+}), J = t(n, {
+  name: "HCInstanceForm",
+  slot: "variableFullWidth"
+})({
+  width: "100%"
+}), N = t(n, {
+  name: "HCInstanceForm",
+  slot: "policyListRoot",
+  shouldForwardProp: p
+})(({ theme: o, ownerState: a }) => ({
+  ...a.variant === "outlined" && {
+    position: "relative",
+    marginTop: o.spacing(1.5),
+    zIndex: 9
+  }
+})), j = t(s, {
+  name: "HCInstanceForm",
+  slot: "policyListLabel",
+  shouldForwardProp: p
+})(({ theme: o, ownerState: a }) => ({
+  display: "block",
+  ...a.showError && {
+    color: o.palette.error.main
+  },
+  ...a.variant === "outlined" && {
+    position: "absolute",
+    fontSize: "small",
+    zIndex: 1,
+    backgroundColor: o.palette.background.paper,
+    marginLeft: o.spacing(1.5),
+    marginTop: "-9px",
+    paddingLeft: o.spacing(0.5),
+    paddingRight: o.spacing(0.5)
+  }
+})), m = (o) => o !== "ownerState", X = t(n, {
+  name: "HCInstanceForm",
+  slot: "compositeListContainer",
+  shouldForwardProp: m
+})(
+  ({ theme: o, ownerState: a }) => ({
+    position: "relative",
+    width: "100%",
+    boxSizing: "border-box",
+    ...a.variant === "outlined" ? {
+      border: "1px solid",
+      padding: "10px 60px 10px 10px",
+      borderRadius: o.spacing(0.5),
+      "& .MuiButton-root": {
+        margin: "14px 8px"
+      },
+      "& .MuiTypography-root": {
+        position: "absolute",
+        top: -15,
+        left: 10,
+        paddingLeft: 4,
+        paddingRight: 4,
+        backgroundColor: o.palette.background.default
+      }
+    } : {
+      borderBottom: "1px solid",
+      paddingBottom: o.spacing(0.5)
+    },
+    borderColor: o.palette.action.disabled,
+    "&:hover": {
+      borderColor: o.palette.action.active
+    }
+  })
+), _ = t(i, {
+  name: "HCInstanceForm",
+  slot: "compositeListLabel"
+})({}), q = t(n, {
+  name: "HCInstanceForm",
+  slot: "compositeListValues"
+})(({ theme: o }) => ({
+  minHeight: 33,
+  whiteSpace: "normal",
+  "& .MuiChip-root": {
+    marginRight: o.spacing(0.5),
+    marginTop: o.spacing(0.5)
+  },
+  "& .MuiChip-root:first-of-type": {
+    marginLeft: 0
+  }
+})), K = t(e, {
+  name: "HCInstanceForm",
+  slot: "compositeListMiniButton",
+  shouldForwardProp: m
+})(
+  ({ theme: o, ownerState: a }) => ({
+    position: "absolute",
+    top: 0,
+    right: 0,
+    fontSize: 10,
+    padding: "3px 8px",
+    minWidth: "auto",
+    boxShadow: o.shadows[1],
+    textTransform: "none",
+    borderRadius: 13,
+    marginLeft: o.spacing(0.5),
+    "& .MuiButton-startIcon": {
+      marginRight: 0.25,
+      "&  > :nth-of-type(1)": {
+        fontSize: 14
+      }
+    },
+    ...a.variant === "contained" && {
+      "&:hover": {
+        backgroundColor: o.palette.grey[300],
+        boxShadow: o.shadows[1]
+      }
+    },
+    ...a.variant === "text" && {
+      backgroundColor: o.palette.common.white,
+      "&:hover": {
+        backgroundColor: o.palette.grey[300]
+      }
+    }
+  })
+), Q = t(s, {
+  name: "HCInstanceForm",
+  slot: "compositeListEnumLabel"
+})(({ theme: o }) => ({
+  marginBottom: o.spacing(1)
+})), U = t(i, {
+  name: "HCInstanceForm",
+  slot: "compositeListEnumEmpty"
+})(({ theme: o }) => ({
+  marginBottom: o.spacing(1)
+})), Y = t(e, {
+  name: "HCInstanceForm",
+  slot: "compositeListShowMoreButton"
+})({
+  padding: 0,
+  textTransform: "none"
+}), l = (o) => o !== "ownerState", Z = t(n, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixContainer",
+  shouldForwardProp: l
+})(
+  ({ theme: o, ownerState: a }) => ({
+    position: "relative",
+    width: "100%",
+    height: "100%",
+    ...a.variant === "outlined" ? {
+      border: "1px solid",
+      padding: "2.5px 60px 2.5px 2.5px",
+      borderRadius: o.spacing(0.5),
+      "& .MuiButton-root": {
+        margin: "7px 8px"
+      }
+    } : {
+      borderBottom: "1px solid",
+      paddingBottom: o.spacing(0.5)
+    },
+    borderColor: o.palette.action.disabled,
+    "&:hover": {
+      borderColor: o.palette.action.active
+    }
+  })
+), $ = t(i, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixLabel"
+})({}), oo = t(n, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixValues"
+})(({ theme: o }) => ({
+  minHeight: 33,
+  paddingTop: o.spacing(1),
+  paddingBottom: o.spacing(1),
+  overflow: "hidden",
+  whiteSpace: "nowrap",
+  textOverflow: "ellipsis",
+  "& .MuiChip-root": {
+    marginRight: o.spacing(0.5),
+    marginTop: o.spacing(0.5)
+  },
+  "& .MuiChip-root:first-of-type": {
+    marginLeft: 0
+  }
+})), to = t(e, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixMiniButton",
+  shouldForwardProp: l
+})(
+  ({ theme: o, ownerState: a }) => ({
+    position: "absolute",
+    top: 0,
+    right: 0,
+    fontSize: 10,
+    padding: "3px 8px",
+    minWidth: "auto",
+    boxShadow: o.shadows[1],
+    textTransform: "none",
+    borderRadius: 13,
+    marginLeft: o.spacing(0.5),
+    "& .MuiButton-startIcon": {
+      marginRight: 0.25,
+      "&  > :nth-of-type(1)": {
+        fontSize: 14
+      }
+    },
+    ...a.variant === "contained" && {
+      "&:hover": {
+        backgroundColor: o.palette.grey[300],
+        boxShadow: o.shadows[1]
+      }
+    },
+    ...a.variant === "text" && {
+      backgroundColor: o.palette.common.white,
+      "&:hover": {
+        backgroundColor: o.palette.grey[300]
+      }
+    }
+  })
+), no = t(i, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixFormLabel"
+})({
+  fontWeight: 500
+}), ao = t(C, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixFormInput"
+})({
+  fontSize: 13,
+  flex: 1
+}), io = t(x, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixTableContainer"
+})({
+  width: "100%",
+  "*": { fontSize: 11 }
+}), eo = t(r, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixTableHeaderCell"
+})(({ theme: o }) => ({
+  fontWeight: 600,
+  backgroundColor: o.palette.action.hover
+})), ro = t(r, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixTableCell",
+  shouldForwardProp: l
+})(
+  ({ theme: o, ownerState: a }) => ({
+    cursor: a.clickable ? "pointer" : "default",
+    paddingLeft: o.spacing(1.5),
+    paddingRight: o.spacing(1.5),
+    paddingTop: o.spacing(0.75),
+    paddingBottom: o.spacing(0.75)
+  })
+), so = t(r, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixEditableHeaderCell"
+})(({ theme: o }) => ({
+  backgroundColor: o.palette.action.hover
+})), lo = t(r, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixEditableCornerCell"
+})(({ theme: o }) => ({
+  fontWeight: 600,
+  backgroundColor: o.palette.action.hover,
+  width: 120
+})), po = t(r, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixEditableRowCell"
+})(({ theme: o }) => ({
+  backgroundColor: o.palette.action.hover
+})), co = t(b, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixJsonAlert"
+})(({ theme: o }) => ({
+  marginBottom: o.spacing(2)
+})), mo = t(u, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixEditorDialogTitle"
+})({
+  paddingBottom: 0
+}), go = t(i, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixEditorDialogTitleLabel"
+})({}), Co = t(F, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixEditorTabs"
+})({}), xo = t(f, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixEditorTab"
+})(({ theme: o }) => ({
+  paddingLeft: 0,
+  paddingRight: 0,
+  minWidth: "auto",
+  textTransform: "none",
+  marginRight: o.spacing(2)
+})), bo = t(L, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixEditorDialogContent"
+})({
+  padding: 0
+}), uo = t(n, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixEditorPanel"
+})(({ theme: o }) => ({
+  flex: 1,
+  paddingLeft: o.spacing(2),
+  paddingRight: o.spacing(2),
+  paddingTop: o.spacing(2),
+  paddingBottom: o.spacing(2)
+})), Fo = t(n, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixEditorPreviewDivider"
+})(({ theme: o }) => ({
+  alignSelf: "stretch",
+  borderLeft: "1px solid",
+  borderColor: o.palette.divider
+})), fo = t(n, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixEditorPreview"
+})(({ theme: o }) => ({
+  flex: 2,
+  paddingLeft: o.spacing(2),
+  paddingRight: o.spacing(2),
+  paddingTop: o.spacing(1),
+  paddingBottom: o.spacing(2)
+})), Lo = t(I, {
+  name: "HCInstanceForm",
+  slot: "compositeMatrixEditorPreviewSwitch"
+})(({ theme: o }) => ({
+  marginLeft: 0,
+  marginBottom: o.spacing(1)
+}));
+export {
+  S as ActionsRow,
+  z as CONTAINER_SX,
+  P as CancelButton,
+  y as CharCount,
+  X as CompositeListContainer,
+  U as CompositeListEnumEmpty,
+  Q as CompositeListEnumLabel,
+  _ as CompositeListLabel,
+  K as CompositeListMiniButton,
+  Y as CompositeListShowMoreButton,
+  q as CompositeListValues,
+  Z as CompositeMatrixContainer,
+  lo as CompositeMatrixEditableCornerCell,
+  so as CompositeMatrixEditableHeaderCell,
+  po as CompositeMatrixEditableRowCell,
+  bo as CompositeMatrixEditorDialogContent,
+  mo as CompositeMatrixEditorDialogTitle,
+  go as CompositeMatrixEditorDialogTitleLabel,
+  uo as CompositeMatrixEditorPanel,
+  fo as CompositeMatrixEditorPreview,
+  Fo as CompositeMatrixEditorPreviewDivider,
+  Lo as CompositeMatrixEditorPreviewSwitch,
+  xo as CompositeMatrixEditorTab,
+  Co as CompositeMatrixEditorTabs,
+  ao as CompositeMatrixFormInput,
+  no as CompositeMatrixFormLabel,
+  co as CompositeMatrixJsonAlert,
+  $ as CompositeMatrixLabel,
+  to as CompositeMatrixMiniButton,
+  ro as CompositeMatrixTableCell,
+  io as CompositeMatrixTableContainer,
+  eo as CompositeMatrixTableHeaderCell,
+  oo as CompositeMatrixValues,
+  h as FieldContainer,
+  w as InstanceFormForm,
+  H as InstanceFormRoot,
+  B as LeftContent,
+  v as LeftLabel,
+  T as LeftLayout,
+  j as PolicyListLabel,
+  N as PolicyListRoot,
+  D as SaveButton,
+  k as SaveButtonsContainer,
+  R as SecurityLevelContainer,
+  E as TemplateGroup,
+  A as TopLabel,
+  V as TopLabelAsterisk,
+  G as TopLabelDescription,
+  W as TopLabelWrapperRoot,
+  J as VariableFullWidth,
+  O as VariablesContainer
+};

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

@@ -1,58 +1,53 @@
-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,
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { ChevronRight as h } from "@mui/icons-material";
+import { getPageIcon as I } from "../../utils/ontology.js";
+import { InstanceTable as f } from "../instance-table/index.js";
+import { useInstanceHierarchyTableLogic as x } from "./logic.js";
+import { HierarchyRoot as y, Accordion as b, AccordionSummary as g, TemplateIcon as H, TemplateName as T, CountChip as C, HierarchyLabel as v, AccordionDetails as A } from "./styled.js";
+const z = (r) => {
+  const { state: l, actions: s } = x(r), { ownerState: m } = l, { data: a, templates: o, ...d } = r;
+  return !a || !a.results ? null : /* @__PURE__ */ e(y, { ownerState: m, sx: r.sx, children: a.results.map((n, p) => {
+    const t = o.get(n.templateId);
+    if (!t) return null;
+    const c = I(o, t.id);
+    return /* @__PURE__ */ i(
+      b,
       {
         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,
+          /* @__PURE__ */ i(g, { expandIcon: /* @__PURE__ */ e(h, {}), children: [
+            /* @__PURE__ */ e(H, { src: c }),
+            /* @__PURE__ */ e(T, { children: t.name }),
+            /* @__PURE__ */ e(
+              C,
               {
                 color: "primary",
-                label: t.totalInstanceCount,
-                size: "small",
-                sx: { height: 20, ml: 1 }
+                label: n.totalInstanceCount,
+                size: "small"
               }
             ),
-            /* @__PURE__ */ r(l, { variant: "caption", ml: 2, children: h(e) })
+            /* @__PURE__ */ e(v, { variant: "caption", children: s.getHierarchy(t) })
           ] }),
-          /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
-            b,
+          /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
+            f,
             {
-              data: t.instances.map((p) => ({
-                ...p,
-                templateId: e.id
+              data: n.instances.map((u) => ({
+                ...u,
+                templateId: t.id
               })),
-              template: { ...e, icon: a },
-              ...s
+              template: { ...t, icon: c },
+              ...d
             }
           ) })
         ]
       },
-      o
+      p
     );
-  });
+  }) });
 };
 export {
-  W as InstanceHierarchyTable
+  z as InstanceHierarchyTable
 };

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

@@ -0,0 +1,16 @@
+import { useThemeProps as o } from "@mui/material";
+import { getTemplateHierarchy as c } from "../../utils/ontology.js";
+const m = (t) => {
+  const e = o({
+    props: t,
+    name: "HCInstanceHierarchyTable"
+  }), a = { ...e };
+  return {
+    refs: {},
+    state: { ownerState: a },
+    actions: { getHierarchy: (r) => r ? c(e.templates, r).map((n) => n.name).join(" / ") : " " }
+  };
+};
+export {
+  m as useInstanceHierarchyTableLogic
+};