@cccsaurora/clue-ui 1.2.2-dev.263 → 1.2.2

package/AnnotationDetails-Bk-p0F6h.js

@@ -0,0 +1,160 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { I as u } from "./iconify-BBckr5AQ.js";
+import { useTheme as M, Stack as l, Typography as s, Tooltip as x, Box as A, IconButton as E, CircularProgress as N, Chip as z, Accordion as $, AccordionSummary as j, AccordionDetails as _, Divider as S } from "@mui/material";
+import g from "./components/display/icons/Iconified.js";
+import { SNACKBAR_EVENT_ID as O } from "./data/event.js";
+import { ClueComponentContext as F } from "./hooks/ClueComponentContext.js";
+import { b as H } from "./ActionForm-DlOXqMUx.js";
+import K from "./hooks/useAnnotations.js";
+import L from "./hooks/useErrors.js";
+import { ICON_MAP as T } from "./icons/iconMap.js";
+import { safeDispatchEvent as U } from "./utils/window.js";
+import { g as V } from "./groupBy-br8xmD2R.js";
+import { u as W } from "./useClueTypeConfig-Ct9Ygter.js";
+import { memo as G, useState as J, useMemo as k, useCallback as P, useEffect as Q } from "react";
+import { u as X } from "./index-Dj5C04IX.js";
+import Y from "./components/actions/ExecutePopover.js";
+import Z from "./components/AnnotationEntry.js";
+import q from "./components/ClassificationChip.js";
+import R from "./components/enrichment/EnrichPopover.js";
+function w(i) {
+  return i === null;
+}
+const ii = ({ enrichRequest: i, setReady: d, updatePosition: p }) => {
+  const v = M(), { t: c } = X(F, (n) => n.i18next), [r, I] = J("all"), y = H((n) => n.enrich), [t, C] = K(
+    i == null ? void 0 : i.type,
+    i == null ? void 0 : i.value,
+    i == null ? void 0 : i.classification,
+    { skipEnrichment: !0 }
+  ), m = L(i == null ? void 0 : i.value), B = k(
+    () => ["all", ...W((t ?? []).map((n) => n.type))],
+    [t]
+  ), b = k(() => V(t ?? [], "type"), [t]), h = P(async () => {
+    await y(i.type, i.value, {
+      classification: i.classification,
+      timeout: 15,
+      force: !0
+    });
+  }, [i, y]);
+  return Q(() => {
+    d && (d(i && !w(t)), p == null || p());
+  }, [t, i, d, p]), i && !w(t) && /* @__PURE__ */ a(l, { direction: "column", sx: { p: 1, width: "100%" }, spacing: 1, children: [
+    /* @__PURE__ */ a(l, { spacing: 1, children: [
+      /* @__PURE__ */ a(l, { direction: "row", spacing: 1, children: [
+        /* @__PURE__ */ a(l, { children: [
+          /* @__PURE__ */ a(l, { direction: "row", spacing: 1, children: [
+            /* @__PURE__ */ o(s, { variant: "body1", fontWeight: "bold", children: "Clue" }),
+            i.classification && /* @__PURE__ */ o(q, { size: "small", classification: i.classification })
+          ] }),
+          /* @__PURE__ */ a(s, { variant: "caption", color: "text.secondary", children: [
+            i.type.toLocaleUpperCase(),
+            " ",
+            c("enrichment")
+          ] })
+        ] }),
+        /* @__PURE__ */ o("div", { style: { flex: 1 } }),
+        /* @__PURE__ */ o(x, { title: c("refresh"), children: /* @__PURE__ */ o(A, { sx: { alignSelf: "center", m: -1 }, children: /* @__PURE__ */ o(E, { onClick: () => h(), disabled: C, children: C ? /* @__PURE__ */ o(N, { variant: "indeterminate", size: 20 }) : /* @__PURE__ */ o(g, { icon: "ic:baseline-replay", fontSize: "small" }) }) }) }),
+        /* @__PURE__ */ o(x, { title: c("clipboard"), children: /* @__PURE__ */ o(
+          E,
+          {
+            sx: { alignSelf: "center", m: -1 },
+            onClick: () => {
+              navigator.clipboard.writeText(i.value), U(
+                new CustomEvent(O, {
+                  detail: {
+                    message: `${i.value} ${c("clipboard.success")}`,
+                    level: "success"
+                  }
+                })
+              );
+            },
+            children: /* @__PURE__ */ o(g, { icon: "ic:outline-assignment", fontSize: "small" })
+          }
+        ) }),
+        /* @__PURE__ */ o(R, { selector: i }),
+        /* @__PURE__ */ o(Y, { selectors: [i] })
+      ] }),
+      /* @__PURE__ */ a(l, { direction: "row", spacing: 0.5, children: [
+        B.map((n, e) => /* @__PURE__ */ o(
+          z,
+          {
+            size: "small",
+            variant: n === r ? "filled" : "outlined",
+            icon: T[n] && /* @__PURE__ */ o(u, { icon: T[n] }),
+            label: /* @__PURE__ */ a(s, { variant: "caption", textTransform: "capitalize", children: [
+              n,
+              ":",
+              " ",
+              n === "all" ? t.length : t.filter((f) => f.type === n).length
+            ] }),
+            onClick: () => I(n)
+          },
+          e
+        )),
+        (m == null ? void 0 : m.length) > 0 && /* @__PURE__ */ o(
+          x,
+          {
+            title: /* @__PURE__ */ o("div", { onClick: (n) => n.stopPropagation(), children: m.map((n, e) => /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ o("span", { style: { textTransform: "capitalize" }, children: n.source.replace(/-/g, " ") }),
+              ":",
+              " ",
+              n.message
+            ] }, e)) }),
+            children: /* @__PURE__ */ o(
+              z,
+              {
+                size: "small",
+                variant: "outlined",
+                icon: /* @__PURE__ */ o(u, { icon: "material-symbols:timer-outline", color: v.palette.error.main }),
+                label: /* @__PURE__ */ a(s, { variant: "caption", textTransform: "capitalize", children: [
+                  c("annotation.failed"),
+                  ": ",
+                  m.length
+                ] }),
+                onClick: h
+              }
+            )
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ o(A, {}),
+    Object.keys(b).filter((n) => !r || r === "all" || n === r).map((n, e) => /* @__PURE__ */ a(
+      $,
+      {
+        defaultExpanded: !0,
+        sx: {
+          marginTop: `${v.spacing(1)} !important`,
+          marginBottom: "0 !important",
+          "&:before": { height: 0 }
+        },
+        children: [
+          r === "all" && /* @__PURE__ */ o(
+            j,
+            {
+              expandIcon: /* @__PURE__ */ o(g, { icon: "ic:baseline-arrow-drop-down" }),
+              sx: {
+                minHeight: "initial !important",
+                mt: 0.5,
+                mb: 0,
+                px: 1,
+                "& .MuiAccordionSummary-content": { my: 0.5, mx: 0 },
+                "& .MuiAccordionSummary-content.Mui-expanded": { my: 0.5, mx: 0 }
+              },
+              children: /* @__PURE__ */ o(s, { variant: "body1", textTransform: "capitalize", children: n }, n)
+            }
+          ),
+          /* @__PURE__ */ a(_, { sx: { px: 1 }, children: [
+            r === "all" && /* @__PURE__ */ o(S, { orientation: "horizontal", sx: { mb: 1 } }),
+            /* @__PURE__ */ o(l, { spacing: 1, divider: /* @__PURE__ */ o(S, { orientation: "horizontal", flexItem: !0 }), children: b[n].map((f, D) => /* @__PURE__ */ o(Z, { annotation: f }, D)) })
+          ] })
+        ]
+      },
+      e
+    ))
+  ] });
+}, hi = G(ii);
+export {
+  hi as A,
+  w as i
+};

package/AnnotationPreview-jzZvkCxJ.js

@@ -0,0 +1,140 @@
+import { jsxs as C, jsx as n } from "react/jsx-runtime";
+import { I as H } from "./iconify-BBckr5AQ.js";
+import { useTheme as k, Popper as V, Fade as j, Paper as O, Stack as w, Typography as y, Divider as W } from "@mui/material";
+import F from "./components/AnnotationDetailPopover.js";
+import L from "./hooks/useAnnotations.js";
+import { t as M } from "./utils-DmwSUrum.js";
+import { useState as v, useRef as Y, useCallback as x, useEffect as Z, useMemo as _ } from "react";
+import { c as B, u as G } from "./index-Dj5C04IX.js";
+import { SHOW_EVENT_ID as g, HIDE_EVENT_ID as D } from "./data/event.js";
+import { safeDispatchEvent as A, safeAddEventListener as S } from "./utils/window.js";
+import { i as J } from "./AnnotationDetails-Bk-p0F6h.js";
+const b = B(null), rt = ({ children: c }) => {
+  const [l, e] = v(null), [p, i] = v(null), [r, d] = v(null), [u, m] = v(null), [f, t] = v({}), a = Y(null), P = x((s, o, z, N) => {
+    A(
+      new CustomEvent(g, {
+        detail: {
+          type: s,
+          anchorEl: o,
+          value: z,
+          options: N
+        }
+      })
+    );
+  }, []), h = x(
+    (s, o) => {
+      A(
+        new CustomEvent(D, {
+          detail: {
+            type: s,
+            value: o
+          }
+        })
+      );
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  ), E = x((s) => {
+    const { detail: o } = s;
+    e(o.type), d(o.value), o.options && (o.options.content && m(o.options.content), o.options.onClose && (a.current = o.options.onClose), o.options.popoverProps && t(o.options.popoverProps)), i(o.anchorEl);
+  }, []), I = x(
+    (s) => {
+      const { detail: o } = s;
+      r && (o.type !== l || r.type !== o.value.type || r.value !== o.value.value) || (e(null), i(null), d(null), m(null), t({}), a.current = null);
+    },
+    [r, l]
+  );
+  Z(() => {
+    const s = S(g, E), o = S(D, I);
+    return () => {
+      s(), o();
+    };
+  }, [E, I]);
+  const T = _(
+    () => ({
+      showInfo: P,
+      closeInfo: h,
+      __detailsContent: u
+    }),
+    [h, u, P]
+  );
+  return /* @__PURE__ */ C(b.Provider, { value: T, children: [
+    c,
+    /* @__PURE__ */ n(
+      F,
+      {
+        ...f,
+        anchorEl: p,
+        open: !!p && l === "details",
+        enrichRequest: r,
+        onClose: () => {
+          a.current ? a.current() : h("details", r);
+        }
+      }
+    ),
+    /* @__PURE__ */ n(
+      K,
+      {
+        ...f,
+        anchorEl: p,
+        open: !!p && !J(l) && l !== "details",
+        annotationType: l,
+        enrichRequest: r
+      }
+    )
+  ] });
+}, K = ({ annotationType: c, anchorEl: l, enrichRequest: e, open: p, ...i }) => {
+  const r = k(), d = G(b, (t) => t.__detailsContent), [u] = L(e == null ? void 0 : e.type, e == null ? void 0 : e.value, e == null ? void 0 : e.classification), m = _(
+    () => c === "actionResults" ? [] : u.filter((t) => t.type === c),
+    [c, u]
+  ), f = x((t) => {
+    try {
+      const a = parseInt(window.getComputedStyle(t, null).getPropertyValue("z-index"));
+      return isNaN(a) ? f(t.parentElement) : (a + 2).toString();
+    } catch {
+      return "2";
+    }
+  }, []);
+  return !m.length && !d ? null : /* @__PURE__ */ n(
+    V,
+    {
+      ...i,
+      open: p,
+      anchorEl: l,
+      placement: "bottom-start",
+      sx: [{ zIndex: f(l) }, ...Array.isArray(i.sx) ? i.sx : [i.sx]],
+      children: /* @__PURE__ */ n(j, { in: !!l, children: /* @__PURE__ */ n(O, { sx: { overflowY: "auto", maxWidth: "500px", boxShadow: r.shadows[2] }, children: /* @__PURE__ */ n(w, { direction: "column", sx: { p: 1 }, spacing: 1, divider: /* @__PURE__ */ n(W, { orientation: "horizontal" }), children: d ?? m.map((t) => /* @__PURE__ */ C(
+        w,
+        {
+          direction: "column",
+          spacing: 1,
+          children: [
+            /* @__PURE__ */ C(w, { direction: "row", spacing: 1, alignItems: "center", children: [
+              t.analytic_icon && /* @__PURE__ */ n(
+                H,
+                {
+                  icon: t.analytic_icon,
+                  style: { filter: "drop-shadow(0px 0px 1px rgb(0 0 0 / 0.4))" }
+                }
+              ),
+              /* @__PURE__ */ n(y, { variant: "body1", sx: { textTransform: "capitalize" }, children: t.analytic ?? t.author }),
+              /* @__PURE__ */ C(y, { variant: "caption", color: "text.secondary", children: [
+                "(",
+                M(t.timestamp),
+                ")"
+              ] })
+            ] }),
+            /* @__PURE__ */ n(y, { variant: "body2", children: t.summary }),
+            /* @__PURE__ */ n(y, { variant: "caption", color: "text.secondary", children: t.value })
+          ]
+        },
+        t.analytic + t.author + t.value + t.link + t.summary + t.timestamp
+      )) }) }) })
+    }
+  );
+};
+export {
+  K as A,
+  b as C,
+  rt as a
+};