@cccsaurora/clue-ui 1.2.3-dev.266 → 1.2.3

package/icons/Opinion.js

@@ -1,123 +1,107 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { I as Icon } from "../iconify-CXMreGTg.js";
-import { useTheme, Stack, Chip, Divider, Grid } from "@mui/material";
-import CountBadge from "../components/CountBadge.js";
-import { C as CluePopupContext } from "../AnnotationPreview-bHObsb3P.js";
-import { g as groupBy } from "../groupBy-xqz-n0Vd.js";
-import { s as sortBy } from "../sortBy-DfSj8IoJ.js";
-import { s as sumBy } from "../sumBy-D-hb_NY-.js";
-import { memo, useRef, useMemo, useCallback, useEffect } from "react";
-import { u as useContextSelector } from "../index-AMfoEg_6.js";
-const SEVERITY_RANK = { malicious: 3, suspicious: 2, obscure: 1, benign: 0 };
-const OpinionIcon = ({ annotations, value, counters = true, disableTooltip = false, ubiquitous = false, ...otherProps }) => {
-  const theme = useTheme();
-  const showInfo = useContextSelector(CluePopupContext, (state) => state.showInfo);
-  const closeInfo = useContextSelector(CluePopupContext, (state) => state.closeInfo);
-  const anchorRef = useRef();
-  const opinionAnnotations = useMemo(
-    () => annotations.filter((annotation) => annotation.type === "opinion" && annotation.ubiquitous === ubiquitous),
-    [annotations, ubiquitous]
-  );
-  const sortedOpinions = useMemo(
-    () => Object.entries(groupBy(opinionAnnotations, "value")).map(([_value, _annotations]) => [_value, sumBy(_annotations, "quantity")]).sort(([opinionA, countA], [opinionB, countB]) => {
-      if (countB !== countA) return countB - countA;
-      return (SEVERITY_RANK[opinionB] ?? -1) - (SEVERITY_RANK[opinionA] ?? -1);
-    }),
-    [opinionAnnotations]
-  );
-  const icon = useCallback(
-    (_opinion) => _opinion === "benign" ? "mdi:shield-check" : _opinion === "suspicious" ? "mdi:warning-outline" : _opinion === "obscure" ? "bi:eye-slash-fill" : "mdi:warning-decagram",
+import { jsxs as x, Fragment as R, jsx as r } from "react/jsx-runtime";
+import { I as u } from "../iconify-BBckr5AQ.js";
+import { useTheme as S, Stack as b, Chip as y, Divider as j, Grid as I } from "@mui/material";
+import q from "../components/CountBadge.js";
+import { C as v } from "../AnnotationPreview-jzZvkCxJ.js";
+import { g as B } from "../groupBy-br8xmD2R.js";
+import { s as E } from "../sortBy-DY2JBf9n.js";
+import { s as M } from "../sumBy-DuMASLPd.js";
+import { memo as D, useRef as F, useMemo as a, useCallback as G, useEffect as K } from "react";
+import { u as C } from "../index-Dj5C04IX.js";
+const w = { malicious: 3, suspicious: 2, obscure: 1, benign: 0 }, L = ({ annotations: m, value: l, counters: z = !0, disableTooltip: n = !1, ubiquitous: p = !1, ...f }) => {
+  const s = S(), $ = C(v, (e) => e.showInfo), g = C(v, (e) => e.closeInfo), h = F(), i = a(
+    () => m.filter((e) => e.type === "opinion" && e.ubiquitous === p),
+    [m, p]
+  ), t = a(
+    () => Object.entries(B(i, "value")).map(([e, o]) => [e, M(o, "quantity")]).sort(([e, o], [k, d]) => d !== o ? d - o : (w[k] ?? -1) - (w[e] ?? -1)),
+    [i]
+  ), c = G(
+    (e) => e === "benign" ? "mdi:shield-check" : e === "suspicious" ? "mdi:warning-outline" : e === "obscure" ? "bi:eye-slash-fill" : "mdi:warning-decagram",
     []
   );
-  useEffect(() => {
-    if (disableTooltip) {
-      closeInfo("opinion", value);
-    }
-  }, [disableTooltip]);
-  const tooltipContent = useMemo(
-    () => /* @__PURE__ */ jsxs(Stack, { spacing: 1, onClick: (e) => e.stopPropagation(), children: [
-      opinionAnnotations.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 1, children: sortedOpinions.map(([type, count]) => /* @__PURE__ */ jsx(
-          Chip,
+  K(() => {
+    n && g("opinion", l);
+  }, [n]);
+  const O = a(
+    () => /* @__PURE__ */ x(b, { spacing: 1, onClick: (e) => e.stopPropagation(), children: [
+      i.length > 1 && /* @__PURE__ */ x(R, { children: [
+        /* @__PURE__ */ r(b, { direction: "row", spacing: 1, children: t.map(([e, o]) => /* @__PURE__ */ r(
+          y,
           {
             size: "small",
             variant: "outlined",
-            label: `${type}: ${count}`,
-            icon: /* @__PURE__ */ jsx(Icon, { icon: icon(type) }),
+            label: `${e}: ${o}`,
+            icon: /* @__PURE__ */ r(u, { icon: c(e) }),
             sx: { textTransform: "capitalize" },
             color: {
               benign: "success",
               suspicious: "warning",
               obscure: "error",
               malicious: "error"
-            }[type]
+            }[e]
           },
-          type
+          e
         )) }),
-        /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", flexItem: true })
+        /* @__PURE__ */ r(j, { orientation: "horizontal", flexItem: !0 })
       ] }),
-      /* @__PURE__ */ jsx(
-        Grid,
+      /* @__PURE__ */ r(
+        I,
         {
           sx: {
-            mt: opinionAnnotations.length < 2 && `${theme.spacing(-0.5)} !important`,
-            ml: `${theme.spacing(-0.5)} !important`
+            mt: i.length < 2 && `${s.spacing(-0.5)} !important`,
+            ml: `${s.spacing(-0.5)} !important`
           },
-          container: true,
+          container: !0,
           spacing: 0.5,
           maxWidth: "500px",
-          children: sortBy(opinionAnnotations, "value").map((annotation) => /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-            Chip,
+          children: E(i, "value").map((e) => /* @__PURE__ */ r(I, { item: !0, children: /* @__PURE__ */ r(
+            y,
             {
               size: "small",
               variant: "outlined",
-              label: (annotation.analytic ?? annotation.author) + (annotation.quantity > 1 ? ` (x${annotation.quantity})` : ""),
-              icon: /* @__PURE__ */ jsx(Icon, { icon: icon(annotation.value) }),
+              label: (e.analytic ?? e.author) + (e.quantity > 1 ? ` (x${e.quantity})` : ""),
+              icon: /* @__PURE__ */ r(u, { icon: c(e.value) }),
               color: {
                 benign: "success",
                 suspicious: "warning",
                 obscure: "error",
                 malicious: "error"
-              }[annotation.value]
+              }[e.value]
             }
-          ) }, (annotation.analytic ?? annotation.author) + annotation.value))
+          ) }, (e.analytic ?? e.author) + e.value))
         }
       )
     ] }),
-    [icon, opinionAnnotations, sortedOpinions, theme]
+    [c, i, t, s]
   );
-  if ((opinionAnnotations == null ? void 0 : opinionAnnotations.length) < 1) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
+  return (i == null ? void 0 : i.length) < 1 ? null : /* @__PURE__ */ r(
     "span",
     {
-      ref: anchorRef,
+      ref: h,
       style: { display: "flex" },
-      onMouseOver: disableTooltip ? void 0 : () => showInfo("opinion", anchorRef.current, value, { content: tooltipContent }),
-      onMouseLeave: disableTooltip ? void 0 : () => closeInfo("opinion", value),
-      children: /* @__PURE__ */ jsx(CountBadge, { disabled: !counters, count: sortedOpinions[0][1], children: /* @__PURE__ */ jsx(
-        Icon,
+      onMouseOver: n ? void 0 : () => $("opinion", h.current, l, { content: O }),
+      onMouseLeave: n ? void 0 : () => g("opinion", l),
+      children: /* @__PURE__ */ r(q, { disabled: !z, count: t[0][1], children: /* @__PURE__ */ r(
+        u,
         {
           fontSize: "1.25em",
-          ...otherProps,
-          icon: icon(sortedOpinions[0][0]),
+          ...f,
+          icon: c(t[0][0]),
           color: {
-            benign: theme.palette.success.light,
-            suspicious: theme.palette.warning.light,
-            obscure: theme.palette.error.light,
-            malicious: theme.palette.error.light
-          }[sortedOpinions[0][0]],
+            benign: s.palette.success.light,
+            suspicious: s.palette.warning.light,
+            obscure: s.palette.error.light,
+            malicious: s.palette.error.light
+          }[t[0][0]],
           style: {
             zIndex: 2,
-            ...otherProps.style ?? {}
+            ...f.style ?? {}
           }
         }
       ) })
     }
   );
-};
-const OpinionIcon$1 = memo(OpinionIcon);
+}, X = D(L);
 export {
-  OpinionIcon$1 as default
+  X as default
 };

package/icons/iconMap.js

@@ -1,4 +1,4 @@
-const ICON_MAP = {
+const o = {
   context: "material-symbols:contextual-token",
   opinion: "material-symbols:how-to-vote-rounded",
   mitigation: "material-symbols:shield-locked-rounded",
@@ -6,5 +6,5 @@ const ICON_MAP = {
   assessment: "material-symbols:menu-book"
 };
 export {
-  ICON_MAP
+  o as ICON_MAP
 };

package/identity-ByMq8VxU.js

@@ -0,0 +1,6 @@
+function i(t) {
+  return t;
+}
+export {
+  i
+};